body { background: #f8f8f8 url(../img/pattern.jpg); text-align: left; font-family: 'Lato', Arial, sans-serif; color: #555; font-weight: 0; margin: 0; height: 100%; }
strong { font-weight: 700; }
a:hover { text-decoration: none; }

::-moz-selection {
background: #e75967;
color: #fff;
text-shadow: none;
}
::selection { background: #e75967; color: #fff; text-shadow: none; }
.header { padding: 12px 0; }
.logo h1 { margin-top: 7px; padding-left: 50px; font-family: 'Lobster', cursive; font-size: 38px; font-weight: 400; color: #555; }
.logo h1 span { color: #e75967; }
.logo { width: 128px; height: 52px; background: url(../img/logo.gif) 0 0 no-repeat; display: inline-block; }
.logo a:hover { color: #e75967; }
.call-us { font-size: 18px; text-align: right; float: right; display: inline-block; }
.call-us p { margin-top: 18px; padding-right: 50px; }
.call-us p span { color: #888; }
/***** Coming Soon *****/
.coming-soon { margin: 0 auto; text-align: center; color: #fff; min-width: 800px!important; border-top: 3px solid #e75967; border-bottom: 3px solid #e75967; }
.inner-bg { padding: 105px 0 89px 0; background: url(../img/pattern-3.png); -moz-box-shadow: 0 1px 5px 0 rgba(0,0,0,.3) inset; -webkit-box-shadow: 0 1px 5px 0 rgba(0,0,0,.3) inset; box-shadow: 0 1px 5px 0 rgba(0,0,0,.3) inset; }
.coming-soon h1, .coming-soon h2 { width: 826px; text-align: left; margin: auto; font-size: 52px; font-family: '微软雅黑', '宋体'; font-weight: normal!important; text-shadow: 0 1px 8px rgba(0,0,0,.8); line-height: 52px; }
.coming-soon h1 { width: 756px; font-size: 68px; line-height: 88px; }
.coming-soon p { margin-top: 28px; font-size: 18px; line-height: 36px; text-shadow: 0 1px 7px rgba(0,0,0,.8); }
.timer { margin-top: 60px; text-shadow: 0 1px 5px rgba(0,0,0,.2); }
.timer .days-wrapper, .timer .hours-wrapper, .timer .minutes-wrapper, .timer .seconds-wrapper { display: inline-block; width: 500px; height: 108px; margin: 0 10px; padding-top: 10px; padding-bottom: 10px; background: #2d2d2d; /* browsers that don't support rgba */ background: rgba(45,45,45,.5); font-size: 18px; font-family: sans-serif; font-weight: 400; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; }
.timer .days-wrapper:hover, .timer .hours-wrapper:hover, .timer .minutes-wrapper:hover, .timer .seconds-wrapper:hover { background: #e75967 url(../img/pattern-2.png); text-shadow: none; }
.timer .days, .timer .hours, .timer .minutes, .timer .seconds { font-size: 80px; line-height: 108px; letter-spacing: .05em; padding-left: .15em; }
/***** Content *****/
.subscribe { margin-top: 8px; text-align: center; }
.subscribe h3 { font-size: 32px; font-weight: 400; color: #4d4d4d; line-height: 40px; text-transform: uppercase; text-shadow: 1px 2px 1px #fff; }
.subscribe table { font-size: 15px; font-family: '幼圆'; font-weight: 400;  line-height: 28px; margin: 30px auto auto; }
.subscribe form { margin-top: 24px; }
.subscribe form input { width: 310px; height: 46px; margin: 0; padding: 0 10px; background: #fff; font-family: 'Lato', Arial, sans-serif; font-size: 18px; line-height: 46px; color: #888; border: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,.15); -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.15); box-shadow: 0 1px 3px 0 rgba(0,0,0,.15); }
.subscribe form input:focus { -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,.15); -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.15); box-shadow: 0 1px 3px 0 rgba(0,0,0,.15); }
.subscribe form input:-moz-placeholder {color: #888;}
.subscribe form input:-ms-input-placeholder {color: #888;}
.subscribe form input::-webkit-input-placeholder {color: #888;}
.subscribe form button { width: 130px; height: 46px; margin: 0; padding: 0; background: #e75967; border: 0; font-family: 'Lato', Arial, sans-serif; font-size: 18px; line-height: 46px; color: #fff; text-transform: uppercase; text-shadow: 1px 1px 1px rgba(0,0,0,.3); -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,.25); -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.25); box-shadow: 0 1px 3px 0 rgba(0,0,0,.25); -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; }
.subscribe form button:hover { background: #e75967; color: #fff; }
.subscribe form button:active { background: #e75967; color: #fff; }
.success-message, .error-message { font-size: 18px; }
.error-message { color: #e75967; }
.social { margin-top: 30px; padding-bottom: 30px; text-align: center; }
.social a { display: inline-block; width: 48px; height: 48px; margin: 3px; }
.social a.facebook { background: url(../img/social-icons/facebook.png); }
.social a.twitter { background: url(../img/social-icons/twitter.png); }
.social a.dribbble { background: url(../img/social-icons/dribbble.png); }
.social a.googleplus { background: url(../img/social-icons/googleplus.png); }
.social a.pinterest { background: url(../img/social-icons/pinterest.png); }
.social a.flickr { background: url(../img/social-icons/flickr.png); }
/***** Media Queries *****
@media (min-width: 768px) and (max-width: 979px) {
    .logo h1 { padding-left: 0; }
    .call-us p { padding-right: 0; }
    .timer .days-wrapper,.timer .hours-wrapper,.timer .minutes-wrapper,.timer .seconds-wrapper { width: 140px; height: 120px; margin: 0 7px; padding-top: 20px; -moz-border-radius: 70px; -webkit-border-radius: 70px; border-radius: 70px; }
    .timer .days,
    .timer .hours,
    .timer .minutes,
    .timer .seconds { font-size: 60px; line-height: 70px; }
}
@media (max-width: 767px) {
    body { padding-left: 0; padding-right: 0;}
    .logo h1 { padding-left: 0; text-align: center;}
    .call-us { padding-bottom: 7px; text-align: center; }
    .call-us p { padding-right: 0; }
    .inner-bg { padding: 45px 0 50px 0; }
    .coming-soon h2 { font-size: 36px; padding: 0 20px; }
    .coming-soon p { padding: 0 20px; }
    .timer .days-wrapper,
    .timer .hours-wrapper,
    .timer .minutes-wrapper,
    .timer .seconds-wrapper { width: 140px; height: 120px; margin: 7px; padding-top: 20px; -moz-border-radius: 70px; -webkit-border-radius: 70px; border-radius: 70px; }
    .timer .days,
    .timer .hours,
    .timer .minutes,
    .timer .seconds { font-size: 60px; line-height: 70px; }
    .subscribe h3 { padding: 0 20px; font-size: 28px;}
    .subscribe p { padding: 0 20px; }
}
@media (max-width: 480px) {
    .subscribe form { padding: 0 20px; }
    .subscribe form input { width: 90%; }
    .subscribe form button { width: 90%; margin-top: 10px; }
}
*****/
/*新加的*/
.jiathis_style_32x32 { float: right; margin-top: 8px; }
.jiathis_style_32x32 span { margin-right: 8px; }

/*.container { min-width: 800px; }*/
/*****
@media (max-width: 768px) { 
.call-us { display: none; }
.logo { margin: auto; }
.header { text-align: center; }
}
*****/
#box { width: 100%; height: 730px; margin-top: 80px;}
.title { height: 120px; position: relative; margin-left: 5px; }
.title1, .title2 { width: 800px; height: 120px; text-align: center; position: absolute; left: 50%; margin-left: -400px; }
.word3 { width: 365px; margin: auto; text-align: left; font-family: '幼圆'; font-size: 28px!important; }
.bt { width: 180px; height: 50px; display: block; border-radius: 5px; font-family: '幼圆'; font-weight: bold; margin: 28px auto 0; line-height: 50px; font-size: 22px; color: #fff; text-align: center; background-color: #C82126; box-shadow:
}
.box-shadow-1 { -webkit-box-shadow: 5px 5px 1px rgba(0, 0, 0, .2); -moz-box-shadow: 5px 5px 1px rgba(0, 0, 0, .2); box-shadow: 5px 5px 1px rgba(0, 0, 0, .2); }
.ft-list { width: 100%; height: 50px; text-align: center; margin: 28px auto 18px; }
.ft-list ul { margin: auto; width: 966px; }
.ft-list li { float: left; display: inline; margin: 0 0 0 12px; }
.topLinks { width: 980px; font-size: 18px; font-weight: bold; position: absolute; top: -36px; left: 50%; margin-left: -490px; }
.topLinks a { float: right; color: #333; }
.topLinks a:hover { color: red; }
.topLinks span { color: #333!important; }
.footer a { color: #555; }
.footer a:hover { color: #0088cc; }
.footer table { width:810px; }
.footer td { text-align:left; padding-left:1em; }
.footer td img {vertical-align:middle; }
.footer tr:first-child td { text-align:center;padding-left:0; }
.footer td.footerBg { background: url(../img/yz4.gif) 50% bottom no-repeat;height: 108px; background-size:66px; }
#cnzz_stat_icon_1258830379 img { margin-top:-5px; margin-left:1em; }

@media (max-width: 767px) {
	body { padding-left: 0px!important; padding-right: 0px!important; }
	#box { height:4.4rem; margin-top:1.1rem!important; position: relative;}
	.coming-soon { width: 100%!important; min-width: 100%!important; }
	.inner-bg { width: 100%; padding: 1.0rem 0 0.2rem 0;height:3.2rem!important; }
	.span12 { padding-top: 0.2rem!important;  }
	.title1, .title2 { width: 100%;margin-left: -50%; }
	.coming-soon h1 { width: 100%; font-size: 0.56rem; line-height: 1.5rem;	}
	.coming-soon h2 { width: 100%; text-align:left;  font-size: 0.39rem; line-height: 0.80rem; padding-top:0.2rem; padding-left:0.12rem;}
	.word3 { width: 3.6rem; text-align: left; font-size: 0.28rem!important; margin-top:0.26rem!important; }
	.subscribe table { -webkit-text-size-adjust: none!important;-ms-text-size-adjust: none!important; font-size: 0.13rem!important; line-height: 0.30rem; margin-top: 0.20rem!important; }
	.ft-list { margin:0.2rem auto 0; height:0.5rem; }
	.ft-list ul { width:100%; }
	.ft-list ul li { width:11%;margin-left:0.085rem; }	
	.ft-list ul li img { width:100%!important; }
	.footer table { width:100%; }
	.footer td { padding-left:0; }
	.footer td.footerBg {height: 1.08rem; background-size:0.60rem; background-position:50% 50%; }
	.footer td img { height: 50%; }

    .topLinks { width:100%; left: 0; margin-left: 0; top: 0; }
    .topLinks > a { display: none; }
    #logoSpan { width: 130px!important; height: auto!important; }
    .navZhuche { top: -10px!important; display: none; }
    #logoSpan img { height: auto!important; }
    .topLinks {top: -36px!important;}
}
.topLinks {top: 36px;}
/* Created in 2017 for lvyou */
#logoSpan { width:212px;height:50px;position: absolute;left: 10px;top:-15px;}
#logoSpan img { width:212px;height:50px;}
