@charset "UTF-8";
   /* ------------------------------------------ */

   /* Style naming basically follows BEM: http://getbem.com/ */

   /* ------------------------------------------ */

   [class^="icon-"],
   [class*=" icon-"] {
       /* use !important to prevent issues with browser extensions that change fonts */
       font-family: "Lato", 微軟雅黑體, "Microsoft JhengHei", 微軟正黑體, Arial, sans-serif !important;
   }

   .a11y-hidden {
       position: absolute;
       left: -10000px;
       top: auto;
       width: 1px;
       height: 1px;
       overflow: hidden;
   }

   .clearfix {
       content: '';
       display: table;
       width: 100%;
       height: 0;
       clear: both;
   }

   .weight--strong {
       font-weight: 900;
   }

   .weight--weak {
       font-weight: 200;
   }

   .oneword {
       display: inline-block;
   }

   .force-oneword {
       display: inline-block;
       white-space: nowrap;
   }

   .force-nobreak {
       white-space: nowrap;
   }

   .force-break {
       word-break: break-all;
   }

   .display--inline-block {
       display: inline-block;
   }

   .display--block {
       display: inline-block;
   }

   .display--inline {
       display: inline;
   }

   .align--hc {
       text-align: center;
   }

   .align--hl {
       text-align: left;
   }

   .align--hr {
       text-align: right;
   }

   .align--vt {
       vertical-align: top;
   }

   .align--vb {
       vertical-align: bottom;
   }

   .align--vm {
       vertical-align: middle;
   }

   .align--hvc {
       text-align: center;
       vertical-align: middle;
   }

   @media screen and (max-width: 991px) {
       .visible-dt {
           display: none !important;
       }
   }

   @media screen and (min-width: 992px),
   screen and (max-width: 767px) {
       .visible-tb {
           display: none !important;
       }
   }

   @media screen and (min-width: 768px) {
       .visible-mb {
           display: none !important;
       }
   }

   @media screen and (min-width: 992px) {
       .hidden-dt {
           display: none !important;
       }
   }

   @media screen and (max-width: 991px) and (min-width: 768px) {
       .hidden-tb {
           display: none !important;
       }
   }

   @media screen and (max-width: 767px) {
       .hidden-mb {
           display: none !important;
       }
   }

   .hidden-all {
       display: none !important;
   }

   body:not(.page-cn) .visible-cn {
       display: none !important;
   }

   .page-cn .hidden-cn {
       display: none !important;
   }

   /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

   /* Document
   ========================================================================== */

   /**
   * 1. Correct the line height in all browsers.
   * 2. Prevent adjustments of font size after orientation changes in iOS.
   */

   html {
       line-height: 1.15;
       /* 1 */
       -webkit-text-size-adjust: 100%;
       /* 2 */
   }

   /* Sections
   ========================================================================== */

   /**
   * Remove the margin in all browsers.
   */

   body {
       margin: 0;
   }

   /**
   * Render the `main` element consistently in IE.
   */

   main {
       display: block;
   }

   /**
   * Correct the font size and margin on `h1` elements within `section` and
   * `article` contexts in Chrome, Firefox, and Safari.
   */

   h1 {
       font-size: 2em;
       margin: 0.67em 0;
   }

   /* Grouping content
   ========================================================================== */

   /**
   * 1. Add the correct box sizing in Firefox.
   * 2. Show the overflow in Edge and IE.
   */

   hr {
       -webkit-box-sizing: content-box;
       box-sizing: content-box;
       /* 1 */
       height: 0;
       /* 1 */
       overflow: visible;
       /* 2 */
   }

   /**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */

   pre {
       font-family: monospace, monospace;
       /* 1 */
       font-size: 1em;
       /* 2 */
   }

   /* Text-level semantics
   ========================================================================== */

   /**
   * Remove the gray background on active links in IE 10.
   */

   a {
       background-color: transparent;
   }

   /**
   * 1. Remove the bottom border in Chrome 57-
   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
   */

   abbr[title] {
       border-bottom: none;
       /* 1 */
       text-decoration: underline;
       /* 2 */
       -webkit-text-decoration: underline dotted;
       text-decoration: underline dotted;
       /* 2 */
   }

   /**
   * Add the correct font weight in Chrome, Edge, and Safari.
   */

   b,
   strong {
       font-weight: bolder;
   }

   /**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */

   code,
   kbd,
   samp {
       font-family: monospace, monospace;
       /* 1 */
       font-size: 1em;
       /* 2 */
   }

   /**
   * Add the correct font size in all browsers.
   */

   small {
       font-size: 80%;
   }

   /**
   * Prevent `sub` and `sup` elements from affecting the line height in
   * all browsers.
   */

   sub,
   sup {
       font-size: 75%;
       line-height: 0;
       position: relative;
       vertical-align: baseline;
   }

   sub {
       bottom: -0.25em;
   }

   sup {
       top: -0.5em;
   }

   /* Embedded content
   ========================================================================== */

   /**
   * Remove the border on images inside links in IE 10.
   */

   img {
       border-style: none;
   }

   /* Forms
   ========================================================================== */

   /**
   * 1. Change the font styles in all browsers.
   * 2. Remove the margin in Firefox and Safari.
   */

   button,
   input,
   optgroup,
   select,
   textarea {
       font-family: inherit;
       /* 1 */
       font-size: 100%;
       /* 1 */
       line-height: 1.15;
       /* 1 */
       margin: 0;
       /* 2 */
   }

   /**
   * Show the overflow in IE.
   * 1. Show the overflow in Edge.
   */

   button,
   input {
       /* 1 */
       overflow: visible;
   }

   /**
   * Remove the inheritance of text transform in Edge, Firefox, and IE.
   * 1. Remove the inheritance of text transform in Firefox.
   */

   button,
   select {
       /* 1 */
       text-transform: none;
   }

   /**
   * Correct the inability to style clickable types in iOS and Safari.
   */

   button,
   [type="button"],
   [type="reset"],
   [type="submit"] {
       -webkit-appearance: button;
   }

   /**
   * Remove the inner border and padding in Firefox.
   */

   button::-moz-focus-inner,
   [type="button"]::-moz-focus-inner,
   [type="reset"]::-moz-focus-inner,
   [type="submit"]::-moz-focus-inner {
       border-style: none;
       padding: 0;
   }

   /**
   * Restore the focus styles unset by the previous rule.
   */

   button:-moz-focusring,
   [type="button"]:-moz-focusring,
   [type="reset"]:-moz-focusring,
   [type="submit"]:-moz-focusring {
       outline: 1px dotted ButtonText;
   }

   /**
   * Correct the padding in Firefox.
   */

   fieldset {
       padding: 0.35em 0.75em 0.625em;
   }

   /**
   * 1. Correct the text wrapping in Edge and IE.
   * 2. Correct the color inheritance from `fieldset` elements in IE.
   * 3. Remove the padding so developers are not caught out when they zero out
   *    `fieldset` elements in all browsers.
   */

   legend {
       -webkit-box-sizing: border-box;
       box-sizing: border-box;
       /* 1 */
       color: inherit;
       /* 2 */
       display: table;
       /* 1 */
       max-width: 100%;
       /* 1 */
       padding: 0;
       /* 3 */
       white-space: normal;
       /* 1 */
   }

   /**
   * Add the correct vertical alignment in Chrome, Firefox, and Opera.
   */

   progress {
       vertical-align: baseline;
   }

   /**
   * Remove the default vertical scrollbar in IE 10+.
   */

   textarea {
       overflow: auto;
   }

   /**
   * 1. Add the correct box sizing in IE 10.
   * 2. Remove the padding in IE 10.
   */

   [type="checkbox"],
   [type="radio"] {
       -webkit-box-sizing: border-box;
       box-sizing: border-box;
       /* 1 */
       padding: 0;
       /* 2 */
   }

   /**
   * Correct the cursor style of increment and decrement buttons in Chrome.
   */

   [type="number"]::-webkit-inner-spin-button,
   [type="number"]::-webkit-outer-spin-button {
       height: auto;
   }

   /**
   * 1. Correct the odd appearance in Chrome and Safari.
   * 2. Correct the outline style in Safari.
   */

   [type="search"] {
       -webkit-appearance: textfield;
       /* 1 */
       outline-offset: -2px;
       /* 2 */
   }

   /**
   * Remove the inner padding in Chrome and Safari on macOS.
   */

   [type="search"]::-webkit-search-decoration {
       -webkit-appearance: none;
   }

   /**
   * 1. Correct the inability to style clickable types in iOS and Safari.
   * 2. Change font properties to `inherit` in Safari.
   */

   ::-webkit-file-upload-button {
       -webkit-appearance: button;
       /* 1 */
       font: inherit;
       /* 2 */
   }

   /* Interactive
   ========================================================================== */

   /*
   * Add the correct display in Edge, IE 10+, and Firefox.
   */

   details {
       display: block;
   }

   /*
   * Add the correct display in all browsers.
   */

   summary {
       display: list-item;
   }

   /* Misc
   ========================================================================== */

   /**
   * Add the correct display in IE 10+.
   */

   template {
       display: none;
   }

   /**
   * Add the correct display in IE 10.
   */

   [hidden] {
       display: none;
   }

   @font-face {
       font-family: "MKaiHK-Medium";
       src: url("fonts/MKaiHK-Medium.eot?#iefix");
       src: url("fonts/MKaiHK-Medium.eot?#iefix") format("eot"), url("fonts/MKaiHK-Medium.woff2") format("woff2"), url("fonts/MKaiHK-Medium.woff") format("woff"), url("fonts/MKaiHK-Medium.ttf") format("truetype");
   }

   @font-face {
       font-family: "ITCEdwardianScriptW04-Reg";
       src:  url("fonts/ITCEdwardianScriptW04-Reg.ttf") format("truetype");
   }

   @font-face {
       font-family: "MKaiPRCW45-Medium";
       src: url("fonts/MKaiPRCW45-Medium.eot?#iefix");
       src: url("fonts/MKaiPRCW45-Medium.eot?#iefix") format("eot"), url("fonts/MKaiPRCW45-Medium.woff2") format("woff2"), url("fonts/MKaiPRCW45-Medium.woff") format("woff"), url("fonts/MKaiPRCW45-Medium.ttf") format("truetype");
   }

   h1 {
       font-size: 60px;
   }

   @media screen and (max-width: 767px) {
       h1 {
           font-size: 52px;
       }
   }

   @media screen and (max-width: 350px) {
       h1 {
           font-size: 48px;
       }
   }

   h2,
   .sec-entry__title,
   .sec-login__title,
   .sec-type__title,
   .sec-thankyou__id {
       font-size: 30px;
   }

   @media screen and (max-width: 767px) {
       h2,
       .sec-entry__title,
       .sec-login__title,
       .sec-type__title,
       .sec-thankyou__id {
           font-size: 32px;
       }
   }

   @media screen and (max-width: 350px) {
       h2,
       .sec-entry__title,
       .sec-login__title,
       .sec-type__title,
       .sec-thankyou__id {
           font-size: 28px;
       }
   }

   h3,
   .opt-detail__title,
   .sec-demo__title,
   .sec-thankyou__desc,
   .generic-msg,
   .my-fav__title,
   .product-card__msg,
   .share-panel__title,
   .share-panel__desc,
   .share-panel__id {
       font-size: 30px;
   }

   @media screen and (max-width: 767px) {
       h3,
       .opt-detail__title,
       .sec-demo__title,
       .sec-thankyou__desc,
       .generic-msg,
       .my-fav__title,
       .product-card__msg,
       .share-panel__title,
       .share-panel__desc,
       .share-panel__id {
           font-size: 22px;
       }
   }

   @media screen and (max-width: 350px) {
       h3,
       .opt-detail__title,
       .sec-demo__title,
       .sec-thankyou__desc,
       .generic-msg,
       .my-fav__title,
       .product-card__msg,
       .share-panel__title,
       .share-panel__desc,
       .share-panel__id {
           font-size: 20px;
       }
   }

   h4,
   .demo-info__title,
   .diamond-info__title,
   .opt-slider__opt,
   .opt-slider--diamond-price .opt-slider__opt[data-swiper-slide-index="0"],
   .opt-slider--diamond-k .opt-slider__opt[data-swiper-slide-index="0"],
   .opt-slider__price[data-swiper-slide-index="0"] {
       font-size: 28px;
   }

   @media screen and (max-width: 767px) {
       h4,
       .demo-info__title,
       .diamond-info__title,
       .opt-slider__opt,
       .opt-slider--diamond-price .opt-slider__opt[data-swiper-slide-index="0"],
       .opt-slider--diamond-k .opt-slider__opt[data-swiper-slide-index="0"],
       .opt-slider__price[data-swiper-slide-index="0"] {
           font-size: 20px;
       }
   }

   @media screen and (max-width: 350px) {
       h4,
       .demo-info__title,
       .diamond-info__title,
       .opt-slider__opt,
       .opt-slider--diamond-price .opt-slider__opt[data-swiper-slide-index="0"],
       .opt-slider--diamond-k .opt-slider__opt[data-swiper-slide-index="0"],
       .opt-slider__price[data-swiper-slide-index="0"] {
           font-size: 18px;
       }
   }

   h5,
   .opt-detail__info-strong,
   .sec-ring__result-count-num,
   .sec-necklace__result-count-num,
   .sec-diamond__result-count-num,
   .opt-slider__opt[data-val="Your Highness"],
   .share-panel__form-msg {
       font-size: 24px;
   }

   @media screen and (max-width: 767px) {
       h5,
       .opt-detail__info-strong,
       .sec-ring__result-count-num,
       .sec-necklace__result-count-num,
       .sec-diamond__result-count-num,
       .opt-slider__opt[data-val="Your Highness"],
       .share-panel__form-msg {
           font-size: 18px;
       }
   }

   @media screen and (max-width: 350px) {
       h5,
       .opt-detail__info-strong,
       .sec-ring__result-count-num,
       .sec-necklace__result-count-num,
       .sec-diamond__result-count-num,
       .opt-slider__opt[data-val="Your Highness"],
       .share-panel__form-msg {
           font-size: 16px;
       }
   }

   h6,
   .diamond-info__panel-btn,
   .diamond-info__subtitle,
   .opt-slider--diamond-price .opt-slider__opt,
   .opt-slider--diamond-k .opt-slider__opt,
   .panel-detail__label,
   .panel-detail__title,
   .panel-detail__total-price,
   .share-panel__label {
       font-size: 20px;
   }

   @media screen and (max-width: 767px) {
       h6,
       .diamond-info__panel-btn,
       .diamond-info__subtitle,
       .opt-slider--diamond-price .opt-slider__opt,
       .opt-slider--diamond-k .opt-slider__opt,
       .panel-detail__label,
       .panel-detail__title,
       .panel-detail__total-price,
       .share-panel__label {
           font-size: 16px;
       }
   }

   @media screen and (max-width: 350px) {
       h6,
       .diamond-info__panel-btn,
       .diamond-info__subtitle,
       .opt-slider--diamond-price .opt-slider__opt,
       .opt-slider--diamond-k .opt-slider__opt,
       .panel-detail__label,
       .panel-detail__title,
       .panel-detail__total-price,
       .share-panel__label {
           font-size: 14px;
       }
   }

   .sec-type__btn-label,
   .diamond-info__desc,
   .icon-label,
   .my-fav__tab {
       font-size: 18px;
   }

   @media screen and (max-width: 767px) {
       .sec-type__btn-label,
       .diamond-info__desc,
       .icon-label,
       .my-fav__tab {
           font-size: 18px;
       }
   }

   @media screen and (max-width: 350px) {
       .sec-type__btn-label,
       .diamond-info__desc,
       .icon-label,
       .my-fav__tab {
           font-size: 16px;
       }
   }

   html,
   body,
   .opt-detail__label,
   .opt-detail__info-title,
   .opt-detail__info-desc,
   .opt-detail__slider-title,
   .demo-info__desc,
   .field-set__static,
   .font-panel__title,
   .opt-slider,
   .opt-slider__price,
   .panel-detail__panel-title .icon-label,
   .tabs__tab {
       font-size: 16px;
   }

   @media screen and (max-width: 767px) {
       html,
       body,
       .opt-detail__label,
       .opt-detail__info-title,
       .opt-detail__info-desc,
       .opt-detail__slider-title,
       .demo-info__desc,
       .field-set__static,
       .font-panel__title,
       .opt-slider,
       .opt-slider__price,
       .panel-detail__panel-title .icon-label,
       .tabs__tab {
           font-size: 16px;
       }
   }

   @media screen and (max-width: 350px) {
       html,
       body,
       .opt-detail__label,
       .opt-detail__info-title,
       .opt-detail__info-desc,
       .opt-detail__slider-title,
       .demo-info__desc,
       .field-set__static,
       .font-panel__title,
       .opt-slider,
       .opt-slider__price,
       .panel-detail__panel-title .icon-label,
       .tabs__tab {
           font-size: 14px;
       }
   }

   .sec-entry__logo span,
   .sec-entry__btn span,
   .sec-login__label,
   .sec-thankyou__label,
   .btn.btn--share,
   .btn--share.demo-info__btn-photo,
   .btn.btn--buy,
   .btn--buy.demo-info__btn-photo,
   .btn.btn--redesign,
   .btn--redesign.demo-info__btn-photo,
   .font-panel__demo-txt,
   .opt-slider__label,
   .panel-detail__info,
   .panel-detail__info-item,
   .product-card__desc,
   .product-card__tag,
   .product-list__table th,
   .product-list__table td,
   .product-list__fixed-head th,
   .product-list__fixed-head td {
       font-size: 14px;
   }

   @media screen and (max-width: 767px) {
       .sec-entry__logo span,
       .sec-entry__btn span,
       .sec-login__label,
       .sec-thankyou__label,
       .btn.btn--share,
       .btn--share.demo-info__btn-photo,
       .btn.btn--buy,
       .btn--buy.demo-info__btn-photo,
       .btn.btn--redesign,
       .btn--redesign.demo-info__btn-photo,
       .font-panel__demo-txt,
       .opt-slider__label,
       .panel-detail__info,
       .panel-detail__info-item,
       .product-card__desc,
       .product-card__tag,
       .product-list__table th,
       .product-list__table td,
       .product-list__fixed-head th,
       .product-list__fixed-head td {
           font-size: 14px;
       }
   }

   @media screen and (max-width: 350px) {
       .sec-entry__logo span,
       .sec-entry__btn span,
       .sec-login__label,
       .sec-thankyou__label,
       .btn.btn--share,
       .btn--share.demo-info__btn-photo,
       .btn.btn--buy,
       .btn--buy.demo-info__btn-photo,
       .btn.btn--redesign,
       .btn--redesign.demo-info__btn-photo,
       .font-panel__demo-txt,
       .opt-slider__label,
       .panel-detail__info,
       .panel-detail__info-item,
       .product-card__desc,
       .product-card__tag,
       .product-list__table th,
       .product-list__table td,
       .product-list__fixed-head th,
       .product-list__fixed-head td {
           font-size: 13px;
       }
   }

   .custom-select__trigger,
   .field-set__desc,
   .font-panel__tag,
   .font-panel__label,
   .pagination__item,
   .range-slider__labels {
       font-size: 13px;
   }

   @media screen and (max-width: 767px) {
       .custom-select__trigger,
       .field-set__desc,
       .font-panel__tag,
       .font-panel__label,
       .pagination__item,
       .range-slider__labels {
           font-size: 12px;
       }
   }

   @media screen and (max-width: 640px) {
       .custom-select__trigger,
       .field-set__desc,
       .font-panel__tag,
       .font-panel__label,
       .pagination__item,
       .range-slider__labels {
           font-size: 12px;
       }
   }

   .opt-detail__remark,
   .opt-detail__warning,
   .sec-detail__remark,
   .btn-picker__label,
   .field-holder label.error,
   .field-set__label,
   .field-set__remark,
   .share-panel__email-fields label.error {
       font-size: 12px;
   }

   .content-paragraph {
       margin: 0 auto 15px;
       line-height: 1.5em;
   }

   .content-paragraph:last-child {
       margin-bottom: 0;
   }

   /* Base Style  */

   /* ------------------------------------------ */

   .content-wrapper {
       width: 100%;
   }

   @media screen and (max-width: 767px) {
       .content-wrapper {
           width: 90%;
       }
   }

   * {
       -webkit-overflow-scrolling: touch;
   }

   body,
   body * {
       max-height: 1000000px;
   }

   html,
   body {
       position: relative;
       width: 100%;
       height: 100%;
   }

   html {
       margin: 0;
   }

   @media screen and (max-width: 991px) {
       html {
           /* overflow-y: auto !important; */
       }
   }

   html.cover-nav-open,
   html.scroll-locked {
       height: 100% !important;
       overflow: hidden !important;
   }

   html.cover-nav-open body,
   html.scroll-locked body {
       height: 100% !important;
       overflow: hidden !important;
   }

   body {
       overflow: hidden;
       /*font-family: "Lato", 微軟雅黑體, "Microsoft JhengHei", 微軟正黑體, Arial, sans-serif;*/
       font-size: 14px;
       margin: 0 !important;
       padding: 0;
       background: #FFF;
       background: #aaa;
       color: #474747;
       position: relative;
       min-width: 300px;
       /*
   &:not(.page-home){
   @include getFullPageHeaderOffset($property_name: padding-top);
   &.page-coming-soon{
   padding-top:0;
   }
   }
   */
   }

   @media screen and (max-width: 991px) {
       body {
           overflow-y: auto !important;
       }
   }

   :lang(zh-hk) body {
       font-family: "Lato", 微軟雅黑體, "Microsoft JhengHei", 微軟正黑體, Arial, sans-serif;
   }

   :lang(zh-cn) body {
       font-family: "Lato", 微軟雅黑體, "Microsoft JhengHei", 微軟正黑體, Arial, sans-serif;
   }

   body.dt-only {
       min-width: 992px;
   }

   * {
       -webkit-box-sizing: border-box;
       box-sizing: border-box;
   }

   main {
       background: #FFF;
       position: relative;
       width: 100%;
       -webkit-box-sizing: border-box;
       box-sizing: border-box;
       z-index: 100;
   }

   @media screen and (max-width: 991px) {
       main {
           margin-top: 0 !important;
       }
   }

   .page-main a {
       /*color: #474747;*/
       text-decoration: none;
       outline: none;
   }

   a:hover,
   a:active {
       opacity: 0.8;
       text-decoration: none;
   }

   a:focus {
       text-decoration: none;
   }

   button {
       -webkit-appearance: none;
       -moz-appearance: none;
       appearance: none;
       padding: 0;
       background: transparent;
       border: 0;
       -webkit-box-shadow: none;
       box-shadow: none;
       cursor: pointer;
   }

   img {
       image-rendering: -webkit-optimize-contrast;
       max-width: 100%;
       height: auto;
   }

   p {
       margin-top: 0;
       margin-bottom: 20px;
   }

   p:last-child {
       margin-bottom: 0;
   }

   ul,
   ol {
       padding-left: 30px;
       margin-top: 0;
       margin-bottom: 20px;
   }

   ul:last-child,
   ol:last-child {
       margin-bottom: 0;
   }

   h1,
   h2,
   h3,
   h4,
   h5,
   h6 {
       font-family: "Lato", 微軟雅黑體, "Microsoft JhengHei", 微軟正黑體, Arial, sans-serif;
       font-weight: bold;
       margin-top: 0;
   }

   b,
   strong {
       font-weight: bold;
   }

   input {
       border: 1px solid transparent;
       border-color: #dda1a9;
       background: transparent;
       padding: 0 15px;
       -webkit-box-shadow: none;
       box-shadow: none;
       -webkit-appearance: none;
       -moz-appearance: none;
       appearance: none;
   }

   .theme-mg input {
       border-color: #d7b88f;
   }

   textarea {
       border: 1px solid transparent;
       border-color: #dda1a9;
       background: transparent;
       padding: 0 15px;
       -webkit-box-shadow: none;
       box-shadow: none;
       -webkit-appearance: none;
       -moz-appearance: none;
       appearance: none;
   }

   .theme-mg textarea {
       border-color: #d7b88f;
   }

   ::-webkit-scrollbar-track {
       -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
       box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
       border-radius: 8px;
       background-color: #F5F5F5;
   }

   ::-webkit-scrollbar {
       width: 8px;
       background-color: #F5F5F5;
   }

   ::-webkit-scrollbar-thumb {
       border-radius: 8px;
       -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
       box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
       background-color: #dda1a9;
   }

   /*
   ::-webkit-scrollbar-track {
   -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
   border-radius: 8px;
   background-color: #F5F5F5; }

   ::-webkit-scrollbar {
   width: 8px;
   background-color: #F5F5F5; }

   ::-webkit-scrollbar-thumb {
   border-radius: 8px;
   -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
   background-color: #dda1a9; }
   .theme-mg ::-webkit-scrollbar-thumb {
   background-color: #d7b88f; }

   */

   /* END Base Style  */

   /* ------------------------------------------ */

   /* Preload Images */

   /* ------------------------------------------ */

   body:after {
       position: absolute;
       left: -10000px;
       top: auto;
       width: 1px;
       height: 1px;
       overflow: hidden;
       position: absolute;
       width: 0;
       height: 0;
       overflow: hidden;
       z-index: -1;
       content: "周生生Solitaire";
       font-family: Arial, "MKaiHK-Medium", "MKaiPRCW45-Medium", sans-serif;
   }

   /* END Preload Images */

   /* ------------------------------------------ */

   /* ------------------------------------------ */

   /* Vendor Style for Vendor */

   /* ------------------------------------------ */

   /* ------------------------------------------ */

   /* END Vendor Style Vendor  */

   /* ------------------------------------------ */

   /* ------------------------------------------ */

   /* Page Style for Page Main */

   /* ------------------------------------------ */

   .page-main {
       position: relative;
       overflow: hidden;
       width: 100%;
       height: 100%;
       background: #fff8f5;
       max-width: 1024px;
       max-height: 767px;
       margin: 0 auto;
       top: 50%;
       -webkit-transform: translateY(-50%);
       transform: translateY(-50%);
   }

   /* ------------------------------------------ */

   /* END Page Style Page Main  */

   /* ------------------------------------------ */

   /* ------------------------------------------ */

   /* Layout Style for base-bg */

   /* ------------------------------------------ */

   .base-bg {
       position: absolute;
       height: 100%;
       width: 100%;
       background: #fff8f5;
       z-index: 0;
   }

   .theme-mg .base-bg {
       background: #FFF;
   }

   .base-bg__holder {
       position: absolute;
       height: 100%;
       width: 100%;
       z-index: 0;
   }

   .base-bg__leaves {
       width: 24px;
       height: 24px;
       position: absolute;
       background: url(../images/bg/bg-leave.svg);
       background-size: 100% 100%;
   }

   #base-bg-leaves-m .base-bg__leaves {
       background-image: url(../images/bg/bg-leave-brown.svg);
   }

   #base-bg-leaves-g .base-bg__leaves {
       background-image: url(../images/bg/bg-leave-green.svg);
   }

   /* ------------------------------------------ */

   /* END Layout Style base-bg  */

   /* ------------------------------------------ */

   /* ------------------------------------------ */

   /* Layout Style for content-wrapper */

   /* ------------------------------------------ */

   .content-wrapper {
       margin: 0 auto;
       display: block;
       max-width: 1024px;
       position: relative;
   }

   .content-link {
       text-decoration: underline;
   }

   .content-link:hover {
       opacity: 0.6;
       text-decoration: underline;
   }

   /* ------------------------------------------ */

   /* END Layout Style content-wrapper  */

   /* ------------------------------------------ */

   /* ------------------------------------------ */

   /* Layout Style for opt-detail */

   /* ------------------------------------------ */

   .opt-detail__label {
       display: block;
       color: #dda1a9;
   }

   .theme-mg .opt-detail__label {
       color: #d7b88f;
   }

   .opt-detail__label span {
       display: block;
       margin: 0 0 10px;
   }

   .opt-detail__title {
       font-weight: normal;
       margin: 0 0 15px;
   }

   .opt-detail__logo {
       margin: 0 0 15px;
       font-size: 20px;
   }

   .opt-detail__control {
       position: relative;
       display: -ms-flexbox;
       display: -webkit-box;
       display: flex;
       -ms-flex-direction: row;
       -webkit-box-orient: horizontal;
       -webkit-box-direction: normal;
       flex-direction: row;
       -ms-flex-wrap: nowrap;
       flex-wrap: nowrap;
       -ms-flex-pack: end;
       -webkit-box-pack: end;
       justify-content: flex-end;
       -ms-flex-line-pack: stretch;
       align-content: stretch;
       -ms-flex-align: stretch;
       -webkit-box-align: stretch;
       align-items: stretch;
       margin-top: 5px;
   }

   .opt-detail__control .btn,
   .opt-detail__control .demo-info__btn-photo {
       height: 48px;
       display: -ms-flexbox;
       display: -webkit-box;
       display: flex;
       -ms-flex-direction: row;
       -webkit-box-orient: horizontal;
       -webkit-box-direction: normal;
       flex-direction: row;
       -ms-flex-wrap: wrap;
       flex-wrap: wrap;
       -ms-flex-pack: center;
       -webkit-box-pack: center;
       justify-content: center;
       -ms-flex-line-pack: center;
       align-content: center;
       -ms-flex-align: center;
       -webkit-box-align: center;
       align-items: center;
   }

   .opt-detail__control-item {
       display: -ms-inline-flexbox;
       display: -webkit-inline-box;
       display: inline-flex;
       -ms-flex-direction: column;
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
       flex-direction: column;
       -ms-flex-wrap: nowrap;
       flex-wrap: nowrap;
       -ms-flex-pack: center;
       -webkit-box-pack: center;
       justify-content: center;
       -ms-flex-line-pack: center;
       align-content: center;
       -ms-flex-align: center;
       -webkit-box-align: center;
       align-items: center;
       text-align: left;
       max-width: 200px;
       margin: 0 10px;
       padding-top: 15px;
   }

   .opt-detail__control-item:last-child {
       margin-right: 0;
   }

   .opt-detail__infos {
       position: relative;
       display: block;
       margin: 0 0 10px;
   }

   .opt-detail__info {
       display: inline-block;
       vertical-align: top;
       margin-bottom: 15px;
   }

   .opt-detail__info:last-child {
       margin-right: 0;
       width: 100%;
   }

   .opt-detail__info-title {
       color: #dda1a9;
       margin: 0 0 5px;
   }

   .theme-mg .opt-detail__info-title {
       color: #d7b88f;
   }

   .opt-detail__info-strong {
       font-weight: bold;
   }

   .opt-detail__center {
       position: relative;
       display: -ms-flexbox;
       display: -webkit-box;
       display: flex;
       -ms-flex-direction: row;
       -webkit-box-orient: horizontal;
       -webkit-box-direction: normal;
       flex-direction: row;
       -ms-flex-wrap: nowrap;
       flex-wrap: nowrap;
       -ms-flex-pack: justify;
       -webkit-box-pack: justify;
       justify-content: space-between;
       -ms-flex-line-pack: center;
       align-content: center;
       -ms-flex-align: center;
       -webkit-box-align: center;
       align-items: center;
       margin-top: -20px;
   }

   .opt-detail__thumb {
       position: relative;
       min-height: 200px;
       width: 100%;
   }

   .ui-options-txt {
       width: 20%;
       position: absolute;
       margin-top: -260px;
       margin-left: 760px;
       z-index: 10;
   }

   .ui-options.ui-options-txt .ui-option.ui-metal-option {
       padding: 2px;
       display: inline-block;
   }

   .ui-metal-desc {
       display: inline-block;
       width: calc(100% - 40px);
   }

   .opt-detail__thumb>* {
       z-index: 10;
   }

   .opt-detail__thumb .opt-detail__info {
       position: absolute;
       top: 0;
       left: 0;
   }

   .opt-detail__thumb:before {
       display: block;
       position: absolute;
       background: url() no-repeat center center #feeae1;
       background-size: 100% auto;
       width: 100%;
       height: 80px;
       left: 0;
       z-index: 0;
       top: 50%;
       -webkit-transform: translateY(-50%);
       transform: translateY(-50%);
   }

   .opt-detail__slider {
       position: relative;
       right: -10px;
       top: -30px;
       width: 150px;
   }

   .opt-detail__slider.opt-slider__slider--demo-k {
       -webkit-transition: opacity .3s;
       transition: opacity .3s;
   }

   .opt-detail__slider.opt-slider__slider--demo-k.is-hidden,
   .picked-diamond .opt-detail__slider.opt-slider__slider--demo-k {
       display: none !important;
   }

   .opt-detail__slider.opt-slider__slider--demo-k.is-hidden-after-swiper {
       opacity: 0;
       display: none;
   }

   .opt-detail__slider-title {
       margin: 0 0 30px;
   }

   .opt-detail__slider-holder {
       position: relative;
       height: 200px;
   }

   .opt-detail__thumb-img {
       position: relative;
       width: 300px;
       display: block;
       margin: 0 auto;
   }

   .opt-detail__thumb-img img {
       display: none;
   }

   .opt-detail__thumb-img[data-k="030"] img[data-k="030"],
   .opt-detail__thumb-img[data-k="050"] img[data-k="050"],
   .opt-detail__thumb-img[data-k="070"] img[data-k="070"],
   .opt-detail__thumb-img[data-k="100"] img[data-k="100"],
   .opt-detail__thumb-img[data-k="150"] img[data-k="150"],
   .opt-detail__thumb-img[data-k="200"] img[data-k="200"],
   .opt-detail__thumb-img[data-k="300"] img[data-k="300"] {
       display: block;
   }

   .opt-detail__thumb-img img[data-k="default"] {
       display: block;
   }

   .opt-detail__remark {
       position: absolute;
       bottom: 20px;
       left: 20px;
       line-height: 1.5em;
   }

   .opt-detail__warning {
       display: none;
       text-align: right;
       color: red;
   }

   .opt-detail__warning.is-active {
       display: block;
   }

   /* ------------------------------------------ */

   /* END Layout Style opt-detail  */

   /* ------------------------------------------ */

   /* ------------------------------------------ */

   /* Layout Style for sec */

   /* ------------------------------------------ */

   .sec {
       position: absolute;
       height: 100%;
       width: 100%;
       top: 0;
       left: 0;
       pointer-events: none;
       -webkit-user-select: none;
       -moz-user-select: none;
       -ms-user-select: none;
       user-select: none;
       z-index: -1;
       opacity: 0;
       -webkit-transition: opacity .4s;
       transition: opacity .4s;
   }

   .sec.is-current {
       z-index: 5;
       opacity: 1;
       pointer-events: all;
       -webkit-user-select: initial;
       -moz-user-select: initial;
       -ms-user-select: initial;
       user-select: initial;
   }

   /* ------------------------------------------ */

   /* END Layout Style sec  */

   /* ------------------------------------------ */

   /* ------------------------------------------ */

   /* Layout Style for sec-ring */

   /* ------------------------------------------ */

   .sec-ring .btn__row {
       position: relative;
   }

   .sec-ring__holder {
       width: 100%;
       height: 100%;
       text-align: center;
       display: -ms-flexbox;
       display: -webkit-box;
       display: flex;
       -ms-flex-direction: row;
       -webkit-box-orient: horizontal;
       -webkit-box-direction: normal;
       flex-direction: row;
       -ms-flex-wrap: nowrap;
       flex-wrap: nowrap;
       -ms-flex-pack: center;
       -webkit-box-pack: center;
       justify-content: center;
       -ms-flex-line-pack: stretch;
       align-content: stretch;
       -ms-flex-align: center;
       -webkit-box-align: center;
       align-items: center;
       background: url() no-repeat 85% 70%;
       background-size: 70%;
   }

   .sec-ring__holder>.content-wrapper {
       display: -ms-flexbox;
       display: -webkit-box;
       display: flex;
       -ms-flex-direction: row;
       -webkit-box-orient: horizontal;
       -webkit-box-direction: normal;
       flex-direction: row;
       -ms-flex-wrap: nowrap;
       flex-wrap: nowrap;
       -ms-flex-pack: center;
       -webkit-box-pack: center;
       justify-content: center;
       -ms-flex-line-pack: center;
       align-content: center;
       -ms-flex-align: center;
       -webkit-box-align: center;
       align-items: center;
       height: 100%;
   }

   .sec-ring__control {
       position: relative;
       width: 32%;
       text-align: center;
       padding: 0 15px;
       padding-top: 70px;
       height: 100%;
   }

   .sec-ring__control-holder {
       position: relative;
       width: 100%;
       height: 100%;
       display: -ms-flexbox;
       display: -webkit-box;
       display: flex;
       -ms-flex-direction: row;
       -webkit-box-orient: horizontal;
       -webkit-box-direction: normal;
       flex-direction: row;
       -ms-flex-wrap: wrap;
       flex-wrap: wrap;
       -ms-flex-pack: center;
       -webkit-box-pack: center;
       justify-content: center;
       -ms-flex-line-pack: center;
       align-content: center;
       -ms-flex-align: center;
       -webkit-box-align: center;
       align-items: center;
   }

   .sec-ring__list {
       width: 68%;
       height: 100%;
       padding-top: 70px;
       padding-left: 15px;
   }

   .sec-ring__result-count {
       font-weight: bold;
       pointer-events: none;
       -webkit-transition: .4s;
       transition: .4s;
       -webkit-transform: translateX(100px);
       transform: translateX(100px);
       opacity: 0;
   }

   .sec-ring__result-count.is-active {
       opacity: 1;
       pointer-events: all;
       -webkit-transform: translateX(0);
       transform: translateX(0);
       transform: translateY(10px);
   }

   .sec-ring__result-count-num {
       position: relative;
       font-weight: bold;
       display: inline-block;
       padding: 10px 0;
       margin: 0 5px;
   }

   .sec-ring__result-count-num:after {
       content: '';
       position: absolute;
       bottom: 0;
       left: 0;
       display: block;
       width: 100%;
       height: 4px;
       border-top: #dda1a9;
       border-bottom: #dda1a9;
       display: none;
   }

   .theme-mg .sec-ring__result-count-num:after {
       border-top: #d7b88f;
   }

   .theme-mg .sec-ring__result-count-num:after {
       border-bottom: #d7b88f;
   }

   .icon-label .sec-ring__result-count-num {
       display: inline-block;
       vertical-align: baseline;
   }

   /* ------------------------------------------ */

   /* END Layout Style sec-ring  */

   /* ------------------------------------------ */

   /* ------------------------------------------ */

   /* Layout Style for sec-necklace */

   /* ------------------------------------------ */

   .sec-necklace .btn__row {
       position: relative;
   }

   .sec-necklace__holder {
       width: 100%;
       height: 100%;
       text-align: center;
       display: -ms-flexbox;
       display: -webkit-box;
       display: flex;
       -ms-flex-direction: row;
       -webkit-box-orient: horizontal;
       -webkit-box-direction: normal;
       flex-direction: row;
       -ms-flex-wrap: nowrap;
       flex-wrap: nowrap;
       -ms-flex-pack: center;
       -webkit-box-pack: center;
       justify-content: center;
       -ms-flex-line-pack: stretch;
       align-content: stretch;
       -ms-flex-align: center;
       -webkit-box-align: center;
       align-items: center;
       background: url() no-repeat 85% 70%;
       background-size: 70%;
   }

   .sec-necklace__holder>.content-wrapper {
       display: -ms-flexbox;
       display: -webkit-box;
       display: flex;
       -ms-flex-direction: row;
       -webkit-box-orient: horizontal;
       -webkit-box-direction: normal;
       flex-direction: row;
       -ms-flex-wrap: nowrap;
       flex-wrap: nowrap;
       -ms-flex-pack: center;
       -webkit-box-pack: center;
       justify-content: center;
       -ms-flex-line-pack: center;
       align-content: center;
       -ms-flex-align: center;
       -webkit-box-align: center;
       align-items: center;
       height: 100%;
   }

   .sec-necklace__control {
       position: relative;
       width: 32%;
       text-align: center;
       padding: 0 15px;
       padding-top: 70px;
       height: 100%;
   }

   .sec-necklace__control-holder {
       position: relative;
       width: 100%;
       height: 100%;
       display: -ms-flexbox;
       display: -webkit-box;
       display: flex;
       -ms-flex-direction: row;
       -webkit-box-orient: horizontal;
       -webkit-box-direction: normal;
       flex-direction: row;
       -ms-flex-wrap: wrap;
       flex-wrap: wrap;
       -ms-flex-pack: center;
       -webkit-box-pack: center;
       justify-content: center;
       -ms-flex-line-pack: center;
       align-content: center;
       -ms-flex-align: center;
       -webkit-box-align: center;
       align-items: center;
   }

   .sec-necklace__list {
       width: 68%;
       height: 100%;
       padding-top: 70px;
       padding-left: 15px;
   }

   .sec-necklace__result-count {
       font-weight: bold;
       pointer-events: none;
       -webkit-transition: .4s;
       transition: .4s;
       -webkit-transform: translateX(100px);
       transform: translateX(100px);
       opacity: 0;
   }

   .sec-necklace__result-count.is-active {
       opacity: 1;
       pointer-events: all;
       -webkit-transform: translateX(0);
       transform: translateX(0);
   }

   .sec-necklace__result-count-num {
       position: relative;
       font-weight: bold;
       display: inline-block;
       padding: 10px 0;
       margin: 0 5px;
   }

   .sec-necklace__result-count-num:after {
       content: '';
       position: absolute;
       bottom: 0;
       left: 0;
       display: block;
       width: 100%;
       height: 4px;
       border-top: #dda1a9;
       border-bottom: #dda1a9;
       display: none;
   }

   .theme-mg .sec-necklace__result-count-num:after {
       border-top: #d7b88f;
   }

   .theme-mg .sec-necklace__result-count-num:after {
       border-bottom: #d7b88f;
   }

   .icon-label .sec-necklace__result-count-num {
       display: inline-block;
       vertical-align: baseline;
   }

   /* ------------------------------------------ */

   /* END Layout Style sec-necklace  */

   /* ------------------------------------------ */

   /* ------------------------------------------ */

   /* Layout Style for sec-diamond */

   /* ------------------------------------------ */

   .sec-diamond__result-count {
       font-weight: bold;
       pointer-events: none;
       -webkit-transition: .4s;
       transition: .4s;
       -webkit-transform: translateX(100px);
       transform: translateX(100px);
       opacity: 0;
   }

   .sec-diamond__result-count.is-active {
       opacity: 1;
       pointer-events: all;
       -webkit-transform: translateX(0);
       transform: translateX(0);
       transform: translateY(10px);
   }

   .sec-diamond__result-count-num {
       position: relative;
       font-weight: bold;
       display: inline-block;
       padding: 10px 0;
       margin: 0 5px;
   }

   .sec-diamond__result-count-num:after {
       content: '';
       position: absolute;
       bottom: 0;
       left: 0;
       display: block;
       width: 100%;
       height: 4px;
       border-top: 1px solid transparent;
       border-bottom: 1px solid transparent;
       border-top-color: #dda1a9;
       border-bottom-color: #dda1a9;
       display: none;
   }

   .theme-mg .sec-diamond__result-count-num:after {
       border-top-color: #d7b88f;
   }

   .theme-mg .sec-diamond__result-count-num:after {
       border-bottom-color: #d7b88f;
   }

   .icon-label .sec-diamond__result-count-num {
       display: inline-block;
       vertical-align: baseline;
   }

   /* ------------------------------------------ */

   /* END Layout Style sec-diamond  */

   /* ------------------------------------------ */

   /* ------------------------------------------ */

   /* Layout Style for sec-demo */

   /* ------------------------------------------ */

   .sec-demo {
       background: #fff8f5;
   }

   .sec-demo__holder {
       position: relative;
       width: 100%;
       height: 100%;
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-align: center;
       -ms-flex-align: center;
       align-items: center;
   }

   .sec-demo__view {
       position: relative;
       width: 65%;
       height: 100%;
       overflow: hidden;
   }

   .sec-demo__panel {
       position: relative;
       width: 35%;
       padding: 0px 45px;
   }

   .sec-demo-bg__white {
       background: rgba(255, 255, 255, 0.8);
   }

   .sec-demo-bg__normal {
       background: center/cover url(../images/demo/bg-day.jpg);
   }

   .sec-demo-bg__night {
       background: center/cover url(../images/demo/bg-night.jpg);
   }

   .sec-demo-bg__party {
       background: center/cover url(../images/demo/bg-gathering.jpg);
   }

   .hand-demo {
       position: absolute;
       top: 0px;
       left: 0px;
       width: 100%;
       height: 100%;
   }

   .hand-demo__normal {
       background: no-repeat center bottom/100% url(../images/demo/hand-normal.png);
   }

   .hand-demo__thin {
       background: no-repeat center bottom/100% url(../images/demo/hand-thin.png);
   }

   .sec-demo__title {
       color: #474747;
   }

   .sec-demo__title:before {
       content: '';
       display: block;
       width: calc(38px / 2);
       height: calc(50px / 2);
       background: no-repeat center url(../images/common/icons/svg/pink/icon-ring.svg);
       margin-bottom: 12px;
   }

   .theme-mg .sec-demo__title:before {
       background-image: url(../images/common/icons/svg/brown/icon-ring.svg);
   }

   .sec-demo__content {
       color: #dda1a9;
       margin-bottom: 10px;
   }

   .theme-mg .sec-demo__content {
       color: #d7b88f;
   }

   .sec-demo__row {
       position: relative;
       margin: 22px auto;
   }

   .sec-demo__row:after {
       content: '';
       display: block;
       width: 50px;
       height: 1px;
       background: #dda1a9;
       opacity: .3;
       margin-top: 30px;
   }

   .theme-mg .sec-demo__row:after {
       background: #d7b88f;
   }

   .sec-demo__row:last-child {
       margin-bottom: 30px;
   }

   .sec-demo__row:last-child:after {
       display: none;
   }

   .sec-demo-btn__outline {
       padding: 14px;
       color: #dda1a9;
       border: solid 1px #FFF;
       background: #FFF;
       border-radius: 7px;
       display: inline-block;
   }

   .theme-mg .sec-demo-btn__outline {
       color: #d7b88f;
   }

   .sec-demo-btn__outline.active {
       border-color: #dda1a9;
       background: transparent;
   }

   .theme-mg .sec-demo-btn__outline.active {
       border-color: #d7b88f;
   }

   .sec-demo-btn__photo {
       padding: 14px;
       color: #dda1a9;
       border-left: solid 1px transparent;
       border-left-color: #dda1a9;
       margin-left: 14px;
   }

   .theme-mg .sec-demo-btn__photo {
       color: #d7b88f;
   }

   .theme-mg .sec-demo-btn__photo {
       border-left-color: #d7b88f;
   }

   .sec-demo-btn__photo:before {
       content: '';
       display: inline-block;
       width: calc(48px / 2);
       height: calc(38px / 2);
       background: no-repeat center/cover url(../images/common/icons/svg/pink/icon-photo.svg);
       margin-right: 5px;
       margin-top: -4px;
       vertical-align: middle;
   }

   .theme-mg .sec-demo-btn__photo:before {
       background-image: url(../images/common/icons/svg/brown/icon-photo.svg);
   }

   .sec-demo-btn__confirm {
       position: absolute;
       bottom: 120px;
       left: 50%;
       -webkit-transform: translateX(-50%);
       transform: translateX(-50%);
       padding: 14px;
       color: #dda1a9;
       border: solid 1px #FFF;
       background: #FFF;
       border-radius: 7px;
       display: inline-block;
       /*Add By Harlan King  2020/4/15*/
       z-index: 2;
       -webkit-box-shadow: 0 3px 15px 5px rgba(0, 0, 0, 0.08);
       box-shadow: 0 3px 15px 5px rgba(0, 0, 0, 0.08);
   }

   .theme-mg .sec-demo-btn__confirm {
       color: #d7b88f;
   }

   .sec-demo-btn__solid {
       padding: 20px 32px;
       color: #FFF;
       background: #dda1a9;
       display: inline-block;
       border-radius: 7px;
   }

   .theme-mg .sec-demo-btn__solid {
       background: #d7b88f;
   }

   .range-slider--min .range-slider__slider {
       height: 6px !important;
   }

   .range-slider--min .ui-slider .ui-slider-handle {
       top: -28px !important;
       margin-left: -30px !important;
   }

   .range-slider--min .range-slider__labels {
       color: #474747;
   }

   .range-slider--min .range-slider__label span {
       opacity: 0.3;
   }

   .range-slider--min .range-slider__label.active span {
       opacity: 1;
   }

   .range-slider--min .range-slider__label:first-child span {
       -webkit-transform: translateX(0%) !important;
       transform: translateX(0%) !important;
   }

   .range-slider--min .range-slider__label:last-child span {
       -webkit-transform: translateX(-100%) !important;
       transform: translateX(-100%) !important;
   }

   .range-slider--min .range-slider__label:before {
       display: none !important;
   }

   .ring-demo {
       position: absolute;
       top: 130px;
       left: 120px;
       width: 300px;
       height: 300px;
       -webkit-transform: rotate(0deg);
       transform: rotate(0deg);
   }

   .ring-demo__ring {
       width: 80px;
       height: 80px;
       margin: 110px;
   }

   .ring-demo__diamond {
       position: absolute;
       top: 110px;
       left: 110px;
       width: 80px;
       height: 80px;
   }

   .camera-view {
       position: absolute;
       top: 0px;
       left: 0px;
       width: 100%;
       height: 100%;
       background: no-repeat center bottom/100% url(../images/demo/hand-outline.png);
       display: none;
   }

   .camera-view.confirm {
       background: none;
   }

   .camera-view.active {
       display: block;
   }

   .camera-view__photo {
       /*Add By Harlan King  2020/4/15*/
       z-index: 1;
       position: absolute;
       top: 0px;
       left: 0px;
       width: 100vw;
       height: 100vh;
       background-position: center;
       background-size: auto 100%;
       background-repeat: no-repeat;
       opacity: .5;
       filter: brightness(110%);
       -webkit-filter: brightness(110%);
       -moz-filter: brightness(110%);
   }

   .camera-view__photo.active {
       opacity: 1;
   }

   #camera-btn {
       display: none;
   }

   #debug-text {
       position: absolute;
       bottom: 0px;
       left: 0px;
       font-size: 12px;
   }

   /* ------------------------------------------ */

   /* END Layout Style sec-demo  */

   /* ------------------------------------------ */

   /* ------------------------------------------ */

   /* Layout Style for sec-detail */

   /* ------------------------------------------ */

   .sec-detail__holder {
       position: relative;
       width: 100%;
       height: 100%;
       display: -ms-flexbox;
       display: -webkit-box;
       display: flex;
       -ms-flex-direction: row;
       -webkit-box-orient: horizontal;
       -webkit-box-direction: normal;
       flex-direction: row;
       -ms-flex-wrap: nowrap;
       flex-wrap: nowrap;
       -ms-flex-pack: start;
       -webkit-box-pack: start;
       justify-content: flex-start;
       -ms-flex-line-pack: stretch;
       align-content: stretch;
   }

   .sec-detail__product {
       position: relative;
       width: 50%;
       height: 100%;
       background: #FFF;
       -webkit-box-shadow: 0 3px 15px 5px rgba(0, 0, 0, 0.08);
       box-shadow: 0 3px 15px 5px rgba(0, 0, 0, 0.08);
       z-index: 30;
       display: -ms-flexbox;
       display: -webkit-box;
       display: flex;
       -ms-flex-direction: row;
       -webkit-box-orient: horizontal;
       -webkit-box-direction: normal;
       flex-direction: row;
       -ms-flex-wrap: nowrap;
       flex-wrap: nowrap;
       -ms-flex-pack: center;
       -webkit-box-pack: center;
       justify-content: center;
       -ms-flex-line-pack: stretch;
       align-content: stretch;
       -ms-flex-align: center;
       -webkit-box-align: center;
       align-items: center;
       padding: 0 30px;
   }

   .sec-detail__gallery {
       position: relative;
       display: block;
       width: 100%;
   }

   .sec-detail__detail {
       position: relative;
       width: 50%;
       height: 100%;
       z-index: 15;
       padding: 70px 40px;
       background: #fffaf5;
   }

   .sec-detail__remark {
       position: absolute;
       bottom: 30px;
       left: 0;
       width: 100%;
       line-height: 1.5em;
   }

   .sec-detail__remark>.content-wrapper {
       max-width: 512px;
       width: 88%;
   }

   .sec-detail__btn-demo {
       text-align: center;
   }

   /* ------------------------------------------ */

   /* END Layout Style sec-detail  */

   /* ------------------------------------------ */

   /* ------------------------------------------ */

   /* Layout Style for sec-ring */

   /* ------------------------------------------ */

   .sec-listing .btn__row {
       position: relative;
   }

   .sec-listing__holder {
       width: 100%;
       height: 100%;
       text-align: center;
       display: -ms-flexbox;
       display: -webkit-box;
       display: flex;
       -ms-flex-direction: row;
       -webkit-box-orient: horizontal;
       -webkit-box-direction: normal;
       flex-direction: row;
       -ms-flex-wrap: nowrap;
       flex-wrap: nowrap;
       -ms-flex-pack: center;
       -webkit-box-pack: center;
       justify-content: center;
       -ms-flex-line-pack: stretch;
       align-content: stretch;
       -ms-flex-align: center;
       -webkit-box-align: center;
       align-items: center;
       background: url() no-repeat 85% 70%;
       background-size: 70%;
   }

   .theme-mg .sec-listing__holder {
       background-image: url(../images/bg/bg-pattern-mg.png);
       background-size: 45%;
       background-position-x: 80%;
   }

   .sec-listing__holder>.content-wrapper {
       display: -ms-flexbox;
       display: -webkit-box;
       display: flex;
       -ms-flex-direction: row;
       -webkit-box-orient: horizontal;
       -webkit-box-direction: normal;
       flex-direction: row;
       -ms-flex-wrap: nowrap;
       flex-wrap: nowrap;
       -ms-flex-pack: center;
       -webkit-box-pack: center;
       justify-content: center;
       -ms-flex-line-pack: center;
       align-content: center;
       -ms-flex-align: center;
       -webkit-box-align: center;
       align-items: center;
       height: 100%;
   }

   .sec-listing__control {
       position: relative;
       width: 32%;
       text-align: center;
       padding: 0 15px;
       padding-top: 70px;
       height: 100%;
       transition: all 0.3s;
   }

   .sec-listing__control-holder {
       position: relative;
       width: 100%;
       height: 100%;
       display: -ms-flexbox;
       display: -webkit-box;
       display: flex;
       -ms-flex-direction: row;
       -webkit-box-orient: horizontal;
       -webkit-box-direction: normal;
       flex-direction: row;
       -ms-flex-wrap: wrap;
       flex-wrap: wrap;
       -ms-flex-pack: center;
       -webkit-box-pack: center;
       justify-content: center;
       -ms-flex-line-pack: center;
       align-content: center;
       -ms-flex-align: center;
       -webkit-box-align: center;
       align-items: center;
   }

   .sec-listing__list {
       position: relative;
       width: 68%;
       height: 100%;
       padding-top: 108px;
   }

   .sec-listing__fixed-head {
       position: absolute;
       width: 100%;
       left: 0;
       top: 70px;
        padding: 0 15px;
   }

   .sec-listing__reset {
       display: block;
       position: absolute;
       left: 0;
       padding: 5px 0;
       top: 50%;
       -webkit-transform: translateY(-50%);
       transform: translateY(-80%);
   }

   .sec-listing_ring__reset {
       /* display: block; */
       position: absolute;
       /* left: 0; */
       /* padding: 15px 0; */
       top: 50%;
       -webkit-transform: translateY(-50%);
       /* transform: translateY(-80%); */
       margin-left: 20px;
       right: 25px;
   }

   .sec-listing_ring__reset:after {
       content: '';
       background: #dda1a9;
       position: absolute;
       display: block;
       width: 100%;
       height: 1px;
       left: 0;
       bottom: 0;
   }

   .sec-listing__reset:after {
       content: '';
       background: #474747;
       position: absolute;
       display: block;
       width: 100%;
       height: 1px;
       left: 0;
       bottom: 0;
   }

   .confirm__btn {
       display: inline-block;
       background: #dda1a9;
       color: #FFF;
       padding: 12px 40px;
       border-radius: 6px;
   }

   @media screen and (max-width: 768px) {
       .pc-inline {
           display: none !important;
       }
   }

   /* ------------------------------------------ */

   /* END Layout Style sec-ring  */

   /* ------------------------------------------ */

   /* ------------------------------------------ */

   /* Layout Style for sec-basic */

   /* ------------------------------------------ */

   .sec-basic {
       position: relative;
       height: 100%;
       width: 100%;
       display: none;
       background: blue;
   }

   .sec-basic.is-current {
       display: block;
   }

   /* ------------------------------------------ */

   /* END Layout Style sec-basic  */

   /* ------------------------------------------ */

   /* ------------------------------------------ */

   /* Style for sec-header */

   /* ------------------------------------------ */

   .sec-header {
       position: absolute;
       top: 0;
       left: 0;
       width: 100%;
       z-index: 1000;
       -webkit-transform: translate3d(0, 0, 1px);
       transform: translate3d(0, 0, 1px);
   }


   .sec-header>.content-wrapper {
       height: 100%;
   }

   .simple-header .sec-header .btn-hard-reload {
       display: none;
   }

   .simple-header .sec-header .btn-open-bookmark {
       display: none;
   }

   .simple-header .sec-header .btn-search {
       display: none;
   }

   .simple-header .sec-header .btn-shop {
       display: none;
   }

   .simple-header .sec-header .sec-header__search-panel {
       display: none;
   }

   .sec-header__panel {
       width: 100%;
       height: 100%;
       text-align: right;
       display: -ms-flexbox;
       display: -webkit-box;
       display: flex;
       -ms-flex-direction: row;
       -webkit-box-orient: horizontal;
       -webkit-box-direction: normal;
       flex-direction: row;
       -ms-flex-wrap: nowrap;
       flex-wrap: nowrap;
       -ms-flex-pack: end;
       -webkit-box-pack: end;
       justify-content: flex-end;
       -ms-flex-line-pack: center;
       align-content: center;
       -ms-flex-align: center;
       -webkit-box-align: center;
       align-items: center;
   }

   .sec-header__search-panel {
       display: -ms-flexbox;
       display: -webkit-box;
       display: flex;
       -ms-flex-direction: row;
       -webkit-box-orient: horizontal;
       -webkit-box-direction: normal;
       flex-direction: row;
       -ms-flex-wrap: nowrap;
       flex-wrap: nowrap;
       -ms-flex-pack: end;
       -webkit-box-pack: end;
       justify-content: flex-end;
       -ms-flex-line-pack: center;
       align-content: center;
       -ms-flex-align: center;
       -webkit-box-align: center;
       align-items: center;
       margin: 8px;
   }

   .sec-header__search-panel .search-bar {
       display: none;
   }

   .sec-header__search-panel.is-active .search-bar {
       display: inline-block;
       width: calc(100% - 45px);
       vertical-align: middle;
   }

   .sec-header__search-panel.is-active .btn-search {
       background-color: #dda1a9;
   }

   .theme-mg .sec-header__search-panel.is-active .btn-search {
       background-color: #d7b88f;
   }

   .sec-header__search-panel:not(.is-active) {
       margin-left: 0;
   }

   .sec-header__search-panel:first-child {
       margin-left: 0;
   }

   .sec-header__search-panel:last-child {
       margin-right: 0;
   }

   .sec-header__search-panel>*:first-child {
       margin-left: 0;
   }

   .sec-header__search-panel>*:last-child {
       margin-right: 0;
   }

   /* ------------------------------------------ */

   /* END Style sec-header  */

   /* ------------------------------------------ */

   /* ------------------------------------------ */

   /* Layout Style for sec-entry */

   /* ------------------------------------------ */

   .sec-entry__title {
       font-weight: normal;
       margin: 0 0 30px;
   }

   .sec-entry__holder {
       width: 100%;
       height: 100%;
       text-align: center;
       display: -ms-flexbox;
       display: -webkit-box;
       display: flex;
       -ms-flex-direction: row;
       -webkit-box-orient: horizontal;
       -webkit-box-direction: normal;
       flex-direction: row;
       -ms-flex-wrap: nowrap;
       flex-wrap: nowrap;
       -ms-flex-pack: center;
       -webkit-box-pack: center;
       justify-content: center;
       -ms-flex-line-pack: stretch;
       align-content: stretch;
       -ms-flex-align: center;
       -webkit-box-align: center;
       align-items: center;
       background: url() no-repeat 85% 70%;
       background-size: 70%;
   }

   .theme-mg .sec-entry__holder {
       background-image: url(../images/bg/bg-pattern-mg.png);
       background-size: 45%;
       background-position-x: 80%;
   }

   .sec-entry__holder>.content-wrapper {
       display: -ms-flexbox;
       display: -webkit-box;
       display: flex;
       -ms-flex-direction: row;
       -webkit-box-orient: horizontal;
       -webkit-box-direction: normal;
       flex-direction: row;
       -ms-flex-wrap: nowrap;
       flex-wrap: nowrap;
       -ms-flex-pack: center;
       -webkit-box-pack: center;
       justify-content: center;
       -ms-flex-line-pack: center;
       align-content: center;
       -ms-flex-align: center;
       -webkit-box-align: center;
       align-items: center;
       height: 100%;
   }

   .sec-entry__control {
       text-align: left;
       padding: 0 30px;
   }

   .sec-entry__highlights {
       width: 60%;
       height: 100%;
   }

   .sec-entry__btns {
       position: relative;
   }

   .sec-entry__btns.sec-entry__btns--type {
       margin-top: 90px;
   }

   .sec-entry__btns.sec-entry__btns--logo {
       margin-bottom: 30px;
   }

   .sec-entry__btns.sec-entry__btns--logo .sec-entry__btn-row {
       border-bottom: 0;
   }

   .sec-entry__btn-row {
       display: -ms-flexbox;
       display: -webkit-box;
       display: flex;
       -ms-flex-direction: row;
       -webkit-box-orient: horizontal;
       -webkit-box-direction: normal;
       flex-direction: row;
       -ms-flex-wrap: wrap;
       flex-wrap: wrap;
       -ms-flex-pack: start;
       -webkit-box-pack: start;
       justify-content: flex-start;
       -ms-flex-line-pack: center;
       align-content: center;
       -ms-flex-align: stretch;
       -webkit-box-align: stretch;
       align-items: stretch;
       height: 65px;
   }

   .sec-entry__btns--type .sec-entry__btn-row {
       margin-left: -10px;
       margin-right: -10px;
       height: 50px;
   }

   .sec-entry__logo,
   .sec-entry__btn {
       display: -ms-flexbox;
       display: -webkit-box;
       display: flex;
       -ms-flex-direction: row;
       -webkit-box-orient: horizontal;
       -webkit-box-direction: normal;
       flex-direction: row;
       -ms-flex-wrap: wrap;
       flex-wrap: wrap;
       -ms-flex-pack: center;
       -webkit-box-pack: center;
       justify-content: center;
       -ms-flex-line-pack: center;
       align-content: center;
       -ms-flex-align: center;
       -webkit-box-align: center;
       align-items: center;
       height: 100%;
       width: 50%;
       padding: 15px 0;
       text-align: left;
       color: #dda1a9;
   }

   @media screen and (min-width: 768px) {
       .sec-entry__logo {
           place-content: unset;
           width: max-content;
           margin-right: 20px;
       }
   }

   .theme-mg .sec-entry__logo,
   .theme-mg .sec-entry__btn {
       color: #d7b88f;
   }

   .sec-entry__logo img:first-child:last-child,
   .sec-entry__btn img:first-child:last-child {
       display: inline-block;
   }

   .sec-entry__logo span,
   .sec-entry__btn span {
       display: inline-block;
       vertical-align: middle;
   }

   .sec-entry__btns--type .sec-entry__logo,
   .sec-entry__btns--type .sec-entry__btn {
       width: calc(50% - 20px);
       background: #dda1a9;
       color: #FFF;
       margin-left: 10px;
       margin-right: 10px;
       border-radius: 6px;
   }

   .theme-mg .sec-entry__btns--type .sec-entry__logo,
   .theme-mg .sec-entry__btns--type .sec-entry__btn {
       background: #d7b88f;
   }

   .theme-promessa .sec-entry__logo[data-brand="IL"],
   .theme-mg .sec-entry__logo[data-brand="IL"],
   .theme-promessa .sec-entry__btn[data-brand="IL"],
   .theme-mg .sec-entry__btn[data-brand="IL"] {
       display: none;
   }

   .theme-promessa .sec-entry__logo[data-brand="PR"],
   .theme-promessa .sec-entry__logo[data-brand="Promessa"],
   .theme-promessa .sec-entry__logo[data-brand="EBB"],
   .theme-mg .sec-entry__logo[data-brand="PR"],
   .theme-mg .sec-entry__logo[data-brand="Promessa"],
   .theme-mg .sec-entry__logo[data-brand="EBB"],
   .theme-promessa .sec-entry__btn[data-brand="PR"],
   .theme-promessa .sec-entry__btn[data-brand="Promessa"],
   .theme-promessa .sec-entry__btn[data-brand="EBB"],
   .theme-mg .sec-entry__btn[data-brand="PR"],
   .theme-mg .sec-entry__btn[data-brand="Promessa"],
   .theme-mg .sec-entry__btn[data-brand="EBB"] {
       margin: 0 auto;
   }

   .sec-entry__btn {
       cursor: pointer;
   }

   .sec-entry__btn-icon {
       display: inline-block;
       vertical-align: middle;
       width: 30px;
       margin-right: 8px;
       text-align:center;
   }

   @media screen and (max-width: 768px) {
       .sec-entry__btn-icon {
            margin-left:8px;
       }
   }

   .sec-entry__search {
       margin-top: 30px;
       width: 100%;
   }

   .sec-entry__logo-promessa {
       height: 35px;
   }

   .sec-entry__logo-ild {
       height: 30px;
   }

   /* ------------------------------------------ */

   /* END Layout Style sec-entry  */

   /* ------------------------------------------ */

   /* ------------------------------------------ */

   /* Layout Style for sec-login */

   /* ------------------------------------------ */

   .sec-login {
       background: url(../images/bg/bg-login-line.png) no-repeat center center #FFF;
       background-size: cover;
   }

   .shop-panel-on .sec-login,
   .sec-login.is-shown-ontop {
       z-index: 50;
       opacity: 1;
       pointer-events: all;
       -webkit-user-select: initial;
       -moz-user-select: initial;
       -ms-user-select: initial;
       user-select: initial;
   }

   .theme-mg .sec-login {
       background-image: url();
   }

   .sec-login__holder {
       width: 100%;
       height: 100%;
       text-align: center;
       display: -ms-flexbox;
       display: -webkit-box;
       display: flex;
       -ms-flex-direction: row;
       -webkit-box-orient: horizontal;
       -webkit-box-direction: normal;
       flex-direction: row;
       -ms-flex-wrap: nowrap;
       flex-wrap: nowrap;
       -ms-flex-pack: center;
       -webkit-box-pack: center;
       justify-content: center;
       -ms-flex-line-pack: stretch;
       align-content: stretch;
       -ms-flex-align: center;
       -webkit-box-align: center;
       align-items: center;
   }

   .sec-login__holder.is-loading .sec-login__fields {
       opacity: 0.5;
       pointer-events: none;
   }

   .sec-login__holder.is-loading .btn,
   .sec-login__holder.is-loading .demo-info__btn-photo {
       background-image: url(../images/common/icons/icon-loading.gif) !important;
       background-repeat: no-repeat;
       background-position: center center;
       background-repeat: no-repeat !important;
       background-position: center center !important;
       background-size: 32px 32px !important;
       background-color: transparent !important;
       color: transparent !important;
       -webkit-user-select: none !important;
       -moz-user-select: none !important;
       -ms-user-select: none !important;
       user-select: none !important;
       pointer-events: none !important;
   }

   .theme-mg .sec-login__holder.is-loading .btn,
   .theme-mg .sec-login__holder.is-loading .demo-info__btn-photo {
       background-image: url(../images/common/icons/icon-loading-mg.gif) !important;
   }

   .sec-login__title {
       font-weight: normal;
       margin: 0 0 30px;
   }

   .sec-login__label {
       display: block;
       margin: 0 0 6px;
       color: #dda1a9;
   }

   .theme-mg .sec-login__label {
       color: #d7b88f;
   }

   .sec-login__btn-holder {
       margin-top: 30px;
   }

   .sec-login__input {
       height: 45px;
       border-radius: 6px;
       text-align: center;
   }

   /* ------------------------------------------ */

   /* END Layout Style sec-login  */

   /* ------------------------------------------ */

   /* ------------------------------------------ */

   /* Layout Style for sec-type */

   /* ------------------------------------------ */

   .sec-type__header {
       text-align: center;
       margin-top: 8em;
   }

   .sec-type__title {
       font-weight: normal;
       margin: 0 0 30px;
   }

   .sec-type__input-holder {
       position: relative;
       display: inline-block;
   }

   .sec-type__input {
       height: 45px;
       border-radius: 6px;
       text-align: left;
       padding-right: 50px;
       background-color: #fff;
       width: 295px;
   }

   .sec-type__input::-webkit-input-placeholder {
       color: #d6d6d6;
   }

   .sec-type__input:-ms-input-placeholder {
       color: #d6d6d6;
   }

   .sec-type__input::-ms-input-placeholder {
       color: #d6d6d6;
   }

   .sec-type__input::placeholder {
       color: #d6d6d6;
   }

   .sec-type__input-submit {
       position: absolute;
       right: 5px;
       top: 5px;
       width: 35px;
       padding: 8px;
   }

   .sec-type__panel {
       max-width: 640px;
       margin: 75px auto 0;
   }

   .sec-type__row {
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
       margin: -30px;
   }

   .sec-type__col {
       width: 50%;
       padding: 0 30px;
   }

   .sec-type__btn {
       text-align: center;
       border: 1px solid transparent;
       background-color: #fff;
       border-radius: 30px;
       padding: 0px 20px 60px;
       -webkit-box-shadow: 0 3px 15px 5px rgba(0, 0, 0, 0.08);
       box-shadow: 0 3px 15px 5px rgba(0, 0, 0, 0.08);
   }

   .sec-type__btn.active {
       border: 1px solid #dda1a9;
   }

   .sec-type__btn-graphic {
       position: relative;
       width: 100%;
       background: url() no-repeat center center;
       background-size: contain;
   }

   .sec-type__btn-graphic:before {
       content: '';
       position: relative;
       width: 100%;
       padding-bottom: 100%;
       display: block;
   }

   .sec-type__btn-label {
       padding-top: 40px;
       color: #dda1a9;
   }

   .theme-mg .sec-type__btn-label {
       color: #d7b88f;
   }

   /* ------------------------------------------ */

   /* Layout Style for sec-wrapper */

   /* ------------------------------------------ */

   .sec-wrapper {
       position: relative;
       height: 100%;
       width: 100%;
   }

   /* ------------------------------------------ */

   /* END Layout Style sec-wrapper  */

   /* ------------------------------------------ */

   /* ------------------------------------------ */

   /* Layout Style for sec-thankyou */

   /* ------------------------------------------ */

   .sec-thankyou {
       position: relative;
       width: 100%;
       height: 100%;
       background: url() no-repeat 85% 60%;
       background-size: 65%;
   }

   .theme-mg .sec-thankyou {
       background-image: url(../images/bg/bg-pattern-mg.png);
       background-size: 45%;
       background-position-x: 80%;
   }

   .sec-thankyou.is-current {
       display: -ms-flexbox;
       display: -webkit-box;
       display: flex;
       -ms-flex-direction: row;
       -webkit-box-orient: horizontal;
       -webkit-box-direction: normal;
       flex-direction: row;
       -ms-flex-wrap: nowrap;
       flex-wrap: nowrap;
       -ms-flex-pack: start;
       -webkit-box-pack: start;
       justify-content: flex-start;
       -ms-flex-line-pack: center;
       align-content: center;
       -ms-flex-align: center;
       -webkit-box-align: center;
       align-items: center;
   }

   .sec-thankyou__title {
       position: relative;
       width: 100%;
       max-width: 400px;
       margin: 0 0 10px;
   }

   .sec-thankyou__title img {
       display: block;
       width: 100%;
       margin: 0;
   }

   .sec-thankyou__holder {
       position: relative;
       width: 100%;
   }

   .sec-thankyou__holder>.content-wrapper {
       padding: 0 30px;
   }

   .sec-thankyou__desc {
       margin: 0 0 20px;
       line-height: 1.5em;
   }

   .sec-thankyou__label {
       margin: 0 0 5px;
       color: #dda1a9;
   }

   .theme-mg .sec-thankyou__label {
       color: #d7b88f;
   }

   .sec-thankyou__id {
       font-weight: bold;
       color: #dda1a9;
       margin: 0 0 20px;
       letter-spacing: 0.1em;
   }

   .theme-mg .sec-thankyou__id {
       color: #d7b88f;
   }

   /* ------------------------------------------ */

   /* END Layout Style sec-thankyou  */

   /* ------------------------------------------ */

   /* ------------------------------------------ */

   /* Layout Style for ring-detail */

   /* ------------------------------------------ */

   .ring-detail__birthstone:not(.is-active) {
       display: none !important;
   }

   .ring-detail__logo img {
       display: none;
   }

   .ring-detail__logo[data-brand="ILD"] .ring-detail__logo--ild,
   .ring-detail__logo[data-brand="IL"] .ring-detail__logo--ild {
       display: block;
   }

   .ring-detail__logo[data-brand="Promessa"] .ring-detail__logo--promessa,
   .ring-detail__logo[data-brand="PR"] .ring-detail__logo--promessa,
   .ring-detail__logo[data-brand="EBB"] .ring-detail__logo--promessa {
       display: block;
   }

   .ring-detail__title {
       font-size: 26px;
   }

   .ring-detail__recommend {
       position: absolute;
       width: 40px;
       right: 90px;
       top: 0;
       margin-top: -7px;
       display: none;
   }

   [data-ring-recomment="Y"] .ring-detail__recommend {
       display: block;
   }

   .ring-detail__recommend img {
       position: relative;
       width: 100%;
       display: block;
       z-index: 0;
   }

   .ring-detail__recommend:before {
       /*content: '熱賣款式';*/
       position: absolute;
       display: inline-block;
       width: 35px;
       height: 100%;
       padding-top: 12px;
       padding-left: 5px;
       top: 0;
       left: 0;
       color: #FFF;
       z-index: 5;
       font-size: 12px;
       text-align: center;
   }

   .ring-detail .opt-detail__control-item .price-display-remark {
       margin-left: -10px;
       color: red;
       font-size: 12px;
   }

   /* ------------------------------------------ */

   /* END Layout Style ring-detail  */

   /* ------------------------------------------ */

   /* ------------------------------------------ */

   /* Layout Style for necklace-detail */

   /* ------------------------------------------ */

   .necklace-detail__birthstone:not(.is-active) {
       display: none !important;
   }

   .necklace-detail__logo img {
       display: none;
   }

   .necklace-detail__logo[data-brand="ILD"] .necklace-detail__logo--ild,
   .necklace-detail__logo[data-brand="IL"] .necklace-detail__logo--ild {
       display: block;
   }

   .necklace-detail__logo[data-brand="Promessa"] .necklace-detail__logo--promessa,
   .necklace-detail__logo[data-brand="PR"] .necklace-detail__logo--promessa,
   .necklace-detail__logo[data-brand="EBB"] .necklace-detail__logo--promessa {
       display: block;
   }

   .necklace-detail__title {
       font-size: 26px;
   }

   .necklace-detail__recommend {
       position: absolute;
       width: 40px;
       right: 90px;
       top: 0;
       margin-top: -7px;
       display: none;
   }

   [data-necklace-recomment="Y"] .necklace-detail__recommend {
       display: block;
   }

   .necklace-detail__recommend img {
       position: relative;
       width: 100%;
       display: block;
       z-index: 0;
   }

   .necklace-detail__recommend:before {
       content: '熱賣款式';
       position: absolute;
       display: inline-block;
       width: 35px;
       height: 100%;
       padding-top: 12px;
       padding-left: 5px;
       top: 0;
       left: 0;
       color: #FFF;
       z-index: 5;
       font-size: 12px;
       text-align: center;
   }

   b .necklace-detail__length {
       margin-left: 5px;
   }

   /* ------------------------------------------ */

   /* END Layout Style necklace-detail  */

   /* ------------------------------------------ */

   /* ------------------------------------------ */

   /* Layout Style for ring-detail */

   /* ------------------------------------------ */

   .diamond-detail__birthstone:not(.is-active) {
       display: none !important;
   }

   .diamond-detail__title {
       font-size: 26px;
   }

   .diamond-detail__logo img {
       display: none;
   }

   .diamond-detail__logo[data-brand="ILD"] .diamond-detail__logo--ild,
   .diamond-detail__logo[data-brand="IL"] .diamond-detail__logo--ild {
       display: block;
   }

   .diamond-detail__logo[data-brand="null"] .diamond-detail__logo--promessa,
   .diamond-detail__logo[data-brand="EBB"] .diamond-detail__logo--promessa,
   .diamond-detail__logo[data-brand="PR"] .diamond-detail__logo--promessa,
   .diamond-detail__logo[data-brand="Promessa"] .diamond-detail__logo--promessa {
       display: block;
   }

   .diamond-detail__logo[data-brand="null"] .diamond-detail__logo--fm,
   .diamond-detail__logo[data-brand="EBB"] .diamond-detail__logo--fm,
   .diamond-detail__logo[data-brand="FM"] .diamond-detail__logo--fm,
   .diamond-detail__logo[data-brand="Forevermark"] .diamond-detail__logo--fm {
       display: block;
   }

   .diamond-detail__logo .diamond-detail__logo--generic {
       display: block;
       font-size: 20px;
       margin: 10px 0;
   }

   .diamond-detail__logo[data-brand="ILD"] .diamond-detail__logo--generic,
   .diamond-detail__logo[data-brand="IL"] .diamond-detail__logo--generic,
   .diamond-detail__logo[data-brand="null"] .diamond-detail__logo--generic,
   .diamond-detail__logo[data-brand="EBB"] .diamond-detail__logo--generic,
   .diamond-detail__logo[data-brand="PR"] .diamond-detail__logo--generic,
   .diamond-detail__logo[data-brand="Promessa"] .diamond-detail__logo--generic,
   .diamond-detail__logo[data-brand="FM"] .diamond-detail__logo--generic {
       display: none;
   }

   /* ------------------------------------------ */

   /* END Layout Style ring-detail  */

   /* ------------------------------------------ */

   /* ------------------------------------------ */

   /* Style for header-logo */

   /* ------------------------------------------ */

   .header-logo {
       display: block;
       position: absolute;
       left: 0;
       top: 60%;
       -webkit-transform: translateY(-50%);
       transform: translateY(-50%);
       height: 78%;
   }

   .header-logo img {
       display: block;
       height: 100%;
   }

   .theme-mg .header-logo {
       height: 60%;
   }

   .simple-header .header-logo {
       display: none;
   }

   /* ------------------------------------------ */

   /* END Style header-logo  */

   /* ------------------------------------------ */

   /* ------------------------------------------ */

   /* Style for adv-search */

   /* ------------------------------------------ */

   .adv-search {
       position: absolute;
       background: #FFF;
       -webkit-box-shadow: 0 3px 15px 5px rgba(0, 0, 0, 0.08);
       box-shadow: 0 3px 15px 5px rgba(0, 0, 0, 0.08);
       width: 100%;
       height: 100%;
       top: 0;
       left: 0;
       z-index: 30;
       border-radius: 20px 20px 0 0;
       -webkit-transition: .5s;
       transition: .5s;
       -webkit-transform: translateY(100%);
       transform: translateY(100%);
       padding: 70px 8px 0;
   }

   .adv-search.is-active {
       -webkit-transform: translateY(0);
       transform: translateY(0);
   }

   .adv-search__fields {
       padding: 0 12px 55px;
   }

   .adv-search__holder {
       position: relative;
       max-height: 100%;
       overflow: auto;
       overflow-x: hidden;
       -webkit-box-shadow: inset 0 -10px 10px -10px rgba(235, 235, 235, 0.7);
       box-shadow: inset 0 -10px 10px -10px rgba(235, 235, 235, 0.7);
   }

   .adv-search__btn {
       padding: 8px 0;
       color: #dda1a9;
       display: inline-block;
       border-top: 1px solid transparent;
       border-bottom: 1px solid transparent;
       border-top-color: rgba(221, 161, 169, 0.5);
       border-bottom-color: rgba(221, 161, 169, 0.5);
   }

   #adv-sort-diamond{
    display:none;
   }

   .theme-mg .adv-search__btn {
       color: #d7b88f;
   }

   .theme-mg .adv-search__btn {
       border-top-color: rgba(215, 184, 143, 0.5);
   }

   .theme-mg .adv-search__btn {
       border-bottom-color: rgba(215, 184, 143, 0.5);
   }

   .adv-search__btn span {
       display: inline-block;
       vertical-align: middle;
   }

   .adv-search__btn:before {
       content: '';
       display: inline-block;
       vertical-align: middle;
       width: 12px;
       height: 12px;
       margin-right: 5px;
       background: url(../images/common/icons/svg/pink/icon-filter.svg);
       background-size: 100% 100%;
   }

   .theme-mg .adv-search__btn:before {
       background: url(../images/common/icons/svg/brown/icon-filter.svg);
   }

   .adv-search__close {
       position: absolute;
       right: 30px;
       top: 25px;
   }

   .adv-search__info {
       position: absolute;
       left: 20px;
       top: 10px;
   }

   .adv-search__bottom-block {
       margin: 0 12px;
   }

   /* ------------------------------------------ */

   /* END Style adv-search  */

   /* ------------------------------------------ */

   /* ------------------------------------------ */

   /* Style for btn */

   /* ------------------------------------------ */

   .opt-detail .btn,
   .page-main .btn,
   .demo-info__btn-photo {
       display: inline-block;
       background: #dda1a9;
       color: #FFF;
       padding: 12px 40px;
       border-radius: 6px;
   }

   .theme-mg .btn,
   .theme-mg .demo-info__btn-photo {
       background: #d7b88f;
   }

   .btn:focus,
   .demo-info__btn-photo:focus {
       outline: none;
   }

   .btn.is-loading,
   .is-loading.demo-info__btn-photo {
       background-image: url(../images/common/icons/icon-loading.gif) !important;
       background-repeat: no-repeat;
       background-position: center center;
       background-repeat: no-repeat !important;
       background-position: center center !important;
       background-size: 32px 32px !important;
       background-color: transparent !important;
       color: transparent !important;
       -webkit-user-select: none !important;
       -moz-user-select: none !important;
       -ms-user-select: none !important;
       user-select: none !important;
       pointer-events: none !important;
   }

   .theme-mg .btn.is-loading,
   .theme-mg .is-loading.demo-info__btn-photo {
       background-image: url(../images/common/icons/icon-loading-mg.gif) !important;
   }

   .btn.is-loading:before,
   .is-loading.demo-info__btn-photo:before,
   .btn.is-loading:after,
   .is-loading.demo-info__btn-photo:after {
       opacity: 0 !important;
   }

   .btn.is-disabled,
   .is-disabled.demo-info__btn-photo {
       opacity: 0.2;
       -webkit-user-select: none !important;
       -moz-user-select: none !important;
       -ms-user-select: none !important;
       user-select: none !important;
       pointer-events: none !important;
   }

   .btn.btn--share,
   .btn--share.demo-info__btn-photo {
       padding: 12px 25px;
       padding-left: 20px;
       white-space: nowrap;
   }

   .btn.btn--share>span,
   .btn--share.demo-info__btn-photo>span {
       display: inline-block;
       vertical-align: middle;
       white-space: normal;
   }

   .btn.btn--share:before,
   .btn--share.demo-info__btn-photo:before {
       content: '';
       display: inline-block;
       vertical-align: middle;
       width: 12px;
       height: 12px;
       background: url(../images/common/icons/svg/white/icon-share.svg) no-repeat center center;
       background-size: 100%;
       margin-right: 5px;
   }

   .btn.btn--buy,
   .btn--buy.demo-info__btn-photo {
       padding: 12px 25px;
       padding-left: 20px;
       white-space: nowrap;
   }

   .btn.btn--buy>span,
   .btn--buy.demo-info__btn-photo>span {
       display: inline-block;
       vertical-align: middle;
       white-space: normal;
   }

   .btn.btn--buy:before,
   .btn--buy.demo-info__btn-photo:before {
       content: '';
       display: inline-block;
       vertical-align: middle;
       width: 12px;
       height: 12px;
       background: url(../images/common/icons/svg/white/icon-tick.svg) no-repeat center center;
       background-size: 100%;
       margin-right: 5px;
   }

   .btn.btn--redesign,
   .btn--redesign.demo-info__btn-photo {
       padding: 12px 25px;
       background: #b8b3b0;
   }

   .btn.btn--redesign>span,
   .btn--redesign.demo-info__btn-photo>span {
       display: inline-block;
       vertical-align: middle;
       white-space: nowrap;
   }

   .btn__row {
       text-align: center;
       margin-top: 20px;
   }

   /* ------------------------------------------ */

   /* END Style btn  */

   /* ------------------------------------------ */

   /* ------------------------------------------ */

   /* Style for btn-demo */

   /* ------------------------------------------ */

   .btn-demo__icon {
       display: inline-block;
       vertical-align: middle;
       background-size: 55%;
       background-position: 60% center;
   }

   .btn-demo__icon.btn-icon:first-child,
   .btn-demo__icon:first-child {
       margin: 15px;
       margin-right: 10px;
   }

   .btn-demo__txt {
       display: inline-block;
       vertical-align: middle;
   }

   /* ------------------------------------------ */

   /* END Style btn-demo  */

   /* ------------------------------------------ */

   /* ------------------------------------------ */

   /* Style for btn-icon */

   /* ------------------------------------------ */

   .btn-icon {
       display: inline-block;
       width: 30px;
       height: 30px;
       line-height: 30px;
       text-align: center;
       color: #FFF;
       border-radius: 100%;
       background: url() no-repeat center center #b8b3b0;
       background-size: 50% 50%;
       -webkit-box-flex: 0;
       -ms-flex: 0 0 auto;
       flex: 0 0 auto;
       font-size: 13px;
       margin: 8px;
       vertical-align: middle;
   }

   .btn-icon:first-child {
       margin-left: 0;
   }

   .btn-icon:last-child {
       margin-right: 0;
   }

   .btn-icon.btn-icon--white {
       background-color: #FFF;
       -webkit-box-shadow: 0 3px 12px 5px rgba(0, 0, 0, 0.1);
       box-shadow: 0 3px 12px 5px rgba(0, 0, 0, 0.1);
   }

   .btn-icon.is-disabled {
       opacity: 0.2;
       -webkit-user-select: none !important;
       -moz-user-select: none !important;
       -ms-user-select: none !important;
       user-select: none !important;
       pointer-events: none !important;
   }

   .bookmark-full-setting .btn-icon--bookmark[data-type="setting"]:not(.is-active),
   .bookmark-full-diamond .btn-icon--bookmark[data-type="diamond"]:not(.is-active),
   .bookmark-full-ring .btn-icon--bookmark[data-type="ring"]:not(.is-active),
   .bookmark-full-necklaceSet .btn-icon--bookmark[data-type="necklaceSet"]:not(.is-active) {
       opacity: 0.5;
   }

   .btn-icon--bookmark {
       background-image: url("../images/common/icons/svg/white/icon-bookmark.svg");
   }

   .btn-icon--bookmark.btn-icon--white {
       background-image: url("../images/common/icons/svg/grey/icon-bookmark.svg");
   }

   .btn-icon--bookmark.btn-icon--bookmark-active {
       position: relative;
   }

   .btn-icon--bookmark.btn-icon--bookmark-active:before {
       content: '';
       display: block;
       width: 10px;
       height: 10px;
       border-radius: 100%;
       background: #dda1a9;
       position: absolute;
       right: 0;
       top: 0;
   }

   .theme-mg .btn-icon--bookmark.btn-icon--bookmark-active:before {
       background: #d7b88f;
   }

   .btn-icon--bookmark.is-active {
       background-color: #dda1a9;
       background-image: url("../images/common/icons/svg/white/icon-bookmark.svg");
   }

   .theme-mg .btn-icon--bookmark.is-active {
       background-color: #d7b88f;
   }

   .btn-icon--search {
       background-image: url("../images/common/icons/svg/white/icon-search.svg");
   }

   .btn-icon--search.btn-icon--white {
       background-image: url("../images/common/icons/svg/grey/icon-search.svg");
   }

   .btn-icon--setting {
       background-image: url("../images/common/icons/svg/white/icon-setting.svg");
   }

   .btn-icon--setting.btn-icon--white {
       background-image: url("../images/common/icons/svg/grey/icon-setting.svg");
   }

   .btn-icon--shop {
       width: auto;
       border-radius: 15px;
       padding: 0 15px;
   }

   .shop-panel-on .btn-icon--shop {
       color: #FFF;
       background: #dda1a9;
   }

   .theme-mg .shop-panel-on .btn-icon--shop {
       background: #d7b88f;
   }

   .theme-mg.shop-panel-on .btn-icon--shop {
       background: #d7b88f;
   }

   .btn-icon--reset,
   .btn-icon--refresh {
       background-image: url("../images/common/icons/svg/white/icon-refresh.svg");
   }

   .btn-icon--reset.btn-icon--white,
   .btn-icon--refresh.btn-icon--white {
       background-image: url("../images/common/icons/svg/grey/icon-refresh.svg");
   }

   .btn-icon--info {
       background-image: url("../images/common/icons/svg/white/icon-info.svg");
   }

   .btn-icon--info.btn-icon--white {
       background-image: url("../images/common/icons/svg/grey/icon-info.svg");
   }

   .btn-icon--demo {
       background-image: url("../images/common/icons/svg/white/icon-demo.svg");
   }

   .btn-icon--demo.btn-icon--white {
       background-image: url("../images/common/icons/svg/grey/icon-demo.svg");
   }

   .btn-icon--edit {
       background-image: url("../images/common/icons/svg/white/icon-edit.svg");
   }

   .btn-icon--edit.btn-icon--white {
       background-image: url("../images/common/icons/svg/grey/icon-edit.svg");
   }

   .btn-icon--remove {
       background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMS4xLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDIyNC41MTIgMjI0LjUxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjI0LjUxMiAyMjQuNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjUxMnB4IiBoZWlnaHQ9IjUxMnB4Ij4KPGc+Cgk8cG9seWdvbiBwb2ludHM9IjIyNC41MDcsNi45OTcgMjE3LjUyMSwwIDExMi4yNTYsMTA1LjI1OCA2Ljk5OCwwIDAuMDA1LDYuOTk3IDEwNS4yNjMsMTEyLjI1NCAgICAwLjAwNSwyMTcuNTEyIDYuOTk4LDIyNC41MTIgMTEyLjI1NiwxMTkuMjQgMjE3LjUyMSwyMjQuNTEyIDIyNC41MDcsMjE3LjUxMiAxMTkuMjQ5LDExMi4yNTQgICIgZmlsbD0iIzAwMDAwMCIvPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=);
       background-size: 35%;
   }

   /* ------------------------------------------ */

   /* END Style btn-icon  */

   /* ------------------------------------------ */

   /* ------------------------------------------ */

   /* Style for btn-link */

   /* ------------------------------------------ */

   .btn-link {
       white-space: nowrap;
       padding: 5px 0;
       position: relative;
   }

   .btn-link:after {
       content: '';
       display: block;
       position: absolute;
       bottom: 0;
       left: 0;
       width: 100%;
       height: 1px;
       background: rgba(71, 71, 71, 0.5);
   }

   /* ------------------------------------------ */

   /* END Style btn-link  */

   /* ------------------------------------------ */

   /* ------------------------------------------ */

   /* Style for sample */

   /* ------------------------------------------ */

   .btn-picker {
       position: relative;
       width: 100%;
   }

   .btn-picker__btn {
       display: none;
   }

   .btn-picker__btn:checked+.btn-picker__label {
       background: #dda1a9;
       color: #FFF;
   }

   .theme-mg .btn-picker__btn:checked+.btn-picker__label {
       background: #d7b88f;
   }

   .btn-picker__btn:checked+.btn-picker__label img {
       mix-blend-mode: color-dodge;
   }
