@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700;900&family=Noto+Serif+TC:wght@200;300;400;500;600;700;900&display=swap');
@import url(https://fonts.googleapis.com/earlyaccess/cwtexkai.css);
@import url(https://fonts.googleapis.com/earlyaccess/cwtexyen.css);
@import url(https://fonts.googleapis.com/earlyaccess/cwtexfangsong.css);
@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);
@import url(https://fonts.googleapis.com/earlyaccess/cwtexming.css);
/*
font-family: 'Noto Sans TC', sans-serif; 黑體
font-family: 'Noto Serif TC', serif;  宋體
*/

body{
	margin: 0;
	padding: 0;
	position: relative;
	font-family: 'Noto Sans TC', sans-serif;
}

main{
	padding-top: 130px;
}
h1,h2,h3,h4,h5,h6,p,ul,ol{
	margin: 0;
	padding: 0;
}

nav ul{
	list-style: none;
}

a{
	color: #263478;
	text-decoration: none;
}
.label-unit{
	display: inline-block;
	margin: 0.5em 0;
}
.label-unit-block{
	margin: 0.5em 0;
}
label{
	margin-right: 2em;

}
input[type=radio]{
	display: none;
}
input[type="radio"] + label:before{
	content: "\f111";
	display: inline-block;
	font-family: "Font Awesome 6 pro"; 
	font-weight: 600;
	margin-right: 5px;
	font-size: 17px;
}

input[type="radio"]:checked + label:before{
	content: "\f192";
}


.new-from input[type="radio"] + label:before{
	font-weight: 400;;
}





input[type=checkbox]{
	display: none;
}
input[type="checkbox"] + label:before{
	content: "\f0c8";
	display: inline-block;
	font-family: "Font Awesome 6 pro"; 
	font-weight: 600;
	margin-right: 5px;
	font-size: 17px;
}

input[type="checkbox"]:checked + label:before{
	content: "\f14a";
}

.new-from input[type="checkbox"] + label:before{
	font-weight: 400;
}


 input[type=text], input[type=password], input[type=date]{
	font-size: 1em;
	width: 100%;
	box-sizing: border-box;
	padding: 0.5em 1em; 
	border: none;
	border-radius: 5px;
	height: 40px;
	font-weight: 300;
}
input[type=text]:disabled{
	color: #fff;
}



.alert-stuts{
	background-color: #ffc9d2;
}

select{
	font-size: 1em;
	width: 100%;
	box-sizing: border-box;
	padding: 0.5em 1em; 
	border: none;
	border-radius: 5px;
	height: 40px;
	font-weight: 300;
	appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background-image: url(../images/angle-down-solid.svg);
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 15px;
}


textarea{
	font-size: 1em;
	width: 100%;
	box-sizing: border-box;
	padding: 0.5em 1em; 
	border: none;
	border-radius: 5px;
	height: 140px;
	font-weight: 300;
}

button{
	font-size: 15px;
	background-color: #fff;
	border: none;
	color: #263478;
	width: 120px;
	height: 40px;
	margin: 10px 1em;
}
.red-btn{
	color: #fff;
	background-color: #263478;
}
.border-select{
	border:1px solid #263478;
}

@media screen and (max-width:992px){
	main{
		padding-top: 50px;
	}
}

/*表頭*/

header{
	
	width: 100vw;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 999;
	display: flex;
}

.white-head{
	height: 127px;
	background-color: #ffffff;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	transition-duration: 2.5s;
}

.transparent-head{
	height: 127px;
	background-color: transparent;
	transition-duration: 2.5s;
}

.logo{
	width: 232px;
	height: 63px;
	background-repeat: no-repeat;
	background-size: 232px;
	overflow: hidden;
	position: absolute;
	left: 60px;
}
.white-head .logo{
	background-image: url(../images/logo-store-r-desktop-x2.png);
	top: 50px;
	transition-duration: 1s;
}

.transparent-head .logo{
	background-image: url(../images/logo-store-w-desktop-x2.png);
	transition-duration: 1s;
	top: 50px;
}
.transparent-head a{
	color: #fff;
	transition-duration: 1s;
}
.white-head a{
	color: #263478;
	transition-duration: 1s;
}
.white-head .sub-menu a{
	color: #fff;
}
.logo a{
	display: block;
	height: 100%;
	text-indent: -500px;
}

nav{
	position: absolute;
	left: 364px;
	font-weight: 300;
	font-size: 1.125em;
}
.white-head nav{
	top: 85px;
	transition-duration: 1s;
}
.transparent-head nav{
	top: 85px;
	transition-duration: 1s;
}
nav > ul{
	display: flex;

}
nav > ul li{
	margin-right: 53px;
	position: relative;
}

.sub-menu{
	max-height: 0px;
	overflow: hidden;
	transition-duration: 1s;
}

.sub-menu:hover{
	display: block;
}
.sub-menu.open{
	max-height: 500px;
	height: auto;
	transition-duration: 1s;
}
.sub-menu .blue{
	background-color: #263478 !important;
}


@media screen and (min-width:992px){
	#inner-page nav > ul li:hover .sub-menu{
		max-height: 500px;
		transition-duration: 1s;
	}
}


#inner-page nav .sub-menu{
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	padding-top: 35px;
	width: 180px;
	transition-duration: 1s;
	
}
#inner-page .white-head nav .sub-menu{
	padding-top: 42px;
	/*transition-duration: 1s;*/
}
#inner-page nav .sub-menu a{
	display: block;
	padding:10px 15px;
	font-size: 16px;
}

#inner-page nav .sub-menu li{
	margin-right: 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.35);
	background-color: #6B1B1E;
}


#inner-page nav .sub-menu li:last-child{
	border-bottom: none;
}

#inner-page nav .sub-menu.blue-menu li{
	background-color: #263478;
}



.other-funciton{
	font-size: 1.0625em;
	position: absolute;
	right: 50px;
	top: 17px;
	display: flex;
}
.other-funciton a{
	margin-left: 15px;
	display: block;
	position: relative;
}
.font-group{
	display: flex;
	margin-right: 15px;
}
.font-btn{
	width: 27px;
	text-align: center;
	margin-right: -1px;
	cursor: pointer;
	transition-duration: 1s;
	font-size: 80%;
    line-height: 25px;
    margin: 0 2px;
    border-radius: 5px;
}
.index-back-btn{
	cursor: pointer;
	transition-duration: 1s;
	font-size: 80%;
    line-height: 25px;
    margin: 0 2px;
    border-radius: 5px;
    border:1px solid #fff;
    padding:0 8px;
}
.transparent-head .font-btn{
	border:1px solid #fff;
	color: #fff;
	
}

.white-head .font-btn{
	border:1px solid #263478;
	color: #263478;
}


