@charset "utf-8";
											.WFUnit{		 } .WFUnit>.outBox{ } @media screen and (max-width:768px){ .WFUnit{		 } .WFUnit>.outBox{ } }												 .WFUnit{ width: 25%; padding-top: 53px; padding-bottom: 33px; text-align: center; color: #606060;		 }		 .WFUnit .showIconA { width: 100%; height: 20px; top: 20px; left: 0; right: auto; } .WFUnit .fWatch { overflow: hidden; } .WFUnit .fWatchImg { margin:0 auto; overflow: hidden; width: 188px; height: 240px; opacity: 0; transition: ease 0.3s; } .WFUnit .fWatchImg:hover{ transform: scale(1.2); } .WFUnit .iconNewA{/*新上市圖示*/ background-image:url(/hk/images/common/newA.svg); } .WFUnit .iconDscnA{ background-image: url(/hk/images/common/discontinuedA.svg); } .WFUnit .ruleImg { pointer-events: none; top: 0px; left: 0px; width: 100%; height: 240px; } .WFUnit .hype { right: 0; top: 0; z-index: 3; } .WFUnit .scoresBtn { top: 20px; right: 16px; z-index: 0; } .WFUnit .likesBtn { bottom: 0px; right: 20px; z-index: 0; } .WFUnit .brandName { margin:30px auto 0 auto; font-size: 18px; } .WFUnit .seriesName { margin:0 auto; font-size: 14px; } .WFUnit .watchName { margin:19px auto 0 auto; font-size: 14px; } .WFUnit .hr { margin:6px auto 0 auto; width: 60%; height: 1px; background-color: #d2d2d2; } .WFUnit .watchPrice { margin:6px auto 0 auto; font-size: 16px; color: #be935c; } .WFUnit .price_tip { width: 20px; height: 20px; line-height: 20px; } .WFUnit .addBox { margin:18px auto 0 auto; font-size: 19px; color: #be935c; } .WFUnit .addCBtn { cursor: pointer; margin:12px auto 0 auto; width: 100px; font-size: 14px; line-height: 24px; } .WFUnit .addCBtn #addCTextA { border: 1px #c9c9c9 solid; color: #7a7a7a; } .WFUnit .addCBtn #addCTextB { border: 1px #be935c solid; color: #FFF; background-color: #be935c; } @media screen and (max-width: 768px) { .WFUnit{ width: 50%; padding-top: 12.8vw; padding-bottom: 7.97vw; text-align: center; color: #606060; } .WFUnit .showIconA { width: 100%; height: 4.83vw; top: 4.83vw; left: 0; right: auto; } .WFUnit .fWatch { overflow: hidden; } .WFUnit .fWatchImg { margin:0 auto; overflow: hidden; width: 40vw; height: 51.06vw; max-width: 45.41vw; max-height: 57.97vw; opacity: 0; transition: ease 0.3s; } .WFUnit .fWatchImg:hover{ transform: scale(1.2); } .WFUnit .iconNewA{/*新上市圖示*/ background-image:url(/hk/images/common/newA.svg); } .WFUnit .iconDscnA{ background-image: url(/hk/images/common/discontinuedA.svg); } .WFUnit .ruleImg { pointer-events: none; top: 0vw; left: 0vw; width: 100%; height: 57.97vw; } .WFUnit .hype { right: 0; top: 0; z-index: 3; } .WFUnit .scoresBtn { top: 4.83vw; right: 3.86vw; z-index: 0; } .WFUnit .likesBtn { bottom: 0vw; right: 4.83vw; z-index: 0; } .WFUnit .brandName { margin:7.25vw auto 0 auto; font-size: 4.35vw; } .WFUnit .seriesName { margin:0 auto; font-size: 3.38vw; } .WFUnit .watchName { margin:4.59vw auto 0 auto; font-size: 3.38vw; } .WFUnit .hr { margin:1.45vw auto 0 auto; width: 60%; height: 0.24vw; background-color: #d2d2d2; } .WFUnit .watchPrice { margin:1.45vw auto 0 auto; font-size: 3.86vw; color: #be935c; } .WFUnit .price_tip { width: 4.83vw; height: 4.83vw; line-height: 4.83vw; } .WFUnit .addBox { margin:4.35vw auto 0 auto; font-size: 4.59vw; color: #be935c; } .WFUnit .addCBtn { cursor: pointer; margin:2.9vw auto 0 auto; width: 24.15vw; font-size: 3.38vw; line-height: 5.8vw; } .WFUnit .addCBtn #addCTextA { border: 0.24vw #c9c9c9 solid; color: #7a7a7a; } .WFUnit .addCBtn #addCTextB { border: 0.24vw #be935c solid; color: #FFF; background-color: #be935c; } }