﻿/* public */
html,body,form,ol,ul,li,div,p,dl,dt,dd,h1,h2,h3,h4,h5,h6,table,th,td,font,em,ins,span,a{margin:0; padding:0; outline: none;}
h1,h2,h3,h4,h5,h6,button,input,select,textarea{font-size:100%;font-weight:normal}
html{_filter:expression(document.execCommand("BackgroundImageCache",false,true));}
ul,li,div,dl,dt,dd{list-style:none;}
h1.wm-public{height:0px; line-height:0px; font-size:0px;}
span,a,strong,div{-webkit-appearance:none;-webkit-tap-highlight-color:transparent;}
a{text-decoration:none;}
a{blr:expression(this.onFocus=this.blur());outline:none;}
img{border:0;}
font,em{font-style:normal; font-family:\5b8b\4f53;}
label{vertical-align:middle; font-family:tahoma;}
textarea,input{resize:none; outline:none;}
ins{float:right; text-decoration:none; font-weight:normal;}
.pub_wsp{word-wrap:break-word; word-break:break-all;}
.pub_abso{vertical-align:middle;}
.pub_clr{clear:both;font-size:0;height:0;line-height:0;overflow:hidden;}
.pub_ani{-webkit-transition:0.4s;-moz-transition:0.4s;-ms-transition:0.4s;-o-transition:0.4s;transition:0.4s;}
.pub_yh{font-family:"Microsoft YaHei";}
.pub_btn{display: block; overflow: hidden; text-indent: -999px; cursor: pointer; margin: 0 auto;}
.pub_btn:hover{background-position: 0 bottom;}
.pub_le{float: left}
.pub_lr{float: right;}
.pub_ib{text-align: center; display: table; word-spacing:-1em;}
.pub_text1{display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.pub_text2{overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.pub_table{border-collapse: collapse; width: 100%;}
.none{display:none;}
body{-webkit-text-size-adjust: 100%;}
body{background:#000; font-size:12px; font-family:"Microsoft YaHei",Verdana,Geneva,sans-serif,\5b8b\4f53; overflow-x: hidden;}
#content{position: relative; display: none; overflow: hidden; width: 25.6rem; height: 14.4rem;}

.style1{background: url(../images/bg_en.jpg) no-repeat 0 0; background-size: 100% auto;}
.style2{background: url(../images/bg_th.jpg) no-repeat 0 0; background-size: 100% auto;}
.style3{background: url(../images/bg_id.jpg) no-repeat 0 0; background-size: 100% auto;}

.logo{display: block; position: absolute; left: .67rem; top: .35rem; width: 4.47rem;}
.ps{display: block; position: absolute; right: .6rem; bottom: .2rem; width: 7.26rem;}

.btn_win{display: block; width: 5.99rem; position: absolute; right: 3.7rem; top: 9.68rem;}

.btn{width: 100%; position: absolute; left: 0; top:10.5rem; z-index: 100; text-align: center; display: none;}
.btn img{display: none; margin: 0 auto; width: 3.54rem; cursor: pointer;}

.selectBtns{width: .88rem; height: .88rem; z-index: 100; background: url(../images/select.png) no-repeat 0 0; background-size: 100% auto; position: absolute; right: .4rem; top: .4rem; cursor: pointer;}
.selectMenu{width:.81rem; position: absolute; left: .04rem; top: .86rem; display: none;}
.selectMenu a{display: block; background: rgba(0,0,0,0.75) url(../images/on.jpg) no-repeat 0 -999rem; background-size: 100% auto; width: .81rem; height: .56rem; line-height: .56rem; text-align: center; color: #FFF; font-size: .3rem;}
.selectMenu a.on{background-position: 0 0; color: #5d6060;}
.selectBtns.on .selectMenu{display: block;}

.footer{height: 174px; background: #1e1e1e;}
.footer_logo{padding-top: 25px; padding-bottom: 10px;}
.footer_logo img{display: block; margin: 0 auto;}
.footer_text{text-align: center; line-height: 26px; font-size: 18px; color: #b0b3bf;}
.footer_text p{padding-bottom: 10px;}
.footer_text span{color: #5e5e5e; padding: 0 10px;}
.footer_text a{color: #b0b3bf;}

@media only screen and (max-width: 750px) {
  #content{position: relative; display: none; overflow: hidden; width: 7.5rem; height: 14rem;}
  .style1{background:#000 url(../images/bg_en_m.jpg) no-repeat 0 0; background-size: 100% auto;}
  .style2{background:#000 url(../images/bg_th_m.jpg) no-repeat 0 0; background-size: 100% auto;}
  .style3{background:#000 url(../images/bg_id_m.jpg) no-repeat 0 0; background-size: 100% auto;}
  .logo{left: .24rem; top: .4rem; width: 2.4rem;}
  .ps{width: 5rem; right: 1.2rem;}
  .selectBtns{right: .1rem; top: .1rem;}
  .btn{display: block; top: 10.9rem;}
  .btn img{width: 3.75rem; margin: 0 auto; margin-bottom: .2rem;}
  .btn_win{display: none;}
  .footer{height: 140px;}
  .footer_logo{padding-top: 25px; padding-bottom: 10px;}
  .footer_logo img{width: 272px;}
  .footer_text{line-height: 20px; font-size: 14px;}
}