/* CSS Document */
a.tel, a.tel:hover { pointer-events: none; text-decoration:none !important; }
@media print, screen and (max-width: 999px){
a.tel, a.tel:hover { pointer-events: initial; }
}
#gotop { display: none; position: fixed; right:10px; bottom:100px; cursor: pointer;  z-index:20; text-align: center;}
#gotop a { display:inline-block; width:35px; height:35px;line-height: 40px;  background:#33438a; border-radius: 100%; font-size: 15px; color: #005ea6; position: relative; text-align: center; padding-top: 10px; cursor: pointer;box-shadow: 0px 0px 10px 0px rgba(0,0,0,0);}
#gotop a:before { content: ""; position: absolute; width: 8px; height: 8px; display: block; border-width: 1px 1px 0 0; border-color: #fff; border-style: solid; transform: rotate(-45deg); top:15px; left: 14px;}
#gotop a:hover { opacity: 0.8;}


footer { background: #fff; border-top: 5px solid #22225a; letter-spacing: 0.05rem; line-height: 1.6; font-size: 15px; font-weight: 500;}

.footer-top-box { padding: calc(20px + 2.5%) 5%;}
.footer-top-section { display:flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between;}
.footer-top-section > div:nth-of-type(1), .footer-top-section > div:nth-of-type(2) { width: calc((100% - 270px) / 2); padding-right: 4%;}
.footer-top-section > div:nth-of-type(3) { width: 270px;}

.footer-title-1 { font-weight: 700; font-size: clamp(15px, 2vw, 18px); padding-bottom: 8px;}
.footer-phone { display:flex; flex-direction: row; flex-wrap: nowrap; align-items: center; padding-bottom: 22px; font-family: 'Noto Serif TC', sans-serif; font-size: clamp(22px, 2.2vw, 30px); font-weight: 700; line-height: 1;}
.footer-phone > div:nth-of-type(1) { width: 32px;}
.footer-phone > div:nth-of-type(2) { width: calc(100% - 32px); padding-left: 5px;}
.footer-phone > div:nth-of-type(2) a { color: #062198; }

.footer-info { display:flex; flex-direction: row; flex-wrap: wrap; margin-bottom: 12px;line-height: 1.3;}
.footer-info > div:nth-of-type(1) { width: 42px; border-right:1px solid #333;}
.footer-info > div:nth-of-type(2) { width: calc(100% - 42px);  padding-left: 10px;}

.footer-mail { background: #22225a;padding: 20px; color: #fff; font-family: 'Noto Serif TC', sans-serif; display:flex; flex-direction: column; flex-wrap: nowrap;  align-items: center; }
.footer-mail:hover { transform: scale(0.9);}
.footer-mail > div:nth-of-type(1) { width: 30px; margin-bottom: 5px; }
.footer-mail > div:nth-of-type(2) { line-height: 1.1; color: #fff; }

.footer-bottom { background: #22225a; padding: calc(15px + 1%) 5%;}
.footer-bottom-section { display:flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; margin-bottom: 12px;line-height: 1.5; color: #fff;}
.footer-bottom-section > div:nth-of-type(1) { font-size: 15px; text-align: left;}
.footer-bottom-section > div:nth-of-type(1)  b { font-size: 18px; display: block;}
.footer-bottom-section > div:nth-of-type(2) { font-size: 14px; text-align: right;;}

@media only screen and (max-width: 1279px) {
	

}

@media only screen and (max-width: 980px) {
	.footer-top-section { flex-direction: column;}
	.footer-top-section { flex-direction: column;}
	.footer-top-section > div:nth-of-type(1), .footer-top-section > div:nth-of-type(2) { width: 100%; padding-right: 0%; margin-bottom: 25px;}
	.footer-top-section > div:nth-of-type(3) { width: 100%;}
	
}
@media only screen and (max-width: 768px) {
	.footer-bottom-section { align-items: center; flex-direction: column;}
	.footer-bottom-section > div { text-align: center !important;}
	.footer-bottom-section > div:nth-of-type(1) { padding-bottom: 8px;}
}
@media only screen and (max-width: 640px) {
	
}
@media only screen and (max-width: 570px) {
	
}

@media only screen and (max-width: 414px) {
	

}

@media only screen and (max-width: 320px) {
	

}