/*post-thumbnail-clean*/

.posts-panel {
    max-width: 75rem;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    float: left;
    padding-right: 0.525rem;
    padding-left: 0.925rem;
    float: none !important;
    margin: 2.25rem 0.625rem;
    background-color: #fefefe;
    border-radius: 0;
    box-shadow: 0 0 0.25rem 0 rgba(0, 0, 0, 0.2);
}

.posts-panel::before,
.posts-panel::after {
    display: table;
    content: ' ';
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
}

.posts-panel::after {
    clear: both;
}

@media print,
screen and (max-width: 39.9375em) {
    .posts-panel {
        padding-right: 0.125rem;
        padding-left: 0.125rem;
    }
}

.posts-panel:last-child:not(:first-child) {
    float: right;
}

.posts-panel,
.posts-panel:last-child {
    float: none;
}

.posts-panel .panel-header {
    max-width: 75rem;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    float: left;
    padding-right: 0.225rem;
    padding-left: 0.225rem;
    /*原本字下面有一條灰線*/
    border-bottom: 0rem solid #e6e6e6;
}

.posts-panel .panel-header::before,
.posts-panel .panel-header::after {
    display: table;
    content: ' ';
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
}

.posts-panel .panel-header::after {
    clear: both;
}

@media print,
screen and (min-width: 40em) {
    .posts-panel .panel-header {
        padding-right: 0.9375rem;
        padding-left: 0.9375rem;
    }
}

.posts-panel .panel-header:last-child:not(:first-child) {
    float: right;
}

.posts-panel .panel-header,
.posts-panel .panel-header:last-child {
    float: none;
}

.posts-panel .panel-header .panel-title {
    margin: 0;
    height: 110px;
    width: auto;
    font-size: 1.625rem;
    background-image: url(images/clean/title.jpg);
    background-repeat: no-repeat;
}

.posts-panel .panel-content {
    padding: 0.9375rem 0;
}

.posts-panel .pinned-post,
.posts-panel .posts-list {
    max-width: 75rem;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    float: left;
    padding-right: 0;
    padding-left: 0;
}

.posts-panel .pinned-post::before,
.posts-panel .pinned-post::after,
.posts-panel .posts-list::before,
.posts-panel .posts-list::after {
    display: table;
    content: ' ';
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
}

.posts-panel .pinned-post::after,
.posts-panel .posts-list::after {
    clear: both;
}

.posts-panel .pinned-post:last-child:not(:first-child),
.posts-panel .posts-list:last-child:not(:first-child) {
    float: right;
}

.posts-panel .pinned-post,
.posts-panel .pinned-post:last-child,
.posts-panel .posts-list,
.posts-panel .posts-list:last-child {
    float: none;
}

.posts-panel .posts-list .post-item:not(:last-child) {
    border-bottom: 0.0625rem solid #e6e6e6;
}

.posts-panel .post-item {
    max-width: 75rem;
    margin-right: auto;
    margin-left: auto;
    padding: 0.9375rem 0;
}

.posts-panel .post-item .post-su {
    margin-right: auto;
    margin-left: auto;
    padding: 0.9375rem 0;
    font-size: 1rem;
    color: #707070;
    font-weight: bold;
}

.posts-panel .post-item::before,
.posts-panel .post-item::after {
    display: table;
    content: ' ';
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
}

.posts-panel .post-item::after {
    clear: both;
}

.posts-panel .post-item .post-thumbnail-clean {
    display: block;
    width: 33.33333%;
    float: left;
    padding-right: 0.625rem;
    padding-left: 0.625rem;
}


/*桌機*/

@media print,
screen and (min-width: 40em) {
    .posts-panel .post-item .post-thumbnail-clean {
        padding-right: 0.9375rem;
        padding-left: 0.9375rem;
    }
}

.posts-panel .post-item .post-thumbnail-clean:last-child:not(:first-child) {
    float: right;
}

