/* amending this file please also amend the same style.css on themes: cpe_dark */

.linear-green {
  background: -webkit-gradient(linear, left top, right top, from(#cbd533), to(#117567));
  background: -webkit-linear-gradient(left, #cbd533, #117567);
  background: -o-linear-gradient(left, #cbd533, #117567);
  background: linear-gradient(to right, #cbd533, #117567);
}
@-webkit-keyframes toLeft {
  to {
    left: 125%;
  }
}
@keyframes toLeft {
  to {
    left: 125%;
  }
}
.hover-type-move-up {
  -webkit-transition: 0.2s ease;
  -o-transition: 0.2s ease;
  transition: 0.2s ease;
}
.hover-type-move-up:hover {
  margin-top: -0.5rem;
  margin-bottom: .5rem;
}
.hover-type-shine {
  position: relative;
  display: block;
  overflow: hidden;
}
.hover-type-shine:before {
  position: absolute;
  z-index: 2;
  top: 0;
  left: -75%;
  display: block;
  width: 50%;
  height: 100%;
  content: "";
  -webkit-transform: skewX(-25deg);
  -ms-transform: skewX(-25deg);
  transform: skewX(-25deg);
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.3));
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.3));
}
/* .hover-type-shine:focus:before, */
.hover-type-shine:hover:before {
  -webkit-animation: toLeft .75s;
  animation: toLeft .75s;
}
.mobile-only {
	display:none;
}
@media (max-width: 767px) {
	.mobile-only {
		display:block;
	}
}
.desktop-only {
	display:block;
}
@media (max-width: 767px) {
	.desktop-only {
		display:none;
	}
}
body {
  font-size: 16px;
  line-height: 1.6;
}
input {
  max-width: 100%;
}
button[disabled], html input[disabled] {
	opacity: .4;
}
hr,
.hr {
  border-width: 3px;
  border-color: #be8017;
}
a {
  color: #1A2655;
}
a:hover,
a:active,
a:focus {
  text-decoration: none;
}
.animate1 {
  -webkit-transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}
.with-bg-img {
  background-size: cover;
  background-repeat: no-repeat;
}
.header {
  padding: 1.5rem 0 1.3rem;
}
@media (max-width: 767px) {
  .header {
    padding-top: 1rem;
    position: relative;
  }
}
.header.fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
  background: #fff;
}
.header .block {
  margin-left: .8rem;
}
.headroom {
  transition: transform 200ms linear;
}
.headroom--pinned {
  transform: translateY(0%);
}
.headroom--unpinned {
  transform: translateY(-100%);
}
.site-logo {
  width: 70%;
  display: inline-block;
}
@media (min-width: 768px) {
  .site-logo {
    width: auto;
  }
}
.site-logo a {
  color: #1A2655;
  font-size: 2rem;
  font-weight: bold;
}
@media (min-width: 768px) {
  .site-logo a {
    font-size: 3rem;
  }
}
.site-logo a img {
  /* margin-right: 1.5rem; */
  /* vertical-align: bottom; */
  max-width: 450px;
}
.header-top {
  font-size: 1.4rem;
  position: relative;
}
@media (max-width: 767px) {
  .header-top {
    position: unset;
  }
  .site-logo a img {
	  max-width: 100%;
  }
}
.header-top .pull-right {
	margin-top: 2rem;
}
.header-top .pull-right .block-login img {
	height: 23px;
	margin-right: .5rem;
}
.header-top .pull-right .block-login .txtEmail {
	display: none;
}
.header-top .block {
  margin-bottom: 0;
  display: inline-block;
  vertical-align: baseline;
}
.block-global-search {
	margin: 0;
  /* @media (min-width:768px) and (max-width:991px) {
		.sitesearch__btn {
			right: 40px;
		}
		.sitesearch__btn,
		.sitesearch__close {
			line-height: 70px;
			padding: 0 15px;
		}
		.sitesearch__close .ico-close-narrow {
			font-size: 1.7em;
		}
	}

	@media (max-width:767px) {
		.sitesearch__input {
			font-size: 12px;
			width: calc(100% - 3em);
			vertical-align: top;
			margin: 0;
		}
		.sitesearch__btn {
			line-height: 60px;
			right: 24px;
			padding: 0 15px;
			color: #fff;
		}
		.sitesearch__btn .ico-search {
			font-size: 1.4em;
			line-height: inherit;
		}
		.sitesearch__close {
			line-height: 60px;
			padding: 0 15px;
			right: 3px;
			color: #fff;
		}
		.sitesearch__close .ico-close-narrow {
			font-size: 1.7em;
			line-height: inherit;
		}
	} */
}
.block-global-search .sitesearch__wrap {
  padding: .5rem 1rem;
  margin-top:2rem;
  -webkit-transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transform: translateY(-200%);
  -ms-transform: translateY(-200%);
  transform: translateY(-200%);
  position: absolute;
  z-index: 3;
  top: 0;
  right: 0;
  visibility: hidden;
  background: #a4a4a4;
  width: 40%;
}
@media (max-width: 1199px) {
  .block-global-search .sitesearch__wrap {
    width: 60%;
  }
}
@media (max-width: 767px) {
  .block-global-search .sitesearch__wrap {
    width: 100%;
    top: auto;
    bottom: -2rem;
    -webkit-transform: translateY(-400%);
    -ms-transform: translateY(-400%);
    transform: translateY(-400%);
  }
}
.block-global-search.js-active .sitesearch__wrap {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  visibility: visible;
}
.block-global-search .sitesearch__input {
  width: calc(100% - 6rem);
  padding-left: .5rem;
  border: none;
}
.block-global-search .sitesearch__btn,
.block-global-search .sitesearch__close {
  position: absolute;
  top: .5rem;
  background: transparent;
  border: 0;
  font-size: 1.6rem;
}
.block-global-search .sitesearch__btn .fa,
.block-global-search .sitesearch__close .fa {
  vertical-align: text-top;
}
.block-global-search .sitesearch__close {
  right: 1rem;
}
.block-global-search .sitesearch__btn {
  right: 40px;
}
.miniSearch {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  z-index: 1;
  /* float: right;
	top: 69px;
	right: 0; */
  top: 43px;
  right: 56px;
  width: 328px;
  background: #2D4059;
  height: 60px;
  border-bottom: #01E1BF 4px solid;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.miniSearch:before {
  content: '';
  display: block;
  position: absolute;
  top: -7px;
  right: 24px;
  width: 0;
  height: 0;
  margin-left: -7px;
  border-style: solid;
  border-width: 0 7px 7px;
  border-color: transparent transparent #2D4059;
  opacity: 1;
}
.miniSearch.submitted:after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  width: 56px;
  height: 56px;
}
.miniSearch.on {
  width: 233px;
  padding-left: 50px;
}
.miniSearch .searchInput {
  width: 100%;
  background: 0 0;
  color: #FFF;
  font-size: 1.8rem;
  line-height: 59px;
  height: 59px;
  padding-left: 22px;
  padding-bottom: 0;
}
.miniSearch .searchBoxBtn {
  color: #FFF;
}
.expand .miniSearch {
  opacity: 1;
  visibility: visible;
}
@media (max-width: 991px) {
  .miniSearch .searchBoxBtn:hover {
    text-decoration: none;
  }
  .miniSearch {
    visibility: visible;
  }
  .expand .miniSearch {
    position: absolute;
    top: auto;
    bottom: -65px;
    width: 100vw;
  }
  .miniSearch {
    opacity: 0;
    visibility: hidden;
    position: fixed;
    top: -100px;
    width: 100%;
    right: 0;
    height: 65px;
    background: #2D4059;
    -webkit-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
  }
  .miniSearch:before {
    content: '';
    display: block;
    position: absolute;
    top: -7px;
    right: 24px;
    width: 0;
    height: 0;
    margin-left: -7px;
    border-style: solid;
    border-width: 0 7px 7px;
    border-color: transparent transparent #2D4059;
  }
  .miniSearch.submitted:after {
    width: 65px;
    height: 65px;
  }
  .miniSearch .searchInput {
    border: none;
    background-color: transparent;
    width: 100%;
    height: 65px;
    line-height: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 25px;
    color: #FFF;
    display: block;
    position: relative;
  }
  .miniSearch .searchBoxBtn {
    position: absolute;
    top: 0;
    right: 0;
    width: 65px;
    height: 65px;
    line-height: 65px;
    text-align: center;
    color: #FFF;
    font-size: 1.8rem;
    z-index: 99;
  }
  .miniSearch .searchBoxBtn:before {
    line-height: 65px;
  }
}
.bg-white {
  background: #fff;
}
.bg-grey {
  background: #eee;
}
.btnBlue,
.btnLink,
.btnLogin,
.btnMore,
.btnMore:focus,
/* .btnBlue:focus, */
.btnLink:focus,
.block-course-icons .btnToggle {
  -webkit-transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
  text-align: center;
  display: inline-block;
  padding: .5rem 1rem;
  margin-bottom: 1px;
  color: #fff;
  background: #1A2655;
  border: 1px solid transparent;
  cursor: pointer;
}
.btnLink.active,
.btnBlue.active  {
  border-color: #1A2655;
  background: #fff;
  color: #1A2655;
  text-decoration: none;
}
@media screen and (min-width: 768px) {
	.btnBlue:hover,
	.btnLink:hover,
	.btnBlue:active,
	.btnLink:active {
	  border-color: #1A2655;
	  background: #fff;
	  color: #1A2655;
	  text-decoration: none;
	}
}
.btnLink.active,
.btnBlue.active {
	pointer-events:none;
}
.btnLogin:hover,
.btnLogin:active {
  background: #fff;
  color: #0f2b5b;
  border: 1px solid #0f2b5b;
}
.btnMore,
.btnMore:focus {
  padding: .5rem 3rem;
  display: inline-block;
}
.btnMore:hover,
.btnMore:active {
  background: #fff;
  color: #0f2b5b;
  border: 1px solid #0f2b5b;
}
.btnIcon,
.icons {
  font-size: 3rem;
}
.btnIcon img,
.icons img,
.btnIcon .icon-img,
.icons .icon-img {
  width: 30px;
}
.imgIcon {
  width: 30px;
}
.btnImg, .btnImg:focus {
  margin-bottom: .5rem;
}
.btnImg .hover-img {
  display: none;
  margin: 0;
}
@media screen and (min-width: 768px) {
	.btnImg:hover img:not(.hover-img)/* ,
	.btnImg:focus img:not(.hover-img) */ {
	  display: none;
	}
	.btnImg:hover .hover-img/* ,
	.btnImg:focus .hover-img  */{
	  display: inline;
	}
}
.addDatePicker {
  width: calc(100% - 4rem);
  margin-left: .5rem;
  margin-right: .5rem;
  margin-top: 1rem;
  display: inline-table;
  vertical-align: bottom;
}
.i18n-en .addDatePicker {
	width: 100%;
	margin-left: 0;
	margin-right: 0;
}
@media (max-width: 991px) {
  .addDatePicker {
    width: 80%;
  }
}
.addDatePicker input.form-control {
  width: 100%;
}
.addDatePicker input.form-control:focus {
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.addDatePicker li {
  float: none;
}
.addDatePicker ul.list-unstyled li:hover {
  border: 0;
}
.addDatePicker .input-group-addon {
  font-size: 1.8rem;
}
.addDatePicker + button {
  font-size: 2rem;
  border: 0;
  padding: 0;
  margin-right: .5rem;
  background: transparent;
}
.addDatePicker + button:hover,
.addDatePicker + button:active,
.addDatePicker + button:focus {
  outline: none;
}
@media (max-width: 767px) {
  /* .ui-datepicker table {
		font-size: 2rem;
	} */
}
.banner {
  position: relative;
}
.banner:after {
  content: "";
  background: url("/sites/cpe/files/img/bg/header-border.png") no-repeat 100%;
  background-size: 100% 100%;
  display: block;
  width: 100%;
  height: 10px;
  position: absolute;
  top: -10px;
  left: 0;
}
.index-banner,
.slideshow {
  position: relative;
  overflow: hidden;
}

.index-banner .flexslider .slides > li img {
  max-width: 100%;
  height: auto;
}
@media screen and (min-width: 768px) {
  .index-banner,
  .index-banner .flexslider {
    height: 480px;
  }
  .index-banner .flexslider .slides > li {
    height: 480px;
  }
  .index-banner .flexslider .slides > li img {
    height: 100%;
    width: auto;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    max-width: none;
  }
}
@media screen and (min-width: 1200px) {
  .index-banner,
  .index-banner .flexslider {
    height: 550px;
  }
  .index-banner .flexslider .slides > li {
    height: 550px;
  }
  .index-banner .flexslider .slides > li img {
    height: auto;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .flexslider {
    margin-bottom: 0 !important;
  }
}
.index-banner .slick-dotted.slick-slider,
.slideshow .slick-dotted.slick-slider {
  margin: 0;
}
.index-banner .slick-dots,
.slideshow .slick-dots {
  z-index: 11;
}
.index-banner .slick-dots li,
.slideshow .slick-dots li {
  -webkit-transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
  position: relative;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 0 0 0 12px;
  color: #fff;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.98);
}
.index-banner .slick-dots li:first-child,
.slideshow .slick-dots li:first-child {
  margin-left: 0;
}
.index-banner .slick-dots li.slick-active,
.slideshow .slick-dots li.slick-active {
  box-shadow: none;
}
.index-banner .slick-dots li.slick-active button,
.slideshow .slick-dots li.slick-active button {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
.index-banner .slick-dots li button,
.slideshow .slick-dots li button {
  -webkit-transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(3);
  -ms-transform: scale(3);
  transform: scale(3);
  text-indent: -80px;
  opacity: 0;
  border-radius: 50%;
  background: #333;
}
.index-banner .slick-arrow,
.slideshow .slick-arrow {
  z-index: 13;
}
.index-banner .control-button,
.slideshow .control-button {
  position: absolute;
  width: 30px;
  height: 30px;
  top: 80%;
  right: 60px;
  z-index: 12;
  cursor: pointer;
}
@media (min-width: 768px) {
  .index-banner .control-button,
  .slideshow .control-button {
    width: 51px;
    height: 51px;
    top: calc(80% - 25px);
    right: calc(55px + 1rem + 51px);
  }
}
.inpage-banner {
  display: none;
}
@media (min-width: 768px) {
  .inpage-banner {
    display: block;
  }
}
.inpage-banner .with-bg-img {
  background-position: center top;
  width: 100%;
  height: 200px;
}
@media (min-width: 768px) {
  .inpage-banner .with-bg-img {
    height: 380px;
  }
}
@media (min-width: 992px) {
  .inpage-banner .with-bg-img {
    height: 300px;
  }
}
.slideshow {
  margin-left: -1rem;
  margin-right: -1rem;
}
.slideshow .item {
  margin: 0 1rem;
  position: relative;
}
.slideshow .item img {
  width: 100%;
}
.slideshow .item .overlay {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
}
.slideshow .slick-prev,
.slideshow .slick-next {
  width: auto;
  height: auto;
}
.slideshow .slick-prev {
  left: 39px;
  z-index: 1;
}
.slideshow .slick-next {
  right: 39px;
}
.slideshow .slick-prev:before,
.slideshow .slick-next:before {
  width: 51px;
  height: 51px;
  display: block;
  content: '';
}
.slideshow .slick-prev:before {
  background: url("../img/btn/btnArrowLeft.png") no-repeat;
}
.slideshow .slick-next:before {
  background: url("../img/btn/btnArrowRight.png") no-repeat;
}
@media (max-width: 991px) {
  .slideshow .slick-dots {
    bottom: -3rem;
  }
}
.slideshow .slick-dots li button:before {
  color: #fff;
  opacity: .5;
}
.slideshow .slick-dots li.slick-active button:before {
  color: black;
}
.slideshow.small-arrow {
  margin-left: -1rem;
  margin-right: -1rem;
}
.slideshow.small-arrow .item {
  margin: 0 1rem;
}
.slideshow.small-arrow .slick-prev,
.slideshow.small-arrow .slick-next {
  width: auto;
  height: 100%;
  padding: .5rem;
}
.slideshow.small-arrow .slick-prev:hover,
.slideshow.small-arrow .slick-next:hover {
  box-shadow: inset 0 0 1px 0px #9c9c9c;
}
.slideshow.small-arrow .slick-prev {
  left: -15px;
}
.slideshow.small-arrow .slick-next {
  right: -15px;
}
.slideshow.small-arrow .slick-prev:before,
.slideshow.small-arrow .slick-next:before {
  width: 15px;
  height: 25px;
  display: block;
  background-size: 100%;
  content: "";
}
.slideshow.small-arrow .slick-prev:before {
  background: url("/sites/cpe/files/img/btn/btnArrowLeft-sm.png") no-repeat;
}
.slideshow.small-arrow .slick-next:before {
  background: url("/sites/cpe/files/img/btn/btnArrowRight-sm.png") no-repeat;
}
/* quick search box */
.quick-search {
  position: relative;
  width: 100%;
  z-index: 2;
}
@media (min-width: 768px) {
  .quick-search {
    position: absolute;
    bottom: 10%;
  }
}
.quick-search .bg {
  background: rgba(0, 0, 0, 1);
  border-radius: 8px;
}
@media (min-width: 768px) {
  .quick-search .bg {
    text-align: center;
  }
}
.quick-search form .btnQSearch {
  width: 36px;
}
.quick-search form .input-item {
  width: 100%;
  display: inline-block;
  /*margin: .5rem 0;*/
  /*padding-left: 2rem;*/
  /*padding-right: 2rem;*/
}
.quick-search form .input-item input,
.quick-search form .input-item select {
  margin: 2rem 1rem 0 0;
  width: calc(80% - 1rem);
  height: 36px;
  font-size: 2rem;
  line-height: 36px;
  border: 1px solid transparent;
  border-radius: 8px;
  outline: 0;
  vertical-align: middle;
}
.quick-search form .input-item select {
  padding: 0 .5rem;
  -webkit-appearance: none;
   -moz-appearance: none;
        appearance: none;
	background-color:#fff;
    background-image: url(/sites/cpe/files/img/arrow-bg.png);
    background-position: 97% center;
    background-repeat: no-repeat;
}
.quick-search form .input-item select::-ms-expand {
    display: none; /* hide the default arrow in ie10 and ie11 */
}
.quick-search form .prog-search-submit {
  margin: 2rem 0 0 0;
  background-color: #be8017 !important;
  width: 15%;
  height: 36px;
  color: #fff;
  padding: 0px;
  border-radius: 8px;
  line-height: 36px;
  vertical-align: middle;
  text-align: center;
}

.quicksearch-container {
  display: flex;
  gap: 20px;
}

.advanced-search {
  margin: 1rem 3.5rem 1.8rem 0;
  float: left;
  font-size: 1.4rem;
  text-align: center;
  width: 15%;
}

.advanced-search a {
  color: #fff !important;
  text-decoration: underline;
}
.popular-keywords {
  margin: 1rem 1rem 1.8rem 3.5rem;
  width: 80%;
  font-size: 1.5rem;
  text-align: left;
}
.popular-keywords > .title {
  display: inline-block;
  position: relative;
  color: #ff8022;
  padding-right: 2rem;
}
.popular-keywords > .title:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: calc(50% - 5px);
  right: .5rem;
  border: 5px solid transparent;
  border-left-color: #ff8022;
}
.popular-keywords .list-inline  {
  display: inline !important;
}
.kh-keyword .views-field-field-keyword {
  margin-left: 5px
}
.popular-keywords a {
  color: #fff;
  text-decoration: underline;
}
.popular-keywords a:hover,
.popular-keywords a:active/* ,
.popular-keywords a:focus */ {
  text-decoration: none;
  color: #fff;
}

@media (max-width: 767px) {
  .quick-search form .input-item input {
    margin: 2rem 1rem 0 2rem;
    width: 75%;
  }
  .quick-search form .input-item input::placeholder {
    white-space: pre-wrap;
    overflow-wrap: break-word;
    font-size: 2.5vw;
    position:absolute;
    top: 3px;
    left: 4px;
  }
  .quick-search form .prog-search-submit,
  .popular-keywords,
  .advanced-search {
    font-size: 3.5vw;
  }
}

.page-wrapper {
  padding: 2rem 0;
  min-height: 400px;
}
.content-top {
  margin-bottom: 1rem;
}
.block-feature {
  color: #fff;
  /* ---- grid ---- */
  /* clear fix */
  /* ---- .element-item ---- */
}
.block-feature .sub-title {
  font-size: 2rem;
  text-align: center;
  padding: .5rem 0;
}
.block-feature .sub-title[data-background] {
  background-size: 100% 100%;
  /* display:none;  *//*temp*/
}
.block-feature .desktop-only {
  position: relative;
  height: 100%;
  margin: 1.5rem -1rem -2rem;
}
.block-feature .grid:after {
  content: '';
  display: block;
  clear: both;
}
.block-feature .grid-item,
.block-feature .grid-sizer {
  width: calc(25% - 2rem);
}
@media (max-width: 991px) {
  .block-feature .grid-item,
  .block-feature .grid-sizer {
    width: calc(50% - 2rem);
  }
}
.block-feature .grid-item {
  display: static;
  float: left;
  overflow: hidden;
  margin-bottom: 2rem;
  margin-left: 1rem;
  margin-right: 1rem;
}
.block-feature .grid-item .img {
  height: 100%;
  /*sandy add*/
  background-position:center center;
}
.block-feature .grid-item--width2 {
  width: calc(25% * 2 - 2rem);
}
.block-feature .grid-item {
	 height: 233px;
}
.block-feature .grid-item--height2 {
  height: calc((233px * 2) + 2rem);
}
@media (max-width: 1199px) {
  .block-feature .grid-item{
	  height: 199px
  }
  .block-feature .grid-item--height2 {
	height: calc((199px * 2) + 2rem);
  }
}
@media (max-width: 991px) {
  .block-feature .grid-item{
	  height: 235px
  }
  .block-feature .grid-item--height2 {
	height: calc((235px * 2) + 2rem);
  }
}
.block-feature .img img {width:100%}
.block-feature .mobile-only {
  margin: -2rem -2rem 0;
}
.block-feature .mobile-only .sub-title {
  padding: 1rem;
  color: #333;
  font-size: 2rem;
  font-weight: bold;
  padding-left: 60px;
}
.block-feature .mobile-only ul {
  background: #e4e4e4;
}
.block-feature .mobile-only ul li {
  position: relative;
  display: block;
  clear: both;
}
.block-feature .mobile-only ul li + li {
  border-top: 1px solid #ff8022;
}
.block-feature .mobile-only ul li:before {
  display: table;
  content: " ";
}
.block-feature .mobile-only ul li:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.block-feature .mobile-only .icon {
  float: left;
  margin-left: 1.5rem;
  margin-top: .8rem;
  margin-bottom: .8rem;
}
.block-feature .mobile-only .icon img {
  max-height: 50px;
}
/* subject area slideshow block */
.block-subject-area {
  text-align: center;
  margin: 0 auto;
  padding: 1rem 0;
  /* @media (min-width: @sm-min) {
		padding-left: 0;
		padding-right: 0;
	} */
}
.block-subject-area .item {
  background: #fff;
}
.block-subject-area .icon img {
  text-align: center;
  margin: 0 auto;
}
.block-subject-area .desc,
.block-member-recommend .desc {
  color: #fff;
  padding: 1rem;
  font-size: 1.5rem;
  background: rgba(0, 0, 0, 0.5);
}
/* block-subject-area */
.block-subject-area .flexslider {
  margin-bottom: 1rem;
}
.block-subject-area .flexslider .slides > li {
  position: relative;
}
.block-subject-area .flexslider .slides > li .views-field-title {
  color: #fff;
  padding: 1rem;
  font-size: 1.5rem;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
}
.block-subject-area .flexslider .slides > li .views-field-title a {
  color: #fff;
}
#block-cpe-d10-views-block-view-ts-program-block-1 > h2,
#block-cpe-d10-views-block-view-program-cat-block-1 > h2,
#block-cpe-d10-views-block-view-recommend-block-1 > h2 {
  text-align: center;
}

@media (max-width: 991px) {
  .block-subject-area .desc,
  .block-member-recommend .desc {
    padding: .5rem 1rem;
  }
}
/* index related recommend block */
.block-recommend {
  text-align: center;
  margin: 0 auto;
  padding: 1rem 0;
  /* @media (min-width: @sm-min) {
		padding-left: 0;
		padding-right: 0;
	} */
}
.block-recommend .item > div {
  border: 1px solid #ccc;
}
/* members of vtc gp */
.block-vtc-members {
  margin: 0 auto;
  padding: 1rem 0;
}
.block-vtc-members .sub-title {
  margin-top: 20px;
  margin-bottom: 1rem;
}
.block-vtc-members .img-logos img {
  float: left;
  margin: .5rem 1rem;
  max-height: 60px;
}
@media (max-width: 1199px) {
  .block-vtc-members .img-logos img {
    max-height: 50px;
  }
}
@media (max-width: 767px) {
  .block-vtc-members .img-logos img {
    float: none;
    margin: .5rem;
    max-height: 25px;
  }
}
@media (max-width: 767px) {
  .block-vtc-members .img-logos {
    text-align: center;
  }
}
.page-content {
  position: relative;
}
@media (max-width: 991px) {
  .page-content {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
.breadcrumb {
  text-align: right;
  font-size: 1.5rem;
  background: transparent;
  color: #999;
  padding: 0;
  padding-bottom: .5rem;
  margin: 0;
}
.page-title {
  color: #1A2655;
	display: inline-block;
}
.detail-pages .detail-content {
  position: relative;
  margin-top: 1rem;
  padding-top: 1rem;
}
.block-course-icons {
  font-size: 1.4rem;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  font-weight: bold;
}
@media (min-width: 768px) {
  .block-course-icons {
    position: relative;
    border-top: 1px solid #ccc;
  }
}
.block-course-icons ul {
  margin: 0;
}
.block-course-icons li {
  padding: .5rem 0;
  width: 100%;
  line-height: 3rem;
}
@media (min-width: 480px) {
  .block-course-icons li {
    width: 49.5%;
  }
}
@media (min-width: 768px) {
  .block-course-icons li {
    width: 32.333%;
  }
}
@media (min-width: 992px) {
  .block-course-icons li {
    width: 19.5%;
  }
}
.block-course-icons li div {
  display: inline-block;
  float: left;
}
.block-course-icons .btnToggle {
  padding: .5rem 1rem;
  margin-right: 15px;
  margin-top: -2rem;
  cursor: pointer;
}
.block-course-icons .toggle-content {
  display: none;
  background: #fff;
  margin-top: -2rem;
  position: absolute;
  z-index: 5;
  border-bottom: 1px solid #ccc;
}
@media (min-width: 768px) {
  .block-course-icons .toggle-content {
    display: block;
    position: static;
    margin-top: 0;
    background: transparent;
  }
}
.block-course-icons .toggle-content .btnClose {
  z-index: 999;
  display: none;
  cursor: pointer;
  border: 1px solid #333;
  color: #333;
  background-color: #fff;
  margin: 1rem;
  width: 3rem;
  height: 3rem;
  position: absolute;
  right: 0;
  top: 0;
  font-size: 2rem;
  text-align: center;
  /* span {
				background-color: #333;
				height: 1px;
				width: 30px;
				position: absolute;
				top: 17px;
				left: 2px;
				&:first-child {
					-webkit-transform: rotate(45deg);
					-ms-transform: rotate(45deg);
					transform: rotate(45deg);
				}
				&:last-child {
					-webkit-transform: rotate(-45deg);
					-ms-transform: rotate(-45deg);
					transform: rotate(-45deg);
				}
			} */
}
.block-course-icons .toggle-content.opened .btnClose {
  display: block;
}
.block-course-icons .heading {
  padding: 1rem;
  padding-bottom: 0;
  font-size: 1.5rem;
}
@media (min-width: 768px) {
}
.block-course-icons .bg {
  padding: 1rem;
}
@media (min-width: 768px) {
  .block-course-icons .bg {
    padding-bottom: 1rem;
  }
}
.block-course-icons .icon {
  width: 35px;
  margin-right: .5rem;
  vertical-align: text-top;
}
.block-course-icons .icon img {
  width: 30px;
}
.course-search-result > .inline-block {
  margin-right: 2rem;
}
.chip {
  display: inline-block;
  margin: 5px 2px;
  padding: 0.2rem 0.7rem;
  max-width: 100%;
  vertical-align: middle;
  position: relative;
  background: #a4a4a4;
}
.chip a {
  color: #fff;
  cursor: default;
  padding-right: 25px;
  border-color: #999;
}
.chip a:hover/* ,
.chip a:focus  */{
  border-color: #a4a4a4;
  background: transparent;
}
.chip .delete-chip {
  position: absolute;
  right: 8px;
  top: 2px;
  color: #fff;
  cursor: pointer;
  font-style: normal;
}
.filter-mobile-toggle-button .btnToggle {
  margin: 1rem 0;
  font-size: 2rem;
}
.course-filter {
  padding: 0.5rem 1.5rem 1rem;
  background: #f0e9d3;
  color: #1a1a1a;
  font-size: 1.5rem;
  margin-bottom: 1rem;
  display: none;
}
@media (min-width: 768px) {
  .course-filter {
    color: #1a1a1a;
  }
}
@media (min-width: 992px) {
  .course-filter {
    display: block;
  }
}
.course-filter > div + div {
  margin: 1.5rem 0;
  padding-top: 1.5rem;
  padding-bottom: .5rem;
  border-top: 2px solid #f9d092;
}
.course-filter > div + div:last-child {
  margin-bottom: 0;
}
.course-filter label {
  width: 100%;
  font-size: 2rem;
  margin: .5rem 0;
}

.award-bearing-container {
  display: flex;
  justify-content: space-between;
}

.course-filter .award-bearing-container{
  display: flex;
  flex-direction: column;
  padding-left: 15px;
  justify-content: left;
}

.course-filter .award-bearing-container .non-award-bearing label,
.course-filter .award-bearing-container .award-bearing label {
  flex: 1;
  font-size: 1.4rem;
  line-height: normal;
}

.course-filter .award-bearing-container .non-award-bearing label .caret,
.course-filter .award-bearing-container .award-bearing label .caret {
  cursor: pointer;
  background: url("../img/btn/btnExpand.png") no-repeat 100% center;
  background-size: 100%;
  width: 15px;
  height: 15px;
  float: none !important;
}

.non-award-bearing,
.award-bearing {
  flex: 1;
  font-size: 1.6rem;
  line-height: normal;
}

.course-adv-search label .caret {
  cursor: pointer;
  border: 0;
  background: url("../img/btn/btnExpand.png") no-repeat 100% center;
  background-size: 100%;
  width: 15px;
  height: 15px;
}

.course-filter label .caret,
.collapse-toggle .caret {
  cursor: pointer;
  border: 0;
  background: url("../img/btn/btnExpand.png") no-repeat 100%;
  background-size: 100%;
  width: 30px;
  height: 30px;
  float: right;
}
.non-award-bearing label + div,
.award-bearing label + div,
.course-filter label + div {
  display: none;
}
.course-filter label + div ul li {
  /* padding: .5rem;
			// border: 1px solid transparent;
			border: 1px solid @filter-bg;
			@media (min-width: @sm-min) {
				&:hover, &:active, &:focus {
					cursor: pointer;
					border: 1px solid @darkblue-bg;
					// padding: 1px 16px;
				}
			}
			&.active {
				// border: 1px solid @darkblue-bg;
				// border-left-width: 1rem;
				background: @filter-item-hover-bg;
				&:before {
					content: "\f00c";
					font: normal normal normal 14px/1 FontAwesome;
					margin-right: .5rem;
				}
			} */
}
.course-adv-search .opened label + div ,
.course-filter .opened label + div {
  display: block;
}
.course-filter .award-bearing-container .award-bearing.opened label .caret,
.course-filter .award-bearing-container .non-award-bearing.opened label .caret,
.course-adv-search .opened .caret,
.course-filter .opened .caret,
.collapse-toggle .opened .caret {
  background-image: url("../img/btn/btnCollapse.png");
}
.course-fee-range {
  margin: 1.5rem 0.5rem;
}
.course-fee-range.ui-slider-horizontal {
  height: .8rem;
}
.course-fee-range.ui-slider-horizontal .ui-slider-handle {
  top: -0.5rem;
}
.course-fee-range.ui-slider-horizontal .ui-widget-header {
  background-color: #0f2b5b;
  border-color: transparent;
}
.course-fee-range .ui-state-default,
.course-fee-range .ui-widget-content .ui-state-default {
  border-radius: 100%;
}
.course-adv-search {
  padding: 1rem 1.5rem 2rem;
  background: #f0e9d3;
  color: #1a1a1a;
  /* li:extend(.course-filter label + div ul li all) {
		padding: 0;
		// float: left;
		border: 0;
		&:hover, &:active, &:focus {
			border: 0;
		}
	} */
}
.course-adv-search hr {
  border-color: #f9d092;
}
.course-adv-search .sub-title {
  display: inline-block;
  margin: 1.5rem 0;
}
.course-adv-search .sub-title.labelKeyword {
  font-size: 1.8rem;
  font-weight: bold;
}
.course-adv-search .sub-title.labelKeyword + input[type=text] {
  vertical-align: unset;
}
.course-adv-search .sub-title + input[type=text] {
  margin-bottom: 1.5rem;
  vertical-align: middle;
}
.course-adv-search input[type=text] {
  width: 80%;
  width: calc(100% - 1rem - 2rem - 2rem);
}
@media (min-width: 768px) {
  .course-adv-search input[type=text] {
    width: 30%;
  }
}
.course-adv-search input[type=checkbox] {
  opacity: 0;
  float: right;
}
.course-adv-search .addDatePicker {
  width: 80%;
}
.i18n-en .course-adv-search .addDatePicker {
	width: 100%;
}
@media (min-width: 768px) {
  .course-adv-search .addDatePicker,
  .i18n-en .course-adv-search .addDatePicker {
    width: 30%;
  }
}
.course-adv-search .addDatePicker input[type=text] {
  width: 100%;
}
.course-adv-search .addDatePicker li {
  float: none;
}
.course-adv-search .addDatePicker li:hover/* ,
.course-adv-search .addDatePicker li:focus */ {
  cursor: auto;
  border: 0;
}
.course-adv-search .subject-cat {
  margin: 0;
}
.course-adv-search .subject-cat img {
  width: 25px;
  margin-right: .8rem;
}
.checkbox-list label {
  width: 100%;
  font-weight: normal;
  margin: 0;
  padding-left: 15px;
  border: 1px solid #f0e9d3;
    line-height: 1.8rem;
    font-size: 1.4rem;
    margin-bottom: .3rem;
}
.course-adv-search .checkbox-list label {
	font-size: 1.6rem;
	line-height: normal;
}
@media (min-width: 768px) {
  .checkbox-list label:hover,
  .checkbox-list label:active/* ,
  .checkbox-list label:focus  */{
    cursor: pointer;
    border: 1px solid #0f2b5b;
  }
}
.checkbox-list label.active {
  background: #e9bd7d;
}
.checkbox-list label.active:before {
  content: "\f00c";
  font: normal normal normal 14px/1 FontAwesome;
  margin-right: .5rem;
}
.checkbox-list input[type=checkbox] {
  margin-right: .5rem;
}
.checkbox-list .active input[type=checkbox],
.course-adv-search .checkbox-list input[type=checkbox],
.course-filter .checkbox-list input[type=checkbox] {
  display: none;
}
.checkbox-list ul {
  margin: 0;
  padding: 0;
}
.checkbox-list ul ul {
  margin-left: 2rem;
  margin-bottom: 2rem;
}
.action {
  margin-top: 2rem;
}
@media (min-width: 768px) {
  .course-item-list div[class*=col]:nth-of-type(2n+1) {
    clear: both;
  }
}
@media (min-width: 992px) {
  .course-item-list div[class*=col]:nth-of-type(2n+1) {
    clear: none;
  }
  .course-item-list div[class*=col]:nth-of-type(3n+1) {
    clear: both;
  }
}
.btnBookmark {
  width: 35px;
  height: 33px;
  margin-left: .5rem;
  background: url("../img/btn/btnBookmark.png") no-repeat;
  background-size: 100%;
  cursor: pointer;
}
.btnBookmark.on {
  background-image: url("../img/btn/btnBookmark-on.png");
}
@media (min-width: 768px) {
  .btnBookmark:hover {
    background-image: url("../img/btn/btnBookmark-on.png");
  }
}
.btnPrint {
  width: 30px;
  height: 30px;
  margin-left: .5rem;
  background: url("/sites/cpe/files/img/btn/btnPrint.png") no-repeat;
  background-size: 100%;
  cursor: pointer;
}
@media (max-width: 991px) {
  .btnPrint {
    display: none;
  }
}
.btnShare {
  width: 21px;
  height: 30px;
  margin-left: .5rem;
  background: url("/sites/cpe/files/img/btn/btnShare.png") no-repeat;
  background-size: 100%;
  cursor: pointer;
}
.share-buttons {
  position: relative;
}
.share-buttons > li {
  padding: 0;
}
.icons-wrapper {
  display: none;
  padding: 1rem;
  background-color: #FFF;
  border: 1px solid #e0e0e0;
  -webkit-box-shadow: 2px 2px 5px 1px #e0e0e0;
  box-shadow: 2px 2px 5px 1px #e0e0e0;
  position: absolute;
  right: 0;
  top: 3rem;
  z-index: 1;
  width: 210px;
  text-align: center;
}
.icons-wrapper img {
  margin-left: .5rem;
  margin-right: .5rem;
}
.course-item,
.cardboard-item,
.listView .item {
  background: #f9f9f9;
  padding: 1.5rem;
  margin-bottom: 2.5rem;
  position: relative;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}
@media (max-width: 991px) {
  .course-item,
  .cardboard-item,
  .listView .item {
    padding: 2rem;
  }
}
.block-institutions-list .course-item,
.block-institutions-list .cardboard-item,
.block-institutions-list .listView .item {
  padding-top: .5rem;
}
.course-item:before,
.cardboard-item:before,
.detail-pages .detail-content:before,
.course-detail-box .panel-heading:before,
.member-detail [class*=col] > div .block-content:before,
.listView .item:before {
  background: -webkit-gradient(linear, left top, right top, from(#cbd533), to(#117567));
  background: -webkit-linear-gradient(left, #cbd533, #117567);
  background: -o-linear-gradient(left, #cbd533, #117567);
  background: linear-gradient(to right, #cbd533, #117567);
  content: '';
  position: absolute;
  width: 100%;
  height: 2px;
  top: 0px;
  left: 0;
}
.course-item:hover,
.cardboard-item:hover,
.members-map .members-logos .item.active,
.listView .item:hover {
  -webkit-box-shadow: 2px 2px 5px 1px #e0e0e0;
  box-shadow: 2px 2px 5px 1px #e0e0e0;
}
.course-item .head,
.cardboard-item .head,
.listView .item .head {
  position: relative;
  clear: both;
  color: #1A2655;
}
.course-item .title,
.cardboard-item .title,
.course-item .title a,
.cardboard-item .title a,
.listView .item .title,
.listView .item .title a {
  color: #1A2655;
  line-height: 1.3;
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 1.5rem;
}
.course-item .course-code,
.cardboard-item .course-code,
.listView .item .course-code {
  font-size: 2rem;
  font-weight: bold;
  color: #b39100;
}
.course-item .detail-box,
.cardboard-item .detail-box,
.listView .item .detail-box,
.listView .item .detail-box {
  clear: both;
  margin: .5rem 0 3rem;
  background: #eee;
  padding: 1rem .5rem 1rem;
  min-height: 20rem;
  position: relative;
}
@media (max-width: 767px) {
  .course-item .detail-box,
  .cardboard-item .detail-box,
  .listView .item .detail-box,
  .listView .item .detail-box {
    min-height: auto;
  }
}
.course-item .detail-box.with-img,
.cardboard-item .detail-box.with-img,
.listView .item .detail-box.with-img {
  padding-bottom: 1rem;
  margin-bottom: 4rem;
  min-height: auto;
}
.course-item .bottom,
.cardboard-item .bottom,
.listView .item .bottom {
  position: absolute;
  right: .5rem;
  bottom: .5rem;
}
.course-item .detail-box.with-img + .bottom,
.cardboard-item .detail-box.with-img + .bottom,
.listView .item .detail-box.with-img + .bottom {
	bottom: 1rem;
}
.course-item .bottom img,
.course-item .sub-header img,
.cardboard-item .bottom img,
.listView .item .bottom img {
  width: 30px;
}
.course-item .bottom:after,
.cardboard-item .bottom:after,
.listView .item .bottom:after {
  content: " ";
  display: table;
  clear: both;
}
/* my page */
.my-menu {
  border-bottom: 1px solid #a4a4a4;
  padding-bottom: 1rem;
}
.my-menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.my-menu ul li {
  display: inline-block;
  margin: .25rem 0;
  margin-right: .5rem;
  border: 1px solid #0f2b5b;
  color: #fff;
  background: #0f2b5b;
  -webkit-transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}
.my-menu ul li a {
  color: #fff;
  display: inline-block;
  padding: .8rem 1.5rem;
}
.my-menu ul li:hover,
.my-menu ul li:active,
.my-menu ul li.active {
  color: #1A2655;
  background: #fff;
}
.my-menu ul li:hover a,
.my-menu ul li:active a,
.my-menu ul li.active a {
  color: #1A2655;
}
.my-menu ul li.active a {
  pointer-events: none;
}
#captcha {
  margin: .5rem 0;
}
#captcha + a {
  display: inline-block;
}
.filter-link ul,
.my-course-list-tabs ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.filter-link ul li,
.my-course-list-tabs ul li {
  display: inline-block;
  padding: .8rem 1.5rem;
  color: #999;
}
.filter-link ul li.active a,
.my-course-list-tabs ul li.active a {
  color: #1a1a1a;
}
.filter-link ul li a,
.my-course-list-tabs ul li a {
  color: #999;
}

.filter-link ul li a:hover,
.filter-link ul li a:active,
.filter-link ul li a.active,
.my-course-list-tabs ul li a:hover,
/* .my-course-list-tabs ul li a:focus, */
.my-course-list-tabs ul li a:active,
.my-course-list-tabs ul li a.active {
  color: #1a1a1a;
  text-decoration: underline;
}
.my-course-list table,
.blue-table table {
  width: 100%;
  border: 1px solid #b5b5b5;
  border-top: 0;
  background: #fff;
  margin-bottom: 3rem;
}
.my-course-list table thead,
.blue-table table thead {
  background: #0971a8;
  color: #fff;
}
.my-course-list table thead th,
.blue-table table thead th {
  padding: .7rem;
  border: 0;
}
.my-course-list table tr + tr,
.blue-table table tr + tr {
  border-top: 1px solid #b5b5b5;
}
@media (max-width: 991px) {
  .my-course-list table,
  .blue-table table {
    padding: 2rem 0;
  }
  .my-course-list table tr + tr,
  .blue-table table tr + tr {
    border-top: 0;
  }
}
.my-course-list table td,
.blue-table table td {
  padding: .7rem;
  vertical-align: top;
}
.my-course-list .prog-item .status {
		min-width: 100px;
}
.my-course-list table td.course-name,
.blue-table table td.course-name,
.my-course-list table td.programme-name,
.blue-table table td.programme-name {
  width: 20%;
  color: #0971a8;
  font-weight: bold;
}
.my-enrolled-programme.my-course-list table td.programme-name,
.my-enrolled-programme.blue-table table td.programme-name {
  width: 50%;
}
.my-course-list table td.payment,
.blue-table table td.payment {
  width: 20%;
}
@media (max-width: 1199px) {
  .my-course-list table td.payment,
  .blue-table table td.payment {
    width: 25%;
  }
}
.my-course-list table td.action,
.blue-table table td.action {
  width: 15%;
}
.my-course-list table td .btnImg img,
.blue-table table td .btnImg img {
  width: 20px;
  cursor: pointer;
}
.my-course-list table td .btnImg img + .btnImg img,
.blue-table table td .btnImg img + .btnImg img {
  margin-left: .5rem;
}
.my-course-list table td .fee-item-list,
.blue-table table td .fee-item-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.my-course-list table td .fee-item-list .btnImg,
.blue-table table td .fee-item-list .btnImg {
  vertical-align: top;
}
.my-course-list table td .fee-item-list .btnImg:focus,
.blue-table table td .fee-item-list .btnImg:focus {
  margin-bottom: .5rem;
}
.my-course-list table td .fee-item-list li + li,
.blue-table table td .fee-item-list li + li {
  margin-top: 1.5rem;
}
.my-course-list table td.action .fee-item-list li + li,
.blue-table table td.action .fee-item-list li + li {
  margin-top: 1.5rem;
}
@media (max-width: 991px) {
  .my-course-list table td,
  .blue-table table td {
    padding: 0 2rem;
  }
  .my-course-list table td.col-name,
  .blue-table table td.col-name {
    font-weight: bold;
    padding-top: 1.5rem;
  }
  .my-course-list table td.col-name:after,
  .blue-table table td.col-name:after {
    content: "";
    display: block;
    border-bottom: 1px solid #333;
  }
}
.my-course-list table tr:last-child td,
.blue-table table tr:last-child td {
  padding-bottom: 1.5rem;
}
.my-course-list .item table,
.blue-table .item table {
  margin-bottom: 1.5rem;
}
.my-course-list .record,
.blue-table .record {
  position: relative;
  margin: 1rem 0;
}
.my-course-list .record .btnImg,
.blue-table .record .btnImg,
.my-course-list table td .btnImg,
.blue-table table td .btnImg {
  width: 51px;
  height: 45px;
  text-align: center;
  margin-right: .5rem;
}
.my-course-list .record .btnImg + .btnImg,
.blue-table .record .btnImg + .btnImg,
.my-course-list table td .btnImg + .btnImg,
.blue-table table td .btnImg + .btnImg {
  /* margin-left: .5rem; */
}
.my-course-list .panel,
.blue-table .panel {
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
.my-course-list .panel-heading,
.blue-table .panel-heading {
  position: relative;
  background: #0971a8;
  padding-right: 35px;
  border: 0;
  border-radius: 0;
}
.my-course-list .panel-heading,
.blue-table .panel-heading,
.my-course-list .panel-heading a,
.blue-table .panel-heading a {
  color: #fff;
}
.my-course-list .des-toggle,
.blue-table .des-toggle {
  cursor: pointer;
  border: 0;
  background: url("../img/btn/btnCollapse.png") no-repeat 100%;
  background-size: 100%;
  background-color: #fff;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  display: inline-block;
  vertical-align: top;
  margin-left: .5rem;
  position: absolute;
  top: calc(50% - 13px);
  right: .5rem;
}
.my-course-list .collapsed .des-toggle,
.blue-table .collapsed .des-toggle {
  background-image: url("../img/btn/btnExpand.png");
}
.my-course-list .not-appl-msg {
  padding:10px 0;
}
.block-important-date .search-bar .input-item {
  padding: 1rem;
  width: 100%;
  margin: 0 auto;
  background: #a4a4a4;
}
@media (min-width: 768px) {
  .block-important-date .search-bar .input-item {
    width: 70%;
  }
}
.block-important-date .search-bar input {
  width: calc(100% - 50px);
  padding: 5px 10px;
  line-height: 2rem;
  border: 1px solid transparent;
  outline: 0;
  vertical-align: middle;
}
.block-important-date .search-bar .btnSearch {
  width: 36px;
}
.block-important-date .item {
  background: #eee;
  margin: 1rem 0;
  padding: 1.5rem;
}
.block-important-date .item .date {
  font-size: 2rem;
  color: #be8017;
  margin-bottom: 2.5rem;
}
.block-important-date .item .title {
  color: #1A2655;
  font-weight: bold;
  margin-bottom: 1.5rem;
}
.block-my-score .course-item .detail-box,
.block-my-score .listView .item .detail-box {
  min-height: auto;
  margin-bottom: 0;
}
.table-form .row {
  padding-top: .8rem;
  padding-bottom: .8rem;
}
@media (max-width: 767px) {
  .table-form .row:first-child {
    padding-bottom: 0;
  }
}
.table-form .row [class*=col]:first-child {
  font-weight: bold;
}
.table-form .sub-heading {
  padding-top: .8rem;
  padding-bottom: .8rem;
  background: #0971a8;
  color: #fff;
}
.table-form .help-text {
  font-size: 1.2rem;
  font-style: italic;
}
.table-form .country-code {
  width: 5rem;
}
/* course detail page */
.program_details .content-top {
	margin-top: 1.5rem;
}
.program_details .content-body section > .clearfix {
	position: relative;
}
.program_details .content-body .pull-right.icons {
	position: absolute;
	right: 0;
	bottom: 0;
}
.course-detail-box {
  background: #fff;
  margin-top: 1rem;
}
.course-detail-box .panel {
  width: 100%;
  display: inline-block;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  /* @media (max-width: @sm-max) {
			width: calc( 100% - 100px - 1rem );
		} */
}
.course-detail-box .panel-heading {
  border-radius: 0;
  position: relative;
  padding: .7rem 40px .7rem 15px;
  border: 0;
  font-size: 1.8rem;
  width: 100%;
}
.course-detail-box .panel-heading:before {
  z-index: 1;
}
.course-detail-box .panel-heading,
.course-detail-box .panel-heading a {
  color: #1A2655;
}
.course-detail-box .panel-heading a[data-toggle="collapse"] {
  display: inline-block;
  padding: .5rem 0;
}
@media (max-width: 767px) {
  .course-detail-box .panel-heading strong {
    display: block;
  }
}
.course-detail-box .panel-collapse {
  position: relative;
}
.course-detail-box .field-name {
  color: #1A2655;
  font-weight: bold;
}
.course-detail-box .panel-body {
  padding-top: 0;
  padding-bottom: 0;
  background: #eee;
}
.course-detail-box .panel-body .row {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.course-detail-box .panel-body .class-list {
  background: #ccc;
  margin-bottom: -1rem;
}
.course-detail-box .panel-body .class-list tr {
  border-top: 1px solid #aaa;
}
.course-detail-box .panel-body .class-list td {
  padding: .5rem 1.5rem;
}
.course-detail-box .panel-body .class-list td:first-child {
  width: 16.66666667%;
}
.course-detail-box .panel-body .class-list td.medium_instr,
.course-detail-box .panel-body .class-list td.prog_code,
.course-detail-box .panel-body .class-list td.comm_date {
  width: 15%;
}
.course-detail-box .panel-body .class-list td.apply_online,
.course-detail-box .panel-body .class-list td.remarks {
  width: 12%;
}
@media (max-width: 767px) {
  .course-detail-box .panel-body .class-list thead {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  .course-detail-box .panel-body .class-list tr {
    border: 0;
    margin-bottom: 1rem;
    display: block;
  }
  .course-detail-box .panel-body .class-list td {
    display: block;
    text-align: right;
    clear: both;
  }
  .course-detail-box .panel-body .class-list td:first-child {
    width: auto;
  }
  .course-detail-box .panel-body .class-list td:before {
    float: left;
    content: attr(data-label);
    font-weight: bold;
    display: inline-block;
    margin-bottom: 0;
    width: 30%;
    text-align: left;
  }
  .course-detail-box .panel-body .class-list td:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
  .course-detail-box .panel-body .class-list td span {
    display: inline-block;
    width: 65%;
  }
}
.course-detail-box .panel-body strong,
.course-detail-box .panel-body .sub-title {
  color: #1A2655;
  font-weight: bold;
}
.course-detail-box .des-toggle {
  cursor: pointer;
  border: 0;
  background: url("../img/btn/btnCollapse.png") no-repeat 100%;
  background-size: 100%;
  width: 26px;
  height: 26px;
  vertical-align: middle;
  position: absolute;
  top: calc(50% - 13px);
  right: .5rem;
}
.course-detail-box .collapsed .des-toggle {
  background-image: url("../img/btn/btnExpand.png");
}
.course-detail-box a.btnApply {
  -webkit-transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
  text-align: center;
  display: inline-block;
  padding: .5rem 1rem;
  margin-bottom: 1px;
  background: #1A2655;
  border: 1px solid transparent;
  cursor: pointer;
  color: #fff;
  float: right;
  /* padding: 10px 15px;
		text-align: center;
		width: 150px;
		display: inline-block;
		&.disable {
			pointer-events:none;
			background: @grey-ae;
			color: @darkblue;
		}
		@media (max-width: @sm-max) {
			width: 100px;
		} */
}
.course-detail-box a.btnApply:hover,
/* .course-detail-box a.btnApply:focus, */
.course-detail-box a.btnApply:active {
  border-color: #1A2655;
  background: #fff;
  color: #1A2655;
  text-decoration: none;
}
@media (max-width: 767px) {
  .course-detail-box a.btnApply {
    float: none;
  }
}
.sticky-link {
  background: rgba(9, 113, 168, 0.8);
  text-align: center;
  padding: 1rem;
  position: fixed;
  width: 100%;
  bottom: -50rem;
  left: 0;
  z-index: 10;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}
.sticky-link,
.sticky-link a {
  color: #fff;
  font-size: 2rem;
}
.sticky-link.slideUp {
  bottom: 0;
}
.sticky-link.disable {
  display: none;
}
.sticky-link .btnClose {
  background: transparent;
  border: 0;
}
@media print {
  .sticky-link {
    display: none;
  }
}
.block-online-inquire .form {
  background: #ccc;
  padding: 1.5rem 0;
}
.block-online-inquire .form .row {
  margin: .5rem 0;
}
@media (min-width: 768px) {
  .block-online-inquire .form .row {
    margin-top: 0;
  }
}
.block-online-inquire .form .row [class*=col] {
  margin: 0;
}
@media (max-width: 767px) {
  .block-online-inquire .form .row:first-child {
    margin-bottom: 0;
  }
}
.block-online-inquire .form .row:first-child [class*=col] {
  margin-bottom: 1rem;
}
@media (min-width: 768px) {
  .block-online-inquire .form .row:first-child [class*=col] {
    margin: 0;
  }
}
.block-online-inquire .form .row:last-child {
  margin-bottom: 0;
}
.block-online-inquire .form label {
  color: #1A2655;
  margin-bottom: 0;
  display: inline-block;
}
@media (min-width: 768px) {
}
.block-online-inquire .form [class*=col] {
  margin-top: 1rem;
}
@media (min-width: 768px) {
  .block-online-inquire .form [class*=col] {
    margin-top: 0;
  }
}
.block-online-inquire .form [class*=col] input {
  width: 100%;
}
.block-online-inquire .form textarea {
  height: 8rem;
  resize: none;
}
.block-online-inquire .form .btnSubmit {
  margin-top: 1rem;
}
@media (min-width: 992px) {
  .block-online-inquire .form .btnSubmit {
    margin-top: 0;
  }
}
.block-course-recommend .course-item .detail-box,
.block-course-recommend .listView .item .detail-box {
  min-height: 10rem;
}
.members-overall,
.border-card {
  text-align: center;
}
.members-overall .logo,
.border-card .logo {
  background: #fff;
  padding: 2.5rem 2rem;
  border: 1px solid #b5b5b5;
}
@media (max-width: 767px) {
  .members-overall .logo,
  .border-card .logo {
    padding: 1rem;
  }
}
.members-overall .logo img,
.border-card .logo img {
  max-height: 100px;
}
.members-overall .member-name,
.border-card .member-name,
.members-overall .name,
.border-card .name {
  padding: 1rem 0;
  margin-bottom: 1rem;
}
.member-detail .detail-content {
	padding-top: 20px;
}
.member-detail .member-banner {
	margin-top: 20px;
}
.member-detail .iconGmap {
  width: auto;
  height: 25px;
  vertical-align: baseline;
  margin-bottom: -2px;
}
.member-detail [class*=col] > div {
  margin-top: 2rem;
  margin-bottom: 1.5rem;
}
.member-detail [class*=col] > div.member-logo {
  margin: 0 0 .5rem;
  padding: 0;
}
@media (max-width: 767px) {
  .member-detail [class*=col] > div.member-logo {
    text-align: center;
  }
}
.member-detail [class*=col] > div .block-content {
  padding: 1.5rem 1rem 1rem;
  border: 1px solid #ddd;
  position: relative;
}
.member-detail [class*=col] > div .block-content:before {
  z-index: 1;
}
.member-detail [class*=col] > div .block-content .tblInfo td {
  padding: .5rem 0;
}
.member-detail [class*=col] > div .block-content .tblInfo td:first-child {
  width: 50px;
  white-space: nowrap;
}
.member-detail [class*=col] > div .block-content > .row {
  margin-top: .5rem;
  margin-bottom: .5rem;
}
.member-detail [class*=col] > div .block-content > .row [class*=col] + [class*=col] {
  padding-left: 0;
}
.member-detail [class*=col] > div.member-news-block .block-content {
  padding-left: 0;
  padding-right: 0;
}
.member-detail [class*=col] > div.member-news-block .block-content .slideshow {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.member-detail [class*=col] > div .sub-title {
  color: #1A2655;
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 2rem;
  font-weight: bold;
  display: inline-block;
}
.member-detail [class*=col] > div .pull-right {
  margin-left: 1rem;
}
.member-detail [class*=col] > div strong {
  color: #1A2655;
  font-weight: bold;
  margin-right: .8rem;
}

.member-detail-location-list.contextual-region h2 {
  width: 100%;
}
.member-detail-location-list .col-md-4 {
  padding: 0;
}
.member-detail-location-list .loc-detail-container {
  margin: 0 !important;
  /* max-width: 360px; */
}
.member-detail-location-list .sub-title {
  margin: 2rem 0 1rem !important;
}
.member-detail-location-list .loc-detail-container .block-content {
  margin: 0 !important;
  min-width: 30rem;
}
.primary-member-location .member-detail-location-list .col-md-4 {
  float: none;
  padding: 0;
  min-height: 0;
}
.primary-member-location .member-detail-location-list .loc-detail-container {
  margin: 0 !important;
}
.primary-member-location .member-detail-location-list .loc-detail-container > .sub-title {
  display: none !important;
}
@media (min-width: 992px) {
  .member-detail-location-list.contextual-region {
    display: flex;
    flex-wrap: wrap;
  }
  .member-detail-location-list .col-md-4 .loc-detail-container {
    padding-right: 30px;
    width: 380px;
  }
  .member-detail-location-list .col-md-4 {
    width: auto;
    /* max-width: 33.33333333%; */
    max-width: 380px;
  }
  .primary-member-location .member-detail-location-list .col-md-4 {
    max-width: 100%;
  }
}
#member_detail_news_list {
  padding-bottom: 10px;
}
#member_detail_news_list .views-field-title {
  color: #000 !important;
  padding: 0 !important;
  background: none !important;
  position: relative !important;
}
#member_detail_news_list .views-field-title .content a {
  color: #000 !important;
}
#member_detail_news_list .flex-control-nav {
  bottom: 0 !important;
}
#member_detail_news_list .btnLink:hover {
  color: #1A2655 !important;
}
#member_detail_news_list .flex-direction-nav .flex-prev {
  left: -25px !important;
}
.block-member-recommend .desc {
  text-align: center;
}
.members-map .members-logos {
  padding: 1rem 0;
}
.members-map .members-logos .item {
  cursor: pointer;
  text-align: center;
}
.members-map .members-logos .item.active {
  background: #f9f9f9;
}
.members-map .members-logos .item.dim {
  opacity: .5;
}
.members-map .members-logos .logo {
  padding: .5rem 0;
  margin-top: .5rem;
  margin-bottom: .5rem;
}
.members-map .members-logos img {
  max-height: 30px;
}
#map_canvas {
  width: 100%;
  height: 580px;
  position: relative;
  overflow: hidden;
}
.loc-list {
  border-top: 1px solid #999;
  padding-top: 1rem;
  min-height: 18rem;
  overflow-y: auto;
  max-height: 37rem;
}
.loc-list ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.loc-list ul li {
  padding: 1rem;
}
@media (min-width: 768px) {
  .loc-list ul li:hover {
    background: #f9f9f9;
  }
}
.loc-list .name {
  color: #1A2655;
  font-size: 1.8rem;
  font-weight: bold;
}
.loc-list .address,
.loc-list .tel,
.loc-list .fax,
.loc-list .email {
  position: relative;
  margin: .8rem 0;
  padding-left: 40px;
}
.loc-list .address:before,
.loc-list .tel:before,
.loc-list .fax:before,
.loc-list .email:before {
  display: table;
  content: " ";
  width: 30px;
  height: 30px;
  background-size: 100%;
  background-position: 100% 100%;
  background-repeat: no-repeat;
  float: left;
  margin-right: 1rem;
  position: absolute;
  left: 0;
}
.loc-list .address:after,
.loc-list .tel:after,
.loc-list .fax:after,
.loc-list .email:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.loc-list .address .imgIcon,
.loc-list .tel .imgIcon,
.loc-list .fax .imgIcon,
.loc-list .email .imgIcon {
  position: absolute;
}
.loc-list .tel,
.loc-list .fax {
  margin-right: 1rem;
}
.loc-list .fax {
  padding-left: 35px;
}
.loc-list .address:before {
  background-image: url("../img/icons/icon-addr_grey.png");
}
.loc-list .tel:before {
  background-image: url("../img/icons/icon-tel_grey.png");
  height: 25px;
}
.loc-list .fax:before {
  background-image: url("../img/icons/icon-fax_grey.png");
  width: 27px;
  height: 26px;
}
.loc-list .email:before {
  background-image: url("../img/icons/icon-email_grey.png");
  height: 25px;
}
/* news detail page */
.fancybox-nav span {
  visibility: visible;
}
.news-post-info {
  display: inline-block;
  color: #b39100;
}
figure {
  margin-bottom: 1rem;
}
figure img {
  width: 100%;
}
figure figcaption {
  font-size: 1.4rem;
  padding: .5rem;
  background: #eee;
  font-style: italic;
}
.news-top-img {
  margin-top: 1rem;
  margin-bottom: 2rem;
}
.mobile-slideshow {
  margin-top: 1rem;
  margin-bottom: 2rem;
}
.mobile-slideshow .slideshow .slick-dots {
  bottom: -1rem;
}
.news-side-img {
  float: right;
  width: 300px;
  margin: 0 0 30px 30px;
  padding: 6px 0 0;
}
.node-type-news-event .field-name-body .field:not(:last-child) {
	margin-bottom: 1.5rem;
}
.node-type-news-event .field-name-body .field-label {
	color: #b39100;
  font-weight: 600;
}
/* news listing */
.news-filter {
  margin-bottom: 1.5rem;
}
.news-filter>.pull-right .inline-block {
	margin-left: .5rem;
}
.listView .item {
  position: relative;
  background: #f9f9f9;
  padding: 0;
}
@media (max-width: 767px) {
  .listView .item {
    padding: 2.5rem 3.5rem 1.5rem;
  }
}
@media (max-width: 560px) {
  .listView .item {
    padding: 20px 18px;
  }
}
.listView .item:before {
  z-index: 1;
}
.listView .item .left {
  padding: 35px 40px 55px;
  width: 60%;
}
.listView .item .left:only-child {
	width: 100%;
}
@media (max-width: 767px) {
  .listView .item .left {
    padding: 0;
    width: 100%;
  }
}
.listView .item .right {
  width: 40%;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  background-position: center center;
}
@media (max-width: 767px) {
  .listView .item .right {
    display: none;
  }
}
.listView .item .right img {
  display: none;
}
.listView .item .sub-title {
  color: #1A2655;
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 1rem;
}
.listView .item .detail-box {
  min-height: auto;
  margin: 0;
  margin-bottom: 1.5rem;
  padding: .5rem;
}
.listView .item .detail-box .content {
  margin-top: 1rem;
}
.listView .item .read-more-wrap {
  position: absolute;
  bottom: 1.5rem;
}
@media (max-width: 767px) {
  .listView .item .read-more-wrap {
    position: static;
  }
}
@media (max-width: 767px) {
  .listView .item .visible-xs,
  .listView .item .mobile-thumb {
    margin-bottom: 15px;
  }
}
.tablet-show {
  display: none;
}
.tab-container {
  /*   background: #fff;
  padding: 30px 50px;
  border: 1px solid #cbb97b;
  border-top: none;
  position: relative;
  -webkit-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;
  width: 100%;
  box-sizing: border-box; */
}
.tab-container.item.no-padding {
  padding: 0;
}
.tab-container.item.no-padding .left {
  padding: 35px 40px 55px;
  width: 60%;
}
.tab-container.item.no-padding .right,
.tab-container.item.no-padding .required-text {
  width: 40%;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
}
.tab-container.item.no-padding .right img,
.tab-container.item.no-padding .required-text img {
  display: none;
}
.tab-container.item.no-padding .read-more-wrap {
  position: absolute;
  bottom: 1rem;
}
.tab-container.item.margin-bottom {
  margin-bottom: 25px;
}
.tab-container.gray {
  border-color: #ddd;
}
.tab-container.hover {
  cursor: pointer;
}
.tab-container.hover:hover {
  border-color: #2c539d;
}
.tab-container.hover:hover .read-more-wrap > a {
  color: #2c539d;
}
.tab-container.hover:hover .read-more-wrap > a .ico-read-more {
  background-position: center -16px;
}
.tab-container.hover:hover .read-more-wrap > a > span {
  color: #2c539d;
}
.tab-container.hover:hover h3,
.tab-container.hover:hover .fast-facts .main-container .fast-facts-wrap > .section.international-network > .content > div.continent .continent-title,
.fast-facts .main-container .fast-facts-wrap > .section.international-network > .content > div.continent .tab-container.hover:hover .continent-title {
  color: #2c539d;
}
.tab-container:before {
  content: '';
  position: absolute;
  top: 12px;
  left: -1px;
  width: 25px;
  height: 56px;
  display: block;
  -webkit-transition: background 0.2s ease-in-out;
  -o-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
}
.tab-container .prof-img,
.tab-container .event-img {
  min-height: 250px;
  width: 200px;
}
.tab-container .prof-title,
.tab-container .event-title {
  width: 240px;
  padding: 0 0 0 30px;
}
.tab-container .prof-content,
.tab-container .event-content {
  padding: 0 0 0 30px;
  overflow: hidden;
  text-align: justify;
}
.tab-container img {
  margin: 0 auto;
  width: 100%;
}
.tab-container .image-container {
  margin: 2.5em 0;
}
.tab-container .image-container img {
  margin: 0 auto;
  display: block;
}
.tab-container .image-container span {
  text-align: center;
  margin-top: 10px;
  display: block;
  padding: 0 35px;
}
.tab-container.clearfix:after {
  display: inline-block;
  width: 100%;
}
@media only (max-width: 768px) {
  .tablet-show {
    display: block;
    margin-bottom: 15px;
  }
  .tablet-show img {
    width: 100%;
  }
  .tab-container {
    padding: 25px 35px;
  }
  .tab-container.item {
    padding: 30px 43px;
  }
  .tab-container.item.no-padding {
    padding: 30px 43px;
  }
  .tab-container.item.no-padding .left {
    padding: 0 0;
    width: 100%;
  }
  .tab-container.item.no-padding .right,
  .tab-container.item.no-padding .required-text {
    display: none;
  }
  .tab-container .image-container > * img {
    max-width: 100%;
  }
}
@media only (max-width: 560px) {
  .tab-container {
    padding: 15px 15px;
  }
  .tab-container.item {
    padding: 20px 18px;
  }
  .tab-container.item.no-padding {
    padding: 20px 18px;
    padding-bottom: 10px;
  }
  .tab-container.item.no-padding .left {
    padding-bottom: 25px;
  }
  .tab-container:before {
    content: none;
  }
  .tab-container .prof-img,
  .tab-container .event-img {
    width: 100%;
    max-width: 100%;
    float: none;
    margin-bottom: 2em;
  }
  .tab-container .prof-img img,
  .tab-container .event-img img {
    width: 100%;
  }
  .tab-container .prof-title,
  .tab-container .event-title {
    padding: 0;
  }
  .tab-container .prof-content,
  .tab-container .event-content {
    margin: 0;
    padding: 0 0 0 0;
  }
  .no-padding-mobile {
    padding: 0;
  }
  .detail.name-list span,
  .detail span {
    float: none;
    width: 100%;
    margin-left: 0;
  }
  .detail.name-list span:nth-of-type(2n),
  .detail span:nth-of-type(2n) {
    margin-left: 0;
  }
  .detail .tel {
    display: block;
  }
  .detail .tel + .email {
    margin: 0;
    display: block;
  }
}
/*events calendar page*/
#eventCalendar {
  position: relative;
}
#eventCalendar .pulldownContainer .eventMthCal,
#eventCalendar .pulldownContainer .eventYearCal,
#eventCalendar .pulldownContainer .eventMthList,
#eventCalendar .pulldownContainer .eventYearList {
  float: left;
  margin-right: 5px;
}
#eventCalendar .pulldownContainer .eventYearCal,
#eventCalendar .pulldownContainer .eventYearList,
#eventCalendar .pulldownContainer .eventMthCal,
#eventCalendar .pulldownContainer .eventMthList {
  width: 105px;
}
.middle_size #eventCalendar .pulldownContainer .eventYearCal,
.middle_size #eventCalendar .pulldownContainer .eventYearList,
.middle_size #eventCalendar .pulldownContainer .eventMthCal,
.middle_size #eventCalendar .pulldownContainer .eventMthList {
  width: 113px;
}
.large_size #eventCalendar .pulldownContainer .eventYearCal,
.large_size #eventCalendar .pulldownContainer .eventYearList,
.large_size #eventCalendar .pulldownContainer .eventMthCal,
.large_size #eventCalendar .pulldownContainer .eventMthList {
  width: 123px;
}
/*#eventCalendar .pulldownContainer .eventMthCal{ width:105px;}*/
#eventCalendar .pulldownContainer .btn-group {
  display: block;
}
#eventFilters {
  position: relative;
  background: #f7f7f7;
  padding: 15px;
  margin-bottom: 20px;
  z-index: 1000;
}
#eventsTabController {
  width: 100%;
}
#eventsTabController .tab {
  background-position: 0 0;
  background-repeat: no-repeat;
  float: left;
  cursor: pointer;
  color: #FFF;
  width: 50%;
  text-align: center;
  border: 1px solid #9f2436;
  background: #9f2436;
}
#eventsTabController .tab > a > div {
  display: inline-block;
  padding: 10px 0;
  background-repeat: no-repeat;
  background-position: 0 50%;
  padding-left: 25px;
}
#eventsTabController .tab:hover {
  background: #68121E;
  border: 1px solid #68121E;
}
#eventsTabController .tab.active {
  background: #FFF;
  border: 1px solid #9f2436;
  color: #9f2436;
}
#eventsTabController .listView > a,
#eventsTabController .calendarView > a {
  display: inline-block;
  width: 100%;
  font-size: 1.286em;
}
#eventsTabController .listView > a,
#eventsTabController .calendarView > a {
  color: #fff;
}
#eventsTabController .listView > a:hover,
#eventsTabController .calendarView > a:hover {
  text-decoration: none;
}
/* #eventsTabController .listView > a > div{background-image:url(../../common/images/icon_list_view.png);}
#eventsTabController .listView.active > a, #eventsTabController .calendarView.active > a{ color:#9f2436;}
#eventsTabController .listView.active > a > div{background-image:url(../../common/images/icon_list_view_over.png); }
#eventsTabController .calendarView > a > div{background-image:url(../../common/images/icon_calendar_view.png);}
#eventsTabController .calendarView.active > a > div{background-image:url(../../common/images/icon_calendar_view_over.png);} */
#eventsTabContainer .tabItem {
  display: none;
}
#eventCalendar .eventsCalendar-list-wrap {
  float: right;
  width: 38%;
  overflow: hidden;
  background: #eee;
  padding: 15px;
  overflow-y: auto;
}
@media (max-width: 991px) {
  #eventCalendar .eventsCalendar-list-wrap {
    width: 100%;
    float: none;
  }
}
@media (min-width: 768px) and (max-width: 959px) {
  #eventCalendar .eventsCalendar-list-wrap {
    padding: 8px;
  }
  .large_size #eventCalendar .eventsCalendar-list-content li table td {
    font-size: 80%;
  }
  .large_size #eventCalendar .eventsCalendar-list-content li table th {
    padding-right: 0;
    font-size: 80%;
  }
}
#eventCalendar .eventsCalendar-list-content {
  /*padding:10px 8px 10px 16px;*/
}
#eventCalendar .eventsCalendar-list-content li p {
  position: relative;
}
#eventCalendar .eventsCalendar-list-content li {
  padding-bottom: 1rem;
}
#eventCalendar .eventsCalendar-list-content li table {
  width: 100%;
}
#eventCalendar .eventsCalendar-list-content li table td {
  width: 20%;
  padding-right: 5px;
}
#eventCalendar .eventsCalendar-list-content li table th {
  padding-right: 2px;
}
#eventDateFilters {
  float: right;
}
#eventDateFilters > div {
  display: none;
}
#eventDateFilters .btnGoCal {
  padding: 0 5px;
  float: right;
  height: 24px;
  background-color: #9F2436;
  color: #FFFFFF;
  text-transform: uppercase;
  line-height: 23px;
}
#eventDateFilters .btnGoCal:hover/* ,
#eventDateFilters .btnGoCal:focus  */{
  color: #FFF;
  background-color: #68121e;
  text-decoration: none;
}
/* #eventDetailLists{ padding-top:15px;}
#eventDetailLists .eventItem{ padding-bottom:15px;}
#eventDetailLists .eventItem p{ color:#000; padding-bottom:0;}
#eventDetailLists .eventItem p.date{ }
#eventDetailLists .eventItem p.desc{ color:#333; font-size:0.9em;} */
.eventsCalendar-currentTitle {
  width: 100%;
  position: relative;
  padding: 4px 0 6px;
  border-bottom: 1px solid #FFF;
}
.monthTitle {
  display: block;
  text-align: center;
  color: #1A2655;
  font-size: 2rem;
  font-weight: bold;
}
/* arrow next/prev */
.eventCalendar-wrap .arrow {
  display: block;
  position: absolute;
  width: 15px;
  height: 25px;
  font-size: 0;
  top: 10px;
  z-index: 5;
}
.eventCalendar-wrap .arrow.prev {
  background: url("/sites/cpe/files/img/btn/btnArrowLeft-sm.png") no-repeat;
}
.eventCalendar-wrap .arrow.next {
  background: url("/sites/cpe/files/img/btn/btnArrowRight-sm.png") no-repeat;
}
.eventCalendar-wrap .arrow.prev span,
.eventCalendar-wrap .arrow.next span {
  height: 0;
  width: 0;
  visibility: hidden;
  overflow: hidden;
  margin: 0;
  padding: 0;
  font-size: 0;
}
/* day list */
.eventsCalendar-slider {
  width: 58%;
  position: relative;
  float: left;
}
@media (max-width: 991px) {
  .eventsCalendar-slider {
    width: 100%;
    float: none;
  }
}
.eventsCalendar-daysList {
  width: 100%;
}
.eventsCalendar-daysList li {
  background: #fff;
  text-align: center;
  vertical-align: middle;
}
.eventsCalendar-daysList.showDayNames li.eventsCalendar-day-header {
  position: relative;
  float: left;
  padding: 10px 0;
  text-align: center;
  color: #676767;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  margin-bottom: 5px;
  font-weight: 700;
}
.eventsCalendar-day-sunday {
  color: #fb0000;
}
/* Special */
#calendarContainer {
  position: relative;
  width: 100%;
  padding-top: 10px;
}
#calendarKeys {
  /* width:100%;
	position:absolute;
	bottom:0;
	left:0; */
  margin-bottom: 1rem;
}
#calendarKeys ul {
  margin: 0;
}
#calendarKeys ul li {
  float: left;
  margin-right: 15px;
  background: none;
  padding: 0;
}
.middle_size #calendarKeys ul li {
  line-height: 1.2em;
}
.large_size #calendarKeys ul li {
  line-height: 1em;
}
#calendarKeys > ul > li > div {
  font-size: 0;
  display: block;
  float: left;
  height: 15px;
  width: 15px;
  margin-right: 5px;
  margin-top: .5rem;
}
#calendarKeys > ul > li.today > div,
.eventsCalendar-daysList.showAsWeek li.today a {
  background-color: #FFF;
  border: 1px solid #f9d092;
}
#calendarKeys > ul > li.event_day > div {
  background-color: #eee;
}
#calendarKeys > ul > li.event_today > div {
  border: 1px solid #0f2b5b;
}
#eventCates {
  border-top: 2px solid #f9d092;
  padding: 20px 0;
}
#eventCates ul li {
  list-style: none;
  position: relative;
  padding-left: 20px;
  background: none;
  padding-bottom: 0;
  margin-bottom: 8px;
}
/*#eventCates ul li:before{
	content:'';
	position:absolute;
	width:7px;
	height:7px;
	left:0;
	top:50%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	background-color:#088af8;
}
#eventCates ul li.event_lecture:before{ background-color:#ed7d31;}
#eventCates ul li.event_ceremony:before{ background-color:#51be03;}
#eventCates ul li.event_showcase:before{ background-color:#9b38f3;}
#eventCates ul li.event_others:before{ background-color:#088af8;}*/
#eventCates ul li span {
  display: inline-block;
}
#eventCates ul li span.cateBullet {
  position: absolute;
  width: 7px;
  height: 7px;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
