﻿@charset "windows-874";
html { border: none; }
body { border-style:none; margin: 0; padding: 0; background: white; font-family: Tahoma, MS Sans-serif; font-size: 13px; }
img { border: none; }

a {
	text-decoration:none;
	text-transform: none;
	cursor:hand;
}

table{
	border-collapse:collapse;
}

LI.list2 {list-style: square inside; color:blue}

#TopBox { position: relative; margin: 0px auto; width: 1000px; height: 180px;  }

#Content { position: relative; margin: 0px auto; width: 1000px; padding: 0 0 30px 0; min-height: 0px;  }

#Content .article { padding: 0 0 20px 0; margin: 20px 0 0 0; border-bottom: 10px solid #efefef; cursor: pointer;}
#Content .article h3 { margin: 20px 0 0 0; font-size: 25px; font-weight: normal; }
#Content .article h3 a {color: Black; text-decoration: none;}
#Content .article p { margin: 0; line-height: 20px; }

#Content .articlesmall { padding: 0 0 10px 0; margin: 10px 0 0 0; }
#Content .articlesmall h3 { margin: 0; font-size: 17px; font-weight: normal; }
#Content .articlesmall a {text-decoration: none; color: black;}

#Content .category { font-size: 10px; text-transform: uppercase; font-weight: bold; color: #f2467c; }

#ContentContainer1 { float: right; position: relative; width: 320px;}
#ContentContainer2 { float: left; position: relative; width: 320px;}
#ContentContainer3 { float: left; margin: 0 0 0 20px; position: relative; width: 320px;}

#FeatureBox1 { position: relative; width: 310px; height: 0px; background: transparent url(/media/layout/featured-b.png) no-repeat top left; cursor: pointer; }
#FeatureBox1 img { position: absolute; top: 4px; left: 4px; border: 1px solid white; width: 300px; height: 308px; }
#FeatureBox1 h1 { position: absolute; left: 14px; top: 320px; width: 288px; font-family: Trebuchet MS, Arial; font-size: 18px; color: White; margin: 0; padding: 0; font-size: 22px; font-weight: normal; text-shadow: 0 0 0 #000; }
#FeatureBox1 a { text-decoration: none; color: White; }

#FeatureBox2 { position: relative; width: 310px; height: 0px; background: transparent url(/media/layout/featured-b.png) no-repeat top left; cursor: pointer; }
#FeatureBox2 img { position: absolute; top: 4px; left: 4px; border: 1px solid white; width: 300px; height: 308px; }
#FeatureBox2 h1 { position: absolute; left: 14px; top: 320px; width: 288px; font-family: Trebuchet MS; font-size: 18px; color: White; margin: 0; padding: 0; font-size: 22px; font-weight: normal; text-shadow: 0 0 0 #000; }
#FeatureBox2 a { text-decoration: none; color: White; }

#FeatureBox3 { position: relative; width: 310px; height: 0px; background: transparent url(/media/layout/featured-b.png) no-repeat top left; cursor: pointer; }
#FeatureBox3 img { position: absolute; top: 4px; left: 4px; border: 1px solid white; width: 300px; height: 308px; }
#FeatureBox3 h1 { position: absolute; left: 14px; top: 320px; width: 288px; font-family: Trebuchet MS; font-size: 18px; color: White; margin: 0; padding: 0; font-size: 22px; font-weight: normal; text-shadow: 0 0 0 #000; }
#FeatureBox3 a { text-decoration: none; color: White; }

/*
.article{
	position: relative; 
	left: 0px; top: 0px; height: auto; width: 300px; 
	padding: 0.5em;
	border-width: 0px 0px 10px 0px; 
	border-style: solid;
	border-color:#bfc5c6;
}

.article1{
	position: relative; 
	left: 340px; top: -430px; height: auto; width: 300px; 
	padding: 0.5em;
	border-width: 0px 0px 10px 0px; 
	border-style: solid;
	border-color:#bfc5c6;
}

.article2{
	position: relative; 
	left: 670px; top: -860px; height: auto; width: 300px; 
	padding: 0.5em;
	border-width: 0px 0px 10px 0px; 
	border-style: solid;
	border-color:#bfc5c6;
}
*/

.HeadTableStyle, .HeadTableStyle TD, .HeadTableStyle TH{	
	background-color:#c0e5f4;
	background-image:url('../images/table_head_bg.jpg');
	border-width: 1px; 
	border-style: solid;
	border-color:#bfc5c6;
}

.TableStyle, .TableStyle TD, .TableStyle TH{	
	border-width: 1px 1px 1px 1px;  
	border-style: solid;
	border-color:#bfc5c6;
}
.TableStyle-, .TableStyle TD, .TableStyle TH{	
	border-width: 0px 0px 0px 0px;  
	border-color:#bfc5c6;
}

