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

body{ margin:0; padding:0; text-align:center; background: #fff;  font:100%/160% Arial, Helvetica, sans-serif}
a{ text-decoration:none; color:#004096;}
a:visited{ text-decoration:none; color:#4d4d4d}
a:hover{ color:#4d4d4d}
a{ zoom:1;  text-decoration:none;}
img{ border:0;}
div{ margin:0; padding:0;}
#wrap2{ position:relative; margin:0 auto; text-align:left;width:1013px; background: url(http://plus.webdo.com.tw/webdox_layout/x_144/images/logo_bg.jpg) left top no-repeat #fff;height:auto;overflow:hidden;}
#wrap{ position:relative; margin:0 auto; text-align:center; overflow:hidden; width:997px; height:auto;}

/*首頁LOGO區高度''*/
#logo{ position:absolute; top:60px; left:10px;margin:0; padding:0;height:100px; text-align:left}
#logo img{max-height:420px; width: auto;
myimg:expression(onload=function(){ ;
this.style.height=(this.offsetheight >420)?"420px":"auto"}); 
}
#logo h1{ margin:0; padding:0;}

/*上導覽列*/
#topnav{ position:absolute; top:10px; right:10px; width:auto;  z-index:100; text-align:right; visibility:visible;font:70%/160% Arial; color:#565352 }
#topnav a{ padding:2px 5px 0 5px;font:120%/160% Arial; color: #565352; background: url(http://plus.webdo.com.tw/webdox_layout/x_144/images/c8.gif) right no-repeat}
#topnav a:hover{ color: #652205; background: #FCF7C0}

/*會員登入*/
#login_top{ position:absolute; top:400px; right:230px; color:#6F511D; background: url(http://plus.webdo.com.tw/webdox_layout/x_144/images/icon_login.png) no-repeat ;padding: 0px 5px 0 18px; border-radius:10px; font-size:100%; }
#login_top a{ font-weight:bold; color: #652205; padding:1px;}
#login_top a:hover{ color: #fff; background: #6F511D; padding:1px;}

/*語言區*/
#language{ float: right}
#language a{ color:#565352}
#language a:hover{ color: #652205; background: #FDE6E5}
#language .L1{   border-radius:5px  5px 0px 0px ;
 -moz-border-radius:5px  5px 0px 0px ;
 -webkit-border-radius: 5px  5px 0px 0px ; 
 background: #FCF7C0; 
 border: 1px solid  #FEECEC; 
 margin:0 2px; text-align:center; padding:2px; }
 
#language .L2{   border-radius:5px  5px 0px 0px ;
 -moz-border-radius:5px  5px 0px 0px ;
 -webkit-border-radius: 5px  5px 0px 0px ; 
 background: #FCF7C0; 
 border: 1px solid  #FEECEC; 
 margin:0 2px; text-align:center; padding:2px; }
 
 #language .L3{  border-radius:5px  5px 0px 0px ;
 -moz-border-radius:5px  5px 0px 0px ;
 -webkit-border-radius: 5px  5px 0px 0px ; 
 background: #FCF7C0; 
 border: 1px solid  #FEECEC; 
 margin:0 2px; text-align:center; padding:2px; }
 

/*上方商品搜尋*/
#search{ position:absolute; top:395px;  right:20px; z-index:10000; visibility:visible; text-align: right; line-height:32px; width:220px;}
#search .search_in{ border-radius: 5px; 
 -moz-border-radius: 5px; 
 -webkit-border-radius: 5px; 
 background: #fff; 
 border: 2px solid  #6F511D; 
 padding: 1px; 
 width:140px; margin:3px 0}
#search .search_b{ 
-moz-border-radius: 5px; 
 -webkit-border-radius: 5px; 
 background:#6F511D; 
 border:2px solid #6F511D; 
 padding: 1px;margin:3px 0;  color: #fff; font-weight:bold;}
#search .search_b:hover{ color: #652205; background:#fff}


