/* 黏人精 */
@media screen and (min-width:768px){
  .fixarea_tabbar{top: 10px;}
}

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

/* 版頭 */
@media screen and (min-width:768px){
  .Area_hero{height: 1040px;}
  .Area_hero--subtitle{top: 225px !important;}
  .Area_hero--tag{top: 630px !important}
  .Area_hero--PD{top: 360px !important}
  .cloud{position: absolute;top: 0;z-index: 2;}
}

@media screen and (max-width:767px){
  .Area_hero{height: 105vw;}
  .Area_hero--subtitle{top: 23.5vw !important;}
  .Area_hero--tag{top: 70vw !important}
  .Area_hero--PD{top: 38vw !important;left: -3vw !important;}
  .cloud{position: absolute;top: 11vw;z-index: 2;}
}

/* 區標 */
@media screen and (min-width:768px){
  .Area_title h3{font-size: 60px;transform: skew(338deg) rotate(353deg);top: 43px;}
}

@media screen and (max-width:767px){
  .Area_title h3{font-size: 6vw;transform: skew(338deg) rotate(353deg);top: 4.5vw;}
}

/* 公版線框 */
@media screen and (min-width:768px){
  .layout_PD01 ul{border: #000 solid 3px;}
  .bottom_version .PD_layout li{border: #000 solid 3px !important;}
}

@media screen and (max-width:767px){
  .layout_PD01 ul{border: #000 solid 2px;}
  .bottom_version .PD_layout li{border: #000 solid 2px !important;}
}

/* 按鈕 */
@media screen and (min-width:768px){
  .btn{padding: 50px 0 30px 0}
}

@media screen and (max-width:767px){
  .btn{padding: 5vw 0 3vw 0}
}

/* 攻略 */
@media screen and (min-width:768px){
  .activ01{width: 480px;position: relative;height: 0;left: -245px;}
  .activ02{width: 480px;position: relative;left: 245px;top: -78px;}
}

@media screen and (max-width:767px){
  .activ01{width: 50%;position: absolute;}
  .activ02{width: 51%;position: relative;left: 23.5vw;}
}

/* 保護文字 */
@media screen and (min-width:768px){
  .protect_text{background-color: #fff;border-radius: 20px;margin: 0 0 20px;border: #000 solid 3px;}
  .protect_text_big{margin: 0 0 0 20px;text-align: left;}
  .protect_text_small{margin: 0 15px 0 0;text-align: left;}
  .protect_text_small ul{list-style: decimal}
  
  .protect_text_Points{margin: 0 15px;color: #b72200;}
  .protect_text p{text-align: left;margin: 20px 0 0 20px;}
}

@media screen and (max-width:767px){
  .protect_text{background-color: #fff;border-radius: 10px;margin: 0 10px 10px;border: #000 solid 2px;}
  .protect_text_big{margin: 0 0 0 20px;text-align: left;}
  .protect_text_small{margin: 0 15px 0 0;text-align: left;}
  .protect_text_small ul{list-style: decimal}
  
  .protect_text_Points{margin: 0 15px;color: #b72200;}
  .protect_text p{text-align: left;margin: 20px 0 0 20px;}
}





.text01 {color: #ff0000; margin: 0 20px; font-size: 1.25rem; }