@media screen and (max-width: 1680px) {
  .helf p {
    width: 75%;
  }
}

@media screen and (max-width: 1440px) {
  .bgList.service .fullList {
    width: 90%;
  }
  .festivalList .info > ul {
    display: none;
  }
  .festivalList .info p {
    font-size: 93%;
    line-height: 1.9;
  }
}

@media screen and (max-width: 1366px) {
  .mainSearch .staybtn {
    top: -65px;
  }
}

@media screen and (max-width: 1280px) {
  .bgList.service .fullList {
    width: 100%;
  }
  .festivalList {
    width: 100%;
  }
  .festivalList figure {
    width: calc(100% - 524px);
  }
  .festivalList .info {
    width: 553px;
  }
  .helf p {
    width: 75%;
  }
  .introPage .content,
  .normalPage .content {
    width: calc(100% - 100px);
  }
}

/*█████████████████████████↓↓ 1024 ↓↓█████████████████████████*/

@media (min-width: 1023px) {
  .introPage .switch > a.nowChoice,
  .introPage .switch > a:hover {
    color: #c7511e;
  }
}

@media screen and (max-width: 1024px) {
  body {
    background-size: 155% !important;
  }
  .bgList .main {
    margin-top: 64px;
    padding-top: 50px;
  }
  .newsWrap {
    padding: 0 3%;
  }
  /*內頁*/
  .rightInfo > div ul {
    padding: 0 30px 30px 30px;
  }
  .introPage .article h1 {
    max-width: 100%;
    float: none;
    margin-bottom: 8px;
    padding-right: 38px;
  }
  .mapSearchBox {
    padding: 0 0 50px;
  }
  /*大背景列表*/
  .bgList.service .fullList {
    margin-top: 50px;
    padding-bottom: 0;
  }
  .bgList .content {
    min-height: 0;
  }
  .fullList ul li {
    margin: 0 15px 30px 15px;
  }
  /*遊憩景點列表*/
  .spotList {
    width: 100%;
  }
  .spotList li {
    margin-top: 0;
  }
  .spotList .info span:after {
    content: "";
    padding-bottom: 285px;
    margin-top: -137px;
    margin-left: -290px;
  }
  .spotList figure {
    width: calc(100% - 548px);
  }
  /*節慶列表*/
  .festivalList {
    width: 100%;
  }
  .festivalList .info {
    padding: 0;
    padding-left: 16px;
    width: 500px;
  }
  .festivalList .info > ul {
    display: none;
  }
  .festivalList figure {
    width: calc(100% - 524px);
  }
  /*遊程列表*/
  .tourList li .info > p {
    -webkit-line-clamp: 2;
    -o-line-clamp: 2;
    -ms-line-clamp: 2;
  }
  .tourList li .info > p {
    height: 58px;
  }
  /*電子賀卡*/
  .eCard section.step {
    padding: 80px 0 0;
  }
  /*王爺介紹*/
  span.relatedSpot {
    width: auto;
    margin-top: 0;
  }
  span.relatedSpot:before {
    display: none;
  }
  .bossGoAround .text {
    margin-top: 0;
    padding: initial;
  }
  .bossGoAround li span.relatedSpot:after {
    display: none;
  }
  .helf p {
    width: 65%;
  }
  /*意見調查*/
  /*.question>ul>li>* {
        padding: 15px 40px 0;
        display: block;
    }*/
  .personalInfo ul {
    width: 75%;
  }
  .personalInfo li {
    width: 100%;
  }
  .question > ul.finish > li span:nth-child(1) {
    padding-left: 40px;
  }
  .question > ul.finish > li span.graph {
    padding-left: 0;
  }
  .question ul.finish li ul {
    margin-top: 5px;
  }
  .keypress-instructions {
    display: none;
  }
  .hashtag-slide span.title {
    padding: 20px 10px 10px;
    font-size: 0.95rem;
  }
  .disabled li:before {
    width: 30px;
    height: 30px;
  }
  .question > ul > li .inputGroup {
    padding: 0;
  }
}

@media screen and (max-width: 1000px) {
  .tourline1 {
    background-size: 70px auto;
    padding: 10px 0px 10px 60px;
    font-size: 1.5rem;
  }
  .tourline2 {
    background-size: 70px auto;
    padding: 10px 0px 10px 60px;
    font-size: 1.5rem;
  }
  .tourline {
    background-size: 70px auto;
    padding: 10px 10px 10px 75px;
  }
  .tourlineTime {
    background-size: 70px auto;
    padding: 40px 0px 0 71px;
    font-size: 1.25rem;
  }
  .article .tourline h2 {
    font-size: 1.25rem;
  }
  .tourlineTimeText {
    font-size: 1rem;
  }
  .tourlineend {
    background-size: 70px auto;
    padding: 10px 0px 10px 60px;
  }
}

