@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%;/*font-weight: normal;*/}
input, button, textarea,select, optgroup, option {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  /*line-height: inherit;*/ /*在ie會有問題*/
}

/*purpose To enable resizing for IE */
/*branch For IE6-Win, IE7-Win */
input, button, textarea, select {*font-size: 100%;}
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;
	color:#666666;
	font-family:"微軟正黑體", serif , "新細明體-ExtB";
	font-size:16px;
	/*line-height: 180%;*/
	line-height:1.8;
	letter-spacing:1px;
}


/*a 鏈結字*/
a { color:#337ab7; text-decoration:none; }
a:hover, a:focus { color:#23527c; text-decoration:none; }
a:focus { outline:none; }



.clearfix:before , .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }


h1 , h2 , h3 , h4 {margin:10px 0; padding:0px; font-weight:100;}
h1{font-size:1.2em; }
h2{ font-size:1em;}
h3 , h4{ font-size:0.9em;}
p{padding:5px 0; margin:10px 0;}



.tc{ text-align:center;}
.tl{ text-align:left;}
.tr{ text-align:right;}


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


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




/* <<===begin 表單 ===========================================================================>> */
.form{
	color:#332C2B;
	/*font-size:0.9em;*/
	margin:0px auto;
	width:100%;
}

.fm-header{
	font-size:1.2em;
	margin-bottom:-15px;
	text-align:center;
	width:100%;
}

.fm-header img{
	display:block;
	margin:0 auto;
	max-width:100%;
	height:auto;
}


.finput-list{ margin:0px auto;}
.finput-list:before, .finput-list:after{ display:table; content:" " }
.finput-list:after{ clear:both }

.finput-list li , .finput{
	float:left;
	position:relative;
	margin:0px 0 5px 0;
	padding-left:95px;
	width:100%;
}
.finput-list .finput:last-child{margin-bottom:0px;}

.input-lab{position:absolute; top:2px; left:0; font-size:0.95em;}
.rednote{ display:inline-block; width:8px; color:#F00; font-size:0.8em; vertical-align:super }
.lab-title{display:inline-block;}


.btn-line{
	margin:30px auto 0px auto;
	text-align:center;
	width:100%;
}


.input-txt , .input-selt{
	background: rgba(255,255,255,0);
	border: 1px solid #c3c3c3;
	padding:8px 10px;
	width:100%;
	color:#666;
	
	-ms-border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-o-bborder-radius:3px;
	border-radius:3px;
	
    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;
}

.input-txt:focus , .input-selt:focus { 
	background: rgba(255,255,255,0);
	border-color:#cccccc;
	outline: none;
}

.input-selt{
	border: 1px solid #cccccc;
	padding:5px 10px;
}
.input-selt:focus { border-color:#999;}

/*.input-txt::-webkit-input-placeholder { color: rgba(51,44,43, 0.4);}
.input-txt::-moz-placeholder { color: rgba(51,44,43, 0.4);}
.input-txt::-ms-input-placeholder { color: rgba(51,44,43, 0.4);}
.input-txt::-moz-placeholder { color: rgba(51,44,43, 0.4);}*/


.fm-btn{
	position:relative;
	background:#4d4d4d;
	/*background:linear-gradient( top , rgba(164,163,163, 0.95) , rgba(77,77,77, 1));
	background:-moz-linear-gradient( top , rgba(164,163,163, 0.95) , rgba(77,77,77, 1));
	background:-webkit-linear-gradient( top , rgba(164,163,163, 0.95) , rgba(77,77,77, 1));
	background:-o-linear-gradient( top , rgba(164,163,163, 0.95) , rgba(77,77,77, 1));
	background:-ms-linear-gradient( top , rgba(164,163,163, 0.95) , rgba(77,77,77, 1));*/
	color:#ffffff;
	border: 1px solid #4d4d4d;
	
	border-radius:3px;
	cursor: pointer;
	
    padding: 0.4em 1.8em;
	margin:0px 10px 30px 10px;
}

.fm-btn:hover{
	outline: none;
	/*color:#4d4d4d;*/
	background:#CDB369;
	border-color:#CDB369;
}

.sp-area{display:block; padding:3px 0px 4px 0px; text-align:left;}

.radbtn{vertical-align:middle;}

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




/* <<===begin 表格 ==============================================================================>> */
.tbset{
	border: 1; 
	border-collapse: collapse; /*讓表格間無間隔*/
	/*table-layout:fixed;*//*能改善表格呈現的性能*/
	/*empty-cells:show;*//*能隱藏不必要的干擾因素*/
	/*color:#666666;*/
	/*font-size:16px;*/
	/*letter-spacing:1px;*/
	font-size:0.95em;
	margin:30px 0;
	width:100%;
	color:#333333;
} 

.tbset a{color:#333333;} 
.tbset a:hover{color:#333;} 

.tbset th{
	font-size:0.9em;
	font-weight:100;
	padding:6px 5px;
	text-align:center;
	
}

.tbset td{ padding:6px 5px; text-align:center;}

.tbset tr{ border: 1px solid #dbdbdb;}

.tbset thead{ background:rgba(209,209,209, 0.2); border: 1px solid #dbdbdb;}

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