@charset "utf-8";
#header .logo { left:11px}
#visual { position:relative; height:266px; background:#a70a0a}
	.visual-wrap { position:relative; width:950px; margin:auto}
	#visual .ship { position:absolute; z-index:2; left: -109px; top:0}
.carousel { position:relative; z-index:1; float:right; width:746px; height:266px; overflow:hidden; color:#fff}
	.carousel .zoom { position:relative; z-index:1; width:100%; height:266px; overflow:hidden; zoom:1}
		.carousel .zoom li:hover .bd { opacity:.3; -webkit-opacity:.3; filter:alpha(opacity=30)}
		.carousel .zoom li { position:absolute}
			.carousel .zoom .legend { position:absolute; z-index:2; top:0; right:0; width:232px; padding:8px; }
				.carousel .zoom .legend h4 { position:relative; z-index:3; font-size:18px; line-height:20px; font-family:"Microsoft JhengHei","微軟正黑體",Arial,sans-serif; white-space:nowrap}
				.carousel .zoom .legend p { position:relative; z-index:2; line-height:1.5}
				.carousel .zoom .legend .bd { position:absolute; z-index:1; left:0; top:0; width:100%; height:176px; background:#000; opacity:.25; -webkit-opacity:.25; filter:alpha(opacity=25)}
			.carousel .zoom .slide { position:relative; z-index:1;}
	.carousel .thumb { position:absolute; z-index:2; right:0; bottom:0; width:248px; height:176px; overflow:hidden}
		.carousel .thumb li { position:absolute; left:0; top:0; width:100%; height:88px; overflow:hidden}
			.carousel .thumb .slide { position:relative; z-index:1}
			.carousel .thumb .legend { position:absolute; z-index:2; left:0; bottom:0; width:100%; height:32px}
				.carousel .thumb .legend h5 { position:relative; z-index:2; padding:0 8px; font-size:16px; line-height:32px; font-family:"Microsoft JhengHei","微軟正黑體",Arial,sans-serif; white-space:nowrap}
				.carousel .thumb .legend .bd { position:absolute; z-index:1; left:0; top:0; width:100%; height:32px; background:#000; opacity:.7; -webkit-opacity:.7; filter:alpha(opacity=70)}
					.carousel .thumb li:hover .bd { opacity:.75; -webkit-opacity:.75; filter:alpha(opacity=75)}
	.carousel a { color:#fff} .carousel a:hover { color:#fff} .carousel h4 { color:#fff} 
#home { overflow:hidden; _height:1%; _overflow:visible; /*border-bottom:2px solid red;*/ padding:48px 0 25px 0} 
	#home > .col1 { float:left; width:364px; margin:0 36px 0 0}
	#home > .col2 { float:left; width:275px; margin:0 36px 0 0}
	#home > .col3 { float:right; width:215px}
#promos { overflow:hidden}
	#promos h2 { background-image:url(/img/index/title-promotions.png)}
	#promos li { float:left; width:178px;}
		#promos li:first-child { margin-right:8px}
			#promos li .tn { margin-bottom:.2em}
			#promos li h4 a { color:#5291b1}  #promos li h4 a:hover { color:#33a6b7}

.list li { position:relative; *height:1%; padding-bottom:7px; margin-bottom:4px; background:url(/img/common/hr-dot.png) bottom repeat-x}
	.list li a { display:block; padding-left:12px; margin-left:-12px; _margin-left:0; background:url(/img/common/dot-blue.png) no-repeat 0 3px; color:#5291b1; line-height:1.3}
	.list li a:hover { color:#33a6b7}
	.list li.leading { background:none}
		.list li.leading a { padding-left:0; margin-left:0; background:none;}
			.list li.leading p { margin-top:-5px; text-align:justify; text-justify:inter-ideograph; line-height:1.5}
				.list li.leading p .tn-float { float:left; margin:5px 8px 0 0}
				
	#news h2 { background-image:url(/img/index/title-news.png)}
	#news .addthis { float:right; margin-top:-20px; _float:none; _margin-top:-12px}
	#latest-group h2 { background-image:url(/img/index/title-latest-group.png)}
	#latest-group .list li { padding-right:20px}
		#latest-group .list li .full { position:absolute; right:0; top:0; width:18px; height:18px; overflow:hidden; background:url(/img/common/icon-groupfull.png); text-indent:-1000px}