@charset "utf-8";
											.ISIHHShowWatchesA{		 padding:30px 0 0 0; background-color:#fff } .ISIHHShowWatchesA>.outBox{ margin:0 auto; } @media screen and (max-width:768px){ .ISIHHShowWatchesA{		 padding:5vw 0 0 0; } .ISIHHShowWatchesA>.outBox{ padding:4.83vw 0 0 0; } }																					.ISIHHShowWatchesA{							width:100%;							max-width:1600px;						}												.ISIHHShowWatchesA div[class^=AdBanner]{						 padding-left:100px;						}												.ISIHHShowWatchesA .outBox{						 width:100%;							max-width:1200px;						}												.ISIHHShowWatchesA .inBox {						 margin:0 auto; width: 85%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-bottom: 25px; }												.ISIHHShowWatchesA .cBox { margin: 0 auto 0 -100px; } .ISIHHShowWatchesA .container { position: relative; top: 0; left: 0; width: 100%; min-height:calc(100vh - 200px); } .ISIHHShowWatchesA .unit { display: inline-block; vertical-align: top; width: 25%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 100px; text-align:center; padding-top: 43px; padding-bottom: 33px; } .ISIHHShowWatchesA .unit .unitInBox{ position:absolute; left:-35px; } .ISIHHShowWatchesA .unit .wBox{ position:relative; } .ISIHHShowWatchesA .imgBox{ display: inline-block; vertical-align: top; width:100%; padding-top:127.66%; background-position:center; background-size:contain; background-repeat:no-repeat; position:relative; } .ISIHHShowWatchesA .imgBoxA{ position:absolute; top:0; left:0; } .ISIHHShowWatchesA .img{ position:absolute; top:0; left:0; visibility: hidden; width:100%; height:100%; font-size:0; } .ISIHHShowWatchesA .w_brand_name{ margin-top: 30px; margin-left: auto; margin-right: auto; text-align: center; width: 100%; font-size: 18px; color: #606060; } .ISIHHShowWatchesA .w_series_name{ margin-top: 0px; margin-left: auto; margin-right: auto; text-align: center; width: 100%; font-size: 14px; color: #606060; } .ISIHHShowWatchesA .name{ margin-top: 19px; margin-left: auto; margin-right: auto; text-align: center; width: 100%; font-size: 14px; color: #606060; } .ISIHHShowWatchesA .price{ margin-top: 6px; margin-left: auto; margin-right: auto; text-align: center; width: 100%; font-size: 16px; color: #be935c; } .ISIHHShowWatchesA .hr { margin-top: 6px; margin-left: auto; margin-right: auto; width: 80%; height: 1px; background-color: #d2d2d2; } .ISIHHShowWatchesA .total{ height:37px; line-height:37px; font-size:12px; color:#666; } .ISIHHShowWatchesA .uiBox{						 margin:0 auto;						 width:100%;						 max-width:1200px;						 position:relative;						 padding-bottom:52px;						 						} .ISIHHShowWatchesA .uiBox .btnSort{ position:absolute; top:0; right:0;		 display: inline-block;		 vertical-align: top;		 z-index:2;		 }		 		 .ISIHHShowWatchesA .uiBox .showSelect { display: block; border: 1px #222 solid; margin: 0; text-align:left; color:#FFF; background-color: #222; } .ISIHHShowWatchesA .uiBox .showOptions { display: block; border: 1px #CCC solid; margin: 0; text-align:left; color:#666; background-color: #FFF; } .ISIHHShowWatchesA .uiBox .showOptions { display: none; border-top: none; position: absolute; } .ISIHHShowWatchesA .uiBox .btn { display: block; cursor: pointer; padding: 5px 15px; } .ISIHHShowWatchesA .uiBox .btnA { display: none; } .ISIHHShowWatchesA .uiBox .btnB:hover{		 color:#be935c;		 background-color:#FFF;		 } .ISIHHShowWatchesA .uiBox .btnOption { min-width: 140px; position: relative; } .ISIHHShowWatchesA .uiBox .btnName { font-size: 17px; } .ISIHHShowWatchesA .uiBox .btnIcon { position: absolute; right: 10px; top: 0; height: 100%; } .ISIHHShowWatchesA .uiBox .vAlign { display: inline-block; vertical-align: middle; width: 0; height: 100%; } .ISIHHShowWatchesA .uiBox .icon { display: inline-block; vertical-align: middle; width: 10px; height: 10px; background-size: contain; background-repeat: no-repeat; background-position: center; background-image: url(/hk/images/common/arrow-4.svg); transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); } .ISIHHShowWatchesA .uiBox .iconA{		 transform:rotate(180deg);						 -ms-transform: rotate(180deg); /* IE 9 */ -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */		 } .ISIHHShowWatchesA .fwNoResults{ margin:0 auto 0 auto; width:100%; height:420px; line-height:420px; color:#031f45; text-align:center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left:100px; } .ISIHHShowWatchesA .moreBtn{ padding-left:100px; } .ISIHHShowWatchesA .moreBtn .sensor{ cursor:pointer; margin:0 auto; width:500px; height:auto; background-color: #be935c; padding:20px 0; text-align:center; line-height:0; } .ISIHHShowWatchesA .moreBtn .text{ display:inline-block; vertical-align:middle; font-size:16px; color:#FFF; } .ISIHHShowWatchesA .moreBtn .icon{ display:inline-block; vertical-align:middle; width:15px; height:15px; background-size: contain; background-repeat: no-repeat; background-position: center; background-image: url(/hk/images/common/arrow-4.svg); -webkit-filter: grayscale(0%) brightness(200%) contrast(100%); filter: grayscale(0%) brightness(200%) contrast(100%); margin-left:30px; } .ISIHHShowWatchesA .showPage { display:inline-block; vertical-align:middle; width: 100%; text-align: center; color: #CCC; font-size: 24px; padding-left:50px; padding-top:85px; padding-bottom:85px; } .ISIHHShowWatchesA .showIconA{ position: absolute; width: 42px; height: 42px; top: 0; right: -30px; z-index:1; background-repeat: no-repeat; background-position: center; background-size: contain; } .ISIHHShowWatchesA .iconNewA{ background-image: url(/hk/images/common/new.svg);						}												.ISIHHShowWatchesA .showIcon { position: absolute; width: 100%; height: 20px; top: -25px; left: 0; right: auto; }												.ISIHHShowWatchesA .iconNew{						 background-size:contain;						 background-repeat:no-repeat;						 background-position:center; background-image: url(/hk/images/common/newA.svg);						}												.ISIHHShowWatchesA .iconDscn{						 background-size:contain;						 background-repeat:no-repeat;						 background-position:center; background-image: url(/hk/images/common/discontinuedA.svg);						} .ISIHHShowWatchesA .iconBox{ padding-left:100px; padding-top:85px; padding-bottom:85px; } .ISIHHShowWatchesA .likesBtn{		 position:absolute;		 bottom:0;		 right:-20px;		 z-index:1;		 }		 		 .ISIHHShowWatchesA .scoresBtn{ position:absolute; top:0; right:-20px; z-index:1; } .ISIHHShowWatchesA .ruleImg { pointer-events: none; position: absolute; top: -4px; left: 0px; width: 100%; height: 240px; background-repeat: no-repeat; background-size: contain; background-position: center; z-index:1; } .ISIHHShowWatchesA .imgInBox,.ISIHHShowWatchesA .loadingBox{		 left:0;		 top:0;		 width:100%;		 height:100%;		 } @media screen and (max-width:1600px) { .ISIHHShowWatchesA .cBox { margin: 0 auto 0 calc((100% - 720px) / -4); } .ISIHHShowWatchesA .unit { padding-left: calc((100% - 720px) / 4); } .ISIHHShowWatchesA .fwNoResults{ padding-left: calc((100% - 720px) / 4); } .ISIHHShowWatchesA .iconBox{ padding-left: calc((100% - 720px) / 4); } .ISIHHShowWatchesA .showIconA{ right: -1.875vw; } .ISIHHShowWatchesA .showIcon{ top: -1.56vw; } .ISIHHShowWatchesA .showPage { padding-left: calc((100% - 720px) / 8); } .ISIHHShowWatchesA .likesBtn{ right:-1.25vw; } .ISIHHShowWatchesA .scoresBtn { right:-1.25vw; } .ISIHHShowWatchesA .ruleImg { top: -0.25vw; height: 100%; } } @media screen and (max-width:1320px) { .ISIHHShowWatchesA .uiBox{ width:90%; } .ISIHHShowWatchesA div[class^=AdBanner]{ padding-left: calc((100% - 720px) / 4); } .ISIHHShowWatchesA .moreBtn{ padding-left: calc((100% - 720px) / 4); } .ISIHHShowWatchesA .likesBtn{ right:-1vw; } .ISIHHShowWatchesA .scoresBtn { right:-1vw; } }						 @media screen and (max-width:768px) { .ISIHHShowWatchesA div[class^=AdBanner]{ padding-left: calc(6.04vw / 2); } .ISIHHShowWatchesA .uiBox{ padding-bottom: 20px; } .ISIHHShowWatchesA .inBox { width: 90%; padding-bottom: 0; } .ISIHHShowWatchesA .cBox { margin: 0 auto 0 -6.04vw; } .ISIHHShowWatchesA .unit { width: 50%; padding-left: 6.04vw; padding-top: 7.97vw; padding-bottom: 7.97vw; } .ISIHHShowWatchesA .unit .unitInBox{ position:absolute; left:-5vw; } .ISIHHShowWatchesA .w_brand_name{ margin-top: 7.25vw; font-size: 4.35vw; } .ISIHHShowWatchesA .w_series_name{ font-size: 3.38vw; } .ISIHHShowWatchesA .name{ margin-top: 4.59vw; font-size: 3.38vw; } .ISIHHShowWatchesA .price{ margin-top: 1.45vw; font-size: 3.86vw; } .ISIHHShowWatchesA .total{ height:8.94vw; line-height:8.94vw; font-size:2.9vw; } .ISIHHShowWatchesA .uiBox .btn { padding: 1.21vw 3.62vw; } .ISIHHShowWatchesA .uiBox .btnOption { min-width: 33.82vw; } .ISIHHShowWatchesA .uiBox .btnName { font-size: 4.11vw; } .ISIHHShowWatchesA .uiBox .btnIcon { right: 2.42vw; } .ISIHHShowWatchesA .uiBox .icon { width: 2.42vw; height: 2.42vw; } .ISIHHShowWatchesA .moreBtn{ padding-left:6.04vw; height:auto; } .ISIHHShowWatchesA .moreBtn .sensor{ width:65%; height:auto; padding:4.84vw 0; } .ISIHHShowWatchesA .moreBtn .text{ font-size:3.86vw; } .ISIHHShowWatchesA .moreBtn .icon{ width:3.62vw; height:3.62vw; margin-left:7.25vw; } .ISIHHShowWatchesA .fwNoResults{ height:50vw; line-height:50vw; text-align:center; padding-left:6.04vw; } .ISIHHShowWatchesA .showIconA{ width: 10.14vw; height: 10.14vw; top: 0; right: 0; } .ISIHHShowWatchesA .showIcon{ height: 4.83vw; top: -6.04vw; } .ISIHHShowWatchesA .iconBox{ padding-left:6.04vw; padding-top:8vw; padding-bottom:8vw; } .ISIHHShowWatchesA .showPage { font-size: 5.8vw; padding-left: 3.02vw; padding-top:8vw; padding-bottom:8vw; } .ISIHHShowWatchesA .iconLoading{ margin:0 auto 12vw auto; padding: 0; } .ISIHHShowWatchesA .likesBtn{ right:-1.25vw; } .ISIHHShowWatchesA .scoresBtn { right: -1.25vw; } .ISIHHShowWatchesA .ruleImg { top: -0.966vw; width: 100%; height: 51.06vw; max-height: 57.97vw; } }