@charset "utf-8";

/* root */
:root{
	--font_yuji: "Yuji Mai", serif;
	--font_serif: "Noto Serif TC", serif;
	--color_main: #AC1F27;
	--color_other_A: #AE885D;
	--color_other_B: #C6AA8C;
	--color_other_C: #8D5235;
	--color_other_D: #212121;

	--f_base:1vw;
	--f90:clamp(60px,calc(var(--f_base)*10),90px);
	--f55:clamp(40px,calc(var(--f_base)*7),55px);
	--f44:clamp(32px,calc(var(--f_base)*6.5),44px);
	--f30:clamp(22px,calc(var(--f_base)*3),30px);
	--f26:clamp(20px,calc(var(--f_base)*2),26px);
	--f24:clamp(20px,calc(var(--f_base)*2),24px);
	--f20:clamp(16px,calc(var(--f_base)*2),20px);
	--f18:clamp(14px,calc(var(--f_base)*1.2),18px);
   --f17:clamp(14px,calc(var(--f_base)*1.2),17px);
	--f15:clamp(13px,calc(var(--f_base)*1.2),15px);
	--f14:clamp(12px,calc(var(--f_base)*1.2),14px);
	--f13:clamp(12px,calc(var(--f_base)*1.2),13px);
}


/* = = = 固定設定 = = = = = = = = = = = = = = = = = = = = = = = = = == = = = = = = = = = = */

/*其他設定*/
button,input,optgroup,select,textarea {
	outline: none;
}

input[type="checkbox"],input[type="radio"] {
}
img{vertical-align: middle;}
#content_main {margin: 0;}
#content {
	min-height: 100vh;
	max-width: 1920px;
	margin: 0 auto;
	background: url(../images/all_bg.jpg) top center repeat;
}
.main_part{max-width: 1450px;padding: 80px 0;width: 90%;}
.pageIndex .main_part{border: none;}
.show_content{width: 100%;}
.edit{width: 100%;padding: 0;}
.path{display: none;}

.page {
	width: 100%;
	margin: 0;
}
.product_page .page{
	margin-top: 50px;
}
.page li{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 35px;
	height: 35px;
}
.page li a{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	line-height: 1;
	padding: 2px 0 0;
	transition: .5s ease;
}
.page a:hover{
	background: var(--color_other_C);
}
@media screen and (max-width: 600px) {
.main_part{padding: 50px 0;}
.product_page .page{margin-top: 30px;}
}

/* index 大圖 */
.bannerindex {
	position: static;
	height: auto;
}
.swiper-banner {
	position: static;
	margin: 0;
	height: auto;
}
.swiper-slide img {
	height: auto;
}
@media screen and (max-width: 768px) {
.bannerindex {padding: 0;margin: 0;position: relative;}
}

/* header -------------------------------- */
/* .pageIndex .header_area {
	position: fixed;
	width: 100%;
} */
.header_area {
	position: fixed;
	width: 100%;
}
/* .pageIndex .header_area .main_header_area{
	background: transparent;
	transition: .5s ease;
} */
.main_header_area {
	/* background: var(--color_main); */
	background: transparent;
	transition: .5s ease;
	min-height: 115px;
}
/* .pageIndex .header_area .main_header_area::after{
	content: '';
	display: block;
	width: 0;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: var(--color_main);
	transition: 1s ease;
} */
.header_area .main_header_area::after{
	content: '';
	display: block;
	width: 0;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: var(--color_main);
	transition: 1s ease;
}

/* .pageIndex .header_area.sticky .main_header_area::after{
	width: 100%;
} */
.header_area.sticky .main_header_area::after{
	width: 100%;
} 
.main_header_area .container{
	max-width: 100%;
	position: relative;
	z-index: 5;
	padding-right: 5%;
}
.navigation{
	display: grid;
	padding: 20px 0 0;
	font-family: var(--font_yuji);
}

.pageIndex .header_area .navigation{
}


/* header logo */
.nav-header {
	padding: 0;
}
.nav-brand {
	display: block;
	max-width: 114px;
	width: 100%;
	background: var(--color_main);
	padding: 20px;
	position: initial;
	transition: .5s ease;
}
/* .pageIndex .header_area .nav-brand{
	max-width: 130px;
	padding: 25px;
} */

.header_area .nav-brand{
	max-width: 130px;
	padding: 25px;
}

/* .pageIndex .header_area.sticky .nav-brand{
	max-width: 114px;
	padding: 20px;
} */
.header_area.sticky .nav-brand{
	max-width: 114px;
	padding: 20px;
}



/* header menu */
.nav-menus-wrapper{
	order: 1;
}
.nav-menu {
	margin: 0 -20px 0 0;
	padding: 0;
	float: none;
}
.nav-menu > li{
	padding: 20px 10px;
	position: relative;
}
.nav-menu > li+li::before{
	content: '';
	display: block;
	width: 1px;
	min-height: 13px;
	background: #FFFFFF;
	position: absolute;
	left: 0;
	top: calc(50% - 6.5px);
}
.nav-menu > li > a {
	padding: 0 10px;
	border: 1px solid transparent;
	position: relative;
	font-size: var(--f17);
	letter-spacing: 0.05em;
	color: #FFFFFF;
	transition: .5s ease;
}
.pageIndex .header_area .nav-menu > li > a{
	text-shadow: 0 0 5px rgba(0,0,0,0.5);
}
.pageIndex .header_area.sticky .nav-menu > li > a{
	text-shadow: none;
}
.nav-menu > li:hover > a,.nav-menu > li.active > a,.nav-menu > li.focus > a{
	color: #FFFFFF;
}
@media screen and (min-width: 769px) {
.nav-menu > li:hover > a,.nav-menu > li.active > a,.nav-menu > li.focus > a {
	border-color: #FFFFFF;
	border-radius: 5px;
}
}
.submenu-indicator{
	display: none;
}
.nav-menu > li > .nav-dropdown {
	border: none;
	background: #FFFFFF;
}


/*手機板漢堡鈕相關*/
.nav-dropdown>li>a {
	width: 100%;
}

/*手機版底下按鈕*/
#bottom_menu {
	/* display: none !important; */ /*Roby 20221129 mark*/
}

/*頁首按鈕hover顏色設定*/


/*主分類hover*/
.submenu-indicator-chevron {
	border-color: transparent #eee #eee transparent;
}

