body {
    color:#000;
    margin:0;
    font:13px Arial, Helvetica, sans-serif;
    background:url(/assets/images/body-bg.gif) repeat-x;
}
span.date {
    padding-right: 30px;
    font-style: italic;
}

#wrapper {
    width:980px;
    margin:0 auto;
}
#header {
    height:218px;
    border-bottom:1px solid #999;
    position:relative;
}
#header .logo {
    position:absolute;
    text-indent:-9999px;
    overflow:hidden;
    left:9px;
}
#header .logo a {
    display:block;
    height:100%;
}
#header .mast {
    width:178px;
    height:149px;
    background:url(/assets/images/logo01.png) no-repeat;
    top:39px;
}
#header .hckb {
    width:233px;
    height:113px;
    background:url(/assets/images/logo02.png) no-repeat;
    top:62px;
}
#header .hkmz {
    width:259px;
    height:97px;
    background:url(/assets/images/logo03.png) no-repeat;
    top:77px;
}
.lang {
    position:absolute;
    right:20px;
    top:9px;
    width:100px;
}
.lang a {
    text-decoration:none;
    color:#000;
    float:left;
    line-height:18px;
}
.lang img {
    border: none;
    float:left;
}
.lang a:hover {
    color:#ff4f4f;
}
.lang .open {
    padding-right:9px;
    background:url(/assets/images/arrow01.gif) no-repeat 100% 50%;
}
.lang .popup {
    padding:5px;
    border:1px solid #ccc;
    position:absolute;
    top:18px;
    width:auto;
    left:13px;
    display:none;
}
.lang.active .popup {
    display:block;
}
.lang ul {
    margin:0;
    padding:0;
    list-style:none;
    text-align:center;
}
.lang ul li a {
    float:none;
}
/*nav*/
#nav {
    margin:0;
    padding:0;
    list-style:none;
    position:absolute;
    top:30px;
    left:395px;
}
#nav li {
    width:194px;
}
#nav li.drop {
    background:url(/assets/images/arrow02.gif) no-repeat 100% 9px;
}
#nav li a {
    text-decoration:none;
    color:#000;
    font-size:14px;
    line-height:24px;
    position:relative;
    padding-right:10px;
    background:#fff;
}
#nav li a:hover {
    color:#5a5a5a;
}
#nav li.active a {
    color:#ff4f4f;
}
#nav li.first a {
    background:url(/assets/images/first-link-bg.gif) repeat-x;
}
#nav li.second a {
    background:url(/assets/images/second-link-bg.gif) repeat-x;
}
#nav li.third a {
    background:url(/assets/images/third-link-bg.gif) repeat-x;
}
#nav li.four a {
    background:url(/assets/images/four-link-bg.gif) repeat-x;
}
#nav div {
    position:absolute;
    left:198px;
    top:7px;
    border-left:1px solid #999;
    background:url(/assets/images/drop-bg.gif) no-repeat 0 100%;
}
#nav div ul {
    margin:-7px 0;
    float:left;
    padding:0 0 0 12px;
    list-style:none;
    background:url(/assets/images/drop-bg.gif) no-repeat 0 7px;
}
#nav div ul li {
    width:250px;
}
#nav div ul li a {
    background:none !important;
}
#main {
    overflow:hidden;
    height:1%;
}
/*content*/
#content {
    width:900px;
    float:right;
    padding-top:34px;
    margin-right: 30px;
}
#sidebar h1 ,
#content h1 {
    font-size:20px;
    line-height:26px;
    font-weight:normal;
    margin-bottom: 19px;
}
.content-wrap img {
    border:1px solid #cdcdcd;
    padding: 3px;
    margin-right: 10px;
}    
#content h3 {
    margin:0;
    font-size:12px;
    line-height:22px;
}
#content a {
    text-decoration:underline;
    color:#ff0f0f;
}
#content a:visited {
    text-decoration:underline;
    color:#ff7f7f;
}
#content a:hover {
    text-decoration:none;
}
#content p {
    margin:0 0 22px;
    line-height:22px;
}
#content ul {
    margin:2px 0 16px;
    padding:0;
    list-style:none;
    overflow: hidden;
    height: 1%;
}
#content ul li {
    padding-left:16px;
    line-height:18px;
    background:url(/assets/images/bullet01.gif) no-repeat 8px 8px;
    padding-bottom:8px;
}
.address-box {
    border-top:1px solid #999;
    padding:23px 0 24px;
}
.address-box strong {
    display:block;
    line-height:22px;
}
.address-box span {
    display:block;
    line-height:22px;
}
.address-box a {
    text-decoration:none;
    color:#ff4f4f;
    font-weight:normal;
}
.address-box a:hover {
    text-decoration:underline;
}
.address-box dl {
    margin:2px 0 0;
    padding:0;
    line-height:25px;
}
.address-box dl dt {
    width:50px;
    float:left;
}
.address-box dl dd {
    margin:0;
    font-weight:bold;
    padding-left:50px;
}
#content .image-area {
    overflow:hidden;
    height:1%;
    padding-bottom:25px;
    margin-top:-3px;
}
#content .image-box {
    float:left;
    padding:3px;
    border:1px solid #cdcdcd;
    margin-right:40px;
}

