@charset "utf-8";
/* CSS Document */
#swrapper { margin:0 auto; }
#header { margin-bottom:15px; }
#footer { clear:both; margin:15px 0; padding-bottom:15px; }
/*HEADER---------------*/
.taskbar { height:25px; line-height:25px; color:#333; padding:0 10px; font-weight:bold; background:url(../images/bg-taskbar.png) no-repeat 0 0; }
.taskbar-r{width: 75%}
.taskbar .taskbar-r ul { float:right; margin:0 2px; display: block }
.taskbar .taskbar-r ul li { list-style:none; display:inline; line-height:25px; border-right:1px solid #ce8f00; margin-right:5px; padding-right:5px; }
.taskbar .taskbar-r ul li:last-child, .menu-main li .menu-sub li:last-child { margin-right:0; padding-right:0; border:0; }
.taskbar a { color:#333; }
/*top*/
.banner-header { background:url(../images/bg-header.png) no-repeat 0 0; overflow: hidden ; width: 100%}
.banner-header .logo { width:220px; }
.banner-header .logo a { width:220px; height:100px; display:block; text-indent:-3000px; }

.banner-header .header-r img { margin:10px 10px 0 0;width: 100% }

.path { height:30px; padding-top:5px;  *padding-top:2px;
clear:both; }
.search { margin-left:5px; width:230px; }
.search .key-search { width:190px; }
.btn-search { background:url(../images/btn-search.gif) no-repeat 0 0; height:24px; width:24px !important; border:0; }
#support-menu{
    margin:0 0 0 30px;
    padding:0;
    float: left;
}
#support-menu > li{
    position: relative;
    display: inline-block;
    line-height: 25px;
    color:#fff;
    font-weight: bold;
    background:url(../images/bg-btn-red.gif) no-repeat 0 0;
    margin-left: 30px;
    padding:0 15px;
    width:180px;
}
#support-menu > li a{
    color:#fff;
    text-decoration: none;
}
#support-menu > li:hover ul.menu-min{
    display: block;
    position: absolute;
    top: 25px;
    left: 0px;
    z-index: 30;
    overflow: hidden;
    background:#f7ebdb;
    margin:0;
    padding:15px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border:1px solid #f00;
    border-top: none;
}
ul.menu-min { float:left; width:430px; margin:0 0 0 15px; display: none;}
ul.menu-min li {list-style:none; display: inline-block;}
ul.menu-min li a { height:26px; line-height:24px; width: 200px; display:block; color:#fff; font-weight:bold; padding-left:12px; float:left; background:url(../images/bg-btn-red.gif) no-repeat 0 0; }
ul.menu-min li a span { height:26px; display:block; float:left; padding-right:12px;  *padding-right:10px;
background:url(../images/bg-btn-red.gif) no-repeat 100% 0; }
ul.menu-min li a:hover, ul.menu-min li a.active { text-decoration:none; background:url(../images/bg-btn-yellow.gif) no-repeat 0 0; }
ul.menu-min li a:hover span, ul.menu-min li a.active span { background:url(../images/bg-btn-yellow.gif) no-repeat 100% 0; }
ul.menu-min li a.btn-support { background:url(../images/bg-support.gif) no-repeat 0 0; width:117px; padding:0; margin-left:15px; }

.menu-main li:last-child .menu-sub { right:1px; left:auto; }

.menu-main li .menu-sub li { float:none; height:24px; line-height:24px; overflow:hidden; background:none; border-bottom:1px solid #e0e0e0; border-top:1px solid #fff; }
.menu-main li .menu-sub li:first-child { border-top:0; }
.menu-main li .menu-sub li a, .menu-main li .menu-sub li a span { height:24px; margin:0; float:none; color:#333; }
.menu-main li .menu-sub a { padding-left:10px; text-transform:none; background:url(../images/bullit-news-hot.gif) no-repeat 3px 50%; }
.menu-main li .menu-sub li a:hover span { background:none; }
.menu-main li .menu-sub li a:hover { color:#dd011b; background:#fff url(../images/bullit-news-hot.gif) no-repeat 3px 50%; }
.cart { border-left:1px solid #e4cbac; height:25px; line-height:25px; padding-left:30px; margin-right:5px; background:url(../images/icon-cart.gif) no-repeat 5px 3px; }
.cart label { font-weight:bold; margin-right:5px; }
.cart span.cart-meta { font-size:16px; color:#dd011b; }
/*HEART-------------------*/
.heart { margin-bottom:15px; overflow:hidden; }

.heartbanner a img{width: 100%;}
.hotnews { width:230px; overflow:hidden; height:285px; background:url(../images/bg-hotnews.gif) repeat-x 0 38px; }
.hotnews .title-mod { height:39px; background:url(../images/bg-title-hot.gif) no-repeat 0 0; }
.hotnews .title-mod h3 { color:#fff; font-weight:bold; margin:0; line-height:32px; font-size:12px; text-transform:uppercase; }
.hotnews .title-mod h3 span { margin-left:5px; }
.hotnews ul { margin:15px 0 0 5px; }
.hotnews ul li { list-style:none; margin-bottom:10px; padding-left:8px; background:url(../images/bullit-news-hot.gif) no-repeat 0 5px; }
/*mod-product*/
.mod-item, .box-hepl { margin-bottom:15px; }
.mod-item .title-mod, .browse-menu .title-mod, .col-230 .title-mod, .mod-news .title-mod { background:url(../images/bg-title-mod.gif) no-repeat 0 0; height:24px; }
.mod-item .title-mod h3, .browse-menu .title-mod h3, .col-230 .title-mod h3, .mod-news .title-mod h3 { line-height:24px; font-size:12px; text-transform:uppercase; color:#ff6600; margin:0; font-weight:bold; }
.mod-item .title-mod h3 span, .browse-menu .title-mod h3 span, .col-230 .title-mod h3 span, .mod-news .title-mod h3 span { margin-left:5px; }
.mod-item-hot .title-mod h3 { color:#FF0000; }
.browse-menu .title-mod h3 a.close-finder { float:right; font-weight:normal; color:#999; margin-right:5px; text-transform:none; }
.mod-item-content, .mod-news-content { border:1px solid #e3e3e3; border-top:2px solid #f3891c;  *padding-bottom:10px;
}
.mod-news-content li > img{width: 25%; margin-right: 10px}
.mod-news-content li h2{margin: 0 0 8px 0;font-size: 16px;}
.mod-news-content li p.meta-detail{margin: 0 0 10px 0;font-style: italic;color: #666;}
.mod-news-content li p img{height: auto}
.mod-item-hot .mod-item-content { border-top:2px solid #dd011b; }
.mod-item ul, ul.browse-item-list { margin:15px 0 0px 0px; overflow:hidden}
.mod-item table ul li{float: none; border:none; height: auto; width:auto;}
.mod-item ul li { display:inline-block;  float:left; overflow:hidden; height:350px; list-style:none; border: 1px solid #d3d3d3; width:180px; vertical-align:top; text-align:center; }
.mod-item ul li p.img-item a img{width:180px; height:180px;}
.mod-item-content ul li a { max-height: 150px; overflow: hidden; display: block }
.mod-item ul li.line, ul.browse-item-list li.line { width:98%;  *width:95%;
height:1px; border-bottom:1px dotted #c9c9c9; }
.mod-item ul li h3, ul.browse-item-list li h3, .mod-item ul li h2, ul.browse-item-list li h2 { font-size:12px; font-weight:bold; height:50px; overflow:hidden; margin:0 0 5px 0; }
.mod-item ul li h1 a, ul.browse-item-list li h1 a { color:#333; }
.mod-item ul li p, ul.browse-item-list li p { margin:5px 0 0 0; }
.mod-item ul li p.img-item { /*height:110px; */
	}
#news-list-other li{height:auto;}
.item-price { font-weight:bold; }
.item-price-rp { color:#777; text-decoration:line-through; }
.btn-buy { background:url(../images/bg-buy.gif) no-repeat 0 0; width:99px; height:21px; display:inline-block !important; }
p.sale-off { font-size:11px; }
p.sale-off label { font-weight:bold; color:#f00; }
/**/
.mod { clear:both; }
.mod, .ft-rate { border:1px solid #e3e3e3; overflow:hidden; background:url(../images/bg-bt-mod.gif) repeat-x 0 100%; }
.list-ft .list-ft-ct { float:left; margin:10px 10px 5px 10px;  *margin:8px;
width:225px; }
.list-ft .list-ft-ct h3 { color:#f00; font-weight:bold; font-size:12px; padding-bottom:2px; text-transform:uppercase; border-bottom:1px solid #e3e3e3; }
.list-ft .list-ft-ct ul { margin:0; }
.list-ft .list-ft-ct ul li { list-style:none; padding-left:12px; margin-bottom:5px; background:url(../images/bullit.gif) no-repeat 0 5px; }
.list-ft .list-ft-ct ul li a { color:#444; }
.payment { border-bottom:1px solid #e3e3e3; border-top:1px solid #e3e3e3; overflow:hidden; padding:5px 0; margin:15px 0; height:35px; clear:both; }
.payment label { color:#f00; margin-top:3px; display:block; float:left; font-weight:bold; text-transform:uppercase; font-style:italic; }
/*footer*/
#footer p { margin:5px 0; }
.ft-rate { width:180px; }
.ft-rate p { margin-left:10px !important; padding-left:22px; }
.ft-rate .online { background:url(../images/icon-rate.gif) no-repeat 0 1px; }
.ft-rate .people { background:url(../images/icon-rate.gif) no-repeat 0 -26px; }
.ft-rate p label { font-weight:bold; display:block; float:left; margin-right:5px; width:90px; }
/*BROWSE PAGE===========================================*/
.col-500 { width:500px; }
.col-450 { width:450px; }
.browse { margin-bottom:15px; width:100%; overflow:hidden; }
.browse-item, .col-740 { width:740px; border:1px solid #e3e3e3; }
.browse-menu, .col-230 { width:230px; }
.browse-item .browse-path { border:0; border-bottom:1px solid #e3e3e3; }
.browse-path { height:32px; overflow:hidden; border:1px solid #e3e3e3; background:url(../images/bg-bt-mod.gif) repeat-x 0 50%; border-bottom:1px solid #e3e3e3; }
.browse-path ul { float:left; margin:0 0 0 10px; }
.browse-path ul li { float:left; list-style:none; margin-right:10px; padding-right:18px; line-height:32px; background:url(../images/bullit.gif) no-repeat 100% 15px; }
.browse-path ul li:last-child { background:none; padding:0; }
.browse-path ul li a.active { color:#f00; font-weight:bold; }
.browse-path .finder { float:right; line-height:26px; margin:3px 10px 0 0; }
.browse-path .finder form { float:right; margin-left:10px; }
ul.browse-item-list li { display:inline-block;  *float:left;
 *overflow:hidden;
list-style:none; margin:0 7px 15px 10px; margin:0 0 15px 10px; width:165px; vertical-align:top; text-align:center; }
.paging { margin:0; height:26px; width:100%;  *height:20px;
 *padding-top:6px;
text-align:right; border-top:1px solid #e3e3e3; background:url(../images/bg-bt-mod.gif) repeat-x 0 100%; }
.paging li { list-style:none; display:inline-block; margin:6px 3px 0 0;  *float:left;
 *margin:2px;
}
.paging li a { padding:2px 6px; border:1px solid #e3e3e3;  *border:0;
font-weight:bold; color:#555; }
.paging li a:hover, .paging li a.active { background:#fff; color:#f00; text-decoration:none;  *background:none;
 *text-decoration:underline;
}
.browse-menu .mod-item-content h2, .browse-menu .mod-item-content ul, .box-hepl h2 { margin:10px 5px; }
.browse-menu .mod-item-content h2, .box-hepl h2 { font-weight:bold; font-size:12px; padding-bottom:2px; }
.browse-menu .mod-item-content ul { border-bottom:1px dotted #e3e3e3; }
.browse-menu .mod-item-content ul li { list-style:none; margin-bottom:5px; }
/*DETAIL PAGE=================*/
.detail, .intro, .news, .news-detail, .shop-cart, .order {  }
.detail img { max-width: 98% !important; }
.detail .browse-path { border-bottom:0; }
.detail-content { margin-bottom:15px; overflow:hidden; border:1px solid #e3e3e3; }
.box-hepl ul { margin:0 5px 0 10px; }
.box-hepl li { list-style:none; margin-bottom:10px; padding-left:12px; background:url(../images/bullit.gif) no-repeat 0 5px; }
.detail-content .col-230 { text-align:center; margin:10px 0 10px 10px; }
.detail-content .col-450 { margin:10px 10px 10px 0; }
.detail-img-s ul { margin:0; }
.detail-img-s ul li { display:inline-block; }
.detail-img-s ul li a { display:inline-block; border:1px solid transparent; }
.detail-img-s ul li a:hover, .detail-img-s ul li a.active { border:1px solid #eee; }
.detail-content .col-450 p { margin:5px 0 0 0; }
.detail-content .col-450 h1 { font-size:18px; }
.detail-content .col-450 .description { background:#f9f9f9; -moz-border-radius:3px; padding:5px; margin-top:15px; }
.detail-content .col-450 .description p { margin:0; }
.detail-param .mod-item-content { padding:10px; }
/*INTRO PAGE========================================*/
.img-intro { margin:0 10px 0 0; }
.intro .mod-item-content, .news-detail .mod-news-content, .contact .mod-news-content { padding:10px; }
.intro h1 { font-size:16px; margin-top:0; }
/*NEWS PAGE========================================*/
.news { margin-bottom:15px; }
.menu-l { border:1px solid #e3e3e3; background:#f9f9f9; margin-bottom:15px; -moz-border-radius:3px; }
.menu-l ul { margin:0; }
.menu-l ul li { list-style:none; border-bottom:1px solid #e3e3e3; border-top:1px solid #fff; }
.menu-l ul li:last-child { border-bottom:0; }
.menu-l ul li a { display:block; padding:8px; text-transform:uppercase; font-weight:bold; padding-left:14px; background:url(../images/bullit-news-hot.gif) no-repeat 5px 12px; }
.menu-l ul li a:hover, .menu-l ul li a.active { background:#fff url(../images/bullit-news-hot.gif) no-repeat 5px 12px; text-decoration:none; color:#ff5a00; }
.news .mod-news-content ul, .news .mod-news-content #news-list-other { margin:10px; }
.news .mod-news-content ul li { border-bottom:1px dotted #e3e3e3; margin-bottom:10px; padding-bottom:10px; list-style:none; overflow:hidden; }
.news .mod-news-content ul li:last-child { border-bottom:0; }
.news .mod-news-content ul li img { float:left; border:1px solid #e3e3e3; margin-right:10px; max-height: 140px; max-width: 140px; }
.news .mod-news-content ul li h1 { font-size:12px; font-weight:bold; }
.news .mod-news-content ul li p.meta-news { margin:0 0 5px 0; font-size:12px; color:#777; }
#news-list-other h3 { font-weight:bold; font-size:12px; margin-bottom:10px; border-bottom:1px solid #e3e3e3; }
#news-list-other ul { margin-left:20px; }
#news-list-other ul li { margin:0 0 10px 0; padding:0; border:0; float:none !important; padding-left:12px; text-align:left; background:url(../images/bullit.gif) no-repeat 0 5px; }
.news-detail .mod-news-content h1 { font-size:16px; }
.contact .mod-news-content table th, .contact .mod-news-content table td { padding:5px; vertical-align:top; }
.contact .mod-news-content table th { width:150px; text-align:right; }
.input-contact { width:250px; }
.btn-contact, .btn-contact-cancel { -moz-border-radius:15px; height:26px; font-weight:bold; border:0; padding:0 10px !important; }
.btn-contact { background:#ff8d00; color:#fff; }
.btn-contact:hover { background:#dd011b; }
.btn-contact-cancel { background:#888; color:#fff; }
.btn-contact-cancel:hover { background:#666; }
/*BUILT PAGE=================================*/
.built { margin:10px; border:1px; size: #e3e3e3; }
.built th, .built td { padding:5px; }
.built th { width:200px; text-align:right; }
.built-alert { background:#f9f9f9; -moz-border-radius:3px; padding:5px; margin-bottom:15px; }
.list-built { width:250px; }
.built-total { text-align:right !important; font-weight:bold; font-size:14px; }
/*CART===================================*/
.shop-cart .shop-cart-content, .order .order-cart { width:720px; margin:15px auto 0 auto; border:1px solid #eee; }
.shop-cart .shop-cart-content th, .shop-cart .shop-cart-content td, .order .order-cart th, .order .order-cart td { padding:5px; border-bottom:1px solid #eee; border-right:1px solid #eee; }
.shop-cart .shop-cart-content th, .order .order-cart th { background:#f7f7f7; }
.shop-cart .sl-cart { width:50px; }
.shop-cart .shop-cart-content .bold { font-weight:bold; }
.shop-cart .print { margin:5px 10px; }
.shop-cart .print a { background:url(../images/print.png) no-repeat 0 0; padding-left:20px; }
/*ORDER ==========================*/
.order .order-cart { background:#fafafa; }
.order .order-cart p { text-align:right; margin:3px 0; }
.order .order-cart .order-price { color:#f00; font-weight:bold; }
.order .order-content th, .order .order-content td { padding:5px; }
.order .order-content th { width:150px; text-align:right; }
.order .order-content .input-order-ct { width:220px; }
.order .order-content .btn-contact { text-transform:uppercase; }
.facebook_like { margin:20px 0 0 }