/*主分類下拉箭頭*/
.nav-menu>li:hover>a .submenu-indicator-chevron,
.nav-menu>.active>a .submenu-indicator-chevron,
.nav-menu>.focus>a .submenu-indicator-chevron {
	border-color: transparent #dbc8a5 #dbc8a5 transparent;
}

/*主分類下拉箭頭hover*/
.nav-dropdown>li>a:hover,
.nav-dropdown>li>a:focus {
	background: var(--color_main);
	color: #FFFFFF;
}

/*滑到第二層文字顏色*/
.nav-dropdown>li:hover>a .submenu-indicator-chevron,
.nav-dropdown>.focus>a .submenu-indicator-chevron {
	border-color: transparent #555 #555 transparent;
}

/*滑到第三層箭頭顏色*/
.nav-dropdown>li>a:hover .submenu-indicator-chevron,
.nav-dropdown>.focus>a .submenu-indicator-chevron {
	border-color: transparent #fff #fff transparent;
}

/*滑到第二層箭頭顏色*/

/*次分類下拉樣式*/
.nav-dropdown>li>a {
	border-bottom: 1px solid #fbfbfb;
	background: #fff;
	color: #666;
}

.nav-dropdown>li:last-child a {
	border-bottom: none;
}

.tp_links {
	display: none !important;
}

/* header 購物車&匯款通知&搜尋欄位 */

.me_tp_features{
	position: initial;
}
.box_search {
	width: 145px;
	margin-left: 20px;
	overflow: hidden;
}
.box_search input[type=text] {
	border: none;
	border-radius: 0;
	width: 100%;
	background: #FFFFFF;
	padding: 5px 10px;
	position: initial;
	font-family: 'Microsoft JhengHei';
	font-size: var(--f13);
}
.box_search input[type=text]:focus{
	width: auto;
}
.shop_search_btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	min-height: 100%;
	background: var(--color_main);
	border-radius: 0;
	font-size: var(--f14);
	padding: 0;
}
.me_tp_features a {
	color: #fff;
}
.me_tp_features a i.fa{
	margin: 0 10px 0 0;
}

/* 會員登入按鈕 */
.right_member_in{
	background: var(--color_main);
	width: 35px;
	border: none;
	padding: 14px 7px 7px 7px;
}
.right_member_in img{
	max-width: 15px;
	filter: brightness(20);
}
.right_member_in li{
	font-family: var(--font_yuji);
	font-weight: 400;
	line-height: 130%;
}
.right_member_in a{
	color: #FFFFFF;
}
.right_member_in input.top_member_logout{
	writing-mode: vertical-rl;
	margin-top: 10px;
	font-size: 12px;
	letter-spacing: 0.2em;
}

