.more-gallery { overflow: hidden; margin: 20px 0}
.more-gallery>div { display: inline; float: left; position: relative; width:calc(33% - 12px); box-sizing: border-box; margin:6px; }
.more-gallery>div .open-gallery img { width: 100%; margin:0;object-fit: cover;height: 260px!important;}
.more-gallery.bnew-gallery>div  .open-gallery img { width: 100%; margin:0;object-fit: cover;height: 360px!important;}
.more-gallery>div .viewfull-gallery { position:relative; display: block;}
.more-gallery>div .viewfull-gallery:before {display: block; background: rgba(0,0,0,.7); position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.more-gallery>div .viewfull-gallery:after {display: block; color:rgba(255,255,255,.8); font-size:60px; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%)}
.more-gallery .open-gallery:hover:after { padding:10px; font-size: 12px; background:url(../svg/gallery.svg) rgba(0,0,0,0.5) 10px center no-repeat; text-indent:26px; background-size: 16px; white-space: nowrap; }
.topics { overflow: hidden; position: relative;}
.topics:before { content:""; display: block; height: 1px; background: #e1e1e1; width: 100%; margin:20px 0;}
.topics:after { content:""; display: block; width:30px; height:30px; border-radius: 100%; border:1px solid #ccc; background: #FFF; position: absolute; top:5px; left: 50%; transform: translateX(-50%)}
.topics h3 { display: block; font-weight: normal; font-family:'kittithada_roman'; font-size:44px;}
.topic { width: 25%; padding: 6px; box-sizing: border-box; display: inline; float: left; text-align: center;}
.topic img { display: block; width: 100%; height: auto; margin: 0}
.topic strong { font-weight: normal; color: #0783a6; display: block; line-height:30px; font-size: 16px;}

.aside { width: 300px; display: inline; float: right; padding:20px 20px 0 0}
/*.banner { width: 300px; height: 250px; background: #ccc;}*/

.topic-content { padding: 20px 0 10px;}
.topic-content h3 {display: block; font-weight: normal; font-family:'kittithada_roman'; font-size:34px; border-bottom:1px dashed #cccccc;}
.relate-content {overflow: hidden; padding: 10px 0; border-bottom:1px solid #eee;}
.relate-content img { display: inline; float: left; width: 40%; height: auto; margin-right:8px;}
.relate-content strong { font-weight:normal; color: #666; clear: both}
.relate-content strong:after { content:"view 11k"; margin-top:8px; background:url(../svg/eye.svg) 0 center no-repeat; background-size: 14px; display:inline; float: left; text-indent: 20px; width:50%; font-size: 13px; color: #999;  }    

.comment-zone { background: #eee; padding: 30px 0 0}
.comment-zone .container { background: #FFF; padding: 20px; box-sizing: border-box; overflow: hidden; }
.comment-zone .comment { width: 840px; display: inline; float: left; }
.comment-zone .comment h3 { display: block; font-weight: normal; font-family:'kittithada_roman'; font-size:44px; }
.comment-zone .app { width: 300px; display: inline; float: right;}
.comment-zone .app .promote-app { width: 300px;}

.native-zone { background: #eee; padding: 30px 0 }
.native-zone .container { background: #FFF;}
.native-zone .native { width:100%; box-sizing: border-box; padding: 15px; overflow: hidden;}
.native-zone .native h3 { display: block; font-weight: normal; font-family:'kittithada_roman'; font-size:44px; padding:10px 10px 0;}
/*.native-content { display: inline; float: left; width:calc(25% - 10px); margin:5px; box-sizing: border-box; position: relative;}*/
.native-content { display: inline; float: left; width:calc(33.33% - 10px); margin:5px; box-sizing: border-box; position: relative;}
.native-content img { width: 100%; height: auto; display: block;}
.native-content strong { color: #FFF; display: block; line-height: 22px; padding:10px 16px; box-sizing: border-box; font-weight: normal; background: rgba(0,0,0,0.6); position: absolute; bottom:0; left: 0; width: 100%;}

.swiper-container { width: 100%; height: 300px; margin-left: auto; margin-right: auto;}
.swiper-slide {}
.swiper-slide iframe { margin: 0 auto; display: block;}
.gallery-top { height: 80%; width: 100%; }
.gallery-thumbs { height: 20%; box-sizing: border-box; padding: 10px 0; background: rgba(0,0,0,0.9); border-radius: 10px; }
.gallery-thumbs .swiper-slide { width:12%; height: 100%; opacity: 0.3; background-size: cover; background-repeat: no-repeat}
.gallery-thumbs .swiper-slide-active { opacity: 1; border:1px solid #FFF;}    
.gallery-modal { position:fixed; height: 100%; top: 0; left: 0; width: 100%; z-index: 999; background: rgba(0,0,0,0.9); padding: 50px; box-sizing: border-box; display: none; visibility: hidden;}
.gallery-modal.open { display: block; visibility: visible;}
.swiper-button-white { padding: 20px; background-color: rgba(255,255,255,.05); }
.gallery-close { position: absolute; top: 0; right: 0; z-index: 9999;}
.gallery-close .ico-close { display: block; width:60px; height:60px; background: url(../svg/close.svg) #000 center center no-repeat; background-size:50px; padding:20px;}    


/* preview photo */
/*.gallery-theme { overflow: auto;}*/
.gallery-header { overflow: hidden; margin: 0 40px;}

.gallery-title { border-bottom: 2px solid #efefef; padding: 20px 0; }
.gallery-title span.ico-gallery { display: inline-block; font-size:38px; line-height:40px; font-family: 'kittithada_roman', Tahoma, sans-serif; font-weight: normal; background:url(//assets.thaicdn.net/portal_view/svg/photo.svg) 10px center no-repeat; text-indent:40px; overflow: hidden; color: #dd4c39;}
.gallery-title h1 { display: inline-block; font-size:38px; clear: none; line-height:40px;}
.gallery-poster { font-size: 13px; color: #999; padding-left: 40px;}
.gallery-poster .ico-time { background: url(//assets.thaicdn.net/portal_view/svg/time.svg) 0 center no-repeat; background-size: 14px; text-indent: 20px; display: block; }
.viewer { width: 50%; display: inline; float: left; padding:10px 0;}
.viewer span { display: inline-block; padding: 6px 14px; border-radius: 4px; color: #666; font-size: 13px; margin-bottom:4px; text-indent:16px;}
.viewer .ico-view { background: url(//assets.thaicdn.net/portal_view/svg/eye.svg) #FFF 9px center no-repeat; background-size: 14px; color: #666}
.viewer .ico-comment { background: url(//assets.thaicdn.net/portal_view/svg/bubble.svg) #FFF 9px center no-repeat; background-size: 14px; color: #666}
.gallery-header .engagement { padding: 10px 0; float: right; text-align: right;}
.gallery-header .engagement span.text { color: #999; float: left; margin-right: 8px; padding-top: 10px;}
.fb_comments_count { padding: 0 !important; }
.gallery-header .engagement a span { color: #fff; }
.gallery-header .engagement a:nth-child(n+1){ background:#3b5998; border-radius: 4px; width: 42%; margin: 1% 1% 0 0; display: block; text-align: center; padding: 5px 0; float: left;}
.gallery-header .engagement a:last-child { width: 42%; display: block; margin: 1% 0 0; background: #00b6dd; float: right; margin: 1% 0 0; border-radius: 4px; padding: 5px 0; text-align: center;}

.full-info { padding: 20px 0 0; margin: 30px auto 0; border-top: 1px solid #EEE; overflow: hidden;}
.full-info strong { font-family: CS ChatThaiUI; font-size: 22px; font-weight: normal; width:700px; display: inline; float: left; text-align: left;}
.full-info-section {  width:700px;  display: inline; float: left; overflow: hidden; padding-top:16px;}
.full-info-section .full-article {}
.full-info-section .full-article img { display: inline; width:250px; height: auto; float: left; margin:0 10px 0 0;}
.info-detail-desc { display: inline; float: left; width:440px; font-family: CS ChatThaiUI;}
.info-detail-desc h2 { font-size:33px; color: #000; line-height: 30px; padding: 0; text-align: left  }
.info-detail-desc p { font-size: 16px; color: #999; padding: 6px 0 0; text-indent:0px}
.full-info-topic { padding:20px 0; text-align: left}
.full-info-topic strong { display: inline; margin-right:10px; font-size: 16px; float: none;}
.full-info-topic a {display: inline-block; padding: 4px 6px; font-size: 14px; background: #eee; height: 26px; box-sizing: border-box; border-radius: 3px; line-height: normal; color: #666;margin: 5px;}

.full-info-ads { width: 300px; display: inline; float: right;}

.content .bnew-gallery { margin: 20px;}
.content .full-info-gal { margin: 50px 20px 0 50px;}
.bnew-gallery>div { width: calc(25% - 12px);}
.ads728-zone { background: #eee; padding:20px 0 0;}
.ads728-zone .banner_position {width: 728px; margin:0 auto;}

.gallery404{padding: 20px;width: 90%;margin: 0 auto;text-align: center;background-color: #f5f5f5;border: 1px dashed #d6d6d6;line-height: 1.8;font-size: 18px;}
.gallery404 img {display: block;width:120px;margin: 0 auto;}
.gallery404 a:visited{color: rgb(0, 0, 238);}

span.cation-gallery {display: block; margin: 15px 0;}
.full-info-caption {margin-top: 10px;}


@media screen and (max-width : 1200px){
	.head,.nav,.comment-zone,.ads728-zone,.native-zone,.directory,.footer-zone,.gallery-theme{width: 1200px;}
}