/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

* {
    margin: 0;
    padding: 0;
}

/* Page */

#page {
    width:100%; 
    height:100%; 
    position:relative; 
    margin:0 auto; 
    padding:0 0 10px 0; 
    border:1px solid #DCDAC2; 
    background:#fff; color:#000;
}

/* main */

#main {
    float: none;
    width: 620px;
    padding: 0px 0px 0px 0px;
}

#main p, #main ol, #main ul {
    line-height: 152%;
}

/* Samples */

#sample1, #sample2 {
    float: left;
    width: 295px;
	margin: 0 auto;
	padding: 0;
	display:inline;
	
}

#sample1 {
margin-left: 4px;
padding: 4px 0 10px 0;
}

#sample2 {
    margin-left: 20px;
    padding: 5px 0 5px 0;
}

#sample3 {
    margin-left: 20px;
    padding: 5px 0 10px 0;
}

/* Boxed */

.title {
    border-bottom: 2px solid #29A3E1;
    color:#EC5600;
}

.boxed3 .title {
    font: normal 129% "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.boxed3 .main {
    padding: 5px;
    border:1px solid #FFCC00;
}

.boxed3 ol, .boxed3 ul {
    margin-left: 1em;
}

/* content */
.content2 {
    float: left;
    width: 100%; 
    padding: 0px;
    display: inline;
	
}

.content {
    float: left;
    width: 100%; 
    padding: 0px;
    display: inline;
	
}

/*loginform*/
.welcom {
    font-family: Tahoma;
    font-size: 14px;
    letter-spacing: 1px;
    text-align: left;
    margin: 0px 2px 2px 2px;
    padding: 0px 0 0 4px;
    float: left;
    width:160px;
}

.welcomname {
    float:none;
    font-family: Tahoma;
    font-size: 12px;
    text-align: center;
    background-color: #E6E7E7;
    background-position: 0% 0%;
    color: #5C5C5C;
    height: 15px;
    width: 160px;
    border-bottom: 1px solid #CFD0D0;
    margin: 0 auto;
    padding: 3px 3px 3px 4px;
    display: block;
}

#title {
    float:left;
    width:622px;
    font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
    margin:0 0 10px 0;
    font-size: 25px;
    color:#FF8000;
    background:url(../images/hdr_pop.gif) no-repeat left top; 
    padding:5px 0 5px 5px;
}

#title2 {
    float:none;
    width:622px;
    font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
    margin:0 0 10px 0;
    font-size: 25px;
    color:#809B30;
    background:url(../images/hdr_pop2.gif) no-repeat left top; 
    padding:5px 0 5px 5px; 
}

/*main menu */
div.img_menu
{
  margin: 2px;
  border: 1px solid #0000ff;
  height: auto;
  width: auto;
  float: left;
  text-align: center;
}   
div.img_menu img_menu
{
  display: inline;
  margin: 3px;
  border: 1px solid #ffffff;
}
div.img_menu a:hover img {border: 1px solid #0000ff;}
div.detail
{
  text-align: center;
  font-weight: normal;
  width: 120px;
}
.posttbox{
background-color: #F3F3F3;
width: 98%;
padding: 10px;
}

#searchbox{
background-color: #F3F3F3;
background-position: 0% 0%;
width: 590px;
height: 100%;
margin: 0 auto;
padding: 2px;
border: 1px solid #CDCDCD;
position: relative;
display: block;
float:none;
vertical-align: middle;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#commentbox{
background-color: #F3F3F3;
background-position: 0% 0%;
width: 450px;
height: 100%;
margin: 0 0 0 10px;
padding: 5px;
border: 1px solid #CDCDCD;
position: relative;
display: block;
}

/*webboard reply*/
 #forum_reply  {
