#BodyT {
	  background:url(../images/bg_mb/index_bg.jpg) repeat-x top center #fff;
	}

	div.iBannerFix{
		height:38px;
		position:fixed;
		left:0px;
		bottom:0px;
		background-color:#253491;
		width:100%;
		z-index: 99;
		color:#FFFFFF;
	}

	#BannerIndex {
	    width: 100%;
	}

	#RowMenu {
	  float: right;
	  margin: 0;
	  padding: 0;
	}

	#row_mntop {
	  height: 41px;
	  margin: 0 20px 0 0;
	}

	#row_mntop ul {
	  float: right;
	  margin: 28px 0 0 0;
	  padding: 0;
	}

	#row_mntop ul li {
	  margin: 0 0 0 30px;
	  padding: 0;
	  list-style: none;
	  display: inline;
	  float: left;
	  text-align: right;
	}

	#row_mainmn {
	  margin: 0;
	  width: 744px;
	}

	#row_mainmn ul {
	  margin: 0;
	  padding: 0;
	}

	#row_mainmn ul li {
	  float: left;
	  margin: 0;
	  padding: 2px 0 0 15px;
	  list-style: none;
	  display: inline;
	  color: #fff;
	  font-family: 'db_ozone_xmediumSVG', 'db_ozone_xmedium';
	  font-size: 20px;
	  text-align: right;
	  line-height: 45px;
	}

	.con-con{
		font-family: 'Kanit', sans-serif;
	    font-size: 16px;
	    text-align: center;
	    width: 50%;
	}

	.clear{
		clear: both;
	}

	.mainmenu {
	  color: #fff;
	  text-decoration: none;
	}

	.mainmenu a {
	  color: #fff;
	  text-decoration: none;
	}

	.mainmenu a:hover {
	  color: #91ff0b;
	  text-decoration: none;
	}

	.mainmenu {
	  font-family: 'TH SarabunPSK';
	  font-size: 20px;
	}

	.mainmenu_de {
	  color: #ffff00;
	  text-decoration: none;
	}

	.mainmenu_de a {
	  color: #ffff00;
	  text-decoration: none;
	}

	.navbar-default .navbar-toggle {
	    border-color: #FFFFFF;
	}

	.navbar-default .navbar-toggle .icon-bar {
	    background-color: #FFFFFF;
	}

	.navbar-brand {
		    float: left;
		    height: 50px;
		    padding: 15px 10px;
		    font-size: 18px;
		    line-height: 20px;
		}
	.navbar-toggle {
	    position: relative;
	    float: right;
	    padding: 8px 7px;
	    margin-top: 38px;
	    margin-right: 10px;
	    margin-bottom: 8px;
	    background-color: transparent;
	    background-image: none;
	    border: 1px solid transparent;
	    border-radius: 4px;
	}

	.work-us3{
		font-family: 'Kanit', sans-serif;
    	font-size: 22px;
    	margin-left: 40px;
	}

	.font-ul{
		font-size: 18px;
	}





