﻿@charset "utf-8";
/* CSS Document */
/*@import url('https://fonts.googleapis.com/css?family=Bebas');*/
*{margin:0px;padding:0px;}
@font-face {font-family: 'Bebas';src: url('../fonts/BEBAS.ttf');}
@font-face {font-family: 'TheLightFont';src: url('../fonts/TheLightFont.ttf');}
@font-face { font-family: 'novamono';src: url('../fonts/novamono.ttf');}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0px;padding: 0px;border: 0px none;outline: 0px none;background: none repeat scroll 0% 0% transparent;	text-align:left;}
html{background:url(../img/bg.jpg) no-repeat top fixed;  -webkit-background-size: 100% 100%;-moz-background-size: 100% 100%;-o-background-size: 100% 100%;background-size: 100% 100%;/*background: #f3f3f3;*/}
body{font-size:14px;font-family: arial;color:#fff6b4;}
a{text-decoration:none;color:#fff6b4;font-weight:bold;-webkit-transition: opacity 0.2s;-moz-transition: opacity 0.2s;-o-transition: opacity 0.2s;transition: opacity 0.2s;}
a img{border:none;}
a:hover{opacity: 0.5;}
ul {list-style-type: none;}
p{text-align:justify;padding:0px 6px; word-spacing:2px;}
.clearfix:after {content:".";display:block;height:0px;clear:both;visibility:hidden;}	
/* FF, Safari, Opera—p */
.clearfix {display:inline-block;}
/* IE7, MacIE5—p */
/* The Following Hidden From MacIE \*/
* html .clearfix { height:1%; }
.clearfix { display:block; height:inherit; }
.clear {clear: both; height: 0;}
.container{max-width: 962px;height: auto;margin:0 auto;position: relative;}
.containBgGray{width: 100%;height: auto;background: #1f2324;}
.containBgGreen{width: 100%;height: auto;background: #349f03;padding:5px 0;}
#sectionWrapper{background-color:rgba(0, 0, 0, 0.64);width:962px;height:auto;position:relative;margin:0 auto;}
#sectionWrapper #sectionHeader{width:100%;height:105px;position:relative;margin:0 auto;}
#sectionWrapper #sectionHeader #sectionLogo{height:84px;width:360px;left:50%;top: 10px;margin-left: -180px;position:absolute;}
#sectionWrapper #sectionHeader .menu{position: absolute;top: 63px;}
#sectionWrapper #sectionHeader .menu1{left: 0px;}
#sectionWrapper #sectionHeader .menu2{left: 150px;}
#sectionWrapper #sectionHeader .menu3{right: 150px;}
#sectionWrapper #sectionHeader .menu4{right: 0px;}
/*#sectionWrapper .contact{float: right;width: 283px;height: 304px;}*/
#sectionWrapper #sectionMenu{width:100%;height: 54px;background: url(../img/bg/menuWrap.png) repeat-x;}
#sectionWrapper #sectionMenu .menu{width: 960px;height: 44px;background: url(../img/bg/menu.png) no-repeat;padding-top: 10px;}
#sectionWrapper #sectionMenu .menu ul{list-style: none;text-align: center;}
#sectionWrapper #sectionMenu .menu ul li{display: inline;padding: 0 30px;line-height: 30px;background: url(../img/bg/li.png) right center no-repeat;}
#sectionWrapper #sectionMenu .menu ul li:first-child{padding-left: 0;}
#sectionWrapper #sectionMenu .menu ul li:last-child{padding-right: 0;background: none;}
#sectionWrapper #sectionMenu .menu ul li a{display: inline-block;font-size: 16px;line-height: 30px;color: #fff;text-transform: uppercase;}
h1{text-align:center;padding:6px 0px;}
h2{padding:6px 4px;}
h3{font-size:20px;padding:6px 4px}
h4{color:#ffffff;font-size:18px;padding:6px 4px}
.imgslide{width:600px;height:auto;display: block;margin-left: auto;margin-right: auto;}
.imgslide2{display: block;margin-left: auto;margin-right: auto;width: 50%;padding-top:6px;}
#sectionWrapper .footerText{padding: 20px 0;}
#sectionWrapper .footerText p{	color: #747474;font-size: 14px;text-align: center;line-height: 20px;margin:10px 0;}
.buttomLink{position: absolute;background: transparent;width: 270px;right: 0;top: 17px;height: 50px}
.buttomLink a.tentangkami{padding: 16px 85px;}
.buttomLink a.faq{padding: 16px 40px;margin-left: 10px}
.livechat-stick{position: fixed;right: 0;bottom: 0px;z-index: 999;}


