@charset "utf-8";
/* CSS Document */

body{ margin:0; padding:0; text-align:center; background:url(http://plus.webdo.com.tw/webdox_layout/x_99/images/bg_body.gif) center repeat-y #eeebe6; font:100%/160% Arial}
a{ text-decoration:none; color:#36C;}
a:visited{ text-decoration:none; color:#39C}
a:hover{ color:#C90}
a{ zoom:1;  text-decoration:none;}
img{ border:0;}
div{ margin:0; padding:0;}
#wrap{ position:relative; margin:0 auto; background:#fff; overflow:hidden; width:1000px; height:auto;}

#qr{ position:absolute; z-index:10000000; width:80PX; height:80PX; visibility:visible;top:590px; right:50px;}
#qr img{ }
/*首頁LOGO區高度''*/
#logo{margin:0; padding:0;height:43px; display:block; text-align:left;}
#logo img{ position:absolute; left:15px; z-index:10000;padding:0;max-height:74px; height:auto; width: auto;
myimg:expression(onload=function(){ ;
this.style.height=(this.offsetheight >74)?"74px":"auto"}); 
}
#logo h1{ margin:0; padding:0;}

/*上導覽列*/
#topnav{ position:absolute; top:0px; right:0px;  display:block; overflow:hidden; background: url(http://plus.webdo.com.tw/webdox_layout/x_99/images/nav_topbg.jpg) top center no-repeat; height:40px; text-align:left; z-index:1000; visibility:visible;font:70%/160% Arial; color:#fff; width:300px;}
#topnav a{ color:#fff;font:10pt/18pt Arial; background:url(http://plus.webdo.com.tw/webdox_layout/x_99/images/nav_line2.gif) right no-repeat; text-align:center; padding:0 4px; }
#topnav a:hover{ color:#FFF8CE;}

/*會員登入*/
#login_top { position:absolute; top:40px; right:270px;background:url(http://plus.webdo.com.tw/webdox_layout/x_99/images/group.gif) 0 5px no-repeat ; padding-left:15px;font:11pt/18pt Arial; color:#555;}
#login_top  a{ font-weight:bold;padding:3px;margin:0 3px; color:#222 }

#login_top a:hover{ color: #fff; background: #693;}

/*語言區*/
#language{ display:inline}
#language a{ color:#fff}
#language a:hover{ color: #FC6}
#language .L1{ border:1px solid #ccc; margin:0 2px; text-align:center; padding:3px; background:#555;}
#language .L2{  border:1px solid #ccc; margin:0 2px; text-align:center; padding:3px; background:#555;}
#language .L3{ border:1px solid #ccc; margin:0 2px; text-align:center; padding:3px; background:#555;}

/*上方商品搜尋*/
#search{ display:none; position:absolute; top:38px; _top:43px;right:10px; _right:10px;  text-align: right; padding-left:38px;_padding-left:60px;line-height:32px; background:url(http://plus.webdo.com.tw/webdox_layout/x_99/images/search_bg.gif) top  right  no-repeat; width:248px; height:38px;}
#search .search_in{ border:0; height:16px; width:140px; margin:3px 0}
#search .search_b{ border:0; height:15px;margin:3px 0; background:none; color:#069; font-weight:bold;}
#search .search_b:hover{ color:#000}


/*跑馬燈*/
#abgne_marquee{ position:absolute; width:500px; top:315px; right:30px; height:20px; overflow: hidden;text-align:right;font:11pt/15pt  Arial}
#abgne_marquee a{ color: #069}
#abgne_marquee a:hover{ color:#936}
#abgne_marquee ul{ margin:0; padding:0; right:0; list-style:none;	position: absolute;}
#abgne_marquee li{ list-style:none; margin:0; padding:0;}

/*:::::::主選單:::::::::*/

/*主單元按鈕*/
#nav { position:absolute;font-size:11pt;  width:950px; left:50px; text-align:left; width:900px!important;display:block; top:78px; height:33px; z-index:10000000; visibility:visible;}
#nav b { position:relative;font-weight:normal;position:relative; z-index:2000;padding:0px;top:0px;visibility:visible; float:left; background:url(http://plus.webdo.com.tw/webdox_layout/x_99/images/nav_line.gif) right no-repeat; text-align:center;
height:33px; 
line-height:33px;
>line-height:23px;/*ie6 7*/
text-align:left; letter-spacing:1px;white-space:nowrap; }

#nav b  a{ position:relative;color:#fff; font-weight:bold;
padding:8px;
_padding:2px 4px 0 4px;/*ie6 top:(8-4)/2  左右分散8/2    bottom:不設定  */ 
}

#nav b  a:hover{ background:url(http://plus.webdo.com.tw/webdox_layout/x_99/images/nav_bg.gif) 0px -33px  repeat-x ;color:#fff;}
#nav b:hover  a{ background:url(http://plus.webdo.com.tw/webdox_layout/x_99/images/nav_bg.gif) 0px -33px  repeat-x ;color:#fff;}

/*次選單*/
#nav b dl{ position:absolute; z-index:20000000; visibility:hidden;margin:0; 
display:none; font-weight:normal;line-height:150%;left:0px;padding:0;
white-space:nowrap; width:auto; min-width:150px; _width:150px;background-image:none; 
background-color:#000;}

#nav  b:hover dl {position:absolute;display:block;z-index:2000000;left:0px;
top:33px;/*次選單出現的位置*/
visibility:visible; color:#fff; 
background-image:none; 
background-color:#000;text-align:left;    
margin:0; padding:0;
filter:alpha(opacity=85);opacity:0.85;-moz-opacity:0.85; zoom:1;}

#nav  b a:hover  dl {position:absolute;display:block;left:0px; 
color:#fff;background-image:none; 
background-color:#000;text-align:left;
margin:0; padding:0;white-space:nowrap; 
_top:32px; /*次選單出現的位置 ie6*/}