/************/
.img-picker__btn {
    display: none;
}

.img-picker__btn:checked+.btn-picker__label {
    background: #dda1a9;
    color: #FFF;
}

.theme-mg .img-picker__btn:checked+.btn-picker__label {
    background: #d7b88f;
}

.img-picker__btn:checked+.btn-picker__label img {
    mix-blend-mode: color-dodge;
}
/*******end*****/
   .btn-picker__label {
       position: relative;
       color: #dda1a9;
       z-index: 10;
       padding: 10px 15px;
       border: 1px solid transparent;
       border-color: #dda1a9;
       border-radius: 6px;
       min-height: 48px;
       display: -ms-flexbox;
       display: -webkit-box;
       display: flex;
       -ms-flex-direction: row;
       -webkit-box-orient: horizontal;
       -webkit-box-direction: normal;
       flex-direction: row;
       -ms-flex-wrap: wrap;
       flex-wrap: wrap;
       -ms-flex-pack: center;
       -webkit-box-pack: center;
       justify-content: center;
       -ms-flex-line-pack: center;
       align-content: center;
       -ms-flex-align: center;
       -webkit-box-align: center;
       align-items: center;
       cursor: pointer;
   }

   .theme-mg .btn-picker__label {
       color: #d7b88f;
   }

   .theme-mg .btn-picker__label {
       border-color: #d7b88f;
   }

   .btn-picker__label.btn-picker__label--font {
       padding: 5px;
   }

   .btn-picker__label img {
       width: 100%;
   }

   .btn-picker__img-original {
       display: block;
   }

   /*.btn-picker__btn:checked + .btn-picker__label .btn-picker__img-original {*/

   /*  display: none; }*/

   .btn-picker__img-selected {
       display: none;
   }

   /*.btn-picker__btn:checked + .btn-picker__label .btn-picker__img-selected {*/

   /*  display: block; }*/

   /* ------------------------------------------ */

   /* END Style sample  */

   /* ------------------------------------------ */

   /* ------------------------------------------ */

   /* Style for cert-link */

   /* ------------------------------------------ */

   .cert-link {
       display: inline-block;
       vertical-align: middle;
       text-decoration: underline;
   }

   .cert-link:hover {
       text-decoration: underline;
   }

   .cert-link.cert-link--IGI,
   .cert-link.cert-link--GIA,
   .cert-link.cert-link--NGTC,
   .cert-link.cert-link--DBGIS {
       font-size: 0;
   }

   .cert-link.cert-link--IGI:before,
   .cert-link.cert-link--GIA:before,
   .cert-link.cert-link--NGTC:before,
   .cert-link.cert-link--DBGIS:before {
       content: "";
       display: block;
       width: 55px;
       height: 40px;
       background: url() no-repeat center center;
       background-size: contain;
   }

   .cert-link.cert-link--IGI:first-child:last-child:before,
   .cert-link.cert-link--GIA:first-child:last-child:before,
   .cert-link.cert-link--NGTC:first-child:last-child:before,
   .cert-link.cert-link--DBGIS:first-child:last-child:before {
       background-position-y: top;
   }

   .cert-link.cert-link--IGI:before {
       background-image: url(../images/logo/logo-igi.png);
   }

   .cert-link.cert-link--GIA:before {
       background-image: url(../images/logo/logo-gia.png);
   }

   .cert-link.cert-link--NGTC:before {
       background-image: url(../images/logo/logo-ngtc.png);
   }

   .cert-link.cert-link--DBGIS:before {
       background-image: url(../images/logo/logo-debeers.png);
   }

   /* ------------------------------------------ */

   /* END Style cert-link  */

   /* ------------------------------------------ */

   .custom-checkbox {
       padding-left: 25px;
       font-size: 12px;
   }

   .custom-checkbox input[type="checkbox"] {
       display: none;
   }

   .custom-checkbox input[type="checkbox"]+label {
       cursor: pointer;
   }

   .custom-checkbox input[type="checkbox"]+label+strong {
       margin-left: -5px;
   }

   .custom-checkbox input[type="checkbox"]+label:before {
       background: transparent;
       border: 1px solid #dda1a9;
       -webkit-box-sizing: border-box;
       box-sizing: border-box;
       content: "";
       display: inline-block;
       vertical-align: middle;
       height: 15px;
       width: 15px;
       margin-left: -25px;
       margin-right: 10px;
       position: relative;
       top: -1px;
   }

   .theme-mg .custom-checkbox input[type="checkbox"]+label:before {
       border: 1px solid #d7b88f;
   }

   .custom-checkbox input[type="checkbox"]:checked+label:before {
       content: "";
       height: 15px;
       width: 15px;
       background: url(../images/icons/icon-tick.png) no-repeat center center;
       background-image: url("data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDI2IDI2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNiAyNiIgd2lkdGg9IjUxMnB4IiBoZWlnaHQ9IjUxMnB4Ij4KICA8cGF0aCBkPSJtLjMsMTRjLTAuMi0wLjItMC4zLTAuNS0wLjMtMC43czAuMS0wLjUgMC4zLTAuN2wxLjQtMS40YzAuNC0wLjQgMS0wLjQgMS40LDBsLjEsLjEgNS41LDUuOWMwLjIsMC4yIDAuNSwwLjIgMC43LDBsMTMuNC0xMy45aDAuMXYtOC44ODE3OGUtMTZjMC40LTAuNCAxLTAuNCAxLjQsMGwxLjQsMS40YzAuNCwwLjQgMC40LDEgMCwxLjRsMCwwLTE2LDE2LjZjLTAuMiwwLjItMC40LDAuMy0wLjcsMC4zLTAuMywwLTAuNS0wLjEtMC43LTAuM2wtNy44LTguNC0uMi0uM3oiIGZpbGw9IiMwMDAwMDAiLz4KPC9zdmc+Cg==");
       background-size: 90%;
   }

   .custom-checkbox img {
       position: relative;
       display: inline-block;
       vertical-align: middle;
       width: 100px;
   }

   /* ------------------------------------------ */

   /* Style for custom-select */

   /* ------------------------------------------ */

   .custom-select {
       position: relative;
       width: 100%;
   }

   .custom-select select {
       position: absolute;
       width: 100%;
       height: 100%;
       top: 0;
       left: 0;
       opacity: 0;
       z-index: 30;
   }

   .desktop-device .custom-select.is-multiple select {
       pointer-events: none;
   }

   .desktop-device .custom-select.is-multiple.is-open select {
       pointer-events: all;
       opacity: 1;
       height: auto;
   }

   .custom-select__trigger {
       position: relative;
       color: #dda1a9;
       z-index: 10;
       padding: 8px 15px;
       padding-right: 30px;
       border: 1px solid transparent;
       border-color: #dda1a9;
       border-radius: 6px;
       min-height: 48px;
       display: -ms-flexbox;
       display: -webkit-box;
       display: flex;
       -ms-flex-direction: row;
       -webkit-box-orient: horizontal;
       -webkit-box-direction: normal;
       flex-direction: row;
       -ms-flex-wrap: wrap;
       flex-wrap: wrap;
       -ms-flex-pack: start;
       -webkit-box-pack: start;
       justify-content: flex-start;
       -ms-flex-line-pack: center;
       align-content: center;
       -ms-flex-align: center;
       -webkit-box-align: center;
       align-items: center;
   }

   .theme-mg .custom-select__trigger {
       color: #d7b88f;
   }

   .theme-mg .custom-select__trigger {
       border-color: #d7b88f;
   }

   .custom-select__trigger:after {
       content: '';
       display: block;
       position: absolute;
       right: 12px;
       top: 50%;
       margin-top: -3px;
       width: 0;
       height: 0;
       border-style: solid;
       border-width: 6px 5px 0 5px;
       border-color: transparent transparent transparent transparent;
       border-top-color: #dda1a9;
   }

   .theme-mg .custom-select__trigger:after {
       border-top-color: #d7b88f;
   }

   /* ------------------------------------------ */

   /* END Style custom-select  */

   /* ------------------------------------------ */

   /* ------------------------------------------ */

   /* Style for demo-info */

   /* ------------------------------------------ */

   .demo-info {
       padding: 0 !important;
   }

   .demo-info .popup__content {
       padding: 0;
   }

   .demo-info__holder {
       display: -ms-flexbox;
       display: -webkit-box;
       display: flex;
       -ms-flex-direction: row;
       -webkit-box-orient: horizontal;
       -webkit-box-direction: normal;
       flex-direction: row;
       -ms-flex-wrap: nowrap;
       flex-wrap: nowrap;
       -ms-flex-pack: center;
       -webkit-box-pack: center;
       justify-content: center;
       -ms-flex-line-pack: stretch;
       align-content: stretch;
       -ms-flex-align: stretch;
       -webkit-box-align: stretch;
       align-items: stretch;
       border-radius: 20px;
       overflow: hidden;
   }

   .demo-info__img {
       width: 50%;
       font-size: 0;
       padding-right: 30px;
   }

   .demo-info__txt {
       padding: 40px;
       width: 50%;
       display: -ms-flexbox;
       display: -webkit-box;
       display: flex;
       -ms-flex-direction: row;
       -webkit-box-orient: horizontal;
       -webkit-box-direction: normal;
       flex-direction: row;
       -ms-flex-wrap: nowrap;
       flex-wrap: nowrap;
       -ms-flex-pack: center;
       -webkit-box-pack: center;
       justify-content: center;
       -ms-flex-line-pack: center;
       align-content: center;
       -ms-flex-align: center;
       -webkit-box-align: center;
       align-items: center;
   }

   .demo-info__title {
       font-weight: bold;
       margin: 0 0 20px;
       color: #dda1a9;
   }

   .demo-info__desc {
       margin: 0 0 20px;
   }

   .demo-info__btn {
       position: relative;
       text-align: left;
   }

   .demo-info__btn-photo {
       padding: 15px 40px;
       padding-left: 60px;
   }

   .demo-info__btn-photo:before {
       content: '';
       display: block;
       width: 26px;
       height: 26px;
       position: absolute;
       left: 18px;
       top: 50%;
       margin-top: -13px;
       background: url(../images/common/icons/svg/white/icon-photo.svg) no-repeat center center;
       background-size: 100% 100%;
   }

   .demo-info__btn-photo span {
       display: inline-block;
       vertical-align: middle;
   }

   /* ------------------------------------------ */

   /* END Style demo-info  */

   /* ------------------------------------------ */

   /* ------------------------------------------ */

   /* Style for design-list */

   /* ------------------------------------------ */

   .design-list {
       position: relative;
       width: 100%;
   }

   .design-list.is-loading {
       background-image: url(../images/common/icons/icon-loading.gif) !important;
       background-repeat: no-repeat;
       background-position: center center;
       background-size: 32px 32px;
       min-height: 30vh;
   }

   .theme-mg .design-list.is-loading {
       background-image: url(../images/common/icons/icon-loading-mg.gif) !important;
   }

   .design-list__item {
       position: relative;
       display: -ms-flexbox;
       display: -webkit-box;
       display: flex;
       -ms-flex-direction: row;
       -webkit-box-orient: horizontal;
       -webkit-box-direction: normal;
       flex-direction: row;
       -ms-flex-wrap: nowrap;
       flex-wrap: nowrap;
       -ms-flex-pack: center;
       -webkit-box-pack: center;
       justify-content: center;
       -ms-flex-line-pack: stretch;
       align-content: stretch;
       -ms-flex-align: stretch;
       -webkit-box-align: stretch;
       align-items: stretch;
       width: 100%;
       padding: 30px;
       margin-bottom: 30px;
       background: #FFF;
       -webkit-box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 5px 4px;
       box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 5px 4px;
       border-radius: 20px;
       cursor: pointer;
   }

   .design-list__thumb {
       display: -ms-flexbox;
       display: -webkit-box;
       display: flex;
       -ms-flex-direction: row;
       -webkit-box-orient: horizontal;
       -webkit-box-direction: normal;
       flex-direction: row;
       -ms-flex-wrap: nowrap;
       flex-wrap: nowrap;
       -ms-flex-pack: center;
       -webkit-box-pack: center;
       justify-content: center;
       -ms-flex-line-pack: center;
       align-content: center;
       -ms-flex-align: center;
       -webkit-box-align: center;
       align-items: center;
       width: 240px;
       padding-right: 20px;
   }

   .design-list__ring {
       position: relative;
       display: -ms-flexbox;
       display: -webkit-box;
       display: flex;
       -ms-flex-direction: row;
       -webkit-box-orient: horizontal;
       -webkit-box-direction: normal;
       flex-direction: row;
       -ms-flex-wrap: nowrap;
       flex-wrap: nowrap;
       -ms-flex-pack: center;
       -webkit-box-pack: center;
       justify-content: center;
       -ms-flex-line-pack: center;
       align-content: center;
       -ms-flex-align: center;
       -webkit-box-align: center;
       align-items: center;
       width: 35%;
       padding-right: 30px;
   }

   .design-list__diamond {
       position: relative;
       display: -ms-flexbox;
       display: -webkit-box;
       display: flex;
       -ms-flex-direction: row;
       -webkit-box-orient: horizontal;
       -webkit-box-direction: normal;
       flex-direction: row;
       -ms-flex-wrap: nowrap;
       flex-wrap: nowrap;
       -ms-flex-pack: center;
       -webkit-box-pack: center;
       justify-content: center;
       -ms-flex-line-pack: center;
       align-content: center;
       -ms-flex-align: center;
       -webkit-box-align: center;
       align-items: center;
       width: 65%;
       padding-right: 40px;
   }

   .design-list__holder {
       position: relative;
       width: 100%;
       height: 100%;
       padding-bottom: 30px;
   }

   .design-list__btn {
       display: -ms-flexbox;
       display: -webkit-box;
       display: flex;
       -ms-flex-direction: row;
       -webkit-box-orient: horizontal;
       -webkit-box-direction: normal;
       flex-direction: row;
       -ms-flex-wrap: nowrap;
       flex-wrap: nowrap;
       -ms-flex-pack: center;
       -webkit-box-pack: center;
       justify-content: center;
       -ms-flex-line-pack: center;
       align-content: center;
       -ms-flex-align: center;
       -webkit-box-align: center;
       align-items: center;
   }

   .design-list__infos {
       display: -ms-flexbox;
       display: -webkit-box;
       display: flex;
       -ms-flex-direction: row;
       -webkit-box-orient: horizontal;
       -webkit-box-direction: normal;
       flex-direction: row;
       -ms-flex-wrap: wrap;
       flex-wrap: wrap;
       -ms-flex-pack: center;
       -webkit-box-pack: center;
       justify-content: center;
       -ms-flex-line-pack: center;
       align-content: center;
       -ms-flex-align: center;
       -webkit-box-align: center;
       align-items: center;
       overflow: hidden;
   }

   .design-list__ring .design-list__infos {
       margin-left: -15px;
       margin-right: -15px;
   }

   .design-list__infos .design-list__info {
       position: relative;
       display: inline-block;
       width: 50%;
       margin-bottom: 8px;
       white-space: nowrap;
   }

   .design-list__infos .design-list__info img {
       max-width: 75px;
   }

   .design-list__infos .design-list__info:first-child:last-child {
       width: 100%;
   }

   .design-list__ring .design-list__infos .design-list__info {
       padding-left: 15px;
       padding-right: 15px;
   }

   .design-list__ring .design-list__infos .design-list__info:after {
       content: '';
       position: absolute;
       display: block;
       width: 1px;
       height: 14px;
       right: 0;
       top: 50%;
       margin-top: -7px;
       background: #dda1a9;
   }

   .theme-mg .design-list__ring .design-list__infos .design-list__info:after {
       background: #d7b88f;
   }

   .design-list__ring .design-list__infos .design-list__info:last-child:after {
       display: none;
   }

   .design-list__diamond .design-list__infos .design-list__info {
       width: 33.3333%;
       display: -ms-flexbox;
       display: -webkit-box;
       display: flex;
       -ms-flex-direction: row;
       -webkit-box-orient: horizontal;
       -webkit-box-direction: normal;
       flex-direction: row;
       -ms-flex-wrap: wrap;
       flex-wrap: wrap;
       -ms-flex-pack: start;
       -webkit-box-pack: start;
       justify-content: flex-start;
       -ms-flex-line-pack: center;
       align-content: center;
       -ms-flex-align: center;
       -webkit-box-align: center;
       align-items: center;
   }

   .design-list__infos .design-list__info .design-list__info-title {
       padding-right: 12px;
   }

   .design-list__desc {
       margin-bottom: 8px;
   }

   .design-list__shape {
       width: 16px;
   }

   .design-list__price {
       position: absolute;
       bottom: 0;
       left: 0;
       font-weight: bold;
   }

   .design-list__btn {
       position: absolute;
       top: 50%;
       -webkit-transform: translateY(-50%);
       transform: translateY(-50%);
       right: 30px;
   }

   /* ------------------------------------------ */

   /* END Style design-list  */

   /* ------------------------------------------ */

   /* ------------------------------------------ */

   /* Style for sample */

   /* ------------------------------------------ */

   .diamond-info__body {
       position: relative;
       width: 100%;
       display: -ms-flexbox;
       display: -webkit-box;
       display: flex;
       -ms-flex-direction: row;
       -webkit-box-orient: horizontal;
       -webkit-box-direction: normal;
       flex-direction: row;
       -ms-flex-wrap: nowrap;
       flex-wrap: nowrap;
       -ms-flex-pack: start;
       -webkit-box-pack: start;
       justify-content: flex-start;
       -ms-flex-line-pack: stretch;
       align-content: stretch;
       -ms-flex-align: stretch;
       -webkit-box-align: stretch;
       align-items: stretch;
       padding: 60px 0;
   }

   .diamond-info__panel {
       position: relative;
       display: inline-block;
       width: 16%;
       padding: 0 20px;
       text-align: left;
   }

   .diamond-info__panel-btn {
       color: #dda1a9;
       display: block;
       margin-bottom: 30px;
       opacity: 0.2;
   }

   .theme-mg .diamond-info__panel-btn {
       color: #d7b88f;
   }

   .diamond-info__panel-btn.is-active {
       font-weight: bold;
       opacity: 1;
   }

   .diamond-info__contents {
       position: relative;
       display: inline-block;
       width: 84%;
       padding: 0 20px;
   }

   .diamond-info__content {
       position: relative;
       display: none;
   }

   .diamond-info__content.is-active {
       display: block;
   }

   .diamond-info__title {
       color: #dda1a9;
       display: block;
       margin-bottom: 30px;
       font-weight: bold;
   }

   .theme-mg .diamond-info__title {
       color: #d7b88f;
   }

   .diamond-info__subtitle {
       color: #dda1a9;
       display: block;
       margin-bottom: 30px;
       font-weight: bold;
   }

   .theme-mg .diamond-info__subtitle {
       color: #d7b88f;
   }

   .diamond-info__desc {
       display: block;
       margin-bottom: 30px;
       line-height: 1.5em;
   }

   .diamond-info__img {
       display: block;
   }

   .diamond-info__img.diamond-info__img--small {
       max-width: 60%;
   }

   .diamond-info__slider {
       position: relative;
       display: block;
       width: 100%;
       overflow: hidden;
   }

   .diamond-info__slider-pages {
       margin-top: 30px;
       text-align: center;
   }

   .diamond-info__slider-pages .swiper-pagination-bullet {
       position: relative;
       display: inline-block;
       width: 14px;
       height: 14px;
       border-radius: 100%;
       border: 1px solid transparent;
       border-color: #dda1a9;
       background: transparent;
   }

   .theme-mg .diamond-info__slider-pages .swiper-pagination-bullet {
       border-color: #d7b88f;
   }

   .diamond-info__slider-pages .swiper-pagination-bullet.swiper-pagination-bullet-active {
       border-radius: 100%;
   }

   .diamond-info__slider-pages .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
       content: '';
       display: block;
       position: absolute;
       width: 8px;
       height: 8px;
       top: 50%;
       left: 50%;
       margin-left: -4px;
       margin-top: -4px;
       background: #dda1a9;
       border-radius: 100%;
   }

   .theme-mg .diamond-info__slider-pages .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
       background: #d7b88f;
   }

   /* ------------------------------------------ */

   /* END Style sample  */

   /* ------------------------------------------ */

   /* ------------------------------------------ */

   /* Style for field-holder */

   /* ------------------------------------------ */

   .field-holder {
       position: relative;
   }

   .field-holder.has-error input {
       border: 1px solid #ff7070 !important;
   }

   .field-holder label.error {
       position: absolute;
       display: block;
       top: 100%;
       left: 0;
       padding: 5px 0;
       color: #ff7070;
       width: 100%;
   }

   /* ------------------------------------------ */

   /* END Style field-holder  */

   /* ------------------------------------------ */

   /* ------------------------------------------ */

   /* Style for field-set */

   /* ------------------------------------------ */

   .field-set {
       position: relative;
       text-align: left;
       margin-bottom: 10px;
   }

   .field-set:last-child {
       margin-bottom: 0;
   }

   .field-set.field-set--caption {
       margin-top: -10px;
   }

   .opt-detail__control-item .field-set {
       min-width: 130px;
   }

   .adv-search__fields .field-set {
       display: -ms-flexbox;
       display: -webkit-box;
       display: flex;
       -ms-flex-direction: row;
       -webkit-box-orient: horizontal;
       -webkit-box-direction: normal;
       flex-direction: row;
       -ms-flex-wrap: nowrap;
       flex-wrap: nowrap;
       -ms-flex-pack: start;
       -webkit-box-pack: start;
       justify-content: flex-start;
       -ms-flex-line-pack: stretch;
       align-content: stretch;
       -ms-flex-align: center;
       -webkit-box-align: center;
       align-items: center;
   }

   .field-set.field-set-- .field-set__fields {
       display: unset;
   }

   .field-set.field-set-- .field-set__fields .field-set__field.field-set__field--half {
       width: 48%;
   }

   .field-set.is-disabled {
       opacity: 0.3;
       pointer-events: none;
   }

   .field-set__label {
       padding-right: 12px;
       line-height: 1.5em;
       width: 70px;
       -webkit-box-flex: 0;
       -ms-flex: 0 0 auto;
       flex: 0 0 auto;
   }

   .opt-detail__control-item .field-set__label {
       position: absolute;
       bottom: 100%;
       left: 0;
       width: 100%;
   }

