#pay li
{ 
  display: inline;
  list-style-type: none;
  padding:0px  35px;
  float: left;
  font-size:14px;
  font-weight:600;
}


.titlepay{ font-size:16px; font-weight:600; border-bottom:1px solid #eee; padding:10px 0px; margin-bottom:10px;  }
label {
  font-size: 12px !important;
  font-weight: bold;
  color: #999 !important;
}

.m10{ margin-top:45px;}

#formselect li
{
  display: inline;
  list-style-type: none;
  padding:0px 40px;
  float: left;
  }
#head li
{ 
  display: inline;
  list-style-type: none;
  padding:0px 40px;
  float: left;
  font-size:14px;
  font-weight:600;
}
#bustype{ width:1010px; margin:0 auto;  }
#bustype li
{
  display: inline;
  list-style-type: none;
  margin: 5px 36px;
  float: left;
  font-size:14px;
  
  
}


btn-danger {
  color: #fff;
  background-color: #E24648!important;
  border-color: #E24648!important;
}
.btn{ border-radius:0px!important;}
.boxa{position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #fff;
  }
.boxa:hover{background-color:#F9F9F9;border: 1px solid #eee;}
  
.bot3{width:1000px; padding:10px; margin:0 auto; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede;position:relative;}
.iconf{ background-image:url(../images/calender.png);
background-repeat:no-repeat; background-position:100px 2px ; }
.form-control{border-radius:none !important;}
.pure-form {border-radius:none !important;box-shadow:none !important;}
.toptic{ float:left;   margin-left: -36px;}
.toptic ul { list-style-type: none; margin: 0;padding: 0;font-size:12px;}
.toptic li {padding-right:10px;display: inline;}
.toptic li a{ color:#777;}

.loin{ float:right;}
.loin ul { list-style-type: none; margin: 0;padding: 0;font-size:12px;}
.loin li {padding-right:10px;display: inline;}
.loin li a{ color:#777 ;}





.secure{ margin: 0px 0px 0px 0px; color:#999; font-size:10px; font-weight:bold;
padding:0 0 0 0px; float:right; border:0; line-height:6px; }
.secure img{ margin:5px;}


/*! normalize.css v1.1.3 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.67em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}blockquote{margin:1em 40px}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}[hidden]{display:none!important}.pure-img{max-width:100%;height:auto;display:block}.pure-g{letter-spacing:-.31em;*letter-spacing:normal;*word-spacing:-.43em;text-rendering:optimizespeed;font-family:FreeSans,Arimo,"Droid Sans",Helvetica,Arial,sans-serif;display:-webkit-flex;-webkit-flex-flow:row wrap;display:-ms-flexbox;-ms-flex-flow:row wrap}.opera-only :-o-prefocus,.pure-g{word-spacing:-.43em}.pure-u{display:inline-block;*display:inline;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.pure-g [class *="pure-u"]{font-family:sans-serif}.pure-u-1,.pure-u-1-1,.pure-u-1-2,.pure-u-1-3,.pure-u-2-3,.pure-u-1-4,.pure-u-3-4,.pure-u-1-5,.pure-u-2-5,.pure-u-3-5,.pure-u-4-5,.pure-u-5-5,.pure-u-1-6,.pure-u-5-6,.pure-u-1-8,.pure-u-3-8,.pure-u-5-8,.pure-u-7-8,.pure-u-1-12,.pure-u-5-12,.pure-u-7-12,.pure-u-11-12,.pure-u-1-24,.pure-u-2-24,.pure-u-3-24,.pure-u-4-24,.pure-u-5-24,.pure-u-6-24,.pure-u-7-24,.pure-u-8-24,.pure-u-9-24,.pure-u-10-24,.pure-u-11-24,.pure-u-12-24,.pure-u-13-24,.pure-u-14-24,.pure-u-15-24,.pure-u-16-24,.pure-u-17-24,.pure-u-18-24,.pure-u-19-24,.pure-u-20-24,.pure-u-21-24,.pure-u-22-24,.pure-u-23-24,.pure-u-24-24{display:inline-block;*display:inline;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.pure-u-1-24{width:4.1667%;*width:4.1357%}.pure-u-1-12,.pure-u-2-24{width:8.3333%;*width:8.3023%}.pure-u-1-8,.pure-u-3-24{width:12.5%;*width:12.469%}.pure-u-1-6,.pure-u-4-24{width:16.6667%;*width:16.6357%}.pure-u-1-5{width:20%;*width:19.969%}.pure-u-5-24{width:20.8333%;*width:20.8023%}.pure-u-1-4,.pure-u-6-24{width:25%;*width:24.969%}.pure-u-7-24{width:29.1667%;*width:29.1357%}.pure-u-1-3,.pure-u-8-24{width:33.3333%;*width:33.3023%}.pure-u-3-8,.pure-u-9-24{width:37.5%;*width:37.469%}.pure-u-2-5{width:40%;*width:39.969%}.pure-u-5-12,.pure-u-10-24{width:41.6667%;*width:41.6357%}.pure-u-11-24{width:45.8333%;*width:45.8023%}.pure-u-1-2,.pure-u-12-24{width:50%;*width:49.969%}.pure-u-13-24{width:54.1667%;*width:54.1357%}.pure-u-7-12,.pure-u-14-24{width:58.3333%;*width:58.3023%}.pure-u-3-5{width:60%;*width:59.969%}.pure-u-5-8,.pure-u-15-24{width:62.5%;*width:62.469%}.pure-u-2-3,.pure-u-16-24{width:66.6667%;*width:66.6357%}.pure-u-17-24{width:70.8333%;*width:70.8023%}.pure-u-3-4,.pure-u-18-24{width:75%;*width:74.969%}.pure-u-19-24{width:79.1667%;*width:79.1357%}.pure-u-4-5{width:80%;*width:79.969%}.pure-u-5-6,.pure-u-20-24{width:83.3333%;*width:83.3023%}.pure-u-7-8,.pure-u-21-24{width:87.5%;*width:87.469%}.pure-u-11-12,.pure-u-22-24{width:91.6667%;*width:91.6357%}.pure-u-23-24{width:95.8333%;*width:95.8023%}.pure-u-1,.pure-u-1-1,.pure-u-5-5,.pure-u-24-24{width:100%}.pure-button{display:inline-block;*display:inline;zoom:1;line-height:normal;white-space:nowrap;vertical-align:baseline;text-align:center;cursor:pointer;-webkit-user-drag:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pure-button::-moz-focus-inner{padding:0;border:0}.pure-button{font-family:inherit;font-size:100%;*font-size:90%;*overflow:visible;padding:.5em 1em;color:#444;color:rgba(0,0,0,.8);*color:#444;border:1px solid #999;border:0 rgba(0,0,0,0);background-color:#E6E6E6;text-decoration:none;border-radius:2px}.pure-button-hover,.pure-button:hover,.pure-button:focus{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1a000000', GradientType=0);background-image:-webkit-gradient(linear,0 0,0 100%,from(transparent),color-stop(40%,rgba(0,0,0,.05)),to(rgba(0,0,0,.1)));background-image:-webkit-linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1));background-image:-moz-linear-gradient(top,rgba(0,0,0,.05) 0,rgba(0,0,0,.1));background-image:-o-linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1));background-image:linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1))}.pure-button:focus{outline:0}.pure-button-active,.pure-button:active{box-shadow:0 0 0 0px; }.pure-button[disabled],.pure-button-disabled,.pure-button-disabled:hover,.pure-button-disabled:focus,.pure-button-disabled:active{border:0;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);filter:alpha(opacity=40);-khtml-opacity:.4;-moz-opacity:.4;opacity:.4;cursor:not-allowed;box-shadow:none}.pure-button-hidden{display:none}.pure-button::-moz-focus-inner{padding:0;border:0}.pure-button-primary,.pure-button-selected,a.pure-button-primary,a.pure-button-selected{background-color:#0078e7;color:#fff}.pure-form input[type=text],.pure-form input[type=password],.pure-form input[type=email],.pure-form input[type=url],.pure-form input[type=date],.pure-form input[type=month],.pure-form input[type=time],.pure-form input[type=datetime],.pure-form input[type=datetime-local],.pure-form input[type=week],.pure-form input[type=number],.pure-form input[type=search],.pure-form input[type=tel],.pure-form input[type=color],.pure-form select,.pure-form textarea{padding:.7em .8em;display:inline-block;border:1px solid #ccc;
/*box-shadow:inset 0 1px 3px #ddd;border-radius:4px;
-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box*/}.pure-form input:not([type]){
	padding:.7em .8em;
	display:inline-block;
	border:0px solid #ccc;
	/*box-shadow:inset 0 1px 3px #ddd;
	border-radius:0px;*/
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}.pure-form input[type=color]{padding:.2em .5em}.pure-form input[type=text]:focus,.pure-form input[type=password]:focus,.pure-form input[type=email]:focus,.pure-form input[type=url]:focus,.pure-form input[type=date]:focus,.pure-form input[type=month]:focus,.pure-form input[type=time]:focus,.pure-form input[type=datetime]:focus,.pure-form input[type=datetime-local]:focus,.pure-form input[type=week]:focus,.pure-form input[type=number]:focus,.pure-form input[type=search]:focus,.pure-form input[type=tel]:focus,.pure-form input[type=color]:focus,.pure-form select:focus,.pure-form textarea:focus{outline:0;outline:thin dotted \9;border-color:#129FEA}.pure-form input:not([type]):focus{outline:0;outline:thin dotted \9;border-color:#129FEA}.pure-form input[type=file]:focus,.pure-form input[type=radio]:focus,.pure-form input[type=checkbox]:focus{outline:thin dotted #333;outline:1px auto #129FEA}.pure-form .pure-checkbox,.pure-form .pure-radio{margin:.5em 0;display:block}.pure-form input[type=text][disabled],.pure-form input[type=password][disabled],.pure-form input[type=email][disabled],.pure-form input[type=url][disabled],.pure-form input[type=date][disabled],.pure-form input[type=month][disabled],.pure-form input[type=time][disabled],.pure-form input[type=datetime][disabled],.pure-form input[type=datetime-local][disabled],.pure-form input[type=week][disabled],.pure-form input[type=number][disabled],.pure-form input[type=search][disabled],.pure-form input[type=tel][disabled],.pure-form input[type=color][disabled],.pure-form select[disabled],.pure-form textarea[disabled]{cursor:not-allowed;background-color:#eaeded;color:#cad2d3}.pure-form input:not([type])[disabled]{cursor:not-allowed;background-color:#eaeded;color:#cad2d3}.pure-form input[readonly],.pure-form select[readonly],.pure-form textarea[readonly]{background:#eee;color:#777;border-color:#ccc}.pure-form input:focus:invalid,.pure-form textarea:focus:invalid,.pure-form select:focus:invalid{color:#b94a48;border-color:#ee5f5b}.pure-form input:focus:invalid:focus,.pure-form textarea:focus:invalid:focus,.pure-form select:focus:invalid:focus{border-color:#e9322d}.pure-form input[type=file]:focus:invalid:focus,.pure-form input[type=radio]:focus:invalid:focus,.pure-form input[type=checkbox]:focus:invalid:focus{outline-color:#e9322d}.pure-form select{border:1px solid #ccc;background-color:#fff}.pure-form select[multiple]{height:auto}.pure-form label{margin:.5em 0 .2em}.pure-form fieldset{margin:0;padding:.35em 0 .75em;border:0}.pure-form legend{display:block;width:100%;padding:.3em 0;margin-bottom:.3em;color:#333;border-bottom:1px solid #e5e5e5}.pure-form-stacked input[type=text],.pure-form-stacked input[type=password],.pure-form-stacked input[type=email],.pure-form-stacked input[type=url],.pure-form-stacked input[type=date],.pure-form-stacked input[type=month],.pure-form-stacked input[type=time],.pure-form-stacked input[type=datetime],.pure-form-stacked input[type=datetime-local],.pure-form-stacked input[type=week],.pure-form-stacked input[type=number],.pure-form-stacked input[type=search],.pure-form-stacked input[type=tel],.pure-form-stacked input[type=color],.pure-form-stacked select,.pure-form-stacked label,.pure-form-stacked textarea{display:block;margin:.25em 0}.pure-form-stacked input:not([type]){display:block;margin:.25em 0}.pure-form-aligned input,.pure-form-aligned textarea,.pure-form-aligned select,.pure-form-aligned .pure-help-inline,.pure-form-message-inline{display:inline-block;*display:inline;*zoom:1;vertical-align:middle}.pure-form-aligned textarea{vertical-align:top}.pure-form-aligned .pure-control-group{margin-bottom:.5em}.pure-form-aligned .pure-control-group label{text-align:right;display:inline-block;vertical-align:middle;width:10em;margin:0 1em 0 0}.pure-form-aligned .pure-controls{margin:1.5em 0 0 10em}.pure-form input.pure-input-rounded,.pure-form .pure-input-rounded{border-radius:2em;padding:.5em 1em}.pure-form .pure-group fieldset{margin-bottom:10px}.pure-form .pure-group input{display:block;padding:10px;margin:0;border-radius:0;position:relative;top:-1px}.pure-form .pure-group input:focus{z-index:2}.pure-form .pure-group input:first-child{top:1px;border-radius:4px 4px 0 0}.pure-form .pure-group input:last-child{top:-2px;border-radius:0 0 4px 4px}.pure-form .pure-group button{margin:.35em 0}.pure-form .pure-input-1{width:100%}.pure-form .pure-input-2-3{width:66%}.pure-form .pure-input-1-2{width:50%}.pure-form .pure-input-1-3{width:33%}.pure-form .pure-input-1-4{width:25%}.pure-form .pure-help-inline,.pure-form-message-inline{display:inline-block;padding-left:.3em;color:#666;vertical-align:middle;font-size:.875em}.pure-form-message{display:block;color:#666;font-size:.875em}.pure-menu ul{position:absolute;visibility:hidden}.pure-menu.pure-menu-open{visibility:visible;z-index:2;width:100%}.pure-menu ul{left:-10000px;list-style:none;margin:0;padding:0;top:-10000px;z-index:1}.pure-menu>ul{position:relative}.pure-menu-open>ul{left:0;top:0;visibility:visible}.pure-menu-open>ul:focus{outline:0}.pure-menu li{position:relative}.pure-menu a,.pure-menu .pure-menu-heading{display:block;color:inherit;line-height:1.5em;padding:5px 20px;text-decoration:none;white-space:nowrap}.pure-menu.pure-menu-horizontal>.pure-menu-heading{display:inline-block;*display:inline;zoom:1;margin:0;vertical-align:middle}.pure-menu.pure-menu-horizontal>ul{display:inline-block;*display:inline;zoom:1;vertical-align:middle}.pure-menu li a{padding:5px 20px}.pure-menu-can-have-children>.pure-menu-label:after{content:'\25B8';float:right;font-family:'Lucida Grande','Lucida Sans Unicode','DejaVu Sans',sans-serif;margin-right:-20px;margin-top:-1px}.pure-menu-can-have-children>.pure-menu-label{padding-right:30px}.pure-menu-separator{background-color:#dfdfdf;display:block;height:1px;font-size:0;margin:7px 2px;overflow:hidden}.pure-menu-hidden{display:none}.pure-menu-fixed{position:fixed;top:0;left:0;width:100%}.pure-menu-horizontal li{display:inline-block;*display:inline;zoom:1;vertical-align:middle}.pure-menu-horizontal li li{display:block}.pure-menu-horizontal>.pure-menu-children>.pure-menu-can-have-children>.pure-menu-label:after{content:"\25BE"}.pure-menu-horizontal>.pure-menu-children>.pure-menu-can-have-children>.pure-menu-label{padding-right:30px}.pure-menu-horizontal li.pure-menu-separator{height:50%;width:1px;margin:0 7px}.pure-menu-horizontal li li.pure-menu-separator{height:1px;width:auto;margin:7px 2px}.pure-menu.pure-menu-open,.pure-menu.pure-menu-horizontal li .pure-menu-children{background:#fff;border:1px solid #b7b7b7}.pure-menu.pure-menu-horizontal,.pure-menu.pure-menu-horizontal .pure-menu-heading{border:0}.pure-menu a{border:1px solid transparent;border-left:0;border-right:0}.pure-menu a,.pure-menu .pure-menu-can-have-children>li:after{color:#777}.pure-menu .pure-menu-can-have-children>li:hover:after{color:#fff}.pure-menu .pure-menu-open{background:#dedede}.pure-menu li a:hover,.pure-menu li a:focus{background:#eee}.pure-menu li.pure-menu-disabled a:hover,.pure-menu li.pure-menu-disabled a:focus{background:#fff;color:#bfbfbf}.pure-menu .pure-menu-disabled>a{background-image:none;border-color:transparent;cursor:default}.pure-menu .pure-menu-disabled>a,.pure-menu .pure-menu-can-have-children.pure-menu-disabled>a:after{color:#bfbfbf}.pure-menu .pure-menu-heading{color:#565d64;text-transform:uppercase;font-size:90%;margin-top:.5em;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#dfdfdf}.pure-menu .pure-menu-selected a{color:#000}.pure-menu.pure-menu-open.pure-menu-fixed{border:0;border-bottom:1px solid #b7b7b7}.pure-paginator{letter-spacing:-.31em;*letter-spacing:normal;*word-spacing:-.43em;text-rendering:optimizespeed;list-style:none;margin:0;padding:0}.opera-only :-o-prefocus,.pure-paginator{word-spacing:-.43em}.pure-paginator li{display:inline-block;*display:inline;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.pure-paginator .pure-button{border-radius:0;padding:.8em 1.4em;vertical-align:top;height:1.1em}.pure-paginator .pure-button:focus,.pure-paginator .pure-button:active{outline-style:none}.pure-paginator .prev,.pure-paginator .next{color:#C0C1C3;text-shadow:0 -1px 0 rgba(0,0,0,.45)}.pure-paginator .prev{border-radius:2px 0 0 2px}.pure-paginator .next{border-radius:0 2px 2px 0}.pure-table{border-collapse:collapse;border-spacing:0;empty-cells:show;border:1px solid #cbcbcb}.pure-table caption{color:#000;font:italic 85%/1 arial,sans-serif;padding:1em 0;text-align:center}.pure-table td,.pure-table th{border-left:1px solid #cbcbcb;border-width:0 0 0 1px;font-size:inherit;margin:0;overflow:visible;padding:.5em 1em}.pure-table td:first-child,.pure-table th:first-child{border-left-width:0}.pure-table thead{background:#e0e0e0;color:#000;text-align:left;vertical-align:bottom}.pure-table td{background-color:transparent}.pure-table-odd td{background-color:#f2f2f2}.pure-table-striped tr:nth-child(2n-1) td{background-color:#f2f2f2}.pure-table-bordered td{border-bottom:1px solid #cbcbcb}.pure-table-bordered tbody>tr:last-child td,.pure-table-horizontal tbody>tr:last-child td{border-bottom-width:0}.pure-table-horizontal td,.pure-table-horizontal th{border-width:0 0 1px;border-bottom:1px solid #cbcbcb}.pure-table-horizontal tbody>tr:last-child td{border-bottom-width:0}


        .button-success,
        .button-error,
        .button-warning,
        .button-secondary {
            color: white;
            border-radius:2px;
            text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
        }

        .button-success {
            background: rgb(28, 184, 65); /* this is a green */
        }

        .button-error {
            background: rgb(202, 60, 60); /* this is a maroon */
        }

        .button-warning {
            background: rgb(223, 117, 20); /* this is an orange */
        }

        .button-secondary {
            background: rgb(66, 184, 221); /* this is a light blue */
        }


ol, ul {
	list-style: none;
}
.social{ border:0px dashed #000; }
.social ul { float:right; margin-right:25px; margin-top:8px;}
.social ul li {  float:left; margin:3px; width:25px; height:25px;}
.social ul li img{  width:25px; height:25px;}
.social ul li a{ }
.social ul li a:hover{ opacity:0.5; }
	



.grid-1{ float:left;
padding:3px;
margin:10px 10px;  
width:227px;
height:280px;
border:0px dashed #000;}
.grid-img{ alignment-adjust: central; 
margin:10px 5px;}

.grid-title{ font-size:18px;
color:#fff;
margin:10px 5px;}
.grid-disc{ font-size:12px;
text-align:justify;
color:#fff;
margin:5px 5px;}



.systemHarga { float:left;
	border:0px dashed #000;
    margin: 20px 8px 0px 8px;
    padding: 0;
    width: 180px;
    position: relative;
    -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.6);
    -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.6);
    box-shadow: 0px 0px 3px rgba(0,0,0,0.6);
	-webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
	
}

.systemHarga img {
    width: 180px;
    height: 150px;
    display: block;
	-webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
	
}
.systemHarga img:hover {
    width: 185px;
    height: 155px;
    display:inline-block;
}

.systemHarga::before {
    content: attr(title);
    position:absolute;
	margin:0px 0px 0px 0px;
    background: rgba(0, 0, 0, 0.4);
    padding:0px;
    right: 0;
    bottom:0;
    color: #fff;
	left: 0;
	width:100%;
	height:25px;
    text-align: center;
    font: bold 12px Arial, sans-serif;
}




body {
	margin:0; padding:0; background-color:#fff; font-family:Arial, Helvetica, sans-serif;
	}
#contain {
	position:relative;
	margin:0 auto;
	/*overflow:hidden;*/	
	}	
#container {
	position:relative;
	width:1000px;
	margin:0 auto;
	/*overflow:hidden;*/	
	}
.clr {
	clear:both;
	}	
#header {
	width:1000px; height:auto;  
	}
.logo {
	width:190px; height:98px; padding-top:20px; margin-left:20px; margin-bottom:40px; float:left;
	}
.buslogo{ width:103px;}
.wb{ min-width:200px; height:35px; padding:5px;}
.buses .ac{    color: #000 !important;text-decoration:none !important; }
.buses{ float:left;}
.buses a{  padding: 0 15px;
  color: #D0100C;
  font-weight: 600;
  font-size: 16px; }
.buses a:hover{ text-decoration:none; } 
.buses a:active{ text-decoration:none !important; color: #000; } 

.topnav { background-color: #F5F5F5;
  height: 36px;
  line-height: 35px;
  border-bottom: 1px solid #dedede;
  min-width: 1000px;}	
.navmain{
  min-width: 1000px;
  margin: auto;
  border-bottom: 1px solid #dedede;
  }	
#topmenu
{
 min-width:12%; max-width:15%; height:25px; background:#F00; margin-top:10px; margin-right:30px; border-radius:4px;  float:right; 
}

#topmenu ul{
	
	padding:4px 0px 10px 0px;
	list-style:none;
	margin:0px auto;
	
	}
#topmenu li{ float:left;	
	}
#topmenu li a{
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	display:block;
	border-right:solid 1px #999999;
	padding:0px 10px;
}

