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