#lightbox-engraving .font-btn[data-font-style="TIMES_NEW_ROMAN"] {
	font-family: Times New Roman;
}

#lightbox-engraving .font-btn[data-font-style="ARIAL"] {
	font-family: Arial;
}

#lightbox-engraving .font-btn[data-font-style="KAI"][data-font-style="KAI_GB"] {
	font-family: DFKai-sb;
}

#lightbox-engraving .font-btn[data-font-style="ALLURA"], #lightbox-engraving2 .font-btn[data-font-style="ALLURA"] {
	font-family: Allura;
}

#lightbox-engraving .font-btn[data-font-style="LIBERTINE"] {
	font-family: Linux Libertine;
}

#lightbox-engraving .font-btn[data-font-style="SANS"], #lightbox-engraving2 .font-btn[data-font-style="SANS"] {
	font-family: Noto Sans;
}

#lightbox-engraving .ui-options-custom {
	text-align: center;
}

#lightbox-engraving .ui-options-custom .ui-option {
	float: left;
	padding: 1em 0;
	width: 49%;
	margin-right: 1%;
	margin-bottom: 1%;
}

#lightbox-engraving .input-engrav-text {
	font-family: Times New Roman;
	height: 55px;
}

#lightbox-engraving .input-engrav-text[data-font-style="TIMES_NEW_ROMAN"] {
	font-family: Times New Roman;
	height: 55px;
}

#lightbox-engraving .input-engrav-text[data-font-style="ARIAL"] {
	font-family: Arial;
	height: 55px;
}

#lightbox-engraving .input-engrav-text[data-font-style="KAI"] {
	font-family: DFKai-sb;
	height: 55px;
}

#lightbox-engraving .input-engrav-text[data-font-style="KAI_GB"] {
	font-family: DFKai-sb;
	height: 55px;
}

#lightbox-engraving .input-engrav-text[data-font-style="ALLURA"], #lightbox-engraving2 .input-engrav-text[data-font-style="ALLURA"] {
	font-family: Allura;
}

#lightbox-engraving .input-engrav-text[data-font-style="LIBERTINE"] {
	font-family: Linux Libertine;
}

#lightbox-engraving .input-engrav-text[data-font-style="SANS"], #lightbox-engraving2 .input-engrav-text[data-font-style="SANS"] {
	font-family: Noto Sans;
}

#lightbox-engraving .custom-input-container, #lightbox-engraving2 .custom-input-container {
	position: relative;
	padding-right: 130px;
}

#lightbox-engraving .custom-input-container .btn-heart, #lightbox-engraving2 .custom-input-container .btn-heart {
	position: absolute;
	width: 55px;
	height: 55px;
	line-height: 55px;
	text-align: center;
	top: 0;
	background-size: 25px 22px;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #E9E7E8;
	color: transparent;
}

#lightbox-engraving .custom-input-container .btn-heart.fill, #lightbox-engraving2 .custom-input-container .btn-heart.fill {
	right: 65px;
	background-image: url(../../img/ui/heart-fill.png);
}

#lightbox-engraving .custom-input-container .btn-heart.blank, #lightbox-engraving2 .custom-input-container .btn-heart.blank {
	right: 0;
	background-image: url(../../img/ui/heart-blank.png);
}

.engravingOptionIsGeneral[data-font-style="TIMES_NEW_ROMAN"]::before {
	content: "Times New Roman/楷書";
}

.engravingOptionIsGeneral[data-font-style="ARIAL"]::before {
 	content: "Arial/楷書";
 }

.engravingOptionIsPersonalizedProduct[data-font-style="PCS_ARIAL"]::before {
content: url(/_ui/desktop/common/pair_ring/images/fontstyle/arial.png);
}

.engravingOptionIsPersonalizedProduct[data-font-style="PCS_TIMES_NEW_ROMAN"]::before {
content: url(/_ui/desktop/common/pair_ring/images/fontstyle/times-new-roman.png);
}

.engravingOptionIsPersonalizedProduct[data-font-style="PCS_EDWARDIAN"]::before {
content: url(/_ui/desktop/common/pair_ring/images/fontstyle/edwardian.png);
}

.engravingOptionIsDiyProduct[data-font-style="DIY_TIMES_NEW_ROMAN"]::before {
	content: "Times New Roman/楷書";
}

