﻿.hide {
    display: none;
}

/***** RWD Style *****/
.rwd-back-pc {
    text-align: center;
    padding-bottom: 12px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ddd;
    font-size: 15px;
    /*display: none;*/
}
.rwd-back-pc a {
    display: block;
    width: 100px;
    margin: 0 auto;
    padding-left: 13px;
    background: url(../images/back_pc_icon.png) 0 4px no-repeat;
}
.rwd-back-mobile {
    text-align: center;
    padding-bottom: 12px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ddd;
    font-size: 15px;
    /*display: none;*/
}
.rwd-back-mobile a {
    display: block;
    width: 67px;
    margin: 0 auto;
    padding-left: 13px;
    background: url(../images/back_mobile_icon.png) 0 2px no-repeat;
}
.pc-show {
    display: none;
}

.rwd-show {
    display: none;
}
.rwdheader {
    position: fixed;
    top: 0;
    width: 100%;
    min-width: 320px;
    background: url(../images/rwd_header_bg.png) 0 0;
    z-index: 99999;
    display: none;
}

.rwdnav {
    height: 100%;
    background: #fff;
    padding-top: 59px;
}

.rwdlogo {
    background: url(../images/rwd_logo.png) 0 0 no-repeat;
    display: block;
    font-size: 0;
    width: 220px;
    height: 40px;
    float: left;
    margin: 12px 0px 0 15px;
}


/* rwd nav */

.rwdsearch {
    background: #3fc8de;
    padding: 10px;
    text-align: center;
}

.rwdsearch-textfield {
    border: 0px;
    font-size: 1rem;
    padding: 5px;
    height: 26px;
    border-radius: 0;
    vertical-align: top;
    display: inline-block;
    width: 82%;
    margin-right: -6px;
}

.rwdsearch-btn {
    border: 0px;
    font-size: 0;
    height: 36px;
    width: 38px;
    vertical-align: top;
    display: inline-block;
    border-radius: 0;
    background: url(../images/rwd_search.png) center center no-repeat #fff;
}

.rwd-lang {
    width: 90%;
    margin: 20px auto;
    border: 1px solid #e4e4e4;
    border-radius: 3px;
}

.rwd-lang li {
    width: 100%;
    display: block;
    /*margin-right: -4px;*/
    text-align: center;
    font-size: 18px;
}

.rwd-lang li a {
    display: block;
    padding: 10px 0 10px 20px;
    color: #666;
}

.rwd-lang li .tw {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.rwd-lang li .en {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.rwd-lang li .current {
    background: #03a200;
    color: #fff;
}

.rwd-lang li .home {
    background: url(../images/home.png) 40% 9px no-repeat;
}

.rwd-arr-close,
.rwdmisc-arr-close {
    background: url(../images/rwd_nav_arr_close.png) 96% center no-repeat;
}

.rwd-arr-open,
.rwdmisc-arr-open {
    background: url(../images/rwd_nav_arr_open.png) 96% center no-repeat;
}

.navfirst {
    border-bottom: 1px solid #e4e4e4;
}

.navsecond {
    display: none;
    background: #f4f4f4;
}

.navthird {
    display: none;
    background: #e2e2e2;
}

.navfirst-item,
.navfirst-item-current,
.navsecond-item,
.navsecond-item-current {
    border-top: 1px solid #e4e4e4;
}

.navfirst-item > a,
.navsecond-item > a,
.navthird-item > a,
.navfirst-item-current > a,
.navsecond-item-current > a,
.navthird-item-current > a {
    display: block;
    text-align: left;
    color: #555;
    padding: 15px 20px;
    font-size: 1.2rem;
    position: relative;
}

.navfirst-item-current > a {
    color: #0fa1b8;
    font-weight: bold;
}

.navsecond-item > a {
    padding: 15px 36px;
}

.navsecond-item > a::before {
    content: "";
    width: 6px;
    height: 6px;
    display: inline-block;
    vertical-align: top;
    border-radius: 999em;
    background-color: #aaa;
    margin: 6px 0 0 0;
    position: absolute;
    left: 25px;
}

.navsecond-item-current > a {
    padding: 15px 36px;
    color: #0fa1b8;
    font-weight: bold;
}

.navsecond-item-current > a::before {
    content: "";
    width: 6px;
    height: 6px;
    display: inline-block;
    vertical-align: top;
    border-radius: 999em;
    background-color: #0fa1b8;
    margin: 6px 0 0 0;
    position: absolute;
    left: 25px;
}

.navthird-item > a {
    padding: 15px 35px 15px 42px;
    font-size: 1.1rem;
}

.navthird-item > a::before {
    content: "";
    width: 7px;
    height: 1px;
    display: inline-block;
    vertical-align: top;
    background-color: #999;
    margin: 8px 0 0 0;
    position: absolute;
    left: 30px;
}

.navthird-item-current {
    background: #ccc;
}

.navthird-item-current > a {
    color: #fff;
    padding: 15px 35px 15px 42px;
    font-size: 1.1rem;
    font-weight: bold;
    color: #0fa1b8;
}

.navthird-item-current > a::before {
    content: "";
    width: 7px;
    height: 1px;
    display: inline-block;
    vertical-align: top;
    background-color: #0fa1b8;
    margin: 8px 0 0 0;
    position: absolute;
    left: 30px;
}

.rwdbiz {
    background: #efefef;
    padding: 10px 10px;
}

.rwdbiz ul li {
    display: inline-block;
    margin: 10px -4px 10px 0;
    width: 24%;
}

.rwdbiz ul li a {
    font-size: 1rem;
    color: #555;
    display: block;
    text-align: center;
    padding-top: 77%;
}

.rwdbiz ul li .rwdbiz1 {
    background: url(../images/rwd_biz_icon1.png) center 0 no-repeat;
    background-size: 72%;
}

.rwdbiz ul li .rwdbiz2 {
    background: url(../images/rwd_biz_icon2.png) center 0 no-repeat;
    background-size: 72%;
}

.rwdbiz ul li .rwdbiz3 {
    background: url(../images/rwd_biz_icon3.png) center 0 no-repeat;
    background-size: 72%;
}

.rwdbiz ul li .rwdbiz4 {
    background: url(../images/rwd_biz_icon4.png) center 0 no-repeat;
    background-size: 72%;
}

.rwdbiz ul li .rwdbiz5 {
    background: url(../images/rwd_biz_icon5.png) center 0 no-repeat;
    background-size: 72%;
}

.rwdbiz ul li .rwdbiz6 {
    background: url(../images/rwd_biz_icon6.png) center 0 no-repeat;
    background-size: 72%;
}

.rwdbiz ul li .rwdbiz7 {
    background: url(../images/rwd_biz_icon7.png) center 0 no-repeat;
    background-size: 72%;
}

.rwdmisc {
    padding: 5px 0;
}

.rwdmisc li {
    border-bottom: 1px solid #ddd;
}

.rwdmisc li a {
    display: block;
    color: #555;
    text-align: center;
    padding: 12px 10px;
    font-size: 1rem;
}

.rwdmisc-locallist,
.rwdmisc-webservice,
.rwdmisc-cs {
    background: #f4f4f4;
    display: none;
}

.rwdmisc-locallist li.rwdmisc-localnews {
    width: 100%;
}

.rwdmisc-locallist li,
.rwdmisc-webservice li,
.rwdmisc-cs li {
    border-top: 1px solid #ddd;
    border-bottom: none;
}

/* rwd nav end */

/*漢堡選單動效*/

.rwdburger-wrapper {
    position: relative;
    height: 59px;
    width: 78px;
    float: right;
    background: url(../images/rwd_burger_bg.png) 0 0 no-repeat;
}

.rwdburger {
    width: 28px;
    height: 20px;
    top: 18px;
    left: 33px;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}

.rwdburger span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: #fff;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

.rwdburger span:nth-child(1) {
    top: 0px;
}

.rwdburger span:nth-child(2),
.rwdburger span:nth-child(3) {
    top: 8px;
}

.rwdburger span:nth-child(4) {
    top: 16px;
}

.rwdburger.open span:nth-child(1) {
    top: 18px;
    width: 0%;
    left: 50%;
}

.rwdburger.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.rwdburger.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.rwdburger.open span:nth-child(4) {
    top: 18px;
    width: 0%;
    left: 50%;
}

/*漢堡選單動效 end*/

/***** RWD Style end *****/

#Mobilemenu-mainService,
nav.sb-navbar,
nav #Logo a.Logo_link,
.mobile-select-menu {
    display: none;
}

td:before {
    /*display: none;*/
}

@media (max-width: 980px) {
    #Header_1 {
        width: 100%;
    }
    #Header_2 {
        width: 100%;
    }
    #Header_3 {
        width: 100%;
    }
    .megamenu_container {
        margin-left: 5px;
    }
    #MainContentContainer {
        width: 100%;
    }
    #MainContentInner {
        padding: 0 15px;
    }
    #HeaderMainMenuContainer {
        width: 100%;
    }
    #InnerBody {
        width: 100%;
    }
    #Footer {
        width: 100%;
    }

    #LocalNavContainer {
        width: 23%;
    }
    #LocalNav {
        width: auto;
        padding: 3px;
        border: 1px solid #dddbd9;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.1);
        -webkit-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.1);
    }
    #LocalNav .LocalNavBG_Top,
    #LocalNav .LocalNavAreaBG_BTM {
        display: none;
    }
    #LocalNav .LocalNavBG_BodyContainer {
        background: none;
    }
    #LocalNav .LocalNavBG_Body {
        width: 100%;
    }
    #LocalNav .LocalNavBG_Body .LocalNavGraphic img {
        width: 100%;
    }
    .demo-container {
        width: 100%;
    }

    #MainContainer {
        width: 74%;
    }
    #Main {
        width: auto;
    }

    .megamenu_container {
        width: 92%;
    }
    .megamenu > li .megamenu_fullwidth {
        width: 100%;
        max-width: 920px;
    }

    /*accordion*/
    .accordion_green .accordion,
    .accordion_related .accordion,
    .accordion_grey_gradient .width655px,
    .accordion_grey_gradient .accordion {
        width: auto;
    }
    /*accordion end*/
    /*nesttab*/
    .TabsContainer .wrap,
    .wrap {
        width: auto;
    }
    .TabsStyle2Container .wrap {
        width: auto;
    }
    /*nesttab end*/
    /*文章列表006-連結*/
    .ContentBoxContainer {
        width: auto;
        border: 1px solid #ffffff;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -moz-box-shadow: 0px 0px 5px 0px #a2a2a2;
        -webkit-box-shadow: 0px 0px 5px 0px #a2a2a2;
        box-shadow: 0px 0px 5px 0px #a2a2a2;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f4f4), color-stop(26%, #ffffff), color-stop(100%, #f9f9f9));
        /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #f4f4f4 0%, #ffffff 26%, #f9f9f9 100%);
        /* Chrome10+,Safari5.1+ */
        background: linear-gradient(to bottom, #f4f4f4 0%, #ffffff 26%, #f9f9f9 100%);
        /* W3C */
        padding: 15px;
    }
    .ContentBoxContainer .ContentBox_top,
    .ContentBoxContainer .ContentBox_btm {
        display: none;
    }
    .ContentBoxContainer .ContentBox_md {
        background: none;
        padding: 0px;
        width: 100%;
    }
    .ContentBoxContainer .ContentBox_md .GraphicImg {
        width: 30%;
    }
    .ContentBoxContainer .ContentBox_md .GraphicImg img {
        width: 100%;
    }
    .ContentBoxContainer .ContentBox_md .LinksContainer {
        width: 65%;
    }
    .ContentBoxContainer .ContentBox_md .LinksContainer .List_BTN_Style3 {
        width: 100% !important;
    }
    /*文章列表006-連結 end*/
    /*多圖*/
    .MultipleImageContainer {
        width: auto;
    }

    .photosgallery-captions {
        width: 100%;
    }
    .photosgallery-captions .sliderkit-nav {
        width: 100%;
        padding: 10px 0;
        background: #000;
    }
    .photosgallery-captions .sliderkit-nav .sliderkit-nav-prev,
    .photosgallery-captions .sliderkit-nav .sliderkit-nav-next {
        display: none;
    }
    .photosgallery-captions .sliderkit-nav .sliderkit-go-prev {
        left: 10px;
    }
    .photosgallery-captions .sliderkit-nav .sliderkit-go-next {
        right: 10px;
    }
    /*多圖 END*/
    .SinglePic_L img {
        width: 100%;
    }

    .faq-btn,
    .faq-content {
        width: 90%;
    }

    #MainAdOverView li {
        width: 100%;
    }
    #MainAdOverView li .Info {
        width: 28%;
    }
    #MainAdOverView li .IMG {
        width: 65%;
    }
    #MainAdOverView li .IMG img {
        width: 100%;
        height: auto;
    }

    #SiteMapContainer .SiteMap_Section ul.SiteMapList {
        width: 26%;
    }

    #MainContentLeft {
        width: 28%;
    }
    #MainContentRight {
        width: 70%;
    }

    /*首頁*/
    #ServiceGuideContainer {
        width: auto;
    }
    #MainAdContainer {
        width: 100%;
        height: auto;
    }
    #flexslider_big .slides > li img,
    #MainAd a img {
        height: auto;
    }

    #MarqueeContainer {
        width: auto;
        margin: 0;
        background: linear-gradient(to bottom, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
        border: 1px solid #dcdcdc;
        border-radius: 10px;
    }
    div#abgne_marquee {
        width: auto;
        background: url('../images/MarqueeBG-s.png') no-repeat 8px 9px;
    }
    div#abgne_marquee ul li a {
        padding: 0 10px 0 80px;
    }

    #QuickSearchContainer {
        width: auto;
        margin: 0;
        background: linear-gradient(to bottom, #ffffff 0%, #ededed 100%);
        border: 1px solid #dcdcdc;
        border-radius: 5px;
        height: auto;
    }
    #QuickSearch {
        padding: 10px;
    }
    #QuickSearchContainer .QuickSearchHeader {}
    #QuickSearchContainer #QuickSearchDrop {
        position: relative;
        top: 0px;
        left: 0px;
        padding: 10px 0;
        width: 100%;
        float: none;
        border-right: 0px;
    }
    #QuickSearchContainer #QuickSearchBTN {
        position: relative;
        top: 0px;
        left: 0px;
        /*text-align: center;*/
        border-left: 0px;
        padding: 20px 0 10px;
        float: none;
        border-top: 1px solid #DCDCDC;
    }
    .TabsContainer_style2 .Width400p {
        width: 100%;
    }
    .TabsContainer_style2 ul.tabs a {
        padding: 0 6px;
    }
    .dropdown dd ul {
        width: 100%;
        min-width: 100%;
    }
    .TabsContainer_style2 .wrap .pane {
        margin-bottom: 0px;
    }

    #AdBannerContainer {
        width: auto;
        background: linear-gradient(to bottom, #ffffff 0%, #f8f8f8 100%);
        border: 1px solid #dcdcdc;
        border-radius: 5px;
        height: auto;
        padding: 10px;
        overflow: hidden;
        margin: 0;
    }
    #AdBannerHeader {
        position: relative;
        top: 0px;
        left: 0px;
    }
    #AdBannerContainer .AdBanner {
        position: relative;
        top: 0px;
        left: 0px;
        margin-top: 15px;
    }
    #ui-carousel-prev {
        margin-left: 0px;
    }
    #flexslider_small_1 {
        width: 90%;
    }

    #ServiceGuideContent a {
        width: 31%;
    }
    #ServiceGuideContent a img {
        width: 90%;
    }

    #LatestNewsContainer {
        width: auto;
    }
    /*首頁 end*/
    /*集郵*/
    #StampClipart li {
        margin-bottom: 20px;
    }

    .MultipleImageContainer_2 {
        width: 100%;
        padding: 0px;
    }
    .MultipleImageContainer_2 .fotorama {
        padding: 10px 10px 0 10px;
    }
    .MultipleImageContainer_2 .fotorama,
    .MultipleImageContainer_2 .OverView-resp {
        display: block;

    }
    .MultipleImageContainer_2 .OverView-resp {
        margin: 0 10px 10px 10px;
    }
    .MultipleImageContainer_2 .sliderkit {
        display: none !important;
    }

    #ItemDetail {
        width: 40%;
    }
    #InnerItemTitle .Description {
        width: 50%;
    }
    /*集郵 end*/
}


