/*
 *  Document   : main.css
 *  Author     : Jim
 *  Description: The main stylesheet of the template
 *
 *  Structure (with shortcodes):
 *      (#m01mls) MAIN LAYOUT
 *      (#m02-1hds) HEADER
 *      (#m02-2fts) FOOTER
 *      (#m03mcs) MAIN CONTENT
 *      (#m04bos) BOOTSTRAP OVERWRITE/EXTEND STYLES
 *      (#m05ths) THEME
 *      (#m06hes) HELPERS
 *      (#m07res) RESPONSIVE
 *      (#m08rts) RETINA
 *      (#m09rprl) PRELOAD
 */

/*
=================================================================
(#m01mls) MAIN
=================================================================
*/

body {
    font-family: 微軟正黑體;
    font-size: 16px;
}

a { text-decoration: none; color: #3e3e3e; }
a:hover,a:focus,a:visited { text-decoration: none; color: #3e3e3e; }

h1,h2,h3 { font-family: 微軟正黑體; }

.btn { border: none; }
.btn-full { width: 100%; }

.btn-default { background: #AC8B4E; color: #fff !important; }
.btn-default:hover,.btn-default:focus { background: #735620; }
.btn-primary { background: url(../img/index/cart_bg.png); color: #fff !important; }
.btn-primary:hover,.btn-primary:focus { background: url(../img/index/cart_hover_bg.png); }



.btn-add-to-cart { background: url(../img/index/cart_bg.png); color: #fff !important; border-radius: 0px; }
.btn-add-to-cart:hover { background: url(../img/index/cart_hover_bg.png); }

.alert-red,.price { color: #E90000; }
.alert-text { color: #6F4D2D; }

/*
=================================================================
(#m02-1hds) HEADER
=================================================================
*/

header { height: 792px; padding-top: 17px; background: url(../img/index/bg-480.png) 100%; }

header a.social-link { color: #B9A89C; font-size: 1.2em; margin: 0px 10px; }
header a.social-link i { font-size: 20px; vertical-align: middle; }
div.google_trans { display: inline-block; }

div.logo-area { padding-right: 135px; position: relative; margin-top: 10px; text-align: center; }
div.logo-area img.logo { max-width: 100%; height: auto; margin: 0px auto; }
div.mb-menu-button1 { position: absolute; top: 0px; right: 75px; }
div.mb-menu-button2 { position: absolute; top: 8px; right: 15px; }

/* mian menu */
ul.main-menu { list-style: none; padding-left: 0px; margin-top: 25px; }
ul.main-menu>li { float: left; padding: 15px 0px; display: inline-block; }
ul.main-menu>li.select,ul.main-menu>li:hover { background: url(../img/index/brush.png) 50% 50% no-repeat;  }
ul.main-menu>li>a { padding: 0px 40px; }
ul.main-menu>li+li>a { border-left: 1px solid #D2C2B4; }

ul.main-menu>li ul { list-style: none; padding-left: 0px;  z-index: 10; position: absolute; top: 65px; padding-top: 15px; background: #fff; min-width: 146px; display: none; box-shadow: 1px 2px 3px #aaa; }
ul.main-menu>li:hover ul { display: block; }
.is-sticky ul.main-menu>li ul { top: 55px; }

ul.main-menu>li ul li { text-align: center; padding: 0px 15px; }
ul.main-menu>li ul li a { padding: 10px 0px; display: block }
ul.main-menu>li ul li a:hover { color: #E79A71; }
ul.main-menu>li ul li+li a { border-top: 1px dotted #DFD4CA; }

/* menu-button-area */
div.menu-button-area { position: absolute; top: -35px; right: 15px; width: 65px; }

div.search-button-area { position: relative; display: inline-block; width: 44px; height: 49px; margin: 0px 10px; }
div.search-input-area { position: absolute; bottom: 1px; right: 22px; background: #7C5532; padding: 5px 32px 5px 10px; 
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
visibility:hidden;
width: 0px;
transition: all 0.15s ease-out;
}
div.search-input-area.show-input { visibility: visible; width: 150px;}
div.search-input-area input { padding: 0px 10px; line-height: 1.3em; }

a.search-button { position: relative; display: inline-block; width: 44px; height: 49px; background: url(../img/index/search.png); z-index: 5; }
a.search-button:hover { display: inline-block; width: 44px; height: 49px; background: url(../img/index/search-on.png); }
a.cart-button { display: inline-block; width: 44px; height: 49px; background: url(../img/index/cart.png); margin: 0px 10px; }
a.cart-button:hover { display: inline-block; width: 44px; height: 49px; background: url(../img/index/cart-on.png); }

/* mini-cart */
div.mini-cart { position: absolute; top: 80px; right: 15px; z-index: 12; background: #fff; width: 420px; padding: 15px 15px; box-shadow: 2px 2px 2px 2px #aaa; display: none; }
.is-sticky div.mini-cart { top: 67px; }

div.mini-cart.show-cart { display: block; }
div.mini-cart div.close-cart i { font-size: 1.2em; color: #B38B55; margin-bottom: 15px; }
div.mini-cart div.row { margin-left: 0px; margin-right: 0px; }
div.mini-cart div.title { font-size: 15px; }
div.mini-cart div.product-list { padding: 15px 0px; font-size: 15px; border-bottom: 2px dotted #7E5D2B; }
div.mini-cart div.product-list img { max-width: 100%; height: auto; }
div.mini-cart label.price { color: #DB7171; margin: 10px 0px; }
div.mini_cart_scroll { max-height: 300px; overflow-y: scroll; }
div.mini-cart a.remove_item { display: inline-block; margin-bottom: 5px; }
div.mini-cart a.remove_item i { color: #B38B55; }
::-webkit-scrollbar { 
    display: none; 
}



/* Mobile Main Menu */
#sidebar,#sidebar-alt { background-color: #90643A; width: 0;position: absolute; overflow: hidden;
}

#sidebar-alt { right: 0;}
#sidebar,#sidebar-alt,#main-container,.header-fixed-top header{-webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
.sidebar-alt-visible-xs #sidebar-alt { width: 250px;}
.sidebar-alt-visible-xs #main-container { margin-right: 250px;    margin-left: -250px;}
.sidebar-alt-visible-xs .is-sticky #a-cart-sticky-header {margin-right: 250px; margin-left: -250px;}
.header-fixed-top #sidebar-alt {   position: fixed; right: 0; top: 0; bottom: 0;}

/* Sidebar Navigation */
.sidebar-nav { list-style: none; margin: 0; padding: 0px 0 0; }
.sidebar-nav .sidebar-header:first-child { margin-top: 0;}
.sidebar-nav .sidebar-ul-split {padding:9px 10px; color:#262626; background:#ECD3AA; position: relative; }
.sidebar-nav .sidebar-ul-split:after {  position: absolute;  content: " ";  width: 0;  height: 0;  border: solid transparent;     right: 12px;    bottom: -12px;}
.sidebar-nav .sidebar-ul-split:after {  border-width: 6px;  border-top-color: #ff7878; }

.sidebar-nav select {margin: 10px 10px; padding: 5px 3px; background: #C40010; color: #262626; border: none; border-radius: 5px; }
.sidebar-nav select:focus {
    outline:none;
}

.sidebar-nav a {display: block;    color: #000000;    padding: 10px 20px;    min-height: 35px; line-height: 35px; border-bottom:1px solid #C09670;    text-decoration: none; }
.sidebar-nav li.active > a {color: #000000; text-decoration: none; background: #AF835B; }
.sidebar-nav a.active {padding-left: 5px;    border-left: 5px solid #1bbae1; background: rgba(0, 0, 0, 0.3);}
.sidebar-nav a > .sidebar-nav-icon { -webkit-transform: rotate(90deg);    transform: rotate(90deg); }
.sidebar-nav a > .sidebar-nav-indicator { float: right;    line-height: inherit;    margin-left: 4px;    -webkit-transition: all 0.15s ease-out;    transition: all 0.15s ease-out;}
.sidebar-nav a > .sidebar-nav-icon,.sidebar-nav a > .sidebar-nav-indicator {    display: inline-block;    opacity: 0.5;    filter: alpha(opacity=50);    width: 18px;    font-size: 1em;    text-align: center;}
.sidebar-nav a:hover,.sidebar-nav a:hover > .sidebar-nav-icon,.sidebar-nav a:hover > .sidebar-nav-indicator,.sidebar-nav a.active,.sidebar-nav a.active > .sidebar-nav-icon,.sidebar-nav a.active > .sidebar-nav-indicator,.sidebar-nav a.open,
.sidebar-nav a.open > .sidebar-nav-icon,.sidebar-nav a.open > .sidebar-nav-indicator,.sidebar-nav li.active > a,.sidebar-nav li.active > a > .sidebar-nav-icon,.sidebar-nav li.active > a > .sidebar-nav-indicator { opacity: 1; filter: alpha(opacity=100);}
.sidebar-nav a.active > .sidebar-nav-indicator,.sidebar-nav a.open > .sidebar-nav-indicator,.sidebar-nav li.active > a > .sidebar-nav-indicator {    -webkit-transform: rotate(360deg);    transform: rotate(360deg);}

ul.sidebar-nav>li { background: #AF835B; }
.sidebar-nav li.lang-area { background: #AA7645; padding: 10px 0px; }
.sidebar-nav li.search-area { background: #90643A; padding: 10px 15px; }
.sidebar-nav li.search-area button { background: #fff; }
.sidebar-nav li.search-area button i { color: #90643A; font-size: 1.2em; }

.sidebar-nav li.other-link { background: url(../img/index/menu_bg.png) no-repeat #F2D0B1; }
.sidebar-nav li.other-link i { margin-right: 10px; }
.sidebar-nav li.other-link a { color: #87672B; padding: 10px 20px; }
.sidebar-nav li.other-link a:hover { background: url(../img/index/menu_bg.png) no-repeat #F2D0B1; }

.sidebar-nav li.social-link { background: #90643A; }
.sidebar-nav li.social-link i { margin-right: 10px; font-size: 19px; }
.sidebar-nav li.social-link img { margin-right: 10px; }
.sidebar-nav li.social-link a { color: #fff; }
.sidebar-nav li.social-link a:hover { background: #90643A; }

.sidebar-nav ul { list-style: none; padding: 0px; margin: 0;display: none;  background: #B38963;}
.sidebar-nav ul a { color: #fff; margin: 0; font-size: 15px; padding: 3px 0px; padding-left: 25px; min-height: 25px; line-height: 32px; border-bottom:none;}
.sidebar-nav ul a.active,.sidebar-nav ul a.active:hover {border-left: 5px solid #1bbae1;    padding-left: 10px;}
.sidebar-nav ul a i { margin-right: 10px; }
.sidebar-nav ul ul { background: #C09670;}
.sidebar-nav ul ul a {padding-left: 25px; }
.sidebar-nav ul ul a.active,.sidebar-nav ul ul a.active:hover {padding-left: 20px;}
#sidebar,#sidebar-alt,#main-container,.header-fixed-top header{-webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}

/* sticky */
.is-sticky #a-cart-sticky-header {
    background: url(../img/index/header_bg.png) repeat-x #fff;
    padding: 10px 0px;
    padding-top: 17px;
    left: 0;
    margin-left: 0;
    opacity: 1;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
    display: block;
    border-bottom: 1px solid #ccc;
    /* transition: all 0.1s ease-in 0s; */
}
.is-sticky div.social-share-area { display: none; }

#a-cart-sticky-header div.container { position: relative; }

.sidebar-nav li.facebook img { margin-right: 5px; }
.sidebar-nav li.facebook a { color: #8391C8; }
.sidebar-nav li.facebook:hover a { color: #8391C8; }
.sidebar-nav li.sina img { margin-right: 5px; }
.sidebar-nav li.sina a { color: #B9010C; }
.sidebar-nav li.sina:hover a { color: #B9010C; }





/*
=================================================================
(#m02-2fts) FOOTER
=================================================================
*/
footer { padding-bottom: 20px; background: url(../img/index/pattern.png) 0px 100% repeat-x; }
div.footer-img-area { background: url(../img/index/footer-pic-360.png) 100% no-repeat; height: 291px; }

div.footer-imf-area { background: url(../img/index/footer-bg.png) 50% -50px #724F2E no-repeat; padding: 15px 0px; }

div.web-imfo-area { margin: 10px 0px; }
div.web-imfo-area span { font-size: 15px; color: #fff; }
div.web-imfo-area span.mb-block { display: block; text-align: center; margin-bottom: 5px; }
div.web-imfo-area span.visit-number { color: #000; font-weight: bold; }
div.web-imfo-area span.visit-number span.number { font-size: 17px; color: red; }
div.web-imfo-area a { color: #ff862e; }

div.web-imfo-area span.acart { color: #BF9A78; }
div.web-imfo-area span.acart a { color: #ff862e; }
div.web-imfo-area span.add-line { color: #000; font-weight: bold; margin-bottom: 10px; display: block; }


/*
=================================================================
(#m03mcs) MAIN CONTENT
=================================================================
*/

div.main-area { position: relative; margin-top: -700px; }

/* index banner */
div#index-banner .owl-controls { text-align: right; }
div#index-banner .owl-controls div.owl-dot span { background: #DECCAB; width: 12px; height: 12px; }
div#index-banner .owl-controls div.owl-dot.active span { background: #B38B44; }

/* title area */
div.title-area { background: url(../img/index/brush-circle.png) no-repeat; height: 99px; position: relative; padding-top: 50px; padding-left: 25px;}
div.title-area h3 { font-size: 16px; margin: 0px; font-weight: bold; background: url(../img/index/line.png) 6px repeat-x; position: relative; }
div.title-area h3 span.ch-title { background: #fff; }
div.title-area h3 span.eg-title { background: #fff; color: #5B432D; padding-left: 15px; padding-right: 10px; }
div.title-area h3 a.more { position: absolute; right: 0px; bottom: 0px; background: #fff; font-size: 14px; color: #C91919; padding-left: 10px; }

div.count-down-area { position: relative; text-align: right; }
div.count-down-area>div,div.count-down-area div#countAresDiv>div { display: inline-block; }
div.count-down-area>div.title { margin-right: 15px; padding-left: 28px; line-height: 30px; background: url(../img/leaf_icon.png) no-repeat; }
div.count-down-area span.num { font-size: 20px; color: #A70000; font-weight: bold; padding: 0px 5px; }
div.count-down-area span.type { font-size: 14px; color: #000000; }

/* index news */
div.news-list-area { margin-top: 15px; }
div.news-list { position: relative; }
div.news-list img { position: absolute; right: 0px; top: 0px; }
div.news-list+div.news-list { margin-top: 10px; }
div.news-list span.news-date { color: #DE6E1D; }
div.news-list a.news-title { display: block; height: 22px; overflow: hidden; margin-top: 10px; }

/* special button */
a.special-button { height: 84px; border: 1px solid #B38B44; border-radius: 5px; position: relative; padding-top:35px; padding-left: 35px; display: block; margin: 15px 0px; }
a.special-button img { position: absolute; top: 0px; left: 0px; width: 110px; height: 82px; }
a.special-button span { position: relative; z-index: 3; font-size: 18px; }
a.special-button span.eg-title { font-weight: bold; margin-left: 15px; }

a.special-button.cup { background: url(../img/index/button-aleyard_bg.png) 100% no-repeat #DED1B9; background-size: auto 82px; }
a.special-button.teapot { background: url(../img/index/button-teacup_bg.png) 100% no-repeat #DED1B9; background-size: auto 82px; margin-top: 40px; }

/* index new product */
div.index-new-product-area { margin-top: 40px; }
div#index-product { margin-top: 20px; }
div#index-product div.owl-stage { background: #fff; }
div#index-product div.owl-item { padding: 0px 20px; background: #fff; }
div#index-product div.owl-item div.product-img-box { border: 1px solid #B38B44; padding: 15px; }
div#index-product div.product-title { line-height: 25px; margin: 10px 0px; height: 46px; overflow: hidden; }
div#index-product div.product-title a { color: #5B432D; }

/* page banner */
div.page-banner { height: 90px; background: url(../img/about/banner-product-content.png) 100% no-repeat; background-size: 766px 90px;  border: 1px solid #5E412E; border-right: none; padding-right: 70px; }
div.page-banner h2 { margin: 0px; padding: 20px 0px; font-weight: bold; }
div.page-banner h2 span.ch-title { color: #000000; font-size: 18px; margin-right: 10px; display: block; padding-left: 15px; }
div.page-banner h2 span.eg-title { color: #DDC79F; font-size: 18px; display: block; margin-top: 10px; padding-left: 15px; }

/* breadcrumbs */
div.breadcrumbs { margin: 10px 0px; color: #705B47; font-size: 14px; }
div.breadcrumbs a { color: #705B47; }
div.breadcrumbs a:hover { color: #5D320A; }
div.breadcrumbs span.selected { color: #CE1D1E; }

/* main content area */
div.main-content-area { margin-top: 30px; }

div.main-content-area img { max-width: 100%; height: auto; }
div.main-content-area img.pswp__img { max-width: initial; }

div.main-content-title { line-height: 31px; padding-left: 15px; padding-top: 12px; margin-bottom: 20px; }
div.main-content-title img { margin-top: -5px; margin-right: 10px; }
div.main-content-title span.ch-title { color: #000000; font-size: 17px; }
div.main-content-title span.eg-title { color: #869148; font-size: 16px; display: inline-block; padding-right: 30px; background: url(../img/about/leaves.png) 100% 0px no-repeat; }

h2.normal-title { font-size: 18px; margin-bottom: 30px; }

div.list-sort { padding-top: 15px; color: #654F3A; text-align: right; font-size: 15px; }
div.list-sort a { margin: 0px 4px; }
div.list-sort a i { display: none; color: #654F3A; }
div.list-sort a.decreasing i.fa-caret-down { display: inline-block; }
div.list-sort a.increment i.fa-caret-up { display: inline-block; }

/* left menu */
div.left-menu-title { height: 43px; background:url(../img/left-menu/brush-small-circle.png) no-repeat; padding-left: 15px; padding-top: 12px; margin-bottom: 30px; }
div.left-menu-title span.ch-title { color: #000000; font-size: 17px; }
div.left-menu-title span.eg-title { color: #869148; font-size: 16px; }

ul.left-menu { padding-left: 0px; list-style: none; }
ul.left-menu>li { padding: 3px 0px; } 
ul.left-menu>li>a { display: block; padding: 10px 10px; color: #5B432D; }
ul.left-menu>li+li { border-top: 1px dotted #C4B4A7; }

ul.left-menu>li.selected>a,ul.left-menu>li>a:hover { background: #FCF8F4; color: #CE1D1E; }

ul.left-menu>li ul.left-sub-menu { padding-left: 0px; list-style: none; background: #FCF8F4; padding: 5px 0px 15px 0px; display: none; }
ul.left-menu>li.selected ul.left-sub-menu { display: block; }

ul.left-sub-menu li { padding: 0px 8px; }
ul.left-sub-menu li a { display: block; padding: 6px 10px; color: #5B432D; position: relative; padding-left: 25px; }
ul.left-sub-menu li.selected a { color: #CE1D1E; }
ul.left-sub-menu li+li a {  border-top: 1px dotted #C4B4A7; }
ul.left-sub-menu li a i { color: #CE1D1E; margin-right: 5px; position: absolute; left: 10px; top: 50%; margin-top: -8px; }

/* list */
div.list-intro { background: #FCF8F4; border: 1px solid #E4DBD4; padding: 20px; font-size: 14px; color: #332313; line-height: 1.5em; margin-bottom: 30px; margin-top: 15px; }

div.list-box { margin-bottom: 30px; position: relative; min-height: 262px; } 
div.list-box div.photo-box { border: 1px solid #B38B44; padding: 15px; display: block; text-align: center;  }
div.list-box div.photo-box img { max-width: 100%; height: auto; }

div.list-box div.info-box a.product-title { color: #5B432D; line-height: 25px; display: block; text-align: center; padding: 15px 0px; }
div.list-box div.info-box div.product-intro { display: none; color: #373737; font-size: 15px; line-height: 1.8em; }
div.list-box div.info-box div.product-spec-area {padding-left: 45px; position: relative; width: 100%; }
div.list-box div.info-box div.product-activity-num-area input { width: 100%; text-align: center; }
div.list-box div.info-box div.product-order-area span.num-text { position: absolute; left: 0px; line-height: 34px; color: #715C49; font-weight: bold; }
div.list-box div.info-box div.product-order-area a.btn-add-to-cart,button.btn-add-to-cart { color: #fff; display: block; margin-top: 10px; }
div.list-box div.info-box div.product-order-area button.btn-add-to-cart { width: 100%; }

div.list-box div.info-box div.product-activity-price-area span.ori-price { color: #786759; text-decoration: line-through; margin-right: 10px; font-size: 16px; }
div.list-box div.info-box div.product-activity-price-area div.limited-price-area { display: inline-block; }
div.list-box div.info-box div.product-activity-price-area span.limited-title { color: #786759; margin-right: 5px; font-size: 16px; }
div.list-box div.info-box div.product-activity-price-area span.limited-price { color: #CE1D1E; font-size: 20px; }

/* article area */
div.article-area { line-height: 1.8em; font-size: 15px; }
div.article-area img { max-width: 100%; height: auto; }
div.article-area p.title { color: #929B60; margin-bottom: 10px; }
div.article-area a { color: #724F2E; }
div.article-area a:hover { color: #946E4A; }

/* table */
div.ori-table div.table-title { background: url(../img/table/information-bg.png) 0px 100%; height: 62px; padding: 16px 35px; line-height: 30px; }

div.ori-table div.table-list { padding: 16px 35px; }
div.ori-table div.table-list+div.table-list { border-top: 2px dotted #D7D0CA; }

div.ori-table div.table-list a { color: #B29051; }
div.ori-table div.table-list a:hover { color: #5B432D; } 
div.ori-table div.table-list iframe { max-width: 100%; }
div.ori-table div.table-list img { max-width: 100%; height: auto; }

/* video list */
label.video-list-title { color: #5B432D; display: block; margin-top: 15px; }
span.video-list-intro { font-size: 15px; line-height: 1.8em; word-break: break-all; display: block; }
span.video-list-intro a { color: #000000; }

.video-modal { text-align: center; }

@media screen and (min-width: 768px) { 
  label.video-list-title { margin-top: 0px; }
  .video-modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
  }
}

.video-modal .modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

.video-modal #modal-video-intro { font-size: 15px; line-height: 1.8em; padding: 15px 0px;}
.video-modal #modal-video-intro a { color: #B29051; }
.video-modal #modal-video-intro a:hover { color: #5B432D; } 

/* retail list */
a.retail-list-title { color: #5B432D; display: block; margin-top: 10px; margin-bottom: 5px; }
p.retail-list-intro { font-size: 15px; line-height: 1.8em; }

/* article list */
a.article-list-title { color: #5B432D; display: block; margin-top: 10px; margin-bottom: 10px; font-weight: bold; }
p.article-list-intro { font-size: 15px; line-height: 1.8em; }

/* news list */
div.ori-table div.table-list.news { line-height: 30px; }
div.table-list.news div.news-date { color: #CE1D1E; }
div.table-list.news div.news-date img { margin-left: 15px; vertical-align: top; }
div.table-list.news a.news-list-title:hover { color: #5B432D; }

/* error page */
div.error-page { margin-bottom: 20px; position: relative; }
div.error-page img { margin: 10px auto; }
div.error-page label { font-size: 18px; }
div.error-page label span.alert-text { font-size: 20px; }


/* product detail */
div.product-main-img { border: 1px solid #B38B44; padding: 20px; text-align: center; position: relative; cursor: pointer; }
div.product-main-img img { max-width: 100%; height: auto; margin: 0px auto; }
div.product-main-img div.show-swipe { position: absolute; left: 50%; top: 60%; margin-left: -51px; margin-top: -20px; background: rgba(122,97,50,0.5); color: #fff; padding: 10px 15px; font-size: 14px; cursor: pointer; visibility:hidden;  -webkit-transition: all 0.3s; /* Safari */
    transition: all 0.3s; transition-timing-function: ease-out;}
div.product-main-img div.show-swipe.show-button { visibility: visible; top: 50%; }

div.product-other-img { position: relative; margin: 10px 0px; }
div.product-other-img .small-img-bg { position: absolute; bottom: -55px; right: -15px; z-index: -1; }
div.other-img-box { display: inline-block; border: 1px solid #ECDABB; background: #fff; padding: 2px; cursor: pointer; }
div.other-img-box.selected,div.other-img-box:hover { border: 1px solid #B7924F; }
div.other-img-box+div.other-img-box { margin-left: 5px; }

div.other-img-box img { width: 47px; height: 47px; }

div.product-text-area p.product-num { color: #CE1D1E; margin: 0px; font-size: 15px; line-height: 25px; }
div.product-text-area p.product-name { color: #5B432D; margin: 0px; font-size: 18px; line-height: 35px; }
div.product-text-area div.product-intro { border-top: 2px dotted #B38B44; border-bottom: 2px dotted #B38B44; padding: 15px 5px 52px 5px; position: relative; min-height: 130px; font-size: 15px; line-height: 1.5em; }

div.product-text-area div.social-share-area { position: absolute; bottom: 15px; right: 5px; height: 32px; }
a.social-button { display: inline-block; width: 32px; height: 32px; }
a.social-button+a.social-button { margin-left: 5px; }
a.social-button.facebook { background: url(../img/product/fb.png); }
a.social-button.facebook:hover { background: url(../img/product/fb-on.png); }
a.social-button.plurk { background: url(../img/product/plurk.png); }
a.social-button.plurk:hover { background: url(../img/product/plurk-on.png); }
a.social-button.twitter { background: url(../img/product/twitter.png); }
a.social-button.twitter:hover { background: url(../img/product/twitter-on.png); }

div.product-order { margin-top: 20px; }
div.product-text-area div.product-spec { position: relative; padding-left: 60px; }
div.product-text-area div.product-amount { position: relative; padding-left: 60px; margin-top: 10px; }
div.product-text-area label.spec-label { position: absolute; left: 0px; line-height: 34px; color: #6A5645; }
div.product-text-area input.btn-add-to-cart { display: block; width: 100%; margin-top: 10px; }

div.product-detail-area { border: 1px solid #EDEBEA; padding: 20px; margin-top: 25px; }

div.product-detail-area label.detail-title { display: block; text-align: center; margin-bottom: 20px; position: relative; }
div.product-detail-area label.detail-title span.ch-title { color: #000000; font-size: 18px; }
div.product-detail-area label.detail-title span.eg-title { color: #CE1D1E; font-size: 18px; padding-left: 15px; padding-right: 5px; }

/* related product */
div.related-product { border: 1px solid #EDEBEA; border-top: none; padding: 40px; background: url(../img/product/bg-product.png); }
div.related-product label.related-title { display: block; text-align: center; margin-bottom: 20px; position: relative; }
div.related-product label.related-title span.ch-title { color: #000000; font-size: 18px; padding-left: 5px; }
div.related-product label.related-title span.eg-title { color: #CE1D1E; font-size: 18px; padding-left: 15px; padding-right: 5px; }

div.other-product { margin: 20px 0px; }
div.other-product div.owl-item { padding: 0px 20px; background: #FAF9F9; }
div.other-product div.product-img-box { border: 1px solid #B38B44; padding: 10px;  }
div.other-product div.product-title { font-size: 15px; margin: 10px 0px; }
div.other-product div.product-title a { color: #5B432D; }

/* product change */
div.product-change { margin: 20px 0px; }
div.product-change>a { color: #fff; background: #A70000; line-height: 35px; text-align: center; display: block; }
div.product-change>a i { margin: 0px 10px; }
div.product-change a.next { margin-top: 10px; }

/* cart banner */
div.cart-banner { border: 1px solid #5E412E; background: url(../img/cart/check-out-bg.png); padding: 15px 20px; }
div.cart-banner h3 { color: #000000; font-size: 22px; font-weight: bold; padding: 0px; margin: 0px 0px 10px 0px; }
div.cart-banner i { position: absolute; right: -8px; top: 50%; margin-top: 6px; color: #81683A; }
div.cart-banner img { max-width: 100%; height: auto; }
div.cart-banner p { color: #E3C897; font-size: 14px; line-height: 32px; margin-bottom: 0px; }
div.cart-banner p.selected { color: #fff; }

/* cart-list */
div.cart-list { border: 1px solid #B99457; font-size: 15px; }
div.cart-list.no-border-top { border-top: none; }
div.cart-list div.order-title { background: #D9C194; padding: 10px 15px; border-bottom: 1px solid #B99457; }
div.cart-list div.order-item { padding: 10px 15px; }
div.cart-list div.order-item>div.row>div { padding: 10px 15px; }

div.cart-list div.order-item>div.row>div.no-padding { padding: 10px 0px; }
div.cart-list div.order-item>div.row>div.no-padding-right { padding-right: 0px; }
div.cart-list div.order-item>div.row>div.no-padding-left { padding-left: 0px; }

div.cart-list div.order-item+div.order-item { border-top: 1px solid #D7D0CA; }

div.cart-list div.order-item i { color: #B99457; font-size: 1.5em; padding-right: 10px; }
div.cart-list div.order-item img { width: 80px; height:80px; }

div.cart-list div.order-item span.mb-price { display: inline-block; float: right; padding: 4px 5px; height: 21px; }
div.cart-list div.order-item span.mb-old-price { display: inline-block; float: right; padding: 4px 5px; height: 21px;
    text-decoration: line-through; margin-right: 10px; }
div.cart-list div.order-item span.price-old { text-decoration: line-through;  }
div.cart-list div.order-item span.price-spec { color: #CE1D1E; }
div.cart-list div.order-item input { text-align: center; }

div.cart-list div.cart-type-list { border-top: 1px solid #D7D0CA; padding: 10px 15px; }
div.cart-list div.cart-type-list>div.row>div { padding: 10px 15px; }
div.cart-list div.cart-type-list span.price-spec { color: #CE1D1E; }
div.cart-list div.cart-type-list span.price-sum { color: #E90000; font-weight: bold; }


div.cart-list a { color: #B99457; }
div.cart-list a:hover { color: #8E6B31; }

/* cart list regular */
div.regular-product-owl div.product-box { display: block; padding: 25px 20px; background: #fff; }
div.regular-product-owl div.product-box.selected { background: #E9D9BA; }
div.regular-product-owl div.product-img-box { border: 1px solid #B38B44; padding: 10px;  }

div.regular-product-owl div.product-box.selected div.product-img-box { border: 1px solid #CE1D1E; }
div.regular-product-owl div.product-title { font-size: 15px; margin: 10px 0px; }
div.regular-product-owl div.product-title a { color: #5B432D; }

div.regular-product-owl div.product-spec-area { height: 74px; padding: 10px;  background: rgb(253, 245, 229); border-radius: 10px; margin-bottom: 10px;}
div.regular-product-owl div.product-spec { position: relative; line-height: 18px; font-size: 14px; overflow: hidden; height: 54px; }
div.regular-product-owl div.product-spec:after { 
    position: absolute;
    display: block;
    content: '';
    bottom: 0px;
    right: 0px;
    width: 60px;
    height: 18px;
    background: -webkit-linear-gradient(left, rgba(253, 245, 229, 0), rgb(253, 245, 229));
    background: -o-linear-gradient(left, rgba(253, 245, 229, 0), rgb(253, 245, 229));
    background: -moz-linear-gradient(left, rgba(253, 245, 229, 0), rgb(253, 245, 229));
    background: linear-gradient(left, rgba(253, 245, 229, 0), rgb(253, 245, 229)); 
}

div.regular-product-owl div.owl-controls { margin-top: 0px; }

div.regular-product-owl div.price { position: relative; line-height: 42px; padding: 4px 55px 4px 0px; }
div.regular-product-owl .cart-button { width: 42px; height: 42px; position: absolute; top: 0px; right: 0px; background: url(../img/cart/cart.png); cursor: pointer; }
div.regular-product-owl div.product-box.selected .cart-button,div#regular-product div.product-box:hover .cart-button { background: url(../img/cart/cart_hover.png); }

/* regular tab */
.nav-box a {
  color: #515C67; }

.nav-box .nav-tabs {
  border: none; }
  .nav-box .nav-tabs li > a {
    display: none;
    background: #B99457;
    color: #fff; }
  .nav-box .nav-tabs li.active, .nav-box .nav-tabs li:hover {
    width: 100%; }
    .nav-box .nav-tabs li.active > a, .nav-box .nav-tabs li:hover > a {
      display: block;
      background: #B99457;
      color: #fff; 
      border: 1px solid #B99457;
      margin-right: 0px;
    }
  @media screen and (min-width: 992px) {
    .nav-box .nav-tabs {
      border-bottom: 1px solid #B99457;
      padding-right: 0px; }
      .nav-box .nav-tabs li { width: 25%; }
      .nav-box .nav-tabs li+li { padding-left: 15px; }
      .nav-box .nav-tabs li > a {
        background: #fff;
        display: block;
        color: #cdb796;
        font-size: 16px;
        border-color: #cdb796;
        border-bottom: 1px solid #B99457;
        padding: 10px 8px;
        text-align: center;
        margin-right: 0px; }
      .nav-box .nav-tabs li.active, .nav-box .nav-tabs li:hover {
        width: 25%; }
        .nav-box .nav-tabs li:hover > a {
          background: #fff;
          color: #000;
          border: 1px solid #B99457;
          border-bottom: 1px solid #B99457; } 
        .nav-box .nav-tabs li.active > a {
          background: #fff;
          color: #000;
          border: 1px solid #B99457;
          border-bottom: 1px solid #fff; }
}

.nav-box .spec-product-options {
  height: 38px;
  margin-top: -38px;
  position: relative; }
  .nav-box .spec-product-options > a {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    line-height: 38px;
    text-align: right;
    padding-right: 13px;
    color: #fff; }


/* add product cart */
div.cart-owl { padding: 10px 45px !important; }
div.cart-owl div.add-product-img img { width: auto; max-width: 100%; margin: 0px auto; }
div.cart-owl div.add-product-title { margin-top: 15px; text-align: center; }
div.cart-owl .owl-controls { margin-top: 0px; }
div.cart-owl .btn { display: block; width: 80%; margin: 10px auto; padding: 5px; }

div.cart-owl div.owl-controls .owl-nav>div { position: absolute; top: 50%;  width: 30px; height: 30px; margin: -15px 0px 0px 0px !important; padding: 0px !important; opacity: 0.8; }
div.cart-owl div.owl-controls .owl-nav>div:hover { opacity: 1; }
div.cart-owl div.owl-controls .owl-nav>div.hidden-button { display: none !important; }
div.cart-owl div.owl-controls .owl-nav>div.owl-prev { left: 10px; background: url(../img/cart/owl-prev.png); }
div.cart-owl div.owl-controls .owl-nav>div.owl-next { right: 10px; background: url(../img/cart/owl-next.png); }

/* ori form */
div.ori-form { border: 1px solid #B99457; }
div.ori-form div.form-group-box { padding: 20px 15px; }
div.ori-form div.form-group-box.cart3 { padding: 45px 30px; }
div.ori-form div.form-group-box+div.form-group-box { border-top: 1px solid #D7D0CA; }
div.ori-form textarea { border: 1px dashed #DCD6D1; }
div.ori-form a.alert-red { color: #CE1D1E; }
div.ori-form .finish-alert-text { font-size: 18px; color: #CE1D1E; margin-bottom: 30px; }

div.ori-form .date-box { position: relative; padding-right: 40px; }
div.ori-form .date-box span.date-text { position: absolute; top: 0px; right: 15px; line-height: 34px; }

/* member login */
div.member-bg { padding: 20px 15px; background: url(../img/member/login-background-xs.png) 0px -43px; border: 1px solid #B99457; }
div.login-box a.text { line-height: 34px; }
h3.login-title { font-size: 18px; margin-top: 0px; margin-bottom: 30px; font-weight:  bold; }
div.login-box div.button-area { margin-top: 30px; }
img#auth_code,img.auth_code { height: 34px; max-width: 100%; margin-right: 15px; }
a#auth_code_change { line-height: 34px; }
a#auth_code_change i { background: #A7864B; color: #fff; margin-right: 10px; padding: 7px 5px; }

div.login-area label.control-label { font-weight: normal; }

div.register-area { border-top: 1px dashed #BC9F6A; padding-top: 20px; margin-top: 20px; }
div.register-area p { line-height: 34px; font-size: 15px; }

/* member menu */
div.member-button-area { text-align: center; }
a.member-button { display: inline-block; width: 134px; height: 143px; max-width: 100%; }
p.member-button-text { font-size: 14px; color: #B18F50; text-align: center; }
div.member-button-area:hover p.member-button-text { color: #856C3F; }

a.member-button.information { background: url(../img/member/member-information.png) 50% no-repeat; background-size: 100%; }
a.member-button.history { background: url(../img/member/member-history.png) 50% no-repeat; background-size: 100%; }
a.member-button.question { background: url(../img/member/member-question.png) 50% no-repeat; background-size: 100%; }
a.member-button.adress { background: url(../img/member/member-adress.png) 50% no-repeat; background-size: 100%; }
a.member-button.coupon { background: url(../img/member/member-coupon.png) 50% no-repeat; background-size: 100%; }
a.member-button.bonus { background: url(../img/member/member-bonus.png) 50% no-repeat; background-size: 100%; }
a.member-button.track { background: url(../img/member/member-track.png) 50% no-repeat; background-size: 100%; }
a.member-button.logout { background: url(../img/member/member-logout.png) 50% no-repeat; background-size: 100%; }

div.member-button-area:hover a.member-button.information { background: url(../img/member/member-information-on.png) 50% no-repeat; background-size: 100%; }
div.member-button-area:hover a.member-button.history { background: url(../img/member/member-history-on.png) 50% no-repeat; background-size: 100%; }
div.member-button-area:hover a.member-button.question { background: url(../img/member/member-question-on.png) 50% no-repeat; background-size: 100%; }
div.member-button-area:hover a.member-button.adress { background: url(../img/member/member-adress-on.png) 50% no-repeat; background-size: 100%; }
div.member-button-area:hover a.member-button.coupon { background: url(../img/member/member-coupon-on.png) 50% no-repeat; background-size: 100%; }
div.member-button-area:hover a.member-button.bonus { background: url(../img/member/member-bonus-on.png) 50% no-repeat; background-size: 100%; }
div.member-button-area:hover a.member-button.track { background: url(../img/member/member-track-on.png) 50% no-repeat; background-size: 100%; }
div.member-button-area:hover a.member-button.logout { background: url(../img/member/member-logout-on.png) 50% no-repeat; background-size: 100%; }

/* activity */
div.activity-intro { padding: 10px 30px; font-size: 14px; background: url(../img/index/line.png) 0px 100% repeat-x; margin-bottom: 35px; }

div.activity-combination-intro-area { position: relative; }
div.activity-combination-intro { font-size: 14px; color: #7A736D; margin-bottom: 10px; }
div.activity-combination-intro-area a.btn-add-to-cart { position: relative; display: block; }

div.activity-combination-list-area { margin: 15px 0px; }
div.activity-combination-list-area:after { 
    content: '';
    display: block;
    clear: both; 
}
div.activity-combination-box { float: left; width: 100%; margin-bottom: 30px; }
div.activity-combination-box { padding: 0px 20px; }
div.activity-combination-box>a.photo-area-border { display: block; text-align: center; border: 2px solid #AC8B4E; padding: 10px; }
div.activity-combination-box>a.photo-area-border:hover { border: 2px solid #CE1D1E; }
div.activity-combination-box div.photo-area { position: relative; overflow: hidden; }
div.activity-combination-box div.photo-area img { max-width: 100%; height: auto; }
div.activity-combination-box div.photo-area img.mask { display: none }
div.activity-combination-box div.photo-area img.photo { position: relative; }
div.activity-combination-box>a.product-title { display: block; color: #5B432D; font-size: 15px; height: 42px; overflow: hidden; margin: 10px 0px; }

div.activity-combination-box div.product-order-area { position: relative; padding-right: 137px; }
a.btn-add-to-cart2 { position: absolute; top: -1px; right: 0px; color: #fff; background: url(../img/choose_button_off.png); width: 127px; height: 36px; padding-left: 0px; border-radius: 0px; }
a.btn-add-to-cart2:hover,a.btn-add-to-cart2.selected { color: #fff; background: url(../img/choose_button_on.png); }

/* member bonus */
span.checkBonusDetailLink { cursor: pointer; }

/* social area */
div.social-area { margin-top: 30px; }

/* page list */
div.page_list { margin-top: 25px; }
ul.pagination { margin: 0px; }
ul.pagination li a { border: none; padding: 0px; margin: 0px 10px; color: #665A4E; }
ul.pagination li.hover a { background: none; color: #CE1D1E; } 
ul.pagination li a:hover,a:active { background: none; color: #CE1D1E; }
.page_imfo { vertical-align: middle; float: right; }

/*
=================================================================
(#m04bos) BOOTSTRAP OVERWRITE/EXTEND STYLES
=================================================================
*/


.col-no-padding { padding: 0px; }
.mb-no-padding { padding: 0px; }


.btn { padding: 7px 12px; }
.form-control { border-radius: 0px; }

.label-default { background: #aaa; }
.label-important { background: #AB8B4E; }
.label-waring { background: #CE1D1E; }

.label-sm-left { text-align: left !important; margin-bottom: 15px !important; }
.xs-margin-top { margin-top: 10px; }


/* popover */
.popover { z-index: 10000; }

/*
=================================================================
(#m05ths) THEME
=================================================================
*/


/*
=================================================================
(#m06hes) HELPERS
=================================================================
*/

/*拿掉電腦版使用input number 時的箭頭*/
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}
/*firefox */
input[type=number] {
    -moz-appearance:textfield;
}


/*
=================================================================
(#m07res) RESPONSIVE
=================================================================
*/




@media screen and (max-width: 550px) {
    
}

@media screen and (max-width: 450px) {
    
}

@media screen and (min-width: 360px) {
    div.footer-img-area { background: url(../img/index/footer-pic-480.png) 100% no-repeat; height: 362px; }
}

@media screen and (min-width: 450px) {
    header { background: url(../img/index/bg-600.png) 100%; }
    div.footer-img-area { background: url(../img/index/footer-pic-760.png) 50% no-repeat; height: 315px; }
}

@media screen and (min-width: 480px) {
    /* member login */
    div.member-bg { background: url(../img/member/login-background-md.png) 0px -43px; }

    /* count down title */
    div.title-area { height: 99px; }
    div.count-down-area { position: absolute; right: 0px; top: 20px; }
    div.count-down-area span.num { font-size: 28px; padding: 0px 10px; }
    div.count-down-area span.type { font-size: 16px; }
}


@media screen and (min-width: 600px) {
    header { background: url(../img/index/bg-760.png) 100%; }

    /* list */
    div.list-box { padding-left: 282px; }
    div.list-box div.photo-box { display: inline-block; position: absolute; left: 0px; }
    div.list-box div.photo-box img { width: 230px; height: 230px; }
    div.list-box div.info-box {min-height:263px;position: relative;padding-bottom: 45px; }
    div.list-box div.info-box a.product-title { color: #394263; line-height: 33px; height: 76px; overflow: hidden; display: block; border-bottom: 2px dotted #B38B44; text-align: left; padding: 0px 0px 10px 0px; margin-bottom: 10px; }
    div.list-box div.info-box div.product-intro { display: block;}
    div.list-box div.info-box div.product-order-area { padding-right: 135px; width: 100%; min-height: 34px; position: absolute; bottom: 0px; }
    div.list-box div.info-box div.product-order-area a.btn-add-to-cart,button.btn-add-to-cart { position: absolute; bottom: 0px; right: 0px; margin-top: 0px; padding-right: 20px; }
    div.list-box div.info-box div.product-order-area button.btn-add-to-cart { width: 127px; }
    div.list-box div.info-box div.product-activity-num-area input { width: 100px; float: right; }
    

    /* limit list */
    div.list-box div.info-box div.product-order-area.limit { padding-right: 0px; }
    div.list-box div.info-box div.product-order-area.limit a.btn-add-to-cart,button.btn-add-to-cart { position: relative; display: inline-block; float: right; }
    div.list-box div.info-box div.product-order-area.limit input { position: relative; display: inline-block; width: 50px; float: right; }


    /* activity */
    div.activity-combination-box { width: 50%; }
    div.activity-combination-box div.photo-area img.mask { display: block }
    div.activity-combination-box div.photo-area img.photo { position: absolute; left: 0px; top: 0px; }

}

@media screen and (min-width: 700px) {
    /* limit list */
    div.list-box div.info-box div.product-order-area.limit { padding-right: 205px; }
    div.list-box div.info-box div.product-order-area.limit a.btn-add-to-cart,button.btn-add-to-cart { position: absolute; bottom: 0px; right: 0px; }
    div.list-box div.info-box div.product-order-area.limit input { position: absolute; bottom: 0px; right: 135px; } 
}  


@media screen and (min-width: 768px) {
    .container {
        width: 100%;
    }

    header { background: url(../img/index/bg-992.png) 100%; }
    div.footer-img-area { background: url(../img/index/footer-pic-992.png) 50% no-repeat; height: 315px; }

    div.logo-area { margin-top: 30px; }
    .is-sticky div.logo-area { margin-top: 20px; }
    .is-sticky ul.main-menu { margin-top: 5px; }
    div.main-area { position: relative; margin-top: -650px; }
    
    /* index news */
    div.news-list a.news-title { margin-top: 0px; }

    /* special button */
    a.special-button { margin: 25px 0px; }
    a.special-button.teapot { margin-top: 60px; }

    /* page banner */
    div.page-banner { height: 121px; background: url(../img/about/banner-product-content.png) 100% no-repeat;  border: 1px solid #5E412E; border-right: none; padding-right: 70px; }
    div.page-banner h2 { padding: 36px 0px; }

    /* add to cart button */
    .btn-add-to-cart { width: 127px; height: 34px; background: url(../img/red-button.png) no-repeat; color: #fff !important; }
    .btn-add-to-cart:hover { background: url(../img/red-button_hover.png) no-repeat; }
    
    /* table */
    div.ori-table { border: 1px solid #B99457; margin-bottom: 20px; }

    /* retail list */
    a.retail-list-title { margin-top: 0px; }

    /* product detail */
    div.product-detail-box { border: 1px solid #EDEBE9; padding: 40px; }
    div.product-info-area { padding-left: 320px; position: relative; }
    div.product-img-area { position: absolute; left: 0px; }
    div.product-main-img img { width: 240px; height: 240px; }
    div.product-text-area { min-height: 400px; }
    div.product-text-area div.product-intro { min-height: 206px; }
    div.product-text-area div.product-amount { display: inline-block; width: 130px;  }
    div.product-text-area input.btn-add-to-cart { display: inline-block; margin-left: 15px; vertical-align: top; width: 127px; }
    div.product-detail-area { border: none; padding: 0px; }
    div.product-detail-area label.detail-title { text-align: left; background: url(../img/product/line2.png) 0px 15px repeat-x; }
    div.product-detail-area label.detail-title span { background: #fff; }
    div.product-detail-area label.detail-title img { position: absolute; right: 0px; top: 5px; }

    /* related product */
    div.related-product label.related-title { background: url(../img/product/line2.png) 0px 12px repeat-x; }
    div.related-product label.related-title span { background: #FAF9F9; }

    /* cart banner */
    div.cart-banner { padding: 37px 20px; }
    div.cart-banner h3 { padding: 25px 0px 0px 30px; }

    /* cart-list */
    div.cart-list div.order-item { padding: 10px 20px; }
    div.cart-list div.order-item>div.row>div { padding: 10px 15px; }
    div.cart-list div.cart-type-list>div.row>div { padding: 10px 15px; }
    div.cart-list div.order-item span.mb-price { display: none; }
    div.cart-list div.order-item span.mb-old-price { display: none; }
    
    /* ori form */
    div.ori-form div.form-group-box { padding: 45px 15px; }

    /* bootstrap */ 
    .xs-margin-top { margin-top: 0px; }


    /* member login */
    div.member-bg { padding: 40px 50px; background: url(../img/member/login-background.png) 0px -43px; }

    /* activity */
    div.activity-combination-intro-area { padding-right: 132px; }
    div.activity-combination-intro { line-height: 34px; margin-bottom: 0px;}
    div.activity-combination-intro-area a.btn-add-to-cart,button.btn-add-to-cart { position: absolute; top: 0px; right: 0px; }

    div.activity-combination-box { width: 33.33%;  }
}

@media screen and (min-width: 992px) {
    .container {
        width: 955px;
    }
    
    header { background: url(../img/index/bg-1200.png) 50%; }
    div.footer-img-area { background: url(../img/index/footer-pic-1200.png) 50% no-repeat; height: 315px; }

    div.logo-area { display: block; text-align: center; padding-right: 0px; margin-top: 0px; padding-left: 30px; }
    div.main-area { position: relative; margin-top: -600px; }
    .is-sticky div.menu-button-area { top: -55px; }

    /* footer */
    div.footer-imf-area { background: url(../img/index/footer-pattern.png) 50% -110px #724F2E no-repeat; padding: 15px 0px; }
    div.footer-imf-area span.mb-block { display: inline-block; margin-right: 15px; }
    div.web-imfo-area span.acart { color: #fff; }
    
    /* bootstrap */
    .mb-no-padding { padding: 0px 15px; }

    /* page banner */
    div.page-banner h2 { padding: 40px 0px; }
    div.page-banner h2 span.ch-title { display: inline-block; padding-left: 0px; font-size: 22px; }
    div.page-banner h2 span.eg-title { display: inline-block; padding-left: 0px; margin-top: 0px; font-size: 22px; }

    /* main content */
    div.main-content-title { margin-bottom: 30px; }

    /* list */
    div.list-intro { background: url(../img/list/banner_introdution_md.png) no-repeat; border: none; border-top: 1px solid #ABA096; border-bottom: 1px solid #ABA096; height: 205px; overflow: hidden; padding: 30px 80px; margin-top: 0px; }
    
    /* error page */
    div.error-page label { position: absolute; top: 175px; left: 190px; }

    /* product change */
    div.product-change { height: 30px;  }
    div.product-change>a { color: #010101; background: none; line-height: 30px; display: inline-block; }
    div.product-change>a i { color: #9E1F24; }
    div.product-change a.before { float: left; }
    div.product-change a.next { float: right; margin-top: 0px; }

    /* cart-list */
    div.cart-list div.order-title { padding: 10px 45px; }
    div.cart-list div.order-item { padding: 10px 45px; }
    
    /* member login */
    div.login-area { border-right: 2px dashed #BC9F6A; }
    div.register-area {  border-top: none; padding-top: 0px; margin-top: 0px; padding-left: 40px; }   

    /* bootstrap */
    .label-sm-left { text-align: right !important; margin-bottom: 0px !important; }
}

@media screen and (min-width: 1200px) {
    .container {
        width: 1032px;
    }

    header { background: url(../img/index/bg-1920.png) 50%; }
    div.footer-img-area { background: url(../img/index/footer-pic.png) 100% no-repeat; height: 299px; }
    
    .is-sticky div.menu-button-area { top: 0px; }

    /* menu-button-area */
    div.menu-button-area { position: absolute; display: inline-block; width: auto; top: 15px; right: 0px; }

    /* list */
    div.list-intro { background: url(../img/list/banner_introdution_lg.png) no-repeat;  height: 205px; overflow: hidden; padding: 30px 80px; }
    
    /* error page */
    div.error-page label { position: absolute; top: 188px; left: 200px; }
}

@media screen and (min-width: 1921px) {
    header { 
        background: url(../img/index/header_bg.png) 0 0 repeat-x, url(../img/index/left_bg.png) 0 0 no-repeat, url(../img/index/right_bg.png) 100% 0 no-repeat; 
    }
}

.hp-input-item {
    display: none;
}

/*
=================================================================
(#m08rts) RETINA
=================================================================
*/

/*
=================================================================
(#m09rprl) PRELOAD
=================================================================
*/