@charset "utf-8";

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


/* == 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;
}
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;}
news, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main { display: block;}


/* == Basic Set ======== */
html , body{
	height:100%;
	min-height:100%;
	width:100%;
	font-family:Arial, "微軟正黑體", serif , "新細明體-ExtB";
}
body{
	background:#FFF;
	
	font-size:16px;
	line-height:1.8;
	letter-spacing:1px;
}


/* == Basic Layout ======== */
.wrapper{
	position:relative;
	height:auto;
	width:100%;
	min-height:100%;
	overflow:hidden;
	margin-left:auto; 
	margin-right:auto;
}

.container{
	position:relative;
	margin:0 auto;
	max-width:1200px;
	width:90%;
	margin-right: auto;
	margin-left: auto;
}
.container:before, .container:after{ display:table; content:" " }
.container:after{ clear:both }



/* == 表單元件基本設定 ======== */
input , select , textarea{
    padding: 6px 10px;
    font-size: 14px;
    line-height: 1.2;
    color: #333;
    background-color: #fff;
    border: 1px solid #ccc;
	vertical-align:middle;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
input::-webkit-input-placeholder , select::-webkit-input-placeholder , textarea::-webkit-input-placeholder{ color: rgba(51,51,51, 0.5); font-size:0.95em;}
input::-moz-placeholder , select::-moz-placeholder , textarea::-moz-placeholder { color: rgba(51,51,51, 0.5); font-size:0.95em;}
input::-ms-input-placeholder , select::-ms-input-placeholder , textarea::-ms-input-placeholder { color: rgba(51,51,51, 0.5); font-size:0.95em;}
input::-moz-placeholder , select::-moz-placeholder , textarea::-moz-placeholder { color: rgba(51,51,51, 0.5); font-size:0.95em;}
select{
	padding-right:25px;
	appearance:none;
    -webkit-appearance: none;
    -moz-appearance: none;
	background:url(../images/selt-arrow.png) no-repeat scroll right 5px center transparent;
}
select::-ms-expand { display: none; }
input:focus , select:focus{ 
	border-color: rgba(13,105,231, 0.2);
    box-shadow: 0 1px 1px rgba(13,105,231, 0.075) inset, 0 0 5px rgba(13,105,231, 0.1);
    outline: 0 none;
}
label{ line-height:1; }