img, div, p, span, a { behavior: url(configs/iepngfix.htc) }

*	{
	margin:0px;
	padding:0px;
	outline:none;
}

body	{
	margin:0px;
	padding:0px;
	font-size:11px;
	font-family:Verdana;
	color:#666;
	background:#fcedd7;
}

a:link 		{ color: #000000; text-decoration: none; }
a:visited 	{ color: #000000; text-decoration: none;  }
a:hover 	{ color: #0000FF; text-decoration: none; }
a:active 	{ color: #000000; text-decoration: none;  }
a img 		{ border:none; }

a.jScrollArrowUp {
	background: url(../images/basic_arrow_up.gif) repeat-x 0 0;
	border-left:1px solid #fac399;
	border-right:1px solid #fac399;
	border-top:1px solid #fac399;
}
a.jScrollArrowUp:hover {
	background-position: 0 -15px;
	border-left:1px solid #fac399;
	border-right:1px solid #fac399;
	border-top:1px solid #fac399;
}
a.jScrollArrowDown {
	background: url(../images/basic_arrow_down.gif) repeat-x 0 0;
	border-left:1px solid #fac399;
	border-right:1px solid #fac399;
	border-bottom:1px solid #fac399;
}
a.jScrollArrowDown:hover {
	background-position: 0 -15px;
	border-left:1px solid #fac399;
	border-right:1px solid #fac399;
	border-bottom:1px solid #fac399;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-position: 0 -30px;
}


#content	{
	position:absolute;
	top:50%;
	margin-top:-300px;
	width:100%;
	height:600px;
}

#content #area	{
	margin:auto;
	width:980px;
	height:600px;
}

/* ---------- Language ---------- */
#area #lang	{
	position:absolute;
	margin-left:850px;
	margin-top:10px;
	width:85px;
	height:30px;	
	z-index:4;
}
#lang li	{
	float:left;
	list-style:none;
}
#lang li a	{
	display:block;
	text-indent:-5000px;
	height:30px;
}
#lang li a.lg1	{
	width:45px;
	background:url(../images/topmenu/th.png) no-repeat;
}
#lang li a.lg2	{
	width:40px;
	background:url(../images/topmenu/en.png) no-repeat;
}


/* ---------- Top Menu ---------- */
#area #topmenu	{
	position:absolute;
	margin-left:150px;
	margin-top:10px;
	width:554px;
	height:30px;
	z-index:4;
}
#topmenu li	{
	float:left;
	list-style:none;
}
#topmenu li a	{
	display:block;
	text-indent:-5000px;
	height:30px;
}

#topmenu li a.tp1	{
	width:55px;
	background:url(../images/topmenu/tp1.png) no-repeat;
}
#topmenu li a.tp2	{
	width:59px;
	background:url(../images/topmenu/tp2.png) no-repeat;
}
#topmenu li a.tp3	{
	width:69px;
	background:url(../images/topmenu/tp3.png) no-repeat;
}
#topmenu li a.tp4	{
	width:74px;
	background:url(../images/topmenu/tp4.png) no-repeat;
}
#topmenu li a.tp5	{
	width:64px;
	background:url(../images/topmenu/tp5.png) no-repeat;
}
#topmenu li a.tp6	{
	width:66px;
	background:url(../images/topmenu/tp6.png) no-repeat;
}
#topmenu li a.tp7	{
	width:79px;
	background:url(../images/topmenu/tp7.png) no-repeat;
}
#topmenu li a.tp8	{
	width:64px;
	background:url(../images/topmenu/tp8.png) no-repeat;
}
#topmenu li a.thome	{
	width:24px;
	background:url(../images/topmenu/thome.png) no-repeat;
}


/* ---------- Detail ---------- */
#area #detail	{
	width:700px;
	height:235px;
}
#detail ul , #detail ol	{
	padding-top:10px;
	margin-left:20px;
}
#detail p	{
	padding-bottom:15px;
}

/* ---------- Copyright ---------- */
#area #copyright	{
	position:absolute;
	text-indent:-5000px;
	background:url(../images/copyright.png) no-repeat;
	margin-left:755px;
	margin-top:550px;
	width:196px;
	height:30px;
}

.box	{
	width:210px;
	font-size:11px;
	padding:5px;
	font-family:Verdana;
	border:1px solid #ccc;
}
.but	{
	padding:6px 12px 6px 12px;
	font-family:Verdana;
	font-size:11px;
	color:#333;
	background:#ccc;
	border:none;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}
.td1	{
	padding:5px;
}

.gthumb	{
	width:110px;
	height:110px;
	border:1px solid #480000;
	margin-right:8px;
	margin-bottom:8px;
}

.mgthumb	{
	width:80px;
	height:80px;
	border:1px solid #480000;
	margin-right:5px;
	margin-bottom:5px;
}

.ngthumb	{
	width:50px;
	height:50px;
	border:1px solid #ccc;
	margin-right:3px;
	margin-bottom:3px;
}