@charset "UTF-8";
.inputAdj {
  border: 1px solid #DCDCDC;
  border-radius: 5px;
  line-height: 30px;
  padding: 5px 10px;
}

.inputAdj:focus {
  outline: none;
}

.radious5 {
  border-radius: 5px;
}

.dashRotate {
  transform: rotate(90deg);
}

.dashRotateInM {
  display: inline-block;
  padding: 5px;
}

.openSearchBtn {
  color: #373A3C;
}

.openSearchBtn:hover {
  color: #373A3C;
  font-weight: bold;
  text-decoration: none;
}

.percentCircle {
  padding: 9px 0 9px 0;
}

.btnReset {
  border: none;
}

.btnReset:focus {
  outline: none;
}

.cursorPointer {
  cursor: pointer;
}

@media (max-width: 768px) {
  .dashRotateInM {
    transform: rotate(90deg);
  }
  .paddinginM0px {
    padding: 0;
  }
}
/*文字大小*/
.fontSize14 {
  font-size: 14px;
}

.fontSize16 {
  font-size: 16px;
}

.fontSize18 {
  font-size: 18px;
}

.fontSize20 {
  font-size: 20px;
}

.fontSize23 {
  font-size: 23px;
}

.fontSize28 {
  font-size: 28px;
}

.lineHeight18 {
  line-height: 18px;
}

.lineHeight23 {
  line-height: 23px;
}

.lineHeight28 {
  line-height: 28px;
}

.lineHeight35 {
  line-height: 35px;
}

.lineHeight40 {
  line-height: 40px;
}

.borderRadius5 {
  border-radius: 5px;
}

.width100 {
  width: 100%;
}

.padding15 {
  padding: 15px;
}

/*背景顏色*/
.bgGray {
  background-color: #F5F5F5;
}

.bgBlue {
  background-color: #0F71BC;
}

.bgLightBlue {
  background-color: aliceblue;
}

.bgGreen {
  background-color: #47b5be;
}

.bgLightGreen {
  background-color: #70CCD4;
}

.bgYellow {
  background-color: #FFFACD;
}

.borderGray {
  border: 1px solid #dcdcdc;
}

.bgOrange {
  background-color: #FCAA35;
}

.bgLightGray {
  background-color: #F1F1F1;
}

.bgDarkGreen {
  background-color: #38A1AA;
}

.bgPurple {
  background-color: #4D53A2;
}

.bgWaterBlue {
  background-color: #4BB1F5;
}

/*文字顏色*/
.colorRed {
  color: #EC3775;
}

.colorGreen {
  color: #70CCD4;
}

.colorDarkGreen {
  color: #38A1AA;
}

.colorBlue {
  color: #0F71BC;
}

.colorDark {
  color: #373A3C;
}

.textLightGray {
  color: #AFAFAF;
}

.colorOrange {
  color: #fcaa35;
}

/*標題大小*/
.inputTitle {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 5px;
  text-align: left;
}

.secTitle {
  font-size: 20px;
  font-weight: bold;
  line-height: 43px;
}

.thirdTitle {
  font-size: 18px;
  font-weight: bold;
  line-height: 36px;
}

.bigFont {
  font-size: 30px;
  font-weight: bold;
  line-height: 48px;
}

