@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@300;400;500;600;700;900&display=swap');

main {
	height: 100%;
	font-size: 12px;
	font-family: 'Noto Serif TC', 'Noto Sans TC', 'Microsoft JhengHei', Tahoma, Verdana, Arial, Helvetica, sans-serif;	
}


.container{
	max-width: 1150px;
	margin:0 auto;
}

.other-btn {
	position: absolute;
	bottom: 2em;
	left: 50%;
    color: #fff;
    border: 1px solid rgb(211 200 144 / .6);
    padding: .75em 1em;
    display: inline-block;
    font-size: 22px;
    transform: translateX(-50%);

}
.other-btn::before{
	content: "";
	    background: url(../images/winery/slide-arrow.png) center center no-repeat;
	    display: inline-block;
	width: .5em;
	height: 1em;
	margin-right: .5em;
	background-size: 100% auto;    
	/*margin-top: .25em;*/
	position: relative;
	transform: translateY(20%);
}
.other-btn:hover{
	background: #fff;
	color: #000;
}
@media screen and (max-width: 999px) {

	.container{
		max-width: 100%;
		margin:0 auto;
	}
	.other-btn {
		font-size: 100%;
	}
}