input {
  border: 1px solid #f7f7f7;
  background: #f7f7f7;
  height: 2rem;
  border-radius: .1rem;
  padding: 0 .3rem;
}

.Wrapper.intro {
  background: url(../images/intro_bg.png) no-repeat;
  background-size: 100%;
}

#introBg h3 {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

#introBg h3:before {
  content: "";
  display: inline-block;
  width: 9.8rem;
  height: 1.9rem;
  background: url(../images/kibiLogo.png) no-repeat;
}

html, body {
  height: 100%;
  overflow: visible;
}

.contentWrap {
  min-height: 100%;
  padding-bottom: 2.5rem;
}

header {
  height: 2.166rem;
  background: #0d33ab;
  padding: 0 .999rem;
}

header .tit {
  float: left;
  margin: .5rem  0 0 0;
  vertical-align: middle;
}

header .tit button {
  width: .8rem;
  height: .8rem;
  margin: -.2rem .3333rem 0 0;
}

header .tit button.bac_btn:after {
  content: '';
  display: inline-block;
  width: .8rem;
  height: .8rem;
  background: url(../images/bact_btn.png) no-repeat;
  background-size: 100%;
}

header .tit h3 {
  display: inline-block;
  color: #fff;
  font-size: 0.666rem;
}

header .tit span {
  color: #fff;
  font-size: 0.666rem;
  font-weight: 600;
}

header .tit span:before {
  content: '';
  display: inline-block;
  width: 1px;
  height: .6rem;
  background: rgba(255, 255, 255, 0.5);
  margin: -.2rem .5rem 0;
}

header .tell {
  position: relative;
  display: inline-block;
  width: 2rem;
  height: 2rem;
}

