*{margin:0;padding:0;word-wrap:break-word;}
body{font:normal 12px Arial;color:#000;background:#494546;}
header,nav,section,aside,footer{display:block;}
a{text-decoration:none;color:#00f;}
a:hover{text-decoration:underline;}
img{border:0;}
h2{padding:0 0 10px;font:bold 14px Arial;color:#990000;border-bottom:#E69B9B dashed 1px;margin:0 0 10px;}
form{background:transparent !important;}
option{padding:0 5px 0 3px;}
.clear{clear:both;}
.p{margin:10px 0;}

#top .l,#top .r,#top .s,#topmenu .l,#topmenu .r{background-image:url(arr03.jpg);background-repeat:no-repeat;}
#top .m,#topmenu .m,.button .m{background-image:url(arr03.jpg);background-repeat:repeat-x;}
#thumbBox{position:absolute;left:0;top:0;padding:7px;background:#EEE;visibility:hidden;z-index:10;cursor:hand;cursor:pointer;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;box-shadow:1px 1px 5px #555;z-index:11;}
#thumbBox .footerbar{font:bold 16px/1.1em Arial;padding:5px 0 0;text-align:right;}
#thumbBox #thumbImage{border:1px solid #DDD;background:#FFF;}
#thumbLoading{position:absolute;visibility:hidden;border:1px solid black;background:#FFF;padding:5px;z-index:11;}
#loginhead{border-bottom:#CCCCCC solid 1px;height:23px;background:#fff;}
#loginhead img{width:auto;}
#loginhead a{color:#00F;}
#wrap{width:1000px;margin:0 auto;}
#top{height:200px;}
#top .l,#top .m,#top .r,#top .s{height:182px;float:left;}
#top .l{width:20px;background-position:0 -20px;}
#top .m{width:964px;background-position:0 -202px;}
#top .r{width:16px;background-position:-142px -20px;}
#top .s{width:111px;background-position:-23px -20px;}
#memtype{text-align:right;width:180px;font:bold 14px Arial;padding:85px 0 0;float:left;}
#memtype .since{display:block;text-align:right;font:normal 12px Arial;}
#compimg{float:left;margin:40px 10px;}
#compimg a{display:table-cell;vertical-align:middle;height:130px;}
#url{display:block;text-align:center;font:12px "arial";color:#000;}
.banner{width:1000px;margin:0 auto;}
.banner img{max-width:1000px;margin:0 auto;display:block}
.mrq{background:#e9e9e9;padding:5px 10px;font:bold 14px Arial;color:#666;margin:-18px 0 0;}
#middle{background:#1d1d1d;position:relative;zoom:1;}
.spacer{height:30px;}
.left{float:left;width:220px;background:#1d1d1d;}
#search_box{height:20px;border:#CCC solid 1px;background:#FFF;margin:10px 6px;}
#search_box #q{font:11px Arial;float:left;border:0;padding:3px 2px;width:176px;_width:151px;color:#777;}
#search_box .focus{color:#000 !important;}
#topmenu{list-style:none;margin:0 9px;border-top:1px solid #1b1b1b;border-bottom:1px solid #323232;}
#topmenu li{font:bold 14px/28px Arial;background-color:#b9c1b2;padding:0 0 0 7px;border-top:1px solid #323232;border-bottom:1px solid #1b1b1b;}
#topmenu ,.cm,.fb,.twt,.gpls, .in, .tagn, .views, .cpcontact,.basicinfo i, #pdsnext,#pdsprev,.button .l,.button .r{background-image:url(menu.png);background-repeat:no-repeat;}
.pad{padding:0 0 0 15px;background-color:#1D1D1D;}
#topmenu .current{padding:0 0 0 15px;background: -webkit-linear-gradient(left, red , blue);
background: -o-linear-gradient(right, #728363, #1d1d1d);
background: -moz-linear-gradient(right, #728363, #1d1d1d);
background: linear-gradient(to right, #728363, #1d1d1d);}
.tagn{background-position:-112px 0;left:47px;width:18px;height:18px;position:absolute;}
#topmenu,#topmenu a{color:#FFF;}
.grupmenu{position:relative;z-index:10;zoom:1;}
#topmenu li.hover .subgrup{display:block;}
.subgrup{clear:both;position:absolute;left:100%;top:0;list-style:none;display:none;border-color: #323232 #323232 #323232 #1d1d1d;border-style: solid;border-width: 1px 1px 1px 14px;}
.subgrup li{font:normal 12px/25px Arial !important;white-space:nowrap;height:auto;background:#3f3d40 !important;border-top:1px solid #323232;border-bottom:1px solid #1b1b1b;}
.subgrup li a{display:block;padding:0 5px;color:#ffffff;}
.subgrup li:hover{background-color:#646466  !important;}
.cpcontact{padding:5px;border-bottom: 1px solid #323232;border-top: 1px solid #323232;background-position:-135px 0px ;margin:0 9px;color:#fff;}
#compname{margin:45px 0 0;color:#f72929;text-align:center;max-height:100px;overflow:hidden;}
.cpcontact ul{font:bold 14px Arial;text-align:center;}
.contact{background-color:#ffffff;color:#010101;border-top: 1px solid #1b1b1b;border-bottom:1px solid #1b1b1b;padding: 5px;margin:0 9px;}
.contact span{display:block;overflow:hidden;}

.homepage div div{float:none !important;}
.review{background:#ffffff;padding:10px 4px;text-align:center;margin:0 9px;border:#323232 solid 1px;}
.review div{font-weight:bold;padding:3px 0;}
.review p{margin:5px 0;}
.review span{display:block;}
.right{float:left;width:780px;background-color: #1d1d1d;}
.ldj{background:#C30;padding:0 10px;color:#FFF;}
#lang{float:right;padding:6px 0;}
#lang img{vertical-align:middle;}
#datejoined{float:right;}
.sosmed{position:absolute;width:25px;right:-25px;}
.fb ,.twt ,.gpls ,.in{width:25px;height:25px;display:block;}
.fb{background-position:-11px 0;}
.twt{background-position:-36px 0;}
.gpls{background-position:-86px 0;}
.in{background-position:-61px 0;}
.button{float:left;}
.button span{display:block;height:20px;float:left;line-height:22px;margin:0 !important;}
.button .l,.button .r{width:5px;}
.button .l{background-position:-458px 0;}
.button .m{background-position:0 0;line-height: 20px;color:#FFF}
.button .r{background-position:-463px 0;}
.button a{color:#000;font-weight:bold;}
.ldj a{color:#FFF;}
.content{padding:10px;color:#900;color: #000;margin: 5px 0 0 5px;background-color:#eeeff0;}
.basicinfo{float:left;border:1px solid #DBB7B7;padding:5px;background:#949494;width:150px;margin:14px 10px 8px 15px;text-align:center;position:relative;box-shadow:1px 2px 5px -3px #555;}
.basicinfo i{position: absolute;width: 9px;height: 16px;background-position: 0 0;right: -9px;top: -1px;}
.memtype2{padding:5px;background:#000;font-weight:bold;color:#fff;}
.basicinfo dl{padding:5px;text-align:left;font-size:11px;}
.basicinfo dt{font-weight:bold;}
.subtitle{padding:0px 16px 0px ;font:bold 14px Tahoma;color:#000;}
.cpprod{list-style:square;margin:5px 0 0;}
.cpprod li{margin:0 9px 0 14px;}
.incplist{background:#a3a3a3;margin:10px 0 0;}
.incplist .button{margin:5px;}
.incplist a{line-height:30px;margin:0 5px;}
.revpaging{padding:5px 10px;background:#E7C6C6;border:1px dotted #E69B9B;}
.grupdesc{padding:0 0 10px;border-bottom:1px solid #DBB7B7;}
.grupdesc img{float:left;margin:0 10px 0 0;}
.inq{padding:10px 0;color:#000;}
.inqt{border-bottom:1px solid #DBB7B7;}
.inqt .button{margin:0 0 5px;}
.inqb{border:none;}
.inq span{float:left;line-height:22px;}
.inqb .selectto{background-position:1px -36px;margin:0;}
.inqb span,.inqb .button{margin-top:8px;}
.selectall{float:left;line-height:27px;}
.views{padding:5px;border-top:1px solid #323232;border-bottom:1px solid #323232;background-position:-135px 0;margin:32px 9px 0;}
.views ul{font:bold 14px Arial;text-align:center;color:#ffffff;}
.viewopt{float:right;margin:7px 0 0;}
.viewopt span{background:url(listgrid.gif) no-repeat;margin:0 0 0 5px;line-height:12px !important;float:left;padding:0 0 0 17px;}
.viewopt .gon{background-position:0 -36px;font-weight:bold;}
.viewopt .goff{background-position:0 -12px;}
.viewopt .lon{background-position:0 -24px;font-weight:bold;}
.viewopt .loff{background-position:0 0px;}
.ppp{float:right;line-height:27px;margin:0 10px 0 0;}
.prodtype{font:bold 13px Arial;margin:10px 0;background-color:#e9c6c4;padding:6px;}
.prodtype a{color:#990000;}
.litems{padding:10px 0;border-bottom:1px solid #DBB7B7;}
.litems .box1{float:left;width:23px;height:15px;}
.litems .box2{float:left;margin:0 18px 8px 0;position:relative;}
.limg,.gitems .box2 a,.pimg a{display:table-cell;vertical-align:middle;text-align:center;background:#FFF;border:#CCC solid 1px;*display:block;}
.mojozoom_marker{position:absolute;cursor:crosshair;}
.mojozoom_fill{position:absolute;width:100%;height:100%;top:0;left:0;background:#FFF;-moz-opacity:0.4;-webkit-opacity:0.4;filter:alpha(opacity=40);opacity:0.4;}
.mojozoom_imgctr{position:absolute;margin-left:20px;border:1px solid black;}
.imgzoom{display:block;text-align:center;padding:2px 0 4px;font-size:11px;visibility:hidden;}
.imglist{background:#FFF;border:#CCC solid 1px;float:left;clear:left;position:relative;top:-1px;}
.imglist a{height:30px;width:30px;padding:5px;display:table-cell;text-align:center;vertical-align:middle;}
.imglist .current{background:#CCC;}
.imglist img{max-height:30px;max-width:30px;}
.litems .box3{width:731px;float:left;}
.litems .name{font:bold 14px Arial;margin:0 0 5px;color:#000;}
.litems .name a{font:bold 12px Arial;}
.litems .date{color:#999;font:10px Arial;margin:0 0 10px 10px;}
.litems .desc{margin:5px 0 0;}
.litems .addedtb{margin:10px 0 0;padding:2px 5px;background:#E7C6C6;display:inline-block;border:#E69B9B solid 1px;}
.litems .box4{width:530px;float:right;text-align:right;margin:10px 0 0;}
.litems .box5{padding-left:15px;}
.gitems{width:24.9%;float:left;text-align:center;margin:10px 0;position:relative;}
.gitems .box1{position:absolute;left:10px;}
.gitems .box2{margin:0 auto 5px;background:#FFF;position:relative;}
.gitems .box3,.gitems .box4{text-align:center;overflow:hidden;margin:0 5px;}
.gitems .box3{white-space:nowrap;}
.gitems .box4{height:60px;}
.gitems .addedtb{position:absolute;top:0;width:100%;left:0;}
.gitems .addedtb a{display:block;height:20px;background:#000;opacity:0.5;color:#FFF;filter:alpha(opacity=50);line-height:20px;}
.gitems .date{color:#999;font:10px Arial;}
.gitems .price{font-size:11px;line-height:14px;}
.gitems .desc{font-size:11px;margin:5px 0 0;line-height:14px;}
.gb{border-bottom:1px dotted #D5D572;}
.paging{text-align:center;padding:10px 0 0;border-top:#DBB7B7 solid 1px;}
.paging span{padding:2px 5px;margin:0 2px;background:#DBB7B7;border-radius:3px;color:#FFF;}
.paging .no{padding:0;margin:0 5px;background:none;}
.paging a span{background:#C30;color:#FFF;font-weight:bold;}
.paging a:hover{text-decoration:none;}
.paging a:hover span{background:#DD7350;}
.tbl{table-layout:fixed;*width:auto;}
.tbl th,.tbl td{font-size:11px;padding:4px 0;vertical-align:top;border-bottom:#DBB7B7 dotted 1px;}
.tbl th{white-space:nowrap;font-weight:normal;text-align:left;padding-right:15px;}
.tbl td{font-weight:bold;}
.tbl .noborder th,.tbl .noborder td{border:none;}
.keterangan{margin:10px 0;}
.keterangan dt{font:bold 14px Arial;margin:0 0 10px;}
.pimg{float:left;text-align:center;margin:0 15px 0 0;}
.cm{width:470px;height:14px;background-position:0 -27px;}
 .ps-container{padding:0 40px;position:relative;margin:5px 0 0;z-index:5;zoom:1;}
 #ps{position:relative;overflow:hidden;height:150px;}
 .ps-container img{border:none;}
 #ps div{position:absolute;}
 #ps td{text-align:center;padding:5px;white-space:nowrap;}
 #ps td:hover{background:#DBDB8E;}
#pdsnext,#pdsprev{width:19px;height:48px;position:absolute;top:41px;}
#pdsnext{right:5px;background-position: -470px 0;}
#pdsprev{left:5px;background-position: -490px 0;}
.slider{width:775px;margin:10px 0 12px 5px;position:relative;}
.slider-con{position:relative;height:285px;overflow:hidden;}
.slider-con img{width:775px;}
.slider-con li{position:absolute;width:780px;height:285px;top:0;left:0;opacity:0;filter:alpha(opacity=0);}
.slider-tab{position:absolute;left:0;bottom:10px;width:100%;height:10px;text-align:center;line-height:10px;font-size:0;text-align:center;z-index:10;}
.slider-tab a{background:#EEE;border-radius:10px;width:10px;height:10px;margin:0 3px;display:inline-block;*display:inline;*zoom:1;}
.slider-tab .current{background:#e03434;}
#bottom{color:#fff;text-align:center;padding:10px 0;}
#bottom a{color:#fff;}
@media only screen and (max-width:768px){
#wrap{width:99%}
#top .m{width:92%;}
.banner,.banner img,#loginhead{width:99%}
.right{width:70%;}
.gitems{width:33%}
.cm{width:90%}
}
@media only screen and (max-width:480px){
#loginhead{height:50px}
#memtype{width:15%;padding:50px 0 0}
#compimg{margin:40px 2px;}
#compname{font-size:14px;}
.left,.right{float:none;width:99%}
.gitems{width:49%}
#search_box,.cpcontact,.views{width:50%}
}