margin : 5px 0 0 0;
width : 550px;
/*border: 1px solid #000;*/
}
#forum_reply .table_reply {
margin-bottom : 4px;
width : 100%;
}
#forum_reply .table_reply p{
margin :5px 5px 5px 0;
display: block;
}
#forum_reply .table_reply img.usericon { /* รูปของuser*/
border : 3px solid #f3f3f3;
margin-top: 15px;
}
#forum_reply .table_reply td {
position : relative;
display: table-cell;
vertical-align: top;
/*border: 1px solid #000;*/
}
#forum_reply .table_reply img.arrow {
position : absolute;
padding-left: 5px;
padding-top: 1px;
margin-bottom: 0px;
display: block;
left: 5px;
bottom: -11px;
z-index : 555;
}
#forum_reply .table_reply .detail {
float: left;
border : 1px solid #339999;
background-color : #f3f3f3;
margin: 0 auto;
padding : 5px 5px 5px 5px;
position : relative;
width: 535px;
display: block;
text-align: left;
}
#forum_reply .table_reply img {
vertical-align : middle;
}
#forum_reply .table_reply .reaction { /*ส่วนของรายละเอียดผู้ตอบ*/
top: 10px;
margin: 15px 0 12px 0;
display: block;
line-height: 20px;
text-align: left;
}
#forum_reply .table_reply .hd { /*ส่วนของรายละเอียดผู้ตอบ*/
margin: 5px 0 10px 0;
display: block;
font-size: 12px;
line-height: 15px;
text-align: left;
}
/*
#forum_reply .table_reply .reaction a {
background : url(../img/email.gif) no-repeat 0 50%;
padding-left : 20px;
}
*/
#forum_reply .table_reply a.picture {
display : block;
}
#forum_reply .table_reply img.delete {
margin-left : 5px;
}
#forum_reply .table_reply .sender {
cursor : pointer;
}
#forum_reply div.detail img.quote {
position : absolute;
right : 0;
top : 0;
margin : 5px 5px 0 0;
cursor : pointer;
z-index : 555;
}
#forum_reply div.detail span.edit {
position : absolute;
right : 0;
top : 0;
width : 13px;
height : 13px;
margin : 5px 25px 0 0;
cursor : pointer;
z-index : 555;
background : url(edit.png) center 0%;
} 

div#warper-splittop {
width : 580px;
float : none;
margin: 0 auto;
padding : 0 5px 10px 5px;
display : table;
text-align: right;
}
div#warper-split {
width : 600px;
float : left;
}
div#warper-split .splitpage  {
margin-top: 0 auto;
margin-bottom: 30px;
padding : 0;
border-bottom : 1px dashed #eeeeee;
border-top : 1px dashed #eeeeee;
width : 600px;
display : table;
}
div#warper-split .splitpage * {
margin : 0 0 0 0;
padding : 0.3em 0.5em;
text-align : center;
font-size : 100%;
cursor : pointer;
font-family : Arial, Helvetica, Sans-Serif;
float : left;
}
div#warper-split .splitpage a {
border : 1px solid #cccccc;
text-decoration : none;
margin : 3px 0 0 5px;
padding : 0.3em 0.5em;
text-align : center;
}
div#warper-split .splitpage strong {
background : #f0f7e8;
border : 1px solid #F65A00
}
div#warper-split .splitpage a:hover {
background : #f0f7e8;
border : 1px solid #83bc46;
} 

#bottomline  {
background : url(../images/bottom-content.png) repeat #FFFFFF;
border-bottom : 1px solid #dddddd;
text-align : right;
padding : 5px 5px 5px 5px;
float : none;
width: 585px;
height: 12px;
} 

.btsearch {
border: solid 1px #ccc;
background: #E9ECEF;
color: #666;
font-weight: bold;
font-size: 11px;
padding: 2px;
cursor : pointer;
}
/* jQuery lightBox plugin - Gallery style */
#JQgallery {
	padding: 0;
	width: 620px;
	height:100% !important;
	margin:0 auto;
	/*border: 1px solid #666;*/
}
#JQgallery ul { list-style: none; padding:0; margin:0 auto;}
#JQgallery ul li { display: inline; margin:0 2px 0 0; }
#JQgallery ul img {
	border: 1px solid #ccc;
	padding:4px;
    margin: 0 0 0 4px;
    width:100px;
    height: 66px;
}
#JQgallery ul a:hover img {
	border: 1px solid #666;
	padding:4px;
	color: #fff;
}
#JQgallery ul a:hover { color: #fff; }
.bottom-box1-inside{ float:left; margin:0 5px 0 1px; padding:5px; height:auto; display:inline; width: 130px;}
.bottom-box-th { margin:2px; background:url(../images/left_photobg.jpg) left top no-repeat; width:120px; height:75px; padding-left:14px; padding-top:20px; padding-bottom:12px; padding-right:0px;}
.bottom-box1-inside  span { margin:0 0 2px 0px; padding:2px; text-align: center;}

