@charset "utf-8";
header {
    background-color: #000000;
    z-index: 3;
    max-height: none;
}


#navbarNav li {
    font-size: 1.1em;
    margin-left: 1em;
    margin-right: 1vw;
}
a   {
    color: #FFFFFF;
}
a:hover {
    color: #FF0004;
}
.w-20 {
    width: 20%;
}
.w-15 {
    width: 15%;
}
.site-header {
    position: fixed;
}
section {
    position: relative;
    background-color: #000000;

}
#ex_fire_main {
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    max-height: 980px;
    padding-top: 40px;


}
#ex_fire_main .campaign_01 {
    z-index: 5;
    position: absolute;
    bottom: 6.5em;
    left: 2em;
    width: auto;
}

@keyframes fluffy1 {
  0% { transform:translateY(0) }
  5% { transform:translateY(-15px) }
  10% { transform:translateY(0) }
  20% { transform:translateY(-10px) }
  25% { transform:translateY(0) }
  30% { transform:translateY(-5px) }
  50% { transform:translateY(0) }
  100% { transform:translateY(0) }
}

#ex_fire_main .campaign_01 img {
    width: 85%;
}

.fluffy:hover {
	animation: fluffy1 2s ease infinite;
}



#ex_fire_intro   {
    max-height: 980px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;





}
#ex_fire_intro .intro_main {
    position: absolute;
    top: 5em;
    text-align: center;
}
#ex_fire_intro .intro_main img {
    max-width: 65%;
    margin-bottom: 1em;
    margin-left: auto;
    margin-right: auto;
}
#ex_fire_intro .intro_containt {
    width: 90%;
    margin-top: 1em;
    max-width: none;
    float: none;
    margin-left: auto;
    margin-right: auto;

}
#ex_fire_intro .intro_containt .text_block {
    padding-left: 3em;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1em;
    text-align: left;
}
#ex_fire_intro .intro_containt p {
    text-indent: -2em;
}
#ex_fire_intro .intro_containt_tx_1 {
    font-size: 1.4em;
    line-height: 1em;
    float: left;
    width: 60%;
    text-align: left;
    padding-right: 5em;
}
#ex_fire_intro .intro_containt_tx_2 {
    font-size: 1.4em;
    line-height: 1em;
    float: left;
    width: 40%;
    text-align: left;
}




#ex_fire_intro .openrec_ch {
    font-size: 1.5em;
    margin-top: 0.3em;
    clear: both;
}

#ex_fire_intro .ticket   {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;






}
#ex_fire_intro .ticket img {
    width: 12em;
    margin-top: 0.7em;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    margin-bottom: 0px;
}

.clear_both {
    clear: right;
}




#ex_fire_cast {
    max-height: 980px;

}
#ex_fire_cast .containt_box  {
    position: absolute;
    z-index: 2;
    top: 0%;
    margin-top: 9%;
    max-width: 90%;
    margin-left: 5%;
    margin-right: 5%;
}
#ex_fire_cast .containt-l {
    z-index: 2;
    float: left;
    width: 38%;
    max-width: none;
}
#ex_fire_cast .containt-c {
    z-index: 2;
    float: left;
    width: 24%;
}
#ex_fire_cast .containt-r {
    z-index: 2;
    float: right;
    width: 38%;
}
#ex_fire_cast .title1    {
    max-width: 27%;







}
#ex_fire_cast .title2    {
    max-width: 41%;







}
#ex_fire_cast .title3    {
    max-width: 54%;
    margin-left: 20%;
    margin-right: 20%;







}
#ex_fire_cast .banner     {
    max-width: 13vw;
    margin-bottom: 0.75em;
    margin-left: 0.25em;
    margin-right: 0.25em;
    -webkit-box-shadow: 0em 0em 0.75em 0.2em #999;
    -moz-box-shadow: 0 0 5px 0 #999;
    box-shadow: 0em 0em 0.75em 0.2em #999;





}
#ex_fire_cast .banner_lo_1 {
    margin-left: 2.5em;
    margin-right: 2.5em;
}
#ex_fire_cast .banner_lo_2 {
    margin-left: 0px;
    margin-top: 2em;
    max-width: 13vw;
}



