@charset "utf-8";
/* CSS Document */
*{padding:0; margin:0;}
body{background:#000000; color:#bebebe; font:12px Arial, Helvetica, sans-serif;}
img{border:0;}
ul{list-style-type:none; padding:0; margin:0}
li{list-style-type:none; padding:0; margin:0}
ol {list-style: none; padding:0; margin:0}
p,h1,h2,h3,h4,h5,h6,form{margin:0px;padding:0px;}
caption{text-align: left;}
input {color:#333333;font:12px Arial, Helvetica, sans-serif;}
textarea {color:#333333;font:12px Arial, Helvetica, sans-serif;}
select {color:#333333;font:12px Arial, Helvetica, sans-serif;}
a{ color:#CCCCCC;text-decoration:underline}
.clear {clear: both;}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
.clearfix {
	display: block;
}
input {color:#000000;font:12px Arial, Helvetica, sans-serif;}
textarea {color:#000000;font:12px Arial, Helvetica, sans-serif;}
select {color:#000000;font:12px Arial, Helvetica, sans-serif;}

.font_line{ text-decoration:line-through; color:#666666}
.font_white_18px{ font-size:18px; color:#ffffff}
.font_gray{ color: #999999} 
.font_yel{ color:#efc001}
.font_14px_org{ font-size:14px; color:#ff9600}

#head{ width:960px; margin:0 auto; padding:20px 0 30px 0; height:60px}
#wrapper{ width:960px; margin:0 auto; background:#000000; clear:both;}

/*head*/
#logo{ float:left; width:350px;}
#top_right{ float:right; width:600px; text-align:right; font-size:11px; padding-top:50px; color:#999999}
#top_right a{ color: #999999; text-decoration:none; padding:0 5px}
#top_right span{ color:#ca590c; padding-left:30px}
#top_right span a{color:#ca590c}


/*nav*/
#nav{ clear:both; background:url(../images/nav_bg.jpg) no-repeat; height:31px;}
#nav_left{ float:left; width:670px; height:31px}
#nav_left ul{ padding-left:10px}
#nav_left ul li{ float:left; padding:7px 25px 0 25px; background:url(../images/arrow01.gif) no-repeat 10px 12px;color:#ffffff;}
#nav_left ul li a{ color:#ffffff; font-size:12px;text-decoration:none}
#nav_left ul li a:hover{ text-decoration:underline}
#nav_right{ width:235px; float:right; padding:5px 10px 0 0;color:#92e4f8; font-weight:lighter; text-align:right; background:url(../images/icon_03.jpg) no-repeat 0px 5px}
.txtBox{width:130px;height:20px;background:#000000;color: #ffffff;font:normal 12px/18px Arial, Helvetica, sans-serif;margin:0 4px 0 0;float:right; padding:0 3px; border: #5c5c5c solid 1px}
.btn_search{background:url(../images/btn_search.jpg) 0 0 no-repeat;width:61px;height:22px;border:none;cursor:pointer;float:right;}

#nav_02{ color:#ababab; padding:15px 10px;font-size:11px;}
#nav_02 a{ color:#ababab; text-decoration:none; padding: 0 10px;}
#nav_02 a:hover{ text-decoration:underline;}

/*---------------------footer----------------------*/
/*quick_connect*/
#quick_connect{ height:100px; margin-bottom:10px; padding:10px 30px 0px 110px; font-size:11px; background:url(../images/quick_connect.jpg) repeat-x; clear:both}
#quick_connect ul li{ float:left;}
.quick_connect_02{ width:160px; line-height:20px;}
.quick_connect_02 a{ color:#d2d2d2}
.quick_connect_03{ width: 200px; border-left:#333333 dashed 1px; padding-left:80px}
.quick_connect_03 h3{ font-size:11px; padding-bottom:8px; font-weight:bold; color:#efc001}
.quick_connect_04{ width: 200px;}
.quick_connect_04 h3{ font-size:11px; padding-bottom:8px; font-weight:bold; color:#efc001}

#foot{padding:10px 0px; font-size:11px; line-height:25px; clear:both; color:#515151; text-align:center;}
#foot a{ padding:0 3px;color:#7f7f7f}


/*----------------------content-------------------------------*/
/*index.html*/
#banner{ height:280px; margin-bottom:10px; border:#563300 solid 1px; padding:10px;position:relative;}
#banner_l{ width:785px; height:280px}
#banner_r{ width:160px;position:absolute; right:10px; top:10px; text-align:right}
#banner_r ul li img{margin-bottom:1px; cursor:pointer; border:#633b00 solid 1px}
#banner_r ul li:hover{background: url(../images/banner_bg_s.gif) no-repeat 0 44px;}
#banner_r ul li img:hover{border:#ffde00 solid 1px}
#banner_r ul li.banner_r_hover{ background:url(../images/banner_bg_s.gif) no-repeat 0 44px; }
#banner_r ul li.banner_r_hover img{border:#ffde00 solid 1px}

#index_good{ background:url(../images/index_good_bg.jpg) repeat-x; padding-top:30px;margin-bottom:10px; height:300px; font-size:11px;}
#index_good ul li{ width:199px; height:310px; float:left; padding:0 20px;margin-top:20px; border-right:#333333 dashed 1px}
#index_good ul li.noline{ border:none}
.pice{ padding:12px 0}
.index_good_desc{height:50px;}
.index_good_tit{font-size:14px; color:#ff9600; padding:5px 0}
.index_good_tit a{ text-decoration:none;color:#ff9600;}


.nav_map { padding:5px 5px;font:11px Arial, Helvetica, sans-serif; color:#757575; margin-bottom:10px;border-top:#333333 solid 1px;}
.nav_map a{color:#757575; text-decoration:none}
.nav_map a:hover{ text-decoration:underline;}

#brand{ background:url(../images/index_good_bg.jpg) repeat-x; padding:10px 0;margin-bottom:10px;font-size:11px; clear:both}
#brand h2{ color: #ff9600; font-size:18px; font-weight:lighter; padding:0 0px 0 40px; margin-bottom:10px; background:url(../images/arrow02.gif) no-repeat 10px 0px}
#brand ul li{ width:198px; float:left; padding:10px 21px; height:312px}

#Page{color:#666666;clear:both;text-align: center; padding-top:20px}
#Page a{color: #666666;padding:0 5px;}

/*detail*/
#detail_l{ width:640px; float:left; background:#080808; border:#311e01 solid 1px; padding:20px 10px;position:relative;height:410px; margin-bottom:10px}
#detail_l_1{ width:540px; margin:0 auto; text-align:center}
#detail_l_2{ float:left; width:30px; text-align:left; padding-top:20px}
#detail_l_3{ float:right; width:510px;text-align:left; padding-top:10px}
#detail_l_3 img{height:38px;margin-right:2px;}
.a1{ border:#5b2b01 solid 1px}
#arrow_l{ width:42px; height:42px; padding:0; border:0; cursor:pointer; background-image:url(../images/btn_arrow_l.jpg); position:absolute; left:10px; top:200px}
#arrow_r{ width:42px; height:42px; padding:0; border:0; cursor:pointer; background-image:url(../images/btn_arrow_r.jpg); position:absolute; right:10px; top:200px}

#detail_r{ width:255px; float:right; background:#000000; padding:0px 15px 0px 0px; height:410px; font-size:11px;margin-bottom:10px}
#detail_r h1{ font-size:18px; color:#ffa200; font-weight:lighter; padding-bottom:5px;}
#detail_r ul{ padding-top:10px; }
#detail_r ul li{ background:url(../images/btn_bg2.jpg) no-repeat;float:left; margin-right:2px;color:#dc8e48; text-align:center}
#detail_r ul li a{ color:#dc8e48;width:110px; height:20px; display:block; padding:5px 0 0 0; text-decoration:none}
#detail_r ul li a:hover{ background:url(../images/btn_bg1.jpg) no-repeat; text-decoration:none}
.a3{background:url(../images/btn_bg1.jpg) no-repeat;}
.a2{ clear:both; padding:5px; color:#7f7f7f; height:190px; overflow:auto; margin:10px 0 30px 0; width:220px}

#customer_tit{ clear:both; background:url(../images/Customer_tit_bg.jpg) repeat-x; height:46px; margin-bottom:10px; padding:5px 10px 0px 10px}
#customer_tit h2{ font-size:16px; font-weight:lighter; color:#ffa200; padding-bottom:5px}
#customer_content{ padding:10px 10px 30px 10px;color:#454545; }
.customer_content_t1{ padding-top:20px; color: #454545}
.customer_content_t2{ padding:10px 10px}

/*page*/
.page{padding:40px 120px; line-height:20px; min-height:350px;}
.page h2{font-size:18px; color:#b48426; font-weight:lighter; padding-bottom:20px;}
.page table tr td{ padding:5px}
.page .page_nav{ height:60px}
.page .page_nav li{ float:left; margin-right:15px; color:#b48426; background:url(../images/arrow01.gif) no-repeat 0 10px; padding-left:10px}
.page .page_nav li a{ color:#b48426;}

/*shoppingcart.html*/
.content_03_tit{font-size:18px; color:#b48426; font-weight:lighter; padding:30px 0; margin-bottom:10px}

#content_03{ padding:20px 60px 40px 60px; font-size:12px; clear:both}
.content_03{ padding:20px 60px 40px 60px; font-size:12px; clear:both;background:#fff;}
#content_03 table tr td{ padding:7px 10px;}
.scQuantityHeading{color:#efc001; background:#333333}
.QuantityHeading{ border-bottom:#333333 solid 1px;}
.Total{ padding:20px;margin-bottom:10px; font-size:12px; text-align:right}
.promotion{border-left:#333333 dashed 1px;border-bottom:#333333 dashed 1px;border-right:#333333 dashed 1px;border-top:#333333 solid 3px; padding:10px}
.item_name{ height:70px; margin-right:5px}

#step_2_l{ width:450px; float:left; margin-bottom:30px}
#step_2_r{ width:300px; float:right;margin-bottom:30px}
.step_2_tit2{ font-size:14px; color:#b48426; padding:5px 0px;border-bottom:#2e2e2e dotted 1px;}
.step_form{ background:#fff;  color:#000000; }
#step_2_r_01,#step_2_r_02{ background:#222222; padding:20px 10px; margin-bottom:15px}
#step_2_r_01 h2,#step_2_r_02 h2,#step_3_r h2{font-size:12px; font-weight:lighter; color:#ffa200; padding-bottom:15px}
#step_2_r_01 table tr td{ padding:5px; font-size:11px; border-bottom:#484848 dotted 1px;}
#step_2_r_01 table tr td a{ text-decoration:underline;}
.a4{ border-bottom:#2e2e2e solid 1px; padding:10px 0; margin-bottom:10px}
#step_2_r_02{ font-size:11px}
.a5{ float:right}

#step3{padding-top:50px}
#step_3_l{ width:450px; float:left; margin:30px 0px}
#step_3_l ul{ clear:both}
#step_3_l ul li{ padding:5px 10px; font-size:11px; float:left; width:205px;}
#step_3_l ul li h2{ font-size:12px; color:#b48426; padding:5px 0px;border-bottom:#2e2e2e dotted 1px; margin-bottom:10px}
#step_3_r{ width:300px; float:right;margin:30px 0px;background:#222222; padding:20px 10px;}
#step_3_r table tr td{font-size:11px; padding:5px 0}
#step_3_r a{ text-decoration:none}
#step_3_r a:hover{ text-decoration:underline}
.a7{ border-bottom:#2e2e2e dotted 1px; border-top:#666666 solid 1px; height:30px}
.a8{ margin-top:15px; display:block; width:49px; height:22px}


.myAccount{ padding:10px 30px 30px 30px; border-bottom:#333333 solid 1px}
.myAccount h2{ font-size:14px; font-weight:lighter; color:#FFFFFF; padding-bottom:10px; padding-top:15px}
.myAccount ul li{ float:left; width:32%;background:url(../images/arrow01.gif) no-repeat 0 5px; padding-left:10px}
.myAccount ul li a{ text-decoration:none; color:#b48426}
.myAccount ul li a:hover{ text-decoration:underline}

.shiopping02{ border:#311e01 solid 1px; padding:10px 40px; margin:10px 0 20px 0}
.shiopping02 h2{ font-size:18px; margin-bottom:15px; font-weight: lighter; color: #999999}
.shiopping02 h3{ font-size:12px; font-weight:bold; padding:15px 0; margin-top:15px; color:#efc001}
.Required{ text-align:right; color:#f4be2d; font-size:11px; display:block}
.btn_login{ text-align:right}


#points_r_02 ul{
   padding:8px 10px;
}
#points_r_02 ul li{
   padding:8px 0 8px 10px;
   font-size:14px;
   list-style:none;
}

#points_r_02 ul.das li{
   font-size:12px;
   padding:3px 0 3px 10px;
}
#points_r_02 ul.das li a{
   color: #ff9600;
}
#points_r_02 ul.das li a:hover{
   text-decoration:underline;
}

#points_r_02 ul.das ul.das3  li{
   font-size:11px;
   background:url(../images/arrow01.gif) no-repeat 0 8px;
   padding:3px 0 3px 10px;
}
#points_r_02 ul.das ul.das3  li a{
   color: #999999;
   font-weight:lighter;
}
#points_r_02 ul.das li a:hover{
   text-decoration:underline;
}

#welcome{ clear:both; padding:15px 20px;  margin:0 0 10px 0; color:#7f7f7f; margin-bottom:10px; font-size:12px;border-bottom:#292929 solid 1px;border-top:#292929 solid 3px;border-left:#292929 solid 1px;border-right:#292929 solid 1px;}
#welcome h1{ font-size:18px; font-weight:lighter; padding:0 0 15px 0; margin:0}
#welcome p{ margin-bottom:8px}

.brand_description{ clear:both; padding:15px 25px 25px 25px; border-bottom:#30383d solid 1px; margin:0; color:#7f7f7f; font-size:12px}
#main_desc{margin-bottom:10px; border-top:#30383d solid 1px;}

.brand_description h1{ font-size:18px; font-weight: lighter; padding-bottom:20px; color:#ffffff; background:url(../images/arrow02.gif) no-repeat 10px 0px; padding-left:40px}
.brand_description p{ margin-bottom:8px}

.from02 {
	height:100px;
	width:700px;
}