/*-----按鈕樣式-----*/
/*返回按鈕*/
.returnBtn {
  background-color: #DCDCDC;
  border-radius: 30px;
  width: 45px;
  height: 45px;
  color: #393939;
  font-size: 20px;
  line-height: 25px;
  text-align: center;
  margin-right: 10px;
  border: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.returnBtn:hover {
  border: 1px solid #393939;
  color: #393939;
  text-decoration: none;
}

.returnBtn:focus {
  outline: none;
}

@media (max-width: 768px) {
  .returnBtn {
    width: 40px;
    height: 40px;
    font-size: 14px;
    line-height: 20px;
  }
}
/*按鈕*/
.outlineGrayBtn {
  border: 1px solid #dcdcdc;
  background-color: white;
  border-radius: 5px;
  color: #373A3C;
}

.outlineGrayBtn:hover {
  border: 1px solid #6C757D;
  border-radius: 5px;
  background-color: #6C757D;
  color: white;
  font-weight: bold;
}

.bgGreenBtn {
  border: 1px solid #47B5BE;
  background-color: #47B5BE;
  border-radius: 5px;
  color: white;
}
.bgGreenBtn a {
  color: white;
}
.bgGreenBtn a:hover {
  text-decoration: none;
}

.bgGreenBtn:hover {
  border: 1px solid #389DA5;
  background-color: #389DA5;
  font-weight: bold;
  color: white;
}

.bgGrayBtn {
  border: 1px solid #E8E8E8;
  background-color: #E8E8E8;
  color: #373A3C;
  border-radius: 5px;
}

.bgGrayBtn:hover {
  border: 1px solid #373A3C;
  font-weight: bold;
  transition-duration: 0.2s;
}

.bgBlueBtn {
  border: 1px solid #0F71BC;
  background-color: #0F71BC;
  color: white;
  border-radius: 5px;
}

.bgBlueBtn:hover {
  border: 1px solid #0F71BC;
  font-weight: bold;
  color: white;
  transition-duration: 0.2s;
}

.bgGrassGreenBtn {
  border: 1px solid #00B900;
  background-color: #00B900;
  border-radius: 5px;
  color: white;
}

.bgGrassGreenBtn:hover {
  border: 1px solid #08A508;
  background-color: #08A508;
  font-weight: bold;
  color: white;
  transition-duration: 0.2s;
}

.bgGrassGreenBtnOuter {
  border: 1px solid #00B900;
  background-color: #fff;
  border-radius: 5px;
  color: #00B900;
}

.bgGrassGreenBtnOuter:hover {
  border: 1px solid #08A508;
  background-color: #08A508;
  font-weight: bold;
  color: white;
  transition-duration: 0.2s;
}

.bgRedBtn {
  border: 1px solid #EC3775;
  background-color: #EC3775;
  border-radius: 5px;
  color: white;
}

.bgRedBtn:hover {
  border: 1px solid #D21E5C;
  background-color: #D21E5C;
  font-weight: bold;
  color: white;
  transition-duration: 0.2s;
}

.bgOrangeBtn {
  border: 1px solid #FCAA35;
  background-color: #FCAA35;
  border-radius: 5px;
  color: white;
}

.bgOrangeBtn:hover {
  border: 1px solid #F3A02A;
  background-color: #F3A02A;
  font-weight: bold;
  color: white;
  transition-duration: 0.2s;
}

.bgLightGrayBtn {
  border: 1px solid #EEECEC;
  background-color: #F5F5F5;
  color: #686868;
  border-radius: 5px;
  font-weight: bold;
}

.bgLightGrayBtn:hover {
  border: 1px solid #686868;
  background-color: #686868;
  color: white;
}

.bgLightBlueBtn {
  border: 1px solid #C6E1F9;
  background-color: #EAF3FB;
  color: #0F71BC;
  border-radius: 5px;
  font-weight: bold;
}

.bgLightBlueBtn:hover {
  border: 1px solid #0F71BC;
  background-color: #0F71BC;
  color: white;
}

.bgLightGreenBtn {
  border: 1px solid #CEEDF1;
  background-color: #EAF9FB;
  color: #47B5BE;
  border-radius: 5px;
  font-weight: bold;
}

.bgLightGreenBtn:hover {
  border: 1px solid #47B5BE;
  background-color: #47B5BE;
  color: white;
}

.bgLightOrangeBtn {
  border: 1px solid #FEF4E5;
  background-color: #FFF6E8;
  color: #FCAA35;
  border-radius: 5px;
  font-weight: bold;
}

.bgLightOrangeBtn:hover {
  border: 1px solid #FCAA35;
  background-color: #FCAA35;
  color: white;
}

.greenBtn {
  color: #47B5BE;
}

.greenBtn:hover {
  color: #389DA5;
  font-weight: bold;
}

.redBtn {
  color: #EC3775;
}

.redBtn:hover {
  color: #EC3775;
  font-weight: bold;
}

.whiteBtn {
  color: white;
}

.whiteBtn:hover {
  color: white;
  font-weight: bold;
}

.iconHover:hover {
  box-shadow: rgba(0, 0, 0, 0.1) 1px 3px 10px;
}

.btnWidth100 {
  width: 100%;
}

.btnLargeRWD {
  padding: 10px 20px;
  font-size: 18px;
  margin-left: 5px;
  margin-right: 5px;
}

@media (max-width: 768px) {
  .btnWidthInM {
    width: 100%;
    height: 44px;
    margin-bottom: 10px;
  }
  .btnLargeRWD {
    padding: 8px 18px;
    font-size: 16px;
    margin-left: 0;
    margin-right: 0;
  }
}
/*badge*/
.badgePill {
  border-radius: 20px;
}

.badgeRadius {
  border-radius: 5px;
}

.btnReset.blueBgbadge:hover {
  font-weight: bold;
}

.blueBgbadge {
  background-color: #0F71BC;
  color: white;
  font-size: 16px;
  padding: 0 10px;
}
.blueBgbadge i {
  font-size: 14px;
}
.blueBgbadge a {
  color: white;
  display: block;
}
.blueBgbadge a:hover {
  text-decoration: none;
  color: white;
  font-weight: bold;
  transition-duration: 0.2s;
}

.greenBgbadge {
  background-color: #47B5BE;
  color: white;
  font-size: 16px;
  padding: 0 10px;
}
.greenBgbadge i {
  font-size: 14px;
}
.greenBgbadge a {
  color: white;
  display: block;
}
.greenBgbadge a:hover {
  text-decoration: none;
  color: white;
  font-weight: bold;
  transition-duration: 0.2s;
}

.lightGrayBgbadge {
  background-color: #F9F9F9;
  color: #AFAFAF;
  font-size: 16px;
  padding: 6px 10px;
}
.lightGrayBgbadge i {
  font-size: 14px;
}
.lightGrayBgbadge a {
  color: #AFAFAF;
  display: block;
}
.lightGrayBgbadge a:hover {
  text-decoration: none;
  color: #AFAFAF;
  font-weight: bold;
  transition-duration: 0.2s;
}

.redBgbadge {
  background-color: #ec3775;
  color: white;
  font-size: 16px;
  padding: 6px 10px;
}
.redBgbadge i {
  font-size: 14px;
}
.redBgbadge a {
  color: white;
  display: block;
}
.redBgbadge a:hover {
  text-decoration: none;
  color: white;
  font-weight: bold;
  transition-duration: 0.2s;
}

.orangeBgbadge {
  background-color: #fcaa35;
  color: white;
  font-size: 16px;
  padding: 6px 10px;
}
.orangeBgbadge i {
  font-size: 14px;
}
.orangeBgbadge a {
  color: white;
  display: block;
}
.orangeBgbadge a:hover {
  text-decoration: none;
  color: white;
  font-weight: bold;
  transition-duration: 0.2s;
}

.grayBgbadge {
  background-color: #E7E7E7;
  color: #373A3C;
  font-size: 16px;
  padding: 6px 10px;
}
.grayBgbadge i {
  font-size: 14px;
}
.grayBgbadge a {
  color: #373A3C;
  display: block;
}
.grayBgbadge a:hover {
  text-decoration: none;
  color: #373A3C;
  font-weight: bold;
  transition-duration: 0.2s;
}

.countbadge {
  background-color: #ec3775;
  color: white;
  font-size: 14px;
  padding: 5px 7px;
  border-radius: 20px;
}

@media (max-width: 1570px) {
  .countbadge {
    font-size: 12px;
  }
}
/*卡片樣式*/
.cardBorder {
  border-radius: 5px;
  border: 1px solid #dcdcdc;
}

.cardBorderR {
  border-right: 1px solid #dcdcdc;
}

.cardBorderT {
  border-top: 1px solid #dcdcdc;
}

.cardBorderB {
  border-bottom: 1px solid #dcdcdc;
}

.cardContent {
  font-size: 18px;
  line-height: 28px;
}

.cardBgContent {
  background-color: #EAF3FB;
  border-radius: 5px;
  color: #393939;
  font-size: 18px;
}
.cardBgContent h4 {
  text-align: center;
  border-bottom: 2px solid white;
  font-weight: bold;
  line-height: 40px;
  font-size: 18px;
}

.cardUnderLineTitle {
  font-weight: bold;
  text-align: center;
  line-height: 40px;
  border-bottom: 1px solid #dcdcdc;
}

.cardTopLineTitle {
  font-weight: bold;
  text-align: center;
  line-height: 40px;
  border-top: 1px solid #dcdcdc;
}

.cardLlightBg {
  background-color: #EAF3FB;
  color: #0F71BC;
}

.cardGreenBg {
  background-color: #47b5be;
  color: white;
  line-height: 40px;
}

.cardGrayBg {
  background-color: #F9F9F9;
  color: #393939;
  font-weight: bold;
}

.cardBlueBg {
  background-color: #EAF3FB;
  color: #0f71bc;
  line-height: 35px;
  font-weight: bold;
  font-size: 18px;
}

.cardLightGreenBg {
  background-color: #EAF9FB;
  color: #47b5be;
  line-height: 35px;
  font-weight: bold;
  font-size: 18px;
}

.cardYellowBg {
  background-color: #FFF6E8;
  color: #FCAA35;
  line-height: 35px;
  font-weight: bold;
  font-size: 18px;
}

/*新增按紐固定在頁面下方*/
.BtnFixTheEnd {
  position: fixed;
  right: 0px;
  left: 0px;
  bottom: 0px;
  padding: 10px 20px 30px 20px;
  z-index: 1;
  background-color: white;
  box-shadow: 0px -5px 8px rgba(0, 0, 0, 0.1);
}
.BtnFixTheEnd button {
  height: 44px;
}

/*麵包屑樣式*/
.breadcrumbItem {
  color: #686868;
}
.breadcrumbItem a {
  color: #0F71BC;
  text-decoration: none;
}

@media (max-width: 768px) {
  .mp-results {
    display: none;
  }
}
/*----置中Layout (開始)-----*/
.contentCenter {
  background-color: white;
  margin-top: 15px;
}

.contentTitle {
  color: #373A3C;
  font-size: 26px;
  font-weight: bold;
  line-height: 28px;
}

.contentSecTitle {
  font-weight: bold;
  font-size: 23px;
  color: #686868;
  line-height: 28px;
}

@media (max-width: 768px) {
  .contentTitle {
    font-size: 16px;
    line-height: 20px;
  }
  .contentSecTitle {
    font-size: 18px;
    line-height: 20px;
  }
}
/*----置中Layout (結束)-----*/
/*----左小右大Layout (開始)-----*/
.rowFlex {
  display: flex;
  flex-direction: row;
  margin-bottom: 30px;
}

.colWidthS {
  background-color: white;
  width: 13%;
  border: 1px solid #DCDCDC;
  border-radius: 5px;
  margin-left: 15px;
}

.colWidthSTitle {
  background-color: #FBFBFB;
  color: #6C757D;
  font-weight: bold;
  line-height: 45px;
  font-size: 20px;
  border-bottom: 1px solid #DCDCDC;
  border-radius: 5px 5px 0 0;
  padding: 5px 15px;
  display: flex;
  justify-content: space-between;
}
.colWidthSTitle a {
  color: #6C757D;
}
.colWidthSTitle a:hover {
  text-decoration: none;
}

.shiherNews {
  margin-left: 0px;
  margin-right: 15px;
  width: 300px;
}

.colWidthSList {
  line-height: 28px;
  font-size: 18px;
  color: #6C757D;
  padding: 10px 15px;
  display: block;
  margin-top: 10px;
}

.colWidthSList:hover {
  text-decoration: none;
}

.colWidthSList.active {
  background-color: #F6F6F6;
  color: #0F71BC;
  font-weight: bold;
}

.colWidthSM {
  width: 85%;
  margin-left: auto;
  margin-right: auto;
}

.colWidthM {
  margin-left: auto;
  margin-right: auto;
  width: 86%;
}
.colWidthM.expend {
  width: 95%;
}

.colWidthMTitle {
  margin-left: 30px;
  font-weight: bold;
  font-size: 26px;
  line-height: 50px;
  color: #373A3C;
}

.colWidthMArea {
  margin-right: 30px;
  margin-left: 30px;
}

.colWidthMContent {
  margin-right: 30px;
  margin-left: 30px;
  background-color: white;
  border: 1px solid #dcdcdc;
}

@media (max-width: 768px) {
  .colWidthSM {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 1200px) {
  .rowFlex {
    flex-direction: column;
  }
  .colWidthS {
    width: 90%;
    height: auto;
    margin: 10px auto 10px auto;
  }
  .colWidthSList {
    display: inline-block;
  }
  .colWidthM {
    width: 100%;
  }
  .colWidthMTitle {
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    margin-left: 0;
    margin-bottom: 10px;
  }
  .colWidthMContent {
    margin-right: 0px;
    margin-left: 0px;
  }
  .shiherNews {
    width: 100%;
  }
}
/*----左小右大Layout (結束)-----*/
/*----不同大小的content (開始)-----*/
.contentWidthL {
  max-width: 95%;
  margin-right: auto;
  margin-left: auto;
}

.contentWidthM {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.contentWidthS {
  max-width: 85%;
  margin-right: auto;
  margin-left: auto;
}

@media (max-width: 768px) {
  .contentWidthL {
    max-width: 100%;
  }
  .contentWidthS {
    max-width: 100%;
  }
  .contentinM {
    max-width: 90%;
  }
  .contentFullinM {
    width: 100%;
  }
}
/*----不同大小的content (結束)-----*/
/*小分頁切換樣式 (開始)*/
.tabToggle {
  border-bottom: 1px solid #dcdcdc;
  margin-bottom: 15px;
  margin-top: 30px;
  padding-top: 5px;
  background: #F9F9F9;
}

.tabSwitch {
  border-bottom: 5px solid none;
  color: #BCBCBC;
  font-weight: bold;
  font-size: 20px;
  padding: 10px 15px;
  display: inline-block;
  margin-left: 5px;
  margin-right: 5px;
  cursor: pointer;
}

.tabSwitch.active {
  border-bottom: 5px solid #47B5BE;
  color: #47B5BE;
}

.tabArea {
  width: 97%;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 768px) {
  .tabToggle {
    background: #0F71BC;
    padding: 10px;
  }
  .tabSwitch {
    border: none;
    color: white;
    font-weight: bold;
    font-size: 15px;
    padding: 8px 10px;
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .tabSwitch i {
    font-size: 18px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .tabSwitch.active {
    border: none;
    background-color: #3DA1EE;
    border-radius: 5px;
    color: white;
  }
  .tabArea {
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
}
/*小分頁切換樣式 (結束)*/
/*上方綠色底區域*/
.greenBgTop {
  background-color: #47B5BE;
  color: white;
  height: 60px;
  font-size: 20px;
  line-height: 60px;
  font-weight: bold;
}

.statusContent {
  font-size: 18px;
  font-weight: bold;
  line-height: 28px;
}

@media (max-width: 768px) {
  .greenBgTopM {
    height: 78px;
    padding-top: 10px;
  }
  .statusContent {
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
  }
}
/*search區塊*/
#searchForm label.k-form.k-label {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 5px;
  text-align: left;
}

#searchForm label.k-form-label.k-label {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 5px;
  text-align: left;
}

@media (min-width: 1024px) {
  #searchDiv .k-widget.k-form {
    position: relative;
  }
  #searchDiv .k-widget.k-form .k-form-layout {
    padding-right: 200px;
  }
  #searchDiv .k-widget.k-form .k-form-buttons {
    position: absolute;
    right: 20px;
    bottom: 0;
  }
}
@media (max-width: 1023px) {
  #searchForm div.k-d-grid {
    grid-template-columns: none;
  }
  #searchForm div.k-d-grid .k-form-field {
    margin-top: 0;
    margin-bottom: 0;
  }
}
/*藍色底的TAB樣式配合bootstrap*/
.blueTabSwitch {
  display: flex;
  align-items: center;
  background-color: #f9f9f9;
}

