@media all and (min-width: 1px) and (max-width: 1200px){ 

  /*舊版IE專用修復縮放不正常檢視用*/
  
  /*mobile*/
  
  /* 隱藏區塊 */
  #BodyHeader {display:none;}
  #event_news,#menuleft {display:none;} 
  /* 隱藏區塊 */
  
  /*body*/
  body {margin-top: 0%;margin-right: 0%;margin-bottom: 0%;margin-left: 0%;font-family: "Microsoft JhengHei", Verdana, Arial;}
  #BodyContainer {width: 100%;margin-right: auto;margin-left: auto;}
  #BodyHeader #site {display: none;} 
  
  /* Event_heaader */
  #BodyHeader_m {text-align: center;height: auto;margin-right: auto;margin-left: auto;margin-top: 2%;margin-bottom: 2%;}
  #BodyHeader_m img {clear: both;height: auto;max-width: 100%;}
  #BodyHeader_m #site2 {border-bottom-left-radius:40px;border-bottom-right-radius:40px;opacity: 0.8;text-align: center;width: 60px;height: 90px;position: fixed;z-index: 999;left: 2%;font-size: 1em;line-height: 1.2em;background-color: #D64B1D;color: #FFF;vertical-align: top;top: 9%;padding-top: 15px;} 
  #BodyHeader_m #site2 a {color: #FFF;text-decoration: none;}
  
  /* Event css */
  #event_master img {width:100%}
  .banner h2 {font-size: 1.7rem;top: -4.2rem;}
  .discount {padding: 1rem 1rem 1.3rem;flex-direction: column;}
  .discount dl{padding: 1rem 1rem;margin: 0 1rem .5rem;}
  .discount dd{letter-spacing:unset;}
  .discount br{display: none;}   
  .giveaway {margin: 0 auto ;}
  .booklist:first-child caption span small{line-height: 2.0rem;}
  
  /* notice */
  #event_notice{text-align:left;float:left;width:100%;margin:0;padding:20px 0 40px}
  #event_notice p {font-size: 0.9em;line-height: 1.7em;text-indent: -0.8125rem;margin: 0 5% 0 10%;}
  
  /* Footer */
  #BodyFooter_rwd{float:left;width:100%;margin-right:auto;margin-left:auto;padding:0}
  #BodyFooter_rwd #footer_line{width:90%;display:block;float:left;height:auto;text-align:center;border-top-width:thin;border-top-style:solid;border-top-color:#333;margin:2% auto 2% 5%}
  #BodyFooter_rwd #footer_inline a{color:#333}
  #BodyFooter_rwd #footer_inline ul{float:left;padding:0;width:100%;margin-bottom:1%;text-align:center}
  #BodyFooter_rwd #footer_inline ul li{float:left;display:inline-block;line-height:2em;font-size:1.2em;clear:both;width:100%;margin-right:auto;margin-bottom:0}
  #BodyFooter_rwd #footer_inline ul li img{max-width:100%;height:auto;vertical-align:middle;margin-bottom:2%}
  #footer_address li:nth-of-type(1) img:first-child{display:block;text-align:center;margin:0 auto 2%}
  #BodyFooter_rwd #footer_address{margin-top:0;float:left;width:100%;text-align:center;margin-right:auto;margin-left:auto}
  #BodyFooter_rwd #footer_address a{color:#333}
  #BodyFooter_rwd #footer_address ul{float:left;padding:0;text-align:center;margin-bottom:1%;width:94%;clear:both;margin-left:3%}
  #BodyFooter_rwd #footer_address ul li{float:left;display:block;width:100%;line-height:2em;text-align:center;font-size:.8em}
  /* Footer end */
  
  
  /* top */
  #topbutton{width:50px;height:50px;color:#FFF;border-radius:9999em;background-color:#000;opacity:.4;right:1%;bottom:3%;position:fixed;line-height:50px;font-size:15px;text-align:center;z-index:999}
  #topbutton a{color:#FFF;font-size:15px}
  
  }

@media screen and (min-width: 1px) and (max-width:820px){
  .discount span {display: inline;margin-left: 0;} 
}

/*media區域*/
@media(max-width:767px){
  /* .banner {background: url(../images/1402086_bg.jpg) no-repeat top center / 100% 100%;} */
  .gift {padding: 1rem 1rem 1.5rem;}
  h4 {font-size: 1.35rem;}
  #event_Book h3 {font-size: 1.75rem;line-height: 2rem}
  .banner h2 {font-size: 1.125rem;top: -0.35rem;left: 7rem;padding: .25rem .5rem .25rem 1rem;margin: -2.35rem 0 0;}
  /*.discount {margin:auto;padding:.4rem 0 .6rem;justify-content: center;font-size: 1.25rem;}*/
  .discount {width: 90%;font-size: 1.1rem;line-height: 1.6rem;text-indent: -1.2rem;padding: 0 0 0 1.2rem;margin: auto;}  
  .discount br {display: none;}
  .discount_content{gap: 1.2rem;padding: 1rem 0 0;}
  .discount dt {font-size: 1.2rem;}
  .discount dd {font-size: 1.1rem;padding: .25rem 0;}
  .discount_text{margin-top: inherit;}
  .giveaway {margin: 0 auto;padding: 0 0 1.5rem;}
  .giveaway p {font-size: 1.15rem;padding: .5rem .2rem;line-height: 1.6rem;}
  .booklist {width: 100%;}
  caption span, .mainlist span {line-height: 2rem;}
  #event_Book h3 {margin: 1.25rem 0 0;}
  /* .discount:nth-of-type(1),.discount:nth-of-type(2){width: 100%;}  
  .discount:nth-of-type(2):before{display: none;}  
  .discount ul li{display: inline-block;float: none;width: auto;}
  caption span { display: flex;justify-content: center;flex-wrap: wrap; } */
  @media screen and (max-width: 500px) { .booklist table caption img { max-width: 100%; width: calc(78%/2);} }    
  @media screen and (max-width: 320px) { .booklist table caption b { padding: 0.2rem 2rem 0.1rem;} }    
  .booklist a {color: #2e3238;display: inline-block;}
  .booklist td, .booklist th {padding: 5px 4px 5px 0px;}
  .booklist th {white-space: nowrap;}
  .book_group dl{justify-content: center;}
  .book_group dd{padding: 0;}
  #event_notice p {font-size: 0.9em !important;line-height: 1.7em !important;text-indent: -0.8125rem;margin: 0 5% 0 10% !important;}
  .buy a {padding: 6px 12px;}
  .gift{font-size: 1.2rem;padding: .6rem .6rem 1rem;}
  .title{font-size: 1.9rem;}
  .series{font-size: 1.6rem;}
}