@charset "utf-8";

/* ############# 油品零件 ############# */
.ct_shadetabs{
	padding: 0;
	margin: 0;
	list-style-type: none;
	text-align: left; /*set to left, center, or right to align the menu as desired*/
	overflow: visible;
	width: auto;
	position: absolute;
	z-index: 2;
	left: 10px;
	top: 5px;
}
.ct_shadetabs li{
	display: block;
	float:left;
	margin: 0 0 0.5em;
	width:200px;
	height:45px;
	overflow:hidden;
}
.ct_shadetabs li a{
	display:block;
	text-indent:-2000px;
	overflow:hidden;
	height: 100%;
	width: 100%;
	cursor:pointer;/*IE6*/
	background: url(../../../images/title001.png) no-repeat;
}
.ct_shadetabs li.item1 a{background-position: 0px -5px;}
.ct_shadetabs li.item1 a:hover,.ct_shadetabs li.item1 a.selected{background-position: 0px -5px;}

.ct_control {
	margin: 25px 20px 5px 0px;
	list-style-type: none;
	text-align:right;
	position: absolute;
	z-index: 2;
	right: 0px;
	top: 0px;
}
.ct_control li{
	background-repeat: no-repeat;
	margin: 0px 4px;
	height: 24px;
	width: 55px;
	vertical-align:top;
	display: -moz-inline-stack;  /*Firefox only code*/
	display: inline-block;       /*some standard browsers*/
	zoom: 1;                     /*IE only*/
    *display: inline;            /*Only IE know this code (CSS Hack)*/
}
.ct_control a{
	text-indent:2000px;
	display:block;
	width:100%;
	height:100%;
	overflow:hidden;
}
.ct_control li#prevBtn{ background: url(../../../images/btn_03.png); }
.ct_control li#nextBtn{ background: url(../../../images/btn_04.png); }
.ct_control li#more{ background: url(../../../images/btn_05.png); }

#ct_slide{
	margin:0 auto;
	width:760px;
	height:110px;
	overflow: hidden;	
}
/* ############# 保修消息 ############# */
.h4_shadetabs{
	padding: 0;
	margin: 15px auto 10px;
	list-style-type: none;
	text-align: left; /*set to left, center, or right to align the menu as desired*/
	width: 471px;
	background-image: url(../../../images/bg_blackTitleBar.png);
	background-repeat: no-repeat;
	background-position: 0px -120px;
	height: 30px;
	overflow:hidden;
}
.h4_shadetabs li{
	float:left;
	margin-left: 2em;
	background-repeat: no-repeat;
	background-position: left center;
	width:70px;
	height:28px;
}
.h4_shadetabs li a{
	display:block;
	text-indent:-2000px;
	overflow:hidden;
	height: 100%;
	width: 100%;
	background-repeat: no-repeat;
	background-position: left center;
}
.h4_shadetabs li.item1{background-image:url(../../../images/home_4tab1.png);}
.h4_shadetabs li.item1 a:hover,.h4_shadetabs li.item1 a.selected{background-image:url(../../../images/home_4tab1.png);}

#h4_container{
	margin:15px;
	width:auto;
	height:auto;
	overflow:hidden;
}
/* ############# 店頭活動 ############# */
.act_shadetabs{
	padding: 0;
	margin: 15px auto 10px;
	list-style-type: none;
	text-align: left; /*set to left, center, or right to align the menu as desired*/
	width: 700px;
	background-image: url(../../../images/bg_blackTitleBar.png);
	background-repeat: no-repeat;
	background-position: 0px -30px;
	height: 30px;
	overflow:hidden;
}
.act_shadetabs li{
	float:left;
	margin-left: 2em;
	background-repeat: no-repeat;
	background-position: left center;
	width:70px;
	height:28px;
}
.act_shadetabs li a{
	display:block;
	text-indent:-2000px;
	overflow:hidden;
	height: 100%;
	width: 100%;
	background-repeat: no-repeat;
	background-position: left center;
}
.act_shadetabs li.item1{background-image:url(../../../images/act_4tab1.png);}
.act_shadetabs li.item2{background-image:url(../../../images/act_4tab2.png);}
.act_shadetabs li.item1 a:hover,.act_shadetabs li.item1 a.selected{background-image:url(../../../images/act_4tab1s.png);}
.act_shadetabs li.item2 a:hover,.act_shadetabs li.item2 a.selected{background-image:url(../../../images/act_4tab2s.png);}

