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

html{height:100%;}
body{margin:0;padding:0;min-height:100%;height:auto !important;height:100%;position:relative;font-family: "Mplus 1p";background-color:#dddddd;min-width:320px;}
header{width:100%;}
article{padding-bottom:40px;width:100%;}
footer{position:absolute;width:100%;height:40px;bottom:0;text-align:center;overflow:hidden;background-color:#7a7b78;}
footer p{font-size:12px;color:#FFFFFF;}

/* LOGIN */

header.login{text-align:center;}
header.login img{width:300px;height:auto;margin:0;padding:16px 0 0;} 
header.login p{font-size:16px;margin:0;padding:16px 0;} 

#_id{width:280px;height:32px;font-size:24px;margin:8px 0;border-style: none none solid;border-color:#AAAAAA;color:#7a7b78;}
#passwd{width:280px;height:32px;font-size:24px;margin:8px 0;border-style: none none solid;border-color:#AAAAAA;color:#7a7b78;}
div.login_form{text-align:center;margin: 0 auto;width:312px;background-color:#FFFFFF;border-radius:8px;box-shadow: 0 0 8px gray;padding: 8px 0;}
.submit_btn{border-style:none;width:284px;height:32px;font-size:16px;margin:8px 0;background-color:#e88121;color:#FFFFFF;}

#_id::-webkit-input-placeholder {font-size: 16px; color: #AAAAAA;}
#_id::-moz-placeholder {font-size: 16px;color: #AAAAAA;}
#_id:-ms-input-placeholder {font-size: 16px;color: #AAAAAA;}

#_id:focus {outline: 0;border-color: #e88121;border-style: none none solid;color:#e88121;}
#_id:focus::-webkit-input-placeholder {font-size: 16px; color: #e88121;}
#_id:focus::-moz-placeholder {font-size: 16px;color: #e88121;}
#_id:focus:-ms-input-placeholder {font-size: 16px;color: #e88121;}

#passwd::-webkit-input-placeholder {font-size: 16px;color: #AAAAAA;}
#passwd::-moz-placeholder {font-size: 16px;color: #AAAAAA;}
#passwd:-ms-input-placeholder {font-size: 16px;color: #AAAAAA;}

#passwd:focus {outline:0;border-color: #e88121;border-style: none none solid;color:#e88121;}
#passwd:focus::-webkit-input-placeholder {font-size: 16px; color: #e88121;}
#passwd:focus::-moz-placeholder {font-size: 16px;color: #e88121;}
#passwd:focus:-ms-input-placeholder {font-size: 16px;color: #e88121;}

/* TERMIDLIST */

header.termlist{display: flex;width: 100%;justify-content: space-between;}
header.termlist div{margin:0;padding:0;}

header.termlist div.header_logo{width:200px;}
header.termlist div.header_logo img{width:150px;height:auto; text-align:center;padding:16px 0 0 16px;}

header.termlist div.logout_btn{width:100px;text-align:right;}
header.termlist div.logout_btn button{outline:0;width:80px;height:40px;margin:16px 16px 0 0;}

article.termidlist{width: calc(100% - 32px);padding:16px 16px 40px;margin-bottom:16px;}