.cart-count{
	font-size: 12px;
	color: #fff;
	border-radius: 18px;
	width: 18px;
	height: 18px;
	background-color: #FF0000;
	text-align: center;
	position: absolute;
	right: -10px;
	top: -10px;
}

.menu-btn{
	color: #263478;
	font-size: 3.125em;
	position: absolute;
	left: 50px;
	top: 43px;
	display: none;
	cursor: pointer;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.16);
}
.menu-close{
	color: #999;
	font-size: 1.875em;
	position: absolute;
	right: 20px;
	top: 10px;
	cursor: pointer;
	display: none;
}


#index-page .menu-btn{
	display: block;
	color: #fff;
}
#index-page .menu-btn.open,.menu-btn.open{
	display: none;
}


.menu-block.open,#index-page .menu-block.open{
	background-color: rgba(255, 255, 255, 0.6);
	width: 250px;
	height: 100vh;
	position: absolute;
	overflow: scroll;
	left: 0;
	top: 0;
	z-index: 9999;
	transition-duration: 0.5s;
}

#index-page .menu-block{
	background-color: rgba(255, 255, 255, 0.6);
	width: 250px;
	height: 100vh;
	position: absolute;
	left: -250px;
	top: 0;
	z-index: 9999;
	transition-duration: 0.5s;
}


#index-page .menu-block .menu-close{
	display: block;
}
.menu-block.open .logo,#index-page .menu-block .logo{
	width: 170px;
	height: 176px;
	background-image: url(../images/vlogo-2.png);
	background-size: 170px 176px;
	top: 85px;
	left: 38px;
	transition-property: background-image;
	transition-duration: 0s;
}

.menu-block.open nav,#index-page .menu-block nav{
	left: 39px;
	top: 304px;
	transition-duration: 0s;
}
.menu-block.open nav > ul,#index-page .menu-block nav > ul{
	font-size: 1.25rem;
}
.menu-block.open nav ul,#index-page .menu-block nav ul{
	display: block;
	
}
.menu-block.open nav ul li,#index-page .menu-block nav ul li {
	margin-right: 0;
}
.menu-block.open nav ul a,#index-page .menu-blocknav ul a{
	display: block;
	margin-bottom: 1em;
	box-sizing: border-box;
	position: relative;
}
.menu-block.open nav ul a:hover:after,#index-page .menu-block nav ul a:hover:after{
	content: "";
	display: block;
	width: 180px;
	position: absolute;
	left: 0;
	bottom: 0;
	border-bottom: 1px solid #263478;
}
.menu-block.open nav ul ul a:hover:after,#index-page .menu-block nav ul ul a:hover:after{
	border-bottom: 1px solid #072e6b;
}
.menu-block.open nav ul ul,#index-page .menu-block nav ul ul{
	margin-left: 1.5em;
	font-size: 1.125rem;
}

.voice-icon{
	font-size: 1.5625em;
	color: #fff;
	cursor: pointer;
	position: absolute;
	right: 35px;
	top: 40px;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.16);
	transition-duration: 1s;
}
.other-funciton .voice-icon{
	position: relative;
	right: auto;
	top: auto;
	font-size: 1.0625em;
}


.search-box{
	position: fixed;
	display: flex;
	align-items: center;
	right: 0;
	top: 55px;
	background-color: rgba(0, 0, 0, 0.5);
	padding:10px;
	width: 100vw;
	box-sizing: border-box;
	display: none;
}
.search-box.open{
	display: flex;
}

.search-box button{
	margin:0;
	margin-left: 10px;
	background-color: #263478;
	color: #fff;
}



.white-head .voice-icon{
	color: #263478;
	transition-duration: 1s;
}

@media screen and (max-width: 1160px){
	nav{
		left: 320px;
	}
	nav > ul li{
		margin-right: 25px;
	}
}

@media screen and (max-width: 1400px){
	.menu-btn{
		font-size: 2.1875em;
		left: 25px;
		top: 15px;
	}
	.voice-icon{
		font-size: 1.0625em;
		top: 25px;
	}
}
@media screen and (max-width: 992px){
	.transparent-head{
		background-image: url(../images/logo-store-w-desktop-x2.png);
		background-repeat: no-repeat;
		background-size: 168px;
		background-position: center;
	}
	.white-head{
		background-image: url(../images/logo-store-r-desktop-x2.png);
		background-repeat: no-repeat;
		background-size: 168px;
		background-position: center;
	}
	.white-head nav{
		top: 0;
		transition-duration: 1s;
	}
	#inner-page .white-head nav .sub-menu{
		padding-top: 0;
		/*transition-duration: 1s;*/
	}

		#index-page .menu-block,#index-page .menu-block.open{
		background-color: rgba(255, 255, 255, 0.9);
		box-shadow: none;
	}
	.font-group{
		display: none;
	}
	.other-funciton a.index-back-btn{
		display: none;
	}
	.menu-block.open{
		background-color: rgba(255, 255, 255, 0.9);
		box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
	}
	header{
		height: 70px !important;
	}
	.menu-block .logo{
		margin-left: 0;
	}
	.transparent-head .menu-btn{
		color: #fff;
	}
	.white-head .menu-btn{
		color: #263478;
	}
	.white-head .sub-menu a{
		color: #263478;
	}
	#inner-page nav > ul li .sub-menu{
		position: relative;
	}
	.menu-btn{
		display: block;
		font-size: 1.5em;
		left: 15px;
		top: 15px;
	}
	.voice-icon{
		font-size: 1.2em;
		top: 20px;
		right: 20px;
	}
	
	.other-funciton{
		right: 17px;
	}
	 .menu-block{
		background-color: rgba(255, 255, 255, 0.9);
		width: 250px;
		height: 100vh;
		position: absolute;
		left: -250px;
		top: 0;
		z-index: 9999;
		transition-duration: 0.5s;
	}
	.menu-block.open{
		left: 0;
		transition-duration: 0.5s;
	}

	.menu-block .menu-close{
		display: block;
	}
	.menu-block .logo{
		width: 170px;
		height: 176px;
		background-image: url(../images/logo-store-r-mobile-x2.png);
		top: 85px;
		left: 38px;
	}

	.menu-block nav{
		left: 39px;
		top: 304px;
	}
	.menu-block nav > ul{
		font-size: 1.25rem;
	}
	.menu-block nav ul{
		display: block;
		
	}
	.menu-block nav ul li{
		margin-right: 0;
	}
	.menu-block nav ul a{
		display: block;
		margin-bottom: 1em;
		box-sizing: border-box;
		position: relative;
		color: #263478;
	}
	.menu-block nav ul a:hover:after{
		content: "";
		display: block;
		width: 100%;
		position: absolute;
		left: 0;
		bottom: 0;
		border-bottom: 1px solid #263478;
	}
	.menu-block nav ul ul{
		margin-left: 1.5em;
		font-size: 1.125rem;
	}
	#inner-page nav .sub-menu{
		padding-top: 0px;
	}
	#inner-page nav .sub-menu.open{
	position: relative;
	left: auto;
	top: auto;
	z-index: 0;
	padding-top: 0px;
	height: auto;
	max-height: 300px;
	}
	#inner-page nav .sub-menu a{
		padding:0;
		font-size: 18px;
		padding-left: 0.5em;
		color: #fff;
		background-color: #263478;
	}

	#inner-page nav .sub-menu li{
		margin-right: 0;
		border-bottom: none;
		background-color: transparent;
	}

}