@media (max-width: 996px) {
  .introPage .article {
    width: 100%;
  }
  .main .rightInfo > * {
    display: none;
  }
  .othersBox {
    display: block !important;
    position: fixed;
    top: 177px;
    right: -250px;
    z-index: 9;
    width: 250px;
    background-color: #ffffff;
  }
  .othersBox ul {
    height: 290px;
    overflow: auto;
  }
  .othersBox strong {
    position: absolute;
    width: 50px;
    padding: 12px 15px;
    right: 248px;
    border-radius: 9px 0 0 9px;
    line-height: 1.2;
    background-image: none;
    top: -1px;
    font-size: 105%;
    background-color: #007A7A;
    color: #fff;
  }
  .othersBox b {
    color: #ffffff;
  }
  .rightInfo strong b i {
    display: none;
  }
  .rightInfo > div ul a {
    border-bottom: 1px solid #96e9e9;
    padding-bottom: 10px;
    padding-top: 10px;
  }
  .othersBox > a {
    display: none;
  }
  .othersBox ul > li {
    display: block;
  }
  .rightInfo strong:after {
    display: none;
  }

  .toggle-btn {
    display: none !important;
  }

  .iframe-intro-m{
    display: block !important;
    margin-bottom: 1rem;
    color: #000000;
  }
  .iframe-intro-m .h1{
    color: #000000;
  }
  .iframe-intro-m .h1 sub{
    color: #000000 !important;
  }

  .bike-page .iframe-intro-m .block h3{
    color: #000000 !important;
  }

  .bike-page .iframe-intro-m .block p, .bike-page .iframe-intro-m .block sub, .bike-page .iframe-intro-m .block span{
    color: #000000 !important;
  }

}

@media screen and (max-width: 900px) {
  .fullList ul li {
    margin: 0 6px 30px 7px;
  }
}

@media screen and (min-width: 769px) {
  .deviceShow {
    display: none;
  }
}

/*█████████████████████████↓↓ 768 ↓↓█████████████████████████*/

