.message-default{margin:0 auto;width:600px;padding:80px 0;}
.message-default .icon{float:left;position:relative;width:80px;height:80px;
border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%;}
.message-default .text{float:right;width: calc(100% - 140px);}
.message-default h1{font-size:32px;font-weight:300;line-height:130%;margin-bottom:20px;}
.message-default p{margin-bottom:35px;}
.message-succ h1{color:#19AA8D;}
.message-succ .icon{border:4px solid #19AA8D;}
.message-succ .line-short{width:25px;height:5px;position:absolute;left:14px;top:46px;border-radius:4px;background-color:#19AA8D;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);-webkit-animation:succ_short_Animation .65s;-moz-animation:succ_short_Animation .65s;animation:succ_short_Animation .65s}
.message-succ .line-long{width:47px;height:5px;position:absolute;right:8px;top:38px;border-radius:4px;background-color:#19AA8D;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-animation:succ_long_Animation .65s;-moz-animation:succ_long_Animation .65s;animation:succ_long_Animation .65s}
@-webkit-keyframes succ_short_Animation{0%{width:0;left:1px;top:19px}
54%{width:0;left:1px;top:19px}
70%{width:50px;left:-4px;top:37px}
84%{width:17px;left:21px;top:48px}
100%{width:25px;left:14px;top:45px}
}
@-moz-keyframes succ_short_Animation{0%{width:0;left:1px;top:19px}
54%{width:0;left:1px;top:19px}
70%{width:50px;left:-4px;top:37px}
84%{width:17px;left:21px;top:48px}
100%{width:25px;left:14px;top:45px}
}
@keyframes succ_short_Animation{0%{width:0;left:1px;top:19px}
54%{width:0;left:1px;top:19px}
70%{width:50px;left:-4px;top:37px}
84%{width:17px;left:21px;top:48px}
100%{width:25px;left:14px;top:45px}
}
@-webkit-keyframes succ_long_Animation{0%{width:0;right:46px;top:54px}
65%{width:0;right:46px;top:54px}
84%{width:55px;right:0;top:35px}
100%{width:47px;right:8px;top:38px}
}
@-moz-keyframes succ_long_Animation{0%{width:0;right:46px;top:54px}
65%{width:0;right:46px;top:54px}
84%{width:55px;right:0;top:35px}
100%{width:47px;right:8px;top:38px}
}
@keyframes succ_long_Animation{0%{width:0;right:46px;top:54px}
65%{width:0;right:46px;top:54px}
84%{width:55px;right:0;top:35px}
100%{width:47px;right:8px;top:38px}
}

.message-error h1{color:#ff9090;}
.message-error .icon{border:4px solid #ff9090;}
.message-error .b{width:80px;height:80px;margin:0 auto;text-align:center;position:relative; -webkit-animation: error_Animation .5s;-moz-animation:error_Animation .5s;animation:error_Animation .5s}
.message-error .line-left,.message-error .line-right{width:47px;height:5px;position:absolute;left:17px;top:37px;border-radius:4px;background-color:#ff9090;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg)}
.message-error .line-right{right:11px;top:37px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg)}
@-webkit-keyframes error_Animation{0%{-webkit-transform:scale(.6);opacity:.2}
50%{-webkit-transform:scale(.6);opacity:.5}
80%{-webkit-transform:scale(1.15);opacity:.8}
100%{-webkit-transform:scale(1);opacity:1}
}
@-moz-keyframes error_Animation{0%{-moz-transform:scale(.6);opacity:.2}
50%{-moz-transform:scale(.6);opacity:.5}
80%{-moz-transform:scale(1.15);opacity:.8}
100%{-moz-transform:scale(1);opacity:1}
}
@keyframes error_Animation{0%{transform:scale(.6);opacity:.2}
50%{transform:scale(.6);opacity:.5}
80%{transform:scale(1.15);opacity:.8}
100%{transform:scale(1);opacity:1}
}

/** alert **/
.message-alert .icon{border:4px solid #ff9090;}
.message-alert .line-long, .message-alert .line-short
{position:absolute;width:6px;height:43px;left:37px;top:12px;background-color:#ff9090;}
.message-alert .line-short{height:6px;top:60px;}
.message-alert h1{color:#ff9090;}

.message-default .link{margin:35px 0 0 0;list-style:none;}
.message-default .link li{list-style:none;float:left;margin-right:15px;margin-bottom:10px;}
.message-default .link a{display:inline-block;font-size:12px;cursor:pointer;text-decoration:none;line-height:100%;
background-color:#d5102c;padding:12px 20px;color:#FFF;
border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;
transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;}
.message-default .link a:hover{background-color:#b00d24;text-decoration:none;}
.message-default .content{margin-top:20px;}
.message-default .redirect{margin-bottom:30px;}


@media screen and (max-width:720px) {
.message-default{width:480px;}
}
@media screen and (max-width:640px) {
.message-default{width:auto;padding:30px;}
.message-default h1{font-size:28px;}
.message-default .icon{float:inherit;margin:0 auto;}
.message-default .text{float:inherit;width:100%;margin-top:35px;}
}