@media (min-width: 100px) {
	#ColLeft {
	    display: none;
	}

	#ColLefts {
	    display: unset;
	}

	#ColRight {
	    float: right;
	    position: relative;
	    width: 100%;
	    /* margin: 46px 0 0 25px; */
	    padding: 0 0 80px 0;
	    z-index: 0;
	    margin-top: 0px;
	}

	.images-web{
		width: 100%;
	}

	.header_top {
		position: absolute;
    	z-index: auto;		
    	background: url(../images/bg_mb/header_topi1.png) no-repeat top center;
		width: 100% !important;
		left: 0px;
		top: 0px;
		border-color: #f8f8f8;
		border: 0px solid transparent;
		height: 81px;
	}

	.bg-foot {
		position: absolute;
    	z-index: auto;		
		background: url(../images/bg_mb/bg_footmb.jpg) no-repeat top center;
		width: 100% !important;
		/**height: 460px;**/
	}

	.bg-foot2 {
		position: absolute;
    	z-index: auto;		
		background: url(../images/bg_web/bg_foot.jpg) no-repeat top center;
		width: 100% !important;
		height: 45px;
		z-index: -2;
	}

	.logo {
		float: left;
		/**margin: 20px 50px;**/
		height: 68px;
		margin-top: 8px;
		margin-left: 5px;
	}

	.tel_mb{
		width: 130px;
    	/* margin-left: 30px; */
	    margin-top: 23px;
	    margin-right: 20px;
	    float: right;
	}

	.tel_wb{
		display: none;
	}

	.menu-top{
		display: none;
	}

	.menu-foot{
		display: none;
	}

	.menu-foot2{
		margin-top: 10px;
	    margin-right: 20px;
	    font-size: 13px;
	    display: inherit;
	    float: right;
	    font-family: 'Kanit', sans-serif;
	}

	.head-lr1{
		display: none;
	}


	.head-lr2{
		display: none;
	}


	.bars{
		background-color: #283792;
	    font-family: 'Kanit', sans-serif;
	    font-size: 20px;
	    text-align: center;
	    position: absolute;
	    left: 0px;
	    width: 100%;
	    /* top: 62px; */
		top: 70px;
		position: absolute;
		z-index: 1;
	}

	.bars1{
		margin-top: 13px;
	}

	.font-bars{
		color: #FFFFFF;
		font-family: 'Kanit', sans-serif;
	}

	.font-bars2{
		background-color: #283792;
		color: #FFFFFF;
		font-family: 'Kanit', sans-serif;
	}

	.side1{
		border-bottom: 2px solid #e7e7e7;
	    width: 90%;
	    text-align: center;
	    margin: auto;
	}

	.slide-b{
		position: absolute;
	    z-index: -2;
	    top: -44px;
	    width: 100%;
	}

	.img-slide{
		width: 100%;
		margin-top: 20px
	}

	.slide-b{
	    top: 50px;
	}

	.box-bt{
		width: 95%;
	    margin: auto;
	    margin-top: 10px;
	    background-color: #283792;
	    border-color: #ffffff;
	}

	.pa-bt{
		margin-top: 10px;
	    width: 95%;
	    margin: auto;
	    background-color: #283792;
	    border-color: #ffffff;
	    text-align: left;
	    border-radius: 4px;
	}

	.pa-btn{
    	padding-left: 15px;
	}

	.bt-foot{
		font-family: 'Kanit', sans-serif;
		background-color: #283792;
    	padding: 3px 10px;
    	border-color: #283792;
	    font-size: 17px;
	    text-align: left;
	    margin-top: 0px;
		width: 100%;
		padding-left: 20px;
	}

	.bt-foot2{
		margin-top: -7px;

	}

	.bt-1{
		margin-top: 10px;
	}

	.t-foot{
		font-family: 'Kanit', sans-serif;
	    font-size: 18px;
	    margin-top: -5px;
	}

	.left-mn{
		font-size: 22px;
    	font-family: 'Kanit', sans-serif;
    	font-weight: bold;

	}

	.left-mns{
		font-size: 22px;
    	font-family: 'Kanit', sans-serif;
    	margin-left: 25px;
    	font-weight: bold;
	}

	.Right-mn{
		font-size: 22px;
		font-weight: bold;
    	font-family: 'Kanit', sans-serif;
    	margin-left: 25px;
    	margin-bottom: 20px;
	}

	.Right-mns{
		font-size: 18px;
		font-weight: bold;
    	font-family: 'Kanit', sans-serif;
    	margin-left: 2px;
    	margin-bottom: 10px;
	}


	.cl-left{
		font-family: 'Kanit', sans-serif;
    	font-size: 20px;
	}

	.mnleft{
		padding: 4px 0px;
		width: 100%;
	}

	.a-mnleft{
		color: #000000;
    	padding: 0px 15px;
	}

	.a-mnlefts{
		color: #000000;
    	padding: 0px 15px;
    	margin-left: 25px;
    	font-size: 18px;
	}

	.img-ab{
		display: block;
    	margin: auto;
    	max-width: 100%;
	}

	.img-abs{
		display: block;
    	margin: auto;
    	max-width: 100%;
    	margin-top: 50px;
	}

	.img-ab2{
		margin-top: 20px;
	    /* max-width: 28%; */
	    /* float: left; */
	    /* margin-right: 13.5px; */
	    /* margin-left: 13.4px; */
	    display: block;
	    /* margin: auto; */
	    max-width: 100%;
	}

	.work-us{
		font-family: 'Kanit', sans-serif;
    	font-size: 20px;
    	margin-left: 40px;
	}

	.map-co{
		float: right;
	    font-family: 'Kanit', sans-serif;
	    font-size: 16px;
	    margin-bottom: 5px;
	    margin-top: 30px;
	}

	.contact-us{
		font-family: 'Kanit', sans-serif;
	    font-size: 16px;
	    margin-left: 2px;
	    margin-bottom: 2px;
	}

	.conta-t{
		margin-bottom: 30px;
		display: unset;
	}

	.head-mb1{
		font-family: 'Kanit', sans-serif;
	    margin-bottom: 0px;
	    margin-top: 3px;
	    margin-left: 110px;
	    font-size: 12px;
	    font-weight: bold;
	    display: inherit;
	}

	.head-mb2{
		font-family: 'Kanit', sans-serif;
	    margin-bottom: 1px;
	    margin-left: 110px;
	    font-size: 10px;
	    /* display: inline-flex; */
	    position: absolute;
	}

}

