.body  {
	margin-left: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-size: 11px !important;
	color: #ffffff;
}
/*body{
	-webkit-filter: grayscale(100%) !important;filter: 
	grayscale(100%) !important;
}*/
.text_read_only {
    background-color:#CCCCCC;
}


th,td
{ 
	font:12px ms sans serif;
	color: #222222; 
}

.input
{
	font:12px ms sans serif;
	height: 25px;
	color: #000000; 
	background:#ffffff;
	border : 1px solid #cccccc;
}
.input2
{
	font:12px ms sans serif;
	height: 25px;
	color: #000000; 
	background:#ffffff;
	border : 1px solid #cccccc;
	cursor:pointer;
}
a:link,  a:visited{ text-decoration:none; color:#000000; }
a:hover{ color:#0054A6; text-decoration:none; }

a.menu:link,  a.menu:visited{ text-decoration:none; color:#ffffff; }
a.menu:hover{ color:#63FFFF; text-decoration:none; }
/* ====================================================================== */

/* ====================================================================== */

.basic-cl-header
{
	color: white;
	font-family: microsoft sans serif;
	font-size: 9pt;
	background-color: #000000;
	height : 18px;
}
.basic-cl-body {
	border: 2px solid #000000;
}

/* ��͹�Ѩ�غѹ */
.basic-cl-on-month {
	font-family: microsoft sans serif;
	font-size: 9pt;
	background-color:#ffffff;
	text-align: center;
	border:  1px solid silver;
	padding-left: 6px;
	padding-right: 6px;
}
.basic-cl-on-month-lit {
	font-family: microsoft sans serif;
	font-size: 9pt;
	background-color: #FF0101;
	color: white;
	text-align: center;
	border:  1px solid silver;
	padding-left: 6px;
	padding-right: 6px;
}

/* ��͹��͹˹�� - �Ѵ� */
.basic-cl-off-month {
	font-family: microsoft sans serif;
	font-size: 9pt;
	background-color: #dedede;
	color: #000000;
	text-align: center;
	border:  1px solid silver;
	padding-left: 6px;
	padding-right: 6px;
}
.basic-cl-off-month-lit {
	font-family: microsoft sans serif;
	font-size: 9pt;
	background-color: #999999;
	color: #ffffff;
	text-align: center;
	border:  1px solid silver;
	padding-left: 6px;
	padding-right: 6px;
}


/* popup year and month */
.basic-cl-year {
	border: 1px solid black;
	background-color:white;
	font-size: 9pt;
	font-family: microsoft sans serif;
	text-align: center;
	padding-left: 1.5px;
	padding-right: 1.5px;
}
.basic-cl-year-lit {
	background-color: #FFF200;
	border: 1px solid black;
	border-collapse: collapse;
	font-size: 9pt;
	font-family: microsoft sans serif;
	text-align: center;
	padding-left: 1.5px;
	padding-right: 1.5px;
}

.basic-cl-day {
	background-color: #FF0101;
	text-align: center;
	font-size: 9pt;
	font-family: microsoft sans serif;
	color: #ffffff;
	padding-left: 6px;
	padding-right: 6px;
	border:  1px solid silver;
}

.menu {
	font-family: "Tahoma";
	font-size: 11px;
	color: #5A18E4;
	font-weight:"" ;
	TEXT-DECORATION: "";
}
.menu A:link {
	font-family: "Tahoma";
	font-size: 12px;
	color: #5A18E4;
	font-weight:"" ;
	TEXT-DECORATION: none;
	}
.menu A:visited {
	font-family: "Tahoma";
	font-size: 12px;
	color: #5A18E4;
	font-weight:"" ;
	TEXT-DECORATION: none;
}
.menu1 A:hover {
	font-family: "Tahoma";
	font-size: 14px;
	font-weight: "";
	color: #3300FF;
	TEXT-DECORATION: none;
}
.catalog {
	font-family: "Tahoma";
	font-size: 12px;
	color: #808080;
	font-weight: bold;
}
.catalog A:link {
	font-family: "Tahoma";
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	TEXT-DECORATION: none;
	}

.catalog A:visited {
	font-family: "Tahoma";
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	TEXT-DECORATION: none;
}
.catalog A:hover {
	font-family: "Tahoma";
	font-size: 12px;
	color: #FF6600;
	font-weight: bold;
	TEXT-DECORATION: none;
}
.catalog1 {
	font-family: "Tahoma";
	font-size: 12px;
	color: #000000;
}
.catalog1 A:link {
	font-family: "Tahoma";
	font-size: 12px;
	color: #000000;
	TEXT-DECORATION: none;
	}
.catalog1 A:visited {
	font-family: "Tahoma";
	font-size: 12px;
	color: #000000;
	TEXT-DECORATION: none;
}

.catalog1 A:hover {
	font-family: "Tahoma";
	font-size: 12px;
	color: #FF6600;
	TEXT-DECORATION: none;
}
.catalog2 {
	font-family: "Tahoma";
	font-size: 16px;
	color: #000000;
	font-weight: bold;
}
.catalog2 A:link {
	font-family: "Tahoma";
	font-size: 16px;
	color: #FF6600;
	font-weight: bold;
	TEXT-DECORATION: none;
	}
.catalog2 A:visited {
	font-family: "Tahoma";
	font-size: 16px;
	color: #FF6600;
	font-weight: bold;
	TEXT-DECORATION: none;
}
.catalog2 A:hover {
	font-family: "Tahoma";
	font-size: 16px;
	color: #FF6600;
	font-weight: bold;
	TEXT-DECORATION: none;
}
.cart {
	font-family: "Tahoma";
	font-size: 12px;
	color: #3300FF;
	font-weight: bold;
}
.text_big {
	font-family: "Tahoma";
	font-size: 16px;
	color: #000000;
	font-weight: none;
}
.text_head {
	font-family: "Tahoma";
	font-size: 15px;
	color: #3300FF;
	font-weight: none;
}
.text_headd {
	font-family: "Tahoma";
	font-size: 14px;
	color: #3300FF;
	font-weight: none;
}
.text {
	font-family: "Tahoma";
	font-size: 13px;
	color: #000000;
	font-weight: none;
}
.text_black {
	font-family: "Tahoma";
	font-size: 14px;
	color: #000000;
	font-weight: none;
}
.text_white {
	font-family: "Tahoma";
	font-size: 14px;
	color: #FFFFFF;
	font-weight: none;
}
.text_white_small {
	font-family: "Tahoma";
	font-size: 11px;
	color: #FFFFFF;
	font-weight: none;
}
.text_small {
	font-family: "Tahoma";
	font-size: 11px;
	color: #000000;
	font-weight: none;
}
.text_blue {
	font-family: "Tahoma";
	font-size: 16px;
	color: #4B2DF7;
	font-weight: none;
}
.text_small10 {
	font-family: "Tahoma";
	font-size: 10px;
	color: #3300FF;
	font-weight: none;
}
.text A:link {
	font-family: "Tahoma";
	font-size: 12px;
	color: #6666CC;
	TEXT-DECORATION: none;
	}
.text A:visited {
	font-family: "Tahoma";
	font-size: 12px;
	color: #6666CC;
	TEXT-DECORATION: none;
}
.text A:hover {
	font-family: "Tahoma";
	font-size: 12px;
	color: #6666CC;
	TEXT-DECORATION: none;
}
.text1 {
	font-family: "Tahoma";
	font-size: 12px;
	color: #FF6600;
	font-weight: none;
}
.text2 {
	font-family: "Tahoma";
	font-size: 12px;
	color: #6666CC;
	font-weight: none;
}
.angsana {
	font-family: "AngsanaUPC";
	font-size: 19px;
	color: #3300FF;
	font-weight: bold;
}
.text10 {
	font-family: "Tahoma";
	font-size: 10px;
	color: #3300FF;
	font-weight: none;
}
.top {
	font-family: "Tahoma";
	font-size: 10px;
	color: #FF6600;
	font-weight: bold;
}
.top A:link {
	font-family: "Tahoma";
	font-size: 12px;
	color: #FF6600;
	TEXT-DECORATION: bold;
	}

.top A:visited {
	font-family: "Tahoma";
	font-size: 12px;
	color: #FF6600;
	TEXT-DECORATION: bold;
}
.top A:hover {
	font-family: "Tahoma";
	font-size: 12px;
	color: #FF6600;
	TEXT-DECORATION: bold;
}
.free {
	font-family: "Tahoma";
	font-size: 12px;
	color: #FF0000;
	font-weight: none;
}
.cost {
	font-family: "Tahoma";
	font-size: 14px;
	color: #FF0000;
	font-weight: bold;
}
.footer {
	font-family: "MS Sans Serif";
	font-size: 10px;
	color: #333333;
}
.copy {
	font-family: "MS Sans Serif";
	font-size: 10px;
	color: #006797;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #FF6600;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #FF6600;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

@media All    
{
ie\:homepage {
	BEHAVIOR: url(#default#homepage)
}
}
.style1 {color: #FFFFFF}
.style2 {color: #31aca9}
.style22 {	font-size: 24px;
	font-weight: bold;
	color: #0000FF;
}
.style30 {font-family: Verdana, Arial, Helvetica, sans-serif; color: #0000FF;}
.style7 {color: #0000FF}
.style8 {color: #33CCFF}
.style12 {color: #0000FF; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; }
.style21 {color: #ebaca9}
.style5 {color: #000000}
.style33 {color: #33CCFF; font-family: sans-serif; }
.style34 {color: #0000FF; font-family: sans-serif; }
.style35 {font-family: sans-serif}
.style36 {color: #ebaca9; font-family: sans-serif; }
.style37 {font-weight: bold; color: #0000FF;}
.style38 {color: #0000FF; font-family: sans-serif; font-weight: bold; }
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #0000FF;
}
a:hover {
	text-decoration: underline;
	color: #FF0000;
}
a:active {
	text-decoration: none;
	color: #66FF00;
}
.style42 {
	color: #0000FF;
	font-size: 36px;
	font-family: sans-serif;
}
.style48 {color: #0000FF; font-size: 18px; }
.style54 {color: #E0F1FB}
.style58 {color: #0000FF}
.style59 {font-size: 40px}