@media screen and (max-width: 576px){
	.transparent-head{
		background-image: url(../images/logo-store-w-desktop-x2-fix.png);
	}
	.white-head{
		background-image: url(../images/logo-store-r-desktop-x2-fix.png);
	}

}


/*表尾*/
footer{
	color: #fff;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	padding:30px 0 50px 0;
}

.footer-link a{
	color: #fff;
	font-size: 20px;
	margin:0 8px;
}
.line-group img{
	width: 18px;
}
.copyright{
	font-size: 16px;
	margin-top: 20px;
}
.gototop{
	position: fixed;
	right: 54px;
	bottom: 90px;
	width: 60px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	font-size: 30px;
	border-radius: 60px;
	border: 1px solid #263478;
	color: #263478;
	background-color: rgba(255, 255, 255, 0.5);
	cursor: pointer;
}

.donate-btn-box{
	display: block;
	width: 300px;
	height: 325px;
	background-image: url(../images/donate-btn.png),url(../images/donate-btn-item.png);
	background-size: 300px auto,50px auto;
	background-position: left bottom -20px,right bottom 80px;
	background-repeat: no-repeat,no-repeat;
	position: absolute;
	left: 12px;
	bottom: -20px;
}

.donate-btn-box:hover{
	height: 345px;
	background-image: url(../images/donate-btn-hover.png),url(../images/donate-btn-item-hover.png);
}

@media screen and (max-width: 1350px){
	.gototop{
		right: 2%;
	}
}


@media screen and (max-width: 768px){
	.copyright{
		margin-left: 20px;
		margin-right: 20px;
	}
	.gototop{
		bottom: 15px;
	}
}

/*內頁*/
#inner-page{
	background-image: url(../images/bg-store-page.png);
}
#inner-page header{
	position: fixed;
}

.inner-banner{
	max-height: 650px;
	overflow: hidden;
	position: relative;
	background-color: #000;
}
.ib-img{
	background-size: cover;
	background-position: center;
	padding-top: 35%;
}
.inner-banner img{
	display: block;
	margin: auto;
	max-height: 650px;
	max-width: 100%;
}
.ib-cover{
	position: absolute;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100%;
	background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0.58) 15%,rgba(0,0,0,0) 100%);
}


.news-bar{
	background-color: #263478;
	height: 60px;
	padding:0 20px 0 160px;
	overflow: hidden;
	display: flex;
	align-items: center;
}
.news-bar ul{
	height: 25px;
	overflow: hidden;
	padding-left: 30px;
}


.news-bar a{
	color: #fff;
	text-decoration: underline;
	display: block;
	position: relative;
	font-size: 1.0625em;
}
.news-bar a:before{
	position: absolute;
	left: -25px;
	top: 2px;
	font-family: "Font Awesome 6 pro"; 
	font-weight: 900; 
	content: "\f6a8";
}

