body{
width:97%;
margin:0;
padding:0 2% ;
background-position: top; 
background-repeat: no-repeat;
height: 100%;
overflow: auto;
}

h2{
text-align: center;
clear: both;
}
#wrap h2 img{
max-width:100%;
}
h3 {
	font-size:120%;
}

h3, span {
	font-weight:bold;
}
#wrap{
margin-top:47px;
}
#header_logo{
width:300px;
margin:0 auto;

}
#header_logo img{
float:left;
}
.top_logo{
width:220px;
margin:0 auto;
}


.navbar-fixed-top {
top: 0;
border-width: 0 0 1px;
}
@media (min-width: 768px)
.navbar-fixed-top, .navbar-fixed-bottom {
border-radius: 0;
}
.navbar-fixed-top, .navbar-fixed-bottom {
position: fixed;
right: 0;
left: 0;
z-index: 1030;
}
@media (min-width: 768px)
.navbar {
border-radius: 4px;
}
.navbar {
position: relative;
min-height: 50px;
margin-bottom: 20px;
border: 1px solid transparent;
}
nav {
border: none!important;
height: 120px;
margin: 0!important;
padding: 45px 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
display: block;
}

user agent stylesheetarticle, aside, footer, header, hgroup, main, nav, section {
display: block;
}
Pseudo ::before element
.navbar:before, .navbar:after {
display: table;
content: " ";
}
.navbar:before, .navbar:after {
display: table;
content: " ";
}

Pseudo ::after element
.navbar:after {
clear: both;
}
.navbar:before, .navbar:after {
display: table;
content: " ";
}

/*-------------------nav------------------*/

nav{
height: 42px!important;
}
 .scroll-navbar a.brand h1 {
text-align:center;
color:#fff;
margin:0;
text-decoration: none;f
}
.navbar{
margin:0 auto!important;
}
 .scroll-navbar a.brand h1 a{
text-decoration:none;
 }
.scroll-navbar {
height: 60px;
padding-top:10px;
padding-bottom:2px;
transition: all .8s ease-in;
-webkit-transition: all .8s ease-in;
-moz-transition: all .8s ease-in;
-o-transition: all .8s ease-in;
}
.navbar-fixed-top {
top: 0;
border-width: 0 0 1px;
}
@media (min-width: 768px)
.navbar-fixed-top, .navbar-fixed-bottom {
border-radius: 0;
}
.navbar-fixed-top, .navbar-fixed-bottom {
position: fixed;
right: 0;
left: 0;
z-index: 1030;
}

 .scroll-navbar {
background: rgba(229,0,85,1);
border-bottom: 1px solid #E8E8E8 !important;
}
.navbar-fixed-top {
top: 0;
border-width: 0 0 1px;
}
@media (min-width: 768px)
.navbar-fixed-top, .navbar-fixed-bottom {
border-radius: 0;
}
.navbar-fixed-top, .navbar-fixed-bottom {
position: fixed;
right: 0;
left: 0;
z-index: 1030;
}
@media (min-width: 768px)
.navbar {
border-radius: 4px;
}
.navbar {
position: fixed;
min-height: 28px;
margin-bottom: 20px;
border: 1px solid transparent;
}
nav {
border: none!important;
height: 120px;
margin: 0!important;
padding: 45px 0;
}

user agent stylesheetarticle, aside, footer, header, hgroup, main, nav, section {
display: block;
}
.navbar:before, .navbar:after {
display: table;
content: " ";
}

Pseudo ::after element
.navbar:after {
clear: both;
}
.navbar:before, .navbar:after {
display: table;
content: " ";
}

user agent stylesheetdiv {
display: block;
}

Inherited from header#homepage
@media (min-width: 768px)
.navbar-collapse.collapse {
display: block !important;
height: auto !important;
padding-bottom: 0;
overflow: visible !important;
}
@media (min-width: 768px)
.navbar-collapse {
width: auto;
border-top: 0;
box-shadow: none;
}
.navbar-collapse {
max-height: 340px;
padding-right: 15px;
padding-left: 15px;
overflow-x: visible;
border-top: 1px solid transparent;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
-webkit-overflow-scrolling: touch;
}
@media (min-width: 768px)
.navbar-collapse .navbar-nav.navbar-right:last-child {
margin-right: -15px;
}
ul.nav {
margin-top: 5px;
position: relative !important;
}
@media (min-width: 768px)
.navbar-right {
float: right !important;
}
.light .scroll-navbar ul.nav li a, .light .scroll-navbar .brand h1 {
color: #FFF;
font-weight: 700;
}
/*---------------------nav-----------------------*/
.text{
font-size:27px;
}
input#PointNo{
width:90%;
height: 30px;
}

input#PointPassword
{
width:90%;
height: 30px;
}
input#PhoneNo
{
width:90%;
height: 30px;
}
input#PhonePassword{
width:90%;
height: 30px;
}
input#PointOldpassword
{
width:90%;
height: 30px;
}
ul {
	list-style-type:decimal;
margin: 0;
padding: 0;
list-style: none;
}
.ban-area ul li {
float: left;
margin-right: 5px;
margin-left: 5px;
margin-top: 10px;
}
input
{
width:180px;
font-size: 18px;
}


.ban-area {
padding-bottom: 10px;
padding-top: 32px;
}
.heading h2{
text-align: center;
clear: both;
padding-top: 7px;
padding-bottom: 7px;
font-size: 19px;
border: 1px solid #fff;
background: rgba(229,0,85,1);
color: #fff;
}

@media screen and (min-width: 640px) {
	body{
width:950px;
margin:0 auto;
padding:0 5%;
}
.login{
border: 1px solid #ccc;
margin: 3%;
padding: 2% 8% 7% 10%;
background: #fff;
width: 300px;
margin: 0 auto;
margin-top: 8%;
clear: both;
}
#clients-logos{
clear:both;
}
.text-center {
text-align: center;
}
.list-inline > li {
float: left;
padding-right: 5px;
padding-left: 5px;
width: 226px;
}
.ban-area{
display:none;
}
.header_parts {
width: 225px;
float: left;
padding-right: 6px;
padding-left: 6px;
}
.sp_btn img{
width: 210px;
margin-left: 20px;
}
.heading{
padding-top: 30px;
clear: both;
}
}
@media screen and (min-width: 0px) and (max-width: 640px) {

body{
background: url("http://h-g-p.com/img/bgimg_2.jpg") ;
width:97%;
margin:0;
padding:0 2% ;
background-position: top left; 
background-repeat: no-repeat;
background-attachment: fixed;
height: 559px;
overflow: auto;
}

#clients-logos{
display:none;
}
.ban-area {
margin-bottom: 10px;
padding-top: 32px;
padding-left: 9px;
margin:0 auto;
}
#header_logo{
width:300px;
margin:0 auto;
padding-top:10px;
clear:both;
}

.logo-list li a img{
width:140px;
}
}