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

html, body { margin:0px; }

body { width:100%; font-size-adjust:100%; -webkit-text-size-adjust:100%; box-sizing:border-box; position:relative; color:#000000; font-size:16px; font-family:'Helvetica Neue', '微軟正黑體', 'Microsoft JhengHei', sans-serif; xfont-family:'Lato', '微軟正黑體', 'Microsoft JhengHei', sans-serif; }

a { outline:none; text-decoration:none; }

ul, ol { list-style:none; margin:0; padding:0; }
li { vertical-align:top; }

h1, h2, h3, h4, h5, h6 { font-family:'Helvetica Neue Condensed', '微軟正黑體', 'Microsoft JhengHei', sans-serif; xfont-family:'PT Sans', '微軟正黑體', 'Microsoft JhengHei', sans-serif; }

h1, h2, h3, h4, h5, h6, p { padding:0; margin:0; }

img { border:none; }

.object_fit_photo img { width:100%; height:100%; object-fit:cover; }
.object_fit_photo.compat-object-fit { background-repeat:no-repeat; background-position:center center; background-size:cover; }

.object_fit_contain img { width:100%; height:100%; object-fit:contain; }
.object_fit_contain.compat-object-fit { background-repeat:no-repeat; background-position:center center; background-size:contain; }
.object_fit_contain.compat-object-fit img { display:none; }

input, select, textarea, button { -webkit-appearance:none; appearance:none; font-family:Arial, Helvetica, '微軟正黑體', 'Microsoft JhengHei', sans-serif; }

select { display:inline-block; vertical-align:top; width:100%; height:40px; padding:0 10px; border:0; border-left:3px solid #322a28; background-color:#ffffff; border-radius:0; box-sizing:border-box; box-shadow:3px 3px 5px rgba(0,0,0,0.17); font-size:15px; color:#666666; }
select::-ms-expand { display:none; }
.select_area { display:inline-block; vertical-align:top; width:100%; background-color:#ffffff; border-radius:0; position:relative; cursor:pointer; }
.select_area:before { position:absolute; right:12px; top:50%; z-index:1; content:""; width:0; height:0; border-style:solid; border-width:6px 5px 0 5px; border-color:#666666 transparent transparent transparent; transform:translateY(-50%); }
.select_area select { background-color:transparent; position:relative; z-index:2; padding:0 32px 0 26px; margin:0; -webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer; }

button, input[type=submit], input[type=reset], input[type=button] { -webkit-appearance:none; -moz-appearance:none; appearance:none; }

/* ---------------- clear fix ---------------- */

.clearfix:after { content:"."; display:block; clear:both; visibility:hidden; xline-height:0; height:0; font-size:0; }
.clearfix { display:inline-block; }
html[xmlns] .clearfix { display:block; }
* html .clearfix { height:1%; }

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

#wrap { width:100%; background-color:#ffffff; box-sizing:border-box; position:relative; left:0; z-index:1000; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; }
#wrap .container { width:100%; max-width:1200px; padding-left:15px; padding-right:15px; margin:0px auto; position:relative; box-sizing:border-box; display:block; }
#wrap .overlay { position:absolute; left:0; top:0; z-index:5000; width:0; height:0; background-color:rgba(0,0,0,0.3); opacity:0; transition-delay:0.3s; -webkit-transition-delay:0.3s; -moz-transition-delay:0.3s; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:moz-none; -ms-user-select:none; user-select:none; }

#wrap .back_to_top { position:fixed; right:25px; bottom:14px; display:none; z-index:999; }
#wrap .back_to_top.overFooterOnBottom { position:fixed !important; bottom:14px !important; }
#wrap .back_to_top a { display:block; width:66px; height:60px; background-color:#272727; border-radius:4px; box-sizing:border-box; text-align:center; color:#ffc600; transition:all 0.2s ease; }
#wrap .back_to_top a:hover { }
#wrap .back_to_top a span { font-size:40px; line-height:60px; }

#top { background-color: #ffffff; position:relative; }
#top .logo { float:left; width: 392px; padding-top:46px; padding-bottom:36px; }
#top .logo img { width: 100%; display: block; }

#top .toolbar { position: absolute; right: 8px; top: 0; }
#top .toolbar ul { display: -ms-flexbox; display: flex; }
#top .toolbar ul li { -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-item-align: center; align-self: center; padding-right: 4px; font-size: 13px; color: #322a28; }
#top .toolbar ul li:first-child { padding-right:8px; }
#top .toolbar ul li i { vertical-align:sub; padding-right:6px; font-size:22px; }
#top .toolbar ul li a { display:block; width:36px; height:36px; background-color:#272727; border-radius:0 0 4px 4px; text-align:center; font-size: 15px; color: #ffffff; line-height: 36px; }
#top .toolbar ul li a:hover { }

#top .search_bar { position:absolute; right:12px; bottom:26px; width:270px; }
#top .search_bar form { display:block; position:relative; }
#top .search_bar input[type=text] { width:100%; height:34px; padding:0 36px 0 16px; background-color:#ffffff; border:1px solid #a9a9a9; border-radius:4px; box-sizing:border-box; font-style:italic; }
#top .search_bar button { position:absolute; right:0; top:50%; width:32px; height:100%; background:none; border:none; transform:translateY(-50%); outline:none; cursor:pointer; }
#top .search_bar button:before { position:absolute; right:100%; top:50%; content:""; width:2px; height:60%; background-color:#ffc600; transform:translateY(-50%); font-size:18px; }

#top .mobile_btn { position:absolute; right:15px; top:50%; z-index:110; display:none; transform:translateY(-50%); }
#top .mobile_btn a { display:block; width:40px; height:40px; background-color:#272727; border:none; box-sizing:border-box; border-radius:6px; text-align:center; text-transform:uppercase; font-weight:700; font-size:0; color:#ffffff; line-height:40px; }
#top .mobile_btn a span { font-size:28px; line-height:inherit; }
#top .mobile_btn a:hover { text-decoration:none; }

/*
john 2019.12.31 edit
#menu { background-color:#ffc600; border-bottom:2px solid #dddddd; }
*/
#menu { position:relative; border-bottom:6px solid #ffc600; }
#menu .menu_area { width:100%; }
#menu .menu_area ul.menu_list { display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -ms-flex-pack:center; justify-content:center; width:100%; }
#menu .menu_area ul.menu_list > li { -ms-flex:0 0 auto; flex:0 0 auto; position:relative; }
#menu .menu_area ul.menu_list > li.mobile_only { display:none; }
#menu .menu_area ul.menu_list > li > a.lv1 { display: block; padding:6px 15px; position:relative; box-sizing:border-box; font-size:18px; color:#272727; font-weight:700; transition:all 0.3s ease; }
#menu .menu_area ul.menu_list > li > a.lv1 i { padding-left: 3px; vertical-align: bottom; font-size: 16px; transform: scaleX(0.7); }
#menu .menu_area ul.menu_list > li:hover > a.lv1,
#menu .menu_area ul.menu_list > li > a.lv1.active,
#menu .menu_area ul.menu_list > li > a.lv1:hover { background-color:#ffc600; }

/*john 2020-1-17 edit padding */
/*#menu .menu_area ul.dropdown_menu { position:absolute; left:0; top:100%; z-index:10; width:220px; min-width:100%; padding:10px 0 6px 0; background-color:rgba(255,198,0,0.8); box-sizing:border-box; box-shadow:3px 3px 3px rgba(0,0,0,0.3); }*/
#menu .menu_area ul.dropdown_menu { position:absolute; left:0; top:100%; z-index:10; width:230px; min-width:100%; padding:10px 0 6px 0; background-color:rgba(255,198,0,0.8); box-sizing:border-box; box-shadow:3px 3px 3px rgba(0,0,0,0.3); }

#menu .menu_area ul.dropdown_menu > li { display:block; text-align:left; position:relative; }

/*john 2020-1-17 edit padding */
/*#menu .menu_area ul.dropdown_menu > li > a.lv2 { display:block; width:100%; padding:5px 16px; background-color:transparent; box-sizing:border-box; position:relative; font-size:18px; color:#322a28; font-weight:700; transition:all 0.3s ease; }*/

#menu .menu_area ul.dropdown_menu > li > a.lv2 { display:block; width:100%; padding:5px 14px; background-color:transparent; box-sizing:border-box; position:relative; font-size:18px; color:#322a28; font-weight:700; transition:all 0.3s ease; }

#menu .menu_area ul.dropdown_menu > li > a.lv2 i { position:absolute; right:16px; top:50%; transform:translateY(-50%); }
#menu .menu_area ul.dropdown_menu > li:hover > a.lv2,
#menu .menu_area ul.dropdown_menu > li > a.lv2:hover { background-color:#4f4f4f; color:#ffc600; }
/*john 2019 12 23 add*/
#menu .menu_area ul.sub_dropdown_menu { position:absolute; left:100%; top:0; z-index:10; width:220px; min-width:100%; background-color:rgba(255,198,0,0.8); box-sizing:border-box; box-shadow:3px 3px 3px rgba(0,0,0,0.3); }
#menu .menu_area ul.sub_dropdown_menu > li { display:block; text-align:left; position:relative; }
#menu .menu_area ul.sub_dropdown_menu > li > a.lv3 { display:block; width:100%; padding:5px 16px; background-color:transparent; box-sizing:border-box; position:relative; font-size:18px; color:#322a28; font-weight:700; transition:all 0.3s ease; }
#menu .menu_area ul.sub_dropdown_menu > li > a.lv3 i { position:absolute; right:16px; top:50%; transform:translateY(-50%); }
#menu .menu_area ul.sub_dropdown_menu > li > a.lv3:hover { background-color:#4f4f4f; color:#ffc600; }

#menu .menu_area ul.sub_dropdown_menu > li > a.lv4 { display:block; width:100%; padding:5px 16px; background-color:transparent; box-sizing:border-box; position:relative; font-size:18px; color:#322a28; font-weight:700; transition:all 0.3s ease; }
#menu .menu_area ul.sub_dropdown_menu > li > a.lv4:hover { background-color:#4f4f4f; color:#ffc600; }
/*john 2019 12 23 add*/
#menu .menu_area ul.menu_list:last-child > li:last-child > ul.dropdown_menu { left:auto; right:0; }
#menu .menu_area .fallback { display:none; }

#banner { position:relative; border-bottom:6px solid #ffc600; }
#banner .banner_show { width:100%; }
#banner .banner { width:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; position:relative; display:block; }
#banner .banner img { width:100%; display:block; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:moz-none; -ms-user-select:none; user-select:none; }
#banner .banner img.mobile_only { display: none; }

#banner .title_area { position:absolute; left:0; bottom:42px; width:100%; display: none; }
#banner .title_area .page_title { display:inline-block; vertical-align:top; position:relative; }
#banner .title_area .page_title h2 { display:block; padding:18px 33px; position:relative; font-size:44px; color:#ffffff; font-family:'Helvetica Neue', '微軟正黑體', 'Microsoft JhengHei', sans-serif; }
#banner .title_area .title_bg { position:absolute; left:0; top:0; width:100%; height:100%; padding-left:27px; box-sizing:border-box; }
#banner .title_area .title_bg svg { width:100%; height:100%; fill:rgba(0,0,0,0.59); }
#banner .title_area .title_bg svg.polygon_bg_left { position:absolute; left:0; top:0; width:27px;  }

#banner .about_us_banner { background-image:url(../img/inner_banner/hwbaboutus.jpg); }
#banner .our_expertise_banner { background-image:url(../img/inner_banner/hwourexpertise.jpg); }
#banner .our_people_banner { background-image:url(../img/inner_banner/hwourpeople.jpg); }
#banner .news_banner { background-image:url(../img/inner_banner/hwnews.jpg); }
#banner .careers_banner { background-image:url(../img/inner_banner/hwcareers.jpg); }
#banner .community_banner { background-image:url(../img/inner_banner/hwcommunity.jpg); }
#banner .contact_us_banner { background-image:url(../img/inner_banner/hwcontactus.jpg); }
#banner .terms_of_use_banner { background-image:url(../img/inner_banner/terms_of_use.html); }
#banner .privacy_policy_banner { background-image:url(../img/inner_banner/privacy_policy.html); }
#banner .sitemap_banner { background-image:url(../img/inner_banner/sitemap.html); }

#main { width:100%; position:relative; display:block; overflow:hidden; }
#main .content_area { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; padding-bottom: 40px; padding-top: 40px; }
#main .left_side { -ms-flex:0 0 336px; flex:0 0 336px; width:100%; max-width:336px; padding-right:30px;  box-sizing:border-box; }
#main .left_side .left_menu { width:100%; }
#main .left_side .left_menu > ul { position:relative; }
#main .left_side .left_menu > ul > li { position:relative; margin-bottom:12px; }
#main .left_side .left_menu > ul > li > a { display:block; padding:8px 44px 8px 18px; background-color:#272727; position:relative; font-size:20px; color:#ffc600; font-weight: bold; transition:all 0.3s ease; }
#main .left_side .left_menu > ul > li > a:before { position:absolute; left:0; top:0; content:""; width:0; height:0; border-style:solid; border-width:14px 16px 0 0; border-color:#ffffff transparent transparent transparent; }
#main .left_side .left_menu > ul > li > a i { position:absolute; right:20px; top:50%; font-size:20px; transform:translateY(-50%); }

#main .left_side .left_menu > ul > li.drop_cate { background-color: #f7f7f7; }
#main .left_side .left_menu > ul > li.drop_cate > a:after { position:absolute; right:18px; top:44%; content:"+"; font-size:26px; color:#ffc600; transform:translateY(-50%); }
#main .left_side .left_menu > ul > li.drop_cate > a:hover:after { color: #272727; }
#main .left_side .left_menu > ul > li.drop_cate > a.active:after { content:"-"; color: #272727; }

#main .left_side .left_menu > ul ul { padding-top:19px; padding-bottom:22px; margin-left:16px; display:none; }
#main .left_side .left_menu > ul ul li { padding-bottom:4px; position:relative; }

#main .left_side .left_menu > ul ul li a { display: block; padding:2px 0 2px 18px; position: relative; font-size:15px; color:#000000; font-weight:300; transition:all 0.3s ease; }
#main .left_side .left_menu > ul ul li a:before { position:absolute; left:4px; top:6px; content:""; width:0; height:0; border-style:solid; border-width:5px 0 5px 8px; border-color:transparent transparent transparent #ffda00; }
#main .left_side .left_menu > ul ul li a.active,
#main .left_side .left_menu > ul ul li a:hover { background-color: #ffda00; }

#main .left_side .left_menu > ul > li > a.active, 
#main .left_side .left_menu > ul > li > a:hover { background-color:#ffc600; color: #272727; }

#main .left_side .left_menu > ul ul.lv3ul { display: block; }
#main .left_side .left_menu > ul ul.lv3ul li a { color: grey; }

#main .left_side .left_menu a.active+ul { display:block; }

#main .left_side .left_menu ul.lv3ul { padding-top: 16px; padding-bottom: 0; }
#main .left_side .left_menu a.active + ul.lv3ul { display: block; }

#main .left_side .left_search { width:100%; padding-bottom:28px; }
#main .left_side .left_search form { display:block; width:100%; position:relative; }
#main .left_side .left_search input[type=text] { width:100%; height:40px; padding:0 42px 0 14px; background-color:#ffffff; border:1px solid #d1d1d1; border-radius:0; box-shadow:inset 3px 3px 5px rgba(0,0,0,0.1); box-sizing:border-box; font-size:15px; color:#666666; }
#main .left_side .left_search button { position:absolute; right:6px; top:50%; width:32px; height:100%; background:none; border:none; font-size:20px; color:#666666; line-height:1; transform:translateY(-50%); outline:none; cursor:pointer; }

#main .left_side .left_select { width:100%; box-sizing:border-box; text-align:right; display:none; }
#main .left_side .left_select select { width:100%; height:36px; padding:0 30px 0 20px; border:1px solid #cccccc; border-radius:0; }
#main .left_side .left_select .select_area:before { right:14px; }

#main .right_side { -ms-flex:1 0 0%; flex:1 0 0%; width: auto; max-width: 100%; padding: 12px 30px; background-color: #f7f7f7; box-sizing: border-box; xoverflow:hidden; }
#main .right_side.marginCenter {-ms-flex: 0 0 926px; flex: 0 0 926px; max-width: 100%; margin: 0 auto; }
#main .right_side.maxWidth { -ms-flex: 0 0 1060px; flex: 0 0 1060px; max-width: 1060px; }
#main .right_side.noBg { background-color: transparent; }
#main .right_side.noPadding { padding: 0; }

#main .title_area { padding-bottom:18px; position:relative; font-size:31px; color:#322a28; font-weight:700; }
/*
#main .title_area { padding-left:38px; padding-bottom:18px; border-bottom:2px solid #d3d2d1; margin-bottom:28px; position:relative; font-size:31px; color:#322a28; font-weight:700; text-transform:uppercase; }
*/
#main .title_area h3 { font-size:31px; }
#main .title_area span { position:absolute; left:0; top:8px; width:23px; height:23px; background-color:#ffc600; }
#main .title_area span:before { position:absolute; left:0; top:0; content:""; width:0; height:0; border-style:solid; border-width:8px 8px 0 0; border-color:#ffffff transparent transparent transparent; }
#main .content { width: 100%; position: relative; display: block; }
#main .common_content { xpadding-left:38px; box-sizing:border-box; }

#main .filter_area { display:-ms-flexbox; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: justify; justify-content: space-between; width: 100%; padding-bottom: 14px; }
#main .filter_area form { -ms-flex:0 0 462px; flex:0 0 462px; width: 100%; max-width: 462px; display:-ms-flexbox; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: start; align-content: flex-start; padding-bottom: 10px; padding-right: 10px; box-sizing: border-box; }

#main .filter_area .search_field { -ms-flex:0 0 180px; flex:0 0 180px; width:100%; max-width:180px; position: relative; }
#main .filter_area .search_field input[type=text] { width:100%; height:30px; padding:0 42px 0 10px; background-color:#ffffff; border:1px solid #d1d1d1; border-radius:0; box-shadow:inset 3px 3px 5px rgba(0,0,0,0.1); box-sizing:border-box; font-size:14px; color:#666666; }
#main .filter_area .search_field button { position:absolute; right:0; top:50%; width:32px; height:100%; background:none; border:none; font-size:16px; color:#666666; line-height:1; transform:translateY(-50%); outline:none; cursor:pointer; }

#main .filter_area select { -ms-flex:0 0 180px; flex:0 0 180px; width:100%; max-width:180px; height: 30px; margin-left:16px; box-shadow: none; font-size: 14px; }
#main .filter_area .select_area { -ms-flex:0 0 120px; flex:0 0 120px; width:100%; max-width:120px; margin-left:16px; }
#main .filter_area .select_area select { -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; padding-left: 10px; border: 1px solid #d1d1d1; margin-left:0; }

#main .filter_area .wrapPage { -ms-flex:0 0 auto; flex:0 0 auto; max-width: 100%; padding: 0 7px; }
#main .filter_area .multipage { padding-top: 0; }
#main .filter_area .pagination { margin: 0; }

#main .multipage { padding-top:22px; margin:0 -7px; font-size:0; text-align:right; }
#main .multipage a { display:inline-block; vertical-align:top; width:22px; height:22px; margin:0 2px; text-align:center; line-height:22px; font-size:14px; color:#000000; transition:all 0.2s ease; }
#main .multipage a.row,
#main .multipage a.back,
#main .multipage a.next { width:26px; margin:0 7px; background-color:#797979; color:#ffffff; }
#main .multipage a.onpage, 
#main .multipage a:hover { background-color:#990000; color:#ffffff; }
#main .multipage select { display:block; width:100%; height:36px; padding:0 12px; font-size:16px; color:#000000; background-color:#ffffff; border:1px solid #cccccc; border-radius:0; box-sizing:border-box; outline:none; }
#main .multipage .select_area { display:none; max-width:160px; }
#main .multipage .select_area:before { right:12px; }

#footer { background-color:#ffc600; }
#footer hr { height: 1px; margin: 0; border: none; background-color: #272727; }

#footer .contact_info { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: justify; justify-content: space-between; width: 100%; padding: 12px 0; position: relative; font-size:16px; color:#272727; }
#footer .contact_info .col { -ms-flex: 0 0 auto; flex: 0 0 auto; width:auto; padding:0 10px; box-sizing:border-box; }
#footer .contact_info .col i { padding-right:6px; font-size:18px; color:#272727; }
#footer .contact_info .col a { color:#272727; }

#footer .copyright { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: justify; justify-content: space-between; width: 100%; padding: 12px 0; position: relative; font-size:14px; color:#272727; }
#footer .copyright ul { display: -ms-flexbox; display: flex; -ms-flex: 0 0 auto; flex: 0 0 auto; }
#footer .copyright ul li { position:relative; padding:0 8px; }
#footer .copyright ul li:after { position:absolute; right:0; top:50%; content:""; width:1px; height:70%; background-color:#ffffff; transform:translateY(-50%); }
#footer .copyright ul li i { display:none; }
#footer .copyright p { -ms-flex: 0 0 auto; flex: 0 0 auto; padding:0 8px; box-sizing:border-box; }
#footer .copyright p:last-child { -ms-flex: 1 0 0%; flex: 1 0 0%; overflow:hidden; text-align:right; }
#footer .copyright a { color:#272727; display: inline-block; }
#footer .copyright a:hover { text-decoration:underline; }

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

.section { display: -ms-flexbox; display: flex; -ms-flex-wrap:wrap; flex-wrap:wrap; padding-bottom: 40px; position: relative; margin:0 -15px; }
.section .section_area { display: -ms-flexbox; display: flex; padding-left:15px; padding-right:15px; box-sizing:border-box; }
.section .section_box { display:-ms-flexbox; display:flex; -ms-flex-direction:column; flex-direction:column; width:100%; box-sizing:border-box; position:relative; }
.section .section_header { width:100%; height:197px; position:relative; }
.section .section_header img { display:block; width:100%; }
.section .section_triangle { position:absolute; left:0; top:0; width:0; height:0; border-style:solid; border-width:44px 44px 0 0; border-color:#ffffff transparent transparent transparent; }
.section .section_title { position:absolute; left:10px; bottom:0px; font-size: 33px; color: #ffc600; font-weight: 700; }
.section .section_content { -ms-flex:1 1 auto; flex:1 1 auto; min-height: 1px; position: relative; }
.section .section_info { display:block; padding-top:24px; padding-bottom:20px; }
.section .section_more { width:100%; padding:0 20px; box-sizing:border-box; text-align: right; }
.section .section_more a { display: inline-block; vertical-align: top; padding: 7px 9px; background-color: #ffc600; border: 1px solid #ffffff; font-size: 12px; color: #333333; font-weight:700; font-family:'Helvetica Neue Condensed', '微軟正黑體', 'Microsoft JhengHei', sans-serif; transition: all 0.3s ease; }
.section .section_more a:hover { }

.tabs_section { -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; max-width: 100%; padding-top:27px; display: none !important; }
.tabs_section .section_box { display:block; border:none; background-color:transparent; box-shadow:none; -ms-flex-direction:row; flex-direction:row; }
.tabs_section .section_content ul { display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -ms-flex-pack:justify; justify-content:space-between; -ms-flex-align:center; align-items:center; width:100%; }
.tabs_section .section_content ul li { -ms-flex:0 0 auto; flex:0 0 auto; padding-left:37px; margin:0 4px; box-sizing:border-box; position:relative; font-size:28px; color:#272727; font-weight:700; text-transform:uppercase; }
.tabs_section .section_content ul li span { position:absolute; left:0; top:50%; width:23px; background-color:#ffc600; transform:translateY(-50%); }
.tabs_section .section_content ul li span:before { content:""; width:100%; display:block; padding-top:100%; }
.tabs_section .section_content ul li span:after { position:absolute; left:0; top:0; content:""; width:0; height:0; border-style:solid; border-width:8px 8px 0 0; border-color:#ffffff transparent transparent transparent; }

.about_section { -ms-flex: 0 0 396px; flex: 0 0 396px; width: 100%; max-width:396px; padding-top:22px; }
.about_section .section_more { padding-bottom:14px; }
.about_section .section_info { height:339px; padding-right:12px; padding-left:24px; padding-bottom:14px; font-size:16px; color:#000000; line-height:1.5; }
.about_section .section_box { background-color:#f7f7f7; }

.about_info { display:block; height:100%; overflow:hidden; }

.about_info .mCSB_scrollTools { width:15px; }
.about_info .mCSB_scrollTools .mCSB_draggerRail { width: 3px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background-color:#dadada; }
.about_info .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width:100%; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background-color:#dadada; }

.expertise_section { -ms-flex: 0 0 804px; flex: 0 0 804px; width: 100%; max-width:804px; padding-top:22px; }
.expertise_section .section_info { display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -ms-flex-pack: justify; justify-content: space-between; width: 100%; padding:0; }
.expertise_section .section_content { display: -ms-flexbox; display: flex; }
.expertise_section .section_more { position:absolute; right:0; bottom:24px; width: auto; }

.expertise_row { display:-ms-flexbox; display:flex; -ms-flex-direction:column; flex-direction:column; -ms-flex:0 0 49%; flex:0 0 49%; width:100%; max-width:49%; box-sizing:border-box; position:relative; background-color:#f7f7f7; }
.expertise_row .expertise_cate { width:100%; xpadding:9px 19px 8px 19px; xbackground-color:#322a28; xborder-left:1px solid #ffffff; box-sizing:border-box; position:absolute; left:10px; top:-41px; font-size: 33px; color: #ffc600; font-weight: 700; font-family: 'Helvetica Neue Condensed', '微軟正黑體', 'Microsoft JhengHei', sans-serif; }
.expertise_row .expertise_list { -ms-flex:1 1 auto; flex:1 1 auto; padding-top:12px; padding-left:20px; padding-bottom: 12px; -webkit-column-count:2; -moz-column-count:2; column-count:2; }
.expertise_row .expertise_list ul { }
.expertise_row .expertise_list ul li { position:relative; padding:8px 10px 8px 14px; box-sizing:border-box; font-size:15px; color:#000000; font-weight: 300; xline-height:1.75; }
.expertise_row .expertise_list ul li:before { position:absolute; left:0; top:11px; content:""; width:0; height:0; border-style:solid; border-width:5px 0 5px 8px; border-color:transparent transparent transparent #ffda00; }

/*yyy*/
.expertise_list ul li a{color:black;};

.expertise_row:first-child .expertise_cate,
.expertise_row:first-child .expertise_list { border-left:none; }

.news_section { -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; max-width:100%; padding-top:28px; }
.news_section .section_box { -ms-flex-direction:row; flex-direction:row; background-color:#f7f7f7; }
.news_section .section_header { -ms-flex:0 0 365px; flex:0 0 365px; width:100%; max-width:365px; }
.news_section .section_info { padding:7px 124px 0 30px; }
.news_section .section_content { -ms-flex: 1 0 0%; flex: 1 0 0%; overflow:hidden; }
.news_section .section_more { position:absolute; right:0; bottom:20px; }

.index_news_list { width:100%; }
.index_news_list .news_item { display:block; padding:8px 0; }
.index_news_list .news { width:100%; padding-left:14px; box-sizing:border-box; position:relative; font-size:16px; color:#000000; line-height:1.3; }
.index_news_list .news:before { position:absolute; left:0; top:6px; content:""; width:0; height:0; border-style:solid; border-width:5px 0 5px 8px; border-color:transparent transparent transparent #ffda00; }
.index_news_list .news_title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  }
.index_news_list .news_date { }

/* @media all and (-ms-high-contrast:none){
.section { display: -ms-grid; display: grid; }
.tabs_section { -ms-grid-row: 1; -ms-grid-column: 1; -ms-grid-column-span: 2; grid-column: 1 / span 2; grid-row: 1; width: 100%; }
.about_section { -ms-grid-row: 2; -ms-grid-column: 1; grid-column: 1; grid-row: 2; width:396px; }
.expertise_section { -ms-grid-row: 2; -ms-grid-column: 2; grid-column: 2; grid-row: 2; width:804px; }
.news_section { -ms-grid-row: 3; -ms-grid-column: 1; -ms-grid-column-span: 2; grid-column: 1 / span 2; grid-row: 3;  width:100%; }
} */

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

.adv_search_area { padding-bottom:38px; }
.adv_search_area .adv_search_form { width:100%; }
.adv_search_area .adv_search_form form { display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin:-7px; }
.adv_search_area .adv_search_form .form_row { -ms-flex:0 0 25%; flex:0 0 25%; width:100%; max-width:25%; padding:7px; box-sizing:border-box; }
.adv_search_area .adv_search_form .form_row input[type=text] { width:100%; height:40px; padding:0 42px 0 14px; background-color:#ffffff; border:1px solid #d1d1d1; border-radius:0; box-shadow:inset 3px 3px 5px rgba(0,0,0,0.1); box-sizing:border-box; font-size:15px; color:#666666; }

.adv_search_area .adv_search_btn { display:none; width:100%; }
.adv_search_area .adv_search_btn a { display:block; width:100%; padding:6px 58px 6px 38px; background-color:#272727; box-sizing:border-box; position:relative; text-transform:uppercase; text-align:center; font-size:19px; color:#ffffff; font-family:'Helvetica Neue Condensed', '微軟正黑體', 'Microsoft JhengHei', sans-serif; }
.adv_search_area .adv_search_btn a:before { position:absolute; left:0; top:0; content:""; width:0; height:0; border-style:solid; border-width:13px 15px 0 0; border-color:#ffffff transparent transparent transparent; }
.adv_search_area .adv_search_btn a:after { position:absolute; right:28px; top:50%; content:"+"; font-size:32px; color:#ffc600; transform:translateY(-50%); }
.adv_search_area .adv_search_btn a.active:after { content:"-"; }

.staff_list { width:100%; }
.staff_list .staff_item { width:100%; padding-bottom:15px; }
.staff_list .staff { width:100%; xpadding:28px 60px 26px 74px; background-color:#f7f7f7; box-sizing:border-box; position:relative; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -ms-flex-align:start; align-items:flex-start; }
.staff_list .staff:before { position:absolute; left:0; top:0; z-index:1; content:""; width:0; height:0; border-style:solid; border-width:44px 44px 0 0; border-color:#ffffff transparent transparent transparent; }
.staff_list .staff_photo { -ms-flex:0 0 212px; flex:0 0 212px; width:100%; max-width:212px; position:relative; overflow:hidden; }
.staff_list .staff_photo img { display:block; width:100%; }
.staff_list .staff_info { -ms-flex:1 0 0%; flex:1 0 0%; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 10px; box-sizing: border-box; overflow:hidden; color:#272727; }
.staff_list .staff_info a { color:#272727; }
.staff_list .staff_info a[href*="mailto"] { word-break: break-all; }
.staff_list .staff_info a:hover { text-decoration: underline; }

.staff_list .staff_name { -ms-flex: 0 0 330px; flex: 0 0 330px; width: 100%; max-width: 330px; padding-bottom: 16px; }
.staff_list .staff_data { -ms-flex: 1 0 0%; flex: 1 0 0%; padding-bottom: 16px; }
.staff_list .staff_desc { -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; max-width: 100%; }

.staff_list .staff_name h3 { font-size:26px; }
.staff_list .staff_name p { font-size:18px; }

.staff_list .staff_data table { width:100%; border:none; font-size:18px; }
.staff_list .staff_data table td { vertical-align:top; }
.staff_list .staff_data table td:first-child { width:90px; padding-right:10px; box-sizing:border-box; }

.staff_list .staff_desc p { padding-top: 8px; font-size: 14px; }
.staff_list .staff_desc p:first-child { padding-top: 0; }
.staff_list .staff_desc span:after { content: ', '; }
.staff_list .staff_desc span:last-child:after { display: none; }

.staff_list .staff_more { -ms-flex:0 0 auto; flex:0 0 auto; -ms-flex-line-pack:end; align-self:flex-end; padding-right: 10px; padding-bottom: 10px; text-align:right; }
.staff_list .staff_more a { display:inline-block; vertical-align:top; padding: 4px 8px; background-color:#ffc600; font-size:16px; color:#272727; font-family:'Helvetica Neue', '微軟正黑體', 'Microsoft JhengHei', sans-serif; transition: all 0.3s ease; }

.staff_detail { width:100%; }
.staff_detail .staff_detail_header { display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -ms-flex-align:start; align-items:flex-start; padding-bottom:24px; }
.staff_detail .staff_detail_photo { -ms-flex:0 0 264px; flex:0 0 264px; width:100%; max-width:264px; margin-right:44px; position:relative; overflow:hidden; }
/* .staff_detail .staff_detail_photo:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 48px 40px 0 0;
    border-color: #ffc600 transparent transparent transparent;
} */
.staff_detail .staff_detail_photo img { display:block; width:100%; }
.staff_detail .staff_detail_info { -ms-flex:1 0 0%; flex:1 0 0%; padding-top: 24px; }

.staff_detail .staff_detail_info h3 { padding-bottom:20px; position:relative; font-size:41px; font-family:'Helvetica Neue', '微軟正黑體', 'Microsoft JhengHei', sans-serif; }
.staff_detail .staff_detail_info p { font-size:24px; font-weight: 300; }

.staff_detail .staff_detail_info table { width:100%; border:none; font-size:16px; font-weight:700; }
.staff_detail .staff_detail_info table td { vertical-align:top; font-weight: 300; }
.staff_detail .staff_detail_info table td:first-child { width:130px; padding-right:10px; box-sizing:border-box; font-weight: 400; }

.staff_detail .staff_detail_info a { color:#272727; }
.staff_detail .staff_detail_info a[href*="mailto"] { word-break: break-all; }
.staff_detail .staff_detail_info a:hover { text-decoration: underline; }

.staff_detail .staff_detail_section { padding:16px 40px; }
.staff_detail .staff_detail_section_title { margin-bottom:18px; position:relative; color:#272727; }
.staff_detail .staff_detail_section_title h3 { font-size:32px; }
.staff_detail .staff_detail_section_title span { position:absolute; left:-38px; top:6px; width:23px; height:23px; background-color:#ffc600; }
.staff_detail .staff_detail_section_title span:before { position:absolute; left:0; top:0; content:""; width:0; height:0; border-style:solid; border-width:8px 8px 0 0; border-color:#ffffff transparent transparent transparent; }
.staff_detail .staff_detail_section_title p { font-weight: bold; font-size: 24px; }
.staff_detail .staff_detail_section_desc { width:100%; min-height:1px; }

.staff_detail .staff_detail_extra_area { padding-top:30px; }
.staff_detail .staff_detail_extra_content { padding-bottom:20px; display:none; }

.staff_detail .staff_detail_btn { width:100%; max-width:543px; padding:10px 0; margin:0 auto; }
.staff_detail .staff_detail_btn a { display:block; width:100%; padding:6px 58px 6px 38px; background-color:#322a28; box-sizing:border-box; position:relative; text-transform:uppercase; text-align:center; font-size:19px; color:#ffffff; font-family:'Helvetica Neue Condensed', '微軟正黑體', 'Microsoft JhengHei', sans-serif; }
.staff_detail .staff_detail_btn a:before { position:absolute; left:0; top:0; content:""; width:0; height:0; border-style:solid; border-width:13px 15px 0 0; border-color:#ffffff transparent transparent transparent; }
.staff_detail .staff_detail_btn a:after { position:absolute; right:28px; top:50%; content:"+"; font-size:32px; color:#ffc600; transform:translateY(-50%); }
.staff_detail .staff_detail_btn a.active:after { content:"-"; }

.staff_detail .staff_detail_back { padding-top:32px; text-align:right; }
.staff_detail .staff_detail_back a { display:inline-block; vertical-align:top; padding:10px 26px; background-color:#ffc600; font-size:16px; color:#333333; font-family:'Helvetica Neue Condensed', '微軟正黑體', 'Microsoft JhengHei', sans-serif; transition: all 0.3s ease; }

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

.news_list { width:100%; box-sizing:border-box; }
.news_list .news_item { width:100%; padding-bottom:24px; }
.news_list .news { display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; width:100%; padding:0; background-color:#f7f7f7; box-sizing:border-box; position:relative; }
.news_list .news:before { position:absolute; left:0; top:0; content:""; width:0; height:0; border-style:solid; border-width:44px 44px 0 0; border-color:#ffffff transparent transparent transparent; }
.news_list .news_header { display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; width:100%; padding-bottom:12px; border-bottom:1px solid #ffc600; }
.news_list .news_photo { -ms-flex:0 0 270px; flex:0 0 270px; width:100%; max-width:270px; margin-right:12px; }
.news_list .news_photo img { display:block; width:100%; }
.news_list .news_info { -ms-flex:1 0 0%; flex:1 0 0%; max-width: 100%; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding-top: 6px; box-sizing:border-box; overflow:hidden; font-size:17px; color:#272727; }
.news_list .news_info h4 { font-size: 22px; color: #272727; }
.news_list .news_info h4 a { color: #272727; }
.news_list .news_info span { color:#666666; }
.news_list .news_info p { -ms-flex: 1 0 auto; flex: 1 0 auto; padding-top: 16px; }
.news_list .news_info a { color:#272727; }
.news_list .news_desc { padding-top:15px; font-size:17px; line-height:1.6; }

.news_list .news_footer { display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; width: 100%; padding: 10px; padding-left: 0; box-sizing: border-box; }
.news_list .news_article { -ms-flex: 0 0 auto; flex: 0 0 auto; font-weight: 300; }
.news_list .news_btn { -ms-flex: 0 0 auto; flex: 0 0 auto; text-align:right; }
.news_list .news_btn a { display:inline-block; vertical-align:top; padding:4px 10px; background-color:#ffc600; font-size:16px; color:#272727; transition: all 0.3s ease; }

.news_list+.wrapPage { display: none; }

.news_detail { width:100%; }
.news_detail .news_detail_header { padding:0 32px 16px 32px; border-bottom:1px solid #ffc600; }
.news_detail .news_detail_title { font-size:23px; color:#000000; font-weight:700; line-height:1.5; }
.news_detail .news_detail_date { font-size:20px; color:#666666; line-height:1.75; }
.news_detail .news_detail_desc { padding:26px 32px; }
.news_detail .news_detail_back { padding-top:20px; text-align:right; }
.news_detail .news_detail_back a { display:inline-block; vertical-align:top; padding:4px 10px; background-color:#ffc600; font-size:16px; color:#272727; transition: all 0.3s ease; }

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

.editor_content { min-height:480px; display:block; color:#000000; font-size:16px; }
.editor_content:after { content:""; display:block; width:100%; clear:both; }
.editor_content .table_area { width:100%; overflow-x:auto; }
.editor_content iframe { max-width:100%; box-sizing:border-box; }
.editor_content img { max-width:100%; box-sizing:border-box; }
.editor_content table { max-width:100%; box-sizing:border-box; border-collapse:collapse; border-style:solid; }

/* Tag default values */
.editor_content ul, 
.editor_content ol { display:block; xmargin:1em 0; xpadding-left:40px; padding-left:20px; }
.editor_content ul { list-style-type:disc; }
.editor_content ol { list-style-type:decimal; }
/*
.editor_content h1 { margin:0.67em 0; }
.editor_content h2 { margin:0.83em 0; }
.editor_content h3 { margin:1em 0; }
.editor_content h4 { margin:1.33em 0; }
.editor_content h5 { margin:1.67em 0; }
.editor_content h6 { margin:2.33em 0; }
.editor_content p { margin:1em 0; }
*/
/* SORTABLE CONTENT */
.content_detail .content_item { margin-bottom:42px; }
.content_detail .content_subtitle { font-size:23px; color:#048ed6; font-weight:700; margin-bottom:16px; }

.content_detail .content_img { font-size:0; margin:0 -8px; display:block; }
.content_detail .content_img .col_1,
.content_detail .content_img .col_2,
.content_detail .content_img .col_4 { display:inline-block; vertical-align:top; padding:0 8px 10px 8px; box-sizing:border-box; text-align: center; }
.content_detail .content_img .col_1 img,
.content_detail .content_img .col_2 img,
.content_detail .content_img .col_4 img { max-width:100%; height:auto; box-shadow:2px 2px 5px rgba(0,0,0,0.3); }
.content_detail .content_img .col_1 { width:100%; }
.content_detail .content_img .col_2 { width:50%; }
.content_detail .content_img .col_4 { width:25%; }

.content_detail .content_desc { line-height: 1.5em; }
.content_detail .content_desc iframe { max-width:100%; box-sizing:border-box; }
.content_detail .content_desc img { max-width:100%; box-sizing:border-box; }
.content_detail .content_desc ul,
.content_detail .content_desc ol { display:block; xmargin:1em 0; xpadding-left:40px; padding-left:20px; margin: 0; }
.content_detail .content_desc ul { list-style-type:disc; }
.content_detail .content_desc ul ul { list-style-type:circle; margin-top: 10px; }
.content_detail .content_desc ol { list-style-type:decimal; }
.content_detail .content_desc li { padding-bottom: 6px; }
.content_detail .content_download_file_list { display: table; }
.content_detail .content_download_file_list .content_download_file_icon { display: table-cell; vertical-align: middle; }
.content_detail .content_download_file_list .content_download_file { display: table-cell; vertical-align: middle; padding-left: 10px; }
.content_detail .content_download_file_list .content_download_file a { color:#048ed6;  }
.content_detail .content_download_file_list .content_download_file a:hover { color:#3256a0; }
.content_item .content_download_file_list{margin-top: 10px;}


/*分頁css*/
.pagination {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
    flex-wrap: wrap;
  padding: 0;
  margin: 15px 0 30px 0;
  list-style: none;
}
.pagination .page-link {
position: relative;
  display: block;
  padding: 5px 10px;
  font-family:'Helvetica Neue', Mukta, sans-serif;
  line-height: 1.25;
  color: #575758;
  background-color: #fff5f5;
  -webkit-transition: background 300ms ease-in-out, color 300ms ease-in-out;
  -o-transition: background 300ms ease-in-out, color 300ms ease-in-out;
  transition: background 300ms ease-in-out, color 300ms ease-in-out;
  margin-right: 8px;
}

.pagination .page-link:hover,.pagination .page-item.prev .page-link,.pagination .page-item.next .page-link {
background: #797979;
color: #ffffff;
text-decoration: none;
}

.pagination .page-item.active .page-link {
background: #ffc600;
color: #ffffff;
}
#main .wrapPage .select_area { display:inline-block; vertical-align:top; width:100%; max-width:120px; vertical-align:top; background-color:#ffffff; border-radius:2px; position:relative; cursor:pointer; }
#main .wrapPage .select_area:before { position:absolute; right:15px; top:50%; content:""; width:0; height:0; border-style:solid; border-width:7px 6px 0 6px; border-color:#3256a0 transparent transparent transparent; transform:translateY(-50%); }
#main .wrapPage .select_area select { width:100%; height:32px; padding-left:40px; padding-right:40px; background-color:transparent;  border:1px solid #cccccc; box-sizing:border-box; border-radius:2px; position:relative; font-size:13px; color:#000000; -webkit-appearance:none; appearance:none; outline:none; }

#main .wrapPage .multipage {  margin:0 -7px; font-size:20px; text-align:right; clear:both; float:right;}
#main .wrapPage .multipage a { display:inline-block; zoom:1; *display:inline; vertical-align:top;  margin:0 2px; text-align:center; line-height: 1.3; font-size:14px; color:#000000; transition:all 0.2s ease; }
#main .wrapPage .multipage a.row,
#main .wrapPage .multipage a.back,
#main .wrapPage .multipage a.next { width:26px; margin:0 7px; background-color:#797979; color:#ffffff; }
#main .wrapPage .multipage a.onpage,
#main .wrapPage .multipage a:hover { background-color:#048ed6; color:#ffffff; }
#main .wrapPage .multipage .select_area { display:none; }
#main .multipage a{
	width: 10px;
	height: 20px;
	margin: 0px;
}

/*分頁css結束.   這個一般都有。*/

.content .expPdf{
        margin: 0 auto;

        text-align: center;
}
.content .expPdf a{
        margin: 0 auto;
        margin-top: 60px;
        display:block; width:50%; 
        padding:6px 58px 6px 38px; 
        background-color:#322a28; 
        box-sizing:border-box; 
        position:relative; 
        text-transform:uppercase; 
        text-align:center; 
        font-size:19px; 
        color:#ffffff; 
        font-family:'Helvetica Neue Condensed', '微軟正黑體', 'Microsoft JhengHei', sans-serif; 
}

.news_title a{
	color: #000000;
}




/*john 2020-1-17 add*/
.menu_area .menu_list .weblang {display: none;}

/*john 2020-1-17 add*/
.editor_content a:link,
.editor_content span a:link{color:#272727;}
.editor_content a:visited,
.editor_content span a:visited{color:#272727;}
.editor_content a:hover,
.editor_content span a:hover{color:#88817d;}


/*john 2020-2-19 add*/
.search_intro {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.news_list .news_info h4, 
.news_list .news_info h4 a {
    color:#225a6f;
    
}
.news_list .news_info p, 
.search_intro a {
	color:#5a8e53;
}
#main .search_list{
	min-height: 80vh;
}


#top .search_bar { position:absolute; right:12px; bottom:26px; width:270px; }
#top .search_bar form { display:block; position:relative; }
#top .search_bar input[type=text] { width:100%; height:34px; padding:0 36px 0 16px; background-color:#ffffff; border:1px solid #a9a9a9; border-radius:4px; box-sizing:border-box; font-style:italic; }
#top .search_bar button { position:absolute; right:0; top:50%; width:32px; height:100%; background:none; border:none; transform:translateY(-50%); outline:none; cursor:pointer; }
#top .search_bar button:before { position:absolute; right:100%; top:50%; content:""; width:2px; height:60%; background-color:#ffc600; transform:translateY(-50%); font-size:18px; }

.search_form {
	position: relative;
    width: 50vw;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.search_form input {
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    border: 2px solid #ffc600;
    border-radius: 5px 0 0 5px;
    background: transparent;
    height: 36px;
    padding: 16px;
    font-style: italic; 
    box-sizing: border-box;
    outline: none;
}
.search_form button {
    -ms-flex: 0 0 40px;
    flex: 0 0 40px;
    width: 100%;
    max-width: 40px;
    background: #ffc600;
    border-radius: 0 5px 5px 0;
    height: 36px;
    box-sizing: border-box;
    border: none;
    outline: none; 
    cursor: pointer; 
}
.search_form button:before {
    /*content: "搜索";*/
    font-size: 13px;
    color: #F9F0DA;
}

.search_list .news { padding: 15px; }


/* SITEMAP */

.sitemap_content a { color: black; }

.sitemap_content ul li { padding-top: 20px; }
.sitemap_content ul li a.lv1 { font-size: 1.5rem; font-weight: bold; font-family: 'Helvetica Neue Condensed', '微軟正黑體', 'Microsoft JhengHei', sans-serif; }
.sitemap_content ul li a.lv1 i { display: none; }
.sitemap_content ul li li { padding-top: 10px; }
.sitemap_content ul li li a.lv2 { padding-left: 20px; }
.sitemap_content ul li li a.lv2 i { display: none; }
.sitemap_content ul li li a.lv2:before { position:absolute; left:4px; margin-top:4px; content:""; width:0; height:0; border-style:solid; border-width:5px 0 5px 8px; border-color:transparent transparent transparent #ffda00; }
.sitemap_content ul li li li { padding-left: 20px; }
.sitemap_content ul li li li a.lv3 { padding-left: 20px; font-size: 15px; font-weight: 300; }
.sitemap_content ul li li li a.lv3 i { display: none; }
.sitemap_content ul li li li a.lv3:before { position:absolute; left:24px; margin-top:4px; content:""; width:0; height:0; border-style:solid; border-width:5px 0 5px 8px; border-color:transparent transparent transparent #ffda00; }
.sitemap_content ul li li li li { padding-left: 20px; }
.sitemap_content ul li li li li a.lv4 { padding-left: 20px; font-size: 15px; font-weight: 300; color: grey; }
.sitemap_content ul li li li li a.lv4 i { display: none; }
.sitemap_content ul li li li li a.lv4:before { position:absolute; left:44px; margin-top:4px; content:""; width:0; height:0; border-style:solid; border-width:5px 0 5px 8px; border-color:transparent transparent transparent #ffda00; }