@media (max-width:1440px) {

    .basic-info {
        width: 53%;
        margin-left: 5%;
    }

    .service-gp>p {
        width: 82%;
    }

}

@media (max-width:1366px) {
    .wrap {
        margin-top: 114px;
        background-size: cover;
    }

    .basic-info {
        width: 49%;
        margin-left: 4%;
    }

    /*--*/
    .activitylist .keyword input[type=text] {
        width: 122px;
        float: left;
    }

    .page-banner .title p {
        font-size: 1.7em;
        margin: 0;
    }

}

@media (max-width:1365px) {

    /*--*/
    .top-info img {
        width: 280px;
        height: 210px;
        overflow: hidden;
    }

    .topinfo img {
        width: 280px;
        height: 185px;
    }

    .spot-list-wrap li,
    .acti {
        display: inline-block;
        width: 312px;
        margin: 0 1.5% 25px 1.5%;
    }

    /*-活動報名內頁-*/
    .eventdetail-tab a {
        width: 118px;
    }

    /*--*/
    .resource-list a {
        width: 300px;
        margin: 0 3%;
    }

}

@media (max-width:1200px) {
    .index-search {
        flex-wrap: wrap;
    }

    /*-感動地圖-*/
    .mapload-pic {
        width: 370px;
    }

    .intro {
        float: left;
        width: 54%;
        margin: 0;
        line-height: 35px;
    }

    /*-登入頁-*/
    .login-deco1 {
        position: absolute;
        right: 0;
        width: 290px;
        bottom: -58px;
    }

    .login-deco2 {
        display: none;
    }

    /*-活動行事曆-*/
    .actSort,
    .actPlace {
        width: 150px;
        margin: 0 8px 17px 0;
    }

    .actKeywords {
        width: calc(100% - 169px);
    }

    .actDate {
        width: 320px !important;
        margin: 0 0 17px 0;
    }

    ul.listHead li:nth-child(4),
    .listCont li:nth-child(4) {
        width: 145px;
    }

    ul.listHead li:last-child,
    .listCont li:last-child {
        width: calc(100% - 580px);
        text-align: left;
    }

}

@media (max-width:1199px) {
    .activitylist .date-wrap {
        float: left;
        width: 353px;
        margin-right: 12px;
        border-right: 1px solid #b7b7b7;
        padding-right: 12px;
        width: 100%;
        border-right: 0;
        margin: 0 0 1px 0;
        background: #eeeeee;
        padding: 7px 3%;
    }

    /*--*/
    .resource-list a img {
        width: 105px;
    }

    .resource-list a p {
        margin: 22px 0 0 0;
        color: #fff;
        font-weight: bold;
        font-size: 1.2em;
        width: 135px;
    }

    .resource-list a {
        width: 265px;
        margin: 0 2%;
    }

    .resource-item {
        width: 100%;
        height: 265px;
        margin: 0 auto;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: center;
        justify-content: center;
        text-align: center;
        margin: 28px 0 0 0;
        border-radius: 99em;
    }

    /*-最新消息-*/
    .liststyle-cont {
        float: left;
        width: 78%;
        margin-left: 28px;
    }

    /*-私藏遊程-*/
    .tourdate-cont,
    .tourname-cont {
        text-align: left;
    }

    .tourshare-cont a img {
        width: 29px;
    }

    .tourshare-cont a {
        margin: 0 1px;
        line-height: initial;
    }

    /*-活動報名-*/
    .activity-list-wrap,
    .spot-list-wrap {
        width: 872px;
    }

    /*-資源補給站-最底層-*/
    .plancont-list li p {
        width: 85%;
    }

    /*-問卷-*/
    .checkbox-wrap label {
        width: 96%;
    }

    /*-著作權聲明-*/
    .a-lev2 p {
        float: left;
        width: 92%;
    }

    /*-自訂遊程-*/
    .tour-title-cont img {
        width: 100%;
    }

    /*-tour buddy-*/
    .service-gp>p {
        width: 76%;
    }

    .route p {
        width: 87%;
    }

    /*-關於我們-*/
    .about-link-wrap {
        width: 385px;
    }

    .a-link1 img,
    .a-link2 img,
    .a-link3 img,
    .a-link4 img,
    .a-link5 img {
        width: 250px;
    }

    .about-link-wrap>img {
        width: 100%;
    }

    a.a-link2 {
        right: -215px;
        top: 55px;
    }

    a.a-link3 {
        left: -214px;
        bottom: 25px;
    }

    a.a-link4 {
        right: -215px;
        bottom: 25px;
    }

    .a-link1 {
        left: -214px;
        top: 52px;
    }

    /*-活動報名內頁-*/
    .info-list p {
        width: 60%;
    }

    .basic-info {
        width: 48%;
        margin-left: 3%;
    }

    .basic-info-wrap img {
        width: 440px;
        height: 291px;
    }

    /*-活動報名內頁-*/
    .eventdetail-tab a {
        width: 20%;
        margin-bottom: 1px;
    }

    /*-壯遊點一覽-*/
    .spot-list-wrap li,
    .acti {
        display: inline-block;
        width: 265px;
        margin: 0 1.3% 25px 1.3%;
    }

    .top-info img {
        width: 238px;
        height: 179px;
        overflow: hidden;
    }

    .topinfo img {
        width: 238px;
        height: 157px;
    }

    /*-活動報名-*/
    .activitylist .area,
    .activitylist .setoff-date,
    .activitylist .sort,
    .activitylist .keyword {
        width: 100%;
        border-right: 0;
        margin: 0 0 1px 0;
        background: #eeeeee;
        padding: 7px 3%;
    }

    .page-sear.activitylist select {
        width: 130px;
        padding: 5.5px 0.5%;
    }

    .page-sear.activitylist {
        background: #FFF;
        padding: 0;
    }

    .activitylist .setoff-date span,
    .activitylist .area span,
    .activitylist .sort span,
    .activitylist .keyword span {
        width: 104px;
        margin-right: 9px;
        text-align: left;
    }

    .activitylist .setoff-date label,
    .activitylist .area label,
    .activitylist .sort label,
    .activitylist .date-wrap label,
    .activitylist .keyword label {
        width: 82px !important;
        margin-right: 7px;
        text-align: left;
        line-height: 35px;
    }

    .activitylist .page-searbtn-wrap {
        float: left;
        width: 100%;
        margin: 10px 0 0 0;
        text-align: center;
    }

    .activitylist a.page-searbtn {
        float: none;
        font-size: 0.85em;
        margin: 0;
        display: inline-block;
        margin: 0 5px;
    }

    /*-登入頁-*/
    section.fb-g-login {
        width: 306px;
        margin-left: 20px;
    }

}

@media (max-width:1180px) {

    /*-青年體驗學習計畫-*/
    .teenager-learingplan a img {
        width: 225px;
        margin: 0 auto;
        display: block;
        transition: .4s;
    }

    /*-快速選單-*/
    .fast-nav {
        display: none;
    }

    /*-加入會員-*/
    .loginpage-cont {
        margin: 50px 0 70px 0;
        padding: 40px 5%;
    }

    .survey-wrap {
        padding: 20px 5% 45px 5%;
    }

    /*-內頁樣式-*/
    .subtitle {
        margin: 25px 0 35px 0;
    }

    .sub-unit-title {
        margin-bottom: 10px;
        padding-bottom: 11px;
    }

    .title span {
        width: 45px;
    }

    .title p {
        font-size: 1.3em;
    }

}

@media (max-width:1100px) {
    .file-edit-cont {
        padding: 30px 35px;
    }

}

@media (max-width:1091px) {

    /*-最新消息-*/
    .newslist a.page-searbtn {
        float: none;
        background: #979797;
        padding: 2px 20px;
        font-size: 0.85em;
        color: #fff;
        margin: 0;
        width: 80px;
        display: inline-block;
    }

    .newslist .page-searbtn-wrap {
        width: 100%;
        float: left;
        text-align: center;
        margin: 8px 0 0 0;
    }

    .page-sear.activitylist,
    .page-sear.newslist {
        background: #FFF;
        padding: 0;
    }

    .newpage .date-wrap span,
    .newpage .keyword span {
        width: 51px;
        margin-right: 7px;
    }

    .newpage .date-wrap label,
    .newpage .keyword label {
        width: 61px;
        margin-right: 7px;
        line-height: 35px;
    }

    .newpage .date-wrap,
    .newpage .keyword {
        width: 100%;
        border-right: 0;
        margin: 0 0 1px 0;
        background: #eeeeee;
        padding: 12px 20px;
    }

    .newpage .keyword {
        float: left;
        width: 100%;
    }

    .newpage .keyword input[type=text] {
        width: 65%;
        float: left;
    }

}

@media (max-width:1024px) {

    /*-內頁樣式-*/
    .page-banner {
        display: none;
    }

    .crumb {
        visibility: initial !important;
    }

    /*-檔案下載-*/
    .filename,
    .filesort {
        padding: 6px 0;
    }

    .filesort-cont img {
        width: 38px;
        height: 38px;
    }

    /*-行動裝置rwd-*/
    .page-sear.newslist input[type="date"] {
        float: left;
        height: 35px;
        min-width: 140px;
        background: url(../images/calendar.svg) 97% center no-repeat #fff;
        background-size: 22px 22px;
    }

    .page-sear.newslist .date-wrap p {
        float: left;
    }

    /*-個人資料修改-*/
    .file-edit-cont tr.birth input[type="date"] {
        float: left;
        height: 35px;
        min-width: 160px;
        background: url(../images/calendar.svg) 97% center no-repeat #fff;
        background-size: 24px 24px;
        border-radius: 2px !important;
    }

    /*-私藏遊程-*/
    .customize-tour .date-chose input[type="date"] {
        float: left;
        height: 35px;
        min-width: 160px;
        background: url(../images/calendar.svg) 97% center no-repeat #fff;
        background-size: 22px 22px;
    }

    .customize-tour .date-chose span {
        margin: 0 5px;
    }

    /*-活動報名-*/
    .mem-event-regis input[type="date"] {
        float: left;
        height: 35px;
        min-width: 160px;
        width: 140px !important;
    }

    /*-計畫資料上傳-*/
    .map-upload input[type="date"] {
        float: left;
        height: 35px;
        min-width: 160px;
        width: 140px !important;
        background: url(../images/calendar.svg) 97% center no-repeat #fff;
        background-size: 22px 22px;
    }

    .group-people-row input[type="date"] {
        float: left;
        height: 35px;
        min-width: 160px;
        width: 140px !important;
        background: url(../images/calendar.svg) 97% center no-repeat #fff;
        background-size: 22px 22px;
    }

}

