/*
@font-face {
  font-family: 'Noto Sans TC';
  font-style: normal;
  font-weight: 400;
  src: url('/include/font/Noto Sans TC.woff2') format('woff2');
  unicode-range: U+1f921-1f930, U+1f932-1f935, U+1f937-1f939, U+1f940-1f944, U+1f947-1f94a, U+1f950-1f95f, U+1f962-1f967, U+1f969-1f96a, U+1f980-1f981, U+1f984-1f98d, U+1f990-1f992, U+1f994-1f996, U+1f9c0, U+1f9d0, U+1f9d2, U+1f9d4, U+1f9d6, U+1f9d8, U+1f9da, U+1f9dc-1f9dd, U+1f9df-1f9e2, U+1f9e5-1f9e6, U+20024, U+20487, U+20779, U+20c41, U+20c78, U+20d71, U+20e98, U+20ef9, U+2107b, U+210c1, U+22c51, U+233b4, U+24a12, U+2512b, U+2546e, U+25683, U+267cc, U+269f2, U+27657, U+282e2, U+2898d, U+29d5a, U+f0001-f0005, U+f0019, U+f009b, U+f0101-f0104, U+f012b, U+f01ba, U+f01d6, U+f0209, U+f0217, U+f0223-f0224, U+fc355, U+fe327, U+fe517, U+feb97, U+fffb4;
}*/
body{
	background-color: #fefefe;
	font-family:"futura-pt";
}
a{
  font-family:"futura-pt";	
}
a:hover{
}

object[type="image/png"] {
	display:inline-block;
	width:100%;
	text-align: center;
}


/*----------------------------------------------- layout -----------------------------------------------*/

hr {}
header {
	background-color: #fefefe;
	background-color:transparent;
	
}
.align-center, .center {
    text-align: center!important;
}
.header_bg {
	
}
.header_bg .left_div{
	padding-top:10px
}
.header_bg .right_div{
	text-align:right;
	line-height:45px;
	height:40px; 
	padding-top: 50px;
	padding-bottom: 20px;
}

@media (min-width: 1200px) {
	.header_bg .container {
		max-width: 1115px;
	}
	
}


/*header 的高度由這控制 要用 padding */
.header_bg .logo_img {
	height:100px;
}
.header_bg .logo_img img{
	height: 100%;
}
.header_bg a {
	display:inline-block;
}
.header_bg a:hover{
	color: #FFF;
}
.header_top_bg {
	background: #eaeaea;
	color: #fff;
	padding: 6px 0 7px 0;=
}

.menu-toggle img {
  width: 30px;
  height: auto;
  display: block;
}
.menu-toggle img {
  max-height: 24px;
}

header .main-header {
		position: fixed;
	background: #636262;	
	align-items: center;
    display: flex ;
    flex-direction: column;
    justify-content: center;
    opacity: .9;
    padding: 0.7em 0 0 0;
    
    top: 0;
    transition: background 2s ease-out;
    width: 100%;
    z-index: 10;
    z-index: 600;

}
		
header .main-header:hover {
       background-color: #222;

		}
