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


*{
    margin: 0;
    padding: 0;
    vertical-align: bottom;
}
body{
    background-color: #ffd5d6;
    /* font-family: 'Noto Sans TC', sans-serif; */
    /* font-size: 16px;
    font-weight: 300; */
}
.wrap {
    position: relative;
}
a {
    text-decoration: none;
}



/*內文區塊*/

.content {
    position: relative;
    margin: 0 auto;
    max-width: 1000px;
}

.absolute {
    position: absolute;
}

.img-1000 {
    max-width: 1000px;
    width: 100%;
}

.img-20 {
   
    width: 20%;
}

.topper {
	width:100%;
	position:fixed;
	top:0;
    margin: 0 auto;
    background: url(../images/topper/burger_bg.jpg) top center no-repeat;
    background-size: cover;
	z-index:4;
}

.topper-font-table{
	position:absolute;
	top:0;
	width:20%;
	height:100%;
	display:table;
}

.topper-font{
	display: table-cell;
	text-align:center;
	vertical-align: middle;
	padding: 9% 4%;
	font-family: 'Noto Serif TC', serif;
	font-size:25px;
	font-weight:700;
}

@media screen and (max-width: 1200px){
	.topper-font{
		font-size:20px;
	}
}
@media screen and (max-width: 768px){
	.topper-font{
		font-size:18px;
	}
}
@media screen and (max-width: 620px){
	.topper-font{
		font-size:16px;
	}
}
@media screen and (max-width: 600px){
	.topper-font{
		font-size:14px;
	}
}
@media screen and (max-width: 520px){
	.topper-font{
		font-size:12px;
	}
}


.topper-img{
	display:inline-block;
	height:100%;
	cursor:pointer;
}

.bg01 {
	max-width: 1920px; 
    margin: 0 auto;
    background: url(../images/cut1_bg.jpg) top center no-repeat;
    background-size: cover;
}

.bg02 {
	max-width: 1920px; 
    margin: 0 auto;
    background: url(../images/cut2_bg.jpg) top center no-repeat;
    background-size: cover;
}
.bg03 {
	max-width: 1920px; 
    margin: 0 auto;
    background: url(../images/cut3/cut3_bg.jpg) top center no-repeat;
    background-size: cover;
}
.bg04 {
	max-width: 1920px; 
    margin: 0 auto;
    background: url(../images/cut4/cut4_bg.jpg) top center no-repeat;
    background-size: cover;
}
.bg05 {
	max-width: 1920px; 
    margin: 0 auto;
    background: url(../images/cut5/cut5_bg.jpg) top center no-repeat;
    background-size: cover;
}
.bg06 {
	max-width: 1920px; 
    margin: 0 auto;
    background: url(../images/cut6/cut6_bg.jpg) top center no-repeat;
    background-size: cover;
}
.bg07 {
	max-width: 1920px; 
    margin: 0 auto;
    background: url(../images/cut7/cut7_bg.jpg) top center no-repeat;
    background-size: cover;
}
.bg08 {
	max-width: 1920px; 
    margin: 0 auto;
    background: url(../images/cut8/cut8_bg.jpg) top center no-repeat;
    background-size: cover;
}
.bg09 {
	max-width: 1920px; 
    margin: 0 auto;
    background: url(../images/cut9/cut9_bg.jpg) top center no-repeat;
    background-size: cover;
}
.bg10 {
	max-width: 1920px; 
    margin: 0 auto;
    background: url(../images/cut10/cut10_bg.jpg) top center no-repeat;
    background-size: cover;
}
.bg11 {
	max-width: 1920px; 
    margin: 0 auto;
    background: url(../images/cut11/cut11_bg.jpg) top center no-repeat;
    background-size: cover;
}
.bg12 {
	max-width: 1920px; 
    margin: 0 auto;
    background: url(../images/cut12/cut12_bg.jpg) top center no-repeat;
    background-size: cover;
}
.bg13 {
	max-width: 1920px; 
    margin: 0 auto;
    background: url(../images/cut13/cut13_bg.jpg) top center no-repeat;
    background-size: cover;
}
.bg14 {
	max-width: 1920px; 
    margin: 0 auto;
    background: url(../images/cut14/cut14_bg.jpg) top center no-repeat;
    background-size: cover;
}
.bg15 {
	max-width: 1920px; 
    margin: 0 auto;
    background: url(../images/cut15/cut15_bg.jpg) top center no-repeat;
    background-size: cover;
}
.bg16 {
	max-width: 1920px; 
    margin: 0 auto;
    background: url(../images/cut16/cut16_bg.jpg) top center no-repeat;
    background-size: cover;
}

