@charset "utf-8";html{font-size:64px}
article,aside,audio,body,dd,div,dl,dt,figure,footer,form,h1,h2,h3,h4,h5,h6,header,input,li,menu,nav,ol,p,section,textarea,ul,video{margin:0;padding:0}
area,img,input,select,textarea{outline:0;border:none}
input,select,textarea{background:#FFF}
mark{background:0 0}
-img{vertical-align:middle}
textarea{resize:none}
li{list-style-type:none}
body{font:.437rem/1 "Microsoft YaHei"}
address,b,em,h1,h2,h3,h4,h5,h6,i,small,strong{font-style:normal;font-size:100%}
a,b,em,i,label,mark,small,span,strong{display:inline-block}
a{outline:0;color:inherit;text-decoration:none}
.clear-fix{clear:both}
.clear-fix:after{clear:both;display:block;visibility:hidden;height:0;content:"";font-size:0;line-height:0}
.clearFix:after{clear:both;display:block;visibility:hidden;height:0;content:"";font-size:0;line-height:0}
.fl{float:left}
.fr{float:right}
.no-mt{margin-top:0!important}
.no-mr{margin-right:0!important}
.no-mb{margin-bottom:0!important}
.no-ml{margin-left:0!important}
.no-pt{padding-top:0!important}
.no-pr{padding-right:0!important}
.no-pb{padding-bottom:0!important}
.no-pl{padding-left:0!important}
.no-bt{border-top:none!important}
.no-br{border-right:none!important}
.no-bb{border-bottom:none!important}
.no-bl{border-left:none!important}
.no-ti{color:red;text-indent:0}
#container{overflow:hidden;margin:0 auto;max-width:640px}
header{position:relative;background:#620001}
header .header-nav ul{clear:both}
header .header-nav ul:after{clear:both;display:block;visibility:hidden;height:0;content:"";font-size:0;line-height:0}
header .header-nav li{float:left}
header .header-nav li a{display:block;width:100%;height:100%}
header .header-nav li:nth-of-type(2){width:6.875rem;height:1.75rem;background:url(../images/header-logo.jpg) no-repeat center;background-size:100% 100%}
header .header-nav li:nth-of-type(1),header .header-nav li:nth-of-type(3){width:1.5625rem;height:1.75rem}
header .header-nav li:nth-of-type(1){background:url(../images/header-nav.jpg) no-repeat center;background-size:100% 100%;cursor:pointer}
header .header-nav li:nth-of-type(1).active{background-image:url(../images/header-close.jpg)}
header .header-nav li:nth-of-type(3){background:url(../images/header-phone.jpg) no-repeat center;background-size:100% 100%}
header .header-content{position:absolute;top:1.75rem;left:-110%;z-index:999;overflow:hidden;width:100%;background:#3c3c3c;transition:transform .4s}
header .header-content.active{-webkit-transform:translateX(110%);transform:translateX(110%)}
header .header-content h2{border-bottom:1px solid #4c4c4c;text-align:right}
header .header-content em{width:1.15625rem;height:1.15625rem;background:url(../images/header-return.jpg) no-repeat center;background-size:100% 100%}
#header-content{clear:both;color:#fff;font-size:.546875rem}
#header-content:after{clear:both;display:block;visibility:hidden;height:0;content:"";font-size:0;line-height:0}
#header-content .hd{position:relative;float:left;width:4.15625rem;height:100%}
#header-content .hd ol{width:100%}
#header-content .hd ol li{display:block;padding-left:.375rem;height:1.5rem;border-bottom:1px solid #2a2a2a;line-height:1.5rem;cursor:pointer}
#header-content .hd ol li.on{background:#5a5a5a}
#header-content .bd{float:right;width:5.84375rem;height:100%;background:#5a5a5a}
#header-content .bd ul{clear:both;width:10000px;height:100%}
#header-content .bd ul:after{clear:both;display:block;visibility:hidden;height:0;content:"";font-size:0;line-height:0}
#header-content .bd ul li{float:left}
#header-content .bd ul li div{position:relative;width:5.84375rem}
#header-content .bd ul li div span{clear:both;width:100%}
#header-content .bd ul li div span:after{clear:both;display:block;visibility:hidden;height:0;content:"";font-size:0;line-height:0}
#header-content .bd ul li div a{float:left;display:block;width:50%;height:1.5rem;border-bottom:1px solid #5a5a5a;text-align:center;line-height:1.5rem}
nav ul{clear:both;box-sizing:border-box;border:1px solid #ddd;border-top:none}
nav ul:after{clear:both;display:block;visibility:hidden;height:0;content:"";font-size:0;line-height:0}
nav li{float:left;box-sizing:border-box;width:25%;height:2.5rem;border-top:1px solid #ddd;border-right:1px solid #ddd;color:#555;text-align:center;word-spacing:.78125rem;font-size:.4375rem}
/*nav li:first-of-type{background:#f5f5f5}*/
nav li:nth-of-type(4n){border-right:none}
nav li a{display:block;box-sizing:border-box;padding-top:.3125rem;width:100%;height:100%}
nav li em{width:1.09375rem;height:1.09375rem}
footer{/*padding-bottom:1rem;*/background:#F7E8D3}
/* footer h2{margin-bottom:.15625rem}
footer p{padding-left:1.3125rem;color:#555;font-size:.40625rem;line-height:.6rem}
footer section{position:fixed;bottom:0;left:50%;z-index:5;margin-left:-5rem;width:10rem;height:1.375rem;box-shadow:0 0 10px #000;line-height:1.375rem}
footer section a{position:absolute;bottom:0;width:50%;height:100%;background:#f97400;color:#fff;font-size:.493rem}
footer section a:first-of-type{left:0;background:#029829}
footer section a:last-of-type{right:0;background:#f97400}
footer section em{position:relative;margin:0 .15625rem 0 .375rem;width:.9375rem;height:.9375rem;vertical-align:middle}
footer section i{position:absolute;top:.03125rem;right:.046875rem;width:.375rem;height:.375rem;text-align:center;font-size:.28rem;line-height:.375rem} */
/* .footer-top{width:100%;border-bottom:#555454;background:#620001;overflow: hidden;}
.footer-top img{float:left;display:block;width:100%}
.footer-top span{float:left;display:block;margin-top:.07rem;width:2px;height:1rem;background-color:#b48888}
.footer-top p{padding-top:.2rem;height:.93rem;color:#ebe3e1;text-align:center;font-size:.18rem;line-height:.37rem}
.footer-top p b{font-size:.22rem}
.footer-center{position:relative}
.footer-center img{display:block;width:100%;margin-bottom: 0.9rem;}
.footer-center a{position:absolute;display:block;width:1.23rem;height:.34rem} 
#guahao{padding-top:.4375rem;border-top:.46875rem solid #F7E8D3; color:#666;font-size:.375rem}
#guahao .guahao-logo{margin-bottom:.46875rem}
#guahao h2{margin-bottom:.625rem;text-align:center}
#guahao div{margin-bottom:.375rem}
#guahao form{padding:0 .3125rem}
#guahao label{width:1.875rem;height:.703125rem;text-align:right;line-height:.703125rem}
#guahao label[for=content]{line-height:1}
#guahao label[for=man],#guahao label[for=woman]{width:auto;vertical-align:middle}
#guahao input{box-sizing:border-box;padding:0 .25rem;width:7.1875rem;height:.703125rem;border:1px solid #d6d6d6;font-size:.375rem;line-height:.703125rem}
#guahao input[type=submit]{display:block;margin:0 auto;width:3.59375rem;height:.875rem;border:none;background:#fa9a00;color:#fff}
#guahao input[type=radio]{width:auto;vertical-align:middle}
#guahao textarea{box-sizing:border-box;padding:.0625rem .25rem;width:7.1875rem;height:1.9375rem;border:1px solid #d6d6d6;font-size:.375rem;line-height:1.2}
#guahao article{float:right;box-sizing:border-box;width:7.1875rem;height:.703125rem;line-height:.703125rem}
#guahao p{padding:0 .3125rem .15625rem;line-height:.625rem}
#guahao p em{color:red;text-indent:0}*/
/* นาบล */
.gh-wrap {
	width: 9.375rem;
	margin: 0 auto;
 margin-bottom: .3125rem;
}
.gh-wrap img{width:100%;}
.guahao {
	width: 9.375rem;
	box-sizing: border-box;
	border-left: 1px solid #a0a0a0;
	border-right: 1px solid #a0a0a0;
font-size: .375rem;
}
.guahao .guahao-logo {
	width: 8.71825rem;
	height: 1.3125rem;
	margin: 0 auto;
 margin-bottom: .234375rem
}
.guahao .guahao-logo img{width:100%;}
.guahao h2 {
	text-align: center;
	font-weight: normal;
	color: #6f6d6d;
margin-bottom: .46875rem
}
.guahao div {
margin-bottom:.5859375rem
}
.guahao form {
padding:0 .234375rem
}
.guahao select {
	width: 6.25rem;
	float: right;
font-size:.375rem;
	color: #a5a3a5;
padding: 0 .390625rem;
height:.78125rem;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	border: 1px solid #a6a6a6;
border-radius: .15625rem;
	box-sizing: border-box;
}
.guahao label {
	width: 2.34375rem;
height:.78125rem;
	text-align: right;
line-height:.78125rem
}
.guahao label span {
	color: #ff0000
}
.guahao label[for=content] {
	line-height: 1
}
.guahao label[for=man], .guahao label[for=woman] {
	width: auto;
	vertical-align: middle
}
.guahao input {
	box-sizing: border-box;
padding:0 .390625rem;
	width: 6.25rem;
height:.78125rem;
font-size:.375rem;
line-height:.78125rem;
	border: 1px solid #a6a6a6;
border-radius: .15625rem;
	box-sizing: border-box;
}
.guahao input[type=radio] {
	width: auto;
	vertical-align: middle
}
.guahao textarea {
	box-sizing: border-box;
	width: 6.25rem;
	height: 1.875rem;
	border: 1px solid #a6a6a6;
border-radius: .15625rem;
font-size:.375rem;
}
.guahao input#date {
 background-size: .6875rem;
}
.submit {
	width: 3.75rem;
 height: .78125rem;
	margin: 0 auto!important;
}
.submit input {
	width: 3.75rem;
 height: .78125rem;
 border-radius: .390625rem;
	color: #fff;
	background: #f10101;
	border: none;
	text-align: center;
}
.guahao article {
	float: right;
	box-sizing: border-box;
	width: 11.23046875rem;
	height: 1.0986328125rem;
	line-height: 1.0986328125rem
}
.fl {
	float: left;
}
.wwiz{ font-size:0.375rem; line-height:0.578125rem; margin:0.3125rem 0;background:#e5e5e5;padding:0.203125rem;}
.wwiz span{ color:#ff0000;}
#swt{position:fixed;top:50%;left:50%;z-index:998;display:none;margin:-2.625rem 0 0 -3.90625rem;width:7.8125rem;height:5.25rem;border-radius:10px;background:#fff;box-shadow:0 0 10px #000;opacity:0;transition:opacity .4s}
#swt.active{opacity:1}
#swt article{position:absolute;top:-.3515625rem;right:-.3515625rem;overflow:hidden;width:.703125rem;height:.703125rem;border:2px solid #fff;border-radius:50%;box-shadow:0 0 4px #000}
#swt h2{margin:.40625rem 0 .15625rem 0;color:#323232;text-align:center;font-size:.65625rem}
#swt h3{margin-bottom:.40625rem;color:#323232;text-align:center;font-size:.375rem}
#swt section{clear:both;margin:0 auto;width:6.25rem}
#swt section:after{clear:both;display:block;visibility:hidden;height:0;content:"";font-size:0;line-height:0}
#swt input[name=tel]{float:left;box-sizing:border-box;padding:.15625rem;width:4.21875rem;height:1.1875rem;border:1px solid #323232;border-right:none;border-radius:10px 0 0 10px;font-size:.40625rem;line-height:1.1875rem}
#swt input[type=submit]{float:right;box-sizing:border-box;width:2.03125rem;height:1.1875rem;border-radius:0 10px 10px 0;background:#323232;color:#fff;text-align:center;font-size:.4375rem;line-height:1.1875rem;-webkit-appearance:none}
#swt em{position:relative;margin:0 .15625rem 0 .375rem;width:.9375rem;height:.9375rem;vertical-align:middle}
#swt i{position:absolute;top:.03125rem;right:.046875rem;width:.375rem;height:.375rem;text-align:center;font-size:.3125rem;line-height:.375rem}
#swt a{position:absolute;bottom:0;width:50%;height:1.375rem;background:#029829;color:#fff;line-height:1.375rem}
#swt a:first-of-type{left:0;border-bottom-left-radius:10px}
#swt a:last-of-type{right:0;border-bottom-right-radius:10px;background:#f97400}
.noMt{margin-top:0!important}
.noMr{margin-right:0!important}
.noMb{margin-bottom:0!important}
.noMl{margin-left:0!important}
.noPt{padding-top:0!important}
.noPr{padding-right:0!important}
.noPb{padding-bottom:0!important}
.noPl{padding-left:0!important}
.noBt{border-top:none!important}
.noBr{border-right:none!important}
.noBb{border-bottom:none!important}
.noBl{border-left:none!important}
body{margin:0 auto;max-width:640px}
.common-title{padding:.375rem 0 .28125rem;border-top:.46875rem solid #F7E8D3;color:#340201;text-align:center;font-size:.625rem}