@charset "UTF-8";

.popup.livechat a.close:before{background:url("../../images/normal/snow.075e57c4c233.png") no-repeat;background-size:60px 30px;}
.popup.livechat .complete a.close:before{background:url("../../images/normal/add.cbf3403ca096.png") no-repeat;background-size:253px 200px;}
.popup.livechat .complete:before {background:url("../../images/normal/livechat_complete.c94b9477400f.png") no-repeat;background-size:148px 120px;}
@media screen and (-webkit-min-device-pixel-ratio:2){
	.popup.livechat a.close:before {background-image:url("../../images/retina/snow.1fab0fd57716.png");}
	.popup.livechat .complete a.close:before{background-image:url("../../images/retina/add.10a00f05d402.png") ;}
	.popup.livechat .complete:before {background-image: url("../../images/retina/livechat_complete.525a80f7b609.png");}
}
#popup_container.livechat .popup.livechat {display:block;}
#popup_container .popup.livechat {width: 307px;background:#fff;border-radius:3px;}
.popup.livechat .cover {position:absolute;top:4px;left:4px;width:calc(100% - 8px);width:-webkit-calc(100% - 8px);width:-moz-calc(100% - 8px);}
.popup.livechat .cover img {display:block;width:100%;height:143px;background:#bdc0c5 no-repeat 50% 50%;background-size:cover;}
.popup.livechat .upcoming {background:rgba(68,135,194,0.15);border-radius:3px;padding:0 8px;font-size:13px;color:#4487c2;line-height:27px;display: inline-block;}
.popup.livechat .livenow {background:rgba(68,135,194,0.15);border-radius:3px;padding:0 8px;font-size:13px;color:#4487c2;line-height:27px;display: inline-block;}
.popup.livechat .livenow:before {content:'';width:4px;height:4px;border-radius:100%;background:#4487c2;vertical-align:middle;margin:-3px 5px 0 0;display: inline-block;}
.popup.livechat h3 {padding:53px 30px 27px;box-shadow:0 1px 0 rgba(227,230,232,0.5);font-weight:bold;color:#38424c;text-align:center;font-size:16px;margin-bottom:10px;position: relative;}
.popup.livechat h3 img {display:block;width:134px;height:134px;background:#fff no-repeat 50% 50%;background-size:cover;margin:0 auto 25px;border:3px solid #fff;border-radius:100%;}
.popup.livechat .title {display:block;padding-top:13px;}
.popup.livechat .btns { display: block; margin:0 10px;font-size: 14px; font-weight: bold; text-align: center;  border-radius: 3px; line-height: 42px; text-decoration: none; background:#5b91c6;color:#fff;}
.popup.livechat .btns.fb {background:#3b5997;}
.popup.livechat .btns.tw {background:#00b0ed;}
.popup.livechat .btn-area {padding: 0 10px 20px;}
.popup.livechat .btn-area .btns {margin-top:10px;}
.popup.livechat h4 {font-size:16px;color:#38424c;text-align: center;padding: 195px 0 27px;}
.popup.livechat h4 small {display:block;font-size:13px;font-weight:normal;color:#9099a6;padding-top: 8px;}
.popup.livechat a.close {position:absolute;right:0;top:0;padding:14px;}
.popup.livechat a.close:before {content:'';width:11px;height:11px;display:block;;background-position:-25px -15px;}
.popup.livechat .viewer {width:445px;margin-left:-69px;padding-bottom:10px;-webkit-box-shadow: 0 2px 22px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 2px 22px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.1);box-shadow: 0 2px 22px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.1);background: #fff;border-radius: 3px;position: relative;}
.popup.livechat .complete a.close:before {background-position:0 -90px;opacity: 0.6;}
.popup.livechat .complete:before {content:'';position:absolute;top:53px;left:50%;width: 148px;height: 120px;margin-left: -74px;}