.blueTabSwitch .nav-item {
  color: #949494;
  font-weight: bold;
  cursor: pointer;
  border-top: 5px;
  text-align: center;
  background-color: #f9f9f9;
  min-width: 190px;
  margin-left: 0;
  margin-right: 0;
}

.blueTabSwitch .nav-link {
  color: #949494;
  font-size: 22px;
  font-weight: bold;
}

.blueTabSwitch .nav-link div {
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}

.blueTabSwitch .nav-link.active {
  color: #0F71BC;
  border-top: 5px solid #0F71BC;
  background-color: #EDF0F5;
  border-bottom: #f9f9f9;
}

.blueTabSwitch .nav-link.active div {
  color: #0F71BC;
  opacity: 0.7;
}

/*修改sweetAlert的index*/
.swal2-popup {
  z-index: 1000;
}

.k-widget.k-window {
  z-index: 998;
}

/*左側選單的功能標題*/
.menuHint {
  padding-left: 5px;
  font-weight: bold;
  font-size: 14px;
  line-height: 30px;
  margin-left: 10px;
  margin-right: 10px;
  border-bottom: 1px solid #DCDCDC;
}

/*表格加上class後，td內的內容會水平對其*/
.table.verticalMiddle td {
  vertical-align: middle;
}

/*智慧校園2.0首頁的樣式*/
.cardWithTextLink {
  justify-content: space-evenly;
  display: flex;
  align-items: center;
}
.cardWithTextLink .bubble {
  background-color: #EC3775;
  color: white;
  font-weight: bold;
  position: absolute;
  right: 7px;
  top: 5px;
  border-radius: 10px;
  width: 10px;
  height: 10px;
}
.cardWithTextLink .line {
  width: 1px;
  background-color: #dcdcdc;
  height: 65px;
}
.cardWithTextLink .link {
  position: relative;
  text-decoration: none;
  padding: 10px;
}
.cardWithTextLink .link:hover .system {
  letter-spacing: 1px;
  transition-duration: 0.2s;
}

