@media (max-width:1366px) {

    /*-page-*/
    .page {
        margin: 20px 0 0 0;
    }

    .page-banner {
        padding: 9px 0;
    }

    .page-banner img {
        margin: 0 10px 0 0;
        width: 55px;
    }

    .page-banner p {
        font-size: 30px;
    }

    .pagenews,
    .pagesearch {
        padding: 10px 3%;
    }

    .pagenews-cont > p {
        width: 85%;
    }
}

@media (max-width:1280px) {

    /*-faq-*/
    .faq-tab a {
        width: 22.7%;
    }

    /*-更多業務-*/
    .ad-list li .info {
        width: 42%;
        margin: 0 0 0 4%;
    }

    /*-集郵中心-*/
    .link-slider-inner2 a {
        width: 165px;
        height: 68px;
    }

    /*-票品專區-郵品排行-*/
    .stamp-list li {
        display: inline-block;
        vertical-align: top;
        width: 26%;
        margin: 0 1.5% 25px 1.5%;
        background: #fff;
    }

    /*-個人化郵票1-*/
    .personlization-step a {
        padding: 15px 0;
        font-size: 17px;
    }

    .personlization-step a p {
        margin: 0;
        font-weight: bold;
        color: #bdbdbd;
        line-height: 23px;
        padding: 0 3%;
        height: 43px;
    }

    .personlization-stamp-list a:nth-child(4n),
    .personlization-stamp-list a,
    .personlization-stamp-list2 a:nth-child(4n),
    .personlization-stamp-list2 a {
        margin: 0 3% 30px 0;
        width: 30.7%;
    }

    .personlization-stamp-list a:nth-child(3n),
    .personlization-stamp-list2 a:nth-child(3n) {
        margin-right: 0;
    }

    /*-page-*/
    .pagenews > p {
        width: 70%;
    }

    .ps-keyword input[type=text] {
        width: 130px;
    }

    .ps-keyword {
        float: left;
        width: 200px;
        margin: 0 13px 0 0;
    }

    a.pagenews-cont {
        float: left;
        width: 75%;
    }

    /*-登入頁-en-*/
    .login-cont-en .btn-list a p {
        margin: 5px 0 0 0;
        font-size: 15px;
        font-weight: bold;
        line-height: 20px;
    }

    .login-cont-en .btn-list a {
        width: 130px;
    }

    /*-登入頁-*/
    .btn-list a p {
        margin: 5px 0 0 0;
        font-size: 16px;
        font-weight: bold;
    }

    .btn-list a img {
        width: 83px;
        height: 83px;
    }

    .btn-list a {
        margin: 0 1.5%;
        width: 29%;
    }

    section.login-right-part {
        width: 400px;
        margin: 0 0 0 65px;
    }

    .login-remind {
        width: 100%;
        margin: 34px 0 0 0;
        padding: 0;
    }

    section.login {
        width: 370px;
    }

    /*-集郵服務中心-台北生活風采-*/
    .taipeispot-intro img {
        width: 290px;
    }

    .taipeispot {
        float: left;
        width: 61%;
        margin: 0 0 0 4%;
        text-align: left;
    }

    /*-網站導覽-*/
    .sitemap a {
        width: 78%;
        padding: 9px 8% 9px 14%;
        font-size: 17px;
        background: url(../images/sitemap-dot.png) 26px 18px no-repeat #fff;
    }

    /*-相關網站-*/
    .linkpage a:nth-child(4n),
    .linkpage a {
        margin: 0 4% 25px 0;
    }

    .linkpage a:nth-child(3n) {
        margin-right: 0;
    }

    .linkpage a {
        float: left;
        width: 30.5%;
        background: url(../images/link-bg.png) right bottom no-repeat #fff;
        padding: 20px 0 60px 0;
        height: 40px;
        background-size: 56px;
    }
}

@media (max-width:1180px) {

    /*-page-*/
    .page {
        margin: 0;
    }

    .page-banner {
        padding: 0;
    }

    .page-banner img {
        margin: 0 7px 0 0;
        width: 50px;
    }

    .page-banner p {
        font-size: 28px;
    }

    .pagenewstitle img {
        margin: 0 4px 0 0;
        width: 30px;
    }

    .pagenewstitle {
        float: left;
        width: 104px;
        font-size: 17px;
        font-weight: bold;
        margin-right: 7px;
    }

    /*-我的收藏-*/
    .page-side {
        width: 21%;
        display: none;
    }

    .memzone-cont {
        width: 94%;
        padding: 30px 3%;
        margin: 0 0 45px 0;
        text-align: center;
    }
}

@media (max-width:1100px) {

    .prev-arcitle,
    .next-arcitle {
        background: #f3f3f3;
        border-radius: 3px;
        padding: 5px 3%;
        font-size: 16px;
        width: 94%;
        margin: 5px 0;
        float: none;
        display: inline-block;
        text-align: left;
        line-height: 24px;
        min-height: auto;
    }

    /*-faq-*/
    .faq-tab a {
        width: 22%;
    }

    /*-register-s1-*/
    .clause-lev2 > li span.text {
        width: 94%;
        float: left;
    }

    /*-商品列表-*/
    .stamplist-tb-cont li {
        font-size: 16px;
    }

    .st-tb-name-cont a {
        width: 90%;
        padding: 0 5%;
        float: left;
        color: #00a094;
        font-size: 17px;
        line-height: 24px;
        text-align: left;
    }

    .st-tb-pic-cont img {
        width: 125px;
        height: 125px;
    }

    /*-更多業務-*/
    .ad-list li .info {
        width: 37%;
        margin: 0 0 0 3%;
    }

    .ad-list li .pic {
        float: left;
        width: 430px;
    }

    .ad-list li .pic img {
        width: 100%;
        height: auto !important;
    }

    /*-詳細頁-*/
    section.stamp-name-wrap strong {
        width: 70%;
        margin: 0 2% 0 0;
    }

    .stamp-info-btn a {
        padding: 8px 0;
        margin: 0 2% 0 0;
        width: 46%;
        font-size: 17px;
    }

    .recommend-buy-slider a img {
        width: 110px;
        height: 110px;
    }

    /*-個人化郵票1-*/
    .personlization-stamp-list a:nth-child(4n),
    .personlization-stamp-list a,
    .personlization-stamp-list2 a:nth-child(4n),
    .personlization-stamp-list2 a {
        margin: 0 3% 30px 0;
        width: 30.5%;
    }

    /*-登入頁-en-*/
    .login-cont-en .btn-list a {
        width: 150px;
    }

    /*-登入頁-*/
    .btn-list a {
        margin: 0 1.5%;
        width: 130px;
    }

    .login-remind {
        margin: 22px 0 0 0;
    }

    section.login-right-part {
        width: 80%;
        margin: 0;
    }

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

    .login-cont,
    .login-cont-en {
        padding: 30px 0 45px 0;
    }

    section.login {
        width: 80%;
        margin: 0 0 38px 0;
    }

    /*-page-*/
    select.sub_bg1 {
        min-width: 160px;
    }

    .ps-keyword input[type=text] {
        width: 85%;
    }

    .pagenews a.more {
        float: right;
        width: 69px;
        margin: 7px 3% 7px 0;
    }

    .ps-btn a {
        float: none;
        margin: 0;
        display: inline-block;
        line-height: initial;
        padding: 5px 20px;
    }

    .ps-btn {
        text-align: center;
        float: left;
        width: 100%;
        padding: 3px 0;
    }

    .pagenewstitle img {
        margin: -5px 4px 0 0;
        width: 27px;
    }

    .pagenewstitle img {
        margin: -5px 4px 0 0;
        width: 27px;
    }

    .pagenewstitle {
        float: left;
        width: 94%;
        font-size: 17px;
        font-weight: bold;
        margin-right: 0;
        border-bottom: 1px solid #f3f3f3;
        padding: 3px 3%;
    }

    .pagenewstitle > p {
        margin: 0;
        display: inline-block;
        color: #333333;
        font-size: 16px;
    }

    .pagenews,
    .pagesearch {
        padding: 0;
        width: 100%;
    }

    .pagenews-cont {
        padding: 3px 3%;
        height: 34px;
        float: left;
    }

    a.pagenews {
        margin: 0 0 8px 0;
    }

    .ps-sort,
    .ps-keyword,
    .ps-year {
        float: left;
        width: 94%;
        margin: 0;
        padding: 6px 3%;
        border-bottom: 1px solid #f3f3f3;
    }

    .ps-sort strong,
    .ps-keyword strong,
    .ps-year strong {
        margin: 0 5px 0 0;
        width: 65px;
        float: left;
    }

    /*--*/
    .pagenews-cont > p {
        width: 81%;
    }

    /*-集郵服務中心首頁-台北生活風采-*/
    .taipeispot-intro img {
        width: 270px;
    }

    .taipeispot {
        float: left;
        width: 55%;
        margin: 0 0 0 4%;
        text-align: left;
    }

    /*-網站導覽-*/
    .sitemap,
    .sitemap:nth-child(3n) {
        width: 46%;
        margin: 0 2% 25px 2%;
    }

    .sitemap:nth-child(2n) {
        margin-right: 0;
    }

    .sitemap a.sitemap-title {
        width: 90%;
        padding: 12px 5%;
    }

    .sitemap a {
        width: 82%;
        padding: 9px 8% 9px 10%;
        font-size: 17px;
        background: url(../images/sitemap-dot.png) 23px 18px no-repeat #fff;
    }

    /*-最新消息-*/
    .newslist > a p {
        width: 83%;
        margin: 0;
    }
}

