@charset "UTF-8";

/**category_box**/
.category_box {
  padding: 0px 15px 0px 15px;
}

.category_box h3 {
  font-size: 1.125rem;
}

.category_box_left_box_up {
  padding: 55px 20px 64px 20px;
  /* border-bottom: solid 1px #C1C1C1; */
}

.category_box_left_box_down {
  padding: 15px 0px 5px 0px;
  border-top: solid 1px #CECECE;
}

.category_new_aims {
  width: 216px;
  height: 215px;
  padding-top: 5px;
  margin: 0 auto;
  text-align: center;
  color: #fff;
  font-size: 4.625rem;
  border-radius: 8px;
  line-height: 119px;
  border: dashed 3px #B5B5B5;
  position: relative;
  background-color: #CCC;
}

.category_new_aims.icon_menu {
  border: none;
}

.category_new_aims.icon_menu .iconFont {
  font-size: 4.625rem;
}

.category_new_title {
  margin-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

.category_new_aims .course_category_style {
  /* padding-right: 51px; */
  width: 200px;
  height: 200px;
  margin: 0 auto;
  border-radius: 10px;
  display: none;
}

.category_new_aims .course_category_style #iconFont {
  line-height: 150px;
  padding-top: 0px;
}

.category_new_aims .course_category_style i {
  padding-left: 53px;
  padding-top: 49px;
  display: block;
  text-align: center;
  width: 144px;
}

.category_new_aims .course_category_style span {
  display: block;
  color: #FFFFFF;
  font-size: 1.0625rem;
  text-align: center;
  line-height: 41px;
  padding-left: 0px;
  margin-left: -12px;
}

.category_box_left_box {
  background: #e3e3e3;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 20px;
  -webkit-box-shadow: inset 3px 3px 3px rgba(51, 51, 102, 0.5);
  box-shadow: inset -2px 2px 7px rgba(0, 5, 64, 0.2);
  border-right: solid 1px #BBB;
  border-top: solid 1px #BBB;
}

.category_box_right_box {
  padding: 20px;
}

.category_box .modal-footer {
  background: none;
  padding-left: 15px;
  text-align: center;
}

.category_new_title input {
  height: 44px;
  border-radius: 6px;
}

.category_new_ps {
  position: absolute;
  top: 51px;
  z-index: 800;
  font-size: 1em;
  color: #888;
  text-align: center;
  padding-left: 8px;
}

.category_icon_box:after {
  content: "";
  display: block;
  clear: both;
}

.category_icon_box ul {
  padding: 0px;
  margin: 0px;
}

.category_icon_box ul li.ui-draggable {
  float: left;
  font-size: 1.875rem;
  display: block;
  cursor: pointer;
  z-index: 901;
  width: 46px;
  height: 46px;
  margin: 10px 8px;
  border-radius: 3px;
  padding-top: 6px;
  color: #afafaf;
}

.category_icon_box ul li.ui-draggable .active {
  color: #111;
}

.category_color_box:after {
  content: "";
  display: block;
  clear: both;
}

.category_color_box ul {
  padding: 0px;
  text-align: center;
  margin: 0 auto;
  display: inline-block;
}

.category_color_box ul li {
  float: left;
  display: block;
  margin: 6px 3px;
  z-index: 900;
  cursor: pointer;
}

.category_color_box ul li.s_color_box {
  width: 73px;
  display: block;
  height: 70px;
  border-radius: 10px;
}

.category_color_box ul li div {
  display: block;
  height: 68px !important;
  border-radius: 4px;
}

.category_icon_box ul li:hover {
  margin: 10px 8px !important;
  font-size: 1.875rem !important;
  color: #111 !important;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.category_icon_box ul li.ui-draggable.ui-draggable-dragging {
  /*width: 20px;
height: 20px;*/
  opacity: 0.7;
}

.category_color_box ul li.s_color_box .ui-draggable.ui-draggable-dragging {
  /*height: 20px;*/
  width: 126px;
  height: 126px;
  opacity: 0.6;
}

.category_color_box ul li:hover {
  margin: 6px 3px !important;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

    .category_color_box ul li:hover:hover .ui-draggable {
        border: 3px solid #fff;
        -webkit-box-shadow: 0 0 2px 1px #696969;
        box-shadow: 0 0 2px 1px #696969;
    }

.category_icon_box {
  position: relative;
  overflow: hidden;
}

.category_icon_box .category_icon_box_mask ul {
  float: left;
  padding: 0 25px;
}

.category_icon_box:after {
  display: block;
  content: "";
  clear: both;
}

.category_icon_box_mask {
  position: absolute;
}

.su_category_type_box {
  position: static;
  cursor: pointer;
  border-radius: 5px 5px 0 0;
  margin-bottom: 0px;
  margin-top: 10px;
}

.categoryLeft_btn {
  position: absolute;
  top: 50%;
  left: 0px;
  width: 25px;
  height: 25px;
  text-align: center;
  background: #e6e6e6;
  color: #111;
  z-index: 100000;
  border-radius: 8px;
}

.categoryright_btn {
  position: absolute;
  top: 50%;
  right: 0px;
  width: 25px;
  height: 25px;
  text-align: center;
  background: #e6e6e6;
  color: #111;
  z-index: 100000;
  border-radius: 8px;
}

.JqadBoder {
  border: 3px solid #fff;
  -webkit-box-shadow: 0px 0px 2px 1px #696969;
  box-shadow: 0px 0px 2px 1px #696969;
}

.shadowst {
  border: 1px solid black;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), color-stop(3%, #f7f7f7), color-stop(12%, #f2f2f2), color-stop(90%, #d9d9d9), to(#bfbfbf));
  background-image: linear-gradient(to bottom, #fcfcfc, #f7f7f7 3%, #f2f2f2 12%, #d9d9d9 90%, #bfbfbf);
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.33);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.33);
}

.su_category_type_box .widget-item {
  border: none;
  border-radius: 5px 5px 0 0;
  border: none;
  position: relative;
  border: solid 1px #e0e0e0;
  margin-bottom: 9px;
}

.su_category_type_box .tiles {
  cursor: pointer;
}

.su_category_type_box .btn-group {
  position: absolute;
  bottom: 10px;
  right: 10px;
}

.su_category_type_box .tiles {
  cursor: pointer;
}

.su_category_type_box .btn-group {
  position: absolute;
  bottom: 10px;
  right: 10px;
}

.su_category_type_box .triangle_box {
  position: absolute;
  bottom: 4px;
  left: 30px;
}

.su_category_type_box .triangle_box .triangle {
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 15px 15px 15px;
}

.su_category_type_box .triangle_box .triangle.st1 {
  border-color: transparent transparent #ffffff transparent;
  /* top: -15px; */
  /* left: 23px; */
  z-index: 78;
}

.su_category_type_box .triangle_box .triangle.st2 {
  border-color: transparent transparent #D4D4D4 transparent;
  top: -1px;
  /* left: 23px; */
  z-index: 77;
}

.su_category_type_box .triangle_box .triangle.st1.active {
  border-color: transparent transparent #EFEFEF transparent;
  /* top: -15px; */
  /* left: 23px; */
  z-index: 78;
}

/**wifi申請**/
.wifiapplication {
  position: relative;
}

.wifiapplication .grid.simple .grid-body {
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  position: relative;
}

.wifiapplication .row {
  margin-left: 0px;
  position: relative;
  margin-right: 0px;
}

.wifiapplication .Retracted {
  border-radius: 0px 0px 0px 0px !important;
}

.wifiapplication .nav-tabs {
  background: #FFF;
  font-size: 0.875rem;
}

.wifiapplication .tab-content {
  background: #F9F9F9;
  padding-bottom: 0px;
  margin-bottom: 0px;
  position: relative;
  overflow: visible;
  /* z-index: 1001; */
}

.wifiapplication .password_text .btn {
  color: #fff;
  font-size: 0.875rem;
  display: block;
  background: #1976D2;
}

.wifiapplication .password_text .btn:hover {
  background: #2B6196;
}

.wifiapplication .password_text p {
  font-size: 1rem;
  padding-bottom: 1px;
}

.wifiapplication .password_text p:after {
  content: "";
  display: block;
  clear: both;
}

.wifiapplication .password_text p span.st_4 {
  color: #969696;
  font-weight: bold;
  padding-bottom: 0px;
  padding: 10px;
  display: block;
  width: 35%;
  float: left;
  border: solid 1px #D8D8D8;
  background: #EFEFEF;
}

.wifiapplication .password_text p span.st_5 {
  color: #424242;
  padding-bottom: 0px;
  border: solid 1px #DCDCDC;
  padding: 10px;
  display: block;
  width: 65%;
  float: right;
  text-align: left;
}

.wifi_icon_box {
  text-align: center;
  background: url(/Content/images/wifiapplication_bg.png) repeat-x 0px 2px #F4F4F4;
  /* margin-left: 15px; */
  /* margin-right: 15px; */
  padding-bottom: 1px;
  padding-top: 20px;
  position: relative;
}

.wifi_icon_box .wifi_icon {
  width: 85px;
  height: 85px;
  border-radius: 100%;
  text-align: center;
  color: #fff;
  line-height: 75px;
  font-size: 2.5rem;
  margin: 0 auto;
}

.wifi_icon_box .wifi_icon i {
  text-align: center;
  width: 42px;
}

.wifi_icon_box p {
  padding-top: 5px;
  font-size: 1.25rem;
  font-weight: bold;
  text-align: center !important;
}

.wifiapplication .col-sm-5 {
  padding-left: 5px;
  padding-right: 15px;
}

.wifiapplication .col-sm-7 {
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
}

.wifiapplication .nav-tabs>li.active {
  border-right: solid 1px #DDD;
  border-left: solid 1px #DDD;
}

.wifiapplication .nav-tabs>li.active a {
  background: #F9F9F9;
}

.wifiapplication .profile-description-box {
  padding: 0px;
}

.wifiapplication .profile-description-box p i {
  padding-right: 27px;
}

.wifiapplication .pImg img {
  width: 100%;
  height: 100%;
  border-radius: 5px;
}

.wifiapplication .tab-pane td {
  padding-bottom: 5px;
}

.wifiapplication .tab-pane .st_1 {
  color: #A2A2A2;
  padding-right: 12px;
  width: 90px;
  vertical-align: top;
}

.wifiapplication .tab-pane .st_2 {
  color: #656565;
}

.admin_pass_box .password_text .btn {
  color: #fff;
  font-size: 0.875rem;
  margin: 0px 0px 0px 63%;
  display: block;
  background: #1976D2;
}

.admin_pass_box .password_text .btn:hover {
  background: #2B6196;
}

.admin_pass_box .password_text p {
  font-size: 1rem;
  padding-bottom: 1px;
}

.admin_pass_box .password_text p:after {
  content: "";
  display: block;
  clear: both;
}

.admin_pass_box .password_text p span.st_4 {
  font-size: 1.3125rem;
  color: #969696;
  font-weight: bold;
  padding-bottom: 0px;
  padding: 10px;
  display: block;
  width: 30%;
  float: left;
  border: solid 1px #D8D8D8;
  background: #EFEFEF;
}

.admin_pass_box .password_text p span.st_5 {
  font-size: 1.3125rem;
  color: #424242;
  padding-bottom: 0px;
  border: solid 1px #DCDCDC;
  padding: 10px;
  display: block;
  width: 70%;
  float: right;
  text-align: left;
}

/* line 663, ../scss/resources.scss */
.project1 {
  background-color: #ECECEC !important;
  border-radius: 3px;
}

.wifiapplication .female {
  background: #ff4081;
  color: #FFF;
}

.wifiapplication .male i {
  color: #fff;
  text-align: center;
  padding: 5px;
}

.wifiapplication .semi-bold {
  font-size: 1.375rem;
  color: #4C4C4C;
}

.wifiapplication .profile-description-box p {
  padding-bottom: 0px;
  padding-top: 0px;
  margin-bottom: 4px;
  color: #676767;
}

/**申請單號**/
.odd_number {
  position: absolute;
  top: 14px;
  left: 14px;
  z-index: 90;
}

.odd_number p {
  color: #7D7D7D;
  font-weight: bold;
  font-size: 0.9375rem;
}

.odd_number p span.st_1 {
  padding-left: 4px;
  color: #5F5F67;
  display: initial;
}

/* line 669, ../scss/resources.scss */
.wifiapplication p.phone-ext:before {
  content: "?";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  color: #2196f3;
  font-size: 1.125rem;
  padding-right: 10px;
}

/* line 161, ../scss/J/general/_profile.scss */
.wifiapplication .profile-description-box i.fa-female {
  background: #ff4081;
  color: #fff;
}

.wifiapplication .profile-description-box i.fa-male {
  background: #448aff;
  color: #fff;
}

