/* CSS Document */
/* original padding-top: 40, s:35 */
body {
  background: #F2F2F2;
}
@media (max-width: 577px) {
  body {
    padding-top: 35px;
  }
}
a:link,
a:visited {
  color: #0066c0;
  text-decoration: none;
}
a:hover {
  color: #C00;
}
a:active {
  color: #C60;
}


/* BS V4.1.3: Rewrite */
@media (min-width: 576px) {
  .container {
    max-width: 570px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 760px;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 980px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1200px;
  }
}

.breadcrumb {
  padding: 0.3125rem 1rem;
  margin-bottom: 0rem;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 0rem;
  font-size: 0.6875rem;
}
.breadcrumb .breadcrumb-item h1 {
  font-size: 0.6875rem;
  display: inline;
  color: #FF3300;
}

.form-control, .form-control-sm {
  height: auto;
}

/*bs dropdown: Mouse drop to display drop down menu */
.xr-dropdown-mouse-on .dropdown-menu {
  margin-top: 0;
}
.xr-dropdown-mouse-on:hover .dropdown-menu {
  display: block;
}
.xr-dropdown-mouse-on:hover .dropdown-menu-right {
  right: 0;
  left: auto;
}
.xr-dropdown-mouse-on:hover .dropdown-toggle {
  background: #eee;
  color: #C00;
}


/* star rating: Rewrite */
.rating-loading {
  height: 1rem;
}
.rating-container .rating-input {
  width: auto;
}
.rating-disabled .rating-input, .rating-disabled .rating-stars {
  cursor: default;
}
.rating-container .filled-stars {
  color: rgba(255,153,0,1.00);
  text-shadow: 0 1px rgba(153,153,153,0.70);
}
/* Supplement and customize */
.rating-xxs {
  font-size: 1.5em;
}
.rating-xxxs {
  font-size: 1em;
}
.rating-xxs .star,
.rating-xxxs .star {
  margin: 0 1px;
}
.rating-container .caption .label {
  margin-top: 0.5em;
}


/* EasyZoom: Rewrite */
.easyzoom {
/*  *zoom: 1;*/
}
.easyzoom.is-loading img {
  cursor: progress;
}
.easyzoom.is-ready img {
  cursor: crosshair;
}
.easyzoom.is-error img {
  cursor: not-allowed;
}
.easyzoom-notice {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 150;
  width: 10em;
  margin: -1em 0 0 -5em;
  line-height: 2em;
  text-align: center;
  background: #FFF;
  box-shadow: 0 0 10px #888;
}
.easyzoom-flyout {
  position:absolute;
  z-index: 100;
  overflow: hidden;
  background: #FFF;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  border: 1px solid #dee2e6 !important;
}


/* Swiper: Rewrite & customize, default slide size */
.xr-swiper-item {
  width: 40%;
  height: auto;
}
.xr-swiper-item-sm { /* small */
  width: 20%;
  height: auto;
}
.xr-swiper-item-pd-thumb {
  width: 2.5rem;
  height: 2.5rem;
  overflow: hidden;
  margin: 0;
  border: 1px solid #E4E4E4;
}
.xr-swiper-item-pd-thumb-active {
  opacity: 1;
  border-color: #F60 !important;
  box-shadow: 0 0 0.5rem rgba(255,102,0,0.8);
}
@media (min-width: 576px) {
  .xr-swiper-item {
    width: 30%;
  }
  .xr-swiper-item-sm {
    width: 20%;
  }
}
@media (min-width: 768px) {
  .xr-swiper-item {
    width: auto; /* or: width: 23% */
  }
  .xr-swiper-item-sm {
    width: 18%;
  }
}
@media (min-width: 992px) {
  .xr-swiper-item-sm {
    width: 16%;
  }
  .xr-swiper-item-pd-thumb, .xr-swiper-item-pd-thumb-active {
    width: 3.5rem;
    height: 3.5rem;
    overflow: hidden;
  }
}
@media (min-width: 1200px) {
  .xr-swiper-item-sm {
    width: 12%;
  }
}



/* Customize Begin: xr- */
/* header, footer, etc. */
.xr-hd-logo h1,
.xr-hd-logo span {
  font-size: 60%;
  font-weight: lighter;
  color: #777;
  text-align: center;
  position: absolute;
  left: 18%;
  top: 63%;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
}

.xr-footer {
  background-color: rgba(255,255,255,1.00);
  padding: 1rem 0;
}
@media (max-width: 767px) {
  .xr-footer-ext {
    display: block;
    overflow-y: hidden;
    height: 180px;
  }
}


