@charset "utf-8";
/* CSS Document */

html, body{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	overflow: hidden;
	width:100%;
	height:100%;
	background:#a2b9cb;
}
img{ border:0;}
a{ text-decoration:none; color:#0063b6;}
a:hover{ text-decoration:underline; color:#008aff;}
input, select, textarea{border:1px solid #666; margin:0; padding:0; color:#888; font-size:12px; color:#333;}
input, select{ height:18px;}
td, th{ padding:2px 5px;}
input.form-btn{
	background:#c9ff23;
	color:#333; 
	font-weight:bold; 
	font-size:12px; 
	padding:3px 10px;
	line-height:20px;
	height:20px;
}
input:hover.form-btn{border:1px solid #efefef; background:#333; color:#fff; }

.setqty{ width:150px;}
.setqty a{ display:inline-block; width:15px; line-height:15px; background:#333; color:#fff;}
.setqty a:hover{background:#d3ff4d; color:#333; text-decoration:none;}
.outfocus{border:1px solid #666; margin:0; padding:0; color:#888; font-size:12px; color:#999;}

.clear:after{
      content: ".";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden;
}

#upgrade{
	background:#e0f2fe; 
	border:1px solid #c2efff; 
	text-align:left; 
	padding:10px 20px;
	clear:both;
}
#upgrade strong{ color:#1289c8;}
#upgrade .ielogo{ margin:5px;}

#login-page{ margin:30px auto; width:300px; border:1px solid #ddd; background:#efefef; padding:10px;}
#login-page input{ width:170px;}
#login-page div label{ display:block; clear:both;}
#login-page div h5{display:block; width:100px; *width:90px; float:left; margin:5px 0; font-size:12px;}
#login-page a:hover{ text-decoration:none;}
/* ------Start:Function Bar setting------ */
#bottom-bar{ 
	height:40px;
	/**width:expression(document.body.clientWidth < 1024? "90%" : "962px"); */
	width:962px;
	overflow:hidden; 
	margin:-40px auto 0 auto;
	left:50%;
}
.function-bar{
	clear:both;
    margin:0 auto 0 auto;
	background:url(../images/bg-function-bar.gif) repeat-x top #909090;
	color:#333;
	font-size:11px;
	height:40px;
    padding:0px 10px; 
    text-align: left;
	font-family:Arial, Helvetica, sans-serif;
	position:absolute;
	z-index:100;
}
.function-bar div.bar-in{ padding:0;}
.function-bar div.bar-in div{float:left; padding:0; }
.function-bar div a.icon{
	background:url(../images/function-bar/icon.gif) no-repeat;
	height:30px;
	float:left;
	margin:0 5px;
	padding:0;
	cursor:pointer;
}
.function-bar div label{
	float:left;
	display:block;
	height:30px;
}

.function-bar div a{ color:#333; text-decoration:underline;}
.function-bar div a:hover{ color:#666;}
.function-bar div input{
	background:#d4d4d4;
	border:0;
	margin:8px 2px 0 2px;
	*margin:5px 2px 0 2px;
	height:18px;
	width:120px;
	color:#333;
}

.function-bar div.approval a.icon{background-position: -170px 0 !important;}
.function-bar div.approval a:hover.icon{background-position: -170px -37px !important;}

.function-bar div.member,.function-bar div.member-con{ width:490px; _width:460px;}
.function-bar div.member a.icon,
.function-bar div.member-con a.icon{background-position: 0 0; width:30px;}
.function-bar div.member a:hover.icon,
.function-bar div.member-con a:hover.icon{background-position: 0 -37px;}
.function-bar div.member div input,
.function-bar div.member-con div input{ width:110px;}
.function-bar span.text-area{ display:block; float:right;}
.function-bar div.member-con span.text-area{text-align:center;}
.function-bar div.member span.text-area{width:130px;}.function-bar div.member-con span.text-area{width:150px; line-height:30px; font-size:12px; font-weight:bold;}
.function-bar div.member span:last.text-area{ text-align:right;}
.function-bar div span.text-area strong{ display:inline-block; width:15px; text-align:center; float:none;}

.function-bar div span.text-area a.logout{
	display:block;
	background:url(../images/function-bar/icon-logout.gif) no-repeat 10% 0;
	padding:0;
}
.function-bar div span.text-area a:hover.logout{ background-position: 10% -31px;}

.function-bar div.shopping{ width:100px;}
.function-bar div.shopping a.icon{background-position: -30px 0; width:40px;}
.function-bar div.shopping a:hover.icon{background-position: -30px -37px;}
.function-bar div.shopping a,
.function-bar div.buynow a{ line-height:30px; font-size:12px; font-weight:bold;}

.function-bar div.buynow{ width:80px;}
.function-bar div.buynow a.icon{background-position: -70px 0; width:20px;}
.function-bar div.buynow a:hover.icon{background-position: -70px -37px;}

.function-bar div.company a.icon{background-position: -91px 0; width:50px;}
.function-bar div.company a:hover.icon{background-position: -91px -37px;}

.function-bar div.search a.icon{background-position: -141px 0; width:30px;}
.function-bar div.search a:hover.icon{background-position: -141px -37px;}
.function-bar div.search input{
	background:url(../images/function-bar/bg-search.gif) no-repeat 2px 2px #fff;
	padding:0 0 0 15px;
	margin:8px 0 0 0;
	width:130px;
}
/*########Start:New Layout########*/
#function-bar-over{
	position:absolute;
	z-index:100;
	margin:-310px auto 0 auto;
	color:#fff;
	font-size:11px;
	/*border:1px solid #000;*/
	*filter:alpha(opacity=90);
	-moz-opacity:0.9;
	opacity:0.9;
	*width:960px;
	*height:300px;
}
#function-bar-over .over-cover{
	position:absolute;
	z-index:50;
	background:url(../images/arrow-06.gif) no-repeat 10px bottom;
	*filter:alpha(opacity=90);
	-moz-opacity:0.9;
	opacity:0.9;
}
#function-bar-over .over-cover a{ color:#fff; text-decoration:underline;}
#function-bar-over .over-cover a:hover{ text-decoration:none;}
#function-bar-over .over-cover span{display:block; clear:both; height:50px; margin:0 0 5px 0;}
#function-bar-over .over-cover span img{ float:left; margin:0 5px 0 0;}
#function-bar-over .over-cover .over-in{
	padding:10px;
	background:#333;
	margin:0;
	width:200px;
}
#function-bar-over .over-in div.overflow{margin-top:5px; margin-bottom:5px; clear:both; overflow:auto; height:230px; border-bottom:1px solid #999;}
/*---------------------------------------------------------------*/
#function-bar-over #member-over,
#function-bar-over #shopping-over,
#function-bar-over #company-over,
#function-bar-over #search-over{display:none; float:left;}
/*
#function-bar-over #search-over{visibility:hidden; float:left;}
*/

#function-bar-over #member-over{margin:0; height:300px;}
#function-bar-over #member-over .over-in,
#function-bar-over #shopping-over .over-in,
#function-bar-over #company-over .over-in{height:270px;}

#function-bar-over #shopping-over{margin:0 0 0 505px; height:300px;}
#function-bar-over #shopping-over div.line-link a{
	display:block;
	clear:both;
	padding:3px 5px;
	line-height:12px;
	border-bottom:1px solid #444;
	text-decoration:none;
}
#function-bar-over #shopping-over div.line-link a:hover,
#function-bar-over #company-over div.line-link a:hover{ background:#c9ff23; color:#333;}
#function-bar-over #shopping-over div.line-link a label{ float:right; }
#function-bar-over #shopping-over strong{float:right;}

#function-bar-over #company-over{margin:0 0 0 690px; height:300px;}
#function-bar-over #company-over div.line-link a{
	display:inline-block;
	float:left;
	width:80px;
	padding:3px 5px;
	line-height:12px;
	border-bottom:1px solid #444;
	border-left:1px solid #444;
	text-decoration:none;
}
#function-bar-over #search-over{margin:0 0 0 500px; height:295px; background-position:240px bottom;}
#function-bar-over #search-over .over-in{ width:300px; height:260px;}
#function-bar-over #search-over select{ width:180px;}
/*---------------------------------------------------------------*/

#function-bar-over a.window-close{
	display:block;
	background:url(../images/img-bar-close.gif) no-repeat 0 0;
	width:10px;
	height:3px;
	float:right;
	margin:0;
	padding:0;
	border:5px solid #333;
}
#function-bar-over a:hover.window-close{ background:#c9ff23;}
/*########End:New Layout########*/
/* ------End:Function Bar setting------ */


#warp {
	overflow:auto; 
	overflow-x:hidden;
	width:100%; 
	height:100%; 
	text-align:center;
	position:relative;
}
#warp div#warp-bg{
	width:100%;
	height:765px;
	background:url(../images/bg.gif) repeat-x top #a2b9cb;
}
#warp div#warp-in{
	width:1027px;
	position:absolute;
	margin:0 0 0 -513px;
	left:50%;
	text-align:center;
	background:url(../images/bg-body.gif) no-repeat 0 0;
}

