#pic_type_0 img {  margin-bottom:10px; display:block; }
/*#pic_type_0 .list { text-align:center}*/
/*頂部圖片切換  開始 */
#top_banner       { width:690px; height:530px; overflow:hidden; } /* 圖片的寬 *//* 圖片的高 */
#top_banner a     { position:absolute;  top:0;  left:0; }
#top_banner a img { border:none; }
#top_banner li    { list-style:none; }
/* 以下是針對選單按鈕設定 */
#top_banner .abgne-controls            { list-style:none; }
#top_banner .abgne-controls li         { list-style:none; }
#top_banner .abgne-controls li.current { list-style:none; }
/*頂部圖片切換  結束 */

/*淡入淡出變化  開始 */
#pic_type_2            { position:relative; width:920px; height:700px; }
#pic_type_2 a.adp      { position:absolute; } /* 讓圖片疊在一起 */
#pic_type_2 .fade      { position:absolute; right:10px; bottom:10px; }
#pic_type_2 .fade a    { display:inline-block; padding:2px; margin:0 1px; width:16px; color:#fff; background:#444; text-align:center; font-size:13px; text-decoration:none; }
#pic_type_2 .fade a.on { font-weight:bold; color:#ff0; }
/*淡入淡出變化  結束 */

/*左右交換變化  開始 */
#pic_type_4              { width:920px; height:700px; position:relative; overflow:hidden; }
#pic_type_4 div.list     { padding:0; margin:0; list-style:none; position:absolute; width:9999px; height:100%; }
#pic_type_4 div.list img { float:left; width:920px; height:100%; }
#pic_type_4 .list img    { width:100%; height:100%; border:0; }
/*左右交換變化  結束 */

/*商品跑馬燈  開始 */
/*
.simply-scroll-container { position:relative; }
.simply-scroll-clip { position:relative;  overflow:hidden; }
.simply-scroll-list { overflow:hidden;  margin:0;  padding:0;  list-style:none; }
.simply-scroll-list li { padding:0;  margin:0;  list-style:none; }
.simply-scroll-list li img { border:none;  display:block; }
.simply-scroll { width:610px; }
.simply-scroll .simply-scroll-clip { width:610px; }
.simply-scroll .simply-scroll-list li { float:right;  width:200px;  text-align:center; }
*/
/*商品跑馬燈  結束 */

/*商品跑馬燈  開始 */
.showBox                 { width:1240px; height:260px; padding:5px 15px 10px 15px;  position:relative; }
.showBox *               { margin:0; padding:0; }
.showBox ul, .showBox li { list-style:none; }
.showBox a img           { border:none; width:400px; }
.showBox h3              { font-size:18px; height:30px; }
.showBox .page           { position:absolute; top:12px; right:80px; }
.showBox .btn            { position:absolute; top:5px; right:5px; height:20px; }
.showBox .btn a          { width:31px; height:24px; float:left; text-indent:-9999px; }
.showBox .btn a.prev     { background:url("../images/btn.gif") no-repeat 0 -42px; }
.showBox .btn a.next     { background:url("../images/btn.gif") no-repeat 0 0; }
.showBox .frame          { position:relative; overflow:hidden; width:1240px;  height:260px; }
  /* (li 的寬度 + li 的邊框寬度 * 2 ) * 一次要顯示的數量 + li 的右邊界 * (一次要顯示的數量 - 1) */
