@charset "utf-8";
/* CSS Document */

/*-------------------------------------------------------------------------------------*/
/* LAYOUT */

@media screen and (max-width: 1219px){
#wrap .container { max-width:960px; }

#wrap .back_to_top a { width:46px; height:40px; }
#wrap .back_to_top a span { font-size:28px; line-height:40px; }

#top .logo { width:342px; }
#top .search_bar { bottom:18px; }

#menu .menu_area ul.menu_list > li > a.lv1 { padding:8px 10px; font-size:16px; }
#menu .menu_area ul.dropdown_menu > li > a.lv2 { padding:5px 10px; font-size:14px; }
#menu .menu_area ul.sub_dropdown_menu > li > a.lv3 { padding:5px 10px; font-size:14px; }

#banner .title_area { bottom:28px; }
#banner .title_area .page_title h2 { padding:14px 26px; font-size:38px; }

#main .left_side { -ms-flex:0 0 260px; flex:0 0 260px; max-width:260px; padding-right:20px; }

#main .filter_area { position:static; width:100%; padding-bottom:30px; text-align:right; }

#footer .contact_info { display:block; }
#footer .contact_info .col { padding:8px 10px; box-sizing:border-box; }

#footer .copyright { font-size:14px; }
}

@media screen and (max-width: 980px){
/* desktop to ipad */
#wrap .container { max-width:768px; }

#top .logo { width:292px; }
#top .toolbar { display:none; }
#top .search_bar { display:none; }
#top .mobile_btn { display:block; }

#menu { position:fixed; left:-280px; top:0; z-index:5100; display:block; width:280px; height:100%; padding:0; background-color:#f7f7f7; border-bottom: none; box-sizing:border-box; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; }
#menu .container { height:100%; padding:0; }
#menu .menu_area { display:block; width:100%; height:100%; overflow-x:hidden; overflow-y:scroll; -webkit-overflow-scrolling:touch; }
#menu .menu_area ul.menu_list { display:block; width:100%; padding:0 !important; margin:0; position:static; }
#menu .menu_area ul.menu_list > li { display:block; border-bottom:1px solid #272727; padding:0; box-sizing:border-box; }
#menu .menu_area ul.menu_list > li.mobile_only { display:block; }

#menu .menu_area ul.menu_list > li > a.lv1 { display:block; padding:15px 50px 15px 15px; background-color:#ffc600; box-sizing:border-box; text-align:left; font-size:18px; color:#272727; font-weight:600; line-height:normal; }
#menu .menu_area ul.menu_list > li > a.lv1 i { position:absolute; right:0; top:0; display:block; width:50px; height:50px; text-align:center; line-height:50px; font-size:20px; color:#272727; font-style:normal; transition:all 0.3s ease; }
#menu .menu_area ul.menu_list > li > a.lv1 i:before { position:absolute; left:50%; top:50%; content:""; width:0; height:0; margin-left:-4px; margin-top:-6px; border-style:solid; border-width:6px 0 6px 8px; border-color:transparent transparent transparent #272727; }
#menu .menu_area ul.menu_list > li.openDrop > a.lv1 i { transform:rotate(90deg); }

#menu .menu_area ul.dropdown_menu { width:100%; position:static; background-color:#f7f7f7; padding:0; border-top:1px solid #272727; box-shadow:none; display:none; }
#menu .menu_area ul.dropdown_menu > li { display:block; position:relative; border-bottom:1px solid #cccccc; }
#menu .menu_area ul.dropdown_menu > li:last-child { border-bottom:none; }
#menu .menu_area ul.dropdown_menu > li > a.lv2 { display:block; padding:12px 50px 12px 15px; color:#272727; }
#menu .menu_area ul.dropdown_menu > li > a.lv2 i { position:absolute; right:0; top:50%; display:block; width:50px; height:41px; text-align:center; line-height:41px; font-size:20px; color:#272727; font-style:normal; transition:all 0.3s ease; transform:translateY(-50%) rotate(0deg); }
#menu .menu_area ul.dropdown_menu > li > a.lv2 i:before { position:absolute; left:50%; top:50%; content:""; width:0; height:0; margin-left:-4px; margin-top:-6px; border-style:solid; border-width:6px 0 6px 8px; border-color:transparent transparent transparent #272727; }
#menu .menu_area ul.dropdown_menu > li.openDrop > a.lv2 i { transform:translateY(-50%) rotate(90deg); }

#banner .title_area { bottom:16px; }
#banner .title_area .page_title h2 { padding:12px 20px; font-size:32px; }
#banner .title_area .title_bg { padding-left:20px;}
#banner .title_area .title_bg svg.polygon_bg_left { width:20px;  }

#main .left_side { -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; padding-right:0; margin-bottom: 20px; }
#main .left_side .left_menu { display:none; }
#main .left_side .left_select { display:block; }

#main .right_side { -ms-flex:0 0 100%; flex:0 0 100%; width:100%; }

.section_area.about_section .section_header .section_triangle { display: none; }
.section_area.news_section .section_header .section_triangle { display: none; }
.expertise_row .expertise_cate { padding:9px 19px 8px 19px; position: relative; top: 0; }

#footer .copyright ul { -ms-flex: 0 0 100%; flex: 0 0 100%; width:100%; padding-bottom:12px; }
#footer .copyright ul li:last-child:after { display:none; }

.openResponsive { height:100%; }
.openResponsive body { overflow:hidden; }
.openResponsive #wrap { left:280px; }
.openResponsive #wrap .overlay { width:100%; height:100%; opacity:1; transition:opacity 0.5s ease; -webkit-transition:opacity 0.5s ease; -moz-transition:opacity 0.5s ease; transition-delay:0; }
.openResponsive #menu { left:0; }
}

