@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, th, td {
  margin: 0;
  padding: 0;
}
img {border: 0;}
:focus {outline: 0;}
h1, h2, h3, h4, h5, h6 {font-size: 100%; font-weight: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;
}


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

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

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

/*================================================================================*/

.mt{ margin-top:30px;}
.mb{ margin-bottom:30px;}
.mt-h{ margin-top:15px;}
.mb-h{ margin-bottom:15px;}
.mt-d{ margin-top:50px;}
.mb-d{ margin-bottom:50px;}
.mb-c{ margin-bottom:100px;}

.pic img{ width:100%; height:auto;}
.maxpic img{ max-width:100%; height:auto;}

/*================================================================================*/


.col-gp{}
.col-gp:before, .col-gp:after{ display:table; content:" " }
.col-gp:after{ clear:both }

.col{ float:left; margin:0 2% 0px 0;}

.cols02 > .col{width:49%;}
.cols03 > .col{width:32%;}
.cols04 > .col{width:23.5%;}
.cols05 > .col{width:18%;}

.cols02 > .col:nth-child(2n) , .cols03 > .col:nth-child(3n) ,
.cols04 > .col:nth-child(4n) , .cols05 > .col:nth-child(5n){ margin-right:0%;}

.cols02 > .col:nth-child(2n+1) , .cols03 > .col:nth-child(3n+1) , 
.cols04 > .col:nth-child(4n+1) , .cols05 > .col:nth-child(5n+1){ clear:both; float:left;}

/*================================================================================*/



/* <<===begin input 輸入欄位基本設定 ===========================================================================>> */

/*文字欄位、下拉選單*/
.ftext , .fselt{
	background: rgba(255,255,255,0);
	border: 1px solid #CCC;
	border-radius:1px;
	font-size:16px;
	height:30px;

	padding:0px 10px;
	width:100px;
	transition:All 0.5s ease;
}

.ftextarea{
	background: rgba(255,255,255,0);
	border: 1px solid #d6d6d6;
	font-size:0.95em;
	padding:10px;
	width:100%;
	border-radius:5px;
	transition:All 0.5s ease;
}

.ftext:focus , .fselt:focus, .ftextarea:focus{ background-color: rgba(255,255,255,0); border-color:#999; outline: none;}

.ftext::-webkit-input-placeholder { color: rgba(51,51,51, 1); font-size:0.95em;}
.ftext::-moz-placeholder { color: rgba(51,51,51, 1); font-size:0.95em;}
.ftext::-ms-input-placeholder { color: rgba(51,51,51, 1); font-size:0.95em;}
.ftext::-moz-placeholder { color: rgba(51,51,51, 1); font-size:0.95em;}

.fselt{
	position:relative;
	padding-right:30px;
	min-width:120px;
	
	appearance:none;
    -webkit-appearance: none;
    -moz-appearance: none;
	background:url(../images/selt-arrow.html) no-repeat scroll right 10px center transparent;
}
.fselt::-ms-expand { display: none; } /*for ie*/

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

.fbtn{
	position:relative;
	font-size:16px;
	line-height:1.5;
	letter-spacing:1px;
	color:#052e65;
	background:#eaeaea;
	border:#5680ab solid 1px;
	padding:5px 15px 5px 15px;
	margin-top:50px;
	
	-ms-border-radius:30px;
	-moz-border-radius:30px;
	-webkit-border-radius:30px;
	-o-bborder-radius:30px;
	border-radius:30px;
	background:#002870;
	color:#fff; 
	cursor: pointer;
	background: #3e90bf; /* Old browsers */
	background: -moz-linear-gradient(top,  #3e90bf 1%, #3e90bf 31%, #3e90bf 50%, #2f75a7 73%, #20578f 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #3e90bf 1%,#3e90bf 31%,#3e90bf 50%,#2f75a7 73%,#20578f 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #3e90bf 1%,#3e90bf 31%,#3e90bf 50%,#2f75a7 73%,#20578f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e90bf', endColorstr='#20578f',GradientType=0 ); /* IE6-9 */
}

.fbtn:hover{
	color:#052e65;
	background:#eaeaea;
	border:#5680ab solid 1px;outline: none;
}


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

.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 #999; 
	cursor:pointer;
}
.sex-box .ra-sex:checked + .title{ background:#666; border-color:#666; color:#FFF;}

/* <<===end input 輸入欄位基本設定 ==>> */



/*表單模組 ====================================================================================*/

.form{ display:block; width:100%; margin-left:auto; margin-right:auto;}

.finput{ position:relative;}
.finput-list .finput{ margin-bottom:25px;}

.all-input .ftext{ width:100%;}
.absolute-lab .flab{position:absolute; top:0; left:0;}
.absolute-lab .finput{ padding-left:90px;}

/*表單前面標示必填的icon*/
.fnote{ display:inline-block; vertical-align:super; width:5px; color:#F00; font-size:0.6em; } 

/*必填文字說明*/
.fremind{ text-align:right; font-size:0.8em;}

.btn-line{ margin:15px 0; text-align:center;}

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

.back-btn{ background:transparent; color:#727171; border-color:#727171; margin-left:20px; }
.back-btn:hover{ background:transparent; border-color:#333; color:#333; outline: none;}

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

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




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

/* <<===end 表格==>> */