@charset "utf-8";

body{
padding:0px;
margin:0px;
background:url('ui/head_bg.jpg') left top repeat-x;
font-family:verdana,pmingliu;
font-size:0.8em;
}


div{
position:relative;

}

img{
border:none;
}


h1 span, h2 span, h3 span, h4 span{
display:none;
font-size:0em;

 }

h2{
color:#333;
font-size:1.2em;
line-height:1.2em;
margin:0px;
padding:0px;
} 

h3{
font-size:1em;
line-height:1em;
margin:0px;
padding:0px;
color:#333;
} 

h4{
font-size:1em;
line-height:1em;
margin:0px;
padding:0px;
color:#666;
} 

p,li{
font:1em/1.5em verdana,pmingliu,sans-serif;
letter-spacing:0.1em;
}


a{
color:#333;
text-decoration:underline;
outline:none;
}

a:hover{
color:#9C0;
text-decoration:underline;
}

.space{
clear:both;
}


.space_left{
clear:left;
}

.close{
float:right;
}

.ab_right{
position:absolute;
right:20px;
top:5px;
}

.right{
float:right;
}

.notice{
color:#CC0000;
margin-left:10px;
margin-top:5px;
text-align:left;
}

.page{
text-align:center;
}


.ab_right a{
margin-left:10px;
}

strong{
color:#C00;
}

/*flash_error*/
#flash_error {
top:10px;

}

#flash_error a:hover{
color:#FFF;
}


/*error*/

#error{
border:1px solid #9C0;
text-align:center;
}

#error legend{
color:#9C0;
}

/*basic*/

#container{

margin:0px auto 20px auto;
width:940px;
color:#333;
}


/*head*/
#head{

height:95px;
}

#logo{
left:20px;
top:15px;
width:165px;
height:55px;
background:url('ui/logo.png') left top no-repeat;
}

#logo a span{
position:absolute;
width:0px;
height:0px;
overflow:hidden;
}

#logo a{
cursor:pointer;
display:block;
width:165px;
height:55px;
border:0px;
}

/*top_icon*/
#top_icon{
width:29px;
height:29px;
margin:10px auto;
}

#top_icon a{
background:url('ui/top_icon.png') left top no-repeat;
display:block;
width:29px;
height:29px;
}

#top_icon a span{
position:absolute;
width:0px;
height:0px;
overflow:hidden;
}

/*floatAd*/
#floatAd{
width:100px;
height:260px;
position:absolute;
color:#333;
text-align:center;
}

/*countdown*/
#countdown{
width:100px;
height:35px;
background:url('ui/countdown_bg.png') left top no-repeat;
color:#FFF;
}

#countdown_top{
width:100px;
height:74px;
background:url('ui/countdown_top.png') left top no-repeat;
color:#FFF;

}





/*news*/

#news{
margin:5px 0px 5px 3px;
border-top:2px solid #9C0;
width:700px;
}

#news_title{
background:url('ui/news_title.png') left top no-repeat;
width:120px;
height:16px;
margin:7px 0px 7px 10px;
}

#news_title h1{
font-size:0em;
}

#news_list{
margin:5px 20px 10px 10px;

}

.news_tip{
background:url('ui/news_btn.jpg') left top no-repeat;
padding-left:45px;
margin:10px 0px;
}

.news_tip .time{
color:#666;
margin-right:5px;
}

.news_tip a{
text-decoration:none;
}

/*search*/
#search{
position:absolute;
right:35px;
top:30px;
width:220px;

}

#search label{
float:left;
width:20px;
height:20px;

}

#search input#keyword{
float:left;
background-color:#FFF;
border:1px solid #666;
color:#999;
width:145px;
padding:2px 1px;
}

#search #submit{
display:block;
margin-left:5px;
float:left;


}

#search #submit a{
background:url('ui/submit_btn.png') left top no-repeat;
display:block;
width:42px;
height:22px;
color:#FFF;
cursor:pointer;
}

#search #submit a:hover{
background:url('ui/submit_btn.png') left top no-repeat;
display:block;
width:42px;
height:22px;
color:#FFF;
}

