/* Template Name: Bluesky Template URI: http://www.ecshop.com/ Description: The Bluesky ECSHOP template. Version: ECSHOP 2.5.0 Author: GUI：Yecoir /---------/ CODE：Luhengqi Author URI: http://www.ecshop.com/ Logo filename: logo.gif */ /*@import url(css/layout.css); @import url(css/component.css); */  /*  ==================== 全局通用部分 ====================  */ * html {   filter:expression(document.execCommand("BackgroundImageCache", false, true)); } body,p,td,th,input,select,textarea,form{   font: normal normal 12px Arial;   margin: 0;  padding: 0; } input.textinput{border:1px solid #666; height:22px; line-height:22px;} body{color:#fff; background:#000 url(images/top-bg.gif) repeat-x 0px -60px; text-align:center;}  h1,h2,h3,h4,h5,h6 {   font-size: 12px;   margin: 0;  padding: 0; } img {   border: 0; } ul,li{ list-style:none;} textarea {   padding: 3px;   border: 1px solid #E2F4F4; } a{   color:#fff;text-decoration:none; font-weight:bold; } a:hover{ text-decoration:underline; color:#ff3300;} /*a:link,a:visited {   color: #333;   text-decoration: none; } a:hover,a:active {   text-decoration: underline; }*/ div{ height:auto; display:table;} td{vertical-align:top;} #container {width: 950px;  margin:0px auto;overflow:hidden; height:auto; text-align:left;} .c{ clear:both; height:auto;} .side{width:100%;} .block{border:1px solid #E2F4F4; border-top:0px; width:100%; margin-bottom:2px;} .sidediv{width:100%;} .globalLeft {width: 200px; background:#333333;} .globalRight{width: 200px; background:#333333;} .center{ padding:0px 5px; background:#666666;} .indexcenter{padding:0px 5px; background:#666666;} .textbox{ margin:5px 8px;/* text-align:justify; */line-height:18px; font-weight:500;} .textbox h2{ color:#003399; font-size:15px; border-bottom:1px solid #ccc; line-height:30px;color:#3B93C1;}  .topcart{ float:right; background:#E76813 url(images/cart_left.png) no-repeat left; height:43px; line-height:43px;width:50%;} .topcart span{ float:right; margin-right:10px; padding-left:40px; background:url(images/gouwuche.gif) no-repeat 8px 12px;} .notice{ float:left; background:#E76813 url(images/notice_left.png) no-repeat left; height:27px; line-height:27px; margin-top:16px; width:50%;} .notice span{ padding-left:20px;}   .o_title{ background:url(images/o_title.gif) no-repeat left bottom; height:25px; clear:both;} .o_title h2{ clear:both; margin:0px; background:url(images/o_title_right.gif) no-repeat right bottom; height:25px; line-height:25px; padding-left:30px;} .o_box{ clear:both; border:1px solid #ccc; border-top:0px; width:100%;}  .topheader{ width:100%;} .toptxt{ padding:8px;clear:both; line-height:25px; border:1px solid #ccc; height:150px; overflow-y:auto;} .rightnotice{ clear:both; background:#efefef url(images/head_bg.jpg) 0px -102px repeat-x; margin-left:8px; height:200px; overflow-y:auto;} .rightnotice h3{ line-height:26px; padding-left:25px; font-size:14px;} .toptxt p{} .toptxt h1,.toptxt h2,.toptxt h3{ font-size:13px;} .toptxt a{ font-size:13px; color:#003399;} .topmuen{ background:url(images/top_bg.gif) repeat-x bottom; height:28px; line-height:28px;} .topmuen a{ padding-left:5px; padding-right:5px; border-left:1px solid #ccc; color:#555;}  .logo{ float:left;} .logo img{ margin-left:5px; height:49px;} .help{ clear:both;} .help table{border:1px solid #ccc; padding:1px;} .help th{ background:#227DA9; height:25px; line-height:25px; padding-left:20px; color:#fff;} .help td{ width:330px;} .help li{ list-style:none;}  .addthis{ margin-top:10px;} .addthis ul{ float:left; width:95%;} .addthis li{ float:left; margin-left:5px; margin-top:5px;} .goodsPrice{ color:#ff0000; font-size:15px;} .dealist{ margin-left:5px; border:1px dotted #ccc; padding:5px;} .dealist td{ line-height:22px;}  .muen{ background:url(images/nav.gif) repeat-x left bottom; height:32px; line-height:32px; text-align:center;} .muen a{ padding-left:15px; padding-right:15px;font-size:13px;} .muen a:hover{ color:#000; font-size:14px;}  .topside{ background:url(images/topmenu1.jpg) bottom left no-repeat;} .tops{background:url(images/topmenu3.jpg) bottom right no-repeat; height:98px; width:1000px;} .Searches{padding:0px 20px 0px 20px; background:url(images/pop.png) no-repeat; height:23px; line-height:23px;} .Searches a{text-decoration:underline;}   .muenright{ float:right; width:40%;} .muenright li{ float:left;}  .topnews{ background:url(images/top_link_bg.jpg) no-repeat; line-height:27px;} .topnews li{ float:left; margin-left:8px; padding-left:10px;background:url(images/three.gif) no-repeat left;} .topnews li a{ color:#fff; text-decoration:underline; } .topnews li a:hover{ color:#FFCC00;}  #urHere{text-align:left; padding-left:5px;height:25px; line-height:25px; background:#0D0D0D; clear:both; margin-bottom:5px;} .search{ clear:both;margin:0px; padding-left:5px;} .search td{ vertical-align:middle;color:#fff; font-weight:bold;} .search input.textinput{ width:180px; height:21px;} .search select#category{ width:180px; overflow:hidden;} .search input#imginput{}  .catside{ clear:both; background:url(images/gameli.gif) no-repeat top;font-size:11px; color:#FFFFFF; text-align:center; font-weight:bold; width:195px; line-height:35px; padding-left:10px;} .catside .sright{background:url() no-repeat 5px 0px; height:35px;} .catside a{ color:#fff;}  .wenchuan{ font-size:12px; margin-top:10px; float:left; margin-left:10px; line-height:30px;}  .goodside{ clear:both; margin:5px 15px;color:#000; font-weight:bold;} .goodside h2{ font-size:13px;  line-height:25px;} .goodside h2 span{ float:right; font-size:13px;}  .indexiucgoods{} .indexiucgoods img{ height:120px; margin:2px 4px;}  .goodslistside{float:left; width:24.6%; text-align:center; margin:0px;} .webgoodslist{ width:90%; margin:5px auto; line-height:20px; text-align:center; _margin-left:0.93%; background:#999999; border:1px solid #fff;} .webgoodslist .smallimg{ padding:2px;} .webgoodslist .smallimg img{ width:95%;} .webgoodslist h1{ margin:0px; line-height:16px;} .webgoodslist h1 a{} .webgoodslist li{list-style:none;color:#fff; font-size:13px; font-weight:bold;} .webgoodslist li strong{ color:#fff;} .webgoodslist li.red{ color:#fff;} .webgoodslist li.cart{ color:#ff; font-weight:bold; font-size:13px;} .webgoodslist li.cart td{ height:24px; line-height:24px; text-align:center; vertical-align:middle;} .webgoodslist li span{ text-decoration:line-through;} .goodslistside a{ font-weight:normal;}  .hotgoods .smallimg{} .hotgoods li,.hotgoods h1{} .hotgoods li{ color:#fff; font-weight:bold;}  .searchlist{ clear:both; border-bottom:1px dotted #ccc; padding:3px 0px;} .searchlist ul{ float:left;} .searchlist ul h1 a{ color:#000; font-size:13px;} .searchlist ul h1 a:hover{ color:#990000;} .searchlist ul li strong{ color:#990000;} .searchlist ul li.cart{ margin-top:35px;} .searchlist ul li.id{ margin:5px auto 16px;} .searchlist ul li.LiveChat{ color:#003399;} .searchlist ul li.LiveChat a{ color:#990000;} .searchlist ul.goodsimg{ width:120px; margin-right:5px;} .searchlist ul.goodsimg a img{ width:99%; border:1px solid #ccc;} .searchlist ul.goodname{ margin:0px 25px; width:390px;} .searchlist ul.goodsorder{}     .glist tr{ margin:0px 5px; padding-bottom:5px; margin-bottom:5px;} .glist td{border-bottom:1px dotted #ccc; } .glist img.smallimg{ height:90px; border:1px solid #ccc; margin:5px;} .glist h1{ clear:both; line-height:30px; font-size:13px;} .glist h1 a{ color:#003399; text-align:left;} .glist dl{ margin-right:40px; margin-left:10px; line-height:22px;} .glist dl.red{ color:#FF0000; font-size:12px;} .glist dl span{ text-decoration:line-through;} .brief{ width:450px; font-size:11px;}  .banner_four{ float:left; margin:5px 3px;}  .moreimg{ float:right; width:200px;} .moreimg li{ float:left; margin:3px 8px;} .moreimg li img{ width:70px; height:70px; border:1px solid #ccc;} .view{ clear:both; text-align:center; width:240px;} .view a#img{ width:235px; border:1px solid #ccc; margin:5px; padding:1px; display:block; overflow:hidden;} .view img{ margin:5px;} .view_price{} .view_price li{ float:left; margin-left:10px; line-height:25px;} .view_price li span{ color:#FF0000; font-size:14px;} .view_price li span em{ text-decoration:line-through;} .view_price li span.goodsPrice{ color:#FF6600;}   #gallery{ clear:both; text-align:center;} #gallery a img{ border:1px solid #ccc; width:120px; height:120px; padding:3px;}  .goodstitle{ margin:5px 10px;line-height:30px;} .goodstitle h2{ padding-left:20px; color:#fff; height:20px; line-height:20px; background:#F07523;}  .goodsinfo{ width:60%; color:#000; font-weight:bold; text-align:center;} .goodsinfo tr{background-color:expression((this.sectionRowIndex%2==0)?"#efefef":"#fdfdfd")} .goodsinfo td{ padding-left:10px; line-height:25px; text-align:left;} .goodsinfo td strong{ color:#990000; font-weight:boldl;} .goodsinfo th{ text-align:right; width:140px;} .goodsinfo span.goods-price{ color:#F07523;} .goodsinfo span#ECS_GOODS_AMOUNT{ color:#FF0000; font-size:14px; font-weight:bold;}  .linkgoods{ float:left;} .linkgoods img{ width:115px; border:1px solid #ccc; margin:2px;}  .tablelist{ width:99%; text-align:center;} .tablelist tr{background-color:expression((this.sectionRowIndex%2==0)?"#efefef":"#fdfdfd")} .tablelist td{ padding-left:10px; height:28px; vertical-align:middle; text-align:left;} .tablelist th{ font-weight:bold; background:#efefef; color:#000; border-bottom:1px dotted #ccc; height:30px; vertical-align:middle; text-align:center;} .cartlist td{ background:#efefef; border-right:1px solid #fff; text-align:center;} .addlist{width:99%;} .addlist tr{background-color:expression((this.sectionRowIndex%2==0)?"#efefef":"#fdfdfd")} .addlist td{ padding-left:10px; height:28px; vertical-align:middle; text-align:left;} .addlist th{ font-weight:bold; vertical-align:middle; text-align:right;} .addlist td,.addlist th{ color:#000;} .tablelist td,.tablelist th{ color:#000;} .tablelist td a,.tablelist th a{ color:#000;}  .cartm{ clear:both; text-align:right; margin-top:10px; border-top:1px solid #ccc; padding-top:15px;} .cartm h3{ color:#FF6600;} .cartm h4{ text-align:left;} .cartm h4 span{ float:right;}  .blockside{ border:1px solid #ccc; background:url(images/titles1_bg.gif) repeat-x top; margin-top:5px; overflow:hidden; width:99%;} .blockside h2{ margin:0px; background:url(images/titles1_left_bg.gif) left top no-repeat; height:27px; line-height:27px; border-bottom:1px solid #ccc; padding-left:10px; margin-bottom:4px;} .blockside h2 span{ display:block; height:27px; float:right; margin:0px; background:url(images/titles1_right_bg.gif) left top no-repeat; width:7px;}    .check{} .check li{ border-bottom:1px dotted #ccc; float:left; margin:2px 5px; width:95%; clear:both;}  .selling{} .selling ul{ margin:2px; float:left; border-bottom:1px dotted #ccc;} .selling ul li{ list-style:none; float:left;} .selling ul li img{ width:42px; height:42px; border:0px solid #ccc; margin:2px 5px;} .selling ul li strong{ color:#990000; padding-top:10px; display:block;}  .imglink{ padding-bottom:5px;} .imglink li{ float:left; width:45%; margin:3px 3px; border:1px solid #ccc;} .imglink li img{ width:90px; height:27px;}  .txtlink{ clear:both; width:100%;} .txtlink li{ float:left; width:9%; line-height:20px; margin-left:3px; white-space:nowrap; overflow:hidden;}   .footer{ text-align:center; color:ccc; background:#666; border-top:3px solid #000;} .footer a{color:#000;} .footer p{ color:#000;}   .indextitle{padding-bottom:5px;border:1px solid #666; background:url(images/s1.gif) repeat-x 0px -0px; width:99%; color:#fff;} .indextitle h2{ padding-left:25px; font-size:13px; text-align:left; color:#fff;line-height:38px; height:38px;} .indextitle h2 span{ float:right;}  .lefttitle{background:url(images/top-bg.gif);padding-bottom:5px; border-bottom: 2px solid #E1E1E1;	border-left: 1px solid #E1E1E1;	border-right: 1px solid #E1E1E1;margin-bottom:8px;} .lefttitle h2{ background:url(images/ja-h3-bg.gif) no-repeat;padding-left:20px; line-height:30px; height:27px;font-weight: bold;	font-family:Tahoma, Arial, sans-serif;	text-transform: uppercase;color: #595959;}  .key{float:left;width:180px; white-space:nowrap;overflow:hidden;height:27px;line-height:27px; background:url(images/key_bg.gif);margin-bottom:5px;padding:0 4px} .key a{color:white;font-size:11px;white-space:nowrap;} .key a:hover{color:yellow;font-size:11px;}  .next{ clear:both; text-align:center;font-size:11px; margin-top:15px;}   #ECS_MEMBERZONE{/* background:#f7f7f7; border:1px solid #ccc; */margin-bottom:0px;padding:5px 12px; padding-top:35px;margin-left:15px;}	 #ECS_MEMBERZONE input.textInput{ width:150px; height:23px; padding-top:4px;} #ECS_MEMBERZONE td{ height:25px; line-height:25px; margin-top:8px;} /*  ==================== LightBox ====================  */       #lightbox{         position: absolute;         top: 40px;         left: 0;         width: 100%;         z-index: 100;         text-align: center;         line-height: 0;         }        #lightbox a img{ border: none; }        #outerImageContainer{         position: relative;         background-color: #fff;         width: 250px;         height: 250px;         margin: 0 auto;         }        #imageContainer{         padding: 10px;         }        #loading{         position: absolute;         top: 40%;         left: 0%;         height: 25%;         width: 100%;         text-align: center;         line-height: 0;         }       #hoverNav{         position: absolute;         top: 0;         left: 0;         height: 100%;         width: 100%;         z-index: 10;         }       #imageContainer>#hoverNav{ left: 0;}       #hoverNav a{ outline: none;}        #prevLink, #nextLink{         width: 49%;         height: 100%;         background: transparent url(images/blank.gif) no-repeat; /* Trick IE into showing hover */         display: block;         }       #prevLink { left: 0; float: left;}       #nextLink { right: 0; float: right;}       #prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }       #nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }         #imageDataContainer{         font: 10px Verdana, Helvetica, sans-serif;         background-color: #fff;         margin: 0 auto;         line-height: 1.4em;         }        #imageData{         padding:0 10px;         }       #imageData #imageDetails{ width: 70%; float: left; text-align: left; }         #imageData #caption{ font-weight: bold; }       #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;  }            #imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;  }         #overlay{         position: absolute;         top: 0;         left: 0;         z-index: 90;         width: 100%;         height: 500px;         background-color: #000;         filter:alpha(opacity=60);         -moz-opacity: 0.6;         opacity: 0.6;         }         .clearfix:after {         content: ".";          display: block;          height: 0;          clear: both;          visibility: hidden;         }        * html>body .clearfix {         display: inline-block;          width: 100%;         }        * html .clearfix {         /* Hides from IE-mac \*/         height: 1%;         /* End hide from IE-mac */         }  		 		 /*  ==================== 分页 ====================  */ #pagerside{ border:0px solid #ccc; padding:4px 0px; clear:both; width:736px;} #listform{ float:right;}       #pager {         color: #fff;         text-align: right;         clear: both; padding-top:2px; 		float:left; padding-bottom:8px;       }       #pager a {         color: #fff;         padding: 3px 10px;         border: 1px solid #ccc;       }       #pager a,       #pager select {         vertical-align: middle;       }  .reply{ clear:both; margin:0px 50px;} .reply li{ text-align:left; line-height:35px; list-style:none; clear:both;} .reply li strong{ width:100px; display:block; float:left;}   /************************************************/ p.textStrong{ font-size:14px; line-height:40px; font-weight:bold;} p.textStrong a{font-size:14px; line-height:40px; font-weight:bold; color:#ff0000;} p.textDesc{ line-height:22px;} .msgNocice{ line-height:25px; padding:5px; border:1px dotted #ccc;}  .usermenu{ width:99%; margin:0px auto;} .usermenu li{ float:left; text-align:center; width:24%; background:#ccc; border:1px dotted #ccc; line-height:25px; margin:5px 2px;} .usermenu li a{ color:#000; display:block; line-height:25px;} .usermenu li a:hover{ background:#FF6600;} .loginin{ width:100%;} .loginin li{ float:left; width:100%; line-height:25px; text-align:left; border-bottom:1px dotted #ccc;} .loginin div a{ padding:5px 6px; background:#666; color:#fff;}   .descr{ clear:both; padding:5px;} .childc{ width:99%; margin-bottom:3px;} .childc a{ display:block; float:left; height:18px; line-height:18px; text-align:center; border:1px solid #ccc; margin:1px; width:24%;} .childc a:hover{ background:#ccc;}  .table_godds td{ border:1px solid #ccc; border-width:0px 1px 1px 0px; padding:2px 5px; height:22px; line-height:22px;} .table_godds{ text-align:center;border:1px solid #ccc; border-width:1px 0px 0px 1px;}  .topcatside{ border:1px solid #ccc; background:url(images/newbg2.gif) no-repeat center top; width:100%; overflow:hidden;} .topcatside h2{ font-size:13px; font-weight:bold; color:#990000; line-height:25px; height:25px; padding-left:8px;} .topcat{ float:left; width:28%; margin:5px 12px; margin-left:16px; _margin-left:12px; overflow:hidden;} .topcat li{ list-style:none; float:left; width:99%;} .topcat li span{ display:block; margin:0px;} .topcat li a span{ display:block; line-height:15px; padding-left:10px; background:url(images/list_ca_l.gif) no-repeat 4px 7px;} .topcat li span img{ width:80%; border:1px solid #ccc; margin:2px;} .topcat dl a{ font-weight:bold; color:#000;}   .msnlink li{ clear:both; list-style:none; margin-top:3px;}  .rightmsn{} .rightmsn td,.rightmsn td a{ color:#000;}   /*=============右飘边菜�?=====*/ #sortlist {clear:both; padding:0px; margin:0px; margin-top:-18px;} #sortlist li a {font-size:11px;color:#666666; font-weight: bold ;text-decoration:none;background:url(images/leibie_bg.gif) no-repeat bottom left; padding-left:15px;display:block; clear:both; width:90%; line-height:22px;} #sortlist li ul li ul{ margin:0px;background:#ff0000;} #sortlist li ul li{ position:relative; border-bottom:1px dotted #fff;} #sortlist li ul li ul{left: 180px;position:absolute;width:200px;top: -1px; display:none; z-index:100; border:1px solid #ccc; background:#fff; margin:0px; }