@media screen and (max-width: 767px){
/* ipad to iphone 6 plus */
body { font-size:14px; }

select { height:36px; font-size:13px; }

.select_area select { padding-left:16px; }

#wrap .container { max-width:none; }
#wrap .back_to_top { right:15px; }

#top .logo { width:242px; padding:16px 0; }

#banner .title_area { bottom:12px; }
#banner .title_area .page_title h2 { padding:8px 16px; font-size:28px; }
#banner .title_area .title_bg { padding-left:16px; }
#banner .title_area .title_bg svg.polygon_bg_left { width:16px;  }

#main .title_area { xpadding-left:35px; padding-bottom:14px; font-size:26px; }
#main .title_area span { top:6px; width:20px; height:20px; }
#main .title_area span:before { border-width:5px 5px 0 0; }

/* #main .common_content { padding:0 15px; } */

#main .filter_area { display: block; }
#main .filter_area form { max-width: 100%; padding-right: 0; }
#main .filter_area .wrapPage { width: 100%; display: none; }

.section .section_triangle { display: none; }

#footer .contact_info { font-size:16px; }
#footer .contact_info .col { width:100%; padding-left:24px; padding-right:0; box-sizing:border-box; position:relative; }
#footer .contact_info .col i { position:absolute; left:0; top:10px; width:20px; padding-right:0; font-size:18px; text-align:center; }

#footer .copyright { -ms-flex-pack: center; justify-content: center; font-size:12px; }
#footer .copyright ul { -ms-flex-pack: center; justify-content: center; }
#footer .copyright p { -ms-flex: 0 0 100%; flex: 0 0 100%; width:100%; text-align:center; }
#footer .copyright p:last-child { text-align:center; }

.content .expPdf a { width: 280px; padding: 6px 20px; }
}

@media screen and (max-width: 620px){
#top .mobile_btn a { width:32px; height:32px; line-height:32px; }
#top .mobile_btn a span { font-size:24px; }

#menu { left:-250px; width:250px; }

#main .filter_area form { -ms-flex-pack:justify; justify-content:space-between; }
#main .filter_area .search_field { -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; margin-bottom: 16px; }
#main .filter_area .select_area { -ms-flex:0 0 48%; flex:0 0 48%; max-width:48%; margin-left:0; }

.openResponsive #wrap { left:250px; }
}

