<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">
/* Reset */
.nav-bar,
.nav-bar a,
.nav-bar ul,
.nav-bar li,
.nav-bar div,
.nav-bar form,
.nav-bar input {
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
	        
	text-decoration: none;
	list-style: none;
}  
/*.nav-bar a { text-decoration: none; }
.nav-bar li { list-style: none; }*/
        
        
.nav-bar ul { display: none; }     /* แก้กลับ: block =&gt; none */
    .nav-bar li:hover &gt; ul { display: block; list-style: none; }
        
        
.nav-bar 
{
    width: 1229px;  /*NEW_211160_1647*/
    height: 42px;
    background-color: #222222;
	font-family: Arial, sans-serif, Helvetica;
	/*font-size: 12pt;
	background: #8e8e8e;
	background: linear-gradient(top, #8e8e8e 0%, #5a5a5a 40%);
	background: -moz-linear-gradient(top, #8e8e8e 0%, #5a5a5a 40%);
	background: -webkit-linear-gradient(top, #292929 0%, #272727 0%, #2d2d2d 0%);       /*OLD: top, #8e8e8e 0%,#5a5a5a 40%*/
	/*box-shadow: 0px 0px 9px rgba(0,0,0,0.15);*/
	/*padding: 0 142px 0 0;*/
	
	/*NEW_211160: v3_CSS*/
	/*background: #565656;
	background: linear-gradient(to top, #565656 10%, #414141 55%, #2d2d2d 30%);
	background: -moz-linear-gradient(top, #565656 10%, #414141 55%, #2d2d2d 30%);
	background: -webkit-linear-gradient(top, #565656 10%, #414141 55%, #2d2d2d 30%);
	background: -o-linear-gradient(top, #565656 10%, #414141 55%, #2d2d2d 30%);*/
	
	/*NEW_211160: v3_CSS*/
	/*margin-top: 10px;*/
	
	border-radius: 0;
	list-style: none;
	position: relative;
	display: flex; /*display: inline-table; -- 260318 */
	color: #fff;
	/*NEW_211160: border: 1px solid green;*/
}
    .nav-bar:after { content: ""; clear: both; display: block; }
        
        
.nav-bar li { float: left;}

.nav-bar li#rootmenu {
    background-color: #222222;
    width: 208px;
    border-left: 1px solid #222222;
    border-right: 1px solid #222222;
    border-top: 1px solid #222222;
}   

.nav-bar li:hover {     /*li:hover ทำให้ค้างคงอยู่ เวลาเลื่อนลงมาเมนูย่อยถัดไป ต่างกับ li a:hover ที่ไม่ค้าง*/
						
	/*NEW_211160: v3_CSS*/
	/*background: #272727;
	background: linear-gradient(180deg, #2d2d2d, #2a2a2a);
	background: -moz-linear-gradient(180deg, #2d2d2d, #2a2a2a);
	background: -webkit-linear-gradient(180deg, #2d2d2d, #2a2a2a);
	background: -o-linear-gradient(180deg, #2d2d2d, #2a2a2a);*/
	
	
	/*background: url(../hdr-images/menubar1.jpg);
	background-repeat: no-repeat;*/
}
.nav-bar li a {
	display: block;
	
	/*NEW_211160: v3_CSS*/
	/*padding: 3px 50px 10px 50.7px;*/
	
	color: #fff;
	text-decoration: none;
	/*NEW_211160: border: 1px solid blue;*/
}

.nav-bar li a#rootmenu {
	text-align: center;
	margin-top: 10px;
	font-size: 19px;
	color: #fefefe;
}

.nav-bar li#rootmenu:hover {     /*li:hover ทำให้ค้างคงอยู่ เวลาเลื่อนลงมาเมนูย่อยถัดไป ต่างกับ li a:hover ที่ไม่ค้าง*/
	background-color: #3f3f3f;
	border-radius: 5px 5px 0px 0px;
}
/*---------------------------------CLEAR*/
     
        
.nav-bar ul {   /*GrpLst*/
    width: auto;
    max-width: 210px;
	background: #f8f8f8;
	border-radius: 0px;
	/*padding: 14px 0 0 0;*/
	position: absolute;
	top: 100%;
	
	/*NEW_211160: v3_CSS*/
	/*margin-top: -1px;*/
}


/*+++++++++++++++++++++++++++++++*/
.nav-bar ul li &gt; a {     /*.nav-bar ul &gt; li &gt; a */
    z-index: 510;
    position: relative;
	display: block;
	width: 189px;
	height: 25px;
	padding: 0 10px;    /*AA*/
	line-height: 25px;
	font-family: Arial, sans-serif, Helvetica;
	font-size: 14px;
	color: #333333;
	background: #f8f8f8;
	border-top: 1px solid #f8f8f8;
    border-bottom: 1px solid #f8f8f8;
    /*NEW_211160: */
    margin-left: -1px;
}
.nav-bar ul &gt; li:hover &gt; a {    /*09-11-58 แก้ไขไม่ให้เมนู All Cat มีหมวกเวลาเอาเม้าท์ไปวาง*/
    background: #fff;
    border-top: 1px solid #d4d4d4;
    border-bottom: 1px solid #d4d4d4;
    /*border-left: 0 solid #d4d4d4;*/
    border-right: 2px solid #fff;       /*BB: ขอบขวาขาวทับ div*/
	color: #ff7519;
	font-weight: bold;
}