/*跑馬燈*/
#abgne_marquee{ position:absolute; width: 550px; top:10px; left:20px; height:20px; overflow: hidden;text-align:left;font:10pt/15pt  Arial}
#abgne_marquee a{ color: #578FBB}
#abgne_marquee a:hover{ color: #578FBB}
#abgne_marquee ul{ margin:0;left:0;list-style:none;	position: absolute;}
#abgne_marquee li{ list-style:url(http://plus.webdo.com.tw/webdox_layout/x_144/images/product_icon3.gif) outside; margin:0; padding:0;}
/*主選單*/

#menu {
    z-index:100000;position:relative; background: url(http://plus.webdo.com.tw/webdox_layout/x_144/images/nav_gb.jpg) left bottom no-repeat;width:997px; text-align:center; width:997px!important;display:block; padding-left:0px; height:37px;  }


#menu .menu {
    position:absolute; margin:0px 0 0 100px;
}
#menu * {
    list-style:none;
    border:0;
    padding:0;
    margin:0;
}
#menu a {
    display:block;
    padding:4px 10px 7px 10px;
    white-space:nowrap;
}
#menu li {
    float:left;
}
#menu li li {
    float:none;
    _border:1px solid #fff; /** fix for ie6 */
}
#menu div {
    visibility:hidden;
    position:absolute;
    background:url(http://plus.webdo.com.tw/webdox_layout/x_144/images/pix.gif);
}
#menu div div {
    margin:-22px 0 0 -1px;
    left:100%;
}
#menu li:hover>div { visibility:visible; }

/* menu::special styles */
/* menu::level 1 */
#menu a {
    text-decoration:none;
    color:#000;
    position:relative;
    z-index:100000;
}
#menu a:hover {
    background:url(http://plus.webdo.com.tw/webdox_layout/x_144/images/nav_bg.gif) repeat-x #f35b00; color: #fff;
}
#menu a:hover span { color:#fff; }
#menu>ul>li:hover>a {
   background:url(http://plus.webdo.com.tw/webdox_layout/x_144/images/nav_bg.gif) repeat-x #f35b00; color: #fff;

}
#menu>ul>li:hover>a span { color:#fff; }
#menu span {
    text-transform:uppercase;
    font: bold 11pt/15pt 'Trebuchet MS', Arial, Helvetica, Sans-serif; 
    color:#000;}
#menu li {  }
/* menu::level >= 2 */
#menu li li a {
    padding:0;
    position:static;}
	
#menu li li a:hover { background:url(http://plus.webdo.com.tw/webdox_layout/x_144/images/nav_bg.gif) repeat-x #f35b00; color: #fff; }
#menu li li a span { color:#fff; }
#menu li li a:hover span { color:#ffffff; }
#menu li li a.parent span {background:url(http://plus.webdo.com.tw/webdox_layout/x_144/images/pointer.gif) no-repeat right 9px; _background-position:right 10px; }
*+html #menu li li a.parent span { background-position:right 10px; }
#menu li li span {
    display:block; width:120px;
    text-transform:none;
    line-height:16px;
    padding:4px 10px 4px 9px; border-bottom:1px solid  #fff;
    font-size:11pt;
}
#menu li div { background:#f35b00; color:#fff; text-align:left }

/** <fix for ie6> */
#menu div div {
    _margin-top:-22px;
    _background:#c4c4c4; }
#menu li li li { _border:1px solid #c4c4c4; }
#menu div div div { _background:#c4c4c4;}
#menu li li li li { _border:1px solid #c4c4c4; }
/** </fix for ie6> */

/* lava lamp */
div#menu li.back {
    width:auto;
    height:29px;
    z-index:1000;background:url(http://plus.webdo.com.tw/webdox_layout/x_144/images/nav_bg.gif) repeat-x; color: #fff;
    position:absolute; 
}