/* line 145, ../scss/J/general/_profile.scss */
.wifiapplication .profile-description-box .pImg {
  color: #fff;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

/* line 154, ../scss/J/general/_profile.scss */
.wifiapplication .profile-description-box .pDes {
  font-size: 0.8125rem;
  color: #ff4081;
}

/* line 159, ../scss/J/general/_profile.scss */
.wifiapplication .profile-description-box .Jicon-circle {
  background: #aaa;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  text-align: center;
  line-height: 21px;
  vertical-align: middle;
  padding: 0px;
  font-size: 0.8125rem;
  margin-top: -5px;
  margin-left: 7px;
}

/**核可**/
.wifiapplication.style_1 .Retracted {
  border-top: solid 6px #73be37 !important;
}

.wifiapplication.style_1 .wifi_icon_box {
  border-bottom: solid 1px #73be37 !important;
}

.wifiapplication.style_1 .wifi_icon_box .wifi_icon {
  background: #73be37;
  border: solid 7px #d1eabd;
}

.wifiapplication.style_1 .wifi_icon_box p {
  color: #73be37;
  text-align: left;
}

.wifiapplication.style_1 .check_text {
  padding: 10px;
}

.wifiapplication.style_1 .check_text p {
  color: #73BE37;
  font-weight: bold;
  padding-bottom: 0px;
  margin: 0px;
}

/**駁回**/
.wifiapplication p.Jtitle:before {
  content: "?";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  color: #2196f3;
  font-size: 0.9375rem;
  padding-right: 10px;
}

.wifiapplication .timebox p.info-time {
  color: #2196f3;
  margin-top: 2px;
  font-weight: normal !important;
}

.wifiapplication .timebox {
  padding: 12px 15px 9px 15px;
  border-top: solid 1px #E8E8E8;
  border-bottom: solid 1px #E8E8E8;
}

.wifiapplication .timebox p {
  padding-bottom: 6px;
  margin-bottom: 1px;
  color: #525252;
  font-weight: bold;
}

.wifiapplication .tab-content .tab-pane {
  min-height: 220px;
}

.wifiapplication .wifi_icon_box p.reason {
  padding-top: 0px;
  font-size: 0.9375rem;
  margin-top: -11px;
}

/***帳密資訊按鈕***/
.admin_pass_box {
  font-size: 0.8125rem;
  color: #FFFFFF;
  border: solid 1px #BBBBBB;
  background: #1A7CDC;
  /* position: absolute; */
  border: solid 1px #0E69B1;
  /* right: 11px; */
  /* top: 12px; */
  border-radius: 5px;
  font-weight: bold;
  padding: 4px 6px;
  letter-spacing: 3px;
  cursor: pointer;
  /* position: relative; */
  /* font-weight: bold; */
  margin-bottom: 0px;
  margin-top: 6px;
  margin-left: auto;
  margin-right: auto;
  width: 130px;
  text-align: center;
  -webkit-box-shadow: 3px 2px 3px rgba(48, 48, 99, 0.4);
  box-shadow: 3px 2px 3px rgba(48, 48, 99, 0.4);
}

.admin_pass_box:hover {
  background: #1A62A9;
  color: #FFFFFF;
}

.admin_mask_pass_box {
  position: absolute;
  z-index: 1013 !important;
  top: 6px;
  right: 1px;
  width: 99%;
  height: 100%;
  background: #F9F9F9;
  padding: 31px 20px 20px 20px;
  /* border: solid 3px #D2D2D2; */
  display: none;
}

.admin_mask_pass_box .X_icon {
  position: absolute;
  right: 10px;
  top: 5px;
  font-size: 0.8125rem;
  color: #BBB;
  font-weight: bold;
  cursor: pointer;
}

.admin_mask_pass_box .triangle_box {
  position: absolute;
  left: 163px;
  bottom: 1px;
  display: none;
}

.admin_mask_pass_box .triangle_box .triangle {
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 15px 0px 15px;
}

.admin_mask_pass_box .triangle_box .triangle.st1 {
  border-color: #FFFFFF transparent transparent transparent;
  /* top: -15px; */
  /* left: 23px; */
  z-index: 78;
  display: none;
}

.admin_mask_pass_box .triangle_box .triangle.st2 {
  border-color: #D4D4D4 transparent transparent transparent;
  top: 3px;
  /* left: 23px; */
  z-index: 77;
  display: none;
}

.admin_mask_pass_box .triangle_box .triangle.st1.active {
  border-color: transparent transparent #EFEFEF transparent;
  /* top: -15px; */
  /* left: 23px; */
  z-index: 78;
}

/**駁回**/
.wifiapplication.style_2 .Retracted {
  border-top: solid 6px #ff5581 !important;
}

.wifiapplication.style_2 .wifi_icon_box {
  border-bottom: solid 1px #ff5581 !important;
}

.wifiapplication.style_2 .wifi_icon_box .wifi_icon {
  background: #ec5e56;
  border: solid 7px #f9cac7;
}

.wifiapplication.style_2 .wifi_icon_box p {
  color: #ec5e56;
}

.wifiapplication.style_2 .check_text {
  padding: 10px;
}

.wifiapplication.style_2 .check_text p {
  color: #EC5E56;
  font-weight: bold;
  padding-bottom: 0px;
  margin: 0px;
}

/**審核中**/
.wifiapplication.style_3 .Retracted {
  border-top: solid 6px #31bfe5 !important;
}

.wifiapplication.style_3 .wifi_icon_box {
  border-bottom: solid 1px #31bfe5 !important;
}

.wifiapplication.style_3 .wifi_icon_box .wifi_icon {
  background: #31bfe5;
  border: solid 7px #b2e1ed;
}

.wifiapplication.style_3 .wifi_icon_box p {
  color: #31bfe5;
}

.wifiapplication.style_3 .check_text {
  border: solid 1px #31bfe5;
  padding: 10px;
  /*min-height: 170px;*/
  background: #b2e1ed;
}

.wifiapplication.style_3 .check_text p {
  color: #31bfe5;
  font-weight: bold;
  padding-bottom: 0px;
  margin: 0px;
}

.wifiapplication .checkbox {
  position: absolute;
  top: 5px;
  right: 7px;
  width: 25px;
  float: left;
  z-index: 9;
}

.wifiapplication .btn-group {
  z-index: 99 !important;
  margin-top: 5px;
  float: right !important;
  margin-right: 0px;
  display: block;
  position: relative;
  bottom: 0px;
  top: 0px;
  padding-top: 2px;
  padding-bottom: 0px;
  margin-bottom: 5px;
}

.wifiapplication .btn-group_postiton {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 100%;
  display: block;
  padding: 6px 11px;
  margin: 0px;
}

.wifiapplication .btn-group_postiton .circle-check-p {
  position: absolute;
  margin-top: 5px;
  margin-left: 5px;
  z-index: 1;
  cursor: pointer;
}

.wifiapplication .btn-group_postiton .circle-check-p .circle-check {
  background-color: #e0e0e0;
  border-radius: 20px;
  border: solid #dedede 1px;
  display: inline-block;
  font-size: 1.25rem;
  width: 30px;
  height: 30px;
  position: relative;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-box-shadow: 0 2px 1px rgba(170, 170, 170, 0.25);
  box-shadow: 0 2px 1px rgba(170, 170, 170, 0.25);
  -webkit-box-shadow: inset 1px 1px 1px rgba(2, 1, 1, 0.4);
  box-shadow: inset 1px 1px 1px rgba(2, 1, 1, 0.4);
}

.wifiapplication .btn-group_postiton .circle-check-p .circle-check:hover {
  background: #bbbbbb;
}

.wifiapplication .btn-group_postiton .circle-check-p .circle-check:after {
  position: absolute;
  left: 5px;
  top: 0px;
  content: "\f00c";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: 400;
  color: #fff;
  font-size: 1.25rem;
  width: 20px;
  height: 20px;
}

.wifiapplication .btn-group_postiton .circle-check-p .circle-check.click:hover {
  color: #62d6d6;
}

.wifiapplication .btn-group_postiton .circle-check-p .circle-check.click {
  background: #fff;
  -webkit-box-shadow: 0 2px 1px rgba(170, 170, 170, 0.25);
  box-shadow: 0 2px 1px rgba(170, 170, 170, 0.25);
  border: solid #2f8be4 2px;
}

.wifiapplication .btn-group_postiton .circle-check-p .circle-check.click:after {
  color: #2f8be4;
  left: 3px;
  top: -1px;
}

/**審查流程**/
.application-tab-Satisfaction {
  width: 100%;
  padding: 0px;
  margin: 0px 0px 20px 0px;
  overflow: scroll;
  overflow-x: auto;
  overflow-y: hidden;
}

.application-tab-Satisfaction table {
  width: 100%;
  /* border: solid 1px #DDD !important; */
}

.application-tab-Satisfaction table th {
  color: #FFFFFF !important;
  background-color: #44AAC1;
  font-weight: bold;
  padding-bottom: 5px;
  padding-top: 5px;
  border: solid 1px #FFF !important;
}

.application-tab-Satisfaction table td {
  border-top: 1px solid #E8EDF1;
}

.application-tab-Satisfaction table td.st_3 {
  color: #215E94 !important;
  background-color: #F5F5F5 !important;
}

/**草稿**/
.wifiapplication.style_4 .Retracted {
  border-top: solid 6px #AFAFAF !important;
}

.wifiapplication.style_4 .wifi_icon_box {
  border-bottom: solid 1px #AFAFAF !important;
}

.wifiapplication.style_4 .wifi_icon_box .wifi_icon {
  background: #AFAFAF;
  border: solid 7px #E2E2E2;
  margin: 0 auto;
}

.wifiapplication.style_4 .wifi_icon_box p {
  color: #989898;
}

/**撤銷**/
.wifiapplication.style_5 .Retracted {
  border-top: solid 6px #96A4C3 !important;
}

.wifiapplication.style_5 .wifi_icon_box {
  border-bottom: solid 1px #96A4C3 !important;
}

.wifiapplication.style_5 .wifi_icon_box .wifi_icon {
  background: #96A4C3;
  border: solid 7px #D6DBE6;
}

.wifiapplication.style_5 .wifi_icon_box p {
  color: #96A4C3;
}

/***審核意見***/
.check_from h5 {
  font-size: 1.125rem;
  /* padding-bottom: 10px; */
  /* border-bottom: solid 2px #317FCA; */
  font-weight: bold;
  color: #636363;
  /* margin-bottom: 17px; */
}

.check_from .nav-tabs {
  font-size: 1.25rem;
  padding-bottom: 0px;
  border-bottom: solid 1px #317FCA;
  font-weight: bold;
  color: #317FCA;
  border-right: solid 1px #C5C5C5;
  border-left: solid 1px #C5C5C5;
  border-top: solid 1px #C5C5C5;
  background: #F1F1F1;
}

.check_from .tab-content {
  border-right: solid 1px #C5C5C5;
  border-left: solid 1px #C5C5C5;
  border-bottom: solid 1px #C5C5C5;
}

.check_from .nav-tabs li.active a {
  color: #317FCA;
}

.check_from .timebox p {
  padding-bottom: 6px;
  margin-bottom: 1px;
  color: #1899EC !important;
  font-weight: bold;
  font-size: 1.125rem;
}

.check_from .info-time {
  color: #4C4C4C;
  margin-top: 2px;
  border: solid 1px #e2e2e2;
  padding: 10px;
  border-radius: 3px;
}

.check_from .nav-tabs li a {
  font-size: 1rem;
  /* border-bottom: solid 2px #317FCA; */
  font-weight: bold;
  color: #737373;
  margin-bottom: 0px;
}

.check_from .tab-content .row {
  padding-top: 0px;
  margin: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
}

.check_from input {
  color: #6F7888;
}

.check_from label {
  color: #232527;
}

.check_from .new_row_bg {
  background: #FFF;
}

.check_from .col-md-12 {
  padding-bottom: 15px;
  /* border-bottom: solid 1px #DADADA; */
  /* margin-bottom: 25px; */
}

.check_lightbox .row {
  padding: 15px;
  margin-bottom: 0px;
  padding-bottom: 6px;
  padding-top: 0px;
}

.check_lightbox .title_box {
  padding-top: 0px;
  margin-top: 0px;
}

.check_lightbox .title {
  padding-bottom: 7px;
  margin-bottom: 0px;
  background: #FFFFFF;
  padding-top: 7px;
  border-radius: 5px 5px 0px 0px;
  font-weight: bold;
  color: #797979;
  /* padding-left: 20px; */
}

.check_lightbox .text {
  padding-top: 0px;
  margin-top: 0px;
  -webkit-box-shadow: none;
  box-shadow: none;
  height: 120px;
  margin-bottom: 0px;
}

.check_lightbox .text .form-control {
  height: 100%;
  border: solid 1px #6EBBF3 !important;
  border-radius: 0px !important;
  background: #F0F8FF;
}

.check_lightbox .modal-footer {
  padding-top: 15px !important;
  padding-bottom: 13px;
}

.check_lightbox .profile-description-box {
  padding-left: 4px;
  padding-top: 0px;
}

.check_lightbox .pImg img {
  width: 110px;
  height: 110px;
  border-radius: 5px;
}

/* line 669, ../scss/resources.scss */
.check_lightbox p.phone-ext:before {
  content: "?";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  color: #2196f3;
  font-size: 1.125rem;
  padding-right: 10px;
}

.check_lightbox .profile-description-box:before {
  content: "";
  display: block;
  clear: both;
}

.check_lightbox .profile-description-box p {
  float: left;
  margin-right: 21px;
}

/* line 161, ../scss/J/general/_profile.scss */
.check_lightbox .profile-description-box i.fa-female {
  background: #ff4081;
  color: #fff;
}

.check_lightbox .profile-description-box i.fa-male {
  background: #448aff;
  color: #fff;
}

/* line 145, ../scss/J/general/_profile.scss */
.check_lightbox .profile-description-box .pImg {
  color: #fff;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

/* line 154, ../scss/J/general/_profile.scss */
.check_lightbox .profile-description-box .pDes {
  font-size: 0.8125rem;
  color: #ff4081;
}

/* line 159, ../scss/J/general/_profile.scss */
.check_lightbox .profile-description-box .Jicon-circle {
  background: #aaa;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  text-align: center;
  line-height: 21px;
  vertical-align: middle;
  padding: 0px;
  font-size: 0.8125rem;
  margin-top: -5px;
  margin-left: 7px;
}

/* line 680, ../scss/resources.scss */
.check_lightbox p.Jtitle:before {
  content: "?";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  color: #2196f3;
  font-size: 0.9375rem;
  padding-right: 10px;
}

.check_lightbox .info-time {
  color: #2196f3 !important;
  margin-top: 2px;
  font-weight: normal !important;
  padding-left: 12px;
}

.check_lightbox .timebox p {
  padding-bottom: 6px;
  margin-bottom: 1px;
  color: #505458;
  font-weight: bold;
  font-size: 1.125rem;
}

.check_lightbox .tab-content .tab-pane {
  min-height: 190px;
}

.check_lightbox ul {
  padding-left: 12px;
}

.check_lightbox ul li {
  float: left;
  /* margin-left: 5px; */
  /* margin-right: 5px; */
  list-style: none;
  padding-left: 0px;
  padding-right: 0px;
  margin-bottom: 10px;
}

.check_lightbox ul li span.st_1 {
  color: #A2A2A2;
  padding-right: 12px;
  width: 90px;
  vertical-align: top;
}

.check_lightbox ul li span.st_2 {
  color: #656565;
}

.check_lightbox .row_boder {
  border-bottom: solid 1px #D8D8D8;
  margin-left: 0px;
  margin-right: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 15px;
  padding-top: 0px;
  margin-bottom: 20px;
}

.check_lightbox h5 {
  font-size: 1.125rem;
  font-weight: bold;
  padding-bottom: 4px;
  padding-top: 0px;
  margin-top: 0px;
  border: none;
}

/**新增頁面**/
.wifiapplication_new_title {
  font-size: 1.125rem;
  font-weight: bold;
  /*padding-bottom: 10px;
border-bottom:solid 1px #111; */
  padding-left: 15px;
}

.new_row_bg {
  margin-top: -26px;
}

#talentedperson .Retracted {
  padding: 15px;
  border: solid 1px #ccc;
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 10px 1px rgba(204, 204, 204, 0.6);
  box-shadow: 0px 0px 10px 1px rgba(204, 204, 204, 0.6);
  background-color: #FFF;
}

.check_text.check_text_ok {
  border: solid 1px #9AEC58 !important;
  color: #8E8E8E !important;
  font-weight: normal !important;
  padding-top: 2px;
  background: #F3FBEE !important;
}

.check_text.check_text_no {
  color: #8E8E8E !important;
  font-weight: normal !important;
  padding-top: 2px;
  background: #FFF2F1 !important;
  border: solid 1px #F9CAC7;
}

.check_text.check_text_ok p {
  color: #44B100 !important;
}

.check_text.check_text_no p {
  color: #EC5E56 !important;
}

.check_text.check_text_ok p.text {
  color: #8E8E8E !important;
  font-weight: normal !important;
  padding-top: 2px;
}

.check_text.check_text_no p.text {
  color: #8E8E8E !important;
  font-weight: normal !important;
  padding-top: 2px;
}

.check_text {
  margin: 10px 0px 10px 0px;
}

/**all_check_box**/
.all_check_box {
  padding: 0px 5px;
  background: #fff;
  border: solid 1px #e4e4e4;
  border-radius: 5px;
  width: 80px;
  position: relative;
}

.all_check_box.nodrop {
  width: 53px;
}

.all_check_box .circle-check-p {
  margin-top: 5px;
  margin-left: 5px;
  z-index: 1;
  cursor: pointer;
}

.all_check_box .circle-check-p .circle-check {
  background-color: #e0e0e0;
  border-radius: 20px;
  border: solid #dedede 1px;
  display: inline-block;
  font-size: 1.25rem;
  width: 30px;
  height: 30px;
  position: relative;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-box-shadow: 0 2px 1px rgba(170, 170, 170, 0.25);
  box-shadow: 0 2px 1px rgba(170, 170, 170, 0.25);
  -webkit-box-shadow: inset 1px 1px 1px rgba(2, 1, 1, 0.4);
  box-shadow: inset 1px 1px 1px rgba(2, 1, 1, 0.4);
}

.all_check_box .circle-check-p .circle-check:hover {
  background: #bbbbbb;
}

.all_check_box .circle-check-p .circle-check:after {
  position: absolute;
  left: 5px;
  top: 0px;
  content: "\f00c";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: 400;
  color: #fff;
  font-size: 1.25rem;
  width: 20px;
  height: 20px;
}

.all_check_box .circle-check-p .circle-check.click:hover {
  color: #62d6d6;
}

.all_check_box .circle-check-p .circle-check.click {
  background: #fff;
  -webkit-box-shadow: 0 2px 1px rgba(170, 170, 170, 0.25);
  box-shadow: 0 2px 1px rgba(170, 170, 170, 0.25);
  border: solid #2f8be4 2px;
}

.all_check_box .circle-check-p .circle-check.click:after {
  color: #2f8be4;
  left: 3px;
  top: -1px;
}

.all_check_box .drop_down_ico {
  position: absolute;
  right: 12px;
  top: 10px;
}

.sing_up_determine_detail_2 .modal-header {
  background: #D7EBFF;
  padding-bottom: 4px;
}

/**sslvpn**/
.user_diff_warp {
  padding-left: 10px;
  padding: 10px;
  background: #F3F3F3;
  margin: -14px 0px 19px 0px;
  border: solid 1px #E6E6E6;
}

.iconfa-stack1 {
  position: relative;
  display: inline-block;
  width: 14px;
  height: 13px;
  line-height: 18px;
  vertical-align: middle;
  padding: 0px 0px 0px 0px;
  margin: -5px 5px 0px 0px;
}

.iconfa-stack1-1x,
.iconfa-stack1-2x,
.iconfa-stack1-3x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}

.iconfa-stack1-1x {
  line-height: inherit;
  font-size: 0.75rem;
}

.iconfa-stack1-2x {
  font-size: 1rem;
}

.iconfa-stack1-3x {
  font-size: 2em;
}

.J-download-box {
  border: 1px solid #e0e0e0;
  padding: 20px;
  margin: 20px 0px;
  background: #f7f7f7;
}

.J-download-box .b_line {
  border-bottom: solid #e2e2e2 1px;
  margin-top: 15px;
  margin-bottom: 15px;
}

#stage {
  display: block;
  margin: 0;
  padding: 0;
  margin: 0;
  width: 85px;
  font-size: 0.9375rem;
  cursor: pointer;
}

#stage .slider-frame {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  width: 85px;
  height: 34px;
  background-color: #fff;
  border-top: 1px solid #c1c1c1;
  border-right: 1px solid #c1c1c1;
  border-bottom: 1px solid #c1c1c1;
  border-left: 1px solid #c1c1c1;
  border-radius: 3px;
}

#stage .slider-frame .slider-button {
  display: block;
  margin: 0;
  padding: 0;
  width: 43px;
  height: 34px;
  line-height: 34px;
  background: #00aec3;
  -moz-border-radius: 5px;
  border: 1px solid #cccccc;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  color: #fff;
  font-family: Helvetica;
  font-weight: bold;
  text-shadow: 1px 1px 1px rgba(167, 167, 167, 0.5);
  text-align: center;
  cursor: pointer;
  font-size: 0.9375rem;
  border-radius: 3px;
}

#stage .slider-frame .slider-button.on {
  margin-left: 40px;
  background: #2372c6;
  border: 1px solid #cccccc;
}

/****
***Contacts system
****/
.phone_list_box .cursor_pointer .drop-auto-position.card-btn {
  right: 30px;
  top: 14px !important;
}

/***level_2_box***/
.level_2_box {
  position: absolute;
  width: 100%;
  /* top:205px; */
  left: 0px;
  background: #fff;
  z-index: 10;
  display: block;
  border-radius: 8px;
  border: solid 1px #DADADA;
}

.level_2_box .MT-contacts-list {
  background: #fff;
  margin: 12px 0px 9px 0px;
  height: auto;
  border-left: solid 5px #0C73BC;
  border-radius: 0px 7px 7px 0px;
}

.level_2_box .MT-contacts-list .text {
  font-size: 1.125rem;
  float: none;
  margin-left: 0px;
  margin-top: 15px;
  min-height: 109px;
  position: relative;
}

.level_2_box .MT-contacts-list .text .member_groups {
  position: absolute;
  bottom: 0px;
  left: 0px;
  font-size: 0.875rem;
  width: 100%;
}

.level_2_box .MT-contacts-list .text .member_groups:after {
  content: "";
  display: block;
  clear: both;
}