@media screen and (max-width: 769px) {
  header h1 b,
  header h2 b {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
  }
  .deviceHide {
    display: none;
  }
  .deviceShow {
    display: block;
  }
  /*網站導覽*/
  .site .box {
    width: 31%;
  }
  /*最新消息*/
  .newsWrap {
    padding: 0 1%;
  }
  .newsBox ul {
    padding: 10px 35px;
  }
  /* -- aside調整 -- */
  .main aside {
    display: none;
  }
  .hasAside .article {
    width: 100%;
    float: none;
  }
  /*圈圈清單*/
  .tour .tabBtns li:nth-child(4) a {
    background-image: url(../../images/icon/tour/r4.svg);
    background-size: 25%;
  }
  .searchBox {
    padding: 15px 0;
  }
  /*遊憩景點 清單*/
  .spotList figure {
    float: none !important;
    width: 100%;
  }
  .spotList li {
    width: 50%;
    float: left;
  }
  .spotList .info p {
    display: none;
  }
  .spotList .info {
    width: 100%;
    height: 70px;
    bottom: 0;
    float: none !important;
    top: inherit;
  }
  .spotList li .info span {
    padding: 0 !important;
  }
  .spotList .info span:after {
    display: none;
  }
  .spotList .info h2 {
    font-size: 185%;
    position: relative;
  }
  .spotList li:nth-child(1) .info h2 {
    -webkit-transform: rotate(-12deg);
    -ms-transform: rotate(-12deg);
    -o-transform: rotate(-12deg);
    transform: rotate(-12deg);
    left: 26px;
    bottom: 32px;
  }
  .spotList li:nth-child(2) .info h2 {
    -webkit-transform: rotate(16deg);
    -ms-transform: rotate(16deg);
    -o-transform: rotate(16deg);
    transform: rotate(16deg);
    left: -39px;
    bottom: 41px;
  }
  .spotList li:nth-child(3) .info h2 {
    -webkit-transform: rotate(-8deg);
    -ms-transform: rotate(-8deg);
    -o-transform: rotate(-8deg);
    transform: rotate(-8deg);
    left: 12px;
    bottom: 27px;
  }
  .spotList li:nth-child(4) .info h2 {
    -webkit-transform: rotate(-14deg);
    -ms-transform: rotate(-14deg);
    -o-transform: rotate(-14deg);
    transform: rotate(-14deg);
    left: 26px;
    bottom: 36px;
  }
  .spotList li:nth-child(5) .info h2 {
    -webkit-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    transform: rotate(10deg);
    left: -21px;
    bottom: 34px;
  }
  .spotList li:nth-child(6) .info h2 {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg);
    left: 5px;
    bottom: 16px;
  }
  /*節慶活動*/
  .festivalList > ul > li a > * {
    float: left;
  }
  .festivalList > ul > li:nth-child(even) a > figure {
    float: right;
  }
  .festivalList .info .title > .gb:before {
    display: none;
  }
  .festivalList figure {
    width: calc(100% - 326px);
  }
  .festivalList .info {
    position: relative;
    float: right;
    width: 312px;
  }
  .festivalList .info .title span {
    margin: 0;
  }
  .festivalList .info .title {
    width: 100%;
    height: 140px;
    margin: 0 0 16px;
  }
  .festivalList .info p {
    height: 120px;
    overflow: hidden;
    /**/
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    /*第3行要顯示點點點*/
    -o-line-clamp: 4;
    -ms-line-clamp: 4;
    -webkit-box-orient: vertical;
    -o-box-orient: vertical;
    -ms-box-orient: vertical;
    /**/
  }
  /*大圖背景清單*/
  .fullList {
    min-height: calc(100vh - 596px);
  }
  .fullList a {
    width: 115px;
    padding-top: 115px;
  }
  .fullList a:before,
  .fullList a:after {
    height: 115px;
  }
  /*遊程列表*/
  .tourList li .info > p {
    display: none;
  }
  .tourList figure {
    width: 60%;
  }
  .tourList figure span {
    padding-bottom: 63%;
  }
  .tourList li .info {
    width: 40%;
  }
  .tourList li .info > i {
    bottom: 0;
    position: absolute;
  }
  /*相片集錦*/
  .albumList .info h2 {
    font-size: 180%;
  }
  /*我的收藏*/
  .collectBox li {
    width: 30.5%;
  }
  /*新聞*/
  .news .textWrap {
    padding: 16px 20px;
  }
  .googleMap:before {
    padding-bottom: 74%;
  }
  /* 影音專區 */
  .videoList li:nth-child(1) .info span {
    display: none;
  }
  .videoList li {
    width: 47%;
  }
  .videoAll {
    margin-top: 30px;
  }
  /*出版品*/
  .videoList .info h2 {
    font-size: 100%;
    height: 100px;
  }
  .publish .info h2 {
    font-size: 100%;
    width: 100%;
  }
  .publishList > li {
    display: inline-block;
    width: 47%;
  }
  /*景點第二層選單*/
  .picBox img {
    height: 100%;
  }
  .picBox {
    width: 100%;
    height: 0;
    padding-bottom: 70%;
    margin-top: 55px;
  }
  .spotBrief {
    height: auto;
    font-size: 100%;
  }
  .spotBrief > a {
    display: none;
  }
  .spotAll {
    padding: 8px 0 75px 0;
    margin-top: 171px;
  }
  .spotAll h2 {
    font-size: 210%;
    margin-bottom: 30px;
  }
  ul.spotBox {
    padding: 0 5%;
  }
  .spotBox li {
    width: 32%;
    margin: 1.5% 0.5%;
  }
  .spotBox .info {
    padding: 22px 15px 50px;
  }
  .spotBox h3 {
    font-size: 120%;
  }
  #map-canvas {
    height: 70vh;
  }
  .helf p {
    width: 100%;
    margin-bottom: 22px;
  }
  .helf img {
    position: static;
    display: block;
    margin: 0 auto;
  }
  .mainSearch .staybtn {
    border-radius: 50px;
    width: 90%;
  }
  .infoListBox .dlList dd {
    margin-left: 35px;
  }
  .infoListBox .dlList dd a.location {
    padding: 8px 30px 8px 12px;
    margin-right: 44px;
  }
  .facility ul li {
    min-width: 33%;
  }
  .hashtag-btn,
  .disabled li,
  .facility ul li,
  .infoListBox .dlList p,
  .infoListBox .dlList a,
  .infoListBox .dlList span,
  .map-switch a,
  .introPage-switch .switch > a {
    font-size: 105%;
  }
  .map-switch a {
    width: 49%;
    padding: 5px 0;
    margin-bottom: 10px;
  }
  .map-switch a.food:before {
    width: 25px;
    height: 25px;
    margin-top: 2px;
  }
  .map-switch a.scenery:before {
    width: 26px;
  }
  .map-switch a.gas:before {
    width: 26px;
    height: 26px;
    margin-top: 2px;
  }
  .map-switch a.sleep:before {
    width: 28px;
    height: 26px;
    margin-top: 2px;
  }
  .article-direction {
    font-size: 110%;
  }
  .hashtag-slide span.title {
    padding: 50px 20px 20px;
    font-size: 120%;
  }
  a.tel-link:after {
    top: 8px;
  }
  a.location:after {
    right: 8px;
    top: 9px;
  }
  .facility li::before {
    width: 19px;
    height: 19px;
  }
  input#ctl00_cphFullContent_Matrix2Events_btnChangeDate {
    width: 230px;
  }
  .main .rightInfo {
    display: none;
  }
  /*問卷調查內頁*/
  .article.question_form h2 {
    margin-top: 30px;
    line-height: 1.6em;
    font-size: 1.5rem;
  }
  .topAll .path {
    width: 60%;
    overflow-x: scroll;
    white-space: nowrap;
  }
}

/*█████████████████████████↓↓ 680 ↓↓█████████████████████████*/

@media screen and (max-width: 681px) {
  .TripArrange .content > .col-r,
  .TripArrange .content > .col-l {
    width: 100%;
    padding: 0 10px;
    margin-bottom: 20px;
  }
  .TripArrange > .hd {
    top: -17px;
  }
  .TripArrange .boxList li ul li {
    width: 47%;
    margin-bottom: 2%;
  }
  .print iframe {
    width: 100% !important;
    margin-top: 20px;
  }
  /*景點第二層選單*/
  .spotBox li {
    width: 31.5%;
    margin: 1.5% 0.5%;
  }
  .picBox {
    padding-bottom: 78%;
  }
  .spotAll {
    margin-top: 137px;
  }
  /*王爺*/
  .bossGoAround ul li > * {
    float: none !important;
    width: 100%;
  }
  .bossGoAround li > figure {
    margin: 0 auto;
    width: 80%;
  }
  span.relatedSpot {
    margin: 0 auto;
    max-width: 60%;
  }
  .bossGoAround ul h4 {
    margin: 35px 0 7px 0;
  }
  .bossInfo h2.special span {
    display: block;
  }
  .bossInfo h2.special img {
    display: none;
  }
  .customImg {
    width: 100% !important;
    margin: 0 0 20px 0 !important;
  }
}

