@charset "utf-8";
/* CSS Document */

.sub-21-1{
	width: 100%;
	position: relative;
	background:url(../images/bg-sub.png) top center no-repeat;
}
@media (max-width: 575px) {
.sub-21-1{
			background:url(../images/bg-sub-1.png) top center no-repeat;
		}
		.sub-21-1 .col-lg-3{
	display:none !important;
}
}

@media (min-width: 576px) and (max-width: 991px) { 
.sub-21-1{
			background:url(../images/bg-sub-1.png) top center no-repeat;
		}
		.sub-21-1 .col-lg-3{
	display:none;
}
}

@media (min-width: 992px) and (max-width: 1199px) { 
.sub-21-1{
			background:url(../images/bg-sub-1.png) top center no-repeat;
		}
		.sub-21-1 .col-lg-3{
	display:none;
}
.sub-21-1 .col-lg-9{
	flex: 0 0 100%;
    max-width: 100%;
}
 }
@media (min-width: 1200px) { ... }

.top-name{
	/* float:left; */
	margin-top:9px;
	display:block;
	width:100%;
	height:48px;
	font: 33px/48px 'thaisanslite', Arial, sans-serif;
	color:#5f491e;
	text-align:center;
	font-weight:bold;
}
@media (max-width: 575px) { 
	.top-name{
		text-align:center;
		text-indent:  0px !important;
		font-size: 24px;
	}
 }
@media (min-width: 576px) and (max-width: 767px) { 
	.top-name{
		text-align:center;
	}
 }
@media (min-width: 768px) and (max-width: 991px) { 
	.top-name{
		text-align:center;
	}
}
@media (min-width: 992px) and (max-width: 1199px) { 
	.top-name{
		text-align:center;
	}
 }
@media (min-width: 1200px) { 
	.top-name{
		text-align: center;
		/* text-indent:67px; */
	}
 }
.suball{
	float:left;
	display:block;
	width:100%;
	height:auto;
}
.subbody{
	margin:0 auto;
	margin-top:30px;
	padding-bottom:20px;
	/*padding:35px 0px;*/
	display:block;
	/*width:670px;*/
	width:85%;
	min-height:500px;
}

@media only screen and (min-device-width : 320px) and (max-device-width : 800px) {
	.subbody{
	width:100%;
	}
}

.logo-header{
	top: -30px !important;
}
.other-li{
	width: 130px !important;
}

/*******************************/
.filter-h {
    position: relative;
    /* top: 110px; */
    /* right: 95px; */
    width: 100%;
    padding: 15px 20px;
    background: #fff url(../images/animation/tops-bg.png) top center no-repeat;
    -webkit-box-shadow: 3px 3px 0px 0px rgba(167,167,167,0.75);
    -moz-box-shadow: 3px 3px 0px 0px rgba(167,167,167,0.75);
    box-shadow: 3px 3px 0px 0px #9E9E9E;
}
.filter-h .top{
    font: 27px/22px 'thaisanslite', Arial, sans-serif;
    font-weight:bold;
    color: #000;
    margin-bottom:10px;
}
.filter-h .close{
    position:absolute;
    top:5px; right:5px;
}
.filter-h .top p{
    padding:0;
    margin:0;
}
.filter-h .mid{
    margin-top:25px;
}
.top-search{
    position:relative;
    height: 35px;


}
.top-search .input{
    width:99%;
    margin:2px;
    padding:9px 0;
    border:0px;
    text-indent:8px;
    background:#ebebeb;	
    border: #ebebeb 1px solid;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;

    -webkit-box-shadow: inset 3px 3px 5px 0px rgba(0,0,0,0.35);
    -moz-box-shadow: inset 3px 3px 5px 0px rgba(0,0,0,0.35);
    box-shadow: inset 3px 3px 5px 0px rgba(0,0,0,0.35);

}
.top-search .select{
    width:138px;
    margin:2px;
    padding:8px 0;
    border:0px;
    text-indent:5px;
}
.top-search .btn{
    position:absolute;
    right:0; top:8px;
    margin:0;
    padding:0 6px;
}
.filter-h ul{
    margin:20px 0;
    padding:0;
}
.filter-h ul li.row{
    margin: 3px 0;
    padding: 0 0;
    position: relative;
    font-size:14px;
}	

/*******************************/
.search{
    position:relative;
    z-index:2;
    height:78px;
    background:url(../images/search-bg.png) top center no-repeat;
}
.select-style {
    padding: 0;
    margin: 15px 0 0 0;
    overflow: hidden;
    background: #f6f6f6 url(../images/animation/icon/i-arrowdown.png) no-repeat 96% 50%;
    border: #9d9c9c 1px solid;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;

    -webkit-box-shadow: inset 0px -150px 188px -200px rgba(148,148,148,1);
    -moz-box-shadow: inset 0px -150px 188px -200px rgba(148,148,148,1);
    box-shadow: inset 0px -150px 188px -200px rgba(148,148,148,1);



}
.select-style select {
    padding: 0px 8px;
    width: 100%;
    height: 31px;
    border: none;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size:13px;
    color: #666;
    overflow:hidden;
}
.input-style{
    position:relative;
    padding: 0;
    border: none;
    overflow: hidden;
    background-color: #fff;

    border:#999 1px solid;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.input-style input {
    width:99%;
    padding:0 4px;
    border: none;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

    font:21px/32px 'thaisanslite', Arial, sans-serif;
    color:#127ecb;
}
.s-btn-x{
    display:block;
    padding:5px 0;
    background:#5cb200;
    font-size:15px;
    font-weight:bold;
    color:#000;
    text-align:center;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;


    -webkit-box-shadow: 0px 5px 0px -1px rgba(0,0,0,0.10);
    -moz-box-shadow: 0px 5px 0px -1px rgba(0,0,0,0.10);
    box-shadow: 0px 5px 0px -1px rgba(0,0,0,0.10);
}
/*******************************/