.xr-img-gray {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
.xr-img-gray:hover {
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
}



/* Box style: */
.xr-box-title {
  padding-top: 5px;
  padding-bottom: 10px;
  font-size: 1.05em;
  color: #333;
  line-height: 1.1em;
}
.xr-box-title i {
  color: #888;
}
.xr-box-title h2,
.xr-box-title h3,
.xr-box-title h4 {
  margin: 0px;
  padding: 0px;
  clear: none;
  width: auto;
}
.xr-box-title h3 {
  font-size: 1.2em;
}
.xr-box-title a:hover,
.xr-box-dir-title a:hover {
  color: #F30;
}

.xr-box-dir-title a i {
  visibility: hidden;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  margin-left: -5px;
  opacity: 0;
  display: none;
}
.xr-box-dir-title a:hover i {
  visibility: visible;
  margin-left: 0px;
  opacity: 1;
}

.xr-box-menu h2,
.xr-box-menu h3,
.xr-box-menu h4 {
  margin: 0;
  padding: 0;
  clear: both;
  position: relative;
}
.xr-box-menu h2 {
  font-size: 1.2em;
}
.xr-box-menu h3 {
  font-size: 1em;
}
.xr-box-menu h4 {
  font-size: 0.9em;
}
.xr-box-menu a {
  display: block;
  padding: 0.5rem 0.75rem;
  border-bottom: 1px solid #E7E7E7;
}
.xr-box-menu h3:last-of-type a {
  border-bottom-style: none;
}
.xr-box-menu a:hover {
  background: #FFC;
}
.xr-box-menu a i {
  position: absolute;
  top: 0.6rem;
  right: 0.5rem;
  color: #999;
}
.xr-box-menu a:hover i {
  right: 0.4rem;
  color: #C00;
}
.xr-box-menu .badge {
  font-size: 0.7em;
}

/* Light shift effect */
.xr-box-shift {
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  position: relative;
  z-index: 10;
}
.xr-box-shift:hover {
  -webkit-box-shadow: 0rem 0.25rem 0.5rem rgba(0,0,0,0.2);
  box-shadow: 0rem 0.25rem 0.5rem rgba(0,0,0,0.2);
  z-index: 101;
  -webkit-transform: translate3d(0, -0.25rem, 0);
  transform: translate3d(0, -0.25rem, 0);
}

.xr-box-list {
  clear: both;
  border-bottom: 1px solid #E8E8E8;
}
.xr-box-list h2 {
  margin: 0;
  padding: 0;
  font-size: 1.1em;
  font-weight: 500;
}
@media (min-width: 576px) {
  .xr-box-list h2 {
    margin: 0;
    padding: 0;
    font-size: 1.1em;
    line-height: 1.1;
    font-weight: 600;
    transform:scale(1,1.1);
  }
}
.xr-box-list h2 strong {
	font-weight: 600;
}
.xr-box-grid h2 {
  font-size: 1em;
}

.xr-box-grid .xr-pro-price {
  height: auto;
  padding: 0.2em 0;
  margin: 0 auto;
  text-align: center;
}
.xr-box-grid .xr-pro-rate {
  height: auto;
  line-height: 100%;
  overflow: hidden;
  margin: 0 auto;
  text-align: center;
  padding: 0;
}
.xr-box-grid .xr-pro-review {
  visibility: hidden;
  overflow: hidden;
  height: 0;
}
.xr-box-grid-h-new {
  border-top: 2px solid #CCC;
}
.xr-box-grid-h-new .xr-pro-price {
  height: 1.75rem;
  line-height: 1.75rem;
  margin: 0 auto;
  text-align: center;
}
.xr-box-grid-h-new .xr-pro-rate {
  height: 1.25rem;
  line-height: 0.875rem;
  overflow: hidden;
  margin: 0 auto;
  text-align: center;
}
@media (max-width: 575px) {
  .xr-box-grid .xr-pro-name,
  .xr-box-grid-h-new .xr-pro-name {
    max-height: 4.5rem;
    overflow: hidden;
    word-wrap: break-word;
  }
}
@media (min-width: 576px) {
  .xr-box-grid .xr-pro-name,
  .xr-box-grid-h-new .xr-pro-name {
    height: 4rem;
    overflow: hidden;
    word-wrap: break-word;
  }
  .xr-box-grid:hover {
    position: absolute;
    left: 0;
    top: 0;
    max-width: 100%;
  }
  .xr-box-grid-nobreak:hover {
    position: relative;
  }
  .xr-box-grid:hover .xr-pro-name {
    overflow: visible;
    height: auto;
    min-height: 4rem;
  }
  .xr-box-grid:hover .xr-pro-review {
    visibility: visible;
    margin: 0;
    overflow: visible;
    height: auto;
    padding: 0.5em 1em;
  }
  .xr-box-grid-h-new:hover .xr-pro-name {
    height: auto;
    overflow: visible;
    position: absolute;
    bottom: 3.5rem;
  }
  .xr-box-grid-h-new:hover .xr-pro-price {
    margin-top:4rem;
  }
}


/* About Products */
.xr-pro-pri-vip-l,
.xr-pro-pri-vip-m,
.xr-pro-pri-vip-s {
  margin: 0px;
  padding: 0px;
  display: inline-block;
  color: #F60;
  font-weight: bold;
} 
.xr-pro-pri-vip-s {
  font-size: 1em;
}
.xr-pro-pri-vip-m {
  font-size: 1.2em;
}
.xr-pro-pri-vip-l {
  font-size: 1.6em;
}
.xr-pro-pri-off-l,
.xr-pro-pri-off-m,
.xr-pro-pri-off-s {
  background-color: rgba(0,102,0,1.00);
  color: rgba(255,255,96,1.00);
  text-align: center;
  border-radius: 0.25em;
  border: 1px solid rgba(0,102,0,1.00);
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.15);
  box-shadow: 0 1px 2px rgba(0,0,0,0.15);
  margin: 0px 0px 0px 15px;
  padding: 0em 0.2em;
  font-weight: normal;
  display: inline-block;
}
.xr-pro-pri-off-l {
  padding: 0.15em 0.3em;
  font-size: 1em;
  line-height: 1em;
}
.xr-pro-pri-off-m {
  padding: 0.1em 0.25em;
  font-size: 0.85em;
  line-height: 1em;
}
.xr-pro-pri-off-s {
  padding: 0em 0.2em;
  font-size: 0.75em;
  line-height: 1em;
}
.xr-pro-pri-sale-m,
.xr-pro-pri-sale-s {
  text-decoration: line-through;
  color: #F00;
}
.xr-pro-pri-sale-m strong,
.xr-pro-pri-sale-s strong {
  color: #666;
  font-weight: normal;
}
@media (max-width: 767px) {
  .xr-pro-pri-vip-s {
    font-size: 0.8em;
  }
  .xr-pro-pri-vip-m {
    font-size: 1.05em;
  }
  .xr-pro-pri-vip-l {
    font-size: 1.25em;
  }
  .xr-pro-pri-off-m {
    font-size: 0.75em;
  }
  .xr-pro-pri-off-s {
    font-size: 0.7em;
  }
  .xr-pro-pri-sale-s {
    font-size: 0.7em;
  }
}