.margin_l_5per {
    margin-left: 5%;
}
#ex_fire_cast .banner:hover   , #ex_fire_cast .banner_lo_2:hover{
    opacity: 0.8;
}





#ex_fire_movie_photo {
    max-height: 980px;

}
#ex_fire_movie_photo .containt_box  {
    position: absolute;
    z-index: 2;
    top: 0%;
    margin-left: 5%;
    margin-right: 5%;
    width: 90%;
    margin-top: 12%;
}
#ex_fire_movie_photo .containt {
    z-index: 2;
    width: 100%;
    max-width: none;
    margin-top: 0px;
}
#ex_fire_movie_photo .banner     {
    margin-bottom: 0.75em;
    margin-left: 0.25em;
    margin-right: 2em;
    -webkit-box-shadow: 0em 0em 0.75em 0.2em #999;
    -moz-box-shadow: 0 0 5px 0 #999;
    box-shadow: 0em 0em 0.75em 0.2em #999;
    max-height: 200px;
    width: auto;





}
.youtube iframe {
    margin-right: 2em;
    max-height: 250px;
    margin-top: 2em;
    max-width: 50%;

}

#ex_fire_movie_photo .banner:hover     {
    opacity: 0.8;
}


#ex_fire_staff   {
    max-height: 980px;

}

.go_top {
    position: absolute;
    bottom: 4%;





}
.go_top img {
    max-width: 10%;



}

@media screen and (max-width:1599.98px){
#ex_fire_main .campaign_01 {
    z-index: 5;
    position: absolute;
    bottom: 5.5em;
    width: auto;
    padding-top: 0px;
    padding-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}
#ex_fire_main .campaign_01 img {
    width: 70%;
    margin-top: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    margin-left: 0px;
}
#ex_fire_intro {

}
#ex_fire_intro .intro_main {
    top: 4em;
    position: absolute;


}
#ex_fire_intro .intro_main img {
    max-width: 60%;
    margin-bottom: 0.5em;

}
#ex_fire_intro .intro_containt {



}
#ex_fire_intro .intro_containt .text_block {
    margin-top: 0.5em;


}
#ex_fire_intro .intro_containt p {


}



#ex_fire_intro .intro_containt_tx_1 {
    font-size: 0.9em;

}
#ex_fire_intro .intro_containt_tx_2 {
    font-size: 0.9em;

}

#ex_fire_intro .openrec_ch {
    font-size: 1.2em;
    float: none;
}
#ex_fire_intro .ticket {
    margin-left: auto;
    margin-right: auto;
    float: left;





}
#ex_fire_intro .ticket img {
    margin-top: 0.5em;

}
#ex_fire_cast .title1 {
    margin-left: 1.6em;
    margin-right: 1.6em;
}
#ex_fire_cast .banner {
    margin-bottom: 0.25em;
}
#ex_fire_cast .banner_lo_2 {
    margin-top: 1.1em;
    margin-left: 0em;
    margin-right: 0em;
}
#ex_fire_movie_photo .banner {
    max-height: 150px;
}
.youtube iframe {
    max-height: 180px;
    max-width: 30%;
}
























}

@media screen and (max-width:1199.98px){
#ex_fire_main {
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    max-height: 100%;
    padding-top: 40px;
    width: 100%;
    height: auto;


}
#ex_fire_main .campaign_01 {
    z-index: 5;
    position: absolute;
    bottom: 4.5em;
    width: auto;
    padding-top: 0px;
    margin-top: 0em;
    margin-left: 0em;
    margin-right: 0em;
    margin-bottom: 0em;
    padding-left: 0px;
    left: 0.5em;
}
#ex_fire_main .campaign_01 img {
    width: 80%;
    margin-top: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    margin-left: 0.5em;
}
#ex_fire_intro {


}
#ex_fire_intro .intro_main img {
    max-width: 80%;
    margin-bottom: 4em;
}
#ex_fire_intro .intro_containt {
    text-align: center;
}
#ex_fire_intro .intro_containt_tx_1 {
    float: none;
    width: 80%;
    font-size: medium;
    clear: none;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}
