@charset "utf-8";
/* CSS Document */
.content { overflow:hidden; width:100%; padding:0px 0px; background-color:#e4e0de; padding-bottom:5px }

.content .box { text-align:center; background-color:#f1ece9; line-height:0px; margin-top:3px }

.search-header-on { width:100%; text-align:center; font-size:22px; padding-top:8px; padding-bottom:8px; margin-bottom:6px; background-color:#dd7929; color:#ffffff; white-space:nowrap; }

.search-header-on-en { width:100%; text-align:center; font-size:22px; padding-top:8px; padding-bottom:8px; margin-top:2px; margin-bottom:6px; background-color:#dd7929; color:#ffffff; white-space:nowrap; }

.search-header-on-jp { min-width:97px; text-align:center; font-size:22px; padding-top:8px; padding-bottom:8px; margin-bottom:6px; background-color:#dd7929; color:#ffffff; white-space:nowrap; }

.search-header-off { min-width:100%; text-align:center; font-size:22px; padding-top:8px; padding-bottom:8px; margin-bottom:6px; color:#dd7929; text-decoration:none; white-space:nowrap; }

.search-header-off-en { min-width:87px; text-align:center; font-size:22px; padding-top:8px; padding-bottom:8px; margin-top:2px; margin-bottom:6px; color:#dd7929; text-decoration:none; white-space:nowrap; }

.search-header-off-jp { min-width:97px; text-align:center; font-size:22px; padding-top:8px; padding-bottom:8px; margin-bottom:6px; color:#dd7929; text-decoration:none; white-space:nowrap; }

.search-header-off:hover { min-width:100%; text-align:center; font-size:22px; padding-top:8px; padding-bottom:8px; color:#ffaa22; text-decoration:none; white-space:nowrap; }

.search-header-off-en:hover { min-width:87px; text-align:center; font-size:22px; padding-top:8px; padding-bottom:8px; color:#ffaa22; text-decoration:none; white-space:nowrap; }

.search-header-off-jp:hover { min-width:97px; text-align:center; font-size:22px; padding-top:8px; padding-bottom:8px; color:#ffaa22; text-decoration:none; white-space:nowrap; }

.search-link { text-decoration:none }

.product_item_detail { 
    width:100%;
    background:#FFFFFF;
    font-weight:100;
    font-size:17px;
    margin-bottom:10px;
    text-align:left;
}

.product_item_detail .thumb {
    border:1px solid #e5e5e5;
    position:relative;
}

.product_item_detail a {
    display:block;
    text-decoration:none;
    padding:10px;
    padding-bottom:8px;
}

.search_product_item { width:100%; background:#FFFFFF; font-weight:100; font-size:17px; text-align:left; }

.search_product_item .thumb { border:1px solid #e5e5e5; position:relative }

.search_product_item a { display:block; text-decoration:none; padding:10px;} 

.search_product_item .prod { color:#ff8728; position:relative;}

.search_product_item .prod_div { position:relative; overflow:hidden; margin-bottom:29px; }

.search_product_item .prod_div_en { position:relative; overflow:hidden; margin-bottom:29px; }

.search_product_item .prod_div_tag { position:relative; top:-29px; overflow:hidden; }

.search_product_item .prod_div_tag_en { position:relative; top:-29px; overflow:hidden; }

.search_product_item a:hover { color:#ff7a23; }

.search_product_item a:visited { color:#ff8728; }

.search_product_item .prod div { margin-bottom:8px; }

.search_product_item img { width:100%; background-color:#EEEEEE; }

.search_product_item .prod-name { color:#ff8728; font-size:24px; font-weight:bold; padding-top:6px; }

.search_product_item .prod-name-en { color:#ff8728; font-size:23px; font-weight:bold; padding-top:3px; }

.search_product_item .prod-price { color:#666666; font-size:20px; line-height:1.3; }

.search_product_item .prod-price div { margin-top:8px; }

.search_product_item .prod .prod-price-des, .search_product_item .prod .prod-des { font-size:20px; left:0px}

.search_product_item .prod .prod-price-des-en, .search_product_item .prod .prod-des-en { font-size:20px; left:0px}

.search_product_item .detail-name { position:relative; top:-23px; font-size:21px; color:#351000; font-weight:normal; padding-top:5px; padding-bottom:5px; }

.search_product_item .detail-name-en { position:relative; top:-23px; font-size:21px; color:#351000; font-weight:normal; padding-top:5px; padding-bottom:5px; }

.search_product_item .author-name { position:relative; top:-23px; font-size:20px; color:#351000; font-weight:normal; }

.search_product_item .author-name-en { position:relative; top:-23px; font-size:20px; color:#351000; font-weight:normal; }

.content-detail { overflow:hidden; width:100%; padding:0px 0px; background-color:#ffffff; padding-top:5px; padding-bottom:5px }

.search-title { font-size:19px; font-weight:bold; color:#ff8728; padding-bottom:10px; }

.search-subtitle { font-size:21px; font-weight:bold; color:#333; padding-bottom:10px; }

.search-content { font-size:19px; font-weight:normal; color:#333; }

.search_product_item .purplel {
    position:relative;
    top:-30px;
    left:-12px;
    background: url(../img/recipes/bar.jpg) repeat-y;
    border-radius: 3px;
    color:#ffffff;
    font-size:19px;
    width:120px;
    text-align:center;
    padding: 1px 1px 2px 1px;
}

.search_product_item .purplel-en {
    position:relative;
    top:-30px;
    left:-12px;
    background: url(../img/recipes/bar-en.jpg) repeat-y;
    border-radius: 3px;
    color:#ffffff;
    font-size:18px;
    width:150px;
    text-align:center;
    padding: 2px 1px 3px 1px;
}

.search_product_item .purplel-jp {
    position:relative;
    top:-30px;
    left:-12px;
    background: url(../img/recipes/bar-en.jpg) repeat-y;
    border-radius: 3px;
    color:#ffffff;
    font-size:19px;
    width:150px;
    text-align:center;
    padding: 2px 1px 3px 1px;
}

div.search_product_item.long { height: 415px; }
div.search_product_item.long .price-preview { 
    display: block;
    background-color: #f1f1f1;
    margin: 0;
    padding: 10px;
    color: #888;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    font-size: 18px; /* kc 20180924 */
}
/* price-preview-alert-tag,*/ /* kc 20180921 */
span.price-preview-alert-tag, /* kc 20181203 */
div.search_product_item.long .price-preview .title { 
    background-color: #514f9a;
    padding: 2px 15px;
    display: inline-block;
    margin-bottom: 8px;
    border-radius: 40px;
    font-size: .9em;
    color: #fff;
}

/* kc 20181212 */
div#table_container3.details-of-latest-price-wrapper {
    font-size: 16px;
}
div#table_container3 a .details-of-latest-price-text {
    color: #514f9a;
    font-size: 19px;
    font-weight: bold;
}
div#table_container3 a .details-of-latest-price-icon-q img {
    max-height: 36px;
    margin-right: 6px;
}
div#table_container3 a .details-of-latest-price-icon-arrow img {
    max-height: 16px;
    padding-top: 2px;
    margin-left: 8px;
}
div.price-preview-alert-tag-container {
    height: 29px;
}
div.price-preview-alert-tag-default-wrapper {
    position: absolute;
    line-height: 18px;
}
div.price-preview-alert-tag-default-wrapper-en {
    font-size: 0.95em;
}
div.price-preview-alert-tag-default-wrapper > .price-preview-alert-tag > .latest_price {
    margin-right: 10px;
}
.price-preview-alert-tag-container .expand-symbol,
.price-preview-alert-tag-container .shrink-symbol {
    font-weight: bold;
    font-size: 1.5em;
    position: absolute;
    right: 8px;
    top: 1px;
}
div.price-preview-alert-tag-eff-date-wrapper {
    display: none;
    position: absolute;
    top: 0px; left: 0px; right: 0px;
    padding: 6px 10px;
    background-color: #514f9a;
    color: #fff;
}
div.price-preview-alert-tag-eff-date-wrapper > .price-preview-alert-tag-eff-date-text {
    font-size: .9em;
}


div.search_product_item.long .price-preview .prod-price {
    margin-bottom: 3px;
}
div.price-preview-alert {
    color: #fff;
    background-color: #514f9a;
    padding: 10px 10px;
    clear: both;
    margin-top: 10px;
    font-size: 18px;
    text-align: left;
    z-index: 9;
}
div.price-preview-alert.fixed {
    position: fixed;
    top: 0;
    margin: 0;
    left: 10px;
    right: 10px;
}
/* kc 20180921 price alert appearance change */
div.price-preview-alert {
    background-color: #ddcee2;
    color: #000;
}
div.price-preview-alert .price-preview-alert-tag {
    margin-bottom: 0px;
    margin-right: 12px;
}
.price-preview-no-change-tag {
    background-color: #fff;
    padding: 2px 15px;
    display: inline-block;
    border-radius: 40px;
    font-size: .9em;
    color: #8d8d8d;
    margin-top: 8px;
}
/* end- kc 20180921 price alert appearance change */

.display-mode {
    text-align:right;
    font-size:22px;
    font-weight:bold;
    color:#838383;
    margin-right:8px;
    vertical-align:bottom;
    padding-bottom:3px;
}

.display-mode-en {
    text-align:right;
    font-size:20px;
    font-weight:bold;
    color:#838383;
    margin-right:8px;
    vertical-align:bottom;
    padding-bottom:3px;
}

.display-mode-jp {
    text-align:right;
    font-size:21px;
    font-weight:bold;
    color:#838383;
    margin-right:8px;
    vertical-align:bottom;
    padding-bottom:3px;
}

.display-mode-link {
    text-decoration: none;
}

.display-mode-detail-on {
    margin:7px 5px 0px 0px;
    line-height:0px;
    text-align:center;
    cursor:pointer;
}

.display-mode-detail-off {
    margin:7px 5px 0px 0px;
    text-align:center;
    line-height:0px;
}

.display-mode-simple-on {
    margin:7px 0px 0px 0px;
    line-height:0px;
    text-align:center;
    cursor:pointer;
}

.display-mode-simple-off {
    margin:7px 0px 0px 0px;
    line-height:0px;
}

.display-mode-item-on {
    margin:13px 0px 15px;
    text-align:center;
    font-size:18px;
    font-weight:bold;
    color:#e28c36;
    text-decoration: none;
    width:45px;
}

.display-mode-item-off {
    margin:13px 0px 15px;
    text-align:center;
    font-size:18px;
    font-weight:bold;
    color:#9d9d9d;
    text-decoration: none;
    width:45px;
}

.display-mode-item-on-en {
    margin:12px 0px 15px;
    text-align:center;
    font-size:15px;
    font-weight:bold;
    color:#e28c36;
    text-decoration: none;
}

.display-mode-item-off-en {
    margin:12px 0px 15px;
    text-align:center;
    font-size:15px;
    font-weight:bold;
    color:#9d9d9d;
    text-decoration: none;
}

.display-mode-item-on-jp {
    margin:12px 0px 15px;
    text-align:center;
    font-size:18px;
    font-weight:bold;
    color:#e28c36;
    text-decoration: none;
}

.display-mode-item-off-jp {
    margin:12px 0px 15px;
    text-align:center;
    font-size:18px;
    font-weight:bold;
    color:#9d9d9d;
    text-decoration: none;
}

.discount_label {
    float:left;
    position:relative;
    z-index: 1;
    top:-31px;
    padding:6px 12px 6px 12px;
    background-color:#ffdf28;
    color:#666;
    font-size: 18px;
}
.discount_label-en {
    float:left;
    position:relative;
    z-index: 1;
    top:-30px;
    padding:5px 12px 5px 12px;
    background-color:#ffdf28;
    color:#666;
    font-size: 18px;
}

/*nicole 20180302*/
.discount_label_1 {
    float:left;
    position:relative;
    z-index: 1;
    top:-31px;
    padding:6px 12px 6px 12px;
    background-color:#ed0c6e;
    color:#fff;
    font-size: 18px;
}
.discount_label_1-en {
    float:left;
    position:relative;
    z-index: 1;
    top:-30px;
    padding:5px 12px 5px 12px;
    background-color:#ed0c6e;
    color:#fff;
    font-size: 18px;
}

/*nicole 20180416*/
.discount_label_2 {
    float:left;
    position:relative;
    z-index: 1;
    top:-31px;
    padding:6px 12px 6px 12px;
    background-color:#652D86;
    color:#fff;
    font-size: 18px;
}
.discount_label_2-en {
    float:left;
    position:relative;
    z-index: 1;
    top:-30px;
    padding:5px 12px 5px 12px;
    background-color:#652D86;
    color:#fff;
    font-size: 18px;
}
/*nicole 20180416*/


.product_shortage {
    float:right;
    position:relative;
    z-index: 1;
    top:-31px;
    right:-1px;
    padding:6px 12px 6px 12px;
    background-color:#ed297b;
    color:#ffffff;
    font-size: 18px;
}


.product_shortage-en {
    float:right;
    position:relative;
    z-index: 1;
    top:-30px;
    right:-1px;
    padding:5px 10px;
    background-color:#ed297b;
    color:#ffffff;
    font-size: 18px;
}

.discount_label_detail {
    float:left;
    padding:5px 10px;
    background-color:#ffdf28;
    color:#666;
    font-size: 18px;
    margin-top:7px;
    margin-right:4px;
    margin-bottom:1px;
}

.discount_label_detail-en {
    float:left;
    padding:5px 10px;
    background-color:#ffdf28;
    color:#666;
    font-size: 18px;
    margin-top:7px;
    margin-right:4px;
    margin-bottom:1px;
}

.purchase_discount {
    float:left;
    padding:5px 10px;
    background-color:#ff8728;
    color:#ffffff;
    font-size: 18px;
    margin-top:7px;
    margin-right:4px;
    margin-bottom:1px;
}

.purchase_discount-en {
    float:left;
    padding:5px 10px;
    background-color:#ff8728;
    color:#ffffff;
    font-size: 18px;
    margin-top:7px;
    margin-right:4px;
    margin-bottom:1px;
}

.product_shortage_detail {
    float:left;
    padding:5px 10px;
    background-color:#ed297b;
    color:#ffffff;
    font-size: 18px;
    margin-top:7px;
    margin-right:4px;
    margin-bottom:1px;
}

.product_shortage_detail-en {
    float:left;
    padding:5px 10px;
    background-color:#ed297b;
    color:#ffffff;
    font-size: 18px;
    margin-top:7px;
    margin-right:4px;
    margin-bottom:1px;
}

.spacer {
    height:10px;
}

.prod_spacer {
    height:32px;
}

.prod_detail_spacer {
    width:12px;
}

.text_spacer {
    width:15px;
}

.bottom_spacer {
    height:25px;
}

.hongkong-only {
    height:390px;
    color:#4d4d4d;
    font-size: 17px;
    padding-top:5px;
    padding-left:17px;
    font-weight:100;
}

.search-backgroundbar {
    height:1px;
    background:url(../img/header/bar.png) repeat-x;
    width:100%;
    margin:0 auto;
}

#table_container {
    display: table;
    width:100%;
    max-width:500px;
    margin-bottom:5px;
}

#table_container2 {
    display: table;
    width: inherit;
    padding:10px 10px 5px 10px;
    font-size:21px;
    margin-top:5px;
}

#table_container3 {
    display: table;
    float:right;
}

#row  {
    display: table-row;
}

#left1-tw {
    display: table-cell;
    width:23%;
    max-width:100px;
    vertical-align:top;
    padding-right:5px;
}

#left2-tw {
    display: table-cell;
    width:23%;
    max-width:100px;
    vertical-align:top;
    padding-right:5px;
}

#left3-tw {
    display: table-cell;
    width:23%;
    max-width:100px;
    vertical-align:top;
    padding-right:5px;
}

#left4-tw {
    display: table-cell;
    width:27%;
    max-width:100px;
    vertical-align:top;
}

#left1-cn {
    display: table-cell;
    width:23%;
    max-width:100px;
    vertical-align:top;
    padding-right:5px;
}

#left2-cn {
    display: table-cell;
    width:23%;
    max-width:100px;
    vertical-align:top;
    padding-right:5px;
}

#left3-cn {
    display: table-cell;
    width:23%;
    max-width:100px;
    vertical-align:top;
    padding-right:5px;
}

#left4-cn {
    display: table-cell;
    width:27%;
    max-width:100px;
    vertical-align:top;
}

#left1-en {
    display: table-cell;
    width:22%;
    max-width:100px;
    vertical-align:top;
    padding-right:0px;
}

#left2-en {
    display: table-cell;
    width:30%;
    max-width:100px;
    vertical-align:top;
    padding-right:0px;
}

#left3-en {
    display: table-cell;
    width:22%;
    max-width:100px;
    vertical-align:top;
    padding-right:0px;
}

#left4-en {
    display: table-cell;
    width:27%;
    max-width:100px;
    vertical-align:top;
}

#left1-jp {
    display: table-cell;
    width:23%;
    max-width:100px;
    vertical-align:top;
    padding-right:5px;
}

#left2-jp {
    display: table-cell;
    width:23%;
    max-width:100px;
    vertical-align:top;
    padding-right:5px;
}

#left3-jp {
    display: table-cell;
    width:23%;
    max-width:100px;
    vertical-align:top;
    padding-right:5px;
}

#left4-jp {
    display: table-cell;
    width:27%;
    max-width:100px;
    vertical-align:top;
}

#left5 {
    display: table-cell;
    width:50%;
    line-height:1.2;
}

#right {
    display: table-cell;
    width:50%;
    padding-right:20px;
    text-align:right;
}

#right1 {
	display: table-cell;
	vertical-align:middle;
}

/** General page styling **/
body {
    background-color: #e5e5e5;
    font-family: "Helvetica Neue Light", "Helvetica Neue", Arial, sans-serif;
}

header h1 {
    text-align: center;
    font-size: 30px;
    font-weight: 200;
    margin: 30px 0 10px 0;
}

header p {
    text-align: center;
    font-size: 14px;
    color: #666666;
    margin: 0;
    font-weight: 200;
}

a {
    text-decoration: none;
}

/**
 * Progress bar for imagesLoaded
 */
.progress-bar {
    background-color: #0BC20B;
    height: 3px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 0;
    -webkit-box-shadow: 0 1px 3px rgba(11, 194, 11, 0.2);
    -moz-box-shadow: 0 1px 3px rgba(11, 194, 11, 0.2);
    box-shadow: 0 1px 3px rgba(11, 194, 11, 0.2);
    -webkit-transition: width 0.1s ease-out;
    -moz-transition: width 0.1s ease-out;
    -o-transition: width 0.1s ease-out;
    transition: width 0.1s ease-out;
}

/**
 * Placerholder css
 */
.wookmark-placeholder {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: #eee;
    border: 1px solid #dedede;
    z-index: -1;
}

/**
 * Grid container
 */
.tiles-wrap {
    position: relative; /** Needed to ensure items are laid out relative to this container **/
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: none;
}


/**
 * Grid items
 */
.tiles-wrap li {
    display: block;
    opacity: 1;
    text-align: center;
    list-style-type: none;
    background-color: #fff;
    float: left;
    cursor: pointer;
    width: 200px;
    padding: 10px;
    border: 1px solid #dedede;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.tiles-wrap.animated li {
    /*-webkit-transition: all 0.3s ease-out;
       -moz-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;*/
}

.tiles-wrap li.wookmark-inactive {
    visibility: hidden;
    opacity: 0;
}

.tiles-wrap li:hover {
    /*background-color: #fafafa;*/
}

.tiles-wrap img {
    display: block;
}

.tiles-wrap a {
    color: #555;
    text-align: center;
    /* display: table-cell; */
    width: 200px;
    height: 200px;
    font-size: 2em;
    font-weight: bold;
    text-decoration: none;
    outline: none; /* kc 20181212 */
}

.tile-loading:after {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #ddd;
    content: "Loading\2026";
    padding-top: 20px;
    color: #999;
}

/**
 * Filters
 */
#filters {
    list-style-type: none;
    text-align: center;
    margin: 0 5% 0 5%;
}

#filters:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

#filters li {
    font-size: 12px;
    float: left;
    padding: 6px 8px 4px;
    cursor: pointer;
    margin: 0 10px;
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#filters li:hover {
    background: #4281f5;
    color: #ffffff;
}

#filters li.active {
    background: #4281f5;
    color: #ffffff;
}