/*█████████████████████████↓↓ 640 ↓↓█████████████████████████*/

@media screen and (max-width: 641px) {
  .googleMap:before {
    padding-bottom: 84%;
  }
  /*景點第二層選單*/
  .spotBrief {
    display: none;
  }
  .spotAll {
    margin-top: 80px;
  }
  .spotBox li {
    width: 47.5%;
  }
  .spotAll h2 {
    display: none;
  }
  #cvs_wave00 {
    display: none !important;
  }
  .spotGoogleMap {
    display: none;
  }
  .spotBox a.gotoMap {
    display: none;
  }
}

/*████████████████████████↓↓ 540 ↓↓█████████████████████████*/

@media screen and (max-width: 540px) {
  .videoList li:nth-child(1) .info span {
    display: none;
  }
  .videoList li:nth-child(1) .info h2 {
    font-size: 110%;
    min-height: 35px;
    margin-bottom: 0;
  }
  /*出版品*/
  ul.downloadList {
    margin-top: 10px;
  }
  .downloadList h3 {
    font-size: 68%;
  }
}

/*█████████████████████████↓↓ 480 ↓↓█████████████████████████*/

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


  a.calendar-btn-1 {
    background-position: 15px center;
  }
  
  a.calendar-btn-2 {
    background-position: 15px center;
  }
  

  .introPage .content,
  .normalPage .content {
    margin: 30px auto 0;
    width: calc(100% - 40px);
  }
  /*.introPage h2,
    .normalPage h2 {
        width: 70%;
        margin: 0 auto;
    }*/
  .intro-page .main {
    padding: 0;
  }
  .main h3 {
    font-size: 150%;
  }
  .article > h3 {
    font-size: 150%;
    padding: 0 0 0 7%;
  }
  h2 {
    font-size: 170%;
  }
  .article h2 {
    font-size: 1.75rem;
    display: table;
    width: 100%;
  }
  span.month {
    margin-top: 0;
    transform: initial;
  }
  /*
    span.viewer {
        font-size: 100%;
    }

    span.viewer:before {
        background-size: 70%;
    }

    a.collect {
        font-size: 100%;
        padding-top: 0;
        margin-right: 0;
        background: url(../../images/icon/icon-fav.svg) no-repeat 0 7px/22px 22px;
        padding-left: 30px;
    }

    a.collect.added {
        font-size: 100%;
        padding-top: 0;
        margin-right: 0;
        padding-left: 30px;
        height: 35px;
        background: url(../../images/icon/icon-fav-add.svg) no-repeat 0 7px/22px 22px;
    }
    */
  .tabBtns {
    margin-top: 0;
  }
  .tabBtns b {
    font-size: 100%;
  }
  .tabBtns b i {
    font-size: 0.9rem;
  }
  .traffic .article h2 {
    margin: 0 0 10px 0;
    font-size: 155%;
  }
  header h1 b,
  header h2 b {
    letter-spacing: 0.02em;
  }
  header h1 b:after,
  header h2 b:after {
    right: -23px;
  }
  .introPage .main,
  .main {
    padding: 20px 0 20px;
  }
  .normalPage .main {
    padding: 40px 4% 20px 4%;
  }
  .article h1 {
    font-size: 185%;
  }
  .updateView {
    display: none;
  }
  .textWrap h3 {
    font-size: 150%;
  }
  .textWrap h4,
  .fake-h4 {
    font-size: 125%;
  }
  .textWrap h4::before,
  .fake-h4::before {
    width: 8px;
    height: 8px;
  }
  .textWrap h5,
  .fake-h5 {
    font-size: 100%;
  }
  .textWrap h5::before,
  .fake-h5::before {
    width: 4px;
    height: 18px;
    top: 4px;
  }
  /*最新消息*/
  .newsBox ul {
    padding: 10px 15px;
  }
  .newsBox li {
    display: block;
    height: auto;
  }
  .newsBox li a {
    display: block;
    padding: 17px 0;
  }
  .newsBox li a > * {
    display: block;
  }
  .newsBox li a h2 {
    padding: 0;
    margin-top: 6px;
    margin-left: 5px;
  }
  .newsBox li a span {
    height: 40px;
    line-height: 40px;
    padding: 0 7px;
    text-align: initial;
  }
  .newsBox h3 {
    padding: 12px;
    font-size: 170%;
  }
  .activityBox h3 {
    margin-bottom: 10px;
  }
  .activityBox li {
    width: 100%;
    margin-bottom: 10px;
  }
  .activityBox h2 {
    height: 112px;
    float: left;
    width: 49%;
    padding: 0 5px;
    border-radius: 0 25px 25px 0;
  }
  .activityBox .date span:after {
    display: none;
  }
  .activityBox .date {
    float: left;
    width: 50%;
    border-radius: 25px 0 0 25px;
  }
  /*魅力景點*/
  .spotList .info h2 {
    font-size: 152%;
    padding-bottom: 0;
  }
  .spotList li:nth-child(1) .info h2 {
    left: 16px;
    bottom: 8px;
  }
  .spotList li:nth-child(2) .info h2 {
    left: -22px;
    bottom: 13px;
  }
  .spotList li:nth-child(3) .info h2 {
    left: 9px;
    bottom: 4px;
  }
  .spotList li:nth-child(4) .info h2 {
    left: 19px;
    bottom: 9px;
  }
  .spotList li:nth-child(5) .info h2 {
    left: -17px;
    bottom: 8px;
  }
  .spotList li:nth-child(6) .info h2 {
    left: 5px;
    bottom: -4px;
  }
  .publishList > li {
    display: inline-block;
    width: 100%;
    margin: 0 0 6% 0%;
  }
  /*內頁表格*/
  .introPage .dlList dl:last-child {
    border: 0;
  }
  span.relatedSpot {
    max-width: 80%;
  }
  /*內頁上稿自己貼的按鈕*/
  ul.textWrapBtn {
    flex-wrap: wrap;
  }
  ul.textWrapBtn > li {
    width: 49%;
  }
  ul.textWrapBtn > li a {
    text-align: center;
    height: auto;
    padding: 5px 0;
    margin: 4px 0;
    font-size: 1rem;
  }
  /*節慶*/
  .festivalList {
    margin-top: 10px;
  }
  .festivalList .info {
    width: 242px;
  }
  .festivalList figure {
    width: calc(100% - 245px);
  }
  .festivalList .info p {
    display: none;
  }
  /*大背景選單*/
  header .slogan {
    display: none;
  }
  .fullList {
    margin-top: 20px;
  }
  .fullList ul li {
    margin: 0 6px 18px 7px;
  }
  /*遊記*/
  .tourContent {
    background: none;
    padding: 0;
  }
  .tourList li .info > span,
  .tourList li .info > i {
    display: none;
  }
  .tourList li .info > h2 {
    font-size: 170%;
  }
  /*相簿*/
  .albumList li {
    margin-bottom: 20px;
  }
  .albumList li .info b {
    display: none;
  }
  .albumList li:nth-child(even) a .info {
    padding-right: 5px;
  }
  .albumList .info h2 {
    font-size: 135%;
  }
  .albumList .info h2:before {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
  }
  /*電子賀卡*/
  .eCard section.step {
    margin: 63px 0 120px 0;
  }
  .eCard section.step.step_1 .content dl dd {
    width: 100%;
  }
  .normalForm label {
    margin-bottom: 10px;
  }
  /*頁碼*/
  .pageNum a.square {
    display: none;
  }
  .normalForm label,
  .normalForm .inputGroup {
    display: block;
    width: 100%;
  }
  .normalForm .row {
    padding: 20px 0 5px 0;
    border-bottom: 0;
  }
  .eCard section.step.step_3 {
    padding: 26px 30px;
  }
  /*活動列表*/
  .listStyle_2 article {
    padding: 0;
    background: none;
  }
  .listStyle_2 .content {
    padding: 0;
  }
  .listStyle_2 .content .col:first-child {
    display: none;
  }
  .listStyle_2 .content .col:nth-child(2) {
    width: 100%;
    padding-left: 0;
  }
  .listStyle_2 .content .brief {
    margin-bottom: 10px;
    margin-top: 17px;
    padding: 0 12px;
  }
  .topTitle.topTitle_2 .btnStyle_1 {
    font-size: 1rem;
    padding: 5px 15px;
  }
  /*報名表格*/
  .normalForm_style2 {
    padding: 20px 30px;
  }
  .normalForm_style2 input.mini {
    display: inline-block;
  }
  .boxStyle_1 .content {
    padding: 20px 30px;
  }
  .normalForm_style2 .row .col {
    display: block;
    padding-right: 0;
  }
  .normalForm_style2 label,
  .normalForm_style2 .inputGroup {
    display: block;
    width: 100%;
    float: none;
    text-align: left;
  }
  input[type="text"],
  select,
  textarea {
    display: block;
    width: 100% !important;
  }
  /*網站導覽*/
  .site .box {
    width: 48%;
  }
  /*會員*/
  .dlList {
    display: block;
  }
  .dlList dl {
    display: block;
    height: auto;
    padding: 2px 0;
  }
  .logBox {
    padding: 4%;
  }
  .logBox .dlList dt {
    max-width: 100%;
  }
  .logBox .dlList dl > * {
    display: block;
    border-bottom: 0;
    padding: 6px 0;
  }
  .logBox input[type="text"],
  .logBox input[type="password"] {
    width: 100%;
    max-width: 100%;
  }
  .logBox span.remark {
    float: none;
    display: block;
  }
  .logBox input.mini {
    width: 130px;
  }
  /*我的收藏*/
  .collectBox li {
    width: 47%;
  }
  .collectBox h3 {
    padding: 5px;
    font-size: 100%;
  }
  .collectBox h3:before {
    height: 28px;
    vertical-align: middle;
  }
  .collectBox ul:after {
    font-size: 100%;
  }
  .collectBox {
    margin-bottom: 30px;
  }
  /*自訂行程*/
  .TripArrange {
    margin-right: -40px;
    margin-left: -40px;
  }
  .TripArrange .collectBox h3 {
    padding: 0;
  }
  /*內頁上稿*/
  .fontSize li.share {
    transform: scale(0.9);
    z-index: 9;
    margin-top: -4px;
  }
  /*景點第二層選單*/
  ul.spotBox {
    padding: 0 3.5%;
  }
  .picBox {
    padding-bottom: 68%;
  }
  .spotAll {
    margin-top: 0;
  }
  ul.spotBox {
    margin-top: 0;
  }
  /*
    .introPage-switch .switch>a {
        padding: 6px 10px 6px 37px;
        margin: 0px 1px 0px 1px;
        font-size: 90%;
        background-position: 11% center;
        padding: 6px 10px 6px 27px;
    }

    .introPage-switch .switch>a.picBtn {
        background-size: 20%;
    }

    .introPage-switch .switch>a.viedoBtn {
        background-size: 22%;
    }

    .introPage-switch .switch>a.pic720Btn {
        background-size: 20%;
    }
    */
  /*意見信箱*/
  .question label {
    width: 100%;
    padding-bottom: 15px;
  }
  .question input[type="radio"],
  .question input[type="checkbox"] {
    float: left;
    margin-top: 2px;
  }
  .personalInfo ul {
    width: 100%;
  }
  .personalInfo input[type="text"] {
    height: 40px;
    width: 100%;
    margin-top: 5px;
  }
  .personalInfo textarea {
    width: 100%;
    margin-top: 5px;
  }
  .question > ul > li span:nth-child(1) {
    padding-right: 10px;
  }
  .allBtn > * {
    margin: 0 20px 35px;
  }
  .result {
    width: 100%;
  }
  .result:before {
    display: none;
  }
  .Answer {
    padding: 20px 30px 20px 70px;
  }
  .switch-default {
    margin-bottom: 10px;
  }
  /*--------------20180703蕙宇新增-------------*/
  .spotBox li {
    width: 100%;
  }
  .hashtag-btn {
    margin-right: 5px;
    padding: 6px 13px;
    margin-bottom: 10px;
  }
  /* 語音導覽 */
  /*
    .audio-title {
        font-size: 1rem;
        margin-right: 20px;
    }

    #audioplayer {
        height: 40px;
        padding: 8px 0 15px 15px;
        margin: 0 auto 20px;
        width: 92%;
    }

    .audio-title::before {
        width: 20px;
        height: 20px;
        margin-right: 5px;
        margin-top: 5px;
    }

    #timeline {
        width: calc(100% - 190px);
        margin-top: 10px;
    }

    .play {
        border-width: 10px 0 10px 15px;
    }

    .pause::before {
        width: 5px;
        height: 20px;
    }

    .pause::after {
        width: 5px;
        height: 20px;
        margin-left: 5px;
    }

    #pButton {
        top: 0;
        margin-left: 15px;
    }
    */
  .hashtag-slide span.title {
    padding: 20px 10px 15px;
    font-size: 0.9rem;
  }
  /*--------------20190517Peggy新增-------------*/
  .pageinfo {
    display: none;
  }
  .bottomInfo {
    margin: 35px 0;
  }
  .article-direction {
    width: 32%;
    padding: 6px 0;
  }
  .hashtag-slide span.hashtag-name {
    font-size: 1rem;
  }
  /*
    .mediaRun {
        position: relative;
        height: 0;
        padding-bottom: 56%;
        margin-bottom: 30px;
    }
    */
  .hashtag-slide .swiper-5 span.hashtag-name {
    padding: 5px 10px;
    font-size: 0.9rem;
  }
  .hashtag-btn,
  .disabled li,
  .facility ul li,
  .infoListBox .dlList p,
  .infoListBox .dlList a,
  .infoListBox .dlList span,
  .map-switch a,
  .introPage-switch .switch > a {
    font-size: 100%;
  }
  .infoListBox .dlList p,
  .infoListBox .dlList a,
  .infoListBox .dlList span {
    display: table;
    margin: 10px 0;
  }
  .infoListBox .dlList span {
    margin-left: 0;
  }
  .googleMap:before {
    padding-bottom: 85%;
  }
  .map-switch a.scenery:before {
    width: 22px;
    height: 20px;
  }
  .map-switch a.food:before {
    width: 20px;
    height: 20px;
  }
  .map-switch a.sleep:before {
    width: 23px;
    height: 23px;
  }
  .map-switch a.gas:before {
    width: 21px;
    height: 21px;
  }
  .mapSearchBox {
    padding-bottom: 15px;
  }
  .othersBox {
    top: 119px;
  }
  /* 遊程內頁 */
  .tourline1,
  .tourlineTime,
  .tourline,
  .tourline2,
  .tourlineend {
    margin-left: -20px;
  }
  /*活動行事曆*/
  .monthTable,
  .eventAll {
    display: none;
  }
  .calendar .month a {
    width: 25px;
    top: 7px;
  }
  .calendar .month {
    padding: 0;
  }
  .calendar .month div {
    display: inline-block;
    width: 95%;
    left: 10%;
    transform: translateX(0);
  }
  .calendar-search {
    width: 100%;
  }
  .calendarDate select {
    font-size: 1rem;
    background-position: 64px center;
    background-size: 11%;
    width: 25% !important;
    display: inline-block;
    height: 40px;
  }
  input[type="submit"].calendar-search {
    border: none;
    padding: 0px 50px 0 46px;
    margin-top: 3px;
    width: 25px!important;
    background-position: 15px center;
    height: 40px;
    vertical-align: middle;
    font-size: 1rem;
  }
  select.calendarMonth {
    padding-left: 30px;
  }
  .list-type .list {
    padding: 20px 0;
  }
  .list-type .date b {
    font-size: 1.75rem;
    width: 42px;
  }
  .list-type .date span {
    font-size: 0.8rem;
  }
  .list-type .list .date {
    width: 35%;
  }
  .list-type .list .content {
    width: 65%;
  }
  .list-type .content a:before {
    width: 14px;
    height: 14px;
    top: 7px;
  }
  .content b {
    font-size: 1rem;
  }
  /* 出版品 */
  .switch-default li {
    width: 48%;
  }
  .switch-default li a {
    width: 100%;
  }
  .switch-default a {
    padding: 5px 20px 5px 40px;
    background-size: 15%;
  }
  /* 交通資訊 */
  .tabBtns li {
    width: 29%;
  }
  .tabBtns b::before {
    display: block;
    margin: 0 auto;
  }
  /*問卷調查列表*/
  .listBox ul {
    padding: 0;
  }
  .listBox li {
    height: 80px;
  }
  .listBox li a > * {
    font-size: 135%;
    line-height: initial;
  }
  .listBox h3 {
    padding: 10px 10px 10px 50px;
  }
  .listBox li a span:before {
    margin-top: -5px;
  }
  /*王爺介紹*/
  .bossGoAround ul .fake-h4 {
    margin-top: 63px;
  }
  /*問卷調查內頁*/
  .article.question_form .question {
    padding: 0 25px 25px;
  }
  .question > ul > li > * {
    padding: 0;
  }
  .article.question_form .allBtn .sendBtn,
  .article.question_form .allBtn .backListBtn {
    width: 100%;
    padding: 8px;
    margin: 10px 0;
  }
  .videoList li {
    width: 100%;
  }
  .topAll .path {
    width: 75%;
  }
  /*遊程內頁  */
  .tourlineSpots {
    flex-wrap: wrap;
  }
  .tourlineSpotsLeft {
    width: 100%;
    padding-bottom: 60%;
  }
  .tourlineSpotsRight {
    width: 100%;
    padding-left: 0;
    margin-top: 10px;
  }
  input,
  select,
  textarea {
    width: 100%;
  }
  input.date::placeholder {
    padding: 0;
    font-size: 1rem;
    height: 30px;
    vertical-align: center;
  }
  .customHtml > h4 {
    display: block;
    padding: 0 40px 0 15px;
    white-space: normal;
    text-align: left;
  }
}

