@charset "utf-8";
/* CSS Document */
:root {
	--main-color: #A10D1F;
	--sub-color: #1d1d1d;

	--header-color: #A10D1F;
	--highlight-color: #A10D1F;
	--subheader-color: #1d1d1d;
	--text-color: #1d1d1d;
	--remark-color: #1d1d1d;

}

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon::before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}


/* Pop out box */
.terms-modal-message{}
.tnc_container{    font-weight: normal; font-size:16px;margin: 3%; word-break: break-all; letter-spacing: 1px;}
.tnc_container li{font-family:'Noto Sans TC', sans-serif;margin-bottom: 10px;line-height: 1.5;}
.tnc_container ol.c>li{margin-bottom: 5px;}
.tnc_container h2.tnc{font-weight:bold; text-align: center;margin-bottom: 30px; color: var(--main-color)}
.tnc_container ol{padding-inline-start: 35px;}
.tnc_container ol.c {list-style-type: lower-alpha;font-size: 14px;line-height: 25px; margin-bottom: 20px;padding-inline-start: 20px;}
.tnc_container a { color: var(--main-color)}
.system-modal-message{font-size: 16px;line-height: 24px;margin-bottom: 20px; letter-spacing: 1px}
.unsub-modal-message{font-size: 16px;line-height: 24px; margin-top: 20px; margin-bottom: 20px; letter-spacing: 1px}
.confirm-modal-message{font-size: 16px;line-height: 24px;margin-bottom: 20px; letter-spacing: 1px}

.checkbox-inline,.radio-inline{padding-right:10px;padding-bottom:12px}
.checkbox-inline + .checkbox-inline,.radio-inline + .radio-inline{margin-left:auto}


/* Overwrite Bootstrap CSS */
.form-horizontal .form-group { margin-left: 0px; margin-right: 0px; }
.form-horizontal .control-label { text-align: left; padding-bottom: 7px; }
.checkbox-input-field { width: 275px; display: inline-block; padding-top: 3px;}



/****** Start Global Setting (Mobile View) ******/

/*================== Start Common Setting ==================*/
div.page-wrapper{width:100%;margin:auto;}
div.site-form{width:100%;margin:auto;background: rgb(255, 255,255); background: url('../_img/bg-form.jpg') no-repeat center bottom / cover;}
div.footerDiv{background: #f6f6f6;padding: 20px 0;}
div.page-footer{margin-bottom:0;text-align:center;font-size:12px;color:#bbb;}
div.page-footer p{margin-bottom:0}
div.declaimer{margin:0 auto;padding:10px 0 0;;font-size:12px;color:#bbb;}
div.album-container{width:96%;max-width:500px;margin:auto}
div.formDiv,div.thanksDiv{max-width:1170px;width:100%;margin:auto;padding-top:60px;padding-bottom:60px; }
.headline_txt{font-size:22px;color:#4B8B85;font-weight:700}


.input{display:table}
.input.date .input-group-addon i{cursor:pointer}
.btn-type-text{border:none;background:transparent}
.btn-type-text:focus,.btn-type-text:active{outline:0}
.confirm-box{display:none;width:350px;height:130px}
.confirm-box div{text-align:center}
.terms-reminder{display:none;width:350px;height:130px}
.terms-reminder div{text-align:center}
.terms_txt{font-size:15px;color:#1d1d1d}
.field_txt{font-size:18px;color:#1d1d1d}
.text-btn{background:transparent;border:none;padding:0}
.text-btn:focus,.text-btn:active{outline:none}
.btn-unsubcript{background:transparent;text-decoration:underline;padding:0;margin:0;border:none; color:#1d1d1d;}
.btn-unsubcript:hover{ color:var(--form-maincolor);}
.white-popup{position:relative;background:#FFF;padding:20px;width:auto;width:94%;max-width:500px;margin:20px auto;font-size:18px}
.block{width:100%;display:inline-block;position:relative}
span.one{display:inline-block}





.confirm-box { display: none; width: 350px; height: 130px; }
.confirm-box div { text-align: center; }

.terms-reminder { display: none; width: 350px; height: 130px; }
.terms-reminder div { text-align: center; }

.normal-txt {font-size:16px; color:#1d1d1d; line-height: 26px;}
.field-txt{font-size:18px; color:#1d1d1d;}

input+.remark-txt { padding-left: 15px; }

/*================== End Common Setting ==================*/
/****** End Global Setting (Mobile View) ******/


/*================== Form Thank You / Expired Setting ==================*/
.thanks-intro h3{font-size: 28px;font-weight:700;color: #fff;letter-spacing:1px;line-height:33px; font-family: "Noto Serif TC", sans-serif;}
.thanks-intro p{font-size:18px;color: #fff;letter-spacing:0.05em;line-height:28px;margin-top:25px; margin-bottom: 20px;}
.thank-tc{font-size:16px;margin-top:20px}
/*================== Form Thank You / Expired Setting ==================*/

/* Animations */
.animate-pop-in {animation: pop-in .6s cubic-bezier(.25, .1, .25, 1) forwards;opacity: 0;}
.animate-fade { animation: fade 10.6s forwards; opacity: 0;}
.hideme{opacity:0;}

/* Animations delay*/
/*.kv_logo{animation-delay: .1s;}*/
.kv_title{ animation-delay: .3s;}
.kv_title_mobile{ animation-delay: .3s;}
h1 { animation-delay: .5s;}
.main_intro .intro_text{ animation-delay: .7s;}
.main_intro .btn_cta{ animation-delay: .9s;}
.main_intro .remark_cta{ animation-delay: .9s;}

@keyframes pop-in {
0%{opacity:0;transform:translateY(-4rem) scale(1.1);}
100%{opacity:1;transform:none; }
}
@keyframes fade {
0%{opacity:0;}
100%{opacity:1;}
}