#search #submit a span{
position:absolute;
width:0px;
height:0px;
overflow:hidden;
}


/*menu*/


#menu{
right:25px;
top:60px;
position:absolute;
}

#menu ul{
padding:0px;
margin:0px;
list-style-type:none;
}



#menu ul li{
float:left;
display:inline;
margin-right:10px;

}

#menu ul li a{
display:block;
color:#CCC;
text-decoration:none;

}

#menu ul li a:hover{
display:block;
color:#FFF;
text-decoration:none;

}



#menu ul li#menu_login a{
color:#9C0;
background:url('ui/login.png') left center no-repeat;
padding-left:10px
}

#menu ul li#menu_login a:hover{
color:#FFF;
background:url('ui/login_hover.png') left center no-repeat;
padding-left:10px
}

#sidebar{
width:215px;
float:left;
display:inline;
margin-right:5px;
}

/*hot_sale*/
#hot_sale{
margin-bottom:5px;
}

#hot_title{
background:url('ui/hot_title.png') left top no-repeat;
width:215px;
height:25px;
}

#hot_title h2{
font-size:0em;
}

#hot_sale .category{
width:213px;
top:0px;
border-right:1px solid #F90;
border-left:1px solid #F90;
border-bottom:1px solid #F90;
}


#hot_sale .category ul{
padding:0px;
margin:0px;
list-style-type:none;
}


#hot_sale .category>ul li{
display:block;
width:213px;
height:39px;
background:url('ui/category_bg_over.png') no-repeat;
}


#hot_sale .category>ul li:hover{
display:block;
width:213px;
height:39px;
background:url('ui/category_bg.png') no-repeat;
}

#hot_sale .category>ul li.cate_last{
display:block;
width:213px;
height:39px;
background:url('ui/category_bg_last_over.png') no-repeat;
}


#hot_sale .category>ul li.cate_last:hover{
display:block;
width:213px;
height:39px;
background:url('ui/category_bg_last.png') no-repeat;
}

#hot_sale .category ul li a{
padding-left:20px;
padding-top:10px;
display:block;
width:193px;
height:29px;
text-decoration:none;
}

#hot_sale .category ul li a:hover{
padding-left:20px;
padding-top:10px;
display:block;
width:193px;
height:29px;
text-decoration:none;
}

/*category*/

#category_title{
background:url('ui/category_title.png') left top no-repeat;
width:215px;
height:25px;
}

#category_title h2{
font-size:0em;
}

#category .category{
width:213px;
top:0px;
margin-bottom:5px;
border-right:1px solid #9C0;
border-left:1px solid #9C0;
border-bottom:1px solid #9C0;
}

#category .category ul.tree{
padding:10px 0px 10px 0px;
margin:0px 0px 0px 0px;
list-style-type:none;

}



#category .category ul.tree li{
padding:1px 0px 0px 0px;
margin:0px 0px 0px 10px;
}

#category .category ul.tree label{
cursor: pointer;
color:#9C0;

}

#category .category ul.tree label.hover{
color:#F90;
}


#category .category ul.tree li .arrow{
margin-top:4px;
padding:0px;
float:left;
display:inline;
cursor: pointer;
}


#category .category ul.tree li .collapsed {
width:10px;
height:10px;
background:url('ui/triangle_green_right.png') no-repeat;
}

#category .category ul.tree li .expanded {
width:10px;
height:10px;
background:url('ui/triangle_green_down.png') no-repeat;
}

#category .category ul.tree li ul.cate_level2{

list-style-type:none;
padding:0px;
margin:0px;
}

#category .category ul.tree li .cate_level2 li{


}

#category .category ul li a{
text-decoration:none;
}

#category .category ul li a:hover{
text-decoration:none;
color:#F90;
}

/*event_ad*/

#event_ad{
width:215px;
margin-top:5px;
}

.event_img{
width:215px;

display:block;
margin-bottom:5px;
}

/*content*/


#content{
float:left;
width:710px;
}

.context{

margin:30px auto 0px auto;

}