#nav b  dt  { position:relative; color:#fff ; display:none; }
#nav b  dt  a{ color:#fff ;padding:2px 3px 2px 8px;width:auto; min-width:150px; _width:150px; }


#nav  b:hover  dt  { position:relative;color:#000 ; white-space:nowrap; display:block;   border-bottom:1px solid #222;  }
#nav  b:hover  dt  a{display:block; color:#fff ; background-image:none; background-color:#000 ; }

#nav b  dt:hover{ position:relative;background:#ddd ; color:#000;display:block;  }
#nav  b  dt  a:hover{ position:relative;background:#ddd; color:#000;display:block; }
#nav  b  dt:hover a{background:#ddd;  }


/*ie6 hack*/
#nav  a:hover   td  a{  color:#fff; background:; }
#nav    td  dt { background:; text-align:left; width:100%;}
#nav    td   dt  a{ background:; text-align:left;padding:2px 3px 2px 8px;   }
#nav    td   dt  a:hover{background:#ddd; color:#000; }



/*flash區塊*/
#banner{ word-wrap: break-word;z-index:1;}
#banner img{ width:1000px; height:auto;}
#home_edit{width:1005px;word-wrap: break-word;overflow:inline;}
#home_edit img{max-width:1005px; height:auto; width: auto;
myimg:expression(onload=function(){ ;
this.style.width=(this.offsetWidth >1005)?"1000px":"auto"}); 
}