@media (max-width: 800px) {
    #Footer .FooterSec_1Container .Sec_1 .ServiceGuide_icon {
    background: url(../images/ServiceGuide_icon.gif) no-repeat right 5px;
}
    #Footer .FooterSec_1Container .Sec_1 .WebPhone_icon {
    background: url(../images/WebPhone_icon.gif) no-repeat right 5px;
    padding: 0 18px 0 0;
}
    /** {
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
    }    */ 
    .rwd-back-pc {
        display: block;
    }      
    .pc-slider-title {
        display: none;
    }
    .Philately_ConditionSearchContainer .sec {
        border-bottom: 0;
    }
    #ItemDetail_fullwidth td.hd {
      width: 30%;
    vertical-align: top;
    }

    #ItemDetail_fullwidth td {
        width: 70%;
    }

    /*-頁數-*/
    .pagination_1 a.current {
        color: #fff;
        background: #0fa1b8;
        border: 1px solid #0fa1b8;
        display: inline-block;
    }
    .pagination_1 a {
        padding: 6px 9px;
        color: #333333;
        background: #ffffff;
        border: 1px solid #cacaca;
        font-size: 16px;
        margin: 0 0.5%;
        margin: 0 0.5% 15px 0.5%;
        display: inline-block;
    }

    /*-跑馬燈-*/
    .marquee span.label {
        display: none;
    }
    /*-basic-*/
    #Main h1,
    #Main h1 .CurrentTitle {
        font-size: 25px;
    }
    #Main #Section_2 #Breadcrumbs {
        float: left;
        width: 100%;
        color: #b8b2ae;
        font-size: 14.5px;
        word-break: break-all;
        line-height: 21px;
    }
    /*-集郵資訊-集郵戳圖-閩風景郵戳一覽表-戳圖-*/
    a.rwd-back.rwd-open {
        width: 110px;
        background: #0fa1b8;
        display: inline-block;
        border: 0;
        text-shadow: none;
        font-size: 16px;
        padding: 9px 0;
    }
    .pc_slider {
        display: none;
    }
    .rwd-open {
        display: block;
    }
    .rwd-close {
        display: none;
    }
    .rwd-stampmark {
        float: left;
    }
    #stampmark h3 {
        float: left;
        width: 100%;
        margin: 5px 0 0 0;
        font-size: 17px !important;
        line-height: 26px;
    }
    span.law-slogan {
        font-family: 微軟正黑體 !important;
        font-size: 22px !important;
        margin: 0 0 17px 0 !important;
        display: inline-block;
    }
    #stampmark #ItemDetail_fullwidth {
          color: #0fa1b8;
    font-size: 16px;
    line-height: 23px;
    vertical-align: top;
    }
    .PrintInput {
        background: #fff;
        clear: both;
        margin: 15px 0 0;
        padding: 15px;
        text-align: center;
    }
    .PrintInput a {
        background: #333333;
        background: -moz-linear-gradient(top, #666666, #333333);
        background: -ms-linear-gradient(top, #666666, #333333);
        background: -o-linear-gradient(top, #666666, #333333);
        background: -webkit-gradient(linear, left top, left bottom, from(#666666), to(#333333));
        background: #0fa1b8;
        background-image: -ms-linear-gradient(top, #666666 0%, #333333 100%);
        border: 0;
        box-shadow: rgba(255, 255, 255, 0.4) 0 0px 0, inset rgba(255, 255, 255, 0.4) 0 1px 0;
        color: #FFFFFF;
        font-weight: 400;
        moz-box-shadow: rgba(255, 255, 255, 0.4) 0 0px 0, inset rgba(255, 255, 255, 0.4) 0 1px 0;
        padding: 6px 25px;
        text-decoration: none;
        vertical-align: middle;
        webkit-box-shadow: rgba(255, 255, 255, 0.4) 0 0px 0, inset rgba(255, 255, 255, 0.4) 0 1px 0;
    }
    /*-新郵介紹-*/
    #InnerItemTitle .SearchNew input.Submit_2 {

        background: #fff;
        border: 1px solid #bfbfbf;
        border-radius: 0;
        box-shadow: none;
        color: #333333;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0);
        font-size: 14px;
        padding: 5px 0;
        text-decoration: none;
        vertical-align: middle;
        width: 64px;
        font-family: 微軟正黑體;
    }
    .cycle-overlay {
        background-color: #000;
        padding: 20px 10px;
        color: #ffffff;
        display: block;
        width: 608px;
        margin: 0;
        font-size: 15px;
    }
    .MultipleImageContainer_new > a {
        width: 100%;
        width: 628px;
        height: 404px;
        text-align: center;
        vertical-align: middle;
        background: #000000;
        margin: 10px 0 0 0;
        padding: 10px 0;
    }
    #InnerItemTitle .Description h2 {
        color: #0fa1b8;
        font-size: 18px;
        line-height: 150%;
    }
    #InnerItemTitle .Description {
        width: 50%;
        font-size: 16px;
    }
    #ItemDetail .hd {
        color: #6f6e6e;
        font-weight: 700;
        text-align: left;
        width: 120px;
    }
    #ItemDetail th,
    #ItemDetail td {
        border-bottom: 1px solid #e4e4e4;
        padding: 8px 8px;
        line-height: 23px;
    }
    #ItemDetail {
        width: 40%;
        font-size: 16px;
    }
    .MultipleImageContainer_new_main {
        float: left;
        border: 1px solid #ccc;
        width: 100%;
        text-align: center;
    }
    .MultipleImageContainer_new {
        width: 648px;
        margin: 0 auto;
        float: none;
        display: block;
    }
    .OverView-resp {
        float: left;
        width: 100%;
        margin: 0 0 15px 0;
    }
    a.example7-2.cboxElement {
        font-size: 15px;
        background: #0fa1b8;
        color: #fff;
        padding: 9px 15px;
        width: 67px;
        text-align: center;
        float: right;
    }
    .SearchNew .FloatRight {
        float: left !important;
    }
    .SearchNew select {
        float: left !important;
        font-size: 15px;
        padding: 5px 35px 5px 5px !important;
        font-family: 微軟正黑體;
    }
    [canvas=container] {
        margin-top: 59px;
        height: -webkit-calc( 100% - 59px);
        height: -moz-calc( 100% - 59px);
        height: calc( 100% - 59px);
    }
    .rwdheader {
        display: block;
    }
    .FatFooter {
        display: block;
        background: #e7e7e7;
        overflow: hidden;
    }
    .FatFooter_section {
        float: left;
        width: 94%;
        margin: 0.5% 3%;
    }
    .FatFooter_section ul.FatFooter_list li.FatFooter_list_unit {
        padding: 7px 0;
        width: 50%;
        float: left;
        font-size: 15px;
    }
    .FatFooterHeader {
        padding: 0;
    }
    .FatFooterHeader a {
        display: block;
        color: #FFF;
        background: #0fa1b8;
        padding: 10px;
        -webkit-border-radius: 0px !important;
        -moz-border-radius: 0px !important;
        border-radius: 0px !important;
    }
    .FatFooterHeader strong a {
        font-size: 1rem;
        color: #FFF;
    }
    .FatFooter_section ul.FatFooter_list li.FatFooter_list_unit a .num {
        width: 3px;
        height: 3px;
        position: relative;
        top: 8px;
        left: 5px;
        background: url(../images/fat_footer_bullet.png) 0 0 no-repeat;
        text-indent: 9999px;
        color: #e7e7e7;
    }
    .FatFooter_section ul.FatFooter_list li.FatFooter_list_unit a {
        color: #535353;
        font-weight: bold;
    }
    input[type="checkbox"],
    input[type="radio"] {
        border: 1px solid #ccc;
    }
    input,
    select {
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        border-radius: 0;
    }
    select {
        background: url(../images/rwd_select_att.png) 96% center no-repeat #fff;
        padding: 0 10px 0 0;
    }
    #HeaderContainer {
        width: 100%;
        height: auto;
    }
    #Header_1Container {
        display: none;
    }

    #Mobilemenu-mainService {
        display: none;
    }

    #Header_2 {
        width: 100%;
        background: none;
        height: 100%;
    }

    #HeaderNavContainer {
        display: none;
    }

    #Header_2Container {
        height: auto;
        display: none;
    }

    #Date {
        display: none;
    }

    #SearchContainer {
        position: relative;
        right: 0px;
        top: 0px;
        width: 237px;
        height: 25px;
        background: url(../images/Search_BG.png) no-repeat;
        display: block;
        margin: 0 auto;
    }

    #FontSizeContainer {
        display: none;
    }

    #LogoContainer {
        position: relative;
        left: 0px;
        top: 0px;
        z-index: 99;
        padding: 0;
        float: none;
        width: 216px;
        margin: 20px auto 0;
    }
    #Logo {
        top: 0px;
        left: 0px;

    }

    #Header_3Container {
        /*width: auto;*/
        display: none;
    }
    /*
	#MainMenuContainer {
		width: auto;
		margin: 0px;
		position: relative;
		top: 0px;
		left: 0px;
	}

	.megamenu_container, #ServiceDropContainer, #AllLocationDropContainer {
		display: none;
	}
	*/
    #HeaderMainMenuContainer {
        width: 99.5%;
        overflow: hidden;
    }
    #HeaderMainMenu {
        padding: 0 10px;
    }

    #Mobilemenu {
        width: auto;
        display: block;
        height: 30px;
        padding: 7px 0;
        margin: 0 10px;
    }
    #Mobilemenu select {
        display: block;
        width: 100%;
        padding: 2px;
        background-color: transparent;
        border: 1px solid #bababa;
        cursor: pointer;
        outline: none;
    }

    #MainContentContainer {
        width: 100%;
    }
    #MainContentInner {
        padding: 0;
    }

    #MainContentInner #Breadcrumbs {
        margin-top: 15px;
        margin-bottom: 5px;
        background: #fff;
        border: 0px;
        padding: 0 10px 0 10px;
        font-size: 14px;
    }

    #MainContentLeft {
        float: none;
        width: auto;
    }

    #ServiceGuideContainer {
        width: auto;
        padding: 0 10px;
        background: none;
        height: auto;
        border: 0px;
    }
    #ServiceGuideHeader {
        border: 1px solid #dcdcdc;
    }
    #ServiceGuideContent {
        border: 1px solid #dcdcdc;
        border-top: none;
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
        background: linear-gradient(to bottom, #ffffff 0%, #fafafa 100%);
    }
    #ServiceGuideContent .pane {
        margin-bottom: 0;
        width: 100%;
    }
    /*
	#ServiceGuideContent a {
		width: 33%;
	}
	#ServiceGuideContent a.ServiceGuide_01, #ServiceGuideContent a.ServiceGuide_02, #ServiceGuideContent a.ServiceGuide_03, #ServiceGuideContent a.ServiceGuide_04, #ServiceGuideContent a.ServiceGuide_05, #ServiceGuideContent a.ServiceGuide_06 {
		background-position: center top;
	}
	#ServiceGuideContent a.ServiceGuide_01:hover, #ServiceGuideContent a.ServiceGuide_02:hover, #ServiceGuideContent a.ServiceGuide_03:hover, #ServiceGuideContent a.ServiceGuide_04:hover, #ServiceGuideContent a.ServiceGuide_05:hover, #ServiceGuideContent a.ServiceGuide_06:hover {
		background-position: center -89px;
	}
	*/
    #ServiceGuideContent ul.tabs {
        width: 100%;
    }

    #IndexNewsContainer {
        margin: 0 10px 20px;
    }

    .TabsContainer_style2 .Width250p {
        width: 100%;
    }


    #LatestNewsContainer {
        padding: 0 10px;
    }

    #MainContentRight {
        float: none;
        width: auto;
    }

    #MainContentInner_1Container {
        height: auto;
    }
    #MainContentInner_1 {
        width: 100%;
        position: relative;
    }

    #MainBG_L,
    #MainBG_R {
        display: none;
    }

    #NewsContainer {
        position: relative;
        left: 0px;
        top: 0px;
        border: 0px;
        width: 100%;
        background: -moz-linear-gradient(top, #3378c0 0%, #7db9e8 100%);
        /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3378c0), color-stop(100%, #7db9e8));
        /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #3378c0 0%, #7db9e8 100%);
        /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #3378c0 0%, #7db9e8 100%);
        /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #3378c0 0%, #7db9e8 100%);
        /* IE10+ */
        background: linear-gradient(to bottom, #3378c0 0%, #7db9e8 100%);
        /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3378c0', endColorstr='#7db9e8', GradientType=0);
        /* IE6-9 */
    }
    #NewsInner {
        width: 95%;
        margin: 0px auto;
        padding: 15px 0;
    }

    #TabsContainer {
        margin: 0 auto;
        width: 100%;
    }

    #TabsContainer ul.TabsMenu li {
        width: 11%;
        text-align: center;
    }
    #TabsContainer ul.TabsMenu li#TabsOthers {
        width: 17%;
    }

    .TabsContent {
        padding-left: 0px;
    }

    .TabsContent.TabsAll,
    .TabsContent.TabsNews,
    .TabsContent.TabsTutorials,
    .TabsContent.TabsLinks,
    .TabsContent.TabsStamp,
    .TabsContent.TabsShop,
    .TabsContent.TabsOthers {
        width: 95%;
    }

    #mcs6_container,
    #mcs6_1_container,
    #mcs6_2_container,
    #mcs6_3_container,
    #mcs6_4_container,
    #mcs6_5_container,
    #mcs6_6_container {
        width: 100%;
    }

    #mcs6_container .customScrollBox .container,
    #mcs6_1_container .customScrollBox .container,
    #mcs6_2_container .customScrollBox .container,
    #mcs6_3_container .customScrollBox .container,
    #mcs6_4_container .customScrollBox .container,
    #mcs6_5_container .customScrollBox .container,
    #mcs6_6_container .customScrollBox .container {
        width: 95%;
    }

    #NewsContainer .StampFocus {
        margin: 0 auto 7px auto;
    }

    #NewsContainer .ShopFocus {
        margin: 0 auto 10px auto;
        width: 263px;
    }

    .ListStyle_3 dd {
        width: 95%;
    }

    #MainAdContainer {
        width: 100%;
        height: auto;
    }
    /*
	#MainAdContainer {
		border-right: 0px solid #ffffff;
		position: relative;
		top: 0px;
		left: 0px;
	}
	#MainAd {
		background: url(../images/MainAdBanner.jpg) no-repeat;
		width: 463px;
		height: 176px;
		margin: 0;
	}
	.slides_container {
		width: 463px;
	}
	.slides_container a {
		width: 463px;
		height: 176px;
	}
	.slides_container a img {
		width: 463px;
		height: 176px;
	}

	#slides .next, #slides .prev {
		top: 70px;
		left: 5px;
		width: 24px;
		height: 43px;
		display: block;
		z-index: 101;
	}
	#slides .next {
		left: 435px;
	}*/
    /*
	#MainAdContainer {
		border-right: 0px solid #ffffff;
		position: relative;
		top: 0px;
		left: 0px;
		width: 100%;
		height: auto;
	}
	#MainAd {
		background: url(../images/MainAdBanner.jpg) no-repeat;
		margin: 0;
	}
	.slides_container {
		width: 100%;
	}
	.slides_container a {
		width: 463px;
		height: 176px;
	}
	.slides_container a img {
		width: 463px;
		height: 176px;
	}
	#slides .next, #slides .prev {
		top: 40%;
		left: 5px;
	}
	#slides .next {
		left: auto;
		right: 20px;
	}
	#slides .pagination {
		margin: 0;
	}
	*/
    #MarqueeContainer {
        width: auto;
        margin: 0 10px;
        background: linear-gradient(to bottom, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
        border: 1px solid #dcdcdc;
        border-radius: 10px;
    }
    div#abgne_marquee {
        width: auto;
        background: url('../images/MarqueeBG-s.png') no-repeat 8px 9px;
    }
    div#abgne_marquee ul li a {
        padding: 0 10px 0 80px;
    }

    #QuickSearchContainer {
        margin: 0 10px;
    }


    #AdBannerContainer {
        width: auto;
        background: linear-gradient(to bottom, #ffffff 0%, #f8f8f8 100%);
        border: 1px solid #dcdcdc;
        border-radius: 5px;
        height: auto;
        padding: 10px;
        overflow: hidden;
        margin: 0 10px;
    }
    #AdBannerHeader {
        position: relative;
        top: 0px;
        left: 0px;
    }
    #AdBannerContainer .AdBanner {
        position: relative;
        top: 0px;
        left: 0px;
        margin-top: 15px;
    }
    #ui-carousel-prev {
        margin-left: 0px;
    }

    #MainContentInner_2 {
        width: 100%;
    }

    #MainContentInner_2Container {
        height: auto;
    }

    #Main_2_MiddleContainer {
        position: relative;
        left: 0px;
        top: 0px;
        width: 100%;
        min-height: 445px;
    }

    #Main_2_Middle_Left {
        width: 100%;
        height: auto;
        background: none;
        float: none;
    }
    /*
	#ServiceLinksContainer_index {
		margin: 0px;
		border-bottom: 1px dashed #dadada;
		overflow: hidden;
	}

	#ServiceLinksContainer_index .ServiceLinks_index {
		border-bottom: none;
	}

	.ServiceLinks_index .CLR {
		clear: none;
	}

	#ServiceLinksContainer_index .ServiceLinks_index .ServiceLinksLeft li {
		border-right: none;
	}

	#ServiceLinksContainer_index .ServiceLinks_index a {
		padding: 0px 16px;
	}
	
	#RelatedLinksContainer {
		min-height: 115px;
		border-bottom: 1px dashed #dadada;
	}
	*/
    /*
	#slides2 {
		left: 0px;
		top: 30px;
	}

	#slides2 .slides_container {
		margin: 0 auto;
		left: 0px;
	}

	#slides2 .pagination {
		right: 45px;
		top: -12px;
	}
	#slides2 .More {
		right: 25px;
		top: -14px;
	}

	#slides2 .next, #slides2 .prev {
		top: 20px;
		left: 20px;
	}
	#slides2 .next {
		left: 420px;
	}
	*/
    #Main_2_Middle_Right {
        float: none;
        margin: 15px 0px 0px 0px;
    }

    #MainServiceContainer {
        display: none;
    }


    #ServiceLinksContainer {
        display: none;
    }
    #ServiceLinks li {
        margin-left: 7px;
    }
    /*
	#SmallBannerContainer {
		width: 100%;
		padding-top: 0px;
	}
	
	.BannerItemContainer {
		width: 100%;
		height: auto;
		float: none;
	}

	.BannerItem_1, .BannerItem_2 {
		background: none;
		width: 100%;
	}

	.SmallBannerHeader img{
		width: 100%;
		height: auto;
	}
	*/
    #Footer {
        width: 100%;
    }
    #Footer .FooterSec_1Container {
        margin: 10px;
    }

    #Footer .FooterSec_1Container .Sec_1 {
        margin-top: 0px;
        float: none;
        font-size: 15px;
        line-height: 22px;
    }
    #Footer .FooterSec_2Container {
        margin: 0px 10px;
        font-size: 14px;
        line-height: 22px;
    }
    #Footer .FooterSec_1Container .Sec_2 {
        float: none;
        margin: 20px 0;
    }
    #Footer .FooterSec_1Container .Sec_2 ul {
        overflow: hidden;
    }
    #Footer .FooterSec_2Container .Sec_1 {
        float: none;
        text-align: center;
    }
    #Footer .FooterSec_2Container .Sec_2 {
        float: none;
        text-align: center;        
    }
    #Footer .FooterSec_2Container .Sec_2 .A_Plus {
        float: left;
    }
    #Footer .FooterSec_2Container .Sec_2 .Traffic {
        float: left;
        margin: 10px 0;
        width: 100%;
        text-align: center;
    }
    #Footer .FooterSec_1Container .Sec_1 .Location {
        margin-right: 0px;
        padding: 2px 15px 2px 10px;
    }
    /*
	.jcarousel-skin-tango .jcarousel-container-horizontal {
		width: auto;
	}
	*/
    #InnerBody {
        width: 100%;
    }

    #LocalNavContainer {
        display: none;
    }

    #InnerBodyContent {
        padding: 0 8px 15px 8px;
        width: auto;
    }

    #Main {
        width: auto;
    }
    #Main #Section_2 #Breadcrumbs {
        width: 100%;
    }
    #Main #Section_2 #ShareNav {
        float: left;
        margin-top: 15px;
    }
    #Main #Section_2 #ShareNav a:first-child {
        margin-left: 0px;
    }

    #Post_NavContainer .Prev {
        margin: 0 0 15px 0;
    }

    #MainContainer {
        width: auto;
        float: none;
        padding: 0 10px;
    }

    #MainContainer_Fullwidth {
        padding: 0px 20px;
    }

    #MainAdOverView {
        width: 100%;
    }
    #MainAdOverView li {
        background: #eeeeee;
        background-image: none;
        padding-bottom: 0px;
        margin-bottom: 20px;
    }
    #MainAdOverView li .Info {
        width: auto;
        float: none;
    }
    #MainAdOverView li .Info p {
        margin: 0 0 0px 0 !important;
    }
    #MainAdOverView li .IMG {
        float: none;
        width: 100%;
    }
    #MainAdOverView li .IMG a {
        display: block !important;
    }

    #Main_Fullwidth #Section_2 #Breadcrumbs {
        width: 295px;
    }

    .faq-btn {
        width: 90%;
    }

    .ConditionSearchContainer {
        font-size: 0.9em;
        line-height: 175%;
    }
    .ConditionSearchContainer select {
        width: 110px;
        min-width: 110px;
        font-size: 16px;
        padding: 5px 5px;
        display: inline-block;
    }
    .ConditionSearchContainer .sec span {
        font-size: 16px;
        display: inline-block;
        vertical-align: top !important;
    }
    .Philately_ConditionSearchContainer .sec span {
        padding: 8px 0 0 0;
        font-size: 16px;
        width: 100%;
        display: inline-block;
    }
    .Philately_ConditionSearchContainer .sec .agency-sear1 .span1 span {
        width: auto;
    }
    #NewsListContainer {
        width: 100%;
    }

    /*.grid-pager {
        float: none;
    }
    .sort-method-buttons {
        float: right;
        position: relative;
    }
    .sort-method-buttons a {
        border-left: none;
        padding: 12px 10px 0px 20px;
    }*/

    .NewsList li a {
        padding: 15px 0px 15px 0px;
        background: none;
    }

    .NewsListImage li a {
        padding: 15px 0px 15px 170px;
        background: none;
    }

    .NewsHeadContainer .NewsHeadS {
        width: 215px;
    }

    .NewsHeadContainer .NewsHeadL a {
        width: 100%;
    }
    .NewsHeadContainer .NewsHeadL a .Img {
        width: 100%;
    }
    .NewsHeadContainer .NewsHeadL a .Img td {
        width: 100%;
    }
    .NewsHeadContainer .NewsHeadL a .Img img {
        width: 100%;
        height: auto;
    }

    #LinksPage li a {
        padding-bottom: 20px;
    }
    #LinksPage li a dl dt {
        width: 100%;
    }
    #LinksPage li a .ThumbImg {
        float: left;
    }

    /*置頂圖片輪播*/
    .photosgallery-vertical {
        width: 100%;
    }
    .photosgallery-vertical .sliderkit-nav {
        width: 170px;
    }
    .photosgallery-vertical .sliderkit-nav-clip ul li a {
        width: 150px;
    }
    .photosgallery-vertical .sliderkit-nav-clip .pic {
        display: none;
    }
    .photosgallery-vertical .sliderkit-panel {
        width: 263px;
    }
    .table-cell {
        width: 263px;
    }
    .photosgallery-vertical .sliderkit-panel .sliderkit-panel-textbox {
        width: 263px;
    }
    .topNews-slider .sliderkit img {
        max-width: 263px;
    }
    /*置頂圖片輪播 end*/
    #OrganizationStructure {
        display: none;
    }
    .mobile-select-menu {
        display: block;
        padding: 10px 10px 20px 10px;
    }
    .mobile-select-menu select {
        padding: 8px 10px;
        border: 1px solid #ccc;
        width: 100%;
        font-size: 18px;
    }

    /* 手機 nav */
    .nav {
        position: relative;
        min-height: 25px;
        display: block;
    }
    .nav ul {
        width: 100%;
        padding: 2px 0;
        position: absolute;
        top: 0;
        left: 0;
        border: solid 1px #dcdcdc;
        background: #f5f5f5 url(../images/icon-menu.png) no-repeat 10px 8px;
        border-radius: 3px;
        box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
    }
    .nav li {
        display: none;
        /* hide all <li> items */
        margin: 0;
    }
    .nav .current {
        display: block;
        /* show only current <li> item */
    }
    .nav a {
        display: block;
        padding: 5px 5px 5px 32px;
        text-align: left;
    }
    .nav .current a {
        background: none;
        color: #666;
    }

    /* on nav hover */
    .nav ul:hover {
        background-image: none;
    }
    .nav ul:hover li {
        display: block;
        margin: 0 0 5px;
    }
    .nav ul:hover .current {
        background: url(../images/icon-check.png) no-repeat 10px 7px;
    }

    /* right nav */
    .nav.right ul {
        left: auto;
        right: 0;
    }

    /* center nav */
    .nav.center ul {
        left: 50%;
        margin-left: -90px;
    }
    /* 手機 nav end */
    /* responsive table
	table, thead, tbody, th, td, tr { 
		display: block; 
	}
	thead tr, th { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	tr { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
	td { 
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 35% !important;
		text-align: left !important;
		min-height: 22px;
	}
	td:before { 
		position: absolute;
		left: 6px;
		padding-right: 10px;
		display: block;
	}
	*/
    .NewsListImage .ThumbImg td,
    .NewsHead .Img td,
    #LinksPage .ThumbImg td,
    .NewsImageContainer .Single .IMG td {
        padding-left: 0px !important;
    }
    .NewsListImage .ThumbImg tr,
    .NewsHead .Img tr,
    #LinksPage .ThumbImg tr,
    .NewsImageContainer .Single .IMG tr {
        border: none;
    }

    #LinksPage-2 td:before {
        width: auto;
    }

    #OrganizationStructure-mobile img {
        width: 100%;
    }

    .TableStyle_01 td {
        padding-left: 10px !important;
        width: auto;
    }

    .ThumbImg td,
    .Img td,
    .IMG td {
        text-align: center !important;
        display: table;
    }
    a .ThumbImg div,
    a .ThumbImg a,
    a .Img div,
    a .Img a,
    .IMG a {
        display: table-cell !important;
        vertical-align: middle;
        height: 100%;
    }

    .sb-search .sb_input {
        padding: 5px;
        border: 1px solid #aaa;
        width: 95%;
        margin: 0 0 5px;
        box-shadow: 1px 2px 3px #ccc inset;
    }
    .btn-submit {
        background: #555;
        color: #fff;
        border: 0;
        padding: 6px 0;
        display: block;
        width: 100%;
    }
    .btn-submit:active {
        background: #888;
    }
    .searchOptions {
        padding: 0 0 10px;
    }
    .searchOptions input {
        vertical-align: middle;
        margin: 0 5px 0 0;
    }
    .searchOptions label {
        display: block;
        width: 100%;
        padding: 5px 0;
    }
    .searchOptions li {
        position: relative;
        display: inline-block;
        width: 48%;
        vertical-align: top;
    }

    .sb-serviceLinks ul {
        overflow: hidden;
    }
    .sb-serviceLinks li {
        width: 50%;
        float: left;
        text-align: center;
    }
    .sb-serviceLinks li a {
        padding: 5px;
        display: block;
        font-size: 0.9em;
    }
    .sb-serviceLinks i {
        width: 40px;
        height: 40px;
        margin: 0 auto;
        display: block;
        background-size: 40px 40px;
    }
    #toTop {
        z-index: 10;
    }
    .icon-MailActive {
        background: url(../images/icon-MailActive.svg) no-repeat;
    }
    .icon-Saving {
        background: url(../images/icon-Saving.svg) no-repeat;
    }
    .icon-Insurance {
        background: url(../images/icon-Insurance.svg) no-repeat;
    }
    .icon-Stamp {
        background: url(../images/icon-Stamp.svg) no-repeat;
    }
    .icon-Product {
        background: url(../images/icon-Product.svg) no-repeat;
    }
    .icon-Fund {
        background: url(../images/icon-Fund.svg) no-repeat;
    }
    .icon-SellFund {
        background: url(../images/icon-SellFund.svg) no-repeat;
    }
    .icon-RealEstate {
        background: url(../images/icon-RealEstate.svg) no-repeat;
    }

    /***************************************Responsive*********************************************/
    nav.sb-navbar,
    .mobile-select-menu {
        display: block;
    }
    /***************************************Responsive end*********************************************/
    .acc-key {
        display: none;
    }


    /*集郵*/
    #Map {
        width: 100%;
        margin: 0 0 20px 0;
        float: none !important;
    }
    #Map h2 {
        margin-bottom: 15px;
    }
    #picture {
        top: 0;
    }

    .Stamp_2ListWidth {
        width: 100%;
        float: none !important;
    }

    /*#ExterbalPage .Container,
    #StampOverView {
        width: auto;
    }*/
    #StampOverView li {
        width: 31%;
    }
    #StampOverView li .IMG img {
        width: 100%;
    }
    #StampOverView_Large li img {
        width: 100%;
    }

    #ServiceGuideContent a {
        width: 74px;
    }

    .MultipleImageContainer_2 center a {
        display: none;
    }
    /*集郵 end*/
    .search_select {
        width: 84%;
        padding: 6px 2%;
        font-family: 微軟正黑體;
        font-size: 15px;
        margin: 0;
        color: #696969;
        display: inline-block;
        border: #ccc 1px solid;
    }
    .quick_search_list li a {
        padding: 15px 0;
        display: block;
        background: #0b7283;
        color: #fff;
        font-size: 16px;
    }
    .quick_search_cont .btn {
        display: inline-block;
        float: none;
        width: auto;
    }
    .quick_search_cont .btn .determine {
        background: #ebebeb;
        font-family: 微軟正黑體;
        padding: 7px 30px;
        margin: 0 0 0 12px;
        font-weight: bold;
        border: 0;
        display: inline-block;
    }
    .ConditionSearchContainer .FloatRight {
        float: left !important;
        width: 100%;
        text-align: center;
    }    
    .ConditionSearchContainer .Submit_1 {
        background: #0fa1b8;
        border: 0px;
        cursor: pointer;
        display: block;
        height: auto;
        text-indent: 0;
        width: 60px;
        margin: 0 auto;
        color: #fff;
        font-family: 微軟正黑體;
        font-size: 15px;
        padding: 8px 0px;
    }
    .page-controls {
        padding: 0 0 15px 0;
        font-size: 15px;
    }
    .rwd_print_ctrl {
        display: none;
    }  
    #Philately_Stamp_2List table {
        display: none;
    }    
}

