#regular{ background-color: #fff; height: 62px; /*position: fixed;*/ top: 0; z-index: 9; -webkit-transition: top 0.2s ease-in-out; transition: top 0.2s ease-in-out; width: 100%; }

#regular.nav-up { top: -65px; }

#regular .globalContainer { padding: 15px 8px; position: relative; }

#regular .headerDesktop { float: right; }

#regular .headerDesktop .li, #regular .headerDesktop .li-s { font-size: 0; float: right; }

#regular .headerDesktop .li .menu-item, #regular .headerDesktop .li-s .menu-item { display: inline-block; vertical-align: middle; font-size: 19px; font-weight: 700; color: #4e3c2e; text-decoration: none; /*font-style: italic*/; margin: 0 15px; letter-spacing: -0.8px; }

#regular .headerDesktop .li .menu-item span, #regular .headerDesktop .li-s .menu-item span { display: block;  position: relative; 
   /* padding-left: 28px;*/}
    
#regular .headerDesktop .li .menu-item span::before, #regular .headerDesktop .li-s .menu-item span::before { content: ''; display: block; position: absolute; top: 0; bottom: 0; left: 0; margin: auto; width: 23px; }

#regular .headerDesktop .li .menu-item.active span::after, #regular .headerDesktop .li-s .menu-item.active span::after { content: ''; display: block; width: 107%; height: 4px; background-color: #C49640; position: absolute; left: 0; bottom: -19px; }




@-ms-keyframes spin {from { -ms-transform: rotate(0deg); } to { -ms-transform: rotate(360deg); } }
@-moz-keyframes spin {from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin {from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } }
@keyframes spin {from {transform:rotate(0deg); } to {transform:rotate(360deg); } }



/*MENU ICON*/

/*
#regular .headerDesktop .li #menu-item-taste span::before, #regular .headerDesktop .li-s #menu-item-taste span::before { background: url("https://static5.orstatic.com/info/xmas2017/images/icon-taste.svg") no-repeat right center; height: 25px; -webkit-animation: spin 4000ms infinite linear; -moz-animation: spin 4000ms infinite linear; -ms-animation: spin 4000ms infinite linear; animation: spin 4000ms infinite linear; }

#regular .headerDesktop .li #menu-item-home span::before, #regular .headerDesktop .li-s #menu-item-home span::before { background: url("https://static5.orstatic.com/info/xmas2017/images/icon-home.svg") no-repeat right center; height: 28px; }

#regular .headerDesktop .li #menu-item-life span::before, #regular .headerDesktop .li-s #menu-item-life span::before { background: url("https://static5.orstatic.com/info/xmas2017/images/icon-life.svg") no-repeat right center; height: 25px; }

#regular .headerDesktop .li #menu-item-surprise span::before, #regular .headerDesktop .li-s #menu-item-surprise span::before { background: url("https://static5.orstatic.com/info/xmas2017/images/icon-surprise.svg") no-repeat right center; height: 19px; }

#regular .headerDesktop .li #menu-item-relax span::before, #regular .headerDesktop .li-s #menu-item-relax span::before { background: url("https://static5.orstatic.com/info/xmas2017/images/icon-relax.svg") no-repeat right center; height: 24px; }
*/

#regular .headerDesktop .li #menu-item-taste, #regular .headerDesktop .li-s #menu-item-taste { /*color: #C22229;*/ position: relative; }

/*#regular .headerDesktop .li #menu-item-taste::before, #regular .headerDesktop .li-s #menu-item-taste::before, #regular .headerDesktop .li #menu-item-taste::after, #regular .headerDesktop .li-s #menu-item-taste::after { content: ''; display: block; position: absolute; top: 0; bottom: 0; margin: auto; width: 2px; height: 19px; background-color: #C49640; }*/

#regular .headerDesktop .li #menu-item-taste::before, #regular .headerDesktop .li-s #menu-item-taste::before { left: 0; }

#regular .headerDesktop .li #menu-item-taste::after, #regular .headerDesktop .li-s #menu-item-taste::after { right: 0; }

#regular .headerDesktop .li-s { position: relative; margin-left: 15px; }

#regular .headerDesktop .li-s a { display: inline-block; vertical-align: middle; color: #C49640; margin: 8px 0 6px 31px; font-size: 16px; }

#regular .headerDesktop .li{position: relative;}
#regular .headerDesktop .li::after { content: ''; display: block; position: absolute; top: 0; bottom: 0; margin: auto; width: 2px; height: 19px; background-color: #C49640; right: 0; }

#regular .burgerNav { display: none; }

#regular #mHeaderMenu { display: none; }

#regular #mHeaderMenu .mMenuSocials > a { font-weight: 400; }

/*贊助廠商*/
.sponsor{padding: 10px  0;}
.sponsor [class*="col-"]{ vertical-align: top; padding: 10px 0;}
.sponsor img{ display: inline-block; width: auto;text-align: center; margin-right: 3%; vertical-align: top;
/*max-height: 60px;*/ width: 30%; }

.sponsor .info{ font-size: 14px; display: inline-block;; width: 66%; vertical-align: top; color: #000;}

@media (min-width: 960px){ }

@media (min-width: 1280px){
    .sponsor{ padding: 15px 0;}
    .sponsor img{ max-height: 40px; width: auto;}
}


@media only screen and (max-width: 920px) {
  
  #regular { height: auto; }
  #regular .burgerNav { display: block; position: absolute; right: 0; top: 3px; }
  #regular .globalContainer { padding: 8px; }
  #regular .headerDesktop { display: none; }
  #regular #mHeaderMenu { display: block; } 
}