header .tell:before {
  content: '';
  display: block;
  width: 1.2rem;
  height: 1.2rem;
  background: url(../images/phon_ico.png) no-repeat;
  background-size: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

header .top_r {
  float: right;
  margin: .1rem  0 0 0;
}

header.mainTit {
  height: 2.5rem;
  background-color: #eef1fb;
  line-height: 2.2rem;
}

header.mainTit .tit {
  margin-top: .1rem;
}

header.mainTit .tit h3 {
  color: #444444;
  font-size: .9rem;
}

header.mainTit .top_r {
  margin: 0;
}

header.mainTit .top_r button {
  position: relative;
  width: 2rem;
  height: 2rem;
  font-size: 0;
  margin: 0 .5rem 0 0;
}

header.mainTit .top_r button:last-child {
  margin: 0 0 0 0;
}

header.mainTit .top_r button:before {
  content: '';
  display: inline-block;
  width: 1.3rem;
  height: 1.3rem;
  background: url(../images/admin.png) no-repeat;
  background-size: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

header.mainTit .top_r button.alarm {
  position: relative;
}

header.mainTit .top_r button.alarm span {
  display: inline-block;
  position: absolute;
  top: .2rem;
  left: .2rem;
  width: 1rem;
  height: 1rem;
  background-color: #eb4342;
  border-radius: 1rem;
  color: #fff;
  text-align: center;
  font-size: .5rem;
  line-height: 1rem;
}

header.mainTit .top_r button.alarm:before {
  background-image: url(../images/alarm.png);
}

header.mainTit .top_r button.setting:before {
  background-image: url(../images/setting.png);
}

section {
  padding: .999rem;
}

section h2.companyName {
  font-size: 1rem;
  text-align: center;
  margin: 5.3333rem 0 1rem 0;
}

article.persnal_tit {
  padding: .9999rem .9999rem 0 .9999rem;
}

article.persnal_tit:after {
  content: '';
  clear: both;
  display: table;
}

article.persnal_tit div {
  float: left;
}

article.persnal_tit p {
  float: right;
  color: #444444;
  font-size: .6rem;
  margin-top: 1.4rem;
}

article.persnal_tit p span {
  color: #fa5251;
  font-weight: 600;
}

article.persnal_tit .persnal_ico {
  position: relative;
  width: 2.3333rem;
  height: 2.3333rem;
  background: #eef1fb;
  border-radius: 2.3333rem;
}

article.persnal_tit .persnal_ico:before {
  content: '';
  display: inline-block;
  width: 1.2rem;
  height: 1.4rem;
  background: url(../images/personal.png) no-repeat;
  background-size: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

article.persnal_tit .greet {
  color: #0d33ab;
  font-size: .5rem;
  margin-left: .8333rem;
}

article.persnal_tit .greet span {
  font-size: .8rem;
}

article.persnal_tit .greet h4 {
  font-size: 1rem;
  line-height: .9rem;
}

.formAlign li {
  margin-bottom: .5rem;
}

.formAlign li.red {
  color: #eb4342;
  font-size: .5333rem;
  letter-spacing: -.03rem;
  margin-bottom: 0;
}

.formAlign p {
  font-size: .5333rem;
}

.formAlign input[type="text"] {
  width: 100%;
}

.formAlign input[type="radio"] {
  width: 0;
  height: 0;
  opacity: 0;
  float: left;
}

.formAlign input[type="radio"]:checked {
  background: url(../images/radio_on.png) no-repeat/100%;
  background-size: 100%;
}

.formAlign input[type="radio"] + label {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.formAlign .check_radio_label {
  position: relative;
  font-size: .6333rem;
  line-height: .6666rem;
  padding: 0 0 0 .866rem;
  margin-right: .666rem;
  cursor: pointer;
}

.formAlign .check_radio_label:before {
  content: '';
  display: inline-block;
  position: absolute;
  width: .6666rem;
  height: .66666rem;
  border-radius: .6666rem;
  border: 1px solid #d6d6d6;
  top: 3px;
  left: 0;
}

.infor_more {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 1rem;
}

.infor_more li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-right: .1rem;
}

.infor_more li a {
  font-size: .6rem;
  color: #b6b6b6;
}

.infor_more li::after {
  content: '';
  height: 0.6rem;
  width: .01rem;
  display: block;
  float: right;
  margin: .7rem 0 0 0;
  background: #b6b6b6;
}

.infor_more li:last-child:after {
  display: none;
}

.noCompany {
  text-align: center;
  font-size: .6rem;
  font-weight: bold;
  margin: .85rem 0 2rem;
}

.noCompany a {
  color: #0d33ab;
}

.btn_defult {
  width: 100%;
  height: 2rem;
  background: #0d33ab;
  border-radius: .2rem;
  color: #fff;
}

.btn_soft {
  width: 100%;
  height: 2rem;
  border: 1px solid #dddddd;
  background: #fff;
}

.btnSearch {
  width: 2.1666rem;
  height: 2.1666rem;
}

.btnSearch:before {
  content: '';
  display: inline-block;
  width: 50%;
  height: 50%;
  background: url(../images/search_s_btn.png) no-repeat;
  background-size: 100%;
}

.snsBtn button {
  margin: 0 0 .3rem 0;
  line-height: 2rem;
}

.snsBtn .btn_soft::before {
  content: '';
  display: inline-block;
  margin: -.2rem 0.5rem 0 0;
  width: .8rem;
  height: .8rem;
  vertical-align: middle;
}

.snsBtn .btn_soft.facebook::before {
  background: url(../images/face_ico.png) no-repeat;
  background-size: 50%;
}

.snsBtn .btn_soft.google::before {
  background: url(../images/google_ico.png) no-repeat;
  background-size: 100%;
}

.page_infor {
  margin: 0 0 .6666rem 0;
  font-size: .6rem;
  line-height: .7555rem;
}

.btnArea {
  position: relative;
  width: 100%;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  padding: .9999rem;
}

.searchInput input[type='text'] {
  width: calc( 100% - 2rem);
  border-radius: .2rem 0 0 .2rem;
}

.searchInput button {
  width: 2rem;
  height: 2rem;
  background: #f7f7f7;
  border-radius: 0  .2rem .2rem 0;
}

.searchInput button:before {
  content: '';
  display: inline-block;
  width: 60%;
  height: 60%;
  background: url(../images/search_m_btn.png) no-repeat;
  background-size: 100%;
}

.cardType li {
  border: 1px solid #d6d6d6;
  padding: .5rem;
  cursor: pointer;
  margin-bottom: .5rem;
  border-radius: .2rem;
}

.cardType li h3 {
  font-size: .7666rem;
  color: #333333;
}

.cardType li span {
  font-size: .5666rem;
  font-weight: bold;
  color: #8d8d8d;
}

.cardType li p {
  font-size: .6rem;
}

.cardType li:hover {
  background-color: #eaecf1;
}

.noSearch {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
  color: #7b7b7b;
}

.noSearch p {
  font-size: 1rem;
  font-weight: 600;
}

.noSearch span {
  font-size: .9rem;
}

.noSearch:before {
  content: '';
  display: block;
  width: 5rem;
  height: 5rem;
  background: url(../images/no_search_icon.png) no-repeat;
  background-size: 100%;
  margin: 0 auto .8rem;
}

.mainMenu:after {
  content: '';
  clear: both;
  display: table;
}

.mainMenu div {
  width: 49%;
  height: 7rem;
  float: left;
  margin: 0 2% .5rem 0;
  text-align: center;
  border-radius: .2rem;
  overflow: hidden;
}

.mainMenu div a {
  display: block;
  position: relative;
  font-size: .9rem;
  font-weight: 600;
  width: 100%;
  color: #fff;
  line-height: 8rem;
}

.mainMenu div a::before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 1.5rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 1.6rem;
  height: 1.6rem;
  vertical-align: middle;
}

.mainMenu div a:after {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  bottom: 1rem;
  width: 5.3rem;
  height: 5.3rem;
  background: url(../images/org_B_ico.png) no-repeat;
  opacity: .2;
}

.mainMenu div:nth-of-type(2n-1) {
  margin-right: 0;
}

.mainMenu .gotowork {
  width: 100%;
  height: 4.5rem;
  background: linear-gradient(120deg, #1040d6 30%, #000096);
}

.mainMenu .gotowork a {
  line-height: 4.5rem;
}

.mainMenu .gotowork a:before {
  display: inline-block;
  position: static;
  width: 1rem;
  height: 1.4rem;
  vertical-align: middle;
  margin: -.2rem .3rem 0 0;
  background: url(../images/coffe_ico.png) no-repeat;
  background-size: 100%;
}

.mainMenu .gotowork a:after {
  display: none;
}

.mainMenu .org {
  background: linear-gradient(120deg, #9165ff 10%, #5125ed);
}

.mainMenu .org a:before {
  background: url(../images/org_ico.png) no-repeat;
  background-size: 100%;
}

.mainMenu .org a:after {
  background: url(../images/org_B_ico.png) no-repeat;
  background-size: 100%;
}

.mainMenu .daily {
  background: linear-gradient(120deg, #307ed7 10%, #0b52a1);
}

.mainMenu .daily a:before {
  background: url(../images/daily.png) no-repeat;
  background-size: 100%;
}

.mainMenu .daily a:after {
  background: url(../images/daily_B_ico.png) no-repeat;
  background-size: 100%;
}

.mainMenu .calendar {
  background: linear-gradient(120deg, #46c9fb 10%, #0280b0);
}

.mainMenu .calendar a:before {
  background: url(../images/calendar.png) no-repeat;
  background-size: 100%;
}

.mainMenu .calendar a:after {
  background: url(../images/calendar_B_ico.png) no-repeat;
  background-size: 100%;
}

.mainMenu .clock {
  background: linear-gradient(120deg, #3afbff 10%, #00bbc4);
}

.mainMenu .clock a:before {
  background: url(../images/clock.png) no-repeat;
  background-size: 100%;
}

.mainMenu .clock a:after {
  background: url(../images/clock_B_ico.png) no-repeat;
  background-size: 100%;
}

.mainMenu .approval {
  background: linear-gradient(120deg, #ffe28f 10%, #f5a24f);
}

.mainMenu .approval a:before {
  background: url(../images/approval.png) no-repeat;
  background-size: 100%;
}

.mainMenu .approval a:after {
  background: url(../images/approval_B_ico.png) no-repeat;
  background-size: 100%;
}

.mainMenu .mail {
  background: linear-gradient(120deg, #b4ff53 10%, #89ce36);
}

.mainMenu .mail a:before {
  background: url(../images/mail.png) no-repeat;
  background-size: 100%;
  top: 1.9rem;
}

.mainMenu .mail a:after {
  background: url(../images/mail_B_ico.png) no-repeat;
  background-size: 100%;
  bottom: -.1rem;
}

.notice {
  width: 100%;
  padding: 0 .9999rem 0 .9999rem;
}

.notice h4 {
  float: left;
  font-size: .8rem;
  margin: 0 0 .3rem 0;
}

.notice h4:before {
  content: '';
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background: url(../images/notice.png) no-repeat;
  background-size: 100%;
  vertical-align: middle;
  margin: -.2rem .3rem 0 0;
}

.notice span {
  float: right;
  font-size: .65rem;
  color: #0d33ab;
}

.notice span:before {
  content: '+';
  display: inline-block;
  width: .7rem;
  height: .7rem;
  font-size: .8rem;
  line-height: .8rem;
}

.notice ul {
  clear: both;
  background: #f7f7f7;
  padding: .3rem;
}

.notice ul li {
  font-size: .7555rem;
  line-height: 1.5rem;
}

.module {
  padding: .9999rem .0 0 .999rem;
}

.treeView .treeMenu .t_item {
  font-size: .7rem;
}

.treeView .treeMenu .t_item div {
  vertical-align: middle;
  padding: 0 .9999rem;
  border-bottom: 1px solid #c0c0c0;
  line-height: 2rem;
  cursor: pointer;
}

.treeView .treeMenu .t_item div .tit {
  margin-left: .555rem;
}

.treeView .treeMenu .t_item .t_ico {
  position: relative;
  display: inline-block;
  width: .8666rem;
  height: .8666rem;
}

.treeView .treeMenu .t_item .t_ico:before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 3px;
  left: 0;
  width: 100%;
  height: 100%;
}

.treeView .treeMenu .t_item .t_ico:before {
  background: url(../images/t_mins_ico.png) no-repeat;
  background-size: 100%;
}

.treeView .treeMenu .t_item .t_ico.plus:before {
  background: url(../images/t_plus_ico.png) no-repeat;
  background-size: 100%;
}

.treeView .treeMenu .t_item .step2 {
  position: relative;
  padding: 0 0 0 .999rem;
  background: #f0f2f9;
  border-bottom: 1px solid #0d33ab;
  border-top: 1px solid #0d33ab;
  margin-top: -1px;
  overflow: hidden;
  display: block;
}

.treeView .treeMenu .t_item .step2 .t_item {
  line-height: 1rem;
  position: relative;
}

.treeView .treeMenu .t_item .step2 .t_item:before {
  content: '';
  display: block;
  position: absolute;
  top: 20px;
  left: 6px;
  width: 1rem;
  height: 1px;
  background: url(../images/bg_Wline.png) repeat-x 0 0;
}

.treeView .treeMenu .t_item .step2 .t_item div {
  border-bottom: 0;
  cursor: default;
}

.treeView .treeMenu .t_item .step2:after {
  content: '';
  display: block;
  position: absolute;
  width: 1px;
  height: 100%;
  bottom: 1rem;
  left: 1.3rem;
  background: url(../images/bg_Lline.png) repeat-y 0 0;
}

.datepicker {
  border-bottom: 1px solid #777;
}

.ui-widget-header {
  background: #fff;
  border: 0;
  font-size: 1.1rem;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3rem 1rem;
}

.ui-widget.ui-widget-content {
  width: 100%;
  font-size: .8rem;
  border: 0;
}

.ui-datepicker td {
  height: 1.8rem;
}

.ui-datepicker td span, .ui-datepicker td a {
  text-align: center;
}

.ui-state-default, .ui-widget-content .ui-state-default {
  border: 0;
  width: 2rem;
  height: 2rem;
  border-radius: 2rem;
  margin: 0 auto;
  line-height: 1.8rem;
  background: #fff;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
  color: #fff;
  background: #8997c3;
}

.ui-datepicker td:first-child.ui-datepicker-week-end .ui-state-default {
  color: red;
}

.ui-datepicker td.ui-datepicker-week-end .ui-state-default {
  color: #0e3dd2;
}

.timeWork li {
  width: 100%;
  border-bottom: 1px solid #cacaca;
  padding: .5rem .999rem;
}

.timeWork li div {
  font-size: .7rem;
  font-weight: 600;
}

.timeWork li div span {
  float: left;
  display: block;
  padding: .1rem 1.5rem;
  border: 1px solid #0d33ab;
  border-radius: .8rem;
  color: #0d33ab;
}

.timeWork li div em {
  float: right;
  font-size: .8rem;
  line-height: 1.2rem;
}

.timeWork li div:after {
  content: '';
  clear: both;
  display: table;
}

.timeWork li.outWork span {
  border-color: #31aaa1;
  color: #31aaa1;
}

.persnal {
  width: 9rem;
  margin: 0 auto;
}

.persnal img {
  width: 100%;
}

.persnalInfo {
  margin: 1rem 0 0 0;
  text-align: center;
}

.persnalInfo h3 {
  font-size: 1.2rem;
}

.persnalInfo h3 span {
  font-size: .6rem;
}

.persnalInfo p {
  font-size: 1rem;
  color: #000096;
  font-weight: 400;
}

.persnalInfo span {
  font-size: .8rem;
  color: #999999;
}

.workUl li {
  width: 100%;
  line-height: 2.2rem;
  background: #eef1fb;
  border-radius: .3rem;
  margin: .6rem 0;
  text-align: center;
  font-size: .8rem;
  font-weight: 400;
}

.workUl li a {
  display: block;
  vertical-align: middle;
}

.workUl li a span {
  position: relative;
  padding-right: 1.4rem;
}

.workUl li a span:before {
  content: '';
  position: relative;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  left: -.2rem;
  width: 1.6rem;
  height: 1.6rem;
  background: #fff;
  border-radius: 1rem;
}

.workUl li a span:after {
  content: '';
  display: inline-block;
  position: absolute;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  left: -.2rem;
  width: 1rem;
  height: 1rem;
}

.workUl li.work span:after {
  background: url(../images/workUiclock_ico.png) no-repeat;
  background-size: 100%;
}

.workUl li.approval span:after {
  background: url(../images/workUiapproval_ico.png) no-repeat;
  background-size: 90%;
  top: 55%;
  left: -.15rem;
}

.workUl li.daily span:after {
  background: url(../images/workUidaily_ico.png) no-repeat;
  background-size: 90%;
  left: -.15rem;
}

.workUl li.mail span:after {
  background: url(../images/workUimail_ico.png) no-repeat;
  background-size: 100%;
  top: 60%;
}

.fixBtn {
  position: fixed;
  border-radius: 2rem;
  bottom: 2.8rem;
  right: .9999rem;
}

.fixBtn .workBtn {
  display: block;
  width: 2.7rem;
  height: 2.7rem;
  border-radius: 2.7rem;
  background: #000096;
}

.fixBtn .workBtn::before {
  content: '';
  display: inline-block;
  width: 1.2rem;
  height: 1.2rem;
  background: url(../images/write_ico.png);
  background-size: 100%;
  margin: 0 auto;
}

.fixBtn ul {
  position: absolute;
  right: 0;
  bottom: 50px;
  text-align: right;
}

.fixBtn ul li {
  height: 3.5rem;
  line-height: 3.5rem;
}

.fixBtn ul li button {
  position: relative;
  width: 5rem;
}

.fixBtn ul li button:before {
  content: '';
  display: inline-block;
  position: absolute;
  right: -.5rem;
  bottom: -.2rem;
  width: 1.5rem;
  height: 1.5rem;
  background-color: #000096;
  border-radius: 1.5rem;
  margin: 0 0 0 2rem;
}
/*# sourceMappingURL=content.css.map */