/*---# ช่วยให้ลูกศรสีส้มค้างไว้ เมื่อเลื่อนเม้าไป content div #---*/
.nav-bar ul &gt; li:hover &gt; a.arrow-right {    
    background-image: url(o-arrow.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
/*+++++++++++++++++++++++++++++++*/



/*+++++++++++++++++++++++++++++++*/
/* Menu Dropdown */
.nav-bar li &gt; div 
{
    z-index: 500;
	position: absolute;
	/*display: block;
	width: auto;
	min-width: 424px;
	height: auto;*/
	min-height: 200px;
	margin: -60px 0;
	left: 100%;
	opacity: 0;
	visibility: hidden;
	overflow: hidden;
	background: #ffffff;
	border-radius: 3px 3px 3px 3px;
	border: 1px solid #ffffff;      /*เพิ่มเพื่อกันกรอบกระตุก*/

    /* sub menu ค่อยๆขึ้น */
	-webkit-transition: all .3s ease .15s;
	-moz-transition: all .3s ease .15s;
	-o-transition: all .3s ease .15s;
	-ms-transition: all .3s ease .15s;
	transition: all .3s ease .15s;
}
    .nav-bar li:hover &gt; div {
	    opacity: 1;
	    visibility: visible;
	    overflow: visible;
	    border: 1px solid #dadada;
    }
/*+++++++++++++++++++++++++++++++*/



/*+++++++++++++++++++++++++++++++*/
/* Menu Content Styles */
.nav-bar .nav-column {
	float: left;
	/*width: 170px;*/
	
	width: auto;
	min-width: 200px;
    max-width: 300px;
    white-space: nowrap;
	
	font-family: Arial, sans-serif, Helvetica;
	padding: 15px 20px 10px 20px;
	border: 1px solid white;        /*อาจ Delete*/
	border: 0 solid green;
}
.nav-bar .nav-column2 { float:right; }  /*Tips: กำหนด nav-column2 มีคุณสมบัติ float:right เพื่อให้คอลัมน์บล็อคที่3 ต่อชิดท้ายกรอบ คอลัมน์บล็อคที่1*/
.nav-bar .clear{ clear:both; line-height:0; height:0; font-size: 1px; border: 0px solid red; }
/*+++++++++++++++++++++++++++++++*/
        
        
        
/*+++++++++++++++++++++++++++++++*/
/*Cat Lv1*/
.nav-bar li &gt; div h3 {
	margin: 0 0 10px 0;
	line-height: 18px;
	font-weight: normal;
	font-size: 16px;
	color: #0f0;
	background: #fff;
	border: 0 solid red;
}
.nav-bar li &gt; div h3 a { background: #fff;color: #1686cc; padding: 0; }
.nav-bar li &gt; div h3 a:hover { color: #ff7519; }
/*+++++++++++++++++++++++++++++++*/



/*+++++++++++++++++++++++++++++++*/
/*Cat Lv2*/
.nav-bar a.lv2lst {display: block;font-size: 13px;color: #333333;padding: 5px 0;}
.nav-bar a.lv2lst:hover { color: #ff7519; text-decoration: underline; }
.nav-bar a.viewallcat { color: #999999; font-size: 13px; padding: 0; }
.nav-bar a.viewallcat:hover { color: #999999; text-decoration: underline; }
/*+++++++++++++++++++++++++++++++*/



/*+++++++++++++++++++++++++++++++(LLL)*/
/*Cat Lv3*/
.nav-bar div.box-catlv3 
{
    z-index: 550;
    position: absolute;
	display: block;
	padding: 10px 20px;
	min-width: 120px;
	min-height: 25px;
	
	margin-top: -25px;
	margin-left: 130px;
	
	background: #ffffff;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	border: 1px solid #dadada;

    /* sub menu ค่อยๆขึ้น */
	-webkit-transition: all .3s ease .15s;
	-moz-transition: all .3s ease .15s;
	-o-transition: all .3s ease .15s;
	-ms-transition: all .3s ease .15s;
	transition: all .3s ease .15s;
}

.nav-bar div.box-catlv3 {display: none;}
.nav-bar div.box-catlv3:hover {display: block;list-style: none;}        /*-- ให้ div(Lv3) โชว์ค้างไว้ เมื่อเม้าท์วางบน div(Lv3) นี้ --*/
/*--------------------*/
.nav-bar a.showlv3lst {display: block; font-size: 13px;color: #333333;padding: 5px 0;}
.nav-bar a.showlv3lst:hover {color: #ff7519;text-decoration: underline;}
.nav-bar a.showlv3lst:hover + div.box-catlv3 {display: block;}
.nav-bar a.showlv3lst:after {content: url(g-arrow.gif);padding-left: 5px;vertical-align:middle;}
.nav-bar a.showlv3lst:hover:after {content: url(o-arrow.gif);padding-left: 5px;vertical-align:middle;}

.nav-bar a.lv3lst {display: block;font-size: 13px;color: #333333;padding: 5px 0;}
.nav-bar a.lv3lst:hover {color: #ff7519;text-decoration: underline;}
/*+++++++++++++++++++++++++++++++*/



/*+++++++++++++++++++++++++++++++*/
/*.nav-bar a.arrow-right:first-child:hover { background-image: url(o-arrow.gif); }*/   
.nav-bar a.arrow-right {
    background-image: url(g-arrow.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
.nav-bar a.arrow-right:hover {
    background-image: url(o-arrow.gif);
    background-repeat: no-repeat;
    background-position: right center;
}
/*+++++++++++++++++++++++++++++++*/

.nav-bar .menubar{
	width: 204.8px;
	height: 37px;
	background-color: #2b2b2b;
	text-align: center;
	margin-top: 5px;
	font-size: 18px;
}</pre></body></html>