@charset "utf-8"; .text-secondary3 { color: #FFFFFF !important; } .text-secondary2 { color: #000000 !important; } .box{ margin-right: -6px; margin-left: -6px; } .box5{ margin-right: -2px; margin-left: -2px; } .mr-3.fal.fa-usd-circle { color: #fd5490; font-size: 18px; } .title18px { color: #31b7c2; } .card.border-0.mb-4 #headingProductDetail .mb-0.fs-24.w-100 { background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(224,224,224,1.00) 100%); background-image: -moz-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(224,224,224,1.00) 100%); background-image: -o-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(224,224,224,1.00) 100%); background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 0%,rgba(224,224,224,1.00) 100%); } .mr-2.align-text-bottom use { color: #fd5490; } .mb-0 { color: #666666; } .px120 { font-family: Arial; color: #FF7F8A; font-weight: 400; margin-left: 15px; margin-right: 15px; } .logo img { margin-top: 60px; } .fad.fa-chess-queen { color: #fd5490; margin-right: 0px; border: 1px solid #fd5490; border-radius: 15px; background-color: #FFFFFF; width: 22px; height: 22px; padding-top: 2px; padding-right: 0px; padding-bottom: 2px; padding-left: 0px; text-align: center; } .fas.fa-microphone,.fas.fa-video,.fas.fa-microphone-slash { background-color: #FFFFFF; color: #7870cc; line-height: 10px; padding-top: 7px; padding-right: 7px; padding-bottom: 7px; border-radius: 20px; padding-left: 7px; border: 1px solid #ABA4EF; } .textp15 { color: #333; font-size: 14px; font-family: "微軟正黑體"; text-align: left; } .NUren { color: #FD5490; } .text-secondary a:hover { background-color: #f2525c; color: #FFFFFF; } /*# BUTTON顏色 */ .line_frame { border-radius: 20px; border: 1px solid #FDC3C7; padding-top: 6px; padding-right: 10px; padding-bottom: 6px; padding-left: 16px; font-family: "微軟正黑體"; font-weight: 700; } .line_frame a:hover{ color: #FFFFFF; } /*# BUTTON顏色 休息中 */ .text-secondary01 a:hover { background-color: #a2a2a2; color: #FFFFFF; } .line_frame01 { border-radius: 20px; padding-top: 6px; padding-right: 10px; padding-bottom: 6px; padding-left: 16px; background-color: #a2a2a2; font-family: "微軟正黑體"; font-weight: 700; color: #FFFFFF; } .navbar-dark .navbar-nav .nav-link2 { color: #000000; font-weight: bold; } /*# BUTTON顏色 一對多等待中 */ .text-secondary02 a:hover { background-color: #f24070; color: #ffd1f4; } .line_frame02 { border-radius: 20px; padding-top: 6px; padding-right: 10px; padding-bottom: 6px; padding-left: 16px; background-color: #f2bd00; font-family: "微軟正黑體"; font-weight: 700; color: #FFFFFF; } /*# BUTTON顏色 一對一等待中 */ .text-secondary03 a:hover { background-color: #7a32a3; color: #ffd1f4; } .line_frame03 { border-radius: 20px; padding-top: 6px; padding-right: 10px; padding-bottom: 6px; padding-left: 16px; background-color: #954eb8; font-family: "微軟正黑體"; font-weight: 700; color: #FFFFFF; } /*# BUTTON顏色 妹妹封包中 */ .text-secondary04 a:hover { background-color: #f44b4b; color: #ffe8e8; } .line_frame04 { border-radius: 20px; padding-top: 6px; padding-right: 10px; padding-bottom: 6px; padding-left: 16px; background-color: #f76868; font-family: "微軟正黑體"; font-weight: 700; color: #FFFFFF; } /*# BUTTON顏色 聊天中 */ .text-secondary05 a:hover { background-color: #0e95a3; color: #ffe8e8; } .line_frame05 { border-radius: 20px; padding-top: 6px; padding-right: 10px; padding-bottom: 6px; padding-left: 16px; background-color: #1facb8; font-family: "微軟正黑體"; font-weight: 700; color: #FFFFFF; } .NUgreen { color: #7870cc; font-weight: 700; font-size: 15px; } .card.border.product .position-relative img { width: 100%; } .footer { background-color: #000000; } .chicon { border-radius: 8px; border: 2px solid #FC8C94; background-color: #FFFFFF; height: 26px; text-align: center; font-family: "微軟正黑體"; font-weight: bold; line-height: 24px; font-size: 16px; width: 26px; } .show12px { font-size: 14px; color: #666666; } .EGicon { border-radius: 8px; border: 2px solid #60D8E3; background-color: #FFFFFF; height: 26px; text-align: center; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; font-weight: bold; line-height: 24px; font-size: 16px; width: 28px; } .vietNamIcon img { margin-left: 3px; margin-top: -1px; } .vietNamIcon { border-radius: 8px; border: 1px solid #da251d; background-color: #FFFFFF; text-align: center; font-family: Arial; font-weight: bold; font-size: 12px; color: #000000; padding-left: 8px; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; line-height: 20px; } .button02{ font-weight: 700 !important; border-radius: 30px; background-color: #7870cc; color: #FFFFFF; padding-top: 10px; padding-bottom: 10px; font-family: "微軟正黑體"; border: 1px solid #7870cc; } .button02:hover{ font-weight: 700 !important; border-radius: 30px; background-color: #FFFFFF; color: #f65c68; font-family: "微軟正黑體"; border: 1px solid #7870cc; } .title18px .mr-1.far.fa-vote-yea { color: #f65c68; width: 25px; } .time_bg { background-color: #E7E7E7; padding-top: 4px; padding-right: 10px; padding-bottom: 4px; padding-left: 10px; margin-top: 4px; margin-bottom: 4px; } .title18px .mr-1.far.fa-alarm-plus { color: #f65c68; width: 25px; } .title18px .mr-1.far.fa-flower { color: #f65c68; width: 25px; } .badge2.badge-primary { margin-top: 45px; } .badge2 { display: inline-block; padding-top: 0.2em; padding-right: 0.6em; padding-left: 0.5em; padding-bottom: 0.2em; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 13px; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .fs-20a { font-size: 20px !important; } .paaaa { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } .card-img-overlay2 { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding-top: 0.3em; padding-right: 0.3rem; padding-left: 0.3rem; padding-bottom: 0.3rem; border-radius: 0; } .badge-primary2 { color: #fff; background-image: -webkit-linear-gradient(189deg,rgba(221,93,155,1.00) 0%,rgba(139,94,248,1.00) 100%); background-image: -moz-linear-gradient(189deg,rgba(221,93,155,1.00) 0%,rgba(139,94,248,1.00) 100%); background-image: -o-linear-gradient(189deg,rgba(221,93,155,1.00) 0%,rgba(139,94,248,1.00) 100%); background-image: linear-gradient(261deg,rgba(221,93,155,1.00) 0%,rgba(139,94,248,1.00) 100%); font-size: 12px; font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; height: 16px; } @media (max-width: 576px) { .fas.fa-microphone,.fas.fa-video,.fas.fa-microphone-slash { background-color: #FFFFFF; color: #7870cc; line-height: 10px; padding-top: 6px; padding-right: 6px; padding-bottom: 6px; border-radius: 20px; padding-left: 6px; border: 1px solid #ABA4EF; } .badge3.badge-primary { margin-top: 30px; } .badge3 { display: inline-block; padding-top: 0.2em; padding-right: 0.6em; padding-left: 0.5em; padding-bottom: 0.2em; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 10px; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .pl-9, .px-9 { padding-left: 1rem !important; } .pr-9, .px-9 { padding-right: 1rem !important; } .mr-2, .mx-2 { margin-right: 0.2rem !important; } .mr-2.fad.fa-chess-queen { color: #fd5490; margin-right: 0px; border: 1px solid #fd5490; border-radius: 15px; background-color: #FFFFFF; width: 22px; height: 22px; padding-top: 2px; padding-right: 0px; padding-bottom: 2px; padding-left: 0px; text-align: center; } .pl-2, .px-2 { padding-left: 2.625rem !important; } .pr-2, .px-2 { padding-right: 2.625rem !important; } .pt-2, .py-2 { padding-top: 0.5rem !important; } .button02{ font-weight: 700 !important; border-radius: 30px; background-color: #7870cc; color: #FFFFFF; padding-top: 6px; padding-bottom: 6px; font-family: "微軟正黑體"; border: 1px solid #7870cc; } .fs-16 { font-size: 12px !important; } .badge2.badge-primary { margin-top: 46px; } .badge2 { padding-top: 0.2em; padding-right: 0.6em; padding-left: 0.5em; padding-bottom: 0.2em; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 11px; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .mb-2, .my-2 { margin-bottom: 0.4rem !important; } .w-32px { width: 26px !important; } .h-32px { height: 26px !important; } .fs-20a { font-size: 13px !important; } h3, .h3 { font-size: 1.4rem; } .badge-primary2 { color: #fff; background-image: -webkit-linear-gradient(189deg,rgba(221,93,155,1.00) 0%,rgba(139,94,248,1.00) 100%); background-image: -moz-linear-gradient(189deg,rgba(221,93,155,1.00) 0%,rgba(139,94,248,1.00) 100%); background-image: -o-linear-gradient(189deg,rgba(221,93,155,1.00) 0%,rgba(139,94,248,1.00) 100%); background-image: linear-gradient(261deg,rgba(221,93,155,1.00) 0%,rgba(139,94,248,1.00) 100%); font-size: 8px; font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; height: 11px; } .badge-primary { color: #fff; background-image: -webkit-linear-gradient(189deg,rgba(221,93,155,1.00) 0%,rgba(139,94,248,1.00) 100%); background-image: -moz-linear-gradient(189deg,rgba(221,93,155,1.00) 0%,rgba(139,94,248,1.00) 100%); background-image: -o-linear-gradient(189deg,rgba(221,93,155,1.00) 0%,rgba(139,94,248,1.00) 100%); background-image: linear-gradient(261deg,rgba(221,93,155,1.00) 0%,rgba(139,94,248,1.00) 100%); font-size: 8px; font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; } .card-img-overlay2 { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding-top: 0.3em; padding-right: 0.3rem; padding-left: 0.3rem; padding-bottom: 0.3rem; border-radius: 0; } .mr-1.fad.fa-chess-queen { display: none; } .box{ margin-right: -10px; margin-left: -10px; } .mb-6, .my-6 { margin-bottom: 0.6rem !important; } .pr-3, .px-3 { padding-right: 0rem !important; } .pr-4, .px-4 { padding-right: 0rem !important; } .card-subtitle_sh { display: none; } .mb-7, .my-7 { margin-bottom: 0.5rem !important; } .mr-2.font-weight-bold.fs-15 { display: none; } .col-xs-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .logo img { display: none; } .mx-0.slick-slider.slider .box.px-0 .bg-img-cover-center.py-6 { height: 80px; } .pt-1.pb-6.pb-lg-7.border-top .container .slick-slider.mx-n2 { padding-top: 30px; } .container .text-center.mx-auto .btn.btn-light.btn-lg.px-11.fs-28.rounded.border-0 { display: none; } .container div .card-subtitle.fs-48.custom-font-02.text-center.mb-4 { display: none; } .bg-img-cover-center2 { background-position: -300px -50px; background-repeat: no-repeat; height: 500px; } .ml-1a.fas.fa-microphone,.ml-1a.fas.fa-video,.ml-1a.fas.fa-microphone-slash { display: none; } .quick-view.show .modal-dialog { -webkit-transform: translateY(-31%) !important; transform: translateY(-31%) !important; } .sign-in.show .modal-dialog { -webkit-transform: translateY(-45%) !important; transform: translateY(-45%) !important; } .mr-4, .mx-4 { margin-right: 0.6rem !important; } .ml-2, .mx-2 { margin-left: 0.2 !important; } } @media (min-width: 768px) { .banner-10 .card-img { height: 900px; } }