@charset "utf-8";

.helper{ font-size:0.9rem; color:#666; margin-bottom:1rem; }
.card{ border-color:#360b7a; }
.card-header{ background:#360b7a; color:#FFF; border-color:#3c3465; }

.modal-content{ border-color:#3e3a39; }
.modal-header{ border-color:#3e3a39; background-color:#3e3a39; color:#FFF; }
.modal-header .close{ color:#FFF; text-shadow:none; }
.modal-footer{ border-color:#d1d1ed; }
.modal .btn.btn-main{ background:#3e3a39; color:#b8a982; }

h2.title{ color:#3e3a39; font-size:1.4rem; font-weight:bold; }
h2.title span{ display:block; height:12px; margin-bottom:4px; width:20px; background-image:url("../images/title_mark.png"); background-repeat:no-repeat; background-position:0 0; background-size:contain; }
h2.title span.dark{ background-image:url("../images/title_mark_dark.png"); }
.np-container{ padding-left:0px; padding-right:0px; }
.np-container .row{ margin-left:0px; margin-right:0px; }

body{ font-family: "Apple LiGothic Medium", 'Arial' , 'Tahoma', '微軟正黑體' , "Microsoft JhengHei", "蘋果儷中黑", "Apple LiGothic Medium"; }
body a{ color:#3e3a39; }

header #logos{ background:#bcad86; padding:1rem 1rem; }
header #logos .goodwin_intl_logo{ margin-right:1rem; padding:0px 1rem; }
header #logos img{ max-height:80px; }
header .brand{ position:relative; }
header .brand-title{ position:absolute; top:1rem; left:0px; width:100%; }
header .brand-desc{ position:absolute; bottom:10px; left:0px; }
header .brand-btns{ background:#b8a982; }
header .brand-btns .row{ margin:0px; }
header .brand-btns .col-3{  }
header .brand-btns a{ display:block; text-align:center; transition: all 0.4s linear; -webkit-transition: all 0.4s linear; }
header .brand-btns a img{ max-height:120px; }
header .brand-btns a:hover{ }


#register_discount{  }
#register_discount .row{ background:#3e3a39; padding:1rem 0px; }
#register_discount .row .discount_img{ padding:0rem 3rem; }
#register_discount a.btn-action{ background:#b8a982; color:#3e3a39; display:block; text-align:center; padding:0.8rem 15px; font-size:1.2rem; font-weight:bold; border-radius:3px; }
#register_discount a.btn-action:hover{ text-decoration:none; }
#register_discount a.btn-register{ margin-bottom:1rem; }

#intro{ padding:20px 0px; }
#intro .content{ font-size:1.2rem; color:#000; }

.infos .info_item{ display:flex; margin-bottom:0.5rem;  }
.infos .info_item label{ font-weight:bold; display:inline-block; flex: 0 0 120px; margin-bottom:0px; }
.infos .info_item b{ font-weight:bold; text-align:center; flex: 0 0 10px; }
.features .content .feature{ display:flex; }
.features .content i.fa{ color:#3e3a39; font-size:1.3rem; flex: 0 0 30px; }


.reg_form_top h3 span{ display:inline-block; color:#3e3a39; border-left:3px solid #3e3a39; padding-left:12px; font-weight:bold; font-size:1.1rem; }
.reg_form_top .form-item{ margin-bottom:1rem; }
.reg_form_top .form-item label{ margin-bottom:0px; }
.reg_form_top .form-item .form-control{ border-width:1px; border-color:#3e3a39; border-radius:5px; color:#3e3a39; background:transparent; }
.reg_form_top .btn-register{ display:block; width:100%; padding:0.5rem 3rem; background:#3e3a39; color:#FFF; font-size:1.1rem; border-radius:3px; font-weight:bold; }


#photos a.room_image{ display:block; text-align:center; }

#features{ padding:20px 0px; }
#features .feature{ margin-bottom:0rem; display:flex; }
#features .feature span{ display:block; font-size:0.95rem; color:#666; }
#features .card{ height:100%; }
#features .card h5{ font-weight:bold; font-size:1.1rem; }
#features .card .card-text{ font-size:0.9rem; }

#map .map{ background:#b8a982; padding-top:20px; padding-bottom:20px; }

#infos{ padding:20px 0px; }
#infos .transportation .type{ margin-bottom:1rem; margin-top:1rem; }
#infos .transportation .type h5{ font-weight:bold; font-size:1.1rem; }
#infos .transportation .type .item{ margin-bottom:0.5rem; font-size:1rem; }

#enquiry h2{ text-decoration: underline; font-size:1.5rem; font-weight:bold; color:#3c3465; }

#reg_form{ margin-top:1rem; background:#b8a982; }
#reg_form > .container{ padding-top:1rem; padding-bottom:1rem; }
#reg_form .seminar_title{ background:#FFF; padding:0.6rem; font-weight:bold; font-size:1.2rem; color:#360b7a; }
#reg_form a.btn-enquiry{ background:#3e3a39; color:#b8a982; text-align:center; padding: 0.5rem 15px; font-size: 1rem; border-radius:3px; }
#reg_form .datetime{ font-size:0.95rem; font-weight:bold; color:#807152; margin:0.8rem 0px; background:#d4c5a6;  }
#reg_form .datetime p{ padding:1rem; display:inline-block; margin:0px; }
#reg_form .reg_form h3 span{ display:inline-block; color:#FFF; border-left:3px solid #FFF; padding-left:12px; font-weight:bold; font-size:1.1rem; }
#reg_form .reg_form .form-check-label span{ font-weight:bold; }
#reg_form .col-map{ min-height:420px; }
#reg_form h6{ color:#000; font-size:1rem; }
#reg_form .form-item{ margin-bottom:1rem; }
#reg_form .form-item >label{ font-weight:bold; }
#reg_form .form-item label{ margin-bottom:0px; }
#reg_form .form-item .card .form-check{ margin-bottom:1rem; font-size:0.9rem; }
#reg_form .form-item .card .form-check .form-check-label{ font-size:1.1rem; }
#reg_form .form-item .form-control{ border-width:1px; border-color:#FFF; border-radius:5px; color:#FFF; background:transparent; }
#reg_form .form-item .form-control::placeholder{ color:#d9d2bf; }
#reg_form .card-date-event .card-header{ font-size:1.1rem; font-weight:bold; }
#reg_form .card-date-event .card-body h5{ font-size:1.1rem; font-weight:bold; }
#reg_form .one2one_check span.full{ display:none; }
#reg_form .one2one_check.disabled span.full{ display:inline-block; }
.card-one2one .one2one_time{ display:none; }
.card-one2one .one2one_noon , .card-one2one .one2one_time .row{ margin-left:0px; margin-right:0px; }
#reg_form .form-item .card .one2one_noon .form-check{ margin-bottom:0px; }
#reg_form .btn-register{ padding:0.6rem 3rem; background:#3e3a39; color:#FFF; font-size:1.1rem; border-radius:3px; font-weight:bold; }

#disclaimer{ background:#3e3a39; color:#FFF; padding: 3rem 0px; line-height:1.5rem; font-size:0.9rem; }
#disclaimer p{ text-indent:2rem; }
#disclaimer .contact_disclaimer a{ color:#FFF; }
#disclaimer .content{ font-size:1.2rem; }
#disclaimer .content a{ color:#FFF; }

#modal-enquiry .btn.btn-main{ background:#3e3a39; color:#b8a982; }
#modal-enquiry label{ color:#3e3a39; }
#modal-enquiry .form-control{ border-color:#3e3a39; }

.privacy h6{ font-size:1.5rem; margin-bottom:1rem; }
.privacy ol[type='1'] > li{ padding-bottom:1.5rem; }
.privacy ol[type='a']{ margin-top:1rem; }
.privacy ol[type='a'] > li{ padding-bottom:1rem; }

@media (min-width: 1200px) { 
	
}

@media (min-width: 992px) {
	header #logos{ background-image:url("../images/logo_c21_circle.png"); background-repeat:no-repeat; background-position:98% -10px; background-size:contain; }
	#brand{ background-size:cover; }
	#brand .content{ padding:5rem 0px; }
}

@media (min-width: 576px) {
}


@media (max-width: 575.98px) {
	header .brand-btns .col-3{ padding-left:5px; padding-right:5px; }
	header .brand-btns a{ font-size:0.8rem; }
	header .brand-btns a i{ display:block; text-align:center; margin-bottom:5px; font-size:1.2rem;  }
	header .brand-desc{ bottom:3px; }
	#brand{ background:#FFF; background-image:none; min-height:auto;}
	#brand .mask{ background:rgba(0,0,0,0); }
	#brand .content{ color:#000; }
	#brand .content h1{ text-shadow:none; margin:1rem 0px; }
}

@media (max-width: 767.98px) {
	h2.title{ font-size:1.2rem; }
	#intro .content{ font-size:1rem; text-align:justify; line-height:1.6rem; }
	header #logos{ padding-top:0.8rem; padding-bottom:0.8rem; }
	header #logos .goodwin_intl_logo{ padding-left:0.5rem;  }
	header #logos img{ max-height:50px; }
	#reg_form a.btn-enquiry > img{ max-width:300px; }
	#register_discount a.btn-register{ margin-top:1rem; }
	#infos .transportation .type .item{ font-size:0.95rem; }
	#infos .infos .info_item{ font-size:0.95rem; }
	#infos .infos .info_item label{ flex:0 0 100px; }
}

@media (max-width: 991.98px) {
	.modal-dialog.modal-xl , .modal-dialog.modal-lg { max-width:90%; }
	.container{ max-width:100%; }
	.col-map{ margin-top:2rem; }
	#features .features{ margin-bottom:1rem; }
}