@charset "utf-8";
/* 
公版製作注意事項:(此非系統用戶修改之規範)
1.公版的圖檔請使用絕對路徑
2.絕對路徑的方式 http://plus.webdo.com.tw/webdox_layout/x_資料夾號碼/images/圖檔檔名
 */

body{ margin:0; padding:0;text-align:center;background:url(http://plus.webdo.com.tw/webdox_layout/x_329/images/body_bg1.png) top center repeat-x #eeecea;
font:13px/1.6  Arial,"微軟正黑體", Sans-serif;color:#333}

a{ text-decoration:none; color:#f1e3ab;}
a:visited{ text-decoration:none; color:#e5c454}
a:hover{ color:#e5c454}
img{ border:0;}
div{ margin:0; padding:0;  word-wrap: break-word;  word-break: normal;}

/*最外層*/
#wrap_top{position:relative; margin:0 auto; height:134px; width:1100px; text-align:center;  display:block;  z-index:50000; }/*上方導覽列與google語系*/
#wrap{ position:relative; text-align: center;margin:0 auto;   overflow:hidden; background:;width:100%; height:auto;display:block;}/*最外圍的陰影*/
#wrap_c{ position:relative; margin:0 auto; text-align:left;width:1100px; display:block; height:auto;}

/*上導覽列*/
#topnav{ position: relative; padding-left:10px; float:right;width: auto; height:31px;top:15px;right:0px;z-index:10000;font:13px/30px Arial,"微軟正黑體", Sans-serif; }

#topnav a{ padding:0px 2px 0 0; margin:0 3px 0 0;color:#222; float:left;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
#topnav span:hover{ color:#9f4b18; border-bottom:1px solid #9f4b18;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
#topnav a:after{ content:"・"; font:10px/30px Arial;}


/*語言區*/
#google_translate_element{ float:right; line-height:10pt;}
#google_translate_element a{color:#333; background:none}
#language{ display:inline; text-align:center; float:left; margin:0 0 0 22px;}
#language a{ color:#fff ; line-height:31px; float:left}
#language a:hover{ color: #fff; background: #452918}


/*logo疊在主圖上面需新增此類別*/
#logo_on{position:relative;width:1100px; display:block; margin:0 auto;height:120px;}

/*主圖區塊*/
#banner{position:relative;z-index:1; float:left; margin:8px 0 30px 0;width:100%; float:left; height:480px; overflow:hidden ; text-align:center; background-color:#FFF;}


/*LOGO*/
#logo{ position: absolute;width:105px; top:11px; left:19px;height:auto;z-index:10000; margin:0; padding:0;text-align:left; display:block; }
#logo img{ }
#logo h1{ margin:0px 0 0 0; padding:0;}

/*首頁表尾版權區'*/
#footer{  position:relative; float:left; background:#ffffff;color:#333; margin:25px auto 0 auto; width:100%; text-align: center; height:auto; min-height:95px; _height:95px; font:13px/1.6 Arial,"微軟正黑體", Sans-serif; ;}
#footer_c{ width:1040px; position:relative; margin:15px auto; text-align:left; padding:0px 0 0 50px;}
#footer img{_display:inline;max-width:960px; height:auto; 
myimg:expression(onload=function(){ 
this.style.width=(this.offsetWidth >960)?"960px":"auto"});}

/*首頁計數器'*/
.counter{position:absolute; text-align:right; color:#333;  font-size:80%;top:65px;right:10px}
.counter b{ font-weight: normal; color: #444; padding-left:5px;}

 
/*會員登入註冊*/
#login_top{ position:absolute; font:15px/1.5  Arial,"微軟正黑體", Sans-serif; ;  top:12px; right:392px;text-align:center;  color:#fff; z-index:10000; padding-left:10px; letter-spacing:3px; height:30px;   line-height:30px;  } 
#login_top a{color:#fff; line-height:30px;  padding:3px;}
#login_top a:hover{ border-bottom:1px solid #fff; }

/*上方商品搜尋*/
#search{ position: absolute; background:rgba(255,255,255,0.5); border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px;width:150px; height:27px;top:15px; right:260px; z-index:100000;visibility:visible; text-align: right; line-height:27px;}
#search .search_in{ border: none;color:#000; float:left;_display:inline;width:100px; margin:4px 3px 0px 10px ; background:none; height:18px;}
#search .search_b{ width:30px;float: right;  height:20px; margin:2px; background:url(http://plus.webdo.com.tw/webdox_layout/x_329/images/icon.png) 0 -390px no-repeat;  border:none; text-indent:-3000px;  margin:5px 0px 0 0}
#search .search_b:hover{ width:30px;height:20px;}

/*跑馬燈*/
#abgne_marquee{ position:absolute; width:700px;  top:50px; right:10px; height:20px;  z-index:10000;overflow: hidden;text-align:left;font:10pt/15pt  Arial,"微軟正黑體", Sans-serif; }
#abgne_marquee a{ color:#7b2302}
#abgne_marquee a:hover{ color:#FC0; border-bottom:1px solid #FC0}
#abgne_marquee ul{ margin:0; right:0;list-style:none;	position: absolute;}
#abgne_marquee li{ list-style:none; margin:0; padding:0;}

/*主選單*/
#menu { position: absolute;z-index:10000; top:70px; left:330px;  text-align:left; height:57px;  width:800px; visibility:visible;}
#menu *{list-style:none;border:0;padding:0; margin:0;}/*以星號（*）表示，適用於所有元素*/
#menu .menu {position:absolute;right:30px;}/*若是需要移動與兩側距離，可設定此處*/
#menu a {position:relative;padding:0px 0;/*主選單的高度6+6+18=30*/ display:block;white-space:nowrap;text-decoration:none; z-index:100000;}
#menu li {float:left; padding:0;}
#menu div{visibility:hidden; position:absolute;background:url(http://plus.webdo.com.tw/webdox_layout/s_icon/pix.gif)/*固定空背景，不用更改*/ }/*第一層次選單*/
#menu div ul{ position:relative; left:3px;top:0px; background:#413626}
#menu div div { 
     margin:-24px 0 0 0px;left:100%;/*次次選單與主選單的距離4+4+16*/ 
	_margin:-29px 0 0 0px;/** fix for ie6 ;次次選單與主選單的距離 */ }

#menu li:hover>div { visibility:visible; }
#menu span {
    text-transform:uppercase;
	font: bold 11pt/18px Arial,"微軟正黑體", Sans-serif; letter-spacing:1px;
    color:#fff; padding:0px;/*主選單字色*/}	
#menu a:hover {color: #fff;  background: url(http://plus.webdo.com.tw/webdox_layout/x_329/images/back.png) top center no-repeat;/*主選單背景圖*/　}
#menu a:hover span { color: #fff;  }
#menu>ul>li:hover>a{ background:url(http://plus.webdo.com.tw/webdox_layout/x_329/images/back.png) top center no-repeat;/*主選單背景圖*/;}	
#menu>ul>li:hover>a span {color:#fff; }/*滑鼠滑到時主選單字色*/
/* menu::level >= 2 */
#menu li li a { padding:0;position:static; display:block;background-image:none;}
#menu li li a span {display:block;color:#fff; background:#1f1715;background-image:none; }/*次選單字色.背景色*/
#menu li li {float:none;padding:0 ;background-image:none;margin:1px 0; /** fix for ie6 ;次選單的格線顏色*/ }
#menu li li a:hover{ color:#fff;background-color:#cd6500;background-image:none;}
#menu li li a:hover span { color:#fff;background-color:#cd6500 /*滑鼠滑到時次選單背景色*/;background-image:none;webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition: all 0.2s ease-in-out; }

#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; padding:0px ;  width:110px;  text-align:center;  font-size:11pt; line-height:23px;}
#menu li div {   }
/* lava lamp */
#menu li.back{
	width:10px;height:57px;/*#menu同高*/ background-image:none;
    z-index:10000;position:absolute; /*height:38px;border:1px solid #679800; overflow:hidden; left:-58px;*/}
#menu li.back .left { width:auto;background:url(http://plus.webdo.com.tw/webdox_layout/x_329/images/back.png) center no-repeat;height:57px;float:none;position:relative;top:0;left:0; margin-right:0px;/*隔線的距離*/visibility:visible; }
.clear{ display:block; clear:both;}



/*左邊分類選單 product*/
#menu_c { float:left; width:250px; clear:left;margin:10px 0px 20px 0px;font-size:11pt;   display:inline; font:100%/155%  Arial,"微軟正黑體", Sans-serif; ; height:auto; min-height:150px; _height:150px; padding-bottom:10px; text-align:left }
#menu_c *{list-style:none;border:0;padding:0; margin:0;}
#menu_c .m_top{}/*c樣式分類上最上方*/
#menu_c ul{margin:0; padding:0; }
#menu_c ul a{text-decoration:none;display:block; color:#486FA8;padding:2px 0 2px 20px; font-weight: bold;  
background:url(http://plus.webdo.com.tw/webdox_layout/x_329/images/a09.gif) left no-repeat; margin:0; }/*一次顯示兩層時的標題*/

#menu_c li{ position:relative; margin:3px;padding:0;display:block; _float:left;_width:100% }/*第一層選單樣式*/
#menu_c li img{ position:absolute; right:2px;top:5px; z-index:10000;}/*右邊點選可打開的小圖*/
#menu_c li a{ text-decoration:none;display:block;font:13px/1.6 Arial,"微軟正黑體", Sans-serif; ;color:#fbfbfb;padding:2px 0 2px 14px;background:url(http://plus.webdo.com.tw/webdox_layout/x_329/images/a09.gif) left no-repeat;border-bottom:0; }
#menu_c li a:hover{color:#f2bf66 ;background:url(http://plus.webdo.com.tw/webdox_layout/x_329/images/a09.gif) left no-repeat;border-bottom:0; display:block;}

#menu_c div{margin:3px 0 3px 12px; _margin:0px 0 0px 12px;}/*第二層與新增的次選單樣式*/
#menu_c div ol{ position:relative;margin:3px;_margin:0px;display:block; border: none }
#menu_c div ol img{ position:absolute; right:2px;top:5px; z-index:10000;}
#menu_c div ol a{text-decoration:none;display:block; padding:1px 0 3px 13px; background:url(http://plus.webdo.com.tw/webdox_layout/x_329/images/a09.gif) left no-repeat;font:13px/1.6 Arial,"微軟正黑體", Sans-serif; ;color:#fbfbfb;border-bottom:0}
#menu_c div ol a:hover{color:#f2bf66 ;border-bottom:0;background:url(http://plus.webdo.com.tw/webdox_layout/x_329/images/a09.gif) left no-repeat;display:block; }
#menu_c .menu_on{ color:#C60; background:url(http://plus.webdo.com.tw/webdox_layout/x_329/images/a09.gif) left no-repeat #FEF5ED}
#menu_c .menu_on2{ color:#C60; background:url(http://plus.webdo.com.tw/webdox_layout/x_329/images/a09.gif) left no-repeat #FEF5ED}
/*以上與首內頁相同*/

/*首頁最新消息區塊*/

#news{ position:relative;float: left; margin:0 15px 0 25px; _display:inline;  width:357px; height:358px;border:2px solid #e31b22; border-radius:9px; -moz- border-radius:9px; -ms- border-radius:9px;}
#news .h1{ float:left; background:#fff; font:0/0 Arial,"微軟正黑體"; margin:0px 0 0 10px; height:20px;}
#news .h1:after{ content : "News 最新消息 ";  font-size :15px;  height:20px;background:#fff;color:#e31b22; padding:0 10px;}
#news ul{ margin:20px 10px 0 10px ; padding:0;}
#news img{_display:inline;max-width:120px; height:auto; vertical-align:middle; float:left; margin:0 3px 3px 0;
myimg:expression(onload=function(){ 
this.style.width=(this.offsetWidth >120)?"120":"auto"});}
#news li{ text-align:left; list-style: none; float:left; width:100%;   margin:4px 0px 4px 0px ; padding:3px 0px;font:14px/1.6 Arial,"微軟正黑體", Sans-serif; ; }
#news li a:hover{ color: #de5316 }
#news li a{ color: #53291e;float:left; width:210px;}
#news li:hover{  color: #dfa255 ;}
#news li:hover a{  color: #dfa255;}
#news em{ font: normal 9pt/15pt Arial,"微軟正黑體", Sans-serif; ; color:#CEBFA0;}
#news .new_ad{ margin:10px; display:block}
.news_more a{ position:absolute; bottom:0px;right:5px; z-index:10000; border-radius:30px; -webkit- border-radius:30px; -moz- border-radius:30px; background:#e31b22; width:60px; text-align:center; padding:0px; height:20px;cursor:pointer; font:normal 11px/20px Arial,"微軟正黑體", Sans-serif; ; color:#fff;margin:5px 0px 8px 0;}
.news_more a:hover{ background:#1f1715;}
 
/*首頁好站連結'*/
#good_link{ position:relative;float:left; clear:left; margin:0 0 10px 0;display:inline; background:none; width:250px; height:auto; min-height:200px; _height:200px;}
#good_link .h1{ font:bold 15px/150% Arial,"微軟正黑體", Sans-serif; color: #dfa255; text-align:left;  margin:0; padding:0px 0 0 0; background:url(http://plus.webdo.com.tw/webdox_layout/x_329/images/a07.png) no-repeat; height:30px; }
#good_link ul{ margin:0;padding:3px 0px;position:relative; float:left; display:inline; width:250px; height:auto;  overflow:hidden;}
#good_link ul img{_display:inline;max-width:250px; height:auto; float:left;
myimg:expression(onload=function(){ 
this.style.width=(this.offsetWidth >250)?"250":"auto"});}


/*首頁形象圖片*/
#abgne_fade_pic {
	position: relative; float:left;
	width:344px; background:none; overflow:hidden;
	height:180px; margin:0px; text-align:center; 	}
#abgne_fade_pic a.ad {	position: absolute; left:0px; top:0px;z-index:1;overflow:hidden;width:344px;height:180px;/* 讓圖片疊在一起 */}
#abgne_fade_pic .control {	position: absolute;	right:3px;top:170px; z-index:1000;}

#abgne_fade_pic img {max-width:344px; max-height:180px; width:expression(this.width > 344? "344" : this.width); height:expression(this.height > 180? "180" : this.height); vertical-align:middle;}
#abgne_fade_pic .control a {
	display: inline-block;	padding: 1px;	margin:1px;	width:5px; height:5px;	color: #555;background: #eee;text-align: center;
	font:0px/0px 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;}

/*首頁A區塊*/
.ad1{  float:left; margin:0;display:inline; text-align:left; width:280px; height:20px; border:2px solid #e31b22;padding:0;height:356px;border-radius:9px; -moz- border-radius:9px; -ms- border-radius:9px; display:none;} 
.ad1 .h1{ float:left; background:#fff; font:0/0 Arial,"微軟正黑體", Sans-serif; margin:0px 0 0 10px; height:20px;}
.ad1 .h1:after{ content : "Facebook 輝葉粉絲團 ";  font-size :15px; letter-spacing:2px; background:#fff;  color:#e31b22; padding:0 10px;}
.ad_c1{margin:8px 5px 8px 5px; padding:0; display:block; }
.ad_c1 li{text-align:left; list-style:url(http://plus.webdo.com.tw/webdox_layout/x_329/images/a09.gif) outside;   margin:4px 0px 4px 289px ; padding:3px 0px;font:13px/1.6 Arial,"微軟正黑體", Sans-serif; ;color:#fbfbfb}

/*首頁B區塊*/
.ad2{  float:left;margin:0px ;display:inline; text-align: right;width:405px;padding:8PX 0 0 8PX;display:none;} 
.ad2 .h1{ display:none}
.ad_c2{margin:0; padding:0; display:block; }
.ad_c2 li{ list-style:inside;}

/*首頁C區塊*/
.ad3{  float:left;margin:8px 10px 10px 5px;display:inline; text-align:left;width:31%;padding:0;display:none;} 
.ad3 .h1{font:bold 15px/150% Arial,"微軟正黑體", Sans-serif; ; color: #dfa255; text-align:left;  margin:0; padding:0px 0 0 0; height:30px;}
.ad_c3{margin:8px 5px 8px 5px; padding:0; display:block; }
.ad_c3 li{ list-style:inside;}

/* 首頁商品區product*/
#product{ text-align:left ; width:1100px; margin:0 0 10px 0; float:left; display:inline;}
#product img{  margin:0px 0; _display:inline;
max-width:1100px; height:auto; 
myimg:expression(onload=function(){ 
this.style.width=(this.offsetWidth >690)?"690px":"auto"});}
#product .h1{color: #630; text-align:left; margin:5px 0 20px 0; padding:3px 0px 0px 0px; background:url(http://plus.webdo.com.tw/webdox_layout/x_329/images/x_329-2.png) center no-repeat; height:55px; border-bottom:0; font-size:0; line-height:0; }/*商品區標題*/
#product .intro{ color: #630; text-align:left; margin:25px 0 20px 0; padding:3px 0px 0px 0px; background:url(http://plus.webdo.com.tw/webdox_layout/x_329/images/x_329-1.png) center no-repeat; height:55px; border-bottom:0 ; font-size:0; line-height:0;} /*公司簡介標題*/
#product .photo{color: #dfa255; text-align:left;  margin:0; padding:0px 0 0 0; background:url(http://plus.webdo.com.tw/webdox_layout/x_329/images/) no-repeat; height:30px;} /*活動花絮標題*/

/* 3列式商品區product*/
#product .p_3{ float:left; width:690px; padding:8px 0;}
#product .p_3 .p_img{width:220px;height: auto; float:left; margin:2px; display:inline; text-align:left ;font:10pt/13pt Arial,"微軟正黑體", Sans-serif; ; color:#C00 ;/* $顏色 */ }
#product .p_3 .p_img .pp{height:222px;width:220px; margin:0; padding:0; text-align:center;overflow:hidden; 
background:none; /* Firefox, Chrome */
  line-height :218px; 
  white-space : nowrap;  /* IE */
  *font-size :198px;  /* 132px * 0.9 = 119px */
  *font-family : Arial;}
#product .p_3 .p_img .pp a{height:218px;width:218px; text-align:center; line-height :218px;  white-space : nowrap;}
#product .p_3 .p_img .pp:after {  content : ".";  font-size :1px;   margin-left : -1px;  opacity : 0;}
#product .p_3 .p_img  .pp a img {max-width:218px;width: expression(this.width > 218 ? "218" : true);max-height:218px;height: expression(this.height > 218 ? "218" : true); border:0; vertical-align:middle;}
#product .p_3 .p_img .pp:hover{ background:none; }
#product .p_3 .p_img .pp a:hover {background:none; }
#product .p_3 .p_img  .pp a:hover  img{border:0px  solid #A7A7A7; vertical-align:middle;    }
#product .p_3 .p_img .f1{ height:auto;padding:0; margin:2px 0; text-align:left; font:15px/13pt 微軟正黑體; color:#f1e3ab;}
#product .p_3 .p_img .f1 a{color:#f1e3ab;text-decoration:none; } 
#product .p_3 .p_img .f1 a:hover{	color:#dfa255; text-decoration: none;}
#product .p_3 .p_img .f1 a:hover .pp{background:;  }
#product .p_3 .p_img b{ color: #f1e3ab; font-size:12pt;text-align:left;letter-spacing:1px;   } /* 價格*/
#product .p_3 .p_img:hover .f1 a{ color:#f1e3ab; }
#product .p_3 .p_img  b a{ color: #f1e3ab; font: normal 10pt/18pt Arial,"微軟正黑體", Sans-serif; ; letter-spacing:2px;  } /* 購買 */
#product .p_3 .p_img b a:hover{ color:#39C}/* 購買 */

/* 4列式商品區product*/
#product .p_4{ float:left; width:1100px; padding:0px 0 32px 0;}

.p_4 .p_img{ position:relative;width:263px;height: 300px; float:left; margin:10px 6px 0 6px; _display:inline; text-align:center ;font:bold 13pt/13pt Arial,"微軟正黑體", Sans-serif; background:#dcd1c6;
-webkit-box-shadow: 2px 2px 5px #d2d2d2;
  -moz-box-shadow: 2px 2px 5px #d2d2d2;  
  box-shadow: 2px 2px 5px #d2d2d2;  
  color:#333;/* $顏色 */ }

.p_4 .p_img .pp{height:230px;width:263px; margin:0 0 0 0px; padding:0; text-align:center;  background:rgba(0,0,0,1); 

  line-height :230px; 
  white-space : nowrap;
  *font-size :236px;  background:#AB9B8C
  *font-family : Arial; }
#product  .p_4 .p_img .pp a{height:230px;width:263px; text-align:center;  white-space : nowrap;}
#product  .p_4 .p_img  .pp a img {max-width:263px;width:263px expression(this.width >263 ? "263" : true);max-height:230px;height: expression(this.height > 230 ? "230" : true); border:none; vertical-align:middle; }

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

.p_img .pp:hover{ background:;  }
.p_img .pp a:hover {background: }
.p_img  .pp a:hover  img{border:1px  solid #A7A7A7; vertical-align:middle;}
.p_img .f1{ height:auto;padding-top:10px; padding-bottom:10px; text-align:center; margin:2px 0; text-align: center;  color:#5f3e2a; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; font-size:15px; font-weight:bold;  }
.p_img .f1 a{color:#564635;text-decoration:none; } 
.p_img .f1 a:hover{	color:#564635; text-decoration:none;}
.p_img .f1 a:hover .pp{background:;  }

.p_img:hover .f1 a{ color:#564635; }
.p_img  b{ width:193px; float:left; margin:30px 0 0 70px; _display:inline}

.p_img  b a{ width:75px; height:25px; bottom:10px; float:left; position:relative;color: #D04055; font: normal 0pt Arial,"微軟正黑體", Sans-serif ; letter-spacing:2px; background:url(http://plus.webdo.com.tw/webdox_layout/x_329/images/icon.png) 0 -1405px no-repeat; } /* 購買 */
.p_img b a:hover{ color:#39C; background:url(http://plus.webdo.com.tw/webdox_layout/x_329/images/icon.png) 0 -1446px no-repeat;}/* 購買 */

.p_img  b a.X329_rate{ width:75px; height:25px; bottom:10px; float:left; position:relative; color: #D04055; font: normal 0pt Arial,"微軟正黑體", Sans-serif ; letter-spacing:2px; background:url(http://plus.webdo.com.tw/webdox_layout/x_329/images/icon.png) 0 -1501px no-repeat; } /* 加入估價 */
.p_img  b a:hover.X329_rate{ width:75px; height:25px; float:left; position:relative; color: #D04055; font: normal 0pt Arial,"微軟正黑體", Sans-serif ; letter-spacing:2px; background:url(http://plus.webdo.com.tw/webdox_layout/x_329/images/icon.png) 0 -1551px no-repeat; } /* 加入估價 */


 
/*商品區MORE*/
.more_h a{ display:none;}
.more_h a:hover{ background:url(http://plus.webdo.com.tw/webdox_layout/x_329/images/icon.png) 0 -447px no-repeat;}

/*首頁背景音樂'*/
#music{ text-align: center; float:left; width:100% ;height:40px; background:url(http://plus.webdo.com.tw/webdox_layout/x_329/images/warp_bg.jpg) top repeat-x; padding-top:5px; }

/*首頁廣告輪播*/
#abgneBlock {
position: relative; float:left; width:1100px; height:188px; background:#fff; 
	text-align:center; overflow:hidden;}
#abgneBlock #player {
	position: relative;top:0; margin:0; padding:0;
	overflow: hidden;	width: 100%;border:0;
	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 {visibility: hidden;
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_329/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;}

/*首頁小月曆開始*/
#calendar_h{ float:left; width:250px; margin:10px 0; display:inline;border-bottom:1px solid #eee; background:#F7F7F7;color:#000;}
#calendar_h h1{ font: bold 12pt/18pt Verdana,sans-serif, "微軟正黑體"; border-bottom:1px solid #ccc; margin:0; padding:6px; background:url(http://plus.webdo.com.tw/webdox_layout/s_icon/calendar.gif)5px 6px no-repeat; text-indent:20px;}
#calendar_h ul{ margin:0; padding:0}
.calendar/*Div*/{background-color:#fff;padding:0;float:left;width:100%; display:inline; text-align:center;color:#000}
.calendar h2 a{color:#09F;text-decoration:none;}
.C_bt/*大Table*/{ float:left;}
.C_st/*小Table*/{}
.C_st a{color:#30a6e9;text-decoration:none;}
.we/*星期*/{background-color:#d0e0ec;text-align:center;vertical-align:middle;}
.da/*一般日期*/{background-color:#f7f7f7;text-align:center;vertical-align:middle; padding:3px}
.to,.ac.to,.ac.to a/*今日*/{color:#e40077;font-weight:700;text-decoration:none;}
.ac/*有活動開始*/{background-color:#ffc75a;text-align:center;vertical-align:middle;}
.ac a{color:#0046f8;text-decoration:none;}
.re/*有休館*/{background-color:#ffbce0;text-align:center;vertical-align:middle;}
.dc/*最下面今日、休館日、有活動的Table*/{}

/*首頁小月曆結束*/

/* 主圖輪播區 */
.border_box{ }
.box_skitter {}

.box_skitter ul {display:none;}
.box_skitter .container_skitter {overflow:hidden;position:relative;}
.box_skitter .image {overflow:hidden;  width:100%; position:absolute;height:504px; overflow:hidden;}
.box_skitter .image a{position:absolute; width:100%; left:50%; height:480px; margin:0 0 0 -1120px;}
.box_skitter .image a img {display:none; height:480px;   top:0;z-index:100; left:0;}

.box_skitter .box_clone {position:absolute;top:0;left:0;width:100%;overflow:hidden;display:none;z-index:20;}

.box_skitter .box_clone  a{position:absolute;top:0;left:50%;z-index:2;width:100%;height:480px; margin:0 0 0 -1120px;}
.box_skitter .box_clone a img {height:480px;  top:0;z-index:100; left:0;}


/*.box_skitter .box_clone {overflow:hidden;  width:100%; position:absolute;height:504px; z-index:20}
.box_skitter .box_clone  a{position:absolute; width:100%; left:50%; height:504px; margin:0 0 0 -1120px;}
.box_skitter .box_clone  img {display:none; width:100%; height:auto;  top:0;z-index:100; left:0;}*/


.box_skitter .prev_button,.box_skitter .next_button{
position:absolute; top:49%;
display: inline-block;
width: 41px; 
height: 69px;
text-indent: -9999em;
overflow: hidden; z-index:10000;_filter: alpha(opacity=40);
	}
	
.box_skitter .prev_button { left:50%; margin-left:-600px; background: url(http://plus.webdo.com.tw/webdox_layout/x_329/images/icon-slides2.png) -84px 0px no-repeat;}
.box_skitter .next_button {  right:50%; margin-right:-600px;background: url(http://plus.webdo.com.tw/webdox_layout/x_329/images/icon-slides2.png) -125px 0px no-repeat;}
.box_skitter .info_slide {position:absolute;top:484px; width:1050px; left:50%; margin:0 0 0 -550px;z-index:1000;background: none;color:#fff;padding:3px 0 3px 3px;}
.box_skitter .info_slide .image_number { background:url(http://plus.webdo.com.tw/webdox_layout/x_329/images/box_s.png) 0px 0 no-repeat;float: right;padding:0px;margin:0 0px 0 0; width:23px; height:17px;cursor:pointer; font:0/0 Verdana;}
.box_skitter .info_slide .image_number_select {background:url(http://plus.webdo.com.tw/webdox_layout/x_329/images/box_s2.png) 0px 0  no-repeat;float: right;padding:0;margin:0 0px 0 0; font:0/0 Verdana;}

.box_skitter .info_slide .image_number:hover {background:url(http://plus.webdo.com.tw/webdox_layout/x_329/images/box_s2.png) 0px 0 no-repeat;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}


.box_skitter .label_skitter {z-index:150;position:absolute;bottom:0px;left:0px;display:none;opacity:0.65;}
.box_skitter .label_skitter p{ font:11pt/18pt Verdana, Geneva, sans-serif;}/*說明文字區塊*/

.loading {position:absolute; top:50%; right:50%; z-index:10000; margin:-16px -16px;color:#fff;text-indent:-9999em;overflow:hidden;background:url(http://plus.webdo.com.tw/images/banner_js_images/ajax-loader.gif) no-repeat left top;width:32px;height:32px;}

.box_skitter_large { position:relative; z-index:1;width:100%; height:506px; }




/* slideshow gallery */

.slideshowlite {
	position: relative;width:975px;
	border:0px solid #111;
	overflow: hidden;
}

	.slideshowlite a {
		position: absolute;
		z-index: 1;
		width:975px;
		height: 100%;
		text-align: left;
	}

	.slideshowlite img {
		border: none;
	}

/* pagination control */

.slideshowlite ul,
.slideshowlite ol {width:975px;height:auto;
	list-style: none;
	position: absolute;
	margin: 0;
	padding: 0;
	top: 0;
	left: 0;
	z-index: 3;
}

	.slideshowlite ul li,
	.slideshowlite ol li {
		float: left;
		margin: 0;
		width: 16px;
	}
	
	.slideshowlite ul li a {
		position: relative;
		display: block;
		width: 100%;
		height: 14px;
		padding: 1px;
		text-decoration: none;
		color: #666;
		background: #eee;
		border: 1px solid #666;
		text-align: center;
		font-size: 11px;
	}
	
	.slideshowlite ul li a.current {
		color: #111;
		font-weight: bold;
		border: 1px solid #111;
		background: #FEFFAF;
	}
	
	.slideshowlite ul li a:hover {
		color: #fff;
		background: #333;
	}
	
/* caption control */

.slideshowlite ol {
	top: 5px;
	position: relative;
	overflow: hidden;
	width: 100%;
	font-size: 14px;
	color: #fff;
	background: #000;
	padding: 3px 10px;
}

	.slideshowlite ol li {
		width: 100%;
	}
/* 主圖輪播 */
#abgneBlock_pic {
width: 346px;
height: 180px;
position: relative; float:left;
overflow: hidden;}
#abgneBlock_pic ul.list {
padding: 0;
margin: 0;
list-style: none;
position: absolute; z-index:10000;
width: 9999px;
height: auto;
}
#abgneBlock_pic ul.list li {
float: left;
width: 346px;
height: auto;
}
#abgneBlock_pic .list img{
width: 100%;
height: auto;
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_133/images/cir_ctrl.png) no-repeat -10px 0;
}
#abgneBlock_pic ul.playerControl li.current {
background-position: 0 0;
}
.side_car {
	margin: 0;
	padding: 0;
    width:230px; height:250px;
	overflow: hidden;
	position: fixed;
	right:0; z-index:2000000;
	top:0px;
	position:absolute; visibility:hidden }
.side_car .caption {
	position: absolute; left:190px;
	width:190px;z-index:20000001;
	padding:0;
	cursor: pointer; background:none;}

.side_car .caption .sideBar_f{ position:absolute; padding-top:5px;width:20px; height:120px; top:42px; left:11px; z-index:100000; text-decoration:none; color:#fff; font:11pt/12pt  Verdana, "微軟正黑體"; overflow:hidden; letter-spacing:2px; text-align:center; }
.side_car .caption .sideBar_f b{ float:left; width:20px; font-size:10pt; color:#FF9}
.side_car .caption .sideBar_f2{ position:absolute; padding-top:15px; width:20px; height:120px; top:130px; border-top:1px solid #777; left:11px; z-index:100000; text-decoration:none; color:#fff; font:11pt/12pt Verdana, "微軟正黑體";overflow:hidden; letter-spacing:2px; text-align:center;}

.side_car .show_c {
	width:40px; position:absolute; visibility:visible; z-index:10000000;
	color: #fff; height:250px;
	float:left;background:url(http://plus.webdo.com.tw/webdox_layout/s_icon/shopingcar.png) left  bottom no-repeat;
}
.side_car .hidden_c { text-align:left;background:#EEE; height:250px;position:absolute; visibility:visible; z-index:10000000;
margin:0; padding:0;width:150px; float:left; left:40px; display:inline; font:10pt/14pt Verdana, Geneva, sans-serif; color:#4B597A
}
.side_car .hidden_c ul{ margin:3px 1px;padding:3px; list-style: none; border-bottom:1px solid #ddd; height:120px;}
.side_car .hidden_c li{ padding:1px; margin:2px;list-style: none;}
.side_car .hidden_c li a{ text-decoration:none;color:#06C; background:url(http://plus.webdo.com.tw/webdox_layout/s_icon/arrow_00.gif) 5px 5px no-repeat;  text-indent:15px; display:block;}
.side_car .hidden_c li a:visited{ color:#31678E}
.side_car .hidden_c li a:hover{ color:#DB3C57}
.side_car .hidden_c li input{ width:80px; height:18px; border:1px solid #ccc; background:#fff; color:#960}
.side_car .hidden_c ol {margin:0; padding:2px;}
.side_car .hidden_c ol a{ text-decoration:none; color:#06C}
.side_car .hidden_c ol a:hover{ text-decoration:none; color:#C60}
.side_car .hidden_c ol input{ width: auto; height:22px; }

.side_car .hidden_c .ul2{ margin:3px;padding:3px; list-style: none;  border-bottom:1px solid #ddd; height:auto; min-height:108px;_height:108px;}
.side_car .hidden_c .ul2 b a{ display:inline; background:none; padding-left:10px; letter-spacing:0; color:#C12F4D}
.side_car .hidden_c .ul2 b a:hover{ color:#FC4779;}
.side_car .hidden_c .ul2 a{ color:#039}
.side_car .hidden_c .ul2 a:hover{ color:#C36}