@media (min-width: 180px) {
	.slide-b{
	    top: 47px;
	}

	.img-slide{
		margin-top: 22px
	}
}

@media (min-width: 240px) {
	.slide-b{
	    top: 42px;
	}

	.img-slide{
		margin-top: 27px
	}
}

@media (min-width: 300px) {
	.slide-b{
	    top: 39px;
	}

	.img-slide{
		margin-top: 30px
	}

	.head-mb1{
	    margin-left: 130px;
	}

	.head-mb2{
	    margin-left: 130px;
	}
}

@media (min-width: 340px) {
	.header_top {
		background: url(../images/bg_mb/header_topi2.png) no-repeat top center;

	}

	.tel_mb{
	    margin-right: 30px;
	}

	.slide-b{
	    top: 33px;
	}

	.img-slide{
		margin-top: 36px
	}
		
}

@media (min-width: 410px) {
	.header_top {
		background: url(../images/bg_mb/header_topi3.png) no-repeat top center;
	}

	.slide-b{
	    top: 29px;
	}

	.img-slide{
		margin-top: 40px
	}
	
}

@media (min-width: 451px) {
	.header_top {
		background: url(../images/bg_mb/header_top.png) no-repeat top center;
	}

	.slide-b{
	    top: 24px;
	}

	.img-slide{
		margin-top: 45px
	}

	.head-mb1{
	    margin-left: 160px;
	}

	.head-mb2{
	    margin-left: 160px;
	}
}

@media (min-width: 520px) {
	.slide-b{
	    top: 19px;
	}

	.img-slide{
		margin-top: 50px
	}
}

@media (min-width: 590px) {
	.slide-b{
	    top: 15px;
	}

	.img-slide{
		margin-top: 55px
	}
}

@media (min-width: 640px) {
	.slide-b{
	    top: 11px;
	}

	.img-slide{
		margin-top: 58px
	}
}

@media (min-width: 700px) {
	.slide-b{
	    top: 5px;
	}

	.img-slide{
		margin-top: 64px
	}
}

