@charset "utf-8";
/* @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Lilita+One&family=Sofia&display=swap'); */
@import url('css2.css');
@import url("https://fonts.googleapis.com/css2?family=Barlow:wght@500&family=Noto+Serif+TC:wght@400;500;600;700&display=swap");
body {font-family: "Noto Serif TC", "Microsoft JhengHei", serif;font-size: 16px;color: #666;background: #fff;}

.img {
    max-width: 100%;
    transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
}


a,
.button {
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

a:focus,
.button:focus {
    text-decoration: none;
    outline: none;
}

a:focus,
a:hover,
.gallery-cat a:hover,
.footer -menu li a:hover {
    text-decoration: none;
}

a:hover {
    color: #000;
}
a,
button {
    color: #333;
    outline: medium none;
    cursor: pointer;
}
button {
	padding: 0px;
	border: none;
	outline: none;
	background: none;
	display: inline-block;
	transition: .3s;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
}
button:focus,
input:focus,
input:focus,
textarea,
textarea:focus {outline: 0}

h2,
h3,
h4,
h5,
h6 {color: #333;margin-top: 0px;}

h2 a,
h3 a,
h4 a,
h5 a,
h6 a {color: inherit;}
h2 {
	font-size:40px;
	font-weight:800;
	color: #2877a0;
}
h3 {font-size: 30px;color:#845956}
h4 {font-size: 25px;font-weight:800;}
h5 {font-size: 20px;}
h6 {font-size: 16px;}
ul {margin: 0px;padding: 0px;}
li {list-style: none}
img {max-width: 100%;height: auto;}
p {
	line-height: 30px;
	margin-bottom: 15px;
	font-weight:600;
	font-size: 18px;
	letter-spacing: 1px;
}
hr {
    border-bottom: 1px solid #999;
    border-top: 0 none;
    margin: 30px 0;
    padding: 0;
}
label {
    color: #333;
    font-size: 15px;
    font-weight: 600;
}
i,
span,
a {display: inline-block;
    
}
a {text-decoration: none;}
	

input, textarea, select {
	width: 100%;
	height:50px;
	background-color: #eee;
	border: 1px solid transparent;
	padding: 0px 20px;
	transition: .3s;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
}
*::-moz-selection {
    background: #73634d;
    color: #fff;
    text-shadow: none;
}
::-moz-selection {
    background: #73634d;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: #73634d;
    color: #fff;
    text-shadow: none;
}
*::-moz-placeholder {
    color: #000;font-weight:800;
    font-size: 16px;
    opacity: 1;
}

*::placeholder {
    color: #000;font-weight:800;
    font-size: 16px;
    opacity: 1;
}
.separator {
    border-top: 1px solid #f2f2f2
}

/* button style */

.btnCart {margin-left:15px;width:54px;height:54px;
	font-size: 16px;
	padding: 15px;
	text-align: center;
	position: relative;
	color: #fefefe;
	background: #333;
	font-weight: 700;
	display: inline-block;
	border-radius: 999px;
}
.btnCart:hover {
    color: #ffff;
    background-color: #5b3434;
}
.thm_btnG:hover { color: #ffff;background-color: #5b3434;}
.thm_btnG {margin:20px auto;padding: 15px 30px;text-align: center;color: #ffff;background: #666;font-weight: 700;display: inline-block;border-radius: 10px;}

.thm_btnR:hover { color: #ffff;background-color: #000;}
.thm_btnR {margin:20px auto;padding: 15px 30px;text-align: center;color: #ffff;background: #ff0000;font-weight: 700;display: inline-block;border-radius: 10px;}


.thm_btn {margin:20px auto;padding: 15px 30px;text-align: center;color: #ffff;background: #cfb378;font-weight: 700;display: inline-block;border-radius: 10px;}


.thm_btn:hover { color: #ffff;background-color: #5b3434;}
.thm_btn2 {width:100%;padding: 13px 10px;text-align: center;color: #ffff;background: #cfb378;font-weight: 700;display: inline-block;border-radius: 10px;}   
.thm_btn-2:hover { color: #ffff;background-color: #5b3434;}

.thm_btnCopy {
	margin-left:20px;
	padding:6px 15px;
	text-align: center;
	color: #ffff;
	background: #cfb378;
	font-weight: 700;
	display: inline-block;
	border-radius: 5px;
	font-size: 14px;
}




.thm_btn-2:hover {
    background-color: #73634d;
}
.thm_btn-white, .thm_btn-white:hover {
	background-color: #fff;
	color: #1e1d23;
}
/* 2. header */
.transparent_header {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	right: 0;
	z-index: 9;
}
.header_area{
	background: #fff;
	box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.07);
	z-index: 44;
	-webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
	animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #2877a0;
	border-bottom-width: 0px;
}
.header_area .sticky{border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #2877a0;}


.header_area .header_space {padding: 35px 120px;}
.main_menu ul li {text-align:center;
	display: inline-block;
	position: relative;
}

.main_menu ul li span{font-size:11px;}
.main_menu ul li a {line-height: 20px;	color: #333;font-size:20px;font-weight:800;padding: 30px 20px 22px 20px;display: inline-block;position: relative;}

.header_area .sticky .logo img {
	height:50px;
}

.header_area .sticky .main_menu ul li a {padding: 18px 20px 10px 20px;}

.header_area .sticky .main_menu ul li ul.sub-menu li {margin: 0;display: block;padding: 0px 3px ;}

.main_menu ul li:last-child {margin-right: 0;}

.main_menu ul li:hover > a::before, .main_menu ul li.active > a::before {
	width: 100%;
    right: auto;
    left: 0;
}
.main_menu ul li .act{
	background-color: #2877a0;
	color: #d0aa76;
}

.main_menu ul li:hover > a,  .main_menu ul li.active > a {
	color: #d0aa76;
	
}
.main_menu ul li ul.sub-menu {
	position: absolute;
	top: 100%;
	left: 0;
	min-width: 230px;
	background: #fff;
	padding: 15px 0;

	z-index: 99;
	transform-origin: 50% 0;
	box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.05);
	transform: scaleY(0);
	-webkit-transform: scaleY(0);
	-moz-transform: scaleY(0);
	-ms-transform: scaleY(0);
	-o-transform: scaleY(0);
	transition: all 0.3s ease-out 0s;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
}
.main_menu ul li:hover > ul.sub-menu {
	transform: scaleY(1);
	-webkit-transform: scaleY(1);
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-o-transform: scaleY(1);
}
.main_menu ul li ul.sub-menu li {margin: 0;display: block;padding: 15px 25px;}
.main_menu ul li ul.sub-menu li a {text-align:left!important;color: #999;display: block;font-size:16px;font-weight: 600;padding: 0;}




.main_menu ul li ul.sub-menu li:hover > a, .main_menu ul li ul.sub-menu li.active > a {
	color: #000;
	font-weight: 800;	
}
.main_menu ul li ul.submenu li a::before { background: none;
   
}
.main_menu ul li ul.sub-menu li ul.sub-menu {
	top: 10%;
	left: 100%;
	transform-origin: 50% 0;
	transform: scaleY(0);
	-webkit-transform: scaleY(0);
	-moz-transform: scaleY(0);
	-ms-transform: scaleY(0);
	-o-transform: scaleY(0);
}
.main_menu ul li ul.sub-menu li:hover > ul.sub-menu {
	top: 0;
	transform: scaleY(1);
	-webkit-transform: scaleY(1);
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-o-transform: scaleY(1);
}
.main_menu ul .dropdown ul.sub-menu .dropdown > a::after {
	position: absolute;
	top: 7px;
	right: 0;
	line-height: 1;
	font-size: 10px;
	content: "\e649";
	font-family: 'themify';
}


@media (max-width: 768px) {
}
@media (max-width: 1279px) {
.main_menu ul li {margin-right:10px;!important;}
.gods .godsBirth{width:30%!important;}
.gods .godsKsitigarbha{width:30%!important;}
.gods .godsTxt{width:70%!important;}	
}
@media (max-width: 991px) {

.gods .godsTxt{width:100%!important;display: block!important;}
.gods .godsBirth{width:100%!important;display: block!important;}
.gods .godsKsitigarbha{width:100%!important;display: block!important;}
.mobile-nav .price{margin-bottom:0px;font-size:25px!important;color:#cfb378;}
#AD-img{left:5%!important;}
.center991{text-align:center!important;}
.show991{display:block!important;}
.show991Icon{display:inline!important;}	
	
.mobile-logo{display:block!important;margin-right:15px;}

.hidden991{display:none!important;}


.mobile-nav{display:block!important;align-items: center;
box-shadow: 0 -3px 3px -0px rgba(0,0,0,0.15);
	width:100%;
	height:70px;
	position: fixed;
	bottom: 0px;
	background-color: #FFF;z-index:999}

.mobile-nav .act{background-color:#2877a0}
.mobile-nav .act p{color: #FFF!important;}
.mobile-nav .act i{color: #FFF!important;}



.mobile-nav ul li{display:block;padding:15px;width:20%;text-align:center;float:left}
.mobile-nav ul li span{margin-left:15px;
	width:23px;font-size:9px!important;padding-top:3px;
	height:23px;color: #fff;
	border-radius:999px;
	background-color: #5b3434;
	position: absolute;
}
.mobile-nav i {
	font-size:22px!important;
	display:block;
	color: #666;
}
.mobile-nav p{	letter-spacing: 0px;font-size:11px!important;
	font-weight: 600;
	color: #666;
}
.header_search_wrap, .cart_wishlist {display: none;}

h2 {font-size:25px!important;}


}
@media (max-width:376px) {
}
.area80{padding:80px 0}

.sticky {
	background: #fff;
	left: 0;
	margin: auto;
	position: fixed;
	top: 0;
	width: 100%;
	border-bottom: 0;
	box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.07);
	z-index: 44;
	-webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
	animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
}
.header_area .header_space.sticky {
	padding: 8px 85px;
}

.header_search_wrap {
	position: relative;
}





@media (min-width: 1200px) and (max-width: 1300px) {

}


/* 4. category */
.recommend .Item {
	background: #fff;
	border-right: 1px solid #e6e6e6;
	padding: 40px 30px;
	padding-bottom: 30px;
	position: relative;
	z-index: 1;
	transition: .3s;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
}
.recommend .Item:hover {
	
transform: scale(1.05);
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	-o-transform: scale(0.8);
}
.recommend .Item img {
	margin: 30px 0 20px 0;
}
.recommend.owl-carousel .owl-nav div {
	position: absolute;
	left: 0;
	height: 60px;
	width: 60px;
	line-height: 60px;
	margin: -270px 80px !important;
	padding: 0;
	text-align: center;
	background: #eeeeee;
	color: #666;
	top: 50%;
	margin: 0;
	transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	cursor: pointer;
	transition: .3s;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	box-shadow: 0px 12px 8px 0px rgba(253, 143, 43, 0.06);
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	font-size: 20px;
}
.recommend.owl-carousel .owl-nav .owl-next {
	left: auto;
	right: 0;
}
/* 5. offer */

.gods {
	width:100%;
	padding:0px;
	display:block;
	background-repeat: repeat;
	background-position: center center;
	background-image: url(../img/bg.webp);
	
}
.gods .godsTxt{width:50%;display: table-cell;padding:60px ;}
.gods .godsKsitigarbha{display: table-cell;
	width:50%;
	background-size: cover;
	background-image: url(../img/index01.webp);
	background-repeat: no-repeat;
	background-position: center center;
}
.clear{clear:both}
.gods .godsBirth{display: table-cell;
	width:50%;
	background-size: cover;
	background-image: url(../img/index02.webp);
	background-repeat: no-repeat;
	background-position: center center;
}

/* 10. blog */

.gallery-photo .home  {
	background-attachment: fixed;
	display: flex;
	justify-content: center;
	align-items: center;
	height:100vh;
	background-position: center center!important;
	background-size:100% auto   ;
	background-repeat: no-repeat;
	text-align:center;
	}
.gallery-photo .home H2, .gallery-photo .home p {color:#FFF	}
.gallery-photo .home H2{font-size:70px	}
.gallery-photo .home p{font-size:18px	}
.gallery-photo img{aspect-ratio: 4 / 3;}
.gallery-photo .owl-nav div {
	font-size: 14px;
	line-height: 50px;
	position: absolute;
	top: 50%;
	left: 10px;
	width: 50px;
	height: 50px;
	text-align: center;
	color: #1e1d23;
	background-color: #fff;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
}
.gallery-photo .owl-nav .owl-next {
	right: 10px;
	left: auto;
}


/* 15. services */

.spinner {
	margin: 0 auto;
	width: 40px;
	height: 40px;
	left: 0;
	right: 0;
	top: 48%;
	position: absolute;
	text-align: center;
	-webkit-animation: sk-rotate 2.0s infinite linear;
	animation: sk-rotate 2.0s infinite linear;
	z-index: 99999;
}
.dot1, .dot2 {
	width: 60%;
	height: 60%;
	display: inline-block;
	position: absolute;
	top: 0;
	background-color: #73634d;
	border-radius: 100%;
	-webkit-animation: sk-bounce 2.0s infinite ease-in-out;
	animation: sk-bounce 2.0s infinite ease-in-out;
}
.dot2 {
	top: auto;
	bottom: 0;
	-webkit-animation-delay: -1.0s;
	animation-delay: -1.0s;
}
@-webkit-keyframes sk-rotate {
	100% {
		-webkit-transform: rotate(360deg)
	}
}
@keyframes sk-rotate {
	100% {
		transform: rotate(360deg);
		-webkit-transform: rotate(360deg)
	}
}
@-webkit-keyframes sk-bounce {
	0%, 100% {
		-webkit-transform: scale(0.0)
	}
	50% {
		-webkit-transform: scale(1.0)
	}
}
@keyframes sk-bounce {
	0%, 100% {
		transform: scale(0.0);
		-webkit-transform: scale(0.0);
	}
	50% {
		transform: scale(1.0);
		-webkit-transform: scale(1.0);
	}
}

/*下拉內容 */
.accordion-box .block {position: relative;	/*overflow: hidden;*/margin-bottom: 15px;}
.accordion-box .block:last-child {margin-bottom: 0;}
.accordion-box .block .acc-btn {
	color: #000;background:#f8f8f8;padding:15px;
	position: relative;border-radius:10px;
	font-weight: 800;
	font-size: 16px;
	cursor: pointer;
	padding-left: 35px;
	transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}
.accordion-box .block .acc-btn::before {
	top: 20px;font-weight: 800;
	left: 15px;
	line-height: 1;
	font-size: 14px;
	content: "\e61a";
	position: absolute;
	font-family: 'themify';
	transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	-webkit-transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	-o-transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	-ms-transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.accordion-box .block.active-block .acc-btn::before {
    content: "\e622";
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}
.accordion-box .block .acc-content {position: relative;display: none;padding:20px;}
.accordion-box .block .acc-content.current {display: block;}
.accordion-box .block.active-block {margin-bottom: 20px;}



/* 表單 */
.contact_form input, .contact_form textarea {margin-bottom:20px;}
.contact_form .checkbox  {width:20px;height:20px;margin-right:10px;}
.contact_form .Item {padding-top:10px;
	margin-bottom:5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
}

.contact_form .Item input{
	margin-bottom:15px;margin-top:8px!important;padding:0px!important
	
}

.contact_form .Item label{
	font-size:18px;
	line-height:18px
}
.contact_form .Item:last-child {	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;}

.contact_form textarea {height: 150px;padding: 16px;}
.contact_form{margin-bottom: 20px;}
.contact_form label{margin-bottom:10px!important;}
.contact_form span{color:#cfb378;font-family: Tahoma, Geneva, sans-serif;margin-top:0px!important}
.contact_form .nice-select {height:50px;margin-bottom:20px;
	line-height: 50px;background: #eee;border: 0;padding: 0 20px;width:100%;
	font-weight: 800;
}
.contact_form select{z-index:9999!important;}
.contact_form .nice-select::after {
	height: 9px;
	width: 9px;
	margin-top: -6px;
	right: 28px;
}
.contact_form .nice-select .list {
	margin-top: 0;
	width: 100%;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	max-height: 300px;
	overflow-y: auto;
	z-index: 5;
}

.contact_info{background: #eee;border-radius:10px;display: flex;align-items: center;margin-bottom:20px;}
.contact_info .Item:last-child {border-right-width: 0px!important;}
.contact_info .Item {padding:20px;border-right-width: 1px;width:33.3%;border-right-style: solid;text-align: center;border-right-color: #fff;}
.contact_info .Item h4 {margin-bottom: 5px;font-weight: 700;}
.contact_info .Item p {line-height: 25px;margin-bottom: 0;}


.mobile-logo{display:none}

.mobile-nav{display:none}

.show991{display:none}
.show991Icon{display:none}

.center{text-align:center!important;}

/* PD LIST */
.NewsList {padding-top:50px;}
.NewsList .item {margin-bottom:30px;position: relative;}
.NewsList .item img{ aspect-ratio: 4 / 3;}



.area30{margin:30px 0px;min-height:450px;}
.area30none{margin:0px auto 30px auto;}



/* Service LIST */
.ServiceList {text-align:center;}
.ServiceList .item {margin-bottom:30px;	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;}
.ServiceList .item:hover {transform: scale(1.05);
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	-o-transform: scale(0.8);
}
.ServiceList .item img{ aspect-ratio: 4 / 3;border-radius:15px 15px 0px 0px }
.ServiceList .item h5{font-weight: 800;padding:15px;background-color: #eee;border-radius:0px 0px 15px 15px }

/* PAGE */
.pagination{margin:60px auto;justify-content: center;}
.pagination ul {display: flex;flex-wrap: wrap; justify-content: center;margin: -5px;}
.pagination ul li {padding: 5px;}
.pagination ul a {
	height: 40px;font-weight: 800;
	width: 40px;
	line-height: 40px;
	background-color: #fff;
	font-size: 16px;
	color: #777777;
	text-align: center;
	-webkit-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	border-radius: 999px;
	box-shadow: 0px 12px 8px 0px rgba(213, 151, 96, 0.06);
}
.pagination ul a i {
	font-size: 17px;
	font-weight: 800;
}
.pagination ul a:hover, .pagination ul a.act {background-color: #333;color: #fff;}
.justify-content-center{justify-content:center!important}



.release{font-weight: 800;color: #2877a0;padding-top:13px;}
	

 @keyframes ripple {
0% {width:0px;height:0px;}
100% { width: 33%;height:50%;}
}





/* footer */
.footer-area {width:100%;position: relative;
	color: #d0aa76!important;
	background-color: #2877a0;
	padding:100px 0 30px 0;
	border-top-width: 10px;
	border-top-style: solid;
	border-top-color: #d0aa76;
}
.footer-area h4{
	font-weight:600;
	margin-bottom:10px;
	color: #d0aa76;}
.footer-area .bgR{top:-80px;right:0px;position:absolute;}
.footer-area .bgL{top:-80px;left:0px;position:absolute;}	
.footer-area a{color: #d0aa76;}

.footer-area .Copyright{
	text-align:center;
	margin-top:30px;
	font-size: 11px;
	letter-spacing: 1px;
}

@media (max-width: 767px) {
.footer-area p{font-size:15px;}
.footer-area .bgR{top:-38px !important;right:0px!important;position:absolute;}
.footer-area .bgL{top:-38px !important;left:0px!important;position:absolute;}	
.footer-area .bgR img{width:120px;height:auto;}	
.footer-area .bgL img{width:120px;height:auto;}	
}




/* 上方圖片和標題 */
.page_banner {padding-top:120px;
	background-size:cover;
	text-align:center;
	height:300px;
	display:block;
	width:100%;
	background-color: #fff;
	background-repeat: repeat;
	background-position: center center;

	align-items: center;	
	
}
.page_banner label{font-weight:800;font-size:11px;color: #fff;}
.page_banner h1{}
.page_banner h1{font-size:30px;color:#fff;font-weight:800;}
.page_banner h1:before,
.page_banner h1:after { content: "-";}


.cart_table{margin-bottom:20px;}
.cart_table .store{border-radius: 10px  10px 0 0 ;

	padding:15px 0 5px 10px;
	overflow:hidden;
	background-color: #cfb378;
}
.cart_table .store h3{font-size:22px;color:#fff;font-weight:600;}
.cart_table .store h3 a{color:#fff;}	
.cart_table .store .remove{color:#fff;
	float:right;padding-right:20px;width:70px;
	font-size: 14px;
	font-weight: 800;
}

.cart_table .casting{border-radius: 0 0 10px  10px ;padding:10px;font-size:14px;color: #666;background-color: #eee;margin-bottom:20px ;}
.cart_table .casting span{margin-top:0px ;color: #666;}


.cart_table img {width:70px;text-align: center;}
.cart_table table {border: 1px solid #eee!important;margin-bottom: 0;color: #7c7770;vertical-align: middle;}
.cart_table a img {width:70px;margin:15px auto}


.cart_table thead {}
.cart_table td {}
.cart_table tr {display: flex;align-items: center;}

.cart_table thead tr {margin: 0px!important;}
.cart_table th {padding: 0px 8px;border-bottom: none !important;}
.cart_table .remove{width:50px;font-size:30px;padding-left:15px;}
.cart_table span{margin-top:15px ;
	font-size:16px;color:#cfb378;
	font-weight: 800;
	font-family: Tahoma, Geneva, sans-serif;
}

.cart_table .span2{margin-top:0px ;}
.cart_table .span3{font-family: arial,"Microsoft JhengHei","微軟正黑體",sans-serif !important;margin-top:0px ;font-size:14px;color:#666;font-weight:400;}


.cart_table2 .info{}
/*.cart_table th:nth-child(2), .cart_table th:nth-child(3), .cart_table th:nth-child(4), .cart_table td:nth-child(2), .cart_table td:nth-child(3), .cart_table td:nth-child(4) {width: 20%;}*/

.cart_table th:nth-child(1), .cart_table td:nth-child(1) {width: 90px;text-align:right}
.cart_table th:nth-child(1), .cart_table td:nth-child(2) {width: calc(100% - 160px);}
.cart_table th:nth-child(1), .cart_table td:nth-child(3) {width:70px;}


.cart_table2 th:nth-child(1), .cart_table2 td:nth-child(1) {width: 60px!important;}
.cart_table2 th:nth-child(1), .cart_table2 td:nth-child(2) {width: calc(100% - 60px)!important;}
.cart_table th, .cart_table td {border: none;	}
.cart_table tbody tr:not(:first-child) {border-top: 2px solid #f7f7f7;}



.cart_table input[type=checkbox] {width:16px;height:16px;margin:0px 10px 0 0 ;}
.views{margin:10px auto 10px auto;
	font-size:15px;
	font-weight:600;
	align-items:center;

	line-height: 22px;
}
.views .name{color:#cfb378;padding-right:5px}
.views .people{
	font-size:25px!important;
	color:#cfb378;
	font-family: Arial, Helvetica, sans-serif!important;}




.disNav{display: block;padding-top:0px;z-index:999}
.disNav nav#nav-menu{ background: #eee;}
.disNav #nav-menu .width{width:100%;margin:0 auto;}
.disNav #nav-menu ul.menu-list { display: flex; list-style: none;width: 100%;height:55px;top:0;  position: relative;transition: all 0.5s linear;  z-index: 1;}
.disNav #nav-menu ul.menu-list li {font-weight:700;font-size:13px;padding:12px;height:55px;border-right-width:thin;border-right-style:solid;border-right-color:#FFF;height:55px;display: block; flex: 1; text-align: center; justify-content: center; align-items: center; line-height:15px;}
.disNav #nav-menu ul.menu-list li span{font-size:8px;line-height:10px;}
.disNav #nav-menu ul .active {background: #2877a0;}
.disNav #nav-menu ul .active a{color: #fff!important;}
.disNav #nav-menu ul.menu-list li > a {height:35px;text-align:center; display: block; color: #000; transition: 0.2s linar;}
.disNav #nav-menu ul.menu-list li > a:hover {}
.fixed-nav nav#nav-menu {margin:auto;width:100%;position:fixed; justify-content: center;  align-items: center; top:74px;z-index:5}





@media (min-width: 768px) and (max-width: 991px) {
.main_menu_wrap {display: flex;padding-left: 15px; align-items: center;justify-content: flex-end;}
}
/* SM Device :320px. */
@media (max-width: 1500px) {
.main_menu ul li span{font-size:10px;}
.main_menu ul li a {line-height: 15px;	font-size:15px;padding: 30px 10px 22px 10px;}
.header_area .sticky .main_menu ul li a {padding: 15px 10px 12px 10px;}
}
@media (max-width: 1280px) {
.gallery-photo .home  {background-size:auto 100%  !important;}
}
@media (max-width: 991px) {
.cart_table .store h3{font-size:15px;}
.logo{margin:10px auto}.center991 {text-align: center; }
}
@media (max-width: 767px) {	
.recommend.owl-carousel .owl-nav div {margin: -280px 20px !important;}
.main_menu_wrap {display: flex;padding-left: 15px;align-items: center;justify-content: flex-end;}
}