/*-首頁-*/
.subnet-cont .subtitle strong {
    word-break: break-word;
}

section.wrap.subnet {
    background: #fff;
    float: left;
    width: 100%;
}

ol.number-list {
    list-style: decimal;
    padding-inline-start: 20px;
}

.ts-info .title {
    font-size: 1.25rem;
    text-align: left;
    font-weight: 600;
    position: relative;
    padding: 0 15px;
}

.ts-info .title::before {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    background: #ff7166;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.ts-info-list {
    padding-inline-start: 0;
}

.ts-info-list li {
    display: inline-block;
    width: calc(100% / 2 - 8px);
    vertical-align: top;
}

.ts-info-list li:nth-child(2n) {
    margin-left: 10px;
}

.ts-info-list li.ts-infor:nth-child(2n) {
    margin-left: 0px;
}

.ts-info-list li.ts-infor {
    width: 100%;
}

.ts-info-list li .cont {
    display: inline-block;
    width: 100%;
    background: #eeeeee;
    margin: 0 0 20px;
    padding: 10px 20px;
    text-align: justify;
}

.en .ts-info-list li .cont {
    text-align: inherit;
}

.ts-info-list li .cont p {
    margin-bottom: 0;
}

.ts-info-list li.ts-infor .cont p {
    margin-bottom: 0.875rem !important;
}

.pic-cont {
    display: inline-block;
    width: calc(100% / 2 - 8px);
    vertical-align: top;
    text-align: center;
}

.pic-cont img {
    margin-bottom: 10px;
    max-width: 100%;
}

.pic-cont p {
    text-align: left;

}

.ts-info-list li .cont div.pic-cont:nth-child(2n) {
    margin-right: 10px;
}

.ser-cont .select-wrap {
    padding: 10px 20px;
    display: flex;
    width: 100%;
    background: #f6f6f6;
    align-items: center;
}

.select-wrap input[type="text"] {
    width: 50%;
    margin: 0 10px;
    border: 0px;
}

.select-wrap a.search-btn {
    padding: 1px 10px;
    width: auto;
}

/*-側選單-*/

.page-side {
    float: left;
    width: 21%;
}

.page-side .unit-title {
    display: block;
    position: relative;
    color: #fff;
    text-align: left;
    font-size: 1.625em;
    margin: 0;
    padding: 20px;
    background: #ff6a43;
    width: 100%;
    word-break: break-word;
    font-weight: 600;
}

.page-side-pic {
    width: 100%;
}

.page-side-pic img {
    width: 100%;
    border: 3px solid #ff6a43;
}

.side-nav {
    padding: 0px;
    margin: 0;
}

.subnet .side-nav li {
    background: #eeeeee;
    line-height: 30px;
    margin-top: 1px;
    /* border-top: 1px #c0bdb3 solid; */
}

.side-nav li.active {
    background: #fccfbd;
}

.side-nav li a {
    display: block;
    padding: 18px;
    color: #111;
    font-size: 1.125em;
    word-break: initial;
    font-weight: 700;
}

.sub-side-nav li {
    background: #eee !important;
}

.sub-side-nav {
    display: block;
    /* width: 100%; */
    margin: 0;
    padding: 0;
}

.side-nav li:first-child {
    border-top: none;
}

.sub-side-nav li a {
    font-weight: normal !important;
    color: #666 !important;
    background: none !important;
    font-size: 1.125em;
    display: block;
    padding: 18px 15px 18px 15px;
}


/*-內頁右側-*/

.page-content-section {
    float: right;
}

.sub-unit-title {
    width: 100%;
    border-bottom: 5px solid #e8e8e8;
    overflow: hidden;
    /* margin: 25px 0 10px 0; */
    position: relative;
    padding-bottom: 15px;
    display: none;
}

section.page-main {
    float: right;
    width: 72%;
}

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

section.subnet-cont {
    float: left;
    width: 100%;
    margin: 50px 0 65px 0;
}


/*-info-*/

.ts-info {
    float: left;
    width: 100%;
    word-wrap: break-word;
    word-break: break-all;
}

.ts-info tr th {
    background: #fff0df;
    line-height: normal;
    font-weight: normal;
    width: 22%;
}

.ts-info tr {
    border-top: 1px solid #f5e1cb;
}

.ts-info tr:first-child {
    border-top: none;
}

.ts-info tr td {
    background: #fff6ec;
}

.ts-info tr td p {
    line-height: 29px;
    margin: 0 0 6px 0;
}

.ts-info tr th,
.ts-info tr td {
    vertical-align: middle;
    padding: 12px 2%;
    word-break: break-word;
    vertical-align: top;
    line-height: 25px;
}


/*-照片集錦-*/


/*-照片集錦-原網css-*/

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