#topmenu li a:hover
{
	color:#000;
	text-decoration: none;
	}	
#topmenu li a.active
{
	color:#fff;
	text-decoration: none;
	}	
	
	
.shadow {
  -moz-box-shadow:    1px 1px 5px  #000;
     -webkit-box-shadow: 1px 1px 5px  #000;
     box-shadow:         1px 1px 5px  #000;
}

		
#menutop
{
	width:1000px; height:35px; background:#e5322d ; margin:0px 0px 15px 0px;   
	 -moz-box-shadow:    1px 1px 5px  #000;
     -webkit-box-shadow: 1px 1px 5px  #000;
     box-shadow:         1px 1px 5px  #000;
}

#menutop ul{
	margin:0px;
	padding:0px;
	list-style:none;
	margin:0px auto;
	float:right;
	margin-left:10px;
	text-decoration:none;
	}
#menutop li{	
	float:left;
	}
#menutop li a{
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	display:block;
	padding:10px 30px;
}

#menutop li a:hover
{
	color:#000;
	text-decoration:none;
	}	
#menutop li a.active
{
	color:#000;
	text-decoration:none;
	}	

.content_lft {
width:655px;     float:left;
}	
.content_mid {	
width:320px;    float:left;	
}
.inner_lft {
 padding-bottom:10px;     float:left;
}	
.inner_mid {	
width:79%; padding-bottom:10px; padding-top:10px;    float:left;height:450px; border-radius:15px;
}

