@-ms-viewport {
    width: device-width;
}

@viewport {
    width: device-width;
}

@media screen and (min-width: 1680px) {
    /*ul.rowbox {
        padding: 0 100px;
    }*/
}

@media screen and (min-width: 1600px) {}

@media screen and (max-width: 1680px) {
    /*共用設定*/
    .mContent .wrap {
        padding: 0;
        padding-top: 80px;
    }
    .categories ul {
        padding: 0;
    }
    .mContent.fullbg.P05::before {
        top: 100px;
    }
    .dataView {
        margin: 50px 10px;
    }
    /*節慶內頁*/
    .floatimg {
        width: 47%;
        margin-right: 170px;
    }
    /*行程導覽頁*/
    .mContent-contArea .container .topicInfo p {
        height: 110px;
        -webkit-line-clamp: 3;
        line-clamp: 3;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        box-orient: vertical;
    }
    /*景點周邊列表頁*/
    .Peripherybox .gomap {
        right: 0;
    }
}

@media screen and (max-width: 1600px) {
    .festivalList {
        margin: 0 5%;
    }
    /*節慶內頁*/
    .mContent.fullbgpage h1, .mContent.fullbgpage .fullimg h2, .mContent.fullbgpage .fullimg .h2 {
        padding-left: 130px;
    }
    .floatbox {
        margin-top: -480px;
        margin-left: 15px;
        width: calc((50% - 200px));
    }
    .floatimg {
        margin-right: 90px;
    }
    .mt {
        margin-top: 220px;
        /*padding: 30px 2%;*/
    }
    .fast5 .mt, .fast6 .mt, .fast9 .mt {
        margin-top: 60px;
    }
    .LinkList li a>img {
        height: 100px;
    }
}

@media screen and (max-width: 1440px) {
    .mContent-contArea .container {
        padding: 70px 100px;
    }
    .scenerymap {
        left: 40px;
    }
    .scenerybox {
        margin-right: 0;
    }
    .topicInfobox {
        width: calc((100% - 120px)/2);
    }
    .festivalList {
        margin: 0;
    }
    ul.bookmark li {
        margin: 0 10px;
    }
    ul.bookmark li a {
        padding: 10px 60px;
    }
    .pagemapbox .pageMap, .wrap article ul.pagemapInfoBox, div.pagemapInfoBox, .pagemapbox .pageMap iframe {
        height: 500px;
    }
    /*行程內頁*/
    .travelplace .placeInfo .col-l {
        width: 50%;
    }
    .travelplace .placeInfo .col-r {
        width: calc((50% - 20px));
    }
    /*節慶內頁*/
    .mContent.fullbgpage h1 {
        font-size: 300%;
    }
    .mContent.fullbgpage .fullimg h2, .mContent.fullbgpage .fullimg .h2 {
        padding-top: 125px;
    }
    .floatbox {
        margin-top: -570px;
        width: calc((50% - 150px));
    }
    .floatimg {
        width: 55%;
        margin-right: 5px;
    }
    .fast3 .floatimg {
        width: 70%;
        margin-right: 0px;
    }
    .fast2 .floatimg {
        width: 50%;
        margin-right: 65px;
    }
    /*訂閱電子報*/
    .Newsletter {
        padding: 0 5%;
    }
    /*景點周邊列表*/
    .Peripherybox ul.bookmark li {
        margin: 0 20px;
    }
    /*更多連結*/
    .LinkList li a>img {
        height: 84px;
    }
    .P06_2 .categories ul, .P06_3 .categories ul {
        padding: 0 15%;
    }
    .hashtag-page a {
        width: 18%;
    }
}

@media screen and (max-width: 1366px) {
    .tourwapper.tour01 .topicInfo h2::after {
        left: 94%;
        background-size: 70%;
    }
    .festivalList ul li ul li.festivalInfo .info p {
        padding-right: 28px;
    }
    .newsList {
        padding: 0;
    }
    article.news .textArea iframe {
        height: 520px;
    }
    /*景點內頁*/
    div.pagemapInfoBox {
        padding: 20px;
    }
    /*行程導覽頁*/
    .mContent .middleTools, .mContent-contArea .container, .categories, .mContent-contArea .container.Photobox, .mContent-hdr .container {
        padding: 40px 80px;
    }
    .mContent-contArea .container .topicInfo p {
        height: 150px;
        -webkit-line-clamp: 4;
        line-clamp: 4;
    }
    /*節慶內頁*/
    .floatbox {
        margin-top: -450px;
        width: calc((50% - 100px));
    }
    .floatimg {
        width: 50%;
    }
    .fast2 .floatimg {
        margin-right: 5px;
    }
    /*加油據點table*/
    .tableStyle dl dt:nth-child(2), .tableStyle dl dd:nth-child(2) {
        width: 40%;
    }
    .tableStyle dl dt:nth-child(3), .tableStyle dl dd:nth-child(3), .tableStyle dl dt:nth-child(4), .tableStyle dl dd:nth-child(4) {
        width: calc((100% - 55%)/2);
    }
    /*訂閱電子報*/
    .Newsletter {
        padding-top: 50px;
    }
    .subscription dd a {
        display: block;
        width: 180px;
    }
    /*錯誤頁*/
    .errorpage .logo {
        width: 320px;
        left: 20px;
        top: 10px;
    }
    .hashtag-page a {
        width: 17%;
    }
}

@media screen and (max-width: 1280px) {
    article {
        width: calc(100% - 250px);
    }
    aside {
        width: 230px;
    }
    .scenerymap {
        left: 0px;
    }
    ul.rowbox li .info {
        padding: 15px 70px 40px 15px;
    }
    ul.rowbox li .info::before {
        right: 10px;
    }
    .festivalList ul li ul li.festivalInfo .info p {
        padding-right: 67px;
    }
    article.news .textArea iframe {
        height: 500px;
    }
    /*搜尋*/
    ul.bookmark li {
        margin: 0 5px;
    }
    ul.bookmark li a {
        padding: 10px 40px;
    }
    .mContent .wrap.Bookbox {
        padding: 0;
    }
    /*必玩景點列表*/
    ul.rowbox li .info h4.good {
        right: 24px;
    }
    /*節慶內頁*/
    .mContent.fullbgpage .fullimg h2, .mContent.fullbgpage .fullimg .h2 {
        padding-top: 160px;
        padding-left: 120px;
    }
    .mContent.fullbgpage h1 {
        font-size: 265%;
        padding-left: 115px;
    }
    .floatbox {
        margin-left: 0px;
        margin-top: -680px;
        width: calc((50% - 100px));
    }
    .floatimg {
        width: 55%;
        margin-right: 0;
    }
    /*行程導覽頁*/
    .mContent .middleTools, .categories {
        padding: 40px 50px;
    }
    .mContent-contArea .container .topicInfo p {
        height: 110px;
        -webkit-line-clamp: 3;
        line-clamp: 3;
    }
    *::-ms-backdrop, .topicbox:nth-child(odd) figure {
        padding-right: 0;
    }
    /*網站導覽*/
    .sitemap>ul>li {
        width: calc((100% - 3rem)/3);
    }
    /*景點周邊列表*/
    .Peripherybox ul.bookmark li a {
        padding: 10px 60px
    }
    /*認識北觀導覽頁*/
    .mContent.fullbg.P02:after {
        width: 220px;
        height: 30vh;
    }
}

@media screen and (max-width: 1280px) and (max-height: 800px) {
    /*節慶內頁*/
    .floatbox {
        margin-top: -460px;
    }
    /*.floatimg {
margin-top: -520px;
}*/
    .fast2 .floatimg {
        width: 55%;
        margin-right: -15px;
        margin-top: -520px;
    }
    .fast5 .floatbox, .fast6 .floatbox, .fast9 .floatbox {
        width: 50%;
    }
}

/*------以高度為準---------*/

@media screen and (max-height: 900px) {
    .festivalList .rightnav {
        top: 37vh;
    }
    .categoriesLevelTwo {
        padding: 5rem 0;
    }
}