/* ------Start:Header setting------ */
#header{
	margin:0 auto;
	width:960px;
	border-top:8px solid #0367bb;
	background:url(../images/bg-header.gif) no-repeat #fefefe;
	height:60px;
	padding:10px 20px;
	text-align:right;
	color:#aeaeae;
	font-size:11px;
}
#header .logo{ float:left; margin:0 0 0 20px;}
#header a{color:#818181;}
#header span{
	float:right; 
	display:block; 
	_width:110px; 
	width:100px; 
	height:30px; 
	margin:10px 0 0 0;
}
#header span a{
	display:block;
	float:left;
	background:url(../images/icon-header.gif) no-repeat top;
	width:20px;
	height:30px;
	border:0;
	padding:0;
	margin:0 0 0 5px;
}
#header span a:hover{ text-decoration:none;}

#header span a.sitemap{background-position:0 0;}
#header span a.sitemap:hover{background-position:0 -30px;}

#header span a.contact{background-position:-20px 0;}
#header span a.contact:hover{background-position:-20px -30px;}

#header span a.print{background-position:-40px 0;}
#header span a.print:hover{background-position:-40px -30px;}

/*#header span a.add{background-position:-60px 0;}
#header span a.add:hover{background-position:-60px -30px;}*/
#header span a.addthis_button_compact{background-position:-60px 0;}
#header span a.addthis_button_compact:hover{background-position:-60px -30;}
/* ------End:Header setting------ */