#ex_fire_intro .intro_containt_tx_2 {
    float: none;
    width: 80%;
    font-size: medium;
    clear: none;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-top: 3em;
}
#ex_fire_intro .intro_containt .text_block {
    width: 80%;
    padding-left: 0px;
    margin-top: 2em;

}
#ex_fire_intro .intro_containt p {
}
#ex_fire_intro .openrec_ch {
    margin-top: 4em;
}
#ex_fire_movie_photo .banner {
    max-height: 100px;
}
.youtube iframe {
    max-height: 140px;

}


























}

@media screen and (max-width:991.98px){
section {

}
#ex_fire_main .campaign_01 {
    z-index: 5;
    position: absolute;
    bottom: 4em;
    width: auto;
    padding-top: 0px;
    margin-top: 0em;
    margin-left: 0em;
    margin-right: 0em;
    margin-bottom: 0em;
    padding-left: 0px;
    left: 0.5em;
}
#ex_fire_main .campaign_01 img {
    width: 70%;
    margin-top: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    margin-left: 0.5em;
}
#ex_fire_intro {
    position: static;
    height: none;
    background-image: url(../img/intro_bg3.png);
    min-height: none;
    max-height: none;
    overflow-x: visible;
    overflow-y: visible;
    float: none;
    clear: none;
}
#ex_fire_intro .bg_img {
    width: 0%;

}
#ex_fire_intro .intro_main {
    height: auto;
    min-height: auto;
    max-height: auto;
    overflow-x: visible;
    overflow-y: visible;
    position: static;
    top: auto;
}
#ex_fire_intro .intro_main img {
    position: static;
    top: auto;
    margin-top: 3em;
    max-width: 60%;
}
#ex_fire_intro .intro_containt {
    position: static;
}
#ex_fire_intro .intro_containt_tx_1 {
}
#ex_fire_intro .intro_containt_tx_2 {
}
#ex_fire_intro .openrec_ch {
    position: static;
    float: none;
    clear: none;
}
#ex_fire_intro .ticket {
    position: static;
    float: none;
    clear: none;
}
#ex_fire_cast {
    background-color: #FFFFFF;
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 0px;
    margin-right: 0px;
    background-image: url(../img/cast_bg3.png);
    min-height: none;
    max-height: none;
    top: auto;
    background-size: 100% auto;
    margin-top: 0px;
    padding-top: 0px;
    padding-bottom: 0%;
    margin-bottom: 0px;
    position: static;
    height: none;
    background-repeat: no-repeat;
}

#ex_fire_cast .containt_box {
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 0px;
    margin-right: 0px;
    max-width: 100%;
    padding-top: 10%;
    position: static;
    top: 0%;
    max-height: auto;
    margin-top: 0px;
}
#ex_fire_cast .containt-l  , #ex_fire_cast .containt-c ,#ex_fire_cast .containt-r{
    z-index: 2;
    float: none;
    margin-bottom: 2em;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 0em;
    padding-top: 0px;
    position: static;
}
#ex_fire_cast .title1  , #ex_fire_cast .title2  {
    margin-left: 20%;
    margin-right: 20%;
    clear: left;
    width: 35%;
    margin-bottom: 2em;
    margin-top: 2em;
}
#ex_fire_cast .title3      {
    margin-left: 20%;
    margin-right: 20%;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    overflow-x: hidden;
    margin-top: 2em;
    margin-bottom: 2em;
    float: none;
    width: 50%;
}
#ex_fire_cast .banner ,#ex_fire_cast .banner_lo_2{
    margin-bottom: 1em;
    max-width: 50%;
    margin-left: 0px;
    margin-right: 0px;
}