.text{
margin-top:20px;
padding-bottom:20px;
border-bottom:1px dotted #CCC;
}

.text img{
border:1px solid #CCC;
margin:0px auto;
text-align:center;
}

.text_bottom{
margin-top:20px;
padding-bottom:20px;
}

/*bread*/
#bread{

left:5px;
top:5px;
}


/*member*/
#member{
width:700px;
margin:0px auto;
}

#member_title{
background:url('ui/member_title.png') left top no-repeat;
width:242px;
height:19px;
}

#member_title h1{
font-size:0em;
}

#order_history_title{
background:url('ui/order_history_title.png') left top no-repeat;
width:273px;
height:19px;
}
#order_history_title h1{
font-size:0em;
}

#member_title h1{
font-size:0em;
}

.table_orange{
width:700px;
color:#000;
text-align:center;
margin:0px auto 10px auto;
}

.table_orange caption{
font-weight:bold;
font-size:1.2em;
line-height:1.2em;
margin:0px;
padding:0px;
color:#333;
}

.table_orange td{
padding:5px;
background-color:#FFF;
border-bottom:1px dotted #CCC;
}

.table_orange th{
font-weight:normal;
padding:5px;
color:#FFF;
background-color:#F90;
}

.table_orange tr.title td{
background-color:#F90;
color:#FFF;
}

.table_orange td.content{
text-align:left;
}

.table_orange ol{

margin:0px 0px 0px 20px;
padding:0px;
}

fieldset#member_info{
border:1px solid #9C0; 
margin:10px auto;
}

fieldset#member_info legend{
color:#9C0;
}

#member_info ul{
margin:0px;
padding:0px;

}

#member_info ul li{
margin:5px 10px;
float:left;
padding-left:30px;
display:inline;
line-height:25px;
}

#member_info ul li a{
text-decoration:none;
}

#member_info ul li#member_profile_btn{
display:block;
background:url('ui/member_profile_btn.jpg') left top no-repeat;
}

#member_info ul li#reconfirm_btn{
display:block;
background:url('ui/reconfirm_btn.jpg') left top no-repeat;
}

#member_info ul li#logout_btn{
display:block;
background:url('ui/logout_btn.jpg') left top no-repeat;
}

fieldset#member_account{
border:1px solid #F90; 
margin:10px auto;
}

fieldset#member_account legend{
color:#F90;
}

#member_account ul li a{
text-decoration:none;
}

#member_account ul li{
margin:5px 10px;
float:left;
padding-left:30px;
display:inline;
line-height:26px;
}

#member_account ul{
margin:0px;
padding:0px;
}

#member_account ul li#order_data_btn{
display:block;
background:url('ui/order_data_btn.jpg') left top no-repeat;
}

#member_account ul li#order_status_btn{
display:block;
background:url('ui/order_status_btn.jpg') left top no-repeat;
}

/*promotion*/
#promotion{
width:700px;
margin:0px auto;
}

#promo_title{
background:url('ui/promo_title.png') left top no-repeat;
width:205px;
height:19px;
}

#promo_title h1{
font-size:0em;
}

#promotion .text img{
border:none;
}

.table_green{
color:#000;
text-align:center;
margin:0px auto 10px auto;
}

.table_green caption{
font-weight:bold;
font-size:1.2em;
line-height:1.2em;
margin:0px;
padding:0px;
color:#333;
}

.table_green td{
padding:5px;
background-color:#FFF;
border-bottom:1px dotted #CCC;
}

.table_green th{
font-weight:normal;
padding:5px;
color:#FFF;
background-color:#9C0;
}

.table_green tr.title td{
background-color:#9C0;
color:#FFF;
}

.table_green td.content{
text-align:left;
}

.table_green ol{

margin:0px 0px 0px 20px;
padding:0px;
}

#title_week{
background:url('promo/title_week.png') left top no-repeat;
width:112px;
height:112px;
position:absolute;
left:0px;
top:-50px;
}



.buy_now a{
background:url('promo/promo_buy_btn.jpg') left top no-repeat;
width:100px;
height:24px;
display:block;
margin:0px auto;
}

