@charset "utf-8";

.grey-9, a.grey-9 {color: #9c9c9c;}
.blue, a.blue { color: #3caaff; } 
.red-bg{background-color:#f21c1c}
.white, a.white { color: #fff; }
.grey-d-bg{background-color:#dfdfdf} 

#alertMsg {	display: none; width: 300px; border: 1px solid #ddd; border-radius: 5px; box-shadow: 1px 1px 10px black;padding: 10px;font-size: 12px;position: absolute;text-align: center;background: #fff;z-index: 100000;}
#alertMsg_info {padding: 2px 15px;min-height:40px;line-height: 20px;font-size:14px;	text-align: left;}
#alertMsg_btn1, #alertMsg_btn2 { display: inline-block;background:#1d8f43; padding-left: 3px;color: #FFFFFF;font-size: 12px;text-decoration: none;margin-right: 10px;cursor: pointer;}
#alertMsg_btn1 cite, #alertMsg_btn2 cite {line-height: 30px;display: inline-block;padding: 0 20px 0 20px;background:#1d8f43;color: #FFFFFF;	font-style: normal;}

.toast-wrap{  opacity: 0;  position: fixed; bottom: 50%; color: #fff; width: 100%; text-align: center;}
.toast-msg{  background-color: rgba(0,0,0,0.7);  padding: 20px 50px; border-radius: 5px;}
.toastAnimate{  animation: toastKF 2s;}
@keyframes toastKF{
  0% {opacity: 0;}
 25% {opacity: 1; z-index: 9999}
 50% {opacity: 1; z-index: 9999}
 75% {opacity: 1; z-index: 9999}
 100% {opacity: 0; z-index: 0}
}