.header-29-1{

}

.topbg-29-1{
    height:155px;
    background:url(../images/header-29-1/header-bg.jpg) top center no-repeat;
    position: relative;
    z-index: 99;
}
@media (max-width: 1200px) { /* <= 1024*/
    .topbg-29-1{
        height:63px !important;
    }
}

.toplogo-29-1{
    position:absolute;
    left:0;
    top: 11px;
    z-index:5;
}
.topname-29-1{
    position:absolute;
    left: 185px;
    top: 12px;
}
.tool-29-1{
    width:130px;
    position:absolute;
    right:40px; top:12px;
}
.tool-29-1 .search-btn{
    float:left;
    margin-top:5px;
    padding:0 15px;
    background:url(../images/header-29-1/s-line.png) top right no-repeat;
}
.tool-29-1 .search-btn a{

}
.tool-29-1 .lg-btn{
    float:left;
    padding:0 30px 0 15px;
    font-size:19px;

    font-weight:bold;
    color:#1158ab;
    background:url(file:///Z|/%E0%B8%A5%E0%B8%B9%E0%B8%81%E0%B8%84%E0%B9%89%E0%B8%B2%20%E0%B9%80%E0%B8%AD%E0%B8%81%E0%B8%8A%E0%B8%99%20%E0%B8%9B%E0%B8%B4%E0%B8%94%E0%B8%87%E0%B8%B2%E0%B8%99%E0%B9%81%E0%B8%A5%E0%B9%89%E0%B8%A7/_%E0%B8%9B%E0%B8%B4%E0%B8%94%E0%B8%87%E0%B8%B2%E0%B8%992018/New%20web%20%E0%B9%82%E0%B8%A3%E0%B8%87%E0%B9%80%E0%B8%A3%E0%B8%B5%E0%B8%A2%E0%B8%99%E0%B8%AD%E0%B9%88%E0%B8%B2%E0%B8%87%E0%B8%97%E0%B8%AD%E0%B8%87%E0%B8%9B%E0%B8%B1%E0%B8%97%E0%B8%A1%E0%B9%82%E0%B8%A3%E0%B8%88%E0%B8%99%E0%B9%8C%E0%B8%A7%E0%B8%B4%E0%B8%97%E0%B8%A2%E0%B8%B2%E0%B8%84%E0%B8%A1/design/images/header-15-1/hatyaiwit_0002.png) 100% 50% no-repeat;
}	
.tool-29-1 .lg-btn a{
    color:#1158ab;
}
/*************************************/

#nav-29-1{
    top: 97px;
    position:relative;
    background: url(file:///Z|/%E0%B8%A5%E0%B8%B9%E0%B8%81%E0%B8%84%E0%B9%89%E0%B8%B2%20%E0%B9%80%E0%B8%AD%E0%B8%81%E0%B8%8A%E0%B8%99%20%E0%B8%9B%E0%B8%B4%E0%B8%94%E0%B8%87%E0%B8%B2%E0%B8%99%E0%B9%81%E0%B8%A5%E0%B9%89%E0%B8%A7/_%E0%B8%9B%E0%B8%B4%E0%B8%94%E0%B8%87%E0%B8%B2%E0%B8%992018/New%20web%20%E0%B9%82%E0%B8%A3%E0%B8%87%E0%B9%80%E0%B8%A3%E0%B8%B5%E0%B8%A2%E0%B8%99%E0%B8%AD%E0%B9%88%E0%B8%B2%E0%B8%87%E0%B8%97%E0%B8%AD%E0%B8%87%E0%B8%9B%E0%B8%B1%E0%B8%97%E0%B8%A1%E0%B9%82%E0%B8%A3%E0%B8%88%E0%B8%99%E0%B9%8C%E0%B8%A7%E0%B8%B4%E0%B8%97%E0%B8%A2%E0%B8%B2%E0%B8%84%E0%B8%A1/design/images/nav/nav-bg.png) top center no-repeat;
}
@media (max-width: 1200px) {
    #nav-29-1{
        display: none;
    }
    .toplogo-29-1{
        display: none;
    }
    .topname-29-1{
        display: none;
    }
}
#nav-29-1 ul.top{
    margin-left: 160px;
    /*position:relative;*/
}

#nav-29-1 ul.top li{
    display:inline-block;
    /*height:40px;*/
    margin-left: 0px;
    padding: 10px 0px;
    font:18px/16px 'thaisanslite', Arial, sans-serif;
    text-align: center;
    /* font-weight:bold; */
    background:url(../images/header-29-1/s-line.png) 100% 50% no-repeat;
}
#nav-29-1 ul.top li:last-child{
    background:none;
}

#nav-29-1 ul.top li a:hover{
    width:100%;
    color:#00a2ff;
}
#nav-29-1 ul.top li:hover ul.sub{
    display:block;
}

#nav-29-1 ul.top li a{
    width:100%;
    display:block;
    color:#fff;
    padding: 0px 40px;
}
@media (max-width: 1200px)
{
    #nav-29-1 ul.top{
        margin-left:100px;
    }
}
@media (max-width: 1024px)
{
    #nav-29-1 ul.top{
        margin-left:165px;
    }
    #nav-29-1 ul.top li {
        padding: 0px 12px;
    }
}	

/*************************/	
#nav-29-1 ul.sub{
    position:absolute;
    top:50px;
    left:0;
    right:0;
    height: 240px;
    background: #9f9f9f url(../images/header-29-1/subnav-bg.png) top center no-repeat;
    padding:20px;
    display:none;
    z-index:1;
    -webkit-box-shadow: 9px 10px 33px -8px rgba(0,0,0,0.53);
    -moz-box-shadow: 9px 10px 33px -8px rgba(0,0,0,0.53);
    box-shadow: 9px 10px 33px -8px rgba(0,0,0,0.53);
}
#nav-29-1 ul.sub li{
    display:inline-block;
    width:100%;
    position:relative;
    height:39px;
    margin:0 3px;
    padding:15px 5px;
    font: 21px/21px 'thaisanslite', Arial, sans-serif;
    background:none;
    text-align: left;
}

#nav-29-1 ul li a{
    width:100%;
    display:block;
    color:#fff;
    text-decoration:none;
}	

/*******************/

/************************/
.top-socail{
    position: absolute;
    right: 50px;
    top: 91px;
    z-index:5;
}

.top-search{
    position: absolute;
    right: 0px;
    top: 30px;
    width:230px;
    padding:3px;
    margin:0;
    background:#d01a16;	
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;	
}
.top-search .input{
    width:180px;
    margin:2px;
    margin-left:5px;
    padding:4px 0;
    border:0px;
    text-indent:5px;
    font-size:12px;
    background:none;
    color:#fff;
}
.top-search .select{
    width:138px;
    margin:2px;
    padding:8px 0;
    border:0px;
    text-indent:5px;
}
.top-search .btn-s{
    position:absolute;
    right:0; top:0;
    margin:0;
    padding:0px 6px;

}		


.top-search ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #fff;
}
.top-search ::-moz-placeholder { /* Firefox 19+ */
    color: #fff;
}
.top-search :-ms-input-placeholder { /* IE 10+ */
    color: #fff;
}
.top-search :-moz-placeholder { /* Firefox 18- */
    color: #fff;
}	


.sub{
    color:#fff;
}	
#nav-29-1 ul.sub li{ 
    color:#fff;
}
#nav-29-1 ul.sub li:hover{ 
    color:#fff;

}
#nav-29-1 ul.sub li a:hover{ 
    color:#fff;
    background:none;
    background-color:#0b173b;

    -webkit-border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

#nav-29-1 ul.sub li a { 
    color:#fff;
}