@charset "gb2312";
/* CSS Document */
html {font-size:62.5%;}
body, h1, h2, h3, h4, h5, h6, hr, p,blockquote,dl, dt, dd, ul, ol, li,pre,
form, fieldset, legend, button, input, textarea,th, td,img{border:medium none;margin: 0;padding: 0;list-style-type: none;}
body,button, input, select, textarea {font: 12px/1.5 '΢ÈíÑźÚ',tahoma, Srial, helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
em{font-style:normal;}
ul, ol,{ list-style: none; }
a { text-decoration: none; }
a:hover { text-decoration: none;  }
img{ border:0px;}
body,.ui-overlay-h{margin:0 auto;position:relative;background:#fff;color:#2e3642;}
input, img {vertical-align: middle;}
body,html{margin:0 auto;}
img {border:none;vertical-align:top;}
* {margin:0;padding:0;text-shadow:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.blank{height:8px;clear:both;}
.blank20{height:20px;clear:both;}
.clearfix:after,.clear:before{
	display:table;
	content:'';
	}
.clearfix:after{
	clear:both;
	overflow:hidden;
	}
.clearfix{
	zoom:1;
	}
.re{position:relative;}
.ab{position:absolute;}
.fl {float:left;display:inline;}
.fr {float:right;display:inline;}
body {min-width:320px;overflow-x:hidden;}

.commonWidth {width:89%;margin:0 auto;}
.content {width:100%;margin:0 auto;max-width:640px;}

.content1 h1{font-size:3.4rem;color:#0C0E0E;top:4%;left:8%;}
.content1 h1 span{font-weight:500}
.content1 h2{font-size:2.4rem;color:#0C0E0E;width:42%;font-weight:500}

.content1 .h2_1{top:24%;left:52.3%;}
.content1 .h2_2{top:53%;left:5.6%;}
.content1 .h2_3{top:81%;left:52.3%;}



.content2_1{padding-bottom:5%}
.content2_1 h6 {width:89.1%;font-size:2.4rem;color:#3c3f45;line-height:1.5;font-weight:normal;margin:0 auto;padding:4% 0 2% 0}
.content2_1 h2 {font-size:1.9rem;color:#3c3f45; text-align:center;font-weight:500;padding-top:2%}
.content2_1 h5{width:83.6%;margin:0 auto;margin-top:8%}
.content2_1 h5 img{width:100%}
.Vouchers{top:64%;left:5.9%;width:89.21%;margin:0 auto}
.Vouchers .info { margin: 0 auto;}
.Vouchers h1{font-size:2.8rem;color:#fff; text-align:center;font-weight:500;}
.contactBox { width:83.6%; margin: 0 auto;}
.contactBox input[type='text'], .contactBox input[type='tel'] { margin: 0 auto;margin-top:3%; display: inline-block; width:100%;font-size: 2.1rem; color: #000; line-height:2.5; background-color: #fff; border-radius: 30px; text-align:center; border-color: transparent; outline: none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.group {width:80%;margin:0 auto;}
.telph{width:80%;margin:0 auto;}
::-webkit-input-placeholder { /* WebKit browsers */ 
color: #AEAAB5; 
} 
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
color: #AEAAB5; 
} 
::-moz-placeholder { /* Mozilla Firefox 19+ */ 
color: #AEAAB5; 
} 
:-ms-input-placeholder { /* Internet Explorer 10+ */ 
color: #AEAAB5; 
} 
#username,#age {width:100%;}
#age {float:right;}
.contactBox .lock { text-align: center;border:1px solid #000}
.contactBox .lock a { position: relative;font-size: 24px;   padding-left: 23px; color: #9295E8; }
.contactBox .lock a:after { content: ''; position: absolute; left: -10px; top: 15px; margin-top: -10px; width: 23px; height: 23px; background:url(../images/suo.png) no-repeat; -moz-background-size: 100%; -webkit-background-size: 100%; background-size: 100%;}
.contactBox .submitBox { width:44.8%;text-align: center; margin: 0 auto;margin-top:5%}
.contactBox .submitBox a { display: block;font-size:2.1rem; color: #1B1B1B; text-align: center; background-color: #FFC42A; line-height:2.5; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; }


.tj .nr{top:0%;left:0%}
.tj h4 {font-size:4rem;text-align:center;font-weight:normal;line-height:2.55;color:#fff;}
.tj p {width:76%;padding:3rem 0;font-size:2.4rem;color:#fff;line-height:1.4;margin:0 auto;}

.content3{margin-top:8%}


.content2Txt {width:89%;margin:0 auto;padding:1rem 0;}
.content2_1 h4 {font-size:3.4rem;color:#3C3F45;line-height:1.4;font-weight:500;padding:4% 0 2% 0}
.content2Txt p {font-size:2.4rem;color:#7f7f7f;line-height:1.4;padding-top:1%}

.content5{ background:#EEEEEE}

.content7{ background:#EEEEEE}




@media screen and (min-width:320px) and (max-width:359px){
		html {font-size:31.25%;}
		.content1Txt {height:212px;}
		.content1Txt p {padding:3rem 0}
		.link {-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
}
@media screen and (min-width:360px) and (max-width:639px){
		html {font-size:35%;}
		.content1Txt {height:237px;}
		.content1Txt p {padding:4rem 0}
		.link {-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
}