@charset "utf-8";

/*----------form reset----------*/
textarea, select, input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], 
input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"]{
font-family:"微軟正黑體";	
border:1px solid #bfbfbf ; outline:none;border-radius:3px; background:#FFF; transition:all .3s; font-size:1em;
 box-sizing: border-box; margin:0; padding:0;text-align: left;vertical-align: middle; letter-spacing:2px;-webkit-appearance: none;/*解決iphone瀏覽問題*/
width:100%;  padding-left:10px;line-height:26px; height:40px;margin-bottom:6px; display:block;
}

textarea:focus, select:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="email"]:focus, input[type="month"]:focus, input[type="number"]:focus, 
input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="week"]:focus{
 border:1px solid #6da72e ; background: #F9F9F9; box-shadow:2px 2px  2px 0px rgba(0,0,0,.08) inset}


textarea{resize: vertical ;}
 input[type="submit"],input[type="button"],input[type="reset"]{-webkit-appearance: none;/*解決iphone瀏覽問題*/font-family:"微軟正黑體";	}



/*-----改placeholder 字體顏色----*/
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #ADADAD; letter-spacing:0px;}
input:-moz-placeholder, textarea:-moz-placeholder {  color:#ADADAD;letter-spacing:0px;}
input::-moz-placeholder, textarea::-moz-placeholder { color: #ADADAD;letter-spacing:0px;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {  color:#ADADAD;letter-spacing:0px;}


/*----------------checkbox樣式--------------------*/
input[type="checkbox"] {opacity:0; position:relative; left:16px; z-index:1; margin-left:-12px; }
input[type="checkbox"] + label{cursor:pointer; position:relative; z-index:2;}
input[type="checkbox"] + label span { display:inline-block;cursor:pointe ; text-align:center; font-size:18px; line-height:20px;cursor:pointer; margin-right:5px; }
input[type="checkbox"] + label span:after { content: '\f096'; font-family: 'FontAwesome'; color: #999; }
input[type="checkbox"]:checked + label span:after { content: '\f14a';font-size:16px; font-family: 'FontAwesome';color: #ff6600; }


/*----------------radio樣式--------------------*/

input[type="radio"] { opacity:0; position:relative; left:16px; z-index:1; margin-left:-12px; }
input[type="radio"] + label{cursor:pointer; color: #999;position:relative; z-index:2;}
input[type="radio"]:checked + label{ color: #000}
input[type="radio"] + label span { display:inline-block;cursor:pointe ; text-align:center; font-size:18px; line-height:18px;cursor:pointer; margin-right:5px;}
input[type="radio"] + label span:after { content: '\f10c '; font-family: 'FontAwesome'; color: #999; }
input[type="radio"]:checked + label span:after { content: '\f111';font-size:17px; font-family: 'FontAwesome';color: #00c1c3; }


/*---------------------------------- 下拉選單 -----------------------------------*/

.select  { width:100%; position:relative;border-radius:3px;  border: 1px solid  #bfbfbf; background:#FFF;display:inline-block; cursor:pointer;margin-bottom:6px;}
.select:hover { border: 1px solid  #009caf;}
.select .arr{ position:absolute; top:17px; right:5px;  border: 5px solid transparent; border-top-color: #999 ; line-height: 0; height: 0; width: 0; z-index:0; }
.select select {  position:relative;width:100%;  height:32px; line-height:32px;  padding-top:3px;  font-size:1em; border:none;  background:transparent; -webkit-appearance: none;/*隱藏箭頭*/ outline:none; z-index:1;cursor:pointer;}
.select select:focus +.arr{border-top-color: #000 ;}
/*.select .arr:before{ content:""; border-left:1px solid #999; left:-13px; top:-3px; position:relative;} */

	




/*------服務條款--------*/

 .state { text-align:center;}
 .state a{ color:#6da72e; font-weight:bold;}
 .state p{display:inline ; font-size:15px; margin:0; cursor:pointer; letter-spacing:2px;}




/*▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃ 文章與討論區搜尋 ▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃*/

/*--------------------------文章搜尋--------------------------------*/
.search-article{ display: block; width:180px;   position:relative; float:right; z-index:9;}
.search-article input{height:30px; line-height:30px; display:inline-block; vertical-align:top; white-space:nowrap }
.search-article input[type="text"]{width:130px; color:#333333; padding:5px; border-radius:5px  0 0 5px;}
.search-article input[type="submit"]{width:50px;  background:#a1a1a1; color:#FFFFFF; cursor:pointer; outline:none; border:none; border-radius: 0 5px  5px 0 ; }
.search-article input[type="submit"]:hover{ background:#8d8d8d; }

/*--------------------------文章搜尋 右方--------------------------------*/
.search-article-wrap   { display: block;height:30px; position:absolute; top:3.5em ; right:1em; }
.search-article-wrap .search-article  { position:absolute; top:0; right:0;  }
.search-article-wrap .search-forum  { position:absolute; top:0; right:0;  }

/*--------------------------討論區搜尋--------------------------------*/
.search-forum{ display: block; width:260px;   position:relative; z-index:9; }
.search-forum input{height:30px; line-height:30px; display:inline-block; vertical-align:top; }
.search-forum input[type="text"]{width:210px; color:#333333; padding:5px; padding-left:65px; border-radius:5px  0 0 5px; }
.search-forum input[type="submit"]{width:50px;  background:#a1a1a1; color:#FFFFFF; cursor:pointer; outline:none; border:none; border-radius: 0 5px  5px 0 ;}
.search-forum input[type="submit"]:hover{ background:#8d8d8d; }

/*--------下拉分類--------*/
.assort  { width:54px; position:absolute; top:0px; left:2px;border-radius:5px;  border: none; background:transparent;}
.assort select {  position:relative;width:100%;  height:24px;  line-height:24px;font-size:13px; border:none; padding-left: 5px; background:transparent; -webkit-appearance: none;/*隱藏箭頭*/ outline:none; z-index:1;}
.assort select option{ }
.assort select:focus { box-shadow:none;}
.assort select:focus +.arr{border-top-color: #000 ;}


.assort .arr{ position:absolute; top:13px; right:0px;  border: 5px solid transparent; border-top-color: #999 ; line-height: 0; height: 0; width: 0; z-index:0; }
.assort .arr:before{ content:""; border-left:1px solid #999; left:10px; top:-3px; position:relative;}





@media screen and (max-width: 640px) {
	
.state p{display:inline ; font-size:13px; margin:0; cursor:pointer; letter-spacing:0px;}


.search-article{ width:154px;  }
.search-article input[type="text"]{width:110px; }
.search-article input[type="submit"]{width:40px; }

.search-article-wrap   { display:block; width:100%;  position: relative; top:0 ; right:0;}


/*--------------------------討論區搜尋--------------------------------*/
.search-forum{ width:160px;   }
.search-forum input[type="text"]{width:120px;  }
.search-forum input[type="submit"]{width:40px; }


}