@media screen and (max-width: 1660px){
	.content {
		padding-top: 3%;
	}
	.kv{
		padding-bottom: 45%;
	}
	.section3{
		/* padding-top: 5%; */
    padding-bottom: 5%;
	}
} 
@media screen and (max-width: 1199px){
	.swiper-slide img {
    width: 65%;
    height: 65%;
}
	.swiper-title{
		padding-bottom: 10%;
	/* margin-bottom: 10%; */
	}
}
@media screen and (max-width: 1040px){
	.kv{
		padding-bottom: 47%;
	}	
}
@media screen and (max-width: 1198px){

}
@media screen and (max-width: 1024px){
  .cc p{
   padding-left: 45px;
}
}
	@media screen and (max-width: 1023px){
	.swiper-slide img {
    width: 40%;
/*    height: 45%;*/
}
	}
@media screen and (max-width: 1021px){
	.swiper-title{
		padding-bottom: 3%;
		        margin-bottom: 3%;
	}
}
@media screen and (max-width: 989px) {

body {}

/* 警語-開始 */
.warning-wrap {
	background:#f2f2f2;
	color: #333;
	padding-top: 24px;
    padding-left: 24px;
    padding-right: 24px;
    padding-bottom: 55px;
	box-sizing: border-box;
}
.warning {
	max-width: 1200px;
	margin: auto;
}
.warning >h6 {
	font-size: 20px;
	margin-bottom: 16px;
}
.warning p {
	line-height: 1.5;
}
	
}

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

    .bag h4 br{
		display: none;
	}
}
@media screen and (max-width: 880px){
	.swiper-title{
		/* padding-bottom: 10%; */
	}
} 
@media screen and (max-width: 850px) {
	.kv{
	display: none;
}

	.kv{
	display: none;
}
	    .content {
        padding-top: 6%;
    }
.m_kv{
width: 100%;
height: 0;
padding-bottom:113%;
background-image: url("../images/m_kv.jpg");
background-size: cover;
/*background-position: left top;*/
	background-position: top cover;
background-repeat: no-repeat;
}
.offers{
		width: 100%;
	}
	.offers li{
		width: 50%;
	}
	.swiper-father{
		padding-bottom: 40px;
	}
	.bag{
		width: 90%;
		margin: auto;
	}
	.bag .gift{
		width: 100%;
	}
}
@media screen and (max-width:750px){
	.swiper-title{
		padding-bottom: 8%;
	}
	.swiper-slide img {
		width: 55%;
	}
	.swiper-father{
		padding-bottom: 30px;
	}
	.section3{
		padding-top: 6%;
    padding-bottom: 6%;
	
}

@media screen and (max-width:699px){
	.popup {
		display: block;
        width: 360px;
/*        margin: 150px auto;*/
		padding-bottom: 50px;
     
    }
	.popup-content{
		display: block;
		width: 100%;
	}
	.popup-card {
		margin-bottom: -25px;
	}
		.popup-line {
		width: 290px;
		height: 40px;
		border-right: none;
		border-bottom: 1px solid #333;
		margin-right: 0px;
		margin-bottom: 25px;
	}
	.popup-card .bank{
		line-height: 1.5;
		padding-bottom: 15px;
		width:100%;
		margin:auto ;
	}
	.nn{
		display: none;
	}
	.popup-card .bank2{
/*		padding-bottom: 0;*/
		margin-bottom: -18px;
	}
	.popup-card .bank{
		padding-bottom:10px;
	}
	.popup-card .btn2{
		display: block;
	}
	.popup-card .btn2 a{
	width: 250px;
    height: 70px;
    margin: 5% auto 8%;
    display: block;
		color: #fff;
    text-decoration: none;
    background-color: #e55927;
    font-size: 28px;
    border-radius: 35px;
    text-align: center;
    padding-top: 20px;
    font-weight: bold;
	}
	.popup-card .btn2 a:hover{
	background-color: #8A3102;
}
	.popup-card .mm{
	font-size: 16px;
    color: #333333;
    text-align: center;
    padding-top: 15px;
    margin: auto;
    display: block;
    line-height: 1.4;	
	}
	.popup-card  .hh{
		margin-bottom: -1%;
	}
	.popup-card .mm2{
/*		margin-bottom: -4%;*/
	}
	.popup-card .mm3{
		margin-top: -4%;
	}
	.popup-line{
		    border-left:0;
		margin-top: -12px;
		margin-left: 5%;
	}
	.popup-card .code{
		display: none;
	}
	.swiper-slide img {
		width: 60%;
	}
	    .swiper-title {
        /* padding-bottom: 13%; */
    }
}
	@media screen and (max-width:650px){
		.title img{
			width: 90%;
			margin-left: 5%;
		}
		.title2 img{
			width: 90%;
			margin-left: 5%;
		}
		.title3 img{
			width: 90%;
			margin-left: 5%;
		}
		.scope h3{
			font-size: 22px;
		}
		.scope h4{
			font-size: 20px;
			 margin-bottom: 3%;
		}
		.scope a{
			font-size: 20px;
		}
			
		.offers{
			display: block;
			margin: auto;
		}
		.time h3 {
			margin-bottom: 5%;
		}
		.offers li{
			width: 75%;
			margin: auto;
		}
		 .swiper-title {
        /* padding-bottom: 18%; */
    }
	}
	@media screen and (max-width:600px){
		.popup-line {
			margin-left: 5%;
		}
	}
@media screen and (max-width: 576px) {
	.top{
		display: none;
	}
	.down{
		width: 100%;
		margin: auto;
		position: fixed;
		bottom: 30px;
		z-index: 999;
		display: block;
		background-color: #e55927;
		opacity: .9;
		height: 50px;
		text-align: center;
        line-height: 2.25;
		
	}
	.down a{
		width: 100%;
		margin: auto;
		font-size: 21px;
			font-weight: 700;
			text-decoration: none;
		color: #fff;
		text-align: center;
		display: block;
	}
.pp{
	width: 100%;
}

	.swiper-slide img {
    width: 70%;
/*    height: 85%;*/
}
	 .swiper-title {
        /* padding-bottom: 19%; */
    }
    .popup {
        width: 360px;
        margin: 60px auto;
} 
	.section1 h3{
	}
	.swiper-title {
        /* padding-bottom: 22%; */
    }
	.swiper-father{
		padding-bottom: 20px;
	}
	.popup-line {
		 margin-left: 5%;
	}
	.warning-wrap{
		/* padding-bottom: 100px; */
	}
	.raffle{
		width: 90%;
	}
}
@media screen and (max-width: 500px){
	.swiper-title {
        /* padding-bottom: 26%; */
    }
	.swiper-slide img{
		width: 80%;
	}
}
	@media screen and (max-width: 450px){
	.swiper-title {
        /* padding-bottom: 28%; */
    }
			 .content {
        padding-top: 12.5%;
    }
		offers li{
			width: 85%;
			margin: auto;
		}
}
	@media screen and (max-width: 400px){
	.swiper-title {
        /* padding-bottom: 32%; */
		}
    
		.swiper-slide img{
		width: 90%;
	}
}
	@media screen and (max-width: 350px){
	.swiper-title {
        /* padding-bottom: 35%; */
    }
}
	@media screen and (max-width: 360px){
		/* .popup {
			width: 320px;
		}
		.swiper-father{
		padding-bottom: 10px;
	}
	.popup-line {
		 margin-left: -1.5%;
	}	 */
		   
	}


/* --- fixes: section1 sms stack on mobile --- */
@media screen and (max-width: 768px){
  .sms ul{
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .sms ul li{
    width: 100%;
  }
  .sms .txt{
    padding-left: 0;
    padding-top: 12px;
    font-size: 20px;
    line-height: 1.6;
  }
}