.xr-nav-tabs {
  border-bottom: 1px solid #CCC;
}
.xr-nav-tabs .nav-link {
  font-weight: 600;
}
.xr-nav-tabs .nav-link.active {
  color: #CC0000;
  font-weight: 600;
  border-color: #CCC #CCC #fff;
}
.xr-nav-tabs-top {
  margin-top: 3.25rem; /* Small screen, margin-top:36px, so as not to cover the head*/
  padding: 0;
}
.xr-nav-tabs-top .nav-link {
  padding: 0.3rem 0.8rem;
  font-weight: 600;
}
.xr-nav-tabs-top .nav-link.active {
  color: #FFFF99;
  font-weight: 600;
  background: #900;
}
@media (min-width: 768px) {
  .xr-nav-tabs-top {
    margin-top: 0; /* from middle screen */
  }
}


/* General Style */
.xr-row { /* Reset .row Left & Right marin value; System default; Please use as .col- assort .px-1, -grid assort .mx-1 */
  margin-right: -0.25rem;
  margin-left: -0.25rem;
}
.xr-row-px2 { /* Please use as: .col- assort .px-2, -grid assort .mx-2 */
  margin-right: -0.5rem;
  margin-left: -0.5rem;
}
@media (min-width: 576px) {
  .xr-row-sm {
    margin-right: -0.25rem;
    margin-left: -0.25rem;
  }
  .xr-row-sm-px2 {
    margin-right: -0.5rem;
    margin-left: -0.5rem;
  }
}
@media (min-width: 768px) {
  .xr-row-md {
    margin-right: -0.25rem;
    margin-left: -0.25rem;
  }
  .xr-row-md-px2 {
    margin-right: -0.5rem;
    margin-left: -0.5rem;
  }
}
@media (min-width: 992px) {
  .xr-row-lg {
    margin-right: -0.25rem;
    margin-left: -0.25rem;
  }
  .xr-row-lg-px2 {
    margin-right: -0.5rem;
    margin-left: -0.5rem;
  }
  /* orinal .form-control-lg is generally less used, Just expand -lg-; first -lg means Large Screen. Also, you can add .xr-form-control-xl-lg style. */
  .xr-form-control-lg-lg {
    height: calc(2.875rem + 2px);
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 0.3rem;
  }
}
@media (min-width: 1200px) {
  .xr-row-xl {
    margin-right: -0.25rem;
    margin-left: -0.25rem;
  }
  .xr-row-xl-px2 {
    margin-right: -0.5rem;
    margin-left: -0.5rem;
  }
}


.xr-btn-orange {
  color: #fff;
  border-color: rgba(221,102,0,1.00);
  background-image: -webkit-linear-gradient(160deg,rgba(255,102,0,1.00) 0%,rgba(221,102,0,1.00) 100%);
  background-image: -moz-linear-gradient(160deg,rgba(255,102,0,1.00) 0%,rgba(221,102,0,1.00) 100%);
  background-image: -o-linear-gradient(160deg,rgba(255,102,0,1.00) 0%,rgba(221,102,0,1.00) 100%);
  background-image: linear-gradient(160deg,rgba(255,102,0,1.00) 0%,rgba(221,102,0,1.00) 100%);
}
.xr-btn-orange:focus, .xr-btn-orange.focus, .xr-btn-orange:hover, xr-btn-orange:active,
.xr-btn-orange:not(:disabled):not(.disabled):active, .xr-btn-orange:not(:disabled):not(.disabled).active,
.xr-btn-orange:not(:disabled):not(.disabled):active:focus, .xr-btn-orange:not(:disabled):not(.disabled).active:focus {
  color: #fff;
  border-color: rgba(221,102,0,1.00);
  background-image: -webkit-linear-gradient(160deg,rgba(221,102,0,1.00) 0%,rgba(255,102,0,1.00) 100%);
  background-image: -moz-linear-gradient(160deg,rgba(221,102,0,1.00) 0%,rgba(255,102,0,1.00) 100%);
  background-image: -o-linear-gradient(160deg,rgba(221,102,0,1.00) 0%,rgba(255,102,0,1.00) 100%);
  background-image: linear-gradient(160deg,rgba(221,102,0,1.00) 0%,rgba(255,102,0,1.00) 100%);
}

.xr-btn-block {  /*.xr-btn-: .btn Expansion */
  display: block;
  width: 100%;
}
.xr-btn-inline-block {
  display: inline-block;
}
.xr-btn-lg {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}
.xr-btn-normal {
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
}
.xr-btn-sm {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}
.xr-btn-ss {
  padding: 0 0.25rem;
  font-size: 0.75rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}
@media (min-width: 576px) {
  .xr-btn-block-sm { /* Attention: last -sm means Small Screen, last -md means Middle Screen, and so on*/
    display: block;
    width: 100%;
  }
  .xr-btn-inline-block-sm {
    display: inline-block;
    width: auto;
  }
  .xr-btn-lg-sm {
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 0.3rem;
  }
  .xr-btn-normal-sm {
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
  }
  .xr-btn-sm-sm {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
  }
}
@media (min-width: 768px) {
  .xr-btn-block-md { /* Attention: last -sm means Small Screen, last -md means Middle Screen, and so on*/
    display: block;
    width: 100%;
  }
  .xr-btn-inline-block-md {
    display: inline-block;
    width: auto;
  }
  .xr-btn-lg-md {
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 0.3rem;
  }
  .xr-btn-normal-md {
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
  }
  .xr-btn-sm-md {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
  }
}
@media (min-width: 992px) {
  .xr-btn-block-lg {
    display: block;
    width: 100%;
  }
  .xr-btn-inline-block-lg {
    display: inline-block;
    width: auto;
  }
  .xr-btn-lg-lg {
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 0.3rem;
  }
  .xr-btn-normal-lg {
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
  }
  .xr-btn-sm-lg {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
  }
}
@media (min-width: 1200px) {
  .xr-btn-block-xl {
    display: block;
    width: 100%;
  }
  .xr-btn-inline-block-xl {
    display: inline-block;
    width: auto;
  }
  .xr-btn-lg-xl {
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 0.3rem;
  }
  .xr-btn-normal-xl {
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
  }
  .xr-btn-sm-xl {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
  }
}


