@charset "utf-8";
/* CSS Document */
.styled-input02 {	margin:0px 0px 0px 0px; padding:0; list-style:none; 
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;}
ul.styled-input02 {	width:100%; margin:0px auto; padding:20px; list-style:none; background: #fff; height:auto; overflow: hidden;}
/*.styled-input02 li{ width:100%; margin:0px auto 20px auto; padding:0 0 10px 0; list-style:none; height:auto; overflow: hidden; font-size: 0.9em; color:#666; font-weight:bold; border-bottom: 1px dotted #ddd;}*/
.styled-input02 li{ width:100%; margin:0px auto 20px auto; padding:0 0 10px 0; list-style:none; height:auto; overflow: hidden; font-size: 0.9em; color:#666; font-weight:bold; border-bottom: 1px dotted #ddd;}
.styled-input02 li.half{ width: calc(50% - 5px); }
.styled-input02 li.half13{ width: calc(33% - 5px); }
.styled-input02 li.half23{ width: calc(66% - 5px); }
.styled-input02 li .ps{ margin:0px 0px 0px 0px; padding:10px 0px 0px 110px; width:100%; color:#666; height:auto; overflow: hidden; line-height:1.5;}
/*.styled-input02 h2, .styled-input02 label{ float:left; font-size: 1.125em; color:#188cc9; font-weight:bold; width:110px; padding:12px 0; }
.styled-input02 h4{ float:left; font-size: 1.125em; color:#666; padding:12px 0 10px 0;}    原*/
.styled-input02 h2, .styled-input02 label{ float:left; font-size: 1.125em; color:#188cc9; font-weight:bold; width:110px; padding:0px 0; }
.styled-input02 h4{ float:left; font-size: 1.125em; color:#666; padding:0px 0 0px 0;}
.styled-input02 li.contact-captcha{ padding:0 0 10px 110px; }
.styled-input02 input[type="text"], .styled-input02 input[type="password"], .styled-input02 textarea, .styled-input02 select{ float:left; width:calc(100% - 110px) ;
	padding:10px 15px;
	border-radius: 5px;
	font-size: 16px;
	color: #666;
	background: rgba(255,255,255,0.9);
	border:1px solid #bfbfbf;
}
.styled-input02 input[type="text2"]{ float:left; width:calc(100% - 110px) ; margin:10px 0 0 110px;
	padding:10px 15px;
	border-radius: 5px;
	font-size: 16px;
	color: #666;
	background: rgba(255,255,255,0.9);
	border:1px solid #bfbfbf;
}
.styled-input02 input[type="text3"]{ float:left; width:auto;
	padding:10px 15px;
	border-radius: 5px;
	font-size: 16px;
	color: #666;
	background: rgba(255,255,255,0.9);
	border:1px solid #bfbfbf;
}
.styled-input02 input[type="text"]:focus, .styled-input02 input[type="password"]:focus, .styled-input02 textarea:focus, .styled-input02 select:focus{
	border:1px solid #b3ddff; background: #f0f7ff;
}
#smoke_role_3_label {	width: 90px; 	margin: 0 0 0 110px;}
#smoke_role_4_label {	width: calc(100% - 110px); 	margin: 0 0 0 110px;}
#smoke_role_5_label {	width: calc(100% - 110px); 	margin: 0 0 0 110px;}
@media only screen and (min-width: 0px) and (max-width: 500px){
.styled-input02 input[type="text"], .styled-input02 input[type="password"], .styled-input02 textarea, .styled-input02 select, .styled-input02 input[type="File"]{ width:100% ; padding:6px 15px;}
.styled-input02 input[type="text2"]{ width:100%; margin:10px 0px 0px 0px; }
.styled-input02 h4{ width:100% ; padding:5px 0px;}
.styled-input02 h2, .styled-input02 label{ padding:5px 0;　 }
.styled-input02 li.contact-captcha{ padding:0 0 10px 0px; }
.styled-input02 li .ps{ padding:10px 0px 0px 0px;}
.smoke_label_mobi {width:100%; margin-left:0px;}	
#smoke_role_3_label {width:100%; margin-left:0px;}	
#smoke_role_4_label {width:100%; margin-left:0px;}	
#smoke_role_5_label {width:100%; margin-left:0px;}	
}
@media only screen and (min-width: 0px) and (max-width: 700px){
.styled-input02 li.half{
	width: 100%;
}
.styled-input02 li.half13{
	width: 100%;
}
.styled-input02 li.half23{
	width: 100%;
}
}

/* -twzipcode-*/
.mem_add {  width: calc( 100% - 110px); padding: 0px 0px 0px 0px;  
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
 }
.mem_add > div.mem_add_inpt, .mem_add > div > input.mem_add_inpt{ width: calc( 100% / 3);
	padding:10px 15px;
	border-radius: 5px;
	font-size: 16px;
	color: #666;
	background: rgba(255,255,255,0.9);
	border:1px solid #bfbfbf;}
.mem_add > div > select.mem_add_inpt{	width: calc( 100% / 3);
	padding:10px 15px;
	border-radius: 5px;
	font-size: 16px;
	color: #666;
	background: rgba(255,255,255,0.9);
	border:1px solid #bfbfbf;}
.mem_add > div > select.mem_add_inpt, .mem_add > div > input.mem_add_inpt { width: 100%; }
.mem_add > div > select:focus, .mem_add > div > input.mem_add_inpt:focus {	border:1px solid #66afe9;}
.mem_inpt{ width: calc( 100% / 3 - 5px);}
@media only screen and (min-width: 0px) and (max-width: 500px){
.mem_add {  width: 100%;}
.mem_add > div.mem_add_inpt, .mem_add > div > input.mem_add_inpt{ width:100% ; padding:6px 15px;}
.mem_add > div > select.mem_add_inpt{ width:100% ; padding:6px 5px;}
}

.gender{
	width: calc(100% - 110px); margin:0 0 0px 110px; padding:0; list-style:none; 
}
.gender input[type="radio"] {
	display: none;
}
.gender .g_list {
	display: inline-block;
}
.gender label {
	width: auto; 
	padding:0px 0px 0px 30px; margin: 10px 20px 0 0px;
	font-size: 1.125em; 
	color:#666;
	cursor: pointer;
	display: inline-block; position:relative; font-weight: normal;
}
.gender label:after {
	display: block;
	width: 10px;
	height: 10px; background-color:#bbb;
	border-radius: 50%;
	content     : '';
	margin: -16px 0 0 -22px; position: absolute;
}
.gender label:before {
	content: '';
	display: block;
	width: 14px;
	height: 14px;
	border: 2px solid #bbb; 
	border-radius: 50%;
	background-color:#fff;
	margin: 8px 0 0 -26px;  position: absolute;
}
.gender label.checked:after {
	background-color:#188cc9;
}
.gender label.checked:before {
	border: 2px solid #188cc9; 
}
@media only screen and (min-width: 0px) and (max-width: 500px){
.gender{ width: 100%; margin:30px 0 0px 0px; }
}
}

.select_form{
    margin:0 0px 0px 0; border-radius: 5px; border: 1px solid rgba(0%,0%,0%,0.1);
    padding: 3px 5px; height: 35px; line-height: 35px; width: auto; font-size: 1em; color: red;
	outline:none;
}
@media only screen and (min-width: 0px) and (max-width: 500px){
.code_txt{
    width: 100% !important;
}
}
.code{
    margin:5px 0px 0px 10px; 
}