@import url('../../asset/css/reset.css');
body { background: url(../../asset/img/bg.jpg) no-repeat top center; font-family: Helvetica,Tahoma !important; font-size: 13px; color:#333333; line-height: 1.35;}
a{ text-decoration: none;}
strong{ font-weight: bold;}
.container{ width: 1000px; margin-left: auto; margin-right: auto; position: relative; z-index: 99999;}
.clr{ clear: both;}
.header{ height:195px; } 
.right-header{ float: right; width: 485px; padding: 20px 0 0 0; }
.left-header{ float: left; width: 300px; padding: 20px 30px 0 35px;}
.img{ background: url(../../asset/img/sprite.png); display: block;}
.login-title{ width: 104px; height: 20px; float: left; background-position:-181px -20px; text-indent: -9999px; margin: 2px 7px 0 0;}
.input-login{ color: #888888; border: none; width: 120px; height: 20px; padding: 5px 10px; background-position: -181px -54px; outline: none; float: left; margin: 0 3px 0 0;}
.button-login{ border: none; width: 70px; height: 30px; background-position: -181px -95px; cursor: pointer;}
.social{ padding: 30px 20px 0 0; overflow: hidden; float: right;}
.social ul li { display: block; width: 40px; height: 40px; float: left; text-indent: -9999px; margin: 0 3px 0 0;}
.social ul li a{ display: block; height: 38px;}
.fb-sc{ background-position: -26px -50px;}
.tw-sc{ background-position: -68px -50px;}
.gp-sc{ background-position: -109px -50px;}
.nav ul{ margin: 6px 0 0 0;}
.nav ul li a{ float: left; display: block; background: url(../../asset/img/sprite.png); height: 60px; text-indent: -9999px;}
.nav ul li a.home-menu{ width: 103px; background-position: 0 -228px;}
.nav ul li a.home-menu:hover{ background-position: 0 -319px;}
.nav ul li.active a.home-menu{ background-position: 0 -319px;}

.nav ul li a.about-menu{ width: 120px; background-position: -104px -228px;}
.nav ul li a.about-menu:hover{ background-position: -104px -319px;}
.nav ul li.active a.about-menu{ background-position: -104px -319px;}

.nav ul li a.new-product-menu{ width: 114px; background-position: -225px -227px;}
.nav ul li a.new-product-menu:hover{  background-position: -225px -319px;}
.nav ul li.active a.new-product-menu{  background-position: -225px -319px;}

.nav ul li a.feat-product-menu{ width: 128px; background-position: -338px -228px;}
.nav ul li a.feat-product-menu:hover{  background-position: -338px -319px;}
.nav ul li.active a.feat-product-menu{  background-position: -338px -319px;}

.nav ul li a.hot-product-menu{ width: 123px; background-position: -465px -228px;}
.nav ul li a.hot-product-menu:hover{  background-position: -465px -319px;}
.nav ul li.active a.hot-product-menu{  background-position: -465px -319px;}

.nav ul li a.pro-product-menu{ width: 151px; background-position: -588px -228px;}
.nav ul li a.pro-product-menu:hover{ background-position: -588px -319px;}
.nav ul li.active a.pro-product-menu{ background-position: -588px -319px;}

.nav ul li a.pay-menu{ width: 150px; background-position: -739px -228px;}
.nav ul li a.pay-menu:hover{ width: 150px; background-position: -739px -319px;}
.nav ul li.active a.pay-menu{ width: 150px; background-position: -739px -319px;}

.nav ul li a.contact-menu{ width: 109px; background-position: -890px -228px;}
.nav ul li a.contact-menu:hover{  background-position: -890px -319px;}
.nav ul li.active a.contact-menu{  background-position: -890px -319px;}

.category{ width: 234px; padding:1px 0 0 0; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; float: left; -moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888; margin-bottom: 20px;}
.head-cate { background-position: -376px -47px; width: 234px; height: 54px;}
.head-know { background-position: -376px -106px; width: 234px; height: 54px;}
ul.menu-cate li{ display: block; background: url(../../asset/img/top-menu.jpg); width: auto; height: 25px; padding: 5px 0 0 10px; font-size: 16px;}
ul.menu-cate li a{ color: #333333;}
.right-content{ width: 690px; margin:0 0 40px 0; -moz-box-shadow: 0 0 5px #888; background:#FFFFFF;
-webkit-box-shadow: 0 0 5px #888; position:relative; z-index:99999;
box-shadow: 0 0 5px #888; float: left; background: url(../../asset/img/bg-right.jpg) top repeat-x; padding: 1px 0 0 0;}
.left-article{ width: 234px; float: left; margin: 0 25px;  }
.banner-foot{ background: url(../../asset/img/banner-foot.jpg) repeat-x; width: auto; height: 20px;}
.content-box{ padding: 20px 20px;}
.content-box h1{ font-size: 22px; float: left; }
.see-more{ background-position: -254px -95px; width: 86px; height: 27px; border: none; cursor: pointer;}
.f-right{ float: right;}
.product-item{ width: 260px; float: left; height: 380px; background: url(../../asset/img/bg-productitem.jpg) repeat-x bottom; margin: 10px 30px;}
.product-detail{ padding: 20px; font-family: Helvetica,Tahoma;}
.product-detail h1{ margin: 0 0 10px 0;}
.product-detail p{ font-size: 12px; margin-bottom: 8px;} 
.title-main-product{ margin: 0 0 15px 0; overflow: hidden;}
.footer{ background: url(../../asset/img/footer-bg.jpg) repeat-x bottom; height: 200px; width: 100%;  position: relative;  margin: 0px 0 0 0; }
.content-footer{ width: 850px; margin: 0 auto; padding: 100px 0 0 0; position: relative}
.logo-footer{ width: 180px; height: 50px; background-position: -18px -152px; text-indent: -9999px; float: left;}
.footer-copyright{ float: left; margin: 8px 0 0 25px; color: #4a4a4a; font-size: 14px;}
.sm-size{ font-size: 12px;}
.link-footer { position: relative; z-index: 999999; padding: 30px 0 0 0;}
.link-footer ul li { display: inline;}
.link-footer ul li a{ text-decoration: none; color: #4a4a4a; font-size: 12px; }
.slider-wrapper theme-default{ width:948px; height:390px;}
#slideshow{width:948px; height:420px; margin:20px auto;}

/*
 * Lean Slider v1.0
 * http://dev7studios.com/lean-slider
 *
 * Copyright 2012, Dev7studios
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */
 
.lean-slider { 
    position: relative; 
    *zoom: 1;
}
.lean-slider:before,
.lean-slider:after {
    content: " ";
    display: table;
}
.lean-slider:after {
    clear: both;
}

.lean-slider-slide { 
    float: left;
    width: 100%;
    margin-right: -100%;
    display: none; 
}
.lean-slider-slide.current { display: block; }
.slider-wrapper { 
    position: relative; 
    background: #fff url(images/loading.gif) no-repeat 50% 50%;
    -moz-box-shadow: 0 0 3px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.4);
    box-shadow: 0 0 3px rgba(0,0,0,0.4);
	width:954px; margin:0 auto; margin-top:15px;
}
.lean-slider { overflow: hidden; }
.lean-slider-slide {
    display: block;
    position: relative;
    opacity: 0;
    -webkit-transition: opacity 0.6s linear;
    -moz-transition: opacity 0.6s linear;
    -ms-transition: opacity 0.6s linear;
    -o-transition: opacity 0.6s linear;
    transition: opacity 0.6s linear;
}
.lean-slider-slide.current { opacity: 1; }
.lean-slider-slide img { 
    display: block;
    width: 100%; 
}

#slider-direction-nav {
    position: absolute;
    left: 0;
    top: 47%;
    width: 100%;
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -ms-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
    opacity: 0.2;
}
.slider-wrapper:hover #slider-direction-nav { opacity: 1; }
#slider-direction-nav a {
    float: left;
    display: block;
    width: 26px;
    height: 37px;
    background: url(images/arrows.png) no-repeat 0 0;
    text-indent: -9999px;
}
#slider-direction-nav .lean-slider-next {
    float: right;
    background-position: 100% 0;
}

#slider-control-nav {
    position: absolute;
    left: 0;
    bottom: -51px;
    width: 100%;
    text-align: center;
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -ms-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}
.slider-wrapper:hover #slider-control-nav { opacity: 1; }
#slider-control-nav a {
    display: inline-block;
    width: 19px;
    height: 19px;
    background: url(../img/pagination.png) no-repeat 0 0;
    text-indent: -9999px;
    margin: 0 3px;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}
#slider-control-nav a.active { background-position: 0 -20px; }
.shadow{ background: url(../../asset/img/shadow.png); width: 951px; height: 76px; margin: 0 0 0 22px;}
.article{overflow: hidden;}
@font-face {
    font-family: 'rsuregular';
    src: url('../../asset/font/rsu_regular-webfont.eot');
    src: url('../../asset/font/rsu_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../asset/font/rsu_regular-webfont.woff') format('woff'),
         url('../../asset/font/rsu_regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
.webboard-btn{ margin: 0 0 15px 0;}
.table-board a{ color: #292929; font-weight: bold;}
.table-board { margin: 0 0 15px 0;}
.table-board tr th{ padding: 7px; background: #7d7e7d; /* Old browsers */
background: -moz-linear-gradient(top,  #7d7e7d 0%, #0e0e0e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7e7d), color-stop(100%,#0e0e0e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* IE10+ */
background: linear-gradient(to bottom,  #7d7e7d 0%,#0e0e0e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */
}
.table-board tr td{ padding: 7px 10px; border-bottom: 1px solid #e3e3e3;}
.content-webboard{ padding: 7px; line-height: 1.4;}