@media (max-width: 768px) {
    #SiteMapContainer .SiteMap_Section ul.SiteMapList {
        width: 23%;
    }
}

@media (max-width: 750px) {
    .search_select {
        width: 80%;
    }
}

@media (max-width: 605px) {
    .search_select {
        width: 75%;
    }
}

@media (max-width: 486px) {
    .search_select {
        width: 72%;
    }
    .quick_search_cont .btn .determine {
        padding: 7px 22px;
        margin: 0 0 0 7px;
    }
}

@media (max-width: 479px) {

    /*body {
        font-size: 15px;
    }*/
    #ContentsContainer #Contents .article {
        font-size: 16px;
    }
    #Philately_Stamp_2List {
       /* font-size: 16px!important;*/
    }

    #Philately_Stamp_2List .Header .More {
        /*font-size: 16px!important;*/
    }

    input[type="checkbox"],
    input[type="radio"] {
        border: 1px solid #ccc;
    }

    .Padin20 {
        padding: 10px;
    }

    /*文章列表006-連結*/
    .ContentBoxContainer .ContentBox_md .GraphicImg {
        display: none;
    }
    .ContentBoxContainer .ContentBox_md .LinksContainer {
        width: 100%;
    }
    .ContentBoxContainer .ContentBox_md .LinksContainer .List_BTN_Style3 {
        width: 100% !important;
    }
    /*文章列表006-連結 end*/
    .TabsStyle5Container .wrap {
        /*width: 433px;*/
        width: 100%;
    }
    .TabsStyle5Container ul.tabs a {
        width: 167px;
    }

    #ContentsContainer #FileDownloadContainer .FileDownBox .FileDown {
        width: 100%;
    }
    #ContentsContainer #FileDownloadContainer .FileDownBox .FileDown:first-child {
        margin-bottom: 5px;
    }
    #ContentsContainer #FileDownloadContainer .FileDownBox .FileDown .Info {
        width: 84%;
    }

    #MainAdSmallOverView {
        margin-right: 0px;
    }

    #MainAdSmallOverView li {
        margin: 0 2px 27px 0;
    }

    #ContentsContainer #Contents {
           overflow-x: hidden;
    overflow-y: hidden;
    }


    #Mobilemenu-mainService {
        display: block;
    }
    #Mobilemenu-mainService select {
        width: 100%;
        padding: 3px;
        border: 1px solid #dcdcdc;
        border-radius: 3px;
        color: #038c00;
        background: #ffffff;
    }

    .slides_container a {
        width: 340px;
        height: 129px;
    }
    .slides_container a img {
        width: 340px;
        height: 129px;
    }
    #slides .next,
    #slides .prev {
        top: 43%;
        left: 5px;
        width: 15px;
        height: 27px;
    }
    #slides .next {
        left: auto;
        right: 10px;
    }
    #slides .next img,
    #slides .prev img {
        width: 15px;
        height: 27px;
    }

    #TabsContainer ul.TabsMenu li {
        width: 9%;
        text-align: center;
        font-size: 12px;
    }
    #TabsContainer ul.TabsMenu li#TabsOthers {
        width: 17%;
    }
    /*
	#ServiceLinksContainer_index .ServiceLinks_index a {
		padding: 0px 5px;
	}
	
	#ServiceLinksContainer_index .ServiceLinks_index ul {
		width: 50%;
		text-align: center;
	}
	*/
    /*
	#slides2 .next {
		left: auto;
		right: 20px;
	}
	.jcarousel-skin-tango .jcarousel-clip-horizontal {
		width: auto;
	}
	*/
    #Footer .FooterSec_1Container .Sec_2 li {
        margin-left: 15px;
    }