header .header-inner {
			position: relative;
			display: flex;
			width:96%;
			max-width: 1200px;
			padding: 8px 15px;
			margin: auto;
			flex-wrap: wrap;
			justify-content: space-between;
			align-items: center;
			color: #fff;
		}
		header .logo {
		  /*position: absolute;
		  left: 50%;
		  transform: translateX(-50%);
		*/  
			display: inline-block;
			width:100%;
			text-align:center;
		}
		header .logo img {
		  height: 60px;
		  margin-bottom: 10px;
		}


		.header-inner .search-container {
		  display: flex;
		  align-items: center;
		  backdrop-filter: blur(8px);
		  background: white;
		  border-radius: 50px;
		  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
		  overflow: hidden;
		}
		.header-inner .search-input {
		  
		  flex: 1;
			padding: 8px 6px 8px 16px;
		  border: none;
		  border-radius: 50px;
		  font-size: 16px;
		  background: transparent;
		  outline: none;
		}
		.header-inner .search-container .search-input {
			display: inline-block;
			width: 10em; 
			max-width: 30vw; 
			overflow: hidden;
			font-family:"futura-pt" ;
		}
		.header-inner .search-container form {
			display: flex;
			flex: 1;
		}

		.header-inner .search-button {
		  padding: 10px 12px 10px 4px;
		  border: none;
		  background: transparent; /* 無背景 */
		  cursor: pointer;
		  display: flex;
		  align-items: center;
		  justify-content: center;
		  transition: background-color 0.3s ease;
		}

		.header-inner .search-button svg {
		  width: 20px;
		  height: 20px;
		  fill: #333;
		}

		.header-inner .search-button:hover svg {
		  fill: #ebedf0;
		}

		header .menu-toggle {
		  display: none;
		  background: none;
		  border: none;
			color:#FFF;
		  cursor: pointer;
		}
		header .menu-toggle svg {
		  width: 24px;
		  height: 24px;
		}
		header .header-nav {
		  list-style: none;
		  display: flex;
		  gap: 30px;
		  margin: 0;
		  padding: 0;
		}
		header .header-nav li {
			position: relative;
		}
		header .header-nav li a {
			display: block;
			padding: 10px;
			text-decoration: none;
		}
		header .header-nav li a:hover {
			text-decoration: underline;
		}
		header .submenu {
			display: none;
			background: #fff;
			border: 1px solid #eee;
			min-width: 200px;
			z-index: 10;
		}
		header .has-submenu:hover .submenu {
			
		}
		header .has-submenu::after {
			content: "+";
			position: absolute;
			top: 0.5em;
			right: 1em ;
		}
		header .has-submenu.open::after {
			content: "○";
		}

		header .header-actions {
		  display: flex;
		  gap: 6px;
		  position: relative;
		}
		header .icon-btn {
		  display: flex ;
		  align-items: center;
		  justify-content: center;
		  color:#FFF ;
		  background: none;
		  border: none;
		  cursor: pointer;
		}
		header .icon-btn svg {
			width: 25px;
			height: 25px;
			/*transform: translateY(40%);*/
		}
		header .btn_cart {
			color:#FFF ;
			position: relative;
		}
		header .cart-count {
			position: absolute;
			top: -6px;
			right: -1em;
			display:inline-block;
			width:2em;
			line-height:2em;
		    text-align:center;
		    background: #0093c1;
		    color: white;
		    font-size: 12px;
		    border-radius: 999px;
		}
		header .btn_member {
			font-size: 28px;
		}
		header .btn_member_icon {
			
		}
		header .btn_cart_icon {
			
		}	
		header .btn_logout {
			font-size: 6px;
			text-align:center;
		}
		header .header-nav-desk {
		    flex: 1;
		}
		header .header-nav-desk .menu_list {
			list-style: none;
			display: flex;
			gap: 30px;
			margin: 0;
			padding: 0;
		}
		
		.header-nav-desk .submenu li > a {
			padding: 3px;
			color:#000000;
		}
		.header-nav-desk .has-submenu::after {
			top: 0.5em;
			right: -1em ;
		}
		.header-nav-desk .has-submenu > .submenu {
			position: absolute;
			top:50%;
			left: 50%;
			display: none;
			margin-top: 15px;
			min-width: 350px;
			padding: 15px;
			flex-direction: column;
			background-color: #fff;
			border-radius: 15px;
			box-shadow: 0 2px 10px #0000001a;
			z-index: 1001;
			transform: translateX(-50%);
		}
		
		.header-nav-desk .has-submenu > .submenu:hover,
		.header-nav-desk .has-submenu > a:hover + .submenu {
			display: block;
		}
		
		header .header-nav-mobile {
		    position: fixed;
		    top: 0;
		    left: -100%;
		    display: inline-block;
		    width: 250px;
		    height: 100%;
		    background: #fff;
		    overflow-y: auto;
		    transition: left 0.3s ease;
		    z-index: 999;
		  
		}
		header .header-nav-mobile.open {
		    left: 0;
		}
		header .menu_list-option {
			display: block;
			height: 60px;
			justify-content: flex-end;
			align-items: center;
			padding: 0 10px;
			border-bottom: 1px solid #ddd;
			text-align:right;
			line-height: 70px;
		}
		header .menu_list-option .strings {
			display: inline-block;
			float: left;
			line-height: 60px;
			font-size:1.5em;
			font-weight:bold;
		}
		
		header .menu_list {
		    list-style: none;
		    padding: 0;
		    margin: 0;
		}
		.header-nav-mobile li {
			display: inline-block;
			width: 100%;
			border-bottom: 1px solid #ccc7c7;
		}		
		.header-nav-mobile .menu_list {
			background-color:#545454 ;
			color: #fff;
		}
		.header-nav-mobile .menu_list a {
			display: block;
			display: inline-block;
			padding: 8px 15px 10px 15px;
		}
		
		
		header .header-nav-mobile .submenu {
		    max-height: 0;
		    overflow: hidden;
		    background: #f9f9f9;
		    transition: max-height 0.8s ease;
		}
		header .header-nav-mobile .submenu > li a {
			color: #545454;
		}
		header .header-nav-mobile .has-submenu.open .submenu {
			display: block;
			max-height: none;
		}
		header .header-nav-mobile .has-submenu.open > a::after {
		    transform: rotate(180deg);
		}
		header .header-nav-mobile .submenu .has-submenu {
			padding-left: 15px;
		}
		header .header-nav-mobile .icon-btn {
			position: absolute;
			top: 1.5em ;
			right: 1em ;
			color:#666666 ;
		}
		header .header_mask {
		    position: fixed;
		    top: 0;
		    left: 0;
		    right: 0;
		    bottom: 0;
		    background: rgba(0, 0, 0, 0.4);
		    display: none;
		    z-index: 998;
		}
		header .header_mask.show {
		    display: block;
		}

@media (max-width: 768px) {
		  header .header-nav-desk {
			display: none;
		  }
		  header .menu-toggle {
			display: block;
		  }
		  header .logo {
			position: static;  
			display: flex;
			width: 25%;
			transform: none;
		   }
		  header .logo img {
			margin-bottom: 0px;
			max-height: 18px;
			}
		   header .header-inner {
			padding: 0 5px 10px 5px;
			gap: 6px;
			justify-content: space-between;
			}
		}


