﻿@charset "utf-8";
/* CSS Document */

body{background:#FFF url(../images/primary/body_bg.gif) top repeat-x; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serifs; margin:0;}

#wrapper{background:url(../images/primary/bg.png) center repeat-y; _background:url(../images/primary/wrap_2.jpg) center repeat-y; border-bottom:#00428e 14px solid;}
#container{width:990px !important; _width:976px; height:591px; margin:auto;}
#store{width:351px; height:591px; background:url(../images/index/store.jpg) no-repeat bottom; float:left; position:relative;}
#store #logo{height:171px; position:relative;}
#store #logo h1{width:246px; height:72px; text-indent:-99999px; display:block; position:absolute; top:0; left:0;}
/*scorlling news bar*/
#store .news{
color:#FFF;
height:18px;
width:290px;
position:absolute;
top:175px;
left:36px;
font-size:13px;
}
#store .news a{
color:#00428e;
text-decoration:none;
}
#store .news a:hover{
color:#2578d7;
margin-left:1px;
text-decoration:none;
}
#store .news ul{
height:18px;
line-height:18px;
overflow:hidden;
}
#store .news ul li{background:url(../images/index/news_icon.gif) no-repeat left 9px; padding-left:8px;}
#store .news ol {
float: right;
margin: -20px 8px 0px 0px!important;
_margin: -17px 4px 0px 0px;
}
#store .news ol li {
display:inline; 
margin:0px 0px 0px 3px;
width:10px;
}
#store .news ol li a{
background:url(../images/index/switcher.gif) 0 11px;
}
#store .news ol li a:hover {
background: url(../images/index/switcher.gif) 0px 11px;
}
#store .news ol li a.active {
background: url(../images/index/switcher.gif) 0px 1px;
}
#store .news ol li a.active:hover {
background: url(../images/index/switcher.gif) 0px 1px;
}

#flash{width:359px; height:551px; background:url(../images/index/flash_bg.jpg) no-repeat left 28px; float:left; padding:40px 0 0 1px;}

/* 按鈕選單 */
#right{width:249px; float:left; padding-top:15px !important; _padding-top:10px;}
#right #nav_top{font-size:10px; color:#0055a2; height:12px; margin:0 0 17px 30px !important; _margin:0 0 17px 18px; text-align:right;}
#right #nav_top a{color:#0055a2; text-decoration:none;}
#right #nav_top a:hover{color:#999;}
#right #nav{width:220px; margin:0 0 7px 30px;}
#right #nav ul li{height:25px; margin-bottom:5px;}
#right #nav ul li a{
	display: block;
	height: 0px !important;
    height /**/:12px; /* IE 5/Win hack */ 
	padding: 25px 0 0 0;
	overflow: hidden;
    background-repeat: no-repeat;
}
#right #nav ul li.but_1 a{width:220px; height:25px; background:url(../images/index/nav_1.jpg) no-repeat;}
#right #nav ul li.but_1 a:hover{width:220px; height:25px; background:url(../images/index/nav_11.jpg) no-repeat;}
#right #nav ul li.but_2 a{width:220px; height:25px; background: url(../images/index/nav_2.jpg) no-repeat;}
#right #nav ul li.but_2 a:hover{width:220px; height:25px; background: url(../images/index/nav_22.jpg) no-repeat;}
#right #nav ul li.but_3 a{width:220px; height:25px; background: url(../images/index/nav_3.jpg) no-repeat;}
#right #nav ul li.but_3 a:hover{width:220px; height:25px; background: url(../images/index/nav_33.jpg) no-repeat;}
#right #nav ul li.but_4 a{width:220px; height:14px; background: url(../images/index/nav_4.jpg) no-repeat;}
#right #nav ul li.but_4 a:hover{width:220px; height:25px; background: url(../images/index/nav_44.jpg) no-repeat;}
#right #nav ul li.but_5 a{width:220px; height:25px; background: url(../images/index/nav_5.jpg) no-repeat;}
#right #nav ul li.but_5 a:hover{width:220px; height:25px; background: url(../images/index/nav_55.jpg) no-repeat;}
#right #nav ul li.but_6 a{width:220px; height:25px; background: url(../images/index/nav_6.jpg) no-repeat;}
#right #nav ul li.but_6 a:hover{width:220px; height:25px; background: url(../images/index/nav_66.jpg) no-repeat;}
.pro{width:220px; margin:5px 0;} 
.pro dl dt{width:220px; height:25px; background: url(../images/index/nav_pro.jpg) no-repeat; margin-bottom:7px; text-indent:-99999px;}
.pro dl dd{background:url(../images/index/nav_line.jpg) repeat-x bottom; margin-bottom:5px;}
.pro_nav{background:#fff url(../images/index/icon_1.jpg) no-repeat 10px 12px; font:13px; padding:7px 8px 7px 20px;}
.pro_nav a{color:#8d8d8d; text-decoration:none;}
.pro_nav a:hover{color:#9dac00; text-decoration:underline;}
.pro_orang{color:#ff8a01; background:#FFF; margin-right:5px;}

/* 最新產品 */
#new_pro{width:202px; height:152px; background:url(../images/index/product_bg.jpg) left top no-repeat; padding:36px 0 0 36px; position:relative;}
#new_pro .txt{position:absolute; top:20px; right:5px; color:#909090; font-size:0.8em;}



#footer{width:922px !important; _width:928px; height:21px; background:#0068b7; margin:auto; padding:7px 0 0 68px !important; _padding:7px 0 0 48px; color:#FFF;}
#footer a{color:#FFF; text-decoration:none;}     
#footer a:hover{text-decoration:underline;}
#footer #but{float:left;}
#footer #btm{margin-right:38px; font-size:11px; float:right;}



















