/*各頁面CSS*/

/*切換PC置頂選單*/
.cantantBase1 { display: block;}
.cantantBase2 { display: none;}

.WRAPPER{text-align: center;}

@media screen and (min-width:768px){
  .Area_msg_tiktok {text-align:center;padding: 0 10px 10px 10px;font:12px/18px Helvetica; position: relative;}
  }
  @media screen and (max-width:767px){
  .Area_msg_tiktok {text-align:center; padding: 0 10px 100px 10px;font:12px/18px Helvetica; position: relative;}
  }
  
  
/*結果*/
.box_game_end { width: 96%; border-radius: 4vw ;margin: 0 2%;}

/*遊戲按鈕*/
.box_game_btn { position: relative; bottom: 60px; left: 50%; transform: translateX(-50%);}
@media screen and (max-width: 767px){
.box_game_btn { position: relative; bottom: 7vw; width: 38%;}
}

/*異業折價券*/
@media screen and (min-width: 768px){
 .box_2 a img { width: 86%;}
}
/*浮層樣式--特殊版*/
.blackBox .special_ li a { display: unset;} /*連結不換行*/
.blackBox .special_ .box h3 span.close { z-index: 2; top: 1.5em; right: 1em; width: 2em; height: 2em; border-radius: 50%; border: none; background: #000;} 
.blackBox .special_ .box h3 span.close a {  position: relative; display: inline-block; color:#FFF;}
.blackBox .special_ .box h3 span.close a:before,
.blackBox .special_ .box h3 span.close a:after { content: ''; z-index: 0; position: absolute; top: 14px; width: 22px; height: 3px; background: #FFF; border-radius: 2px; cursor: pointer;}
.blackBox .special_ .box h3 span.close a:before { -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); transform: rotate(45deg); right: 5px;}
.blackBox .special_ .box h3 span.close a:after { -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); transform: rotate(-45deg); right: 5px;}
/*浮層樣式--特殊版--內容*/
.special_ .box { padding-bottom: 2%;}
.special_ .box h3 { display: flex;  text-align: left; color:#FFF; background-color: transparent; background-repeat: no-repeat; background-position: left center; background-size: 100%;}
.special_ .box h3 .logo { display: flex; flex: auto 0 0;}
.special_ .box .txtArea { margin: 0 auto; padding: 3%; width: 96%; border-radius: 15px; background-color: #fff;}
.special_ .box .txtArea h4 { position: relative; height: auto; width: 106%; left: -3%;}
.special_ .box .txtArea ol { margin: 0; padding: 0 1em 0 2em; text-align: justify;}
.special_ .box .txtArea ol ol { padding: 0;; padding-left: 1em;}
.special_ .box .txtArea li { margin: 0 auto 0.5em;}
@media screen and (min-width: 768px){
  .special_ .box h3 { height: 150px; line-height: 150px; font-size: 50px;}
  .special_ .box h3 .logo { margin: 30px 20px 30px 30px;}
  .special_ .box h3 img { padding: 0; width: auto; height: 90px;}
  .special_ .box .txtArea h4 { margin: -15px 0 0 0;}
  .special_ .box .txtArea li { font-size:20px;}
}
@media screen and (max-width:767px){
  .special_ .box h3 { height:5rem; line-height:5rem; font-size: 7vw;}
  .special_ .box h3 .logo { margin: 1rem;}
  .special_ .box h3 img { padding:0; width: auto; height: 2.8rem;}
  .special_ .box .txtArea h4 { margin: -2% 0 0 0;}
  .special_ .box .txtArea li { font-size: 4vw;}
}
/*改列表樣式*/
.special_ .box .txtArea ol { list-style: cjk-ideographic;}
.special_ .box .txtArea ol li ol { list-style: decimal;}
/*肯德基/必勝客*/
.special_01 .box { background-color: #da1b20;}
.special_02 .box { background-color: #151515;}

.special_ .box dt { font-size: 1.2em; line-height: 4em;}
.special_ .box td { font-size: 1.1em;}
.special_ .box th { font-size: 1.1em;}

.special_ .pic { width: 90%; border-radius: .5em; margin: 1em auto 2em auto;}
.special_ .app { width: 60%;}