.level_2_box .MT-contacts-list .text .member_groups i {
  /*float: right;*/
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 3px;
  background: #448aff;
  text-align: center;
  cursor: pointer;
  color: #fff;
  margin-left: 5px;
}

.level_2_box .MT-contacts-list .text .member_groups .st_1 {
  float: left;
  color: #777;
}

.level_2_box .MT-contacts-list .text .member_groups .st_2 {
  float: right;
  color: #777;
}

.level_2_box .MT-contacts-list .text .member_groups .st_1:hover {
  color: #448aff;
}

.level_2_box .MT-contacts-list .text .member_groups .st_2:hover {
  color: #448aff;
}

.level_2_box .MT-contacts-list .text .member_groups .st_1:hover i {
  background: #265fbd;
}

.level_2_box .MT-contacts-list .text .member_groups .st_2:hover i {
  background: #265fbd;
}

.level_2_box .MT-contacts-list:after {
  content: "";
  display: block;
  clear: both;
}

.level_2_box .MT-contacts-list .text p {
  font-size: 1.1875rem;
  color: #006BB1;
}

.level_2_box .MT-contacts-list .btn-group {
  right: 0px;
}

/***level_3_box***/
.level_3_box {
  position: absolute;
  width: 98%;
  /* top:205px; */
  left: 12px;
  background: #fff;
  /* display: none; */
  border: solid 1px #E0DFDF;
  z-index: 10;
  display: block;
  margin: 0 auto;
}

.level_3_box .MT-contacts-list {
  background: #fff;
  margin: 12px 0px 9px 0px;
  height: auto;
  border-left: solid 5px #0C73BC;
  border-radius: 0px 7px 7px 0px;
}

.level_3_box .MT-contacts-list .text {
  font-size: 1.125rem;
  float: none;
  margin-left: 0px;
  margin-top: 15px;
  min-height: 109px;
}

.level_3_box .MT-contacts-list:after {
  content: "";
  display: block;
  clear: both;
}

.level_3_box .MT-contacts-list .text p {
  font-size: 1.1875rem;
  color: #006BB1;
}

.level_3_box .MT-contacts-list .btn-group {
  right: 0px;
}

/**level_title_control**/
.level_title_control {
  padding: 14px;
}

.level_title_control .grid-title h4 .semi-bold {
  color: #004B80;
  font-size: 1.25rem;
  font-weight: normal;
}

.level_title_control .grid-title {
  padding: 16px 0px;
  margin: 0px;
}

.MT-contacts-list .text_box {
  float: left;
  width: 80%;
  padding-left: 10px;
}

.MT-contacts-list .text_box_down:before {
  clear: both;
  content: "";
  display: block;
}

.MT-contacts-list .text_box_down {
  padding-top: 9px;
  border-top: solid 1px #D6D6D6;
  min-height: 60px;
  position: relative;
}

.su_category_checkstly .checkbox-nolabeltex.checkbox label::after {
  left: 3px;
}

.su_category_checkstly {
  float: left;
  padding-left: 10px;
  padding-top: 18px;
  width: 28px;
}

.MT-contacts-list .textnumber {
  float: left;
  padding-top: 9px !important;
  width: 60%;
  /* padding-bottom: 0px !important; */
  /* margin-bottom: 0px !important; */
  /* height: 55px !important; */
  color: #9E9E9E !important;
  font-size: 0.875rem !important;
  /* padding-top: 13px !important; */
  /* float: left; */
  width: 74%;
  padding-bottom: 0px;
}

/**
**ban_style
**/
.ban_style.card-container3 .img-thumb {
  -webkit-box-shadow: rgba(165, 165, 165, 0.2) 0 0 0 1px inset;
  box-shadow: rgba(165, 165, 165, 0.2) 0 0 0 1px inset;
  background: #e2e2e2;
}

.ban_style.card-container3 .img-thumb:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.ban_style.card-container3 .app_title {
  opacity: .3;
}

.ban_style.card-container3 .app_name {
  opacity: .3;
}

.ban_style.card-container3 .gray {
  opacity: .3;
}

/*****filter_box******/
.filter__box {
  height: 100%;
}

.filter__box .filter__box__list {
  border-bottom: 1px #d4cece dotted;
  margin: 0px 0px 15px 0px;
  padding: 0px;
}

.filter__box .filter__box__list:after {
  display: block;
  clear: both;
  content: "";
}

.filter__box .filter__box__list span,
.filter__box
.filter__box__list
.filter__box__content {
  margin-left: 10px;
  list-style: none;
  padding-bottom: 10px;
  padding-top: 10px;
  min-width: 70px;
  display: inline-table;
  width: 80%;
}

.filter__box .filter__box__list span button {
  border: none;
}

.filter__box .filter__box__list span a,
.filter__box .filter__box__list span button,
.filter__box .filter__box__list .filter__box__content a,
.filter__box .filter__box__list .filter__box__content button {
  position: relative;
  display: inline-block;
  color: inherit;
  margin-right: 17px;
  margin-bottom: 10px;
  font-size: 0.9375rem;
  color: #364f61;
  line-height: 26px;
  background-color: #dce5ea;
  z-index: 2;
  padding: 0 16px;
  border-radius: 3px;
  -webkit-transition: all 0.9s;
  transition: all 0.9s;
}

.filter__box .filter__box__list span a:hover,
.filter__box .filter__box__list span button:hover,
.filter__box__list span button.active:hover,
.filter__box__list span span.active:hover,
.filter__box .filter__box__list .filter__box__content a:hover,
.filter__box .filter__box__list .filter__box__content button:hover{
  background: #3e81b1 !important;
  color: #fff;
}

.filter__box .filter__box__list span a:before,
.filter__box .filter__box__list span button:before,
.filter__box .filter__box__list .filter__box__content a:before,
.filter__box .filter__box__list .filter__box__content button:before {
  content: '';
  position: absolute;
  background-color: inherit;
  width: 14px;
  height: 14px;
  top: 6px;
  left: -5px;
  border-radius: 3px;
  z-index: -1;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform: skew(-45deg, 45deg);
  transform: skew(-45deg, 45deg);
}

.filter__box .filter__box__list span a:after,
.filter__box .filter__box__list span button:after,
.filter__box .filter__box__list .filter__box__content a:after,
.filter__box .filter__box__list .filter__box__content button:after {
  content: '';
  position: absolute;
  width: 6px;
  height: 6px;
  top: 50%;
  margin-top: -3px;
  left: -5px;
  border-radius: 50%;
  background: #fff;
}

.filter__box .filter__box__list span a i,
.filter__box .filter__box__list span button i,
.filter__box .filter__box__list .filter__box__content a i,
.filter__box .filter__box__list .filter__box__content button i {
  display: none;
}

.filter__box .filter__box__list span a.active,
.filter__box .filter__box__list span button.active,
.filter__box .filter__box__list .filter__box__content a.active,
.filter__box .filter__box__list .filter__box__content button.active {
  background: #4fa3e0;
  color: #fff;
}

.filter__box .filter__box__list span a.active i,
.filter__box .filter__box__list span button.active i,
.filter__box .filter__box__list .filter__box__content a.active i,
.filter__box .filter__box__list .filter__box__content button.active i {
  color: #003877;
  display: inline-table;
  margin-right: 10px;
  margin-left: -15px;
  font-size: 0.9375rem;
}

.filter__box .filter__box__list span a.active:after,
.filter__box .filter__box__list span button.active:after,
.filter__box .filter__box__list .filter__box__content a.active:after,
.filter__box .filter__box__list .filter__box__content button.active:after {
  display: none;
}

.filter__box .filter__box__list span a.active.activing,
.filter__box .filter__box__list span button.active.activing,
.filter__box .filter__box__list .filter__box__content a.active.activing,
.filter__box .filter__box__list .filter__box__content button.active.activing {
  color: #fff;
}

.filter__box .filter__box__list span a.activing,
.filter__box .filter__box__list span button.activing,
.filter__box .filter__box__list .filter__box__content a.activing,
.filter__box .filter__box__list .filter__box__content button.activing {
  color: #e48f00;
}

.filter__box .filter__box__list span a.activing i,
.filter__box .filter__box__list span button.activing i,
.filter__box .filter__box__list .filter__box__content a.activing i,
.filter__box .filter__box__list .filter__box__content button.activing i {
  color: #f78400;
  display: inline-table;
  margin-right: 10px;
  margin-left: -15px;
  font-size: 0.9375rem;
}

.filter__box .filter__box__list span a.activing:after,
.filter__box .filter__box__list span button.activing:after,
.filter__box .filter__box__list .filter__box__content a.activing:after,
.filter__box .filter__box__list .filter__box__content button.activing:after {
  display: none;
}

.filter__box .filter__box__list .filter__box__title {
  font-size: 1rem;
  font-weight: bold;
  margin-left: 10px;
  margin-right: 10px;
  display: inline-block;
  width: 10%;
  color: #4a4a4a;
}

/**
*Timepicker
**/
.bootstrap-timepicker-widget table td a {
  text-decoration: none;
  background-color: #fff;
  border-radius: 4px;
  border-color: #fff;
  color: #1976d2;
}

.bootstrap-timepicker-widget table td a:hover {
  background-color: #dcdcdc;
}

.bootstrap-timepicker-widget table td span {
  width: 100%;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}

.bootstrap-timepicker-widget table td span.glyphicon.glyphicon-chevron-up:before {
  content: "\f077";
}

.bootstrap-timepicker-widget table td span.glyphicon.glyphicon-chevron-down:before {
  content: "\f078";
}

.bootstrap-timepicker-widget table td input {
  width: 50px;
}

.bootstrap-timepicker .input-group-addon {
  background-color: #1976d2;
  color: #ffffff;
}

.bootstrap-timepicker .input-group-addon i {
  color: #fff;
  font-size: 1.0625rem;
}

.bootstrap-timepicker .input-group-addon .arrow {
  color: #1976d2;
}

.bootstrap-timepicker .input-group-addon .arrow:before {
  font-family: 'FontAwesome';
  content: "\f0d9 ";
  top: -4px;
}

/*
*parking_status_box
*/
.parking_status_box .wifiapplication .btn-group_postiton .label {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 999;
  padding: 5px 10px;
  font-size: 0.875rem;
  font-weight: normal;
}

.parking_status_box .wifiapplication.style_1 .wifi_icon_box {
  border-bottom: solid 1px #FF307F !important;
}

.parking_status_box .wifiapplication.style_1 .wifi_icon_box .wifi_icon {
  background: #FF307F;
  border: solid 7px #ffd9e7;
}

.parking_status_box .wifiapplication.style_1 .wifi_icon_box p {
  color: #FF307F;
}

.parking_status_box .wifiapplication.style_1 .Retracted {
  border-top: solid 6px #FF307F !important;
}

.parking_status_box .wifiapplication.style_1 .btn-group_postiton .label {
  background: #FF307F;
}

.parking_status_box .wifiapplication.style_2 .wifi_icon_box {
  border-bottom: solid 1px #f9a921 !important;
}

.parking_status_box .wifiapplication.style_2 .wifi_icon_box .wifi_icon {
  background: #f9a921;
  border: solid 7px #ffe4b6;
}

.parking_status_box .wifiapplication.style_2 .wifi_icon_box p {
  color: #f9a921;
}

.parking_status_box .wifiapplication.style_2 .Retracted {
  border-top: solid 6px #f9a921 !important;
}

.parking_status_box .wifiapplication.style_2 .btn-group_postiton .label {
  background: #f9a921;
}

.parking_status_box .wifiapplication.style_3 .wifi_icon_box {
  border-bottom: solid 1px #9e9e9e !important;
}

.parking_status_box .wifiapplication.style_3 .wifi_icon_box .wifi_icon {
  background: #9e9e9e;
  border: solid 7px #e4e4e4;
}

.parking_status_box .wifiapplication.style_3 .wifi_icon_box p {
  color: #9e9e9e;
}

.parking_status_box .wifiapplication.style_3 .Retracted {
  border-top: solid 6px #9e9e9e !important;
}

.parking_status_box .wifiapplication.style_3 .btn-group_postiton .label {
  background: #9e9e9e;
}

.parking_status_box .wifiapplication.style_4 .wifi_icon_box {
  border-bottom: solid 1px #2196f3 !important;
}

.parking_status_box .wifiapplication.style_4 .wifi_icon_box .wifi_icon {
  background: #2196f3;
  border: solid 7px #c1e4ff;
}

.parking_status_box .wifiapplication.style_4 .wifi_icon_box p {
  color: #2196f3;
}

.parking_status_box .wifiapplication.style_4 .Retracted {
  border-top: solid 6px #2196f3 !important;
}

.parking_status_box .wifiapplication.style_4 .btn-group_postiton .label {
  background: #2196f3;
}

/*
*.sizes .size
*/
.sizes .size {
  display: inline-block;
  text-transform: uppercase;
  padding: 8px 16px;
  border: 1px solid #ddd;
  border-radius: 2px;
  margin-right: 8px;
  margin-bottom: 8px;
  cursor: pointer;
}

.sizes .size.active {
  border: 1px solid #2196F3;
  background-color: #2196F3;
  color: #fff;
}

.sizes .size:hover {
  border: 1px solid #2196F3;
  background-color: #2196F3;
  color: #fff;
}

/*
*
*/
.profile-description-box p.holiday:before {
  content: "\f02b";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  color: #2196f3;
  font-size: 1.125rem;
  padding-right: 10px;
  width: 25px;
}

.profile-description-box p.period:before {
  content: "\f017";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  color: #2196f3;
  font-size: 1.125rem;
  padding-right: 10px;
  width: 25px;
}

.profile-description-box p.calendar:before {
  content: "\f073";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  color: #2196f3;
  font-size: 1.125rem;
  padding-right: 10px;
  width: 25px;
}

.profile-description-box p.car:before {
  content: "\f1b9";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  color: #2196f3;
  font-size: 1.125rem;
  padding-right: 10px;
  width: 25px;
}

/*
*p_calendar_box
*/
.p_calendar_box#fullcalendar .fc-sun {
  background: #b9b9b9;
}

.p_calendar_box#fullcalendar .fc-sun.fc-acitve {
  background: #cff;
}

.p_calendar_box#fullcalendar .fc-sun.fc-acitve-n {
  background: #f9c;
}

.p_calendar_box#fullcalendar .fc-sun.fc-notin {
  background: #b9b9b9;
}

.p_calendar_box#fullcalendar .fc-sat {
  background: #b9b9b9;
}

.p_calendar_box#fullcalendar .fc-sat.fc-acitve {
  background: #cff;
}

.p_calendar_box#fullcalendar .fc-sat.fc-acitve-n {
  background: #f9c;
}

.p_calendar_box#fullcalendar .fc-sat.fc-notin {
  background: #b9b9b9;
}

.p_calendar_box#fullcalendar .fc-acitve {
  background: #cff;
  cursor: pointer;
}

.p_calendar_box#fullcalendar .fc-acitve-n {
  background: #f9c;
  cursor: pointer;
}

.p_calendar_box#fullcalendar .fc-notin {
  background: #b9b9b9;
}

/*
*status_list_box
*/
.status_list_box {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

.status_list_box li {
  margin-right: 15px;
  list-style: none;
  display: inline-block;
}

.status_list_box li .lablest {
  width: 20px;
  height: 20px;
  border: solid 1px #ccc;
  display: inline-block;
}

.status_list_box li.fc-acitve .lablest {
  background: #ccffff;
}

.status_list_box li.fc-acitve-n .lablest {
  background: #f9c;
}

.status_list_box li.fc-acitve-s .lablest {
  background: #b9b9b9;
}

.status_list_box li span {
  line-height: 20px;
  display: inline-block;
  vertical-align: middle;
  font-weight: bold;
}

@media screen and (max-width: 768px) {

  /****table_rwd******/
  .table_rwd {
    border: none;
  }

  .table_rwd thead {
    display: none;
  }

  .table_rwd tr {
    margin-bottom: 15px;
    margin-top: 15px;
    display: block;
  }

  .table_rwd tr th {
    display: none;
  }

  .table_rwd tr td {
    padding-left: 35%;
    width: 100%;
    display: -webkit-box;
  }

  .table_rwd tr td:before {
    display: block;
    text-align: right;
    padding-right: 15px;
    content: attr(data-title);
    width: 30%;
    background: #f1f1f1;
    margin: -10px 10px -10px -14px;
    line-height: 18px;
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .table_rwd tr td a {
    color: #004798;
  }
}

/**
  *personalize.scss
  **/
#personailze_box .slide_sort_btn {
  background: #fff;
  border: solid 1px #e1e1e1;
  padding: 2px 6px;
  margin: 10px 5px;
}

#personailze_box .JQclick {
  padding-top: 8px;
}

#personailze_box .form-collapse-group {
  -webkit-box-shadow: 0px 0px 4px 3px #e6e6e6;
  box-shadow: 0px 0px 4px 3px #e6e6e6;
  background: #fff;
}

#personailze_box .form-collapse-group.ui-sortable-placeholder {
  display: none;
}

#personailze_box .ui-sortable-helper {
  height: 50px !important;
}

#personailze_box .ui-sortable-helper .form-collapse-body {
  display: none;
}

#personailze_box .onselection {
  height: 50px !important;
}

#personailze_box .onselection .form-collapse-body {
  display: none;
}

#personailze_box .nav-tabs {
  overflow: visible;
}

#personailze_box .nav-tabs li {
  position: relative;
  overflow: visible;
}

#personailze_box .nav-tabs li a {
  padding-left: 30px;
  padding-right: 30px;
  display: block;
}

#personailze_box .nav-tabs li:hover .slide_sort_tab_btn {
  display: block;
}

#personailze_box .nav-tabs li .slide_sort_tab_btn {
  display: none;
  position: absolute;
  top: 1px;
  right: 2px;
  background: none;
  padding: 2px 6px;
}

