@charset "utf-8";
/* CSS Document */
.clear{
	clear:both;
}
.red{
	color:red;
	font-size:12px;
}
.floatl{
	float:left;
}
a.lableA{
	text-decoration: none;
	color:#3C549B;
}
a.lableA:hover{
	text-decoration: underline;
	color:#D12F19;
}
a.lableA1{
	text-decoration: none;
	color:#000;
}
a.lableA1:hover{
	text-decoration: underline;
	color:#FF3333;
}
a.lableA2{
	text-decoration: none;
	color:#0000EE;
}
a.lableA2:hover{
	text-decoration: underline;
	color:red;
}
.pbox{
	width:228px;height:345px;border:solid #ccc 1px;float:left;margin:0 5px 10px 5px;
}
.pbox ul{
	margin:0;
	padding:0;
}
.pbox ul li{
	list-style: none;
	list-style-type: none;
	text-align: left;
	margin:0;
	padding:0 10px;
}
.pbox ul li .spanclass1{
	display:block;float:left;
}
.pbox ul li .spanclass2{
	display:block;float:right;
}
#round{
	position:relative;
	width:955px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#top{
	width: auto;
	position: relative;
	padding: 0px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	background-image: url(images/top.jpg);
	background-repeat: repeat-x;
	background-position: 0px top;
	height: 179px;
	z-index: 1;
}
#left{
	position:absolute;
	top:61px;
	left:1px;
	width:122px;
}
#content{
	background-color:#FFFFFF;
	width: 800px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 4px;
}
#header{
	background-color:#F6F6F8;
	width: auto;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position: relative;
	z-index: 0;
	background-image: url(images/bg.jpg);
	background-repeat: repeat-x;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #4D4D4D;
}
#member{
	width: 622px;
	z-index: 0;
	background-image: url(images/member_bg.jpg);
	background-repeat: no-repeat;
	font-size: 13px;
	color: #666666;
	margin: 0px;
	height: 62px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 5px;
}
#footer {
	width: auto;
	height: 158px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position: relative;
	padding: 0px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 23px;
	color: #333333;
}
.img {
  border:1px solid #cccccc;
  padding:5px;
  background:#efefef;
}
.tel {
	color: #0390CE;
	font-size: 30px;
	font-weight: bold;
	font-family: "Times New Roman", Times, serif;
}.member {
	color: #333333;
	font-size: 13px;
	padding-top: -2px;
}
.member2 {
	color: #FF0000;
	padding-top: -2px;
}
.search {
	color: #797B8A;
	padding-top: 5px;
	background-image: url(images/search3.jpg);
	background-repeat: no-repeat;
	padding-left: 35px;
}
.search2 {
	color: #333333;
}
.title {
	color: #FFFFFF;
	font-size: 18px;
	font-weight: bold;
	background-image: url(images/title.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 31px;
	width: 475px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 35px;
}
.title_2 {
	color: #000000;
	font-size: 18px;
	background-image: url(images/bar_bg.jpg);
	background-repeat: repeat-x;
	display: block;
	height: 31px;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	border: 1px solid #C1C1C1;
}
.title_3 {
	color: #FFFFFF;
	font-size: 18px;
	font-weight: bold;
	background-image: url(images/title3.png);

	display: block;
	height: 31px;
	width: 713px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 35px;
	
}
.title_4 {
	color: #FFFFFF;
	font-size: 18px;
	font-weight: bold;
	background-image: url(images/title3.png);

	display: block;
	height: 31px;

	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 35px;
}
.title_pink {
	color: #FFFFFF;
	font-size: 18px;
	font-weight: bold;
	background-image: url(images/title_pink.jpg);
	background-repeat: no-repeat;
	text-align: center;
	display: block;
	height: 28px;
	width: 200px;
	padding-top: 5px;
}
.title_orange {
	color: #FFFFFF;
	font-size: 18px;
	font-weight: bold;
	background-image: url(images/title_orange.jpg);
	background-repeat: no-repeat;
	text-align: center;
	display: block;
	height: 28px;
	width: 200px;
	padding-top: 5px;
}
.title_blue {
	color: #FFFFFF;
	font-size: 18px;
	font-weight: bold;
	background-image: url(images/title_blue.jpg);
	background-repeat: no-repeat;
	text-align: center;
	display: block;
	height: 28px;
	width: 200px;
	padding-top: 5px;
}
.title_green {
	color: #FFFFFF;
	font-size: 18px;
	font-weight: bold;
	background-image: url(images/title_green.jpg);
	background-repeat: no-repeat;
	text-align: center;
	display: block;
	height: 28px;
	width: 200px;
	padding-top: 5px;
}
.text {
	color: #3890F6;
}
.price {
	color: #FF0000;
	font-size: 16px;
}
A.one:link,
A.one:visited {
	COLOR: #333333;
	TEXT-DECORATION: none;
	background-image: url(images/arrow.jpg);
	background-repeat: no-repeat;
	background-position: 0px 1px;
	display: block;
	padding-left: 20px;
	padding-top: 2px;
}
A.one:hover {
	CURSOR: hand;
	COLOR: #0390CE;
		background-image: url(images/arrow.jpg);
	background-repeat: no-repeat;
	background-position: 0px 1px;
	display: block;
	padding-left: 20px;
	padding-top: 2px;

	TEXT-DECORATION: underline;
	
}
A.one:active {
	TEXT-DECORATION: none
}
A.two:link,
A.two:visited {
	COLOR: #FFFFFF;
	TEXT-DECORATION: none;
	font-size: 13px;
	font-weight: bold;
	background-color: #7BB126;
	text-align: center;
	display: block;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 0px;
}
A.two:hover {
	CURSOR: hand;
	COLOR: #FFFFFF;
	font-size: 13px;
	font-weight: bold;
	background-color: #8CBB41;
	text-align: center;
	display: block;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 0px;
	TEXT-DECORATION: underline;	
}
A.two:active {
	TEXT-DECORATION: none
}
A.three:link,
A.three:visited {
	COLOR: #2BA2DB;
	TEXT-DECORATION: underline;
	display: block;
}
A.three:hover {
	CURSOR: hand;
	COLOR: #7F7F7F;
	TEXT-DECORATION: underline;
}
A.three:active {
	TEXT-DECORATION: none
}
A.four:link,
A.four:visited {
	COLOR: #FFFFFF;
	TEXT-DECORATION: none;
	display: block;
	font-weight: bold;
	background-image: url(images/search.jpg);
	background-repeat: no-repeat;
	height: 25px;
	width: 67px;
	padding-top: 3px;
	text-align: center;
}
A.four:hover {
	CURSOR: hand;
	COLOR: #FFFFFF;

	display: block;
	font-weight: bold;
	background-image: url(images/search2.jpg);
	background-repeat: no-repeat;
	height: 25px;
	width: 67px;
	padding-top: 3px;
		text-align: center;
	TEXT-DECORATION: none;
}
A.four:active {
	TEXT-DECORATION: none
}
A.five:link,
A.five:visited {
	COLOR: #808080;
	TEXT-DECORATION: none;

}
A.five:hover {
	CURSOR: hand;
	COLOR: #666666;
	TEXT-DECORATION: underline;
}
A.five:active {
	TEXT-DECORATION: none
}
A.six:link,
A.six:visited {
	COLOR: #4D4D4D;
	TEXT-DECORATION: none;

}
A.six:hover {
	CURSOR: hand;
	COLOR: #2BA2DB;
	TEXT-DECORATION: underline;
}
A.six:active {
	TEXT-DECORATION: none
}
A.seven:link,
A.seven:visited {
	COLOR: #000000;
	TEXT-DECORATION: none;
}
A.seven:hover {
	CURSOR: hand;
	COLOR: #000000;
	TEXT-DECORATION: underline;
}
A.seven:active {
	TEXT-DECORATION: none
}
A.eight:link,
A.eight:visited {
	COLOR: #3C549B;
	TEXT-DECORATION: underline;

}
A.eight:hover {
	CURSOR: hand;
	COLOR: #3890F6;
	TEXT-DECORATION: underline;
}
A.eight:active {
	TEXT-DECORATION: none
}
A.nine:link,
A.nine:visited {
	COLOR: #3C549B;
	TEXT-DECORATION: underline;
	font-weight: bold;
	text-align: center;
	display: block;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	margin: 2px;
	width: 20px;
}
A.nine:hover {
	CURSOR: hand;
	COLOR: #3C549B;
	TEXT-DECORATION: underline;
	font-weight: bold;
	text-align: center;
	display: block;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	background-color: #CCFFFF;
}
A.nine:active {
	TEXT-DECORATION: none
}
a.opacity-2 img{
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}
a.opacity-2:hover img{
filter:alpha(opacity=60);
-moz-opacity:.60;
opacity:.60;
}
A.add_cart:link,
A.add_cart:visited {
	COLOR: #FFFFFF;
	background-image: url(images/cart.jpg);
	background-repeat: no-repeat;
	TEXT-DECORATION: none;
	display: block;
	height: 19px;
	width: 85px;
	padding-top: 3px;
	padding-left: 29px;
}
A.add_cart:hover {
	CURSOR: hand;
	COLOR: #FFFFFF;
	background-image: url(images/cart2.jpg);
	background-repeat: no-repeat;
		TEXT-DECORATION: none;
	display: block;
	height: 19px;
	width: 85px;
	padding-top: 3px;
	padding-left: 29px;
}
A.add_cart:active {
	TEXT-DECORATION: none
}
A.page_top:link,
A.page_top:visited {
	COLOR: #FFFFFF;
	TEXT-DECORATION: none;
	background-image: url(images/page_top.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 26px;
	width: 67px;
	padding-left: 30px;
	text-align: left;
	padding-top: 2px;
}
A.page_top:hover {
	CURSOR: hand;
	COLOR: #FFFFFF;

	background-image: url(images/page_top.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 26px;
	width: 67px;
	padding-left: 30px;
	text-align: left;
	padding-top: 2px;
	TEXT-DECORATION: underline;
}
A.page_top:active {
	TEXT-DECORATION: none
}
A.pic2:link,
A.pic2:visited {

	TEXT-DECORATION: none
}
A.pic2:hover {
	CURSOR: hand;
	position: relative;
	left: 1px;
	top: 1px;
}
A.pic2:active {
	TEXT-DECORATION: none
}
A.page:link,
A.page:visited {
	COLOR: #3C549B;
	TEXT-DECORATION: none;
	padding-top: 1px;
	padding-right: 3px;
	padding-bottom: 1px;
	padding-left: 3px;
}
A.page:hover {
	CURSOR: hand;
	COLOR: #FFFFFF;
	TEXT-DECORATION: none;
	background-color: #009FFF;
	padding-top: 1px;
	padding-right: 3px;
	padding-bottom: 1px;
	padding-left: 3px;
}
A.page:active {
	TEXT-DECORATION: none
}
.bottom_link {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}
a img {
		border: none;
	}
	#abgne_fade_pic {
	position: relative;
	width: 931px;
	height: 151px;
	border: 1px solid #ccc;
	text-align: left;
	}
	#abgne_fade_pic a.ad {
		position: absolute;	/* 讓圖片疊在一起 */
	}
	#abgne_fade_pic .control {
		position: absolute;
		right: 10px;
		bottom: 10px;
	}
	#abgne_fade_pic .control a {
	display: inline-block;
	padding: 1px;
	width: 15px;
	text-align: center;
	text-decoration: none;
	background-image: url(images/circle1.png);
	background-repeat: no-repeat;
	height: 15px;
	margin-top: 0;
	margin-right: 3px;
	margin-bottom: 0;
	margin-left: 3px;
	font-size: 0px;
	}
	#abgne_fade_pic .control a.on {
	background-image: url(images/circle2.png);
	background-repeat: no-repeat;
	font-size: 0px;
	}
