/* start start */
#startpage {
	margin-top:20px;
}
#startpage .spleft {
   float:left; /*min-width:180px; width:18.93%; */
   width:22%; padding-right:8px;
}
#startpage .sprightgp {
   padding-left:7px; 
   float:right; /*min-width:760px; width:80.00%;*/
   width:78%;
}
#startpage .spmiddle {
   float:left;  /*min-width:450px; width:47.37%;*/
   width:70%
}
#startpage .spmid1 {
   float:left; /* min-width:220px; width:47.88%;*/
   width:22%; padding-right:8px; 
}
#startpage .spmid2 {
   float:left; /* min-width:220px; width:47.88%;*/
   width:23%; padding-left:7px;
}
#startpage .spmid3 {
   float:left; /*min-width:220px;  width:47.88%;*/
   width:23%; padding-right:7px;
}
#startpage .spmid4 {
   float:right; /*min-width:220px;  width:47.88%;*/ padding-left:8px;
   width:32%;
}


#startpage .spmid1 .ui-icon, #startpage .spmid2 .ui-icon, #startpage .spmid3 .ui-icon, #startpage .spmid4 .ui-icon {
   margin-right:6px; margin-top:2px; margin-bottom:2px;
}
#startpage .spmid3 .ui-icon {
    margin-top:0; margin-bottom:0;
}
#startpage .spright {
   padding-left:15px;
   float:right;/* min-width:300px; width:31.58%;*/
   width:30%
}
.startProdTabs {
   display:block; position:relative;
   border-bottom: #99cc00 1px solid; height:25px;
}
.startProdTabs ul {
   list-style-type:none; margin:0; padding:0;
   overflow:hidden; position:absolute;
}
.startProdTabs ul li, .startProdTabs ul li.on {
   border: 0px;   border-right: #cccccc 1px solid; border-bottom: #99cc00 1px solid;
   cursor:hand; cursor:pointer; height:17px; float:left;
   padding: 4px 13px; background-color:#f6f6f6; margin-right:0px;
   font-size:11px; font-weight:bold; text-decoration:none;
}
.startProdTabs ul li.on {
   background-color:#ffffff;  border-right: #99cc00 1px solid;
   border-bottom:  0px solid; color: #ff6600; padding-bottom:5px;
}

.startProdTabs ul li.remain {
   border-bottom: #99cc00 1px solid;
   border-right: 0; width:99%;
   background-color:#ffffff;
}
.startProdTabs ul li.remain2 {
   border-right: #99cc00 1px solid;
}
#startProds {
	list-style-image: none; list-style-type: none;
   height:425px;width:1100px; padding:10px; margin:0;
}
#startProds li {
   float:left; padding:7px 0; width:20%; margin-bottom:10px; text-align:center; height: 190px;
}
#startProds .imgBorder, #startProds .imgBorderS {
   width:150px; height:150px;  line-height:150px; margin:auto;
}
#startProds li span {
   font-size:11px; height:32px; overflow:hidden; padding:0;line-height:16px; margin-top:4px;
}
#startProds li > a {
   color :#626262; margin-top:6px; display:block;
}
#startProds li .desc {
   height:36px;
}
#startProds li .desc a:hover{
   text-decoration:underline;
}
.startProdCats {
   width:157px; float:right;
}
.startProdCats ul {
   list-style-type:none; margin:0; padding:0;
}
.startProdCats ul li, .startProdCats ul li.on {
   border-left: #99cc00 1px solid; border-bottom: #cccccc 1px solid; 
   cursor:hand; cursor:pointer; padding: 6px 4px 5px 4px; background-color:#f6f6f6; margin-bottom:0px;
   font-size:12px; font-weight:bold; text-decoration:none;
}
.startProdCats ul li.on  {
   background-color:#ffffff;
   border-left: 0px solid;
   border-bottom: #99cc00 1px solid;
   color: #ff6600; padding-left:5px;
}
.startProdCats .remain {
   border-left: #99cc00 1px solid; border-bottom: 0; display:block;
   background-color:#ffffff; height:4px !important;
  padding: 2px 1px; overflow:hidden;
}
.startProdCats ul li.remain2 {
   border-bottom: #99cc00 1px solid;
}
#colorBlock {
   BORDER: #FF6600 2px solid;
   width:26px; height:26px; margin-left:5px; margin-right:5px;
}
.tplPreviewHeader {
   background-color:#ffffff; padding:5px 1;position:relative;top:-10px;left:10px;
   font-weight:bold;
}

#hotProducts h5{margin-top:-5px;}

