@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+TC|Source+Serif+Pro&display=swap');
body{
	overflow-x:hidden;
	font-family:'Source Serif Pro','Noto Sans TC', sans-serif, arial ; 
}
.bannerindex{position:relative;}
#content_main{margin-top: 0;}
.news_part{display:none;}
/* *********************************** */
/*  header 右上方 icon  (灰-預設 vs 白) */

.round_link a .Gray { display: none; }
.round_link a .White { display: inline-block;}
.round_link a .White,.round_link a, .round_link a .Gray {z-index: 999;}
.round_link {
    display: inline;
    z-index: 999;
    padding:24px 0 0 20px;
}


/* *********************************** */
/* 小ICON掉下來更正檔案*/
/*
.round_link a .White ,.round_link a ,.round_link a .Gray { width: 32px; height: 28px; }
.box_link li:first-child a object.Black,.box_link li:first-child a object.Gray{width:22px;height:22px;}
.box_link li:first-child+li a object.Black,.box_link li:first-child+li a object.Gray{width:40px;height:40px;}
/*


/* *********************************** */
/*  footer 右上方 icon  (黑-預設 vs 灰) */

.box_link li a object.Black { display: none; }
.box_link li a object.Gray { display: inline-block; }



/* *********************************** */
/* 沒有開購物車-預設 vs 有開購物車 */
/**/
.search_link a.with_shopping_mode {	display: inline-block;}

#menuTop ul:before { border-top:0 !important; }
#header { 
	padding:16px 0; 
	height:104px; 
	background:rgba(112,112,112,0.3);
}
.logo img{width:370px;}
.footer_logo img{width:370px;}
#menuTop ul{margin-top:0 !important; }
#menuTop li{margin-top:12px;}
#menuTop li a{color:#fff;}
.pageIndex .main_part{border-top:none;}

/* *********************************** */
/* 產品的看更多按鈕設定 */
.products-list .more { }
.products-list a:hover .more { }


/* *********************************** */
/* 頁面的麵包屑 首頁/頁面名稱/ */
.path {display:none;}


/* *********************************** */
/* 頁面上方廣告 */
.banner {display:none;} 
.banA {}
.banB {}
.banC {}
.banD {}
.banE {}
.banF {}

/* *********************************** */
/* 針對頁尾第幾個作設定 */
.footer_info ul li:nth-child(2) { display:none;}
.footer_info ul li:nth-child(3) { display:none;}
.footer{
	background:#707070;
	border-top:none !important; 
	padding: 40px 0 0 0;}
.footer_info ul{padding-left:127px;}
.footer_info{padding-bottom: 32px;}
.footer_info ul{color:#fff;}
.footer_menu{display:none;}
.copy{padding:16px 0; color: #fff; font-size: 13px; letter-spacing: 1px;}
.copy a{color: #fff;}
.total_view{display:none;}
/* *********************************** */
/* 相本分類全版面 ( 限制最寬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 .path { display: none; }
.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; } /*取消連結被點擊效果*/
.show-list .show_pic{border:none; height:223px; border-radius:0;}

@media screen and (max-width: 768px) {
#header { height:auto; }
#bottom_menu {display: block; }
.footer.with_shopping_mode { padding: 50px 0 90px; }

/* 預設手機版單張圖片 沒有開啟 */
/* 
.bannerindex { display:none;}
.mobile_wp { display:block;}
*/
.footer.with_shopping_mode { padding: 32px 0 70px 0;}
.logo img{width: 300px; padding-right:30px;}
.footer_logo img{width: 300px;}
#nav-toggle{padding:13px 0;}
.footer_info ul{padding-left:0;}
}

@media screen and (max-width: 600px) { 
/* 手機版 輪播圖另外在換圖*/
/*
.swiper-slide img { display:none; }
.bannerindex { height:100vh; padding:0;}
.swiper-slide:nth-child(1) { background-image: url(); background-size:cover;}
.swiper-slide:nth-child(2) { background-image: url(); background-size:cover;}
*/
}
@media screen and (max-width:375px){
	.logo img{width:250px;}
	.footer_logo img{width:250px;}
}
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after{background:#707070;}
.promotion_title{border-bottom:none;}
.promotion_title h2{border-bottom: 1px solid #7c7c7c;}
.animated-arrow{
	font-weight: 600;
	background: none;
    color: #ea68a2;
    display: block;
    margin-top: 20px;
    margin-left: auto;
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    width: 250px;
    padding-left: 5%;
    position: relative;
    border:1px solid #ea68a2;
    transition: all .3s;
}
.animated-arrow .arrow{
	fill:#ea68a2;
}
.animated-arrow:hover{
	background:#ea68a2;
	color: #fff;
}
.animated-arrow:hover .arrow{
	fill: #fff;
}
/* 相簿 */
.show-list .show_name {
    text-align: center;
    font-weight: 400;
    font-size: 16px;
    color:#7c7c7c;
}
.show-list .item:hover .show_name {
    color: #484848;
}
.subalbum-menu h2 {
    font-weight: 400;
    font-size: 18px;
    color: #7c7c7c;
}
.block{display:none;}
.other_album{display:none;}

.show-list .show_pic img{
	-webkit-filter: grayscale(100%);
  	-moz-filter: grayscale(100%);
  	-o-filter: grayscale(100%);
  	-ms-filter: grayscale(100%);
 	filter: grayscale(100%);
 	-webkit-transition: all 800ms ease;
    transition: all 800ms ease;
    max-width: none;
}

.show-list .show_pic .overlay{
	background:rgb(255,255,255,0);
}
.show-list .show_pic:hover img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	filter: grayscale(0%);
}
.red {
    color:#ea68a2;
}