/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 16 2023 | 09:55:26 */
/************************************************************************************
smaller than 1440  橫式landscape laptop
*************************************************************************************/
@media screen and (max-width: 1440px) and (orientation: landscape){
/*通用*/

/*通用end*/	

	
/* section1 */

/* section2 */

/* section3 */
.section3 .article {
    width: 90%;
}
/* section4 */

/* section5 */
.sectionmenu .article {
    max-width: 1400px;
	  padding: 0 5%;
}
.sectionmenu .discovermore .img {
    height: 150px;
	}
/* section6 */

/* section7 */

/* section8 */

/* section9 */

/* section10 */

/* section11 */

/* section1 banner */


	
}
/************************************************************************************
smaller than w1366 h1024px 橫式landscape ipad pro
*************************************************************************************/
@media only screen and (device-width : 1366px) and (device-height : 1024px) and (orientation: landscape){
	
/* section1 */	
.section1home, .section1corporate, .section1education, .section1largevenue, .section1experiential {
	  opacity: 0.8;
 }	
	
/* section2 */	
.section2 .corporatecontent01 {
		min-height: 750px;
}			
.section2 .corporatecontent03 {
    padding: 80% 8% 8% 8%;
		min-height: 550px;
}	
.section2 .educationcontent03 {
    padding: 70% 8% 8% 8%;
		min-height: 550px;
}		
/* section3 */

/* section4 */

/* section5 */

/* section6 */

/* section7 */

/* section11 */

	
/* spec */

	
	
}

