@charset "utf-8";
/* CSS Document */
/* rolling AD banner Start */
.sub_box{
	width:925px; 
	height:206px; 
	float:left; 
	position:relative;
	overflow:hidden; 
	/*border:1px solid #555;*/
	background:url(../images/banner.jpg) center no-repeat;
}
.sub_box img{
	border:none; 
	width:925px; 
	height:206px;
}
#bd1lfimg{
	position:relative; 
	width:925px; 
	height:206px; 
	overflow:hidden;
}
#bd1lfimg div{
	width:100000px; 
	margin-left:-4px;
}
#bd1lfimg dl{
	width:925px; 
	height:206px; 
	position:relative; 
	overflow:hidden; 
	float:left;
}
#bd1lfimg dt{
	width:925px; 
	height:206px; 
	position:absolute; 
	left:0px; 
	top:0px;
}
#bd1lfimg dd{
	width:925px; 
	height:80px; 
	background:#000; 
	filter:alpha(Opacity=70); 
	Opacity:0.7; 
	position:absolute; 
	left:0px; 
	bottom:0px; 
	padding:0 20px;
}
#bd1lfimg dd h2{
	height:25px; 
	padding:8px 0 4px 0; 
	line-height:25px; 
	overflow:hidden;
}
#bd1lfimg dd h2 a{
	font-size:14px; 
	font-weight:bold; 
	color:#fff;
}
#bd1lfimg dd a{
	color:#fff; 
	text-decoration:none;
}
#bd1lfimg dd a:hover{
	text-decoration:none; 
	color:#ccc;
}
#bd1lfimg dd tt{
	color:#ddd; 
	line-height:1.2em;
}
#bd1lfimg dd tt a:hover{text-decoration:underline;}

