@charset "utf-8";

/*PC尺吋*/

@media (max-width: 1200px) {
    .mainKV .mainTitle h2{font-size:220%;}
    .eventList li a h4{width:60%;}
   
}


/*平板尺吋*/
@media (max-width:992px) {
     .kv .swiper-slide aside{padding-bottom:35%;height:auto;background-size: cover;}
     .left-content{padding-right: 30px;width: 180px;}

     .mainKV .mainTitle{font-size:15px;padding-left:1em;right:auto;left:0;}
     .mainKV .mainTitle h2{font-size:280%;margin-bottom:.2em;}

     .mainHead{font-size:24px;}
     .eventDetail dt{width:6em;}

     .eventList{flex-wrap: wrap;height:350px;}
     .eventList li{flex: 0 0 50%;}
}


/*手機尺吋*/	
@media (max-width: 767px) {
    

    /*layout*/    
    body{padding-top:63px;}
    .wrapper{padding-top:20px;padding-bottom:20px;}

     .mainWp .container{display:block;}
     .main-content{display:block;}
     .main-content p br{display:none;}
     .left-content{display:block;padding-right:0;width:100%;}
    
    .subNav {margin-bottom:30px;}
    .subNav li{width: 1%;display: table-cell; text-align: center;background: #f7f7f7;}
    .subNav li a{display:block;padding: .8em 0;white-space:nowrap;font-size:13px;}

     .mainHead {font-size:20px;}
    

    /*kv*/
     .mainKV{height:130px;margin-bottom:80px;}
     .mainKV aside{width:100%;}
     .mainKV .mainTitle{width:100%;text-align:center;top:130px;transform:translateY(-15px);}
     
     .aboutKV aside{background-position:60% center}
     .concertKV aside{background-position:left center}
     .dramaKV aside{background-position:60% center}
     .possiveKV aside{background-position: 25% center;}
     .transformationKV aside{background-position: left center ;}
    
    /*index*/
     .indexEvents{margin-bottom:-20px}
     .eventList{flex-wrap: wrap; flex-direction: column;height:500px;}
     .eventList li{flex: 1;}

     .newsList li{width:100%}
     .newsCategory li a{font-size:15px;padding:0 .2em}

    /*about*/
     .save-app aside{text-align:center;margin-bottom:30px;}
     .save-app aside img{max-width:250px;}
     .save-app article{padding:0;}
     .save-app .app-dw{text-align:center;}
     .app-dw a{display:inline-block;}

     .savevideoList li{width:100%;}

/*     .savewayList{ -webkit-column-count:1; column-count: 1;}    */

     .prizeList dt{width:12em}


    /*其他內頁*/
      
     .buildList{ -webkit-column-count:1; column-count: 1;}     



}


/*IPHONE X*/    
@media only screen and (device-width:375px) and (-webkit-device-pixel-ratio: 3) {


}


/*IPHONE SE*/    
@media (max-width: 360px) {

}