.tab{
	display: flex;
	justify-content: center;
	margin-bottom: 144px;
	flex-wrap: wrap;
}
.tab a{
	display: block;
	padding: 12px 0;
	margin: 0 1em 0.2em 1em;
	font-size: 1.25em;
	width: 180px;
	text-align: center;
	border-radius: 15px;
}
.tab.product-catalog{
	font-weight: 300;
}
.product-catalog.tab a{
	background-color: #e1e1e1;
	margin:1.5em 0.5em;
	width: auto;
	padding:8px 20px;
}
.tab a.current{
	border: 1px solid #263478;
}
.inner-main-block{
	background-color: #fff;
	padding: 43px 0 100px 0;
	max-width: 1350px;
	margin: auto;
	box-sizing: border-box;
}
.inner-main-block.inner-product-block{
	padding-top: 0;
	background-image: url(https://yeshekhorlo-taiwan.com/media/website/2/white-paper-texture2.jpg);
	background-repeat: repeat;
	background-position: 0;
	background-size: 100%;
}
.article-main-block{
	background-image: url(../images/article-bg.png);
	background-repeat: no-repeat;
	background-position: 0;
	background-size: 100%;
}
.inner-main-title{
	font-size: 1.875em;
	text-align: center;
	font-weight: 400;
	color: #263478;
	margin-bottom: 3.75rem;
}

.inner-sub-title,.inner-content-area .inner-sub-title{
	font-size: 1.5em;
	text-align: center;
	font-weight: 400;
	color: #263478;
	margin-bottom: 1em;
}

.article-headline{
	margin-bottom: 50px !important;
}
.article-inner-headline{
	margin-top: 56px;
	margin-bottom: 18px;
	font-size: 1.25em;
}
.article-block{
	line-height: 2.18em;
	font-weight: 300;
}
.article-block:after{
	content: "";
	display: block;
	clear: both;
}
.inner-content-area{
	max-width: 960px;
	margin: auto;
/*word-break:break-all;*/
}
.inner-content-area h2{
	font-size: 1.25em;
	font-weight: 400;
	color: #263478;
	margin-bottom: 0.5rem;
	margin-top: 2rem;
}


.inner-content-area p,.inner-content-area ol{
	margin-bottom: 0.5rem;
}
.inner-content-area ol{
	margin-left: 1.2em;
}

.img-align-left{
	float: left;
	margin-right: 28px;
}
.img-align-right{
	float: right;
	margin-left: 28px;
}

.contact-info{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 5px;
}
.contact-info span{
	margin-right: 1.5em;
	display: inline-block;
	margin-bottom: 10px;
}
.contact-info span i{
	margin-right: 0.5em;
}

.contact-map iframe{
	width: 100%;
}
.article-block img {
    width: 500px;
}
@media screen and (max-width: 992px){
	.article-block img{
		width: 100%;
		margin: 0;
	}
	.inner-content-area{
		max-width: 100%;
		margin: 0 20px;
	}
	.news-bar{
		padding-left: 50px;
	}
}

@media screen and (max-width: 768px){
	.inner-main-title{
		margin-bottom: 2rem;
	}
	.tab{
		flex-direction: column;
		align-items: center;
		margin-bottom:70px;
	}
	.tab.product-catalog{
		flex-direction:row;
		align-items: center;
		margin-bottom:70px;
	}
	.product-catalog.tab a{
		margin-bottom: 0.5em;
	}

}




/*分享按鈕*/
.share-icon-group{
	position: relative;
}
.share-btn{
	font-size: 20px;
	color: #263478;
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
}
.share-group{
	font-size: 17px;
	background-color: #263478;
	border-radius: 20px;
	padding:5px 15px;
	display: none;
	position: absolute;
	right: 0;
	top: 35px;
}
.share-group.open{
	display: inline-block;
}
.share-group a{
	color: #fff;
	margin: 0 10px;
}



@media screen and (max-width: 992px){
	.share-btn{
		right: 0px !important;
	}
	.share-btn.inner-page{
		top: 38px;
	}
}
@media screen and (max-width: 768px){
	.share-btn{
		top: -40px !important;
	}
	.share-group{
		right: 20;
		top: -10px;
	}
}


/*照片清單 & 圖文清單1 & 圖文清單2 */
.photo-group-block{
	display: flex;
	flex-wrap: wrap;
	/*margin: 0 -22px 65px -22px;*/
}
.photo-unit{
	flex-basis:calc(33.3333% - 44px);
	flex-grow: 0;
	flex-shrink: 0;
	margin: 0 22px 60px 22px;
	position: relative;
}
.photo-unit img{
	width: 100%;
	aspect-ratio: 290 / 208;
	object-fit: cover;
}
.product-list .photo-unit img{
	object-fit: scale-down;
}


.photo-info{
	color: #000;
	overflow: hidden;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	font-weight: 300;
	line-height: 1.6em;
	font-size: 1.1em;
	margin-top: -10px;
}
.unit-tag-group {
	margin-top: 0.8em;
}
.unit-tag-group span{
	display: inline-block;
	border-radius: 15px;
	color: #fff;
	background: linear-gradient(135deg, #E3C33C,#A2881A);
	font-size: 0.9em;
	padding:0.3em 0.8em;
	margin-bottom: 8px;
	margin-right: 3px;
}
.pure-txt-unit{
	flex-basis:calc(50% - 44px);
	margin: 0 22px 60px 22px;
}
.img-hover-wrap{
	position: relative;
	margin-bottom: 10px;
}
.img-hover-wrap img{
	display: block;
}
.img-hover-cover{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: none;
	background-color: #b69012b5;
}
.img-hover-wrap:hover .img-hover-cover{
	display: block;
}
.s-headline-bar{
	display: flex;
	margin-top: 27px;
	margin-bottom: 35px;
	align-items: center;
}

.inner-content-area .s-headline-bar h2.s-headline{
	font-size: 1.25rem;
	font-weight: 400;
	flex: 100% 1 1;
	margin-top: 0;
	margin-bottom: 0;
}
h2.s-headline:hover{
	color: #c39f42;
}
.day-box{
	width: 50px;
	height: 50px;
	background: linear-gradient(135deg, #E3C33C,#A2881A);
	color: #fff;
	font-size: 1.125em;
	line-height: 50px;
	text-align: center;
	color: #fff;
	border-radius: 50px;
	margin-right: 5px;
}
.s-headline-bar .day-box{
	flex: 50px 0 0;
}
.news-list{
	
}
.news-unit{
	margin-bottom: 65px;
}
.news-unit a{
	display: flex;
	position: relative;
}
.news-unit .day-box{
	position: absolute;
	left: 220px;
	top: -25px;
}
.news-unit img{
	width: 250px;
	height: 180px;
	object-fit: cover;
	
}
.news-unit .img-hover-wrap{
	margin-right: 36px;
}
.news-unit .s-headline{
	margin-bottom: 30px;
}





@media screen and (max-width: 768px){

	.photo-unit{
		flex-basis:calc(100% - 44px);
	}
	.photo-group-block.article-list .photo-unit{
		margin-bottom: 65px;
	}
	.s-headline-bar{
		margin-top: 0;
		margin-bottom: 15px;
	}
	.news-unit a{
		display: block;
	}
	.news-unit a img{
		width: 100%;
		/*height: auto;*/
	}
	.news-unit .day-box{
		left:10px;
		top: 10px;
	}

	.inner-content-area .news-unit h2.s-headline{
		margin-bottom: 15px;
		min-height: 2.8em;
		display: flex;
		align-items: center;
		margin-top: 0;
	}
}















/*頁碼*/
.page{
	display: flex;
	justify-content: space-between;
	margin-bottom: 30px;
}
.page a{
	display: block;
}
.page-pre-next{
	width: 120px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border: 1px solid #263478;
}
.page-pre-next:hover{
	color: #fff;
	background-color: #263478;
}
.page-group{
	display: flex;
	justify-content: center;
	align-items: center;
}
.page-group a{
	width: 25px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	margin: 0 5px;
	color: #000000;
	font-size: 15px;
}

.page-group a:hover,.page-group a.current{
	border-bottom: 1px solid #263478;
	color: #263478;
	font-weight: 600;
}


@media screen and (max-width: 768px){
	.page-group a{
		
	}
	.page-group a.current{
		display: block;
	}
}

@media screen and (max-width: 768px){
	.page-pre-next span{
		display: none;
	}
	.page-pre-next{
		flex: 25px 0 0;
		height: 25px;
		line-height: 25px;
	}
	.page-pre-next:first-child:after{
		content: "<";
	}
	.page-pre-next:last-child:after{
		content: ">";
	}
}



/*表單*/
.form-block{
	/*background-image: url(../images/bg-inner-page.png);*/
	background-color: #263478;
	margin-top: 70px;
	padding:60px 16%;
	color: #fff;
	font-weight: 200;
}
.mt-0{
	margin-top: 0px;
}
.frow{
	display: flex;
	margin-bottom: 1em;
	justify-content: space-between;
	align-items: center;
}
.frow.align-top{
	align-items: flex-start;
}
.frow .frow{
	margin-bottom: 0;
}
.fcol-2{
	flex: 48% 0 0;
}
.fcol-name{
	text-align: right;
	flex: 4em 0 0;
	margin-right: 1em;
}
.fcol-name-xl{
	text-align: right;
	flex: 9em 0 0;
	margin-right: 1em;
}
.fcol-select{
	flex: 8.5em 0 0;
	margin-right: 1em;
}
.fcol-btn{
	flex: 6em 0 0;
	margin: 0;
	margin-left: 1em;
}
.fcol-btn:disabled{
	color: #fff;
	background-color: #ccc;
}
.fcol-content{
	flex: 100% 1 1;
}


.frow .bank-info{
	margin-left: 7em;
	line-height: 1.5em;
}
.frow .bank-info.mlf,.mlf{
	margin-left: 5em;
}
.frow .bank-info.mlf-2,.mlf-2{
	margin-left: 2em;
}
.frow .bank-info.mlf-3,.mlf-3{
	margin-left: 9.5em;
}
.btn-wrap{
	margin-top: 2em;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}
@media screen and (max-width: 768px){
	.form-block{
		padding: 50px 10%;
	}
	.fcol-2{
		flex: 100% 0 0;
	}
	.frow{
		flex-wrap: wrap;
	}
	.frow{
		margin-bottom: 0;
		margin-top: 1.5em;
	}
	.frow:first-child{
		margin-top: 0;
	}
	.fcol-name,.fcol-name-xl{
		text-align: left;
		margin-bottom: 5px;
	}
	.fcol-select{
		flex: 100% 0 0;
		margin-right: 0;
		margin-bottom: 5px;
	}
	.fcol-btn{
		flex: 100% 0 0;
		margin-left: 0em;
		margin-bottom: 5px;
		margin-top: 5px;
	}
	.frow .bank-info,.frow .bank-info.mlf,.mlf{
		margin-left: 0;
	}
}



/*行事曆*/
.calendar-block{
	margin-bottom: 65px;
}
.calendar-block img{
	width: 100%;
}


/*照片彈跳視窗*/
.photo-cover{
	width: 100vw;
	height: 100vh;
	background-color: rgba(0, 0, 0, 0.7);
	position: fixed;
	left: 0;
	top: 0;
	z-index: 9999;
}
.photo-box{
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.photo-box img{
	max-width: 90%;
	max-height: 90%;
	border:15px solid #fff;
	box-sizing: border-box;
}
.photo-close{
	color: #fff;
	position: absolute;
	left: 15px;
	top: 15px;
	font-size: 2.5em;
	background-color: #c4a211e6;
	border-radius: 50px;
	width: 50px;
	height: 50px;
	text-align: center;
	line-height: 45px;
}

.photo-btn{
	color: #fff;
	font-size: 4em;
	position: absolute;
	top: 45%;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.7);
}
.photo-pre{
	left: 15px;
}
.photo-next{
	right: 15px;
}




/*會員專區-登入*/
.member-main{
	padding-top: 127px;
}



.forget-pw-btn{
	color: #fff;
	text-decoration: underline;
	cursor: pointer;
}

.forget-pw .fcol-content{
	text-align: right;
}

.cover{
	position: fixed;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	background-color: rgba(0, 0, 0, 0.8);
	z-index: 99999;
	display: none;
	justify-content: center;
	align-items: center;
}
.cover.open{
	display: flex;
}
.pop-window{
	background-color: #fff;
	width: 90vw;
	max-width: 800px;
	padding:30px;
	position: relative;
}
.close-pop-window{
	position: absolute;
	right: 10px;
	top: 0px;
	font-size: 2em;
	cursor: pointer;
}
.pop-window .form-block{
	padding-left: 10%;
	padding-right: 10%;
}
.alert-txt{
	text-align: center;
	flex: 100% 1 1;
	background-color: rgba(0, 0, 0, 0.8);
	padding:10px;
}



/*會員專區-活動記錄*/
.member-inner-area{
	max-width: 1100px;
	margin:auto;
}
.member-area-block{
	display: flex;
	font-size: 120%;
	align-items: flex-start;
}

.member-main-block{
	display: flex;
	flex:100% 1 1;
	align-items: flex-start;
}

.member-area-block h2{
	margin-top: 0;
}

.member-nav{
	background-color: #efefef;
	flex:8em 0 0;
	margin-right: 2em;
}
.member-nav ul{
	list-style: none;
	margin:0;
	padding: 0.5em 0;
}


.member-nav ul li{
	margin-left: 0;
}

.member-nav a{
	display: block;
	padding:0.5em 1.5em;
}
.member-nav a.current{
	background-color: #263478;
	color: #fff;
}


.member-info-block .frow{
	align-items: flex-start;
	border-bottom: 1px solid #efefef;
	padding-bottom: 1em;
}
.member-info-block .fcol-name{
	color: #aaa;
}
.member-info-block{
	flex: 100% 1 1;
	margin-right: 2em;
}

.member-side-block{
	border:3px solid #efefef;
	flex: 360px 0 0;
	padding:1em 1em 0 1em;
}

.member-side-block .frow:last-child{
	border-bottom: none;
}

.member-sub-title{
	font-size: 1.5em;
    font-weight: 400;
    color: #263478;
    margin-bottom: 1em;
}

.line-top{
	border-top:1px solid #efefef;
}

.member-sub-title.line-top{
	padding-top: 15px;
	padding-bottom: 15px;
}

.member-side-block .member-sub-title{
	font-size: 1em;
	margin-bottom:0em;
}

.member-trd-title{
	font-size: 1.5em;
    font-weight: 400;
    color: #263478;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.btn-style button{
	background-color: #263478;
    color: #fff;
}
.btn-style button:disabled,button:disabled{
	color: #fff;
	background-color: #ccc;
}


.member-side-block .btn-wrap{
	margin-top: 0;
	margin-bottom: 1em;
	padding-bottom: 1em;
	border-bottom: 1px solid #efefef;
}



.registration-list-wrap{
	flex: 100% 1 1;
}
.desktop-table{
	width: 100%;
	border-collapse: collapse;
}

.desktop-table th{
	text-align: center;
	border-bottom: 1px solid #ccc;
	padding: 8px 2px;
	color: #aaa;
	font-weight: 400;
}


.desktop-table td{
	text-align: center;
	padding: 8px 2px;
}

.desktop-table tr:nth-child(odd) td{
	background-color: #efefef;
}

.mobile{
	display: none;
}

@media screen and (max-width:992px){
	.member-nav{

	}
	.member-nav ul{
		display: flex;
		overflow: scroll;
		padding:0;
	}
	.member-nav ul li{
		flex: 120px 0 0;
	}
	.member-nav ul li a{
		padding:0.5em;
		text-align: center;
	}
	.member-area-block{
		display: block;
	}

	.member-main-block{
		display: block;
	}
	.member-nav{
		margin:0;
		margin-bottom: 20px;
	}
	.member-info-block{
		margin:1em;
	}
	.member-side-block{
		margin:1em;
	}
	.registration-list-wrap{
		margin:0 20px;
	}
	.desktop{
		display: none;
	}
	.mobile{
		display: block;
		flex: 100% 0 0;
	}
	.mobile-table{
		border-collapse: collapse;
		width: 100%;
		border: 3px solid #ccc;
		margin-bottom: 20px;
	}
	.mobile-table th{
		font-weight: 400;
		color: #aaa;
		padding:4px 10px;
		border-bottom: 1px solid #ccc;
		width: 5em;
	}
	.mobile-table td{
		padding:4px;
		border-bottom: 1px solid #ccc;
	}
}



/*會員專區 - 訂單記錄*/

.order-product-info{
  flex-basis: 460px;
}
.product-info {
	margin-bottom: 20px;
}
.product-info table{
	width: 100%;
	border-bottom: 1px solid #efefef;
}
.product-info table th{
	font-weight: 400;
	color: #aaa;
	padding:4px 2px;
	border-bottom: 1px solid #efefef;
}
.product-info table td{
	padding:4px 2px;
	text-align: center;
}
.product-info table th:last-child,.product-info table td:last-child{
	width: 136px;
	text-align: right;
}
.product-info table th:last-child{
	text-align: center;
}
.prow{
	display: flex;
}
.pname{
	flex: 100% 1 1;
	padding:4px 2px;
	text-align: right;
	color: #aaa;
}
.pcontent{
	flex: 136px 0 0;
	padding:4px 2px;
	text-align: right;
}
.order-txt{
	margin-bottom: 20px;
}



/*會員專區-會員資料*/

.personal-block .frow{
	border-bottom: none;
}
.personal-block .fcol-name{
	padding-top: 5px;
}
.pure-txt{
	padding-top: 5px;
	padding-left: 20px;
}
.personal-block input,.personal-block select{
	border-bottom: 1px solid #ccc;
	border-radius: 0;
	margin-bottom: 5px;
}
.personal-account{
	border: 2px solid #ccc;
	margin-bottom: 2em;
	padding:2em;
}
.personal-account .frow{
	margin-bottom: 0;
	padding-bottom: 0;
}

.personal-account .fcol-name{
	flex-basis: 6em;
}

.personal-account .btn-wrap{
	border:none;
	margin-top: 1em;
	margin-bottom: 0;
}
.personal-account .no-margin{
	margin-bottom: 0;
}



/*會員專區-學員申請*/

.apply-wrap{
	flex: 100% 1 1;
}
.apply-state-block{
	border:5px solid #263478;
	background-color: #efefef;
	text-align: center;
	padding:1em;
	margin-bottom: 30px;
}
.apply-state-block h3{
	color: #263478;
	margin-bottom: 10px;
	font-size: 24px;
}
.apply-form{
	margin-left: 5em;
}
.apply-form .frow{
	display: block;
}
.apply-form .fcol-name{
	text-align: left;
	color: #000;
	margin-bottom: 0.5em;
}
.apply-form .fcol-content{
	color: #263478;
	padding-left: 1em;
}

.apply-form .flex .frow{
	display: flex;
	margin-bottom: 0;
	padding-bottom: 0;
	margin-top: 0;
}
.apply-form .flex .fcol-name{
	color: #aaa;
	text-align: right;
	flex: 7em 0 0;
	margin-right: 0.5em;
}

.apply-form .flex .fcol-content{
	padding-left: 0;
}


.label-unit.flex-box{
	display: flex;
}
.label-unit.flex-box label{
	flex: 3.5em 0 0;
	margin-right: 0;
}
.label-unit.flex-box input[type="text"]{
	width: 10em;
}


@media screen and (max-width:768px){
	.apply-form .flex .fcol-name{
		text-align: left;
	}
}




/*隨喜參贊 贊助*/

.donate-form .fcol-name{
	flex: 6em 0 0;
}

.item-frow.frow{
	margin-bottom: 10px;
	justify-content: flex-end;
}
.item-frow.frow:last-child{
	margin-bottom: 0;
}
.item-frow .fcol-name{
	flex: 100% 1 1;
	text-align: left;
}


.item-frow .fcol-content{
	flex: 11em 0 0;
	display: flex;
	align-items: center;
}

.item-frow .fcol-content span{
	flex: 2.5em 0 0;
}
.donate-item{
	align-items: stretch;
}
.donate-item-name{
	padding-top: 0.5em;
	
}
.donate-item-content{
	border-left: 5px solid #fff;
	border-left-color: rgba(255, 255, 255, 0.3);
	padding-left: 1em;
}

@media screen and (max-width:768px){
	.donate-item > .fcol-name{
		border:none;
		padding:0;
	}
	.frow.item-frow{
		justify-content: flex-start;
	}

}



/*產品內容*/

.prd-img-info{
	display: flex;
	margin-bottom: 10px;
	justify-content: space-between;
	align-items: flex-start;
}
.prd-main-img{
	flex:50% 0 0;
	aspect-ratio: 1 / 1;
}
.prd-main-img img{
	width: 100%;
	height: 100%;
	object-fit: scale-down;
	display: block;
}
.prd-short-info{
	flex: 45% 0 0;
}
.inner-content-area .prd-short-info h2{
	margin-top: 0;
	margin-bottom: 0.5rem;
}
.prd-id-number{
	font-size: 15px;
	margin-bottom: 1.5rem;
}
.prd-short-txt{
	font-weight: 300;
}
.prd-tag-group{
	font-size: 14px;
	margin-bottom: 1.5rem;
}
.prd-tag-group a{
	display: inline-block;
	margin-right: 5px;
}
.prd-img-group{
	display: flex;
	flex-wrap: wrap;
	margin-left: -5px;
	margin-right: -5px;
}
.prd-img-unit{
	flex:12.5% 0 0;
	padding:5px;
	box-sizing: border-box;
	aspect-ratio: 1 / 1;
}

.prd-img-unit img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.prd-price{
	font-size: 1.75em;
}
.prd-price .sub-price{
	font-size: 1.2rem;
}
.prd-stock{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin-top: 25px;
}
.prd-stock button{
	margin: 0;
}
.buy-btn-wrap{
	flex:100% 0 0;
}
.payment-item{
	margin-left: 10px;
}
.payment-item span{
	margin-right: 0 !important;
	color: #A0A0A0;
}
.payment-item img{
	width: 30px;
	margin-left: 5px;
}
.prd-stock div{
	display: flex;
	align-items: center;
}
.prd-stock span{
	flex: 4em 0 0;
	margin-right: 10px;
}
.prd-style{
    flex: 13em 0 0;
    margin-right: 1em;
    margin-bottom: 25px;
}
.prd-number{
	flex: 11em 0 0;
	 margin-bottom: 25px;
}
.prd-number select{
	flex: 5em 0 0;
}
.prd-style select{
	flex: 7em 1 0;
	margin-right: 10px;
}


.prd-long-info{
	margin-top: 30px;
	font-weight: 300;
}
.prd-long-info h6{
	font-size: 1rem;
	color: #263478;
	margin-bottom: 0.5em;
}

.recommended-products{
	margin-top: 5em;
}

@media screen and (max-width:992px){
	.prd-long-info img{
		max-width: 100%;
		height: auto !important;
		margin:0 !important;
		padding:0 !important;
		float: none !important;
	}
}
@media screen and (max-width:768px){
	.prd-img-info{
		display: block;
	}
	
}



/*購物車*/

.cart-item-name{
	display: flex;
	border-bottom: 3px solid #ccc;
	padding-bottom: 0.5em;
}

.item-name-1{
	flex: 100% 1 1;
	text-align: center;
}

.item-name-2,.prd-unit-price{
	flex: 10em 0 0;
	text-align: center;
}
.item-name-3,.prd-amount{
	flex: 5.5em 0 0;
	text-align: center;
}
.prd-amount .quantity{
	display: flex;
}
.quantity input[type=text]{
	border: 1px solid #000;
	width: 40px;
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
	margin-left: 2px;
	margin-right: 2px;
}
.item-name-4,.prd-price-count,.amount-total{
	flex: 10em 0 0;
	text-align: center;
}


.cart-prd-unit{
	display: flex;
	align-items: center;
	margin:0.5em 0;
	padding-bottom: 0.5em;
	border-bottom: 1px solid #ccc;
}
.btn-delete{
	flex: 3em 0 0;
	text-align: center;
}

.prd-simg{
	flex: 100px 0 0;
}
.prd-simg img{
	display: block;
	aspect-ratio: 1/1;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.prd-name{
	flex-basis: calc(100% - 3em - 100px - 1em);
	flex-grow: 1;
	flex-shrink: 1;
	margin-left: 1em;
}

.cart-amount-unit{
	display: flex;
}
.amount-txt{
	flex: 100% 1 1;
	text-align: right;
}



@media screen and (max-width:768px){
	.prd-simg{
		display: none;
	}
}
@media screen and (max-width:576px){
	.cart-item-name{
		display: none;
	}
	.cart-prd-unit{
		flex-wrap: wrap;
	}
	.btn-delete{
		flex: 2em 0 0;
	}
	.prd-name{
		margin-left: 0;
	}
	.prd-unit-price{
		flex: 100% 0 0;
		text-align: left;
		padding-left: 2em;
		color: #999;
	}
	.prd-unit-price:before{
		content: "單價：";
	}
	.prd-amount{
		flex: 100% 0 0;
		text-align: left;
		padding-left: 2em;
		color: #999;
	}
	.prd-amount:before{
		content: "數量：";
	}
	.prd-price-count{
		flex: 100% 0 0;
		text-align: left;
		padding-left: 2em;
		color: #999;
	}
	.prd-price-count:before{
		content: "小計：";
	}
	.checkout .prd-unit-price,.checkout .prd-amount,.checkout .prd-price-count{
		padding-left: 0;
	}
}



/*訂單結帳*/
.order-info-wrap{
	display: flex;
	justify-content: space-between;
}
.order-user-wrap{
	flex: 53% 0 0;
}
.order-amount-wrap{
	flex: 47% 1 1;
	margin-left: 30px;
}
.order-user-info{
	margin-top: 20px;
}
.order-form.form-block{
	padding: 20px;
	margin-top: 10px;
}

.order-form.form-block .fcol-name{
	flex: 5em 0 0;
}

.bill-info{
	padding-left: 5em;
	flex: 100% 1 1;
}
.bill-info input{
	border:1px solid #999;
	margin:5px 0;
}
.cupon-info{
	display: flex;
	align-items: center;
}
.cupon-info input{
	border:1px solid #999;
	margin:5px 0;
}
.cupon-info-txt{
	color: #263478;
}
.white-form input[type=radio] + label:before{
	color: #999;
}


.order-user-info .amount-total{
	flex: 7em 0 0;
	text-align: right;
}
.order-user-info .cart-amount-unit{
	margin:10px 0;
}
.cart-amount-unit.final-row{
	border-top: 2px solid #000;
	padding-top: 10px;
}


@media screen and (max-width:768px){
	.order-info-wrap{
		display: block;
	}
	.bill-info{
		padding-left: 0;
	}
}



/*訂單成立*/
.order-end-wrap h3{
	font-size: 1.5rem;
	margin-bottom: 2rem;
}

.order-end-list{
	display: flex;
	margin-bottom: 20px;
	border:2px solid #ccc;
}
.order-end-name,.order-end-content{
	border:1px solid #ccc;
	padding:10px;
}
.order-end-name{
	background-color: #efefef;
}
.order-end-row{
	flex:25% 0 0;
	text-align: center;
}


@media screen and (max-width:576px){
	.order-end-list{
		flex-direction: column;
	}
	.order-end-row{
		display: flex;
	}
	.order-end-name{
		flex: 5em  0 0;
	}
	.order-end-content{
		flex: 100% 1 1;
		text-align: left;
	}
}



/*活動報名表*/
.inner-content-area .form-title{
	color: #fff;
	text-align: center;
	margin:0 0 2rem;
	border-bottom:1px solid rgba(255, 255, 255, 0.3);
	padding-bottom: 1rem;
}

.form-unit{
	margin-bottom: 4rem;
}
.frow.no-flex{
	display: block;
}
.frow.no-flex .fcol-name{
	text-align: left;
	margin-bottom: 6px;
}
.long-label-unit{
	display: block;
}
.long-txt-unit{
	display: flex;
	flex:100% 0 0;
	width: 100%;
}
.event-item{
	flex: 100% 1 1;
}
.event-price{
	flex: 100px 0 0;
}
.event-price-large{
	flex: 190px 0 0;
	display: flex;
	align-items: center;
}
.event-price-large span{
	flex: 40px 0 0;
}
input[type="checkbox"] + label.long-txt-unit:before{
	margin-top: 4px;
}

.sub-en{
	margin-left: 2em;
	font-size: 14px;
}
.large-price{
	font-size: 20px;
	font-weight: 500;
}
.add-name-box{
	display: flex;
	align-items: center;
}
.add-name-box input{
	width: 120px;
	margin-left: 10px;
}
.add-name-box button{
	margin:0 0 0 10px;
	width: 5em;
}
.name-group{
	display: flex;
	flex-wrap: wrap;
}
.name-tag-box{
	border:1px solid #263478;
	border-radius: 5px;
	padding:0 5px;
	margin:0 5px 5px 0;
}
.name-delete{
	color: #263478;
}
.good-count{
	display: flex;
	align-items: center;
	margin-right: 10px;
}
.good-count span{
	width: 2.5em;
}
.good-count input{
	width: 50px;
}
@media screen and (max-width:576px){
	.long-txt-unit{
		flex-wrap: wrap;
	}
	.sub-en{
		margin-left: 0;
	}
	.event-item{
		flex: 90% 1 1;
	}
	.event-price{
		margin-left: 20px;
	}
	.event-price-large{
		margin-bottom: 10px;
	}
	.add-name-box{
		flex-wrap: wrap;
		margin-bottom: 10px;
	}
	.add-name-box span{
		margin-bottom: 5px;
		flex-basis: 100%;
	}
	.add-name-box input{
		margin-left: 0;
	}
}



/*灰色版表格*/
.gray-form{
	 background-color: #efefef;
	color: #000;
	
}

.inner-content-area .gray-form .form-title{
	color:#263478;
	border-bottom: 1px solid #263478;
	text-align: left;
}
.gray-form .frow{
	flex-wrap: wrap;
}
.gray-form .fcol-name{
	margin-bottom: 5px;
	font-weight: 400;
	flex-basis: 100%;
	text-align: left;
}

.gray-form .fcol-name-short{
	flex-basis: 100px;
}
.frow.frow-start{
	justify-content: flex-start;
}

.gray-form label:before{
	    color: #263478;
}



.en-title{
	font-size: 14px;
}


/*Chris 2022/12/22*/
.inner-content-area h2 strong {
    font-weight: 300;
}
.inner-content-area h2 {
    font-size: 1.8em;
    margin-bottom: 3rem;
    margin-top: 3rem;
}
.inner-content-area p, .inner-content-area ol {
    font-size: 120%;
    line-height: 2;
    letter-spacing: 2px;
}
.news-bar a:before {
    left: -30px;
    top: 4px;}
.news-bar a {
    letter-spacing: 1.5px;
}
.share-icon-group {
    top: -25px;
}
.top-tab{
	   background-color: #263478;
	   background-image: url(../images/bg-product-tag.png);
	   background-repeat: no-repeat;
	   background-size: 100%;
	   background-position: top center;
	   display: flex;
	   justify-content: center;
	   font-weight: 300;
	   margin-top: 1.5em;
	   padding-top: 50px;
	   flex-wrap: wrap;
}
.top-tab a{
	color: #000;
	display: block;
	margin:0 22px;
	padding:12px 12px 12px 40px;
	position: relative;
	font-size: 1.25em;
	background-repeat: no-repeat;
	background-position: left 8px center;
}
.top-tab a:nth-child(1){
	background-image: url(../images/pric-1.png);
	background-size: 25px auto;
}
.top-tab a:nth-child(2){
	background-image: url(../images/pric-2.png);
	background-size: 25px auto;
}
.top-tab a:nth-child(3){
	background-image: url(../images/pric-3.png);
	background-size: 32px auto;
	padding-left: 45px;
}
.top-tab a:nth-child(4){
	background-image: url(../images/pric-4.png);
	background-size: 24px auto;
}
.top-tab a:nth-child(5){
	background-image: url(../images/pric-5.png);
	background-size: 23px auto;
}
.top-tab a:nth-child(6){
	background-image: url(../images/pric-6.png);
	background-size: 24px auto;
}
.top-tab a:nth-child(7){
	background-image: url(../images/pric-7.png);
	background-size: 33px auto;
	padding-left: 45px;
}
.top-tab a:nth-child(8){
	background-image: url(../images/pric-8.png);
	background-size: 26px auto;
}
.top-tab a:hover{
	border-bottom: 2px solid #c39f42;
	margin-bottom: -2px;
}
.top-tab a.current{
	color: #263478;
	border-bottom: 2px solid #c39f42;
	margin-bottom: -2px;
}
.tab a {
    padding: 12px 20px;}
.news-unit .s-headline {
    margin-top: 0px;
}
.tab {
    margin-bottom: 80px;}
.menu-block.open .logo, #index-page .menu-block .logo {
    left: 38px;
}
.menu-block.open nav, #index-page .menu-block nav {
    top: 280px;
}
#index-page nav .sub-menu a{
	padding-left: 0.5em;
	color: #082e6b;
}
#inner-page nav .sub-menu a:hover {
    font-weight: 400;
    background-color: #c39f42;
    transition-duration: 0.3s;
}
.tab a.current, .tab a:hover {
    border: none;
    border-radius: 15px;
    background-color: #c39f42;
    color: #fff;
}
.white-head {
    transition-duration: 2.5s;
}
.bn-txt-block.p-center.p-top {
    font-family: 'cwTeXKai', serif;
}

