@font-face{font-family:icon-font;src:url(../fonts/icon-font.eot);src:url(../fonts/icon-font.eot?#iefix) format('eot'),url(../fonts/icon-font.woff) format('woff'),url(../fonts/icon-font.ttf) format('truetype'),url(../fonts/icon-font.svg#icon-font) format('svg')}
.icon-desktop:before,.icon-menu-close:before,.icon-menu:before,.icon-mobile:before,.icon-submenu-down:before,.icon-submenu-right:before,.icon-world:before,.nav .nav-submenu>a:after,.nav-button:before,.nav-close:before,.nav>ul>.nav-submenu>a:after,header h1:before{font-family:icon-font;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-variant:normal;font-weight:400;text-decoration:none;text-transform:none;vertical-align:top}.icon-desktop:before{content:"\E001"}.icon-menu-close:before{content:"\E002"}.icon-menu:before{content:"\E003"}.icon-mobile:before{content:"\E004"}.icon-submenu-down:before{content:"\E005"}.icon-submenu-right:before{content:"\E006"}

/*สีพื้นหลัง สัญลักษณ์ จอคอม หรือมือถือ*/
.icon-world:before{content:"\E007"}body{padding-top:4.4rem}header{display:block;position:fixed;top:0;left:0;right:0;z-index:901;padding-left:10px;line-height:4.4rem;background:#ffffff;color:#A69A94}header h1{margin:0;font-size:1.7rem;line-height:4.4rem}header h1:before{content:"\E004";margin-right:8px}

/*ปุ่ม Menu เล็กๆเมื่อย่อหน้าจอ*/
.nav-button,.nav-close{position:fixed;top:0;width:2.4rem;height:4.4rem;overflow:hidden;z-index:902;cursor:pointer;text-decoration:none;line-height:4.4rem; background:#ffffff;color:#3c312e}

.nav-button:before,.nav-close:before{display:block;text-align:center}
.nav-button{display:block;right:1rem;font-size:1.7rem}
.nav-button:before{content:"\E003"}
.nav-close{display:none;right:4rem;font-size:1.9rem}

/*สีพื้นหลัง Menu เมื่อย่อหน้าจอ*/
.nav-close:before{content:"\E002"}.nav{padding-top:4.4rem;line-height:4.4rem;background:#4c9582;color:#ffffff}
/*สีพื้นหลังปุ่ม Menu ทั้งหมด*/
.nav ul{border-radius:0 0 6px 6px;background:#4c9582}
/*สีพื้นหลังปุ่ม SubMenu ชั้นแรกทั้งหมด*/
.nav ul ul{background:#4c9582}
/*สีพื้นหลังปุ่ม SubMenu ชั้นที่สองทั้งหมด*/
.nav ul ul ul{background:#ffffff}
/*สีพื้นหลังปุ่ม SubMenu ชั้นที่สามทั้งหมด*/
.nav ul ul ul ul{background:#ffffff}
/*พื้นหลังปุ่ม SubMenu ชั้นที่สี่ทั้งหมด*/
.nav ul ul ul ul ul{background:#ffffff}
/*สีเส้น ระหว่างเมนู*/
.nav li{border-top:1px solid #59544F;cursor:pointer}
.nav li.nav-active>a,
/*สีตัวหนังสือ เมื่อเอาเม้าส์ไปชี้ และสีพื้นหลัง*/
.nav li:hover>a{color:#ffffff;background:#4396db}
.nav .nav-submenu>ul{margin-left:10px}
.nav .nav-submenu>a{padding-right:30px!important}
/*สีตัวหนังสือ เมนูทั้งหมอ*/
.nav a,.nav a:active,.nav a:hover,.nav a:visited{border-radius:6px;padding:0 15px 1px;color:#ffffff;text-decoration:none}
.nav .nav-submenu>a:after{position:absolute;display:block;right:10px;top:1px;content:"\E005"}@media only screen and (min-width:960px){body{padding:0!important}header{position:relative}header h1:before{content:"\E001"}
	.nav-button{display:none}
	.nav{padding:0!important}
	.nav>ul>li{border-top:none}
	.nav li>ul{box-shadow:0 0 5px 0 rgba(0,0,0,.75)}
	.nav ul ul ul{border-radius:0 6px 6px}
	.nav ul ul ul li:first-child{border-top:none}
	.nav .nav-left>ul{border-radius:6px 0 6px 6px}
	.nav .nav-submenu li{min-width:110px}
	.nav .nav-submenu>ul{margin:0}
	.nav>ul>.nav-submenu>a:after{content:"\E005"}
	.nav .nav-submenu>a:after{content:"\E006"}}