/*▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃ 文章分類 ▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃*/



.categories { position:relative; width:100%; max-width:300px; overflow:hidden; margin-bottom:1em; margin-right:10px ;
	height: auto;max-height: 420px;
}

/*----------------------選單設定--------------------*/
.categories .tabMenu { width:100%;  text-align:center; border-bottom:1px solid  #939393; letter-spacing:-5px; display:flex ;display: -webkit-flex  }
.categories .tabMenu a { font-size:1em; flex:1;-webkit-flex:1;  font-weight:bold; color: #666; text-align: center;    
						  text-decoration: none; position:relative; letter-spacing:1px;padding-bottom:.8em}
.categories .tabMenu a:hover { }

.categories .tabMenu a.active { position:relative; color: #00a0a2; border-bottom:5px solid  #25ced0;}

.categories .tabMenu a.active span:before{color: #FFF;}





/*----------------------列表連結設定--------------------*/

.categories  ul { width:100%; margin: .5em auto 0 ; text-align:left; letter-spacing:-5px;}

.categories  ul li {  padding:.6em .4em  ;margin:0 ;}
.categories  ul li div {display:inline-block;letter-spacing:0px; vertical-align:top; margin:0 !important ; padding:0!important;}

/*---------------圖片設定--------------*/
.categories .image{ width:20%;max-width:160px;}
.categories .image img{ width:100%; height:auto; margin:0}

.categories .content{ width:79%; padding-left:2%; }
.categories .content h3 a{ font-size:.9em; line-height:1.2; letter-spacing:1px ; color:616161; vertical-align:top; }


/*----------------------熱門標籤--------------------*/

.categories .allTags {}

.categories .allTags a{ font-size:1em;display:inline-block; margin:.2em .2em; font-size:1em; color:#009caf;letter-spacing:1px; }
.categories .allTags a:hover{color: #F60; text-decoration:none; }

.categories .allTags a.Hot{ font-size:1.2em;font-weight:bold;}
.categories .allTags a.soHot { font-size:1.6em;font-weight:bold;}



/*----------------------文章分類--------------------*/


.sort { margin-bottom:1.2em !important;min-height: 137px; }

.sort h3{ border-bottom:1px solid  #939393;padding-bottom:.6em }

.sort ul li{ margin:.5em 0 }
.sort ul li{ padding-left:.5em; }

.sort ul li:before{content:"\f0da";font-family: 'FontAwesome'; color: #C2C2C2; margin-right:.2em}

.sort a{color:#009caf;}
.sort a:hover{ text-decoration:none;color: #F60;}

.sort a span{ font-family:Helvetica; margin-left:.2em }
.sort a span:before{ content:"("; color: #666;}
.sort a span:after{ content:")"; color: #666;}



/*----------------------粉絲團--------------------*/

.FB h3{ border-bottom:1px solid  #939393;padding-bottom:.6em }



/*------手機版--------*/
@media screen and   (min-width:641px) and(max-width: 1024px) {	



.categories .tabMenu { font-size:90%;   }

.categories .tabMenu  a{ letter-spacing:0;  }





}



/*------手機版--------*/
@media screen and (max-width: 640px) {	







}




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



.categories ,.sort ,.FB{  width:98% !important;  max-width:480px  !important; }



}