.homeTitle { /*智慧校園首頁的系統小標題*/
  font-size: 16px;
  font-weight: bold;
  line-height: 40px;
  color: #79919D;
}

/*新online系統icon卡片*/
.newOnlineMenuCard {
  border-radius: 5px;
  height: 100%;
  padding: 10px;
  background-color: white;
  border: 1px solid #E3E3E3;
}
.newOnlineMenuCard:hover {
  box-shadow: 5px 5px 7px rgba(0, 0, 0, 0.2);
  transition-duration: 0.2s;
}
.newOnlineMenuCard a:hover {
  text-decoration: none;
}
.newOnlineMenuCard .title {
  color: #344269;
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
  display: inline-block;
}
.newOnlineMenuCard .systemIconImg {
  display: inline-block;
  border-radius: 30px;
  padding: 8px 5px;
  margin-right: 5px;
}
.newOnlineMenuCard .systemIconImg img {
  max-width: 40px;
}

/*智慧校園系統卡片*/
.icampusMenuCard {
  border: 1px solid #dcdcdc;
  background-color: white;
  border-radius: 5px;
  height: 100%;
}
.icampusMenuCard:hover {
  box-shadow: 5px 5px 7px rgba(0, 0, 0, 0.2);
  transition-duration: 0.2s;
}
.icampusMenuCard.NewCloudSystem {
  border-left: 6px solid #4BB1F5;
}
.icampusMenuCard.NewCloudSystem .title {
  color: #414141;
}
.icampusMenuCard a:hover {
  text-decoration: none;
}
.icampusMenuCard .iconFlexBox {
  display: flex;
  align-items: center;
  padding: 10px;
  height: 100%;
}
.icampusMenuCard .title {
  color: #0F71BC;
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
}
.icampusMenuCard .title.dark {
  color: #474747;
}
.icampusMenuCard .systemIconImg {
  max-width: 75px;
}
.icampusMenuCard .description {
  color: #5A5E61;
  font-size: 15px;
  line-height: 18px;
}