.field-set--images .field-set__label{
    top:9px;
}

   .field-set__fields {
       display: -ms-flexbox;
       display: -webkit-box;
       display: flex;
       -ms-flex-direction: row;
       -webkit-box-orient: horizontal;
       -webkit-box-direction: normal;
       flex-direction: row;
       -ms-flex-wrap: nowrap;
       flex-wrap: nowrap;
       -ms-flex-pack: start;
       -webkit-box-pack: start;
       justify-content: flex-start;
       -ms-flex-line-pack: stretch;
       align-content: stretch;
       margin-left: 105px;
       /*margin-right: -5px;*/
       width: calc(100% - 105px);
   }

   .field-set__field {
       position: relative;
       display: inline-block;
       width: 100%;
       padding: 5px;
   }

   .field-set__field.field-set__field--half {
       width: 50%;
   }

   .field-set__field.field-set__field--one-third {
       width: 33.3333%;
   }

   .field-set__desc {
       display: block;
       margin-top: 5px;
   }

   .field-set__static {
       color: #dda1a9;
       display: block;
       padding: 2px 0;
   }

   .theme-mg .field-set__static {
       color: #d7b88f;
   }

   .field-set__out-grid {
       position: absolute;
       top: 100%;
       left: 0;
   }

   .stone-panel__group .field-set__out-grid {
       padding: 0 5px;
       margin-top: -5px;
   }

   .field-set__remark {
       color: #dda1a9;
       display: block;
       margin-top: 5px;
   }

   .theme-mg .field-set__remark {
       color: #d7b88f;
   }

   .custom-select-s2,
   .custom-select-s3 {
       position: relative;
   }

   .custom-select-s2__content,
   .custom-select-s3__content {
       margin-top: 0px;
       overflow-x: hidden;
       overflow-y: auto;
       max-height: 0px;
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-orient: horizontal;
       -webkit-box-direction: normal;
       -ms-flex-direction: row;
       flex-direction: row;
       -ms-flex-wrap: wrap;
       flex-wrap: wrap;
       -webkit-transition: all 0.3s;
       transition: all 0.3s;
   }

   .custom-select-s2.active .custom-select-s2__content,
   .custom-select-s3.active .custom-select-s3__content {
       max-height: 300px;
       margin-top: 10px;
   }

   .custom-select-s2__trigger,
   .custom-select-s3__trigger {
       font-size: 13px;
       position: relative;
       color: #dda1a9;
       z-index: 10;
       min-height: 48px;
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-orient: horizontal;
       -webkit-box-direction: normal;
       -ms-flex-direction: row;
       flex-direction: row;
       -ms-flex-wrap: wrap;
       flex-wrap: wrap;
       -webkit-box-pack: start;
       -ms-flex-pack: start;
       justify-content: flex-start;
       -ms-flex-line-pack: center;
       align-content: center;
       -webkit-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       padding: 8px 30px 8px 15px;
       border-width: 1px;
       border-style: solid;
       -o-border-image: initial;
       border-image: initial;
       border-color: #dda1a9;
       border-radius: 6px;
       max-width: 180px;
       overflow: hidden;
   }

   .custom-select-s2 .custom-select-s2__trigger:after,
   .custom-select-s3 .custom-select-s3__trigger:after {
       content: '';
       display: block;
       position: absolute;
       right: 12px;
       top: 50%;
       margin-top: -3px;
       width: 0;
       height: 0;
       border-style: solid;
       border-width: 6px 5px 0 5px;
       border-color: transparent transparent transparent transparent;
       border-top-color: #dda1a9;
   }

   .theme-mg .custom-select-s2 .custom-select-s2__trigger:after,
   .theme-mg .custom-select-s3 .custom-select-s3__trigger:after {
       border-top-color: #d7b88f;
   }

   .custom-select-s3.active .custom-select-s3__content {
       margin-bottom: 0px;
   }

   .custom-select-s3__trigger {
       margin-bottom: 0px;
   }

   .custom-select-s2.active .custom-select-s2__trigger:after,
   .custom-select-s3.active .custom-select-s3__trigger:after {
       border-width: 0 5px 6px 5px;
       border-color: transparent transparent #dda1a9 transparent;
   }

   .temp_input,
   .custom-select-s2__checkbox {
       width: 0px;
       height: 0px;
       overflow: hidden;
       border-width: 0px;
       position: absolute;
   }

   .custom-select-s2__btn {
       -webkit-box-flex: 1;
       -ms-flex: 1;
       flex: 1;
       padding: 5px 3px;
       margin: 0px;
       -ms-flex-preferred-size: 33%;
       flex-basis: 33%;
       align-self: stretch;
       display: flex;
   }

   .field-set--metalValue .custom-select-s2__btn,
   .field-set--subCollectionValue .custom-select-s2__btn,
   .field-set--prongSettingValue .custom-select-s2__btn {
       flex-basis: 50%;
       -ms-flex-preferred-size: 50%;
   }

   .custom-select-s2__btn span {
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
       -ms-flex-line-pack: center;
       align-content: center;
       -webkit-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       margin: 0px;
       padding: 5px;
       border-width: 0px;
       width: 100%;
       height: auto;
       min-height: 40px;
       line-height: 19px;
       color: #dda1a9;
       text-align: center;
       border: 1px solid #dda1a9;
       border-radius: 6px;
       /*display: inline-block;*/
       overflow: hidden;
       font-size: 12px;
   }

   .custom-select-s2__btn.active span {
       background-color: #dda1a9;
       color: #fff;
   }

   .custom-select-s2__btn span img {
       display: block;
       width: 80%;
       margin: auto;
   }

   .custom-select-s2__btn span img.hoverImage {
       opacity: 0;
       display: none;
   }

   .custom-select-s2__btn.active span img {
       opacity: 0;
       display: none;
   }

   .custom-select-s2__btn.active span img.hoverImage {
       opacity: 1;
       display: block;
   }

   .custom-select-s2__btn.hidden span {
       opacity: 0;
   }

   .custom-select-s2__btn.w-100 {
       width: 100%;
       -ms-flex-preferred-size: 100%;
       flex-basis: 100%;
   }

   .custom-select-s2__btn.w-66 span,
   .custom-select-s2__btn.w-100 span {
       width: 100%;
   }

   /* ------------------------------------------ */

   /* Swiper price range Swiper */

   /* ------------------------------------------ */

   .custom-select-s3__content {
       width: auto;
       -webkit-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       /* add this will all relevant prefixes */
   }

   .custom-select-s3__content .swiper-slide {
       font-size: 14px;
       height: 25px;
       position: relative;
       color: #dda1a9;
   }

   .swiper-wrapper {
       -webkit-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       /* add this will all relevant prefixes */
   }

   .custom-select-s3__content .range-swiper__container {
       position: relative;
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
       -ms-flex-line-pack: center;
       align-content: center;
       -ms-flex-align: center;
       -webkit-box-align: center;
       align-items: center;
       width: 100%;
       text-align: center;
   }

   .custom-select-s3__content .range-swiper__container:before {
       content: "";
       width: 99%;
       height: 25px;
       position: absolute;
       display: block;
       top: 40%;
       left: 0;
       border-radius: 4px;
       -webkit-transform: translateY(-50%);
       transform: translateY(-50%);
       border: 1px solid #dda1a9;
   }

   .custom-select-s3__content .swiper-container .swiper-wrapper {
       -webkit-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       /* add this will all relevant prefixes */
   }

   .custom-select-s3__content .swiper-container-vertical>.swiper-pagination-bullets {
       display: none;
   }

   .custom-select-s3__content .range-swiper__container .range-stick {
       color: #dda1a9;
       position: relative;
       top: -6px;
   }

   .custom-select-s3__content .swiper-container {
       height: 60px;
       width: 45%;
   }

   .range-min-num {
       min-width: 30px;
   }

   /* ------------------------------------------ */

   /* END Style field-set  */

   /* ------------------------------------------ */

   /* ------------------------------------------ */

   /* Style for font-panel */

   /* ------------------------------------------ */

   .font-panel {
       position: relative;
       margin: 50px 0 0;
   }

   .font-panel__group {
       position: relative;
       margin: 0 0 30px;
   }

   .font-panel__title {
       font-weight: bold;
   }

   .font-panel__head {
       display: -ms-flexbox;
       display: -webkit-box;
       display: flex;
       -ms-flex-direction: row;
       -webkit-box-orient: horizontal;
       -webkit-box-direction: normal;
       flex-direction: row;
       -ms-flex-wrap: nowrap;
       flex-wrap: nowrap;
       -ms-flex-pack: justify;
       -webkit-box-pack: justify;
       justify-content: space-between;
       -ms-flex-line-pack: center;
       align-content: center;
       -ms-flex-align: center;
       -webkit-box-align: center;
       align-items: center;
       margin: 0 0 10px;
   }

   .font-panel__textarea {
       border-radius: 6px;
       width: 100%;
       height: 45px;
       resize: none;
       padding: 5px;
   }

   .font-panel__text-control {
       display: -ms-flexbox;
       display: -webkit-box;
       display: flex;
       -ms-flex-direction: row;
       -webkit-box-orient: horizontal;
       -webkit-box-direction: normal;
       flex-direction: row;
       -ms-flex-wrap: nowrap;
       flex-wrap: nowrap;
       -ms-flex-pack: start;
       -webkit-box-pack: start;
       justify-content: flex-start;
       -ms-flex-line-pack: center;
       align-content: center;
       -ms-flex-align: center;
       -webkit-box-align: center;
       align-items: center;
       margin: 5px 0 0;
   }

   .font-panel__label {
       font-weight: bold;
       margin-right: 10px;
   }

   .font-panel__btns {
       display: -ms-flexbox;
       display: -webkit-box;
       display: flex;
       -ms-flex-direction: row;
       -webkit-box-orient: horizontal;
       -webkit-box-direction: normal;
       flex-direction: row;
       -ms-flex-wrap: nowrap;
       flex-wrap: nowrap;
       -ms-flex-pack: start;
       -webkit-box-pack: start;
       justify-content: flex-start;
       -ms-flex-line-pack: center;
       align-content: center;
       -ms-flex-align: center;
       -webkit-box-align: center;
       align-items: center;
   }

   .font-panel__btn {
       display: inline-block;
       width: 60px;
       height: 28px;
       color: #FFF;
       background: #dda1a9;
       margin-right: 5px;
       display: -ms-inline-flexbox;
       display: -webkit-inline-box;
       display: inline-flex;
       -ms-flex-direction: row;
       -webkit-box-orient: horizontal;
       -webkit-box-direction: normal;
       flex-direction: row;
       -ms-flex-wrap: nowrap;
       flex-wrap: nowrap;
       -ms-flex-pack: center;
       -webkit-box-pack: center;
       justify-content: center;
       -ms-flex-line-pack: center;
       align-content: center;
       -ms-flex-align: center;
       -webkit-box-align: center;
       align-items: center;
       border-radius: 6px;
       text-align: center;
   }

   .theme-mg .font-panel__btn {
       background: #d7b88f;
   }

   .font-panel__btn span {
       width: 100%;
       text-align: center;
   }

   .font-panel__demo {
       position: relative;
       margin-top: 15px;
       margin-bottom: 30px;
       text-align: center;
   }

   .font-panel__demo-content {
       position: absolute;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
       display: -ms-flexbox;
       display: -webkit-box;
       display: flex;
       -ms-flex-direction: row;
       -webkit-box-orient: horizontal;
       -webkit-box-direction: normal;
       flex-direction: row;
       -ms-flex-wrap: nowrap;
       flex-wrap: nowrap;
       -ms-flex-pack: center;
       -webkit-box-pack: center;
       justify-content: center;
       -ms-flex-line-pack: center;
       align-content: center;
       -ms-flex-align: center;
       -webkit-box-align: center;
       align-items: center;
   }

   .font-panel__demo-txt {
       font-family: Arial, "MKaiHK-Medium", "MKaiPRCW45-Medium", sans-serif;
   }

   [data-font="PCS_EDWARDIAN"] .font-panel__demo-txt {
       font-family: "ITCEdwardianScriptW04-Reg", "MKaiHK-Medium", "MKaiPRCW45-Medium", Arial, sans-serif;
       font-size: 17px;
   }

   [data-font="EDWARDIAN_KAI"] .font-panel__demo-txt {
       font-family: "ITCEdwardianScriptW04-Reg", "MKaiHK-Medium", "MKaiPRCW45-Medium", Arial, sans-serif;
       font-size: 17px;
   }

   [data-font="TIMESNEWROMAN_KAI"] .font-panel__demo-txt {
       font-family: "Times New Roman", "MKaiHK-Medium", "MKaiPRCW45-Medium", Arial, sans-serif;
   }

   [data-font="DIY_TIMES_NEW_ROMAN"] .font-panel__demo-txt {
       font-family: Times New Roman;
   }

   .font-panel__demo-stone {
       margin: 0 5px;
       position: absolute;
       top: 50%;
       -webkit-transform: translateY(-50%);
       transform: translateY(-50%);
   }

   .font-panel__demo-stone img {
       width: 26px;
       display: none;
   }

   .font-panel__demo-stone img.is-active {
       display: block;
   }

   .font-panel__demo-stone--left {
       left: 17.5%;
   }

   .font-panel__demo-stone--right {
       right: 17.5%;
   }

   /* ------------------------------------------ */

   /* END Style font-panel  */

   /* ------------------------------------------ */

   /* ------------------------------------------ */

   /* Style for generic-msg */

   /* ------------------------------------------ */

   .generic-msg {
       width: 100%;
       height: 100%;
       min-height: 30vh;
       text-align: center;
       font-weight: bold;
       color: #dda1a9;
       display: none;
   }

   .theme-mg .generic-msg {
       color: #d7b88f;
   }

   .generic-msg:first-child:last-child {
       display: -ms-flexbox;
       display: -webkit-box;
       display: flex;
       -ms-flex-direction: row;
       -webkit-box-orient: horizontal;
       -webkit-box-direction: normal;
       flex-direction: row;
       -ms-flex-wrap: nowrap;
       flex-wrap: nowrap;
       -ms-flex-pack: center;
       -webkit-box-pack: center;
       justify-content: center;
       -ms-flex-line-pack: center;
       align-content: center;
       -ms-flex-align: center;
       -webkit-box-align: center;
       align-items: center;
   }

   /* ------------------------------------------ */

   /* END Style generic-msg  */

   /* ------------------------------------------ */

   /* ------------------------------------------ */

   /* Style for generic-loading */

   /* ------------------------------------------ */

   .generic-loading {
       display: none;
       position: absolute;
       width: 100%;
       height: 100%;
       left: 0;
       top: 0;
       background: url() no-repeat center center rgba(255, 255, 255, 0.7);
       background-image: url(../images/common/icons/icon-loading.gif) !important;
       background-repeat: no-repeat;
       background-position: center center;
       z-index: 10000;
   }

   .theme-mg .generic-loading {
       background-image: url(../images/common/icons/icon-loading-mg.gif) !important;
   }

   .loading-design .generic-loading,
   .generic-loading.is-active {
       display: block;
   }

   /* ------------------------------------------ */

   /* END Style generic-loading  */

   /* ------------------------------------------ */

   /* ------------------------------------------ */

   /* Style for edit-detail */

   /* ------------------------------------------ */

   .edit-detail {
       position: relative;
       width: 100%;
   }

   .edit-detail__holder {
       position: relative;
       width: 100%;
       padding: 30px 30px 0;
   }

   .edit-detail__topbar {
       position: relative;
       text-align: left;
       margin: 0 0 20px;
   }

   .edit-detail__select {
       display: -ms-inline-flexbox;
       display: -webkit-inline-box;
       display: inline-flex;
       -ms-flex-direction: row;
       -webkit-box-orient: horizontal;
       -webkit-box-direction: normal;
       flex-direction: row;
       -ms-flex-wrap: nowrap;
       flex-wrap: nowrap;
       -ms-flex-pack: center;
       -webkit-box-pack: center;
       justify-content: center;
       -ms-flex-line-pack: center;
       align-content: center;
       -ms-flex-align: center;
       -webkit-box-align: center;
       align-items: center;
   }

   .edit-detail__select-label {
       margin-right: 15px;
       font-weight: bold;
       color: #dda1a9;
   }

   .theme-mg .edit-detail__select-label {
       color: #d7b88f;
   }

   .edit-detail__select-holder {
       width: 120px;
   }

   .edit-detail__middle {
       display: -ms-flexbox;
       display: -webkit-box;
       display: flex;
       -ms-flex-direction: row;
       -webkit-box-orient: horizontal;
       -webkit-box-direction: normal;
       flex-direction: row;
       -ms-flex-wrap: nowrap;
       flex-wrap: nowrap;
       -ms-flex-pack: start;
       -webkit-box-pack: start;
       justify-content: flex-start;
       -ms-flex-line-pack: stretch;
       align-content: stretch;
       -ms-flex-align: stretch;
       -webkit-box-align: stretch;
       align-items: stretch;
       margin-left: -30px;
       margin-right: -30px;
   }

   .edit-detail__left,
   .edit-detail__right {
       display: inline-block;
       width: 50%;
       padding: 0 30px;
   }

   .edit-detail__left {
       border-right: 1px solid transparent;
       border-right-color: rgba(221, 161, 169, 0.25);
   }

   .theme-mg .edit-detail__left {
       border-right-color: rgba(215, 184, 143, 0.25);
   }

   .theme-mg .edit-detail__left {
       border-right: 0;
   }

   .edit-detail__display {
       text-align: left;
       margin: 30px auto;
       width: 100%;
       max-width: 480px;
   }

   .edit-detail__label {
       font-weight: bold;
       color: #dda1a9;
       margin: 0 0 20px;
   }

   .theme-mg .edit-detail__label {
       color: #d7b88f;
   }

   .edit-detail__btn {
       text-align: center;
   }

   .edit-detail__birthstone {
       opacity: 0.3;
       pointer-events: none;
   }

   .edit-detail__birthstone.is-active {
       opacity: 1;
       pointer-events: all;
   }

   /* ------------------------------------------ */

   /* END Style edit-detail  */

   /* ------------------------------------------ */

   /* ------------------------------------------ */

   /* Style for highlight-card */

   /* ------------------------------------------ */

   .highlight-card__holder {
       position: relative;
       height: 100%;
       width: 100%;
   }

   .highlight-card {
       position: absolute;
       background: #FFF;
       -webkit-box-shadow: 0 3px 15px 5px rgba(0, 0, 0, 0.08);
       box-shadow: 0 3px 15px 5px rgba(0, 0, 0, 0.08);
       width: 55%;
       padding: 30px 30px;
       border-radius: 20px;
       left: 50%;
       top: 50%;
       -webkit-transform: translate(-50%, -50%);
       transform: translate(-50%, -50%);
       cursor: pointer;
       -webkit-transition: -webkit-transform .6s;
       transition: -webkit-transform .6s;
       transition: transform .6s;
       transition: transform .6s, -webkit-transform .6s;
   }

   .highlight-card.is-touching {
       z-index: 50 !important;
   }

   .highlight-card:nth-child(1) {
       z-index: 30;
       -webkit-transform: translate(-80%, -60%);
       transform: translate(-80%, -60%);
   }

   [data-lead-item="2"] .highlight-card:nth-child(1) {
       z-index: 10;
       -webkit-transform: translate(-20%, -40%);
       transform: translate(-20%, -40%);
   }

   [data-lead-item="3"] .highlight-card:nth-child(1) {
       z-index: 20;
       -webkit-transform: translate(-50%, -50%);
       transform: translate(-50%, -50%);
   }

   .highlight-card:nth-child(2) {
       z-index: 20;
       -webkit-transform: translate(-50%, -50%);
       transform: translate(-50%, -50%);
   }

   [data-lead-item="2"] .highlight-card:nth-child(2) {
       z-index: 30;
       -webkit-transform: translate(-80%, -60%);
       transform: translate(-80%, -60%);
   }

   [data-lead-item="3"] .highlight-card:nth-child(2) {
       z-index: 10;
       -webkit-transform: translate(-20%, -40%);
       transform: translate(-20%, -40%);
   }

   .highlight-card:nth-child(3) {
       z-index: 10;
       -webkit-transform: translate(-20%, -40%);
       transform: translate(-20%, -40%);
   }

   [data-lead-item="2"] .highlight-card:nth-child(3) {
       z-index: 20;
       -webkit-transform: translate(-50%, -50%);
       transform: translate(-50%, -50%);
   }

   [data-lead-item="3"] .highlight-card:nth-child(3) {
       z-index: 30;
       -webkit-transform: translate(-80%, -60%);
       transform: translate(-80%, -60%);
   }

   [data-lead-item="4"] .highlight-card:nth-child(4) {
       z-index: 30;
       -webkit-transform: translate(-80%, -60%);
       transform: translate(-80%, -60%);
   }

   [data-group="necklace"] .highlight-card {
       padding-top: 0;
   }

   .highlight-card__tag {
       position: absolute;
       width: 40px;
       left: 25px;
       top: 0;
       margin-top: -7px;
   }

   .highlight-card__tag img {
       position: relative;
       width: 100%;
       display: block;
       z-index: 0;
   }

   .highlight-card__tag:before {
       content: '熱賣款式';
       position: absolute;
       display: inline-block;
       width: 35px;
       height: 100%;
       padding-top: 12px;
       padding-left: 5px;
       top: 0;
       left: 0;
       color: #FFF;
       z-index: 5;
       font-size: 12px;
   }

   .highlight-card__logo {
       max-width: 150px;
       margin: 0 auto 5px;
   }

   .highlight-card__desc {
       line-height: 1.5em;
   }

   .highlight-card__holder .highlight-card__controller {
       display: none;
   }

   /* ------------------------------------------ */

   /* END Style highlight-card  */

   /* ------------------------------------------ */

   /* ------------------------------------------ */

   /* Style for sample */

   /* ------------------------------------------ */

   .icon-close {
       width: 20px;
       height: 20px;
       display: block;
   }

   .icon-close__graphic {
       position: absolute;
       width: 100%;
       height: 100%;
       top: 0;
       left: 0;
       background: url() no-repeat center center;
       background-size: 100%;
       background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMS4xLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDIyNC41MTIgMjI0LjUxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjI0LjUxMiAyMjQuNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjUxMnB4IiBoZWlnaHQ9IjUxMnB4Ij4KPGc+Cgk8cG9seWdvbiBwb2ludHM9IjIyNC41MDcsNi45OTcgMjE3LjUyMSwwIDExMi4yNTYsMTA1LjI1OCA2Ljk5OCwwIDAuMDA1LDYuOTk3IDEwNS4yNjMsMTEyLjI1NCAgICAwLjAwNSwyMTcuNTEyIDYuOTk4LDIyNC41MTIgMTEyLjI1NiwxMTkuMjQgMjE3LjUyMSwyMjQuNTEyIDIyNC41MDcsMjE3LjUxMiAxMTkuMjQ5LDExMi4yNTQgICIgZmlsbD0iIzAwMDAwMCIvPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=);
   }

   /* ------------------------------------------ */

   /* END Style sample  */

   /* ------------------------------------------ */

   /* ------------------------------------------ */

   /* Style for icon-label */

   /* ------------------------------------------ */

   .icon-label {
       color: #dda1a9;
       margin: 0 0 10px;
   }

   .theme-mg .icon-label {
       color: #d7b88f;
   }

   .icon-label span {
       display: inline-block;
       vertical-align: middle;
   }

   .icon-label:before {
       content: '';
       display: inline-block;
       vertical-align: middle;
       width: 20px;
       height: 20px;
       margin-right: 5px;
       background: url() no-repeat center center;
       background-size: 100% 100%;
   }

   .icon-label--ring:before {
       margin-top: 5px;
       background-image: url(../images/common/icons/icon-ring.png);
   }

   .theme-mg .icon-label--ring:before {
       background-image: url(../images/common/icons/icon-ring-mg.png);
   }

   .icon-label--necklace:before {
       margin-top: 5px;
       background-image: url(../images/common/icons/icon-necklace.png);
   }

   .theme-mg .icon-label--necklace:before {
       background-image: url(../images/common/icons/icon-necklace-mg.png);
   }

   .icon-label--diamond:before {
       background-image: url(../images/common/icons/icon-diamond.png);
   }

   .theme-mg .icon-label--diamond:before {
       background-image: url(../images/common/icons/icon-diamond-mg.png);
   }

   .icon-label {
       display: block;
   }

   /* ------------------------------------------ */

   /* END Style icon-label  */

   /* ------------------------------------------ */

   /* ------------------------------------------ */

   /* Layout Style for my-fav */

   /* ------------------------------------------ */

   .my-fav {
       position: relative;
       width: 100%;
   }

   .my-fav__title {
       font-weight: bold;
       color: #dda1a9;
       text-align: center;
       margin-bottom: 20px;
   }

   .theme-mg .my-fav__title {
       color: #d7b88f;
   }

   .my-fav__title span {
       display: inline-block;
       vertical-align: middle;
   }

   .my-fav__title:before,
   .my-fav__title:after {
       content: '';
       display: inline-block;
       vertical-align: middle;
       width: 4px;
       height: 4px;
       border-radius: 100%;
       background: #dda1a9;
       margin: 0 12px;
   }

   .theme-mg .my-fav__title:before,
   .theme-mg .my-fav__title:after {
       background: #d7b88f;
   }

   .my-fav__control {
       position: relative;
       width: 100%;
   }

   .my-fav__tabs {
       text-align: center;
       margin-bottom: 20px;
   }

   .my-fav__clear {
       position: absolute;
       display: inline-block;
       right: 0;
       top: 50%;
       -webkit-transform: translateY(-50%);
       transform: translateY(-50%);
   }

   .my-fav__tab {
       position: relative;
       display: inline-block;
       color: #474747;
       padding: 0 30px;
   }

   .my-fav__tab:before {
       content: '';
       display: inline-block;
       vertical-align: middle;
       width: 20px;
       height: 20px;
       margin-right: 5px;
       background: url(../images/common/icons/icon-ring.png) center center no-repeat;
       background-size: 100% 100%;
   }

   .my-fav__tab.is-active {
       color: #dda1a9;
       font-weight: bold;
   }

   .theme-mg .my-fav__tab.is-active {
       color: #d7b88f;
   }

   .my-fav__tab:after {
       content: '';
       display: block;
       position: absolute;
       top: 50%;
       -webkit-transform: translateY(-50%);
       transform: translateY(-50%);
       width: 1px;
       height: 15px;
       right: 0;
       background: rgba(184, 179, 176, 0.5);
   }

   .my-fav__tab:last-child:after {
       display: none;
   }

   .my-fav__tab span {
       display: inline-block;
       vertical-align: middle;
   }

   .my-fav__tab.my-fav__tab--ring:before {
       background-image: url(../images/common/icons/svg/black/icon-ring.svg);
   }

   .my-fav__tab.my-fav__tab--ring.is-active:before {
       background-image: url(../images/common/icons/svg/pink/icon-ring.svg);
   }

   .theme-mg .my-fav__tab.my-fav__tab--ring.is-active:before {
       background-image: url(../images/common/icons/svg/brown/icon-ring.svg);
   }

   .my-fav__tab.my-fav__tab--necklace:before {
       background-image: url(../images/common/icons/svg/black/icon-necklace.svg);
   }

   .my-fav__tab.my-fav__tab--necklace.is-active:before {
       background-image: url(../images/common/icons/svg/pink/icon-necklace.svg);
   }

   .theme-mg .my-fav__tab.my-fav__tab--necklace.is-active:before {
       background-image: url(../images/common/icons/svg/brown/icon-necklace.svg);
   }

   .my-fav__tab.my-fav__tab--diamond:before {
       background-image: url(../images/common/icons/svg/black/icon-diamond.svg);
   }

   .my-fav__tab.my-fav__tab--diamond.is-active:before {
       background-image: url(../images/common/icons/svg/pink/icon-diamond.svg);
   }

   .theme-mg .my-fav__tab.my-fav__tab--diamond.is-active:before {
       background-image: url(../images/common/icons/svg/brown/icon-diamond.svg);
   }

   .my-fav__tab.my-fav__tab--design:before {
       background-image: url(../images/common/icons/svg/black/icon-design.svg);
   }

   .my-fav__tab.my-fav__tab--design.is-active:before {
       background-image: url(../images/common/icons/svg/pink/icon-design.svg);
   }

   .theme-mg .my-fav__tab.my-fav__tab--design.is-active:before {
       background-image: url(../images/common/icons/svg/brown/icon-design.svg);
   }

   .my-fav__tabs-content {
       display: none;
   }

   .my-fav__tabs-content.is-active {
       display: block;
   }

   /* ------------------------------------------ */

   /* END Layout Style my-fav  */

   /* ------------------------------------------ */

   /* ------------------------------------------ */

   /* Style for opt-slider */

   /* ------------------------------------------ */

   .opt-slider {
       position: relative;
       overflow: hidden;
       padding: 10px 0;
       color: #dda1a9;
       border-bottom: 1px solid transparent;
       border-bottom-color: rgba(221, 161, 169, 0.25);
   }

   .theme-mg .opt-slider {
       color: #d7b88f;
   }

   .theme-mg .opt-slider {
       border-bottom-color: rgba(215, 184, 143, 0.25);
   }

   .opt-slider:last-child {
       border-bottom: 0;
   }

   .opt-slider.is-disabled {
       pointer-events: none;
       opacity: 0.3;
   }

   .opt-slider__holder {
       margin: 0;
       padding: 0 15px;
   }

   .opt-slider__label {
       margin: 0 0 5px;
   }

   .opt-slider__slider .swiper-wrapper {
       -ms-flex-line-pack: center;
       align-content: center;
       -ms-flex-align: center;
       -webkit-box-align: center;
       align-items: center;
   }

   .opt-slider__opt {
       white-space: nowrap;
       width: 25%;
       font-size: 1em;
       color: rgba(221, 161, 169, 0.5);
       -webkit-transform: scale(0.5, 0.5);
       transform: scale(0.5, 0.5);
       -webkit-transition: .4s;
       transition: .4s;
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
       -webkit-box-align: center;
       -ms-flex-align: center;
       align-items: center;
   }

   .theme-mg .opt-slider__opt {
       color: rgba(215, 184, 143, 0.5);
   }

   .opt-slider__opt img {
       -webkit-transition: .4s;
       transition: .4s;
       -webkit-transform: scale(1.25, 1.25);
       transform: scale(1.25, 1.25);
       opacity: 0.5;
   }

   .opt-slider__opt.opt-slider__disabled {
       opacity: 0.2;
   }

   .opt-slider__opt.swiper-slide-active:not(.opt-slider__disabled) {
       color: #333;
       width: 50%;
       min-height: 44px;
       -webkit-transform: scale(1.1, 1.1);
       transform: scale(1.1, 1.1);
       font-size: 1.3em;
       line-height: 1.8em;
   }

   .opt-slider__opt.swiper-slide-active:not(.opt-slider__disabled) img {
       opacity: 1;
   }

   .opt-slider--diamond-price .opt-slider__opt,
   .opt-slider--diamond-k .opt-slider__opt {
       white-space: normal;
   }

   .opt-slider__opt[data-val="Your Highness"] {
       white-space: normal;
   }

   .opt-slider__opt span {
       display: inline-block;
   }

   .opt-slider__break {
       width: 10px;
       height: 2px;
       background: #dda1a9;
       margin: 5px auto;
   }

   .theme-mg .opt-slider__break {
       background: #d7b88f;
   }

   .opt-detail__info {
       min-width: 100px;
       width: 49%;
   }

   .opt-detail__center .opt-detail__thumb .opt-detail__info {
       width: max-content;
   }

   .opt-detail__info.mobile-inline {
       display: none;
   }

   .opt-slider__static {
       text-align: center;
   }

   .opt-slider__static img {
       width: 140px;
   }

   .opt-slider__checkbox {
       position: relative;
       overflow: hidden;
       padding: 15px 0;
       text-align: center;
   }

   /* ------------------------------------------ */

   /* END Style opt-slider  */

   /* ------------------------------------------ */

   /* ------------------------------------------ */

   /* Style for sample */

   /* ------------------------------------------ */

   .page-scroller {
       position: relative;
       width: 100%;
       height: 100%;
       overflow-y: auto;
   }

   .page-scroller__holder {
       position: relative;
       width: 100%;
       height: 100%;
       min-height: 730px;
   }

   /* ------------------------------------------ */

   /* END Style sample  */

   /* ------------------------------------------ */

   /* ------------------------------------------ */

   /* Style for pagination */

   /* ------------------------------------------ */

   .pagination {
       white-space: nowrap;
       position: absolute;
       background: #dda1a9;
       border-radius: 35px;
       color: #FFF;
       padding: 0 15px;
       bottom: 45px;
       left: 50%;
       -webkit-transform: translateX(-50%);
       transform: translateX(-50%);
       left: 50%;
       z-index: 300;
       height: 35px;
       -webkit-box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 5px 4px;
       box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 5px 4px;
   }

   .theme-mg .pagination {
       background: #d7b88f;
   }

   .pagination__item {
       display: inline-block;
       vertical-align: middle;
       height: 100%;
   }

   .pagination__page,
   .pagination__break,
   .pagination__prev,
   .pagination__next {
       position: relative;
       color: #FFF;
       padding: 0 10px;
       height: 100%;
   }

   .pagination__page,
   .pagination__prev,
   .pagination__next {
       cursor: pointer;
   }

   .pagination__page {
       font-weight: bold;
   }

   .pagination__page span {
       position: relative;
       z-index: 10;
   }

   .pagination__page.is-current {
       color: #dda1a9;
       pointer-events: none;
   }

   .theme-mg .pagination__page.is-current {
       color: #d7b88f;
   }

   .pagination__page.is-current:after {
       content: '';
       width: 24px;
       height: 24px;
       position: absolute;
       left: 50%;
       top: 50%;
       -webkit-transform: translate(-50%, -50%);
       transform: translate(-50%, -50%);
       display: block;
       border-radius: 100%;
       background: #FFF;
       z-index: 0;
   }

   .pagination__next,
   .pagination__prev {
       position: relative;
       height: 100%;
       background: url(../images/common/icons/svg/white/icon-arrow.svg) no-repeat center center;
       background-size: 80%;
   }

   .pagination__prev {
       -webkit-transform: rotate(180deg);
       transform: rotate(180deg);
   }

   /* ------------------------------------------ */

   /* END Style pagination  */

   /* ------------------------------------------ */

   /* ------------------------------------------ */

   /* Style for panel-detail */

   /* ------------------------------------------ */

   .panel-detail {
       position: relative;
       width: 100%;
   }

   .panel-detail__price {
       font-weight: 900;
   }

   .panel-detail__panel {
       position: relative;
       padding-right: 45px;
   }

   .panel-detail__label {
       color: #dda1a9;
       font-weight: bold;
       margin: 0 0 10px;
   }

   .theme-mg .panel-detail__label {
       color: #d7b88f;
   }

   .panel-detail__title {
       font-weight: normal;
       margin: 0;
   }

   .panel-detail__info,
   .panel-detail__info-item {
       margin: 0 0 10px;
   }

   .panel-detail__info strong,
   .panel-detail__info-item strong {
       font-weight: 900;
   }

   .panel-detail__info-item {
       line-height: 20px;
   }

   .panel-detail__sp {
       display: block;
       width: 60px;
       height: 1px;
       background: rgba(221, 161, 169, 0.5);
       margin: 15px 0;
   }

   .theme-mg .panel-detail__sp {
       background: rgba(215, 184, 143, 0.5);
   }

   .panel-detail__logo {
       display: inline-block;
       width: 90px;
   }

   .panel-detail__info-inline {
       display: inline-block;
       vertical-align: middle;
   }

   .panel-detail__info-sp {
       display: inline-block;
       vertical-align: middle;
       height: 20px;
       width: 1px;
       background: rgba(221, 161, 169, 0.5);
       margin: 0 10px;
   }

   .theme-mg .panel-detail__info-sp {
       background: rgba(215, 184, 143, 0.5);
   }

   .panel-detail__info-list {
       display: -ms-flexbox;
       display: -webkit-box;
       display: flex;
       -ms-flex-direction: row;
       -webkit-box-orient: horizontal;
       -webkit-box-direction: normal;
       flex-direction: row;
       -ms-flex-wrap: wrap;
       flex-wrap: wrap;
       -ms-flex-pack: start;
       -webkit-box-pack: start;
       justify-content: flex-start;
       -ms-flex-line-pack: stretch;
       align-content: stretch;
       -ms-flex-align: start;
       -webkit-box-align: start;
       align-items: flex-start;
   }

   .panel-detail__info-item {
       display: -ms-flexbox;
       display: -webkit-box;
       display: flex;
       -ms-flex-direction: row;
       -webkit-box-orient: horizontal;
       -webkit-box-direction: normal;
       flex-direction: row;
       -ms-flex-wrap: nowrap;
       flex-wrap: nowrap;
       -ms-flex-pack: start;
       -webkit-box-pack: start;
       justify-content: flex-start;
       -ms-flex-line-pack: center;
       align-content: center;
       -ms-flex-align: center;
       -webkit-box-align: center;
       align-items: center;
       width: 33.3333%;
       margin-bottom: 3px;
   }

   .panel-detail__shape {
       width: 20px;
   }

   .panel-detail__info-label,
   .panel-detail__info-txt {
       display: inline-block;
   }

   .panel-detail__info-label {
       margin-right: 10px;
   }

   .panel-detail__total-price {
       font-weight: bold;
       color: #dda1a9;
   }

   .theme-mg .panel-detail__total-price {
       color: #d7b88f;
   }

   .panel-detail__control {
       width: 100%;
       margin-top: 15px;
       display: -ms-flexbox;
       display: -webkit-box;
       display: flex;
       -ms-flex-direction: row;
       -webkit-box-orient: horizontal;
       -webkit-box-direction: normal;
       flex-direction: row;
       -ms-flex-wrap: nowrap;
       flex-wrap: nowrap;
       -ms-flex-pack: justify;
       -webkit-box-pack: justify;
       justify-content: space-between;
       -ms-flex-line-pack: stretch;
       align-content: stretch;
       -ms-flex-align: center;
       -webkit-box-align: center;
       align-items: center;
   }

   .panel-detail__control-right {
       width: 100%;
       display: -ms-flexbox;
       display: -webkit-box;
       display: flex;
       -ms-flex-direction: row;
       -webkit-box-orient: horizontal;
       -webkit-box-direction: normal;
       flex-direction: row;
       -ms-flex-wrap: nowrap;
       flex-wrap: nowrap;
       -ms-flex-pack: end;
       -webkit-box-pack: end;
       justify-content: flex-end;
       -ms-flex-line-pack: center;
       align-content: center;
       -ms-flex-align: center;
       -webkit-box-align: center;
       align-items: center;
   }

   .panel-detail__control-right>* {
       margin-right: 15px;
   }

   .panel-detail__control-right>*:last-child {
       margin-right: 0;
   }

   .panel-detail__btn-edit-ring,
   .panel-detail__btn-reset-ring,
   .panel-detail__btn-reset-necklace,
   .panel-detail__btn-reset-diamond {
       position: absolute;
       right: 0;
   }

   .panel-detail__btn-edit-ring {
       top: 90px;
   }

   .panel-detail__info-inline.ring-detail__logo.no-brand {
       display: none;
   }

   .panel-detail__info-inline.ring-detail__logo.no-brand+.panel-detail__info-sp {
       display: none;
   }

   .panel-detail__info__outer-birthstone,
   .panel-detail__info__inner-birthstone {
       display: none;
   }

   .panel-detail__info__outer-birthstone.is-active,
   .panel-detail__info__inner-birthstone.is-active {
       display: block;
   }

   /* ------------------------------------------ */

   /* END Style panel-detail  */

   /* ------------------------------------------ */

   /* ------------------------------------------ */

   /* Style for popup */

   /* ------------------------------------------ */

   .popup {
       display: none;
       border-radius: 20px !important;
   }

   .popup.popup--my-fav {
       padding: 15px 5px;
       overflow: hidden;
   }

   .popup__content {
       padding: 45px 30px;
   }

   .popup.is-loading .popup__content {
       background-image: url(../images/common/icons/icon-loading.gif) !important;
       background-repeat: no-repeat;
       background-position: center center;
       background-size: 32px 32px;
   }

   .theme-mg .popup.is-loading .popup__content {
       background-image: url(../images/common/icons/icon-loading-mg.gif) !important;
   }

   .popup.is-loading .popup__content>div {
       visibility: hidden;
   }

   .popup--diamond-detail .popup__content,
   .popup--ring-detail .popup__content {
       padding: 30px 60px;
   }

   .popup__close {
       position: absolute;
       right: 20px;
       top: 20px;
   }

   .iziModal-overlay {
       background-color: rgba(255, 255, 255, 0.6) !important;
   }

   /* ------------------------------------------ */

   /* END Style popup  */

   /* ------------------------------------------ */

   /* ------------------------------------------ */

   /* Style for product-card */

   /* ------------------------------------------ */

   .product-card__holder {
       overflow: auto;
       width: 100%;
       height: 100%;
   }

   .product-card__cards {
       display: -ms-flexbox;
       display: -webkit-box;
       display: flex;
       -ms-flex-direction: row;
       -webkit-box-orient: horizontal;
       -webkit-box-direction: normal;
       flex-direction: row;
       -ms-flex-wrap: wrap;
       flex-wrap: wrap;
       -ms-flex-pack: start;
       -webkit-box-pack: start;
       justify-content: flex-start;
       -ms-flex-line-pack: stretch;
       align-content: stretch;
       -ms-flex-align: stretch;
       -webkit-box-align: stretch;
       align-items: stretch;
       padding-bottom: 60px;
   }

   .product-card__cards.is-loading {
       background-image: url(../images/common/icons/icon-loading.gif) !important;
       background-repeat: no-repeat;
       background-position: center center;
       background-size: 32px 32px;
       min-height: calc(100% - 60px);
   }

   .theme-mg .product-card__cards.is-loading {
       background-image: url(../images/common/icons/icon-loading-mg.gif) !important;
   }

   .product-card__cards.no-result {
       height: 100%;
       -ms-flex-pack: center;
       -webkit-box-pack: center;
       justify-content: center;
       -ms-flex-line-pack: center;
       align-content: center;
       -ms-flex-align: center;
       -webkit-box-align: center;
       align-items: center;
   }

   .product-card__cards .comp-pdt-blk-metal-type {
       line-height: 0px;
   }

   .product-card__msg {
       font-weight: bold;
       color: #dda1a9;
   }

   .theme-mg .product-card__msg {
       color: #d7b88f;
   }

   .product-card__cards.is-loading+.ring-list__scroller,
   .product-card__cards.is-endpage+.ring-list__scroller,
   .product-card__cards.no-result+.ring-list__scroller {
       display: none;
   }

   .ring-list__scroller {
       position: relative;
       height: 60px;
       width: 100%;
       background-image: url(../images/common/icons/icon-loading.gif) !important;
       background-repeat: no-repeat;
       background-position: center center;
       background-repeat: no-repeat !important;
       background-position: center center !important;
       background-size: 32px 32px !important;
       background-color: transparent !important;
       color: transparent !important;
       -webkit-user-select: none !important;
       -moz-user-select: none !important;
       -ms-user-select: none !important;
       user-select: none !important;
       pointer-events: none !important;
       margin-bottom: 60px;
   }

   .theme-mg .ring-list__scroller {
       background-image: url(../images/common/icons/icon-loading-mg.gif) !important;
   }

   .product-card {
       position: relative;
       display: inline-block;
       width: 33.333%;
       padding: 10px;
       cursor: pointer;
       text-align: left;
   }

   .product-card__inner {
       position: relative;
       background: #FFF;
       -webkit-box-shadow: 0 3px 15px 5px rgba(0, 0, 0, 0.08);
       box-shadow: 0 3px 15px 5px rgba(0, 0, 0, 0.08);
       border-radius: 20px;
       padding: 30px 15px 15px;
       padding-bottom: 60px;
       height: 100%;
   }

   .product-card__control {
       position: absolute;
       bottom: 15px;
       left: 0;
       width: 100%;
       padding: 0 15px;
       display: -ms-flexbox;
       display: -webkit-box;
       display: flex;
       -ms-flex-direction: row;
       -webkit-box-orient: horizontal;
       -webkit-box-direction: normal;
       flex-direction: row;
       -ms-flex-wrap: nowrap;
       flex-wrap: nowrap;
       -ms-flex-pack: justify;
       -webkit-box-pack: justify;
       justify-content: space-between;
       -ms-flex-line-pack: center;
       align-content: center;
       -ms-flex-align: center;
       -webkit-box-align: center;
       align-items: center;
   }

   .product-card__desc {
       line-height: 1.5em;
   }

   .product-card__tag {
       border-top: 1px solid transparent;
       border-bottom: 1px solid transparent;
       border-top-color: #dda1a9;
       border-bottom-color: #dda1a9;
       padding: 4px 0;
       color: #dda1a9;
   }

   .theme-mg .product-card__tag {
       border-top-color: #d7b88f;
   }

   .theme-mg .product-card__tag {
       border-bottom-color: #d7b88f;
   }

   .theme-mg .product-card__tag {
       color: #d7b88f;
   }

   .product-card__logo {
       display: none;
       width: 100px;
       margin-bottom: 5px;
       display: none;
   }

