@charset "utf-8";

/*分會場選單*/
.cantantBase1 { display: block !important;}
.cantantBase2 { display: block;}
@media screen and (max-width:767px){
  .cantantBase1 { display: none !important;}
}

/*全BOX版面*/
.WRAPPER { overflow: hidden; background: #000000;}
.WRAPPER a { text-decoration: none; -webkit-tap-highlight-color: transparent;}
.bg { pointer-events: none;} 
img { flex-shrink: 0; color: transparent;} 
.Area_logo { display: none !important;}
.Area_top .lazy { opacity: 0 !important;} 
.Area_top .lazy[data-was-processed="true"]{ opacity: 1 !important;} 
.Area_acty .lazy { opacity: 0 !important;} 
.Area_acty .lazy[data-was-processed="true"]{ opacity: 1 !important;} 
.Area_bgtop.lazy { opacity: 0 !important;} 
.Area_bgtop.lazy[data-was-processed="true"]{ opacity: 1 !important; transition: opacity 0.3s; transition-timing-function: ease-out;} 


/*PC背景*/
@media screen and (min-width:768px){	
  .Area_bgtop_1 { height: 100%; overflow: hidden;}
  .Area_bgtop_1 .bgtop_ span { height: 100%; }  
  .Area_bgtop_1 .bgtop_1_0 span {  position: fixed;background-image: url(bg_01.jpg?t=1751273445976); background-position: top center; background-repeat: no-repeat;}   

  .Area_bgtop_3 { height: 100%; overflow: hidden;}
  .Area_bgtop_3 .bgtop_ span { height: 100%; }            
  .Area_bgtop_fixed { position: fixed;}
 }

/*Phone背景*/
@media screen and (max-width:767px){
  .m_Area_bgtop .m_bgtop_ {position: fixed !important;top:0vw;}
  .m_Area_bgtop_1 .m_bgtop_ span { position: absolute; display: block; width: 100%;}     
  .m_Area_bgtop_1 .m_bgtop_1_0 span {background-image: url(m_bg_01.jpg?t=1751273445976); background-repeat: no-repeat; background-position: top center; height: 100%;} 
  .m_Area_bgtop_1 .m_bgtop_2_0 span { background-image: url(m_bg_02.png?t=1751273445976); background-repeat: no-repeat; background-position: top center; height: 100%;} 
  /*背景fixed擋到logo修正*/
  .Area_header_momologo {  z-index: 1;}
}

/*LOGO*/
.Area_top .momo_logo { z-index: 10; position: absolute; top: 22px; left: -173px; width: 50px;} 
.momo_logo a { display: block; width: 140px; height: 21px;}
.momo_logo a svg { width: 140px; height:21px;}
.momo_logo a path { fill: #EA27C2;}
.momo_logo-pink  a path { fill:#EA27C2;}/*LOGO 桃紅色*/
.momo_logo-white a path { fill:#ffffff;}/*LOGO 白色*/
	@media screen and (max-width:767px){
		.momo_logo { display: none;}
 }

/*版頭*/
.Area_top .box_title { z-index: 0;}
.Area_top .sub_box { position: relative; z-index: 2;}
.sub_bg { position: absolute; z-index: 1;}
.subtitle { overflow: hidden; position: absolute; z-index: 5;}
.subtitle .PD_into { padding: 0;}
.subtitle .PD_layout ul { background-color: transparent; margin: 0; padding: 0;}
.subtitle .PD_layout ul li { border:none;}
.subtitle ul { grid-gap: 0;}
.subtitle ul li { list-style: none;}
.subtitle ul li h5 { margin: 0; font: bolder 47px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; color: #fff;}
.subtitle .PD_layout .PD_slide:hover { box-shadow: none;}
.acty_bg {position: absolute;z-index: 9;}
@media screen  and (min-width:768px){
  .Area_top { height: 230px;}
  .Area_top .box { position: absolute;}
  .box_title { position: relative;}
  .Area_top .box_title img { width:880px;}
  .sub_box { width: 960px; height: 400px; top: -105px; margin: 0;}
  .subtitle { width: 960px; top: 222px; left: 0px;}
}
@media screen and (max-width:767px){
  .Area_top { height: 37vw;}
  .box_title { position: absolute;}
  .subtitle { width: 70vw; height: 10vw; top: 15vw; left: 14.8vw;}	 	  
  .Area_top .subtitle ul { grid-gap: 0; padding: 0;}
  .Area_top .subtitle ul li h5 { font: bolder 5.3vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: 0em; color: #fff;}
}

/*漫畫*/
@media screen and (min-width:767px){
.Area_comic .PD_layout.BN ul {width:90%;}
.Bbox {position:relative;top:0;background-image: url(comic_bg_02.png?t=1751273445976); background-repeat: repeat-y; background-position:top center; background-size:100%;padding:0 0 0 0;}
.Area_comic .PD_layout.share {position: absolute;}
.Area_comic .PD_layout.share ul {width:100%;padding:35px 0px 0px 252px;}
}
@media screen and (max-width:767px){
.Area_comic {padding:0 0 0 0;}
.comic_bg_01 {height:auto;}
.Bbox {position:relative;top:0;background-image: url(comic_bg_02.png?t=1751273445976); background-repeat: repeat-y; background-position:top center; background-size:100%;padding:0 0 0 0;}
.Area_comic .PD_layout.BN {padding: 0 0 0 0 ;}
.Area_comic .PD_layout.BN ul {width:86%;}
.Area_comic .PD_layout.share {position: absolute;}
.Area_comic .PD_layout.share ul {width:55%;padding:3.3vw 0px 0vw 12vw;}
}
@media screen and (max-width:360px){
.Area_comic .PD_layout.share ul {width:50%;padding:3.6vw 0px 0vw 10vw;}
}
/*注意事項區*/
.edm_notice { text-align: center; padding: 10px 10px 15px 10px; color:#e6e6e6; font: 12px/18px Helvetica;}
.edm_notice .apple_notice { padding: 10px 0 10px 0;}
@media screen and (max-width:767px){
  .edm_notice { padding-bottom: 100px;}
}