input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
select, textarea {  -webkit-appearance: none;}
input[type=file].upload_icon{ display:none;}


/* 多個button */
.btnbox{text-align:center; width:100%;}
.btnbox__btn{display:inline-block; margin-right:20px; vertical-align:top;}
.btnbox__btn:last-child{margin-right:0;}
/* button-set */
.btn{padding:12px 30px; cursor:pointer; font-size:20px; color:#fff; border:1px solid; border-radius:4px; box-shadow:inset 0 1px 0 rgba(255,255,255,1); display:block; min-width:175px;}
.btn__icon{ margin-right:15px; transition: all 0.3s ease-in-out;}
/*button-一般*/
.btn--default{background: #aaa; border-color: #aaa;}
/*按鈕-誘導*/
.btn--primary{background: #62a6f2; border-color: #62a6f2;}

/* form */
.form{margin:60px auto;}
/*form__標題*/
.form__legend{color:#737373; font-size:20px; font-weight:bold;}
.icon-legend{position:relative; color:#62a6f2; font-size:24px; width:25px; height:25px; margin-right:10px; display:inline-block;}
.icon-legend:before{position:absolute; left:0; top:5px;}
.form__legend--hide{display:none;}
/*form__橫列*/
.form__field{padding:15px;}
.form__field:after{clear:both; content:""; display: block; height:0; line-height:0; visibility:hidden;}/*清除 form__field 浮動*/
/*form__從列*/
.form__field--col{float:left; padding-right:0; margin-right:20px;}
/*form__欄位名*/
.form__label{
	text-align: right;
	font-weight: normal;
	margin-bottom: 3px;
	padding:15px 0;
}
/*form__欄位名-隱藏*/
.form__label--hide {
	display: none;
}
/*form__必填*/
.form__field--required{position:relative;}
.form__field--required:before{position:absolute; left:0; top:35px; content:"*"; color:#62a6f2;}
/*form__填寫內容*/
.form__inputgroup{}
.form__inputgroup--row{margin:0 -10px; overflow:hidden;}
.form__col{float:left; margin:0 10px;}
.form__col--row{margin:0;}
.form__field--col .form__inputgroup.form__col{margin:0 0 0 20px;}
.form__col--w15{width: calc(15% - 20px);}
.form__col--w25{width: calc(25% - 20px);}
.form__col--w35{width: calc(35% - 20px);}
.form__col--w33{width: calc(33.33333333% - 20px);}
.form__col--w66{width: calc(66.66666667% - 20px);}
.form__col--w50{width: calc(50% - 20px);}
.form__col--w65{width: calc(50% - 20px);}
.form__col--w75{width: calc(75% - 20px);}
.form__col--w85{width: calc(85% - 20px);}
/*單行輸入欄位(文字、密碼)、下拉選單、多行輸入欄位(留言)*/
.form__control{width:100%; padding:15px; border:1px solid #aaa; background:#fff; position:relative;}
/*iconfonts日曆樣式*/
.form__calendar{position:relative;}
.calendar{position:absolute; right:15px; top:15px; color:#737373; z-index:1; font-size:26px;}
.form__col--line{}
.form__col--line:after{position:absolute; top:27px; right:-12px; width:5px; height:1px; content:""; background:#737373;}
/*註解訊息*/
.form__tips {color: #999; font-size: 14px; margin: 5px 0 3px 0; line-height: 1.64;}
/*select設定*/
select.form__control{
	/*padding: 10px;*/
	background: #fff url("../images/icon/arrow-down.svg") 96% center no-repeat;
	background-size: 12px auto;
}
/*form__回饋訊息*/
.form__feedback {display:none; font-size:14px; margin:7px 0 0 0;}
.form__feedback-icon{ margin:0 10px 0 0; font-size:20px; vertical-align:sub;}
/*form__回饋-成功*/
.form__field--success .form__feedback{color:#12ad0e; display: block;}
/*form__回饋-失敗*/
.form__field--error .form__control{border-color:#ed0d0d;}
.form__field--error .form__feedback{display: block; color:#ed0d0d;}
/*input-狀態*/
.form__control[disabled],
.form__control[readonly],
fieldset[disabled] .form__control {
	cursor: not-allowed;
	filter: alpha(opacity=65);
	-webkit-box-shadow: none;
	box-shadow: none;
	opacity: .65;
	background: #f9f9f9;
	
}
input:focus::-webkit-input-placeholder {color:#d4d4d4;}
input:focus::-moz-placeholder {color:#d4d4d4;}
input:focus:-ms-input-placeholder {color:#d4d4d4;}


/*form__驗證碼img*/
.form__img{margin:10px;}
.form__img img{vertical-align:middle; margin-right:10px;}

/*預設radio、checkbox*/
/*input - 多擇一選項*/
input[type=radio] {
	vertical-align: top;
}
/*input - checkbox核取方塊*/
input[type=checkbox] {
 	vertical-align: middle;
}
/*行內radio、checkbox*/
.list-option {
	list-style: none;
	padding: 0;
	margin: 0;
}
/*radio、checkbox*/
.list-option__item{
	list-style: none;
	text-align: left;
}
/* 兩等份、三等份 */
.list-option--2,
.list-option--3{
	margin: 10px -5px;
}
/* 兩等份 */
.list-option--2 .list-option__item{
	width: calc(50% - 10px);
	margin: 0 5px;
	float: left;
}
/* 三等份 */
.list-option--3 .list-option__item{
	width: calc(33.333% - 10px);
	margin: 0 5px;
	float: left;
}
/* 不分等份 */
.list-option__item--inline{display:inline-block; margin-right:10px;}
.list-option__item--inline:last-child{margin-right:0;}
/* 仿預設radio、checkbox*/
.radiobox,
.checkbox {
	/*display: none;*/
	opacity:0;
	position: absolute;
}
/* radio、checkbox-label 設定*/
.radiobox__label,
.checkbox__label {
	cursor: pointer;
	display: block;
	position: relative;
	vertical-align: middle;
	padding: 6px 0 6px 30px;
	 margin: 0.5em 0; 
	line-height: 1.5;/*不要變*/
	font-weight: normal;
	max-width: initial;
}
/* radio、checkbox-外框*/
.radiobox__label:before,
.checkbox__label:before {
	content: "";
	display: inline-block;
	height: 16px;
	width: 16px;
	position: absolute;
	top: 9px;
	left: 0px;
	border: 1px solid #959595;
	animation-duration: 0.4s;
	z-index:3;
}
/*單選外框-圓*/
.radiobox__label:before {
	border-radius: 50%;
}
/*多選-方*/
.checkbox__label:before {
}
/* 單選-實心圓、複選-勾選*/
.radiobox__label:after,
.checkbox__label:after {
	content: '';
	position: absolute;
	/*opacity:0;*/
	display: none;
}
/*單選-實心圓*/
.radiobox__label:after {
	background: #787878;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	height: 8px;
	width: 8px;
	top: 14px;
	left: 5px;
}
/*複選-勾*/
.checkbox__label:after {
	background: url('../images/icon/icon-checked.png') 0 0 no-repeat;
	width: 14px;
	height: 12px;
	top: 11px;
	left: 1px;
	z-index:4;
}
/*選項-checked*/
.radiobox:checked + .radiobox__label:after,
.checkbox:checked + .checkbox__label:after {
	display: block;
	/*opacity:1;*/
}
/*disabled-input本身*/
.radiobox[disabled],
.checkbox[disabled] {
	cursor: not-allowed;
}
/*disabled-文字*/
.radiobox[disabled] + .radiobox__label,
.checkbox[disabled] + .checkbox__label {
	color: #ccc;
	cursor: not-allowed;
}
/*disabled-出現禁止符號*/
.radiobox[disabled] + .radiobox__label:before,
.radiobox[disabled] + .radiobox__label:after
.checkbox[disabled] + .checkbox__label:before,
.checkbox[disabled] + .checkbox__label:after {
	cursor: not-allowed;
}
/*disabled-圓底框、方底框*/
.radiobox[disabled] + .radiobox__label:before,
.checkbox[disabled] + .checkbox__label:before {
	border-color: #ccc;
}
/*disabled-實心圓*/
.radiobox:checked[disabled] + .radiobox__label:after {
	background: #ccc;
}
/*disabled-打勾*/
.checkbox:checked[disabled] + .checkbox__label:after {
	border-color: #ccc;
}



/* radio、checkbox-label仿按鈕設定*/
.radiobox__labelbut,
.checkbox__labelbut {
	cursor: pointer;
	display: block;
	position: relative;
	vertical-align: middle;
	padding: 10px 30px;
	background: #aaa; 
	border:1px solid #aaa; 
	border-radius:4px; 
	box-shadow:inset 0 1px 0 rgba(255,255,255,1);
	line-height: 1.5;/*不要變*/
	color:#fff;
	font-weight: normal;
	max-width: initial;
}
/*選項-checked*/
.radiobox:checked + .radiobox__labelbut,
.checkbox:checked + .checkbox__labelbut {
	display: block;
	background: #62a6f2; 
	border-color:#62a6f2; 
}
/*disabled-文字*/
.radiobox[disabled] + .radiobox__labelbut,
.checkbox[disabled] + .checkbox__labelbut {
	cursor: not-allowed;
	background: #f9f9f9;
	color:#d4d4d4; 
}






/*page*/
ul.page{width:100%; margin:0 0 60px 0; text-align:center;}
ul.page li{display:inline-block; margin-right:0.5%; font-size:14px; color:#fff; background:#aaa; border:rgba(0,0,0,0) 1px solid; border-radius:4px;}
ul.page li:last-child{margin-right:0;}
ul.page li a{color:#fff; padding:4px 10px; display:block;}
ul.page li.page-current{background:#737373;}
ul.page li.page-current a{color:#fff;}
ul.page li.page-desabled{pointer-events:none; border:1px #aaa solid; background:#fff;}
ul.page li.page-desabled a{color:#aaa;}
.pageicon{padding:4px 1px; display:block;}


@media only screen and (min-width: 980px)
{
/* button-set */
.btn--default:hover, .btn--primary:hover{background-color:#737373; border-color:#737373;}
.btn:hover .btn__icon{ margin-right:20px;}
/*page*/
ul.page li:hover{border:#737373 1px solid; background:#737373;}
ul.page li:hover a{color:#fff;}

}

@media only screen and (max-width: 1200px)
{

}

@media only screen and (max-width: 1024px)
{
/*單行輸入欄位(文字、密碼)、下拉選單、多行輸入欄位(留言)*/
.form__control{padding:10px;}
/* button-set */
.btn{font-size:18px;}
}

@media only screen and (max-width: 980px)
{
/*form__必填*/
.form__field--required:before{top: 25px;}
/*form__填寫內容*/
.form__col{margin-bottom:10px;}
.form__col--w33{width: calc(50% - 20px);}
}

@media only screen and (max-width: 768px)
{
}

@media only screen and (max-width: 640px)
{
/* button-set */
.btnbox__btn{margin-right:10px;}
.btn{min-width:130px;}
/*form__填寫內容*/
.form__col--w33, .form__col--w50{width:calc(100% - 20px);}
/*form__必填*/
.form__field--required:before{left:-6px;}
}

@media only screen and (max-width: 480px)
{
/*form__從列*/
.form__field--col{float:none; margin:0; width:100%; padding:8px;}
.form__field--col .form__inputgroup.form__col{width:100%; margin:0;}
/*form__欄位名*/
.form__label{text-align:left; margin-bottom:0; padding:8px;}
/*form__填寫內容*/
.form__col--w25, .form__col--w75{width:calc(100% - 20px);}
}

@media only screen and (max-width: 400px)
{
/* button-set */
.btn{padding: 12px 18px;}
.btn__icon{margin-right: 8px;}
}

@media only screen and (max-width: 375px)
{
}

@media only screen and (max-width: 320px)
{
}