*{box-sizing:border-box;font-family:Arial,Helvetica,"sans-serif";}
html,body{margin:0;padding:0;background:#fff;color:#08599a;}
header{position:fixed;background:#08599a;top:0;right:0;left:0;height:150px;width:100%;}
header h1{background:url("/pgonline/pg-teach-wide-logo.png") no-repeat 100% 100%;background-size:auto 60px;margin:50px auto 0 auto;width:1000px;font-size:30px;line-height:35px;color:#fff;font-weight:normal;}
header h1 strong{display:block;}
main{background:#fff;color:#000;margin:150px 0 50px 0;padding:50px;width:100%;text-align:center;}
footer{position:fixed;background:#08599a;right:0;bottom:0;left:0;height:50px;width:100%;}

html.login,html.login body{width:100%;height:100%;}
html.login main{position:relative;background:#08599a;width:100%;height:100%;text-align:center;margin:0;padding:0;}
html.login main form{position:absolute;width:300px;height:280px;left:calc(50% - 150px);top:calc(50% - 140px);text-align:center;}
html.login main form img{display:block;width:160px;height:auto;margin:0 auto;}
html.login main form input{display:block;margin:10px 0;font-size:20px;width:100%;padding:0 5px;line-height:30px;}
html.login main form button{display:block;font-size:20px;background:#fbaa1b;color:#08599a;border:0;margin:0 auto;padding:0 30px;line-height:40px;font-weight:bold;cursor:pointer;}

html.home main table{margin:0 auto;width:1000px;text-align:left;}
html.home main table th{font-size:20px;text-align:left;color:#000;}
html.home main table tr:nth-child(even){background:#f2f2f2;}
html.home main table tr th,html.home main table tr td{text-align:left;padding:3px 5px;color:#000}
html.home main table td a{color:#08599a;text-decoration:none;}

@media only screen and (max-width: 1023px) {
	header{height:100px;}
	header h1{width:auto;margin:0;padding:20px 0 0 15px;font-size:3vw;line-height:4vw;background-size:auto 6vw;background-position:calc(100% - 15px) 100%;}
	main{width:calc(100% - 30px);margin:100px 15px 30px 15px;padding:50px 0;}
	html.home main table{margin:0;width:100%;}
	footer{height:30px;}
}

@media only screen and (max-width: 767px) {
}

/* Container */
.container{
    width:40%;
    margin:0 auto;
}

/* Login */
#div_login{
    border: 1px solid gray;
    border-radius: 3px;
    width: 470px;
    height: 270px;
    box-shadow: 0px 2px 2px 0px  gray;
    margin: 0 auto;
}

#div_login h1{
    margin-top: 0px;
    font-weight: normal;
    padding: 10px;
    background-color: cornflowerblue;
    color: white;
    font-family: sans-serif;
}

#div_login div{
    clear: both;
    margin-top: 10px;
    padding: 5px;
}

#div_login .textbox{
    width: 96%;
    padding: 7px;
}

#div_login input[type=submit]{
    padding: 7px;
    width: 100px;
    background-color: lightseagreen;
    border: 0px;
    color: white;
}

/* media */
@media screen and (max-width:720px){
    .container{
        width: 100%;
    }
    #div_login{
        width: 99%;
    }
}