#login{width:550px; float: right; height:30px; font:80%/150%  Arial; background:url(http://plus.webdo.com.tw/webdox_layout/x_99/images/group.gif)0 5px  no-repeat; padding-left:15px; text-align:left; color: #069}
.loginbg{ border:0; background: #E6FBF8 ; height:18px;}
.login_button1{ background:url(http://plus.webdo.com.tw/webdox_layout/x_99/images/login.gif) 0px 5px  no-repeat ; text-indent:-3000px; height:30px; border:0; width:60px;}

/*首頁最新消息區塊*/
#index_left{ float:left; width:280px; position:relative;}
#news{ display:inline;margin:20px 5px 10px 5px; float:left; background:url(http://plus.webdo.com.tw/webdox_layout/x_99/images/news_bg.gif) bottom no-repeat; width:280px; height:auto; min-height:120px; _height:120px;}
#news ul{ margin:0px 10px ; padding:0;}
#news li{ text-align:left; list-style: url(http://plus.webdo.com.tw/webdox_layout/x_99/images/arrow_00.gif) outside;   margin:2px  8px 2px 15px ; padding:3px 0px; background:url(http://plus.webdo.com.tw/webdox_layout/x_99/images/dotbg.gif) bottom repeat-x; font:92%/150% Arial; }
#news li a:hover{ background :#FFF7E8; color: #C60 }
#news li a{ color: #1766A6}
#news li:hover{ background: #FFF7E8; color: #C60 ;}
#news li:hover a{  color: #C60;}
#news em{ font: normal 9pt/15pt Arial; color:#999}
#news h1{ font: bold  12pt/28pt Arial, Helvetica, sans-serif; color:#333; text-align:left;  margin:0; padding:0px 0 0 20px; background:url(http://plus.webdo.com.tw/webdox_layout/x_99/images/news_bg.gif) top no-repeat; height:40px;}

.news_more a{ background: url(http://plus.webdo.com.tw/webdox_layout/x_99/images/mored1.gif)  no-repeat; width:60px; height:19px; float:right; text-indent:-3000px; display: inline;cursor:pointer; margin:5px 15px 8px 0;}
#news .news_more:hover{ background:url(http://plus.webdo.com.tw/webdox_layout/x_99/images/mored2.gif)  no-repeat; }
.new_ad{margin:0px 10px;padding:0;word-wrap: break-word;overflow:inline;}
.new_ad img{max-width:260px; height:auto; width: auto;
myimg:expression(onload=function(){ ;
this.style.width=(this.offsetWidth >260)?"260px":"auto"}); 
}
/*首頁A區塊*/
.ad1{  float:left; margin:20px 0px 20px 10px;word-wrap: break-word; display:inline; text-align:left; background: url(http://plus.webdo.com.tw/webdox_layout/x_99/images/ad1_bg.gif)  left bottom no-repeat; width:360px; height:auto; padding:0 0 20px 0; min-height:200px; _height:200px;}
.ad1 h1{ font: bold 100%/150% Arial; color:#333; text-align:left;  margin:0; padding:5px 0 0 60px; background:url(http://plus.webdo.com.tw/webdox_layout/x_99/images/ad1_bg.gif)  left top no-repeat; height:40px;}
.ad_c1{margin:0 15px 20px 15px; padding:0; float:left; width:320px; display:block;  font:83%/160% Arial;}
.ad_c1 img{max-width:310px; height:auto; width: auto;
myimg:expression(onload=function(){
this.style.width=(this.offsetWidth >310)?"310px":"auto"}); 
}
.ad_c1 li{ list-style:url(http://plus.webdo.com.tw/webdox_layout/x_99/images/arrow_00.gif)  inside;}

/*首頁B區塊*/
.ad2{ float:left; margin:20px  0px  20px 19px;padding:0 0 20px 0;word-wrap: break-word; display:inline; text-align:left; background:url(http://plus.webdo.com.tw/webdox_layout/x_99/images/ad_bg.gif) left bottom no-repeat; width:286px; height:auto; min-height:200px; _height:200px;}
.ad2 h1{ font: bold 100%/150% Arial; color:#333; text-align:left;  margin:0; padding:5px 0 0 40px; background:url(http://plus.webdo.com.tw/webdox_layout/x_99/images/ad_bg.gif) left top no-repeat; height:40px;}
.ad_c2{ margin:0 15px 20px 15px; padding:0;  }
.ad_c2 img{max-width:290px; height:auto; width: auto;
myimg:expression(onload=function(){
this.style.width=(this.offsetWidth >290)?"290px":"auto"}); 
}
.ad_c2   li{ list-style:url(http://plus.webdo.com.tw/webdox_layout/x_99/images/arrow_00.gif)  inside;}

/*首頁C區塊*/
.ad3{ float:left; margin:20px 0px 20px 19px;padding:0 0 20px 0; display:inline; text-align:left; background:url(http://plus.webdo.com.tw/webdox_layout/x_99/images/ad_bg.gif)  left bottom no-repeat; width:286px; height:auto; min-height:200px; _height:200px;}
.ad3 h1{ font: bold 100%/150% Arial; color:#333; text-align:left;  margin:0; padding:5px 0 0 40px; background:url(http://plus.webdo.com.tw/webdox_layout/x_99/images/ad_bg.gif)  left top no-repeat; height:40px;}
 .ad_c3{ margin:0 15px 20px 15px; padding:0;  }
 .ad_c3  li{ list-style:url(http://plus.webdo.com.tw/webdox_layout/x_99/images/arrow_00.gif)  inside;}
.ad_c3 img{max-width:290px; height:auto; width: auto;
myimg:expression(onload=function(){
this.style.width=(this.offsetWidth >290)?"290px":"auto"}); 
}

/*商品區選單 product*/
#menu_product { float:left; width:200px; clear:left;margin:0px 10px 0 10px; display:inline; font:100%/155% Arial, Helvetica, sans-serif;	}

#menu_product dl{  margin:3px 0; display:block; background:url(http://plus.webdo.com.tw/webdox_layout/x_99/images/dotbg.gif) bottom repeat-x}
#menu_product dl a{font-weight:600;color:#444;padding:2px 0 2px 19px; text-decoration:none;display:block;background:url(http://plus.webdo.com.tw/webdox_layout/x_99/images/c7.gif) 0 0 no-repeat;  }
#menu_product dl a:hover{font-weight:600;color:#039;background:url(http://plus.webdo.com.tw/webdox_layout/x_99/images/c7.gif) 0 0 no-repeat #eee;   display:block; text-decoration:none;}
#menu_product dl:hover{font-weight:600;color: #039;background:url(http://plus.webdo.com.tw/webdox_layout/x_99/images/c7.gif) 0 0 no-repeat #eee;   display:block; text-decoration:none;}

#menu_product dt{ border-bottom:1px dotted #ddd;margin:3px 0 3px 0px;}
#menu_product dt a{ text-decoration:none; color:#333;background:url(http://plus.webdo.com.tw/webdox_layout/x_99/images/icon_01.gif) left no-repeat;padding-left:15px; }
#menu_product dt a:hover{ text-decoration:none; color:#F69; border-bottom:1px dotted #ccc; display:block;background:url(http://plus.webdo.com.tw/webdox_layout/x_99/images/icon_01.gif) left no-repeat #eee;}
#menu_product dt:hover{ text-decoration:none; color:#F69; border-bottom:1px dotted #ccc;display:block;background:url(http://plus.webdo.com.tw/webdox_layout/x_99/images/icon_01.gif) left no-repeat #eee}

#menu_product dd{ border-bottom:1px dotted #ccc; padding-left:15px; margin:3px 0 3px 0px;display:block;}
#menu_product dd a{ text-decoration:none; color:#333;display:block;}
#menu_product dd a:hover{ text-decoration:none; color:#F69; background:#FCF1FA; display:block;}
#menu_product dd:hover{ text-decoration:none; color:#F69; background:#FCF1FA; display:block;}

/* 首頁商品區product*/
 #product{margin:20px  0 0 7px;word-wrap: break-word; display: inline; float:right; width:700px; }
#product img{max-width:680px; height:auto; width: auto;
myimg:expression(onload=function(){ ;
this.style.width=(this.offsetWidth >680)?"680px":"auto"}); 
}
 #product h1{ text-align:left;font: bold 100%/33px  Arial, Helvetica, sans-serif  ; margin:2px; padding:0; color: #444; text-indent:23px; height:33px; background: url(http://plus.webdo.com.tw/webdox_layout/x_99/images/icon.gif) top left no-repeat;}

.p_img{width:132px;float:left; height:230px; overflow:hidden; margin:4px; display:inline; text-align:left ; font:83%/145% Arial; color: #C00;}
.p_img .pp{height:130px; margin:0; padding:0;width:130px; text-align:center;overflow:hidden; background: #fff ;

/* Firefox, Chrome */
  line-height :130px; 
  white-space : nowrap;   
  /* IE */
  *font-size :116px;  /* 132px * 0.9 = 119px */
  *font-family : Arial;}

  /* IE 6*/
.p_img .pp a{height:130px; width:130px;text-align:center; line-height :130px;  white-space : nowrap;}

.p_img .pp:after {  content : ".";  font-size :1px;   margin-left : -1px;  opacity : 0;}

.p_img  .pp a img {  border:2px solid  #fff; vertical-align:middle;   }

.p_img .pp:hover{ background:#eee;  }
.p_img .pp a:hover {background:#eee; }
.p_img  .pp a:hover  img{border:2px  solid  #ddd; vertical-align:middle;    }
.p_img .f1{ height:auto;padding:0; margin:2px 0; text-align:left;  color:#666;  }
.p_img .f1 a{	color: #333;text-decoration:none; } 
.p_img .f1 a:hover{	color: #630; text-decoration:none;}
.p_img .f1 a:hover .pp{background:;  }
.p_img b{ color: #C30; font: bold 11pt/15pt Arial;text-align:left;}
.p_img:hover .f1 a{ color: #630; }
.p_img  b a{ color:#F36; }
.p_img a:hover{ color:#630}

/*首頁最新消息MORE*/
.more_h a{ float:right;background: url(http://plus.webdo.com.tw/webdox_layout/x_99/images/mored1.gif) no-repeat; width:80px; height:30px; text-indent:-5000px; }
.more_h a:hover{ background:url(http://plus.webdo.com.tw/webdox_layout/x_99/images/mored2.gif) no-repeat}

/*首頁表尾版權區'*/
#footer{ width:1000px;  text-align:center; height:auto; min-height:100px; _height:100px; font:100%/165% Arial, Helvetica, sans-serif; padding:20px 0;color:#333;float:left; display:inline}

/*首頁計數器'*/
.counter{ text-align:right; color:#06c; font-size:80%; margin:30px;}
.counter b{ font-weight: normal; color:#666; padding-left:5px;}

/*首頁好站連結'*/
#good_link{ position:relative; float:left; clear:left; margin:0px 5px 20px 5px;display:inline; background:url(http://plus.webdo.com.tw/webdox_layout/x_99/images/news_bg.gif)  left bottom no-repeat; width:280px; height:auto;min-height:200px; _height:200px;}
#good_link  h1{ font: bold  12pt/28pt Arial, Helvetica, sans-serif; color:#333; text-align:left;  margin:0; padding:0px 0 0 20px; background:url(http://plus.webdo.com.tw/webdox_layout/x_99/images/news_bg.gif) top no-repeat; height:40px;}
#good_link ul{ text-align:left;  position:relative;margin:0 0px 15px 15px; float:left; display:inline; overflow:hidden; width:250px;  padding:0;}
#good_link  ul img{ float:left; margin:2px; display:inline;
max-width:250px; 
myimg:expression(onload=function(){ 
this.style.width=(this.offsetWidth >250)?"250px":"auto"});
} 

/*首頁背景音樂'*/
#music{   }

/*首頁廣告輪播*/
#abgneBlock {
position: relative; float:right; margin:26px 10px 0 0; 
	width: 690px; border:3px solid  #eee; padding:0; display:inline;
	height: 400px; text-align:center; overflow:hidden;}
#abgneBlock #player {
	position: relative;top:0; margin:0; padding:0;
	overflow: hidden;	width: 100%;border:1px solid #ccc;
	height: 100%;
}
#abgneBlock ul.list {
	padding: 0;
	margin: 0;
	list-style: none;
	position: absolute;
	width: 100%;
	height: 100%; left:0;
}
#abgneBlock ul.list li {
	float: left;
	width: 100%;
	height: 100%;
}
#abgneBlock .list img{
	width: 100%;
	border: 0;
}
#abgneBlock ul.playerControl {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	bottom: 0px;
	right: 5px;
	height: 20px;
}
#abgneBlock ul.playerControl li {
	float: left;
	color:#444;
	text-align: center;
	line-height: 15px;
	width: 15px;
	height: 15px;
	font-family: Arial;
	font-size: 10px;
	cursor: pointer;
	margin: 0px 2px;
	/*background: url(http://plus.webdo.com.tw/webdox_layout/x_99/images/control_ico.gif) no-repeat -21px 0;*/
	background:#eee; border:1px solid #ccc;
}
#abgneBlock ul.playerControl li.current {
	color:#fff; background:#333;border:1px solid #333;
	font-weight: bold;}




/*首頁形象圖片*/
#abgne_fade_pic {
	position: relative; 
	width: 268px; background:url(http://plus.webdo.com.tw/webdox_layout/x_99/images/250adbg.jpg) top center no-repeat;
	height:238px; margin:26px  0 10px  10px; text-align:center; 	}
#abgne_fade_pic a.ad {
	position: absolute; left:10px; top:10px;z-index:1;	overflow:hidden;height:200px;/* 讓圖片疊在一起 */
}
#abgne_fade_pic .control {
	position: absolute;
	right:20px;
	bottom:20px;
}

#abgne_fade_pic .control a {
	display: inline-block;
	padding: 1px;
	margin: 0 px;
	width: 10px;
	color: #555; 
	background: #eee;
	text-align: center;
	font:12px/12px Arial, Helvetica, sans-serif;
	text-decoration: none;
}
#abgne_fade_pic .control a:hover{ background:#C60; color:#FFF}
#abgne_fade_pic .control a.on {
	font-weight: bold;
	color: #eee;background: #555;
}