/* content-zone */
.relative { position: relative;}
*[class^="tp_"]{font-family:CS ChatThaiUI; font-size: 16px;line-height: 1.5;}
*[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 4px 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;font-family:CS ChatThaiUI ; font-size: 16px!important;line-height: 1.5;}
*[class^="tp_"] ul, *[class^="tp_"] ol ,*[class^="tp_"] li{list-style: disc;font-family:CS ChatThaiUI ; font-size: 16px!important;line-height: 1.5;}
*[class^="tp_"] ul, *[class^="tp_"] ol {margin-left: 40px;}
*[class^="tp_"] ol li{list-style-type: decimal;}
*[class^="tp_"] img{display: block;}
/* Text-1 Template */
.tp_text-1 { background:#fffbe2; border-top:2px solid #f7e7c5; box-sizing: border-box; padding: 16px; margin:0 0 16px;}
.tp_text-1 p:first-child{margin-top: 0;}
.tp_text-1 p:last-child{margin-bottom: 0;}
/* Text-2 Template */
.tp_text-2 { margin:0 0 16px;}
.tp_text-2 p:first-child{margin-top: 0;}
.tp_text-2 p:last-child{margin-bottom: 0;}
/* Title-1 Template */
.tp_title-1 { margin:16px 0 8px; padding-top: 0;}
.tp_title-1 h3 {display:block;font-family: CS ChatThaiUI;font-size:1.7rem;margin: 0; }
/* Title-2 Template */
.tp_title-2 { padding-top: 0 !important;  margin:16px 0 8px;}
.tp_title-2 h3 { padding-left:20px; border-left: 4px solid #22b573; display:block;font-family: CS ChatThaiUI;font-size:20px ;margin: 0;}
/* Photo_Text-1 Template */
.tp_photo_text-1 { margin:0 0 16px;}
.tp_photo_text-1 .photo-txt p:first-child{margin-top: 0;}
.tp_photo_text-1 .photo-txt p:last-child{margin-bottom: 0;}
/* Photo_Text-2 Template */
.tp_photo_text-2 { margin:0 -8px 16px;overflow: hidden;}
.tp_photo_text-2>div { width: 50%; box-sizing: border-box; padding: 0 8px; float: left; display: block;}
.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;}
/* Photo_Text-3 Template */
.tp_photo_text-3 { margin:0 0 16px;}
.tp_photo_text-3>div {margin-bottom: 16px;}
.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;}
/* Photo_Text-5 Template */
.tp_photo_text-4 ,.tp_photo_text-5 {margin-bottom: 16px;overflow: hidden;}
.tp_photo_text-4>div ,.tp_photo_text-5>div{ }
.tp_photo_text-4 .photo-txt p:first-child,.tp_photo_text-5 .photo-txt p:first-child{margin-top: 0;}
.tp_photo_text-4 .photo-txt p:last-child,.tp_photo_text-5 .photo-txt p:last-child{margin-bottom: 0;}
.tp_photo_text-4 .photo-txt,.tp_photo_text-5 .photo-txt{margin: 0;}
/* Photo_Text-5 Template */
.tp_photo_text-5 {display: flex;flex-direction: column-reverse; }
/* Photo_Text-6 Template */
.tp_photo_text-6 { text-align: center; margin:0 0 16px!important; position: relative;}
.tp_photo_text-6 div { display: inline-block; width: 100%; text-align: left; position: relative; overflow: hidden;}
.relative p.photo-txt { width: 100%; position: absolute; left: 0; bottom: 4px; padding: 16px 10px; box-sizing: border-box; background:rgba(0,0,0,0.7);}
.relative p.photo-txt strong { font-size: 18px; display: block; width: 100%; line-height: 1.5rem; font-weight: 400; color: #fff; z-index: 99;}
.tp_photo_text-6 div.tp_title .photo-txt .lorem { color: #fff !important; }
.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; max-height: 115px;}
.tp_photo_text-6 .photo img { width: 100% !important; }
.tp_photo_text-6 div .relative img { margin: 0; border: 0; width: 100%;}
.tp_photo_text-6 div.tp_title h3 { font-size: 18px;display: block; width: 100%; margin: 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.tp_photo_text-6 div.tp_title p { max-height: 47px; overflow: hidden;}
/* Photo-1 Template */
.tp_photo-1{text-align: center;}
.tp_photo-1 div{text-align: left;display: inline-block;}
/* Quote-1 Template */
.tp_quote-1{padding: 0 0 0 10px;margin: 10px;border-left: 4px solid #eec979;}
/* Quote-2 Template */
.tp_quote-2 { text-align: center; margin:0 0 16px;}
.tp_quote-2 div ,.tp_quote-2 div>p {position: relative; font-family:'Kanit', sans-serif;font-size: 22px!important; line-height:1.4;font-weight: bold;padding: 0 20px;}
.tp_quote-2 div{font-size: 18px!important;}
.tp_quote-2 div: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: -15px; transform: scale(0.6);}
.tp_quote-2 div: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: -15px; transform: scale(0.6);}
/* Quote-3 Template */
.tp_quote-3 {margin: 0 0 16px;}
.tp_quote-3>div { padding: 20px 0; margin:16px 0; border-top: 4px solid #6db600; border-bottom: 4px solid #6db600; word-break: break-word;}
.tp_quote-3>div ,.tp_quote-3>div>p { font-family: 'Kanit', sans-serif; text-align: center; font-size: 26px!important; line-height:1.4;font-weight: bold;}
.tp_quote-3>div>p:first-child{margin-top: 0;}
.tp_quote-3>div>p:last-child{margin-bottom: 0;}
/* Quote-4 Template  */
.tp_quote-4 { padding: 16px 0; position: relative;}
.tp_quote-4 .person-img{width: 120px;height: 120px;border-radius: 50%;background-repeat: no-repeat;background-size: cover;background-position: center;margin: 0 auto;}
.tp_quote-4 .quote { position: relative;padding:10px 40px!important;font-weight: bold;font-size: 20px!important;}
.tp_quote-4 .quote:before { content: '';background: url(../svg/quotes-left.svg) center no-repeat;display: inline-block;width: 40px;height: 40px;position: absolute;top: -8px;left:0px; transform: scale(0.6);}
.tp_quote-4 .quote:after { content: ''; background: url(../svg/quotes-right.svg) center no-repeat; display: inline-block;width: 40px;height: 40px;position: absolute;bottom: 0; transform: scale(0.6); right: 0;}
.tp_quote-4 strong { padding: 0 40px!important;}
.tp_quote-4 p.quote-detail { padding: 0 40px!important;}
/* Action-1 Template */
.tp_action-1 ,.tp_action-2 ,.tp_action-3 { margin:0 0 16px;}
.tp_action-1 { padding-top: 16px; }
.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; margin: 8px  0!important;}
/* Action-2 Template */
.tp_action-2 div p:first-child{margin-top: 0;}
.tp_action-2 div p:last-child{margin-bottom: 0;}
.tp_action-2>p{ text-align: center;margin: 8px 0;}
/* Action-3 Template */
.tp_action-3 { margin:0 0 16px; }
.tp_action-3 img { width: 100%;}
.tp_action-3 h3 { padding-bottom: 8px;font-family: CS ChatThaiUI;font-size:1.7rem;}
.tp_action-3>div:last-child>p{text-align: center;}
.tp_action-3>div:last-child>div p:first-child{margin-top: 0;}
.tp_action-3>div:last-child>div p:last-child{margin-bottom: 0;}
.tp_action-1 strong p ,.tp_action-2 strong p { display: block; padding: 16px 0 0 !important}
.tp_action-2 strong div { padding-bottom: 16px !important; }
.tp_action-3 strong div .caption { line-height: 1.5; padding: 8px 0 0 !important; }
.tp_action-3 strong div h3 { display: block; padding: 8px 0 0 !important; line-height: 1.5; margin: 0;}


.ico-gallery {display: inline-block;background: url(//assets.thaicdn.net/portal_view/svg/photo.svg) center no-repeat;margin-right: 10px;overflow: hidden;width: 20px;height: 20px;vertical-align: middle;}

.pagebuilder__main_gallery {margin-bottom: 20px!important;}
.pagebuilder__main_gallery .open-mgallery, .open-mgallery-last{float: left;padding: 0 2px;box-sizing: border-box;margin: 2px 0;overflow: hidden;position: relative;}
.pagebuilder__main_gallery .open-mgallery .max-img{object-fit: cover;}
.open-mgallery-last a { color: #fff;overflow: hidden;}
.open-mgallery-last p { display: block; position: absolute;text-align: center;width: 100%; font-size: 3rem !important; box-sizing: border-box;background-color: rgba(0,0,0,.65);top: 0;bottom: 0;margin: 0;}
.open-mgallery-last span{ text-align: center; width: 100%; text-indent: 0; color: #fff; padding:0;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}

.pg-gall-title {display: block; line-height: 1.5; width: 100%; box-sizing: border-box; margin: 8px 0;}
.pg-gall-title h3 { font-size: 1.55rem; }

*[class^="tp_social-"] {text-align: center;margin: 0 0 16px!important;}
*[class^="tp_social-"] blockquote:before,*[class^="tp_social-"] blockquote:after{content: none;}
.tp_social-instagram [id^="instagram-embed"]{margin: 0 auto!important;}
.tp_social-youtube{}
.tp_social-facebook{}
.tp_social-dialymotion{}
.tp_social-twitter [id^="twitter-widget"]{margin: 0 auto;}


/* Font Styles */
.text_default{color:#000;}
.text_red{color:#800000;}
.text_green{color:#40680d;}
.text_brown{color:#652e01;}
.text_purple{color:#000;}
/* Font Hilight Styles */
.text_hilight_1{background-color: #d6ebff;}
.text_hilight_2{background-color: #ffd6e9;}
.text_hilight_3{background-color: #ffefca;}
.text_hilight_4{background-color: #e7efc8;}
.text_hilight_5{background-color: #d30000;color: #fff!important;}
.text_indent{text-indent: 30px;}
.tp_action-3 div { font-size: 1.2rem; }
.tp_action-3 div img { margin-bottom: 4px; }


.article__topic h3{padding-bottom: 0!important;}
.article__topic__tag{}
.article__topic__tag a {color: #000;}


.article__related__entry{height:auto;}
.article__related__interest .article__related__entry:first-of-type{height: auto;}

/*************Relate Topics************/
@media only screen and (min-device-width : 680px) {
    .tag-list-related li , #ulcompound li { border:0; display:inline; float:left; text-align:center}
    .tag-list-related li img,  #ulcompound li img {  margin:5px 0 0; display:block; float:none}
}

@media only screen and (max-device-width : 768px) {
.article__related__entry{height:auto;}
}

@media only screen and (min-device-width: 769px) and (max-device-width: 1024px) {

	
}

@media only screen and (min-device-width: 641px) and (max-device-width: 768px) {

	.tp_quote-2 div ,.tp_quote-3 div { margin: 24px 16px !important;}
	.tp_action-2 p { text-align: center; float: none; display: block; width: 100%;}

	.article__related__entry{height:250px;}
}
@media only screen and (min-device-width: 481px) and (max-device-width: 640px) {
	.article__related__entry{height:230px;}

}
@media only screen and (min-device-width: 361px) and (max-device-width: 480px) {
	.article__related__entry{height: 200px;}

}

@media only screen and (min-device-width: 320px) and (max-device-width: 360px) {
	.article__related__entry{height: 180px;}

}