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

ul.tab {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;

}

/* Float the list items side by side --> li เรียงแนวนอน*/
ul.tab li {
	float: left;
	}

/* Style the links inside the list items */
ul.tab li a {
    display: inline;
    color: #555;
    text-align: center;
    padding: 8px 9px;
    text-decoration: none;
    transition: 0.3s;
    font-size: 13px;
	font-weight:bold;
}

/* Change background color of links on hover */
ul.tab li a:hover {
	text-decoration: underline;
}

ul.submenu {
	list-style-type: none; /* ไม่ให้แสดงจุด ของ submenu li */
    margin: 0;
    padding: 0;	
}

ul.submenu li { /* ให้ li submenu เรียงในแนวนอน */
	float: left;
}
	
ul.submenu li a{
	color: #888;
	text-decoration: none;
	font-size: 13px;
	padding: 8px 0px; 
}

ul.submenu li a:hover {
	text-decoration: none;
	color:#06F;
	font-style:italic;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 0px 50px;	
}