html,body{
    width:100%;
    height:100%;
    padding:0;
    margin:0;
    font-family:Arial,Helvetica,"Open Sans",Roboto;
    font-size:15px;
    color:#000 !important;
    word-wrap:break-word;
    position:relative;
    min-height:100%;
	  background-color:#fff;
}
*{
    -webkit-tap-highlight-color:rgba(255,0,0,0);
    -webkit-appearance:none;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
img{
    display:block;
}
a{
    text-decoration:none;
    color:#5c5c5c;
    transition:All 0.2s ease-in-out;
    -webkit-transition:All 0.2s ease-in-out;
    -moz-transition:All 0.2s ease-in-out;
    -o-transition:All 0.2s ease-in-out;
}
a:focus{
    outline:0;
}
ul{
    width:100%;
    padding:0;
    margin:0;
}
li{
    list-style:none;
    position:relative;
}
li:last-child{
    border-bottom:0;
}
.pull-left{
    float:left;
}
.pull-right{
    float:right;
}
.container{
    margin:0 auto;
    max-width:1024px;
}
#header-client{
    padding:18.5px;
    background-color:#fff;
    height:73px;
    position:relative;
}
.language-select{
    display:none;
}
.language-dropdown{
    position:relative;
	 margin-top: 5px;
}
.language-btn{
    background-color:#ffffff;
    border:none;
    box-shadow:none;
    outline:none;
    height:28px;
    line-height:28px;
    cursor:pointer;
	  padding: 0;
}
.icon-language{
    display:inline-block;
    width:24px;
    height:28px;
    background:url(../img/icon_language_normal.png) 0 center no-repeat;
    -moz-background-size:24px 24px;
    -webkit-background-size:24px 24px;
    -o-background-size:24px 24px;
    background-size:24px 24px;
    vertical-align:middle;
    margin-right:10px;
}
.language-name{
    margin-left:8px;
    margin-right:5px;
}
.language-dropdown .pull-left{
    margin-right:5px;
}
.icon-arrow-down{
    transition:All 0.2s ease-in-out;
    -webkit-transition:All 0.2s ease-in-out;
    -moz-transition:All 0.2s ease-in-out;
    -o-transition:All 0.2s ease-in-out;
    display:inline-block;
    width:20px;
    height:28px;
    background:url(../img/icon_arrow_down.png) 0 center no-repeat;
    -moz-background-size:20px 20px;
    -webkit-background-size:20px 20px;
    -o-background-size:20px 20px;
    background-size:20px 20px;
    line-height:28px;
}
.open .icon-arrow-down{
    transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -o-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
}
.dropdown-menu{
    width:auto;
    padding:10px 0;
    background-color:#ffffff;
    border:1px solid rgba(0,0,0,0.1);
    border-radius:3px;
    box-shadow:0 5px 7px 0 rgba(0,0,0,0.2);
    left:auto !important;
    white-space:nowrap;
    max-height:480px;
    overflow-y:auto;
    overflow-x:hidden;
    position:absolute;
    top:auto;
    z-index:1;
    margin:2px 0 0;
    display:block;
    right:0 !important;
    left:auto !important;
    min-width:100%;
    display:none;
}
.open > .dropdown-menu{
    display:block;
}
.dropdown-item{
    color:#5c5c5c;
    line-height:28px;
    text-decoration:none;
    white-space:nowrap;
    display:block;
    padding:3px 20px;
    clear:both;
    font-weight:normal;
}
.dropdown-item:hover{
    background-color:#eeeeee;
}
.dropdown-item-active{
    background-color:#607896;
    color:#fff;
    line-height:28px;
    white-space:nowrap;
    display:block;
    padding:3px 20px;
    font-weight:normal;
}
.dropdown-menu li{
    border:0;
}
#body-client{
    padding-bottom:44px;
    height:auto;
}
.big-box{
    width:100%;
    border:1px solid #e0e0e0;
    margin:0 auto;
    _display:inline-block;
    border-bottom:0;
    height:calc(100vh - 117px);
	  position:relative;
}
.list-box{
    width:320px;
    float:left;
    background-color:#fff;
    overflow-y:auto;
    height:calc(100vh - 118px);
}
.main-list-menu{
	display: none;
}
.sub-list{
    display:table;
    width:100%;
    background-color:#a3b4bd;
    transition:All 0.2s ease-in-out;
    -webkit-transition:All 0.2s ease-in-out;
    -moz-transition:All 0.2s ease-in-out;
    -o-transition:All 0.2s ease-in-out;
}
.sub-list:hover{
    background-color:#90a3ad;
}
.sub-list.active{
    background-color:#3ea9e3;
    color:#fff;
}
.sub-list.active a{
    color:#fff;
}
.sub-list > a{
    display:table-cell;
    padding:13px 50px;
    border-bottom:1px solid #dbdde0;
    line-height:18px;
    word-wrap:break-word;
    margin-bottom:-1px;
    height:45px;
    vertical-align:middle;
	color: #fff;
}
.main-list > a{
    display:table-cell;
    padding-left:50px;
    line-height:16px!important;
    height:44px!important;
    vertical-align:middle;
    cursor:pointer;
    padding-right:35px;
}
.list-box>ul>.active{
    background-color:#eaeef4;
}
.main-list{
    background-color:transparent;
    cursor:pointer;
    margin-top:-1px;
    border-bottom:1px solid #dbdde0;
    transition:All 0.2s ease-in-out;
    -webkit-transition:All 0.2s ease-in-out;
    -moz-transition:All 0.2s ease-in-out;
    -o-transition:All 0.2s ease-in-out;
}
.main-list > a::before{
    content:"";
    position:absolute;
    bottom:0;
    top:0;
    left:20px;
    margin:auto;
    width:16px;
    height:16px;
    background:url(../img/item.png) center no-repeat;
    display:inline-block;
    background-size:16px 16px;
}