div#menu li.back .left {
    width:auto;
    height:29px; color:#fff;
    float:none;
    position:relative;
    top:0;
    left:0;
    visibility:visible;
}
div#menu li.back .left a{ color:#fff}

/*主選單*/
#nav { z-index:100000;position:relative; background: url(http://plus.webdo.com.tw/webdox_layout/x_144/images/nav_gb.jpg) left bottom no-repeat;width:997px; text-align:center; width:997px!important;display:block; padding-left:0px; height:37px;  }

#nav b {font-weight:normal;position:relative; z-index:2000; text-align:center;padding:5px; margin:0;top:2px;visibility:visible;line-height:29px;_line-height:29px;letter-spacing:1px;  height:29px;background: url(http://plus.webdo.com.tw/webdox_layout/x_144/images/c9.gif) right no-repeat}
#nav b  a{color: #fff; padding:1px; _padding:0px 5px; text-align:left; margin:0;}
#nav b  a:hover{ background:url(http://plus.webdo.com.tw/webdox_layout/x_144/images/nav_bg.gif) repeat-x; color: #fff;}
#nav b:hover  a{ background:url(http://plus.webdo.com.tw/webdox_layout/x_144/images/nav_bg.gif) repeat-x; color: #fff;}

#nav b dt { color:#fff ; width:auto; min-width:150px; _width:150px; white-space:nowrap;display:none;  background: url(http://plus.webdo.com.tw/webdox_layout/x_144/images/arrow_00.gif) left  no-repeat; text-indent:5px;}
#nav b a:hover dt {width:auto; min-width:150px; _width:150px; white-space:nowrap;  visibility:visible; z-index:10000;display:block;border-bottom:1px solid #222;  text-indent:5px; }
#nav b:hover dt {position:relative;width:auto; min-width:150px; _width:150px; white-space:nowrap;  visibility:visible; z-index:10000;display:block;border-bottom:1px solid #fff; text-indent:5px; }
#nav b:hover dt a{display:block; color:#fff ; padding:3px; background-color:#F8EEB9;}
#nav b dt:hover{ position:relative;background:#fff ; color:#652205;display:block;  }
#nav b dt a:hover{ position:relative;background:#fff; color:#652205;display:block; }

#nav b dl{ font-size:80%; margin:0; display:none;filter:alpha(opacity=85);opacity:0.85;-moz-opacity:0.85; zoom:1; font-weight:normal;line-height:150%;left:0px;padding:0; }
#nav b:hover dl {position:absolute;display:block;top:27px;>top:33px;_top:32px; z-index:2000;  visibility:visible;left:0px; color:#fff; background-image:none; background-color:#000;text-align:left;width:auto; min-width:150px; _width:150px; white-space:nowrap; margin:0; padding:0;}
#nav b a:hover  dl {position:absolute;display:block;left:0px; color:#fff;top:27px;>top:33px;_top:32px; background-image:none; background-color:#000;text-align:left;width:auto; min-width:150px; _width:150px; white-space:nowrap; margin:0; padding:0;}

/*ie6 hack*/
#nav td a{text-align:left; margin:0;border:0px; }
#nav a:hover td {text-align:left; margin:0;border:0px; }
#nav a:hover td a{  color:#fff; background:none;border:0px;display:block; }

#nav td dt { background:none;border:0px; text-align:left;}
#nav td dt a{ background:none; border:0px;text-align:left;padding:3px;  }
#nav td dt a:hover{background:#FFF; color:#004096; border:none}

/*flash區塊*/
#banner{z-index:1; padding-top:39px;}
#banner img{ width:997px; height:auto;}
#login{width:550px; float: right; height:30px; font:80%/150%  Arial; background:url(http://plus.webdo.com.tw/webdox_layout/x_144/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_144/images/login.gif) 0px 5px  no-repeat ; text-indent:-3000px; height:30px; border:0; width:60px;}

