#gotop { display:none; position:fixed; z-index:89; width:50px; height:50px; line-height:48px; right:20px; bottom:40px; cursor:pointer; text-align:center; font-size:14px; color:#e26381; border:1px solid #e26381; 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:#e26381; 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; width:100%; height:70px; text-align:right; 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-d{ box-shadow:0px 0px 12px -2px rgba(0,0,0,0.2); 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.6%; top:35px; width:407px; 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; 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 h1{ position:absolute; z-index:0; left:-99999px;}
.logo-pd{ left:0.5vw; top:50%; transform:translate(0%,-50%); width:349px; height:60px; 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;}
.btn{ display:inline-block; vertical-align:top; font-size:18px; font-weight:400; font-family:'Noto Sans TC', sans-serif;}
.btn a{ display:inline-block; color:#222222; padding:0 1.3vw; line-height:70px;}
.btn a:hover{ color:#dd7676;}
.btn_b{ display:inline-block; vertical-align:top;}
.btn_b a{ display:inline-block; font-size:18px; font-weight:400; font-family:'Noto Sans TC', sans-serif; line-height:70px; padding:0 25px; color:#ffffff; background:#dd7676;}
.btn_b a:hover{ background:#ce4646;}
.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; z-index: 8; 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_box01_f{ position:absolute; z-index:3; right:12%; top:30%; width:25%; height:25%; background:url(../images/font.svg) no-repeat center center; background-size:contain; -ms-behavior:url(css/backgroundsize.min.htc); behavior:url(css/backgroundsize.min.htc);}
.i_box01_f01{ position: absolute; z-index:3; width: 100%; height:50%; background: url(../images/f01.png) no-repeat bottom center; background-size:contain; bottom: 0; left: 0;}
.i_box01_f02{ position: absolute; z-index:1; width:40%; height:60%; background: url(../images/f02.png) no-repeat top left; background-size:contain; top: 0; left: 0;}
.i_box01_f03{ position: absolute; z-index:1; width:40%; height:60%; background: url(../images/f03.png) no-repeat top right; background-size:contain; top: 0; right: 0;}
.i_box01_p{ position: absolute; z-index:2; width:57%; height:100%; background: url(../images/p.png) no-repeat bottom center; background-size:contain; bottom:5%; left: 10%;}

.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_logo{ display: none;}
.i_box02_btn{ display:block; width:100%; margin-bottom:50px;}
.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:#a22950; 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:none; 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{ width:100%; overflow:hidden; padding:20px; background:url(../images/ibox_bg.gif);}
.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;}

.banner_box{ position:relative; width:100%; margin-top:70px;}
.banner_fer{ position:absolute; z-index:2; width:40%; height:80%; left:0; bottom:0px; background: url(../images/f04.png) no-repeat left bottom; background-size:contain;}
.banner_bg{ width:100%; overflow:hidden; background:url(../images/ibox_bg.gif) repeat-x left bottom -140px #ffffff; background-size:300px; padding-bottom:5px;}
.banner_p{ float:right; position:relative; display:inline-block; width:72vw; height:0; padding-bottom:300px; -ms-behavior:url(css/backgroundsize.min.htc); behavior:url(css/backgroundsize.min.htc);}
.banner_p:before{ position:absolute; z-index:2; display:block; content: ""; top:0; left:0; width:8%; padding-bottom:8%; background:url(../images/0_mask.png) no-repeat; background-size:cover;}
.path_bg{ width:100%; background:rgba(0,0,0,0.1); overflow:hidden; padding:18px;}
.path{ margin:0 auto; width:80%; min-width:1000px; font-size:14px; color:#666666; font-family: 'Noto Sans TC', sans-serif; text-align:right;}
.path span{ display:inline-block; vertical-align:middle;}
.path_line{ display:inline-block; vertical-align:middle; width:14px; height:1px; background:#999999; margin:0 5px;}
.path a{ display:inline-block; vertical-align:middle;}

.content_bg{ width:100%; overflow:hidden; padding:60px 0 90px 0;}
.content{ margin:0 auto; width:70%; min-width:900px;}

.ac_paper{ width: 100%; overflow: hidden; text-align: center;margin-bottom:30px; padding: 50px; background: rgb(255,222,218); background: -moz-linear-gradient(-45deg,  rgb(255,222,218) 0%, rgb(255,255,255) 49%, rgb(255,222,218) 100%); background: -webkit-linear-gradient(-45deg,  rgb(255,222,218) 0%,rgb(255,255,255) 49%,rgb(255,222,218) 100%); background: linear-gradient(135deg,  rgb(255,222,218) 0%,rgb(255,255,255) 49%,rgb(255,222,218) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdeda', endColorstr='#ffdeda',GradientType=1 ); box-shadow:4px 4px 12px -2px rgba(0,0,0,0.2);}
.ac_paper_tt{ font-size:120%; font-weight: 500; color: #a22950; margin-bottom:10px; }
.ac_paper_tt i{ display:inline-block; margin-right:15px;}
.ac_paper_tts{ font-size:90%; color: #666666; text-align: right; margin-top:20px; }
.ac_paper span{ font-size:130%; color: #a22950; margin: 0 5px;}
.ac_table{ display: table; width:100%; overflow: hidden; margin: 5px 0;}
.ac_table_t01{ display:table-cell; width: 100px;}
.ac_table_t01_c{ display: inline-block; width: 100%; background: #a22950; text-align: center; color: #ffffff; padding:0 20px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.ac_table_t02{ display:table-cell; padding-left: 30px;}
.ac_table span{ font-size:130%; color: #a22950; margin: 0 5px;}

.atitle_box{ margin-bottom:8px;}
.atitle{ position:relative; display:inline-block; font-size:140%; line-height:1.5; color:#a22950; 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:#a22950;}
.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;}

.ac_pic{ display:block; width:100%;}
.ac_pic_c{ display:inline-block; width:25%; padding:5px 10px;}
.ac_pic_c img{ display:block; width: 100%; margin: 0;}

/*PHOTP*/
.po_content{ margin:0 auto; width:100%;}
.po_class{ margin:0 auto; width:98%; font-size:15px; line-height:1.8; color:#222222; letter-spacing:1px; text-align:right; margin-bottom:25px; padding:10px 0px; border-bottom:1px dotted #999999; }
.po_class img{ width:7px; margin-right:5px;}
.po_class select{ padding:3px 8px; border:0; background:rgba(0,0,0,0.05); -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:16px; font-family:'Open Sans',"微軟正黑體","Arial";}
.po_class option{ padding:3px 10px 3px 5px;}
.po_list{ width:100%; overflow:hidden;}
.po_list_c{ display:inline-block; vertical-align:top; width:33.3%; padding:10px 20px;}
.po_list_p_k{ position:relative; width:100%; margin-bottom:10px;}
.po_list_p_bg{ position:relative; width:100%; height:0; padding-bottom:75%; overflow:hidden; box-shadow:0px 0px 9px -2px rgba(0,0,0,0.3);}
.po_list_p{ position:absolute; left:0; top:0; width:101%; height:101%; -ms-behavior:url(css/backgroundsize.min.htc); behavior:url(css/backgroundsize.min.htc);}
.po_list_p_date{ position:absolute; z-index:2; bottom:20px; left:0; font-size:15px; letter-spacing:2px; background:rgba(0,0,0,0.5); color:#ffffff; padding:6px 25px;}
.po_list_tt{ margin:0 auto; width:98%; font-size:18px; line-height:1.7; color:#222222; font-family:'Noto Sans TC', sans-serif; letter-spacing:1px; padding:10px 0;}
.po_list_tt span{ display:block; font-size:15px; color:#747373;}
.po_list2{ width:100%; overflow:hidden; text-align:center;}
.po_list2_c{ display:inline-block; width:25%; padding:20px;}
.po_list2_p_k{ width:100%; background:#ffffff; box-shadow:0px 0px 9px -2px rgba(0,0,0,0.3);}
.po_list2_p_bg{ position:relative; width:100%; height:0; padding-bottom:75%; overflow:hidden;}
.po_list2_p{ position:absolute; left:0; top:0; width:101%; height:101%; -ms-behavior:url(css/backgroundsize.min.htc); behavior:url(css/backgroundsize.min.htc);}
.po_list2_title{ margin:0 auto; width:98%; font-size:160%; color:#dc5555; font-family:'Noto Sans TC', sans-serif; letter-spacing:1px; font-weight: 500; color:#dc5555; margin-bottom:5px;}
.po_list2_f{ margin:0 auto; width:98%; font-size:15px; line-height:1.7; color:#666666; margin-bottom:10px; letter-spacing:1px;}

.photo_list{ width:100%;}
.photo_box{ display:inline-block; vertical-align: top; width:33.3%; padding:0 20px 20px 20px;}
.photo_box a{ display:block; overflow: hidden; text-align: center; font-size:18px; line-height: 1.8; padding:15px; border:1px solid rgba(0,0,0,.2); -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; background:#ffffff;}
.photo_box_p{width:100%; padding-bottom:80%; -ms-behavior:url(css/backgroundsize.min.htc); behavior:url(css/backgroundsize.min.htc); 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;}
.photo_box_p:hover{ opacity:.8; 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;}
.tbox_list{ width:100%;}
.tbox_list .boxc{ display:inline-block; vertical-align:top; width:25%; padding:15px 15px 15px 25px;}
.tbox_list_c{ display:block; width:100%; background:#ffffff; padding:10px; box-shadow:0px 3px 8px -2px rgba(0,0,0,0.3);}
.tbox_p{ display: block; width:100%; padding-bottom:75%; -ms-behavior:url(css/backgroundsize.min.htc); behavior:url(css/backgroundsize.min.htc); 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;}
.tbox_p:hover{ opacity:.8; 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;}
.tbox_f{ display:block; font-size:17px; color:rgba(0,0,0,.9); margin-top:10px;}

.book{ text-align:center;}
.book_c{ display:inline-block; width:50%; vertical-align:top; text-align: center; padding:0 20px; margin-bottom:40px; font-size:18; line-height: 2.0;}
.book_p{  margin-bottom:20px;}
.book_p img{ display: block; margin: 0 auto; width:60%;background: #ffffff; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; box-shadow:2px 2px 12px -2px rgba(0,0,0,0.5);}
.book_f{ width:100%;}
.book_f a{ display:inline-block; padding: 5px 20px; margin-top: 5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#a22950; color:#ffffff; }
.book_f a:hover{ opacity:.8; }
.book_f span{ display: block; font-size:120%; font-weight: bold; color:#a22950; margin-bottom: 10px;}

@media (min-width:1001px) and (max-width:1600px) {
.logo{ height:70px;}
.logo_p{ left:1%; top:50%; transform:translate(0%,-50%); width:360px; height:62px;}
.logo-pd{ left:0.5vw; top:44%; transform:translate(0%,-44%); width:349px; height:60px;}
.btn{ font-size:17px;}
.btn a{ padding:0 1.3vw; line-height:70px;}
.btn_b a{ font-size:17px; line-height:70px; padding:0 25px;}

.i_box{ position:absolute; height:100%;}
.i_box01{ display:table-cell; width:auto; height:100%; }
.i_box01_f{ right:8%; top:30%; width:30%; height:28%;}
.i_box01_f01{ height:50%;}
.i_box01_f02{ width:50%; height:60%; }
.i_box01_f03{ width:50%; height:60%; }
.i_box01_p{ width:74%; bottom:5%; left:0%;}

.i_box02{ display:table-cell; width:21%; height:100%; padding:5% 3%;}
.i_btn02_logo{ display: none;}
.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:20px;}
.footer i{ display:inline-block; margin-right:15px;}

.banner_box{ margin-top:70px;}
.banner_fer{ width:40%; height:80%;}
.banner_bg{ background:url(../images/ibox_bg.gif) repeat-x left bottom -100px #ffffff; background-size:250px;}
.banner_p{ float:right; width:72vw; height:0; padding-bottom:210px;}
.banner_p:before{ display:block; width:6%; padding-bottom:6%;}
.path_bg{ padding:16px;}
.path{ width:96%; min-width:96%; font-size:14px;}
.path_line{ width:14px; margin:0 5px;}
    
.content_bg{ padding:60px 0 60px 0;}
.content{ width:70%; min-width:900px;}

.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;}

.photo_box{ display:inline-block; width:33.3%; padding:0 12px 25px 12px;}
.photo_box a{ font-size:17px; line-height: 1.7; padding:12px;}
.tbox_list .boxc{ display:inline-block; width:32%; padding:15px 15px 15px 25px;}
.tbox_list_c{ padding:10px;}
.tbox_f{ font-size:17px; margin-top:8px;}

}

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

.logo{ height:54px; }
.logo_p{ left:0.5%; top:50%; transform:translate(0%,-50%); width:291px; height:50px;}
.logo-pd{ left:0.5vw; top:50%; transform:translate(0%,-50%); width:291px; height:50px;}
.btn{ display:none;}
.btn_b{ display:none;}

.i_box{ position:absolute; display:block; height:100%;}
.i_box01{ display:block; width:100%; height:100%; }
.i_box01_f{ right:8%; top:30%; width:30%; height:28%;}
.i_box01_f01{ height:50%;}
.i_box01_f02{ width:50%; height:60%; }
.i_box01_f03{ width:50%; height:60%; }
.i_box01_p{ width:65%; bottom:5%; left:0%;}
    
.i_box02{ display:none;}
.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:0px; width:100px; height:54px; text-align:center; background:#e26381; 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:15px;}
.footer i{ display:inline-block; margin-right:15px;}

.banner_box{ margin-top:54px;}
.banner_fer{ width:45%; height:80%;}
.banner_bg{ background:url(../images/ibox_bg.gif) repeat-x left bottom -100px #ffffff; background-size:220px;}
.banner_p{ float:right; width:76vw; height:0; padding-bottom:170px;}
.banner_p:before{ display:block; width:6%; padding-bottom:6%;}
.path_bg{ padding:14px;}
.path{ width:96%; min-width:96%; font-size:14px;}
.path_line{ width:15px; margin:0 5px;}

.content_bg{ padding:50px 0 60px 0;}
.content{ width:90%; min-width:90%;}

.ac_paper{ margin-bottom:30px; padding: 50px; box-shadow:4px 4px 12px -2px rgba(0,0,0,0.2);}
.ac_paper_tt{ margin-bottom:10px; }
.ac_paper_tt i{ display:inline-block; margin-right:15px;}
.ac_paper_tts{ text-align: right; margin-top:20px; }
.ac_paper span{ margin: 0 5px;}
.ac_table{ display: table; margin: 5px 0;}
.ac_table_t01{ display:table-cell; width:100px;}
.ac_table_t01_c{ padding:0 20px;}
.ac_table_t02{ display:table-cell; padding-left: 30px;}
.ac_table span{ margin: 0 5px;}
    
.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;}
    
.ac_pic_c{ display:inline-block; width:50%; padding:5px 10px;}
.ac_pic_c img{ margin: 0;}
    
/*PHOTP*/
.po_class{ width:98%; font-size:15px; line-height:1.7; margin-bottom:25px; padding:8px 16px;}
.po_class img{ width:7px; margin-right:5px;}
.po_class select{ padding:2px 5px; font-size:15px;}
.po_class option{ padding:3px 10px 3px 5px;}
.po_list_c{ width:50%; padding:6px 20px;}
.po_list_p_k{ margin-bottom:5px;}
.po_list_p_date{ font-size:15px; padding:5px 20px;}
.po_list_tt{ width:98%; font-size:17px; line-height:1.7; padding:10px 0;}
.po_list_tt span{ font-size:15px;}
.po_list2_c{ width:33.3%; padding:10px;}
.po_list2_title{ width:98%; font-size:140%; margin-bottom:5px;}
.po_list2_f{ auto; width:98%; font-size:14px; line-height:1.6; margin-bottom:20px;}

.photo_box{ display:inline-block; width:50%; padding:0 10px 20px 10px;}
.photo_box a{ font-size:16px; line-height: 1.6; padding:10px;}
.tbox_list .boxc{ display:inline-block; width:49%; padding:10px 10px 20px 20px;}
.tbox_list_c{ padding:10px;}
.tbox_f{ font-size:16px; margin-top:7px;}

.book_c{ display:block; width:100%; text-align:left; padding:0; margin-bottom:30px; font-size:17; line-height:1.8;}
.book_p{ display: inline-block; vertical-align: middle; width:30%; margin-bottom:0;}
.book_p img{ width:100%;}
.book_f{ display: inline-block; vertical-align: middle; width:70%; padding-left:40px; padding-right: 0;}
.book_f a{ display:inline-block; padding:4px 16px; }
}

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

.logo{ height:50px; }
.logo_p{ left:1%; top:50%; transform:translate(0%,-50%); width:244px; height:42px;}
.logo-pd{ left:1%; top:50%; transform:translate(0%,-50%); width:244px; height:42px;}
.btn{ display:none;}
.btn_b{ display:none;}

.i_box{ position:absolute; display:block; height:100%;}
.i_box01{ position:absolute; display:block; width:100%; height:100%; overflow:hidden; }
.i_box01_f{ right:22%; top:7%; width:54%; height:40%;}
.i_box01_f01{ height:24%; background-size:cover;}
.i_box01_f02{ display: none; width:55%; height:60%; }
.i_box01_f03{ width:90%; height:50%; }
.i_box01_p{ width:100%; height:60%; bottom:0%; left:50%; transform:translate(-50%,0%); background-size:cover;}
    
.i_box02{ display:none;}
.i_btn02_logo{ display:block; width:100%; height:90px; margin-bottom:20px; background: url(../images/font.svg) no-repeat top left; background-size:contain; -ms-behavior:url(css/backgroundsize.min.htc); behavior:url(css/backgroundsize.min.htc); cursor: pointer;}
.i_btn02_logo h1{ position:absolute; z-index:0; left:-99999px;}
.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:0px; right:0px; width:80px; height:50px; text-align:center; border:0px solid rgba(0,0,0,0.15); background:#e26381; cursor:pointer;}
.tm_menu span { display:block; position:absolute; z-index:992; right:14px; top:50%; transform:translate(0%,-50%); font-size:15px; color:#ffffff; font-weight:300;}
.custom-menu-toggle { position:absolute; right:50px; 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:10px;}
.footer{ font-size:14px;}
.footer i{ display:block; margin-right:0px;}

.banner_box{ margin-top:50px;}
.banner_fer{ width:46%; height:80%;}
.banner_bg{ background:url(../images/ibox_bg.gif) repeat-x left bottom -100px #ffffff; background-size:220px;}
.banner_p{ float:right; width:100vw; height:0; padding-bottom:130px;}
.banner_p:before{ display:none; width:13%; padding-bottom:13%;}
.path_bg{ padding:8px 10px;}
.path{ width:96%; min-width:96%; font-size:13px;}
.path_line{ width:15px; margin:0 5px;}

.content_bg{ padding:40px 0 40px 0;}
.content{ width:86%; min-width:86%;}
    
.ac_paper{ margin-bottom:25px; padding:40px; box-shadow:3px 3px 10px -2px rgba(0,0,0,0.2);}
.ac_paper_tt{ margin-bottom:10px; }
.ac_paper_tt i{ display:block; margin-right:0px;}
.ac_paper_tts{ text-align: right; margin-top:20px; }
.ac_paper span{ margin: 0 5px;}
.ac_table{ display:block; margin: 5px 0;}
.ac_table_t01{ display:block; width:90px; margin-bottom: 5px;}
.ac_table_t01_c{ padding:0 20px;}
.ac_table_t02{ display:block; padding-left:0px;}
.ac_table span{ margin: 0 5px;}

.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;}

.ac_pic_c{ display:block; width:100%; padding:5px 5px;}
.ac_pic_c img{ margin: 0;}

/*PHOTP*/
.po_class{ width:98%; font-size:14px; line-height:1.6; margin-bottom:20px; padding:6px 12px;}
.po_class img{ width:6px; margin-right:5px;}
.po_class select{ padding:2px 5px; font-size:15px;}
.po_class option{ padding:3px 10px 3px 5px;}
.po_list_c{ width:100%; padding:5px 8px;}
.po_list_p_k{ margin-bottom:5px;}
.po_list_p_date{ font-size:15px; padding:5px 15px;}
.po_list_tt{ width:98%; font-size:16px; line-height:1.6; padding:6px 0;}
.po_list_tt span{ font-size:14px;}
.po_list2_c{ width:50%; padding:8px 6px;}
.po_list2_title{ width:98%; font-size:130%; margin-bottom:3px;}
.po_list2_f{ auto; width:98%; font-size:14px; line-height:1.6; margin-bottom:15px;}

.photo_box{ display:inline-block; width:100%; padding:0 10px 20px 10px;}
.photo_box a{ font-size:16px; line-height: 1.5; padding:8px;}
.tbox_list .boxc{ display:block; width:99%; padding:10px 10px 15px 13px;}
.tbox_list_c{ padding:8px;}
.tbox_f{ font-size:16px; margin-top:6px;}

.book_c{ display:block; width:100%; text-align:left; padding:0 10%; margin-bottom:40px; font-size:16; line-height:1.6;}
.book_p{ display:block; width:100%; margin-bottom:20px;}
.book_p img{ width:100%;}
.book_f{ display:block; width:100%; padding-left:0; padding-right: 0;}
.book_f span{ line-height:1.5;}
.book_f a{ display:inline-block; padding:4px 14px; }

}