.buy_now a:hover{
background-position:0px -30px;
display:block;
}

.buy_now a span{
position:absolute;
height:0px;
width:0px;
overflow:hidden;
}

/*faq*/
#faq{
width:700px;
margin:0px auto;
}

#faq_title{
background:url('ui/faq_title.png') left top no-repeat;
width:124px;
height:19px;
}

#faq_title h1{
font-size:0em;
}


#contact_title{
background:url('ui/contact_title.png') left top no-repeat;
width:124px;
height:19px;
}

#faq_title h1{
font-size:0em;
}

h2#join_title {
color:#F90;
}

#faq #faq_section01{
margin-top:20px;
padding:10px;
border:1px solid #F90;
}

h2#faq_buy_title{
color:#990;
}

#faq #faq_section02{
margin-top:20px;
padding:10px;
border:1px solid #990;
}

a.togglable{
float:right;

}

#quis1,#quis2,#quis3,#quis4,#quis5,#quis6,#quis7{
display:none;
margin-left:25px;
}

/*how to buy*/
#how_to_buy{
width:700px;
margin:0px auto;
}

#how_to_buy_title{
background:url('ui/how_to_buy_title.png') left top no-repeat;
width:247px;
height:19px;
}

#how_to_buy_title h1{
font-size:0em;
}

#buy_step{
width:700px;
height:27px;
margin:30px auto;
}

#buy_step ul{
padding:0px;
margin:0px;
list-style-type:none;
}

#buy_step ul li{
float:left;
display:inline;
}

#buy_step ul li a{
display:block;
width:175px;
height:27px;
}

#buy_step ul li a span{
position:absolute;
width:0px;
height:0px;
overflow:hidden;
}

#buy_step ul li#buy_step01 a{
background:url('ui/buy_step01.jpg') left top no-repeat;
background-position:0px -30px;
width:175px;
height:27px;
}

#buy_step ul li#buy_step01 a:hover{
background-position:0px -30px;
width:175px;
height:27px;
}

#buy_step ul li#buy_step02 a{
background:url('ui/buy_step02.jpg') left top no-repeat;
width:175px;
height:27px;
}

#buy_step ul li#buy_step02 a:hover{
background-position:0px -30px;
width:175px;
height:27px;
}

#buy_step ul li#buy_step03 a{
background:url('ui/buy_step03.jpg') left top no-repeat;
width:175px;
height:27px;
}

#buy_step ul li#buy_step03 a:hover{
background-position:0px -30px;
width:175px;
height:27px;
}

#buy_step ul li#buy_step04 a{
background:url('ui/buy_step04.jpg') left top no-repeat;
width:175px;
height:27px;
}

#buy_step ul li#buy_step04 a:hover{
background-position:0px -30px;
width:175px;
height:27px;
}

/*product_detail*/
#product_detail{
top:20px;
margin:0px auto 30px auto;
width:700px;
}

#product_showbox{
float:left;
width:300px;
margin-right:10px;
}

#product_feature{
float:left;
width:390px;
display:inline;
margin-top:10px;
}

ul#product_tip{
margin:5px 0px 0px 20px;
padding:0px;
color:#888;
}

#product_price{
width:250px;
margin-top:10px;
border:1px solid #9C0;
}

#product_price th{
padding:2px 5px;
background-color:#9C0;
text-align:center;
color:#FFF;
}

#product_price td{
padding:2px 5px;
text-align:center;
}

#cart_form{
margin:5px 0px 0px 0px;
padding:0px;
float:left;
}

#cart_form select{
border:1px solid #9C0;
float:left;
color:#333;
background-color:#FFF;
}

#cart_form .add_cart{
float:left;
}

.add_cart a{
cursor:pointer;
display:block;
width:86px;
height:21px;
background:url('ui/add_cart.png') left top no-repeat;
}



.add_cart a span{
position:absolute;
width:0px;
height:0px;
overflow:hidden;
}

/*product*/

#product form{
margin:5px 0px 0px 0px;
padding:0px;
float:left;
}

#product form select{
border:1px solid #9C0;
color:#333;
background-color:#FFF;
float:left;
}