@media screen and (max-width: 1024px) {
    /*內頁共用*/
    .mContent {
        margin-top: 50px;
    }
    .mContent .middleTools {
        padding: 30px;
    }
    /*.mContent-hdr {
padding-top: 30px;
}*/
    .mContent-contArea .container {
        padding: 40px 60px;
    }
    .mContent-hdr .container {
        padding: 40px 60px 0;
    }
    article.news .textArea iframe {
        height: 400px;
    }
    #pagetop {
        bottom: 0px;
        right: 15px;
    }
    /*並排照片*/
    .photo2box .photo {
        float: inherit;
        width: 100%;
    }
    .photo2box .photo figcaption {
        margin-bottom: 30px;
    }
    /*最新消息*/
    /*搜尋*/
    .SearchBox {
        margin-bottom: 1rem;
        text-align: left;
    }
    .SearchBox legend {
        margin-left: 0;
    }
    .pages {
        padding: 0;
    }
    .paginationSec>div a {
        width: 44pt;
        height: 44pt;
        line-height: 44pt;
    }
    .paginationSec>div a.txt {
        text-indent: -9999px;
        position: relative;
        padding: 0 13px;
    }
    .paginationSec>div a.txt::after {
        position: absolute;
        top: 50%;
        left: 50%;
        content: "";
        display: block;
        width: 14px;
        height: 14px;
        background-size: 100%;
        background-position: center;
        background-color: transparent;
        margin: -7px 0 0 -7px;
    }
    .paginationSec>div a.txt#ctl01_ContentPlaceHolder1_ctl00_Paging1_btnFirstpage::after {
        background-image: url(../images/icon/icon-arrowLL_gray.svg);
    }
    .paginationSec>div a.txt#ctl01_ContentPlaceHolder1_ctl00_Paging1_btnLastpage::after {
        background-image: url(../images/icon/icon-arrowRR_gray.svg);
    }
    /*內頁下載*/
    .pageInfo.downloadArea table th:nth-child(2), .pageInfo.downloadArea table td:nth-child(2), .pageInfo.downloadArea table th:nth-child(3), .pageInfo.downloadArea table td:nth-child(3) {
        display: none;
    }
    /*圈圈導覽頁*/
    .mContent.fullbg {
        background-attachment: inherit;
    }
    .categoriesLevelTwo li {
        margin: 0 1% 30px 1%;
    }
    /*景點區域導覽頁*/
    .scenery {
        background-attachment: inherit;
    }
    .scenerybox {
        padding: 20px 40px;
        width: 350px;
    }
    .scenerybox li {
        padding: 7px 0;
    }
    .scenerybox li a {
        padding: 14px 0;
    }
    .scenerybox li a:hover {
        padding-left: 0;
    }
    .scenerymap {
        bottom: inherit;
        top: 250px;
    }
    .scenerymap .mapL-DistrictName {
        width: 600px;
        height: 370px;
    }
    .scenerymap .mapL-DistrictName i.mapL-District {
        top: 0;
    }
    .scenerymap .mapL-DistrictName a.DistrictName_1 {
        top: 60px;
        left: 130px;
        padding: 20px;
    }
    .scenerymap .mapL-DistrictName a.DistrictName_2 {
        top: 25px;
        left: 220px;
        padding: 15px 30px;
    }
    .scenerymap .mapL-DistrictName a.DistrictName_3 {
        top: 75px;
        left: 302px;
        padding: 20px 10px;
    }
    .scenerymap .mapL-DistrictName a.DistrictName_4 {
        top: 140px;
        left: 350px;
        padding: 20px;
    }
    .scenerymap .mapL-DistrictName a.DistrictName_5 {
        top: 235px;
        left: 55px;
        padding: 20px;
    }
    .scenerymap .mapL-DistrictName a.DistrictName_6 {
        top: 205px;
        left: 420px;
        padding: 15px 30px 15px 0;
    }
    .ecNetUlTabContent.SearchBox {
        padding: 0 60px;
    }
    /*必玩景點*/
    ul.rowbox li {
        width: calc((100% - 50px)/2);
    }
    /*景點-主題推薦*/
    .topicInfo {
        padding: 20px;
    }
    .topicInfo li {
        padding: 5px 0;
    }
    .topicInfo li a {
        padding: 10px 0;
        font-size: 110%;
    }
    .topicInfobox:hover {
        background: #FFF;
    }
    .topicInfobox:hover .topicInfo h2 {
        color: #111;
    }
    .topicInfobox:hover .topicInfo li a {
        color: #3baaef;
    }
    .tib_1:hover .topicInfo h2::before {
        background-image: url(../images/icon/icon_btn_topic.svg);
    }
    .tib_2:hover .topicInfo h2::before {
        background-image: url(../images/icon/icon_btn_temple.svg);
    }
    .tib_3:hover .topicInfo h2::before {
        background-image: url(../images/icon/icon_btn_bicycle.svg);
    }
    .tib_4:hover .topicInfo h2::before {
        background-image: url(../images/icon/icon_btn_mountains.svg);
    }
    .tib_5:hover .topicInfo h2::before {
        background-image: url(../images/icon/icon_btn_beach.svg);
    }
    .tib_6:hover .topicInfo h2::before {
        background-image: url(../images/icon/icon_btn_garden.svg);
    }
    .topicInfobox:hover .topicInfo li a:hover {
        padding-left: 0;
    }
    .topicbox figure {
        float: none;
        padding: 0;
    }
    .topicbox figure span img, .topicbox:nth-child(odd) figure span img, .topicwapper .topicbox:nth-child(even) figure {
        width: 100%;
        float: none;
    }
    .topicInfobox, .topicwapper .topicbox:nth-child(even) .topicInfobox {
        width: 100%;
        position: static;
        min-height: inherit;
        left: inherit;
        top: inherit;
        right: inherit;
    }
    /*景點內頁*/
    .pagemapbox .pageMap p, .wrap article ul.pagemapInfoBox, div.pagemapInfoBox {
        float: inherit;
    }
    .wrap article ul.pagemapInfoBox, div.pagemapInfoBox {
        position: inherit;
        width: 800px;
        height: auto;
        top: inherit;
    }
    .wrap article ul.pagemapInfo li {
        width: calc((100% - 65px)/5);
        margin-right: 10px;
        margin-bottom: 0;
    }
    .wrap article ul.pagemapInfo li:last-child {
        margin-right: 0;
    }
    .wrap article ul.pagemapInfo li a span {
        padding: 6px 0 6px 40px;
    }
    .pagemapbox .pageMap p, .pagemapbox .pageMap iframe, .wrap article ul.pagemapInfoBox, div.pagemapInfoBox {
        width: 100%;
    }
    .pagemapbox .pageMap, .wrap article ul.pagemapInfoBox, div.pagemapInfoBox {
        height: auto;
    }
    /*行程導覽頁*/
    .categories.tour {
        padding: 40px 50px 0 50px;
    }
    .categories.tour li a strong::before {
        margin-left: -18px;
    }
    .categories.tour li:nth-child(1) a strong::before, .categories.tour li:nth-child(2) a strong::before {
        margin-left: -25px;
    }
    .topicbox:nth-child(odd) figure {
        padding-right: 0;
    }
    .tourwapper .topicbox:nth-child(even) {
        padding-left: 0;
    }
    .tourwapper .topicInfo {
        min-height: auto;
    }
    .topicInfo a.topicbtn {
        position: static;
    }
    .tourwapper .topicbox:nth-child(even) .topicInfobox {
        right: inherit;
    }
    .tourwapper .topicbox:nth-child(even) figure {
        float: none;
    }
    .tourwapper .topicInfo h2 {
        padding-left: 65px;
        font-size: 180%;
    }
    .tourwapper .topicInfo h2::before {
        background-image: url(../images/icon/icon_btn_tour02.svg);
    }
    .tourwapper .topicInfobox:hover .topicInfo p {
        color: #111;
    }
    .topicInfobox:hover .topicInfo a.topicbtn, .topicInfobox:hover .topicInfo a.topicbtn:hover {
        background: #ec6aa4;
        color: #FFF;
    }
    .mContent-contArea .container .topicInfo p {
        height: auto;
        -webkit-line-clamp: inherit;
        line-clamp: inherit;
        display: block;
        margin-bottom: 10px;
    }
    .tourwapper .topicbox figure {
        padding: 0;
    }
    /*行程內頁*/
    .travelplace .placeInfo .col-l, .travelplace .placeInfo .col-r, .pageInfo .col-l, .pageInfo .col-r {
        width: 100%;
        float: none;
    }
    .travelpage .gomap {
        right: 0;
        top: 50px;
    }
    .gomap a {
        padding: 15px;
    }
    /*節慶內頁*/
    .mt {
        padding: 0;
    }
    .fullimg figure {
        height: 500px;
        background-attachment: inherit;
        background-position: 72% center !important;
    }
    .mContent.fullbgpage h1, .mContent.fullbgpage .fullimg h2, .mContent.fullbgpage .fullimg .h2 {
        padding-left: 50px;
    }
    .floatbox, .fast5 .floatbox, .fast6 .floatbox, .fast9 .floatbox, .fast10 .floatbox {
        width: 100%;
        margin-top: -140px;
    }
    .floatimg, .fullbgpage article .textArea .col-l, .fullbgpage article .textArea .col-r, .fast3 .floatimg, .fast2 .floatimg, .fast10 .floatimg {
        width: 100%;
        margin-top: 30px;
        float: none;
    }
    .mt, .fast2 .mt, .fast5 .mt, .fast6 .mt, .fast9 .mt {
        margin-top: 30px;
    }
    .fullbgpage article .textArea .col {
        margin-top: 0;
    }
    /*美食情報*/
    .P06_2 .categories ul, .P06_3 .categories ul {
        padding: 0 5%;
    }
    .P06_2 .mContent-contArea .container, .P06_3 .mContent-contArea .container {
        padding: 0 60px;
    }
    .P06_2, .P06_2 .main, .P06_3, .P06_3 .main {
        background: none;
    }
    .P06_2 .SearchBox .keyword .inputText input, .P06_3 .SearchBox .keyword .inputText input {
        width: calc((100vw - 540px));
    }
    /*加油據點table*/
    .tableStyle dl dd:nth-child(1) {
        width: 20%;
    }
    .tableStyle dl dd:nth-child(2) {
        width: 50%;
    }
    .tableStyle dl dd:nth-child(3) {
        width: 20%;
    }
    .tableStyle dl dd:nth-child(4) {
        width: 10%;
    }
    /*預約導覽*/
    .subscription dl dt {
        float: none;
        padding: 0;
    }
    .subscription dl dd {
        margin-bottom: 10px;
    }
    .subscription dl dd img {
        width: 15%;
    }
    .subscription dd a {
        display: inline-block;
        margin: 10px 0;
        padding: 10px;
        padding-left: 40px;
    }
    .subscription input[type="file"],
    .subscription input[type="text"],
    .subscription textarea,
    .subscription select {
        margin: 0 0 4px;
    }
    .subscription dd .reload, .subscription dd .voiceServices {
        margin-top: 0.5rem;
        margin-left: 0.25rem;
    }
    .subscription .step input {
        padding: 10px 30px;
    }
    .subscription dl dd > input[type="text"].obj {
        width: 50%;
        margin-top: 0.5rem;
        margin-left: 0.25rem;
    }
    /*相簿集錦*/
    ul.bookmark li a {
        padding: 10px;
    }
    .mContent-contArea .container.Photobox {
        padding: 30px 60px;
    }
    .photoAlbum>ul>li:nth-child(6n+1), .photoAlbum>ul>li:nth-child(6n+3), .photoAlbum>ul>li:nth-child(6n+5) {
        width: calc((50% - 10px));
        padding-bottom: 35%;
    }
    .photoAlbum>ul>li:nth-child(6n+2), .photoAlbum>ul>li:nth-child(6n+4), .photoAlbum>ul>li:nth-child(6n+6) {
        width: 50%;
        padding-bottom: 35%;
        margin-right: 0;
    }
    .photoAlbum>ul>li .picName {
        position: static;
    }
    .photoAlbum>ul>li .picName>p {
        font-size: 110%;
        height: 50px;
    }
    /*影音專區*/
    .videoList .gridItem:first-child .videoBlock a::before {
        height: 70px;
        width: 70px;
        margin: -35px 0 0 -35px;
    }
    /*訂閱電子報*/
    .Newsletter {
        padding: 0;
        padding-top: 50px;
    }
    .subscription {
        padding: 30px;
    }
    .letterlist .SearchBox {
        position: static;
    }
    .letterlist .SearchBox .select, .letterlist .SearchBox .period, .letterlist .SearchBox .keyword, .letterlist .SearchBox .btnSearch {
        margin: 10px 0;
    }
    /*全文檢索*/
    .searchResultBox {
        padding: 30px 3%;
    }
    /*錯誤頁*/
    .errerInfo {
        width: 100%;
        padding: 0 14%;
        top: 75px;
    }
    .errerInfo .col-r {
        margin-top: 40px;
    }
    .errerInfo li a {
        width: calc((100vw - 410px)/2);
    }
    /*認識北觀導覽頁*/
    .mContent.fullbg.P02:after {
        right: 40px;
    }
    .subscription dd a.map {
        background: url(../images/icon/icon_place_red.svg) no-repeat top /50%;
    }
    .map-bg .scenerymap {
        top: initial;
    }
    .map-bg .container {
        padding: 0;
        min-height: 380px;
    }
    .hashtag-page a {
        width: 22%;
    }
    /* 旅宿*/
    .cssHotelItem li {
        width: 33.33%;
    }
}