/*    .pagination_1 {
        font-size: 12px;
    }
    .pagination_1 a {
        padding: 3px;
        display: inline-block;
    }*/
    /*
	.jcarousel-skin-tango .jcarousel-item-horizontal {
		margin-right: 5px;
	}
	.jcarousel-skin-tango .jcarousel-container-horizontal {
		padding: 0px 28px;
	}	
	.jcarousel-skin-tango .jcarousel-item {
		width: 127px;
		height: 36px;
	}
	.jcarousel-skin-tango .jcarousel-item a img {
		width: 127px;
	}
	.BannerItem_1 {
		height: 53px;
	}
	.jcarousel-skin-tango .jcarousel-prev-horizontal, .jcarousel-skin-tango .jcarousel-next-horizontal {
		top: 4px;
	}
	*/
    #Post_NavContainer .Prev,
    #Post_NavContainer .Next {
        width: auto;
    }

    #ContentsContainer #FileDownloadContainer .FileDownBox .FileDown .Info {
        width: 76%;
    }

    .Submit_2 {
        display: inline-block;
    }

    .TableStyle_02 th,
    .TableStyle_02 td {
        padding: 5px;
    }

    .topNews-slider {
        /*display: none;*/
    }

    #NewsInnerContainer .FloatRightImg,
    #NewsInnerContainer .FloatLeftImg {
        float: none;
        margin: 0 auto 15px;
    }

    .NewsImageContainer {
        width: auto;
    }
    .NewsImageContainer .Single {
        display: block;
        margin: 5px auto;
    }

    #OrganizationStructure {
        display: none;
    }

    #SocialMediaContainer {
        display: none;
    }


    #toTop {
        right: 10px;
    }

    #RelatedLinksContainer {
        min-height: 115px;
    }

    #ContentsContainer .ImgFloLeft {
        float: none;
    }
    #ContentsContainer .ImgFloLeft img {
        width: 100%
    }

    .NewsListImage li a {
        padding: 15px 5px;
    }
    .NewsListImage li a .ThumbImg {
        position: relative;
        top: 0;
        margin-bottom: 10px;
    }
    .NewsListImage li a p.Thumbs {
        margin: 0px !important;
    }

    .Align_Center img {
        width: auto;
    }

    #LocationBTNContainer .LocationBTN li a {
        width: 117px;
    }

    .TabsContainer ul.tabs a,
    ul.tabs2 a {
        font-size: 14px;
        padding: 0 9px;
    }

    .SaveContainer {
        background: #ffffff transparent;
        background-image: none;
        padding: 20px;
    }

    .Result-Style-2 .img,
    .Result-Style-2 .txt {
        display: block;
    }
    .Result-Style-2 .img {
        width: 100%;
        padding: 0px;
    }
    .Result-Style-2 .txt {
        width: 100%
    }



    #ServiceGuideContent a img {
        width: 100%;
    }

    #QuickSearchContainer #QuickSearchDrop {
        padding: 10px 0;
        width: 100%;
        float: none;
        border-right: 0px;
    }
    .TabsContainer_style2 ul.tabs a {
        font-size: 12px;
    }
    #QuickSearchContainer #QuickSearchBTN {
        border-left: 0px;
        padding: 20px 0 10px;
        float: none;
        border-top: 1px solid #DCDCDC;
    }

    .BTN_List_Style02 .BTN_List a {
        width: 85px;
    }

    .TabsStyle2Container .wrap {
        width: auto;
    }
    .TabsStyle2Container ul.tabs a {
        font-size: 15px;
        padding: 5px 15px;
        height: auto;
        line-height: 100%;
    }
    .TabsStyle2Container ul.tabs a br {
        display: none;
    }
    .TabsStyle2Container ul.tabs li {
        float: none;
        margin-bottom: 1px !important;
    }
    .TabsStyle2Container ul.tabs a.current,
    .TabsStyle2Container ul.tabs a.current:hover,
    .TabsStyle2Container ul.tabs li.current a {
        border: none;
        background: #b90137;
        color: #ffffff !important;
    }
    .TabsStyle2Container ul.tabs {
        border: 0px;
    }

    .Form_Style01 textarea,
    textarea#content,
    input#address {
        width: 100%;
    }
    .Form_Style01 .RedHighLight {
        display: block;
    }
    .Form_Style01 p br {
        display: none;
    }

    .ConditionSearchContainer span.GreenBold {
        display: block;
        padding: 0;
    }
    .ConditionSearchContainer .sec span.hd {
        background: none;
        margin: 5px 0 0 0
    }
    .ConditionSearchContainer .FloatLeft,
    .ConditionSearchContainer .FloatRight {
        float: none !important;
    }
    .ConditionSearchContainer .Submit {
        float: none;
        margin-top: 10px;
    }
    .ConditionSearchContainer .Submit_1 {
        margin: 5px 0 0 0;
    }

    #InnerItemTitle .SearchNew input.Submit_2 {
        margin: 9px auto 0 auto;
        display: inline-block;
    }
    #InnerItemTitle .SearchNew form {
        float: none !important;
    }

    .faq-btn {
        width: 75%;
    }



    /*集郵*/
    #picture {
        width: auto;
        height: auto;
        background: none;
    }
    #picture .more {
        font-size: 100%;
        font-weight: 700;
        position: static;
        width: 31%;
        display: inline-block;
    }
    #picture .more a {
        background: url(../images/bg_article-lista.png) repeat-x #eee;
        border: 1px solid #eee;
        border-radius: 3px;
        color: #535353;
        display: block;
        font-size: 100%;
        font-weight: 400;
        line-height: 160%;
        padding: 5px;
        position: relative;
    }
    #fade_bg {
        top: 0;
    }
    #infobox {
        left: 40px;
        margin: 0 0 -160px;
    }

    #ItemDetail {
        float: none;
        margin: 0 0 20px 0;
        padding: 0;
        width: auto;
    }
    #InnerItemTitle .Description {
        float: none;
        padding: 0;
        width: auto;
    }
    .RelatedLinks .FloatRight {
        float: none;
    }
    .RelatedLinks a {
        display: inline-block;
    }



    #InnerItemTitle .SearchNew select {
        width: 100%;
    }


    #StampOverView li {
        width: 100%;
        margin-right: 0;
    }
    #StampOverView li .IMG img {
        width: 96%;
    }
    /*集郵 end*/
    dl.dl_Style02FloatLeft {
        float: none;
        width: auto;
    }

    #QuickSearch .ListSelect p.InputWrap {
        width: 70%;
    }
    #QuickSearch .ListSelect p.submitWrap {
        width: 20%;
    }
    #QuickSearch .ListSelect p.InputWrap select {
        width: 100%;
        min-width: 0px;
    }
}


