.error {
  color: #f00;
}
.color-red {
  color: #f00;
}
.page-customize-detail .border-b-1 {
  border-bottom: 1px solid #eee;
}
.page-customize-detail .border-t-1 {
  border-top: 1px solid #eee;
}
.text-letter-spacing-1 {
  letter-spacing: 0.5px;
  font-weight: bold;
}
.web-engravings-text {
  width: 50%;
}
.margin-t-2 {
  padding-top: 1rem;
}
.padding-b-1 {
  padding-bottom: 0.5rem;
}
.padding-l-1 {
  padding-left: 0.5rem;
}
.padding-r-1 {
  padding-right: 0.5rem;
}
.margin-r-1 {
  margin-right: 0.5rem;
}
.margin-b-1 {
  margin-bottom: 0.5rem;
}
.margin-b-2 {
  margin-bottom: 1rem;
}
.margin-b-4 {
  margin-bottom: 2rem;
}
.form-control.error {
  border-color: #f00;
}
.page-customize-detail {
  width: 97%;
  margin: 40px auto;
  padding-top: 50px;
}
.left-img-content,
.row.margin-b-2 {
  margin: 0;
}
.img-position-list .slide-item {
  border: 1px solid #ccc;
  opacity: 0.5;
  width: 60px;
  height: 60px !important;
  overflow: hidden;
}
.gallery-thumbs {
  height: 285px;
}
.gallery-thumbs .swiper-container {
  height: 100%;
}
.web-thumbs-box {
  width: 6%;
  margin-right: 2%;
}
.web-thumbs-con {
  float: right;
  margin-top: 60px;
}
.web-thumbs-con .swiper-prev,
.web-thumbs-con .swiper-next {
  width: 60px;
  text-align: center;
}
.web-thumbs-con .swiper-prev i {
  cursor: pointer;
  display: inline-block;
  border-color: transparent;
  border-style: solid;
  border-bottom-color: #000;
  border-width: 10px;
  background: none;
}
.web-thumbs-con .swiper-next i {
  cursor: pointer;
  display: inline-block;
  border-color: transparent;
  border-style: solid;
  border-top-color: #000;
  border-width: 10px;
  background: none;
}
.img-position-list .swiper-slide-thumb-active {
  opacity: 1;
  border-color: #000;
}
.img-position-list img {
  width: 100%;
}
.page-customize-detail .img-show-container {
  position: relative;
  width: 100%;
}
.img-show-container .img-loading {
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(200, 200, 200, 0.1)
    url("data:image/gif;base64,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")
    no-repeat center;
}
.img-show-container .img-loading.show {
  display: block;
}
.product-info .product-custome-name {
  color: #888;
}
.product-info .product-name {
  color: #333333;
  font-size: 14px;
  margin-bottom: 15px;
  line-height: 1.5;
}
.page-customize-detail .product-info {
  padding-bottom: 15px;
}
.product-info .product-sku {
  color: #908f8f;
  font-size: 12px;
  padding: 5px 0 3px;
}
.web-price-and-review-score {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.product-info .product-price {
  font-weight: bold;
  font-size: 16px;
  color: #000;
  letter-spacing: 1px;
  margin-top: 5px;
  width: 50%;
}
.product-info .web-product-sell-price {
  font-weight: bold;
  font-size: 14px;
  color: #a2a1a1;
  text-decoration: line-through;
  letter-spacing: 0.3px;
  margin-right: 5px;
}
.product-info .price-num {
  font-style: italic;
}
.page-customize-detail .setting-title,
.product-qty .qty-title {
  margin: 15px 0;
  cursor: pointer;
}
.custom-text .setting-title,
.product-size .setting-title {
  margin: 20px 0;
}
.page-customize-detail .setting-title {
  display: flex;
  align-items: center;
  position: relative;
}
.page-customize-detail .setting-title {
  background: url("/images/jiantou-xia.png") no-repeat center right / 16px 14px;
}
.page-customize-detail .setting-title.unfold {
  background-image: url("/images/jiantou-shang.png");
}
.setting-title .title-name {
  font-weight: bold;
  flex-grow: 1;
}
.custom-text .text-price,
.product-size .size-price-show,
.setting-title .title-price {
  margin-right: 30px;
  font-weight: 300;
  color: #333;
}
.page-customize-detail .setting-title .title-img {
  width: 34px;
  height: 34px;
  margin-right: 10px;
}
.page-customize-detail .setting-title .title-img img {
  width: 100%;
  height: 100%;
}
.page-customize-detail .setting-title .active-name {
  font-weight: 300;
  padding: 0 2px;
  font-size: 12px;
  color: #888;
}
.setting-list {
  display: none;
}
.setting-list .setting-content {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 1rem;
}
.setting-list .setting-content .item {
  padding: 8px 4px 4px;
  border: 1px solid transparent;
  cursor: pointer;
  transition: box-shadow 0.5s;
  width: 90px;
}
.setting-list .item .set-name,
.setting-list .item .set-price {
  font-size: 12px;
  text-align: center;
}
.setting-list .item .set-name {
  color: #999;
}
.setting-list .set-img {
  margin: auto;
  width: 36px;
  height: 36px;
}
.setting-list .set-img img {
  width: 100%;
  height: 100%;
}
.setting-list .item.active {
  border-color: #7b7b7b54;
  position: relative;
  box-shadow: 2px 2px 10px #ccc;
}
.right-setting-content {
  padding-right: 60px;
  padding-left: 30px;
}
.text-error-prompt {
  display: none;
}
.custom-text .text-setting-title {
  justify-content: space-between;
}
.custom-text .text-setting-title .text-price {
  margin-right: 30px;
}
.custom-text .cutom-text-content {
  padding-bottom: 1rem;
}
.custom-text .custom-text-input {
  max-width: 50%;
  font-size: 14px;
  display: inline-block;
}
.custom-text .custom-text-input::placeholder {
  color: #bbb;
}
.custom-text .text-number-prompt {
  margin-left: 6px;
}
.product-size .selected-product-size {
  font-weight: 100;
  padding: 0 2px;
  font-size: 12px;
  color: #aaa;
}
.product-size .size-selected-show {
  flex-grow: 1;
}
.product-size .cutom-size-content {
  padding-bottom: 1rem;
  position: relative;
}
.product-size .size-select {
  max-width: 50%;
  padding-left: 5px;
  font-size: 14px;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  -o-appearance: none;
  background: url("/images/jiantou-xia.png") no-repeat center right 10px / 16px
    14px;
}
.product-qty {
  display: flex;
}
.product-qty-content {
  display: flex;
  align-items: center;
  margin-left: 1rem;
}
.product-qty-content .add-num-btn,
.product-qty-content .del-num-btn {
  height: 24px;
  width: 24px;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 50%;
}
.product-qty-content .add-num-btn:hover,
.product-qty-content .del-num-btn:hover {
  border-color: #ddd;
}
.product-qty-content .del-num-btn {
  background: url("/images/product-minus.svg") no-repeat center center / 11px
    11px;
}
.product-qty-content .add-num-btn {
  background: url("/images/product-add.svg") no-repeat center center / 11px 11px;
}
.product-qty .qty-input {
  border: none;
  box-shadow: none;
  width: 3rem;
  text-align: center;
}
.qty-input::-webkit-inner-spin-button,
.qty-input::-webkit-outer-spin-button {
  -webkit-appearance: none;
}
.qty-input[type="number"] {
  -moz-appearance: textfield;
}
.page-customize-detail .footer-functions {
  text-align: center;
  margin: 15px 0;
  display: flex;
}
.page-customize-detail .footer-functions .col-12 {
  padding: 0;
}
.web-wishlist-icon-box {
  position: absolute;
  top: 2%;
  right: 3%;
  z-index: 10;
}
.web-collect-hollow-heart {
  height: 30px;
  width: 30px;
  cursor: pointer;
  display: inline-block;
  background: url("https://media.vancaro.com/public/images/hollow-heart.png")
    no-repeat;
  background-size: 100% 100%;
}
.web-collect-solid-heart {
  height: 30px;
  width: 30px;
  cursor: pointer;
  display: none;
  background: url("https://media.vancaro.com/public/images/solid-heart.png")
    no-repeat;
  background-size: 100% 100%;
}
.goods-detail-swiper-wrapper .web-collect-hollow-heart {
  height: 20px;
  width: 20px;
  cursor: pointer;
  display: inline-block;
  background: url("https://media.vancaro.com/public/images/hollow-heart.png")
    no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 5%;
  left: 80%;
  transform: inherit;
  z-index: 10;
}
.goods-detail-swiper-wrapper .web-collect-solid-heart {
  height: 20px;
  width: 20px;
  cursor: pointer;
  display: none;
  background: url("https://media.vancaro.com/public/images/solid-heart.png")
    no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 5%;
  left: 80%;
  transform: inherit;
  z-index: 10;
}
.web-tooltip-icon {
  width: 15px;
  height: 15px;
  background: url("https://media.vancaro.com/public/images/tooltip.png")
    no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  display: inline-block;
  position: absolute;
  top: 3px;
  margin-left: 5px;
}
.ui-tooltip {
  font-size: 12px;
  background: #fff;
  text-align: left;
  color: #6e6c6c;
  border: 1px solid #6e6c6c;
  width: 300px;
  max-width: 300px;
  opacity: 1;
  padding: 5px;
}
#AddCart {
  width: 100%;
  cursor: pointer;
  background-color: #000;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: bold;
  padding-top: 0.7rem;
  padding-bottom: 0.7rem;
}
#AddCart.disabled {
  opacity: 0.5;
}
#AddCart.loading {
  transition: none;
  -webkit-transition: none;
  color: #000;
  background: #000
    url("data:image/gif;base64,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")
    no-repeat center center / 20px 20px;
}
.product-detail-wrap {
  font-size: 12px;
  letter-spacing: 0.5px;
}
.product-detail-wrap .short-name {
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 0.3px;
}
.product-detail-wrap .short-value {
  color: #555;
  font-size: 12px;
  letter-spacing: 0.3px;
}
.product-detail-wrap p:last-child {
  display: none;
}
.description {
  padding: 0 15px;
}
.description .product-detail-wrap {
  margin-top: 2rem;
}
.description .product-detail-wrap li {
  margin-bottom: 4px;
}
.detail-page-tabs {
  position: relative;
}
.detail-page-tabs .nav-item {
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.5px;
}
.detail-page-tabs .nav-item .nav-link {
  border: none;
  padding: 0.5rem 0;
}
.detail-page-tabs.nav-tabs .nav-link.active {
  color: #000;
}
.detail-page-tabs:after {
  position: absolute;
  content: "";
  width: 33.3%;
  height: 3px;
  background-color: #444;
  left: 0;
  bottom: 0;
  -webkit-transition: left 0.3s, right 0.3s;
  transition: left 0.3s, right 0.3s;
}
.detail-page-tabs.active-tab-0:after {
  left: 0;
}
.detail-page-tabs.active-tab-1:after {
  left: 33.3%;
}
.detail-page-tabs.active-tab-2:after {
  left: 66.6%;
}
.product-detail-review {
  width: 97%;
  margin: 20px auto 0;
}
.product-details-list,
.product-details-list li,
.product-details-list ul {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
}
.product-details-list .top,
.product-details-list .top-border {
  border-bottom: 1px solid #ccc;
}
.product-details-list .title {
  display: block;
  height: auto;
  text-transform: uppercase;
  padding: 10px 0;
  width: 100%;
  font-weight: bold;
  letter-spacing: 1px;
  font-size: 16px;
  background: #fff;
}
.review-tpl {
  width: 100%;
}
.review-box {
  padding: 20px 0;
}
.itmespstart-box {
  border-bottom: solid 1px #ccc;
  padding-bottom: 20px;
}
.middle-star-list {
  display: flex;
}
.middle-star-list p {
  display: inline;
  font-size: 16px;
  font-weight: bold;
}
.total-score-div {
  display: flex;
  justify-content: center;
}
.totalScore {
  margin: 0;
  padding: 0;
}
.totalScore .bg {
  background: url("https://media.vancaro.com/public/images/emptystar.png")
    no-repeat;
  width: 93px;
  height: 16px;
}
.totalScore .bg div {
  background: url("https://media.vancaro.com/public/images/star.png")
    no-repeat;
  height: 100%;
}
.total-score-div .positiveRating {
  font-size: 22px;
  margin-left: 5px;
  color: #ffc600;
}
.web-no-review-star {
  display: none;
}
.web-no-review-star .icon-star {
  background: none;
}
.web-no-review-star li {
  list-style: none;
  height: 25px;
  line-height: 25px;
  margin-right: 8px;
  color: #bbb8b8;
}
.web-no-review-star .icon-star:after {
  content: "★";
  font-size: 24px;
  display: inline-block;
}
.product-detail-review .totalScore {
  margin-top: 8px;
}
.web-reviews-num {
  display: none;
  font-size: 14px;
  font-weight: 500;
  margin-top: 2px;
}
.web-reviews-num-mr {
  margin-top: 5px;
  margin-left: 10px;
}
.write-review {
  margin-bottom: 10px;
}
.wr-btn {
  padding: 6px 10px;
  font-size: 12px;
  border: solid 1px #a7a6a6;
  font-weight: 400;
  margin-top: 10px;
  background: #ffffff;
  display: inline-block;
  color: #000;
  cursor: pointer;
}
.web-review-content {
  padding-top: 30px;
  border-top: solid 1px #cccaca;
  position: relative;
  display: none;
  padding-bottom: 16px;
  border-bottom: solid 1px #cccaca;
  margin-bottom: 10px;
}
.close-review {
  position: absolute;
  top: 0;
  right: 5px;
  width: 30px;
  height: 30px;
  line-height: 25px;
  text-align: center;
  cursor: pointer;
}
.web-close-review-icon {
  display: inline-block;
  width: 30px;
  height: 30px;
  background: url("https://media.vancaro.com/public/images/vancaro-sprite-60-new.png")
    0 -40px / 30px auto no-repeat;
}
.form-item {
  margin-bottom: 20px;
}
.review-form-item__label {
  text-align: right;
  vertical-align: middle;
  float: left;
  font-size: 14px;
  color: #48576a;
  line-height: 1;
  padding: 15px 5px 11px 8px;
  box-sizing: border-box;
}
.rating {
  display: flex;
}
.cleanfloat {
  margin-left: 20px;
  padding: 0;
}
.icon-star {
  width: 18px;
  height: 18px;
  display: inline-block;
  background: url(https://media.vancaro.com/Help/star-fbcb59.png) no-repeat;
  background-size: 100% 100%;
}
.cleanfloat li {
  list-style: none;
  height: 25px;
  line-height: 30px;
  float: left;
  font-size: 25px;
  margin: 5px;
  color: #ccc;
  cursor: pointer;
}
.web-review-content .icon-star {
  background: none;
}
.web-review-content .icon-star:after {
  content: "★";
  font-size: 30px;
  display: inline-block;
}
.cs,
.hs {
  color: #ffc600 !important;
}
.myProgress {
  width: 170px;
  border-radius: 8px;
  display: inline-block;
  margin: 10px 0;
}
#review-progress {
  width: 80px;
  margin-top: 1rem;
  border-radius: 8px;
  display: inline-block;
}
.myBar {
  width: 10%;
  height: 18px;
  background-color: #7abaf9eb;
  background-image: linear-gradient(
    -45deg,
    rgba(255, 255, 255, 0.2) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.2) 50%,
    rgba(255, 255, 255, 0.2) 75%,
    transparent 75%,
    transparent
  );
  text-align: center;
  line-height: 18px;
  color: white;
  border-radius: 8px;
}
.close-schedule {
  margin: 0 10px;
}
.icon-remove-sign {
  display: inline-block;
  width: 20px;
  height: 20px;
  text-align: center;
  background: url("/images/close-circle.png") no-repeat;
  background-size: 100% 100%;
}
.review-star-txt {
  color: #ffc600;
  font-size: 18px;
  padding-left: 10px;
  height: 40px;
  line-height: 38px;
}
.review-input__inner {
  width: 300px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
  background-image: none;
  border-radius: 4px;
  border: 1px solid #ddd;
  box-sizing: border-box;
  color: #1f2d3d;
  font-size: inherit;
  height: 36px;
  line-height: 1;
  outline: 0;
  padding: 3px 10px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.review_con {
  width: 300px;
  height: 90px;
  resize: auto;
}
.review_con::placeholder {
  font-size: 12px;
  letter-spacing: 0.3px;
  color: #555;
  text-align: left;
  padding: 3px 10px;
}
.upload-img-button1 {
  display: inline-block;
  position: relative;
  height: 70px;
  width: 70px;
  cursor: pointer;
  border: dashed 1px #c3c3c3;
}
.addImg {
  position: absolute;
  top: 19px;
  left: 19px;
  opacity: 1;
  width: 30px;
  height: 30px;
  display: inline-block;
  background: url("https://media.vancaro.com/public/images/vancaro-sprite-60-new.png")
    0 -495px / 30px auto no-repeat;
}
input[type="file"] {
  background-color: #fff;
  border: 1px solid #ccc;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  border-radius: 0;
}
.upload-img-button1 #userFile1 {
  width: 100%;
  height: 100%;
  opacity: 0;
}
.review-submit {
  border-width: 0;
  border-radius: 0;
  color: #ffffff;
  font-size: 14px;
  padding: 6px 20px;
  background-color: #000000;
  cursor: pointer;
  margin-left: 20px;
}
.reviewSortSelect {
  display: none;
  border-bottom: solid 1px #ccc;
  height: 32px;
}
.regionSelect {
  position: relative;
  padding: 3px 0;
  float: right;
  font-size: 14px;
  width: 30%;
}
.web-region-select {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: space-between;
}
.web-region-select div {
  width: 25%;
}
.web-filter-by {
  text-transform: uppercase;
  font-size: 12px;
}
.web-review-type-btn {
  text-transform: uppercase;
  font-size: 12px;
  text-align: center;
  color: #464545;
  letter-spacing: 0.3px;
  cursor: pointer;
}
.web-review-type-btn.web-click-btn-color {
  color: #000;
  font-weight: bold;
}
.thankYou {
  overflow: hidden;
  height: 200px;
  width: 100%;
  text-align: center;
  border-bottom: solid 1px #cccaca;
  position: relative;
  display: none;
}
.thankYou p {
  font-size: 20px;
  line-height: 200px;
}
.close-thank {
  position: absolute;
  right: 5px;
  top: 3px;
}
.web-close-review-icon {
  display: inline-block;
  width: 30px;
  height: 30px;
  background: url("https://media.vancaro.com/public/images/vancaro-sprite-60-new.png")
    0 -40px / 30px auto no-repeat;
}
dl.items-common-list {
  display: flex;
  width: 100%;
  border-bottom: solid 1px #efeaea;
  padding: 35px 0 25px;
  font-size: 14px;
}
.items-common-list-left {
  width: 25%;
  padding-left: 30px;
}
.customerName {
  color: #000000;
  font-weight: 600;
}
.items-common-list-right {
  width: 75%;
}
.com-text {
  letter-spacing: 0.3px;
}
.items-com-img img {
  padding-right: 10px;
  padding-bottom: 10px;
}
.pager {
  padding: 30px 0 0;
  text-align: center;
}
.pager .pages ul {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
}
.pager .pages li {
  margin-right: 5px;
}
.next-page span {
  color: #000;
  font-size: 14px;
  font-weight: bold;
  padding: 8px 10px;
  cursor: pointer;
  border-radius: 6px;
}
.next-page span.i-next,
.next-page span.i-previous {
  padding: 0 10px;
  display: flex;
  align-items: center;
}
.web-review-page-next {
  width: 16px;
  height: 16px;
  display: inline-block;
  background: url("../../images/review-next-page.png") no-repeat;
  background-size: 100% 100%;
}
.web-review-page-prev {
  width: 16px;
  height: 16px;
  display: inline-block;
  background: url("../../images/review-prev-page.png") no-repeat;
  background-size: 100% 100%;
}
.imgs-shua .imgs {
  position: relative;
  display: inline-block;
  margin-top: 1rem;
}
.imgs-shua .imgs .upload-images-list1 {
  height: 5rem;
  width: 5rem;
  margin-right: 13px;
}
.imgs-shua .imgs .close-image {
  display: inline-block;
  width: 20px;
  height: 20px;
  text-align: center;
  background: url("/images/close-circle.png") no-repeat;
  background-size: 100% 100%;
  line-height: 0.8rem;
  position: absolute;
  top: -6px;
  right: 0;
  cursor: pointer;
  z-index: 10;
}
.also-like-swiper {
  display: none;
  margin-bottom: 2rem;
}
.also-like-swiper .also-like-swiper-title {
  text-align: center;
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 1.5rem 0;
  font-weight: 700;
}
.also-like-swiper .swiper-content img {
  width: 100%;
  height: 100%;
}
.also-like-swiper .swiper-container-recommended {
  padding: 0 30px;
  overflow: hidden;
  position: relative;
}
.also-like-swiper .swiper-button-next {
  height: 30px;
  right: 0;
  outline: none;
  background: url(https://media.vancaro.com/Help/gnext.png) no-repeat;
  background-size: 100% 100%;
  margin-top: 0;
}
.also-like-swiper .swiper-button-prev {
  height: 30px;
  left: 0;
  outline: none;
  background: url(https://media.vancaro.com/Help/gprev.png) no-repeat;
  background-size: 100% 100%;
  margin-top: 0;
}
.also-like-swiper .slide-product-price {
  font-weight: bold;
  text-align: center;
  padding-top: 0.5rem;
}
.also-like-swiper .slide-product-name {
  font-size: 12px;
  line-height: 1.2;
  padding: 0 5px;
  color: #666;
  letter-spacing: 0.8px;
  text-align: center;
}
.web-size-guide-btn {
  color: #908f8f;
  font-size: 12px;
  border-bottom: solid 1px #aba8a8;
  cursor: pointer;
  position: absolute;
  left: 55%;
  top: 22%;
  line-height: 1.2;
}
.web-shipping-payment-info {
  margin-top: 2rem;
  padding: 0 20px;
}
.web-shipping-payment-info-title {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 5px;
  letter-spacing: 0.3px;
  color: #000;
}
.web-shipping-payment-info-text {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 10px;
  color: #555;
  letter-spacing: 0.3px;
}
.web-size-guide-modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
  opacity: 0.5;
  display: none;
}
.web-size-guide-con {
  position: fixed;
  top: 45px;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background: #fff;
  width: 50%;
  margin: 0 auto;
  padding: 30px;
  overflow-y: scroll;
  display: none;
}
.web-size-guide-close {
  display: block;
  width: 30px;
  height: 30px;
  background: url("https://media.vancaro.com/public/images/vancaro-sprite-60-new.png")
    0 -40px / 30px auto no-repeat;
  float: right;
}
.web-size-guide-title {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 5px;
  letter-spacing: 0.5px;
  color: #000;
}
.web-size-guide-text {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.2px;
  color: #000;
}
.web-size-guide-small-title {
  font-size: 16px;
  font-weight: 600;
  color: #000;
  letter-spacing: 0.5px;
  margin-bottom: 10px;
}
.web-size-guide-text-modal {
  margin-top: 20px;
}
.web-size-guide-text-modal p {
  margin-bottom: 10px;
  font-size: 14px;
  color: #000;
  letter-spacing: 0.2px;
}
.web-size-guide-table {
  text-align: center;
  width: 100%;
  margin-top: 30px;
}
.web-size-guide-table thead tr {
  background: #333333;
  color: #ffffff;
}
.web-size-guide-table thead th {
  font-weight: 100;
  padding: 5px 10px;
  text-align: center;
  border: solid 1px #fff;
  font-size: 14px;
}
.web-size-guide-table tbody td {
  padding: 3px 0;
  font-size: 14px;
}
.web-size-guide-two-text {
  margin-top: 20px;
}
.web-size-guide-text-left {
  display: table;
  padding: 0 20px;
}
.web-size-guide-text-modal-two {
  display: table-cell;
  vertical-align: middle;
  align-items: center;
}
.web-size-guide-text-modal-two p {
  margin-bottom: 10px;
  font-size: 14px;
  color: #000;
  letter-spacing: 0.2px;
}
.web-guide-four {
  margin-top: 30px;
  background: #f9f9f9;
  padding: 20px 15px;
  border-radius: 10px;
}
.web-guide-four-title {
  font-size: 16px;
  font-weight: 600;
  color: #000;
  text-align: center;
  letter-spacing: 0.5px;
}
.web-guide-four-hr {
  text-align: center;
  margin-bottom: 5px;
}
.web-guide-four-hr span {
  width: 15px;
  height: 3px;
  background: #000;
  display: inline-block;
}
.web-guide-four p {
  margin-bottom: 20px;
  font-size: 13px;
  color: #000;
  font-weight: 400;
}
.web-email-module {
  padding: 0 5px 20px;
}
.web-buy-now-pay-later {
  padding-left: 5px;
  margin-top: 10px;
}
.web-buy-now-pay-later-text {
  font-size: 14px;
  font-weight: 400;
  color: #000;
  letter-spacing: 0.5px;
}
.web-anticipated-shipment-modal {
  position: relative;
  height: auto;
  min-height: 60px;
}
.selectCountryBox {
  display: none;
  background: #f9f9f9;
  padding: 10px 15px 0;
}
.ships-dec {
  display: none;
  color: #000;
  margin: 0;
  padding: 3px 10px 5px 15px;
  background: #f9f9f9;
}
.in-stock {
  line-height: 1.5;
}
.ships-dec ul li {
  font-size: 12px;
  color: #000;
  padding: 0;
  letter-spacing: 1.2px;
  line-height: 1.5;
}
.ships-dec ul li span {
  letter-spacing: 1.2px;
}
.receiptTime ul li span {
  font-size: 12px;
  letter-spacing: 1.2px;
}
.receiptTime .deliveryTypePrice {
  margin-left: 10px;
}
.circle {
  display: inline-block;
  width: 3px;
  height: 3px;
  background: #868585;
  border-radius: 50%;
  margin: 0 10px 2px 0;
}
.explanationTxt {
  display: none;
  padding: 2px 10px 2px 14px;
  font-size: 12px;
  letter-spacing: 0.5px;
  color: #908f8f;
}
.explanationTxt div {
  line-height: 1.1;
  padding: 2px 0;
}
.loading-model {
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background: rgba(0, 0, 0, 0.1);
  z-index: 10;
}
.loading-model .loading .loading-circle {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.loading-model .loading .loading-circle:after,
.loading-model .loading .loading-circle:before {
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 50%;
  background-repeat: no-repeat;
  margin: auto;
  position: absolute;
  background-color: #fff;
}
.loading-model .loading .loading-circle:before {
  width: 100%;
  height: 100%;
  -webkit-animation: loading 1.5s linear infinite;
  animation: loading 1.5s linear infinite;
  background-image: -webkit-gradient(
      linear,
      left bottom,
      left top,
      from(rgba(0, 0, 0, 0)),
      to(rgba(0, 0, 0, 0.2))
    ),
    -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.4))),
    -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0.6))),
    -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.6)), to(#000));
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2)),
    linear-gradient(90deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.4)),
    linear-gradient(180deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.6)),
    linear-gradient(270deg, rgba(0, 0, 0, 0.6), #000);
  background-position: 0 0, 100% 0, 100% 100%, 0 100%;
  background-size: 50% 50%;
}
.loading-model .loading .loading-circle:after {
  width: 88%;
  height: 88%;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAIAAAAlC+aJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjZEOTM3QzFCMzQzQzExRUE5NjcxOEFFNUJCNzZBQ0JEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjZEOTM3QzFDMzQzQzExRUE5NjcxOEFFNUJCNzZBQ0JEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NkQ5MzdDMTkzNDNDMTFFQTk2NzE4QUU1QkI3NkFDQkQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NkQ5MzdDMUEzNDNDMTFFQTk2NzE4QUU1QkI3NkFDQkQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4O8QsZAAAE7ElEQVR42mL8//8/w1AGTAxDHIx6YNQDox4Y9cCoB0Y9MOoBnODFy1eTp8/59+8fDe34T0swdcY8UVnNksoG2llBQw+8ev1G28gW6AEgmj57AY1soWESmjhlFtAPEHZLR//N23eHUh44f/HKgiUr4dxfv37VNnYMGQ/8/PmzuKIO6GhkwQOHjh4/eWZoeKC1c8KVqzcwxWfPXzIEPLBj9/4ZcxZildq99+CTp88HtQeePntRXF6HJ2mdPH128Hrg958/uUWVr9+8xaPm8pXrg9cDPf1Tjxw7iV/N5y9fBqkHdu87OGHKLGIq/sHogffvP5RXNxPjOA4OdiD558/f23fvDSIPVNa1Pnn6jBiVYqKiQJKRkaGwtO7o8VODwgO79h5Yt3ErkYo1NVSB5N+/f+8/eJhTWPH27bsB9sCXL19rGtqJVMzKwqKuqgJkANtIX75+BZa5hWW1FOYKSj2wePnqBw8fE6lYR1tDVkYKyDh99sL37z8gtR6F1TNFHvj27fvseYuJV+/n7cHMzAxkHDx8DC7Y1jWBkgxNkQe279pLfNOAg4PD29MV4u1DR44jh0JJRQOwXBoADyxbsZZ4xS5OdgryskAG0PVo3ga2UpevWkdvDwAz4sXL14hUDEw5BTlpEPaUGfOwNGC7JgA70HT1ALBV8+nzZ2KD39FOT0cLyACW/afPnsdU8O7d++mzFtDDA1+/fgPWu0DGw0fEFj7A0rOkMAvCnjRtDq5yE1igPX/xkuYeWL9p24NHT4CMt+/eE6nF389TX1cbyNiz79D+g0fwVClkFKlMpAb/zLmLgCEKKj2+fydGCxsbW352GqT909k7Gb/i1Ws3kdpcJc0DJ0+fu3nrzt9/oCKPnY2NGC2hQb7qqspAxsYt2y9evopf8ctXr48cPUlDDwA75qBuF7gQFBISJKbsz8tKhfTFeidOJ8YKgj0Kijxw49YdUD0KroZkpaUIqvdyd1ZUkAMytu7Yc+fufWKsOHXmPA09ACklgBkR2JzU09UGBjD+sj8lIRqS+mcR3eJ48uw5DT0ArPaBJLD1tvfAYWkpCRVlBTyKdbU1TYwNgIwLFy+fO3+JSCv+/vlDQw+ws0MzbkfPJGBxHhrkh0exp7szhLFl+24GmgHSPCAmKgJhXLl6o6K2JcjfW4CfD5diSNULBGfPXyTBQeDmKvGAhSTVSoryx06chrDnL1oOLPXkZGU+fLyGtfaVk5MGMj5++nz33gPirSCmbCA/BmyszJG523bsuXQFe3uOlY2Vk4MTUr8SWeVBgLWVGQ094GBrJSjAT4zKX79+ff36FVwWMTEC+/BEAw9XJxp6AFh5JYNLRoIAWHTef/AIyAB6WERYmEjzzUyMzEwMaduYS02KlZIUJ6raBvcb2dnZDfS0iewzNNWWMTEx0dYDwBCd3NcOac8RbLc+ew6q+CJCA4kxubqswMhQjx4dGltri46WWoJBBew2lFTWA9OSo721n7c7fsXAFmtOZjL9emSxUaFL5k2TwVvkCQsLubs6ATMw0Kv93c3APjFWZSLCQtMmdFaXF5DnEkZKxpWA3WJgbQBsqN26fRd5MhjYeQcWJskJUfJysnDB33/+zFu4bM26zddv3gaWUcB+ArBWcXN2iI8Jk5WRJtsNjKNr5kY9MOqBUQ+MemDUA6MeGPXACPYAQIABAJqoZHhL1OuvAAAAAElFTkSuQmCC");
  background-size: 86% 86%;
  background-position: 50% 30%;
}
@keyframes loading {
  from {
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.goodsShipping {
  display: none;
}
.js-page-country {
  -webkit-appearance: none;
  appearance: none;
  color: #000;
  background: #fff;
  font-size: 12px;
}
.js-page-country:focus {
  outline: none;
  color: #000;
  background: #fff;
}
.web-select-box {
  display: inline-block;
  background-color: #fff;
  position: relative;
  padding-right: 12px;
}
.selectCountryBox i.web-select-icon {
  display: block;
  width: 5px;
  height: 5px;
  position: absolute;
  font-size: 12px;
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
  font-weight: 700;
  right: 2px;
  top: 12px;
  margin-top: -5px;
  -webkit-box-sizing: border-box;
  color: blue;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.product-description-phone {
  margin-top: 20px;
}
.goods-introduction .item-title {
  font-weight: 500;
  display: flex;
  justify-content: space-between;
  letter-spacing: 0.5px;
  position: relative;
}
.goods-introduction .item-title .title-sign {
  display: block;
  width: 8px;
  height: 8px;
  position: absolute;
  font-size: 13px;
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
  font-weight: 700;
  right: 20px;
  top: 18px;
  margin-top: -5px;
  color: blue;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.goods-introduction .item-title.active .title-sign {
  transform: rotate(45deg);
}
.goods-introduction .item-content {
  display: none;
}
.goods-introduction .item-content.web-review-content-box {
  display: block;
}
.goods-introduction .introduction-item {
  border-top: 1px solid #ebebeb;
}
.goods-introduction .introduction-item-review {
  border-top: none;
  border-bottom: 1px solid #ebebeb;
}
.short-description-list {
  padding-bottom: 10px;
}
.web-review-modal-title {
  text-transform: uppercase;
  padding: 10px 0;
  width: 100%;
  font-weight: bold;
  letter-spacing: 1px;
  font-size: 16px;
  text-align: center;
  border-bottom: solid 1px #eee;
}
.web-login-modal-mark {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
  opacity: 0.5;
  display: none;
}
.web-login-modal-content {
  position: fixed;
  top: 100px;
  right: 0;
  left: 0;
  z-index: 1040;
  background: #fff;
  width: 30%;
  margin: 0 auto;
  padding: 30px 50px;
  display: none;
}
.web-login-modal-close {
  display: block;
  width: 30px;
  height: 30px;
  background: url("https://media.vancaro.com/public/images/vancaro-sprite-60-new.png")
    0 -40px / 30px auto no-repeat;
  float: right;
  cursor: pointer;
}
.as-signin-accountcreation,
.as-signin-forgotpassword {
  cursor: pointer;
}
.web-login-modal-content .messages {
  width: 100%;
  overflow: hidden;
}
.web-login-modal-content .messages ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.web-login-modal-content .error-msg {
  border-color: #f16048;
  background: #faebe7
    url("https://media.vancaro.com/public/images/i_msg-error.gif") no-repeat 7px
    2px;
  color: #df280a;
  padding-left: 30px;
}
.web-login-modal-content .messages li li {
  margin: 0 0 3px !important;
}
.web-login-modal-content .rs-signin-header {
  font-size: 28px;
  font-weight: bold;
  padding: 15px 0;
}
.web-login-modal-content .as-signin-input:only-child {
  margin-top: 1px;
}
.web-login-modal-content .as-signin-input {
  margin-bottom: 1px;
  margin-top: 21px;
}
.web-login-modal-content .form-element {
  position: relative;
}
.web-login-modal-content .form-textbox:required {
  box-shadow: none;
}
.web-login-modal-content .form-textbox {
  font-size: 17px;
  line-height: 1.23543;
  font-weight: 400;
  letter-spacing: -0.022em;
  display: inline-block;
  box-sizing: border-box;
  vertical-align: top;
  width: 100%;
  height: 3.3em;
  margin-bottom: 12px;
  padding-top: 18px;
  padding-left: 16px;
  padding-right: 16px;
  color: #333;
  text-align: left;
  border: 1px solid #d6d6d6;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.8);
  background-clip: padding-box;
}
.web-login-modal-content .form-textbox ~ .form-label {
  pointer-events: none;
}
.web-login-modal-content .form-textbox ~ .form-label {
  position: absolute;
  top: 18px;
  left: 17px;
  color: #888;
  pointer-events: none;
  padding: 0;
  z-index: 1;
  transition-timing-function: ease-in;
  transition-duration: 0.125s;
}
.web-login-modal-content .form-block-label,
.web-login-modal-content .form-label {
  font-size: 17px;
  line-height: 1.23543;
  font-weight: 400;
  letter-spacing: -0.022em;
  display: block;
  position: relative;
  vertical-align: top;
  color: #333;
}
.web-login-modal-content .form-message-wrapper {
  font-size: 12px;
  line-height: 1.5;
  font-weight: 400;
  letter-spacing: 0;
  display: none;
  margin-top: 8px;
  margin-bottom: 12px;
  letter-spacing: 0.006em;
}
.web-login-modal-content .as-signin-button {
  padding-bottom: 10px;
  margin-top: 23px;
}
.web-login-modal-content .button-block {
  box-sizing: border-box;
  display: block;
  width: 100%;
}
.web-login-modal-content .button {
  font-size: 16px;
  background-color: #000;
  border: solid 1px #000;
  border-radius: 4px;
  color: white;
  cursor: pointer;
  display: inline-block;
  width: 100%;
  height: 50px;
  letter-spacing: 2px;
  text-align: center;
  white-space: nowrap;
}
.web-login-modal-content input {
  direction: ltr;
  -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
  overflow: visible;
  touch-action: manipulation;
}
.web-login-modal-content .form-textbox:focus {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-color: #000;
  outline: 0;
  box-shadow: 0 0 0 3px rgba(131, 192, 253, 0.5);
}
.web-login-modal-content .form-textbox.form-textbox-entered ~ .form-label,
.web-login-modal-content .form-textbox:focus ~ .form-label,
.web-login-modal-content .form-textbox:valid[required] ~ .form-label,
.web-login-modal-content .form-textbox[placeholder] ~ .form-label {
  font-size: 12px;
  line-height: 1.75;
  font-weight: 400;
  letter-spacing: -0.01em;
  top: 8px;
  color: #666;
}
.also-like-set {
  list-style: none;
  margin: 0;
  padding: 0;
}
.product-detail {
  position: relative;
}
.also-like-set .top {
  border-top: 1px solid #ebebeb;
}
.also-like-set .title,
.js-introduction-titlt-name {
  display: block;
  height: auto;
  position: relative;
  text-transform: uppercase;
  padding: 10px 0;
  width: 100%;
  letter-spacing: 1px;
  font-size: 12px;
  background: #fff;
}
.also-like-set .title i {
  display: block;
  width: 8px;
  height: 8px;
  position: absolute;
  font-size: 13px;
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
  font-weight: 700;
  right: 20px;
  top: 18px;
  margin-top: -5px;
  color: blue;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.also-like-set .content {
  display: none;
  color: #777;
  line-height: 1.9;
  padding: 0 0 10px;
}
.web-recommend-title {
  font-size: 12px;
  font-weight: 400;
  color: #000;
  letter-spacing: 0.5px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 1.5;
  padding: 0 70px;
}
.also-like-swiper .swiper-slide {
  text-align: center;
}
.web-review-star-box {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 5px;
}
.web-review-star-box .totalScore {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTJweCIgaGVpZ2h0PSIxMXB4IiB2aWV3Qm94PSIwIDAgNDggNDIiIHZlcnNpb249IjEuMSIgZmlsbD0iI2RlZGVkZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjEuMSwzMy4zTDEwLjIsNDEuM0wxMC4yLDQxLjNDOS41LDQxLjggOC42LDQxLjcgOC4xLDQxQzcuOCw0MC42IDcuNyw0MC4xIDcuOSwzOS42TDEyLjEsMjYuN0wxMi4xLDI2LjdDMTIuMiwyNi4zIDEyLjEsMjUuOSAxMS43LDI1LjZMLjcsMTcuN0wuNywxNy43QzAsMTcuMiAwLDE2LjIgLjQsMTUuNkMuNywxNS4yIDEuMSwxNSAxLjYsMTVMMTUuMiwxNUwxNS4yLDE1QzE1LjYsMTUgMTYsMTQuNyAxNi4xLDE0LjNMMjAuMywxLjRMMjAuMywxLjRDMjAuNSwuNiAyMS40LC4yIDIyLjIsLjRDMjIuNiwuNiAyMywuOSAyMy4xLDEuNEwyNy4zLDE0LjNMMjcuMywxNC4zQzI3LjQsMTQuNyAyNy44LDE1IDI4LjMsMTVMNDEuOCwxNUw0MS44LDE1QzQyLjcsMTUgNDMuMywxNS42IDQzLjMsMTYuNUM0My4zLDE2LjkgNDMuMSwxNy40IDQyLjcsMTcuN0wzMS43LDI1LjZMMzEuNywyNS42QzMxLjQsMjUuOSAzMS4yLDI2LjMgMzEuNCwyNi43TDM1LjYsMzkuNkwzNS42LDM5LjZDMzUuOCw0MC40IDM1LjQsNDEuMyAzNC42LDQxLjVDMzQuMiw0MS43IDMzLjcsNDEuNiAzMy4zLDQxLjNMMjIuMywzMy4zTDIyLjMsMzMuM0MyMiwzMy4xIDIxLjUsMzMuMSAyMS4xLDMzLjNaIj48L3BhdGg+PC9zdmc+Cg==);
  width: 60px;
  height: 11px;
  position: relative;
  background-size: 12px 10px;
  background-repeat: repeat-x;
}
.web-review-star-box .totalScore .ratingStar {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTJweCIgaGVpZ2h0PSIxMXB4IiB2aWV3Qm94PSIwIDAgNDggNDIiIHZlcnNpb249IjEuMSIgZmlsbD0iI2ZiYzAyZCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjEuMSwzMy4zTDEwLjIsNDEuM0wxMC4yLDQxLjNDOS41LDQxLjggOC42LDQxLjcgOC4xLDQxQzcuOCw0MC42IDcuNyw0MC4xIDcuOSwzOS42TDEyLjEsMjYuN0wxMi4xLDI2LjdDMTIuMiwyNi4zIDEyLjEsMjUuOSAxMS43LDI1LjZMLjcsMTcuN0wuNywxNy43QzAsMTcuMiAwLDE2LjIgLjQsMTUuNkMuNywxNS4yIDEuMSwxNSAxLjYsMTVMMTUuMiwxNUwxNS4yLDE1QzE1LjYsMTUgMTYsMTQuNyAxNi4xLDE0LjNMMjAuMywxLjRMMjAuMywxLjRDMjAuNSwuNiAyMS40LC4yIDIyLjIsLjRDMjIuNiwuNiAyMywuOSAyMy4xLDEuNEwyNy4zLDE0LjNMMjcuMywxNC4zQzI3LjQsMTQuNyAyNy44LDE1IDI4LjMsMTVMNDEuOCwxNUw0MS44LDE1QzQyLjcsMTUgNDMuMywxNS42IDQzLjMsMTYuNUM0My4zLDE2LjkgNDMuMSwxNy40IDQyLjcsMTcuN0wzMS43LDI1LjZMMzEuNywyNS42QzMxLjQsMjUuOSAzMS4yLDI2LjMgMzEuNCwyNi43TDM1LjYsMzkuNkwzNS42LDM5LjZDMzUuOCw0MC40IDM1LjQsNDEuMyAzNC42LDQxLjVDMzQuMiw0MS43IDMzLjcsNDEuNiAzMy4zLDQxLjNMMjIuMywzMy4zTDIyLjMsMzMuM0MyMiwzMy4xIDIxLjUsMzMuMSAyMS4xLDMzLjNaIj48L3BhdGg+PC9zdmc+Cg==);
  left: 0;
  height: 11px;
  width: 60px;
  background-size: 12px 10px;
  background-repeat: repeat-x;
}
.web-review-rowscount {
  margin-left: 5px;
  font-size: 12px;
  text-decoration: underline;
}
.also-like-swiper,
.web-review-modal-box {
  width: 97%;
  margin: 0 auto;
}
.web-size-guide-img img {
  width: 100%;
  height: auto;
}
.get-jewelry-expert-help {
  width: 100%;
  padding: 10px 0;
  border: solid 1px #000;
  text-align: center;
  color: #000;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
}
.get-jewelry-expert-help:hover {
  background: #f1ad98;
  border-color: #f1ad98;
  color: #fff;
}
.web-made-to-order {
  margin-top: 30px;
  font-size: 14px;
}
.web-made-to-order-title {
  font-weight: 600;
  margin-left: 10px;
}
.web-made-to-order-vertical-bar {
  font-weight: bold;
  padding: 0 10px;
}
.web-order-now {
  margin-top: 15px;
  font-size: 14px;
  display: none;
}
.web-order-now-title {
  font-weight: 600;
  margin-left: 10px;
}
.build-your-ring {
  width: 100%;
  font-size: 14px;
  cursor: pointer;
}
.build-your-ring span {
  display: block;
  padding: 10px 0;
  border: solid 1px #000;
  text-align: center;
  color: #000;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
}
.build-your-ring:hover span {
  background: #f1ad98;
  border-color: #f1ad98;
  color: #fff;
}
.web-delivery-time {
  display: none;
}
.page-current  {
  display: none;
}
.slider-img-list .swiper-button-prev,
.slider-img-list .swiper-button-next {
  display: none;
}
.web-detail-look-book {
  text-align: center;
  width: 97%;
  margin: 40px auto;
}
.web-detail-look-book-title {
  text-transform: uppercase;
  padding: 8px 0;
  letter-spacing: 1px;
  font-size: 16px;
  font-weight: bold;
}
.web-detail-look-book-btn {
  margin-bottom: 20px;
}
.web-detail-look-book-btn a {
  font-size: 14px;
  font-weight: 400;
  color: #000;
  border-bottom: solid 1px #000;
}
.web-detail-look-book .web-detail-look-book-swiper {
  position: relative;
  padding: 0 30px;
}
.web-detail-look-book .look-book-item-url {
  text-decoration: none;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  background-color: #888;
  padding: 5px 12px;
  border-radius: 15px;
  display: none;
}
.web-detail-look-book .swiper-button-prev {
  height: 30px;
  left: 0;
  outline: none;
  background: url(https://media.vancaro.com/Help/gprev.png) no-repeat;
  margin-top: 0;
}
.web-detail-look-book .swiper-button-next {
  height: 30px;
  right: 0;
  outline: none;
  background: url(https://media.vancaro.com/Help/gnext.png) no-repeat;
  margin-top: 0;
}

.web-blog-modular {
  text-align: center;
  width: 97%;
  margin: 20px auto;
}
.web-blog-modular-info {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 0 30px;
  margin-bottom: 15px;
}
.web-blog-modular-title {
  text-transform: uppercase;
  padding: 8px 0;
  letter-spacing: 1px;
  font-size: 16px;
  font-weight: bold;
}
.web-blog-modular-btn a {
  font-size: 14px;
  font-weight: 400;
  color: #000;
  border-bottom: solid 1px #000;
}
.web-blog-modular .web-blog-modular-swiper {
  position: relative;
  padding: 0 30px;
}
.web-blog-modular .swiper-button-prev {
  height: 30px;
  left: 0;
  outline: none;
  background: url(https://media.vancaro.com/Help/gprev.png) no-repeat;
  background-size: 100% 100%;
  margin-top: 0;
}
.web-blog-modular .swiper-button-next {
  height: 30px;
  right: 0;
  outline: none;
  background: url(https://media.vancaro.com/Help/gnext.png) no-repeat;
  background-size: 100% 100%;
  margin-top: 0;
}
.web-blog-info {
  padding: 15px 10px;
  text-align: left;
  background-color: #f5f3f3;
}
.web-blog-create-time {
  font-size: 14px;
  font-weight: 400;
  color: #6c6c6c;
  letter-spacing: 0.5px;
}
.web-blog-title {
  font-size: 16px;
  font-weight: bold;
  color: #000;
  padding-right: 30px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  margin-bottom: 20px;
}
.web-blog-btn {
  margin-bottom: 0;
}
.web-blog-btn a {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  background: #000;
  border: solid 1px #000;
  padding: 5px 20px;
  letter-spacing: 0.5px;
  text-decoration: none;
}
.web-blog-btn a:hover {
  background: #fff;
  color: #000;
}
.web-gift-card {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 35px;
  margin-top: 50px;
}
.web-gift-card .col-6,
.web-gift-card .col-12 {
  padding: 0;
}
.web-brand-content {
  width: 90%;
  margin: 40px auto 0;
}
.web-media-reports img {
	width: 100%;
  height: auto;
}
.web-media-reports .swiper-button-prev {
	background: url(https://media.vancaro.com/public/images/arrows.png) no-repeat left top;
	left: 5px;
	right: auto;
}
.web-media-reports .swiper-button-next {
	background: url(https://media.vancaro.com/public/images/arrows.png) no-repeat left bottom;
  right: 5px;
  left: auto;
}
.web-price-and-review-score .web-review-star-box {
  margin-bottom: 0;
}
.web-media-reports .web-media-reports-title {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 16px;
}
.web-view-all-review {
  display: none;
}
.web-review-time {
  position:absolute;
  top:0;
  right:0;
  font-size:14px;
  color:#000;
  font-weight:500;
}
.view-in-3d-btn {
  display: block;
  position: absolute;
  right: 15px;
  bottom: 15px;
  cursor: pointer;
  z-index: 2;
}
.view-in-3d-modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #fff;
  display: none;
}

.view-in-3d-loading {
  width: 100px;
  height: 100px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: auto;
  display: none;
}

.view-in-3d-close {
  display: block;
  width: 30px;
  height: 30px;
  background: url("https://media.vancaro.com/public/images/vancaro-sprite-60-new.png")
    0 -40px / 30px auto no-repeat;
  position: fixed;
  top: 20px;
  right: 30px;
  cursor: pointer;
}

.page-customize-detail .left-img-container.sticky-wrapper,
.page-customize-detail .right-setting-content.sticky-wrapper {
  position: sticky;
  top: 0;
  align-self: flex-start;
}

@media screen and (max-width: 1400px) {
  .page-customize-detail {
    width: 90%;
    margin: 40px auto auto;
  }
  .web-size-guide-con {
    width: 60%;
  }
  .web-recommend-title {
    padding: 0 30px;
  }
  .web-gift-card {
    padding-left: 0;
  }
}
@media screen and (max-width: 1200px) {
  .review-box {
    display: block;
  }
  .itmespstart-box {
    width: 100%;
    padding-left: 0;
    text-align: center;
    border: none;
    padding-bottom: 0;
  }
  .middle-star-list {
    display: block;
  }
  .write-review {
    width: 100%;
    margin-bottom: 0;
    padding-bottom: 10px;
  }
  .items-search-box {
    width: 100%;
    padding-left: 0;
    padding-bottom: 10px;
  }
  dl.items-common-list {
    display: block;
    position: relative;
  }
  .items-common-box dl:nth-of-type(1) {
    margin-top: 5px;
  }
  .items-common-list-left {
    padding-left: 0;
    width: 100%;
    display: flex;
  }
  .items-common-list-left dd:nth-of-type(1) {
    width: 100%;
  }
  .items-common-list-right {
    width: 100%;
  }
}
@media screen and (max-width: 1024px) {
  .search-mark .new-search-from {
    display: block;
  }
  .web-size-guide-con {
    width: 70%;
  }
  .web-wishlist-icon-box {
    margin-right: 10px;
    margin-left: 0;
  }
  .also-like-set.clearfix {
    border-bottom: 1px solid #ebebeb;
  }
  .reviewAllImg p {
    padding: 5px 0;
  }
  .thankYou {
    height: 100px;
  }
  .thankYou p {
    font-size: 16px;
    line-height: 100px;
  }
  .web-recommend-title {
    padding: 0;
  }
  .also-like-swiper,
  .web-review-modal-box {
    width: 100%;
  }
  .page-current {
    display: block;
    position: absolute;
    right: 5px;
    top: 5px;
    color: #fff;
    background-color: #cccccc8c;
    padding: 3px 5px;
    z-index: 10;
  }
}
@media screen and (min-width: 991px) {
  .swiper-wrapper-pc {
    flex-wrap: wrap;
    box-sizing: inherit;
    justify-content: space-between;
  }
  .slider-img-list .slide-item {
    width: 50%;
    padding: 5px;
  }
}
@media screen and (max-width: 991px) {
  .slider-img-list .swiper-wrapper {
      display: flex;
  }
  .also-like-swiper {
    border-top: none;
    margin-bottom: 20px;
  }
  .also-like-swiper .swiper-container-recommended {
    padding: 0 20px;
  }
  .also-like-swiper .swiper-button-next {
    width: 25px;
    height: 25px;
    right: -5px;
  }
  .also-like-swiper .swiper-button-prev {
    width: 25px;
    height: 25px;
    left: -5px;
  }
  .page-customize-detail {
    width: 100%;
    margin: auto;
    padding-top: 0;
    margin-top: 90px;
  }
  .page-customize-detail .left-img-container {
    padding-left: 0;
    padding-right: 0;
    overflow-y: initial;
  }
  .page-customize-detail .left-img-content {
    position: static;
  }
  .web-thumbs-box {
    display: none;
  }
  .page-customize-detail .img-show-container {
    width: 100%;
    padding: 0 15px;
  }
  .img-show-container {
    height: 100vw;
  }
  .setting-list .setting-content .item {
    flex-basis: 23%;
    margin-right: 5px;
  }
  .custom-text .custom-text-input,
  .product-qty .qty-input,
  .product-size .size-select {
    max-width: 67%;
  }
  .page-customize-detail .footer-functions {
    margin-top: 10px;
  }
  #AddCart {
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
    max-width: 100%;
  }
  .product-description-pc {
    display: none;
  }
  .product-description-phone {
    margin-bottom: 1rem;
  }
  .product-description-phone .product-detail-wrap {
    padding-bottom: 10px;
  }
  .product-description-phone .product-detail-wrap li {
    margin-bottom: 4px;
  }
  .web-secure-payment-img {
    display: block;
    height: 30px;
    width: 39px;
    background: url("../../images/secure-payment.png") no-repeat;
    background-size: 100% 100%;
    margin-left: -6px;
  }
  .goodsShipping .web-payment-img {
    display: block;
    height: 30px;
    width: 28px;
    background: url("https://media.vancaro.com/public/images/vancaro-sprite-90.png")
      0 -60px / 28px auto no-repeat;
    margin-left: 0;
  }
  .reviews-info .review-tpl {
    margin-top: 1rem;
    text-align: center;
  }
  .reviews-info .star {
    justify-content: center;
  }
  .right-setting-content #set-area {
    width: 100%;
  }
  .right-setting-content .product-info {
    width: 100%;
    margin-top: 10px;
  }
  .web-size-guide-con {
    width: 80%;
  }
  .web-login-modal-content {
    top: 10%;
    width: 100%;
    padding: 20px 15px;
  }
  .ui-tooltip {
    width: 200px;
  }
  .review-submit {
    font-size: 14px;
    letter-spacing: 0.5px;
  }
  .slider-img-list .swiper-pagination {
    bottom: 0;
  }
  .web-price-and-review-score {
    margin-top: 35px;
    margin-bottom: 20px;
  }
  .product-info .product-name {
    font-weight: 500;
    font-size: 12px;
  }
  .web-wishlist-icon-box {
    margin-right: 0;
    right: 4%;
    top: 3%;
  }
  .web-collect-hollow-heart,
  .web-collect-solid-heart {
    width: 25px;
    height: 25px;
  }
  .setting-title .title-name,
  .text-letter-spacing-1,
  .product-qty .qty-title,
  .product-size .size-select,
  .custom-text .custom-text-input,
  .custom-text span {
    font-size: 12px;
  }
  .web-made-to-order {
    margin-top: 25px;
    margin-bottom: 0;
    font-size: 12px;
  }
  .web-order-now {
    margin-top: 10px;
    font-size: 12px;
  }
  .web-blog-modular {
    width: 100%;
    margin-top: 40px;
  }
  .web-blog-info {
    background-color: #fff;
    text-align: center;
  }
  .web-blog-create-time {
    margin-bottom: 5px;
    font-size: 12px;
  }
  .web-blog-title {
    font-size: 12px;
    margin-bottom: 8px;
  }
  .web-blog-btn a,
  .web-blog-modular-btn a {
    font-size: 12px;
  }
  .web-blog-modular-info {
    padding: 0 20px;
    margin-bottom: 5px;
  }
  .web-blog-modular-title {
    font-size: 14px;
    text-transform: capitalize;
  }
  .web-brand-content {
    width: 100%;
    margin-top: 20px;
  }
  .web-blog-modular .web-blog-modular-swiper {
    padding: 0 20px;
  }
  .web-blog-modular .swiper-button-prev {
    left: -5px;
    width: 25px;
    height: 25px;
  }
  .web-blog-modular .swiper-button-next {
    right: -5px;
    width: 25px;
    height: 25px;
  }
  .web-media-reports .web-media-reports-title {
    text-transform: capitalize;
    font-size: 14px;
  }
  .page-customize-detail .left-img-container.sticky-wrapper,
  .page-customize-detail .right-setting-content.sticky-wrapper {
    position: relative;
  }
}
@media screen and (max-width: 768px) {
  .catalog-product-view #app {
    padding-bottom: 254px;
  }
  .catalog-product-view .footer {
    min-height: 254px;
  }
  .also-like-swiper .slide-product-price {
    font-size: 14px;
    color: #121212;
    font-weight: 500;
    margin-left: 5px;
  }
  .reviews-info .review-tpl {
    text-align: left;
  }
  .reviews-info h4 {
    font-size: 16px;
  }
  .reviews-info .star {
    justify-content: left;
  }
  .form-control.nickname,
  .form-control.review-textarea {
    font-size: 14px;
    color: #000;
    padding: 8px 5px;
  }
  .nickname::-webkit-input-placeholder,
  .review-textarea::-webkit-input-placeholder {
    color: #ccc;
  }
  .reviews-info .write-review-btn {
    font-size: 14px;
  }
  .stars-list .icon-star {
    height: 25px;
    line-height: 27px;
    font-size: 20px;
  }
  .reviews-info .submit-review-btn {
    font-size: 14px;
    letter-spacing: 0.5px;
  }
  .web-phone-shipping-payment-info {
    padding-bottom: 15px;
  }
  .goodsShipping {
    display: block;
  }
  .goodsShipping .row {
    border-top: 1px solid #ebebeb;
    margin: 0;
    padding: 5px 0;
  }
  .goodsShipping .row .col-2 {
    display: block;
    width: 8%;
    text-align: center;
    padding: 0;
  }
  .goodsShipping .row .col-10 {
    padding: 0 10px;
  }
  .goodsShipping .row .col-2 img {
    width: 25px;
  }
  .goodsShipping .goodsShippingTitle {
    margin-bottom: 0;
    font-weight: 600;
    font-size: 12px;
    color: #000;
    letter-spacing: 1.2px;
  }
  .goodsShipping .goodsShippingTxt {
    margin-bottom: 0;
    font-weight: 500;
    font-size: 12px;
    color: #7e7d7d;
    letter-spacing: 0.8px;
  }
  .web-shipping-payment-info-text,
  .web-shipping-payment-info-title {
    font-size: 12px;
  }
  .web-size-guide-con {
    width: 100%;
    padding: 15px;
  }
  .web-guide-four-title,
  .web-size-guide-small-title,
  .web-size-guide-title {
    font-size: 14px;
  }
  .web-size-guide-text {
    font-size: 12px;
  }
  .web-size-guide-text-modal p,
  .web-size-guide-text-modal-two p {
    font-size: 12px;
    margin-bottom: 5px;
  }
  .web-size-guide-two-text {
    margin: 20px 0 0;
  }
  .row.web-size-guide-two-text {
    margin-left: 0;
    margin-right: 0;
  }
  .col-6.web-size-guide-img,
  .col-6.web-size-guide-text-left {
    width: 100%;
    padding: 0;
  }
  .web-size-guide-btn {
    left: 74%;
  }
  .web-guide-four {
    margin-top: 20px;
    padding: 15px 10px;
  }
  .web-guide-four p {
    font-size: 12px;
    margin-bottom: 10px;
    letter-spacing: 0.2px;
  }
  .web-size-guide-close {
    margin-right: 3px;
  }
  .web-size-guide-table tbody td,
  .web-size-guide-table thead th {
    font-size: 12px;
  }
  .goods-introduction-form {
    border-top: solid 1px #cccaca;
  }
  .review-box {
    padding: 0;
    margin-bottom: 10px;
  }
  .middle-star-list {
    background: #fffafa;
    margin: 0 -15px;
    padding: 0 15px;
  }
  .review-box .i-sub-num {
    display: none;
  }
  .total-score-div {
    display: flex;
    justify-content: center;
    padding: 5px 0;
    align-items: center;
  }
  .totalScore {
    margin-top: 0;
    line-height: 0.8;
    margin-bottom: 1px;
  }
  .totalScore {
    margin-top: 0;
    line-height: 0.8;
    margin-bottom: 1px;
  }
  .total-score-div .positiveRating {
    font-size: 18px;
  }
  .web-reviews-num {
    margin-top: 0;
    margin-bottom: 2px;
    font-size: 12px;
    letter-spacing: 0.3px;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: underline;
    display: block;
  }
  .write-review {
    padding-top: 8px;
  }
  .items-search-box {
    display: none;
  }
  .regionSelect {
    width: 100%;
    float: inherit;
  }
  dl.items-common-list {
    margin-top: 5px;
    padding: 10px 0;
  }
  .com-text,
  .web-review-prompt {
    font-size: 12px;
    letter-spacing: 0.3px;
  }
  .web-review-read-more-btn {
    padding: 15px 0;
    text-align: center;
  }
  .web-review-read-more-btn span {
    padding: 3px 20px;
    color: #000;
    font-size: 12px;
    font-weight: 500;
    display: inline-block;
    border: solid 2px #000;
    letter-spacing: 0.5px;
    font-weight: bold;
    text-transform: uppercase;
  }
  .product-details-list {
    display: none;
  }
  .review-input__inner,
  .review_con {
    width: 100%;
  }
  .web-email-module {
    padding: 10px 5px 20px;
  }
  .web-buy-now-pay-later {
    margin-bottom: 20px;
  }
  .web-detail-look-book {
    width: 100%;
    margin-top: 0;
  }
  .web-detail-look-book .web-detail-look-book-swiper {
    padding: 0;
    margin: 0 -15px;
  }
  .web-detail-look-book .swiper-button-next,
  .web-detail-look-book .swiper-button-prev {
    display: none;
  }
  .web-detail-look-book-info  {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
  }
  .web-detail-look-book-title {
    font-size: 14px;
    font-weight: bold;
    text-transform: capitalize;
  }
  .web-detail-look-book-btn {
    margin-bottom: 0;
  }
  .web-detail-look-book-btn a {
    font-size: 12px;
  }
  .also-like-swiper .also-like-swiper-title {
    font-size: 14px;
    font-weight: 500;
    padding: 10px 0;
    text-align: left;
    font-weight: bold;
    text-transform: capitalize;
  }
  .web-gift-card {
    margin-top: 20px;
    display: block;
  }

  .web-view-all-review-mark {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
    opacity: 0.5;
    display: none;
  }
  .web-view-all-review {
    position: fixed;
    top: 12%;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 15px;
    box-sizing: border-box;
    background-color: #fff;
    border-top: solid 1px #ccc;
    z-index: 1040;
    transition: bottom 0.8s ease;
    display: none;
  }
  .web-view-all-review-con-header {
    margin-bottom: 15px;
  }
  .web-view-all-review-con-header-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
  }
  .web-view-all-review-title {
    font-size: 12px;
    font-weight: 500;
    color: #000;
    text-transform: uppercase;
    letter-spacing: 1px;
  }
  .web-view-all-review-close {
    width: 20px;
    height: 20px;
    background: url(https://media.vancaro.com/Help/close-material.png) no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
  }
  .web-view-all-review-con-score {
    background: #fffafa;
    margin: 0 -15px;
  }
  .web-view-all-review-con-box {
    height: 490px;
    overflow-y: scroll;
  }
  .web-review-time {
    font-size: 12px;
  }
  .web-view-all-review .web-review-time {
    padding-right: 10px;
  }
  .row.margin-b-2 {
    margin-left: -15px;
    margin-right: -15px;
  }
  .view-in-3d-btn {
    font-size: 12px;
    letter-spacing: 0.3px;
    padding: 3px 10px;
  }
}
@media screen and (max-width: 320px) {
  .new_btn_cart {
    width: 79%;
  }
  .web-view-all-review {
    top: 17%;
  }
  .web-view-all-review-con-box {
    max-height: 275px;
  }
}