.sub_nav{width:960px; height:25px; bottom:0px; position:absolute; color:#999999; z-index:200; line-height:}
.sub_no{height:25px; float:right;}
.sub_no ul{margin:0; padding:0;}
.sub_no li{margin:0; padding:0; display:block; width:25px; height:25px; float:left; overflow:hidden; line-height:25px; vertical-align:middle; text-align:center; background:#000000; filter:alpha(Opacity=70); Opacity:0.7; font-family:Arial; font-size:11px; color:#999999; cursor:pointer;}
.sub_no li.show{background:#ffffff; color:#000000;}
.sub_more{float:right; width:50px; height:25px; background:#000000; filter:alpha(Opacity=70); Opacity:0.7; color:#999999; text-align:center; line-height:25px;}
.sub_more a{color:#999999;}
.sub_more a:hover{color:#cccccc; text-decoration:none;}
/* rolling AD banner End */

.pageblock {
	width:925px;
	height:auto;
	margin:0px auto;
}
.bbg {
	width:984px;
	height:auto;
	margin:0px auto;
	background-image: url(../images/bg.png);
	background-repeat: repeat-y;
	overflow: hidden;
}
.header {
	width:925px;
	/*height:261px;*/
	height:244px;
	
	float:left;
}

.banner {
	float:left;
	width:925px;
	height:206px;
	/*background-image: url(../images/banner.jpg);*/
}

.sbanner {
	float:left;
	width:925px;
	height:38px;
	background-image: url(../images/sbanner.jpg);
}
.sbanner2 {
	float:left;
	width:925px;
	height:38px;
	background-image: url(../images/login/sbanner2.png);
}
.search {
	height: 20px;
	width: 295px;
	margin-left: 296px;
	margin-top: 10px;
	font-size: 13px;
	color: #FFF;
	float:left;
}
.search p {
	margin: 0;
	color: #FFF;
	font-size: 12px;
}
.search .search_text {
	width: 182px;
	font-size: 13px;
	line-height: 1;
	border: none;
	outline: none;
	background-image: url(../images/search.png);
	background-repeat: no-repeat;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
}
.search .search_submit {
	width: 23px;
	height:17px;
	border: none;
	outline: none;
	background-image: url(../images/search-btn.jpg);
	background-repeat: no-repeat;
	margin-left: 5px;
	vertical-align:top;
	margin-top: 0px;
}
.search .search_submit:hover {
	background-position: 0 -27px;
}
.sbannerbar {
	float: right;
	height: 16px;
	width: 180px;
	margin-top: 12px;
	margin-right:14px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.sbannerbar a {
	font-size: 12px;
	color: #538792;
	text-decoration: none;
}
.leftblock {
	width:223px;
	height:auto;
	float:left;
	margin-bottom: 20px;
}

.conleft-menu-top {
	float:left;
	width:223px;
	height:14px;   /*height:15px;*/	
	background-image: url(../images/conleft-menu-top.png);
}
.center-sales {
	float:left;
	width:702px;
	height:389px;
	background-image: url(../images/center-sales.jpg);
	/* added by light */
	position:relative;
	/* added by light */
}

/* added by light */
.sellHeader{
	position:absolute;
	left:0;
	top:25px;
	height:30px;
	width:680px;
	background:url(../images/spotLine.gif) left 7px repeat-x;
	text-align:left;
}
.sellHeader *{
	font-size:17px;
}
.sellHeader h1{
	margin-left:20px;
	display:inline;
	background:#fff;
}

.center-sales a.sellTitle_1{
	color:#0066FF;
	font-size:19px;
	font-weight:bold;
	line-height:1.2;
	text-decoration:none;
}
.center-sales a.sellTitle_1:hover{
	text-decoration:underline;
}
/* added by light */

.sales-leftblock p span.product-price, .sales-rightblock p span.product-price {/*Verna*/
	padding-left:5px;
	font-size:28px;
	font-weight:bold;
	color:#F06;
}
.sales-leftblock {
	width:290px;
	height:300px;
	
	/*edited by light*/
	/*
	float: left;
	margin-top: 67px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 26px;
	*/
	position:absolute;
	left:26px;
	top:67px;
	/*edited by light*/
	
	text-align:center;/*Verna*/
}
.sales-leftblock img {/*Verna*/
	margin:5px;
	width:280px;
	height:240px;
}
.sales-leftblock p, .sales-rightblock p {/*Verna*/
	font-size:13px;
	color:#222;
}
.sales-leftblock h1 {/*Verna*/
	padding-bottom:2px;
	font-size:19px;
	font-weight:bold;
	letter-spacing:1px;
	color:#03C;
}
.sales-rightblock {
	width:322px;
	height:300px;

	/*edited by light*/
	/*
	float: right;
	margin-top: 67px;
	margin-right: 37px;
	margin-bottom: 0px;
	margin-left: 0px;
	*/
	position:absolute;
	right:37px;
	top:67px;
	padding:5px;/*Verna*/
	/*edited by light*/

}
.sales-right-content {/*Verna*/
	margin-bottom:10px;
	height:90px;
	
	/*add by light*/
	clear:both;
	/*add by light*/
	
}
.sales-right-content div.right-sub-block {/*Verna*/
	float:right;
	padding-left:12px;
	width:210px;
	
	/*edit by light*/
	/*clear:both;*/
	/*edit by light*/
	
}
.sales-right-content img {/*Verna*/
	width:90px;
	height:90px;

	/*added by light*/
	float:left;
	/*added by light*/

}
.sales-rightblock a.right-sales-name {/*Verna*/
	font-weight:bold;
	font-size:15px;
	height:17px;
	width:210px;
	overflow:hidden;
	/*edited by light*/
	line-height:1.2;
	text-decoration:none;
	color:#333;
	/*edited by light*/
}

/*added by light*/
.sales-rightblock a.right-sales-name:hover{
	color:#0066FF;
}
/*added by light*/

.sales-rightblock div.right-sales-detail {/*Verna*/
	height:48px;
	padding-left:2px;
	line-height:16px;
	overflow:hidden;
	color:#888;
	text-align: justify;
	text-justify:inter-ideograph;
}

/*added by light*/
.sales-rightblock div.right-sales-detail a{
	color:#888;
	text-decoration:none;
}
.sales-rightblock div.right-sales-detail a:hover{
	text-decoration:underline;
}
/*added by light*/

.sales-rightblock p.right-sales-today {/*Verna*/
	color:#930;
}
.conleft-menu-cr {
	float:left;
	width:223px;
	
	/*added by light*/
	overflow:visible;
	position:relative;
	/*added by light*/
}

/*added by light*/
.conleft-menu-cr h3{
	position:absolute;
	padding-left:33px;
	top:-36px;
	top:-34px \9;
	line-height:normal;
	font-size:13px;
	color:#fff;
}
/*added by light*/

.conleft-menu-cr li {
	margin-bottom: 0;
	list-style-type: none;
	line-height: 0;
	border-bottom: none;
}
.conleft-menu-cr li a {
	display: block;
	line-height: 25px;
	padding-left: 33px;
	background-image: url(../images/conleft-menu-cr.png);
	background-repeat: no-repeat;
	color: #FFF;
	font-size: 12px;
	text-decoration: none;
}
.conleft-menu-cr li a:hover {
	color:#966;
}
.div-has-sub li a {
	/*add duffy */
	color:#99FFFF;
	padding-left:66px;
	background-image: url(../images/conleft-menu-cr-sub.png);	
}
.div-has-sub li a:hover {
	/*add duffy */
	color:#FF8800;
}
.conleft-menu-cr ul {
	margin: 0;
	padding: 0;
}
.conleft-menu-base {
	float:left;
	width:223px;
	height:24px;
	background-image: url(../images/conleft-menu-base.png);
}
.conleft-news {
	float:left;
	background-image: url(../images/conleft-news.png);
	height: 191px;
	width: 223px;
}

/*added by light*/
.conleft-news h3{
	line-height:normal;
	font-size:13px;
	color:#fff;
	text-align:center;
	margin-top:9px;
	margin-top:12px \9;
}
/*added by light*/

.newsblock {
	height: 123px;
	width: 172px;
	
	/*added by light*/
	/*margin-top: 48px;*/
	margin-top: 22px;
	/*added by light*/
	
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 22px;
	font-size: 12px;
	line-height: 20px;
	color: #FFF;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
/*added by light*/
.newsblock ul{
	list-style:disc;
	padding-left:10px;
}
.newsblock ul li{
	color:#fff;
}
.newsblock a{
	color:#fff;
	text-decoration:none;
}
.newsblock a:hover{
	text-decoration:underline;
}
/*added by light*/

.conleft-news-top {
	float:left;
	width:223px;
	height:45px;
	background-image: url(../images/conleft-news-top.png);
}
.conleft-news-cr {
	float:left;
	width:223px;
	height:21px;
	background-image: url(../images/conleft-news-cr.jpg);
}
.center-hit-product {
	float:left;
	width:702px;
	
	/*edited by light*/
	/*
	height:568px;
	background-image: url(../images/center-hit-product.jpg);
	*/
	/*edited by light*/

	/* added by light */
	position:relative;
	/* added by light */

}
.hit-product-block {
	/* edited by light */
	width: 640px;
	height: auto;
	margin:55px auto;
	/*
	margin-top: 40px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 26px;
	*/
	/* edited by light */
}
.hit-product-block ul {
	float: left;
	margin: 0px;
	width: 640px;
}
.hit-product-block li {
	float: left;
	margin: 2px 10px 10px 14px;
	text-align:center;/*Verna*/
}

/*.hit-product-block li a{*/
.hit-product-block li a.img {
/*edited by light*/
	display: block;
	width: 135px;
	height: 135px;
	background-color: #fff;
	overflow: hidden;
}
.hit-product-block li a img {/*Verna*/
	border: 1px #666 solid;
/*edited by light*/
	padding:2px;
/*edited by light*/
	width:125px;
	height:125px;
}
/*edited by light*/
/*
.hit-product-block li h4 {/*Verna
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	padding-left:2px;
	width:130px;
	line-height:22px;
	letter-spacing:1px;
}
*/
.hit-product-block li a{
	text-decoration:none;
	color:#333;
}
.hit-product-block li a:hover, .hit-product-block li a:hover h4{
	color:#0066FF;
}
.hit-product-block li a h4 {
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	padding-left:2px;
	width:130px;
	line-height:1.4;
	letter-spacing:1px;
	cursor:pointer;
}
/*edited by light*/

.hit-product-block p {/*Verna*/
	font-size:13px;
	color:#666;
	line-height:16px;
}
.hit-product-block li p span.original-price {/*Verna*/
	text-decoration:line-through;
	color:#666;
}
.hit-product-block p.sales-text, .sales-price {
	font-size:14px;
	color:#F00;
}
.conleft-news-base {
	float:left;
	width:223px;
	height:23px;
	background-image: url(../images/conleft-news-base.png);
}
.conleft-hot-product {
	float:left;
	width:223px;
	height:224px;
	background-image: url(../images/conleft-hot-product.png);
	/*added by light*/
	position:relative;
	/*added by light*/
}

/*added by light*/
.conleft-hot-product h2{
	width:84px;
	height:21px;
	position:absolute;
	top:15px;
	left:25px;
	color:#fff;
	font-size:13px;
	text-align:center;
	background:url(../images/conleft-news-titleBG.png) left top no-repeat;
	line-height:21px;
	line-height:25px \9;
}
.conleft-hot-product .attachedTitle{
	position:absolute;
	right:20px;
	top:15px;
	color:#f00;
	font-weight:bold;
	line-height:21px
}
a.hot-product-block{
	display:block;
	height:160px;
	width:180px;	
	margin:45px 23px 0;
}
a.hot-product-block	img{
	height:160px;
	width:180px;	
}
/*
.hot-product-block {
	float: left;
	height: 162px;
	width: 182px;
	margin-top: 49px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 22px;
}
*/
/*added by light*/


.conleft-rank-top {
	float:left;
	width:223px;
	height:39px;
	background-image: url(../images/conleft-rank-top.png);
	/*added by light*/
	text-align:center;
	color:#fff;
	font-weight:bold;
	font-size:13px;
	line-height:33px;
	line-height:38px \9;
	/*added by light*/
}
.conleft-rank-cr {
	float:left;
	width:223px;
	height:auto;
	background-image: url(../images/conleft-rank-cr.jpg);
	overflow:hidden
}
.rankblock {/*Verna*/
	width:170px;
	height:68px;
	margin:3px 0px 0px 28px;
	clear:both;
}
.rankblock a img {/*Verna*/
	float:left;
/* edit by light */
	width:60px;
	height:60px;
	border:2px solid #fff;
/* edit by light */
}
/* add by light */
.rankblock a:hover img {
	border:2px solid #0066FF;
}
/* add by light */

.rankblock div.rank-text {/*Verna*/
	float:right;
	padding:5px 0 5px 3px;
	width:100px;
}
.rankblock div.rank-text div.rank-detail {
	color:#888;
	height:46px;
	width:98px;
	text-align: justify;
	text-justify:inter-ideograph;
	line-height:1.2;
}

/* add by light */
.rankblock div.rank-text div.rank-detail a{
	color:#666;
	text-decoration:none;
}
.rankblock div.rank-text div.rank-detail a:hover{
	color:#0066FF;
	text-decoration:underline;
}
/* add by light */

.rankblock div.rank-text p.ranckblock-price {/*Verna*/
	text-align:right;
	font-weight:bold;
	color:#E80;
}
.conleft-rank-base {
	float:left;
	width:223px;
	height:9px;
	background-image: url(../images/conleft-rank-base.png);
}

/* edit by light */
.footer {
	/*
	float:left;
	width:925px;
	*/
	
	background:#999;
	color:#fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	line-height:25px;
	padding:20px 0 40px;
	/*background-image: url(../images/footer.png);*/
	position:relative;
}
.footer a{
	margin:0 15px;
	color:#fff;
}
.footer a:hover{color:#eee;}
a.eJet{
	background:url(../images/eJet.png) left top no-repeat;
	display:block;
	width:100px;
	height:35px;
	position:absolute;
	right:0;
	top:10px;
  _text-indent:-9999px; /* ie6支持 */
	font-size:0;
  line-height:0;
}
body:nth-of-type(1) a.eJet{
	text-indent:-9999px; /* Chrome、Safari支持 */
}
/*
.footlink {
	width:582px;
	height:16px;
	font-size: 12px;
	margin-top: 23px;
	text-align: right;
	float: left;
	clear:right;
}
.footlink a {
	text-decoration: none;
	color: #FFF;
}
.footaddress {
	width:680px;
	height:16px;
	font-size: 12px;
	margin-top: 15px;
	text-align: right;
	float: left;
	clear:right;
	color: #FFF;
}
*/
/* edit by light */

/*all product.html-start*/	

.tour {
	/*edited by light*/
	/*background-image: url(../images/allproduct/tour.png);*/
	background: url(../images/allproduct/tour.png) left top no-repeat;
	/*edited by light*/
	float: left;
	height: 40px;
	width: 700px;
}
.tourblock {
	height: 16px;
	width: 180px;
	margin:19px 0px 0px 20px;
}
.tourblock a {
	font-size: 12px;
	color: #000;
	text-decoration: none;
}
.tourblock a:hover {
	color: #AAD5E0;
}
.sort {
	/*edited by light*/
	/*
	background-image: url(../images/allproduct/sort.png);
	height: 39px;
	width: 702px;
	*/
	float: left;
	width:660px;
	background:#eee;
	padding:6px 15px;
	text-align:right;
	/*edited by light*/
}
/*added by light*/
.sort a{
	font-size: 12px;
	color: #538792;
	text-decoration: none;
}
.sort a:hover{
	color: #6C9D6D;
}
/*added by light*/

.sortblock {
	float: right;
	height: 15px;
	width: 281px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
.sortblock a {
	font-size: 12px;
	color: #538792;
	text-decoration: none;
}
.sortblock a:hover {
	color: #6C9D6D;
}
.products {
	float: left;
	width: 702px;
	height: auto;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.productsblock {
	width: 680px;
	height: auto;
	/*height: 140px;*/
	float: left;
	background-image: url(../images/allproduct/dd.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding:13px 0px 0px 17px;
}

.product_b {
	font-size: 15px;
	color: #09C;
	font-weight: bold;
	display: block;
	padding-left: 5px;
}
.product_s {
	font-size: 12px;
	color: #566774;
	display: block;
	padding-top: 5px;
	padding-left: 5px;
}
.product_rs {
	font-size: 12px;
	color: #566774;
	display: block;
}
.product_rb {
	font-size: 18px;
	color: #F00;
	font-weight: bolder;
}
.pages {
	background-image: url(../images/allproduct/pages.png);
	float: left;
	height: 37px;
	width: 700px;
}
.pagesblock {
	float:left;
	height: 26px;
	width: 675px;
	margin:5px 0px 0px 15px;
	font-size: 12px;
	color: #09C;
}
/*added by light*/
.pagesblock .pageNun a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0 4px;
	text-decoration:none;
	color:#666;
}
.pagesblock .pageNun a:hover{
	color:#000;
}
.pagesblock .pageNun a.on{
	color:#000;
	font-weight:bold;
	cursor:default;
}
/*added by light*/

/*all product.html-end*/	

/*buylist.html-start*/

.buylist {
	float: left;
	height: 1300px;
	width: 702px;
}
.buylistblock_top {
	float:left;
	height: 272px;
	width: 669px;
	padding:20px 0px 0px 33px;
}
.buylist_pic {
	float:left;
	height: 253px;
	width: 253px;
}
.buylist_txt {
	float:left;
	height: 227px;
	width: 353px;
	margin:0px 0px 0px 30px;
}
.buylist_buy {
	float:left;
	height: 26px;
	width: 282px;
	margin:1px 0px 0px 90px;
}
.buylist_txt_b {
	font-size: 20px;
	font-weight: bolder;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
}
.buylist_txt_s {
	font-size: 12px;
	color: #45535E;
	font-family: Arial, Helvetica, sans-serif;
}
.buylist_txt_red {
	font-size: 12px;
	color: #F00;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.buylistblock_ctr {
	float:left;
	height: auto;
	width: 702px;
	/*edited by light*/
	/*background-image: url(../images/buylist/center-sales.jpg);*/
	padding:65px 0px 30px 0px;
	/*edited by light*/
	text-align: center;
	background-repeat: no-repeat;
	/*added by light*/
	position:relative;
	/*added by light*/
}
.buylist_txt_c_b {
	font-size: 20px;
	font-weight: bolder;
	color: #FB6B84;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
}
.buylist_txt_c_s {
	font-size: 12px;
	color: #CCC;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	text-align: left;
	/*edited by light*/
	margin:10px;
	display:block;
	/*edited by light*/
	line-height: 16px;
}
.buylistblock_base {
	float:left;
	height: 163px;
	width: 702px;
	/*added by light*/
	/*background-image: url(../images/buylist/product_introduce.jpg);*/
	position:relative;
	/*added by light*/
}
.product_detail {
	float:left;
	height: 110px;
	width: 626px;
	/*edited by light*/
	margin:60px 0px 0px 30px;
	/*edited by light*/
	padding:5px 0px 0px 4px;
	background-color: #f3f3f3;
}
.product_detail_txt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #808080;
	line-height: 18px;
}
/*buylist.html-end*/

/*----login.html-start-----*/

.login {
	width:925px;
	height:454px;
	float: left;
	background-color: #f3f3f3;
}
.loginblock {
	width:256px;
	height:189px;
	float: left;
	background-image: url(../images/login/loginblock.png);
	margin-top: 130px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 317px;
	background-repeat: no-repeat;
}
/*add by light*/
.loginblock h2{
	font-size:15px;
	text-align:center;
	color:#fff;
	line-height:26px;
	line-height:29px \9;
}
/*add by light*/
.login-in {
	width:246px;
	height:136px;
	/*edit by light*/
	margin:16px 0px 0px 5px;
	/*edit by light*/
}
.login-linkcolor a {
 color:
 font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3481F4;
	text-decoration: none;
}
.login-txt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #a1968f;
	letter-spacing: 1px;
}
/*----login.html-end-----*/	
/*----member.html-start-----*/				
	
.member {
	width:925px;
	height:auto;
	float: left;
}
.memberblock {
	width:603px;
	height:auto;
	float: left;
	/*edited by light*/
	/*background-image: url(../images/member/memberblock.jpg);*/
	/*edited by light*/
	margin-top: 32px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 179px;
	background-repeat: no-repeat;
}

/*added by light*/
.memberblock h2{
	font-size:15px;
	height:20px;
	border-bottom:1px solid #333;
}
.memberblock .subTitle{
	margin:5px 0;
	background:#efefef;
	padding:4px;
}
/*added by light*/

.member-in {
	width:521px;
	height:auto;
	/*edited by light*/
	margin:30px 0px 0px 40px;
	/*edited by light*/
}
input {
	font-size: 10pt;
	border: 1px solid #7E9DB9;
	margin-left: 5px;
}

/*added by light*/
input.chkBox{
	border:none;
	vertical-align:middle;
}
input.inputBtn{
	border:none;
}
/*added by light*/

select {
	margin-left: 5px;
}
.point {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #F00;
}
/*----login.html-end-----*/
	
/*----buy.html-start-----*/

.buy {
	width:925px;
	height:auto;
	float: left;
}
.buyblock {
	width:723px;
	height:auto;
	float: left;
	margin:36px 0px 30px 122px;
	background-image: url(../images/buy/buy1.jpg);
}
.buy-btn {
	width:420px;
	height:33px;
	float: left;
	margin:0px 0px 0px 3px;
}
.buy-in {
	width:689px;
	height:auto;
	float: left;
	margin:20px 0px 0px 3px
}
/*edited by light*/
/*.buylink {*/
.buylink a{
/*edited by light*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3AA7CF;
}
.buy-txt-b {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #4D865B;
}
.buy-txt-product {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #F30;
}
/*----buy.html-end-----*/

/*----buydetail.html-start-----*/

						
.buydetail {
	width:925px;
	height:auto;
	float: left;
}
.buydetailblock {
	width:840px;
	height:auto;
	float: left;
	margin:36px 0px 30px 42px;
	/*edited by light*/
	/*
	background-image: url(../images/buydetail/buydetailblock.jpg);
	background-repeat: no-repeat;
	*/
	/*edited by light*/
}
.buydetail-in {
	width:834px;
	height:auto;
	float: left;
	margin:10px 0px 0px 3px;
	/*added by light*/
	border:1px dotted #ccc;
	border-left:none;
	border-right:none;
	/*added by light*/
}
.buydetail-btn {
	width:420px;
	height:42px;
	float: left;
	margin:0px 0px 0px 3px;
}

/* added by light */
.buydetail-btn .payStatus, .buydetail-btn .payStatus_on{
	display:inline-block;
	width:90px;
	height:40px;
	background:url(../images/payStatus.png) left top no-repeat;
	text-align:center;
	margin:3px 0 3px 5px;
	font-size:15px;
	font-weight:bold;
	line-height:40px;
	line-height:43px \9;
	color:#fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.buydetail-btn .payStatus:first-letter, .buydetail-btn .payStatus_on:first-letter{
	font-size:19px;
}
.buydetail-btn .payStatus_on{
	background:url(../images/payStatus.png) left bottom no-repeat;
}
/* added by light */

.buydetail-txt-red {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #F30;
	font-weight: bold;
}
/*----buydetail.html-end-----*/

/*----pay.html-start-----*/

.payblock {
	width:834px;
	height:auto;
	float: left;
	margin:0px 0px 0px 3px;
	/* edited by light */
	/*
	background-image: url(../images/pay/payblock.jpg);
	background-repeat: no-repeat;
	*/
	/* edited by light */
}

/*added by light*/
.payblock h3{
	background:url(../images/spot.png) 2px 4px no-repeat;
	padding-left:20px;
	color:#ff6d00;
	border-bottom:1px solid #ff6d00;
	font-size:17px;
	margin:20px 10px 10px;
}
/*added by light*/

.payblock-in1 {
	width:721px;
	height:93px;
	float: left;
	/*edited by light*/
	/*margin:87px 0px 0px 64px;*/
	margin:20px 0 20px 64px;
	/*edited by light*/
}
.payblock-in2 {
	width:480px;
	height:auto;
	float: left;
	/*edited by light*/
	/*margin:56px 0px 0px 64px;*/
	margin:20px 0 20px 64px;
	/*edited by light*/
}
.payblock-in3 {
	width:721px;
	height:93px;
	float: left;
	/*edited by light*/
	/*margin:77px 0px 0px 64px;*/
	margin:20px 0 20px 64px;
	/*edited by light*/
}
.payblock-in4 {
	width:721px;
	height:auto;
	float: left;
	/*edited by light*/
	/*margin:73px 0px 0px 64px;*/
	margin:20px 0 20px 64px;
	/*edited by light*/
}
/*----pay.html-end-----*/	

/*----buy finish.html-start-----*/	

.buyfinish {
	width:834px;
	height:auto;
	float: left;
	margin:0px 0px 0px 3px;
	background-image: url(../images/buyfinish/buyfinish.jpg);
	background-repeat: no-repeat;
}
.buyfinish-in1 {
	width:834px;
	height:202px;
	float: left;
	margin:70px 0px 0px 0px
}
.buyfinish-in2 {
	width:834px;
	height:auto;
	float: left;
	margin:20px 0px 0px 0px
}



/* add by light */
.clear{clear:both;}
.separaterSpace{
	display:inline-block;
	width:30px;
}
.color_red{color:#d9041a;}
.color_grayDeep{color:#333;}
.color_grayMiddle{color:#666;}
.color_grayLight{color:#aaa;}

a.btnStyle_1, a.btnStyle_2, a.btnStyle_3, a.btnStyle_4{
	display:inline-block;
	height:20px;
	line-height:21px;
	line-height:23px \9;
	background:url(../images/btnBG.png) left top repeat-x;
	padding:0 10px;
	border:1px solid #bbb;
	text-decoration:none;
	margin:5px 0 5px 5px;
	min-width:50px;
	white-space:nowrap;
	text-align:center;
}
a.btnStyle_1 img, a.btnStyle_2 img, a.btnStyle_3 img, a.btnStyle_4 img{
	vertical-align:middle;
	margin:0 5px 3px 0;
	margin:0 5px 0 0 \9;
}
a.btnStyle_1:hover, a.btnStyle_2:hover, a.btnStyle_3:hover{
	background:url(../images/btnBG.png) left bottom repeat-x;
}
a.btnStyle_4{
	color:#fff;
	background:url(../images/loginbtnBG.png) left top repeat-x;
}
a.btnStyle_4:hover{
	background:url(../images/loginbtnBG.png) left bottom repeat-x;
}
a.btnStyle_2{
	color:#0066FF;
}
a.btnStyle_3{
	height:22px;
	border:none;
	background:none #08a1cd;
	color:#fff;
	min-width:70px;
	line-height:23px;
	line-height:25px \9;
}
a.btnStyle_3:hover{
	background:#0f8cb0;
}

a.checkStatusBtn, a.checkStatusBtn_on{
	display:inline-block;
	width:95px;
	height:30px;
	margin:5px 0 5px 5px;
	text-align:center;
	font-size:13px;
	font-weight:bold;
	color:#fff;
	background:url(../images/checkStatus.png) left top no-repeat;
	text-decoration:none;
	line-height:28px;
	line-height:32px \9;
}
a.checkStatusBtn:hover, a.checkStatusBtn_on, a.checkStatusBtn_on:hover{
	background:url(../images/checkStatus.png) left bottom no-repeat;
}
a.checkStatusBtn_on{
	cursor:default;
}

/* add by light */

/*****Content*****/
/*定義about.aspx content的區塊內容*/
.contentSec{
	height:auto;
	margin-bottom:5px;
	background:#fff;
	float: left;
}
.onlyMain{
	padding:5px;
}
.contentSec h4{
	line-height:28px;
	line-height:20px \9;
	padding:0 10px;
	padding:7px 10px 0 \9;
	margin-bottom:5px;
	background:#396C81;
	color:#fff;
	position:relative;
}
.contentSec .addedBtnBar{
	position:absolute;
	right:5px;
	top:3px;
}
.contentSec a.more{
	display:block;
	padding:2px 10px;
	padding:4px 10px 0 \9;
	border:1px solid #ccc;
	background:#4286AD;
	text-decoration:none;
	font-size:11px;
	line-height:15px;
	color:#fff;
}
.contentSec a.more:hover{
	background:#69acd2;
}
.contentSec .item{
	padding:5px;
}
.contentSec .item p{line-height:1.6;}
.contentSec .item img{margin-right:10px; border:3px solid #DEDBDE;}
.contentSec .item a{text-decoration:underline;}
.contentSec .item a:hover{color:#666;}

.onlyMain .imgList{
	float:left;
	width:355px;
	text-align:center;
}
.imgList img{
	width:340px;
	margin-bottom:8px;
}
.onlyMain .imageInfo{
	float:left;
	width:500px;
}
.onlyMain h5{
	color:#222;
	font-size:13px;
	margin:5px 0 10px;
	padding:0 0 5px;
	border-bottom:1px solid #333;
}
.onlyMain strong{
	color:#5f5f5f;
	font-weight:bold;
}

/* add duffy            */
.accordion_title_limit_len_125 {
    width:125px;
    white-space:nowrap;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    overflow: hidden;
}	

/* --- 20160322 neil_edit 增加，限定div顯示行數，超過行數就用...表示 --- */
.product_desc_line_limit {
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}	