@media screen and (max-width: 479px){
/* below iphone 6 plus */
#wrap .back_to_top { position:fixed !important; bottom:14px !important; }

#top .logo { width:192px; }

#banner .inner_banner .banner { xpadding:20px 0; }

#main .multipage { margin:0; }
#main .multipage a { display:none; }
#main .multipage .select_area { display:inline-block; max-width:120px; }
}

@media screen and (max-width: 413px){
#top .logo { width:162px; }

#footer .copyright { font-size:10px; }
}

@media screen and (max-width: 374px){

}

@media screen and (max-width: 319px){
#top .top_area { display:block; }

#top .mobile_btn { position:static; margin-top:0; padding-top:6px; text-align:center; }
#top .mobile_btn a { display:inline-block; vertical-align:top; width:auto; height:auto; padding:8px 15px; font-size:12px; line-height:normal; }
#top .mobile_btn a i { vertical-align:sub; padding-right:8px; font-size:20px; line-height:1; }

#menu { left:-100%; width:100%; }

.openResponsive #wrap { left:100%; }
}



/*-------------------------------------------------------------------------------------*/
/* INDEX */

@media screen and (max-width: 1219px){
.tabs_section .section_content ul li { padding-left:30px; font-size:24px; }
.tabs_section .section_content ul li span { -ms-flex:0 0 20px; flex:0 0 20px; max-width:20px; }

.about_section { -ms-flex: 0 0 296px; flex: 0 0 296px; max-width:296px; }
.about_section .section_info { height: 469px; padding-right:10px; padding-left:16px; }

.expertise_section { -ms-flex: 0 0 664px; flex: 0 0 664px; max-width:664px; }

.news_section .section_info { padding-left:20px; }
}

/* @media all and (-ms-high-contrast:none) and (max-width: 1219px){
.about_section { width:296px; }
.expertise_section { width:664px; }
} */

@media screen and (max-width: 980px){
.section .section_title { font-size: 30px; }

.tabs_section .section_content ul { -ms-flex-direction:column; flex-direction:column; -ms-flex-pack:center; justify-content:center; }
.tabs_section .section_content ul li { margin:8px 0; }

.about_section { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width:100%; }
.about_section .section_info { height:auto; }

.expertise_section { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width:100%; }

.news_section .section_header { -ms-flex:0 0 305px; flex:0 0 305px; max-width:305px; }

.section .section_header img { display: none; }
.section .section_header { height: 50px;}
.section .expertise_section .section_header { height: 12px;}
}

/* @media all and (-ms-high-contrast:none) and (max-width: 980px){
.section { display:block; }
.about_section { width:100%; }
.expertise_section { width:100%; }
} */

