@charset "utf-8";
/* CSS Document */

@media screen and (max-width: 1140px) {
	
header .header-inner{ width:100%; height:100%;}

footer .footer-inner{width:100%; height:auto;}

header .header-inner .left-box{ float:left; width:22%;}

header .header-inner .right-box{ float:right; width:53%;}

header .header-inner .login{ float:right; width:53%; margin-right:2%;}
}



@media screen and (max-width: 940px) {
	
header .header-inner .login{ width:60%;}	
	
}


@media screen and (max-width: 845px) {
	
header .header-inner .login{  width:62%;}		
	
	
}


@media screen and (max-width: 800px) {
	
header .header-inner .login{  width:66%;}		
	
	
}



@media screen and (max-width: 767px) {
	
	header .header-inner .right-box .nav-outer{ float:left; width:37%;}
	
	header .header-inner .right-box{ margin-top:0;}
	
		.toggleMenu { background:url(../images/responsive_nav.png) no-repeat 10px 12px; color: rgb(70, 57, 47);    
    float: right;
    font-size: 16px;
    font-weight: bold;
    height: 40px;
    line-height: 23px;
    margin: 0 8px 2px 2px;
    text-decoration: none;
    text-indent: 18px;}
	
    .active {
        display: block;
    }
    .nav > li {
        float: none;
    }
    .nav > li > .parent {
        background-position: 95% 50%;
    }
    .nav li li .parent {
        background-image: url("images/downArrow.png");
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }
    .nav ul {
        display: block;
        width: 100%;
    }
   .nav > li.hover > ul , .nav li li.hover ul {
        position: static;
    }
	
	
	
header .header-inner .login{ float:left; width:90%; }
header .header-inner .login h1{ float:left; font-size:1.49em; width:71%; margin:0 16% 0 16%;}
header .header-inner .login .login-box h1{ float:left; text-align:left;}
header .header-inner .login .login-box{ float:left; width:71%; margin:0 16% 0 16%;}
input[type="text"],input[type="password"]{width:100%; font-size:1em;}
input[type=submit], input[type=button], input[type=Reset], button{ width:100%; font-size:1em;}
header .header-inner .login .login-box p{font-size:1em;}
header .header-inner .login .login-box p.register{ font-size:1em;}

}


@media screen and (max-width: 640px) {
header .header-inner .login h1{ font-size:1.1em;}	
	
}


@media screen and (max-width: 565px) {
	
header .header-inner .login h1{ font-size:1.0em;}	
header .header-inner .login .login-box p{font-size:0.9em;}
header .header-inner .login .login-box p.register{ font-size:0.9em;}	
	
}

@media screen and (max-width: 510px) {
	
header .header-inner .login h1{ font-size:0.9em;}	
header .header-inner .login .login-box p{font-size:0.85em;}
header .header-inner .login .login-box p.register{ font-size:0.85em;}
	
}

@media screen and (max-width: 450px) {

header .header-inner .login h1{ font-size:0.8em;}	
header .header-inner .login .login-box p{font-size:0.7em;}
header .header-inner .login .login-box p.register{ font-size:0.7em;}	
}

@media screen and (max-width: 395px) {
	
header .header-inner .login h1{ font-size:0.5em;}
header .header-inner .login .login-box p{font-size:0.6em;}
header .header-inner .login .login-box p.register{ font-size:0.6em;}	

	
}

@media screen and (max-width: 360px) {
header .header-inner .login h1{ font-size:1em; }
header .header-inner .login .login-box p{font-size:1em; width:100%; text-align:center}
header .header-inner .login .login-box p.register{ width:100%; font-size:1em; text-align:center}		
	
}