.engravingOptionIsDiyProduct[data-font-style="DIY_ARIAL"]::before {
 	content: "Arial/楷書";
 }

 .engravingOptionIsReadyMade[data-font-style="LIBERTINE"]::before {
 content: url(https://cdn.chowsangsang.com/eshop/hk/web/LIBERTINE.png);
 }

 .engravingOptionIsReadyMade[data-font-style="SANS"]::before {
 content: url(https://cdn.chowsangsang.com/eshop/hk/web/SANS.png);
 }




 .engravingOptionIsGeneralMobile[data-font-style="TIMES_NEW_ROMAN"]::before {
 	content: "Times New Roman/楷書";
 }

 .engravingOptionIsGeneralMobile[data-font-style="ARIAL"]::before {
  	content: "Arial/楷書";
  }

 .engravingOptionIsPersonalizedProductMobile[data-font-style="PCS_ARIAL"]::before {
 content: url(/_ui/desktop/common/pair_ring/images/fontstyle/arial.png);
 }

 .engravingOptionIsPersonalizedProductMobile[data-font-style="PCS_TIMES_NEW_ROMAN"]::before {
 content: url(/_ui/desktop/common/pair_ring/images/fontstyle/times-new-roman.png);
 }

 .engravingOptionIsPersonalizedProductMobile[data-font-style="PCS_EDWARDIAN"]::before {
 content: url(/_ui/desktop/common/pair_ring/images/fontstyle/edwardian.png);
 }

 .engravingOptionIsDiyProductMobile[data-font-style="DIY_TIMES_NEW_ROMAN"]::before {
 	content: "Times New Roman/楷書";
 }

 .engravingOptionIsDiyProductMobile[data-font-style="DIY_ARIAL"]::before {
  	content: "Arial/楷書";
  }

  .engravingOptionIsReadyMadeMobile[data-font-style="LIBERTINE"]::before {
  content: url(https://cdn.chowsangsang.com/eshop/hk/web/LIBERTINE.png);
  }

  .engravingOptionIsReadyMadeMobile[data-font-style="SANS"]::before {
  content: url(https://cdn.chowsangsang.com/eshop/hk/web/SANS.png);
  }


.lightbox-product-details-solitaire {
    padding: 30px 30px;
}


.lightbox-product-details-solitaire .lightbox-heading {
    text-align: center;
    padding-bottom: 1.5em;
    border-bottom: 1px solid #E9E7E8;
}

.lightbox-product-details-solitaire .lightbox-body {
    padding-top: 1.5em;
}


body:not(.theme-mg) #lightbox-engraving #solitaire .show-mg {
	display: none !important; }

body.theme-mg #lightbox-engraving #solitaire .hidden-mg {
	display: none !important; }

.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; }

#lightbox-engraving #solitaire .btn-picker__btn {
	display: none; }
#lightbox-engraving #solitaire .btn-picker__btn:checked + .btn-picker__label {
	background: #dda1a9;
	color: #FFF; }
#lightbox-engraving #solitaire .theme-mg .btn-picker__btn:checked + .btn-picker__label {
	background: #d7b88f; }
#lightbox-engraving #solitaire .btn-picker__btn:checked + .btn-picker__label img {
	mix-blend-mode: color-dodge; }


#lightbox-engraving #solitaire .font-panel {
	position: relative;
	margin: 50px 0 0; }

#lightbox-engraving #solitaire .btn-picker {
	position: relative;
	width: 100%; }


#lightbox-engraving #solitaire .edit-detail__label {
	font-weight: bold;
	color: #dda1a9;
	margin: 0 0 20px;
}

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

#lightbox-engraving #solitaire .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: -5px;
	margin-right: -5px;
	width: 70%;
	max-width:500px;
}

#lightbox-engraving #solitaire .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; }


#lightbox-engraving #solitaire .field-set__field {
	position: relative;
	display: inline-block;
	width: 100%;
	padding: 5px; }
	#lightbox-engraving #solitaire .field-set__field.field-set__field--half {
		width: 50%; }
	#lightbox-engraving #solitaire .field-set__field.field-set__field--one-third {
		width: 33.3333%; }

#lightbox-engraving #solitaire .field-set__remark {
	font-size: 12px;
	color: #dda1a9;
	display: block;
	margin-top: 5px; }
#lightbox-engraving #solitaire .theme-mg .field-set__remark {
	color: #d7b88f; }


#lightbox-engraving #solitaire .font-panel__group {
	position: relative;
	margin: 0 0 30px; }

#lightbox-engraving #solitaire .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; }

#lightbox-engraving #solitaire .font-panel__title {
	font-weight: bold; }


#lightbox-engraving #solitaire button {
	border-style: none;
}

#lightbox-engraving #solitaire 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; }

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


#lightbox-engraving #solitaire .font-panel__label {
	font-weight: bold;
	margin-right: 10px; }

#lightbox-engraving #solitaire .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; }


#lightbox-engraving #solitaire .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; }
	#lightbox-engraving #solitaire .theme-mg .font-panel__btn {
		background: #d7b88f; }
	#lightbox-engraving #solitaire .font-panel__btn span {
		width: 100%;
		text-align: center; }