.inner_lft .lft_bg {
width:98%; border-radius:10px; margin-left:10px; padding-bottom:35px; height: auto;
background-color: rgb(202, 60, 60); 
}
.lft_bg  a{color: #fcfcfc; font-weight:bold;}
.lft_bg_head {
	height:40px; border-radius:7px; background-color:rgb(202, 60, 60);margin-top:10px;
	}
.lft_bg_head div.head{ margin-left:10px; padding-top:8px; font-size:14px; color:#ffffff; font-weight:bold;	
}
.lft_bg .summary {
	width:170px; height:70px;  margin-left:20px; margin-top:10px;  
	}
.lft_bg .summary p{ font-size:11px; color:#084d79; }
.lft_bg .selection {
	background-color:#f5f5f5; color:#000;  margin-top:10px; font-weight: bold;
	}
#onward,#return,#tabs {
margin-left: 10px!important;
}

.inner_mid .top_bg {
	width:100%; background-color:#fff;  margin-left:10px; padding-bottom:10px;
}
.inner_mid .top_bg .header{
padding-top:10px; padding-bottom:10px;  margin-left:20px; color:#0573c0; font-size:12px; text-decoration:none; font-weight:bold;
 }
.inner_mid .top_bg .header a{
 color:#0573c0; font-size:12px; text-decoration:none; font-weight:bold;
 }
 .inner_mid .top_bg .header a:hover{
text-decoration:underline;
 }
.inner_mid .top_bg .pas_details{
	width:780px; height:35px; margin:05px; background-color:#000; color:#fff;
	}
.inner_mid .top_bg .pas_enter{
	width:760px; height:35px; margin:05px; background-color:#FFFFFF; color:#000;
	text-decoration:none;
	text-align:center;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}	
.inner_mid .top_bg .pas_details ul{
	margin:0px;
	padding:0px;
	list-style:none;

	}
.inner_mid .top_bg .pas_details li{	
	float:left;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	display:block;
	padding:10px 41px;
}	 
.inner_mid .rgt_bg {
	width:100%;  background-color:#ffffff;  /*margin-top:05px;*/ margin-left:10px; padding-bottom:10px;
	
	-moz-box-shadow:    1px 1px 5px  #000;
     -webkit-box-shadow: 1px 1px 5px  #000;
     box-shadow:         1px 1px 5px  #000;
	
}

.inner_mid .rgt_bg1 {
	width:98%;  background-color:#fce7e7;  /*margin-top:05px;*/ padding-bottom:10px; margin-left:10px;
}
.inner_mid .rgt_bg .header{
	width:90%; height:30px;  padding-left:10px; 
	}
.inner_mid .rgt_bg .header font{
		color:#000;
	text-decoration:none;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	display:block;
	padding:10px 10px;
	}	
.inner_mid .rgt_bg .header ul{
	margin:0px;
	padding:0px;
	list-style:none;

	}
.inner_mid .rgt_bg .header li{	
	float:left;
	color:#000;
	text-decoration:none;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	display:block;
	padding:10px 28px;
}
.inner_mid .rgt_bg .sub_bg{
width:780px; height:60px; margin:05px; background-color:#FFFFFF; color:#000;
	text-decoration:none;
	text-align:center;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.inner_mid .rgt_bg .bok_main {
width:600px; margin:20px 0px 20px 20px; color:#003556; font-size:12px; font-weight:bold;
}
.inner_mid .rgt_bg .bok_main .in {
width:600px; margin-top:05px; color:#003556; font-size:12px; font-weight:bold;
}
.bok_main .bok_lft{
width:150px; height:20px;  float:left; margin-right:20px; padding-top:5px;
}
.bok_main .bok_rgt{
width:400px; height:auto;  float:left; margin-right:20px;
}

.inner_mid .rgt_bg2 {
	background-color:#fce7e7;  /*margin-top:05px;*/ margin-left:10px; 
}
.inner_mid .rgt_bg2 .header{
	width:750x; height:35px;  padding-left:10px; margin:20px 0 0 0px; text-align: center; 
	}
.inner_mid .rgt_bg2 .header font{
		color:#000;
	text-decoration:none;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	display:block;
	padding:10px 10px;
	}	
.inner_mid .rgt_bg2 .header ul{
	margin:0px;
	padding:0px;
	list-style:none;

	}
.inner_mid .rgt_bg2 .header li{	
	float:left;
	color:#000;
	text-decoration:none;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	display:block;
	padding:10px 30px;
	
}
.inner_mid .rgt_bg2 .sub_bg{
height:60px; margin:05px; background-color:#FFFFFF; color:#000;
	text-decoration:none;
	text-align:center;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border-right:1px solid #ccc;
}
.inner_mid .rgt_bg2 .bok_main2 {
width:600px; margin:20px 0px 20px 20px; color:#003556; font-size:12px; font-weight:bold; 
}
.inner_mid .rgt_bg2 .bok_main2 .in {
width:600px; margin-top:05px; color:#003556; font-size:12px; font-weight:bold;
}
.bok_main2 .bok_lft{
width:150px; height:20px;  float:left; margin-right:20px; padding-top:5px; 
}
.bok_main2 .bok_rgt{
width:400px; height:auto;  float:left; margin-right:20px;
}

.sea_res_a{
width:15%;  padding-top:10px; float:left;
}
.sea_res_b{
width:15%;  padding-top:10px; float:left;
}
.sea_res_c{
width:15%;  padding-top:10px; float:left;
}
.sea_res_d{
width:10%; padding-top:5px; float:left;
}
.sea_res_e{
width:5%;  padding-top:10px; float:left;
}
.sea_res_f{
width:5%;  padding-top:10px; float:left;
}



.sea_res_aa{
width:100px;  padding-top:10px; float:left;
}
.sea_res_bb{
width:190px;  padding-top:10px; float:left;
}
.sea_res_cc{
width:112px;  padding-top:10px; float:left;
}
.sea_res_dd{
width:100px; padding-top:5px; float:left;
}
.sea_res_ee{
width:115px;  padding-top:10px; float:left;
}
.sea_res_ff{
width:70px;  padding-top:10px; float:left;
}
.sea_res_gg{
width:125px;  padding-top:10px; float:left;
}
/*.inner_mid .rgt_bg .sub_bg ul{
	margin:0px;
	padding:0px;
	list-style:none;
	margin-left:5px;

	}
.inner_mid .rgt_bg .sub_bg li{	
	float:left;
	color:#000;
	text-decoration:none;
	text-align:center;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	display:block;
	padding:10px 42px;
}*/
#book_bg {	
	width:640px; height:225px; background-color:#fff; border:solid 0px #000; margin-left:10px;
	}
#book_bg .header{
	width:640px; height:40px; border-bottom:dashed 1px #ccc; padding-top:10px; padding-left:10px; font:Arial, Helvetica, sans-serif; font-size:14px; color:#000; font-weight:bold;
	}
 
