@charset "utf-8";


/* 分類館大分類 LinkButton*/
        .categoryTitle  
        {
            color:white;
            font-size:14px;
            font-weight:bold;
        }
/* 樹狀結構第一層樣式 table*/
        .bigCategoryTab  
        {
            vertical-align: middle;
            text-align: left; 
            background-image:url(../Images/3c_menu01bg.gif) left -50px;
        }
        /*第一層選單文字樣式 td*/
		
		
        #bigCategoryTd a {
			padding-left:8px;
            width:150px;
			height:28px;
            font-size:13px;
            line-height:28px;
	        color:#333333;
			display:block;
			margin-top:-15px;
        }
        #bigCategoryTd a:hover	{color:#de0000; width:150px; height:28px; display:block; }
		
        
        /* 樹狀結構第二層樣式 table*/
        .middleCategoryTab 
        {
            vertical-align: middle; 
            text-align: left;
            background-image:url(../Images/3c_menu01bg.gif);
        }
        
        /*第二層選單文字樣式 td*/
        #middleCategoryTd a {
			padding-left:8px;
            width:130px;
			height:23px;
            font-size:12px;
            line-height:23px;
	        color:#333333;
			display:block;
			margin-top:-15px;
			border-bottom:1px dotted #CCC;
        }
        #middleCategoryTd a:hover	{color:#de0000; width:130px; height:23px; display:block; border-bottom:1px dotted #CCC;}
        
        /* 樹狀結構第三層樣式 table*/
        .smallCategoryTab 
        {
            vertical-align: middle; 
            text-align: left;
            background-image:url(../Images/3c_menu01bg.gif);
        }

        /*第三層選單文字樣式 td*/
        #smallCategoryTd a {
            text-indent:10px;
            top:5px;
            color:#666666;
            font-size:12px;
            line-height:30px; 
        }
        #smallCategoryTd a:hover	{color:#000000;}
         

        /* 樹狀結構第二層文字樣式 ImageButton*/
        .middleCategoryImgbtn 
        {
            text-indent:10px;
            top:5px;
            color:#000000;
            font-size:12px;
            line-height:30px;  
            font-family:Verdana, Arial, Helvetica, sans-serif;
        }
        /* 樹狀結構第三層文字樣式 ImageButton*/
        .smallCategoryImgbtn 
        {
            text-indent:10px;
            top:5px;
            color:#89B1DB;
            font-size:12px;
            line-height:30px;  
            font-family:Verdana, Arial, Helvetica, sans-serif;
        }


/* 上方廣告版位 */
.kindtopad{
	width:100%;
	height:50px;
	background:url(../images/ad/topad_877X50.jpg);
	background-color: #ffffff;
	float:left;
	display:none;}

/* 分館大分類 */

/* LEFT */
 
/* 分館標題 */
#kindpro .kind_title{
    color:#ffffff; 
	height:35px; 
	width:160px; 
	background:url(../images/3c_titlebg.gif);
	font-size: 15px;
	text-align:left;
	padding-left:20px;
	font-weight:bold;
	line-height: 40px;
	overflow:hidden;}
	
/*商品三層式樹狀選單 */	
/*-0307-*/#kindpro .kind_treemenu{color:#333333;  width:180px;height:100%;}
/*-0307-*/#kindpro .kind_left{margin:-0px 0px 0px 0px;float:left;width:180px;text-align:center;height:100%; background:url(../images/3c_menu01bg.gif);}
#kindpro .kindmain{ margin:0px 0px 0px 0px; width:785px; float:right; text-align:center;} /* 2010-12-21 */
#kindpro .kindcontent{ margin-top:10px; float:left; width:100%;text-align:center;}
#kindpro .kinddetail{ margin:20px; text-align:left; float:left; width:90%;}
#kindpro .kindcontent span{ margin:5x; background:#FFFFFF; text-align:center}


/*商品限時限量專區 */
#kind_time{width:180px;height:267px;margin-top:10px;}
/*-改-*/#kind_time .ktime_title{
    color:#ffffff; 
	height:37px; 
	width:140px; 
	background:url(../images/3c_timetitle.gif) no-repeat left top;
	font-size: 15px;
	text-align:left;
	padding:10px 20px 0px 20px;
	font-weight:bold;
	line-height: 47px;
	overflow:hidden;}
	
#kind_time .ktime_in{
    color:#333333; 
	height:220px; 
	width:180px;
	padding:0px 0px 0px 0px;
	background:url(../images/3c_timebg.gif) no-repeat ;}

/*最新消息 - 未開放 */
#kind_news{width:180px;}	
#kind_news .knews_title{
    color:#333333; 
	height:40px; 
	width:180px; 
	font-size: 15px;
	line-height: 40px;}

#kind_news .knews_in{
    color:#333333; 
	height:40px; 
	width:180px; 
	font-size: 15px;
	line-height: 40px;}
	
	