#personailze_box .nav-tabs li.ui-sortable-placeholder {
  display: none;
}

#personailze_box .nav-tabs .add_tab_btn {
  border-left: 1px #d2d2d2 solid;
  border-right: 1px #d2d2d2 solid;
  height: 100%;
  padding-bottom: 3px;
  padding-left: 25px;
  padding-right: 25px;
  border-radius: 5px 5px 0px 0px;
  background: #dce0e8;
  cursor: pointer;
}

#personailze_box .nav-tabs .add_tab_btn .btn {
  padding: 2px 5px;
  margin-top: 14px;
  /* margin-left: 12px; */
  background: none;
  color: #1976d2;
}

#personailze_box .nav-tabs .add_tab_btn:hover {
  background: #6fadf1;
}

#personailze_box .nav-tabs .add_tab_btn:hover .btn {
  color: #fff;
}

#personailze_box .equipement_li {
  margin: 0px 0px 20px 0px;
  padding: 0px;
}

#personailze_box .equipement_li .card-container3 {
  padding: 0px;
}

#personailze_box .equipement_li .card-container3 .img-thumb.img-thunb-gradient {
  background-image: none;
  background-color: #fff;
}

#personailze_box .equipement_li .card-container3 .img-thumb.img-thunb-gradient:hover {
  background-color: #fff;
  background: none;
  -webkit-filter: none;
}

#personailze_box .equipement_li .card-container3 .inside {
  padding: 10px;
}

#personailze_box .equipement_li .card-container3 .inside .app_switch {
  position: absolute;
  bottom: 4px;
  left: 10px;
}

#personailze_box .equipement_li .card-container3 .card-item {
  height: 100px;
  text-align: center;
  line-height: 134px;
  border-radius: 5px 5px 0px 0px;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  cursor: pointer;
}

#personailze_box .equipement_li .card-container3 .card-item i {
  width: auto !important;
  font-size: 2.875rem;
  color: #fff;
}

#personailze_box .equipement_li .card-container3 .iconFont {
  color: white;
  font-size: 3.125rem;
  position: relative;
  text-align: center;
  padding-top: 10%;
}

#personailze_box .equipement_li .btn-group {
  margin: 5px 15px 0px 10px;
}

#personailze_box .equipement_li .app_title {
  color: #2b2b2b;
  text-align: center;
  display: block;
  font-size: 1.125rem;
  font-weight: bold;
  padding-bottom: 5px;
}

#personailze_box .equipement_li .app_name {
  font-size: 0.8125rem;
  display: block;
  text-align: center;
  color: #868686;
}

#personailze_box .equipement_li .treeData_app_warp .application_equipment .equipement_li .card-container3 .img-thumb.img-thunb-gradient {
  background-image: none;
  background-color: #fff;
}

#personailze_box .equipement_li .imgH100 {
  width: 100%;
  min-height: 100px;
}

#personailze_box .equipement_li .btn-group {
  margin: 0px;
}

#personailze_box .infomation-box {
  padding: 5px;
}

#personailze_box .infomation-box ul {
  border-top: none !important;
  border-bottom: none !important;
  padding-bottom: 10px;
  padding-top: 0px;
  margin-bottom: 0px;
  margin-top: -16px;
  min-height: 73px;
  min-width: 100%;
}

#personailze_box .gray {
  opacity: 0.5;
}

#personailze_box .colorstyle_1 {
  background: #009688;
  background-image: -webkit-gradient(linear, left bottom, left top, from(#00796b), to(#009688));
  background-image: linear-gradient(to top, #00796b 0%, #009688 100%);
  -webkit-box-shadow: inset 0px 1px 0px #009688, 0px 4px 0px 0px #004d40;
  box-shadow: inset 0px 1px 0px #009688, 0px 4px 0px 0px #004d40;
}

#personailze_box .ui-sortable-handle .img-thumb .iconFont {
  color: white;
  font-size: 3.125rem;
  position: relative;
  text-align: center;
  padding-top: 10%;
}

#personailze_box .ui-sortable-handle .app_title {
  color: #2b2b2b;
  text-align: left;
  display: block;
  font-size: 1.125rem;
  font-weight: bold;
  padding-bottom: 5px;
}

#personailze_box .ui-sortable-handle .app_name {
  font-size: 0.8125rem;
  display: block;
  text-align: left;
  color: #868686;
}

#personailze_box .FC-border-group .form-collapse-title {
  min-height: 50px;
}

/*
*initialization_box
*/
.initialization_box {
  width: 94%;
  background: #388dea;
  text-align: center;
  border: dashed 1px #5babd4;
  margin: 30px auto 20px auto;
  padding: 45px;
  cursor: pointer;
  -webkit-box-shadow: 0px 0px 0px 10px #65abf7;
  box-shadow: 0px 0px 0px 10px #65abf7;
  position: relative;
}

.initialization_box.page_st {
  background: #f7f7f7;
  border: dashed 1px #bdbdbd;
  -webkit-box-shadow: 0px 0px 0px 10px #ececec;
  box-shadow: 0px 0px 0px 10px #ececec;
  position: relative;
}

.initialization_box.page_st:hover {
  background: #fff;
}

.initialization_box.page_st:hover .text {
  color: #b3b3b3;
}

.initialization_box.page_st .icon {
  color: #e6efff;
  padding-bottom: 14px;
}

.initialization_box.page_st .type {
  color: #585858;
  font-size: 1rem;
  padding-top: 10px;
}

.initialization_box.page_st .code {
  color: #afafaf;
  font-size: 0.9375rem;
  position: absolute;
  bottom: 15px;
  right: 15px;
}

.initialization_box.page_st .text {
  font-size: 1.375rem;
  color: #b3b3b3;
}

.initialization_box .icon {
  font-size: 3.125rem;
  color: #8bc5ff;
}

.initialization_box .text {
  font-size: 1.375rem;
  color: #c4e2ff;
}

.initialization_box:hover {
  background: #267cda;
  border: dashed 1px #ffffff;
}

.initialization_box:hover .icon {
  color: #e6efff;
}

.initialization_box:hover .text {
  color: #e6efff;
}

/*
*tab_set_type
*/
.col-md-2-1 {
  width: 20%;
  float: left;
  position: relative;
  min-height: 1px;
  padding-right: 8px;
  padding-left: 8px;
}

.tab_set_type {
  background: #efefef;
  /* border: solid 1px #009c93; */
  width: 100%;
  /* height: 116px; */
  color: #fff;
  border-radius: 5px;
  text-align: center;
  padding-top: 26px;
  padding-bottom: 20px;
  margin-bottom: 20px;
  cursor: pointer;
}

.tab_set_type:hover {
  background: #e0e0e0;
}

.tab_set_type.active {
  background: #ffffff;
  border: solid 1px #17bba4;
  width: 99%;
  padding-bottom: 18px;
}

.tab_set_type .icon {
  font-size: 2.1875rem;
}

.tab_set_type .text {
  font-size: 1rem;
  color: #304a5d;
  padding-top: 35px;
}

.tab_set_type.st_2 {
  margin-bottom: 0px;
  padding-top: 0px;
}

.tab_set_type.st_2 .icon {
  font-size: 2.875rem;
}

.tab_set_type.st_2.initialization {
  cursor: pointer;
  background: #267cda;
  border: solid #66afff 5px;
  padding-bottom: 8px;
}

.tab_set_type.st_2.initialization .icon {
  color: #8bc5ff;
  font-size: 1.875rem;
  padding-bottom: 13px;
  padding-top: 10px;
}

.tab_set_type.st_2.initialization .text {
  color: #8bc5ff;
}

.tab_set_type.st_2.initialization:hover {
  background: #4784c1;
}

.tab_set_type.st_2.initialization:hover .icon {
  color: #fff;
}

.tab_set_type.st_2.initialization:hover .text {
  color: #fff;
}

.tab_set_type.st_2.addbtn {
  cursor: pointer;
  width: 100%;
  max-width: 115px;
  margin: 0 auto;
  border: solid 1px #cecece;
}

.tab_set_type.st_2.addbtn .icon {
  color: #1976d2;
  font-size: 1.875rem;
  padding-bottom: 13px;
  padding-top: 10px;
}

.tab_set_type.st_2 .text {
  padding-top: 0px;
}

.col-md-2 .tab_set_type {
  padding-top: 13px;
  padding-bottom: 13px;
}

.col-md-2 .tab_set_type .text {
  padding-top: 14px;
}

/*
*DeleteBtnCircle
*/
.DeleteBtnCircle_2 {
  position: absolute;
  bottom: -39px;
  right: 11px;
  z-index: 51;
  width: 40px;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  border: none;
  font-size: 1.125rem;
  color: #fff;
  text-align: center;
  background: #ff1744;
  -webkit-transition: .3s;
  transition: .3s;
  border-radius: 50%;
  cursor: pointer;
  opacity: .8;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.11);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.11);
  cursor: pointer;
}

.DeleteBtnCircle_3 {
  position: absolute;
  top: 0px;
  right: -3px;
  z-index: 51;
  width: 25px;
  height: 25px;
  line-height: 25px;
  display: inline-block;
  border: none;
  font-size: 0.9375rem;
  color: #fff;
  text-align: center;
  background: #ff4569;
  -webkit-transition: .3s;
  transition: .3s;
  border-radius: 50%;
  cursor: pointer;
  opacity: 1;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.11);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.11);
}

.DeleteBtnCircle_4 {
  position: absolute;
  top: -5px;
  right: 3px;
  z-index: 51;
  width: 25px;
  height: 25px;
  line-height: 25px;
  display: inline-block;
  border: none;
  font-size: 0.9375rem;
  color: #fff;
  text-align: center;
  background: #ff4569;
  -webkit-transition: .3s;
  transition: .3s;
  border-radius: 50%;
  cursor: pointer;
  opacity: 1;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.11);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.11);
}

.icon_menuBox.active {
  border: solid 3px #8dcbff;
  border-radius: 10px;
  margin-top: 0px !important;
  padding: 5px 0px 10px 0px !important;
}

.icon_Big_menuBox {
  position: relative;
  min-height: 140px;
}

.icon_Big_menuBox .icon_Big_menuBox_mask {
  width: 94%;
  overflow: hidden;
  position: relative;
  margin: 0 auto;
  height: 139px;
}

.icon_Big_menuBox .icon_Big_menuBox_mask:after {
  display: block;
  clear: none;
  content: "";
  height: 115px;
}

