﻿img {border:0;}
table {border-style: none;
	border-color: inherit;
	border-width: 0;
	margin-right: 1px;
}

body {
	margin: 0px auto;
	font-family: Arial,"新細明體";
	font-size: 12px;
	line-height: 1.5em;
	color: #555555;
	height: auto;
	background-color:#f3f3f3;
}
.top_right { float:right; color:#ffffff; line-height:30px;}
.top_right a {color:#ffffff; text-decoration:none;}
.top_right a:hover {text-decoration:underline;}
#wrapper {
	margin: 0px auto;
	line-height: 1.5em;
	width: 1000px;
	background-color:#f3f3f3;
}
#top_banner {width:1000px; overflow:hidden; background-color:#b6b6b6;}
#top_banner img { max-width:1000px;}
#sitemap {color:#959494; line-height:27px;}

#copyright {
	width:100%;
	height:55px;
	padding-top:10px;
	color:#ffffff;
	line-height:16px;
	text-align:center;
	background-color:#131313;
	margin-top:20px;
}

#copyright a {
	color:#ffffff;
	text-decoration: none;
}

#copyright a:hover {
	text-decoration:underline;
}

#left {
	float:left;
	width:208px;
	height:auto;
	margin-left:5px;
	margin-top:5px;
}

.sub {
	background-image: url(../Images/product/sub_bg.jpg);
	background-repeat:repeat-y;
	width:100%;
	height:auto;
	word-break:break-all;
	word-wrap: break-word;
}
.sub a {
	color:#5a5a5a; text-decoration:none;
	line-height:25px;
}
.sub a:hover {
	text-decoration:underline;
}
#main {float:right; width:776px;}
.page_tl {
	background-image: url(../Images/product/tl_bg.jpg);
	background-repeat:no-repeat;
	height:51px;
	line-height:51px;
	font-size:18px;
	font-weight:bold;
	color:#515151;
	padding-left:27px;
}
#showImg {width:250px; height:355px; border:1px solid #cccccc; padding:5px; margin-top:10px; float:left;}
#showImg img { max-width:250px;}
#activity2_tl { width:742px; background-color:#999999; line-height:26px; margin-top:10px; padding-left:10px;}
.activity2_txt {font-size:15px; font-weight:bold; color:#ffffff;}
#check_bar {
	width:746px; height:56px;
	background-image: url(../Images/activity/check_bg.jpg);
	background-repeat:no-repeat;
	font-size:15px;
	font-weight:bold;
	padding-left:30px;
	margin-top:10px;
}
.aplusb_check_bar {
	width:746px; height:62px;
	background-image: url(../Images/activity/aplusb_check_bg.jpg);
	background-repeat:no-repeat;
	font-size:15px;
	font-weight:bold;
	padding-left:30px;
	margin-top:10px;
}
.incart_type{width:678px;border:1px solid #fa7001;padding:11px;color:#fa7001;font-size:13pt;}
.free_img {max-width:165px; _width:165px;}
.free_img img {max-width:165px; _width:165px;}
/** slide start **/
.stepcarousel{
position: relative; /*leave this value alone*/
border: 0;
overflow: scroll; /*leave this value alone*/
width: 389px; /*Width of Carousel Viewer itself*/
height: 210px; /*Height should enough to fit largest content's height*/
margin-left:30px;
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow-y:scroll; /*clip content that go outside dimensions of holding panel DIV*/
overflow-x:hidden;
margin: 0; /*margin around each panel*/
width: 385px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
height:200px;
margin-top:5px;
margin-bottom:5px;
word-break:break-all; word-wrap: break-word;
}

/** slide end **/


.act_left {font-size:14px; width:176px; background-color:#fff; line-height:32px; padding-right:18px; padding-left:13px; font-weight:bold; color:#515151; height:auto; overflow:hidden; border:1px dashed #adadad; }
.act_left a {color:#515151; text-decoration:none;}
.act_left a:hover {text-decoration:underline;}

.more3 a {color:#ffffff; padding-right:5px;}

.pro_list {height:142px; width:100px; overflow:hidden; padding:3px; border:1px solid #eee;}
.pro_list img {max-height:142px;max-width:100px;}

#sitemap {color:#959595;} 
#sitemap a{color:#959595; text-decoration:none;}
#sitemap a:hover{text-decoration:underline;}
.act_img { max-height:80px; _height:80px; overflow:hidden; margin-bottom:5px;}
.act_img img {width:180px;}

/***tab2***/
	.abgne_tab2 ul, li {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.abgne_tab2 {
		clear: left;
		width: 746px;
	}
	ul.tabs2 {
		width: 100%;
		height: 36px;
		border-bottom: 1px solid #e0e0e0;
		border-left: 1px solid #e0e0e0;
		background-color:#ffffff;
	}
	ul.tabs2 li {
		border-right: 1px solid #999;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	float: left;
        height:36px;
		line-height: 31px;
		overflow: hidden;
		position: relative;
		margin-bottom: -1px;	/* 讓 li 往下移來遮住 ul 的部份 border-bottom */
		background: #e1e1e1;
	top: 0px;
	left: 0px;
	width: 92px;
	border-left-style: none;
	border-left-color: inherit;
	border-left-width: medium;
    text-align:center;
}
	ul.tabs2 li a {
		display: block;
		color: #232323;
		border: 1px solid #fff;
		text-decoration: none;
        background-color:#ededed;
	}
	ul.tabs2 li a:hover {
		background: #ffffff;
        color:#f97103;
	}
	ul.tabs2 li.active {
		background: #ffffff;
		border-bottom: 1px solid #fff;
        color:#f97103;
	}
	ul.tabs2 li.active a:hover {
		background: #fff;
	}
	div.tab_container2 {
		clear: left;
		width: 700px;
		border: 1px solid #e0e0e0;
		border-top: none;
		background: #fff;
        padding:20px;
	}
	div.tab_container2 .tab_content2 {
		
	}
	.sec_tab {
		margin-top:10px;
	}
	