.book_main {
	width:400px; height:100px;  margin-left:120px; margin-top:50px;
	}
.book_in {
	width:400px; height:40px; margin-top:10px; color:#003556; font-size:12px; font-weight:bold;
	}
.book_lft {
	width:200px; height:40px; float:left; 
	}
	.book_rgt {
	width:200px; height:40px; float:left; 
	}
	.book_main1 {
	width:400px; height:100px;  margin-left:60px; margin-top:12px;
	}
	.book_in1 {
	width:550px; height:40px; margin-top:10px; color:#000000; font-size:12px; font-weight:bold; margin-left: -50px;
	}
.book_lft1 {
	width:240px; height:40px; float:left; 
	}
	.book_rgt1 {
	width:275px; height:40px; float:left; 
	}		
.content_inner {
width:680px;   margin-top:10px; margin-bottom:10px;
}

.content_inner h2 {
color:#6c6401;
font:bold 25px Arial,Helvetica,sans-serif;
margin:0px 0 0 0px;
padding:15px;
}
.content_inner p {
color:#3d3d00;
font:11px/1.6em Arial,Helvetica,sans-serif;
text-align:justify;
margin-left:20px;
margin-right:20px;

}
.content_inner p b{
	font-size:12px;
	}
.main_content {
	width:660px; height:85px; float:none;  margin-left:20px; margin-top:10px;  font-size:11px; color:#3d3d00;
	}
