@charset "utf-8";
/* CSS Document */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,
pre, form, fieldset, table, th, td { margin: 0; padding: 0; } 

body{font:13px/150% Arial, "新細明體"; background:url(bg.jpg) top repeat-x #fbfbfb;}
a img{border:0px}

img{border:0px;}

a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {color: #FF0000;text-decoration: none;}


/*----- top -----*/
.top_box{ position:relative; width:900px; margin:0 auto;}
.top_box div.left_box{ float:left; background:#FFFFFF}
.top_box div.right_box{ float:right; background:url(top_bg.jpg) right;}
.top_box div.shadow_left{ position:absolute; width:8px; top:294px; left:-8px; height:304px; background:url(shadow_left_pic.jpg) no-repeat}

.top_box div.right_box div.menu{background:#0c3d57; height:26px; line-height:26px; width:640px; margin-top:37px; font-family:ElegaGarmnd BT,"新細明體";}
.top_box div.right_box div.menu ul{ list-style:none; margin-left:15px;}
.top_box div.right_box div.menu ul li{ float:left; margin:0 25px;}
.top_box div.right_box div.menu ul li a{ color:#FFFFFF; font-size:14px; font-weight:bold}
.top_box div.right_box div.menu ul li a:hover{ color:#bffafb;}
.top_box div.right_box div.menu ul li:hover,.top_box div.right_box div.menu ul li.current{ background:url(nav_bg.jpg) no-repeat top; }

.top_box div.right_box div.banner{}


/*----- main_box -----*/

.main_box{ width:900px; background:url(shadow_right_pic.jpg) 260px 0px no-repeat #FFFFFF; clear:both; overflow:hidden; margin:0 auto; margin-bottom:20px;}
.left_bar{ float:left; width:260px; overflow:hidden}
.left_bar div.menu{ width:260px; line-height:27px; margin-bottom:30px; overflow:hidden}
.left_bar div.menu ul{ list-style:none}
.left_bar div.menu ul li{ float:left; background:#f3f3f3}

.left_bar div.menu ul li a{ display:block; width:260px; height:27px; background:url(menu_bg2.jpg) no-repeat; text-align:left; color:#515151}
.left_bar div.menu ul li a span{ margin-left:20px}

.left_bar div.menu ul li a:hover,.left_bar div.menu ul li a.current{ color:#333333; background:url(menu_bg1.jpg) no-repeat;}
.left_bar div.menu ul li a.current{ font-weight:bold}

.left_bar div.menu div.bottom{ clear:both; background:url(left_menu_bottom_pic.jpg) no-repeat; width:260px; height:16px}

.left_bar div.menu ul li ul{ margin:0px; display:block; overflow:hidden; margin:10px 0}
.left_bar div.menu ul li ul li{}
.left_bar div.menu ul li ul li a{ width:230px; display:block;  line-height:27px; margin-left:10px; color:#8b9092; background:url(menu_ico1.jpg) left center no-repeat}
.left_bar div.menu ul li ul li a:hover{background:url(menu_ico1.jpg) left center no-repeat; color:#333333}
.left_bar div.menu ul li ul li a span{ margin-left:10px;}
.left_bar div.ad{ }


.center_box{float:right; margin-right:46px; width:546px; text-align:left; padding-bottom:30px;}
.tit{ width:546px; text-align:left; border-bottom:13px solid #e9e9e9; margin-top:30px; height:22px; margin-bottom:15px; font-family:"微軟正黑體","新細明體", Arial,; font-size:16px; }
.tit span.left{ float:left}
.tit span.right{ float:right; font-size:12px; font-family:Arial,"新細明體"; color:#999999}
.tit span a{color:#999999}
.tit span a:hover{ color:#666666; text-decoration:underline}


.content{ text-align:left; font-size:12px; color:#616161; margin-bottom:40px;}

/*----- prd_list -----*/
.prd_list{ width:546px; margin:0 auto; text-align:center}
.prd_list ul{ list-style:none; margin-left:25px;} 
.prd_list ul li{ text-align:center; float:left; width:32%; margin-bottom:15px;}
.prd_list ul li img{ border:5px solid #f3f3f3}
.prd_list ul li img:hover{ border:5px solid #e9e9e9}
.prd_list ul li a.prd_name{ color:#4d4d4d; display:block; margin:0 auto; width:118px; text-align:center}
.prd_list ul li a:hover{ color:#000000}

/*----- details -----*/
.detail_box{ line-height:}
.detail_box div.pic{ float:left; width:290px;}
.detail_box div.pic img{ border:5px solid #e4e4e4}
.detail_box div.details{ color:#565656; float:right; width:220px;}
.detail_box div.details p.prd_name{ display:block; font-weight:bold; color:#565656; text-align:left; font-size:15px;}



/*== pages == */
.Pages {
	clear:both;
	margin:0 auto;
	text-align:center;
	margin-top:30px;
}
.Pages A {
	BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #cccccc 1px solid; DISPLAY: block; PADDING-LEFT: 4px; FONT-SIZE: 12px; FLOAT: left; PADDING-BOTTOM: 1px; MARGIN: 0px 0px 0px 3px; BORDER-LEFT: #cccccc 1px solid; COLOR: #666666; PADDING-TOP: 1px; BORDER-BOTTOM: #cccccc 1px solid; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.Pages A:hover {
	BORDER-RIGHT: #042a3e 1px solid; BORDER-TOP: #042a3e 1px solid; BACKGROUND: #1a5372; BORDER-LEFT: #042a3e 1px solid; COLOR: #ffffff; BORDER-BOTTOM: #042a3e 1px solid
}


/*----- footer -----*/
.footer{width:100%; color:#787571; line-height:58px; margin:0 auto; background:#e9e9e9; height:58px;}
.footer p{ width:900px; margin:0 auto; display:block; height:58px; background:url(footer_bg.jpg) no-repeat}
.footer span.right{ float:right}
.footer span.left{ float:left; margin-left:15px; color:#979191}
.footer a{ color:#787571}
.footer a:hover{ color:#534c46; text-decoration:underline}





.blk_29 {	 PADDING-RIGHT: 0px;  PADDING-LEFT: 0px; OVERFLOW: hidden; PADDING-TOP: 10px;  ZOOM: 1; POSITION: relative}

.blk_29 .LeftBotton { background:url(left_btn.jpg) no-repeat center center; left:0px; float:left; width:27px; CURSOR: pointer; POSITION: absolute; TOP:-5px; HEIGHT: 114px}
.blk_29 .RightBotton { background:url(right_btn.jpg) no-repeat center center; right:0px; float:right; width:27px; CURSOR: pointer; POSITION: absolute; TOP:-5px; HEIGHT: 114px}

.blk_29 .Cont {	MARGIN: 0px auto; OVERFLOW: hidden; WIDTH:400px; PADDING:5px 0}
.blk_29 .box {	FLOAT: left; WIDTH: 80px; TEXT-ALIGN: center}
.blk_29 .box IMG {	BORDER-RIGHT: #e4e4e4 2px solid; PADDING-RIGHT: 3px; BORDER-TOP: #add2fc 1px solid; DISPLAY: block; PADDING-LEFT: 3px; BACKGROUND: #fff; PADDING-BOTTOM: 3px; MARGIN: 0px auto; BORDER-LEFT: #add2fc 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: #add2fc 1px solid}
.blk_29 .box A:hover IMG {	BORDER-RIGHT: #5385cc 2px solid; BORDER-TOP: #5385cc 1px solid; BORDER-LEFT: #5385cc 1px solid; BORDER-BOTTOM: #5385cc 1px solid}
.blk_29 .box P {	MARGIN: 6px auto 0px; WIDTH: 97px; LINE-HEIGHT: 20px}
.rollphotos {	MARGIN-TOP: 10px;WIDTH: 450px}
.partC {	MARGIN-TOP: 10px; OVERFLOW: auto; WIDTH: 450px}
.partC .PC_left {	OVERFLOW: auto; WIDTH: 470px}
.partC .PC_right {	OVERFLOW: auto; WIDTH: 470px}
.partC .PC_left {	FLOAT: left}
.partC .PC_right {	FLOAT: right}
.PT_mix {	BORDER-RIGHT: #a2d1ff 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #a2d1ff 0px solid; PADDING-LEFT: 0px; BACKGROUND: #f3fbfe; PADDING-BOTTOM: 10px; OVERFLOW: auto; BORDER-LEFT: #a2d1ff 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #a2d1ff 1px solid}
.PhoTxt {	MARGIN-TOP: 10px; DISPLAY: inline; FLOAT: left; MARGIN-LEFT: 10px; OVERFLOW: auto; WIDTH: 220px}
.PhoTxt IMG {	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 3px; BACKGROUND: #fff; FLOAT: left; PADDING-BOTTOM: 3px; BORDER-LEFT: #ccc 1px solid; MARGIN-RIGHT: 5px; PADDING-TOP: 3px; BORDER-BOTTOM: #ccc 1px solid}
.PhoTxt H1 {	FONT-WEIGHT: bold; FONT-SIZE: 12px; LINE-HEIGHT: 23px}
.PhoTxt P {	COLOR: #545454; LINE-HEIGHT: 20px}