@media screen and (max-width: 960px) {
    /*景點內頁*/
    .wrap article ul.pagemapInfo li:nth-child(1) a span {
        background: url(../images/icon/icon_btn_map01.svg) no-repeat center top /35px;
    }
    .wrap article ul.pagemapInfo li:nth-child(2) a span {
        background: url(../images/icon/icon_btn_map02.svg) no-repeat center top /40px;
    }
    .wrap article ul.pagemapInfo li:nth-child(3) a span {
        background: url(../images/icon/icon_btn_map03.svg) no-repeat center top /40px;
    }
    .wrap article ul.pagemapInfo li:nth-child(4) a span {
        background: url(../images/icon/icon_btn_district.svg) no-repeat center top /35px;
    }
    .wrap article ul.pagemapInfo li:nth-child(5) a span {
        background: url(../images/icon/icon_btn_pagemap.svg) no-repeat center top /35px;
    }
    .wrap article ul.pagemapInfo li a span {
        padding: 50px 0 0px 0;
    }
    .categoriesLevelTwo li {
        margin: 0 10px 30px 10px;
    }
    /*錯誤頁*/
    .errorpage .logo {
        width: 270px;
        height: 90px;
        left: 15px;
    }
}

@media screen and (max-width: 812px) {
    aside {
        background: #FFFFFF;
    }
    /*內頁共用*/
    .mContent {
        margin-top: 20px;
    }
    .middleTools {
        display: none;
    }
    .mContent-hdr {
        padding-top: 60px;
    }
    .mContent-contArea .container {
        padding: 30px 60px;
    }
    .mContent .wrap {
        padding-top: 50px;
    }
    #pagetop {
        bottom: 0px;
        right: 10px;
    }
    .mContent.fullbgpage .textWrapper {
        padding: 70px 85px;
    }
    h3 {
        font-size: 170%;
    }
    /*最新消息*/
    /*搜尋*/
    .SearchBox {
        text-align: left;
        margin-bottom: 2rem;
    }
    .SearchBox .period .inputText.from::before {
        right: -13px;
        top: 15px;
        display: none;
    }
    .SearchBox legend {
        width: 70px;
        margin-left: 0;
    }
    .SearchBox .inputText input {
        width: 100%;
    }
    .SearchBox .keyword .inputText input, .P06_2 .SearchBox .keyword .inputText input, .P06_3 .SearchBox .keyword .inputText input {
        width: 100%;
    }
    .btnSearch button, .btnSearch input {
        border-radius: 50px;
        width: 200px;
        height: 40px;
        background-size: 15%;
        margin: 0 auto;
    }
    .pageBtn.back a span {
        margin-bottom: 20px;
    }
    .storageBox li a>span {
        -webkit-line-clamp: 1;
        line-clamp: 1;
    }
    .newswapper {
        margin-top: 0px;
    }
    /*一般內頁*/
    aside, article {
        width: 100%;
        float: none;
    }
    .storageBox li a, aside li.more a {
        padding: 15px 0;
    }
    /*圈圈導覽頁*/
    .categoriesLevelTwo li {
        margin: 0 15px 30px 15px;
    }
    .categoriesLevelTwo li a i, .mContent-hdr .categoriesLevelTwo li a>div {
        width: 120px;
        height: 120px;
    }
    .categoriesLevelTwo li a i img, .mContent-hdr .categoriesLevelTwo li a>div img {
        width: 50%;
        padding-top: 30px;
    }
    /*景點區域導覽頁*/
    .categories {
        padding: 40px;
    }
    .scenerymap {
        top: 10px;
        left: 50%;
        margin-left: -300px;
    }
    .scenerybox {
        padding: 20px 40px;
        width: 90%;
        margin: 0 auto;
        margin-top: 380px;
        margin-bottom: 30px;
        float: inherit;
    }
    .ecNetUlTabContent.SearchBox {
        padding: 0 50px;
    }
    ul.rowbox li .info h4.good, ul.rowbox li .info .good {
        right: 6.5% !important;
    }
    ul.rowbox li .info h4, ul.rowbox li .info .h4 {
        padding-top: 5px;
    }
    ul.rowbox li .info h3, ul.rowbox li .info .h3 {
        margin-top: 5px;
    }
    /*景點內頁*/
    .recommendBox {
        position: static;
        width: 160px;
        height: 45px;
    }
    .recommendBox .RecommendBtn {
        height: 45px;
    }
    .recommendBox a {
        margin: 5px 0 5px 4px;
    }
    .recommendBox a img {
        width: 60%;
    }
    .recommendBox .RecommendNumber {
        padding-top: 13px;
    }
    .attractionsContent {
        margin-bottom: 20px;
    }
    /*行程導覽頁*/
    .categories.tour li a {
        padding: 70px 10px 10px;
    }
    .tourwapper .topicbox figure {
        padding: 0 15px;
    }
    /*行程內頁*/
    .travelpage .festivalList ul li ul li.festivalInfo {
        margin: 40px 0;
        padding-left: 65px;
    }
    .travelpage .festivalList ul li ul li.festivalInfo .info .travelplace .placeInfo .col-r p {
        font-size: 90%;
    }
    .travelpage .gomap {
        position: inherit;
    }
    .travelpage .gomap a {
        display: inline-block;
    }
    .travialmap {
        margin-top: 0;
    }
    /*美食情報*/
    .P06_2 .categories ul, .P06_3 .categories ul {
        padding: 0;
    }
    .categories li a {
        padding: 20px 10px;
        padding-left: 60px;
    }
    /*.P06_2 {
background-image: url(../images/fullBg_p06_2-1-800.png);
}
.P06_2 main {
background-image: url(../images/fullBg_p06_2-2-800.png);
}
.P06_3 {
background-image: url(../images/fullBg_p06_2-3-800.png);
}
.P06_3 main {
background-image: url(../images/fullBg_p06_2-4-800.png);
}
.P06_2 .categories ul,
.P06_3 .categories ul {
padding: 0 15%;
}*/
    /*加油據點table*/
    .tableStyle dl {
        display: block;
        border-bottom: 1px solid #d3d3d3;
        padding: 10px 0;
    }
    .tableStyle dl:last-child {
        border-bottom: none;
    }
    .tableStyle dl dt, .tableStyle dl dd {
        width: 100%;
        display: block;
        border-bottom: none;
        padding: 2px;
        padding-left: 105px;
        position: relative;
        color: #111;
    }
    .tableStyle dl dd:first-child, .tableStyle dl dd:nth-child(2), .tableStyle dl dd:nth-child(3), .tableStyle dl dd:nth-child(4), .tableStyle.table_2 dl dd:first-child, .tableStyle.table_2 dl dd:nth-child(2), .tableStyle.table_2 dl dd:nth-child(3), .tableStyle.table_3 dl dd:first-child, .tableStyle.table_3 dl dd:nth-child(2), .tableStyle.table_3 dl dd:nth-child(3), .tableStyle.table_4 dl dd:first-child, .tableStyle.table_4 dl dd:nth-child(2), .tableStyle.table_4 dl dd:nth-child(3) {
        width: 100%;
    }
    .tableStyle dl dt {
        display: none;
    }
    .tableStyle dl dd::before {
        position: absolute;
        display: block;
        left: 10px;
        top: 2px;
        color: #777;
    }
    .tableStyle.table_1 dl dd:nth-child(1)::before {
        content: "加油站點：";
    }
    .tableStyle.table_1 dl dd:nth-child(2)::before {
        content: "地址：";
    }
    .tableStyle.table_1 dl dd:nth-child(3)::before {
        content: "電話：";
    }
    .tableStyle.table_1 dl dd:nth-child(4)::before {
        content: "營業時間：";
    }
    .tableStyle.table_2 dl dd:nth-child(1)::before {
        content: "中文景點名稱：";
    }
    .tableStyle.table_2 dl dd:nth-child(2)::before {
        content: "英文景點名稱（漢語拼音）：";
    }
    .tableStyle.table_2 dl dd:nth-child(3)::before {
        content: "英文景點名稱（通用拼音）：";
    }
    .tableStyle.table_2 dl dt, .tableStyle.table_2 dl dd {
        padding-left: 270px;
    }
    .tableStyle.table_3 dl dd:nth-child(1)::before, .tableStyle.table_4 dl dd:nth-child(1)::before {
        content: "單位：";
    }
    .tableStyle.table_3 dl dd:nth-child(2)::before, .tableStyle.table_4 dl dd:nth-child(2)::before {
        content: "地址：";
    }
    .tableStyle.table_3 dl dd:nth-child(3)::before, .tableStyle.table_4 dl dd:nth-child(3)::before {
        content: "電話：";
    }
    .tableStyle.table_3 dl dt, .tableStyle.table_3 dl dd {
        padding-left: 70px;
    }
    /*無障礙遊程3*/
    .tableStyle.table_5 dl:nth-child(1) {
        display: none;
    }
    .tableStyle.table_5 dl dd {
        width: 100% !important;
        text-align: left !important;
        padding-left: 140px;
    }
    .tableStyle.table_5 dl dd:nth-child(1)::before {
        content: "旅宿名稱：";
    }
    .tableStyle.table_5 dl dd:nth-child(2)::before {
        content: "連絡電話：";
    }
    .tableStyle.table_5 dl dd:nth-child(3)::before {
        content: "旅宿地址：";
    }
    .tableStyle.table_5 dl dd:nth-child(4)::before {
        content: "無障礙客房(間)：";
    }
    .tableStyle.table_5 dl dd:nth-child(5)::before {
        content: "友善客房(間)：";
    }
    .tableStyle.table_5 dl:last-child {
        border-bottom: 1px solid #d3d3d3;
    }
   /* 台灣觀巴遊程*/
   .tableStyle.table_6 dl dt:first-child, .tableStyle.table_6 dl dd:first-child, .tableStyle.table_6 dl dt:nth-child(2), .tableStyle.table_6 dl dd:nth-child(2), .tableStyle.table_6 dl dt:nth-child(3), .tableStyle.table_6 dl dd:nth-child(3){
    width: 100%;
   }
   .tableStyle.table_6 dl dd:nth-child(1)::before {
        content: "套裝行程：";
    }
    .tableStyle.table_6 dl dd:nth-child(2)::before {
        content: "承辦旅行社：";
    }
    .tableStyle.table_6 dl dd:nth-child(3)::before {
        content: "詳細資訊：";
    }
    /*管制*/
    .tableStyle.table_7 dl dt, .tableStyle.table_7 dl dd{
    padding-left: 130px;
}
    .tableStyle.table_7 dl dt:nth-child(1),
