.add_fix:after{display:block;content:"";clear:both;}
@charset "utf-8";
@font-face {
    font-family: 'ffdinpro';
    /*src: url('font/FF DIN Pro/FF DIN Pro Black Italic/FF_DIN_Pro_Black_Italic.otf');*/
    src: url('font/FF DIN Pro/FF DIN Pro Medium Italic/FF_DIN_Pro_Medium_Italic.otf');
    font-weight: normal;
    font-style: normal;
}
html, body {margin: 0;padding: 0;color:#fff;font-family:Arial,sans-serif;font-size:12px;line-height:14px;min-height:100%;min-width:1024px;position:relative;background:#000;}
#bgbody {position:absolute;height:110%;width: 100%; margin: 0;padding: 0;z-index: 1;}
.wrapbody{width:934px;margin:0 auto;position:relative;}
.wraptop{position:relative; width:933px;min-height:431px;margin: 0 auto;z-index: 10;padding:0;background:#000;}
.wraplang{position:relative; width:933px;height:47px;margin: 0 ;padding:0;background:#343434;}
.menulang{position:relative; width:257px;height:39px;margin: 0 ;padding-top:7px;float:right; color:#fff;font-size:11px; background:#343434 url(img/bg_lang.jpg);}
.icon{width:26px;height:18px;float:left;margin:7px 5px 0 0;}
.menulang a{color:#fff;}
.logo{position:relative;width:110px;height:73px;float:left;z-index:999;}
.brosur{float:left;padding-top:9px;}

.mainlang{float:right;margin:7px 5px 5px 5px;}
.mainlang a.eng{width:47px;20px;background: url("img/menu_eng.jpg") top left no-repeat;}
.mainlang a.ina{width:47px;20px;background: url("img/menu_ina.jpg") top left no-repeat;}
.mainlang a.eng:hover{background-position: 0 -20px;}
.mainlang a.ina:hover{background-position: 0 -20px;}

.wraplangmenu{width:100px;height:20px;position:relative;float:right;}
ul#lang {width:100px;height:20px;float:right;margin-top:6px;margin-right:6px;position:relative;z-index:999;}
ul#lang li {float:left;margin-right:0px;display:inline-block;zoom:1;*display:inline;position:relative;}
ul#lang li a {display: inline-block;text-decoration:none;width:47px;height:20px;}
ul#lang li a.eng{background: url("img/menu_eng.jpg") top left no-repeat;}
ul#lang li a.ina{background: url("img/menu_ina.jpg") top left no-repeat;}
ul#lang li a.eng:hover, ul#lang li a.ina:hover, ul#lang li a.active{background-position: 0 -20px;}

a{text-decoration:none;}
.wrapslider{position:relative;margin:0 auto; width:933px;height:384px;}
.borderhitam{border:12px solid #000;}
.borderhitam2{border-right:12px solid #000;border-bottom:12px solid #000;border-left:12px solid #000;}
.btndetil{font-family: 'ffdinpro';width:18px;height:36px;position:relative;left:170px;top:-90px;background:url(img/btn_detil.png)left no-repeat;padding:8px 30px 10px 40px;color:#fff;}
.btndetil a{text-decoration:none;}
#nav { float: right;position: relative;right: 30px;top: -100px;z-index: 9;}
#nav a { margin: 5px; padding: 0px 10px 6px; background: #fc0; text-decoration: none;width:17px;height:17px;background: url(img/white.jpg) no-repeat;}
#nav a.activeSlide { background: #ea0;width:11px;height:11px;background: url(img/red.jpg) no-repeat; }
#nav a:focus { outline: none; width:11px;height:11px;background: url(img/red.jpg) no-repeat;}

#nav2 { float: right;position: relative;right: 30px;top: -60px;z-index: 99;}
#nav2 a { margin: 5px; padding: 0px 10px 6px; background: #fc0; text-decoration: none;width:17px;height:17px;background: url(img/white.jpg) no-repeat;}
#nav2 a.activeSlide { background: #ea0;width:11px;height:11px;background: url(img/red.jpg) no-repeat; }
#nav2 a:focus { outline: none; width:11px;height:11px;background: url(img/red.jpg) no-repeat;}

#navwarna { float: right;position: relative;right: 30px;top: 20px;z-index: 99;}
#navwarna a { margin: 5px; padding: 0px 10px 6px; text-decoration: none;width:17px;height:17px;}
#navwarna a.activeSlide { background: #ea0;width:11px;height:11px;background: url(img/red.jpg) no-repeat; }
#navwarna a:focus { outline: none; width:11px;height:11px;background: url(img/red.jpg) no-repeat;}

.newshome{position:relative; width:933px;min-height:36px;margin-top:5px;z-index: 99;padding:0;background: url(img/news_home.png) no-repeat;}
.recentnews{font-family: 'ffdinpro';width:120px;float:left;margin-top:9px;margin-left:40px;}
.headline{position:relative;width:660px;font-size:11px;float:left;margin:9px 0 0 10px;/*background:#fff;*/}
.headline a{color:#fff;text-decoration:none;}
.headline a:hover{color:#fff;}
.navigasi{position:relative;width:50px;float:right;/*background:red;*/margin:9px 0px 0 0px;}
.navigasi a{color:#fff;}

ul#menu {position:relative;margin:0;z-index:999;font-family: 'ffdinpro'}
ul#menu li {float:left;margin-right:0px;display:inline-block;zoom:1;*display:inline;position:relative;}
ul#menu li a {display: inline-block;text-decoration:none;padding-top:22px;padding-right:-0px;padding-bottom:20px;padding-left:0px;margin-right:-22px;font-size:12px;font-weight:bold;color:#fff;width:111px;height:33px;background:url(img/bg_menu.png) no-repeat;}
ul#menu li a span {width:50px;display: inline-block;width:51px;margin-left:30px;text-align:center;}
ul#menu li a:hover {background:url(img/menu_hover.png) no-repeat;}
ul#menu li a.active {color:#fff;background:url(img/menu_hover.png) no-repeat;}
ul#menu li a.active:hover {background:url(img/menu_hover.png) no-repeat;}
.wrapcontent{position:relative; width:933px;min-height:354px;margin: 0;z-index: 10;padding:0;background:#000;}
.contentleft{width:200px;min-height:353px;float:left; border-right:1px solid #ef3925;padding-left:50px;color:#fff;}
.contentleft2{width:200px;min-height:353px;float:left; border-right:1px solid #ef3925;padding-left:50px;color:#fff;padding-right:20px;}
.contentright{position:relative;width:640px;min-height:353px;float:right;margin-left:40px;color:#fff;}
.contentright2{position:relative;width:620px;min-height:353px;float:right;margin-left:40px;color:#fff;}

.wrapcontent2{position:relative; width:933px;min-height:354px;margin-top: -70px;z-index: 10;padding:0;background:#000;}
.wrapcontent3{position:relative; width:933px;min-height:354px;margin-top: -20px;z-index: 10;padding:0;background:#000;}
.contentkiri{width:299px;min-height:415px;float:left;margin-top:15px;background:url(img/bgleft.jpg)top right; }
.contentkanan{position:relative;width:580px;min-height:353px;float:right;margin-right:30px;color:#fff;line-height:16px;}

ul#menukiri {width:250px;float:left;margin:0 0 0 38px;font-size:12px;padding:0;list-style:none;position:relative;skew(-20deg);-o-transform: skew(-20deg);-moz-transform: skew(-20deg); -webkit-transform: skew(-20deg);}
ul#menukiri li{margin: 0; padding: 0;}
ul#menukiri li a{ margin:0;display: block;height:17px;width: 210px;color:#fff;background: #292929 url(img/titik.png)left no-repeat;font-weight:bold;padding:8px 0px 6px 40px;}
ul#menukiri li a:hover{background:#ef3824 url(img/titik.png)left no-repeat;color:#fff;}
ul#menukiri li a.active{background:#ef3824 url(img/titik_active.png)left no-repeat;color:#fff;}

.wrap1kolomevent{position:relative;width:869px;min-height:120px;margin:20px 12px;padding:5px 20px 0px 20px;}
.wrapnewskiri{width:166px;float:left;position:relative;}
.wrapnewskanan{width:683px;float:left;margin-left:20px;/*background:#666;*/}

ul#menukotak {width:166px;float:left;margin-left:0px;font-size:12px;padding:0;list-style:none;position:relative;}
ul#menukotak li{margin: 0; margin-left:0px ;padding: 0;}
ul#menukotak li a{ margin:0;display: block;height:17px;width: 146px;color:#fff;font-weight:bold;padding:8px 0px 6px 20px;}
ul#menukotak li a:hover{background:#ef3824 url(img/bg_menukotak.png)left no-repeat;color:#fff;}
ul#menukotak li a.active{background:#ef3824 url(img/bg_menukotak.png)left no-repeat;color:#fff;}

ul#listnews {width:703px;min-height:481px;margin-left:0px;}
ul#listnews li {width:auto;height:110px;float:left;left:-40px;top:-11px;display:inline-block;zoom:1;*display:inline;position:relative;border:1px solid #505050;}
ul#listnews li a {display: inline-block;text-decoration:none;color:#757575;background:#fff;padding:5px;}
ul#listnews li a:hover img{opacity:0.4; filter:alpha(opacity=40);}
ul#listnews li a .text_news {padding: 0;position: absolute;left: 10px; top:10px;right: 8px;display: none;width: 152px;height: 110px; z-index:9;}
ul#listnews li a:hover .text_news {display:block;}
ul#listnews li a .text_news .leadnews{color:#fff;z-index:99;line-height:15px;word-wrap: break-word;}
ul#listnews li a .text_news .leadnews .judulnews{font-weight:bold;color:#fff;font-size:13px;}
ul#listnews li a .text_news .linknews{position:relative;color:#fff;margin-top:10px;background:#4d4d4d;padding:5px 10px;border-radius:10px;width:65px;text-align:center;}

ul#listfun {width:693px;min-height:131px;margin-left:0px;clear:both;}
ul#listfun li {width:auto;height:110px;float:left;left:-40px;top:-11px;display:inline-block;zoom:1;*display:inline;position:relative;border:1px solid #505050;margin-right:10px;margin-bottom:10px;}
ul#listfun li a {display: inline-block;text-decoration:none;color:#757575;background:#ef3824;padding:5px;}
ul#listfun li a:hover img{opacity:0.4; filter:alpha(opacity=40);}
ul#listfun li a .text_news {padding: 0;position: absolute;left: 10px; top:10px;right: 8px;display: none;width: 152px;height: 110px; z-index:9;}
ul#listfun li a:hover .text_news {display:block;}
ul#listfun li a .text_news .leadnews{color:#fff;z-index:99;line-height:15px;word-wrap: break-word;}
ul#listfun li a .text_news .leadnews .judulnews{font-weight:bold;color:#fff;font-size:13px;}
ul#listfun li a .text_news .linknews{position:relative;color:#fff;margin-top:10px;background:#4d4d4d;padding:5px 10px;border-radius:10px;width:65px;text-align:center;}

ul#listimg {width:683px;min-height:481px;margin-left:0px;}
ul#listimg li {width:223px;height:168px;float:left;left:-40px;top:-44px;display:inline-block;zoom:1;*display:inline;position:relative;margin-left:10px;margin-top:32px;}
ul#listimg li a {display: inline-block;text-decoration:none;color:#757575;padding:0px;border:1px solid #ef3824;}
ul#listimg li a .titleprod {font-family: 'ffdinpro';padding:10px 0 10px 15px;color:#ef3824;font-size:14px;background:#313131;}

.inputtext{position:relative;border-radius:8px;width:400px;}
.texteditor{position:relative;border-radius:8px;width:400px;height:100px;}
.btn{position:relative;background:#ef3824;color:#fff;border-radius:8px;padding:3px 10px;}
.red{color:#ef3824;} 
.backgrey{background:#505050;}
.backred{background:#ef3824}
.backsilver{background:#ededed;}
.backwhite{background:#ffffff;}
.black{color:#000;}
.wrapkota{width:873px;min-height:167px;background:#000;margin-top:15px;padding-bottom:15px;border-radius:15px;border:1px solid #ef3824;}
.selectkota{text-align:center;min-width:294px;border-radius:8px;color:#6a6a6a;padding:3px;}
.redkota{width:823px;height:18px;background:#ef3824 /*url(img/bg_kota.jpg) right no-repeat*/;border-radius:15px;font-family: 'ffdinpro';font-size:16px;color:#000;padding:20px 20px 20px 30px;font-weight:bold;}
.listdealer{width:873px;/*min-height:18px;*/background:#000;clear:both;}
.dealerkiri{width:400px;padding-left:30px;font-size:11px;float:left}
.dealerkanan{width:420px;padding:0;font-size:11px;float:left}
.shortcut{position:relative;z-index:99;width:933px;height:168px;margin-top:15px;background:#000 url(img/bg_shortcut_trans.png) top left no-repeat;}
ul#listshortcut {margin:0;}
ul#listshortcut li {float:left;margin-left:-10px;margin-right:15px;display:inline-block;zoom:1;*display:inline;position:relative;}
ul#listshortcut li a {display: inline-block;text-decoration:none;transform: skew(-20deg);-o-transform: skew(-20deg);-moz-transform: skew(-20deg); -webkit-transform: skew(-20deg);color:#757575;height:170px;width:286px;background:#171717;overflow:hidden;}
ul#listshortcut li a:hover {border:1px solid #ef3824;}
.imgshortcut{margin-left:-16px;padding:0;border-bottom:1px solid #ef3824;transform: skew(20deg);-o-transform: skew(20deg);    -moz-transform: skew(20deg); -webkit-transform: skew(20deg);}
.lead{width:245;font-size:11px;margin:0;color:#fff;padding-left:20px;padding-right:20px; transform: skew(20deg);-o-transform: skew(20deg);    -moz-transform: skew(20deg); -webkit-transform: skew(20deg);}
.contentred{background:#ef3824;width:232px;float:left;font-size:16px;text-align:center;padding:10px;line-height:20px;clear:both;}
.contentseparo{width:310px;float:right;padding-left:10px;}
.contentbawah{clear:both;margin-top:78px;}

.toptitle{position:absolute;z-index:100;width:280px;height:48px;background:#282828;top:28px;left:30px;transform: skew(-20deg);-o-transform: skew(-20deg);-moz-transform: skew(-20deg); -webkit-transform: skew(-20deg);padding:5px 5px 5px 20px;border-right:1px solid #ef3824;border-bottom:1px solid #ef3824;border-left:1px solid #ef3824;}

.wrap1kolom{position:relative;width:869px;min-height:400px;margin:20px 12px;padding:5px 20px 10px 20px;}
.wrapkolomprod{position:relative;width:864px;min-height:400px;margin:20px 12px;}
.contentdalam{width:869px;padding:1px 20px 10px 20px;}

/*.demo {
  width: 303px;
  height: 455px;
  -webkit-background-size: 245px 301px;
  -moz-background-size: 245px 301px;
  background-size: 245px 301px;
  display: inline-block;
  margin-bottom: 2rem;
}*/

ul#listcategory {width:1009px;height:auto;margin:0;/*background:red;*/padding:0;}
ul#listcategory li {float:left;margin-left:0px;margin-right:10px;margin-bottom:5px;display:inline-block;zoom:1;*display:inline;position:relative;}
ul#listcategory li a {display: inline-block;width:300px;text-decoration:none;/*transform: rotate(-20deg);-o-transform: skew(-20deg);-moz-transform: skew(-20deg); -webkit-transform: skew(-20deg);*/color:#757575;}
ul#listcategory li a:hover img{opacity:.5; filter:alpha(opacity=50);/*border:1px solid #ef3824;*/}
ul#listcategory li a .text_category {padding: 0;position: absolute;left: 40px; top:60px;right: 8px;display: none;width: 186px;height: 155px; z-index:9; text-align:center;}
ul#listcategory li a:hover .text_category {display:block;}
ul#listcategory li a .judulcat{width:285px;height:35px;color:#ef3824;font-size:20px;font-weight:bold;padding:15px 0 0 15px;z-index:99;margin-bottom:5px;border-top:2px solid #ef3824;background:linear-gradient(to bottom, black, #282828);}
ul#listcategory li a .text_category .listproduk{width:175px;min-height:13px;background:#000 url(img/bulat.png) top left no-repeat;border:1px solid #ef3824;color:#fff;font-size:14px;font-weight:bold;text-align:left;padding:10px 10px 10px 30px;margin-top:5px;}
ul#listcategory li a .text_category .listprodukred{width:175px;min-height:13px;background:#ef3824 url(img/bulat.png) top left no-repeat;border:1px solid #ef3824;color:#fff;font-size:14px;font-weight:bold;text-align:left;padding:10px 10px 10px 30px;}
ul#listcategory li a .text_category .linkcat{width:120px;color:#fff;text-align:center;transform: rotate(0deg);-o-transform: skew(0deg);-moz-transform: skew(0deg); -webkit-transform: skew(0deg);font-weight:bold;}
ul#listcategory li a .text_category .linkcat:hover{color:#fff;}
.listcategory_box{/*width:100%;*/width:910px; overflow:hidden;}
.bgcat{width:986px;height:481px;background:url(img/bg_cat.png);position:absolute;}
.wrapproduk{position:relative;margin:0 auto; width:933px;min-height:454px;overflow:hidden;}
.boxmenuproduk{position:absolute;width:400px;min-height:455px;margin-left:-40px;overflow:hidden;}
.toptitleprod{position:absolute;z-index:100;width:260px;height:50px;background:#282828;top:0px;left:70px;transform: skew(-20deg);-o-transform: skew(-20deg);-moz-transform: skew(-20deg); -webkit-transform: skew(-20deg);padding:5px 5px 5px 20px;border-right:1px solid #ef3824;border-bottom:1px solid #ef3824;border-left:1px solid #ef3824;}
.titlebesar{font-size:26px;font-weight:bold;padding-top:5px;line-height:25px;margin-left:30px;}
.titlekecil{font-size:14px;font-weight:bold;margin-left:30px;border-bottom:1px solid #ef3824;transform: skew(20deg);}
ul#listprod {width:260px;float:right;font-size:12px;padding:0;list-style:none;skew(0deg);-o-transform: skew(0deg);-moz-transform: skew(0deg); -webkit-transform: skew(0deg);}
ul#listprod li{margin: 0; padding: 0;}
ul#listprod li a{ margin:0;display: block;height:17px;width: 225px;color:#fff;background: #292929 url(img/bg_menublack.png)center no-repeat;font-weight:bold;padding:8px 0px 6px 40px;}
ul#listprod li a:hover{background:#ef3824 url(img/titik_active.png)left no-repeat;color:#fff;}
ul#listprod li a.active{background:#ef3824 url(img/titik_active.png)left no-repeat;color:#fff;}

.onekolom{position:relative;width:868px;min-height:400px;margin:20px 12px;padding:5px 20px 10px 20px;background:black;}
.judulkolom{background:#ef3824;color:#fff;font-size:15px;padding:7px 10px 7px 20px;font-weight:bold;}
.text01{background:#3c3c3c;color:#fff;font-size:11px;padding:5px 10px 5px 20px;}
.text02{background:#5b5b5b;color:#fff;font-size:11px;padding:5px 10px 5px 20px;}
.bordermerah{border:1px solid #ef3824}

.footer{position:relative; width:933px;height:34px;float:left; margin-top: 0px;z-index: 10;padding:0;background:#ef3824;color:#fff;}
.footer2{position:relative; width:933px;height:34px;float:left; z-index: 10;padding:0;background:#ef3824;color:#fff;}
#footerkiri{position:relative;float:left;width:348px;padding:3px; margin-left: 5px}
ul#menufooter {width:480px;height:35px;float:right;text-align:right;margin:0;font-size:12px;padding:10px 8px 0 0;list-style:none;}
ul#menufooter li{display:block; display:inline; width:auto; height:auto; border:0; margin:0 4px 0 4px; background:transparent; font-size:12px;}
ul#menufooter li a{ color:#fff;text-decoration: none;}
ul#menufooter li a:hover, ul#menufooter a.active{color:#000;text-decoration: none;}

#wrapbottom{margin:0;padding:0;height: 29px;width: 100%;position: relative;bottom: 0px;z-index:9999;text-align:center;color:#fff;postion:relative;}

#pager { width: 600px; margin: 15px;z-index:9999;position:absolute; float:right;/*background:red;*/top:390px;right:10px;}
#pager li { width: 30px; float: right; margin-right: 8px; list-style: none }
#pager a { width: 30px; padding: 0px; display: block; border: 1px solid #313131; }
#pager li.activeSlide a { background: #313131 }
#pager a:focus { outline: none; }
#pager img { border: 1px solid #313131; display: block }

.titlefeature{background:#ef3824 url(img/bulat.png)left no-repeat;width:558px;height:19px;padding:13px 10px 10px 35px;font-size:16px;font-weight:bold;margin-bottom:10px;}
.contentDetail{width:604px;height:450px;float:left;margin-left:10px;margin-top:0px;margin-right:-50px;overflow-x:hidden;padding-top:-10px;}