/*!
* by zhangxinxu(.com) 2010-?
* https://github.com/zhangxinxu/zxx.lib.css
* under MIT license
*/



/* --** Reset CSS **-- */
/** {
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	box-sizing: border-box;
}

body{
    line-height:1.5;
    color:#000;
	font-family: "Trebuchet MS", Helvetica, sans-serif, "微軟正黑體";
    font-size: 16px;
}
input,textarea,select{
    font-size:100%;    
    font-family:inherit;
}
body,h1,h2,h3,h4,h5,h6,p,ul,ol,form{
    margin:0;
}
h4,h5,h6,p{
    font-size:1em;
}
ul , ol , li{
    padding-left:0; 
    list-style-type:none;
}

img{ padding:0; border:0; margin:0; display:block;}*/
/* --** Reset CSS **-- */



/*連結 => link:未被访问 , visited:已被访问 , active:正在被点击*/
/*a{text-decoration:none;}
a:link {color:#ffffff;}
a:visited {color:#ffffff;}
a:hover {color:#FFF1AE;}
a:active {color:#ffffff;}*/


/*.pic img{width:100%; height:auto;}*/




/*表單==================================================================================================*/
/*.fmtxt => input[type="text"] , .fmtxtarea => textarea , .fmselt => select , .fmsbm => submit*/



.fmtxt , .fmtxtarea , .fmselt {
	display:inline-block;
	padding:6px 10px;
	vertical-align:middle;

	
	color:#555;
	line-height:20px;
	
	border:1px solid #FF6633;
	box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);
	
	/*圓角*/
	-ms-border-radius:1px;
	-moz-border-radius:1px;
	-webkit-border-radius:1px;
	-o-border-radius:1px;
	border-radius:1px;

	-webkit-transition:border 0.15s ease-out,box-shadow 0.15s ease-out;
	-moz-transition:border 0.15s ease-out,box-shadow 0.15s ease-out;
	transition:border 0.15s ease-out,box-shadow 0.15s ease-out;
}







/*滑鼠滑上後，邊框變化*/
.fmtxt:hover , .fmtxtarea:hover , .fmselt:hover { 
	border:1px solid #cccccc;
}


/*在點按後，效果變化*/
.fmtxt:focus , .fmtxtarea:focus {
	outline:none;
	border:1px solid #FFCC00;
	
	/*陰影*/
/*	-ms-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(199, 177, 133, 0.6);
	-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(199, 177, 133, 0.6);
	-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(199, 177, 133, 0.6);
	-o-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(199, 177, 133, 0.6);
	box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(199, 177, 133, 0.6);*/
}


.fmsbm{
	display:inline-block;
	padding:5px 35px;

	font-size:16px;
	line-height:1.4;
	text-decoration:none;
	text-align:center; 

	background: #FF6633;/*背景色*/
	color: #fff;	
	cursor:pointer;
	letter-spacing:3px;
	border:#FF0 solid 1px;


}


.fmsbm:hover{
	background: #4D4D4D;/*滑鼠滑過的背景色*/
}



.fmtxt {
	width:565px;
	
	}

.fmtxtarea {width:100%;}


.index-select .fmselt{background:transparent; color:#ffffff; }
.fmselt option{ color:#000; background:#fff;}
.index-select.fmselt:focus , .index-select.fmselt:hover{ border:1px solid #cccccc; }



.formset{ text-align:left;}

.fm-line{
	float:left;
	padding:0 0 0 150px;
	/*padding:0 0 0 0px;*/
	position:relative;
	width:700px;
	margin:0px 5% 30px 0%;
/*	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#CCCCCC;*/
}

.fm-line-title{
	width:150px;
	position:absolute;
	top:0px;
	/*top:-30px;*/
	left:0;
	font-size:16px;

}

.fm-l{ width:100%;}
.fm-m{ width:565px;}
.fm-s{ width:300px;}
.fm-btn{
	text-align:right; 
	width:95%; 
	margin:0px 5% 30px -20px;
}

.rnote-01{
/*	width:50px;
	height:30px;
	background:#E6E6E6;*/
/*	color:#666666;*/
	color:red;
	margin-left:30px;
	padding:15px 10px 15px 10px;
	}

.rnote{
	color:red;
	margin-left:30px;
	padding:15px 10px 15px 10px;
	}






/*表格=================================================================================================*/
/*table { 
  border: 0; 
  font-family: arial; 
  font-size:14px;
  width:100%;
  border-collapse: collapse;
  letter-spacing:1px;
} 
th { 
  background-color:yellow; 
} 
td { 
  border: 1px solid #ffffff;
  padding:2px;
  vertical-align:middle;
} 
*/




/*hr 邊線*/
hr.hrbg1{
	border: 0;
    height: 1px;
	background:linear-gradient(to right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.75));
	background:-moz-linear-gradient(to right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.75));
	background:-webkit-linear-gradient(to right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.75));
	background:-o-linear-gradient(to right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.75));
	background:-ms-linear-gradient(to right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.75));	
}

hr.hrbg2{
	border: 0;
    height: 1px;
	background:linear-gradient(to right, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.1));
	background:-moz-linear-gradient(to right, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.1));
	background:-webkit-linear-gradient(to right, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.1));
	background:-o-linear-gradient(to right, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.1));
	background:-ms-linear-gradient(to right, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.1));	
}