@charset "UTF-8";
/* CSS Document */
@import url('clear.css');

body { background-color:#666; font-family: Tahoma, 'MS Sans Serif' Thonburi, Arial, Helvetica, sans-serif; font-size:13px;  color:#666;}
a { text-decoration:none; }
a:hover { text-decoration:underline;}
input, textarea { color:#37698A; }
input.input-1, input.input-1-1 { background-color:#fff; border: solid 1px #666699; float:left; width:105px; height:18px; }



#container { margin:0 auto; background-color:#999; width:960px; padding: 0px 3px; }
h1 a { display:block; width:220px; height:100px; position:absolute; left:10px; text-indent:-200em; }
h2 { display:none; }

#head { background-image: url(../images/bg-header.png); background-repeat: no-repeat; display: block; height: 110px; width: 960px; position: relative; }

ul#main-menu { display:block; position:absolute; right:2px; bottom:5px; }
ul#main-menu li, ul#main-menu-text li { display:inline; }
ul#main-menu li a { display:block; float:left; height:70px; width:60px; background-repeat:no-repeat; text-indent:-200em; }

a.btn-main-1 { background-image: url(../images/btn-main-1.png); }
a.btn-main-2 { background-image: url(../images/btn-main-2.png); }
a.btn-main-3 { background-image: url(../images/btn-main-3.png); margin-left:5px; }
a.btn-main-4 { background-image: url(../images/btn-main-4.png); margin-left:20px; }
a.btn-main-5 { background-image: url(../images/btn-main-5.png); margin-left:7px;}
a.btn-main-6 { background-image: url(../images/btn-main-6.png); }
a.btn-main-7 { background-image: url(../images/btn-main-7.png); }
a.btn-main-8 { background-image: url(../images/btn-main-8.png); }
a.btn-main-9 { background-image: url(../images/btn-main-9.png); margin-left:7px;}
a.btn-main-10 { background-image: url(../images/btn-main-10.png); margin-left:12px; }
a.btn-main-11 { background-image: url(../images/btn-main-11.png); margin-left:15px; }

ul#main-menu-text { display:block; position:absolute; right:10px; top:10px; }
ul#main-menu-text li a { color:#fff; margin-left:10px; font-size:12px; display:block; float:left; }


#head-2 { height:140px; width:auto; display:block; position:relative; overflow:hidden; }
#head-2 .member { position:relative; top:3px; background-image: url(../images/bg-member-zone.png); background-repeat: no-repeat; height: 137px; width: 211px; padding: 25px 0 0 15px;  }
#head-2 .member label { width:70px; display:block; color:#515B83; float:left; }
#head-2 .member p { height:28px; }
input.btn-go { width:36px; height:28px; border:none; font-size:1px; color:#fff; background-color: transparent; background-image: url(../images/btn-go.png); position:relative; left:45px; cursor:pointer;  text-indent:-200em;}
#head-2 .member a { color:#37698A; font-size:12px; position:relative; top:5px; }
#head-2 .member h3 { text-indent:-200em; }

#head-2 .memberLogin { position:relative; top:3px; background-image: url(../images/bg-member-zone.png); background-repeat: no-repeat; height: 137px; width: 211px; padding: 25px 0 0 0;  }
#head-2 .memberLogin label { width:70px; display:block; color:#515B83; float:left; }
#head-2 .memberLogin input.input-Invalid { background-color:#fff; border: solid 1px #666699; float:left; width:95px; height:18px; }
#head-2 .memberLogin .lblInvalid { color: #808000; padding-left:5px; }
#head-2 .memberLogin p { height:28px;padding-left:15px; }
#head-2 .memberLogin input.btn-go { width:36px; height:28px; border:none; font-size:1px; color:#fff; background-color: transparent; background-image: url(../images/btn-go.png); position:relative; left:45px; cursor:pointer;  text-indent:-200em;}
#head-2 .memberLogin a { color:#37698A; font-size:12px; position:relative; top:5px; vertical-align:top; }
#head-2 .memberLogin a.a1 { position:absolute; top:115px; left:15px; }
#head-2 .memberLogin h3 { text-indent:-200em; }

#head-2 .memberZone { position:relative; top:3px; background-image: url(../images/bg-member-zone.png); background-repeat: no-repeat; height: 137px; width: 211px; padding: 25px 0 0 0px;  }
#head-2 .memberZone label { width:70px; display:block; color:#515B83; float:left; }
#head-2 .memberZone p { height:auto;padding-left:15px; }
#head-2 .memberZone a { color:#37698A; font-size:12px; position:relative; top:5px;}
#head-2 .memberZone h3 { text-indent:-200em; }
#head-2 .memberZone p.p-username { margin-top:20px; margin-bottom:20px;}
#head-2 .memberZone p.p-link { margin-top:5px; }

p.h-banner { position:absolute; right:0px; top:3px;  display:block; height:138px; width: 745px; text-align: center;}

#head-3 { height:25px; display:block; position:relative; margin-top:3px; }
#search {  background-image: url(../images/bg-seach.png); display: block; height: 24px; width: 383px; position:absolute; top:0px; left:0px; }
#search label { float:left; display:block; text-indent:-200em;  }
#search input.input-1 { position:relative; left:50px; top:1px; }
input.btn-search { width:25px; height:23px; border:none; font-size:1px; color:#fff; background-color: transparent; background-image: url(../images/btn-search.png); cursor:pointer; position:absolute; left:165px;  text-indent:-200em;  }
input.radio-1, input.radio-2 { position:absolute; right:157px; top:5px;}
input.radio-2 {  right:85px; }

#request { background-image: url(../images/bg-request.png); background-repeat:no-repeat; display: block; height: 24px; width: 575px; position:absolute; top:0px; right:0px; }
#request label { float:left; display:block; text-indent:-200em; }
#request input.input-1, #request input.input-1-1 { position:absolute; right: 295px; top:1px; }
#request input.input-1-1 { right:100px; }
#request input.btn-send { width:33px; height:24px; border:none; font-size:1px; color:#fff; background-color: transparent; background-image: url(../images/btn-send.png); cursor:pointer; position:absolute; right:60px;  text-indent:-200em; }

#footer { display:block; margin-top:3px; background-image: url(../images/bg-footer.png); background-repeat: no-repeat; height: 95px; width: 960px; padding-top:15px; }
#footer p { position:relative; color:#fff; margin-left: 220px; }

#text-link-ads { background: #fff url(../images/hd-text-link-ads.png) no-repeat; width:715px; margin-top:3px; padding-left:10px; }
#text-link-ads h3 { padding: 10px 0px; font-weight:normal; color:#000;  }
#text-link-ads ul { display:block; float:left; width:355px; }
#text-link-ads li { padding: 3px 0 0 13px; background: url(../images/bullet-arrow-red.png) no-repeat 0px 9px;  }
span.foooter-text-link-ads { display:block; width:725px; height:5px; background: url(../images/footer-text-link-ads.png) no-repeat; }