@charset "utf-8";
/* CSS Document */
.section_contact{display: none;}
.section_events h2,.section_Lead h2{color: var(--primary_color);font-size: clamp(1.5rem, 3vw, 3rem);text-align: left;margin-bottom: calc(3vw + 7px);font-weight: 800;}
.section_events h3,.section_Lead h3{color: var(--primary_color);font-size: clamp(1.25rem, 3vw, 1.5rem);line-height: 48px;font-weight: 500;margin-bottom: 8px;}
.titleh2{font-weight: 700;text-transform:uppercase;font-family: 'Brandon';font-size: clamp(1.875rem, 3vw, 3.875rem);text-align: center;}
.area_wrap .area_25.title{justify-content: revert; padding-top: 5%;min-width: 400px;}
.imgwrap{flex: 0 0 35%;padding: 25px 0;}
.aside{flex: 0 0 45%; margin:0 12.5%; display: flex;justify-content: center;flex-direction: column; border-top: 1px solid #929292;border-bottom: 1px solid #929292;} 
.article{line-height: 40px;font-weight: 350;}
.input_control{ background-color: #e8e8e8;display: block;width: 100%;height: calc(2.25rem + 2px);padding: 1.5rem 0.5rem;font-size: 1rem;font-weight: 400;line-height: 1.5;color: #495057;background-clip: padding-box;transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;border: 0;box-shadow: none;/* background: transparent; */ border: 1px solid #e8e8e8;} 
.input_control:focus{box-shadow: none;outline: 0 none;color: #495057;background-color: #ddd;}
.alert_infor{color: #ff0000;margin-top: 5px;display: none;}
.section_header .title{background: url(../images/contact/splash.png) no-repeat;background-size: cover;height: 0;padding-bottom: 34%;color: var(--white_color);flex-direction: column;min-height: 120vh;padding: 0 2%;}
.section_header .title .titleh1{color: var(--white_color);margin-bottom:calc(1.5vw + 9px);font-weight: 700;text-transform:uppercase;font-family: 'Brandon';font-size: clamp(1.875rem, 3vw, 3.1rem);}
.section_header .title .titleh1 .normalfont{font-weight: 400;}
.section_header .title .discipt{color: var(--white_color);font-size: clamp(1.2rem, 2vw, 1.2rem);margin-bottom:calc(6.5vw + 1px);font-weight: 300;padding: 0 2%;}
.section_header .title .contactlist{font-size: 1rem;font-weight: 400;}
.section_header .title .contactlist li{margin-bottom:calc(1vw + 5px);font-weight: 400;}
.section_header .title .contactlist li .icon{width: 24px; height: 28px; display: inline-block;margin-right: 12px;vertical-align: middle;}
.section_header .title .contactlist li:nth-child(1) ,.section_header .title .contactlist li:nth-child(2) ,.section_header .title .contactlist li:nth-child(3) {font-family: "Brandon"; font-weight: 500;}

.section_header .title .contactlist li .icontel{background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" fill="none" viewBox="0 0 24 25"><g fill="%23fff"><path d="M20 11.499h2c0-5.13-3.873-8.999-9.01-8.999v2c4.062 0 7.01 2.943 7.01 6.999Z"/><path d="M13 8.5002c2.103 0 3 .897 3 3h2c0-3.225-1.775-5-5-5v2Zm3.422 5.443a1.0013 1.0013 0 0 0-1.391.043l-2.393 2.461c-.576-.11-1.734-.471-2.926-1.66-1.192-1.193-1.553-2.354-1.66-2.926l2.459-2.394a.9995.9995 0 0 0 .043-1.391l-3.695-4.063a1 1 0 0 0-1.391-.087l-2.17 1.861a1 1 0 0 0-.29.649c-.015.25-.301 6.172 4.291 10.766 4.006 4.005 9.024 4.298 10.406 4.298.202 0 .326-.006.359-.008a.991.991 0 0 0 .648-.291l1.86-2.171a1 1 0 0 0-.086-1.391l-4.064-3.696Z"/></g></svg>') no-repeat left center; background-size: 100%;}
.section_header .title .contactlist li .iconfax{background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" fill="none" viewBox="0 0 24 25"><path fill="%23fff" d="M19 8.5H5c-1.66 0-3 1.34-3 3v4c0 1.1.9 2 2 2h2v2c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2v-2h2c1.1 0 2-.9 2-2v-4c0-1.66-1.34-3-3-3Zm-4 11H9c-.55 0-1-.45-1-1v-4h8v4c0 .55-.45 1-1 1Zm4-7c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1Zm-2-9H7c-.55 0-1 .45-1 1v2c0 .55.45 1 1 1h10c.55 0 1-.45 1-1v-2c0-.55-.45-1-1-1Z"/></svg>') no-repeat  left center; background-size: 100%;}
.section_header .title .contactlist li .iconemail{background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" fill="none" viewBox="0 0 24 25"><path fill="%23fff" d="M22 4.962H2v15.9999h20v-16Zm-2 4-8 4.9999-8-5v-2l8 5 8-5v2Z"/></svg>') no-repeat left center; background-size: 100%;}
.section_header .title .contactlist li .iconaddr{background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="%23fff" d="M12 1.962a8.2597 8.2597 0 0 0-8.25 8.2499 8.1666 8.1666 0 0 0 1.662 4.95s.225.2963.2618.339L12 22.9619l6.3293-7.4647c.033-.0398.2587-.3353.2587-.3353l.0008-.0022a8.164 8.164 0 0 0 1.6612-4.9478 8.2599 8.2599 0 0 0-8.25-8.25Zm0 11.2499A2.9995 2.9995 0 0 1 9.2284 11.36a3.0002 3.0002 0 0 1 2.1863-4.0904A3.0001 3.0001 0 0 1 15 10.2119a3.0036 3.0036 0 0 1-3 3Z"/></svg>') no-repeat left center; background-size: 100%;}
.section_header .title .contactlist li a {color: #fff;}
.form_wrap .display_flex.fifhelf{flex-wrap: wrap;}
.form_wrap .fifhelf .form_row{width: 50%;display: flex;flex-direction: column;}
.form_check_group .form-check{display: inline-block;margin-right: 20px;}
.message{flex-wrap: wrap;}
.form_wrap .form_row label{font-size: clamp(1.2rem, 3vw, 1.2rem);font-weight: 500;margin-bottom: calc(.5vw + 2px);}
.form_row{padding:  0 2.5rem;margin-bottom: calc(3vw + 1px);}
.form_check_group .form-check label{font-size: clamp(1rem, 3vw, 1rem);letter-spacing: 0.60px;font-weight: 350;}
.message .input_control{border-bottom: 1px solid #000; background-color: #fff; height: auto;padding: 1rem 0; border-left:  0 none;border-right:  0 none;border-top: 0 none; border-radius:  0;}

.form_wrap .form_row.message label{margin-bottom: calc(1vw + 5px); display: block;}
.form_row_head{font-size: clamp(1.2rem, 3vw, 1.2rem);letter-spacing: 0.60px;font-weight: 500;margin-bottom:calc(.5vw + 2px);}

.form-check-input{display: none;}
.form-check-input + label{    position: relative;cursor: pointer;padding: 0;}
.form-check-input + label:before{content: "";margin-right: 10px;display: inline-block;vertical-align:middle;width: 20px;height: 20px;background: #e8e8e8;border-radius: 100px;border: 1px solid #e8e8e8;}
.form-check-input:checked + label:before{background-color: var(--primary_color);}
.form-check-input:checked + label:after{content: "";position: absolute;left: 5px;top: 13px;background: white;width: 2px;height: 2px;box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;transform: rotate(45deg);}
.btn_bar{justify-content: space-between;align-items: center;font-size: clamp(1.125rem, 3vw, 1.2rem);font-weight: 500;letter-spacing: 0.72px;}
.btn_bar .color_black{color: var(--white_color); transition: all .3s;font-family: 'Noto Sans TC';padding: 10px 40px;font-size: 14px;font-weight: 500;}
.btn_bar .color_black:hover{background-color: var(--second_color);  border: 0 none;}
.btn_bar .tip {display: flex;}
.btn_bar .tip i{width: 32px; height: 32px; display: inline-block; background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="37" height="36" fill="none" viewBox="0 0 37 36"><g fill="%23000"><path d="M18.5264 35.9998c-9.9292 0-18-8.0706-18-17.9999C.5265 8.0707 8.5972 0 18.5265 0s17.9999 8.0707 17.9999 17.9999c0 9.9293-8.0706 17.9999-17.9999 17.9999Zm0-33.4882C9.9869 2.5116 3.0381 9.4604 3.0381 18S9.987 33.4882 18.5264 33.4882s15.4883-6.9488 15.4883-15.4883S27.0659 2.5116 18.5264 2.5116Z"/><path d="M24.7384 24.5799c-.2177 0-.4354-.0502-.6363-.1842l-5.1907-3.0976c-1.2893-.7702-2.2437-2.4614-2.2437-3.9516v-6.8651c0-.6865.5693-1.2558 1.2558-1.2558s1.2558.5693 1.2558 1.2558v6.8651c0 .6028.5024 1.4902 1.0214 1.7916l5.1907 3.0977c.6028.3516.787 1.1218.4354 1.7246-.2512.4019-.6698.6195-1.0884.6195Z"/></g></svg>')no-repeat; background-size: 100%; vertical-align: middle;margin-right: 8px;}
.line {
	stroke-dasharray: 4000;
	stroke-dashoffset: 4000;
	animation: dash 3s ease-in-out forwards;
}
#inputValidation{margin-top: 10px;}

@keyframes dash {
  0% {
    stroke-dashoffset: 4000;
    stroke-width: 1;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-width: 1;
  }
}
.bg{text-align: center;}
.bg svg{ width: 950px; height: 710px;}
.contactinfor .disciption{font-size:clamp(1.25rem, 3vw, 1.5rem);font-weight: 500;}
.contactinfor{position: relative;}
.title_thanks{position: absolute; left: 50%;margin: 0 0 0 10vmin;}
.section_header .title .contactlist li{display: flex;}
.section_header .title .contactlist li i{position: relative; top: 3px;}
.verifyimg {display: flex;align-items: center;}
@media (max-width: 1400px) {
    .form_row{padding: 0 1rem;}
}
@media (max-width: 1300px) {
    .section_about .wrapper{margin-right: revert}
    .aside{padding: 42px 0;}
    .area_wrap .area_75{flex: 1;}


  
    
}
@media (min-width: 1101px) {
    .d-lg-none {opacity: 0;}
}
@media (max-width: 1100px) {
    .contactinfor{flex-direction:column-reverse}
    .section_header .title{min-height: inherit;}
    .form_wrap .fifhelf .form_row{width: 100%;}
    .btn_bar .tip{align-self: self-start;}
    .btn_bar .btn_wrap{align-self: center;margin-top: 34px;}
    .area_wrap .area_25.title{padding: 140px 6% 140px;}
    .title_thanks{position: revert;margin: revert;margin-bottom: 22px;}
    .contactinfor .disciption{text-align: center;margin-bottom: 55px;}

    .d-lg-none {display: none;}
    .area_wrap .area_75{padding: 7%;}
}
@media (max-width: 600px) {
    .bg svg{ width: 550px; height: 420px;}
    .area_wrap.contactinfor .area_75{overflow: hidden;}
    .area_wrap .area_25.title{min-width: revert;}

    
}