: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;}
    .standards-dropdown .btn{border: 1px solid #e9e9e9;}
    .navbar-nav > li > a{color: #333;}
    .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;}
}

@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;}
    .standards-dropdown .btn{border: 1px solid #333;}
    .navbar-nav > li > a{color: #ddd;}
    .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;}
    .fa-map-marker{color: #000;}
}

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

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

body{padding-top: 60px;}
.container{position: relative;}

.navbar-fixed-top .navbar-collapse{max-height: 480px; border: 0px; /* box-shadow: 0px 15px 15px rgba(0,0,0,0.2); border-bottom: 0.3px solid #777; */}

.dropdown-menu{min-width: 50px; padding: 0px 0; margin: 0px 0 0;}
.dropdown-menu li{padding: 6px 10px; cursor: pointer;}

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

.breadcrumb{padding: 5px 5px 10px; margin: 5px 0px; background: none;}
.breadcrumb > li + li:before{padding: 0 2px 0 6px;}
.breadcrumb > .active{}
#search-box{margin: 0px 0px 10px; width: 100%;}
#search-ac{height: 36px; line-height: 36px; font-weight: 300; border-radius: 8px; border: 1px #ECECEC solid; 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: 20px; margin-right: 15px; display: none; position: relative; right: inherit; top: inherit;}
.standards-dropdown .btn{padding: 8px 12px; border-radius: 8px;}
.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: 16px; line-height: 24px; font-weight: 400; margin: 6px 0 0;}
.ui-autocomplete li span{display: block; font-weight: 400; font-size: 12px; line-height: 18px; margin: 0 0 6px;}
.ui-widget.ui-widget-content{z-index: 1001;}
.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:0px solid #2C79B3;background:#3DA3EF;color:#fff;}

.detail-block{padding: 15px 0px;}
.detail-main{position: relative; padding-bottom: 20px; border-radius: 8px;}
.detail-side-col{margin-top: 15px;}
.side-block-title{font-size: 14px; line-height: 20px; font-weight: 500; margin: 0px 15px;}

.navbar-brand{height: auto; padding: 10px 16px;}
.navbar-brand-image{height: 30px;}
.navbar-nav > li > a{line-height: 30px;}
.navbar-default .navbar-nav > li > a {font-weight: 400; font-size: 15px; padding: 10px 25px;}
.navbar-default .navbar-nav > li.lang-list > a {padding: 10px 25px;}
.navbar-default .navbar-nav > li > a:hover {font-weight: 400;}
.navbar-form{margin-top: 18px;}
.navbar-default{}
.navbar-nav .dropdown-menu{min-width: 125px;}
.navbar-nav .open .dropdown-menu > li > a{padding-left: 60px;}
.navbar-nav .open .dropdown-menu > li > a:hover{}
.navbar-nav .standard-list .dropdown-menu > li{padding: 10px 10px 10px 40px;}
.navbar-form{display: none;}

.detail-side-app{border-radius: 8px; margin-bottom: 15px; position: relative;}
.detail-side-app .qrcode-btn{display: none;}
.detail-side-app .app-intro{margin: 20px 0 30px; position: relative;}
.detail-side-app .appicon{width: 60px; height: 60px; position: absolute; top: 0px; left: 15px; 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; }

.detail-side-app .app-download-btns{}
.detail-side-app .app-download-btns h3{text-align: center; font-size: 14px; font-weight: 400; margin: 20px auto 10px;}
.detail-side-app .btn{background-image:url("images/download_btns_v2.png"); background-repeat: no-repeat; margin: 0px auto 15px; display: block; height:45px; width:138px; background-size: 840px 92px;}
.detail-side-app .ios-download-btns{margin-bottom: 30px;}
.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 .app-review{display: none;}
.detail-side-app .btn_googleplay{background-position:-280px 0px;}
.detail-side-app .btn_googleplay:hover{background-position:-280px -47px;}
.detail-side-app .btn_local{background-position:-560px 0px;}
.detail-side-app .btn_local:hover{background-position:-560px -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_en{background-position:-700px 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: 167px; 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: 167px; 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: 167px;}
.detail-side-app .review-text-android{position: absolute; color: #666; font-size: 12px; top: 275px; left: 167px;}


.lang-list .caret{margin-left: 25px;}
.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: 20px 0px 30px;}