@charset "utf-8";
											.ShopBrowse{		 } .ShopBrowse>.outBox{ } @media screen and (max-width:768px){ .ShopBrowse{		 } .ShopBrowse>.outBox{ } }										 .ShopBrowse{ color:#222; background-color:#f4f4f4; } .ShopBrowse>.outBox{ width:100%; margin:0 auto; } .ShopBrowse>.outBox>.inBox{ width: 100%; display: inline-flex; } .ShopBrowse .lBox{ width: 350px; min-height:100vh; padding: 120px 70px 70px; background-color:#fafafa; } .ShopBrowse .rBox{ width: calc(100% - 350px); padding: 70px; position: relative; } .ShopBrowse .aMenuBox{ margin:24px 0 0 0; line-height:1em; font-size:14px; } .ShopBrowse .divider{ width:1px; height:18px; background-color:#c3c3c3; margin:0 15px; } .ShopBrowse .aUnit,.ShopBrowse .bUnit{ font-size: 14px; color: #787878; line-height: 1em; } .ShopBrowse .bUnit { padding: 7px 0 7px 0; width:100%; } .ShopBrowse .bUnit .text{ width:100%; } .ShopBrowse .bold{ color: #222 !important; font-weight: 500; } .ShopBrowse .aUnit:hover,.ShopBrowse .bUnit:hover { color: #be9664; } .ShopBrowse .title{ font-size: 24px; padding:0 0 14px 0; border-bottom:1px #CCC solid; overflow:hidden; } .ShopBrowse .title .text{ } .ShopBrowse .dividerA{ margin: 0 0 0 15px; } .ShopBrowse .listBoard{ padding:10px 0 0 0; } .ShopBrowse .cBox{ width: auto; flex-wrap: wrap; margin: 0 auto 0 -20px; } .ShopBrowse .marginTop { margin-top: 20px; } .ShopBrowse .unit { width: 33.3333333333333333333%; padding-left: 20px; padding-bottom: 20px; } .ShopBrowse .unit .inBox { width: 100%; padding: 30px 30px 30px 30px; text-align: center; height: 100%; background-color: #fff; } .ShopBrowse .unit .name { color: #222; font-size: 16px; } .ShopBrowse .unit .addr { color: #222; font-size: 16px; } .ShopBrowse .unit .tel { color: #222; font-size: 16px; } .ShopBrowse .unit .moreBox { position: absolute; width: 100%; left: 0; bottom: 30px; } .ShopBrowse .unit .more { color: #222; font-size: 12px; background-color: #eee; padding: 5px 40px; } .ShopBrowse .noMoreData { width: 100%; padding: 17px 0 17px 20px; margin: 24px auto 0 auto; } .ShopBrowse .iconBox{ width:100%; margin:40px 0 0 0; padding:0 0 0 20px; } .ShopBrowse .aMenuBox .iconBox,.ShopBrowse .bMenuBox .iconBox{ width:100%; margin:0; padding:0 ; } .ShopBrowse .moreBtn { width:100%; padding: 30px 0 30px 20px; } .ShopBrowse .moreBtn .sensor { cursor: pointer; margin: 0 auto; width: 100%; height: auto; max-width: 500px; background-color: #be935c; padding: 20px 0; text-align: center; line-height: 0; } .ShopBrowse .moreBtn .text { display: inline-block; vertical-align: middle; font-size: 16px; color: #FFF; } .ShopBrowse .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; } .ShopBrowse .unit .icon_sponsor { margin: 0 0 0 7px; width: 18px; height: 18px; background-image: url(/hk/images/common/icon_tick_golden.svg); } .ShopBrowse .totalBox { padding: 70px 0 0 0; width: 100%; text-align: left; } .ShopBrowse .totalBox .text { font-size: 14px; color: #bbb; } @media screen and (max-width:1200px){ .ShopBrowse .unit { width: 50%; } .ShopBrowse .searchUI{ position:absolute; } .ShopBrowse div[class^=AdBannerW]{ display:none !important; } } @media screen and (max-width:950px){ .ShopBrowse .unit { width: 100%; } } @media screen and (max-width:768px){ .ShopBrowse>.outBox { width: 90%; padding: 8.45vw 0 9.66vw 0; margin: 0 auto; } .ShopBrowse .cBox{ margin: 0 auto; } .ShopBrowse .lBox{ display:none; } .ShopBrowse .rBox{ width: 100%; padding:0; } .ShopBrowse .searchUI_m{ height:11vw; } .ShopBrowse .title { font-size: 4.35vw; padding: 0 0 3.38vw 0; } .ShopBrowse .listBoard { padding:2.42vw 0 0 0; } .ShopBrowse .unit { width: 100%; padding-left: 0; padding-bottom: 3.62vw; } .ShopBrowse .unit .inBox { padding: 4.83vw 4.83vw 4.83vw 4.83vw; } .ShopBrowse .unit .name { font-size: 3.86vw; } .ShopBrowse .unit .icon_sponsor { margin: 0 0 0 1.69vw; width: 4.35vw; height: 4.35vw; } .ShopBrowse .unit .addr { font-size: 3.86vw; } .ShopBrowse .unit .tel { font-size: 3.86vw; } .ShopBrowse .unit .moreBox { bottom: 7.25vw; } .ShopBrowse .unit .more { font-size: 2.9vw; padding: 1.21vw 9.66vw; } .ShopBrowse .moreBtn { padding: 6.04vw 0 8vw 0; position: relative; } .ShopBrowse .moreBtn .sensor { width: 65%; height: auto; padding: 4.84vw 0; } .ShopBrowse .moreBtn .text { font-size: 3.86vw; } .ShopBrowse .moreBtn .icon { width: 3.62vw; height: 3.62vw; margin-left: 7.25vw; } .ShopBrowse .noMoreData { padding: 4.11vw 0; margin: 5.8vw auto 0 auto; } .ShopBrowse .rBox>.uiBox { width:100%; padding: 8.94vw 0 0 0; z-index:3; } .ShopBrowse .btnRules{ float: none; } .ShopBrowse .showSelect { margin: 0; text-align: left; border: 1px #222 solid; background-color: #FFF; color: #222; } .ShopBrowse .btn { padding: 1.21vw 3.62vw; min-width: 24.15vw; } .ShopBrowse .btnOption .btnName { font-size: 4.11vw; } .ShopBrowse .btnOption .btnIcon { right: 10px; top: 0; height: 100%; } .ShopBrowse .btnOption .icon { width: 10px; height: 10px; 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%); } .ShopBrowse .btnOption .icon { width: 2.42vw; height: 2.42vw; -webkit-filter: grayscale(0%) brightness(100%) contrast(100%); filter: grayscale(0%) brightness(100%) contrast(100%); } .ShopBrowse .btnOption .iconA { transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); } .ShopBrowse .showOptions { width: calc(100% - 2px); display: none; background-color: #FFF; text-align: left; border: 1px #CCC solid; max-height: 80vw; overflow-y: scroll; overflow-x: hidden; -webkit-overflow-scrolling: touch; } .ShopBrowse .btnC, .ShopBrowse .btnC:hover { color: #FFF; background-color: #be935c; } .ShopBrowse .rules_1{ min-width: 100%; z-index:1; margin-bottom: 2.9vw; } .ShopBrowse .rules_2{ min-width: 65%; z-index:0; } .ShopBrowse .totalBox { padding: 16.91vw 0 0 0; } .ShopBrowse .totalBox .text { font-size: 3.38vw; } .ShopBrowse .marginTop { margin-top: 1.83vw; } }