@media (min-width: 768px) {
	#ColLeft {
		width: 25%;
	    float: left;
	    overflow: hidden;
	    margin-bottom: 90px;
	    display: unset;
	    margin-left: 0px;
	    margin-top: 10px;
	}

	#ColLefts {
		width: 25%;
	    float: left;
	    overflow: hidden;
	    margin-bottom: 90px;
	    display: unset;
	    margin-left: 0px;
	    margin-top: 10px;
	}

	#ColRight {
	    float: right;
	    position: relative;
	    width: 75%;
	    /* margin: 46px 0 0 25px; */
	    padding: 0 0 80px 0;
	    min-height: 388px;
	    z-index: 0;
	    margin-top: 20px;
	}

	.images-web{
		width: 100%;
	}

	.header_top {
		position: absolute;
    	z-index: auto;		
		background: url(../images/bg_web/bg_top2.png) no-repeat top center;
		width: 100% !important;
		border-color: #f8f8f8;
		height: 105px;
	}

	.Right-mns{
		font-size: 22px;
		font-weight: bold;
    	font-family: 'Kanit', sans-serif;
    	margin-left: 25px;
    	margin-bottom: 25px;
	}

	.img-slide{
		margin-top: 60px
	}

	.bg-foot {
		position: absolute;
    	z-index: auto;		
		background: url(../images/bg_web/bg_foot.jpg) no-repeat top center;
		width: 100% !important;
		height: 45px;
	}

	.logo {
		height: 90px;
	    margin-top: 8px;
	    margin-left: 0px;

		/**margin: 5px 50px;**/
	}
	.tel_mb{
	    display: none;
	}
	.tel_wb{
		width: 150px;
	    margin-right: 5px;
	    margin-top: 12px;
	    float: right;
    	display: inherit;
   	}

	.menu-top{
		float: right;
	    font-family: 'Kanit', sans-serif;
	    font-size: 16px;
	    font-weight: bold;
	    margin-top: -4px;
	    display: inherit;
	}

	.menu-foot{
		margin-top: -13px;
	    margin-right: 200px;
	    font-size: 13px;
	    display: inherit;
	    float: right;
	    font-family: 'Kanit', sans-serif;
	}

	.menu-foot2{
		margin-top: -16px;
	    margin-right: 200px;
	    font-size: 13px;
	    display: inherit;
	    float: right;
	    font-family: 'Kanit', sans-serif;
	}

	.head-mb1{
		display: none;
	}

	.head-mb2{
		display: none;
	}

	.head-lr1{
		font-family: 'Kanit', sans-serif;
	    margin-bottom: 2px;
	    margin-top: 3px;
	    margin-left: 160px;
	    font-size: 16px;
	    font-weight: bold;
	    display: inherit;
	}

	.head-lr2{
		font-family: 'Kanit', sans-serif;
	    margin-bottom: 1px;
	    margin-left: 160px;
	    font-size: 14px;
	    display: inherit;
	}

	.slide-b{
		position: absolute;
	    z-index: -2;
	    top: 27px;
	}

	.box-bt{
		display: none;
	}

	.pa-bt{
		display: none;
	}

	.pa-btn{
    	display: none;
	}
	
	.bt-foot{
		display: none;
	}

	.bt-foot2{
		display: none;

	}

	.bt-1{
		display: none;
	}

	.t-foot{
		display: none;
	}

	.left-mn{
		font-size: 22px;
    	font-family: 'Kanit', sans-serif;
	}

	.left-mns{
		font-size: 22px;
    	font-family: 'Kanit', sans-serif;
    	margin-left: 0px;
	}

	.cl-left{
		font-family: 'Kanit', sans-serif;
    	font-size: 20px;
	}

	.mnleft{
		padding: 4px 0px;
		width: 100%;
	}

	.a-mnleft{
		color: #000000;
    	padding: 0px 15px;
	}

	.a-mnlefts{
		color: #000000;
    	padding: 0px 15px;
    	margin-left: 0px;
    	font-size: 20px;
	}

	.contact-us{
		font-family: 'Kanit', sans-serif;
	    font-size: 18px;
	    margin-left: 25px;
	    margin-bottom: 5px;
	}

	.img-ab2{
		margin-top: 15px;
	    max-width: 28%;
	    float: left;
	    margin-right: 14.4px;
	    margin-left: 14.4px;
	}

	.conta-t{
		margin-bottom: 30px;
		display: none;
	}
}

@media (min-width: 810px) {
	.images-web{
		width: 80%;
	}

	.slide-b{
	    top: 21px;
	}

	.img-slide{
		margin-top: 66px
	}
}

@media (min-width: 890px) {
	.slide-b{
	    top: 13px;
	}

	.img-slide{
		margin-top: 74px
	}
}

@media (min-width: 992px) {
	.images-web{
		width: 70%;
	}

	.header_top {
		background: url(../images/bg_web/bg_top.png) no-repeat top center;
	}

	.menu-top{
	    font-size: 19px;

	}

	.slide-b{
	    top: 5px;
	}

	.img-slide{
		margin-top: 82px
	}

}

@media (min-width: 1100px) {
	.images-web{
		width: 60%;
	}

	.slide-b{
	    top: -2px;
	}

	.img-slide{
		margin-top: 89px
	}
}

@media (min-width: 1200px) {
	.con-r{
		width: 1170px;
		padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
	}

	.header_top {
		background: url(../images/bg_web/bg_top.png) no-repeat top center;
	}

	.logo {
	    margin-left: 100px;

		/**margin: 5px 50px;**/
	}

	.head-lr1{
	    margin-left: 260px;
	}

	.head-lr2{
	    margin-left: 260px;
	}

	.slide-b{
	    top: -9px;
	}

	.img-slide{
		margin-top: 95px
	}
}

@media (min-width: 1300px) {
	.images-web{
		width: 50%;
	}

	.slide-b{
	    top: -16px;
	}

	.img-slide{
		margin-top: 103px
	}
}

@media (min-width: 1400px) {
	.slide-b{
	    top: -23px;
	}

	.img-slide{
		margin-top: 110px
	}
}

@media (min-width: 1500px) {
	.slide-b{
	    top: -30px;
	}

	.img-slide{
		margin-top: 115px
	}
}

@media (min-width: 1600px) {
	.slide-b{
	    top: -38px;
	}

	.img-slide{
		margin-top: 115px
	}
}

@media (min-width: 1700px) {
	.slide-b{
	    top: -45px;
	}
}

@media (min-width: 1800px) {
	.slide-b{
	    top: -71px;
	}
}