.posts-panel .post-item .post-text {
    width: 66.66667%;
    float: left;
    padding-right: 0.625rem;
    padding-left: 0.625rem;
}

.posts-panel .post-item .post-text:last-child:not(:first-child) {
    float: right;
}

.posts-panel .post-item .post-text p {
    margin: 0;
}

.posts-panel .post-item .post-title-c {
    font-size: 2rem;
    color: #163f78;
    font-weight: bold;
}

.posts-panel .post-item .post-title-d {
    font-size: 1.8rem;
    color: #0767a7;
    font-weight: bold;
}

.posts-panel .post-item .post-sur {
    font-size: 1rem;
    color: #707070;
    font-weight: bold;
    margin-left: 250px;
    margin-top: -100px;
}

.posts-panel .post-item .post-meta {
    color: #8a8a8a;
    font-size: 0.875rem;
}

.posts-panel .post-item .meta {
    display: inline-block;
    margin-right: 0.9375rem;
}

.posts-panel .post-item .meta-icon,
.posts-panel .post-item .meta-text {
    display: inline-block;
    padding-right: 0.3125rem;
}

.posts-panel .post-item .post-read-more {
    display: block;
    font-size: 0.875rem;
}

.posts-panel .post-item .post-read-more .fa {
    padding: 0 0.3125rem;
}

.posts-panel .pinned-post .post-item {
    border-bottom: 0.0625rem solid #e6e6e6;
}

.posts-panel .pinned-post .post-thumbnail-clean {
    display: block;
    max-width: 75rem;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    float: left;
    padding-right: 0.625rem;
    padding-left: 0.625rem;
}

.posts-panel .pinned-post .post-thumbnail-clean::before,
.posts-panel .pinned-post .post-thumbnail-clean::after {
    display: table;
    content: ' ';
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
}

.posts-panel .pinned-post .post-thumbnail-clean::after {
    clear: both;
}

@media print,
screen and (min-width: 40em) {
    .posts-panel .pinned-post .post-thumbnail-clean {
        padding-right: 0.9375rem;
        padding-left: 0.9375rem;
    }
}

.posts-panel .pinned-post .post-thumbnail-clean:last-child:not(:first-child) {
    float: right;
}

.posts-panel .pinned-post .post-thumbnail-clean,
.posts-panel .pinned-post .post-thumbnail-clean:last-child {
    float: none;
}

.posts-panel .pinned-post .post-thumbnail-clean img {
    width: 100%;
    height: auto;
}

.posts-panel .pinned-post .post-text {
    max-width: 75rem;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    float: left;
    padding-right: 0.625rem;
    padding-left: 0.625rem;
    margin-top: 0.9375rem;
}

.posts-panel .pinned-post .post-text::before,
.posts-panel .pinned-post .post-text::after {
    display: table;
    content: ' ';
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
}

.posts-panel .pinned-post .post-text::after {
    clear: both;
}

@media print,
screen and (min-width: 40em) {
    .posts-panel .pinned-post .post-text {
        padding-right: 0.9375rem;
        padding-left: 0.9375rem;
    }
}

.posts-panel .pinned-post .post-text:last-child:not(:first-child) {
    float: right;
}

.posts-panel .pinned-post .post-text,
.posts-panel .pinned-post .post-text:last-child {
    float: none;
}