.icampusMenuCard.borderLeftLine {
  border-left: 5px solid #FCAA35;
}

.icampusMenuCard.schoolDontHasSystem {
  background-color: #E6F0F8;
  border-color: #E6F0F8;
}

.ICampusContainer {
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 1300px) {
  .ICampusContainer {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
  }
}
/*智慧校園2.0門禁相關*/
.winGuardRecord {
  background-color: #F5F5F5;
  color: #9E9E9E;
  border-radius: 5px;
  text-align: center;
  padding: 5px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 65px;
}
.winGuardRecord .title {
  font-size: 18px;
  font-weight: bold;
}
.winGuardRecord .time {
  font-size: 14px;
  font-weight: bold;
}
.winGuardRecord .time {
  display: none;
}
.winGuardRecord.active {
  background-color: #E6F0F8;
  color: #0F71BC;
}
.winGuardRecord.active .time {
  display: block;
}

.checkRecord { /*查看進出紀錄*/
  display: block;
  color: #0F71BC;
  margin-top: 15px;
  margin-bottom: 5px;
  font-weight: bold;
}
.checkRecord:hover {
  text-decoration: none;
}

/* 指定教師認證權限 toolMargin */
.k-listbox.k-listbox-toolbar-right .k-listbox-toolbar {
  margin: 0 10px !important;
}