.border-top {
    border-top: 1px solid #e8e8e8 !important;
}

.note {
    font-size: 90%;
    display: block;
    color: var(--textColor2);
}

.required {
    font-size: var(--fontsize-xs);
}

.required-star {
    color: var(--required-star);
}

section.loginpage {
    float: left;
    width: 100%;
    background: #f3f3f3;
}

.loginpage-cont {
    float: left;
    width: 100%;
    background: #fff;
    margin: 60px 0;
    padding: 50px 5%;
    text-align: center;
    position: relative;
}

section.login {
    display: inline-block;
    width: 460px;
}

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

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

.regist-account .loginpage-cont .title p {
    font-size: 1.75em !important;
    margin: 15px 0 0 0 !important;
    font-weight: normal;
}

.account,
.code {
    float: left;
    width: 100%;
    margin: 0 0 25px 0;
}

.login-verify {
    float: left;
    width: 100%;
    margin: 0 0 35px 0;
}

.account label,
.code label {
    float: left;
    width: 46px;
    margin: 0 14px 0 0;
    line-height: 36px;
    font-size: 1.188em;
    text-align: left;
}

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

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

.login-verify label {
    float: left;
    width: 111px;
    margin: 0 5px 0 0;
    line-height: 36px;
    font-size: 1.15em;
    text-align: left;
}

.login-verify img {
    float: left;
    margin: 2px 0 0 9px;
}

.login-verify span.captcha_hint {
    width: 100%;
    float: left;
    text-align: right;
    font-size: 0.93rem;
}

a.forg-code {
    float: left;
    width: 100%;
    text-align: right;
    margin-top: 6px;
    text-decoration: underline !important;
    color: #666;
    font-size: 0.95em;
}

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

.btn-wrap a {
    padding: 7px 0;
    width: 105px;
    display: inline-block;
    vertical-align: top;
    margin: 0 1.2%;
    color: #fff;
    font-weight: bold;
    border-radius: 3px;
}

.org {
    background: #D62B00;
}

.jaffa-org {
    background: #1E7B7A;
}

section.fb-g-login {
    display: inline-block;
    width: 335px;
    vertical-align: top;
    margin-left: 50px;
}

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

.fb-g-login a:hover {
    opacity: 0.85;
}

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

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

.login-deco1 {
    position: absolute;
    right: -70px;
    width: 320px;
    bottom: -50px;
}

.login-deco2 {
    position: absolute;
    left: -70px;
    width: 280px;
    bottom: -50px;
}

/*-下載專區-*/
.page-banner {
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
    background: #fff;
    /* height: 105px; */
    height: 150px;
}

.gapyear-banner {
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
    background: #fff;
    /* height: 550px; */
    height: 410px;
}

.gapyear-banner img {
    width: 100%;
}

.gapyear-banner .title {
    position: absolute;
    top: 50%;
    line-height: normal;
    transform: translate(-50%, -50%);
    left: 50%;
}

.page-banner img {
    width: 100%;
}

.page-banner .title {
    position: absolute;
    top: 50%;
    line-height: normal;
    transform: translate(-50%, -50%);
    left: 50%;
}

.page-banner .title span {

    display: none;
}

.page-banner .title::before {
    display: none;
}

/*-麵包屑-*/
.crumb {
    float: left;
    width: 100%;

    background: rgba(245, 245, 245, 0.85);
    padding: 7px 0;
    font-size: 0.938em;
    color: #666666;
}

.crumb a.home {
    padding-left: 19px;
    margin-left: 0;
    background: url(../images/crumb_home.svg) 0 center no-repeat;
    background-size: 13px;
}

/*-標籤結果頁-*/
.crumb a {
    color: #666;
    margin-left: 8px;
    padding-left: 11px;
    background: url(../images/crumb_arr.png) 0 7px no-repeat;
    display: inline-block;
    vertical-align: top;
}

/*-內頁標+社群分享-*/
.subtitle h2 {
    float: left;
    width: 100%;
    margin: 0;
}

.subtitle {
    float: left;
    width: 100%;
    margin: 45px 0 35px 0;
    position: relative;
}

.subtitle strong {
    float: left;
    background: url(../images/page-title-cirlce.svg) left 12px no-repeat;
    font-size: 0.95em;
    padding: 0 0 0 28px;
    background-size: 18px;
    width: 100%;
    line-height: 40px;
}

