﻿@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:#fff;-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;}
.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;}
.jadwal {margin: 10px auto;border: 1px solid #ffed96;color: #ffffff;font-size: 13px;width: 700px;font-family: arial; box-shadow: 0 0 10px #111;}
.jadwal td {border: 1px solid #fee67f;text-align: center;background-color: #000000;width: 180px;color:#ffed96;}
.jadwal img {padding: 12px 0px 0px 0px;}
.jadwalbank{background:linear-gradient(0deg,#ffd664 0%,#a67902 50%,#ffd664 50%,#fef496 100%); font-size:36px;font-weight:bold;}
.tdinfo{background:#000000;}
#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: 280px;right: 0;top: 17px;height: 54px}
.buttomLink a.tentangkami{padding: 16px 46px;margin-left: 10px}
.buttomLink a.faq{padding: 16px 100px;}
.livechat-stick{position: fixed;right: 0;bottom: 0px;z-index: 999;}