/* MAIN */

/*超人氣熱賣專區 */
/*-0307--*/#kindpro .kindhot{
margin-top:10px;
float:left; 
width:775px;  /*2010-12-21*/
height:280px;
text-align:center; 
background:url(../images/3c_hotbg1.gif);} /*2010-12-21*/	

/*-0307--*/#kindpro .kindhottitle{
float:left; 
width:725px;  /*2010-12-21*/
font-size:15px;
text-align:left;
line-height:27px; 
height:27px; 
color:#000000;
padding-top:3px;
font-weight:bold;
padding-left:50px;}	

/*-0307--*//*超值特價商品專區 */
#kindpro .kindonsale{
margin:10px 0px 20px 0px;  
float:left; 
width:775px;/*2010-12-21*/
height:280px;
text-align:center; 
background:url(../images/3c_salebg1.gif);}/*2010-12-21*/

/*-0307--*/#kindpro .kindonsaletitle{
float:left; 
width:740px;/*2010-12-21*/
text-align:left;
font-size:15px;
line-height:27px;
padding-top:3px; 
height:27px; 
color:#000000;
font-weight:bold;
padding-left:40px;}
	
/* 輪動廣告控制 */
#ifocus { width:775px; height:250px; background:url(../images/3c_bigadbg1.gif); }  /* 2010-12-21 */
#ifocus_pic { display:inline; position:relative; float:left; width:735px; height:230px; overflow:hidden; margin:10px 0 0 10px; text-align:left}/* 2010-12-21 */
#ifocus_piclist { position:absolute; }
#ifocus_piclist li  { width:735px; height:230px;overflow:hidden; }
#ifocus_piclist img { width:735px; height:230px; border:0px;} /* 2010-12-21 */
#ifocus_btn     { display:inline; float:right; width:20px; margin:10px 10px 0px 0px; overflow:hidden;}
#ifocus_btn img { width:0px; height:50px; margin:0px 0px 0px 0px; float:right;}
#ifocus_btn li  { width:20px; height:58px; overflow:hidden; cursor:pointer; opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50); }
#ifocus_btn .current { height:58px; *margin:0px 0px -3px 0px!important; opacity:1; -moz-opacity:1; filter:alpha(opacity=100);}/*ON AIR*/
#ifocus_btn .normal  { height:58px; *margin:0px 0px -3px 0px!important; background:#fff; opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50);}
#ifocus_opdiv { position:absolute; left:0; bottom:0; width:645px; height:35px; background:#000; opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50); display:none;}
#ifocus_tx { position:absolute; left:10px; bottom:10px; color:#FFF; }
#ifocus_tx .normal { display:none;}

/* 輪動廣告背景 */
#kindpro .kindad{float:left; width:775px;text-align:center; height:250px;background-color:#CE9191;}/* 2010-12-21 */


/* 熱賣商品專區控制 */
.rollphotosB { width: 730px;height:240px;text-align:center;margin:0 auto; float:left; padding:0px 0px 0px 25px}/*2010-12-21*/
.blk_pro {position: relative; width: 730px; height: 240px;}/*2010-12-21*/

/*-0307-*/.blk_pro .LeftBottonB  {
  background: url(../images/3c_goL.gif) no-repeat  -1px 10px; 
  width: 21px; 
  cursor: pointer; 
  position: absolute; 
  height: 240px ;
  margin-left:-22px;}
/*-0307-*/.blk_pro .LeftBottonB:hover  {
  background: url(../images/3c_goL.gif) no-repeat -20px 10px ;}
  
/*-0307-*/.blk_pro .RightBottonB {
  background: url(../images/3c_goR.gif) no-repeat -20px 10px; 
  width: 21px; 
  cursor: pointer; 
  position: absolute; 
  height: 240px; 
  margin-left:726px}/*2010-12-21*/
/*-0307-*/.blk_pro .RightBottonB:hover {background: url(../images/3c_goR.gif) no-repeat -1px 10px;}

.blk_pro .ContB {margin: 0px auto; overflow: hidden; width: 600px; height: 240px;}
.blk_pro .box  {width: 145px; height: 240px; padding-top: 10px;} /*2010-12-21*/


/* 最新商品推薦專區 */
.rollphotos { width: 178px;height:200px;float:left;}
.blk_29 {position: relative; width: 178px; height: 200px; overflow:hidden;}
.blk_29 .LeftBotton  {
   background: url(../images/3c_newL.gif) no-repeat;
   width: 8px;
   cursor: pointer; 
   position: absolute; 
   height: 178px;
}
.blk_29 .LeftBotton:hover  {background: url(../images/3c_newLO.gif) no-repeat;}
.blk_29 .RightBotton {
   background: url(../images/3c_newR.gif) no-repeat; 
   width: 8px;
   cursor: pointer; 
   position: absolute; 
   height: 178px; 
   margin-left:172px;}