/* ------Start:Main Menu setting------ */
#menu-main{
	width:1020px; 
	height:55px; 
	text-align:left; 
	margin:-10px auto 0 auto; 
	padding:0;
}
#menu-main .bg-right{float:right;}
#menu-main div{
	clear:both;
	margin:0;
	background:url(../images/bg-main-menu.gif) repeat-x #e0e0e0;
	height:25px;
	padding:5px 35px;
}
#menu-main div a{ margin:0; padding:0;}
#menu-main span{ float:right; line-height:25px; font-size:13px; color:#003366;}
/* ------End:Main Menu setting------ */



/* ------Start:Web Body setting------ */
#web-body{
	width:962px; 
	margin:-11px auto 0 auto; 
	text-align:left; 
	background:url(../images/bg-content.gif) repeat-x #fff;
	padding:0 19px;
}
/* ===Start:Product menu setting=== */
#web-body #menu-product{
	float:left;
	width:162px;
}
#web-body #menu-product-inside{
	background:url(../images/bg-product-menu-btm.gif) no-repeat -1px bottom;
	padding:0 0 194px 0;
}
#web-body #menu-product-inside div{
	background:url(../images/bg-product-menu.gif) no-repeat top #128acb;
	width:160px;
	padding:25px 0 0 0;
}
#web-body #menu-product ul,
#web-body #menu-product li{ margin:0; padding:0; list-style:none;}


/*#web-body #menu-product li a{ *display:inline-block; }for IE 6*/
#web-body #menu-product li a{
	background:url(../images/bg-product-menu-line.gif) no-repeat bottom;
	display:block;
	color:#CCFFFF;
	clear:both;
	padding:6px 15px;
	margin:0;
	font-weight:bold;
	line-height:12px;
	height:15px;
}
#web-body #menu-product li a:hover,
#web-body #menu-product .on-over{ color:#fed100; text-decoration:none;}
#web-body #menu-product ul li ul{
	background:url(../images/bg-product-menu-sub.gif) no-repeat top #3e3e3e;
	padding:2px 0;
}
#web-body #menu-product ul li ul li a{ color:#0ca6ec; background:none; font-weight:normal; height:auto; *height:18px; _padding:2px 15px;}
#web-body #menu-product ul li ul li ul{ background:#202020; margin:0 5px; padding:5px 0 !important;}
#web-body #menu-product ul li ul li ul li a{ font-size:11px; padding:3px 15px!important;}

#web-body #menu-product a.sub-page{
	display:block;
	margin:8px 0 0 5px;
	padding:0;
	position:absolute;
	z-index:1;
	width:9px; 
	height:9px;
	background:url(../images/arrow-submenu.gif) no-repeat 0 0;
	cursor:pointer;
	text-indent:-9999px;
	line-height:9px;
	_overflow:hidden;
}
#web-body #menu-product a:hover.sub-page{ background-position:0 -9px;}