@media (max-width: 360px) {
    #SiteMapContainer .SiteMap_Section ul.SiteMapList {
        width: 80%;
    }
     #ItemDetail_fullwidth td.hd {
        width: 40%;
    }

    #ItemDetail_fullwidth td {
        width: 60%;
    }
}

@media (max-width: 336px) {
    .rwdbiz ul li a {
        font-size: 0.85rem;
    }
    .search_select {
        width: 70%;
    }
}

@media (max-width: 320px) {

    .TabsContainer_style2 ul.tabs li {
        margin-right: 3px;
    }
    .TabsContainer_style2 ul.tabs a {
        padding: 0 3px;
    }

    .BTN_List_Style02 .BTN_List a {
        width: 66px;
    }

    .faq-btn {
        width: 73%;
    }

    /*集郵*/
    #StampClipart li {
        width: 100%;
    }
    #StampClipart li a .Content .More {
        width: 97%;
    }

    #infobox {
        left: 20px;
    }

    .StepbyStep_1 .Arrow_icon_04 {
        margin: 0 8px;
    }
    /*集郵 end*/
}
















@media (max-width: 980px) {
    .demo-container {
        width: 100% !important;
    }
    .megamenu_container,
    .carousel-frame {
        width: 98% !important;
    }
}


/*置頂圖片輪播*/