.blk_29 .RightBotton:hover {
   background: url(../images/3c_newRO.gif) no-repeat;}
.blk_29 .Cont {margin: 0px auto; OVERFLOW: hidden; width: 178px; height: 200px; padding-left:7px;}
.blk_29 .box  {width: 178px; height: 200px; padding-top: 10px; OVERFLOW: hidden; }

/* 分館中小分類 */

/* 分類頁 - 排序選擇專區 */
.prochoose  {
	float:left;
	width:100%;
	text-align:left;
	background:#A2C4E7;
	height:35px;
	margin-bottom:10px;
	color:#ffffff;}
.prochoose td{padding:5px;}


/* 分館商品頁*/

/* 商品頁 - 商品名稱 */
.prodetail_name{
	font-size: 16px;
	line-height: 30px;
	color: #0A84C1;
	font-weight: bold;
	padding: 5px;
	background:#ffffff;
}

/* 商品頁 - 分類名稱 */
.kindname{background:#ffffff; width:42px; height:269px; display:none;}

/* 商品頁 - 上方滿意度評論背景 */
/*-新增close-*/.table_color {background: #E4F1FF; display:none}
.table_color a {color: #2898D6;}
.table_color a:hover {color: #333333;}
.table_color span {color: #FF7737;}


/* 共用 */

/* 商品分類頁 - 用戶指南背景 */
.quick_bg {background: url('../images/3c_quickbg.gif') ;}

/* 商品分類頁 - 位置連結 */
#maincontent .kindover {color:#009944;}
#maincontent .kindover a {color:#009944;}
#maincontent .kindover a:hover {color:#333333;}


/* 商品三層式樹狀選單控制 */	
.qmfv{visibility:visible !important;}
.qmfh{visibility:hidden !important;}
.qmmc .qmdivider{display:block;font-size:1px;position:relative;z-index:1;}
.qmmc .qmdividery{width:0px;}
.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}
.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}
.qmmc {position:relative;zoom:1;z-index:10;left: 0;text-align:left}
.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}
.qmmc div a, .qmmc ul a, .qmmc ul li {float:none; }
.qmsh div a {float:left;}
.qmmc div{visibility:hidden;position:absolute; }
.qmmc .qmcbox{cursor:default;display:block;position:relative;z-index:1;}
.qmmc .qmcbox a{display:inline;}.qmmc .qmcbox div{float:none;position:static;visibility:inherit;left:auto;}
.qmmc li {z-index:auto;}
.qmmc ul {position:absolute;z-index:10;}
.qmmc,.qmmc ul {list-style:none;padding:0px;margin:0px; width:180px;}
.qmmc li a {float:none}.qmmc li:hover>ul{left:auto;}
#qm0 li {float:none;}
#qm0 li:hover>ul{top:0px;}

#qm0{
	width:180px;
	background-color:transparent;
	font-size:13px;
	letter-spacing: -1px;
}
	
/*第一層選單空間控制*/	

/*-0307-*/#qm0 a	{
    padding-left:25px;
	width:155px;
	color:#333333;
	display:block;	
	height:30px;
	line-height:30px;
	background:url(../images/3c_menu01bg.gif);}
	
/*-0307-*/#qm0 a:hover	{color:#de0000;}
	
/*(MAIN) Active State 第一層選單定格*/	
/*-0307-*/#qm0 .qmactive, #qm0 .qmactive:hover{color:#de0000;background:url(../images/3c_menu01bg.gif);font-weight:bold; font-size:13px}

/*(SUB) Container 第二層選單空間控制*/	
/*-0307-*/#qm0 div, #qm0 ul{background:url(../images/3c_menu01bg.gif);color:#666666;font-size:12px;letter-spacing: 0px;}

/*(SUB) Items 第二層選單控制*/	
/*-0307-*/#qm0 div a, #qm0 ul a, #qm0 ul li a	{background:url(../images/3c_menu01bg.gif);color:#333333;font-size:12px}
/*-0307-*/#qm0 div a:hover, #qm0 ul a:hover, #qm0 ul li a:hover	{background:url(../images/3c_menu01bg.gif);color:#000000;}
	
/*(SUB) Active State 第二層選單定格*/	
#qm0 div .qmactive, #qm0 div .qmactive:hover {background:url(../images/3c_menu01bg.gif); font-weight:bold;color:#000000;font-size:12px}
		
/*(SUB) Items 第三層選單控制*/	
#qm0 div span .sub3  {position:relative;}
/*-0307-*/#qm0 div .sub3 a {
	margin:0px 0px 0px -15px;
	padding-left:35px;
	display:block;
	width:158px;
	color:#666666;
    background:#ededed;
	font-size:12px}
/*-0307-*/#qm0 div .sub3 a:hover{color:#333333;background:#ededed;}