.salesWrap a:hover {
	opacity: 1!important;
}



/* tooltip 提示工具 */

.tooltip {
	position: relative;
	display: block;
}

.tooltip .tooltiptext {
	visibility: hidden;
	width: 170px;
	background-color: #000;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 5px 0;
	position: absolute;
	z-index: 1;
	bottom: -10%;
	left: 50%;
	margin-left: -85px;
	opacity: 0;
	transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
	content: "";
	position: absolute;
	top: -30%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: #000 transparent transparent transparent;
	transform: rotate(180deg);
	z-index: 2
}

.tooltip:hover .tooltiptext {
	visibility: visible;
	opacity: 1;
}

@media screen and (max-width: 800px) {
	.tooltip .tooltiptext {
		display: none !important;
	}
}














/* cta */

.salesWrap a.cta {
	display: table;
	position: fixed;
	z-index: 24;
	right: 0;
	width: 19%;
	max-width: 248px;
}

@media screen and (max-width: 1660px) {
.salesWrap a.cta {
	width: 11%
}
}
@media screen and (max-width: 800px) {
.salesWrap a.cta {
	width: 19%
}
}

.salesWrap a.cta{
	animation: ballfloat2 linear 1.5s infinite alternate;
	-webkit-animation: ballfloat2 linear 1.5s infinite alternate;
}

@keyframes ballfloat2 {
	0% {
		top: 54%;
	}
	100% {
		top: 56%;
	}
}

@-webkit-keyframes ballfloat2 {
	0% {
		top: 54%;
	}
	100% {
		top: 56%;
	}
}








/* 檔期 */

.salesWrap .section_schedule {
	position: relative;
	z-index: 4;


	background-image: url('../images/web_21.jpg'),
	url('../images/web_25.jpg'),
	url('../images/web_22.jpg');
	background-repeat: no-repeat,
	no-repeat,
	repeat-y;

	background-position: top center,
	bottom center,
	center center;

	background-size: 100%, 100%,
	100%;
}

.salesWrap .section_schedule .dm_link.dm_link_NO {
	opacity:0; 
	pointer-events: none;
}

.salesWrap .section_schedule>div {
	padding-top: 17%;
	padding-bottom: 17%;
	width: 65%;
	margin: 0 auto
}

.salesWrap .section_schedule ul {
	margin: 0;
	padding: 0
}

.salesWrap .section_schedule ul li {
	display: table;
	width: 100%;
}

.salesWrap .section_schedule ul li:last-of-type {
	padding-bottom: 0;
}

.salesWrap .section_schedule ul li.schedule_title {
	border-bottom: 7px solid #b80215;
}

.salesWrap .section_schedule ul li div {
	display: table-cell;
	vertical-align: middle;
	font-weight: bolder;
	font-size: 30px;
	border-right: 1px solid #cbcbcb;
	padding-bottom: 15px;
}

.salesWrap .section_schedule ul li div:last-of-type{
	border-right: 0;
}

.salesWrap .section_schedule ul li div.location {
	color: #b80215;
}
.salesWrap .section_schedule ul li div.date_start,
.salesWrap .section_schedule ul li div.date_end {
	text-align: center;
	color: #464646;
	width: 170px;
}

.salesWrap .section_schedule ul li div.dm_link {
	width: 200px;
}

.salesWrap .section_schedule ul li div.dm_link a {
	color: #FFF;
	background: #000;
	display: table;
	margin: 0 auto;
	padding: 10px 15px;
	text-align: center;
	font-size: 20px;
	text-decoration: none;
	border-radius: 500px;
}

.salesWrap .section_schedule ul li.schedule_title {
	padding-bottom: 0;
	margin: 45px 0 25px 0;
}

.salesWrap .section_schedule ul:first-of-type li.schedule_title {
	margin-top: 0;
}

.salesWrap .section_schedule ul li.schedule_title div {
	border-right: 0;
	padding-bottom: 0;
}

.salesWrap .section_schedule ul li.schedule_title div.location p {
	color: #FFF;
	background: #b80215;
	padding: 8px 10%;
	font-size: 40px;
	display: table;
	margin-bottom: -7px;
	font-weight: bolder;
}

.salesWrap .section_schedule ul li.schedule_title div.date_start,
.salesWrap .section_schedule ul li.schedule_title div.date_end {
	font-size: 25px;
}

.salesWrap .section_schedule .br500_block {
	display: none;
}