@media screen and (max-width: 767px){
.section .section_area { display:block; }
.section .section_area.about_section .section_title { display: block; z-index: 1000; position: relative; padding-top: 10px; }
.section .section_area.news_section .section_title { display: block; z-index: 1000; position: relative; padding-top: 10px; }
.section .section_box { display:block; background-color: #f7f7f7; }
.section .section_header { height:auto; }
/* .section .section_header img { display:block !important; } */
.section .section_title { font-size: 28px; }
.section .section_more { padding-left:15px; padding-right:15px; }
.section .section_more a { font-size: 10px; }

.tabs_section .section_content ul li { padding-left:24px; font-size:20px; }
.tabs_section .section_content ul li span { -ms-flex:0 0 18px; flex:0 0 18px; max-width:18px; }

.about_section .section_info { padding-right:15px; padding-left:15px; font-size:14px; }

.expertise_section .section_info { padding-bottom: 0; }
.expertise_section .section_more { position:static; padding-bottom:14px; }

.expertise_row { display:block; -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; }
.expertise_row .expertise_cate,
.expertise_row .expertise_list { border-left:none; }
.expertise_row .expertise_cate { position: static; padding-top: 10px; padding-left: 10px; font-size: 28px; }
.expertise_row .expertise_list { padding-left:15px; padding-right:15px; margin-bottom: 24px; }
.expertise_row .expertise_list ul li { font-size:14px; }
.expertise_row .expertise_list ul li:before { top:7px; }

.news_section .section_box { -ms-flex-direction:column; flex-direction:column; }
.news_section .section_header { -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; }
.news_section .section_info { padding: 20px 15px 0 15px; }
.news_section .section_content { -ms-flex:0 0 100%; flex:0 0 100%; width:100%; overflow:visible; }
.news_section .section_more { position:static; padding-bottom:14px; }

.index_news_list .news_title { white-space: unset; overflow:visible; text-overflow:none;  }
}

@media screen and (max-width: 413px){
.tabs_section .section_content ul li { -ms-flex:0 0 100%; flex:0 0 100%; width:100%; font-size: 18px; }

.expertise_row .expertise_list { -webkit-column-count:1; -moz-column-count:1; column-count:1; }
}


/*-------------------------------------------------------------------------------------*/
/* OUR PEOPLE */

@media screen and (max-width: 1219px){
.staff_list .staff { xpadding:20px 40px; }
.staff_list .staff:before { border-width:34px 34px 0 0; }
.staff_list .staff_photo { margin-right:20px; }
.staff_list .staff_photo:before { border-width:38px 30px 0 0; }

.staff_detail .staff_detail_photo:before { border-width:38px 30px 0 0; }
}

@media screen and (max-width: 980px){
.staff_list .staff { xpadding:20px; }
.staff_list .staff_photo { -ms-flex:0 0 194px; flex:0 0 194px; max-width:194px; margin-right:15px; }
.staff_list .staff_info .staff_name { flex:none; }
.staff_list .staff_info .staff_data { flex:none; max-width: 100%; }
.staff_list .staff_info .staff_data table td a { word-break: break-all; word-wrap: break-word; }

.staff_detail .staff_detail_photo { -ms-flex:0 0 194px; flex:0 0 194px; max-width:194px; margin-right:20px; }
.staff_detail .staff_detail_info { display:block; -ms-flex:1 0 0%; flex:1 0 0%; -ms-flex-line-pack:start; align-self:flex-start; }
.staff_detail .staff_detail_intro { -ms-flex:0 0 100%; flex:0 0 100%; width:100%; max-width:100%; }
.staff_detail .staff_detail_intro h3 { padding-bottom:12px; font-size:36px; }
.staff_detail .staff_detail_intro h4 { padding-top:20px; font-size:26px; }
.staff_detail .staff_detail_data { -ms-flex:0 0 100%; flex:0 0 100%; width:100%; max-width:100%; padding-top:20px; }
}

@media screen and (max-width: 767px){
.adv_search_area .adv_search_form .form_row { -ms-flex:0 0 50%; flex:0 0 50%; max-width:50%; }

.staff_list .staff_photo { -ms-flex:0 0 144px; flex:0 0 144px; max-width:144px; }
.staff_list .staff_info h3 { font-size:28px; }
.staff_list .staff_info h4 { font-size:22px; }
.staff_list .staff_info table { font-size:15px; }
.staff_list .staff_more { -ms-flex:0 0 100%; flex:0 0 100%; width:100%; max-width:100%; padding-top:20px; margin:0; }
.staff_list .staff_more a { padding:8px 20px; font-size:14px; }

.staff_detail .staff_detail_photo { -ms-flex:0 0 144px; flex:0 0 144px; max-width:144px; }
.staff_detail .staff_detail_info h3 { font-size:32px; }
.staff_detail .staff_detail_info p { font-size:20px; }
.staff_detail .staff_detail_data table { font-size:15px; }

.staff_detail .staff_detail_section { padding:16px 30px; }
.staff_detail .staff_detail_section_title { font-size:24px; }
.staff_detail .staff_detail_section_title span { left:-30px; top:6px; width:20px; height:20px; }

.staff_detail .staff_detail_btn a { padding:6px 38px 6px 18px; }
.staff_detail .staff_detail_btn a:after { right:8px; }
}

@media screen and (max-width: 479px){
.adv_search_area .adv_search_btn { display:block; }
.adv_search_area .adv_search_form { display:none; padding-top:20px; }

.staff_list .staff { xpadding:15px; }
.staff_list .staff_photo { -ms-flex:0 0 114px; flex:0 0 114px; max-width:114px; margin-right:10px; }
.staff_list .staff_data table td:first-child { width: 70px; }
.staff_list .staff_more { padding-top:15px; }

.staff_detail .staff_detail_photo { -ms-flex:0 0 114px; flex:0 0 114px; max-width:114px; margin-right:15px; }
.staff_detail .staff_detail_data { padding-top:15px; }

.staff_detail .staff_detail_section { padding:16px 20px; }
.staff_detail .staff_detail_section_title { xmargin-left:30px; xmargin-right:30px; }
}

@media screen and (max-width: 413px){
.staff_list .staff { xpadding:15px; -ms-flex-pack:center; justify-content:center; }
.staff_list .staff_photo { -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; margin-right:0; margin-bottom:15px; }
.staff_list .staff_info { -ms-flex:0 0 100%; flex:0 0 100%; width:100%; max-width:100%; }

.staff_detail .staff_detail_header { -ms-flex-pack:center; justify-content:center; }
.staff_detail .staff_detail_photo { -ms-flex:0 0 144px; flex:0 0 144px; max-width:144px; margin-right:0; margin-bottom:15px; }
.staff_detail .staff_detail_info { display:block; -ms-flex:0 0 100%; flex:0 0 100%; width:100%; max-width:100%; padding:16px 20px; box-sizing: border-box; }
}

/*-------------------------------------------------------------------------------------*/
/* NEWS */

@media screen and (max-width: 1219px){
.news_list .news { xpadding:20px; }
.news_list .news:before { border-width:34px 34px 0 0; }

.news_detail .news_detail_header { padding:0 20px 16px 20px; }
.news_detail .news_detail_desc { padding:20px; }
}

@media screen and (max-width: 980px){
.news_list .news_photo { -ms-flex:0 0 200px; flex:0 0 200px; max-width:200px; margin-right:10px; }

.news_detail .news_detail_header { padding:0 15px 16px 15px; }
.news_detail .news_detail_desc { padding:20px 15px; }
}

@media screen and (max-width: 767px){
.news_list .news_photo { -ms-flex:0 0 180px; flex:0 0 180px; max-width:180px; }
.news_list .news_info { font-size:15px; }
.news_list .news_info h4 { font-size: 18px; }
.news_list .news_desc { font-size:15px; }
.news_list .news_btn a { font-size:10px; }

.news_list+.wrapPage { display: block; }

.news_detail .news_detail_title { font-size:21px; }
.news_detail .news_detail_date { font-size:18px; }
.news_detail .news_detail_back a { font-size:14px; }
}

@media screen and (max-width: 559px){
.news_list .news_photo { -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; margin-right:0; margin-bottom:20px; }
.news_list .news_info { -ms-flex:0 0 100%; flex:0 0 100%; width:100%; max-width:100%; padding-left: 10px; }
}

@media screen and (max-width: 479px){
.news_list .news_footer { display: block; }
.news_list .news_article { width: 100%; }
.news_list .news_btn { width: 100%; padding-top: 14px; }
}

/*-------------------------------------------------------------------------------------*/
/* SEARCH */

@media screen and (max-width: 767px){
.search_list .news_info h4 { font-size: 18px; }

.search_intro { font-size: 13px; }
}

@media screen and (max-width: 559px){
.search_list .news_info { padding-left: 0; }	
}

/*-------------------------------------------------------------------------------------*/
/* EDITOR CONTENT */

@media screen and (max-width: 980px){
.editor_content { }
.editor_content img { width:auto !important; height:auto !important; }
.editor_content table { xwidth:auto !important; max-width:100%; }
.editor_content iframe { max-height:calc(30vh) }
.editor_content a[href^="http:"],
.editor_content a[href^="https:"],
.editor_content a[href^="mailto:"] { word-break:break-all; }
}

@media screen and (max-width: 767px){
.editor_content { font-size:14px; }
}