@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed);
@import url(http://fonts.googleapis.com/css?family=Montserrat:700);
a, :visited { outline: 0; outline: 0 }
a:hover, a:active, a:focus { outline: 0; outline: 0; text-decoration: none }
ul, ol { padding-left: 0; list-style: none }
body { font-family: 'Roboto Condensed', sans-serif }
h1 { font-size: 36px!important; letter-spacing: -1.6px; font-family: 'Montserrat', sans-serif }
header { background: url("images/header-8kb.jpg") repeat scroll 0 0 / cover rgba(0,0,0,0); padding: 22px 0 26px }
.bill_form { background: url(images/bgr.jpg) no-repeat; background-position: center; background-size: cover; padding: 20px 0 126px 0; overflow: hidden }
.bill_form_text p { font-size: 22px }
.bill_form_text p, .bill_form_text h1 { margin-left: 15px }
.payment_center { margin-top: 14px; top: 15px; background: #fff; border-radius: 8px; background: #fff }
.form_area { padding: 0 18px 20px }
.border_img { background: url(images/border-img.png)no-repeat; margin-top: 30px }
.top_sec { padding: 0 40px 24px }
.top_sec h4 { margin-top: 26px }
.form_right { padding-bottom: 20px }
.submitbtn { margin-bottom: 40px }
.subbtn { background: #7aab10; color: #fff; border: 0; height: 53px; font-size: 18px; letter-spacing: 2px; border: 0 }
.subbtn:hover { background: #6a9a03; color: #fff }
.paybill h2 { margin: 8px 0 0 0; color: #fff }
.form_right .form-control { height: 36px; border-radius: 0; font-size: 18px }
.col-lg-12.psucc-faild { padding: 52px }
.main-fail-page { padding-bottom: 84px!important }
#footer { padding-top: 45px }
.inner_footer p { font-size: 24px; color: #565552 }
.footer_shadow { background: url("images/footer_sadow.png") no-repeat bottom; height: 100px; margin-bottom: -4px }
.copy_right { padding: 38px 0 30px 0; margin-bottom: 0; font-size: 18px!important }
.copy_inner_ico { padding-top: 70px; clear: both; overflow: hidden }
.copy_inner_ico h4 { color: #565552; font-size: 16px }
.copy_inner_ico small { font-size: 14px }
footer { background: url("images/footer-8kb.jpg") no-repeat 100% 100% / cover rgba(0,0,0,0); height: 115px }
.footerNav { margin-left: auto; margin-right: auto; margin-top: 20px; display: table }
.footerNav ul li { float: left; margin-right: 30px; list-style: none }
.footerNav ul li a { color: #c8aa6b; font-size: 18px; text-decoration: none; text-transform: uppercase }
.footerNav ul li a:hover { color: #fff }
.footerText { color: #e3e1d9; font-size: 18px; margin-top: 16px }
.date-time { padding-left: 15px !important; padding-right: 15px !important; }
.input-group-addon { border-radius: 0 !important; }

@media only screen and (min-width :0) and (max-width :319px) {
header { padding: 10px 0 14px }
.border_img { background: none!important; height: auto }
.imgcenter img, .img.text-center>img { width: 100% }
.top_sec { padding: 0 }
.top_sec h2, .top_sec h4 { text-align: center }
.col-lg-6.col-sm-6.col-xs-12.pull-left>h2 { font-size: 20px }
.col-lg-2.col-sm-3.logo.pull-left img { width: 70% }
.form_left.text-center.col-lg-5.col-sm-4>img { width: 100% }
.top_sec h4 { margin-bottom: 20px; margin-top: 5px }
.form_right.col-lg-7.col-sm-8 { padding: 0 }
.col-lg-3.paybill>h2 { float: left; font-size: 20px; margin-left: -34px }
.col-lg-12.psucc-faild { padding: 0 }
.col-lg-12.psucc-faild>p { margin-left: 0!important }
footer { height: auto }
.footerNav ul li { margin-right: 10px }
.footerNav ul li a { font-size: 9px }
.footerText { font-size: 14px }
}

@media only screen and (min-width :320px) and (max-width :479px) {
header { padding: 10px 0 14px }
.col-lg-12.bill_form_text { margin-top: 80px }
.col-lg-3.paybill>h2 { float: left; font-size: 20px; margin-left: -34px }
.border_img { background: none!important; height: auto }
.bill_form { padding-bottom: 80px }
.bill_form_text h1 { font-size: 26px!important; margin-top: 0 }
.col-lg-2.col-sm-3.logo.pull-left img { width: 70% }
.top_sec { padding: 0 }
.top_sec h2 { font-size: 23px }
.top_sec h2, .top_sec h4 { text-align: center }
.top_sec h4 { margin-bottom: 20px; font-size: 16px; text-align: center; margin-top: 10px }
.form_left { margin-bottom: 30px; margin-top: 0 }
.form_right { padding-left: 0; padding-right: 0 }
.imgcenter img { width: 100% }
.submitbtn { margin-bottom: 16px; overflow: hidden }
.img.text-center>img { width: 100% }
.col-lg-12.psucc-faild { padding: 20px }
.col-lg-12.psucc-faild>p { margin-left: 0!important }
footer { height: auto }
.footerNav ul li { margin-right: 10px }
.footerNav ul li a { font-size: 12px }
}

@media only screen and (min-width :480px) and (max-width :767px) {
.top_sec h2, .top_sec h4 { text-align: center }
.top_sec h4 { margin-bottom: 16px!important; margin-top: 0 }
.navbar-fixed-top { position: static }
.top_sec { padding: 0 }
.border_img { margin-left: 0!important; background: none!important; height: auto }
.col-lg-3.paybill>h2 { font-size: 28px }
}

@media only screen and (min-width :768px) and (max-width :1024px) {
.navbar-fixed-top { position: static }
.border_img { background: none!important }
}

@media only screen and (min-width :1024px) and (max-width :3000px) {
.navbar-fixed-top { position: static }
}
.btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default.active[disabled], fieldset[disabled] .btn-default.active { background-color: #67900D!important }