@media (max-width: 1366px) {

	.salesWrap .section_schedule ul li.schedule_title div.date_start,
	.salesWrap .section_schedule ul li.schedule_title div.date_end,
	.salesWrap .section_schedule ul li div {
		font-size: 2vw;
	}
	.salesWrap .section_schedule ul li div.dm_link a {
		font-size: 1.5vw;
	}
	.salesWrap .section_schedule ul li.schedule_title div.location p {
		font-size: 2.5vw;
	}
}

@media (max-width: 1024px) {
	.salesWrap .section_schedule ul li div.dm_link {
		width: 150px
	}
	.salesWrap .section_schedule ul li div.date_start, .salesWrap .section_schedule ul li div.date_end{
		width: 15%;
	}
}

@media screen and (max-width: 800px) {
	.salesWrap .section_schedule {
		background-image: url('../images/mb_21.jpg'),
		url('../images/mb_25.jpg'),
		url('../images/mb_22.jpg');
	}
	.salesWrap .section_schedule>div {
		padding-top: 20%;
		width: 70%;
	}
}

@media screen and (max-width: 550px) {
	.salesWrap .section_schedule ul li div.dm_link a {
		padding: 2px 5px;
		margin-left: 5px;
		border-radius: 5px;
	}
	.salesWrap .section_schedule ul li div.dm_link {
		width: 60px
	}
	.salesWrap .section_schedule ul li.schedule_title {
		border-bottom: 3px solid #b80215;
	}
	.salesWrap .section_schedule ul li.schedule_title div.location p {
		margin-bottom: -3px;
	}
	.salesWrap .section_schedule ul li div.date_start, .salesWrap .section_schedule ul li div.date_end {
    width: 20%;
}
}

@media screen and (max-width: 320px) {
	.salesWrap .section_schedule ul li div.date_start {
		width: 23%;
	}
	.salesWrap .section_schedule ul li div.location {
		width: 35%
	}
}











/* 掃光按鈕 */

.btton {
	margin: 0 auto;
	color: #fff;
	background: #000;
	padding: 11px 15px;
	width: 100%;
	text-align: center;
	display: block;
}

.btton,
.shinye {
	position: relative;
	overflow: hidden;
	transition: all 0.5s ease;
}

.btton:before,
.shinye:before {
	content: '';
	background: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 25%, white 50%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 100%);
	background: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 25%, white 50%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 100%);
	background: linear-gradient(-45deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 25%, white 50%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 100%);
	position: absolute;
	top: -50%;
	left: 0;
	width: 100%;
	height: 300%;
	-webkit-transition: 1s;
	-o-transition: 1s;
	transition: 1s;
	-webkit-animation: shinye 5s ease infinite;
	animation: shinye 5s ease infinite;
}

@keyframes shinye {
	0% {
		transform: translateX(-150%) skewX(-205deg);
		opacity: 1;
	}

	80% {
		transform: translateX(200%) skewX(-205deg);
		opacity: 1;
	}

	100% {
		transform: translateX(200%) skewX(-205deg);
		opacity: 0;
	}
}

@-webkit-keyframes shinye {
	0% {
		transform: translateX(-150%) skewX(-205deg);
		opacity: 1;
	}

	80% {
		transform: translateX(200%) skewX(-205deg);
		opacity: 1;
	}

	100% {
		transform: translateX(200%) skewX(-205deg);
		opacity: 0;
	}
}








.salesWrap .no,
.salesWrap .shinye_img img {
	opacity: 0;
}

.salesWrap .shinye_img {
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: top center;
	mask-size: 100%;
	mask-repeat: no-repeat;
	mask-position: top center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 100%;
	-webkit-mask-position: top center;
}





/* kv */

.salesWrap .kv {
	overflow: hidden;
}

.salesWrap .kv>div {
	position: absolute;
}

.salesWrap .kv .kv_txt,
.salesWrap .kv .kv_product,
.kv .kv_bg {
	top: 0;
	right: 0;
	z-index: 0;
}

.salesWrap .kv .kv_bt {
	width: 20%;
	top: 55%;
	left: 17.5%;
}
.section_schedule_bg{
	position: absolute;
    right: 0;
    top: -2%;
    z-index: 1;
    pointer-events: none;
    width: 40%;
    margin: 0;
}
.salesWrap .kv .kv_bg img,.section_schedule_bg img{
	z-index: 1;
	animation: ballfloat linear 3s infinite alternate;
	-webkit-animation: ballfloat linear 3s infinite alternate;
}