.xr-badge {
  padding: 0 0.3em 0.1em 0.3em;
  font-weight: normal;
}
.xr-badge:hover {
  color: #FF9;
  background: #060;
}
.xr-badge-price-off {
  padding: 0.1rem 0.3em 0.125em 0.3em;
  font-size: 85%;
  font-weight: normal;
  color: #FF9;
  background: #060;
  border-radius: 0.2em;
}

/* Increase spacing */
.xr-list-inline .list-inline-item:not(:last-child) {
  margin-right: 1.25rem;
}
.xr-list-inline .xr-inline-absolute-plus {
  position: absolute;
  top: 40%;
  left: -1rem;
  width: 2rem;
  text-align: center;
}

.xr-flag {
  position: absolute;
  top: 0;
  right: 0;
  height: 1.4em;
  color: rgba(248,255,0,1.00);
  line-height: 1.2em;
  text-align: center;
  text-decoration: none;
  border-bottom-left-radius: 0.35em;
  padding-left: 0.4em;
  padding-right: 0.4em;
  z-index: 100;
}
.xr-flag-cyan {
  background-image: -webkit-linear-gradient(290deg,rgba(0,211,211,0.90) 0%,rgba(0,139,139,0.90) 100%);
  background-image: -moz-linear-gradient(290deg,rgba(0,211,211,0.90) 0%,rgba(0,139,139,0.90) 100%);
  background-image: -o-linear-gradient(290deg,rgba(0,211,211,0.90) 0%,rgba(0,139,139,0.90) 100%);
  background-image: linear-gradient(160deg,rgba(0,211,211,0.90) 0%,rgba(0,139,139,0.90) 100%);
  color: rgba(222,255,192,1.00);
}
.xr-flag-green {
  background-image: -webkit-linear-gradient(290deg,rgba(0,221,0,0.90) 0%,rgba(0,128,0,0.90) 100%);
  background-image: -moz-linear-gradient(290deg,rgba(0,221,0,0.90) 0%,rgba(0,128,0,0.90) 100%);
  background-image: -o-linear-gradient(290deg,rgba(0,221,0,0.90) 0%,rgba(0,128,0,0.90) 100%);
  background-image: linear-gradient(160deg,rgba(0,221,0,0.90) 0%,rgba(0,128,0,0.90) 100%);
  color: rgba(255,254,192,1.00);
}
.xr-flag-orange {
  background-image: -webkit-linear-gradient(290deg,rgba(255,140,0,0.90) 0%,rgba(214,117,0,0.90) 100%);
  background-image: -moz-linear-gradient(290deg,rgba(255,140,0,0.90) 0%,rgba(214,117,0,0.90) 100%);
  background-image: -o-linear-gradient(290deg,rgba(255,140,0,0.90) 0%,rgba(214,117,0,0.90) 100%);
  background-image: linear-gradient(160deg,rgba(255,140,0,0.90) 0%,rgba(214,117,0,0.90) 100%);
  color: rgba(255,236,188,1.00);
}
.xr-flag-red {
  background-image: -webkit-linear-gradient(290deg,rgba(251,0,0,0.90) 0%,rgba(174,0,0,0.90) 100%);
  background-image: -moz-linear-gradient(290deg,rgba(251,0,0,0.90) 0%,rgba(174,0,0,0.90) 100%);
  background-image: -o-linear-gradient(290deg,rgba(251,0,0,0.90) 0%,rgba(174,0,0,0.90) 100%);
  background-image: linear-gradient(160deg,rgba(251,0,0,0.90) 0%,rgba(174,0,0,0.90) 100%);
  color: rgba(255,255,102,1.00);
}
.xr-flag-purple {
  background-image: -webkit-linear-gradient(290deg,rgba(158,0,158,0.90) 0%,rgba(79,0,79,0.90) 100%);
  background-image: -moz-linear-gradient(290deg,rgba(158,0,158,0.90) 0%,rgba(79,0,79,0.90) 100%);
  background-image: -o-linear-gradient(290deg,rgba(158,0,158,0.90) 0%,rgba(79,0,79,0.90) 100%);
  background-image: linear-gradient(160deg,rgba(158,0,158,0.90) 0%,rgba(79,0,79,0.90) 100%);
  color: rgba(255,207,255,1.00);
}
.xr-flag-olive {
  background-image: -webkit-linear-gradient(305deg,rgba(150,150,0,0.90) 0%,rgba(95,95,0,0.90) 100%);
  background-image: -moz-linear-gradient(305deg,rgba(150,150,0,0.90) 0%,rgba(95,95,0,0.90) 100%);
  background-image: -o-linear-gradient(305deg,rgba(150,150,0,0.90) 0%,rgba(95,95,0,0.90) 100%);
  background-image: linear-gradient(145deg,rgba(150,150,0,0.90) 0%,rgba(95,95,0,0.90) 100%);
  color: rgba(255,255,173,1.00);
}


