/* 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; }
}
.right-tool {position: fixed; right:14px; top:55%;z-index:20; display: flex; flex-direction: column; flex-wrap: nowrap; transform-origin: 100% 0%;}
.right-tool > div { margin-bottom: 6px; width: 44px; height: 44px; background: #1e527f; border-radius: 100%; transition: all 0.2s ease-in-out 0s; right: 0;position: relative; display:flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: center;}
.right-tool > div img { width: 24px; filter: invert(1) brightness(100);}
.right-tool:hover > div { right: -5px;}
.right-tool > div:hover { right: 0px;}
#gotop { cursor: pointer;  text-align: center;}
#gotop a { display:inline-block; }
#gotop a:before { content: ""; position: absolute; width: 14px; height: 14px; display: block; border-width: 2px 2px 0 0; border-color: #fff; border-style: solid; transform: rotate(-45deg); top:19px; left: 16px;}
#gotop a:hover { }

footer { background:url("../images/footer-bg.jpg") no-repeat center center / cover; background-attachment: fixed; padding: 10% 5%;}
footer a { color: #fff !important; text-decoration: underline;}
.footer-section { max-width: 1000px; color: #fff;}

.footer-title { font-size: clamp(17px, 1.5vw, 28px); font-weight: 500; text-align: center; position: relative; padding-bottom: 30px; margin-bottom: calc(20px + 2%);}
.footer-title:after { content: ""; position: absolute; width: 50px; height: 4px; background: #fff; bottom: 0; left: 50%; transform: translateX(-50%);}

.contact-layout-1 { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;}
.contact-layout-1 > div { width: calc(50% - 15px);}

.contact-form-list {  margin-bottom: 10px;display: flex; flex-direction: column; flex-wrap: nowrap; padding: 5px 0px; font-weight: 500;}
.contact-form-list > div:nth-of-type(1) { width: 100%; padding: 3px 0px;  position: relative;font-size: clamp(17px, 1vw, 20px); line-height: 170%; }
.contact-form-list > div:nth-of-type(1):after { position: absolute; content: ":"; top: 0; right: 0; display: none;}
.contact-form-list > div:nth-of-type(2) { width: calc(100% - 0px); padding-left: 0px;}
.contact-form-list2 {  margin-bottom: 10px;display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; padding: 5px 0px; }
.contact-form-list2 > div:nth-of-type(1) { width: 90px; padding: 3px 0px;  position: relative; line-height: 170%; }
.contact-form-list2 > div:nth-of-type(1):after { position: absolute; content: ":"; top: 0; right: 0; display: none;}
.contact-form-list2 > div:nth-of-type(2) { width: calc(100% - 70px); padding-left: 10px;}

.contact-form input[type="text"], .contact-form input[type="number"], .contact-form input[type="tel"], .contact-form input[type="phone"], .contact-form input[type="date"], .contact-form input[type="email"], .contact-form input[type="password"], .contact-form input[type="button"], .contact-form textarea { font-size: clamp(17px, 1vw, 20px); border-width:0 0 1px 0; border-style: solid; border-color: #fff; margin: 0px 0 0px 0; width: 100%; padding:10px 0px 0 0 ; color:#fff; background: transparent; font-family: 'Noto Sans TC', sans-serif; line-height: 40px; border-radius: 0px; }
.contact-form textarea { height:50px; padding:10px 0; resize:none; line-height: 140%;}
.contact-form select{ margin: 0 0 0px 0;  width:100%; background-image: url(../images/product-select.png); background-repeat: no-repeat; background-position: calc(100% - 5px) 16px; background-size: 15px 7px; -webkit-appearance: none; -moz-appearance: none; appearance: none;   background-color: transparent; font-size: clamp(17px, 1vw, 20px); border-width:0 0 1px 0; border-style: solid; border-color: #fff; color:#fff; font-family: 'Noto Sans TC', sans-serif;  padding:10px 35px 0px 0;  line-height: 40px; border-radius: 0px; font-weight: 300; letter-spacing: 0.05rem;}
.contact-form option { padding:1px 5px;}
.contact-form select::-ms-expand {
    display: none;
}
.contact-btn { display: flex; flex-direction: row; flex-wrap: wrap; align-items:center; justify-content:space-between; }
.contact-btn > div { padding-bottom: 10px;}
.contact-btn input[type="checkbox"] { -webkit-appearance:button;}


.btn01 { display: block; width: 140px; line-height: 46px; border-radius: 25px; border: 1px solid #333; text-align: center; color: #2e4f8b !important; margin: 20px 0 0 auto; background: #fff; transition: all 0.4s ease-out 0s; font-weight: 700;}
.btn01:hover { width: 120px; background: #2e4f8b; color: #fff !important;}



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

	
}
@media only screen and (max-width: 1279px) {
	.right-tool { transform: scale(0.8); right: 5px;}	

}

@media only screen and (max-width: 980px) {
	
}
@media only screen and (max-width: 768px) {
	.contact-layout-1 > div { width: calc(100% - 0px);}
}
@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) {
	
	
}