.icon_Big_menuBox .icon_Big_menuBox_mask .TotalBlock {
  position: absolute;
  top: 9px;
  left: 0px;
  width: 100%;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.icon_Big_menuBox .icon_Big_menuBox_mask .TotalBlock:after {
  display: block;
  clear: both;
  content: "";
}

.icon_Big_menuBox .icon_Big_menuBox_mask .icon_menuBoxsortable {
  display: inline-table;
  width: 100%;
  float: left;
}

.icon_Big_menuBox .icon_Big_menuBox_mask .icon_menu {
  margin-bottom: 0px;
}

.menuBoxlist {
  max-width: 115px;
  width: 100%;
  display: inline-block;
  margin-top: 5px;
  margin-left: 2px;
  margin-right: 2px;
  position: relative;
}

.icon_Big_menuBox_btn {
  position: absolute;
  cursor: pointer;
  display: block;
  width: 33px;
  height: 47px;
  background: #b7b7b7;
  color: #fff;
  top: 35%;
  text-align: center;
  line-height: 47px;
  z-index: 100;
  border-radius: 6px;
}

.icon_Big_menuBox_btn.left_btn {
  left: 0px;
}

.icon_Big_menuBox_btn.right_btn {
  right: 0px;
}

.personailze_tab_title {
  color: #696969;
  font-size: 1.25rem;
  padding: 0px;
  line-height: 30px;
  margin: 9px 0px;
}

.personailze_tab_title:after {
  display: block;
  clear: both;
  content: "";
}

.personailze_tab_title .p_title {
  float: left;
}

.personailze_tab_title .p_input {
  float: left;
  display: none;
}

.personailze_tab_title .p_edit {
  float: left;
  padding-left: 20px;
  font-size: 0.9375rem;
  display: none !important;
}

.personailze_tab_title:hover .p_edit {
  display: block !important;
  cursor: pointer;
}

.personalize_st.category_icon_box,
.personalize_st2.category_icon_box {
  width: 100%;
}

.personalize_st.category_icon_box .category_btn,
.personalize_st2.category_icon_box .category_btn {
  display: none;
}

.personalize_st.category_icon_box .category_icon_box_mask,
.personalize_st2.category_icon_box .category_icon_box_mask {
  display: block;
  position: relative;
  width: 100%;
}

.personalize_st.category_icon_box .category_icon_box_mask .iconFont:before,
.personalize_st2.category_icon_box .category_icon_box_mask .iconFont:before {
  color: #b3b3b3;
}

.personalize_st.category_icon_box .category_icon_box_mask .iconFont:hover:before,
.personalize_st2.category_icon_box .category_icon_box_mask .iconFont:hover:before {
  color: #505050;
}

.personalize_st.category_icon_box .category_icon_box_mask .active.iconFont:before,
.personalize_st2.category_icon_box .category_icon_box_mask .active.iconFont:before {
  color: #505050;
}

.personalize_st.category_icon_box ul,
.personalize_st2.category_icon_box ul {
  width: 100%;
  float: none;
}

@media screen and (min-width: 768px) {
  .personalize_st.category_icon_box {
    height: 231px;
  }

  .personalize_st.category_icon_box .category_icon_box_mask {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    width: auto;
  }

  .personalize_st.category_icon_box .category_btn {
    display: block;
  }

  .personalize_st.category_icon_box ul {
    width: 559px;
    float: left;
  }
}

.personalize_st2.category_icon_box {
  width: 100%;
}

.personalize_st2.category_icon_box .category_btn {
  display: none;
}

.personalize_st2.category_icon_box .category_icon_box_mask {
  display: block;
  position: relative;
  width: 100%;
}

.personalize_st2.category_icon_box ul {
  width: 100%;
  float: none;
}

@media screen and (min-width: 768px) {
  .personalize_st2.category_icon_box {
    height: 182px;
  }

  .personalize_st2.category_icon_box .category_icon_box_mask {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    width: auto;
  }

  .personalize_st2.category_icon_box .category_btn {
    display: block;
  }

  .personalize_st2.category_icon_box ul {
    width: 858px;
    float: left;
  }
}

/**
*category_box_left_box for personalize
**/
.category_box_box {
  display: -webkit-box;
}

.category_box_box .category_box_left_box {
  min-height: 100%;
  height: auto;
  display: inline-block;
  position: relative;
}

.category_box_box .category_box_right_box {
  background: #fff;
  display: inline-block;
  height: auto;
  background: #fff;
}

@media screen and (max-width: 991px) {
  .category_box_box {
    display: -webkit-box;
  }

  .category_box_box .category_box_left_box {
    min-height: 100%;
    height: auto;
    display: inline-block;
    position: relative;
    width: 100%;
  }

  .category_box_box .category_box_right_box {
    background: #fff;
    display: inline-block;
    height: auto;
    background: #fff;
    width: 100%;
  }
}

/*
*hot_icon_box
*/
.hot_icon_box {
  margin-bottom: -20px;
}

.hot_icon_box .menuBoxlist {
  max-width: 85px;
  margin: 0 5px;
}

.hot_icon_box .icon_menu {
  width: 100%;
  height: auto;
}

.hot_icon_box .icon_menu:hover {
  top: 0px;
}

.hot_icon_box .icon_menu .iconFont {
  font-size: 2.5rem;
}

.hot_icon_box .icon_menu p {
  font-size: 0.875rem;
  padding-bottom: 5px;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/**
*hr_st
**/
.hr_st {
  height: 5px;
  width: 100%;
  border-bottom: dotted 1px #b3b3b3;
  clear: both;
  display: block;
  margin-bottom: 17px;
}

/**
**slider_box
**/
.JQslider_box {
  width: 100%;
  padding: 0px 30px;
  position: relative;
}

.JQslider_box .JQslider_mask {
  width: 100%;
  overflow: hidden;
  position: relative;
  height: 200px;
}

.JQslider_box span.moveicon {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: block;
  position: absolute;
  margin-top: -30px;
  color: #555;
  cursor: pointer;
  top: 50%;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 1.5rem;
  line-height: 30px;
  text-align: center;
  background: #bdbdbd;
  color: #fff;
}

.JQslider_box span.moveicon:hover {
  color: #555;
  background: #dcdcdc;
}

.JQslider_box span.btn_left {
  left: 0px;
}

.JQslider_box span.btn_left:before {
  content: "\f104";
}

.JQslider_box span.btn_right {
  right: 0px;
}

.JQslider_box span.btn_right:before {
  content: "\f105";
}

.JQslider_box ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
  top: 0px;
  left: 0px;
}

.JQslider_box ul:after {
  display: block;
  clear: both;
  content: "";
}

.JQslider_box ul li {
  float: left;
  width: 25%;
  padding: 10px;
  margin: 0px;
}

@media screen and (max-width: 600px) {
  .JQslider_box ul li {
    float: left;
    width: 100%;
    padding: 10px;
    margin: 0px;
  }
}

/************* 申請表單 裝置類別************/
.device_type_warp .widget-item {
  border: solid 1px #D4D4D4;
  border-radius: 5px;
  background: #FFFFFF;
  padding: 0 0 15px 0;
}

.device_type_warp .widget-item.notyet .tiles {
  cursor: no-drop;
}

.device_type_warp .widget-item.notyet .tiles .date-tiles-body {
  background: #fff;
}

.device_type_warp .widget-item.notyet .tiles .fillet-body {
  color: #8b91a0;
}

.device_type_warp .widget-item.notyet .tiles .tiles-body .text-black h4 {
  color: #b9b9b9 !important;
  font-weight: normal;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.device_type_warp .widget-item .tiles {
  background: none;
}

.device_type_warp .widget-item .tiles .device_type_icon {
  border-radius: 999px;
  width: 211px;
  height: 211px;
  display: block;
  margin: 0 auto;
}

.device_type_warp .widget-item .tiles .device_type_icon.st_1 {
  -webkit-transition: 0.2s;
  transition: 0.2s;
  border: solid 9px #ABE2DD;
}

.device_type_warp .widget-item .tiles .device_type_icon.st_1:hover {
  -webkit-transition: 0.2s;
  transition: 0.2s;
  border: solid 15px #ABE2DD;
  background: #008073 !important;
}


.device_type_warp .widget-item .tiles .device_type_icon.st_1.notyet {
  -webkit-transition: 0.2s;
  transition: 0.2s;
  border: solid 9px #ABE2DD;
}

.device_type_warp .widget-item .tiles .device_type_icon.st_2 {
  -webkit-transition: 0.2s;
  transition: 0.2s;
  border: solid 9px #BCC6FF;
}

.device_type_warp .widget-item .tiles .device_type_icon.st_2:hover {

  border: solid 15px #BCC6FF;
  background: #53328C !important;
}


.device_type_warp .widget-item .tiles .device_type_icon.st_green {
  border: solid 9px #4DB6AC;
}

.device_type_warp .widget-item .tiles .device_type_icon.st_green:hover {
  -webkit-transition: 0.2s;
  transition: 0.2s;
  border: solid 15px #4DB6AC;
  background: #00695C !important;
}
.device_type_warp .widget-item .tiles .device_type_icon-sm {
  width: 150px;
  height: 150px;
}
.device_type_warp .widget-item .tiles .device_type_icon-sm i{
  line-height:  140px !important;
  font-size: 3.75rem !important;
}
.device_type_warp .widget-item .tiles .device_type_icon.disabled {
  background: rgb(70, 70, 70) !important;
  border: solid 9px rgb(171, 171, 171);
  pointer-events:none;
  cursor: default;
}

.device_type_warp .widget-item .tiles .device_type_icon i {
  -webkit-transition: 0.2s;
  transition: 0.2s;
  line-height: 200px;
  font-size: 5.5rem;
  padding: 0px;
  width: 87px;
  text-align: center;
}

.device_type_warp .widget-item .tiles .device_type_icon:hover i{
  line-height: 188px;
}

.device_type_warp .widget-item .tiles .device_type_icon i:before {
  padding: 0px;
}

/**
**nav_tabs_ul
**/
.nav_tabs_ul:after {
  clear: both;
  content: "";
  display: block;
}

.nav_tabs_ul {
  padding: 0px;
  margin-bottom: -2px;
}

.nav_tabs_ul li {
  background: #dedede;
  border-top: solid 1px #d0d0d0;
  border-left: solid 1px #d0d0d0;
  border-right: solid 1px #d0d0d0;
  text-align: center;
  line-height: 40px;
  float: left;
  width: 80px;
  height: 40px;
  line-height: 40px;
  color: #666;
}

.nav_tabs_ul li.active {
  background: #efefef;
}

/*
*identity_XXX
*/
ul.identity_personnel {
  margin: 0px;
}

ul.identity_personnel li {
  list-style-type: decimal;
  list-style-position: outside;
  margin-bottom: 10px;
}

ul.identity_ip {
  margin: 5px 0px 0px 0px;
  padding: 0px;
}

ul.identity_ip li {
  list-style-type: disc;
  list-style-position: inside;
  margin-bottom: 5px;
  color: #4e84fd;
}

ul.identity_ip li span {
  color: #57647d;
}

/**
*list_card_container nopicstyle
**/
.list_card_container.nopicstyle {
  border: solid 1px #e8e8e8;
}

.list_card_container.nopicstyle .inside {
  width: 100%;
}

.list_card_container.nopicstyle .inside .infomation-box .title .text {
  font-size: 1.125rem;
  font-weight: bold;
  color: #4d5056;
}

.list_card_container.nopicstyle .inside .infomation-box ul .li-inline-md {
  padding-right: 0px;
}

.list_card_container.nopicstyle .well {
  margin-bottom: 0px;
  padding: 0px;
  background: #fff;
}

/*
*sourceSelect2
*/
select.sourceSelect2 {
  min-height: 37px;
  height: 37px !important;
}

/**
* viewRow nopadding-st
**/
.viewRow.nopadding-st .well {
  padding: 0px;
  margin: 0px;
  background: #f9f9f9;
}

/**
**.panel-title span
**/
.panel-title span.lap_y {
  padding: 4px;
  background: #55bf1b;
  color: #fff;
  border-radius: 5px;
  margin-left: 5px;
}

.panel-title span.lap_n {
  padding: 4px;
  background: #e03878;
  color: #fff;
  border-radius: 5px;
  margin-left: 5px;
}

/**
*.setting_single_bg
**/
.setting_single_bg {
  background: #f3fff3;
  padding: 15px;
  margin-left: 0px;
  border: solid 1px #a3f1a3;
}

/**
*signed_data
**/
.signed_data .well {
  margin-bottom: 0px;
  border-radius: 0px;
  border: solid 1px #e8edf1;
  background: #fff;
}

.signed_data .well h4 {
  color: #232527 !important;
  font-size: 1.125rem;
  font-weight: bold;
}

/*
*
*/
.tableline th {
  border-right: solid 1px #dadada !important;
  border-left: solid 1px #dadada !important;
  border-top: solid 1px #dadada !important;
}

/**
*badge
**/
.dropdown-menu .badge {
  padding-top: 3px;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 2px;
  line-height: 12px;
  vertical-align: top;
  margin-top: 4px;
  margin-left: 5px;
}

/**
**.select2-container--default .select2-selection--single .select2-selection__rendered
**/
.select2-container--default .select2-selection--single .select2-selection__rendered {
  font-size: 0.9375rem;
}

/**
*questionnaire_list_box
**/
.questionnaire_list_box .questionnaire_list {
  border-left: solid 4px #53c3c3;
  /* box-shadow: 0px 1px 3px 1px #adadad; */
  border-bottom: solid 1px #eaeaea;
  border-right: solid 1px #eaeaea;
  border-top: solid 1px #eaeaea;
  padding: 10px 10px 10px 10px;
  margin-bottom: 15px;
  position: relative;
}

.questionnaire_list_box .questionnaire_list.st_1 {
  border-left: solid 4px #d2d2d2;
}

.questionnaire_list_box .questionnaire_list.st_2 {
  border-left: solid 4px #8bc34a;
}

.questionnaire_list_box .questionnaire_list .t_header {
  border-bottom: solid 1px #e2e2e2;
  padding-left: 10px;
  font-size: 1.25rem;
  font-weight: normal;
  color: #555;
  margin-bottom: 5px;
  padding-bottom: 5px;
}

.questionnaire_list_box .questionnaire_list .t_header .check-success label {
  font-size: 1.25rem;
  font-weight: normal;
  color: #555;
}

.questionnaire_list_box .questionnaire_list .t_footer {
  padding-left: 10px;
}

.questionnaire_list_box .questionnaire_list .t_footer .btn-group {
  padding-top: 5px;
}

.questionnaire_list_box .questionnaire_list .t_content {
  padding: 10px;
}

.questionnaire_list_box .questionnaire_list .t_content span {
  color: #979899;
}

.questionnaire_list_box .questionnaire_list .t_content span.label {
  color: #fff;
  margin-right: 20px;
  margin-left: 5px;
}

.questionnaire_list_box .questionnaire_list .t_content .status_st {
  border-right: solid 1px #d6d6d6;
  float: left;
  margin-right: 15px;
  margin-left: 15px;
  line-height: 19px;
  vertical-align: middle;
}

.questionnaire_list_box .questionnaire_list .t_content .status_st span {
  text-align: left;
}

.questionnaire_list_box .questionnaire_list .t_content .status_st span.label {
  text-align: center;
}

.questionnaire_list_box .questionnaire_list .t_content .status_st.st_2 {
  text-align: center;
}

.questionnaire_list_box .questionnaire_list .t_content .status_st.st_2 span {
  display: block;
  text-align: left;
}

.questionnaire_list_box .questionnaire_list .t_content .status_st.st_2 span.label {
  text-align: center;
  display: inline-block;
}

.questionnaire_list_box .questionnaire_list .t_content .status_st:last-child {
  border-right: none;
}

.questionnaire_list_box .questionnaire_list .list_content_btn-group {
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -19px;
}

.questionnaire_list_box .questionnaire_list .time {
  color: #888;
  padding-top: 10px;
}

.answer_yes {
  border: solid 1px #107ec9;
  background: #daf0ff;
  padding: 5px 10px;
  border-radius: 4px;
  color: #107ac0;
  display: inline-block;
}

.answer_error {
  border: solid 1px #ff4d4d;
  background: #ffdede;
  padding: 5px 10px;
  border-radius: 4px;
  color: #e61818;
  display: inline-block;
}

/**
*
**/
.survey-wizard.ontop li {
  background: #f3f2f2;
}

/**
*
**/
.checkbox-nolabeltex.st_2.checkbox label::after {
  left: 2px;
}

/**
*examination_type
**/
.examination_type .form-row .Questions-input {
  position: relative;
}

.examination_type .form-row .Questions-input.answer .form-control {
  border: 1px solid #1976d2;
}

.examination_type .form-row .Questions-input .answer_yes {
  border: none;
  background: none;
  position: absolute;
  top: 4px;
  right: 0px;
}

.examination_type .Questions-group .checkbox input[type=checkbox]:checked+label:before {
  border: 1px solid #16ad14;
}

.examination_type .Questions-group .checkbox input[type=checkbox]:checked+label::after {
  color: #44bd43;
}

/**
*ken 做的樣式
**/
.add_table_td td {
  cursor: pointer;
}

.third_style .card-container-sm {
  height: 60px;
  width: 100%;
  margin-bottom: 20px;
  border-radius: 0px;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #09c3a7;
  color: #fff;
}

.third_style .l1 {
  background: url("/Content/images/small_decoration.png");
  height: 18px;
  width: 14px;
  display: inline-block;
  position: relative;
  top: 15px;
  left: 10px;
  z-index: 10;
}

.third_style .r1 {
  background: url("/Content/images/small_decoration.png");
  height: 18px;
  width: 14px;
  display: inline-block;
  position: absolute;
  top: 15px;
  right: 25px;
  z-index: 10;
}

.third_style .third_bottom {
  background: url("/Content/images/third_bottom.png");
  height: 5px;
  width: 100%;
  position: relative;
  top: -20px;
  background-size: 2%;
}

.third_style .card-container-sm .img-thumb {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.third_style .card-container-sm .img-thumb i {
  margin-top: 18px;
  margin-left: 10px;
}

.third_style .card-container-sm .text {
  font-weight: 700;
}

/**
*
**/
.breakdown_add_warp .edit_box_ul {
  width: 100%;
  padding: 0px;
}

.breakdown_add_warp .edit_box_ul li {
  width: 95%;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 0px;
  list-style: none;
}

.breakdown_add_warp .edit_box_ul li:hover {
  background: none;
}

.breakdown_add_warp .edit_box_ul li .edit-box {
  width: 90% !important;
  padding-right: 0px;
}

.breakdown_add_warp .edit_box_ul li span.close {
  width: 10%;
  text-align: center;
  background: #FFFFFF;
  color: #CECECE;
  height: 37px;
  line-height: 37px;
  opacity: 1;
}

.breakdown_add_warp .edit_box_ul li span.close:hover {
  color: #4C4C4C;
}

/**進度表**/
.breakdown_add_warp .edit-box {
  position: relative;
  padding-right: 20px;
  display: inline-block;
  font-size: 1rem;
  width: auto !important;
}

/**
*
**/
ul.web_list_st {
  padding: 0px 0px 0px 15px;
  margin: 0px;
  list-style-position: initial;
  list-style: decimal;
  color: #797979;
}

ul.web_list_st li {
  border-bottom: dashed 1px #b5b5b5;
  margin-bottom: 15px;
}

/**
*sent_box
**/
.sent_box .title {
  font-weight: bold;
  border-left: 3px solid #999;
  padding: 0px 10px;
  margin: 20px 0px;
  font-size: 1.1875rem;
  line-height: 19px;
}

/**
*
**/
.viewRow .row>div span:not(:first-child).white {
  color: #fff;
}

/*
*final_decision_case
*/
.final_decision_case {
  margin-bottom: 20px;
  border-left: solid 7px #5bc1e8;
  border-radius: 0px;
  margin-bottom: 10px;
  margin-left: 6px;
  margin-right: 6px;
  border-right: solid 1px #e4e4e4;
  border-bottom: solid 1px #e4e4e4;
  border-top: solid 1px #e4e4e4;
}

.final_decision_case .title {
  color: #047300;
  cursor: pointer;
}

.final_decision_case .title h3 {
  text-align: left;
  display: inline-block;
  width: 90%;
  color: #484848;
  font-size: 1.125rem;
  font-weight: bold;
  padding-left: 5px;
}

.final_decision_case .title span.slide_icon {
  text-align: right;
  display: inline-block;
  width: 8%;
}

.final_decision_case .title span.slide_icon i {
  color: #696969;
  font-weight: normal;
  font-size: 0.875rem;
}

.final_decision_case .center {
  padding-bottom: 20px;
}

.final_decision_case .detail_list {
  border-radius: 23px;
}

.final_decision_case .detail_list p {
  color: #425444;
}

.final_decision_case .detail_list.st_1 {
  background: #ecf7de;
}

.final_decision_case .detail_list.st_2 {
  background: #ffebf4;
}

.final_decision_case .label {
  color: #fff !important;
  background: #059600;
}

.final_decision_case .number {
  color: #059600 !important;
}

.final_decision_case .title {
  padding: 13px;
}

.final_decision_case .title .float-l .radio,
.final_decision_case .title .float-l .checkbox {
  margin-bottom: 0;
  margin-top: 7px;
  padding-left: 0px;
  float: left;
  margin-right: 21px;
}

.final_decision_case .title .float-l .checkbox-nolabeltex.checkbox label::after {
  left: 3px;
  top: -1px;
}

.final_decision_case .title .float-l span {
  display: block;
  float: left;
}

.final_decision_case .title .float-l span:after {
  display: block;
  clear: both;
  content: "";
}

.final_decision_case .detail_list {
  padding: 4px;
  margin: 8px 15px;
}

.final_decision_case .detail_list p {
  margin: 0px;
  padding: 4px;
}

.final_decision_case .detail_list p .order {
  color: #3e3e3e;
  margin-left: 10px;
  margin-right: 10px;
}

.final_decision_case .detail_list p .name {
  color: #676767;
}

.final_decision_case .detail_list p .lap_y {
  color: #fff;
  /* border: solid 1px #111; */
  border-radius: 15px;
  font-size: 0.8125rem;
  padding: 4px 9px;
  background: #55bf1b;
}

.final_decision_case .detail_list p .lap_n {
  color: #fff;
  /* border: solid 1px #111; */
  border-radius: 15px;
  font-size: 0.8125rem;
  padding: 4px 9px;
  background: #e03878;
}

.final_decision_case .detail_list p .price {
  color: #bb0331;
  font-size: 1.125rem;
  margin-left: 9px;
}

.final_decision_case .number {
  width: 30px;
  text-align: center;
  display: inline-block;
  font-size: 1.5rem;
  line-height: 24px;
}

.final_decision_case .label {
  padding: 5px 19px;
  border-radius: 7px;
  font-size: 0.9375rem;
}

.final_decision_case .ps {
  color: #757575;
  border-bottom: solid 1px #b5b5b5;
}

.final_decision_case .reason {
  margin-left: 37px;
}

.final_decision_case span {
  line-height: 32px;
  color: #757575;
}

/*
*final_decision_case
*/
.final_decision_tender {
  margin-bottom: 20px;
  border-left: solid 7px #dadada;
  border-radius: 0px;
  margin-bottom: 10px;
  margin-left: 6px;
  margin-right: 6px;
  border-right: solid 1px #e4e4e4;
  border-bottom: solid 1px #e4e4e4;
  border-top: solid 1px #e4e4e4;
}

.final_decision_tender .title {
  color: #047300;
  cursor: pointer;
}

.final_decision_tender .title h3 {
  text-align: left;
  display: inline-block;
  width: 90%;
  color: #484848;
  font-size: 1.125rem;
  font-weight: bold;
  padding-left: 5px;
}

.final_decision_tender .title span.slide_icon {
  text-align: right;
  display: inline-block;
  width: 8%;
}

.final_decision_tender .title span.slide_icon i {
  color: #696969;
  font-weight: normal;
  font-size: 0.875rem;
}

.final_decision_tender .center {
  padding-bottom: 20px;
}

.final_decision_tender .detail_list {
  border-radius: 23px;
}

.final_decision_tender .detail_list p {
  color: #425444;
}

.final_decision_tender .detail_list.st_1 {
  background: #ecf7de;
}

.final_decision_tender .detail_list.st_2 {
  background: #ffebf4;
}

.final_decision_tender .label {
  color: #fff !important;
  background: #059600;
}

.final_decision_tender .number {
  color: #059600 !important;
}

.final_decision_tender .title {
  padding: 13px;
}

.final_decision_tender .title .float-l .radio,
.final_decision_tender .title .float-l .checkbox {
  margin-bottom: 0;
  margin-top: 7px;
  padding-left: 0px;
  float: left;
  margin-right: 21px;
}

.final_decision_tender .title .float-l .checkbox-nolabeltex.checkbox label::after {
  left: 3px;
  top: -1px;
}

.final_decision_tender .title .float-l span {
  display: block;
  float: left;
}

.final_decision_tender .title .float-l span:after {
  display: block;
  clear: both;
  content: "";
}

.final_decision_tender .detail_list {
  padding: 4px;
  margin: 8px 15px;
}

.final_decision_tender .detail_list p {
  margin: 0px;
  padding: 4px;
}

.final_decision_tender .detail_list p .order {
  color: #3e3e3e;
  margin-left: 10px;
  margin-right: 10px;
}

.final_decision_tender .detail_list p .name {
  color: #676767;
}

.final_decision_tender .detail_list p .lap_y {
  color: #fff;
  /* border: solid 1px #111; */
  border-radius: 15px;
  font-size: 0.8125rem;
  padding: 4px 9px;
  background: #55bf1b;
}

.final_decision_tender .detail_list p .lap_n {
  color: #fff;
  /* border: solid 1px #111; */
  border-radius: 15px;
  font-size: 0.8125rem;
  padding: 4px 9px;
  background: #e03878;
}

.final_decision_tender .detail_list p .price {
  color: #bb0331;
  font-size: 1.125rem;
  margin-left: 9px;
}

.final_decision_tender .number {
  width: 30px;
  text-align: center;
  display: inline-block;
  font-size: 1.5rem;
  line-height: 24px;
}

.final_decision_tender .label {
  padding: 5px 19px;
  border-radius: 7px;
  font-size: 0.9375rem;
}

.final_decision_tender .ps {
  color: #757575;
  border-bottom: solid 1px #b5b5b5;
}

.final_decision_tender .reason {
  margin-left: 37px;
}

.final_decision_tender span {
  line-height: 32px;
  color: #757575;
}

/**
*
**/
.dropdown-menu.dropdown_right_top {
  right: 0;
  left: auto;
}

.dropdown-menu.dropdown_right_down {
  top: -112px;
  right: 0px;
  left: auto;
}

/**
*
**/
.grid.simple .FC-border-group .form-actions {
  margin-bottom: -15px !important;
}

/*
*headline_title_st
*/
.headline_title_st h4.land-collapse-title {
  font-size: 1.125rem;
}

.headline_title_st h5.land-collapse-title {
  color: #1d1d1d !important;
  font-size: 1rem;
  padding: 0px;
  margin: 0px 0px 10px 0px;
}

/**
*sign_up
**/
.sing_up_determine_detail_2 .dropdown-menu li a:before {
  display: none;
}
.sing_up_determine_detail_2 .dmfilter.dropdown-menu>.active>a:before {
  content: "\f00c";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: 400;
  text-decoration: inherit;
  position: absolute;
  left: 8px;
  color: #616161;
  font-size: 0.75rem;
  display: block !important;
}


/**
*
**/
table td .checkGroup .checkbox input+label {
  padding-left: 25px;
}

/*------------------------------------*\
 $為了解決會閃動的bug
\*------------------------------------*/
#landsystems-Anchor:hover span {
  display: inline-block;
  /* opacity: 0; */
}

/*------------------------------------*\
 $Layout
\*------------------------------------*/
/*m_slider_container 滿版*/
.m_slider_container.fullLayout__set {
  width: 100%;
}

/*------------------------------------*\
 $Card
\*------------------------------------*/
.inventory__card {
  -webkit-box-shadow: 0px 0px 2px #c0c0c0;
  box-shadow: 0px 0px 2px #c0c0c0;
  padding: 10px;
  border-radius: 0px 5px 5px 0px;
  border-left: solid 3px #3274d2;
  position: relative;
}

.inventory__card .inventory__card__listGroup {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

.inventory__card .inventory__card__listGroup li {
  width: 49%;
  float: left;
  padding: 0px;
  margin-bottom: 5px;
  margin-right: 1%;
}

.inventory__card .inventory__card__linkToBtn {
  position: absolute;
  top: 10px;
  right: 10px;
}

/*------------------------------------*\
 $grid
\*------------------------------------*/
.abreastUl__group {
  background: #ececec;
  padding-bottom: 500em;
  margin-bottom: -500em;
  border-right: solid 1px #dddddd;
}

.abreastUl__group .abreastUl__group__ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
  height: 100%;
}

.abreastUl__group .abreastUl__group__ul .abreastUl__group__list {
  background: #ececec;
  border-bottom: solid 1px #fff;
}

.abreastUl__group .abreastUl__group__ul .abreastUl__group__list.active {
  background: #3275d2;
}

.abreastUl__group .abreastUl__group__ul .abreastUl__group__list.active a {
  color: #fff;
}

.abreastUl__group .abreastUl__group__ul .abreastUl__group__list:hover {
  background: #66a1f4;
}

.abreastUl__group .abreastUl__group__ul .abreastUl__group__list:hover a {
  color: #fff;
}

.abreastUl__group .abreastUl__group__ul .abreastUl__group__list a {
  display: block;
  color: #111;
  padding: 10px;
}

.abreastUl__group .abreastUl__group__ul.second_st .abreastUl__group__list {
  background: #dddddd;
}

.abreastUl__group .abreastUl__group__ul.second_st .abreastUl__group__list.active {
  background: #255597;
}

.abreastUl__group .abreastUl__group__ul.second_st .abreastUl__group__list:hover {
  background: #4176c0;
}

.abreastUl__menuBox {
  float: left;
  width: 20%;
  vertical-align: top;
}

.abreastUl__menuBox.Lv2__st {
  width: 25%;
  background: #ececec;
}

.abreastUl__menuBox.Lv2__st .abreastUl__group {
  background: #dddddd;
}

.abreastUl__contentBox {
  float: left;
  width: 80%;
}

.abreastUl__contentBox.Lv2__st {
  width: 75%;
}

/*.GridLinktable__table*/
.GridLinktable__table {
  display: table;
  width: 100%;
}

.GridLinktable__table__row {
  display: table-row;
  width: 100%;
  vertical-align: top;
}

.GridLinktable__table__row__cell {
  display: table-cell;
  float: none !important;
}

/*------------------------------------*\
 $margin
\*------------------------------------*/
/*negative margin*/
.negative20_10-margin {
  margin: -20px -10px;
}

/*------------------------------------*\
 $input style
\*------------------------------------*/

/*------------------------------------*\
 $checkbox style
\*------------------------------------*/
/* disabled */
.checkbox input[type=checkbox]:checked:disabled+label{
  cursor: no-drop;
}
/*item_checkbox_cardSt*/
.checkbox_itemSt input:disabled[type="checkbox"]+label {
  padding: 0px;
  opacity: 1;
  cursor: default;
}

.checkbox_itemSt input:disabled[type="checkbox"]+label {
  display: none;
}

.checkbox_itemSt input:disabled:checked[type="checkbox"]+label {
  display: block;
}

.checkbox_itemSt input:disabled[type="checkbox"]+label:after,
.checkbox_itemSt input:disabled[type="checkbox"]+label:before {
  display: none;
}

/*----------------------*\
$table
\*----------------------*/
.abreastUl__contentBox .table-striped-Cyan tbody tr:nth-of-type(odd) {
  background: #f3fcfd;
}

.abreastUl__contentBox .table-striped-Cyan tbody tr:nth-of-type(2n) {
  background: #e1f7fa;
}

.abreastUl__contentBox .table-striped-Cyan tr.thead td {
  color: white;
  border-radius: 0 !important;
  background: #21afc1;
}

.abreastUl__contentBox .table-striped-Cyan .total-content div,
.abreastUl__contentBox .table-striped-Cyan .total-content strong {
  display: inline-block;
}

.abreastUl__contentBox .table-striped-Cyan thead tr td,
.abreastUl__contentBox .table-striped-Cyan thead tr th {
  color: white;
  border-radius: 0 !important;
  background: #21afc1;
}

.abreastUl__contentBox .table-striped-Cyan.table-hover tbody tr:hover>td,
.abreastUl__contentBox .table-striped-Cyan.table-hover tbody tr:hover>th {
  background: #baedf3;
}

.abreastUl__contentBox .table-striped-Cyan .treeTable_st1:not(:first-child) {
  -webkit-box-shadow: 0 -2px 4px rgba(222, 218, 218, 0.63);
  box-shadow: 0 -2px 4px rgba(222, 218, 218, 0.63);
}

/*------------------------------------*\
 $Switch
\*------------------------------------*/
.progresStatusSwitchGrounp {
  display: inline-block;
  text-align: center;
  margin: 0 auto;
}

.progresStatusSwitchGrounp .progresStatusSwitchGrounp__text {
  line-height: 34px;
}

.progresStatusSwitchGrounp .progresStatusSwitchGrounp__btn {
  float: left;
}

.progresStatusSwitchGrounp .progresStatusSwitchGrounp__btn+.progresStatusSwitchGrounp__text {
  float: right;
}

/*------------------------------------*\
 $LinkManagement
\*------------------------------------*/
.link__management__box {
  border: solid 1px #e4e4e4;
  margin-bottom: 20px;
}

.link__management__title {
  background: #f2f7ff;
  padding: 10px;
  color: #3373da;
  border-top: solid 2px #3275d2;
  border-bottom: solid 1px #eaeaea;
}

.link__management__title .slide_sort_tab_btn {
  background: #f2f7ff;
  color: #3274cf;
  border: solid 1px #b1c9f0;
  margin-left: 10px;
  padding: 1px 5px;
  display: none;
}

.link__management__title .slide_sort_tab_btn:hover {
  background: #f2f7ff;
  color: #2b62af;
}

.link__management__title:hover .slide_sort_tab_btn {
  display: inline-block;
}

.link__management__title.onCangeTextIng.slide_sort_tab_btn {
  display: none;
}

.link__management__title.onCangeTextIng:hover .slide_sort_tab_btn {
  display: none;
}

.link__management__content {
  padding: 10px;
}

.link__management__item .card-container-sm .img-thumb i {
  display: block;
}

.link__management__item.disable__st .card-container-sm {
  background: #ececec;
  overflow: hidden;
  border: solid 1px #dcdcdc;
  opacity: 0.8;
}

.link__management__item.disable__st .comtaniner_text {
  color: #717171;
}

.link__management__item.error__st .card-container-sm {
  background: #ffebeb;
  border: solid 1px #ffbaba;
  overflow: hidden;
}

.link__management__item.error__st .comtaniner_text {
  color: red;
}

.link__managementList__box .card-container-sm .text {
  width: 51%;
}

.link__managementList__box .link__moreData__btn {
  display: inline-block;
  margin-top: 19px;
  background: #3f5db9;
  color: #fff;
  border-radius: 5px;
  float: left;
  border: none;
  margin-left: 10px;
}

.link__management__icon {
  float: right;
  color: #929292;
  text-align: right;
  padding: 0px 15px 0px 0px;
  line-height: 61px;
}

@media (max-width: 600px) {
  .link__managementList__box .link__management__item {
    width: 100% !important;
  }
}

@media screen and (max-width: 1200px) {
  .link__managementList__box .card-container-sm .text {
    width: 60%;
  }
}

@media screen and (max-width: 990px) {
  .link__managementList__box .card-container-sm .text {
    width: 51%;
  }
}

@media screen and (max-width: 550px) {
  .link__managementList__box .card-container-sm .text {
    width: 55%;
  }
}

@media screen and (max-width: 450px) {
  .link__managementList__box .card-container-sm .text {
    width: 55%;
  }
}

.link__management__Bigbox {
  position: relative;
}

.link__managementList__box .card-container-sm.psSt .text {
  margin-top: 5px;
}

.psSt .psSpan {
  color: #737373;
  font-size: 0.875rem;
  display: block;
}

.link__management__Bigbox .DeleteBtnCircle_3 {
  top: -4px;
  right: -5px;
}

.link__management__item .DeleteBtnCircle_3 {
  top: -4px;
  right: 8px;
}

.btn.managementList__slide__btn {
  position: absolute;
  right: 0px;
  top: 0px;
  background: #e8f1ff;
  border: solid 1px #93bdff;
  border-radius: 3px !important;
  color: #305692;
}

.btn.managementList__slide__btn:hover {
  background: #b0ccf7;
  border: solid 1px #6c8fc5;
  border-radius: 3px !important;
  color: #042252;
}

.card-container-sm.addLink_st {
  border: dashed 1px #78afff;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #3275d2;
  text-align: center;
  font-size: 1.125rem;
  line-height: 60px;
  background: #f4f9ff;
}

.card-container-sm.addLink_st:hover {
  background: #e8f3ff;
  font-weight: bold;
}

.link__management__box {
  position: relative;
}

.link__management__box.ui-sortable-helper .link__management__content {
  display: none;
}

.sortable__blueStyle .ui-sortable-placeholder {
  display: block !important;
  visibility: visible !important;
  border: dashed 1px #89b8fb !important;
  padding: 25px;
  background: #deecff;
  border-radius: 0px;
}

.sortable__blueStyle .link__management__item.ui-sortable-placeholder {
  height: 80px;
  padding: 30px 0px;
  display: block;
  margin-bottom: 18px;
  content: "";
}

.hoverHide {
  display: none !important;
}

.hide__st {
  display: none !important;
}

/*------------------------------------*\
 $Status-list_box
\*------------------------------------*/
.Status-list_box.st_2 .icon {
  width: 100%;
  height: 106px;
  background-position: center;
  background-repeat: no-repeat;
}

.Status-list_box.st_2 .Status-list {
  background: #fbfbfb;
  border-radius: 5px;
  padding: 10px;
  text-align: center;
  color: #3a3a3a;
  font-weight: bold;
  font-size: 1rem;
  border: solid 1px #dedede;
}

.Status-list_box.st_2 .Status-list.active {
  background: #f1ffe0;
  color: #4d8603;
  border: solid 1px #0c8832;
  position: relative;
}

.Status-list_box.st_2 .Status-list.active:after {
  content: "\f00c";
  width: 30px;
  height: 30px;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  position: absolute;
  text-align: center;
  background: #128732;
  line-height: 30px;
  border-radius: 50%;
  top: -6px;
  right: -10px;
  color: #ffffff;
}

.Status-list_box.st_2 .Status-list:hover {
  background: #f5ffe9;
  color: #4a8204;
  border: solid 1px #b9f76f;
  position: relative;
}

.Status-list_box.st_2 .Status-list.unclick {
  opacity: 0.5;
  cursor: not-allowed;
  background: #d6d6d6;
}

.Status-list_box.st_2 .Status-list.unclick:hover {
  opacity: 0.5;
  cursor: not-allowed;
  background: #d6d6d6;
  border: solid 1px #dedede;
  color: #3a3a3a;
}

/*------------------------------------*\
 $Ul - disc - Cyan
\*------------------------------------*/
.ul__Cyan__disc {
  color: #464646;
  background: #d4f9ff;
  padding-top: 15px;
  padding-bottom: 15px;
  border-radius: 5px;
}

.ul__Cyan__disc li {
  margin-bottom: 7px;
}

/*------------------------------------*\
category_icon_box_mask 改良
\*------------------------------------*/
.categoryLeft_btn,
.category_icon_box_mask.st_2 {
  position: relative;
}

.personalize_st.category_icon_box .category_icon_box_mask.st_2 ul {
  padding: 0px;
}

.personalize_st.category_icon_box .category_icon_box_mask.st_2 ul:after {
  display: block;
  content: "";
  clear: both;
}

.category_icon_box.st_2 ul li.ui-draggable {
  width: 35px;
  height: 35px;
}

.category_color_box.st_2 ul li.s_color_box {
  width: 44px;
  height: 44px;
}

.category_color_box.st_2 ul li div {
  height: 44px !important;
}

@media screen and (min-width: 768px) {
  .personalize_st.category_icon_box .category_icon_box_mask.st_2 {
    position: relative;
    display: block;
    width: 100%;
  }

  .personalize_st.category_icon_box .category_icon_box_mask.st_2 ul {
    width: auto;
    float: none;
  }

  .personalize_st.category_icon_box.st_2 {
    height: auto;
  }

  .category_box_right_box.st_2 {
    padding-bottom: 3000px;
    margin-bottom: -3000px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    background: #fff;
  }
}

/*------------------------------------*\
 $4th__tableStBox
\*------------------------------------*/
.th4__tableStBox {
  border-right: solid 1px #e6e6e6;
  border-bottom: solid 1px #e6e6e6;
  overflow: hidden;
  background: #f3fdff;
}

.th4__tableStBox__grid {
  float: left;
  height: 100%;
  width: 25%;
}

.th4__tableStBox__title {
  background: #44AAC1;
  color: #ffffff;
  padding: 10px;
  text-align: center;
  font-weight: bold;
  border-left: solid 1px #fff;
}

.th4__tableStBox__content {
  border-left: solid 1px #e6e6e6;
  padding: 10px;
  padding-bottom: 300px;
  margin-bottom: -300px;
}

@media screen and (max-width: 985px) {
  .th4__tableStBox__grid {
    float: none;
    height: 100%;
    width: 100%;
  }
}

/*------------------------------------*\
 $nav__tab__Double
\*------------------------------------*/
.nav__tab__Double__Lv1 .nav-tabs {
  background: #fff;
  border-bottom: solid 3px #57bcce;
}

.nav__tab__Double__Lv1 .nav-tabs>li.active>a,
.nav__tab__Double__Lv1 .nav-tabs>li.active>a:focus,
.nav__tab__Double__Lv1 .nav-tabs>li.active>a:hover {
  background: #57bcce;
  color: #fff;
}

.nav__tab__Double__Lv1 .tab-pane.active {
  border: solid 1px #57bcce;
}

.nav__tab__Double__Lv2 .nav-tabs {
  background: #e5f7fb;
  border-bottom: none;
}

.nav__tab__Double__Lv2 .tab-pane.active {
  border: none;
}

.nav__tab__Double__Lv2 .nav-tabs>li.active>a,
.nav__tab__Double__Lv2 .nav-tabs>li.active>a:focus,
.nav__tab__Double__Lv2 .nav-tabs>li.active>a:hover {
  background: #fff;
  color: #208698;
  font-weight: bold;
}

.nav__tab__Double__Lv2 .nav-tabs>li>a {
  color: #76b3c1;
}

/*------------------------------------*\
 $nav-tabBox__line
\*------------------------------------*/
.nav-tabBox__line .nav-tabs {
  border: 1px solid #CCC;
  background: #F0F0EE;
}

.nav-tabBox__line .tab-content {
  border-bottom: solid 1px #CCC;
  border-left: solid 1px #CCC;
  border-right: solid 1px #CCC;
}

.nav-tabBox__line .sitemap__listGroup__title {
  font-size: 1.1875rem;
  color: #2f2f2f;
  border-bottom: solid 1px #dcdcdc;
  font-weight: bold;
  margin-top: 0px;
}

/*------------------------------------*\
 $faq
\*------------------------------------*/
.accordionPart {
  padding: 0px;
  margin: 0px;
  list-style: none;
}

.accordionPart li a {
  color: #0d638f;
}

.accordionPart li.qa_list {
  border-bottom: 1px dotted #ccc;
  padding: 5px;
  line-height: 29px;
  background: #f1f1f1;
  margin-bottom: 5px;
  margin-top: 5px;
  border-radius: 8px;
  padding-left: 10px;
  color: #111;
}

.accordionPart li.qa_list .qa_title {
  background: url(/Content/images/red_icon_01.gif) no-repeat 0;
}

.accordionPart li.qa_list .lv_title,
.accordionPart li.qa_list .qa_title {
  font-size: 1.0625rem;
  font-weight: 700;
  padding-left: 35px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.accordionPart li.qa_list .lv_title {
  background: url(/Content/images/lv_icon.png) no-repeat 0;
}

.accordionPart li.qa_list .qa_content {
  background: url(/Content/images/red_icon_02.gif) no-repeat 0 5px;
  padding: 6px 40px;
  display: none;
  font-size: 1rem;
  line-height: 24px;
  font-weight: 400;
}

.accordionPart li.qa_list .qa_content ul {
  background: none;
}

.accordionPart li.qa_list .qa_content ul li a {
  color: #0d638f;
}

/*------------------------------------*\
 $index_projcet_schedule
\*------------------------------------*/
.grid.simple .index_projcet_schedule .grid-title {
  border-top: solid 3px #1b5e20;
  position: relative;
}

.center_canvas .grid-title h4 i {
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  background: #DADADA;
  color: #FFFFFF;
  border-radius: 999px;
  font-size: 1.25rem;
  /* margin-top: 2px; */
  margin-right: 11px;
}

.center_canvas .grid-title h4 span {
  font-size: 1.5rem;
}

.modal-body .m-left-arrow,
.modal-body .m-right-arrow {
  position: absolute;
  border: 1px solid rgba(105, 105, 105, 0.72);
  padding: 15px 10px;
  border-radius: 3px;
  text-align: center;
  top: 150px;
  background: rgba(150, 150, 150, 0.73);
  cursor: pointer;
}

.modal-body .m-left-arrow,
.modal-body .m-right-arrow {
  position: absolute;
  border: 1px solid rgba(105, 105, 105, 0.72);
  padding: 15px 10px;
  border-radius: 3px;
  text-align: center;
  top: 150px;
  background: rgba(150, 150, 150, 0.73);
  cursor: pointer;
}

.modal-body .m-right-arrow {
  right: -75px;
}

.modal-body .m-left-arrow {
  left: -75px;
}

/*------------------------------------*\
 $ken_header
\*------------------------------------*/
.ken_header .arrow.download {
  background-image: url(/Content/images/cloudicon/download.png);
}

/*------------------------------------*\
 $colorBlock__box
\*------------------------------------*/
.colorBlock__list {
  width: 31%;
  float: left;
  background: #fff;
  margin: 1%;
  text-align: center;
  color: #555;
  padding: 10px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 5px 0px #2e929f;
  box-shadow: 0px 0px 5px 0px #2e929f;
}

@media only screen and (max-width: 760px) {
  .colorBlock__list {
    width: 48%;
  }
}

@media only screen and (max-width: 500px) {
  .colorBlock__list {
    width: 98%;
  }
}

.colorBlock__list h3 {
  color: #7d7d7d;
  font-size: 1.125rem;
  float: left;
  width: 80%;
  text-align: left;
  font-weight: 400;
  padding-left: 6px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media only screen and (max-width: 760px) {
  .colorBlock__list h3 {
    width: 70%;
  }
}

@media only screen and (max-width: 500px) {
  .colorBlock__list h3 {
    width: 80%;
  }
}

.colorBlock__list:hover h3 {
  color: #333;
}

.colorBlock_listicon {
  font-size: 0.9375rem;
  /* margin: 20px; */
  color: #ffffff;
  float: left;
  width: 35px;
  line-height: 30px;
  border: solid 3px #e6e6e6;
  background: #2d919e;
  border-radius: 50%;
  margin-top: 8px;
  margin-right: 2%;
}

.colorBlock__list:nth-child(2) .colorBlock_listicon {
  background: #6767d4;
}

.colorBlock__list:nth-child(3) .colorBlock_listicon {
  background: #2eca95;
}

.colorBlock__list:nth-child(4) .colorBlock_listicon {
  background: #801c1c;
}

.colorBlock__list:nth-child(5) .colorBlock_listicon {
  background: #d454ba;
}

.colorBlock__list:nth-child(6) .colorBlock_listicon {
  background: #548dd4;
}

.colorBlock__list:nth-child(7) .colorBlock_listicon {
  background: #3e29ea;
}

.colorBlock__list:nth-child(8) .colorBlock_listicon {
  background: #986aab;
}

.colorBlock__list:nth-child(9) .colorBlock_listicon {
  background: #ff6cfa;
}

.colorBlock__list:nth-child(10) .colorBlock_listicon {
  background: #dc226f;
}

.colorBlock__list:nth-child(11) .colorBlock_listicon {
  background: #dc7822;
}

.colorBlock__list:nth-child(12) .colorBlock_listicon {
  background: #a79b0e;
}

.colorBlock__list:nth-child(13) .colorBlock_listicon {
  background: #5eb112;
}

.colorBlock__list:nth-child(14) .colorBlock_listicon {
  background: #2b9411;
}

.colorBlock__list:nth-child(15) .colorBlock_listicon {
  background: #3a9068;
}

.colorBlock__list:nth-child(16) .colorBlock_listicon {
  background: #166569;
}

.colorBlock__list:nth-child(17) .colorBlock_listicon {
  background: #950e9e;
}

.colorBlock__list:nth-child(18) .colorBlock_listicon {
  background: #98a013;
}

.colorBlock__list:nth-child(19) .colorBlock_listicon {
  background: #2e61a0;
}

.colorBlock__list:nth-child(20) .colorBlock_listicon {
  background: #172a88;
}

.colorBlock__list:nth-child(21) .colorBlock_listicon {
  background: #0f5417;
}

.colorBlock__list:nth-child(22) .colorBlock_listicon {
  background: #d454ba;
}

.colorBlock__list:nth-child(23) .colorBlock_listicon {
  background: #da9045;
}

.colorBlock__list:nth-child(24) .colorBlock_listicon {
  background: #3dca68;
}

/*------------------------------------*\
 $intervene__switch__box
\*------------------------------------*/
.intervene__switch__box {
  background: #e5fffc;
  border: solid 1px #b2e0dc;
  border-radius: 10px;
  padding: 15px 15px 7px;
}

/*------------------------------------*\
 edit_box_ul
\*------------------------------------*/
@media only screen and (max-width: 500px) {
  .breakdown_add_warp.st_2 .edit_box_ul li .edit-box {
    width: 85% !important;
  }
}

.edit_box_ul--delete__Box {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 5px;
}

/*------------------------------------*\
 fullTable
\*------------------------------------*/
#fullTableBlackMask {
  position: fixed;
  z-index: 99998;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.575);
  overflow-y: scroll;
}

.fullTableMask {
  position: fixed;
  z-index: 99999;
  width: 100%;
  height: 100%;
  padding: 2%;
  background: #fff;
  transition: 1s;
  left: 0;
  top: 0;
  overflow: hidden;
  overflow-y: scroll;
  -webkit-transition: 1s;
  -webkit-box-shadow: 0px 0px 12px 4px rgba(0, 0, 0, 0.22);
  box-shadow: 0px 0px 12px 4px rgba(0, 0, 0, 0.22);
}

.fullTableMask talbe {
  background: #fff;
}

/*------------------------------------*\
 $list
\*------------------------------------*/
.passwordMethod__list {
  border-radius: 8px;
  background: #fff;
  box-shadow: 0px 0px 5px 0px #4eafb1;
  height: auto;
  display: block;
  padding: 8% 0px;
  margin: 0 auto 20px;
  max-width: 280px;
  overflow: hidden;
}

.passwordMethod__list .passwordMethod__list__icon {
  border: solid 5px #fff;
  background: #06b1b1;
  border-radius: 100%;
  width: 120px;
  height: 120px;
  text-align: center;
  line-height: 120px;
  font-size: 2.5rem;
  box-shadow: 0px 0px 0px 2px #afeaea;
  margin: 0 auto;
  position: relative;
  left: 0px;
  transition: 0.2s;
}

.passwordMethod__list .passwordMethod__list__icon i {
  color: #fff;
}

.passwordMethod__list .passwordMethod__list__text {
  text-align: center;
  padding-top: 30px;
  font-size: 1.125rem;
  color: #00a3a5;
  transition: 0.2s;
}

.passwordMethod__list:hover {
  box-shadow: 0px 0px 16px 0px #4eafb1;
  border-bottom: solid 0px #41b0b1;
}

.passwordMethod__list:hover .passwordMethod__list__icon {
  width: 140px;
  height: 140px;
  margin-top: -10px;
  line-height: 140px;
  background: #078484;
}

.passwordMethod__list:hover .passwordMethod__list__text {
  font-weight: bold;
  padding-top: 20px;
  color: #078484;
}

/*------------------------------------*\
 $set_tab_itemBox
\*------------------------------------*/
.set_tab_itemBoxMask {
  overflow-x: auto;
  width: 100%;
}

.set_tab_itemBox {
  background: none;
  list-style: none;
  padding: 0px;
  margin: 0px;
  width: 335px;
  /* overflow-x: auto; */
}

.set_tab_itemBox:after {
  clear: both;
  display: block;
  content: "";
}

.set_tab_list {
  float: left;
  position: relative;
  padding-left: 15px;
  background: #83bac3;
}

.set_tab_list.active a {
  color: #fff;
}

.set_tab_list a {
  cursor: no-drop;
}

.set_tab_list.active {
  background: #4a9dab;
}

.set_tab_list.active2 {
  background: #bee4ea;
}

.set_tab_list a {
  padding: 10px;
  display: block;
  color: #176d7b;
}

.set_tab_list:before {
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  border-color: transparent transparent transparent #fff;
  position: absolute;
  top: 0px;
  right: -40px;
  border-width: 20px;
  z-index: 111;
  border-radius: 0px;
}

.set_tab_list.active:after {
  border-color: transparent transparent transparent #4a9dab;
}

.set_tab_list.active2:after {
  border-color: transparent transparent transparent #bee4ea;
}

.set_tab_list:after {
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  border-color: transparent transparent transparent #83bac3;
  position: absolute;
  top: 0px;
  right: -39px;
  border-width: 20px;
  z-index: 111;
  border-radius: 0px;
}

/**
*widget-item
**/
.widget-item .iconFont {
  color: #fff;
  font-size: 4.125rem;
  padding-top: 17px;
  padding-bottom: 17px;
  position: relative;
  text-align: center;
}

/**
*.card-container-sm .img-thumb iconFont
**/
.card-container-sm .img-thumb .iconFont {
  position: relative;
  margin-top: 15px;
  font-size: 1.875rem;
  color: white;
  width: auto;
}


/**
*
**/
.provision {

}
.provision ul {
  margin-left: 10px;
  padding: 0px;
}
.provision ul li {
  color: #000;
  font-weight: normal;
  font-size: 0.9375rem;
  list-style-type: korean-hanja-informal;
  margin: 10px 10px 10px 30px;
  padding-left: 0px;
}
.provision ul li .keySt {
  font-weight: bold;
  color: #027dce;
}
.provision ul.square_li li {
  list-style-type: square;
}
.provision ul li ul li{
  list-style-type: none;
}
.edition {
  font-size: 1rem;
  color: #676767;
  border: 1px solid #a9a9a9;
  padding: 4px 10px;
  display: inline-block;
}
/*------------------------------------*\
 $user-info-wrapper big__profileSt
\*------------------------------------*/
.user-info-wrapper.big__profileSt{
  display: flex;
  align-items: center;
  padding: 15px;
  margin: 0px;
}
.user-info-wrapper.big__profileSt .profile-wrapper{
  margin-top:0px;
}
.user-info-wrapper.big__profileSt .user-name{
  font-size: 1.125rem;
  margin-bottom: 5px;
}
.user-info-wrapper.big__profileSt .user-name span.label{
  vertical-align: middle;
}
.user-info-wrapper.big__profileSt:hover{
  background: #efefef;
}
.user-position__type{
  float: left;
  margin-left: auto;
}
a.user-info-wrapper.disabledSt{
    cursor: no-drop;
    opacity: 0.6;
    background: #bfbfbf;
}
a.user-info-wrapper.disabledSt:hover{
    background: #bfbfbf;
}
@media only screen and (max-width: 376px) {
  .user-info-wrapper.big__profileSt .profile-wrapper{
    width: 39px;
    height: 39px;
  }
  .user-info-wrapper.big__profileSt .profile-wrapper img{
    width: 39px !important;
    height: 39px !important
  }

}

/*------------------------------------*\
 $user-info-wrapper big__profileSt
\*------------------------------------*/
.user-info-borderList{
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.user-info-borderList__item{
 border-bottom: solid 1px #d8d8d8;
 padding: 0px;
 /* margin-bottom: 5px; */
}

a.big__profileSt{
  display: block;
}


/*------------------------------------*\
 vertical
\*------------------------------------*/
.vertical-textTop{
  vertical-align: text-top;
}
.vertical-textTop span{
  vertical-align: text-top;
}

/*------------------------------------*\
 panel-body
\*------------------------------------*/
.panel-group .panel-heading+.panel-collapse .panel-body.panel-body__borderSt{
  background: #fff;
  border: solid 1px #dce0e8;
}


/*------------------------------------*\
 item icon st
\*------------------------------------*/
.yellow_itemIcon{
  color: #fdaf43;

}
.orange_itemIcon{
  color: #FF5722;

}
.purple_itemIcon{
  color: #673AB7;

}
.green_itemIcon{
  color: #4CAF50;

}
.lightBlue_itemIcon{
  color: #00BCD4;

}
.cyan_itemIcon{
  color: #61c5bc;
}

/**
**修正
**/
.su_date_module_box .form-label{
  padding-left: 0 !important;
  padding-bottom:0 !important;
}

/**
**treeview
**/
#meeting_calender_search_box.treeviewSt .list-group-item>a{
  padding: 0px;
  line-height:normal;
  display: inline-block;
  background:none;
}
#meeting_calender_search_box.treeviewSt .list-group{
  background: #fff;
  overflow: scroll;
  margin: 0px;
  overflow-x: hidden;
}
#meeting_calender_search_box.treeviewSt .list-group li.list-group-item{
  padding: 5px !important;
}
#tree2 .list-group li.list-group-item{
  padding: 5px !important;
}

