@import url('https://fonts.googleapis.com/css?family=Roboto Condensed:300,400,500,600|Noto Sans TC:300,400,500,600|Share+Tech+Mono:400');.font-primary, body { font-family: Noto Sans TC, sans-serif !important; }.font-secondary { font-family: Roboto Condensed, sans-serif !important; }.font-tertiary { font-family: Share Tech Mono, monospace !important; }.primary-bg-color { background-color: rgb(247, 243, 236)!important; }.btn-choice:not(.active):hover { background-color: rgb(247, 243, 236)!important; }.primary-bg-border-color { border-color: rgb(247, 243, 236)!important; }.popover.top > .arrow { border-top-color: rgb(247, 243, 236)!important; }.popover.left > .arrow { border-left-color: rgb(247, 243, 236)!important; }.popover.right > .arrow { border-right-color: rgb(247, 243, 236)!important; }.popover.bottom > .arrow { border-bottom-color: rgb(247, 243, 236)!important; }.primary-border-color { border-color: rgb(247, 243, 236)!important; }.primary-text-color { color: rgb(51, 51, 51)!important; }.primary-text-border-color { border-color: rgb(51, 51, 51)!important; }.secondary-bg-color { background-color: rgb(51, 51, 51)!important; }.secondary-text-inverse-color { color: rgb(51, 51, 51)!important; }.secondary-text-color { color: rgb(255, 255, 255)!important; }.secondary-bg-inverse-color { background-color: rgb(255, 255, 255)!important; }.secondary-bg-inverse-color:before { background-color: rgb(255, 255, 255)!important; }.secondary-bg-inverse-color:after { background-color: rgb(255, 255, 255)!important; }.action-bg-color { background-color: rgb(207, 32, 48)!important; fill: rgb(207, 32, 48)!important }.action-text-color { color: rgb(207, 32, 48)!important; }.action-border-color { border-color: rgb(207, 32, 48)!important; }.action-inverse-bg-color { background-color: rgb(255, 255, 255)!important; fill: rgb(255, 255, 255)!important }.action-inverse-text-color { color: rgb(255, 255, 255)!important; }.action-inverse-border-color { border-color: rgb(255, 255, 255)!important; }.selection-bg-color { background-color: rgb(53, 119, 21)!important; fill: rgb(53, 119, 21)!important }.selection-text-color { color: rgb(53, 119, 21)!important; }.selection-border-color { border-color: rgb(53, 119, 21)!important; }.btn:hover .tab-icon.filled {background-color: rgb(53, 119, 21)!important; }.btn:active .tab-icon.filled {background-color: rgb(53, 119, 21)!important; }.btn.active .tab-icon.filled {background-color: rgb(53, 119, 21)!important; }.selection-inverse-bg-color { background-color: rgb(255, 255, 255)!important; fill: rgb(255, 255, 255)!important }.selection-inverse-text-color { color: rgb(255, 255, 255)!important; }.selection-inverse-border-color { border-color: rgb(255, 255, 255)!important; }.secondary-bg { background-color: rgb(53, 119, 21)!important; }.secondary-text { color: rgb(255, 255, 255)!important; }.intro-highlight-bg-color { background-color: rgb(53, 119, 21)!important; }.intro-highlight-text-color { color: rgb(53, 119, 21)!important; }.intro-highlight-inverse-bg-color { background-color: rgb(255, 255, 255)!important; }.intro-highlight-inverse-text-color { color: rgb(255, 255, 255)!important; }.leftMenuBg,.rightMenuBg,.tabs-menu,.overlay-menu,.order-tree-slider-wrapper,.sticky-group-name { background-color: rgb(247, 243, 236)!important; }.main-footer { background-color: rgb(247, 243, 236)!important; }.home-info-bg-fix { opacity: 0.83 !important; }.home-wrapper .home-info .logo-wrapper {
  margin: 2rem auto !important;
  width: 200px !important;
}

.compact-header-content .logo-wrapper {
  height: 110px !important;
}

.logo-link .compact {
  max-height: 90px !important;
}

.step-legend{
color: #fff !important;
}

#continue-to-menu
{
background: rgb(207, 32, 48) !important;
}

.panels-wrapper .left-panel {
background: url(/Image?name=background) repeat center !important; 
  flex: 0 0 300px !important;
  position: relative;
  padding-left: 100px;
left: -100px;
margin-right: -100px;
}
.mobile-tabs {
background: url(/Image?name=background) repeat center !important; 
}
.leftMenuBg {
    background: #d9d9d9 !important;
}

.panel-header,
.btn-menu .tab-name {
color: #fff !important;
text-transform: uppercase;
font-weight: bolder;
}

.price-container .price {
    color: black !important;
}

.checkout-details-switch-order-type-btn {
color: rgb(145, 20, 31) !important;
}.alert-form.alert-danger, .alert.alert-danger { background-color: rgb(207, 32, 48) !important; }.error-bg-color { background-color: rgb(207, 32, 48)!important; }.alert-form.alert-danger, .alert.alert-danger { color: rgb(255, 255, 255) !important; }.notifications { background-color: rgb(148, 15, 27) !important; }.notifications { color: rgb(255, 255, 255) !important; }.text-danger { color: rgb(145, 20, 31) !important; }.special-indicator { color: rgb(207, 32, 48) !important; }