.bottom-layer{
	background-color:beige;
	background-repeat:no-repeat;
	background-image: var(--lite-bg);
	background-position: 100% 0;
	background-size: 60.416%;
}

.pc-banner {
	--lite-bg: url("/var/file/0/1000/img/5/back9.webp");
	background-image: var(--lite-bg);
	background-repeat: no-repeat;
	background-position: right top;
}
.pc-banner>.lite-slider {
	width: 60.41%;
	height: auto;
	position: relative;
	overflow: hidden;
	margin: 0;
	background-size: cover;
	background-image: var(--lite-bg);
	background-repeat: no-repeat;
	background-position: center;
	background-color: transparent;
	background-blend-mode: normal;
	transition:background-image 1s;
}

/*LQIP Start*/
.LQIP {position: relative;display: inline-block;overflow: hidden;}
.LQIP img {width: 100%;height: auto;display: block;transition: opacity 0.5s ease;}
.LQIP img.full {position: absolute;top: 0;left: 0;opacity: 0;}
.LQIP img.full.loaded {opacity:1;}
.LQIP img.preview.invisible {opacity:0;}/* 高品質載入後，低品質淡出 */
/*LQIP END*/

/*降低CLS用的*/
.pc-banner>span.LQIP:nth-of-type(1)>img.preview,
.pc-banner>span.LQIP:nth-of-type(1)>img.loaded,
.pc-banner>span.LQIP:nth-of-type(1){aspect-ratio:57/25;}
.pc-banner>span.LQIP:nth-of-type(2)>img.preview,
.pc-banner>span.LQIP:nth-of-type(2)>img.loaded,
.pc-banner>span.LQIP.lite-slider{aspect-ratio:87/25;}

/*head-toolbar*/
#head-toolbar{
	position:absolute;right:0;top:0;
	display:flex;
	align-items:center;
	justify-content:center;
	background-color:#f0f0eee2;
	border: 1px #ccc outset;
	border-width: 0 0 1px 1px;
	margin:0;
	padding: 0 0 0 1em;
	border-radius: 0 0 0 2em;
	font-size: 80%;
	font-weight:normal;
}
#head-toolbar>ul{list-style:none;padding:0;margin:0;display:inline;}
#head-toolbar>ul>li{display:inline;}
#head-toolbar>ul>li:not(:last-child,:first-child):after{/*項目間的垂直分隔*/
	content:"|";
	padding:0 .4em;
	height: 0.8em;
	color:777;
	background: #0000;
	pointer-events: none;
}

@media (min-width: 540px){
	#desktop-head>.pc-banner{display:flex;flex-wrap:nowrap;text-align:left;flex-direction:row;width:100%;}
	#mobile2{display:none;}
}

@media (max-width:539px){
#mobile2{
	max-height: var(--mtitle-height);overflow:hidden;
	display:flex;
	justify-content:space-around;
	flex-wrap:wrap;
	text-align: left;
	background-image: url('/var/file/0/1000/img/1/top_bg.webp');
	background-size: cover;
	padding: .5em .2em;
	border: 0px dotted #888;
	box-shadow: inset 0 -1px .1em rgba(0, 0, 0, 0.5);
}
#mobile2 a{width:85%;}
#mobile2 a>img{width:100%;}
#mobile2 .sch-bar{
	display:flex;
	opacity:0;
	max-height:0;
	width:100%;
	text-align:center;
	justify-content:center;
	transition:.3s all;
}
#mobile2 .sch-replica-btn{
	color:rgba(0,0,0,0);
	background: url('/plugin/mobile/style/13/images/search.png') center center no-repeat;
	padding-bottom:calc(11% - 1em);
	vertical-align:top;
	border-radius: 0 99em 99em 0;
	outline-width:0;
	transition:0.4s all;
	border-width:0;
	filter:invert(60%);
	background-color:transparent;
	width:calc(15% - .1em);
}
/*just轉場用*/
#mobile2 .sch-replica-btn-opened{
	border-width:1px;
	filter:invert(0);
	background-color:rgb(calc(0 + var(--cr)),calc(0 + var(--cg)),calc(0 + var(--cb)));;
	width:20%;
}

#mobile2 .sch-replica-input{
	display:none;
	width:75%;
	border-radius:99em 0 0 99em;
	padding:0 1.5em;
	border:1px solid rgb(var(--pr),var(--pg),var(--pb));
	transition:0.4s all;
	font-size:1.15em;
}
#mobile2 .sch-bar-toggle{
	display: none;
	opacity: 0;
	background: url('/var/file/0/1000/img/3/search.svg') center center no-repeat;
	background-size: 50%;
	width: calc(15% - .1em);
	height: calc(15vw - .1em);
	transition: .3s all;
}
#mobile2 .sch-bar-toggle-opened,
#mobile2 .sch-bar-toggle:active{
	background: url('/var/file/0/1000/img/3/chevron-up.svg') center center no-repeat;
	background-size:60%;
	transition:.3s all;
	animation:sch-bar-toggle-go-up .4s 3;
}
@keyframes sch-bar-toggle-go-up{
	from{background-position:center 50%;}
	to{background-position:center 10%;}
}

/*desktop物件調整*/
#desktop-head {display:block;}
#desktop-head>.pc-banner span:first-of-type{display:none;width:100%;}
#desktop-head>.pc-banner span:nth-of-type(2){display:block;width:100%;border:.2em solid #fff;box-shadow:inset 0 0 1em .5em rgba(255,255,255,1);}
/*banner前景(統編、電話...)*/
#desktop-head>.pc-banner span:nth-of-type(2)>img{opacity: 0.1;}
/*banner圖輪播不明原因時間差0.2秒時露出的背景*/
.bottom-layer{background-size:100%;background-position:0 100%;}

#head-toolbar{position:static;font-weight:normal;font-size:1em;padding:0;text-align:center;border-radius:0;}
#head-toolbar>ul{padding:0;}
#head-toolbar>ul>li:not(:last-child){display:none;}/*手機版中#head-toolbar只顯示gtranslate翻譯*/
}