@media only screen and (min-width: 768px) {
  #meeting_calender_table_box.treeviewSt{
    padding-top:0px;
    padding-bottom:0px;
    /* padding-right: 0px; */
    overflow: visible;
  }
}

#meeting_calender_table_box.treeviewSt .meeting_calender_table_view{
  overflow: scroll;
  overflow-x: hidden;
}
#meeting_calender_search_box.treeviewSt a{
  display: inline-block;
}

#meeting_calender_table_box.treeviewSt #meeting_calender_search_colse_btn{
  display: block;
  left: -27px;
  border-radius: 3px 0px 0px 3px;
}

#meeting_calender_table_box .table td {
  padding: 5px !important;
}

/**
**multiple_dropdown-menu
**/
.multiple_dropdown-menu{
  padding-bottom: 15px;
  background: #f7f7f7;
}
.multiple_dropdown-menu .dropdown-menu{
  position: relative;
  margin-top:15px;
}

.multiple_dropdown-menu .dropdown-menu>li{
  position: relative;
}
/* .multiple_dropdown-menu .dropdown-menu>li>a:hover:after{
  content: "\f111";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  position: absolute;
  left: 8px;
  color: #616161;
  font-size: 0.75rem;
} */
/**
**container_padding
**/
@media (min-width: 980px){
  .container_padding{
    padding-top: 100px;
  }
}
@media (max-width: 1024px) and (min-width: 768px){
  .container_padding{
    padding-top: 95px;
  }
}

