@charset "utf-8";
/* CSS Document */
/*about*/
.page_about_box {
    padding: 0;
    overflow: hidden;
    width: 83.2%;
    margin: 72px auto;
}
.page_about_main{
	width: 100%;
	padding: 0;
	margin: 0;
}
.page_about_main .page_about_img{
	width: 100%;
	text-align: center;
	margin-bottom: 5%;
}
.page_about_main .page_about_txt h2{
	letter-spacing: 1px;
	color: #9D9E9E;
	font-weight: normal;
}
.page_about_main .page_about_txt{
	color: #595757;
	font-size: 16px;
	line-height: 1.8em;
	text-align: center;
}
/*影城介紹*/
.page_about{
	background-image: url(../images/about/bg_about.webp);
	background-position: top center;
	background-repeat: repeat;
	width: 100%;
}
.page_about .textEditor {
    padding: 0px;
}
.page_about .textEditor .aboutBox1{
	background-image: linear-gradient(110deg, transparent 45%, rgba(0, 0, 0, 0.7) 0%);
	clip-path: polygon(0 10%, 100% 0%, 100% 100%, 0% 100%);
	color: rgba(21, 20, 36, 0.8);
}
.contentBox {
    padding: 0;
	margin: 0;
    width: 100%;
    position: relative;
}
.contentBox .page_content{
	padding: 0;
	margin: 0 auto;
    width: 100%;
    position: relative;
}
.page_about.contentBox .page_content{
	margin: 2% auto 0;
}
.contentBox p{
	font-size: 18px;
	line-height: 2;
	color: #fff;
	font-family: "Noto Sans TC";
}
.articleTitle {
    border-bottom: 1px dashed #d6d6d6;
    color: #232323;
    font-weight: 400;
    font-size: 32px !important;
    margin-bottom: 20px;
    padding: 10px 0;
}
.textEditor {
    clear: both;
    color: #fff;
    font-size: 16px;
    line-height: 1.5;
    margin: initial;
    image-rendering: -webkit-optimize-contrast;
}
.textEditor .contentBuilder .shelfWrap {
    width: 100%;
	padding-top: 0;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.contentBuilder.tit3{
	background-image: url(../images/about/bg_about2.webp);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 100% auto;
	width: 100%;
}
.textEditor .contentBuilder.tit3 .shelfWrap {
    width: 100%;
	height: 0;
	padding-top: 30.20%;
	position: relative;
}
.textEditor .contentBuilder.tit3 .shelfWrap .shelfBox {
    position: absolute;
	display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.textEditor .contentBuilder .pt20 {
    padding-top: 0px;
    padding-bottom: 0px;
}
.textEditor .contentBuilder .shelfWrap .shelfBox{
	margin: 0px;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	position: relative;
}
.contentBuilder.aboutBox1 {
	position: relative;
	z-index: 5;
}
.aboutBox2{
	clip-path: polygon(0 8%, 100% 0%, 100% 100%, 0% 100%);
	width: 100%;
    position: relative;
    padding: 0 0px;
    margin: -7% 0 0;
    overflow: hidden;
	background-image: url(../skin/images/about_bg.webp);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background: url(../skin/images/bg-community.png), linear-gradient(to right, #000, #000);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.item_left{
	width: 35%;
	position: relative;
}
.item_left span{
	position: absolute;
	width: 100%;
	height: 100%;
}
.item_left img{
	width: 100%;
	position: absolute;
	top: -50px;
	left: 0px;
	-webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
	box-shadow: 10px 10px 1px #BFA271;
}
.item_right{
	width: 65%;
	padding: 5% 0 5% 12%;
	position: relative;
}
.item_center {
    width: 100%;
	height: 100%;
    padding: 0;
    margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.img_about2{
	width: 41%;
}
.img_point{
	width: 100%;
	height: 100%;
	padding: 0;
}
.potbox{
	width: 100%;
	height: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content:flex-end;
	padding-right: 10%;
}
.potbox .potbox_item{
	margin: 0 -2.5vw;
	position: relative;
	height: 100%;
	display: flex;
}
.potbox .potbox_item > div{
	width: 100%;
}
.potbox .potbox_item .title{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 27px;
	font-style: italic;
	letter-spacing: 1px;
}
.potbox .potbox_item:nth-child(1) .title{
	margin-top: -20px;
}
.potbox .potbox_item:nth-child(3) .title{
	margin-top: 20px;
}
.potbox .potbox_item span {
    position: absolute;
    top: 0;
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    left: 0;
	border: 2px solid #1C3C6E;
	border-radius: 50%;
	font-size: 30px;
    font-weight: bold;
	font-style: italic;
}
.potbox .potbox_item span::before {
    content: "";
    position: absolute;
    top: 4px;
    left: 4px;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    display: block;
    border: 1px dashed rgba(255, 255, 255, 0.5);
    border-radius: 50%;
}
.potbox .potbox_item span:after{
	content: "";
	position: absolute;
	top: 65%;
	left: 50%;
	transform: translateX(-50%);
	display: block;
	width: 2em;
	height: 4px;
	background-color: #2C9D46;
	border-radius: 4px;
}
.potbox .potbox_item:nth-child(2) span:after{
	background-color: #E32724;
}
.potbox .potbox_item:nth-child(3) span:after{
	background-color: #F2EA2E;
}
.potbox .potbox_item span strong {
    font-size: 2em;
    position: relative;
    top: -12px;
}
.textEditor .contentBuilder.tit2 .shelfWrap .shelfBox{
	background-color: #222;
	padding: 0px 5%;
}
.tit2 .shelfBox:before {
    content: '';
    display: block;
    background: url(../skin/images/about_cover.png) no-repeat 100% 50%;
    width: 100%;
    height: 100%;
    position: absolute;
    right: 5%;
    bottom: 0;
}
.textEditor .contentBuilder .shelfWrap .item.videoLeft, .textEditor .contentBuilder .shelfWrap .item.videoRight {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.textEditor .contentBuilder .shelfWrap .item.videoRight {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
	flex-wrap: wrap;
	position: relative;
}
.textEditor .contentBuilder .shelfWrap .item.videoLeft .Img, .textEditor .contentBuilder .shelfWrap .item.videoRight .Img {
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 45%;
}
.textEditor .contentBuilder .shelfWrap .Img img {
    display: block;
    width: 100%;
	height: 100%;
}
.textEditor .contentBuilder .shelfWrap .Img2{
	position: relative;
	width: 50%;
}
.textEditor .contentBuilder .shelfWrap .Img3{
	position: relative;
	margin-top: 50px;
}
.textEditor .contentBuilder .shelfWrap .Img2::before {
    content: "";
    width: calc(100% - 40px);
    height: calc(100% - 40px);
    position: absolute;
    border: 1px solid #ddd;
    top: 20px;
    left: 20px;
    z-index: 5;
    display: block;
}
.textEditor .contentBuilder .shelfWrap .item.videoLeft .Txt, .textEditor .contentBuilder .shelfWrap .item.videoRight .Txt {
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 46%;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.09);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.09);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.textEditor .contentBuilder .shelfWrap .item.videoRight .Txt {
    padding: 5% 0 5% 7%;
    margin-right: 0;
    position: relative;
    width: 55%;
}
.textEditor .paragraph {
    font-size: 16px;
    line-height: 1.5;
    margin: initial;
}
.textEditor .contentBuilder .shelfWrap .btnBox {
    margin-left: -3px;
    margin-right: -3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.textEditor .contentBuilder .shelfWrap .item.picLeft, .textEditor .contentBuilder .shelfWrap .item.picRight {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	align-items: flex-start;
}
.textEditor .contentBuilder img {
    max-width: 100%;
}
.textEditor .contentBuilder .shelfWrap .item.picLeft .Txt, .textEditor .contentBuilder .shelfWrap .item.picRight .Txt {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 30px 70px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.textEditor .contentBuilder .shelfWrap .item.picLeft .Txt{
	padding-right: 0;
}
.textEditor .contentBuilder.tit2 .shelfWrap .item.picLeft .Txt{
	padding-top: 5vw;
}
.textEditor .contentBuilder.tit3 .shelfWrap .item.picLeft .Txt{
	padding-right: 70px;
	padding-left: 20px;
	position: relative;
}
.iconimg {
    position: relative;
}
.textEditor .paragraph {
    font-size: 16px;
    line-height: 1.5;
    margin: initial;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
.Txt .tit {
    font-size: 40px;
    color: #222;
    letter-spacing: 0.1em;
    font-weight: 900;
    position: relative;
    z-index: 10;
    color: #fff;
    text-shadow: 0 0 5px #000;
}
.Txt .tit::before {
    content: "";
    position: absolute;
    bottom: 5px;
    left: 50%;
	-webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #E63946;
    width: calc(100% - 30px);
    height: 1px;
    z-index: 0;
}
.Txt .tit::after{
	content: "";
    position: absolute;
    bottom: 0px;
    left: 50%;
	-webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #E63946;
    width: calc(100% - 20px);
    height: 1px;
    z-index: 0;
}
.Txt .tit2{
	font-size: 36px;
	letter-spacing: normal;
	color: rgba(255, 255, 255, 1);
}
.Txt .subtit {
    font-size: 16px;
    letter-spacing: 2px;
    line-height: 1.75;
}
.Txt .subtit h3{
	color: #FFCC00;
	letter-spacing: 1px;
	margin: 10px 0 20px;
	position: relative;
	z-index: 0;
	height: 55px;
	display: flex;
	align-items: center;
}
.Txt .subtit p{
	font-size: 18px;
	line-height: 1.75;
	color: #ddd;
	letter-spacing: 0;
}
.Txt .subtit.fontwt p{
	color: rgba(255, 255, 255, 0.75);
}
.Txt .subtit h4{
	color: rgba(255, 255, 255, 0.75);
	letter-spacing: 0;
	margin: 15px 0;
	font-size: 18px;
	line-height: 1.5em;
}
.nullBox {
    width: 100%;
    margin: 0px auto;
    background: linear-gradient(100deg, #f1078b -6.76%, #e85d62 106.76%);
    padding: 3% 3% 7%;
}
.nullBox div{
	width: 100%;
    max-width: 1366px;
	margin: 0 auto;
}
/*圖片輪播*/
.about_theaterImg{
	background-size: 100%;
	background-position: top center;
	background-repeat: no-repeat;
	padding: 0px 0 0px;
	width: 100%;
}
.slider {
	width: 100%;
    max-width: 1920px;
    margin: 0px auto 60px;
	/* background-color: #314580; */
	box-shadow: 0 5px 15px #333;
	display: flex;
	flex-wrap: wrap;
}
.slider > div{
	width: 100%;
}
.slick-slide {
  margin: 0px;
}
.slick-slide img {
	opacity: .2;
    transition: all .2s ease .1s;
    max-width: 100%;
    width: 100%;
    /* height: 22.24vw; */
}
.slick-slide.slick-active img {
    opacity: .2;
}
.slick-list{
	overflow: visible;
}
.slick-slide.slick-current.slick-active img {
	opacity: 1;
	-webkit-transform: scale(1.25);
    -ms-transform: scale(1.25);
    transform: scale(1.25);
	position: relative;
	z-index: 5;
	box-shadow: 0 0 10px #111926;
}
@media screen and (max-width:468px) {
	.slick-slide.slick-current.slick-active img {
		-webkit-transform: scale(1.1);
		-ms-transform: scale(1.1);
		transform: scale(1.1);
	}
}
.slick-prev:before,
.slick-next:before {
  color: black;
}
.slick-slide {
  transition: all ease-in-out .3s;
  /* opacity: .2; */
}
.slick-next{
	right: calc(29% - 20px);
}
.slick-prev {
    left: calc(29% - 20px);
	z-index: 10000;
}
.slick-prev:before, .slick-next:before {
    color: #ccc;
}
.slick-next:before {
    content: '〉';
}
.slick-prev:before {
    content: '〈';
}
.slick-dotted.slick-slider {
    margin-bottom: 30px;
}
.textEditor .contentBuilder .shelfWrap.serviceBox{
	padding-top: 8%;
}
.serviceBox .serviceList {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
}
.serviceBox .serviceList2{
	-webkit-box-pack: flex-end;
    -ms-flex-pack: flex-end;
    justify-content: flex-end;
}
.serviceBox .serviceList:before {
    content: "";
    position: absolute;
    left: -20px;
    width: calc(100% + 40px);
    height: 1px;
    margin-top: -0.5px;
    background-color: rgba(255, 255, 255, 0.3);
}
.serviceBox .serviceList > li {
    padding: 50px;
}
.serviceBox .serviceList .ser_item {
    position: relative;
    width: 300px;
    height: 300px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    text-align: center;
	-webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
	opacity: 0.7;
}
.serviceBox .serviceList > li:hover .ser_item:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background-image: url(../skin/images/streak.png);
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    z-index: 1;
    -webkit-animation: rotate 50s linear infinite;
    animation: rotate 50s linear infinite;
	z-index: -1;
}
@-webkit-keyframes rotate {
	100% {
        -webkit-transform: rotate(360deg);
    	transform: rotate(360deg);
    }
}
@keyframes rotate {
	100% {
        -webkit-transform: rotate(360deg);
    	transform: rotate(360deg);
    }
}
.serviceBox .serviceList > li.active .ser_item{
	/* border: 2px solid rgba(255, 255, 255, 1); */
	transform: scale(1.1);
	background-color: #333;
	opacity: 1;
}
.serviceBox .serviceList > li.active .ser_enTitle {
    color: #FEDA03;
}
.serviceBox .serviceList > li.active .ser_item:before{
	opacity: 0;
}
.serviceBox .serviceList .ser_item:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #fff;
	opacity: 1;
}
.serviceBox .serviceList .ser_item:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #fff;
}
.serviceBox .serviceList .ser_Img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 50%;
}
.serviceBox img {
    display: block;
    max-width: 100%;
	width: auto!important;
}
.serviceBox .serviceList .ser_Txt {
    padding: 10px;
    line-height: 1.5;
    height: 50%;
}
.serviceBox .serviceList .ser_enTitle {
    font-size: 20px;
    font-family: "Roboto", sans-serif;
    color: rgba(255, 255, 255, 0.5);
    position: relative;
    margin-top: -45px;
    font-weight: bold;
    margin-bottom: 15px;
}
.serviceBox .serviceList .ser_title {
    font-size: 16px;
    color: #fff;
    letter-spacing: 0.5px;
	padding: 0;
}
/*地點位置*/
.page_map {
    width: 100%;
	background-image: url(../images/map/bg_map.webp);
	background-position: center bottom;
	background-size: 100% auto;
}
.page_map .page_content{
	width: 100%;
    max-width: 1366px;
    margin: 0 auto;
}
.page_map .textEditor{
	background: rgba(0, 0, 0, 0.4);
	padding: 0px;
	position: relative;
	margin-bottom: 50px;
}
.page_map .textEditor .contentBuilder .item.videoRight{
	display: flex;
	flex-wrap: wrap;
}
.page_map .textEditor .contentBuilder .item.videoLeft .Img, .page_map .textEditor .contentBuilder .item.videoRight .Img {
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 30%;
	background: #1F1B18;
    text-align: center;
}
.page_map .textEditor .contentBuilder .item.videoLeft .Txt, .page_map .textEditor .contentBuilder .item.videoRight .Txt {
    position: relative;
    width: 70%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	padding-left: 5%;
	padding-right: 4%;
}
.page_map .Txt .subtit h2{
	background: url(../images/map/1.png) center center / contain;
    background-clip: text;
    -webkit-background-clip: text;
    color: rgba(0, 0, 0, 0);
    line-height: 1;
    letter-spacing: 2px;
	font-family: "New Tegomin";
    font-weight: normal;
    font-size: 35px;
	margin: 30px 0 20px;
}
.page_map .Txt .subtit h2 .titleEn {
    background: url(../images/map/3.png) center center/contain;
    background-clip: text;
    -webkit-background-clip: text;
    color: rgba(0, 0, 0, 0);
    line-height: 1.48;
    padding: 0px 0 0 5px;
    text-align: justify;
    letter-spacing: 1px;
    font-family: 'Courier New';
    font-weight: 600;
    font-size: 18px;
    text-transform: uppercase;
    display: inline-block;
    bottom: -7px;
    position: relative;
}
.page_map .Txt .subtit p {
    font-size: 18px;
    line-height: 1.85;
	letter-spacing: 0.6px;
    color: #ddd;
	opacity: 1;
}
.page_map .Txt .subtit p.txt16{
	font-size: 16px;
}
.page_map .Txt .subtit p span {
    margin: 0 12px 0 5%;
    font-size: 16px;
    opacity: 0.8;
    letter-spacing: 0;
    color: #CDAA74;
    border-right: 1px solid #CDAA74;
    padding-right: 12px;
}
.page_map .Txt .subtit p span b, .page_map .Txt .subtit .bus span b {
    font-size: 0.6em;
    position: relative;
    top: -2px;
}
.page_map .Txt .subtit .bus span{
	margin: 0 12px 0 5%;
    font-size: 16px;
    opacity: 0.8;
    letter-spacing: 0;
    color: #CDAA74;
    border-right: 1px solid #CDAA74;
    padding-right: 12px;
}
.page_map .mapline{
	border-top: 1px dashed #545454;
	display: block;
	width: 100%;
	height: 1px;
	margin: 20px 0;
}
/*票價介紹*/
.page_prise {
    width: 100%;
    margin: 0;
	padding: 0 15px;
	background-image: url(../images/about/bg_about.webp);
	background-position: top center;
	background-repeat: repeat;
}
.page_prise.contentBox .page_content{
	width: 100%;
    max-width: 1366px;
    margin: 0 auto;
}
.page_prise .textEditor {
    padding: 0;
}
.page_prise .textEditor .paragraph  .subtit{
	width: 18%;
}
.page_prise .textEditor .paragraph  .subtit:first-child{
	width: 18%;
}
.page_prise .textEditor .paragraph  .subtit:last-child{
	width: 46%;
}
.page_prise .item{
	display: flex;
	width: 100%;
	flex-wrap: wrap;
}
.page_prise .item:first-child{
	margin-bottom: 50px;
}
.page_prise .item .Img{
	width: 35%;
	background-image: url(../skin/images/ticket_img1.webp);
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: right center;
}
.page_prise .item.item2 .Img{
	background-image: none;
}
.page_prise .item .Txt{
	width: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	padding: 0;
}
.page_prise .item.item2 .Txt{
	padding: 30px 0px 30px 50px;
}
.ticket_prise{
	width: 100%;
	background-color: #2E2C2C;
	padding: 35px 0;
}
.page_prise .textEditor .paragraph  .subtit:first-child .ticket_prise{
	border-top-left-radius: 14px;
	border-bottom-left-radius: 14px;
	padding-left: 35px;
}
.page_prise .textEditor .paragraph  .subtit:last-child .ticket_prise{
	border-top-right-radius: 14px;
	border-bottom-right-radius: 14px;
}
.page_prise .textEditor .paragraph  .subtit:last-child .ticket_prise ul li{
	padding: 2px 15px;
}
.textBox{
	width: 100%;
	position: relative;
	z-index: 10;
}
.page_prise h5{
	font-size: 24px;
	color: #F0E8BE;
	font-weight: 600;
	margin-bottom: 0;
	text-align: center;
	height: 66px;
}
.page_prise .textEditor .paragraph  .subtit:nth-child(2) h5{
	text-align: center;
}
.page_prise h5 span{
	background-color: #3E3C3C;
	display: inline-flex;
	padding: 20px 7%;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}
.ticket_prise ul li{
	display: flex;
	position: relative;
	flex-wrap: wrap;
	align-items: center;
	padding: 2px 0;
	margin: 0 ;
	color: #ddd;
	height: 80px;
}
.page_prise .textEditor .paragraph  .subtit:nth-child(1) li::before{
	display: none;
}
.ticket_prise ul li::before{
	content: "";
	position: absolute;
	display: block;
	width: 2px;
	height: 40px;
	left: 0;
	top: 15px;
	border-left: 2px solid #454545;
}
.ticket_prise ul li b{
	width: 100%;
	font-size: 30px;
}
.ticket_prise ul li b > span{
	letter-spacing: 0;
	font-size: 20px;
	width: 100%;
	display: block;
	color: #aaa;
}
.ticket_prise ul li > span {
    width: 120px;
    font-size: 40px;
    text-align: right;
    color: #fff;
    margin: 0 auto;
}
/*會員VIP專區*/
.page_vip{

}
/*團體票卷*/
.page_rentout.page_tickets{
	padding-bottom: 4%;
}
.page_rentout.page_tickets .item .Img {
    padding-right: 0%;
	position: relative;
}
.page_rentout.page_tickets .item .Img::before{
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: -7px;
	left: -7px;
	border: 1px solid rgba(0, 123, 255, 0.1);
	z-index: -1;
}
.page_rentout.page_tickets .item .Img::after{
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 10px;
	left: 10px;
	background-color: rgba(0, 123, 255, 0.05);
	border: 1px solid rgba(0, 123, 255, 0.1);
	z-index: -1;
}
.page_rentout.page_tickets ul li {
    padding: 8px 0 8px 0%;
}
.page_rentout.page_tickets .textEditor {
    background-image: url(../images/service/bg_tickets.webp);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center;
}
/*包廳場租*/
.page_rentout{
	width: 100%;
	background-image: url(../images/service/bg_service.webp);
	background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
}
.page_rentout .page_content{
	width: 100%;
	max-width: 1366px;
	margin: 0 auto;
}
.page_rentout .textEditor {
    /* background: rgba(0, 0, 0, 0.7); */
	background: rgba(37, 40, 54, 0.7);
    padding: 50px;
	position: relative;
}
.page_rentout .item{
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	align-items: center;
	border-top: 1px dashed #666;
    padding: 30px 0px;
}
.page_rentout .item.item_rentoutbg{
	background-image: url(../images/service/rentout_img2.webp);
	background-repeat: no-repeat;
    background-position: top left;
    background-size: auto 100%;
}
.page_rentout .item.item_rentoutbg .Txt {
    background-color: rgba(0,0,0,0.7);
	margin: 5% 0 5% 20%;
    width: 55%;
}
.page_rentout .item.item_rentoutbg .Txt ul li{
    padding: 2px 0 2px 2%;
}
.page_rentout .item.item_rentoutbg .Txt ul li > span{
	font-size: 16px;
} 
.page_rentout .item.item_rentoutbg .Img {
    padding-right: 0%;
    width: 25%;
}
.page_rentout .item:first-child{
	border-top: 0;
}
.page_rentout .item .Img{
	padding-right: 5%;
	width: 37%;
}
.page_rentout .item .Txt{
	width: 63%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	padding: 20px 20px;
}
.page_rentout .Txt_rentout{
	width: 100%;
}
.page_rentout h5{
	font-size: 24px;
	line-height: 1.5;
	color: #CDAA74;
	font-weight: normal;
	margin-bottom: 10px;
}
.page_rentout h2{
	background: url(../images/map/1.png) center center / contain;
    background-clip: text;
    -webkit-background-clip: text;
    color: rgba(0, 0, 0, 0);
    line-height: 1;
    letter-spacing: 2px;
	font-family: "New Tegomin";
    font-weight: normal;
    font-size: 35px;
	margin: 30px 0 20px;
}
.page_rentout h2 .titleEn {
    background: url(../images/map/3.png) center center/contain;
    background-clip: text;
    -webkit-background-clip: text;
    color: rgba(0, 0, 0, 0);
    line-height: 1.48;
    padding: 0px 0 0 5px;
    text-align: justify;
    letter-spacing: 1px;
    font-family: 'Courier New';
    font-weight: 600;
    font-size: 18px;
    text-transform: uppercase;
    display: inline-block;
    bottom: -7px;
    position: relative;
}
.page_rentout ul{
	width: 100%;
}
.page_rentout ul li{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	padding: 8px 0 8px 2%;
	color: #ccc;
	text-align: left;
}
.page_rentout ul li > b{
	margin: 0 12px 0 5%;
    font-size: 16px;
    opacity: 0.8;
    letter-spacing: 0;
    color: #CDAA74;
    border-right: 1px solid #CDAA74;
    padding-right: 12px;
}
.page_rentout ul li > span{
	font-size: 18px;
}
.page_rentout ul li a{
	color: #ddd;
}
@media screen and (max-width: 1217px){
	.aboutBox2 {
		clip-path: polygon(0 5%, 100% 0%, 100% 100%, 0% 100%);
	}
	.serviceBox .serviceList .ser_item {
		width: 250px;
		height: 250px;
	}
	.serviceBox .serviceList > li {
		padding: 50px 20px;
	}
	.serviceBox .serviceList .ser_title {
		font-size: 14px;
		letter-spacing: 0px;
	}
	.serviceBox img {
		height: 40px;
	}
	.serviceBox .serviceList .ser_enTitle {
		font-size: 16px;
		margin-top: -40px;
		margin-bottom: 15px;
	}
	.Txt .tit {
		font-size: 36px;
	}
	.Txt .subtit h3 {
		margin: 10px 0;
		height: 27px;
		font-size: 20px;
	}
}
@media screen and (max-width: 1200px){
	.Txt .tit{
		letter-spacing: 0;
	}
}
@media screen and (max-width: 1100px){
	.Txt .subtit h3 {
		letter-spacing: 0px;
		font-size: 20px;
		height: 50px;
		margin: 10px 0 0px;
	}
	.textEditor .contentBuilder .shelfWrap .item.videoRight .Txt {
		padding: 30px 15px 30px 25px;
	}
	.Txt .subtit h3::before {
		left: -25px;
	}
	.potbox .potbox_item .title {
		font-size: 20px;
	}
}
@media screen and (max-width: 900px){
	.s_banner, .page_detail_s_titlebar{
		margin-top: 0px;
	}
	.contentBuilder.aboutBox1 {
		clip-path: polygon(0 0%, 100% 0%, 100% 100%, 0% 100%);
	}
	.textEditor .contentBuilder.tit2 .shelfWrap .shelfBox {
		padding: 30px 30px;
	}
	.page_about .textEditor .aboutBox1 {
		background-image: linear-gradient(180deg, transparent 50%, rgba(0, 0, 0, 0.8) 0%);
		clip-path: none;
	}
	.textEditor .contentBuilder .shelfWrap .item.videoLeft .Txt, .textEditor .contentBuilder .shelfWrap .item.videoRight .Txt{
		width: 100%;
		padding: 10px 20px 5% 20px;
	}
	.textEditor .contentBuilder .shelfWrap .item.videoLeft .Img, .textEditor .contentBuilder .shelfWrap .item.videoRight .Img {
		width: 100%;
	}
	.textEditor {
		font-size: 14px;
	}
	.textEditor .contentBuilder .shelfWrap {
		padding: 0px 0px;
	}
	.Txt .tit {
		font-size: 24px;
	}
	.Txt .tit2 {
		font-size: 22px;;
	}
	.Txt .subtit h4 {
		font-size: 16px;
	}
	.Txt .tit::before {
		left: 53px;
	}
	.Txt .tit2::before {
		width: 80%;
		height: 1px;
		left: 0%;
	}
	.Txt .subtit p {
		font-size: 16px;
	}
	.contentBuilder.tit2 {
		margin: 30px 0 0;
	}
	.Txt .subtit {
		font-size: 14px;
		letter-spacing: 0px;
		width: 100%;
	}
	.textEditor .contentBuilder .shelfWrap .item.picLeft .Txt, .textEditor .contentBuilder .shelfWrap .item.picRight .Txt {
		padding: 30px 20px;
		width: 100%;
	}
	.icon3::before {
		left: 65vw;
		width: 25vw;
		height: 34vw;
		top: -4vw;
	}
	.potbox{
		padding-right: 5%;
	}
	.potbox .potbox_item .title {
		font-size: 13px;
		margin-top: 0px;
		text-shadow: 0 0 4px #000;
	}
	.potbox .potbox_item {
		margin: 0 -1vw;
	}
	.textEditor .contentBuilder.tit3 .shelfWrap .item.picLeft .Txt {
		padding-right: 20px;
	}
	.textEditor .contentBuilder .shelfWrap .Img3 {
		order: -1;
		margin: 0px auto 0;
	}
	.textEditor .contentBuilder .shelfWrap .item.picLeft, .textEditor .contentBuilder .shelfWrap .item.picRight {
		flex-wrap: wrap;
	}
	.textEditor .contentBuilder.tit2 .shelfWrap .item.picLeft .Txt {
		padding-top: 15vw;
	}
	.textEditor .contentBuilder .shelfWrap .item.videoRight {
		margin: 0px;
	}
	.page_about .textEditor {
		padding: 0px;
		margin-top: 0px;
		background: transparent;
	}
	.contentBox p {
		font-size: 14px;
		line-height: 1.75;
	}
	.page_about .title, .page_map .title, .page_prise .title, .page_rentout .title{
		margin-top: 40px;
	}
	.page_about .title::before, .page_map .title::before, .page_prise .title::before, .page_rentout .title::before {
		background-color: #aaa;
		bottom: -5px;
		height: 1px;
		width: 40px;
	}
	.textEditor .contentBuilder .shelfWrap .shelfBox{
		flex-direction: column;
	}
	.item_left {
		width: 100%;
	}
	.item_right {
		width: 100%;
		padding: 5% 5% 5% 10%;
		background: rgba(0,0,0,0.7);
	}
	.serviceBox .serviceList > li {
		padding: 30px 10px;
	}
	.serviceBox .serviceList .ser_item {
		width: 188px;
		height: 188px;
	}
	/*地點位置*/
	.page_map{background-position: top center;background-repeat: no-repeat;}
	.page_map .textEditor {
		padding: 0px 20px;
		margin-top: 0px;
		background: transparent;
	}
	.page_map .textEditor::before, .page_map .textEditor::after {
		background-image: none;
	}
	.page_map .textEditor .contentBuilder .item.videoLeft .Img, .page_map .textEditor .contentBuilder .item.videoRight .Img{
		width: 100%;
	}
	.textEditor .contentBuilder .item.videoRight .Img iframe{
		height: 200px;
	}
	.page_map .textEditor .contentBuilder .item.videoLeft .Txt, .page_map .textEditor .contentBuilder .item.videoRight .Txt{
		width: 100%;
		padding-left: 0;
		padding-top: 10px;
	}
	.textBox{
		width: 100%;
	}
	.textEditor .paragraph {
		font-size: 14px;
		width: 100%;
	}
	.page_map .Txt .subtit h2{font-size: 24px;}
	.page_map .Txt .subtit h2 .titleEn{font-size: 16px;}
	.page_map .Txt .subtit p {
		font-size: 16px;
		letter-spacing: 0;
	}
	.page_map .Txt .subtit p span {
		font-size: 13px;
	}
	/*票價介紹*/
	.page_prise {
		padding: 0 0px;
	}
	.page_prise .textEditor .paragraph  .subtit {
		width: 23%;
	}
	.page_prise .textEditor .paragraph  .subtit:first-child {
		width: 54%;
	}
	.page_prise .item .Img {
		width: 100%;
		background-image: none;
	}
	.page_prise .item.item2 .Txt {
		padding: 30px 10px;
	}
	.page_prise .textEditor .paragraph  .subtit:first-child .ticket_prise {
		padding-left: 5px;
	}
	.page_prise h5 {
		font-size: 15px;
	}
	.page_prise h5 span {
		padding: 17px 7%;
		flex-direction: column;
	}
	.ticket_prise ul li b {
		font-size: 18px;
	}
	.ticket_prise ul li > span {
		width: 53px;
		font-size: 18px;
		white-space:nowrap;
	}
	.ticket_prise ul li b > span {
		font-size: 13px;
	}
	.page_prise .item:first-child {
		margin-bottom: 0px;
	}
	/*包廳租借*/
	.page_rentout .textEditor::before{
		background-image: none;
	}
	.page_rentout .textEditor .contentBuilder .pt20{padding: 0 20px;}
	.page_rentout .item.item_rentoutbg {
		padding-top: 30vw;
		background-size: 100% auto;
	}
	.page_rentout .item .Img{
		padding-right: 0%;
		width: 100%;
		text-align: center;
	}
	.page_rentout ul li{
		padding: 2px 0px 2px 0;
	}
	.page_rentout .item .Txt{
		width: 100%;
		text-align: center;
		padding: 20px 10px;
	}
	.page_rentout .item.item_rentoutbg .Txt {
		margin: 5% auto;
		width: 100%;
		max-width: 700px;
	}
	.page_rentout h2{
		font-size: 24px;
	}
	.page_rentout h2 .titleEn {
		font-size: 16px;
	}
	.page_rentout .item.item_rentoutbg .Img {
		width: 100%;
	}
	.page_rentout .textEditor{
		padding: 0px 0px;
	}
	.page_rentout h5 {
		font-size: 16px;
	}
	.page_rentout ul li > span {
		font-size: 15px;
	}
	.page_rentout .textEditor .paragraph {
		width: auto;
		display: inline-block;
		margin: 0 auto;
	}
	.page_rentout ul li > b{
		margin: 0 12px 0 0%;
	}
}
@media screen and (max-width: 768px) {
	.page_about_box {
		padding: 0 15px;
		width: 100%;
		margin: 30px auto;
	}
	.page_about_main .page_about_txt {
		font-size: 14px;
	}
}
@media screen and (max-width: 640px) {
	.aboutBox2 {
		clip-path: polygon(0 0%, 100% 0%, 100% 100%, 0% 100%);
	}
	.serviceBox .serviceList {
		flex-direction: column;
	}
	.serviceBox .serviceList .ser_item {
		width: 250px;
		height: 250px;
	}
	.serviceBox .serviceList > li {
		padding: 10px 10px;
	}
	.serviceBox .serviceList:before{
		display: none;
	}
	.nullBox {
		margin-top: 30px;
	}
}
@media screen and (max-width: 468px) {
	.contentBox p {
		font-size: 14px;
	}
	.Txt .tit2 {
		font-size: 16px;
	}
	.Txt .subtit h4 {
		font-size: 14px;
	}
	.icon2::before{
		display: none;
	}
	.slick-prev:before, .slick-next:before {
		font-size: 25px;
	}
	.slick-prev:before, .slick-next:before {
		color: #fff;
	}
	.slick-prev {
		left: calc(6% - 20px);
	}
	.slick-next {
		right: calc(6% - 20px);
	}
}
.about-wrapper{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-content: flex-start;
	align-items: flex-start;
	margin-bottom: 100px;
}
.about-wrapper .about-pic{
	width: 100%;
}
.about-wrapper .about-pic02{
	width: 50%;
	padding: 40px;
}
@media screen and (max-width: 500px) { 
	.about-wrapper .about-pic02{
	width: 100%;
	padding: 20px;
}
}
.about-wrapper .about-text{
	width: 50%;
}
@media screen and (max-width: 768px) { 
	.about-wrapper .about-text{
	width: 90%;
	margin: 0 auto;
}
}
.about-wrapper .about-text>b{
	font-size: 35px;
	letter-spacing: 1px;
	text-shadow:2px 6px 6px rgba(0,0,0,0.3);
	color: #3E3A39;
	margin-top: 30px;
	display: block;
}
@media screen and (max-width: 768px) { 
	.about-wrapper .about-text>b{
	font-size: 26px;
	letter-spacing: 0px;
	text-shadow:2px 6px 6px rgba(0,0,0,0.3);
	color: #3E3A39;
	margin-top: 30px;
	display: block;
}
}
.about-wrapper .about-text>span{
	font-size: 30px;
	font-style: normal;
	letter-spacing: 3px;
	color: #E9A514;
	margin-top: 10px;
	display: block;
}
.about-wrapper .about-text>span>i{
	font-size: 30px;
	font-style: normal;
	letter-spacing: 0px;
	color: #f95b03;
	font-weight: 600;
	margin-top: 10px;
}
.about-wrapper .about-text .about-img{
	width: 350px;
	margin-top: 30px;
}
@media screen and (max-width: 500px) { 
	.about-wrapper .about-text .about-img{
	width: 80%;
	margin-top: 30px;
}
}
.about-wrapper .about-text .about-img>img{
	width:100%;
	display: block;
}
.about-wrapper .about-text .about-text-title{
	width: 95%;
} 
@media screen and (max-width: 768px) { 
.about-wrapper .about-text .about-text-title{
	width: 100%;
} 
}
.about-wrapper .about-text .title-01{
	width: 80%;
	font-size: 25px;
	margin-top: 40px;
	padding-bottom: 10px;
	color: #f95b03;
	border-bottom: 1px solid #ccc;
	font-weight: 600;
} 
@media screen and (max-width: 500px) { 
	.about-wrapper .about-text .title-01{
	width: 100%;
	font-size: 25px;
	margin-top: 40px;
	padding-bottom: 10px;
	color: #f95b03;
	border-bottom: 1px solid #ccc;
	font-weight: 600;
} 
}
.about-wrapper .about-text .text-02{
	width: 90%;
	font-size: 16px;
	line-height: 25px;
	margin-top: 20px;
	padding-bottom: 10px;
} 
@media screen and (max-width: 500px) { 
	.about-wrapper .about-text .text-02{
	width: 100%;
	font-size: 15px;
	line-height: 24px;
	margin-top: 20px;
	padding-bottom: 10px;
}
}
.about-wrapper .sec03{
	width: 80%;
	margin: 0 auto;
}
.about-wrapper .sec03 .work>img{
	width: 60px;
	display: block;
	padding-right: 10px;
}
.about-wrapper .sec03 .work{
	margin-top: 70px;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	font-size: 35px;
	font-weight: 600;
	color: #E9A514;
	text-shadow:2px 6px 6px rgba(0,0,0,0.3);
}
.about-wrapper .sec03 .work02{
	line-height: 30px;
	width: 50%;
	font-size: 20px;
	font-weight: 600;
	margin: 40px auto;
	text-align: center;
	color: #6d6d6c;
}
@media screen and (max-width: 1024px) { 
	.about-wrapper .sec03 .work02{
	width: 80%;
}
}
@media screen and (max-width: 768px) { 
	.about-wrapper .sec03 .work02{
	line-height: 30px;
	width: 100%;
	font-size: 17px;
	font-weight: 600;
	margin: 40px auto;
	text-align: center;
	color: #6d6d6c;
}
}