@charset "windows-874";
html {overflow: hidden;}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
  background-color: black;
  color: white;
  margin: auto;
}

#container {
	position: absolute;
	width: 800px;
	height: 438px;
	left: 50%;
	top: 50%;
	margin-left: -400px;
	margin-top: -300px;
}

#text {
  width: 500px;
  height: auto;
  margin-left: 300px;
  padding-left: 20px;
  padding-right: 20px;
  z-index: 5000;
  position: absolute;
}

span {
  font-size: 22px;
  font-weight: bold;
}

a, a:hover {
  color: #ffff99
  background-color: transparent;
  text-decoration: none;
  outline: none;
}

a:hover {
  color: #CCFF99;
  background-color: transparent;
}

.texts {
  display:none;
}

#container img {
  opacity:0;
  visibility:hidden;
}

#textfield img {
  opacity:1;
  visibility:visible;
}
.style97 {color: #FF00FF}
.style102 {font-size: 18px; color: #FFFFFF; font-family: DSU_MonTaNa; }
.style103 {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.style104 {font-size: 12px; color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; }
.style107 {color: #FFFFFF; font-size: 9px;}
.style108 {color: #D39C5F}
.style109 {font-family: DSU_Single}
.style115 {
	font-size: 18px;
	color: #FFFFB3;
}
.style116 {color: #FFFFB3}
.style117 {color: #CCCCFF}
.style118 {
	font-family: DSU_Single;
	color: #CC9900;
	font-size: 16px;
}
.style121 {font-size: 10px}
.style124 {
	font-weight: bold;
	color: #CCCCFF;
	font-size: 12px;
}
.style125 {font-size: 12px}


#Layer1 {
	position:absolute;
	left:446px;
	top:621px;
	width:352px;
	height:41px;
	z-index:1;
}
#Layer2 {
	position:absolute;
	left:458px;
	top:627px;
	width:112px;
	height:27px;
	z-index:2;
	overflow: auto;
}

#Layer3 {
	position:absolute;
	left:362px;
	top:204px;
	width:541px;
	height:180px;
	z-index:1;
	visibility: hidden;
}
#Layer4 {
	position:absolute;
	left:52px;
	top:544px;
	width:215px;
	height:31px;
	z-index:2;
}
#Layer5 {
	position:absolute;
	left:369px;
	top:558px;
	width:558px;
	height:48px;
	z-index:3;
}
#Layer6 {
	position:absolute;
	left:220px;
	top:414px;
	width:914px;
	height:102px;
	z-index:4;
}


#Layer8 {
	position:absolute;
	left:54px;
	top:301px;
	width:116px;
	height:193px;
	z-index:6;
}

#Layer9 {
	position:absolute;
	left:1145px;
	top:7px;
	width:118px;
	height:21px;
	z-index:7;
}

#Layer10 {
	position:absolute;
	left:977px;
	top:521px;
	width:160px;
	height:24px;
	z-index:8;
}
#Layer11 {
	position:absolute;
	left:240px;
	top:9px;
	width:955px;
	height:44px;
	z-index:9;
}
.style126 {
	font-size: 24px;
	color: #FFFFFF;
}
#Layer12 {
	position:absolute;
	left:1147px;
	top:445px;
	width:123px;
	height:119px;
	z-index:10;
}
#Layer13 {
	position:absolute;
	left:1111px;
	top:51px;
	width:117px;
	height:351px;
	z-index:11;
}
.style131 {
	font-size: 14px;
	color: #FFFF33;
}
#Layer14 {
	position:absolute;
	left:702px;
	top:136px;
	width:254px;
	height:200px;
	z-index:12;
}




#miniflex {width: 81%;// ??????????????? Menu (??????????????????????????????????? %)
    float: left;
	font-size: medium; /* could be specified at a higher level */
	margin: 20 0 0 150px;
// ?????? 25 ?????????????????????? , ?????? 150 ????????????????????????
  padding: 0 10px 0 10px;
	border-bottom: 1px solid #aabbcc;
	position:relative;
	z-index:2;
}

#miniflex li {
  float: left;
  margin: 0;
  padding: 0;
  display: inline;
  list-style: none;
  position:relative;
}

#miniflex a:link, #miniflex a:visited {
  float: left;
  font-size: 85%;
  line-height: 20px;
  font-weight: bold;
  margin: 0 25px 0 25px; // ระยะห่างของปุ่ม button ใน menu bar)
  text-decoration: none;
  color: #999999;
}

#miniflex a.active:link, #miniflex a.active:visited, #miniflex a:hover {
  border-bottom: 4px solid #696;
  padding-bottom: 2px;
  color: #999999;
}
  
#animated-tab {
  position: absolute;
  z-index: 1;
  font-size: 85%;
  line-height: 20px;
  padding-bottom: 2px;
  border-bottom: 4px solid #999999;
}

#Layer7 {
	position:absolute;
	left:54px;
	top:199px;
	width:200px;
	height:93px;
	z-index:5;
}