.menu-close {
    color: rgb(122 25 29 / 50%);
}
.gototop {
    width: 40px;
    height: 40px;
    line-height: 40px;}
.share-btn {
    font-size: 16px;}
.s-headline-bar {
    margin-bottom: 20px;}
.photo-info {
    
}

.transparent-head nav {
    top: 85px;}
.inner-content-area h2 {
    font-size: 1.5rem;}
.day-box {
    font-size: 0.9em;
}
.menu-block.open nav ul a, #index-page .menu-blocknav ul a {
    margin-bottom: 0.6em;}
.menu-block.open nav ul ul, #index-page .menu-block nav ul ul {
    margin-left: 0;}
.menu-block.open .logo, #index-page .menu-block .logo {
    top: 50px;}
    .menu-block.open nav, #index-page .menu-block nav {
    top: 250px;
}
.member-txt{
	font-size: 0.8333em;
}



/*Chris 2022/12/29*/
.news-unit .day-box,.photo-unit .day-box {
    position: absolute;
    left: -20px;
    top: -25px;
    z-index: 99;
}
.article-headline {
    text-align: center;
}
.share-btn {
    right: -30px;
    top: 30px;
}
strong {
    font-weight: 500;
}
.inner-content-area li {
    margin: 0 0 0 40px;
}
.white-head .font-btn:hover,.white-head .font-btn.current {
    background: #263478;
    color: #fff;
}
.transparent-head .font-btn:hover,.transparent-head .font-btn.current{
    background: #fff;
    color: #000;
}



/*tab 修正*/
@media screen and (max-width:992px){
	.top-tab{
		overflow: auto;
		-ms-overflow-style: none;  /* IE and Edge */
  		scrollbar-width: none;  /* Firefox */

	   background-size: 150%;

	}
	.top-tab:-webkit-scrollbar {
	 	 display: none;
	}
}

@media screen and (max-width:320px){
	.top-tab{
	   background-size: 200%;
	}

}




/* 表單樣式調整 */
.en-title {
    font-size: 18px;
}
.fcol-name span {
    color: red;
}
.gray-form {
    font-size: 115%;
}
.frow .bank-info.mlf-2, .mlf-2 {
    margin-left: 0;
}
.gray-form .fcol-name {
    font-weight: 500;}
.sub-en {
    margin-left: 0;}