#gotop { display:none; position:fixed; z-index:89; width:50px; height:50px; line-height:48px; right:20px; bottom:20px; cursor:pointer; text-align:center; font-size:14px; color:#0856b4; border:1px solid #0856b4; background:#ffffff; -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px; behavior:expression(this.onFocus=this.blur());/*for IE*/transition-property:all 0.3s;-moz-transition:all 0.3s; /* Firefox 4 */-webkit-transition:all 0.3s; /* Safari and Chrome */-o-transition:all 0.3s; /* Opera */}
#gotop:hover { color:#ffffff; background:#0856b4; behavior:expression(this.onFocus=this.blur());/*for IE*/transition-property:all 0.3s;-moz-transition:all 0.3s; /* Firefox 4 */-webkit-transition:all 0.3s; /* Safari and Chrome */-o-transition:all 0.3s; /* Opera */}

.m_header{ display:block; position:fixed; z-index:99; top:0; left:0; width:50%; height:80px; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+20,ffffff+100&1+20,0+100 */
background: -moz-linear-gradient(left,  rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
 }
.logo{ position:absolute; z-index:2; left:1.2%; top:50%; transform:translate(0%,-50%); width:378px; height:65px; padding:30px; background:url(../images/logo.svg) no-repeat center center; background-size:contain; -ms-behavior:url(css/backgroundsize.min.htc); behavior:url(css/backgroundsize.min.htc); cursor:pointer;}
.logo h1{ position:absolute; z-index:0; left:-99999px;}
.top_menu { display:none;}

/*mobile*/
.menu_c_open{overflow:hidden;}
.m_menu{ display:none;}
.m_box{ display:none;}
.tm_menu { display:none;}
.tm_menu span { display:none;}
.tm_menu_x span { display:none;}

.i_box{ position:absolute; display:table; width:100%; height:100%; background:#ffffff; overflow:hidden;}
.i_box01{ position:relative; display:table-cell; vertical-align:top; width:auto; height:100%;}
.i_box02{ display:table-cell; vertical-align:top; width:18%; height:100%; padding:3% 2.5%; background:url(../images/bg.png) #f9f9f9; overflow-x:hidden; overflow-y:auto;}
.i_btn02_btns{ display:block; width:100%; font-size:15px; overflow:hidden; margin-bottom:50px;}
.i_btn02_btns a{ display:inline-block; vertical-align:middle; color:rgba(0,0,0,0.6);}
.i_btn02_btns a:hover{ color:rgba(0,0,0,8);}
.i_btn02_btns span{ display:inline-block; vertical-align:middle; color:rgba(0,0,0,0.3); font-size:70%; margin:0 20px;}
.i_box02_btn{ display:block; width:100%;}
.i_box02_btn a{ display:block; font-size:18px; padding:20px 0; border-bottom:1px solid rgba(0,0,0,0.1);}
.i_box02_btn span{ font-size:85%; margin-right:6px; color:rgba(0,0,0,0.3); behavior:expression(this.onFocus=this.blur()); transition-property:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s;}
.i_box02_btn a:hover > span{ color:#0856b4; behavior:expression(this.onFocus=this.blur()); transition-property:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s;}
.i_box02_btnd{ display:block; margin-top:60px;}
.i_box02_btnd_c{ display:inline-block; width:50%; padding-right:10px;}
.i_box02_btnd_c:last-child{ padding-right:0px;}
.i_box02_btnd_c a{ display:block; width:100%; padding:10px; text-align:center; font-size:17px; color:rgba(0,0,0,0.5); border:4px solid rgba(0,0,0,0.15); background:#ffffff; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px;}
.i_box02_btnd_c a:hover{ color:rgba(0,0,0,0.8); border:4px solid rgba(29,80,162,0.6);}
.i_box02_btnd_c span{ display:block; font-size:80%; margin-bottom:5px;}

.i_box_m{ display:none;}
/*#index_wapper{position:absolute; z-index:50; left:0px; top:100%; width:100%; overflow:hidden; margin:0px; padding:0px;}*/

.footer_bg{ position:absolute; z-index:2; width:100%; overflow:hidden; padding:10px; background:url(../images/bg.png) rgba(0,0,0,0.8); bottom:0; left:0;}
.footer{ width:100%; color:rgba(255,255,255,1); font-size:15px; line-height:1.5; font-weight:300; text-align:center;}
.footer i{ display:inline-block; margin-right:15px;}

.a_box{ position:absolute; display:flex; width:100%; background:#ffffff;}
.a_box01{ position:relative; width:82%; padding-bottom:3%;}
.a_box02{ position:fixed; top:0; right:0; width:18%; height:100vh; padding:3% 2.5%; background:url(../images/bg.png) #f9f9f9;}

.content_bg{ width:100%; background:#ffffff;}
.banner{ position:relative; width:100%; height:300px; -ms-behavior:url(css/backgroundsize.min.htc); behavior:url(css/backgroundsize.min.htc);}

.content{ width:100%; padding:50px 0 60px 0;}
.content_box{ margin:0 auto; width:80%; min-width:1000px;}
.ctitle{ position:relative; width:100%; font-size:30px; font-weight:500; color:#0856b4; padding-left:20px; letter-spacing:2px;}
.ctitle:before{ position:absolute; content:""; left:0; top:10px; width:5px; height:28px; background:#0856b4;}
.path_bg{ position:relative; width:100%; overflow:hidden; padding:10px 0; margin-bottom:40px;}
.path{ position:absolute; z-index:1; top:50%; right:0; transform:translate(0%,-50%); font-size:14px; color:rgba(0,0,0,0.5); padding-left:15px; background:#ffffff;}
.path_bg:before{ position:absolute; content:""; top:55%; left:0; transform:translate(0%,-55%); width:100%; height:1px; background:rgba(0,0,0,0.2);}
.path span{ color:rgba(0,0,0,0.4); margin:0 10px;}
.path a{ display:inline-block; color:rgba(0,0,0,0.6);}
.path a:hover{ color:rgba(0,0,0,0.8);}

.atitle_box{ margin-bottom:8px;}
.atitle{ position:relative; display:inline-block; font-size:140%; line-height:1.5; color:#084794; font-weight:500; padding-right:30px;}
.atitle:before{ content:""; display:block; position:absolute; z-index:2; right:0; top:50%; width:20px; height:1px; background:#084794;}
.atitle2_box{ margin:5px 0;}
.atitle2{ display:inline-block; color:#ffffff; background:#7796c7; font-size:110%; font-weight:400; line-height:1.2; -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px; padding:4px 15px;}

.ac_box{ display:block; overflow:hidden;}
.ac_box ul{ padding-left:10px;}
.ac_box li{ display:inline-block; width:50%; vertical-align:top; list-style:none; background:url(../images/symbol/icon_02.png) no-repeat 0px 13px; background-size:6px; padding:0 20px 0 15px;}

/*訊息*/
.ne_c{ width:100%; }
.ne_c_box{ display:inline-block; vertical-align:top; width:33.1%; margin-bottom:10px; padding:5px 25px 20px 25px;}
.ne_c a{ display:block; width:100%; padding:15px; border:1px solid rgba(0,0,0,0.1); box-shadow:0px 0px 10px -2px rgba(0,0,0,0.1); background:#ffffff; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;}
.ne_c a:hover{ border:1px solid #60a0ed; box-shadow:0px 0px 10px -2px rgba(0,0,0,0.4);}
.ne_c a:hover > .ne_list_box > .ne_list_tt{ color:#0856b4; behavior:expression(this.onFocus=this.blur()); transition-property:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s;}
.ne_c_c{ width:100%; overflow:hidden; font-size:15px; line-height:1.7; color:rgba(0,0,0,0.7);}
.ne_c_p{ width:100%; overflow:hidden; margin-bottom:10px;}
.ne_c_p img{ display:block; width:100%;}
.ne_c_tt{ font-size:20px; line-height:1.5; color:rgba(0,0,0,1); behavior:expression(this.onFocus=this.blur()); transition-property:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s;}
.ne_c_d{ font-size:14px; color:rgba(0,0,0,0.5); margin-bottom:5px;}
.ne_c_b{ text-align:right; font-size:13px; padding:2px 10px; background:rgba(0,0,0,0.05); margin-top:15px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}

.ne_content{ width:100%;}
.ne_tt{ position:relative; display:inline-block; font-size:36px; color:rgba(0,0,0,1); line-height:1.6; font-weight:300; margin-bottom:5px; padding-right:50px;}
.ne_date{ display:block; font-size:14px; color:rgba(0,0,0,0.5); margin-bottom:20px;}
.ne_date span{ font-size:88%; margin-right:5px;}
.ne_f{ width:100%; overflow:hidden;}

/*科別*/
.do_list{ width:100%; padding:0 25px;}
.do_list_box{ display:block; width:100%; overflow:hidden; line-height:1.7; border:1px solid rgba(0,0,0,0.3); margin:10px 0 30px 0; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;}
.do_tt{ position:relative; width:100%; padding:6px 20px; font-size:22px; color:#ffffff; background:#7796c7;}
.do_tt_links{ position:absolute; z-index:1; right:20px; top:45%; transform:translate(0%,-50%);}
.do_tt_links a{ display:inline-block; padding:2px 15px; font-size:16px; background:#7796c7; border:1px solid #ffffff; color:#ffffff; margin-left:10px; -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px;}
.do_tt_links a:hover{ background:#ffffff; border:1px solid #ffffff; color:#7796c7;}
.do_tt_links span{ font-size:90%; padding-right:6px;}
.do_c{ width:100%; padding:20px;}
.do_c_table{ display:table; width:100%; margin-bottom:8px;}
.do_c_table:last-child{ margin-bottom:0px;}
.do_c_td01{ display:table-cell; width:100px;}
.do_c_td01 span{ display:inline-block; padding:0px 10px; background:rgba(0,0,0,0.1); -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px;}
.do_c_td02{ display:table-cell; padding-left:10px;}
.do_c_td02 a{ display:inline-block; margin-right:15px; padding-left:20px; background:url(../images/symbol/links.svg) no-repeat 0 10px; background-size:18px;}

@media (min-width:1001px) and (max-width:1600px) {
.m_header{ width:60%; height:70px;}
.logo{ left:1.2%; width:349px; height:60px;}

.i_box{ position:absolute; height:100%;}
.i_box01{ display:table-cell; width:auto; height:100%; }
.i_box02{ display:table-cell; width:23%; height:100%; padding:5% 3%;}
.i_btn02_btns{ font-size:15px; margin-bottom:35px;}
.i_btn02_btns span{ margin:0 16px;}
.i_box02_btn a{ font-size:18px; padding:18px 0; }
.i_box02_btnd{ margin-top:35px;}
.i_box02_btnd_c{ display:inline-block; width:50%; padding-right:10px;}
.i_box02_btnd_c:last-child{ padding-right:0px;}
.i_box02_btnd_c a{ padding:8px; font-size:17px;}

.i_box_m{ display:none;}

.footer_bg{ padding:10px;}
.footer{ width:100%;}
.footer i{ display:inline-block; margin-right:15px;}

.a_box{ position:absolute; display:flex;}
.a_box01{ width:77%; padding-bottom:3%;}
.a_box02{ width:23%; padding:3% 2.5%;}

.banner{ height:260px;}
.banner_d{ height:40px;}
.content{ padding:50px 0 60px 0;}
.content_box{ width:85%; min-width:85%;}

.ctitle{ font-size:30px; padding-left:20px; }
.ctitle:before{ top:10px; height:28px;}
.path_bg{ padding:10px 0; margin-bottom:40px;}
.path{ position:absolute; top:50%; right:0; transform:translate(0%,-50%); padding-left:15px; }
.path_bg:before{ position:absolute; content:""; top:55%; left:0; transform:translate(0%,-55%);}
.path span{ margin:0 10px;}

.atitle_box{ margin-bottom:8px;}
.atitle{ font-size:140%; line-height:1.5; padding-right:30px;}
.atitle2_box{ margin:5px 0;}
.atitle2{ font-size:110%; padding:4px 15px;}

/*訊息*/
.ne_c_box{ display:inline-block; width:50%; margin-bottom:10px; padding:5px 20px 15px 20px;}
.ne_c a{ padding:13px;}
.ne_c_c{ font-size:15px; line-height:1.7; }
.ne_c_p{ margin-bottom:10px;}
.ne_c_tt{ font-size:20px; }
.ne_c_d{ font-size:14px; margin-bottom:5px;}
.ne_c_b{ font-size:13px; padding:2px 10px; margin-top:15px;}
.ne_tt{ font-size:32px; line-height:1.6; margin-bottom:5px;}
.ne_date{ margin-bottom:20px;}
.ne_date span{ font-size:88%; margin-right:5px;}

/*科別*/
.do_list{ padding:0 20px;}
.do_list_box{ line-height:1.7; margin-bottom:40px;}
.do_tt{ padding:6px 20px; }
.do_tt_links{ position:absolute; z-index:1; right:20px; top:45%; transform:translate(0%,-50%);}
.do_tt_links a{ display:inline-block; padding:2px 15px; font-size:16px; margin-left:10px;}
.do_tt_links span{ font-size:90%; padding-right:6px;}
.do_c{ width:100%; padding:20px;}
.do_c_table{ display:table; width:100%; margin-bottom:8px;}
.do_c_td01{ display:table-cell; width:100px;}
.do_c_td01 span{ display:inline-block; padding:0px 10px;}
.do_c_td02{ display:table-cell; padding-left:10px;}
}

/*===平版型區===*/
@media (min-width: 685px) and (max-width: 1000px) {
#gotop { width:46px; height:46px; line-height:44px; right:15px; bottom:20px;}

.m_header{ width:100%; height:54px; background:rgba(255,255,255,0.9); box-shadow:0px 0px 10px -2px rgba(0,0,0,0.3);}
.logo{ width:314px; height:54px;}

.i_box{ position:absolute; display:block; height:100%;}
.i_box01{ display:block; width:100%; height:100%; }
.i_box02{ display:none;}
.i_btn02_btns{ font-size:15px; margin-bottom:25px;}
.i_btn02_btns span{ margin:0 16px;}
.i_box02_btn a{ font-size:17px; padding:15px 0; }
.i_box02_btnd{ margin-top:35px;}
.i_box02_btnd_c{ display:inline-block; width:50%; padding-right:10px;}
.i_box02_btnd_c a{ padding:8px; font-size:17px;}

.tm_menu { display:block; position:fixed; z-index:992; top:0px; right:0; width:100px; height:54px; text-align:center; border:0px solid rgba(0,0,0,0.15); background:rgba(29,80,162,0.8); cursor:pointer;}
.tm_menu span { display:block; position:absolute; z-index:992; right:20px; top:50%; transform:translate(0%,-50%); font-size:15px; color:#ffffff; font-weight:300;}
.custom-menu-toggle { position:absolute; right:60px; top:50%; transform:translate(0%,-50%); width:16px; height:2px; border-radius:2px; background:#ffffff; display:block; margin:auto; transition: 400ms; transform:translateX(0px);}
.custom-menu-toggle:before { position:absolute; width:16px; height:2px; border-radius:2px; background:#ffffff; display:block; margin:auto; transition:400ms; content:''; backface-visibility:hidden; -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg) translateY(5px) translateX(0px);}
.custom-menu-toggle:after { position:absolute; width:16px; height:2px; border-radius:2px; background:#ffffff; display:block; margin:auto; transition:400ms; content:''; backface-visibility: hidden; -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg) translateY(-5px) translateX(0px);}

.tm_menu_x { position:absolute; z-index:999; top:0px; right:0; width:100px; height:54px; cursor:pointer;}
.tm_menu_x span { display:block; position:absolute; z-index:992; right:20px; top:50%; transform:translate(0%,-50%); cursor:pointer; font-size:15px; color:rgba(0,0,0,0.6);}
.custom-menu-toggle-x { position:absolute; right:58px; top:52%; transform:translate(0%,-52%); width:16px; height:2px; border-radius:2px; background:none; display:block; margin:auto; transition: 400ms;}
.custom-menu-toggle-x:before { position:absolute; width:16px; height:2px; border-radius:2px; background:rgba(0,0,0,0.4); display:block; margin:auto; transition:400ms; content:''; backface-visibility:hidden; -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg) translateY(0px);}
.custom-menu-toggle-x:after { position:absolute; width:16px; height:2px; border-radius:2px; background:rgba(0,0,0,0.4); display:block; margin:auto; transition:400ms; content:''; backface-visibility: hidden; -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg) translateY(-0px);}

.m_menu{ display:none; position:fixed; z-index:100; width:100%; height:100%; top:0; overflow:hidden; background:rgba(0,0,0,0.8);}
.m_box{ display:block; position:absolute; z-index:100; right:-300px; width:300px; height:100vh; padding:50px 30px; background:url(../images/bg.png) #ffffff; box-shadow:0px 0px 10px -2px rgba(0,0,0,0.3); overflow-y:auto;}

.footer_bg{ padding:10px;}
.footer{ width:100%;}
.footer i{ display:inline-block; margin-right:15px;}

.a_box{ position:absolute; display:flex;}
.a_box01{ position:relative; width:100%; padding-bottom:3%;}
.a_box02{ display:none;}

.banner{ height:200px;}
.content{ padding:40px 0 80px 0;}
.content_box{ width:86%; min-width:86%;}

.ctitle{ font-size:28px; padding-left:16px; }
.ctitle:before{ top:8px; height:27px;}
.path_bg{ padding:10px 0; margin-bottom:40px;}
.path{ position:absolute; top:50%; right:0; transform:translate(0%,-50%); padding-left:15px; }
.path_bg:before{ position:absolute; content:""; top:55%; left:0; transform:translate(0%,-55%);}
.path span{ margin:0 8px;}

.atitle_box{ margin-bottom:8px;}
.atitle{ font-size:135%; line-height:1.5; padding-right:30px;}
.atitle2_box{ margin:5px 0;}
.atitle2{ font-size:110%; padding:4px 15px;}

.ac_box ul{ padding-left:10px;}
.ac_box li{ display:inline-block; width:50%; list-style:none; background:url(../images/symbol/icon_02.png) no-repeat 0px 13px; background-size:6px; padding:0 20px 0 15px;}

/*訊息*/
.ne_c_box{ display:inline-block; width:50%; margin-bottom:10px; padding:5px 15px 10px 15px;}
.ne_c a{ padding:10px;}
.ne_c_c{ font-size:15px; line-height:1.7; }
.ne_c_p{ margin-bottom:10px;}
.ne_c_tt{ font-size:20px; }
.ne_c_d{ font-size:14px; margin-bottom:5px;}
.ne_c_b{ font-size:13px; padding:2px 10px; margin-top:15px;}
.ne_tt{ font-size:32px; line-height:1.6; margin-bottom:5px;}
.ne_date{ margin-bottom:20px;}
.ne_date span{ font-size:88%; margin-right:5px;}

/*科別*/
.do_list{ padding:0 15px;}
.do_list_box{ line-height:1.7; margin-bottom:40px;}
.do_tt{ padding:6px 20px; }
.do_tt_links{ position:absolute; z-index:1; right:20px; top:45%; transform:translate(0%,-50%);}
.do_tt_links a{ display:inline-block; padding:1px 15px; font-size:16px; margin-left:10px;}
.do_tt_links span{ padding-right:6px;}
.do_c{ padding:20px;}
.do_c_table{ display:table; width:100%; margin-bottom:8px;}
.do_c_td01{ display:table-cell; width:90px;}
.do_c_td01 span{ display:inline-block; padding:0px 10px;}
.do_c_td02{ display:table-cell; padding-left:10px;}
.do_c_td02 a{ display:inline-block; margin-right:15px; padding-left:18px; background:url(../images/symbol/links.svg) no-repeat 0 8px; background-size:17px;}
}

/*===手機版型區===*/
@media screen and (max-width: 686px) {
#gotop { width:40px; height:40px; line-height:38px; font-size:13px; right:10px; bottom:15px;}

.m_header{ width:100%; height:47px; background:rgba(255,255,255,0.9); box-shadow:0px 0px 10px -2px rgba(0,0,0,0.3);}
.logo{ width:256px; height:44px;}

.i_box{ position:absolute; display:block; height:100%;}
.i_box01{ position:absolute; display:block; width:100%; height:100%; overflow:hidden; }
.i_box02{ display:none;}
.i_btn02_btns{ font-size:15px; margin-bottom:20px;}
.i_btn02_btns span{ margin:0 13px;}
.i_box02_btn a{ font-size:17px; padding:13px 0; }
.i_box02_btnd{ margin-top:25px;}
.i_box02_btnd_c{ display:inline-block; width:50%; padding-right:10px;}
.i_box02_btnd_c a{ padding:8px; font-size:17px;}

.tm_menu { display:block; position:fixed; z-index:992; top:0; right:0; width:75px; height:47px; text-align:center; border:0px solid rgba(0,0,0,0.15); background:rgba(29,80,162,0.8); cursor:pointer;}
.tm_menu span { display:block; position:absolute; z-index:992; right:10px; top:50%; transform:translate(0%,-50%); font-size:15px; color:#ffffff; font-weight:300;}
.custom-menu-toggle { position:absolute; right:46px; top:50%; transform:translate(0%,-50%); width:16px; height:2px; border-radius:2px; background:#ffffff; display:block; margin:auto; transition: 400ms; transform:translateX(0px);}
.custom-menu-toggle:before { position:absolute; width:16px; height:2px; border-radius:2px; background:#ffffff; display:block; margin:auto; transition:400ms; content:''; backface-visibility:hidden; -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg) translateY(5px) translateX(0px);}
.custom-menu-toggle:after { position:absolute; width:16px; height:2px; border-radius:2px; background:#ffffff; display:block; margin:auto; transition:400ms; content:''; backface-visibility: hidden; -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg) translateY(-5px) translateX(0px);}

.tm_menu_x { position:absolute; z-index:999; top:0px; right:0; width:75px; height:47px; cursor:pointer;}
.tm_menu_x span { display:block; position:absolute; z-index:992; right:10px; top:50%; transform:translate(0%,-50%); cursor:pointer; font-size:15px; color:rgba(0,0,0,0.6);}
.custom-menu-toggle-x { position:absolute; right:46px; top:52%; transform:translate(0%,-52%); width:16px; height:2px; border-radius:2px; background:none; display:block; margin:auto; transition: 400ms;}
.custom-menu-toggle-x:before { position:absolute; width:16px; height:2px; border-radius:2px; background:rgba(0,0,0,0.4); display:block; margin:auto; transition:400ms; content:''; backface-visibility:hidden; -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg) translateY(0px);}
.custom-menu-toggle-x:after { position:absolute; width:16px; height:2px; border-radius:2px; background:rgba(0,0,0,0.4); display:block; margin:auto; transition:400ms; content:''; backface-visibility: hidden; -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg) translateY(-0px);}

.m_menu{ display:none; position:fixed; z-index:100; width:100%; height:100%; top:0; overflow:hidden; background:rgba(0,0,0,0.8);}
.m_box{ display:block; position:absolute; z-index:100; right:-100%; width:100%; height:100vh; padding:50px 40px; background:url(../images/bg.png) #ffffff; overflow-y:auto;}

.footer_bg{ padding:8px;}
.footer{ width:100%; font-size:14px;}
.footer i{ display:block; margin-right:0px;}

.a_box{ position:absolute; display:flex;}
.a_box01{ position:relative; width:100%; padding-bottom:3%;}
.a_box02{ display:none;}

.banner{ height:160px;}
.content{ padding:30px 0 90px 0;}
.content_box{ width:86%; min-width:86%;}

.ctitle{ font-size:24px; padding-left:14px; }
.ctitle:before{ top:8px; width:4px; height:22px;}
.path_bg{ padding:10px 0; margin-bottom:25px; border-bottom:1px solid rgba(0,0,0,0.15);}
.path{ position:relative; width:100%; padding-left:0px; text-align:center; transform:translate(0%,0%);}
.path_bg:before{ display:none;}
.path span{ margin:0 8px;}

.atitle_box{ margin-bottom:8px;}
.atitle{ font-size:135%; line-height:1.5; padding-right:30px;}
.atitle2_box{ margin:5px 0;}
.atitle2{ font-size:110%; padding:2px 12px;}

.ac_box ul{ padding-left:5px;}
.ac_box li{ display:block; width:100%; background:url(../images/symbol/icon_02.png) no-repeat 0px 10px; background-size:6px; padding:0 20px 0 15px;}

/*訊息*/
.ne_c_box{ display:block; width:100%; margin-bottom:10px; padding:5px 10px 10px 10px;}
.ne_c a{ padding:10px;}
.ne_c_c{ font-size:15px; line-height:1.6; }
.ne_c_p{ margin-bottom:10px;}
.ne_c_tt{ font-size:18px; }
.ne_c_d{ font-size:14px; margin-bottom:5px;}
.ne_c_b{ font-size:13px; padding:2px 10px; margin-top:15px;}
.ne_tt{ font-size:25px; line-height:1.5; margin-bottom:5px;}
.ne_date{ margin-bottom:20px;}
.ne_date span{ font-size:88%; margin-right:5px;}

/*科別*/
.do_list{ padding:0px;}
.do_list_box{ line-height:1.6; margin-bottom:30px;}
.do_list_box:last-child{ line-height:1.6; margin-bottom:10px;}
.do_tt{ padding:6px 15px; text-align:center;}
.do_tt_links{ position:relative; right:auto; top:auto; transform:translate(0%,0%);}
.do_tt_links a{ display:inline-block; padding:1px 13px; font-size:15px; margin:5px;}
.do_tt_links span{ padding-right:6px;}
.do_c{ padding:15px;}
.do_c_table{ display:block; width:100%; margin-bottom:10px;}
.do_c_td01{ display:block; width:80px;}
.do_c_td01 span{ display:inline-block; padding:0px 10px;}
.do_c_td02{ display:block; padding-left:0px; margin-top:4px;}
.do_c_td02 a{ display:inline-block; margin-right:13px; padding-left:16px; background:url(../images/symbol/links.svg) no-repeat 0 7px; background-size:15px;}
}