@charset "utf-8";
/* *********************************** */
/*  header 右上方 icon  (灰-預設 vs 白) */
/*
.round_link a .Gray { display: none; }
.round_link a .White { display: inline-block;}
*/


/* *********************************** */
/* 小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;}
*/


/* 購物車icon+匯款紀錄開啟*/
/*.search_link{
	display:block;}

.search_link a.with_shopping_mode {
    display: inline-block;
	}
*/

body {font-family: 'Calibri','sans-serif','微軟正黑體','Microsoft JhengHei';}

/********基本設定**********/
.copy, .copy a {background-color:#444;color:#fff;}
.toShare {display: none;}
.animated-arrow{background-color:#3e681e;}
#header {height: 110px;background: #282B4D;}
#menuTop {padding-left: 0;text-align: right;}
#menuTop ul:before{display:none;}	
#menuTop ul {margin-top: 0;}
.footer{padding-bottom:0px;background-color:#282B4D;}
#menuTop li a {color: #fff;;font-weight: bold;}
#header .logo {margin-top: -22px;width: 300px;height: 100px; background: url(https://pic03.eapple.com.tw/wjlaw/logo.svg) no-repeat;background-size: cover;background-position-x: center;}
.footer_info li	{color: #fff;;font-size: 16px;line-height: 24px;}
.footer_menu li a {color: #fff;}
.footer_info ul {padding-left: 60px;width: 80%;}
.animated-arrow {background-color: #282B4D;}
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after{background: #fff;}
#header .logo img{display: none;}
.footer_logo{width: 300px;height: 100px; background: url(https://pic03.eapple.com.tw/wjlaw/logo.svg) no-repeat;background-size: cover;}
.footer_logo img{display: none;}
.products-box{display: none;}
.news_part{display: none;}

/*購物車設定*/
.products-list .item{width: 30%;}
.products-list .item a{max-width: 300px;}
.products-list .pic{width: 300px;height: 300px;}
.products-list .pic img {max-height: 300px;}
.products-list .name {
	font-size: 30px;margin-top: 0;position: absolute;top: 0;left: 0;
	width: 300px;height: 300px;text-align: center;line-height: 250px;
	color: rgba(0,0,0,0);background-color: rgba(40,43,77,0);transition: all 0.3s;}
.products-list .name:hover{
	background-color: rgba(40,43,77,0.7);color: rgba(256,256,256,1);
	text-shadow: 1px 1px 5px rgba(0,0,0,0.5);}
.products-list .more{display: none;}

.products-list .name:before{
	content: "More";color: rgba(0,0,0,0);border: 1px solid rgba(0,0,0,0);
	position: absolute;top: 70%;left: 50%;transform: translate(-50%,-50%);
    line-height: 50px;padding: 0 30px;transition: all 0.3s;}
.products-list .name:hover:before{color: rgba(256,256,256,1);border: 1px solid rgba(256,256,256,1);}
/********基本設定**********/


/* *********************************** */
/*  footer 右上方 icon  (黑-預設 vs 灰) */
/*
.box_link li a object.Black { display: none; }
.box_link li a object.Gray { display: inline-block; }
*/

/*
.footer{
	background: rgb(96,25,134);
	background: -webkit-linear-gradient(left, rgba(96,25,134,1) 1%,rgba(146,7,131,1) 100%);
	background: linear-gradient(to right, rgba(96,25,134,1) 1%,rgba(146,7,131,1) 100%);}
*/


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


/* *********************************** */
/* 頁面的麵包屑 首頁/頁面名稱/ */
.path {}


/* *********************************** */
/* 頁面上方廣告 */
.banner {position: relative;} 
.banner h5{font-size: 40px;color: #282B4D;font-weight: normal;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.banA {
	background:url(https://pic03.eapple.com.tw/wjlaw/subbanner.png) center top; 
	background-repeat:no-repeat;
	height:300px;
}
.banB {}
.banC {}
.banD {}
.banE {}
.banF {background:url(https://pic03.eapple.com.tw/wjlaw/subbanner.png) center top; 
	background-repeat:no-repeat;
	height:300px;}
.box_container{}

/* *********************************** */


/* *********************************** */
/* 相本分類全版面 ( 限制最寬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; } /*取消連結被點擊效果*/

/*banner調整*/
@media screen and (max-width: 1024px){
	.bannerindex {height: 45vh;}
	.bannerindex .swiper-banner {height: 45vh;}
	.swiper-slide img {height: 45vh;}
	#content_main {margin-top: 45vh;}
	.share_page .edit img{width: 100%;}
	.search_box.for_mobile{display: none;}
}

@media screen and (max-width: 768px) {
	/*banner調整*/
	.bannerindex {height: auto;}
	.bannerindex .swiper-banner {height: auto;}
	.swiper-slide img {height: auto;}
	#content_main {margin-top: auto;}
	/*banner調整結束*/
	#header { height:110px; }
	#bottom_menu {display: block; }
	.footer.with_shopping_mode { padding: 50px 0 90px; }
	#nav-toggle {margin-top: 30px;}


/* 預設手機版單張圖片 沒有開啟 */
/* 
.bannerindex { display:none;}
.mobile_wp { display:block;}
*/
}

@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;}
*/
.products-list .item{width: 100%;}
}
@media screen and (max-width: 400px){
	#header .logo {margin-top: -22px;width: 280px;height: 95px;}
	.footer_logo{width: 280px;height: 95px;}
}
@media screen and (max-width: 320px){
	#header { height:90px; }
	#nav-toggle {margin-top: 20px;}
	#header .logo {margin-top: -22px;width: 210px;height: 70px;}
	.footer_logo{width: 210px;height: 70px;}
}