#product form .add_cart{
float:left;
}

#product{
margin:5px 0px 5px 3px;
border-top:2px solid #9C0;
width:700px;
}

#product_list_title{
background:url('ui/product_list_title.png') left top no-repeat;
width:131px;
height:16px;
margin:7px 0px 7px 10px;

}

#product_list_title h1{
font-size:0em;
}

.product_row{
width:700px;
border-top:1px dotted #CCC;
}

.product_row_bottom{
width:700px;
}

.product_column{
width:232px;
height:330px;
margin:15px auto;
float:left;
display:inline;
border-right:1px dotted #CCC;
}

.product_column_right{
width:232px;
height:330px;
margin:15px auto;
float:left;
display:inline;
}

.product_box{
width:200px;
margin:0px auto;
}

.product_img{
margin:0px auto;
}

.product_name{
margin:0px auto;
text-align:center;
display:block;
}



.product_name a{
color:#333;
text-decoration:none;
display:block;
}

.product_name a:hover{
color:#9C0;
text-decoration:underline;
display:block;
}

.product_tip{

padding:0px;
text-align:left;
display:block;
}

.product_tip p{
margin-top:5px;
margin-bottom:0px;
font-size:1em;
line-height:1.3em;
color:#888;
display:block;
}

.product_price{

margin-top:5px;

font-size:1em;
font-weight:bold;
font-family:arial,verdana,pmingliu;
}

.price_tag{
color:#900;
margin-left:5px;

}

#product_showbox{
width:300px;
height:300px;
}

#product_content{
border-top:1px dotted #CCC;
padding-top:10px;
}



.product_context{
color:#444;
margin-left:30px;
margin-top:10px;
margin-bottom:10px;
margin-right:10px;
display:block;
}

.product_context p{
margin:5px 0px;
padding:0px;
}

.product_context ul{
margin:0px 0px 0px 15px;
padding:0px;
}

.product_context ol{
margin:0px 0px 0px 15px;
padding:0px;
}

.product_context h3{
margin:10px 0px 5px 0px;
}

/*login*/

#login{
width:300px;
margin:0px auto;
}

#login fieldset{
border:1px solid #F90;
margin-top:20px;
}

#login legend{
color:#900;
font-weight:bold;
font-size:1.2em;
}


#login fieldset dl dt{
float:left;
text-align:right;
width:60px;
clear:left;
margin:5px 0px;
color:#900;
display:block;

}

#login fieldset dl dd{
margin:5px 0px 5px 10px;
float:left;

}


#login fieldset input,radio,select{
color:#999;
border:1px solid #900;
background-color:#EEE;
margin:0px 2px;
}





/*order*/

#cart{
width:700px;
}

.table_order{

width:700px;

color:#000;
text-align:center;
margin:0px auto 10px auto;
}

.table_order caption{
font-weight:bold;
font-size:1.2em;
line-height:1.2em;
margin:0px;
padding:0px;
color:#333;
}

.table_order  tr{


}



.table_order td{
padding:5px;
background-color:#FFF;
border-bottom:1px dotted #CCC;
}

.table_order th{
font-weight:normal;
padding:5px;
color:#FFF;
background-color:#9C0;
}





.table_order tr.title{
border:1px solid #FFF;
}



.table_order td.content{
text-align:left;

}

.table_order td.content ul{
margin:0px;
padding-left:20px;
}

.table_order td.deliver{
text-align:right;
}

.table_order td.total{
text-align:right;
}


.table_order td.point{
text-align:right;
}

.table_order td.title{

background-color:#9C0;
color:#FFF;
}


.notice_item{
text-align:left;
background:url('ui/notice_item.png') left top no-repeat;

width:37px;
height:24px;
}

.section{
margin:10px 0px;

}

.order_contact fieldset{
border:1px solid #9C0;
margin-top:20px;
}

.order_contact legend{
color:#333;
font-weight:bold;
font-size:1.2em;
}


.order_contact fieldset dl dt{
float:left;
text-align:right;
width:150px;
color:#333;

clear:left;

}