ul.pictureList li {
    float: left;
    width: 21%;
    margin: 0 2% 30px 2%;
    text-align: center;
}

ul.pictureList li img {
    width: 165px;
    border: 1px solid #e1e1e1;
    padding: 5px;
    height: 165px;
}

ul.pictureList li p {
    width: 100%;
    margin: 15px 0 0 0;
    line-height: 26px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 51px;
}

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

.page-article2 img {
    width: 100% !important;
    max-width: 480px !important;
    height: calc(480 * 30%) !important;
    display: block;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    object-position: center;
}

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

ul.photo-gallery {
    float: left;
    width: 100%;
}

ul.photo-gallery li {
    float: left;
    width: 21%;
    margin: 0 2% 30px 2%;
    text-align: center;
}

ul.photo-gallery li img {
    width: 165px;
    border: 1px solid #e1e1e1;
    padding: 5px;
    height: 165px;
}

ul.photo-gallery li p {
    width: 100%;
    margin: 15px 0 0 0;
    line-height: 26px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 51px;
}

.subnet .subtitle {
    float: left;
    width: 100%;
    margin: 0 0 25px 0;
    position: relative;
    padding-right: 142px;
}


/*-子網麵包屑-*/

.subnet .crumb {
    position: inherit;
}

.twspot-web-unit-wrap {
    display: none;
}

/*-相關檔案/連結-*/
.page-att {
    float: left;
    width: 100%;
    margin: 30px 0 0 0;
}

.page-att-title {
    float: left;
    width: 100%;
    background: #ffad43;
    color: #fff;
    padding: 7px 15px;
    font-size: 1.063em;
}

.page-att-content {
    float: left;
    width: 100%;
    padding: 15px;
    background: #ffefda;
}

.page-att-content li {
    display: inline-block;
    width: 21%;
    vertical-align: top;
    /* max-height: 201px; */
    margin: 5px 1.5% 15px 1.5%;
    overflow: hidden;
}

.page-att-content img {
    margin: 0 auto;
    width: 175px;
    display: block;
    height: 131px;
}

.page-att-content li p {
    width: 90%;
    margin: 5px auto 0 auto;
    text-align: left;
    font-size: 0.912em;
    font-weight: bold;
}

.page-att-content.att-file li {
    width: 100%;
}

.page-att-content.att-file li img {
    margin: -3px 0 0 0;
    width: 30px;
    height: 30px;
}

/*-相關活動-*/
.related-event {
    float: left;
    width: 100%;
}

.related-event-title {
    float: left;
    width: 100%;
    background: #ffad43;
    color: #fff;
    padding: 7px 15px;
    font-size: 1.063em;
}

.related-event-title a {
    color: #fff;
    text-decoration: none !important;
    font-weight: bold;
    float: right;
}

.related-event-thead {
    float: left;
    width: 100%;
    background: #ffe1ba;
    padding: 4px 15px;
}

.related-event-status,
.related-event-status-cont {
    float: left;
    width: 15%;
    line-height: 1.2;
}

.related-event-date,
.related-event-date-cont {
    float: left;
    width: 35%;
    line-height: 1.2;
}

.related-event-name,
.related-event-name-cont {
    float: left;
    width: 50%;
    line-height: 1.2;
    padding-right: 25px;
}

.related-event-date,
.related-event-status,
.related-event-name {
    padding-top: 15px;
    padding-bottom: 15px;
}

.related-event-cont {
    float: left;
    width: 100%;
    padding: 4px 15px;
    background: #ffefda;
}


/*--*/
.subnet .back-top .container {
    width: 100% !important;
}


.subnetFollow {
    float: left;
    width: 100%;
    text-align: right;
    margin: 0 0 12px 0;
}

.subnetFollow a {
    text-align: right;
    color: #fff;
    font-size: 0.95rem;
    border-radius: 5px;
    padding: 2px 27px 2px 0;
    width: 110px;
    margin: 0 auto;
    background: url(../images/index_favorites.svg) 25px center no-repeat;
    background-color: #FF6A42 !important;
    background-size: 18px 19px !important;
    text-decoration: none !important;
}

.subnetFollow a.active {

    background: url(../images/index_favorites_active.svg) 25px center no-repeat;

}


/*會員心得
-----------------------------------------------------*/
.experience-cont,
.experience-page {
    display: inline-block;
    width: 100%;
}

.experience-cont .ser-cont {
    padding: 10px 10px 0;
    display: inline-block;
    width: 100%;
}

.experience-cont .head {
    display: inline-block;
    width: calc(100% - 60px);
    margin: 20px 30px 0;
    background: #ffd1bf;
    padding: 10px 20px;
    border-radius: 5px 5px 0 0;
    color: #333;
    font-weight: 700;
    font-size: 1.25rem;
}

