html,
body{ font-family:'Microsoft YaHei',微软雅黑,Arial, Helvetica, sans-serif; color: #333333;  }
/*body{ padding-top:110px; font-size:16px; position: relative; min-height: 100%; height: auto; padding-bottom: 95px; background: #FFFFFF; }*/
body{
	line-height:1.5;
    background: url(../images/bg.jpg) no-repeat; background-position: center center; background-size:cover; background-attachment: fixed;
    padding-top:130px;
    height:100vh;
    min-height: 100%;
}
.red_txt{ color: #FF0000;}
a{ cursor: pointer; color:#AE8B36; text-decoration: none; font-weight: bold;}
a:hover{ color:#DEB657; text-decoration: none;}
ol, ul,
ol ul,
ul ol, 
ul ul,
ol ol{margin-bottom: 1em;}
h4{ margin-top: 20px;}
.img-gses{ width: 150px;}
.row{ display: flex;}
.row > div{ flex: auto;}

.wrapper{  position: relative; padding-bottom: 95px; min-height: 100%; }
.spacing{ padding: 40px 0px;}



.navbar-header{ text-align: center; float: none;}
.navbar {
    border-bottom: 0px;
    background: rgba(255,255,255,0.8);
}
.navbar>.container .navbar-brand{
    height: auto;
    display: inline-block;
    
}
.btn-lang{ margin-top: 25px; padding: 6px 10px;  background:url(../images/bg_btn.png) repeat-x; background-size: auto 100%;    color: #B77C27; border-radius: 8px; font-size: 16px; }
.btn-lang:hover{   background:url(../images/bg_btn_over.png) repeat-x;  color: #D6973F;}
.navbar{ margin-bottom: 0px; }
.navbar-brand img{ height:80px; display:inline-block; 
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}

.navbar.smaller .navbar-brand img{ height: 60px;}
.navbar.smaller{-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}

.img-responsive{ width: 100%; max-width: 100%;}

.btn_nav{ display:none;}
.navbar .container{ position:relative; 
        
}
footer{  color:#555555; position: absolute; bottom: 0px; left: 0px; width: 100%; padding: 20px 0px;  font-size: 13px; height: 95px; background:#DDDDDD;}
footer a{ color: #555555;    margin-left: 10px; display: inline-block; text-decoration: none;}
footer a:after{content:''; display:inline-block; border-right:1px solid #787878; height:13px; margin-left:13px; top:3px; position:relative;}
footer a:last-child:after{ display:none;}
footer a:hover{color:#AE8B36;}
footer .footer_link{ padding-top: 20px; text-align: left;}



footer .copyright{ text-align: right; }

.tnc{ background: #EEEEEE; line-height: 30px font-size:14px; padding: 20px; }
.tnc ol li { margin-bottom: 20px;}


.btn{ background:url(../images/bg_btn.png) repeat-x; background-size: auto 100%;  color:#D6973F; font-size: 18px; padding: 6px 15px; margin-bottom: 10px; text-decoration: none;      border-radius: 5px; }
.btn:hover{ background:url(../images/bg_btn_over.png) repeat-x; background-size:auto 100%; color:#D6973F;}

.btn_big{  line-height: 50px; font-size: 22px; padding: 6px 25px;}
.btn_cancel{background:#666666; }
.btn_cancel:hover{background:#888888; }

.btn_auto_width{  width: auto;}
.btn_full_width{ width: 100%;}

.form-group


.download_platform{ padding:30px 0px 0px 0px; text-align: left;}
.download_requirement{margin-top: 0px; font-size: 12px; background: rgba(10,10,10,0.7); padding: 15px;  text-align: left;}
.download_requirement ul{ padding-left:20px; margin-top:5px; }
.img-platform { max-width: 650px;}

.download_btn { display: inline-block; width: 100%;  text-align: center; overflow: hidden; line-height: 15px; min-height:65px;}
.download_btn >div{ float: left; display: inline-block; width: 50%; text-align: center;}
.download_btn >div:last-child{ border-left:1px solid #BBBBBB; }



.btn_apps{display: inline-block;  margin-top: 30px;}

.img-qrcode{ display: inline-block; width: 120px;}

.download_icon{ font-size: 1.3em; margin-right: 10px;}


.list-download{ font-size: 20px; padding: 0px;}
.list-download li{ list-style: none; line-height: 30px; width: 100%; display: inline-block; margin-bottom: 10px; position:relative;}
.list-download li:after{ content: '';  border-bottom: 1px dashed  #aaaaaa;  width: 75%; position: absolute; top: 18px; left: 15%; height: 1px;}
.list-download li a{ float: right;}


.contact {
    background: rgba(10,10,10,0.5);
    padding: 40px 0px;
}

.contact_left{ display: inline-block; width: 50%;}

.btn_java{ background:url(../images/bg_btn_red.png) repeat-x top; color:#FFFFFF; font-size: 16px;  text-decoration: none; font-weight:normal;  text-decoration: none;      border-radius: 5px; width: auto; position:relative; padding: 6px 15px  6px 37px; display:inline-block; }
.btn_java:hover{ background:url(../images/bg_btn_red.png) repeat-x; background-position:0px -50px; color:#FFFFFF;}
.btn_java img{ width:25px; display:inline-block; position:absolute; top:6px; left:10px;}

.btn_red{ background:url(../images/bg_btn_red.png) repeat-x top; color:#FFFFFF; font-size: 16px;  text-decoration: none; font-weight:normal;  margin-bottom: 10px; text-decoration: none;      border-radius: 5px; width: auto; position:relative; padding: 6px 15px  6px 15px; display:inline-block;  }
.btn_red:hover{ background:url(../images/bg_btn_red.png) repeat-x; background-position:0px -50px; color:#FFFFFF;}

.timer{ text-align: center; margin-top:-10px; font-weight:bold; color: #444444;}
.timer dd{ display: inline-block; margin: 0px 10px;}


.dl_section { text-align: center; }
.dl_section .btn_dl{font-size:1.2em; display: inline-block; width: 100%; padding: 10px; color: #6e4600;}
.dl_section .img-pc{ max-width:800px; width: 100%;}
.dl_section .icon{ font-size: 50px; margin-bottom: 20px;}


.icon_check{ color: #118184; margin-right: 5px;}
.box{ background: #cccccc; padding: 5px 15px;}

.footer_terms{ font-size: 13px; line-height: 20px; background: #bbbbbb; padding: 10px 0px;}




@media (max-width: 992px){
    
    body{ padding-top: 120px;}
    .wrapper{ padding-bottom: 0px;}
    .container{ padding: 0px 15px; width: 100%;}
    
    
    
	.navbar>.container .navbar-brand{ padding:3px;}
	.navbar.smaller .navbar-brand img,
    .navbar-brand img{ height:50px; margin-left: 20px; margin-top: 0px;}
    
   
.btn-lang{ margin-top: 15px; }

   
    
    footer{ padding: 15px 0px; text-align: center; font-size: 12px; line-height: 30px; height: auto; position: relative;}
    footer .copyright {  text-align: center;}
	
    footer .footer_link{ padding-top: 20px; text-align: left; }
    footer .col-sm-8,
    footer .col-sm-4{ padding: 0px;}
    footer .copyright {    text-align: center;    padding-top: 0px;}
	

}

@media (max-width: 767px){
    body{ font-size: 12px;}
    .navbar .container { width: 100% ;}
    .mobile_hide{ display: none !important;}
    .mobile_show{display: inline-block !important;}
    .list-download li:after{width: 35%;  left: 35%;}
    
    
    .group_btn_chat{ margin: 0px -15px;}
    .select_chat{ margin-top: -20px; }
    .map{ width: 100%; float: none; height: 250px;}
    .contact_left{ width: 100%; float: none;  }
	
    .form-fd{ padding-right: 0px;}
    footer .footer_link {    padding-top: 10px; text-align: center; }
	
   
}
#index { height: 100vh; min-height: 100%; padding-top: 0px;  background-size:cover; background-attachment: fixed;}
#index .wrapper{     
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 100%;
    min-height: 100%;
}
#index .index-logo{  padding: 40px 20px; width: 100%; text-align: center;}
#index .index-logo > img{ max-width: 420px; width: 60%; margin: 0px auto; margin-bottom: 20px;} 
#index footer{ position: absolute; background: none; }