#ex_fire_movie_photo {
    height: none;
    min-height: none;
    max-height: none;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0em;
    padding-right: 0em;
    padding-bottom: 0em;
    padding-left: 0em;
    position: static;
    background-image: url(../img/movie_photo_bg3.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
}
#ex_fire_movie_photo .bg_img {
    width: 0px;
}
#ex_fire_movie_photo  .containt_box {
    position: static;
    margin-top: 8em;
    padding-top: 0px;
    max-height: auto;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0px;
    padding-right: 0px;
    top: 0%;
    width: 100%;
}
#ex_fire_movie_photo .banner {
    width: 60%;
    height: auto;
    min-height: none;
    max-height: none;

}
.youtube iframe {
    height: none;
    min-height: none;
    max-height: none;
    width: 60%;
    max-width: none;
}
#ex_fire_staff .bg_img {
    width: 0%;

}
#ex_fire_staff {
    background-color: #000000;
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 0px;
    margin-right: 0px;
    min-height: none;
    max-height: none;
    top: auto;
    background-size: 100% auto;
    margin-top: 0px;
    padding-top: 0px;
    padding-bottom: 0%;
    margin-bottom: 0px;
    position: static;
    height: none;
    background-repeat: no-repeat;
}



































}

@media screen and (max-width:767.98px){

#ex_fire_cast .banner_lo_2 {
    margin-top: 0em;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1em;
    max-width: 50%;
    clear: both;
}
#ex_fire_main .campaign_01 {
    z-index: 5;
    position: absolute;
    bottom: 3em;
    width: auto;
    padding-top: 0px;
    margin-top: 0em;
    margin-left: 0em;
    margin-right: 0em;
    margin-bottom: 0em;
    padding-left: 0px;
    left: 0.5em;
}
#ex_fire_main .campaign_01 img {
    width: 55%;
    margin-top: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    margin-left: 0px;
}
#ex_fire_intro .intro_main {
    font-size: 1em;
    text-align: center;
    margin-top: 5em;
    margin-right: 0px;
    margin-bottom: 0em;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    width: 100%;
}
#ex_fire_intro .intro_main img {
    max-width: 85%;
    margin-bottom: 3em;
}
#ex_fire_intro .intro_containt {
    width: 100%;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    min-width: 100%;
    max-width: 100%;
    text-align: center;
    float: none;
    clear: none;
}
#ex_fire_intro .intro_containt_tx_1 {
    width: 90%;
    min-width: 90%;
    max-width: 90%;
    float: none;
    margin-left: auto;
    margin-right: auto;
}
#ex_fire_intro .intro_containt_tx_2 {
    width: 90%;
    min-width: 90%;
    max-width: 90%;
    float: none;
    margin-left: auto;
    margin-right: auto;
    clear: none;
}

#ex_fire_intro .ticket {
    margin-top: auto;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: auto;
    padding-top: 0px;
    width: 100%;






}
#ex_fire_intro .ticket img {
    width: 30%;
    margin-top: 1.2em;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    margin-bottom: 3em;
}
#ex_fire_cast .banner {
    max-width: 60%;
}
#ex_fire_cast .banner_lo_2 {
    max-width: 60%;
}
#ex_fire_cast .title1   {
    width: 45%;
}
#ex_fire_cast .title1, #ex_fire_cast .title2 {
    width: 45%;
}
#ex_fire_cast .title3 {
    width: 55%;
}






















}

@media screen and (max-width:575.98px){
nav .navbar-brand img  {


}
#ex_fire_main .campaign_01 {
    z-index: 5;
    position: absolute;
    bottom: 1.5em;
    width: auto;
    padding-top: 0px;
    margin-top: 0em;
    margin-left: 0em;
    margin-right: 0em;
    margin-bottom: 0em;
    padding-left: 0px;
    left: 0.5em;
}
#ex_fire_main .campaign_01 img {
    width: 30%;
    margin-top: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    margin-left: 0px;
}
#ex_fire_intro .intro_main img {
    max-width: 95%;
}
#ex_fire_cast .banner {
    max-width: 80%;
}
#ex_fire_cast .banner_lo_2 {
    max-width: 80%;
}
#ex_fire_movie_photo .banner ,.youtube iframe{
    width: 80%;
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 0px;
    margin-right: 0px;
}












}