@charset "utf-8";
.wrap {position:relative; margin:0 2%;}

@media screen and (max-width:640px) {
.wrap {margin:0 4%;}
}



/* HEADER */
#header {width:100%; position:fixed; top:0; z-index:11;}
#header .head_top {position:relative; width:100%; height:50px; background:#231f20;}
#header .head_top:after {clear:both; display:block; content:"";}
#header .head_top h1 {width:50%; float:left; }
#header .head_top h1 img {width:94px; padding:11px 0 0 0;}
#header .head_top .icon {width:80px; float:right; text-align:right;}
#header .head_top .icon a {display:inline-block; margin:10px 0 0 0;}
#header .head_top .icon a.account img {width:27px;}
#header .head_top .icon a.setting {margin-left:7px;}
#header .head_top .icon a.setting img {width:30px;}



/* SUB TITLE */
#header .sub_title {position:relative; width:100%; height:34px; background:#fdb514;}
#header .sub_title p {line-height:34px; vertical-align:middle; color:#222; font-weight:400; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;}



/* BOTTOM MENU */
.bottom_menu {width:100%; height:; position:fixed; bottom:0; background:#fff; border-top:1px solid #e9e9e9; z-index:12;}
.bottom_menu ul {position:relative; }
.bottom_menu ul:after {clear:both; display:block; content:"";}
.bottom_menu ul li {width:20%; float:left; position:relative; text-align:center;}
.bottom_menu ul li dl {padding:6px 0 4px 0;}
.bottom_menu ul li dl a {display:block; width:100%; height:100%;}
.bottom_menu ul li dl dt span img {width:30px;}
.bottom_menu ul li dl dt span.focus {display:none;}
.bottom_menu ul li dl dt span.num {display:block; width:18px; height:18px; line-height:18px; border-radius:10px; position:absolute; left:50%; margin:-2px 0 0 6px; background:#231f20; color:#fff; font-size:12px; font-weight:600;}
.bottom_menu ul li dl dd {margin:2px 0 0 0;}
.bottom_menu ul li dl dd p {font-size:13.5px; position:}

.bottom_menu ul li.on dl dt span.normal {display:none;}
.bottom_menu ul li.on dl dt span.focus {display:block;}
.bottom_menu ul li.on dl dd p {color:#fdb514; font-weight:500;}



/* CONTENTS */
.contents {position:relative; padding:84px 0 86px 0;  z-index:10;}

@keyframes blink-effect {
    50% {
      opacity: 0;
    }
  }
  
  .blink {
    animation: blink-effect 1s step-end infinite;
  
    /*
    animation-name: blink-effect;
    animation-duration: 1s;
    animation-iteration-count:infinite;
    animation-timing-function:step-end;
    */
  }

.msg-table {
  border-radius: 3px;
  -webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.1);
  box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.1);
  background-color: white;

  width: 90%;
  margin-left: 32px;
  text-align: center;
}
.msg-table > thead {
  background-color: #111111;
  color: white;
  font-size: 20px;
}

.msg-table > tbody {
  font-size: 18px;
}

.msg-table th, td {
  padding: 12px;
}

.msg-table td.bold {
  font-weight: bold;
}

.msg-table td.norm {
  color : #78c62e;
  font-weight: bold;
}


.msg-table td.caution {
  color : #ffa800;
  font-weight: bold;
}

.msg-table td.warn {
  color : #e84a4a;
  font-weight: bold;
}


.msg-table tr {
  border-bottom: 1px solid #f1f1f1;
}

.msg-table select {
  width: 85px;
  height: 34px;
  border-radius: 5px;
  font-size: 18px;
}

.msg-table button.caution {
  font-size: 18px;
  color: white;
  font-weight: bold;
  width: 90px;
  border: 1px solid #ffa800;
  padding: 5px;
  border-radius: 5px;
  background: #ffa800;
}

.msg-table button.warn {
  font-size: 18px;
  color: white;
  font-weight: bold;
  width: 90px;
  border: 1px solid #e84a4a;
  padding: 5px;
  border-radius: 5px;
  background: #e84a4a;
}

.msg-table button.safe {
  font-size: 18px;
  color: white;
  font-weight: bold;
  width: 90px;
  border: 1px solid #78c62e;
  padding: 5px;
  border-radius: 5px;
  background: #78c62e;
}

.msg-table button.off {
  font-size: 18px;
  color: white;
  font-weight: bold;
  width: 90px;
  border: 1px solid #999999;
  padding: 5px;
  border-radius: 5px;
  background: #999999;
}