@font-face {
    font-family: 'Century Gothic';
    src: url('../fonts/GOTHIC.eot');
    src: url('../fonts/GOTHIC.eot') format('embedded-opentype'),
         url('../fonts/GOTHIC.woff2') format('woff2'),
         url('../fonts/GOTHIC.woff') format('woff'),
         url('../fonts/GOTHIC.ttf') format('truetype'),
         url('../fonts/GOTHIC.svg#GOTHIC') format('svg');
}

body{font-family: "Century Gothic";     overflow-x: hidden;height: 100%;position: relative;}

#body {position: relative; left: 0;   transition: left 1s; }
.logo .mobile{display: none;}

a {
    text-decoration: none;
}
a:link {
    text-decoration: none;
}
a:visited {
    text-decoration: none;
}
a:hover {
    text-decoration: none;
}
a:active {
    text-decoration: none;
}
a:focus{
    outline: none;
}

.link-action a{color: #092b83 !important;}
.colo666600{color: #092b83}
.font12{font-size: 1.2em;}
.top{ width:1300px; margin:0 auto; padding: 0 15px; min-height: 66px;}
.top .logo{ padding:8px 0;     margin-top: 10px;}
.top .logo img{margin-right: 20px;}
.function_icon{ width:auto; height:auto; text-align:right; height: 60px; display: table; margin-top: 10px;}
.function_icon ul li{ float:left;}
.font_size_block1{ width:45%;}
.font_size_block2{ width:15%; margin-top: 4px; margin-left:10px;}
.font_size_block3{ width:25%; margin-top: 6px;}
.font_size_block4{ width:15%; margin-top: 5px;}
.lf{ float:left;}
.rg{ float:right;}
.img-txt{font-size: 16px; color: #fff; text-align: center; margin-top: 10px;}

.font_size_block3 a{color: #999999; text-decoration: none}
.font_size_block4 a{color: #092b83;text-decoration: none; white-space: nowrap;font-size: 1.2em;}
.font_size_block3 a:hover{color: #092b83}

.nav-bar{max-width: 960px}
#dsd_nav_pc{padding-top: 20px;}
nav{max-width: 1300px;width: 100%;margin: 0 auto;text-align: center;}
nav>a{ display: inline-block;text-align: center;font-size: 12px; position: relative; border-bottom: 5px solid rgba(255,255,255,0);color: #666666;border-right: 1px solid #bababa;padding: 5px 2%;}
nav .navas:last-child{ border: none;}
nav>a:hover{ color: #009c45; padding-bottom: 5px; text-decoration: none}
.nav_sub{ width:1000px; margin:0 auto; text-align:center;}
.nav{ position: relative;width: 100%;margin: 0 auto;}
.hidea > p > span > a{ margin: 0 1%;}
.hidden1{padding-top: 0 !important; padding-bottom:0 !important;}
.tleft{float: left;line-height: 4em;cursor: pointer;}
.list > ul{list-style: none;width: 300px;padding: 0;background-color: #fff;}
.list > ul > li{width: 250px;padding: 15px 0;border-bottom: 1px solid #ddd;margin: 0 12%;}
.list > ul > li > a{color: #333;font-size: 1.7em;display: inline-block;width: 100%;}
.list > ul > li > a:hover{text-decoration: none;}

.hidden1 a{color: #000;}
.hidden1 a:hover,a:active{text-decoration: none;}
.bgco a{color: #092b83;cursor: pointer;}
.bgco a:hover,a:active{text-decoration: none;}
.hidden1{display: none;}
.hidden1 > p{font-size: 1.7em;margin: 0;padding: 10px 0;line-height: 1em;}
.hidden1 > p{border-bottom: 1px dashed #d7d7d7;}
.nobottomborder{border-bottom: none !important;}

#yuenlong{border: none !important;}
.hidden1 > span > a{font-size: 1.7em;line-height: 2em;margin: 5px 0;margin-left: 5%;display: block; }
.mobile{transition: left 1s;} 
.hideleft{position: absolute;left: -320px;top: 0;height: 100%;background-color: #e5efff; overflow-y: scroll;}
.lefttop > img{width: 10%;}
.bgco{background-color: #e5efff;width: 300px !important;margin: 0 !important;padding: 15px 32px !important;}

.navas{    display: inline-block;text-align: center;font-size: 1.2em; z-index: 2; cursor: pointer; position: relative; border-bottom: 5px solid rgba(255,255,255,0);color: #666; padding: 0 2%; line-height: 28px;}
.navas:hover{color: #092b83}
.navas a{color: #666666}
.navas a:hover{color: #092b83; text-decoration: none;}
.navbar-nav li a:focus{background-color: #092b83;}
.twonavbox{position: absolute; display: none; left: -5px; width: 103%; min-width: 170px; top: 110%; padding: 0; opacity: 0}
.twonavbox a:hover{background: #e5efff; text-decoration: none; }
.navas:hover{color: #092b83}
.navas:hover .twonavbox{display: block; background: #fff; opacity: 1;transition: opacity 1s; box-shadow: 1px 8px 10px rgba(0,0,0,0.1)}
.navas::after{content: ""; position: absolute; width: 1px ; height: 90%; right: 0;top: 50%; transform: translateY(-50%); background: #f2f2f2;}
.navas:last-child::after{width: 0;}
.twonavbox ul{list-style: none; margin: 0; padding: 0;}
.twonavbox ul li{ line-height: 15px;}
.twonavbox ul li:not(.c-button){ padding: 0}
.twonavbox ul li a{display: block; outline: none; line-height: 20px; padding: 15px 5px;}

.openlist{display: none}
.c-button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position: relative; padding: 15px 0}
.c-button:hover{background: #e5efff}
.c-btnimg{    position: absolute;height: 10px;float: right;right: 6%;  position: absolute;top: 50%;transform: translateY(-20%);}

.footer{width: 100%; background: #092b83; min-height: 40px; margin-top: 20px }
.footernav{margin: 0 auto; list-style: none;}
.footernav li{float:none;display:inline-block;  border-right: 1px solid #fff; margin: 15px 0;}
.footernav li:last-child{border: 0;}
.footernav li a{color: #fff; line-height: 18px; padding-top: 0; padding-bottom: 0;}
.footernav li a:hover{text-decoration: none;background-color: #092b83;}

.mian{ max-width: 1300px; margin: 0 auto;}
.bannerbox{ max-width: 1300px; margin: 0 auto;}
.bannerbox img{width: 100%; height: auto;}
.bannerbox img:nth-child(2){height: 100%;}

.font12{cursor: pointer;}

.breadcrumb-box{font-size: 1.3em}
.teow-a{padding: 0 !important;}
.mobile-show{display: none;}
.font-setting{width: 250px; display: table-cell;  vertical-align: middle;}
.font-setting a{cursor: pointer;}
.pc-link-logo{ display: table-cell; vertical-align: middle; padding-right: 10px;}

.footer-ad-box{background: #fff; margin: 40px auto 0; max-width: 1300px;}
.ads-chren{display: table-cell;}
.ads-chren img{ margin: 0 10px;}


/* study scope*/
.study-scope{
    background-color:#f7f7f7;
    padding:50px 0;
}
.scope-bg-images{
    margin-top:30px;
    margin-bottom:30px;
}
.scope-bg-images img{
    margin:0 auto;
}
.study-scope .row [class*="col-"] {
    margin-bottom:30px;
}
.study-scope .row [class*="col-"]:nth-child(3),.study-scope .row [class*="col-"]:nth-child(4) {
    margin-bottom:0px;
}
.Study-Scope-Box{
    text-align:center;
    padding:35px 40px;
    background-color:#fff;
    min-height: 340px;
    border-radius: 10px;
}
.homebox p.scope-title{
    color:#092b83;
    font-size:24px;
    line-height: 33px;
}
.homebox p.scope-description{
    margin-top:26px;
}
.Information-imgbox{
    background-color:#f4f7f6;
    cursor: pointer;
    margin-bottom:30px;
}
.Information-imgbox p{
    text-align:center;
}
@media(max-width: 1350px){
    .navas{font-size: 1.15em;}
    
}
@media(max-width: 1200px){
    
    .bannerbox{width: 100%;}
    .navas{padding: 0 1.2%;}
    
}

@media(max-width: 992px){
    .mobile-show{display: inline-block;}
    .pc{display: none;}
    .logo .pc{display: inline-block !important; margin-right: 10px;}
    .logo .pc a:nth-child(1){margin-right:10px ;}
    .tleft{display: block;float: left; margin-top: 10px; margin-left: 15px;}
    .logo{width: auto; float: right;}
    .function_icon{display: none;}
    .top{width: 100%;}
    .top .logo{margin-top: 0;}
    .top .logo img{margin-right: 0; max-height: 32px;}
    .top .logo{    position: absolute; right: 10px; top: 50%; transform: translateY(-50%);}
   
}
@media(min-width: 992px){
    
    .tleft{display: none;}
    #body{left: 0 !important;}
}
@media(max-width: 768px){
    .img-txt{font-size: 12px; }
    .breadcrumb-box{font-size: 1em}
    .list > ul > li > a{font-size: 1.4em;}
    .list > ul > li > a:hover,a:active{text-decoration: none; outline: none;}
    .hidden1 > span > a{font-size: 1.2em;}
    .hidden1 > p{font-size: 1.2em;}
    .footernav li{width: 100%; text-align: left; border-right: 0; border-bottom: 1px solid #a0a0a0; margin: 0; font-size: 14px;}
    .footernav li a{line-height: 38px;}
    .tleft{margin-left: 0px;}
}
@media(max-width: 767px){
    .study-scope{
        padding-bottom:20px;
    }
    .Study-Scope-Box{
        min-height:280px;
    }
    .study-scope .row [class*="col-"]:nth-child(3),.scope-bg-images.row [class*="col-"]{
        margin-bottom:30px;
    }
}
@media(max-width: 350px){
    .tleft{margin-left: 0px;}
    .top .logo img{height: 28px;}
}