/* reset browser styles */


html, body, h1, h2, h3, h4, h5, h6, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote 
{
 
	padding: 0;
 
	margin: 0;
 
	font-size: 100%;
 
	font-weight: normal;

}



ol {

  margin-left: 1.4em;

  list-style: decimal; 

}


ul {

  margin-left: 15px;

  list-style-image: url(../images/bullet.gif);

}


img {

  border: 0;
/*  max-width:98%;  ใช้แล้ว thumbnail ที่หน้าประมูลเล็กลงบน ipad และมีสมาชิกบางท่านก็เป็น *//* กำหนดให้ image มีขนาดไม่เกิน container */

}




.gbh, .gbd{border-top:1px solid #EEEEEE;font-size:1px}.gbh{height:0;position:absolute;top:57px;width:100%}




body {

/*	max-width: 1366PX;*/
	
	padding: 0 3px 0 3px;
	
	margin: 0 3px 3px 3px;
	
	margin-left:auto; margin-right:auto;
	
	font-size:small; /* support browser zoom */
	
	text-size-adjust: auto;


	color: #161616;
}

body, table, select, textarea, input, button{

	font-family:  tahoma,Thonburi;

	font-size: small;

}




.gray-img
{

/*	-webkit-filter: grayscale(100%); *//* Chrome, Safari, Opera */
/*    filter: grayscale(100%);*/
}

.cat-watching-all 
{
	color:gray;
}

.opacity70
{
	opacity: 0.7; filter: alpha(opacity=70);
}

.opacity80
{
	opacity: 0.8; filter: alpha(opacity=80);
}

.ajax-link 
{
	display:inline-block;
	text-decoration:under-line;
	color:#00008a;
	padding:2px 2px 2px 2px; 
}
.ajax-link:hover
{
	cursor: pointer; 
}

.profile-popup
{
	padding:4px;
	z-index: 99 !important;  /* ทำให้อยู่บนสุดของทุก div */
	border:1px solid gray;
	display:inline;
	position: absolute; 
	background-color: #FFFFFF;
	-moz-box-shadow: 2px 2px 3px #7d7d7d;
	-webkit-box-shadow: 2px 3px 5px #7d7d7d;
	box-shadow: 2px 2px 3px #7d7d7d;
}

.popupindex_text
{
	max-width:400px; 
	margin-left:110px;
	height:100%;
	/*word-break: break-all; ตัดคำผิด */
	word-wrap: break-word;
	overflow:hidden;
	text-overflow:ellipsis;
}

/*  begin --- board mboard fboad view */


.board_view_user_name
{
	float:left; padding:2px 0px 2px 0px;border:0px solid black;white-space:nowrap;
}

.board_view_comment_no
{
	float:left; padding:3px 3px 3px 5px; min-height:18px; border:0px solid green;white-space:nowrap;color:gray;
}

.board_view_photo
{
	text-align:center;padding:0px 3px 3px 3px;
}

.board_view_misc_button_wrapper
{
	float:right; margin:3px 0 3px 3px; text-align:right; min-height:18px; border:0px solid red;
}

.board_view_correct_wrapper
{
	text-align:right; min-height:10px; padding:0 5px 2px 0; border:0px solid red;color:gray;
}

.board_view_like_wrapper
{
	float:right; padding:3px 6px 3px 0; min-width:70px; border:0px solid green;
}

.board_view_border_bottom
{
	clear:both; border-bottom:solid 1px #D8D8D8;
}

.board_view_thumbnail
{
	float:left; margin:5px 0px 0px 5px;  border:0px dotted green;
}

.top_banner_wrapper
{
	width: 728px; height:90px; margin:0 auto;  margin-bottom:5px; margin-top:5px; border: solid 0px #DBDBDB;
}

/*  end--- board mboard fboad view */

.limit-heigth /* comment limit height */
{
	padding-bottom:3px;
	max-height:205px;
	overflow:hidden;
	text-overflow:ellipsis;
    position: relative; /*positioning so that #fader can be relative to this*/
}	

.limit-heigth::after { 
	bottom: 0; /* จำเป็น */
	left:0;/* จำเป็น */
    height: 30px; /*from where it starts to fade to where it ends*/
	width:100%; /*จำเป็น */
    position: absolute; /*so it can overlap the #container*/
	content: ""; /*จำเป็น */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}


.-xx-end-fade {
	bottom: 0; /* จำเป็น */
    height: 30px; /*from where it starts to fade to where it ends*/
	width:100%; /*จำเป็น */
    position: absolute; /*so it can overlap the #container*/
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}

i {
	color:#232323;
	font-size:100%;
}

.min-height
{
	/* กำหนดความสูงขั้นต่ำของ content เพื่อไม่ให้ adsense top-bottom บีบ */
	min-height:750px;
}

.link-list
{
	padding: 1px 0 1px 0;
/*	margin: 5px 0 5px 0;*/
	border-bottom:0px dotted gray;
}

.link-detail
{
	color:#3f3f3f
}

.review-spec-title, .rst
{
	color:#800000;
}

/**** photo responsive **/
.photo{
	max-width:1000px;
	max-height:1000px;
	margin:0 auto;
	overflow: hidden;
}



/**** youtube responsive **/
.videomaxsize, .videomaxsize-left { /* จำเป็นต้องมี div นี้ครอบอีกที 16/12/57 ไม่งั้นหดขยายไร้ทิศทาง ไปกำหนดที่ wrapper ก็ไม่ได้*/
	margin:0 auto;
	margin-top: 5px;
	margin-bottom: 5px;
	max-width:1000px;
	max-height:600px; /* ได้ค่าจากการทดสอบ หากน้อยกว่านี้ youtube จะทะลุ div  */
	border: 1px solid #EAEAEA;
	padding:0px;
	/*overflow: hidden;*/
}

.videomaxsize-left { /* จำเป็นต้องมี div นี้ครอบอีกที 16/12/57 ไม่งั้นหดขยายไร้ทิศทาง ไปกำหนดที่ wrapper ก็ไม่ได้*/
	margin:0px;
}

.videowrapper {
	margin:0 auto;
    position: relative;
    padding-bottom: 56.25%; /* 56.25% เป็นค่าที่พอดี scale ของ clip ทั่วไป ส่วนทำไมต้องเป็น 56.25% ไม่รู้ ลองเปลี่ยนค่าแล้ว ก็ไม่ดีเท่า 16/12/57 */
    padding-top: 30px; height: 0; overflow: hidden;
	border: 0px solid red;
	height: 0;

}
.videowrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* end of  youtube responsive **/

.popup_photo
{
	background-color: white;
	border: solid 1px gray;
	display: none;	
	padding: 3px; 
	position: absolute;  
	z-index: 99 !important; /* ทำให้อยู่บนสุดของทุก div */
	left:200px; 
}

.text_fade {
	color: #336600;
 	opacity: 1; filter: alpha(opacity=100);  /* For IE8 and earlier */
	-webkit-animation: tf-myfirst 2s; /* Chrome, Safari, Opera */
    animation: tf-myfirst 2s;
    -webkit-animation-delay: 2s; /* Chrome, Safari, Opera */
    animation-delay: 2s;
    -webkit-animation-fill-mode: forwards; /* Chrome, Safari, Opera */
    animation-fill-mode: forwards;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes tf-myfirst {
    from {opacity: 0.9; filter: alpha(opacity=90); /* For IE8 and earlier */}
    to {opacity: 0; filter: alpha(opacity=0); /* For IE8 and earlier */}
}

/* Standard syntax */
@keyframes tf-myfirst {
    from {opacity: 0.9; filter: alpha(opacity=90); /* For IE8 and earlier */}
    to {opacity: 0; filter: alpha(opacity=0); /* For IE8 and earlier */}
}

.edit-notice
{
	color:#8F8F8F;
	font-style: italic; 
	font-size:95%;
}

.notification_popup, .inbox_popup {
	color: #FFFFFF;
	background-color: #004080; 
	padding: 5px;
    position: fixed;
    bottom: 50px;
    right: 10px;
    width: 200px;
    height: 70px;
	z-index: 99 !important;  /* ทำให้อยู่บนสุดของทุก div */
	border:0px solid blue;
	border-radius:4px;
	text-overflow:ellipsis;
	overflow:hidden;
	/*word-break: break-all; ตัดคำผิด */
	word-wrap: break-word; /*Chrome and Safari */
	opacity: 0.9; filter: alpha(opacity=90);  /* For IE8 and earlier */
	-webkit-animation: myfirst 5s; /* Chrome, Safari, Opera */
    animation: myfirst 5s;
    -webkit-animation-delay: 5s; /* Chrome, Safari, Opera */
    animation-delay: 5s;
    -webkit-animation-fill-mode: forwards; /* Chrome, Safari, Opera */
    animation-fill-mode: forwards;
}

.inbox_popup {
	background-color: #009900; 
    bottom: 135px;
/*	bottom: 50px;*/
}

.inbox_popup a,  .notification_popup a {
	display: block;
    height: 100%;
	width: 100%;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes myfirst {
    from {opacity: 0.9; filter: alpha(opacity=90); /* For IE8 and earlier */}
    to {opacity: 0.1; filter: alpha(opacity=10); /* For IE8 and earlier */}
}

/* Standard syntax */
@keyframes myfirst {
    from {opacity: 0.9; filter: alpha(opacity=90); /* For IE8 and earlier */}
    to {opacity: 0.1; filter: alpha(opacity=10); /* For IE8 and earlier */}
} 

.zoom {

	font-size:small;

}



.cut_long_string {
/*	width:300px;*/
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	clear:both;
}

.break_long_text {
	/*	word-break: break-all;  */

	word-wrap: break-word; /*Chrome and Safari */

}



.overflow_hidden {
	width:90%;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
}

table.border_gray{

	border-collapse: collapse;
	border:1px solid #CCCCCC;

}



.inline-block, .feedback-word
{
	display: inline-block; /*  IE6/IE7 ไม่รู้จัก*/
	zoom: 1;  	/* แก้ไข IE6/IE7 */
    *display: inline;  	/* แก้ไข IE6/IE7 */
}

.profile_submessage /* ใต้ topic หน้า profile */
{
	color:#4E4E4E;
}

.feedback-word
{
	width:80px; 
	margin:5px 0 0 5px;
}

.auction-neg-note
{
	text-align:center;
	color:red;
	margin:5px 0 0 0;
}

textarea {

/*	width: 90%; */
	font-size:100%;  /* support browser zoom */
   width:500px; 	/* fix ie8 */
   min-width:98%; 	/* fix ie8 */
   max-width:98%;

}



textarea.ie8 {
   height:150px;
   width:500px;
   min-width:98%;
   
   max-width:98%;

}



p {
/*	margin: 1em 0px; */
}



h2 {
	font-size: large;
	font-weight: bold;
}


h3 {
	font-size: 13px;
	font-weight: bold;
}



.phone_font 
{
	
	font-size: medium; 

}



.phone_content_font 
{

	font-size: 24px; 

}



.phone_content_small_font 
{

	font-size: 24px; 

}



.phone_content_ss_font 
{

	font-size: 20px; 

}



.phone_list_font 
{

	font-size: 30px; 

}



.phone_home_font 
{

	font-size: 24px; 

}




input 
{

	font-size:100%;  /* support browser zoom */
/*	font-family: "ms sans serif", tahoma,Thonburi; */
	
	font-family:  tahoma,Thonburi;

}



.white
{

	color:#FFFFFF;
}



.dark_gray 
{

	color:#525252;

}



.gray 
{

	color:gray;

}



.yellow 
{

	color: #FFFF00;

}



.small_letter
{

	FONT-SIZE: x-small;

}



.name
{

	font-weight: bold;

	FONT-SIZE: 90%; 

}



.title1
{

	color: #FFFFCC;

	font-weight: bold;

	text-align: center;

	margin: 5px;

}



.normal_small 
{

	font-size: 85%;

}



.small_strong  
{

	font-size: 100%;

	font-weight: bold;

}



.large_strong 
{
	
	font-size: medium;
	font-weight: bold;

}



/*
a:link {COLOR: #140e85;	TEXT-DECORATION: none}
a:active {COLOR: #181099;	TEXT-DECORATION: none}  
a:visited {COLOR: #660099;	TEXT-DECORATION: none}
*/


/*ปกติ*/

a:link {COLOR: #00008a;	TEXT-DECORATION: none}

a:active {COLOR: #00008a;	TEXT-DECORATION: none}  

a:visited {COLOR: #7B00B7;	TEXT-DECORATION: none}

a:hover {	TEXT-DECORATION: none}



/*หม่น*/
/*
a:link {COLOR: #0a0235;	TEXT-DECORATION: none}
a:active {COLOR: #0a0235;	TEXT-DECORATION: none}  
a:visited {COLOR: #5a687c;	TEXT-DECORATION: none}
a:hover {COLOR:#00008a;	TEXT-DECORATION: none}
*/

/* ไว้ทุกข์ ขาวดำ*/
/*
a:link {COLOR: #0D0D0D;	TEXT-DECORATION: none}
a:active {COLOR: #0D0D0D;	TEXT-DECORATION: none}  
a:visited {COLOR: #585858;	TEXT-DECORATION: none}
a:hover {	COLOR:#00008a; TEXT-DECORATION: none}
*/


td.topics    
{ 
	background-color: #6699CC; border-left: 0px solid #DFEFFF; border-right: 0px solid #4773A3;  
/*	 background-color: #5c5c5c; border-left: 0px solid #DFEFFF; border-right: 0px solid #4773A3;  /*ไว้ทุกข์*/
	border-top: 0px solid #DFEFFF; border-bottom: 0px solid #4773A3; 
}


td.board   
{ 
	background-color: #336699; border-left: 1px solid #89ABC7; border-right: 1px solid #375873; 
               
	border-top: 1px solid #89ABC7; border-bottom: 1px solid #375873 
}



td.topics a:hover { color: #6699CC; text-decoration: underline }




td.menubar    { font-weight: bold; FONT-SIZE: 90%; FONT-FAMILY: tahoma;border-top: 1px solid #DFEFFF; border-bottom: 1px solid #4773A3 }


td.menubar a:link { color: #FFFFFF; line-height: 15px; text-decoration: none; padding-left: 2px }


td.menubar A:acitve {PADDING-LEFT: 2px; COLOR: #FFFFFF; LINE-HEIGHT: 15px; TEXT-DECORATION: none}


td.menubar A:visited {PADDING-LEFT: 2px; COLOR: #FFFFFF; LINE-HEIGHT: 15px; TEXT-DECORATION: none}


td.menubar a:hover {  color: #000066; text-decoration: none }




td.menu    
{ 
	background-color: #6699CC; border-left: 1px solid #DFEFFF; border-right: 1px solid #4773A3; 
               
	border-top: 1px solid #DFEFFF; border-bottom: 1px solid #4773A3;
}



td.menu a:link { color: #FFFFFF; line-height: 15px;  padding-left: 2px }


TD.menu A:acitve {PADDING-LEFT: 2px; WIDTH: 100%; COLOR: #FFFFFF; LINE-HEIGHT: 15px; TEXT-DECORATION: none}


TD.menu A:visited {PADDING-LEFT: 2px;  font-size: 8pt; font-weight: bold; WIDTH: 100%;
 COLOR: #FFFFFF; LINE-HEIGHT: 15px; TEXT-DECORATION: none}


td.menu a:hover { color: #000066; BACKGROUND-COLOR: #fe7474; text-decoration: underline }



TD.title_old {  font-weight: bold; FONT-SIZE: 100%; color: #000080; BACKGROUND-IMAGE: URL(../images/titlebg1.gif);  }



td.title {  font-weight: bold; FONT-SIZE: 100%;color: #000080; border-bottom: 1px solid #f0f0f0;  }



.title_name 

{
	
	-moz-border-radius-topleft: 4px;
	
	border-top-left-radius: 4px;
	
	-moz-border-radius-topright: 4px;
	
	border-top-right-radius: 4px;
/*	border-top: 1px solid #EFEFEF;
	border-left: 1px solid #EFEFEF;
	border-right: 1px solid #EFEFEF; */
	
	padding: 2px 5px 2px 5px;
	
	background: #f0f0f0;
	
	width: 145px; 

}



.content_list_wrapper

{

	margin: 3px 0 8px 0;
	max-width:300px;
	overflow:hidden;
	text-overflow:ellipsis;

}



.content_list_title

{

	-moz-border-radius-topleft: 4px;

	border-top-left-radius: 4px;

	-moz-border-radius-topright: 4px;

	border-top-right-radius: 4px;

	padding: 2px 5px 2px 8px;

	background: #f0f0f0;

	width: 150px;

	font-weight: bold;

	color: #00006C; 

}




div.content_list_title_underline a:link {color: #2A2A2A;} /* เดิม DarkBlue */

div.content_list_title_underline a:hover {color: #2A2A2A;}

div.content_list_title_underline a:active {color: #2A2A2A;}

div.content_list_title_underline a:visited {color: #2A2A2A;}

.content_list_title_phone 

{
/* ลองทำเป็น child	.content_list_title .phone แล้ว แต่ width ที่ child ไม่ override ตัวแม่ */

	-moz-border-radius-topleft: 4px;

	border-top-left-radius: 4px;

	-moz-border-radius-topright: 4px;

	border-top-right-radius: 4px;

	padding: 2px 5px 2px 8px;

	background: #f0f0f0;

	width: 240px;

	font-weight: bold;

	color: #00006C;

	font-size: 24px; 

}



.content_list_title .phone 
{
/* ลองทำเป็น child	.content_list_title .phone แล้ว แต่ width ที่ child ไม่ override ตัวแม่ */
	
	width: 250px; 

}

.profile_list_title_underline

{

	width:99%; margin:0 3px 0 0; border-bottom: 1px solid #f0f0f0; 

}



.profile_list_title

{

	-moz-border-radius-topleft: 4px;

	border-top-left-radius: 4px;

	-moz-border-radius-topright: 4px;

	border-top-right-radius: 4px;

	padding: 2px 5px 2px 5px;

	background: #f0f0f0;

	width: 145px;

	color: #0a0a0a;

}



.profile_list_title_phone

{

	-moz-border-radius-topleft: 4px;

	border-top-left-radius: 4px;

	-moz-border-radius-topright: 4px;

	border-top-right-radius: 4px;

	padding: 2px 5px 2px 5px;

	background: #f0f0f0;

	min-width: 185px;

	width: 210px;

	color: #0a0a0a;

	font-size: 28px; 

}



.content_list_title_underline

{

	width:99%; margin:0 10px 0 0; border-bottom: 1px solid #f0f0f0; 

}




/* .quote {background-color: #f5f5f5; padding: 15px;border-top: 1px solid #B4B4B4; border-left: 1px solid #B4B4B4;border-bottom: 1px solid #CACACA; border-right: 1px solid #CACACA;} */

 

.quote 
{
	
	background-color: #f0f0f0;
	margin: 3px;
	padding: 7px;
	border: 1px solid #CECECE;
	color: #161616;
	border-radius:4px;

} 

.like-score {
	padding: 0 2px 0 5px;
	color:#3b5998;
}

.like-word {
	color:#1a417b;
}



.display_inline 
{

	display: inline;
}


.display_none

{
	display: none;
}



.profile_title

{

	color: #3B3B3B;

	background-image: url(../images/titlebg3.gif);

	background-repeat: no-repeat;

	margin-top: 3px;

	margin-right: 0px;

	padding-top: 3px;

	padding-bottom: 3px;

	padding-left: 4px;

}




.watch_member_thumbnail

{

	margin-top: 1px;

	margin-left: 1px;

	margin-right: 1px;

	margin-bottom: 1px;

}



.poster_col 
{

	width: 180px;

	margin: 5px;

}



.detail_col {
	margin: 5px;
}



.sup_letter1   
{ 

	padding-top: 0px;

	padding-bottom: 0px;

	padding-left: 2px;

	padding-right: 2px;

	position: relative;

	left: 1px;

	vertical-align: 7px;

	font-size: 9px;

	color: #FFFFFF;

	background-color: #33CC33;

	font-family:  Arial;
/*	border-radius: 1px; */

}



a.sup_letter1:hover {	TEXT-DECORATION: none;}


a.sup_letter1:visited {color: #FFFFFF;}


a.sup_letter1:active {color: #FFFFFF;}


a.sup_letter1:link {color: #FFFFFF;}



.sup_letter2   
{

	padding-top: 0px;

	padding-bottom: 0px;

	padding-left: 2px;

	padding-right: 2px;

	position: relative;

	left: 1px;

	vertical-align: 7px;

	font-size: 9px;

	color: #FFFFFF;

	background-color: #0099CC; 

	font-family:  Arial;
/*	border-radius: 1px; */

}



a.sup_letter2:hover {	TEXT-DECORATION: none;}


a.sup_letter2:visited {color: #FFFFFF;}


a.sup_letter2:active {color: #FFFFFF;}


a.sup_letter2:link {color: #FFFFFF;}



.sup_letter3   
{

	padding-top: 0px;

	padding-bottom: 0px;

	padding-left: 2px;

	padding-right: 2px;

	position: relative;

	left: 1px;

	vertical-align: 7px; 

	font-size: 9px;

	color: #FFFFFF;

	background-color: #FF6600;

	font-family:  Arial;
/*	border-radius: 1px; */

}



a.sup_letter3:hover {	TEXT-DECORATION: none;}


a.sup_letter3:visited {color: #FFFFFF;}


a.sup_letter3:active {color: #FFFFFF;}


a.sup_letter3:link {color: #FFFFFF;}




/*======   Button css  =========*/


.box1 
{

	background-color: #f0f0f0;

	width: 533px;

	height: 50px;

	margin: 0 auto 15px auto;

	padding: 30px;

	border: 1px solid #d7d7d7;

	-moz-border-radius: 11px;

	-webkit-border-radius: 11px;

	border-radius: 11px;

	behavior: url(../include/border-radius.htc);

}



.watch_word
{
	color:#005b00;
}

.unwatch_word
{
	color:#999999;
 }

.watch_word:hover, .unwatch_word:hover
{
	color:#161616;
 }


.gen_button

{

	-moz-border-radius: 2px;

	-webkit-border-radius: 2px;

	border-radius: 2px;

  border:1px solid #C0C0C0;
    border-top:1px solid #E0E0E0;
	border-left:1px solid #E0E0E0;
	background-color:#f5f5f5;
	font-size: 85%;

	line-height:115%;
/*	height: 21px; */

	text-decoration:none;
/*	color:#535353;*/

	color:#3A3A3A;
 
	cursor:pointer;
/* padding:2px 7px 2px 7px; */
/*	margin: 2px 0 2px 0; */

	padding:2px 10px 2px 8px; /* Links */

	margin:0 7px 0 0;
	background: url(../images/bg-normal-button.gif) repeat-x 0 0;
/*	background: url(../images/bg-gen-button.gif) repeat-x 0 0;*/
  
	display:inline-block;
 /*   float:left; */

}



.gen_button:hover

{

	background: url(../images/bg-normal-button.gif) repeat-x 0 0;
/*	background: url(../images/bg-gen-button.gif) repeat-x 0 0;*/

	text-decoration: none;

	border:1px solid #a7a7a7;

	color:#161616;

	background-color:#f5f5f5;

}



.gen_button:active

{

	background: url(../images/bg-press-button.gif) repeat-x 0 0; 
/*	background: url(../images/bg-gen-press-button.gif) repeat-x 0 0; */

	text-decoration: none;

	border:1px solid #a7a7a7;

	color:#161616;
 
	border-bottom:1px solid #E0E0E0;
 
	border-right:1px solid #E0E0E0;

}



.gen_button:visited
{
	color:#161616;
}



.like_button, .pagelist button
{

 display:inline-block;
 /*   float:left; */
	border-radius:2px;

	margin:0 7px 0 0;

	border:1px solid #C0C0C0;
	border-top:1px solid #E0E0E0;
    
	border-left:1px solid #E0E0E0;
    
	background-color:#f5f5f5;

	/*	background: url(../images/bg-normal-button.gif) repeat-x 0 0; */

	/*    font-family:  "ms sans serif",Tahoma, Arial; */

	/*	font-family:  Tahoma, Arial; */
	
	font-size: 85%;
    
	line-height:115%;
    
	text-decoration:none;

	/*    font-weight:bold;*/
    
	color:#5f5f5f;
    
	cursor:pointer;
    
	padding:2px 9px 2px 7px; /* Links */

}



.like_button_old
{
	
	-moz-border-radius: 2px;
	
	-webkit-border-radius: 2px;
	
	border-radius: 2px;

	/*	behavior: url(../include/border-radius.htc);*/
    
	border:1px solid #C0C0C0;
    
	border-top:1px solid #E0E0E0;
    
	border-left:1px solid #E0E0E0;
    
	background-color:#f5f5f5;
	
	font-size: 85%;

	/*    line-height:130%;*/
	
	height: 20px; 
    
	text-decoration:none;
	
	color:#535353;
    
	cursor:pointer;
    
	padding:1px 5px 2px 5px;
	
	margin: 2px 0 2px 0;

}



.like_button:hover, .pagelist button:hover
{

	background: url(../images/bg-normal-button.gif) repeat-x 0 0;

	text-decoration: none;

 border:1px solid #B2B2B2;

	color:#232323;

}



.buttons a, .buttons button, input[type="submit"].buttons,  input[type="submit"].fad_buttons,  input[type="submit"].gray_buttons
{

	display:inline-block;
	/*   float:left; */

	border-radius:2px;

	margin:0 7px 0 0;

	border:1px solid #C0C0C0;
 
	border-top:1px solid #E0E0E0;

	border-left:1px solid #E0E0E0;

	background-color:#f5f5f5;
	/*	background: url(../images/bg-normal-button.gif) repeat-x 0 0; */
	/*    font-family:  "ms sans serif",Tahoma, Arial; */
	/*	font-family:  Tahoma, Arial; */
	font-size: 85%;

	line-height:130%;

	text-decoration:none;

	/*    font-weight:bold;*/

	color:#232323;

	cursor:pointer;

	padding:1px 9px 3px 7px; 
	/* Links */
}

 input[type="submit"].buttons 
{

	padding:2px 7px 2px 7px; 
	/* Links */
	
	color:#404040;

}


 input[type="submit"].gray_buttons
{
	padding:2px 7px 2px 7px; 
	color:#535353;
}

 input[type="submit"].fad_buttons
{
	padding:2px 7px 2px 7px; 
	color:#aaaaaa;
}
 


.buttons button
{

	border-radius:2px;
	width:auto;

	overflow:visible;

	padding:4px 10px 3px 7px; /* IE6 */

}


.buttons button[type]{

	border-radius:2px;

	padding:5px 10px 5px 7px; /* Firefox */

	line-height:17px; /* Safari */
}


*:first-child+html button[type]{

	padding:0px 10px 0px 7px; /* IE7 */

}


.buttons button img, .buttons a img{

	border-radius:2px;
	
	margin:0 3px -3px 0 !important;

    padding:0;

	border:none;

	/*
    width:16px;
    height:16px;
*/
}


/* STANDARD */


/*
button:hover, .buttons a:hover
{

    background-color:#dff4ff;

    border:1px solid #c2e1ef;

    color:#336699;

}


.buttons a:active
{

	background-color:#6299c5;

	border:1px solid #6299c5;

	color:#fff;

}
*/

/* POSITIVE */



button.positive, .buttons a.positive{

	color:#529214;

}

.buttons a.positive:hover, button.positive:hover{

	background-color:#E6EFC2;

	border:1px solid #C6D880;

	color:#529214;

}


.buttons a.positive:active{

	background-color:#529214;

	border:1px solid #529214;

	color:#fff;

}



/* NEGATIVE */



.buttons a.negative, button.negative{
 
	color:#d12f19;

}


.buttons a.negative:hover, button.negative:hover{
 
	background:#fbe3e4;

	border:1px solid #fbc2c4;
 
	color:#d12f19;

}


.buttons a.negative:active{

	background-color:#d12f19;

	border:1px solid #d12f19;

	color:#fff;

}




/* flat */


button.flat, .buttons a.flat {

	color:#535353;

}



.buttons a.flat:hover, button.regular:hover, input[type="submit"].buttons:hover,  input[type="submit"].fad_buttons:hover,  input[type="submit"].gray_buttons:hover {

	background: url(../images/bg-normal-button.gif) repeat-x 0 0;
	
	text-decoration: none;

	border:1px solid #B2B2B2;

	color:#232323;

}



.buttons a.flat:active{

	/*  background-color:#6299c5;*/
	
	background: url(../images/bg-press-button.gif) repeat-x 0 0; 
	
	text-decoration: none;
    
	border:1px solid #B2B2B2;
    
	border-bottom:1px solid #E0E0E0;
    
	border-right:1px solid #E0E0E0;
    
	color:#232323;

}






.buttons a.flat {
	color:#8f8f8f;
	background-color: transparent;
	border:1px solid #E0E0E0;
}

/* REGULAR */


button.regular, .buttons a.regular{

	background: url(../images/bg-normal-button.gif) repeat-x 0 0;

	color:#232323;

}


.buttons a.regular:hover, button.regular:hover{

	background: url(../images/bg-normal-button.gif) repeat-x 0 0;

	text-decoration: none;

	background-color:#f5f5f5;
 
	border:1px solid #B2B2B2;

	color:#232323;

}



.buttons a.regular:active{

/*  background-color:#6299c5;*/

	background: url(../images/bg-press-button.gif) repeat-x 0 0; 
	text-decoration: none;
 
	border:1px solid #B2B2B2;
 
	border-bottom:1px solid #E0E0E0;

	border-right:1px solid #E0E0E0;

	color:#232323;

}


/*====== end of Button css ==========*/



.warning
{
	width: 570px;
	border: 1px solid #000000;
	background: #ffff99;
/*	text-align: center; */
	/*font-weight: bold;*/
	color: red;
	padding: 5px 5px 5px 10px;
	margin: 10px 5px 5px 10px;
	border-radius:4px;
}

.post_condition
{

	border: 1px solid #FADE89;

	background: #FFFFF0;

/*	font-size: 16px;
*/
	padding: 10px;
	margin-top: 5px;

	margin-bottom: 5px;

}




.board_td_name
{

	padding: 0px 5px 6px 0px; 

}





.banner_spacing
{

	height: 4px;

}



.user_thumbnail
{

	float: left;

	margin-top: 0px;

	margin-left: 3px;

	margin-right: 5px;

	margin-bottom: 0px;
	/*	border: 1px solid #FF0000; */

}



.ajax_button_status
{

	width:250px;

	text-align: center;
	border: 1px solid #56658B;

	margin: 0px 0px 0px 0px;

	padding: 3px;
 
	background-color: #E4E4E4;

	color: #5B5B5B;

}





.btable
{

	margin-left: 5px;

	margin-right: 5px;
	margin-top: 5px;

	margin-bottom: 5px;

}



.red_dash_box 
{

	border: 1px dashed #F1728E;

	margin: 0 0 0 10px;

	padding-left: 2px;

	padding-right: 5px;

	padding-bottom: 3px;

}



.mtable
{

	margin-left: 0px;

	margin-right:	5px;

	margin-top: 5px;

	margin-bottom: 5px;

}



.counter_col
{

	color: #7E7E7E;

	margin: 5px;

}



.nothumb-clip
{

	position: relative; 
	height: 16px;
	width: 16px; 

	float: left;

}



.clipwrapper        

{

	position: relative; 
	height: 16px;
	width: 16px; 

	float: left;

}




.my_menu_box 
{

	/* ใช้ใน index.php mysfc */

	padding: 2px;

	border-bottom: 1px dashed  #C0C0C0;

}



.my_menu_box_top 
{

	/* ใช้ใน index.php mysfc */

	padding: 2px;

	border-right: 0px dashed  #C0C0C0;

}



.link_main {

	padding-top: 5px;

	padding-left: 50px;

	padding-bottom: 10px;

}



.link_main h2 {

	font-size: 18px;

	font-weight: bold;

	margin-top: 12px;

	margin-bottom: 1px;

}



.profile_td_name
{

	padding: 0px 5px 0px 10px; 

}


.profile_compose_logo
{

	margin-right: 10px;

}



.profile_note
{

	margin-top:2px;

	color:gray;

}




.profile_logo
{

	margin-bottom: 3px;

	width: 190px;

}



.profile_mailing
{

	margin-top: 5px;

}



.profile_content	
{

	margin-top: 3px;

	margin-left: 2px;

	margin-right: 5px;

	margin-bottom: 3px;

}



.profile_content_thumbnail
{

	margin-top: 2px;

	margin-left: 5px;

	margin-right: 5px;

	margin-bottom: 2px;

}



.profile_auction_thumbnail
{

	width: 80px;

	margin-top: 2px;

	margin-left: 5px;

	margin-right: 5px;

	margin-bottom: 2px;

}


.profile_content_topic
{

	margin-top: 2px;

	margin-left: 5px;

	margin-right: 5px;

	margin-bottom: 2px;

	color: #3B3B3B; 
	font-size: 13px; 

}



.profile_content_stat
{

	color: #3B3B3B;

	margin-bottom: 3px;

}



.profile_content_topic_stat
{
	margin: 0;
	color:#9b9b9b;
	font-size:90%;'
}




div.profile_content_list:hover
{

  background-color: #000;

	color: #FFF;

}



.profile_borders 
{

	border-left-color: #f0f0f0;

	border-left-style: solid; 
	/*	border-left-style: dashed; */

	border-left-width: 1px;

	padding-left: 6px;

}



.profile_watch_button
{

	float: left;

	margin-right: 5px;

}



.profile_friendship
{

	float: left;

	margin-right: 5px;

}



.profile_ajax_button_status
{

	border: 1px solid #56658B;

	margin: 0px 0px 0px 0px;

	font-size: 85%;	
	padding: 2px;

	background-color: #E4E4E4;

	color: #5B5B5B;

}



.profile_pm_button
{

	float: left;

	margin-right: 5px;

}



.profile_name
{

	float: left;

	margin-right: 5px;

}



.watched_notice
{
	margin: 2px 0 0 0; 
	text-align:center; 
	float:right; 
	padding:2px 4px 3px 4px;
	border:1px solid #cecece; 

}



.auction_comment_title
{

	margin-left: 5px;

}



.auction_comment_comment {

	/*	float: left; */
	
	margin-left: 5px;
	
	margin-right: 5px;
	
	margin-bottom: 5px;

}



.auction_comment_wrapper
{

	margin-bottom:2px; 
	padding-bottom:2px;
	border-bottom: 1px solid #d8d8d8;

}



.auction_comment_no
{

	color: gray; 
	float:left; 
	padding:0px 5px 0px 5px;

}



.auction_comment_buttons
{

	margin:0px 0px 3px 380px;
	padding:2px 10px 1px 7px;

}



table.auction_comment_table
{

	border-collapse: collapse;

	border: 1px solid #bbbbbb;

}



tr.auction_comment_table
{

	border-bottom: 1px solid #bbbbbb;

}



.auction_list_thumbnail
{

	padding:0 0px 0 0px;

}



.auction_list_topic
{

	padding:0 0px 0 0px;

}



.auction_list_view
{

	padding:0 5px 0 5px;

}



.auction_list_offer
{

	padding:0 5px 0 5px;

}



.auction_list_price
{

	padding:0 5px 0 5px;

}



.auction_list_date
{

	padding:0 0px 0 5px;

}



.auction_TCorner {

	border-width: 1px;

	border-style:solid;

	border-color: #99CCFF; 
	background-color: #99CCFF; 
/*
	border-color: #cecece;
	background-color: #cecece;
*/
	-moz-border-radius-topright: 10px;

	border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;

	border-top-left-radius: 10px;

	margin: 0;

	padding-top: 3px;

	padding-right: 5px;

	padding-bottom: 3px;

	padding-left: 5px;

}



.auction_side {

	float: right;

}



table.auction_show_topic_table, td.auction_show_topic_table
{

	border-collapse: collapse;

	border: 1px solid #bbbbbb;

}



table.auction_show_description_table, tr.auction_show_description_table
{

	border-collapse: collapse;

	border: 1px solid #bbbbbb;

}



table.review_pro_con, tr.review_pro_con, td.review_pro_con
{

	text-align: left;

	border-collapse: collapse;

	border: 1px solid #DBDBDB;

}



table.content_comment_table, tr.content_comment_table, td.content_comment_table
{
	border-collapse: collapse;

	border: 1px solid #D7D7D7;

}



.market_tran_noti
{

	margin-bottom: 3px;

	color: #00A452;

	font-weight: normal;

}



.class_user_logo
{

	margin: 3px 0 5px 0;

}



.class_user_data
{

	margin: 0px 0 0px 0;
}




input[type=text],input[type=password], input[type=email], textarea
{
/*   border:1px solid #dadada; 
    border-top:1px solid #b1b1b1;
*/
	border:1px solid #b1b1b1;

	border-radius:2px;
 
	padding:2px; 
}



input[type=text]:hover,input[type=password]:hover,input[type=email]:hover,textarea:hover 
{ 
 
	border-color:#b1b1b1;

}



input[type=text]:focus,input[type=password]:focus,input[type=email]:focus,textarea:focus { 

 /*   border-color:#7CB8FA;*/

	border-color:#6699CC;

	/*    border-top:1px solid #FF9B06; */

	/*  -moz-box-shadow:    inset 0 1px 1px #bfbfff;*/

	/*  -webkit-box-shadow: inset 0 0 0 #339933; */

	/* box-shadow:         inset 0 1px 1px #bfbfff;*/

}




.gen_comment_wrapper
{

	border: 1px solid #C7C7C7;

}



.gen_comment_wrapper_fit_content
{

	border: 1px solid #C7C7C7;

	display:inline-block; /*make it fit content*/

}



.gen_comment_title
{

	text-align: left;

	background-color: #C2D9FE; 
/*	background-color: #b2b2b2;  */
	font-size: 100%;

	font-weight: bold;

	padding: 3px 0 3px 5px;

}



.gen_comment_form
{

	text-align: left;

	background-color: #F5F5F5; 
	padding: 3px 5px 3px 5px;

	/*	height: 310px;*/

}



.gen_comment_input
{

	width: auto;

	/*	background-color: #CEFFEA; */ 

}



.gen_comment_ads
{

	margin: 5px 0 0 0;

	float:right;

	/*	background-color: #FFCCFF;*/
	/*
width: 338px; 
	height: 282px;
*/

}



.debug_box
{

	padding: 3px;

	position:absolute;

	top: 0px; 

	left: 2px; 

	color:#CC0000;

	background-color: #FFFFCC;

	border: 1px solid #FF9900;

}



.content_gap { 
	height: 5px;
}


/*  begin tab navigator class */


ul.tabnav 
{	
	/* general settings */

	text-align: left; /* set to left, right or center */
 
	margin: 10px 0 0px 0; /* set margins as desired */
  
	border-bottom: 1px solid #C9C9C9; /* set border COLOR as desired */
 
	list-style-type: none;

	padding: 3px 10px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */

}



ul.tabnav li { 
	/* do not change */
	display: inline;

	margin-right: 8px; /* set additional spacing between tabs as desired */

}



ul.tabnav li a { 
	/* settings for all tab links */
	padding: 3px 10px 3px 10px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
	border: 1px solid #C9C9C9; /* set border COLOR as desired; usually matches border color specified in #tabnav */

	background-color: #FFFFFF; /* set unselected tab background color as desired */

	text-decoration: none;
border-bottom: none;

}
     


ul.tabnav a:hover { 
	/* settings for hover effect */

	background: #F7F7F7; 
	/* set desired hover color */

}




ul.tabnav li.selected a { 
	/* settings for all tab links */

	border-bottom: 1px solid #C2D9FE; 
	/* set border COLOR as desired; usually matches border color specified in #tabnav */
	background: #C2D9FE;

}


/* end tab navigator class */


/* ใช้คู่กับ jquery.scrollToTop.js */
#toTop {
    display: none;
    position: fixed;
    bottom: 10px;
    right: 10px;
    width: 35px;
    height: 35px;
	z-index: 99 !important;  /* ทำให้อยู่บนสุดของทุก div */
    background-image: url('../images/up.png?v5');
    background-repeat: no-repeat;
    opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}

#toBottom {
    display: none;
    position: fixed;
    bottom: 10px;
    right: 50px;
    width: 35px;
    height: 35px;
	z-index: 99 !important;  /* ทำให้อยู่บนสุดของทุก div */
    background-image: url('../images/down.png?v5');
    background-repeat: no-repeat;
    opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}


#toTop:hover, #toBottom:hover {
    opacity: 0.9;
    filter: alpha(opacity=90); /* For IE8 and earlier */
}