@media screen and (max-width: 768px) {
.header_area,.header_area.sticky{position: sticky;}
.main_header_area{min-height: auto;}
.navigation-portrait{padding: 0;}
.main_header_area .container{padding: 0;}
.nav-header {padding: 10px;text-align: left;}
.header_area .nav-brand {max-width: 80px;padding: 0;}
/* .pageIndex .header_area .nav-brand{padding: 0;max-width: 80px;} */
.header_area.sticky .nav-brand{padding: 0;max-width: 50px}
/* .pageIndex .header_area.sticky .nav-brand{padding: 0;max-width: 50px;} */

.navigation{display: block;}
.navigation-portrait{height: auto;background: var(--color_main);}

.navigation-portrait .nav-menus-wrapper {background-color: var(--color_main);}
.nav-menus-wrapper-close-button {color: #eee;}



/*漢堡menu*/
.nav-toggle {top: calc(50% - 5px);transform: translateY(-50%);}
.nav-toggle:after{font-family: 'Microsoft JhengHei';}
.nav-toggle:before {background-color: #FFFFFF;box-shadow: 0 0.5em 0 0 #FFFFFF, 0 1em 0 0 #FFFFFF;}
.nav-toggle:after {color: #FFFFFF;font-size: 10px;right: 50%;transform: translateX(50%);width: fit-content;}
.nav-dropdown>li>a {background: var(--color_main);color: #FFFFFF;}
.navigation-portrait .nav-menu > li > a{padding: 0;display: flex;align-items: center;justify-content: space-between;}

.nav-menu > li+li::before{display: none;}
.submenu-indicator{display: block;}
.navigation-portrait .submenu-indicator{top: auto;width: fit-content;height: auto;}
.navigation-portrait .submenu-indicator-chevron{position: initial;}
.navigation-portrait .nav-dropdown>li>a:before{display: none;}

.me_tp_features{position: absolute;bottom: 10px;right: auto;top: auto;width: fit-content;padding: 0;left: 80px;}
.header_area.sticky .me_tp_features{left: 50px;}
/* .pageIndex .header_area .me_tp_features{left: 80px;}
.pageIndex .header_area.sticky .me_tp_features{left: 50px;} */
}


/*footer*/
.footer {
	background: url(../images/ft_bg.jpg) no-repeat;
	padding: 0;
	font-family: var(--font_serif);
	font-size: var(--f15);
}

.footer .center{
	max-width: 1020px;
	width: 90%;
	padding: 100px 0;
}
.footer_info{
	display: flex;
	justify-content: space-between;
	padding: 0;
}
.footer_logo{
	max-width: 80px;
}
.footer_logo img{
	max-width: 100%;
}

.footer_info ul{
	max-width: 835px;
	width: 100%;
	padding-left: 20px;
}
.footer_info li:nth-child(n){
	width: 100%;
}
.footer_info li:nth-of-type(1){
	display: grid;
	grid-template-columns: repeat(2,1fr);
	gap: 5px 20px;
	padding: 0;
}
.footer_info li p,.footer_info li a{
	color: #FFFFFF;
}
.footer_info li p.food_number::before{
	content: '食品業者登錄字號：';
}
.footer_info li p.ft_time::before{
	content: '服務時間：';
}
.footer_info li p.add:before {
	content: '公司地址：';
}
.footer_info li:nth-of-type(2){
	padding: 70px 0 30px;
}
.footer_menu{
	text-align: center;
}
.footer_menu a{
	border: 1px solid #FFFFFF;
	border-radius: 5px;
	background: transparent;
	font-family: var(--font_yuji);
	font-size: var(--f15);
	letter-spacing: 0.04em;
	color: #FFFFFF;
	transition: .5s ease;
}
.footer_menu a:nth-of-type(1){
	display: none;
}
.footer_menu a:hover{
	background: var(--color_other_C);
}
.footer_info li p.copy {
	font-size: var(--f15);
	letter-spacing: 0.08em;
	color: #FF9494;
	border: none;
	margin: 0;
	padding: 0;
}
.footer_info li p.copy a{
	color: #FF9494;
}

/* footer關鍵字 */
.double_key { text-align: center;}
.double_key a { font-size: 14px; color: #FF9494; display: inline-block;}
.double_key a:after { content: ' , '; font-size: 13px; color: #FF9494;}
.double_key a:last-child:after {display:none;}

/* 浮動按鈕 */
.fix_ri { width:50px; box-sizing: border-box; position: fixed; bottom:140px; right:10px; z-index: 99; text-align:center;display: grid;grid-template-columns: 1fr;gap: 10px;}
.fix_ri a { display:flex;align-items: center;justify-content: center; max-width: 50px;transition: .5s ease;}
.fix_ri a:hover{transform: scale(0.9);}
.fix_ri a img{max-width: 100%;}
/* .fix_ri a:hover{background: #156079;} */
/* .fix_ri img {width: 70%;} */


@media screen and (max-width: 940px) {
.footer_info li:nth-of-type(1){grid-template-columns: 1fr;}
.footer_info li:nth-of-type(2){padding: 50px 0 20px;}
.footer_menu{text-align: left;}
.double_key {text-align: left;}
.footer_info li p.copy{text-align: left;}
}
@media screen and (max-width: 768px) {
.footer .center{padding: 80px 0 100px;}
.footer.with_shopping_mode{padding: 0;}
}
@media screen and (max-width: 600px) {
.footer .center{padding: 50px 0 100px;}
.fix_ri {width:40px;right: 5px;}
}
@media screen and (max-width: 540px) {
.footer{background-size: cover;}
.footer_info{flex-flow: wrap;}
.footer_logo{margin: 0 0 20px;}
.footer_info ul{padding: 0;}
.footer_info ul li:nth-child(2){padding: 20px 0;}
}



/*內頁BANNER------------------------------*/

.banner {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 500px;
	padding: 0 5%;
	background-position: center;
	background-repeat: no-repeat;
}

.banner h5 {
	max-width: 1450px;
	width: 100%;
	font-family: var(--font_yuji);
	font-size: var(--f44);
	font-weight: 400;
	text-align: left;
	color: #FFFFFF;
}
.banner h5::before{
	display: block;
	font-family: var(--font_serif);
	font-weight: 400;
	font-size: var(--f14);
	letter-spacing: 0.05em;
	color: var(--color_other_B);
}
.banner span{
	position: relative;
	z-index: 1;
}
.banner span::after{
	content: '';
	display: block;
	background: url(../images/ban_icon.png) center no-repeat;
	max-width: 60px;
	width: 100%;
	min-height: 60px;
	position: absolute;
	right: -27px;
	bottom: 10px;
	z-index: -1;
}

.banner.banA {}

.banner.banB {
	background-image: url(../images/banB_bg.jpg);
}
.banner.banB h5::before{
	content: 'Member Area';
}

.banner.banC {}

.banner.banD {
	background-image: url(../images/banD_bg.jpg);
}
.banner.banD h5::before{
	content: 'Remittance Advice';
}
.banner.banE {}

.banner.banG {
	background-image: url(../images/banG_bg.jpg);
}
.banner.banG h5::before{
	content: 'Tariff List';
}
.banner.banF {
	background-image: url(../images/banF_bg.jpg);
}
.banner.banF h5::before{
	content: 'Online Ordering';
}
.banner.banblog {
	background-image: url(../images/banblog_bg.jpg);
}
.banner.banblog h5::before{
	content: 'Blog';
}
@media screen and (max-width: 1024px) {
.banner{min-height: auto;padding-top: 180px;padding-bottom: 100px;background-size: cover;}
}
@media screen and (max-width: 768px) {
.banner{padding: 80px 5%;}
}
@media screen and (max-width: 600px) {
.banner{padding: 50px 5%;}
.banner span::after{max-width: 45px;min-height: 45px;background-size: cover;right: -18px;bottom: 6px;}
}

/*分享文章------------------------------*/
.blog_box{
	display: flex;
	justify-content: space-between;
	padding: 0;
}
/*側邊欄*/
.blog_le{
	width: 205px;
	padding: 0;
}
h5.blog_le_t{
	font-family: var(--font_serif);
	font-size: var(--f24);
	font-weight: 400;
	letter-spacing: 0.02em;
	color: #444444;
}
h5.blog_le_t span{
	display: none;
}
.blog_search input[type=search]{
	background: transparent;
}
.blog_list_le{
	display: block;
	width: 100%;
	padding: 0;
}
.blog_le .accordion {
	border: none;
	border-radius: 0;
}
.blog_le .accordion > li{
	transition: .5s ease;
}
.blog_le .accordion > li:hover{
	background: var(--color_other_C) !important;
}
.blog_le .accordion > li.on_this_category{
	background: var(--color_main) !important;
}

.blog_le .accordion li .link {
	padding: 0;
}

.blog_le .accordion li .link a {
	display: block;
	padding: 15px 10px;
	font-family: var(--font_serif);
	font-size: var(--f15);
	font-weight: 700;
}
.submenu{
	background: #FFFFFF;
}
.submenu a{
	padding: 15px 10px;
}
.submenu a:hover {
	background: var(--color_other_C);
}
.submenu a:before{
	display: none;
}

/*右側清單*/
.blog_ri {
	display: block;
	max-width: 1125px;
	width: calc(100% - 220px);
	padding: 30px;
	background: #FFFFFF;
}
.blog_subbox {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	margin-bottom: 50px;
}
.blog_page .clearfix:before,.blog_page .clearfix:after,
.blog_in_page .clearfix:before,.blog_in_page .clearfix:after{
	display: none;
}
h4.blog_category_title{
	font-family: var(--font_serif);
	font-size: var(--f30);
	font-weight: 700;
	color: #6C3F28;
	letter-spacing: 0.02em;
}
.blog_list_ri{
	display: block;
	width: 100%;
	padding: 20px 5px;
	font-family: var(--font_serif);
}
.subbox_item {
	width: 100%;
	/* border-bottom: 1px solid #D8D8D8; */
	border-top: 1px solid #D8D8D8;
	margin: 0;
	padding-top: 30px;
}
.subbox_item:nth-child(2n){
	float: none;
}
.blog_subbox .subbox_item:nth-of-type(1),.blog_subbox .subbox_item:nth-of-type(2),.blog_subbox .subbox_item:nth-of-type(3){
	border-top: none;
	padding-top: 0;
}
.subbox_item a {
	padding: 5px;
	overflow: hidden;
}
.subbox_item a:before {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding: 0;
	min-height: 40px;
	background: var(--color_main);
	font-family: var(--font_serif);
	font-size: var(--f14);
	font-weight: 400;
	color: #FFFFFF;
	transform: none;
	top: auto;
	bottom: -40px;
	left: 0;
	transition: .5s ease;
}
.subbox_item a:hover:before {
	transform: none;
	bottom: 0;
}
.subbox_item a:after {
	display: none;
}

.blog_list_ri h5 {
	font-size: var(--f20);
	font-weight: 700;
	color: var(--color_other_C);
	letter-spacing: 0.05em;
}
.blog_list_ri p{
	font-size: var(--f17);
	line-height: 160%;
	color: #444444;
	-webkit-line-clamp: 2;
	margin: 10px 0;
}
.blog_list_ri em{
	font-size: var(--f14);
	color: var(--color_other_C);
}
.blog_back{
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 20px;
	max-width: 1125px;
	width: calc(100% - 220px);
	margin: 0 0 0 auto;
}
.blog_back a.article_btn_prev,.blog_back a.article_btn_back,.blog_back a.article_btn_next{
	display: block;
	width: 100%;
	background: var(--color_other_C);
	font-family: var(--font_serif);
	font-size: var(--f15);
	font-weight: 700;
	transition: .5s ease;
}
.blog_back a:hover{
	background: var(--color_main);
}

@media screen and (max-width: 1024px) {
.blog_subbox{grid-template-columns: repeat(2,1fr);}
.blog_subbox .subbox_item:nth-of-type(3){border-top: 1px solid #D8D8D8;padding-top: 30px;}
}

@media screen and (max-width: 768px) {
.blog_box{flex-flow: wrap;}
.blog_le{width: 100%;}
.blog_ri{width: 100%;}
.blog_back{width: 100%;}

/* 復刻原本有的↓ */
.module_i_news {background: #e5e2da;padding: 80px 20px 50px 20px;}
.module_i_news .title_i_box h4 {font-size: 36px;}
.i_blog_ri {padding: 15px 10px;}
.i_blog_ri h5 {font-size: 24px;}
.module_i_news ul {margin: 50px auto;}
.module_i_news li {
	background: #fff;
	box-shadow: 0 0 8px rgb(0 0 0 / 10%);
	width: 100%;
	margin: 3%;
}
.module_i_news li a {padding: 10px 5px;}
.module_i_news li a:before {
	width: 100%;
	bottom: 0;
	top: auto;
	transform: none;
	left: 0;
	font-size: 14px;
	transition: all .5s;
	overflow: hidden;
	padding: 0;
	height: 0;
	background: #f3f3f3;
	color: #555;
	letter-spacing: 2px;
}
.module_i_news li a:hover:before {
	transform: none;
	padding: 10px 5px;
	height: 45px;
}
.module_i_news li a:after {display: none;}
}

@media screen and (max-width: 600px) {
.blog_ri{padding: 10px;}
.blog_subbox{margin-bottom: 30px;}
.subbox_item,.blog_subbox .subbox_item:nth-of-type(3){padding-top: 20px;}
.blog_back{gap: 10px;}
}
@media screen and (max-width: 480px) {
.blog_ri{padding: 5px;}
.subbox_item,.blog_subbox .subbox_item:nth-of-type(3){padding-top: 10px;}
}


/*購物車------------------------------*/

.product_page .main_part{
	max-width: 1500px;
}
.product_page .show_content,
.product_info_page .show_content {
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
	width: 100%;
}

/* 左側分類欄 */
.product-layer-two {
	max-width: 240px;
	width: 100%;
	margin: 0;
}

.product-layer-two li {
	width: 100%;
	margin: 0;
	padding: 5px 0;
}

.product-layer-two li a {
	background: #FFFFFF;
	padding: 10px 15px;
	border: none;
	border-left: 4px solid var(--color_other_C);
	font-family: var(--font_serif);
	font-size: var(--f17);
	font-weight: 700;
	color: var(--color_other_C);
	transition: all .3s;
}

.product-layer-two li a:hover,.product-layer-two li.active a{
	background: var(--color_main);
	padding-left: 40px;
	border-color: #900000;
	color: #FFFFFF;
}

.product-layer-two li a:before {
	content: "—";
	position: absolute;
	left: 15px;
	top: 50%;
	transform: translateY(-50%);
	display: none;
	color: #FFFFFF;
}

.product-layer-two li a:hover:before,.product-layer-two li.active a:before{
	display: inline-block;
}

.show_content .product-layer-two li:hover ul {
	border: none;
	border-top: none;
}

/* 右側清單 */

.products-list {
	display: grid;
	grid-template-columns: repeat(4,1fr);
	gap: 50px 10px;
	max-width: 1165px;
	width: calc(100% - 270px);
}
.product_page .clearfix:before,.product_page .clearfix:after{
	display: none;
}
.products-list .item{
	display: block;
	width: 100%;
	background: #FFFFFF;
	padding: 0;
	margin: 0;
}
.products-list .pic {
	overflow: hidden;
}
.products-list .pic img{
	transition: .5s ease;
}
.products-list a:hover .pic img{
	transform: scale(1.1);
}
.products-list .name {
	display: block;
	font-family: var(--font_serif);
	font-size: var(--f18);
	font-weight: 700;
	letter-spacing: 0.02em;
	text-align: center;
	overflow: inherit;
	height:auto;
}
.products-list .price{
	font-family: var(--font_serif);
	text-align: center;
}
.products-list .price b {
	font-weight: 400;
	color: #6C3F28;
}
.products-list .price b.sp_price {
	color: var(--color_main);
}

.products-list .more {
	background: var(--color_other_C);
	font-family: var(--font_serif);
	font-weight: 400;
	font-size: var(--f14);
	color: #FFFFFF;
	border: none;
}
.products-list a:hover .more{
	background: var(--color_main);
}

@media screen and (max-width: 1200px) {
.products-list{grid-template-columns: repeat(3,1fr);}
}
@media screen and (max-width: 1024px) {
.product_page .show_content,.product_info_page .show_content{flex-direction: column;padding: 0;}
.product-layer-two {width: 100%;max-width: 100%;padding-bottom: 20px;display: grid;grid-template-columns: repeat(2,1fr);gap: 10px;}
.product-layer-two li {width: 100%;}
.products-list{grid-template-columns: repeat(2,1fr);}
}
@media screen and (max-width: 768px) {
.products-list {width: 100%;}
.products-list .price b {display: inline-block;margin: 0;padding: 2px;}
.products-list .more {margin-top: 20px;}
}
@media screen and (max-width: 600px) {
.products-list {padding: 0;width: 100%;}
}

/*info.php*/
.product-wrapper {
	max-width: 1160px;
	width: calc(100% - 260px);
	margin: 0;
}

/* 商品圖像 */
.product_pic #bx-pager h6{
	font-family: var(--font_serif);
	font-size: var(--f13);
	color: #535353;
	padding-bottom: 10px;
}
.product_pic #bx-pager .block{
	display: none;
}

/* 輪播圖片右測商品資訊 */
.sidebarBtn {
	border: none;
	padding: 50px 20px;
	font-family: var(--font_serif);
}
.sidebarBtn h2 {
	font-size: var(--f24);
	font-weight: 700;
	letter-spacing: 0.02em;
	color: #1F1F1F;
}
.sidebarBtn .price {
	line-height: 110%;
	border-bottom: 2px dotted #DDDDDD;
}
.sidebarBtn .price span.ori_price {
	font-size: var(--f14);
	color: #AAAAAA;
}
.sidebarBtn .price span.sp_price {
	font-size: var(--f20);
	color: #900000;
}

.product_info li span {
	width: 90px;
	background: #F1F1F1;
	width: auto;
	padding: 5px;
	margin-right: 8px;
	font-size: var(--f14);
	color: #1F1F1F;
}
.product_info li.pdinfo_inventory span{
	width: 100%;
	background: none;
	color: #FF8000;
}
.product_info li .txt_box {
	font-size: var(--f14);
	color: #1F1F1F;
}
.action-button {
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--color_main);
	width: 100%;
	min-height: 50px;
	font-size: var(--f17);
	font-weight: 700;
	color: #FFFFFF;
	border-radius: 0;
}
.action-button:hover {
	background: var(--color_other_C);
}

/* 資費說明按鈕 */
.pdinfo_tariff{
	padding-top: 15px;
}
.pdinfo_tariff a{
	font-size: var(--f14);
	color: #1F1F1F;
}

.toShare{
	border-top: 2px dotted #DDDDDD;
}

/* 下方商品資訊 */
.prod > li {
	font-family: var(--font_serif);
}
.prod>li:nth-child(1) img {
	max-width: 100%;
	height: auto !important;
}

.prod-thumb {
	position: relative;
	padding-left: 20px;
	font-size: var(--f20);
	font-weight: 700;
	letter-spacing: 0.02em;
	color: var(--color_other_C);
}

.prod-thumb:before {
	content: '';
	display: block;
	position: absolute;
	width: 4px;
	min-height: 35px;
	background: var(--color_other_C);
	top: calc(50% - 17.5px);
	left: 0;
}

.prod-panel{
	padding: 30px 0 0;
	font-size: var(--f17);
	font-weight: 400;
	color: #444444;
	line-height: 160%;
}

/*商品Q&A+相關推薦(預設關起來)*/
.prod>li:nth-child(2) {display: none;}
.prod_related {display: none;}


/*上一頁*/
.lastPage {
	max-width: 150px;
	width: 100%;
	border-radius: 5px;
	background: var(--color_other_C);
	margin: 30px auto 0;
	font-size: var(--f15);
	font-weight: 700;
	transition: .5s ease;
}
.lastPage:hover{
	background: var(--color_main);
}

@media screen and (max-width: 1024px) {
.product-wrapper{width: 100%;}
}

/* 復刻原本有的↓ */
.product_info_page input[type="text"],
.product_info_page textarea {
	background: #fff;
}

.breakF {
	padding: 5px;
	min-height: 40px;
}

.half_box {
	width: 100%;
}

.half_box ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.half_box:nth-child(1) li:last-child {
	width: 100%;
}

.half_box li {
	margin: 5px 0;
	display: inline-block;
	width: 49%;
}

.half_box li.btn_blankTop {
	margin-top: 24px;
}

.half_box li.btn_blankTop input {
	background-color: #888;
	background-image: none;
	width: auto;
	text-align: center;
	padding-left: 0;
	padding: 15px 25px;
	line-height: initial;
	border-radius: 3px;
	vertical-align: middle;
	color: #fff;
	transition: all .3s;
}

.half_box li.btn_blankTop input:hover {
	background-color: #666;
}

.productBtn {
	margin-top: 0;
}

@media screen and (max-width: 768px) {
.product_info li {padding-left: 110px;}
.prod>li:first-child {padding: 25px 0;}
.half_box:nth-child(2) li:last-child {width: 100%;}
}

/* car.php */
body.car_page{
	font-family: var(--font_serif);
	font-weight: 400;
}

.stepImg {
	max-width: 490px;
}
.stepImg span {
	margin-top: 10px;
	font-weight: 700;
	color: #555555;
}
.stepImg span.active {
	font-weight: 700;
	font-style: normal;
	color: #555555;
}
.stepImg span.one{
	position: relative;
	left: -23px;
}
.shopping-cart .cart_head{
	background: var(--color_other_C);
}
.shopping-cart .cart_head .cell{
	font-weight: 400;
	color: #FFFFFF;
}
.shopping-cart .cart_content .row{
	border-top: none;
	border-bottom: 2px dotted #CCCCCC;
}
.shopping-cart .cell.product_name a{
	font-size: var(--f15);
	font-weight: 400;
	letter-spacing: 0.05em;
	color: #444444;
}
.shopping-cart .cell{
	font-size: var(--f15);
	color: #444444;
}
.amountNum{
	border: 1px solid #D3D3D3;
	background: #FFFFFF;
	padding: 0;
	margin: 0;
	font-size: var(--f15);
	font-weight: 400;
	letter-spacing: 0.1em;
	text-align: center;
	color: #242413;
}

.shopping-cart .cell.amount a{
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 25px;
	width: 100%;
	min-height: 25px;
	background: var(--color_other_C);
	border-radius: 50%;
	margin: 0 auto;
	font-size: 10px;
   font-weight: 400;
	color: #FFFFFF;
	letter-spacing: 0;
}
.separate_title{
	background: #FFFFFF url(../images/separateTitle.png) left center no-repeat;
	margin-bottom: 10px;
	font-size: var(--f18);
	font-weight: 700;
	letter-spacing: 0.1em;
}
.separate_title .note{
	font-size: var(--f15);
	font-weight: 400;
	color: var(--color_main);
	letter-spacing: 0.05em;
}
.form label{
	display: flex;
	align-items: center;
	font-size: var(--f17);
}
.form label .inputbox{
	top: auto;
	min-width: 20px;
	width: 20px;
	height: 20px;
	margin-right: 10px;
}


.total_amount {
	max-width: 350px;
}

.total_amount ul {
	background-color: transparent;
	border: none;
}
.total_amount ul:after {
	border: none;
	display: none;
}
.total_amount li{
	font-size: var(--f18);
	font-weight: 700;
	color: var(--color_main);
	letter-spacing: 0.1em;
}

/* 按鈕 */
.send_simple,.rewrite_simple{
	font-size: var(--f15);
	padding-left: 0;
	transition: .5s ease;
}
.send_simple {
	background: var(--color_main);
	
}

.rewrite_simple {
	background: var(--color_other_C);
}

/* 加購商品 */
.prod_related h6 span:before{
	font-size: var(--f24);
	font-weight: 700;
	letter-spacing: 0.1em;
	color: var(--color_other_D);
}
.prod_related .clearfix:before,.prod_related .clearfix:after{
	display: none;
}
.prod_related{
	max-width: 1225px;
	margin: 0 auto;
	padding-bottom: 80px;
	background: none;
}
.prod_related .products-list{
	max-width: 100%;
	width: 100%;
}

@media screen and (max-width: 1200px) {
.prod_related .products-list{grid-template-columns: repeat(4,1fr);}
}
@media screen and (max-width: 1024px) {
.prod_related .products-list{grid-template-columns: repeat(4,1fr);}
}
@media screen and (max-width: 768px) {
.stepImg{margin-top: 0;}
.shopping-cart .cart_content .row{width: calc(100% - 90px);}
.shopping-cart .cell:before{color: var(--color_other_C);}
.prod_related .products-list{grid-template-columns: repeat(2,1fr);}
.car_page .information_left{display: none;}
}
@media screen and (max-width: 425px) {
.stepImg span.one{left: 0;}
.total_amount ul{margin-bottom: 0;}
.rewrite_simple,.send_simple{width: 45%;}
.total_amount .rewrite_simple{margin-left: 0;}
}

/* shop_form.php */
.car_page .border200{
	width: 300px;
}
.shop_same_people{
	width: 85px;
	height: 33px;
	margin-left: 5px;
	border-radius: 5px;
	background: var(--color_main);
	font-size: var(--f15);
	font-weight: 400;
	color: #FFFFFF;
	line-height: 33px;
	text-align: center;
	transition: .5s ease;
}
.shop_same_people:hover{
	background: var(--color_other_C);
}
.form select{
	border: 1px solid #D3D3D3;
	background-color: #FFFFFF;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.form select::-ms-expand{
	display: none;
}

/* 跟car.php不同的商品小計 */
.shopform_page .total_amount{
	max-width: 535px;
	width: 100%;
}
.shopform_page .total_amount ul{
	background: #FFFFFF;
	border: 1px solid #D3D3D3;
}
.shopform_page .total_amount li{
	font-size: var(--f17);
	font-weight: 400;
	color: #444444;
}
.total_amount ol{
	width: 100%;
	min-height: 1px;
	background-color: #EEEEEE;
}
.shopform_page .total_amount div:nth-of-type(2){
	padding-top: 10px;
}

/* 優惠碼折扣 */
.total_amount .dis_01 {
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #927848;
	font-size: 17px;
	font-weight: bold;
}

.total_amount .dis_01 span,.red span{
	font-weight: 400;
}
.total_amount li.dis_02 {
	/* padding-bottom: 10px; *//*1104 Roby mark*/
	margin-bottom: 10px;
	/* border-bottom: 1px #EEEEEE solid; *//*1104 Roby mark*/
	color: #927848;
}
.total_amount li.dis_03 {
	display: flex;
	align-items: center;
	position: relative;
	color: #927848;
}
.total_amount .dis_03 input {
	width: 82px;
	height: 23px;
	background-color: white;
	color: #979696;
	font-size: 13px;
	font-weight: 400;
	padding: 4px 7px;
	border: 1px #979696 solid;
	position: absolute;
	left: 100px;
	padding: 0 !important;
	z-index: 999;
	text-align: center;
}
.total_amount .dis_03 img {
	position: absolute;
	left: 102px;
}

.shopform_memo{
	max-width: 535px;
	margin: 0 0 0 auto;
	padding-bottom: 30px;
}

.declaration{
	background-color: #FFFFFF;
}
.form label.Bigcheck{
	display: inline-flex;
}
.shopform_page .total_amount.shopform_button{
	max-width: 325px;
}
.captcha_img{display: inline-flex;align-items: center;}
@media (max-width:425px) {
.total_amount .dis_03 {flex-wrap: wrap;}
.total_amount .dis_03 span {display: block;width: 100%;margin: 10px 0;text-align: right;}
.total_amount .dis_03 input {left: auto;right: 0;top: 2.5px;}
.shopform_memo{padding: 20px 0;}
.form label.Bigcheck{margin: 0;}
.car_page .border200{width: 100%;}

}


/* okpay.php */
.order_finish_page{
	font-family: var(--font_serif);
}
.order_list_tit{
	display: none;
}
.order_list_spec {
	background-color: var(--color_main);
}
.order_list_spec p{
	font-size: var(--f15);
	font-weight: 700;
}
.order_list_tab table{
	border-collapse:separate;
	border-spacing: 5px;
}
.order_list_tab td{
	font-size: var(--f15);
	border: none;
}
.order_list_tab table tr td,
.order_list_tab td:nth-child(1) {
	background: #FFFFFF;
	font-weight: 300;
	color: #000000;
}
.payer{
	background: transparent;
}
.order_list_tab.payer td:nth-child(1){
	border: none;
}
.order_pay .separate_title {
	font-size: var(--f15);
	color: #444;
	padding: 10px 0 10px 40px;
	background: #FFFFFF url(../images/bear_img004.png) left center no-repeat;
	margin-top: 80px;
}
.bear_order_fi01 p {
	font-size: var(--f15);
	line-height: 180%;
	letter-spacing: 0.05em;
	color: #444444;
}
.bear_order_fi01 p a {
	color: #444444;
}
/* 匯款資訊 */
.bear_order_fi01 u {
	display: flex;
	align-items: center;
	font-size: var(--f20);
	font-weight: 700;
	color: var(--color_other_C);
	margin: 45px 0 15px 0;
}

.bear_order_fi01 u::before {
	content: "";
	width: 8px;
	height: 8px;
	background-color: var(--color_other_A);
	display: block;
	border-radius: 150px;
	margin-right: 15px;
}
.bear_order_fi01 span {
	font-size: var(--f15);
	font-weight: 400;
	line-height: 160%;
	color: #525252;
}

/* 購物清單 */
.order_list_head p {
	font-weight: 700;
	color: #444444;
	border-bottom: 2px solid var(--color_main);
}
.order_list_pro table{
	background: #FFFFFF;
}
.order_list_pro tr:first-child {
	background-color: var(--color_other_C);
}
.order_list_pro tr:first-child td {
	color: #FFFFFF;
	font-size: 16px;
	font-weight: 300;
	padding: 5px 10px;
	text-align: center;
}
.order_list_pro td:nth-child(1) {
	width: 90px;
}
.order_list_pro td:nth-child(4) {
	width: 100px;
}

/* 備註&商品小計重切 */
.last_box_money{
	border-top: 2px dotted #DDDDDD;
	margin-top: 20px;
}
.last_box_money_flex{
	display: flex;
	justify-content: space-between;
	padding: 20px 0 0;
}
.last_box_money_le{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	width: calc(100% - 270px);
}
.last_box_money_le h6{
	font-size: var(--f14);
	font-weight: 700;
	writing-mode: vertical-rl;
	letter-spacing: 0.5em;
	line-height: 120%;
}
.last_box_money_le p{
	width: calc(100% - 30px);
	text-align: left;
}
.last_box_money_re{
	max-width: 250px;
	width: 100%;
}
.last_box_money_re table{
	width: 100%;
}
.last_box_money_re td{
	font-size: var(--f14);
	font-weight: 400;
	padding-bottom: 5px;
}
.last_box_money_re span{
	color: #900000;
}
.last_box_money_re td:nth-of-type(1){
	text-align: left;
}
.last_box_money_re tr:nth-last-of-type(1) td{
	text-align: right;
}

.last_box_money_re tr:nth-last-of-type(1) span{
	font-size: var(--f26);
	font-weight: 600;
	color: #900000;
	padding-left: 15px;
}


/* 回首頁按鈕 */
.order_finish_page .lastPage {
	background: var(--color_main);
}
.order_finish_page .lastPage:hover{
	background: var(--color_other_C);
}

@media (max-width:768px) {
.order_pay {padding: 0;}
}
@media (max-width:600px) {
.order_pay .separate_title{margin-top: 40px;}
.last_box_money_flex{flex-flow: wrap;}
.last_box_money_le{width: 100%;padding-bottom: 10px;border-bottom: 2px dotted #DDDDDD;}
.last_box_money_re{padding-top: 10px;max-width: 95%;}
}


/* 匯款通知頁面------------------------------ */
/* remit_index.php */
.remit_page{
	font-family: var(--font_serif);
}
.formbox_form li .form__label{
	font-size: var(--f17);
}
.remit_page .border200{
	max-width: 550px;
	width: 100%;
	border-radius: 5px;
}
.remit_page .formbox_form li:nth-last-of-type(2) .border200{
	max-width: 100px;
}
.remit_page .formbox_form li.last{
	padding-left: 25px;
}
@media (max-width:768px) {
.remit_page .formbox_form li.last{text-align: left;}
}
@media (max-width:600px) {
.form_content{padding: 20px 0 0;}
.remit_page .formbox_form li.last{padding-left: 8px;}
}
@media (max-width:375px) {
/* .remit_page .formbox_form li:nth-last-of-type(2) .form__insert span{display: block;} */
.remit_page .formbox_form li:nth-last-of-type(2) .border200{max-width: 100%;}
}


/*會員功能------------------------------ */
/*共同設定*/
.member_title h2{
	font-size: var(--f24);
	color: #3F2117;
}
.member_title p {
	border-top: 2px solid #3F2117;
}

/*未登入*/
.login_mem_name,.login_mem_pass {
	background-color: #FFFFFF;
	padding-left: 45px !important;
}
.login_mem_submit{
	background: #902010;
	transition: .5s ease;
}
.login_mem_submit:hover{
	background: var(--color_main);
}
.login_mem_other_link a {
	color: #3F2117;
}
.member_login_regist {
	background: #FFFFFF;
}
.member_login_regist a {
	background: #900000;
	margin-top: 20px;
	transition: .5s ease;
}
.member_login_regist a:hover{
	background: var(--color_other_C);
}

@media (max-width:600px) {
.member_title{margin-bottom: 20px;}
.member_title p{padding-top: 20px;}
.member_login_regist{margin-bottom: 20px;}
}

/*重寄認證*/
.mem_regist_title_s_s input[type="submit"] {
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 115px;
	width: 100%;
	min-height: 40px;
	margin: 0 auto;
	background: #900000;
	font-size: var(--f15);
	font-weight: normal;
	color: #FFFFFF;
	transition: .5s ease;
}
.mem_regist_title_s_s input:hover{
	background: var(--color_other_C);
}

/*登入後*/
.member_order {
	background: transparent;
}
.mem_regist_title_s {
	background: #eee;
}

/*會員資料修改*/
.mem_box2 input.bbtn01,.mem_box2 input.bbtn02{
	background: var(--color_main);
	transition: .5s ease;
}
.mem_box2 input.bbtn01:hover,.mem_box2 input.bbtn02:hover{
	background: var(--color_other_C);
}
@media (max-width:485px) {
.mem_box2 input.bbtn01,.mem_box2 input.bbtn02{margin: 0 5px;width: 45%;}
}

/*會員專區*/
.member_order a {
	border: 1px solid #ccc;
	transition: all .5s;
}
.member_order a:hover {
	background-color: #555;
	color: #fff;
}

/*修改密碼*/
.member_regist input {
	background: #fff;
}

/* 訂購記錄查詢 */
.mem_regist_title_s_s input[type="button"] {
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 115px;
	width: 100%;
	min-height: 40px;
	margin: 0 auto;
	background: #900000;
	font-size: var(--f15);
	font-weight: normal;
	color: #FFFFFF;
	transition: .5s ease;
}
.mem_regist_title_s_s input:hover{
	background: var(--color_other_C);
}

.other_page .total_amount{
	max-width: 360px;
	border: 1px solid #DDDDDD;
	background: #FFFFFF;
}
.bear_his .total_amount ul{
	margin-bottom: 0;
}
.bear_his .total_amount li {
	display: flex;
	justify-content: space-between;
	position: relative;
	margin: 5px 0;
	font-size: var(--f15);
	color: #444444;
}

.bear_his .total_amount li span {
	position: relative;
	font-weight: 400;
}

.bear_his .total_amount li u {
	position: absolute;
	top: 50%;
	left: 96px;
	transform: translateY(-50%);
	font-size: var(--f14);
	font-weight: normal;
	color: #AAAAAA;
}
.other_page .shopform_memo{
	max-width: 350px;
	padding-top: 20px;
}
.other_page .dis_memo {
	font-size: var(--f15);
	font-weight: 400;
	color: #444444;
}


@media (max-width:425px) {
.bear_his .total_amount li:nth-child(2){
	flex-wrap: wrap;
}

.bear_his .total_amount li:nth-child(2) span {
	display:block;
	width:100%;
	text-align:right;
	margin:10px 0;
}

.bear_his .total_amount li:nth-child(2) u {
	position: static;
	position: relative;
	top: 2px;
	left:auto;
}

.bear_his .red,
.bear_his .red span {
	font-weight:400;
}
}

/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = = = = = = = = = = = = = == = = */

























/*編輯頁下拉頁面設定*/
.other_select_page .promotion_title {
	display: none;
}

.other_select_page .other_promotion {
	display: none;
}








/*▊▊▊▊▊▊聯絡我們部分基本設定(固定)-------- ////S T A R T/*/


.blank_letter {
	font-family: 'Noto Sans TC', sans-serif;
}

.list_before.info li:last-child {
	padding-left: 0;
	margin-top: 20px;
}

.innersend {
	padding-left: 0 !important;
	text-align: center;
}

/* .TEL:before,
.TEL2:before,
.PHONE:before,
.FAX:before,
.TAXID:before,
.MAIL:before,
.ADD:before,
.ADD2:before {
	font-weight: 500;
} */

/*////E N D/////*/



/*////E N D/////*/



/*▊▊▊▊▊▊促銷方案【功能頁】部分基本設定(固定)-------- ////S T A R T/*/
.promotion_title {
	border-bottom: 1px solid #999;
}

.promotion_title h2 {
	border-bottom: 2px solid #999;
}

/*////E N D/////*/

/*按鈕顏色設定*/
.animated-arrow {
	background: #ADA17E;
	padding-left: 0;
	text-align: center;
}

.arrow {
	display: none;
}

/* = = = 個別網站設定 = = = = = = = = = == = = = = = = = = = = = = = = == = = = = = = = = = = = = = = == = = */












/*促銷方案*/
.other_promotion li {
	border-top: 1px solid #ccc;
	background: #fff;
	padding: 1% 2%;
}










/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */


@media screen and (max-width: 768px) {
	/* 開啟手機板下方按鈕所需設定= = = = = = = = */
	#bottom_menu {
		display: block;
	}

	#to_top {
		bottom: 60px;
	}

	/*以下其他設定= = = = = = = = */
	

	

	
}






/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */


/*上方選單解除滑動固定
.header_area.sticky { position:relative;}
*/

/*上方選單右邊設定 臉書/LINE/電話/信箱
.tp_links a:before {寬高大小設定}
.tp_links a.me_tp_fb {}
.tp_links a.me_tp_fb:before {背景換圖/建議.SVG}
.tp_links a.me_tp_line {}
.tp_links a.me_tp_line:before {背景換圖/建議.SVG}
.tp_links a.me_tp_call {}
.tp_links a.me_tp_call:before {背景換圖/建議.SVG}
.tp_links a.me_tp_mail {}
.tp_links a.me_tp_mail:before {背景換圖/建議.SVG}
*/


/*電腦LOGO
.nav-brand {}
*/

/*手機LOGO
.nav-brand-m {}
*/

/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */

/*文章設定*/
/*一排呈現
.subbox_item { width:100%;}
*/


/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */


/*相本分類全版面 ( 限制最寬2000px
.work_page .main_part { max-width:2000px;}
.work_page .show_content { padding:0; width:100%;}
.work_page .show-list .item { width:33%; display:inline-block; float:none; margin:0; padding:0;}
@media screen and (max-width: 768px) {
.work_page .show-list .item { width:49%;}
}
@media screen and (max-width: 570px) {
.work_page .show-list .item { width:100%;}
}
.work_page .show-list .item a { max-width:100%;}
.work_page .show-list .show_pic { height:auto; line-height:0;}
.work_page .show-list .show_pic img { max-width:100%; max-height:100%;}
.work_page .show-list .show_name { position:absolute; top:50%; right:10%; width:80%; height:auto; line-height:160%; font-size: 20px; color: #FFFFFF !important; border: solid 1px #fff; text-align: center; margin: -20px 0 0 -120px; padding:5px 20px; transition:all ease-in .3s; opacity:0;}
.work_page .show-list .item:hover .show_name {opacity:1;}
*/


/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */


/*相本列表
.work_info_page .main_part { max-width:2000px;}
.work_info_page .show_content { padding:0; width:100%;}
.work_info_page .subalbum-menu { text-align:center;}
.work_info_page .subalbum-menu h2 { float:none;}
.work_info_page .pic-list .item { margin:0; padding:10px; width:49%; float:none; display:inline-block;}
@media screen and (max-width: 768px) {
.work_info_page .pic-list .item { width:100%;}
}
.work_info_page .pic-list .show_pic { height:auto; line-height:0;}
.work_info_page .pic-list .show_pic img { max-width:100%; max-height:100%;}
.work_info_page .pic-list .item a { max-width:100%; pointer-events: none; cursor: default; } 取消連結被點擊效果
*/