/* Positional relationship */
.xr-relative {
  position: relative;
}
.xr-absolute-top-right {
  position: absolute;
  top: 0;
  right: 0;
}
.xr-absolute-middle-right {
  position: absolute;
  top: 40%;
  right: 0;
}
.xr-absolute-top-left {
  position: absolute;
  top: 0;
  left: 0;
}
.xr-absolute-wh100 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  overflow: hidden;
  display: block;
  background-color: rgba(0,0,0,0);
}
.xr-absolute-wh100-fade-20per {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  overflow: hidden;
  display: block;
  background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,0.00) 80%,rgba(255,255,255,1.00) 100%);
  background-image: -moz-linear-gradient(270deg,rgba(255,255,255,0.00) 80%,rgba(255,255,255,1.00) 100%);
  background-image: -o-linear-gradient(270deg,rgba(255,255,255,0.00) 80%,rgba(255,255,255,1.00) 100%);
  background-image: linear-gradient(180deg,rgba(255,255,255,0.00) 80%,rgba(255,255,255,1.00) 100%);
}


/* Attention: xr-mw-*, xr-mh-* , Just for partial expansion only, if necessary, you can expand by rules. */
.xr-width-auto {
  width: auto; !important;
}
.xr-height-auto {
  height: auto; !important;
}
.xr-mw-2-5 {
  max-width: 2.5rem; !important;
}
.xr-mw-3 {
  max-width: 3rem; !important;
}
.xr-mw-4 {
  max-width: 4rem; !important;
}
.xr-mw-5 {
  max-width: 5rem; !important;
}
.xr-mw-100per {
  max-width: 100%; !important;
  overflow-x: auto; !important;
}
.xr-mw-7-5 {
  max-width: 7.55rem; !important;
}
.xr-mw-12-5 {
  max-width: 12.5rem; !important;
}
.xr-mh-2-5 {
  max-height: 2.5rem; !important;
}
.xr-mh-3 {
  max-height: 3rem; !important;
}
.xr-mh-4 {
  max-height: 4rem; !important;
}
.xr-mh-5 {
  max-height: 5rem; !important;
}
.xr-mh-15 {
  max-height: 15rem; !important;
}
@media (min-width: 576px) {
  .xr-mw-sm-2-5 {
    max-width: 2.5rem; !important;
  }
  .xr-mw-sm-7-5 {
    max-width: 7.5rem; !important;
  }
}
@media (min-width: 768px) {
  .xr-width-md-auto {
    width: auto;
  }
  .xr-mw-md-5 {
    max-width: 5rem; !important;
  }
  .xr-mh-md-5 {
    max-height: 5rem; !important;
  }
  .xr-mh-md-100 {
    max-height: 100% !important;
  }
}
@media (min-width: 992px) {
  .xr-w-lg-50 {
    width: 50% !important;
  }
  .xr-mw-lg-7-5 {
    max-width: 7.5rem; !important;
  }
  .xr-mh-lg-7-5 {
    max-height: 7.5rem; !important;
  }
}



/* About Text: font size, color, link, ect. ---Begin*/
/* Attention: bs font size: h6 1rem, h5 1.25rem, h4 1.5rem, h3 1.75rem, h2 2rem, h1 2.5rem, small 80%, display-4 2.5rem, display-3 4.5rem, display-2 5.5rem, display-1 6rem  */
h1, .h1 {
  font-size: 1.5rem;
}
h2, .h2 {
  font-size: 1.375rem;
}
h3, .h3 {
  font-size: 1.25rem;
}
h4, .h4 {
  font-size: 1.125rem;
}
.xr-text-small {
  font-size: 80%;
}
.xr-text-ss {
  font-size: 0.6875rem; /*11px*/
}
.xr-text-s {
  font-size: 0.75rem;  /*12px*/
}
.xr-text-m {
  font-size: 0.875rem;  /*14px*/
}
.xr-text-d {
  font-size: 1rem;
}
.xr-text-l {
  font-size: 1.125rem;  /*18px*/
}
.xr-text-xl {
  font-size: 1.25rem;  /*20px*/
}
.xr-text-xxl {
  font-size: 1.5rem;   /*24px*/
}
.xr-text-xxxl {
  font-size: 2rem;  /*32px*/
}
.xr-font-weight-600 {
  font-weight: 600;
}
.xr-text-cross-line {
  height: 1px;
  border-top: 1px solid #ddd;
  text-align: center;
  display: block;
}
.xr-text-cross-line span {
  background: #fff;
  padding: 0 0.5rem;
  position: relative;
  top: -1em;
}
@media (min-width: 576px) {
  .xr-text-sm-small {
    font-size: 80%;
  }
  .xr-text-sm-ss {
    font-size: 0.6875rem;
  }
  .xr-text-sm-s {
    font-size: 0.75rem;
  }
  .xr-text-sm-m {
    font-size: 0.875rem;
  }
  .xr-text-sm-d {
    font-size: 1rem;
  }
  .xr-text-sm-l {
    font-size: 1.125rem;
  }
  .xr-text-sm-xl {
    font-size: 1.25rem;
  }
  .xr-text-sm-xxl {
    font-size: 1.5rem;
  }
  .xr-text-sm-xxxl {
    font-size: 2rem;
  }
  .xr-font-weight-sm-600 {
    font-weight: 600;
  }
}
@media (min-width: 768px) {
  h1, .h1 {
    font-size: 1.75rem;
  }
  h2, .h2 {
    font-size: 1.5rem;
  }
  h3, .h3 {
    font-size: 1.25rem;
  }
  h4, .h4 {
    font-size: 1.125rem;
  }
  .xr-text-md-small {
    font-size: 80%;
  }
  .xr-text-md-ss {
    font-size: 0.6875rem;
  }
  .xr-text-md-s {
    font-size: 0.75rem;
  }
  .xr-text-md-m {
    font-size: 0.875rem;
  }
  .xr-text-md-d {
    font-size: 1rem;
  }
  .xr-text-md-l {
    font-size: 1.125rem;
  }
  .xr-text-md-xl {
    font-size: 1.25rem;
  }
  .xr-text-md-xxl {
    font-size: 1.5rem;
  }
  .xr-text-md-xxxl {
    font-size: 2rem;
  }
  .xr-font-weight-md-600 {
    font-weight: 600;
  }
}
@media (min-width: 992px) {
  h1, .h1 {
    font-size: 2rem;
  }
  h2, .h2 {
    font-size: 1.75rem;
  }
  h3, .h3 {
    font-size: 1.5rem;
  }
  h4, .h4 {
    font-size: 1.25rem;
  }
  .xr-text-lg-small {
    font-size: 80%;
  }
  .xr-text-lg-ss {
    font-size: 0.6875rem;
  }
  .xr-text-lg-s {
    font-size: 0.75rem;
  }
  .xr-text-lg-m {
    font-size: 0.875rem;
  }
  .xr-text-lg-d {
    font-size: 1rem;
  }
  .xr-text-lg-l {
    font-size: 1.125rem;
  }
  .xr-text-lg-xl {
    font-size: 1.25rem;
  }
  .xr-text-lg-xxl {
    font-size: 1.5rem;
  }
  .xr-text-lg-xxxl {
    font-size: 2rem;
  }
  .xr-font-weight-lg-600 {
    font-weight: 600;
  }
}
@media (min-width: 1200px) {
  h1, .h1 {
    font-size: 2.25rem;
  }
  h2, .h2 {
    font-size: 2rem;
  }
  h3, .h3 {
    font-size: 1.75rem;
  }
  h4, .h4 {
    font-size: 1.5rem;
  }
  .xr-text-xl-small {
    font-size: 80%;
  }
  .xr-text-xl-ss {
    font-size: 0.6875rem;
  }
  .xr-text-xl-s {
    font-size: 0.75rem;
  }
  .xr-text-xl-m {
    font-size: 0.875rem;
  }
  .xr-text-xl-d {
    font-size: 1rem;
  }
  .xr-text-xl-l {
    font-size: 1.125rem;
  }
  .xr-text-xl-xl {
    font-size: 1.25rem;
  }
  .xr-text-xl-xxl {
    font-size: 1.5rem;
  }
  .xr-text-xl-xxxl {
    font-size: 2rem;
  }
  .xr-font-weight-xl-600 {
    font-weight: 600;
  }
}

