*{margin:0;padding:0;word-wrap:break-word;}
a{text-decoration:none;color:#551b1e;}
header,nav,aside,section,footer{display:block;}
a:hover{text-decoration:underline;}
body{margin:auto 0;font:normal 12px Tahoma;color:#333;background:url(back.gif) repeat-x fixed #d14341;}
option{padding:0 5px 0 3px;}
h2{font:bold 15px "Trebuchet MS";margin:0 0 10px;}
img{border:none;}

#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{top:0;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;color:#000;padding-top:5px;}
#loginhead img{width:auto;}
#loginhead a{color:#00F;}
.clear{clear:both;}
.p{margin:10px 0;}
.pd{padding:15px;line-height:20px;}
#wrap{width:1000px;margin:20px auto 0;}
#topmenu{color:#FFF;height:24px;font:bold 12px/24px Arial;}
#topmenu span{display:inline;float:left;height:24px;}
#topmenu a{color:#FFF;}
.tm{margin:0 3px;}
.tm .l{width:20px;background-position:0 0;}
.tm .m{background-position:0 -24px;padding: 0 10px;}
.tm .r{width:7px;background-position:-20px 0;}
.tm.current .l{background-position:0 -48px;}
.tm.current .m{background-position:0 -72px;}
.tm.current .r{background-position:-20px -48px;}
.tmdd{position:relative;_zoom:1;z-index:100;}
.tmdd.hover .ddm,.stmdd.hover .sddm{display:block;}
.banner img{max-width:790px;height:auto;margin:0 auto;display:block;}
.ddm,.sddm{clear:both;position:absolute;z-index:10;background:#bf5a60;list-style:none;display:none;}
.ddm{top:100%;left:3px;width:180px;}
.ddm li{border-bottom:#d36f71 1px solid;padding:0 5px;position:relative;min-width:105px;}
.ddm li:hover{background:#cd514f;}
.ddm li a{color:#fff !important;display:block;padding:3px 0; font-weight: normal;}
.ddm li a:hover{text-decoration: none;}
.sddm{position:absolute;left:100%;top:-1px;width:180px;}
.mtype{font:bold 11px Arial;color:#fff;float: left;margin: 13px 19px;display:inline;}
.lang{font-size:11px;color:#fff;float:right;margin: 13px 10px;position:absolute;top:0;right:0;}
.lang img{vertical-align:middle;display:inline-block;}
.lang a{font-weight:bold;color:#FFF;}
#th{background:#98383e;position:relative;zoom:1;}
.cpimg{width:210px;height:150px;float:left;background:#98383e;text-align:center;}
.cpimg a{height:150px;width:210px;}
.cpname{font-family:arial;position:absolute;left:220px;width: 760px;height:100px;margin:39px 9px 0;color:#FFF;font-weight:bold;}
.cpname a{font:11px Arial; color: #fff; padding: 0 0 0 2px;}
.tm span ,.box dt ,.button span,#idnwshare a,#pdsnext,#pdsprev,.button .em a{background:url(choky.png);}
#idnwshare{position:absolute;right:10px;bottom:10px;}
#idnwshare a{display:block;float:left;width:23px;height:23px;margin-left:5px; overflow: hidden;border:1px solid #fff;}
#idnwshare .fb{background-position:0 -283px;}
#idnwshare .tw{background-position:0 -260px;}
#idnwshare .gp{background-position:0 -237px;}
#idnwshare .in{background-position:0 -214px;}
.mtypeb{color: #b54047;font: 12px arial;}
.cpnameb{margin: 10px 0;font: 14px arial;color: #b54047;}
.mrq{background:#551b1e;height:30px;font:bold 14px/30px "Trebuchet MS";color:#FFF;padding:0 10px;}
.mrq a{color:#FC6; margin: 0 3px;}
#jsmarquee{position:relative;overflow:hidden;height:30px;}
#vmarquee{position:absolute;left:0;}
#middle{margin:0 auto;position:relative;padding:8px;border:#CCC solid 1px;_zoom:1;background:url(midbg.png)}
.left{width:200px;float:left;}
.qsearch{border:1px solid #C3C3C3;background:#FFF;margin:0 0 10px;}
.qsearch #q{border:none;font:12px Arial;color:#777;background:transparent;float:left;padding:6px;width:159px;_width:156px;}
.qsearch #q.focus{color:#000;}
.box dt{font:bold 11px/30px Tahoma;background-position:0 -153px;padding:0 5px;color:#FFF;position:relative;_zoom:1;}
.arrow{position:absolute;width:10px;height:10px;top:10px;right:5px;background:url(arrow-up.png) no-repeat;}
.arrow.down{background:url(arrow-down.png);}
.box dd{border:#CCC solid 1px;background:#FFF;font-size:11px;}
.sm span{display:block;padding:5px;}
.sm span:hover{background:#EEE;}
.box dt a{color:#FC6;display:inline;}
#cpcontact{padding:5px 0 5px 5px;zoom:1;}
#cpcontact .t{font:bold 14px Arial;color:#FD1;margin:0 0 10px;}
#cpcontact span{display:block;margin:9px 0;padding:0;overflow:hidden;}
#cpcontact p{margin: 0 5px;}
.homepage div div{float:none !important;}
.insmeg{width:120px;height:16px;padding:5px 47px 5px 5px;overflow:hidden;background:url(arrow.gif) no-repeat 105px 11px;}
.grupmenu{position:relative;}
.grupmenu.hover .subgrup{display:block;}
.subgrup{position:absolute;left:100%;list-style:none;display:none;background:#EEE;top:0;border-bottom:1px solid #CCC;z-index:11;}
.subgrup li{white-space:nowrap;}
.subgrup li a{display:block;}
#reviewbox{padding:5px;text-align:center;}
#reviewbox span{display:block;line-height:20px;}
.reviw table{margin: 12px 0; border-bottom: 2px dashed #777;padding:8px 0;}
#bankbox{padding:5px;}
#bankbox span{display:block;line-height:20px;}
#dlbox{padding:5px;}
#dlbox span{display:block;line-height:20px;}
#serbox{padding:5px;}
#serbox span{display:block;line-height:20px;}
#branbox{padding:5px;}
#branbox span{display:block;line-height:20px;}

.button{font:bold 11px/20px Tahoma;font-weight:bold;float:left;margin-bottom:5px;}
.btn-r{float:right;}
.button a{color:#FFF;}
.button a:hover{text-decoration: none;}
.button span{float:left;height:19px;overflow:hidden;}
.button .l{background-position:0 -96px;width:18px;}
.button .em a{background-position:0 -115px; padding: 3px 5px;line-height:20px;}
.button .m{background-position:0 -115px; padding: 0 4px;}
.button .r{background-position:0 -134px;width:14px;}

.right{width:750px;float:right;font-size:11px;border:#CCC solid 1px;padding:10px;background:#FFF;text-align:justify;}
.butprof{margin:20px 0 30px;float: left;width:100%;}
.or{float: left; margin: 5px 8px 7px;}
.jsu {padding: 0 5px;}
.titlebg{font-size:12px;font-weight:bold;padding:5px;background:#f1f1f1;text-align:center;}
.revpaging{padding:5px 10px;background:#EEE;border:#CCC solid;margin:5px 0;}
.rrlink{padding: 8px; background:#bf5a60; color: #fff;}
.rrlink a{color:#fc6}
.pp td{text-align:left;}
.cpprod{list-style:square;margin:5px 0 0;text-align:justify;}
.cpprod li{margin:0 0 0 14px;}
.incplist{text-align:center;margin:10px 0;}
.incplist .button{margin:5px;}
.incplist a{line-height:25px;padding:5px;color:#fc6;background:#bf5a60;}
.ps-container{padding:0 40px;position:relative;margin:5px 0 0;z-index:10;_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:#EEE;}
#pdsnext,#pdsprev{width:25px;height:50px;position:absolute;top:50px;}
#pdsnext{float: right;width:25px;height:50px;background-position: 0 -409px;right:5px;}
#pdsnext:hover{background-position:0 -358px;}
#pdsprev{float: left;width:25px;height:50px;background-position: 0 -462px;left:5px;}
#pdsprev:hover{background-position:0 -306px;}
.slider{width:750px;margin:0 auto 20px;position:relative;}
.slider-con{position:relative;height:276px;overflow:hidden;}
.slider-con img{width:750px;height:276px;}
.slider-con li{position:absolute;width:750px;height:276px;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:#551b1e;}
.grupdesc{padding:10px 0 10px;}
.grupdesc img{float:left;margin:0 10px 0 0;}
.inq{padding:5px;}
.inq span{float:left;line-height:20px;}
.selectall{float:left;line-height:27px;margin:5px 0 0 0;}
.ppp{float:right;line-height:27px;margin:5px 10px 0 0;}
.viewopt{float:right;margin:13px 0 0;}
.viewopt span{background:url(listgrid.png) no-repeat;margin:0 0 0 5px;line-height:12px !important;float:left;padding:0 0 0 17px;}
.viewopt .gon{background-position:0 -12px;font-weight:bold;}
.viewopt .goff{background-position:0 -36px;}
.viewopt .lon{background-position:0 0px;font-weight:bold;}
.viewopt .loff{background-position:0 -24px;}
.paging{margin:10px 0;text-align:right;}
.prodtype{zoom:1;font:12px Tahoma;padding:7px 10px;background:url(choky.png) scroll 0 -184px repeat-x;}
.prodtype a{color:#FFF;font-weight:bold;}
.litems{margin:10px 0;padding:5px;border-bottom:#CCC dotted 1px;}
.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:#bbb 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:715px;float:left;}
.litems .name{font:bold 14px Arial;margin:0 0 5px;}
.litems .name a{font:bold 12px Arial;}
.litems .date{color:#666;font:11px tahoma;margin:0 0 10px 10px;}
.litems .desc{margin:5px 0 0;}
.litems .addedtb{margin:10px 0 0;padding:2px 5px;background:#EEE;display:inline-block;border:#CCC solid 1px;}
.litems .box4{width:520px;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:6px;}
.gitems .box2{margin:0 auto 5px;width:120px;height:120px;border:#CCC solid 1px;background:#FFF;position:relative;overflow:hidden;}
.gitems .box3,.gitems .box4{text-align:center;overflow:hidden;margin:0 5px;}
.gitems .box3{white-space:nowrap;font-weight:bold;}
.gitems .box4{height:59px;}
.gitems .addedtb{position:absolute;top:0;left:0;}
.gitems .addedtb a{display:block;line-height:20px;height:20px;background:#000;opacity:0.5;filter:alpha(opacity=50);color:#FFF;}
.gitems .date{color:#666;font:11px tahoma;}
.gitems .desc{font-size:11px;margin:5px 0 0;}
.tbl{table-layout:fixed;*width:auto;}
.tbl th,.tbl td{font-size:11px;padding:4px 0;vertical-align:top;border-bottom:#EEE 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,.subtitle{font:bold 14px "Trebuchet MS";margin:0 0 10px;}
.pimg{float:left;text-align:center;margin:0 10px 0 0;}
.bottom{padding:10px;text-align:center;color:#fff;font-size:11px;}
.bottom a{color:#FC6;}
.bottom .footermenu{margin:10px 0 0;}
.bottom .footermenu a{font-weight:bold;color:#FC6;}
.bottom .cpr{color:#fff;font:10px Tahoma;}
.bottom hr{display:none;}
@media only screen and (max-width:768px){
#wrap{width:99%}
.banner,.banner img,#loginhead{width:99%;}
.lang img,.mtype img{width:auto;}
.cpname{width:80%}
#topmenu{height:50px}
.tm{overflow:auto;height:100px;}
.right{width:99%}
#ps{width:100%}
}
@media only screen and (max-width:480px){
#loginhead{height:50px}
.cpname{font-size:12px;width:50%;}
}