@charset "utf-8";
/* CSS Document */
.navbar-brand{
	color:#FFF;
	
	
	
	}
/*แทบเมนูด้านบน*/.navbar {
background: #39F;
border-color: #999;

}

/*สีและเส้นขอบปุ่มสี่เหลี่ยม*/.navbar-default .navbar-toggle {
    border-color: #FFF;
	background:#FFF;
}

/*สีแถบเวลาชี้ลิงค์*/#bs-example-navbar-collapse-1 li:hover{
	background:#FFF;
	box-shadow: 0px 5px #000 inset; /*เส้นข้างบนแถบ*/
}
/*สีและขนาดตัวหนังสือตอนยังไม่ชี้ลิงค์ ความกว้างจากขอบต่าง ๆ */.navbar-default .navbar-nav>li>a {
font-size:16px;
color: #fff;

/*padding-top: 15px;
padding-bottom: 1px;
text-transform: uppercase;*/

}

#logo{
	height:100%;
	margin-top:1px;
	margin-right:5px;
	
}




.footer{
	font-size:18px;
	color:#FFF;
	background-color:#39F;
	
	
	
	
	}

/*สีปุ่มตอนยังไม่ชี้*/.btn-1{
							color:#fff;/*สีตัวหนังสือในปุ่ม*/
							background-color:#6962EC;/*สีพื้นหลังปุ่ม*/
							border-color:#6962EC;/*สีเส้นขอบปุ่ม*/
							border-width: 0.5px;/*ขนาดของเส้นขอบปุ่ม*/
							}
/*สีปุ่มตอนชี้*/.btn-1:hover,.btn-1:focus,.btn-1.focus{
					color:#fff;/*สีตัวหนังสือในปุ่ม*/
					background:#33F;/*พื้นหลังปุ่ม*/
					border-color:#6962EC;/*เส้นขอบปุ่ม*/
					border-width: 0.5px;/*ขนาดของเส้นขอบปุ่ม*/
					}
					
					/*สีปุ่มตอนยังไม่ชี้*/.btn-2{
							color:#fff;/*สีตัวหนังสือในปุ่ม*/
							background-color:#F60;/*สีพื้นหลังปุ่ม*/
							border-color:#6962EC;/*สีเส้นขอบปุ่ม*/
							border-width: 0.5px;/*ขนาดของเส้นขอบปุ่ม*/
							}
/*สีปุ่มตอนชี้*/.btn-2:hover,.btn-1:focus,.btn-1.focus{
					color:#fff;/*สีตัวหนังสือในปุ่ม*/
					background:#F66;/*พื้นหลังปุ่ม*/
					border-color:#6962EC;/*เส้นขอบปุ่ม*/
					border-width: 0.5px;/*ขนาดของเส้นขอบปุ่ม*/
					}
					
					
					
					
					
					
					#box3{
	font-size:26px;
	font-style: oblique;
	text-align:center;
	color:#FFF;
	border:#03F;
	
	
	/*dropdown-submenu*/
	
	
	
	
	
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}