#showCalendar {
  /* padding-top:30px; */
}
#mainCalendar {
  margin-bottom: 20px;
}
.eventCalendar-wrap {
  position: relative;
}
.eventCalendar-wrap .prev {
  left: 10px;
}
.eventCalendar-wrap .next {
  right: 10px;
}
.eventsCalendar-monthWrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
}
.eventsCalendar-monthWrap li.today span.accessibility,
.eventsCalendar-monthWrap li.dayWithEvents span.accessibility {
  text-indent: -9999px;
  line-height: 0;
  font-size: 0;
}
.eventsCalendar-monthWrap.currentMonth {
  z-index: 1;
}
.eventsCalendar-daysList {
  margin: 0 auto;
}
.eventsCalendar-daysList.showAsWeek {
  display: block;
}
.eventsCalendar-daysList li {
  padding: 0;
  margin: 0;
}
.eventsCalendar-daysList li.dayWithEvents {
  cursor: pointer;
}
.eventsCalendar-daysList.showAsWeek li {
  display: block;
  float: left;
  width: calc(100% / 7);
  background-color: #FFF;
  position: relative;
  margin-bottom: 10px;
}
.eventsCalendar-daysList.showAsWeek li.today.dayWithEvents a {
  background-color: #eee;
}
* + html .eventsCalendar-daysList.showAsWeek li.today {
  /*height:18px; width:12.8%;*/
}
.eventsCalendar-daysList.showAsWeek li.today {
  /*height:29px\0/;	*/
}
:root .eventsCalendar-daysList.showAsWeek li.today {
  /*height:38px;	*/
}
.eventsCalendar-daysList.showAsWeek li span {
  z-index: 100;
  display: block;
}
/*	.eventsCalendar-daysList.showAsWeek li:nth-child(7n+1),*/
.eventsCalendar-daysList.showAsWeek li.eventsCalendar-day-sunday {
  color: red;
  margin-left: 0;
}
.eventsCalendar-daysList li > a {
  padding: 0;
  display: block;
  text-align: center;
  min-width: 7px;
  padding: 10px 0;
  margin: 0 auto;
  width: 75%;
  border: 1px solid #fff;
}
.eventsCalendar-daysList li.dayWithEvents a {
  background-color: #eee;
  z-index: 100;
  position: relative;
}
.eventsCalendar-loading {
  display: block;
  min-width: 100px;
  height: 40px;
  line-height: 40px;
}
.eventsCalendar-list {
  position: relative;
  padding: 10px 8px 10px 16px;
  z-index: 1;
  margin-left: 0;
  margin-bottom: 0;
  line-height: 20px;
}
.eventsCalendar-list li {
  background: none;
  padding-left: 0;
  list-style: none;
}
.eventsCalendar-list.oldEventList {
  z-index: 2;
}
.eventsCalendar-subtitle {
  color: #1A2655;
  padding-bottom: 5px;
  border-bottom: 2px solid #f9d092;
  font-size: 2rem;
  font-weight: bold;
}
/* end of core CSS */
.eventsCalendar-list li > p .eventTitle {
  position: relative;
}
.eventsCalendar-list li > p .cateBullet {
  position: absolute;
  width: 7px;
  height: 7px;
  left: -14px;
  top: .45em;
  background-color: red;
}
.eventsCalendar-daysList.showAsWeek li .cates {
  position: absolute;
  bottom: 0;
  text-align: center;
  width: 100%;
  z-index: 10;
}
.eventsCalendar-daysList.showAsWeek li .cates > span {
  display: inline-block;
  margin: 0 1px;
  width: 4px;
  height: 4px;
}
.cardLogo {
  width: 100px;
}
.form-steps {
  margin-bottom: 1.5rem;
}
.stepsbar {
  margin: 0;
  padding: 0;
  height: 55px;
}
.stepsbar li {
  list-style: none;
  float: left;
  display: inline-block;
  height: 100%;
}
.stepsbar li a {
  display: inline-table;
  color: #fff;
  background-color: #0971a8;
  padding: 6px 20px 6px 40px;
/*   width: 150px;
  height: 50px;
  line-height: 1;
  text-align: center;
  vertical-align: middle;
  border: 1px solid transparent;
  position: relative;
  margin-right: .5rem;
  margin-bottom: .3rem; */
    /* padding: 6px 18px 6px 25px; */
    /* width: 155px; */
    width: 183px;
    height: 50px;
    line-height: 1;
    text-align: center;
    vertical-align: middle;
    border: 1px solid transparent;
    position: relative;
    margin-right: 0.3rem;
    /* margin-bottom: .3rem; */
    /* font-size: 1.4rem; */
}
.i18n-en .stepsbar li a {
	/* padding: 6px 21px 6px 29px; */
	padding-top: 0;
	padding-bottom: 0;
	line-height: 1.2;
}
@media (max-width: 767px) {
  .stepsbar li a {
    /* width: 75px; */
    width: 90px;
	padding: 6px 10px 6px 30px;
  }
}
.stepsbar li a:hover,
.stepsbar li.active a {
  color: #0971a8;
  background-color: #fff;
  border-color: #0971a8;
}
.stepsbar li a:before,
.stepsbar li a:after {
  content: " ";
  position: absolute;
  top: calc(50% - (35px / 2));
  height: 35px;
  width: 35px;
  background: inherit;
  border: inherit;
  border-left-color: transparent;
  border-bottom-color: transparent;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.stepsbar li a:before {
  left: -18px;
  /*  calc( -35px / 2 ); */
  background-color: #fff;
}
.stepsbar li a:after {
  right: -18px;
  /* calc( -35px / 2 ); */
  z-index: 3;
}
.stepsbar li a > span {
  display: table-cell;
  vertical-align: middle;
}
.stepsbar li a > span.step-num {
  display: none;
}
@media (max-width: 767px) {
  .stepsbar li a > span.step-num {
    display: table-cell;
  }
}
.stepsbar li.active a {
  pointer-events: none;
}
.stepsbar li.dim a {
  color: #000;
  background-color: #ccc;
}
.frmActions .frmSave,
.frmActions .frmPrev,
.frmActions .frmNext {
  display: inline-block;
}
@media (max-width:767px) {
	.frmActions .frmSave,
	.frmActions .frmPrev,
	.frmActions .frmNext {
	  display: block;
	  margin-top: .5rem;
	}
	.frmActions .frmSave a.btnBlue,
	.frmActions .frmPrev a.btnBlue,
	.frmActions .frmNext a.btnBlue {
	  width: 100%;
	}
}
.frmActions .frmPrev,
.frmActions .frmNext {
  text-align: right;
}
footer {
  background: #303030;
  font-size: 1.4rem;
}
footer,
footer a {
  color: #fff;
}
footer a:hover {
  color: #fff;
  text-decoration: underline;
}
footer .footer-content {
  padding: 1rem 0;
  text-align: center;
}
@media (min-width: 768px) {
  footer .footer-content {
    text-align: left;
    padding: 2rem 0;
  }
}
footer .footer-content span {
  /* display: block; */
}
@media (min-width: 768px) {
  footer .footer-content span {
    display: inline;
  }
  footer .footer-content span + span {
    margin-left: 1rem;
  }
}