/* 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 */
}