/* 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:5px; bottom:100px; cursor: pointer;  z-index:20; text-align: center;}
#gotop a { display:inline-block; width:50px; height:50px; border-radius: 100%; line-height: 50px; color:#fff; opacity:0.5;  filter: alpha(opacity=50); background:#000;}
#gotop a:hover { color:#fff; opacity:1;  filter: alpha(opacity=100);}

footer {font-size: 14px; line-height:2em; color: #333;}
.footer-top { padding: 40px 20px 40px 20px; background: #f2f2f2;}
.footer-title { padding-bottom: 25px; line-height: 250%;}
.footer-title b { font-size: 28px; display: block;font-family: 'poppins', sans-serif; color: #324158;}

.footer-form { display: flex; flex-direction: row; flex-wrap: wrap;}
.footer-form > div:nth-of-type(1) { width: 50%;}
.footer-form > div:nth-of-type(2) { width: 50%; padding-left: 50px;}
.footer-form > div:nth-of-type(3) { width: 100%;}

.footer-list { padding-bottom: 20px;}
.footer-list > b { display: block;}

.contact-main input[type="text"], .contact-main input[type="number"], .contact-main input[type="tel"], .contact-main input[type="phone"], .contact-main input[type="date"], .contact-main input[type="email"], .contact-main input[type="password"], .contact-main input[type="button"], .contact-main textarea { font-size: 14px; border-width:1px; border-style: solid; border-color: rgba(160, 160, 159, 1); margin: 0px 0 0 0; width: 100%; padding: 3px 10px; color:#333; background: #fff; font-family: 'Raleway', sans-serif; line-height: 34px; }
.contact-main textarea { height:108px; padding:10px; letter-spacing: 1px; resize: none;}
.contact-main input:hover, .contact-main textarea:hover { box-shadow:inset 0px 0px 0px 1px rgba(160, 160, 159, 1);}
.contact-main select{  margin: 0px 0 0 0; min-width: 80px; width:100%; background-image: url(/source/66a0f4af711bec5e0e2367debf1d6226.png); background-repeat: no-repeat; background-position: 100% 20px; -webkit-appearance: none; -moz-appearance: none; appearance: none;   margin-right:4px; background-color: transparent; font-size: 19px; border-width:1px; border-style: solid; border-color: rgba(160, 160, 159, 1); mwidth: 100%; color:#333; font-family: 'Raleway', sans-serif; height: 54.5px; padding: 0 35px 0 0;  letter-spacing: 1px;}
.contact-main option { padding:1px 5px;}
.contact-main select::-ms-expand {
    display: none;
}
.contact-btn { display: block; width: 150px; line-height: 34px; border: 2px solid #e90000; color: #e90000; font-size: 14px; text-align: center; font-weight: normal; background: #fff; margin-top: 10px;}
.contact-btn:hover {  color: #fff; background: #e90000;}
input.contact-btn{
	cursor: pointer;
	box-shadow:none !important;
}


.contact-select { border-bottom: 1px solid #cccccc; padding: 15px 5px;}

.contact-note2 { margin-top: 4px; display: inline-block;position: relative;padding-left: 28px; padding-right: 15px; cursor: pointer; -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.contact-note2 input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
.checkmark {position: absolute;top: 3px;left: 0;height: 20px;width: 20px;background-color: #fff; border: 1px solid rgba(145, 145, 145, 1)}
.contact-note2:hover input ~ .checkmark {box-shadow:inset 0px 0px 0px 1px rgba(145, 145, 145, 1);}
.contact-note2 input:checked ~ .checkmark {background-color: #fff;}
.checkmark:after {content: "";position: absolute;display: none;}
.contact-note2 input:checked ~ .checkmark:after {display: block;}
.contact-note2 .checkmark:after {left: 5px;top: 1px;width: 5px;height: 10px;border: solid rgba(145, 145, 145, 1);border-width: 0 2px 2px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}

.footer-bottom { background: #324158; padding: 40px 20px; color: #fff; font-size: 15px;}
.footer-bottom-content { display: flex; flex-direction: row; flex-wrap: wrap;}
.footer-bottom-content > div:nth-of-type(1), .footer-bottom-content > div:nth-of-type(2) { width: 50%; padding-bottom: 30px;}
.footer-bottom-content > div:nth-of-type(2) {padding-left: 50px;}
.footer-bottom-content > div:nth-of-type(3) { width: 100%; padding-bottom: 20px; text-align: center; font-size: 13px;}
.footer-bottom-content > div:nth-of-type(3) a { color: #fff;}
.footer-title02 { font-family: 'poppins', sans-serif; font-size: 28px; font-weight: bold; padding-bottom: 15px;}

.footer-info {display: flex; flex-direction: row; flex-wrap: wrap;}
.footer-info a { color: #fff;}
.footer-info > div:nth-child(odd) {width: 112px; padding-right: 15px;}
.footer-info > div:nth-child(even) {width: calc(100% - 112px);}

@media only screen and (max-width: 980px) {
	.footer-title b { font-size: 20px;}
	
	.footer-title02 { font-size: 20px;}
}
@media only screen and (max-width: 768px) {
	.footer-form > div:nth-of-type(1) { width: 100%;}
	.footer-form > div:nth-of-type(2) { width: 100%; padding-left: 0px;}
	
	.footer-bottom-content > div:nth-of-type(1), .footer-bottom-content > div:nth-of-type(2) { width: 100%; }
	.footer-bottom-content > div:nth-of-type(2) {padding-left: 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) {

}