@charset "utf-8";
/* CSS Document */
footer { position: relative; line-height: 1.875; overflow: hidden; z-index: 1;}
footer a:link, footer a:visited { position: relative; text-decoration:none; color: #ded1c4; z-index: 1; transition: all 0.35s ease 0s;}
footer a:active, footer a:hover {text-decoration:none; color: #fff; cursor:pointer; transition: all 0.35s ease 0s;}

.ft_con { position: relative; padding: 5% 0;}
.ft_con .parallax__container .parallax { height: 826px!important;}
.ft_con .ft_con_text { display: flex; flex-flow: wrap; align-items: center; color: #f8f8f8;}
.ft_con .ft_con_text > div:nth-child(1) { width: 50%; font-weight: 600;}
.ft_con .ft_con_text > div:nth-child(1) .tit { line-height: 1.3; margin: 0 0 20px 0; letter-spacing: 2px;}
.ft_con .ft_con_text > div:nth-child(1) p { color: #eadccd; margin: 30px 0 0 0; font-family: "Noto Sans TC", sans-serif;}
.ft_con .ft_con_text > div:nth-child(2) { width: 50%; text-align: center; padding: 0 30px;}
.ft_con .ft_con_text > div:nth-child(2) .eng { font-size: 400%; color: #e2d5c7; line-height: 1.1;}
.ft_con .ft_con_text > div:nth-child(2) .cht { color: #fff; margin: 30px 0;}
.ft_con .ft_con_text > div:nth-child(2) .btn_b { color: #fff;}

.footer { padding: 2% 0; color: #ded1c4; background: #162635;}
.footer .ft_T { display: flex; flex-flow: wrap; padding: 60px 0 100px 0;}
.footer .ft_T .ft_T_L { width: 38%; margin: 0 2% 0 0; padding: 0 2% 0 0; border-right: 1px solid rgb(222, 209, 196,.2);}
.footer .ft_T .ft_T_L .con_infor > div { display: flex; flex-flow: row;}
.footer .ft_T .ft_T_L .con_infor > .loca { margin: 20px 0 0 0;}
.footer .ft_T .ft_T_L .con_infor > div .infor_L { min-width: 11%;}
.footer .ft_T .ft_T_L .con_infor { margin: 30px 0 0 10px; font-family: "Noto Sans TC", sans-serif;}
.footer .ft_T .ft_T_L .con_infor a { position: relative; word-break: break-word;}
.footer .ft_T .ft_T_L .con_infor a::before { content: ''; background: #fff; height: 5px; width: 5px; position: absolute; top: 20%; left: 10%; opacity: 0; visibility: hidden; z-index: -10; transition: all 0.35s ease 0s;}
.footer .ft_T .ft_T_L .con_infor a::after { content: ''; background: #fff; height: 5px; width: 5px; position: absolute; bottom: 20%; right: 10%; opacity: 0; visibility: hidden; z-index: -10; transition: all 0.35s ease 0s;}
.footer .ft_T .ft_T_L .con_infor a:hover::before { top: -4px; left: -7px; opacity: 1; visibility: visible;}
.footer .ft_T .ft_T_L .con_infor a:hover::after { bottom: -5px; right: -7px; opacity: 1; visibility: visible;}
.footer .ft_T .ft_T_R { width: 58%; margin: 20px 0 0 2%; padding: 0 0 0 4%; display: flex; flex-flow: wrap; justify-content: space-between;}
.footer .ft_T .ft_T_R > .ln_m0_p0 { max-width: 20%; text-align: center;}
.footer .ft_T .ft_T_R > .ln_m0_p0 > li:first-child { margin: 0 0 20px 0;}
.footer .ft_T .ft_T_R > .ln_m0_p0 li { padding: 0 10px 3px 10px;}
.footer .ft_T .ft_T_R > .ln_m0_p0 li a { position: relative; word-break: break-word; letter-spacing: 1px;}
.footer .ft_T .ft_T_R > .ln_m0_p0 li a::before { content: ''; background: #fff; height: 4px; width: 4px; position: absolute; top: 20%; left: 10%; opacity: 0; visibility: hidden; z-index: -10; transition: all 0.35s ease 0s;}
.footer .ft_T .ft_T_R > .ln_m0_p0 li a::after { content: ''; background: #fff; height: 4px; width: 4px; position: absolute; bottom: 20%; right: 10%; opacity: 0; visibility: hidden; z-index: -10; transition: all 0.35s ease 0s;}
.footer .ft_T .ft_T_R > .ln_m0_p0 li a:hover::before { top: -2px; left: -7px; opacity: 1; visibility: visible;}
.footer .ft_T .ft_T_R > .ln_m0_p0 li a:hover::after { bottom: -3px; right: -7px; opacity: 1; visibility: visible;}
.footer .ft_B { text-align: center;}