#lightbox-engraving #solitaire html, .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; }
/*#lightbox-engraving #solitaire @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; }*/
/*}*/
/*#lightbox-engraving #solitaire @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; }*/
/*}*/


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

/*#lightbox-engraving #solitaire @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; }*/
/*}*/

/*#lightbox-engraving #solitaire @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; }*/
    /*.field-set__fields{*/
        /*width:100%;*/
    /*}*/
/*}*/


#lightbox-engraving #solitaire .btn, .demo-info__btn-photo {
	display: inline-block;
	background: #dda1a9;
	color: #FFF;
	padding: 12px 40px;
	border-radius: 6px; }

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

#lightbox-engraving #solitaire .edit-detail__btn {
	text-align: center; }


#lightbox-engraving #solitaire .edit-detail__display {
	text-align: left;
	margin: 30px auto;
	width: 100%;
	max-width: 480px; }

#lightbox-engraving #solitaire .font-panel__title {
	font-weight: bold; }

#lightbox-engraving #solitaire .font-panel__demo {
	position: relative;
	margin-top: 15px;
	margin-bottom: 30px;
	text-align: center; }

[data-font="DIY_TIMES_NEW_ROMAN"] .font-panel__demo-txt {
	font-family: "Times New Roman"; }
[data-font="PCS_EDWARDIAN"] .font-panel__demo-txt {
	font-family: "ITCEdwardianScriptW04-Reg", "MKaiHK-Medium", "MKaiPRCW45-Medium", Arial, sans-serif;
	font-size: 19px;
}
[data-font="DIY_ARIAL"] .font-panel__demo-txt {
	font-family: Arial, "MKaiHK-Medium", "MKaiPRCW45-Medium", sans-serif;}

@font-face {
	font-family: "MKaiHK-Medium";
	src: url("/_ui/desktop/common/solitaire/css/fonts/MKaiHK-Medium.eot?#iefix");
	src: url("/_ui/desktop/common/solitaire/css/fonts/MKaiHK-Medium.eot?#iefix") format("eot"), url("/_ui/desktop/common/solitaire/css/fonts/MKaiHK-Medium.woff2") format("woff2"), url("/_ui/desktop/common/solitaire/css/fonts/MKaiHK-Medium.woff") format("woff"), url("/_ui/desktop/common/solitaire/css/fonts/MKaiHK-Medium.ttf") format("truetype"); }
@font-face {
	font-family: "ITCEdwardianScriptW04-Reg";
	src: url("/_ui/desktop/common/solitaire/css/fonts/ITCEdwardianScriptW04-Reg.eot?#iefix");
	src: url("/_ui/desktop/common/solitaire/css/fonts/ITCEdwardianScriptW04-Reg.eot?#iefix") format("eot"), url("/_ui/desktop/common/solitaire/css/fonts/ITCEdwardianScriptW04-Reg.woff2") format("woff2"), url("/_ui/desktop/common/solitaire/css/fonts/ITCEdwardianScriptW04-Reg.woff") format("woff"), url("/_ui/desktop/common/solitaire/css/fonts/ITCEdwardianScriptW04-Reg.ttf") format("truetype"); }
@font-face {
	font-family: "MKaiPRCW45-Medium";
	src: url("/_ui/desktop/common/solitaire/css/fonts/MKaiPRCW45-Medium.eot?#iefix");
	src: url("/_ui/desktop/common/solitaire/css/fonts/MKaiPRCW45-Medium.eot?#iefix") format("eot"), url("/_ui/desktop/common/solitaire/css/fonts/MKaiPRCW45-Medium.woff2") format("woff2"), url("/_ui/desktop/common/solitaire/css/fonts/MKaiPRCW45-Medium.woff") format("woff"), url("/_ui/desktop/common/solitaire/css/fonts/MKaiPRCW45-Medium.ttf") format("truetype"); }

/*#lightbox-engraving #solitaire .font-panel__demo-txt {*/
	/*font-family: Arial, "MKaiHK-Medium", "MKaiPRCW45-Medium", sans-serif; }*/

#lightbox-engraving #solitaire .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; }

@media screen and (max-width: 767px){

    .lightbox-product-details-solitaire {
        padding: 10px 10px;
    }

    #lightbox-engraving #solitaire .font-panel{
        margin: 0px 0px 0px;
    }

    #lightbox-engraving #solitaire .btn-picker__label{
        padding:0px 0px;
    }

    #lightbox-engraving #solitaire .field-set__fields{
        width: 100%;
    }

}


.errorMSG{
        font-size: 11px;
        color:#ff0000;
		width:140%;
        margin-bottom:10px;
        display:none;
}