.title1{ height:75px; text-indent: -99999px; font-size:14px; color: #FF8000; font-family: Helvetica, Arial, Verdana, sans-serif; font-weight: bold; padding:0; margin:0;  background: transparent url(../images/header-sub-brand.png) 0 0 no-repeat;}
.title2{ height:75px; text-indent: -99999px; font-size:14px; color: #FF8000; font-family: Helvetica, Arial, Verdana, sans-serif; font-weight: bold; padding:0; margin:5px 0 15px 0;  background: transparent url(../images/header-sub-Act.png) 0 0 no-repeat;}
.title3{ height:60px; text-indent: -99999px; font-size:14px; color: #FF8000; font-family: Helvetica, Arial, Verdana, sans-serif; font-weight: bold; padding:0; margin:5px 0 15px 0;  background: transparent url(../images/menu/textmenu_webboard.gif) -16px 0 no-repeat;}

.hero{ width: 877px; margin:0px 0 0 0;padding:0; background:#203C53; position:absolute;}
.interactivityIndicator{display:block;position:absolute;left:0px;top:0px;width:109px;height:100%;text-indent:-9999em;cursor:pointer;margin:0;}
.cyclerNav{position:absolute;right:0;bottom:0;display:block;background:url(../images/cyclerNav.png) 0 0 no-repeat;padding:8px 15px 0 96px;overflow:hidden;margin: 0;}
.cyclerNav li{display:block;float:left;}
.cyclerNav li span{border:2px solid #586d7e;height:25px;width:25px;display:block;background:url(../images/cyclerNav.png) 0 0 no-repeat #203c53;text-indent:-9999em;margin:0 4px;}
.cyclerNav .current span{border-color:#fff;}.cyclerNav li .tabPrev,.cyclerNav li .tabNext{width:7px;border-width:0;}
.cyclerNav li .tabPrev{background-position:-9px -342px;}
.cyclerNav li .tabNext{background-position:-9px -312px;}
.cyclerNav li .tab1{background-position:-70px -40px;}
.cyclerNav li .tab2{background-position:-70px -70px;}
.cyclerNav li .tab3{background-position:-70px -100px;}
.cyclerNav li .tab4{background-position:-70px -130px;}
.cyclerNav li .tab5{background-position:-70px -160px;}
.cyclerNav li .tab6{background-position:-70px -190px;}
.cyclerNav li .tab7{background-position:-70px -220px;}
.cyclerNav li .tab8{background-position:-70px -250px;}
.cyclerNav li .tab9{background-position:-70px -280px;}
.cyclerNav li.current .tab1{background-position:0 -40px;}
.cyclerNav li.current .tab2{background-position:0 -70px;}
.cyclerNav li.current .tab3{background-position:0 -100px;}
.cyclerNav li.current .tab4{background-position:0 -130px;}
.cyclerNav li.current .tab5{background-position:0 -160px;}
.cyclerNav li.current .tab6{background-position:0 -190px;}
.cyclerNav li.current .tab7{background-position:0 -220px;}
.cyclerNav li.current .tab8{background-position:0 -250px;}
.cyclerNav li.current .tab9{background-position:0 -280px;}

/* Rotator Layout
--------------------------------------------------------------------------------------- */

.rotator { width:877px; height:230px; margin: 0 auto 20px auto; position: relative; overflow: hidden; }

.divMainRotatorNav { float:left; margin:0; padding:12px 0 5px 100px; position:absolute; bottom:0; right:0; z-index:99; background:url(../images/cyclerNav.png) 2px 0 no-repeat; width:150px;height:20px;}
.divMainRotatorNav a { margin: 10px 0 0 8px; padding: 3px 7px; background: none; text-decoration: none; color: #888888; font-size: 1.3em; border:1px solid #ccc;}
.divMainRotatorNav a:hover { background: #454545; text-decoration: none; color: #ffffff; }
.divMainRotatorNav a.activeSlide { border:2px solid #ccc; text-decoration: none; color: #fff; }
.divMainRotatorNav a:focus { outline: none; }