.div-form-area{
	margin:32px auto 0;
    max-width:966px;
    width:100%;
}
.div-form-area  [class *='col-'] {
	margin-bottom:24px;
}
.div-form-area .form-box__single-group{
		margin-top:0;
	}
@media(max-width:767px){
    .div-form-area{
        margin:24px auto;
    }
    .div-form-area  [class *='col-'] {
		margin-bottom:16px;
	}
}
.form-box__single-group input,
.form-box__single-group textarea,
.form-box__single-group select,
.form-box__single-group span.select2 {
    border: 1px solid var(--header_main_f_color, #000000);
}
.title_underline_area{
	display:flex;
    border-bottom: 1px solid #000;
}
.page_title{
    font-size: 20px;
    margin: 0;
    display: flex;
    justify-content: space-between;
    align-items: end;
}
@media(max-width:767px){
	.page_title{
    	padding:0;
	}
	.title_underline_area{
	    border-bottom:0;
	}
	.title_underline_area .page_title{
		flex-direction:column;
		font-size: 20px;
		width:100%;
		padding-bottom:0;
	}
	.title_underline_area .page_title h1{
		padding-bottom:24px;
		border-bottom: 1px solid #000;
		width:100%;
	}
	.title_underline .page_title{
		flex-direction:column;
	}
}
.page-info{
	font-size:14px;
    color: #6C757D;
    padding:16px 0;
}
@media(max-width:767px){
	.page-info{
    padding-top:0;
	}
}
.login-button-area{
	position:relative;
    font-size: 14px;
    line-height:1.3;
    margin-left: 15px;
    padding:4px 0 0;
}
@media(max-width:767px){
	.login-button-area{
		font-size:13px;
		font-weight:500;
		display:grid;
		grid-template-columns:auto 1fr;
		gap:8px;
		align-items:center;
		text-align:left;
		background: rgba(0, 117, 224, 0.1);
        padding: 12px 10px 8px;
        width: 100%;
        margin:16px 0;
	}
}

a.login-button{
	position:relative;
}
a.login-button::after{
	position:absolute;
	content:"";
	background:var(--header_main_f_color, #000000);
	height:1.5px;
	width:100%;
	left:0;
	bottom:0;
}
hr{
    opacity: unset;
}
.login-more-info{
		display:none;
	}
@media(max-width:767px){
	.login-more-info{
		display:contents;
	}
}
.info-item-area{
	display:flex;
	flex-direction:column;
	gap:8px;
	font-size:14px;
	border-radius:16px;
	border:1.5px solid var(--header_main_f_color, #000000);
	padding:16px;
	margin-top:20px;
	margin-bottom:20px;
}
@media(max-width:767px){
	.info-item-area{
		margin-top:0;
		margin-bottom:16px;
	}
}
.info-item{
	display:inline-flex;
	align-items:center;
	gap:12px;
	line-height:1;
}
.info-item b{
	font-weight:600;
}
.btn_area{
	display:flex;
	gap:16px;
	justify-content: center;
	margin-top:32px;
}
@media(max-width:767px){
	.btn_area{
		margin-top:24px;
	}
}

.btn_area .btn{
	font-size:16px;
	max-width:223px;
	width:100%;
	padding:14px 20px;	
}
@media(max-width:767px){
	.btn_area .btn{
		max-width:100%;
	}
}
#your_message{
	min-height:150px;
}
.btn_area #cancel_contantUsInfo{
	border:1px solid var(--btn_secondary_border, #000000);
	color:var(--btn_secondary_text, #000000)!important;
	background:var(--btn_secondary_bg, #ffffff)!important;	
}
.btn_area #cancel_contantUsInfo:hover{
	border:1px solid var(--btn_secondary_border_hover, #000000);
	color:var(--btn_secondary_text_hover, #ffffff)!important;
	background:var(--btn_secondary_bg_hover, #000000)!important;	
}
.div-form-area .last-col{
	margin-bottom:16px;
}
@media(max-width:767px){
	.div-form-area .last-col{
		margin-bottom:8px;
	}
}

#v15_contactus_success.modal .modal-header {
	background-color: #fff !important;
	color: #000 !important;
	margin:auto;
	padding:0;
	border:0;
}

.img-state{
	max-width:140px;
	width:100%;
	aspect-ratio: 1/1 ;
}
@media(max-width:767px){
	.img-state{
		max-width:100px;
	}
}

#v15_contactus_success .modal-dialog{
	max-width:606px;
	width:100%;
}
.content-desc{
	color:#6C757D;
	font-size:16px;
	margin-bottom:0;
	max-width:427px;
	width:100%;
	margin:auto;
}
h5.modal-title{
	font-family:"Noto Serif TC";
	font-size:20px;
	font-weight:700;
	margin:auto;
	margin-bottom:16px;
}