.product-card__logo-fm {
    width: 100px;
    margin-bottom: 5px;
}

   .product-card__logo.product-card__logo--ild {
       display: none;
   }

   .product-card[data-brand="IL"] .product-card__logo.product-card__logo--ild {
       display: block;
   }

   .product-card__logo.product-card__logo--promessa {
       display: none;
   }

   .product-card[data-brand="null"] .product-card__logo.product-card__logo--promessa,
   .product-card[data-brand="PR"] .product-card__logo.product-card__logo--promessa,
   .product-card[data-brand="Promessa"] .product-card__logo.product-card__logo--promessa,
   .product-card[data-brand="EBB"] .product-card__logo.product-card__logo--promessa {
       display: block;
   }

   .product-card__recommend {
       position: absolute;
       width: 35px;
       right: 15px;
       top: 0;
       margin-top: -5px;
       display: none;
   }

   .product-card[data-recommendation="Y"] .product-card__recommend {
       display: block;
   }

   .product-card__recommend img {
       position: relative;
       width: 100%;
       display: block;
       z-index: 0;
   }

   .product-card__recommend:before {
       content: '熱賣款式';
       position: absolute;
       display: inline-block;
       height: 100%;
       top: 0;
       left: 0;
       color: #FFF;
       z-index: 5;
       text-align: center;
       font-size: 10px;
       width: 24px;
       padding-top: 10px;
       padding-left: 8px;
       padding-right: 3px;
       box-sizing: content-box;
   }

   /* ------------------------------------------ */

   /* END Style product-card  */

   /* ------------------------------------------ */

   /* ------------------------------------------ */

   /* Style for product-gallery */

   /* ------------------------------------------ */

   .product-gallery {
       position: relative;
       overflow: hidden;
       width: 100%;
   }

   .product-gallery__slider {
       position: relative;
       overflow: hidden;
       width: 100%;
   }

   .product-gallery__slider:before {
       display: block;
       position: absolute;
       width: 100%;
       height: 80px;
       left: 0px;
       z-index: 0;
       top: 50%;
       -webkit-transform: translateY(-50%);
       transform: translateY(-50%);
       background: url() center center/100% no-repeat #feeae1;
   }

   .product-gallery__slide {
       width: 100%;
   }

   .product-gallery__img {
       display: block;
       width: 100%;
       max-width: 420px;
       margin: 0 auto;
   }

   .product-gallery__thumb {
       text-align: center;
       padding-bottom: 30px;
   }

   .product-gallery__thumb .swiper-pagination-bullet,
   .product-gallery__thumb .swiper-pagination-bullet-active {
       position: relative;
       margin: 0 10px;
       width: 60px;
       height: 60px;
       background: url() no-repeat center center;
       background-size: cover;
       opacity: 1;
   }

   .product-gallery__thumb .swiper-pagination-bullet-active:after {
       content: '';
       position: absolute;
       display: block;
       top: 100%;
       left: 50%;
       -webkit-transform: translateX(-50%);
       transform: translateX(-50%);
       width: 6px;
       height: 6px;
       margin-top: 10px;
       background: #dda1a9;
       border-radius: 100%;
   }

   .theme-mg .product-gallery__thumb .swiper-pagination-bullet-active:after {
       background: #d7b88f;
   }

   /* ------------------------------------------ */

   /* END Style product-gallery  */

   /* ------------------------------------------ */

   /* ------------------------------------------ */

   /* Style for product-list */

   /* ------------------------------------------ */

   .product-list__holder {
       position: relative;
       overflow: auto;
       width: 100%;
       height: 100%;
       min-height: 30vh;
       padding-bottom: 45px;
   }

   .my-fav .product-list__holder {
       display: -ms-flexbox;
       display: -webkit-box;
       display: flex;
       -ms-flex-direction: row;
       -webkit-box-orient: horizontal;
       -webkit-box-direction: normal;
       flex-direction: row;
       -ms-flex-wrap: nowrap;
       flex-wrap: nowrap;
       -ms-flex-pack: center;
       -webkit-box-pack: center;
       justify-content: center;
       -ms-flex-line-pack: center;
       align-content: center;
       -ms-flex-align: center;
       -webkit-box-align: center;
       align-items: center;
   }

   .product-list {
       position: relative;
       width: 100%;
       padding-left: 5px;
       padding-right: 5px;
   }

   .product-list.is-loading {
       background-image: url(../images/common/icons/icon-loading.gif) !important;
       background-repeat: no-repeat;
       background-position: center center;
       background-size: 32px 32px;
       min-height: calc(100% - 60px);
   }

   .theme-mg .product-list.is-loading {
       background-image: url(../images/common/icons/icon-loading-mg.gif) !important;
   }

   .product-list.no-result {
       height: 100%;
       display: -ms-flexbox;
       display: -webkit-box;
       display: flex;
       -ms-flex-direction: row;
       -webkit-box-orient: horizontal;
       -webkit-box-direction: normal;
       flex-direction: row;
       -ms-flex-wrap: nowrap;
       flex-wrap: nowrap;
       -ms-flex-pack: center;
       -webkit-box-pack: center;
       justify-content: center;
       -ms-flex-line-pack: center;
       align-content: center;
       -ms-flex-align: center;
       -webkit-box-align: center;
       align-items: center;
   }

   .product-list.is-loading+.product-list__scroller,
   .product-list.is-endpage+.product-list__scroller,
   .product-list.no-result+.product-list__scroller {
       display: none;
   }

   .product-list__table,
   .product-list__fixed-head {
       position: relative;
       width: 100%;
       border-collapse: collapse;
   }

   .product-list__table tr,
   .product-list__fixed-head tr {
       position: relative;
       overflow: hidden;
   }

   .product-list__table tr.product-list__head th,
   .product-list__fixed-head tr.product-list__head th {
       padding-top: 10px;
       padding-bottom: 10px;
   }

   .product-list__table .product-list__head.web-table th {
       display: none;
   }

   .product-list__table tr.product-list__item,
   .product-list__fixed-head tr.product-list__item {
       -webkit-transition: .4s;
       transition: .4s;
       -webkit-transform: translateY(20px);
       transform: translateY(20px);
       opacity: 0;
       cursor: pointer;
   }

   .product-list__table tr.product-list__item.is-shown,
   .product-list__fixed-head tr.product-list__item.is-shown {
       opacity: 1;
       -webkit-transform: translateY(0);
       transform: translateY(0);
   }

   .product-list__table tr.product-list__item td,
   .product-list__fixed-head tr.product-list__item td {
       position: relative;
       padding-top: 15px;
       padding-bottom: 15px;
   }

   .product-list--diamond .product-list__table tr.product-list__item td,
   .product-list--diamond .product-list__fixed-head tr.product-list__item td {
       padding-top: 30px;
       padding-bottom: 30px;
   }

   .product-list--ring .product-list__table tr.product-list__item td,
   .product-list--ring .product-list__fixed-head tr.product-list__item td {
       padding-top: 15px;
       padding-bottom: 15px;
   }

   .product-list__table tr.product-list__item td>div,
   .product-list__fixed-head tr.product-list__item td>div {
       position: relative;
       z-index: 10;
   }

   .product-list__table tr.product-list__item td>div.product-list__bg,
   .product-list__fixed-head tr.product-list__item td>div.product-list__bg {
       position: absolute;
       display: block;
       z-index: 0;
       left: 0;
       width: 100%;
       height: 100%;
       background: #FFF;
       top: 50%;
       -webkit-transform: translateY(-50%);
       transform: translateY(-50%);
       border-radius: 20px;
       -webkit-box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 5px 4px;
       box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 5px 4px;
   }

   .product-list__table tr.product-list__item td:first-child,
   .product-list__fixed-head tr.product-list__item td:first-child {
       padding-left: 5px;
   }

   .product-list--diamond .product-list__table tr.product-list__item td:first-child,
   .product-list--diamond .product-list__fixed-head tr.product-list__item td:first-child {
       padding: 0 25px;
   }

   .product-list__table tr.product-list__item td:last-child,
   .product-list__fixed-head tr.product-list__item td:last-child {
       padding-right: 5px;
   }

   .product-list__table th,
   .product-list__fixed-head th {
       color: #dda1a9;
   }

   .theme-mg .product-list__table th,
   .theme-mg .product-list__fixed-head th {
       color: #d7b88f;
   }

   .product-list__table th,
   .product-list__table td,
   .product-list__fixed-head th,
   .product-list__fixed-head td {
       text-align: center;
   }

   .product-list__product {
       width: 120px;
   }

   .product-list__product img {
       width: 100%;
   }

   .product-list__logo {
       width: 90px;
   }



   .product-list__logo img {
       display: none;
       width: 100%;
       padding: 0 10px;
   }

   .product-list--ring .product-list__logo {
       width: 140px;
       padding: 0 25px;
   }

   .product-list--diamond .product-list__logo {
       width: 140px;
       padding: 0 25px;
   }

   .product-list__logo .product-list__logo--ild {
       display: none;
   }

   .product-list__item[data-brand="ILD"] .product-list__logo .product-list__logo--ild,
   .product-list__item[data-brand="IL"] .product-list__logo .product-list__logo--ild {
       display: block;
   }

   .product-list__logo .product-list__logo--fm {
       display: none;
   }

   .product-list__item[data-brand="FM"] .product-list__logo .product-list__logo--fm,
   .product-list__item[data-brand="FM"] .product-list__logo .product-list__logo--fm {
       display: block;
   }

   .product-list__logo .product-list__logo--promessa {
       display: none;
   }

   .product-list__item[data-brand="null"] .product-list__logo .product-list__logo--promessa,
   .product-list__item[data-brand="PR"] .product-list__logo .product-list__logo--promessa,
   .product-list__item[data-brand="Promessa"] .product-list__logo .product-list__logo--promessa,
   .product-list__item[data-brand="EBB"] .product-list__logo .product-list__logo--promessa {
       display: block;
   }

   .product-list__logo .product-list__logo--generic {
       display: block;
       margin: 0 auto;
       text-align: center;
   }

   .product-list__item[data-brand="ILD"] .product-list__logo .product-list__logo--generic,
   .product-list__item[data-brand="IL"] .product-list__logo .product-list__logo--generic,
   .product-list__item[data-brand="null"] .product-list__logo .product-list__logo--generic,
   .product-list__item[data-brand="PR"] .product-list__logo .product-list__logo--generic,
   .product-list__item[data-brand="Promessa"] .product-list__logo .product-list__logo--generic,
   .product-list__item[data-brand="EBB"] .product-list__logo .product-list__logo--generic {
       display: none;
   }


  .sec-diamond .product-list__holder .product-list__logo *{
       width: auto;
       height: auto;
       margin: 0px !important;
       padding: 0px !important;
       max-width: unset !important;
  }

    .sec-diamond .product-list__holder .product-list__logo .sales-btn{
         width: max-content;
         padding: 1px 5px !important;
    }

  .sec-diamond .product-list__holder .product-list__logo img{
      height: 20px !important;
      margin: 0 auto !important;
  }

   .product-list__shape img {
       width: 32px;
   }

   .product-list__fav {
       width: 90px;
       display: none;
   }

   .product-list--ring .product-list__info {
       width: 12.5%;
   }

   .sec-diamond .product-list__holder .product-list__logo {
       width: 17%;
   }

   .sec-diamond .product-list__holder .product-list__info,
   .sec-diamond .product-list__holder .product-list__shape {
       width: 6.1%;
   }

   .sec-diamond .product-list__holder .product-list__info:nth-last-child(4),
   .sec-diamond .product-list__holder .product-list__info:nth-last-child(3),
   .sec-diamond .product-list__holder .product-list__info:nth-last-child(2) {
       width: 10%;
   }

   .product-list__scroller {
       position: relative;
       height: 60px;
       width: 100%;
       background-image: url(../images/common/icons/icon-loading.gif) !important;
       background-repeat: no-repeat;
       background-position: center center;
       background-repeat: no-repeat !important;
       background-position: center center !important;
       background-size: 32px 32px !important;
       background-color: transparent !important;
       color: transparent !important;
       -webkit-user-select: none !important;
       -moz-user-select: none !important;
       -ms-user-select: none !important;
       user-select: none !important;
       pointer-events: none !important;
       margin-bottom: 60px;
   }

   .theme-mg .product-list__scroller {
       background-image: url(../images/common/icons/icon-loading-mg.gif) !important;
   }

   .product-list__table-holder {
       position: relative;
       margin-top: -20px;
   }

   .product-list__table-holder .product-list__table .product-list__head {
       opacity: 0;
       pointer-events: none;
       -webkit-user-select: none;
       -moz-user-select: none;
       -ms-user-select: none;
       user-select: none;
       height: 30px;
   }

   .product-list__fixed-head {
       table-layout: fixed;
       position: relative;
       top: 0;
       width: 100%;
       z-index: 200;
       background: #fff8f5;
   }

   .theme-mg .product-list__fixed-head {
       background: #FFF;
   }

   /* ------------------------------------------ */

   /* END Style product-list  */

   /* ------------------------------------------ */

   /* ------------------------------------------ */

   /* Style for range-slider */

   /* ------------------------------------------ */

   .range-slider {
       position: relative;
       font-size: 0;
   }

   .range-slider.range-slider--vertical {
       text-align: center;
       height: 100%;
   }

   .range-slider__labels {
       position: relative;
       width: 100%;
       display: -ms-flexbox;
       display: -webkit-box;
       display: flex;
       -ms-flex-direction: row;
       -webkit-box-orient: horizontal;
       -webkit-box-direction: normal;
       flex-direction: row;
       -ms-flex-wrap: wrap;
       flex-wrap: wrap;
       -ms-flex-pack: justify;
       -webkit-box-pack: justify;
       justify-content: space-between;
       -ms-flex-line-pack: center;
       align-content: center;
       -ms-flex-align: center;
       -webkit-box-align: center;
       align-items: center;
       color: #dda1a9;
   }

   .theme-mg .range-slider__labels {
       color: #d7b88f;
   }

   .range-slider.range-slider--vertical .range-slider__labels {
       position: absolute;
       width: auto;
       height: 100%;
       -ms-flex-direction: column-reverse;
       -webkit-box-orient: vertical;
       -webkit-box-direction: reverse;
       flex-direction: column-reverse;
       right: 50%;
   }

   .range-slider__labels .range-slider__label {
       position: relative;
       white-space: nowrap;
       text-align: center;
       font-size: 12px;
   }

   .range-slider__labels .range-slider__label:before {
       content: '';
       display: block;
       position: absolute;
       background: #DDD;
   }

   .range-slider__labels .range-slider__label span {
       position: absolute;
   }

   .range-slider:not(.range-slider--vertical) .range-slider__labels .range-slider__label {
       width: 1px;
       height: 1.5em;
   }

   .range-slider:not(.range-slider--vertical) .range-slider__labels .range-slider__label:before {
       width: 3px;
       height: 14px;
       left: 50%;
       top: 100%;
       margin-left: -1.5px;
       margin-top: 10px;
   }

   .range-slider:not(.range-slider--vertical) .range-slider__labels .range-slider__label span {
       left: 50%;
       -webkit-transform: translateX(-50%);
       transform: translateX(-50%);
       bottom: 0;
   }

   .range-slider.range-slider--vertical .range-slider__labels .range-slider__label {
       width: 1.5em;
       height: 1px;
   }

   .range-slider.range-slider--vertical .range-slider__labels .range-slider__label:before {
       width: 14px;
       height: 3px;
       right: 0;
       top: 50%;
       margin-top: -1.5px;
       margin-right: -7px;
   }

   .range-slider.range-slider--vertical .range-slider__labels .range-slider__label span {
       top: 50%;
       -webkit-transform: translateY(-50%);
       transform: translateY(-50%);
       right: 15px;
   }

   .range-slider:not(.range-slider--vertical) .range-slider__slider {
       margin: 15px 0;
       height: 3px;
   }

   .range-slider:not(.range-slider--vertical) .range-slider__slider.ui-slider .ui-slider-handle {
       top: -dragPtSize;
       margin-left: -dragPtSize;
   }

   .range-slider:not(.range-slider--vertical) .range-slider__slider.ui-slider-horizontal .ui-slider-range {
       height: 200%;
       top: 50%;
       -webkit-transform: translateY(-50%);
       transform: translateY(-50%);
   }

   .range-slider.range-slider--vertical .range-slider__slider {
       display: inline-block;
       height: 100%;
       margin: 0 15px;
       width: 3px;
   }

   .range-slider.range-slider--vertical .range-slider__slider.ui-slider .ui-slider-handle {
       left: -6px;
       margin-bottom: -6px;
       left: -30px;
       margin-bottom: -30px;
   }

   .range-slider.range-slider--vertical .range-slider__slider.ui-slider-horizontal .ui-slider-range {
       width: 200%;
       left: 50%;
       -webkit-transform: translateX(-50%);
       transform: translateX(-50%);
   }

   .range-slider__slider.ui-widget.ui-widget-content {
       border-color: #DDD;
       background: #DDD;
   }

   .range-slider__slider.ui-slider .ui-slider-handle {
       width: 60px;
       height: 60px;
       border: 0;
       background: transparent;
   }

   .range-slider__slider.ui-slider .ui-slider-handle:before {
       content: '';
       display: block;
       width: 12px;
       height: 12px;
       position: absolute;
       top: 50%;
       left: 50%;
       margin-left: -6px;
       margin-top: -6px;
       border-radius: 100%;
       background: #dda1a9;
       border-color: #dda1a9;
   }

   .theme-mg .range-slider__slider.ui-slider .ui-slider-handle:before {
       background: #d7b88f;
   }

   .theme-mg .range-slider__slider.ui-slider .ui-slider-handle:before {
       border-color: #d7b88f;
   }

   .range-slider__slider.ui-slider-horizontal .ui-slider-range {
       background: #dda1a9;
       border-color: #dda1a9;
   }

   .theme-mg .range-slider__slider.ui-slider-horizontal .ui-slider-range {
       background: #d7b88f;
   }

   .theme-mg .range-slider__slider.ui-slider-horizontal .ui-slider-range {
       border-color: #d7b88f;
   }

   .range-slider__data {
       display: none;
   }

   /* ------------------------------------------ */

   /* END Style range-slider  */

   /* ------------------------------------------ */

   /* ------------------------------------------ */

   /* Style for search-bar */

   /* ------------------------------------------ */

   .search-bar {
       position: relative;
       width: 100%;
   }

   .loading-design .search-bar {
       background-image: url(../images/common/icons/icon-loading.gif) !important;
       background-repeat: no-repeat;
       background-position: center center;
       background-repeat: no-repeat !important;
       background-position: center center !important;
       background-size: 32px 32px !important;
       background-color: transparent !important;
       color: transparent !important;
       -webkit-user-select: none !important;
       -moz-user-select: none !important;
       -ms-user-select: none !important;
       user-select: none !important;
       pointer-events: none !important;
   }

   .theme-mg .loading-design .search-bar {
       background-image: url(../images/common/icons/icon-loading-mg.gif) !important;
   }

   .loading-design .search-bar .search-bar__button,
   .loading-design .search-bar .search-bar__input {
       opacity: 0 !important;
       pointer-events: none !important;
   }

   .search-bar__input {
       position: relative;
       width: 100%;
       border: 1px solid transparent;
       border-color: #dda1a9;
       height: 45px;
       line-height: 45px;
       padding: 0 10px;
       -webkit-appearance: none;
       -moz-appearance: none;
       appearance: none;
       border-radius: 6px;
       background: #FFF;
       padding-right: 60px;
       z-index: 10;
   }

   .theme-mg .search-bar__input {
       border-color: #d7b88f;
   }

   .sec-header__search-panel .search-bar__input {
       height: 35px;
       line-height: 35px;
   }

   .search-bar__button {
       position: absolute;
       right: 0;
       top: 0;
       height: 100%;
       width: 60px;
       background: url(../images/common/icons/svg/pink/icon-search.svg) no-repeat center center;
       background-size: 20px 20px;
       z-index: 20;
   }

   .theme-mg .search-bar__button {
       background-image: url(../images/common/icons/svg/brown/icon-search.svg);
   }

   /* ------------------------------------------ */

   /* END Style search-bar  */

   /* ------------------------------------------ */

   /* ------------------------------------------ */

   /* Style for shape-graphic */

   /* ------------------------------------------ */

   .shape-graphic {
       width: 24px;
       height: 24px;
       background: url(../images/demo/img-diamond-shape-1.png) no-repeat center center;
       background-size: contain;
       margin: 0 auto;
   }

