a{text-decoration:none}
a:hover h3{color:#6b0000}
.content-zone{background:#eee; overflow: hidden}
.cover{position:relative}
.cover img{display:block;max-width:100%;height:auto}
.cover .mark{position:absolute;width:140px;height:140px;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,0.6);z-index:3;border-radius:100%;}
.cover .mark a{display:block;width:140px;height:140px;background:url(https://assets.thaicdn.net/svg-portal/play.svg) center center no-repeat;background-size:120px;}
.breadcrumb{background:rgba(0,0,0,0.4);padding:10px 30px;box-sizing:border-box;font-size:14px;color:#eee;position:absolute;bottom:0;left:0;width:100%;}
.breadcrumb li{display:inline;}
.breadcrumb a{color:#eee}
.maincontent{background:#FFF;}
.article{width:880px;display:inline;float:left;box-sizing:border-box;padding:30px;}
.article h1{font-weight:normal;font-family:'kittithada_roman';font-size:54px;line-height:48px;padding-bottom:8px;border-bottom:0 none;margin:0;display:inline-block;width:100%;}
.info-bar{overflow:hidden;display:inline-block;width:100%;}
.auther{display:inline;float:left;width:50%;padding:30px 0;display:block !important;}
.auther img{width:50px;height:50px;border-radius:100%;display:inline;float:left;margin-right:10px;}
.auther strong{display:inline;float:left;width:calc(100% - 60px);color:#13a75c;font-weight:normal;font-size:18px;padding:4px 0 4px}
.auther span{font-size:13px;color:#999;text-indent:18px;display:inline;float:left;width:calc(100% - 60px);}
.auther .ico-time{background:url(../svg/time.svg) 0 center no-repeat;background-size:14px;padding:3px 0 0}
.engagement{display:inline;float:right;width:50%;padding:30px 0;text-align:right}
.engagement span{display:inline-block;padding:6px 14px;border-radius:4px;color:#FFF;font-size:13px;margin-bottom:4px;text-indent:16px;}
.engagement .ico-fb{background:url(../svg/facebook.svg) #3c5899 9px center no-repeat;background-size:14px;}
.engagement .ico-tw{background:url(../svg/twitter.svg) #55acef 9px center no-repeat;background-size:14px;}
.engagement .ico-gp{background:url(../svg/google-plus.svg) #dd4c39 9px center no-repeat;background-size:14px;}
.engagement .ico-ln{background:#00c400;}
.engagement .ico-view{background:url(../svg/eye.svg) #FFF 9px center no-repeat;background-size:14px;color:#666}
.engagement .ico-comment{background:url(../svg/bubble.svg) #FFF 9px center no-repeat;background-size:14px;color:#666}
.content{line-height:30px !important;font-size:18px !important;margin-top:-16px;}
.content>div{margin:16px auto;overflow:hidden;}
.content h3{font-size:42px;line-height:50px;}
.content .open-gallery{position:relative;display:block;}
.content .open-gallery:hover:after{content:"Open More Picture";position:absolute;top:50%;left:50%;color:#FFF;display:block;background:url(../svg/gallery.svg) rgba(0,0,0,0.5) 30px center no-repeat;background-size:24px;padding:20px 40px;text-indent:40px;transform:translate(-50%,-50%)}
.quote-1{padding:0 20px;margin:20px;border-left:4px solid #eec979;}
/*.more-gallery{overflow:hidden;margin:20px 0 0!important;}*/
/*.more-gallery>div{display:inline;float:left;position:relative;width:calc(33% - 12px);box-sizing:border-box;margin:6px;}
.more-gallery>div img{width:100%;height:auto;margin:0}*/
.more-gallery>div .viewfull-gallery{position:relative;display:block;}
.more-gallery>div .viewfull-gallery{display:block;background:rgba(0,0,0,.7);position:absolute;top:0;left:0;width:100%;height:100%;}
.more-gallery>div .viewfull-gallery span{display:block;color:rgba(255,255,255,1);font-size:48px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;box-sizing:border-box;width:100%;height:100%;padding-top:44%;background:rgba(0,0,0,0.5);}
.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}

.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:0px 0 20px!important;}
.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:20px 0!important;}
.native-zone .container{background:#FFF;}
.native-zone .native{width:100%;box-sizing:border-box;padding:15px 0 0!important;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 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%;}
.topic-relate{overflow:hidden;padding-bottom:10px;}
.topic-relate h2,.topic-relate strong {font-family:kittithada_roman;margin:20px 0 0;font-size:40px; font-weight: normal !important}
.topic-relate ul{overflow:hidden;margin:0;padding:0}
.topic-relate ul li{list-style:none;margin:0 16px 16px 0;display:block;overflow:hidden;position:relative;}
.topic-relate ul li img{width:131px;height:auto;float:left;}
.topic-relate ul li a{color:#000;}
.topic-relate ul li span a{font-family:CS ChatThaiUI;display:inline-block;line-height:1.7;font-size:18px;vertical-align:top;margin-left:8px;color:#535353;}
.topic-relate ul li button{display:block;font-size:16px;margin-top:16px;left:8px;color:#FFF;background-color:rgb(139,195,74)!important;}
.all-relate{overflow:hidden;padding-bottom:8px;}
.all-relate h2{font-family:kittithada_roman;margin:16px 0 0px 16px;font-size:40px;}
.all-relate ul{overflow:hidden;margin:0;padding:0}
.all-relate ul li{list-style:none;padding:16px;display:block;overflow:hidden;border-bottom:1px solid #E8E8E8;}
.all-relate ul li:last-child{border-bottom:none;}
.all-relate ul li a{text-decoration:none!important;}
.all-relate ul li a:hover{color:#33495D;}
.all-relate ul li a img{width:165px;height:auto;float:left;margin-right:8px;}
.all-relate ul li span{color:#000;display:block;line-height:1.4;font-size:18px;vertical-align:top;overflow:hidden;}
*[class^="tp_title-"]{padding-top:16px;}
div *[class^="tp_photo"] img{margin:0 auto;display:block;max-width:100%;padding-bottom:4px;}
.quote-detail{font-size:14px;color:#999;line-height:1.5;text-align:left;margin:0!important;}
p.caption{font-size:14px;color:#999;line-height:1.5;text-align:center;margin:0 0 8px 0!important;}
p.caption a{text-decoration:underline;}
p.caption a:visited{color:rgb(0, 0, 238);}
.photo-txt{text-align:left;}
*[class$="--btn"]{padding:6px 20px;min-width:80px;background-color:#eaeaea;display:inline-block;color:#fff;border-radius:4px;transition:all .2s;}
*[class$="--btn"]:hover{transition:all .2s;}
*[class^="tp_"] a.link--btn{background-color:#22b573;color:#fff;text-decoration:none;text-align:center;}
*[class^="tp_"] a.link--btn:visited{color:#fff;text-decoration:none;}
*[class^="tp_"] a.link--btn:hover{background-color:#19a466;}
.relative{position:relative;}
*[class^="tp_"] a{color:rgb(0, 0, 238);text-decoration:underline;}
*[class^="tp_"] a:visited{color:rgb(0, 0, 238);text-decoration:underline;}
*[class^="tp_"] p{margin-top:.5em;margin-bottom:.5em; padding:0 !important}
*[class^="tp_"] ul, *[class^="tp_"] ol ,*[class^="tp_"] li{list-style:disc;}
*[class^="tp_"] ul, *[class^="tp_"] ol{margin-left:40px;}
*[class^="tp_"] ol li{list-style-type:decimal;}
*[class^="tp_"] img{display:block;}
.tp_text-1{clear:both;line-height:30px;font-size:18px;background:#fffbe2;border-top:2px solid #f7e7c5;padding:20px;margin:16px 0 !important;}
.tp_text-1 p:first-child{margin-top:0;}
.tp_text-1 p:last-child{margin-bottom:0;}
.tp_text-2{margin:16px 0 !important;}
.tp_text-2 p:first-child{margin-top:0;}
.tp_text-2 p:last-child{margin-bottom:0;}
.tp_title-1{margin-bottom:16px !important;}
.tp_title-1 h3 ,.tp_title-2 h3{font-size:2.2rem !important;line-height:1.23 !important;}
.tp_title-2{margin-bottom:16px !important;}
.tp_title-2 h3{padding-left:20px !important;border-left:4px solid #22b573;font-size:}
.tp_photo_text-1{margin:16px 0 !important;}
.tp_photo_text-1 div{}
.tp_photo_text-1 .photo-txt p:first-child{margin-top:0;}
.tp_photo_text-1 .photo-txt p:last-child{margin-bottom:0;}
.tp_photo_text-2{margin:16px -8px!important;}
.tp_photo_text-2>div{width:50%;float:left;box-sizing:border-box;padding:0 8px;}
.tp_photo_text-2 .photo-txt{margin:0;}
.tp_photo_text-2 .photo-txt p:first-child{margin-top:0;}
.tp_photo_text-2 .photo-txt p:last-child{margin-bottom:0;}
.tp_photo_text-3{margin:16px -8px!important;}
.tp_photo_text-3>div{width:33.33%;float:left;box-sizing:border-box;padding:0 8px;}
.tp_photo_text-3 .photo-txt p:first-child{margin-top:0;}
.tp_photo_text-3 .photo-txt p:last-child{margin-bottom:0;}
.tp_photo_text-3 .photo-txt{margin:0;}
.tp_photo_text-4{width:100%;position:relative;margin:16px 0px!important;}
.tp_photo_text-4 div.left-image{width:40%;box-sizing:border-box;float:left;margin-right:32px;}
.tp_photo_text-4 .photo-txt p:first-child{margin-top:0;}
.tp_photo_text-4 .photo-txt p:last-child{margin-bottom:0;}
.tp_photo_text-4 .photo-txt{margin:0;width:calc(60% - 32px);display:inline-block;}
.tp_photo_text-5{margin:16px 0px!important;}
.tp_photo_text-5 div.right-image{width:40%;display:inline-block !important;float:left;margin-left:32px;}
.tp_photo_text-5 .photo-txt p:first-child{margin-top:0;}
.tp_photo_text-5 .photo-txt p:last-child{margin-bottom:0;}
.tp_photo_text-5 .photo-txt{margin:0;width:calc(60% - 32px);display:inline-block;float:left;}
.tp_photo_text-6{margin:16px 0px!important;}
.tp_photo_text-6 div{width:100%;position:relative;;}
.tp_photo_text-6 div.tp_title{position:absolute;left:0;bottom:4px;box-sizing:border-box;width:100%;padding:8px;background-color:rgba(0,0,0,0.7);color:#fff;}
.tp_photo_text-6 .photo img{width:100% !important;}
.tp_photo_text-6 .photo-txt{display:block;color:#fff;font-size:16px;line-height:1.5;}
.tp_photo_text-6 .photo-txt p:first-child{margin-top:0;}
.tp_photo_text-6 .photo-txt p:last-child{margin-bottom:0;}
.tp_photo_text-6 p.caption{center;margin:0!important;}
.tp_photo-1{text-align:center;margin:16px -8px!important;}
.tp_photo-1 div{text-align:left;display:inline-block;}
.tp_quote-1{padding:0 0 0 20px;margin:16px 0!important;border-left:4px solid #eec979;}
.tp_quote-1 p:first-child{margin-top:0;}
.tp_quote-1 p:last-child{margin-bottom:0;}
.tp_quote-2{text-align:center;margin:16px 0px!important;}
.tp_quote-2 div{margin:32px 60px!important;position:relative;font-family:'Kanit',sans-serif;font-size:22px;line-height:30px;display:inline-block;font-weight:bold;word-break:break-all;}
.tp_quote-2 div:before{content:'';background:url(../svg/quotes-pagebuilder-left.svg) center no-repeat;display:inline-block;width:40px;height:40px;margin-right:10px;position:absolute;top:-8px;left:-50px;}
.tp_quote-2 div:after{content:'';background:url(../svg/quotes-pagebuilder-right.svg) center no-repeat;display:inline-block;width:40px;height:40px;margin-left:10px;position:absolute;bottom:0;right:-50px;}
.tp_quote-2 p:first-child{margin-top:0;}
.tp_quote-2 p:last-child{margin-bottom:0;}
.tp_quote-3 div{font-weight:bold;font-family:'Kanit',sans-serif;text-align:center;font-size:32px;line-height:48px;padding:20px 0;margin:30px 25px;border-top:4px solid #6db600;border-bottom:4px solid #6db600;word-break:break-all;}
.tp_quote-4{padding:16px 0;}
.tp_quote-4 div:first-child img{width:120px;height:120px;border-radius:50%;background-repeat:no-repeat;background-size:cover;background-position:center;display:inline-block !important;float:left;}
.tp_quote-4 div:nth-child(2){display:inline-block;padding:0;box-sizing:border-box;width:550px;}
.tp_quote-4 .quote{position:relative;padding-bottom:8px;}
.tp_quote-4 .quote:before{content:'';background:url(../svg/quotes-left.svg) center no-repeat;display:inline-block;width:40px;height:40px;margin-right:10px;position:absolute;top:-8px;left:-50px;}
.tp_quote-4 .quote:after{content:'';background:url(../svg/quotes-right.svg) center no-repeat;display:inline-block;width:40px;height:40px;margin-left:10px;position:absolute;bottom:0;right:30px !important;}
.tp_quote-4 strong{font-size:16px!important;}
.person-img{float:left;width:120px;height:120px;margin-right:100px;z-index:99;border-radius:50%;background-repeat:no-repeat;background-size:cover;background-position:center;}
.tp_action-1{margin:16px 0 !important;width:100%;}
.tp_action-1 div p:first-child{margin-top:0;}
.tp_action-1 div p:last-child{margin-bottom:0;}
.tp_action-1>p{text-align:center;padding:8px 0 0;margin:0;}
.tp_action-2{margin:16px 0 !important;}
.tp_action-2 div{display:inline-block;float:left;width:80%;}
.tp_action-2>p{padding-top:16px;display:inline-block;float:left;width:20%;margin:0;text-align:center;}
.tp_action-2 div p:first-child{margin-top:0;}
.tp_action-2 div p:last-child{margin-bottom:0;}
.tp_action-3{margin:16px 0 !important;}
.tp_action-3 img{width:100%;}
.tp_action-3 h3{padding-bottom:8px;font-size:1.7rem;line-height:38px;font-family:CS ChatThaiUI;}
.tp_action-3>div{width:50%;display:inline-block;float:left;box-sizing:border-box;}
.tp_action-3>div:last-child{padding-left:32px;}
.tp_action-3 div p:first-child{margin-top:0;}
.tp_action-3 div p:last-child{margin-bottom:0;}
*[class^="tp_social-"]{text-align:center;margin:16px 0 !important;}

.tp_social-youtube{}


.tp_social-twitter [id^="twitter-widget"]{margin:0 auto;}
.tp_social-twitter {padding-top: 10px !important;}

div[class^="tp_social-"] {position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%;}

    .tp_social-dialymotion {
    padding-top: 0 !important;
    }

div[class^="tp_social-"] iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
  }
  div[class^="tp_social-"] [id^="instagram-embed"]{margin:0 auto !important; position: relative; }
  .tp_social-facebook, .tp_social-instagram { padding-top:0 !important}



.aside .related h3{border-bottom:1px dashed #cccccc;line-height:48px;}
.gallery-modal{z-index:9999 !important;margin:0!important;}
.content .open-gallery:hover:after{text-indent:20px !important;}

#ulperson li, #ulcompound li {max-height: 225px !important;}
@media only screen and (min-device-width:680px){

.tag-list-related li , #ulcompound li, #ulperson li, #ulplace li, #ulsinge li {border:0;display:inline;float:left;text-align:center}
.tag-list-related li img, #ulcompound li img, #ulperson li img, #ulplace li img, #ulsinge li img {margin:5px 0 0;display:block;float:none}
}
@media only screen and (min-device-width:769px) and (max-device-width:1024px){.topbar ,.container ,.content-zone ,.cover ,.cover img ,.banner ,.tp_action-4 div ,.float-topbar h1 ,.directory .column
,.tp_title-1 ,.tp_photo_text-1 ,.tp_photo_text-1 div ,.tp_photo_text-1 .photo-txt ,.container{width:100% !important;}

.article{width:70%;padding:16px;}
.aside{width:30%;box-sizing:border-box;padding:20px 16px 0 0;}
.engagement{width:65%;}
.auther{width:35%;}
.foot-portal{width:45%;padding-left:16px;margin-left:16px;}
.foot-nav{padding:0 16px;}
.about{width:25%;}
.tp_quote-2 div ,.tp_quote-3 div{margin:30px 60px !important;}
.footer-zone{height:auto;}
.tp_photo_text-1 div p ,.tp_photo_text-2 div p ,.tp_photo_text-3 div p ,.quote-detail{padding-bottom:0 !important;margin:0 !important;}
.tp_photo_text-1 .photo-text{padding-top:18px !important;}
}
@media screen and (max-width:1200px){.head,.nav{width:1200px;}

}