*{margin:0;padding:0;word-wrap:break-word;outline:none;}
a{text-decoration:none;color:#E30539;}
img{border:0;}
ul{list-style:none;}
body{background:#000;font:12px Arial,Helvetica,sans-serif;color:#4b4a4a;}
header,nav,aside,section,footer{display:block;}
.con:before,.con:after{content:"";display:table;line-height:0;height:0;}
.con:after{clear:both;}
.con{zoom:1;}

#loginhead{padding:5px 0;height:20px;background:#f2f2f2;box-shadow: 0 0 4px #1b1b1b;color: #1b1b1b;height: 20px;padding: 5px 0;}
#loginhead img{width:auto;}
#loginhead a{color:#00F;}
.b-left,.b-right{background:url(bg.jpg) no-repeat;position:absolute;font-size:0;height:656px;}
.submit,#pdsnext i,#pdsprev i,.flag-en,.flag-id,.idnwshare a,.inquiry i,.viewopt span,.cont-email i,.menu-cont i,.title-head i{background:url(ico.jpg) no-repeat;font-size:0;}
.b-left{width:252px;background-position:0 0;left:0;}
.b-right{width:293px;background-position:-252px 0;right:0;}
#wrap{width:1002px;position:relative;margin:40px auto 0;}
.header{background:url(menu-bg.png)no-repeat 0px 0px;padding:35px 15px;border-radius:10px;}
.header nav{float:left;width:720px;}
.header nav span{float:left;margin:0 20px 0 0;color:#a49f9f;padding:7px;}
.header nav .active{color:#fff;background:#E30539;padding:7px;border-radius:5px;border-bottom:2px solid #70051f;}
.search{float:right;}
.search input{color:#FFF;float:left;height:30px;border:none;background-color:#353535;padding:0 5px;}
.banner{width:1002px;margin:15px auto 0;}
.banner img{max-width:1002px;margin:0 auto;display:block;}
.submit{width:30px;background-position:0 -35px}
.mrq{z-index:100;margin:15px 0;color:#E30539;}
.mrq a:hover{color:#FFF;}
#jsmarquee{position:relative;overflow:hidden;height:20px;}
#vmarquee{position:absolute;left:0;}

.middle{background:url(bg-repeat.jpg) repeat-x;background-color:#222;border-radius:5px 5px 0 0;padding:30px 25px;border:1px solid #222;border-bottom:none;}
.left{float:left;width:680px;}
.left-content{background:#c8c8c8;padding:20px;position:relative;margin:70px 0 0;border-bottom:3px solid #a8a4a3;}

.cplogo{float:left;} .cplogo img{border:5px solid #FFF;border-radius:5px;}
.cpname{margin-left:175px;}
.cpname h1{color:#f2f3f3;font:bold 30px 'Open Sans',Arial,sans-serif;}
.cpname .url{font: 12px Arial,Helvetica,sans-serif;color:#f2f3f3;text-decoration:underline;}

.slider{width:680px;position:relative;z-index:0;margin:30px 0 0;}
.slider-con{position:relative;height:215px;overflow:hidden;}
.slider-con img{width:680px;}
.slider-con li{position:absolute;width:680px;height:215px;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:#131313;}

.ps-container{padding:0 30px;position:relative;margin:50px 0 0;width:600px;_zoom:1;}
.ps-container h3{background:#222;border:2px solid #131313;border-radius:8px;text-align:center;color:#FFF;text-shadow:1px 1px 1px #13090a;padding:10px;box-shadow:0 5px 9px #181818;font-weight:normal;}
#ps{position:relative;overflow:hidden;height:150px;margin: 15px 0 0;}
.ps-container img{border:none;}
#ps div{position:absolute;}
#ps td{text-align:center;padding:5px;white-space:nowrap;}
#ps a{color:#FFF;display:block;}
#ps a:hover{background:#ba042d;}
#pdsnext,#pdsprev{width:21px;height:70px;position:absolute;top:82px;background:#272727;border-radius:2px;}
#pdsnext i,#pdsprev i{width:13px;height:14px;position:absolute;}
#pdsnext{right:-10px;}
#pdsnext i{background-position:-40px -67px;left:4px;top:27px;}
#pdsprev{left:-10px;}
#pdsprev i{background-position:-27px -67px;left:4px;top:27px;}
.read_more{float:right;margin:10px 0;}
.sidebar{float:right;width:227px;}
.cptype{color:#E30539;text-align:right;}
.lang{background:#ba032d;float:right;color:#fff;padding:5px 10px;overflow:hidden;width: 155px;height:15px;-webkit-transition-property: height;-webkit-transition-duration:1s;transition-property: height;transition-duration:1s;margin:15px 0;border-radius:5px;_height:55px;_width:165px;}
.bhs{float:left;}
.lang  p{margin:0 0 5px 60px;}
.lang:hover{height:40px;}
.lang a{color:#fff;float:left;}
.flag-en,.flag-id{width:18px;height:15px;float:left;margin:0 5px 0 0;}
.flag-en{background-position:-32px -36px;}
.flag-id{background-position:-32px -51px;}

.inf-cp{background:#1d1d1d;padding:20px;color:#b8b8b8;line-height:16px;clear:right;zoom:1;}
.menu-cont{text-align:right;color:#fff;}
.menu-cont a{color:#fff;}
.menu-cont dt{float:right;width:5px;height:20px;background:#f02a41;margin:0 0 0 10px;}
.menu-cont dd{padding:3px 0;margin:10px 0;position:relative;}
.menu-cont dd ul{display:none;}
.menu-cont dd:hover{background:#f02a41;box-shadow:0 3px 7px 0 #000}
.menu-cont dd:hover ul{display:list-item;position:absolute;left:-210px;top:0;text-align:left;z-index:1;background:#f02a41;width: 200px;padding:5px;border-bottom:2px solid #7e000f;}
.menu-cont ul li{padding:3px 0;}
.menu-cont i{height:11px;float:left;margin:0 10px;}
.menu-cont dd:hover i{display:none;}
.menu-cont .ico-trd{width:17px;background-position:0 -231px;}
.menu-cont .ico-prd{width:8px;background-position:-17px -231px;}
.menu-cont .ico-branch{width:12px;background-position:-26px -231px;}
.menu-cont .ico-cert{width:8px;background-position:-39px -231px;}
.menu-cont .ico-down{width:11px;background-position:0 -243px;}
.menu-cont .ico-bank{width:15px;background-position:-12px -243px;}

.cp-contact{background:#1d1d1d;margin:10px 0;color:#f2f2f2;border-bottom:2px solid #c8c8c8;zoom:1;}
.cp-contact h3{background:#ba042d;padding:10px 0;box-shadow:0 4px 8px #131313;border:2px solid #131313;border-radius:5px;text-align:center;}
.ab-cont{padding:10px;overflow:hidden;}
.ab-cont dt{float:left;width:95px}
.ab-cont dd{padding:0 0 5px 95px;}
.ab-cont a{color:#f2f2f2;}
.miscinfo{line-height:21px;padding:10px;}
.insmess{margin:10px 0;}
.insmess p{font-weight:bold;margin:0 0 5px;}
.insmess img{vertical-align:middle;}
.reviews{text-align:center;}
.reviews p{margin:0 0 10px;}
.idnwshare{float:right;}
.idnwshare a{width:27px;height:27px;float:left;margin:0 0 0 5px;}
.idnwshare .fb{background-position:0 -65px;}
.idnwshare .tw{background-position:0 -92px;}
.idnwshare .in{background-position:0 -146px;}
.idnwshare .gp{background-position:0 -119px;}

.town{background:url(town.png) no-repeat;font-size:0;position:absolute;width:131px;height:57px;top:-57px;left:0;}
.title-head{line-height:40px;margin:10px 0;color:#bc032c;}
.title-head i{float:left;margin:0 20px 0 0;position:relative;}
.title-head .build{background-position:0 0;width:56px;height:35px;}
.title-head .comment{background-position:0 -173px;width:33px;height:24px;}
.title-head .box{background-position:0 -197px;width:32px;height:33px;}
.inf-cp2 dt{float:left;background:#be2a4e;width:120px;color:#fbf5f7;position:relative;}
.inf-cp2 dt,.inf-cp2 dd{padding:5px;border-bottom:1px solid #c8c8c8;}
.inf-cp2 dd{padding:5px 5px 5px 140px;}
.inf-main li,.inf-main strong,.inf-main div{margin:10px 0;}
.inf-main h4{color:#b9032b;margin:0 0 10px;font-size:15px;}
.inf-revc{margin:10px 0;line-height:20px;}
.rev-link{background:#b5b1b0;border:#a2a2a2;color:#656364;padding:6px 10px;list-style:none;line-height:16px;border-radius:2px;margin-top:10px;}
.inf-bttn{margin:10px 0;}
.inf-bttn span{float:left;padding:5px;}
.inf-bttn .or{margin:2px 8px 8px;}

.put-part{background:#ba032d;padding:5px;color:#FFF;}
.put-part a{color:#fff;}

.contact-us{line-height:20px;}
.contactdl{margin: 10px 0;}
.contactdl dt{font-weight:bold;}
.contactform{margin:10px 0;} 
.contactform th,.contactform1 th{text-align:right;padding:0 30px 0 0;}
.star{color:#fa030c;}
.txa{font-weight:bold;font-size:18px;padding:10px 0;font-style:italic;}
.ucibar{background:#222;text-align:center;font-weight:bold;color:#fff;margin:20px 0;}

.grup{margin:20px 0;}
.grup .grup-logo{float:left;margin:0 10px 0 0;}
.inquiry{margin:20px 0;}
.inquiry img{margin:0 5px;}
.inquiry a{background:#ba032d;padding:5px;color:#fff;position:relative;margin:0 5px;}
.send-now i,.addtobasket i,.partner i{position:absolute;width:26px;top:-16px;left:0;right:0;margin:0 auto;}
.send-now i{height:20px;background-position:-27px -81px;}
.addtobasket i{height:18px;background-position:-27px -101px;}
.partner i{height:18px;background-position:-27px -119px;}
.check-b{float:left;}
.check-b2{margin:0 0 30px;}
.option{float:right;_width:260px;}
.option form{float:left;margin-right:10px;}
.viewopt{float:right;}
.viewopt span{width:17px;height:16px;float:left;}
.viewopt .gal{background-position:-33px -163px;margin:0 6px 0 0;}
.viewopt .galon{background-position:-33px -179px;margin:0 6px 0 0;}
.viewopt .lis{background-position:-33px -195px;}
.viewopt .lison{background-position:-33px -211px;}
.show-page{background:#ecdee1;color:#77273a;border:1px solid #c7bfc1;text-align:center;padding:10px 0;margin:15px 0;}

.product h4{background-color:#ba032d;padding: 5px 9px;text-align: center;margin:10px 0;color:#FFF;}
.product h4 a{color:#fff;}
.prd-grid li{float:left;margin:0 19px 15px;}
.trade-pname2 input,.prd-grid input{float:left;margin:0 5px 0 0;}
.lbox1{width:152px;overflow:hidden;float:left;}
.trade-pname{white-space:nowrap;}
.prd-img{background-color:#fff;border:1px solid #b7b7b7;margin:10px 0;}
.prd-img a,.prd-img span{vertical-align:middle;text-align:center;display:table-cell;}
.prd-des{height:85px;overflow:hidden;}
.price{white-space:nowrap;margin:5px 0;}
.price strong{color:#E30539;margin:0 10px 0 0;}
.prd-det{height:44px;overflow:hidden;margin:5px 0 0 0;}
.box-img{float:left;position:relative;}
.prd-list li{margin:10px 0;}
.trade-pname2{line-height:20px;}
.trade-pname2 h3{width:505px;font-size:14px;float:left;}
.date{color:#E30539;font-size:9px;font-style:italic;float:right;}
.date2{color:#E30539;font-size:9px;font-style:italic;}
.prd-list .lbox2{margin-left:20px;}
.lbox2 .ab-prod{padding-left:5px;}
.ab-prod dt,.branch dt{float:left;font-weight:bold;width:160px;}
.ab-prod dd,.branch dd{border-bottom:1px solid #f7587c;padding:0 0 5px 160px;margin:0 0 5px;}
.cont-email{text-align:right;}
.cont-email i{height:26px;width:26px;display:inline-block;background-position:-27px -137px;}
.addbasket{text-align:left;color:#FFF;display:inline-block;margin-top:10px;}
.btn-partner{display:inline-block;margin:15px 10px 0 0;;}

.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;z-index:100;}
.imgzoom{display:block;text-align:center;padding:2px 0 4px;font-size:11px;visibility:hidden;}
.imglist{text-align:center;width:204px;}
.imglist a{height:30px;width:30px;background:#FFF;border:#DDD dotted 1px;padding:5px;display:inline-block;text-align:center;vertical-align:middle;}
.imglist .current{background:#EEE;border-style:solid;}
.imglist img{max-height:30px;max-width:30px;}

.head-des{margin:20px 0 0 20px;}
.head-des h3{margin:0 0 10px;}

.al-des{margin:18px 0;line-height:20px;}
.branch{clear:both;}
.branch h3{padding:10px 0 10px 20px;}
.brnc-img{float:left;margin:0 10px 0 20px;}
.branch dd{border:0;}
.prod-part{margin-left:10px;background-color:#ba032d;padding:5px;float:right;color:#FFF;}
.paging{float:left;}
.paging-det{float:right;}
.paging span{background:#ba032d;padding:5px;color:#FFF;float:left;margin:0 10px 0 0;}
.paging p{float:left;margin:0 15px 0 0;line-height:24px;}
.paging a p:visited{float:left;margin:0 15px 0 0;line-height:24px;background:#ba032d;}
.pdnotfnd p{margin:10px 0 10px 20px;}
.pdnotfnd ol{margin:10px 0 20px 35px;}
.pdnotfnd span{color:#0967a4;}
.ntfound{color:#bc032c;}

.footer{background:url(footer-bg.jpg) no-repeat;text-align:center;color:#f2f2f2;padding:20px 0 0;}
.footer hr{display:none;}
@media only screen and (max-width:768px){
#wrap,.banner,.banner img,#loginhead,.slider,.slider-con img,.slider-con li{width:99.9%;}
.header{background-size:99.9%}
.header nav{max-width:99%}
.left {width:65%;}
.ps-container{margin:20px 0 0;width:88%}
.trade-pname2 h3{width:99%}
.ab-prod dt{font-size:10px;word-wrap:break-word;width:39%;text-align:left;}
.ab-prod dd{padding-left:50px;width:70%;}
.ab-prod dd a,.put-part{font-size:10px;margin:0;}
}
@media only screen and (max-width:480px){
#loginhead{height:50px}
.header{height:120px}
.header nav{width:99%;background-color:#000}
.left,.right{float:none;}
.left{width:99%}
}