.TableStyle1, .TableStyle1 TD, .TableStyle1 TH{	
	background-color:#FFFFFF;
	border-width: 0px 1px 0px 1px;  
	border-style: solid;
	border-color:#bfc5c6;
}

.TableStyle1_1, .TableStyle1_1 TD, .TableStyle1_1 TH{	
	background-color:#FFFFFF;
	border-width: 0px 1px 1px 1px; 
	border-style: solid;
	border-color:#bfc5c6;
}

.TableStyleH, .TableStyleH TD, .TableStyleH TH{	
	background-color:WhiteSmoke;
	border-width: 0px 1px 0px 1px;  
	border-style: solid;
	border-color:#bfc5c6;
}

.TableStyleH_1, .TableStyleH_1 TD, .TableStyleH_1 TH{	
	background-color:WhiteSmoke;
	border-width: 0px 1px 1px 1px; 
	border-style: solid;
	border-color:#bfc5c6;
}

.TableStyle2, .TableStyle2 TD, .TableStyle2 TH{	
	background-color:#e5f5ff;
	border-width: 0px 1px 0px 1px;  
	border-style: solid;
	border-color:#bfc5c6;
}

.TableStyle2_1, .TableStyle2_1 TD, .TableStyle2_1 TH{	
	background-color:#e5f5ff;
	border-width: 0px 1px 1px 1px; 
	border-style: solid;
	border-color:#bfc5c6;
}

.Black14 {
	font-family: Tahoma, MS Sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #480048;
	text-decoration:none;
}

.FreelanceHead {
	font-family: Tahoma, MS Sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #444444;
	text-decoration:none;
}

/*เนื้อหาในเว็บไซต์ Black+Gray Bold*/
.FreelanceText {
	font-family: Tahoma, MS Sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #444444;
	text-decoration:none;
}

/*เนื้อหาในเว็บไซต์ Black*/
.FreelanceText1 {
	font-family: Tahoma, MS Sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration:none;
}

/*เนื้อหาในเว็บไซต์ Gray*/
.FreelanceText2 {
	font-family: Tahoma, MS Sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #585353;
	text-decoration:none;
}

.FreelanceLink {
	font-family: Tahoma, MS Sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #274e90;
	text-decoration:none;
}

.ShortHelp {
	font-family: Tahoma, MS Sans-serif;
	font-size: 11px;
	font-style: italic;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #444444;
	text-decoration:none;
}

.Black14B {
	font-family: Tahoma, MS Sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #480048;
	text-decoration:none;
}

.White14B {
	font-family: Tahoma, MS Sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	text-decoration:none;
}

.Gray11 {
	font-family: Tahoma, MS Sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #585353;
	text-decoration:none;
}

.Blue14B {
	font-family: Tahoma, MS Sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #274e90;
	text-decoration:none;
}

.Blue14 {
	font-family: Tahoma, MS Sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #274e90;
	text-decoration:none;
}

.Blue13 {
	font-family: Tahoma, MS Sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #274e90;
	text-decoration:none;
}

.Blue12Upper {
	font-family: Tahoma, MS Sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: uppercase;
	color: #274e90;
	text-decoration:none;
}

.Red16B {
	font-family: Tahoma, MS Sans-serif;
	font-size: 15px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #bb3e3e;
	text-decoration:none;
}

.Red14B {
	font-family: Tahoma, MS Sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #bb3e3e;
	text-decoration:none;
}

/*f2467c*/
.Red12 {
	font-family: Tahoma, MS Sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #bb3e3e;
	text-decoration:none;
}

.Sky13B {
	font-family: Tahoma, MS Sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #697da5;
	text-decoration:none;
}

.Sky16 {
	font-family: Tahoma, MS Sans-serif;
	font-size: 14px;
	/*font-style: Italic;*/
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #585353;
	text-decoration:none;
}

.Sky24B {
	font-family: Tahoma, MS Sans-serif;
	font-size: 22px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #697da5;
	text-decoration:none;
}

H1 {
	font-family: Tahoma, MS Sans-serif;
	font-size: 26px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #697da5;
	text-decoration:none;
}

H2 {
	font-family: Tahoma, MS Sans-serif;
	font-size: 20px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #697da5;
	text-decoration:none;
}

hr {color:#585353}

.HeadTable {
	font-family: Tahoma, MS Sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration:none;
}

.inputbox {
	font-family: Tahoma, MS Sans-serif;
	font-size: 12px;
	border-width:1px;
	border-color:#444444;
	background-color: #DEF3FE;
	border-top-color: #444444;
	border-right-color: #444444;
	border-bottom-color: #444444;
	border-left-color: #444444;
	border-color: #CCCCCC;
}
.redtext {color: #FF0000}
.bluetext {color:#97D7FD}