/*sidebar*/
#sidebar {
    width:290px;
    float:left;
    padding:0px 0 10px 10px;
}
.news {
    margin:0 0 -33px;
    padding:2px 7px 0 0;
    list-style:none;
}
.news li {
    overflow:hidden;
    height:1%;
    margin-bottom:46px;
}
.news li em {
    width:83px;
    text-align:center;
    background:#eee;
    float:left;
    font-style:normal;
    line-height:18px;
}
.news li a {
    color:#000;
    text-decoration:none;
    width:197px;
    float:right;
    line-height:18px;
}
.more:hover ,
.news li.hover em ,
.news li:hover em {
    background:#ff4f4f;
    color:#fff;
}
.more {
    display:block;
    line-height:18px;
    text-decoration:none;
    color:#000;
    background:#eee;
    width:61px;
    margin-bottom:24px;
    text-align:center;
}
.product-box {
    width:274px;
    text-align:center;
    padding:6px 0 30px;
}
.product-box .image-box {
    padding:3px;
    border:1px solid #cdcdcd;
    position:relative;
    width:266px;
    margin-bottom: 10px;
}
.product-box .image-box img {
    display:block;
    border:none;
}
.product-box p {
    margin:2px 0 0;
    line-height:18px;
}
.product-box .zoom {
    width:38px;
    height:38px;
    text-indent:-9999px;
    overflow:hidden;
    position:absolute;
    right:3px;
    bottom:3px;
    background:url(/assets/images/zoom-btn.png) no-repeat;
}
#footer {
    width:100%;
    border-top:1px solid #999;
    padding:23px 0 49px;
}
#footer p {
    margin:0;
}
.map-hold {
    width:365px;
    float:right;
    padding-top:40px;
}
.map-hold img {
    display:block;
    border:1px solid #999;
}
/*info-box*/
.info-box {
    width:536px;
    float:left;
    padding:10px 0 0 10px;
}
.info-box .address-box {
    border-bottom:1px solid #999;
    border-top:none;
}
.info {
    padding:32px 0 14px;
}
.info table td {
    padding:0;
    line-height:18px;
    vertical-align:top;
    padding-bottom:12px;
    text-align:left;
    width:212px;
}

/*price-area*/
.price-area {
    padding:40px 0 0 10px;
}
.price-area a {
    text-decoration:none;
    color:#ff4f4f;
}
.price-area a:hover {
    text-decoration:underline;
}
.price-area a img {
    float:left;
    border:none;
    margin:0 6px 0 7px;
}
.price-table {
    border:1px solid #ccc;
    margin-top:15px;
    width:auto;
}

.address-box {
    border:none;
}
/*list-box*/
.list-box {
    overflow:hidden;
    width:960px;
    padding:35px 0 26px 20px;
}
.list-box .box {
    width:270px;
    float:left;
}
.list-box .box.last {
    width:150px;
}
.list-box .box strong {
    display:block;
    line-height:18px;
}
.list-box .box ul {
    margin:0;
    padding:0;
    list-style:none;
}
.list-box .box ul li a {
    text-decoration:none;
    color:#000;
    line-height:18px;
}
.list-box .box ul li a:hover {
    color:#ff4f4f;
}
.popup {
    width:640px;
}
.popup .close {
    float:right;
    width:23px;
    position:relative;
    height:23px;
    background:url(/assets/images/close.png) no-repeat;
    text-indent:-9999px;
    overflow:hidden;
    margin-bottom:5px;
}
.image-holder {
    clear:both;
}

.noborders, .noborders td {
    border: none;
}

.fdff, .fdff td { border-left: none; border-right: none; }