#hotProducts #catlist {
   margin-left:20px;
}

#hotProducts #catlist a {
	display:inline-block; margin-left:3px; margin-right:3px;
	font-size:11px; color: #666666; padding: 5 10px;
}
#hotProducts #catlist a.btn2 {
	color: #ffffff;
}
#hotProducts #catlist span {
   font-size:11px; color: #666666;
}

#hotKWContainer {
   margin:20px 1px 5px 1px;	
}
#hotKWContainer .fa-angle-left, #hotKWContainer .fa-angle-right {
   float:left; vertical-align:middle; margin:70px 18px; cursor:hand; cursor:pointer; 
   font-size:30px;
}
#hotKWContainer .fa-angle-left.off, #hotKWContainer .fa-angle-right.off {
   color: #dddddd;
}

#hotKWScroller {
   display:inline-block;
   width:800px; height:210px; overflow:hidden;
   float:left; position:relative;
} 

ul#hotKW {
    list-style-image: none;
    list-style-type: none;
    margin: 0 0 0 0;
    padding: 0;
    position: relative;
}
ul#hotKW li {
	 float: left; height: 230px;
    margin: 4px 0; text-align: center; width: 160px;
}
ul#hotKW li a, a:hover {
	 text-decoration:none; color: #626262 !important;
}
ul#hotKW li img {
    height: 140px; width: 140px;
}
ul#hotKW li span {
   display:block;
   padding: 15px;
   /*background-color: #f6f6f6;*/
   font-weight:normal;
}
ul#hotKW li a:hover span {
	font-weight:bold !important;
	display:block; padding: 15px;font-size:12px;
  background-color: #ff9328; font-weight:normal;
  color:#fff;
}

.dirStatusBox {
	height:150px;
}

.dirStatus {
   margin: 10px auto; padding: 0 30px 0 0;
}
.dirStatus th {
   text-align:left; font-weight:normal; padding:6px;
}
.dirStatus td {
   font-weight:bold; text-align:right; color: #ff6600;  padding:8px;
}
#popularTag, #alphaTag {
   height: 150px;
}

#cbDIV {
   margin: 19px 1px 5px 1px;
}
ul#cbUL {
    list-style-image: none;
    list-style-type: none;
    margin: 0 0 0 0;
    padding: 0;
    position: relative;
}
ul#cbUL li {
    float: left;
    height: 200px;
    margin: 4px 0;
    text-align: center;
    width: 214px;
}
ul#cbUL li a, a:hover {
    text-decoration:none; color: #626262 !important;
}
#cbDIV .fa-angle-left, #cbDIV .fa-angle-right {
   float:left; vertical-align:middle; margin:65px 19px; cursor:hand; cursor:pointer; font-size: 30px;
}
#cbDIV .fa-angle-left.off, #cbDIV .fa-angle-right.off {
   color: #dddddd;
}
#cbAnimateElm {
   float:left;
   display: inline-block;
   width: 1070px;
   height: 200px;
   overflow: hidden;
   position: relative; 
}
#cbAnimateElm img {
	BORDER: #EBEBEB 2px solid;
  padding:1px; 
  margin-bottom:4px;
  width:180px;
}
#cbAnimateElm span {
  color: #888; font-size:12px; font-weight:normal;
  display:block; padding-top:12px; padding-bottom:8px; overflow:hidden;
}
#cbAnimateElm a {
  font-size:11px; color: #888888;-webkit-text-size-adjust:none;
}
.bizMemberBox, .alertBox, .promoBox, .verifyBox, .IMBox {
   font-size:12px; width:25%; float:left; 
   /*line-height:20px;*/
   padding:12px 15px !important; height: 150px;
   
}



#startProductContainer {
   padding: 20px 5px; height:480px;
}


#startProductContainer .fa-angle-left, #startProductContainer .fa-angle-right {
   float:left; vertical-align:middle; margin:200px 14px; cursor:hand; cursor:pointer; 
   font-size:30px;
}
#startProductContainer .fa-angle-left.off, #startProductContainer .fa-angle-right.off {
   color: #dddddd;
}


#startProdPool {
   display:none; 
}
#startProdShow {
   width:1070px; height:480px; overflow:hidden; 
   display:inline-block; float:left; position: relative; z-index:9;
}
div.startProdListDBL {
   position: relative; 
   float: left; width:2140px; z-index:7;
}
div.startProdList {
   position:relative; z-index:6; 
   float:left; display:inline-block; width:1070px; margin:0;padding:0;
} 
div.startProdList .prodItem {
   float:left; width: 214px; height:220px;
   text-align:center; margin:0 0px 20px 0px; padding:0;
}
div.startProdList .imgBorder, div.startProdList .imgBorderS {
   width:180px; height:180px; margin:auto;
}
div.startProdList .prodItem img {
  
}