.tableStyle.table_7 dl dd:nth-child(1),
.tableStyle.table_7 dl dt:nth-child(2),
.tableStyle.table_7 dl dd:nth-child(2),
.tableStyle.table_7 dl dt:nth-child(3),
.tableStyle.table_7 dl dd:nth-child(3),
.tableStyle.table_7 dl dt:nth-child(4),
.tableStyle.table_7 dl dd:nth-child(4)
 {
    width: 100%;
}
   .tableStyle.table_7 dl dd:nth-child(1)::before {
        content: "景點名稱：";
    }
    .tableStyle.table_7 dl dd:nth-child(2)::before {
        content: "今日容流量：";
    }
    .tableStyle.table_7 dl dd:nth-child(3)::before {
        content: "目前管制狀態：";
    }
    .tableStyle.table_7 dl dd:nth-child(4)::before {
        content: "備註說明：";
    }
    /*QA*/
    .Answer {
        padding: 20px 30px 20px 70px;
    }
    /*相簿集錦*/
    .photoAlbum>ul>li:nth-child(6n+1), .photoAlbum>ul>li:nth-child(6n+2), .photoAlbum>ul>li:nth-child(6n+3), .photoAlbum>ul>li:nth-child(6n+4), .photoAlbum>ul>li:nth-child(6n+5), .photoAlbum>ul>li:nth-child(6n+6) {
        width: 100%;
        padding-bottom: 65%;
        margin-right: 0;
    }
    /*影音專區*/
    .gridList_oneThird .gridItem {
        width: 100%;
        margin-bottom: 70px;
    }
    .gridList_oneThird .gridItem:nth-child(even), .gridList_oneThird .gridItem:nth-child(odd) {
        padding: 0;
    }
    /*網站導覽*/
    .sitemap>ul>li {
        width: calc((100% - 3rem)/2);
    }
    /*全文檢索*/
    .searchResultBox {
        padding: 30px 2%;
    }
    /*出版品*/
    ul.bookmark, ul.bookmark li, ul.bookmark li.current, ul.bookmark li:hover {
        border: none;
    }
    ul.bookmark li.current::before {
        display: none;
    }
    ul.bookmark {
        clear: none;
        padding-bottom: 0;
        margin: 20px 0 10px 0;
    }
    ul.bookmark li.current, ul.bookmark li:hover {
        border: 1px solid #ec6aa4;
        border-radius: 10px;
        color: #ec6aa4;
    }
    ul.bookmark li a {
        padding: 60px 20px 10px;
    }
    ul.bookmark li a span {
        padding: 55px 0 0px 0px;
    }
    .Bookbox ul.bookmark li:nth-child(1) a span {
        background: url(../images/icon/icon_btn_paper.svg) no-repeat center top/40px;
    }
    .Bookbox ul.bookmark li:nth-child(2) a span {
        background: url(../images/icon/icon_btn_p07_1_g.svg) no-repeat center top/40px;
    }
    .Bookbox ul.bookmark li:nth-child(3) a span {
        background: url(../images/icon/icon_btn_book.svg) no-repeat center top/40px;
    }
    /*相簿集錦*/
    .Photobox ul.bookmark li:nth-child(1) a span {
        background: url(../images/icon/icon_btn_photo01.svg) no-repeat center top/50px;
    }
    .Photobox ul.bookmark li:nth-child(2) a span {
        background: url(../images/icon/icon_btn_photo02.svg) no-repeat center top/40px;
    }
    .Photobox ul.bookmark li:nth-child(3) a span {
        background: url(../images/icon/icon_btn_photo03.svg) no-repeat center top/40px;
    }
    /*景點周邊列表*/
    .Peripherybox .gomap {
        top: 60px;
    }
    .Peripherybox .gomap a {
        width: 50px;
        height: 50px;
        padding: 7px;
        border-radius: 5px;
    }
    .Peripherybox .gomap a span {
        font-size: 0;
    }
    .Peripherybox h1 {
        padding-right: 60px;
        font-size: 220%;
    }
    .Peripherybox ul.bookmark {
        margin: 20px 0;
    }
    .Peripherybox ul.bookmark li a {
        padding: 60px 20px 10px;
    }
    .Peripherybox ul.bookmark li {
        margin: 0 5px;
    }
    .Peripherybox ul.bookmark li:nth-child(1) a span {
        background: url(../images/icon/icon_btn_map01.svg) no-repeat center top/40px;
    }
    .Peripherybox ul.bookmark li:nth-child(2) a span {
        background: url(../images/icon/icon_btn_map02.svg) no-repeat center top/40px;
    }
    .Peripherybox ul.bookmark li:nth-child(3) a span {
        background: url(../images/icon/icon_btn_map03.svg) no-repeat center top/40px;
    }
    /*錯誤頁*/
    .errerInfo {
        padding: 0 9%;
        top: 290px;
    }
    .errerInfo .col-l {
        width: 35%;
    }
    .errerInfo .col-r {
        width: calc((65% - 20px));
        margin-top: 20px;
    }
    .errerInfo h1 {
        font-size: 330%;
    }
    .errerInfo h2 {
        font-size: 130%;
    }
    .errerInfo h3 {
        font-size: 105%;
    }
    .errerInfo h4 {
        font-size: 100%;
    }
    .errerInfo li a {
        width: calc((100vw - 250px)/2);
    }
    /*認識北觀導覽頁*/
    .mContent.fullbg.P02:after {
        display: none;
    }
    .subscription dd a.map {
        background: url(../images/icon/icon_place_red.svg) no-repeat center /60%;
    }
    .map-bg .scenerymap {
        margin-left: initial;
    }
    .hashtag-page a {
        width: 29%;
    }
    /*穆斯林*/
    .muslimcontent {
        width: 90%;
    }
    article.news .muslimbox img {
        width: 100%;
    }
    @media screen and (max-width: 800px) and (max-height: 480px) {
        /*景點區域導覽頁*/
        .scenerymap {
            margin-left: -225px;
        }
        .scenerymap .mapL-DistrictName {
            width: 450px;
            height: 277px;
        }
        .scenerymap .mapL-DistrictName a.DistrictName_1 {
            top: 45px;
            left: 90px;
            padding: 15px;
        }
        .scenerymap .mapL-DistrictName a.DistrictName_2 {
            top: 10px;
            left: 165px;
            padding: 15px;
        }
        .scenerymap .mapL-DistrictName a.DistrictName_3 {
            top: 55px;
            left: 210px;
            padding: 15px;
        }
        .scenerymap .mapL-DistrictName a.DistrictName_4 {
            top: 105px;
            left: 260px;
            padding: 15px;
        }
        .scenerymap .mapL-DistrictName a.DistrictName_5 {
            top: 175px;
            left: 25px;
            padding: 15px;
        }
        .scenerymap .mapL-DistrictName a.DistrictName_6 {
            top: 160px;
            left: 305px;
            padding: 15px;
        }
        .scenerybox {
            margin-top: 300px;
        }
    }
    @media screen and (max-width: 768px) {
        article.news .textArea iframe {
            height: 300px;
        }
        /*出版品*/
        .publishing .sec .col:first-child {
            float: none;
            width: 100%;
            padding-left: 0;
        }
        .publishing .sec .col:nth-child(2) {
            float: none;
            width: 90%;
            margin: 0 auto;
            margin-top: 20px;
        }
        .mContent-hdr .container {
            padding: 0 60px;
        }
    }
    @media screen and (max-width: 768px) and (max-height: 1024px) {
        /*錯誤頁*/
        .errerInfo {
            top: 0;
        }
    }
    @media screen and (max-width: 736px) {
        /*必玩景點*/
        ul.rowbox li {
            width: calc((100% - 50px)/2);
        }
        /*錯誤頁*/
        .errerInfo {
            top: 350px;
        }
    }
    @media screen and (max-width: 667px) {
        /*---------iphone6橫式-----------*/
        /*頁碼*/
        .pages {
            padding: 0;
        }
        .paginationSec>div * {
            font-size: 1rem;
        }
        /*景點導覽頁*/
        .ecNetUlTabContent.SearchBox {
            padding: 0 40px;
        }
        /*景點內頁*/
        .wrap article ul.pagemapInfo li a {
            padding: 10px 4px;
        }
        /*美食情報*/
        .P06_2 .categories ul {
            padding: 0;
        }
        /*全文檢索*/
        .searchResultBox {
            padding: 30px 0;
        }
        .searchResultBox .SearchBox .keyword .inputText input {
            width: calc((100vw - 320px));
        }
        /*景點周邊列表頁*/
        .Peripherybox h1 {
            font-size: 200%;
        }
        /*錯誤頁*/
        .errerInfo {
            top: 400px;
        }
        .errerInfo .col-r {
            margin-bottom: 20px;
        }
    }
    @media screen and (max-width: 640px) {
        /*景點區域導覽頁*/
        .categories li a {
            font-size: 120%;
        }
        /*必玩景點*/
        ul.rowbox li {
            width: calc((100% - 20px));
        }
        ul.rowbox li .info {
            min-height: 120px;
        }
        /*景點內頁*/
        .wrap article h1 {
            padding-right: 0;
        }
        .wrap article ul.pagemapInfo li a {
            padding: 0;
            height: 44pt;
        }
        .wrap article ul.pagemapInfo li a span {
            padding: 40px 20px 0;
            font-size: 0;
            margin-top: 10px;
        }
        /*行程導覽頁*/
        .categories.tour li {
            width: 100%;
            margin-bottom: 10px;
        }
        .topicInfo a.topicbtn {
            float: none !important;
            text-align: center;
            font-size: 100%;
            padding: 5px;
        }
        .mContent-contArea .container .topicInfo p {
            margin-bottom: 20px;
        }
        /*預約導覽*/
        .subscription dl dd img {
            width: 30%;
        }
    }
    @media screen and (max-width: 640px) and (max-height: 960px) {
        /*錯誤頁*/
        .errerInfo {
            top: 0;
        }
    }
    @media screen and (max-width: 568px) {
        /*---------iphone5橫式-----------*/
        /*內頁共用*/
        a#ctl01_ContentPlaceHolder1_ctl00_Paging1_btnPreFive, a#ctl01_ContentPlaceHolder1_ctl00_Paging1_btnNextFive {
            display: none;
        }
        .mContent-contArea .container, .mContent-hdr .container {
            padding: 0px 15px;
        }
        .mContent-hdr h1 i, .mContent-hdr h2 i, p.desc {
            display: none;
        }
        .PagerInfo {
            margin-top: 20px;
        }
        iframe {
            width: 100% !important;
        }
        .mContent-hdr p {
            padding: 0;
        }
        /* 最新消息*/
        .newsList li.newsBox h2 {
            font-size: 120%;
            color: #41b5e6;
            line-height: 1.6;
        }
        .newsList li.newsBox::before {
            display: none;
        }
        .newsList li.newsBox {
            padding: 20px 0;
        }
        .newsList li.newsBox.nB_00 span u, .newsList li.newsBox.nB_01 span u, .newsList li.newsBox.nB_02 span u, .newsList li.newsBox.nB_03 span u, .newsList li.newsBox.nB_04 span u, .newsList li.newsBox.nB_05 span u, .newsList li.newsBox.nB_06 span u, .newsList li.newsBox.nB_07 span u {
            color: #FFF;
            border: none;
            font-weight: normal;
            padding: 5px 10px;
        }
        .newsList li.newsBox.nB_00 span u {
            background-color: #999;
        }
        .newsList li.newsBox.nB_01 span u {
            background-color: #ec6aa4;
        }
        .newsList li.newsBox.nB_02 span u {
            background-color: #3ec3b7;
        }
        .newsList li.newsBox.nB_03 span u {
            background-color: #ef915c;
        }
        .newsList li.newsBox.nB_04 span u {
            background-color: #3baaef;
        }
        .newsList li.newsBox.nB_05 span u {
            background-color: #ef5e65;
        }
        .newsList li.newsBox.nB_06 span u {
            background-color: #f3b90c;
        }
        .newsList li.newsBox.nB_07 span u {
            background-color: #ef5e65;
        }
        .newsList li.newsBox:hover a, .newsList li.newsBox:hover p {
            color: #111;
        }
        .newsList li.newsBox:hover h2 {
            color: #41b5e6;
        }
        .newsList li.newsBox.nB_00:hover, .newsList li.newsBox.nB_01:hover, .newsList li.newsBox.nB_02:hover, .newsList li.newsBox.nB_03:hover, .newsList li.newsBox.nB_04:hover, .newsList li.newsBox.nB_05:hover {
            background-color: #FFF;
        }
        /*搜尋*/
        .SearchBox {
            padding: 0 30px;
        }
        /*一般內頁.最新消息內頁*/
        article, aside {
            padding: 0 30px;
        }
        aside {
            margin-bottom: 50px;
        }
        article.news h1 {
            font-size: 170%;
        }
        article.news .textArea ul {
            padding-left: 0;
        }
        .wrap article h2 {
            font-size: 160%;
        }
        /*景點主題導覽頁*/
        .categories {
            padding: 20px 15px;
        }
        .categories li a {
            padding: 10px;
            padding-top: 15px;
            font-size: 110%;
        }
        .categories li a strong {
            padding-left: 0;
        }
        .categories li a strong::before {
            left: inherit;
            width: 50px;
            top: inherit;
            position: inherit;
            margin: 0 auto;
            margin-bottom: 10px;
        }
        /*景點內頁*/
        .pagemapbox .pageMap {
            height: auto;
        }
        .pagemapbox .pageMap iframe {
            height: 400px;
        }
        .wrap article ul.pagemapInfoBox, div.pagemapInfoBox {
            width: 100%;
            position: static;
            height: auto;
        }
        /*.wrap article ul.pagemapInfo {
margin: 30px 40px 10px 20px;
}*/
        /*節慶內頁*/
        article#mainarticle {
            padding: 0;
        }
        .categories.tour li a {
            padding: 10px;
        }
        .categories.tour li a strong::before {
            top: 0px;
        }
        /*美食情報*/
        .P06_2 .mContent-contArea .container, .P06_3 .mContent-contArea .container {
            padding: 0 20px;
        }
        .tableStyle.table_2 dl dd:nth-child(1)::before {
            content: "景點名稱：";
        }
        .tableStyle.table_2 dl dd:nth-child(2)::before {
            content: "英文漢語拼音：";
        }
        .tableStyle.table_2 dl dd:nth-child(3)::before {
            content: "英文通用拼音：";
        }
        .tableStyle.table_2 dl dt, .tableStyle.table_2 dl dd {
            padding-left: 150px;
        }
        /*相簿集錦*/
        .mContent-contArea .container.Photobox {
            padding: 0px 20px;
        }
        /*網站導覽*/
        .sitemap>ul>li {
            padding: 0 1rem;
        }
        /*全文檢索*/
        .searchResultBox {
            padding: 30px 3%;
        }
        /*錯誤頁*/
        .errerInfo {
            top: 480px;
            padding: 0 5%;
        }
        .errerInfo .col-l {
            padding: 0;
        }
        .errerInfo .col-r {
            margin-top: 0;
        }
        .errerInfo li a {
            width: calc((100vw - 165px)/2);
        }
        .hashtag-page a {
            width: 100%;
        }

        .SearchBox .inputText select {
            width: 100%;
        }
    }
    @media screen and (max-width: 480px) {

        /*內頁共用*/
        .mContent-hdr {
            padding-top: 40px;
        }
        .wrap article h1 {
            font-size: 200%;
        }
        .mContent-hdr h1, .mContent-hdr h2 {
            font-size: 220%;
        }
        h3 {
            font-size: 140%;
        }
        .pageBtn .preNews a span, .pageBtn .nextNews a span {
            display: block;
            text-align: center;
            width: 100px;
        }
        .preNews {
            margin-bottom: 20px;
        }
        article.news .textArea iframe {
            height: 240px;
        }
        article.news img {
            width: 100%;
        }
        article, aside {
            padding: 0;
        }
        /*搜尋*/
        .SearchBox .btnSearch {
            display: block;
            margin: 10px auto;
        }
        .ui-widget.ui-widget-content {
            left: 30px !important;
        }
        .SearchBox .period .inputText input {
            background: #ddd;
        }
        /*最新消息*/
        /*搜尋*/
        .btnSearch button {
            border-radius: 50px;
            width: 85vw;
            height: 40px;
            background-size: 2rem;
            margin: 0 3vw;
        }
        .paginationSec>div a.txt {
            display: none;
        }
        /*景點區域導覽頁*/
        .scenerybox {
            margin-top: 300px;
        }
        .scenerymap {
            margin-left: -225px;
        }
        .scenerymap .mapL-DistrictName {
            width: 450px;
            height: 277px;
        }
        .scenerymap .mapL-DistrictName a.DistrictName_1 {
            top: 45px;
            left: 90px;
            padding: 15px;
        }
        .scenerymap .mapL-DistrictName a.DistrictName_2 {
            top: 10px;
            left: 165px;
            padding: 15px;
        }
        .scenerymap .mapL-DistrictName a.DistrictName_3 {
            top: 55px;
            left: 210px;
            padding: 15px;
        }
        .scenerymap .mapL-DistrictName a.DistrictName_4 {
            top: 105px;
            left: 260px;
            padding: 15px;
        }
        .scenerymap .mapL-DistrictName a.DistrictName_5 {
            top: 175px;
            left: 25px;
            padding: 15px;
        }
        .scenerymap .mapL-DistrictName a.DistrictName_6 {
            top: 160px;
            left: 305px;
            padding: 15px;
        }
        /*景點內頁*/
        .wrap article .pageInfo.dictionary h2 {
            padding: 0;
            padding-left: 50px;
            padding-bottom: 10px;
        }
        .wrap article .pageInfo.barrier-free h2 {
            background: url(../images/icon/icon_btn_tour04_blue.svg) no-repeat left 35px/50px 50px;
        }
        .attractionsContent {
            padding-bottom: 65%;
            margin-top: 10px;
        }
        .attractionsContent .album, .attractionsContent .album>ul {
            overflow: inherit;
        }
        .attractionsContent .album .slick-dots {
            bottom: -15%;
        }
        .attractionsContent .album .slick-dots li {
            background: rgba(0, 0, 0, 0.6);
        }
        .attractionsContent .album .slick-next, .attractionsContent .album .slick-prev {
            display: none !important;
        }
        div.pagemapInfoBox {
            padding: 10px;
        }
        .wrap article ul.pagemapInfo li:nth-child(1) a span {
            background: url(../images/icon/icon_btn_map01.svg) no-repeat center/35px;
        }
        .wrap article ul.pagemapInfo li:nth-child(2) a span {
            background: url(../images/icon/icon_btn_map02.svg) no-repeat center/40px;
        }
        .wrap article ul.pagemapInfo li:nth-child(3) a span {
            background: url(../images/icon/icon_btn_map03.svg) no-repeat center/40px;
        }
        .wrap article ul.pagemapInfo li:nth-child(4) a span {
            background: url(../images/icon/icon_btn_district.svg) no-repeat center/35px;
        }
        .wrap article ul.pagemapInfo li:nth-child(5) a span {
            background: url(../images/icon/icon_btn_pagemap.svg) no-repeat center/35px;
        }
        /*行程導覽頁*/
        .categories.tour {
            padding: 20px 15px 10px;
        }
        .categories.tour li a strong::before {
            margin-left: -25px;
        }
        .tourwapper .topicInfo h2 {
            font-size: 150%;
        }
        /*行程內頁*/
        .travelpage .festivalList ul li:first-child::before, .travelpage .festivalList ul li ul li.festivalInfo::after, .travelpage .festivalList ul::after, .travelpage .festivalList ul li::before, .travelpage .festivalList ul li .festivalSeason, .travelpage .festivalList ul li ul li.festivalInfo:last-child .info::after {
            display: none;
        }
        .travelpage .festivalList ul li ul li.festivalInfo {
            padding-left: 0;
            margin: 0;
            margin-bottom: 50px;
        }
        .travelpage .traffic {
            margin-top: 0;
        }
        .travelpage .festivalList ul li ul li.festivalInfo .info::after {
            content: "";
            position: absolute;
            background-repeat: no-repeat;
            background-position: center;
            background-image: url(../images/icon/next.svg);
            background-size: contain;
            width: 40px;
            height: 40px;
            bottom: -40px;
            left: 50%;
            margin-left: -20px;
        }
        .travelpage .festivalList ul li ul li.festivalInfo .info .travelplace .placeInfo .col-r p {
            height: auto;
            display: block;
        }
        .travelplace .placeInfo a.moreBtn {
            width: 100%;
            text-align: center;
        }
        /*節慶內頁*/
        .mContent.fullbgpage h1 {
            font-size: 250%;
            padding-left: 25px;
            padding-right: 40%;
        }
        .mContent.fullbgpage .fullimg h2, .mContent.fullbgpage .fullimg .h2 {
            padding-left: 25px;
            font-size: 140%;
        }
        .fullimg figure {
            height: 100vh;
        }
        .floatbox {
            margin-top: -180px;
        }
        .fullbgpage .wrap article .floatbox h3,
        .fullbgpage .wrap article .floatbox h2 {
            margin: 0;
        }
        .mContent.fullbgpage .textWrapper {
            padding: 0 15px;
        }
        .fullbgpage .pageInfo {
            padding: 0 15px;
        }
        /*美食情報*/
        /*.P06_2 .categories,
.P06_3 .categories {
padding: 20px 100px;
}
.P06_2 {
background-image: url(../images/fullBg_p06_2-1-480.png);
}
.P06_2 main {
background-image: url(../images/fullBg_p06_2-2-480.png);
}
.P06_3 {
background-image: url(../images/fullBg_p06_3-1-480.png);
}
.P06_3 main {
background-image: url(../images/fullBg_p06_3-2-480.png);
}*/
        /*QA*/
        .wrap article a.Qtitle h2 {
            font-size: 100%;
        }
        .Answer {
            padding: 10px 10px 20px 10px;
        }
        .QAWrapper .Answer::before {
            display: none;
        }
        /*預約導覽*/
        .subscription dl dd img {
            width: 30%;
        }
        /* 出版品*/
        .publishing .sec:first-child {
            padding-top: 2rem;
        }
        .publishing .sec {
            margin-bottom: 2rem;
            padding-bottom: 3rem;
        }
        .downloadArea table td:nth-child(2), .downloadArea table td:nth-child(3), .downloadArea table th:nth-child(2), .downloadArea table th:nth-child(3) {
            display: none;
        }
        /*相簿集錦*/
        ul.bookmark li a {
            padding: 60px 7px 10px;
        }
        ul.bookmark li a span {
            font-size: 120%;
        }
        /*影音專區*/
        .gridList_oneThird.videoList .gridItem .h3 {
            margin-left: 20px;
        }
        .mContent-contArea .container.videoBox {
            padding: 0;
        }
        .gridList_oneThird .gridItem {
            margin-bottom: 50px;
        }
        .gridList_oneThird .gridItem h3, .descrip .hiddenContent {
            padding: 0 20px;
        }
        /*訂閱電子報*/
        .letterlist {
            margin-top: 50px;
        }
        .Newsletter {
            padding-top: 25px;
        }
        .subscription {
            padding: 20px;
        }
        .letterlist h2 {
            text-align: center;
        }
        .letterlist .SearchBox .keyword .inputText input {
            width: calc((100vw - 240px));
        }
        .Newsletter .subscription input {
            margin-left: 10px;
        }
        .Newsletter .subscription dl dd:last-child {
            margin-left: 15px;
        }
        .subscription dd a {
            margin: 5px 0;
            width: auto;
            padding-left: 10px;
        }
        .downloadArea table td a {
            padding: 0px;
        }
        /*網站導覽*/
        .sitemap>ul>li {
            width: 100%;
        }
        /*全文檢索*/
        .searchResultBox .SearchBox legend {
            margin-left: 0;
        }
        .searchResultBox .SearchBox .keyword .inputText input {
            width: calc((100vw - 180px));
        }
        .searchResult>article .info {
            padding: 10px 0;
        }
        .searchResult>article .searchResultInfo {
            text-align: left;
        }
        .searchResult>article .info h2 {
            font-size: 130%;
        }
        /*景點周邊列表頁*/
        .Peripherybox .gomap {
            position: static;
            margin-top: 10px;
            margin-top: 10px;
            margin-left: calc((100% - 284px)/2);
        }
        .Peripherybox .gomap a {
            width: 284px;
            height: auto;
            padding: 15px;
            text-align: center;
            display: inline-block;
        }
        .Peripherybox .gomap a span {
            font-size: 110%;
        }
        .Peripherybox h1 {
            padding-right: 0;
            font-size: 190%;
        }
        /*錯誤頁*/
        .errerInfo .col-l {
            display: none;
        }
        .errerInfo h1 {
            font-size: 285%;
        }
        .errerInfo .col-r {
            width: 100%;
        }
        .errerInfo ul {
            margin-top: 20px;
        }
        .errerInfo h1 {
            font-size: 340%;
        }
        .errerInfo h3 {
            font-size: 115%;
        }
        .errerInfo h4 {
            font-size: 105%;
        }
        .categories.natural, .categories.culture, .categories.help, .categories.lang {
            padding: 0;
        }
        .categories li a strong::before, .categories.tour li a strong::before, .categories.tour li:nth-child(1) a strong::before, .categories.tour li:nth-child(2) a strong::before {
            position: absolute;
            left: -50px;
            top: 50%;
            margin-top: -20px;
            margin-bottom: 0;
            width: 40px;
            margin-left: 0;
        }
        .categories li a, .categories.tour li a {
            display: block;
            padding: 20px;
            padding-left: 60px;
        }
        /* .categories.lang li */
        .categories.lang li {
            width: 32%;
            padding: 0;
            margin-right: 1px;
        }
        .categories.lang li a {
            padding: 10px 5px;
            display: inline-flex;
            width: 100%;
            align-items: center;
            justify-content: center;
            /* padding-left: 30px; */
        }
        .categories.lang li a strong {
            display: inline-flex;
            align-items: center;
        }
        .categories.lang li a strong::before {
            width: 20px;
            height: 20px;
            margin-top: 0;
            margin-right: 5px;
            position: relative;
            top: unset;
            left: unset;
            display: inline-block;
        }
        
        .categories li, .categories.natural li, .categories.help li, .categories.BF_travel li, .categories.M_travel li, .categories li.district, .categories li.recommend, .categories li.topic, .categories li.hotel, .categories li.room, .categories li.stay {
            width: 100%;
        }
        .categories, .categories.tour {
            text-align: left;
            padding: 20px 15px;
        }
        .topicInfo a.topicbtn {
            height: 60px;
            line-height: 3;
        }
        .letterlist .SearchBox {
            text-align: left;
        }
        .letterlist .SearchBox .keyword .inputText input, .SearchBox legend {
            width: 100%;
        }
        .SearchBox {
            padding: 0;
        }
        .SearchBox * {
            display: block;
            width: 100%;
            vertical-align: inherit;
            margin: 3px 0;
        }
        .subscription dl dt {
            width: 100%;
            display: block;
            float: inherit !important;
        }
        .subscription dl dd {
            margin-bottom: 20px;
        }
        .map-bg .scenerymap {
            bottom: 58%
        }
        .map-bg .container {
            min-height: 300px;
        }
        /*意見信箱*/
        .subscription {
            margin-bottom: 50px;
        }
        .subscription dl dt label {
            padding: 0;
        }
        .subscription .step input {
            width: 100%;
            margin: 0;
        }
        /* 旅宿*/
        .cssHotelItem li {
            width: 50%;
            margin-bottom: 10px;
        }
    }
    @media screen and (max-width: 480px) and (max-height: 800px) {
        /*錯誤頁*/
        .errerInfo {
            top: 80px;
        }
    }
    @media screen and (max-width: 414px) {
        /*iphone6plus*/
        /* 內頁共用*/
        .wrap article h1 {
            font-size: 165%;
        }
        .wrap article h2 {
            font-size: 150%;
        }
        .SearchBox .period legend {
            width: 100%;
            display: block;
        }
        article.news .textArea iframe {
            height: 205px;
        }
        /*行程導覽頁*/
        /*行程內頁*/
        .gomap a span {
            background: none;
            padding: 20px 0;
        }
        /*節慶內頁*/
        /*.mContent.fullbgpage h1 {
font-size: 200%;
}*/
        .floatbox {
            padding: 20px 20px 30px 25px;
            margin-top: -165px;
        }
        .floatbox li {
            font-size: 100%;
        }
        .fullbgpage .wrap article .floatbox h3,
        .fullbgpage .wrap article .floatbox h2 {
            font-size: 180%;
        }
        .wrap article strong {
            /*display: block;*/
            font-size: 100%;
        }
        /*預約導覽*/
        /*.subscription {
padding: 30px;
}*/
        .subscription dl dd img {
            width: 40%;
        }
        .subscription input.obj {
            width: 100%;
            margin: 10px 0;
        }
        /*相簿集錦*/
        .mContent-contArea .container.Photobox {
            padding: 0;
        }
        .proclaim {
            margin: 30px;
        }
        .Photobox .dataView {
            margin: 50px 20px;
        }
        /*全文檢索*/
        .searchResult>article .searchResultInfo .col {
            margin-left: 0;
        }
        /*景點周邊列表頁*/
        .Peripherybox .gomap a span {
            background: url(../images/icon/icon_btn_district_w.svg) no-repeat left center/35px;
            padding: 20px 0 20px 50px;
        }
        /*錯誤頁*/
        .errerInfo li {
            margin: 0 10px;
        }
        .errerInfo li a {
            width: calc((100vw - 90px)/2);
        }
        .paginationSec>div a {
            width: 50px;
            height: 50px;
            line-height: 50px;
        }
    }
    @media screen and (max-width: 375px) {
        /*iphone6*/
        /*內頁共用*/
        h2 {
            font-size: 190%;
        }
        /*頁碼*/
        a#ctl01_ContentPlaceHolder1_ctl00_Paging1_btnFirstpage, a#ctl01_ContentPlaceHolder1_ctl00_Paging1_btnLastpage {
            display: none;
        }
        .paginationSec>div a {
            width: 45px;
        }
        article.news .textArea iframe {
            height: 185px;
        }
        /*景點區域導覽頁*/
        .scenerymap {
            margin-left: -175px;
        }
        .scenerymap .mapL-DistrictName {
            width: 350px;
            height: 213px;
        }
        .scenerymap .mapL-DistrictName a.DistrictName_1 {
            top: 50px;
            left: 70px;
            padding: 10px;
        }
        .scenerymap .mapL-DistrictName a.DistrictName_2 {
            top: 7px;
            left: 120px;
            padding: 10px;
        }
        .scenerymap .mapL-DistrictName a.DistrictName_3 {
            top: 50px;
            left: 150px;
            padding: 10px;
        }
        .scenerymap .mapL-DistrictName a.DistrictName_4 {
            top: 95px;
            left: 185px;
            padding: 10px;
        }
        .scenerymap .mapL-DistrictName a.DistrictName_5 {
            top: 130px;
            left: 11px;
            padding: 15px;
        }
        .scenerymap .mapL-DistrictName a.DistrictName_6 {
            top: 135px;
            left: 219px;
            padding: 10px;
        }
        .scenerybox {
            margin-top: 240px;
        }
        .attractionsContent .album .slick-dots {
            bottom: -20%;
        }
        /*景點內頁*/
        .wrap article ul.pagemapInfo li {
            width: calc((100% - 40px)/3);
            margin-bottom: 20px;
        }
        /*行程導覽頁*/
        .categories li a {
            font-size: 100%;
        }
        /*節慶內頁*/
        .mContent.fullbgpage .textWrapper {
            padding: 40px;
        }
        .mContent.fullbgpage .fullimg h2, .mContent.fullbgpage .fullimg .h2 {
            padding-right: 40%;
        }
        /*美食情報*/
        /*.P06_2 .categories,
.P06_3 .categories {
padding: 20px 80px;
}*/
        /*出版品*/
        ul.bookmark li {
            margin: 0 0px;
        }
        /*訂閱電子報*/
        .subscription .step input {
            margin-bottom: 15px;
        }
        .letterlist .SearchBox legend {
            margin-left: 0;
        }
        .letterlist .SearchBox .keyword .inputText input {
            width: calc((100vw - 45px));
        }
        .letterlist .btnSearch button {
            width: 25vw;
        }
        .letterlist .SearchBox .select, .letterlist .SearchBox .period, .letterlist .SearchBox .keyword, .letterlist .SearchBox .btnSearch {
            margin: 5px 0;
        }
        /*錯誤頁*/
        .errorpage .logo {
            top: 5px;
        }
        .errerInfo {
            top: 100px;
        }
    }
    @media screen and (max-width: 320px) {
        /*一般內頁*/
        article, aside {
            padding: 0 10px;
        }
        .wrap article .pageInfo.morebox h2 {
            background: none;
            padding: 0;
            padding-bottom: 10px;
        }
        .mContent-hdr h1, .mContent-hdr h2 {
            display: block;
        }
        .pagemapbox {
            margin-bottom: 30px;
        }
        h3 {
            font-size: 125%;
        }
        .paginationSec>div a {
            width: 34pt;
        }
        .SearchBox {
            padding: 0;
        }
        .btnSearch button {
            margin-left: 10vw;
        }
        .newsList li.newsBox {
            padding: 15px;
        }
        article.news .textArea iframe {
            height: 175px;
        }
        /*景點區域導覽頁*/
        .categories li a {
            font-size: 95%;
        }
        .ecNetUlTabContent.SearchBox {
            padding: 0 20px;
        }
        .scenerybox {
            padding: 10px;
        }
        .scenerybox h2 {
            padding-left: 0;
        }
        .scenerybox h2:before {
            display: none;
        }
        .attractionsContent .album .slick-dots {
            bottom: -25%;
        }
        /*景點-主題推薦*/
        .categories {
            padding: 20px;
        }
        .topicInfo {
            padding: 8px;
        }
        /*行程導覽頁*/
        .topicbox {
            margin-bottom: 15%;
        }
        /*節慶內頁*/
        .mContent.fullbgpage .textWrapper {
            padding: 35px;
        }
        .floatbox {
            margin-top: -150px;
        }
        .mContent.fullbgpage h1 {
            font-size: 215%;
        }
        .mContent.fullbgpage .fullimg h2, .mContent.fullbgpage .fullimg .h2 {
            padding-top: 100px;
        }
        /*美食情報*/
        /*.P06_2 .categories,
.P06_3 .categories {
padding: 20px 50px;
}*/
        /*搜尋*/
        .ui-widget.ui-widget-content {
            left: 8px !important;
        }
        .subscription dl dd img {
            width: 50%;
        }
        /*相簿集錦*/
        ul.bookmark li a span {
            font-size: 95%;
        }
        /*網站導覽*/
        .sitemap>ul>li {
            padding: 0;
        }
        /*景點周邊列表頁*/
        .Peripherybox .gomap {
            margin-left: calc((100% - 255px)/2);
        }
        .Peripherybox .gomap a {
            width: 255px;
        }
        .Peripherybox ul.bookmark li:nth-child(1) a span {
            background: url(../images/icon/icon_btn_map01.svg) no-repeat center top/35px;
        }
        .Peripherybox ul.bookmark li:nth-child(2) a span {
            background: url(../images/icon/icon_btn_map02.svg) no-repeat center top/35px;
        }
        .Peripherybox ul.bookmark li:nth-child(3) a span {
            background: url(../images/icon/icon_btn_map03.svg) no-repeat center top/35px;
        }
        .mContent.fullbgpage .fullimg h2, .mContent.fullbgpage .fullimg .h2 {
            padding-right: 35%;
        }
        /*錯誤頁*/
        .errerInfo h1 {
            font-size: 300%;
        }
        .errerInfo {
            top: 200px;
        }
        .errerInfo h3, .errerInfo h4 {
            font-size: 100%;
        }
        .errerInfo ul {
            margin: 20px 0;
        }
    }
    /*列印*/
    @media print {
        article {
            width: 100%;
        }
        aside {
            display: none;
        }
        .wrap article h1 {
            padding-right: 0;
            font-weight: normal;
        }
        /*景點導覽頁*/
        .categories {
            padding: 0;
        }
        .scenery.s01, .scenery.s02, .scenery.s03, .scenery.s04, .scenery.s05, .scenery.s06 {
            background: none;
        }
        .scenerymap {
            position: inherit;
            bottom: inherit;
            left: inherit;
        }
        .scenerybox {
            width: 80%;
            background: none;
        }
        .scenerybox h2, .scenerybox li a {
            color: #111;
        }
        /*景點主題推薦*/
        .topicInfobox, .topicwapper .topicbox:nth-child(even) .topicInfobox {
            position: inherit;
            top: inherit;
            left: inherit;
            min-height: auto;
            right: inherit;
            width: 100%;
        }
        .topicwapper .topicbox:nth-child(even) figure, .topicbox:nth-child(odd) figure {
            float: inherit;
            padding-right: 0;
        }
        .topicbox:nth-child(odd) figure span img, .topicbox figure span img {
            width: 100%;
            float: inherit;
        }
        /*景點內頁*/
        .pagemapbox .pageMap p, .wrap article ul.pagemapInfoBox, div.pagemapInfoBox {
            float: inherit;
        }
        .wrap article ul.pagemapInfoBox, div.pagemapInfoBox {
            width: auto;
            height: auto;
        }
        .wrap article ul.pagemapInfo li {
            width: calc((100% - 65px)/5);
            margin-right: 10px;
            margin-bottom: 0;
        }
        .wrap article ul.pagemapInfo li:last-child {
            margin-right: 0;
        }
        .wrap article ul.pagemapInfo li a span {
            padding: 6px 0 6px 40px;
        }
        .wrap article ul.pagemapInfo li:nth-child(1) a span {
            background: url(../images/icon/icon_btn_map01.svg) no-repeat center top /35px;
        }
        .wrap article ul.pagemapInfo li:nth-child(2) a span {
            background: url(../images/icon/icon_btn_map02.svg) no-repeat center top /40px;
        }
        .wrap article ul.pagemapInfo li:nth-child(3) a span {
            background: url(../images/icon/icon_btn_map03.svg) no-repeat center top /40px;
        }
        .wrap article ul.pagemapInfo li:nth-child(4) a span {
            background: url(../images/icon/icon_btn_district.svg) no-repeat center top /35px;
        }
        .wrap article ul.pagemapInfo li:nth-child(5) a span {
            background: url(../images/icon/icon_btn_pagemap.svg) no-repeat center top /35px;
        }
        .wrap article ul.pagemapInfo li a span {
            padding: 50px 0 0px 0;
        }
        /*節慶內頁*/
        .mContent.fullbgpage .textWrapper {
            padding: 0;
        }
        .fullbgpage .pageInfo {
            padding: 0 5%;
        }
        .mContent.fullbgpage h1, .mContent.fullbgpage .fullimg h2, .mContent.fullbgpage .fullimg .h2 {
            padding-left: 20px;
        }
        .floatbox {
            width: 100%;
            margin-left: 0;
            margin-top: 0;
            padding: 1px 40px 30px 40px;
        }
        .floatimg {
            float: inherit;
            width: 100%;
            margin-top: 50px;
            margin-right: 0;
        }
        .mt {
            margin-top: 50px;
        }
        .fullbgpage article .textArea .col-l {
            float: inherit;
            width: 100%;
            margin-right: 0;
        }
        .fullbgpage article .textArea .col-r {
            width: 100%;
            float: inherit;
        }
        ul.rowbox li .info h3 {
            font-size: 120%;
        }
        /*網站導覽*/
        .sitemap>ul>li {
            width: 100%;
            padding: 0;
        }
    }
}