﻿#top { height:24px; overflow:hidden; padding-top:14px;}
#top-keyw { float:left;  }
#top-keyw input.ipt { float:left; width:142px; height:12px; padding-left:3px; border:1px solid #ddd; color:#555; vertical-align:middle; font:11px Arial; *font:10px Arial; letter-spacing:1px;}
#top-keyw input.btn { float:left; margin-left:5px;}
#top-memb {float:right; padding-right:12px; }

#footer {  float:left; width:378px; padding-left:20px;  padding-top:22px; }
#footer a { display:block; float:left; margin-right:26px; padding-left:15px; background:url(../images/icon6.gif) no-repeat 2px 2px; font-size:11px; *font-size:10px; color:#9d9d9d; text-decoration:none; }
#footer a:hover { color:#666; }
#copyright { float:right; padding-top:22px; }

#nav { position:absolute; left:0; top:95px; z-index:10; height:49px; }
#nav .n { position:relative; float:left; width:168px; margin-right:11px; }
#nav .nn { display:block;}
#nav .s { display:none; position:relative; top:-1px; width:163px; background:#fff url(../images/blank.gif); border-bottom:1px solid #ddd; border-right:1px solid #ddd}
#nav .s-head { height:10px; background:url(../images/navsub_head.jpg) no-repeat; }
#nav .s-foot { height:30px; background:url(../images/navsub_foot.jpg) no-repeat}
#nav .ss { padding:3px 12px; background:url(../images/navsub_hr.gif) no-repeat bottom left;}
#nav .ss a { padding-left:25px; background:url(../images/navsub_arr.gif) no-repeat 2px 0; *background-position:2px -2px; color:#575757; text-decoration:none;}
#nav .ss a:hover { padding-left:24px; color:#999;}

#side { float:left; position:relative; width:144px; padding-top:54px; _height:700px; min-height:700px;}
#side-menu { background:url(../images/sect_sidenav_body.gif) repeat-y;}
#side-menu .head { height:10px; background:url(../images/sect_sidenav_head.gif) no-repeat;}
#side-menu .foot { height:15px; background:url(../images/sect_sidenav_foot.gif) no-repeat;}
#side-menu .n { padding:6px 12px 2px 43px; *padding-top:8px; margin-bottom:3px;background:url(../images/sect_sidenav_n.gif) no-repeat; font-weight:bold; color:#fff;}
#side-menu .n a { color:#fff; text-decoration:none;}
#side-menu .n a:hover { color:#ededed; }
#side-menu .s { display:none; padding:8px 12px; margin-left:-43px; font-weight:normal; }
#side-menu .ss { padding:3px 0; background:url(../images/navsub_hr.gif) no-repeat bottom left;}
#side-menu .ss a { padding-left:25px; background:url(../images/navsub_arr.gif) no-repeat 2px 0; *background-position:2px -2px; color:#575757; text-decoration:none;}
#side-menu .ss a:hover { padding-left:24px; color:#999; }
#side-menu .current { background-image:url(../images/sect_sidenav_o.gif); }
#side-menu .current .s {display:block; }

#side-ad { padding:4px 4px; margin-top:3px; /*background:url(../images/sect_adleft.gif) no-repeat;*/}
#side-ad1 { width:135px; height:120px; margin-bottom:4px; border:1px solid #fff; background:#eee; }
#side-ad2 { width:135px; height:120px; margin-bottom:10px;  border:1px solid #fff;  background:#eee;}
#side-ad3 { padding-bottom:10px; margin-bottom:12px; background:url(../images/hr1.gif) repeat-x left bottom;}	
#side-ad4 { padding-bottom:10px; background:url(../images/hr1.gif) repeat-x left bottom;}
#side-ad .title { padding-left:20px; background:url(../images/icon1.gif) no-repeat 0 2px; line-height:18px;color:#555; font-weight:bold; font-size:10px; }
#side-ad .text { padding-left:20px;  color:#2e96c4;}
#side-ad a.more { display:block; text-align:right;}

