/* .qr-details .table > tbody > tr > th {
  width: 300px;
} */
.tg-link {
  cursor: pointer;
}

.btn.btn-zoom {
  min-width: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}

.wg-total-num .total-num-list .item-show .card {
  border-radius: 20px 80px;
}
.wg-total-num .total-num-list .item-show .card::before {
  display: none;
}
.wg-total-num .total-num-list .item-show .card-body {
  min-width: 480px;
  height: 300px;
}
.wg-total-num .total-num-list .item-show .card .icon {
  width: 110px;
}
.wg-total-num .total-num-list .item-show .card .number {
  font-size: 90px;
  line-height: 1em;
}
.wg-total-num .total-num-list .item-show .card .text {
  font-size: 25px;
}

.default-header > .container {
  display: none;
}

.select2-container--select-advance .select2-selection--single {
  background: #f8f8f8;
  border-color: var(--color-primary);
  border-radius: 30px;
  box-shadow: inset 0 0.188rem 0.375rem rgba(0, 0, 0, 0.16);
}
.select2-container .select2-selection--single {
  height: 46px;
}
.select2-container--select-advance
  .select2-selection--single
  .select2-selection__rendered {
  padding: 0 30px;
  padding-right: 60px;
  line-height: 60px;
}
.select2-container--select-advance
  .select2-selection--single
  .select2-selection__arrow {
  height: 60px;
}
.select2-container--select-advance
  .select2-selection--single
  .select2-selection__arrow
  b {
  display: none;
}
.select2-container--select-advance
  .select2-selection--single
  .select2-selection__arrow::before {
  position: absolute;
  top: 0;
  right: 18px;
  width: 15px;
  content: "";
  display: block;
  background-image: url(../img/icon/icon-ios-arrow-down-addon.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 14px;
  color: transparent;
  line-height: 60px;
  height: 60px;
  transition: all 200ms ease;
  width: 18px;
  height: 60px;
}

.select2-container--select-advance.select2-container--open
  .select2-selection--single
  .select2-selection__arrow::before {
  transform: rotate(180deg);
}

.select2-container--select-advance.select2-container--open.select2-container--above
  .select2-selection--single {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-container--select-advance.select2-container--open.select2-container--below
  .select2-selection--single {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--select-advance .select2-dropdown {
  border-color: transparent;
}
.select2-container--select-advance
  .select2-results
  > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}
.select2-container--select-advance .select2-results__option {
  font-size: 15px;
  line-height: 1.3em;
  padding: 0.75rem 1.8rem;
}
.select2-container--select-advance
  .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #013565;
  color: var(--color-light);
}
.select2-container--select-advance .select2-results__option--selected {
  background-color: #ddd;
}
.fancybox__toolbar.is-absolute {
  height: 100%;
}
.fancybox__toolbar__column.is-right {
  width: 400px;
  justify-content: end;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-top: -230px;
}
.fancybox__toolbar__column.is-right .f-button {
  border: 1px solid var(--color-light);
  border-radius: 4px;
}

.fancybox__toolbar__column.is-right .f-button:first-child {
  margin-right: 10px;
}
/* .fancybox__toolbar__column.is-right .f-button:first-child {
  position: relative;
  min-width: 140px;
  padding: 0 15px;
  font-family: "Noto Sans Thai", sans-serif !important;
  margin-right: 10px;
  justify-content: start;
  width: 100%;
}
.fancybox__toolbar__column.is-right .f-button:first-child svg {
  position: absolute;
  right: 10px;
}
.fancybox__toolbar__column.is-right .f-button:first-child::before {
  content: "ดาวน์โหลด";
  position: absolute;
  color: var(--color-light);
} */
.footer-bar .histats {
  float: right;
  height: 24px;
}
.boxdestopsite {
  color: #fff;
  font-size: 25px;
  height: 70px;
  line-height: 20px;
  text-align: center;
  width: 100%;
  padding-top: 20px;
}
.box-none {
  display: none;
}
.box-block {
  display: block;
}

.section.section-ii {padding-top: 0; margin-top: -90px;}

.qr-details .table.table-head {margin-bottom: 2rem;}
.qr-details .table .caption {color: var(--color-dark); font-size: var(--typo-lg); font-weight: var(--fw-semi-bold);}
.qr-details .table .caption .icon {width: 50px;}
.qr-details .table .detail-head {padding: 0;margin: 0;border: none;}


.relate-content .qr-card .qr-info {padding: 1.75rem;}


@media (max-width: 1600px) {
  .wg-total-num .total-num-list .item-show .card-body {
    min-width: auto;
    width: 330px;
  }
  .wg-total-num .total-num-list .item-show .card .number {
    font-size: 70px;
    text-align: center;
    margin: 20px 0;
  }
  .form-home .form-title {
    font-size: 20px;
  }
  /* .form-home .form-group.form-floating {width: 100%;} */
  /* .form-home .col-topic {width: 100%; margin-bottom: 10px;} */
  .form-home .form-group.form-floating {
    width: 160px;
  }
  .boxdestopsite {
    display: none;
  }

  .qr-details .table .caption {font-size: 28px;}
  .qr-details .table .caption .icon {width: 45px;}
}

@media (max-width: 1199px) {
  .wg-total-num .total-num-list .card {
    height: max-content;
    padding: 35px 35px 30px 35px;
  }
  .wg-total-num .total-num-list .item-show .card {
    height: 300px;
    border-radius: 2.25rem 0.75rem;
    margin-bottom: 20px;
  }
  .wg-total-num .total-num-list .item-show .card-body {
    width: 100%;
    height: 200px;
  }
  .wg-total-num .total-num-list .item-show .card .number {
    text-align: left;
    margin: 0;
  }

  .form-home .form-title {
    margin-bottom: 10px;
  }
  .form-home .form-group.form-floating {
    width: 100%;
  }
  .form-home .form-action {
    margin-top: 20px;
    padding-top: 15px;
  }
  .boxdestopsite {
    display: none;
  }

  .relate-content .qr-card .qr-info {
    padding: 1.25rem 1.5rem;
  }

  .qr-details .table .caption .icon {width: 40px;}
  .qr-details .table .caption {font-size: 26px;}
}

@media (max-width: 991px) {
  .wg-total-num .total-num-list .card {
    padding: 30px;
  }
  .wg-total-num .total-num-list .item-show .card .number {
    text-align: center;
    margin: 15px 0;
  }
  .wg-total-num .total-num-list .item-show .card .text {
    font-size: 22px;
  }

  .form-home .form-title {
    text-align: left;
  }
  .form-home
    .wg-advanced-filter
    .form-filter
    .form-floating
    .select2-container
    .select2-selection--single
    .select2-selection__rendered {
    text-align: left;
  }
  .form-home .wg-qr-search .form-control {
    height: 54px;
    padding: 10px 20px;
  }
  .form-home .wg-qr-search .btn {
    height: 54px;
    line-height: 54px;
    min-width: 60px;
  }
  .form-home .wg-qr-search .btn svg.feather {
    width: 26px;
  }

  .select2-container--select-advance
    .select2-selection--single
    .select2-selection__rendered {
    padding: 0 20px;
    padding-right: 20px;
  }

  .form-home .wg-advanced-filter .form-filter .form-floating > label {
    padding: 22px 20px;
  }
  .form-home .wg-advanced-filter .form-filter .form-control {
    padding-left: 20px;
  }
  .footer-bar .histats {
    float: none;
    padding-top: 20px;
    text-align: center;
    padding-bottom: 28px;
    display: block;
  }
  .boxdestopsite {
    padding: 10px;
    font-size: 15px;
    padding-top: 10px;
    height: 40px;
    display: block !important;
  }
  /* .form-home .form-action .btn {height: 46px;} */

  .footer-bar .histats {
    float: none;
    padding-top: 20px;
    text-align: center;
    padding-bottom: 28px;
  }

  .qr-details .table .caption {font-size: 24px;}

  .qr-card .qr-code {width: 100%; border-radius: 60px 20px 20px 20px;}

  .layout-header{height: 60px;}
  .layout-header .navbar{padding-top: 0;padding-bottom: 0;}

  .layout-header .navbar > .container{padding: 0;}
  .layout-header .navbar-brand{padding-top: 7px;padding-left: 15px;padding-right: 15px;padding-bottom: 7px;margin-right: 0;}
  .layout-header .navbar-brand .brand-logo{width: 36px;}
  .layout-header .navbar-brand .brand-title{font-size: 18px;margin-left: 1rem;}
  .layout-header .navbar-brand .brand-title small{font-size: 14px;}
  .layout-header .navbar-nav{background: var(--color-primary);width: 100%;margin: 0;padding: 5px 10px;justify-content: end;}

  .layout-header .navbar .navbar-toggler{color: var(--color-light);}

  .layout-header .navbar-nav .nav-item{padding: 5px 0;}
  .layout-header .navbar-nav .btn{width: 100%;}
  .layout-header .navbar-nav{justify-content: start;}
  .layout-header .navbar-collapse .navbar-nav{height: calc(100vh - 60px);padding-top: 10px;}
  .layout-header .navbar-collapse .navbar-nav .nav-item{padding: 0;}
  .layout-header .navbar-collapse .navbar-nav .nav-item + .nav-item{border-top: 1px solid rgba(255, 255, 255, 0.2);}
  .layout-header .navbar-collapse .navbar-nav .btn{border-radius: 0;border: none;background: transparent;color: var(--color-light);box-shadow: none;line-height: 50px;height: 50px;font-size: var(--typo-default);}
}


@media (max-width: 767px) {
  .wg-total-num .total-num-list .card {
    padding: 25px 20px;
  }

  .form-home .form-title {
    font-size: 18px;
  }
  .form-home .form-filter > .row {
    margin: 0 -7.5px;
  }
  .form-home .form-filter > .row > div {
    padding: 0 7.5px;
  }

  .wg-total-num .total-num-list .item-show .card .icon {width: 80px;}
  .wg-total-num .total-num-list .item-show .card .number {font-size: 50px;}
  .wg-total-num .total-num-list .item-show .card .text {font-size: 20px;}

  .qr-details .table .caption {font-size: 22px;}

  .section.section-ii {padding-top: 20px;}

  .qr-slider .swiper .swiper-pagination {margin-top: 20px;}


  .detail-head .share-content span {display: inline-block;}
  .detail-head .share-content {position: relative; margin-top: 15px; right: unset; bottom: unset;}
  .detail-head .share-content > .row {flex-direction: unset; margin: 0 -2.5px;}
  .detail-head .share-content > .row > div + div {margin: 0; padding: 0 2.5px;}
  .detail-head .share-content .icon {width: 32px;}
}

@media (max-width: 575px) {
  .layout-header .navbar-brand .brand-logo {
    width: 30px;
  }
  .layout-header .navbar-brand .brand-title {
    font-size: 16px;
    margin-left: 0.5rem;
  }
  .layout-header .navbar .navbar-toggler {
    padding-right: 1rem;
  }

  .fancybox__toolbar__column.is-right {
    width: 350px;
  }

  .relate-content .qr-card .qr-info {
    padding: 1rem;
  }

  .section.section-i .wg-total-num {padding-bottom: 0;}
}


/* edit comments by ohm2 02/05/24 */


.qr-card .qr-info .title {
  padding-right: 130px;
}
.qr-card {
  position: relative;
}

.qr-announce {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #F20000;
  border-radius: 0 20px 0 20px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  min-width: 150px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: var(--fw-medium);
  color: var(--color-light);
}

.qr-announce .icon {
  margin-right: 8px;
}

@media (max-width: 1470px) {
  .qr-announce {min-width: 130px; height: 52px;font-size: 18px;}
  .qr-announce .icon svg { width: 24px;}
}

@media (max-width: 1199px) {
  .qr-announce {min-width: 110px; height: 44px;font-size: 15px;}
  .qr-announce .icon svg { width: 18px;}
}

@media (max-width: 991px) {
  .qr-announce {min-width: 95px; height: 36px;font-size: 13px;}
  .qr-announce .icon {margin-right: 5px;}
  .qr-announce .icon svg { width: 16px;}
}


  /* edit comments by ohm2 09/05/24 */

  .qr-card .qr-code {padding: 2.75rem 1.75rem;}
  .qr-card .qr-info .title,
  .qr-card .qr-info .desc,
  .qr-card .qr-info .location,
  .qr-card .qr-info .date {word-break: unset; max-height: max-content; overflow: unset; text-overflow: unset; display: block;}
  .qr-card .qr-info .location,
  .qr-card .qr-info .date {white-space: inherit; line-height: normal;height: auto;}

  @media (max-width: 1470px) {
  }

  @media (max-width: 1199px) {
    .qr-card .qr-code {padding: 1.25rem;}
  }

  @media (max-width: 991px) {
    .qr-card .qr-info .title {padding-right: 0;}
    .form-home .wg-qr-search {margin-bottom: 15px;}
    .wg-advanced-filter .form-title {padding-left: 0;font-size: 18px;margin-bottom: 10px;}
  }

  @media (max-width: 575px) {
    .wg-total-num .total-num-list .item-show .card {height: 200px;}
    .wg-total-num .total-num-list .item-show .card .icon {width: 60px;}
    .wg-total-num .total-num-list .item-show .card .number {font-size: 40px;margin: 10px 0;}
    .wg-total-num .total-num-list .item-show .card .text {font-size: 16px;font-weight: var(--fw-medium);}

    .qr-card .qr-info .title {font-size: 16px;margin-bottom: .5rem;}
    .qr-card .qr-info .desc {font-size: 14px;}
    .qr-card .qr-info .location, 
    .qr-card .qr-info .date {font-size: 14px;padding-left: 32px;}
    .qr-card .qr-info .location {line-height: 1.3em;}

    
    .wg-advanced-filter .form-title {font-size: 15px;margin-bottom: 7px;}

    .wg-advanced-filter .form-filter .select2-container--default .select2-selection--single {height: 46px;}
    .wg-advanced-filter .form-filter .form-floating .select2-container .select2-selection--single .select2-selection__rendered {padding-top: 15px; padding-left: 20px; font-size: 14px;}
    .wg-advanced-filter .form-filter .form-floating > label {padding: 20px 18px;font-size: 13px;}
    .wg-advanced-filter .form-filter .select2-container--default .select2-selection--single .select2-selection__arrow::before {background-size: 12px;line-height: 46px;height: 46px;right: 14px;}
    .wg-advanced-filter .form-filter .form-control {height: 46px;font-size: 15px; padding-left: 20px;}
    .wg-advanced-filter .form-floating .form-control::-webkit-input-placeholder {font-size: 15px;}
    .wg-advanced-filter .form-floating .form-control::-moz-placeholder {font-size: 15px;}
    .wg-advanced-filter .form-floating .form-control:-ms-input-placeholder {font-size: 15px;}
    .wg-advanced-filter .form-floating .form-control::-ms-input-placeholder {font-size: 15px;}
    .wg-advanced-filter .form-floating .form-control::placeholder {font-size: 15px;}
    .wg-advanced-filter .form-control.hasDatepicker ~ img.ui-datepicker-trigger {width: 12px; right: 15px;}
    .wg-advanced-filter .form-action .btn {font-size: 16px;}
    .wg-advanced-filter .wg-qr-search .btn {height: 46px; line-height: 46px; min-width: 52px;}
    .wg-advanced-filter .wg-qr-search .btn svg.feather {width: 22px;}
    .wg-advanced-filter .form-action {margin-top: 25px;}
    .wg-advanced-filter .form-action > .row {margin: 0 -5px;}
    .wg-advanced-filter .form-action > .row > div {padding: 0 5px;}

    .form-home .form-title {font-size: 15px;margin-bottom: 7px;}
    .form-home .wg-qr-search .form-control {height: 46px; font-size: 14px;}
    .select2-container--select-advance .select2-selection--single {height: 46px;}
    .form-home .wg-advanced-filter .form-filter .form-floating .select2-container .select2-selection--single .select2-selection__rendered {padding-top: 15px; font-size: 14px;}
    .form-home .wg-advanced-filter .form-filter .form-floating > label {padding: 20px 18px;font-size: 13px;}
    .select2-container--select-advance .select2-selection--single .select2-selection__arrow::before {background-size: 12px;line-height: 46px;height: 46px;right: 14px;}
    .form-home .wg-advanced-filter .form-filter .form-control {height: 46px; line-height: 30px;}
    .form-home .form-floating .form-control {padding-top: 28px;font-size: 15px;}
    .form-home .form-floating .form-control::-webkit-input-placeholder {font-size: 15px;}
    .form-home .form-floating .form-control::-moz-placeholder {font-size: 15px;}
    .form-home .form-floating .form-control:-ms-input-placeholder {font-size: 15px;}
    .form-home .form-floating .form-control::-ms-input-placeholder {font-size: 15px;}
    .form-home .form-floating .form-control::placeholder {font-size: 15px;}
    .form-home .form-control.hasDatepicker ~ img.ui-datepicker-trigger {width: 12px; right: 15px;}
    .form-home .form-action .btn {font-size: 16px;}
    .form-home .wg-qr-search .btn {height: 46px; line-height: 46px; min-width: 52px;}
    .form-home .wg-qr-search .btn svg.feather {width: 22px;}


    .qr-announce { border-radius: 0 14px 0 14px;min-width: 85px;font-size: 12px ;}
    .qr-announce .icon svg {width: 14px;}
    .qr-card .qr-code {border-radius: 50px 15px 15px 15px;}
  }



/* edit comments by ohm2 10/05/24 */

@media (max-width: 1199px) {
  .layout-header {box-shadow: unset;}
  .detail-page .default-body {background-image: none !important;}
  .detail-head {padding-top: 10px;padding-bottom: 15px; margin-bottom: 25px;}
  .detail-head .headline {font-size: 22px;}
}

@media (max-width: 991px) {
  .layout-header .navbar-brand .brand-logo {width: 36px;}
  
  .layout-header .navbar-collapse .navbar-nav .btn {font-size: 18px;line-height: 44px; height: 44px; text-align: left;padding: 0;}
  .layout-header .navbar-collapse .navbar-nav .nav-item:last-child {border-bottom: 1px solid rgba(255, 255, 255, 0.2);}

  .detail-head .back-to-prev {width: max-content;}
  .detail-head .back-to-prev .btn {min-width: 50px; width: 50px; height: 50px; line-height: 50px; border-radius: 50%; position: fixed; bottom: 80px; right: 16px; z-index: 99;}

  .footer-main {padding-top: 0;}
  .layout-footer #scrollToTopBtn {position: fixed; bottom: 23px; right: 23px; left: unset; top: unset; transform: unset; width: 40px; height: 40px;box-shadow: rgba(100, 100, 111, 0.8) 0px 7px 29px 0px;}
  #scrollToTopBtn::before {top: -7px; left: -7px; right: -7px; bottom: -7px;}
  #scrollToTopBtn img.icon {width: 13px;}
  #scrollToTopBtn:hover img.icon {transform: translateY(0);}

  .social-list .item-list {width: max-content; margin: auto;}

  .select2-container--select-advance .select2-results__option,
  .select2-container--default .select2-results__option {padding: 12px 20px;}

  .wg-total-num .total-num-list .item-show .card .icon {margin-right: 15px;}
  .wg-total-num .total-num-list .item-show .card .number {text-align: left;margin: 0;}
}

@media (max-width: 767px) {
  .layout-header .navbar-brand .brand-title {font-size: 15px; line-height: 1.1em;}
  .layout-header .navbar-brand .brand-title small {font-size: 12px;}

  .layout-header .navbar-collapse .navbar-nav .btn {font-size: 15px;line-height: 40px; height: 40px;}

  .select2-container--select-advance .select2-results__option,
  .select2-results__option {font-size: 14px;}

  .wg-total-num .total-num-list .item-show .card {height: 130px;}


}

@media (max-width: 575px) {
  .layout-footer .brand .title {max-width: 220px; margin: auto; padding-bottom: 5px;}
}

.page-title{text-align: center; margin-bottom: 40px;}
.page-title h1{margin: 0; text-transform: uppercase; font-size: 40px; font-weight: bold; color: #d60011; border-bottom:1px solid #d60011; display: inline-block; padding-bottom: 15px; position: relative;}
.page-title h1:before {content: '';background: #d60011;  position: absolute; width: 8px; height: 8px; left: 0; bottom: -4px;
	border-radius: 50px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
}
.page-title h1:after {content: '';background: #d60011;  position: absolute; width: 8px; height: 8px; right: 0; bottom: -4px;
	border-radius: 50px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
}
.page-title h2{margin: 0; text-transform: uppercase; font-size: 40px; font-weight: bold; color: #d60011; border-bottom:1px solid #d60011; display: inline-block; padding-bottom: 15px; position: relative;}
.page-title h2:before {content: '';background: #d60011;  position: absolute; width: 8px; height: 8px; left: 0; bottom: -4px;
	border-radius: 50px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
}
.page-title h2:after {content: '';background: #d60011;  position: absolute; width: 8px; height: 8px; right: 0; bottom: -4px;
	border-radius: 50px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
}
.page-title p{margin: 30px 0 0 0; font-size: 23px; color: #000; max-width: 480px; display: inline-block;}



.career-progress{position: relative; margin-bottom: 50px;}
.career-progress ul{display: block; text-align: center;}
.career-progress li{display: inline-block; text-align: center; margin-bottom: 6px;}
.career-progress li + li{margin-left: 100px;}
.career-progress .icon{position: relative; display: block; margin: 0 auto; width: 50px; height: 50px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.career-progress .icon-step1{background: url('../img/icon/icon-career-step1.png') center;}
.career-progress .icon-step2{background: url('../img/icon/icon-career-step2.png') center;}
.career-progress .icon-step3{background: url('../img/icon/icon-career-step3.png') center;}
.career-progress .icon-step4{background: url('../img/icon/icon-career-step4.png') center;}
.career-progress .active .icon-step1{background: url('../img/icon/icon-career-step1-active.png') center;}
.career-progress .active .icon-step2{background: url('../img/icon/icon-career-step2-active.png') center;}
.career-progress .active .icon-step3{background: url('../img/icon/icon-career-step3-active.png') center;}
.career-progress .active .icon-step4{background: url('../img/icon/icon-career-step4-active.png') center;}
.career-progress .icon:after{content: ''; position: absolute; z-index: 8; top: 100%; left: 0;; right: 0; margin: 6px auto 0; width: 14px; height: 14px; background-color: #e1e1e1;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.career-progress .active .icon:after{background-color: #d60011;
	-webkit-box-shadow: 0 0 6px rgba(255,51,67,0.6);
	-moz-box-shadow: 0 0 6px rgba(255,51,67,0.6);
	box-shadow: 0 0 6px rgba(255,51,67,0.6);
}
.career-progress .bar{position: absolute; width: 100%; height: 4px; background-color: #fff; border:1px solid #e1e1e1;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.career-progress .bar:after{content: ''; position: absolute; left: -1px; top: -1px; height: 4px; background-color: #d60011;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.career-progress .bar-step1:after{right: calc(50% + 230px);}
.career-progress .bar-step2:after{right: calc(50% + 70px);}
.career-progress .bar-step3:after{right: calc(50% - 80px);}
.career-progress .bar-step4:after{right: calc(50% - 230px);}
.career-progress .bar-step5:after{right: -1px;}

.career-block{background-color: #fff; margin-bottom: 30px; padding: 30px 40px;
	-webkit-box-shadow: 0 3px 15px rgba(0,0,0,0.08);
	-moz-box-shadow: 0 3px 15px rgba(0,0,0,0.08);
	box-shadow: 0 3px 15px rgba(0,0,0,0.08);
}
.career-block-title{font-size: 30px; color: #7c8ba1; margin-bottom: 8px;}

.career-form-title{color: #7c8ba1; font-size: 30px; margin-bottom: 20px;}
.career-form .profile-img{margin: 0 auto; width: 185px; height: 185px; border:5px solid var(--color-primary); background: url('../img/icon/icon-plus.png') center no-repeat;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.career-form .profile .help-block{margin: 15px 0 0 0; font-size: 16px; color: #999; text-align: center;}

.career-body{margin-top: 30px;}

.career-table{background-color: #fff; margin-bottom: 30px;
	-webkit-box-shadow: 0 3px 15px rgba(0,0,0,0.08);
	-moz-box-shadow: 0 3px 15px rgba(0,0,0,0.08);
	box-shadow: 0 3px 15px rgba(0,0,0,0.08);
}
.career-table-thead{padding: 10px 15px; border-bottom: 2px solid #d60011;}
.career-table-thead .title{line-height: 36px; color: #000; font-size: 20px; font-weight: bold;}
.career-table-thead .title-box{line-height: 36px; color: #000; font-size: 20px; font-weight: bold; background-color: #f5f5f5; text-align: center;}
.career-table-tbody{}
.career-table-tbody .control-label{font-size: 20px; color: #000; margin: 0;}
.career-table-row{padding: 17px 15px 15px 15px;}
.career-table-row .input-group{margin-top: -6px; margin-bottom: -6px;}
.career-table-row + .career-table-row{border-top: 1px solid #e1e1e1;}

.thead-xs {color: #999999; font-size: 16px; margin-top: 15px; margin-bottom: 2px; font-weight: normal; padding-top: 5px;border-top: 1px solid #f5f5f5;}

.career-btn{text-align: right; margin-bottom: 60px;}
.career-btn .btn{width: 180px;}
.career-btn .btn + .btn{margin-left: 16px;}
.career-action{margin-bottom: 30px;}
.career-action .btn{width: 180px;}
.career-action .btn .fa{width: 20px; height: 20px; border:1px solid #fff; font-size: 10px; line-height: 20px; position: relative; top: -1px; margin-right: 10px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.career-other .form-group .row{padding-left: 15px;}

.career-file{padding-top: 10px;}
.career-file .file-conteol .btn{height: 50px; line-height: 48px;}
.career-file .file-conteol .btn .icon{display: inline-block; margin-bottom: -10px; margin-right: 6px; width: 30px; height: 30px; position: relative; background: url('../image/icon/icon-upload.png');}
.career-file .file-conteol{position: relative; display: inline-block; cursor: pointer;}
.career-file .file-conteol input[type=file]{
	cursor: inherit;
    display: block;
    font-size: 999px;
    filter: alpha(opacity=0);
    min-height: 100%;
    min-width: 100%;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
}

.file-table{background-color: #fff; margin-top: 30px; padding: 10px 30px;
	-webkit-box-shadow: 0 3px 15px rgba(0,0,0,0.08);
	-moz-box-shadow: 0 3px 15px rgba(0,0,0,0.08);
	box-shadow: 0 3px 15px rgba(0,0,0,0.08);
}
.file-table-thead{font-size: 20px; font-weight: bold; color: #7c8ba1; padding: 10px 0;}
.file-table-tbody{font-size: 24px; color: #000;}
.file-table-row{padding: 10px 0;}
.file-table-row + .file-table-row{border-top: 1px solid #e1e1e1;}
.file-table .icon{position: relative; top: -1px; margin-right: 15px;}
.file-table .delete{color: #d60011;}
.file-table .btn{margin-top: -5px;}
.file-table .btn .fa{position: relative; top: 3px; margin-right: 8px;}

.career-after{text-align: center; padding-top: 60px; padding-bottom: 100px;}
.career-after-title{font-size: 40px; font-weight: bold; line-height: 1em;}
.career-after-desc{font-size: 24px;}
.career-after-btn{margin-top: 60px;}
.career-after-btn .btn{width: 180px;}


.career-list-topbar strong{font-weight: 500; font-size: 40px; padding-right: 2px;}
.career-list-topbar{font-size: 24px;}
.career-list .thumb{padding: 0 10px 10px 0; position: relative;}
.career-list .thumb:before{content: ''; background-color: #f5f5f7; position: absolute; z-index: 5; top: 10px; right: 0; bottom: 0; left: 10px;}
.career-list .thumb-bg{background-color: #ddd; position: relative; z-index: 10; background-size: cover; background-position: center;}
.career-list .date{font-size: 22px; color: #7c8ba1; border-left: 2px solid #d60011; padding-left: 10px; margin-bottom: 10px;}
.career-list .title{font-size: 24px; font-weight: 500; color: #d60011;}
.career-list .desc{font-size: 20px; color: #999; line-height: 1em;}
.career-list .desc strong{font-weight: 500;}
.career-list li{padding: 20px 0; border-bottom: 2px solid #e1e1e1;}
.career-list-btn{margin-top: 45px;}
.career-list-btn .btn{width: 100%;}
.career-list-btn .btn + .btn{margin-top: 20px;}

.career-block-1{padding-bottom: 50px;}
.career-block-1 .row{margin: 0;}
.career-block-1 .row > div{padding: 0;}
.career-wrapper-1{padding-left: 100px; padding-bottom: 40px; position: relative;}
.career-wrapper-1:before{content: ''; position: absolute; width: 2px; height: 95px; left: 39px; bottom: 0; background-color: #e1e1e1;}
.career-wrapper-1:after{content: ''; position: absolute; height: 2px; left: 40px; right: -65px; bottom: 0; background-color: #e1e1e1;}
.career-wrapper-1 .title{font-size: 35px; font-weight: 500; margin-bottom: 20px;}
.career-wrapper-1 .desc{font-size: 20px; color: #000;}
.career-wrapper-2{padding-right: 100px; margin-top: 7px; position: relative;}
.career-wrapper-2:before{content: ''; position: absolute; width: 2px; height: 77px; left: -28px; bottom: -50px; background-color: #e1e1e1;}
.career-wrapper-2 .dot{position: absolute; bottom: 35px; left: -33px; width: 12px; height: 12px; background-color: #d60011;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
}
.career-wrapper-2 .icon{text-align: center; display: block; margin-bottom: 20px;}
.career-wrapper-2 .desc{font-size: 20px; color: #000;}
.career-wrapper-2 .desc strong{font-size: 30px; font-weight: 500;}

.career-block-2{min-height: 200px; background-image: url('../img/icon/career-2-bg.png'); background-size: cover; background-position: center;}
.career-wrapper-3{margin-bottom: 60px;}
.career-wrapper-3 .inner{margin-top: 175px; padding-left: 100px; position: relative;}
.career-wrapper-3 .inner:before{content: ''; position: absolute; left: 39px; top: 70px; bottom: -270px; width: 2px; background-color: #e1e1e1;}
.career-wrapper-3 .title{font-size: 35px; color: #fff; font-weight: 500; margin-bottom: 20px;}
.career-wrapper-3 .desc{font-size: 20px; color: #fff;}

.career-wrapper-4 .inner{margin-top: 175px; padding-left: 100px; position: relative;}
.career-wrapper-4 .title{font-size: 35px; color: #fff; font-weight: 500; margin-bottom: 20px;}
.career-wrapper-4 .desc{font-size: 20px; color: #fff;}

.career-block-3 .row{margin: 0;}
.career-block-3 .row > div{padding: 0;}

.career-wrapper-5{padding-left: 100px; position: relative; margin-top: 60px;}
.career-wrapper-5 .title{font-size: 35px; font-weight: 500; margin-bottom: 20px;}
.career-wrapper-5 .desc{font-size: 20px; color: #000;}
.career-block-4{margin-top: 80px;}

.career-icon-1{width: 80px; height: 80px; background: url('../img/icon/career-info-icon1.png'); position: absolute; left: 0; top: -20px;}
.career-icon-1:after{content: ''; position: absolute; top: 100%; left: 50%; margin-left: -6px; margin-top: 5px; width: 12px; height: 12px; background-color: #d60011;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
}
.career-icon-2{width: 80px; height: 80px; background: url('../img/icon/career-info-icon2.png'); position: absolute; left: 0; top: -20px;}
.career-icon-2:after{content: ''; position: absolute; top: 100%; left: 50%; margin-left: -6px; margin-top: 5px; width: 12px; height: 12px; background-color: #d60011;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
}
.career-icon-3{width: 80px; height: 80px; background: url('../img/icon/career-info-icon3.png'); position: absolute; left: 0; top: -20px;}
.career-icon-3:after{content: ''; position: absolute; bottom: 100%; left: 50%; margin-left: -6px; margin-bottom: 5px; width: 12px; height: 12px; background-color: #d60011;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
}
.career-icon-4{width: 80px; height: 80px; background: url('../img/icon/career-info-icon4.png'); position: absolute; left: 0; top: -20px;}
.career-icon-4:after{content: ''; position: absolute; bottom: 100%; left: 50%; margin-left: -6px; margin-bottom: 5px; width: 12px; height: 12px; background-color: #d60011;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
}
.career-icon-5{width: 80px; height: 80px; background: url('../img/icon/career-info-icon5.png'); position: absolute; left: 0; top: -20px;}
.career-icon-5:after{content: ''; position: absolute; bottom: 100%; left: 50%; margin-left: -6px; margin-bottom: 5px; width: 12px; height: 12px; background-color: #d60011;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
}




.career-address{color: #000; font-size: 22px; margin-top: 20px; padding: 20px 0; border-top: 1px solid #e1e1e1;}
.career-address a{color: #000;}
.career-address img{width: 108px;}
.career-address .header{margin-bottom: 10px;}
.career-address .name{padding-top: 25px; line-height: 0.8em; font-weight: bold;}

.radio-control {
  position: relative;
  display: inline-block;
}
.radio-control input[type="radio"] {
  position: absolute;
  z-index: 5;
  opacity: 0;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  cursor: pointer;
}

.checkbox-control {
  position: relative;
  display: inline-block;
  padding-left: 40px;
  padding-top: 4px;
  padding-bottom: 4px;
}