/* 要比 .header_bg 高*/
.section_top {	
	/*height:140px;*/
}
@media (max-width: 1109px) {
	.section_top {
		/*height:89px;*/
	}	
}



footer .bg_footer {	 
    background: url(/images/food_mgbg.jpg) no-repeat 50% / cover;
    color: #fff;
    min-height: 300px;
    position: relative;
	padding:30px 0px 0px 0px;
	
}

footer .bg_footer a{
 color: #a5a5a5;	
    
}
.footer-full {
    color: #393939;
	padding:20px 0px 20px 0px;
    text-align: center;
	font-size: 13px;
 
}
footer .options {
	position: relative;
	padding:80px 0px 80px 0px;
	text-align:center;
	
}
footer .button1 {
	background-color: #7f8c8d;
    border: none;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    padding: 10px 20px;
	font-family:"futura-pt" ;
}
footer .dropdown {
	position: relative;
	
}
footer .drop_list {
	position: absolute;
	top: 15%;
	left: 50%;
    transform: translateX(-50%);
	background: #fff;
    border-radius: 5px;
    color: #000;
    display: none;
    margin-top: 10px;
    padding: 15px;
	z-index:100;
}
footer .dropdown.open > .drop_list {
	display: inline-block;
}
@media only screen and (max-width: 992px) {
footer .drop_list {
	position: absolute;
	top: 15%;
	left: 50%;
    transform: translateX(-50%);
	    min-width: 70%;
	background: #fff;
    border-radius: 5px;
    color: #000;
    display: none;
    margin-top: 10px;
    padding: 15px;
	z-index:100;
  }	
	
}

.btn_arrow {
	background: none;
	border: 1px solid #E8E8E8;
	color: #BBBBBB;
	width: 30px;
	height: 30px;
	font-size: 18px;
	padding-top: 3px;
}
.btn_arrow:hover {
    color: #fff;
}

.btn_back {
	text-align: right;
	color: #717171;
	font-size: 15px;
    transition: all .2s;
	background: #fff;
	margin-bottom:20px;
}
.btn_back:hover {
    transition: all .2s;
    background: #7E96B1;
    color: #ffffff;
}
.blue_btn{
    padding: 5px 20px 4px 20px;
    background-color: #717171;
    color: #fff;
    text-align: center;
}

.blue_btn:hover{
	background-color:  #8b8782;
	text-decoration: none;
}

.blue_btn2{
	appearance: auto;
    padding: 4px 20px 4px 20px;
	background-color: #717171;
    border: 2px solid #717171;
    color: #fff;
    font-size: 17px;
	text-align:center;
	font-family:"futura-pt";
}

.blue_btn2:hover{
    background-color:#8b8782;
	text-decoration: none;
}

.blue_btn3{
    padding: 2px 10px 1px 10px;
	background-color: #10567b;
    border: 1px solid #10567b;
    color: #fff;
    font-size: 13px;
	border-radius: 3px;
	text-align:center
}

.blue_btn3:hover{
    border: 1px solid #112d64;
	
}

.btn_search {
	background-color: #878787;
    border: none;
    color: white;
    padding: 8px 8px;
    cursor: pointer;
    font-size: 14px;
    transition: background-color 0.3s ease;
	font-family: "futura-pt";
}
	
.web_colo1 {
	color:#01508B;
	font-weight: bold;
}
.web_colo2 {
	color:#ff6600;
	font-weight: bold;
}
.web_colo3 {
	color:#B09781;
}
.page-title {
	font-weight:700;
}
.colo_tag,
.text_tag {
	color: #C2A254;
}

/*----------------------------------------------- view_index -----------------------------------------------*/
.banner img {
	width:100%;
	display: none;
}

.view_index{
}

.view_index .container{
	
}
.view_index .text_1 {
	position: absolute;
	left: 17%;
	top: 60%;
}
.view_index .text_1 h2{
	font-size: 32px;
	font-weight: 700;
}

.view_index .text_1 p {
    font-size: 18px;
    line-height: 1.8;
}

.view_index .fetures {
    padding-top: 30px;
    padding-bottom: 30px;
}

.view_index  .fetures .wrap .title {
    font-size: 20px;
    border-bottom: 1px solid #000;
    padding-bottom: 5px;
    position: relative;
    margin-bottom: 20px;
    color: #000;
}

.view_index .fetures .wrap .title::after {
    display: table;
    content: '';
    width: calc(100% - 140px);
    height: 1px;
    background-color: #000;
    position: absolute;
    right: 0;
    top: 15px;
}

.view_index  .fetures .wrap .title img {
	height: 35px;
	margin-right: 5px;
	margin-top: -5px;
}


.view_index .fetures a:hover .wrap .bg {
    background-size: 110%;
}

.view_index .fetures .wrap .bg {
    height: 180px;
    background-size: 100%;
    background-position: center;
    margin-bottom: 15px;
    transition: all .3s;
}

footer .bottom {
    line-height: 2;
}