#web-body #subscribe{
	color:#F30;
	float:left;
	margin-top:50px;
	background:url(../images/mail-box-top.gif) no-repeat top;
}
#web-body #subscribe .mail-box{
	padding:10px 5px 10px 5px;
	background:#efefef;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	margin-top:24px;
}

#web-body #subscribe span{
	color:#000;
}
#web-body #subscribe input{ width:90px;}
/* ===End:Product menu setting=== */

/* ===Start:Content setting=== */
#web-body #content{
	width:790px;
	padding:15px 0 15px 10px;
	float:left;
}
#web-body .full{width:962px !important; padding:15px 10px;}
#web-body #content h1{
	font-size:20px;
	font-weight:bold;
	margin:0;
	border-bottom:3px solid #e5e5e5;
}
#web-body #content h1 b{color:#1663a6;}
#web-body #content h1 span{float:right; width:160px; height:18px; text-align:right; display:inline-block;}
#web-body #content h1 span a,
#web-body #content h1 a{
	float:right;
	font-size:11px; 
	font-weight:normal; 
	background:url(../images/arrow-01.gif) no-repeat 5px 5px #fff; 
	padding:0 0 0 13px; 
	line-height:18px;
}
#web-body #content h1 span a{float:none; display:inline-block;}
#web-body #content h1 a:hover{background:url(../images/arrow-02.gif) no-repeat 5px 5px #fff;}
#web-body #content h1 a.back{background:url(../images/arrow-01-b.gif) no-repeat 5px 5px;}
#web-body #content h1 a:hover.back{background:url(../images/arrow-02-b.gif) no-repeat 5px 5px;}
#web-body #content h2{
	font-size:16px;
	font-weight:bold;
	margin:10px 0 0 0;
}
/*########Start:New Layout########*/
#web-body #content #over{
	width:700px;
	height:400px; 
	position:fixed;
	z-index:10;
	margin:-200px 0 0 -350px;
	padding:0;
	left:50%;
	top:50%;
	display:none;
}
#web-body #content #over .over-r{
	clear:both;
	background:#f5f5f5;
	/*border:1px solid #999;*/
	padding:10px;
	
}
#web-body #content #over .overflow{height:320px; overflow:auto;}
#web-body #content a.window-close{
	display:block;
	background:url(../images/img-close.gif) no-repeat 0 0;
	width:15px;
	height:15px;
	float:right;
	margin:0;
	padding:0;
	text-decoration:none;
	color:#fff;
	text-align:center;
	font-weight:bold;
}
#web-body #content a:hover.window-close{ background-position:0 -15px; color:#666; text-decoration:none;}
/*########End:New Layout########*/	
.width-f{ width:350px;}
.margin{margin:0 30px 0 0;}
.float-l{float:left;}
.float-r{float:right;}
.clear-both{clear:both;}
a.close-btn{
	display:inline-block;
	border:1px solid #ddd;
	background:#efefef;
	width:15px;
	height:15px;
	text-align:center;
	line-height:15px;
}
a.close-btn:hover{border:1px solid #ddd; background:#444; color:#efefef; text-decoration:none;}
.total-line{ border-top:1px solid #666; text-align:right;}
.total-line strong{ font-size:16px; color:#333;}

.page-no{margin:0 0 10px 0; padding:0; line-height:5px;}
.page-no label, .delivery-days div span label{ display:inline-block; width:5px; height:9px; margin:3px 5px 0 5px; cursor:pointer;}
.page-no > label:first-child, .delivery-days div span label:first-child{ background:url(../images/arrow-01-b.gif) no-repeat;}
.page-no > label:first-child:hover, .delivery-days div span label:first-child:hover{ background:url(../images/arrow-02-b.gif) no-repeat;}
.page-no label, .delivery-days div span label{ background:url(../images/arrow-01.gif) no-repeat;}
.page-no label:hover, .delivery-days div span label:hover{ background:url(../images/arrow-02.gif) no-repeat;}

.table-line{ border-top:1px solid #aaa; border-left:1px solid #aaa; font-size:small;}
.table-line td{ border-bottom:1px solid #aaa; border-right:1px solid #aaa;}
/*#######################Start: Form Setting#################################*/
.error{ color:#B80707;}
.valid{ border:1px solid #efefef;}

.pre-edit{ background:#fff; border:0;}

.form-boder{ border:1px solid #ddd; padding:10px;}
.form-boder th{ font-weight:bold; border-bottom:1px solid #ddd;}
.form-boder td{ border-bottom:1px solid #efefef;}
.form-boder .no-border th,.form-boder .no-border td{ border:0;} 
.highlight tr:hover, .tr-hover{ background:#efefef;}
.red{ color:#CC0000;}
.r-boder{ padding:10px;}
.bg-green{ background:#bbde91;}
.bg-organ{ background:#f0c810;}

.display-none{display:none;}
.form-sub{background:url(../images/arrow-07.gif) no-repeat; padding:15px 0 0 0;}
.form-sub div.form-bg{background:#e5e5e5; padding:10px;}
.form-sub .other-table{ border-top:1px solid #c5c3c3; padding:0;}

.change-order{background-position:710px top;}
.sub-acc{background-position:10px top;}
.checkout, .history{background-position:720px top; display:none;}
.confirm, .no-bg{background:none;}

input.btn{ background:#cbfc35; border:0; color:#333;}
input:hover.btn{background:#000; color:#fff;}

.message-area p{ display:block; margin:0; padding:2px 0; border-bottom:1px solid #e1e1e1;}
.message-area b{ display:block; width:150px; float:left; }
.message-area span{ display:inline-block;}

.delivery-days,.billing-info{ border-left:1px solid #fafafa; width:160px; padding:10px;}
.billing-info{text-align:left;}
.delivery-days{text-align:center;}
.delivery-days div{ width:130px; margin:0 auto;}
.delivery-days div span{color:#075aa1; font-size:13px; font-weight:bold; clear:both;}
.delivery-days div > strong,
.delivery-days div > label,
.delivery-days div > a{ display:inline-block; width:18px; height:18px; float:left;}
.delivery-days div > a{ background:#ddd; color:#666; outline:0;}
.delivery-days div > a:hover, .delivery-days div > a.on-day{ background:#cbfc35;}

a.btn-continue_en,a.btn-continue_tc,
a.btn-confirm_en,a.btn-confirm_tc{ display:inline-block; width:128px; height:52px;}
a.btn-continue_en{ background:url(../images/eng/btn-continue.gif) no-repeat 0 0; }
a.btn-confirm_en{ background:url(../images/eng/btn-confirm.gif) no-repeat 0 0;}
a.btn-continue_tc{ background:url(../images/chi/btn-continue.gif) no-repeat 0 0;}
a.btn-confirm_tc{ background:url(../images/chi/btn-confirm.gif) no-repeat 0 0;}
a:hover.btn-continue_en,a:hover.btn-continue_tc,
a:hover.btn-confirm_en,a:hover.btn-confirm_tc{ background-position:0 -52px;}

.delivery-info{ border-right:1px solid #ddd; width:578px; padding:0 10px 0 0;}

.bonus-point th{ background:#BCD2D8; line-height:20px; font-size:16px;}
.bonus-point td{ padding:0 0 20px 0;}

.sort-box{ width:430px; color:#ddd;}
.sort-box input{ font-size:11px;}
.sort-box thead, .thead-bg{background:url(../images/sort-box-tit_bg.gif) repeat-x bottom; line-height:15px;}
.sort-box thead th{background:url(../images/sort-box-tit.gif) no-repeat 0 0; color:#fff; text-align:left;}
.sort-box {background:url(../images/sort-box-body_bg.gif) no-repeat bottom;}
.sort-box tbody td{padding:3px 5px !important;}
.sort-box tbody .bgline{ background:url(../images/sort-box-line.gif) no-repeat right 50%;}
/*----Start: Btn Setting----*/

a.btn-blue,
a.btn-green,
#function-bar-over .over-cover a.btn-green,
a.btn-grey{
	display:inline-block; 
	padding:0 2px 0 0; 
	font-weight:bold;
	font-size:11px;
}
a.btn-blue span,
a.btn-green span,
#function-bar-over .over-cover a.btn-green span,
a.btn-grey span{
	display:inline-block; 
	height:16px; 
	padding:0 10px; 
	line-height:16px;
}
a:hover.btn-blue, 
a:hover.btn-green,
#function-bar-over .over-cover a:hover.btn-green, 
a:hover.btn-grey{text-decoration:none; background-position:100% -16px;}
a:hover.btn-blue span, 
a:hover.btn-green span,
#function-bar-over .over-cover a:hover.btn-green span,
a:hover.btn-grey span{background-position:0 -16px;}


a.btn-blue{background:url(../images/btn-blue-r.gif) no-repeat 100% 0; color:#9efd51;}
a.btn-blue span{background:url(../images/btn-blue-l.gif) no-repeat 0 0;}
a:hover.btn-blue{color:#116ea3;}/*----End: Btn blue---*/

#function-bar-over .over-cover a.btn-green,
a.btn-green{background:url(../images/btn-green-r.gif) no-repeat 100% 0; color:#333;}
#function-bar-over .over-cover a.btn-green span,
a.btn-green span{background:url(../images/btn-green-l.gif) no-repeat 0 0;}
a:hover.btn-green{color:#fff;}/*----End: Btn Gree---*/
/*Start:for function-bar*/
.function-bar div label a.btn-green{float:none; text-decoration:none;}
.function-bar div label a.btn-green span{ float:none; width:auto;}
/*End:for function-bar*/

a.btn-grey{background:url(../images/btn-grey-r.gif) no-repeat 100% 0; color:#ddd;}
a.btn-grey span{background:url(../images/btn-grey-l.gif) no-repeat 0 0;}
a:hover.btn-grey{color:#333;}/*----End: Btn grey---*/
/*----End: Btn Setting----*/

/*#######################End: Form Setting#################################*/

a.pdf-down,a.excel-down {
	display:block; 
	width:100px; 
	height:32px;
	padding:20px 10px 10px 55px;
	font-weight:bold;
	color:#555;
	float:left;
	font-size:13px;
	margin:0 20px 0 0;
}
a.pdf-down:hover, a.excel-down:hover{ background-position:0 -62px; text-decoration:none; color:#ddd;}
a.pdf-down{background:url(../images/pdf-download.gif) no-repeat 0 0;}
a.excel-down{background:url(../images/excel-download.gif) no-repeat 0 0;}


.acc-menu{ background:#eee; height:25px; margin:-10px 0 0 0; clear:both; line-height:25px; width:790px;}
#web-body .full .acc-menu{ width:962px!important;}

#web-body #content .path{ text-align:right; clear:both; font-size:11px; color:#aaa; line-height:13px; margin:0 0 10px 0;}
#web-body #content .path strong{ color:#999;}
#web-body #content .path a{ color:#aaa; font-weight:bold;}

.icon-area{ margin:0 2px -5px 2px;}

.acc-menu strong, .box-icon strong, .box-icon input{
	display:inline-block; 
	width:15px;
	text-align:center; 
	margin:0 0 0 10px; 
	font-size:11px;
	line-height:13px; 
	color:#666;
	font-family:Georgia, "Times New Roman", Times, serif;
	cursor:pointer;
}
.box-icon input{background:#fff; border:1px solid #efefef;}
.box-icon strong{border:1px solid #fff;}
.acc-menu > strong:first-child, 
.box-icon > strong:first-child, 
.box-icon > input:first-child{margin:0;}
.box-icon strong:hover, .box-icon input:hover{border:1px solid #999; text-decoration:none; color:#008aff;}

.latest-focus{
	width:370px; float:left; 
	margin:0 30px 50px 0; 
	/*
	text-align:justify; 
	line-height:18px;
	*/
}
.latest-focus div a{color:#666;}
.latest-focus div img{ border:1px solid #e5e5e5; float:left; margin:0 10px 0 0;}
.latest-focus div a:hover img{border:1px solid #c9ff23;}
.latest-focus div a:hover{ text-decoration:none;}
.latest-focus div h2{ color:#008aff; font-weight:bold; font-size:12px; margin:0 0 5px 0; padding-bottom:10px;}

.monthly-highlight{width:380px; float:left;}
.monthly-highlight h1{ font-size:18px!important; letter-spacing:-0.1em; line-height:25px;}
.monthly-highlight a{
	display:block;
	clear:both;
	padding:8px 15px 8px 25px;
	line-height:15px;
	
	background:url(../images/arrow-02.gif) no-repeat 16px 11px #fff;
	border-bottom:1px solid #fafafa;
}
.monthly-highlight a:hover{
	background:url(../images/arrow-01.gif) no-repeat 16px 11px #c9ff23;
	text-decoration:none;
}
.monthly-highlight a label{ float:right; color:#666;}


/*--------start: scrollup bar-----------*/

.scrollup-bar {
  position: relative;
  overflow: hidden;
  float:right;
  height: 20px;
  width: 300px;
  line-height:20px;
  background:url(../images/arrow-03.gif) no-repeat 0 12px;
}
.headline {
  position: absolute;
  top: 30px;
  left: 20px;
  height: 20px;
  width:300px;
  line-height:15px;
}
/*--------end: scrollup bar-----------*/


.new-product{clear:both; margin:10px 0 0 0;}
.new-product h1{display:block; background:#fbdd34;}
.new-product .product{clear:both; margin:5px 0 0 0;}
/*----arrow 01---*/
.new-product .product label,
.product-sub-img label{
	display:block;
	float:left;
	width:8px;
	height:24px;
	background:url(../images/arrow-04.gif) no-repeat -8px 0;
}
.new-product .product label{margin:100px 0 0 0;}
.product-sub-img label{margin:20px 0 0 0;}

.new-product .product label:hover,
.product-sub-img label:hover{
	display:block; 
	width:8px; 
	height:24px; 
	background:url(../images/arrow-04.gif) no-repeat -8px -24px;
	cursor:pointer;
}
/*----arrow 02---*/
.new-product .product label:first-child,
.product-sub-img label:first-child{ background-position:0 0;}
.new-product .product label:first-child:hover,
.product-sub-img label:first-child:hover{ background-position:0 -24px;}
/*----end: arrow---*/

.new-product div.product div.display div, .product-display div{float:left;}
.new-product .product div.display{width:760px; height:280px; overflow:hidden; margin:0 2px; *margin:0 3px;}
.product-display{margin:10px 6px;}

.tc_contact, .en_contact{ display:block; line-height:20px; background:#efefef; height:20px;}
.tc_contact:hover, .en_contact:hover{ background:#d3ff4d!important;}

.smallicon { position:absolute; clear:both; width:30px; height:30px; margin:-40px 0 0 10px;}
.smallicon2 { float:left; width:30px; height:30px; margin:0 0 0 -40px;}

.new-product .product div.display div,
.product-display div,
.product-img div{
	width:185px; 
	border:1px solid #e5e5e5; 
	float:left;
	text-align:center;
}
.new-product .product div.display div,
.product-img div{margin:0 3px 50px 0;} 
.product-display div{margin:0 5px 30px 0;}

.product-list-table tr:hover{ background:#efefef;}

a.more-choice_en,
a.more-choice_tc{
	display:inline-block; 
	width:94px; 
	height:19px; 
	margin:-20px 0 0 80px;
	text-indent:-9999px;
	outline:0;
	position:absolute;
	z-index:5;
}
a.more-choice_en{background:url(../images/eng/more-choice.gif) no-repeat;}
a.more-choice_tc{background:url(../images/chi/more-choice.gif) no-repeat;}
a:hover.more-choice_en,a:hover.more-choice_tc{ background-position:0 -20px;}
div.more-choice-pop{
	background:#333; 
	width:300px;
	height:400px;
	margin:-200px 0 0 -150px;
	padding:10px;
	position:fixed; 
	_position:absolute;
	z-index:10;
	left:50%;
	top:50%;
	_top:300px;
	color:#fff;
	*filter:alpha(opacity=90);
	-moz-opacity:0.9;
	opacity:0.9;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	display:none;
}
div.more-choice-pop a{ color:#fff;}
div.more-choice-pop a.btn-green{color:#333;}
div.more-choice-pop div{clear:both; height:345px; overflow:auto; margin:5px 0; border-bottom:1px solid #fff;}
div.more-choice-pop div span{ display:block; clear:both; border-bottom:1px solid #555; padding:8px 5px;}
div.more-choice-pop div span label{ display:block; float:right;}

.new-product .product div h5,
.product-display div h5,
.product-img div h5{ display:block; height:160px; margin:0;}
.new-product .product div h5 img,
.product-display div h5 img,
.product-img div h5 img{height:120px; margin:20px 0;}
.new-product .product div.display div:hover, 
.product-display div:hover,
.product-img div:hover{border:1px solid #9fbff7;}
.new-product .product div.display div img, 
.product-display div img,
.product-img div img{ clear:both;}
.new-product .product div.display div span, 
.product-display div span,
.product-img div span{
	display:block;
	clear:both;
	background:url(../images/bg-product-box.gif) no-repeat 0 0 #f8f8f8;
	padding:7px;
	text-align:left;
	font-size:11px;
	line-height:14px;
	height:80px;
}
.new-product .product div.display div:hover span, 
.product-display div:hover span,
.product-img div:hover span{
	background:url(../images/bg-product-box.gif) no-repeat -185px 0 #e9f0fd; 
}
.new-product .product div.display div font, 
.product-display div font,
.product-img div font,
.before-price{	font-size:12px;	text-decoration:line-through;}
.new-product .product div.display div span b,
.product-display div span b,
.product-img span b{font-size:18px; color:#ffa200; line-height:20px;}
.new-product .product div.display div span a,
.product-display div span a,
.product-img span a{ line-height:11px;}
.new-product .product div.display div span input,
.product-display div span input,
.product-img div span input{
	display:block;
	border:0;
	margin:3px 0 0 0;
	width:61px;
	height:21px;
	cursor:pointer;
}
.new-product .product div.display div span input.en,
.product-display div span input.en,
.product-img div span input.en{background:url(../images/eng/btn-buynow.gif) no-repeat 0 0;}
.new-product .product div.display div span input.tc,
.product-display div span input.tc,
.product-img div span input.tc{background:url(../images/chi/btn-buynow.gif) no-repeat 0 0;}
.new-product .product div.display div:hover span input,
.product-display div:hover span input,
.product-img div:hover span input{ background-position:0 -21px;}


.product-sub-img div, .product-sub-img label{float:left;}
.product-sub-img{width:300px;}
.product-sub-img div{overflow:hidden; width:280px; height:70px; white-space:nowrap;}
.product-sub-img a{
	display:inline-block;
	border:1px solid #ddd;
	background:#efefef;
	padding:1px;
	margin:0 1px 0 0;
}
.product-sub-img a:hover{border:1px solid #ccc; background:#fff;}
.product-sub-img a img{height:60px; width:60px;}

.no-pages{width:200px; position:absolute; z-index:5; margin:0 0 0 590px; *margin-top:20px; text-align:right;}

/* ===End:Content setting=== */

/* ------End:Web Body setting------ */




/* ------Start:Sitemap setting------ */
#sitemap{ clear:both;}
#sitemap div{clear:both; margin:20px 0;}
#sitemap div h2{
	display:block; 
	font-size:14px;
	background:#efefef; 
	border:1px solid #ddd; 
	padding:5px; 
	margin:10px 0;
}
#sitemap div ul, #sitemap div ul li{margin:0; padding:0; list-style:none;}
#sitemap div ul li a{display:block; padding:0 5px; clear:both; width:100%;}
#sitemap div ul li a:hover{ text-decoration:none;}
#sitemap div ul li{width:450px; float:left; margin:0 25px 0 0;}
#sitemap div ul li > a{
	font-size:12px; 
	font-weight:bold; 
	color:#333; 
	line-height:18px;
	border-bottom:2px solid #efefef;
	padding:5px;
}
#sitemap div ul li > a:hover{background:#333; color:#fff;}

#sitemap div ul li ul li{width:140px; margin:0 7px 0 0;}
#sitemap div ul li ul li > a{
	font-size:12px; 
	font-weight:normal; 
	color:#666; 
	line-height:15px;
	border:1px solid #fff;
	padding:3px 0 3px 5px;
}
#sitemap div ul li ul li > a:hover{background:#efefef; color:#666; border:1px solid #999;}


#sitemap div ul li ul li ul li{width:130px;}
#sitemap div ul li ul li ul li > a{
	font-size:10px; 
	color:#008aff; 
	line-height:12px;
	padding:0 0 0 5px;
	border:none;
}
#sitemap div ul li ul li ul li > a:hover{background:none; color:#999; border:none; border-left:1px solid #999;}
/* ------End:Sitemap setting------ */



.btm-logo{ clear:both; text-align:right; margin:10px 0 0 0;}
/* ------Start:Footer setting------ */
#footer{
	width:980px; 
	margin:0 auto 0 auto; 
	padding:10px 10px 50px 10px;
	text-align:left; 
	background:url(../images/bg-footer.gif) repeat-x;
	color:#fff;
	font-size:10px;
}
#footer a{ font-size:12px; color:#fff; line-height:20px; }
#footer span{ float:right;}
/* ------End:Footer setting------ */

.dn{display:none;}

@media print {
#footer, #bottom-bar, #i, #menu-product, .acc-menu{ display:none;}
#header{ padding:0;}
#header .logo{ margin:0;}
#warp, 
#warp div#warp-bg, 
#warp div#warp-in,
#web-body{ width:100%; margin:0; padding:0; text-align:center;}
#warp div#warp-in{position:none; left:0;}
#web-body #content{ width:100%; clear:both; margin:0 auto; text-align:left;}
#web-body #content .path{ margin:0 10px;}
  }