@charset "utf-8";
/* CSS Document */
	
	
	
	form.applicationForm h2.message{text-align: center;background-color: rgba(211, 150, 15, 0.7);width:auto; clear:both; border:1px solid #111; border-radius: 8px;}

	.content-half {width:48%;padding:0 1%;  font-size:16px;}
	
	.formLang{width:100%;display:flex;flex-wrap:nowrap;justify-content: left;justify-content: center;}
	.formLang a{display:block;font-size:1em; line-height:30px;background:rgb(255,255,255,0.8);width:30px; height:30px;border-radius: 50%;border:1px solid #8e0177;text-decoration:none; margin:10px; text-align: center;}
	img.banner{width:100%; height:auto;clear:both; margin-bottom:25px;}
	form.applicationForm{float:left;width:100%;}
	form.applicationForm div{width:100%; display:flex; flex-wrap:nowrap; margin:10px 0;justify-content: left;align-items: flex-start;}
	form.applicationForm div div{display: flex;gap:10px;margin: 0;font-size:1.2em;}
	div.colm3 span{width:31.333%; margin:1%;}
	div.colm2 span{width:48%; margin:1%;}
	div.colm2 span select{margin:0 5px;}
	div select{font-size:16px; padding:5px; height:31px;border:1px solid #666; border-radius:5px; background:rgb(255,255,255,0.4); color:#111;}
	span.w3{width:31.333%}
	span.w4{width:23%;margin:1%;}
	span.w6{width:65%;margin:1%;}
	form.applicationForm div span{display:flex; flex-wrap:wrap; margin:5px; justify-content: left;}
	form.applicationForm span label{width:100%; margin-bottom:10px;}
	input{font-size:16px; font-weight: 400; padding:5px; margin:0 3px; width:90%; height:30px;border:1px solid #666; border-radius:5px; background:rgb(255,255,255,0.4); color:#111;}
	textarea{font-size:16px; padding:5px; margin:0 3px; border:1px solid #666; border-radius:5px; background:rgb(255,255,255,0.4); color:#111;}
	div.radio input{width:auto!important; margin-top:3px;}
	select option{background:#999;}
	
	
	
	*::-webkit-input-placeholder {
    color: #111;
}
*:-moz-placeholder {
    /* FF 4-18 */
    color: #111;
    opacity: 1;
}
*::-moz-placeholder {
    /* FF 19+ */
    color: #111;
    opacity: 1;
}
*:-ms-input-placeholder {
    /* IE 10+ */
    color: #111;
}
*::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #111;
}
*::placeholder {
    /* modern browser */
    color: #111;
}

	
	
	blockquote.agree{ margin-top: 20px;display:inline-block; width:auto;padding:0 2%; border:1px solid #ddd; margin-bottom:20px; clear:both;}
	blockquote.agree p{width:100%; font-size:1em;}
	blockquote.agree ul{padding-left:20px; margin-top:10px;}#contestantFrm > blockquote:nth-child(25) > p:nth-child(3) { padding-bottom: 10px;}
	#contestantFrm > blockquote:nth-child(34) > p { padding: 0;}
	
	.bigBtn{width:100%; display:flex; clear:both; margin:20px 0; justify-content: left;justify-content: center;}
	.bigBtn a{ font-size:28px; line-height:50px; border-radius:5px; border:1px solid #ddd; background:#666; color:#003;
	text-decoration:none; padding:0 25px;
	}
	
	div.radio{line-height: 220%;}
	div.button{display:flex;width:100%;justify-content: left;justify-content: center!important;}
	div.button input{width:auto;font-size:20px; color:#111; cursor:pointer; background:#fff; border:1px solid #222E47; border-radius:5px; padding:0 20px; text-align:center; height:50px;}
	div.checkbox{display:flex;width:100%;justify-content: left;justify-content: center; font-size:1em;}
	div.checkbox input{width:auto;margin-right:10px;}
	div.file input{height:auto; margin-left:0; padding-left:5px;}
	div.sign{display:flex;width:100%;flex-wrap:wrap!important;}
	div.sign input{width:300px; height:40px; font-size:24px; line-height:40px;}
	div.sign label{margin-right:10px;}
	div.survey {width:100%; flex-wrap:wrap;}
	div.survey span{display:flex; flex-wrap:nowrap;}
	div.survey span input{width:auto;}
	div.survey span.others{width:300px;}
	div.survey span.others
	div.survey label small{font-size:1em; line-height:12px!important; display:block; clear:left;}
	form.applicationForm h5{font-size:1.2em; margin-top:20px;font-weight: bolder!important;}
	div.date span{ display:flex; flex-wrap:nowrap;}
	div.date span input{margin-right:10px; width:50px;}
	div.date span label{width:auto; margin-right:15px;}
	
	h2.alignLeft{ font-weight:normal; color:#111; font-size:22px; margin:25px 0;}
#listtext li{ font-size:16px; line-height:150%; padding:10px 0;}
#listtext ol{padding-left:30px;}
#listtext li ul{padding-left:20px;}
#listtext li ol{padding-left:20px;}
#listtext blockquote{width:48%;padding:1%; float:left; font-family:"Arial", Gadget, sans-serif;}







/* (A) FULL SCREEN WRAPPER */
#spinner {
  position: fixed;
  top: 0; left: 0; z-index: 9999;
  width: 100vw; height: 100vh;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 0.2s;
}

/* (B) CENTER LOADING SPINNER */
#spinner img {
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%);
}

/* (C) SHOW & HIDE */
#spinner {
  visibility: hidden;
  opacity: 0;
}
#spinner.show {
  visibility: visible;
  opacity: 1;
}

@media (max-device-width:900px){

}

@media (max-device-width:778px){
	#topBanner{width:96%;margin:0 auto; padding: 0 2%;}
	#topBanner div{width:100%;margin-bottom: -40px;z-index: 10; display: block; position: relative;height:180px;}
	#topBanner div img{width:90%;height:auto; position: absolute;}

.cWrap{width:98%; margin: 0 1%;padding-top:25px;}	

form.applicationForm div{flex-wrap:wrap; margin:10px 0;}
div.colm3 span{width:98%; margin:1%;}
	div.colm2 span{width:98%; margin:1%;}
	div.colm2 span select{margin:0 5px;}
	span.w3{width:98%;margin:1%;}
	span.w4{width:98%;margin:1%;}
	span.w6{width:98%;margin:1%;}
	
	form.applicationForm div.checkbox{flex-wrap:nowrap!important;align-items: flex-start;}
	
	form.applicationForm span label{width:100%; margin-bottom:10px; font-size: 1.2em;}



	}

	@media (max-device-width:480px){
		
		#topBanner div{height:120px;}
	}