#page-login { background:url(../images/login-bg.jpg) no-repeat center center; background-size:cover; display:block; height:100%; width:100%; min-height:400px; min-width:600px; position:relative; }
.login-box { background:rgba(255,255,255,0.5); border-radius:8px; box-shadow:0px 0px 8px #ccc; display:block; height:340px; width:580px; margin-left:-290px; margin-top:-170px; position:absolute; left:50%; top:50%; z-index:1; }
.login-box .tite { background:url(../images/login-title.png) no-repeat; height:106px; width:208px; margin-left:-104px; position:absolute; left:50%; top:-30px; }
.login-box form { padding-top:100px; }

.container { width:800px; }

body { background:#77D9D7; }
#header { background:#00C1A3; color:#fff; font-size:18px; height:55px; line-height:55px; }
#location { padding-top:20px; }
#location .item { background:url(../images/location-1.png) no-repeat right top; color:#fff; display:inline-block; font-size:16px; height:31px; line-height:31px; margin-right:6px; padding:0px 30px 0px 20px; position:relative; }
#location .item2 { background-image:url(../images/location-2.png); }
#location .item2:before { content:''; background:url(../images/location-2.png) no-repeat left top; height:31px; width:12px; position:absolute; left:-12px; top:0px; }

#list-student { margin-top:30px; }
#list-student .row { margin-left:-7px; margin-right:-7px; }
#list-student .item { color:#fff; height:100px; margin-bottom:15px; text-align:center; padding:0px 7px; }
#list-student .item a { background:#0B9444; color:#fff; display:block; height:100%; padding-top:20px; text-decoration:none; }
#list-student .item a:hover { border:2px solid #fff; }
#list-student .item .class { display:block; font-size:16px; }
#list-student .item .name { display:block; font-size:28px; }
#list-student .item-evaluated a { background:#ccc; }

.grade-head { background:url(../images/grade-header.jpg) no-repeat center top; height:531px; }

.grade-form { background:url(../images/grade-paper.png) no-repeat center bottom; margin-top:-200px; padding-bottom:180px; position:relative; z-index:10; }
.grade-form h3 { color:#F55122; }
.grade-form li { font-size:16px; line-height:34px; margin:5px; }
.grade-form .switch { float:right; margin-right:60px; }

.grade-report { background:rgba(255, 255, 255, 0.8); margin-top:-200px; padding-bottom:180px; position:relative; z-index:10; }
.grade-report h3 { color:#074A94; }
.grade-report li { font-size:16px; line-height:34px; margin:5px; padding-left:20px; }
.grade-report .switch { float:right; margin-right:60px; }

.grade-report .evaluation-type-title { padding:20px 0 10px 0; font-size:22px; border-bottom:1px solid red; }
.grade-report .evaluation-subtype-title { padding:10px 0 5px 0; font-size:18px; border-bottom:1px solid #ccc; }

.grade-footer { background:#00A78B; color:#fff; padding:10px 0px; margin-top:-80px; position:relative; text-align:center; }