.order_contact fieldset dl dd{
margin-left:10px;
float:left;
display:inline;
}


.order_contact fieldset input,radio,select{
color:#999;
border:1px solid #9C0;
background-color:#EEE;
margin:0px 2px;
}

.order_contact fieldset  .receipt_radio{
border:none;
background-color:#FFF;
}



.order_contact #lastname{
width:30px;
}

.order_contact #firstname{
width:100px;
}

.order_contact #tel01{
width:30px;
}

.order_contact #tel03{
width:30px;
}

.order_contact #addr{
width:300px;
}

.order_contact img#captchaImage{
border:1px solid #9C0;
float:left;
}

.order_contact #number{
width:100px;
}

.order_contact #company{
width:150px;
}

.order_contact #dis_point{
width:50px;
}

#submit_row{
text-align:center;
margin:10px auto;
}

#deliver{
right:40px;
}

#total{
right:40px;
}

#point{
right:40px;
}

#all_show{
right:40px;
}


#query_form{
text-align:center;
margin:0px auto;
width:250px;
}

#order_query{
text-align:left;
margin:0px auto;
}

#order_query .input{
margin:5px 0px;
}

#capText{
color:#C00;
}

/*bottom_menu*/

#bottom_menu{
width:940px;
height:25px;
margin:0px auto 0px auto;

}

#bottom_menu ul{
padding:0px;
margin:0px;
list-style-type:none;
}

#bottom_menu ul li{
float:left;
display:inline;
}

#bottom_menu ul li a{
display:block;
cursor:pointer;
}

#bottom_menu ul li a span{
position:absolute;
width:0px;
height:0px;
overflow:hidden;
}

#bottom_menu ul li#bottom_promotion a{
background:url('ui/bottom_menu_promotion.png') left top no-repeat;
width:200px;
height:25px;
}

#menu ul li#bottom_promotion  a:hover{
background:url('ui/bottom_menu_promotion.png') left top no-repeat;
width:200px;
height:25px;
}

#bottom_menu ul li#bottom_how a{
background:url('ui/bottom_menu_how.png') left top no-repeat;
width:200px;
height:25px;
}

#menu ul li#bottom_how  a:hover{
background:url('ui/bottom_menu_how.png') left top no-repeat;
width:200px;
height:25px;
}

#bottom_menu ul li#bottom_member a{
background:url('ui/bottom_menu_member.png') left top no-repeat;
width:200px;
height:25px;
}

#menu ul li#bottom_member  a:hover{
background:url('ui/bottom_menu_member.png') left top no-repeat;
width:200px;
height:25px;
}

#bottom_menu ul li#bottom_service a{
background:url('ui/bottom_menu_service.png') left top no-repeat;
width:200px;
height:25px;
}

#menu ul li#bottom_service  a:hover{
background:url('ui/bottom_menu_service.png') left top no-repeat;
width:200px;
height:25px;
}

#bottom_menu ul li#bottom_index a{
background:url('ui/bottom_menu_index.png') left top no-repeat;
width:120px;
height:25px;
}

#menu ul li#bottom_index a:hover{
background:url('ui/bottom_menu_index.png') left top no-repeat;
width:120px;
height:25px;
}

/*footer*/
#footer{
border-top:5px solid #9C0;
height:130px;
width:100%;
background-color:#333;
}

#footer_content{
width:940px;
margin:0px auto;
color:#CCC;
}

#footer_logo{
margin-left:20px;
margin-top:10px;
width:165px;
height:55px;
background:url('ui/footer_logo.png') left top no-repeat;
}

#footer_logo a span{
position:absolute;
width:0px;
height:0px;
overflow:hidden;
}

#footer_logo a{
display:block;
width:165px;
height:55px;
border:0px;
}

#footer_text{
font-size:0.9em;
margin-top:5px;
margin-left:20px;
}

#footer_text a{
color:#CCC;
text-decoration:underline;
}

#footer_text a:hover{
color:#9C0;
text-decoration:underline;
}

#copy{
margin-left:590px;
width:350px;
text-align:right;
margin-top:-15px;
}