@charset "UTF-8";
/* CSS Document */

#content_pc {position: relative;height: 100%; min-width: 1200px; overflow-x: auto;}
#content_m {position: relative;}

/***==主頁面ＣＳＳ==***/
#wrap{ height: 100%; overflow: hidden;}
nav.menu{ background:url(../images/gaslisa/menuBg.png) left bottom repeat-y; width:165px; height: calc(100% - 53px); overflow: visible; position: fixed; z-index:5;}
nav.menu ul{ position: absolute; width: 165px;bottom: 75px;}
nav.menu ul li{  width: 122px;  margin-left:21.5px; }
nav.menu ul li a{ display: block; font-size: 18px; line-height: 24px; font-weight: 500; text-align:center; color:#ecebd9; padding: 18% 0; border-bottom:1px solid #ecebd9;}
nav.menu ul li a:hover, nav.menu ul li a.here{ color: #fcc912; text-decoration:none;}
nav.menu ul li:first-child{ text-align:left; line-height: 0;}
nav.menu ul li:nth-child(2) a{ border-top:1px solid #ecebd9;}
nav.menu ul li:nth-child(7) a{ border-top:1px solid #908f8e; margin-top: 5px;}
nav.menu ul li:nth-child(7) a,nav.menu ul li:nth-child(8) a,nav.menu ul li:nth-child(9) a{ font-size: 14px; padding: 7% 0; border-color:#908f8e;}
.hamburgler-menu,#hamburgler{ display: none;}


.main{ width: calc(100% - 155px); height: calc( 100% - 75px); float: right; z-index:1; background-size:cover; background-position: center center; position: relative;}
.section{ background-size:cover; background-position: center center;}
.idx{ background-image:url(../images/gaslisa/bg_idx.jpg); background-size:cover; background-repeat:no-repeat; background-position:center bottom;}
.idx2{ background-image:url(../images/gaslisa/bg_idx2.jpg); background-size:cover; background-repeat:no-repeat; background-position:center bottom; padding-top: 3%;}
.movie{ background-image:url(../images/gaslisa/bg_movie.jpg);}
.maca1{ background-image:url(../images/gaslisa/bg_mission.jpg);}
.maca2{ background-image:url(../images/gaslisa/bg_fb.jpg);}
.maca3{ background-image:url(../images/gaslisa/bg_gift.jpg);}
.note{ background-image:url(../images/gaslisa/bg_note.jpg);}
.what199{ background-image:url(../images/gaslisa/bg_what199.jpg);}
.helper{ background-image:url(../images/gaslisa/bg_helper.jpg);}

.copy_1{ position: absolute; right: 30px; bottom:70px;}
.copy_2{ position: absolute; right: 30px; top:38%;}
.copy_3{ position: absolute; right: 30px; bottom:135px;}
.copy_4{ position: absolute; right: 30px; top:37%;}

.leftBox{ width: 56%; padding: 0 5%;}
.downBox{ width: 100%; height:50%; position:absolute; bottom:0; text-align: center; }
.downBox1{ width: 100%; height:55%; position:absolute; bottom:0; text-align: left; }


/*首頁*/
a.btn_paris{ display:block; position: absolute; right: 35px; bottom: 150px; width: 270px; height: 227px; background:url(../images/gaslisa/btn_paris.png) no-repeat top center;}
h1.idxTitle{ display: block; width:645px; height: 685px; position: absolute; background:url(../images/gaslisa/idx_titleBg.png) no-repeat top center; top:11%; left: 7%; background-size:100%;}
h1.idxTitleM{ display:none;}
h1.idxTitle p{color:#FFF; font-size: 21px; text-align: center; line-height: 30px; position:relative; margin-top: 60%;}
h1.idxTitle p span{ color:#fee793;}
a.btn_a1{ display: block; background:url(../images/gaslisa/btn_idx_a1.png) no-repeat center center; background-size:85%; width: 238px; height: 238px; position: absolute; bottom: 0; left: 25%; z-index: 3}
a.btn_a2{ display: block; background:url(../images/gaslisa/btn_idx_a2.png) no-repeat center center; background-size:85%; width: 192px; height: 192px; position: absolute; bottom: 0; left: 51%; z-index:2;}
a.btn_a1:hover,a.btn_a2:hover{ background-size:95%;}
a.btn_down{ display:flex; width: 57px; height: 57px; border-radius: 50%; background-color:#0f386a; position: absolute; bottom: calc( 75px + 7%); left: 50%; margin-left: -28px; cursor:pointer; align-items: center; justify-content: center; }
a.btn_down i{}
a.btn_down.red{ background-color:#c70225;}
a.btn_down.green1{ background-color:#9dab29;}
a.btn_down.green2{ background-color:#11908c;}
a.btn_down.purple{ background-color:#693aa3;}
a.btn_down.magenta{background-color:#de105d;}
a.btn_down.orange{background-color:#fb4913;}

.bounce { animation: bounce 0.7s linear infinite;position: absolute; left:18px; bottom:28px;}
@keyframes bounce {
	0 {
    bottom: 28px;
  }
  50% {
    bottom: 18px;
  }
  100% {
    bottom: 28px;
  }
}
.idx2 h4{ color:#FFF; text-align: center; font-size: 30px; font-weight:500; text-shadow: rgb(50, 50, 50) 2px 3px 1px; margin-bottom: 2%;}
.idx2 h4 span{ color:#fcc912;}
.idx2_top{ width: 100%; text-align: center;}
a.btn_b1,a.btn_b2,a.btn_b3,a.btn_b4{ display: inline-block; background-color:#c70224; color: #ffffff; font-size:22px; padding: 15px 25px; font-weight: 400; letter-spacing: 1px; margin-top: 1%;}
a.btn_b1:hover,a.btn_b2:hover,a.btn_b3:hover,a.btn_b4:hover{ text-decoration: none;}
a.btn_b1 i,a.btn_b3 i,a.btn_b4 i{ background:url(../images/gaslisa/icn_btn_li.png) no-repeat left center; width: 30px; height: 20px; display:inline-block; position: relative; left: 10px; margin-bottom: -1px;}
a.btn_b1:hover{ background-color:#FFFFFF; color:#c70224;}
a.btn_b1:hover i{ background:url(../images/gaslisa/icn_btn_li-1.png) no-repeat left center;}
a.btn_b2{ background-color:#103b6d; color: #fcc912; margin-left: 10px;}
a.btn_b2 i{ background:url(../images/gaslisa/icn_btn_li2.png) no-repeat left center; width: 30px; height: 20px; display:inline-block; position: relative; left: 12px;}
a.btn_b2:hover{ background-color:#FFFFFF; color:#103b6d;}
a.btn_b2:hover i{ background:url(../images/gaslisa/icn_btn_li-5.png) no-repeat left center;}
a.btn_b3{ background-color:#e26d1f; float:none; text-align: center;}
a.btn_b3:hover{ background-color:#FFFFFF; color:#e26d1f;}
a.btn_b3:hover i{ background:url(../images/gaslisa/icn_btn_li-4.png) no-repeat left center;}
a.btn_b4{ background:url(../images/gaslisa/icn_fb-1.png) no-repeat 7px 7px #3a559f; float:none; text-align: left; text-indent: 1.6vw; float:right; font-weight: 400; margin-top: 2%;}
a.btn_b4:hover{ background:url(../images/gaslisa/icn_fb-2.png) no-repeat 7px 7px #FFFFFF; color:#3a559f;}
a.btn_b4:hover i{ background:url(../images/gaslisa/icn_btn_li3.png) no-repeat left center; }
a.btn_b5{ display: none;}

.btn_bottom{ margin: 2% auto; text-align: center;}
	.idx2_gift{ display: block;}
	.idx2_giftM{ display: none; }
.idx2_gift { display: block; margin: 0 auto;max-width: 1030px;width: 75%;}
.ani-lisa1{ position: absolute; top: 22%; left: 12%; z-index:1;}
.ani-lisa2{ position: absolute; top: 13%; right: 10%; z-index:1;}
.ani-line{ position: relative; width: 100%; margin: 2% auto 1.5%; text-align: center; z-index:0;}
.idx2_down{ width: 90%; margin: 0 auto; max-width:1500px; overflow: hidden;}
.idx2_down a{ display: block; padding-bottom: 45px;}
.idx2_down a:hover{ text-decoration: none;}
.idx2_down li{ width: calc(25% - 10px);  text-align: center; background:url(../images/gaslisa/bg_idxMov.gif) no-repeat; background-size: 100% auto; float: left; margin-right: 13px; position: relative;}
.idx2_down li:last-child{ margin-right: 0;}
.idx2_down li:first-child:hover{ background-image:url(../images/gaslisa/bg_idxMov-1.gif);transition: all 0.2s ease-out 0s;}
.idx2_down li img{ width:96%; max-width:348px; margin: 0 auto;}
.idx2_down li:nth-child(2):hover{ background-image:url(../images/gaslisa/bg_idxMov-2.gif);transition: all 0.2s ease-out 0s;}
.idx2_down li:nth-child(3):hover{ background-image:url(../images/gaslisa/bg_idxMov-3.gif);transition: all 0.2s ease-out 0s;}
.idx2_down li:nth-child(4):hover{ background-image:url(../images/gaslisa/bg_idxMov-4.gif);transition: all 0.2s ease-out 0s;}
.idx2_down li h5{ font-size: 20px;line-height: 45px; font-weight: 400;}
.idx2_down li p{ position: absolute; right: 18px; bottom: 14px; color:#FFF; font-size: 14px; font-weight: 400; letter-spacing: 1px;}
.idx2_down li p i{ background:url(../images/gaslisa/arw_right01.png) no-repeat left center; width: 10px; height: 12px; display:inline-block; position: relative; left: 8px;}

/*開始集馬卡龍*/
.msBox p { font-size: 18px; color:#000; line-height: 26px;text-align: center; font-weight: 500;}
.msBox p span{ color:#c70224;}
.msBox p.pcP{display:block;}
.msBox p.mP{display:none;}
.macaron{ width: 1400px; height: 350px; margin: 0 auto; overflow: hidden;}
.macaronM{ display: none;}
.macaron li{ width: 330px; float: left; height: 350px; margin-right: 25px; position: relative; text-align: center; }
.macaron li:nth-child(1){ background:url(../images/gaslisa/bg_maca01.png) no-repeat 0 bottom; background-size: auto 100%;}
.macaron li:nth-child(2){ background:url(../images/gaslisa/bg_maca02.png) no-repeat 0 bottom; background-size: auto 100%;}
.macaron li:nth-child(3){ background:url(../images/gaslisa/bg_maca03.png) no-repeat 0 bottom; background-size: auto 100%;}
.macaron li:nth-child(4){ background:url(../images/gaslisa/bg_maca04.png) no-repeat 0 bottom; background-size: auto 100%; margin-right: 0px;}

.macaron li h5{ color: #984e28; font-size: 25px; font-weight: 400; margin-top: 43%; margin-bottom: 5%;}
.macaron li p{ font-size: 18px; line-height: 25px; color:#000;}
.macaron li a{ font-size: 22px; display: block; height: 75px; width:100%; line-height: 54px; position: absolute; bottom:0; left:0;}
.macaron li:nth-child(1) a{background:url(../images/gaslisa/bg_maca01_h.png) no-repeat 0 bottom; background-size: 100% auto; background-position:center bottom;}
.macaron li:nth-child(2) a{background:url(../images/gaslisa/bg_maca02_h.png) no-repeat 0 bottom; background-size: 100% auto; background-position:center bottom;}
.macaron li:nth-child(3) a{background:url(../images/gaslisa/bg_maca03_h.png) no-repeat 0 bottom; background-size: 100% auto; background-position:center bottom;}
.macaron li:nth-child(4) a{background:url(../images/gaslisa/bg_maca04_h.png) no-repeat 0 bottom; background-size: 100% auto; background-position:center bottom;}
.macaron li:nth-child(1) a:hover{ color: #c70224; background:url(../images/gaslisa/bg_maca01.png) no-repeat 0 bottom; background-size: 100% auto; background-position:center bottom; }
.macaron li:nth-child(2) a:hover{ color: #209b96; background:url(../images/gaslisa/bg_maca02.png) no-repeat 0 bottom; background-size: 100% auto; background-position:center bottom;}
.macaron li:nth-child(3) a:hover{ color: #f5c50c; background:url(../images/gaslisa/bg_maca03.png) no-repeat 0 bottom; background-size: 100% auto; background-position:center bottom;}
.macaron li:nth-child(4) a:hover{ color: #dc4618; background:url(../images/gaslisa/bg_maca04.png) no-repeat 0 bottom; background-size: 100% auto; background-position:center bottom; margin-right: 0px;}

.macaron li a:hover{ color:#FFF; text-decoration: none;}
.macaron li:nth-child(1) a:hover i{background:url(../images/gaslisa/icn_btn_li-1.png) no-repeat left center; width: 30px; height: 20px; display:inline-block; position: relative; left: 8px;}
.macaron li:nth-child(2) a:hover i{background:url(../images/gaslisa/icn_btn_li-2.png) no-repeat left center; width: 30px; height: 20px; display:inline-block; position: relative; left: 8px;}
.macaron li:nth-child(3) a:hover i{background:url(../images/gaslisa/icn_btn_li-3.png) no-repeat left center; width: 30px; height: 20px; display:inline-block; position: relative; left: 8px;}
.macaron li:nth-child(4) a:hover i{background:url(../images/gaslisa/icn_btn_li-4.png) no-repeat left center; width: 30px; height: 20px; display:inline-block; position: relative; left: 8px;}
.macaron li a i{background:url(../images/gaslisa/icn_btn_li.png) no-repeat left center; width: 30px; height: 20px; display:inline-block; position: relative; left: 8px;}


/*================================================
 * join */
.list { margin: 0 auto; width: 80%;}
.list > li {
  text-align: center;
  width: 25%;
  float: left;
  min-height: 234px;
}

.item-bg,
.item-more {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.item-bg {
  background: url(../images/bg_join_item.png) 0 0 no-repeat;
  background-size: cover;
  -webkit-transform-origin: center;
          transform-origin: center;
}

.item-more {
  overflow: hidden;
  border-radius: 50%;
}

.item-more-text {
  display: block;
  font-size: 14px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  border-top: 1px dashed #fff;
  padding-top: 15px;
  height:90px;
  box-sizing: border-box;
  -webkit-transition: background-color 0.5s ease, color 0.5s ease;
  transition: background-color 0.5s ease, color 0.5s ease;
}

.item-more-text:after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  margin-left: 5px;
  position: relative;
  top: -1px;
  -webkit-transition: border-color 0.5s ease;
  transition: border-color 0.5s ease;
}

.item-number {
  font-size: 19px;
  padding: 20px 0 23px;
}

p.item-type {
color: #984e28; font-size: 25px; font-weight: 400; margin-bottom: 5%;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

p.item-type-ja {
font-size: 18px; line-height: 25px; color:#000;  -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}


.item-circle {
  display: inline-block;
  width: 320px;
  height: 320px;
  text-align: center;
  color: #fff;
  text-decoration: none;
  position: relative;
  cursor: pointer;
  border-radius: 50%;
  background-color: #c70224;
}

.item-circle:hover .item-more-text {background-color: #fff;color: #c70224;}




.item-circle:hover .item-more-text:after {
  border-color: #c70224;
}

.item-active-close {
  display: none;
  position: absolute;
  width: 70px;
  height: 70px;
  right: 30px;
  top: 30px;
}

.item-active-close:before, .item-active-close:after {
  content: "";
  display: block;
  width: 98px;
  height: 1px;
  background-color: #c70224;
  -webkit-transform-origin: center;
          transform-origin: center;
  position: absolute;
  top: 50%;
  left: -15px;
}

.item-active-close:before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.item-active-close:after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

/*==2==*/
.fbBox { width: 74%; margin: 0 auto;}
.fbBox h2{color:#3a559f; text-align:left;}
.fbMis{ width: 62%;}
.fbMis ul{ border-top:1px dashed #3a559f; border-bottom:1px dashed #3a559f; padding: 1.5vw 0; overflow: hidden;}
.fbMis ul li{ font-size: 30px; line-height: 55px; color:#3a559f; background:url(../images/gaslisa/fb_dist.gif) no-repeat left 0; min-height: 4vw; padding-left: 7.5vw; width: 63%;}
.fbMis ul li p{ font-size: 18px; color:#000; line-height: 30px;}
.fbMis ul li p span{ color:#3a559f;}
.fbMis ul li:nth-child(3){ background-position:0 -78px;}
.fbMis ul li:first-child{ float:right; border:1px solid #3a559f; line-height:0; margin-top: 0.5vw; background:none; padding:0; width: auto;}
.fbMis ul li:nth-child(2) span{ display:none;}
.btn_poster{ float: right; margin-top: -1.5vw; margin-right: 1.5vw;display: block;}
.btn_poster img{ width: 100%; float:right; max-width:430px;}
.btn_posterM{ display:none;}
	li.fbVid{ display:block;}
	li.fbVid_m{ display:none;}


/*==3==*/
.giftBox{ background:url(../images/gaslisa/bg_giftBox.png) no-repeat 44% 6%; text-align:center; padding-top: 3%; width:75%; margin: 0 auto; position: relative;}
.giftBox h2{color:#e26d1f; margin-bottom: 1.2vw; text-align:left;}
.giftBox p{ font-size: 18px; color: #000;text-align:left;}
.giftBox ul{ width:48.5%; margin-top: -1.6vw; margin-bottom:1.2%;}
.giftBox ul.col1{ float:left; margin-top: 1.4vw;}
.giftBox ul.col2{ float:right;}
.giftBox ul li{ font-size:18px; font-weight: 400; padding: 1vw 0; border-bottom: 1px dashed #197b94;text-align:left;}
.giftBox ul li:nth-child(1){border-top: 1px dashed #197b94; }
.giftBox ul li span.grn{ color:#197b94; font-weight: 500;}
.giftBox ul li span.gry{ color:#4a4a4a;}
.ani-lisa3{ position: absolute; bottom: 25%; left: 30%; z-index:1;}
.ani-lisa4{ position: absolute; bottom: 0%; right: 0%; z-index:1;}

/*電影*/
.movieBox{ width:73%; min-width: 900px;}
.movieBoxM{ display:none;}
.movie .section{padding-top: 2.5%;}
.movTop{ display: block;}
.movTopM{ display: none;}
.movTop h2{ margin-bottom: 15px;}
.movCry .movTop h3 img,.movFire .movTop h3 img{ width: 17%; min-width: 180px; margin-right: 10px;}
.movTop h3{ color:#984d27; font-weight: 400; font-size: 20px; margin-bottom: 12px;}
.movTop h3 a{ color:#984d27;}
.movTop p{ color: #000; font-size: 18px; letter-spacing: 1px;}
.movTravel .movTop h2{ color:#9dab29;}
.movSingle .movTop h2{ color:#11908c;}
.movFood .movTop h2{ color:#693aa3;}
.movCry .movTop h2, .movCry .movTop h2 a{ color:#de105d;}
.movFire .movTop h2, .movFire .movTop h2 a{ color:#fb4913;}
.menuMovBox{ display:block; position: absolute; bottom: 8%; left: 5.5%; background:url(../images/gaslisa/menuMovie_bg.png) no-repeat; padding: 5px 20px; width: 100%; max-width:714px; z-index:999;}
.menuMovBox ul{ width: 83%; margin: 0 auto; overflow:hidden;}
.menuMovBox li{ float: left; padding: 10px 0;}
.menuMovBox li a{ float: left; display:block; border-right: 1px solid #000; color:#000; font-size: 16px; padding: 0 10px; font-weight: 400;}
.menuMovBox li:first-child a{border-left: 1px solid #000; }
.menuMovBox li:hover a,.menuMovBox li.here a{ text-decoration: none; font-weight:600;}
.menuMovBox li:nth-child(1):hover a,.menuMovBox li:nth-child(1).here a{color:#c70225;}
.menuMovBox li:nth-child(2):hover a,.menuMovBox li:nth-child(2).here a{color:#9dab29;}
.menuMovBox li:nth-child(3):hover a,.menuMovBox li:nth-child(3).here a{color:#11908c;}
.menuMovBox li:nth-child(4):hover a,.menuMovBox li:nth-child(4).here a{color:#693aa3;}

/*任務小幫手*/
.helperBox{ background:url(../images/gaslisa/bg_helperBox.png) no-repeat center 20%; background-size:88%;}
.helperBox p{ font-size: 18px; color: #000;}
.helperBox p span{ color:#6d6d6d;}
.helperBox ul{ width: 80%; margin: 55px auto 0; background:url(../images/gaslisa/bg_helper_step.png) no-repeat center 18%; background-size:100% auto; overflow: hidden;}
.helperList{ display: block;}
.helperListM{ display: none;}
.helperBox ul li{ width: 19.5%; float: left; overflow: visible;}
.helperBox ul li a{ display:block; font-size: 1vw; text-align: center; color:#000; font-weight: 400; line-height: 1.4vw;}
.helperBox ul li a:hover{ text-decoration:none;}
.helperBox ul li a span{ font-weight: 600;}
.helperBox ul li img{ margin-bottom: 18px;}
.helperBox ul li:nth-child(1) a span { color:#23adde;}
.helperBox ul li:nth-child(2) a span { color:#18349b;}
.helperBox ul li:nth-child(5) a span { color:#c70224;}
.helperBox ul li i{ display: inline-block; background:url(../images/gaslisa/icn_helper_li.gif) no-repeat 0 0; background-size:95% 95%; width: 1.2vw; height: 1.2vw; position: relative; left:0.5vw; margin-bottom: -4px;-webkit-transition: all 0.2s ease-out; -moz-transition:  all 0.2s ease-out; -ms-transition:  all 0.2s ease-out; -o-transition:  all 0.2s ease-out; transition:  all 0.2s ease-out;}
.helperBox ul li:hover i{ left: 0.3vw; -webkit-transition: all 0.2s ease-out; -moz-transition:  all 0.2s ease-out; -ms-transition:  all 0.2s ease-out; -o-transition:  all 0.2s ease-out; transition:  all 0.2s ease-out;}

/*影劇館199*/
.what199Box{ margin-top: 7%; }
.what199Box h2 p{ font-size: 1vw; color:#000; margin-top: 1vw; letter-spacing:0;}
.what199Box ul{ overflow: hidden; min-width:800px;}
.what199Box ul li{ width: 48%; margin:0 3% 20px 0; float:left; height: 133px;align-items: center; justify-content: center; display:flex;}
.what199Box ul li:nth-child(2n){ margin-right:0;}
.what199Box ul li:nth-child(1){ background:url(../images/gaslisa/w_icon_01.jpg) no-repeat right center #32b9ec;}
.what199Box ul li:nth-child(2){ background:url(../images/gaslisa/w_icon_02.jpg) no-repeat right center #90c455;}
.what199Box ul li:nth-child(3){ background:url(../images/gaslisa/w_icon_03.jpg) no-repeat right center #f9bb46;}
.what199Box ul li:nth-child(4){ background:url(../images/gaslisa/w_icon_04.jpg) no-repeat right center #a06b9e;}
.what199Box ul li:nth-child(5){ background:url(../images/gaslisa/w_icon_05.jpg) no-repeat right center #e5616e;}

.what199Box ul li .what_info{color: #000; font-size: 0.75vw; line-height: 1vw; width: 90%;}
.what199Box ul li h4{ color: #FFF; font-size: 1vw; margin-bottom:13px; font-weight: 500;}
.what199Box p,.what199Box ul li p{ color: #000; font-size: 14px; line-height: 19px; text-align: justify;}

/*貼心小叮嚀*/
.noteBox{ margin-top: 3.5%; }
.noteBox ul{ overflow: auto;height: 75%; padding:0 10px; max-height: 620px;}
.noteBox ul li{ font-size: 14px; line-height:24px; font-weight: 400; text-align:justify; color:#000; letter-spacing: 0.5px; list-style:disc; margin-left:16px;}
.noteBox ul li a{ color:#000;}


/*footer*/
footer{ background-color:#4a4a4a;height: 75px; position: fixed; bottom:0; width: calc(100% - 155px); font-weight: 400; text-align:right;}
footer ul{ margin: 0 auto; padding-top: 20px; display: flex;align-items: center; justify-content: center; width: 100%;}
footer ul li { float: left; border-right: 1px solid #FFFFFF; color: #ecebd9; padding-right: 15px; width: 50%;}
footer ul li:last-child{ border:none; text-align: left; padding-left: 15px;}
footer ul li a:hover{ text-decoration: underline;}
footer ul li .footer_a{ float: right;}
footer ul li .footer_a a{ color: #ecebd9; font-size:12px; line-height: 20px; position: relative; border-right: 1px solid #ecebd9; padding:0 8px; }
footer ul li .footer_a a:hover{ color: #FFF;}
footer ul li a:last-child{ border:none;padding-right: 0;}
footer ul li p{ color: #FFFFFF; font-size:11px; line-height: 16px;}

/***矮螢幕***/
@media screen and (max-height: 1000px) {
nav.menu ul li a{ font-size: 16px; line-height: 22px;padding: 12% 0;}
nav.menu ul li:first-child{ display:none;}
nav.menu ul li:nth-child(7) a,nav.menu ul li:nth-child(8) a,nav.menu ul li:nth-child(9) a{ font-size: 14px; padding: 6% 0; }
h1.idxTitle{ transform:scale(0.9,0.9); left:0; top:0%;}

}

/***矮螢幕***/
@media screen and (max-height: 800px) {
	h2 { font-size: 36px; margin-bottom: 0.5vw;}
	nav.menu ul li:first-child{ display:none;}
	nav.menu ul li a{ font-size: 15px; line-height: 21px;padding: 10% 0;}
	nav.menu ul img{ width: 150px;}
	nav.menu ul li:nth-child(7) a,nav.menu ul li:nth-child(8) a,nav.menu ul li:nth-child(9) a{ font-size: 13px; padding: 4% 0; }
	h1.idxTitle{ transform:scale(0.7,0.7); left:0; top:auto; bottom: 30px;}
	a.btn_down{ bottom: calc(75px + 10%);transform:scale(0.85,0.85);}
	a.btn_paris{ bottom: 135px;}
	.idx2 h4{ font-size: 26px;}
	.idx2_down a{ padding-bottom: 20px;}
	.movie .section{padding-top: 2%;}
	.downBox{ height: 57%;}
	.downBox1{ height: 60%;}
	.macaron{ transform:scale(0.6,0.6);}
	.msBox p.pcP{ font-size: 15px; line-height: 20px;}
	.btn_poster img{ width:100%; float:right; max-width:430px;}
	.ani-lisa3{ left: 40%; width: 110px;}
	.ani-lisa4{ bottom:14%; right:0; width: 155px;}
	.maca2 .downBox1,.maca3 .downBox1{ transform:scale(0.85,0.85); height: 62%;}
	.fbMis ul li{ padding-left: 9.5vw}
	.fbBox{ width: 90%;}
	.fbBox h2{ font-size: 33px; margin-bottom:0;}
	.ani-lisa3,.ani-lisa4 { display: none;}


	/*電影*/
	.movTop h2{ margin-bottom: 5px;}
	.movTop h3{ margin-bottom: 5px; font-size: 18px;}

	/*小叮嚀*/
	.noteBox{ margin-top: 3%; width: 58%;}
	.noteBox ul{ max-height: 400px;}
	.noteBox ul li{ font-size: 12px; line-height:20px;}

	/*什麼是影劇館199*/
	.what199Box{ margin-top: 2%;}
	.what199Box ul li{ margin: 0 3% 10px 0; max-height: 100px;}
	.what199Box h2 p{ margin-top: 0.5vw;}
	.what199Box ul li h4{ font-size: 18px; margin-bottom:10px;}
	.what199Box p, .what199Box ul li p{ line-height: 18px;}

}

/***非寬螢幕 0***/
@media screen and (max-width:1900px) , screen and (max-height: 1050px) {
.menuMovBox{ display:none; }
}

/***非寬螢幕 0***/
@media screen and (max-width:1680px) {
	.idx2_gift{ max-width:900px;}
	a.btn_b1, a.btn_b2, a.btn_b3, a.btn_b4{ margin-top:10px;}
	.ani-lisa1{ top: 17%; left: 5%;}
	.ani-lisa3{ width: 130px;}
	.ani-lisa4{ width: 135px;}
	.macaron{ transform:scale(0.85,0.85);margin:-2% auto 0 -3%;}
	.btn_poster img{ max-width: 380px;}

}

/***非寬螢幕 1***/
@media screen and (max-width:1440px) {
.copy_1{ position: absolute; right: 30px; bottom:70px;}
.copy_2{ position: absolute; right: 30px; top:38%;}
.copy_3{ position: absolute; right: 30px; bottom:11%;}
.copy_4{ position: absolute; right: 30px; top:37%;}

.helperBox p{ font-size: 14px;}
/*idx2*/
.ani-lisa1{ width:14%; left: 3%;}
.ani-lisa2{ width:11%; top:13%; right: 3%;}
.idx2_gift{ width:63%;}
a.btn_b1,a.btn_b2,a.btn_b3,a.btn_b4{ margin-top: 0%;transform:scale(0.6,0.6);}
a.btn_b2{ margin-left: -70px;}
a.btn_b4{ padding: 15px 35px;}
.idx2 a.btn_b1,.idx2 a.btn_b3,.idx2 a.btn_b3{ margin-top: -2.5%;}
.idx2_down li h5{ line-height: 37px;}
.idx2_down li img{ width:95%; }
.ani-line{ margin: 1% auto;}
.btn_bottom{ margin:0 auto;}

/*maca1*/
.maca1 .downBox1{ height: 60%;}
.macaron{ transform:scale(0.7, 0.7); margin:-3% auto 0 -3%; width: 130%; }

/*maca2*/
.fbBox{ width: 90%;}
.giftBox{width:88%;}
.btn_poster{ width: 30%;margin-top: 1vw;}
.btn_poster img{ width: 77%; float:left; max-width:430px;}
.fbBox,.giftBox{transform:scale(0.85, 0.85); width: 100%;}
.fbMis ul{ padding:1vw 0;}
.fbMis ul li{ font-size: 25px; line-height: 50px; padding-left:120px;}
.fbMis ul li p{ font-size: 16px; line-height: 24px;}
.giftBox{ padding-top:0;}
/*movie*/

}

/***非寬螢幕 2***/
@media screen and (max-width:1366px) {
.macaron{ transform:scale(0.6, 0.6); margin:-6% auto 0 -20%; width: 150%;}
.ani-lisa1{ top: 15%; width: 160px;}
}

/***非寬螢幕 3***/
@media screen and (max-width:1279px) {
	h1.idxTitle{ transform:scale(0.7,0.7); left:0; top:0;}
	.idx2{ padding-top:7vw;}
	.idx2 h4{ font-size: 24px;}
	.idx2_down li h5{ font-size: 16px; line-height:30px;}
	.idx2_down li img{ width:88%; }
	a.btn_b1,a.btn_b2,a.btn_b3,a.btn_b4{ margin-top: 0%;transform:scale(0.7,0.7);}
	a.btn_b2{ margin-left: -60px;}

	/*maca1*/
	.maca1 .downBox1{ height: 58%;}
	.macaron{transform:scale(0.6, 0.6);}
	.btn_poster{ bottom: 3%; }
	.btn_poster img{}
	.giftBox{width:90%;}
	.giftBox ul li{ font-size: 16px;}


	.noteBox{ width: 60%;}

	.what199Box p, .what199Box ul li p{ font-size:12px;}
}
/***矮螢幕***/
@media screen and (max-height: 700px) {
	.macaron{ transform:scale(0.55,0.55); margin-top: -5%;}
}

/***手機版***/
@media screen and (max-width: 768px) {
.movieBox{ width:100%; min-width: auto; width: 640px;}
}
@media screen and (max-width: 640px) {
	#wrap{ height:140%; overflow:hidden; width:640px;}
	#content_pc {min-width: 640px; overflow:hidden;}
	.main{ width: 100%; height: auto; float: none;background-position: center top; background-size: 100% auto; background-repeat: none; padding-top: 65%;}
	.leftBox{ width:100%; position: relative; padding-bottom: 50px; overflow: hidden;}
	.downBox{ height: auto; position: relative;}
	.downBox1 { bottom: 0; height: auto;  padding-top: 65%;position: relative;text-align: left; width: 100%;}

	nav.menu{ display: none;}
	a.btn_b1.mnone{ display: none;}

	a.btn_down{ display: none;}

	.main.index,.main.maca{ padding-top:0;}
	.index .section{ min-height: 1267px;}
	.idx{ background-image:url(../images/gaslisa/mobile/bg_idxM.jpg); background-size:100% auto; background-repeat:no-repeat; background-position:left bottom;}
	.idx2{ background-image:url(../images/gaslisa/mobile/bg_idx2M.png); background-size:30%; background-repeat:no-repeat; background-position:right bottom;}
	.movie{ background-image:url(../images/gaslisa/mobile/bg_movieM.jpg);background-size:100% auto; background-repeat:no-repeat; background-position:top center;}
	.maca1{ background-image:url(../images/gaslisa/mobile/bg_missionM.jpg);background-size:100% auto; background-repeat:no-repeat; background-position:top center;}
	.maca2{ background-image:url(../images/gaslisa/mobile/bg_fbM.jpg);background-size:100% auto; background-repeat:no-repeat; background-position:top center;}
	.maca3{ background-image:url(../images/gaslisa/mobile/bg_giftM.jpg);background-size:100% auto; background-repeat:no-repeat; background-position:top center;}
	.note{ background-image:url(../images/gaslisa/mobile/bg_noteM.jpg); background-repeat: no-repeat;}
	.what199{ background-image:url(../images/gaslisa/mobile/bg_what199M.jpg);background-repeat: no-repeat;}
	.helper{ background-image:url(../images/gaslisa/mobile/bg_helperM.jpg);background-repeat: no-repeat;}

	.copy_1,.copy_2,.copy_3,.copy_4{ display: none;}

	h2{ font-size: 9vw; text-align: center; line-height: 13vw; margin-bottom: 4vw; letter-spacing:0;}

	/*ˋ漢堡menu*/
	.hamburgler-menu,#hamburgler{ display: block;}
	.hamburgler-icon-wrapper {
	  position: absolute;
	  top: 5em;
	  left: 1.5em;
	  height: 75px;
	  width: 25.5%; background:url(../images/gaslisa/mobile/hamBg_menu.jpg) no-repeat #c70224;
	  background-size: 37%; background-position: 5.2em 1.8em;
	  cursor: pointer; z-index:1000;
	}

	.hamburgler-icon,
	.hamburgler-icon:before,
	.hamburgler-icon:after {
	  content: '';
	  position: absolute;
	  height: 4px;
	  width: 45px;
	  background: white;
	  transition: all 0.2s ease
	}

	.hamburgler-icon {
	  top: 2.25em;
	  left:1em
	}

	.hamburgler-icon:before {
	  top: -1em
	}

	.hamburgler-icon:after {
	  top: 1em
	}

	.hamburgler-active .hamburgler-icon-wrapper{ background:url(../images/gaslisa/mobile/hamBg_menuX.jpg) no-repeat;
	  background-size: 37%; background-position: 5.2em 1.8em;}
	.hamburgler-active .hamburgler-icon {
	  background: transparent;
	  transform: rotate(-135deg)
	}

	.hamburgler-active .hamburgler-icon:before,
	.hamburgler-active .hamburgler-icon:after {
	  top: 0
	}

	.hamburgler-active .hamburgler-icon:before {
	  transform: rotate(90deg)
	}

	.hamburgler-active .hamburgler-icon,
	.hamburgler-active .hamburgler-icon:before,
	.hamburgler-active .hamburgler-icon:after {
	  background: white
	}

	.hamburgler-menu {
	  transition: all 0.4s ease;
	  opacity: 0;
	  pointer-events: none;
	  position: absolute;
	  top: 0;
	  right: 0;
	  bottom: 0;
	  left: 0;
	  background-color: rgba(199, 2, 36, 1);
	  background-size: 40%;
	  color: white;
	  text-align: center;
	  height:160%;
	}

	.hamburgler-active{ background-color: rgba(199, 2, 36, 1); height: 100% !important; overflow: hidden; display:block; position: absolute;}
	.hamburgler-active .hamburgler-menu {
	  opacity: 1;
	  pointer-events: initial; z-index:99;
	}

	.hamburgler-menu-list {
	  display: block;
	  transition: all 0.4s ease;
	  padding: 0;
	  list-style-type: none;
	  position: absolute;
	  top: 32%;
	  left: 50%;
	  transform: translate(-50%, -30%) scale(1);
	  z-index:999;
	}

	.hamburgler-active .hamburgler-menu-list {
	  transform: translate(-50%, -30%) scale(1); z-index:999; width:640px;
	}
	.hamburgler-active .hamburgler-menu-list li a{ color:#FFF; z-index:999; line-height: 1.6em; font-size: 200%; display: block; position: relative; letter-spacing: 1px;margin-bottom:5px;}
	.hamburgler-menu-list li:first-child a,.hamburgler-menu-list li:nth-child(6) a{ color: #fcc912; font-size:250%; font-weight: 600;}
	.hamburgler-menu-list li:nth-child(5) a{ font-size:250%; font-weight: 600; margin: 35px 0;color: #fcc912;}
	.hamburgler-menu-list li:nth-child(13) a,.hamburgler-menu-list li:nth-child(14) a,.hamburgler-menu-list li:nth-child(15) a,.hamburgler-menu-list li:nth-child(16) a{ font-size: 170%; border-bottom:1px solid #ecebd9; padding: 7px 0; font-weight: 400;}
	.hamburgler-menu-list li:nth-child(13) a{border-top:1px solid #ecebd9; margin-top: 50px; }
	.hamburgler-active .hamburgler-menu-list li a:hover{text-decoration: none; color: #FFF; }
	.menuM_pic{ width:93%; height: auto; position: absolute; right: 2%; bottom: 0;}

	/*首頁*/
	h1.idxTitle{ display: none;}
	h1.idxTitleM{ display:block;}
	img.idxTop_1{ position: absolute; right: 0%; top: 7.5%;}
	img.idxTop_2{ position: absolute; left: 4%; top: 16.5%;}
	h1.idxTitleM p{color:#FFF; font-size: 26px; text-align: center; line-height: 36px; position:absolute; top: 32.5%; width:100%;}
	h1.idxTitleM p span{ color:#fee793;}
	a.btn_a1{ display: block; background:url(../images/gaslisa/mobile/btn_idx_a1M.png) no-repeat center center; background-size: 100%; width: 262px; height: 262px; position: absolute; top: 39%; left: 16%; z-index: 3}
	a.btn_a2{ display: block; background:url(../images/gaslisa/mobile/btn_idx_a2M.png) no-repeat center center; background-size: 100%; width: 217px; height: 217px; position: absolute; top: 39%; right: 15%; z-index:2;}
	a.btn_paris{ position:absolute; left:21%; bottom: 20px; width: 302px; height:162px; background:url(../images/gaslisa/mobile/btn_parisM.png) no-repeat top center;}

	.idx2 h4{ color:#000; text-align: center; font-size: 28px; line-height: 34px; font-weight:500; text-shadow: none; margin-bottom: 2%; width:77%; margin: 35px auto;}
	.idx2 h4 span{ color:#c70225;}
	.idx2_top{ width: 100%; text-align: center;}
	a.btn_b1,a.btn_b2,a.btn_b3,a.btn_b4,a.btn_b5{ width: 500px;display: inline-block; background-color:#c70224; color: #ffffff; font-size:36px; padding: 25px 0; font-weight: 400; letter-spacing: 1px; margin-top: 1%; margin-bottom: 20px; text-align: center;transform:scale(1,1);}
	a.btn_b1:hover,a.btn_b2:hover,a.btn_b3:hover,a.btn_b4:hover,a.btn_b5:hover{ text-decoration: none;}
	a.btn_b1 i,a.btn_b3 i,a.btn_b4 i,a.btn_b5 i{ background:url(../images/gaslisa/mobile/icn_btn_li.png) no-repeat left top; width: 37px; height: 37px; display:inline-block; position: relative; left: 15px; background-size:36px auto; margin-bottom: -4px;}
	a.btn_b1:hover i,a.btn_b2:hover i,a.btn_b3:hover i{ left: 15px;transition: all 0.2s ease-out 0s;}
	a.btn_b2{ float: none; background-color:#103b6d; color: #fcc912; margin-left:0;}
	a.btn_b2 i{ background:url(../images/gaslisa/mobile/icn_btn_li2.png) no-repeat left center; width: 37px; height: 37px; display:inline-block; position: relative; left: 15px;background-size:36px auto; margin-bottom: -4px;}
	a.btn_b3{ background-color:#e26d1f; float:none; text-align: center;}
	a.btn_b4{ background:url(../images/gaslisa/mobile/icn_fb-1M.png) no-repeat 10px 8px #3a559f; background-size:69px 69px; float:none; text-align: center; text-indent: 0; float:none; font-weight: 400; margin-top: 2%;font-size: 38px; letter-spacing: 2px;line-height: 33px; text-indent: 50px;}
	a.btn_b4:hover{ background:url(../images/gaslisa/mobile/icn_fb-1M.png) no-repeat 10px 8px #3a559f; color:#FFFFFF; background-size:69px 69px; }
	a.btn_b4:hover i{ background:url(../images/gaslisa/mobile/icn_btn_li.png) no-repeat left top; background-size:36px auto; }
	a.btn_b5{  display:block;background-color:#c70224; float:none; text-align: center; margin: 0 auto;}

	.idx2_gift{ display: none;}
	.idx2_giftM{ display: block; width: 509px; margin: 0 auto;}
	.ani-lisa1{ position: absolute; top: 22%; left: 2%; z-index:1; width:150px;}
	.ani-lisa2{ position: absolute; top: 3%; right:2%; z-index:1; width:125px;}
	.ani-line{ width: 90%; margin: 8% auto; overflow: hidden;}
	.idx2_down{ width: 100%; margin: 0 auto; max-width:640px; overflow: hidden;}
	.idx2_down a{ display: block; padding-bottom: 25px;}
	.idx2_down a:hover{ text-decoration: none;}
	.idx2_down li{ width: 500px; height: 360px; text-align: center; background:url(../images/gaslisa/bg_idxMov.gif) no-repeat; background-size: 100% auto; float: none; margin: 0px auto 20px; position: relative;}
	.idx2_down li:last-child{ margin-right: auto;}
	.idx2_down li img{ width: 94%; max-width: 480px; margin: 0 auto;}
	.idx2_down li:first-child{ background-image:url(../images/gaslisa/bg_idxMov-1.gif);}
	.idx2_down li:nth-child(2){ background-image:url(../images/gaslisa/bg_idxMov-2.gif);}
	.idx2_down li:nth-child(3){ background-image:url(../images/gaslisa/bg_idxMov-3.gif);}
	.idx2_down li:nth-child(4){ background-image:url(../images/gaslisa/bg_idxMov-4.gif);}
	.idx2_down li h5{ font-size: 25px;line-height: 65px; font-weight: 500;}
	.idx2_down li p{ position: absolute; right: 28px; bottom: 14px; color:#FFF; font-size: 20px; font-weight: 400;}
	.idx2_down li p i{ background:url(../images/gaslisa/mobile/arw_right01M.png) no-repeat left center; width: 10px; height: 15px; display:inline-block; position: relative; left: 8px; background-size:10px auto;}
	.btn_bottom{ margin: 2% auto 23%; max-width: 500px;}

	/*開始集馬卡龍*/
	.msBox p.pcP{display:none;}
	.msBox p.mP{display:block;}
	.msBox p { font-size: 22px; color:#000; line-height: 34px;text-align: center; font-weight: 500;}
	.msBox p span{ color:#c70224;}
	.macaron{ display: none;}
	.macaronM{ display: block; width:100%; text-align: center; overflow: hidden; padding: 50px 0;}
	.macaronM li{ float: none; margin-bottom: 35px;}
	.ani-lisaM1{ position: absolute; right: 65px; top:555px;}
	.ani-lisaM2{ position: absolute; left: 140px; top:1400px;}

	/*==2==*/
	.maca2 .downBox1{ padding-top: 60%;}
	.fbBox { width: 100%; text-align: center; transform:scale(1, 1);}
	.fbBox h2{color:#3a559f; text-align:center;}
	.fbMis{ width: 100%;}
	.fbMis ul{ border-top:none; border-bottom:none; padding: 1.5vw 0; overflow: hidden;}
	.fbMis ul li{ font-size: 30px; line-height: 55px; color:#3a559f; background:none; min-height: 4vw; padding-left: 0; width: 100%;}
	.fbMis ul li p{ font-size:23px; color:#000; line-height: 34px; width: 88%; margin: 0 auto;}
	.fbMis ul li p span{ color:#000;}
	.fbMis ul li:first-child{ float:right; border:1px solid #3a559f; line-height:0; margin-top: 0.5vw; background:none; padding:0; width: auto;}
	.fbMis ul li:nth-child(2) { font-size: 40px; font-weight: 600; color:#c70224;}
	.fbMis ul li:nth-child(2) span{ display:inline-block; font-size: 23px;color:#3a559f; }
	.btn_poster{ display:none;}
	.btn_posterM{ display: block; margin:25px auto 40px;}
	li.fbVid{ display:none;}
	li.fbVid_m{ display:block; margin: 35px 0 10px;}
	.maca1 .downBox1 {
    height: auto;
    left: 0;
    transform: scale(1, 1);
    width: 100%;
}

	/*==3==*/
	.maca3 .downBox1{ padding-top: 56%;}
	.giftBox{ background:url(../images/gaslisa/mobile/bg_giftBoxM.png) no-repeat 10% bottom; background-size: 350px; text-align:center; padding-top: 3%; padding-bottom: 140px; width:100%; margin: 0 auto;transform:scale(1, 1);}
	.giftBox h2{color:#e26d1f; margin-bottom: 1.2vw; text-align:center;}
	.giftBox p{ font-size: 3.75vw;  letter-spacing: 0; line-height: 5.5vw; color: #000;text-align:center;}
	.giftBox ul{ width:560px; margin: 0 auto; margin-bottom:1.2%;}
	.giftBox ul.col1{ float:none; margin-top: 50px; margin-bottom:0;}
	.giftBox ul.col2{ float:none; margin-bottom:50px;}
	.giftBox ul li{ font-size:23px; line-height: 55px; font-weight: 400; padding: 1vw 0; border-bottom: 1px dashed #197b94;text-align:left;}
	.giftBox ul li:nth-child(1){border-top: 1px dashed #197b94; }
	.giftBox ul.col2 li:nth-child(1){border-top: none; }
	.giftBox ul li span.grn{ color:#197b94; font-weight: 500;}
	.giftBox ul li span.gry{ color:#4a4a4a;}
	.ani-lisa3{ position: absolute; top: 25%; right: 2%; left:auto; bottom: auto; z-index:1; width:135px;}
	.ani-lisa4{ display:none;}

	/*==電影==*/
	.grid{ display: none;}
	.movieBoxM{ display:block; margin:0px 0 25px;}
	.movieBox{ width:100%; min-width: 640px; width: 640px;}
	.movie .section{padding-top: 0%;}
	.movTop{ display: none;}
	.movTopM{ display: block;}
	.movTopM h2{ margin-bottom: 20px; }
  .movTopM h3{ color:#984d27; font-weight: 400; margin-bottom: 0px;font-size: 28px; text-align: center;}
  .movTopM h3 a{ color:#984d27;}
	.movTopM h3 img{ margin-bottom: -3px;}
	.movTopM p{ color: #000; font-size: 24px; line-height:32px; letter-spacing: 1px;text-align: center;}
	.movTopM{ background:url(../images/gaslisa/mobile/mov_topM1.jpg) no-repeat right bottom; background-size:587px auto; padding-bottom: 50px;}
	.movTravel .movTopM{ background:url(../images/gaslisa/mobile/mov_topM2.jpg) no-repeat left bottom; background-size:587px auto;}
	.movSingle .movTopM{ background:url(../images/gaslisa/mobile/mov_topM3.jpg) no-repeat left bottom; background-size:587px auto;}
	.movFood .movTopM{ background:url(../images/gaslisa/mobile/mov_topM4.jpg) no-repeat right bottom; background-size:587px auto;}
	.movCry .movTopM{ background:url(../images/gaslisa/mobile/mov_topM5.jpg) no-repeat right bottom; background-size:587px auto;}
	.movFire .movTopM{ background:none;}
	.movTravel .movTopM h2{ color:#9dab29;}
	.movSingle .movTopM h2{ color:#11908c;}
	.movFood .movTopM h2{ color:#693aa3;}
	.movCry .movTopM h2, .movCry .movTopM h2 a{ color:#de105d;}
  .movFire .movTopM h2, .movFire .movTopM h2 a{ color:#fb4913; font-size:7.5vw;}
	.menuMovBox{ display:none; }
	.movie .btn_down{ display: none;}
	.movieBoxM li{ width: 50%; float: left; margin-bottom: 10px;}
	.movieBoxM li a{ width: 96%; display: block; overflow: hidden; margin: 0 auto;}
	.movieBoxM li a:hover{ text-decoration: none;}
	.movieBoxM img{ width: 100%;}
	.movieBoxM li h3{ font-size: 20px; font-weight: 400; background-color:#c70225; display: block; padding: 10px 0; text-align: center;}
	.movTravel .movieBoxM li h3{background-color:#9dab29;}
	.movSingle .movieBoxM li h3{background-color:#11908c;}
	.movFood .movieBoxM li h3{background-color:#693aa3;}
	.movCry .movieBoxM li h3{background-color:#de105d;}
	.movFire .movieBoxM li h3{background-color:#fb4913;}
	.movie #fullpage{ background:url(../images/gaslisa/mobile/bg_movBoxM.jpg) no-repeat left bottom; background-size:640px auto; padding-bottom: 105px;}



	/*任務小幫手*/
	.helperBox{ background:none;}
	.helperBox p{ font-size: 24px; line-height:5.5vw; color: #000; width: 73%; margin: 0 auto;}
	.helperBox p span{ color:#6d6d6d; font-size: 21px;}
	.helperBox ul{ width: 620px; margin: 55px auto; background:none; overflow: hidden;}
	.helperList{ display: none;}
	.helperListM{ display: block;}
	.helperBox ul li{ width: 100%; float: none; overflow: visible; background:url(../images/gaslisa/mobile/bg_hprStep.png) no-repeat center 0; background-size:165px auto; margin-bottom: 25px;}
	.helperBox ul li:nth-child(2){background:url(../images/gaslisa/mobile/bg_hprStep.png) no-repeat center -161px; background-size:165px auto;}
	.helperBox ul li:nth-child(3){background:url(../images/gaslisa/mobile/bg_hprStep.png) no-repeat center -375px; background-size:165px auto;}
	.helperBox ul li:nth-child(4){background:url(../images/gaslisa/mobile/bg_hprStep.png) no-repeat center -610px; background-size:165px auto;}
	.helperBox ul li:nth-child(5){background:url(../images/gaslisa/mobile/bg_hprStep.png) no-repeat center -848px; background-size:165px auto;}
	.helperBox ul li a{ display:block; font-size: 23px; text-align: center; color:#000; font-weight: 400; line-height: 5vw; padding-top: 150px;}
	.helperBox ul li a:hover{ text-decoration:none;}
	.helperBox ul li a span{ font-weight: 600;}
	.helperBox ul li:nth-child(1) a { padding-top: 96px;}
	.helperBox ul li:nth-child(1) a span { color:#23adde;}
	.helperBox ul li:nth-child(2) a span { color:#18349b;}
	.helperBox ul li:nth-child(4) a span,.helperBox ul li:nth-child(5) a span { color:#c70224;}
	.helperBox ul li i{ display: inline-block; background:url(../images/gaslisa/icn_btn_li4.png) no-repeat 0 0; background-size:95% 95%; width: 24px; height: 24px; position: relative; left:13px; margin-bottom: -4px;}
	.helperBox ul li:hover i{ left: 13px; }


	/*小叮嚀*/
	.note{ overflow: hidden;}
	.noteBox{ margin-top: 0; overflow:hidden; height: auto;}
	.noteBox ul { overflow: hidden; max-height:none;}
	.noteBox ul li{ font-size: 4vw; line-height:6vw; font-weight: 400; letter-spacing:0; color:#000; margin-left:4.5vw; text-align: left;}
	.noteBox ul li a{ color:#000;}

	footer { bottom: auto; height: auto;position: relative; text-align: right; width: 100%; }

	/*影劇館199*/
	.what199Box{ margin-top: 0; }
	.what199Box h2,.what199Box h2 p{ text-align: center;}
	.what199Box h2 p { color: #000; font-size: 4vw;  letter-spacing: 0; line-height: 5.5vw;margin: 1vw auto;width: 73%;}
	.what199Box ul{ overflow: hidden;min-width:500px;}
	.what199Box ul li{ width: 100%; margin:0 3% 20px 0; float:left; display: block; max-height: 200px; height:200px; align-items: center; justify-content: center; display:flex;}
	.what199Box ul li h4{ color: #FFF; font-size: 5vw; line-height: 5vw;margin-bottom:15px;}
	.what199Box ul li .what_info{ width: 85%; }
	.what199Box p{ color: #000; font-size: 18px; line-height: 24px; text-align: left;}
	.what199Box ul li p{ color: #000; font-size: 21px; line-height: 28px; text-align: justify;}
	.what199Box ul li:nth-child(2n){ margin-right:0;}
	.what199Box ul li:nth-child(1){ background:url(../images/gaslisa/mobile/w_icon_01M.jpg) no-repeat right center #32b9ec; background-size: auto 200px;}
	.what199Box ul li:nth-child(2){ background:url(../images/gaslisa/mobile/w_icon_02M.jpg) no-repeat right center #90c455; background-size: auto 200px;}
	.what199Box ul li:nth-child(3){ background:url(../images/gaslisa/mobile/w_icon_03M.jpg) no-repeat right center #f9bb46; background-size: auto 200px;}
	.what199Box ul li:nth-child(4){ background:url(../images/gaslisa/mobile/w_icon_04M.jpg) no-repeat right center #a06b9e; background-size: auto 200px;}
	.what199Box ul li:nth-child(5){ background:url(../images/gaslisa/mobile/w_icon_05M.jpg) no-repeat right center #e5616e; background-size: auto 200px;}

}