body{ font-family:'Microsoft YaHei',微软雅黑,Arial, Helvetica, sans-serif;  padding-top:156px; font-size:16px; position: relative; min-height: 100%; height: auto;  background: #FFFFFF; color: #111111;  }

html[lang=en] body { font-family: 'Roboto Condensed', sans-serif; }
h2{ margin-bottom: 20px; font-size: 36px; color: #183e5e; margin-top: 30px;  }
h3{ margin-top: 40px;}
h4{ margin-top: 20px; }
ol{ padding-left: 20px;}
body.pop{ padding:0px;}
a{ cursor: pointer; color:#18405d; text-decoration: none; font-weight: bold;}
a:hover{ color:#3175a8; text-decoration: none;}
.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img{ display: inline-block;}
.img-responsive{max-width: 100%;}
.img-gses{ width: 150px;}
.popup_signup{ padding:20px; position:relative;}
.popup_signup .center_line{ border-right:1px solid #CCCCCC; width:1px; height:80px; position:absolute; top:60px; left:50%; display:inline-block;}
.btn-text-lg {font-size:25px; padding:25px; color:#fff; min-height:60px; }
.btn-text-lg-w { min-height:60px; border:#ffffff 1px solid; }





#owl-banner {margin:0px auto 0px auto;  background: #EEEEEE;}
#owl-banner .item{
        margin: 0px auto;
        color: #FFF;
    max-width: 1920px;
    }
#owl-banner .descript{  font-size: 40px; line-height: 55px; color: #FFFFFF; position: absolute; top: 50%;  text-align: center; width: 100%; z-index: 30;
-webkit-transform: translate(0px, -50%);
-moz-transform: translate(0px, -50%);
-o-transform: translate(0px, -50%);
-ms-transform: translate(0px, -50%);
transform: translate(0px, -50%);
text-shadow: 0px 0px 20px #000000;

}
	

 


.owl-theme .owl-nav [class*='owl-'] {
    color: #FFF;
    font-size: 30px;
    margin: 0px;
    padding: 0px;
     width: 50px;
    height: 50px;
    line-height: 48px;
    background:rgba(0,0,0,0.7);
    display: inline-block;
    cursor: pointer;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%; }

    .owl-theme .owl-nav [class*='owl-']:hover {
      background: #118184;
      color: #FFF;
      text-decoration: none; }


.owl-nav div .fa{text-align: center;}
.owl-nav .owl-prev{
    position: absolute;
  left: 20px;
  top: 50%;
  margin-top:-25px;
  padding-right:3px; 
}
 
.owl-nav .owl-next{
    position: absolute;
  right: 20px;
  top: 50%;
  margin-top:-25px;
  padding-left:3px;
}

.owl-theme .owl-nav{ margin: 0px; 
/*	position:absolute;*/
	top: 0px; width: 100%; height: 100%;}
.owl-dots{ position: absolute; bottom: 0px; width: 100%; height: 40px;  }
.owl-theme .owl-dots .owl-dot span{ width:20px; height:20px; background:#FFFFFF; border:2px solid #183e5e;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{  background:#183e5e; border:2px solid #FFFFFF; }

.spacing{ padding: 30px 0px;}



.navbar{ margin-bottom: 0px;line-height: 1;    border-bottom: 0px;    background: #FFFFFF; padding: 0px; }


.navbar .navbar-brand{    
    height: auto;
    padding: 0px;
    margin: 20px auto;
    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;
    overflow: hidden;
    max-height:70px;
}

.navbar .navbar-brand img{ height:70px; display:inline-block; }
.navbar .navbar-brand img.logo-only{ display: none;}
.navbar.smaller .navbar-brand{ max-height:40px;     margin-bottom:0px; }

.navbar.smaller .navbar-brand img{ height:40px; display: inline-block !important; }

.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);
}
.navbar.smaller .navbar-brand img.logo-only{ display: none;}


.slide_menu{ display:inline-block;  width: 100%; text-align: center;}




ul.main_menu { display:inline-block; padding:0px; margin: 0px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}

ul.main_menu li{ float:left; display:inline-block; padding:0px 15px; position:relative;}
ul.main_menu li a{ padding:0px 15px; color:#555555; font-size:18px; font-weight: bold; text-decoration:none; display:inline-block; line-height:40px;}
ul.main_menu li.active a,
ul.main_menu li a:hover,
ul.main_menu li a.clicked{ color:#337ab7; }



ul.main_menu li .menu_lv2{ display:inline-block; position:absolute; top:40px; left:50%; width:200px; margin-left: -100px; background:#FFFFFF; padding: 0px; 

max-height:0px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
overflow:hidden; 
        
-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);

}
ul.main_menu li .menu_lv2.extend{ max-height:300px;}
ul.main_menu li .menu_lv2 li{ float:none; display:inline-block; padding:0px 0px; margin: 0px; width: 100%; border-bottom: 1px solid #DDDDDD;}
ul.main_menu li .menu_lv2 li a{ color: #183e5e; width: 100%; padding: 5px 10px; text-align: center;}
ul.main_menu li .menu_lv2 li a:hover{  color:#337ab7;}


html[lang=en]  ul.main_menu li a{   }



.lang{ position:absolute; top: 0px; right: 15px; font-size: 12px; color: #CCCCCC; }
 
.lang a.btn_lang,
.lang a.btn_lang_en{ color: #888888; padding: 2px 5px; margin: 0px 2px; line-height: 25px; text-decoration: none; float: left; }
.lang a.btn_lang:hover,
.lang a.active{color:#337ab7;}
.lang a.btn_lang:after{ content:'';  display: inline-block; height: 15px; width: 1px; border-right:1px solid #CCCCCC; margin-left: 10px;  position: relative; top: 4px;}
/*signin gale 20170724*/
.signin{ position:absolute; top: 0px; right: 130px; font-size: 12px; color: #CCCCCC;  }
.signin a.btn_signin{ color: #CC0012; padding: 2px 5px; margin: 0px 2px; line-height: 25px; text-decoration: none; }
.signin a.active{color:#8f6a11;}

.tooltip .tooltip-arrow{
    border-bottom-color: #268d90 !important; 
}
.tooltip .tooltip-inner{ padding: 10px;
    min-width: 220px;
    width: auto;
    max-width: none;
    background-color: #268d90;
    text-align: left;
}

.icon_tips{ color: #FFFFFF; background: #268d90; border-radius: 50%; width: 18px; height: 18px; line-height: 18px; margin-left: 3px;}

.trade_now{ background: #e8f5f8; padding: 20px 30px; display: inline-block; width: 100%; font-size: 26px; line-height: 50px; margin:20px 0px;}
.trade_now p{ display: inline-block; margin: 0px; }
.btn_register{  display: inline-block; padding: 0px 15px;    -webkit-border-radius: 5px; -moz-border-radius: 5px;    border-radius: 5px; text-decoration: none; color:#FFFFFF; border: 1px solid #0072ba; background:#0072ba;  float: right;  }

.btn_register:hover{ color:#FFFFFF; background:#49b2f4;}

.pt_benefit {  margin: 0px -10px; color: #FFFFFF; text-align: center;}
.pt_benefit ul{ display: inline-block; width: 100%; padding: 0px; margin: 0px; }
.pt_benefit li{   width: 33.3333%;   padding: 0px 10px; list-style: none; float: left; display: inline-block;}
.pt_benefit li strong{ font-size: 3em;}
.pt_benefit li div{background: #118184; border-radius:10px; padding: 15px;}


.btn_nav{ display:none;}
.navbar .container{ position:relative; 
        
}
footer{ background:#444444; color:#FFFFFF;  padding: 20px 0px;  font-size: 13px; }
footer a{ color: #FFFFFF;    margin-left: 10px; display: inline-block; text-decoration: none;}
footer a:after{content:''; display:inline-block; border-right:1px solid #333333; height:13px; margin-left:13px; top:3px; position:relative;}
footer a:last-child:after{ display:none;}
footer a:hover{color:#337ab7;}
footer .logo{ width: 400px; display: inline-block;}
footer .footer_link{ padding-top: 20px; text-align: left;}
.content{ padding-bottom: 30px;}
.page_ttl{ background: url(../images/common_banner.jpg) no-repeat center;   margin-bottom: 30px; }
.page_ttl .container{display: flex;height: 130px;  }
.page_ttl h1{ align-self: center;}
.quick_link{  padding: 0px; display: inline-block; width: 100%;}
.quick_link li{ float: left; display:inline-block; width: 33.3333%; list-style: none; padding: 0px 15px; }


h1{  color: #FFFFFF; font-weight: normal; font-size:50px; text-shadow: 2px 2px 5px #000000;
}
.sub_ttl{ color: #337ab7;}

footer .copyright{ text-align: center; margin: 0px auto;}

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



.promotion_section { }

.ben_01, .ben_02{ font-size: 1.25em;}
.ben_02{ background: #FFFFFF;}
.ben_01 .descript, .ben_02 .descript{ padding-top: 30px;}


.reason{ background: #183e5e; color: #FFFFFF; }
.reason h2{ color: #FFFFFF;}
.why{ position:relative; display:inline-block;  margin-bottom:30px; width: 100%; padding: 15px; text-align: center;}
.why .ttl{ font-size:25px; line-height:30px; color:#FFFFFF; font-weight:bold;  }
.why img{ width: 130px;}
.wldescription{ position:relative; display:inline-block;  margin-bottom:30px; width: 100%; padding: 0px 10px; text-align: center;}
.wldescription .ttl{ font-size:22px; line-height:30px; color:#666666; font-weight:bold;  }


.btn{ background:url(../images/bg_btn.png) repeat-x; background-size: auto 100%;  color:#FFFFFF; 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:#FFFFFF;}

.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

.company{ margin:20px 0px; display:inline-block; width:100%; cursor:pointer;}
.company img{ float:left; display:inline-block; margin-right:10px; width:60px;}
.company .name{ font-size:1.3em;}
.company:hover{ color:#337ab7;}




label.important_l,
label.important_m,
label.important_h{ padding:2px 15px; color:#FFFFFF; display:inline-block; text-align:center;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
    margin: 0px;
}




label.important_l{ background:#069599;}
label.important_m{ background:#e68200;}
label.important_h{ background:#e60000;}



.pop{-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.7);
-moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.7);
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.7);
background:#EEEEEE; display:none;
border:5px solid #FFFFFF; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; width:700px; padding:15px; position:fixed;  top:50%; left:50%; margin-left:-350px;
z-index:300;
    max-height:90%; 
}
.pop_content{ overflow-y:scroll; overflow-x:hidden; }

.pop .btn_close{ position:absolute; top:-20px; right:-20px; background:url(../images/btn_close.png) no-repeat; display:inline-block; width:35px; height:35px; cursor:pointer;} 

.tb-custom tr:hover{ background: #d2e9f3;}


.trade_ps ul{ line-height: 20px; font-size: 14px; padding-left: 20px;}
.trade_ps li{ margin-bottom: 10px;}

.form-horizontal{ padding: 0px 15px;}

.block{ position:fixed; top:0px; left:0px; z-index:200; width:100%; height:0%; background:rgba(0,0,0,0.5); display:none;  }
.block2{ position:fixed; top:0px; left:0px; z-index:200; width:100%; height:100%; background:rgba(0,0,0,0.5); display:none;  }
.red_star{ color:red; display: inline-block; width: 15px;}

.mobile_hide{ display: inline-block !important; }
    .mobile_show{display: none !important;}

hr{ border-top:1px  solid #bbbbbb; margin: 30px 0px;}



.newsContent{ padding-top: 30px;}
.procedures{line-height: 30px;}
.flow { display: inline-block; width: 100%; margin-bottom: 0px; }
.flow dd{ float: left; display: inline-block; padding: 0px 40px 0px 15px; width: 33.3333%; text-align: center; background: url(../images/step_right.png) no-repeat ; background-position:  right 90px;}
.flow dd:last-child{ background: none;}
.flow dd p{ line-height: 20px; margin-bottom: 0px; font-size: 16px;}
.flow dd .images{  text-align: center;
    margin: 0px auto 10px auto;
}
.flow dd .images img{
    width: 100%;
    max-width: 180px;
    
}
.flow dd .btn{ margin-top: 10px;}
.download_content{ padding-top: 60px; margin-bottom: 30px;}
.float-right-desktop{float: right;}
.selling_pt {padding-left: 0px; }
.selling_pt li{ background: url(../images/selling_pt.png) no-repeat left -5px; background-size:30px 30px;   list-style: none; padding-left: 35px; line-height:25px; margin-bottom: 10px; margin-left: 0px; font-size: 15px; font-weight: bold;}
.download_platform{ padding:30px 30px 20px 30px;font-size:14px; background:#eeeeee;  background-size:100% 100%; font-size:12px;  margin-bottom: 10px; text-align: center; }
.download_platform img{ width: 100%; max-width: 400px;}
.download_requirement{margin-top: 10px; font-size: 12px; }
.download_requirement ul{ padding-left:20px; margin-top:5px; }

.download_platform h3{ text-align: center;}
.download_btn { display: inline-block; width: 100%;  text-align: center; overflow: hidden; line-height: 15px; color:#444444; 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 #999999; }



.btn_apps_store{display: inline-block; width: 171px; height: 60px; background: url(../images/btn_apps_store.png) no-repeat bottom; margin-top: 30px;}
.btn_apps_store:hover{background-position: top;}
.btn_apps_store.disable{cursor:default; background-position: bottom;}
.btn_android{ display: inline-block; width: 171px; height: 60px; background: url(../images/btn_android.png) no-repeat bottom;margin-top: 30px;}
.btn_android:hover{background-position: top;}
.btn_android.disable{cursor:default; background-position: bottom;}

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

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



.contactus{font-size:20px; line-height: 25px;}
.contact_info{ display: inline-block; width: 100%; margin-bottom: 20px; padding: 0px; }
.contact_info li{ display: inline-block; width: 100%; margin-bottom: 10px; }
.contact_info li .fd{width: 220px; display: inline-block;  float: left;}

.form-fd{ line-height: 35px;}
.remind{ float: right; display: inline-block; font-size: 12px; color:#CCCCCC;     line-height: 34px;}

.big_price_box{ background: #FFFFFF; width: 100%; padding: 15px; line-height: 35px; font-size: 18px; display: inline-block;}
.big_price_box ul{ list-style: none; padding: 0px; margin: 0px; }
.big_price_box ul li{ list-style: none; padding: 0px; margin: 0px; text-align: center; border-top: 1px solid #CCCCCC; }
.big_price_box ul li:first-child{ border-top:0px; }
.big_price_box .trade_item{ width: 28%; float: left; display: inline-block; }
.big_price_box .price_ttl{ font-size: 15px;width: 16%; float: left; display: inline-block; color:#DD0000; }
.big_price_box .price_ttl li{ text-align: left; padding-left: 10px;}
.big_price_box .trade_item .productName{color: #664300;}


.deposit{ line-height: 30px;}
.deposit_method{}
.method{ display: inline-block; width: 100%;}

.method dd{ float: left; display: inline-block; padding: 0px 20px 0px 20px; width: 30%; text-align: center;  }
.method dd:last-child{ background: none;}
.method dd .images{ margin-bottom: 10px;
}
.method dd.or{ width: 5%; padding: 70px 0px 0px 0px; font-size: 18px; color: #666666;}
.method dd p{ color: #8f6a11; font-size: 20px;}
.method dd .images img{ width: 100%; max-width: 180px;}
.method dd span{line-height: 20px; display: block;}
.bank_list{ font-size:16px; line-height: 30px; padding-left: 0px;}
.bank_list li{ list-style: none; margin-bottom: 10px; padding-bottom: 10px; padding-left: 250px; border-bottom: 1px solid #d8c183;}
.bank_list li:last-child{ border-bottom: 0px; margin-bottom: 0px;}
.bank_list li span{ float: left; display: inline-block; width: 250px; margin-left: -250px;     color: #8f6a11; font-size: 20px;}

.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;}

#tb_details{ display: table;}
#tb_details2{ display: none;}

.select_chat .btn_select_chat{ width: 100%;display: inline-block; position: relative; margin-bottom: 5px; background: #000000;}
.select_chat .btn_select_chat img{ width: 100%; display: inline-block; opacity: 0.3; z-index: 1;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.select_chat .btn_select_chat .roomName{ position: absolute; width: 100%; left: 0px; text-align: center; top:50%; line-height: 40px; margin-top: -20px; color: #FFFFFF; font-size: 34px;  z-index: 10; text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.5);}
.select_chat .btn_select_chat .roomName:before{ content: ''; width: 10%; border-top:1px solid #AAAAAA; height: 1px; top: -10px; margin-right: 20px; display: inline-block; position: relative; }
.select_chat .btn_select_chat .roomName:after{ content: ''; width: 10%; border-top:1px solid #AAAAAA; height: 1px; top: -10px;margin-left: 20px; display: inline-block; position: relative; }

.select_chat .btn_select_chat .smaller_txt{ position: absolute;  right: 10px; text-align: right; bottom:10px; line-height: 20px; color: #CCCCCC; font-size: 14px;  z-index: 10; }

.select_chat .btn_select_chat:hover img{ opacity: 0.8;}
.chat_iframe{ border: 0px; width:100%; height:100%; position: absolute; padding-top: 152px; padding-bottom: 148px; top:0px;}
#video-player-wrap{ max-width: 910px; height: 670px; margin: 0px auto;}

.contact_left{ display: inline-block; width: 50%;}
.map{ float: right; display: inline-block; width: 48%; height: 350px;}

.btn_java{ background:url(../images/bg_btn_red.png) repeat-x top; color:#FFFFFF; font-size: 18px;  text-decoration: none; font-weight:normal;  margin-bottom: 10px; text-decoration: none;      border-radius: 5px; width: auto; position:relative; padding: 6px 15px  6px 37px; display:inline-block; margin-right: 20px; }
.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: 18px;  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;}


.pay_option{ display: inline-block; width:100%;}
.pay_option .option{display: inline-block; width: 50%; float:left;}
.pay_option .option:first-child{ border-right:1px solid #CCCCCC;} 
.pay_option .option:last-child{ padding-left:20px;}
.pay_option .option.full_option{ width: 100%; padding: 0px !important; border: 0px; }
.pay_option .option .btn_huge{ width:200px; margin-right:20px;}
.pay_option .option h3{ margin-bottom: 0px;}
.pay_option .option img{ width: 250px;}
.pay_option .option img:hover{ opacity: 0.7;}
.pay_option .option label{ margin: 0px 10px; color: #999999;}

.dl_section { text-align: center; }
.dl_section .btn_dl{font-size:20px; display: inline-block; width: 100%; padding: 20px 20px; color: #183e5e;}
.dl_section .btn_dl:hover{ background:#3175a8; color: #FFFFFF; }
.dl_section .icon{ font-size: 80px; margin-bottom: 20px;}


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

#floating{ 
    position: fixed;
    bottom: 0px;
    right: 50px;
}



#floating .btn_qq {background:#00ace4; color:#FFFFFF; text-align:center;  display:inline-block;text-align:center; margin-bottom:0px;  
    line-height:30px;  font-size:16px; padding: 5px 20px; text-decoration: none;
-webkit-border-radius: 7px 7px 0px 0px;
-moz-border-radius: 7px 7px 0px 0px;
border-radius: 7px 7px 0px 0px; cursor: pointer;
 }

#floating .btn_qq:hover{
	background-color: #0a6987;
}
#floating .btn_qq .fa{ margin-right: 5px;}

#pop_index{ padding: 20px  20px  20px  20px; text-align: center; }
#pop_index .ps{ color: #999999;}
#pop_index  .btn{ margin: 0px 5px;}
.termsbox {
    height: 600px;
    overflow: auto;
    margin-bottom: 30px;
}

.footer_terms{ font-size: 13px; line-height: 20px; background: #bbbbbb; padding: 15px 0px;}
.img-about { max-width: 450px; margin: 0px auto;}
.aboutus{ line-height: 30px; background: #FFFFFF;  }
.about_02{ padding: 0px 0px; background: url(../images/common_banner.jpg) no-repeat top #0062A1; color: #FFFFFF; background-size:cover}
.about_02 h2,
.about_02 .sub_ttl{ color: #FFFFFF;}
.about_03{padding: 30px 0px; background: #FFFFFF;}
.aboutus .descript{ font-size: 1.25em; padding-top: 30px; padding-bottom: 80px; }
.partner .descript{ font-size: 1.25em; padding-top: 30px; padding-bottom: 20px; }

.news dd{ background: url(../images/icon_news.png) no-repeat 0px 5px; padding: 10px 30px 10px 60px; color:#337ab7; border-bottom: 1px solid #CCCCCC;}
.news dd a{ display: inline-block; width: 100%;}
.news dd .news_ttl{  font-size: 22px; font-weight: bold; line-height: 40px;}
.news dd .news_date{ color:#777777;  float: right;  line-height: 40px; font-size: 12px;}
.news dd .news_content{font-size: 16px; overflow: hidden; height: 25px; line-height: 25px; color: #333333 !important;}



.sitemap { width: 100%;}
.sitemap .cat{ display: inline-block; width: 20%; list-style: none; float: left;}
.sitemap .cat_ttl{ font-size: 22px;}
.sitemap .menu_lv2{ padding-left: 0px;}
.sitemap .menu_lv2 dd{  line-height: 40px;}




.parnter{ }
.list_parnter { margin-top:30px;}
.list_parnter ul{ width:100%; display:inline-block;}
.list_parnter ul li{ float:left; display:inline-block; padding:10px 0px; text-align:center; width:33%; background:#FFFFFF;}
.list_parnter ul li img{ width:100%; display:inline-block; max-width:275px;}

#plugin{}
#plugin .img-plugin{ max-width: 500px;}
#plugin .descript{font-size: 1.25em; line-height: 1.5; }
.plugin-img{ max-width: 230px; margin: 0px auto;}


@media (max-width: 1180px){
    
    .spacing{ padding: 20px 0px;}


}


@media (max-width: 992px){
    h2{ font-size: 24px;}
    .navbar .navbar-brand img{ height: 40px;}
    
    .owl-nav{ display: none;}
    .owl-theme .owl-pagination{ bottom: 0px;}
    #owl-banner .descript{ font-size: 30px; line-height: 40px;}
	body{ padding-top:55px; padding-bottom: 0px;  }
	body.pop{ padding-top:0px;}
    .page_ttl .container{ height: 85px;}
h1{  font-size:2.5em;}


    .tnc{padding: 10px;}
    .container{ padding: 0px 15px; width: 100%;}
    
    .img-about{ max-width: 250px;}
    
	.navbar .navbar-brand,
    .navbar.smaller .navbar-brand{ margin:5px 0px; }
	
    
    
    
    .navbar .container { padding: 0px; margin: 0px auto; width: 750px;}
	.slide_menu{ position:relative; top:0px; left:0px; width:100%; height:auto; max-height:0px; padding-top:0px; margin:0px auto; display:block;  z-index:100;font-size:16px;  overflow:hidden;
	-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;

	}
	ul.main_menu{ width:100%;  margin-top: 0px;}
	ul.main_menu li{ float:none;  width:100%; display:inline-block;  background:none;   border-top:1px solid #CCCCCC; text-align:left; position:relative; font-weight:bold; padding: 0px; margin: 0px; white-space: nowrap;  }
	ul.main_menu li:first-child{ border:0px;}

	ul.main_menu li a{text-decoration:none; padding:10px 10px;      line-height:30px;width:100%; font-size:16px; }
    ul.main_menu li .btn_register {
    padding: 10px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    margin-top: 0px;
}
	.slide_menu li.special_btn{ border:0px; margin-top:0px; padding:0px 10px;
}
	.slide_menu li.special_btn a{ padding:10px 10px; text-align:center;  }
	.slide_menu.extend{ max-height:600px;}
	ul.main_menu li.account{ width:100%;}
	ul.main_menu li .menu_lv2{ display: inline-block; position:relative; top:0px; left:0px; width:100%; box-shadow:none; background:#eeeeee;  margin-bottom: 0px; float: left; margin-left: 0px; }
    
ul.main_menu li .menu_lv2 li{ float:none; display:block;  padding:0px 0px; width:100%;}
    ul.main_menu li .menu_lv2 li a{	    background: #DDDDDD; color: #111111;     padding: 10px 10px; text-indent: 20px; text-align: left;}
    ul.main_menu li .menu_lv2 li a:hover{ background: #337ab7; color: #FFFFFF; }
    .lang{ position: relative; text-align: center; font-size: 14px; right: 0px; }
    .lang a.btn_lang,
    .lang a.btn_lang_en{ line-height: 40px;     margin: 0px 5px;}

    .signin{ position: relative; text-align: center; font-size: 14px; right: 0px; }
    .signin a.btn_signin{ line-height: 40px;     margin: 0px 10px;}


	.btn_nav{ width:42px; height:42px; display:inline-block; -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px; font-size:24px; color:#333333; text-align:center; padding-top:15px; position:absolute;  right:10px; cursor:pointer;	}
	.btn_nav:hover{color:#337ab7;}
    
    .price_section{ padding: 15px 0px; }
    .news_section { padding: 15px 0px; }
    .quick_link{ margin: 0px -10px;}
    .quick_link li{ width: 33.3333%; padding: 10px; display: inline-block; float: left;}
	.why {  margin-bottom: 10px;  }
    .why img{ width: 100px; }
    
    
.flow dd{ float: none; display: inline-block; width: 100%; padding: 0px 0px 30px 0px;  text-align: left; background: url(../images/arrow_down.png) no-repeat ; background-position:  center bottom; position: relative;}
.flow dd:last-child{ background: none; padding: 0px;}
.flow dd p{ line-height: 20px; margin-bottom: 0px; float: left; width: 70%; padding: 0px 0px 0px 20px;  }
.flow dd p span{display: table-cell; vertical-align: middle; height: 120px; }
.flow dd .images{     float: left;  width:30%;  max-width: 120px; height: auto;   text-align: center;    margin: 0px; }
    .bank_list li{ padding-left: 0px;}
    .bank_list li span{ width: 100%; margin-left: 0px; display: block;}

    
    .tb_price{ margin: 0px auto 20px auto;}
    .tb_price th, 
    .tb_price td  {  padding: 5px 5px;     width: 20%;    font-size: 2.5vw;}
    
    
    
.tb-custom th, 
.tb-custom td{  line-height: 20px; padding: 10px 3px; font-size: 13px; width: 40%; }
.tb-custom th.fd,
.tb-custom td.fd{ width: 60px ; font-size: 11px;  }
    .trade_more td{ width: auto; font-size: 13px;}
    .trade_more  td.fd{ width: 110px ;}
    .download_content{ padding-top: 0px; margin-bottom: 30px;}
    .download_platform{ padding:15px 15px 15px 15px; }
    .download_platform .download_btn{  display: block; width: auto; min-height:80px; } 
    .download_platform .download_btn >div{ padding: 0px 10px;}
    .btn_apps_store ,.btn_android { width: 100%; height: 45px; background-size:130px; }
    .download_requirement{ margin-bottom: 30px;}
    .download_requirement:last-child{ margin-bottom: 0px;}
    .img-app-logo{ max-width: 100px;}
    
    
.contactus{font-size: 14px; line-height: 22px;}
.contact_info li .fd{width: 210px;}
    
    footer{ padding: 15px 0px; text-align: center; font-size: 12px;  height: auto; position: relative;}

    footer .copyright {    text-align: center;    padding-top: 0px;}
    .table-news th.fd,
.table-news td.fd{ width: 100px ; }
    .table-news th, .table-news td{ padding: 5px 10px;}
.block{ position:fixed; top:0px; left:0px; z-index:100; width:100%; height:100%; background:rgba(0,0,0,0.8); display:none; }
.block2{ position:fixed; top:0px; left:0px; z-index:200; width:100%; height:100%; background:rgba(0,0,0,0.8); display:none; }   
    
    .method dd{ float: left; display: inline-block; padding: 0px 0px 0px 0px; width: 100%; text-align: left;  }
.method dd:last-child{ background: none;}
.method dd .images{ margin-bottom: 10px; float: left; display: inline-block; margin-right: 20px;}
.method dd .images img{ width: 120px;}
.method dd.or{ width: 100%; padding: 20px 0px 20px 0px; font-size: 18px; color: #666666; text-align: center; position: relative;}
    .method dd.or:before{ position:absolute; content:''; border-top:1px solid #cccccc; width: 40%; top: 50%; left: 0px; height: 1px; display: inline-block;}
    .method dd.or:after{ position:absolute; content:''; border-top:1px solid #cccccc; width: 40%; top: 50%; right: 0px; height: 1px; display: inline-block;}
.method dd p{ padding-top: 5px; margin-bottom: 5px;}
    .btn{    padding: 6px 10px;}
	.btn_auto_width{  width: 100%; }
    .btn_download{ width: auto;}
    
	
	label.important_l, label.important_m, label.important_h{ padding:2px 8px 2px 8px; margin-top: -2px;}
    
	.pop{width:90%; padding:5px; left:5%;  top: 5%; margin-left: 0px;margin-top:0px!important;	}
	.pop .btn_close{ top: 0px;    right: 0px;}
    
    .select_chat .btn_select_chat .roomName:before{ margin-right:7px;  }
    .select_chat .btn_select_chat .roomName:after{  margin-left:7px; }
    .select_chat .btn_select_chat .smaller_txt{ font-size: 12px;}
    .chat_iframe{ padding-top: 55px; padding-bottom: 170px; }
    
    
    #floating{ right: 20px;} 
#floating .btn_qq { padding: 5px 10px; font-size: 14px;  }
    .ben_01 .descript, .ben_02 .descript{ padding-top: 0px;}
	 .hidden-xs {
    display: none !important;
  }

.sitemap .cat{ width: 50%;}
.sitemap .cat_ttl{ font-size:22px;}

}

@media (max-width: 767px){
    body{ font-size: 12px;}
    #owl-banner .descript{ font-size: 20px; line-height: 30px;}
    .why .ttl{ font-size: 18px;}
    .wldescription .ttl{ font-size:18px; }

.navbar .container { width: 100% ;}
    .mobile_hide{ display: none !important;}
    .mobile_show{display: inline-block !important;}
    .list-download li:after{width: 35%;  left: 35%;}
    .select_chat .btn_select_chat{ width: 100%; overflow: hidden;}
    .select_chat .btn_select_chat img{ width: 120%;}
    .select_chat .btn_select_chat .roomName{ font-size: 6.5vw;}
     .select_chat .btn_select_chat .smaller_txt{ font-size: 2.2vw; bottom: 5px; right: 5px; line-height:normal;}
    .group_btn_chat{ margin: 0px -15px;}
    .select_chat{ margin-top: -20px; }
    .map{ width: 100%; float: none; height: 250px;}
    .contact_left{ width: 100%; float: none;  }
	.download_platform .download_btn{  min-height:inherit; } 
    .form-fd{ padding-right: 0px;}
    footer .logo{ width: 220px; display: inline-block;}
    footer .footer_link {    padding-top: 10px; text-align: center; }
	
    .price_box { width: 100%;}
    
    .listing-style .price_box ul{padding: 5px 0px;}
    .listing-style .price_box ul li:first-child{line-height: 1.3em; padding: 2px 1px; font-size: 4vw; width: 100%; text-align: right; padding-right: 75%;}
    
    .listing-style .th_head ul li:first-child{ display: none;}
    .listing-style .price_box ul li:nth-child(2){ width:25%}
    .listing-style .price_box ul li{line-height: 1.3em; padding: 1px 1px; font-size: 3vw;  text-align: right; width: 23.5%; font-weight: bold; }
    .listing-style .price_box ul li:nth-child(5),
    .listing-style .price_box ul li:nth-child(6){width: 14%; }
    
    .listing-style .price_box.th_head { height: auto;}
    .listing-style .price_box.th_head ul li:first-child,
    .listing-style .price_box.th_head ul li{line-height: 2em; padding: 3px 1px; font-size: 2.5vw; }
    .listing-style .current_price,
	.listing-style .high_price,
	.listing-style .low_price{ padding-left: 16px;}
    .listing-style .up_price{ color: #00cc00; background: url(../images/price_up.png) left no-repeat; background-size:15px 15px; }
    .listing-style .down_price{ color: #ff0033;background: url(../images/price_down.png) left no-repeat; background-size:15px 15px;}
    
    .timer{ font-size: 11px;}
    .timer dd{ margin: 0px 5px;}
    
    .method dd p {
        padding-top: 25px;
        margin-bottom: 5px;
    }
    
.float-right-desktop{float: none;}



 
.sitemap .cat{ width: 50%;}


}
@media (max-width: 500px){
    body{ font-size: 3vw;}
   .contactus{font-size:3.5vw;}
    .quick_link { width: 100%; margin: 30px 0px 0px 0px;}
    .quick_link li{ width: 100%; padding: 0px;  margin-bottom: 10px;  float: none;}
    
    label.important_l, label.important_m, label.important_h{ padding:2px 8px 2px 8px; margin-top: -2px; line-height: normal;}
    .method dd{ padding-left: 100px;}
    .method dd:last-child{ background: none;}
    .method dd .images{ margin-bottom: 10px; float: left; display: inline-block; margin-right: 0px; margin-left: -100px;}
    .method dd .images img{ width: 80px;}
	.date_select .btn_prev{ width:9%;}
	.date_select .btn_next{ width:9%;}
    .
    
    
    .contact_info{ margin-bottom: 10px;}
    .contact_info li .fd{width: 50%; float: none;}
    .red_star{ width: 10px;}
    
    
    .control_view {top: 20px;}
    .control_view a{ background: url(../images/bg_btn_view.jpg) no-repeat bottom; background-size:50px 50px;  font-size:14px; font-weight: normal; line-height: 25px; display: inline-block; width: 30px; height: 25px; text-align: center; color: #624118; margin: 0px; padding: 0px 2px; float: right;}
    .control_view a:hover,
    .control_view a.active{ background-position:top; color: #FFFFFF;}
    .control_view a.btn_list_view{ 
    -webkit-border-radius: 0px 3px 3px 0px;
    -moz-border-radius: 0px 3px 3px 0px;
    border-radius: 0px 3px 3px 0px;
    }
    .control_view a.btn_grid_view{ 
    -webkit-border-radius: 3px 0px 0px 3px;
    -moz-border-radius: 3px 0px 0px 3px;
    border-radius: 3px 0px 0px 3px;
    }
 .sitemap .cat{ width: 50%;}
   
}