/* 有左欄的main */
#main { float:left; overflow-x:hidden; position:relative;width:738px; margin-left:5px; margin-top:49px; background:url(../images/sect_content_body_narrow.gif) repeat-y;}
#main .main-head { position:relative; z-index:1; height:300px; background:url(../images/sect_content_head_narrow.jpg) no-repeat; }
#main .main-body { position:relative; z-index:2; width:711px; height:1%; _height:300px; min-height:300px; margin-top:-300px; padding:21px 0px 10px 27px;}
#main .main-foot { clear:both; height:12px; background:url(../images/sect_content_foot_narrow.gif) no-repeat; }
#crumb { float:left; width:352px; color:#acacac; font-size:11px; *font-size:10px; }
#crumb a { color:#acacac; text-decoration:none;}
#crumb a:hover,
#crumb .current { color:#787878;}
#main-title { position:relative; clear:left; float:left; width:332px; padding:14px 0 30px 20px; background:url(../images/icon2.gif) no-repeat 0 15px; font-size:16px; font-weight:bold; color:#2ba5d9;}
#main-title .description {position:absolute; left:0; top:35px; color:#a0a0a0; font-size:12px; font-weight:normal;line-height:16px;}
#main-menu {  float:left; padding:0 16px 0 0;}
#main-menu a { display:block; margin-bottom:5px; }
#main-msg { padding:0 20px 10px 20px; font-weight:bold; color:#777; line-height:18px; }
#main-msg strong { color:#333; }

/*無左欄的main(寬版) */
#main.wide {overflow-x:hidden; position:relative;width:895px; margin-left:0px; margin-top:49px; background:url(../images/sect_content_body_wide.gif) repeat-y;}
#main.wide .main-head { position:relative; z-index:1; height:300px; background:url(../images/sect_content_head_wide.jpg) no-repeat; }
#main.wide .main-body { position:relative; z-index:2; width:841px; height:1%; _height:300px; min-height:300px; margin-top:-300px; padding:21px 27px 10px 27px;}
#main.wide .main-foot { clear:both; height:12px; background:url(../images/sect_content_foot_wide.gif) no-repeat; }
#main.wide #crumb {  float:none; width:841px;  }
#main.wide #main-title { float:none; width:821px; padding-bottom:14px 0 20px 20px; }

/*無左欄、無主選單的main(寬版) */
#main.aloneWide {margin-top:14px; }
#main.aloneWide .main-head { position:relative; z-index:1; height:300px; background:url(../images/sect_content_head2_wide.jpg) no-repeat; }

/*無左欄的main(窄版)*/
#main.aloneNarrow { margin-top:14px;}
.aloneNarrow { _top:-35px;}
#main.aloneNarrow .main-head { position:relative; z-index:1; height:300px; background:url(../images/sect_content_head2_narrow.jpg) no-repeat; }
#main.aloneNarrow #main-title { float:none; width:640px; padding-bottom:20px; }

.hr { height:7px; background:url(../images/hr1.gif) repeat-x;  }
.hr1 { height:6px; background:url(../images/hr2.gif) repeat-x;}
.hr2 { height:6px; background:url(../images/hr2.gif) repeat-x;}
.hr3 { height:3px; background:#ffcd84 url(../images/hr3.gif) no-repeat; }

.form { color:#111;}
.form p { _height:20px; min-height:20px; margin:0; padding:10px 20px 10px 50px; border-bottom:1px dotted #828282; _border-bottom:1px dotted #ddd; vertical-align:middle;}
.form p.row-a { background-color:#fff;}
.form p.row-b { background-color:#e8f4ff;}
.form label { margin-left:10px;}
.form .ipttxt { _position:relative; _top:-2px; width:110px; height:13px; padding:1px 3px; border:1px solid #999; color:#777; vertical-align:middle;  font:11px Arial; *font:10px Arial;letter-spacing:1px;}
.form .iptcheck { position:relative; top:2px; }
.form select { width:110px; height:15px; border:1px solid #999; color:#555;  font:11px Arial; *font:10px Arial; }
.form span.hint { font-size:11px; *font-size:11px; color:#777; padding-left:5px; }
.form .btn {text-align:center; }
.form textarea { _position:relative; _top:-2px; width:130px; height:60px; padding:1px 3px; border:1px solid #999; color:#777; font:11px Arial; *font:10px Arial;letter-spacing:1px;}