@charset "utf-8";
/*
------------
site:bags.com
template:No.2
author: Annis 
dated: 2009/12/08
updated 
-------------
*/

/*reset*/
html, body, div, span, tbody,h1, h2, h3, h4, h5, h6, p, 
table, tr, th, td, tt,div,form,img,ul,ol,li,dl,dt,dd {margin: 0;padding: 0;border: 0;/*outline: 0;font-weight: inherit;font-style: inherit; ie bug*/ font-size:12px;font-family:Arial, Helvetica, sans-serif;}
:focus {/*outline: 0; ie*/}

body {font-family:Arial, Helvetica, sans-serif;margin:0; padding:0; background:#b4b4b4;font-size:12px; color:#4e4e4e;}

li{list-style-type:none;}
img{vertical-align:top;}
img {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(...);}

strong{font-weight:bold;}
em {font-style:normal;}
h1,h2,h3,h4,h5,h6 {font-size:12px; font-weight:normal;}
input,select,option{font-family:Arial; font-size:12px;}


table {border-collapse: separate;/*border-spacing: 0; ie*/}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {/*content: ""; ie*/}
blockquote, q {/*quotes: "" ""; ie  */}


a {color:#4e4e4e;text-decoration: none;}
a img {border:0;}
a:hover {text-decoration: underline;}


/* wraper */
#wraper{margin:0 auto;width:960px;background:#fff;}
.left{float:left;}
.right{float:right}
.clear{clear:both;}


/*header*/
#header{float:left;width:960px; background-color:#fff; }
#notice{ float:left; margin:10px; padding:5px; width:926px; line-height:25px; background-color:#FFFFEE; border:2px solid #FFD0A8;}
#notice .title{ float:left; width:55px; padding-right:5px; font-size:12px; font-weight:bold; color:#000;}
#notice .rolate{ float:left; width:866px; height:25px; font:11px/25px Verdana, Geneva, sans-serif; color:#c00; overflow:hidden;text-overflow:ellipsis;
	white-space:nowrap;}
#header_main{ float:left;width:960px;height:80px; padding:7px 0;}
#logo{float:left;width:250px;}
#headerbanner{float:left;width:350px; }
#headermenu{float:right;width:300px; text-align:right;padding:0 10px 0 0;}
#headermenu p{width:300px;color:#757575;}
#headermenu p.Currency{font-size:11px; padding-top:4px;}
#headermenu p.s_menu{padding:10px 0;}
#headermenu p.s_menu a{color:#757575; padding:0 5px;}
#headermenu p.s_menu span{color:#d90eac;}
#headermenu p.s_menu span a{color:#d90eac;}
#headermenu p.s_menu a:hover{ color:#d90eac;}

#headermenu p.topsearch{ float:left; width:300px;}
.input_text1{ float:left; color:#666666; font-size:11px;}

#nav{float:left; padding:0 2px;width:956px;height:32px; background-color:#000;}
a.nav1{ float:left; width:52px; height:32px; background: url(../images/navbg.png) no-repeat;} 
a.nav1:hover{ background:url(../images/navbg.png) 0 -32px no-repeat;}
a.nav2{ float:left; width:55px; height:32px; background:url(../images/navbg.png) -52px 0 no-repeat;} 
a.nav2:hover{ background:url(../images/navbg.png) -52px -32px no-repeat;}
a.nav3{ float:left; width:101px; height:32px; background:url(../images/navbg.png) -107px 0 no-repeat;} 
a.nav3:hover{ background:url(../images/navbg.png) -107px -32px no-repeat;}
a.nav4{ float:left; width:154px; height:32px; background:url(../images/navbg.png) -208px 0 no-repeat;} 
a.nav4:hover{ background:url(../images/navbg.png) -208px -32px no-repeat;}
a.nav5{ float:left; width:140px; height:32px; background:url(../images/navbg.png) -362px 0 no-repeat;} 
a.nav5:hover{ background:url(../images/navbg.png) -362px -32px no-repeat;}
a.nav6{ float:left; width:71px; height:32px; background:url(../images/navbg.png) -502px 0 no-repeat;} 
a.nav6:hover{ background:url(../images/navbg.png) -502px -32px no-repeat;}
a.nav7 {float:left;width:90px;height:32px;background:url(../images/navbg.png) -573px 0 no-repeat;}
a.nav7:hover {background:url(../images/navbg.png) -573px -32px no-repeat;}
a.nav8 {float:left;width:112px;height:32px;background:url(../images/navbg.png) -663px 0 no-repeat;}
a.nav8:hover {background:url(../images/navbg.png) -663px -32px no-repeat;}
a.nav9 {float:left;width:58px;height:32px;background:url(../images/navbg.png) -775px 0 no-repeat;}
a.nav9:hover {background:url(../images/navbg.png) -775px -32px no-repeat;}

/*input*/
.btn_red_60×18{width:60px;height:19px; background:#990000;color:#fff;font-size:10px;border:0px;}
.btn_red_80×18{width:80px;height:18px; background:#990000;color:#fff;font-size:10px;border:0px;}
.btn_red_90×18{width:90px;height:18px; background:#990000;color:#fff;font-size:10px;border:0px;}
.btn_red_100×18{width:100px;height:18px; background:#990000;color:#fff;font-size:10px;border:0px;}

.btn_gray_60×18{width:60px;height:18px; background:#666666;color:#fff;font-size:10px;border:0px;}



/*container*/
#container{float:left;width:946px; background:#fff; padding:7px; }

.leftbox {float:left;width:196px; padding:7px 0; background:#f8f8f8;}
.leftbox ul {float:left;}
.leftbox ul li {float:left}
.leftbox ul li a {font-size:12px;padding:0 0 0 5px;color:#4e4e4e;}
.leftbox ul li a:hover {text-decoration:underline;color:#990000;}
.leftbox ul.special_cate li {float:left;width:191px; height:20px; padding:5px 0 0 5px;color:#fff;background:#000000}
.leftbox ul.newleteer li{float:left;width:191px; height:20px; padding:5px 0 0 5px;color:#fff;background:#d87804}

.leftbox ul.cate1 li {float:left;width:191px; padding:4px 0 4px 5px;color:#000;background:#e4e4e4;font-weight:bold;}
.leftbox ul.cate1 li a{color:#000; text-decoration:none;}
.leftbox ul.cate2{margin-bottom:10px;} 
.leftbox ul.cate2 li {float:left; width:171px; height:20px; padding:5px 10px 0 10px;color:#000;}

.leftbox ul.cate3{margin-bottom:10px;} 
.leftbox ul.cate3 li {float:left;width:170px;padding:5px 10px 0 10px;color:#999;}
.leftbox ul.cate3 li a{}

.leftbox ul.category {width:191px;}
.leftbox ul.category li ul {padding:3px 0 3px 10px;width:162px;}
 
 
.leftbox .newsletter {float:left;width:191px;padding:0 0 0 5px;background:#f7ede1;font-size:12px;}

.leftbox .newsletter p{padding:4px 0;}
.leftbox .newsletter p.newle_title{color:#000000;font-size:14px;}
.leftbox .newsletter p.newle_title1{color:#000000;font-size:10px;}
.leftbox .newsletter p span{color:#FF0000;font-size:14px;font-weight:bold;}

.leftbox .livchat,.leftbox .paymentcard {float:left;width:191px;padding:10px 0 0 0;background:#fff;font-size:12px;}
.sns{ float:left; width:171px; padding:10px 0 0 20px;}
.sns img{ float:left;margin-bottom:10px;}



.rightbox {float:left;width:740px;overflow:hidden; padding:7px 0 7px 10px;}


.index_banner{float:left;width:740px;}
.pr_recommend{float:left;width:740px;}
.pr_recommend h2{font-size:12pt; background:#efefef;color:#ff6600;padding:5px; position:relative;}
.more{float:right;width:100px;font-size:12px;color:#000000; text-align:right;padding:0 5px 0 0; position:absolute;right:0;top:10px;}

.product_pre{float:left;width:128px;margin:15px 10px; display:inline}
.product_pre p{padding:5px 0 0 0;}
.product_pre p.pre_img{border:1px solid #ececec; text-align:center;} 
.product_pre p.pre_brand{font-size:12px;font-weight:bold; font-family: Arial, Helvetica, sans-serif;}
.product_pre p.pre_prname{font-size:11px; font-family: Arial, Helvetica, sans-serif;}
.product_pre p.pre_prname a{color:#939495;}
.product_pre p.pre_prname a:hover{color:#000;}

.product_pre p span.pre_reletaiprice{text-decoration:line-through;color:#999999}
.product_pre p span.pre_price{color:#ba0000;font-size:16px;}


.us{float:left;width:730px; background:#f2f2f2;margin:10px 0; padding:5px;}
.aboutus,.contactus{float:left;width:350px; background:#f2f2f2; padding:5px;}
.aboutus h2,.contactus h2{font-size:14px;color:#ff6600;padding:8px 0;}
.aboutus p,.contactus p{padding:3px 5px;color:#7b7b7b;}


/*list*/
.crumb{float:left;width:740px;padding:0 0 8px 0;}
.crumb a{font-weight:bold;}

.page{float:left;width:740px; background:#CCCCCC;}
.page p{}
.sortby{float:left;width:40%;padding:5px 0 5px 5px;}

.pagination {float:right;width:50%;padding:5px 3px 5px 5px;}
.pagination a, .pagination b,  .pagination span {float:left;display:inline;padding:2px 6px;margin:0 2px;font-size:10px;}
.pagination b{border:1px solid #000;background:#efefef;font-weight:700;}
.pagination a:link,  .pagination a:visited {border:1px solid #ccc;background:#fff;}
.pagination a:hover {border:1px solid #000;text-decoration:none;background:#efefef;}


/*product style*/
.product_detail {float:left;width:740px;font-size:12px;}
.remind {width:94%;margin:10px auto;border:2px solid #f95;padding:10px;background:#fef4ed;}
.furm_remind {color:#c00; font-size:11px;}

#pro_show {float:left;margin-top:10px;width:740px;}
#pro_img {float:left;width:400px;}
.pic_mid {width:400px;height:400px;clear:both;text-align:center;}
.pic_small {width:380px;clear:both;margin:0 auto;}
.pic_small img {float:left;border:1px solid #e8e8e8;margin:5px;display:inline;}

.img_btn {width:360px;font-size:11px;line-height:20px;margin:8px auto;}
.img_btn_roll {float:right;background:url(../images/arrow_top.gif) no-repeat left center;padding:0 20px 0 0}
.img_btn_zoom {float:left;}
.img_btn_zoom, .img_btn_roll {display:block;}




#pro_detail{float:right;width:330px;padding:10px 5px;color:#000;}

h1.product_name {float:left;width:100%;font-size:20px;line-height:25px;padding:10px 0; color:#d15400}

.brief {float:left;width:98%;padding:10px 0; border-top:1px #CCCCCC dashed}
.brief .briefname {width:330px;font-size:12px;font-weight:700;line-height:20px;}
.brief p {clear:both;padding:5px 0;}


.pd_ul {float:left;width:330px;height:auto;display:block;overflow:visible;padding:5px;}
.pd_ul li {float:left;width:330px;border-bottom:1px solid #efefef;display:block;line-height:25px;list-style:none;}
.pd_ul li span.left {float:left;width:100px;display:block;color:#4e4e4e;font-weight:700; font-size:11px;}
.pd_ul li span.right {float:left;width:230px;display:block; font-size:11px;}

#pro_detail #prenext a {padding:0 5px;}
#pro_detail #product_promotion {float:left;display:block;clear:both;width:330px;padding:10px 5px; border-top:1px #CCCCCC dashed}
#pro_detail #product_promotion li {background:url(../images/icon_arrow_red.gif) no-repeat left center;padding:5px 18px; font-size:11px;}

.PR_price {float:left;width:330px;padding:10px 5px;border-top:1px #CCCCCC dashed}
.PR_price p{float:left;width:330px;}
.PR_price p.our {float:left;width:160px;font-size:16pt;line-height:40px;padding-right:10px;color:red;}
.PR_price p.ss{float:left;width:120px;}
.PR_price p.ss span.was{float:left;width:120px;font-size:12px;padding-right:10px; text-decoration:line-through}
.PR_price p.ss span.save {float:left;width:120px;font-size:12px;color:red;}

.pr_de{float:left;width:330px;padding:10px 5px;border-top:1px #CCCCCC dashed}
.size_gruide,.size_gruide a{color:#1253b5;font-size:11px;}

#maindesc{float:left;width:99%;margin:10px 0;padding:10px 0 0 0; background:#f0f0f0; border:1px solid #dbdbdb;}


/*addtag*/
.addtag {float:left;width:99%;margin:5px 0;border:1px solid #dbdbdb}
.addtag h3 {float:left;width:99%;padding:0 0 0 5px;background:#efefef;font-size:12px;color:#000;line-height:25px; font-weight:bold;}
.addtag div {float:left;width:98%;display:block;clear:both;}
.addtag div input.tes1 {float:left;border:1px solid #ccc;background:#efefef;margin:1px 3px 0 0;padding:2px 1px 2px 1px;display:block;font-family:Arial, Helvetica, sans-serif;font-size:11px;}
.addtag ul {float:left;width:660px;clear:both;}
.addtag ul li {float:left;padding:3px 10px;}
.addtag ul li a, .addtag ul li span {float:left;display:inline;}
.addtag ul li a:link, .addtag ul li a:visited{color:#005cba;text-decoration:underline;}
.addtag ul li a:hover {color:#000;text-decoration:none;}

/*rating*/
.product_rate {float:left;width:100%; background:#f8f8f8;border-top:1px #CCCCCC dashed}
.product_rate img {float:left;display:inline;}
.product_rate p {clear:both;line-height:20px;}
.product_rate p a{color:#0066CC;}

.product_rate span {float:left;display:block;padding:4px 10px 0 0; font-weight:bold;}
.starWrapper {float:left;width:125px; padding:3px 0;}
.starWrapper img {float:left;cursor:pointer; padding:0 1px;}

#pro_tabs {float:left;width:99%;margin:5px 0;border:1px solid #dbdbdb}
#tabcontents {float:left;width:96%;padding:10px;}
#tabcontents  p{float:left;width:98%;}

#tabtittle {float:left;width:100%;border-top:3px solid #ececec;background:#ececec;clear:both;}
#tabtittle .actives {background:#fff;color:#333;}
#tabtittle li {float:left;width:auto;margin:0 5px;padding:0 10px;cursor:pointer;display:inline;font-weight:700;line-height:25px;list-style:none;overflow:visible;text-align:center;}
#tabtittle li a {display:block;font-size:12px;}
#tabtittle li a:hover {background:#fff;color:#000;}
#tabcontents a.normal:hover {color:#039;text-decoration:underline;}

.reviews{float:left;width:100%;padding:10px 0;border-top:1px dashed #ccc; margin-top:5px;}
.reviews .left_r{float:left;width:30%;line-height:20px;}
.reviews .left_r p{}

.reviews .right_r{float:right;width:70%;padding:0;line-height:15px;}
.reviews .right_r p{color:#666666;}


/*alsolike*/
#youmayalso {float:left;width:99%;margin:5px 0;border:1px solid #dbdbdb}
#youmayalso h3 {float:left;width:99%;padding:0 0 0 5px;background:#efefef;font-size:12px;color:#000;line-height:25px; font-weight:bold;}

.product_also{float:left;width:128px;margin:15px 8px; display:inline}
.product_also p{padding:5px 0 0 0;}
.product_also p.pre_img{border:1px solid #ececec; text-align:center;} 
.product_also p.pre_brand{font-size:12px;font-weight:bold; font-family: Arial, Helvetica, sans-serif;}
.product_also p.pre_prname{font-size:11px; font-family: Arial, Helvetica, sans-serif;}
.product_also p.pre_prname a{color:#939495;}
.product_also p.pre_prname a:hover{color:#000;}

.product_also p span.pre_reletaiprice{text-decoration:line-through;color:#999999}
.product_also p span.pre_price{color:#ba0000;font-size:16px;}

/*furm style*/
.write {float:left;width:98%;margin:10px 0;}
.f_left {float:left;}
.f_right {float:right;}
.furm_left, .furm_right {float:left;line-height:20px;}

.furm_ul {float:left;width:99%;clear:both;margin:10px 0 10px 0;line-height:15px;display:inline}
.furm_ul li {float:left;width:98%;clear:both;margin:0 0 5px 0;line-height:18px;list-style:none;}
.furm_ul li .furm_right .message {float:left;padding:5px;display:inline;margin-left:5px;border:1px solid #ccc;}

.furm_area {float:left;width:750px;clear:both;margin:5px 0 0 0;}
.furm_area label {width:auto;line-height:20px;}
.furm_area radio {float:left;display:block;line-height:20px;}
.furm_area .textarea_gift {width:550px;height:150px;border:1px inset #ccc;padding:5px;font-size:12px;color:#000;}

.text_red{color:#FF0000;}

.inline {display: inline;}
.login, .register {padding:10px;float:left;}
.login {width:380px;border-right:1px solid #efefef;}
.register {width:280px;margin-left:10px;}
.furm_tittle {font-size:14px; font-weight:bold;color:#C60;text-transform:uppercase;padding-bottom:10px;clear:both;}
.furm_subtittle {float:left;width:96%;padding:20px 0 5px 0;margin-top:20px;border-top:1px solid #ccc;overflow:hidden;clear:both;color:#333;text-transform:uppercase;font-size:14px; font-weight:bold;}
.furm_info {line-height:15px;padding-bottom:5px;}
.furm_info li {background:url(images/arrow.gif) no-repeat left top;}

.furm_right select, .furm_right input, .furm_right .input01 {border:1px solid #ccc;margin:0 5px;padding:2px 5px; display: inline}
.input01, .inputs {float:left;border:1px solid #ccc;padding:2px 0 1px 2px;display:inline;font-family:Arial, Helvetica, sans-serif;font-size:11px;}
.btn_ok {background:#F60;color:#fff;cursor:pointer;}
.furm_left1 {margin:5px 0;}
a.tip {font-size:11px;font-style:italic;}
a.tip:hover {color:#c00;text-decoration:underline;}

.w370 {width:370px;line-height:20px;}
.w350 {width:350px;line-height:25px;}
.w300 {width:300px;line-height:20px;}
.w270 {width:270px;line-height:20px;}
.w180 {width:180px;line-height:20px;}
.w160 {width:160px;line-height:20px;}
.w150 {width:150px;line-height:20px;}
.w130 {width:130px;line-height:20px;}
.w120{width:120px;line-height:20px;}
.w100 {width:100px;line-height:20px;}
.w80 {width:80px;line-height:20px;}
.w70 {width:70px;line-height:20px;}
.w60 {width:60px;line-height:20px;}
.Fb{font-weight:bold;}


/*doc*/
.tittle_bar {float:left;width:96%;padding:8px;margin:10px 0 0px 5px;background:#efefef;}
.head_doc {padding:10px 0;margin-bottom:10px;font-size:16px;text-transform:uppercase;color:#F90;}
.tiitle_doc {width:96%;padding:5px;font-size:12px;font-weight:700;}
.doc_area {width:100%;clear:both;}
.text_doc {padding:5px 20px;font-size:11px; color:#666666;line-height:18px;}
.text_doc2 {padding:5px;font-size:12px;line-height:20px; color:#666666;}
.remark {padding:5px;margin:10px;color:#c00;clear:both;}
.icon_mail {padding-left:20px;background:url(../images/icon_mail.gif) no-repeat left center;}
.news_list {float:left;width:96%;padding:10px;}
.news_list li {float:left;width:100%;	display:block;background:url(../images/arrow.gif) no-repeat left center;border-bottom:1px dotted #efefef;padding-left:15px;line-height:25px;}
.news_list li a {font-weight:700;}
.news_tittle {float:left;width:75%;font-weight:700;font-size:12px;}
.text_tittle {float:left;width:96%;border-bottom:1px solid #efefef;padding:10px 0 0 0px;margin-left:20px;line-height:25px;}
.text_tittle span.tiitle {float:left;width:98%;font-weight:700;font-size:14px; text-align:center}
.news_date, .text_tittle span.news_date {float:left;width:98%;font-size:11px;text-align:center;}
 span.news_date1 {font-size:11px; color:#999999; font-style:italic;padding:0 0 0 15px;}

/*search tag*/
.search_tag {float:left;width:95%;padding:5px;overflow:hidden;}
.search_tag li {float:left;width:150px;padding:2px 5px;line-height:20px;}
.search_style {float:left;width:96%;border-bottom:1px dashed #ccc;margin:0 0 3px 0;line-height:20px;}
.search_style #search_tittle {float:left;width:120px;font-weight:700;}
.search_style #search_content {float:left;width:510px;}
.search_style #search_content span {float:left;}

.notfound {float:left;width:96%;height:auto;clear:both;}
.notfound h1 {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:24px;line-height:30px;color:#000;clear:both;}
.notfound p {float:left;clear:both;color:#333;line-height:20px;font-size:12px;}



/*shoppingcart*/
.shoppingcart{float:left;width:736px;padding:0 7px; text-align:left;}
.shoppingcart h2{font-size:14pt;font-weight:bold;color:#FF6600; }
.shoppingcart p{}

.shoppingcart ul.cart_title{float:left;width:736px;height:19px; background:#efefef;padding:6px 0 0 0;font-weight:bold;margin-top:12px}
.shoppingcart ul.cart_text,.shoppingcart ul.giftcard_text{float:left;width:736px;border-bottom:1px solid #CCCCCC;padding:6px 0 0 0;}
.shoppingcart ul li{float:left;} 
.shoppingcart ul li.cart1{width:135px;padding:0 0 0 5px;}
.shoppingcart ul li.cart2{width:236px}
.shoppingcart ul li.cart2 p{padding:3px 0;margin:0}
.shoppingcart ul li.cart2 p.Stock{width:70px;padding:3px 0;margin:0;color:#d97600;font-weight:bold;}
.shoppingcart ul li.cart2 p.present{padding:3px 0;margin:0;color:#0372ab; font-weight:bold;}
.icon {line-height:12px;color:#026a44;font-weight:bold;}

.shoppingcart ul li.cart3{width:70px}
.shoppingcart ul li.cart4{width:80px}
.shoppingcart ul li.cart5{width:90px}
.shoppingcart ul li.cart6{width:100px}

.totalprice{float:left;width:736px;}
.cont{color:#0066CC}
.cont a{color:#0066CC;}
.tprice{float:right;width:290px; text-align:right;padding:0 10px 0 0}
.tprice p{padding:5px 0;margin:0;}


.Code,.giftcard{float:left;width:736px; text-align:left; margin-top:5px;}
.code_title,.giftcard_title{float:left;width:736px;height:20px; background:#efefef;padding:5px 0 0 0; font-weight:bold;}
.code_text,.giftcard_text{float:left;width:736px;}
.pormo{float:left;width:400px;}
.pormo p{padding:5px 0;margin:0;}
.giftcard_text p span.color{border:2px solid #4c394b;margin:8px 3px; display: inline-table}

.cart_checkout{float:left;width:736px; text-align:right; padding:8px 0;}


.order_field {width:100%;float:left;clear:both;margin:5px 0;}
.order_field ul {width:97%;clear:both;float:left;}
.order_field ul li {display:block;float:left;padding:3px;}
.order_field ul li .cart_product {width:98%;float:left;clear:both;padding:0 5px;}
.order_field ul li .cart_product span {float:left;padding:5px;}
.order_field ul li .cart_product span.cart_prodctimg img {border:1px solid #ccc;}
.order_field .cart_item {padding-top:5px;border-bottom:1px dashed #ccc;}
.order_field ul li a{color:#0066CC}
.bg_gray {background:#efefef;}

/*footer*/
#footer{float:left;width:960px; background:#fff; text-align:center; }
.link{float:left;width:960px;height:21px; background:#eae7e7; color:#757575; font-size:11px; padding:8px 0 0 0;}
.link a{color:#757575; padding:0 7px;}
.link a:hover{ color:#d90eac;}

.copyright{float:left;width:960px; padding:5px 0; font-size:11px; }
.link_small{float:left;width:960px;color:#4e4e4e; font-size:11px; padding:5px 0 0 0;}
.link_small a{color:#4e4e4e; padding:0 5px;}

.au_seo {float:left;width:950px;font-size:11px;padding:5px; color:#999}

/*dudutopics*/
.dudu{ float:left; padding:15px; width:916px; background:#5a274f url(../images/Topicsbg.jpg) top center no-repeat; margin-bottom:10px; }
.dudu_banner{ float:left; width:916px; }
.dudu_banner img{ float:left; width:916px;display:block; border:0;}
.dudu_design{ float:left; padding:18px 18px 0; width:880px; font:10px Verdana, Geneva, sans-serif; color:#655f51; background:#efefef url(../images/fillet_t.jpg) top center no-repeat;}
.dudu_design .title{ float:left; padding-left:760px; width:120px; height:33px; line-height:33px;  background:url(../images/title_l.jpg) left center no-repeat;}
.dudu_design .title a,.dudu_design .title a:link,.dudu_design .title a:visited,.dudu_design .title a:hover,.dudu_design .title a:active{ color:#c00; text-decoration:underline;}
.dudu_design p{ float: left; padding:12px 16px; width:848px; line-height:16px;}
.dudu_design .detail{ float:left; width:880px;}
.dudu_design .detail .left{float:left; width:266px; border:1px solid #999;}
.dudu_design .detail .left img{ float:left;}
.dudu_design .detail .right{ float:left; width:612px;}
.dudu_design .detail .right .pr{ float: left; width:192px; padding:0 0 20px 12px;}
.dudu_design .detail .right .pr img{ border:1px solid #999;}
.dudu_design .detail .right .pr .name{ float:left; width:192px; padding-top:6px; height:42px; line-height:14px; text-align:center;}
.quality-package-progress{ float:left; padding:0 18px 18px; width:880px; background:#efefef url(../images/fillet_b.jpg) center bottom no-repeat;}
.quality-package-progress_tab{ float:left; width:880px; height:auto;}
.quality-package-progress_tab .quality-package-progress_menu { float:left; width:880px; height:auto;}
.quality-package-progress_tab .quality-package-progress_menu li {
	position:relative; top:8px; padding:0 14px; margin-right:5px; float:left;width: auto; height:24px;  font:bold 12px/24px Arial; color:#fff; cursor:pointer;list-style:none;overflow:hidden;text-align:center; 
}
.quality-package-progress_tab .quality-package-progress_menu li.s1{float:left;padding:0 14px; margin-right:5px; top:0;width: auto; height:32px; line-height:32px; cursor:pointer; list-style:none; overflow:hidden;text-align:center;  }
.quality-package-progress_content{ float:left; padding:34px; width:810px; border:1px solid #999; background-color:#ffffff;}