@charset "utf-8";
/* CSS Document */
html {
  scroll-behavior: smooth;
}
.w-40 { max-width: 40% !important; height:auto; }
.main-wrapper { margin-top: 9rem; }
.footer { padding-bottom: 10px; }
.mainContent img { max-width: 100%; height:auto; }
.menu-top {
	background:url(../img/menu/bg-menu.jpg) left top repeat;
}
.navbar-nav .nav-item span { color: #671905; }
.navbar-default .navbar-collapse li a.nav-link {
	font-size: .9em;
    text-transform: none;
	font-weight: 600;
}

.top-right .account-login span .shop:link, .top-right .account-login span .shop:visited {
  color: #000;
  padding-left: 1em;
  padding-right: 1em;
  background-color: #f2c25c;
  transition: all 0.3s ease-in-out;
}
/*cart*/
.menu-cart img {
	width: 40px;
	-webkit-transform: scaleX(-1);
  	transform: scaleX(-1);	
}

.top-right .account-login span .shop:hover {
  color: #fff;
}
/*商品區塊標題*/
.whiteSection .featuredCollection .thumbnail .caption h3, .mainContent .featuredCollection .thumbnail .caption {
	top: 1em;
	left: 1em;
}
.whiteSection .featuredCollection .thumbnail .caption h3, .mainContent .featuredCollection .thumbnail .caption h3 {
    color: #fff;
	text-shadow: 0.1em 0.1em 0.2em black;
}
.b-high { line-height: 45px !important; }

.pagetit { margin-top: .5em; color: #979797; font-size: .8em; }
.pagetit a:link, .pagetit a:visited { color: #979797; }
.pagetit2 { color: #671905; font-weight: 500; }

.company-footer {
	background-color: #f2f2f2;
	margin-top: 1em;
	font-size: .9em;
}
.company-footer p { margin-bottom: .3em; }
.company-footer .tit { font-weight: 500; }
.company-footer .cl { border-left: #9c9c9c 1px solid; }
.company-footer h2 {
	text-align: center;
	color: #671905;
	margin-bottom: .8rem;
}
.company-footer .hd { background:url(../img/line-gray.png) left center repeat-x; }
.company-footer .hd span { padding: 0 1em; background-color: #f2f2f2; }

/*產品*/
.productListSingle .media-body { color: #671905; }


.prod-category .collapseItem li.active a:link, .prod-category .collapseItem li.active a:visited { color: #f58a42; }
.footer .footerLink a:link, .footer .footerLink a:visited { color: #fff; }
.footer .footerLink a:hover { color: #f2c25c; }
.footer .footerLink h5 { font-size: 1.1em; }
.footer .footerLink ul { margin-bottom: 0; }
.footer .footerLink ul li, .footer .footerLink ul li a { font-size: 13px; }

.company h3 { font-size: 1.1em; font-weight:500; color: #fff; background-color: #9b9b9b; padding: .5em 1em; }
.branch h3 { font-size: 1.1em; font-weight:500; color: #000; background-color: #e8e8e8; padding: .5em 1em; }
.branch hr { border-top: 1px solid rgba(0,0,0,.4)}

/*各式背景樣式*/
.bg-flower {
	background:url(../img/bg-flower.jpg) top left repeat;
}
.bg-stone-01 {
	background:url(../img/bg-stone-01.jpg) left top repeat;
	background-size: 100% auto;
}
.bg-stone-02 {
	background:url(../img/bg-stone-02.jpg) left top repeat;
	background-size: 100% auto;
}
.bg-stone-03 {
	background:url(../img/bg-stone-03.jpg) left top repeat;
	background-size: 100% auto;
}

.btn-back {
	color: #671905;
	background-color: transparent;
    border: #671905 1px solid;
	padding-right: 1.8rem;
	height: 3rem;
	line-height: 2.8rem;
}
.btn-back:hover {
	color: #fff;
	background-color: #671905;
    border: #671905 1px solid;
}

/*分頁*/
.blogPage .pagination li a {
    border: 1px solid #000;
    color: #000;
}
.blogPage .pagination li a:hover {
  color: #ffffff;
  background-color: #671905;
  border-color: #fff;
}
.blogPage .pagination li.active a, .blogPage .pagination li.active a:hover {
  color: #ffffff;
  background-color: #671905;
}

hr.brown { border-top: #671905 1px solid; }

.menu-cart li { display: inline-block; position: relative; }
.menu-cart .badge {
	padding: 0;
	letter-spacing: normal;
	display: flex;
	align-items:center;
	justify-content: center;
	font-size: 8px; 
	width: 2.4em;
	height: 2.4em;
	line-height: 2.4em;
	text-align:center;
	position:absolute;
	top: -5px; right: 0;
	font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	/*background: rgba(0, 0, 0, .6);*/
}
/*包裝*/
.package .txt { font-size: .9em; }
.copyright { color:#FCFBFB; font-size:.7em; }

.topBar { line-height: 22px; font-size: .9em; }

/*明體*/
.font-ming, .font-ming * {
	font-family: 'Noto Serif JP', serif;
}
/*黑體*/
.font-black, .font-black * {
	font-family: 'Noto Sans JP', serif;
	font-weight: 300;
}
.footer .footerLink ul li, .footer .footerLink ul li a {
    /*font-size: 16px;*/
}
.footer .footerLink ul li {
	line-height: 25px;
}
/*購物需知*/
.shop-notice p, .shop-notice ul { font-size: .9em; }

/*載入旋轉*/
.ani_rotate {
    -webkit-animation:spin 4s linear infinite !important;
    -moz-animation:spin 4s linear infinite !important;
    animation:spin 4s linear infinite !important;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@media (min-width: 577px) {
	.menu-top .logo, .company-footer .hd img { max-width: 300px; height: auto; }
}
@media (min-width: 768px) {
	.menu-cart { position:absolute; top: 0; right: 1rem; }
	.company-footer p { font-size: 13px; line-height: 1.5; }
	.mainContent {
	    /*padding: 30px 0 30px 0;*/
	}
	.copyright { text-align:left; padding-left: 0; }
}
@media (min-width: 1000px) {
	.menu-top .logo { max-width: 400px; height: auto; }
}

@media (max-width: 993px) {
	.navbar-brand small { display: none !important; }
}
@media (max-width: 767px) {
	.main-wrapper { margin-top: 8.5rem; }	
	.pagetit2 { margin-top: 1em;  }
	.container { width: 100%; }
	.menu-top .logo { max-width: 70%; }
	.navbar .navbar-toggler { position: fixed; top: 4rem; left: .5rem; width: 2.2rem; height: 2rem; background-color: transparent; color: #b38c82; }
	.navbar .menu-cart { position: fixed; top: 3.5rem; right: .5rem; width: 2.2rem; height: 2rem; display:block; }
	.footer .footerLink { text-align: left; }
	.copyright { text-align: center; }
	
	/*手機版分公司區*/
	.company-footer .hd2 { background-color: #999; }
	.company-footer .btn-light {
		color: #fff;
		background-color: #999;
		border: #fff 1px solid;
		text-align: left;
		font-size: 1.2em;
	}
	.company-footer .btn-light span { float: right; }
	.company-footer .btn-light:not(:disabled):not(.disabled).active, .company-footer .btn-light:not(:disabled):not(.disabled):active, .company-footer .show>.btn-light.dropdown-toggle {
		color: #fff;
		background-color: #999;
		border-color: #fff;
	}
	#store-list { font-size: .9em; }
	#store-list hr { border-top: 1px dotted rgba(0,0,0,.1); }
	.m-store {}
}
@media (max-width: 576px) {
	.menu-top .logo, .company-footer .hd img { max-width: 70%; }
	.main-wrapper { margin-top: 6.1rem; }	
	.bg-banner .col-12 { padding: 0; }
	.topBar { font-size: .8em; letter-spacing: 0; }
	.menu-top { height: 3.6rem; padding-left: 0; padding-right: 0; }
	.menu-top .navbar-default { padding: 0; }
	.navbar .navbar-toggler { position: fixed; top: 3.1rem; left: .5rem; width: 2.2rem; height: 2rem; background-color: transparent; color: #b38c82; }
	.navbar-default .navbar-collapse { max-height: none; transition:none; }
	.navbar .menu-cart { position: fixed; top: 3.1rem; right: .5rem; width: 2.2rem; height: 2rem; display:block; }
	.navbar-nav .nav-item span { display: none; }
	/*.navbar-nav { background:url(../img/menu/bg-menu.jpg) left top repeat; width: 100%; }*/
	.navbar-nav ul { background-color: #888; width: 100%; }
	.pagetit { font-size: .9em; display: none; } 
	.pagetit2 { font-size: 1.4em;  }
	.navbar-default .navbar-collapse li a.nav-link {
		-webkit-transition-property: none;
		-moz-transition-property: none;
		-o-transition-property: none;
		transition-property: none;
		transition:none;
	}
	.navbar-default .navbar-collapse.show {
		height: 100vh;
		background-color: #888;
		font-family: 'Noto Sans JP', serif !important;
		font-weight: 400;
	}
	.navbar-default .navbar-collapse li a.nav-link {
		width: 100%;
		color: #fff;
		font-family: 'Noto Sans JP', serif !important;
		font-weight: 400;
		line-height: 3;
		font-size: 1.1em;
	}
	.navbar-default .navbar-collapse.show li { border-bottom: #fff 1px solid; }
	.navbar-default .navbar-collapse.show li:last-child { border-bottom: none; }
	.navbar-default .navbar-collapse.show li.active a.nav-link { color: #fff; }
	.navbar-default .navbar-collapse.show .btn-outline-secondary { 
		color: #fff; border: #fff 1px solid; font-family: 'Noto Sans JP', serif !important; 
		padding: .2rem .5rem;
		height:auto;
		font-size: 1.1em;
		line-height: 2;
		transition: none !important;
		letter-spacing: 2px;
		width: 10em;
		text-align:center;
	}
	#store-list p span { display: block; }
	#taiwan-store { scroll-margin-top: 80px; } /*店舖一覽捲動時的位置*/
}
/*小手機*/
@media (max-width: 375px) {
	.topBar small { white-space:nowrap; }
}