@media (max-width:1005px) {
    .survey-binfo-list strong.longtitle2 {
        width: 100%;
        margin: 0 0 4px 0;
    }

}

@media (max-width:991px) {

    /*-活動行事曆-*/
    .spotName a {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
        line-height: normal;
    }

    .listCont li:nth-child(4) span,
    .listCont li:nth-child(4) label {
        width: auto;
        line-height: normal;
        float: left;
    }

    .actList {
        width: 100%;
        display: flex;
        margin: 0 0 25px 0;
        border-radius: 4px;
        overflow: hidden;
    }

    .lastestList {
        width: 50%;
    }

    ul.listHead.hiddenn {
        display: inline-block !important;
    }

    ul.listHead li,
    .listCont li {
        text-align: left;
        line-height: normal;
        width: 100% !important;
        padding: 12px 14px;
        line-height: normal !important;
        border: 0 !important;
        border-bottom: 1px solid #e0e0e0 !important;
        font-size: 1rem;
        height: 46px;
    }

    ul.listHead li {
        border-bottom: 1px solid #ff9c82 !important;
    }

    ul.listHead li:last-child,
    .listCont li:last-child {
        border-bottom: 0 !important;
        border-bottom: 0 !important;
        height: auto;
    }

    ul.listHead {
        background: #ff6a43;
        color: #ffffff;
        font-weight: bold;
        width: 120px;
        float: left;
    }

    ul.listCont {
        width: calc(100% - 120px);
        background: #f5f5f6;
    }

    .actTag {
        background: #ff6a43;
        text-align: center;
        color: #fff;
        font-size: 0.95rem;
        border-radius: 45px;
        padding: 3px 0 5px 0;
        min-width: 80px;
        margin: 0 auto;
        line-height: normal;
        float: left;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: auto;
    }

    .sortItem {
        display: inline-block;
        vertical-align: middle;
        color: #fff;
        width: auto;
    }

    .listCont li:first-child {
        position: relative;
    }

    /*-個人資料維護-*/
    ul.col4Thead li,
    .col4Tcont li {
        width: 115px;
    }

    ul.col4Thead li:first-child,
    .col4Tcont li:first-child {
        width: calc(100% - 230px);
    }

    a.tbBtn {
        margin-top: 4px !important;
        margin-bottom: 4px !important;
    }

    .mem-tab2 a {
        float: left;
        width: 25%;
        padding: 12px 7px;
        font-size: 0.98em;
        line-height: 27px;
    }

    .remind2 {
        font-size: 0.92em;
        font-weight: bold;
    }

    .pageSear input[type=text] {
        max-width: 100%;
        min-width: 100%;
    }

    /*--*/
    .searItemWrap a {
        width: calc(100% / 3 - 1.5%);
    }

    .searTitle {
        width: 130px;
    }

    .searCont {
        width: calc(100% - 130px);
        padding: 17px 18px;
    }

    .searTitle,
    .searCont {
        padding: 17px 16px;
    }

    /*-活動報名內頁-*/
    .bi-btn-cont a {
        font-size: 0.875em;
        border-radius: 4px;
        color: #fff;
        text-align: center;
        margin: initial;
    }

    .basic-info-tb-wrap {
        margin: 25px 0 0 0;
    }

    .bi-head {
        width: 25%;
        border-radius: 0;
        font-size: 1rem;
    }

    .bi-date,
    .bi-regis,
    .bi-num,
    .bi-pay,
    .bi-btn,
    .bi-pay,
    .bi-pay-cont,
    .bi-group {
        padding: 7px 8px !important;
        width: 100%;
        text-align: left;
        border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    }

    .bi-cont {
        width: 75%;
        border: 0;
    }

    .bi-head.hiddenn {
        display: block !important;
    }

    .basic-info-tb {
        float: left;
        width: 100%;
        margin: 0 0 15px 0;
        border-radius: 7px;
        overflow: hidden;
    }

    .basic-info-tb:last-child {
        margin: 0;
    }

    .eventdetail {
        margin: 25px 0 0 0;
    }

    .bi-group-cont span,
    .bi-btn-cont a {
        font-size: 0.9rem !important;
    }

    .bi-date-cont,
    .bi-regis-cont,
    .bi-num-cont,
    .bi-pay-cont,
    .bi-btn-cont,
    .bi-group-cont {
        padding: 6px 3%;
        width: 100%;
        text-align: left;
        background: #efefef;
        border-bottom: 1px solid #fff;
        height: 36px;
    }

    .bi-group-cont,
    .bi-btn-cont,
    .bi-group,
    .bi-btn {
        height: 45px;
    }

    .info-list span {
        float: left;
        width: 126px;
    }

    .info-list p {
        width: calc(100% - 126px);
    }

    /*-資源補給站-最底層-*/
    .plancont-list li p {
        width: 80%;
    }

    /*-最新消息列表-*/
    .liststyle-cont {
        float: left;
        width: 65%;
        margin-left: 28px;
    }

    /*--*/
    .resource-list a {
        width: 100%;
        margin: 0;
    }

    .resource-list a p {
        margin: 0 0 0 10px;
        color: #fff;
        font-weight: bold;
        font-size: 1.2em;
        width: 260px;
        float: left;
        line-height: 72px;
        text-align: left;
    }

    .resource-list a img {
        width: 100px;
        float: left;
    }

    .resource-item {
        border-radius: 0;
        height: auto;
        padding: 25px 0;
    }

    /*-私藏遊程-*/
    .customize-tour .btn-wrap {
        margin: 0;
    }

    .start select,
    .destination select {
        min-width: auto;
        float: left;
        width: 90%;
    }

    /*-滿意度-*/
    label.short-label {
        width: 25px !important;
    }

    label.short-label2 {
        width: 58px !important;
    }

    .ans label {
        margin: 0 0 3px 0;
        padding: 0 0 0 3px;
        width: 95%;
    }

    .survey-binfo-chose label {
        margin: 0;
        padding: 0 0 0 3px;
        width: 95%;
    }

    .survey-binfo-list strong,
    .survey-binfo-list strong.longtitle,
    .survey-binfo-list strong.longtitle2 {
        float: left;
        width: 100%;
        font-weight: bold;
    }

    /*-著作權聲明-*/
    .a-lev1 p {
        float: left;
        width: 90%;
    }

    .a-lev2 p {
        float: left;
        width: 87%;
    }

    /*-壯遊里程碑-*/
    .ms-date {
        height: 237px;
        width: 82px;
    }

    .ms-cont {
        float: left;
        width: 94%;
        margin: 10px 3%;
    }

    .ms-brief {
        float: left;
        width: 100%;
        height: 28px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        font-size: 0.97em;
        line-height: 28px;
    }

    .ms-list-wrap img {
        width: 150px;
        height: 93px;
    }

    .ms-list-wrap {
        border-left: 22px #fff solid;
    }

    /*-自訂遊程-*/
    .ct-list-cont:nth-child(odd) {
        background: #ffebe5;
    }

    .ct-list-cont {
        padding: 16px 0;
    }

    .tourshare,
    .tourshare-cont {
        height: 53px;
        border: 0 !important;
    }

    .tourshare-cont {
        text-align: left;
    }

    .tourintro {
        height: 72px;
        padding: 20px 7% !important;
    }

    .tourname-cont,
    .tourdate-cont,
    .tourintro-cont,
    .tourshare-cont {
        padding: 12px 4%;
        border-bottom: 1px solid #ffbcab;
    }

    .tourname,
    .tourdate,
    .tourintro,
    .tourshare {
        border: 0;
        border-bottom: 1px solid #ffd2c6;
        text-align: left;
        padding: 0 7%;
        height: 65px;
        display: flex;
        align-items: center;
        /* align-items: center; */

        /* -webkit-justify-content: center; */

        /* justify-content: center; */
    }

    .customize-info-head {
        width: 30%;
    }

    .tour-descri,
    .tour-descri-cont {
        width: 67%;
    }

    .tour-title,
    .tour-title-cont {
        width: 32%;
    }

    .tourname,
    .tourname-cont,
    .tourdate,
    .tourdate-cont,
    .tourintro,
    .tourintro-cont,
    .tourshare,
    .tourshare-cont {
        width: 100%;
    }

    .tourname-cont,
    .tourdate-cont,
    .tourintro-cont,
    .tourshare-cont {
        width: 100%;
        height: 65px;
        display: flex;
        align-items: center;
        line-height: 26px;
    }

    .tourintro-cont {
        height: 65px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        padding: 7px 4% !important;
    }

    .tourshare-cont a {
        margin: 0 4px;
        line-height: initial;
    }

    .tourname-cont {
        height: 65px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        padding: 8px 4% !important;
    }

    .customize-info-cont {
        width: 70%;
        float: left;
    }

    .date-chose input#datepicker,
    .date-chose input#datepicker2 {
        height: 35px;
        width: 110px !important;
        font-size: 0.938em;
    }

    /*-tour buddy-*/
    .service-gp>p {
        width: 100%;
        margin: 0 0 12px 0;
    }

    .route p {
        width: 82%;
    }

    /*-活動報名內頁-*/
    .basic-info-wrap img {
        width: 100%;
        height: auto;
    }

    .basic-info {
        width: 100%;
        margin: 25px 0 0 0;
    }

    .eventdetail-tab a {
        padding: 5px 2.5%;
    }

    /*-壯遊點一覽-*/
    .spot-list-wrap li,
    .acti {
        display: inline-block;
        width: 270px;
        margin: 0 4% 25px 4%;
    }

    /*-登入頁-*/
    .loginpage-cont .title {
        margin: 0 0 25px 0;
    }

    .fb-g-login a img {
        width: 75px;
        display: block;
        margin: 0 auto 6px auto;
    }

    .login-verify label {
        width: 100%;
        margin: 0 0 0 0;
    }

    .login-verify input[type=text] {
        float: left;
        width: calc(100% - 159px);
    }

    .loginVerifyBtn {
        padding: 0;
        margin: 11px 0 0 0;
    }

    .loginVerifyBtn a {
        margin: 0 7px 0 0;
    }

    .account input[type=text],
    .code input[type=password] {
        float: left;
        width: 100%;
        padding: 5px 2%;
        border: #ccc solid 1px;
    }

    section.login {
        display: inline-block;
        width: 376px;
        margin: 0 0 30px 0;
    }

    .loginpage .btn-wrap a {
        margin: 0 1.5%;
    }

    .account,
    .code {
        margin: 0 0 20px 0;
    }

    .login-verify {
        margin: 0 0 45px 0;
    }

    section.login {
        display: inline-block;
        width: 82%;
        margin: 0 0 30px 0;
    }

    section.fb-g-login {
        display: inline-block;
        width: 100%;
        vertical-align: top;
        margin: 25px 0 0 0;
    }

    .fb-g-login a {
        display: inline-block;
        vertical-align: top;
        width: 160px;
    }

    .login-deco1 {
        display: none;
    }

    /*-徵件及補助-*/
    .resource-link-page li {
        float: left;
        width: 44%;
        margin: 0 3% 35px 3%;
    }

    /*-青年體驗扎根計畫-*/
    .trplan-cont .word {
        width: 65%;
    }

    .trplan-cont .word ul.article li>p {
        width: 92%;
    }

    /*-2020/10/15-*/
    ul.plan-benefit li {
        float: left;
        width: 100%;
        margin: 8px 0 0 0;
    }

    ul.plan-benefit li:first-child {
        margin-top: 0;
    }

    ul.plan-benefit li.benefit2 input[type=text] {
        margin: 0 0 0 5px;
        width: calc(100% - 106px) !important;
        float: left;
    }

    ul.plan-benefit li.benefit2 label {
        float: left;
        width: 100px;
    }

    .plan-fund2 table tr td {
        padding: 10px 20px;
        width: 50%;
        display: table-cell;
    }

    .group-people {
        float: left;
        width: 100%;
        margin: 49px 0 15px 0 !important;
        font-size: 1rem;
        border-radius: 3px;
        overflow: hidden;
    }

    /*--*/

    /*-表單樣式-*/
    .file-edit-cont tr th,
    .file-edit-cont tr td,
    .map-upload tr th,
    .map-upload tr td,
    .customize-tour tr th,
    .customize-tour tr td,
    .registion tr th,
    .registion tr td,
    .mem-event-regis tr th,
    .mem-event-regis tr td {
        vertical-align: middle;
        padding: 14px 15px;
        display: inline-block;
        width: 100%;
        font-size: 1.035rem;
        font-weight: normal;
    }

    .memeberTb th {
        background: #f4f4f4 !important;
        width: 100% !important;
    }

    .file-edit-cont tr,
    .map-upload tr,
    .customize-tour tr,
    .registion tr,
    .mem-event-regis tr {
        border-top: 0;
    }

    .file-edit-cont tr td,
    .map-upload tr td,
    .customize-tour tr td,
    .registion tr td {
        padding: 15px 3%;
    }

    input.textfield.address,
    input.textfield.email,
    input.textfield.long,
    .tb input[type=text],
    .textfield {
        width: 100% !important;
    }

    .group-people input[type=text],
    .group-people select {
        width: 50% !important;
    }

    input[type=text] {
        padding: 5px 2%;
    }

    .verify input.textfield.short {
        width: 150px !important;
        margin: 0 8px 0 0;
    }

    select {
        max-width: 100%;
        width: 100%;
    }

    .file-edit-cont tr,
    .map-upload tr,
    .customize-tour tr,
    .registion tr {
        border-top: 0;
    }

    tr.emptytr {
        display: none;
    }

    input.addbtn {
        right: 0;
    }

    /*-網站導覽-*/
    .sitemap-box {
        width: 46%;
        margin: 0 2% 32px 2%;
    }

    /*-多圖-*/
    .page-slider-wrap {
        width: 550px;
    }

    .page-slider-thumb img {
        height: 70px;
    }

    /*-感動地圖-*/
    .mapload-pic {
        width: 350px;
        float: left;
        position: absolute;
        margin: 0;
        top: -51px;
        transform: translateX(-50%);
        left: 50%;
    }

    .mapload-pic img {
        width: 100%;
    }

    .intro {
        float: left;
        width: 100%;
        margin: 290px 0 0 0;
        line-height: 35px;
        padding: 0 0 77px 0;
    }

    /*-體驗足跡-*/
    .experience-list a img {
        float: left;
        width: 260px;
    }

    .e-cont {
        float: left;
        width: calc(100% - 285px);
        margin-left: 25px;
    }

    /*-活動報名-*/
    .activity-list-wrap,
    .spot-list-wrap {
        width: 649px;
    }

    .activitylist .area,
    .activitylist .setoff-date,
    .activitylist .sort,
    .activitylist .keyword {
        width: 100%;
        border-right: 0;
        margin: 0 0 1px 0;
        background: #eeeeee;
        padding: 7px 3%;
    }

    .page-sear.activitylist select {
        width: 130px;
        padding: 5.5px 2%;
    }

    .page-sear.activitylist,
    .page-sear.newslist {
        background: #FFF;
        padding: 0;
    }

    .activitylist .setoff-date span,
    .activitylist .area span,
    .activitylist .sort span,
    .activitylist .keyword span {
        width: 104px;
        margin-right: 9px;
        text-align: left;
    }

    /*-個人資料修改-*/
    .file-edit-wrap,
    .map-upload,
    .my-grandtour {
        margin: 30px 0 0 0;
    }

    .map-upload,
    .mem-event-regis,
    .grandtour-cont {
        padding: 25px 25px 60px 25px;
    }

    .mem-pagecont {
        padding: 40px 0 0 0;
    }

    /*-個人資料修改-報名查詢/填寫問券-*/
    .list-head {
        width: 25%;
        background: #ececec;
        color: #333333;
    }

    .list-head.hiddenn {
        display: block !important;
    }

    .a-plan,
    .a-name,
    .qunaire-list>.list-head>div,
    .qunaire-list>.content>div,
    .f-date,
    .f-day,
    .f-title,
    .f-situa,
    .f-qu,
    .f-point {
        width: 100%;
        padding: 8px 13px;
        text-align: left;
        line-height: 28px;
        border-bottom: 1px solid #e4e4e4;
        font-size: 0.98em;
    }

    .content {
        float: left;
        width: 75%;
        padding: 0;
    }

    .content .f-date,
    .content .f-day,
    .content .f-title,
    .content .f-situa,
    .content .f-qu {
        padding: 8px 13px;
        border-bottom: 1px solid #e4e4e4;
        font-size: 0.98em;
    }

    .qunaire-list {
        float: left;
        width: 100%;
        margin-bottom: 25px;
    }

    .f-situa a.opened-act,
    .f-situa a.closed-act {
        margin: 0;
        font-size: 0.806em;
        width: 90px;
    }

    a.opened-act,
    a.closed-act {
        padding: 2px 0;
    }

    .f-situa,
    .f-qu {
        height: 52px;
    }

    a.goto-questionaire {
        font-size: 0.853em;
        padding: 2px 0;
        text-align: center;
        margin: 0;
    }

    .qunaire-list:nth-child(even),
    .qunaire-list:nth-child(odd) {
        background: #f9f9f9;
    }

    .qunaire-list>.list-head>div,
    .qunaire-list>.content>div,
    .f-title {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
        height: 41px;
    }

    .qunaire-list .btn {
        margin: 0;
    }

    /*-Youth Travel Spots-*/
    .spot-tab-en {
        width: 100%;
        margin: 0 auto 107px auto;
    }

    .spot-tab-en a {
        width: 33%;
        color: #fff;
        padding: 4px 0;
        border-right: 1px solid #fff;
        border-bottom: 1px solid #fff;
    }

}

