@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: #fff; z-index: 1; transition: all 0.25s ease 0s;}
footer a:active, footer a:hover {text-decoration:none; color: #fff; cursor:pointer; transition: all 0.25s ease 0s;}
footer a::before { content: ''; position: absolute; bottom: -4px; right: 0; height: 2px; background: #d70c19; width: 0; transition: all 0.25s ease 0s;}
footer a:active::before, footer a:hover::before {width: 100%; left: 0;}

.footer { color: #fff; background: #1e2965;}
.footer .ft_T { position: relative; display: flex; flex-flow: row; align-items: center; justify-content: space-between;}
.footer .ft_T::before { content: ''; position: absolute; bottom: 0; left: -100%; right: -100%; height: 1px; background: rgba(255,255,255,.1);}
.footer .ft_T .ft_T_L { width: 24%; padding: 50px 20px 50px 0; border-right: 1px solid rgba(255,255,255,.1);}
.footer .ft_logo { width: 100%; max-width: 230px;}
.footer .ft_logo:hover a::before { display: none;}
.footer .ft_T .ft_T_C { padding: 0 20px;}
.footer .ft_T .ft_T_C > div { font-size: 218.75%; font-weight: 700; text-transform: uppercase; font-family: "Barlow Condensed", sans-serif;}
.footer .ft_T .ft_T_R { }
.footer .ft_T .ft_btn { display: inline-block;}
.footer .ft_T .ft_btn a { position: relative; display: block; font-size: 112.5%; padding: 15px 60px; color: #fff; background: #c01120; transition: all 0.25s ease 0s;}
.footer .ft_T .ft_btn a::before { content:''; position: absolute; top: 0; left: 0; height: 100%; width: 2px; background: #fff; z-index: -1; transition: all 0.25s ease 0s;}
.footer .ft_T .ft_btn:hover a { color: #c01120;}
.footer .ft_T .ft_btn:hover a::before { width: 100%;}
.footer .ft_C { display: flex; flex-flow: wrap; padding: 50px 0 70px 0;}
.footer .ft_C .tit { font-size: 112.5%; margin-bottom: 15px;}
.footer .ft_C .ft_C_L { width: 24%; padding: 0 4% 0 0;}
.footer .ft_C .ft_C_C .ft_C_C_L { max-width: 65%; padding-right: 5%;}
.footer .ft_C .infor { line-height: 2;}
.footer .ft_C .infor > div { position: relative; padding-left: 40px;margin-bottom: 7px;}
.footer .ft_C .infor > div:last-child { margin-bottom: 0;}
.footer .ft_C .infor .phone::before { content: ''; position: absolute; top: 5px; left: 0; width: 21px; height: 21px; background: url("../images/icon_phone_01.png") no-repeat center / contain;}
.footer .ft_C .infor .fax::before { content: ''; position: absolute; top: 5px; left: 0; width: 24px; height: 25px; background: url("../images/icon_fax_01.png") no-repeat center / contain;}
.footer .ft_C .infor .email::before { content: ''; position: absolute; top: 5px; left: 0;width: 21px; height: 21px; background: url("../images/icon_email_01.png") no-repeat center / contain;}
.footer .ft_C .infor .address::before { content: ''; position: absolute; top: 5px; left: 3px; width: 15px; height: 21px; background: url("../images/icon_address_01.png") no-repeat center / contain;}
.footer .ft_C .infor > div .infor_L::after { content: '｜';}
.footer .ft_C .infor_R { font-weight: 500; font-family: "Barlow", 'Noto Sans TC', sans-serif;}
.footer .ft_C .ft_C_C .ft_C_C_R { max-width: 35%; min-width: 33%; margin-top: 5px;}
.footer .ft_C .ft_C_C .ft_C_C_R li { margin-bottom: 14px;}
.footer .ft_C .ft_C_C .ft_C_C_R li:last-child { margin-bottom: 0;}
.footer .ft_C .ft_C_C .ft_C_C_R li a { position: relative; font-size: 105.882%; border-bottom: 1px dotted rgb(255, 255, 255, .7); display: block; line-height: 1.4; padding-bottom: 12px; font-weight: 400; letter-spacing: 2px; padding-left: 25px;}
.footer .ft_C .ft_C_C .ft_C_C_R li a::after { content: '⊕';position: absolute; top: 0; left: 0; margin-right: 8px; transition: all 0.25s ease 0s;}
.footer .ft_C .ft_C_C .ft_C_C_R li a:hover { color: #d70c19;}
.footer .ft_C .ft_C_C .ft_C_C_R li a:hover::before  { display: none;}
.footer .ft_C .ft_C_C { width: 58%; display: flex; flex-flow: wrap; justify-content: space-between; padding: 0 4%;}
.footer .ft_C .ft_C_R { max-width: 18%; margin: auto 0 0 auto;}
.footer .ft_C .ft_C_R > div { font-weight: 600; font-family: "Barlow", sans-serif;}
.footer .social { display: flex; flex-flow: row; margin-top: 15px;}
.footer .social > div { width: 42px; height: 42px; display: flex; align-items: center; justify-content: center; margin-right: 15px; transition: all 0.25s ease 0s;}
.footer .social > div:last-child { margin-right: 0;}
.footer .social > div a { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}
.footer .social > div img { width: 20px;}
.footer .social .line { background: #00B800;}
.footer .social .fb { background: #0D54B5;}
.footer .social .yt { background: #C10000;}
.footer .social > div:hover { border-radius: 20px; overflow: hidden;}
.footer .social div:hover a::before { display: none;}

.footer .ft_B { position: relative; padding: 20px 0; display: flex; flex-flow: wrap; justify-content: space-between; align-items: center; font-weight: 500; z-index: 1;}
.footer .ft_B::before { content: ''; position: absolute; top: 0; bottom: 0; left: -100%; right: -100%; background: #292c37; z-index: -1;}
.footer .ft_B .sitemap { position: relative; padding-left: 30px;}
.footer .ft_B .sitemap::before { content: '｜';}
.footer .ft_B .sitemap::after { content: ''; position: absolute; top: 50%; transform: translateY(-50%); left: 10px; width: 16px; height: 13px; background: url("../images/icon_sitemap_01.png") no-repeat center / contain;}