@media (max-width: 800px) {

    .photosgallery-vertical {
        width: 100%;
    }
    .photosgallery-vertical .sliderkit-nav {
        width: 290px;
    }
    .photosgallery-vertical .sliderkit-nav-clip ul li a {
        width: 270px;
    }
    .photosgallery-vertical .sliderkit-panel {
        width: 494px;
    }
    .table-cell {
        width: 494px;
    }
    .photosgallery-vertical .sliderkit-panel .sliderkit-panel-textbox {
        width: 494px;
    }
    .topNews-slider .sliderkit img {
        max-width: 494px;
    }
    .photosgallery-vertical .sliderkit-panel .sliderkit-panel-text p {
        line-height: 120% !important;
        padding: 0;
    }
    .pc_cont {
        display: none;
    }
    .rwd_cont {
        display: block;
        overflow: hidden;
    }
    .rwd_cont .Header h2 {
        display: block;
        padding: 10px 0;
    }
    .rwd_list {
        float: left;
        width: 48%;
        margin: 1% 1%;
    }
    .rwd_list tr th {
        width: 35%;
    }
    .pc_index {
        display: none;
    }
    .rwd_index {
        display: block;
        background: #e6e6e6;
    }
    .marquee {
        padding: 20px 21px;
        background: #e6e6e6;
        display: block;
        overflow: hidden;
    }
	/*
    #Stamp_2List {
        display: none;
    }
	*/
    .rwd_index {
        display: block;
        padding: 0 0 20px 0;
    }
    .Result-Style .Content {
        width: 98%;
    }
    #temp_keyword {
        width: 94%;
        font-size: 15px;
        margin-bottom: 13px;
    }
    .agency-sear1,
    .agency-sear2 {
        float: left;
        width: 96%;
        margin: 0 0 1px 0;
        padding: 10px 2%;
        display: block;
    }
    .agency-sear2 {
        padding: 0 2% 10px 2%;
    }
    .Philately_ConditionSearchContainer {
        padding: 0;
        /*background: #fff;
        border: 0px;*/
    }
    .Philately_ConditionSearchContainer .agency-sear1 .span1 {
        padding: 0;
        width: 100%;
        float: left;
    }
    .Philately_ConditionSearchContainer .agency-sear1 .span2 {
        padding: 0;
        width: 100%;
        float: left;
        margin: 0;
    }
    .ConditionSearchContainer .sec {
        border:0;
    }
    .ConditionSearchContainer select {
        background: url(../images/rwd_select_att.png) 90% center no-repeat #fff;
        padding: 0 10px 0 0;
        padding: 5px;
        width: 105px;
        font-family: 微軟正黑體;
        font-size: 15px !important;
    }
    .Philately_ConditionSearchContainer .agency-sear2 select, 
    .Philately_ConditionSearchContainer .agency-sear1 select {
        background: url(../images/rwd_select_att.png) 90% center no-repeat #fff;
        width: 32% !important;
        border: 1px solid #ccc;
        font-family: 微軟正黑體;
        font-size: 15px !important;
        padding: 0 10px 0 0;
        padding: 5px;
    }    
    .posttemp-sear1 select,
    .ConditionSearchContainer select {
        width: 100% !important;
        min-width: auto;
        background: url(../images/rwd_select_att.png) 98% center no-repeat #fff;        
    }
    .ConditionSearchContainer .sec .GreenBold,
    .Philately_ConditionSearchContainer .sec .GreenBold {
        font-size: 16px;
        margin: 0 0 5px 0;
        display: inline-block;
        padding-top: 8px;
        vertical-align: top;
        width: auto;
        background: none;
    }

    .Philately_ConditionSearchContainer .sec span.hd {
        background: none;
        margin: 0;
    }
    input[type="text"] {
        padding: 8px 3%;
        border: 1px solid #ccc;
    }
    .rwdsearch-textfield {
        border: 0px!important;
        padding: 5px!important;
    }
    .Philately_ConditionSearchContainer .agency-sear-btn input.Submit,
    .Philately_ConditionSearchContainer .agency-sear-btn input.Submit_1 {
        background: none #0fa1b8;
        color: #fff;
        border: 0px;
        cursor: pointer;
        display: block;
        height: auto;
        padding: 5px 0;
        margin: 0 auto;
        text-indent: 0;
        width: 65px;
        font-size: 16px;
    }
    .agency-sear-btn {
        float: left;
        width: 100%;
        text-align: center;
        margin: 0 0 15px 0 !important;
    }
}

