/* CSS Document */

BODY {
	BACKGROUND: url(images/bg_1.jpg) #323232 repeat-x center top; MARGIN: 0px; FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif
}
.san12 {
	FONT-SIZE: 12px; FONT-FAMILY: "MS Sans Serif","Tahoma","Arial","Thonburi"
}
.san14 {
	FONT-SIZE: 14px; FONT-FAMILY: "MS Sans Serif","Tahoma","Arial","Thonburi"
}
.san16 {
	FONT-SIZE: 16px; FONT-FAMILY: "MS Sans Serif","Tahoma","Arial","Thonburi"
}
.ta10 {
	FONT-SIZE: 10px; FONT-FAMILY: "Tahoma","MS Sans Serif","Arial","Thonburi"
}
.ta11 {
	FONT-SIZE: 11px; FONT-FAMILY: "Tahoma","MS Sans Serif","Arial","Thonburi"
}
.ta12 {
	FONT-SIZE: 12px; FONT-FAMILY: "Tahoma","MS Sans Serif","Arial","Thonburi"
}
.ta13 {
	FONT-SIZE: 13px; FONT-FAMILY: "Tahoma","MS Sans Serif","Arial","Thonburi"
}
.ta14 {
	FONT-SIZE: 14px; FONT-FAMILY: "Tahoma","MS Sans Serif","Arial","Thonburi"
}
.ta16 {
	FONT-SIZE: 16px; FONT-FAMILY: "Tahoma","MS Sans Serif","Arial","Thonburi"
}
.ver11 {
	FONT-SIZE: 11px; FONT-FAMILY: "Verdana","Tahoma"
}
A:link {
	COLOR: #000000; TEXT-DECORATION: none
}
A:visited {
	COLOR: #000000; TEXT-DECORATION: none
}
A:active {
	COLOR: #000000; TEXT-DECORATION: none
}
A:hover {
	TEXT-DECORATION: underline
}
.bt_login {
	BORDER-RIGHT: 0px solid; BORDER-TOP: 0px solid; BACKGROUND: url(../../images/home/bn_vote01.gif) no-repeat; FLOAT: right; BORDER-LEFT: 0px solid; WIDTH: 60px; CURSOR: pointer; BORDER-BOTTOM: 0px solid; HEIGHT: 39px
}
.leftBox_MT {
	BORDER-RIGHT: #e1e1e1 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #e1e1e1 1px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 5px; MARGIN: 0px 0px 5px; OVERFLOW: hidden; BORDER-LEFT: #e1e1e1 1px solid; WIDTH: 198px; PADDING-TOP: 5px; BORDER-BOTTOM: #e1e1e1 1px solid
}
.leftBox_MT H3 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 5px; FONT-SIZE: 16px; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #ff9900; PADDING-TOP: 0px
}
.memberLogin {
	BORDER-RIGHT: #ffe5c6 1px solid; BORDER-TOP: #ffe5c6 1px solid; BACKGROUND: #ffffff; OVERFLOW: hidden; BORDER-LEFT: #ffe5c6 1px solid; WIDTH: 198px; BORDER-BOTTOM: #ffe5c6 1px solid; HEIGHT: 103px
}
.memberLogin SPAN.orengeMem {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; MARGIN: 0px; COLOR: #ff9900
}
.memberLogin SPAN.cyanMem {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; MARGIN: 0px; COLOR: #2fc7fb
}
.memberLogin SPAN.blackMem {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; MARGIN: 0px
}
.memberLogin_middle {
	PADDING-RIGHT: 0px; PADDING-LEFT: 10px; FONT-SIZE: 11px; PADDING-BOTTOM: 0px; WIDTH: 188px; PADDING-TOP: 2px; HEIGHT: 58px
}
.memberLogin_middle LI.topMember {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 3px; WIDTH: 188px; PADDING-TOP: 0px
}
.memberLogin_middle LI.topMember A {
	PADDING-LEFT: 10px; FONT-SIZE: 11px
}
.memberLogin_middle LI.topMember A:hover {
	TEXT-DECORATION: underline
}
.memberLogin_middle LI.textb {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 1px; WIDTH: 188px; PADDING-TOP: 0px
}
.memberLogin_middle P.user_pass {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; WIDTH: 100px; PADDING-TOP: 0px
}
.memberLogin_middle P.piclogin {
	PADDING-RIGHT: 0px; PADDING-LEFT: 10px; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 60px; PADDING-TOP: 0px
}
.memberLogin_middle INPUT.textbox {
	BORDER-RIGHT: #9f9f9f 1px solid; BORDER-TOP: #9f9f9f 1px solid; FONT-SIZE: 10px; MARGIN: 0px 0px 2px; OVERFLOW: hidden; BORDER-LEFT: #9f9f9f 1px solid; WIDTH: 100px; BORDER-BOTTOM: #9f9f9f 1px solid; HEIGHT: 13px
}
.memberLogin_middle P {
	MARGIN: 0px; WIDTH: 158px
}
.memberLogin_middle LI.pic_userLog {
	PADDING-RIGHT: 2px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 5px; WIDTH: 60px; PADDING-TOP: 5px
}
.memberLogin_middle LI.userDetail {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: right; PADDING-BOTTOM: 5px; WIDTH: 122px; PADDING-TOP: 5px
}
.memberLogin_middle LI.userDetail P.dataUser {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 2px; WIDTH: 120px; PADDING-TOP: 2px
}
.memberLogin_middle LI.userDetail P.userLogout {
	WIDTH: 118px; TEXT-ALIGN: right
}
.demon_b-1 A:active {
	COLOR: #000000; TEXT-DECORATION: none
}
.demon_b-1 A:visited {
	COLOR: #000000; TEXT-DECORATION: none
}
.demon_b-1 A:hover {
	COLOR: #0b79db; TEXT-DECORATION: none
}
.demon_b-1 A:link {
	COLOR: #000000; TEXT-DECORATION: none
}
.demon_b-2 A:active {
	COLOR: #000000; TEXT-DECORATION: none
}
.demon_b-2 A:visited {
	COLOR: #000000; TEXT-DECORATION: none
}
.demon_b-2 A:hover {
	COLOR: #ff912b; TEXT-DECORATION: none
}
.demon_b-2 A:link {
	COLOR: #000000; TEXT-DECORATION: none
}
.demon_w-1 A:active {
	COLOR: #ffffff; TEXT-DECORATION: none
}
.demon_w-1 A:visited {
	COLOR: #ffffff; TEXT-DECORATION: none
}
.demon_w-1 A:hover {
	COLOR: #ffffff; TEXT-DECORATION: underline
}
.demon_w-1 A:link {
	COLOR: #ffffff; TEXT-DECORATION: none
}
.demon_w-2 A:active {
	COLOR: #ffffff; TEXT-DECORATION: none
}
.demon_w-2 A:visited {
	COLOR: #ffffff; TEXT-DECORATION: none
}
.demon_w-2 A:hover {
	COLOR: #ff912b; TEXT-DECORATION: none
}
.demon_w-2 A:link {
	COLOR: #ffffff; TEXT-DECORATION: none
}
.demon_bl-or A:active {
	COLOR: none; TEXT-DECORATION: none
}
.demon_bl-or A:visited {
	COLOR:none; TEXT-DECORATION: none
}
.demon_bl-or A:hover {
	COLOR: #ff912b; TEXT-DECORATION: none
}
.demon_bl-or A:link {
	COLOR: none; TEXT-DECORATION: none
}
.demon_or-bl A:active {
	COLOR: #ff6600; TEXT-DECORATION: none
}
.demon_or-bl A:visited {
	COLOR: #ff6600; TEXT-DECORATION: none
}
.demon_or-bl A:hover {
	COLOR: none; TEXT-DECORATION: none
}
.demon_or-bl A:link {
	COLOR: #ff6600; TEXT-DECORATION: none
}
.demon_01 A:active {
	COLOR: #666666; TEXT-DECORATION: none
}
.demon_01 A:visited {
	COLOR: #cc0000; TEXT-DECORATION: none
}
.demon_01 A:hover {
	COLOR: #cc0000; TEXT-DECORATION: underline
}
.demon_01 A:link {
	COLOR: #555555; TEXT-DECORATION: none
}
.demon_02 A:active {
	COLOR: #ffffff; TEXT-DECORATION: none
}
.demon_02 A:visited {
	COLOR: #333333; TEXT-DECORATION: none
}
.demon_02 A:hover {
	COLOR: #ff6500; TEXT-DECORATION: underline
}
.demon_02 A:link {
	COLOR: #333333; TEXT-DECORATION: none
}
.demon_03 A:active {
	COLOR: #666666; TEXT-DECORATION: none
}
.demon_03 A:visited {
	COLOR: #333333; TEXT-DECORATION: none
}
.demon_03 A:hover {
	COLOR: #ff6500; TEXT-DECORATION: underline
}
.demon_03 A:link {
	COLOR: #000000; TEXT-DECORATION: none
}
.demon_04 A:active {
	COLOR: #000000; TEXT-DECORATION: none
}
.demon_04 A:visited {
	COLOR: #000000; TEXT-DECORATION: none
}
.demon_04 A:hover {
	COLOR: #ffffff; TEXT-DECORATION: none
}
.demon_04 A:link {
	COLOR: #000000; TEXT-DECORATION: none
}
.demon_des A:active {
	COLOR: #000000; TEXT-DECORATION: none
}
.demon_des A:visited {
	COLOR: #000000; TEXT-DECORATION: none
}
.demon_des A:hover {
	BORDER-RIGHT: 1px dashed; BORDER-TOP: 1px dashed; BORDER-LEFT: 1px dashed; COLOR: #000000; BORDER-BOTTOM: 1px dashed; TEXT-DECORATION: none
}
.demon_des A:link {
	COLOR: #000000; TEXT-DECORATION: none
}
.img01 {
	FILTER: XRay
}
.gmakerimg {
	BORDER-RIGHT: #000 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #000 1px solid; PADDING-LEFT: 0px; BACKGROUND-IMAGE: url(http://illustmaker.abi-station.com/img/clear.gif); PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: #000 1px solid; WIDTH: 98px; PADDING-TOP: 0px; BORDER-BOTTOM: #000 1px solid; HEIGHT: 94px; TEXT-ALIGN: left
}