@media (max-width:980px) {

    /*-關於我們-*/
    .about-link-wrap {
        width: 360px;
    }

    .a-link1 img,
    .a-link2 img,
    .a-link3 img,
    .a-link4 img,
    .a-link5 img {
        width: 240px;
    }

}

@media (max-width:915px) {

    /*-關於我們-*/
    .about-link-wrap {
        width: 335px;
    }

    .a-link1 img,
    .a-link2 img,
    .a-link3 img,
    .a-link4 img,
    .a-link5 img {
        width: 225px;
    }

    a.a-link2,
    a.a-link4 {
        right: -185px;
    }

    .a-link1,
    a.a-link3 {
        left: -185px;
    }

}

@media (max-width:810px) {

    /*-關於我們-*/
    .about-link-wrap {
        width: 330px;
    }

    .a-link1 img,
    .a-link2 img,
    .a-link3 img,
    .a-link4 img,
    .a-link5 img {
        width: 225px;
    }

    .about-link-wrap {
        width: 305px;
    }

    .a-link1 img,
    .a-link2 img,
    .a-link3 img,
    .a-link4 img,
    .a-link5 img {
        width: 210px;
    }

}

@media (max-width:800px) {

    /*-活動行事曆-*/
    .actSort,
    .actPlace {
        width: 115px;
        margin: 0 8px 17px 0;
    }

    .actDate {
        width: 314px !important;
        margin: 0 0 17px 0;
    }

}

@media (max-width:780px) {

    /*-tour buddy-*/
    .tourbuddy-tb tr th {
        width: 25%;
    }

}

