/* show hide over */

.showOnUS-us{
	display:none;
}

.showOnAff, .Affiliate .hideOnAff,
.showOnUS, .overseaCty .hideOnUS,
.flashSale.overseaCty .hideOnUS-us{
	display: none !important;
}

.Affiliate .showOnAff, 
.overseaCty .showOnUS,
.flashSale.overseaCty .showOnUS-us{
	display: block !important;
}

.bg{
	display: none !important;	
}

.on{
	display: block !important;
}

.desktop, .mobile,
.heroBanner > a{
	position: relative;
	display: block;
}

.discounthd{
	display: none;
	position: absolute;
    z-index: 5;
}

.start-in, .getting-started{
	display: inline-block;
	color: #eedec7;
}

/*
.getting-started{
	display: inline-block;
	color: #1669ae;
	
}
*/


.desktop .start-in,
.desktopImg .start-in{	
	font-size: 1vw;
    line-height: 4vw;
}

.desktop .getting-started,
.desktopImg .getting-started{	
	font-size: 1.1vw;
    line-height: 1vw;
}


.desktop .discounthd{
	top: 56%;
	width: 58%;
	left: 0%;
    text-align: center;
}


.mobile .start-in{
	font-size: 3.5vw;
    line-height: 5vw;
}

.mobile .getting-started{
	font-size: 4vw;
    line-height: 5vw;
}

.mobile .discounthd{
    top: 43%;
	width: 100%;
    text-align: center;
    left: 0%;
}



/* listingPage */

.listingPage{
	max-width: 1920px;
    margin: 0 auto;
}

.listingPage .mobile .start-in{
	font-size: 3vw;
    line-height: 5vw;
	display: inline-block;
}

.listingPage .mobile .getting-started{
	font-size: 3vw;
    line-height: 5vw;
}

.listingPage .desktop .discounthd{	
    top: 61%;
    width: 90%;
}

.listingPage .mobile .discounthd{
    top: 75%;
    width: 54%;
    left: 0%;
}


/* home page */

#pageHome #section-hero{
	/*display: none !important;*/
}

.banner{
	max-width:1920px;
	margin:0 auto;
}

#pageHome #section-hero:before{
	display: none;
}

.desktop .content, .mobile .content{
	width: 100%;
	position: relative;
}

.subBanner{
	width: 100%;
	overflow:hidden;
	position: relative;
	text-align:center;
}



#section-products-category{
	display:none;
}

.lazyload{
	opacity: 0;
}

.lazyloaded{
	opacity: 1;
	transition: all 200ms;
}

[class^="submenu_"], [class*="submenu_"],
[class^="listing_"], [class*="listing_"]{
	/*border:solid 1px;*/
	position: absolute;
}

.heroBanner .content .hp--header{
	text-align:center;
}

.content{
	position: relative;
}
.content .hd{
	text-align: center;
    font-size: 26px;
    margin-top: 30px;
}

.desktop .content .menu{    
    width: 80%;
    margin: -1% auto 4%;
	text-align: center;
}

.desktop .content .menu div{
	display: inline-block;
    width: 11.9%;
    text-align: center;
	vertical-align: top;
}


.mobile .content .menu{
    width: 100%;
    margin: -10% auto 10%;
    padding: 0 6%;
	text-align: center;
}

.mobile .content .menu div{
    display: inline-block;
    width: 32%;
    text-align: center;
    margin: 3% 0px;
	vertical-align: top;
}






/**************/

.mobileMenuBar{
	padding: 20px 30px;
	position: relative;
	overflow:hidden;
}

.mobileMenuBar .swiper-slide{
	width: auto;
}
.mobileMenuBar .swiper-slide-tab {
	position: relative;
	float: left;
	width: auto;
}
.mobileMenuBar .swiper-slide-tab.active {
	font-weight: bold;
}
.mobileMenuBar .swiper-button-prev, .mobileMenuBar .swiper-button-next{
	background-color: white;
	background-image: none;
	color: black;
}
.mobileMenuBar .swiper-button-prev{
	left: 0;
}
.mobileMenuBar .swiper-button-next{
	right: 0;
}
.mobileMenuBar .ion-ios-arrow-left, .mobileMenuBar .ion-ios-arrow-right{
	background: none;
	color: black;
	font-size: 23pt;
}
.mobileMenuBar .swiper-button-disabled{
	display: none;
}

