.tab_content_item_mh .xemthem {
color: rgba(51, 51, 51, 0.5);
text-align: center;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
border: none;
font-size: 19px;
background: url() no-repeat top;
background-color: transparent;
background-size: 26px 17px;
padding-bottom: 0;
padding-top: 40px; }
.tab_content_item_mh .xemthem .arrow {
display: block;
right: 0;
left: 0;
margin: auto;
position: absolute;
top: 22px; }
.tab_content_item_mh .xemthem .arrow:before {
content: "";
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAMCAYAAAAH4W+EAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDQ4OCwgMjAyMC8wNy8xMC0yMjowNjo1MyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDc3NEIyN0EyRDY0MTFFQjkzMDRBMjIxNzc0RTBDODQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDc3NEIyNzkyRDY0MTFFQjkzMDRBMjIxNzc0RTBDODQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjAgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozNjdCMUQ3OTJDQUIxMUVCOENCRERGNDFFOTA1OTlERCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozNjdCMUQ3QTJDQUIxMUVCOENCRERGNDFFOTA1OTlERCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ph5ikagAAAGHSURBVHjaYmAAAg8Pj14vLy87Bjzg////JGFPT09GHx8fNnxmguwE2Q1iMwI1eAI1bgPZxcjIOJ+Dg6Ns/fr1b3E5hhjg7e3NuG3bNpyKAwMDhX/8+NEFNC8J7AhGRi8mHh6evUBGHRD/AkkAFVwHujQWmwFANWCMx4eMYWFheB0BMhtkB8guoFk/QXaD3QBTAAxG1b9//84AKnCCWrqPmZk5Y8uWLbfxRRdSKDADHfAXl1pC5jNiczFQcS8Qi4JcDBRqBbq4c/Xq1b+wWRAaGgoygxEo/w+HPNuXL1/KgcxqoJnsQDNfA3Ex0NGLUUIbh2YhoOZuoMZEqJobTExM6UDNhxhIAKDE+O/fv5lApgYsDQI9VQp09DuMaKeWQZR6hBmfgbdv335oaGg4+zcQAB1hDTTYFMhMUlNTewGUu4QrMf769WszUK0NKAMAcRMvL2/Mxo0b7+Gzi5HYYCaU2MhJ7GQ5BF9ihkrhTYxUdwhagZSIZAbRaYhqDsGSmBnIyVXIACDAAM34JXWPolNhAAAAAElFTkSuQmCC);
display: block;
width: 25px;
right: 0;
left: 0;
top: -5px;
margin: auto;
position: absolute;
opacity: 1;
height: 15px;
background-size: contain;
background-repeat: no-repeat; }
.tab_content_item_mh .xemthem .arrow:after {
content: "";
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAMCAYAAAAH4W+EAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDQ4OCwgMjAyMC8wNy8xMC0yMjowNjo1MyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDc3NEIyN0EyRDY0MTFFQjkzMDRBMjIxNzc0RTBDODQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDc3NEIyNzkyRDY0MTFFQjkzMDRBMjIxNzc0RTBDODQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjAgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozNjdCMUQ3OTJDQUIxMUVCOENCRERGNDFFOTA1OTlERCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozNjdCMUQ3QTJDQUIxMUVCOENCRERGNDFFOTA1OTlERCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ph5ikagAAAGHSURBVHjaYmAAAg8Pj14vLy87Bjzg////JGFPT09GHx8fNnxmguwE2Q1iMwI1eAI1bgPZxcjIOJ+Dg6Ns/fr1b3E5hhjg7e3NuG3bNpyKAwMDhX/8+NEFNC8J7AhGRi8mHh6evUBGHRD/AkkAFVwHujQWmwFANWCMx4eMYWFheB0BMhtkB8guoFk/QXaD3QBTAAxG1b9//84AKnCCWrqPmZk5Y8uWLbfxRRdSKDADHfAXl1pC5jNiczFQcS8Qi4JcDBRqBbq4c/Xq1b+wWRAaGgoygxEo/w+HPNuXL1/KgcxqoJnsQDNfA3Ex0NGLUUIbh2YhoOZuoMZEqJobTExM6UDNhxhIAKDE+O/fv5lApgYsDQI9VQp09DuMaKeWQZR6hBmfgbdv335oaGg4+zcQAB1hDTTYFMhMUlNTewGUu4QrMf769WszUK0NKAMAcRMvL2/Mxo0b7+Gzi5HYYCaU2MhJ7GQ5BF9ihkrhTYxUdwhagZSIZAbRaYhqDsGSmBnIyVXIACDAAM34JXWPolNhAAAAAElFTkSuQmCC);
display: block;
width: 25px;
top: 2px;
right: 0;
left: 0;
margin: auto;
position: absolute;
opacity: .5;
height: 15px;
background-size: contain;
background-repeat: no-repeat; }
.tab_content_item_mh .xemthem .arrow span {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAMCAYAAAAH4W+EAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDQ4OCwgMjAyMC8wNy8xMC0yMjowNjo1MyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDc3NEIyN0EyRDY0MTFFQjkzMDRBMjIxNzc0RTBDODQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDc3NEIyNzkyRDY0MTFFQjkzMDRBMjIxNzc0RTBDODQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjAgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozNjdCMUQ3OTJDQUIxMUVCOENCRERGNDFFOTA1OTlERCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozNjdCMUQ3QTJDQUIxMUVCOENCRERGNDFFOTA1OTlERCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ph5ikagAAAGHSURBVHjaYmAAAg8Pj14vLy87Bjzg////JGFPT09GHx8fNnxmguwE2Q1iMwI1eAI1bgPZxcjIOJ+Dg6Ns/fr1b3E5hhjg7e3NuG3bNpyKAwMDhX/8+NEFNC8J7AhGRi8mHh6evUBGHRD/AkkAFVwHujQWmwFANWCMx4eMYWFheB0BMhtkB8guoFk/QXaD3QBTAAxG1b9//84AKnCCWrqPmZk5Y8uWLbfxRRdSKDADHfAXl1pC5jNiczFQcS8Qi4JcDBRqBbq4c/Xq1b+wWRAaGgoygxEo/w+HPNuXL1/KgcxqoJnsQDNfA3Ex0NGLUUIbh2YhoOZuoMZEqJobTExM6UDNhxhIAKDE+O/fv5lApgYsDQI9VQp09DuMaKeWQZR6hBmfgbdv335oaGg4+zcQAB1hDTTYFMhMUlNTewGUu4QrMf769WszUK0NKAMAcRMvL2/Mxo0b7+Gzi5HYYCaU2MhJ7GQ5BF9ihkrhTYxUdwhagZSIZAbRaYhqDsGSmBnIyVXIACDAAM34JXWPolNhAAAAAElFTkSuQmCC);
width: 25px;
top: 9px;
height: 15px;
opacity: .3;
background-size: contain;
background-repeat: no-repeat;
animation: animate-arrow-1 1s ease-in-out infinite; }
.tab_content_item_mh .xem_them {
text-align: center; }
.tab_content_item_mh .xem_them a {
font-size: 16px;
color: #777; }
@media all and (max-width: 800px) {
.tab_content_item_mh .xem_them {
display: none; } }
@media all and (min-width: 800px) {
.tab_content_item_mh .description {
max-height: 200px;
overflow: hidden;
position: relative; }
.tab_content_item_mh .description:after {
content: "";
position: absolute;
bottom: 0;
height: 150px;
left: 0;
background-image: linear-gradient(180deg, rgba(255, 255, 255, 0), #ffffffe6);
width: 100%; } }
.note_price {
font-style: italic;
margin-top: 5px; }
.share_top {
display: inline-block;
position: absolute;
right: 0;
top: 0; }
@media all and (max-width: 1025px) {
.share_top {
position: inherit;
margin-left: 20px; } }
.share_top .hit_share {
width: 100% !important;
margin: 0 !important;
margin-top: 5px !important; }
@media all and (max-width: 600px) {
.share_top {
text-align: center;
display: block;
width: 100%;
margin-left: 0; }
.share_top .hit_share {
width: auto !important;
display: inline-block; } }
.pos1_pro {
margin-top: 50px; }
.pos1_product {
border-top: 1px solid var(--border-color);
border-bottom: 1px solid var(--border-color);
padding: 5px;
margin-top: 20px; }
@media all and (max-width: 600px) {
.pos1_product {
padding: 0px; } }
.product .frame_left .type {
top: 17px;
position: absolute;
/* bottom: -1px; */
text-align: center;
right: 0px;
background-image: url(../images/bg_icon_style.png);
background-size: cover;
width: 124px;
height: 26px;
z-index: 2; }
.product .frame_left .type span {
font-style: italic;
font-weight: bold;
padding: 4px 0px 0px 17px;
display: inline-block;
font-size: 12px;
box-sizing: border-box;
color: #fff; }
.btn_area {
margin-bottom: 20px; }
.fotorama__img {
background: #fff; }
.note1 {
text-transform: uppercase;
width: 100%;
background: #c30808;
text-align: left;
color: #fff;
padding: 17px 10px 17px 50px;
box-sizing: border-box;
margin-top: 10px;
border-radius: 5px;
position: relative; }
.note1 svg {
fill: #fff;
width: 25px;
height: 25px;
position: absolute;
top: 12px;
left: 12px; }
@media all and (max-width: 600px) {
.note1 {
padding: 6px 10px 6px 50px; } }
.note2 {
text-transform: uppercase;
width: 100%;
background: #0089de;
text-align: left;
color: #fff;
padding: 6px 10px 6px 50px;
box-sizing: border-box;
margin-top: 10px;
border-radius: 5px;
position: relative;
line-height: 20px; }
@media all and (max-width: 1200px) and (min-width: 870px) {
.note2 {
width: calc(50% - 20px);
margin: 0 10px;
margin-bottom: 15px; } }
@media all and (max-width: 600px) {
.note2 {
width: calc(100% - 20px);
margin-left: 10px; } }
.note2 svg {
fill: #fff;
width: 25px;
height: 25px;
position: absolute;
top: 12px;
left: 12px; }
.product {
background: #fff;
padding: 25px 0px;
padding-top: 0px; }
@media all and (max-width: 650px) {
.product {
padding: 0px 0px; } }
.product .frame_left {
float: left;
width: 46%;
box-sizing: border-box; }
@media only screen and (max-width: 850px) {
.product .frame_left {
width: 50%;
padding: 0px 25px 0px 0px; } }
@media only screen and (max-width: 650px) {
.product .frame_left {
width: 100%;
float: none;
padding: 0px;
margin-bottom: 20px; } }
.product_images .frame_img {
width: calc(100% - 115px);
margin-right: 15px;
float: left; }
@media all and (max-width: 600px) {
.product_images .frame_img {
width: 100%;
margin-right: 0px; } }
.product_images .frame_img a {
display: grid; }
.product_images .thumbs {
width: 100px;
float: left;
max-height: 700px;
overflow-y: scroll; }
@media all and (max-width: 1025px) {
.product_images .thumbs {
max-height: 500px; } }
.product_images .thumbs::-webkit-scrollbar {
width: 0px;
background-color: #fff;
border-radius: 10px; }
.product_images .thumbs::-webkit-scrollbar-track {
border-radius: 10px;
background-color: #fff; }
.product_images .thumbs body::-webkit-scrollbar-thumb {
background-color: #fff;
border-radius: 5px; }
@media all and (max-width: 600px) {
.product_images .thumbs {
width: calc(100% + 10px);
margin-left: -5px;
margin-top: 5px; } }
.product_images .thumbs .item {
margin-bottom: 10px; }
@media all and (max-width: 600px) {
.product_images .thumbs .item {
width: calc(25% - 10px);
margin: 0 5px;
float: left; } }
.product_images .thumbs .item a {
display: grid; }
@media all and (max-width: 600px) {
.product_images .thumbs_slide {
width: calc(100%);
margin-left: 0; } }
.product_images .thumbs_slide .item {
width: 100%;
margin: 0; }
.product_images .thumbs_slide .owl-nav div {
position: absolute;
color: #444;
font-size: 50px;
top: calc(50% - 10px); }
.product_images .thumbs_slide .owl-nav .owl-prev {
left: 0px; }
.product_images .thumbs_slide .owl-nav .owl-next {
right: 0px; }
.product .frame_center {
float: left;
width: calc(54% - 80px);
margin-left: 80px; }
@media only screen and (max-width: 850px) {
.product .frame_center {
margin: 0px 0 0px;
width: 50%; } }
@media only screen and (max-width: 650px) {
.product .frame_center {
width: 100%;
float: none;
padding: 0px;
margin: 0px; } }
.gift_summary {
margin-top: 28px;
width: 380px; }
@media only screen and (max-width: 420px) {
.gift_summary {
width: 100%; } }
.gift_summary .title_gift_full {
text-transform: uppercase;
color: #f50707;
font-weight: bold;
margin-bottom: 9px; }
.gift_summary .title_gift_full svg {
width: 14px;
height: 14px;
fill: #f50707;
margin-right: 5px; }
.gift_summary .gift_full {
line-height: 21px; }
.gift_summary .gift_full > p {
position: relative;
padding-left: 13px; }
.gift_summary .gift_full > p:before {
content: "";
width: 5px;
height: 5px;
border-radius: 50%;
left: 0px;
top: 6px;
position: absolute;
background: #292929; }
.product .frame_right {
float: right;
width: 27%;
padding-left: 50px;
box-sizing: border-box; }
.product .name_mb {
display: none; }
.product h1, .product .name_mb {
font-weight: 600;
font-size: 26px;
line-height: 32px;
color: #221f20; }
@media all and (max-width: 1200px) {
.product h1, .product .name_mb {
font-size: 24px; } }
@media only screen and (max-width: 650px) {
.product h1, .product .name_mb {
float: none;
font-size: 16px;
line-height: 22px; } }
.product_tags {
margin-bottom: 15px; }
.summary {
font-size: 15px;
line-height: 25px;
margin-bottom: 15px;
color: #888; }
.calculate {
margin-top: 20px; }
.calculate .calculate_title {
font-size: 15px; }
.calculate a {
text-align: center;
display: inline-block;
width: 100%;
padding: 12px;
box-sizing: border-box;
border-radius: 5px;
border: 1px solid #eee;
margin-top: 10px;
font-size: 15px; }
.calculate a svg {
width: 20px;
height: 20px;
fill: var(--extra-color);
margin-top: -5px;
margin-bottom: -5px;
margin-right: 5px; }
.contact_agency {
margin-top: 20px; }
.contact_agency a {
text-align: center;
display: inline-block;
width: 100%;
padding: 12px;
box-sizing: border-box;
border-radius: 5px;
margin-top: 5px;
font-size: 15px;
color: #fff;
background: var(--extra-color);
border-radius: 5px;
box-shadow: #202553 0px 4px 2px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 0.5px; }
.contact_agency a svg {
width: 20px;
height: 20px;
fill: #fff;
margin-top: -5px;
margin-bottom: -5px;
margin-right: 5px; }
.status-product {
position: relative; }
@media only screen and (max-width: 1170px) {
.status-product {
margin-top: 0px; } }
.status-product .icon_v1 {
border-radius: 0 4px 4px 0;
cursor: pointer;
width: 16px;
height: 16px;
display: inline-block;
float: left;
margin-right: 4px;
background: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat; }
.rate_head {
line-height: 24px;
display: block;
display: inline-block;
float: left;
display: flex;
margin-left: 20px; }
@media only screen and (max-width: 650px) {
.rate_head {
float: none;
margin-left: 0px; } }
.rate_head a {
margin-left: 8px;
line-height: 22px; }
.rate_head span.star {
width: 18px;
display: inline-block;
color: #ffa700; }
.rate_head span.star.star-on {
color: #ffa700;
width: 18px;
margin-right: 2px; }
@media all and (max-width: 600px) {
.rate_head span.star.star-on {
width: 14px; } }
.rate_head span.star.star-off {
color: #ffa700; }
.rate_head .rate_count {
margin-left: 5px;
font-size: 14px;
color: #222; }
@media all and (max-width: 850px) {
.tab-title_description {
display: block; } }
.product_name {
position: relative;
box-sizing: border-box;
margin-bottom: 20px; }
@media all and (max-width: 1200px) {
.product_name {
padding-right: 0px;
margin-top: 0px; } }
@media all and (max-width: 650px) {
.product_name {
width: 100%;
float: none;
border-bottom: none; } }
@media screen and (max-width: 550px) {
.product_name {
margin-bottom: 20px; } }
.products_bottom {
margin-top: 30px;
display: flex;
flex-wrap: wrap; }
.products_bottom .tabs_content .tabs_title .tabs_item {
font-size: 20px;
margin-bottom: 20px; }
.products_bottom .product_detail_l {
width: calc(100% - 380px);
padding-right: 20px; }
@media all and (max-width: 950px) {
.products_bottom .product_detail_l {
width: calc(100% - 220px); } }
@media all and (max-width: 650px) {
.products_bottom .product_detail_l {
width: 100%;
padding-right: 0px; } }
.products_bottom .product_detail_r {
width: 380px; }
@media all and (max-width: 650px) {
.products_bottom .product_detail_r {
width: 100%; } }
.unsurpassed_characteristics {
background: #f6f6f6;
padding: 20px;
margin-top: 30px; }
.unsurpassed_characteristics .unsurpassed_characteristics_title {
color: var(--main-color);
font-size: 18px;
font-weight: 600;
margin-bottom: 20px; }
.unsurpassed_characteristics .unsurpassed_characteristics_content p {
line-height: 20px;
margin-bottom: 10px;
position: relative;
padding-left: 30px; }
.unsurpassed_characteristics .unsurpassed_characteristics_content p:before {
display: inline-flex;
width: 20px;
height: 20px;
content: "";
position: absolute;
top: 0px;
background-color: #FFF;
left: 0px;
background: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat; }
.info .info_title {
color: #fff;
background: var(--main-color);
padding: 10px 20px;
font-size: 18px;
font-weight: 600; }
.info .info_content {
background: #f6f6f6;
padding: 20px; }
.info .info_content .info_content_item {
margin-bottom: 20px; }
.info .info_content .info_content_item .info_svg {
width: 50px;
float: left;
margin-top: 5px; }
.info .info_content .info_content_item .info_svg svg {
width: 30px;
height: 30px;
fill: var(--main-color); }
.info .info_content .info_content_item .info_c {
width: calc(100% - 50px);
float: left; }
.info .info_content .info_content_item .info_c .info_t {
font-weight: 600;
margin-bottom: 5px; }
.tabs_horizontal {
margin-bottom: 20px; }
.tabs_horizontal .tabs_horizontal_content {
margin-top: 15px; }
.tabs_horizontal .tabs_horizontal_content p {
line-height: 22px;
margin-bottom: 10px; }
.tabs_horizontal_tile {
font-size: 18px;
font-weight: 600;
text-transform: uppercase;
padding-bottom: 10px;
padding-top: 10px;
border-bottom: 1px solid #eee; }
.tabs_horizontal_content_types {
margin-left: -15px;
margin-right: -15px;
margin-top: 30px; }
@media all and (max-width: 1200px) {
.tabs_horizontal_content_types {
margin-left: -10px;
margin-right: -10px; } }
.tabs_horizontal_content_types .item_types {
width: calc(33.33% - 30px);
margin: 0 15px 30px;
float: left; }
@media all and (max-width: 1200px) {
.tabs_horizontal_content_types .item_types {
width: calc(33.33% - 20px);
margin: 0 10px 20px; } }
@media all and (max-width: 840px) {
.tabs_horizontal_content_types .item_types {
width: calc(50% - 20px); } }
.tabs_horizontal_content_types .item_types .image {
width: 65px;
float: left;
display: grid; }
.tabs_horizontal_content_types .item_types .title {
width: calc(100% - 75px);
margin-left: 10px;
float: left;
font-size: 16px;
font-weight: 600;
color: var(--main-color);
line-height: 20px;
padding: 15px 0px; }
.manufactory font {
color: #0183BF;
margin-right: 13PX; }
.rate_count {
margin-left: 5px; }
.is_stock {
margin-left: 17px;
position: relative;
padding-left: 20px;
color: #0183BF;
font-size: 14px; }
.stock_area .is_stock i {
display: block;
width: 16px;
height: 17px;
color: #b6af96;
content: " ";
position: absolute;
top: -1px;
left: 0;
background-position: -410px -2px; }
.member_levels {
padding: 15px;
border: 1px dashed var(--extra-color);
border-radius: 4px;
box-sizing: border-box;
margin-bottom: 15px; }
.member_levels .title_member_levels {
text-transform: uppercase;
font-size: 16px;
font-weight: bold; }
.member_levels .member_lever {
margin-top: 10px; }
.member_levels .member_lever .name {
display: inline-block;
float: left;
padding: 5px 30px;
width: 110px;
font-weight: bold;
color: #252525;
border-radius: 3px;
background: #ffd451;
text-align: center;
box-sizing: border-box; }
.member_levels .member_lever .save_point {
display: inline-block;
float: left;
margin-left: 10px;
line-height: 28px; }
.member_levels .member_lever .save_point span {
color: red;
display: inline-block;
margin-right: 5px; }
.frame_dt {
border: 1px dashed var(--main-color);
padding: 15px;
position: relative;
border-radius: 5px;
margin-bottom: 15px; }
.info label {
font-size: 15px;
text-transform: uppercase;
color: #252525;
font-weight: bold;
margin-bottom: 10px; }
.info li {
margin-bottom: 10px; }
.info li .span1 {
display: inline-block;
width: 100px;
float: left; }
.info li .span2 {
display: inline-block;
width: calc(100% - 100px);
float: left;
color: var(--extra-color); }
.promotion label {
position: absolute;
top: -14px;
left: 13px;
background: #FFF;
padding: 0 10px;
background-size: 240px;
color: #252525;
font-weight: bold;
font-size: 14px;
font-weight: bold; }
.promotion label i {
display: inline-flex;
width: 30px;
height: 25px;
content: " ";
background-position: -187px 0px;
position: absolute;
top: -4px;
background-color: #FFF;
left: 0px;
background-repeat: no-repeat; }
.promotion {
margin-top: 30px;
padding-top: 18px;
margin-bottom: 13px;
padding-bottom: 4px; }
.promotion svg {
width: 14px;
fill: var(--main-color);
margin-right: 7px; }
.promotion.frame_dt p {
position: relative;
padding-left: 18px;
font-size: 13px;
margin-bottom: 9px; }
.promotion.frame_dt p:after {
content: '';
position: absolute;
background: url('data:image/svg+xml;utf8,');
top: 2px;
background-repeat: no-repeat;
left: 0;
width: 12px;
height: 12px;
box-sizing: border-box;
background-size: cover; }
.promotion .db p:after {
background: #c30808;
border-radius: 50%; }
.gift svg {
fill: dodgerblue; }
._color {
display: block;
position: relative;
padding-left: 120px; }
._color label {
display: block;
font-weight: 600;
display: inline-block;
position: absolute;
left: 0px;
top: 2px;
font-size: 20px;
color: #221f20; }
.price_follow_color {
font-size: 18px;
font-weight: 600;
color: #dc0000; }
._color .Selector {
-webkit-transition: all 0.8s;
transition: all 0.8s;
border-radius: 5px;
box-sizing: border-box;
line-height: 25px;
text-align: center;
/* border: 1px solid #eee; */
display: inline-block;
/* width: 100%; */
box-sizing: border-box;
transition: 0.5s;
border-radius: 6px; }
.select_color {
margin: 0 -6px;
margin-top: 6px; }
.li_Selector {
display: inline-block !important;
width: calc(33.33% - 12px);
margin: 0 6px;
float: left; }
.li_Selector .active {
border: 1px solid #ff9b00;
color: #ED1C24; }
._memory {
display: block;
margin-top: 10px;
margin-bottom: 10px; }
._memory label {
display: block;
font-size: 15px; }
.price_follow_memory {
font-size: 18px;
font-weight: bold;
color: #dc0000; }
._memory .Selectorm {
-webkit-transition: all 0.8s;
transition: all 0.8s;
border-radius: 5px;
box-sizing: border-box;
line-height: 25px;
padding: 10px 0;
text-align: center;
border: 1px solid #eee;
display: inline-block;
width: 100%;
box-sizing: border-box;
transition: 0.5s;
border-radius: 6px; }
._memory .Selectorm:hover {
border: 1px solid var(--main-color); }
.select_memory {
margin: 0 -6px;
margin-top: 6px; }
.li_Selector {
display: inline-block !important;
width: calc(33.33% - 12px);
margin: 0 6px;
float: left;
margin-bottom: 12px; }
.li_Selector .active {
border: 1px solid var(--main-color);
color: #ED1C24; }
.li_Selector .active .price_follow_color {
color: #ED1C24; }
._color .Selector .color_item {
display: inline-block !important;
border: 1px solid #ddd;
height: 24px;
width: 24px;
margin-right: 4px;
visibility: visible !important;
cursor: pointer;
background-position: -93px -163px;
background-repeat: no-repeat;
position: relative;
box-sizing: border-box;
border-radius: 50%; }
._color .Selector .color_item font {
position: absolute;
top: -26px;
z-index: 10000;
background: #2080cad6;
color: #FFF;
padding: 1px 7px;
left: -96%;
border-radius: 4px;
min-width: 67px;
display: none;
text-align: center; }
._color .Selector .color_item font::after {
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #2080cad6;
display: inline-block;
width: 0;
height: 0;
position: absolute;
left: 39%;
top: 20px;
vertical-align: top;
content: ''; }
._color .Selector.active .color_item, ._color .Selector:hover .color_item {
border: 1px solid var(--main-color);
background-position: -110px -138px; }
._color .Selector.active .color_item:before, ._color .Selector:hover .color_item:before {
-webkit-transform: translate(-50%, -50%) rotate(45deg);
-moz-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg);
content: "";
width: 6px;
height: 10px;
display: block;
border: solid #eee;
border-width: 0 2px 2px 0;
position: absolute;
top: 50%;
left: 50%;
margin: -2px -2px 0 0; }
._color .Selector:hover .color_item font {
display: block; }
._attributes select {
height: 36px;
margin-bottom: 10px;
padding-left: 12px;
margin-right: 10px;
border-radius: 5px;
border: #ddd 1px solid;
box-sizing: border-box;
width: 176px; }
._attributes select:nth-child(2n) {
float: right;
margin-right: 0; }
.region_wp {
margin-top: 25px; }
.region_wp .muahangtu {
display: inline-block;
float: left;
width: 100px;
line-height: 32px; }
.region_wp select {
height: 32px;
padding-left: 5px;
margin-bottom: 10px;
border-radius: 3px;
border: #e9e9e98a 1px solid;
box-sizing: border-box;
width: calc(100% - 100px);
float: left; }
.warranty_aq {
position: relative;
float: left;
display: none; }
.warranty_aq font {
display: block;
width: 30px;
height: 33px;
position: absolute;
top: -8px;
left: 0;
background-repeat: no-repeat; }
.warranty_aq i {
display: block;
width: 30px;
height: 28px;
content: " ";
background-position: -385px -128px;
background-repeat: no-repeat;
margin-top: 9px; }
.warranty_popup {
display: none;
position: absolute;
top: -37px;
background: #0183BF;
color: #FFF;
width: 240px;
left: -120px;
padding: 5px 10px;
text-align: center;
border-radius: 5px; }
.warranty_aq:hover .warranty_popup {
display: block; }
.product_button2 {
margin-top: 33px;
clear: both;
display: block;
border-bottom: 1px solid #EEE;
padding-bottom: 5px;
margin-bottom: 40px; }
.product_button2 figure {
float: left;
margin-right: 20px; }
.product_button2 figure img {
max-width: 109px; }
@media all and (max-width: 600px) {
.product_button2 figure {
margin-right: 10px;
margin-bottom: 5px; }
.product_button2 figure img {
max-width: 70px; } }
.product_button2_info {
float: left;
width: 30%;
margin-top: 17px; }
@media all and (max-width: 600px) {
.product_button2_info {
margin-top: 0px;
width: calc(100% - 120px); } }
.product_button2_info h3 {
font-size: 16px;
/* padding-right: 25px; */
line-height: 24px; }
.button2_wrap {
float: right;
width: calc(100% - 30% - 130px);
margin-top: 28px; }
.button2_wrap #buy-now-222, .button2_wrap .btn-dathang {
margin-top: 10px;
padding: 8px 0; }
.button2_wrap #buy-now-222 font, .button2_wrap .btn-dathang font {
margin-bottom: 3px;
font-size: 15px;
font-weight: bold; }
.button2_wrap #buy-now-222 span, .button2_wrap .btn-dathang span {
font-size: 12px;
color: #ffffffde; }
.product_button2_info .price_current {
color: #DC0000;
font-size: 18px;
font-weight: 600;
margin-top: 11px;
display: inline-flex; }
@media all and (max-width: 420px) {
.product_button2_info .price_current {
margin-top: 0px; } }
.warranty_popup::after {
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-top: 7px solid #2080CA;
display: inline-block;
width: 0;
height: 0;
position: absolute;
left: 126px;
top: 31px;
vertical-align: top;
content: ''; }
.warranty_popup a {
color: #FFF; }
.characteristic {
margin-bottom: 30px; }
.characteristic label {
display: block;
position: relative;
margin-bottom: 15px;
text-transform: uppercase;
font-size: 16px;
color: #333333;
padding: 10px;
padding-top: 10px;
box-sizing: border-box;
border-bottom: 1px solid #eee; }
.advantage {
padding: 5px 18px;
margin-bottom: 15px;
font-size: 13px;
border: 1px solid var(--extra-color);
box-sizing: border-box; }
.advantage .tuvan li {
margin-bottom: 6px; }
.advantage .tuvan p {
line-height: 18px;
font-size: 14px; }
.advantage .tuvan p a {
font-weight: bold;
color: var(--main-color); }
.advantage label {
font-weight: bold;
color: #fff;
text-align: center;
position: relative;
padding-top: 10px;
padding-bottom: 10px;
box-sizing: border-box;
display: block;
font-size: 15px;
background: var(--extra-color);
text-transform: uppercase;
margin-top: -5px;
margin-left: -18px;
margin-right: -18px; }
.advantage label svg {
width: 18px;
height: 18px;
position: absolute;
left: 0;
fill: var(--extra-color); }
.advantage .adv_ddress {
font-size: 13px;
color: #565656; }
.advantage .adv_ddress p {
margin-bottom: 8px;
position: relative;
padding-left: 23px; }
.advantage .adv_ddress p:before {
content: '';
width: 15px;
height: 15px;
position: absolute;
left: 0;
background-size: cover;
background: url('data:image/svg+xml;utf8,');
background-size: cover; }
.advantage .tuvan label {
padding-left: 25px; }
.advantage .tuvan li {
margin-bottom: 6px; }
.advantage .tuvan p {
line-height: 18px;
font-size: 14px; }
.advantage .tuvan p a {
font-weight: bold;
color: var(--main-color); }
.advantage_content p {
position: relative;
padding-left: 28px;
margin-bottom: 13px;
font-size: 13px; }
.advantage_content p svg {
width: 20px;
color: #0183BF;
display: block;
position: absolute;
top: 1px;
left: 0; }
.advantage_content p b, .advantage_content p strong, .promotion b, .promotion strong {
font-weight: 600; }
.advantage_content .warranty_exchange svg {
width: 30px;
left: -5px; }
.accessories_incentives .item {
margin-bottom: 15px;
border-bottom: 1px solid #eee;
padding-bottom: 15px; }
.accessories_incentives .item img {
float: left;
margin-right: 10px;
margin-bottom: 5px;
width: 100px; }
.accessories_incentives .item .name {
font-weight: normal;
margin-bottom: 2px;
max-height: 54px;
overflow: hidden; }
.accessories_incentives .item .price {
font-weight: normal;
font-size: 14px;
font-weight: bold;
color: #dc0000; }
#buy-now-222 {
-webkit-border-radius: 5px;
-webkit-background: var(--main-color);
-webkit-appearance: none; }
#buy-now-222 {
display: inline-block;
background: #222;
border: 1px solid #221F20;
box-sizing: border-box;
border-radius: 24px 0px;
padding: 13px 24px;
color: #fff;
display: inline-block;
position: relative;
cursor: pointer;
text-transform: uppercase;
font-weight: 600;
font-size: 16px;
line-height: 24px; }
.btn-dathang, .btn-tragop {
background: var(--extra-color);
float: left;
margin-left: 8px;
padding: 9px 0; }
.btn-dathang p, .btn-tragop p {
margin-top: 0; }
.btn-dathang:hover, .btn-tragop:hover {
background: #009ff7; }
.promotion_info {
margin-top: 20px; }
.promotion_info.frame_dt {
font-size: 13px; }
.promotion_info.frame_dt p {
position: relative;
padding-left: 16px; }
.promotion_info.frame_dt p:after {
content: '';
position: absolute;
background: #0183BF;
top: 6px;
left: 0;
width: 7px;
height: 7px;
border-radius: 50%; }
#buy-now:hover, #buy-now-222:hover {
background: var(--main-color); }
.btn-tragop:hover {
background: var(--main-color); }
#buy-now font, #buy-now-222 font, .btn-tragop font {
text-transform: uppercase;
font-size: 14px; }
@media all and (max-width: 800px) {
#buy-now font, #buy-now-222 font, .btn-tragop font {
font-size: 13px; } }
@media all and (max-width: 600px) {
#buy-now font, #buy-now-222 font, .btn-tragop font {
font-size: 14px; } }
.hotline_detail {
margin-top: 20px;
position: relative;
padding-left: 55px;
font-size: 14px;
color: var(--main-color); }
.hotline_detail svg {
width: 30px;
position: absolute;
left: 0px;
padding: 6px;
border-radius: 10px;
background: var(--extra-color);
fill: #fff;
top: -12px; }
.hotline_detail a {
color: var(--main-color);
font-size: 20px; }
@media all and (max-width: 800px) {
.hotline_detail a {
font-size: 18px; } }
.status_product {
margin-top: 18px; }
.status_product .status_it {
line-height: 22px;
margin-top: 4px;
width: calc(50% - 0px);
float: left;
box-sizing: border-box; }
.status_product .status_it label {
font-weight: 600; }
.status_product .status_it span.status {
color: var(--extra-color); }
.read_more {
color: #222;
padding: 15px;
border: 1px solid var(--border-color);
border-radius: 5px;
margin-bottom: 10px; }
.read_more a {
color: var(--extra-color); }
.read_more p {
margin-bottom: 5px; }
.read_more p:last-child {
margin-bottom: 0px; }
.info_base {
box-sizing: border-box; }
.info_base .services {
margin-top: 10px;
padding: 10px 20px;
border: 1px solid #ddd; }
.info_base .services .item_services {
margin-top: 10px; }
.info_base .services .item_services input {
transform: translate(0px, 2px); }
.info_base .services .item_services span {
display: inline-block;
margin-left: 2px; }
.info_base .services .item_services label {
cursor: pointer; }
.info_base .services .title {
font-weight: 500;
color: #000; }
.info_base .services .title span {
color: red; }
.product .promotion_base .title, .product .promotion_more .title {
padding: 10px 20px;
background: #f6f6f6;
border: 1px solid #ddd; }
.product .promotion_base .title .t, .product .promotion_more .title .t {
text-transform: uppercase;
font-weight: 500;
font-size: 15px;
color: #000; }
.product .promotion_base .title .promotion_title, .product .promotion_more .title .promotion_title {
font-size: 12px;
color: #333; }
.product .promotion_base .info, .product .promotion_more .info {
margin-top: 18px;
padding: 10px 19px;
border: 1px solid var(--border-color);
border-radius: 5px; }
@media all and (max-width: 1200px) {
.product .promotion_base .info, .product .promotion_more .info {
padding: 10px 15px; } }
.product .promotion_base .info svg, .product .promotion_more .info svg {
width: 15px;
height: 15px;
fill: #fff; }
.product .promotion_base .info .icon_svg, .product .promotion_more .info .icon_svg {
width: 36px;
height: 36px;
border-radius: 50%;
background: var(--extra-color);
display: flex;
align-items: center;
justify-content: center;
float: left;
margin-top: 3px; }
.product .promotion_base .info .promotion_x, .product .promotion_more .info .promotion_x {
float: left;
width: calc(100% - 46px);
margin-left: 10px;
line-height: 22px; }
.product .promotion_base .info p, .product .promotion_more .info p {
margin-top: 10px;
display: inline-block;
position: relative; }
.product .promotion_base .info p:before, .product .promotion_more .info p:before {
width: 14px;
height: 14px;
content: '';
position: absolute;
background: url('data:image/svg+xml;utf8,');
background-size: 100% 100%;
top: 2px;
left: 0px;
display: none; }
.product .promotion_base .info p:first-child, .product .promotion_more .info p:first-child {
margin-top: 0px; }
.product .promotion_base .note, .product .promotion_more .note {
padding: 10px 20px;
border: 1px solid #ddd;
border-top: none; }
.product .promotion_base .note span, .product .promotion_more .note span {
color: red;
font-weight: 600; }
.product .promotion_more {
margin-bottom: 10px; }
.product .promotion_more .title {
border-radius: 5px 5px 0 0; }
.product .promotion_more .info {
border-radius: 0px 0px 5px 5px; }
.product .promotion_more .info p:before {
background: url('data:image/svg+xml;utf8,'); }
.discount_o {
color: #636363;
/* margin-top: 10px; */
font-size: 15px;
background-color: #dc633a;
font-size: 14px;
line-height: 16px;
font-weight: 600;
color: #f7f8f9;
padding: 4px 8px;
display: inline-block;
margin-left: 10px;
transform: translate(0px, -15px); }
@media all and (max-width: 1200px) {
.discount_o {
font-size: 14px; } }
.product .product_base .price {
display: flex;
align-items: baseline;
line-height: 1.212; }
.product .product_base .price .in_stock {
position: absolute;
right: 0;
top: 15px;
color: #000;
font-weight: normal;
font-size: 14px;
/* padding-left: 20px; */
line-height: 20px; }
.product .product_base .price .in_stock i {
border-radius: 0 4px 4px 0;
cursor: pointer;
width: 18px;
height: 21px;
display: inline-block;
/* margin-left: 11px; */
/* margin-top: 4px; */
float: left;
margin-right: 3px;
background: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat; }
.product .product_base .price .note_price2 {
font-size: 13px; }
.product .product_base .price .price_text {
font-size: 20px;
font-weight: 600;
color: #000; }
.product_base .info {
margin-bottom: 20px;
font-size: 16px;
line-height: 24px;
color: #6c6d70; }
.product_base .info .sku {
float: left; }
.product_base .info .rate_head {
float: left;
margin-left: 40px; }
.product .product_base .note_hotdeal {
color: #fff;
padding: 3px 6px 2px 8px;
font-size: 12px;
background: #ff9b00;
border-radius: 10px;
float: left;
line-height: 15px;
margin-left: 20px;
margin-top: 5px; }
.product .product_base .price .price_current {
font-weight: 600;
font-size: 24px;
line-height: 32px;
color: #221f20; }
@media all and (max-width: 1200px) {
.product .product_base .price .price_current {
font-size: 20px; } }
.pri_unit {
font-size: 24px; }
.product .product_base .price .price_old {
display: inline-block;
font-size: 18px;
font-weight: normal;
color: #a09e9e;
margin-left: 20px; }
@media all and (max-width: 1200px) {
.product .product_base .price .price_old {
font-size: 18px; } }
.product .product_base .price .price_old .price_old_nb {
text-decoration: line-through; }
.product .product_base .price .price_old .discount, .product .product_base .price .price_old .text {
font-weight: bold;
color: #dc0000; }
.text_price_contact {
font-weight: bold;
color: #dc0000;
font-size: 16px;
display: inline-block;
margin-left: 10px; }
@media all and (max-width: 980px) {
.text_price_contact {
display: block;
margin-top: 9px;
margin-left: 0px;
font-weight: normal; } }
.product .product_base .price .note_hotdeal {
color: #fff;
padding: 3px 6px 2px 8px;
font-size: 12px;
background: #ff9b00;
border-radius: 10px;
float: left;
line-height: 15px;
margin-left: 20px;
margin-top: 5px; }
@media all and (max-width: 600px) {
.product .product_base .price .note_hotdeal {
display: none; } }
#smartTab {
z-index: 1;
/* max-width: 710px; */
width: 100%; }
.product .product_tabs_ul {
border-top: 2px solid #E0E0E0;
background: #F5F5F5;
border-radius: 2px;
list-style: none;
margin-bottom: 20px;
padding: 0; }
.product .product_tabs_ul li {
float: left;
border-right: 1px solid #f4f4f4; }
.product .product_tabs_ul a {
display: inline-block;
padding: 10px 18px 11px;
white-space: nowrap;
font-size: 16px; }
.product .product_tabs_ul li {
float: left;
border-right: 1px solid #E7E7E7; }
.product .product_tabs_ul li.active a, .product .product_tabs_ul li:hover a {
color: #00A7F4;
border-top: #00A7F4 2px solid;
margin-top: -2px;
padding-top: 12px;
text-decoration: none;
background: #FDFDFD; }
#box_conten_linfo {
max-height: 300px;
transition: height 75ms;
overflow: hidden; }
#readmore_desc, #readany_desc {
text-align: center;
margin-top: 20px;
margin-bottom: 28px;
font-size: 15px; }
#readmore_desc {
position: relative; }
#readmore_desc:before {
width: 100%;
height: 150px;
background-image: -webkit-linear-gradient(bottom, #ffffff, #ffffffed, #ffffff00);
top: -150px;
left: 0px;
content: '';
position: absolute; }
#readmore_desc span, #readany_desc span {
display: inline-block;
padding: 7px 25px 5px;
background: #fff;
border-radius: 30px;
border: 1px solid var(--border-color);
/* color: #525252; */
cursor: pointer;
width: 200px;
box-sizing: border-box;
text-transform: uppercase;
font-weight: 600; }
#readmore_desc span svg, #readany_desc span svg {
display: inline-block;
width: 12px;
height: 12px;
margin-left: 5px;
fill: var(--extra-color);
transform: translate(0px, 0px);
transition: 0.5s;
display: none; }
#readmore_desc span:hover, #readany_desc span:hover {
color: #fff;
background: var(--extra-color); }
#readmore_desc span:hover svg, #readany_desc span:hover svg {
fill: #fff; }
#readany_desc span:hover {
background: var(--main-color);
color: #fff; }
#readany_desc span:hover:before {
border-right: 2px solid #fff;
border-top: 2px solid #fff; }
#readany_desc span::before {
border-right: 2px solid var(--extra-color);
width: 4px;
/* border-right: 8px solid transparent; */
border-top: 2px solid var(--extra-color);
display: inline-block;
width: 5px;
height: 5px;
position: absolute;
right: 15px;
top: 15px;
vertical-align: top;
content: '';
/* border-radius: 3px; */
transform: rotate(-45deg);
transition: 0.5s; }
.product .hit_share {
text-align: center;
margin: 15px auto 0px;
height: 15px;
width: 50%; }
.product .hit_share .fb_iframe_widget {
display: inline-block;
position: relative;
/* margin-top: 10px; */
height: 15px;
width: 80px;
float: left; }
.product .hit_share .fb-like {
margin-right: 10px;
margin-left: 0px; }
@media screen and (max-width: 600px) {
.product .hit_share .fb-like {
margin-left: 0px; } }
/***** MODAL ********/
.modal {
display: none; }
.modal-dialog {
width: 100%;
position: fixed;
top: 0px;
background: rgba(14, 14, 14, 0.74);
z-index: 1000;
left: 0;
bottom: 0;
padding-top: 50px; }
.modal-dialog .modal-content {
width: 850px;
max-width: 100%;
margin: 0 auto;
background: #FFF;
box-sizing: border-box;
border-left: 1px solid #eee;
border-right: 1px solid #eee;
z-index: 100;
padding: 20px; }
.modal-header {
position: relative;
background: var(--main-color);
padding-top: 4px;
border: none; }
.modal-header button {
position: absolute;
right: 7px;
top: 3px;
border: none;
background: red;
font-size: 19px;
font-weight: bold;
color: #FFF;
text-align: center;
padding: 0 4px 1px; }
.modal-title {
padding-bottom: 6px;
font-weight: 500;
font-size: 16px;
margin-bottom: 16px;
color: #FFF;
padding-left: 13px; }
.modal-body {
padding: 5px 15px 15px; }
@media all and (max-width: 600px) {
.modal-body {
padding: 10px 0; } }
.modal-full-screen {
width: 100%;
height: 100%;
position: fixed;
top: 0;
bottom: 0;
left: 0;
z-index: -1; }
/***** end MODAL *******/
.group_field {
background: #EEE;
text-align: left;
color: #111; }
.group_field b {
font-weight: 600; }
.compare_table {
line-height: 26px;
height: 100%;
overflow-x: scroll; }
.compare_table a {
color: var(--extra-color); }
.modal-content .content {
overflow-y: scroll;
height: 80vh; }
.title_charactestic {
font-weight: normal;
padding-left: 0;
padding: 10px 0;
color: #000;
font-weight: 600; }
.title_charactestic2 {
text-align: center;
padding-bottom: 0; }
tr.tr-0, tr.tr-1 {
border-top: 1px #bbbbbb61 solid;
color: #333; }
tr.tr-1:last-child {
border-top: 0px #bbbbbb61 solid; }
.readmore_chareactestic {
font-weight: 600;
display: inline-block;
width: 100%;
text-align: center;
border-radius: 40px;
padding: 9px 0 8px;
cursor: pointer;
font-size: 14px;
/* color: #000; */
border: 1px solid var(--border-color);
width: 200px;
transition: 0.5s;
text-transform: uppercase;
box-sizing: border-box; }
.readmore_chareactestic svg {
display: inline-block;
width: 12px;
height: 12px;
margin-left: 5px;
fill: var(--extra-color);
transform: translate(0px, 0px);
transition: 0.5s;
display: none; }
.readmore_chareactestic:hover {
background: var(--extra-color);
color: #fff; }
.readmore_chareactestic:hover svg {
fill: #fff; }
#tab_videos ._left {
width: 100%;
float: left;
box-sizing: border-box;
padding-right: 0px; }
#tab_videos ._right {
width: 100%;
float: right;
box-sizing: border-box;
padding-left: 0px;
margin-top: 20px; }
#tab_videos ._right iframe, #tab_videos ._left iframe {
max-width: 100%; }
.table_special tr td:nth-child(odd) {
width: 30% !important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.table_special tr td:nth-child(even) {
width: 70% !important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.description {
font-size: 15px;
line-height: 26px; }
@media all and (max-width: 850px) {
.description {
font-size: 14px;
line-height: 24px; } }
.description img {
max-width: 100%;
height: auto !important; }
.description p, .description div, .description li, .description h2, .description h3, .description h4 {
margin-bottom: 12px; }
.description li {
list-style: disc; }
.description iframe {
max-width: 100%; }
.description table {
border: 1px solid #ccc;
font-size: 15px;
width: 100% !important;
margin-bottom: 10px; }
.description table tr, .description table td {
border: 1px solid #ccc; }
.description table td {
padding-left: 10px !important;
padding-top: 5px !important;
padding-bottom: 5px !important; }
.description table td p span {
font-size: 13px !important; }
.description table td span strong {
font-size: 13px !important; }
.description table td span span strong {
font-size: 13px !important; }
.description .video_wrapper {
float: none;
clear: both;
width: 100%;
position: relative;
padding-bottom: 56.25%;
padding-top: 25px;
height: 0; }
.description .video_wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.description h1 {
font-size: 28px;
line-height: 36px; }
.description h2 {
font-size: 24px;
line-height: 32px; }
.description h3 {
font-size: 20px;
line-height: 30px; }
.description h1, .description h2, .description h3 {
margin-bottom: 10px;
margin-top: 20px; }
.description ul li {
margin-left: 40px; }
@keyframes border-pulsate {
0% {
border-color: #00A7F4; }
50% {
border-color: #c30808; }
100% {
border-color: #00A7F4; } }
.products_orders {
color: #f50707;
font-size: 13px;
line-height: 21px;
margin-top: 13px;
border: 1px solid #ededed;
padding: 8px 10px;
width: calc(100% - 00px);
box-sizing: border-box; }
@media all and (max-width: 600px) {
.products_orders {
width: 100%;
box-sizing: border-box; } }
#products_orders li {
position: relative; }
#products_orders li .icon_v1 {
position: absolute;
content: '';
width: 14px;
height: 14px;
display: inline-flex;
top: 3px;
left: 0;
background-position: -377px -2px; }
/********* TAB **************/
.tab-title {
margin-bottom: 15px;
font-size: 18px;
font-weight: 600;
text-transform: uppercase;
padding-bottom: 10px;
padding-top: 10px; }
.tab_label {
margin-bottom: 12px; }
.tab_label strong {
font-weight: 600; }
.tab_label .statistic {
font-style: italic;
font-weight: bold;
font-weight: 600; }
.video_product {
margin-top: 40px; }
#characteristic-label .title_icon i {
background: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat; }
/********* TAB **************/
/******** QUICK ORDER ********/
.col-modal-l {
border-right: 1px solid #EEEEEE;
border-bottom: none;
margin-bottom: 0;
width: 50%;
float: left;
box-sizing: border-box;
padding-right: 15px; }
@media all and (max-width: 600px) {
.col-modal-l {
width: 100%;
padding: 0;
border-right: 0; } }
.col-modal-r {
width: 50%;
float: right;
padding-left: 15px;
box-sizing: border-box; }
@media all and (max-width: 600px) {
.col-modal-r {
width: 100%;
padding: 0; } }
#modal_buy_now .media-box {
margin-bottom: 10px; }
.mt10 {
margin-bottom: 10px; }
.pull-left {
float: left;
width: 35%; }
.media-body {
float: right;
width: 65%;
padding-left: 10px;
box-sizing: border-box; }
.media-body h2 {
margin-bottom: 6px; }
#modal_buy_now .media-body select {
width: 100%;
margin-bottom: 10px;
height: 28px;
border: 1px solid #EEE;
padding-left: 5px; }
#modal_buy_now .media-body .quantity_modal {
border: 1px solid #EEE;
text-align: center;
width: 50px;
padding: 5px 10px; }
#modal_buy_now .price_modal {
color: #e20000;
font-size: 18px;
font-weight: bold;
margin-top: 9px; }
.price_modal_new {
color: #e20000;
font-size: 16px;
font-weight: bold;
margin-top: 5px;
line-height: 20px; }
.price_modal_new label {
color: #252525;
font-size: 15px;
font-weight: normal; }
.input_text_wrap {
margin-bottom: 15px; }
#modal_buy_now .input_text {
display: block;
width: 100%;
padding: 5px 10px;
box-sizing: border-box;
border: 1px solid #EEE; }
.btn {
display: inline-block;
padding: 6px 25px;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 0px; }
#modal_buy_now .btn-default {
background-color: #25B7E9;
border: medium none;
color: #fff;
border-radius: 0;
margin-right: 10px; }
#modal_buy_now .reset-default {
background-color: #A9A9A9;
border: medium none;
border-radius: 0;
color: #fff; }
#modal_buy_now .other_info {
border-top: 1px solid #EEEEEE;
padding-top: 16px;
text-align: center; }
/******** end QUICK ORDER ********/
/******** buy_fast ********/
.buy_fast_p {
margin-top: 10px;
width: 100%;
float: none;
box-sizing: border-box;
position: relative;
box-sizing: border-box;
padding: 8px;
/* border: 1px solid var(--main-color); */
background: #ffd200;
border-radius: 5px;
background: #4d4d4d;
color: #fff;
box-sizing: border-box;
padding: 10px 15px;
display: flex;
align-items: center; }
@media all and (max-width: 420px) {
.buy_fast_p {
width: 100%; } }
.buy_fast_p .title_buy_fast {
font-size: 11px; }
.buy_fast_p .title_buy_fast_bold {
font-size: 14px;
text-transform: uppercase; }
.buy_fast_p .buy_fast_p_l {
width: 130px; }
.buy_fast_p #buy_fast_form {
width: calc(100% - 130px); }
.sub_title {
margin-top: 3px;
margin-bottom: 10px; }
.buy_fast label {
display: block;
text-transform: uppercase;
margin-bottom: 1px;
font-size: 16px; }
#telephone_buy_fast {
border: none;
width: calc(100% - 52px);
float: left;
height: 32px;
padding-left: 10px;
box-sizing: border-box;
font-size: 13px;
border-radius: 3px 0 0 3px; }
#buy_fast_form .button-buy-fast:hover {
background: #DF0909;
color: #FFF; }
.buy_fast .label_error {
text-align: left;
padding-top: 4px;
display: block;
position: absolute;
bottom: -19px;
left: 0px; }
/******** end buy_fast ********/
/******** COMPARE BOX ********/
.products_compare_wrap .cat-title-main {
width: calc(100% - 340px);
float: left;
margin-top: 5px; }
@media all and (max-width: 750px) {
.products_compare_wrap .cat-title-main {
width: 100%;
float: none; } }
.compare_box {
width: 340px;
float: right; }
@media all and (max-width: 750px) {
.compare_box {
width: 100%;
float: none;
margin-top: 10px; } }
.compare_box_top {
width: 100%;
float: none;
margin-top: 30px; }
.compare_box_top .compare-mb {
font-size: 18px;
font-weight: 600;
text-transform: uppercase;
line-height: 25px;
color: var(--extra-color); }
.compare_box_top #compare_name2 {
margin-top: 10px;
border-radius: 5px; }
.compare_box label {
font-weight: 500; }
.compare_box input {
padding: 10px 20px;
width: 100%;
box-sizing: border-box;
border: none;
border-radius: 25px;
font-size: 13px;
/* margin-top: 12px; */
/* margin-bottom: 10px; */
border: 1px solid var(--border-color); }
.compare_box input::placeholder {
font-style: italic; }
.autocomplete-suggestions-compare2 {
position: absolute;
top: 4px;
right: -5px;
margin: 6px 0 0 6px;
_background: none;
_margin: 1px 0 0 0; }
.autocomplete-suggestions-compare2 {
border: 1px solid #ececec;
background: #fff;
cursor: default;
overflow: auto;
margin: 0 0px 6px -30px;
width: 100%;
top: 31px;
left: 19% !important; }
.autocomplete-suggestions-compare2 div {
cursor: pointer;
width: 100%;
display: inline-block;
clear: both;
padding: 0;
margin: 0;
margin-bottom: -5px; }
.autocomplete-suggestions-compare2 .autocomplete-group {
padding: 8px 3%;
width: 100%;
background: #f9f9f9;
box-sizing: border-box; }
.autocomplete-suggestions-compare2 div a, .autocomplete-suggestions-compare2 div a:link, .autocomplete-suggestions-compare2 div a:visited {
display: inline-block;
margin: 0;
padding: 6px 3%;
width: 100%;
/* font-family: opensans; */
font-size: 13px;
color: #333;
background: #fff;
clear: both;
border-bottom: 1px solid #eee;
box-sizing: border-box; }
.autocomplete-suggestions-compare2 div a:hover {
background: #ececec; }
.autocomplete-suggestions-compare2 div a img {
width: 64px;
float: left;
margin-right: 20px; }
.autocomplete-suggestions-compare2 div a label {
font-weight: normal;
cursor: pointer;
margin: 0; }
.autocomplete-suggestions-compare2 div a span {
clear: both;
cursor: pointer;
margin: 0;
padding: 0; }
.autocomplete-suggestions-compare2 div a span.price {
color: #fd0000;
padding-top: 10px; }
.autocomplete-suggestions-compare2 div.last {
border: none; }
.autocomplete-suggestions-compare2 strong {
font-weight: 500;
color: #0083bf; }
.autocomplete-suggestions-compare2::-webkit-scrollbar-track {
border-radius: 15px;
background-color: var(--main-color); }
.autocomplete-suggestions-compare2::-webkit-scrollbar {
width: 5px;
background-color: var(--main-color);
border-radius: 15px; }
.autocomplete-suggestions-compare2::-webkit-scrollbar-thumb {
border-radius: 15px;
background: var(--main-color);
border: 1px solid var(--main-color); }
@media only screen and (max-width: 768px) {
.autocomplete-suggestions-compare2 {
top: 30px;
left: 10px; } }
/******** end COMPARE BOX ********/
.autocomplete-suggestions-compare {
position: absolute;
top: 4px;
right: -5px;
margin: 6px 0 0 6px;
_background: none;
_margin: 1px 0 0 0; }
.autocomplete-suggestions-compare {
border: 1px solid #ececec;
background: #fff;
cursor: default;
overflow: auto;
margin: 0 0px 6px -30px;
width: 100%;
top: 31px;
left: 41% !important; }
.autocomplete-suggestions-compare div {
cursor: pointer;
width: 100%;
display: inline-block;
clear: both;
padding: 0;
margin: 0;
margin-bottom: -5px; }
.autocomplete-suggestions-compare .autocomplete-group {
padding: 8px 3%;
width: 100%;
background: #f9f9f9;
box-sizing: border-box; }
.autocomplete-suggestions-compare div a, .autocomplete-suggestions-compare div a:link, .autocomplete-suggestions-compare div a:visited {
display: inline-block;
margin: 0;
padding: 6px 3%;
width: 100%;
/* font-family: opensans; */
font-size: 13px;
color: #333;
background: #fff;
clear: both;
border-bottom: 1px solid #eee;
box-sizing: border-box; }
.autocomplete-suggestions-compare div a:hover {
background: #ececec; }
.autocomplete-suggestions-compare div a img {
width: 64px;
float: left;
margin-right: 20px; }
.autocomplete-suggestions-compare div a label {
font-weight: normal;
cursor: pointer;
margin: 0; }
.autocomplete-suggestions-compare div a span {
clear: both;
cursor: pointer;
margin: 0;
padding: 0; }
.autocomplete-suggestions-compare div a span.price {
color: #fd0000;
padding-top: 10px; }
.autocomplete-suggestions-compare div.last {
border: none; }
.autocomplete-suggestions-compare strong {
font-weight: 500;
color: #0083bf; }
.autocomplete-suggestions-compare::-webkit-scrollbar-track {
border-radius: 15px;
background-color: var(--main-color); }
.autocomplete-suggestions-compare::-webkit-scrollbar {
width: 5px;
background-color: var(--main-color);
border-radius: 15px; }
.autocomplete-suggestions-compare::-webkit-scrollbar-thumb {
border-radius: 15px;
background: var(--main-color);
border: 1px solid var(--main-color); }
@media only screen and (max-width: 768px) {
.autocomplete-suggestions-compare {
top: 30px;
left: 10px; } }
/******** end COMPARE BOX ********/
/******** NEWS RELATE HORIZONTAL********/
.news_related_horizontal {
margin-left: -10px;
margin-right: -10px; }
.news_related_horizontal .item-related {
float: left;
width: 16.66667%;
padding: 0 10px;
box-sizing: border-box; }
.news_related_horizontal .item-related > a {
text-align: center;
overflow: hidden;
display: block; }
.news_related_horizontal .item-related img {
width: 100%;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s; }
.news_related_horizontal .item-related:hover img {
transform: scale(1.1);
-webkit-transform: scale(1.1);
opacity: 0.5; }
.news_related_horizontal .item-related .title-item-related {
font-weight: normal;
margin-top: 15px; }
/******** end NEWS RELATE HORIZONTAL********/
/******** NEWS RELATE VERTICAL********/
/******** end NEWS RELATE ********/
.characteristic a {
color: var(--extra-color); }
.frame_b_l {
float: left;
width: calc(100% - 0px); }
.frame_b_l_full {
width: 100% !important;
float: none; }
.frame_b_r {
width: 360px;
float: right; }
@media all and (max-width: 840px) {
.frame_b_r {
width: 100%;
float: none; } }
@media all and (max-width: 600px) {
.frame_b_r .tab_content_right {
display: none; } }
/**************** SLIDeSHOw Highlight **************/
#products_slideshow_hightlight {
display: block; }
#products_slideshow_hightlight .name {
background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
bottom: 0;
color: #fff;
display: none;
font-family: MyriadPro-Light;
font-size: 18px;
font-weight: bold;
left: 0;
margin: 0;
padding: 8px 20px;
position: absolute;
width: 100%; }
#products_slideshow_hightlight .item {
text-align: center;
display: none; }
#products_slideshow_hightlight .item:first-child {
display: block; }
.owl-dot {
background: #888888;
margin: 0px 4px;
width: 10px;
height: 10px;
border-radius: 50%;
display: inline-block;
/* border: 1px solid #fff; */
box-sizing: border-box;
box-shadow: 1px 1px 1px #FFF; }
#products_slideshow_hightlight:hover .owl-dot {
opacity: 1; }
.owl-dots {
text-align: center;
position: absolute;
bottom: 3px;
padding: 6px 0px;
border-radius: 19px;
left: 50%;
transform: translate(-50%, 0);
background: none; }
.owl-dot.active,
.owl-dot:hover {
background: var(--main-color);
box-shadow: inset rgba(255, 255, 255, 0.37) -1px 1px 1px; }
#products_slideshow_hightlight .owl-controls .owl-nav {
position: absolute;
top: 38%;
height: 0;
width: 100%;
display: none; }
#products_slideshow_hightlight:hover .owl-controls .owl-nav {
display: block; }
#products_slideshow_hightlight .owl-controls .owl-nav div {
display: inline-block;
zoom: 1;
position: absolute;
padding: 6px 0 0;
margin: 0;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
background: rgba(1, 131, 191, 0.75);
width: 30px;
height: 34px;
text-align: center;
font-size: 46px;
color: #fff;
font-family: -webkit-body;
line-height: 20px; }
#products_slideshow_hightlight .owl-controls .owl-prev {
left: 10px; }
#products_slideshow_hightlight .owl-controls .owl-next {
right: 10px; }
/**************** end SLIDeSHOw Highlight **************/
.products_compare_wrap {
margin-bottom: 50px;
margin-top: 20px; }
.products_compare_wrap .list_vertical {
display: flex;
flex-wrap: wrap;
margin: 0px -15px; }
@media all and (max-width: 1200px) {
.products_compare_wrap .list_vertical {
margin: 0px -10px; } }
.products_compare_wrap .list_vertical .item-related {
box-sizing: border-box;
width: 25%;
padding: 0px 15px;
position: relative; }
.products_compare_wrap .list_vertical .item-related .discount_p {
position: absolute;
background: var(--main-color);
z-index: 2;
color: #fff;
width: 54px;
height: 54px;
text-align: center;
padding: 8px;
box-sizing: border-box;
border-radius: 60%;
right: 15px;
top: 10px;
border: 2px solid #fff; }
.products_compare_wrap .list_vertical .item-related:nth-child(1) {
border-right: 1px solid #ededed; }
@media all and (max-width: 600px) {
.products_compare_wrap .list_vertical .item-related {
width: 50%;
margin-bottom: 30px; } }
.products_compare_wrap .list_vertical .img_a {
margin-bottom: 10px;
display: block;
min-height: 199px; }
@media all and (max-width: 1200px) {
.products_compare_wrap .list_vertical .img_a {
min-height: 100px; } }
.products_compare_wrap .list_vertical .text-view {
text-transform: uppercase;
color: #656565;
height: 17px;
margin-bottom: 10px; }
.products_compare_wrap .list_vertical .text-view-main {
color: #0678af; }
.products_compare_wrap .list_vertical .name {
line-height: 21px;
margin-bottom: 13px;
display: block;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
overflow: hidden; }
.products_compare_wrap .list_vertical .name_main {
color: var(--main-color); }
.products_compare_wrap .list_vertical .price_wrap {
padding-bottom: 15px;
border-bottom: 1px solid #bdbdbd;
margin-bottom: 15px; }
.products_compare_wrap .list_vertical .price {
color: #e10c00;
font-weight: 600;
display: block; }
.products_compare_wrap .list_vertical .price_old {
color: #848181;
font-size: 13px;
font-weight: normal;
display: inline-flex;
text-decoration: line-through;
display: inline-block; }
.products_compare_wrap .list_vertical .gift_accessories_compare {
font-size: 13px;
color: #585858;
line-height: 17px; }
.products_compare_wrap .list_vertical .link_compare {
color: var(--extra-color);
margin-top: 15px;
position: relative;
display: inline-block; }
.products_compare_wrap .list_vertical .link_compare:after {
display: block;
width: 14px;
height: 15px;
color: #b6af96;
content: "";
background: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
position: absolute;
top: 4px;
right: -21px; }
/***** STYLE RULE ******/
.frame_left {
position: relative; }
.frame_left .doi-1 {
position: absolute;
width: 44px;
height: 44px;
top: 3px;
content: '';
background: #ff0000bd;
border-radius: 50%;
color: #FFF;
font-size: 11px;
line-height: 12px;
padding-top: 8px;
box-sizing: border-box;
letter-spacing: -0.8px;
font-weight: 600;
word-spacing: -0.8px;
left: 6px;
text-align: center;
-webkit-transition-delay: .3s;
transition-delay: .3s;
transform: translate(-400px, -100px);
z-index: 1; }
.frame_left .doi-1 div {
-webkit-animation: jump 4.8s ease-in infinite;
animation: jump 4.8s ease-in infinite; }
.frame_left .gia-soc, .frame_left .bao-hanh-24, .frame_left .tra-gop, .frame_left .doi-1-24, .frame_left .hot-sale, .frame_left .bh-ca-roi-vo {
z-index: 1;
position: absolute;
left: calc(50% - 76px);
bottom: 27px;
-webkit-transition-delay: .6s;
transition-delay: .6s;
transform: translate(400px, 400px); }
.frame_left .gia-soc div, .frame_left .bao-hanh-24 div, .frame_left .tra-gop div, .frame_left .doi-1-24 div, .frame_left .hot-sale div, .frame_left .bh-ca-roi-vo div {
color: #FFF;
padding: 8px 10px 6px;
font-weight: bold;
font-size: 17px;
display: block;
border-radius: 4px;
text-transform: uppercase; }
.frame_left .gia-soc div, .frame_left .hot-sale div {
background: #f28902d1;
-webkit-animation: scale-shadow 2.8s ease-in infinite;
animation: scale-shadow 2.8s ease-in infinite; }
.frame_left .bao-hanh-24 div, .frame_left .doi-1-24 div, .frame_left .bh-ca-roi-vo div {
background: #f28902d1; }
.frame_left .bao-hanh-24 div span, .frame_left .doi-1-24 div span, .frame_left .bh-ca-roi-vo div span {
-webkit-animation: text-circle 4.0s ease-in infinite;
animation: text-circle 4.0s ease-in infinite;
display: inline-block; }
.frame_left .tra-gop div {
background: #f28902d1; }
.frame_left .tra-gop div span {
-webkit-animation: neon1 3.0s ease-in infinite;
animation: neon1 3.0s ease-in infinite;
display: inline-block; }
.frame_left_animate .doi-1 {
transform: translate(0, 0);
-webkit-transform: scale(1) rotate(0deg);
-webkit-transition: all cubic-bezier(0.4, 0, 1, 1) 2s;
transition: all 2.3s ease 0s;
-webkit-transition: all 2.3s ease 0s; }
.frame_left_animate .gia-soc, .frame_left_animate .bao-hanh-24, .frame_left_animate .tra-gop, .frame_left_animate .doi-1-24, .frame_left_animate .hot-sale, .frame_left_animate .bh-ca-roi-vo {
transform: translate(0, 0);
-webkit-transform: scale(1) rotate(0deg);
-webkit-transition: all cubic-bezier(0.4, 0, 1, 1) 2s;
transition: all 2.3s ease 0s;
-webkit-transition: all 2.3s ease 0s; }
/***** end STYLE RULE ******/
@media only screen and (max-width: 960px) {
.news_related_horizontal .item-related {
width: 33.333%; }
.news_related_horizontal .item-related:nth-child(4) {
clear: left; } }
@media only screen and (max-width: 600px) {
.news_related_horizontal .item-related {
width: 50%; }
.news_related_horizontal .item-related:nth-child(2n+1) {
clear: left; }
.news_related_horizontal .item-related:nth-child(4) {
clear: none; }
#tab_videos ._left {
width: 100%;
padding-right: 0px; }
#tab_videos ._right {
width: 100%;
padding-left: 0px;
margin-top: 15px; }
.button2_wrap {
width: 100%;
margin-top: 0px;
margin-bottom: 20px; } }
.p-link {
text-align: center;
margin-top: 18px;
display: none; }
.p-link a {
color: #00a7f4;
font-size: 15px;
font-style: italic;
text-decoration: none; }
.mz-hint {
opacity: 0; }
#prodetails_tab300 {
margin-bottom: 30px; }
#prodetails_tab300 .tab-title {
margin-bottom: 15px; }
#prodetails_tab300 .item {
width: 25%; }
@media all and (max-width: 800px) {
#prodetails_tab300 .item {
width: 50%; } }
.group_price {
margin-bottom: 10px; }
.group_price label {
font-weight: bold; }
.group_price .select_extend {
margin-top: 6px; }
.group_price .li_Selector {
width: calc(25% - 6px);
margin: 0 3px; }
.group_price .li_Selector a {
-webkit-transition: all 0.8s;
transition: all 0.8s;
border-radius: 5px;
box-sizing: border-box;
line-height: 20px;
padding: 8px 0;
text-align: center;
border: 1px solid #eee;
display: inline-block;
width: 100%;
box-sizing: border-box;
transition: 0.5s;
border-radius: 6px;
font-weight: bold; }
.group_price .li_Selector a .price_follow {
font-size: 14px;
font-weight: normal;
color: #676767; }
.group_price .li_Selector a:hover {
border: 1px solid var(--main-color); }
.group_price .li_Selector .active {
border: 1px solid var(--main-color);
color: #ED1C24; }
.group_price .li_Selector .active .price_follow {
color: #ED1C24; }
.product_compatables {
width: calc(100%);
padding: 20px;
box-sizing: border-box;
border: 1px solid var(--main-color);
background: #fff;
margin-top: 30px; }
.product_compatables .tab-title {
margin-bottom: 20px;
font-weight: bold; }
@media all and (max-width: 800px) {
.product_compatables {
width: 100%; } }
.product_compatables .product_grid {
border: none; }
.product_compatables .item {
width: 20% !important;
border: none !important;
box-sizing: border-box;
padding: 0px; }
.product_compatables .item h2 {
line-height: 20px;
margin-bottom: 5px; }
@media all and (max-width: 800px) {
.product_compatables .item {
width: 33.33% !important;
padding-bottom: 10px; } }
@media all and (max-width: 500px) {
.product_compatables .item {
width: 50% !important;
padding-bottom: 10px; } }
.product_compatables .item .frame_inner {
position: relative; }
@media all and (max-width: 600px) {
.product_compatables .item .frame_inner {
padding-right: 10px;
padding-left: 20px; } }
.product_compatables .item .name_compatable {
position: relative;
padding-left: 20px;
line-height: 20px; }
.product_compatables .item .name_compatable .check {
position: absolute;
left: 0;
top: 3px; }
.product_compatables .item .name_compatable .check input {
width: 15px;
height: 15px; }
.product_compatables .item .product_image {
min-height: 120px; }
.product_compatables .product_compatables_item .frame_inner {
padding-left: 40px;
position: relative; }
.product_compatables .product_compatables_item .frame_inner:before {
content: '+';
font-size: 36px;
line-height: 30px;
color: #e92828;
position: absolute;
top: calc(41% - 15px);
left: 10px;
width: auto;
height: auto; }
.product_compatables .product_compatables_item .chose_other_compatables {
padding-left: 40px;
padding-right: 20px;
margin-top: 3px; }
.product_compatables .product_compatables_item .chose_other_compatables a {
color: var(--main-color); }
.product_compatables .product_compatables_item .chose_other_compatables a:hover {
color: var(--blue-color); }
.popup_chose_other_compatables {
position: fixed;
width: 100%;
height: 100%;
background: #1b1b1bde;
content: '';
top: 0px;
left: 0px;
z-index: 99999999; }
.popup_chose_other_compatables .popup_chose_other_compatables_inner {
background: #fff;
/* transform: translate(-50%, -50%); */
z-index: 2222;
padding: 15px;
/* display: none; */
width: 1000px;
max-width: 100%;
height: 80%;
overflow-y: scroll;
box-sizing: border-box;
margin: auto;
margin-top: 50px; }
.popup_chose_other_compatables .popup_chose_other_compatables_inner .close_popup_chose_other_compatables {
line-height: 15px;
margin-bottom: 10px;
text-align: center;
font-size: 18px;
color: red;
background: #ffffff;
cursor: pointer;
float: right; }
.popup_chose_other_compatables .popup_chose_other_compatables_inner .item .chose_product_other_compatables {
text-align: center;
margin-top: 10px; }
.popup_chose_other_compatables .popup_chose_other_compatables_inner .item .chose_product_other_compatables a {
display: inline-block;
padding: 5px 10px;
color: #fff;
border-radius: 5px;
background: var(--extra-color); }
.popup_chose_other_compatables .popup_chose_other_compatables_inner .item .chose_product_other_compatables a:hover {
background: var(--main-color); }
.total_money_compatable {
width: 20%;
padding-top: 20px;
padding-left: 20px;
padding-bottom: 20px;
box-sizing: border-box; }
@media all and (max-width: 800px) {
.total_money_compatable {
width: 33.33% !important;
padding-top: 20px;
padding-bottom: 20px; } }
@media all and (max-width: 600px) {
.total_money_compatable {
width: 50% !important;
padding-top: 20px;
padding-bottom: 20px; } }
@media all and (max-width: 450px) {
.total_money_compatable {
width: 100% !important; } }
.total_money_compatable .label {
line-height: 30px; }
.total_money_compatable .total_money {
font-weight: bold; }
.total_money_compatable .total_money #total_money_compatable {
display: inline-block;
margin-right: 10px;
font-size: 18px;
color: #DC0000; }
.total_money_compatable .total_money .total_money_compatable_old {
font-size: 16px;
color: #9e9e9e;
text-decoration: line-through; }
.total_money_compatable .count_total {
padding: 6px 10px;
width: calc(100% - 0px);
margin-top: 10px;
background: #e92828;
text-align: center;
box-sizing: border-box; }
.total_money_compatable .count_total a {
display: inline-block;
color: #fff;
position: relative;
padding-left: 28px; }
.total_money_compatable .count_total a svg {
position: absolute;
width: 24px;
height: 24px;
fill: #fff;
left: -5px;
top: 5px; }
.total_money_compatable .count_total .title {
text-transform: uppercase;
font-weight: bold;
font-size: 14px; }
@media all and (max-width: 1100px) {
.total_money_compatable .count_total .title {
font-size: 12px; } }
.total_money_compatable .count_total .reduction {
font-size: 13px; }
@media all and (max-width: 1100px) {
.total_money_compatable .count_total .reduction {
font-size: 11px; } }
.tabs_content {
margin-top: 30px;
padding-top: 30px;
border-top: 1px solid #eee; }
.tabs_content .tabs_title {
border-bottom: 2px solid #f7f8f9; }
.tabs_content .tabs_title .tabs_item {
display: inline-block;
color: #444;
font-size: 14px;
text-transform: uppercase;
margin-right: 20px;
cursor: pointer;
padding-bottom: 10px; }
@media all and (max-width: 600px) {
.tabs_content .tabs_title .tabs_item {
font-size: 13px;
margin-right: 10px;
padding-top: 5px; } }
.tabs_content .tabs_title .tabs_item:hover {
border-bottom: 2px solid #222; }
.tabs_content .tabs_title .tabs_item_active {
border-bottom: 2px solid #222; }
.tabs_content .tab_content {
margin-top: 20px; }
.wrap-btm-buy {
margin-top: 25px;
float: left;
margin-right: 30px; }
.detail_button .add-wishlist {
margin-top: 25px;
float: left; }
.detail_button .add-wishlist a {
width: 48px;
height: 48px;
padding: 14px;
border-radius: 16px 0px;
background-color: white;
border: 1px solid #221f20;
color: #221f20;
display: inline-block;
box-sizing: border-box; }
.detail_button .itemwl_active {
border: 1px solid #b60000 !important; }
.product_detail_bt {
position: relative;
margin-top: 20px; }
.product_detail_bt .wishlist {
position: absolute;
top: 0px;
right: 10px;
cursor: pointer; }
.product_detail_bt .wishlist svg {
width: 40px;
fill: #c2c2c2;
transition: 0.5s; }
.product_detail_bt .wishlist .wishlist_active svg {
fill: #ff424f; }
.product_detail_bt .text {
display: inline-block;
font-size: 16px;
font-weight: 500;
line-height: 48px;
float: left;
margin-right: 20px; }
.product_detail_bt .numbers-row {
position: relative;
width: 150px;
height: 48px;
line-height: 48px;
float: left; }
.product_detail_bt .numbers-row input {
line-height: 46px;
border: none;
width: 100%;
padding-left: 30px;
padding-right: 30px;
box-sizing: border-box;
text-align: center;
text-shadow: 1px 1px 1px #fff;
border: 1px solid #E7E8E9;
border-radius: 10px 0 10px 0; }
.product_detail_bt .numbers-row .inc {
position: absolute;
top: 0px;
right: 0px;
width: 48px;
height: 48px;
line-height: 46px;
cursor: pointer;
text-align: center;
overflow: hidden;
/* background-color: #f9f9f9; */
text-shadow: 1px 1px 1px #fff;
color: #666;
/* border: 1px solid #ddd; */
text-transform: none;
font-weight: normal;
box-sizing: border-box;
border-top: 1px solid #E7E8E9;
border-left: 1px solid #E7E8E9;
border-radius: 10px 0 0px 0; }
.product_detail_bt .numbers-row .dec {
position: absolute;
top: 0px;
left: 0px;
width: 48px;
height: 48px;
line-height: 46px;
cursor: pointer;
text-align: center;
overflow: hidden;
/* background-color: #f9f9f9; */
text-shadow: 1px 1px 1px #fff;
color: #666;
/* border: 1px solid #ddd; */
text-transform: none;
font-weight: normal;
box-sizing: border-box;
border-right: 1px solid #E7E8E9;
border-bottom: 1px solid #E7E8E9;
border-radius: 0 0 10px 0; }
.product_detail_bt .numbers-row .dec:hover {
fill: var(--main-color); }
.product_detail_bt .numbers-row:after {
content: "";
width: 40px;
height: 1px;
background: #ddd;
position: absolute;
right: 11px;
top: 21px;
display: none; }
.product_tab_content .list-tab-title {
text-align: center;
border-bottom: 2px solid #eee;
margin-bottom: 20px; }
.product_tab_content .list-tab-title li {
display: inline-block;
text-transform: uppercase;
padding: 10px 0px;
margin: 0 15px;
position: relative;
font-size: 15px; }
@media all and (max-width: 500px) {
.product_tab_content .list-tab-title li {
margin-top: 10px;
margin-bottom: 10px; } }
.product_tab_content .list-tab-title li:after {
content: '';
transition: 0.5s;
position: absolute;
width: 8px;
height: 8px;
left: calc(50% - 4px);
bottom: -8px;
background: transparent;
clip-path: polygon(0 0, 50% 100%, 100% 0);
-webkit-clip-path: polygon(0 0, 50% 100%, 100% 0); }
.product_tab_content .list-tab-title .active {
border-bottom: 2px solid var(--main-color); }
.product_tab_content .list-tab-title .active:after {
background: var(--main-color); }
.product_tab_content .list-tab-title .active a {
color: var(--main-color);
font-weight: bold; }
.product_combo {
padding-top: 5px;
padding-bottom: 5px;
border: none;
border-bottom: 1px dashed var(--main-color);
margin-bottom: 10px; }
.product_combo .item {
width: 25%;
border: none; }
.product_combo .buy_total {
width: 25%;
float: right;
text-align: center;
padding: 40px 40px;
box-sizing: border-box; }
@media all and (max-width: 600px) {
.product_combo .buy_total {
width: 50%; } }
.product_combo .buy_total a {
display: inline-block;
width: 100%;
text-align: center;
padding: 10px;
border-radius: 10px;
background: red;
color: #fff;
text-transform: uppercase;
font-size: 16px;
box-sizing: border-box;
font-weight: bold; }
.product_combo .buy_total .total {
margin-top: 10px;
display: inline-block;
font-size: 20px;
padding: 6px 10px;
border-radius: 5px;
font-weight: bold;
color: #fcff00;
box-sizing: border-box;
background: linear-gradient(180deg, #f6a53a 0%, #dd6833 50%, #c8352e 100%); }
.price_quantity {
margin-top: 10px;
margin-bottom: 20px; }
.price_quantity .list {
margin-top: 10px; }
.price_quantity .item {
margin: 10px 0; }
.price_quantity .item .quan {
float: left; }
.price_quantity .item .quan a {
display: inline-block;
width: 120px;
text-align: center;
padding: 5px 10px;
box-sizing: border-box;
color: #fff;
border-color: #ff8a00;
background-image: -moz-linear-gradient(top, #ff8a00 0, #e57a00 100%);
background-image: linear-gradient(to bottom, #ff8a00 0, #e57a00 100%);
background-repeat: repeat-x;
background-color: #ff8a00;
border-radius: 4px; }
.price_quantity .item .price_quan {
line-height: 28px;
margin-left: 10px;
font-weight: bold;
color: #ff8a00;
font-size: 18px;
float: left; }
.manu-sku {
margin-top: 10px;
line-height: 22px; }
@media screen and (max-width: 768px) {
.manu-sku {
line-height: 26px;
font-size: 15px; } }
.manu-sku > div {
display: inline-block;
float: left;
padding-right: 20px;
position: relative; }
.manu-sku > div:after {
position: absolute;
content: "";
right: 9px;
top: 4px;
width: 1px;
height: 10px;
background: #6b6b6b; }
.manu-sku > div:last-child:after {
display: none; }
.manu-sku > div span {
color: var(--blue-color); }
@media screen and (max-width: 420px) {
.manu-sku > div {
float: none;
padding-right: 0px; }
.manu-sku > div:after {
display: none; } }
.detail_main .detail_main_top {
background: #fff; }
@media all and (max-width: 1024px) {
.detail_main .detail_main_top {
margin-bottom: 0px; } }
.detail_main .detail_main_bot {
background: #fff;
margin-top: 30px; }
@media all and (max-width: 850px) {
.detail_main .detail_main_bot {
margin-top: 15px; } }
.list_video_review {
margin: 0px -10px 10px;
display: flex;
flex-wrap: wrap; }
@media all and (max-width: 840px) {
.list_video_review {
margin: 0px 0px 10px; } }
.list_video_review .video_item {
width: calc(33.33% - 14px);
margin: 0px 7px 14px;
position: relative;
position: relative;
overflow: hidden;
height: 226px; }
.list_video_review .video_item img {
display: grid;
position: absolute;
width: 100%; }
.list_video_review .video_item .play-video {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
cursor: pointer; }
.list_video_review .video_item .play-video svg {
width: 50px;
height: 50px; }
@media all and (max-width: 840px) {
.list_video_review .video_item {
width: 100%;
margin: 0px;
height: 215px;
margin-bottom: 10px; } }
.prodetails_tab_content {
margin-bottom: 30px; }
.all_ground_extend {
margin-top: 20px; }
.all_ground_extend .ground_extend_item_select {
margin-top: 20px; }
.all_ground_extend .ground_extend_item {
margin-top: 15px; }
.all_ground_extend .ground_extend_item .ground_extend_name_select {
float: left;
margin: 7px 12px 0px 0px;
font-size: 15px; }
.all_ground_extend .ground_extend_item .ground_extend_name {
width: 80px;
float: left;
text-transform: uppercase;
margin-bottom: 5px;
line-height: 30px;
display: none; }
@media all and (max-width: 420px) {
.all_ground_extend .ground_extend_item .ground_extend_name {
width: 100%;
margin-bottom: 5px; } }
.all_ground_extend .ground_extend_item .item_extend_name {
display: flex;
flex-wrap: wrap;
margin: 0px -2px; }
@media all and (max-width: 420px) {
.all_ground_extend .ground_extend_item .item_extend_name {
width: 100%; } }
.all_ground_extend .ground_extend_item .item_extend_name .item {
float: left;
border: 1px solid #cccc;
text-align: center;
display: block;
border: 1px solid #bdbcbc;
padding: 5px;
box-sizing: border-box;
margin-right: 12px;
cursor: pointer;
position: relative;
width: 48px;
height: 32px;
margin-bottom: 10px; }
.all_ground_extend .ground_extend_item .item_extend_name .item:hover {
border: 1px solid var(--main-color); }
.all_ground_extend .ground_extend_item .item_extend_name .item:hover i {
background: url(../images/beacon-sprite.png) no-repeat -36px 0;
display: block;
font-size: 0;
position: absolute;
text-indent: -99em;
width: 12px;
height: 12px;
bottom: 0;
right: 0; }
.all_ground_extend .ground_extend_item .item_extend_name .item .extend_name {
font-size: 13px;
position: relative; }
.all_ground_extend .ground_extend_item .item_extend_name .item .extend_name span {
background-color: #ffffff;
width: 14px;
height: 14px;
border: 1px solid #ccc;
content: '';
display: inline-block;
border-radius: 50%;
position: absolute;
left: 8px; }
.all_ground_extend .ground_extend_item .item_extend_name .item .extend_price {
color: red; }
.all_ground_extend .ground_extend_item .item_extend_name .item_color {
width: 30px;
height: 30px;
border-radius: 50%;
border: 1px solid #ddd;
position: relative; }
.all_ground_extend .ground_extend_item .item_extend_name .item_color:before {
-webkit-transform: translate(-50%, -50%) rotate(45deg);
-moz-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg);
content: "";
width: 6px;
height: 10px;
display: block;
border: solid #eee;
border-width: 0 2px 2px 0;
position: absolute;
top: 50%;
left: 50%;
margin: -2px -2px 0 0;
display: none; }
.all_ground_extend .ground_extend_item .item_extend_name .active {
border: 1px solid var(--main-color); }
.all_ground_extend .ground_extend_item .item_extend_name .active i {
background: url(../images/beacon-sprite.png) no-repeat -36px 0;
display: block;
font-size: 0;
position: absolute;
text-indent: -99em;
width: 12px;
height: 12px;
bottom: 0;
right: 0; }
.all_ground_extend .ground_extend_item .item_extend_name_hide {
display: none !important; }
.image_color {
float: left;
margin-left: 10px;
font-size: 16px;
font-weight: bold;
color: #dc0000; }
.form-status {
margin-top: 11px; }
.form-status span {
background: #f50202;
color: #fff;
padding: 8px 15px;
display: inline-block;
cursor: pointer; }
.popup-form-status {
display: none;
position: fixed;
background: #fff;
width: 500px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 11111111;
padding: 20px;
box-sizing: border-box; }
.popup-form-status .form-status-title {
text-align: center;
text-transform: uppercase;
font-size: 16px;
margin-bottom: 14px; }
.popup-form-status .input-text {
width: 100%;
height: 36px;
padding: 5px;
margin-bottom: 10px;
border: 1px solid #ddd;
box-sizing: border-box; }
.popup-form-status .button_form_status {
text-align: center; }
.popup-form-status .button_form_status button {
text-align: center;
margin: 0 auto;
background: red;
color: #fff;
border: none;
padding: 0px 15px;
text-transform: uppercase;
height: 36px;
background: #f50202; }
.popup-form-status .close {
position: absolute;
right: 0px;
top: 0px;
width: 30px;
height: 30px;
text-align: center;
box-sizing: border-box;
background: #f50202;
color: #fff;
padding-top: 5px;
font-size: 15px;
cursor: pointer; }
.support_online {
margin-top: 13px; }
.support_online a {
font-weight: bold;
color: var(--blue-color); }
.title_list_gift {
font-weight: bold;
margin-top: 20px; }
.list_gift {
border: 1px solid #f3f3f3;
padding: 10px;
margin-top: 10px; }
.list_gift .item {
width: 82px;
text-align: center;
float: left;
margin-right: 10px;
font-size: 13px; }
.product_tags a {
padding: 0px 8px;
border-radius: 4px;
display: inline-block; }
.file_upload_product svg {
width: 15px;
height: 15px;
margin-right: 4px; }
.file_upload_product a {
color: var(--main-color); }
.default_characteristic_mobile {
display: none; }
@media all and (max-width: 840px) {
.default_characteristic_mobile {
display: block; } }
.MagicZoomPlus .play-video {
display: none; }
.item_video {
position: relative;
cursor: pointer;
display: block; }
.item_video .play-video {
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); }
.item_video .play-video img {
width: 60px !important;
height: 60px !important;
opacity: 0.85; }
.item_video .play-video:hover img {
opacity: 0.95; }
.breadcrumbs {
border-bottom: 0px solid #eee; }
.product_detail_l {
width: calc(100%);
box-sizing: border-box; }
.product_detail_r {
width: 225px;
float: left;
box-sizing: border-box; }
@media all and (max-width: 1200px) {
.product_detail_r {
width: 205px; } }
@media all and (max-width: 1000px) {
.product_detail_r {
width: calc(100% - 0px);
float: none; } }
.detail-list-related .item {
border: none;
width: 100%;
margin-bottom: 15px; }
.detail-list-related .item:last-child {
margin-bottom: 0px; }
.detail-list-related .item .frame_inner {
padding: 0; }
.detail-list-related .item .product_image {
min-height: unset; }
.detail-list-related .item .product_image a {
display: grid; }
.detail-list-related .item .box_content {
margin-top: 0; }
.detail-list-related .item .box_content a {
display: inline-block;
line-height: 26px;
font-size: 16px;
margin-bottom: 10px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
overflow: hidden;
margin-top: 10px; }
.detail-list-related .item .name {
font-size: 13px;
-webkit-line-clamp: 2; }
.newsr_grid {
margin: 0 -10px;
display: flex;
flex-wrap: wrap; }
.newsr_grid .item {
margin: 0 10px;
float: left;
width: calc(25% - 20px); }
@media all and (max-width: 600px) {
.newsr_grid .item {
margin: 0 10px 20px;
float: left;
width: calc(50% - 20px); } }
.product_tabs_t, .detail-list-related {
margin-top: 30px; }
@media all and (max-width: 850px) {
.default_characteristic_pc, .banner_pro {
display: none; } }
@media all and (max-width: 650px) {
.prodetails_tab_lable_scroll {
display: none; } }
.prodetails_tab_lable_scroll .prodetails_tab_lable {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-bottom: 40px;
background: var(--border-color);
border-radius: 5px;
overflow: hidden; }
.prodetails_tab_lable_scroll .prodetails_tab_lable .tab_pro_title {
padding: 15px 0;
font-size: 17px;
position: relative;
cursor: pointer;
width: 25%;
text-align: center;
border-right: 1px solid #eeeeee; }
.prodetails_tab_lable_scroll .prodetails_tab_lable .tab_pro_title:after {
content: '';
position: absolute;
border-style: solid;
border-width: 5px 5px 5px 5px;
border-color: var(--extra-color) transparent transparent transparent;
top: calc(100% + 2px);
left: calc(50% - 3px);
display: none; }
.prodetails_tab_lable_scroll .prodetails_tab_lable .tab_pro_title:hover {
color: #fff;
background: var(--extra-color); }
.prodetails_tab_lable_scroll .prodetails_tab_lable .active {
color: #fff;
background: var(--extra-color); }
.prodetails_tab_lable_scroll .prodetails_tab_lable .active:after {
display: none; }
.product_grid_related .item .name {
text-transform: initial; }
.product_grid_slide .item {
width: 100% !important; }
.product_grid_slide .owl-nav {
position: absolute;
top: -50px;
right: 0;
display: flex; }
.product_grid_slide .owl-nav div {
padding: 0px 11px;
font-size: 30px;
line-height: 26px;
color: #737373; }
.promotion_info {
color: #828282;
margin-top: 5px;
font-size: 12px;
font-weight: 500; }
.boxmemory_relate {
margin-top: 10px;
position: relative;
padding: 0 20px;
box-sizing: border-box; }
.boxmemory_relate .owl-nav div {
display: inline-block;
position: absolute;
top: 30%;
font-size: 40px;
color: #777;
left: 0px; }
.boxmemory_relate .owl-nav div:hover {
color: var(--extra-color); }
.boxmemory_relate .owl-nav .owl-next {
left: unset;
right: 0px; }
.boxmemory_relate .boxmemory_relate_item a {
display: inline-block;
width: 100%;
text-align: center;
padding: 10px 5px;
border: 1px solid #eee;
box-sizing: border-box;
border-radius: 3px;
font-weight: 500;
line-height: 20px; }
.boxmemory_relate .boxmemory_relate_item a .name {
position: relative;
padding-left: 20px; }
.boxmemory_relate .boxmemory_relate_item a .name:before {
width: 12px;
height: 12px;
border-radius: 50%;
border: 1px solid #cdcdcd;
position: absolute;
content: '';
left: 0px;
top: 1px; }
.boxmemory_relate .boxmemory_relate_item .active {
border: 1px solid var(--extra-color);
color: var(--extra-color); }
.boxmemory_relate .boxmemory_relate_item .active .name:before {
background: url('data:image/svg+xml;utf8,');
background-size: 100% 100%;
background-repeat: no-repeat;
border: none; }
.boxmemory_relate .relate_item-block {
width: calc(50% - 20px);
float: left;
margin: 0 10px; }
.hotline_detail_product {
margin-top: 15px;
text-align: center;
font-size: 15px; }
.hotline_detail_product a {
font-weight: 600;
color: var(--main-color); }
.products_sets {
color: #222;
padding: 15px;
border: 1px solid var(--border-color);
border-radius: 5px;
margin-bottom: 10px; }
.products_sets a {
color: var(--extra-color); }
.products_sets .sets, .products_sets .warranty_info {
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px solid var(--border-color); }
.products_sets p {
padding-left: 20px;
position: relative;
margin-bottom: 10px; }
.products_sets p:before {
width: 14px;
height: 14px;
content: '';
position: absolute;
top: 2px;
left: 0px; }
.products_sets .sets p:before {
background: url('data:image/svg+xml;utf8,');
background-size: 100% 100%; }
.products_sets .warranty_info p:before {
background: url('data:image/svg+xml;utf8,');
background-size: 100% 100%; }
.products_sets .change_return p:before {
background: url('data:image/svg+xml;utf8,');
background-size: 100% 100%; }
.tabs-popup {
position: fixed;
width: 100%;
top: 0px;
left: 0px;
background: #000;
color: #fff;
padding-top: 9px;
z-index: 2147483647;
border-bottom: 1px solid #3d3d3d; }
@media all and (max-width: 1024px) {
.tabs-popup {
padding-top: 0px;
overflow-x: scroll; } }
@media all and (max-width: 600px) {
.tabs-popup {
background: #fff;
color: #000;
border-bottom: 1px solid #eeeeee; } }
.tabs-popup .menu-tab {
text-align: center;
min-width: 910px; }
@media all and (max-width: 1024px) {
.tabs-popup .menu-tab {
text-align: left;
padding-left: 30px; } }
.tabs-popup .menu-tab .item {
display: inline-block; }
.tabs-popup .menu-tab .item a {
color: #fff;
display: inline-block;
padding: 10px;
font-size: 16px;
margin: 0 5px;
line-height: 22px; }
@media all and (max-width: 1024px) {
.tabs-popup .menu-tab .item a {
padding: 10px 5px;
color: #222; } }
.tabs-popup .menu-tab .active a {
color: var(--extra-color);
border-bottom: 2px solid var(--main-color);
box-sizing: border-box;
font-weight: 600; }
@media all and (max-width: 600px) {
.tabs-popup .menu-tab .active a {
color: #fff;
background: var(--extra-color);
border-bottom: none; } }
.tabs-popup .menu-tab .close-tabs-popup {
margin-left: 20px; }
@media all and (max-width: 1024px) {
.tabs-popup .menu-tab .close-tabs-popup {
position: fixed;
top: 4px;
left: 5px;
margin-left: 0px; } }
.tabs-popup .menu-tab .close-tabs-popup .inner {
position: relative;
/* margin-left: 20px; */
padding: 8px 10px;
text-align: center;
background: #fff;
color: #000;
border-radius: 4px;
font-size: 15px;
cursor: pointer; }
@media all and (max-width: 800px) {
.tabs-popup .menu-tab .close-tabs-popup .inner span {
display: none; } }
.tabs-popup .menu-tab .close-tabs-popup svg {
width: 14px;
height: 14px;
margin-left: 2px;
transform: translate(0px, 2px); }
.tab-popup-content {
position: fixed;
width: 100%;
height: calc(100% - 52px);
top: 52px;
left: 0px;
background: #00000099;
z-index: 2147483647;
max-height: 100%;
overflow-y: scroll; }
@media all and (max-width: 1024px) {
.tab-popup-content {
top: 44px;
height: calc(100% - 44px); } }
.tab-popup-content .popup-content {
width: 800px;
max-width: 100%;
margin: auto;
background: #fff;
padding: 20px;
box-sizing: border-box; }
.tab-popup-content .popup-content-3 {
width: 800px; }
.video_popup .video_item_inner {
position: relative;
cursor: pointer;
display: grid; }
.video_popup .video_item_inner .play-video {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); }
.video_popup .video_item_inner .play-video svg {
width: 60px;
height: 60px; }
.video_popup .video_item_inner_has_yt {
display: grid; }
.video_popup .hide {
display: none; }
.list_video_popup {
margin-top: 20px;
text-align: center;
position: relative; }
.list_video_popup .owl-nav div {
position: absolute;
color: #444;
font-size: 50px;
top: calc(50% - 10px); }
.list_video_popup .owl-nav .owl-prev {
left: 0px; }
.list_video_popup .owl-nav .owl-next {
right: 0px; }
.list_video_popup .video_item .video_item_inner {
position: relative;
cursor: pointer;
border: 2px solid transparent;
box-sizing: border-box;
display: grid; }
.list_video_popup .video_item .video_item_inner .play-video {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); }
.list_video_popup .video_item .video_item_inner .play-video svg {
width: 40px;
height: 40px; }
.list_video_popup .video_item .active {
border: 2px solid var(--main-color); }
.fotorama__wrap {
transform: scale(0.92) translate(0px, 5%); }
.fotorama__fullscreen-icon {
display: none; }
.popup-content-0 .item {
margin-bottom: 20px; }
.box_site_name {
position: relative;
padding-left: 2px;
margin-top: 19px; }
.box_site_name .logo {
width: 34px;
height: 34px;
border-radius: 50%;
background: var(--yellow-color);
padding: 7px;
box-sizing: border-box;
position: absolute;
top: 50%;
transform: translate(0%, -50%);
left: -2px; }
.box_site_name .title_name {
display: inline-block;
padding: 6px 20px;
background: linear-gradient(45deg, #01ab61, #009578);
color: #fff;
border-radius: 20px;
padding-left: 40px; }
.box_expense {
margin-top: 21px; }
.box_expense .expense {
color: var(--extra-color);
display: inline-block;
box-sizing: border-box;
position: relative;
margin-top: 1px;
font-weight: 600; }
.box_expense .expense svg {
width: 16px;
height: 16px;
margin-right: 7px;
transform: translate(0px, 1px); }
.product_detail_r .detail_item {
border-radius: 5px 5px 0 0;
margin-bottom: 12px; }
.product_detail_r .detail_item .title_name {
text-align: center;
padding: 12px 0;
border-radius: 5px 5px 0 0; }
.product_detail_r .detail_item .title_name span {
font-weight: 600; }
.product_detail_r .detail_hotline .title_name {
background: var(--border-color); }
.product_detail_r .detail_hotline .hotline_pro {
display: flex;
align-items: center;
flex-wrap: wrap;
width: 100%;
background: var(--main-color);
border-radius: 0 0 5px 5px;
justify-content: center;
color: #fff;
padding: 14px 0;
box-sizing: border-box;
font-size: 17px; }
.product_detail_r .detail_hotline svg {
width: 16px;
height: 16px;
fill: #fff;
margin-right: 8px; }
.product_detail_r .menu_pro {
border-radius: 5px 5px 0 0;
border: 1px solid var(--border-color); }
.product_detail_r .menu_pro .title_name {
border-bottom: 1px solid var(--border-color); }
.tab-title-2 {
margin-bottom: 30px;
text-align: center;
position: relative; }
@media all and (max-width: 650px) {
.tab-title-2 {
margin-bottom: 20px; } }
.tab-title-2 span {
font-size: 24px;
text-transform: uppercase;
padding-bottom: 10px; }
@media all and (max-width: 650px) {
.tab-title-2 span {
font-size: 20px; } }
.tab-title-2 span:after {
width: 100%;
height: 2px;
background: var(--yellow-color);
position: absolute;
content: '';
bottom: -2px;
left: 0; }
@media all and (max-width: 1100px) {
.product_grid .item {
margin-bottom: 0px; } }
.modal-full-screen {
width: 100%;
height: 100%;
position: fixed;
top: 0;
bottom: 0;
left: 0;
display: none;
background: #000000cc;
z-index: 9999; }
.box_appointment {
position: fixed;
width: 400px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border: 1px solid var(--border-color);
z-index: 9999;
padding: 20px;
box-sizing: border-box;
background: #f6f6f6;
border-radius: 5px;
display: none;
max-width: 85%; }
.box_appointment .title_appointment {
text-align: center;
/* font-weight: 600; */
font-size: 20px;
line-height: 30px;
text-transform: uppercase;
margin-bottom: 15px; }
.box_appointment input {
width: 100%;
border: none;
padding-left: 10px;
border-radius: 4px;
height: 36px;
line-height: 35px;
box-sizing: border-box;
font-size: 15px; }
.box_appointment .div_input, .box_appointment .select_appointment {
margin: 5px 0 15px;
border-radius: 4px; }
.box_appointment .div_input select, .box_appointment .select_appointment select {
width: 100%;
border: none;
background: #fff;
border-radius: 5px;
padding-left: 10px;
height: 36px;
box-sizing: border-box;
cursor: pointer; }
.box_appointment .select_appointment {
position: relative;
cursor: pointer; }
.box_appointment .select_appointment:after {
width: 10px;
height: 10px;
border-right: 1px solid var(--border-color);
border-bottom: 1px solid var(--border-color);
transform: rotate(45deg); }
.box_appointment textarea {
border: none;
width: 100%;
padding: 10px;
border-radius: 5px;
box-sizing: border-box;
height: 100%; }
.box_appointment .box_datetime {
display: flex;
flex-wrap: wrap; }
.box_appointment .datetime {
width: calc(50% - 10px); }
.box_appointment .datetime_r {
margin-left: 20px; }
.box_appointment .close-appointment {
position: absolute;
right: -20px;
top: -20px;
cursor: pointer; }
.box_appointment .content-r {
text-align: center; }
.box_appointment .content-r .button-submit2 {
display: inline-block;
padding: 7px 35px;
background: var(--yellow-color);
border-radius: 30px; }
.show_app {
display: block; }
.popup-calculate {
width: 100%;
height: 100%;
background: #ddddddab;
position: fixed;
z-index: 99999;
/* padding-top: 100px; */
text-align: center;
top: 0px;
left: 0px;
overflow-y: scroll; }
.popup-calculate .popup-calculate-wrapper {
position: relative;
width: 100%;
height: 100%; }
.popup-calculate .popup-calculate-inner-main {
width: 70%;
margin: auto; }
@media all and (max-width: 600px) {
.popup-calculate .popup-calculate-inner-main {
width: 80%; } }
.popup-calculate .popup-calculate-inner {
position: absolute;
background: #fff;
width: 600px;
max-width: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
padding-bottom: 30px; }
.popup-calculate .popup-calculate-inner .popup-calculate-inner-title {
padding: 10px;
background: #f1f1f1;
position: relative;
font-size: 16px; }
.popup-calculate .popup-calculate-inner .popup-calculate-inner-title .close {
position: absolute;
top: 0px;
right: 0px;
transform: scale(1, 0.8);
font-size: 16px;
color: var(--extra-color);
padding: 10px;
cursor: pointer; }
.popup-calculate .popup-calculate-inner .info_cal {
padding: 20px;
line-height: 25px; }
.popup-calculate .popup-calculate-inner .info_cal .start-cal {
margin-top: 20px; }
.popup-calculate .popup-calculate-inner .info_cal .start-cal a {
background: linear-gradient(20deg, #00a78e, #2fc48d);
display: inline-block;
padding: 10px 30px 12px;
font-size: 15px;
color: #fff;
font-weight: 500;
border-radius: 5px; }
.popup-calculate .popup-calculate-inner .result_calculate {
padding: 20px;
text-align: left; }
.popup-calculate .popup-calculate-inner .result_calculate .img_product {
border-bottom: 1px solid #ccc;
padding-bottom: 20px;
text-align: center; }
.popup-calculate .popup-calculate-inner .result_calculate .img_product img {
max-width: 300px; }
.popup-calculate .popup-calculate-inner .result_calculate .calculate-title-1 {
margin-top: 10px; }
.popup-calculate .popup-calculate-inner .result_calculate .calculate-title-2 {
margin-top: 20px; }
.popup-calculate .popup-calculate-inner .result_calculate .result_note {
margin-top: 20px;
color: #666;
font-size: 14px; }
.popup-calculate .popup-calculate-inner .result_calculate .reset-cal {
text-align: center; }
.popup-calculate .popup-calculate-inner .calculate-title-1 {
font-size: 22px;
margin-top: 30px; }
.popup-calculate .popup-calculate-inner .calculate-title-2 {
font-size: 15px;
margin-top: 30px; }
.popup-calculate .popup-calculate-inner .calculate-title-3 {
margin-top: 20px;
text-align: left; }
.popup-calculate .popup-calculate-inner .calculate-title-3 a {
color: var(--extra-color); }
.popup-calculate .popup-calculate-inner .submit-cal, .popup-calculate .popup-calculate-inner .reset-cal {
margin-top: 20px; }
.popup-calculate .popup-calculate-inner .submit-cal a, .popup-calculate .popup-calculate-inner .reset-cal a {
display: inline-block;
padding: 10px 30px 12px;
font-size: 15px;
color: #fff;
font-weight: 500;
background: var(--extra-color);
border-radius: 5px;
box-shadow: #202553 0px 4px 2px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 0.5px; }
.popup-calculate .popup-calculate-inner .submit-cal a svg, .popup-calculate .popup-calculate-inner .reset-cal a svg {
fill: #fff;
margin: -5px 5px -5px; }
.popup-calculate .popup-calculate-inner .button_calculate {
margin-top: 10px; }
.popup-calculate .popup-calculate-inner .button_calculate .a_check, .popup-calculate .popup-calculate-inner .button_calculate .a_unit {
width: 50%;
text-align: center;
display: inline-block;
padding: 12px;
box-sizing: border-box;
background: #f4f4f4;
margin: 0 -2px;
border-bottom: 2px solid #d7d7d7; }
.popup-calculate .popup-calculate-inner .button_calculate .active {
background: var(--extra-color);
color: #fff;
border-bottom: 2px solid var(--main-color); }
.popup-calculate .popup-calculate-inner .button_calculate .a_check_0, .popup-calculate .popup-calculate-inner .button_calculate .a_unit_0 {
border-radius: 4px 0 0 4px; }
.popup-calculate .popup-calculate-inner .button_calculate .a_check_1, .popup-calculate .popup-calculate-inner .button_calculate .a_unit_1 {
border-radius: 0px 4px 4px 0px; }
.popup-calculate .popup-calculate-inner .form-cal {
width: calc(100% + 20px);
margin-left: -10px;
margin-right: -10px;
margin-top: 20px; }
.popup-calculate .popup-calculate-inner .form-cal .dinput {
width: calc(50% - 20px);
margin: 0 10px;
float: left;
text-align: left;
position: relative; }
.popup-calculate .popup-calculate-inner .form-cal .dinput input {
line-height: 40px;
border: 1px solid #ccc;
padding: 0 0 0 10px;
box-sizing: border-box;
border-radius: 5px;
margin-top: 6px;
width: 100%; }
.popup-calculate .popup-calculate-inner .form-cal .dinput span {
position: absolute;
top: 35px;
right: 10px; }
.xem_them {
border-top: 1px solid #eee;
position: relative;
margin-top: 20px; }
@media all and (max-width: 800px) {
.xem_them {
display: none; } }
.xem_them a {
display: inline-block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 36px;
height: 36px;
border-radius: 50%;
border: 1px solid #333;
padding: 8px;
box-sizing: border-box;
background: #fff; }
.detail_button .add-wishlist a svg {
width: 20px;
height: 20px;
fill: #57585A; }
.detail_button .add-wishlist a:hover svg {
fill: #b60000; }
.detail_button .add-wishlist .itemwl_active svg {
fill: #b60000; }
.guide_size {
margin-top: 15px;
color: #555; }
.guide_size .check_size {
color: #009cf7;
font-weight: 600; }
.guide_size .check_size svg {
width: 14px;
height: 14px;
margin-right: 5px;
transform: translate(0px, 2px);
fill: #009cf7; }
.popup {
width: 100%;
height: 100vh;
background: #161616ba;
position: fixed;
z-index: 99999;
top: 0px;
left: 0px;
/* padding-top: 100px; */
text-align: center; }
.popup .container {
border-radius: 10px;
position: relative;
height: 100%; }
@media all and (max-width: 800px) {
.popup .container {
padding: 10px; } }
.popup .container .close {
font-size: 25px;
font-weight: 600;
color: #c70000;
position: absolute;
top: 0px;
right: 0px;
width: 30px;
height: 30px;
text-align: center;
line-height: 28px;
border-radius: 0 10px 0 0;
cursor: pointer;
z-index: 999; }
.popup .container .banner_popup {
max-width: 900px;
width: 900px;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
border-radius: 10px; }
@media all and (max-width: 600px) {
.popup .container .banner_popup {
max-width: 100%;
width: 86%; } }
.popup .container .banner_popup .item {
position: relative;
display: inline-block; }
.popup .container .banner_popup .item img {
border-radius: 10px; }
.popup .container .banner_popup .hide {
display: block; }
/*# sourceMappingURL=product.css.map */