.mainsite{width:1024px;margin-left:auto;margin-right:auto;}

body{margin:0px;padding:0px; 
background-repeat: no-repeat; 
min-width:1080px;
}
.clear{height:0px;clear: both;}
a, img, div, span, td{    outline: 0 !important;} 
 


@font-face {
    font-family: 'Kanit-Regular';
    src: url('img/Kanit-Regular.eot');
    src: url('img/Kanit-Regular.eot?#iefix') format('embedded-opentype'),
         url('img/Kanit-Regular.woff2') format('woff2'),
         url('img/Kanit-Regular.woff') format('woff'),
         url('img/Kanit-Regular.ttf') format('truetype'),
         url('img/Kanit-Regular.svg#thaisans_neueitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Kanit-Bold';
    src: url('img/Kanit-Bold.eot');
    src: url('img/Kanit-Bold.eot?#iefix') format('embedded-opentype'),
         url('img/Kanit-Bold.woff2') format('woff2'),
         url('img/Kanit-Bold.woff') format('woff'),
         url('img/Kanit-Bold.ttf') format('truetype'),
         url('img/Kanit-Bold.svg#thaisans_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


 
body{font-family: Kanit-Regular, tahoma, Arial,sans-serif;font-size:16px;}
strong, b, p strong, p b, span strong, span b, strong span, b span, div strong, div b
{font-family: Kanit-Bold, tahoma, Arial,sans-serif; }   











body{margin:0px;padding:0px; 
background-repeat: no-repeat;
background-color: #dfdfdf;
min-width:1080px;
}
.clear{height:0px;clear: both;}

.pjla_mainsite{
width: 1024px;
margin-right: auto;
margin-left: auto;
clear: both;
}

.pjla_top{
background-color: #092942;
    padding: 9px 0px;
}

.pjla_mailtel{
    float: left;
    width: 570px;
}

.pjla_tel{
    float: left;
    width: 239px;
    margin-right: 50px;
}

.pjla_tel b{}

.pjla_tel b a{}

.pjla_tel b a img{
display: block;
    float: left;
    margin-right: 10px;
}

.pjla_tel span{}

.pjla_tel span a{
    display: block;
    float: left;
    font-size: 14px;
    color: #baa366;
    text-decoration: none;
    margin-top: 6px;
}

.pjla_tel span a:hover{color: #fff}

.pjla_mail{}

.pjla_mail b{}

.pjla_mail b a{}

.pjla_mail b a img{
display: block;
    float: left;
    margin-right: 10px;
}

.pjla_mail span{}

.pjla_mail span a{
    display: block;
    float: left;
    font-size: 14px;
    color: #baa366;
    text-decoration: none;
    margin-top: 4px;
}

.pjla_mail span a:hover{ color: #fff;}

.pjla_socialnatiol{
float: right;
    width: 140px;
}

.pjla_social{
float: left;
    width: 51px;
    margin-top: 6px;
}

.pjla_social a{}

.pjla_social a img{
display: block;
    float: left;
    margin-right: 10px;
}

.pjla_natiol{
    float: right;
    width: 58px;
    margin-top: 9px;
}

.pjla_natiol ul{
padding: 0px;
    margin: 0px;
    list-style: none;
}

.pjla_natiol ul li{}

.pjla_natiol ul li a{}

.pjla_natiol ul li a img{
display: block;
    float: left;
    margin-left: 9px;
}

.pjla_logomenu{padding: 5px 0px;
    background-color: #fff;}

.pjla_logo{
float: left;
    margin-right: 102px;
}

.pjla_logo a{}

.pjla_logo a img{}

.pjla_menu{
float: left;
    width: 654px;
}

.pjla_menu ul{
padding: 0px;
    margin: 0px;
    list-style: none;
}

.pjla_menu ul li{}

.pjla_menu ul li a{
    display: block;
    font-size: 19px;
    color: #333333;
    text-decoration: none;
    float: left;
    margin-left: 32px;
    margin-top: 29px;
}

.pjla_menu ul li a:hover, .pjla_menu .nav-menu li a:hover, .pjla_menu .nav-menu li.current-post-ancestor a, 
.pjla_menu .nav-menu li.current-menu-parent a, .pjla_menu .nav-menu li.current-post-parent a, 
.pjla_menu .nav-menu li.current-menu-item a, .pjla_menu .nav-menu li.current_page_item a{ color: #baa366;}

.pjla_bbbbbb{}

.pjla_bbbbbb img{    width: 100%;}

.pjla_allbbbbbb{
position: relative;
}

.pjla_textbb{
    position: absolute;
        top: 15%;
    z-index: 9999;
    width: 90%;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    color: #fff;
}

.pjla_textbb span{
    display: block;
    font-size: 25px;
}

.pjla_textbb b{
    display: block;
    font-family: Kanit-Regular;
    font-size: 39px;
    font-weight: normal;
    line-height: 50px;
    margin-top: 20px;
}

.pjla_textbb c{
    display: block;
    font-size: 32px;
    margin-top: 30px;
}

.pjla_textbb t{}

.pjla_textbb t a{
    display: block;
    font-size: 23px;
    background-color: #aa9863;
    width: 275px;
    margin: auto;
    color: #fff;
    text-decoration: none;
    border-radius: 70px;
    padding: 10px 5px;
    margin-top: 10px;
}

.pjla_textbb t a:hover{background-color: #092942;}

.pjla_about{
    background-color: #e4e4e4;
    padding: 80px 0px;
}

.pjla_about1{
float: left;
    margin-right: 4%;
    width: 40%;
}

.pjla_about1 img{    width: 100%;}

.pjla_about2{
float: left;
    width: 50%;
}

.pjla_about2 b{
display: block;
    font-size: 32px;
    color: #092942;
    text-transform: uppercase;
    line-height: 41px;
}

.pjla_about2 span{
display: block;
    font-size: 20px;
    color: #3c3c3c;
    line-height: 28px;
    margin-top: 10px;
}

.pjla_about2 c{}

.pjla_about2 c a{
background-color: #baa366;
    width: 142px;
    display: block;
    font-size: 19px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    border-radius: 69px;
    padding: 9px 5px;
    margin-top: 72px;
}

.pjla_about2 c a:hover{background-color: #092942;}

.pjla_service{
    padding-top: 75px;
    padding-bottom: 50px;
}

.pjla_service1{}

.pjla_service1 b{
    display: block;
    font-size: 38px;
    color: #3c3c3c;
}

.pjla_service1 c{
display: block;
    border-bottom: 1px solid #baa366;
    width: 100%;
    margin-bottom: 75px;
}

.pjla_service1 ul{
padding: 0px;
    margin: 0px;
    list-style: none;
}

.pjla_service1 ul li{
    width: 32%;
    float: left;
    margin-right: 2%;
    margin-bottom: 50px;
}

.pjla_service1 ul li.end{margin-right: 0px;}

.pjla_service1 ul li a{}

.pjla_service1 ul li .img{
display: block;
    border: 1px solid #f3f3f3;
    padding: 15px;
    overflow: hidden;
    height: 229px;
    margin-bottom: 16px;
}

.pjla_service1 ul li .img:hover{border: 1px solid #baa366;}

.pjla_service1 ul li .img img{    width: 100%;}

.pjla_service1 ul li .text{
display: block;
    font-size: 23px;
    color: #000;
    text-decoration: none;
    text-align: center;
    margin-bottom: 13px;
}

.pjla_service1 ul li .text:hover{ color: #baa366;}

.pjla_service1 ul li .detail{
    display: block;
    font-size: 17px;
    color: #000;
    text-decoration: none;
    height: 230px;
}

.pjla_service1 ul li .more{
    display: block;
    background-color: #092942;
    width: 95px;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    padding: 3px 5px;
    border-radius: 59px;
    margin: auto;
}

.pjla_service1 ul li .more:hover{background-color: #baa366;}

.pjla_article{
background-color: #dfdfdf;
    padding-top: 70px;
    padding-bottom: 50px;
}

.pjla_article1{}

.pjla_article1 b{
    display: block;
    font-size: 38px;
    color: #3c3c3c;
}

.pjla_article1 c{
display: block;
    border-bottom: 1px solid #baa366;
    width: 100%;
    margin-bottom: 75px;
}

.pjla_article1 ul{
padding: 0px;
    margin: 0px;
    list-style: none;
}

.pjla_article1 ul li{
width: 23.5%;
    float: left;
    margin-right: 2%;
    margin-bottom: 50px;
}
 
.pjla_article1 ul li.end{margin-right: 0px;}

.pjla_article1 ul li a{}

.pjla_article1 ul li .img{
    display: block;
    overflow: hidden;
    height: 200px;
    background-color: #fff;}

.pjla_article1 ul li .img img{width: 100%;}

.pjla_article1 ul li .text{
display: block;
    font-size: 16px;
    color: #3c3c3c;
    text-decoration: none;
    line-height: 22px;
    overflow: hidden;
    height: 46px;
    margin-bottom: 25px;
}

.pjla_article1 ul li .text:hover{color: #baa366;}

.pjla_article1 ul li .more{
background-color: #baa366;
    width: 80px;
    display: block;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    padding: 4px 5px;
    border-radius: 60px;
    margin: auto;
    margin-bottom: 13px;
}

.pjla_article1 ul li .more:hover{background-color: #092942;}

.pjla_articleall{
    background-color: #fff;
    padding: 15px 13px;
}

.pjla_footer{
    background-color: #fff;
    padding: 50px 0px;clear: both;
}

.pjla_footer1{
    width: 225px;
    float: left;
    margin-right: 40px;
}

.pjla_footer1 b{
    display: block;
    font-size: 23px;
    color: #3c3c3c;
    margin-bottom: 20px;
}

.pjla_footer1 span{
display: block;
    font-size: 15px;
    color: #3c3c3c;
}

.pjla_footer2{
float: left;
    width: 229px;
    margin-right: 40px;
}

.pjla_footer2 b{
    display: block;
    font-size: 23px;
    color: #3c3c3c;
    margin-bottom: 20px;
}

.pjla_footer2 span{
display: block;
    font-size: 15px;
    color: #3c3c3c;
}

.pjla_footer3{
float: left;
    width: 332px;
    margin-right: 0px;
}

.pjla_footer3 b{
    display: block;
    font-size: 23px;
    color: #3c3c3c;
    margin-bottom: 20px;
}

.pjla_footer3 span{ 
    font-size: 15px;
    color: #3c3c3c;
}

.pjla_footer3 span a{ 
    font-size: 15px;
    color: #3c3c3c;
    text-decoration: none;
}

.pjla_footer4{
float: right;
    width: 116px;
}
 
.pjla_footer4 b{
    display: block;
    font-size: 23px;
    color: #3c3c3c;
    margin-bottom: 20px;
}

.pjla_footer4 ul{
padding: 0px;
    margin: 0px;
    list-style: none;
}

.pjla_footer4 ul li{}

.pjla_footer4 ul li a{
display: block;
    font-size: 15px;
    color: #3c3c3c;
    text-decoration: none;
    border-bottom: 1px dashed #dfdfdf;
    line-height: 30px;
}

.pjla_footer4 ul li a:hover{color: #baa366;}

.pjla_copyright{
background-color: #092942;
    padding: 35px 0px;
}

.pjla_copyright1{
font-size: 13px;
    color: #fff;
    text-transform: uppercase;
    float: left;
    width: 508px;
}

.pjla_botsocial{
width: 52px;
    float: right;
}

.pjla_botsocial a{}

.pjla_botsocial a img{
display: block;
    float: left;
    margin-left: 10px;
}



.pjla_service1 ul li .detail{display:none;}
.pjla_service1 ul li:hover .detail{display:block;}



.gsttext{    height: 50px;
    overflow: hidden;}

.title { 
    font-size: 38px;
    color: #3c3c3c;
    border-bottom: 1px solid #baa366;
}
.bfd_title span{font-size: 38px;
    color: #3c3c3c;
    border-bottom: 1px solid #baa366;}

.bcnlink span, .bcnlink a, .bcnlink { 
    color: #666;
    font-size: 10px;
}


.pjla_article1 .pjleft{    width: 48%;
    float: left;
    display: block;
    margin-right: 2%;}
.pjla_article1 .pjleft.end{margin-right:0px;}
.pjla_article1 .pjleft img{width: 100%;}
.pjla_article1 .pjmore{background-color: #baa366;
    width: 142px;
    display: block;
    font-size: 19px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    border-radius: 69px;
    padding: 9px 5px;    margin-top: 72px;
    margin: auto;
    margin-top: 72px;}
.pjla_article1 .pjmore:hover{background-color: #092942;}

.pjrdetail{}
.pjrdetail img{
        width: 31%;
    float: left;
    margin: auto;
    height: auto;
    margin-left: 2%;
    margin-bottom: 20px;
    height: 360px;}


.pjla_service1 ul li .detail a{text-decoration:none;color:#333;display:block;
    border-bottom: 1px dotted #ccc;}
.pjla_service1 ul li .detail a:hover{text-decoration:none;color:#baa366;}

.pjla_logo a img{animation: pjla_logo 3s;animation-fill-mode: forwards;animation-timing-function: ease-in;}
@keyframes pjla_logo { from {margin-top: 30px;}to {margin-top: 0px;} }

.pjla_menu ul li a{animation: pjla_menu 3s;animation-fill-mode: forwards;animation-timing-function: ease-in;}
@keyframes pjla_menu { from {margin-top: 0px;}to {margin-top: 29px;} }

.pjla_textbb{animation: pjla_textbb 3s;animation-fill-mode: forwards;animation-timing-function: ease-in;}
@keyframes pjla_textbb { from {    top: 30%;}to {    top: 15%;} }

.entry-content{animation: entry-content 3s;animation-fill-mode: forwards;animation-timing-function: ease-in;}
@keyframes entry-content { from {margin-top: 100px;}to {margin-top: 0px;} }

.bfd_title{animation: bfd_title 3s;animation-fill-mode: forwards;animation-timing-function: ease-in;}
@keyframes bfd_title { from {margin-left: 100px;}to {margin-left: 0px;} }

.pjla_service1{animation: pjla_service1 3s;animation-fill-mode: forwards;animation-timing-function: ease-in;}
@keyframes pjla_service1 { from {margin-top: 100px;}to {margin-top: 0px;} }

.pjla_service1 ul li:hover .detail{animation: detail 0.3s;animation-fill-mode: forwards;animation-timing-function: ease-in;}
@keyframes detail { from {line-height: 0px;}to {line-height: 27px;} }

.pjla_article1 ul li .more:hover{animation: more 0.3s;animation-fill-mode: forwards;animation-timing-function: ease-in;}
@keyframes more { from {background-color: #baa366;
    padding: 4px 5px;}to {    background-color: #092942;padding: 4px 17px;} }

.pjla_about1{animation: pjla_about1 5s;animation-fill-mode: forwards;animation-timing-function: ease-in;}
@keyframes pjla_about1 { from {margin-top: 150px;}to {margin-top: 0px;} }


.reveal {
  position: relative;
  opacity: 0;
}

.reveal.active {
  opacity: 1;
}
.active.fade-bottom {
  animation: fade-bottom 1s ease-in;
}
.active.fade-left {
  animation: fade-left 1s ease-in;
}
.active.fade-right {
  animation: fade-right 1s ease-in;
}
@keyframes fade-bottom {
  0% {
    transform: translateY(50px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-left {
  0% {
    transform: translateX(-100px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes fade-right {
  0% {
    transform: translateX(100px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

.entry-content .pjtabel{}
.entry-content .pjtabel td{font-size: 15px;    border: 1px solid #333;}
.entry-content .pjtabel td p{line-height: 22px;
    margin: 0 0 15px;}
.entry-content .pjtabel .pjtop1 td{    background-color: #092942;
    color: #baa366;
    font-size: 19px;
    text-align: center;}
.entry-content .pjtabel .pjtop2 td{font-size: 18px;    color: #f30909;}
.entry-content .pjtabel .pjtop2 td p{font-size: 15px;color:#000;    text-align: center;}

.pjtel{    text-decoration: none;
    color: #fff;
    background-color: #336699;
    padding: 10px 5px;
    border-radius: 20px;
    display: block;text-align: center;
    width: 150px;
    float: left;    margin-right: 10px;}
.pjtel:hover{color:#efb904;}
.pjline{text-decoration: none;
    color: #fff;
    background-color: #336699;
    padding: 10px 5px;
    border-radius: 20px;text-align: center;
    display: block;
    width: 150px;
    float: left;}
.pjline:hover{color:#efb904;}
.pjline img{    margin-right: 7px;
    margin-bottom: -4px;}
.pjtelline{display: block;
    clear: both;
    width: 335px;
    height: 60px;
    margin: auto;}