.nav-tabs li{
	position: relative;
}


.nav-container .nav-tabs > li > span{
	padding-top: 0.25em;
	padding-bottom: 0.25em;
	position: relative;
	display: block;
	padding: 4px 15px;
}

.nav-tabs li .more:after, .swiper-slide .swiper-slide-tab .more:after{
	display: inline-block;
	color: inherit;
	margin-left: 5px;
	vertical-align: middle;
	font: normal normal normal 14px/1 FontAwesome;
	content: "\f107";
	font-size: 0.7em;
	margin-top: -0.2em;
}

.submenu{
	position: absolute;
	background: #fff;
	z-index: 10;
	right: -30px;
	width: max-content;
}


.submenu ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
} 
.submenu ul li{
	text-align:left;
	padding: 6px 15px;
}
.submenu ul li a, 
#pageProductListing .nav-tabs > li > a{
	color: #000 !important;
}

.more.active{
	font-weight: bold;
}


@media (max-width: 767px){
	#section-product-listing {
		/*margin-top:60px;*/
	}

	.container.nav-container.hidden-md.hidden-lg{
		/*position: absolute !important;*/
		width:100%;
	}
}

#pageProductListing .nav-tabs > li .submenu li.active,
	.mobileMenuBar .swiper-slide-tab .submenu .active{
	font-weight: bold;
}

#pageProductListing .nav-tabs > li .submenu li.active a,
	.mobileMenuBar .swiper-slide-tab .submenu .active a{
	color:#000;
}


/* new layout */

.bannerImg{
	max-width: 1310px;
	margin: 0 auto;
	position: relative;
}

.hp--header{
	font-size:30px;
	font-family: Times New Roman, Times, Georgia, Microsoft JhengHei, 微軟正黑體, sans-serif;
	color:#3d3d3d;
	margin:80px auto 50px auto;
	width:max-content;
}


.hp--sbutitle{
	font-size: 13px;
	font-family: "Verdana", "Helvetica Neue", Helvetica, Arial, "Microsoft JhengHei", "微軟正黑體", sans-serif;
	color:#666666;
	margin:-40px 0 50px 0;
}

.bgGray{
	background: #f9f9f9;
} 

.pdt-cat-all{
	max-width:1310px;
	margin: 30px auto 80px;
}

.pdt-cat-all .comp-pdt{
	margin-left: 1.5%;
	width: 23.8%;
	display: inline-block;
	vertical-align: top;
}

.pdt-cat-all .comp-pdt:first-child {
	margin: 0px;
}

.ChineseWeddingCollection .pdt-cat-all{
	max-width:1310px;
	margin: 0px auto 80px;
	display: inline-flex;
    width: 100%;
}

.ChineseWeddingCollection .pdt-cat-all .comp-pdt{
	display: flex;
	vertical-align: top;
	width:unset;
	margin:0px;
}


.comp-pdt-head{
	font-size:23px;
	font-family: "Verdana", "Helvetica Neue", Helvetica, Arial, "Microsoft JhengHei", "微軟正黑體", sans-serif;
	color:#424242;
	height:89px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.comp-pdt-content{
	font-size: 13px;
	font-family: "Verdana", "Helvetica Neue", Helvetica, Arial, "Microsoft JhengHei", "微軟正黑體", sans-serif;
	color:#3f3f3f;
	padding: 0 10px; 
}

.paddingBottom{
	padding-bottom:80px;
}

.radica-row{
	margin: 0px auto 0 !important;
}

.comp-pdt-blk-material{
	font-size:13px !important;
}

/**wx**/
@media (min-width: 768px){ 
	#section-products-category{
		text-align: center;
		margin-top: 170px;
	}

	#section-products-category .pdt-cat-all{
		max-width: 1600px;
		margin: 40px auto 80px;
	}

	#section-products-category .comp-pdt-name{
		font-size: 16px;
		font-family: "Verdana", "Helvetica Neue", Helvetica, Arial, "Microsoft JhengHei", "微軟正黑體", sans-serif;
		color: #434343;
		margin: 40px 0 50px 0;
		letter-spacing: 2px;
	}


	#section-products-category .pdt-cat-all .comp-pdt{
		width: 22.5%;
	}
}