.experience-cont .head p {
    margin-bottom: 0rem;
}

.share-cont {
    background: #fff1eb;
    display: inline-block;
    width: calc(100% - 60px);
    margin: 0 30px 40px;
    padding: 0px 20px;
}

.experience-cont .slider-head {
    display: flex;
    margin: 20px 0;
    padding: 10px 30px;
    justify-content: center;
    align-items: center;
}

.experience-cont .slider-head i {
    font-size: 5.625rem;
}

.experience-cont ul.share-list {
    padding-inline-start: 0px;
    margin: 20px 10px;
    display: inline-block;
    width: calc(100% - 20px);
}

.experience-cont ul.share-list li {
    display: inline-block;
    background: #fff;
    border-radius: 10px;
    margin: 15px 0;
    width: 100%;
}

.experience-cont ul.share-list li a {
    color: #5f5f5f;
    text-decoration: none !important;
}

.experience-cont ul.share-list li .cont {
    width: 70%;
    margin: 0 20px;
}

.experience-cont ul.share-list li .s-title {
    margin-left: 0px;
    font-size: 1.25rem;
}

.experience-cont ul.share-list li .s-pic {
    width: 138px;
    height: auto;
    float: left;
    overflow: hidden;
    border-radius: 6px;
}

.experience-cont ul.share-list li .slider-cont {
    float: left;
    width: 100%;
    margin-top: 9px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 60px;
    line-height: 1.5rem;
}

.share-slider-cont {
    padding: 20px;
    border-top: 1px solid #ccc;
    display: flex;
    color: #919191;
}

.experience-cont ul.share-list li .left {
    width: 97%;
}

.experience-cont ul.share-list li .left div {
    display: inline-block;
    margin-right: 12px;
}

.experience-cont .pagination {
    margin: 0px 0px 25px 0px;
}

.experience-cont .pagination a {
    text-decoration: none !important;
    width: auto;
    padding: 2px 15px;
}


.experience-page .share-info {
    padding: 20px 30px;
    display: inline-block;
    width: 100%;
    overflow: hidden;
}

.experience-page .share-info .s-title {
    margin-left: 0;
    width: auto;
    font-size: 1.25rem;
}

.experience-page .share-info .right {
    float: right;
}

.experience-page .share-info .right div {
    display: inline-block;
    margin-left: 12px;
}

.experience-page .slider-cont {
    padding: 20px 30px;
    display: inline-block;
    overflow: hidden;
    height: auto;
    line-height: 1.5rem;
}

/*會員心得 end
-----------------------------------------------------*/

/*版型1
-----------------------------------------------------*/
.index-1 .ts-info .title::before {
    background: #26c18a;
}

.index-1 .page-side .unit-title {
    background: #26c18a;
}

.index-1 .page-side-pic img {
    border: 3px solid #26c18a;
}

.index-1 .page-qrcode {
    border: 2px solid #bce9c8;
}

.index-1 a.back {
    background: url('../images/back-icon-1.svg') 26px center no-repeat #e3fbe9;
    background-size: 23px;
}

.index-1 a.top {
    background: url('../images/top-icon-1.svg') 31px center no-repeat #e3fbe9;
    background-size: 18px 18px;
}

.index-1 .subtitle strong {
    background: url('../images/page-title-cirlce-1.svg') left 12px no-repeat;
    background-size: 18px;
}

.index-1 .side-nav li.active {
    background: #bce9c8;
}

.index-1 .experience-cont .head {
    background: #a7f4bc;
}

.index-1 .share-cont {
    background: #dbffe5;
}

.index-1 .pagination a.current {
    background: #26c18a;
}

.index-1 .spot-tab a.active {
    background: #e3fbe9;
}

.index-1 .pagecont .spot-cont {
    background: #e3fbe9;
}

.index-1 a.more-btn {
    background: #26c18a;
}

.index-1 a.spotTitle:hover {
    color: #46b18b;
}

.index-1 .widget-box-cal table.clndr-table.top-th th {
    background: #22b07b;
}

.index-1 .mapupload-entrypage {
    background: #edfff2;
}

.index-1 .trainee-odds-list li {
    background: #e2f0f0;
}

.index-1 .trainee-infor .sear-wrap {
    background: #e2f0f0;
}

.index-1 a.join-btn {
    background: #22b07b;
}

.index-1 .trainee-odds-list .title-cont span.place {
    color: #2d765b;
}

.index-1 .sear-wrap a.search-btn {
    background: #fff;
}

.trainee-infor .location {
    width: 25%;
}

.trainee-infor .date {
    width: 44%;
}

/* 

.keyword span {
    width: 66px;
} */

.trainee-infor .identity {
    width: 31%;
}

