@charset "utf-8";
/*.red {border:red 1px solid;}*/
html, body, div, p {margin: 0; padding: 0; text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; -webkit-text-size-adjust: none;}
h1, h2, h3, h4, h5, h6 {font-size: 100%; font-weight: normal; margin: 0; padding: 0;}
p {margin: 0; padding: 0;}
img {max-width:100%!important; height:auto!important; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none;}
input, button, textarea, select, optgroup, option {outline:none;}
:focus, input:focus, select:focus, textarea:focus {outline: 0!important;}
*, *:after, *:before {box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
/*ul , li {list-style-type:none; margin: 0; padding: 0;}*/
.ft_l {float:left;}.ft_r {float:right;}.ft_n {float:none;}.ft_i {float:inherit;}
.pt_r {position: relative;}.pt_a {position: absolute;}.pt_f {position: fixed;}
.spc_0 {height:0px; font-size:0px; line-height:0px; overflow:hidden; clear:both;}
.itv_0 {font-size:0px; line-height:0px;}

a:link, a:visited {text-decoration:none; color:#0000FF; transition: all 0.5s ease 0s;}
a:active, a:hover {text-decoration:underline; color:#ce000d; cursor:pointer; transition: all 0.5s ease 0s;}

.ff_al {font-family:Arial;}.ff_wz {font-family:Microsoft JhengHei;}.ff_sm {font-family:PMingLiU;}

.fs_12 {font-size:12px;}.fs_14 {font-size:14px;}.fs_16 {font-size:16px;}.fs_18 {font-size:18px;}.fs_20 {font-size:20px;}
.fs_22 {font-size:22px;}.fs_24 {font-size:24px;}.fs_26 {font-size:26px;}.fs_28 {font-size:28px;}.fs_30 {font-size:30px;}
.fs_32 {font-size:32px;}.fs_34 {font-size:34px;}.fs_36 {font-size:36px;}.fs_38 {font-size:38px;}.fs_40 {font-size:40px;}

.fw_n {font-weight:normal;}.fw_b {font-weight:bold;}

.ta_l {text-align:left;}.ta_c {text-align:center;}.ta_r {text-align:right;}.ta_j {text-align:justify;}
.to_e {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.tt_up {text-transform:uppercase;}
.ti-9 {text-indent:-9999px;}

.ts_b {text-shadow: -1px 2px 2px rgba(0, 0, 0, 0.5);}
.ts_w {text-shadow: -1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff;}

.bs {box-shadow: 0 0 13px rgba(0, 0, 0, 0.3);}
.bs_s {box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;}
.bs_m {box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;}
.bs_l {box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;}

.ht_5 {height:5px; font-size:0px; line-height:0px;}.ht_8 {height:8px; font-size:0px; line-height:0px;}
.ht_10 {height:10px; font-size:0px; line-height:0px;}.ht_15 {height:15px; font-size:0px; line-height:0px;}
.ht_20 {height:20px; font-size:0px; line-height:0px;}.ht_25 {height:25px; font-size:0px; line-height:0px;}
.ht_30 {height:30px; font-size:0px; line-height:0px;}.ht_40 {height:40px; font-size:0px; line-height:0px;}
.ht_50 {height:50px; font-size:0px; line-height:0px;}.ht_60 {height:60px; font-size:0px; line-height:0px;}
.ht_100 {height: 100%;}

.mobile {display:none;}.pc {display:block;}
.pd_20 {padding:0 20px;}.pd_30 {padding:0 30px;}

.rotate_360:hover img {text-decoration:none; -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); -ms-transform:rotate(360deg); transform:rotate(360deg); transition: all 0.5s ease 0s;}
.alpha_60 img {text-decoration:none; filter:alpha(opacity=100) ;Opacity:1.0; transition: all 0.5s ease 0s;}
.alpha_60:hover img {text-decoration:none; filter:alpha(opacity=60); Opacity:0.6; transition: all 0.5s ease 0s;}
.scale_3 img {transform: scale(1.0, 1.0); transition: all 0.5s ease 0s;}.scale_3:hover img {transform: scale(1.3, 1.3); transition: all 0.5s ease 0s;}
.scale_05 img {transform: scale(1.0, 1.0); transition: all 0.5s ease 0s;}.scale_05:hover img {transform: scale(1.05, 1.05); transition: all 0.5s ease 0s;}

.max_img img {max-width:100%!important;	height:auto!important;}
.img_100 img {width:100%!important;}

.frame_1170 {margin:auto; max-width:1210px; height: 100%; padding: 0 20px;}
.frame_1374 {margin:auto; max-width:1414px; height: 100%; padding: 0 20px;}

.dp_b {display:block;}.dp_ib {display:inline-block;}.dp_n {display:none;}.dp_i {display:inherit;}
.dp_f {display:flex;}.dp_if {display:inline-flex;}

.row_fd_r, .row_fd_r16, .row_fd_r14, .row_fd_r12, .row_fd_r9, .row_fd_r7, .row_fd_r5 {flex-direction:row;}
.row_fd_r_reverse {flex-direction:row-reverse;}
.row_fd_c {flex-direction:column;}.row_fd_c_reverse {flex-direction:column-reverse;}

.row_fw_nw, .row_fw_nw16, .row_fw_nw14, .row_fw_nw12, .row_fw_nw9, .row_fw_nw7, .row_fw_nw5 {flex-wrap: nowrap;}
.row_fw_w, .row_fw_w16, .row_fw_w14, .row_fw_w12, .row_fw_w9, .row_fw_w7, .row_fw_w5 {flex-wrap: wrap;}
.row_fw_w_reverse {flex-wrap:wrap-reverse;}

.jc-start {justify-content: flex-start;}
.jc-center {justify-content: center;}
.jc-end {justify-content: flex-end;}
.jc-around {justify-content: space-around;}
.jc-between {justify-content: space-between;}

.ai_center {align-items:center;}
.ai_start {align-items:flex-start;}
.ai_end {align-items:flex-end;}
.ai_stretch {align-items:stretch;}

.ac_center {align-content:center;}
.ac_start {align-content:flex-start;}
.ac_end {align-content:flex-end;}
.ac_around {align-content: space-around;}
.ac_between {align-content: space-between;}
.ac_stretch {align-content: stretch;}

.youtubecontent {position: relative; height: 0; overflow: hidden; padding-bottom: 56.25%;}
.youtubecontent iframe, .youtubecontent object, .youtubecontent embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.of_a {overflow:auto;}.of_h {overflow:hidden;}.of_s {overflow:scroll;}.of_i {overflow:inherit;}
.ofx_a {overflow-x:auto;}.ofx_h {overflow-x:hidden;}.ofx_s {overflow-x:scroll;}.ofx_i {overflow-x:inherit;}
.ofy_a {overflow-y:auto;}.ofy_h {overflow-y:hidden;}.ofy_s {overflow-y:scroll;}.ofy_i {overflow-y:inherit;}
.table_scroll {overflow-x: auto;}
.editor a {word-wrap: break-word;}
a {word-wrap: break-word; outline: none !important;}
table, div {table-layout:fixed; word-wrap:break-word;}
select::-ms-expand { display: none !important; }
::placeholder {color:#333333 !important; font-weight:bold !important;}/* Firefox, Chrome, Opera */
:-moz-placeholder {color:#333333 !important; font-weight:bold !important;}/* Mozilla Firefox 4 to 18 */
::-moz-placeholder {color:#333333 !important; font-weight:bold !important;}/* Mozilla Firefox 19+ */
:-ms-input-placeholder {color:#333333 !important; font-weight:bold !important;}/* Internet Explorer 10-11 */
::-ms-input-placeholder {color:#333333 !important; font-weight:bold !important;}/* Microsoft Edge */
::-webkit-input-placeholder {color:#333333 !important; font-weight:bold !important;}/* WebKit browsers */

.fs_12, .fs_14, .fs_16, .fs_18, .fs_20, .fs_22, .fs_24, .fs_26, .fs_28, .fs_30, .fs_32, .fs_34, .fs_36, .fs_38, .ht_5, .ht_10, .ht_15, .ht_20, .ht_25, .ht_30, .ht_60, .ht_50, .ht_60 {transition: all 0.25s ease 0s;}

#goTop {position:absolute; top: 0px; right: 0px; z-index:99;}
#goTop::after {content: url("../images/icon_01e.png"); position: absolute; top: 50%; left: 50%; margin: -8px 0 0 -12px; transition: all 0.15s ease 0s;}
#goTop:hover::after {content: url("../images/icon_01e.png"); position: absolute; top: 50%; left: 50%; margin: -12px 0 0 -12px; transition: all 0.15s ease 0s;}

.hideUp .top-barC {height: 70px;}
.hideUp .logo {width: 250px; margin-top: -28px;}
.hideUp .links {top: 3px;}
.hideUp .sjj_nav {top: 37px;}
.hideUp .links > div:nth-child(3) span {top: 2px;}
.hideUp .sjj_nav_ul > li > a {padding: 0px 0px 11px 0;}
.hideUp .sjj_nav_ul > li > ul {top: 30px;}
.hideUp .sjj_nav_ul > li > a::before {bottom: -13px;}
.hideUp #content {padding: 70px 0 0 0 ;}

.slideTable {position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url("../images/slideTable.png") no-repeat top center; background-size: 20%; background-color: rgba(0, 0, 0, 0.5); display: none;}


/* 共用 */
body {
	background-color:#fff;
	font-family:Arial, Microsoft JhengHei;
	overflow-x:hidden;
}

#content {padding: 110px 0 0 0 ; transition: all 0.5s ease 0s;}

.inputA {width: 100%; height: 100%; display: flex; padding: 0 10px; border: 1px solid rgba(149, 144, 144, 0.34);}
.inputB {width: 100%; height: 40px; display: flex; padding: 0 10px; border: 1px solid rgba(219, 219, 219, 0.85); color: #0e67d0; font-size: 14px; margin-bottom: 25px;}
.textareaA {width: 100%; height: 131px; display: flex; padding: 10px; border: 1px solid rgba(219, 219, 219, 0.85); color: #0e67d0; font-size: 14px; margin-bottom: 25px;}

.btn_a:link, .btn_a:visited {text-decoration:none; display: block; padding: 9.73% 8.095%; text-align: center; letter-spacing: 0.5px; font-size: 15px; color:#03589f; border: 1px solid #03589f; border-radius: 28px; transition: all 0.5s ease 0s;}
.btn_a:active, .btn_a:hover {text-decoration:none; color:#fff; background-color: #03589f; cursor:pointer; transition: all 0.5s ease 0s;}

.btn_b:link, .btn_b:visited {text-decoration:none; width: 167px; height: 50px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; color:#03589f; border: 1px solid #03589f; border-radius: 30px; transition: all 0.25s ease 0s;}
.btn_b:active, .btn_b:hover {text-decoration:none; color:#fff; background-color: #03589f; cursor:pointer; transition: all 0.25s ease 0s;}
.btn_b::before {content: url("../images/icon_03e.png"); margin-right: 10px; font-size: 0; line-height: 0;}
.btn_b:hover::before {content: url("../images/icon_03f.png"); margin-right: 10px; font-size: 0; line-height: 0;}

.btn_c:link, .btn_c:visited {text-decoration:none; width: 167px; height: 50px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; color:#03589f; border: 1px solid #03589f; border-radius: 30px; transition: all 0.25s ease 0s;}
.btn_c:active, .btn_c:hover {text-decoration:none; color:#fff; background-color: #03589f; cursor:pointer; transition: all 0.25s ease 0s;}
.btn_c::before {content: url("../images/icon_03g.png"); margin-right: 10px; font-size: 0; line-height: 0;}
.btn_c:hover::before {content: url("../images/icon_03h.png"); margin-right: 10px; font-size: 0; line-height: 0;}

.prev_b:link, .prev_b:visited {text-decoration:none; width: 167px; height: 50px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; color:#34373c; background-color: #f3f3f3; border-radius: 4px; transition: all 0.25s ease 0s;}
.prev_b:active, .prev_b:hover {text-decoration:none; color:#fff; background-color: #03589f; cursor:pointer; transition: all 0.25s ease 0s;}
.prev_b::before {content: url("../images/prev_c.png"); margin-right: 10px; font-size: 0; line-height: 0;}
.prev_b:hover::before {content: url("../images/prev_d.png"); margin-right: 10px; font-size: 0; line-height: 0;}

.next_b:link, .next_b:visited {text-decoration:none; width: 167px; height: 50px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; color:#34373c; background-color: #f3f3f3; border-radius: 4px; transition: all 0.25s ease 0s;}
.next_b:active, .next_b:hover {text-decoration:none; color:#fff; background-color: #03589f; cursor:pointer; transition: all 0.25s ease 0s;}
.next_b::after {content: url("../images/next_c.png"); margin-left: 10px; font-size: 0; line-height: 0;}
.next_b:hover::after {content: url("../images/next_d.png"); margin-left: 10px; font-size: 0; line-height: 0;}

.back_a:link, .back_a:visited {text-decoration:none; width: 167px; height: 50px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; color:#34373c; background-color: #f3f3f3; border-radius: 4px; transition: all 0.25s ease 0s;}
.back_a:active, .back_a:hover {text-decoration:none; color:#fff; background-color: #03589f; cursor:pointer; transition: all 0.25s ease 0s;}
.back_a::before {content: url("../images/icon_03i.png"); margin-right: 10px; font-size: 0; line-height: 0;}
.back_a:hover::before {content: url("../images/icon_03j.png"); margin-right: 10px; font-size: 0; line-height: 0;}

.btn_d:link, .btn_d:visited {text-decoration:none; width: 204px; line-height: 335%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; color:#1260bb; border: 1px solid #1260bb; border-radius: 30px; transition: all 0.25s ease 0s;}
.btn_d:active, .btn_d:hover {text-decoration:none; color:#fff; background-color: #1260bb; cursor:pointer; transition: all 0.25s ease 0s;}

input.btn_d {text-decoration:none; width: 204px; line-height: 335%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; color:#1260bb; background-color: #fff; border: 1px solid #1260bb; border-radius: 30px; transition: all 0.25s ease 0s;}
input.btn_d:hover {text-decoration:none; color:#fff; background-color: #1260bb; cursor:pointer; transition: all 0.25s ease 0s;}