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

body{ margin:0; padding:0; text-align:center; background: url(http://plus.webdo.com.tw/webdox_layout/x_147/images/bg_body.gif) top repeat-x #a0ba61;  font:100%/160% Arial, Helvetica, sans-serif}
a{ text-decoration:none; color:#004096;}
a:visited{ text-decoration:none; color:#4d4d4d}
a:hover{ color:#4d4d4d}

img{ border:0;}
div{ margin:0; padding:0;}

#wrap0{ position:relative; margin:0; width:100%; overflow:hidden;}
a .yuyue_box{ z-index:100000000; background:url(http://plus.webdo.com.tw/webdox_layout/x_147/images/book2.png) no-repeat; width:318px; height:134px; position: absolute;top:450px; overflow: inherit; right:-275px; display:block;}
a:hover .yuyue_box{position: absolute;top:450px; right:-100px; text-align:left; }

.yuyue_box .yuyue_box_cc{ margin:20px 5px 5px 40px;width:160px; float:left; display:inline; font:10pt/14pt Verdana, Geneva, sans-serif; color:#4B597A}



#wrap2{ position:relative; margin:0 auto; text-align:center; background: url(http://plus.webdo.com.tw/webdox_layout/x_147/images/warp_bg2.jpg) left top no-repeat #fafce7; overflow:hidden; width:982px; height:auto;}
#wrap{ position:relative; margin:0 auto; text-align:left; background:; overflow:hidden; width:973px; height:auto;}

/*首頁LOGO區高度''*/
#logo{ z-index:10000;position: relative; top:3px; left:0px;margin:0; padding:0;height:102px; background: url(http://plus.webdo.com.tw/webdox_layout/x_147/images/nav_gb.jpg) bottom no-repeat; text-align:left}
#logo img{max-height:94px; width: auto;
myimg:expression(onload=function(){ ;
this.style.height=(this.offsetheight >94)?"94px":"auto"}); 
}
#logo h1{ margin:0; padding:0;}

/*上導覽列*/
#topnav{ position:absolute; top:5px; right:5px; width:auto;  z-index:300000; text-align:left; visibility:visible;font:10pt/16pt Arial; color:#DDD }
#topnav a{color: #8e621d; background:url(http://plus.webdo.com.tw/webdox_layout/x_147/images/c7.gif) right bottom no-repeat ; }
#topnav span{margin:0 5px 0 5px;}
#topnav a:hover{ color: #fff; background: #8e621d}

/*會員登入*/
#login_top{ position:absolute; top:40px; right:300px; color:#c14023; background: url(http://plus.webdo.com.tw/webdox_layout/x_147/images/icon_login.png) left no-repeat ;padding: 0px 5px 0 18px; border-radius:10px;font:95%/100% Arial; z-index:300000; }
#login_top a{ color: #c14023; padding:2px 5px 0 5px;}
#login_top a:hover{ color: #fff; background: #c14023;}

/*語言區*/
#language{ float: right}
#language a{ color:#fff }
#language a:hover{ color: #fff; background: #8e621d}
#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{ position:absolute; top:30px;  right:10px; z-index:100000; visibility:visible; text-align: right; line-height:32px; width:290px;}
#search .search_in{ border-radius: 5px; 
 -moz-border-radius: 5px; 
 -webkit-border-radius: 5px; 
 background: #fff; 
 border: 1px solid  #cfcfcf; 
 padding: 1px; 
 width:140px; margin:3px 0}
#search .search_b{ border:0; height:21px;margin:3px 0; background:url(http://plus.webdo.com.tw/webdox_layout/x_147/images/c8.gif) repeat-x; color:#fff; font-weight:bold;}
#search .search_b:hover{ color: #c14023; background:#fff}


/*跑馬燈*/
#abgne_marquee{ z-index:500000;position:absolute; width: 550px; top:385px; left:10px; height:20px; overflow: hidden;text-align:left;font:10pt/15pt  Arial}
#abgne_marquee a{ color: #8e621d}
#abgne_marquee a:hover{ color: #c14023}
#abgne_marquee ul{ margin:0;left:0;list-style:none;	position: absolute;}
#abgne_marquee li{ list-style:none; margin:0; padding:0;}

/*主選單*/
#menu { position:absolute;z-index:500000; right:0;top:72px; width:100%;font-size:11pt; text-align:left; height:30px;  visibility:visible;}
#menu *{list-style:none;border:0;padding:0; margin:0;}/*以星號（*）表示，適用於所有元素*/
#menu .menu {position:absolute; right:0px;}/*若是需要移動與兩側距離，可設定此處*/

#menu a {position:relative;padding:4px 10px 8px 10px; display:block;white-space:nowrap;text-decoration:none; z-index:100000;}
#menu li {float:left;background:url(http://plus.webdo.com.tw/webdox_layout/x_147/images/c9.gif) top right no-repeat/*主選單間隔線*/;}
#menu li li {float:none; _border-bottom:1px solid #9C3 ; _background-image:none /** fix for ie6 */ }
#menu div{visibility:hidden; position:absolute; background:url(http://plus.webdo.com.tw/webdox_layout/s_icon/pix.gif)/*固定空背景，不用更改*/ }/*第一層次選單*/
#menu div div { 
margin:-24px 0 0 0px;left:100%;/*次次選單與主選單的距離4+4+16*/ 
_margin:-29px 0 0 1px;/** fix for ie6 ;次次選單與主選單的距離~從-24開始上下調整 */
}
#menu div div {margin:-25px 0 0 -1px;left:100%;}

#menu li:hover>div { visibility:visible; }
#menu span {
    text-transform:uppercase;
    font:11pt/15pt 'Trebuchet MS', Arial, Helvetica, Sans-serif; 
    color:#373535;/*主選單字色*/}
	
#menu a:hover {color:#fff; background:url(http://plus.webdo.com.tw/webdox_layout/x_147/images/back.png);/*主選單背景圖*/　}
#menu a:hover span { color:#fff; }
#menu>ul>li:hover>a {
    background:url(http://plus.webdo.com.tw/webdox_layout/x_147/images/back.png)/*主選單背景圖*/;
    color:#4d4946;}
#menu>ul>li:hover>a span {color:#fff; }/*滑鼠滑到時主選單字色*/
#menu li {}

/* menu::level >= 2 */
#menu li li a {
    padding:0;position:static;
}

#menu li li a span {color:#fff; background-image:none; background-color:#76aa04; border-bottom:1px solid #9C3 }/*次選單字色.背景色*/
#menu li li a:hover{ color:#fff;background:#8cc11a;}
#menu li li a:hover span { color:#fff;background:#8cc11a; /*滑鼠滑到時次選單背景色*/}

#menu li li a.parent span { background:url(http://plus.webdo.com.tw/webdox_layout/s_icon/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;
    text-transform:none;
    line-height:16px;
    padding:4px 25px 4px 11px;
	_padding:2px 25px 2px 11px;
    font-size:11pt;
}
#menu li div { background:url(http://plus.webdo.com.tw/webdox_layout/x_147/images/back.png)/*主選單背景圖*/; }
/** <fix for ie6> */
#menu div div {
    _margin-top:-25px;
    _background:#76aa04;
}
#menu li li li {  _border-bottom:1px solid #9C3 }
#menu div div div { _background:#76aa04; }
#menu li li li li {  _border-bottom:1px solid #9C3 }
/** </fix for ie6> */

/* lava lamp */
#menu li.back {
    width:10px;
    height:30px;/*#menu同高*/
    z-index:8;
    position:absolute;
}
#menu li.back .left {
    width:auto;
    height:30px;
    float:none;
    position:relative;
    top:0;
    left:0;
    visibility:visible;
}

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

/*首頁最新消息區塊*/
.h_add_x_147{float: left; margin:10px 0px 0px 0px; display:inline; text-align:left;padding-bottom:5px;  width:326px; height:auto; min-height:50px; _height:50px;}
.h_add2_x_147{visibility: hidden;height:1px;}
#index_left{ float:left; width:336px; position:relative;}
#news{ float: left; margin:10px 0px 0px 0px; display:inline; padding-bottom:10px; background:url(http://plus.webdo.com.tw/webdox_layout/x_147/images/news_bg2.gif) left bottom no-repeat;; width:326px; height:auto; min-height:50px; _height:50px;}
#news ul{ margin:10px 0 10px 0 ; padding:0;}
#news li{ text-align:left; list-style: url(http://plus.webdo.com.tw/webdox_layout/x_147/images/arrow_00.gif) outside;   margin:2px 0px 2px 10px ; padding:0; background:url(http://plus.webdo.com.tw/webdox_layout/x_147/images/dotbg.gif) bottom repeat-x; font:10pt/17pt Verdana, Geneva, sans-serif; }
#news li a:hover{background:#718E4F; color:#fff}
#news li a{ color: #333;}
#news li:hover{ background:#718E4F; color:#fff ;}
#news li:hover a{color:#fff}
#news em{ font: normal 9pt/15pt Arial; color:#999}

#news h1{ font: bold 100%/150% Arial; color: #aa4a04; text-align:left;  margin:0; padding:0px 0 0 0px; background:url(http://plus.webdo.com.tw/webdox_layout/x_147/images/news_bg.gif) left top no-repeat; height:30px;}

#news .new_ad{ margin:10px; display:block}
.news_more a{ background: url(http://plus.webdo.com.tw/webdox_layout/x_147/images/mored1.gif)  no-repeat; width:60px; height:19px; float:right; text-indent:-3000px; display: inline;cursor:pointer; margin:10px 15px 0px 0;}
#news .news_more:hover{ background:url(http://plus.webdo.com.tw/webdox_layout/x_147/images/mored2.gif)  no-repeat; }

/*首頁A區塊*/
.ad1{padding:0px 0 10px 0;position:relative;float:left; clear:left; margin:10px 0px 0px 0px;display:inline; background:url(http://plus.webdo.com.tw/webdox_layout/x_147/images/news_bg2.gif) left bottom no-repeat; width:326px; height:auto; min-height:130px; _height:130px;}
.ad1 h1{ font: bold 100%/150% Arial; color:#aa4a04; text-align:left;  margin:0 0 10px 0; padding:0; background:url(http://plus.webdo.com.tw/webdox_layout/x_147/images/news_bg.gif) left top no-repeat; height:30px;}
.ad_c1{text-align:left;margin:0px; padding:0; float:left;display:block;  font:93%/160% Arial;word-wrap: break-word; color:#2c2b2b}
.ad_c1 p{ margin:0; padding:0}
.ad_c1 li{ list-style:url(http://plus.webdo.com.tw/webdox_layout/x_147/images/arrow_00.gif) inside;}

/*關係企業結'*/
.banner_x_147{padding:0px 0 10px 0;position:relative;float:left; clear:left; margin:10px 0px 0px 0px;display:inline; background:url(http://plus.webdo.com.tw/webdox_layout/x_147/images/news_bg2.gif) left bottom no-repeat; width:326px; height:auto; min-height:130px; _height:130px;}
.banner_x_147 h1{font: bold 100%/150% Arial; color:#aa4a04; text-align:left;  margin:0 0 10px 0; padding:0; background:url(http://plus.webdo.com.tw/webdox_layout/x_147/images/news_bg.gif) left top no-repeat; height:30px;}


/*首頁B區塊*/
.ad2{float: left; margin:10px 0px 0px 0px; display:inline; padding-bottom:10px; background:url(http://plus.webdo.com.tw/webdox_layout/x_147/images/news_bg2.gif) left bottom no-repeat;; width:326px; height:auto; min-height:50px; _height:50px;}
 
.ad2 h1{ font: bold 100%/150% Arial; color: #aa4a04; text-align:left;  margin:0; padding:0px 0 0 0px; background:url(http://plus.webdo.com.tw/webdox_layout/x_147/images/news_bg.gif) left top no-repeat; height:30px; }
.ad_c2{text-align:left;margin:0 5px 8px 0px; padding:0; float:left;display:block; width:100%;  font:93%/160% Arial;word-wrap: break-word;}
.ad_c2 li{ text-align:left; list-style: url(http://plus.webdo.com.tw/webdox_layout/x_147/images/arrow_00.gif) outside;   margin:2px 0px 2px 3px ; padding:0; background:url(http://plus.webdo.com.tw/webdox_layout/x_147/images/dotbg.gif) bottom repeat-x; font:10pt/17pt Verdana, Geneva, sans-serif; }
.ad_c2 li a:hover{ background:#A3C639; color:#fff;}
.ad_c2 li a{ color: #333;}
.ad_c2 li:hover{background:#A3C639; color:#fff;}
.ad_c2 li:hover a{  color: #fff;}

/*首頁C區塊*/
.ad3{ width:635px; margin:10px 0 10px 0; float:right; display:inline}
.ad3 h1{ height:30px;text-align:left;font: bold 100%/150%  Arial, Helvetica, sans-serif  ; margin:5px 0; background:url(http://plus.webdo.com.tw/webdox_layout/x_147/images/producth1.gif) left top no-repeat; color: #aa4a04;padding:0px 0 8px 0px; border-bottom:2px  dotted  #fff}
.ad_c3{text-align:left;margin:0px; padding:0; float:left;display:block;  font:93%/160% Arial;word-wrap: break-word; color:#2c2b2b}
.ad_c3 p{ margin:0; padding:0}
.ad_c3 li{ list-style:url(http://plus.webdo.com.tw/webdox_layout/x_147/images/arrow_00.gif) inside;}

/* 首頁商品區product*/
#product{ width:635px; margin:10px 0 10px 0; float:right; display:inline}
#product h1{ height:30px;text-align:left;font: bold 100%/150%  Arial, Helvetica, sans-serif  ; margin:5px; background:url(http://plus.webdo.com.tw/webdox_layout/x_147/images/producth1.gif) left top no-repeat; color: #aa4a04;padding:0px 0 8px 0px; border-bottom:2px  dotted  #fff}
#product .intro{height:30px;text-align:left;font: bold 100%/150%  Arial, Helvetica, sans-serif  ; margin:5px 0; background:url(http://plus.webdo.com.tw/webdox_layout/x_147/images/producth1.gif) left top no-repeat; color: #aa4a04;padding:0px 0 8px 0px; border-bottom:2px  dotted  #fff}
.p_5{ float:left; width:610px; margin:8px 0px; display:block; height:auto;}
.p_img{width:112px;float:left; height:200px; overflow:hidden; margin:4px; display:inline; text-align:left ; font:83%/145% Arial; color: #C00;}
.p_img .pp{height:110px; margin:0; padding:0;width:110px; text-align:center;overflow:hidden; background:#e5e1d8 ;
background:; 
/* Firefox, Chrome */
  line-height :110px; 
  white-space : nowrap;   
  /* IE */
  *font-size :116px;  /* 132px * 0.9 = 119px */
  *font-family : Arial;}

  /* IE 6*/
.p_img .pp a{height:110px; width:110px;text-align:center; line-height :110px;  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_147/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_147/images/mored2.gif) no-repeat}

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

/*首頁計數器'*/
.counter{ text-align:right; color:#06c; font-size:80%}
.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; background:url(http://plus.webdo.com.tw/webdox_layout/x_147/images/news_bg2.gif) left bottom no-repeat; width:326px; height:auto; min-height:200px; _height:200px;}
#good_link img{ float:left; margin:3px; display:inline}
#good_link h1{ font: bold 100%/150% Arial; color:#aa4a04; text-align:left;  margin:0; padding:0; background:url(http://plus.webdo.com.tw/webdox_layout/x_147/images/news_bg.gif) left top no-repeat; height:30px;}
#good_link  ul{ margin:10px 5px 20px 5px;position:relative; float:left; display:inline; padding:0; overflow:hidden;}
#good_link ul img{ float:left; margin:2px; display:inline;
max-width:326px; 
myimg:expression(onload=function(){ 
this.style.width=(this.offsetWidth >326)?"326px":"auto"});
}
/*首頁背景音樂'*/
#music{ text-align: center; float:left; width:100% ;height:40px; background:url(http://plus.webdo.com.tw/webdox_layout/x_147/images/warp_bg.jpg) top repeat-x; padding-top:5px; }

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

/* 主圖輪播 */
#abgneBlock_pic {
	width: 973px;
	height: 315px;
	position: relative;
	overflow: hidden;
	border: 1px solid #ccc;
}
#abgneBlock_pic ul.list {
	padding: 0;
	margin: 0;
	list-style: none;
	position: absolute;
	width: 9999px;
	height: 100%;
}
#abgneBlock_pic ul.list li {
	float: left;
	width: 973px;
	height: 100%;
}
#abgneBlock_pic .list img{
	width: 100%;
	height: 100%;
	border: 0;
}
#abgneBlock_pic ul.playerControl {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	bottom: 5px;
	right: 5px;
	height: 14px;
}
#abgneBlock_pic ul.playerControl li {
	float: left;
	width: 10px;
	height: 10px;
	cursor: pointer;
	margin: 0px 2px;
	background: url(http://plus.webdo.com.tw/webdox_layout/x_147/images/cir_ctrl.png) no-repeat -10px 0;
}
#abgneBlock_pic ul.playerControl li.current {
	background-position: 0 0;
}