#video{padding:0 2%}
#shareall,#presale,#product,#voice,#article{padding:1% 2%;clear:both}
#profile blockquote{font-family:Trirong;padding:2%}
#profile blockquote em{font-family:Prompt;font-style:normal;font-weight:500}
#profile blockquote h1,#profile blockquote h2{font-size:1em;font-weight:400;line-height:1.4em;display:inline}
#presale .topic,#video .topic, #product .topic,#product-tag .topic,#voice .topic,#article .topic{font-size:2em;padding:2% 0 1% 0;line-height:1.2em;color:#000;font-weight:200}
#presale ul.presale,#video ul.video,#product ul.product,#voice ul.voice,#article ul.article{list-style:none}
#product ul.product li{max-width:200px;min-width:160px;width:19.5%;display:inline-block;vertical-align:top;text-align:left;padding:0.5%;border:1px solid #ccc;border-radius:5px;margin:0 1% 1% 0}
#product ul.product li.pinned1,#product ul.product li:hover{border:1px solid #aaa}
#product ul.product .photo{text-align:center; max-height:160px;width:100%}
#product ul.product .photo a{display:inline-block}
#product ul.product .photo a img{max-height:150px;width:100%;height:auto}
#product ul.product .photo .newicon,#product ul.product .photo .freedown{display:inline-block;position:absolute;margin:-10px 0 0 -10px}
#product ul.product .name{min-height:46px;font-weight:600}
#product ul.product .detail{font-size:.86em;line-height:1.3em;min-height:130px;position:relative}
#product ul.product .price{font-size:1.1em;color:#a81c00;margin-top:4px;}
#product ul.product .price-normal{font-size:1.1em;color:#000;margin-top:4px;}
#product ul.product .links{position:absolute;bottom:2px}
#product ul.product .links a{font-size:.94em;color:#8a6c02;font-weight:200;line-height:1.2em;display:block}
#product ul.product .links a::before{
	content:url('/themes/default/common/images/icon/plus.png');
	position:relative;top:4px;margin-right:2px;
}
#presale ul.presale li{display:inline-block;width:48%;vertical-align:top;margin-bottom:1%}
#presale ul.presale li .photo img{width:100%}
#presale ul.presale li:nth-child(odd){padding-right:1%}
#presale ul.presale .name{min-height:24px;font-weight:600}
#presale ul.presale .detail{height:44px;overflow-y:hidden}

#voice ul.voice li{max-width:200px;min-width:160px;width:19.5%;display:inline-block;vertical-align:top;text-align:center;padding:0.5%;margin:0 1% 1% 0}
#voice ul.voice li img{border-radius:50%;width:99%;height:auto}
#voice ul.voice li div{min-height:3em}

#video .viral ul{padding:0;margin:0}
#video .viral ul li{display:inline-block;width:49%}
#video .review ul.video li{width:31%;display:inline-block;vertical-align:top;text-align:left;padding:1%;border:1px solid #ccc;border-radius:5px;margin-bottom:2%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#video .review ul.video li:nth-child(3n-1){margin-left:2%;margin-right:2%}
#video .review  ul.video li .iframe-container{position:relative;overflow:hidden;width:100%;padding-top:56.25%}
#video .review  ul.video li .iframe-container iframe{position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%}
#video .review .name{font-family:Trirong;min-height:3em;margin-top:2%}

/* Viral Video */
#video .viral iframe{width:99.9%;max-width:550px;min-height:420px;height:100%;border:0}

#article ul.article li{padding:1% 0 0.5% 0;text-align:left;border-bottom:1px solid #ccc;display:inline-block;width:49%}
#article ul.article li a img{width:100%;height:auto;border:1px solid #ccc}
#article ul.article .photo{display:inline-block;width:30%;text-align:center}
#article ul.article .photo a{display:inline-block}
#article ul.article .detail{display:inline-block;vertical-align:top;margin-left:1%;width:66%}
#article ul.article .date,#article ul.article .views{font-size:.86em;color:#188de0;margin:5px 0;display:inline-block}
#article ul.article .date::before{content:'วันที่: '}
#article ul.article .views::before{content:'เข้าชม: '}
#article ul.article .views::after{content:' ครั้ง'}
#article ul.article .date{float:left}
#article ul.article .views{float:right}
#article ul.article .description{font-size:.86em;clear:both}
#article ul.article .more{text-align:right;line-height:1em;margin-top:-20px}
#article .more a{background-color:#a81c00;font-size:.8em;padding:0 2%;font-weight:400;color:#fff}

/* Mobile Section */
@media screen and (max-width:980px){
	#product ul.product .photo a img{max-height:130px}
	#product ul.product .detail{font-size:.8em;min-height:140px}
	#product ul.product .detail a{font-size:.9em}
	#article ul.article li{padding-left:0;display:block;width:auto}
	#video .viral, #video .review{display:block;width:100%}
	#video .viral iframe{min-height:300px}	
}
@media screen and (max-width:840px){
	#shareall,#product{padding:0 1% 2% 1%}
	#presale ul.presale li{font-size:.86em}
	#presale ul.presale .detail{min-height:66px}
	#article,#product{margin:2% 1%}
	#product ul.product li{margin:2%; margin-left:0}
	#product ul.product .detail{font-size:.8em;min-height:140px}
	#product ul.product .photo a img{max-height:120px}
	#article ul.article{padding:0}
	#article ul.article .photo{display:inline-block;width:40%}
	#article ul.article .detail{width:57%;font-size:.9em}
	#article ul.article .detail .description{display:none}
}
@media screen and (max-width:420px){
	#video .review ul.video li{width:46.5%;margin:0 1% 2% 0}
	#video .review ul.video li{line-height:1.2em;min-height:2.5em}
	#product ul.product li{width:46%;margin:1% 0 1% 1%}
	#product ul.product .name{line-height:1.2em;min-height:3.5em}	
	#article ul.article .views{display:none}
}