div.startProdList .prodItem a {
   font-size:13px; color:#383838;color: #878787;
}
div.startProdList .prodItem h3 {
   margin:5px 0; font-weight:normal;color: #878787;
}



.verifyBox {
   height: 124px;
}

.bizMemberBox h4, .alertBox h4, .promoBox h4, .verifyBox h4, .IMBox h4 {
   line-height:25px; float:none;
   font-family:"microsoft yahei", Arial, Helvetica, sans-serif; font-size:14px; color: #888;
}
.alertBox img { margin-top:2px; }
.promoBox img {}
.verifyBox img {margin-top:-14px;}
.bizMemberBox img {  }

.bizMemberBox div { padding:6px 0; }
.alertBox div { padding:4px 0; }
.promoBox div { padding:4px 0; }
.verifyBox div {padding:6px 0;}

.bizMemberBox a, .alertBox a, .promoBox a, .verifyBox a, .IMBox a {
   margin-top: 6px; display:block;
}

.bizMemberBox a i, .alertBox a i, .promoBox a i, .verifyBox a i, .IMBox a i {
   margin-left:2px; margin-right:4px;
}

#regBox {
	font-size:12px; color: #A4A4A4;
	background: #fff url(/dir-res/2012/img/regBox.jpg) right bottom no-repeat;
	width:100%;  border: #e8e8e8 1px solid;
	background-color: #FCFCFC;  height:277px; margin-bottom:15px;
	
}
.regBoxInner { padding:15px; }

#regBox h1 {
	font-size: 15px;
  color: #8EB80E;
  line-height: 25px;
  font-family: "microsoft yahei", Arial, Helvetica, sans-serif;
  font-weight: bold; margin-bottom:10px;
}
#regBox h2 {
	line-height:18px;padding-top:2px; 
	padding-bottom:2px; font-weight:normal; font-size:13px;
}
#regBox a {
	color:#88be0a; font-size:15px;
	text-decoration:none;
}
#regBox a:hover {
	
}
#regBox a.btn {
   color:#ffffff;
   display:inline-block; padding:12px 15px;
   background-color: #ff9328; margin:10px 0;
}
#regBox a.btn:hover {
   background-color: #d27519; color:#ffffff!important;
}


#regBox img {
   marign-top:10px; margin-bottom:10px;
}

@font-face {
    font-family: "Century Gothic";
    src: url(/common-res/fonts/GOTHIC.TTF);
}

#freeBanner {
	position:relative; width:100%; height:277px; margin-bottom:15px;
}


#freeBanner .item {
	position:absolute; left:0px; top:0px; opacity:0;
   width:100%;  transition:opacity 0.4s;
  -webkit-transition:opacity 0.5s;  z-index:5;
}
#freeBanner .item img {
   width:100%;
}
#freeBanner .cur {
   opacity:1; z-index:6;
}
#freeBanner .curshow {
	
}

#freeBanner .selectdots {
   position:absolute; right:15px; bottom:15px;z-index:9; cursor:hand; cursor:pointer;
   font-size:1.1em;
}

#freeBanner .selectdots .fa-circle {
   color: #ffffff; text-shadow: 1px 1px 1px rgba(0,0,0,0.7); margin-left:5px; margin-right:5px;
}

#freeBanner .selectdots i.cur  {
   color: #abc932; 
}

#freeBanner #banner_ny2017 {
	/*position:relative;*/
}
#freeBanner #banner_ny2017 img {
   position:absolute; top: 0px; left: 0px;
}
#freeBanner #banner_ny2017 span {
   color: #fff; position: absolute; font-family: "Century Gothic";
   font-size: 110px; top: 148px; left: 104px; letter-spacing: 18px;
}



/* buy sell box start */
.buySellBox {
   padding: 10px; font-size:11px; height:150px;
}
.buySellBox p {
   line-height:18px; margin-bottom:12px; 
}
.buySellBox a {
    font-size:11px; 
}
.buySellBox a i {
   margin-left:4px; margin-right:4px; 
}
/* buy sell box end */


a#diyLogo { display: block; position: relative; }
.newsyear {
   position: absolute;
   right: 2px; top: 24px;
}
#startpage-wrapper {
	padding-top: 20px;
  /* background: url(/dir-res/2012/img/bg2016.jpg) repeat-x;*/
}
#startpage {
   margin-top: 0px;
}


/* start end */