#act_container{
	margin:15px;
	width:auto;
	height:auto;
	overflow:hidden;
}
/* ############# 特約優惠專區 ############# */
.preferential_shadetabs{
	padding: 0;
	margin: 15px auto 10px;
	list-style-type: none;
	text-align: left; /*set to left, center, or right to align the menu as desired*/
	width: 700px;
	background-image: url(../../../images/bg_blackTitleBar.png);
	background-repeat: no-repeat;
	background-position: 0px -30px;
	height: 30px;
	overflow:hidden;
}
.preferential_shadetabs li{
	float:left;
	margin-left: 2em;
	background-repeat: no-repeat;
	background-position: left center;
	width:70px;
	height:28px;
}
.preferential_shadetabs li a{
	display:block;
	text-indent:-2000px;
	overflow:hidden;
	height: 100%;
	width: 100%;
	background-repeat: no-repeat;
	background-position: left center;
}
.preferential_shadetabs li.item1{background-image:url(../../../images/pre_tab1.png);}
.preferential_shadetabs li.item2{background-image:url(../../../images/pre_tab2.png);}
.preferential_shadetabs li.item1 a:hover,.preferential_shadetabs li.item1 a.selected{background-image:url(../../../images/pre_tab1s.png);}
.preferential_shadetabs li.item2 a:hover,.preferential_shadetabs li.item2 a.selected{background-image:url(../../../images/pre_tab2s.png);}

#preferential_container{
	margin:15px;
	width:auto;
	height:auto;
	overflow:hidden;
}

/* ############# 特惠商品專區 ############# */
.goods_shadetabs{
	padding: 0;
	margin: 15px auto 10px;
	list-style-type: none;
	text-align: left; /*set to left, center, or right to align the menu as desired*/
	width: 700px;
	background-image: url(../../../images/bg_blackTitleBar.png);
	background-repeat: no-repeat;
	background-position: 0px -30px;
	height: 30px;
	overflow:hidden;
}
.goods_shadetabs li{
	float:left;
	margin-left: 2em;
	background-repeat: no-repeat;
	background-position: left center;
	width:100px;
	height:28px;
}
.goods_shadetabs li a{
	display:block;
	text-indent:-2000px;
	overflow:hidden;
	height: 100%;
	width: 100%;
	background-repeat: no-repeat;
	background-position: left center;
}
.goods_shadetabs li.item1{background-image:url(../../../images/good_tab1.png);}
.goods_shadetabs li.item2{background-image:url(../../../images/good_tab2.png);}
.goods_shadetabs li.item1 a:hover,.goods_shadetabs li.item1 a.selected{background-image:url(../../../images/good_tab1s.png);}
.goods_shadetabs li.item2 a:hover,.goods_shadetabs li.item2 a.selected{background-image:url(../../../images/good_tab2s.png);}

#goods_container{
	margin:15px;
	width:auto;
	height:auto;
	overflow:hidden;
}
/* ############# 保修達人############# */
.pt_shadetabs{
	padding: 0;
	list-style-type: none;
	text-align: left; /*set to left, center, or right to align the menu as desired*/
	width: auto;
	margin-top: 0;
	margin-right: 15px;
	margin-bottom: 0;
	margin-left: 15px;
}
.pt_shadetabs li{
	float:left;
	margin: 0 0 0.5em 0;
	width:200px;
	height:45px;
	overflow:hidden;
}
.pt_shadetabs li a{
	display:block;
	text-indent:-2000px;
	overflow:hidden;
	height: 100%;
	width: 100%;
	cursor:pointer;/*IE6*/
	background: url(../../../images/title001.png) no-repeat;
}
.pt_shadetabs li.item1 a{background-position: 0px -50px;}
.pt_shadetabs li.item1 a:hover,.pt_shadetabs li.item1 a.selected{background-position: 0px -50px;}
#pt_container{
	margin:0 auto;
	width:93%;
	height:auto;
	overflow:hidden;
}