.main_content h2{	
	font-size:14px; font-weight:bold; color:#6c6401; 
	}	
.main_more {
	width:40px;  float:none; margin-top:10px; margin-right:0px; float:right; 
	}
.main_more a{ 
	color:#676501;
	text-decoration:none;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	}
.main_more a:hover{ text-decoration:underline;
}	
.submenu_bg {
	width:100%; height:78px; background:transparent url(file://///192.168.2.6/aybois-new/images/index/sub_menu_bg.jpg) repeat-x;
	}
.submenu_inner {	
width:220px;  padding-top:10px; margin-left:20px;
}
.submenu_inner .bullet{
width:7px; height:7px; background:transparent url(file://///192.168.2.6/aybois-new/images/index/bullet.jpg) no-repeat; float:left; margin-top:10px; margin-right:10px;
}	
.submenu_link {
	width:200px; height:60px;float:left;
	}
.submenu_link a{ font-family:Arial, Helvetica, sans-serif; font-size:22PX; color:#37541c; text-decoration:NONE;
}
.submenu_link a span{ 
	font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; margin-left:5px;
	
}
.container_bottomlft {
	width:19px; height:24px; background-image:url(file://///192.168.2.6/aybois-new/images/index/footer_lft.jpg); float:left;
		}
.container_bottommid {
width:922px; height:24px; background-image:url(file://///192.168.2.6/aybois-new/images/index/footer_mid.jpg); float:left;
	}
.container_bottomrgt {	
width:19px; height:24px; background-image:url(file://///192.168.2.6/aybois-new/images/index/footer_rgt.jpg); float:left;
	}				
#footer {
	position:relative;
	
	color:#000;
	height:80px;
	text-align:center;
	background:#f5f5f5;
	margin:0 auto;
	font-style: italic;
	border-top:5px solid #F00;
	}
	
#footer a { color:#000; font-weight:bold;}	
#footer a:hover { color:#003556; font-weight:bold;}	
.footer_main {	
width:100%; height:60px; float:none;	
}
.footer_in {
width:740px; margin-left:100px;
}
.footer_lft {
width:350px;  font-size:10px; color:#FFF; text-align:right;  float:left;  margin-top:10px;
}
.footer_rgt {
width:350px;  font-size:10px; color:#fff; text-align:left; float:left; margin-left:40px; margin-top:10px;
}

.new_button {
width:auto; overflow:hidden; height:25px;  margin-left:500px; margin-top:20px;
}
.left-btn
{
	width:10px;
	height:22px;
	float:left;
	background:url(file://///192.168.2.6/aybois-new/images/a.jpg) no-repeat;
}
.mid-btn 
{
	width:auto;
	height:22px;
	float:left;
	background:url(file://///192.168.2.6/aybois-new/images/b.jpg) repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	padding-top:2px;
	font-weight:bold;
}
.mid-btn a
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}
.mid-btn a:hover
{
	color:#FFFF66;
}
.right-btn
{
	width:10px;
	height:22px;
	float:left;
	background:url(file://///192.168.2.6/aybois-new/images/c.jpg) no-repeat;
}

.alert_success {
display: block;
width: 95%;
margin: 20px 3% 0 3%;
margin-top: 20px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: #E2F6C5 url(file://///192.168.2.6/aybois-new/images/icn_alert_success.png) no-repeat;
background-position: 10px 10px;
border: 1px solid #79C20D;
color: #32510F;
padding: 10px 0;
text-indent: 40px;
font-size: 14px;}

.alert_error {
display: block;
width: 95%;
margin: 20px 3% 0 3%;
margin-top: 5px;
margin-bottom:10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: #FFDFDF no-repeat;
background-position: 10px 10px;
border: 1px solid #FF8080;
color: #FF0000;
padding: 10px 0;
text-indent: 40px;
font-size: 14px;}