.second-list > a{
    display:table-cell;
    padding-left:50px;
    line-height:16px!important;
    height:44px!important;
    vertical-align:middle;
    cursor:pointer;
    padding-right:35px;
}
.list-box>ul>.active{
    background-color:#eaeef4;
}
.second-list{
    background-color:#eaeef4;
    cursor:pointer;
    border-bottom:1px solid #dbdde0;
    transition:All 0.2s ease-in-out;
    -webkit-transition:All 0.2s ease-in-out;
    -moz-transition:All 0.2s ease-in-out;
    -o-transition:All 0.2s ease-in-out;
}




.back-img{
    position:absolute;
    bottom:0;
    top:0;
    right:14px;
    margin:auto;
    width:25px;
    height:25px;
    background:url(../img/icon_arrow_right.svg) center no-repeat;
    transform:rotate(0deg);
    display:inline-block;
    transition:All 0.2s ease-in-out;
    -webkit-transition:All 0.2s ease-in-out;
    -moz-transition:All 0.2s ease-in-out;
    -o-transition:All 0.2s ease-in-out;
}
.back-img.small{
	background:url(../img/icon_arrow_right_small.svg) center no-repeat;
}
.second-list .back-img {
    width: 20px;
    height: 20px;
    right: 16px;
}
li.open .back-img{
	transform: rotate(90deg);
}
.detail-box{
    margin-left:320px;
    background-color:#eef7f9;
    overflow-y:auto;
    height:calc(100vh - 118px);
}
.video-wrapper{
    position: relative;
    padding-bottom: 54.6%;  
    overflow: hidden;
}
.video-wrapper iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.detail-container{
    display:none;
}
.back{
    cursor:pointer;
    vertical-align:middle;
    color:#172664;
    padding:16.5px;
    display:none;
    font-weight:bold;
    background-color:#fff;
    /*position:fixed;*/
    z-index:1;
    width:100%;
    top:0;
}
.mobile-index-video-box {
    display:none;
}
.videolink{
    display:block;
    position:relative;
}
.detail-box-title{
    font-weight:bold;
    color:#22b7db;
    padding:30px 50px 10px;
    word-wrap:break-word;
}
.detail-box-body{
    line-height:21px;
    padding:0 50px 50px;
    word-wrap:break-word;
    line-height:21px;
}
#footer-client{
    border-top:4px solid #3ea9e3;
    background-color:#fff;
    width:100%;
    padding:14px 0;
    text-align:center;
    position:absolute;
    bottom:0px;
    height:44px;
    font-size:13px;
}
/*desktop---------------------------------------------*/
/*tablet----------------------------------------------*/
 body.tablet .big-box{
    border-right:0;
    border-left:0;
}
/*mobile----------------------------------------------*/
body.mobile .language-dropdown{
    display:none;
}
body.mobile .language-select{
    position:absolute;
    top:50%;
    transform:translate(0,-50%);
    right:18.5px;
    display:block;
}
body.mobile .language-select select{
    display:block;
    height:24px;
    width:100%;
    border:0;
    -webkit-appearance:none;
    -moz-appearance:none;
    text-indent:0.01px;
    text-overflow:'';
    outline:none;
    background:url("../img/icon_language_normal.png") no-repeat scroll right center transparent;
    background-size:24px 24px;
    padding:12px;
}
body.mobile .language-select select::-ms-expand{
    display:none;
}
body.mobile #body-client{
    min-height:calc(100vh - 115px);
    padding:0;
}
body.mobile .big-box,body.mobile .list-box,body.mobile .detail-box{
    max-height:none;
    height:auto;
}
body.mobile .big-box{
    border:0;
}
body.mobile .list-box{
    position:static;
    width:100%;
    float:none;
    border-right:0px;
    max-height:none;
}
body.mobile a[tager="a-1"]{
    display:none;
}
body.mobile .sub-list a{
    height:44px;
}
body.mobile .mobile-index-text{
    background-color:#eef7f9;
    display:block;
}
body.mobile .detail-content-box{
    min-height: calc(100vh - 45px);
}
body.mobile .detail-box-body{
    padding:0 15px 15px;
}
body.mobile .detail-container{
    width: 100%;
    position:absolute;
    top:0;
    background-color:#eef7f9;
    left:0vw;
    display:none;
}
body.mobile .back{
    display:block;
}
body.mobile .back::before{
    content:"";
    display:inline-block;
    width:40px;
    height:40px;
    background:url(../img/icon_arrow_right.svg) center no-repeat;
    vertical-align:middle;
    transform:rotate(180deg);
    margin-right:-5px;
}
body.mobile .detail-container .videolink{
    margin-top:73px;
}
body.mobile .detail-box-title{
    padding:15px 15px 5px;
}
body.mobile .detail-container .detail-box-body{
    padding-bottom:50px;
}
body.mobile #footer-client{
    padding:13px 0;
    height:auto;
    position:static;
}
body.mobile .list-box>.sub-list{
display: none;
}