/*GENERAL*/
body, html {height: 100%;}
html {-webkit-text-size-adjust: 100%; }
body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, input, textarea, p {margin:0;padding:0;}
body {font-family:"Lato",Arial,'Microsoft YaHei',"Microsoft JhengHei","Source Han Sans","PingFangHK","Heiti TC",Verdana,Geneva,sans-serif;position: relative;font-size: 100%;color: #000;background-color: #fff;}
input {font-family:"Lato",Arial,'Microsoft YaHei',"Microsoft JhengHei","Source Han Sans","PingFangHK","Heiti TC",Verdana,Geneva,sans-serif!important;}
fieldset, img {border:0;border-style: none; }
ol, ul {list-style:none;}
b,strong {font-weight: bolder;}
div {box-sizing: border-box;}
h1 { font-size: 2.5em;line-height: 1.2em;}
h2 { font-size: 2em;line-height: 1.3em;}
h3 { font-size: 1.4em;}
h4 { font-size: 1.125em;}
h1 , h2 , h3, h4 {margin: 0;-webkit-font-smoothing:antialiased;}
p {font-size: 1em; margin: 0 0 10px;line-height: 1.5; -webkit-font-smoothing:antialiased;}
img {max-width: 100%; display: block; -webkit-backface-visibility: hidden; -ms-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0); image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: -webkit-optimize-contrast; image-rendering: crisp-edges; -ms-interpolation-mode: nearest-neighbor;}
img.ctrImg {margin: auto; display: block;}
.en h1 {}
.en h2 {font-size: 1.6em;}
.en h3 {}
.en h4 {font-size: 1.2em;}
.en * {letter-spacing: 0px!important;}
.txtOrange {color: #e54e26;}

.zh p {letter-spacing: 1.5px;}
small {font-size: .8em; display: block;}
a {text-decoration: none;}
::-webkit-input-placeholder { color: #dadada; }
::-moz-placeholder { color: #dadada; }
:-ms-input-placeholder {  color: #dadada; }
:-moz-placeholder { color: #dadada; }

img.init {margin: initial;}
button:focus, :focus {outline: 0;}
.row .row {margin-left: 0; margin-right: 0;}
.noScroll, .noScroll body, .noScroll2, .noScroll2 body {overflow: hidden;height: 100%;}
.left{float: left;}
.right{float: right;}
.txtCtr {text-align: center;}
.hidden {display: none!important;}
.clearfix:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0; }
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {outline: 0; background-color: #fff; }
.active {cursor: default;}
span.nobreak {white-space: nowrap; }
.sharpBG {image-rendering: crisp-edges; image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: -webkit-optimize-contrast; -ms-interpolation-mode: nearest-neighbor; }
/*preloader*/
#loader {
    /*display: block; width: 100px; height: 100px;*/
    /*margin: auto; position: relative; border-radius: 50%;z-index: 1001;*/
}
#loader p {
    text-align: center; font-weight: 700; color: #A55068;
    -webkit-animation: pulse 2s ease-in-out infinite;
    animation: pulse 2s ease-in-out infinite;
}
.circ-one {
    position: relative;
    display: block;
    width: 40px;
    height: 40px;
    background: rgba(255, 197, 57, 0.5882352941176471);
    border-radius: 100%;
    float: left;
    -webkit-animation: load-x 1s cubic-bezier(0.445, 0.1, 0.55, 0.9) infinite;
    animation: load-x 1s cubic-bezier(0.445, 0.1, 0.55, 0.9) infinite;
}
.circ-two {
    position: relative;
    display: block;
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 0.71);
    border-radius: 100%;
    float: right;
    -webkit-animation: load-y 1s cubic-bezier(0.445, 0.1, 0.55, 0.9) infinite;
    animation: load-y 1s cubic-bezier(0.445, 0.1, 0.55, 0.9) infinite;
}
.fadein {
  -webkit-animation: fadein 0.4s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
          animation: fadein 0.4s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
}
.fadeout {
  -webkit-animation: fadeout 0.4s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
          animation: fadeout 0.4s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
}


@-webkit-keyframes fadein{0%{opacity:0}100%{opacity:1}}
@keyframes fadein{0%{opacity:0}100%{opacity:1}}

@-webkit-keyframes fadeoutW{0%{opacity:1}99%{opacity:0}100%{visibility:hidden}}
@keyframes fadeoutW{0%{opacity:1}99%{opacity:0}100%{visibility:hidden}}

@keyframes pulse{50%{opacity:.5}}
@keyframes load-x {
  0%   { left: 5px; transform: scale(1); }
  25%  { transform: scale(1.5); z-index: 2; }
  50%  { left: 50px; transform: scale(1); }
  75%  { transform: scale(0.5); z-index: 1; }
  100% { left: 5px; transform: scale(1); }
}
@keyframes load-y {
  0%   { right: 5px; transform: scale(1); }
  25%  { transform: scale(0.5); }
  50%  { right: 50px; transform: scale(1); z-index: 1; }
  75%  { transform: scale(1.5); z-index: 2; }
  100% { right: 5px; transform: scale(1); }
}

@-webkit-keyframes bounce {
  0%, 20%, 40%, 60%, 80%, 100% {-webkit-transform: translateY(0);}
  10% {-webkit-transform: translateY(-5px);}
} 
@keyframes bounce { 
  0%, 20%, 40%, 60%, 80%, 100% {transform: translateY(0);}
  10% {transform: translateY(-5px);}
}

.FX{-webkit-transition: cubic-bezier(0.895, 0.030, 0.685, 0.220) .3s;-moz-transition: cubic-bezier(0.895, 0.030, 0.685, 0.220) .3s;transition: cubic-bezier(0.895, 0.030, 0.685, 0.220) .3s;}
.FX-normal {-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.caret {display: inline-block;width: 0;height: 0;margin-left: 2px;vertical-align: middle;border-top: 4px solid;border-right: 4px solid transparent;border-left: 4px solid transparent; }

@font-face {font-family: 'openrice'; src:  url('../fonts/openrice.eot?vcyzrx'); src:  url('../fonts/openrice.eot?vcyzrx#iefix') format('embedded-opentype'), url('../fonts/openrice.ttf?vcyzrx') format('truetype'), url('../fonts/openrice.woff?vcyzrx') format('woff'), url('../fonts/openrice.svg?vcyzrx#openrice') format('svg'); font-weight: normal; font-style: normal; }

[class^="icon-"], [class*=" icon-"] {font-family: 'openrice' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.icon-chevron-right:before {content: "\e900";}
.icon-chevron-left:before {content: "\e901";}
.icon-chevron-down:before {content: "\e902";}
.icon-chevron-up:before {content: "\e903";}
.icon-chevron-right1:before {content: "\e904";}
.icon-chevron-left1:before {content: "\e905";}
.icon-chevron-down1:before {content: "\e906";}
.icon-chevron-up1:before {content: "\e907";}
.icon-facebook:before {content: "\ea90";}
.icon-instagram:before {content: "\ea92";}
.icon-whatsapp:before {content: "\ea93";}
.icon-twitter:before {content: "\ea96";}
.icon-youtube:before {content: "\ea9d";}


.dtDrp {display: block;}
.mbDrp {display: none;}
.contain1200 {max-width: 1200px; width: 100%; margin: auto; padding: 0 3%;}
.desktop {}
.mobile {display: none!important;}
.txtYellow {color: #feda00;}
#bodyWrap {max-width: 100%; min-width: 1000px; display: block; margin: auto;box-shadow:0px 0px 15px 0px #dddddd;}
.btnbg {transition-property: background, color;background-image: linear-gradient(45deg, #ef3e24, #fed533 ,#fff8e8, #fed533, #ef3e24);background-size: 200%;background-position: 0% 0%; }
@media (min-width: 769px) {.btnbg:hover {background-position: 100% 100%;}}

.lity{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;white-space:nowrap;background:#000;background:rgba(0,0,0,0.8);outline:none!important;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}
.lity.lity-opened{opacity:1}
.lity.lity-closed{opacity:0}
.lity *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.lity-wrap{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;text-align:center;outline:none!important}
.lity-wrap:before{content:'';display:inline-block;height:100%;vertical-align:middle;}
.lity-loader{z-index:9991;color:#fff;position:absolute;top:50%;margin-top:-0.8em;width:100%;text-align:center;font-size:14px;font-family:Arial,Helvetica,sans-serif;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}
.lity-loading .lity-loader{opacity:1}
.lity-container{z-index:9992;position:relative;text-align:left;vertical-align:middle;display:inline-block;white-space:normal;max-width:100%;max-height:100%;outline:none!important}
.lity-content{z-index:9993;width:100%;-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform .3s ease;-o-transition:-o-transform .3s ease;transition:transform .3s ease; position: relative; max-height: 100vh!important;}
.lity-loading .lity-content,.lity-closed .lity-content{-webkit-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8)}
.lity-close{z-index:9994;width:35px;height:35px;position:fixed;right:3%; top: 2%; margin:auto;background-color: #000; -webkit-appearance:none;cursor:pointer;text-decoration:none;text-align:center;padding:0;color:#fff;font-style:normal;font-size:35px;font-family:Arial,Baskerville,monospace;line-height:32px;text-shadow:0 1px 2px rgba(0,0,0,0.6);border:0;outline:0;-webkit-box-shadow:none;    box-shadow: 0 2px 3px rgba(0,0,0,.6); border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%; border: 2px solid #fff;}
.lity-close::-moz-focus-inner{border:0;padding:0}
.lity-image img{max-width:100%;display:block;line-height:0;border:0}
.lity-iframe .lity-container{width:100%;}
.lity-iframe-container{width:100%;height:0;padding-top:100vh;overflow:auto;pointer-events:auto;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-overflow-scrolling:touch}
.lity-iframe-container iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;}
.lity-hide{display:none}

.lity-iframe-container:before, .lity-iframe-container:after {display: block; content: ""; width: 80px; height: 80px; background: black; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; border-radius: 50%; opacity: 0.6; -webkit-animation: sk-bounce 2s infinite ease-in-out; animation: sk-bounce 2s infinite ease-in-out; z-index: -1;}
.lity-iframe-container:before {background-color: #005f29; -webkit-animation-delay: -1s; animation-delay: -1s; }
.lity-iframe-container:after {background-color: #bf3300; }
@-webkit-keyframes sk-bounce {0%, 100% {-webkit-transform: scale(0); } 50% {-webkit-transform: scale(1); } }
@keyframes sk-bounce {0%, 100% {transform: scale(0); -webkit-transform: scale(0); } 50% {transform: scale(1); -webkit-transform: scale(1); } }

@media (max-width: 768px) {
  .lity-content {width: 100%;margin: auto;height: auto;position: relative;}
  .lity-close {position: absolute;}
}

.fire{font-size:10px;filter:blur(.02em);-webkit-filter:blur(.02em);margin:3em auto 0 auto;width:7em;height:7em;transition-duration:.2s;transition-timing-function:ease-out;position:absolute;transform:none;bottom:0;left:0; right:0;margin:auto}

.show>.particle, .unlocked .particle {animation:rise 1s ease-in infinite;background-image:radial-gradient(#ff5000 20%,rgba(255,80,0,0) 70%);border-radius:50%;mix-blend-mode:screen;opacity:0;position:absolute;bottom:0;width:5em;height:5em}

.particle:nth-of-type(1){animation-delay:.7667885121s;left:calc((100% - 5em) * 0)}.particle:nth-of-type(2){animation-delay:.4314109581s;left:calc((100% - 5em) * .02)}.particle:nth-of-type(3){animation-delay:.9143955654s;left:calc((100% - 5em) * .04)}.particle:nth-of-type(4){animation-delay:.7688711068s;left:calc((100% - 5em) * .06)}.particle:nth-of-type(5){animation-delay:.5797755395s;left:calc((100% - 5em) * .08)}.particle:nth-of-type(6){animation-delay:.8835288208s;left:calc((100% - 5em) * .1)}.particle:nth-of-type(7){animation-delay:.0194394883s;left:calc((100% - 5em) * .12)}.particle:nth-of-type(8){animation-delay:.8332120508s;left:calc((100% - 5em) * .14)}.particle:nth-of-type(9){animation-delay:.9424995631s;left:calc((100% - 5em) * .16)}.particle:nth-of-type(10){animation-delay:.3047394182s;left:calc((100% - 5em) * .18)}.particle:nth-of-type(11){animation-delay:.2612504741s;left:calc((100% - 5em) * .2)}.particle:nth-of-type(12){animation-delay:.7600046395s;left:calc((100% - 5em) * .22)}.particle:nth-of-type(13){animation-delay:.5877520459s;left:calc((100% - 5em) * .24)}.particle:nth-of-type(14){animation-delay:34.1103174ms;left:calc((100% - 5em) * .26)}.particle:nth-of-type(15){animation-delay:.381638116s;left:calc((100% - 5em) * .28)}.particle:nth-of-type(16){animation-delay:.4663185892s;left:calc((100% - 5em) * .3)}.particle:nth-of-type(17){animation-delay:.2768526698s;left:calc((100% - 5em) * .32)}.particle:nth-of-type(18){animation-delay:.8712053259s;left:calc((100% - 5em) * .34)}.particle:nth-of-type(19){animation-delay:.853185074s;left:calc((100% - 5em) * .36)}.particle:nth-of-type(20){animation-delay:.6456051802s;left:calc((100% - 5em) * .38)}.particle:nth-of-type(21){animation-delay:.4463345638s;left:calc((100% - 5em) * .4)}.particle:nth-of-type(22){animation-delay:.1518978348s;left:calc((100% - 5em) * .42)}.particle:nth-of-type(23){animation-delay:96.1532455ms;left:calc((100% - 5em) * .44)}.particle:nth-of-type(24){animation-delay:.3111806622s;left:calc((100% - 5em) * .46)}.particle:nth-of-type(25){animation-delay:37.0398768ms;left:calc((100% - 5em) * .48)}.particle:nth-of-type(26){animation-delay:.5539836525s;left:calc((100% - 5em) * .5)}.particle:nth-of-type(27){animation-delay:.8261367121s;left:calc((100% - 5em) * .52)}.particle:nth-of-type(28){animation-delay:.7246517155s;left:calc((100% - 5em) * .54)}.particle:nth-of-type(29){animation-delay:.0319690386s;left:calc((100% - 5em) * .56)}.particle:nth-of-type(30){animation-delay:.8466870846s;left:calc((100% - 5em) * .58)}.particle:nth-of-type(31){animation-delay:.4815291732s;left:calc((100% - 5em) * .6)}.particle:nth-of-type(32){animation-delay:.174255662s;left:calc((100% - 5em) * .62)}.particle:nth-of-type(33){animation-delay:.3291938078s;left:calc((100% - 5em) * .64)}.particle:nth-of-type(34){animation-delay:.9407468797s;left:calc((100% - 5em) * .66)}.particle:nth-of-type(35){animation-delay:.3793405345s;left:calc((100% - 5em) * .68)}.particle:nth-of-type(36){animation-delay:.1878510918s;left:calc((100% - 5em) * .7)}.particle:nth-of-type(37){animation-delay:.3429490256s;left:calc((100% - 5em) * .72)}.particle:nth-of-type(38){animation-delay:.3426395074s;left:calc((100% - 5em) * .74)}.particle:nth-of-type(39){animation-delay:.94306299s;left:calc((100% - 5em) * .76)}.particle:nth-of-type(40){animation-delay:27.5678992ms;left:calc((100% - 5em) * .78)}.particle:nth-of-type(41){animation-delay:.8935415112s;left:calc((100% - 5em) * .8)}.particle:nth-of-type(42){animation-delay:.9769297806s;left:calc((100% - 5em) * .82)}.particle:nth-of-type(43){animation-delay:.9282807782s;left:calc((100% - 5em) * .84)}.particle:nth-of-type(44){animation-delay:58.8884591ms;left:calc((100% - 5em) * .86)}.particle:nth-of-type(45){animation-delay:.7300788196s;left:calc((100% - 5em) * .88)}.particle:nth-of-type(46){animation-delay:.3747061803s;left:calc((100% - 5em) * .9)}.particle:nth-of-type(47){animation-delay:.6871539928s;left:calc((100% - 5em) * .92)}.particle:nth-of-type(48){animation-delay:.0539836887s;left:calc((100% - 5em) * .94)}.particle:nth-of-type(49){animation-delay:.6202439399s;left:calc((100% - 5em) * .96)}.particle:nth-of-type(50){animation-delay:.0446242261s;left:calc((100% - 5em) * .98)}

@keyframes rise{from{opacity:0;transform:translateY(0) scale(1)}25%{opacity:1}to{opacity:0;transform:translateY(-10em) scale(0)}}



/*HEADER*/
header {position: relative; z-index: 100;background-color: #fff; box-shadow: 2px 0px 5px rgba(0,0,0,.2);}
#headbar {text-align: center; font-size: 0;}
#headbar .top {background-color: #c2272e; padding: 2rem 0 0;}
#headbar .openrice-logo {width: 7rem; height: 2rem; display: block; margin: auto; }  
#loginWrapper {margin-top: 22vh;}
#loginWrapper .profile {padding: 5rem 0 1rem; position: relative; background: #c72a30; background: linear-gradient(0deg, #c72a30 0%, #c0252a 100%); }
#loginWrapper .profile .pic {margin: 0 auto; position: absolute; left: 0; right: 0; margin: auto; bottom: calc(100% - 1rem); cursor: pointer;}
.phase4 #loginWrapper .profile .pic {background: url(https://static6.orstatic.com/info/awards2022/assets/img/winner/tc/btn_home_winnerList_soon.png) no-repeat center center; background-size: 8rem auto; width: 8rem; height: 13rem; bottom: 1rem;}
.phase4.en #loginWrapper .profile .pic {background: url(https://static6.orstatic.com/info/awards2022/assets/img/winner/en/btn_home_winnerList_soon.png) no-repeat center center; background-size: 8rem auto;}
.phase5 #loginWrapper .profile .pic {background: url(https://static6.orstatic.com/info/awards2022/assets/img/winner/tc/btn_home_winnerList.png) no-repeat center center; background-size: 8rem auto; width: 8rem; height: 13rem; bottom: 1rem;}
.phase5.en #loginWrapper .profile .pic {background: url(https://static6.orstatic.com/info/awards2022/assets/img/winner/en/btn_home_winnerList.png) no-repeat center center; background-size: 8rem auto; }



#headbar .bottom {}
#navigationBar .navGroup {}
#navigationBar .navGroup .menu__list {}
#navigationBar .navGroup .menu__list .menu__item {position: relative;}
#navigationBar .navGroup .menu__list .menu__item .soon {font-size: .7rem;font-weight: 600;border-radius: 3px; display: none; position: absolute; top: 1rem; right: 1rem; padding: 0.3rem 0.4rem; line-height: 1rem;width: 2.5rem; background-color: #feda00; color: #000000;}
.en #navigationBar .navGroup .menu__list .menu__item .soon {width: 3rem;}
#votingPage #navigationBar .navGroup .menu__list .menu__item .soon {width: 4rem;}
#votingPage.en  #navigationBar .navGroup .menu__list .menu__item .soon {width: 3rem;}
.phase4 #navigationBar .navGroup .menu__list .menu__item .soon {display: inline-block;}
#navigationBar .navGroup .menu__list .menu__item .icoImg {display: block; margin: auto; width: 8rem; height: 8rem;}

#navigationBar .navGroup .menu__list .menu__item .icoImg.cuisine {background: url(https://static6.orstatic.com/info/awards2022/assets/img/winner/tc/btn_sidebar_cuisine_ph5.png) no-repeat center; background-size: contain;}
.en #navigationBar .navGroup .menu__list .menu__item .icoImg.cuisine {background: url(https://static6.orstatic.com/info/awards2022/assets/img/winner/en/btn_sidebar_cuisine_ph5.png) no-repeat center; background-size: contain;}

#navigationBar .navGroup .menu__list .menu__item .icoImg.district {background: url(https://static6.orstatic.com/info/awards2022/assets/img/winner/tc/btn_sidebar_district_ph5.png) no-repeat center; background-size: contain;}
.en #navigationBar .navGroup .menu__list .menu__item .icoImg.district {background: url(https://static6.orstatic.com/info/awards2022/assets/img/winner/en/btn_sidebar_district_ph5.png) no-repeat center; background-size: contain;}


#navigationBar .navGroup .menu__list .menu__item .icoImg.winner {background: url(https://static6.orstatic.com/info/awards2022/assets/img/winner/tc/btn_sidebar_winner.png) no-repeat left center; background-size: contain; width: 8rem; height: 2.6rem;}
.en #navigationBar .navGroup .menu__list .menu__item .icoImg.winner {background: url(https://static6.orstatic.com/info/awards2022/assets/img/winner/en/btn_sidebar_winner.png) no-repeat left center; background-size: contain;}
#navigationBar .navGroup .menu__list .menu__item .icoImg.about {background: url(https://static6.orstatic.com/info/awards2022/assets/img/winner/tc/btn_sidebar_about_ph5.png) no-repeat left center; background-size: contain; }
.en #navigationBar .navGroup .menu__list .menu__item .icoImg.about {background: url(https://static6.orstatic.com/info/awards2022/assets/img/winner/en/btn_sidebar_about_ph5.png) no-repeat left center; background-size: contain;}


@media (min-width: 769px) {
  body:not(#votingPage) #bodyWrap {font-size: 0; height: 100vh; max-height: -webkit-fill-available;}
  body:not(#votingPage) header, body:not(#votingPage) .mainBody {display: inline-block!important; vertical-align: top; height: 100vh; overflow-y: scroll; -ms-overflow-style: none; scrollbar-width: none; max-height: -webkit-fill-available;}
  body:not(#votingPage) header {width: 12rem;}
  header::-webkit-scrollbar, .mainBody::-webkit-scrollbar {display: none;}
  body:not(#votingPage) #headbar .openrice-logo {background: url(https://static6.orstatic.com/info/awards2022/assets/img/openrice-logo-white.png) no-repeat center center; background-size: contain; }
  #votingPage #headerTop .openrice-logo {background: url(https://static6.orstatic.com/info/awards2022/assets/img/logo_OR.png) no-repeat center center; background-size: contain; }
  body:not(#votingPage) .mainBody {width: calc(100% - 12rem); font-size: 1rem;}
  #navigationBar .navGroup .menu__list .menu__item {border-bottom: 1px solid #e5e5e5; padding: .3rem 0;}
  #navigationBar .navGroup .menu__list .menu__item.cityof {padding: .8rem 0;}
  body:not(#votingPage) #navigationBar .navGroup .menu__list .menu__item:before {content: ''; display: block; width: 15px; height: 100%; position: absolute; left: 0; top: 0; background-color: #ffd54a;opacity: 0;-webkit-transition: all .5s;-moz-transition: all .5s;transition: all .5s;}

  body:not(#votingPage) #navigationBar .navGroup .menu__list .menu__item:hover:before {opacity: 1;background-color: #fbd9d0;}
  body:not(#votingPage) #navigationBar .navGroup .menu__list .menu__item.active:hover:before {opacity: 1;background-color:#ffd54a;}
 body:not(#votingPage) #navigationBar .navGroup .menu__list .menu__item:hover .icoImg {transform: scale(0.95);}
  body:not(#votingPage) #navigationBar .navGroup .menu__list .menu__item.active:before {opacity: 1;}
  #loginWrapper .profile:before {content: ''; display: block; position: absolute; width: 100%; bottom: calc(100% - .75rem); left: 0; box-shadow: 0rem -0.5rem 0.6rem 0.25rem rgb(163 15 20 / 65%); background-color: #c0252a; height: 1rem;}
  #indexPage #loginWrapper  #loginBox:hover {background-color:#740000;}
  #loginWrapper #loginBox:after {-webkit-transition: all .1s;-moz-transition: all .1s;transition: all .1s;}
  #indexPage #loginWrapper #loginBox:hover:after {width: 1.4rem;height: 1.4rem;line-height: 1.5rem;}
  #votingPage #loginWrapper #loginBox:hover:after {width: 2.2rem;height: 2.2rem;line-height: 2.2rem;}
}
@media (max-width: 768px) {
  header {opacity: 1; box-shadow: none; position: fixed; top: 0; left: 0; width: 100%; transition: all .3s linear;}
  .is-scrolled header{pointer-events:none;opacity:0;-webkit-transform:translate(0,-30px);-ms-transform:translate(0,-30px);transform:translate(0,-30px)}
  .is-scrollup header{pointer-events:all;opacity:1;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}
  header.navOpened {background-color: transparent; z-index: 200; -webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s;}
  #mHeaderTop {font-size: 0; padding: .25rem 2vw; transform: translateX(0);}
  .navOpened #mHeaderTop {transform: translateX(-85vw);-webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s;}
  #mHeaderTop > div, #mHeaderTop > a {display: inline-block; vertical-align: middle;}
  #mHeaderTop .openrice-logo {background: url(https://static6.orstatic.com/info/awards2022/assets/img/master/logo_m.png) no-repeat -1vw center; background-size: auto 100%; width: 23vw; padding-bottom: 13.5%; margin-right: 3vw;}
  #mHeaderTop .awardLogo {background: url(https://static6.orstatic.com/info/awards2022/assets/img/master/logo_m.png) no-repeat right center; background-size: auto 100%; width: 28vw; padding-bottom: 12%; margin-right: 4vw;}
  #mHeaderTop .grid-button {vertical-align: middle;position: fixed;top: .95rem; right: 3vw; z-index: 1000; -webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s;}
  #mHeaderTop .grid {position: relative;display: block; width: 9vw;padding-bottom: 100%; cursor: pointer;  margin: 0 auto; -webkit-transition: all 0.3s; transition: all 0.3s; border-radius: 50%;}
  #mHeaderTop .grid > span {position: absolute; top: 50%; left: 50%; display: block; width: 70%; height: 2px;  background-color: #000; -webkit-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);}
  #mHeaderTop .grid > span:before,
  #mHeaderTop .grid > span:after{content:"";position:absolute;top:0;right:0;width:100%;height:100%;background-color:inherit;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:-webkit-transform .5s,width .5s,top .3s;-moz-transition:-moz-transform .5s,width .5s,top .3s;transition:transform .5s,width .5s,top .3s}
  #mHeaderTop .grid>span:before{-webkit-transform-origin:right top;-moz-transform-origin:right top;transform-origin:right top;-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}
  #mHeaderTop .grid>span:after{-webkit-transform-origin:right bottom;-moz-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}
  #mHeaderTop .grid.open {-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);transform: rotate(180deg);}
  #mHeaderTop .grid.open > span {background-color: #fff;}
  #mHeaderTop .grid.open > span:before, #mHeaderTop .grid.open > span:after {width: 50%;-webkit-transition: -webkit-transform 0.5s, width 0.5s;-moz-transition: -moz-transform 0.5s, width 0.5s;transition: transform 0.5s, width 0.5s;}
  #mHeaderTop .grid.open > span:before {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(45deg);}
  #mHeaderTop .grid.open > span:after {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);transform: rotate(-45deg);}
  #headbar {position: fixed;width: 85vw;height: 100vh; background-color: white; overflow-y: scroll; -webkit-overflow-scrolling: touch; z-index: 1000; text-align: center; top: 0;right: -85vw; -webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s;min-height: -moz-available;
  min-height: -webkit-fill-available; min-height: fill-available;}
  .navOpened #headbar {right: 0px; box-shadow: 0px 0px 10px -5px #000;}
  #headbar .inner {position: relative; padding-bottom: 75px; }
  #votingPage.phase4 #headbar .inner {min-height: calc(100vh - 1rem);}
  #headbar .top {display: none;}
  #loginWrapper {margin-top: 0; padding: 0; display: none;}
  
  body:not(.votingPage) #navigationBar .navGroup #navKV {display: block; padding-bottom: 59%; background: url(../img/winner/sidemenu-kv-m.jpg) no-repeat center / cover; width: calc(100% - 2rem); margin: 1rem auto .5rem; border-radius: .2rem; position: relative;}
  body:not(.votingPage) #navigationBar .navGroup #navKV:before, body:not(.votingPage) #navigationBar .navGroup #navKV:after {content: ''; display: block; position: absolute; }
  body:not(.votingPage) #navigationBar .navGroup #navKV:before {background: url(https://static6.orstatic.com/info/awards2022/assets/img/master/Logo_FireAnimation@2x.gif) no-repeat center; background-size: contain; width: 20%; height: 30%; left: 3%; top: 3%;}
  body:not(.votingPage) #navigationBar .navGroup #navKV:after {background: url(https://static6.orstatic.com/info/awards2022/assets/img/master/logo_award.png) no-repeat center; background-size: contain; width: 40%; height: 30%; left: 7%; top: 3%;}
  #navigationBar .navGroup .menu__list .menu__item {border-bottom: 1px solid #aaa;}
  #navigationBar .navGroup .menu__list .menu__item:last-child {border-bottom: none;}

  #navigationBar .navGroup .menu__list .menu__item {padding: .5rem 0;}
  #navigationBar .navGroup .menu__list .menu__item.cityof {padding: .5rem 1rem;}
  #navigationBar .navGroup .menu__list .menu__item .icoImg.cuisine {background: url(https://static6.orstatic.com/info/awards2022/assets/img/winner/tc/btn_cuisine_ph5_m.png) no-repeat center center; background-size: contain; width: calc(100% - 3rem); height: auto; padding-bottom: 30%;}
  .en #navigationBar .navGroup .menu__list .menu__item .icoImg.cuisine {background: url(https://static6.orstatic.com/info/awards2022/assets/img/winner/en/btn_cuisine_ph5_m.png) no-repeat center center; background-size: contain;}
  #navigationBar .navGroup .menu__list .menu__item .icoImg.district {background: url(https://static6.orstatic.com/info/awards2022/assets/img/winner/tc/btn_district_ph5_m.png) no-repeat center center; background-size: contain; width: calc(100% - 3rem); height: auto; padding-bottom: 35%;} 
  .en #navigationBar .navGroup .menu__list .menu__item .icoImg.district {background: url(https://static6.orstatic.com/info/awards2022/assets/img/winner/en/btn_district_ph5_m.png) no-repeat center center; background-size: contain;} 

  #navigationBar .navGroup .menu__list .menu__item .icoImg.about {background: url(https://static6.orstatic.com/info/awards2022/assets/img/winner/tc/btn_about_ph5_m.png) no-repeat center center; background-size: contain; width: calc(100% - 3rem); height: auto; padding-bottom: 20%;}
  .en #navigationBar .navGroup .menu__list .menu__item .icoImg.about {background: url(https://static6.orstatic.com/info/awards2022/assets/img/winner/en/btn_about_ph5_m.png) no-repeat center center; background-size: contain;}
  #navigationBar .navGroup .menu__list .menu__item .icoImg.winner {background: url(https://static6.orstatic.com/info/awards2022/assets/img/winner/tc/btn_winner_m.png) no-repeat center center; background-size: contain; width: calc(100% - 3rem); height: auto; padding-bottom: 20%; position: relative;}
  .en #navigationBar .navGroup .menu__list .menu__item .icoImg.winner {background: url(https://static6.orstatic.com/info/awards2022/assets/img/winner/en/btn_winner_m.png) no-repeat center center; background-size: contain;}
  .phase5 #navigationBar .navGroup .menu__list .menu__item .icoImg.winner:after {content: '';display: block;width: 0.5rem;height: 0.5rem;position: absolute;right: .5rem;top: 0;bottom: 0;margin: auto;background-color: red;-webkit-transition: all .5s;-moz-transition: all .5s;transition: all .5s;border-radius: 50%;animation: pulse 1s infinite;}
  #mHeaderFoot {background-color: #333; position: absolute; bottom: 0; left: 0; width: 100%; padding: 1.25rem 0 1rem;}
  #mHeaderFoot .wrap {font-size: 0; text-align: center;}
  #mHeaderFoot a {margin-left: 15px!important;}
  #mHeaderFoot .footerSocials {font-size: 18px!important; padding: 10px!important;}
  #mHeaderFoot .langbtn {margin-left: 30px!important; width: 50px!important; height: 30px!important;}
  #mHeaderFoot .langbtn:before {border-left: 1px dashed #fff!important;}
}

@media (max-width: 375px) {
  #mHeaderTop .grid-button {top: .75rem;}
  #loginWrapper .profile {padding: 1rem 1rem 1rem 32%;}
} 

@media (max-width: 320px) {
  #headbar .inner {padding-bottom: 0;}
}
@media (max-width: 375px) and (max-height: 667px) {
  #mHeaderFoot {position: relative;}
}
@media (max-width: 320px) and (max-height: 480px) {
  #mHeaderFoot {position: relative;}
}


/*FOOTER*/
.footerWrap {background-color: #000; color: #b3b3b3; position: relative; padding: 15px 0;}
.footerCR .footTopTxt {;letter-spacing: 1px;}
.en .footerCR .footerTopTxt {letter-spacing: 0;}
.footerCR .footTopTxt small {color: #ccc; font-size: 12px; line-height: 1.5; display: block; letter-spacing: .8px; color: #fff;}
.footerCR > span {font-size: 12px; display: inline-block; vertical-align: middle;}

.footerTC {text-align: right;}
.footerTC > a, #mHeaderFoot a {color: #fff; font-size: 12px; margin-left: 8px; display: inline-block; vertical-align: middle;}
.footerTC .footerSocials, #mHeaderFoot .footerSocials {-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #5d5d5d; font-weight: 300; padding: 7px; font-size: 14px; }
footer .tcBtn {padding: 4px 7px 5px; border: 1px solid #b3b3b3; color: #b3b3b3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin-right: 5px; text-align: center; display: inline-block; }
.footerTC .langbtn, #mHeaderFoot .langbtn {margin-left: 25px; background: url(https://static6.orstatic.com/info/awards2022/assets/img/master/icon_lang_m.png) no-repeat center center; background-size: contain; width: 44px; height: 25px; position: relative;}
.footerTC .langbtn:before, #mHeaderFoot .langbtn:before {content: ''; display: block; position: absolute; top: 0; height: 100%; left: -15px; width: 0; border-left: 1px dashed #5d5d5d;}



@media (min-width: 769px) {
  .footerTop .row {padding:15px 0;}

}

@media (min-width: 1500px) {
  .contain1200 {max-width:100%;}
  .footTopTxt small {font-size: 15px;}
  .footerTop > .contain1200 > .row > .columns.medium-6:first-child {-ms-flex: 0 0 45%;-webkit-flex: 0 0 45%;flex: 0 0 45%;max-width: 45%;}
  .footerTop > .contain1200 > .row > .columns.medium-6:last-child {-ms-flex: 0 0 55%;-webkit-flex: 0 0 55%;flex: 0 0 55%;max-width: 55%;}
}


@media (max-width: 768px) {
    body {min-width: 320px; cursor: pointer; font-size: 14px;}
    h1 { font-size: 1.9em;}
    h2 { font-size: 1.375em;}
    h3 { font-size: 1em;}
    p { font-size: .85em; line-height: 1.7;}
    .zh h1, .zh h2, .zh h3, .zh h4 {letter-spacing: 0;}
    .zh p {letter-spacing: 1px;}
    .desktop, .dtDrp {display: none!important;}
    .mbDrp {display: block!important;}
    .mobile {display: block!important;}
    #bodyWrap, #sponsorRow, footer {min-width: 320px; }
    #bodyWrap {margin-left: 0; -webkit-transition: margin-left .3s;-moz-transition: margin-left .3s;transition: margin-left .3s; position: relative; box-shadow: none;}
    #bodyWrap:after {content: ''; position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,.5); opacity: 0; z-index: -1; -webkit-transition: opacity .3s;-moz-transition: opacity .3s;transition: opacity .3s;}
    .noScroll #bodyWrap {margin-left: -85vw; -webkit-transition: margin-left .3s;-moz-transition: margin-left .3s;transition: margin-left .3s;}
    .noScroll #bodyWrap:after {opacity: 1; z-index: 199;}
    .footTopNavs {background-color: #333; padding: 20px 0 0;}
    .footTopNavs .menu__list .menu__item {border-bottom: 1px solid #626262; position: relative;}
    .footTopNavs .menu__list .menu__item .soon {font-size: .9rem; font-weight: 600; background-color: #bf3300; border-radius: 3px; display: none; position: absolute; top: 0.5rem; right: 1rem; padding: 0 .5rem; line-height: 2; color: #fff; background-color: #bf3300; color: #ffffff; font-weight: 300;}
    .phase4 .footTopNavs .menu__list .menu__item .soon {display: inline-block;}
    .footTopNavs .menu__list .menu__item.cityof {padding: 1rem;}
    .footTopNavs .menu__list .menu__item .icoImg {display: block; margin: auto;}
    .footTopNavs .menu__list .menu__item .icoImg.cuisine {background: url(https://static6.orstatic.com/info/awards2022/assets/img/winner/tc/btn_footer_cuisine_ph5_m.png) no-repeat center center; background-size: contain; width: calc(100% - 3rem); height: auto; padding-bottom: 28%;}
    .en .footTopNavs .menu__list .menu__item .icoImg.cuisine {background: url(https://static6.orstatic.com/info/awards2022/assets/img/winner/en/btn_footer_cuisine_ph5_m.png) no-repeat center center; background-size: contain; padding-bottom: 35%;}
    .footTopNavs .menu__list .menu__item .icoImg.district {background: url(https://static6.orstatic.com/info/awards2022/assets/img/winner/tc/btn_footer_district_ph5_m.png) no-repeat center center; background-size: contain; width: calc(100% - 3rem); height: auto; padding-bottom: 33%;} 
    .en .footTopNavs .menu__list .menu__item .icoImg.district {background: url(https://static6.orstatic.com/info/awards2022/assets/img/winner/en/btn_footer_district_ph5_m.png) no-repeat center center; background-size: contain;} 
    .footTopNavs .menu__list .menu__item .icoImg.about {background: url(https://static6.orstatic.com/info/awards2022/assets/img/winner/tc/btn_footer_about_ph5_m.png) no-repeat left center; background-size: contain; width: calc(100% - 7rem); height: auto; padding-bottom: 25%;}
    .en .footTopNavs .menu__list .menu__item .icoImg.about {background: url(https://static6.orstatic.com/info/awards2022/assets/img/winner/en/btn_footer_about_ph5_m.png) no-repeat left center; background-size: contain;}
    .footTopNavs .menu__list .menu__item .icoImg.winner {background: url(https://static6.orstatic.com/info/awards2022/assets/img/winner/tc/btn_footer_winner_m.png) no-repeat left center; background-size: contain; width: calc(100% - 7rem); height: auto; padding-bottom: 25%; position: relative;}
    .en .footTopNavs .menu__list .menu__item .icoImg.winner {background: url(https://static6.orstatic.com/info/awards2022/assets/img/winner/en/btn_footer_winner_m.png) no-repeat left center; background-size: contain;}

    .phase5 .footTopNavs .menu__list .menu__item .icoImg.winner:after {content: '';display: block;width: 0.5rem;height: 0.5rem;position: absolute;right: .5rem;top: 0;bottom: 0;margin: auto;background-color: red;-webkit-transition: all .5s;-moz-transition: all .5s;transition: all .5s;border-radius: 50%;animation: pulse 1s infinite;}
    

    .footerWrap {padding: 2rem 0;}
    .footTopTxt {padding: 40px 25px; background-color: #333; color: #fff; line-height: 1.5;}
    .footTopTxt small {font-size: .9em;}
    .footTopTxt span.txtYellow {display: block; margin-bottom: .5em;}
    .footerWrap .footerTop, .footerWrap .footerTop .contain1200 {padding: 0;}  
    .footerWrap .footerTop {padding-top: 25px;}
    #backtopBtn {position: absolute; left: 0;right: 0;top: -20px; margin:auto ;width: 40px;height: 40px;background: url('https://static6.orstatic.com/info/global/img/backtopArr.png') no-repeat center center / contain;cursor: pointer;border: 1px solid rgba(0,0,0,0.2);border-radius: 50%;}
}


@media (max-width: 640px) {

  .footerCR {border: none;margin-bottom: 0;width: 100%; text-align: center;}
    .footerCR > span {font-size: 10px; display: inline-block; vertical-align: top; margin: auto;text-align: center;}
    .mRowDrop {display: block;}
  .footerTC { width: 100%; margin: 10px auto 20px; text-align: center;}

    .footerTC .footerSocials {font-size: 16px; padding: 10px!important;}
    footer .tcBtn {font-size: 10px; width: 90px; border-radius: 0px; margin: 1rem auto 0;}
    .en footer .tcBtn {width: 130px;}
}

@media (max-width: 480px) {
  .contain1200 {padding:0;}
}

@media (max-width: 360px) {
  .footTopTxt p {font-size: 12px;}
  .footerCR > span {font-size: 9px;}
}

@media only screen and (device-width : 375px) and (device-height : 812px) and (-webkit-device-pixel-ratio : 3) {
  #indexPage .mMenuFoot {height: 240px;}
}