html,body{height:100%; background-color:#A37A39;}
body {margin:0;font-family:"微軟正黑體"; font-size:13px; line-height:16px; background:url(../images/index/index_01.gif) repeat-x top; background-color:#A37A39;}
TABLE { BORDER-COLLAPSE:collapse; border-spacing: 0;}
a { color:#333; text-decoration:none;}
a:hover { color:#300; text-decoration:underline;}
#index_BodyTable {width:980px; height:100%; border:none; margin:center}
#bg_01 { background:url(../images/bg1.png) repeat-y; width:10px;}
#bg_02 { background:url(../images/bg2.png) repeat-y; width:10px;}
#index {background:url(../images/index/index_04.gif) no-repeat; width:960px; height:307px;line-height:0px}
#index .login_text { float:left; width:250px; margin-top:250px; margin-left:10px; color:#666; line-height:20px;}
#index_01 {background:url(../images/index/menu/index_menu_02.gif) no-repeat; width:213px; height:21px;}
#index_02 { background:url(../images/index/menu/index_menu_09.gif) no-repeat; width:213px; height:116px;}
#index_main { height:15px;}
#index_sub {background:url(../images/index/index_sub.gif) no-repeat; width:960px; height:170px; background-color:#FFF}
#index_sub .logintext { width:250px; margin-top:120px; margin-left:10px; color:#666}
#index_body {height:54%;}
#footer { background:url(../images/index/index_05.gif) no-repeat; width:960px; height:126px;}
#footer div { margin-bottom:0px; margin-top:30px; text-align:center; color:#000; line-height:22px;}
#ft-main {float:right; overflow:hidden; margin-right:5px;}
#ft-main li {margin-bottom:0px;
list-style-type:none;
line-height:0px;
display: inline;}
#ft-main li a { line-height:28px;padding: 0px 5px; color: #ffffff; border-right:1px solid #ccc; text-decoration: none;}
#ft-main li a:hover {text-decoration: underline; color:#C90}
#ft-main li .last {padding: 0px 5px; border-right: none;}
.index_menu { width:175px; float:right; margin-right:45px; margin-top:30px;overflow:hidden}
.index_menu li {margin-bottom:0px;
list-style-type:none;
line-height:0px;
}
.index_menu #link1 a{background-image:url(../images/index/menu/menu_01.png);}
.index_menu #link2 a{background-image:url(../images/index/menu/menu_02.png);}
.index_menu #link3 a{background-image:url(../images/index/menu/menu_03.png);}
.index_menu #link4 a{background-image:url(../images/index/menu/menu_04.png);}
.index_menu #link5 a{background-image:url(../images/index/menu/menu_05.png);}
.index_menu #link6 a{background-image:url(../images/index/menu/menu_06.png);}
.index_menu li a {display:block;
line-height:30px;
background-repeat:no-repeat;
text-indent:-9999px;}
.index_menu li a:hover {background-position:0 -40px;}
.index_menu ul {margin:0;
padding:0;
}
/*.index_menu .current a{background-position:0 -40px;}*/
.menu { width:180px; float:left; overflow:hidden}
.menu li {margin-bottom:0px;
list-style-type:none;
line-height:0px;
border-bottom:solid 1px #aaaaaa;
border-left:solid 1px #aaaaaa;
border-right:solid 1px #aaaaaa;
}
.menu li a{display: block;
line-height:30px;
padding-left:20px;
background-image:url(../images/menu.gif);
background-repeat:no-repeat;
color:#666;
font-size:15px;
font-family:"微軟正黑體";
font-weight:600;
text-decoration:none;
}
.menu li a:hover {background-position:0 -40px; color:#333}
.menu ul {margin:0;
padding:0;
border-top:solid 1px #aaaaaa}
.menu .current a{background-position:0 -80px; color:#000;}
/* root element for tabs */
ul.tabs {
list-style:none;
margin:0 !important;
padding:0;
border-bottom:1px solid #D4B665;
height:30px;
}
/* single tab */
ul.tabs li {
float:left;
text-indent:0;
padding:0;
margin:0 !important;
list-style-image:none !important;
}
/* link inside the tab. uses a background image */
ul.tabs a {
background:url(../images/gold.png) no-repeat -420px 0;
font-size:11px;
display:block;
height: 30px;
line-height:30px;
width: 134px;
text-align:center;
text-decoration:none;
color:#333;
padding:0px;
margin:0px;
position:relative;
top:1px;
}
ul.tabs a:active {
outline:none;
}
/* when mouse enters the tab move the background image */
ul.tabs a:hover {
background-position: -420px -31px;
color:#fff;
}
/* active tab uses a class name "current". its highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
background-position: -420px -62px;
cursor:default !important;
color:#000 !important;
}
/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */
/* width 1 */
ul.tabs a.s { background-position: -553px 0; width:81px; }
ul.tabs a.s:hover { background-position: -553px -31px; }
ul.tabs a.s.current { background-position: -553px -62px; }
/* width 2 */
ul.tabs a.l { background-position: -248px -0px; width:174px; }
ul.tabs a.l:hover { background-position: -248px -31px; }
ul.tabs a.l.current { background-position: -248px -62px; }
/* width 3 */
ul.tabs a.xl { background-position: 0 -0px; width:248px; }
ul.tabs a.xl:hover { background-position: 0 -31px; }
ul.tabs a.xl.current { background-position: 0 -62px; }
table.tabsbox { border-left: 1px solid #D4B665;
border-right:1px solid #D4B665;
border-bottom:1px solid #D4B665;
}
.panes {padding-top:10px;
padding-left:5px;
padding-right:5px;
padding-bottom:10px;
}
.panes p { line-height:21px; border-bottom: dashed 1px #CCC; background-color:#f6f6f6;}
.panes p a{padding-left:12px;
color:#333;
font-family:font-family: "微軟正黑體","Arial";
font-size:13px;
background:url(../images/03.gif) 2px center no-repeat; }
.panes p a:hover {background:url(../images/04.gif) 2px center no-repeat;
text-decoration:underline;
color:#960;}
/* initially all panes are hidden */
.panes .pane {
display:none;
}
/*最新公告選單背景*/
#tab001_bg TD {margin:0; background:url(../images/tab001/tab001_bg.png) no-repeat; height:26px;
font-family: "細明體", "標楷體"; font-size: 13px; color: #5A4930; font-style: normal; line-height: 26px;
PADDING-LEFT: 3px}
#tab001_bg TD a{text-decoration: none; font-size: 13px; color: #5A4930; }
#tab001_bg TD a:hover{text-decoration: underline; font-size: 13px; color:#3C9; }
#tab001_bg .list {background:url(../images/tab001/list_icon.png) no-repeat center; width:10px;}
#tab001_bg .date { padding-left:3px; padding-right:3px; width:65px; font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#960; font-style: normal;}
.font_green_13 {color:#993; font-size:13px;}
/**************產品介紹特效2-輪播**************/
#abgne-block-20110406{margin: 0 auto; width: 527px; height: 170px; position: relative;}
#abgne-block-20110406 a.prev, #abgne-block-20110406 a.next{position: absolute; top:60px; display: block; width:16px; height:15px;text-indent: -9999px;}
#abgne-block-20110406 .prev{background:url(../images/icon/arrow-left.gif) no-repeat;}
#abgne-block-20110406 .next{background:url(../images/icon/arrow-right.gif) no-repeat; right:0;}
#abgne-block-20110406 .slides{overflow: hidden; position: relative; left: 30px; width:495px; height:170px;}
#abgne-block-20110406 .slides ul{position: absolute; width: 9990px; height: 100%; }
#abgne-block-20110406 .slides li{width:495px; height: 100%; float: left;}
#prodloop2{padding:20px 0px;}
#prodloop2 .pd, #prodloop2 .pd2{width:135px; padding-right:30px; float:left; text-align:center;}
#prodloop2 .pd2{padding-right:0px;}
#prodloop2 h1{font-size:12px;}
#prodloop2 h1 .bookName { height: 31px;}
#keyword_result{ height: 16px;}