.images360 {
    width: 24px;
    height: 24px;
    margin: 0 auto;
}

   .opt-detail__info .shape-graphic {
       margin: 0;
   }

   .panel-detail__info-item .shape-graphic {
       width: 20px !important;
       height: 20px;
   }

   /* ------------------------------------------ */

   /* END Style shape-graphic  */

   /* ------------------------------------------ */

   /* ------------------------------------------ */

   /* Style for share-panel */

   /* ------------------------------------------ */

   .share-panel {
       text-align: center;
   }

   .share-panel__title {
       font-weight: bold;
       margin: 0 0 30px;
       color: #dda1a9;
   }

   .theme-mg .share-panel__title {
       color: #d7b88f;
   }

   .share-panel__desc {
       margin: 0 0 10px;
   }

   .share-panel__label {
       color: #dda1a9;
       margin: 0 0 5px;
   }

   .theme-mg .share-panel__label {
       color: #d7b88f;
   }

   .share-panel__id {
       margin: 0 0 20px;
       color: #dda1a9;
       letter-spacing: 0.1em;
       font-weight: bold;
   }

   .theme-mg .share-panel__id {
       color: #d7b88f;
   }

   .share-panel__qr-holder {
       margin: 0 0 20px;
   }

   .share-panel__qr {
       display: block;
       max-width: 256px;
       margin: 0 auto;
   }

   .share-panel__email-form.is-loading .share-panel__email-fields {
       opacity: 0.5;
       pointer-events: none;
   }

   .share-panel__email-form.is-loading .btn,
   .share-panel__email-form.is-loading .demo-info__btn-photo {
       background-image: url(../images/common/icons/icon-loading.gif) !important;
       background-repeat: no-repeat;
       background-position: center center;
       background-repeat: no-repeat !important;
       background-position: center center !important;
       background-size: 32px 32px !important;
       background-color: transparent !important;
       color: transparent !important;
       -webkit-user-select: none !important;
       -moz-user-select: none !important;
       -ms-user-select: none !important;
       user-select: none !important;
       pointer-events: none !important;
   }

   .theme-mg .share-panel__email-form.is-loading .btn,
   .theme-mg .share-panel__email-form.is-loading .demo-info__btn-photo {
       background-image: url(../images/common/icons/icon-loading-mg.gif) !important;
   }

   .is-sent .share-panel__email {
       display: none;
   }

   .share-panel__email-title {
       color: #dda1a9;
       margin: 0 0 15px;
   }

   .theme-mg .share-panel__email-title {
       color: #d7b88f;
   }

   .share-panel__email-title:before {
       content: '';
       display: inline-block;
       vertical-align: middle;
       width: 20px;
       height: 20px;
       background: url(../images/common/icons/svg/pink/icon-email.svg) no-repeat center center;
       background-size: 100%;
       margin-right: 5px;
   }

   .theme-mg .share-panel__email-title:before {
       background-image: url(../images/common/icons/svg/brown/icon-email.svg);
   }

   .share-panel__email-title span {
       display: inline-block;
       vertical-align: middle;
   }

   .share-panel__email-fields {
       position: relative;
       margin: 0 auto 15px;
   }

   .share-panel__email-fields label.error {
       display: block;
       padding: 5px 0;
       color: #ff7070;
       width: 100%;
   }

   .share-panel__email-input {
       color: #dda1a9;
       height: 45px;
       border-radius: 6px;
       text-align: left;
       width: 100%;
       max-width: 300px;
   }

   .theme-mg .share-panel__email-input {
       color: #d7b88f;
   }

   .is-sent .share-panel__btn {
       display: none;
   }

   .share-panel__form-msg {
       text-align: center;
       font-weight: bold;
       color: #dda1a9;
       margin: 30px auto 0;
       display: none;
   }

   .theme-mg .share-panel__form-msg {
       color: #d7b88f;
   }

   .is-sent .share-panel__form-msg {
       display: block;
   }

   /* ------------------------------------------ */

   /* END Style share-panel  */

   /* ------------------------------------------ */

   /* ------------------------------------------ */

   /* Style for sorting */

   /* ------------------------------------------ */

   .sorting {
       position: relative;
       cursor: pointer;
   }

   .sorting:after {
       content: '';
       position: absolute;
       display: block;
       left: 50%;
       margin-left: -4px;
       width: 0;
       height: 0;
       bottom: 0;
       border-style: solid;
       border-width: 6px 4px 0 4px;
       border-color: transparent transparent transparent transparent;
       border-top-color: #dda1a9;
       opacity: 0.2;
   }

   .theme-mg .sorting:after {
       border-top-color: #d7b88f;
   }

   .sorting.sorting--asc:after {
       opacity: 1;
   }

   .sorting.sorting--dsc:after {
       opacity: 1;
       -webkit-transform: rotate(180deg);
       transform: rotate(180deg);
   }

   /* ------------------------------------------ */

   /* END Style sorting  */

   /* ------------------------------------------ */

   /* ------------------------------------------ */

   /* Style for special-pick */

   /* ------------------------------------------ */

   .theme-mg .special-pick__css {
       display: none !important;
   }

   body:not(.theme-mg) .special-pick__mg {
       display: none !important;
   }

   /* ------------------------------------------ */

   /* END Style special-pick  */

   /* ------------------------------------------ */

   /* ------------------------------------------ */

   /* Style for special-reg-mark */

   /* ------------------------------------------ */

   .special-reg-mark {
       display: none;
   }

   /* ------------------------------------------ */

   /* END Style special-reg-mark  */

   /* ------------------------------------------ */

   /* ------------------------------------------ */

   /* Style for stone-panel */

   /* ------------------------------------------ */

   .stone-panel {
       display: none;
   }

   .stone-panel.is-active {
       display: block;
   }

   .stone-panel__control {
       width: 100%;
       display: -ms-flexbox;
       display: -webkit-box;
       display: flex;
       -ms-flex-direction: row;
       -webkit-box-orient: horizontal;
       -webkit-box-direction: normal;
       flex-direction: row;
       -ms-flex-wrap: nowrap;
       flex-wrap: nowrap;
       -ms-flex-pack: center;
       -webkit-box-pack: center;
       justify-content: center;
       -ms-flex-line-pack: center;
       align-content: center;
       -ms-flex-align: center;
       -webkit-box-align: center;
       align-items: center;
       margin-top: 30px;
       margin-left: -5px;
       margin-right: -5px;
   }

   .stone-panel__group {
       position: relative;
       width: 50%;
       padding: 0 5px;
   }

   .stone-panel__select {
       margin: 10px 0;
   }

   .stone-panel__preview {
       display: -ms-flexbox;
       display: -webkit-box;
       display: flex;
       -ms-flex-direction: row;
       -webkit-box-orient: horizontal;
       -webkit-box-direction: normal;
       flex-direction: row;
       -ms-flex-wrap: nowrap;
       flex-wrap: nowrap;
       -ms-flex-pack: start;
       -webkit-box-pack: start;
       justify-content: flex-start;
       -ms-flex-line-pack: stretch;
       align-content: stretch;
   }

   .stone-panel__preview img {
       display: none;
   }

   .stone-panel__preview img.is-active {
       display: block;
   }

   .stone-panel__preview-outer {
       padding-top: 6%;
   }

   .stone-panel__preview-left {
       padding-right: 10px;
   }

   .stone-panel__preview-right {
       padding-left: 10px;
   }

   /* ------------------------------------------ */

   /* END Style stone-panel  */

   /* ------------------------------------------ */

   /* ------------------------------------------ */

   /* Style for thumb-gallery */

   /* ------------------------------------------ */

   .thumb-gallery {
       position: relative;
       overflow: hidden;
       width: 100%;
   }

   .thumb-gallery__slider {
       position: relative;
       overflow: hidden;
       width: 100%;
   }

   .thumb-gallery__slide {
       width: 100%;
   }

   .thumb-gallery__thumb {
       text-align: center;
   }

   .thumb-gallery__thumb .swiper-pagination-bullet-active {
       background: #dda1a9;
   }

   .theme-mg .thumb-gallery__thumb .swiper-pagination-bullet-active {
       background: #d7b88f;
   }

   /* ------------------------------------------ */

   /* END Style thumb-gallery  */

   /* ------------------------------------------ */

   /* ------------------------------------------ */

   /* Style for tabs */

   /* ------------------------------------------ */

   .tabs {
       position: relative;
       width: 100%;
   }

   .tabs__tabs {
       position: relative;
       display: -ms-flexbox;
       display: -webkit-box;
       display: flex;
       -ms-flex-direction: row;
       -webkit-box-orient: horizontal;
       -webkit-box-direction: normal;
       flex-direction: row;
       -ms-flex-wrap: nowrap;
       flex-wrap: nowrap;
       -ms-flex-pack: center;
       -webkit-box-pack: center;
       justify-content: center;
       -ms-flex-line-pack: stretch;
       align-content: stretch;
       -ms-flex-align: center;
       -webkit-box-align: center;
       align-items: center;
       margin: 0 0 10px;
       font-size: 0;
   }

   .sec-listing .tabs__tabs {
       margin-top: 20px;
   }

   .tabs__tab {
       position: relative;
       display: inline-block;
       padding: 15px 10px;
       color: rgba(221, 161, 169, 0.5);
   }

   .theme-mg .tabs__tab {
       color: rgba(215, 184, 143, 0.5);
   }

   .tabs__tab span {
       position: relative;
   }

   .sec-listing__control-holder .tabs__tab {
       width: 50%;
   }

   .tabs__tab.is-chosen span {
       padding-right: 25px;
   }

   .tabs__tab.is-chosen span:after {
       position: absolute;
       content: '';
       display: block;
       width: 16px;
       height: 16px;
       right: 0;
       top: 50%;
       margin-top: -8px;
       background: url(../images/common/icons/svg/pink/icon-tick.svg) no-repeat center center;
       background-size: 100%;
       opacity: 0.5;
   }

   .tabs__tab.is-active {
       color: #dda1a9;
       font-weight: bold;
   }

   .theme-mg .tabs__tab.is-active {
       color: #d7b88f;
   }

   .tabs__tab.is-active:before {
       content: '';
       position: absolute;
       bottom: 0;
       left: 50%;
       margin-left: -5px;
       width: 0;
       height: 0;
       border-style: solid;
       border-width: 8px 5px 0 5px;
       border-color: transparent;
       border-top-color: #dda1a9;
   }

   .theme-mg .tabs__tab.is-active:before {
       border-top-color: #d7b88f;
   }

   .tabs__tab.is-active span {
       padding-right: 0;
   }

   .tabs__tab.is-active span:after {
       display: none;
   }

   .tabs__tab:after {
       content: '';
       display: block;
       position: absolute;
       top: 50%;
       -webkit-transform: translateY(-50%);
       transform: translateY(-50%);
       width: 1px;
       height: 30px;
       right: 0;
       background: rgba(221, 161, 169, 0.5);
   }

   .theme-mg .tabs__tab:after {
       background: rgba(215, 184, 143, 0.5);
   }

   .tabs__tab:last-child:after {
       display: none;
   }

   /* ------------------------------------------ */

   /* END Style tabs  */

   /* ------------------------------------------ */

   /* ------------------------------------------ */

   /* Theme Style for Main Theme */

   /* ------------------------------------------ */

   /* ------------------------------------------ */

   /* END Theme Style Main Theme  */

   /* ------------------------------------------ */

   /* ------------------------------------------ */

   /* Theme Style for Minty Green Theme */

   /* ------------------------------------------ */

   body:not(.theme-mg) .show-mg {
       display: none !important;
   }

   body.theme-mg .hidden-mg {
       display: none !important;
   }

   /* ------------------------------------------ */

   /* END Theme Style Minty Green Theme  */

   /* ------------------------------------------ */

   /* ------------------------------------------ */

   /* Theme Style for Promessa Theme */

   /* ------------------------------------------ */

   body:not(.theme-promessa) .show-promessa {
       display: none !important;
   }

   body.theme-promessa .hidden-promessa {
       display: none !important;
   }

   /* ------------------------------------------ */

   /* END Theme Style Promessa Theme  */

   /* ------------------------------------------ */

   /* ------------------------------------------ */

   /* Override Style */

   /* ------------------------------------------ */

   .necklace-detail__length-holder {
       /*Quick fix for detail page layout*/
       display: inline-block;
   }

   .panel-detail__info-inline,
   .necklace-detail__length-holder {
       font-size: 14px;
   }

   .necklace-detail__length {
       font-size: 13px;
   }

   .panel-detail__info-sp {
       margin: 0 5px;
   }

   .panel-detail__logo {
       width: 80px;
   }

   .price-not-include:not(.is-active) {
       display: none !important;
   }

   .comp-pdt-blk-metal-type {
       width: 25px;
       height: 25px;
   }

   .comp-pdt-blk-metal-type img {
       width: 25px;
       vertical-align: text-bottom;
   }

   .ui-options.ui-options-txt .ui-option.ui-metal-option img {
       vertical-align: bottom;
   }

   .tb-css-header-widget-table-price-unit select {
       position: inherit;
       opacity: inherit;
   }

   /* ------------------------------------------ */

   /* END Override Style */

   /* ------------------------------------------ */

   .edit-detail__holder .btn-confirm {
       color: #fff;
       width: auto;
       padding: 10px 40px;
       border-radius: 10px;
       background-position: left;
       margin: 0;
       height: auto;
       background-color: #dda1a9;
   }

   .opt-detail__info .display_discountTag {
       font-size: 16px;
       color: #dda1a9;
       font-weight: normal;
       width: 60%;
   }

   .product-card__inner .product-card__desc span,
   .product-list__item .product-list__info span,
   .diamond-list-content__discount-tag {
       color: #dda1a9;
   }

   .display_discountTag .panel-detail__total-discountTag {
       font-size: 14px;
   }

   .ring-detail__discountTag,
   .diamond-detail__discountTag {
       color: #dda1a9;
   }

   .color-input-purple+label {
       display: block;
       width: 20px;
       height: 20px;
       cursor: pointer;
       position: absolute;
       top: 2px;
       left: 15px;
       background: white;
       border: 1px solid #dea1a9;
   }

   .color-input-purple:checked+label::before {
       display: block;
       content: "";
       width: 14px;
       height: 14px;
       background: #dea1a9;
       margin: 2px;
   }

   .sales-btn {
       width: max-content;
       padding: 2px 10px;
       display: inline-block;
       background: #dea1a9;
       color: #fff;
       /* margin: 20px 10px; */
       text-align: center;
       border-radius: 25px;
       position: absolute;
       top: -25px;
       left: 0px;
   }

    .field-set--discountTag,
    .field-set--caption{
           text-align: center;
           display: block !important;
           border-top: solid 1px #dea1a9;
           padding: 10px 0;
    }
     .field-set--caption{
        margin-bottom: 30px;
     }

   .field-set--discountTag .color-input-purple+label{
          position: relative;
          top:0px;
          left:0px;
   }

   .field-set--discountTag #discountTagInput{
           position: absolute;
   }

   .field-set--discountTag .btn-picker{
       width:auto;
   }

   .field-set--discountTag .field-set__field.field-set__field--half{
       width:30px;
       height:30px;
   }
   .field-set--discountTag .field-set__fields,
   .field-set--caption .field-set__fields{
       margin:0px;
       width: max-content;
       display:inline-block;
       vertical-align: middle;
   }
   .field-set--caption .field-set__fields{
        width:90%;
   }
   .field-set--discountTag .field-set__label2{
        position: relative;
        width: max-content;
        display:inline-block;
        vertical-align: middle;
        font-size: 15px;
   }

   .field-set--caption .field-set__label{
    display:none;
   }