.simage96 {
	BORDER-RIGHT: 0px; BORDER-TOP: 0px; FLOAT: left; MARGIN-LEFT: -106px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px
}
IMG.border1p {
	BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP: #ffffff 1px solid; BORDER-LEFT: #ffffff 1px solid; BORDER-BOTTOM: #ffffff 1px solid
}
IMG.border1 {
	BORDER-RIGHT: #ff0000 1px solid; BORDER-TOP: #ff0000 1px solid; BORDER-LEFT: #ff0000 1px solid; BORDER-BOTTOM: #ff0000 1px solid
}
IMG.grayscale1 {
	BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP: #ffffff 1px solid; FILTER: Gray; BORDER-LEFT: #ffffff 1px solid; BORDER-BOTTOM: #ffffff 1px solid
}
.bt_search {
	BORDER-RIGHT: 0px solid; BORDER-TOP: 0px solid; BACKGROUND: url(../../images/home/bg_button01.gif) no-repeat; BORDER-LEFT: 0px solid; WIDTH: 66px; CURSOR: pointer; BORDER-BOTTOM: 0px solid; HEIGHT: 23px
}
.text_bold {
	FONT-WEIGHT: 700
}
.orenge_bold {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #ff9900
}
.centerBox_MT LI.box_news {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FLOAT: left; PADDING-BOTTOM: 5px; WIDTH: 122px; PADDING-TOP: 5px; TEXT-ALIGN: center
}
.centerBox_MT LI.box_updateNews P.icon_news01 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 26px; BACKGROUND: url(../../images/home/icon_movie03.gif) no-repeat 12px 4px; PADDING-BOTTOM: 4px; OVERFLOW: hidden; WIDTH: 372px; PADDING-TOP: 0px
}
.centerBox_MT LI.box_updateNews {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 398px; PADDING-TOP: 2px
}
.centerBox_MT LI.box_updateNews P.icon_news01 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 26px; BACKGROUND: url(../../images/home/icon_movie03.gif) no-repeat 12px 4px; PADDING-BOTTOM: 4px; OVERFLOW: hidden; WIDTH: 372px; PADDING-TOP: 0px
}
.centerBox_MT LI.box_news P.name_news {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; WIDTH: 120px; PADDING-TOP: 5px; HEIGHT: 53px; TEXT-ALIGN: center
}
.centerBox_MT LI.box_news2 {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FLOAT: left; PADDING-BOTTOM: 5px; WIDTH: 185px; PADDING-TOP: 5px; TEXT-ALIGN: center
}
.centerBox_MT LI.box_news2 P.name_news2 {
	PADDING-RIGHT: 20px; PADDING-LEFT: 20px; PADDING-BOTTOM: 0px; WIDTH: 145px; PADDING-TOP: 2px; HEIGHT: 37px; TEXT-ALIGN: center
}
.centerBox_MT LI.box_talk_left {
	FLOAT: left; WIDTH: 100px; TEXT-ALIGN: center
}
.centerBox_MT LI.box_talk_left P.pic_talk {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; OVERFLOW: hidden; WIDTH: 80px; PADDING-TOP: 10px; HEIGHT: 80px
}
.centerBox_MT LI.box_talk_left P.name_talk {
	OVERFLOW: hidden; WIDTH: 100px; HEIGHT: 20px
}
.centerBox_MT LI.box_talk_right {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; OVERFLOW: hidden; WIDTH: 278px; PADDING-TOP: 7px
}
.centerBox_MT LI.box_talk_right P.icon_talk {
	PADDING-RIGHT: 0px; PADDING-LEFT: 26px; BACKGROUND: url(../../images/home/icon_talk01.gif) no-repeat 12px 3px; PADDING-BOTTOM: 5px; OVERFLOW: hidden; WIDTH: 250px; PADDING-TOP: 0px
}
.centerBox_MT LI.box_diary_right {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; WIDTH: 395px; PADDING-TOP: 7px
}
.centerBox_MT LI.box_diary_right P.icon_diary01 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 26px; BACKGROUND: url(../../images/home/icon_diary1.gif) no-repeat 12px 3px; PADDING-BOTTOM: 5px; OVERFLOW: hidden; WIDTH: 228px; PADDING-TOP: 0px
}
.centerBox_MT LI.box_diary_right P.icon_diary02 {
	OVERFLOW: hidden; WIDTH: 140px; HEIGHT: 18px
}
.table1p {
	BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; FONT-SIZE: 12px; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid
}
.table_des {
	BORDER-RIGHT: 1px dashed; BORDER-TOP: 1px dashed; FONT-SIZE: 12px; BORDER-LEFT: 1px dashed; BORDER-BOTTOM: 1px dashed
}
.tb_x_base {
	BACKGROUND-POSITION: 50% bottom; FONT-SIZE: 12px; BACKGROUND-REPEAT: repeat-x
}
.tb_x_top {
	BACKGROUND-POSITION: 50% top; FONT-SIZE: 12px; BACKGROUND-REPEAT: repeat-x
}
.tb_y_left {
	BACKGROUND-POSITION: left 50%; FONT-SIZE: 12px; BACKGROUND-REPEAT: repeat-y
}
.tb_y_right {
	BACKGROUND-POSITION: right 50%; FONT-SIZE: 12px; BACKGROUND-REPEAT: repeat-y
}
.tb_no_lb {
	BACKGROUND-POSITION: left bottom; FONT-SIZE: 12px; BACKGROUND-REPEAT: no-repeat
}
.tb_no_lt {
	BACKGROUND-POSITION: left top; FONT-SIZE: 12px; BACKGROUND-REPEAT: no-repeat
}
.tb_no_rb {
	BACKGROUND-POSITION: right bottom; FONT-SIZE: 12px; BACKGROUND-REPEAT: no-repeat
}
.tb_no_rt {
	BACKGROUND-POSITION: right top; FONT-SIZE: 12px; BACKGROUND-REPEAT: no-repeat
}
.form_01 {
	BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; FONT-SIZE: 12px; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid; FONT-FAMILY: "MS Sans Serif", "Tahoma"; BACKGROUND-COLOR: #ffffff
}
.form_02 {
	BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; FONT-SIZE: 14px; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid; FONT-FAMILY: "MS Sans Serif", "Tahoma"; BACKGROUND-COLOR: #ffffff
}
.dotline2_head {  background: url("images/dot_pixel.gif") repeat-x left bottom;  background-color:#EAEAEA;}
.dotline { background: url("images/dot_pixel.gif") repeat-x left bottom; }


/* สำหรับใส่รูปแบบให้กับ กล่องข้อความ โดยไม่ต้อง ทำแบบรูป ทุกครั้ง แค่กำหนด style ก็พอ .. สุดยอดเลยย*/ 
.box_{ background-color:#FFFFFF; color: #000000; }
.box_bgpic { background: url("images/img_border4/bg.gif") repeat-x; color: #000000; background-color:#FFFFFF;  }
.box_bgpic_pink { background: url("images/img_border4/bg_pink.gif") repeat-x; color: #000000; background-color:#FFFFFF;  }
.box_bgpic_gray { background: url("images/img_border4/bg_gray.gif") repeat-x; color: #000000; background-color:#FFFFFF;  }
.box_top_left { height:15px; width:7px; background: url("images/img_border4/lefttop.gif") no-repeat; }
.box_top { height:15px; background: url("images/img_border4/bgtop.gif") repeat-x; font-weight: bold; text-align:left; padding-left:10px; }
.box_top_right { height:15px; width:7px; background: url("images/img_border4/righttop.gif") no-repeat; }

.box_left { width:7px; background: url("images/img_border4/bgleft.gif") repeat-y; }
.box_right { width:7px; background: url("images/img_border4/bgright.gif") repeat-y; }

.box_bottom_left { height:8px; width:7px; background: url("images/img_border4/leftbottom.gif") no-repeat; }
.box_bottom { height:8px; background: url("images/img_border4/bgbottom.gif") repeat-x; font-weight: bold; text-align:left; padding-left:10px; }
.box_bottom_right { height:8px; width:7px; background: url("images/img_border4/rightbottom.gif") no-repeat; }

/* กล่องข้อความสี เทา */ 
.box_gray{ background-color:#F2F2F2; color: #000000; }
.box_gray_top_left { height:8px; width:8px; background: url("images/gray_border/td_b_a01.gif") no-repeat; }
.box_gray_top { height:8px; background: url("images/gray_border/td_b_a02.gif") repeat-x; font-weight: bold; text-align:left; }
.box_gray_top_right { height:8px; width:8px; background: url("images/gray_border/td_b_a03.gif") no-repeat; }

.box_gray_left { width:8px; background: url("images/gray_border/td_b_b01.gif") repeat-y; }
.box_gray_right { width:8px; background: url("images/gray_border/td_b_b03.gif") repeat-y; }

.box_gray_bottom_left { height:8px; width:8px; background: url("images/gray_border/td_b_c01.gif") no-repeat; }
.box_gray_bottom { height:8px; background: url("images/gray_border/td_b_c02.gif") repeat-x; font-weight: bold; text-align:left; }
.box_gray_bottom_right { height:8px; width:8px; background: url("images/gray_border/td_b_c03.gif") no-repeat; }

/* กล่องข้อความสี ฟ้า */ 
.box_bluesky{ background-color:#E8F5FC; color: #000000; }
.box_bluesky_top_left { height:8px; width:8px; background: url("images/bluesky_border/top_left.gif") no-repeat; }
.box_bluesky_top { height:8px; background-color: #E8F5FC; }
.box_bluesky_top_right { height:8px; width:8px; background: url("images/bluesky_border/top_right.gif") no-repeat; }

.box_bluesky_left { width:8px; background: url("images/bluesky_border/left.gif") repeat-y; }
.box_bluesky_right { width:8px; background: url("images/bluesky_border/right.gif") repeat-y; }

.box_bluesky_bottom_left { height:8px; width:8px; background: url("images/bluesky_border/bottom_left.gif") no-repeat; }
.box_bluesky_bottom { height:8px; background: url("images/bluesky_border/bottom.gif") repeat-x; font-weight: bold; text-align:left; }
.box_bluesky_bottom_right { height:8px; width:8px; background: url("images/bluesky_border/bottom_right.gif") no-repeat; }


/* ปุ่มต่างๆ */
.input_bt_120px { width:120px; background: url("images/button/input-bt-120px.gif") no-repeat; text-align:center; font-size: 10px; font-family:"Ms Sans Serif"; color: #000000; height:20px; border: 0px ; cursor:pointer; }
.input_bt_120px_blue { width:120px; background: url("images/button/input-bt-120px_blue.gif") no-repeat; text-align:center; font-size: 10px; font-family:"Ms Sans Serif"; color: #000000; height:20px; border: 0px ; cursor:pointer; }
.input_bt_120px_orange { width:120px; background: url("images/button/input-bt-120px_orange.gif") no-repeat; text-align:center; font-size: 10px; font-family:"Ms Sans Serif"; color: #000000; height:20px; border: 0px ; cursor:pointer; }
.input_bt_100px { width:100px; background: url("images/button/input-bt-100px.gif") no-repeat; text-align:center; font-size: 10px; font-family:"Ms Sans Serif"; color: #000000; height:20px; border: 0px ; cursor:pointer; }
.input_bt_100px_blue { width:100px; background: url("images/button/input-bt-100px_blue.gif") no-repeat; text-align:center; font-size: 10px; font-family:"Ms Sans Serif"; color: #000000; height:20px; border: 0px ; cursor:pointer; }
.input_bt_100px_orange { width:100px; background: url("images/button/input-bt-100px_orange.gif") no-repeat; text-align:center; font-size: 10px; font-family:"Ms Sans Serif"; color: #000000; height:20px; border: 0px ; cursor:pointer; }
.input_bt_80px { width:80px; background: url("images/button/input-bt-80px.gif") no-repeat; text-align:center; font-size: 10px; font-family:"Ms Sans Serif"; color: #000000; height:20px; border: 0px ; cursor:pointer; }
.input_bt_80px_blue { width:80px; background: url("images/button/input-bt-80px_blue.gif") no-repeat; text-align:center; font-size: 10px; font-family:"Ms Sans Serif"; color: #000000; height:20px; border: 0px ; cursor:pointer; }
.input_bt_80px_orange { width:80px; background: url("images/button/input-bt-80px_orange.gif") no-repeat; text-align:center; font-size: 10px; font-family:"Ms Sans Serif"; color: #000000; height:20px; border: 0px ; cursor:pointer; }
.input_bt_60px { width:60px; background: url("images/button/input-bt-60px.gif") no-repeat; text-align:center; font-size: 10px; font-family:"Ms Sans Serif"; color: #000000; height:20px; border: 0px ; cursor:pointer; }
.input_bt_60px_blue { width:60px; background: url("images/button/input-bt-60px_blue.gif") no-repeat; text-align:center; font-size: 10px; font-family:"Ms Sans Serif"; color: #000000; height:20px; border: 0px ; cursor:pointer; }
.input_bt_60px_orange { width:60px; background: url("images/button/input-bt-60px_orange.gif") no-repeat; text-align:center; font-size: 10px; font-family:"Ms Sans Serif"; color: #000000; height:20px; border: 0px ; cursor:pointer; }
.input_bt_40px { width:40px; background: url("images/button/input-bt-40px.gif") no-repeat; text-align:center; font-size: 10px; font-family:"Ms Sans Serif"; color: #000000; height:20px; border: 0px ; cursor:pointer; }
.input_bt_40px_blue { width:40px; background: url("images/button/input-bt-40px_blue.gif") no-repeat; text-align:center; font-size: 10px; font-family:"Ms Sans Serif"; color: #000000; height:20px; border: 0px ; cursor:pointer; }
.input_bt_40px_orange { width:40px; background: url("images/button/input-bt-40px_orange.gif") no-repeat; text-align:center; font-size: 10px; font-family:"Ms Sans Serif"; color: #000000; height:20px; border: 0px ; cursor:pointer; }
.input_bt_30px { width:30px; background: url("images/button/input-bt-30px.gif") no-repeat; text-align:center; font-size: 10px; font-family:"Ms Sans Serif"; color: #000000; height:20px; border: 0px ; cursor:pointer; }
.input_bt_30px_blue { width:30px; background: url("images/button/input-bt-30px_blue.gif") no-repeat; text-align:center; font-size: 10px; font-family:"Ms Sans Serif"; color: #000000; height:20px; border: 0px ; cursor:pointer; }
.input_bt_30px_orange { width:30px; background: url("images/button/input-bt-30px_orange.gif") no-repeat; text-align:center; font-size: 10px; font-family:"Ms Sans Serif"; color: #000000; height:20px; border: 0px ; cursor:pointer; }


ol.menu {
  list-style-type:none;
  display:table;
  float:none;
  margin:0 auto;
}
.menu li {
  display:inline;
  white-space:nowrap;
}
.menu span {
  float:left;
  display:table;
  padding:2px;
  cursor:pointer;
}
.button { /* ปุ่มเลือกสี ปกติ */
  margin:1px;
}
.hover { /* ปุ่มเลือกสี เมื่อเมาส์อยู่บน */
  background:#D3E4F5;
  border:1px solid #167FB2;
  margin:0;
}
.current { /* ปุ่มเลือกสี เมื่อเลือก */
  background:#D3E4F5;
  border:1px solid #167FB2;
  margin:0;
}