#footer2 {
	height: 45px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position: relative;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #1B75BB;
	bottom:0;
	width:100%;
	position:fixed;
	_position:absolute;
	left:0px;
	text-align: center;
	padding: 0px;
	z-index: 200;
}
#topAlert {
	height: 50px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position: relative;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #333333;
	bottom:0;
	width:100%;
	position:fixed;
	_position:absolute;
	left:0px;
	text-align: center;
	z-index: 200;
	padding: 0px;
}
.maincontent{
	border:#8bccc6 1px solid;
	line-height:20px;
	text-align: left;
	padding:1px;
	background: #f4fbfc;
	overflow:hidden;
	min-height:486px;
	
}
.warp{
	color:#636563;
	font-size:12px;
	padding:1px 0;
}
.warp .column1{
	float:left;
	width:200px;
	text-align:right;
}
.warp .column2{
	float:right;
	width:510px;
}
.user_main_input{
	width: 200px;height: 15px;color:#636563;
}
.negative{
	border: 1px solid #DEDEDE;
	background: whiteSmoke;
	color:#D12F19;
	cursor: pointer;
	padding:2px 10px;
	font-size:12px;
	font-weight:bold;
	margin:0;
	display:inline-block;
	margin-right:2px;
}
.negative:hover{
	background: #FBE3E4;
	border: 1px solid #FBC2C4;
	color:#D12F19;
	cursor: pointer;
}
.cartbtn{
	display:block;
	width:32px;
	height:32px;
	background: url("images/cart_add.png");
}
.loginboxdiv{
	width:100%px;height:50px;padding-top:5px;
}
.loginboxdiv a{
	display:inline-block;
	text-decoration: none;
	color:#069;
	margin-right:7px;
	margin-top:1px;
}
.loginboxdiv a:hover{
	text-decoration: underline;
	color:#FF3333;
}
.table-thl{
	border-right: dotted #CCC 1px;
	border-bottom: dotted #CCC 1px;
	border-top: dotted #CCC 1px;
	border-left: dotted #CCC 1px;
	text-align: center;
	font-size:12px;
	color:#636563;
	font-weight:normal;
}
.table-th{
	border-right: dotted #CCC 1px;
	border-bottom: dotted #CCC 1px;
	border-top: dotted #CCC 1px;
	text-align: center;
	font-size:12px;
	color:#636563;
	font-weight:normal;
}
.table-tdl{
	border-right: dotted #CCC 1px;
	border-bottom: dotted #CCC 1px;
	border-left: dotted #CCC 1px;
	text-align: center;
	font-size:12px;
	color:#636563;
	font-weight:normal;
}
.table-tdl0{
	border-right: dotted #CCC 1px;
	border-bottom: dotted #CCC 1px;
	border-left: dotted #CCC 1px;
	text-align: center;
	font-size:12px;
	color:red;
	font-weight:normal;
	padding-left:3px;
	line-height: 30px;
}
.table-td{
	border-right: dotted #CCC 1px;
	border-bottom: dotted #CCC 1px;
	text-align: center;
	font-size:12px;
	color:#636563;
	font-weight:normal;
}
.table-tdFl{
	border-right: dotted #CCC 1px;
	border-bottom: dotted #CCC 1px;
	border-left:dotted #CCC 1px;
	text-align: center;
	font-size:12px;
	color:#636563;
	font-weight:normal;
}
.table-tdFlt{
	border-right: dotted #CCC 1px;
	border-top: dotted #CCC 1px;
	border-left:dotted #CCC 1px;
	font-size:12px;
	color:#636563;
	font-weight:normal;
}
.txtl{
	text-align: left;
	padding-left:5px;
}
.txtr{
	text-align: right;
}
.lineh{
	line-height:30px;
}
/*產品詳細*/
.productphoto{
	float:left;
	text-align:left;
	vertical-align:top;
	width:298px;
	left:0;
	margin:0;
	padding:0;
}
.productcontent{
	float:left;
	text-align:left;
	vertical-align:top;
	width:410px;
	margin:0;
	padding:0;
	/*white-space:pre-line;*/
	word-wrap:break-word;
	color:#636563;
	font-size:12px;
	padding-top:20px;
}
#div_cart{
    width:106px;
     background: url(images/shopping_cart1.png); 
     background-repeat: no-repeat;
     background-position-x: 19px; 
     padding-bottom: 10px;
}