.trainee-infor .keyword input[type=text] {
    width: calc(100% - 98px);
}

.trainee-infor .keyword span {
    width: 72px;
}

.intern-sear-wrap .location select {
    width: calc(100% - 70px);
}

.intern-sear-wrap .identity select {
    width: calc(100% - 150px);
}

.intern-sear-wrap .keyword {
    width: 96%;
}

/* .keyword input[type=text] {
    width: calc(100% - 92px);
} */

.index-1 .text-title::before {
    background: #26c18a;
}

.index-1 .bi-head {
    background: #26c18a;
}

.index-1 .eventdetail-tab a.active {
    background: #26c18a;
}

.index-1 .eventdetail-cont {
    border-top: 2px solid #26c18a;
}

.index-1 .mem-rating .subtitle strong {
    border-left: 5px solid #26c18a;
}

.index-1 .ask-cont span {
    color: #26c18a;
}

.index-1 .page-att-title {
    background: #03c7c1;
}

.index-1 .page-att-content {
    background: #dff6f6;
}

.index-1 .magnifier {
    background: url('../images/pic_magnifier.png') center center no-repeat #26c18a;
    background-size: 15px;
}

.index-1 .searTitle {
    background: #26c18a;
}

.index-1 .e-title p:last-child {
    color: #26c18a;
}

.index-1 a.opened-act {
    background: #26c18a;
    margin: 5% auto;
}

.index-1 p.acti-date {
    background: url('../images/a-calender-i-1.png') center left no-repeat;
    background-size: 15px;
}

.index-1 p.acti-place {
    background: url('../images/a-map-i-1.png') center left no-repeat;
    background-size: 15px;
}

.index-1 .filename,
.index-1 .filesort {
    background: #26c18a;
}

.index-1 .dl-tcont:nth-child(odd) {
    background: #f2fff8;
}

.index-1 .step-list li.active span {
    background: #26c18a;
}

.index-1 .third-title h2::before {
    background: #26c18a;
}

.index-1 .step-1 .infor .btn-wrap a.join-btn {
    background: #26c18a;
}

.index-1 .orange {
    color: #26c18a;
}

.index-1 .sm-title {
    background: #26c18a;
}

.index-1 .sitemap-box ul li a:hover {
    color: #26c18a;
}

.index-1 .modify_btn {
    background: #26c18a;
}

.index-1 .remind2,
.index-1 .remind {
    color: #ff4343;
}

.index-1 span.star {
    color: #ff4343;
}

.index-1 .org {
    background: #12a571;
}

.index-1 .jaffa-org {
    background: #21cda5;
}

.index-1 .page-article a {
    color: #26c18a;
}

.index-1 .page-article2 a {
    color: #26c18a;
}

.wrap a.acc-key {
    color: transparent;
}

.index-1 .org-word {
    color: #26c18a;
}

.index-1 .mem-tab a.active {
    background: #a8f5c6;
    color: #333;
}

.index-1 ul.col3Thead,
.index-1 ul.col4Thead {
    background: #26c18a;
}

.index-1 .actFollowTab a.active {
    background: #06885c;
}

.index-1 .myFollow strong::before {
    background: #26c18a;
}

.index-1 a.goBtn {
    background: #20c9bc;
}

.index-1 .step-list li.active::before {
    background: #26c18a;
}

.index-1 a.showVerifyBtn {
    background: #389472;
}

.index-1 .send_btn {
    background: #5ee4b4;
}

.index-1 .related-event-title {
    background: #179d6b;
}

.index-1 .related-event-thead {
    background: #a4ffce;
}

.index-1 .related-event-cont {
    background: #e3fbe9;
}

.index-1 .related-event-title a {
    color: #e3fbe9;
}

.index-1 .subnetFollow a {
    color: #fff;
}

.index-1 .groupMemberTd .tpl-btn {
    color: #26c18a;
    text-decoration: underline !important;
}

.index-1 .searchZone_wrap .search_btn {
    background-color: #26c18a;
}

.index-1 .searchZone_wrap .advancedSearch {
    background: #2d765b;
}

.index-1 .resource-intro-title {
    background: #46b18b;
}

.index-1 .nl-date {
    color: #46b18b;
}


/*版型1 end
-----------------------------------------------------*/

/*版型2
-----------------------------------------------------*/

.index-2 .searTitle {
    background: #37aee2;
}

.index-2 .e-title p:last-child {
    color: #2676bf;
}

.index-2 .page .newlist-tag a {
    background: #00bcff;
}

.index-2 .subtitle strong {
    background: url('../images/page-title-cirlce-2.svg') 0 12px no-repeat;
    background-size: 18px;
}

/*版型2 end
-----------------------------------------------------*/