@charset "utf-8";
@media only screen and (max-width: 767px) {
/* CSS Document */
html, body { height: 100%;}
[canvas='container'] { padding-bottom: 54px;}
body { padding-top: 54px; background-color: #eee; color: #514841; line-height: 1.5; font-family: "Roboto Condensed", "微軟正黑體",  Arial, Helvetica, sans-serif;}

a { color: #514841; text-decoration: none; transition: all ease-in-out 0.2s;}
a:focus,
a:hover { color: #EB5F00;}

.no-style { margin: 0; padding: 0; list-style: none;}
.inline-style,
.inline-style li { display: inline-block;}

.box-shadow { box-shadow: 0 1px 0 rgba(0,0,0,0.1);}
.box-rounded { border-radius: 4px;}

.container { padding: 0;}
.row { margin: 0;}
[class*="col-"],
[class^="col-"] { padding: 0;}


.text-blue { color: #09F;}
.btn-yellow { background-color: #FFE840; color: #9E894B;}
.btn-yellow:hover,
.btn-yellow:active,
.btn-yellow:focus { background-color: #9E894B; color: #FFE840;}

/* Header*/
.header { position: fixed; top: 0; left: 0; right: 0; z-index: 888;}
.header-mobile { height: 54px; box-shadow: 0 0 2px rgba(0,0,0,0.1);
	background: -moz-linear-gradient(180deg, #FFEF80 0%, #FFE840 100%);
	background: -webkit-gradient(180deg, left top, left bottom, color-stop(0%,#FFEF80), color-stop(100%,#FFE840));
	background: -webkit-linear-gradient(180deg, #FFEF80 0%,#FFE840 100%);
	background: -o-linear-gradient(180deg, #FFEF80 0%,#FFE840 100%);
	background: -ms-linear-gradient(180deg, #FFEF80 0%,#FFE840 100%);
	background: linear-gradient(180deg, #FFEF80 0%,#FFE840 100%);
}
.header-mobile ul { display: flex; height: 54px;}
.header-mobile ul li { flex: 1; text-align: center;}
.header-mobile span { display: block; font-size: 13px;}

.header-mobile ul li.flex-logo { flex: 0 0 150px;}
.header-mobile .logo { padding: 10px 0; width: 150px;}
.header-mobile .logo img { margin: 0 auto; width: 140px; height: auto;}
.header-mobile .fa { color: #9E894B;}
.header-mobile .icon { color: #9E894B;}
.header-mobile [class^="btn-"],
.header-mobile [class*="btn-"] { padding: 10px 0 0; height: 54px;}
.header-mobile .btn-bar { font-size: 24px;}
.header-mobile .btn-search.active {
	background: -moz-linear-gradient(0deg, #FEFDFD 0%, #F1EDEB 100%);
	background: -webkit-gradient(0deg, left top, left bottom, color-stop(0%,#FEFDFD), color-stop(100%,#F1EDEB));
	background: -webkit-linear-gradient(0deg, #FEFDFD 0%,#F1EDEB 100%);
	background: -o-linear-gradient(0deg, #FEFDFD 0%,#F1EDEB 100%);
	background: -ms-linear-gradient(0deg, #FEFDFD 0%,#F1EDEB 100%);
	background: linear-gradient(0deg, #FEFDFD 0%,#F1EDEB 100%);
}

/* Flex */
/* Flex CSS */
.flex-box { display: flex; display: -webkit-flex;}
.flex-box.inline { display: inline-flex; display: -webkit-inline-flex;}
.flex-row { flex-direction: row;}
.flex-row.reverse { flex-direction: row-reverse;}
.flex-column { flex-direction:column;}
.flex-column.reverse { flex-direction: column-reverse;}
.flex-nowrap { flex-wrap: nowrap;}
.flex-wrap { flex-wrap: wrap;}
.flex-wrap.reverse { flex-wrap: wrap-reverse;}

.flex-item { flex: auto;}
.flex-item.none { flex: none;}

.flex-width-2rem { flex: 0 0 2rem;}
.flex-width-3rem { flex: 0 0 3rem;}
.flex-width-4rem { flex: 0 0 4rem;}
.flex-width-5rem { flex: 0 0 5rem;}
.flex-width-6rem { flex: 0 0 6rem;}
.flex-width-7rem { flex: 0 0 7rem;}
.flex-width-8rem { flex: 0 0 8rem;}
.flex-width-9rem { flex: 0 0 9rem;}
.flex-width-10rem { flex: 0 0 10rem;}
.flex-width-11rem { flex: 0 0 11rem;}
.flex-width-12rem { flex: 0 0 12rem;}
.flex-width-13rem { flex: 0 0 13rem;}
.flex-width-14rem { flex: 0 0 14rem;}
.flex-width-15rem { flex: 0 0 15rem;}
.flex-width-auto { flex: 0 0 auto;}

.flex-col-12 { flex: 0 0 100%;}
.flex-col-11 { flex: 0 0 91.66666667%;}
.flex-col-10 { flex: 0 0 83.33333333%;}
.flex-col-9 { flex: 0 0 75%;}
.flex-col-8 { flex: 0 0 66.66666667%;}
.flex-col-7 { flex: 0 0 58.33333333%;}
.flex-col-6 { flex: 0 0 50%;}
.flex-col-5 { flex: 0 0 41.66666667%;}
.flex-col-4 { flex: 0 0 33.33333333%;}
.flex-col-3 { flex: 0 0 25%;}
.flex-col-2 { flex: 0 0 16.66666667%;}

/* Canvas */
.cbp-spmenu-left .close-any { position: fixed; z-index: 999; left: 45%; padding: 10px 15px; height: 40px; color: #514841; font-size: 16px; line-height: 20px; text-align: right;
	background: -moz-linear-gradient(180deg, #FFEF80 0%, #FFE840 100%);
	background: -webkit-gradient(180deg, left top, left bottom, color-stop(0%,#FFEF80), color-stop(100%,#FFE840));
	background: -webkit-linear-gradient(180deg, #FFEF80 0%,#FFE840 100%);
	background: -o-linear-gradient(180deg, #FFEF80 0%,#FFE840 100%);
	background: -ms-linear-gradient(180deg, #FFEF80 0%,#FFE840 100%);
	background: linear-gradient(180deg, #FFEF80 0%,#FFE840 100%);
}
.cbp-spmenu-right .close-any { position: absolute; z-index: 3; left: 0; right: 0; padding: 15px; height: 54px; color: #514841; font-size: 16px; line-height: 24px; text-align: left;
	background: -moz-linear-gradient(180deg, #FFEF80 0%, #FFE840 100%);
	background: -webkit-gradient(180deg, left top, left bottom, color-stop(0%,#FFEF80), color-stop(100%,#FFE840));
	background: -webkit-linear-gradient(180deg, #FFEF80 0%,#FFE840 100%);
	background: -o-linear-gradient(180deg, #FFEF80 0%,#FFE840 100%);
	background: -ms-linear-gradient(180deg, #FFEF80 0%,#FFE840 100%);
	background: linear-gradient(180deg, #FFEF80 0%,#FFE840 100%);
}
.canvas-left,
.canvas-right,
.canvas-history { position: absolute; top: 0; bottom: 0; z-index: 1; overflow-y: auto;}
.canvas-left { width: 45%; height: 100vh; top: 0; left: 0;}
.canvas-right { width: 55%; height: 100vh; top: 0; right: 0;}
.canvas-history { width: 100%; top: 0; height: 100vh;}

.canvas-left { background-color: #D0CAC4; border-right: 1px solid rgba(0,0,0,0.05);
	/*background: -moz-linear-gradient(180deg, #FFEF80 0%, #FFE840 100%);
	background: -webkit-gradient(180deg, left top, left bottom, color-stop(0%,#FFEF80), color-stop(100%,#FFE840));
	background: -webkit-linear-gradient(180deg, #FFEF80 0%,#FFE840 100%);
	background: -o-linear-gradient(180deg, #FFEF80 0%,#FFE840 100%);
	background: -ms-linear-gradient(180deg, #FFEF80 0%,#FFE840 100%);
	background: linear-gradient(180deg, #FFEF80 0%,#FFE840 100%);*/
}
.canvas-left .menu-mobile { margin-bottom: 10px;}
.canvas-left .menu-mobile h2 { margin: 0; padding: 10px; font-size: 15px; font-weight: bold; color: #514841;
	background: -moz-linear-gradient(180deg, #FFEF80 0%, #FFE840 100%);
	background: -webkit-gradient(180deg, left top, left bottom, color-stop(0%,#FFEF80), color-stop(100%,#FFE840));
	background: -webkit-linear-gradient(180deg, #FFEF80 0%,#FFE840 100%);
	background: -o-linear-gradient(180deg, #FFEF80 0%,#FFE840 100%);
	background: -ms-linear-gradient(180deg, #FFEF80 0%,#FFE840 100%);
	background: linear-gradient(180deg, #FFEF80 0%,#FFE840 100%);
}
.canvas-left .menu-mobile h2 { position: relative; color: #514841;}
.canvas-left .menu-mobile h2 .fa { position: absolute; right: 10px; top: 50%; margin-top: -8px;}

.item-has-children .sub-menu { display: none;}
.item-has-children .sub-menu,
.item-has-children .sub-menu li { margin: 0; padding: 0; list-style: none;}
.item-has-children .sub-menu li:nth-child(odd) { background-color: #fff;}
.item-has-children .sub-menu li:nth-child(even) { background-color: #fafafa;}

.canvas-right .list-item { margin-bottom: 0; border-bottom: 1px solid rgba(0,0,0,0.15); box-shadow: none;}
.canvas-right .list-item:first-child { margin-top: 40px;}
.canvas-right .list-item .list-price span { display: block; float: none;}
.canvas-right .list-item .list-favor { color: #d6d6d6;}
.canvas-history .list-item:first-child { margin-top: 54px;}

.cbp-spmenu-right h2 { margin: 0; padding: 15px 10px 15px 50px; font-size: 15px; font-weight: bold; color: #514841; line-height: 24px;
	background: -moz-linear-gradient(180deg, #FFEF80 0%, #FFE840 100%);
	background: -webkit-gradient(180deg, left top, left bottom, color-stop(0%,#FFEF80), color-stop(100%,#FFE840));
	background: -webkit-linear-gradient(180deg, #FFEF80 0%,#FFE840 100%);
	background: -o-linear-gradient(180deg, #FFEF80 0%,#FFE840 100%);
	background: -ms-linear-gradient(180deg, #FFEF80 0%,#FFE840 100%);
	background: linear-gradient(180deg, #FFEF80 0%,#FFE840 100%);
}
.cbp-spmenu-left .list-item .list-price span,
.cbp-spmenu-right .list-item .list-price span { display: block !important; line-height: normal;}
/*.cbp-spmenu-left .list-item .list-price span.meta-normal,
.cbp-spmenu-right .list-item .list-price span.meta-normal { display: none !important;}
*/


/* Sidebar Menu */
.sidebar-menu,
.sidebar-menu ul { list-style: none; margin: 0; padding: 0;}
.sidebar-menu li > a > .fa-caret-down,
.sidebar-menu li > a.inactive > .fa-caret-down { display: block; width: auto; height: auto; margin-top: 3px; padding: 0; transform: rotate(-90deg);}
.sidebar-menu li > a.active > .fa-caret-down { transform: rotate(0deg);}
.sidebar-menu li > a.active { color: #EB5F00; text-decoration: none;}
.sidebar-menu > li > a { display: block; padding: 10px 15px; line-height: 24px; font-size: 16px; font-weight: bold; text-decoration: none; box-shadow: inset 0 -1px 0 rgba(0,0,0,0.08);
	background: -moz-linear-gradient(180deg, #FFEF80 0%, #FFE840 100%);
	background: -webkit-gradient(180deg, left top, left bottom, color-stop(0%,#FFEF80), color-stop(100%,#FFE840));
	background: -webkit-linear-gradient(180deg, #FFEF80 0%,#FFE840 100%);
	background: -o-linear-gradient(180deg, #FFEF80 0%,#FFE840 100%);
	background: -ms-linear-gradient(180deg, #FFEF80 0%,#FFE840 100%);
	background: linear-gradient(180deg, #FFEF80 0%,#FFE840 100%);
}
.sidebar-menu li > ul { display: none;}
.sidebar-menu li > ul { margin: 0; padding: 0; background-color: #fff;}
.sidebar-menu li > ul > li > a { display: block; padding: 10px 15px; line-height: 20px; text-decoration: none; box-shadow: inset 0 -1px 0 rgba(0,0,0,0.08);}
.sidebar-menu li > ul > li > a.active:after { float: right; margin: 3px 0 0; display: block; content: "\f0c1"; font: normal normal normal 14px/1 FontAwesome;}
.sidebar-menu li > ul > li:nth-child(odd) > a { background-color: #fff;}
.sidebar-menu li > ul > li:nth-child(even) > a { background-color: #fafafa;}
.sidebar-menu li > ul > li > ul > li > a:before { display: inline-block; content: "-"; margin-right: 5px;}
.sidebar-menu li > ul > li > ul > li:nth-child(odd) > a { background-color: #efefef;}
.sidebar-menu li > ul > li > ul > li:nth-child(even) > a { background-color: #f4f4f4;}

.sidebar-menu .menu-news { display: block; padding: 10px 15px; color: #fff; font-size: 16px; font-weight: bold; line-height: 20px; text-decoration: none; box-shadow: inset 0 -1px 0 rgba(0,0,0,0.08);
	background: -moz-linear-gradient(180deg, #D51A40 0%, #A11007 100%);
	background: -webkit-gradient(180deg, left top, left bottom, color-stop(0%,#D51A40), color-stop(100%,#A11007));
	background: -webkit-linear-gradient(180deg, #D51A40 0%,#A11007 100%);
	background: -o-linear-gradient(180deg, #D51A40 0%,#A11007 100%);
	background: -ms-linear-gradient(180deg, #D51A40 0%,#A11007 100%);
	background: linear-gradient(180deg, #D51A40 0%,#A11007 100%);
}
.sidebar-menu .menu-news .icon { padding: 2px 0;}

/* Search Form */
.search-from { padding: 10px; border-bottom: 1px solid rgba(0,0,0,0.15);
	background: -moz-linear-gradient(180deg, #FEFDFD 0%, #F1EDEB 100%);
	background: -webkit-gradient(180deg, left top, left bottom, color-stop(0%,#FEFDFD), color-stop(100%,#F1EDEB));
	background: -webkit-linear-gradient(180deg, #FEFDFD 0%,#F1EDEB 100%);
	background: -o-linear-gradient(180deg, #FEFDFD 0%,#F1EDEB 100%);
	background: -ms-linear-gradient(180deg, #FEFDFD 0%,#F1EDEB 100%);
	background: linear-gradient(180deg, #FEFDFD 0%,#F1EDEB 100%);
}
.search-from .form-group { margin: 0; background-color: #fff; border: 1px solid #FFE153; border-radius: 3px; box-shadow: inset 1px 1px 3px rgba(0,0,0,0.15);}
.search-from .form-control { height: 40px; border: none; border-radius: 3px 0 0 3px; background-color: transparent; box-shadow: none;}
.search-from .form-button { margin: 5px; height: 30px;}
.search-from .form-button .btn { height: 30px; background: #9D8F86; color: #fff;}

.searh-tags { padding: 15px; background:url(../img/search-canvas-bg.gif);}
.searh-tags h4 { font-size: 14px; font-weight: bold;}
.tags-history { margin: 0 -5px;}
.tags-history a { display: block; margin: 5px; padding: 3px; background-color: #fff; text-align: center; border-radius: 3px;}

/* Promotion Menu */
.promotion-box { margin-bottom: 10px;}
.promotion-box h2 { margin: 0; padding: 10px 15px; height: 40px; background-image: url(../img/sidebar-menu-bg.png); background-size: auto 40px; font-size: 16px; font-weight: bold; line-height: 20px; border-bottom: 1px solid rgba(0,0,0,0.1);}
.promotion-box h2,
.promotion-box h2 a { color: #fff;}
.promotion-box li { position: relative; background-image: url(../img/sidebar-menu-bg.png); background-size: auto 40px; color: #fff; font-size: 14px; border-bottom: 1px solid rgba(0,0,0,0.1);}
.promotion-box li a { display: block; padding: 10px 25px 10px 15px; color: #fff;}
.promotion-box li .fa { position: absolute; right: 10px; top: 50%; margin-top: -7px;}


/* Pages */

/*v-cart-login*/
.v-mb-info-pa{padding-left: 10px;}




/* Marquee */
.news-marquee { background-color: #f9f9f9; line-height: 20px;}
.news-marquee .news-heading { float: left; padding: 5px 10px; height: 30px; background-color: #fff;}
.news-marquee .news-heading span { display: none;}
.news-marquee .news-show { padding: 5px 10px 5px 45px; height: 30px;}
.news-wrap { margin: 0; padding: 0; height: 30px; overflow: hidden;}
.news-wrap .BreakingNewsController ul,
.news-wrap .BreakingNewsController li { margin: 0; padding: 0; left: 0!important; list-style: none;}

#breakingnews { width: 100%; height: 20px; background: none !important; line-height: 20px; overflow: hidden;}
#breakingnews ul { margin: 0; padding: 0; list-style: none; left: 0 !important;}
#breakingnews li { margin: 0; padding: 0; height: 20px; list-style: none; font-size: 14px;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

#noticenews { width: 100%; height: 20px; background: none !important; line-height: 20px; overflow: hidden;}
#noticenews ul { margin: 0; padding: 0; list-style: none; left: 0 !important;}
#noticenews li { margin: 0; padding: 0; height: 20px; list-style: none; font-size: 14px;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
#noticenews li a { color: #fff !important;}

/* Custom Topic */
.custom-topic { margin: 0 0 5px;}
.custom-topic .col-md-8 { padding: 5px;}
.custom-topic .embed-responsive { box-shadow: none;}
.custom-topic [class*="col-xs"] { padding: 0; /*max-height: 223px;*/}
.custom-topic .custom-item { position: relative; padding: 10px; background-color: #fff; overflow: hidden; box-shadow: 0 0 1px rgba(0,0,0,0.15);}
.custom-topic .custom-item.effect-zoom .img-main { width: 100%; display: block;}
.custom-topic .custom-item .topic-link { position: absolute; left: 15px; right: 15px; top: 15px; bottom: 15px; border: 1px solid #fff;}
.custom-topic .custom-item .topic-text { position: absolute; left: 25px; top: 25px; right: 25px;}
.custom-topic .custom-item .topic-text .white-bg { background-color: rgba(255,255,255,0.65);}
.custom-topic .custom-item .sticky-top { position: absolute; right: 5px !important; top: 5px !important; width: 36px;}
.custom-topic .custom-item .sticky-bottom { position: absolute; right: 0; bottom: 0;}
.custom-topic .custom-item .img-mobile { width: 50%;}

/* Ad Box */
.adbox-wedgit { margin: 5px;}

/* Product Tab */
.prod-box { margin: 0 0 5px;}
.tabs-list { position: relative; margin: 0; padding: 0 5px; list-style: none;}
.tabs-list:after { display: table; content: ""; clear: both;}
.tabs-list li { z-index: 1; float: left; padding-top: 5px; width: 50%; height: 40px; transition: 0.3s; border-radius: 5px 5px 0 0;}
.tabs-list li a { display: block; width: 100%; height: 35px; color: rgba(0,0,0,0); transition: 0.3s; box-shadow: inset 0 -5px 15px rgba(0,0,0,0.3); border-radius: 5px 5px 0 0;}
.tabs-list li .sales { background-image: url(../img/home-tab-mobile-01.png); background-position: center top; background-size: auto 35px; border: 1px solid #EA223C; border-bottom: none;}
.tabs-list li .recipes { background-image: url(../img/home-tab-mobile-02.png); background-position: center top; background-size: auto 35px; border: 1px solid #F4A417; border-bottom: none;}
.tabs-list li a:after { display: block; content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 5px;}
.tabs-list li.tab-current { z-index: 3; padding-top: 0; height: 45px;}
.tabs-list li.tab-current a { height: 40px; background-size: auto 40px; box-shadow: none;}
.tabs-list li.tab-current .sales:after { background-color: #EA223C;}
.tabs-list li.tab-current .recipes:after { background-color: #F4A417;}

.tabs-container.content-wrap { margin: 0;}
.tabs-container.content-wrap section { display: none;}
.tabs-container.content-wrap section.content-current { display: block;}

.prod-tabs .recipes-item { position: relative; top: 0; margin: 5px; background-color: #fff; transition: all cubic-bezier(0.82, 0, 0.37, 1) 0.25s;}
.prod-tabs .recipes-item:after { display: table; content: ""; clear: both;}
.prod-tabs .recipes-item:hover,
.prod-tabs .recipes-item:focus,
.prod-tabs .recipes-item:active { top: -10px; box-shadow: 0 15px 35px rgba(0,0,0,0.2);}
.prod-tabs .recipes-item .list-image { border: 5px solid #fff; overflow: hidden; cursor: pointer;}
.prod-tabs .recipes-item .list-image img { position: relative; display: block; width: 100%; height: auto;}
.prod-tabs .recipes-item .list-content { padding: 10px; cursor: pointer;}
.prod-tabs .recipes-item .list-content .meta-name { margin: 0 0 15px; font-size: 16px; font-weight: 600px;}
.prod-tabs .recipes-item .list-content .meta-author { margin: 0; font-size: 12px; color: #ccc;}

/* Product List */
.prod-type { position: relative; margin: 0 0 5px; padding: 0 2px}
.prod-type .prod-AD .box-shadow { display: none;}
.prod-home-line { position: absolute; left: 0; top: 0; right: 0; height: 4px;}
.prod-home-line:after { position: absolute; left: 0; top: 4px; right: 0; height: 36px; background-color: #fff; content: "";}

.switch-list .sort-list {
	width: 100%;
}
.switch-list .sort-grid {
	width: 50%;
}
#pages .prod-type .col-xs-6:nth-child(2n) .list-item { box-shadow: inset 1px 0 0 #eee;}

.list-item { position: relative; margin: 2px; padding: 5px; background-color: #fff; border-bottom: 1px solid #eee; box-shadow: none;}
.list-item:after { display: table; content: ""; clear: both;}
.list-item .list-image { margin-bottom: 15px;}
.list-item .list-image .img-responsive { /*min-width: 100%;*/ display: block; margin: 0 auto;}
.list-item .list-content { padding: 0 0 10px; min-height: 90px;}
.list-item .list-content .meta-label { color: #FF2626; font-size: 12px; line-height: 1.4; height: 34px; display: block; margin-bottom: 5px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.list-item .list-content .meta-name { margin: 0; padding: 0; font-size: 16px; font-weight: 600; line-height: 1.4; height: 42px; min-height: 42px; max-height:  42px;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.list-item .list-price { padding: 0 10px 5px;}
.list-item .list-price span { display: block; margin-right: 6px; font-size: 12px;}
/*.list-item .list-price .meta-normal { display: none;}*/
.list-item .list-price .meta-price { font-size: 18px; color: #EB6000;}
.list-item .list-price .meta-light { color: #ccc;}
.list-item .list-favor { position: absolute; right: 0; bottom: 0; padding: 10px 15px; color: #ccc;}
.list-item .list-favor.active { color: #D51A40;}
.list-item .list-cart { display: flex; display: -webkit-flex; clear: both; flex-wrap: wrap; padding-top: 15px;}
.list-item .list-cart .btn { margin: 0; padding: 0; font-size: 16px; border-radius: 0;}


.prod-type .list-item .list-image .img-responsive { width: 100%;}

#sales-content .sort-grid.col-xs-6 .list-item .list-content,
.history-swiper .list-item .list-content,
.relative-swiper .list-item .list-content { height: 100px;}

.sort-grid .list-item .list-cart .btn { flex: 0 0 100%; flex-wrap: wrap;}
.prod-type .list-item .list-cart .btn,
.sort-list .list-item .list-cart .btn { flex: 0 0 50%; flex-wrap: wrap;}

#sales-content .list-button,
#recipes-content .list-button,
#prod-home-01 .list-button,
#prod-home-02 .list-button,
#prod-home-03 .list-button { display: none;}

.prod-type .prod-type-title { margin: 0; padding: 0; height: 40px; font-size: 20px; color: rgba(0,0,0,0); background-position: 0 0; background-repeat: no-repeat; background-size: auto 40px; border-bottom: 1px solid #eee;}
#prod-home-01 .prod-type-title { background-image: url(../img/prod-heading-mobile-01.png);}
#prod-home-02 .prod-type-title { background-image: url(../img/prod-heading-mobile-02.png);}
#prod-home-03 .prod-type-title { background-image: url(../img/prod-heading-mobile-03.png);}

.paging-box { margin-bottom: 5px; background-color: #fff;}
.paging-box .pagination { margin: 0; display: block;}
.paging-box .pagination ul { display: table; width: 100%;}
.paging-box .pagination li { display: table-cell;}
.paging-box .pagination li a { display: block; padding: 10px; text-align: center; line-height: 24px; color: #888;}
.paging-box .pagination li a.active { color: #F60;}
 
.paging-box .pagination li a.disabled { color: #ccc;}
.paging-box .pagination li.btn-prev { border-right: 1px solid #eaeaea;}
.paging-box .pagination li.btn-next { border-left: 1px solid #eaeaea;}

.meta-label { color: #D4193F;}

/* Info */
.service-box { margin: 0;}
.service-wrap { display: table; width: 100%; background-color: #f9f9f9; border-collapse: collapse;}
.service-wrap li { display: table-cell; padding: 10px; width: 25%; text-align: center; border: 1px solid #eee;}
.service-wrap .pull-left { float: none !important;}
.service-wrap .fa { margin: 0 auto; width: 44px; height: 44px; background-color: #FF952B; background-image:url(../img/service-icons.png); background-repeat: no-repeat; background-size: 176px; border-radius: 22px; vertical-align: middle;}
.fa-cp-01 { background-position: 0 0;}
.fa-cp-02 { background-position: -44px 0;}
.fa-cp-03 { background-position: -88px 0;}
.fa-cp-04 { background-position: -132px 0;}

.service-wrap .service-title,
.service-wrap .pull-right { display: none;}

/* Footer */
.footer { padding-bottom: 50px; font-size: 12px; color: #888;}
.footer a { color: #888;}
.footer-top { padding: 10px;}
.footer-top li { display: inline-block; width: 7em;}
.footer-top li:after { display: inline-block; content: "|"; font-size: 10px; padding: 0 15px;}
.footer-bottom { padding: 0 10px;}
.footer-bottom p { width: 60%;}
.footer-bottom .footer-share { display: none;}

/* Fixed Menu */
.fixed-menu-mobile { position: fixed; z-index: 10; left: 0; right: 0; bottom: 0; height: 44px; background-color: #fff; border-top: 1px solid #efefef;}
.fixed-menu-mobile ul,
.fixed-menu-mobile li { position: relative; margin: 0; padding: 0 ; list-style: none; text-align: center;}
.fixed-menu-mobile li .icon { position: relative; top: 6px; font-size: 16px;}
.fixed-menu-mobile li .icon em { min-width: 12px; min-height: 12px; background-color: #f00; text-align: center; color: #fff; font-style: normal; font-size: 10px; border-radius: 20px; position: absolute; left: 16px; top: -2px; font-family: Arial, Helvetica, sans-serif;}
.fixed-menu-mobile li .icon.icon-like em { display: block; left: 12px; width: 12px; height: 12px; background-color: #fff; color: #514740; text-align: center; line-height: 10px; border: 1px solid #514740;}
.fixed-menu-mobile li span { margin-top: 4px; display: block; font-size: 10px;}
.fixed-menu-mobile .btn { border: none; border-radius: 0; height: 100%;}
.fixed-menu-mobile .btn-cart { background: #FFE845; color: #222; font-size: 18px; font-weight: bold;}
.fixed-menu-mobile .btn-buy { background: #D51A40; font-size: 18px;}

.flex-submenu { opacity: 0; transform: translateY(150%); transition: 0.3s; position: absolute; top: auto; bottom: 43px; left: 0; right: 0; padding: 6px 0; border: 1px solid #efefef; background-color: #fff;}
.flex-submenu.show { opacity: 1; transform: translateY(0%);}
.flex-submenu a { display: block; padding: 6px 8px; font-size: 12px;}

/* Fixed Service */
.fixed-service { position: fixed; z-index: 10; right: 10px; bottom: 96px;}
.fixed-service .totop,
.fixed-service .phone { display: block; padding: 4px; width: 44px; height: 44px; text-align: center; border-radius: 22px;}
.fixed-service .totop span,
.fixed-service .phone span { display: block; font-size: 8px; position: relative; top:-2px}
.fixed-service .totop { margin-bottom: 4px; background-color: #fff; color: #999; border: 1px solid  #ddd;}
.fixed-service .phone { background: #42cb01 url(../img/mail-social-03.gif) no-repeat center top; background-size: 30px auto;/* background-color: #514740;*/ color: #fff;}
.fixed-service .phone a { display: block; padding-top: 22px; width: 100%; height: 100%; color: #fff;}
.fixed-service .phone .icon { width: 24px; height: 24px; background-color: #FFC433; line-height: 24px; color: #303F58; border-radius: 100%;}


/* Pages */
.text-orange, .color-orange { color: #EB6000;}
.text-light { color: #999;}
.color-red { color: #D4193F;}

.color-yellow-gray { background-color: #F3F0EB;}
.page-banner,
.crumb-box { margin: 0;}

.crumb-box { background-color: #fff; font-size: 12px; line-height: 20px; color: #a3a3a3;}
.crumb-box.color-yellow-gray { background-color: #F3F0EB;}
.crumb-box .page-crumb { padding: 5px 10px;}
.crumb-box a { color: #a3a3a3;}
.crumb-box a:after { display: inline-block; content: "-"; padding: 0 5px;}
.crumb-box a:last-child { color: #444;}
.crumb-box a:last-child:after { display: none;}
.crumb-box .page-title { margin-bottom: 5px;}
.crumb-box .page-title h2 { margin: 0; padding: 10px; display: inline-block; font-size: 18px; color: #444; line-height: 20px; font-weight: bold;}

.crumb-box .page-filter { float: right;}
.crumb-box .filter-form,
.crumb-box .filter-layout {float: left; height: 40px;}
.crumb-box .filter-form .form-control { height: 40px; border: none; border-left: 1px solid #eaeaea; border-radius: 0; box-shadow: none;}
.crumb-box .filter-layout .btn-grid,
.crumb-box .filter-layout .btn-list { display: block; float: left; padding: 0 10px; height: 40px; line-height: 40px; text-align: center; border-left: 1px solid #eaeaea;}
.crumb-box .filter-layout .btn-grid.active,
.crumb-box .filter-layout .btn-list.active { display: none;}
.crumb-box .filter-layout .btn-grid:after,
.crumb-box .filter-layout .btn-list:after { display: inline-block; color: #444;}
.crumb-box .filter-layout .btn-grid:after { content: "大圖"}
.crumb-box .filter-layout .btn-list:after { content: "小圖"}
.crumb-box .filter-layout .icon-sort-grid:before { margin-right: 10px; font-family: FontAwesome; content: "\f04d"; color: #ccc;}
.crumb-box .filter-layout .icon-sort-list:before { margin-right: 10px; font-family: 'icomoon' !important; content: "\e90b";}

/* Product List */
.list-item { box-shadow: 0 1px 1px rgba(0,0,0,0.2)!important;}
.list-item .list-content .meta-name { height: auto;}
.list-item .list-content .meta-number, 
.list-item .list-content .meta-brief { display: none;}
.list-item .list-price { padding: 0; line-height: 20px; min-height: 60px; vertical-align: baseline;}
.list-item .list-button .btn-buy,
.list-item .list-button .btn-cart { display: none;}
.list-item .list-button .btn-favor { margin: 0; padding: 10px 15px; height: 40px; background: none; border: none; box-shadow: none; outline: none; color: #ccc;}
.list-item .list-button .btn-favor span { display: none;}
.list-item .list-button .btn-favor.active { color: #D51A40;}

.sort-list .list-item .list-content .meta-name { min-height: auto;}

/* Product Detail*/
.prod-detail { position: relative; margin-bottom: 10px; background-color: #fff;}
.thumb-large { position: relative; border: 5px solid #fff;}
.thumb-large img { width: 100%;}
.detail-left .stauts,
.detail-left .save,
.detail-left .trial,
.detail-left .model { position: absolute; z-index: 1;}
.detail-left .stauts { top: 4px; right: 4px;}
.detail-left .stauts em { display: inline-block; float: right; /*width: 40px; height: 40px; text-align: center; line-height: 40px; font-size: 16px; color: #fff; font-style: normal;}
.detail-left .stauts .hot { background-color: #FE0D00;}
.detail-left .stauts .new { background-color: #05AEF1;*/}
.detail-left .save { left: 0; bottom: 0; min-width: 75px; background-color: #FE0D00; font-size: 24px; color: #fff; line-height: 1.2;}
.detail-left .save span { display: block; float: left; margin-right: 10px; padding: 6px 4px 6px 0; width: 20px; background-color: #fff; font-size: 16px; color: #FE0D00;}
.detail-left .save small { display: block; padding-top: 6px; font-size: 10px;}
.detail-left .trial { display: block; position: absolute; top: 8px; left: 8px; border-radius: 100px; overflow: hidden;}
.detail-left .trial .trial-inner { display: table-cell; font-size: 36px; line-height: 1.1; vertical-align: middle;}
.detail-left .trial .trial-inner em { font-size: 20px; font-style: normal;}
.detail-left .trial .trial-inner small { display: block; padding-bottom: 8px; font-size: 14px;}
.detail-left .model { right: 10px; bottom: 10px; text-align: center; width: 90px; line-height: 1.2;}
.detail-left .model .model-top { background-color: #fff; color: #09F; font-size: 36px; border: 2px solid #EB9203; border-radius: 6px 6px 0 0;}
.detail-left .model .model-top em { font-size: 20px; font-style: normal;}
.detail-left .model .model-bottom { background-color: #EB9203; color: #fff; font-size: 24px; line-height: 1.4; letter-spacing: 2px; border-radius: 0 0 6px 6px;}

.thumb-play.mobile { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: flex; justify-content: center; align-items: center; padding-left: 8px !important; width: 96px; height: 96px; background: rgba(255,255,255,0.1); color: #fff; font-size: 36px; border: 4px solid #fff !important; border-radius: 50%; box-shadow: 0 10px 30px rgba(0,0,0,.65);}
.thumb-play:hover, .thumb-play:active, .thumb-play:visited,
.thumb-play:focus { color: white; text-decoration: none;}
.thumb-play { display: none; visibility: hidden; }

@media screen and (max-width:480px) {
	.thumb-play.mobile { display: flex!important; visibility: visible; }	
}
.fancybox-slide--iframe .fancybox-content { width: 100vw; height: 56.25vw; max-width: unset; max-height: unset;}

.thumb-small { position: relative; padding: 5px 40px; background-color: #fff;}
.thumb-small .swiper-button-prev, 
.thumb-small .swiper-button-next { display: none!important; background-color: #fff; background-image: none; text-align: center; width: 35px; line-height: 44px; opacity: .5; }
.thumb-small .swiper-slide a { display: block; padding: 4px; border: 1px solid #eaeaea;}
.thumb-small .swiper-slide.current a { border-color: #ccc;}
#mobile-swiper { display: block; }

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: 0; }

/* 取消小圖 */
.thumb-large { display: none; }
.thumb-small { padding: 0; }
.thumb-small img { width: 100%; }
.thumb-small .swiper-slide a { border: none; }
.pc-tag { display: none; }

.share-box { display: flex; padding: 5px 5px 10px;}
.share-box a { flex: 1; color: #fff; vertical-align: middle;}
.share-box a:active,
.share-box a:hover,
.share-box a:focus { color: #fff;}
.share-box a .fa { margin-right: 5px; vertical-align: middle;}
.share-box a.btn-line { background-color: #42CB00; border-radius: 3px 0 0 3px !important;}
.share-box a.btn-line .fa-line:before { display: block; width: 16px; height: 16px; content: ""; background-image: url(../img/social-line.png); background-position: center center; background-repeat: no-repeat; background-size: 16px auto; vertical-align: middle;}
.share-box a.btn-facebook { border-radius: 0 !important;}
.share-box a.btn-google { border-radius: 0 3px 3px 0 !important;}

.detail-right .prod-heading { padding: 10px;}
.prod-heading .meta-referer { font-size: 16px; font-weight: bold; color: #ff0000;}
.prod-heading .meta-label { display: block; line-height: 2;}
.prod-heading .meta-name { margin: 0; padding: 0; font-size: 24px; color: #222; font-weight: 700;}

/**/
.timer-box,
.mark-box {}
.timer-box {}

.timer-box,
.mark-box { margin: 0 5px 5px 5px; background-color: #fff;}
.timer-box dl,
.mark-box dl { display: table; margin: 0; width: 100%}
.timer-box dt,
.timer-box dd,
.mark-box dt,
.mark-box dd  { display: table-cell; padding:0 5px; margin: 5px 0; line-height: 20px;}
.timer-box dt,
.mark-box dt { width: 80px; text-align: center; color: #fff; border-radius: 3px 0 0 3px;}
.timer-box dt { background-color: #FF952B;}
.mark-box dt { background-color: #514841;}
.timer-box dd,
.mark-box dd { border-radius: 0 3px 3px 0;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.detail-right .prod-heading { border-top: 1px solid #eaeaea;}
.detail-right .prod-heading { }
.prod-brief,
.prod-spec { padding: 15px 10px;}
.prod-price { display: table; padding: 10px; width: 100%; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea;}
.prod-price .price-new,
.prod-price .price-old { display: table-cell; line-height: 30px; vertical-align: middle;}
.prod-price .price-new strong,
.prod-price .price-old strong { display: inline-block; vertical-align: middle;}
.prod-price .price-new span { display: inline-block; margin-left: 15px; font-size: 24px; color: #EB6000; vertical-align: middle; font-weight: 600;}
.prod-price .price-old span { display: inline-block; margin-left: 15px; text-decoration: line-through; color: #bbb; vertical-align: middle;}

.prod-choose { position: relative; margin: 20px 0; padding: 25px 0 0; display: table; width: 100%; border-top: 1px solid #eaeaea;}
.prod-choose h3 { position: absolute; top: 10px; left: 10px; right: 10px; display: block; margin: 0; padding: 0; font-size: 14px;}
.prod-choose h5 { display: table-cell; line-height: 60px; width: 5em; padding: 0 10px;}

.prod-color-box { display: table; width: 100%; margin-bottom: 10px;}
.prod-choose .choose-color,
.prod-choose .choose-number { display: table-cell; padding: 10px; vertical-align: top;}
.prod-color-box .choose-color,
.prod-color-box .choose-number { display: table-cell; vertical-align: top;}
.prod-choose .choose-color .form-control,
.prod-color-box .choose-color .form-control { height: 40px;}
.prod-choose .choose-number { padding-left: 0; width: auto;}
.prod-color-box .choose-number { padding-left: 10px; width: 110px;}

.Spinner { position: relative; padding: 2px 30px; width: 110px; height: 40px; text-align: center; border: 1px solid #d6d6d6; border-radius: 3px;
	background: -moz-linear-gradient(top, #fdfdfd, #f4f4f4);
	background: -webkit-linear-gradient(top,#fdfdfd,#f4f4f4);
	background: -o-linear-gradient(top, #fdfdfd, #f4f4f4);
	background: -ms-linear-gradient(top, #fdfdfd 0%,#f4f4f4 100%);
	background: linear-gradient(top, #fdfdfd 0%,#f4f4f4 100%);
}
.Spinner a { display: block; position: absolute; top: 0; width: 30px; height: 40px; text-align: center; font-size: 24px; line-height: 1.4; text-align: center; text-decoration: none;}
.Spinner a i { font-style: normal; font-family: "微軟正黑體";}
.Spinner a.DisDe,
.Spinner a.Decrease { left: 0;}
.Spinner a.DisDe { color: #ccc;}
.Spinner a.Increase { right: 0;}
.Spinner .Amount { width: auto; max-width: 50px; height: 34px; line-height: 34px; text-align: center; border-radius: 2px; border: 1px solid #d6d6d6; box-shadow: inset 1px 1px 1px rgba(0,0,0,0.05);}

.Spinner2 { position: relative; padding: 2px 30px; width: 110px; height: 40px; text-align: center; border: 1px solid #d6d6d6; border-radius: 3px;
	background: -moz-linear-gradient(top, #fdfdfd, #f4f4f4);
	background: -webkit-linear-gradient(top,#fdfdfd,#f4f4f4);
	background: -o-linear-gradient(top, #fdfdfd, #f4f4f4);
	background: -ms-linear-gradient(top, #fdfdfd 0%,#f4f4f4 100%);
	background: linear-gradient(top, #fdfdfd 0%,#f4f4f4 100%);
}
.Spinner2 a { display: block; position: absolute; top: 0; width: 30px; height: 40px; text-align: center; font-size: 24px; line-height: 1.4; text-align: center; text-decoration: none;}
.Spinner2 a i { font-style: normal; font-family: "微軟正黑體";}
.Spinner2 a.DisDe,
.Spinner2 a.Decrease { left: 0;}
.Spinner2 a.DisDe { color: #ccc;}
.Spinner2 a.Increase { right: 0;}
.Spinner2 .Amount { width: auto; max-width: 50px; height: 34px; line-height: 34px; text-align: center; border-radius: 2px; border: 1px solid #d6d6d6; box-shadow: inset 1px 1px 1px rgba(0,0,0,0.05);}

.prod-groups { padding: 10px; background-color: #FAF8EF; border-top: 1px solid #DFDFD0; border-bottom: 1px solid #DFDFD0;}
.prod-groups h4 { margin: 0 0 10px 0; padding: 0; font-size: 14px; font-weight: 600; line-height: 20px;}
.prod-coupon { padding: 10px; line-height: 20px;}

.prod-buttons {}
.btn-buy,
.btn-buy:focus,
.btn-buy:hover { margin-bottom: 15px; height: 40px; color: #fff; font-size: 20px; font-weight: bold; line-height: 24px; border: 1px solid #E84B27; box-shadow: 0 1px 2px rgba(0,0,0,0.1);
	background: -moz-linear-gradient(180deg, #FF5C26 0%, #FF4000 100%);
	background: -webkit-gradient(180deg, left top, left bottom, color-stop(0%,#FF5C26), color-stop(100%,#FF4000));
	background: -webkit-linear-gradient(180deg, #FF5C26 0%,#FF4000 100%);
	background: -o-linear-gradient(180deg, #FF5C26 0%,#FF4000 100%);
	background: -ms-linear-gradient(180deg, #FF5C26 0%,#FF4000 100%);
	background: linear-gradient(180deg, #FF5C26 0%,#FF4000 100%);
}
.btn-cart,
.btn-cart:focus,
.btn-cart:hover { margin-bottom: 15px; height: 40px; color: #fff; font-size: 14px; border: 1px solid #EB9000; box-shadow: 0 1px 2px rgba(0,0,0,0.1);
	background: -moz-linear-gradient(180deg, #FCA301 0%, #FF8000 100%);
	background: -webkit-gradient(180deg, left top, left bottom, color-stop(0%,#FCA301), color-stop(100%,#FF8000));
	background: -webkit-linear-gradient(180deg, #FCA301 0%,#FF8000 100%);
	background: -o-linear-gradient(180deg, #FCA301 0%,#FF8000 100%);
	background: -ms-linear-gradient(180deg, #FCA301 0%,#FF8000 100%);
	background: linear-gradient(180deg, #FCA301 0%,#FF8000 100%);
}
.btn-cart .fa { margin-right: 10px;}

.btn-favor,
.btn-favor:hover,
.btn-favor:focus { margin-bottom: 15px; height: 40px; color: #514841; font-size: 14px; border: 1px solid #E4E4E4; box-shadow: 0 1px 2px rgba(0,0,0,0.1);
	background: -moz-linear-gradient(180deg, #FAFAFA 0%, #EA6D00 100%);
	background: -webkit-gradient(180deg, left top, left bottom, color-stop(0%,#FAFAFA), color-stop(100%,#F9F9F9));
	background: -webkit-linear-gradient(180deg, #FAFAFA 0%,#F9F9F9 100%);
	background: -o-linear-gradient(180deg, #FAFAFA 0%,#F9F9F9 100%);
	background: -ms-linear-gradient(180deg, #FAFAFA 0%,#F9F9F9 100%);
	background: linear-gradient(180deg, #FAFAFA 0%,#F9F9F9 100%);
}
.btn-favor .fa { margin-right: 10px; color: #ccc;}
.btn-favor.active,
.btn-favor.active .fa { box-shadow: none; color: #F33;}

.prod-notice { padding: 0 10px;}
.prod-notice { margin-top: 10px;}
.prod-notice a { text-decoration: underline; color: #F60;}

#hidden-arrival-notice {
	max-width: 90%;
	padding: 10px;
	border-radius: 4px;
	transform: translateY(-50px);
	transition: all .33s;
}
#hidden-arrival-notice h2 { margin: 10px 0; font-size: 18px; font-weight: 600; line-height: 1.4;}
.fancybox-slide--current #hidden-arrival-notice { transform: translateY(0);}
#hidden-arrival-notice .list-item { display: table; margin-bottom: 10px;}
#hidden-arrival-notice .list-item .list-image,
#hidden-arrival-notice .list-item .list-info { display: table-cell; vertical-align: top; cursor: default;}
#hidden-arrival-notice .list-item .list-image { width: 80px;}
#hidden-arrival-notice .list-item:hover,
#hidden-arrival-notice .list-item:focus,
#hidden-arrival-notice .list-item:active { top: 0; box-shadow: none;}
#hidden-arrival-notice .prod-choose { padding: 0; margin-bottom: 10px; border: none;}
#hidden-arrival-notice .prod-choose .choose-color { padding: 0;}
.fancybox-slide--current .btn { margin-bottom: 0;}

.prod-purchase { background-color: #fff;}
.prod-purchase .title { border-bottom: 1px solid #eaeaea;}
.prod-purchase .title h3 { position: relative; bottom: -1px; display: inline-block; margin: 0; padding: 15px; background-color: #fff; font-size: 18px; font-weight: 600; border-right: 1px solid #eaeaea;}

.prod-purchase .row { margin: 0;}
.purchase-item { display: table; padding: 10px; width: 100%; vertical-align: top;}
.purchase-item .list-check,
.purchase-item .list-image,
.purchase-item .list-info { display: table-cell; vertical-align: top;} 
.purchase-item .list-check { padding-right: 15px;}
.purchase-item .list-image { width: 95px;}
.purchase-item .list-image img { width: 80px;}
.purchase-item .list-info .list-content {width: 60%; float: left;}
.purchase-item .list-info .meta-name { margin: 0 0 10px 0; padding: 0; height: auto; font-size: 16px; font-weight: 600;}
.purchase-item .list-info .meta-number { display: none;}
.purchase-item .list-info .list-price { width: 40%; float: right; text-align: right;}
.purchase-item .list-info .list-price .meta-price { font-size: 20px; color: #EB6000; }
.purchase-item .list-info .list-form { display: table; clear: both;}
.purchase-item .list-info .list-form .form-item { vertical-align: top; padding-right: 10px;}
.purchase-item .list-info .list-form .form-item:before { display: none;}
.purchase-item .list-info .list-form .form-item:last-child { padding-right: 0;}
.purchase-item .list-info .list-form .form-control { border: 2px solid #eaeaea; box-shadow: none;}
.load-more { padding: 5px; background-color: #FAFAFA; font-size: 12px; line-height: 20px; text-align: center; border-top: 1px solid rgba(0,0,0,0.1); cursor: pointer;}

.prod-descript { background-color: #fff;}
.desc-type { display: table; width: 100%; margin: 0; padding: 0; list-style: none; border-bottom: 1px solid rgba(0,0,0,0.1);}
.desc-type li { display: table-cell; background-color: #fafafa; border-right: 1px solid rgba(0,0,0,0.1);}
.desc-type li:last-child { border-right: none;}
.desc-type li a { display: block; padding: 10px; font-size: 15px; font-weight: 700; line-height: 20px; text-decoration: none;}
.desc-type li.tab-current a { position: relative; background-color: #fff; bottom: -1px;}
.desc-container section { display: none;}
.desc-container section.content-current { display: block;}
.desc-container section .fck-box { padding: 20px;}
.desc-container section .fck-box img { max-width: 100% !important;}
.desc-container section .recipes-item { padding: 20px 10px; cursor: pointer;}
.desc-container section .list-image img { display: block; width: 100%;}
.desc-container section .list-content { padding: 15px 5px 0;}
.desc-container section .list-content .meta-name { margin-bottom: 10px; font-size: 15px; height: auto;}
.desc-container section .list-content .meta-author { margin: 0; font-size: 12px; color: #ccc;}
.prod-recipes { position: relative; top: 0; bottom: -1px; margin: 0;}
.prod-recipes .col-sm-4 { border-right: 1px solid rgba(0,0,0,0.1); border-bottom: 1px solid rgba(0,0,0,0.1);}
.prod-recipes .col-sm-4:nth-child(2n) { border-right-color: rgba(0,0,0,0);}

.history-box,
.relative-box { position: relative; margin: 5px 0;}
.history-box .title,
.relative-box .title { margin: 0; padding: 0 10px; background-color: #fff; font-size: 20px; font-weight: bold; line-height: 40px; border-bottom: 1px solid rgba(0,0,0,0.1);}
.history-box .swiper-button,
.relative-box .swiper-button { position: absolute; right: 0; top: 0; display: table;}
.history-prev,
.history-next,
.relative-prev,
.relative-next { display: table-cell; width: 40px; height: 40px; text-align: center; line-height: 40px; background-color: #fff; color: #666; cursor: pointer; border-left: 1px solid rgba(0,0,0,0.1);}
.history-box .swiper-button  .swiper-button-disabled,
.relative-box .swiper-button .swiper-button-disabled { background-color: #f9f9f9; color: #ddd; cursor: default;}
.history-box .list-item .list-price span,
.relative-box .list-item .list-price span { display: block; line-height: 20px;}
/*.history-box .list-item .list-price .meta-normal,
.relative-box .list-item .list-price .meta-normal { display: none;}
*/.history-box .list-item .btn-favor .fa,
.relative-box .list-item .btn-favor .fa { margin: 0;}

/* Box Setting */
.box-white { background-color: #fff;}
.box-heading { display: inline-block; margin: 0 20px 0 0; padding: 5px 0; font-size: 18px; font-weight: 700; line-height: 30px;}
.box-table { display: table; width: 100%;}
.box-left,
.box-right { display: table-cell; width: 50%; vertical-align: top;}
.box-left-xs,
.box-right-xs { display: table-row; width: 100%;}
.box-left-xs .btn-sm.btn-white { float: right;}
.notice-box { color: #DE4012; text-align: right;}
.box-right-xs .notice-box { margin: 10px 0; padding: 4px 5px; background-color: #DE4012; color: #fff; text-align: left; border-radius: 3px;}
.box-center-xs { text-align: center;}
.box-center-xs .btn-sm.btn-white { margin: 20px 0 0;}

/* Cart */
.cart-box { margin-bottom: 10px; padding: 20px 10px;}
.cart-box.box-xs { margin-bottom: 10px !important;}

.cart-list-table { margin: 10px 0;}
.cart-list-table table { width: 100%; border-collapse: collapse; border-bottom: 1px solid #e4e4e4;}
.cart-list-table table thead { background-color: #f4f4f4;}
.cart-list-table table thead > tr > th { display: none; padding: 5px 10px; height: 30px; border: 1px solid #e4e4e4; border-bottom: none;}
.cart-list-table table thead > tr > th:first-child { display: block;}
.cart-list-table table thead > tr > th > span { display: none;}
.cart-list-table table thead > tr > th:first-child > label { margin: 0 20px 0 0;}
.cart-list-table table tbody {}
.cart-list-table table tbody > tr { display:-webkit-flex; display:flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; border-collapse: collapse; margin: 0 0 10px 0;
border-bottom: 1px solid #e4e4e4;}
.cart-list-history table tbody > tr,
.cart-list-table table tbody > tr:last-child { margin: 0;}
.cart-list-table table tbody > tr > td { flex: 1 1 50%; padding: 10px; border: 1px solid #e4e4e4; border-bottom: none;}
.cart-list-table table tbody > tr > td:first-child { flex: 0 0 100%; padding: 0px;}
.cart-list-table table tbody > tr > td:first-child > table { border: none;}
.cart-list-table table tbody > tr > td:first-child > table tr { border-bottom: 1px solid #e4e4e4;}
.cart-list-table table tbody > tr > td:first-child > table tr:last-child { border-bottom: none;}
.cart-list-table table tbody > tr > td:first-child > table tr > td { padding: 10px; border: none;}
.cart-list-table table tbody > tr > td:nth-child(2n) { border-right: none;}
.cart-list-table table tbody > tr > td:nth-child(6n) { border-right: 1px solid #e4e4e4;}
.cart-list-table table tbody > tr > td > label { float: left; margin-right: 10px;}
.cart-list-table table tbody > tr > td.table-status { flex: 0 0 100%; background-color: #FFF8DF; border-right: 1px solid #e4e4e4;}
.cart-list-table table tbody > tr > td.table-ctrl { flex: 0 0 100%; background-color: #e4e4e4; text-align: center;}
.cart-list-table table tbody > tr > td.table-ctrl:after { display: table; content: ""; clear: both;}
.cart-list-table table tbody > tr > td.table-ctrl .btn:first-child { float: left;}
.cart-list-table table tbody > tr > td.table-ctrl .btn:last-child { float: right;}
.cart-list-table table tbody > tr > td.table-ctrl .btn .fa { margin-right: 10px;}

.cart-list-table table tr.addition { background-color: #F9F6F3;}
.cart-list-table table tr.addition > td:first-child > .cart-prod-item { position: relative;}
.cart-list-table table tr.addition > td:first-child > .cart-prod-item:after { position: absolute; right: 0; top: 0; display: block; content: "加購品"; padding: 2px 6px; background-color: #FF4000; font-size: 12px; color: #fff; font-weight: bold; border-radius: 3px;}
.cart-list-table table tr.addition td.table-prod .cart-prod-item { position: relative;}
.cart-list-table table tr.addition td.table-prod .cart-prod-item:after { position: absolute; right: 0; top: 0; display: block; content: "加購品"; padding: 2px 6px; background-color: #FF4000; font-size: 12px; color: #fff; font-weight: bold; border-radius: 3px;}

.cart-list-table table tr.addition2 { background-color: #F9F6F3;}
.cart-list-table table tr.addition2 > td:first-child > .cart-prod-item { position: relative;}
.cart-list-table table tr.addition2 > td:first-child > .cart-prod-item:after { position: absolute; right: 0; top: 0; display: block; content: "訂單加購品"; padding: 2px 6px; background-color: #FF4000; font-size: 12px; color: #fff; font-weight: bold; border-radius: 3px;}
.cart-list-table table tr.addition2 td.table-prod .cart-prod-item { position: relative;}
.cart-list-table table tr.addition2 td.table-prod .cart-prod-item:after { position: absolute; right: 0; top: 0; display: block; content: "訂單加購品"; padding: 2px 6px; background-color: #FF4000; font-size: 12px; color: #fff; font-weight: bold; border-radius: 3px;}

.cart-list-table table tr.addition3 { background-color: #F9F6F3;}
.cart-list-table table tr.addition3 > td:first-child > .cart-prod-item { position: relative;}
.cart-list-table table tr.addition3 > td:first-child > .cart-prod-item:after { position: absolute; right: 0; top: 0; display: block; content: "滿額贈"; padding: 2px 6px; background-color: #FF4000; font-size: 12px; color: #fff; font-weight: bold; border-radius: 3px;}
.cart-list-table table tr.addition3 td.table-prod .cart-prod-item { position: relative;}
.cart-list-table table tr.addition3 td.table-prod .cart-prod-item:after { position: absolute; right: 0; top: 0; display: block; content: "滿額贈"; padding: 2px 6px; background-color: #FF4000; font-size: 12px; color: #fff; font-weight: bold; border-radius: 3px;}





.cart-list-table tbody > tr > td .visible-xs { margin-bottom: 5px; display: inline-block!important; color: #999;}
.cart-list-table tbody > tr > td.table-ctrl .visible-xs { margin-bottom: 0;}
.cart-list-table tbody > tr > td .div {}
.cart-list-table tbody > tr > td .colcu-color{color:#eb5f00;}
.colcu-dr-color{color:#eb5f00;}

.cart-prod-item { display: table; width: 100%;}
.cart-prod-item .list-image,
.cart-prod-item .list-info { display: table-cell; vertical-align: top;}
.cart-prod-item .list-image { width: 80px;}
.cart-prod-item .list-info { padding-left: 15px; text-align: left;}
.cart-prod-item .list-info .meta-name { margin: 0 60px 0 0; font-size: 16px; font-weight: 600; height: auto; max-height: none;}
.cart-prod-item .list-info .meta-desc { margin: 0; padding: 0; list-style: none;}
.cart-prod-item .list-info .meta-desc li { position: relative; padding-left: 5em; font-size: 12px; color: #777;}
.cart-prod-item .list-info .meta-desc li span { position: absolute; left: 0;}
.cart-prod-item .list-info .meta-desc li span:after { display: inline; content: "：";}

.cart-price-box { display: block; margin: 0; padding: 0; list-style: none; border-collapse: collapse;}
.cart-price-box li { display: block; margin-top: -1px; width: 100%; padding: 5px 10px; border: 1px solid #e4e4e4;}
.cart-price-box li { text-align: right; line-height: 20px;}
.cart-price-box li span { float: left; font-size: 14px;}
.cart-price-box li span em { font-style: normal; color: #EB5F00;}
.cart-price-box .total-price { font-size: 18px; color: #EB5F00;}


.box-cart-tips { margin: 20px 0; padding: 10px; background-color: #f0f0f0; font-size: 16px; line-height: 30px; text-align: center;}
.box-cart-from .box-left { padding-right: 5px;}
.box-cart-from .box-right { padding-left: 5px;}
.box-cart-from h3 { margin: 15px 0; padding: 0; font-size: 18px; font-weight: bold; line-height: 20px; text-align: center;}
.box-cart-from .btn { margin: 0 0 10px 0;}
.box-cart-from .btn.btn-light { font-size: 16px; font-weight: bold;}

.box-coupon { margin: 10px 0; padding: 10px; border: 1px solid #e4e4e4;}
.coupon-form .form-control { margin-bottom: 10px; height: 40px;}
.coupon-form .btn.btn-cart { margin-bottom: 0; display: block; width: 100%; font-size: 16px; font-weight: 600;}

/* Checkout */
.checkout-box { margin: 10px 0; padding: 10px;}
.checkout-box .checkout-item { margin: 0 -10px 10px -10px; padding: 10px 0; border-bottom: 1px solid #eaeaea;}
.checkout-box .checkout-item:last-child { padding-bottom: 10px; margin-bottom: 0; border-bottom: none;}
.checkout-box .checkout-title { margin: 0; padding: 5px 0; font-size: 18px; font-weight: bold; line-height: 28px; color: #222;}
.checkout-box .checkout-title small { font-size: 12px; padding-left: 10px; color: #999;}
.checkout-box .checkout-title small em { font-style: normal; padding: 0 2px;}
.checkout-form { display: table; width: 100%; padding: 0 10px;}
.checkout-form:last-child { margin-bottom: 0;}
.checkout-form.form-half { width: 100%;}
.checkout-form.form-full { width: 100%;}
.checkout-form .meta-name,
.checkout-form .meta-content { display: table-cell; vertical-align: top; line-height: 38px;}
.checkout-form .meta-name { width: 100px; font-size: 14px; color: #444; font-weight: normal;}
.checkout-form .meta-name small { font-size: 12px; padding-left: 10px; color: #999;}
.checkout-form .meta-name small em { font-style: normal; padding: 0 2px;}
.checkout-form .form-control { margin-bottom: 10px; padding: 10px; line-height: 20px; height: 40px;}
.checkout-form .meta-content .form-short { width: 60px;}
.checkout-form .meta-content .form-long { width: auto; padding-left: 10px;}
.checkout-form .meta-content .form-checkbox { margin-right: 20px; margin-bottom: 0; min-width: 60px; font-weight: normal;}
.checkout-form .meta-content .form-checkbox > input { margin-right: 10px;}
.checkout-form .meta-content p:last-child { margin: 0; padding: 10px 0 0; line-height: 1.4;}
.checkout-form .meta-content.meta-xs { display: block; border: 1px solid #ccc; border-radius: 4px; padding: 0 10px; margin-bottom: 10px;}
.checkout-form .meta-content .form-checkbox { position: relative; margin: 0; padding: 10px 10px 10px 25px; width: 45%; line-height: 20px;}
/*vm-form-checkbox*/
.checkout-form .meta-content .vm-form-checkbox { position: relative; margin: 0; padding: 10px 0px 10px 20px; width: 105px; line-height: 20px;}
.checkout-form .meta-content .form-checkbox input { position: absolute; left: 0; top: 13px; margin: 0; padding: 0;}
.checkout-form .meta-content .more_addr { margin-bottom: 15px; padding: 15px; background-color: #f2f2f2; border-radius: 3px; line-height: 1.4;}
.checkout-form .meta-content .meta-note { display: block; margin-top: 10px; width: 100%;}

.checkout-form.checkout-button { padding-left: 110px;}
.checkout-form.checkout-button .btn .fa { margin-right: 10px;}

.btn-icon .fa { margin-right: 0.5em;}
.btn-icon:hover,
.btn-icon:active,
.btn-icon:focus { box-shadow: none; background-color: #f4f4f4; color: #514841;}

#hidden-address-book { width: 780px; height: 380px; max-width: 90%; max-height: 90%; padding: 15px; border-radius: 4px;}
#hidden-address-book h2 { margin: 0; padding: 0; font-size: 18px; font-weight: bold;}
.address-history { margin: 20px 0; max-height: 230px; overflow-y: auto;}
#hidden-password-book h2 { margin: 0; padding: 0; font-size: 18px; font-weight: bold;}
#hidden-password-book { width: 380px; height: 210px; max-width: 80%; max-height: 80%; border-radius: 4px;}

.address-item { margin-bottom: 10px;}
.address-item:last-child { margin: 0;}
.address-item label.item-form { display: block; font-weight: normal;}
.address-item label.item-form > input[type="radio"] { display: none;}
.address-item label.item-form > input[type="radio"] + .item-content { margin: 0; padding: 10px; border: 1px solid #d6d6d6; border-radius: 4px;}
.address-item label.item-form > input[type="radio"]:checked + .item-content { border-color: #EB6100;}
.address-item .item-content > h4 { margin: 0; padding: 0 0 3px 0; font-size: 16px; font-weight: bold; line-height: 1.5;}
.address-item .item-content > h4:after { display: none; content: "默認地址"; margin-top: -3px; margin-left: 15px; padding: 0 4px; font-size: 12px; line-height: 1.5; font-weight: normal; color: #fff; background-color: #EB6100; border-radius: 2px; vertical-align: middle;}
.address-item label.item-form > input[type="radio"]:checked + .item-content h4:after { display: inline-block;}
.address-item .item-content > ul { margin: 0; padding: 0; list-style: none; color: #999;}
.address-item .item-content > ul > li { display: inline-block; padding-right: 15px;}

.fancy-buttons .btn { margin: 0; padding: 5px 20px; font-size: 16px; font-weight: 700; border-radius: 3px;}
.no-weight { position:  relative; font-weight: normal; margin-right: 10px; vertical-align: middle;}
.no-weight input[type="checkbox"],
.no-weight input[type="radio"] { position: absolute; left: 0; margin-right: 8px;}

.page-bottom  { position: relative; margin: 10px 0; padding: 0 10px;}
.page-bottom .btn-continue { position: absolute; left: 0; right: 0; top: -9px; border-color: #fff; background: #fff; width: 100%; border-radius: 0;}
.page-bottom .no-weight { display: block; margin: 40px 0 0; padding: 10px 10px 10px 25px; text-align: left;}
.page-bottom .btn-checkout { display: block; width: 100%}

.success-box { position: relative; margin: 2em auto; padding: 0; max-width: 80%; text-align: center;}
.success-box .fa { margin: 0 auto; width: 96px; height: 96px; font-size: 48px; color: #FFA215; border: 2px solid #FFA215; border-radius: 100%;
text-align: center; line-height: 96px;}
.success-box h2 { font-size: 24px; font-weight: bold;}
.success-box p.tips { color:#eb5f00;}
.success-box .btn { padding: 5px 10px; margin-top: 1em; font-size: 14px;}

.checkout-box .checkout-item.no-style { padding: 0!important; border-bottom: none !important;}
.checkout-box .checkout-item .checkout-title { margin-bottom: 10px; padding: 10px; line-height: 20px;}
.checkout-box .checkout-content > dl { display: table; margin-bottom: 0; padding: 5px 10px; width: 100%;}
.checkout-box .checkout-content > dl:last-child { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #eaeaea;}
.checkout-box .checkout-content > dl dt,
.checkout-box .checkout-content > dl dd { display: table-cell;}
.checkout-box .checkout-content > dl dt { width: 6em; color: #888; font-weight: normal;}
.checkout-box .checkout-content > .checkout-buttons { margin-top: 0px; padding: 10px;}

.checkout-box .checkout-content.checkout-distribution > dl dt,
.checkout-box .checkout-content.checkout-distribution > dl dd { display: block; width: 100%;}

/* Returned */
.box-default { margin: 10px 0; padding: 20px 10px 10px;}
.mar-top-none { margin-top: 0;}
.box-default .page-bottom { margin-left: -10px; margin-right: -10px;}

.box-form.box-returned { padding:10px; border: 1px solid #EB5F00;}
.returned-form { margin-bottom: 10px; display: table; width: 100%;}
.returned-form .meta-name,
.returned-form .meta-content { display: table-cell; vertical-align: top;}
.returned-form .meta-name { width: 80px; padding: 10px 0 0; line-height: 20px; font-weight: normal; font-size: 14px; color: #666}
.returned-form .meta-content input.form-control[type='text'],
.returned-form .meta-content select.form-control { height: 40px;}
.returned-form .meta-content div.form-control { margin-bottom: 10px; height: auto;}
.returned-form .meta-content div.form-control:last-child { margin-bottom: 0;}
.returned-form .meta-content div.form-control.form-meta { position: relative; padding-right: 100px; padding-left: 30px; height: auto;}
.returned-form .meta-content div.form-control.form-meta input[type='checkbox'],
.returned-form .meta-content div.form-control.form-meta input[type='raido'] { position: absolute; left: 10px; top: 10px; margin: 0;}
.returned-form .meta-content div.form-control.form-meta .pull-right { position: absolute; right: 10px; top: 10px;}
.returned-other-note{padding-left:80px; padding-bottom: 20px; color: #EB6000;}


.box-returned .color-yellow { background-color: #FFFAEC; border-top: 1px solid #fbdcc4; border-bottom: 1px solid #fbdcc4;}
.box-returned .color-yellow h3 { margin: 0; padding: 10px 0; font-size: 16px; font-weight: 700; line-height: 20px;}
.box-returned .bank-info-top,
.box-returned .bank-info-bottom { margin-left: -10px; margin-right: -10px; padding-left: 10px; padding-right: 10px;}
.box-returned .bank-info-top { padding-top: 10px; padding-bottom: 10px; border-bottom: none;}
.box-returned .bank-info-bottom { margin-bottom: 10px; border-top: none;}

.returned-words { margin: 10px 0; padding: 20px 10px; border: 1px solid #eaeaea;}
.returned-words .words-title { margin: 0 0 20px 0; font-size: 18px; font-weight: 700;}
.returned-words .words-content a { color: #EB5F00;}

/* Faq */
.faq-type { margin: 20px 0;}
.faq-type li { display: inline-block; font-size: 16px;}
.faq-type li:after { display: inline-block; content: "|"; color: #ccc; margin: 0 15px;}
.faq-type li:last-child:after { display: none;}
.faq-type li a { margin-right: 3px; text-decoration: none;}
.faq-type li.active a,
.faq-type li a.active { color: #EB5F00;}

.faq-list .sidebar-menu,
.faq-list .sidebar-menu ul,
.faq-list .sidebar-menu > li { margin: 0; padding: 0; list-style: none;}
.faq-list .sidebar-menu > li { margin-bottom: 10px;}
.faq-list .sidebar-menu > li > a { position: relative; z-index: 3; display: block; padding: 14px 15px 14px 50px; background: #fff; font-size: 16px; line-height: 20px; font-weight: 700; color: #222; text-decoration: none; border: 1px solid #eaeaea;}
.faq-list .sidebar-menu > li > a > .fa { position: absolute; left: 0; top: 0; color: #ccc; transform: translate(150%,100%);}
.faq-list .sidebar-menu > li > a:after { visibility: hidden; opacity: 0; content: ""; position: absolute; left: 0; bottom: 0; width: 12px; height: 12px; background-color: #fff; border-left: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; transform: translate(150%,0px) rotate(-45deg); transition: 0.1s;}
.faq-list .sidebar-menu > li > a.active:after { visibility: visible; opacity: 1; transform: translate(150%,6px) rotate(-45deg);}
.faq-list .sidebar-menu > li > ul { display: none; position: relative; z-index: 2; padding: 20px 20px 20px 50px; border: 1px solid #eaeaea; border-top: 0;}

.faq-list .fck-box h3 { font-size: 16px;}
.faq-list .fck-box ol { padding-left: 20px;}
.faq-list .fck-box li { padding-left: 10px;}

/* Member - Login */
.member-form { padding-top: 10px;}
.member-form .meta-name { margin-bottom: 10px;}
.member-form .form-control { height: 40px;}
.member-form.member-button { padding-top: 20px;}
.member-form.member-button .btn-lg { padding: 0 15px; height: 40px;}

.member-form .meta-content .meta-link { padding-top: 10px; text-align:right;}
.member-form .meta-content .meta-link a { color: #999;}

.member-social .col-xs-6:first-child { padding-right: 5px;}
.member-social .col-xs-6:last-child { padding-left: 5px;}
.member-social.member-social-aside { margin-top: 50px; margin-bottom: 20px;}
.member-social.member-social-aside h4 { font-size: 14px; text-align: center;}
.member-social.member-social-aside h4 a { font-weight: 700; color: #222; text-decoration: underline;}
.member-social.member-social-aside .btn-block + .btn-block { margin-top: 10px;}
.member-social .btn-facebook,
.member-social .btn-google { height: 40px; font-size: 14px;}

.form-captcha { position: relative;}
.form-captcha .img-captcha { position: absolute; right: 0; top: 0; transform: translate(-5px, 5px); cursor: pointer;}
.form-tips { margin: 10px 0 0; color: #888;}
.form-tips.no-border { margin-bottom: 0; border-bottom: none;}

.member-form.member-option { margin-top: 1em;}
.member-form.member-option label { margin-right: 1em; font-weight: normal; color: #666;}
.member-form.member-option input[type='checkbox'],
.member-form.member-option input[type='radio'] { margin-right: 10px;}
.member-form.member-option a { color: #444; text-decoration: underline;}
.member-form.member-option .member-tips { margin: 0 0 1em; padding: 1.5em 1.5em 1.5em 2em; background: #efefef;}

#option-sms { display: none;}

label.meta-name { font-weight: normal;}
.line-through { position: relative; margin: 20px 0; text-align: center;}
.line-through:after { position: absolute; left: 0; top: 50%; right: 0; z-index: 1; display: block; content: ""; border-top: 1px solid #e4e4e4;}
.line-through span { position: relative; z-index: 2; display: inline-block; padding: 0 6px; background-color: #fff;}

.member-inner .form-horizontal .form-group { margin-left: 0; margin-right: 0;}
.member-inner .muti-input { margin-left: -10px; margin-right: -10px;}
.member-inner .muti-input [class^='col-'],
.member-inner .muti-input [class*='col-'] { padding-left: 10px; padding-right: 10px;}
.member-inner .form-group.add .item { margin-bottom: 10px;}

.member-inner .control-label { display: block; margin: 0; line-height: 34px;}
.member-inner .control-label small { font-size: 12px; padding-left: 10px; color: #999;}
.member-inner .sample { margin-top: 5px; color: #999;}
.member-inner .input-text { line-height: 34px;}

#myinfo_form .btn.btn-checkout,
#contact_form .btn.btn-checkout { display: block; width: 100%;}
#contact_form .form-group { padding: 0 10px;}

.contact-info .title,
.member .title,
.title1.title-big { margin: 10px 0; padding: 20px 0; font-weight: bold;}


/* Coupons */
.box-right.text-right .btn { margin-left: 7px;}
.box-right.text-right .btn.btn-checkout { margin-left: 0;}
.coupon-list { margin: 10px 0 0; padding: 0 10px;}
.coupon-item { display: table; margin-bottom: 10px; width: 100%; background-color: #fff; box-shadow: 0 1px 2px rgba(0,0,0,0.15);}
.coupon-item .coupon-meta { display: table-cell; vertical-align: top;}
.coupon-item .coupon-price { padding: 15px 20px 0; height: 80px; max-height: 80px;}
.coupon-item .coupon-price big { margin-right: 10px; color: #EB5F00; font-size: 56px; font-weight: 700; line-height: 64px;}
.coupon-item .coupon-price big:before { display: inline-block; content: "$"; margin-right: 10px; vertical-align: top; font-size:20px; line-height: 2;}
.coupon-item .coupon-price big.discount:before { display: none;}
.coupon-item .coupon-price big.discount:after { display: inline-block; content: "折券"; margin-left: 10px; font-size: 24px; font-weight: normal;}
.coupon-item .coupon-price small { font-size: 14px; color: #888;}
.coupon-item .coupon-info { padding: 15px 20px;}
.coupon-item .coupon-info p { margin: 0; color: #888;}
.coupon-item .coupon-info time { color: #ccc; font-size: 12px;}
.coupon-item .coupon-use { position: relative; padding: 20px 20px 20px 25px; width: 1em; background-color: #FFE153; background-image: url(../img/line-coupon.gif); background-repeat: repeat-y; background-position: left top; color: #EB5F00; font-size: 18px; font-weight: 600; vertical-align: middle; cursor: pointer;}
.coupon-item .coupon-use:before,
.coupon-item .coupon-use:after { position: absolute; left: 5px; content: ""; width: 20px; height: 20px; background-color: #eee; border-radius: 100%;}
.coupon-item .coupon-use:before { top: 0; transform: translate(-50%,-50%); box-shadow: inset 0 -1px 0px rgba(0,0,0,0.15);}
.coupon-item .coupon-use:after { bottom: 0; transform: translate(-50%,50%); box-shadow: inset 0 1px 0px rgba(0,0,0,0.15);}
.coupon-item .coupon-use p { margin: 0;}

.coupon-overdue,
.coupon-overdue .coupon-meta,
.coupon-overdue .coupon-meta big,
.coupon-overdue .coupon-meta small,
.coupon-overdue .coupon-meta p,
.coupon-overdue .coupon-meta time,
.coupon-overdue .coupon-meta big:before { background-color: #f4f4f4; color: #ccc;}
.coupon-overdue .coupon-use { background-color: #ccc; background-image: url(../img/line-coupon-overdue.gif); cursor: default;}
.coupon-overdue .coupon-use p { background-color: #ccc; color: #999;}

/* Faforite */
.favor-list { padding: 0;}
.favor-list .list-item .list-button { float: none; width: 100%;}
.favor-list .list-item .list-button:after { display: table; content: ""; clear: both;}
.favor-list .list-item .list-button .btn { float: left; margin: 0; font-size: 15px; border-radius: 0;}
.favor-list .list-item .list-button .btn span { display: block;}
.favor-list .list-item .list-button .btn .fa { display: none;}
.favor-list .list-item .list-button .btn-cart { display: block; width: 60%;}
.favor-list .list-item .list-button .btn-favor { width: 40%; color: #888;
	background: -moz-linear-gradient(top, #efefef, #e4e4e4);
	background: -webkit-linear-gradient(top,#efefef,#e4e4e4);
	background: -o-linear-gradient(top, #efefef, #e4e4e4);
	background: -ms-linear-gradient(top, #efefef 0%,#e4e4e4 100%);
	background: linear-gradient(top, #efefef 0%,#e4e4e4 100%);
}
.favor-list .list-item .out-stock-text { display: none;}
.favor-list .list-item.out-stock { background-color: #f4f4f4;}
.favor-list .list-item.out-stock .list-image { position: relative; border-color: #f4f4f4;}
.favor-list .list-item.out-stock .list-image:before { display: block; content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index:1; background-color: rgba(0,0,0,0.6);}
.favor-list .list-item.out-stock .out-stock-text { display: block; position: absolute; left: 50%; top: 50%; z-index: 2; padding: 20px 0 0; width: 100px; height: 100px; color: #fff; font-size: 24px; text-align: center; line-height: 1.2; border: 1px solid #fff; border-radius: 100em; transform: translate(-50%,-50%);}
.favor-list .list-item.out-stock .meta-label,
.favor-list .list-item.out-stock .meta-name { color: #999;}
.favor-list .list-item.out-stock .btn-cart { color: #fff; border-color: #444;
	background: -moz-linear-gradient(top, #666, #444);
	background: -webkit-linear-gradient(top,#666,#444);
	background: -o-linear-gradient(top, #666, #444);
	background: -ms-linear-gradient(top, #666 0%,#444 100%);
	background: linear-gradient(top, #666 0%,#444 100%);
}

/* Order History*/
.order-history-item .cart-list-table { margin-top: 0;}
.order-history-item .order-history-header { padding: 5px; background-color: #f9f9f9; border: 1px solid #d6d6d6; border-bottom: none;}
.order-history-item .order-history-header .box-left-xs,
.order-history-item .order-history-header .box-right-xs { padding: 5px; text-align: left; color: #888;}
.order-history-item .order-history-header p { margin: 0;}
.order-history-item .order-history-header strong { color: #444;}

.order-history-item .order-history-header .v-invoiceN strong{font-weight: normal;}


.fancy-popup-box { display: none; width: 720px; max-width: 90%; max-height: 90%; padding: 15px; border-radius: 7px;}
.fancy-popup-box h2 { font-size: 18px; font-weight: bold;}
.fancy-popup-box .prod-buttons .btn { margin: 0 auto; float: none; width: 100%;}
.ask-form { display: table; width: 100%; margin-bottom: 10px;}
.ask-form .meta-name,
.ask-form .meta-content { display: table-cell; vertical-align: top;}
.ask-form .meta-name { padding-top: 10px; width: 80px; font-size: 14px; color: #444; line-height: 20px;}
.ask-form .meta-content input[type='text'].form-control,
.ask-form .meta-content select.form-control { height: 40px;}

/* Order History Detail */
.order-detail .order-tips .fa { display: none;}
.order-detail .order-tips h2 { margin: 0 0 20px 0; font-size: 36px; color: #FFA114;}
.order-detail.cart-done .col-xs-6 { padding-right: 5px;}
.order-detail.cart-done .col-xs-6 { padding-left: 5px;}
.box-default.mar-top-none { margin-bottom: 10px !important;}
.returned-form.mar-bottom-none { margin-bottom: 10px}
.returned-price { padding-right: 10px;}

.match-h-box .match-height { height: auto !important;}
.check-groups { display: flex; margin-left: -10px; margin-right: -10px; margin-bottom: 20px; padding-left: 10px; padding-right: 10px; padding-bottom: 10px; border-bottom: 1px solid #eaeaea}
.check-groups .checkout-item.check-item-xs { flex: 1;}
.checkout-box .check-groups .checkout-content > dl:last-child { border: none;}

.checkout-box .checkout-buttons .col-xs-6:nth-child(odd) { padding-right: 5px;}
.checkout-box .checkout-buttons .col-xs-6:nth-child(even)  { padding-left: 5px;}

/*　Order History Detail */
.logistics-info { display: none; position: relative; top: -10px; margin-bottom: 10px; padding: 20px; background-color: #f9f9f9; border-top: 1px solid #e4e4e4; box-shadow: 0 1px 2px rgba(0,0,0,0.15);}
.logistics-info:before { position: absolute; z-index: 99; left: 50%; top: 0; content: ""; width: 14px; height: 14px; background-color: #f9f9f9; box-shadow: inset 1px 1px 0 rgba(0,0,0,0.15); transform: translate( -50%, -50%) rotate(45deg);}
.logistics-info .logistics-name { margin-bottom: 20px;}
.logistics-content ul { margin: 0 10px; padding: 0; width: 100%; border-left: 1px solid #e4e4e4; list-style: none;}
.logistics-content ul li { position: relative; padding: 10px 10px 10px 140px; width: 100%;}
.logistics-content ul li:before { display: block; content:""; position: absolute; left: 0; top: 0; width: 12px; height: 12px; background-color: #ccc; border: 3px solid #fff; border-radius: 100%; transform: translate(-50%,120%);}
.logistics-content ul li.now:before { background-color: #EB9513;}
.logistics-content ul li,
.logistics-content ul li time { font-size: 14px; color: #888; font-weight: normal; margin-right: 40px;}
.logistics-content ul li time { position: absolute; left: 20px;}
.logistics-content ul li.now,
.logistics-content ul li.now time { color: #444;}
.logistics-content .scrollbar-v {max-height: 120px;}

.order-ask-list .sidebar-menu { margin: 0; padding: 0; list-style: none; border-collapse: collapse;}
.order-ask-list .sidebar-menu li { border: 1px solid #e4e4e4; border-top: none;}
.order-ask-list .sidebar-menu li:first-child { border-top: 1px solid #e4e4e4;}
.order-ask-list .sidebar-menu li > a { position: relative; z-index: 99; display: block; padding: 10px 10px 10px 50px; background: #fff; font-size: 16px; font-weight: bold; color: #444; line-height: 20px; text-decoration: none; box-shadow: none;}
.order-ask-list .sidebar-menu li > a:after { display: block; opacity: 0; position: absolute; left: 15px; bottom: 8px; content: ""; width: 10px; height: 10px; background-color: #fff; border: 2px solid #eaeaea; border-left: none; border-top: none; transform: rotate(45deg) translate(100%,50%); transition: 0.1s;}
.order-ask-list .sidebar-menu li > a.active:after { opacity: 1; bottom: 4px;}
.order-ask-list .sidebar-menu li > a > span { display: block;}
.order-ask-list .sidebar-menu li > a > span:before { display: block; position: absolute; left: 0; top: 0; content: "Q"; width: 50px; font-size: 20px; font-weight: bold; color: #FF952B; text-align: center; opacity: 0.5; transform: translateY(50%);}
.order-ask-list .sidebar-menu ul { position: relative; display: none; background-color: #F9F7F0; border-top: 1px solid #e4e4e4;}
.order-ask-list .sidebar-menu ul li { padding: 0; border: none;}
.order-ask-list .sidebar-menu ul:before { position: absolute; left: 0; top: 0; display: block; content:"A"; padding-top: 10px; width: 50px; font-weight: bold; font-size: 20px; color: #FF5C26; text-align: center; opacity: 0; transition: 0.1s; transform: translateX(-20%);}
.order-ask-list .sidebar-menu ul:before { opacity: 1; transform: translateX(0%);}
.order-ask-list .sidebar-menu ul .fck-box { padding: 15px 15px 0 50px;}
.order-ask-list .sidebar-menu ul .ask-meta { padding: 0 15px 15px 50px; font-size: 12px; color: #888;}
.order-ask-list .sidebar-menu ul .ask-meta u { margin-right: 15px;}


#hidden-print-invoice { width: 880px;}
.order-invoice { margin: 20px 0; min-width: 100%;}
.order-invoice .order-tips { margin: 20px 0 0; padding: 10px; background: #efefef;}

.order-step-box { display: flex; width: 100%; height: auto; text-align: center;}
.order-step-box li { flex: 1; display: inline-block; padding-top: 30px; vertical-align: top;}
.order-step-box .order-steps { margin: 0 auto; background-image: url(../img/order-icons.gif); width: 43px; height: 43px;}
.order-step-box .order-steps.step-1 { background-position: -76px 0;}
.order-step-box .order-steps.step-2 { background-position: -264px 0;}
.order-step-box .order-steps.step-3 { background-position: -451px 0;}
.order-step-box .order-steps.step-4 { background-position: -642px 0;}
.order-step-box .now .order-steps.step-1 { background-position: -76px -43px;}
.order-step-box .now .order-steps.step-2 { background-position: -264px -43px;}
.order-step-box .now .order-steps.step-3 { background-position: -451px -43px;}
.order-step-box .now .order-steps.step-4 { background-position: -642px -43px;}
.order-step-box h3 { margin-bottom: 0; font-size: 13px; color:#51463F;}
.order-step-box time { font-size: 8px; color: #999;}

/* Group buying */
.group-buy-list { margin-top: -20px; padding: 20px 10px 10px; }
.date-range { display: flex; margin-bottom: 10px; }
.date-range div { flex: 1; }
.date-range span { flex: 0 0 30px; text-align: center; }
.group-buy-meta { margin: 0 0 10px; }
dl.group-buy-meta { width: 48%; display: inline-block; }
.group-buy-meta dt,
.group-buy-meta dd { display: inline-block; }
.group-buy-meta dt { width: 120px; }
.table-responsive,
.group-buy-table table { border: 0; }
.group-buy-table table > thead { display: none; }
.group-buy-table table > tbody > tr,
.group-buy-table table > tbody > tr > td { display: block;}
.group-buy-table table > tbody > tr { margin-bottom: 10px; border: 1px solid #dedede; }
.group-buy-table table > tbody > tr > td { position: relative; padding: 5px 5px 5px 120px; border: 0; }
.group-buy-table table > tbody > tr > td > label { position: absolute; left: 5px; display: inline-block; width: 100px; }

/* banenr */
#thumbnails-home,
#thumbnails-home li { margin: 0; padding: 0; list-style: none;}

/* News */
.news-list { margin: 20px 0 0;}
.news-item { position: relative; top: 0; background-color: #fff; box-shadow: 0 1px 1px rgba(0,0,0,0.15); transition: 0.3s; cursor: pointer;}
.news-item:hover,
.news-item:focus,
.news-item:active { top: -10px; box-shadow: 0 10px 30px rgba(0,0,0,0.35);}
.news-item .meta-image { position: relative;}
.news-item .meta-image img { display: block;}
.news-item .meta-image .news-icons { position: absolute; top: 0; right: 0;}
.news-item .meta-content { padding: 10px;}
.news-item .meta-content .meta-date { display: block; padding: 0 0 5px 0; font-size: 12px; color: #ccc; line-height: 20px; border-bottom: 1px solid #e4e4e4;}
.news-item .meta-content .meta-title { margin: 10px 0; padding: 0; color: #444; font-size: 16px; font-weight: 600; line-height: 20px; height: 40px; transition: 0.3s; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
}
.news-item:hover .meta-title,
.news-item:focus .meta-title,
.news-item:active .meta-title { color: #EB5F00;}
.news-icons span { display: block; float: left; padding: 5px; width: 36px; height: 36px; font-size: 12px; color: #fff; text-align: center;}
.news-icons .icon-news { background-color: #FD005D;}
.news-icons .icon-events { background-color: #97CA37;}

.news-detail-heading { position: relative; padding-right: 80px;}
.news-detail-heading .news-icons { position: absolute; top: 0; right: 0;}
.news-detail-heading code { background-color: #fff; font-family: inherit; color: #999;}
.news-detail-heading code em { font-style: normal;}
.news-detail-box { padding: 20px 0;}
.news-detail-box .fck-box,
.news-detail-box .fck-box p { font-size: 16px; line-height: 1.6;}
.news-detail-box .fck-box center { margin: 40px 0;}
.news-detail-box .fck-box center em { display: block; margin: 10px 0; color: #999; font-size: 12px; line-height: 1.6; font-style: normal;}
.news-detail-box .fck-box a { display: inline-block; position: relative; margin: 0 5px; color: #FF7F00; text-decoration: none;}
.news-detail-box .fck-box a:after { display: block; content: ""; position: absolute; left: 0; right: auto; width: 0; border-top: 1px solid #FF7F00; transition: 0.2s;} 
.news-detail-box .fck-box a:hover:after,
.news-detail-box .fck-box a:focus:after,
.news-detail-box .fck-box a:active:after { right: 0; width: 100%;}

.premium-purchaseb-box .purchase-item{
	width: 100%;
}
.premium-purchaseb-box .meta-price{
	margin-right: 1rem;
    color: #EB5F00;
    font-size: 18px
}
.premium-purchaseb-box .form-item{
	font-size: 14px;
    height: 34px;
    display: inline-block;
    float: left;
}
.premium-purchaseb-box .btn-cart{

}
.premium-purchaseb-box .list-form{
	/*width: 100%;*/
}
.premium-purchaseb-box .add-cart-box{
	overflow: hidden;
    width: auto;
}
.premium-purchaseb-box  .title-box{
	overflow: hidden;
}
.premium-purchaseb-box .btn{
	font-size: 14px;
    height: 34px;
    width: auto;
    float: left;
}
.page-bottom .btn-continue{
	position: relative;
}
.box-right.text-right .btn{
	margin-left:0;
}
.upload-pc { margin: 0; padding: 0; width: 200px; height: 200px; text-align: center; background: none; border: 1px solid #ccc; border-radius: 3px;}
.upload-pc span { display: block; line-height: 30px;}

.fck-box img { display: block; max-width: 100% !important; height: auto !important;}

.checkout-item.checkout-button { padding-left: 0;}
}

@media only screen and (min-width: 481px) and (max-width: 767px) {
.push-left { max-width: 375px;}
.header-mobile ul li:nth-child(2) { flex: 1 1 30%;}
.custom-topic [class*="col-xs"] {
    max-height: 450px;
}
.tabs-list li {
    width: 30%;
    height: 40px;
}
.fck-box img { display: block; max-width: 100% !important; height: auto !important;}
}

@media only screen and (max-width: 479px) {
.btn-favor .fa { margin: 0;}
.list-item .list-button .btn-favor { transform: translate(10px,10px);}

.cart-prod-item .list-info { padding-left: 0;}

.fck-box img { display: block; max-width: 100% !important; height: auto !important;}

}

.category-box { position: relative; margin: 5px 5px 0; }
.category-box .cate-prev, .category-box .cate-next {
    background: #fff!important;
    text-align: center;
    line-height: 44px;
    position: absolute;
    top: 50%;
    width: 24px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
}
.category-box .cate-prev { left: 0; }
.category-box .cate-next { right: 0; }
.category-box .swiper-slide a { display: block; margin-bottom: 5px; padding: 5px; background: #fff; }

#easychat-floating-button { right: 10px !important; bottom: 48px !important; width: 44px !important;; height: 44px !important;; }

.checkoutType-box { display: flex; flex-direction: column; gap: 10px; margin: 10px 0;}
.checkoutType-box .prod-purchase  { padding: 30px;}
.checkoutType-box .prod-purchase center { margin-bottom: 20px;}
.checkoutType-box .prod-purchase .btn.btn-cart,
.checkoutType-box .prod-purchase .btn.btn-checkout { margin: 0; padding: 10px 30px !important; width: 100%; height: unset; font-size: 18px; line-height: 1.3333333; border-radius: 3px;}