@media (max-width: 767px){

	/**wx**/

	.mobile .subBanner:first-child .bannerImg {
		margin: 0;
	}

	.mobile .bannerImg {
		max-width: max-content;
		margin: 0 4.2%;
		position: relative;
	}

	.mobile .pdt-cat-all{
		width: 100%;
		display: flow-root;
		padding:0 4.2%;
		margin: 7% auto 0;
	}

	.mobile .ChineseWeddingCollection .comp-pdt,
	.mobile .comp-pdt{
		width: 47.75%;
		display: inline-block;
		vertical-align: top; 
	}
	
	.mobile .ChineseWeddingCollection .pdt-cat-all{	
		margin: 0px auto;
		display:unset;
	}

	.mobile .ChineseWeddingCollection .pdt-cat-all .comp-pdt{
		width: 45.8%;
		margin: 0px !important;
	}

	.mobile .pdt-cat-all div.comp-pdt:nth-child(odd),#section-products-category .pdt-cat-all div.comp-pdt:nth-child(odd){
		margin: 0px;
	}
	.mobile .pdt-cat-all div.comp-pdt:nth-child(even),#section-products-category .pdt-cat-all div.comp-pdt:nth-child(even){
		margin-left: 4.5%;
	}

	.mobile .comp-pdt-head{
		font-size: 16px;
		height: 50px;
	}
	.mobile .comp-pdt-content{
		padding: 0 0 2em 0;
	}
	.mobile .hp--header{
		margin: 1.5em auto;
		width:unset;
	}


	.mobile .mobile--content{
		font-size: 14px;
		font-family: "Verdana", "Helvetica Neue", Helvetica, Arial, "Microsoft JhengHei", "微軟正黑體", sans-serif;
		margin: 2.5em 0;
	}

	.mobile .paddingBottom{
		padding-bottom: 2em;
	}

	.mobile .btn-sm{
		padding: 4px 16px;
		margin:0 10px;
	}
	
	
	.mobile .ChineseWeddingCollection .mobile--content{
		margin: -40px 0 20px 0;
	}

	.mobile .ChineseWeddingCollection .btn-gray-darker{
		margin-bottom:30px;
	}

	.mobile .ChineseWeddingCollection .pdt-cat-all .comp-pdt-head{
	    font-size: 16px;
		color:#c70d10;
	}


	/**Shop Catergories**/
	#section-products-category{
		text-align: center;
	}

	#section-products-category .hp--header{
		font-size: 27px;
		font-family: Times New Roman, Times, Georgia, Microsoft JhengHei, 微軟正黑體, sans-serif;
	} 

	#section-products-category .hp--sbutitle{
		padding: 0 13%;
	} 

	#section-products-category .pdt-cat-all{
		width: 100%;
		display: flow-root;
		padding:0 4.2%;
		margin: 0;
	}

	#section-products-category .comp-pdt{
		width: 47%;
		display: inline-block;
		vertical-align: top; 
	}

	#section-products-category .comp-pdt-name{
		padding:1em 0 3em 0;
		font-size: 16px;
		font-family: "Verdana", "Helvetica Neue", Helvetica, Arial, "Microsoft JhengHei", "微軟正黑體", sans-serif;
	}

}

@media (max-width: 480px){
	.mobile .comp-pdt-head{
		font-size: 14px;
	}	
}


/* prodRecom */

.prodRecom{
    position: absolute;
    top: 52%;
    left: 41%;
    width: 58%;
    height: 45%;
}

.prodRecom .swiper{
	position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    width: 87%;
    height: 100%;
    margin: 0 auto;
}


.prodRecom .swiper-wrapper{
	height: 92%;
}


.prodRecom .swiper-slide {
	text-align: center;
	background: #fff;

	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}


.prodRecom .swiper-pagination{
	bottom: 0px;
    left: 0%;
    width: 100%;
}

.prodRecom .swiper-pagination .swiper-pagination-bullet {
    margin: 0 2%;
}

