/* KBD says "Utkarsh Garg used this file in HSN" */
* { }
.grid { margin:0 auto; padding-top:30px; padding-bottom:30px;}
.grid:after { content:''; display:block; clear:both;}

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

.grid-item { border-radius:6px; padding:10px; position:relative;}
.grid-item:hover{ background:#f5f5f5; -webkit-transition:all .5s ease-in-out; -moz-transition:all .5s ease-in-out; transition:all .5s ease-in-out; box-shadow:0px 0px 5px #bdbdbd;}
.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-pic iframe{ border:0; border-radius:6px;}

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

.grid-text{ padding:10px 0;} 
.grid-text p{ font-size:13px; line-height:20px;}
.grid-text a h4 { padding-bottom:8px; color:#333; display:block; font-weight:bold; font-size:15px;}
.grid-text a:hover h4 { 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:40px; right:10px;}

.grid-item-detail{ position:relative; margin:auto; display:none;}
.grid-item-detail aside{ padding:10px;  max-width:600px; width:600px; overflow:auto; height:500px; }
.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;}


.cart-body{ padding-top:15px; display:none}
.grid-hidden{ overflow:hidden; height:203px;}

.move-d{padding-bottom:10px; overflow:hidden;}