@media screen and (max-width: 39.9375em) {
    .posts-panel .posts-item .post-title-c {
        font-size: 1.125rem;
        color: #163f78;
        font-weight: bold;
    }
    .posts-panel .post-item .post-title-d {
        font-size: 1.125rem;
        color: #0767a7;
        font-weight: bold;
    }
    .posts-panel .posts-list .post-meta {
        font-size: 0.75rem;
    }
    .posts-panel .posts-list .post-summary {
        font-size: 50rem;
        color: brown;
    }
    .posts-panel .posts-list .post-read-more {
        display: none;
    }
    .posts-panel .panel-header .panel-title {
        margin: 0px 0px;
        height: 114px;
        width: auto;
        padding: 0.1rem 0;
        color: #8a8a8a;
        background-image: url(images/clean/title-s.jpg);
        background-size: cover;
    }
}

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    .posts-panel .panel-header .panel-title {
        margin: 0px 0px;
        height: 115px;
        width: auto;
        padding: 0.1rem 0;
        color: #8a8a8a;
        background-image: url(images/clean/title-90.jpg);
        background-size: cover;
    }
    .posts-panel .posts-panel .posts-list .post-title {
        font-size: 1.25rem;
        color: #163f78;
        font-weight: bold;
    }
    .posts-panel .posts-list .post-meta {
        font-size: 0.875rem;
    }
    .posts-panel .posts-list .post-summary {
        font-size: 50rem;
        color: #163f78;
        font-weight: bold;
    }
    .posts-panel .post-item .post-sur {
        font-size: 1rem;
        color: #707070;
        font-weight: bold;
        margin-left: 100px;
        margin-top: -80px;
    }
    .posts-panel .posts-item .post-title-c {
        font-size: 1.5rem;
        color: #163f78;
        font-weight: bold;
    }
    .posts-panel .post-item .post-title-d {
        font-size: 1.5rem;
        color: #0767a7;
        font-weight: bold;
    }
}

.posts-panel.grid .pinned-post,
.posts-panel.grid .posts-list-c {
    width: 50%;
    float: left;
    padding-right: 0;
    padding-left: 0;
}

.posts-panel.grid .pinned-post:last-child:not(:first-child),
.posts-panel.grid .posts-list-c:last-child:not(:first-child) {
    float: right;
}

@media screen and (max-width: 39.9375em) {
    .posts-panel.grid .pinned-post,
    .posts-panel.grid .posts-list {
        max-width: 75rem;
        margin-right: auto;
        margin-left: auto;
        width: 100%;
        float: left;
        padding-right: 0;
        padding-left: 0;
    }
    .posts-panel.grid .pinned-post::before,
    .posts-panel.grid .pinned-post::after,
    .posts-panel.grid .posts-list::before,
    .posts-panel.grid .posts-list::after {
        display: table;
        content: ' ';
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }
    .posts-panel.grid .pinned-post::after,
    .posts-panel.grid .posts-list::after {
        clear: both;
    }
    .posts-panel.grid .pinned-post:last-child:not(:first-child),
    .posts-panel.grid .posts-list:last-child:not(:first-child) {
        float: right;
    }
    .posts-panel.grid .pinned-post,
    .posts-panel.grid .pinned-post:last-child,
    .posts-panel.grid .posts-list,
    .posts-panel.grid .posts-list:last-child {
        float: none;
    }
    .posts-panel .post-item .post-sur {
        font-size: 1rem;
        color: #707070;
        font-weight: bold;
        margin-left: 150px;
        margin-top: -110px;
    }
}

.posts-panel.grid .pinned-post .post-item {
    border: 0;
}

.posts-panel.grid .posts-list-c {
    font-size: 1.125rem;
    color: #163f78;
    font-weight: bold;
}

.posts-panel.grid .posts-list-c .post-meta {
    font-size: 0.75rem;
}

.posts-panel.grid .posts-list-c .post-read-more {
    display: none;
}


/*圖片輪播*/

.product-image-gallery {
    background-color: #fefefe;
    padding: 1.5rem;
}

.pdp-product-image {
    margin-bottom: 20px;
}

.product-thumbs a {
    margin-left: 8px;
    margin-right: 8px;
    padding: 0 !important;
}

.product-thumbs a img {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 1rem;
    border: solid 4px #fefefe;
    border-radius: 0;
    box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2);
    line-height: 0;
    border-radius: 3px;
    width: 50px;
    height: 50px;
    border: none;
}