.xr-text-gray,
a.xr-link-gray, a.xr-link-gray:link, a.xr-link-gray:visited,
.xr-link-gray a, .xr-link-gray a:link, .xr-link-gray a:visited {
  color: #666;
}

.xr-text-lightgray,
a.xr-link-lightgray, a.xr-link-lightgray:link, a.xr-link-lightgray:visited,
.xr-link-lightgray a, .xr-link-lightgray a:link, .xr-link-lightgray a:visited {
  color: #999;
}

.xr-text-darkgray,
a.xr-link-darkgray, a.xr-link-darkgray:link, a.xr-link-darkgray:visited,
.xr-link-darkgray a, .xr-link-darkgray a:link, .xr-link-darkgray a:visited {
  color: #444;
}

.xr-text-white,
a.xr-link-white, a.xr-link-white:link, a.xr-link-white:visited,
.xr-link-white a, .xr-link-white a:link, .xr-link-white a:visited {
  color: #FFF !important;
}

.xr-text-green,
a.xr-link-green, a.xr-link-green:link, a.xr-link-green:visited,
.xr-link-green a, .xr-link-green a:link, .xr-link-green a:visited {
  color: #090;
}

.xr-text-brown,
a.xr-link-brown, a.xr-link-brown:link, a.xr-link-brown:visited,
.xr-link-brown a, .xr-link-brown a:link, .xr-link-brown a:visited {
  color: #996600;
}

.xr-text-gold,
a.xr-link-gold, a.xr-link-gold:link, a.xr-link-gold:visited,
.xr-link-gold a, .xr-link-gold a:link, .xr-link-gold a:visited {
  color: #F60;
}