.showBox ul              { width:99999px; position:absolute; }
.showBox li              { float:left; width:400px; height:260px; position:relative; margin-right:10px; }
.showBox li h3 a         { color:#fff; }
.showBox li h3 a:hover   { color:#f90; }
.showBox .frame    { width:1240px; height:260px; }  /* (li 的寬度 + li 的邊框寬度 * 2 ) * 一次要顯示的數量 + li 的右邊界 * (一次要顯示的數量 - 1) */
/*商品跑馬燈  結束 */

/*交錯式百葉窗切換  開始 */
@charset "utf-8";
/* =Skitter styles
----------------------------------------------- */
#pic_type_5 .list                    { position:relative; }
#pic_type_5 .list ul                 { display:none; margin:0; padding:0}
#pic_type_5 .list ul li              { margin:0; padding:0; }
#pic_type_5 .list .container_skitter { overflow:hidden; position:relative; }
#pic_type_5 .list .image             { overflow:hidden; }
#pic_type_5 .list .image img         { display:none; }

#pic_type_5 .list .box_clone         { position:absolute; top:0; left:0; width:100px; overflow:hidden; display:none; z-index:20; }
#pic_type_5 .list .box_clone img     { position:absolute; top:0; left:0; z-index:20; }

#pic_type_5 .list .prev_button       { position:absolute; top:50%; left:1px; z-index:100; width:42px; height:42px; overflow:hidden; text-indent:-9999em; margin-top:-25px; background:url('../../index/images/prev.png') no-repeat left top; }
#pic_type_5 .list .next_button       { position:absolute; top:50%; right:1px; z-index:100; width:42px; height:42px; overflow:hidden; text-indent:-9999em; margin-top:-25px; background:url('../../index/images/next.png') no-repeat right top; }

#pic_type_5 .list .info_slide        { position:absolute; top:25px; left:15px; z-index:100; color:#fff; font:bold 11px arial; padding:5px 0 5px 5px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; opacity:0.75; }
#pic_type_5 .list .info_slide .image_number { background:#333; float:left; padding:4px 10px; margin:0 5px 0 0; cursor:pointer; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; }
#pic_type_5 .list .info_slide .image_number_select { background:#dc6a4d; float:left; padding:4px 10px; margin:0 5px 0 0; }

#pic_type_5 .list .container_thumbs { position:relative; overflow:hidden; height:50px; }
#pic_type_5 .list .info_slide_thumb { -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; overflow:hidden; height:45px; top:auto; bottom:-5px; left:-5px; padding:5px; opacity:1.0; }
#pic_type_5 .list .info_slide_thumb .image_number { overflow:hidden; width:70px; height:40px; position:relative; }
#pic_type_5 .list .info_slide_thumb .image_number img { position:absolute; top:-50px; left:-50px}

#pic_type_5 .list .box_scroll_thumbs { padding:0 10px; }
#pic_type_5 .list .box_scroll_thumbs .scroll_thumbs { position:absolute; bottom:60px; left:50px; background:#ccc; background:-moz-linear-gradient(-90deg, #555, #fff); background:-webkit-gradient(linear, left top, left bottom, from(#555), to(#fff)); width:200px; height:10px; overflow:hidden; text-indent:-9999em; z-index:101; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; cursor:pointer; border:1px solid #333; }

#pic_type_5 .list .info_slide_dots { position:absolute; bottom:30px; z-index:151; padding:5px 0 5px 5px; -moz-border-radius:50px; -webkit-border-radius:50px; border-radius:50px; }
#pic_type_5 .list .info_slide_dots .image_number { background:#333; float:left; margin:0 5px 0 0; cursor:pointer; -moz-border-radius:50px; -webkit-border-radius:50px; border-radius:50px; width:18px; height:18px; text-indent:-9999em; overflow:hidden; }
#pic_type_5 .list .info_slide_dots .image_number_select { background:#dc6a4d; float:left; margin:0 5px 0 0; }

#pic_type_5 .list .label_skitter { z-index:150; position:absolute; bottom:0px; left:0px; display:none; }

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

.label_skitter { z-index:150; position:absolute; bottom:0px; left:0px; color:#fff; display:none; }
.info_slide *  { font-family:Consolas,arial,tahoma !important; }

#pic_type_5 .list .progressbar { background:#000; position:absolute; top:10px; left:15px; height:5px; width:200px; z-index:99; border-radius:20px; }

/* =Preview slide
----------------------------------------------- */
#preview_slide           { display:none; position:absolute; z-index:152; bottom:30px; left:-40px; width:100px; height:100px; background:#fff; border:1px solid #222; -moz-box-shadow:rgba(0,0,0,0.7) 2px 2px 5px; -webkit-box-shadow:rgba(0,0,0,0.7) 2px 2px 5px; box-shadow:rgba(0,0,0,0.7) 2px 2px 5px; overflow:hidden; }
#preview_slide ul        { height:100px; overflow:hidden; margin:0; list-style:none; display:block; position:absolute; top:0; left:0; }
#preview_slide ul li     { width:100px; height:100px; overflow:hidden; float:left; margin:0; padding:0; position:relative; display:block; }
#preview_slide ul li img { position:absolute; top:0; left:0; height:150px; width:auto; }

/* =Focus
----------------------------------------------- */
#overlay_skitter { position:absolute; top:0; left:0; width:100%; z-index:9998; opacity:1; background:#000; }

#pic_type_5 .list .focus_button { position:absolute; top:50%; z-index:100; width:42px; height:42px; overflow:hidden; text-indent:-9999em; margin-top:-25px; background:url('../../index/images/images/focus-button.png') no-repeat left top; opacity:0; }
#pic_type_5 .list .play_pause_button { position:absolute; top:50%; z-index:151; width:42px; height:42px; overflow:hidden; text-indent:-9999em; margin-top:-25px; background:url('../../index/images/images/pause-button.png') no-repeat left top; opacity:0; }
#pic_type_5 .list .play_pause_button.play_button { background:url('../../index/images/images/play-button.png') no-repeat left top; }

/* =Example for dimenions:
----------------------------------------------- */
#pic_type_5 { position:relative; clear:both;  width:920px;  height:700px;  }
.list_large { width:920px; height:700px; }
.label_skitter{ bottom:20px !important; left:20px !important; padding:10px; background:url('../../index/images/opacity-slider-text.png') repeat; }
/*交錯式百葉窗切換  結束 */

/*頂部圖片左右跑馬燈開始*/
#marquee1           { position:relative; width:1240px; overflow:hidden; padding-bottom:10px; }
#marquee1 ul        { list-style:none; }
#marquee1 ul li     { float:left; padding:0 1px; }
#marquee1 ul li img { display:block; }
/*頂部圖片左右跑馬燈結束*/


#myDiv ul        { list-style:none; }
	#myDiv {
		overflow: hidden;
		width: 1240px;
	}

#myDiv ul li     { float:left; padding:0 1px; }
	#myDiv img {
		border: 1px solid;
		width: 400px;
	}