@media (max-width: 790px) {
    .rwd_MarqueeContainer {
        width: 85%;
    }
}

@media (max-width: 780px) {
    .card_list .text_7 {
        width: 62%;
    }
    .MultipleImageContainer_new {
        width: 91%;
        margin: 20px 4%;
    }
    .MultipleImageContainer_new > a {
        width: 100%;
        margin: 0 auto;
    }
    .cycle-overlay {
        width: 95%;
        margin: 0;
        padding: 20px 2.5%;
    }
    .service_list li {
        width: 33%;
    }
}

@media (max-width: 768px) {

    .photosgallery-vertical {
        width: 100%;
    }
    .photosgallery-vertical .sliderkit-nav {
        width: 290px;
    }
    .photosgallery-vertical .sliderkit-nav-clip ul li a {
        width: 270px;
    }
    .photosgallery-vertical .sliderkit-panel {
        width: 462px;
    }
    .table-cell {
        width: 462px;
    }
    .photosgallery-vertical .sliderkit-panel .sliderkit-panel-textbox {
        width: 462px;
    }
    .topNews-slider .sliderkit img {
        max-width: 462px;
    }
    .photosgallery-vertical .sliderkit-panel .sliderkit-panel-text p {
        line-height: 120% !important;
        padding: 0;
    }
    .MultipleImageContainer_new > a {
        width: 100%;
    }
    .MultipleImageContainer_new_main {
        width: 99%;
    }
    .MultipleImageContainer_new > a > img {
        max-width: 100%;
    }
    .MultipleImageContainer_new_bar {
        position: relative;
        float: left;
        margin: 0 20px;
        width: calc( 100% - 40px);
        overflow-x: auto;
    }
    #adv-custom-pager {
        min-width: 648px;
    }
}

@media (max-width: 750px) {
    .ContentBox2 ul li {
        width: 25%;
    }
    #Recruit ul li.Step1,
    #Recruit ul li.Step2 {
        background: #fff;
        margin-right: 12px;
        padding-right: 10px;
    }
    .Philately_ConditionSearchContainer .agency-sear1 .span1 {
        margin-bottom: 10px;
        width: 100%;
    }
    .Philately_ConditionSearchContainer .agency-sear1 .span2 {
        margin: 0;
        width: 100%;
    }
    .Philately_ConditionSearchContainer .sec span.hd {
        background: transparent;
        margin-left: 0px;
        padding: 0;
    }
}

@media (max-width: 740px) {
    .rwd_MarqueeContainer {
        width: 84%;
    }
}

@media (max-width: 720px) {
    .card_list .text_7 {
        width: 60%;
    }
}

@media (max-width: 700px) {
    .rwd_MarqueeContainer {
        width: 83%;
    }
}

@media (max-width: 690px) {
    .card_list .text_7 {
        width: 58%;
    }
    .management_btn li a p {
        padding: 0 0 0 5%;
        width: 72%;
        height: 50px;
        display: flex;
        align-items: center;
    }
}



@media (max-width: 660px) {
    .card_list .text_7 {
        width: 56%;
    }
    #Recruit ul li,
    #Recruit ul li.Step1,
    #Recruit ul li.Step2 {
        width: 44%;
        margin: 10px 2%;
    }
    #Recruit ul li.Step1,
    #Recruit ul li.Step2,
    #Recruit ul li.Step3 {
        width: 28%;
        margin: 10px 2%;
    }   
    #Recruit ul li.Step1 img,
    #Recruit ul li.Step2 img,
    #Recruit ul li.Step3 img {
        width: 100%;
        margin-left: -5px;
    }     
    #Recruit ul li li {
        width: 100%;
    }
    .rwd_MarqueeContainer {
        width: 82%;
    }
}

@media (max-width: 640px) {
    .service_list li {
        width: 32.98%;
    }
}

@media (max-width: 630px) {
    .card_list .text_7 {
        width: 54%;
    }
    .rwd_MarqueeContainer {
        width: 81%;
    }
    .management_btn li a p {
        height: 46px;
    }
}

@media (max-width: 605px) {
    .ContentBox2 ul li {
        width: 33%;
    }
    .service_list li {
        width: 32.96%;
    }
}


@media (max-width: 600px) {
    .card_list .text_7 {
        width: 52%;
    }
    #ItemDetail {
        width: 100%;
        padding: 0;
    }
    #InnerItemTitle .Description {
        width: 100%;
        margin: 15px 0 10px 0;
        padding: 0;
    }
    .rwd_MarqueeContainer {
        width: 80%;
    }
    #SiteMapContainer .SiteMap_Section ul.SiteMapList {
        width: 94%;
        margin: 0px 0 20px 0;
        padding: 15px 3%;
    }
}

@media (max-width: 590px) {
    .management_btn li a p {
        height: 43px;
    }
}

@media (max-width: 585px) {
    .sort-method-buttons {
        float: left;
        position: initial;
        top: 0;
        right: 0;
        width: 100%;
        margin: 11px 0 0 0;
    }
    .sort-method-buttons a {
        border-left: 0;
        padding: 0 15px;
        display: block;
        color: #424242;
        background: url(../images/icon-sortMethodA.png) 4px center no-repeat;
    }
    .sort-method-buttons a:hover, .sort-method-buttons .current {
        color: #424242;
        background: url(../images/icon-sortMethodAhover.png) 4px center no-repeat;
    }
}


@media (max-width: 580px) {
    .card_list .text_7 {
        width: auto;
    }
    .card_list {
        width: 92%;
        padding: 10px 3%;
        font-size: 16px;
        line-height: 24px;
    }

}

@media (max-width: 570px) {
    .rwd_MarqueeContainer {
        width: 79%;
    }
    .service_list li {
        width: 32.93%;
    }
}

@media (max-width: 550px) {
    .posttemp-sear1 {
        float: left;
        width: 100%;
        margin: 5px 0 5px 0;
        padding: 0 !important;
    }
    .goto-rwd {
        color: #333;
        float: left;
        width: 25px;
        display: block;
        line-height: 20px;
        font-size: 16px;
    }
    .posttemp-sear1 select {
        width: 32.5% !important;
    }
    .Philately_ConditionSearchContainer .agency-sear2 select, 
    .Philately_ConditionSearchContainer .agency-sear1 select {
       width: 32% !important;
       border: 1px solid #ccc;
    }
}

@media (max-width: 540px) {
    .rwd_MarqueeContainer {
        width: 78%;
    }
    .management_btn li a p {
        width: 74%;
        height: 40px;
    }
}

@media (max-width: 530px) {
    .service_list li {
        width: 32.9%;
    }
    .management_btn li {
        width: 92%;
    }
    .management_btn li a p {
        height: 82px;
    }
}

@media (max-width: 520px) {
    .rwd_list {
        width: 100%;
        margin: 2% 0;
    }
    #Recruit ul li.Step1,
    #Recruit ul li.Step2,
    #Recruit ul li.Step3 {
        width: 42%;
        margin: 10px auto 30px auto;
        float: none;
    }
    #Recruit ul li.Step1 {
        margin-top: -40px;
    }
    .rwd_MarqueeContainer {
        width: 77%;
    }
}

@media (max-width: 500px) {
    .rwd_MarqueeContainer {
        width: 76%;
    }
}

@media (max-width: 490px) {
    .ContentBox2 ul li {
        width: 49%;
    }
    .management_btn li a p {
        height: 78px;
    }
}

@media (max-width: 487px) {
    .service_list li {
        width: 49.5%;
    }
}

