@charset "utf-8";

* {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}


/* <<===begin  reset =======================================================================================>> */
html, body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, button,textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0;
}
img {border: 0;}
:focus {outline: 0;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;}
input, button, textarea,select, optgroup, option {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  /*line-height: inherit;*/ /*在ie會有問題*/
}

input, button, textarea, select {*font-size: 100%;}/*purpose To enable resizing for IE */
ol, ul, li {list-style: none;}
:link, :visited , ins {text-decoration: none;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main { display: block;}

/* <<=== end reset==>> */




/* <<===begin Basic Elements：定義基本元素的樣式 =================================================================>> */
html , body{
	height:100%;
	min-height:100%;
	width:100%;
}

body{
	background:#FFF;
	font-family:"微軟正黑體", serif , "新細明體-ExtB";
	font-size:16px;
	line-height:1.8;
	letter-spacing:1px;
}


h1{font-size:1.2em; margin:20px 0; padding:10px 0;}
h2 , h3{ font-size:1em; margin:20px 0; padding:10px 0;}
p{/*margin:1em 0;*/ padding:10px 0;}



/*a 鏈結字*/
a , a:hover, a:focus{ text-decoration:none; }
a:focus { outline:none; }



/* <<===begin Basic Layout =================================================================>> */
.wrapper{ 
	background:#ffffff;
	height:auto;
	width:100%;
	min-height:100%;
}

.container{
	position:relative;
	margin:0 auto;
	padding:0;
	width:85%;
	max-width:1170px;
}
.container:before, .container:after{ display:table; content:" " }
.container:after{ clear:both }


/* <<===begin 表單 ===========================================================================>> */
.form{ display:block; width:100%; margin-left:auto; margin-right:auto;}

.finput{ position:relative;}
.btn-line{ margin:15px 0; text-align:center;}
.fnote{ display:inline-block; vertical-align:super; width:5px; color:#F00; font-size:0.6em;   }
.flab{ display:inline-block; font-size:0.95em;}
.fremind{ text-align:right; font-size:0.8em;}
.finput-list .finput{ margin-bottom:15px;}
.ftext , .fselt{
	background: rgba(255,255,255,0);
	border: 1px solid #CCC;
	padding:0px 10px;
	height:30px;
	font-size:0.95em;
	
    transition:All 0.15s ease-out;
	-webkit-transition:All 0.15s ease-out;
	-moz-transition:All 0.15s ease-out;
	-o-transition:All 0.15s ease-out;
}
.fselt{border-radius:3px;}
.ftext:focus , .fselt:focus { background: rgba(255,255,255,0); border-color:#999; outline: none;}

.ftext::-webkit-input-placeholder { color: rgba(51,44,43, 0.4); font-size:0.9em;}/* Chrome/Opera/Safari */
.ftext::-moz-placeholder { color: rgba(51,44,43, 0.4); font-size:0.9em;} /* Firefox 19+ */
.ftext::-ms-input-placeholder { color: rgba(51,44,43, 0.4); font-size:0.9em;} /* IE 10+ */
.ftext::-moz-placeholder { color: rgba(51,44,43, 0.4); font-size:0.9em;} /* Firefox 18- */

/*---------------------*/

.fbtn{
	position:relative;
	background:#4d4d4d;
	border: 1px solid #4d4d4d;
	/*border-radius:3px;*/
	color:#ffffff;
	cursor: pointer;
    padding: 0.3em 2em;
	margin:10px;
	/*min-width:200px;*/
}
.fbtn:hover{ background:#5e5e5e; border-color:#5e5e5e; color:#ffffff; outline: none;}

.back-btn{ background:transparent; color:#999; border-color:#999;}
.back-btn:hover{ background:transparent; border-color:#333; color:#333; outline: none;}

.end-btn:hover{border-color:#810000; background:#810000; color:#FFF;}

/*---------------------*/

.sex-box{margin-right:10px;}
.sex-box .ra-sex{display:none;}
.sex-box .title{ 
	display:inline-block; 
	width:30px; 
	height:30px; 
	text-align:center; 
	border:1px solid #cccccc; 
	cursor:pointer;
}
.sex-box .ra-sex:checked + .title{ background:#666; color:#FFF;}

/*---------------------*/

.all-input .ftext{ width:100%;}/*讓文字欄位100%寬*/
.absolute-lab .flab{position:absolute; top:0; left:0;}
.absolute-lab .finput{ padding-left:85px;}

/* <<===end 表單==>> */




/* <<===begin 表格 ==============================================================================>> */
.tbset{
	border: 1; 
	border-collapse: collapse; /*讓表格間無間隔*/
	width:100%;
	text-align:center;
} 
.tbset td{ padding:10px 5px; text-align:center;}
/* <<===end 表格==>> */



@media (max-width:640px) {
	.finput {
		display:flex;
		flex-wrap:wrap;
	}
	.finput .flab {
		flex:1;
	}
}