@media (max-width: 767px){
  .container_padding{
    padding-top: 54px;
  }
}


/**
*landscapeForm__Group
**/
.landscapeForm__Group:after{
  clear: both;
  display: block;
  content: "";
}
.landscapeForm__label{
  float: left;
  line-height: 37px;
  margin-bottom: 10px;
  margin-right: 10px;
}
.landscapeForm__input{
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}


/**
*banner_listSet_box
**/
.banner_listSet_box .banner_list{
  background: #eef9ff;
  border-radius: 0px;
  padding: 0px 15px 10px;
  border: solid 1px #d8d8d8;
  margin-bottom: 15px;
}


/**
*typeSearch_radioList
**/
.typeSearch__radioList{
  background: #e8f5ff;
  border-radius: 5px;
  padding: 10px 10px 15px;
  border: solid 1px #96cbf1;
  margin-bottom: 20px;
  display: table;
}
.typeSearch__radioList__img {
  margin-top: 10px;
}
.typeSearch__radioList__img img{
  width: 100%;
}

/**
*Download-span
**/
.Download-span{
  word-break: break-all;
}


/**
*btn
**/
.btn-round{
  border-radius: 50%;
}
.btn-round-30{
  width: 30px;
  height: 30px;
  padding: 0px;
}
.btn-society{
  width: 98%;
  padding: 10px;
  border: solid 1px #cecece;
  margin: 1%;
  text-align: left;
  border-radius: 5px;
  background: #fff;
}
.btn-society:hover,.btn-society:focus{
  background: #e4e4e4;
}

