#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:100%;}
.logo{ position:relative; background:rgba(255,255,255,0.85); width:100%; height:80px; text-align:right; box-shadow:0px 0px 10px -2px 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;}
.logo_p{ position:absolute; z-index:2; left:1.2%; top:50%; transform:translate(0%,-50%); width:298px; height:70px; 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_p h1{ position:absolute; z-index:0; left:-99999px;}

.btn01 { position:absolute; z-index:1; left:460px; top:50%; transform:translate(0%,-50%);}
ul.navigation li {position:relative; display:inline-block; z-index:9;} 
ul.navigation li a{display:block; padding:0 1.5vw; font-size:17px; color:rgba(0,0,0,0.9); line-height:78px;} 
ul.navigation li a > span{ font-size:60%; margin-left:5px;} 
ul.navigation > li > a{ background:none;}
ul.navigation > li > a:hover{ color:#0856b4;}

ul.navigation li ul{ display:none; clear:both; float:left; position:absolute; left: 0; margin: 0; box-shadow:0px 0px 10px -2px rgba(0,0,0,0.3);}
ul.navigation li:hover a { color:#0856b4;}
ul.navigation li:hover > ul{ display:block; background:rgba(0,0,0,0);}
ul.navigation li:hover ul li a { display:block; width:200px; font-size:16px; line-height:1.5; text-align:left; background:url(../images/symbol/icon_01.png) no-repeat 18px 17px rgba(255,255,255,1); background-size:12px; color:#222222; border-bottom:1px dotted rgba(0,0,0,0.5); padding:10px 20px 10px 36px; margin:0;}
ul.navigation li:hover ul li a:hover { background:url(../images/symbol/icon_01y.png) no-repeat 18px 17px #0856b4; background-size:12px; color:#ffffff; padding-left:36px;}

.btn02{ position:absolute; z-index:1; right:1.5vw; top:50%; transform:translate(0%,-50%); text-align:right;}
.btn02 a{ display:inline-block; vertical-align:middle; font-size:14px; color:rgba(0,0,0,0.6); line-height:1.7;}
.btn02 a:hover{ color:rgba(0,0,0,0.9);}
.btn02 span{ color:rgba(0,0,0,0.2); font-size:70%; margin:0 0.8vw;}

.top_menu { display:none;}

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

.i_box00{ position:relative; width:100%;}
.i_box00_p{ width:100%; overflow:hidden;}
/*.i_box00_p{ width:100%; height:0; padding-bottom:550px; -ms-behavior:url(css/backgroundsize.min.htc); behavior:url(css/backgroundsize.min.htc);}*/
.i_box00_btn{ position:absolute; z-index:3; right:0; bottom:-40px;}
.i_box00_btn a{ display:inline-block; vertical-align:top; padding:20px 30px 20px 20px; font-size:18px; line-height:1.5; color:#ffffff; font-weight:300; letter-spacing:1px;}
.i_box00_btn a:first-child{border-left:0px;}
.i_box00_btn a:hover{ opacity:0.9;}
.i_box00_btn span{ display:block; margin-bottom:10px; font-size:130%;}
.i_box00_btn_f{ display:block;}
.i_box00_btn p{ display:block; font-size:85%; color:rgba(255,255,255,0.7); margin-top:4px;}

.i_box01{ position:relative; width:100%; font-size:16px; line-height:1.8; padding:70px 0 70px 0; background:#ffffff; overflow:hidden;}
.i_box01_box{ margin:0 auto; width:70%; min-width:1000px;}
.i_box01_pic{ position:relative; display:inline-block; vertical-align:middle; width:40%;}
.i_box01_pic_c{ display:inline-block; width:100%; height:0; padding-bottom:60%; -ms-behavior:url(css/backgroundsize.min.htc); behavior:url(css/backgroundsize.min.htc); box-shadow:6px 6px 10px -2px rgba(0,0,0,0.3);}
.i_box01_line{ position:absolute; content:""; width:30%; height:1px; background:#0856b4; right:-15%; top:20%;}
.i_box01_c{ display:inline-block; vertical-align:middle; width:60%; padding-left:10%;}
.i_box01_tt{ width:100%; color:#0856b4; overflow:hidden; font-size:50px; font-weight:800; letter-spacing:2px; overflow:hidden; margin-bottom:20px;}
.i_box01_tts{ display:inline-block; vertical-align:middle; font-size:20px; font-weight:400; margin-left:10px; color:#0856b4;}
.i_box01_f{ display:block; margin-top:15px;}
.i_box01_f_i{ display:table-cell; vertical-align:top; width:130px;}
.i_box01_f_ic{ display:inline-block; padding:3px 15px; background:rgba(0,0,0,0.15); -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px;}
.i_box01_f_c{ display:table-cell; vertical-align:top;}
.i_box01_f span{ margin:0 10px; color:#999999;}
.i_box01_f i{ display:inline-block;}
.i_box01_f b{ font-size:160%; line-height:1.2; font-style:normal;}
.i_box01_btn{ width:100%; margin-top:30px; text-align:right;}
.i_box01_btn a{ font-size:13px; padding:10px 20px; border:1px solid #0856b4; background:none; color:#0856b4; font-family:'Raleway', sans-serif; font-weight:500; letter-spacing:1px;}
.i_box01_btn a:hover{ border:1px solid #0856b4; background:#0856b4; color:#ffffff;}

/*
.i_box02{ position:relative; width:100%; font-size:16px; line-height:2.0; color:#222222; padding:80px 0; background:url(../images/bg.png) rgba(0,0,0,0.02);}
.i_box02_box{ display:flex; align-items:center; margin:0 auto; width:70%; min-width:1000px;}
.i_box02_c{ display:inline; width:60%; padding-right:10%;}
.i_box02_tt{ position:relative; width:100%; color:#0856b4; overflow:hidden; font-size:28px; padding-bottom:5px; border-bottom:1px solid rgba(0,0,0,0.4);}
.i_box02_ttf{ display:inline-block; font-weight:500; letter-spacing:1px;}
.i_box02_tts{ display:inline-block; font-size:70%; font-weight:100; margin-left:10px; color:#999999;}
.i_box02_list{ display:table; width:100%; overflow:hidden; padding:10px 0; border-bottom:1px dotted rgba(0,0,0,0.4);}
.i_box02_list a{ display:block; }
.i_box02_list_d{ display:table-cell; width:120px; vertical-align:middle; font-size:14px; text-align:center; color:#999999;}
.i_box02_list_f{ display:table-cell; vertical-align:middle;}
.i_box02_list_fc{ display:block; width:100%;}
.i_box02_btn{ width:100%; text-align:right; margin-top:20px;}
.i_box02_btn a{ font-size:13px; padding:10px 20px; border:1px solid #0856b4; background:none; color:#0856b4; font-family:'Raleway', sans-serif; font-weight:500; letter-spacing:1px;}
.i_box02_btn a:hover{ border:1px solid #0856b4; background:#0856b4; color:#ffffff;}
.i_box02_p{ display:inline; width:40%;}
.i_box02_pc{ display:inline-block; width:100%; height:0; padding-bottom:60%; -ms-behavior:url(css/backgroundsize.min.htc); behavior:url(css/backgroundsize.min.htc); box-shadow:6px 6px 10px -2px rgba(0,0,0,0.3);}
*/

.i_box03{ position:relative; width:100%; font-size:16px; line-height:2.0; color:#222222; padding:90px 0 70px 0; background:url(../images/bg.png) rgba(0,0,0,0.02);}
.i_box03_box{ margin:0 auto; width:70%; min-width:1000px;}
.i_box03_tt{ margin:0 auto; width:98%; color:#0856b4; overflow:hidden; font-size:50px; line-height:1.2; font-weight:800; letter-spacing:2px; overflow:hidden; margin-bottom:10px;}
.i_box03_tts{ display:inline-block; vertical-align:middle; font-size:20px; font-weight:400; margin-left:10px;}
.i_box03_tts a{ color:#0856b4;}
/*.i_box03_tt{ position:relative; margin:0 auto; width:98%; color:#0856b4; overflow:hidden; font-size:28px; margin-bottom:10px;}
.i_box03_ttf{ display:inline-block; font-weight:500; letter-spacing:1px;}
.i_box03_tts{ display:inline-block; font-size:70%; font-weight:100; margin-left:10px; color:#999999;}*/
.i_box03_c{ width:100%;}
.i_box03_btn{ width:100%; margin-top:10px; text-align:center;}
.i_box03_btn a{ font-size:13px; padding:10px 20px; border:1px solid #0856b4; background:none; color:#0856b4; font-family:'Raleway', sans-serif; font-weight:500; letter-spacing:1px;}
.i_box03_btn a:hover{ border:1px solid #0856b4; background:#0856b4; color:#ffffff;}

.footer_bg{ position:relative; width:100%; overflow:hidden; padding:40px 0; background:url(../images/bg.png) rgba(0,0,0,0.8);}
.footer{ margin:0 auto; width:70%; min-width:1000px; color:rgba(255,255,255,1); font-size:16px; line-height:1.7; font-weight:300; text-align:center;}
.footer i{ display:inline-block; margin-right:15px;}
.footer u{ display:inline-block; margin-right:15px;}
.footer_d{ font-size:90%; color:rgba(255,255,255,0.6); margin-top:10px;}

.content_bg{ width:100%; background:#ffffff;}
.banner{ position:relative; width:100%; height:260px; box-shadow:0px 0px 13px 1px rgba(0%,0%,0%,0.5) inset; -ms-behavior:url(css/backgroundsize.min.htc); behavior:url(css/backgroundsize.min.htc);}
.banner_d{ display:block; width:100%; height:40px; background:url(../images/bg.png);}

.content{ width:100%; padding:30px 0 60px 0;}
.content_box{ margin:0 auto; width:70%; min-width:1000px;}
.ctitle{ width:100%; font-size:30px; font-weight:500; margin-bottom:10px; text-align:center; letter-spacing:2px;}
.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:#f7a916; 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_content{ width:100%; overflow:hidden;}
.ne_list{ width:100%; overflow:hidden; margin-bottom:20px;}
.ne_list a{ display:block; width:100%; padding:12px 20px; border-bottom:1px dotted #C4C4C4; line-height:1.7;}
.ne_list a:nth-child(odd){ background:rgba(0,0,0,0.03);}
.ne_date{ position:relative; display:table-cell; vertical-align:middle; width:140px; text-align:center; font-size:14px; color:#898989;}
.ne_date:before{ position:absolute; content:""; right:0; top:50%; transform:translate(0%,-50%); width:1px; height:18px; background:rgba(0,0,0,0.2);}
.ne_date span{ font-size:88%; margin-right:5px;}
.ne_f{ display:table-cell; vertical-align:middle; font-size:18px; padding-left:20px;}
.ne_tc{ width:100%; margin-bottom:25px;}
.ne_tt{ position:relative; font-size:160%; color:#0856b4; font-weight:500; margin-bottom:10px; padding-left:16px;}
.ne_tt:before{ position:absolute; content:""; left:0; top:10px; width:4px; height:21px; background:#0856b4;}
.ne_date2{ display:inline-block; font-size:14px; line-height:1.8; color:#898989;}
.ne_date2 span{ font-size:88%; margin-right:5px;}

/*手冊*/
.fi2_content{ width:100%; overflow:hidden;}
.fi2_list{ display:flex; flex-wrap:wrap; vertical-align:middle; width:100%; margin-bottom:20px;}
.fi2_box{ display:flex; justify-content:flex-start; align-items:top; width:50%; padding:15px;}
.fi2_box_c{ display:block; width:100%; line-height:1.7; border:1px solid #ffffff; background:rgba(255,255,255,0.7); box-shadow:0px 0px 8px -2px rgba(0,0,0,0.3); overflow:hidden; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.fi2_tt{ display:block; padding:6px 10px; border-bottom:1px solid #cccbcb; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,e1e1e1+100 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgb(255,255,255) 0%, rgb(220,220,220) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgb(255,255,255) 0%,rgb(220,220,220) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgb(255,255,255) 0%,rgb(220,220,220) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e1e1e1',GradientType=0 ); /* IE6-9 */
}
.fi2_i{ display:table-cell; vertical-align:middle; width:40px;}
.fi2_ic{ width:30px; height:30px; line-height:30px; text-align:center; font-size:14px; color:#ffffff; background:rgba(8,86,180,0.5); border:1px solid rgba(8,86,180,0.5); /*box-shadow:-1px -1px 1px 0px rgba(0%,0%,0%,0.2) inset;*/ -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px; 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;}
.fi2_f{ display:table-cell; vertical-align:middle; font-size:20px; color:#0856b4;}
.fi2_file{ display:block; padding:8px 10px;}
.fi2_file a{ display:inline-block; vertical-align:top; width:50%; padding:5px 10px 5px 18px; font-size:17px; background:url(../images/symbol/icon_02.png) no-repeat 5px 15px; background-size:6px;}
.fi2_file a:hover{ color:#7b7b7b;}

/*
.fi2_list a:hover > .fi_date > .fi_date_c{ color:#ffffff; background:#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;}
.fi2_list a:nth-child(odd){ background:rgba(0,0,0,0.03);}
.fi2_date{ display:table-cell; vertical-align:middle; width:55px;}
.fi2_date_c{ width:30px; height:30px; line-height:30px; text-align:center; font-size:14px; color:#ffffff; background:rgba(0,0,0,0.3); -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px; 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;}
.fi2_f{ display:table-cell; vertical-align:middle; font-size:18px;}
*/

/*新書*/
.bo_content{ width:100%; overflow:hidden;}
.bo_box{ width:100%; overflow:hidden; margin-bottom:20px;}
.bo_list{ display:inline-block; vertical-align:top; width:33.2%; padding:20px;}
.bo_list a{ position:relative; display:block; width:100%; font-size:18px; line-height:1.7; background:#eeeeee; border:1px solid #eeeeee; padding:20px 30px 20px 140px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
.bo_list a:hover{ border:1px solid #0856b4; }
.bo_list_y{ position:absolute; left:30px; top:50%; transform:translate(0%,-50%); display:inline-block; width:90px; height:90px; padding:20px; background:#ffffff; border:2px solid #0856b4; color:#0856b4;  -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; 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;}
.bo_list_yc{ position:absolute; z-index:2; width:100%; left:50%; top:50%; transform:translate(-50%,-50%); font-size:28px; line-height:1.1; font-weight:600; text-align:center;}
.bo_list_yc span{ display:block; font-size:15px; font-weight:400;}
.bo_list_i{ display:inline-block; font-size:90%; margin-left:10px; color:rgba(0,0,0,0.3);}
.bo_list a:hover > .bo_list_y{ background:#0856b4; color:#ffffff; box-shadow:4px 4px 12px -2px rgba(0,0,0,0.5); 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;}
.bo_list a:hover > .bo_list_i{ color:#222222; 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;}

/*檔案*/
.fi_content{ width:100%; overflow:hidden;}
.fi_list{ width:100%; overflow:hidden; margin-bottom:20px;}
.fi_list a{ display:block; width:100%; padding:12px 30px; border-bottom:1px dotted #C4C4C4; line-height:1.7;}
.fi_list a:hover > .fi_date > .fi_date_c{ color:#ffffff; background:#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;}
.fi_list a:nth-child(odd){ background:rgba(0,0,0,0.03);}
.fi_date{ display:table-cell; vertical-align:middle; width:55px;}
.fi_date_c{ width:30px; height:30px; line-height:30px; text-align:center; font-size:14px; color:#ffffff; background:rgba(0,0,0,0.3); -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px; 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;}
.fi_f{ display:table-cell; vertical-align:middle; font-size:18px;}

/*連結*/
.li_content{ width:100%; overflow:hidden;}
.li_list{display:inline-block; width:50%; overflow:hidden; margin-bottom: 20px;}
.li_list a{ display:table; width:100%; padding:12px 30px; border-bottom:1px dotted #C4C4C4; line-height:1.7;}
.li_list a:hover > .li_date > .li_date_c{ color:#ffffff; background:#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;}
.li_list a:nth-child(odd){ background:rgba(0,0,0,0.03);}
.li_date{ display:table-cell; vertical-align:middle; width:55px;}
.li_date_c{ width:30px; height:30px; line-height:30px; text-align:center; font-size:14px; color:#ffffff; background:rgba(0,0,0,0.3); -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px; 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;}
.li_f{ display:table-cell; vertical-align:middle; font-size:18px;}

/*連結2*/
.li_list2{display:block; width:100%; overflow:hidden;}
.li_list2 a{ display:inline-block; width:50%; padding:12px 30px; border-bottom:1px dotted #C4C4C4; line-height:1.7; margin-bottom: -5px;}
.li_list2 a:hover > .li_date > .li_date_c{ color:#ffffff; background:#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;}

@media (min-width:1051px) and (max-width:1600px) {
.logo{ height:75px;}
.logo_p{ left:0.5%; width:276px; height:65px;}
.btn01 { left:auto; right:0vw; top:35px; transform:none;}
ul.navigation li a{ padding:0 1.5vw; font-size:17px; line-height:38px;} 
.btn02{ right:1.5vw; top:20px;}
.btn02 a{ font-size:14px;}
.btn02 span{ margin:0 0.6vw;}

.i_box01{ font-size:16px; line-height:1.8; padding:60px 0 70px 0;}
.i_box01_box{ width:70%; min-width:980px;}
.i_box01_pic{ display:inline-block; width:45%;}
.i_box01_pic_c{ padding-bottom:60%; box-shadow:6px 6px 10px -2px rgba(0,0,0,0.3);}
.i_box01_line{ width:28%; right:-14%; top:20%;}
.i_box01_c{ display:inline-block; width:55%; padding-left:7%;}
.i_box01_tt{ font-size:48px; margin-bottom:20px;}
.i_box01_tts{ font-size:20px; margin-left:10px;}
.i_box01_f{ display:table; margin-top:20px;}
.i_box01_f_i{ display:table-cell; vertical-align:top; width:130px;}
.i_box01_f_ic{ display:inline-block; padding:3px 15px;}
.i_box01_f_c{ display:table-cell; vertical-align:top;}
.i_box01_f span{ display:none;}
.i_box01_f i{ display:block;}
.i_box01_f b{ font-size:160%; line-height:1.0;}
.i_box01_btn{ margin-top:30px; text-align:right;}
.i_box01_btn a{ padding:10px 20px;}

/*
.i_box02{ font-size:16px; line-height:1.7; padding:50px 0 70px 0;}
.i_box02_box{ margin:0 auto; width:70%; min-width:980px;}
.i_box02_c{ display:inline; width:55%; padding-right:7%;}
.i_box02_tt{ font-size:28px; padding-bottom:5px;}
.i_box02_list{ padding:10px 0;}
.i_box02_list_d{ display:table-cell; width:100px; }
.i_box02_list_f{ display:table-cell;}
.i_box02_btn{ margin-top:20px;}
.i_box02_btn a{ padding:10px 20px;}
.i_box02_p{ display:inline; width:45%;}
.i_box02_pc{ padding-bottom:70%; box-shadow:6px 6px 10px -2px rgba(0,0,0,0.3);}
*/

.i_box03{ font-size:16px; line-height:1.7; padding:90px 0 60px 0;}
.i_box03_box{ margin:0 auto; width:70%; min-width:980px;}
.i_box03_tt{ width:98%; font-size:48px; margin-bottom:10px;}
.i_box03_tts{ font-size:20px; margin-left:10px;}
.i_box03_btn{ margin-top:10px;}
.i_box03_btn a{ padding:10px 20px;}

.footer_bg{ padding:40px 0;}
.footer{ width:70%; min-width:980px; font-size:16px; line-height:1.7;}
.footer i{ display:inline-block; margin-right:15px;}
.footer u{ display:inline-block; margin-right:15px;}

.banner{ height:240px;}
.banner_d{ height:40px;}
.content{ padding:30px 0 60px 0;}
.content_box{ width:90%; min-width:90%;}

.ctitle{ font-size:28px; margin-bottom:10px;}
.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;}

/*新書*/
.bo_box{ margin-bottom:20px;}
.bo_list{ display:inline-block; vertical-align:top; width:33.2%; padding:18px;}
.bo_list a{ font-size:18px; line-height:1.7; padding:20px 20px 20px 115px; }
.bo_list_y{ left:18px; width:84px; height:84px; padding:20px; }
.bo_list_yc{ font-size:28px;}
.bo_list a:hover > .bo_list_y{ box-shadow:4px 4px 12px -2px rgba(0,0,0,0.5); }
}

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

.logo{ height:60px;}
.logo_p{ left:1.0%; width:230px; height:54px;}
.btn01 { display:none;}
.btn02{ display:none;}

.tm_menu { display:block; position:fixed; z-index:992; top:0px; right:0; width:90px; height:60px; text-align:center; border:0px solid rgba(0,0,0,0.15); background:#0856b4; cursor:pointer;}
.tm_menu span { display:block; position:absolute; z-index:992; right:15px; top:50%; transform:translate(0%,-50%); font-size:15px; color:#ffffff; font-weight:300;}
.custom-menu-toggle { position:absolute; right:55px; 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:60px; 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);}
/*
.tm_menu { position:absolute; z-index:992; top:0px; right:0; width:60px; height:60px; background:#0856b4; cursor:pointer;}
.tm_menu span { display:blank; position:absolute; z-index:992; top:50%; transform:translate(-50%,-50%); right:23px; cursor:pointer; font-size:16px; color:#0856b4;}
.custom-menu-toggle { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:24px; height:2px; background:#ffffff; display:block; margin:auto; transition: 400ms;}
.custom-menu-toggle:before { position:absolute; width:24px; height: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(8px);}
.custom-menu-toggle:after { position:absolute; width:24px; height: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(-8px);}

.tm_menu_x { position:absolute; z-index:999; top:0px; right:0; width:57px; height:57px; background:#ffffff; cursor:pointer;}
.tm_menu_x span { display:none; position:absolute; z-index:992; top:50%; transform:translate(0%,-50%); right:30px; cursor:pointer; font-size:16px; color:#ffffff;}
.custom-menu-toggle-x { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:24px; height:2px; border-radius:10px; background:none; display:block; margin:auto; transition: 400ms;}
.custom-menu-toggle-x:before { position:absolute; width:24px; height:2px; border-radius:10px; background:#999999; 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:24px; height:2px; border-radius:10px; background:#999999; 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:-320px; width:320px; height:100vh; padding:50px 30px; background:rgba(255,255,255,1); box-shadow:0px 0px 10px -2px rgba(0,0,0,0.3); overflow-y:auto;}
.m_btns{ width:100%; border-bottom:1px solid rgba(255,255,255,0.1); padding-bottom:15px;}
.m_btns a{ display:inline-block; vertical-align:middle; font-size:16px; color:rgba(0,0,0,0.6); line-height:1.7;}
.m_btns span{ display:inline-block; vertical-align:middle; color:rgba(0,0,0,0.3); font-size:70%; margin:0 1vw;}
.m_btn{ width:100%;}
.m_btn a{ display:block; width:100%; padding:12px 20px 12px 35px; font-size:18px; color:rgba(0,0,0,1); border-bottom:1px solid rgba(0,0,0,0.1); background:url(../images/symbol/icon_04.svg) no-repeat 10px 17px rgba(0,0,0,0.05); background-size:18px;}
.m_btn_list{ width:100%;}
.m_btn_list a{ width:100%; display:block; width:100%; padding:6px 20px 6px 35px; font-size:17px; color:rgba(0,0,0,0.6); border-bottom:1px dotted rgba(0,0,0,0.3);}

/*.i_box00_p{ padding-bottom:450px;}*/
.i_box00_btn{ position:absolute; z-index:3; width:90%; right:0%; left:5%; bottom:-110px; display:flex; flex-wrap:wrap; vertical-align:middle; background:#05418a; letter-spacing:0px;}
.i_box00_btn a{ display:flex; justify-content:flex-start; align-items:top; flex:33.2%; padding:10px 20px; font-size:17px; line-height:1.6;}
.i_box00_btn a:first-child{border-left:0px;}
.i_box00_btn a:hover{ opacity:1;}
.i_box00_btn span{display:flex; align-items:flex-start; margin-bottom:0px; font-size:100%; margin-right:5px; margin-top:5px;}
.i_box00_btn p{ margin-top:0px;}

.i_box01{ font-size:16px; line-height:1.7; padding:50px 0 60px 0;}
.i_box01_box{ width:90%; min-width:90%;}
.i_box01_pic{ display:block; margin:0 auto; width:96%; padding-bottom:10px;}
.i_box01_pic_c{ width:100%; padding-bottom:50%; box-shadow:6px 6px 10px -2px rgba(0,0,0,0.3);}
.i_box01_line{ display:none;}
.i_box01_c{ display:block; margin:0 auto; width:90%; padding-left:0%;}
.i_box01_tt{ font-size:40px; margin-bottom:5px;}
.i_box01_tts{ font-size:20px; margin-left:10px;}
.i_box01_f{ display:table; margin-top:20px;}
.i_box01_f_i{ display:table-cell; vertical-align:top; width:130px;}
.i_box01_f_ic{ display:inline-block; padding:3px 15px;}
.i_box01_f_c{ display:table-cell; vertical-align:top;}
.i_box01_f span{ display:none;}
.i_box01_f i{ display:block;}
.i_box01_f b{ font-size:160%; line-height:1.0;}
.i_box01_btn{ margin-top:20px; text-align:right;}
.i_box01_btn a{ padding:10px 20px;}

/*
.i_box02{ font-size:16px; line-height:1.6; padding:70px 0;}
.i_box02_box{ flex-direction:column; width:90%; min-width:90%;}
.i_box02_c{ margin:0 auto; width:90%; order:2; padding-right:0%;}
.i_box02_tt{ font-size:24px; padding-bottom:5px;}
.i_box02_list{ padding:10px 0;}
.i_box02_list_d{ display:table-cell; width:100px; }
.i_box02_list_f{ display:table-cell;}
.i_box02_btn{ margin-top:20px;}
.i_box02_btn a{ padding:10px 20px;}
.i_box02_p{ width:100%; order:1; margin-bottom:20px;}
.i_box02_pc{ padding-bottom:40%; box-shadow:6px 6px 10px -2px rgba(0,0,0,0.3);}
*/

.i_box03{ font-size:16px; line-height:1.6; padding:150px 0 50px 0;}
.i_box03_box{ width:90%; min-width:90%;}
.i_box03_tt{ width:97%; font-size:40px; line-height:1.0; margin-bottom:0px;}
.i_box03_tts{ font-size:20px; margin-left:10px;}
.i_box03_btn{ margin-top:10px;}
.i_box03_btn a{ padding:10px 20px;}

.footer_bg{ padding:30px 0;}
.footer{ width:90%; min-width:90%; font-size:16px; line-height:1.6;}
.footer i{ display:inline-block; margin-right:15px;}
.footer u{ display:block; margin-right:0px;}

.banner{ height:200px;}
.banner_d{ height:36px;}
.content{ padding:30px 0 50px 0;}
.content_box{ width:90%; min-width:90%;}

.ctitle{ font-size:28px; margin-bottom:10px;}
.path_bg{ padding:10px 0; margin-bottom:30px;}
.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_list a{ padding:12px 15px; line-height:1.7;}
.ne_date{ display:table-cell; width:130px;}
.ne_date:before{ height:16px;}
.ne_f{ display:table-cell; font-size:18px; padding-left:20px;}
.ne_tc{ margin-bottom:25px;}
.ne_tt{ font-size:150%; margin-bottom:10px; padding-left:16px;}
.ne_tt:before{ top:10px; width:4px; height:20px;}

/*手冊*/
.fi2_list{ display:flex; flex-wrap:wrap; vertical-align:middle; width:100%; margin-bottom:16px;}
.fi2_box{ display:flex; justify-content:flex-start; align-items:top; width:50%; padding:15px;}
.fi2_box_c{ line-height:1.5;}
.fi2_tt{ padding:6px 10px;}
.fi2_i{ width:40px;}
.fi2_ic{ width:30px; height:30px; line-height:30px;}
.fi2_f{ font-size:18px; }
.fi2_file{ padding:8px 10px;}
.fi2_file a{ display:block; width:100%; padding:5px 10px 5px 18px; font-size:16px; background:url(../images/symbol/icon_02.png) no-repeat 5px 14px; background-size:6px;}

/*新書*/
.bo_list{ display:inline-block; vertical-align:top; width:50%; padding:18px;}
.bo_list a{ font-size:17px; line-height:1.6; padding:16px 16px 16px 110px; }
.bo_list_y{ left:16px; width:80px; height:80px; padding:16px; }
.bo_list_yc{ font-size:26px;}
.bo_list a:hover > .bo_list_y{ box-shadow:4px 4px 12px -2px rgba(0,0,0,0.5); }

/*檔案*/
.fi_list a{ padding:12px 25px; line-height:1.6;}
.fi_date{ width:50px;}
.fi_date_c{ width:30px; height:30px; line-height:30px;}
.fi_f{ font-size:17px;}
    
/*連結*/
.li_list{display:block; width:100%; margin-bottom:20px;}
.li_list a{ padding:12px 25px; line-height:1.6;}
.li_date{ width:50px;}
.li_date_c{ width:30px; height:30px; line-height:30px;}
.li_f{ font-size:17px;}

/*連結2*/
.li_list2 a{ display:block; width:100%; padding:12px 25px; line-height:1.6; margin-bottom:0px;}
}

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

.logo{ height:54px; border-top:3px solid #0856b4;}
.logo-d{ height:54px;}
.logo_p{ left:1.0%; width:187px; height:44px;}

.btn01{ display:none; }
.btn02{ display:none; }

.tm_menu { display:block; position:fixed; z-index:992; top:0; right:0; width:75px; height:54px; text-align:center; border:0px solid rgba(0,0,0,0.15); background:#0856b4; 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);}

/*
.tm_menu { position:absolute; z-index:992; top:0px; right:0; width:47px; height:47px; background:#0856b4; cursor:pointer;}
.custom-menu-toggle { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:22px; height:2px; background:#ffffff; display:block; margin:auto; transition: 400ms;}
.custom-menu-toggle:before { position:absolute; width:22px; height: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(6px);}
.custom-menu-toggle:after { position:absolute; width:22px; height: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(-6px);}

.tm_menu_x { position:absolute; z-index:999; top:0px; right:0; width:47px; height:47px; cursor:pointer;}
.custom-menu-toggle-x { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:22px; height:2px; border-radius:10px; background:none; display:block; margin:auto; transition: 400ms;}
.custom-menu-toggle-x:before { position:absolute; width:22px; height:2px; border-radius:10px; background:#999999; 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:22px; height:2px; border-radius:10px; background:#999999; 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:40px 0px; background:rgba(255,255,255,1); overflow-y:auto;}
.m_btns{ width:100%; border-bottom:1px solid rgba(255,255,255,0.1); padding:0 0 20px 30px;}
.m_btns a{ display:inline-block; vertical-align:middle; font-size:16px; color:rgba(0,0,0,0.6); line-height:1.7;}
.m_btns span{ display:inline-block; vertical-align:middle; color:rgba(0,0,0,0.3); font-size:70%; margin:0 2.5vw;}
.m_btn{ width:100%;}
.m_btn a{ display:block; width:100%; padding:8px 20px 8px 51px; font-size:18px; color:rgba(0,0,0,1); border-bottom:1px solid rgba(0,0,0,0.1); background:url(../images/symbol/icon_04.svg) no-repeat 30px 14px rgba(0,0,0,0.05); background-size:16px;}
.m_btn_list{ width:100%;}
.m_btn_list a{ width:100%; display:block; width:100%; padding:8px 20px 8px 50px; font-size:17px; color:rgba(0,0,0,0.6); border-bottom:1px dotted rgba(0,0,0,0.3);}

/*.i_box00_p{ padding-bottom:220px;}*/
.i_box00_btn{ position:relative; width:100%; bottom:0px; left:0;}

.i_box00_btn{ background:#05418a; display:flex; flex-wrap:wrap; vertical-align:middle;}
.i_box00_btn a{ display:flex; justify-content:flex-start; align-items:top; flex:33.2%; padding:6px 15px; font-size:17px; line-height:1.4;}
.i_box00_btn a:first-child{border-left:0px;}
.i_box00_btn a:hover{ opacity:1;}
/*.i_box00_btn span{ display:inline-block; vertical-align:top; margin-bottom:0px; margin-top:3px; font-size:80%;}*/
.i_box00_btn span{ display:flex; align-items:flex-start; font-size:80%; margin-bottom:0px; margin-right:5px; margin-top:5px;}
.i_box00_btn_f{ display:inline-block; vertical-align:top; padding-left:5px; font-weight:400;}
.i_box00_btn p{ margin-top:0px;}

.i_box01{ font-size:16px; line-height:1.6; padding:40px 0 50px 0;}
.i_box01_box{ width:83%; min-width:83%;}
.i_box01_pic{ display:block; width:100%; padding-bottom:5px;}
.i_box01_pic_c{ padding-bottom:50%; box-shadow:4px 4px 10px -2px rgba(0,0,0,0.3);}
.i_box01_line{ display:none;}
.i_box01_c{ display:block; margin:0 auto; width:100%; padding-left:0%;}
.i_box01_tt{ font-size:28px; margin-bottom:5px; letter-spacing:0px;}
.i_box01_tts{ font-size:18px; margin-left:8px;}
.i_box01_f{ display:table; margin-top:20px;}
.i_box01_f_i{ display:block; width:100%; margin-bottom:8px;}
.i_box01_f_ic{ display:inline-block; padding:3px 15px;}
.i_box01_f_c{ display:block;}
.i_box01_f span{ display:none;}
.i_box01_f i{ display:block;}
.i_box01_f b{ font-size:150%; line-height:1.0;}
.i_box01_btn{ margin-top:25px; text-align:center;}
.i_box01_btn a{ padding:8px 16px;}

/*
.i_box02{ font-size:16px; line-height:1.5; padding:40px 0 50px 0;}
.i_box02_box{ flex-direction:column; width:86%; min-width:86%;}
.i_box02_c{ width:100%; order:2; padding-right:0%;}
.i_box02_tt{ font-size:22px; padding-bottom:5px;}
.i_box02_list{ padding:6px 0;}
.i_box02_list_d{ display:block; width:100%; text-align:left;}
.i_box02_list_f{ display:block;}
.i_box02_btn{ margin-top:25px; text-align:center;}
.i_box02_btn a{ padding:8px 16px;}
.i_box02_p{ width:100%; order:1; margin-bottom:20px;}
.i_box02_pc{ padding-bottom:40%; box-shadow:6px 6px 10px -2px rgba(0,0,0,0.3);}
*/

.i_box03{ font-size:16px; line-height:1.5; padding:30px 0 40px 0;}
.i_box03_box{ width:86%; min-width:86%;}
.i_box03_tt{ width:95%; font-size:28px; margin-bottom:0px; letter-spacing:0px;}
.i_box03_tts{ font-size:18px; margin-left:8px;}
.i_box03_btn{ margin-top:15px;}
.i_box03_btn a{ padding:8px 16px;}

.footer_bg{ padding:20px 0;}
.footer{ width:90%; min-width:90%; font-size:16px; line-height:1.5;}
.footer i{ display:block; margin-right:0px;}
.footer u{ display:block; margin-right:0px;}

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

.ctitle{ font-size:24px; margin-bottom:5px;}
.path_bg{ padding:10px 0; margin-bottom:30px; overflow:hidden; 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_list a{ padding:10px 10px; line-height:1.6;}
.ne_date{ display:block; width:100%; text-align:left;}
.ne_date:before{ display:none;}
.ne_f{ display:block; font-size:16px; padding-left:0px;}
.ne_tc{ margin-bottom:15px;}
.ne_tt{ font-size:140%; margin-bottom:10px; padding-left:16px;}
.ne_tt:before{ top:10px; width:4px; height:18px;}

/*手冊*/
.fi2_list{ display:flex; flex-wrap:wrap; vertical-align:middle; width:100%; margin-bottom:0px;}
.fi2_box{ display:flex; justify-content:flex-start; align-items:top; width:100%; padding:10px;}
.fi2_box_c{ line-height:1.5;}
.fi2_tt{ padding:6px 10px;}
.fi2_i{ width:36px;}
.fi2_ic{ width:28px; height:28px; line-height:28px;}
.fi2_f{ font-size:18px; }
.fi2_file{ padding:8px 10px;}
.fi2_file a{ display:block; width:100%; padding:4px 5px 4px 18px; font-size:16px; background:url(../images/symbol/icon_02.png) no-repeat 5px 13px; background-size:6px;}

/*新書*/
.bo_list{ display:inline-block; width:50%; padding:12px 10px;}
.bo_list a{ font-size:16px; line-height:1.4; padding:68px 8px 10px 8px; text-align:center;}
.bo_list_y{ left:50%; transform:translate(-50%,0%); top:-10px; width:70px; height:70px; padding:15px; }
.bo_list_yc{ font-size:24px;}
.bo_list_i{ margin-left:5px;}
.bo_list a:hover > .bo_list_y{ box-shadow:3px 3px 10px -2px rgba(0,0,0,0.5); }

/*檔案*/
.fi_list a{ padding:10px 16px; line-height:1.5;}
.fi_date{ width:40px;}
.fi_date_c{ width:28px; height:28px; line-height:28px;}
.fi_f{ font-size:16px;}

/*連結*/
.li_list{display:block; width:100%; margin-bottom: 20px;}
.li_list a{ padding:10px 16px; line-height:1.5;}
.li_date{ width:40px;}
.li_date_c{ width:28px; height:28px; line-height:28px;}
.li_f{ font-size:16px;}

/*連結2*/
.li_list2 a{ display:block; width:100%; padding:10px 16px; line-height:1.5; margin-bottom:0px;}

}