




ul#NewsList6 li p {
    display: inline-block;
    padding: 0 10px;
    color: #fff;
    background-color: #31a4c1;
}


/*▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃ 文章分類 ▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃*/



.categories { position:relative; width:100%; max-width:300px; overflow:hidden; margin-bottom:1em; margin-right:10px ;height: 423px;}

/*----------------------選單設定--------------------*/
.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: #31a4c1;    border-bottom: 5px solid #31a4c1;}
.categories .tabMenu a.active span:before{color: #FFF;}

img.pcmb {
    display: none;
}



/*----------------------列表連結設定--------------------*/

.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;width: 80%;}

/*---------------圖片設定--------------*/
.categories .image {
    width: 15%;
    max-width: 160px;
}

.categories .image img{ width:100%; height:auto; margin:0}

.categories .content {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: #217286;
    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; }

.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: .8em;
}
.sort a {
    color: #009caf;
    letter-spacing: 0px;
}
.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; }



}



.input ::-webkit-input-placeholder, .phone ::-webkit-input-placeholder {
  color: #666 !important;
}	

	



