@charset "utf-8";
/* CSS Document */

body {
    background:url(../images/bodybg.gif) repeat-x 0 0 #C40000;
    padding:0;
    margin:0;
    font-size:12px;
}
.wrapbody {
    width:900px;
    margin:auto
}
.c {
    clear: both;
    font:0/0 tahoma;
    height:0
}
* {
    padding:0;
    margin:0;
    list-style:none
}

.ye{ color:#FDF400}

a {
    text-decoration:none;
    color:#ccc
}
a:hover {
    text-decoration:underline
}
img {
    border:none
}
#header {
    height:90px;
    background:url(../images/headerbg.jpg) right top no-repeat;
}
#search-bar {
    float:right;
    clear:right;
    margin-top:1em
}
#search-bar .ip {
    width:100px;
    background:#5E0F0F;
    border:1px solid #B44C4C;
    padding:2px 2px 0;
    height:16px;
    font-size:12px;
    line-height:14px;
    font-family:tahoma;
    color:#fff
}
#search-bar .bt {
    width:55px;
    height:20px;
    background:url(../images/search-bt.gif);
    border:none
}
#logo {
    float:left;
    margin-top:2em
}
#toptool {
    float:right;
    color:#fff;
    margin-top:1em;
}
#toptool span {
    cursor:pointer;
    color:#C6C6C6
}
#guide {
    height:64px;
    background:url(../images/guidebg.jpg) no-repeat
}
#guide ul {
    padding:0 0 0 146px;
    margin:1px 0 0;
    float:left;
    list-style:none
}
#guide ul li {
    float:left;
    height:59px;
}
#guide ul li a {
    text-align:center;
    font:bold 14px/56px Tahoma;
    float:left;
    width:120px;
    height:59px;
    color:#ccc;
    text-decoration:none;
}
#guide ul li a:hover, #guide ul li.active a {
    background: url(../images/guideh.gif) no-repeat;
}
#guide ul li.active a {
    color:#FFFFFF
}
#mainer {
    float:left;
    width:100%;
}
.main-show {
    background:url(../images/mainbg.gif) repeat-y
}
#show-left {
    width:105px;
    float:left
}
#product-menu {
    background:url(../images/product-menu-m.gif) repeat-y;
    width:100%;
    float:left
}
#product-menu .w1 {
    background:url(../images/product-menu-t.gif) no-repeat;
    width:100%;
    float:left
}
#product-menu .w2 {
    background:url(../images/product-menu-b.gif) no-repeat left bottom;
    width:102px;
    padding:1em 0 1em 3px;
    float:left
}
#product-menu ul li {
    float:left;
    border-bottom:1px dashed #7A0000
}
#product-menu ul li a {
    width:87px;
    padding:6px 5px 4px 10px;
    float:left;
    color:#fff
}
#product-menu ul li a:hover {
    background:#B20303
}
#product-menu ul li.active a, #product-menu ul li.active a:hover {
    background:#7A0000;
    color:#FEB900;
    font-weight:700
}
#show-content {
    width:790px;
    float:right;
    padding-top:8px;
    padding-bottom:2em
}
.content-left {
    width:250px;
    float:left
}
.content-main {
    width:520px;
    float:right;
    padding:5px 5px 5px 0
}
.squareList {
    float:left;
    width:100%;
    padding-bottom:1em
}
.squareList li {
    float:left;
    padding:5px;
}
.squareList li img {
    border:1px solid #7A0000;
    filter:alpha(opacity=70);
    opacity:0.7;
    width:50px;
    height:50px
}
.squareList li a {
    height:52px;
    width:52px;
    float:left;
    background:#000
}
.squareList li a:hover img {
    border-color:#FDF400;
filter:();
    opacity:1;
}
.squareList li.active img {
    border-color:#FDF400;
filter:();
    opacity:1;
}
.show-pic-big img {
    border:3px solid #7A0000
}
h1 {
    font-size:18px;
    color:#FDF400;
    margin:.8em 0;
    font-family:Tahoma
}
h1 span {
    font-size:12px;
    color:#fff;
    font-weight:100
}
.show-dsc {
    width:98%;
    line-height:150%;
    padding:0 0 1em
}
.show-dsc p{ padding: 0 0 1em ; text-indent:2em; color:#D68585; font-size:12px;}
.show-dsc p strong{ color:#EBC3C3}
#dpart {
    width:100%;
    height:109px;
    float:left;
    background:url(../images/dbg.jpg) no-repeat;
}
#dpart ul {
    float:left;
    margin-top:.8em
}
#dpart ul li {
    float:left;
    width:91px;
}
#more {
    margin-top:.8em;
    float:left
}
#epart {
    height:108px;
    width:100%;
    float:left
}
.cool {
    width:32.9%;
    height:108px;
    background:url(../images/e1.gif);
    color:#F45353;
    cursor: default
}
.cool li a {
    color:#F45353;
}
.cool1 {
    background:url(../images/e1.gif);
}
.cool2 {
    background:url(../images/e2.gif);
    color:#fff
}
.cool2 li a {
    color:#fff
}
.e1 {
    float:left;
    margin-right:.5%
}
.e2 {
    width:33.1%;
    margin-right:0;
    float:right
}
.cool dl {
    padding:1em 1em 0 65px
}
.cool dl dt {
    font-weight:700;
    color:#FFF600;
    margin:0 0 .7em
}
.cool dl dd {
    line-height:140%
}
.cool dl dd li {
    width:42%;
    float:left;
    padding-left:7%;
    background:url(../images/dota.gif) no-repeat 0 .3em;
}
.form {
    color:#fff;
    margin-top:2em;
}
.form dd {
    margin:.9em 0
}
.text {
    background:#B21615;
    border:1px solid #F63D3B;
    font-size:14px;
    padding:2px;
}
.form dd .text {
    position: relative;
    margin:-5px 0 0 5px;
    color:#FCC601;
    vertical-align: top
}
.form dd textarea.text {
    font-size:12px;
    line-height:150%;
    padding:.3em;
    color:#ccc
}
.form dd .tips {
    padding:.5em .3em .3em;
    text-align:center;
    border:#fff 1px solid;
    background:#E5CF7A;
    color:#FE0906;
    width:450px;
    line-height:150%
}
.verify-box {
    position:absolute;
    margin-left:-66px;
    margin-top:-82px;
    border:4px solid #7A0000;
    background: #7A0000
}
#footer {
    height:126px;
    background:url(../images/footbg.jpg) no-repeat;
    width:100%;
    float: leftl;
    text-align:center;
    color:#fffb8b;
    font-size:10px;
    font-family:tahoma
}
#footer .w1 {
    padding:2em
}

.uList li,.uList { padding:0; margin:0; list-style:none}
.uList li{ float:left; padding-right:.6em; margin-bottom:.5em}
.uList li img{ width:120px; float:left}

.pages{ margin:3em 2em}
.pages a{ float:left; border:1px solid #DB3535; padding:3px 5px 2px; margin-right:.1em; height:15px; overflow:hidden;}
.pages a:hover{ background:#DB3535}
.pages a.active { background:#480000; border-color:#000 }




/* Following code from kevin for the pic moving */
div#slideimage{
    overflow: hidden;
    position: relative;
    width: 900px;
    height: 134px;
    margin: 10px 10px 0 0;
}

div#slideimage ul{
    position: relative;
    left: 0px;
    padding: 0 0 0 5px;
    list-style: none;
    margin:0;
    padding:0;
    width: 1500px;
}

div#slideimage ul li{
    margin:0;
    padding: 0;
    list-style: none;
    display: block;
    float: left;
}

div#slideimage a{
    margin: 0px 6px 10px 5px;
    padding:0;
    border: 0px;
    display: block;
}
div#slideimage a:hover{
    border: 0px;
}

div#slideimage img{
    margin: 0;
    padding: 0;
    display: block;
    border: none;
}