@charset "utf-8";
/* Author: wjas */
/* date to build: 2012-08-07*/
/* last Modified Author: wjas */
/* last Modified: 2012-08-11 */

/* global definitions */
html{}
body{margin:0px auto;padding:0px;text-align:center; font-size:12px; color:#000; background:url(../images/bg_01.jpg) center top no-repeat #e9e9ec; font-family: 微软雅黑, "Microsoft YaHei", Helvetica, SimSun, "Segoe UI", Arial, Sans-Serif, "宋体";}
body.bg_01{background:url(../images/bg_01.jpg) center top no-repeat #e9e9ec;}
body.bg_02{background:url(../images/bg_02.jpg) center top no-repeat #ededed;}
body.bg_03{background:url(../images/bg_03.jpg) center top no-repeat #e6eff5;}
body.bg_04{background:url(../images/bg_04.jpg) center top no-repeat #e2f4fb;}
body.bg_05{background:url(../images/bg_05.jpg) center top no-repeat #f3e9f8;}
body.bg_06{background:url(../images/bg_06.jpg) center top no-repeat #f0f8db;}
body.bg_07{background:url(../images/bg_07.jpg) center top no-repeat #e9f0db;}
body.bg_08{background:url(../images/bg_08.jpg) center top no-repeat #fff5e2;}
body.bg_09{background:url(../images/bg_09.jpg) center top no-repeat #ffe4e4;}

div,table,tr,td{margin:0px;padding:0px;font-size:12px;}
form,ul,li,img,p{margin:0px;padding:0px;border:0px;}
hr{margin:0; padding:0; border:0; line-height:1px;}
h1,h2,h3,h4,h5{margin:0px;padding:0px;}
ul,li{list-style-type:none;}
 /* IE6 png背景透明 */

/* color of anchor */
a:link{color:#000;text-decoration:none;}
a:visited{color:#83006f;text-decoration:none;}
a:hover{color:#bc2931;text-decoration:underline;}
a:active{color:#bc2931;text-decoration:none;}

/* font of text  rule: prefixed with f before a font style */
.fB{font-weight:bold;}

/* font size */
.f12{font-size:12px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}

/* layout of whole page*/
.clear{clear:both; font-size:0px; width:1px; height:0; visibility: hidden; overflow:hidden;}
.clearfix:after{content:"."; display:block; height: 0; clear: both; visibility: hidden;} /* only FF */
.blank1{height:1px; font-size:0; display:block; clear:both; overflow:hidden;}
.blank2{height:2px; font-size:0; display:block; clear:both; overflow:hidden;}
.blank3{height:3px; font-size:0; display:block; clear:both; overflow:hidden;}
.blank4{height:4px; font-size:0; display:block; clear:both; overflow:hidden;}
.blank5{height:5px; font-size:0; display:block; clear:both; overflow:hidden;}
.blank6{height:6px; font-size:0; display:block; clear:both; overflow:hidden;}
.blank7{height:7px; font-size:0; display:block; clear:both; overflow:hidden;}
.blank8{height:8px; font-size:0; display:block; clear:both; overflow:hidden;}
.blank9{height:9px; font-size:0; display:block; clear:both; overflow:hidden;}
.blank15{height:15px; font-size:0; display:block; clear:both; overflow:hidden;}

.Lincolor{background:#f47803;
background:-webkit-gradient(linear, left top, left bottom, from(#fb9600),to(#f47803));
background:-moz-linear-gradient( top, #fb9600, #f47803);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9600',endColorstr='#f47803');}

/* header */
.header{height:110px; clear:both; position:relative;}
.header .logo{width:228px; height:88px; float:left; margin:11px 0; position:relative;}
.header .logo .logo_top{width:228px; height:88px; float:left; background:url(../images/logo_top.png); position:absolute; top:0; left:0; overflow:hidden; line-height:88px; text-indent:-1000px;}
.header .logo table{width:220px; height:80px; padding:0; margin:3px 4px 5px; float:left; display:inline;}
.header .logo td{width:220px; height:80px; background:#fff;  border-radius:4px;}
.header .logo .logo_img{width:220px; height:80px; margin:3px 4px 5px; float:left; line-height:80px; font-size:0; display:inline; text-align:center; vertical-align:middle; background:#000; border-radius:4px; overflow:hidden;}
.header .logo img{vertical-align:middle;}
.header .logo h1{width:100%; line-height:80px; line-height:80px; font-size:24px; color:#f80; overflow:hidden;}
.header .storeinfo{height:80px; margin:15px 10px; float:left; filter:alpha(opacity=80); opacity:0.8; }
.header .storeinfo .storebox{height:70px; padding:10px 20px 0; float:left; border-radius:4px; word-wrap:break-word; overflow:hidden;}
.header .storeinfo .storetext{position:relative; color:#fff; text-align:left; max-width:310px; width:auto;}
.header .storeinfo .storetext h1{font-size:18px; line-height:24px;}
.header .storeinfo .storetext p,.header .storeinfo .storetext span{font-size:12px; margin-top:3px; line-height:16px; font-weight:bold; font-family: "宋体", "Microsoft YaHei", Helvetica, SimSun, "Segoe UI", Arial, Sans-Serif; }
.header .storeinfo .storetext span.dz{float:left; display: inline-block}


.header .search{width:265px; height:32px; margin:34px 0; padding:5px; float:right; background:rgba(0, 136, 255, 0.3)!important; filter:Alpha(opacity=30); background:#08f;}
.header .search .search_txt{width:180px; height:22px; line-height:22px; position:relative; padding:5px 5px 5px 30px; margin:0; border:0; float:left; background:url(../images/search.gif) 5px 5px no-repeat #fff; box-shadow: inset 0 3px 3px rgba(0,0,0,.1); color:#666; overflow:hidden;}
.header .search .search_btn{width:50px; height:32px; position:relative; padding:0; border:0; float:left; color:#fff; text-align:center; text-shadow:0 1px 1px rgba(0,0,0,.3); font-size:14px; font-weight:bold; line-height:30px; cursor:pointer;}
.header .search .search_btn:hover{background:#f47803;
background:-webkit-gradient(linear, left top, left bottom, from(#ffbb33),to(#ff8800));
background:-moz-linear-gradient( top, #ffbb33, #ff8800);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbb33',endColorstr='#ff8800');}
.header .search .search_btn:active{box-shadow: inset 0 5px 20px rgba(0,0,0,.3);}




/* area */
.box{margin:0 auto;}
.area{width:1100px; margin:0 auto;}

/* bottom */
.bottom{margin:0 auto; padding:15px 0;}
.bottom .foot{float:left;}
.bottom .foot .list{width:200px; float:left; text-align:left;}
.bottom .foot .list h1{width:160px; height:24px; padding:0 0 15px 40px; color:#888; font-size:14px; line-height:34px; border-bottom:1px solid #ddd; float:left; overflow:hidden; background:url(../images/foot_ico.png) no-repeat;}
.bottom .foot .list h1 a{color:#888;}
.bottom .foot .list h1 a:hover{color:#666; text-decoration:none;}
.bottom .foot .list .list_1{background:url(../images/foot_ico.png) 6px 0 no-repeat;}
.bottom .foot .list .list_2{background:url(../images/foot_ico.png) 6px -40px no-repeat;}
.bottom .foot .list .list_3{background:url(../images/foot_ico.png) 6px -80px no-repeat;}
.bottom .foot .list .list_4{background:url(../images/foot_ico.png) 6px -120px no-repeat;}
.bottom .foot .list .list_5{background:url(../images/foot_ico.png) 6px -160px no-repeat;}
.bottom .foot .list ul{width:190px; float:left; padding:15px 0 25px 10px; overflow:hidden;}
.bottom .foot .list li{width:190px; height:26px; float:left; line-height:26px; color:#a3a3b1; font-size:14px; overflow:hidden;}
.bottom .foot .list li a{color:#a3a3b1;}
.bottom .foot .list li a:hover{color:#666; text-decoration:none;}
.bottom .info{ height:18px; float:left; padding:10px 0; border-top:1px solid #ddd;}
.bottom .info .logo2{float:left; margin:0 20px 0 0;}
.bottom .info span{width:780px; height:36px; margin:0; float:left; overflow:hidden; text-align:left; font-size:12px; color:#808a94; line-height:20px;}
.bottom .info a{color:#808a94;}
.bottom .info a:hover{color:#555;}

.bottom2{margin:0 auto; padding:0 0 15px;}
.bottom2 .line{width:100%; height:1px; font-size:0; overflow:hidden; float:left; margin:25px 0 15px; background:#ccc; border-bottom:1px solid #fff;}
.bottom2 .logo3{float:left; margin:0 20px 0 0;}
.bottom2 .info{width:560px; height:36px; margin:0; float:left; text-align:left; font-size:12px; color:#808a94; line-height:20px;}
.bottom2 .info a{color:#808a94;}
.bottom2 .info a:hover{color:#555;}


/* shopping cart */
/*.shopcart{width:36px; position:fixed; _position:absolute; z-index:999; right:10px; top:260px; _top:expression(offsetParent.scrollTop + 200); box-shadow:1px 1px 0 rgba(255,255,255,1); font-family:"宋体", "微软雅黑", "Microsoft YaHei", Helvetica, SimSun, "Segoe UI", Arial, Sans-Serif;}*/
.shopcart{width:36px; position:fixed; _position:absolute; z-index:999; right:10px; bottom:0; _top:expression(offsetParent.scrollTop + offsetParent.clientHeight - 290);; box-shadow:1px 1px 0 rgba(255,255,255,1); font-family:"宋体", "微软雅黑", "Microsoft YaHei", Helvetica, SimSun, "Segoe UI", Arial, Sans-Serif;}
.cart_box,.cart_box2{width:36px; float:right; position:relative;}
.cart_box .cart,.cart_box .cart_no,.cart_box2 .cart,.cart_box2 .cart_no{width:14px; padding:40px 10px 10px; border:1px solid #d5d5d5; box-shadow: inset 0 0 4px rgba(255,255,255,1); font-size:14px; line-height:16px; color:#666; text-align:center; cursor:pointer; background:url(../images/cart.gif) -42px 5px no-repeat #eee; text-shadow:0 1px 0 rgba(255,255,255,1); border-radius: 2px 2px 0 0;}
.cart_box .cart strong,.cart_box2 .cart strong{font-size:16px; color:#f80; line-height:20px;}
.cart_box2 .cart{background:url(../images/cart.gif) -42px 5px no-repeat #e0e0e0; border:1px solid #ccc; box-shadow:none; -webkit-transition: background .3s; -moz-transition: background .3s; transition: background .3s;}
.cart_box .cart_no,.cart_box2 .cart_no{background:url(../images/cart.gif) -2px 5px no-repeat #eee; color:#888; cursor:text;}
.cart_box .cart_list{display:; width:0; height:0; border:0; padding:0; overflow:hidden; left:0;}
/*.cart_box2 .cart_list{display:; overflow:hidden; width:300px; padding:0; position:absolute; z-index:-1; top:0; left:-301px; background:#e0e0e0; border:1px solid #ccc; border-radius:2px 0 0 2px; box-shadow: inset -2px 0 2px rgba(255,255,255,.5), -1px 1px 0 rgba(255,255,255,1); -webkit-transition: width .5s, left .5s; -moz-transition: width .5s, left .5s; transition: width .5s, left .5s;}*/

.cart_box2 .cart_list{display:; overflow:hidden; width:300px; padding:0; position:absolute; z-index:-1; bottom:0; left:-301px; background:#e0e0e0; border:1px solid #ccc; border-radius:2px 0 0 2px; box-shadow: inset -2px 0 2px rgba(255,255,255,.5), -1px 1px 0 rgba(255,255,255,1); -webkit-transition: width .5s, left .5s; -moz-transition: width .5s, left .5s; transition: width .5s, left .5s;}
.cart_box2 .cart_list ul{}
.cart_box2 .cart_list li{width:300px; height:48px; padding:10px 0; float:left; border-bottom:1px solid #ccc; box-shadow: 0 1px 0 rgba(255,255,255,.6); text-shadow:0 1px 0 rgba(255,255,255,.6); -webkit-transition: background .3s; -moz-transition: background .3s; transition: background .3s;}
.cart_box2 .cart_list li:hover{background:#eee;}
.cart_box2 .cart_list li img{width:44px; height:44px; border:1px solid #ccc; padding:1px; background:#fff; float:left; margin:0 10px; display:inline;}
.cart_box2 .cart_list li h1{width:120px; height:48px; line-height:16px; text-align:left; float:left; font-size:12px; font-weight:normal; color:#666; cursor:pointer;}
.cart_box2 .cart_list li a{text-decoration:none;}
.cart_box2 .cart_list li a:hover img{background:#39f; border:1px solid #fff;}
.cart_box2 .cart_list li a:hover h1{color:#333;}
.cart_box2 .cart_list li span{height:48px; float:right; margin-right:10px; display:inline; line-height:16px; text-align:right; line-height:16px; overflow:hidden;}
.cart_box2 .cart_list li strong{font-size:14px; color:#f80; padding-left:13px; line-height:16px; clear:both; text-align:right;}
.cart_box2 .cart_list li a{color:#06c;}
.cart_box2 .cart_list .total{width:100%; height:40px; padding:10px 0; float:left; background:#eee;}
.cart_box2 .cart_list .total .amount{width:170px; height:40px; float:left; margin:0 0 0 10px; display:inline; line-height:20px; text-align:left;}
.cart_box2 .cart_list .total .amount strong{font-size:16px; color:#f80; padding-left:13px; line-height:20px; clear:both; text-align:left;}
.cart_box2 .cart_list .total .amount h3{font-size:16px; line-height:20px; text-align:left; color:#690;}
.cart_box2 .cart_list .btn04{width:100px; height:40px; float:right; margin-right:10px; line-height:40px; font-size:14px; font-weight:bold; color:#fff; text-shadow:0 1px 1px rgba(0,0,0,.3); cursor:pointer; border-radius:4px;}
.cart_box2 .cart_list .btn04:hover{box-shadow: inset 0 20px 20px rgba(255,255,255,.15);}

.shopcart .pagetop{width:34px; height:30px; float:right; padding:5px 0; border:1px solid #d5d5d5; border-top:0; background:url(../images/cart.gif) -84px 5px no-repeat #eee; cursor:pointer; line-height:30px; text-align:left; text-indent:-1000px; overflow:hidden; box-shadow: inset 0 1px 0 rgba(255,255,255,1), inset 0 0 4px rgba(255,255,255,1); border-radius:0 0 2px 2px; -webkit-transition: background .3s; -moz-transition: background .3s; transition: background .3s;}
.shopcart .pagetop:hover{border:1px solid #ccc; border-top:0; background:url(../images/cart.gif) -84px 5px no-repeat #e0e0e0;}



.login_bg {
    background: none repeat scroll 0 0 #000000;
    float: left;
    height: 100%;
    left: 0;
    opacity: 0.5;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
}
.login_area {
    float: left;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
}
.login_area table {
    float: left;
    height: 100%;
    width: 100%;
}
.login_box {
    background: url("../images/customer_login_bg.jpg") repeat scroll 0 0 #D8D8D8;
    border: 10px solid #FFFFFF;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.6), 0 0 2px rgba(0, 0, 0, 0.1) inset;
    position: relative;
    width: 580px;
}
.login_box, .login_box .verify, .login_box .forget {
    transition: height 0.5s ease 0s;
}
.login_box .verify {
    border-bottom: 1px solid #CCCCCC;
    float: left;
    height: 392px;
    overflow: hidden;
    position: relative;
    transition: top 0.5s ease 0s, height 0.5s ease 0s;
    width: 100%;
}
.login_box h1 {
    color: #FF8800;
    float: left;
    font-size: 32px;
    height: 80px;
    line-height: 80px;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.6);
    width: 100%;
}
.login_box .line {
    background: none repeat scroll 0 0 #BBBBBB;
    border-bottom: 1px solid #FFFFFF;
    font-size: 0;
    height: 1px;
    line-height: 0;
    margin-bottom: 15px;
    overflow: hidden;
    width: 100%;
}
.login_box .input_box,
 .login_box .securitycode_box{
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #C9C9C9;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 1px #FFFFFF inset, 0 0 20px rgba(0, 0, 0, 0.1);
    display: inline;
    float: left;
    height: 60px;
    margin: 10px 49px;
    overflow: hidden;
    width: 480px;
}
 .login_box .securitycode_box {
     width: 236px;
     margin-right: 5px;
 }
.login_box .input_box label,
.login_box .securitycode_box label {
    background: none repeat scroll 0 0 #EEEEEE;
    border-right: 1px solid #DDDDDD;
    box-shadow: 0 1px 0 0 #FFFFFF inset, 1px 0 0 #FFFFFF;
    color: #999999;
    float: left;
    font-size: 20px;
    font-weight: bold;
    height: 60px;
    line-height: 60px;
    text-align: right;
    text-shadow: 0 1px 0 #FFFFFF;
    width: 90px;
}
.login_box .input_box input,
.login_box .securitycode_box input {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    box-shadow: 1px 0 0 #FFFFFF inset, 3px 0 2px rgba(0, 0, 0, 0.1) inset;
    color: #666666;
    float: left;
    font-size: 20px;
    font-weight: bold;
    height: 24px;
    line-height: 24px;
    padding: 18px 10px;
    text-align: left;
    width: 360px;
}
.login_box .securitycode_box input {
    width: 125px;
}
.login_box .input_box input[type="text"]:focus, .login_box .input_box input[type="password"]:focus, .login_box .input_box textarea:focus {
    outline: medium none !important;
}
.login_box .btn_box,
.login_box .securitycode_btnbox {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #C9C9C9;
    border-color: #C9C9C9;
    border-image: none;
    border-radius: 4px 4px 4px 4px;
    border-style: solid;
    border-width: 1px 1px 6px;
    box-shadow: 0 1px 1px #FFFFFF inset, 0 1px 0 #FFFFFF, 0 0 20px rgba(0, 0, 0, 0.1);
    display: inline;
    float: left;
    height: 80px;
    margin: 10px 49px;
    overflow: hidden;
    width: 480px;
}
.login_box .securitycode_btnbox {
    margin-left: 5px;
    width: 232px;
    height: 56px;
}
.login_box .btn_box a,
.login_box .securitycode_btnbox a {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: url("../images/customer_login_bg.jpg") repeat scroll 0 0 #EEEEEE;
    border-color: #FFFFFF -moz-use-text-color -moz-use-text-color;
    border-image: none;
    border-radius: 4px 4px 4px 4px;
    border-right: 0 none;
    border-style: solid none none;
    border-width: 2px 0 0;
    color: #FF8800;
    float: left;
    font-size: 40px;
    height: 80px;
    line-height: 75px;
    padding: 0;
    text-decoration: none;
    text-shadow: 0 1px 0 #FFFFFF;
    width: 100%;
}
.login_box .securitycode_btnbox a {
    height: 56px;
    font-size: 30px;
    line-height: 56px;
}
.login_box .btn_box a:hover,
.login_box .securitycode_btnbox a:hover {
    box-shadow: 0 30px 50px rgba(255, 255, 255, 0.3) inset;
}
.login_box .btn_box a:active,
.login_box .securitycode_btnbox a:active {
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1) inset;
}
.login_box .close{width:50px; height:50px; position:absolute; top:-30px; right:-30px; background:url(../images/close.png); cursor:pointer;}
#logoImg { height:auto; width:auto; max-width:200px; max-height:80px; }

.top_banner { height: 90px; clear:both; }
.top_banner img { height: 80px; width: 880px; }