.salesWrap .kv .kv_txt {
	z-index: 2
}

.salesWrap .kv .kv_bt {
	z-index: 4
}

.salesWrap .kv .kv_product {
	z-index: 3
}

.salesWrap .kv img {
	width: 100%;
}


@keyframes ballfloat {
	0% {
		-webkit-transform: translateY(-10%);
		transform: translateY(-10%);
	}
	100% {
		transform: translateY(-20%);
		-webkit-transform: translateY(-20%);
	}
}

@-webkit-keyframes ballfloat {
	0% {
		-webkit-transform: translateY(-10%);
		transform: translateY(-10%);
	}
	100% {
		transform: translateY(-20%);
		-webkit-transform: translateY(-20%);
	}
}




.salesWrap .kv .KV_bt01 font,
.salesWrap .kv .KV_bt02 font {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1
}

.salesWrap .kv .KV_bt01 font {
	background-image: url("../images/KV_bt01.png");
	mask-image: url("../images/KV_bt01.png");
	-webkit-mask-image: url("../images/KV_bt01.png");
	width: 100%;
	height: 100%
}

.salesWrap .kv .KV_bt02 font {
	background-image: url("../images/KV_bt02.png");
	mask-image: url("../images/KV_bt02.png");
	-webkit-mask-image: url("../images/KV_bt02.png");
	width: 100%;
	height: 100%
}

@media (max-width: 800px) {
	.salesWrap .kv .kv_bt {
		width: 42%;
		top: 28%;
		left: 29%;
	}
	.section_schedule_bg {
    top: -0%;
    width: 50%;
}
}










/*選單*/

.salesWrap .menu div {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
}

.salesWrap .menu div a img {
	width: 100%
}

.salesWrap .menu div>img,
.salesWrap .menu div a {
	width: 30%;
	-webkit-transition: 500ms;
	transition: 500ms;
}

@media (min-width: 801px) {
	.salesWrap .menu div a:hover {
		-webkit-transform: scale(0.9);
		transform: scale(0.9);
	}
}

@media (max-width: 800px) {
	.salesWrap .menu div {
		flex-wrap: wrap
	}
	.salesWrap .menu div>img,
	.salesWrap .menu div a {
		width: 60%;
		display: block;
	}
}






/* section04 */

.salesWrap .section04 {
	overflow: hidden;
}

.salesWrap .section04 .mybox-shadow {
	width: 80%;
	margin: 0 auto;
	position: absolute;
	top: 0%;
	left: 8%
}

.salesWrap .section04 ul {
	display: table;
	width: 100%;
	text-align: center;
	padding: 0;
	margin: 0
}

.salesWrap .section04 ul li {
	padding: 0 1%;
	box-sizing: border-box;
	width: 18.5%;
	display: inline-block;
}

.salesWrap .section04 .section04_bt {
	display: block;
}

.salesWrap .section04 .section04_title {
	background-image: url("../images/section04_title.png");
	mask-image: url("../images/section04_title.png");
	-webkit-mask-image: url("../images/section04_title.png");
}

.salesWrap .section04 .section04_bt {
	background-image: url("../images/bt04.png");
	mask-image: url("../images/bt04.png");
	-webkit-mask-image: url("../images/bt04.png");
}


.salesWrap .section04 .tooltip {
	width: 65%;
	max-width: 245px;
	margin: -20px auto 0 auto;
}

.salesWrap .section04 .tooltip .tooltiptext {
	bottom: -50%;
}

.salesWrap .section04 .swiper-slide {
	opacity: 0.28;
}

.salesWrap .swiper-slide.swiper-slide-active {
	opacity: 1;
}

.salesWrap .swiper-container-horizontal>.swiper-pagination-bullets,
.salesWrap .swiper-pagination-custom,
.swiper-pagination-fraction {
	position: relative;
	width: 100%;
	height: 40px;
}

.salesWrap .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	display: inline-block;
}

.salesWrap .swiper-pagination-bullet {
	background: #d7d7d7;
	opacity: 1;
}

.salesWrap .swiper-pagination-bullet-active {
	background: #5a5959;
}

.salesWrap .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 7px;
}

@media screen and (min-width: 801px) {
	.salesWrap .section04 .mybox-shadow {
		display: table;
	}
}

