/* DEFAULT */
header.jw.layout,footer.jw.layout{display:block;}
footer.jw.layout{background-color:#f2f2f2;margin-top:2%;}
footer.jw.layout > img{margin:0 auto;}

img.jw.sec-content{display:block;}
.text-align{text-align:center;}

.pc_view{display:block;}
.mo_view{display:none!important;}

.jw.wrapper.wr_800{}
h3{font-size:1.25em;line-height:1.5em;margin:2.5% 2% 0;}

/* JWEB FRM MODIFY */
.sec2.down-counter{display:inline-block;width:100%;margin:0 auto;text-align:center;}
.sec2.down-counter h3{display:block;}
.sec2.down-counter .flip-counter-wrapper{display:inline-block;margin:0 auto;}
.sec2.down-counter .flip-counter{zoom:0.7;}

.jw.frm input[type=text],
.jw.frm input[type=password],
.jw.frm input[type=email],
.jw.frm input[type=tel],
.jw.frm input[type=url],
.jw.frm select,
.jw.frm textarea{border:1px solid #222;background:#FFF;}

.jw.frm input[type=radio],
.jw.frm input[type=checkbox]{background:#FFF;background-image:none;border:2px solid #959595;-webkit-appearance:none;appearance:none;width:1em;height:1em;-webkit-transition: .3s cubic-bezier(0.4, 0.01, 0.165, 0.99);-moz-transition: .3s cubic-bezier(0.4, 0.01, 0.165, 0.99);-o-transition: .3s cubic-bezier(0.4, 0.01, 0.165, 0.99);transition: .3s cubic-bezier(0.4, 0.01, 0.165, 0.99);}
.jw.frm input[type=radio]{border-radius:1em;}
.jw.frm input[type=radio]:after,
.jw.frm input[type=checkbox]:after{display:block;width:100%;content:"";text-align:center;font-family:Arial;font-size:0.8em;line-height:1em;color:#FFFFFF;vertical-align:middle;margin:0 auto 0;}
.jw.frm input[type=radio]:checked,
.jw.frm input[type=checkbox]:checked{background-color:#1d86ff;}
.jw.frm input[type=radio]:checked:after,
.jw.frm input[type=checkbox]:checked:after{content:"✔︎";}

.jw.frm input[type=text],
.jw.frm input[type=password],
.jw.frm input[type=email],
.jw.frm input[type=tel],
.jw.frm input[type=url],
.jw.frm textarea{padding:0px 8px;}

.jw.frm input[type=text],
.jw.frm input[type=password],
.jw.frm input[type=email],
.jw.frm input[type=tel],
.jw.frm input[type=url],
.jw.frm input[type=submit],
.jw.frm input[type=button],
.jw.frm input[type=checkbox],
.jw.frm input[type=radio],
.jw.frm button,
.jw.frm select,
.jw.frm textarea, 
.jw.frm label,
.jw.frm a{font-size:1.2em;}

.jw.frm input[type=text],
.jw.frm input[type=password],
.jw.frm input[type=email],
.jw.frm input[type=tel],
.jw.frm input[type=url],
.jw.frm input[type=submit],
.jw.frm input[type=button],
.jw.frm input[type=checkbox],
.jw.frm input[type=radio],
.jw.frm select,
.jw.frm label,
.jw.frm span,
.jw.frm a{vertical-align:middle;}

.jw.frm.row.field{line-height:35px;}
.jw.frm.f-inventory{line-height:35px;text-align:center;}
.jw.frm.f-inventory *{line-height:46px;vertical-align:middle;}
.jw.frm.f-container{line-height:35px;width:100%;}
.jw.frm.f-container > img{width:100%;}
.jw.frm.contents *{line-height:46px;vertical-align:middle;}
.jw.frm.row.field label,
.jw.frm.row.field span,
.jw.frm.row.field a,
.jw.frm.row.field p,
.jw.frm.contents label,
.jw.frm.contents span,
.jw.frm.contents a,
.jw.frm.contents p{color:#000;}
.jw.frm.contents .nowrap:not(:last-child){margin-right:1.5em;}
.jw.frm.buttons{text-align:center;}

.jw.frm.row.field .f-container label{color:#000;}

.jw.frm.privacy input[type=checkbox],
.jw.frm.privacy span,
.jw.frm.privacy a,
.jw.frm.privacy label{font-size:1em;}

/* PAGE */
.jw.sec1{position:relative;padding:0;border:3px solid #000;}
.jw.sec1 .jw.sec2{position:relative;}
.jw.sec1 form{width:100%;height:100%;}
.jw.sec1 form .form-input-box{width:90%;margin:3% 5%;}
.jw.sec1 form .jw.frm.buttons{width:80%;margin:2% auto;}
.jw.sec1 .tel-form select,
.jw.sec1 .tel-form input[type=tel]{width:31.5%;}
.jw.sec1 .add-field-box img{padding:2% 2% 4% 2%;background:#fff;}
.jw.sec2.title{padding:0;}
.jw.sec2 > img{width:100%;}
.jw.frm.buttons input[type=image]{width:100%;}
.privacy-detail{display:none;padding:3% 3%;background-color:#FFF;border:1px solid #222;position:absolute;width:88%;left:6%;top:67%;z-index:1;}

.add-field-box{padding:0 0 0 20%;}
.add-field-box:not(:last-child){margin-bottom:4%;}
.add-field-box input,.add-field-box select{border:1px solid #cccccc !important;}
.add-field-box .jw.frm.f-inventory{left:10px;}
.jw.frm.row.field.privacy{width:100%;padding:0 5%;margin-top:5%;}
.jw.frm.row.field.privacy .privacy-link{float:right;}

.frm-both:after{display:table;content:"";clear:both;}
.frm-both .in-left{float:left;width:49%;}
.frm-both .in-right{float:right;width:49%;}

/* DEVICES MEDIA */
@media only screen and (max-width:768px) {
	.jw.frm.row.field.contents.w_220{padding-left:0px;text-align:center;}
}
@media only screen and (max-width:640px) {
	.pc_view{display:none!important;}
	.mo_view{display:block!important;}

	.jw.frm input[type=text],
	.jw.frm input[type=password],
	.jw.frm input[type=email],
	.jw.frm input[type=tel],
	.jw.frm input[type=url],
	.jw.frm input[type=submit],
	.jw.frm input[type=button],
	.jw.frm input[type=checkbox],
	.jw.frm input[type=radio],
	.jw.frm button,
	.jw.frm select,
	.jw.frm textarea, 
	.jw.frm label,
	.jw.frm a{font-size:1.125em;}
	
	.jw.frm.row.field{line-height:40px;margin-top:2%;}
	.jw.frm.f-inventory{line-height:40px;text-align:center;}
	.jw.frm.f-inventory *{line-height:50px;vertical-align:middle;}
	.jw.frm.f-container{line-height:40px;}
	.jw.frm.contents *{line-height:inherit;}

	.jw.frm.row.field.privacy{text-align:left;padding-left:5%;}

	.down-counter ul{top:38.5%;}
}
@media only screen and (max-width:480px) {
	.jw.frm input[type=text],
	.jw.frm input[type=password],
	.jw.frm input[type=email],
	.jw.frm input[type=tel],
	.jw.frm input[type=url],
	.jw.frm input[type=submit],
	.jw.frm input[type=button],
	.jw.frm input[type=checkbox],
	.jw.frm input[type=radio],
	.jw.frm button,
	.jw.frm select,
	.jw.frm textarea, 
	.jw.frm label,
	.jw.frm a{font-size:.925em;}
	
	.jw.frm.privacy input[type=checkbox],
	.jw.frm.privacy span,
	.jw.frm.privacy a,
	.jw.frm.privacy label{font-size:.75em;}
	
	.jw.frm.f-inventory{line-height:25px;}
	.sec2.down-counter .flip-counter{zoom:0.6;}
}
@media only screen and (max-width:414px) {
	.jw.frm.contents .nowrap:not(:last-child){margin-right:0.5em;}
	
	.jw.frm input[type=text],
	.jw.frm input[type=password],
	.jw.frm input[type=email],
	.jw.frm input[type=tel],
	.jw.frm input[type=url],
	.jw.frm input[type=submit],
	.jw.frm input[type=button],
	.jw.frm input[type=checkbox],
	.jw.frm input[type=radio],
	.jw.frm button,
	.jw.frm select,
	.jw.frm textarea, 
	.jw.frm label,
	.jw.frm a{font-size:0.75em;}
	
	.jw.frm.row.field{line-height:20px;}
	.jw.frm.f-inventory{line-height:20px;text-align:center;}
	.jw.frm.f-container{line-height:20px;}
	
	.privacy-detail{top:68%;}
	
	.jw.sec1 .tel-form input[type=tel]{width:30%;}
}
@media only screen and (max-width:360px) {
	.jw.frm input[type=text],
	.jw.frm input[type=password],
	.jw.frm input[type=email],
	.jw.frm input[type=tel],
	.jw.frm input[type=url],
	.jw.frm input[type=submit],
	.jw.frm input[type=button],
	.jw.frm input[type=checkbox],
	.jw.frm input[type=radio],
	.jw.frm button,
	.jw.frm select,
	.jw.frm textarea, 
	.jw.frm label,
	.jw.frm a{font-size:0.625em;}
	
}