@media (max-width:768px) {

    /*-活動行事曆-*/
    .actSear select {
        height: 41px;
    }

    .tourshare-cont a:nth-child(3) {
        display: block;
    }

    .dateSlider a {
        margin: 0 10px;
    }

    .shutdown_page.survey_complete {
        position: absolute;
        width: 80%;
        display: inline-block;
    }

    /*--*/
    .ev-cont-video {
        float: left;
        width: 100%;
    }

    .ev-cont-video iframe {
        float: left;
        width: 100%;
    }

    /*--*/
    .activitylist .date-wrap input[type="date"] {
        float: left;
        background: url(../images/calendar.svg) 97% center no-repeat #fff;
        background-size: 22px;
        font-size: 0.85em;
        width: 120px;
        height: 35px;
    }

    .ev-cont-pic img {
        margin: 0 auto 20px auto;
        display: block;
        width: auto !important;
        height: auto !important;
        float: none !important;
        max-width: 90%;
    }

    .fast-nav-wrap,
    .fast-nav2 {
        display: none;
    }

    .page-sear.activitylist select {
        width: 130px;
        padding: 1px 2%;
    }

    .page-sear {
        margin: 0 0 30px 0;
    }

    .tb-info {
        margin: 0 0 18px 0;
    }

    /*-aboutyou-*/
    .au-title {
        font-size: 1.15em;
    }

    .tb {
        margin: 0 0 25px 0;
    }

    /*
    .mem-tab a,
    .mem-tab2 a,
    .mem-tab3 a {
        padding: 15px 0;
        font-size: 1.1em;
    }
    */
    .mem-tab a img {
        width: 35px;
        margin-right: 1px;
    }

    select.country-select {
        padding: 0 10px;
    }

    select.year-select,
    select.md-select {
        padding: 0px 10px;
        background: url(../images/rwd_select_att.png) 88% center no-repeat #fff;
    }

    /*-basic-*/
    select {
        width: 100%;
        color: #555;
        border: 1px solid #ccc;
        padding: 2px 10px;
        font-size: 0.938em;
        -webkit-appearance: none;
        border-radius: 0;
        background: url(../images/rwd_select_att.png) 95% center no-repeat #fff;
        font-family: 微軟正黑體;
        border-radius: 2px;
    }

    input[type="button"],
    input[type="submit"] {
        cursor: pointer;
        -webkit-appearance: none;
        font-family: Arial, "微軟正黑體";
    }

    input[type="text"],
    input[type="password"],
    textarea {
        -webkit-appearance: none;
        font-family: Arial, "微軟正黑體";
        border: 1px #ccc solid;
        font-size: 1.02rem;
        border-radius: 2px;
    }

    /*-壯遊點一覽-*/
    .spot-tab {
        display: inline-block;
        width: 100%;
        text-align: center;
        margin: 0 auto 25px auto;
    }

    .spot-tab a {
        width: 19.9%;
    }

    /*-加入會員3-*/
    .regist-success-wrap img {
        width: 290px;
    }

    /*-單圖樣版-*/
    .FloatLeftImg,
    .FloatRightImg {
        max-width: 55%;
    }

    .FloatCenterImg {
        max-width: 80%;
        margin: 0 10% 50px 10%;
    }

    /*-活動報名內頁-*/
    .eventdetail-tab a {
        padding: 5px 2.5%;
        width: 25%;
        text-align: center;
    }

    .basic-info {
        float: left;
        width: 100%;
        margin-left: 0;
    }

    .basic-info-wrap img {
        float: left;
        width: 100%;
    }
}

@media (max-width:767px) {
    .resource-list a img {
        width: 100px;
    }

}

@media (max-width:745px) {

    /*-關於我們-*/
    .about-link-wrap {
        width: 275px;
    }

    .about-link {
        float: left;
        width: 100%;
        margin-top: 22px;
        padding: 30px 0;
    }

    .about-link-wrap {
        width: 100%;
        margin: 0 0 15px 0;
    }

    .about-link-wrap>img {
        width: 300px;
        margin: 0 0 15px 0;
    }

    .a-link1,
    .a-link2,
    .a-link3,
    .a-link4,
    .a-link5 {
        position: initial;
        width: 380px;
        float: none;
        background: #fff;
        margin: 15px auto;
        border-radius: 4px;
        display: block;
    }

    .a-link1 img,
    .a-link2 img,
    .a-link3 img,
    .a-link4 img,
    .a-link5 img {
        width: 245px;
    }

    /*-滿意度查詢-*/
    .surveyremind-link1 {
        float: left;
        width: 100%;
        margin: 0 0 11px 0;
    }

}

@media (max-width:735px) {

    /*-資源補給站-最後一層-*/
    .plancont-list li p {
        width: 77%;
    }

}

@media (max-width:715px) {

    .spot-list-wrap li,
    .acti {
        display: inline-block;
        width: 270px;
        margin: 0 3% 25px 3%;
    }

    .activity-list-wrap {
        width: 619px;
    }

}

@media (max-width:700px) {

    /*-活動報名內頁-*/
    .bi-date,
    .bi-regis,
    .bi-num,
    .bi-pay,
    .bi-btn {
        padding: 5px 1%;
    }

    /*-活動行事曆-*/
    .actSort,
    .actPlace {
        width: calc(100% / 2 - 9px);
        margin: 0 0 17px 0;
    }

    .actKeywords {
        width: 100%;
        margin: 0 0 17px 0;
    }

    section.actSear {
        padding: 20px 15px;
    }

    .actSearBtn {
        width: 100%;
        float: left;
        text-align: center;
    }

    .actSearBtn a {
        font-size: 0.95rem;
        padding: 5px 0;
        width: 100px;
        margin: 0 3px;
        display: inline-block;
        float: none;
    }

    .actSort {
        margin-right: 18px;
    }

    .actDate {
        width: 100% !important;
        margin: 0 0 17px 0;
    }

    /*-體驗足跡-*/
    .e-title p:first-child {
        font-size: 1.16em;
        line-height: 27px;
    }

    .experience-list a img {
        float: left;
        width: 40%;
    }

    .e-cont {
        float: left;
        width: calc(100% - 40% - 25px);
        margin-left: 25px;
    }

    /*-影音專區-*/
    .media-list>li {
        width: calc(100% / 2 - 2%);
        margin: 0 1% 25px 1%;
    }

    .searTitle {
        width: 100%;
        padding: 8px 16px !important;
        background: #ff6a43;
        color: #fff;
    }

    .searCont {
        width: 100%;
        padding: 17px 18px;
    }

    .pageSear input[type=text] {
        width: 100%;
        min-width: 100%;
    }

    .searItemWrap a {
        width: calc(100% / 2 - 2%);
        margin: 5px 1%;
    }

}

@media (max-width:695px) {

    /*-tour buddy-*/
    .route p {
        width: 79%;
    }

}

@media (max-width:685px) {

    /*-壯遊點一覽-*/
    .spot-list-wrap li,
    .acti {
        display: inline-block;
        width: 250px;
        margin: 0 2.5% 25px 2.5%;
    }

    .top-info img {
        width: 225px;
        height: 169px;
        overflow: hidden;
    }

    .topinfo img {
        width: 225px;
        height: 148px;
    }

    .activity-list-wrap {
        width: 561px;
    }

}

@media (max-width:680px) {

    /*-青年體驗學習計畫-*/
    .teenager-learingplan a img {
        width: 205px;
    }

    /*-最新消息-*/
    .liststyle-pic {
        width: 135px;
    }

    .news-title {
        font-size: 1.1em;
        font-weight: bold;
        margin: 0 0 3px 0;
        line-height: 29px;
    }

    .list-cont>li {
        width: 100%;
    }

    .step-1 .row .infor .cont {
        height: auto;
    }
}

@media (max-width:675px) {
    section.login {
        width: 84%;
    }

}

@media (max-width:670px) {

    /*-著作權聲明-*/
    .a-lev2 p {
        width: 85%;
    }

}

@media (max-width:660px) {

    /*-多圖-*/
    .page-slider-wrap {
        width: 450px;
    }

    .page-slider-thumb img {
        height: 50px;
    }

    .page-slider-nav .slick-prev {
        left: -31px;
        z-index: 9999;
    }

    .page-slider-nav .slick-next {
        right: -31px;
        z-index: 9999;
    }

    /*-徵件及補助-*/
    .resource-link-page li {
        width: 94%;
        margin: 0 3% 35px 3%;
    }

    /*-登入頁-*/
    section.login {
        width: 90%;
        margin: 0 0 30px 0;
    }

}

@media (max-width:650px) {
    .mem-event-regis .verify input.textfield.short {
        width: 100% !important;
        margin: 0 0 12px 0;
        float: left;
    }

    .pageSear input[type=text].dateInput {
        width: 100%;
    }

}

@media (max-width:645px) {

    /*-隱私權與資訊安全宣告-*/
    .a-lev3 p {
        width: 92%;
    }

    /*-問卷-*/
    .ans label {
        width: 94%;
    }

    /*-最新消息-*/
    .liststyle-pic {
        width: 125px;
    }

}

@media (max-width:640px) {

    ul.plan-tab,
    .trainee-tab {
        margin: 0px auto 15px auto;
    }

    ul.plan-tab li,
    .trainee-tab li {
        width: calc(100% / 2 - 16px);
        margin-bottom: 15px;
    }
}

@media (max-width:625px) {

    /*-最新消息-*/
    .newpage .keyword input[type=text] {
        width: 82%;
        float: left;
    }

    /*-壯遊點一覽-*/
    .spot-list-wrap li,
    .acti {
        display: inline-block;
        width: 95%;
        margin: 0 2.5% 25px 2.5%;
        height: auto !important;
    }

    .spot-list-wrap {
        width: 95%;
    }

    .top-info img,
    .topinfo img {
        width: 100%;
        height: auto;
        overflow: hidden;
    }

    .activity-list-wrap {
        width: 100%;
    }

}

@media (max-width:620px) {
    .login-verify label {
        width: 100%;
        margin: 0 0 9px 0;
        line-height: initial;
        text-align: left;
    }

    .actFollowTab a {
        float: left;
        font-size: 1rem;
        padding: 2px 0;
        width: calc(100% / 5 - 4px);
        margin: 0 2px;
    }

}

@media (max-width:610px) {

    /*--*/
    .ms-date {
        height: 237px;
        width: 90px;
    }

}

