@charset "utf-8";
											.IPopularityWatchMenuB{		 padding: 0; background-color:#f4f4f4; } .IPopularityWatchMenuB>.outBox{ background-color:#f4f4f4; } @media screen and (max-width:768px){ .IPopularityWatchMenuB{		 background-color:#FFF; } .IPopularityWatchMenuB>.outBox{ background-color:#f4f4f4; } }												 .IPopularityWatchMenuB{		 width:100%;		 text-align:center;		 position:relative;		 }		 		 .IPopularityWatchMenuB .outBox{		 width:100%;		 height:70px;		 max-width:1460px;		 margin:0 auto;		 position:relative;		 }		 		 .IPopularityWatchMenuB .vAlign { display: inline-block; vertical-align: middle; width: 0; height: 100%; }		 		 .IPopularityWatchMenuB .uiBox{		 text-align: left; position: relative; width: 890px; height: 70px; white-space: nowrap; overflow: hidden; font-size: 14px;		 }		 		 .IPopularityWatchMenuB .btnPeriod{		 cursor:pointer;		 display:inline-block;		 vertical-align:middle;		 padding: 2px 20px;		 color:#aaa;		 position:relative;		 }		 		 .IPopularityWatchMenuB .btnPeriodB{		 border-left:1px #aaa solid;		 }		 		 .IPopularityWatchMenuB .btnPeriodA{		 color:#222;		 }		 		 .IPopularityWatchMenuB .btnPeriod:hover{		 color:#222;		 }		 		 .IPopularityWatchMenuB .arrowBox{		 position:absolute;		 left:0;		 bottom:-10px;		 width:100%;		 }		 		 .IPopularityWatchMenuB .arrow{		 display:none; vertical-align: top; width: 0; height: 0; margin:5px auto 0 auto; border-top: 5px #000 solid; border-left: 5px transparent solid; border-right: 5px transparent solid;		 }		 		 .IPopularityWatchMenuB .arrowA{		 display:block;		 }		 		 .IPopularityWatchMenuB .rulesUI{		 position:absolute;		 right:0;		 top:0;		 height:100%;		 }		 		 .IPopularityWatchMenuB .btnSort {		 float:right;		 margin-top:16px;		 position:relative; z-index: 2; } .IPopularityWatchMenuB .btnSortA{ display:none; } .IPopularityWatchMenuB .btnSortB{ display:none; width:200px; margin-right:20px; } .IPopularityWatchMenuB .btnSortC{ } .IPopularityWatchMenuB .showOptions { position:absolute; width:calc(100% - 2px); display: none; background-color: #FFF; text-align:left; border: 1px #CCC solid; } .IPopularityWatchMenuB .showSelect { display: block; border: 1px #222 solid; margin: 0; text-align: left; color: #FFF; background-color: #222; } .IPopularityWatchMenuB .btn { display: block; cursor: pointer; padding: 5px 15px; } .IPopularityWatchMenuB .btnA { display: none; } .IPopularityWatchMenuB .btnB:hover{		 color:#be935c;		 background-color:#FFF;		 }		 		 .IPopularityWatchMenuB .btnC, .IPopularityWatchMenuB .btnC:hover{		 color:#FFF;		 background-color: #be935c;		 } .IPopularityWatchMenuB .btnOption { min-width: 100px; position: relative; } .IPopularityWatchMenuB .btnOption .btnName { font-size: 15px; } .IPopularityWatchMenuB .btnOption .btnIcon { position: absolute; right: 10px; top: 0; height: 100%; } .IPopularityWatchMenuB .btnOption .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); -webkit-filter: grayscale(0%) brightness(200%) contrast(100%); filter: grayscale(0%) brightness(200%) contrast(100%); } .IPopularityWatchMenuB .btnOption .iconA { transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); }		 		 @media screen and (max-width:1600px){		 .IPopularityWatchMenuB .outBox{ width: calc(100% - 140px); } .IPopularityWatchMenuB .uiBox{ display:none; } .IPopularityWatchMenuB .btnSort{ float:none; } 		 .IPopularityWatchMenuB .btnSortB, .IPopularityWatchMenuB .btnSortC{ display:inline-block; }		 }		 		 @media screen and (max-width:1300px){		 		 }		 		 @media screen and (max-width:768px){ .IPopularityWatchMenuB .outBox{ width:100%; height:16.9vw; } .IPopularityWatchMenuB .uiBox{ display:none; } .IPopularityWatchMenuB .btnSort{ margin-top:3.86vw; margin-right:2.42vw; float:none; } .IPopularityWatchMenuB .btnSortA{ display:none; } .IPopularityWatchMenuB .btnSortB, .IPopularityWatchMenuB .btnSortC{ display:inline-block; } .IPopularityWatchMenuB .btnSortB{ width:45vw; } .IPopularityWatchMenuB .btn { padding: 1.21vw 3.62vw; } .IPopularityWatchMenuB .btnOption { min-width: 24.15vw; } .IPopularityWatchMenuB .btnOption .icon { width: 2.42vw; height: 2.42vw; -webkit-filter: grayscale(0%) brightness(100%) contrast(100%); filter: grayscale(0%) brightness(100%) contrast(100%); } .IPopularityWatchMenuB .btnOption .btnName { font-size: 3.6vw; }		 }