@charset "utf-8"; /* ------------ site:clothes theme02 template:No.1 author: eliane dated: 2009/12/17 updated ------------- */ /* START reset*/ html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label,legend,input,select,textarea,radio, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; /*outline: 0; font-weight: inherit;font-style: inherit; ie bug*/ font-size:12px; font-family: inherit; vertical-align: baseline; background: transparent; font-family:Arial, Helvetica, sans-serif;} .fll{float:left;} .flr{float:right;} .red{color:#fa0002;} textarea{resize:none;} .w245{width:245px;} .h20{height:20px; line-height:20px;} .h85{height:85px;} .p80{padding-left:80px;} body { color:#666; line-height:18px; background:#fff url(../images/body_bg.gif) 0 0 repeat-x;} ol, ul {list-style: none;} a { color: black; text-decoration: none;} a img { border:0;} a:hover { text-decoration: underline;} /* END reset */ /*link*/ a{ color:#00306b; text-decoration:none;} a:hover{ color:#0096FF; text-decoration:none;} /*wraper*/ #wraper{ margin:0 auto; width:979px; height:auto;} /*header*/ #header{ position:relative; top:0;width:979px; height:142px; color:#fff; z-index:10;} #logo { position:absolute; left:10px; top:15px; width:378px; height:68px; overflow:hidden;} #top_banner{width:745px; overflow:hidden;} #topmenu { position:absolute;right:10px;top:10px;width:421px;height:12px;text-align:right;} #topmenu a {color:#fff; padding:0 10px; text-decoration:none;} #topmenu a:link, #topmenu a:visited {color:#fff;text-decoration:none;} #topmenu a:hover {color:#ff9900;text-decoration:none;} #search {position:absolute;left:320px;top:44px;width:414px;height:54px;} #content1 {position:absolute;top:40px;right:10px;float:left;width:414px;height:auto;} .searchcontent {position:relative;float:right;width:345px;padding:9px 5px 5px 5px;height:27px;background: url(../images/bg_search.gif) 0 center no-repeat;} .searchcontent input {margin-left:5px;width:300px;height:15px; padding:5px 0;background-color:transparent;font-family:Arial;color:#999;} .searchcontent .btn_search {position:absolute;padding:0;right:20px; top:11px;width:20px;height:20px;border:0;cursor:pointer;background:url(../images/btn_search.gif) no-repeat left 0;} #mnav {background:#005b9b url(../images/bg_nav.gif) no-repeat left top;position:absolute; z-index:10; left:10px; top:100px; height:42px;width:959px;} #mnav li { border-right:1px solid #4787b3; float:left; font-size:16px; line-height:42px;} #mnav li.line_none{border-right:0;} .ad{ padding-right:13px;background: url(../images/icon_ad.png) right center no-repeat; font-size:14px;/*font-weight:400;*/ } #mnav li a.topnav { display:block;text-align:center;text-decoration:none;margin-right:1px;} #mnav li a.topnav:link, #mnav li a.topnav:visited { color:#fff; text-decoration:none;} #mnav li a.topnav:hover {color:#fff;text-decoration:none;background:transparent url(../images/bg_nav_hover.gif) repeat-x;} #mnav li.home a:hover{background:transparent url(../images/bg_home_hover.gif) no-repeat left top;} #mnav li.last a:hover{background:transparent url(../images/bg_last_hover.gif) no-repeat left top;} #mnav li a.last ,#mnav li a.last:link,#mnav li a.last:visited,#mnav li a.last:hover{display:block; width:auto; padding:0 23px; padding:0 22px\9; *padding:0 22px;_padding:0 21px;color:#00306b;text-decoration:none; background-color:#fff; } #mnav li ul li.last {border-bottom:0;} #mnav li ul a { color:#00306b; text-decoration:none;} #mnav li ul a:link, #mnav li ul a:visited { color:#00306b; text-decoration:none;} #mnav li ul a:hover {color:#f45d0d;text-decoration:none;} /*container*/ .cb{ clear:both; display:block;height:0;line-height:0; overflow:0;font-size:0;} #container{ position:relative; width:979px; height: auto;} .content{ float:left; padding:10px; width:959px; height:auto; background-color:#fff; clear:both;} .left_right{ float:left; width:959px; height:auto;} /*left*/ #left{ float: left; width:201px; margin-right:14px; overflow:hidden;} .livechat{ float:left; width:201px; margin-bottom:-5px;} .contact{ clear:both; margin-bottom:10px; padding-bottom:10px;background:#fbfcfe url(../images/bg_left_bottom.gif) no-repeat left bottom;} .contact_detail{ padding:0 10px 5px 10px;border-left:1px solid #e9e9e9;border-right:1px solid #e9e9e9 ;} .contact_detail p.add{font-weight:normal; padding:10px 0 15px 0;} .contact_detail p{ padding-bottom:5px; font-size:11px; color:#686963; font-weight:bold;} .contact_detail span a{color:#2dace1;overflow:hidden;word-wrap:break-word; display:inline-block; vertical-align:top;} .contact_detail span a:hover{color:#ff9900;} .contact_detail span{font-weight:normal;} /*Accordion */ .accordion_panel { padding:0; margin:0; } .accordion_panel_tab{ padding:0 0 0 20px;width:181px; font-size:15px; height:40px; line-height:40px; color:#233577; background: url(../images/bg_sidetab.jpg) 0 0 no-repeat;margin-bottom:3px; font-weight:bold; cursor: pointer;} .accordion_panel_tab:hover{background: url(../images/bg_sidetab.jpg) 0 -43px no-repeat;} .accordion_panel_content {width:100%; height:100%; overflow: auto; display:block;} .accordion_panel_content ul { float:left;padding:15px 15px 15px 20px;width:166px; height: auto; overflow: auto; background-color:#edf8ff;} .accordion_panel_content ul li{ padding:0 0 0 15px;width:151px; font-size:12px; line-height:16px; background:url(../images/icon_ar.gif) left top no-repeat; margin-bottom:4px; overflow:hidden;} .accordion_panel_content ul li a {color:#00306b; text-decoration:none;} .accordion_panel-content ul li a:link,.AccordionPanelContent ul li a:hover{color:#00306b; text-decoration:none;} .accordion_panel_content ul li a:hover{ color: #0096FF; text-decoration:none;} .accordion_panel_open { background:#233572; color:#fff; padding:0 0 0 20px;width:181px; height:40px; line-height:40px; font-size:15px; background:url(../images/bg_sidetab.jpg) 0 -86px no-repeat;margin-bottom:3px; font-weight:bold;} .accordion_panel_open a{ font-size:15px; line-height:40px; color:#fff;} .accordion_panel_open a:hover{color:#c3c4c5;} .accordion_panel_tab1{ margin-top:0;} .sidebanner1{ float:left; width:201px; margin-bottom:3px;} .sidebanner2{ float: left; width:201px; margin-bottom:10px;} /*right*/ #right{ float:right; width:744px; height:auto; padding-bottom:15px; display:inline;} #right .outer{position:relative; width:747px; height:auto;} #right .outer a.more_pro{position:absolute; z-index:9999; width:70px; height:30px; display:block;right:15px; top:33px; font-size:15px;} #right .outer .indextab a.more_pro{position:absolute; z-index:999; width:70px; height:30px; display:block;right:15px; top:33px; font-size:15px;} /*new arrival*/ .indextab{ float:left; width:744px; height:auto; padding-top:15px;} .indexmenu{ float:left; margin-top:5px; width:743px; height:47px;background: url(../images/bg_unseleted.gif) repeat-x; border-right:1px solid #c4c4c4;} .indexmenu li{ position:relative; float:left; margin:0; padding:0 15px; font-size:14px; line-height:47px; color:#00306b; text-align:center; cursor:pointer; list-style:none; overflow:hidden; } .indexmenu li.s2{ margin:0;float:left; top:-5px; padding:0 15px; height:49px; font-size:14px; font-weight: bold; line-height:49px; color:#0096ff; cursor:pointer; list-style:none; overflow:hidden; background-color:#fff; border-top:3px solid #00306b; border-left:1px solid #c4c4c4;border-right:1px solid #c4c4c4;} .indexmenu li.m1{ position:relative; float:left; margin:0; padding:0 15px;font-size:14px; line-height:47px; color:#0096ff; text-align:center; cursor:pointer; list-style:none; overflow:hidden; text-align: center; border-left:1px solid #c4c4c4;} .indexmenu li.flr{ float:right; font-size:14px; color:#545454; } #content2{ float:left; width:712px; margin:-5px 0 15px 0; padding:20px 20px 20px 10px; border-left:1px solid #c4c4c4; border-right:1px solid #c4c4c4; border-bottom:1px solid #c4c4c4; _margin-top:-20px;} .indexcontent{ float:left; width:712px; height:auto;} .pr{ float:left; width:164px; height:300px; padding:0 0 0 12px;overflow:hidden;} .pr .imgbox{width:162px; height:162px; overflow:hidden;} .pr .pname {height:38px; line-height:20px; overflow:hidden; font-family:Verdana; text-align:center;} .pr .pname a{ font-weight:bold; color:#3c5b99; text-decoration:underline; } .pr .summer{height:30px; overflow:hidden; color:#818181;text-align:center;} .pr p.btn{text-align:center;} .pr p.btn a{background:transparent url(../images/btn_view.gif) 0px center no-repeat; display:block; width:111px; margin:0 auto;height:25px; line-height:25px;} .pr p.btn a:hover{color:#bf282d;} .pr p{ float:left; width:158px; height:auto; font-size:11px; font-family:Verdana, Geneva, sans-serif; line-height:14px; padding-top:5px;} .pr .img{width:160px; height:160px; overflow:hidden;} .pr img{vertical-align:middle; max-height:136px; max-width:136px; max-width:136px; max-height:136px;} .pr a.pr_pic {width:160px; height:160px; display:table-cell; text-align:center; vertical-align:middle; border:1px solid #c6c6c6; +display:block; +font-size:140px; overflow:hidden;} .pr a.pr_pic:hover{ border:1px solid #3C5B99;} .pr a.pr_pic a:link,.pr a.pr_pic a:visited{ border:1px solid #c4c4c4;} .pr .rprice{ float:left; width:auto; font-size:14px; font-family:Georgia, "Times New Roman", Times, serif; line-height:18px; color:#333; overflow:hidden;} .pr .pprice{ float:left; padding-left:8px; width:auto; font-size:18px; font-family:Georgia, "Times New Roman", Times, serif; line-height:18px; color:#de1111; overflow:hidden;} /*footer*/ #footer{ width:99%; overflow:hidden; padding-right:9px; margin:0 auto; text-align:center; background:url(../images/bg_foot_right.gif) transparent no-repeat right top ;background:url(/images/bg_foot_right.gif) transparent no-repeat right top;} #footer .foot_left{ padding-left:9px;background:url(../images/bg_foot.gif) transparent no-repeat left top;} #footer .mid{ background:url(../images/bg_foot_mid.gif) repeat-x ; width:941px;} #footer .fnav{padding:10px;} #footer .fnav a{margin:0 15px; display:inline-block; font-weight:bold; color:#4a4a48;} #footer .copyright{ color: #9194a7; font-weight:bold; } .weblink{text-align:center;} .weblink span{ color:#ab2008;} .weblink a{ padding:0 5px; color:#c51d21;} .weblink a:hover{color:#44454a;} .fb{font-weight:bold;} /**********category view****************/ .catetab #content2{border:none;padding:20px 10px 20px 0;} .catetab{padding-top:0;} .catetab h4.pro_chui{font-weight:normal; padding:9px 15px; font-size:18px;} .catetab p.pro_cow{font-size:12px; padding:0 15px;} .crumb{width:949px; margin:0 auto; border-bottom:3px solid #e4e4e4; padding:10px 0 10px 10px; } .crumb li{ padding-left:7px; margin-right:10px;float:left; background:transparent url(../images/bg_li.gif) no-repeat left center;} .crumb li.home{ padding-left:10px;background:transparent url(../images/bg_home.gif) no-repeat left center;} .crumb li a{color:#444;} .crumb li a:hover{color:#005b9b;} .pagination li.flr a{margin:0 5px; display:block; float:left; color:#6e6e6e;} .catetab h2.cate_name{padding:0 0 10px 10px; font-weight:normal; margin-bottom:10px; font-size:18px; color:#6a6869; background:url("../images/bg_page.gif") repeat-x scroll left bottom transparent; border-bottom:3px solid #005b9b;white-space:normal;width:735px;overflow:hidden;} .crumb li.current a{color:#005b9b;} .pagination{ height:20px;padding:10px;margin-top:10px; background:transparent url(../images/bg_page.gif) repeat-x left bottom; text-align:right;} .pagination select{ border:1px solid #cdcdcd; margin-right:10px;} .pagination li{float:left;} .pagelast{border-top:3px solid #e5e5e5;} /****product view***/ #right .bimgbox{ width:308px;} #right .bimgbox .s_img{padding:0 15px;} #right .bimgbox p{text-align:center;} #right .bimgbox .bimg{width:302px; height:302px; overflow:hidden; border:3px solid #f3f3f3;} #right .bimgbox .bimg span a{display:table-cell; width:300px; height:300px; border:1px solid #c9c9c9; text-align:center; vertical-align:middle; +display:block; +font-size:280px;} #right .bimgbox .bimg img{vertical-align:middle;} #right .bimgbox .s_img a{width:40px; height:40px; overflow:hidden; display:block; float:left; margin:0 5px;} #right .bimgbox .s_img a img{vertical-align:middle;} #right .bimgbox .s_img span{display:table-cell; width:40px; height:40px; overflow:hidden; text-align:center; vertical-align:middle;+display:block; +font-size:28px;} #right .bimgbox .s_img span img{vertical-align:middle;} #right .bimgbox .zoom{ padding:5px 2px 2px 2px; width:60%; height:22px; overflow:hidden; margin:10px auto; /*border:1px solid #c9c9c9;*/ } #right .bimgbox .zoom img{display:inline-block; vertical-align:bottom;} #right .bimgbox .zoom a{color:#6e6e6e;} #right .pri_box{width:430px;} .onetwo{float:left; background:url(../images/b2b4.gif); width:189px; height:30px; margin-top:20px;} #right .pri_box ul{ font-family:Verdana; color:#37597b; font-size:11px;} #right .pri_box ul li span{margin:0 10px; font-weight:bold; color:#264c70;} #right .pri_box li a.up{ padding-left:10px;background:transparent url(../images/icon_pre.gif) no-repeat left center;} #right .pri_box li a.next{padding-right:10px; background:transparent url(../images/bg_li.gif) no-repeat right center;} #right .pri_box .fosk{font-size:18px;color:#444; font-weight:normal; background:none; margin:15px 0; line-height:25px;} #right .pri_box .fob{ padding:10px 0 10px 10px; margin-bottom:10px; background:transparent url(../images/bg_fob.gif) repeat-x; font-size:17px; color:#005b9b;} #right .pri_box .fob span{ font-size:20px; padding-left:10px;} #right .pri_box .des{ padding-left:15px;margin-bottom:10px; height:15px; overflow:hidden;background:transparent url(../images/bg_icon.gif) no-repeat 0 -28px; line-height:15px; font-weight:bold;} #right .pri_box h5{font-weight:normal; padding-left:22px; float:left;} #right .pri_box h5 span{ display:block;} #right .pri_box h5 span.num{width:11px; float:left;} #right .pri_box h5 .detail{width:390px;line-height:15px; display:block;} #right .pri_box .con_us{padding-top:5px;} #right h3{ padding:10px 0 10px 15px; margin-top:15px;background-color:#eaeaea; font-size:14px; font-family:Verdana; color:#003866;margin-bottom:25px;} #right .furm{padding-bottom:50px; color:#4a4a4a;} #right .furm .p_btn{border:none; margin-left:185px; width:93px; height:28px; background:transparent url(../images/bg_icon.gif) 0 0; color:#fff;cursor:pointer;} #right .furm label{float:left; padding-right:5px;} #right .furm li{clear:both; padding:15px 0; *padding:8px 0;} #right .furm .name{width:180px; text-align:right;} #right .furm input,#right .furm textarea{border:1px solid #bcbcbc;float:left;} #right .like{padding:10px 200px 5px 30px; color:#4b4b4b;line-height:16px;} #right .scas{padding:0 0 20px 30px;} #right .scas li label{float:left;} #right .scas .name{width:300px; color:#5d89d0; font-weight:bold;} #right .scas li{clear:both; color:#030000;} #right .tote{padding:10px 200px 10px 30px;} .w210{width:210px;} .w153{width:154px;} .w160{width:160px;} .w165{width:165px;} .h100{height:100px;} #right .furm .wrong{border:1px solid #ff4545;} #right .furm label.wrong{ padding-left:25px;background:#fff2ef url(../images/bg_icon.gif) 3px -63px no-repeat;border:1px solid #fe817f;display:block;font-size:11px;margin-left:5px;padding:2px 5px 3px 2px text-align:left; color:#fe0100;} /************contact************/ #right h2.cate_name{padding:10px 0 10px 10px; font-weight:normal; margin-bottom:10px; font-size:18px; color:#6a6869; background:url("../images/bg_page.gif") repeat-x scroll left bottom transparent; border-bottom:3px solid #005b9b;white-space:normal;width:735px;overflow:hidden;} #right h2.cate_name a{font-size:18px; color:#6a6869;white-space:normal;width:735px;overflow:hidden;} #right .info_tab{background-color:#e0edf6; width:100%; border-collapse:collapse; margin-top:15px;color:#757575;white-space:normal;width:735px;overflow:hidden;} #right .info_tab a{color:#1A7DB8;} #right .info_tab a:hover{color:#0096ff;} #right .info_tab td.white{ background-color:#fff;} #right .info_tab td{padding:7px 0 7px 15px; } #right .info_tab td.name{ width:152px; color:#97999a;} #right .info_tab td.detail{width:450px;} /***********news list*************/ #right .news_list{font-size:12px; color:#005b9b;} #right .news_list .date{color:#9a9a9a;padding:0 8px 0 10px;background:transparent url(../images/bg_li.gif) no-repeat 0 4px;} #right .news_list li{clear:both; border-bottom:1px solid #eaeaea; padding:15px 0; *padding:15px 0 0 0;} #right .news_list label{display:block; float:left;} #right .news_list label a{display:block; width:600px;} #right .pagination li.flr{float:right;} /***doc***/ #right h4.title{ padding:10px 0 15px 38px; font-family:Verdana; font-size:18px; color:#606060; font-weight:normal; background:transparent url(../images/bg_cool.gif) no-repeat left center;} #right .doc_content{padding-bottom:15px;border-bottom:3px solid #e4e4e4;} #right .doc_detail{width:470px; float:left; } #right p.com{width:270px; height:210px; overflow:hidden; float:right;} #right p.com a{display:table-cell; width:270px; height:210px; text-align:center; vertical-align:middle; overflow:hidden; +display:block; +font-size:190px;} #right p.com a img{vertical-align:middle;} #right .doc_detail p{text-indent:11px; font-size:11px;} #right .doc_tab{margin-top:0; } #right .table{padding-bottom:15px;border-bottom:3px solid #e4e4e4;} #right h4.title a{font-family:Verdana; font-size:18px; color:#005b9b;} #right h4.title a:hover{color:#0096ff;} #right .contact_box{padding-left:100px;} #right .contact_box input,#right .contact_box textarea{border:1px solid #dadada;float:left;} #right .contact_box li{ clear:both; padding:5px 0; } #right .contact_box label{display:block; float:left;} #right .contact_box label.name{width:80px; text-align:right; padding-right:10px;} #right .contact_box .wrong{ border:1px solid #ff8081;color:#fe0045;} #right .contact_box label.wrong{margin-left:5px; padding-left:25px; background:#fff2f2 url(../images/bg_icon.gif) 5px -63px no-repeat; } #right .contact_box p.wrong{width:75%; margin:0 auto; text-align:center;} #right .contact_box input.btn{height:28px;width:93px;background:url("../images/bg_icon.gif") no-repeat 0 0 transparent; border:0;color:#FFFFFF;border:0;cursor:pointer;margin-left:10px;} /***news_detail***/ #right .news_content{font-size:12px; color:#9b9b9b;} #right .news_title,#right .news_brief{text-align:center;} #right .news_title{color:#be1a01; font-size:18px;} #right .news_brief{color:#a8a8a8; font-size:11px;} #right .news_img{ width:440px; height:350px; overflow:hidden; margin:20px auto 10px auto; text-align:center; border:1px solid;} #right .news_img a{display:table-cell; width:440px; height:350px; text-align:center; vertical-align:middle; overflow:hidden; +display:block; +font-size:300px;} #right .news_img img{vertical-align:middle;} #right .news_content .news_sub{padding:0 15px 30px 15px;} .also_likebox .pr{height:200px; overflow:hidden;padding:0 0 0 16px;} .remind{padding:10px; margin:10px auto; border:1px solid #FF8080;color:#ff0000; background:#fff2f2; text-align:center}