@media (max-width:900px) {
    .pagetitle img {
        display: inline-block;
        vertical-align: top;
        margin: 6px 0 0 0;
    }

    /*-會員專區-個人化郵票-*/
    .mystamp-tb-cont li:nth-child(2) p {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
        height: 21px;
    }

    .mystamp-tb-wrap:nth-child(odd) .mystamp-tb-cont,
    .mystamp-tb-wrap:nth-child(even) .mystamp-tb-cont {
        background: #fff;
    }

    .mystamp-tb-wrap {
        float: left;
        width: 100%;
        margin: 0 0 20px 0;
        border-top: 1px solid #a1d8d4;
    }

    .mystamp-tb-edit a {
        display: inline-block;
        border-radius: 35px;
        width: 100px;
        color: #ffff;
        padding: 6px 0;
        margin: 0;
        font-size: 14px;
        text-align: center;
    }

    .mystamp-tb-head li,
    .mystamp-tb-cont li {
        float: left;
        font-size: 16px;
        border-bottom: 1px solid #a1d8d4;
        text-align: left;
        line-height: normal;
    }

    .mystamp-tb-head li {
        padding: 7px 7%;
        width: 86% !important;
    }

    .mystamp-tb-cont li {
        padding: 7px 2%;
        width: 96% !important;
    }

    .mystamp-tb-head {
        width: 26%;
    }

    .mystamp-tb-cont {
        width: 74%;
    }

    .mystamp-tb-head li:last-child {
        height: 31px;
    }

    /*-register-s1-*/
    .clause-lev2 > li span.text {
        width: 90%;
        float: left;
    }

    .clause-lev3 li {
        list-style: decimal;
        list-style-position: outside;
        margin: 5px 0 0 48px;
        width: 85%;
        float: left;
    }

    .clause-lev2 > li > .infor {
        margin: 0 0 0 31px;
        width: 90% !important;
        float: left;
    }

    .clause-lev3 > li span.text {
        width: 90% !important;
        float: left;
    }

    .clause-lev2 > li span.text {
        width: 92%;
        float: left;
    }

    .clause-lev1 > li .text {
        width: 92%;
    }

    /*-隱私權政策-*/
    .privacypolicy-lev1 li p,
    .privacypolicy-lev1 li.announce p,
    .privacypolicy-lev2 {
        margin: 0 0 10px 34px;
        width: 92%;
        float: left;
    }

    .privacypolicy-maintitle span {
        width: 90%;
    }

    /*-購物車-填寫寄送資料-*/
    .delivery-info input[type=text] {
        padding: 7.5px 2%;
        width: 95%;
    }

    .delivery-info .shipping-zipcode-wrap input[type=text] {
        padding: 7.5px 2%;
        width: 70px;
    }

    /*-更多業務-*/
    .ad-list li .pic {
        float: none;
        width: 100%;
    }

    .ad-list li .info {
        width: 100%;
        margin: 6px 0 0 0;
        font-size: 17px;
    }

    /*-個人化郵票-*/
    .personlization-index-pic img {
        width: 100%;
    }

    /*-集郵服務中心-*/
    .servicecenter-link-cont .link-slider .slick-prev {
        left: -10px;
        background: url(../images/link-prev.png) 0 0 no-repeat !important;
        background-size: 35px !important;
        top: 46%;
        width: 35px;
        height: 35px;
    }

    .servicecenter-link-cont .link-slider .slick-next {
        right: -10px;
        background: url(../images/link-next.png) 0 0 no-repeat;
        background-size: 35px !important;
        top: 46%;
        width: 35px;
        height: 35px;
    }

    /*-訂單查詢-內頁-*/
    li.orderdetail-tb-price-cont p {
        margin: 0 5px 0 0;
        width: auto;
        float: left;
    }

    li.orderdetail-pdname-cont p {
        margin: 0;
        height: 21px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
    }

    .orderdetail-tb:nth-child(even) .orderdetail-tb-cont {
        background: #f3f3f3;
    }

    .orderdetail-info tr th,
    .orderdetail-deal tr th {
        width: 35%;
    }

    ul.orderdetail-tb-cont li {
        float: left;
        font-size: 16px;
        font-weight: bold;
        padding: 9px 4%;
        width: 92%;
        line-height: initial;
        border-bottom: 1px solid #dedede;
        text-align: left;
    }

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

    ul.orderdetail-tb-head {
        float: left;
        width: 31%;
    }

    ul.orderdetail-tb-head li {
        font-size: 16px;
        padding: 9px 4%;
        width: 92%;
        text-align: left;
        border-bottom: 1px solid #fff;
        line-height: initial;
    }

    ul.orderdetail-tb-cont {
        width: 69%;
    }

    /*-購物車確認頁-*/
    .cartList-table td {
        padding: 8px 3px;
        line-height: 22px;
        white-space: nowrap;
    }

    /*-購物車fa-*/
    .fa-order-tb {
        margin: 0 0 13px 0;
        float: left;
        width: 100%;
    }

    .fa-order-tb:nth-child(odd) .fa-order-tb-cont {
        background: #f3f3f3 !important;
    }

    ul.fa-order-tb-cont {
        float: left;
        width: 78%;
    }

    ul.fa-order-tb-cont li {
        float: left;
        color: #333;
        font-size: 16px;
        font-weight: bold;
        padding: 9px 3%;
        width: 94%;
        text-align: left;
        border-bottom: 1px solid #e0e0e0;
    }

    ul.fa-order-tb-head {
        width: 22%;
    }

    ul.fa-order-tb-head li {
        font-size: 16px;
        padding: 9px 4%;
        width: 92%;
        text-align: left;
        margin: 0 0 1px 0;
    }

    .fa-alert p {
        display: inline-block;
        vertical-align: middle;
        margin: 0 0 0 3%;
        width: 79%;
        text-align: left;
        line-height: 25px;
    }

    /*-購物車s1-*/
    .shopping-s3,
    .mycollection-page {
        margin: 30px 0 0 0;
    }

    .shopping-s1 .instruction-cont {
        margin: 10px 0 0 0;
    }

    .shopping-s1,
    .shopping-confirm {
        margin: 30px 0 0 0;
    }

    .shopping-s1 .insrtuction-article li.insrtuction-subtitle {
        float: left;
        width: 95%;
        padding: 0 0 0 4%;
        text-align: left;
        font-size: 18px;
        font-weight: bold;
        background: url(../images/sitemap-dot.png) 4px center no-repeat #fff;
        color: #32beb4;
    }

    .shopping-s1 .btn-row {
        margin: 22px 0 0 0;
    }

    .shopping-s1 .instruction-cont {
        margin: 25px 0 0 0;
    }

    .shopping-s1 .btn-row a {
        display: inline-block;
        vertical-align: top;
        padding: 9px 0;
        color: #fff;
        border-radius: 35px;
        font-weight: bold;
        width: 96px;
        text-align: center;
        margin: 0 1px;
        background: #32beb3;
        line-height: initial;
        height: auto;
        cursor: pointer;
        font-size: 15px;
    }

    a.stamp-link {
        line-height: 21px;
        text-align: left !important;
        color: #32beb4;
        font-weight: bold;
        width: 120px !important;
        float: left;
        white-space: initial;
    }

    .cartList-table .table tr th {
        white-space: nowrap;
    }

    .cartList-table {
        float: left;
        width: 100%;
        overflow-x: scroll;
        overflow-y: hidden;
        margin: 0 0 30px 0;
    }

    .pagetitle p {
        width: 90%;
        margin: 0 0 0 6px;
    }

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

    .prev-next-btn-wrap {
        text-align: center;
    }

    .ps-btn a {
        float: none;
    }

    .page-date span {
        float: left;
        width: 100%;
        font-size: 15.5px;
        line-height: 25px;
        margin: 0 0 1px 0;
    }

    .page-date {
        margin-bottom: 12px;
    }

    a.print-btn {
        float: right;
        background: #32beb4;
        border-radius: 30px;
        color: #fff;
        font-size: 15px;
        padding: 2px 17px;
        margin: 6px 0 0 0;
        font-size: 14.5px;
    }

    a.back {
        margin-right: 10px;
    }

    a.back,
    a.top {
        width: 135px;
        font-size: 16px;
    }

    .ps-sort select,
    .ps-year select {
        width: 80%;
        padding: 5px 2%;
    }

    .ps-keyword input[type=text] {
        width: 75.5%;
        padding: 7.5px 2%;
    }

    .page-banner img {
        margin: 0 5px 0 0;
        width: 45px;
    }

    .page-banner p {
        font-size: 26px;
    }

    .pagenews a.more {
        float: right;
        width: 66px;
        margin: 7px 3% 7px 0;
    }

    .pagenews a.more p {
        float: left;
        margin: 0 2px 0 0;
        font-weight: bold;
        line-height: 26px;
        width: 44px !important;
    }

    a.pagenews-cont {
        float: left;
        width: 77%;
    }

    .pagenews-cont > p {
        width: 76%;
    }

    .hiddenn {
        display: block;
    }

    /*-與我們聯絡-*/
    .epaper-form .tb textarea {
        width: 95%;
    }

    span.input-depiction {
        font-size: 16px;
        float: left;
        width: 100%;
        margin: 4px 0 0 0;
    }

    .epaper-form input[type=text] {
        padding: 7.5px 2%;
        width: 95%;
    }

    /*-詳細頁-*/
    .stamp-info-btn a {
        padding: 8px 0;
        margin: 0 1%;
        width: 47%;
        font-size: 17px;
    }

    ul.stamp-info-list {
        float: right;
        width: 100%;
        text-align: left;
    }

    section.stamp-name-wrap strong {
        width: 100%;
        margin: 0 0 15px 0;
        font-size: 24px;
    }

    .stamp-info-pic-wrap {
        float: left;
        width: 100%;
        margin: 0 0 25px 0;
    }

    /*-購物車-*/
    .shopping-step {
        width: 100%;
    }

    .step-line {
        width: 7%;
        height: 6px;
        background: #e7e7e7;
        vertical-align: middle;
        margin: 18px 0 18px -4%;
    }

    .shopping-step a {
        float: left;
        font-size: 14.5px;
        font-weight: bold;
        width: 17%;
        margin: 0 0 0 -21px;
    }

    .invoice-cont label {
        width: 100%;
        display: inline-block;
        margin: 0 0 6px 0;
    }

    .shopping-form .tb.tb3 {
        margin: 0;
        border-bottom: 0;
    }

    .shopping-form tr {
        border-top: 0;
    }

    .shopping-form tr th,
    .shopping-form tr td {
        vertical-align: middle;
        padding: 12px 2%;
        white-space: initial;
        width: 96%;
        float: left;
    }

    /*-票品列表-*/
    .st-tb-instock-cont select {
        margin: 0 8px 0 0;
        width: 65px;
        float: left;
    }

    li.st-tb-instock {
        height: 35px;
    }

    .stamplist-tb-cont li {
        float: left;
        width: 92%;
        color: #333;
        padding: 12px 4%;
        font-weight: bold;
        font-size: 16px;
        text-align: left;
        border-bottom: 1px solid #e8e8e8;
    }

    li.st-tb-name-cont,
    li.st-tb-pic-cont {
        padding: 7px 4% !important;
    }

    li.st-tb-name {
        height: 51px;
    }

    .st-tb-name-cont a {
        width: 100%;
        padding: 0;
        font-size: 17px;
        height: 26px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
    }

    .st-tb-name-cont span.notsell-tag,
    .st-tb-name-cont span.notsell-tag2 {
        font-size: 13.5px;
        border-radius: 4px;
        padding: 7px 15px;
        float: left;
        margin: 6px 0 0 0;
        color: #fff;
    }

    li.st-tb-pic {
        height: 110px;
    }

    .st-tb-pic-cont img {
        width: 120px;
        height: 120px;
    }

    .stamplist-tb {
        float: left;
        width: 100%;
        margin: 0 0 20px 0;
    }

    .stamplist-tb-head {
        float: left;
        width: 30%;
    }

    .stamplist-tb-cont {
        width: 70%;
        display: initial;
    }

    .stamplist-tb:nth-child(even) .stamplist-tb-cont {
        background: #fff;
    }

    .stamplist-tb-head li {
        float: left;
        width: 86%;
        padding: 12px 7%;
        text-align: left;
        font-size: 16px;
        border-bottom: 1px solid #85c5c1;
    }

    .st-tb-instock-cont a {
        background: #00a094;
        font-size: 14px;
        border-radius: 30px;
        padding: 9.5px 13px;
        width: auto;
        float: left;
    }

    li.st-tb-name-cont {
        height: 61px;
    }

    li.st-tb-instock-cont {
        height: 35px;
    }

    .stamplist-tb-cont li {
        float: left;
        width: 92%;
        color: #333;
        padding: 12px 4%;
        font-weight: bold;
        font-size: 16px;
        text-align: left;
        border-bottom: 1px solid #e8e8e8;
    }

    /*-訂單查詢-*/
    .sequence-wrap {
        display: none;
    }

    .order-time-start,
    .oder-time-to,
    .order-time-end {
        float: left;
        width: 251px;
    }

    .oder-time-to {
        margin: 2px 0 0 0;
        text-align: center;
    }

    .ordersear-time-cont {
        float: left;
        width: 252px;
    }

    /*-票品排行-*/
    .tab-list a {
        float: left;
        text-align: center;
        background: #fff;
        padding: 10px 2%;
        font-size: 17px;
        border-right: 0;
        width: 29%;
        margin: 0 0.1% 0.1% 0.1%;
    }

    .tab-list2,
    .tab-list3,
    .tab-list4 {
        float: left;
        width: 96%;
        margin: 0 2%;
    }

    .tab-list2 a,
    .tab-list3 a,
    .tab-list4 a {
        float: left;
        text-align: center;
        background: #f3f3f3;
        padding: 10px 2%;
        font-size: 17px;
        border-right: 0;
        width: 45%;
        margin: 0 0.1% 1px 0.1%;
    }

    .stamp-list li > a > img {
        width: 130px;
        margin: 0 auto;
        height: 130px;
        display: block;
    }

    .stamp-list li {
        display: inline-block;
        vertical-align: top;
        width: 40%;
        margin: 0 2.5% 25px 2.5%;
        background: #fff;
    }

    .stampinfo p {
        margin: 0 0 2px 0;
        font-size: 16px;
        line-height: 25px;
    }

    /*-我的收藏-*/
    .ordersearch-page-ps2-wrap {
        margin: 22px 0 0 0;
    }

    .ordersearch-page-ps {
        margin: 0;
    }

    .ordertb {
        float: left;
        width: 100%;
        margin: 0 0 22px 0;
    }

    .ordertb-cont li {
        color: #333;
        width: 90%;
        float: left;
        padding: 13px 5%;
        font-size: 16px;
        font-weight: bold;
        border-bottom: 1px solid #dedede;
        text-align: left;
    }

    ul.ordertb-cont {
        width: 70%;
        background: #f3f3f3;
    }

    ul.ordertb-head {
        width: 30%;
    }

    .ordertb-head li {
        background: #32beb4;
        color: #fff;
        height: auto;
        padding: 13px 4%;
        width: 92%;
        text-align: left;
        border-bottom: 1px solid #9fdcd8;
    }

    .mycollection:nth-child(even),
    .mycollection:nth-child(odd) {
        background: #f3f3f3;
    }

    .mycollection {
        float: left;
        width: 100%;
        margin: 0 0 20px 0;
    }

    li.remark-col {
        height: 48px;
    }

    li.remark-cont {
        height: 48px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    ul.collect-cont {
        float: left;
        width: 70%;
    }

    .collect-cont li.remark-cont {
        height: 48px;
    }

    .collect-cont li {
        float: left;
        padding: 9px 5%;
        font-size: 16px;
        line-height: 25px;
        width: 90%;
        border-bottom: 1px solid #fff;
        text-align: left;
        height: 18px;
    }

    ul.collect-head {
        float: left;
        width: 30%;
        background: #32beb4;
        color: #fff;
    }

    ul.collect-head li {
        float: left;
        padding: 9px 7%;
        font-size: 16px;
        width: 86%;
        border-bottom: 1px solid #95d4cf;
        text-align: left;
    }

    li.pd-col {
        height: 48px;
    }

    .pic-cont img {
        width: 80px !important;
        height: 80px !important;
    }

    li.pic-col,
    .pic-cont {
        width: 25%;
        height: 80px !important;
    }

    li.pd-cont {
        height: 48px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    li.pd-cont a {
        height: 48px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        text-decoration: none !important;
    }

    /*-個人化郵票1-*/
    .personlization-step a span {
        width: 17px;
        height: 17px;
        padding: 10px;
        font-size: 16px;
        margin: 0 0 8px 0;
    }

    .personlization-step a p {
        margin: 0;
        font-weight: bold;
        color: #bdbdbd;
        line-height: 23px;
        padding: 0 6%;
        height: 67px;
    }

    .personlization-step a {
        padding: 15px 0;
        font-size: 16px;
    }

    .personlization-stamp-list a:nth-child(4n),
    .personlization-stamp-list a,
    .personlization-stamp-list a:nth-child(3n),
    .personlization-stamp-list2 a:nth-child(4n),
    .personlization-stamp-list2 a,
    .personlization-stamp-list2 a:nth-child(3n) {
        margin: 0 7% 30px 0;
        width: 45%;
    }

    .personlization-stamp-list a:nth-child(2n),
    .personlization-stamp-list2 a:nth-child(2n) {
        margin-right: 0;
    }

    .personlization-stamp-list a {
        height: 215px;
    }

    .personlization-stamp-list a img,
    .personlization-stamp-list2 a img {
        width: 190px;
        margin: 0 auto 10px auto;
        height: 145px;
    }

    .per-stamp-info {
        width: 190px;
    }

    /*-與商城聯絡-*/
    p.forword {
        margin: 0 0 8px 0;
        text-align: left;
    }

    /*-新手上路-*/
    .tag-zone a {
        padding: 3px 18px;
        margin: 0 5px 10px 5px;
        float: left;
        font-size: 15px;
    }

    ul.instruction-example li.step-img {
        text-align: center;
        width: 96%;
        margin: 0 2% 13px 2%;
    }

    ul.instruction-example li.step-img img {
        width: 100%;
    }

    /*-集郵服務中心-台北生活風采-*/
    .taipeispot-intro img {
        width: 260px;
        margin: 0 auto 12px auto;
        float: none;
        display: block;
    }

    .taipeispot {
        width: 100%;
        margin: 0;
    }

    .taipeispot-title {
        font-size: 21px;
        margin: 0 0 5px 0;
    }

    /*-表格-*/
    .epaper-form tr {
        border-top: 0;
    }

    .epaper-form tr td,
    .fg-code tr td {
        vertical-align: middle;
        padding: 13px 3% 20px 3%;
        width: 94%;
        float: left;
    }

    .epaper-form tr th,
    .fg-code tr th,
    .personal-info tr th,
    .password-setting tr th {
        vertical-align: middle;
        padding: 10px 3%;
        width: 94%;
        float: left;
    }

    input.textfield.long,
    input.textfield {
        width: 95%;
        padding: 7.5px 2%;
    }

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

    /*-網站導覽-*/
    .sitemap a {
        width: 81%;
        padding: 9px 8% 9px 11%;
        font-size: 17px;
        background: url(../images/sitemap-dot.png) 15px 18px no-repeat #fff;
    }

    /*-相關網站-*/
    .linkpage a:nth-child(4n),
    .linkpage a:nth-child(3n),
    .linkpage a {
        margin: 0 5% 25px 0;
    }

    .linkpage a:nth-child(2n) {
        margin-right: 0;
    }

    .linkpage a {
        float: left;
        width: 47.5%;
        background: url(../images/link-bg.png) right bottom no-repeat #fff;
        padding: 20px 0 60px 0;
        height: 40px;
        background-size: 56px;
    }

    /*-最新消息-*/
    .newslist > a p {
        width: 100%;
        margin: 0;
    }

    /*-faq-*/
    .faq-tab {
        width: 100%;
    }

    .newfriend-faq {
        margin: 0 0 5px 0;
    }

    .faq-list > a {
        margin: 0;
    }

    .faq-list {
        margin: 0 0 15px 0;
    }

    .faq-tab a {
        width: 44.9%;
    }

    /*-登入頁en-*/
    .login-cont-en .btn-list a {
        width: 138px;
    }
}

@media (max-width:768px) {
    a.print_btn {
        display: none;
    }

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

    a.print-btn {
        display: none;
    }

    /*-規範條款-*/
    .directions strong {
        margin: 0 0 5px 25px;
        width: 90%;
    }

    .directions ul {
        float: left;
        width: 90%;
        margin: 0 0 0 25px;
    }

    /*-購物車-填寫寄送資料-*/
    .select-receive select {
        width: 105px;
        background: url(../images/rwd_select_att.png) 92% center no-repeat #fff;
    }

    /*-最新消息-*/
    .newslist > a {
        margin: 0 0 1px 0;
        padding: 8px 3%;
        line-height: 28px;
        font-size: 16px;
    }

    /*-basic-*/
    select {
        border: 1px solid #ccc;
        -webkit-appearance: none;
        border-radius: 0;
        background: url(../images/rwd_select_att.png) 92% center no-repeat #fff;
        font-family: 微軟正黑體;
        padding: 6px 2% !important;
        line-height: initial;
        border-radius: 2px;
    }

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

    input[type="text"] {
        -webkit-appearance: none;
        font-family: Arial, "微軟正黑體";
        border: 1px #ccc solid;
        padding: 8px 5px;
        font-size: 15px;
    }

    input.textfield.long,
    input.textfield {
        width: 95%;
        padding: 8px 2%;
    }

    .delivery-info input[type=text] {
        padding: 8px 2%;
        width: 95%;
    }

    .delivery-info .shipping-zipcode-wrap input[type=text] {
        padding: 8px 2%;
        width: 70px;
    }

    /*-訂單查詢-*/
    .ordersear-amount select {
        width: 70px;
        background: url(../images/rwd_select_att.png) 91% center no-repeat #fff;
    }

    .order-time-start select,
    .order-time-end select {
        width: 65px;
        background: url(../images/rwd_select_att.png) 91% center no-repeat #fff;
    }

    .order-time-start,
    .oder-time-to,
    .order-time-end {
        float: left;
        width: 270px;
    }

    /*-訂單查詢-內頁-*/
    a.btn-ordersPrint {
        display: none !important;
    }

    .orderdetail-btn {
        float: left;
        width: 100%;
        text-align: right;
    }

    /*-商品詳細頁-*/
    .stampinfo-amount input[type=text] {
        padding: 6px 5px;
    }

    /*-購物車-填寫寄送資料-*/
    .shipping-address-select select {
        width: 95px;
        background: url(../images/rwd_select_att.png) 95% center no-repeat #fff;
    }
}

@media (max-width:705px) {
    .login2 {
        width: 90%;
        padding: 18px 0;
    }

    .login2 .account label,
    .login2 .code label {
        font-size: 16px;
        margin: 0 0 6px 0;
    }
}

@media (max-width:640px) {
    .pagetitle p {
        width: 92%;
    }

    a.pagenews-cont {
        float: left;
        width: 74%;
    }

    .pagenews-cont > p {
        width: 71%;
    }

    /*--*/
    .register-s1-btn .btn-disagree {
        padding: 6px 20px;
        font-size: 15.5px;
        width: 245px;
        margin: 0;
    }

    .register-s1-btn .btn-agree {
        width: 245px;
        padding: 6px 20px;
        font-size: 15.5px;
        margin: 0 0 10px 0;
    }

    .clause-lev4 > li {
        list-style: none !important;
        margin: 0 !important;
        width: 95% !important;
    }

    .clause-lev2 > li span.text {
        width: 85%;
        float: left;
    }

    .clause-lev2 > li span.text {
        width: 90%;
        float: left;
    }

    .clause-lev1 > li > .infor {
        margin: 0 0 0 32px;
        width: 92% !important;
        float: left;
    }

    .clause-lev1 > li .text {
        width: 89%;
    }

    .clause-lev2 > li > .infor {
        margin: 0 0 0 31px;
        width: 87% !important;
        float: left;
    }

    .clause-lev3 li {
        list-style: decimal;
        list-style-position: outside;
        margin: 5px 0 0 48px;
        width: 82%;
        float: left;
    }

    /*-隱私權政策-*/
    .privacypolicy-lev1 li p,
    .privacypolicy-lev1 li.announce p,
    .privacypolicy-lev2 {
        margin: 0 0 10px 34px;
        width: 90%;
        float: left;
    }

    /*-票品列表-*/
    .stamp-list li {
        height: 360px;
    }

    .stamplist-tab a {
        padding: 7px 2px;
        width: 30px;
    }

    .stampinfo {
        margin: 9px 0 0 0;
    }

    .addtocart-wrap {
        margin: 12px 0 0 0;
        font-size: 15px;
        text-align: center;
    }

    .stamp-list li > a > img {
        width: 120px;
        margin: 0 auto;
        height: 120px;
        display: block;
    }

    /*-個人化郵票-*/
    .tcont li {
        font-size: 16px;
    }

    /*-集郵服務中心-*/
    .link-slider-inner2 a {
        width: 135px;
        height: 56px;
    }

    /*-上傳圖檔說明-*/
    .uploadpic-rules strong,
    .directions strong {
        font-size: 18px;
    }

    /*--*/
    .stamp-maintab a.stamprank.active img,
    .stamp-maintab a.stamprecommend.active img {
        display: block;
        position: absolute;
        bottom: -8px;
        left: 47%;
        width: 16px;
    }

    /*-購物車s1-*/
    .shopping-s1 .btn-row a {
        display: inline-block;
        vertical-align: top;
        padding: 9px 0;
        color: #fff;
        border-radius: 35px;
        font-weight: bold;
        width: 25%;
        text-align: center;
        margin: 0 1.5% 13px 1.5%;
        background: #32beb3;
        line-height: initial;
        height: auto;
        cursor: pointer;
        font-size: 15px;
    }

    /*-集郵中心-關於我們-*/
    .insrtuction-article li p {
        width: 93%;
    }

    /*-詳細頁-*/
    .stamp-detail-tab a {
        width: 33%;
    }

    /*-購物車-*/
    .step-line {
        display: none;
    }

    .shopping-step a,
    .shopping-step a:first-child {
        float: left;
        font-size: 14.5px;
        font-weight: bold;
        width: 31%;
        margin: 7px 1%;
    }

    .s1-i,
    .s2-i,
    .s3-i,
    .s4-i,
    .s5-i,
    .s6-i {
        width: 40px;
        height: 40px;
        margin: 0 auto;
        display: block;
        border-radius: 99em;
    }

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

    .pagination > span {
        display: none;
    }

    /*-票品排行-*/
    .tab-list a {
        float: left;
        text-align: center;
        background: #fff;
        padding: 10px 2%;
        font-size: 17px;
        border-right: 0;
        width: 46%;
        margin: 0 0 1px 0;
    }

    .tab-list2 a,
    .tab-list3 a,
    .tab-list4 a {
        float: left;
        text-align: center;
        background: #f3f3f3;
        padding: 10px 2%;
        font-size: 17px;
        border-right: 0;
        width: 45%;
        margin: 0 0.2% 1px 0.1%;
    }

    .addtocart-wrap select {
        border: 0;
        background: #f2f2f2;
        height: 40px;
        margin: 0 0 9px 0;
        padding: 5.5px 5%;
        width: 130px;
    }

    /*-個人化郵票1-*/
    .personlization-stamp-list a img,
    .personlization-stamp-list2 a img {
        width: 175px;
        margin: 0 auto 10px auto;
        height: 134px;
    }

    .per-stamp-info {
        width: 175px;
    }

    .per-stamp-info strong {
        line-height: 24px;
        margin: 0 0 5px 0;
        font-size: 17px;
    }

    .personlization-step a p {
        line-height: 23px;
        padding: 0 0 0 4%;
        float: left;
        width: 75%;
        text-align: left;
        height: initial
    }

    .personlization-step a {
        width: 33%;
        padding: 15px 0;
        font-size: 16.5px;
    }

    .personlization-step a {
        width: 46%;
        padding: 10px 2%;
        font-size: 16px;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
    }

    .personlization-step a:first-child {
        height: 46px;
    }

    .personlization-step a span {
        width: 15px;
        height: 15px;
        padding: 8px;
        font-size: 14px;
        margin: 0;
        float: left;
    }

    .personlization-stamp-list a:nth-child(4n),
    .personlization-stamp-list a,
    .personlization-stamp-list a:nth-child(3n),
    .personlization-stamp-list2 a:nth-child(4n),
    .personlization-stamp-list2 a,
    .personlization-stamp-list2 a:nth-child(3n) {
        margin: 0 4.5% 30px 0;
        width: 40%;
        padding: 25px 3%;
    }

    .personlization-stamp-list a {
        height: 195px;
    }

    .personlization-stamp-list a:nth-child(2n),
    .personlization-stamp-list2 a:nth-child(2n) {
        margin-right: 0;
    }

    /*-登入頁-en-*/
    .login-cont-en .btn-list a {
        width: 120px;
    }

    /*-登入頁-*/
    .btn-list a img {
        width: 75px;
        height: 75px;
    }

    .btn-list a {
        margin: 0 2%;
        width: 27%;
    }

    section.login-right-part {
        width: 88%;
        margin: 0;
    }

    .account label,
    .code label,
    .login-verify label {
        font-size: 17px;
        font-weight: bold;
    }

    .login-verify label {
        width: 100%;
        text-align: left;
    }

    .login-verify {
        margin: 0;
    }

    section.login {
        width: 88%;
        margin: 0 0 38px 0;
    }

    .login-tab > a {
        width: 44%;
        padding: 9px 3%;
        font-size: 17px;
        line-height: 23px;
        height: 44px;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: center;
        justify-content: center;
    }

    /*-訂價說明-*/
    .thead li {
        float: left;
        width: 29%;
        background: #ccefec;
        padding: 7px 2%;
        border-right: 1px solid #fff;
    }

    /*-網站導覽-*/
    .sitemap a {
        width: 80%;
        padding: 9px 8% 9px 12%;
        font-size: 16px;
        background: url(../images/sitemap-dot.png) 13px 18px no-repeat #fff;
    }

    .sitemap a.sitemap-title {
        width: 90%;
        padding: 9px 5%;
        font-size: 17px;
    }

    /*-相關網站-*/
    .linkpage a:nth-child(4n),
    .linkpage a:nth-child(3n),
    .linkpage a {
        margin: 0 0 15px 0;
    }

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

    .linkpage a p {
        margin: 0 0 0 5%;
        width: 95%;
        font-weight: bold;
        font-size: 16.5px;
        text-align: left;
        line-height: 26px;
        float: left;
    }

    .linkpage a {
        float: left;
        width: 88%;
        background: url(../images/link-bg.png) right bottom no-repeat #fff;
        padding: 25px 12% 25px 0;
        height: auto;
        background-size: 56px;
        min-height: 55px;
    }

    /*-集郵服務中心-關於我們-*/
    .instruction-title {
        margin: 0 0 10px 0;
        font-size: 20px;
        padding: 0 0 7px 0;
    }

    .instruction-cont {
        margin: 0 0 20px 0;
    }

    .servicecenter-tab a {
        width: 50%;
        padding: 16px 0;
        font-size: 17px;
    }
}

@media (max-width:515px) {
    .page-slider-thumb img {
        width: 50px;
        height: 50px;
    }
}

@media (max-width:500px) {

    /*-訂單查詢-內頁-*/
    .orderdetail-info tr th,
    .orderdetail-info tr td,
    .orderdetail-deal tr th,
    .orderdetail-deal tr td {
        vertical-align: middle;
        padding: 12px 2%;
        white-space: initial;
        float: left;
        width: 96%;
    }

    .orderdetail-info tr th,
    .orderdetail-deal tr th {
        width: 96%;
        float: left;
    }

    .orderdetail-info tr,
    .orderdetail-deal tr {
        border-top: 0;
    }
}

@media (max-width:495px) {
    .pagenews-cont > p {
        width: 69%;
    }

    .pagenews a.more p {
        float: left;
        margin: 0 2px 0 0;
        font-weight: bold;
        line-height: 26px;
        width: 40px !important;
        font-size: 14px;
    }

    .pagenews-cont > p {
        width: 71%;
    }

    .pagenews a.more {
        float: right;
        width: 60px;
        margin: 7px 2% 7px 0;
    }

    .pagenewstitle {
        width: 96%;
        padding: 3px 2%;
    }

    a.pagenews-cont {
        float: left;
        width: 77%;
        padding: 3px 2%;
    }

    .ps-sort,
    .ps-keyword,
    .ps-year {
        float: left;
        width: 96%;
        margin: 0;
        padding: 6px 2%;
        border-bottom: 1px solid #f3f3f3;
    }

    .ps-sort,
    .ps-keyword,
    .ps-year {
        width: 96%;
        padding: 6px 2%;
    }

    /*-faq-*/
    .faq-tab a {
        width: 44.7%;
        padding: 4px 10px;
    }
}

@media (max-width:600px) {

    /*-網站導覽-*/
    .sitemap,
    .sitemap:nth-child(3n) {
        width: 100%;
        margin: 0 0 15px 0;
    }

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

    .sitemap a {
        width: 88%;
        padding: 7px 5% 7px 7%;
        font-size: 16px;
        background: url(../images/sitemap-dot.png) 17px 16px no-repeat #fff;
    }

    .sitemap a.sitemap-title {
        width: 93%;
        padding: 9px 3.5%;
        font-size: 17px;
    }
}

@media (max-width:480px) {
    .page-top {
        padding: 20px 0;
    }

    /*-faq-*/
    .fornewfriend strong {
        font-size: 17px;
    }

    /*-s1-*/
    .clause-lev2 > li span.text {
        width: 88%;
        float: left;
    }

    .register-agreement {
        height: 500px;
        line-height: 28px;
        font-size: 16px;
        padding: 12px 4%;
    }

    .clause-lev1 > li > .infor {
        margin: 0 0 0 35px;
        width: 90% !important;
        float: left;
    }

    .clause-lev2 > li {
        margin: 0 0 5px 35px;
        width: 90% !important;
        float: left;
    }

    .clause-lev2 > li > .infor {
        margin: 0;
        width: 100% !important;
        float: left;
    }

    .clause-lev3 li {
        list-style: decimal;
        list-style-position: outside;
        margin: 5px 0 0 18px;
        width: 94%;
        float: left;
    }

    .sort-cont {
        float: left;
        width: 96%;
        margin: 0 0 0 21px;
    }

    /*-隱私權政策-*/
    .privacypolicy-maintitle span {
        width: 87%;
    }

    .privacypolicy-lev1 li p,
    .privacypolicy-lev1 li.announce p,
    .privacypolicy-lev2 {
        margin: 0 0 10px 34px;
        width: 86%;
        float: left;
    }

    .privacypolicy-lev2 p {
        width: 86% !important;
    }

    /*-basic-*/
    select {
        background: url(../images/rwd_select_att.png) 96% center no-repeat #fff;
    }

    /*-訂單查詢-*/
    .ordersear-amount input[type="text"] {
        width: 140px;
    }

    /*-登入頁-*/
    .account label,
    .code label,
    .login-verify label {
        font-size: 16px;
        font-weight: bold;
    }

    .login-tab > a {
        width: 44%;
        padding: 7px 3%;
        font-size: 15.2px;
        line-height: 21px;
        height: 44px;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: center;
        justify-content: center;
    }

    /*-票品專區-*/
    .tab-list2 a,
    .tab-list3 a,
    .tab-list4 a {
        padding: 10px 2%;
        font-size: 15px;
        font-weight: bold;
        width: 45%;
        margin: 0 0.2% 1px 0.1%;
    }

    /*-集郵服務中心-*/
    .page-date span {
        float: left;
        width: 100%;
        font-size: 14.5px;
        line-height: 22px;
        margin: 0 0 1px 0;
    }

    .newslist > a span {
        float: left;
        width: 95px;
        margin: 0 18px 0 0;
        color: #32beb4;
        line-height: initial;
        font-size: 16px;
    }

    .servicecenter-index-title strong {
        font-size: 20px;
    }

    /*-台北熱門郵訊-*/
    .tp-stampnews > a span {
        font-size: 16px;
    }

    .tp-stampnews > a {
        padding: 10px 3%;
    }

    /*-台北生活采風-*/
    .taipeispot-select select {
        width: 150px;
        font-size: 15px;
    }

    .taipeispot-select {
        float: left;
        margin: 0 0 20px 0;
        width: 100%;
        text-align: left;
    }

    /*-搜尋結果-*/
    p.inventory-wrap {
        margin: 0 0 9px 0;
        color: #25ada3;
        font-size: 15px;
        font-weight: bold;
        border-radius: 35px;
        width: 110px;
        background: #f3f3f3;
        display: inline-block;
        margin: 0 4px 0 0;
        padding: 8px 0;
        /* float: left; */
        /* display: inline-block; */
    }

    .addtocart-wrap a {
        display: inline-block;
        width: 115px;
        padding: 11px 0;
        text-align: center;
        vertical-align: top;
        font-weight: bold;
        font-size: 15px;
        height: 18px;
    }

    /*-詳細頁-*/
    .page-slider-nav .page-slider-thumb {
        margin: 5px;
    }

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

    ul.stamp-info-list li p.stock-tag {
        float: left;
        background: #ff6c00;
        padding: 1px 20px;
        font-size: 14px;
        color: #fff;
        min-width: auto;
        border-radius: 30px;
        width: auto;
    }

    .stamp-info-btn a {
        padding: 6px 0;
        margin: 0 1%;
        width: 47%;
        font-size: 16px;
    }

    a.enlarge-btn {
        display: inline-block;
        width: 95px;
        border: 1px solid #ccc;
        padding: 3px 5px 3px 25px;
        font-size: 15.5px;
        font-weight: bold;
        background: url(../images/eye-icon.png) 26px center no-repeat;
        background-size: 19px;
    }

    ul.stamp-info-list li {
        padding: 0 0 6px 0;
        margin: 0 0 14px 0;
        font-size: 16px;
    }

    section.stamp-name-wrap strong {
        width: 100%;
        margin: 0 0 8px 0;
        font-size: 20px;
    }

    a.share-btn img {
        width: 14px;
    }

    a.share-btn {
        float: left;
        border: 1px solid #ccc;
        padding: 8.5px 12px 8.5px 11px;
        margin: 0 0 0 10px;
        background: #f3f3f3;
        line-height: initial;
    }

    .sharing-drop img {
        width: 100%;
    }

    .sharing-drop {
        width: 39px;
        top: 35px;
    }

    .sharing-drop a {
        height: 32px;
        float: left;
    }

    section.stamp-name-wrap {
        border-bottom: 1px solid #ccc;
        padding-bottom: 10px;
        margin-bottom: 15px;
    }

    /*-票品專區-*/
    .tab-list-cont2 .stamp-list li,
    .tab-list-cont3 .stamp-list li,
    .tab-list-cont4 .stamp-list li {
        margin: 0;
        border-bottom: 2px solid #f1f1f1;
    }

    .tab-list-cont2 .stamp-list li:last-child,
    .tab-list-cont3 .stamp-list li:last-child,
    .tab-list-cont4 .stamp-list li:last-child {
        border-bottom: 0;
    }

    /*-商品列表-*/
    .st-tb-pic-cont img {
        width: 105px;
        height: 105px;
    }

    li.st-tb-pic {
        height: 95px;
    }

    .st-tb-name-cont span.notsell-tag,
    .st-tb-name-cont span.notsell-tag2 {
        font-size: 13px;
        border-radius: 4px;
        padding: 6px 12px;
        float: left;
        margin: 3px 0 0 0;
        color: #fff;
    }

    li.st-tb-name-cont {
        height: 57px;
    }

    li.st-tb-name {
        height: 47px;
    }

    .stamplist-tb-wrap {
        margin: 0;
    }

    /*-購物車-填寫寄送資料-*/
    .shipping-address-country label {
        float: left;
        width: 100%;
        margin: 0 0 7px 0;
    }

    .shipping-address-country select {
        width: 100%;
    }

    /*-購物車s1-*/
    .shopping-s1 .btn-row {
        margin: 0;
    }

    .shopping-s1 .instruction-cont {
        margin: 0;
    }

    /*-我的收藏-*/
    .mycollection-page .pagination {
        text-align: center;
        display: inline-block;
        margin: 15px 0 35px 0;
        width: 100%;
        padding: 0;
    }

    .memzone-title img {
        float: left;
        width: 18px;
        margin: 4px 0 0 0;
    }

    .memzone-title p {
        float: left;
        width: 80%;
        margin: 0 0 0 6px;
        font-size: 21px;
        font-weight: bold;
    }

    .memzone-forword {
        margin: 0 0 12px 0;
        font-size: 16px;
        line-height: 26px;
    }

    /*-標題-*/
    .servicecenter-tab-cont-title {
        margin: 0 0 10px 0;
    }

    .servicecenter-tab-cont-title strong {
        font-size: 20px;
    }

    /*-登入頁2-*/
    section.loginpage2-part2 p {
        margin: -25px auto 11px auto;
        width: 230px;
        line-height: 25px;
        display: block;
    }

    /*-更多-*/
    .ad-list li .info {
        width: 100%;
        margin: 3px 0 0 0;
        font-size: 16px;
    }

    /*-個人化郵票-*/
    .pricing-intro-title {
        font-size: 19px;
        margin: 0 0 4px 0;
    }

    .pricing-intro2 {
        padding: 12px 2%;
    }

    .pricing-intro2 > p {
        margin: 7px 0;
        line-height: 26px;
    }

    .personlization-index {
        margin: 0;
    }

    /*-訂閱電子報完成頁-*/
    .approved-wrap {
        margin: 0;
    }

    .approved p {
        margin: 5px 0 0 0;
        font-weight: bold;
        font-size: 16px;
        line-height: 26px;
    }

    /*-集郵服務中心-*/
    .servicecenter-news,
    .servicecenter-link {
        float: left;
        width: 100%;
        margin: 0;
    }

    .servicecenter-link-cont .link-slider .slick-prev {
        left: 0;
        background: url(../images/link-prev.png) 0 0 no-repeat !important;
        background-size: 35px !important;
        top: 46%;
        width: 35px;
        height: 35px;
    }

    .servicecenter-link-cont .link-slider .slick-next {
        right: 0;
        background: url(../images/link-next.png) 0 0 no-repeat;
        background-size: 35px !important;
        top: 46%;
        width: 35px;
        height: 35px;
    }

    /*-找不到頁面-*/
    .not-found p {
        display: inline-block;
        margin: 0 0 0 3px;
        font-weight: bold;
        font-size: 18px;
        line-height: 52px;
    }

    /*-購物車FA-*/
    ul.fa-order-tb-head {
        width: 30%;
    }

    ul.fa-order-tb-cont {
        float: left;
        width: 70%;
    }

    .fa-alert p {
        display: inline-block;
        vertical-align: middle;
        margin: 0 2%;
        width: 95%;
        text-align: left;
        line-height: 27px;
        font-size: 15.5px;
    }

    .fa-alert img {
        display: block;
        vertical-align: middle;
        width: 50px;
        margin: 0 auto 9px auto;
    }

    /*--*/
    .contact-complete-page img {
        width: 85px;
    }

    .contact-complete-page p {
        margin: 8px 0 0 0;
        font-size: 17px;
    }

    /*-購物車s1-*/
    .shopping-s1 .insrtuction-article li.insrtuction-subtitle {
        width: 95%;
        padding: 0 0 0 4%;
        font-size: 17px;
        background: url(../images/sitemap-dot.png) 4px 9px no-repeat #fff;
    }

    .shopping-s1 .btn-row a {
        padding: 9px 0;
        width: 105px;
        margin: 0 3px 13px 3px;
        line-height: initial;
        height: auto;
        font-size: 15px;
    }

    /*-集郵中心-關於我們-*/
    .insrtuction-article li p {
        width: 92%;
    }

    /*-與我們聯絡-*/
    .cs-info {
        padding: 7px 2%;
    }

    .tb-remind {
        font-size: 15px;
        line-height: 23px;
        margin: 0 0 10px 0;
    }

    .btn-row a,
    .del_btn,
    .modify_btn {
        padding: 9px 0;
        width: 105px;
        margin: 0 5px;
        line-height: initial;
        height: auto;
        cursor: pointer;
        font-size: 15px;
    }

    /*-詳細頁-*/
    ul.stamp-info-list li.stampinfo-stock {
        margin: 0 0 27px 0;
    }

    li.stamp-info-btn {
        margin: 27px 0 0 0 !important;
    }

    li.stampinfo-amount {
        width: 244px !important;
        margin: 0 auto !important;
        float: none !important;
        display: block;
    }

    .stampinfo-amount input[type=text] {
        width: 140px;
    }

    .recommend-buy-wrap-title p {
        width: 32.5%;
    }

    .stamp-detail-tab a {
        width: 32.5%;
    }

    /*-購物車-*/
    .shopping-form .tb {
        font-size: 16px;
    }

    .shopping-s4 .shopping-btn a,
    .shopping-s3 .shopping-btn a {
        padding: 11px 0;
        width: 115px;
        text-align: center;
        margin: 0 0 0 8px;
        font-size: 15px;
    }

    .shoppingcart-subtitle {
        margin: 0 0 15px 0;
        font-size: 19px;
    }

    /*-票品排行-*/
    .addtocart-wrap a p {
        font-size: 15px;
    }

    section.stamprank-zone,
    .stamprecommend-zone,
    .discount-zone {
        margin: 0;
    }

    .stampsear-title {
        width: 92%;
        padding: 14px 4%;
        font-size: 18px;
        margin: 0 0 10px 0;
    }

    .stamprank-zone strong,
    .stamprecommend-zone strong,
    .discount-zone strong {
        width: 92%;
        padding: 13px 4%;
        font-size: 17px;
        text-align: left;
        margin: 0 0 18px 0;
    }

    .stamp-maintab a {
        padding: 13px 0;
        font-size: 17px;
    }

    .pagination > a {
        font-size: 15px;
        padding: 8px 9px;
        margin: 0 2px;
    }

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

    .pagination {
        text-align: center;
        display: inline-block;
        margin: 0;
        padding: 30px 0 10px 0;
    }

    .stamp-list {
        margin: 0;
    }

    .tab-list {
        float: left;
        width: 100%;
        margin: 0 0 20px 0;
    }

    .addtocart-wrap select {
        border: 0;
        background: #f2f2f2;
        height: 40px;
        margin: 0 1% 0 0;
        padding: 5.5px 5%;
        width: 85px;
    }

    .stamp-list li {
        display: inline-block;
        vertical-align: top;
        width: 92%;
        margin: 0 0 10px 0;
        background: #fff;
        padding: 15px 4%;
        height: auto;
    }

    .addtocart-wrap {
        margin: 10px 0 0 0;
    }

    p.stampinfo-title {
        font-weight: bold;
        line-height: 25px;
        font-size: 18px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        max-height: 50px;
        height: auto;
    }

    /*-訂單查詢-*/
    ul.ordertb-head {
        width: 42%;
    }

    .ordertb-head li {
        padding: 13px 4%;
        width: 92%;
        border-bottom: 1px solid #9fdcd8;
        font-size: 16px;
    }

    ul.ordertb-cont {
        width: 58%;
        background: #f3f3f3;
    }

    .ordertb-cont li {
        font-size: 16px;
    }

    /*-會員頁面-*/
    .shopping-s3,
    .mycollection-page {
        margin: 12px 0 0 0;
    }

    /*-我的收藏-*/
    .memzone-cont {
        width: 94%;
        padding: 20px 3%;
        margin: 0;
        text-align: center;
    }

    /*-上傳圖檔說明-*/
    .uploadpic-rules strong {
        font-size: 18px;
        margin: 0 0 7px 0;
        line-height: 26px;
    }

    .directions strong {
        font-size: 18px;
    }

    /*-個人化郵票1-*/
    .personlization-step a {
        padding: 8px 2%;
        font-size: 15px;
    }

    .personlization-step a span {
        width: 15px;
        height: 15px;
        padding: 6px;
        font-size: 14px;
        margin: 0;
        float: left;
    }

    .personlization-stamp-list a:nth-child(4n),
    .personlization-stamp-list a,
    .personlization-stamp-list a:nth-child(3n),
    .personlization-stamp-list2 a:nth-child(4n),
    .personlization-stamp-list2 a,
    .personlization-stamp-list2 a:nth-child(3n) {
        margin: 0 4.5% 20px 0;
        width: 40%;
        padding: 20px 3%;
    }

    .personlization-stamp-list a:nth-child(2n),
    .personlization-stamp-list2 a:nth-child(2n) {
        margin-right: 0;
    }

    .personlization-stamp-list a img,
    .personlization-stamp-list2 a img {
        width: 155px;
        margin: 0 auto 10px auto;
        height: 119px;
    }

    .per-stamp-info {
        width: 155px;
    }

    /*-登入頁-en-*/
    .login-cont-en .btn-list a p {
        margin: 5px 0 0 12px;
        font-size: 16px;
        width: 70%;
    }

    .login-cont-en .btn-list a {
        width: 100%;
        text-align: left;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        margin: 0 0 11px 0;
    }

    .login-cont-en .btn-list a:last-child {
        margin: 0;
    }

    .login-cont-en .btn-list a img {
        width: 75px;
        height: 75px;
        float: left;
    }

    /*-登入頁-*/
    .login-cont,
    .login-cont-en {
        padding: 25px 0 35px 0;
    }

    .btn-list a {
        margin: 0 2%;
        width: 28%;
    }

    .btn-list a p {
        font-size: 15px;
    }

    .loginpage {
        margin: 0;
    }

    /*-margin-bottom-*/
    .page-article,
    .page-article2,
    .newslist,
    .servicecenter-tab-cont {
        margin-bottom: 0;
    }

    /*-新手上路-*/
    .tag-zone a {
        padding: 2px 18px;
        margin: 0 4px 11px 4px;
        float: left;
        font-size: 14.5px;
    }

    /*-集郵服務中心-關於我們-*/
    .servicecenter-tab a {
        width: 50%;
        padding: 14px 0;
        font-size: 16px;
    }

    /*-font-size-*/
    .page-article,
    .page-article2,
    .servicecenter-tab-cont {
        padding: 15px 3%;
        font-size: 16px;
        width: 94%;
    }

    .cs-remind,
    .newslist > a {
        font-size: 16px;
    }

    .newslist > a {
        padding: 12px 3%;
    }

    .pagetitle p {
        font-size: 21px;
        font-weight: bold;
        line-height: 28px;
        width: 88%;
        margin: 0 0 0 4px;
    }

    .pagetitle img {
        display: inline-block;
        vertical-align: middle;
        width: 17px;
        margin: 2px 0 0 0;
    }

    .pagetitle img {
        display: inline-block;
        vertical-align: top;
        width: 17px;
        margin: 7px 0 0 0;
    }

    .page-banner img {
        margin: 0 5px 0 0;
        width: 40px;
        display: none;
    }

    .page-banner p {
        font-size: 23px;
    }

    .back-top {
        float: left;
        width: 100%;
        text-align: center;
        margin: 30px 0 0 0;
    }

    a.back,
    a.top {
        width: 122px;
        font-size: 15.3px;
        font-weight: bold;
    }

    a.back {
        margin-right: 15px;
    }

    .footer-info li {
        margin: 0;
        font-size: 14px;
        line-height: 23px;
    }

    /*-btn-*/
    .taipeispot-btnwrap a {
        padding: 8px 0;
        border-radius: 30px;
        line-height: initial;
        width: 98px;
        display: inline-block;
        margin: 0 5px;
        font-weight: bold;
        font-size: 14.5px;
    }

    /*-相關網站-*/
    .linkpage a p {
        font-size: 16px;
        line-height: 24px;
    }

    .linkpage a {
        float: left;
        width: 85%;
        background: url(../images/link-bg.png) right bottom no-repeat #fff;
        padding: 15px 15% 15px 0;
        height: auto;
        background-size: 50px;
        min-height: 45px;
    }

    /*-訂價說明-*/
    .tcont li {
        float: left;
        width: 31%;
        padding: 7px 1%;
        text-align: center;
        font-size: 15px;
    }
}

@media (max-width:465px) {

    /*-faq-*/
    .faq-tab a {
        width: 46.9%;
        padding: 4px 5px;
    }
}

@media (max-width:460px) {
    .pagenews-cont > p {
        width: 68%;
    }
}

@media (max-width:450px) {

    /*-faq-*/
    .newfriend-faq p {
        width: 92%;
    }

    /*-訂單查詢-*/
    ul.ordersearch li label {
        float: left;
        width: 100%;
        line-height: initial;
        margin: 0 0 4px 0;
    }

    ul.ordersearch li {
        float: left;
        width: 92%;
        line-height: initial;
        background: #f3f3f3;
        padding: 7px 4%;
        font-size: 16px;
        font-weight: bold;
    }

    ul.ordersearch li.ordersear-remind {
        background: #32beb4;
        padding: 9px 4%;
        color: #fff;
        width: 92%;
        font-size: 16px;
        font-weight: bold;
    }

    .ordersear-no input[type="text"] {
        padding: 8px 2%;
        width: 95%;
    }

    .ordersear-stataus select {
        width: 100%;
    }
}

@media (max-width:430px) {

    /*-個人化郵票1-*/
    .per-stamp-info {
        width: 90%;
    }

    .personlization-stamp-list a {
        height: auto;
    }

    .personlization-stamp-list a:nth-child(4n),
    .personlization-stamp-list a,
    .personlization-stamp-list a:nth-child(3n),
    .personlization-stamp-list2 a:nth-child(4n),
    .personlization-stamp-list2 a,
    .personlization-stamp-list2 a:nth-child(3n) {
        margin: 0 0 15px 0;
        width: 92%;
        padding: 20px 3%;
    }

    .personlization-stamp-list a:last-child,
    .personlization-stamp-list2 a:last-child {
        margin-bottom: 0;
    }

    .ordersear-no input[type=text] {
        padding: 7.5px 1.5%;
        width: 97%;
    }

    .ordersear-stataus select {
        padding: 5px 1.5%;
        width: 100%;
    }

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

    .order-time-start,
    .oder-time-to,
    .order-time-end {
        float: left;
        width: 100%;
    }

    /*-購物車-*/
    ul.payway li p {
        margin: 0 0 8px 2px;
        width: 85%;
    }

    ul.payway li img {
        display: inline-block;
        vertical-align: top;
        margin: 0 0 0 18px;
    }
}

@media (max-width:421px) {

    /*-網站導覽-*/
    .sitemap a {
        width: 87%;
        padding: 7px 5% 7px 8%;
    }

    .sitemap a.sitemap-title {
        width: 92%;
        padding: 7px 4%;
        font-size: 16px;
    }

    /*-詳細頁-*/
    ul.stamp-info-list li p {
        margin: 0;
        width: 65%;
    }
}

@media (max-width:416px) {
    .pagenews-cont > p {
        width: 66%;
    }
}

@media (max-width:410px) {

    .tab-list2 a,
    .tab-list3 a,
    .tab-list4 a {
        float: left;
        text-align: -webkit-auto;
        background: #f3f3f3;
        padding: 9px 2%;
        font-size: 17px;
        border-right: 0;
        width: 92%;
        margin: 0 2% 1px 2%;
        font-size: 16px;
    }
}

@media (max-width:405px) {

    .ps-sort select,
    .ps-year select {
        width: 75%;
        padding: 5.5px 2%;
    }

    .ps-keyword input[type=text] {
        width: 70.5%;
        padding: 5px 2%;
    }

    /*-faq-*/
    .faq-tab a {
        width: 46.6%;
        padding: 4px 5px;
        font-size: 0.95rem;
    }
}

@media (max-width:400px) {

    /*-規範條款-*/
    .directions ul > li {
        width: 88%;
        list-style: decimal;
        margin: 0 0 8px 20px;
    }

    /*-s1-*/
    .clause-lev1 > li .text {
        float: left;
    }

    /*-詳細頁-*/
    .page-slider-thumb img {
        width: 45px;
        height: 45px;
    }

    /*-購物車確認頁-*/
    .fa-remind li a {
        float: left;
        width: 100%;
        margin: 4px 0 0 0;
    }

    /*-購物車s1-*/
    .shopping-s1 .btn-row a {
        padding: 9px 0;
        width: 88px;
        margin: 0 1px 13px 1px;
        line-height: initial;
        height: auto;
        font-size: 14.5px;
    }

    /*-票品專區-*/
    p.stampinfo-title {
        font-size: 17px;
    }

    .tab-list2 a,
    .tab-list3 a,
    .tab-list4 a {
        font-size: 15.5px;
    }

    .stamp-list li > a > img {
        width: 115px;
        height: 115px;
    }

    .stampinfo {
        float: left;
        text-align: left;
        margin: 5px 0 0 0;
    }

    .stampinfo p {
        float: left;
        width: 100%;
        margin: 0 0 1px 0;
        font-size: 16px;
        line-height: 25px;
    }

    /*-購物車-*/
    .shopping-step a p {
        float: left;
        width: 100%;
        margin: 8px 0 0 0;
        text-align: center;
        font-size: 14.3px;
    }

    /*-我的收藏-*/
    .mycollection-page .shopping-btn a {
        padding: 12px 0;
        width: 110px;
        text-align: center;
        margin: 0 0 0 8px;
    }

    /*-個人化郵票1-*/
    .personlization-step a span {
        width: 13px;
        height: 17px;
        padding: 8px 10px;
        font-size: 15px;
        margin: 0;
        float: left;
    }

    .personlization-step a p {
        line-height: 23px;
        padding: 0 0 0 4%;
        float: left;
        width: 80%;
        text-align: left;
        height: initial;
    }

    .personlization-step a:first-child {
        height: auto;
    }

    .personlization-step a {
        width: 92%;
        padding: 8px 4%;
        font-size: 16px;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        margin: 0 0 1px 0;
    }

    /*-faq-*/
    .faq-list > a {
        width: 86%;
        padding: 8px 12% 8px 2%;
    }

    .faq-list > a {
        background: url(../images/faq-close.png) 96% 21px no-repeat #32beb4;
    }

    .faq-list > a.active {
        background: url(../images/faq-open.png) 96% 14px no-repeat #32beb4;
    }

    /*-集郵服務中心-關於我們-*/
    ul.instruction-example li p,
    .insrtuction-article li p {
        width: 90%;
    }

    /*-集郵服務中心-台北生活風采-*/
    .taipeispot-intro img {
        width: 94%;
        margin: 0 auto 12px auto;
        float: none;
        display: block;
        padding: 3%;
    }

    /*-登入頁-*/
    .login-verify input[type=text] {
        float: left;
        width: 50px;
    }

    .login-remind {
        margin: 15px 0 0 0;
        font-size: 15.5px;
    }

    .btn-list a p {
        font-size: 15px;
        width: 73px;
        margin: 3px auto 0 auto;
        line-height: 20px;
    }

    .btn-list a img {
        width: 70px;
        height: 70px;
    }
}

@media (max-width: 393px) {
    .pagenews-cont > p {
        width: 64%;
    }
}

@media (max-width: 380px) {
    .pagenews-cont > span {
        margin: 0 4px 0 0;
        font-size: 15px;
    }

    .pagenews-cont > p {
        font-size: 15px;
    }

    a.pagenews-cont {
        float: left;
        width: 76%;
        padding: 3px 1% 3px 2%;
    }

    /*-faq-*/
    .faq-tab a {
        width: 92%;
        padding: 3px 4%;
        font-size: 0.95rem;
        text-align: left;
        margin-right: 0;
    }
}

@media (max-width: 365px) {

    /*-s1-*/
    .clause-lev1 > li .text {
        width: 85%;
    }
}

@media (max-width: 360px) {
    .pagetitle p {
        width: 89%;
    }

    /*-頁數-*/
    .pagination > a {}

    /*-詳細頁-*/
    ul.stamp-info-list li span {
        float: left;
        width: 90px;
    }
}

@media (max-width: 350px) {
    .sitemap a {
        width: 85.5%;
        padding: 7px 5% 7px 9.5%;
        font-size: 16px;
        background: url(../images/sitemap-dot.png) 17px 16px no-repeat #fff;
    }

    /*--*/
    .clause-lev1 > li > .infor {
        margin: 0 0 0 35px;
        width: 88% !important;
        float: left;
    }

    .clause-lev2 > li {
        margin: 0 0 5px 35px;
        width: 88% !important;
        float: left;
    }

    .clause-lev2 > li span.text {
        width: 86%;
        float: left;
    }

    .clause-lev2 .clause-lev4 > li > .text {
        width: 88% !important;
    }

    .clause-lev3 li {
        list-style: decimal;
        list-style-position: outside;
        margin: 5px 0 0 18px;
        width: 90%;
        float: left;
    }

    /*-會員專區-個人化郵票-*/
    .mystamp-tb-head li:last-child {
        height: 69px;
    }

    .mystamp-tb-head {
        width: 30%;
    }

    .mystamp-tb-cont {
        width: 70%;
    }

    .mystamp-tb-edit a {
        margin: 0 0 7px 0;
    }

    .mystamp-tb-cont li {
        padding: 7px 4%;
        width: 92% !important;
    }
}

@media (max-width: 348px) {
    .pagenews-cont > p {
        width: 62%;
    }
}

@media (max-width: 339px) {
    a.pagenews-cont {
        float: left;
        width: 74%;
        padding: 3px 1% 3px 2%;
    }

    .pagenews-cont > p {
        width: 59%;
    }
}

@media (max-width: 340px) {
    .shopping-agree input[type="checkbox"] {
        float: left;
        line-height: 23px;
        margin: 5px 0 0 0;
    }

    .shopping-agree label {
        float: left;
        width: 90%;
        margin: 0 0 0 2%;
        line-height: 23px;
    }
}

@media (max-width: 330px) {

    /*-登入頁-*/
    .login-tab > a {
        font-size: 16px;
    }
}