@import url('https://fonts.googleapis.com/css?family=Kanit');
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url('https://fonts.googleapis.com/css?family=Maitree');
@font-face {
	font-family: 'FTMeuangSL';
	src:url('fonts/FTMeuangSL.eot');
	src:url('fonts/FTMeuangSL.eot') format('embedded-opentype'),
    url('fonts/FTMeuangSL.woff') format('woff'),
    url('fonts/FTMeuangSL.ttf') format('truetype'),
    url('fonts/FTMeuangSL.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'THSarabunNew';
    src:url('fonts/THSarabunNew.eot');
    src:url('fonts/THSarabunNew.eot') format('embedded-opentype'),
    url('fonts/THSarabunNew.woff') format('woff'),
    url('fonts/THSarabunNew.ttf') format('truetype'),
    url('fonts/THSarabunNew.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*.container {width: 1045px;}*/
body {font-family: '', sans-serif ;}
body p{font-size: 15px;}
h1,h2,h3,h4,h5,h6 {font-weight: normal;}
#primary-menu ul ul li > a,#primary-menu ul li>a,h1, h2, h3, h4, h5, h6,.navbar-nav>ul>li>a,.portfolio-filter li a,.navbar-default .navbar-nav > li > a {font-family: "Kanit",sans-serif;}

.wd-100 {width: 100%;}
.mg-5 {margin:1px 0 1px 0;}
.mt-5 {margin-top: 5px}
.mt-10 {margin-top: 10px}
.mt-20 {margin-top: 20px}
.mt-30 {margin-top: 30px}
.mt-50 {margin-top: 50px;}
.mb-0 {margin-bottom: 0px;}
.mb-10 {margin-bottom: 10px;}
.mb-20 {margin-bottom: 20px;}
.mb-30 {margin-bottom: 30px;}

.pl-0 {padding-left: 0;}
.pr-0 {padding-right: 0;}
.pb-10 {padding-bottom: 10px;}
.pb-100 {padding-bottom: 100px;}
.pt-5 {padding-top: 5px;}
.pt-100 {padding-top: 100px;}
.pd-0 {padding: 0;}
.pd10 {padding: 0px;margin:0px 10px 20px 0px;}
.pt-50 {padding-top: 50px;}
.pt-20 {padding-top: 20px;}
.pl-30 {padding-left: 30px;}

.txt-right {text-align: right;}
.topbar {height: 20px;background:#E4E4E4;}

.topmargin-30 {margin-top: 30px;}
.boxed-slider { padding-top: 0;}
img.img-face {width: 9%;float: right;margin-top: 30px;margin-right: 10px;}
h1.name {position: absolute;top: 25px;left: 95px;font-size: 20px;color:#333333;font-weight: 500;}
h1.name1 {font-family: 'Open Sans';position: absolute;top: 58px;left: 95px;font-size: 14px;letter-spacing: 0px;color:#494949;font-weight: 300;}
h1.name-500 {position: absolute;top: 24px;left: 80px;font-size: 15px;color:#e8d5bf;font-weight: 300;display: none;}
h1.name1-500 {font-family: 'Open Sans';position: absolute;top: 52px;left: 80px;font-size: 12px;letter-spacing: 0px;color:#d4bda4;font-weight: 300;display: none;}
#primary-menu ul li>a {font-size: 16px;font-weight: 300;letter-spacing: 0px;color: #333;}


#about_vision .panel p {padding-left: 30px;margin-top: 10px;}
#primary-menu ul ul li > a {font-size:15px; font-weight: 400;}
#portfolio h3,.entry-title h3 {font-family: '', serif;}
#portfolio h3,.entry-title h3 a{font-weight: 500;}
#primary-menu ul li>a:hover,#primary-menu ul li>a:focus,#primary-menu ul li>a:active {color: #B6547A;}
.navbar-default .navbar-nav > li > a {color: #fff;}
.navbar,#header {height: 39px; background:#eee;/*box-shadow: inset -1px -5px 0 -1px #ffb452;border-bottom: 5px solid #f88c00;*/}

.navbar {margin-bottom: 0;}
.navbar-nav>ul>li>a {padding-top: 15px;padding-bottom: 15px;}
.btn-sm-a {padding: 10px 25px;}
.btn-sm-a {padding: 10px 15px;}
#sk .btn {border-radius: 0;background:#fff;color: #000;}
#sk .btn:hover {color:#B6547A;}
.pad-img {padding:0;}
.content-wrap {padding: 50px 0;}
.pd-p-contact {padding:0 100px 0 100px;}
.spost .entry-title h4 a:hover, .mpost .entry-title h4 a:hover {color: #EF6026;}
.more-link {background: #FBAA4A;display: inline-block;border-bottom: none;padding: 5px 10px;font-family: 'Crete Round', serif;font-style: italic;color: #fff;border-radius: 3px;margin-top: 8px;}
#posts a.more-link:hover {color: #fff;opacity: 0.7;}
#banner-link .box-image-ac:hover {opacity: 0.7;}
.widget {margin-top: 30px;}
.sidebar-widgets-wrap .widget {padding-top: 30px;}
.mpost .col-md-12 {padding-left: 0px;padding-right: 0px;}
#content p {line-height: 1.5;}
a {text-decoration: none !important;color: #555;}
.head-h3 h3 {margin: 0 0 20px 0;}
.img-ipost {border: 2px solid white;box-shadow: 0 0 10px rgba(0,0,0,0.2);}
#news .ipost .border-ra {border-radius: 2px;} 
#news .content-ipost {padding:0 20px 20px 20px;height: auto;}
#news .entry-image {margin-bottom: 20px;}
.widget > h4 {font-size: 18px; margin-top: 10px;}
h3 {font-size: 20px;}
.iconlist-color li i {color: #B7547B !important;}
#gotoTop:hover{background-color: #B6547A;}
::selection {background:#337ab7;}
.footer-logo {    opacity: 0.6;}
#footer h5 {margin-bottom: 10px;color:#DDD;}
.footer-logo {margin-bottom: 16px;}
#portfolio h3 {font-size: 16px;}
.portfolio-desc h3 a {color: #333;}
.portfolio-item {height: 285px;}
#sk {margin-top: 0;}
.portfolio-filter li a:hover,.ipost .entry-title h3 a:hover, .ipost .entry-title h4 a:hover,.portfolio-desc h3 a:hover {color: #B7547B;}
.portfolio-filter li a {font-weight: 600;}
#primary-menu ul li > a {padding: 8px 17px;}
#primary-menu ul li>a {color: #333;}
#primary-menu ul li:hover > a, #primary-menu ul li.current > a {color: #333;}
#header, #header-wrap, #logo img {height: auto;margin-top: -2px;}
#primary-menu ul ul:not(.mega-menu-column), #primary-menu ul li .mega-menu-content {border-top: 2px solid #B6547A;}
#header.sticky-header:not(.static-sticky):not(.sticky-style-2):not(.sticky-style-3) #logo img {height: 52px;}
#header.sticky-header:not(.static-sticky) #primary-menu > ul > li > a {padding-top: 15px;padding-bottom: 15px;}
#header.sticky-header:not(.static-sticky) #header-wrap {height: 52px;}
.button-dark {background: #B7547B;height: auto; padding: 7px 25px; line-height: initial; text-shadow: none; font-weight: 400; color: #fff;border-radius: 3px; margin-top: 20px;}
.button.button-dark:hover {background-color: #A74E4F;opacity: 0.7;}
#ab-home h4{font-weight:500; position: relative;margin-left: -10px;margin-right: -10px; padding: 15px;background: #e5e5e5;background: linear-gradient(#CA7999, #B8547C);box-shadow: 0 -1px 0 rgba(255, 255, 255, .8) inset;color:#fff;}
.portfolio-filter li a {border-left:none;}
.portfolio-filter {border-bottom: 1px solid rgba(0,0,0,0.07);border-top: none;border-right: none;border-left: none;}
.portfolio-filter li.activeFilter a {background: #fff;color: #A74E4F;border-top:1px solid rgba(0,0,0,0.07);border-left: 1px solid rgba(0,0,0,0.07);border-right: 1px solid rgba(0,0,0,0.07); }
footer a img {padding: 3px;}
.read-news {margin-top: 20px;font-style: italic;}
.read-news a {color: #A74E4F;font-weight: 600;}
.portfolio-filter li a {font-size: 14px;}
#portfolio-filter {margin-top: 20px;}
.ipost {border: 10px solid white;}
.bottommargin {margin-bottom: 30px !important;}
footer h5 {font-size: 15px;}
.date-news {position: absolute;bottom: 0;left: 0; padding: 5px;font-size: 12px;color: #fff;background-color: #A74E4F;font-style: italic;}
.h2-slide {padding: 5px 12px;border-radius: 2px;background-color: rgba(0,0,0,0.6);top: auto;bottom: 50px;left: 50px;position: absolute;z-index: 99999; color: #eee;font-size: 22px;font-weight: 100;}
#page-title h3 {padding: 0 0 0 10px;margin: 0;line-height: 1;font-weight: 600;letter-spacing: 0;color: #333;text-transform: uppercase;}
#about_message h4{font-size: 17px;color: #676262;}
#page-title {border-bottom: 1px solid #F5F5F5;background-color: #F5F5F5;}
.map-1,.fluid-width-video-wrapper iframe {height: 400px !important;}
#contact-us .heading-block {margin-bottom: 30px;}
#contact-us .icon-envelope {color: #A74E4F;    padding-right: 7px;font-size: 18px;}
#contact-us .fa {color: #BE6185;}
#contact-us .fab {color: #BE6185;}
.breadcrumb {left: 15px !important;}
#page-title.page-title-mini {margin-top: 10px;}
.color-A74E4F {color: #A74E4F}
.heading-block h3 {font-size: 20px;letter-spacing: 0;font-weight: 500;}
#about_vision p {padding-left: 50px;padding-right: 50px;}
#about_vision p.lead {margin-bottom: 10px;font-size: 18px;}
#newpage-detail .entry-meta li {float: none;}
#news_detail h3{margin-bottom: 0;}
.entry-title h2 a:hover {color: #B7547B;}
.entry-title h2  {letter-spacing: 0;font-size: 18px !important;}
.container {padding-left: 20px;padding-right: 20px;}
.pagination>.current>a {color: #FFF!important;background-color: #895d14 !important;border-color: #895d14 !important;}
span.pn {font-size: 12px;}
.pagination > li > a,.pagination > li > a:hover {color: #333;}
#newpage-detail .post-content {width:800px;margin:auto;}
#newpage-detail .boxed-slider { margin: 40px 0;}
.fa.fa-cog {color: #B7B46D;padding-right: 7px;}
.breadcrumb a:hover {color: #A74E4F;}
.topic-bg {font-size: 20px;padding-left: 20px; background: rgba(235, 235, 235, 0.76);padding: 12px 0px 12px 25px;color: #895d14;}
.pd-small {padding: 50px 250px;border: 1px solid #f1e9e9;background: #f1e9e9;}
span.inter-service {color: #777777;font-size: 13px;padding-bottom: 10px;}
.a-inter-service {color:blue; }
.inter-contact {font-size: 13px;text-align: center;}
.pd-magazine {padding: 0;}
.pd-magazine-1 {padding: 0;}
.content-blog.bl {margin: 50px 35px 0 50px;}
#paging-me {margin-top: 30px;}
.logo-a {float: left;}
.modal .btn {font-size: 18px;text-shadow: none;}
.modal .button:hover {background: #eee;}
.modal-dialog {width: 80%;}
#myModal {padding: 20px;}
.panel {width: 1000px;margin: 20px auto;}

* {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; margin: 0;padding: 0;}
.item {position: relative;overflow: hidden;width: 100%;}
.item img {max-width: 100%;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;}

.item:hover img {-moz-transform: scale(1.1);-webkit-transform: scale(1.1);transform: scale(1.1);}
#manager h4 {margin: 5px 0 0 0;font-size: 16px;}
.pagination > li > a,.pagination > li > a:focus {color: #333;}
.postcontent.col_last, .sidebar.col_last { float: left;width: 100%;}
.postcontent .post-timeline .entry-timeline {font-size: 11px;padding-top: 10px;width: 80px;height: 80px;}
.post-timeline .entry:hover .entry-timeline, .post-timeline .entry:hover .timeline-divider {border-color: #A74E4F;color: #A74E4F;}
p.date-span-10 {line-height: 1 !important;font-size: 11px; padding-top: 10px;}
p.date-span-0 {line-height: 1 !important;font-size: 11px; padding-top: 0px;}
#about_history .entry {margin: 0 0 10px;padding: 0 0 10px;}
#about_history .portfolio-single-image {width: 1000px;height:500px;margin:50px auto;}
h3.rong {font-size: 16px;margin: 10px 0 0;}
.het-370 {height: 370px;}
.flex-control-nav.flex-control-thumbs li, .flex-control-nav.flex-control-thumbs li img {width: 112px !important;}
p.p-counter {font-size: 40px !important;letter-spacing: 3px;margin-bottom: 10px;}

.fa.fa-facebook {float: right;margin-top: 30px; margin-right: 7px;background: #F15A24;color: #fff;padding: 10px 14px;border-color: #FFFFFF;/*border-radius: 10px 0px 10px 0px;*/font-size: 22px; width: 40px; height: 38px;cursor: pointer;}
.fa.fa-google-plus {float: right;margin-top: 30px;margin-right: 30px;background: #F15A24;color: #fff; padding: 10px;border-color: #FFFFFF;/*border-radius: 10px 0px 10px 0px;*/font-size: 19px; width: 40px;height: 38px;cursor: pointer;}
.h3-topnews {color:#ffffff;font-size:18px;margin: 0 0 20px 0;}
/*.fslider, .fslider .flexslider, .fslider .slider-wrap, .fslider .slide, .fslider .slide > a, .fslider .slide > img, .fslider .slide > a > img {width: 93%;}*/
.back-h3-title {float: left;margin-top: -9px; margin-right: 10px;background: url('../images/bg-menu-01.jpg');width: 100%;padding: 10px 15px 10px;}
.h3-value {margin:0;font-size: 18px;font-family: "",sans-serif;} 
.h3-value:hover {color: #B7547B;}
.btn-primary {background-color: #B7547B;border-color: #B7547B;}
.btn-primary:hover {background-color: #B7547B;border-color: #B7547B;opacity:0.7;}
#page-home .ipost {height: 385px;}
.if-video {width: 560px;height: 315px;}
.small-thumbs .entry-title h2, .ievent .entry-title h2 {font-weight: 500;}
.slide-home {height: 390px;padding: 15px 0 39px 0;}
/*#slider-arrow-right, .camera_next, #slider .owl-next, .flex-next, .nivo-nextNav {right: 40px;}*/
/*.list-group-item {border: 1px solid #ffffff;}*/
#conslide.container {padding: 0}
.widget-title {
    border-bottom: 2px solid #B6547A;
}
.widget-title span {
    background-color: #B6547A;
    color: #fff !important;
    padding: 2px 12px;
    font-size: 18px;
}
#ab-home a:hover,.list-group a:hover {color: #B6547A}
table {font-family: arial, sans-serif; border-collapse: collapse;width: 100%;}
td, th {border: 1px solid #F7F7F7;text-align: left;padding: 8px;background-color: #F7F7F7;}
tr:nth-child(even) {background-color: #F7F7F7;}
.stat i.fas {color: #B6547A;}
#primary-menu ul li > a i {top: 6px;}
.logo_footer {margin-bottom: 5px;width: 80px;}
.button-tab {display: none;}
.background-header {background:url('../images/banner_head03.jpg');height: 75px;margin-top: 5px;margin-bottom:5px;}
.hidden-start {display: none;}
#return-to-top {position: fixed;bottom: 20px;right: 20px; background: rgb(0, 0, 0);background: rgba(0, 0, 0, 0.7);width: 50px;height: 50px;display: block;text-decoration: none;-webkit-border-radius: 35px;-moz-border-radius: 35px;border-radius: 35px;display: none;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
#return-to-top i {color: #fff;margin: 0; position: relative;left: 16px;top: 13px;font-size: 19px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
#return-to-top:hover {background: rgba(0, 0, 0, 0.9);}
#return-to-top:hover i {color: #fff;top: 5px;}

/*register page*/
#register_page p{margin-bottom: 0;}
#register_page .heading-block h3{margin-bottom: 10px;font-size: 17px;}
#register_page .link-a {font-size:17px;color: blue;text-decoration: underline !important;}

#register_page p.lead {font-family: 'Kanit', sans-serif;font-weight: 500; font-size: 16px;margin-bottom: 2px;color: #333;}
.inter-contact {text-align: center;font-size: 14px !important;}
.imgdownload {width: 40%;}
.register_content.heading-block:after {display: none;}
#register_page  .register_content {margin-left: 29%;}
#register_page  .line-regit {border-top: 2px solid #444;width: 50px; margin: auto;padding-bottom: 40px;}

@media (max-width: 1199px) {
    .container {width: 95%;}
}


@media (max-width: 1024px) {
    #primary-menu ul li > a {padding: 10px 8px;}
    .portfolio-filter li a { padding: 10px 8px;}
    .portfolio-filter li.activeFilter a {padding: 10px 8px;}
    .pd10 {padding: 0 7px 10px 0;}
    .slide-home {height: 310px;}
    #register_page .register_content {margin-left: 16%;}
}


@media (max-width: 992px) {
    .pd-small {padding: 50px 100px;}
    #primary-menu ul li > a {padding: 8px 5px;}

}

@media (max-width: 991px) {
    #primary-menu-trigger {top: 0 !important;margin-top: -80px !important;}
    #logo {float: left;height: 52px !important;}
    /*.container {width: 780px;}*/
    /*.btn-sm-a {padding: 50px 15px;}*/
    .mg-5 { margin: 10px 0 10px 0;}
    .sidebar-widgets-wrap {margin:0 !important;}
    #banner-link {width: 100%;}
    .pd10 {padding: 0;margin: 0px 0px 20px 0px;}
    .banner-l {text-align: center;}
    /* #ab-home {margin:30px 5px;}*/
    /*#sk {margin:40px 12px;}
    #ab-home,#sk {width: 320px !important;}*/
    #video-home {text-align: center;width: 100%;}
    #banner-link {margin:10px 10px;}
    #video-home h4 {margin-top: 30px;}
    #footer a img {padding: 0;}
    .modal-dialog {width: 100%;}
    #newpage-detail .post-content {width: 100%;margin: auto;}
    #about_history .portfolio-single-image {width: 100%;height: auto;}
    .slide-home {height: auto;}
    #page-home .ipost { height: 400px;}
    .button-tab {display: block;}
    #news .col-md-3{position: fixed;left: 0;top: 0;z-index: 1000;width: 260px;background: #fff;overflow: hidden;overflow-y: scroll;height: 100%;transition: .1s left;}
    #news .col-md-3 *{max-width: 100%}
    #news .col-md-3.layout-contact{left: -300px}
    #news .col-md-3.layout-contact.active{left: 0;transition: .3s left}
    #news .col-md-3.layout-contact .button-tab{left:0;font-size: 17px; height: auto; padding: 10px; position: fixed;text-transform: uppercase; top: 75%; background: #B6547A; color: #fff; cursor: pointer; border-radius: 0 4px 4px 0;transition: .1s left;}
    #news .col-md-3.layout-contact.active .button-tab{left: 260px;transition: .3s left}
    .fas .fa-angle-right {font-size: 10px;}
    .widget > h4 {font-size: 16px;}
    #register_page .register_content {margin-left: 30%;}
}

@media (max-width: 768px) {
    #footer .footer-widgets-wrap {display: none;}
    .pd-small {padding: 50px 50px;}
}

@media (max-width: 767px) {
    .portfolio-filter li.activeFilter a {color: #A74E4F !important;margin: 0;}
    .portfolio-filter li a {padding: 12px 20px !important;}
    .if-video {width: 560px;height: 500px;}
    .container {width: 700px !important;max-width: 100%;}
    #gotoTop {display: block;}
    #register_page .register_content {margin-left: 25%;}
}


@media (max-width: 500px) {
    .btn-sm-a {padding: 15px 15px;}
    #ab-home,#sk {width: 100% !important;}
    #sk {margin: 40px 0;}
    #ab-home {margin: 30px 0;}
    #banner-link {margin: 10px 0;}
    .ipost {height: 485px;}
    .name,.name1,img.img-face {display: none;}
    h1.name-500,h1.name1-500 {display: block;}
    .pd-p-contact {padding: 0 50px 0 50px;}
    .modal-dialog {margin:0;}
    .background-header {display: none;}
    .hidden-start {display: block;width: 93%;padding-top: 15px;padding-bottom: 15px;}
    #primary-menu-trigger {margin-top: -65px !important;}
    .pd-small {padding: 50px 0;}
    #register_page .register_content {margin-left: 17%;}

}

@media (max-width: 479px) {
    h1.name-500 {top: 29px;left: 70px;font-size: 13px;}
    h1.name1-500 {top: 52px;left: 70px;font-size: 11px;}
    .portfolio-item {height: auto;}
    #slider-arrow-right, .camera_next, #slider .owl-next, .flex-next, .nivo-nextNav {right: 0;}
    #news .col-md-3.layout-contact .button-tab {font-size: 15px;}
}
@media (max-width: 425px) {
    .col-md-6.col-sm-6.pad-425 {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (max-width: 375px) {
    h1.name-500 {font-size: 12px;}
    h1.name1-500 {font-size: 9px;}
    #page-home .ipost {height: 350px;}
}

@media (max-width: 320px) {
    h1.name-500 {font-size: 14px;}
    h1.name1-500 {display: none;}

}