.field-set--images .images-input-purple+label{
    position: relative;
    top:0px;
    left:0px;
}

.field-set--images #diamondVideoFlagInput{
    position: absolute;
}

.images-input-purple+label {
    display: block;
    width: 20px;
    height: 20px;
    cursor: pointer;
    position: absolute;
    top: 2px;
    left: 15px;
    background: white;
    border: 1px solid #dea1a9;
}

.images-input-purple:checked+label::before {
    display: block;
    content: "";
    width: 14px;
    height: 14px;
    background: #dea1a9;
    margin: 2px;
}

.images-input-label{
    osition: relative;
    width: max-content;
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    color: #dda1a9;
    margin: 0px 10px;
}
    .mobile-discountTag{
        display:none;
    }

    .solitaire_promotion_banner{
        position: relative;
        width: 100%;
        margin: 0px auto 10px;
        max-width: 1920px;
        display:none;
    }


    .monthly .solitaire_promotion_banner,
    .flashSale .solitaire_promotion_banner{
        display:block;
    }

    .header-back-home_mobile{
        display:none;
    }

   @media screen and (max-width: 768px) {
       .adv-search__fields .field-set--discountTag,
       .adv-search__fields .field-set--caption{
             display:none !important;
       }
        .mobile-discountTag{
           display:block !important;
       }
/*
       .monthly .solitaire_promotion_banner,
       .flashSale .solitaire_promotion_banner{
           display:none;
       }


        .monthly .sec-header .header-home-icon-image,
        .flashSale .sec-header .header-home-icon-image{
            display:none !important;
        }

        .monthly .sec-header .header-nav-btn.header-back-home:before,
         .flashSale .sec-header .header-nav-btn.header-back-home:before{
            content: '>';
        }

        .monthly .header-back-home_mobile,
        .flashSale .header-back-home_mobile{
            display: inline-block;
        }
*/
        .sec-header{
             margin: 20px 0px 0px;
        }

        .backtopromotion{
            text-decoration: underline !important;
        }
   }