@media (max-width:605px) {

    /*-tour buddy-*/
    .route p {
        width: 100%;
        margin: 7px 0 0 0;
        line-height: 26px;
    }

    .route {
        float: left;
        width: 100%;
        margin: 0;
    }

    /*-最新消息-*/
    .liststyle-cont {
        width: 69%;
        margin-left: 17px;
    }

}

@media (max-width:600px) {

    /*-計畫資料上傳-*/
    .group-people:first-child {
        margin-top: 40px;
    }

    .group-people {
        float: left;
        width: 100%;
        margin: 0 0 15px 0;
    }

    input.addbtn {
        right: 0;
        top: 8px;
        padding: 7px 28px;
        line-height: initial;
    }

    /*-私藏遊程-*/
    .start select,
    .destination select {
        min-width: auto;
        float: left;
        width: 85%;
    }

    a.top {
        background: url(../images/top-icon.svg) 24px center no-repeat #ffede7;
        background-size: 18px 18px;
    }

    a.back {
        background: url(../images/back-icon.svg) 19px center no-repeat #ffede7;
        background-size: 23px 23px;
        margin-right: 11px;
    }

    a.back,
    a.top {
        padding: 10px 0 10px 20px;
        width: 130px;
    }

    /*-標籤列表頁-*/
    .not-found img {
        display: inline-block;
        vertical-align: middle;
        width: 41px;
    }

    .tag-list-tab li {
        width: 24.5%;
        margin: 0 0.1%;
    }

    .tag-list-tab li.active {
        border-top: 3px solid #ff6a43;
        margin: -3px 0.1% 0 0.1%;
    }

    .tag-list-tab {
        border-bottom: 0;
    }

    .crumb {
        visibility: initial !important;
    }

    .pagination span {
        display: none;
    }

    .rwd-pagination {
        display: inline-block;
    }

    /*-個人資料維護-*/
    .mem-tab {
        flex-wrap: wrap;
    }

    .mem-tab a {
        line-height: 22px;
        width: calc(50% - 2px);
        font-size: 0.95em;
    }

    .mem-tab2 a {
        line-height: 22px;
        width: 50%;
        font-size: 0.95em;
    }

    .mem-tab a img {
        display: block;
        margin: 0;
        width: 40px;
    }

    .list-head {
        width: 30%;
    }

    .content {
        float: left;
        width: 70%;
        padding: 0;
    }

    /*-footer-*/
    .footer-nav li {
        display: inline-block;
        margin: 0;
        padding: 10px 0;
        width: 100%;
        border-bottom: 1px solid #db8772;
    }

    .footer-nav li:last-child {
        border: 0;
    }

    .footer-nav li a {
        border-left: 0;
    }

    .web-satisfy {
        text-align: center;
    }

    .web-satisfy-cont {
        width: 200px;
        float: none;
        text-align: center;
        padding: 4px 0;
        display: inline-block;
    }

    .footer .copyright {
        font-size: 0.95em;
    }

}

@media (max-width:595px) {
    .trplan-cont i {
        width: 120px;
    }

    /*-著作權聲明-*/
    .a-lev1 p {
        width: 85%;
    }

    .a-lev2 p {
        width: 80%;
    }

}

@media (max-width:575px) {

    /*-青年體驗學習計畫-*/
    .teenager-learingplan a p {
        margin: 14px 3% 0 3%;
    }

    .teenager-learingplan a {
        margin: 0 0 40px 0;
    }

    /*-資源補給站-*/
    .resource-list a img {
        width: 90px;
    }

    /*-資源補給站最後一層-*/
    .plancont-list li p {
        width: 75%;
    }

    /*-下載專區/體驗足跡-*/
    .experience-page .keyword span,
    .download .keyword span {
        width: 53px !important;
        margin-right: 15px;
        float: left;
        line-height: 35px;
        font-weight: bold;
    }

    .experience-page .keyword label,
    .download .keyword label {
        width: 53px !important;
        margin-right: 15px;
        float: left;
        line-height: 35px;
        font-weight: bold;
    }

    /*-活動報名內頁-*/
    .eventdetail-tab a {
        padding: 5px 2%;
        width: 33.3%;
    }

}

@media (max-width:567px) {

    /*-問卷-*/
    .checkbox-wrap label {
        width: 92%;
    }

}

@media (max-width:560px) {

    /*-Youth Travel Spots-*/
    .spot-tab-en a {
        font-size: 0.97em;
    }

    .spot-tab-en a {
        width: 50%;
    }

    .spot-tab-en {
        width: 100%;
        margin: 0 auto 140px auto;
    }

    /*-活動報名-*/
    .erg-cont p {
        width: 94%;
    }

    /*-活動報名頁-*/
    .ask-cont-verify label {
        line-height: 35px;
        margin: 0 0 1px 0;
        width: 100%;
    }

}

@media (max-width:555px) {

    /*--*/
    .loginpage .btn-wrap a {
        margin: 0 2%;
        width: 95px;
    }

    /*-個人資料維護-*/
    .mem-tab a,
    .mem-tab2 a,
    .mem-tab3 a {
        padding: 15px 5px;
        font-size: 0.94em;
    }

}

@media (max-width:550px) {

    /*-滿意度調查-*/
    .survey-wrap .login-verify label {
        float: left;
        width: 100%;
        margin: 0 0 10px 0;
        line-height: initial;
        font-size: 1em;
    }

    /*-壯遊里程碑-*/
    .ms-list-wrap img {
        width: 205px;
        height: 127px;
        margin: 25px auto 0 auto;
        float: none;
        display: block;
    }

    .ms-date {
        height: 262px;
    }

    .ms-del {
        position: absolute;
        top: 15px;
        right: 9px;
    }

    .ms-edit {
        position: absolute;
        top: 15px;
        right: 50px;
    }

    .ms-del img,
    .ms-edit img {
        width: 33px;
    }

    /*-壯遊里程碑-*/
    .sharing-agree-title {
        width: 100%;
        line-height: initial;
        margin: 0 0 2px 0;
    }

}

@media (max-width:540px) {

    /*-最新消息-*/
    .liststyle-pic {
        width: 118px;
    }

    .liststyle-cont {
        width: 67%;
        margin-left: 17px;
    }

    /*-個人資料維護-*/
    .mem-tab a {
        padding: 11px 0;
    }

    /*-*/
    .group-people-row span {
        float: left;
        width: 100%;
    }

    .group-people input[type=text] {
        width: 100% !important;
    }

}

@media (max-width:535px) {
    .trplan-cont .word {
        width: 63%;
    }

}

@media (max-width:520px) {

    /*-隱私權與資訊安全宣告-*/
    .a-lev3 p {
        width: 88%;
    }

    .a-lev1 p {
        width: 85%;
    }

    .a-lev2 p {
        width: 80%;
    }

}

@media (max-width:515px) {

    /*-多圖-*/
    .page-slider-wrap {
        width: 380px;
    }

    .page-slider-thumb img {
        height: 61px;
    }

    .page-slider-nav .slick-prev {
        left: -28px;
    }

    .page-slider-nav .slick-next {
        right: -28px;
    }

    /*-下載專區-*/
    .keyword {
        width: 100%;
        text-align: center;
    }

    .keyword input[type=text] {
        width: 81%;
    }

    a.page-searbtn {
        float: none;
        background: #979797;
        padding: 1px 20px;
        font-size: 0.85em;
        color: #fff;
        margin: 13px auto 0 auto;
        display: inline-block;
    }

    /*-活動報名-*/
    .page-sear.activitylist .keyword input[type=text] {
        width: 70%;
    }

    /*-下載專區/體驗足跡-*/
    .experience-page .page-searbtn-wrap,
    .download .page-searbtn-wrap {
        float: left;
        width: 100%;
        text-align: center;
    }

}

@media (max-width:512px) {

    /*-活動報名內頁-*/
    .bi-regis-cont {
        line-height: 24px;
        height: 59px;
    }

    .bi-regis {
        height: 59px;
    }

}

@media (max-width:510px) {

    /*-青年體驗扎根計畫-*/
    .trplan-cont i {
        width: 140px;
        float: none;
        margin: 0 auto;
        display: block;
    }

    .trplan-cont .word {
        width: 100%;
        margin: 10px 0 0 0;
    }

    .trplan-cont {
        margin-bottom: 25px;
    }

}

@media (max-width:505px) {

    /*-著作權聲明-*/
    .a-lev2 p {
        width: 82%;
    }

}

@media (max-width:500px) {

    /*-加入會員s2-*/
    .regist-account2 .verify input.textfield.short,
    .mem-event-regis .verify input.textfield.short,
    .regist-account4 .verify input.textfield.short {
        width: 100% !important;
        margin: 0 0 9px 0;
    }

}

@media (max-width:497px) {

    /*-問卷-*/
    .ans label {
        width: 91%;
    }

}

@media (max-width:490px) {

    /*-個人資料修改-*/
    .list-head {
        width: 35%;
    }

    .content {
        width: 65%;
    }

    /*-最新消息-*/
    .liststyle-cont {
        width: 64%;
        margin-left: 15px;
    }

}