@media (max-width: 992px) {

	.view_index .text_1 {
		left: 0;
		top: 110%;
		padding: 0 20px;
		text-align: center;
		position: static;
	}
	
	.view_index .text_1 h2{
		font-size: 24px;
	}

	.view_index .text_1 p {
		font-size: 16px;
	}
	
	.bottom {
	
	}
	
	footer .bottom .line{
		display: block;
		text-align: center;
	}
	
	footer .bottom .right{
		text-align: center;
	}
}

.item_product {
	margin-bottom:40px;
	/*border: 1px solid #EBEBEB;*/
	background-color: #FFF;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 45px;
	padding-left: 10px;
	margin: 0 auto;
}
.item_product .effect {
	position:absolute;
	top:0%;
	left:0px;
	width:100%;
	text-align: center;
	opacity :0 ;
}

.item_product .text {
	font-size: 14px;
}


.item_product .pic {
	/*height: 180px;
	display: table-cell;*/
	vertical-align: middle;
	text-align:center;
	margin-bottom: 10px;
}

.categoty_product .item_product {
	border: 0px;
}

.categoty_product .item_product .item_product_text{
	
}


.categoty_product .pic_div{
	display: inline-block ;
	width: 100%;
	margin: 0 auto;
	padding-top: 5px;
	vertical-align: middle;
	text-align: center;
	/*border: 1px solid #dcdcdc;*/
}

.categoty_product .item_product .pic {

}

.categoty_product .item_product .pic img{
	/*height: 160px;*/
}
.item_product .tit {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;/* 顯示行數 Chrome&Safari */
	font-size: 18px;
}

.item_product .money {
	font-size: 15px;
	color:#5d749f;
	padding-top:10px;
}
.item_product .b_money {
	font-size: 13px;
	color:#a8a9b9;
	text-decoration: line-through;
}