/*█████████████████████████↓↓ 420 ↓↓█████████████████████████*/

@media screen and (max-width: 420px) {
  .mapBtnList {
    width: 100%;
    left: 0;
    margin-left: 0;
    bottom: 0;
    margin-top: 0;
  }
  .mapBtnList li {
    float: left;
    width: 33.3%;
    margin: 0;
  }
  .mapBtnList li a {
    width: 100%;
    border-radius: 0;
    height: 50px;
    display: table;
    background-image: none !important;
  }
  .mapBtnList li a i {
    padding-top: 0;
    display: table-cell;
    vertical-align: middle;
  }
  .mapSearchBox > h3 {
    padding: 10px 20px 10px 85px;
  }
  .videoList .info h2 {
    font-size: 1.4rem;
    min-height: 0;
  }
  .logBox .sendBtn {
    width: 100%;
    padding: 10px 0;
  }
  .logBox .fbBtn {
    width: 100%;
    padding: 10px 0 10px 21px;
    background: #0b5998 url(../../images/icon/facebook.svg) no-repeat 30px
      center/9%;
  }
}

/*█████████████████████████↓↓ 375 ↓↓█████████████████████████*/

@media screen and (max-width: 376px) {
  .mediaRun .slick-dots {
    bottom: 9px;
  }
  body {
    background-image: none !important;
  }
  header {
    margin-bottom: 0;
  }
  .normalPage header {
    padding-top: 5px;
  }
  header h1 {
    /*font-size: 121%;*/
  }
  header h1 b {
    background-position: 0 0 !important;
  }
  header h1 b,
  header h2 b {
    border-radius: 0;
  }
  header h1 b:after,
  header h2 b:after {
    right: -50px;
  }
  header h1 b:before,
  header h2 b:before {
    left: -50px;
  }
  .tourlineBox {
    width: 100%;
  }
  .textWrap ul.trafficPhoto {
    padding: 0;
  }
  .trafficPhoto li {
    padding: 20px 0;
  }
  .tourNote {
    width: 100%;
    margin: 0;
  }
  /*介紹內頁*/
  .introPage .article h1 {
    font-size: 140%;
  }
  .textWrap {
    line-height: 1.7em;
    font-size: 90%;
    margin-top: 0;
  }
  .mapSearchBox > h3 {
    font-size: 156%;
  }
  .picRun li a {
    padding-bottom: 61%;
  }
  /*最新消息*/
  .newsBox h3 {
    padding: 8px;
    font-size: 150%;
  }
  .newsBox li a {
    padding: 9px 0;
  }
  .newsBox li a span {
    font-size: 90%;
    width: 121px;
  }
  .newsBox li a span:before {
    height: 27px;
    margin-top: -14px;
  }
  .newsBox li a h2 {
    font-size: 100%;
  }
  .moreInfo {
    padding: 10px;
    width: 220px;
    font-size: 110%;
  }
  .activityBox h3 {
    font-size: 200%;
  }
  .activityBox h3 b {
    padding: 0 8px;
  }
  .newsDate {
    font-size: 105%;
  }
  .news .textWrap {
    padding: 12px 0;
  }
  /*遊憩景點列表*/
  .spotList li {
    width: 100%;
  }
  .spotList li:nth-child(1) .info h2 {
    bottom: 18px;
  }
  .spotList li:nth-child(2) .info h2 {
    bottom: 28px;
  }
  .spotList li:nth-child(3) .info h2 {
    bottom: 18px;
  }
  .spotList li:nth-child(4) .info h2 {
    bottom: 23px;
  }
  .spotList li:nth-child(5) .info h2 {
    bottom: 18px;
  }
  .spotList li:nth-child(6) .info h2 {
    bottom: 8px;
  }
  /*頁碼*/
  .pageNum a {
    display: none;
  }
  .pageNum a.pre,
  .pageNum a.next {
    display: inline-block;
  }
  /*節慶列表*/
  .festivalList figure {
    width: 90%;
    margin: 0 auto;
    float: none !important;
  }
  .festivalList .info {
    float: none !important;
    width: 100%;
    text-align: center;
  }
  .festivalList .info .title {
    height: auto;
  }
  .festivalList .info .title h2 {
    font-size: 180%;
    line-height: 50px !important;
  }
  /*圈圈頁籤*/
  .mainSearch {
    font-size: 80%;
  }
  ul.tourList {
    margin-top: 0;
    padding: 0 5%;
  }
  .tourList > li a > * {
    float: none !important;
    width: 100% !important;
  }
  .tourList li .info {
    padding: 0;
  }
  .tourList figure:after {
    display: none;
  }
  /*--相簿--*/
  .albumList .info h2 {
    height: 91px;
    overflow: hidden;
    /**/
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    /*第3行要顯示點點點*/
    -o-line-clamp: 3;
    -ms-line-clamp: 3;
    -webkit-box-orient: vertical;
    -o-box-orient: vertical;
    -ms-box-orient: vertical;
    /**/
  }
  .announce {
    padding: 16px 21px;
    font-size: 80%;
  }
  .videoList li {
    width: 98%;
  }
  .videoList li:nth-child(1) .info {
    padding: 0 16px 12px 16px;
  }
  /*電子賀卡*/
  .eCard section.step .hd strong {
    font-size: 129%;
  }
  .eCard section.step {
    padding: 44px 0 0;
  }
  .eCard section.step.step_3 {
    padding: 22px 20px;
  }
  .normalForm {
    margin: 0 auto 0;
  }
  input.mini {
    width: 120px !important;
  }
  .eCard section.step .hd > div > span {
    font-size: 200%;
  }
  .eCard section.step.step_2 .content dl dd {
    width: 100%;
  }
  /*活動*/
  .listStyle_2 article h2 a {
    padding: 7px 14px;
    font-size: 92%;
  }
  .listStyle_2 .content .brief {
    padding: 0;
  }
  .listStyle_2 .content .ft li {
    margin-bottom: 5px;
  }
  .listStyle_2 .content .brief {
    margin-bottom: 24px;
  }
  .boxStyle_1 .content {
    padding: 0;
    background: none;
    margin-top: 0;
  }
  .intro p {
    margin-bottom: 0;
  }
  .boxStyle_1 {
    margin-bottom: 0;
  }
  .boxStyle_1 h3,
  .boxStyle_2 h3 {
    padding-left: 45px;
  }
  .boxStyle_1 .content li,
  .boxStyle_2 .content li {
    font-size: 1rem;
  }
  .verifyImg {
    margin-bottom: 10px;
  }
  .boxStyle_1 .textWrap,
  .boxStyle_2 .textWrap {
    margin-top: 0;
  }
  .boxStyle_2.icon h3:before {
    width: 34px;
  }
  .normalForm_style2 {
    padding: 20px 18px;
  }
  .boxStyle_1.icon > h3:before {
    width: 34px;
  }
  .notice li {
    font-size: 1rem;
  }
  /*網站導覽*/
  .site .box {
    width: 100%;
    margin: 1em 0;
  }
  span.viewer {
    padding-top: 0px;
  }
  .TripArrange .boxList li ul li {
    width: 100%;
  }
  /*景點第二層選單*/
  .spotBox .info {
  }
  .spotBox h3 {
    font-size: 110%;
  }
}

/*█████████████████████████↓↓ 320 ↓↓█████████████████████████*/

@media screen and (max-width: 320px) {
  /*意見調查*/
  .question > ul > li > * {
    padding: 15px 0px 0;
  }
  .mainSearch .staybtn::before {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .verification-setting {
    display: block;
  }
  .verification-input {
    margin: 1rem 0;
  }
  input.verification-mobile {
    width: 100% !important;
    display: block;
  }
}

/*------------------------以高度判斷-----------------------------*/

@media screen and (max-height: 768px) {
}