@media (max-width:480px) {

    /*-活動行事曆-*/
    .actDate input[type="date"] {
        float: left;
        border: 0;
        border-radius: 45px;
        height: 41px;
        padding: 5px 20px;
        width: 100%;
        background: url(../images/calendar.svg) 91% center no-repeat #fff;
        background-size: 20px;
        -webkit-appearance: none;
    }

    .actSear .actDate label {
        margin: 0;
        float: left;
        width: 100%;
        text-align: center;
    }

    /*-團報-*/
    .mem-event-regis .verify img {
        margin: 0 0 10px 0;
        display: block;
        float: none;
    }

    .mem-event-regis .verify a.re_code {
        margin: 0;
    }

    /*-活動類別追蹤-*/
    .actFollowTab a {
        width: calc(100% / 3 - 4px);
        margin: 0 2px 10px 2px;
    }

    .actFollowTab {
        margin: 0 0 5px 0;
    }

    .col4Tb a.tbBtn.myFollowBtn {
        background: url(../images/index_favorites.svg) 11px center no-repeat;
        padding: 3px 13px 3px 0;
    }

    .col4Tb a.tbBtn.myFollowBtn.active {
        background: url(../images/index_favorites_active.svg) 11px center no-repeat;
    }

    ul.col3Thead li,
    .col3Tcont li {
        width: 125px;
    }

    ul.col3Thead li:first-child,
    .col3Tcont li:first-child {
        width: calc(100% - 125px);
        text-align: left;
    }

    .tagIntro strong {
        font-size: 1.65rem;
    }

    section.tagIntro {
        border-bottom: 1px solid #e2e2e2;
        padding-bottom: 15px;
        margin-bottom: 30px;
    }

    .tagIntroFollow {
        margin: 15px 0 0 0;
    }

    /*-我的追蹤-*/
    ul.col4Thead li,
    .col4Tcont li {
        width: 85px;
        padding: 9px 7px !important;
    }

    a.tbBtn {
        font-size: 0.8rem;
        padding: 3px 0;
        width: 100%;
        float: left;
        margin: 0;
    }

    ul.col4Thead li:first-child,
    .col4Tcont li:first-child {
        width: calc(100% - 170px) !important;
    }

    a.tbBtn.myFollowBtn.active {
        background: url(../images/index_favorites_active.svg) 16px center no-repeat;
    }

    a.tbBtn.myFollowBtn {
        background: url(../images/index_favorites.svg) 16px center no-repeat;
        padding: 3px 21px 3px 0;
    }

    /*-體驗足跡-*/
    .dateInput {
        width: 100% !important;
        min-width: auto !important;
        background: url(../images/calendar.svg) 93% center no-repeat #fff;
        background-size: 21px;
        cursor: pointer;
        border: 1px #d4d4d4 solid;
        padding: 4px 12px;
        border-radius: 4px;
        height: 41px;
    }

    .searCont label {
        width: 100%;
        text-align: center;
        font-weight: bold;
        font-size: 1rem;
        margin: 2px 0;
    }

    .experItem {
        display: inline-block;
        width: 100%;
        padding: 24px;
        margin: 0 0 20px 0;
    }

    .experience-list a img {
        float: left;
        width: 100%;
    }

    .e-cont {
        float: left;
        width: 100%;
        margin: 14px 0 0 0;
    }

    .e-description {
        float: left;
        width: 100%;
        height: 25px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
    }

    /*-影音專區-*/
    .media-tag a {
        font-size: 0.8em;
    }

    .media-list>li {
        width: 100%;
        margin: 0 auto 25px auto;
        padding: 0;
    }

    .media-list>li img {
        width: 100%;
        max-width: 320px;
    }

    .searItemWrap a {
        width: 100%;
        margin: 0 0 11px 0;
    }

    .searItemWrap a:last-child {
        margin-bottom: 0;
    }

    .media-list>li:last-child {
        margin-bottom: 0;
    }

    /*-檔案下載-*/
    .dl-thead {
        font-size: 1rem;
        font-weight: bold;
    }

    /*-share-*/
    .crumb {
        font-size: 0.86em;
        padding: 6px 0;
    }

    .subtitle {
        margin: 15px 0 30px 0;
    }

    .page-sharing a {
        float: left;
        width: 25px;
        vertical-align: top;
        margin: 0 3px;
    }

    .page-sharing {
        width: 95px;
    }

    /*-活動詳細頁-*/
    .eventdetail-cont {
        font-size: 0.93em;
    }

    .bi-date-cont,
    .bi-regis-cont,
    .bi-num-cont,
    .bi-pay-cont,
    .bi-btn-cont,
    .bi-group,
    .bi-group-cont {
        font-size: 0.93em;
    }

    .info-list {
        padding: 3px 3%;
        font-size: 0.93em;
    }

    .bi-date,
    .bi-regis,
    .bi-num,
    .bi-pay,
    .bi-btn,
    .bi-group {
        font-size: 0.93em;
    }

    /*-調查提示頁-*/
    .shutdown_btn.survey_btn a {
        display: block;
        background: #ff7524;
        padding: 10px 20px;
        color: #fff;
        border-radius: 5px;
        font-size: 1.02em;
        border-radius: 35px;
        font-weight: bold;
        margin: 0 auto 15px auto;
        width: 205px;
    }

    .shutdown_text.survey_text p {
        margin: 0;
        font-size: 1.1em;
        line-height: 30px;
    }

    /*-footer-*/
    .a-lev3 {
        float: left;
        width: 100%;
        padding: 0 0 0 94px;
    }

    ul.privacy-security-cont2 {
        float: left;
        width: 90%;
        padding: 0;
        margin: 0 0 0 20px;
        word-break: break-all;
    }

    /*-最新消息列表-*/
    .page-sear.newslist input[type="date"] {
        float: left;
        height: 35px;
        min-width: auto;
        background: url(../images/calendar.svg) 97% center no-repeat #fff;
        background-size: 20px 20px;
        width: 134px !important;
        font-size: 0.9em;
        padding: 5px;
    }

    /*-計畫資料上傳-*/
    .group-people input[type=text] {
        height: 40px;
    }

    .group-people-row input[type="date"] {
        height: 40px;
    }

    /*-下載/相關連結-*/
    .dz-title img,
    .lz-title img {
        width: 45px;
    }

    .dz-title p,
    .lz-title p {
        float: left;
        line-height: 36px;
        margin: 0 0 0 4px;
        font-size: 1.313em;
        font-weight: bold;
    }

    /*-表單樣式-*/
    .mem-event-regis input#birth {
        height: 40px;
    }

    .tb select {
        height: 40px;
    }

    .customize-tour .date-chose input[type="date"] {
        height: 40px;
    }

    .file-edit-cont tr.birth input[type="date"] {
        height: 40px;
    }

    input[type="text"],
    input[type="password"] {
        height: 40px;
    }

    .remind2 {
        font-size: 0.938em;
    }

    .remind {
        font-size: 0.938em;
    }

    .file-edit-cont {
        padding: 20px 20px 60px 20px;
    }

    /*-滿意度-*/
    .survey-binfo-chose label {
        display: inline-block;
        vertical-align: top;
    }

    /*-加入會員s1-*/
    .clause-cont>p {
        width: 92%;
        display: inline-block;
    }

    .loginpage-cont .title {
        margin: 0 0 20px 0;
    }

    .loginpage-cont .title p {
        font-size: 0.8em !important;
        margin: 15px 0 0 0 !important;
    }

    .clause {
        height: 400px;
        overflow-y: auto;
        border: 1px solid #eee;
        padding: 15px;
        overflow-x: hidden;
    }

    /*-top-*/
    .toptop {
        bottom: 20px;
        right: 20px;
    }

    /*-感動地圖-*/
    .mapupload-entrypage {
        margin: 15px 0 20px 0;
    }

    /*-下載/相關連結-*/
    .download-zone,
    .linkzone {
        margin: 0 0 35px 0;
    }

    /*-滿意度-*/
    .ans label {
        width: 92%;
    }

    /*-隱私權與資訊安全宣告-*/
    .a-lev3 span {
        float: left;
        width: 30px;
    }

    /*-著作權聲明-*/
    .a-lev1 span {
        float: left;
        width: 38px;
    }

    .a-lev2 {
        float: left;
        width: 100%;
        padding: 0 0 0 38px;
    }

    .a-lev2 span {
        float: left;
        width: 54px;
    }

    /*-下載專區-*/
    .filename,
    .filesort {
        padding: 5px 0;
    }

    .filename-cont,
    .filesort-cont {
        float: left;
        padding: 9px 0;
        line-height: 27px;
    }

    /*-我的狀體驗-*/
    .customize-tour .tb {
        margin: 0;
    }

    .mem-pagecont .subtitle strong {
        font-size: 1.35em;
        background-size: 14px;
        padding: 0 0 0 20px;
    }

    .mem-tab3 a {
        font-size: 1em;
    }

    /*-會員-*/
    .map-upload,
    .mem-event-regis,
    .grandtour-cont {
        padding: 20px 20px 60px 20px;
    }

    /*-私藏遊程-*/
    .edit-zone a img {
        width: 35px;
    }

    /*-頁數-*/
    .pagination a {
        padding: 8px 12px;
        margin: 0 3px;
    }

    /*-私藏遊程-*/
    .tourname,
    .tourdate,
    .tourintro,
    .tourshare {
        padding: 12px 7%;
    }

    .tourintro {
        padding: 20px 7% !important;
    }

    /*-壯遊里程碑-*/
    .milestone-wrap2 .ms-date {
        height: auto;
    }

    .ms-list-wrap {
        border-left: 16px #fff solid;
    }

    .ms-date {
        width: 71px;
        padding: 0;
    }

    .ms-list-wrap img {
        width: 205px;
        height: 127px;
        margin: 50px auto 0 auto;
    }

    .ms-edit,
    .ms-del {
        top: 5px;
    }

    .ms-date {
        height: 285px;
    }

    .milestone-wrap2 {
        padding: 25px 0 0 63px;
        display: initial;
    }

    .milestone-wrap2 .ms-dot {
        padding: 17px 0;
    }

    a.add-spot {
        margin-left: 30px;
        background: #f1f1f1;
        padding: 10px 0 10px 12px;
        border-radius: 3px;
        font-size: 0.96em;
        font-weight: bold;
        width: 137px;
    }

    /*-tour buddy-*/
    .tourbuddy-tb tr th {
        width: 35%;
    }

    /*-會員樣式-*/
    .mem-pagecont .subtitle {
        margin: 0 0 20px 0;
    }

    /*-Youth Travel Spots-*/
    .spot-list-wrap.en .top-info {
        padding: 20px;
    }

    /*-關於我們-*/
    .about-link {
        margin-top: 0;
    }

    .about-link-wrap>img {
        width: 245px;
        margin: 0 0 15px 0;
    }

    /*-活動報名內頁-*/
    .basic-info-wrap img {
        width: 100%;
        border: 5px solid #e7e7e7;
    }

    .info-list span {
        width: 122px;
    }

    /*-活動報名-*/
    .page-sear.activitylist select,
    .page-sear.activitylist .keyword input[type=text] {
        width: 68%;
        padding: 2px 2%;
    }

    /*-壯遊點一覽-*/
    .spot-tab a {
        width: 33%;
        border-bottom: 1px solid #fff;
    }

    .spot-list-wrap {
        margin: 0;
        width: 100%;
    }

    .spot-list-wrap li,
    .acti {
        display: inline-block;
        width: 100%;
        margin: 0 0 25px 0;
        height: auto !important;
    }

    .pagecont,
    .mem-pagecont {
        font-size: 1.05em;
        line-height: 29px;
    }

    .registion .tb th {
        font-size: 1.05em;
    }

    /*-加入會員-*/
    .loginpage-cont {
        padding: 25px 5% 50px 5%;
        margin: 35px 0 70px 0;
    }

    /*-加入會員3-*/
    .regist-success {
        font-size: 1.2em;
        line-height: 29px;
    }

    /*-網站導覽-*/
    .sitemap-box {
        width: 96%;
        margin: 0 2% 15px 2%;
        height: auto !important;
    }

    /*-內頁樣式-*/
    .subtitle strong {
        background: 0;
        font-size: 0.75em;
        padding: 0;
        background-size: 14px;
        line-height: 31px;
    }

    /*-感動地圖-*/
    .mapload-pic {
        width: 320px;
    }

    .intro p {
        font-size: 1.2em;
        margin: 0 0 10px 0;
        line-height: 30px;
    }

    .intro {
        margin: 257px 0 0 0;
        padding: 0 0 30px 0;
    }

    .mapload-btn-wrap {
        position: initial;
        bottom: initial;
        width: 100%;
        /* transform: translateX(115px); */

        /* text-align: center; */

        /* left: 50%; */
        text-align: center;
        margin-bottom: -23px;
    }

    .mapload-btn-wrap a {
        float: none;
        width: 100%;
        color: #fff;
        padding: 9px 41px;
        text-align: center;
        background: url(../images/upload-btn-arr.png) 85% center no-repeat #ff6a43;
        background-size: 6px;
        /* transform: translateX(115px); */
        display: inline-block;
        /* margin-bottom: -44px; */
    }

    /*-下載專區-*/
    .filesort-cont img {
        width: 35px;
    }

    /*-最新消息-*/
    .newpage .date-wrap input[type=text] {
        float: left;
        width: 97px !important;
        font-size: 0.85em;
    }

    .news-title {
        font-size: 1.05em;
        margin: 0 0 5px 0;
        line-height: 28px;
    }

    .news-cont {
        line-height: 26px;
        font-size: 1em;
    }

    /*-個人資料維護-*/
    select.year-select,
    select.md-select {
        padding: 0px 10px;
        background: url(../images/rwd_select_att.png) 88% center no-repeat #fff;
        width: 80px;
        margin: 6px 0;
    }

    .file-edit-cont tr td,
    .map-upload tr td,
    .customize-tour tr td,
    .registion tr td {
        padding: 15px 0;
    }

    .mem-tab2 a {
        padding: 9px 3px;
    }

}