.item_product:hover .btn {
	color: red;
    border-color: red;
}
.item_product:hover .tit {
  
}
/**/
.view_index .space_news {
	padding-bottom: 20px;
	background-color:#c3c3c3 ;
}
.item_news {
	margin-left: 5px;
    margin-right: 5px;
	margin-bottom: 30px;
	padding: 20px 15px 20px 15px;
	
	background: rgba(255,255,255,0.9);
	border: solid transparent;
    border-width: 5px 0px 5px 0px ;
}
.item_news .top {	
	margin-bottom:20px;
	color: #FFBB00;
    font-size: 24px;
	text-align:center;
}
.item_news .pic {
	position: relative;
    z-index: 1;
	text-align:center;
}
.item_news .pic img {
	border-radius: 10%;
	max-width:200px;
	height:160px;
	opacity: 0.9;
}
.item_news .date {
	display: block;
	position: relative;
	width: 65px;
    height: 65px;
	margin: -30px auto 5px auto;
	padding: 12px 0 0 0;
	background: #333;
    z-index: 2;
    border-radius: 0%;
    box-sizing: border-box;
    line-height: 1.1;
	font-style: normal;
    font-size: 13px;
	color: #c3d8d8;
	text-align: center;
}
.item_news .day {
	font-size: 25px;
}
.item_news .month {
	font-size: 13px;
}
.item_news .year {
	color: #C2A254;
	text-align: center;
}
.item_news .tit {
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.item_news .comm {
	color: #999999;
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
	
}
.item_news:hover {
	border-top-color: #80715C;
	border-bottom-color: #80715C;
	/* border-left-color: #cccccc ; */
	/* border-right-color: #cccccc ; */
	outline: 1px solid #ECECEC;
}
.item_news:hover .pic img {
	opacity: 1 ;
}
/**/
.view_index .space_service {
	background: #333;
}
.view_index .bg_service_triangle {
	display: block;
	content: "" ;

    height: 50px;
    width: 100%;
	
	background: url('/images/bg_service_triangle.png') top center no-repeat ;
}
.space_service .subject {
	color: #fff;
}
/**/
.view_index .space_album {
	
}
.space_album .list {
	padding:20px 15px 50px 15px;
}
.item_album {
	position:relative;
	height: 250px;
}
.item_album .pic {
	float:left ;
	width:47%;
}
.item_album .pic img{
	width:100%;
	height:100%;
}
.item_album .text {
	float:left;
	width:53%;
	padding:10px;
	background: #817E6D;
	color: #FFF;
}
.item_album .text_border {
	width:100%;
	height:100%;
	border: 1px solid #ffea97;
}
.item_album .tit {
	height: 54px;	/* font-size*3 */
	margin: 50px 10% 40px 10%;
    font-size: 18px;
	text-align:center;
	overflow: hidden;
}
.item_album .icon {
	text-align:center;
	color: #FFEA97;
	font-size: 12px;
}
.item_album .icon .fa {
	font-size: 28px;
}
.item_album .arrow {
	position:absolute;
	top:100px;	/* 依 item_album 計算*/
	right:53%;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 30px 30px 30px 0;
	border-color: transparent #FFFCEE transparent transparent;
}
.item_album.sort_0 .arrow {
	right:auto;
	left:53%;
	border-width: 30px 0 30px 30px;
	border-color: transparent transparent transparent #FFFCEE;
}
.item_album:hover .text {
	background: #9E9C8D;
	color: #FFF;
}
.item_album:hover .arrow {
	border-right-color: #ffcc3f;
}
.item_album.sort_0:hover .arrow {
	border-left-color: #ffcc3f;
}

/*----------------------------------------------- view_about -----------------------------------------------*/
.subject2 {
	/* padding :15px 0px 20px 0px; */
	 padding :15px 0px 20px 0px;
	text-align:center;
	font-size: 30px;
	color: #333;
	/*background-image: url('/images/mbg.jpg');*/
	background-repeat: repeat-x;
	background-position: top;
}
.subject2 .fa-sort-down {
	color: #999999;
}
.subject2 .link{
	text-align:left;
	font-size: 13px;
	color: #4F4F4F;
	margin-right: 25px;	
}

.subject2 .link a{
	color:#333;
	font-size: 15px;
}
.subject2 .link a:hover{
	color: #F08200;
}

.subject3{
	font-size: 30px;
	color: #333;
	font-weight: bold;
	margin-bottom: 25px;	
}
/*----------------------------------------------- view_product -----------------------------------------------*/
.view_product {
}
.space_detail .product_name {
	font-size: 30px;
	line-height: 1.2;
	color: #445870;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 27px;
	margin-left: 0px;
}	
.space_detail .product_show {
	min-height:300px;
	text-align:center;
	vertical-align:middle;
	margin-bottom: 15px;
	border: 1px solid #CCC;
	padding-top: 8px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 8px;
	background-color: #FFF;
}
.space_detail .product_show img {
	
}
.space_detail .product_preview {
	padding: 10px 5px 10px 0px;
	text-align:center;
	cursor:pointer;
	border:1px solid #cccccc;
	background-color: #FFF;
}
.space_detail .product_preview img {
	width:80px;
	height:80px;
	
}
.space_detail .comm {
	padding-bottom: 10px;
	font-size: 15px;
	color: #333;
	padding-top: 10px;
}
.space_detail .fragment {
	margin-top: 35px;
	border: solid #E8E8E8;
	border-width: 1px 0;
	color: #FFF;
	font-size: 16px;
	text-align: center;
	font-weight: bold;
	background-color: #DC8F4E;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 9px;
	padding-left: 0px;
}

/*----------------------------------------------- view_article -----------------------------------------------*/	
.block_tag {
	
}
.block_text .title {
	text-align:left;
}
.block_text .block_date {
	position: absolute;
    top: -25px;
	left:5%;
}
.block_date {
	text-align: center;
}
.block_date .year_month {
	display: inline-block;
	width: 50px;
    height: 50px;
	padding:2px;
	
    border-radius: 50%;
	background: #444;
    color: #F6F6F6;
	float: left;
}
.block_date .year_month .year {
	font-size: 13px;
}
.block_date .day {
	display: inline-block;
	width: 50px;
    height: 50px;
	padding:4px;
	
    border-radius: 50%;
	background: #444;
    color: #c2a254;
	font-size: 25px;
	float: left;
}
.space_tag .block_tag {
	padding: 20px 15px;
	background: #F6F6F6;
    border: 1px solid #E8E8E8;
}
	
.btn-add_cart2 {
    padding: 8px 35px 6px 35px;
    background-color: #445870;
    border: 2px solid #445870;
    color: #fff;
    font-size: 15px;
}
.product-content {
	
}
.product-content h3{text-transform:capitalize;margin:10px 0;color:#272727}
.product-content .product-word{
		color:#75787B;
		margin-top:30px;
		font-size:15px;
		line-height: 25px;
}
.product-content .price-area .money{
		font-size:32px;
		font-weight:400;
		font-weight:bold;
		color:#81b112
	}
.product-content .prices{text-decoration:line-through;font-size:20px;margin-right:10px}
.product-content .product-choose{
		margin-top:10px;
		font-size: 15px
		color: #960;
	}
.product-content .product-choose select{border:1px solid #7b7b31;padding:5px}
.product-content .product-pay{
		margin-top:10px;
		color: #75787B;
		font-size: 12px;
		line-height: 20px;
	}
.product-content .product-paygo{margin-top:25px}
.product-content a.product-box{
		margin-top:35px;
		font-size: 12px;
		color: #960;
		display: inline-block;
		background-image: url(../images/heart.png);
		background-repeat: no-repeat;
		padding-left: 20px;
		text-decoration: none;
	}
.product-content a.product-box:hover{
		color: #a2a202;
	}
.product-content a.product-box2{
		margin-top:10px;
		font-size: 12px;
		color: #960;
		display: inline-block;
		background-image: url(../images/heartadd.png);
		background-repeat: no-repeat;
		padding-left: 20px;
		text-decoration: none;
	}
.product-content a.product-box2:hover{
		color: #a2a202;
	}
.product-content a.product-box3{
		margin-top:10px;
		font-size: 12px;
		color: #960;
		display: inline-block;
		padding-left: 20px;
		text-decoration: none;
	}
.product-content a.product-box3:hover{
		color: #a2a202;
	}
	.bcolor{
		color: #999;
		margin-top: 45px;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #E0E0E0;
		padding-bottom: 10px;
	}
	.ccolor{
		color:#75787B;
		margin-top: 45px;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #E0E0E0;
		padding-bottom: 10px;
	}
	.ecolor{
		color: #8a8a4b;
		margin-top: 45px;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #E0E0E0;
		padding-bottom: 10px;
	}
	.gcolor{
	color: #999;
	margin-top: 45px;
	padding-bottom: 10px;
	font-size: 25px;
	}
.tn-add_cart2 {
    padding: 8px 35px 6px 35px;
    background-color: #66686b;
    border: 2px solid #66686b;
    color: #fff;
    font-size: 15px;
}	
.index_bar {
	line-height: 30px;
	background-color: #dc8f4e;;
	color:#FFF;
	font-size: 18px;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 10px;
}
.bar_arrow {
	margin: 0 auto 30px auto;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 50px 0 50px;
	border-color: #dc8f4e transparent transparent transparent;
}
	
	.cart-table{padding:20px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.2);box-shadow:0 1px 1px rgba(0,0,0,0.2);background:#fff}
	.tablelist{font-size:18px;width:100%;max-width:100%;margin-bottom:10px;border:1px solid #EBEBEB}
	.tablelist th{
	vertical-align:bottom;
	border-bottom:2px solid #ddd;
	font-size:18px;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	font-weight: normal;
	color: #293a02;
	text-align: left;
}
	.tablelist tr td{padding:10px;border-top:1px solid #ddd}
	.tablelist td input[type="text"]{
	border:1px solid #9c948c;
	text-align:center;
	height:20px;
	color: #777;
}
	.tablelist td span.fee3{color:#06f}
	.tablelist a{
	color:#0f6ba2;
	text-decoration:none
}

	.table-responsive{overflow-x:auto}
	
	
.dproduct_namea {
	font-size: 36px;
	line-height: 1.2;
	color: #445870;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
.dproduct_nameatext{
    font-size: 18px;
}
.estep ul{
	margin-bottom: 20px;
	text-align: left;
}
.estep li{
	display: inline-block
	width: 25%;
	font-size: 18px;
}

.estep li.nb01{
	display: inline-block;
	height: 45px;
	background-repeat: no-repeat;
	padding-top: 15px;
	letter-spacing: 1px;
	text-align: left;
	margin-right: 15px;
}
.estep li.nb02{
	display: inline-block;
	height: 45px;
	background-repeat: no-repeat;
	padding-top: 15px;
	letter-spacing: 1px;
	text-align: left;
	margin-right: 15px;
}
.estep li.nb03{
	display: inline-block;
	height: 45px;
	background-repeat: no-repeat;
	padding-top: 15px;
	letter-spacing: 1px;
	text-align: left;
	margin-right: 15px;
}

	.regioanav{
	width:100%;
	margin-top: 45px;
	margin-right: 0;
	margin-bottom: 25px;
	margin-left: 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}

	.regioanav ul{margin:0;padding:0;list-style-image:none;list-style-type:none}
	.regioanav li a{
		display:block;
		float:left;
		font-size:18px;
		color:#333;
		margin-right:2px;
		text-decoration:none;
		padding-top: 5px;
		padding-right: 15px;
		padding-bottom: 5px;
		padding-left: 15px;
	}
	.regioanav li a:hover{background:#FFA813;color:#fff}
	.regioanav li{
		margin:0;
		text-align:center;
		line-height:20px;
		color:#fff;
		display:inline-block
	}
	.regioanav a.current{
	margin-top:0;
	font-size:18px;
	color:#FFF;
	background-color: #7E96B1;

	}
.lookview{
	position: fixed;
	bottom: 20vh;
	right: 2vw;
	z-index: 100;
	width:100px;
	text-align:center;
	margin:0;
	background-color:#FFF;
	border:1px solid #cdcdcd;
	padding-bottom: 10px;
	display: none;
}

.number{
	margin-bottom: 5px;
	font-size: 18px;
}
.data{
	margin-bottom: 5px;
}
.status{
	margin-bottom: 5px;
}
.remittance {
	margin-bottom: 5px;
}
.totla{
	margin-bottom: 5px;
}
.payoder{
	margin-bottom: 5px;
}

form .label-input {
	position: relative;
}
.form-group-in {
    margin-bottom: 20px;
    font-size: 18px;
    border: 1px solid #cccccc;
    padding: 20px;
    color: #333;
}
.block_input .form_inp,
.block_option .form_inp {
	height:36px;
}
/*----------------------------------------------- 頁中陰影圖 -----------------------------------------------*/
.set_hr{
}

/*----------------------------------------------- 鍋鍋好味 -----------------------------------------------*/

.products  .container  .title img {
    height: 80px;
    display: block;
    margin: 0 auto 30px;
}

.product-list {
    max-width: 800px;
    margin: 0 auto;
	font-size: 16px
}

.product-list .list1 {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 30px;
}

.product-list ul > li {
    margin-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
}

.product-list .list2 ul > li {
    padding-left: 25px;
    padding-right: 25px;
}

.product-list ul > li .price {
    float: right;
}

.products .note {
    max-width: 750px;
    margin: 0 auto 50px;
    padding-top: 20px;
    line-height: 2;
}

/*----------------------------------------------- 好味新聞 -----------------------------------------------*/

.news .container .title img {
    height: 80px;
    display: block;
    margin: 0 auto 30px;

}

.word_news_content div{
	margin-bottom:15px;
}

.news{
	padding-bottom: 50px;
}

@media (max-width:768px) {
	.news .text_div a{
		font-size:16px;
	}
	
	.news .new_list  .text_div{
		margin-bottom: 50px;
	}
}


.news_list .text_div{
	margin-bottom:30px;
}

.news_list  .title {
    font-size: 20px;
    color: #3b3b3b;
    position: relative;
}

.news_list  .title span {
    display: inline-block;
    padding-right: 10px;
    background-color: #fff;
    position: relative;
    z-index: 2;
    font-weight: 700;
}
.news_list  .title::after {
    content: '';
    display: table;
    width: 100%;
    border-bottom: 1px dotted #000;
    position: absolute;
    left: 0;
    top: 15px;
}

.news_list  .text {
    line-height: 2;
    margin: 10px 0;
    color: hsl(0,0%,10%);
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -moz-line-clamp: 3;
    -ms-line-clamp: 3;
    -o-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-box-orient: vertical;
    -o-box-orient: vertical;
    box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    height: 96px;
}

.news_list .date {
    text-align: right;
    color: hsl(0,0%,20%);
	width:100%;
}
.news_list .lists_items a {
	display: inline-block;
	width: 100%;
}
.news_view{
}

.news_view h3 {
    color: #3b3b3b;
    margin-bottom: 30px;
    font-weight: 700;
	text-align: left;
	line-height: 1.5;}

.news_view p{

}

.news_view a{
	color: #007bff;
}

.news_view a:hover{
	color: #0056b3;
}

.news .bg{
	margin-bottom: -118px;
}

/*----------------------------------------------- 聯絡我們 -------------------------------------------*/
	.contact .form{
		padding-top: 50px;
		padding-bottom: 50px;
		 color: #060606;
      background-size: cover;        /* 圖片覆蓋整個畫面 */
      background-position: center;   /* 圖片置中 */
      background-repeat: no-repeat;  /* 不重複 */
		 
	}
	
	.contact .contact_container img{
		display: block;
		margin: 0 auto 30px;
	}

@media (min-width: 1200px) {
	.contact .form{
		max-width: 600px;
		margin: 0 auto;
		font-size: 18px
	}
	
}

.contact  .note {
    line-height: 2;
    margin-bottom: 20px;
}

.contact  .col-form-label {
    padding-top: calc(.375rem + 1px);
    padding-bottom: calc(.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5;
}


.contact .btn-section {
    text-align: right;
}

.contact .btn-section .btn_2 {
    background-color: #878787;
    color: #fff;
	font-family:"futura-pt" ;
}

.btn_2 {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	font-family:"futura-pt" ;
}
.required {
    color: #e36d00;
}
/*----------------------------------------------- 線上購物 -----------------------------------------------*/
.view_shopping .block_filter {
    display: block;
    width: 100%;
    margin: 0px 0 6px 0;
    text-align: center;
    padding: 0;
	
}

.view_shopping .block_filter .item_filter {
    
}
.view_shopping .block_filter .item_filter {
	position: relative;
	display: inline-block;
	font-family:"futura-pt" ;
    margin: 0 1px ;
    padding: 5px 15px;
	list-style-type: none;
    border-radius: 0;
    color: #999;
    font-size: 16px;
   
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    
	border : 0px solid transparent ;
    border-bottom : 5px solid #cecece ;
	background-color:transparent;
}
.view_shopping .block_filter .item_filter.active,
.view_shopping .block_filter .item_filter.active:hover,
.view_shopping .block_filter .item_filter.active:focus {
    color: #413d3d;
    border-bottom-color:#413d3d;
    font-weight: bold;
    cursor: default;
}
.view_shopping .block_filter .item_filter.now {
	color: #c69c6d;
	border-bottom-color:#c69c6d;
}
.view_shopping .block_filter .item_filter.now:before {
	content: "x";
	position: absolute;
	top:4px;
	right:0px;
	color: #000000 ;
}

@media (max-width:768px) {
	
}


/*----------------------------------------------- 分頁 -----------------------------------------------*/
.pagination_center{
	margin:30px 0 0 0;
	width:100%;text-align:center;
}
.input_style_1 {
	width: 170px;
	height: 26px;
	background-color: transparent;
	color:  #6F4A00;
	font-size: 12px;
	letter-spacing: 0.05em;
	box-sizing: border-box;
	padding: 0px 0.9em;
	border-image: initial;
	border: 1px solid #abafac;
}

.productwarp{
    padding: 10px 10px 5px;
    width: 100%;
    border: 1px solid #efefef;
    margin: 0;
}
section.bg_section {
	padding-top:180px;
}
section.bg_contact {
	padding-top:140px;
}
section.bg_section_contact {
	padding-top:190px;
}
@media (max-width:768px) {
	section.bg_section {
		padding-top:70px;
	}
	
}


.chzn_select_2 {
	position: relative;
	display: block;
	width: 100%;
	overflow: hidden;
	padding: 3px 0 0 8px;
	height: 39px;
	border: 1px solid #aaa;
	border-radius: 5px;
	background-color: #fff;
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
	background: -webkit-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
	background: -moz-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
	background-clip: border-box;
	background: -o-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
	background: linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
	background-clip: padding-box;
	box-shadow: 0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, 0.1);
	color: #444;
	text-decoration: none;
	white-space: nowrap;
	line-height: 33px;
	font-size:18px;
	font-family:"futura-pt";
	cursor: pointer;
}


 .login-modal {
		margin: 0px auto;
		width: 500px;
		max-width: 100%;
		background-color: #ffffff;
		padding: 40px 30px;
		border-radius: 12px;
		box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
		box-sizing: border-box;
    }

    .login-modal h3 {
      text-align: center;
      font-size: 26px;
      color: #333333;
      margin-bottom: 8px;
    }

    .login-modal .privacy-note {
      text-align: center;
      font-size: 14px;
      color: #2ecc71;
      margin-bottom: 20px;
    }

    .login-modal .discount {
      color: #e53935;
      font-size: 16px;
      font-weight: bold;
      text-align: center;
      margin-bottom: 25px;
    }
	.j-forms .login-modal .unit {
	  margin-bottom: 20px;
	}
    .login-modal input[type="text"],
    .login-modal input[type="email"],
    .login-modal input[type="tel"],
    .login-modal input[type="password"] {
      width: 100%;
      padding: 14px;
      border: 1px solid #dddddd;
      border-radius: 6px;
      font-size: 16px;
      background-color: #f9f9f9;
      transition: border-color 0.3s, box-shadow 0.3s;
	  font-family:"futura-pt";
    }

    .login-modal input:focus {
      outline: none;
      border-color: #007aff;
      box-shadow: 0 0 0 3px rgba(0, 122, 255, 0.1);
    }
	.login-modal .label {
      display: block;
      font-size: 14px;
      font-weight: bold;
      margin-bottom: 6px;
      margin-top: 20px;
    }
    .login-modal .continue-btn {
      width: 100%;
      background-color: #000000;
      color: #ffffff;
      padding: 14px;
      font-size: 16px;
      border: none;
      border-radius: 6px;
      font-weight: bold;
      cursor: pointer;
      transition: background-color 0.3s;
	  font-family:"futura-pt";
    }

    .login-modal .continue-btn:hover {
      background-color: #333333;
    }

    .login-modal .signup-link {
      text-align: center;
      margin-top: 16px;
      font-size: 14px;
    }
	.login-modal .hint {
      font-size: 12px;
      color: #666;
      margin-top: 4px;
    }
	.login-modal a.links {
      color: #007aff;
      text-decoration: none;
    }
    .login-modal a.links:hover {
      text-decoration: underline;
    }
	.login-modal .toggle-password {
      position: absolute;
      right: 12px;
      top: 12px;
      cursor: pointer;
      font-size: 16px;
      color: #888;
      user-select: none;
    }
	
    .login-modal .or-divider {
      text-align: center;
      margin: 30px 0;
      position: relative;
      color: #999999;
      font-size: 14px;
    }

    .login-modal .or-divider::before,
    .login-modal .or-divider::after {
      content: "";
      height: 1px;
      background-color: #cccccc;
      position: absolute;
      top: 50%;
      width: 40%;
    }

    .login-modal .or-divider::before {
      left: 0;
    }

    .login-modal .or-divider::after {
      right: 0;
    }

    .login-modal .or-divider span {
      background-color: #ffffff;
      padding: 0 12px;
      position: relative;
      z-index: 1;
    }

    .login-modal .social-btn {
      width: 100%;
      padding: 13px;
      margin-bottom: 15px;
      font-size: 15px;
      border-radius: 6px;
      border: 1px solid #cccccc;
      font-weight: 500;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: background-color 0.3s, color 0.3s;
    }

    .login-modal .social-btn.google {
      background-color: #ffffff;
      color: #333333;
    }

    .login-modal .social-btn.google:hover {
      background-color: #f1f1f1;
    }

    .login-modal .social-btn.facebook {
      background-color: #1877f2;
      color: #ffffff;
      border: none;
    }

    .login-modal .social-btn.facebook:hover {
      background-color: #0f5dc6;
    }
	.login-modal .bottom {
      text-align: center;
      
      font-size: 14px;
    }
    .login-modal .terms {
      font-size: 12px;
      color: #666666;
      text-align: center;
      margin-top: 18px;
      line-height: 1.6;
    }


    .login-modal .error-message {
		display: none;
      color: #e53935;
      font-size: 14px;
      margin-bottom: 10px;
      text-align: center;
      
    }

.viewindex_index {background-color: #4f4f4f;}



	.pm_member_option .item_links {
		display:inline-block;
		padding-bottom:10px;
	}
	.pm_member_option .item_links.now {
		color: #0093c1 ;
	
	}

}

.mem_title { }

@media (max-width: 768px) {
		 .mem_title  {
	 }

}
.footer-full {font-size: 13px;}
@media (max-width: 768px) {
	.footer-full {font-size: 13px;}

}