@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;

  }

}