/*首頁最新消息區塊*/
#index_left{ float:left; width:270px; position:relative;}
#news{ float: left; margin:10px 0px 0px 0px; display:inline; padding-bottom:10px; background:; width:270px; height:auto; min-height:50px; _height:50px;}
#news ul{ margin:0 0 0 0px ; padding:0;  height:auto; min-height:150px; _height:150px;border-bottom:1px #fddeae solid}
#news li{ text-align:left; list-style: none;   margin:2px  0px 2px 0px ; padding:3px 0px; background:url(http://plus.webdo.com.tw/webdox_layout/x_144/images/dotbg.gif) bottom repeat-x; font:10pt/15pt Arial; }
#news li a:hover{background:#fff;color:#3366CC;}
#news li a{ color:#574c4f;}
#news li:hover{background:#fff;color:#3366CC;}
#news li:hover a{color:#3366CC;}
#news em{ font: normal 9pt/15pt Arial; color:#999}

#news h1{ font: bold 100%/150% Arial; color: #6e6769; text-align:left;  margin:0; padding:10px 0 0 75px;background:url(http://plus.webdo.com.tw/webdox_layout/x_144/images/icon.png) -105px -98px no-repeat; height:36px;border-bottom:1px #fddeae solid}

#news .new_ad{ margin:10px; display:block}
.news_more a{ background: url(http://plus.webdo.com.tw/webdox_layout/x_144/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_144/images/mored2.gif)  no-repeat; }

/*首頁A區塊*/
.ad1{float: left; margin:10px 0px 0px 0px; display:inline; padding-bottom:10px; width:270px; height:auto; min-height:50px; _height:50px;}
 
.ad1 h1{ font: bold 100%/150% Arial; color: #862505; text-align:left;  margin:0; padding:10px 0 0 75px;background:url(http://plus.webdo.com.tw/webdox_layout/x_144/images/icon.png) -105px -100px no-repeat; height:35px; border-bottom:2px  dotted  #fff;border-bottom:1px #fddeae solid}
.ad_c1{margin:0px 10px ; padding:0;word-wrap: break-word;}
.ad_c1 li{ text-align:left; list-style: url(http://plus.webdo.com.tw/webdox_layout/x_144/images/arrow_00.gif) outside;   margin:2px  8px 2px 15px ; padding:3px 0px; background:url(http://plus.webdo.com.tw/webdox_layout/x_144/images/dotbg.gif) bottom repeat-x; font:10pt/15pt Arial;}

/*首頁B區塊*/
.ad2{ width:700px; margin:10px 0px 0 0; float:right; display:inline}
 
.ad2 h1{ height:35px;text-align:left;font: bold 100%/150%  Arial, Helvetica, sans-serif  ; margin:5px; background:url(http://plus.webdo.com.tw/webdox_layout/x_144/images/icon.png) -109px -7px no-repeat; color: #6e6769;padding:20px 0 8px 50px; border-bottom:2px  dotted  #fff}
.ad_c2{margin:0px 10px ; padding:0;word-wrap: break-word;}
.ad_c2 li{ text-align:left; list-style: url(http://plus.webdo.com.tw/webdox_layout/x_144/images/arrow_00.gif) outside;   margin:2px  8px 2px 15px ; padding:3px 0px; background:url(http://plus.webdo.com.tw/webdox_layout/x_144/images/dotbg.gif) bottom repeat-x;font:10pt/15pt Arial;}

/*首頁C區塊*/
.ad3{ float:left; margin:8px 0px 20px 15px; display:inline; text-align:left; background:; width:98%;  padding:0 0 8px 0;height:200px; overflow:hidden;
 border-radius: 10px; /* Opera 10.5+ */
-moz-border-radius: 10px; /* Firefox */
 -webkit-border-radius: 10px; /* Safari 和 Chrome */
 border:1px solid  #C0C0C0; 
 background: #FDFCE8;
 padding: 1px; /* 邊框空白 */}
 
.ad3 h1{ height:30px;text-align:left;font: bold 100%/150%  Arial, Helvetica, sans-serif  ; margin:5px; background:; color: #862505;padding:5px 0 8px 10px; border-bottom:1px  dotted  #fff}
 
.ad_c3{ margin:0px 10px; padding:0; float:left;display:block;  font:93%/160% Arial;word-wrap: break-word;}
.ad_c3 li{text-align:left;list-style:url(http://plus.webdo.com.tw/webdox_layout/x_144/images/arrow_00.gif) inside;font:10pt/15pt Arial}

/* 首頁商品區product*/
#product{ width:700px; margin:10px 0px 0 0; float:right; display:inline}
#product h1{ height:36px;text-align:left;font: bold 100%/150%  Arial, Helvetica, sans-serif  ; margin:5px; background:url(http://plus.webdo.com.tw/webdox_layout/x_144/images/icon.png) -109px -15px no-repeat; color: #6e6769;padding:5px 0 0px 45px; border-bottom:1px solid #fddeae}
 
.p_5{ float:left; width:700px; margin:8px 0px; display:block; height:auto;}
.p_img{width:132px;float:left; height:200px; 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:#e5e1d8 ;
background:; 
/* 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  #e0e0e0; vertical-align:middle;   }

.p_img .pp:hover{ background:;  }
.p_img .pp a:hover {background: }
.p_img  .pp a:hover  img{border:2px  solid  #999999; 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: #1766A6; text-decoration:none;}
.p_img .f1 a:hover .pp{background:;  }
.p_img b{ color: #C30; font-size:11pt;text-align:left; }
.p_img:hover .f1 a{ color: #1766A6; }
.p_img  b a{ color:#F36; font:83%/125% Arial;  }
.p_img a:hover{ color:#1766A6}
/*首頁最新消息MORE*/
.more_h a{ float:right;background: url(http://plus.webdo.com.tw/webdox_layout/x_144/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_144/images/mored2.gif) no-repeat}

/*首頁表尾版權區'*/
#footer{ width:977px; background:url(http://plus.webdo.com.tw/webdox_layout/x_144/images/dotbg.gif) top repeat-x; text-align:center;height:auto; min-height:100px; _height:100px; font:100%/165% Arial, Helvetica, sans-serif; margin:10px; padding-top:20px;color:#333;float:left; display:inline;word-wrap: break-word}

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

/*首頁好站連結'*/
#good_link{ position:relative;float:left; clear:left; margin:10px 0px 0px 0px;display:inline; width:270px; height:auto; min-height:100px; _height:100px;}
#good_link img{ float:left; margin:3px; display:inline}
#good_link h1{ font: bold 100%/150% Arial; color:#6e6769; text-align:left;  margin:0; padding:10px 0 0 75px;background:url(http://plus.webdo.com.tw/webdox_layout/x_144/images/icon.png) -105px -100px no-repeat; height:30px;border-bottom:1px #fddeae solid}
#good_link ul{ margin:0 8px 20px 0px;position:relative; float:left; display:inline; width:265px; padding:0; overflow:hidden;}
#good_link ul img{ float:left;clear:left; margin:2px 2px 10px 10px; display:inline;
max-width:250px; 
myimg:expression(onload=function(){ 
this.style.width=(this.offsetWidth >250)?"250px":"auto"});
}
/*首頁背景音樂'*/
#music{ text-align: center; float:left; width:100% ;height:40px; background:url(http://plus.webdo.com.tw/webdox_layout/x_144/images/warp_bg.jpg) top repeat-x; padding-top:5px; }

/*首頁廣告輪播*/
#abgneBlock {
position: relative; float:right; margin:10px 0px 0 0;
	width: 690px; border:3px solid  #eee; padding:0; display:inline;
	height: 238px; 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_144/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_144/images/250adbg.jpg) top center no-repeat;
	height:238px; margin:10px 0 0px 0px; 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;
}