@media (max-width: 480px) {
    a.WebPhone_icon {
    display: none !important;
}
    .OverView {
    position: initial;
    top: 25px;
    left: 10px;
    z-index: 999;
    float: left;
    width: 100%;
}
    .OverView a {
    width: 89px;
    height: 37px;
    display: block;
    color: #ffffff;
    text-align: center;
    padding: 52px 0 0 0;
    font-size: 12px;
    margin: 0 auto;
}
    #adv-custom-pager a {
      background: #efefef;
    float: left;
    padding: 0;
    margin: 0 1.5%;
    width: 29%;
}
       #adv-custom-pager a img {
       width: 100% !important;
    height: auto !important;
}
    #adv-custom-pager {
    min-width: 100%;
    margin: 24px 0;
    width: 100%;
}
    /*.order-way .cboxElement {
        display: block;
        margin: 15px 0;
    }*/
    .cboxPhoto {
    float: left;
    margin: auto;
    border: 0;
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: initial;
    min-width: 100%;
}
    .Accessibility-detail {
        font-size: 15px;
    }
    #Philately_Stamp_2List .Header h2 {
        padding: 2px 0 2px 26px;
        width: 100%;
        margin-bottom: 5px;
    }
    #Philately_Stamp_2List .Header .More {
        float: left;
        padding: 3px 5px;
        margin-right: 1%;
    }
    .posttemp-sear1 select {
        width: 32% !important;
    }
    .sort-method-buttons {
        float: left;
        position: relative;
        width: 100%;
        margin: 15px 0 0 0;
    }
    .sort-method-buttons li {
        float: left;
        position: relative;
        width: 24.5%;
        margin: 0;
        padding: 7px 0;
        border: 1px solid #ccc;
        border-left: 0;
    }
    .sort-method-buttons li:first-child {
        border-left: 1px solid #ccc;
    }
    .sort-method-buttons ul {
        float: left;
        width: 99.5%;
        border: 0;
        border-right: 0;
    }
    .sort-method-buttons a:hover,
    .sort-method-buttons .current {
        color: #0fa1b8;
        background: url(../images/icon-sortMethodAhover.png) 9% center no-repeat;
    }
    .sort-method-buttons a {
        border: 0;
        padding: 0 0 0 19%;
        width: 81%;
        margin: 0;
        background: url(../images/icon-sortMethodA.png) 9% center no-repeat;
    }
    .page-controls-inner {
        background: none;
        border: 0;
        overflow: hidden;
        padding: 0;
        position: relative;
    }
    .grid-pager {
        float: none;
        background: url(../images/bg-pageControls-inner.png) repeat-x #f5f5f5;
        padding: 9px 2%;
    }
    #Main #Section_2 #ShareNav {
        float: left;
        font-size: 14.5px;
        margin: 10px 0 0 0;
        color: #333333;
        background: url(../images/refresh-time.png) no-repeat left center;
        padding-left: 15px;
    }
    /*-集郵資訊-集郵戳圖-臺閩風景郵戳一覽表-*/
    .rwd_cont.sightmark .card_list .text {
        float: left;
        width: 70%;
        text-align: left;
    }
    .rwd_cont.sightmark .card_list .title {
        float: left;
        width: auto;
    }
    .ConditionSearchContainer select,
    .ConditionSearchContainer input[type="text"] {
        width: 96% !important;
        min-width: 96%;
        padding: 7px 2%;
        font-size: 15px;
        margin: 0 0 13px 0;
        border: #ccc 1px solid;
    }
    .ConditionSearchContainer select {
        width: 88% !important;
        min-width: inherit;
    }
    .ConditionSearchContainer .sec span {
        line-height: 33px;
    }
    .ConditionSearchContainer .sec {
        border-bottom: 0;
        margin-bottom: 0;
        padding-bottom: 0;
        text-align: left;
        float: left;
        width: 100%;
    }
    .ConditionSearchContainer .Submit_1 {
        background: #0fa1b8;
        border: 0px;
        cursor: pointer;
        display: block;
        height: auto;
        text-indent: 0;
        width: 60px;
        margin: 0 auto;
        color: #fff;
        font-family: 微軟正黑體;
        font-size: 15px;
        padding: 8px 0px;
    }
    .ConditionSearchContainer .FloatRight {
        float: left !important;
        width: 100%;
        text-align: center;
    }
    .ConditionSearchContainer .sec label {
        cursor: pointer;
        float: left;
        width: 100%;
    }
    .rwd_cont.sightmark .card_list li:first-child {
        padding-top: 0;

    }
    .rwd_cont.sightmark .card_list {
        width: 94%;
        padding: 15px 3%;
        margin: 0 0 12px 0;
    }
    .rwd_cont.sightmark .card_list li {
        width: 100%;
        border-bottom: 1px dashed #ccc;
        display: block;
        overflow: hidden;
        padding: 10px 0 5px 0;
        font-size: 16px !important;
        line-height: 26px;
    }
    /*-新郵消息-新郵介紹-*/
    #InnerItemTitle .SearchNew {

        text-align: center;
    }
    .MultipleImageContainer_new > a {
        width: 100%;
        height: auto;
    }
    .cycle-overlay {
        width: 95%;
        margin: 0;
        padding: 14px 2.5%;
    }
    .MultipleImageContainer_new > a > img {
        max-width: 90%;
    }
    #NewsInnerContainer .FloatRightImg,
    #NewsInnerContainer .FloatLeftImg {
        float: none;
        margin: 0 auto 15px auto;
    }
    #Main #ContentsContainer #Contents .article dl dd {
        margin-left: 0px;
    }
    #Recruit ul li.Step1,
    #Recruit ul li.Step2,
    #Recruit ul li.Step3 {
        width: 55%;
    }
    #Recruit ul li ul {
        margin: 15px 0 0 0;
        width: 100%;
        font-size: 18px;
    }
    #Recruit ul li ul li {
        width: 100%;
        padding: 0;
        margin: 0;
    }
    #Recruit ul li ul li span {
        display: inline-block;
    }
    .rwd_MarqueeContainer {
        width: 75%;
    }
    .rwd_abgne_marquee ul li a {
        width: 94%;
    }
    .OverView-resp {
        display: none;
    }
    .RelatedQuestion {
        padding: 6px 0;
    }
    .RelatedQuestion a {
        border-right: none;
        margin: 0;
        padding: 8px 0;
        display: block;
        text-align: center;
        font-size: 18px;
    }
}

@media (max-width: 460px) {
    .rwd_MarqueeContainer {
        width: 74%;
    }
    .management_btn li a p {
        height: 72px;
    }
}

@media (max-width: 450px) {
    .rwd_MarqueeContainer {
        width: 72%;
    }
}

@media (max-width: 430px) {
    .service_list li {
        width: 49.4%;
    }
    .management_btn li a p {
        height: 68px;
    }
    .link_list li a {
        width: 85%;
        margin: 0 auto;
        display: block;
        overflow: hidden;
    }
    .link_list li a img {
        width: 100%;
        height: auto;
    }
    .Philately_ConditionSearchContainer .agency-sear1 .span1 {
        padding: 0;
        width: 100%;
        float: left;
    }
    .agency-sear1,
    .agency-sear2 {
        float: left;
        width: 93%;
        margin: 0 0 1px 0;
        padding: 10px 3.5%;
    }
    .agency-sear2 {
        padding: 0 3.5% 10px 3.5%;
    }
    .Philately_ConditionSearchContainer .agency-sear1 .span2 {
        padding: 0;
        width: 100%;
        float: left;
        margin: 0;
    }
    .Philately_ConditionSearchContainer .sec span.hd {
        background: transparent;
        padding: 0;
        margin: 0;
    }
    .goto-rwd {
        line-height: 5px;
    }
}

@media (max-width: 420px) {
    .rwd_MarqueeContainer {
        width: 70%;
    }
    /*-集郵資訊-集郵戳圖-臺閩風景郵戳一覽表-*/
    .rwd_cont.sightmark .card_list .text {
        float: left;
        width: 66%;
        text-align: left;
    }
}

@media (max-width: 400px) {
    .management_btn li a p {
        height: 62px;
    }
    /*-footer-*/
    #Footer .FooterSec_1Container .Sec_1 .Location {
       margin: 0 0 6px 0 !important;
        padding: 2px 2%;
        width: 95%;
        float: left;
         background: #eeeeee;
    }
   
    .sort-method-buttons a:hover,
    .sort-method-buttons .current {
        color: #0fa1b8;
        background: none;
        padding: 0;
        width: 100%;
        text-align: center;
    }
    .sort-method-buttons a {
        border: 0;
        padding: 0;
        width: 100%;
        margin: 0;
        background: none;
        text-align: center;
    }
}

@media (max-width: 390px) {
    .rwd_MarqueeContainer {
        width: 68%;
    }

}

@media (max-width: 375px) {
    .rwdbiz ul li a {
        font-size: 0.89rem;
        padding-top: 75%;
    }
    .navfirst-item > a,
    .navsecond-item > a,
    .navthird-item > a {
        font-size: 1.05rem;
        line-height: 22px;
    }
    .navsecond-item > a::before {
        margin: 7px 0 0 0;
    }
    .navthird-item > a::before {
        margin: 10px 0 0 0;
    }
    .rwd-lang li {
        /*font-size: 1rem;*/
    }
    /*-集郵資訊-集郵戳圖-臺閩風景郵戳一覽表-*/
    .rwd_cont.sightmark .card_list .text {
        float: left;
        width: 61%;
        text-align: left;
    }
}

@media (max-width: 370px) {
    .rwd_MarqueeContainer {
        width: 66%;
    }
}

@media (max-width: 360px) {

    .photosgallery-vertical {
        width: 100%;
    }
    .photosgallery-vertical .sliderkit-nav {
        width: 100px;
    }
    .photosgallery-vertical .sliderkit-nav-clip ul li a {
        width: 80px;
    }
    .photosgallery-vertical .sliderkit-nav-clip .pic {
        display: none;
    }
    .photosgallery-vertical .sliderkit-panel {
        width: 245px;
    }
    .table-cell {
        width: 245px;
    }
    .photosgallery-vertical .sliderkit-panel .sliderkit-panel-textbox {
        width: 245px;
    }
    .topNews-slider .sliderkit img {
        max-width: 245px;
    }
    .photosgallery-vertical .sliderkit-panel .sliderkit-panel-text {
        padding: 9px 15px;
    }
    .photosgallery-vertical .sliderkit-panel .sliderkit-panel-text h4 {
        margin: 0 0 3px 0;
    }
    .photosgallery-vertical .sliderkit-panel .sliderkit-panel-text p {
        line-height: 116% !important;
        padding: 0;
        max-height: 33px;
    }
    .ContentBox2 ul li {
        width: 100%;
    }
    #Recruit ul li ul {
        width: 43%;
    }
    .service_list li {
        width: 49.3%;
    }
    .management_btn li a p {
        height: 57px;
    }
    .posttemp-sear1 {
        float: left;
        width: 100%;
        padding: 0 !important;
    }
    /*.goto-rwd {
        color: #333;
        float: left;
        width: 100%;
        display: block;
        line-height: initial;
        font-size: 16px;
        margin: 0 0 8px 0;
        text-align: center;
    }*/
}

@media (max-width: 350px) {
    .rwd_MarqueeContainer {
        width: 64%;
    }
    .rwd_abgne_marquee ul li a {
        width: 92%;
    }
    .link_list li {
        width: 100%;
    }
    .link_list li a {
        width: 75%;
    }
    /*-集郵資訊-集郵戳圖-閩風景郵戳一覽表-戳圖-*/
    #stampmark .Stampmark table td {
        height: auto;
        text-align: center;
        width: 100%;
    }
    #stampmark .Stampmark table td img {
        height: auto;
        max-height: 100%;
        max-width: 100%;
        width: auto;
    }
    #stampmark .Stampmark {
        margin: 0 auto 15px auto;
        width: 100%;
    }
}

@media (max-width: 335px) {
    .card_list .text {
        width: 80%;
    }
    #Recruit ul li ul {
        width: 45%;
    }
    .rwd_MarqueeContainer {
        width: 62%;
    }
    .management_btn li a p {
        height: 52px;
    }
}


@media (max-width: 330px) {
    /*-集郵資訊-集郵戳圖-臺閩風景郵戳一覽表-*/
    .rwd_cont.sightmark .card_list .text {
        float: left;
        width: 57%;
        text-align: left;
    }
}

@media (max-width: 320px) {

    .photosgallery-vertical {
        width: 100%;
    }
    .photosgallery-vertical .sliderkit-nav {
        width: 100px;
    }
    .photosgallery-vertical .sliderkit-nav-clip ul li a {
        width: 80px;
    }
    .photosgallery-vertical .sliderkit-nav-clip .pic {
        display: none;
    }
    .photosgallery-vertical .sliderkit-panel {
        width: 205px;
    }
    .table-cell {
        width: 205px;
    }
    .photosgallery-vertical .sliderkit-panel .sliderkit-panel-textbox {
        width: 205px;
    }
    .topNews-slider .sliderkit img {
        max-width: 205px;
    }
    .photosgallery-vertical .sliderkit-panel .sliderkit-panel-text {
        padding: 9px 15px;
    }
    .photosgallery-vertical .sliderkit-panel .sliderkit-panel-text h4 {
        margin: 0 0 3px 0;
    }
    .photosgallery-vertical .sliderkit-panel .sliderkit-panel-text p {
        line-height: 116% !important;
        padding: 0;
    }
}

/*置頂圖片輪播 end*/