.page-sharing {
    float: right;
    width: 105px;
    margin: 0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.page-sharing a {
    display: inline-block;
    width: 30px;
    vertical-align: top;
    margin: 0 1px;

}

.pagecont {
    float: left;
    width: 100%;
    font-size: 1.1em;
    line-height: 31px;
}

.page-sear {
    background: #eeeeee;
    float: left;
    width: 100%;
    padding: 16px 2%;
    margin: 0 0 30px 0;
    border-radius: 4px;
}

.keyword {
    float: left;
}

.keyword span {
    width: 53px;
    margin-right: 15px;
    float: left;
    line-height: 36px;
    font-weight: bold;
    font-size: 1.063em;
}

.keyword label {
    width: 62px;
    margin: 0 6px 0 0;
    float: left;
    line-height: 36px;
    font-weight: bold;
    font-size: 0.95em;
}

.page-sear input[type=text] {
    float: left;
    height: 39px;
}

.keyword input[type=text] {
    width: 210px;
    float: left;
}

a.page-searbtn {
    float: left;
    background: #666;
    padding: 4px 15px;
    font-size: 0.87em;
    color: #fff;
    margin: 0 0 0 8px;
    border-radius: 4px;
}

.back-top {
    float: left;
    width: 100%;
    margin: 45px 0 55px 0;
    text-align: right;
}

a.back,
a.top {
    padding: 12px 0 12px 20px;
    width: 146px;
    display: inline-block;
    text-align: center;
    margin: 0;
    font-weight: bold;
    color: #000;
}

a.back {
    background: url(../images/back-icon.svg) 26px center no-repeat #ffe6dc;
    background-size: 23px 23px;
    margin-right: 20px;
    border-radius: 3px;
}

a.top {
    background: url(../images/top-icon.svg) 31px center no-repeat #ffe6dc;
    background-size: 18px 18px;
    border-radius: 3px;
}

section.page.mem a.back {
    background: url(../images/back-icon.svg) 26px center no-repeat #fff;
    background-size: 23px 23px;
    margin-right: 20px;
    border-radius: 3px;
}

section.page.mem a.top {
    background: url(../images/top-icon.svg) 31px center no-repeat #fff;
    background-size: 18px 18px;
    border-radius: 3px;
}

.tb-info {
    float: left;
    width: 100%;
    margin: 0 0 25px 0;
    line-height: 28px;
}

.dl-tb {
    float: left;
    width: 100%;
    line-height: 30px;
}

.dl-thead {
    float: left;
    width: 100%;
    border-radius: 4px;
    overflow: hidden;
}

.filename,
.filesort {
    float: left;
    background: #216b74;
    color: #fff;
    text-align: center;
    padding: 8px 0;
}

.filename,
.filename-cont {
    width: 65%;
    margin-right: 1px;
}

.filesort,
.filesort-cont {
    width: calc(100% - 65% - 1px);
}

.filename-cont,
.filesort-cont {
    float: left;
    padding: 15px 0;
}

.filename-cont {
    padding-left: 2%;
    padding-right: 2%;
}

.filesort-cont {
    text-align: center;
}

.filesort-cont a {
    display: inline-block;
    vertical-align: top;
}

.dl-tag {
    float: left;
    width: 100%;
    margin: 2px 0 0 0;
}

.dl-tag a {
    float: left;
    font-size: 0.84em;
    border-radius: 30px;
    background: #d93505;
    color: #fff;
    padding: 0px 15px;
    margin: 3px 6px 3px 0;
}

.filename-cont p {
    margin: 0 0 4px 0;
    float: left;
    width: 100%;
}

.filesort-cont img {
    display: inline-block;
    width: 42px;
    vertical-align: top;
    height: 42px;
}

.dl-tcont {
    float: left;
    width: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}

.dl-tcont:nth-child(odd) {
    background: #eee;
}

/*-頁數-*/
.rwd-pagination {
    display: none;
}

.pagination {
    text-align: center;
    display: block;
    margin: 65px 0px 15px 0px;
    float: left;
    width: 100%;
}

.pagination a {
    padding: 8px 15px;
    color: #333;
    margin: 0 8px;
    border: 1px solid #CCC;
    background: #fff;
    display: initial;
}

.pagination a.disable {
    color: #666;
    border: 1px solid #bbb;
}

.pagination a.current {
    color: #fff;
    background: #D62B00;
}

/*-快捷選單-*/
.fast-nav-wrap {
    position: fixed;
    right: -108px;
    top: 25%;
    z-index: 2;
    width: 146px;
}

.fast-nav-switch {
    float: left;
    position: relative;
    color: #fff;
    font-size: 0.938em;
    font-weight: bold;
    background: url(../images/fastlink-arr2.png) center 88px no-repeat #D62B00;
    padding: 8px 12px;
    background-size: 13px;
    display: flex;
    border: 0;
    width: 38px;
    border-top-left-radius: 5px;
    line-height: 18px;
    height: 116px;
    border-bottom-left-radius: 5px;
}

ul.fast-nav {
    float: left;
    background: #ffffff;
    text-align: center;
    padding: 0;
    margin: 0;
    width: calc(100% - 52px);
    /* box-shadow: 0 0 15px 0px #eaeaea; */
}

ul.fast-nav li {
    float: left;
    width: 100%;
    border-bottom: 2px dotted #d0d0d0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.index-1 ul.fast-nav li {
    float: left;
    width: 100%;
    border-bottom: 2px dotted #797979;
    display: flex;
    justify-content: center;
    align-items: center;
}

ul.fast-nav li a {
    display: block;
    width: 92px;
    padding: 10px;
    text-align: center;
    color: #fff;
    border-right: 1px solid #dcdcdc;
    background: var(--color2-0);
}

.index-1 ul.fast-nav li a {
    display: block;
    width: 92px;
    padding: 10px;
    text-align: center;
    color: #fff;
    border-right: 1px solid #dcdcdc;
    background: #06885c;
}

ul.fast-nav li a:hover {
    background: var(--color2-1);
}

ul.fast-nav li a p {
    font-size: 0.8em;
    margin: 4px 0 0 0;
    line-height: 17px;
    text-align: center;
    font-weight: bold;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

ul.fast-nav li a img {
    width: 50%;
}

ul.fast-nav li:last-child {
    border-bottom: 0;
}

/* .fast-nav2 {
    position: fixed;
    bottom: 48px;
    right: -644px;
    z-index: 999;
    width: 92px;
    box-shadow: 0px 3px 22px 0px rgba(165, 165, 165, 0.4);

}

.fast-nav2 a {
    display: block;
    width: 92px;
    text-align: center;
    padding: 20px 0;
    border-right: 1px solid #dcdcdc;
    height: 115px;
    background: #fff;
}

.fast-nav2 a:nth-child(8) {
    border-right: 0;
}

.fast-nav2 a:first-child,
.fast-nav2 a:nth-child(2),
.fast-nav2 a:nth-child(3),
.fast-nav2 a:nth-child(4),
.fast-nav2 a:nth-child(5),
.fast-nav2 a:nth-child(6),
.fast-nav2 a:nth-child(7),
.fast-nav2 a:nth-child(8) {
    display: block !important;
}

.fast-nav2 a:nth-child(odd),
.fast-nav2 a:nth-child(even) {
    display: none;
}

.fast-nav2 a:hover {
    color: #ff6a43;
}

.fast-nav2 a img {
    width: 44px;
    margin: 0 auto;
}

.fast-nav2 a p {
    font-size: 0.875em;
    margin: 4px 0 0 0;
    line-height: 17px;
    text-align: center;
    font-weight: bold;
    height: 34px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

a.fast-nav-title2 {
    color: #fff;
    font-size: 0.938em;
    font-weight: bold;
    background: url(../images/fastlink-arr2.png) center 88px no-repeat #1dc5d0;
    padding: 8px 19px;
    background-size: 13px;
    float: left;
    width: 60px;
    border-top-left-radius: 5px;
    line-height: 18px;
    height: 116px;
    border-bottom-left-radius: 5px;
}

a.fast-nav-title2.open {
    background: url(../images/fastlink-arr.png) center 88px no-repeat #1dc5d0;
    background-size: 13px;
}

a.fast-nav-title2:hover {
    color: #fff;
}

a.fast-nav-title2.active {
    background: url(../images/fastlink-arr2.png) center 88px no-repeat #1dc5d0;
    background-size: 16px;
}
 */
/*-快捷選單-*/

/*-感動地圖-*/
.mapupload-entrypage {
    float: left;
    width: 100%;
    background: #fff6f4;
    padding: 60px 5% 0 5%;
    margin-top: 30px;
    position: relative;
}

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

.intro p {
    float: left;
    width: 100%;
    font-weight: bold;
    font-size: 1.3em;
    margin: 0 0 10px 0;
}

.mapload-pic {
    float: right;
}

.mapload-pic {
    float: right;
    width: 460px;
    margin-top: -154px;
}

/*-感動地圖按鈕-*/
.mapload-btn-wrap {
    position: absolute;
    bottom: -11px;
    display: none;
}

.mapload-btn-wrap a {
    float: left;
    width: 230px;
    color: #fff;
    padding: 15px 0;
    text-align: center;
    background: url(../images/upload-btn-arr.png) 89% center no-repeat #ff6a43;
    background-size: 6px;
}

.download-zone,
.linkzone {
    float: left;
    width: 100%;
    background: #f6f6f6;
    margin-top: 35px;
    padding: 15px 5%;
}

.dz-title,
ul.dz-list,
ul.dz-list li,
.lz-title,
ul.lz-list,
ul.lz-list li {
    float: left;
    width: 100%;
}

.dz-title,
.lz-title {
    margin-bottom: 6px;
}

ul.dz-list li,
ul.lz-list li {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    border-top: 1px dotted #b5b5b5;
    padding: 12px 0;
}

ul.dz-list li:last-child,
ul.lz-list li:last-child {
    margin-bottom: 0;
}

ul.dz-list li:first-child,
ul.lz-list li:first-child {
    border-top: 0;
    padding-top: 0;
}

.dz-title img,
.lz-title img {
    float: left;
    width: 52px;
}

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

.dz-list li img {
    width: 31px;
}

.dz-list li span,
.lz-list li span {
    margin-right: 9px;
    font-size: 1.063em;
}

a.lz-arr {
    float: right;
    width: 20px;
    margin: 0;
}

/*-青年體驗扎根計畫-*/
.trplan-cont {
    float: left;
    width: 100%;
    margin-bottom: 45px;
}

.trplan-cont:last-child {
    margin-bottom: 0px;
}

.trplan-cont i {
    float: left;
    width: 140px;
    margin: 0 45px 0 0;
}

.trplan-cont .word {
    float: left;
    width: 76%;
}

.trplan-cont .word strong {
    float: left;
    width: 100%;
    font-size: 1.35em;
    margin-bottom: 11px;
}

.trplan-cont .word p {
    float: left;
    width: 100%;
    margin: 0;
}

ul.article.ulfix,
ul.article li {
    float: left;
    width: 100%;
    margin: 0 0 8px 0;
}

ul.article li>span {
    float: left;
    width: 22px;
}

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

/*-最新消息-*/
.page .newlist-tag {
    float: left;
    width: 100%;
    margin: 9px 0 0 0;
}

.page .newlist-tag a {
    float: left;
    font-size: 0.85em;
    border-radius: 30px;
    background: #fff0a5;
    color: #222;
    padding: 4px 15px;
    margin: 3px 6px 3px 0;
    line-height: initial;
    font-weight: bold;
}

.page .news-list {
    float: left;
    width: 100%;
}

.page .news-wrap {
    float: left;
    width: 100%;
    padding: 20px 2%;
}

.page .news-wrap a {
    color: #333;
    display: block;
}

.page .news-wrap:nth-child(odd) {
    background: #f6f6f6;
}

.page .news-title {
    float: left;
    width: 100%;
    font-size: 1.15em;
    font-weight: bold;
    margin: 0 0 3px 0;
    line-height: 29px;
}

.page .news-date {
    float: left;
    width: 100%;
    color: #666;
    font-weight: bold;
    font-family: sans-serif;
    line-height: initial;
}

.page .news-cont {
    float: left;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    width: 100%;
    height: auto;
    opacity: 1;
    position: static;
    text-align: left;
}

.page .news-cont p {
    margin: 0 0 2px 0;
    display: inline-block;
}

/*-日期套件-*/
.date-wrap {
    float: left;
    width: 360px;
    margin-right: 15px;
    border-right: 1px solid #b7b7b7;
    padding-right: 15px;
}

.date-wrap img {
    float: left;
    width: 23px;
    margin: 6px 8px;
    cursor: pointer;
}

.date-wrap input[type=text] {
    float: left;
    width: 110px !important;
    font-size: 0.85em;
}

.date-wrap p {
    float: left;
    font-size: 1em;
    margin: 0 5px;
    line-height: 35px;
}

.date-wrap span {
    width: 37px;
    margin-right: 15px;
    float: left;
    line-height: 36px;
    font-weight: bold;
    font-size: 1.063em;
}

.newslist .date-wrap input[type=text] {
    float: left;
    width: 140px !important;
    font-size: 0.8em;
    background: url(../images/calendar.svg) 94% center no-repeat #fff;
    background-size: 20px 20px;
    cursor: pointer;
    padding: 5px 5px;
}

.newslist .keyword {
    float: left;
    width: calc(100% - 401px - 84px);
}

.newslist .date-wrap {
    float: left;
    width: 384px;
    margin-right: 25px;
    border-right: 1px solid #c5c5c5;
    padding-right: 25px;
}

.newslist .date-wrap label {
    width: 42px;
    margin-right: 6px;
    float: left;
    line-height: 35px;
    font-weight: bold;
    font-size: 0.95em;
}

.newslist .keyword input[type=text] {
    width: calc(100% - 68px);
    float: left;
}

.newslist a.page-searbtn {
    float: left;
    background: #666;
    padding: 4px 15px;
    font-size: 0.87em;
    color: #fff;
    margin: 0 0 0 15px;
    border-radius: 4px;
}

.newslist .date-wrap p label {
    width: auto;
    margin: 0;
    float: none;
    font-size: 0.9em;
    margin: 0 2px;
}

.newslist .keyword label {
    width: 62px;
    margin: 0 6px 0 0;
    float: left;
    line-height: 36px;
    font-weight: bold;
    font-size: 0.95em;
}

/*-青年體驗學習計畫-*/
.teenager-learingplan {
    float: left;
    width: 100%;
}

.teenager-learingplan a img {
    width: 282px;
    margin: 0 auto;
    display: block;
    transition: .4s;
}

.teenager-learingplan a:hover img {
    transform: scale(1.04);
}

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

.page-article .teenager-learingplan a {
    text-decoration: none !important;
}

.teenager-learingplan a p {
    text-align: center;
    margin: 24px 3% 0 3%;
    font-size: 1.3em;
    font-weight: bold;
    width: 94%;
    color: #333333;
}

/*-壯遊點一覽-*/
.spot-tab {
    display: block;
    text-align: center;
    margin: 0 auto;
}

.spot-tab a {
    display: inline-block;
    width: calc(100% / 5 - 4px);
    background: #eeeeee;
    color: #8b8b8b;
    padding: 8px 0;
    border-right: 1px solid #fff;
    font-weight: bold;
    border-radius: 5px;
}

.spot-tab a.active {
    background: #ffede7;
    color: #333;
}

.pagecont .spot-cont {
    padding: 40px 0;
    background: #ffede7;
    display: none;
    width: 100%;
    margin: 0;
}
.pagecont .spot-cont.active {
    display: flex;
}

.spot-list-wrap {
    width: 1238px;
    margin: 0 auto;
    text-align: left;
    display: flex;
    flex-wrap: wrap;
}

.spot-list-wrap li {
    display: inline-block;
    width: calc(100% / 3 - 50px);
    margin: 0 2% 25px 2%;
    vertical-align: top;
    background: #fff;
    position: relative;
    border-radius: 7px;
    overflow: hidden;
    padding-bottom: 20px;
    height: auto !important;
}

.top-info {
    background: #ffffff;
    padding: 20px 5% 10px 5%;
    float: left;
    width: 100%;
    text-align: left;
    height: 155px;
    overflow: hidden;
}

.cont-info .left {
    float: left;
    width: calc(100% - 60px);
}

.cont-info .right {
    float: right;
    background: #ff7166;
    padding: 6px;
    border-radius: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.title-cont p.theme {
    width: calc(100% - 50px);
    display: inline-block;
}


.title-cont .morebtn {
    background: #ccc;
    border-radius: 30px;
    padding: 4px 6px;
    float: right;
    margin: 10px 0 5px 0;
}

.title-cont .morebtn.closebtn {
    transform: rotate(90deg);
    background: #626262;
}

.title-cont .morebtn i {
    color: #fff;
}

.cont-info .right.timeout {
    background: #7a7a7a;
}

.right img {
    width: 20px;
}

.spot-list-wrap li>img {
    width: 100%;
    height: 270px;
    overflow: hidden;
}


.top-info p:nth-child(3) {
    width: 100%;
    font-size: 0.92em;
    margin: 0;
    line-height: 26px;
    max-height: 82px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.top-info p:last-child {
    border-bottom: 1px solid #333;
    padding-bottom: 20px;
    margin-bottom: 0;
}

.bottom-info {
    float: left;
    width: 100%;
    background: #ffffff;
    padding: 10px 5%;
    text-align: left;
    min-height: 145px;
}

.bottom-info img {
    margin-right: 8px;
}

.bottom-info p {
    margin: -5px 6px 0 0;
    width: 20px;
}

.learning-cont {
    font-size: 0.938rem;
    line-height: 1.375rem;
    padding: 10px 0;
}

.tag-wrap {
    float: left;
    width: 100%;
    background: #f5f5f5;
    border-top: 1px solid #fff;
    padding: 5px 5%;
}

.tag-wrap a {
    margin: 3px 3px;
    width: auto;
    background: #e2e2e2;
    font-size: 0.938em;
    padding: 4px 15px;
    border-radius: 25px;
    float: left;
    line-height: initial;
}

/*-文章樣板-*/
.page-date {
    width: 100%;
    text-align: right;
    margin: 0 0 8px 0;
    font-size: 0.941em;
}

.sub-unit-title {
    width: 100%;
    border-bottom: 5px solid #e8e8e8;
    overflow: hidden;
    margin-bottom: 20px;
    position: relative;
    padding-bottom: 11px;
}

.sub-unit-title strong {
    display: block;
    margin: 0;
    padding: 0;
    font-weight: normal;
    font-size: 1.6em;
    line-height: 36px;
}

.page-article {
    font-size: 1.063em;
    line-height: 35px;
    margin-bottom: 35px;
}

.page-article a {
    display: inline-block;
    color: #ff6a43;
    text-decoration: underline !important;
}

.btnwrap {
    width: 100%;
    text-align: center;
    margin: 55px 0 0 0;
    display: inline-block;
}

.btnwrap a {
    background: #ff6a43;
    padding: 9px 0;
    width: 135px;
    display: inline-block;
    vertical-align: top;
    color: #fff;
    font-weight: bold;
    margin: 0 15px;
    font-size: 1em;
    border-radius: 4px;
}

/*-單圖置中-*/
.page-pic-large {
    text-align: center;
    padding: 0;
    width: 90%;
    margin: 0 auto;
}

.page-pic-large img {
    width: 100%;
    display: block;
}

.btn-back {
    display: block;
    width: 130px;
    margin: 60px auto;
    padding: 10px;
    background: #ff6a43;
    color: #fff;
    text-align: center;
    border-radius: 3px;
    font-size: 1em;
    text-decoration: none;
    font-family: 微軟正黑體;
    font-weight: bold;
}

.FloatCenterImg {
    text-align: center;
    margin-bottom: 50px;
    float: left;
    width: 100%;
}

.FloatCenterImg a {
    position: relative;
    color: transparent;
    /* float: left; */
    width: 500px;
    margin: 0 auto;
    display: block;
}

.magnifier {
    background: url(../images/pic_magnifier.png) center center no-repeat #ff6a43;
    width: 32px;
    height: 32px;
    position: absolute;
    top: 0;
    right: 0;
    background-size: 15px;
}

.page-article img {
    width: auto;
    max-width: 100%;
}

/*-活動報名-*/
.activity-list-wrap {
    float: none;
    width: 100%;
    margin: 0 auto;
    text-align: left;
}

.acti {
    display: inline-block;
    width: 360px;
    margin: 0 2% 25px 2%;
    vertical-align: top;
    background: #f5f5f5;
    position: relative;
}

.topinfo {
    background: #f5f5f5;
    padding: 20px 5%;
    float: left;
    width: 100%;
    text-align: left;
    position: relative;
}

.topinfo span.sort-tag {
    font-size: 0.85em;
    color: #fff;
    padding: 5px 0;
    width: 80px;
    float: left;
    border-radius: 4px;
    position: absolute;
    top: 30px;
    left: 30px;
    text-align: center;
    font-weight: bold;
    z-index: 99;
    line-height: initial;
}

.topinfo img {
    width: 324px;
    height: 214px;
    overflow: hidden;
}

.topinfo a {
    width: 100%;
    margin: 10px 0;
    font-weight: bold;
    font-size: 1.11em;
    float: left;
    line-height: 27px;
}

.topinfo a:hover {
    color: #ff6a43;
}

p.acti-tags {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

p.acti-tags a {
    width: auto;
    font-size: 0.8em;
    padding: 3px 6px 0 0;
    margin: 0;
    line-height: 1;
    color: #999;
}

p.acti-date {
    background: url(../images/a-calender-i.png) center left no-repeat;
    float: left;
    width: 100%;
    font-size: 0.93em;
    padding-left: 25px;
    margin: 0 0 6px 0;
    line-height: initial;
    font-weight: bold;
    background-size: 15px;
}

p.acti-place {
    background: url(../images/a-map-i.png) center left no-repeat;
    float: left;
    width: 95%;
    font-size: 0.9em;
    padding-left: 26px;
    margin: 0;
    line-height: initial;
    background-size: 15px;
}

p.acti-place a {
    margin: 0;
}

.otherinfo {
    float: left;
    width: 100%;
    background: #f5f5f5;
    text-align: left;
    padding: 6px 5%;
    font-size: 0.95em;
    line-height: 27px;
    border-top: 1px solid #d7d7d7;


}

.otherinfo a {
    display: block;
    margin: 3px auto;
    background: #ff6a43;
    width: 110px;
    border-radius: 50px;
    text-align: center;
    color: #fff;
    font-size: 0.9em;
    font-weight: bold;
    padding: 5px 0;
}

.otherinfo span {
    padding-right: 10px;
    margin-right: 10px;
}

a.closed {
    background: #a2a2a2;
}

.area {
    float: left;
    width: 135px;
    border-right: 1px solid #ccc;
    margin-right: 18px;
}

.area span {
    width: 36px;
    margin-right: 15px;
    float: left;
    line-height: 35px;
    font-weight: bold;
    font-size: 1.063em;
}

.sort {
    float: left;
    width: 135px;
    border-right: 1px solid #ccc;
    margin-right: 18px;
}

.sort span {
    width: 36px;
    margin-right: 15px;
    float: left;
    line-height: 36px;
    font-weight: bold;
}

.page-sear select {
    float: left;
    font-size: 0.85em;
}

.setoff-date {
    float: left;
    width: 255px;
    border-right: 1px solid #ccc;
    margin-right: 18px;
}

.setoff-date span {
    width: 106px;
    margin-right: 15px;
    float: left;
    line-height: 36px;
    font-weight: bold;
    font-size: 1.063em;
}

/*-無障礙改label-*/
.page-sear label {
    margin-bottom: 0;
}

.activitylist .area label {
    width: 42px;
    margin-right: 5px;
    float: left;
    line-height: 34px;
    font-weight: bold;
    font-size: 0.95em;
}

.activitylist .date-wrap {
    float: left;
    width: 400px;
    margin-right: 12px;
    border-right: 1px solid #b7b7b7;
    padding-right: 12px;
}

.activitylist .date-wrap input[type=text] {
    float: left;
    width: 135px !important;
    font-size: 0.85em;
    background: url(../images/calendar.svg) 97% center no-repeat #fff;
    background-size: 22px;
    cursor: pointer;
    padding: 5px 5px;
}

.activitylist .date-wrap label {
    float: left;
    width: 81px !important;
    line-height: 34px;
    font-weight: bold;
    font-size: 0.95em;
    margin-right: 5px;
}

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

}

.activitylist .date-wrap p {
    float: left;
    font-size: 1em;
    margin: 0 5px;
    line-height: 35px;
    width: 18px;

}

.activitylist .area {
    float: left;
    width: 145px;
    border-right: 1px solid #ccc;
    margin-right: 12px;
    padding-right: 12px;
}

.activitylist .area select {

    width: 85px;
}

.activitylist .sort label {
    width: 36px;
    margin-right: 15px;
    float: left;
    line-height: 36px;
    font-weight: bold;
}

.activitylist .setoff-date label {
    width: 106px;
    margin-right: 15px;
    float: left;
    line-height: 36px;
    font-weight: bold;
    font-size: 0.95em;
}

.activitylist .keyword label {
    width: 62px;
    margin-right: 5px;
    float: left;
    line-height: 36px;
    font-weight: bold;
    font-size: 0.95em;
}

.activitylist .keyword input[type=text] {
    width: 150px;
    float: left;
}

/*-資源補給站-*/
.resource-list {
    float: left;
    width: 100%;
    text-align: center;
}

/*-第一顆隱藏-*/
.resource-list a:first-child {
    display: none;
}

.resource-list a {
    display: inline-block;
    width: 300px;
    margin: 0 4%;
    vertical-align: top;
}

.resource-list a img {
    width: 110px;
}

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

.resource-item {
    background: #ff6a43;
    width: 100%;
    height: 300px;
    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;
}

.color2 {
    background: #ffb631;
}

.color3 {
    background: #f47e00;
}

.color4 {
    background: #dd561c;
}

.color5 {
    background: #ed960e;
}

.color6 {
    background: #bc5602;
}

/*-網站導覽-*/
.accessibility {
    float: left;
    width: 100%;
    background: #f5f5f5;
    padding: 25px 3%;
    line-height: 35px;
    border-radius: 6px;
    margin-bottom: 40px;
}

.sitemap-cont {
    float: left;
    width: 100%;
}

.sitemap-box {
    float: left;
    width: 29%;
    margin: 0 2% 32px 2%;
}

.sm-title {
    float: left;
    width: 95%;
    font-size: 1.15em;
    color: #fff;
    padding: 6px 0 6px 5%;
    /* border-bottom: 1px solid #ff6a43; */
    margin-bottom: 20px;
    background: #ff6a43;
}

.sm-title a {
    color: #fff;
}

.sitemap-box ul {
    float: left;
    width: 95%;
    padding: 0 0 0 5%;
}

.sitemap-box ul li {
    float: left;
    width: 100%;
    margin: 0 0 6px 0;
}

.sitemap-box ul li a:hover {
    color: #ff6a43;
}

/*-體驗足跡-*/
.experience-list {
    float: left;
    width: 100%;
}

.experItem {
    display: inline-block;
    background: #f6f6f6f6;
    width: 100%;
    border-radius: 5px;
    padding: 20px;
    margin: 0 0 20px 0;
}

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

}

.experience-list a:last-child {
    margin: 0;
}

.experience-list a img {
    float: left;
    width: 310px;
}

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

.experience-list .newlist-tag a {

    width: auto !important;
}

.e-title {
    float: left;
    width: 100%;
    margin-bottom: 5px;
}

.e-title p:first-child {
    float: left;
    width: 100%;
    margin: 0;
    font-weight: bold;
    font-size: 1.2em;
}

.e-title p:last-child {
    float: left;
    width: 100%;
    margin: 0;
    font-weight: bold;
    font-family: sans-serif;
    color: #ff6a43;
    line-height: normal;
    font-size: 1.05rem;
    margin: 13px 0 0 0;
}

.e-unit {
    float: left;
    width: 100%;
    background: url(../images/b-dot.png) center left no-repeat;
    padding-left: 13px;
    line-height: normal;
    background-size: 6px;
    margin: 0 0 3px 0;
}

.e-description {
    float: left;
    width: 100%;

    height: 61px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

/*-列表頁-*/
ul.list-style {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}

ul.list-style li {
    float: left;
    width: 100%;
    padding: 22px 5%;
}

ul.list-style li p {
    margin: 0;
}

.nl-date {
    float: left;
    width: 100%;
    color: #157473;
    font-size: 1.063em;
    margin: 0 0 3px 0 !important;
    line-height: initial;
    font-weight: bold;
}

p.nl-title {
    float: left;
    width: 100%;
    margin: 0 0 2px 0 !important;
    font-size: 1.2em;
    font-weight: bold;
    white-space: initial;
    line-height: 29px;
}

p.nl-cont {
    float: left;
    width: 100%;
    line-height: 30px;
    margin: 4px 0 0 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

ul.list-style li:nth-child(odd) {
    background: #f3f3f3;
}

/*-個人資料維護-*/
.file-edit-cont tr.birth input[type=text] {
    width: 150px !important;
    font-size: 0.85em;
    background: url(../images/calendar.svg) 97% center no-repeat #fff;
    background-size: 24px 24px;
    cursor: pointer;
    height: 35px;
}

select.country-select {
    min-width: 250px;
    max-width: 100%;
}

select.year-select {
    width: 95px;
}

select.md-select {
    width: 75px;
}

section.page.mem {
    background: #f4f4f4;
    float: left;
    width: 100%;
}

.mem-pagecont {
    float: left;
    width: 100%;
    font-size: 1.1em;
    line-height: 31px;
    padding: 50px 0 0 0;
}

.mem-faq {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 10px;
}

.mem-faq a {
    background: #D62B00;
    display: block;
    margin: 0 0 0 10px;
    width: 120px;
    padding: 5px 0;
    border: none;
    color: #FFF;
    font-size: 0.95em;
    cursor: pointer;
    text-align: center;
    border-radius: 3px;
}

.mem-tab {
    display: flex;
    width: 100%;
}

.mem-tab a {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% / 4);
    justify-content: center;
    align-items: center;
    padding: 18px 10px;
    font-weight: bold;
    font-size: 1.125em;
    background: #e5e5e5;
    line-height: 1.2;
    text-align: center;
    margin: 1px;
}

.mem-tab a.active {
    background: #ffd6bd;
    /* background: #22b75d; */
    /* color: #fff; */
}

.file-edit-wrap,
.map-upload,
.my-grandtour {
    float: left;
    width: 100%;
    margin: 45px 0 0 0;
}

.mem-tab2 {
    float: left;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.mem-tab2 a {
    float: left;
    /* width: 25%; */
    flex: 1;
    text-align: center;
    padding: 14px 7px;
    background: #e5e5e5;
    font-size: 1.08em;
    font-weight: bold;
    line-height: normal;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.mem-tab2 a.active {
    background: #fff;
}

.file-edit-cont {
    float: left;
    width: 100%;
    display: none;
    background: #fff;
    padding: 35px 50px;
}

.textfield {
    border: 1px #d5d5d5 solid;
    padding: 5px;
    /* height: 30px; */
    height: 35px;
    border-radius: 3px;
    font-family: 微軟正黑體;
    font-size: 0.938em;
    width: 250px !important;
}

.propose-cont tr th,
.file-edit-cont tr th,
.map-upload tr th,
.customize-tour tr th,
.registion tr th,
.mem-event-regis tr th {
    background: #f4f4f4;
    line-height: 29px;
    font-weight: normal;
    width: 190px
}

.tb {
    width: 100%;
    float: left;
    margin: 0 0 40px 0;
    text-align: left;
}

.tb label {
    margin-bottom: 0;
}

.propose-cont tr,
.file-edit-cont tr,
.map-upload tr,
.customize-tour tr,
.registion tr,
.mem-event-regis tr {
    border-bottom: 1px solid #e8e8e8;
}

.propose-cont .tb {
    border: 1px solid #e8e8e8;
}

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

.propose-cont tr th,
.propose-cont tr td,
.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: 15px 20px;
}

.del_btn,
.modify_btn {
    display: inline-block;
    margin: 0 10px;
    width: 120px;
    height: 39px;
    border: none;
    color: #FFF;
    font-size: 0.95em;
    cursor: pointer;
    border-radius: 3px;
}

.modify_btn {
    background: #D62B00;
}

.del_btn {
    background: #666;
}

input.textfield.email,
input.textfield.long {
    width: 380px !important;
}

input.textfield.address {
    width: 100% !important;
}

caption {
    color: #fff;
    text-align: left;
    /* background: #ff6a43; */
    background: #22b75d;
    font-weight: bold;
    padding: 10px 20px;
    border-radius: 4px;
    caption-side: top;
}

.birth span {
    margin: 0 5px;
}

.gender label {
    margin: 0 5px;
}

.gender th label {
    margin: 0;
}

.list-head {
    float: left;
    background: #ff6a43;
    width: 100%;
    /* border-radius: 4px; */
    color: #fff;
}

.list-head>div,
.content>div,
.f-date,
.f-day,
.f-title,
.f-situa,
.f-qu,
.f-point {
    padding: 6px 8px;
    text-align: center;
    float: left;
    border-right: 1px solid #fff;
}

.content>div,
.content .f-date,
.content .f-day,
.content .f-title,
.content .f-situa,
.content .f-qu,
.content .f-point {
    padding: 0 8px;
    border: 0;
}

.list-head>div:last-child,
.content>div:last-child {
    border-right: 0;
}

.f-date {
    width: 14%;
}

.f-day {
    width: 15%;
}

.f-title {
    width: 22%;
}

.f-situa {
    width: 12%;
}

.f-qu {
    width: 15%;
}

.f-point {
    width: 11%;
    border: 0;
}

.f-calendar {
    width: 11%;
    border-right: 0;
}

.a-year {
    width: 10%;
}

.a-name {
    width: 30%;
}

.a-team {
    width: 30%;
}

.a-plan {
    width: 20%;
}

.a-status {
    width: 10%;
}

.i-year {
    width: 10%;
}

.i-traspot {
    width: 30%;
}

.i-title {
    width: 40%;
}

.i-span {
    width: 20%;
}

.p-year {
    width: 20%;
}

.p-org {
    width: 35%;
}

.p-plan {
    width: 35%;
}

.content {
    padding: 15px 0;
    float: left;
    width: 100%;
    line-height: 28px;
}

.content>div.no-record {
    text-align: center;
    width: 100%;
}

span.star {
    color: #C70000;
    margin: 0 !important;
    padding: 0 !important;
}

.remind {
    float: left;
    width: 100%;
    font-size: 0.93em;
    margin: 6px 0 0 0;
    text-align: left;
    color: #C70000;
    line-height: initial;
}

.remind2 {
    float: left;
    width: 100%;
    font-size: 1.05em;
    margin: 0 0 15px 0;
    text-align: left;
    color: #C70000;
    line-height: initial;
}

.content .f-title {
    text-align: left;
}

.hiddenn {
    display: none;
}

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

.qunaire-list .btn {
    display: block;
    padding: 0;
    width: 30px;
    height: 30px;
    margin: 0 auto;
}

.qunaire-list .btn .icon {
    display: block;
    width: 100%;
    height: 100%;
}

.qunaire-list:nth-child(even) {
    background: #f1f1f1;
}

a.goto-questionaire {
    background: #ffa839;
    font-size: 0.84em;
    padding: 3px 12px;
    border-radius: 4px;
    color: #fff;
    margin: 0 auto;
    width: 100px;
    font-weight: bold;
}

a.opened-act,
a.closed-act {
    display: block;
    margin: 0 auto;
    width: 95px;
    border-radius: 50px;
    text-align: center;
    color: #fff;
    font-size: 0.9em;
    font-weight: bold;
    padding: 3px 0;
    margin: 5% auto;
}

a.opened-act {
    background: #ff6a43;
}

a.closed-act {
    background: #a2a2a2;
}

.job-select {
    min-width: 100px;
}

.file-edit-cont-title {
    display: block;
    float: left;
    width: 100%;
}


/*-關於我們-*/
.about-link {
    float: left;
    width: 100%;
    background: #ffad43;
    margin-top: 22px;
    text-align: center;
    padding: 70px 0 150px;
    position: relative;
}

.about {
    float: left;
    width: 100%;
}

.about b {
    float: left;
    width: 100%;
    font-size: 1.2em;
    margin-bottom: 8px;
}

.a-link1,
.a-link2,
.a-link3,
.a-link4,
.a-link5 {
    position: absolute;
}

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

a.a-link2 {
    right: -255px;
    top: 55px;
    display: none;
}

/*
a.a-link3 {
    left: -255px;
    bottom: 25px;
}

a.a-link4 {
    right: -255px;
    bottom: 25px;
}
*/

a.a-link3 {
    left: 73px;
    bottom: -85px;
}

a.a-link4 {
    right: -255px;
    top: 55px;
}

a.a-link5 {
    left: -160px;
    bottom: -60px;
    display: none;
}

.about-link-wrap {
    position: relative;
    width: 445px;
    margin: 0 auto;
}

/*-計畫資料上傳-*/
.map-upload .birth input[type=text] {
    width: 130px !important;
    font-size: 0.93em;
    background: url(../images/calendar.svg) 97% center no-repeat #fff;
    background-size: 24px 24px;
    cursor: pointer;
    height: 35px;
}

.map-upload {
    background: #fff;
    padding: 70px 50px;
}

/*-我的壯遊體驗-*/
.mem-tab3 {
    float: left;
    width: 100%;
}

.mem-tab3 a {
    float: left;
    width: 50%;
    text-align: center;
    padding: 18px 0;
    background: #e5e5e5;
    font-size: 1.15em;
    font-weight: bold;
}

.mem-tab3 a.active {
    background: #fff;
}

.propose-cont,
.grandtour-cont {
    float: left;
    width: 100%;
    display: none;
    background: #fff;
    padding: 40px 50px;
    display: block;
}

.propose-new {
    display: flex;
    justify-content: center;
    padding-bottom: 20px;
}

.propose-new .btn {
    background: #D44211;
    display: inline-block;
    padding: 10px 20px;
    border-radius: 3px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

textarea.full-textarea {
    width: 100%;
    min-height: 145px;
}

.mem-pagecont .subtitle {
    margin: 0 0 35px 0;
}

.mem-pagecont .subtitle strong {
    font-size: 1.5em;
}

.mem-pagecont .sectiontitle {
    font-size: 1.25em;
    float: left;
}

.mem-pagecont .page-sharing {
    margin: 0;
}

.textarea {
    border: 1px #d5d5d5 solid;
    padding: 5px;
    border-radius: 3px;
    font-family: 微軟正黑體;
    font-size: 0.938em;
    width: 50% !important;
}

.date-chose img {
    width: 25px;
    margin: 0 0 0 10px;
    display: inline-block;
    vertical-align: text-top;
    cursor: pointer;
}

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

input#datepicker,
input#datepicker2 {
    height: 35px;
    width: 138px;
    font-size: 0.938em;
}

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

.start img,
.destination img {
    width: 15px;
    margin: 10px 7px 10px 0;
    float: left;
}

.start select,
.destination select {
    min-width: 240px;
    float: left;
}

.pass {
    float: left;
    width: 100%;
}

.pass img {
    margin: 0 3px;
    float: left;
}

.tour-remind {
    float: left;
    width: 100%;
    color: #ff6a43;
    font-size: 0.95em;
    margin: 5px 0 0 0;
    font-weight: bold;
    background: url(../images/org-dot.png) center left no-repeat;
    padding-left: 16px;
}

.tour-add {
    background: url(../images/mem-tour-add.png) center left no-repeat;
    padding-left: 26px;
    margin: 18px 0 0 0;
    float: left;
    font-size: 0.93em;
    font-weight: bold;
    color: #7a7a7a;
    width: 100%;
}

img.del-tour {
    margin: 10px 0 10px 8px;
}

.customize-tour-list {
    float: left;
    width: 100%;
    margin: 35px 0 0 0;
    /* border-top: 5px solid; */
}

.customize-tour-list .subtitle {
    margin: 0 0 8px 0;
}

.ct-list,
.ct-list-head,
.ct-list-cont {
    float: left;
    width: 100%;
}

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

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

.tour-share,
.tour-share-cont {
    width: 25%;
}

.tour-title,
.tour-descri,
.tour-share {
    float: left;
    padding: 5px 0;
    background: #f1f1f1;
    text-align: center;
}

.tour-title-cont,
.tour-descri-cont,
.tour-share-cont {
    float: left;
    padding: 0 2%;
    text-align: center;
}

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

a.ct-list-cont:hover {
    background: #ffccbc;
}

.ct-list-cont:nth-child(odd) {
    background: #ffe8e1;
}

.ct-list-cont:nth-child(even) {
    background: #ffdfd6;
}

.tour-descri-cont {
    text-align: left;
    font-size: 0.98em;
}

.detail {
    float: left;
    width: 100%;
    font-weight: bold;
    color: #ff6a43;
    margin: 0 0 3px 0;
    line-height: initial;
}

.tour-title-cont img {
    width: 170px;
}

.tour-share-cont a {
    margin: 0 1px;
    display: inline-block;
}

.tour-descri-cont p {
    float: left;
    width: 100%;
    line-height: initial;
    margin: 0;
    font-size: 1.1em;
}

.customize-info-tb,
.customize-info-head {
    float: left;
    width: 100%;
}

.tourname,
.tourdate,
.tourintro,
.tourshare {
    float: left;
    padding: 5px 0;
    background: #f1f1f1;
    text-align: center;
    width: 25%
}

.tourname,
.tourdate,
.tourintro,
.tourshare {
    float: left;
    padding: 5px 1%;
    background: #ff6a43;
    text-align: center;
    color: #fff;
    font-weight: bold;
    border-right: 1px solid #ffd2c6;
}

.tourname-cont,
.tourdate-cont,
.tourintro-cont,
.tourshare-cont {
    float: left;
    padding: 8px 1%;
    text-align: center;
}

.tourname,
.tourname-cont {
    width: 23%
}

.tourdate,
.tourdate-cont {
    width: 23%
}

.tourintro,
.tourintro-cont {
    width: 35%
}

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

}

.tourshare {
    width: 19%
}

.tourshare-cont a {
    display: inline-block;
    vertical-align: top;
    margin: 0 1.5px;
}

.customize-info-tb {
    background: #fff5f2;
}

.tourintro-cont {
    text-align: left !important;
}

.tourshare {
    border: 0;
}

.edit-zone {
    float: left;
    width: 100%;
    text-align: right;
    margin: 0 0 10px 0;
}

.edit-zone a {
    display: inline-block;
    vertical-align: top;
    margin: 0 0 0 6px;
}

/*--*/
.sharing-agree {
    float: left;
    width: 100%;
    background: #f1f1f1;
    font-size: 0.93em;
    padding: 7px 16px;
    font-weight: bold;
    margin: 0 0 30px 0;
}

.sharing-agree-title {
    float: left;
    width: 285px;
}

.customize-tour-tb {
    margin: 0 0 25px 0;
    float: left;
    width: 100%;
}

/*-壯遊里程碑-*/
.milestone-wrap {
    float: left;
    width: 100%;
    display: flex;
    align-items: center;
    background: #f1f1f1;
    position: relative;
}

.milestone-wrap2 {
    float: left;
    width: 100%;
    display: flex;
    align-items: center;
}

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

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

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

.ms-date {
    float: left;
    width: 78px;
    background: #fff;
    height: 171px;
    display: flex;
    align-items: center;
    padding: 0 27px 0 0;
    font-weight: bold
}

.ms-dot {
    background: #fff;
    float: left;
    height: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    padding: 25px 0;
}

.ms-dot strong {
    width: 14px;
    height: 14px;
    background: #1dc5d0;
    display: inline-block;
    border-radius: 99em;
}

.ms-list-wrap {
    float: left;
    width: 100%;
    padding: 0 99px 0 0;
    /* background: #fff; */
    border-left: 40px #fff solid;
}

.ms-cont {
    float: left;
    width: calc(100% - 300px);
    margin: 15px 0 0 25px;
}

.ms-cont p:first-child {
    float: left;
    width: 100%;
    margin: 0;
    font-weight: bold;
    font-size: 1.1em;
    height: 31px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.ms-cont p:nth-child(2) {
    float: left;
    width: 100%;
    margin: 0;
    font-size: 0.9em;
    font-weight: bold;
}

.ms-list-wrap img {
    float: left;
    width: 274px;
    height: 171px;
    overflow: hidden;
}

.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;
}

a.add-spot {
    margin-left: 22px;
    background: #f1f1f1;
    padding: 10px 40px;
    border-radius: 3px;
    font-size: 0.96em;
    font-weight: bold;
}

.add-spot img {
    margin: -3px 7px 0 0;
}

/*-加入會員1-*/
.clause-notice a {
    display: inline-block;
    text-decoration: underline !important;
}

.clause-notice a:hover {
    color: #ff6a43;
}

section.regist-account,
section.regist-account2,
section.regist-account3,
section.regist-account4,
.footer-page {
    float: left;
    width: 100%;
    background: #f3f3f3;
}

section.clause-wrap {
    float: left;
    width: 100%;
}

.clause-wrap {
    font-size: 1.05em;
    line-height: 30px;
}

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

.clause-intro {
    float: left;
    width: 100%;
    text-align: left;
}

.clause-cont {
    float: left;
    width: 100%;
    text-align: left;
}

.clause-cont img {
    float: left;
    width: 100%;
}

.clause-cont>p {
    width: 96%;
    display: inline-block;
}

.clause-cont img {
    display: inline-block;
    width: 7px;
    margin: 11px 9px 0 0;
}

.agreeornot {
    float: left;
    width: 100%;
    margin: 25px 0;
    text-align: center;
}

.agreeornot label,
.agreeornot input[type="radio"] {
    margin: 0 2px;
}

label.agree {
    margin-right: 15px;
}

.clause-notice {
    float: left;
    width: 100%;
    background: #f5f5f5;
    padding: 15px;
    text-align: left;
    margin: 0 0 35px 0;
}

/*-檢核-*/
span.error1 {
    float: left;
    width: 100%;
    color: #ff6a43;
    margin: 15px 0 0 0;
}

/*-加入會員2-*/
.registion .tb th {
    font-size: 1.1em;
}

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

/*-加入會員3-*/
.regist-success-wrap {
    float: left;
    width: 100%;
    text-align: center;
}

.regist-success-wrap img {
    width: 350px;
}

.regist-success {
    float: left;
    width: 100%;
    margin: 30px 0 50px 0;
    font-size: 1.3em;
    line-height: 33px;
    font-weight: bold;
}

.regist-success p {
    float: left;
    width: 100%;
    margin: 2px 0;
}

/*-資源補給站-內頁版型-*/
.resource-link-page {
    float: left;
    width: 100%;
}

.resource-link-page li {
    float: left;
    width: 27%;
    margin: 0 3% 35px 3%;
}

.rl-title,
.rl-link {
    float: left;
    width: 100%;
}

.rl-title {
    background: #ff6a43;
    color: #fff;
    text-align: center;
    padding: 8px 15px;
    font-weight: bold;
    border-radius: 4px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    font-size: 1.15em;
}

.rl-link {
    background: #ededed;
    color: #fff;
    text-align: center;
    padding: 30px 20px;
    font-weight: bold;
    border-radius: 4px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    min-height: 115px;
    line-height: 27px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

/*-多圖-*/
.page-slider-thumb img {
    height: 112px;
}

.page-slider-wrap {
    width: 750px;
    margin: 0 auto 35px auto;
    padding: 10px;
    background: #eee;
    border-radius: 3px;
}

.page-slider-nav .page-slider-thumb {
    margin: 10px;
}

.page-slider-nav {
    width: 90%;
    margin: 0 auto;
}

.page-slider img {
    width: 100%;
}

.page-slider-nav .slick-prev,
.page-slider-nav .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 30px;
    height: 50px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

.page-slider-nav .slick-prev {
    left: -38px;
    background: url(../images/page_slider_prev.png) 0 0 no-repeat;
}

.page-slider-nav .slick-next {
    right: -38px;
    background: url(../images/page_slider_next.png) 0 0 no-repeat;
}

.page-article-btn {
    width: 100%;
    overflow: hidden;
}

/*-單圖置左-*/
.FloatLeftImg {
    float: left;
    margin: 8px 22px 15px 0px;
    width: auto;
    max-width: 40%;
    position: relative;
}

/*-單圖置右-*/
.FloatRightImg {
    float: right;
    margin: 8px 0 15px 13px;
    width: auto;
    max-width: 40%;
    position: relative;
}

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

.basic-info-wrap img {
    float: left;
    width: 510px;
    border: 12px solid #e7e7e7;
}

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

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

.info-list {
    float: left;
    width: 100%;
    padding: 5px 3%;
    font-size: 0.96em;
}

.info-list:nth-child(odd) {
    background: #efefef;
}

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

.info-list p {
    float: left;
    width: 70%;
    margin: 0
}

.basic-info-tb-wrap {
    float: left;
    width: 100%;
    margin: 65px 0 0 0;
}

.bi-head {
    float: left;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    background: #ff6a43;
    color: #fff;
    line-height: normal;
    font-size: 1.05rem;
    font-weight: bold;
    border-radius: 5px;
}

.bi-cont {
    float: left;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    border-bottom: 1px solid #e1e1e1;
}

.bi-cont-item {
    display: none !important;
}

.bi-cont-txt {
    padding: 0 !important;
}

.bi-date,
.bi-regis,
.bi-num,
.bi-pay,
.bi-btn,
.bi-group {
    float: left;
    text-align: center;
    padding: 11px 1% !important;
}

.bi-date-cont,
.bi-regis-cont,
.bi-num-cont,
.bi-pay-cont,
.bi-btn-cont,
.bi-group,
.bi-group-cont {
    float: left;
    text-align: center;
    padding: 10px 2px;
    font-size: 0.95em;
    line-height: normal;
}

.bi-date,
.bi-date-cont {
    width: 13%;
}

.bi-regis,
.bi-regis-cont {
    width: 35%;
}

.bi-num,
.bi-num-cont {
    width: 10%;
}

.bi-pay,
.bi-pay-cont {
    width: 10%;
}

.bi-group,
.bi-group-cont {
    width: 16%;
}

.bi-btn,
.bi-btn-cont {
    width: 16%;
}

.bi-btn-cont a {
    background: #ffad43;
    max-width: 72px;
}

.bi-group-cont span,
.bi-btn-cont a {
    padding: 6px 8px;
    font-size: 0.938em;
    border-radius: 4px;
    color: #fff;
    line-height: initial;

    margin: 0 auto;
    font-weight: bold;
    font-size: 0.95rem;
    display: inline-block;
}

.bi-group-cont span {
    background: #ffad43;
}

.bi-btn-cont a.available {
    background: #ffad43;
}

.bi-btn-cont a.finish {
    background: #a3a3a3;
}

.eventdetail {
    float: left;
    width: 100%;
    margin: 65px 0 0 0;
}

.eventdetail-tab {
    float: left;
    width: 100%;
}

.eventdetail-tab button {
    float: left;
    padding: 5px;
    background: #efefef;
    font-size: 0.98em;
    border-right: 1px solid #fff;
    width: 135px;
    text-align: center;
    border: 0;
}

.eventdetail-cont {
    float: left;
    width: 100%;
    display: block;
    background: #efefef;
    border-top: 2px solid #ff6a43;
    padding: 25px 4%;
    color: #000;
    font-size: 0.93em;
}

.eventdetail-tab button.active {
    background: #ff6a43;
    color: #fff;
    /* border-right: 1px solid #fff; */
}

.ev-cont-pic img {
    max-width: 456px;
    float: right;
    margin: 0 18px;
}

.ask-cont,
.ask-cont-verify {
    float: left;
    width: 100%;
}

.ask-cont-verify {
    margin-bottom: 20px;
}

.ask-cont label {
    float: left;
    width: 100%;
    margin: 0 0 5px 0;
}

.ask-cont textarea {
    width: 100%;
    padding: 15px 2%;
    font-size: 0.938em;
}

.ask-cont span {
    float: left;
    width: 100%;
    text-align: right;
    color: #ff6a43;
    font-size: 1em;
    font-weight: bold;
}

.ask-cont-verify label {
    margin: 0;
    line-height: 35px;
    margin: 0 7px 0 0;
    float: left;
}

.ask-cont-verify input.textfield.short {
    float: left;
    width: 100px !important;
}

.ask-cont-verify img {
    float: left;
    margin: 2px 0;
}

.ask-cont-verify a.re_code {
    background: #9d9d9d;
    float: left;
    font-size: 0.938em;
    border-radius: 3px;
    padding: 7px 8px;
    margin: 0 0 0 7px;
    color: #fff;
    line-height: initial;
}

.ask-cont input.textfield.short {
    width: 95px !important;
    margin: 0 8px 0 0;
}

a.bbtn1.logout {
    background: url(../images/header-btn-i2.png) center 5px no-repeat #ffad43;
    background-size: 24px;
}

/*-英文版-About us-*/
.au-wrap,
.au-wrap3 {
    float: left;
    width: 100%;
    margin: 0 0 25px 0;
    word-wrap: break-word;
    word-break: break-word;
}

.au-wrap2 {
    float: left;
    width: 100%;
    margin: 25px 0 25px 0;
}

.au-wrap2 strong {
    float: left;
    width: 100%;
}

.au-wrap2 strong a {
    color: #ff6a43;
    text-decoration: underline !important;
}

.au-title {
    float: left;
    width: 100%;
    font-weight: bold;
    font-size: 1.25em;
    margin: 0 0 7px 0;
}

.au-wrap3 p {
    margin: 6px 0 0 0;
}

.au-wrap3 a {
    color: #ff6a43;
    display: inline-block;
    vertical-align: top;
}

/*--*/
.spot-tab-en {
    display: flex;
    justify-content: center;
    text-align: center;
    margin: 0 auto 20px auto;
}

.spot-tab-en a {
    float: left;
    background: #e4e4e4;
    width: 100%;
    color: #222;
    padding: 10px;
    border-radius: 5px;
    margin: 0 10px;
    font-weight: bold;
}

.spot-tab-en a.active {
    color: #fff;
    background: #DB2C00;
}

.spot-list-wrap.en .top-info p:nth-child(2) {
    width: 100%;
    margin: 10px 0 0 0;
    font-weight: bold;
    font-size: 1.15em;
}

.bottom-info-en {
    float: left;
    width: 100%;
    background: #f5f5f5;
    padding: 6px 5%;
    border: 1px solid #fff;
    text-align: left;
    word-wrap: break-word;
    word-break: break-word;
}

.bottom-info-en p:first-child {
    float: left;
    width: 100%;
    color: #eb6c4a;
}

.bottom-info-en p:first-child {
    float: left;
    width: 100%;
    margin: 0 0 4px 0;
    font-size: 0.92em;
    font-weight: bold;
    line-height: initial;
}

.bottom-info-en p:last-child {
    float: left;
    width: 100%;
    font-size: 0.91em;
    line-height: initial;
    margin: 0;
    word-wrap: break-word;
    word-break: break-word;
}

/*-活動報名-*/
.mem-event-regis input#birth {
    width: 130px !important;
    font-size: 0.938em;
    background: url(../images/calendar.svg) 97% center no-repeat #fff;
    background-size: 24px 24px;
    cursor: pointer;
    height: 35px;
}

.mem-event-regis {
    float: left;
    width: 100%;
    margin: 0;
    background: #fff;
    padding: 40px 50px;
}

.payway {
    float: left;
    width: 100%;
    margin: 0 0 6px 0;
}

.payway:last-child {
    margin-bottom: 0;
}

.payway span {
    float: left;
    width: 26px;
}

.payway p {
    float: left;
    width: calc(100% - 26px);
    margin: 0;

}

.notice-list {
    float: left;
    width: 100%;
    margin: 0 0 5px 0;
}

.notice-list span {
    float: left;
    width: 18px;
}

.notice-list p {
    float: left;
    width: 94%;
    margin: 0;
}

.notice-cont {
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
}

.notice-list2 {
    float: left;
    margin: 0 0 5px 18px;
    width: 95%;
}

.notice-list2 span {
    float: left;
    width: 26px;
}

.notice-list2 p {
    float: left;
    width: calc(100% - 26px);
    margin: 0;
}

.event-regis-agreement {
    height: 220px;
    overflow-y: auto;
    border: 1px solid #eee;
    padding: 20px 20px;
    overflow-x: hidden;
    margin: 0 0 8px 0;
}

.erg-cont {
    float: left;
    width: 100%;
    margin: 0 0 5px 0;
}

.erg-cont img {
    float: left;
    width: 6px;
    margin: 13px 8px 0 0;
}

.erg-cont p {
    float: left;
    width: 96%;
    margin: 0;
}

.iagree-checkbox {
    float: left;
    width: 100%;
}

.iagree-checkbox label {
    width: 93%;
    margin: 0 0 0 0;
    font-size: 0.9em;
}

.iagree-checkbox label a {
    display: initial;
}

/*-影音樣版-*/
.page-video-wrap {
    width: 80%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 auto 50px auto;
}

.page-video-wrap video {
    width: 100%;
    height: 400px;
}

.videotitle {
    width: 100%;
    text-align: center;
    font-weight: bold;
}

/*-網站滿意度調查-*/
.btn-wrap {
    float: left;
    width: 100%;
    display: flex;
    justify-content: center;
    text-align: center;
    margin: 30px 0 0 0;
}

input.short-textinput {
    height: 31px;
    width: 55px;
    margin: 0 5px;
}

.survey-binfo-list strong.longtitle2 {
    width: 360px;
}

.survey-binfo-list strong.longtitle {
    float: left;
    width: 200px;
}

.survey-wrap .login-verify label {
    float: left;
    width: 95px;
    margin: 0 5px 0 0;
    line-height: 43px;
    font-size: 1em;
}

input.age-textinput {
    height: 31px;
    width: 73px;
    margin: 0 3px 0 0;
}

input.survey-textinput {
    height: 31px;
}

.survey-binfo-chose label {
    margin: 0 10px 0 0;
    padding: 0 0 0 3px;
}

.survey-binfo-list {
    float: left;
    width: 100%;
    margin: 0 0 12px 0;
}

.survey-binfo-list strong {
    float: left;
    width: 85px;
    font-weight: bold;
}

.survey-binfo-list strong span,
.qu span {
    color: #ff6a43;
}

.mem-pagecont .survey-wrap .subtitle {
    margin: 0 0 15px 0;
}

.survey-binfo-title {
    float: left;
    width: 100%;
    font-size: 1.375em;
    font-weight: bold;
    margin: 0 0 9px 0;
}

.survey-basicinfo-wrap {
    float: left;
    width: 100%;
    margin: 0 0 15px 0;
}

.survey-wrap {
    float: left;
    width: 100%;
    margin: 0 0 55px 0;
    background: #fff;
    padding: 55px 50px;
}

.qu-list {
    float: left;
    width: 100%;
    margin: 0 0 25px 0;
}

.main-qu {
    float: left;
    width: 100%;
    margin: 0 0 15px 0;
}

.main-qu2 {
    float: left;
    width: 100%;
    margin: 0 0 7px 0;
}

ul.sub-qu,
.checkbox-wrap {
    float: left;
    width: 100%;
}

ul.sub-qu li,
.qu,
.ans {
    float: left;
    width: 100%;
}

.qu {
    margin: 0 0 4px 0;
    font-weight: bold;
}

.ans label {
    margin: 0 20px 0 0;
    padding: 0 0 0 3px;
}

.checkbox-wrap label {
    margin: 0;
    width: 98%;
    padding: 0 0 0 3px;
}

.qu-list textarea {
    width: 95%;
    margin: 5px 0 0 0;
}

/*-Tour Buddy-*/
.tourbuddy-forword {
    float: left;
    width: 100%;
    margin: 0 0 20px 0;
}

.tourbuddy-wrap {
    float: left;
    width: 100%;
}

.tourbuddy-wrap:last-child .tourbuddy-tb,
.tourbuddy-wrap:last-child .tb {
    margin-bottom: 0 !important;
}

.tourbuddy-info {
    float: left;
    width: 100%;
}

.tourbuddy-tb {
    float: left;
    width: 100%;
    margin: 15px 0 25px 0;
}

.tourbuddy-info strong {
    font-size: 1.35em;
    color: #ff6a43;
    font-weight: bold;
    float: left;
    width: 100%;
    margin: 0 0 14px 0;
}

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

.service-gp {
    float: left;
    width: 100%;
    margin: 0 0 5px 0;
}

.service-gp>p {
    float: left;
    width: 85%;
    margin: 0;
    line-height: 26px;
}

.service-gp>p a {
    color: #ff6a43;
    text-decoration: underline !important;
}

.booking-btn {
    color: #fff;
    padding: 8px 17px;
    background: #ff991d;
    border-radius: 4px;
    float: right;
}

.route p {
    float: left;
    width: 89%;
    color: #ff6a43;
}

.route span {
    float: left;
    width: 100px;
    background: #ff6a43;
    text-align: center;
    font-size: 0.9em;
    color: #fff;
    font-weight: bold;
    border-radius: 4px;
    padding: 2px 0;
    margin: 0 13px 0 0;
}

.tourbuddy-tb tr th {
    background: #ffeae5;
    line-height: normal;
    font-weight: normal;
    width: 17%;
}

.tourbuddy-tb tr {
    border-top: 1px solid #ffded6;
}

.tourbuddy-tb tr:first-child {
    border-top: none;
}

.tourbuddy-tb tr th,
.tourbuddy-tb tr td {
    vertical-align: middle;
    padding: 15px 2%;
}

.tourbuddy-tb tr td {
    background: #fff6f4;
}

.contact-info p {
    margin: 0 0 3px 0;
}

/*-隱私權聲明-*/
.copyright,
.privacy {
    float: left;
    width: 100%;
    text-align: left;
    font-size: 0.95em;
    line-height: 33px;
}

.copyright p,
.privacy p {
    margin: 0;
}

.a-lev1 {
    float: left;
    width: 100%;
}

.a-lev1 span {
    float: left;
    width: 45px;
}

.a-lev1 p {
    float: left;
    width: 93%;
}

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

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

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

.a-lev1,
.a-lev2 {
    margin: 0 0 3px 0;
}

/*-隱私權與資訊安全宣告-*/
.org-word {
    color: #ff6a43;
}

p.gree-word {
    color: #00968d;
    line-height: 28px;
}

.privacy-forword {
    float: left;
    width: 100%;
}

.privacy-forword2 {
    float: left;
    width: 100%;
    margin: 12px 0;
}

.privacy-forword p {
    float: left;
    width: 100%;
    margin: 0 0 6px 0;
}

.a-lev3 {
    float: left;
    width: 100%;
    padding: 0 0 0 112px;
}

.a-lev3 span {
    float: left;
    width: 34px;
}

.a-lev3 p {
    float: left;
    width: 92%;
}

/*-內頁推薦小按鈕-*/
.recommend a {
    width: 77px;
    background: #ffad43;
    text-align: center;
    font-size: 0.938em;
    border-radius: 3px;
    padding: 4px 0;
    color: #fff;
    font-weight: bold;
    display: inline-block;
    margin: 0 7px 0 0;
}

.recommend {
    display: inline-block;
    width: 100%;
    margin: 8px 0 0 0;
    text-align: right;
}

.recommend span {
    display: inline-block;
}

/*-諮詢輔導園-*/
.advisory-list {
    float: left;
    width: 100%;
}

.advisory-list li {
    float: left;
    width: 100%;
    margin: 0 0 25px 0;
}

.adv-name,
.adv-intro {
    float: left;
    width: 100%;
    text-align: left;
    line-height: 33px;
}

.adv-type {
    background: #ff6a43;
    color: #fff;
    text-align: center;
    padding: 4px 10px;
    font-weight: bold;
    border-radius: 3px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    font-size: 1.05em;
    float: left;
    width: 157px;
}

.adv-cont {
    background: #f3f3f3;
    padding: 10px 15px;
    float: left;
    width: 100%;
}

.adv-name {
    font-weight: bold;
    font-size: 1.2em;
    margin: 0 0 5px 0;
    line-height: initial;
}

.adv-intro p {
    margin: 0;
}

.adv-type.tp1 {
    background: #ffad43;
}

.adv-list {
    float: left;
    width: 100%;
}

.adv-list span {
    float: left;
    width: 18px;
}

.adv-list p {
    float: left;
}

.adv-list p {
    float: left;
    width: 92%;
}

.adv-type.tp3 {
    background: #1dc5d0;
}

.adv-type.tp4 {
    background: #4fd27d;
}

.adv-type.tp5 {
    background: #1d97d0;
}

/*-查無資料-*/
.not-found {
    float: left;
    width: 100%;
    text-align: center;
    margin: 20px 0 0 0;
}

.not-found img {
    display: inline-block;
    vertical-align: top;
}

.not-found p {
    display: inline-block;
    /* vertical-align: middle; */
    margin: 0 0 0 5px;
    font-weight: bold;
    font-size: 1.25em;
    line-height: 52px;
}

/*-影音專區-*/
.media-list {
    float: left;
    width: 100%;
}

.media-list>li {
    float: left;
    width: calc(100% / 3 - 2%);
    margin: 0 1% 25px 1%;
    vertical-align: top;
    padding: 0 10px;
    border-radius: 5px;
    overflow: hidden;
}

.media-list>li img {
    max-width: 300px;
    margin: 0 auto;
    display: block;
    width: 100%
}

.media-info {
    float: left;
    width: 100%;
    margin: 10px 0 0 0;
    text-align: left;
}

.media-info strong {
    color: #000;
    width: 100%;
    line-height: 26px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    height: 28px;
    font-size: 1.1em;
}

.media-info span {
    display: block;
    width: 100%;
    color: #000;
    font-size: 0.9em;
    line-height: initial;
    margin: 2px 0 0 0;
}

.media-tag {
    display: block;
    width: 100%;
    margin: 10px 0 0 0;
}

.media-tag a {
    float: left;
    font-size: 0.85em;
    border-radius: 30px;
    background: #fff0a5;
    color: #222;
    padding: 6px 13px;
    margin: 0 1% 7px 0;
    line-height: initial;
    font-weight: bold;
}

/*-標籤列表-*/
.tag-related-list {
    float: left;
    width: 100%;
    margin: 0 0 22px 0;
}

.tag-related-list a {
    float: left;
    font-size: 0.95em;
    border-radius: 30px;
    background: #ff6a43;
    color: #fff;
    padding: 7px 20px;
    margin: 0 10px 0 0;
    line-height: initial;
    font-weight: bold;
}

.tag-related-list p {
    margin: 0;
    font-weight: bold;
    font-size: 1.1em;
    line-height: 36px;
}

/*-文章內頁-*/
.article-tag {
    float: left;
    width: 100%;
    margin: 13px 0 0 0;
}

.article-tag a {
    float: left;
    background: #ff6a43;
    color: #fff;
    font-size: 0.938em;
    border-radius: 50px;
    padding: 1px 15px;
    margin: 0 7px 8px 0;
}

/*-資源補給站-第二層-*/
.resource-intro-title {
    background: #ff6a43;
    color: #fff;
    padding: 10px 15px;
    font-weight: bold;
    border-radius: 4px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    font-size: 1.15em;
    float: left;
    width: 100%;
    line-height: 27px;
    text-align: left;
}

.plancont-title {
    background: #ff7e39;
    color: #fff;
    font-size: 0.938em;
    border-radius: 35px;
    padding: 2px 15px;
    width: 97px;
    text-align: center;
    margin: 0 0 8px 0;
}

.plancont-list {
    float: left;
    width: 100%;
    background: #eaeaea;
    margin: 0;
    padding: 8px 2% !important;
    font-size: 0.95em;
}

.plancont {
    float: left;
    width: 100%;
    margin: 0 0 6px 0;
}

.plancont-list li {
    float: left;
    width: 100%;
    margin: 0 0 6px 0;
    line-height: 26px;
}

.plancont-list li:last-child {
    margin: 0;
}

.plancont-list li span,
.plancont-list li strong {
    float: left;
    width: 102px;
    margin: 0 3px 0 0;
    background: url(../images/resource-list-dot.png) center left no-repeat;
    padding-left: 13px;
}

.plancont-list ul,
.advisory-list ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.plancont-list li span img {
    float: left;
}

.plancont-list li p {
    float: left;
    width: 85%;
    margin: 0;
}

/*-計畫上傳-*/
.map-upload input[type=file].textfield {
    border: 1px #bfbfbf solid;
    padding: 5px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    height: auto;
    line-height: initial;
}

input.addbtn {
    border: 0;
    float: right;
    position: absolute;
    right: 0;
    top: 15px;
    background: #ff6a43;
    color: #fff;
    font-size: 0.85em;
    border-radius: 3px;
    padding: 2px 15px;
    font-weight: bold;
    width: 70px;
}

td.group-people-wrap {
    position: relative;
}

.group-people {
    float: left;
    width: calc(100% - 74px);
    margin: 0 0 15px 0;
    font-size: 1rem;
    border-radius: 3px;
    overflow: hidden;
}

.group-peoplea:last-child {
    margin: 0;
}

.group-people:nth-child(odd) {
    background: #f4f4f4;
}

.group-people:nth-child(even) {
    background: #e8e8e8;
}

.group-people-row {
    float: left;
    width: 100%;
    font-size: 1.063em;
    padding: 15px 10px;
    border-bottom: 1px solid #fff;
}

.group-people-row span {
    float: left;
    width: 161px;
}

.group-people:first-child {
    margin-top: 0;
}

.group-people input[type=text] {
    height: 35px;
    width: 40% !important;
    font-size: 0.85em;
}

.group-people input.datepicker.hasDatepicker {
    background: url(../images/calendar.svg) 97% center no-repeat #fff;
    background-size: 19px 19px;
    cursor: pointer;
    height: 35px;
    width: 125px !important;
    font-size: 0.85em;
}

.group-people-wrap textarea {
    width: 100%;
}

/*-新增壯遊點-*/
.add-grandtourname select {
    min-width: 180px;
}

.add-grandtourtime .date-chose input[type=text] {
    float: left;
    width: 135px !important;
    font-size: 0.85em;
    background: url(../images/calendar.svg) 97% center no-repeat #fff;
    background-size: 24px 24px;
    cursor: pointer;
    height: 35px;
}

.customize-tour .date-chose input[type=text] {
    width: 140px !important;
    font-size: 0.85em;
    background: url(../images/calendar.svg) 97% center no-repeat #fff;
    background-size: 22px 22px;
    cursor: pointer;
    height: 35px;
}

/*-分享頁面-*/
section.wrap.sharing-page {
    margin-top: 119px !important;
}

.mem-pagecont.sharing-page {
    padding: 0;
}

section.wrap.sharing-page .grandtour-cont {
    margin: 0 0 55px 0;
}

header.header.sharing-page {
    box-shadow: initial;
}

.footer.sharing-page .copyright {
    padding: 10px 0;
    float: left;
}

/*-重置驗證碼-*/
.loginVerifyBtn a {
    background: #ebebeb;
    float: left;
    font-size: 0.8em;
    border-radius: 3px;
    padding: 8px 10px;
    margin: 0 0 0 7px;
    text-align: left;
    color: #333333;
    text-decoration: none !important;
    width: auto;
}

.loginVerifyBtn {
    width: 100%;
    display: inline-block;
    padding: 0 0 0 109px;
    margin: 11px 0 0 0;
}

/*--*/
.cbp-spmenu-push h1 {
    font-family: 微軟正黑體;
    width: 94%;
    padding: 0 3%;
}

.page-pic-large p.page-slider-caption {
    font-family: 微軟正黑體;
    font-size: 1.03em;
    position: initial;
    background: initial;
    color: #333;
    margin: 12px 0 0 0;
    line-height: 26px;
    width: 96%;
}

p.page-slider-caption {
    position: absolute;
    color: #fff;
    bottom: 0;
    margin: 0;
    text-align: center;
    width: 100%;
    font-size: 0.8em;
    background: rgb(0, 0, 0, 0.6);
    padding: 2px 2%;
    text-align: left;
    line-height: 22px;
}

.FloatImgCaption {
    color: #fff;
    text-align: left;
    padding: 5px 15px;
    margin: 0;
    font-size: 0.75em;
    line-height: 1.6;
    position: absolute;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    width: 100%;
}

/*--*/
.news-list.tag-list .news-wrap {
    float: left;
    width: 100%;
    padding: 11px 1.5%;
    background: initial !important;
    border-bottom: 1px solid #e8e8e8;
    margin: 0 0 10px 0;
}

.news-list.tag-list .news-title {
    float: left;
    width: 100%;
    font-size: 1.15em;
    font-weight: bold;
    margin: 0 0 0px 0;
    line-height: 32px;
}

.news-list.tag-list .newlist-tag a {
    float: left;
    font-size: 0.938em;
    border-radius: 30px;
    background: #ffad43;
    color: #fff;
    padding: 5px 15px;
    margin: 3px 6px 3px 0;
    line-height: initial;
}

.tag-list-tab {
    float: left;
    width: 100%;
    margin: 5px 0 35px 0;
    border-bottom: 1px solid #f0f0f0;
}

.tag-list-tab li {
    float: left;
    width: 129px;
    background: #f0f0f0;
    font-size: 1em;
    font-weight: bold;
    text-align: center;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    padding: 2px 0;
    margin: 0 2px 0 0;
}

.news-list.tag-list {
    display: none;
}

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

/*-加入會員s2驗證碼-*/
.regist-account2 .verify input.textfield.short {
    width: 120px !important;
    margin: 0 6px 0 0;
    float: left;
}

.regist-account2 .verify img {
    margin: 2px 0;
    float: left;
}

.regist-account2 .verify a.re_code {
    background: #ebebeb;
    float: left;
    font-size: 0.875em;
    border-radius: 3px;
    padding: 7px 8px;
    margin: 0 0 0 6px;
}

/*-會員-活動報名-驗證碼-*/
.mem-event-regis .verify input.textfield.short {
    width: 120px !important;
    margin: 0 6px 0 0;
    float: left;
}

.mem-event-regis .verify img {
    margin: 2px 0;
    float: left;
}

.mem-event-regis .verify a.re_code {
    background: #ebebeb;
    float: left;
    font-size: 0.875em;
    border-radius: 3px;
    padding: 2px 8px;
    margin: 0 0 0 6px;
}

a.showVerifyBtn {
    background: #ff6a43;
    float: left;
    font-size: 0.8em;
    border-radius: 3px;
    padding: 2px 10px;
    margin: 0 0 0 6px;
    color: #fff;
    font-weight: bold;
}

/*-忘記密碼/重發驗證信-驗證碼-*/
.regist-account4 .verify input.textfield.short {
    width: 120px !important;
    margin: 0 6px 0 0;
    float: left;
}

.regist-account4 .verify img {
    margin: 2px 0;
    float: left;
}

.regist-account4 .verify a.re_code {
    background: #ebebeb;
    float: left;
    font-size: 0.875em;
    border-radius: 3px;
    padding: 7px 8px;
    margin: 0 0 0 6px;
}

/*-無障礙網頁說明-*/
.footer-accessibility {
    float: left;
    width: 100%;
}

.footer-accessibility p {
    margin: 0;
}

.accessibility-setting {
    float: left;
    width: 100%;
    background: #f3f3f3;
    margin: 10px 0 0 0;
    padding: 10px;
    border-radius: 5px;
}

/*-頁面底部qrcode-*/
.page-qrcode {
    width: 120px;
    /* border: 2px solid #ffa790; */
    float: left;
}

.page-qrcode img {
    width: 100%;
}

/*-青年體驗學習計畫-內頁-*/
.cont-title {
    width: 100%;
    border-bottom: 5px solid #e8e8e8;
    overflow: hidden;
    margin-bottom: 20px;
    position: relative;
    padding-bottom: 11px;
    font-size: 1.4em;
}

.ex-learn-plan-tag {
    float: left;
    width: 100%;
}

.ex-learn-plan-tag span {
    float: left;
    font-size: 1em;
    background: #ff6a43;
    color: #fff;
    font-weight: bold;
    border-radius: 3px;
    line-height: initial;
    padding: 6px 25px;
    margin: 0 0 8px 0;
}

.ex-learn-plan-cont {
    float: left;
    width: 100%;
}

.ex-learn-plan-wrap {
    float: left;
    width: 100%;
    margin: 0 0 20px 0;
}

/*-有圖列表-*/
.liststyle-pic {
    float: left;
    width: 158px;
}

.liststyle-pic img {
    width: 100%;
    border: 1px solid #e6e6e6;
}

.liststyle-cont {
    float: left;
    width: 82%;
    margin-left: 28px;
}

/*-登入-*/
.oa_login_notice {
    float: left;
    text-align: left;
    margin: 13px 0 0 0;
    line-height: 25px;
    font-size: 0.96em;
    color: #ff6a43;
    font-weight: bold;
}

/*-------------------停機公告--------------------*/

.shutdown_bg {
    background: #FFF;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 100;
    opacity: .9;
}

.shutdown_page {
    position: absolute;
    width: 700px;
    display: inline-block;
}

.shutdown_cont {
    width: 100%;
    padding: 0;
    margin: 0 auto;
    display: inline-block;
}

.shutdown_pic {
    width: 100%;
    text-align: center;
}

.shutdown_pic img {
    display: inline-block;
}

.shutdown_title {
    font-family: 微軟正黑體;
    font-size: 2.5em;
    text-align: center;
    color: #135872;
    font-weight: bold;
    margin: 30px 0;
    width: 100%;
}

.shutdown_text {
    background: url(../images/error_bg.png)center top repeat;
    float: left;
    padding: 22px 5%;
    width: 100%;
    margin-top: 30px;
}

.shutdown_text p {
    margin-bottom: 10px;
    line-height: 1.8;
    font-size: 1.25em;
    font-weight: bold;
    color: #000;
}

.shutdown_btn {
    width: 100%;
    float: left;
    padding: 30px 0 0 0;
    text-align: center;
}

.shutdown_btn a {
    display: inline-block;
    background: #ff7524;
    padding: 10px 30px;
    color: #fff;
    border-radius: 5px;
    font-size: 1.15em;
}


/*-privacy-security-*/
.privacy-security {
    float: left;
    width: 100%;
}

.privacy-security strong {
    float: left;
    width: 100%;
    color: #ff6a43;
    font-size: 1.1em;
    margin: 0 0 10px 0;
    word-break: break-word;
    line-height: 25px;
}

ul.privacy-security-cont {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0 0 10px 0;
}

ul.privacy-security-cont li {
    float: left;
    width: 100%;
}

ul.privacy-security-cont li span {
    float: left;
    width: 25px;
}

ul.privacy-security-cont li p {
    float: left;
    width: 90%;
    margin: 0;
    word-break: break-word;
    line-height: 24px;
}

li.privacy-security-title {
    font-weight: bold;
}

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

ul.privacy-security-cont2 li {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: lower-latin;
}

/*-問卷提醒-*/
.survey-remind {
    float: left;
    width: 100%;
    background: #f1f1f1;
    border-radius: 6px;
    padding: 11px 18px;
    font-size: 0.95em;
    margin: 11px 0;
}

.survey-remind p,
.surveyremind-link-wrap {
    margin: 0 0 8px 0;
    float: left;
    width: 100%;
    line-height: 26px;
}

section.survey-remind strong {
    font-size: 1.15em;
    margin: 0 0 3px 0;
    float: left;
    width: 100%;
}

.surveyremind-link1 {
    float: left;
    width: 180px;
    margin: 0 5px 0 0;
}

.surveyremind-link2 {
    float: left;
    width: 230px;
}

.surveyremind-link1 span {
    float: left;
    width: 88px;
}

.surveyremind-link2 span {
    float: left;
    width: 130px;
}

.surveyremind-link1 a,
.surveyremind-link2 a {
    float: left;
    width: 85px;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    border-radius: 3px;
    padding: 1px 11px;
    text-align: center;
}

.surveyremind-link1 a {
    background: #ff6a43;
}

.surveyremind-link2 a {

    background: #faa43f;

}

p.surveyremind-ps {
    background: url(../images/org-dot.png) left 9px no-repeat;
    padding-left: 13px;
}

/*-提示頁-*/
.shutdown_page {
    position: absolute;
    width: 700px;
    display: inline-block;
}

.shutdown_text.survey_text {
    background: #f1f1f1;

}

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

.shutdown_btn.survey_btn a {
    display: inline-block;
    background: #ff7524;
    padding: 10px 30px;
    color: #fff;
    border-radius: 5px;
    font-size: 1.02em;
    border-radius: 35px;
    font-weight: bold;
    margin: 0 3px;
}

a.red-btn {
    background: #ef5934 !important;
}


.span.captcha_hint {
    float: right;
    width: 100%;
    text-align: right;
    font-size: 0.9em;
    color: #8c8c8c;
    font-size: 0.95em;
    margin: 3px 0 0 0;
}

.mem-event-regis span.captcha_hint {
    float: right;
    width: 100%;
    text-align: left;
    font-size: 0.9em;
    /* color: #8c8c8c; */
    font-size: 0.85em;
    margin: 3px 0 0 0;
    font-weight: bold;
}

/*-總積點-*/
.total-point {
    float: left;
    width: 100%;
    margin: 0 0 7px 0;
    font-size: 1.05em;
    font-weight: bold;
}

.total-point span {
    color: #ff6a43;
}



/*-會員詳細頁評價-*/
.mem-rating .subtitle strong {
    float: left;
    background: none !important;
    font-size: 1.25em !important;
    padding: 0 0 0 10px;
    background-size: 20px;
    width: 100%;
    line-height: normal;
    border-left: 5px solid #ff6a43;
    margin: 0 0 16px 0;
}

.main-rating {
    float: left;
    width: 100%;
    margin: 0 0 15px 0;
    /* border-bottom: 1px solid #ddd; */
    padding: 5px 15px;
    background: #fff8ed;
}

ul.rating-list {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}

ul.rating-list li {
    float: left;
    width: 100%;
    border-bottom: 1px solid #ccc;
    padding-bottom: 8px;
    margin-bottom: 15px;
}

ul.rating-list li strong {
    float: left;
    width: 100%;

}


/*--*/
.signup-btn {
    float: left;
    width: 100%;
    text-align: center;
    /* border-top: 1px solid #fff; */
    position: absolute;
    bottom: 0;
    padding: 0;
    height: 50px;
}

.signup-btn a {
    display: inline-block;
    background: #ff6a43;
    font-size: 0.93rem;
    color: #fff;
    line-height: normal;
    padding: 8px 19px;
    border-radius: 35px;
    font-weight: bold;
}

/*--更多訊息--*/
a.moreInfo {
    text-decoration: underline !important;
    color: #f1603a;
}

/*--*/
.demo-pic {
    width: 100%;
    text-align: center;
}

.demo-pic img {
    width: 100%;
    max-width: 1207px;
}

.demo-bg {
    background: #f1f1f1;
    float: left;
    width: 100%;
}

.page-banner .title p {
    font-size: 1.75em;
    margin: 0;
    font-weight: bold;
}



/*-壯遊點一覽 追蹤-*/
a.spotTitle:hover {
    color: #ff6a43;
}

.spotTitle {
    width: 100%;
    font-weight: bold;
    font-size: 1.14em;
    padding: 0 30px 0 0;
}

.spotTitleWrap {
    width: 100%;
    margin: 4px 0 4px 0;
    position: relative;
}

.spotTitleWrap a {
    color: #000;
}

.spoFollow {
    background: url(../images/spoFollow.svg) 0 0 no-repeat;
    width: 22px;
    height: 21px;
    display: inline-block;
    vertical-align: middle;

    position: absolute;
    top: 5px;
    z-index: 99999;
    right: 0;
}

.spoFollow.active {
    background: url(../images/spoFollow-active.svg) 0 0 no-repeat !important;
}

/*-壯遊點一覽 搜尋-*/
.searTitle {
    float: left;
    width: 180px;
    background: #d62b00;
    color: #fff;
    font-weight: bold;
    padding: 0 18px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}

.searCont {
    float: left;
    width: calc(100% - 180px);
    padding: 17px 18px;
    background: #f6f6f6;
}

.searWrap {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1px;
}

.pageSear {
    float: left;
    width: 100%;
    margin: 0 0 40px 0;
    border-radius: 5px;
    overflow: hidden;
}

.pageSear select {
    border: 1px #d4d4d4 solid;
    padding: 7px 2% 7px 10px;
    margin: 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 5px;
    font-size: 1rem;
    max-width: 100%;
    min-width: 200px;
}

.pageSear input[type=text] {
    border: 1px #d4d4d4 solid;
    padding: 4px 12px;
    margin: 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 5px;
    font-size: 1rem;
    height: 41px;
    width: 100%;
}

.searBtn {
    float: left;
    width: 100%;
    text-align: center;
    margin: 16px 0 0 0;
}

.searBtn a {
    display: inline-block;
    background: #666;
    width: 113px;
    color: #fff;
    padding: 7px 0;
    font-size: 1rem;
    font-weight: bold;
    border-radius: 5px;
}

.searWrap:nth-last-child(2) {

    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    overflow: hidden;
}

/*--*/
.searItemWrap {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1px;
}

.searItemWrap a {
    border: 1px #d4d4d4 solid;
    padding: 8px 6px;
    text-align: center;
    width: calc(100% / 4 - 1.5%);
    background: #fff;
    border-radius: 4px;
    margin: 0 1.5% 0 0;
    font-size: 1rem;
    font-weight: bold;
    line-height: 23px;
    color: #333;
}

.searItemWrap a.active {
    background: #ff6a43;
    color: #fff;
    border-color: #ff6a43;
}

.dateInput {
    width: 165px !important;
    min-width: auto !important;
    background: url(../images/calendar.svg) 91% center no-repeat #fff;
    background-size: 22px;
    cursor: pointer;
}

/*-------活動行事曆-------*/
.lastestNews {
    display: inline-block;
    width: 100%;
    border-radius: 5px;
    overflow: hidden;
    margin: 0 0 45px 0;
}

.lastestList {
    width: 25%;
}

.lastestList3 {
    width: 56%;
}

.lastestList>a {
    width: 100%;
}

.actCont {
    line-height: normal;
    padding: 17px 20px;
    color: #fff;
}

.actCont span {
    font-size: 0.96rem;
    font-weight: bold;
    margin: 5px 0 0 0;
    display: inline-block;
}

.tagWrap {
    padding: 0 18px 14px 18px;
}

.tagWrap a {
    background: rgba(255, 255, 255, 0.2);
    color: #fff;
    font-size: 0.9rem;
    display: inline-block;
    line-height: normal;
    padding: 3px 13px 5px 13px;
    border-radius: 35px;
    margin: 0 3px 0 0;
}

.lastestList:first-child {
    background: #ff7049;

}

.lastestList:nth-child(3) {
    background: #32bac3;
}

.lastestList:nth-child(4) {
    background: #36a1d3;
}

.lastestList:nth-child(2) {
    background: #ff9249;

}

.actCont strong {
    width: 100%;
    display: inline-block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.actImg {
    width: 100%;

    overflow: hidden;
    background: #fff;
    position: relative;
    padding: 66% 0 0 0;
}

.actImg img {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
}

.lastestList3 .actImg {
    width: 100%;
    overflow: hidden;
    background: #fff;
    position: relative;
    padding: 30% 0 0 0;
}

.lastestList3 {
    background: #32bac3;
}

/*-查詢-*/
.actSear select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(../images/arr_select.png) 91% center no-repeat;
    background-size: 9px;
}

section.actSear {
    display: inline-block;
    background: #f1f1f1;
    width: 100%;
    padding: 20px;
    border-radius: 5px;
    font-size: 1.05rem;
    margin: 0 0 45px 0;
}

.actSear select {
    border: 1px #bfbfbf solid;
    margin: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px 0 0 3px;
    border-right: 0;
    width: 100%;
}

.actSear select {
    border: 0;
    margin: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 35px;
    border-right: 0;
    width: 100%;
    background-color: #fff;
    padding: 5px 20px;

}

.actSort,
.actPlace {
    width: 145px;

}

.actDate {
    width: 300px;
}

.actSear input[type=text] {
    background-color: #fff;
    padding: 5px 20px;
    border: 0;
    border-radius: 35px;
    width: 100%;
    height: 41px;
}

.actSear .actDate input[type=text] {
    background: url(../images/calendar.svg) 91% center no-repeat #fff;
    background-size: 20px;
    cursor: pointer;
    padding: 5px 20px 5px 12px;
    float: left;
    width: calc(100% / 2 - 15px);
}

.actSear .actDate label {
    margin: 0 8px;
    float: left;
}

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

}

.actKeywords,
.actSort,
.actPlace,
.actDate {
    float: left;
    margin: 0 8px 0 0;
}

.actSearBtn {
    width: 161px;
    float: left;
}

.actSearBtn a {
    background: #888;
    text-align: center;
    color: #fff;
    font-size: 0.95rem;
    border-radius: 45px;
    padding: 5px 0;
    width: calc(100% / 2 - 6px);
    float: left;
    margin: 0 3px;
}

/*-查詢結果-*/


.actList {
    display: inline-block;
    width: 100%;
}

ul.listHead,
ul.listCont {
    display: flex;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    flex-wrap: wrap;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

ul.listHead {

    background: #ff6a43;
    color: #ffffff;
    font-weight: bold;
}

ul.listHead li {
    border-right: 1px solid;
    border-color: rgba(255, 255, 255, 0.5);


}

ul.listHead li p {
    margin-bottom: 0;

}

ul.listHead li:last-child {
    border: 0;
}

ul.listHead li,
.listCont li {
    text-align: center;
    line-height: normal;
    width: 145px;
    padding: 12px 14px;
    line-height: 26px;
}

section.actListWrap {
    border-radius: 5px;
    overflow: hidden;
}

ul.listHead li:nth-child(4),
.listCont li:nth-child(4) {

    width: 200px;

}

.listCont li:nth-child(4) span,
.listCont li:nth-child(4) label {

    width: 100%;
    line-height: normal;

}


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

.hiddenn {
    display: none !important;
}

.actList:nth-child(odd) .listCont {
    background: #f5f5f6;
}

.actName a {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-bottom: 0;
}

.actName a:hover,
.spotName a:hover {
    color: #ff6a43;
}

/*-tag顏色-*/
.actTag {
    background: #ff6a43;
    text-align: center;
    color: #fff;
    font-size: 0.95rem;
    border-radius: 45px;
    padding: 6px 0;
    width: 100%;
    margin: 0 auto;
}

.followBtn {
    background: url(../images/index_favorites.svg) 0 0 no-repeat;
    width: 16px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 6px 0 0;
    display: none;
}

a.followBtn.active {
    background: url(../images/index_favorites_active.svg) 0 0 no-repeat !important;
}

.actTag.sort1 {
    background-color: #36a1d3;
}

.actTag.sort2 {
    background-color: #e16e8c;
}

.actTag.sort3 {
    background-color: #5d7eb4;
}

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

/*-日期輪播-*/

/* slider arrow
**********************************************/

.dateSliderWrap .slick-prev,
.dateSliderWrap .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 55%;
    display: block;
    width: 10px;
    height: 16px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
    cursor: pointer;
    z-index: 9;
}

.dateSliderWrap .slick-prev::before,
.dateSliderWrap .slick-next::before {
    display: none;
}

.dateSliderWrap .slick-prev {
    left: 0;
    background: url(../images/dateslider-arr1.png) 0 0 no-repeat;
    background-size: cover;
}

.dateSliderWrap .slick-next {
    right: 0;
    background: url(../images/dateslider-arr2.png) 0 0 no-repeat;
    background-size: cover;
}

/* slider arrow end 
**********************************************/
section.dateSliderWrap {
    margin-bottom: 25px;
}

.dateSlider a {
    background: #f1f1f1;
    margin: 0 15px;
    border-radius: 45px;
    font-size: 1rem;
    font-weight: bold;
    line-height: 42px;
    overflow: hidden;
}

.dateSlider a span {
    float: right;
    background: #e6e6e6;
    padding: 0 11px;
}

.dateSlider {
    padding: 0 12px;
}

.dateSlider a.active {
    background: #ff6a43;
    color: #fff;
}

.dateSlider a.active span {
    color: #fff;
    background: #e6532d;
}

input#datepicker3 {
    background: url(../images/calendar.svg) 91% center no-repeat #fff;
    background-size: 22px;
    cursor: pointer;
}

/* 活動類別頁
**********************************************/
.tagIntro,
.tagIntro strong {
    float: left;
    width: 100%;
    text-align: center;
}

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

.tagIntroFollow {
    float: left;
    width: 100%;
    margin: 19px 0 0 0;
}

.tagIntroFollow a {
    display: inline-block;

    font-size: 0.93rem;
    color: #fff;
    line-height: normal;
    padding: 11px 21px 11px 40px;
    border-radius: 35px;
    background: url(../images/index_favorites.svg) 17px center no-repeat;
    background-color: #ff6a43;
    background-size: 16px;
}

.tagIntroFollow a.active {

    background-image: url(../images/index_favorites_active.svg) !important;
}

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

.tagIntroIcon {
    width: 100%;
    display: inline-block;
    margin: 0 0 25px 0;
}

.tagIntroIcon img {
    width: 200px;

}

/* 會員專區-我的追蹤
**********************************************/


.col3Tb {
    display: inline-block;
    width: 100%;
}

ul.col3Thead,
ul.col3Tcont {
    display: flex;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    flex-wrap: wrap;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

ul.col3Thead {

    background: #ff6a43;
    color: #ffffff;
    font-weight: bold;
}

ul.col3Thead li {
    border-right: 1px solid;
    border-color: rgba(255, 255, 255, 0.5);
    padding: 12px 15px;

}

ul.col3Thead li p {
    margin-bottom: 0;

}

ul.col3Thead li:last-child {
    border: 0;
}

ul.col3Thead li,
.col3Tcont li {
    text-align: center;
    line-height: normal;
    width: 242px;
    padding: 9px 20px;
    line-height: 30px;
}




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

}


.col3Tb:nth-child(odd) .col3Tcont {
    background: #f5f5f6;
}

a.tbBtn {
    background: #989898;
    text-align: center;
    color: #fff;
    font-size: 0.9rem;
    border-radius: 45px;
    padding: 3px 0;
    width: 90px;
    display: inline-block;
    margin: 0 3px;
    font-weight: bold;
}

a.tbBtn.myFollowBtn {
    text-align: right;
    color: #fff;
    /* font-size: 0.95rem; */
    margin: 0 auto;
    background: url(../images/index_favorites.svg) 19px center no-repeat;
    background-color: #989898 !important;
    background-size: 14px 14px !important;
    text-decoration: none !important;
    padding: 3px 23px 3px 0;
}

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

a.goBtn {
    background: #f78649;
}

.myFollow strong {
    font-size: 1.25rem;
    color: #333333;
    width: 100%;
    margin: 0 0 14px 0;
    display: inline-block;
    position: relative;
}

.myFollow strong::before {
    content: "";
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #ff6a43;
    vertical-align: middle;
    margin: 0 9px 0 0;
}

section.myFollow {
    display: inline-block;
    width: 100%;
    margin-bottom: 15px;
}

/*-col4-*/
ul.col4Thead,
ul.col4Tcont {
    display: flex;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    flex-wrap: wrap;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.actFollowTabCont {
    float: left;
    width: 100%;
    display: none;
}

.actFollowTab {
    float: left;
    width: 100%;
    margin: 0 0 15px 0;
}

.actFollowTab a.active {
    background: #ff6a43;
    color: #fff;
}

.actFollowTab a {
    display: inline-block;
    background: #f4f4f4;
    font-size: 1rem;
    font-weight: bold;
    padding: 2px 0;
    border-radius: 30px;
    width: 82px;
    text-align: center;
    margin: 0 4px 0 0;
}

ul.col4Thead {

    background: #ff6a43;
    color: #ffffff;
    font-weight: bold;
}

ul.col4Thead li {
    border-right: 1px solid;
    border-color: rgba(255, 255, 255, 0.5);
    padding: 12px 15px;
    font-weight: normal;

}

ul.col4Thead li p {
    margin-bottom: 0;

}

ul.col4Thead li:last-child {
    border: 0;
}

ul.col4Thead li,
.col4Tcont li {
    text-align: center;
    line-height: normal;
    width: 235px;
    padding: 9px 14px;
    line-height: 30px;
}



.col4Tcont li {
    padding: 9px 8px;
}

ul.col4Thead li:first-child,
.col4Tcont li:first-child {
    width: calc(100% - 470px);
    text-align: left;
    padding: 9px 20px;
}


.col4Tb:nth-child(odd) .col4Tcont {
    background: #f5f5f6;
}

a.col4Act:hover {
    color: #ff6a43;
}

/* 團報
**********************************************/




.memeberTb th,
.memeberTb td {
    padding: 10px 2.5% !important;
    font-size: 1.05rem;
}

.memeberTb .tb {
    width: 100%;
    float: left;
    margin: 0 0 40px 0;
    text-align: left;
    background: #fbfbfb;
    border-radius: 5px;
    overflow: hidden;
}

.memeberTb th {
    background: #f4f4f4 !important;

    width: 158px !important;
}

.memeberTb select {

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

.memeberTb tr:first-child {
    border-top: 0;
}


.addMember a {

    width: 130px;
    background: #ff6a43;
    padding: 5px 10px;
    text-align: center;
    color: #fff;
    border-radius: 4px;
    margin: 0 auto;
    display: block;
    font-weight: bold;
    font-size: 1rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}



/* .addMember {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    position: relative;
    background: #f4f4f4;
    padding: 5px 20px;
    margin-bottom: 18px;
    border-radius: 3px;
} */

.addMember {
    width: 100%;
    display: inline-block;
    height: 40px;
    vertical-align: top;
    position: relative;
}

/* .groupMemberTd a {
    color: #ff7b47;
    text-decoration: underline !important;
} */


td.groupMemberTd {
    min-height: 72px;
}

.memberTitle {
    font-size: 1.15rem;
    float: left;
    color: #676767;
    margin: 0 0 18px 0;
    width: 100%;
    text-align: left;
    padding: 0 0 8px 0px;
    font-weight: bold;
    position: relative;
    cursor: pointer;
    border-bottom: 1px solid #f7dbd3;
    position: relative;
}

.memberTitle .dot {
    height: 7px;
    width: 7px;
    background-color: #D62B00;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    margin: 0 8px 3px 0px;
}

.tb .radioBtn label {
    margin: 0 9px 0 4px;
}

.memeberTb {
    float: left;
    width: 100%;
}

.memberTitle::before {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    top: 42%;
    right: 0;
    transform: translateY(-50%);
    color: #fff;
    text-align: center;
    line-height: 16px;
    background: url(../images/gmemArr1.svg) 0 0 no-repeat;
    background-size: 12px 12px;

}

a.deleteMember {
    position: absolute;
    right: 0;
    top: 4px;
    background: #D62B00;
    color: #fff;
    font-size: 0.7rem;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    border-radius: 2px;
}

.memberTitle.form-title-open::before {
    background: url(../images/gmemArr2.svg) 0 0 no-repeat;
}


.memeberTb .dateinput {
    background: url(../images/calendar.svg) 92% center no-repeat #fff !important;
    background-size: 22px 22px !important;
}

input.textfield.longInput {
    width: 100% !important;
}


/* 計畫資料上傳
**********************************************/
.input-list input[type="radio"],
.input-list input[type="checkbox"] {
    margin-right: 3px;
}

.input-list label {
    margin-right: 12px;
}

.tb .plan-result-statistics input[type=text],
.tb .plan-fund1 input[type=text] {
    width: 72px !important;
    margin: 7px 5px;
}

.tb .total-fund input[type=text] {
    margin: 0 5px;
    width: auto !important;
}

.tb th label>a {
    color: #D62B00 !important;
    font-size: 1rem;
    font-weight: bold;
    text-decoration: underline !important;
}

.plan-fund2 table {
    width: 100%;
    table-layout: fixed;
    border: 1px solid #e8e8e8;
}

.plan-fund2 table tr:first-child td {
    background: #f4f4f4;
    padding: 10px 20px;
}

.total-fund {
    margin: 0 0 20px 0;
}


.other-unit input[type=text] {
    width: calc(100% - 100px);
}

.other-unit label {
    margin-bottom: 5px;
    width: 88px;
    float: left;
}

.tb .subsidy-amount input[type=text] {
    width: 72px !important;
    margin: 7px 5px;
}

ul.plan-benefit {
    margin: 0;
    padding: 0;
}

ul.plan-benefit li {
    float: left;
}

ul.plan-benefit li label {
    margin: 0;
}

ul.plan-benefit li input[type=text] {
    margin: 0 5px;
}

ul.plan-benefit li.benefit1 input[type=text] {
    width: 72px !important;
}

li.benefit-remind {
    width: 100% !important;
    margin: 8px 0 0 0;
}

/*內頁行事曆
-----------------------------------------------------*/
.widget-box-cal {
    width: 68%;
    border-radius: 5px;
}

.widget-box-cal .widget-box-content {
    background: #fff;
    height: 100%;
}

.widget-box-cal .clndr-wrap {
    width: 100%;
    height: 100%;
}

.widget-box-cal .clndr .clndr-controls {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    width: 100%;
    position: relative;
    padding: 10px 0;
    margin: 0;
    background: #755ba3;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3) !important;
}

.widget-box-cal .clndr-controls .month {
    margin: 0 15px;
    font-size: 1.1rem;
    font-weight: bold;
}

.widget-box-cal .clndr-controls a {
    color: #fff;
    font-size: 0.7rem;
}

.widget-box-cal .clndr {
    height: 100%;
}

.widget-box-cal .clndr-table {
    width: 100%;
    height: calc(100% - 44px);
}

.widget-box-cal .clndr-table th {
    color: #fff;
    border-right: 1px solid rgba(255, 255, 255, 0.3) !important;
}

.widget-box-cal .clndr-table tbody th {
    border-top: 0 !important;
}

.widget-box-cal .clndr-table tbody tr:first-child td {
    border-top: 0;
}

.widget-box-cal .clndr-table td {
    border-right: 1px solid #bebebe !important;
}

.widget-box-cal table.clndr-table.top-th th {
    font-size: 1.625rem;
    padding: 42px 0 !important;
    background: #f1664f;
    text-align: center;
}

.widget-box-cal .clndr-table td {
    border-bottom: 1px solid #bebebe !important;
}

/* 
.widget-box-cal .clndr-table th:first-child,
.widget-box-cal .clndr-table td:first-child {
   border-left: 1px solid #bebebe !important; 
}
*/

.widget-box-cal .clndr-table tr .day {
    padding: 42px 0 !important;
    vertical-align: top;
    position: relative;
    background-color: #ffffff;
}

.widget-box-cal .clndr-table tr .day .day-contents {
    font-size: 1.625rem;
    line-height: 1;
    font-weight: bold;
    text-align: center;
}

.widget-box-cal .clndr .icon-group {
    position: absolute;
    right: 10px;
    bottom: 10px;
    display: flex;
    justify-content: right;
}

.widget-box-cal .clndr .icon {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin-left: 5px;
}

.widget-box-cal .clndr .icon--a {
    background: #ff966e;
}

.widget-box-cal .clndr .icon--b {
    background: #4abcff;
}

.widget-box-cal .clndr .icon--c {
    background: #34b35e;
}

.tooltip {
    position: absolute;
    left: -77px;
    top: -95px;
    z-index: 5;
    display: none;
}

.widget-box-header {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #575069;
    margin-right: 30px;
}

.widget-box-header i {
    font-size: 2.5rem;
    color: #575069;
}

.date-title {
    display: inline-block;
    text-align: center;
    width: 80%;
    color: #575069;
}

.date-title p {
    text-align: center;
    font-size: 2.5rem;
    color: #575069;
    font-weight: 700;
    width: 100%;
    display: block;
    overflow: hidden;
    line-height: 1em;
}

/*內頁行事曆 end
-----------------------------------------------------*/


/*內頁月曆活動 
-----------------------------------------------------*/
.widget-group {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
}

.widget-box-news {
    width: 32%;
    padding: 30px 0 30px 30px;
    border: 1px solid #bebebe;
}

.scroll-cont {
    overflow: hidden;
    overflow-y: scroll;
    height: 457px;
    margin-right: 10px;
}

.widget-box-news {
    min-height: 360px;
}

.widget-box-news-list.list {
    padding: 0 45px;
}

.widget-box-news .index-title {
    color: #575069;
    position: relative;
    padding: 0px 0px 15px;
    font-size: 5rem;
    background-color: initial;
    font-weight: 700;
    display: block;
    overflow: hidden;
    line-height: 1em;
}

.widget-box-news .index-title::after {
    content: "";
    display: block;
    position: absolute;
    width: 57px;
    height: 2px;
    left: 0;
    background: #fff;
    bottom: -15px;
    display: none;
}

.activity-list {
    padding-inline-start: 0px;
}

.activity-list li {
    display: inline-block;
    width: calc(100% - 12px);
    margin: 2px 20px 2px 0;
    background: #f1f1f1;
    border-radius: 10px;
    overflow: hidden;
}

.activity-list li {
    display: flex;
}

.activity-list li:nth-child(2n) {
    margin: 10px 0px 10px 0;
}

.activity-list li .a-cont {
    float: left;
    width: 100%;
    background: transparent;
    padding: 10px 14px;
}

.activity-list li .a-cont .theme {
    display: flex;
}

.activity-list li .a-cont .theme a.theme-title {
    width: 80%;
    margin-right: 5px;
}

.activity-list li .a-cont .theme .btn {
    padding: 0;
}

.activity-list li .a-cont .theme p {
    font-weight: bold;
    font-size: 0.938em;
    margin: 5px 0 5px 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 40px;
    line-height: 1.313rem;
}

.activity-list li .info {
    line-height: 1.313rem;
}

.activity-list li .info p {
    margin-bottom: 0px;
}

.custom-bar::-webkit-scrollbar {
    width: 10px;
}

.custom-bar::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 1px rgb(0 0 0 / 20%);
    background: #cbcbcb;
}

.custom-bar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 1px rgb(0 0 0 / 20%);
    border-radius: 10px;
    background: #f2f2f2;
}

/*內頁月曆活動 end
-----------------------------------------------------*/

/*青年體驗學習計畫
-----------------------------------------------------*/
.plan-page .pagecont {
    margin: 40px 0;
}

ul.plan-tab,
.trainee-tab {
    width: 100%;
    margin: 0px auto 45px auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0;
}

.trainee-tab {
    display: none;
}

ul.plan-tab li,
.trainee-tab li {
    display: flex;
    margin: 0 6px;
    width: calc(100% / 4 - 16px);
    text-align: center;
    font-size: 1.2em;
    position: relative;
    cursor: pointer;
    align-items: center;
    padding: 15px 15px;
    justify-content: center;
    background: #eeeeee;
    border-radius: 5px;
    line-height: 1.2;
    position: relative;
}

ul.plan-tab li{
    border: 0;
    padding:0;
}

ul.plan-tab button{
    width: 100%;
    padding: 15px;
    border: 0;
    border-radius: 5px;
}

ul.plan-tab li.active,
ul.plan-tab button.active,
ul.plan-tab li.active a,
.trainee-tab li.active,
.trainee-tab li.active a {
    color: #000 !important;
    background: #ffd1bf !important;
}

.plan-cont,
.trainee-cont {
    float: left;
    width: 100%;
    border-radius: 12px;
}

.trainee-cont{
    display: none;
}

.text-title {
    display: inline-block;
    width: 100%;
    margin: 0 0 24px 0;
    padding: 0 0 0 16px;
    position: relative;
    font-size: 1.3em;
    font-weight: 700;
}

.text-title::before {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    background: #ff7166;
    border-radius: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.link,
.download {
    margin-bottom: 30px;
}

.link,
.download,
.video {
    display: inline-block;
    width: 100%;
    padding: 30px;
    background: #fffde8;
}

.link ul,
.download ul,
.video ul {
    padding-inline-start: 0px;
    margin-block-end: 28px;
}

.link ul li,
.download ul li {
    border-bottom: 1px dashed #949494;
    padding: 10px 10px;
    margin: 0 0 8px 0;
    line-height: 1.5;
    font-size: 1rem;
}

.video ul li {
    display: inline-block;
    width: calc(100% / 3 - 18px);
    margin-right: 20px;
}

.video ul li:last-child {
    margin-right: 0px;
}

.link ul li i {
    margin-right: 10px;
}

.plan-infor {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px;
    width: 100%;
}

.plan-page .page-banner {
    background: #f7dfd6;
}

.plan-infor .infor {
    text-align: justify;
}

.infor a {
    color: #D62B00;
    text-decoration: underline !important;
}

.index-1 .infor a {
    color: #0b90cd;
    text-decoration: underline !important;
}

.infor p {
    font-size: 1.25rem;
    font-weight: 600;
}

.infor p.indent {
    text-indent: 2em;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.75rem;
}

.download .type,
.link .type {
    width: 26px;
    margin-right: 5px;
    align-self: end;
    margin-top: 2px;
}

.link-sear {
    margin: 10px 0;
    padding: 10px;
    background: #fffde8;
}

.link-sear select,
.download-sear select {
    width: 30%;
    border: 0px;
    margin-right: 5px;
}

.link-sear input,
.download-sear input {
    width: 65%;
    border: 0px;
}

.link-sear .search-btn,
.download-sear .search-btn {
    padding: 0px 9px 5px;
    margin-left: 5px;
}

.download-sear {
    margin: 0 0 10px 0;
    padding: 10px;
    background: #fffde8;
}

h4.category-title,
.index-1 h4.category-title {
    font-size: 1.12em;
    font-weight: 700;
    margin: 0 0 10px 0px;
    padding: 9px 16px;
    display: inline-block;
    width: 100%;
}

h4.category-title {
    background: #fff9b6;
}

.index-1 h4.category-title {
    color: #fff;
    background: #55b580;
}

.young_story img {
    display: block;
    width: 100%;
}

/*青年體驗學習計畫 end
-----------------------------------------------------*/

/*青年壯遊點 
-----------------------------------------------------*/
.hastag-list {
    font-size: 0.875rem;
    padding: 0 30px;
}

.hastag-list a {
    display: inline-block;
    color: #ffffff;
    line-height: 1.5;
    margin-right: 10px;
    background: #13b4ff;
    border-radius: 150px;
    padding: 2px 12px;
}

a.more-btn {
    padding: 5px 0;
    font-size: 0.938rem;
    background: #0C8992;
}

.top-info p {
    font-size: 1rem;
    line-height: 1.5rem;
}

/*青年壯遊點 end
-----------------------------------------------------*/

/*壯遊點社區見習 
-----------------------------------------------------*/
.trainee-page .pagecont {
    margin: 40px 0;
}

.decimal-list {
    list-style: decimal;
    padding-inline-start: 58px;
    margin: 0 0 28px 0;
}

.decimal-list li {
    padding: 5px 0;
    line-height: 1.5rem;
}

.trainee-list p {
    margin-bottom: 0.5rem;
}

.trainee-list li .indent {
    text-indent: 2.25em;
    font-size: 1.125rem;
}

.sear-wrap .birth {
    width: calc(100% / 3);
}

.birth input[type=text] {
    width: calc(100% / 2 - 30px) !important;
    font-size: 0.938em;
    background: url(../images/calendar.svg) 92% center no-repeat #fff;
    background-size: 15px 15px;
    cursor: pointer;
    height: 35px;
}

.sear-wrap {
    display: flex;
    align-items: center;
}

.sear-wrap span {
    margin-right: 10px;
}

.sear-wrap select,
.sear-wrap input {
    margin-right: 15px;
    border: 0px;
    width: 50%;
}

.sear-wrap select {
    width: 16%;
}

.sear-wrap input {
    width: 28%;
}

.birth input[type=text]:first-child {
    margin-right: 5px;
}

.trainee-infor .sear-wrap {
    background: #fff2e1;
    padding: 8px 20px;
}

.trainee-infor a.search-btn {
    padding: 0px 9px 6px;
}

.trainee-odds-list {
    padding-inline-start: 0px;
    display: flex;
    flex-wrap: wrap;
}

.trainee-odds-list li {
    width: calc(100% / 3 - 17px);
    display: inline-block;
    margin: 24px 20px 0px 0;
    background: #fff2e1;
    padding: 20px 30px;
    border-radius: 8px;
}

.trainee-odds-list li:nth-child(3n) {
    margin-right: 0px;
}

.trainee-odds-list .title-cont {
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #333;
    font-size: 1.375rem;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.trainee-odds-list .title-cont strong {
    float: left;
}

.trainee-odds-list .title-cont span.place {
    float: right;
    color: #cf3100;
    font-weight: 600;
    font-size: 0.938rem;
}

.trainee-odds-list li p {
    margin-bottom: 0;
    font-size: 1rem;
    line-height: 1.625rem;
}

.trainee-odds-list li .btn-wrap {
    float: left;
    width: 100%;
    text-align: center;
    margin: 14px 0 8px;
}

a.join-btn {
    text-align: center;
    padding: 5px 20px;
    background: #e97b5d;
    display: inline-block;
    margin: 0 auto;
    border-radius: 33px;
    width: auto;
    font-size: 0.938rem;
    font-weight: 700;
}

.trainee-infor .more-wrap a {
    background: #fff2e1;
    width: auto;
    display: inline-block;
    margin: 0 auto;
    border-radius: 5px;
}

.trainee-infor {
    margin: 40px 0;
    display: inline-block;
    overflow: hidden;
    width: 100%;
}

.intern-sear-wrap {
    flex-wrap: wrap;
}

.intern-sear-wrap>div {
    display: flex;
    flex-wrap: wrap;
    margin: 3px 0;
    align-items: center;
}

.intern-sear-wrap .location,
.intern-sear-wrap .date,
.intern-sear-wrap .identity {
    margin-right: 0;
}

.intern-sear-wrap .keyword {
    float: none;
    width: 90%;
}

.intern-sear-wrap .date-wrap {
    display: flex;
    align-items: center;
    float: none;
    width: auto;
    margin-right: 0;
    border-right: 0;
    padding-right: 0;
}

.intern-sear-wrap select {
    width: auto;
}

.intern-sear-wrap .date-wrap input[type=text] {
    float: none;
    width: auto !important;
    font-size: 1em;
    margin-right: 0;
}

.intern-sear-wrap .date-wrap span {
    width: 37px;
    margin-right: 0;
    float: none;
    text-align: center;
    line-height: 36px;
    font-weight: bold;
    font-size: 1.063em;
}

/*step1
-----------------------------------------------------*/

.step-list {
    width: 60%;
    margin: 0 auto;
    padding-inline-start: 0;
}

.step-list li {
    display: inline-block;
    width: calc(100% / 3 - 5px);
    text-align: center;
    position: relative;
}

.step-list li span {
    position: relative;
    z-index: 2;
    padding: 8px 19px;
    background: #ccc;
    border-radius: 50%;
    margin-bottom: 10px;
    display: inline-block;
    font-size: 0.875rem;
}

.step-list li::before {
    content: "";
    position: absolute;
    top: 18%;
    right: 144px;
    width: 252px;
    height: 10px;
    background: #ccc;
    z-index: 0;
}

.step-list li.active span {
    background: #fa662d;
    color: #fff;
}

.step-list li:first-child::before {
    display: none;
}

.step-list li.active::before {
    background: #fa662d;
}

.orange {
    color: #D62B00;
}

.page.trainee-page-1 {
    background: #f2f2f2;
    display: inline-block;
    width: 100%;
}

.step-1,
.step-2,
.step-3 {
    margin: 40px auto 100px;
}

.step-1 .cont {
    background: #fff;
    display: inline-block;
    width: 100%;
    margin-bottom: 34px;
    border-radius: 10px;
    padding: 20px 30px;
}

.step-1 .main-infor {
    background: #fff;
    display: flex;
    width: 100%;
    margin-bottom: 34px;
    border-radius: 10px;
    padding: 0;
    overflow: hidden;
    align-items: center;
}

.step-1 .main-infor .cont {
    margin-bottom: 0px;
}

.third-title {
    margin-bottom: 15px;
}

.third-title h2 {
    font-size: 1.5rem;
    text-align: left;
    font-weight: 600;
    position: relative;
    padding: 0 30px;
}

.third-title h2::before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    background: #ff3100;
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
}

.list-cont {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-inline-start: 0px;
}

.list-cont>li {
    width: calc(100% / 2 - 30px);
}

.step-1 .cont strong {
    font-size: 1.5rem;
    color: #4c4c4c;
    margin-bottom: 15px;
    display: inline-block;
}

.step-1 .cont p {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 4px;
}

.cont .decimal-list {
    padding-inline-start: 0px;
    list-style-position: inside;
    font-size: 1rem;
    font-weight: 400;
}

.step-1 .cont .btn-wrap {
    text-align: left;
    margin: 15px 0 0 0;
}

.step-1 .infor .btn-wrap a {
    color: #fff;
    text-decoration: none !important;
    font-size: 0.938rem;
}

.step-1 .infor .btn-wrap a.join-btn {
    width: auto;
    padding: 7px 38px;
    background: #D62B00;
    border-radius: 6px;
}

.step-1 .infor .btn-wrap a.track-btn {
    background: #ffad43;
    width: auto;
    padding: 7px 20px;
    border-radius: 6px;
}

.step-1 .row .infor .cont {
    /* height: 340px; */
    height: calc(100% - 100px);
}

.send_btn {
    background: #ffad43;
    display: inline-block;
    margin: 0 10px;
    width: 120px;
    height: 39px;
    border: none;
    color: #FFF;
    font-size: 0.95em;
    cursor: pointer;
    border-radius: 3px;
}

/*step3
-----------------------------------------------------*/

.finish-cont {
    float: left;
    width: 100%;
    background: #fff;
    padding: 35px 50px;
    margin-top: 40px;
}

.finish-pic {
    text-align: center;
    margin-bottom: 26px;
}

.finish-cont .cont {
    width: 90%;
    margin: 0 auto 40px;
}

.finish-cont .cont strong {
    font-size: 2.5rem;
    margin-bottom: 40px;
    display: inline-block;
    width: 100%;
    color: #333;
}

.finish-cont .cont p {
    font-weight: 700;
    margin-bottom: 0;
    color: #333;
    font-size: 1.125rem;
}

.plan-infor .infor .trainee-list {
    padding-inline-start: 0px;
}

.infor .cont .list .type {
    width: 30px;
}

.intern .step-1 .ct {
    margin: 0;
    padding: 0;
}

.intern .step-1 .cont p {
    font-weight: 400;
}

.intern .decimal-list .item,
.intern .step-1 .cont p .item,
.intern .list-cont>li p .item {
    font-weight: 600;
}

.decimal-list li .chkbox,
.intern .step-1 .cont p .chkbox {
    margin-right: 5px;
    font-size: 160%;
}

/*壯遊點社區見習 end
-----------------------------------------------------*/

.page.download {
    padding: 0;
    background: transparent;
}

.photo {
    max-width: 66%;
    padding: 30px;
}

.photo img {
    width: 100%;
    display: block;
}


/*版型1 
-----------------------------------------------------*/
.index-1 .about-link {
    background: #43e5ff;
}

.index-1 ul.plan-tab li.active,
.index-1 ul.plan-tab li.active a,
.index-1 .trainee-tab li.active,
.index-1 .trainee-tab li.active a {
    background: #91ebb9 !important;
}

.index-1 .link,
.index-1 .download,
.index-1 .video {
    background: #dff3f1;
}

.index-1 .page.download {
    background: #fff;
}


/*版型1 end
-----------------------------------------------------*/

/*版型2 
-----------------------------------------------------*/
.index-1 .about-link {
    background: #43e5ff;
}

.index-2 ul.plan-tab li.active,
.index-2 ul.plan-tab li.active a,
.index-2 .trainee-tab li.active,
.index-2 .trainee-tab li.active a {
    background: #bfd9ff !important;
}

.index-2 .link,
.index-2 .download,
.index-2 .video {
    background: #e1fcff;
}

.index-2 .trainee-infor .sear-wrap {
    background: #e1fcff;
}

.index-2 .text-title::before {
    background: #2676bf;
}

.index-2 .pagination a.current {
    background: #2676bf;
}

.index-2 .page.download {
    background: #fff;
}

.index-2 .filename,
.index-2 .filesort {
    background: #37aee2;
}

.index-2 .dl-tcont:nth-child(odd) {
    background: #ebfdff;
}

.index-2 .page-article a {
    color: #37aee2;
}

.index-2 .sm-title {
    background: #37aee2;
}

.index-2 .sitemap-box ul li a:hover {
    color: #37aee2;
}

/*版型2 end
-----------------------------------------------------*/

/*版型3 
-----------------------------------------------------*/
.index-1 .about-link {
    background: #43e5ff;
}

.index-3 ul.plan-tab li.active,
.index-3 ul.plan-tab li.active a,
.index-3 .trainee-tab li.active,
.index-3 .trainee-tab li.active a {
    background: #bfffc7 !important;
}

.index-3 .link,
.index-3 .download,
.index-3 .video {
    background: #f4ffe1;
}

.index-3 .trainee-infor .sear-wrap {
    background: #f4ffe1;
}

.index-3 .text-title::before {
    background: #639600;
}

.index-3 .pagination a.current {
    background: #639600;
}

.index-3 .subtitle strong {
    background: url('../images/page-title-cirlce-3.svg') 0 12px no-repeat;
    background-size: 18px;
}

.index-3 .searTitle {
    background: #76cb00;
}

.index-3 .page.download {
    background: #fff;
}

.index-3 .filename,
.index-3 .filesort {
    background: #76cb00;
}

.index-3 .dl-tcont:nth-child(odd) {
    background: #f4ffe1;
}

.index-3 .page-article a {
    color: #76cb00;
}

.index-3 .sm-title {
    background: #76cb00;
}

.index-3 .sitemap-box ul li a:hover {
    color: #76cb00;
}

/*版型3 end
-----------------------------------------------------*/


.attached-list li {
    padding: 10px 0;
}

.upload {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: center;
    justify-content: flex-start;
    margin: 5px 0 10px 0;
}

.upload input[type=file] {
    width: calc(100% - 200px);
    margin: 0;
}

.upload .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--color7-0);
    color: #fff;
    margin: 2px 5px;
}

.upload-list {
    list-style: disc;
    width: 100%;
    padding: 0;
    margin: 0;
}

.upload-list li {
    display: flex;
    position: relative;
    width: 100%;
    padding: 15px 0 15px 25px;
    margin: 0;
}

.upload-list li a {
    text-decoration: underline !important;
    color: #0b90cd;
    margin: 1px 0;
}

.upload-list li .btn {
    padding: 3px 8px;
    margin: 2px 15px;
    height: 32px;
    text-decoration: none !important;
}

.upload-list li::before {
    content: "";
    display: block;
    position: absolute;
    left: 8px;
    top: 29px;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background-color: #333;
}