a.xr-link-gray:hover, .xr-link-gray a:hover,
a.xr-link-lightgray:hover, .xr-link-lightgray a:hover,
a.xr-link-darkgray:hover, .xr-link-darkgray a:hover,
a.xr-link-green:hover, .xr-link-green a:hover,
a.xr-link-brown:hover, .xr-link-brown a:hover,
a.xr-link-gold:hover, .xr-link-gold a:hover,
.xr-text-hover-readdark:hover {
  color: #C00;
}
.navbar a:hover{color: #FFFFFF;}

a.xr-link-brown:hover, .xr-link-brown a:hover {
  color: #C00;
}

a.xr-link-white:focus, a.xr-link-white:hover, .xr-link-white a:focus, .xr-link-white a:hover  {
  color: #FF0 !important;
}

a.xr-link-unity:focus, a.xr-link-unity:hover  {
  color: #C00 !important;
}

.xr-text-yellow {
  color: #FF0;
}
.xr-text-red {
  color: #F00;
}
.xr-text-reddark {
  color: #900;
}
.xr-text-blue {
  color: #09C;
}
.xr-text-georgia {
  font-family: Georgia;
}
.xr-text-courier {
  font-family: "Courier New", Courier, monospace;
}
.xr-text-consolas {
  font-family: Consolas;
}
.xr-text-verdana {
  font-family: Verdana;
}
.xr-text-line-through {
  text-decoration: line-through;
  color: #F00;
}
.xr-text-line-through strong {
  color: #666;
  font-weight: normal;
}
.xr-text-2lines {
  position: relative;
  line-height: 1.4em;
  max-height: 2.8em;
  display: -webkit-box; 
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.xr-text-3lines {
  position: relative;
  line-height: 1.4em;
  max-height: 4.2em;
  display: -webkit-box; 
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.xr-text-blink {
  animation: xr-ani-text-blink 1.2s infinite;
  -moz-animation: xr-ani-text-blink 1.2s infinite;
  -webkit-animation: xr-ani-text-blink 1.2s infinite;
  -o-animation: xr-ani-text-blink 1.2s infinite;
}
@keyframes xr-ani-text-blink {
  0% { color:#C00; }
  20% { color:#F00; }
  40% { color:#F0F; }
  60% { color:#090; }
  80% { color:#06C; }
  100% { color:#C00; }
}
@-webkit-keyframes xr-ani-text-blink {
  0% { color:#C00; }
  20% { color:#F00; }
  40% { color:#F0F; }
  60% { color:#090; }
  80% { color:#06C; }
  100% { color:#C00; }
}
@-moz-keyframes xr-ani-text-blink {
  0% { color:#C00; }
  20% { color:#F00; }
  40% { color:#F0F; }
  60% { color:#090; }
  80% { color:#06C; }
  100% { color:#C00; }
}
@-o-keyframes xr-ani-text-blink {
  0% { color:#C00; }
  20% { color:#F00; }
  40% { color:#F0F; }
  60% { color:#090; }
  80% { color:#06C; }
  100% { color:#C00; }
}



/* bg, hover, line-height, border, rounded, box-shadow  */
.xr-bg-gray {
  background: #d6d8db;
}
.xr-bg-lightgray {
  background: #F2F2F2;
}
.xr-bg-darkgray, .xr-hover-darkgray:hover {
  background: #CBCDD1;
}
.xr-bg-black {
  background: #333;
}
.xr-bg-yellow {
  background: #FFC;
}
.xr-bg-picture {
  background: url(../png/logo_bg_s_gray.png) no-repeat center 25%;
}
.xr-bg-transparent-white-95 {
  background-color: rgba(255,255,255,0.95);
}
.xr-bg-transparent-white-85 {
  background-color: rgba(255,255,255,0.85);
}
.xr-bg-transparent-white-60 {
  background-color: rgba(255,255,255,0.60);
}

.xr-hover-lightyellow:hover {
	background: #FFC;
}
.xr-hover-lightyellow2:hover {
	background-color: black;
	color:#ffffff;
}
.xr-hover-lightgray:hover {
  background: #F3F3F3;
}
.xr-hover-border:hover {
  border: 1px solid #dee2e6 !important;
}

.xr-line-height-100 {
  line-height: 100%;
}
.xr-line-height-0 {
  line-height: 0;
}

.xr-border-transparent {
  border: 1px solid rgba(0,0,0,0) !important;
}
.xr-border-to-lightgray:hover {
  border: 1px solid rgba(0,0,0,0.08) !important;
}
.xr-border-lightblack {
  border-color: #999 !important;
}
.xr-border-gray, .xr-border-to-gray:hover {
  border-color: #CCC !important;
}
.xr-border-lightgray {
  border-color: #F2F2F2 !important;
}
.xr-border-gold {
  border-color: #F60 !important;
}
.xr-border-bold {
  border-width: 2px !important;
}
.xr-border-dashed {
  border-style: dashed !important;
}
/*.xr-border- for: .border Expansion， if necessary, you can extend .xr-border-lg, xr-border-xl etc., by rules */
@media (min-width: 576px) {
  .xr-border-sm {
    border: 1px solid #dee2e6 !important;
  }
  .xr-border-sm-0 {
    border: 0 !important;
  }
}
@media (min-width: 768px) {
  .xr-border-md {
    border: 1px solid #dee2e6 !important;
  }
  .xr-border-md-0 {
    border: 0 !important;
  }
}
/* If used .xr-border-*, rewrite border 0 for top,right,bottom,left */
.xr-border-top-0 {
  border-top: 0 !important;
}
.xr-border-right-0 {
  border-right: 0 !important;
}
.xr-border-bottom-0 {
  border-bottom: 0 !important;
}
.xr-border-left-0 {
  border-left: 0 !important;
}

.xr-rounded {
  border-radius: 0.15rem !important;
}
.xr-rounded-0 {
  border-radius: 0 !important;
}
@media (min-width: 768px) {
  .xr-rounded-md {
    border-radius: 0.25rem !important;
  }
  .xr-rounded-md-0 {
    border-radius: 0 !important;
  }
}

.xr-box-shadow, .xr-hover-box-shadow:hover {
  box-shadow: 0.25rem 0.25rem 0.25rem rgba(210,210,210,0.50);
}
.xr-box-shadow-round, .xr-hover-box-shadow-round:hover {
  box-shadow: 0 0 0.5rem rgba(180,180,180,0.8);
}
.xr-box-shadow-gold, .xr-hover-box-shadow-gold:hover {
  box-shadow: 0 0 0.5rem rgba(255,102,0,0.8);
}
.xr-box-shadow-none {
  box-shadow: none !important;
}
@media (min-width: 576px) {
  .xr-box-shadow-sm {/* Attention: last -sm means Small Screen, last -md means Middle Screen, and so on*/
    box-shadow: 0.25rem 0.25rem 0.25rem rgba(210,210,210,0.50);
  }
  .xr-box-shadow-sm-none {
    box-shadow: none !important;
  }
}
@media (min-width: 768px) {
  .xr-box-shadow-md {
    box-shadow: 0.25rem 0.25rem 0.25rem rgba(210,210,210,0.50);
  }
  .xr-box-shadow-md-none {
    box-shadow: none !important;
  }
}
@media (min-width: 992px) {
  .xr-box-shadow-lg {
    box-shadow: 0.25rem 0.25rem 0.25rem rgba(210,210,210,0.50);
  }
  .xr-box-shadow-lg-none {
    box-shadow: none !important;
  }
}
@media (min-width: 1200px) {
  .xr-box-shadow-xl {
    box-shadow: 0.25rem 0.25rem 0.25rem rgba(210,210,210,0.50);
  }
  .xr-box-shadow-xl-none {
    box-shadow: none !important;
  }
}


/*Stars Rate*/
.xr-stars {
  position: relative;
  display: inline-block;
}
.xr-stars::before {
  display: block;
  float: left;
  text-align: center;
  color: #BCBCBC;
  width: 100%;
  height: 1em;
  overflow: hidden;
  white-space: pre;
  content: "\f005\f005\f005\f005\f005";
  font: 400 1em/1em "Font Awesome 5 Free";
}
.xr-stars span {
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  overflow: hidden;
  white-space: pre;
  font: 900 1em/1em "Font Awesome 5 Free";
}
.xr-stars span::before {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  overflow: hidden;
  color: #F90;
  content: "\f005\f005\f005\f005\f005";
}
.xr-stars-0 span::before { width: 0%; }
.xr-stars-5 span::before { width: 5%; }
.xr-stars-10 span::before { width: 10%; }
.xr-stars-15 span::before { width: 15%; }
.xr-stars-20 span::before { width: 20%; }
.xr-stars-25 span::before { width: 25%; }
.xr-stars-30 span::before { width: 30%; }
.xr-stars-35 span::before { width: 35%; }
.xr-stars-40 span::before { width: 40%; }
.xr-stars-45 span::before { width: 45%; }
.xr-stars-50 span::before { width: 50%; }
.xr-stars-55 span::before { width: 55%; }
.xr-stars-60 span::before { width: 60%; }
.xr-stars-65 span::before { width: 65%; }
.xr-stars-70 span::before { width: 70%; }
.xr-stars-75 span::before { width: 75%; }
.xr-stars-80 span::before { width: 80%; }
.xr-stars-85 span::before { width: 85%; }
.xr-stars-90 span::before { width: 90%; }
.xr-stars-95 span::before { width: 95%; }
.xr-stars-100 span::before { width: 100%; }



/* Full page Loading */
.xr-fullpage-loading {
  position: absolute;
  height: calc(100% + 40px) !important;
  width: 100%;
  left: 0;
  top: -40px; /*注意body是否有panding-top*/
  z-index: 100000 !important;
}
.xr-fullpage-loading .xr-fullpage-loader,
.xr-fullpage-loading .xr-fullpage-loader:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}
.xr-fullpage-loading .xr-fullpage-loader {
  margin: 0 auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(255, 255, 255, 0.2);
  border-right: 1.1em solid rgba(255, 255, 255, 0.2);
  border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
  border-left: 1.1em solid #ffffff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: xr-fullpage-ani-loading 1.1s infinite linear;
  animation: xr-fullpage-ani-loading 1.1s infinite linear;
}
@-webkit-keyframes xr-fullpage-ani-loading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes xr-fullpage-ani-loading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}



/* Miscellaneous: Begin*/
.xr-cursor-pointer {
  cursor: pointer;
}

.xr-overflow-hidden {
  overflow: hidden;
}

.xr-hr {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
  border: 0;
  border-top: 1px solid #E4E4E4;
}

.xr-modal-dialog-fluid {
  max-width: 100%;
  margin: 0;
}

.xr-layers-counter {
  text-align: center;
  display: inline-block;
  position: absolute;
  background-color: #ff253a;
  border-radius: 1em;
  color: #FF0;
  height: 1.5em;
  line-height: 1;
  max-width: 5em;
  min-width: 1.5em;
  overflow: hidden;
  padding: .15em;
  right: 0;
  top: 0;
  -webkit-transform: scale(.7);
  transform: scale(.7);
  -webkit-transform-origin: top right;
  transform-origin: top right;
  text-overflow: ellipsis;
  font-weight: normal;
}

.xr-circle {
  width:100%;
  height:100%;
  border-radius: 50%;
  line-height: 1;
}

.xr-alert {
  font-size: 0.85em;
  color: #900;
  padding: 0.25rem 0;
}

.xr-video-play {
  position: absolute;
  text-indent: 0;
  width: 100%;
  height: 100%;
  display: flex;
  opacity: 0.8;
  color: rgba(255,255,255,1.00);
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.xr-video-play:hover {
  color: rgba(255,51,0,1);
  opacity: 1;
}

.xr-view-more-gray {
  position: relative;
  top: -1.5rem;
  text-align: center;
  background-image: -webkit-linear-gradient(180deg,rgba(236,236,236,0.00) 0%,rgba(236,236,236,1.00) 50%);
  background-image: -moz-linear-gradient(180deg,rgba(236,236,236,0.00) 0%,rgba(236,236,236,1.00) 50%);
  background-image: -o-linear-gradient(180deg,rgba(236,236,236,0.00) 0%,rgba(236,236,236,1.00) 50%);
  background-image: linear-gradient(180deg,rgba(236,236,236,0.00) 0%,rgba(236,236,236,1.00) 50%);
}

/* Simple animation effect */
.xr-trans-100ms-linear {
  -webkit-transition: all 0.1s linear 0s;
  -o-transition: all 0.1s linear 0s;
  transition: all 0.1s linear 0s;
}

.xr-animation-appear {
  animation: xr-ani-appear 0.3s;
  -moz-animation: xr-ani-appear 0.3s;  /* Firefox */
  -webkit-animation: xr-ani-appear 0.3s;  /* Safari & Chrome */
  -o-animation: xr-ani-appear 0.3s;  /* Opera */
}
@keyframes xr-ani-appear {
  from { font-size: 0em; } to { font-size: 1em; }
}
@-moz-keyframes xr-ani-appear {
  from { font-size: 0em; } to { font-size: 1em; }
}
@-webkit-keyframes xr-ani-appear {
  from { font-size: 0em; } to { font-size: 1em; }
}
@-o-keyframes xr-ani-appear {
  from { font-size: 0em; } to { font-size: 1em; }
}


/* Special customized menu style */
.xr-scms-newyear, 
.xr-scms-spring-festival, 
.xr-scms-valentine, 
.xr-scms-lantern-festival, 
.xr-scms-christmas, 
.xr-scms-fifa, 
.xr-scms-easter, 
.xr-scms-weekly-promotions, 
.xr-scms-spring-sale
{
}
.img-max{max-width: 70%;}
#xri_ProDt_Description iframe{max-width:853px; width:100%}