.bg01 .img01-1 {
    width: 67%;
    left: 15%;
    top: 51%;
}

.bg01 .img01-2 {
    width: 15%;
    left: 79%;
    top: 40%;
}

.bg01 .img01-3 {
    width: 30%;
    left: 4%;
    top: 78%;
}

.bg02 .img02-1 {
    width: 81%;
    left: 10%;
    top: 89.5%;
}

.bg03 .img03-1 {
    width: 100%;
    left: 0%;
    top: 22%;
}

.bg04 .img04-1 {
    width: 35%;
    left: 6%;
    top: 15%;
}

.bg04 .img04-2 {
    width: 33%;
    left: 61%;
    top: 34.2%;
}

.bg04 .img04-3 {
    width: 61%;
    left: 33%;
    top: 71.5%;
}
.bg06 .img06-1 {
    width: 100%;
    left: 0%;
    top: 43.5%;
}
.bg07 .img07-1 {
    width: 61%;
    left: 18%;
    top: 33.5%;
}
.bg08 .img08-1 {
    width: 38%;
    left: 28%;
    top: 8.5%;
}
.bg08 .img08-2 {
    width: 76%;
    left: 13%;
    top: 36.5%;
}
.bg08 .img08-3 {
    width: 22%;
    left: 39%;
    top: 85%;
}
.bg09 .img09-1 {
    width: 50%;
    left: 22%;
    top: 12%;
}
.bg09 .img09-2 {
    width: 82%;
    left: 9%;
    top: 33%;
}
.bg09 .img09-3 {
    width: 19%;
    left: 72.3%;
    top: 59%;
}
.bg09 .img09-4 {
    width: 17%;
    left: 13.2%;
    top: 65.5%;
}



.bg10 .img10-1{
    width: 55%;
    left: 21%;
    top: 10%;
}

.bg10 .img10-2 {
    width: 82%;
    left: 9%;
    top: 33%;
}

.bg10 .img10-3 {
    width: 68%;
    left: 29%;
    top: 61%;
}

.bg10 .img10-4 {
    width: 75%;
    left: 6%;
    top: 53.5%;
}

.bg11 .img11-1 {
    width: 37%;
    left: 7%;
    top: 40%;
}

.bg11 .img11-2 {
    width: 89%;
    left: 5.5%;
    top: 62.5%;
}

.bg12 .img12-1 {
    width: 58%;
    left: 38.5%;
    top: 13%;
}

.bg12 .img12-2 {
    width: 78%;
    left: 13.5%;
    top: 48%;
}

.bg13 .img13-1 {
    width: 63%;
    left: 17.5%;
    top: 91%;
}

.bg14 .img14-1 {
    width: 63%;
    left: 18.5%;
    top: 88.4%;
}

.bg15 .img15-1 {
    width: 40%;
    left: 56.5%;
    top: 84.4%;
}



@media screen and (max-width: 768px){
	.bg03 .img03-1 {
		width: 45%;
		left: 27%;
		top: 22%;
	}
    .swiper-cube-shadow{
        display:none;
    }
    .WRAPPER{
        overflow:visible !important;
    }
}