* { }
.grid { margin:0 auto; padding-bottom:30px;}
.grid:after { content:''; display:block; clear:both;}

.grid li{box-sizing:border-box; width:245px; padding:5px; float:left; margin-bottom:10px; border-color:hsla(0, 0%, 0%, 0.5); border-radius:6px;}

.grid-item {background:#fff; border-radius:6px; position:relative; box-shadow:0px 1px 5px #9e9e9e; overflow:hidden;}
.grid-item  p{ }
.grid-item:hover{  -webkit-transition:all .5s ease-in-out; -moz-transition:all .5s ease-in-out; transition:all .5s ease-in-out; }
.grid-item span.ctg-item{ font-size:12px; color:#999; padding-bottom:10px; display:block; margin-top:-5px;}
.grid-pic{border-radius:6px;}
.grid-pic img{ width:100%; border-radius:6px;}

.grid-expert-pic{ width:200px; height:200px; border-radius:50%; margin:auto; margin-top:5px;}
.grid-expert-pic img{ width:100%; height:100%; border-radius:50%;}

.grid-text{ padding:10px;} 
.grid-text a h5 { padding-bottom:8px; color:#333; display:block; font-weight:bold;}
.grid-text a:hover h5 { color:#2980b9;}
.grid-text a p{ font-size:13px; line-height:20px;}

.post-user{ padding-top:15px; font-size:13px; }
.post-user a{ padding-left:8px; font-weight:500; line-height:30px;}
.post-user a:hover{ text-decoration:underline;}
.posted-pic{float:left; width:32px; height:32px; border-radius:50%; overflow:hidden; border:1px solid #CCC;}
.posted-pic img{ width:100%;}   

.grid-item:hover .like-icon-rigth-to{ position:absolute; display:block; top:45px; right:10px;}

.grid-item-detail{ position:relative; margin:auto; display:none;}
.grid-item-detail aside{ padding:10px;  max-width:700px; }
.grid-item-detail aside h3{ text-align:center;}
.grid-item-detail aside h3 span{ color:#3498db;}

.post-pic{ margin-top:20px;}
.post-pic img{ width:100%; border-radius:8px;}
.post-summery{ padding-top:15px;}
.post-summery p{ font-size:16px; line-height:26px;}


.post-news{ padding-top:15px;}
.post-news p{ font-size:14px; line-height:24px; color:#717171;}

.icon-menu-02{width:24px; height:26px; background:url(../images/drop-down.png) 0 5px no-repeat; float:left; margin:5px 15px 0 0;}


/* 1/3/2017 */
ul.topnav [type="radio"] { border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px;}
ul.topnav label { /*display:block;*/ cursor:pointer; font-size:13px; margin-left:5px;}
ul.topnav [type="radio"] + span {display:block;}
ul.topnav [type="radio"] + span:before { content:''; display:inline-block; width:5px; height:5px; vertical-align:0px; border-radius:1em;
  border:2px solid #fff; box-shadow:0 0 0 0.2em #357ebd; margin-right:0.75em; transition:0.5s ease all;}
ul.topnav [type="radio"]:checked + span:before {background:#00b0ff; box-shadow:0 0 0 0.23em #00b0ff;}

.ads-image{border-radius:6px; overflow:hidden;}
.ads-image img{width:100%;}
.cart-text{padding:12px;}
.cart-text h3{ font-size:17px; padding-bottom:8px;}