@media (max-width:470px) {

    /*-個人資料維護-*/
    .file-edit-cont {
        padding: 20px 20px 60px 20px;
    }

    .mem-tab2 a.active {
        background: #ff6b45;
        color: #fff;
        /* font-weight: bold; */
    }

    .map-upload {
        padding: 20px 20px 60px 20px;
    }

}

@media (max-width:465px) {

    /*-資源補給站最底層-*/
    .plancont-list li p {
        width: 66%;
    }

    /*-登入頁-*/
    .login-verify img {
        float: left;
        margin: 6px 0 0 5px;
        width: 119px;
    }

    .login-verify input[type=text] {
        float: left;
        width: calc(100% - 124px);
    }

}

@media (max-width:460px) {
    .back-top {
        text-align: center;
    }

    .page-qrcode {
        width: 115px;
        border: 2px solid #ffa790;
        float: none;
        display: block;
        margin: 0 auto 30px auto;
    }

    /*-登入頁-*/
    .login-verify label {
        float: left;
        width: 100%;
        margin: 0;
        line-height: 36px;
        font-size: 1.188em;
        text-align: left;
    }

    section.login {
        width: 96%;
        margin: 0 0 30px 0;
    }

    .fb-g-login a img {
        width: 65px;
        display: block;
        margin: 0 auto 7px auto;
    }

    .fb-g-login a {
        display: inline-block;
        vertical-align: top;
        width: 45%;
    }

    .loginpage .btn-wrap a {
        margin: 10px 0;
        width: 255px;
        font-size: 1em;
        padding: 10px 0;
        border-radius: 4px;
    }

    .fb-g-login a span {
        font-weight: bold;
        font-size: 0.816em;
    }

    section.fb-g-login {
        margin: 0;
    }

    /*-活動報名內頁-*/
    .bi-date-cont,
    .bi-regis-cont,
    .bi-num-cont,
    .bi-pay-cont,
    .bi-btn-cont {
        padding: 5px 1% 5px 3%;
    }

}

@media (max-width:450px) {

    /*-最新消息-*/
    .newpage .keyword input[type=text] {
        width: 79%;
        float: left;
    }

    .newpage .date-wrap label,
    .newpage .keyword label {
        width: 100%;
        margin: 0 0 2px 0;
        line-height: initial;
        text-align: left;
    }

    /*-著作權聲明-*/
    .a-lev1 p {
        width: 89%;
    }

}

@media (max-width:445px) {

    /*-活動報名內頁-*/
    .info-list p {
        width: 60%;
    }

    /*-會員-活動報名-*/
    .bi-regis-cont,
    .bi-regis {
        height: 69px;
    }

}

@media (max-width:440px) {

    .a-link1,
    .a-link2,
    .a-link3,
    .a-link4,
    .a-link5 {
        width: 80%;
    }

}

@media (max-width:435px) {

    /*-著作權聲明-*/
    .a-lev2 p {
        width: 82%;
    }

    /*-私藏遊程-RWD日期套件-*/
    .customize-tour .date-chose input[type="date"] {
        min-width: 100%;
        background: url(../images/calendar.svg) 97% center no-repeat #fff;
        background-size: 22px 22px;
    }

    .customize-tour .date-chose span {
        float: left;
        line-height: 28px;
        text-align: center;
        width: 100%;
    }

}

@media (max-width:430px) {

    /*-隱私權與資訊安全宣告-*/
    .a-lev3 p {
        width: 87%;
    }

    /*-多圖-*/
    .page-slider-wrap {
        width: 320px;
    }

    .page-slider-thumb img {
        height: 43px;
    }

    .page-slider-nav .slick-prev {
        left: -25px;
    }

    .page-slider-nav .slick-next {
        right: -25px;
    }

    /*-個人資料維護-*/
    select.year-select,
    select.md-select {
        padding: 0px 10px;
        background: url(../images/rwd_select_att.png) 94% center no-repeat #fff;
        width: 89%;
        margin: 6px 0;
    }

    /*-活動報名頁-*/
    .ask-cont-verify input.textfield.short {
        float: left;
        width: 100% !important;
        margin: 0 0 10px 0;
    }

    /*--*/
    .liststyle-pic {
        width: 113px;
    }

}

@media (max-width:425px) {
    .payway p {
        width: 90%;
    }

}

@media (max-width:424px) {
    .survey-binfo-chose label {
        width: 90%;
    }

}

@media (max-width:420px) {

    /*-最新消息-*/
    .newpage .date-wrap span,
    .newpage .keyword span {
        width: 100%;
        margin-right: 0;
        text-align: left;
    }

    .newpage .date-wrap input[type=text] {
        width: 116px !important;
    }

    .newpage .keyword input[type=text] {
        width: 100%;
        float: left;
    }

    /*-活動報名-*/
    .activitylist .setoff-date span,
    .activitylist .area span,
    .activitylist .sort span,
    .keyword span {
        width: 100%;
        margin: 0 0 4px 0;
        line-height: initial;
    }

    .activitylist .setoff-date label,
    .activitylist .area label,
    .activitylist .sort label,
    .activitylist .keyword label,
    .activitylist .date-wrap label {
        width: 100% !important;
        margin: 0 0 4px 0;
        line-height: initial;
    }

    .page-sear.activitylist select,
    .page-sear.activitylist .keyword input[type=text] {
        width: 100%;
    }

    .page-sear.activitylist input[type="date"] {
        width: 100%;
    }

    .activitylist .date-wrap p {
        float: left;
        font-size: 1em;
        margin: 0;
        line-height: initial;
        width: 100%;
        text-align: center;
    }

    .activitylist .date-wrap p label {
        float: none;
        width: 18px !important;
        line-height: initial;
        font-weight: bold;
        font-size: 0.95em;
        margin: 2px 0;
    }

}

@media (max-width:416px) {
    .keyword input[type=text] {
        width: 79%;
    }

    /*-活動報名內頁-*/
    .bi-regis {
        height: 61px;
    }

    .bi-regis-cont {
        line-height: 25px;
        height: 61px;
    }

    /*-會員-活動報名-*/
    .notice-list p {
        width: 91%;
    }

    /*-最新消息-*/
    .news-wrap {
        float: left;
        width: 100%;
        padding: 20px;
    }

    .liststyle-pic {
        width: 100%;
    }

    .liststyle-cont {
        width: 100%;
        margin: 10px 0 0 0;
    }

}

@media (max-width:410px) {

    /*-會員-活動報名-*/
    .notice-list2 p {
        width: 89%;
    }

    /*-資源補給站-*/
    .resource-list a p {
        margin: 11px 0 0 0;
        color: #fff;
        font-weight: bold;
        font-size: 1.08em;
        width: 100%;
        float: left;
        line-height: initial;
        text-align: left;
    }

    .resource-item {
        border-radius: 0;
        height: auto;
        padding: 18px 0;
        margin: 10px 0 0;
    }

    .resource-list a img {
        width: 75px;
        float: none;
        margin: 0 auto;
        display: block;
    }

}

@media (max-width:405px) {

    /*-個人資料維護-*/
    .list-head {
        width: 40%;
    }

    .content {
        width: 60%;
    }

    .f-date,
    .f-day,
    .f-title,
    .f-situa,
    .f-qu {
        padding: 8px;
    }

}

