body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; }
tr { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
td { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
.tdbg { background: #80B4CF; font-size: 12px; }
.lefttdbg { background: url(images/leftbg1.gif); width: 4px; }

.lefttd1 { background: url(images/left_l_1.gif); width: 25px; height: 20px; }
.lefttd2 { background: url(images/left_l_2.gif); width: 25px; height: 20px; }
.lefttd3 { font-size: 12px; padding-left: 15px; text-align: left; color: #FFFFFF; font-weight: bold; background: url(images/left_l_bg.gif); }
table.sdmenu DIV { overflow: hidden; }
table.sdmenu DIV.collapsed { height: 22px; }
table.sdmenu DIV SPAN { padding-right: 22px; display: block; }
table.sdmenu DIV.collapsed .lefttd1 { background: url(images/left_l_2.gif); }
#login { background: url(images/login_bg.jpg) #ffffff repeat-x; }

.loginuser { border: 1px solid #C0C0C0; background-image: url(../../../images/user.gif); background-repeat: no-repeat; padding-left: 18px; background-position-y: 1px; color: #333333; width: 150px; height: 22px; line-height: 20px; }
.loginpwd { border: 1px solid #C0C0C0; background-image: url(../../../images/key.gif); background-repeat: no-repeat; padding-left: 18px; background-position-y: 1px; color: #333333; width: 150px; height: 22px; line-height: 20px; }
.loginrz { border: 1px solid #C0C0C0; background-image: url(../../../images/rz.gif); background-repeat: no-repeat; padding-left: 18px; background-position-y: 1px; color: #333333; width: 150px; height: 22px; line-height: 20px; }
.loginmap { border: 1px solid #C0C0C0; background-image: url(../../../images/map_edit.gif); background-repeat: no-repeat; padding-left: 18px; background-position-y: 1px; color: #333333; width: 80px; height: 22px; line-height: 20px; }

.f14 { font-size: 14px; }
#f24 { font-size: 24px; }

#alert1 { background-image: url(images/msg_1.gif); height: 25px; float: left; }
#alert2 { background-image: url(images/msg_2.gif); height: 25px; float: left; color: #FFFFFF; }
#alert3 { background-image: url(images/msg_3.gif); height: 25px; float: left; cursor: pointer; }
#alert31 { background-image: url(images/msg_3_1.gif); height: 25px; float: left; cursor: pointer; }
#Msg { background-image: url(images/msg_4.gif); float: left; background-repeat: repeat-y; }

#alert4 { background-image: url(images/msg_4.gif); float: left; font-size: 0px; background-repeat: repeat-y; }
#alert5 { background-image: url(images/msg_5.gif); float: left; background-position: right; background-repeat: repeat-y; text-align: left; }
#alert6 { background-color: White; background-image: url(images/msg_6.gif); height: 5px; float: left; background-repeat: no-repeat; font-size: 0px; }
#alert7 { background-image: url(images/msg_7.gif); float: left; height: 5px; font-size: 0px; background-position: right; }
#topbg { background-image: url(images/top_bg.gif); background-repeat: repeat-x; height: 32px; }

#topTable { margin: 0 0 3px 0; }

#topTable td { padding-right: 5px; }

#topTable a { float: left; background: url(  "images/topleftbg.gif" ) no-repeat left top; margin: 0; padding: 0 0 0 4px; text-decoration: none; cursor: pointer; }
#topTable a span { float: left; display: block; background: url( "images/toprightbg.gif" ) no-repeat right top; height: 27px; line-height: 27px; color: #FFF; width: 80px; text-align: center; }
#topTable a span { float: none; }
/* End IE5-Mac hack */
#topTable a:hover span { color: #FFF; }
#topTable a:hover { background-position: 0% -42px; }
#topTable a:hover span { background-position: 100% -42px; }

#topTable #topTd a { background-position: 0% -42px; }
#topTable #topTd a span { background-position: 100% -42px; }
.LeftMoveTr { height: 22px; width: 100%; }
.LeftMoveTrBg { background-color: #e6e6e6; height: 22px; width: 100%; }
a:active { color: #333333; text-decoration: none; }
a:hover { text-decoration: none; color: #333333; }
a:link { color: #333333; text-decoration: none; }
a:visited { color: #333333; text-decoration: none; }
#LeftMenu span img { margin: 0 10px 0 20px; }
.dh,.dh2,.dh3 { background-color: #dedede; border-right: #999999 1px solid; border-top: #999999 1px solid; border-left: #999999 1px solid; border-bottom: #999999 1px solid; width: 99%; margin-top: 3px; margin-bottom: 5px; height: 25px; }
.dh select,.dh2 select { height:22px;margin-right:2px;}
.dh1 { background-color: #dedede; }
.border,.border2 { border-right: #999999 1px solid; border-top: #999999 1px solid; border-left: #999999 1px solid; border-bottom: #999999 1px solid; width: 99%; }
.bqleft { text-align: right; background-color: #e8e8e8; height: 28px; width: 150px; }
.bqright { text-align: left; background-color: #f6f6f6; padding-left: 2px; line-height: 150%; }
.btn { border: #666666 1px solid; padding-right: 5px; padding-left: 5px; font-size: 12px; cursor: pointer; height: 24px; font-family: Verdana; background: url(images/btnbg.gif); background-repeat: repeat-x; }
.in1 { border: #666666 1px solid; height: 20px; line-height: 20px; }
select { min-height:23px;border: #666666 1px solid;margin-right:2px;}
.title5 { background: url(images/titlebg2.gif); width: 80px; cursor: pointer; line-height: 120%; padding-top: 2px; text-align: center; height: 20px; }
.title6 { font-weight: normal; background: url(images/titlebg1.gif); width: 80px; cursor: pointer; color: #ffffff; padding-top: 2px; text-align: center; height: 20px; }
.title { font-weight: normal; background: #80B4CF; color: #000000; height: 19px; line-height: 19px; text-align: center; font-size: 12px; background: url("images/title.gif"); }
.tdMoveTr { background-color: #ededed; height: 22px; width: 100%; }
.tdMoveTrBg { background-color: #e0e0e0; height: 22px; width: 100%; }
.tdMoveTrCommonStyle { background-color: #ffffb9; height: 22px; width: 100%; }
.LabelTd1 { background-color: #E7E7E7; height: 22px; text-align: center; cursor: pointer; }
.LabelTd2 { background-color: #d2d2d2; text-align: center; cursor: pointer; height: 22px; }
.infotd { filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#ffffff",endColorStr="#336699",gradientType="0"); }
.inftable { border: 1px solid #98b770; }
#marqueeBox { background: #f7f7f7; border: 1px solid silver; padding: 1px; text-align: center; margin: 0 auto; }
.Link { background: #e6e6e6; width: 99%; height: 24px; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #999999; margin: 0px auto; }
.Link1 { float: left; background: url(images/linkbg1.gif); text-align: center; height: 20px; line-height: 20px; }
.LinkDiv { float: left; padding-top: 3px; }
.info1 { background-color: #f3f3f3; padding-left: 10px; width: 60%; height: 40px; }
.info2 { background-color: #a6a6a6; }
.comment1 { background-color: #dbd9d9; padding-left: 10px; height: 22px; }
.comment2 { background-color: #f5f5f5; height: 40px; }
.xiala { border: 1px solid #999999; background-image: url(images/xialabg.gif); background-repeat: repeat-y; background-color: #ededed; margin-top: -2px; }

.xiala span { margin-left: 20px; }

.xiala td { height: 25px; }

.alertisok { background-color: #FFE4D2; border: 1px solid #FF6600; height: 22px; padding-left: 20px; padding-right: 20px; background-image: url(../../../images/alert.gif); background-repeat: no-repeat; }

.fieldstyle { cursor: pointer; border: solid 1px #9c9c9c; text-align: center; width: 99%; height: 20px; line-height: 20px; }


/*ะยิ๖*/
.seaSpan { height: 22px; line-height: 22px; float: left; margin-left: 10px; }
.seaBtn { float: left; margin-left: 2px; }
.float { float: left; }
.flower{background-image: url(../../../images/flower.jpg);width:256px;height:207px;}
.flower td{text-align:center;width:20%}
.tabs { width:99%;}