
#header .panel-v1{
	background: linear-gradient(to bottom, #08414c 65%, #157f94 90%)
}
.main-content{
    padding-bottom: 0.6rem;
}

/*panel-v1 活動列*/
.main-content .panel-v1{
	margin-top: 0.4rem;
    padding: 0px 0.2rem;
	position: relative;
}

.main-content .panel-v1 .new-tag{
	position: absolute;
	left: 1rem;
    top: -0.25rem;
}

.main-content .panel-v1 .new-tag .new{
	position: relative;
	background: #ff0000;
	padding: 0.08rem 0.15rem 0;
	color: white;
	font-weight: 600;
	border-radius: 0.05rem;
	z-index: 1;
	box-shadow: 0 0 0.1rem rgba(0,0,0,0.5);
}
.main-content .panel-v1 .new-tag .polygon-1{
	content: "";
    position: absolute;
    left: 0;
    top: 95%;
    width: 100%;
    height: 45%;
    clip-path: polygon(0 0, 50% 100%, 100% 0);
	box-shadow: 0 0 0.1rem rgba(0,0,0,0.5);
    background: #ff0000;
	z-index: 1;
}

.main-content .panel-v1 .new-tag .polygon-2{
	content: "";
	position: absolute;
	right: -20%;
	top: 0;
	background: #a60000;
	clip-path: polygon(0 100%, 100% 100%, 100% 0);
	width: 0.2rem;
    height: 0.2rem;
	transform: rotate(90deg);
	z-index: 0;
}

.main-content .panel-v1 .discount-a{
	display: block;
	text-decoration: none;
	border-radius: 0.5rem;
	box-shadow: inset 0 0.2rem 0.2rem rgba(255,255,255,0.5), inset 0 -0.2rem 0.2rem rgba(0,0,0,0.3) !important;
	background: #0d98ac;
	padding: 0.1rem 0.3rem;
}

.main-content .panel-v1 .discount-img-div{
	background: linear-gradient(to bottom, transparent, #1d6571 90%, #288191);
	border-radius: 0.1rem ;
	border-bottom: 0.05rem solid #64a6b3;
}

.main-content .panel-v1 .discount-img-div .contnet{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0.08rem 0.3rem;
}
.main-content .panel-v1 .discount-img-div .contnet .title{
	color: white;
	
}
.main-content .panel-v1 .discount-img-div .contnet .btn{
	box-shadow: inset 0 0.1rem 0.1rem #a8dfe8, inset 0 -0.08rem 0 #23a0ac;
    background: #48c1cf;
    padding: 0.08rem 0.25rem;
    border-radius: 999px;
    color: white;
    text-shadow: 0 0.02rem 0.02rem black;
	text-decoration: none;
		
}
.main-content .panel-v1 .discount-img-div img, 
.main-content .panel-v2 .discount-img-div img{
	width: 100%;
    vertical-align: middle;
}

/*panel-v2 活動詳細內容*/
.main-content .panel-v2{
	padding: 0px 0.2rem;
    padding-top: 0.2rem;
	color: #EAECEF;
}

.main-content .panel-v2 .dis-content{
	margin-top: 0.2rem;
    border-radius: 0.2rem;
    border: 0.02rem solid #537a82;
    background: #0a5665;
    padding: 0.2rem;
}
.main-content .panel-v2 .dis-content .title{
	display: flex;
	justify-content: center;
	margin-bottom: 0.2rem;
}
.main-content .panel-v2 .dis-content .title h1{
	margin: 0 01rem;
	font-size: 0.28rem;
	color: #5dc7d9;
}
.main-content .panel-v2 .dis-content .title .graph{
	display: flex;
	align-items: center
}
.main-content .panel-v2 .dis-content .title .graph:first-child{
	transform: scale(-1)
}
.main-content .panel-v2 .dis-content .title .graph .rect-1,
.main-content .panel-v2 .dis-content .title .graph .rect-2{
	width: 0.25rem;
	height: 0.25rem;
	border: 0.04rem solid #5dc7d9;
	transform: rotate(45deg)
	
}
.main-content .panel-v2 .dis-content .title .graph .rect-2{
	transform: translateX(-35%) rotate(45deg);
}
.main-content .panel-v2 .dis-content .title .graph .line{
	width: 1rem;
    height: 0.03rem;
    background: linear-gradient(to right, #5dc7d9, transparent);
    transform: translateX(-5%);
}
.main-content .panel-v2 .dis-content img{
	max-width: 100%;
}