@charset "utf-8";

@import url("reset.css");

html { overflow:auto;}
body { width:100%; height:100%; margin:0; padding:0; background: url(../images/bg_index01.jpg) center top fixed no-repeat; _background:#2b1002 url(../images/bg_index01_i6.jpg) center top no-repeat; font-size:13px; line-height:20px;}
a { text-decoration:none;}

/*首頁*/
div.body_i { width:100%; height:100%; background:url(../images/bg01.png) center top no-repeat; _background:none;}
div.box_i { width:1000px; height:850px; margin:0 auto; *padding:0 0 0 1px;}

div.top_i { position:relative; width:1000px; height:86px;}
div.top_i div.logo a { position:absolute; top:21px; left:26px; width:277px; height:52px; background:url(../images/logo01.png) no-repeat; _background:url(../images/logo01_i6.jpg) no-repeat;}
div.top_i p.home { display:block; position:absolute; top:48px; right:170px; font-size:12px; color:#07295f;}
div.top_i p.home a { color:#07295f;}
div.top_i p.home a:hover { color:#2b5eb2;}
div.top_i div.fb a { position:absolute; top:42px; right:22px; width:131px; height:30px; background:url(../images/fb_index1.png) no-repeat; _background:url(../images/fb_index1.jpg) no-repeat;}
div.top_i div.fb a:hover { position:absolute; top:42px; right:22px; width:131px; height:30px; background:url(../images/fb_index2.png) no-repeat; _background:url(../images/fb_index2.jpg) no-repeat;}

/*menu*/
.menu{ display:block; width:100%;}
.menu nav{ display:block; width:100%; height:59px; background:url(../images/menu_bg.png) no-repeat center center; text-align:center; font-size:0; letter-spacing:0;}
.menu nav li{ display:inline-block; height:50px; font-size:16px; line-height:50px; color:#FFF; font-weight: bold; font-family: '微軟正黑體'; letter-spacing:1px; position: relative; background:url(../images/menu_line.png) no-repeat right top;}
.menu nav li a{ display:inline-block; padding:0 25px; color:#FFF; }
.menu nav li a:hover{ background:#012765;}

/*flash部分*/
div.banner_box_i { position:relative; z-index:1; overflow:hidden; width:1000px; height:478px; border-radius:0 0 8px 8px; overflow:hidden;}
div.banner_box_i_menu{ display:block; width:1000px; height:75px; position:absolute; top:0px; left:0px; z-index:9;}
div.banner_box_i_banner{ display:block; overflow:hidden; width:1000px; height:418px; position:absolute; top:59px; left:0px; z-index:1;}

div.banner_box_i_banner .banner{ display:block; width:100%; height:418px; margin:0 0 22px 0; position:relative;}
div.banner_box_i_banner .banner .control{ position:absolute; width:121px; left:0px; top:0;}
div.banner_box_i_banner .banner .control a{display:block; width:121px; height:105px; background:url(../images/banner/menu_bg.jpg) no-repeat; text-align:center; font-size:0;}
div.banner_box_i_banner .banner .control a::after{ display:inline-block; font-size:16px; line-height:105px; color:#888; font-weight: bold; font-family: '微軟正黑體';}
div.banner_box_i_banner .banner .control a:nth-child(1)::after{ content:'無塵翻新';}
div.banner_box_i_banner .banner .control a:nth-child(2)::after{ content:'戶外系列';}
div.banner_box_i_banner .banner .control a:nth-child(3)::after{ content:'運動系列';}
div.banner_box_i_banner .banner .control a:nth-child(4)::after{ content:'家庭保養';}


div.banner_box_i_banner .banner .control a:hover{ background:url(../images/banner/menu_bg.jpg) no-repeat;}
div.banner_box_i_banner .banner .control a.on{ background:url(../images/banner/menu_bg.jpg) no-repeat;}
div.banner_box_i_banner .banner .control a.on::after{ color: #164186; font-size:18px;}
div.banner_box_i_banner .banner a.ad{ display:block; width:879px; height:418px; position:absolute; top:0; right:0;}

/*content*/
div.content_i { display:block; width:962px; height:169px; position: relative; margin:0 auto; top:25px; clear:both; overflow:hidden;}

/*商品特效部分*/
div.content_i_left{ display:block; width:470px; height:169px; padding: 0px 0px 0px 68px; float:left; background:url(../images/index_tital01.jpg) no-repeat left top; position:relative;}
.scrollable { position:relative; overflow:hidden; width: 423px; height:169px; margin:0px auto;}
.scrollable .items {width:20000em;	position:absolute;	clear:both;}
.scrollable .items div { display:block; float:left;	width:423px; height:169px; position:relative; overflow:hidden; padding:0px 0px 0px 0px;}
.scrollable .items div ul{ display:block; width:423px; padding:5px 0px 0px 0px; overflow:hidden;}
.scrollable .items div ul li{ display:block; width:132px; height:164px; float:left; margin:0 4px;}
.scrollable .items div ul li p.img_s{ display:block; width:130px; height:129px; border: 1px solid #ddd; text-align:center;   vertical-align:middle \9;	display:table-cell \9; overflow:hidden;}
.scrollable .items div ul li p.img_s span{ height:100%; display:inline-block; }
.scrollable .items div ul li p.img_s *{ vertical-align:middle; text-align:center;}
.scrollable .items div ul li p.img_name{ display:block; width:130px; height:18px; text-align:center; font-size:12px; color: #888888; overflow:hidden; padding:5px 0px 0px 0px;}
.scrollable .items div ul li p.img_name a{ color: #888888; text-decoration:none;}
.scrollable .items div ul li p.img_name a:hover{ color: #5883c8; text-decoration:none;}

.scrollable .active {	position:relative;	cursor:default;}
a.browse {	display:block;	margin:0px 0px;	cursor:pointer;}
a.right {  position:absolute; top:68px; right:0px; z-index:5 ;}
a.left{ margin-left: 0px; position:absolute; top:68px; left:68px; z-index:5; }
a.disabled { visibility:hidden !important;} 

/*首頁消息*/
div.content_i_right{ display:block; width:328px; height:151px; padding: 10px 0px 0px 73px; float: right; background:url(../images/index_tital02.jpg) no-repeat left top; position:relative;}
div.content_i_right ul{ display:block; width:300px;}
div.content_i_right ul li{ display:block; width:300px; height:72px; border-bottom: 1px dotted #ccc; margin:0px 0px 12px 0px;overflow:hidden}
div.content_i_right ul li p.n_img{ display:block; overflow:hidden; width:54px; height:54px; text-align:center; float:left}
div.content_i_right ul li .txt{ width:235px; float:right}
div.content_i_right ul li p.n_name{ display:block; width:170px; height:18px;overflow:hidden; font-size:15px; color: #3068c4; float:left}
div.content_i_right ul li p.n_name a{ color: #3068c4; text-decoration:none;}
div.content_i_right ul li p.n_name a:hover{ color: #89afed; text-decoration:none;}
div.content_i_right ul li p.n_date{ display:block; width:60px; height:14px;overflow:hidden; font-size:11px; color: #c8c8c8; font-family:Arial, Helvetica, sans-serif; float:right}
div.content_i_right ul li p.n_text{ display:block; width:233px; height:31px;overflow:hidden; font-size:12px; line-height:16px; color: #7d7d7d; clear:both; padding:5px 0 0 0}
div.content_i_right ul li p.n_more{ display:block; width:44px; height:14px; float:right;}

/*#scrollbar1 { width: 326px; clear: both; margin: 0px 0px 0px 0px;}
#scrollbar1 .viewport { width: 300px; height: 150px; overflow: hidden; position: relative; }
#scrollbar1 .overview { width: 300px; list-style: none; position: absolute; left: 0; top: 0;}
#scrollbar1 .thumb .end,
#scrollbar1 .thumb { background-color: #d1d1d1; height:50px;}
#scrollbar1 .scrollbar { position: relative; float: right; width: 1px; }
#scrollbar1 .track { background-color: #d1d1d1; height: 100%; width:1px; position: relative; padding: 0 0px; }
#scrollbar1 .thumb { height: 20px; width: 5px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left:-2px; }
#scrollbar1 .thumb:hover{ background-color: #999;}
#scrollbar1 .thumb .end { overflow: hidden; height: 5px; width: 1px; }
#scrollbar1 .disable{ display: none; }
#scrollbar1 .overview ul{ display:block; width:300px; padding:10px 0px 0px 0px;}
#scrollbar1 .overview ul li{ display:block; width:300px; height:68px; border-bottom: 1px dotted #ccc; margin:0px 0px 12px 0px; position:relative;}
#scrollbar1 .overview ul li p.n_img{ display:block; overflow:hidden; width:54px; height:54px; text-align:center; position:absolute; top:0px; left:0px;}
#scrollbar1 .overview ul li p.n_name{ display:block; width:170px; height:18px; position:absolute; top:0px; left:67px; overflow:hidden; font-size:15px; color: #3068c4;}
#scrollbar1 .overview ul li p.n_name a{ color: #3068c4; text-decoration:none;}
#scrollbar1 .overview ul li p.n_name a:hover{ color: #89afed; text-decoration:none;}
#scrollbar1 .overview ul li p.n_date{ display:block; width:60px; height:14px; position:absolute; top:0px; right:0px; overflow:hidden; font-size:11px; color: #c8c8c8; font-family:Arial, Helvetica, sans-serif;}
#scrollbar1 .overview ul li p.n_text{ display:block; width:233px; height:31px; position:absolute; top:23px; left:67px; overflow:hidden; font-size:12px; line-height:16px; color: #7d7d7d;}
#scrollbar1 .overview ul li p.n_more{ display:block; width:44px; height:14px; position:absolute; top:39px; right:0px; }*/

/*首頁版權宣告*/
div.footer_i { display:block; width:962px; height:26px; position: relative; margin:0 auto; top:56px; clear:both; overflow:hidden; font-size:12px; color: #d9d9d9; line-height:14px; font-family:Arial, Helvetica, sans-serif;}
div.footer_i span{ font-size: 10px; color: #aaa9a9; font-family:Arial, Helvetica, sans-serif;}
div.footer_i span a{ color: #aaa9a9; text-decoration:none;}
div.footer_i span a:hover{ color: #FFF; text-decoration:none;}

.img_style01{ border: 1px solid #ddd; }