.prodRecom .swiper-button-prev,
.prodRecom .swiper-button-next{	
    display: block;
    height: 30px;
    width: 30px;
    line-height: 0px;
    font-size: 0px;
    cursor: pointer;
    background: transparent;
    color: transparent;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding: 0;
    border: none;
    outline: none;
}


.prodRecom .swiper-button-prev:before {
    content: '\f104';
}

.prodRecom .swiper-button-next:before {
    content: '\f105';
}

.prodRecom .swiper-button-prev:before,
.prodRecom .swiper-button-next:before {
    font-family: 'FontAwesome';
    font-size: 30px;
    line-height: 1;
    color: #95989A;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}



@media (max-width: 767px){
	.prodRecom{
		top: 41%;
		left: 5%;
		width: 90%;
		height: 40%;
	}
	.prodRecom .swiper-wrapper{
		flex-wrap: nowrap;
		flex-direction: unset;		
	}
	.prodRecom .swiper-slide{
		height: 100%;
	}
	.prodRecom .swiper-pagination {
		bottom: 0px;
		left: 5%;
		width: 90%;
	}
	.prodRecom .swiper-button-prev{
		left:-10px;
	}
	
	.prodRecom .swiper-button-next{
		right:-10px;
	}
}


.GAPO.GAPOB{
	display:none;
}


.desktop .subBanner video,
.mobile .subBanner video {
	position: absolute;   
    z-index: -1;
}



/* p2 */



.desktop .discounthd.p2s1,
.desktop .discounthd.p2s2{
	 top: 52%;
	 width: 53%;
}

.mobile .discounthd.p2s1,
.mobile .discounthd.p2s2{
	 top: 42%;
}

/* P3 */


 .p3s1 .start-in{
	display: inline-block;
 }


.desktop .discounthd.p3s1{
    top: 58%;
    width: 52%;
    right: 0%;
    left: auto;
}


.mobile .discounthd.p3s1{
    top: 54%;
    width: 78%;
    right: 0%;
    left: auto;
}

.mobile .p3s1 .getting-started{
	font-size:4vw;
}

.listingPage .desktop .discounthd.p3s1{
    top: 63%;
    left: 63.5%;
    width: 30%;
}

.listingPage .mobile .discounthd.p3s1{
    top: 75%;
    right: 0%;
    width: 63%;
}



/* desktop */

.desktop .p3s1 .listing_flashsale_1_1{left: 18%;top: 3%;width: 33%;height: 44%;}
.desktop .p3s1 .listing_flashsale_1_b{left: 10%;top: 18%;width: 16%;height: 11%;z-index: 10;}

.desktop .p3s1 .listing_flashsale_2_1{left: 69%;top: 10%;width: 21%;height: 37%;}             
.desktop .p3s1 .listing_flashsale_2_b{left: 55%;top: 17%;width: 14%;height: 12%;z-index: 10;} 

.desktop .p3s1 .listing_flashsale_3_1{left: 7%;top: 52%;width: 28%;height: 34%;}                
.desktop .p3s1 .listing_flashsale_3_b{left: 7%;top: 86%;width: 28%;height: 9%;z-index: 10;} 

.desktop .p3s1 .listing_flashsale_4_1{left: 36%;top: 52%;width: 28%;height: 34%;}             
.desktop .p3s1 .listing_flashsale_4_b{left: 36%;top: 86%;width: 28%;height: 9%;z-index: 10;} 

.desktop .p3s1 .listing_flashsale_5_b{left: 65%;top: 52%;width: 29%;height: 43%;z-index: 10;}

.desktop .p3s1 .listing_flashsale_6_b{left: 73%;top: 0%;width: 24%;height: 10%;z-index: 10;}


/* mobile */

.mobile .p3s1 .listing_flashsale_1_1{left: 7%;top: 14%;width: 87%;height: 26%;}
.mobile .p3s1 .listing_flashsale_1_2{left: 7%;top: 40%;width: 87%;height: 35%;}
.mobile .p3s1 .listing_flashsale_1_3{left: 7%;top: 0%;width: 91%;height: 14%;}

.mobile .p3s1 .listing_flashsale_2_1{left: 7%;top: 15%;width: 87%;height: 49%;}
.mobile .p3s1 .listing_flashsale_2_2{left: 7%;top: 42%;width: 87%;height: 33%;} 

.mobile .p3s1 .listing_flashsale_3_1{left: 7%;top: 25%;width: 87%;height: 28%;} 
.mobile .p3s1 .listing_flashsale_3_2{left: 7%;top: 53%;width: 87%;height: 25%;}




/* P4 */

.p4s1 .start-in, .p4s1 .getting-started{
	color:#000;
}

.desktop .discounthd.p4s1{
    top: 52%;
    width: 100%;    
    left: 0%;
}


.mobile .discounthd.p4s1{
    top: 57%;
    width: 100%;
    left: 0%;
}

.mobile .p4s1 .getting-started{
	font-size:4vw;
}

.desktop .p4s1 .content .menu div{
	width: 20%;
    margin: 10px;
}


.listingPage .desktop .discounthd.p4s1{
    top: 68%;
    right: 0%;
    width: 96%;
    left: auto;
}

.listingPage .mobile .discounthd.p4s1{
    top: 57%;
}


.p4s1 .comp-pdt-all{
	position: absolute;
    top: 0%;
    width: 90%;
    margin: 0 auto;
    left: 5%;
}

.p4s1 .comp-pdt-all .slick-list.draggable{
	width: 83%;
    margin: 0 auto;
}

.p4s1 .comp-pdt-all .slick-prev,
.p4s1 .comp-pdt-all .slick-next{
	width: 66px;
	height: 66px;
}

.p4s1 .comp-pdt-all .slick-prev:before,
.p4s1 .comp-pdt-all .slick-next:before{
    content: '';
    background: url(//cdn.chowsangsang.com/eshop/hk/newweb/banner_1111_btn_p4_left.jpg) 0 0 no-repeat;
    width: 66px;
    height: 66px;
    display: block;
	opacity: 0.5;
}

.p4s1 .comp-pdt-all .slick-next:before{
	background: url(//cdn.chowsangsang.com/eshop/hk/newweb/banner_1111_btn_p4_right.jpg) 0 0 no-repeat;
}

/* desktop */

.desktop .p4s1 .listing_flashsale_1_1{left: 27%;top: 7%;width: 17%;height: 25%;}
.desktop .p4s1 .listing_flashsale_1_2{left: 40%;top: 31%;width: 12%;height: 21%;}
.desktop .p4s1 .listing_flashsale_1_b{left: 15%;top: 32%;width: 21%;height: 26%;z-index: 10;}

.desktop .p4s1 .listing_flashsale_2_1{left: 69%;top: 14%;width: 30%;height: 59%;}
.desktop .p4s1 .listing_flashsale_2_2{left: 76%;top: 0%;width: 21%;height: 14%;}
.desktop .p4s1 .listing_flashsale_2_b{left: 55%;top: 77%;width: 31%;height: 23%;z-index: 10;} 

.desktop .p4s1 .listing_flashsale_3_1{left: 14%;top: 10%;width: 28%;height: 48%;}
.desktop .p4s1 .listing_flashsale_3_2{left: 35%;top: 57%;width: 20%;height: 24%;}
.desktop .p4s1 .listing_flashsale_3_3{left: 67%;top: 1%;width: 24%;height: 34%;}
.desktop .p4s1 .listing_flashsale_3_b{left: 14%;top: 73%;width: 22%;height: 30%;z-index: 10;} 

.desktop .p4s1 .listing_flashsale_4_1{left: 66%;top: 2%;width: 28%;height: 34%;}
.desktop .p4s1 .listing_flashsale_4_2{left: 41%;top: 52%;width: 21%;height: 34%;}
.desktop .p4s1 .listing_flashsale_4_b{left: 59%;top: 48%;width: 27%;height: 29%;z-index: 10;} 

.desktop .p4s1 .listing_flashsale_5_1{left: 25%;top: 22%;width: 28%;height: 34%;}
.desktop .p4s1 .listing_flashsale_5_2{left: 38%;top: 56%;width: 24%;height: 34%;}
.desktop .p4s1 .listing_flashsale_5_b{left: 56%;top: 38%;width: 31%;height: 29%;z-index: 10;}

.desktop .p4s1 .listing_flashsale_6_1{left: 25%;top: 15%;width: 23%;height: 27%;}
.desktop .p4s1 .listing_flashsale_6_2{left: 46%;top: 52%;width: 38%;height: 37%;}
.desktop .p4s1 .listing_flashsale_6_b{left: 36%;top: 40%;width: 27%;height: 24%;z-index: 10;}

.desktop .p4s1 .listing_flashsale_7_1{left: 0%;top: 0%;width: 29%;height: 77%;}
.desktop .p4s1 .listing_flashsale_7_2{left: 29%;top: 19%;width: 25%;height: 61%;}
.desktop .p4s1 .listing_flashsale_7_b{left: 54%;top: 29%;width: 28%;height: 31%;z-index: 10;}

.desktop .p4s1 .listing_flashsale_8_1{left: 51%;top: 12%;width: 28%;height: 34%;}
.desktop .p4s1 .listing_flashsale_8_2{left: 50%;top: 48%;width: 23%;height: 34%;}
.desktop .p4s1 .listing_flashsale_8_b{left: 16%;top: 32%;width: 31%;height: 29%;z-index: 10;}


/* mobile */

.mobile .p4s1 .listing_flashsale_1_1{left: 7%;top: 22%;width: 48%;height: 26%;}
.mobile .p4s1 .listing_flashsale_1_2{left: 55%;top: 35%;width: 37%;height: 27%;}
.mobile .p4s1 .listing_flashsale_1_3{left: 24%;top: 0%;width: 76%;height: 21%;}

.mobile .p4s1 .listing_flashsale_2_1{left: 7%;top: 15%;width: 87%;height: 28%;}
.mobile .p4s1 .listing_flashsale_2_2{left: 7%;top: 43%;width: 87%;height: 21%;} 

.mobile .p4s1 .listing_flashsale_3_1{left: 7%;top: 17%;width: 87%;height: 28%;} 
.mobile .p4s1 .listing_flashsale_3_2{left: 7%;top: 45%;width: 87%;height: 21%;}

.mobile .p4s1 .listing_flashsale_4_1{left: 7%;top: 13%;width: 49%;height: 28%;} 
.mobile .p4s1 .listing_flashsale_4_2{left: 18%;top: 41%;width: 73%;height: 22%;}

.mobile .p4s1 .listing_flashsale_5_1{left: 7%;top: 14%;width: 87%;height: 28%;} 
.mobile .p4s1 .listing_flashsale_5_2{left: 7%;top: 42%;width: 87%;height: 25%;}

.mobile .p4s1 .listing_flashsale_6_1{left: 7%;top: 8%;width: 62%;height: 28%;} 
.mobile .p4s1 .listing_flashsale_6_2{left: 7%;top: 36%;width: 87%;height: 25%;}

.mobile .p4s1 .listing_flashsale_7_1{left: 30%;top: 8%;width: 66%;height: 32%;} 
.mobile .p4s1 .listing_flashsale_7_2{left: 7%;top: 40%;width: 87%;height: 27%;}

.mobile .p4s1 .listing_flashsale_8_1{left: 7%;top: 13%;width: 87%;height: 26%;} 
.mobile .p4s1 .listing_flashsale_8_2{left: 7%;top: 39%;width: 59%;height: 25%;}

.mobile .p4s1 .listing_flashsale_9_1{left: 5%;top: 4%;width: 43%;height: 22%;} 
.mobile .p4s1 .listing_flashsale_9_2{left: 51%;top: 4%;width: 43%;height: 22%;} 
.mobile .p4s1 .listing_flashsale_9_3{left: 5%;top: 28%;width: 43%;height: 22%;}  
.mobile .p4s1 .listing_flashsale_9_4{left: 51%;top: 28%;width: 43%;height: 22%;} 
.mobile .p4s1 .listing_flashsale_9_5{left: 5%;top: 52%;width: 43%;height: 22%;}  
.mobile .p4s1 .listing_flashsale_9_6{left: 51%;top: 52%;width: 43%;height: 22%;} 
.mobile .p4s1 .listing_flashsale_9_7{left: 5%;top: 76%;width: 43%;height: 22%;} 
.mobile .p4s1 .listing_flashsale_9_8{left: 51%;top: 76%;width: 43%;height: 22%;} 



/* P5 */

.p5s1 .start-in, .p5s1 .getting-started{
	color:#fff;
}

.desktop .discounthd.p5s1{
    top: 54%;
    width: 52%;
    right: 0%;
    left: auto;
}


.mobile .discounthd.p5s1{
    top: 43%;
    width: 100%;
    left: 0%;
}

.mobile .p5s1 .getting-started{
	font-size:4vw;
}

.desktop .p5s1 .content .menu div{
	width: 20%;
    margin: 10px;
}


.listingPage .desktop .discounthd.p5s1{
    top: 58%;
    right: 0%;
    width: 43%;
    left: auto;
}

.listingPage .mobile .discounthd.p5s1{
    top: 70%;
    left: auto;
    right: 0%;
    width: 56%;
}


.p5s1 .comp-pdt-all{
	position: absolute;
    top: 0%;
    width: 90%;
    margin: 0 auto;
    left: 5%;
}

.p5s1 .comp-pdt-all .slick-list.draggable{
	width: 83%;
    margin: 0 auto;
}

.p5s1 .comp-pdt-all .slick-prev,
.p5s1 .comp-pdt-all .slick-next{
	width: 66px;
	height: 66px;
}

.p5s1 .comp-pdt-all .slick-prev:before,
.p5s1 .comp-pdt-all .slick-next:before{
    content: '';
    background: url(//cdn.chowsangsang.com/eshop/hk/newweb/banner_1111_btn_p5_left.jpg) 0 0 no-repeat;
    width: 66px;
    height: 66px;
    display: block;
	opacity: 0.5;
}

.p5s1 .comp-pdt-all .slick-next:before{
	background: url(//cdn.chowsangsang.com/eshop/hk/newweb/banner_1111_btn_p5_right.jpg) 0 0 no-repeat;
}

/* desktop */

.desktop .p5s1 .listing_flashsale_1_1{left: 27%;top: 6%;width: 19%;height: 24%;}
.desktop .p5s1 .listing_flashsale_1_2{left: 44%;top: 26%;width: 12%;height: 21%;}
.desktop .p5s1 .listing_flashsale_1_b{left: 15%;top: 27%;width: 21%;height: 26%;z-index: 10;}

.desktop .p5s1 .listing_flashsale_2_1{left: 50%;top: 46%;width: 26%;height: 32%;}
.desktop .p5s1 .listing_flashsale_2_2{left: 76%;top: 0%;width: 21%;height: 14%;}
.desktop .p5s1 .listing_flashsale_2_3{left: 75%;top: 14%;width: 25%;height: 41%;}
.desktop .p5s1 .listing_flashsale_2_b{left: 56%;top: 78%;width: 31%;height: 23%;z-index: 10;} 

.desktop .p5s1 .listing_flashsale_3_1{left: 17%;top: 0%;width: 25%;height: 35%;}
.desktop .p5s1 .listing_flashsale_3_2{left: 33%;top: 35%;width: 20%;height: 22%;}
.desktop .p5s1 .listing_flashsale_3_3{left: 66%;top: 48%;width: 22%;height: 52%;}
.desktop .p5s1 .listing_flashsale_3_b{left: 14%;top: 48%;width: 22%;height: 30%;z-index: 10;} 

.desktop .p5s1 .listing_flashsale_4_1{left: 41%;top: 20%;width: 21%;height: 61%;}
.desktop .p5s1 .listing_flashsale_4_2{left: 41%;top: 52%;width: 21%;height: 34%;}
.desktop .p5s1 .listing_flashsale_4_b{left: 62%;top: 17%;width: 22%;height: 50%;z-index: 10;} 

.desktop .p5s1 .listing_flashsale_5_1{left: 25%;top: 19%;width: 28%;height: 34%;}
.desktop .p5s1 .listing_flashsale_5_2{left: 38%;top: 53%;width: 24%;height: 34%;}
.desktop .p5s1 .listing_flashsale_5_b{left: 59%;top: 32%;width: 26%;height: 29%;z-index: 10;}

.desktop .p5s1 .listing_flashsale_6_1{left: 25%;top: 12%;width: 23%;height: 27%;}
.desktop .p5s1 .listing_flashsale_6_2{left: 46%;top: 60%;width: 38%;height: 37%;}
.desktop .p5s1 .listing_flashsale_6_b{left: 35%;top: 39%;width: 30%;height: 27%;z-index: 10;}

.desktop .p5s1 .listing_flashsale_7_1{left: 37%;top: 26%;width: 26%;height: 60%;}
.desktop .p5s1 .listing_flashsale_7_2{left: 63%;top: 11%;width: 27%;height: 67%;}
.desktop .p5s1 .listing_flashsale_7_b{left: 9%;top: 38%;width: 28%;height: 31%;z-index: 10;}

.desktop .p5s1 .listing_flashsale_8_1{left: 53%;top: 19%;width: 28%;height: 34%;}
.desktop .p5s1 .listing_flashsale_8_2{left: 50%;top: 53%;width: 23%;height: 31%;}
.desktop .p5s1 .listing_flashsale_8_b{left: 17%;top: 29%;width: 31%;height: 29%;z-index: 10;}


/* mobile */

.mobile .p5s1 .listing_flashsale_1_1{left: 7%;top: 22%;width: 53%;height: 26%;}
.mobile .p5s1 .listing_flashsale_1_2{left: 56%;top: 37%;width: 37%;height: 27%;}
.mobile .p5s1 .listing_flashsale_1_3{left: 24%;top: 0%;width: 76%;height: 21%;}

.mobile .p5s1 .listing_flashsale_2_1{left: 7%;top: 15%;width: 43%;height: 40%;}
.mobile .p5s1 .listing_flashsale_2_2{left: 50%;top: 16%;width: 46%;height: 51%;} 

.mobile .p5s1 .listing_flashsale_3_1{left: 7%;top: 17%;width: 87%;height: 31%;} 
.mobile .p5s1 .listing_flashsale_3_2{left: 7%;top: 48%;width: 87%;height: 17%;}

.mobile .p5s1 .listing_flashsale_4_1{left: 7%;top: 12%;width: 49%;height: 28%;} 
.mobile .p5s1 .listing_flashsale_4_2{left: 33%;top: 39%;width: 62%;height: 22%;}

.mobile .p5s1 .listing_flashsale_5_1{left: 7%;top: 14%;width: 87%;height: 28%;} 
.mobile .p5s1 .listing_flashsale_5_2{left: 7%;top: 42%;width: 87%;height: 25%;}

.mobile .p5s1 .listing_flashsale_6_1{left: 7%;top: 8%;width: 62%;height: 28%;} 
.mobile .p5s1 .listing_flashsale_6_2{left: 7%;top: 36%;width: 87%;height: 25%;}

.mobile .p5s1 .listing_flashsale_7_1{left: 6%;top: 20%;width: 49%;height: 32%;} 
.mobile .p5s1 .listing_flashsale_7_2{left: 42%;top: 40%;width: 52%;height: 27%;}

.mobile .p5s1 .listing_flashsale_8_1{left: 7%;top: 13%;width: 87%;height: 26%;} 
.mobile .p5s1 .listing_flashsale_8_2{left: 7%;top: 39%;width: 59%;height: 25%;}

.mobile .p5s1 .listing_flashsale_9_1{left: 5%;top: 4%;width: 43%;height: 22%;} 
.mobile .p5s1 .listing_flashsale_9_2{left: 51%;top: 4%;width: 43%;height: 22%;} 
.mobile .p5s1 .listing_flashsale_9_3{left: 5%;top: 28%;width: 43%;height: 22%;}  
.mobile .p5s1 .listing_flashsale_9_4{left: 51%;top: 28%;width: 43%;height: 22%;} 
.mobile .p5s1 .listing_flashsale_9_5{left: 5%;top: 52%;width: 43%;height: 22%;}  
.mobile .p5s1 .listing_flashsale_9_6{left: 51%;top: 52%;width: 43%;height: 22%;} 
.mobile .p5s1 .listing_flashsale_9_7{left: 5%;top: 76%;width: 43%;height: 22%;} 
.mobile .p5s1 .listing_flashsale_9_8{left: 51%;top: 76%;width: 43%;height: 22%;}