@font-face{font-family:'Open Sans';font-weight:400;font-display:swap;src:local('Open Sans Regular'),local('OpenSans-Regular'),url('/font/OpenSans-Regular.eot');src:url('/font/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),url('/font/OpenSans-Regular.woff2') format('woff2'),url('/font/OpenSans-Regular.woff') format('woff'),url('/font/OpenSans-Regular.ttf') format('truetype'),url('/font/OpenSans-Regular.svg#open_sansregular') format('svg');}
@font-face{font-family:'Open Sans';font-weight:600;font-display:swap;src:local('Open Sans SemiBold'),local('OpenSans-SemiBold'),url('/font/OpenSans-Bold.eot');src:url('/font/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),url('/font/OpenSans-Bold.woff2') format('woff2'),url('/font/OpenSans-Bold.woff') format('woff'),url('/font/OpenSans-Bold.ttf') format('truetype'),url('/font/OpenSans-Bold.svg#open_sansbold') format('svg');}
*{margin:0;padding:0;}
body{font-family:Arial,Tahoma;color:#455b6e;}
p{font-size:18px;line-height:160%;}
h1,h2,h3{font-size:32px;padding:6px 0;}
.clear{clear:both;}
.logo{float:left;}
img{max-width:100%;height:auto;}

/* button */
.btn-getcode a{border-radius:2px;display:block;background:#61ca87;transition:background .2s,box-shadow .2s;margin:1em 0;padding:.8em 0;text-decoration:none;color:#fff;font-weight:600;font-size:20px;text-align:center;}
.btn-getcode a:hover{background: #5bb482; box-shadow:0 4px 12px rgba(97,202,135,0.4);}
.btn-buy a{background:#f98653;padding:.5em 4em;display:inline-block;color:#fff;font-size:24px;font-weight:600;text-decoration:none;border-radius:2px;margin:1em 0;transition:background .2s,box-shadow .2s;}
.btn-buy a:hover{background: #e87a4f; box-shadow:0 4px 12px rgba(232,122,79,0.4);text-decoration:none;}

/* #header */
#header{width:920px;margin:0 auto;display:table;}
.logo{padding:1em;display:inline-block;}
.logo img{vertical-align:middle;margin:0 20px;}
.container{margin:0 auto;width:100%;max-width:920px;position: relative;z-index: 1;}

/* .banner */
.banner{background:#5695CC;position: sticky;display: flex;}
.banner .bg-img{max-width:820px;margin:0 auto;position: absolute;left: 3em;z-index: -1;}
.banner .row{margin:14em 2em 12em;padding:4em 2em;border-radius:4px;background:#fff;box-shadow:0 2px 5px 0 rgba(32,33,36,.05),0 19px 38px 0 rgba(32,33,36,.04);}
.row .middle{display:flex;justify-content:center;align-items:center;}
.banner h2{text-align:center;}
.banner h2 span{color:#909ca9;font-size:20px;}
.banner .left-side .fb-like{margin:0 0 0 120px;}
.tips,.error-tip{color:#ff2919;}
.banner .facebook-area{margin:10px 0 30px;}
input{width:100%;margin:.5em 0;padding:.8em 0;border:2px solid #d1dde2;font-size:18px;text-align:center;border-radius:2px;}
::placeholder{color:#909ca9;}
.getcode{margin:2em 3em 0;}
.ie .banner .row { display: inline-block; margin: 14em 2em 12em; }

/* .linkbuy */
.linkbuy{text-align:center;}
.linkbuy.nocard{margin:5em .5em;}
.card{position:relative;margin:-8em 2em 0;padding:2em 0;border-radius:4px;background:#fff;box-shadow:0 2px 5px 0 rgba(32,33,36,.05),0 19px 38px 0 rgba(32,33,36,.04);}

/* .benefits */
.benefits{margin:60px 0 30px;margin:0 auto;}
.benefits .gift{position:absolute;margin-top:-20px;padding-left:50px;z-index:-1;}
.benefits table{border-collapse:collapse;margin-top:70px;}
.benefits table tr{border-bottom:1px solid #d1dde2;line-height:180%;font-size:18px;}
.benefits table th{text-align:left;padding:2em;font-weight:100;}
.benefits table th span{margin-bottom:.8em;display:inline-block;font-weight:bold;font-size:20px;}
.benefits table td.title-checked{font-size:24px;font-weight:bold;padding:1.5em 0;color:#fff;text-align:center;background:#5695CC;}
.benefits table td.bg-yellow{background:#f5f8fb;text-align:center;width:30%;}

/* #footer */
.copyright{text-align:center;color:#909ca9;padding:1em;}
.copyright a{color:#455b6e;}
.copyright a:hover{text-decoration:none;}

/* pop up */
.cover{height:100%;width:100%;position:absolute;z-index:1;}
.blur-in{-webkit-animation:blur 2s forwards;-moz-animation:blur 2s forwards;-o-animation:blur 2s forwards;animation:blur 2s forwards;}
.blur-out{-webkit-animation:blur-out 2s forwards;-moz-animation:blur-out 2s forwards;-o-animation:blur-out 2s forwards;animation:blur-out 2s forwards;}
.pop-up{position:fixed;margin:5% auto;left:0;right:0;z-index:2;}
.pop-box{z-index:2;background:#fffefa;margin:10% auto;position:relative;max-width:620px;width:95%;border-radius:4px;border:1px solid #d4dbea;box-shadow:0 2px 5px 0 rgba(32,33,36,.05),0 19px 38px 0 rgba(32,33,36,.04);}
.pop-box img{float:left;margin:50px 40px 40px 40px;}
.fb-share{float:left;margin:20px 0 40px 0;width:60%;}
.fb-share p{margin-bottom:20px;}
.bg-2{background:#000;width:100%;height:100%;left:0;top:0;/*FF IE7*/filter:alpha(opacity=20);/*IE*/opacity:0.4;/*FF*/z-index:1;position:fixed!important;/*FF IE7*/}
.close-button{transition:all 0.5s ease;position:absolute;right:0;background:#5695CC;height:40px;width:40px;border:2px solid #fff;color:#fff;font-size:24px;text-decoration:none;cursor:pointer;-webkit-box-shadow:0 3px 6px rgba(0,0,0,0.16);-moz-box-shadow:0 3px 6px rgba(0,0,0,0.16);box-shadow:0 3px 6px rgba(0,0,0,0.16);}
.close-button:hover{background:#188fc6;color:#fff;}
.row:after{content:"";clear:both;display:table;}
[class*="col-"]{float:left;}
.col-4{width:33.33%;}
.col-8{width:66.66%;}
@media screen and (max-width:800px){
	.col-4,.col-8{width:100%;}
	.col-12 ul li{text-align:center;}
	.getcode{margin:2em 1em 0;}
	.row .middle{display:block;}
	.fb-share{float:none;width:100%;}
}

/* div */
.mydiv{position:fixed;margin:auto;left:0;right:0;top:0;bottom:0;z-index:99;line-height:34px;font-size:15px;padding:22px;     /*padding-left:20px;*/font-weight:bold;width:500px;height:180px;background-color:#ffa;border:1px solid #f90;}
.bg{line-height:40px;background-color:#ccc;width:100%;height:100%;left:0;top:0;/*FF IE7*/filter:alpha(opacity=40);/*IE*/opacity:0.4;/*FF*/z-index:1;position:fixed!important;/*FF IE7*/position:absolute;/*IE6*/_top:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2:/*IE6*/
document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);/*IE5 IE5.5*/}
.fb-like.fb_iframe_widget{text-align:center;margin: 1em 0 0 6em;}


.not-in-action{padding:20px 20px 40px 20px;}
.pop-box h3{margin:30px 20px 0 20px;}



/*The END*/