@media screen and (max-width: 800px) {
	.salesWrap .section04 .mybox-shadow {
		padding: 37px 0;
		left: 10%
	}
	.salesWrap .section04 ul {
		display: none;
	}
	.salesWrap .section04 .section04_title {
		width: 90%;
		margin: 0 auto 7% auto
	}
	.salesWrap .section04 .section04_title {
		background-image: url("../images/section04_title_mb.png");
		mask-image: url("../images/section04_title_mb.png");
		-webkit-mask-image: url("../images/section04_title_mb.png");
	}
	.salesWrap .section04 .section04_swiper {
		margin: 20px 0;
	}
}











/* 輪播 */

.salesWrap .section05>div,
.salesWrap .section06>div,
.salesWrap .section07>div,
.salesWrap .section08>div {
	position: absolute;
	top: 0;
	width: 80%;
}

@media screen and (min-width: 801px) {
	.salesWrap .section05 .swiper-pagination,
	.salesWrap .section06 .swiper-pagination,
	.salesWrap .section08 .swiper-pagination {
		display: none;
	}
	.salesWrap .section05,
	.salesWrap .section06,
	.salesWrap .section07,
	.salesWrap .section08 {
		display: flex;
		justify-content: center;
	}
}

@media screen and (max-width: 800px) {
	.salesWrap .section05>div {
		left: 10%;
	}
	.salesWrap .section06 .swiper-pagination-bullet {
		background-color: #fff
	}
	.salesWrap .section06 .swiper-pagination-bullet-active {
		background: #5a5959;
	}
	.salesWrap .section07>div {
		width: 65%;
		margin-top: -2%;
		left: 17.5%
	}
	.salesWrap .section08>div {
		width: 70%;
		margin-top: -3%;
		left: 15%;
	}
	.salesWrap .section06>div {
		width: 75%;
		left: 12.5%
	}
	.salesWrap .section05 .swiper-pagination,
	.salesWrap .section06 .swiper-pagination,
	.salesWrap .section08 .swiper-pagination {
		margin-top: -3%
	}
	.salesWrap .section07 .swiper-pagination {
		margin-top: -4%
	}
}









/*3特點*/

.salesWrap .exclusive {
	display: flex;
	align-items: center;
	justify-content: center;
}

.salesWrap .exclusive ul {
	position: absolute;
	width: 90%;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	list-style-type: none;
	padding: 0;
	margin-left: -3%;
}

.salesWrap .exclusive ul li {
	width: 32%;
}

@media (max-width: 800px) {
	.salesWrap .exclusive ul {
		flex-wrap: wrap;
		width: 79%;
		margin-left: 0;
	}
	.salesWrap .exclusive ul li {
		width: 100%;
	}
}








/*動態*/

.salesWrap .salesWrap_img>div {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 1
}

.salesWrap .salesWrap_img>div img {
	width: 100%
}

.salesWrap .shinye_img1 {
	background-image: url("../images/web_13.png");
	mask-image: url("../images/web_13.png");
	-webkit-mask-image: url("../images/web_13.png");
}

.salesWrap .shinye_img2 {
	background-image: url("../images/web_16.png");
	mask-image: url("../images/web_16.png");
	-webkit-mask-image: url("../images/web_16.png");
}

.salesWrap .shinye_img3 {
	background-image: url("../images/web_19.png");
	mask-image: url("../images/web_19.png");
	-webkit-mask-image: url("../images/web_19.png");
}

.salesWrap .shinye_img1.shinye:before,
.salesWrap .shinye_img2.shinye:before,
.salesWrap .shinye_img3.shinye:before {
	-webkit-animation: shinye 3s ease infinite;
	animation: shinye 3s ease infinite;
}

@media screen and (max-width: 800px) {
	.salesWrap .shinye_img1 {
		background-image: url("../images/mb_13.png");
		mask-image: url("../images/mb_13.png");
		-webkit-mask-image: url("../images/mb_13.png");
	}
	.salesWrap .shinye_img2 {
		background-image: url("../images/mb_16.png");
		mask-image: url("../images/mb_16.png");
		-webkit-mask-image: url("../images/mb_16.png");
	}
	.salesWrap .shinye_img3 {
		background-image: url("../images/mb_19.png");
		mask-image: url("../images/mb_19.png");
		-webkit-mask-image: url("../images/mb_19.png");
	}
}