@charset "utf-8";

/* 字型 */
	@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700;900&display=swap');
	/* font-family: 'Noto Sans TC', sans-serif; */

/* cta */
	.salesWrap a.cta {
		display: table;
		position: fixed;
		z-index: 24;
		right: 0;
	    top: 40%;
		width: 19%;
		max-width: 248px;
	}
	@media screen and (max-width: 1600px) {
		.salesWrap a.cta {
			width: 11%
		}
	}
	@media screen and (max-width: 800px) {
		.salesWrap a.cta {
			width: 19%
		}
	}

/* 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;
	    }
	}

/* all style */
	.salesWrap section {
		position: relative;
	}
	.salesWrap a:hover {
	    opacity: 1 !important;
	}
	.salesWrap .text{
		position: absolute;
		z-index: 1;
		width: 77%;
	    top: 50%;
	    left: 50%;
	    transform: translate(-50%, -45%);
	}

/* camellia-club_menu */
	.salesWrap .text.camellia-club_menu{
		z-index: 4;
		display: flex;
		flex-wrap: wrap;
		width: 90%;
	    top: 9%;
    	left: 50%;
    	transform: translate(-50%, -50%);
    	list-style: none;
	}
	.salesWrap .text.camellia-club_menu li{
		flex: 1;
	}
	.salesWrap .text.camellia-club_menu li a{
		display: block;
		position: relative;
		opacity: 1;

		-webkit-transform: scale(1);
    	-ms-transform: scale(1);
    	transform: scale(1);
    	-webkit-transition: -webkit-transform .2s;
    	transition: transform .2s;
	}
	.salesWrap .text.camellia-club_menu li a:hover{
		opacity: 1;
	}
	.salesWrap .text.camellia-club_menu li a:hover:before{
		content: '';
		position: absolute;
		z-index: 1;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
	}
	.salesWrap .text.camellia-club_menu li a.btn01:hover:before{
		background: url('../images/btn01_hover.png') no-repeat center;
		background-size: 100%;
	}
	.salesWrap .text.camellia-club_menu li a.btn02:hover:before{
		background: url('../images/btn02_hover.png') no-repeat center;
		background-size: 100%;
	}
	.salesWrap .text.camellia-club_menu li a.btn03:hover:before{
		background: url('../images/btn03_hover.png') no-repeat center;
		background-size: 100%;
	}
	@media (min-width: 801px) {
		.salesWrap .text.camellia-club_menu li a:hover{
			-webkit-transform: scale(1.1);
	    	-ms-transform: scale(1.1);
	    	transform: scale(1.1);
	    	-webkit-transition: -webkit-transform .2s;
	    	transition: transform .2s;
		}
	}
	@media (max-width: 800px) {
		.salesWrap .text.camellia-club_menu {
		    top: -14%;
	        width: 58%;
		}
		.salesWrap .text.camellia-club_menu li{
			flex: auto;
			width: 100%;
		}
	}

/* 檔期 */
	.salesWrap .section_schedule {
	    position: relative;
	    z-index: 4;
	}
	.salesWrap .section_schedule .dm_link.dm_link_NO {
	    opacity: 0;
	    pointer-events: none;
	}
	.salesWrap .section_schedule > div.text {
	    width: 65%;
	    margin: 0 auto;
	    top: 8%;
	    transform: translateX(-50%);
    	left: 50%;
	}
	.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 #f06878;
	}
	.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: 2%; */
		line-height: 1.7;
	}
	.salesWrap .section_schedule ul li div:last-of-type {
	    border-right: 0;
	}
	.salesWrap .section_schedule ul li div.location {
	    color: #c83144;
	}
	.salesWrap .section_schedule ul li div.date_start,
	.salesWrap .section_schedule ul li div.date_end {
	    text-align: center;
	    color: #464646;
	    width: 22%;
	}
	.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: 4% 0 2% 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: #f06878;
	    padding: 1% 10%;
	    font-size: 43px;
	    display: table;
	    margin-bottom: -1%;
	    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: 35px;
	}
	.salesWrap .section_schedule .br500_block {
	    display: none;
	}
	@media (max-width: 1600px) {
	    .salesWrap .section_schedule ul li.schedule_title div.location p {
	        font-size: 2.7vw;
	    }
	    .salesWrap .section_schedule ul li div {
		    font-size: 1.87vw;
		}
		.salesWrap .section_schedule ul li.schedule_title div.date_start,
		.salesWrap .section_schedule ul li.schedule_title div.date_end {
		    font-size: 2.2vw;
		}
	}
	@media screen and (max-width: 800px) {
	    .salesWrap .section_schedule > div.text {
		    width: 77%;
		    top: 8.5%;
		}
		.salesWrap .section_schedule ul li div {
		    line-height: 1.45;
		}
		.salesWrap .section_schedule ul li.schedule_title {
		    border-bottom: 2px solid #f06878;
		    margin: 4% 0 1% 0;
		}
	    .salesWrap .section_schedule ul li.schedule_title div.location p {
	        font-size: 3.7vw;
	    }
	    .salesWrap .section_schedule ul li div {
		    font-size: 3.4vw;
		}
		.salesWrap .section_schedule ul li.schedule_title div.date_start,
		.salesWrap .section_schedule ul li.schedule_title div.date_end {
		    font-size: 3.2vw;
		}
		.salesWrap .section_schedule ul li div.date_start,
		.salesWrap .section_schedule ul li div.date_end {
		    width: 25%;
		}
	}

/* 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;
	    
	    -webkit-transform: scale(1);
    	-ms-transform: scale(1);
    	transform: scale(1);
    	-webkit-transition: -webkit-transform .2s;
    	transition: transform .2s;
	}
	.salesWrap .section04 .tooltip {
	    width: 34%;
	    margin: -2% auto 0 auto;
	}
	.salesWrap .section04 .tooltip .tooltiptext {
	    bottom: -17%;
	}
	.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;
	}
	.salesWrap .section04 .section04_swiper{
		width: 65%;
		margin: 0 auto;
	}
	.salesWrap .section04 .swiper-pagination-bullet-active {
	    background: #dc2d3c;
	    opacity: 1;
	}
	@media screen and (min-width: 801px) {
	    .salesWrap .section04 .mybox-shadow {
	        display: table;
	    }
	    .salesWrap .section04 .section04_bt:hover {
		    -webkit-transform: scale(1.1);
	    	-ms-transform: scale(1.1);
	    	transform: scale(1.1);
	    	-webkit-transition: -webkit-transform .2s;
	    	transition: transform .2s;
		}
	}
	@media screen and (max-width: 800px) {
	    .salesWrap .section04 .mybox-shadow {
	        padding: 37px 0;
	        left: 10%
	    }
	    .salesWrap .section04 ul {
	        display: none;
	    }
	    .salesWrap .section04 .tooltip {
		    width: 78%;
		    margin: 0 auto;
		}
		.salesWrap .text {
		    transform: translate(-50%, -40%);
		}
	}