@charset "utf-8";
/* CSS Document */
.ui-overlay-a, .ui-page-theme-a, .ui-page-theme-a .ui-panel-wrapper { text-shadow:none !important; font-family:"arial"; }

/*nicole 2018-12-21 */
div.ui-page.ui-page-theme-a {
   background-color: #e4e0de;
}

#menupanel { background-color:#DDDDDD; z-index:999999;}

.ui-panel-inner { padding:0px; }

div.ui-header { width:100%; z-index:2; border:none; background-color:#f2eeeb; }

.ui-content { padding:0px; background-color:#e4e0de; }

ul.menu { list-style:none; overflow:hidden; margin:0px; padding:0px; }

ul.menu li { float:left; margin:0px; }

ul.menu li a { display:block; width:252px; height:58px; padding-top:15px; padding-left:20px; font-size:24px; background:url(../img/menubar/bg.png) left top no-repeat; color:#666666; text-decoration:none; }

ul.menu li a:visited { color:#666666; }

ul.menu li a:hover { color:#bf0057; }

.header-top { overflow:hidden; width:100%; height:50px; position:relative; }

.header-top .logo { width:147px; height:34px; position:absolute; left:110px; margin-left:-58px; margin-top:0px; top:8px; background:url(../img/rainbow/header/hkjebn_logo.png) center no-repeat; background-size: 147px 34px !important; }

.left { float:left; }

.right { float:right; }

.menu-link { font-size:28px !important }

.menu-link-en { font-size:27px !important }

.header-top .menubar-button { display:block; background:url(../img/rainbow/header/header-button.png) left top no-repeat; background-size:32px 29px !important; width:32px; height:29px; text-indent: -9999px; margin-left:10px; margin-top:10px; }

.header-top .lang { margin-bottom:3px; }

.header-top .lang a { text-decoration:none; color:#4e4e4e; margin-right:2px; font-size:15px; font-weight:normal; }

.header-top .lang a:hover { color:#000; }

.header-top .box { width:130px; overflow:hidden; margin-top:5px; margin-right:10px; }

.header-bottom { margin:0px 10px; }

.orange-border { position:relative; border-bottom: none; width:100%; }
#header_bottom { line-height: 0px; }
#header_bottom > img { max-width: 100%; }

.img img { width:100%; }

.ui-footer { border:none; width:100%; text-shadow:none; color:#4e4e4e; font-weight:normal; background-color:#ece3dc; height:auto !important; margin-top:0px !important; }

.ui-footer .footer-top { overflow:hidden; width:100%; background-color:#e6dcd2; /*height:80px;*/ color:#6d6d6d; }

.ui-footer .footer-bottom { overflow:hidden; width:100%; padding:8px 5px 5px 5px; }

.ui-footer .orange-bg { display:none; }

/* nicole 20180627 惡劣天氣安排 
*/

.ui-footer .footer-top .weather_link { text-align:right; margin-bottom:2px; padding-right:5px; }

.ui-footer .footer-top .weather_link a { color:#6d6d6d; text-decoration:none; }

.ui-footer .footer-top .weather_link span { text-decoration:underline; }
/* nicole 20180627 */

.ui-footer .footer-share-logo { overflow:hidden; }

.ui-footer .footer-share-logo a { margin-top:15px; }

.ui-footer .footer-share-logo a img { width: 40px; height: 40px; }

.ui-footer .footer-bottom .footer-text { color:#4e4e4e; font-size:15px; text-shadow:none; padding-bottom:1px; }

.ui-footer .footer-bottom .footer-text a { color:#4e4e4e; text-decoration:none; font-weight:100; text-shadow:none; font-size:13px; }

.ui-footer .footer-bottom .footer-text a:hover { color:#000; }

.ui-footer .footer-bottom .footer-text a:visited { color:#4e4e4e; }

.ui-footer .footer-bottom .footer-text-en { color:#4e4e4e; font-size:13px; text-shadow:none; }

.ui-footer .footer-bottom .footer-text-en a { color:#4e4e4e; text-decoration:none; font-weight:100; text-shadow:none; font-size:13px; }

.ui-footer .footer-bottom .footer-text-en a:hover { color:#000; }

.ui-footer .footer-bottom .footer-text-en a:visited { color:#4e4e4e; }

.ui-footer .footer-bottom .footer-text-jp { color:#4e4e4e; font-size:13px; text-shadow:none; }

.ui-footer .footer-bottom .footer-text-jp a { color:#4e4e4e; text-decoration:none; font-weight:100; text-shadow:none; font-size:16px; }

.ui-footer .footer-bottom .footer-text-jp a:hover { color:#000; }

.ui-footer .footer-bottom .footer-text-jp a:visited { color:#4e4e4e; }

.ui-footer .copyright { text-align:left; font-size:10px; line-height: 12px; padding-top:8px; padding-bottom:3px; }

.ui-footer .footer-top .tel-service { padding-right:5px; padding-top:11px; font-size:15px; }

.ui-footer .footer-top .tel-service-en { padding-right:5px; padding-top:10px; font-size:14px; }

.ui-footer .footer-top .tel-service-jp { padding-right:5px; padding-top:11px; font-size:14px; }

.ui-footer .footer-bottom .footer-share-logo a { margin:0px; margin-top:4px; margin-right:5px; text-shadow:none; }

.ui-footer .footer-top .cs-tel { text-align:right; margin-bottom:2px; padding-right:5px; }

.ui-footer .footer-top .cs-tel a { color:#6d6d6d; text-decoration:none; }

.ui-footer .footer-top .cs-tel span { text-decoration:underline; }

.ui-footer .footer-top .service-time { padding-right:5px; }

.ui-footer .footer-top .service-time-en { padding-right:5px; }

.ui-footer .footer-top .service-time-jp { padding-right:5px; text-align:right; }

.si-wrapper .ui-btn.ui-input-clear { right:22px !important; }

.top-btn { background:url(../img/tw/v3-cut-07.png) top left no-repeat; width:50px; height:67px; position:fixed; right:20px; bottom:40px; display:none; cursor:pointer; z-index:9999; }

.header-top .shop { height:25px; background:url(../img/rainbow/header/awar.png) 94% 9px no-repeat; width:130px; margin-top:-5px; }

ul.shop-flag-menu { list-style:none; margin:0px; padding:12px 0px 6px 0px; background-color:#f2eeeb; position:absolute; z-index:2; right:0px; top:50px; display:none; }

ul.shop-flag-menu li a { font-size:15px; font-weight:normal; text-decoration:none; display:block; color:#4e4e4e; width:130px; text-align:center; }

ul.shop-flag-menu li a:visited { color:#4e4e4e; }

ul.shop-flag-menu li a:hover { color:#000; }

.header-top .shop a { display:block; font-size:15px; text-decoration:none; color:#4e4e4e; font-weight:normal; padding-right:9px !important; padding-left:29px; text-align:center; }

.shop-flag.hk { background:url(../img/header/flag-hk.png) 10px 3px no-repeat; padding:3px 9px 11px 29px; }

.shop-flag.cn { background:url(../img/header/flag-cn.png) 10px 3px no-repeat; padding:3px 9px 11px 29px; }

.shop-flag.mo { background:url(../img/header/flag-mo.png) 10px 3px no-repeat; padding:3px 9px 11px 29px; }

.share_icons { border-radius:6px; }

.bdshare-button-style0-32 a { 
    background-image:url('../img/share/wechat_40x40.png') !important;
    width:40px !important;
    height:40px !important;
    margin:0 !important;
    border-radius:0px;
}

.bdshare-button-style0-32 a:hover {
    opacity:1 !important;
}

.bdshare-button-style0-32 .bds_weixin {
    background-position:0 !important;
}

.bd_weixin_popup .bd_weixin_popup_head {
    font-size: 21px !important;
}

.bd_weixin_popup .bd_weixin_popup_head .bd_weixin_popup_close {
    font-size: 35px !important;
}

.bd_weixin_popup .bd_weixin_popup_foot {
    font-size: 21px !important;
}

.bd_weixin_popup {
    font-size: 21px !important;
}

.content-header {
    background-color:#E4E0DE;
    padding:0px 10px;
    overflow:hidden;
}

.content-h {
    overflow:hidden;
    width:100%;
    padding:5px 0px 8px;
}

.main-text {
    background:url(../img/tw/v3-cut-06.png) left top no-repeat;
    padding:0px 20px;
    float:left;
    color:#FF8728;
    font-size:28px;
    font-weight:700;
}

.main-menubar {
    float:left;
    color:#999;
    padding-top:10px;
    font-size:22px;
    line-height:1.3;
}

.main-menubar-en {
    float:left;
    color:#999;
    padding-top:10px;
    font-size:21px;
    line-height:1.3;
}

.main-menubar-jp {
    float:left;
    color:#999;
    padding-top:10px;
    font-size:22px;
    line-height:1.3;
}

.main-menubar h1 {
    background:url(../img/rainbow/headline_arrow.png) left center no-repeat;
    background-repeat:no-repeat;
    zoom:1;
    color:#bf0057;
    padding-left:20px;
    padding-right:15px;
    display:inline;
    font-size:32px;
}

.main-menubar-en h1 {
    background:url(../img/rainbow/headline_arrow.png) left center no-repeat;
    background-repeat:no-repeat;
    zoom:1;
    color:#bf0057;
    padding-left:20px;
    padding-right:15px;
    display:inline;
    font-size:31px;
}

.main-menubar-jp h1 {
    background:url(../img/rainbow/headline_arrow.png) left center no-repeat;
    background-repeat:no-repeat;
    zoom:1;
    color:#bf0057;
    padding-left:20px;
    padding-right:15px;
    display:inline;
    font-size:32px;
}

.main-menubar a {
    color:#4d4d4d;
    text-decoration:none;
}

.main-menubar-en a {
    color:#4d4d4d;
    text-decoration:none;
}

.main-menubar-jp a {
    color:#4d4d4d;
    text-decoration:none;
}

.content-header .region {
    font-size:18px;
    margin-top: 0.8em;
}

.ui-field-contain {
    line-height:0;
    margin:0px;
    border-bottom:0px;
    padding:0px;
    height:52px;
}

.content-header .menu-bar, .content-header .menu-bar2 {
    margin-bottom:10px;
    margin-left:0;
    margin-right:0;
}

.content-header .menu-bar a, .content-header .menu-bar2 a {
    color:#FFFFFF;
    display:block;
    font-size:22px;
    font-weight:700;
    padding:5px 15px 5px;
    width:100%;
    height:38px;
    text-decoration:none;
}

.content-header .menu-bar span, .content-header .menu-bar2 span {
    font-size:20px;
    font-weight:100;
    padding-left:18px;
    letter-spacing:1.5px;
}

.content-header .menu-bar a {
    background:url(../img/rainbow/product/bar_promotion.png) left no-repeat #cbb78e;
}

.content-header .menu-bar2 a {
    background:url(../img/rainbow/product/bar_knowledge.png) left no-repeat #8589b4;
}

.content-header .menu-bar-en, .content-header .menu-bar2-en {
    margin-bottom:10px;
    margin-left:0;
    margin-right:0;
}

.content-header .menu-bar-jp, .content-header .menu-bar2-jp {
    margin-bottom:10px;
    margin-left:0;
    margin-right:0;
}

.content-header .menu-bar-en a, .content-header .menu-bar2-en a {
    color:#FFFFFF;
    display:block;
    font-size:24px;
    font-weight:700;
    padding:5px 15px 5px;
    width:100%;
    line-height:1.6;
    height:38px;
    text-decoration:none;
}

.content-header .menu-bar-jp a, .content-header .menu-bar2-jp a {
    color:#FFFFFF;
    display:block;
    font-size:27px;
    font-weight:700;
    padding:5px 15px 5px;
    width:100%;
    line-height:1.3;
    height:34px;
    text-decoration:none;
}

.content-header .menu-bar-en span, .content-header .menu-bar2-en span {
    font-size:20px;
    font-weight:100;
    padding-left:20px;
    letter-spacing:1.3px;
}

.content-header .menu-bar-jp span, .content-header .menu-bar2-jp span {
    font-size:21px;
    font-weight:100;
    padding-left:25px;
    letter-spacing:1.5px;
}

.content-header .menu-bar-en a {
    background:url(../img/rainbow/product/bar_promotion.png) left no-repeat #cbb78e;
}

.content-header .menu-bar-jp a {
    background:url(../img/rainbow/product/bar_promotion.png) left no-repeat #cbb78e;
}

.content-header .menu-bar2-en a {
    background:url(../img/rainbow/product/bar_knowledge.png) left no-repeat #8589b4;
}

.content-header .menu-bar2-jp a {
    background:url(../img/rainbow/product/bar_knowledge.png) left no-repeat #8589b4;
}

.main-backgroundbar {
    height:1px;
    background:url(../img/header/bar.png) repeat-x;
}

.ui-field-header {
    width:70px;
    font-size:26px;
    font-weight:bold;
    color:#4d4d4d;
    padding-top:15px;
}

.ui-field-header-en {
    width:150px;
    font-size:23px;
    font-weight:bold;
    color:#4d4d4d;
    padding-top:13px;
}

.ui-field-header-jp {
    width:70px;
    font-size:26px;
    font-weight:bold;
    color:#4d4d4d;
    padding-top:15px;
}

.ui-field-header-recipes {
    width:75px;
    font-size:26px;
    font-weight:bold;
    color:#4d4d4d;
    padding-top:17px;
}

.ui-field-header-recipes-en {
    width:100%;
    font-size:23px;
    font-weight:bold;
    color:#4d4d4d;
    padding-top:13px;
}

.ui-field-header-recipes-jp {
    width:100%;
    font-size:23px;
    font-weight:bold;
    color:#4d4d4d;
    padding-top:13px;
}

.ui-field-header-location {
    width:75px;
    font-size:26px;
    font-weight:bold;
    color:#4d4d4d;
    padding-top:15px;
}

.ui-field-header-location-en {
    width:90px;
    font-size:23px;
    font-weight:bold;
    color:#4d4d4d;
    padding-top:13px;
}

.ui-field-header-location-jp {
    width:75px;
    font-size:26px;
    font-weight:bold;
    color:#4d4d4d;
    padding-top:15px;
}

.ui-field-header-promotion {
    width:70px;
    font-size:26px;
    font-weight:bold;
    color:#4d4d4d;
    padding-top:15px;
}

.ui-field-header-promotion-en {
    width:130px;
    font-size:23px;
    font-weight:bold;
    color:#4d4d4d;
    padding-top:13px;
}

.ui-field-header-promotion-jp {
    width:70px;
    font-size:26px;
    font-weight:bold;
    color:#4d4d4d;
    padding-top:15px;
}

.ui-field-header-about {
    width:75px;
    font-size:25px;
    font-weight:bold;
    color:#4d4d4d;
    padding-top:15px;
}

.ui-field-header-about-en {
    width:125px;
    font-size:23px;
    font-weight:bold;
    color:#4d4d4d;
    padding-top:13px;
}

.ui-field-header-about-jp {
    width:75px;
    font-size:25px;
    font-weight:bold;
    color:#4d4d4d;
    padding-top:15px;
}

.ui-field-header-others {
    width:75px;
    font-size:26px;
    font-weight:bold;
    color:#4d4d4d;
    padding-top:15px;
}

.ui-field-header-others-en {
    width:153px;
    font-size:23px;
    font-weight:bold;
    color:#4d4d4d;
    padding-top:13px;
}

.ui-field-header-others-jp {
    width:75px;
    font-size:26px;
    font-weight:bold;
    color:#4d4d4d;
    padding-top:15px;
}

.ui-field-footer {
    height:15px
}

.ui-field-footer-en {
    height:15px
}

.ui-field-footer-jp {
    height:15px
}

.ui-field {
    width:100%;
}

.select-header {
    font-size:21px !important;
}

.select-header-en {
    font-size:20px !important;
}

.product-backgroundbar {
    height:1px;
    background:url(../img/header/bar.png) repeat-x;
}

.product-backgroundbar-detail {
    height:1px;
    background:url(../img/header/bar.png) repeat-x;
    margin-top:3px;
    margin-bottom:3px;
}

.product-detail-backgroundbar {
    height:1px;
    background:url(../img/header/bar.png) repeat-x;
    max-width:400px;
    margin:0 auto;
    padding-bottom:20px;
}

.header-spacer {
    height:8px;
}

a#back2top{
    background:url('../img/rainbow/top.png') center center no-repeat;
    background-size: 90px 50px;
    display:none;
    width:90px; 
    height:30px; 
    position:fixed; 
    bottom:20px; 
    right:20px; 
    z-index:99999;
    color: #fff;
    text-align: center;
    padding-top: 20px;
    text-decoration: none;
}

button.search-icon {
    background:url('../img/header/search-bar.png') no-repeat !important;
    box-shadow:0px 0px 0px !important;
    background-color:#ffffff !important;
    background-size:20px 20px !important;
    width:20px !important;
    height:20px !important;
    top:0px !important;
}

button.ui-shadow {
    box-shadow:0px 0px 0px !important;
}

.weather {
    width:100%;
    text-align:center;
    padding-top:7px;
    padding-left:2px;
}

.weather span {
    position:relative;
    font-size:24px;
    font-weight:normal;
    color:#4e4e4e;
    top:-10px;
}

.weather_icon {
    height:38px;
    padding-right:3px;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #4e4b52;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #4e4b52;
    opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #4e4b52;
    opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color:    #4e4b52;
}
:placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
    color:    #4e4b52;
}

/**** common *****/
.promotion-box {
    display: block;
    background-color: #fff;
    margin: 0 -10px 10px;
    text-align: center;
    font-size: 0;
}.promotion-box img {
    max-height: 100px;
    max-width: 100%;
}

/*** search filter ***/
.search-filter {
    color: #666;
    display: inline-block;
    font-size: 21px;
    margin-top: 1px;
}.search-filter .check {
    width: 18px;
    height: 18px;
    display: inline-block;
    background-color: #fff;
    border: 1px solid #666;
    position: relative;
    top: 2px;
    vertical-align: baseline;
}.search-filter .check.checked {
    background-image: url('../img/Icon-tick.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 14px 14px;
}.search-filter.jp
,.search-filter.tw
,.search-filter.cn {
    margin-top: 6px;
}

.header_div {
    background-color: #e8e2dc !IMPORTANT;
}
.header_div .header_holder .header {
    color: #4e4e4e !IMPORTANT;
}
.content_holder .title {
    color: #bf0057 !IMPORTANT;
}

a.content_link.ui-link, a.content_link.ui-link:visited { color: #bf0057; }
a.content_link.ui-link:hover, a.content_link.ui-link:active { color: #676b99; }

a#clear_button {
    width:28px; height:28px; box-sizing:border-box; padding:0px;
}