/* CSS Document */
.header .inH0 .ttx br {
	display: none;
}
@media (max-width:817px) {
	/*==========================================================================*/
	.header .inH0 {
		display: block;
		height: 40px;
		position: relative;
		text-align: center;
	}
	.header .inH {
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
		-webkit-box-shadow: inset -3px 0px 7px 0px rgba(0, 0, 0, 0.5);
		-moz-box-shadow: inset -3px 0px 7px 0px rgba(0, 0, 0, 0.5);
		box-shadow: inset -3px 0px 7px 0px rgba(0, 0, 0, 0.5);
		background-color: #8d1723;
		background-image: url(images/bar1.png);
		background-repeat: repeat-x;
		background-position: 0% 5px;
		position: absolute;
		left: -280px;
		top: 0px;
		width: 270px;
		text-align: center;
		padding-top: 40px;
		padding-bottom: 20px;
	}
	.header .inH.sel {
		left: 0px;
	}
	.header .inH::before {
		background: rgb(255, 206, 126);
		background: linear-gradient(90deg, rgba(255, 206, 126, 1) 0%, rgba(206, 149, 55, 1) 23%, rgba(255, 206, 126, 1) 43%, rgba(206, 149, 55, 1) 64%, rgba(255, 206, 126, 1) 84%, rgba(206, 149, 55, 1) 100%);
		content: "";
		display: block;
		height: 5px;
		width: 100%;
		position: absolute;
		top: 0px;
		left: 0px;
	}
	.header .inH.sel .mbClick {
		display: block;
		position: absolute;
		cursor: pointer;
		width: 15px;
		height: 23px;
		background-image: url(images/ar3.png);
		background-repeat: no-repeat;
		top: 40px;
		right: -24px;
	}
	.header .inH0 .mbClick {
		top: 50%;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		width: 35px;
		height: 23px;
		background-image: url(images/mb_click.png);
		background-repeat: no-repeat;
		position: absolute;
		left: 10px;
		cursor: pointer;
	}
	.header .inH0 .ttx {
		background: -webkit-linear-gradient(45deg, rgba(255, 206, 126, 1) 0%, rgba(206, 149, 55, 1) 23%, rgba(255, 206, 126, 1) 43%, rgba(206, 149, 55, 1) 64%, rgba(255, 206, 126, 1) 84%, rgba(206, 149, 55, 1) 100%);
		background-clip: border-box;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		display: inline-block;
		font-family: BSRU BANSOMDEJ;
		font-size: 18px;
		font-weight: bold;
		line-height: 35px;
	}
	.header .inH0 .bxLg {
		top: 50%;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		right: 20px;
		position: absolute;
	}
	.header .inH .logo {
		float: none;
	}
	.header .inH .logo img {
		width: 70px;
	}
	.header .inH .txt_logo_mb {
		display: block;
	}
	.header .inH .txt_logo_mb .t1, .header .inH .txt_logo_mb .t2 {
		background: -webkit-linear-gradient(45deg, rgba(255, 206, 126, 1) 0%, rgba(206, 149, 55, 1) 23%, rgba(255, 206, 126, 1) 43%, rgba(206, 149, 55, 1) 64%, rgba(255, 206, 126, 1) 84%, rgba(206, 149, 55, 1) 100%);
		background-clip: border-box;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
	.header .inH .txt_logo_mb .t1 {
		font-family: DFKai-SB;
		font-size: 26px;
	}
	.header .inH .txt_logo_mb .t2 {
		font-family: BSRU BANSOMDEJ;
		font-size: 18px;
		font-weight: bold;
	}
	.header .inH .brLink {
		float: none;
		padding-top: 15px;
	}
	.header .inH .brLink .lnk {
		display: block;
		text-align: left;
		padding-left: 30px;
		margin-bottom: 5px;
		margin-right: 30px;
	}
	.header .inH .brLink .lnk::after {
		display: none;
	}
	.header .inH .brLink .lnk.sel {
		-moz-border-radius: 0px 500px 500px 0px;
		-webkit-border-radius: 0px 500px 500px 0px;
		border-radius: 0px 500px 500px 0px;
		background: rgb(255, 206, 126);
		background: linear-gradient(90deg, rgba(255, 206, 126, 1) 0%, rgba(206, 149, 55, 1) 23%, rgba(255, 206, 126, 1) 43%, rgba(206, 149, 55, 1) 64%, rgba(255, 206, 126, 1) 84%, rgba(206, 149, 55, 1) 100%);
		color: #8d1723;
	}
	.header .inH .brLink .lnk .lnkSub {
		position: static;
		padding-left: 20px;
	}
	.header .inH .brLink .lnk.subOpen{
		background-image: url(images/ar7.png);
	}
	.header .inH .brLink .lnk.subOpen .lnkSub {
		display: block;
	}
	.header .inH .brLink .bxLg {
		display: block;
		padding-left: 30px;
		padding-right: 30px;
	}
	.header .inH .brLink .bxLg::before {
		content: "";
		display: block;
		background: rgb(255, 206, 126);
		background: linear-gradient(90deg, rgba(255, 206, 126, 1) 0%, rgba(206, 149, 55, 1) 23%, rgba(255, 206, 126, 1) 43%, rgba(206, 149, 55, 1) 64%, rgba(255, 206, 126, 1) 84%, rgba(206, 149, 55, 1) 100%);
		height: 3px;
		width: 100%;
		margin-bottom: 10px;
	}
	.header .inH .brLink .lnkLg {
		margin-left: 10px;
		margin-right: 10px;
	}
	.Main {
		margin-top: 70px;
	}
	.barBottom {
		display: block;
		position: fixed;
		bottom: 0px;
		left: 0px;
		width: 100%;
		z-index: 5;
		background-color: #8d1723;
		font-size: 13px;
	}
	.barBottom .icoBb {
		display: block;
		float: left;
		width: 20%;
		text-align: center;
		color: #fff;
		padding-top: 30px;
		padding-right: 10px;
		padding-left: 10px;
		padding-bottom: 10px;
		background-repeat: no-repeat;
		background-position: center 10px;
	}
	.barBottom .icoBb.sel {
		color: #edb864;
	}
	.barBottom .icoBb.icoBb1 {
		background-image: url(images/ico-mb-11.png);
	}
	.barBottom .icoBb.icoBb2 {
		background-image: url(images/ico-mb-21.png);
	}
	.barBottom .icoBb.icoBb3 {
		background-image: url(images/ico-mb-31.png);
	}
	.barBottom .icoBb.icoBb4 {
		background-image: url(images/ico-mb-41.png);
	}
	.barBottom .icoBb.icoBb5 {
		background-image: url(images/ico-mb-51.png);
	}
	.barBottom .icoBb.sel.icoBb1 {
		background-image: url(images/ico-mb-12.png);
	}
	.barBottom .icoBb.sel.icoBb2 {
		background-image: url(images/ico-mb-22.png);
	}
	.barBottom .icoBb.sel.icoBb3 {
		background-image: url(images/ico-mb-32.png);
	}
	.barBottom .icoBb.sel.icoBb4 {
		background-image: url(images/ico-mb-42.png);
	}
	.barBottom .icoBb.sel.icoBb5 {
		background-image: url(images/ico-mb-52.png);
	}
	/*==========================================================================*/
}
@media (max-width:517px) {
	/*==========================================================================*/
	.barBottom {
		font-size: 10px;
	}
	.header .inH0 .ttx {
		font-size: 10px;
		line-height: 17px;
		padding-top: 1px;
	}
	.header .inH0 .ttx br {
		display: inline;
	}
	/*==========================================================================*/
}
@media (max-width:367px) {
	/*==========================================================================*/
	/*==========================================================================*/
}