@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, p {font-size: 100%; font-weight: normal; 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; font-family: 'Noto Sans TC', sans-serif;}
: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;}.ff_ss {font-family: 'Noto Sans TC', sans-serif;}

.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%;}.ht_max {max-height: 100%;}

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

.max_img img {max-width:100%!important;	height:auto!important;}
.img_100 img {width:100%!important;}
.bg_sas {background-attachment: scroll;}.bg_saf {background-attachment: fixed;}
.bg_bsa {background-size: auto;}.bg_bsc {-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}

.frame_1130 {max-width:1170px; margin:auto; padding: 0 20px; height: 100%;}
.frame_1180 {max-width:1220px; margin:auto; padding: 0 20px; height: 100%;}
.frame_1240 {max-width:1280px; margin:auto; padding: 0 20px; height: 100%;}

.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;}
.a_nohover {pointer-events: none; cursor: text;}
table, div {table-layout:fixed; word-wrap:break-word;}
select::-ms-expand { display: none !important; }
::placeholder {color:#b5b5b5 !important; font-weight:200 !important;}/* Firefox, Chrome, Opera */
:-moz-placeholder {color:#b5b5b5 !important; font-weight:200 !important;}/* Mozilla Firefox 4 to 18 */
::-moz-placeholder {color:#b5b5b5 !important; font-weight:200 !important;}/* Mozilla Firefox 19+ */
:-ms-input-placeholder {color:#b5b5b5 !important; font-weight:200 !important;}/* Internet Explorer 10-11 */
::-ms-input-placeholder {color:#b5b5b5 !important; font-weight:200 !important;}/* Microsoft Edge */
::-webkit-input-placeholder {color:#b5b5b5 !important; font-weight:200 !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: 30px; right: 50px; width: 22px; height: 104px; z-index:99;}
.goTop a:link, .goTop a:visited {
	text-decoration:none;
	display:block;
	line-height:0;
	font-size:0;
    color: #fff;
    width: 22px;
    height: 104px;
    overflow: hidden;
    text-align: center;
	transition: all 0.5s ease 0s;
}
.goTop a:active, .goTop a:hover {
	text-decoration:none;
	cursor:pointer;
    width: 22px;
    height: 104px;
    color: #fff;
    transform: scale(0.95, 0.95);
	transition: all 0.25s ease 0s;
}
.goTop a::after {content:url("../images/top.png"); line-height: 0; font-size: 0;}
.goTop a:hover::after {content:url("../images/top.png"); line-height: 0; font-size: 0;}

@media only screen and (min-width:993px){
    .hideUp .logo {margin-top: -19px;}
    .hideUp .logo a img:nth-child(1) {height: 34px!important;}
    .hideUp .logo a img:nth-child(2) {height: 38px!important;}
    .hideUp .logo a span {font-size: 14px!important;}
    .hideUp .top-barC {height: 40px;}
    .hideUp .links {margin-top: -8px;}
    .hideUp .sjj_nav_ul > li > a {line-height: 30px;}
    .hideUp .sjj_nav_ul > li > ul {top: 29px;}
    .hideUp .menu {margin: 5px 0; transition: all 0.25s ease 0s;}
    .hideUp #content {padding: 87px 0 0 0;}
}

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


/* 共用 */
html {overflow-x:hidden!important;}
body {
	background-color:#fff;
	font-family: 'Noto Sans TC', sans-serif;
	overflow-x:hidden!important;
}

#content {padding: 170px 0 0 0; transition: all 0.25s ease 0s; min-height: 1000px;}

.inputA {width: 100%; height: 100%; display: flex; padding: 0 10px; border: 1px solid rgba(149, 144, 144, 0.34);}
.inputB {width: 100%; border: 0; border-bottom:1px solid #b5b5b5; color:#333333;}
.inputC {width: 100%; border: 0; color:#898989; background-color: transparent; position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; padding: 0 10px;}
.inputD {width: calc(100% - 121px); border: 0; color:#898989; background-color: transparent; position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; padding: 0 10px;}
.inputE {width: calc(100% - 244px); border: 0; color:#898989; background-color: transparent; position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; padding: 0 10px;}
.inputS {
	width:119px; height:37px; margin: auto; display: flex; padding: 0 30px 0 15px; text-align: center; border:1px solid #b5b5b5; background-color:#fff; color:#333333; background-image:url(../images/arrow_a.png); background-repeat:no-repeat; background-position:90% 58%; -webkit-appearance: none; -o-appearance: none; -moz-appearance: none; appearance: none; cursor:pointer;
}
.inputS2 {
	width:100%; height:37px; margin: auto; display: flex; padding: 0 30px 0 15px; text-align: center; border:1px solid #b5b5b5; background-color:#fff; color:#333333; background-image:url(../images/arrow_a.png); background-repeat:no-repeat; background-position:90% 58%; -webkit-appearance: none; -o-appearance: none; -moz-appearance: none; appearance: none; cursor:pointer;
}
.inputS3 {
	width:100%; height:37px; margin: auto; display: flex; padding: 0 30px 0 15px; text-align: center; border:1px solid #e2e2e2; background-color:#fff; color:#898989; background-image:url(../images/arrow_a.png); background-repeat:no-repeat; background-position:95% 58%; -webkit-appearance: none; -o-appearance: none; -moz-appearance: none; appearance: none; cursor:pointer;
}
.textareaA {width: 100%; height: 263px; border: 0; color:#898989; background-color: #eaf1fb; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; padding: 20px; font-weight: 300;}

.more_a {position: absolute; bottom: 24px; right: 62px;}
.more_a:link, .more_a:visited {text-decoration:none; color:#215eab; background-color: #fff; border: 2px solid #215eab; width: 106px; height: 33px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; transition: all 0.1s ease 0s!important;}
.more_a:active, .more_a:hover {text-decoration:none; color:#fff; background-color: #45bcee; border: 2px solid #45bcee; border-radius: 20px; cursor:pointer; font-size: 0; transition: all 0.1s ease 0s!important;}
.more_a:hover::before {content: '➤'; font-size: 20px!important;}

.back_a:link, .back_a:visited {text-decoration:none; color:#fff; background-color: #215eab; width: 115px; height: 46px; margin: 100px auto 0 auto; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; transition: all 0.1s ease 0s!important;}
.back_a:active, .back_a:hover {text-decoration:none; color:#fff; background-color: #45bcee; border-radius: 30px; cursor:pointer; font-size: 0; transition: all 0.1s ease 0s!important;}
.back_a:hover::after {content: '↩'; font-size: 24px!important;}