/************************************************************************************
smaller than 1200  橫式landscape
*************************************************************************************/
@media screen and (max-device-width : 1200px) and (orientation: landscape) {
	
/* section1 */
.section1home, .section1corporate, .section1education, .section1largevenue, .section1experiential {
	  opacity: 0.8;
 }	
	
/* section2 */
.section2 .homecontent02 {
		min-height: 550px;
}	
.section2 .homecontent03 {
    padding: 80% 8% 8% 8%;
		min-height: 550px;
}
.section2 .corporatecontent01 {
		min-height: 550px;
}		
.section2 .corporatecontent02 {
		min-height: 500px;
}	
.section2 .corporatecontent03 {
    padding: 80% 8% 8% 8%;
		min-height: 550px;
		background-position: 50% 100%;
}	
.section2 .educationcontent02 {
		min-height: 550px;
}	
.section2 .educationcontent03 {
    padding: 70% 8% 8% 8%;
    min-height: 500px;
    background-position: 50% 20%;
}		
.section2 .largevenuecontent01 {
		background-position: 30% 50%;
}			
.section2 .largevenuecontent02 {
		min-height: 600px;
}		
.section2 .largevenuecontent03 {
    min-height: 500px;
    background-position: 50% 80%;
}		
.section2 .experientialcontent02 {
		min-height: 550px;
}		
.section2 .experientialcontent03 {
    min-height: 550px;
}		
/* section3 */	
.section3 .contentA .article, .section3 .contentB .article {
    padding: 2% 0;
}
/* section4 */

/* section5 */
.section5 .discovermore .img {
    height: 70%;
	}
.sectionmenu .discovermore .img {
		height: 70%;
    min-height: 122px;
	}	
/* section6 */

/* section7 */

/* section8 */

/* section9 */

/* section10 */

/* section11 */

/* section12 */
	
/* spec */

}
/************************************************************************************
smaller than w1112  直式portrait 
*************************************************************************************/
@media screen and (max-device-width : 1112px) and (orientation: portrait) {	

/* banner swiper */
.banner.swiper-container {
	height: 50vh;
}
.wcover{
	height: 50vh;
}
.banner .swiper-slide .title {
	top: 15vh;
	padding: 0 12vw;
}	
/* section1 */
.section1bg .article {
    top: 15vh;
    padding: 0 12vw;
}		
.section1home, .section1corporate, .section1education, .section1largevenue, .section1experiential {
	  opacity: 0.8;
 }	
.section1largevenue {
	  background-position: 70% 50%;
 }	
.section1experiential {
	  background-position: 70% 50%;
 }		
/* section2 */
.section2 .homecontent03 {
    min-height: 500px;
	}
.section2 .corporatecontent01 {
    min-height: 700px;
    padding: 110% 8% 8% 8%;
	}	
.section2 .corporatecontent02 {
    min-height: 550px;
		background-position: 50% 100%;
	}
.section2 .corporatecontent03 {
    min-height: 450px;
	  background-position: 50% 80%;
	}	
.section2 .educationcontent02 {
    min-height: 550px;
	}
.section2 .educationcontent03 {
    min-height: 450px;
	  background-position: 50% 60%;
	}	
.section2 .largevenuecontent01 {
		background-position: 30% 50%;
}				
.section2 .largevenuecontent02 {
    min-height: 550px;
	}	
.section2 .largevenuecontent03 {
    min-height: 450px;
	  background-position: 50% 60%;
	}		
.section2 .experientialcontent01 {
		background-position: 30% 50%;
}				
.section2 .experientialcontent02 {
    min-height: 500px;
	}	
.section2 .experientialcontent03 {
    min-height: 450px;
	  background-position: 50% 60%;
	}			
/* section3 */
.section3 .contentA .article, .section3 .contentB .article {
    padding: 2% 0;
}
/* section4 */


/* section5 */
.sectionmenu .article{
    max-width: 1400px;
	  padding: 0 5%;
}
.section5 .discovermore .img, .sectionmenu .discovermore .img {
    height: 100%;
    min-height: 300px;
	}
.sectionmenu .flex-item-5 {
    flex: 1 1 50%;
}
/* section6 */

/* section7 */

/* section8 */

/* section9 */

/* section10 */

/* section11 */

/* section12 */
	
/* spec */




}
/************************************************************************************
smaller than 920 直式portrait mobile
*************************************************************************************/
@media screen and (max-width: 920px) {

/* disable animateme */

/* section1 */
.section1home, .section1corporate, .section1education, .section1largevenue, .section1experiential {
	  opacity: 0.8;
 }		
.section1corporate {
    background-position: 55% 50%;
	}
.section1experiential {
    background-position: 40% 50%;
}	
/* section2 */
.section2 .homecontent01 {
    margin: 0;
	}
.section2 .homecontent02 {
    min-height: 650px;	
	}
.section2 .corporatecontent01 {
    margin: 0 0 8% 0;
		padding: 90% 8% 8% 8%;
		min-height: 600px;
	}	
.section2 .corporatecontent02 {
    min-height: 700px;	
	}	
.section2 .educationcontent01 {
    margin: 0 0 8% 0;
	  background-position: 50% 50%;
	}		
.section2 .educationcontent02 {
    min-height: 700px;	
	}		
.section2 .educationcontent03 {
    min-height: 600px;	
		background-position: 50% 0%;
	}		
.section2 .largevenuecontent01 {
    margin: 0 0 8% 0;
	}		
.section2 .largevenuecontent02 {
    min-height: 700px;	
	}		
.section2 .largevenuecontent03 {
    min-height: 600px;	
		background-position: 50% 80%;
	}		
.section2 .experientialcontent01 {
    margin: 0 0 8% 0;
	}		
.section2 .experientialcontent02 {
    min-height: 700px;	
	}		
.section2 .experientialcontent03 {
    min-height: 650px;	
	}			
/* section3 */
.section3 .title {
    padding: 15% 0 2% 0;
}
/* section4 */
.section4 .imgarea.space1, .section4 .imgarea.space2 {
    width: 80%;
}
/* section5 */
.section5 .discovermore .flex-item-4, .sectionmenu .discovermore .flex-item-4 {
    flex: 1 1 50%;
}	
.section5 .discovermore .img {
    min-height: 180px;
}
.sectionmenu .discovermore .img {
    min-height: 230px;
}	
/* section6 */

	
/* section7 */

/* section8 */

/* section9 */

/* section10 */

/* section11 */

/* section12 */
	
/* spec */
}
/************************************************************************************
smaller than 768 直視portrait
*************************************************************************************/
@media screen and (max-width: 768px)  and (orientation: portrait){
/* banner swiper */
.banner .swiper-slide .title {
    top: 15vh;
    padding: 0 10vw;
}
/* section1 */
.section1home {
    background-position: 45% 50%;
}
.section1largevenue {
    background-position: 65% 50%;
}	
.section1bg .article {
    top: 18vh;
    padding: 0 10vw;
}	
/* section2 */
.section2 .article {
    padding: 0;
}

/* section3 */


/* section4 */

/* section5 */

/* section6 */

/* section7 */

/* section8 */

/* section11 */




}
/************************************************************************************
smaller than 540 直式portrait
*************************************************************************************/
@media screen and (max-width: 540px)  and (orientation: portrait){

/* banner swiper */
.banner.swiper-container {
	height: 30vh;
}
.wcover{
	height: 30vh;
}
.banner .swiper-slide .title {
	top: 10vh;
	padding: 0;
	text-shadow: 0px 0px 100px #000;

}	
.banner .swiper-slide {
    padding: 40px 30px;
}	
/* section1 */
.section1corporate {
    background-position: 65% 50%;
}
.section1education {
    background-position: 54% 50%;
}	
.section1experiential {
    background-position: 22% 50%;
}	
/* section2 */
.section2 .homecontent01 {
    min-height: 500px;	
	}
.section2 .homecontent02 {
    min-height: 500px;
}	
.section2 .homecontent03 {
    min-height: 500px;
    padding: 90% 8% 8% 8%;
}	
.section2 .corporatecontent01 {
    padding: 100% 8% 8% 8%;
    min-height: 500px;
}
.section2 .corporatecontent02 {
    min-height: 450px;
}	
.section2 .corporatecontent03 {
    min-height: 500px;
    padding: 100% 8% 8% 8%;
}	
.section2 .educationcontent01 {
    min-height: 500px;
    background-size: 100%;
    background-position: 50% 100%;
}
.section2 .educationcontent02 {
    min-height: 500px;
}	
.section2 .educationcontent03 {
    min-height: 500px;
    padding: 90% 8% 8% 8%;
}		
.section2 .largevenuecontent01 {
    min-height: 500px;
    background-size: 100%;
    background-position: 50% 100%;
}
.section2 .largevenuecontent02 {
    min-height: 500px;
}	
.section2 .largevenuecontent03 {
    min-height: 500px;
    padding: 100% 8% 8% 8%;
}		
.section2 .experientialcontent01 {
    min-height: 500px;
    background-size: 100%;
    background-position: 50% 100%;
}
.section2 .experientialcontent02 {
    min-height: 450px;
}	
.section2 .experientialcontent03 {
    min-height: 500px;
}			
/* section3 */
.section3 .title {
    padding: 30% 0 2% 0;
}
.section3 .flex-item-3 {
    flex: 1 1 100%;
}	
.section3 .contentD {
    width: 100%;
}	
.section3 .contentC .icon img, .section3 .contentD .icon img{ 
    padding: 0 38%;
}	
/* section4 */
.section4 .imgarea.space2 {
    width: 100%;
}
/* section5 */
.section5 .discovermore .img {
    min-height: 120px;
}
.sectionmenu .flex-item-5 {
    flex: 1 1 100%;
}
/* section6 */

/* section7 */

/* section8 */

/* section9 */
	
/* section10 */

/* section11 */

/* section12 */

	
}