@media (max-width:400px) {

    /*-活動行事曆-*/
    .lastestList {
        width: 100%;
    }

    ul.listHead li,
    .listCont li {
        padding: 12px 10px;
    }

    ul.listHead li:nth-child(4),
    .listCont li:nth-child(4) {
        font-size: 0.9rem;
    }

    ul.listCont {
        width: calc(100% - 76px);
        background: #f5f5f6;
    }

    .actImg {
        padding: 65% 0 0 0;
    }

    ul.listHead {
        width: 100px;
    }

    /*-體驗足跡-*/
    .experItem {
        padding: 18px;
    }

    .e-title p:first-child {
        font-size: 1.1em;
        line-height: 27px;
    }

    .e-title p:last-child,
    .e-unit,
    .e-description {
        font-size: 1rem;
    }

    /*--*/
    .regist-success-wrap input.modify_btn {
        width: 150px;
    }

    /*-加入會員-*/
    .loginpage-cont .title p {
        font-size: 1.55em;
        margin: 0;
    }

    /*-青年體驗扎根計畫-*/
    .trplan-cont i {
        width: 115px;
    }

    .trplan-cont .word strong {
        font-size: 1.313em;
        margin-bottom: 4px;
        line-height: initial;
    }

    .trplan-cont {
        margin-bottom: 5px;
    }

    /*-圖說-*/
    p.page-slider-caption {
        font-size: 0.875em;
        line-height: 21px;
    }

    /*-登入頁-*/
    .loginpage .btn-wrap a {
        margin: 8px 0;
        width: 215px;
        font-size: 1em;
        padding: 10px 0;
        border-radius: 4px;
    }

    /*--*/
    .plancont-list li p {
        width: 66%;
    }

    /*-青年體驗學習計畫-*/
    .teenager-learingplan a img {
        width: 185px;
    }

    /*-個人資料修改-*/
    .mem-tab a {
        padding: 11px 24px;
        font-size: 1em;
        line-height: 23px;
    }

    .mem-tab a img {
        display: block;
        margin: 0 auto 6px auto;
        width: 40px;
    }

    /*-壯遊里程碑-*/

    /*-回上頁回上方-*/
    a.back,
    a.top {
        padding: 11px 0 11px 20px;
        width: calc(100% / 2 - 16px);
        float: left;
        text-align: center;
        margin: 0 8px !important;
        font-weight: bold;
        font-size: 0.938em;
        border-radius: 4px;
        background-position: 23px center !important;
    }

    a.back {
        background: url(../images/back-icon.svg) 11px center no-repeat #ffede7;
        background-size: 21px 21px;
    }

    a.top {
        background: url(../images/top-icon.svg) 15px center no-repeat #ffede7;
        background-size: 17px 17px;
    }

    /*--*/
    .iagree-checkbox label {
        width: 90%;
    }

}

@media (max-width:395px) {

    /*-活動報名內頁-*/
    .info-list p {
        width: 56%;
    }

    /*-著作權聲明-*/
    .a-lev2 p {
        width: 80%;
    }

    /*--*/
    .login-verify input[type=text] {
        float: left;
        width: 100%;
        margin: 0 0 8px 0;
    }

}

@media (max-width:390px) {

    /*-感動地圖-*/
    .mapload-pic {
        width: 290px;
    }

    .intro {
        margin: 225px 0 0 0;
        padding: 0 0 30px 0;
    }

    /*-頁數-*/
    .pagination a {
        padding: 8px 9px;
        margin: 0 4px;
    }

    /*-活動報名內頁-*/
    .eventdetail-tab a {
        padding: 5px 2%;
        width: 50%;
    }

    /*-自訂遊程-*/
    .start select,
    .destination select {
        width: 82%;
    }

    .date-chose span {
        margin: 0 2px;
    }

    .date-chose img {
        margin: 0 0 0 5px;
    }

    .date-chose input#datepicker,
    .date-chose input#datepicker2 {
        height: 35px;
        width: 83px !important;
        font-size: 0.938em;
        padding: 5px 1%;
    }

    /*-登入頁-*/
    .login-verify input[type=text] {
        width: 100%;
        margin: 0 0 8px 0;
    }

}

@media (max-width:385px) {

    .erg-cont p {
        width: 91%;
    }

}

@media (max-width:380px) {

    .keyword input[type=text] {
        width: 76%;
    }

    .page-sear.newslist input[type="date"] {
        min-width: 100%;
        background: url(../images/calendar.svg) 97% center no-repeat #fff;
        background-size: 22px 22px;
    }

    .newslist .date-wrap p label {
        width: auto;
        margin: 0;
        float: none;
    }

    .page-sear.newslist .date-wrap p {
        float: left;
        line-height: 28px;
        text-align: center;
        width: 100%;
    }

    ul.plan-tab li,
    .trainee-tab li {
        width: 100%;
    }
}

@media (max-width:375px) {

    .dl-tag a {
        font-size: 1.036em;
        padding: 0px 10px;
        margin: 3px 6px 3px 0;
    }

    /*-著作權聲明-*/
    .a-lev1 p {
        width: 86%;
    }

    /*-多圖-*/
    .page-slider-wrap {
        width: 270px;
    }

    .page-slider-thumb img {
        height: 69px;
    }

    .page-slider-nav .slick-prev {
        left: -25px;
    }

    .page-slider-nav .slick-next {
        right: -25px;
    }

    /*-個人資料修改-*/
    select.year-select,
    select.md-select {
        padding: 0px 10px;
        background: url(../images/rwd_select_att.png) 94% center no-repeat #fff;
        width: 88%;
        margin: 6px 0;
    }

    .del_btn,
    .modify_btn {
        margin: 0 5px;
        width: 100px;
    }

    /*-壯遊里程碑-*/
    .ms-date {
        height: 235px;
    }

    .ms-list-wrap img {
        width: 164px;
        height: 102px;
        margin: 25px auto 0 auto;
    }

}

@media (max-width:370px) {

    .rwd-pagination a:first-child,
    .rwd-pagination a:last-child {
        display: block;
        margin: 25px auto;
        padding: 4.5px 0;
        width: 96px;
    }

    .pagination {
        margin: 0;
    }

}

@media (max-width:360px) {

    /*-著作權聲明-*/
    .a-lev2 p {
        width: 78%;
    }

    .trplan-cont i {
        width: 120px;
    }

    /*-隱私權與資訊安全宣告-*/
    .a-lev3 p {
        width: 83%;
    }

    /*-會員-活動報名-*/
    .payway p {
        width: 88%;
    }

    /*-壯遊里程碑-*/
    .ms-list-wrap img {
        width: 140px;
        height: 87px;
        margin: 25px auto 0 auto;
    }

    .ms-date {
        height: 220px;
    }

    /*--*/
    .plancont-list li p {
        width: 60%;
    }

}

@media (max-width:355px) {

    /*-活動報名內頁-*/
    .bi-head {
        width: 30%;
    }

    .bi-cont {
        width: 70%;
        border: 0;
    }

    /*-會員-活動報名-*/
    .iagree-checkbox label {
        width: 88%;
        margin: 0 0 0 0;
        font-size: 0.9em;
        line-height: 22px;
        display: inline-block;
        vertical-align: text-top;
    }

}

@media (max-width:350px) {

    /*-私藏遊程-*/
    .customize-tour .date-chose span {
        margin: 0;
        font-size: 0.938em;
    }

    .customize-tour .date-chose input[type=text] {
        width: 107px !important;
        background-size: 19.5px;
        padding: 5px 3px;
    }

    /*-個人資料修改-*/
    select.year-select,
    select.md-select {
        padding: 0px 10px;
        background: url(../images/rwd_select_att.png) 94% center no-repeat #fff;
        width: 85%;
        margin: 6px 0;
    }

    /*-自訂遊程-*/
    .tourname,
    .tourdate,
    .tourintro,
    .tourshare {
        padding: 12px 27%;
    }

    .tourintro {
        padding: 20px 27% !important;
    }

    .tour-share-cont img {
        width: 28px;
    }

    .date-chose input#datepicker,
    .date-chose input#datepicker2 {
        height: 35px;
        width: 74% !important;
        font-size: 0.938em;
        padding: 5px 1%;
        margin: 0 0 14px 0;
    }

    .date-chose input#datepicker2 {
        margin: 0 !important;
    }

}

@media (max-width:345px) {
    .mem-tab a {
        padding: 11px 15px;
        font-size: 1em;
        line-height: 23px;
    }

}

@media (max-width:340px) {

    /*-感動地圖-*/
    .mapload-pic {
        width: 268px;
    }

    .intro {
        margin: 195px 0 0 0;
        padding: 0 0 30px 0;
    }

    /*-活動報名內頁-*/
    .info-list p {
        width: 53%;
    }

    /*-個人資料修改-*/
    .list-head {
        width: 43%;
    }

    .content {
        width: 57%;
    }

    /*-tour buddy-*/
    .tourbuddy-tb tr th {
        width: 37%;
    }

    /*-壯遊里程碑-*/
    a.add-spot {
        padding: 10px 15px;
    }

}

@media (max-width:335px) {

    /*-下載專區-*/
    .keyword input[type=text] {
        width: 70%;
    }

    /*-壯遊里程碑-*/
    .ms-list-wrap img {
        width: 130px;
        height: 81px;
        margin: 25px auto 0 auto;
    }

    .ms-date {
        height: 214px;
    }

    /*-著作權聲明-*/
    .a-lev2 p {
        width: 76%;
    }

}

@media (max-width:333px) {

    .tourname,
    .tourdate,
    .tourintro,
    .tourshare {
        padding: 12px 24%;
    }

    .tourintro {
        padding: 20px 24% !important;
    }

}

@media (max-width:330px) {

    /*-會員-活動報名-*/
    .mem-event-regis .verify input.textfield.short {
        width: 97px !important;
        margin: 0 8px 0 0;
    }

    .start select,
    .destination select {
        width: 80%;
    }

}

@media (max-width:325px) {
    .fb-g-login a span {
        font-weight: bold;
        font-size: 0.938em;
    }

    /*-會員-活動報名-*/
    .notice-list2 p {
        width: 87%;
    }

}