.button.facebookBtn {
  position: relative;
  background: linear-gradient(180deg, #637aad 5%, #5972a7);
  background-color: #637aad;
  border: 1px solid #314179;
  text-shadow: 0 1px 0 #314179;
  line-height: 45px;
  color: #fff;
  font-size: 1.0625rem;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 700;
  text-align: center;
  border-radius: 3px;
  cursor: pointer;
  padding: 0px;
  width: 100%;
}

.button.facebookBtn .btn__decoration {
  background-image: url(/Content/images/society-icon/facebook.png);
  background-color: #5a78b9;
  background-color: rgba(255, 255, 255, 0.08);
  width: 45px;
  height: 45px;
  float: left;
  background-repeat: no-repeat;
  background-position: 50%;
}

button.googleBtn {
  position: relative;
  background: linear-gradient(180deg, #fc8d83 5%, #e4685d);
  background-color: #fc8d83;
  border: 1px solid #d83526;
  text-shadow: 0 1px 0 #d83526;
  line-height: 45px;
  color: #fff;
  font-size: 1.0625rem;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 700;
  text-align: center;
  border-radius: 3px;
  cursor: pointer;
  padding: 0px;
  width: 100%;
}

button.googleBtn .btn__decoration {
  background-image: url(/Content/images/society-icon/google.png);
  background-color: #5a78b9;
  background-color: rgba(255, 255, 255, 0.08);
  width: 45px;
  height: 45px;
  float: left;
  background-repeat: no-repeat;
  background-position: 50%;
}
button.oauth2Btn {
  position: relative;
  background: linear-gradient(180deg, #686868 5%, #1b1b1b);
  background-color: #1b1b1b;
  border: 1px solid #000000;
  text-shadow: 0 1px 0 #3c3c3c;
  line-height: 45px;
  color: #fff;
  font-size: 1.0625rem;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 700;
  text-align: center;
  border-radius: 3px;
  cursor: pointer;
  padding: 0px;
  width: 100%;
}


button.oauth2Btn .btn__decoration {
  background-image: url(/Content/images/society-icon/OAUTH2.png);
  background-color: #5a78b9;
  background-color: rgba(255, 255, 255, 0.08);
  width: 45px;
  height: 45px;
  float: left;
  background-repeat: no-repeat;
  background-position: 50%;
}

button.certificateBtn .btn__decoration {
  background-image: url(/Content/images/society-icon/certificate.png);
  background-color: #5a78b9;
  background-color: rgba(255, 255, 255, 0.08);
  width: 45px;
  height: 45px;
  float: left;
  background-repeat: no-repeat;
  background-position: 50%;
}
button.certificateBtn {
  position: relative;
  background: linear-gradient(180deg, #bf4957 5%, #98343f);
  background-color: #a83c49;
  border: 1px solid #9a3540;
  text-shadow: 0 1px 0 #3c3c3c;
  line-height: 45px;
  color: #fff;
  font-size: 1.0625rem;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 700;
  text-align: center;
  border-radius: 3px;
  cursor: pointer;
  padding: 0px;
  width: 100%;
}

/*
*fullCalendar_table
*/
.fullCalendar_table{
  width: 100%;
}
.fullCalendar_table tr th{
  border: 1px solid #ccc;
  text-align:center;
}
.fullCalendar_table tr td{
  border: 1px solid #ccc;
  width: 14%;
  padding:5px;
}
.fullCalendar_table tr td:nth-child(1){
  background:#fef1ee;
}
.fullCalendar_table tr td:nth-child(2){
  background:#fdffcb;
}
.fullCalendar_table tr td:nth-child(3){
  background:#f3f2f2;
}
.fullCalendar_table tr td:nth-child(4){
  background:#f3f2f2;
}
.fullCalendar_table tr td:nth-child(5){
  background:#f3f2f2;
}
.fullCalendar_table tr td:nth-child(6){
  background:#f3f2f2;
}
.fullCalendar_table tr td:nth-child(7){
  background:#f7ffe5;
}
.fullCalendar_block{
  margin-bottom: 5px;
}
.fullCalendar_block_red{}
.fullCalendar_table-time{
  background-color: #f4aca2;
  border-color: #f4aca2;
  color: #d32c14;
  padding: 0px 5px;
}
.fullCalendar_table-content{
  background-color: #ffdbd6;
  border-color: #f4aca2;
  color: #d32c14;
  padding: 5px;
}
.fullCalendar_table-content p{
  margin-bottom: 5px;
}
.fullCalendar_table-title{}
/**
*
**/
.back_file_Edit p{
  word-break: break-all;
}
/**
*carSelectBox.st_2
**/
.carSelectBox.st_2{
  background:none;
  box-shadow:none;
  left:-190px;
}
.carSelectBox.st_2 .JQ-toggle{
  background:#fff;
  box-shadow: 1px 1px 2px #b9b9b9;
  border:solid 1px #e2e2e2;
  position: relative;
  margin-top: 10px;
}
.carSelectBox.st_2 .JQ-toggle:after{
  display: block;
  content: "";
  position:absolute;
  top:-10px;
  right:6px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 12.5px 10px 12.5px;
  border-color: transparent transparent #ffffff transparent;
}
.carSelectBox.st_2 .JQ-toggle:before{
  display: block;
  content: "";
  position:absolute;
  top:-11px;
  right:6px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 12.5px 10px 12.5px;
  border-color: transparent transparent #cccccc transparent;
}
.carSelectBox.st_2.st_2_left .JQ-toggle:after,.carSelectBox.st_2.st_2_left .JQ-toggle:before{
  right:auto;
  left:6px;
}


.carSelectBox.st_2.text__left-st .JQ-toggle:before {
  left: 6px;
  right: auto;
}

.carSelectBox.st_2.text__left-st .JQ-toggle:after {
  left: 6px;
  right: auto;
}
/**
* su_slide_list well
**/
.su_slide_list {
  border: solid 1px #D6D6D6;
  background: #EFEFEF;
  padding: 0px 10px 0px 10px;
  border-radius: 4px;
  margin-bottom: 0px;
  margin-top: 17px;
}
/**
*type_color_list
**/
.type_color_list_group{

}
.type_color_list .icon{
  font-size: 0.75rem;
}
.type_color_list_text{
  overflow: hidden;
  width: 85%;
  white-space: nowrap;
  text-overflow: ellipsis;
}


/**
*
**/
.ellipsis_oneLine{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}


/*------------------------------------*\
 $set_tab_itemBox
\*------------------------------------*/
.set_tab_itemBoxMask.blue_st {
  overflow-x: auto;
  width: 100%;
}
.set_tab_itemBoxMask.blue_st .set_tab_list.active a {
  color: #fff;
}
.set_tab_itemBoxMask.blue_st .set_tab_list {
  float: left;
  position: relative;
  padding-left: 15px;
  background: #ccc;
}

.set_tab_itemBoxMask.blue_st .set_tab_list a {
  cursor: default;
}
.set_tab_itemBoxMask.blue_st .set_tab_list a.disableLink::before {
  content: "\f05e";
  font-family: FontAwesome;
  color: red;
  right: 5px;
  font-size: 1.25rem;
  font-weight: 400;
  position: absolute;
  top: 0;
  display: none;
}
.set_tab_itemBoxMask.blue_st .set_tab_list a.disableLink:hover::before {
  display: block;
}
.set_tab_itemBoxMask.blue_st .set_tab_list.active {
  background: #1c76d1;
}
.set_tab_itemBoxMask.blue_st .set_tab_list.active a {

}
.set_tab_itemBoxMask.blue_st .set_tab_list.active2 {
  background: #365379;
}
.set_tab_itemBoxMask.blue_st .set_tab_list.active2 a {
  cursor: pointer;
  color: #fff;
}



.set_tab_itemBoxMask.blue_st .set_tab_list a {
  padding: 10px;
  display: block;
  color: #1b1e24;
  cursor: pointer;
}
.set_tab_itemBoxMask.blue_st .set_tab_list a.disableLink {
  cursor: default;
}


.set_tab_itemBoxMask.blue_st .set_tab_list:before {
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  border-color: transparent transparent transparent #fff;
  position: absolute;
  top: 0px;
  right: -40px;
  border-width: 20px;
  z-index: 111;
  border-radius: 0px;
}

.set_tab_itemBoxMask.blue_st .set_tab_list.active:after {
  border-color: transparent transparent transparent #1c76d1;
}

.set_tab_itemBoxMask.blue_st .set_tab_list.active2:after {
  border-color: transparent transparent transparent #365379;
}

.set_tab_itemBoxMask.blue_st .set_tab_list:after {
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  border-color: transparent transparent transparent #ccc;
  position: absolute;
  top: 0px;
  right: -39px;
  border-width: 20px;
  z-index: 111;
  border-radius: 0px;
}
/**
*table
**/
.table-bordered.thick_st td{
  border: 1px solid #cccccc!important;
}


/**
**2020-2-17 Edward提出修改需求，Sam跟小涵溝通後，決定這樣處理
**/
.input-append.date .form-control[readonly] {
  background: #fff;
  cursor: pointer;
}


/**
**
**/



.mu_la_route {
  position: relative;
  list-style-type: none;
  border: 0;
  margin: 0;
  padding: 0;
  top: 0px;
  margin-top: 0px;
  max-height: 100% !important;
  width: 100%;
  background: #bcf;
  border-radius: 2px;
  z-index: -1;
}
ul.mu_la_space{
 counter-reset: item;
 list-style-type: none;
}
li.mu_la_route .mu_la_title .mu_la_sort:before {
  display: inline-block;
  counter-increment: item;
  content: counters(item, "-") " ";
  text-indent: 0px;
}

.mu_la_route .direction_icon {
  position: absolute;
  top: 11px;
  left: 14px;
  z-index: 10;
  font-size: 0.875rem;
  color: #9fb4f3;
  cursor: pointer;
}
.mu_la_route .direction_icon:hover {
  color: #5a80f3;
}

.mu_la_route .mu_la_title {
  position: absolute;
  border: 0;
  margin: 0;
  padding: 0;
  padding-top: 0px;
  height: 40px;
  line-height: 40px;
  font-size: 1rem;
  width: 400px;
  text-indent: 40px;
  background: #fff;
  border-radius: 2px;
  box-shadow: 0px 0px 0px 2px #5a80f3;
  /* pointer-events: none; */
  color:#111;
}

.first-title { margin-left: 0px; }

.mu_la_space {
  position: relative;
  list-style-type: none;
  border: 0;
  margin: 0;
  padding: 0;
  margin-left: 50px;
  width: 40px;
  top: 50px;
  padding-bottom: 50px;
  height: 100%;
  z-index: 1;
}
.form-row .form-control.mu_la_input{
  display: inline-block;
  margin-top: 1px;
  border: 0px solid #5a80f3;
  padding-left: 0px !important;
  background: #fff;
  transition:all 0.5s;
  -webkit-transition:all 0.5s;
  -moz-transition:all 0.5s;
  -o-transition:all 0.5s;
}
.form-row input.mu_la_checkbox{
  display: inline-block;
  margin-right: 5px;
}
.form-row .form-control.mu_la_input:hover,.form-row .form-control.mu_la_input:focus{
  border: 1px solid #5a80f3;
  background: #f3f6ff;
  padding-left: 5px !important;
}
.mu_la_title:hover .mu_la_icon{
  display: block;
}
.mu_la_group{

}
.mu_la_group>.mu_la_space{
  margin-top:-40px;
}
.mu_la_icon{
  display: none;
  text-indent: 0px;
  color: #fff;
  border-radius: 50%;
  width: 27px;
  height: 27px;
  text-align: center;
  background: #365379;
  line-height: 27px;
  font-size: 0.8125rem;
  font-weight: 100;
  margin: 6px 5px;
  cursor: pointer;
  opacity: 0.8;
}
.mu_la_icon:hover{
  color:#fff;
  opacity: 1;
}
.first-space { margin-left: 0px; }

/**
*proposition_list
**/
.proposition_list{
  background: #ffffff;
  box-shadow: #d2d2d2 1px 1px 2px, #d2d2d2 2px 2px 20px;
  margin: 5px;
  width: 100%;
  min-height: 100px;
  display: block;
  border-left: solid 4px #7d60ff;

}
.proposition_list_placeholder{
  background: #ffffff;
  border:solid 1px #16bedc;
  opacity: 0.6;
  margin: 0px 2% 10px !important;
  width: 96%;
  min-height: 80px;
  display: block;
  float: left;
}

/**
**Status-list
**/

.Status-list {
  background-position: 3px 1px;
  border: solid 1px #afafaf;
  border-radius: 5px;
  text-align: center;
  margin-top: 3px;
  background-size: 40%;
  background-repeat: no-repeat;
  display: inline-block;
  font-size: 0.8125rem;
  padding: 4px;
  position: relative;
}
.Status-list span {
  min-width: 30px;
  display: block;
  padding-left: 29px;
}
.Status-list span.icon {
  min-width: auto;
  display: inline-block;
  padding-left: 5px;
}
.Status-list span.icon .fa-times {
  padding-right: 1px;
  padding-left: 2px;
}
.Status-list span.text {
  min-width: 30px;
  display: inline-block;
  padding-left: 0px;
}


.Status-list:hover {
  /* border: 1px solid #ddd; */
  background-color: #fff;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  cursor: pointer;
}


.Status-list .list_box {
  position: absolute;
  right: -25px;
  top: 33px;
  width: 418px;
  border: 1px solid #ccc;
  background-color: #fff;
  font-size: 0.75rem;
  box-shadow: 2px 5px 15px #ccc;
  z-index: 7000;
  color: #777;
  font-weight: normal;
}

.Status-list .list_box:after {
  content: "";
  display: block;
  clear: both;
}

.Status-list .list_box ol {
  float: left;
  width: 138px;
}


.Status-list .list_box:after,
.Status-list .list_box:before {
  bottom: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  right: 12%;
}


.Status-list .list_box:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #ffffff;
  border-width: 5px;
  margin-right: -5px;
}


.Status-list .list_box:before {
  border-color: rgba(204, 204, 204, 0);
  border-bottom-color: #cccccc;
  border-width: 6px;
  margin-right: -6px;
}


.Status-list .list_box ol {
  padding: 6px;
  line-height: 25px;
  margin-bottom: 0px;
}


.Status-list .list_box ol li {
  padding-bottom: 5px;
  padding-top: 5px;
  list-style: none;
  font-size: 0.8125rem;
  border-bottom: solid 1px #EAEAEA;
  display: block;
  width: 100%;
  text-align: left;
  cursor: pointer;
}


.Status-list .list_box ol li a {
  display: block;
  color:#555;
}


.Status-list .list_box ol li div {
  width: 25px;
  height: 25px;
  margin-right: 5px;
  float: left;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}


.Status-list .list_box ol li:hover {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: #e6eeef;
}


.Status-list .list_box ol li.hover,
.Status-list .list_box ol li.hover:hover {
  background-color: transparent;
}


.index_projcet_schedule .btn-cons,
.btn-demo-space {
  margin-bottom: 0px;
}


.Status-list_box .draft {
  background-image: url(/Content/images/schedule/menu_icon_29.png);
}

.Status-list_box .purchase {
  background-image: url(/Content/images/schedule/menu_icon_59.png);
}

.Status-list_box .announcement {
  background-image: url(/Content/images/schedule/menu_icon_98.png);
}

.Status-list_box .opening {
  background-image: url(/Content/images/schedule/menu_icon_103.png);
}

.Status-list_box .reviewing {
  background-image: url(/Content/images/schedule/menu_icon_83.png);
}

.Status-list_box .selection {
  background-image: url(/Content/images/schedule/menu_icon_66.png);
}

.Status-list_box .reserve {
  background-image: url(/Content/images/schedule/menu_icon_06.png);
}

.Status-list_box .final {
  background-image: url(/Content/images/schedule/menu_icon_12.png);
}

.Status-list_box .performance {
  background-image: url(/Content/images/schedule/menu_icon_07.png);
}

.Status-list_box .warranty {
  background-image: url(/Content/images/schedule/menu_icon_58.png);
}

.Status-list_box .abolition {
  background-image: url(/Content/images/schedule/menu_icon_121.png);
}

.Status-list_box .flow {
  background-image: url(/Content/images/schedule/menu_icon_120.png);
}


@media screen and (max-width: 768px) {
  .Status-list .list_box {
    max-height: 140px;
    overflow-y: scroll;
    overflow-x: hidden;
    width: 115px;
  }

  .Status-list .list_box ol {
    float: none;
  }

  .Status-list .list_box .Status-list .list_box:after, .Status-list .list_box .Status-list .list_box:before {
    right: 50%;
  }
}


/* checkbox in radio */

.radio .checkbox input[type=checkbox]:checked+label:after {
  background: none;
  border: none;
  -webkit-transform: scale(1);
  transform: scale(1);
  text-align: left;
}