.opt-detail__info-diamond-cert .digital-cert-desc{
    display: inline-flex;
    text-decoration: underline;
}
.panel-detail__info-txt .digital-cert-desc{
    text-decoration: underline;
}

.swiper-container-diamond{
    width: 90%;
    margin: 0 auto;
}
.swiper-diamond-video {
    width: 100%;
    height: 100%;
}
.swiper-container-diamond .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
    z-index: -999;
}
.swiper-container-diamond .swiper-slide:not(.swiper-slide-active){
    visibility: hidden;
}
.swiper-container-diamond  .swiper-button-prev{
    background-image: url(../images/common/icons/svg/pink/icon-leftArrow.svg);
}
.swiper-container-diamond  .swiper-button-next{
    background-image: url(../images/common/icons/svg/pink/icon-rightArrow.svg);
}
.swiper.swiper-container-diamond {
    width: 100%;
    height: 100%;
    overflow: hidden;
}


.swiper-container-diamond .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.opt-detail__infos.diamond-detail {
    width: 44%;
    float: right;
}
.opt-detail__control.diamond-detail {
    position: relative;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: end;
    -webkit-box-pack: end;
    justify-content: flex-end;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-align: stretch;
    -webkit-box-align: stretch;
    align-items: stretch;
    margin-top: 5px;
    width: 100%;
}
.opt-detail__infos.diamond-detail .opt-detail__thumb {
    position: relative;
    min-height: 200px;
    width: 100%;
    margin: 5% 6% 0 -10%;
}
.opt-detail__infos.diamond-detail .opt-detail__thumb-img {
    position: relative;
    width: 70%;
    min-height: 500px;
    display: block;
    margin: 0 0 0 20%;
}
.opt-detail__center.diamond-detail .opt-detail__remark {
    position: absolute;
    bottom: 0;
    left: 0;
    line-height: 1.5em;
    margin: 0 0 -10% 15%;
    top: 110%;
}
.swiper-container-diamond .swiper-button{
    height: 10%;
    width: 10%;
    background-size: cover;
}
.swiper-container-diamond .swiper-button-prev{
    margin-left: -15%;
}
.swiper-container-diamond .swiper-button-next{
    margin-right: -15%;
}
.swiper-container-diamond .swiper-pagination-bullet-active {
    opacity: 1;
    background: #dda1a9;
}
.diamond-media-title {
    font-size: 16px;
    margin-bottom: 8px;
    color: #dda1a9;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 20;
}
/*.diamond-media-info-icon{*/
/*    display: block !important;*/
/*    width: 10px;*/
/*}*/
.diamond-media-title a.btn-diamond-media-info{
    display: block ;
    background-color: unset ;
    opacity:1;
    padding:10px;
}

.diamond-media-title a.btn-diamond-media-info img{
    display: block ;
    width: 20px;
}

.swiper-button-next, .swiper-button-prev{
    top:60%;
}

.btn.btn-diamond-media-info .popover-content {
    color: #dda1a9;
    border: 1px solid #dda1a9;
    position: absolute;
    z-index: 9999999;
    background-color: #fff7f7;
    white-space: normal;
    text-align: left;
    padding: 10px 15px;
    width: 260px;
    left: 165%;
    box-shadow: 5px 5px 5px rgb(0 0 0 / 20%);
}
.opt-detail__center.diamond-detail {
    position: relative;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    margin: 0px;
    float: left;
    width: 53%;
}
.opt-detail__center.diamond-detail .opt-detail__thumb-img {
    position: relative;
    width: 75%;
    display: block;
    margin: 0 8% 0 12%;
}
.swiper-container-diamond .swiper-pagination{
    top: 100%;
}

  @media screen and (max-width: 768px) {
    .diamond-list-content__logo {
        width: 100px;
        margin: 7px 0;
    }
    .images360{
        width: 30px;
        height: 30px;
    }
  }

.duty-price-desc{
    font-size: 20px;
    display: inline-block;
    padding-right: 0.5em;
    line-height: 1;
}