:root {
    color-scheme: light dark;
}

@media (prefers-color-scheme: light) {
    * {color: #333;}
    body{background-color: #F2F2F7;}
    .breadcrumb > .active{color: #333;}
    .detail-main{background: #fff; border: 1px #ECECEC solid; }
    .detail-block{background: #fff; border: 1px #ECECEC solid; }
    .side-block-title{color: #333;}
    .detail-side-app .app-descr{color: #555;}
    .btn-default {color: #333; background: #fff; border: 1px solid #e9e9e9;}
    .open .btn-default {color: #333; background: #fff;}
    .dropdown-menu{background: #fff;}
    .dropdown-menu li:hover{background: #f0f0f0;}
    .navbar-default{background: rgba(255,255,255,0.96); border-color: #e7e7e7;}
    #nav-menu > li > a:hover {color: #000; background: #f7f7f7;}
    .navbar-default .navbar-nav > li > a{color: #333;}
    .navbar-default .navbar-nav > li > a:hover{color: #000;}
    .dropdown-menu > li > a{color: #333;}
    .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{color: #262626; text-decoration: none; background-color: #f5f5f5;}
    .standards-dropdown .btn{border-radius: 8px; border: 1px solid #e9e9e9;}
}

@media (prefers-color-scheme: dark) {
    * {color: #fff;}
    body{background-color: #222222;}
    .breadcrumb > .active{color: #eee;}
    .detail-main{background: #0d0d0d; border: 1px #333333 solid; }
    .detail-block{background: #0d0d0d; border: 1px #333333 solid; }
    .side-block-title{color: #eee;}
    .detail-side-app .app-descr{color: #aaa;}
    .btn-default {color: #eee; background: #222; border: 1px solid #333;}
    .open .btn-default {color: #eee; background: #222;}
    .dropdown-menu{background: #333;}
    .dropdown-menu li:hover{background: #222;}
    .navbar-default{background: rgba(15,15,15,0.96); border-color: #292929;}
    #nav-menu > li > a:hover {color: #eee; background: #222;}
    .navbar-default .navbar-nav > li > a{color: #ddd;}
    .navbar-default .navbar-nav > li > a:hover{color: #fff;}
    .dropdown-menu > li > a{color: #aaa;}
    .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{color: #eee; text-decoration: none; background-color: inherit;}
    .standards-dropdown .btn{border-radius: 8px; border: 1px solid #333;}
    .fa-map-marker{color: #000;}
}

a{color: #4e97ea; text-decoration: none;}

body,h1,h2,h3,div,p{font-family: "Helvetica Neue", "Helvetica", "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "SF Pro Icons", "PingFang SC",  "Arial", sans-serif;}
.clr{clear: both;}

a{cursor: pointer;}


.container{position: relative; width: 1170px;}

.dropdown-menu{padding: 0px 0; margin: 0px 0 0; right: 0; left: auto; min-width:inherit;}
.dropdown-menu li{padding: 6px 10px; cursor: pointer;}

.input-group-btn{position: absolute; top: -4px; right: 10px; width: auto;}
.input-group-btn .caret{margin-left: 8px;}
.input-group-btn > .btn{padding: 3px 8px; border-radius: 6px;}
.input-group-btn > .btn, .input-group-btn > .dropdown-toggle{border-radius: 6px;}

.breadcrumb{padding: 10px 0px 10px 0px; margin: 15px 15px 10px 2px; background: none; width: 780px; float: left;}
.breadcrumb > li + li:before{padding: 0 2px 0 6px;}

#search-box{margin: 19px 0px 0px; display: none; width: 345px; float: right;}
#search-ac{font-weight: 300; font-size: 14px; width: 100%; padding-left: 40px; background: url("images/icon/search.png") 10px center no-repeat #fff; background-size: 20px 20px;}

.standards-dropdown{float: right; margin-top: 15px; margin-right: 0px; position: relative; right: inherit; top: inherit; z-index: 500;}
.standards-dropdown .btn{padding: 8px 12px;}
.standards-dropdown .dropdown-menu li{padding: 8px 10px; cursor: pointer;}

.ui-autocomplete{}
.ui-autocomplete li{border-bottom: 1px solid #f0f0f0;}
.ui-autocomplete li h4{font-size: 15px; line-height: 20px; font-weight: 500; margin: 3px 0 0;}
.ui-autocomplete li span{display: block; font-weight: 400; font-size: 11px; line-height: 18px; margin: 0 0 3px;}
.ui-widget.ui-widget-content{z-index: 1050;}
.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #2C79B3;background:#3DA3EF;color:#fff;}

.detail-block{padding: 15px 15px;}
.detail-main{float: left; position: relative; width: 780px; margin-right: 15px; padding: 0px; border-radius: 8px;}
.detail-side-col{float: left; width: 345px;}
.side-block-title{font-size: 15px; line-height: 20px; font-weight: 500; margin: 0px;}

.navbar-brand{height: auto; padding: 15px 15px;}
.navbar-brand-image{height: 40px;}
.navbar-default .navbar-nav > li > a{line-height: 40px;}

/*
.navbar-default .navbar-nav > li > a {color: #333; font-weight: 400; font-size: 15px; padding: 15px 25px;}
.navbar-default .navbar-nav > li.lang-list > a {padding: 15px 20px;}
.navbar-default .navbar-nav > li > a:hover {color: #000; font-weight: 400; text-decoration: underline;}
*/

#nav-menu > li > a {color: #333; font-weight: 400; font-size: 15px; padding: 15px 25px;}
#nav-menu > li.lang-list > a {padding: 15px 20px;}
#nav-menu > li > a:hover {font-weight: 400; text-decoration: underline;}

.navbar-form{margin: 18px 0px 0px;}
.navbar-nav .dropdown-menu{min-width: 125px;}
.navbar-nav .standard-list{display: none;}

.detail-side-app{border-radius: 8px; margin-bottom: 15px; position: relative;}
.detail-side-app .qrcode-btn{position: absolute; right: 15px; top: 15px;}
.detail-side-app .app-intro{margin: 30px 0 40px; position: relative;}
.detail-side-app .appicon{width: 65px; height: 65px; position: absolute; top: 0px; left: 10px; background-image:url("images/icon/appicon.png"); background-size: contain; background-repeat: no-repeat; background-position: center center;}
.detail-side-app .app-title{margin-left: 90px; font-size: 18px; margin-bottom: 2px; font-weight: 400;}
.detail-side-app .app-descr{margin-left: 90px; font-size: 13px; font-weight: 300; line-height: 1.5em; letter-spacing: 0.5px;}

.detail-side-app .app-download-btns{margin-left: 10px;}
.detail-side-app .app-download-btns h3{text-align: left; font-size: 13px; font-weight: 400; margin: 20px auto 8px;}

.detail-side-app .btn{background-image:url("images/download_btns_v2.png"); background-repeat: no-repeat; margin-right: 15px; float: left; display: block; height:45px; width:138px; background-size:840px 92px;}
.detail-side-app .ios-download-btns{margin-bottom: 20px;}
.detail-side-app .android-download-btns{margin-bottom: 10px;}
.detail-side-app .btn_ios{background-position:0px 0px;}
.detail-side-app .btn_ios:hover{background-position:-0px -47px;}
.detail-side-app .btn_ios_en{background-position:-140px 0px;}
.detail-side-app .btn_ios_en:hover{background-position:-140px -47px;}
.detail-side-app .btn_googleplay{background-position:-280px 0px;}
.detail-side-app .btn_googleplay:hover{background-position:-280px -47px;}
.detail-side-app .btn_googleplay_en{background-position:-420px 0px;}
.detail-side-app .btn_googleplay_en:hover{background-position:-420px -47px;}
.detail-side-app .btn_local{background-position:-560px 0px; margin-right: 0px;}
.detail-side-app .btn_local:hover{background-position:-560px -47px;}
.detail-side-app .btn_local_en{background-position:-700px 0px; margin-right: 0px;}
.detail-side-app .btn_local_en:hover{background-position:-700px -47px;}

.detail-side-app .review-star-ios{width: 100px; height: 20px; position: absolute; top: 192px; left: 180px; background-image:url("images/icon/star_4_5.png"); background-size: contain; background-repeat: no-repeat;}
.detail-side-app .review-star-android{width: 100px; height: 20px; position: absolute; top: 250px; left: 180px; background-image:url("images/icon/star_4_0.png"); background-size: contain; background-repeat: no-repeat;}
.detail-side-app .review-text-ios{position: absolute; color: #666; font-size: 12px; top: 215px; left: 180px;}
.detail-side-app .review-text-android{position: absolute; color: #666; font-size: 12px; top: 275px; left: 180px;}

#qrcode-modal .qrcodes{margin: 20px auto 0px; width: 300px;}
#qrcode-modal .qrcode{height: 300px; width: 300px; background-size: 300px 300px;}
#qrcode-modal #ios-qrcode{height: 300px; width: 300px; background-image:url("images/qrcode/ios.png");}
#qrcode-modal #googleplay-qrcode{height: 300px; width: 300px; background-image:url("images/qrcode/googleplay.png");}
#qrcode-modal #apk-qrcode{height: 300px; width: 300px; background-image:url("images/qrcode/apk.png");}



.lang-list .caret{margin-left: 28px;}
.lang-list > ul > li > a, .lang-list > a {padding: 10px 10px 10px 52px; background-repeat: no-repeat; background-position: 20px; 50%; background-size: 24px 16px;}
.lang-list > ul > li > a.en, .lang-list > a.en {background-image: url("images/flags/uk.png"); }
.lang-list > ul > li > a.fr, .lang-list > a.fr {background-image: url("images/flags/fr.png"); }
.lang-list > ul > li > a.de, .lang-list > a.de {background-image: url("images/flags/de.png"); }
.lang-list > ul > li > a.ja, .lang-list > a.ja {background-image: url("images/flags/jp.png"); }
.lang-list > ul > li > a.ko, .lang-list > a.ko {background-image: url("images/flags/ko.png"); }
.lang-list > ul > li > a.zh-Hans, .lang-list > a.zh-Hans {background-image: url("images/flags/cn.png"); }
.lang-list > ul > li > a.zh-Hant, .lang-list > a.zh-Hant {background-image: url("images/flags/hk.png"); }

.table-bordered > thead > tr > th{text-align: center;}
.table-bordered tr th, .table-bordered tr td{font-size: 14px;}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{vertical-align: middle;}

#Footer{margin: 0 auto; text-align: center; padding: 30px 0px 30px;}