/* BASIC css start */


#content { width: auto; margin: 0 auto; padding: 0 50px; }

/* class-list */
#productClass .cate-wrap { overflow:hidden; position: relative; }
#productClass .cate-wrap .bcate { padding:10px 10px; font-size:18px; color:#202020; font-weight:bold; border-bottom:1px solid #e3e3e3 }
#productClass .cate-wrap .class-list ul { border-bottom:1px solid #e3e3e3;  *zoom:1; padding-left:10px; }
#productClass .cate-wrap .class-list ul:after { display:block; clear:both; content:'' }
#productClass .cate-wrap .class-list ul li { padding:15px 30px 16px 0; float:left }
#productClass .cate-wrap .class-list ul li a { display:block; font-size:13px; color:#919191 }

/* best-item */
/*.item-wrap.best-item .item-cont .item-list {float:left;width: 18.5%;padding: 0 0.75%;margin: 0 0 3% 0;} */

/* total-sort */
#productClass .total-sort { padding-top: 30px; }

.page-body .cat-title{ height:550px;  overflow: hidden;}
.page-body .cat-title img {min-width:1200px;width:100%;}

.item-list li {text-align: center;}
.item-list .prd-ico img{ margin-right:2px; }


.item-list:last-child { padding-right: 0px ;}


/* about ¸¸³âÇÊ Ãßõ css */

.sub-link {padding:65px 0 20px;}
.sub-link .link { text-align: center;  }
.sub-link .link li { display: inline; }
.sub-link .link li a {padding: 0 15px;color:#333;background: url(/images/d3/modern_simple/common/bull_bbs_hd_link.gif) no-repeat left center; font-size:16px; }
.sub-link .link li.last a { background-image: none; }

 .sub-contants .title_box {
        padding: 10px 20px;
        border-radius: 5px;
        background-color: #7eb0c9;
        color: #fff;
        font-size: 1.3rem;
        text-align: center;
   }




#yespen_class_banner_v3 {
  margin: 0px; width: 1200px; height: 440px; position: relative; z-index: 2;
}
#yespen_class_banner_v3 {width:1200px; height:500px; position:relative; margin: 0px 0 0 0px;z-index:2;}


#yespen_class_banner_v3 li {
  display: none; list-style-type: none;
}

.bx-wrapper .bx-viewport {
    transform: translateZ(0px); -webkit-transform: translatez(0); -moz-transform: translatez(0); -o-transform: translatez(0);
}
.bx-wrapper .bx-viewport ul {
    margin: 0px; padding: 0px;
}
.bx-wrapper .bx-pager {
    width: 100%; bottom: 10px; position: absolute; z-index: 9999;
}
.bx-wrapper .bx-controls-auto {
    width: 100%; bottom: 10px; position: absolute; z-index: 9999;
}
.bx-wrapper .bx-loading {
    background: url("images/bx_loader.gif") no-repeat center rgb(255, 255, 255); left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: 2000; min-height: 50px;
}
.bx-wrapper .bx-caption {
    background: rgba(80, 80, 80, 0.75); left: 0px; width: 100%; bottom: 0px; position: absolute;
}
.bx-wrapper .bx-caption span {
    padding: 10px; color: rgb(255, 255, 255); font-family: Arial; font-size: 0.85em; display: block;
}
.bx-wrapper {
    margin: 0px auto; padding: 0px; position: relative; *zoom: 1;
}
.bx-wrapper img {
  display: block; max-width: 100%;
}


/* PAGER */

.bx-wrapper .bx-pager {width: 100%;text-align: center; font-weight: bold;color: #ccc; padding-top: 20px; font-size:0.85em;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block;*zoom: 1;*display: inline;}

.bx-wrapper .bx-pager.bx-default-pager a {background: #ccc;text-indent: -9999px;display: block;
  width: 10px;height: 10px;margin: 0 5px;outline: 0;
    -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {background: #93b9be;}


.bx-wrapper .bx-controls-direction a {
  outline: 0px; top: 50%; width: 32px; height: 32px; text-indent: -9999px; margin-top: -16px; position: absolute; z-index: 9999;
}
.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}




.bx-wrapper .bx-prev {

    background: url("http://enationsms.cafe24.com/web/front/assets/img/slide60_prev.png") no-repeat 50% 50%; left: 50%; margin-left: -480px;
    width: 32px; height: 60px; font-size: 0px; margin-top: -25px; display: block !important; position: absolute; z-index: 2; cursor: pointer; opacity: 0.5;
}
.bx-wrapper .bx-next {

    background: url("http://enationsms.cafe24.com/web/front/assets/img/slide60_next.png") no-repeat 50% 50%; right: 50%; margin-right: -480px;
    width: 32px; height: 60px; font-size: 0px; margin-top: -25px; display: block !important; position: absolute; z-index: 2; cursor: pointer; opacity: 0.5;
}


.bx-wrapper .bx-prev:hover {
  opacity: 1;
}
.bx-wrapper .bx-next:hover {
  opacity: 1;
}




.bx-wrapper .bx-pager {
  position:absolute; width: 100%; text-align: center; color: rgb(204, 204, 204); padding-top: 20px; font-family: Arial; font-size: 0.85em; font-weight: bold;
}
.bx-wrapper .bx-pager .bx-pager-item {
  display: inline-block;
}
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  background: rgb(204, 204, 204); margin: 0px 5px; outline: 0px; border-radius: 5px; width: 10px; height: 10px; text-indent: -9999px; display: block;
  -moz-border-radius: 5px; -webkit-border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover {
  background: rgb(147, 185, 190);
}
.bx-wrapper .bx-pager.bx-default-pager a.active {
  background: rgb(147, 185, 190);
}


#bx-pager_v3 {
  font: 90%/normal arial, helvetica, sans-serif; margin: 0px auto; padding: 0px; bottom: -20px; width: 100%;
  text-align: right; position: absolute; z-index: 9999; font-size-adjust: none; font-stretch: normal;
}


#bx-pager_v3 ul {
  margin: 0px 0px 0px 0px; padding: 0px; width: 100%; display: inline-block;
}
#bx-pager_v3 li {
  margin: 2px 0px 0px 2px; display: inline-block;
}

#bx-pager_v3 li a {
  margin: 2px 0px 0px; padding: 5px 20px; border-radius: 0px; border: 1px solid rgba(0, 0, 0, .05); border-image: none; font-size:12px;
  text-align: center; color: rgb(47, 47, 47); line-height: 16px;  text-decoration: none; display: block;
  background-color: rgba(245,245,245,.92); -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px;
  opacity: 1;
}
#bx-pager_v3 li a.active {
  border: 1px solid rgba(0, 0, 0, .07); border-image: none; color: rgb(255, 255, 255); font-weight: bold; content: "(Active)"; background-color: rgba(55,55,55,.8);
  opacity: 1;
}
#bx-pager_v3 li a:hover {
   border-image: none; color: rgb(255, 255, 255); font-weight: bold; content: "(Active)"; background-color: rgba(160, 160, 160, 0.92);;
  opacity: 1;
}



/* BASIC css end */