.hide {
    display: none;
}


/***** RWD Style *****/

.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: #5ba4ff;
    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: #0072ff;
    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: #0072ff;
    font-weight: bold;
}

.navsecond-item-current>a::before {
    content: "";
    width: 6px;
    height: 6px;
    display: inline-block;
    vertical-align: top;
    border-radius: 999em;
    background-color: #0072ff;
    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: #0072ff;
}

.navthird-item-current>a::before {
    content: "";
    width: 7px;
    height: 1px;
    display: inline-block;
    vertical-align: top;
    background-color: #0072ff;
    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*/

@media (max-width: 980px) {
    #Header_1 {
        width: 100%;
    }
    #Header_2 {
        width: 100%;
    }
    #Header_3 {
        width: 100%;
    }
    #MainContentContainer {
        width: 100%;
    }
    #MainContentBG1 {
        padding: 0 20px;
    }
    #MainContentBG3 {
        width: 100%;
    }
    #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);
        background: #ffffff;
    }
    #LocalNav .LocalNavBG_Top,
    #LocalNav .LocalNavAreaBG_BTM {
        display: none;
    }
    #LocalNav .LocalNavBG_BodyContainer {
        background: none;
    }
    #LocalNav .LocalNavBG_Body {
        width: 100%;
    }
    #LocalNav .LocalNavBG_Body .LocalNavGraphic img,
    #LocalNav a img {
        width: 100%;
    }
    .demo-container {
        width: 100%;
    }
    #MainContainer {
        width: 74%;
    }
    #Main {
        width: auto;
    }
    #MainContentInner {
        width: 100%;
    }
    .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*/
    .SinglePic_L img {
        width: 100%;
    }
    .faq-btn,
    .faq-content {
        width: 85%;
    }
    #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%;
    }
    /*校園首頁*/
    #Accordion {
        width: 100%;
        margin: 0 0 20px 0;
    }
    #Accordion .faq-btn {
        width: 99%;
        padding: 12px 0;
    }
    #Accordion .faq-btn h3 {
        padding-left: 35px;
    }
    #Accordion .faq-list .icon-search,
    #Accordion .faq-list .icon-questions,
    #Accordion .faq-list .icon-building {
        top: 10px;
    }
    #Accordion .faq-content {
        width: 100%;
    }
    /*-class-*/
    .Accordion {
        width: 100%;
        margin: 0 0 20px 0;
    }
    .Accordion .faq-btn {
        width: 99%;
        padding: 12px 0;
    }
    .Accordion .faq-btn h3 {
        padding-left: 35px;
    }
    .Accordion .faq-list .icon-search,
    .Accordion .faq-list .icon-questions,
    .Accordion .faq-list .icon-building {
        top: 10px;
    }
    .Accordion .faq-content {
        width: 100%;
    }
    .Box_Style1,
    .Box_Style2 {
        width: auto;
        margin: 0 0 20px 0;
    }
    .Box_Style1 .Content dl.IMG dd,
    .Box_Style1 .Content dl.IMG dd a {
        width: 100%;
        display: block !important;
    }
    .Box_Style1 .Content dl.IMG dd img {
        width: 100%;
    }
    .Box_Style2 .Content .Preview {}
    .Box_Style2 .Content .Preview .IMG {
        width: 100%;
    }
    .Box_Style2 .Content .Preview .IMG table {
        width: 100%;
        display: table;
    }
    .Box_Style2 .Content .Preview .IMG td {
        width: 100%;
        height: auto;
    }
    .Box_Style2 .Content .Preview .IMG td img {
        width: 100%;
        margin: auto;
    }
    .Box_Style2 .Content .Preview .Link {
        width: 100%;
        height: 100%;
        display: block;
        background: rgba(0, 0, 0, 0.2);
    }
    .Box_Style2 .Content .Preview .Link:hover {
        background: rgba(0, 0, 0, 0);
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
    }
    .Box_Style2 .Content .Preview .Link img {
        width: 100%;
        display: none;
    }
    #ServiceGuideContainer {
        width: auto;
    }
    #MainAdContainer {
        width: 100%;
        height: auto;
    }
    #flexslider_big .slides>li img,
    #MainAd a img {
        height: auto;
    }
    #flexslider_1 {
        width: 80%;
    }
    .News_Index {
        margin: 0 0 20px;
        width: auto;
    }
    #AdBannerContainer_index {
        margin: 0 0 20px;
        width: auto;
    }
    #flexslider_small_1 {
        width: 85%;
        margin: 0 auto;
    }
    #flexslider_small_1 .flex-direction-nav .flex-prev {
        left: -33px;
    }
    #flexslider_small_1 .flex-direction-nav .flex-next {
        right: -33px;
    }
    /*校園首頁 end*/
    #AdBannerContainer {
        width: auto;
        background: linear-gradient(to bottom, #ffffff 0%, #f8f8f8 100%);
        border: 1px solid #dcdcdc;
        border-radius: 5px;
        height: auto;
        overflow: hidden;
    }
    #AdBannerHeader {
        position: relative;
        top: 0px;
        left: 0px;
    }
    #AdBannerContainer .AdBanner {
        position: relative;
        top: 0px;
        left: 0px;
        margin-top: 15px;
    }
    #AdBannerContainer .Content {
        padding: 10px;
    }
    #AdBannerContainer .Content ul {
        width: 100%;
    }
    #AdBannerContainer .Content ul li img {
        width: 98%;
        margin: auto;
    }
    #ui-carousel-prev {
        margin-left: 0px;
    }
    /*校園*/
    .InnerProductListContainer ul.PicViewContainer {
        width: auto;
    }
    .InnerProductListContainer ul.PicViewContainer li {
        width: 43%;
        margin: 0 5px 25px;
    }
    .InnerProductListContainer ul.PicViewContainer li .IMG {
        background: none repeat scroll 0 0 #434343;
    }
    .InnerProductListContainer ul.PicViewContainer li .IMG table {
        width: 186px;
        margin: 0 auto;
    }
    .InnerProductListContainer ul.PicViewContainer li .IMG td {
        border: none;
    }
    .ImageListFocus .mosaic-block {
        width: 100%;
    }
    .ImageListFocus .mosaic-block .mosaic-backdrop img {
        width: 100%;
    }
    .ImageListContainer .ImageList {
        width: 100%;
    }
    .ImageListContainer .ImageList li {
        width: 32%;
        margin: 0 0 20px 0;
    }
    .ImageListContainer .mosaic-block {
        margin: 0 auto;
        width: 99%;
    }
    .ImageListContainer .ImageList li .Topic {
        margin: 0 auto;
        width: auto;
    }
    .InnerProductListContainer .ListViewContainer table {
        width: 100%;
    }
    .InnerProductListContainer .ListViewContainer table td {
        padding: 15px 0;
    }
    .InnerProductListContainer .ListViewContainer .Sec1 {
        width: 25%;
    }
    .InnerProductListContainer .ListViewContainer .Sec2 {
        width: 20%;
    }
    .InnerProductListContainer .ListViewContainer .Sec3 {
        width: 15%;
    }
    .InnerProductListContainer .ListViewContainer .Sec4 {
        width: 15%;
    }
    .InnerProductListContainer .ListViewContainer .Sec5 {
        width: 25%;
    }
    .InnerProductListContainer .ListViewContainer table td.IMG {
        width: 182px;
    }
    .ImageListFocus .mosaic-block {
        width: 99%;
    }
    .ImageListFocus .mosaic-block .mosaic-overlay .details {
        padding: 15px 10px;
    }
    .ImageListFocus .mosaic-block .mosaic-overlay .details p {
        line-height: 150% !important;
    }
    .ImageListContainer .ImageList li .IMG .mosaic-backdrop img {
        /*margin: -50%; width: 200%;*/
        margin: auto;
    }
    #Map {
        width: 100%;
        margin: 0 0 20px 0;
        float: none !important;
    }
    #Map h2 {
        margin-bottom: 15px;
    }
    #picture {
        top: 0;
    }
    /*
    #flexslider_2 {
        width: 85%;
    }
*/
    #flexslider_2 li .IMG .mosaic-block {
        width: 100%;
    }
    #flexslider_2 li .IMG .mosaic-block a {
        display: inherit !important;
    }
    #flexslider_2 .flex-direction-nav .flex-prev {
        left: -33px;
    }
    #flexslider_2 .flex-direction-nav .flex-next {
        right: -33px;
    }
    /*校園 end*/
    .RelatedContainer .ListContainer li {
        width: auto;
    }
}

@media (max-width: 800px) {
    input[type="text"],
    input[type="submit"],
    input[type="reset"],
    select,
    input[type="button"] {
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        border-radius: 0;
    }
    select {
        background: url(../images/rwd_select_att.png) 92% center no-repeat #fff;
        padding: 0 10px 0 0;
    }
    .BackToPrev a {
        display: inline-block;
        font-size: 16px;
        font-weight: 700;
        height: 22px;
        margin: 0 8px 0 0;
    }
    .ImageListContainer .ImageList {
        width: 100% !important;
    }
    .ImageListContainer .ImageList li {
        width: 49% !important;
        margin: 0 0 25px 0 !important;
    }
    /*-首頁-*/
    .PublishInfo ul li {
        float: left;
        padding: 0 0 0 2%;
        border-left: 0;
        width: 98%;
        margin: 4px 0;
    }
    /*-大學郵局-*/
    .topic-Wrap.postadd-resault {
        float: left;
        width: 100%;
        margin: 0 0 20px 0;
    }
    .postadd-resault input.Submit {
        padding: 6.5px 15px;
    }
    .postadd-resault select {
        padding: 4px;
        font-family: 微軟正黑體;
        font-size: 15px;
        width: 80px;
        margin: 0 5px 0 0;
        border: 1px solid #ccc;
    }
    table.TableStyle_02.rwd-postaddresault {
        display: inline-table;
    }
    table.TableStyle_02.rwd-postaddresault th {
        text-align: left;
        width: 30%;
    }
    .rwd-close800 {
        display: none;
    }
    .rwd-open800 {
        display: block;
    }
    #LocationBTNContainer .LocationBTN li {
        float: left;
        display: block;
        width: 23%;
        margin: 0 1% 15px 1%;
        position: relative;
    }
    #LocationBTNContainer .LocationBTN li a {
        width: 90%;
        margin: 0;
        float: left;
        background: #f1f1f1;
        position: initial;
        padding: 0 5%;
        border: 1px solid #d9d9d9;
        font-size: 18px;
    }
    #LocationBTNContainer {
        padding: 0;
        display: inline-block;
        width: 100%;
        margin: 15px 0 0 0;
    }
    .ConditionSearchContainer.department-sear {
        background: none;
        border-radius: 5px;
        margin: 0px 0px 20px;
        moz-border-radius: 5px;
        padding: 0;
        position: relative;
        webkit-border-radius: 5px;
    }
    .sear-wrap2 {
        float: left;
        width: 30px;
        margin: 0 0 0 8px;
    }
    .ConditionSearchContainer .sear-wrap2 input.Submit2 {
        display: inline-block !important;
        height: initial;
        margin: 0;
        background: #ffffff;
        border: 0;
        padding: 6px 25px;
        color: #333;
        font-size: 1.1em !important;
    }
    .ConditionSearchContainer.department-sear select,
    .ConditionSearchContainer.department-sear input {
        padding: 6px 1%;
        font-size: 15px !important;
        font-family: 微軟正黑體;
        line-height: initial !important;
        border: #ccc 1px solid;
    }
    .ConditionSearchContainer .sear-wrap input.Submit1 {
        display: inline-block !important;
        height: initial;
        margin: 0 !important;
        background: #ffffff;
        border: 0;
        padding: 6px 25px;
        color: #333;
        font-size: 1.1em !important;
        text-indent: 0;
    }
    .ConditionSearchContainer .sec_1 {
        border-bottom: 0;
        margin-bottom: 10px;
        padding: 0;
        width: 100%;
        text-align: left;
        display: inline-block;
    }
    .ConditionSearchContainer .sec_2 {
        display: inline-block;
        width: 97%;
        text-align: left;
        margin: 0 0 1px 0;
        background: #eee;
        padding: 8px 1.5%;
    }
    span.department-sear-remark {
        float: left;
        width: 100%;
        line-height: 25px;
        font-size: 16px;
        color: #ff4e00 !important;
        font-weight: bold;
        margin: 15px 0;
    }
    .ConditionSearchContainer .address_1 select {
        width: 115px;
        min-width: 115px;
        float: left;
        margin-right: 10px;
    }
    .address_1 {
        float: left;
        width: 97%;
        text-align: left;
        margin: 0 0 1px 0;
        background: #eee;
        padding: 8px 1.5%;
    }
    .address_1 .d-sear-title {
        float: left;
        color: #333;
        font-size: 16px !important;
        width: 73px;
        margin: 0;
        line-height: 34px !important;
    }
    .address_2 input {
        width: 210px;
    }
    .address_2 {
        float: left;
        width: 97%;
        text-align: left;
        margin: 0 0 1px 0;
        background: #eee;
        padding: 8px 1.5%;
    }
    .office_sear {
        float: left;
        width: 254px;
    }
    .address_2 .d-sear-title {
        float: left;
        color: #333;
        font-size: 16px !important;
        width: 155px;
        margin: 0;
        line-height: 34px !important;
    }
    .sec_2 .d-sear-title {
        float: left;
        color: #333;
        font-size: 16px !important;
        width: 73px;
        margin: 0;
        line-height: 34px !important;
    }
    .sear-wrap {
        float: left;
        width: 97%;
        text-align: center;
        margin: 0 0 1px 0;
        background: #eee;
        padding: 8px 1.5%;
    }
    /*FatFooter*/
    .FatFooter {
        display: block;
        background: #e7e7e7;
        overflow: hidden;
        margin-top: -20px;
        width: 100%;
    }
    .FatFooter_section {
        float: left;
        width: 94%;
        margin: 0.5% 3%;
    }
    .FatFooter_section h2 {
        font-size: 1.17rem;
        color: #009ae9;
        border-bottom: solid 2px #ccc;
        padding: 10px 0;
        float: left;
        width: 100%;
    }
    .FatFooter_section ul.FatFooter_list li.FatFooter_list_unit {
        padding: 7px 0;
        width: 50%;
        float: left;
        font-size: 0.92rem;
        line-height: 23px;
    }
    .FatFooterHeader {
        padding: 0;
    }
    .FatFooterHeader a {
        display: block;
        color: #fff;
        background: #009ae9;
        padding: 10px;
        margin: 0;
        -webkit-border-radius: 0px !important;
        -moz-border-radius: 0px !important;
        border-radius: 0px !important;
    }
    .FatFooterHeader a:hover {
        color: #fff;
    }
    .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;
    }
    /*FatFooter end*/
    /*Footer*/
    .rwd-back-pc {
        width: 100%;
        text-align: center;
        margin: 0 0 11px 0;
    }
    #Footer {
        width: 100%;
        font-size: 0.85rem;
    }
    #Footer .FooterSec_1Container {
        margin: 10px;
        padding-bottom: 0;
    }
    #Footer .FooterSec_1Container .Sec_1 {
        color: #464648;
        float: none;
        margin: 10px auto;
        width: 95%;
        font-size: 15px;
        line-height: 27px;
    }
    #Footer .FooterSec_1Container .Sec_1 p {
        margin-bottom: 9px;
        word-wrap: break-word;
    }
    #Footer .FooterSec_1Container .Sec_1 .Mail_icon {
        background: url(../images/Mail_icon.gif) no-repeat right 6px;
    }
    #Footer .FooterSec_1Container .Sec_1 .ServiceGuide_icon {
        background: url(../images/ServiceGuide_icon.gif) no-repeat right 7px;
    }
    #Footer .FooterSec_1Container .Sec_1 .WebPhone_icon {
        background: url(../images/WebPhone_icon.gif) no-repeat right 7px;
    }
    #Footer .FooterSec_1Container .A_Plus {
        margin-top: 0;
        margin-bottom: 10px;
    }
    #Footer .FooterSec_1Container .Sec_2 {
        float: left;
        padding: 8px 3%;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        width: 94%;
    }
    #Footer .FooterSec_2Container {
        margin: 15px 10px;
    }
    #Footer .FooterSec_2Container .Sec_1 {
        color: #464648;
        float: none;
        text-align: center;
        font-size: 0.9rem;
    }
    #Footer .FooterSec_2Container .Sec_2 {
        float: none;
        width: 100%;
        text-align: center;
    }
    #Footer .FooterSec_1Container .Sec_2 ul {
        width: 98%;
        margin: 0 auto;
        overflow: hidden;
    }
    #Footer .FooterSec_1Container .Sec_2 li {
        float: left;
        width: 33.33%;
        margin-left: 0;
        padding-left: 0;
        text-align: center;
        border-left: none;
    }
    #Footer .FooterSec_2Container .Sec_1 p {
        margin-bottom: 15px;
    }
    #Footer .FooterSec_1Container .Sec_2 .web20 {
        padding-right: 0;
        padding-top: 5px;
        padding-bottom: 15px;
        text-align: center;
        font-size: 16px;
        font-family: 微軟正黑體;
    }
    #Footer .FooterSec_2Container .Sec_2 .A_Plus {
        float: none;
        margin-top: 5px;
    }
    #Footer .FooterSec_2Container .Sec_2 .Traffic {
        float: none;
        display: block;
        text-align: center;
        margin-top: 5px;
        width: 100%;
    }
    /*Footer end*/
    /*-rwd-header-*/
    .rwdheader {
        display: block;
    }
    a.Logo_link {
        margin: 14px 0 0 8px;
        display: inline-block;
    }
    /*-頁數-*/
    .pagination_1 a {
        padding: 7px 9px;
        display: inline-block;
        font-size: 15px;
        border: 0 !important;
    }
    /*-悠遊台灣-*/
    .ImageListFocus .mosaic-block .mosaic-backdrop img {
        width: 100% !important;
        display: block;
    }
    .ImageListFocus.hidden_S.posttw-mainpic {
        border: 1px solid #dcdcdc !important;
        padding: 0 !important;
    }
    .mosaic-block {
        height: auto !important;
    }
    .ImageListFocus .mosaic-block {
        height: auto !important;
        width: 99.5% !important;
        border: 0 !important;
        border-bottom: 1px solid #dcdcdc !important;
    }
    .bar3 .mosaic-overlay {
        display: none !important;
    }
    .details.rwd-open {
        background: #f9f9f9;
        padding: 20px 8px 8px 8px;
        display: block;
        border: 0;
    }
    .mosaic-backdrop {
        position: static !important;
    }
    .ImageListFocus {
        padding-bottom: 5px;
        background: none !important;
    }
    .ConditionSearchContainer.traveltw .sort-sear label {
        margin: 0 3px 0 0;
    }
    .ConditionSearchContainer.traveltw .selectContainer {
        background: #ffffff;
        border: 0;
        display: inline-block;
        padding: 0;
    }
    .ConditionSearchContainer.traveltw select,
    .ConditionSearchContainer.traveltw input#keyword {
        padding: 5px !important;
        font-size: 15px;
        border: 0;
    }
    span.inputButtonContainer.btn {
        width: 100%;
        text-align: center !important;
    }
    .city-sear,
    .sort-sear,
    .inputTextContainer.keyword {
        float: left;
        width: 100%;
        margin: 0 0 15px 0;
    }
    .ConditionSearchContainer.traveltw li {
        margin-top: 0;
    }
    .ConditionSearchContainer.traveltw label.input-label {
        display: none;
    }
    .ConditionSearchContainer.traveltw span,
    .ConditionSearchContainer.traveltw label {
        display: inline-block;
        vertical-align: initial !important;
        text-align: left;
    }
    .ConditionSearchContainer.traveltw li .Title {
        font-size: 16px;
        width: 80px;
        float: left;
        padding: 0;
        margin: 0;
    }
    .ConditionSearchContainer.traveltw {
        font-size: 16px;
        font-weight: normal;
        background: #2897d5;
    }
    /*-最新國外發行郵票-*/
    #FileDownloadContainer .FileDownBox .FileDown {
        float: left;
        width: 100%;
        margin: 5px 0;
    }
    #FileDownloadContainer .FileDownBox .FileDown .Info {
        background: #ffffff;
        float: left;
        min-height: 50px;
        position: relative;
        width: 81%;
        padding: 8px 3%;
        margin: 0 0 0 1%;
    }
    #ContentsContainer #Contents #FileDownloadContainer .FileDownBox p {
        line-height: 190%;
        margin: 0;
    }
    /*-各地風景戳圖-*/
    .TableStyle_02.landscape th.name {
        width: 22%;
    }
    .TableStyle_02.landscape th.usepost {
        width: 40%;
    }
    .TableStyle_02.landscape .BTN_Style03 .Icon {
        background: none;
        padding: 0;
    }
    .InnerProductListContainer ul.PicViewContainer li h3 {
        font-size: 16px;
        margin-bottom: 5px;
        line-height: 24px;
    }
    /*-最新發行郵票-*/
    .rwd_cont .Header {
        float: left;
        width: 100%;
        margin: 0 0 22px 0;
        line-height: 30px;
    }
    .agency-sear-btn {
        padding: 0 5px;
    }
    .agency-sear-btn .InputBTN_3 {
        background: -moz-linear-gradient(center top, #ffc477 5%, #fb9e25 100%);
        background: none;
        background-color: #ffb24d;
        border: 0;
        border-radius: 0;
        box-shadow: none;
        color: #ffffff !important;
        cursor: pointer;
        display: inline-block;
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffc477', endColorstr='#fb9e25');
        font-size: 15px;
        margin: 0 5px;
        moz-border-radius: 3px;
        moz-box-shadow: inset 0px 1px 0px 0px #fce2c1;
        padding: 6px 15px;
        text-shadow: none;
        webkit-border-radius: 3px;
        webkit-box-shadow: inset 0px 1px 0px 0px #fce2c1;
    }
    .Philately_ConditionSearchContainer {
        float: left;
        width: 100%;
        margin: 0 0 20px 0;
    }
    .Philately_ConditionSearchContainer select {
        border: 1px solid #ccc;
        padding: 5px 4px;
        margin: 0 3px;
        min-width: 62px;
    }
    .rwd_cont {
        display: block;
    }
    div#Stamp_2List {
        display: none;
    }
    .RelatedInfoContainer .RelatedInfoList li {
        background: url(../images/ListIcon_001.png) no-repeat left 5px;
        line-height: 23px;
    }
    table.rwd_list {
        width: 100%;
        display: inline-table;
        text-align: left;
        margin: 0 0 20px 0;
        border: 1px solid #d9d9d9;
    }
    table.rwd_list th,
    table.rwd_list td {
        padding: 6px;
        line-height: 24px;
    }
    table.rwd_list th {
        width: 130px;
        border-right: 1px solid #d9d9d9;
    }
    table.rwd_list tr {
        border: 1px solid #d9d9d9;
    }
    /*-如何集郵-*/
    #Recruit ul>li ul {
        margin: 15px 0 0 0;
        width: 100%;
    }
    #Recruit ul li li {
        float: none;
        margin-bottom: 14px;
        width: 100%;
    }
    #Recruit ul>li {
        float: left;
        margin: 0 1.5%;
        padding: 0 !important;
        width: 30%;
    }
    #ContentsContainer #Contents {
        font-size: 16px;
    }
    #Main h1 {
        font-size: 21px;
    }
    .Align_Right {
        text-align: right;
        margin: 20px 0 0 0;
    }
    .BTN_Style03 {
        background: #f4f4f4;
        border: 1px solid #dedede;
        border-radius: 3px;
        display: inline-block;
        margin: 0 5px 0 0;
        padding: 8px 16px;
    }
    input[type="checkbox"],
    input[type="radio"] {
        border: 1px solid #ccc;
        background: #ffffff;
    }
    #sb-site {
        padding: 53px 0 0;
    }
    #HeaderContainer {
        display: none;
    }
    #Header_1Container {
        display: none;
    }
    #MainContentBG1 {
        padding: 0px;
        background-position: 0 30px;
    }
    #Mobilemenu-mainService {
        display: none;
    }
    #Header_2 {
        width: 100%;
        background: none;
        height: 100%;
    }
    #HeaderNavContainer {
        display: none;
    }
    #Header_2Container {
        height: auto;
    }
    #Header_2Container #Logo {
        position: relative;
    }
    #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;
    }
    #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%;
        padding: 70px 0 0 0;
    }
    #MainContentInner {
        padding: 0 15px;
        width: auto;
    }
    #Main h1 {
        width: auto;
    }
    #MainContentInner #Breadcrumbs {
        border: 1px solid #ececec;
        border-left: none;
        border-right: none;
        margin-top: 20px;
    }
    #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 {
        width: auto;
        padding: 0 10px;
    }
    #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 {
        width: auto;
        margin: 0 10px;
        background: linear-gradient(to bottom, #ffffff 0%, #ededed 100%);
        border: 1px solid #dcdcdc;
        border-radius: 5px;
        height: auto;
    }
    #QuickSearch {
        padding: 10px;
    }
    #QuickSearchContainer .QuickSearchHeader {
        position: relative;
        top: 0px;
        left: 0px;
        margin-bottom: 10px;
    }
    #QuickSearchContainer #QuickSearchDrop {
        position: relative;
        top: 0px;
        left: 0px;
    }
    #QuickSearchContainer #QuickSearchBTN {
        position: relative;
        top: 0px;
        left: 0px;
        /*text-align: center;*/
    }
    .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;
    }
    #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;
    }
    #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;
    }
    #Footer .FooterSec_2Container .Sec_2 {
        float: none;
    }
    #Footer .FooterSec_2Container .Sec_2 .A_Plus {
        float: left;
    }
    #Footer .FooterSec_2Container .Sec_2 .Traffic {
        float: left;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 0;
    }
    #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: right;
    }
    #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;
        margin: 0 0 20px 0;
    }
    #MainContainer_Fullwidth {
        padding: 0px 10px;
    }
    #Main_Fullwidth #Section_2 #Breadcrumbs {
        width: 295px;
    }
    .faq-btn,
    .faq-content {
        width: 90%;
    }
    .ConditionSearchContainer {
        font-size: 0.9em;
        line-height: 175%;
    }
    .ConditionSearchContainer select {
        width: 110px;
        min-width: 110px;
    }
    #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*/
    /*多圖*/
    .MultipleImageContainer {
        /*display: none;*/
        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*/
    #OrganizationStructure {
        display: none;
    }
    .mobile-select-menu {
        display: none;
        padding: 10px 0 0;
    }
    .mobile-select-menu select {
        padding: 8px 10px;
        border: 1px solid #ccc;
        width: 100%;
        font-size: 18px;
        background: url(../images/rwd_select_att.png) 97% center no-repeat #fff;
       
        margin: 0 0 12px 0;
               line-height: initial;
    }
    /* 手機 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*********************************************/
    .slide-panel {
        display: none;
    }
    .slide-btn {
        display: block;
    }
    .ConditionSearchContainer {
        margin: 0;
    }
    /*校園首頁*/
    /*校園首頁 end*/
    /*校園*/
    /*校園 end*/
}

@media (max-width: 768px) {
    #MainAdOverView li .Info {
        width: 85%;
        float: none;
    }
    #MainAdOverView li .IMG {
        width: 100%;
        float: none;
    }
    .StampmarkContainer #Section_2 #ShareNav {
        float: right;
        padding: 10px;
        display: none !important;
    }
    
}

@media (max-width: 730px) {
    /*-如何集郵-*/
    #Recruit ul>li {
        float: left;
        margin: 0 0 18px 0 !important;
        padding: 0 !important;
        width: 100%;
    }
    #Recruit ul>li img {
        float: left;
    }
    #Recruit ul>li ul {
        margin: 42px 0 0 5%;
        width: 150px;
        float: left;
    }
}

@media (max-width: 670px) {
    /*-大學郵局-*/
    #LocationBTNContainer .LocationBTN li {
        float: left;
        display: block;
        width: 29%;
        margin: 0 2% 15px 2%;
        position: relative;
    }
}

@media (max-width: 655px) {
    /*-最新國外發行郵票-*/
    #FileDownloadContainer .FileDownBox .FileDown .Info {
        width: 78%;
    }
}

@media (max-width: 573px) {
    /*-各地風景戳圖-*/
    .InnerProductListContainer ul.PicViewContainer li {
        width: 42%;
        margin: 0 5px 25px;
    }
}

@media (max-width: 600px) {
    /*-悠遊台灣-*/
    .ImageListContainer .ImageList li {
        width: 100%;
    }
}

@media (max-width: 540px) {
    /*-最新國外發行郵票-*/
    #FileDownloadContainer .FileDownBox .FileDown .Info {
        width: 74%;
    }
}

@media (max-width: 500px) {
    /*-大學郵局-*/
    #LocationBTNContainer .LocationBTN li {
        width: 46%;
    }
}

@media (max-width: 490px) {
    /*-如何集郵-*/
    .RelatedQuestion a {
        border-bottom: 1px solid #a4bbc9;
        margin: 0 0 14px 0;
        padding: 5px 0 7px 0;
        width: 100%;
        display: inline-block;
        border-right: 0;
    }
}

@media (max-width: 480px) {
   .Stampmark table td {
        height: auto;
        text-align: center;
        width: 100%;
    }
    .Stampmark table td img {
        height: auto;
        max-height: initial;
        max-width: 100%;
        width: 100%;
    }
    a.WebPhone_icon {
        display: none !important;
    }
    #Map {
        width: 100%;
        margin: 0 0 20px 0;
        float: none !important;
        display: none;
    }
    .ImageListContainer .ImageList li {
        width: 100% !important;
        margin: 0 0 25px 0 !important;
    }
    /*-首頁-*/
    .acc-key {
        display: none;
    }
    .Accordion .faq-content ul li a {
        background: url(../images/ArrowRight_006.png) no-repeat right 12px;
        color: #2897d5;
        display: block;
        padding: 6px 35px;
        font-size: 16px;
    }
    .Accordion .faq-content {
        height: auto;
    }
    .rwd-index1 {
        display: block;
    }
    /*-相關網站-*/
    .rwd-slider2 {
        display: block;
    }
    .rwd-slider2 .Brown_BTM {
        background: #605853 url(../images/dot_BG_Brown.gif) repeat 0 0;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        moz-border-radius-bottomleft: 5px;
        moz-border-radius-bottomright: 5px;
        overflow: hidden;
        padding: 15px;
        webkit-border-bottom-left-radius: 5px;
        webkit-border-bottom-right-radius: 5px;
        margin: 20px 0 0 0;
    }
    .rwd-slider2 .Brown_BTM .more {
        background: url(../images/ArrowRight_007_white.png) no-repeat right 2px;
        color: #ffffff;
        display: block;
        float: right;
        font-size: 0.9em;
        padding: 1px 20px;
    }
    .rwd-slider2 {
        background: #fff;
        padding: 20px 0 0 0;
        border-radius: 5px;
        margin: 0 0 20px 0;
    }
    .rwd-slider-inner2 img {
        margin: 0 auto;
        border: 1px solid #e1e1e1;
    }
    .rwd-slider2 .slick-prev {
        font-size: 0;
        line-height: 0;
        position: absolute;
        top: 50%;
        display: block;
        width: 30px;
        height: 31px;
        padding: 0;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        cursor: pointer;
        color: transparent;
        border: none;
        outline: none;
        background: url(../images/bg_direction_nav_2.png) no-repeat 0 0;
        z-index: 99999;
    }
    .rwd-slider2 .slick-next {
        font-size: 0;
        line-height: 0;
        position: absolute;
        top: 50%;
        display: block;
        width: 30px;
        height: 31px;
        padding: 0;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        cursor: pointer;
        color: transparent;
        border: none;
        outline: none;
        background: url(../images/bg_direction_nav_3.png) no-repeat 0 0;
        z-index: 99999;
    }
    .rwd-slider2 .slick-prev {
        left: -9px;
    }
    .rwd-slider2 .slick-next {
        right: -5px;
    }
    .rwd-slider2 .slick-prev:before,
    .rwd-slider2 .slick-next:before {
        display: none;
    }
    /*-小輪播-*/
    .rwd-slider .slick-prev:before,
    .rwd-slider .slick-next:before {
        display: none;
    }
    .rwd-slider .slick-prev {
        font-size: 0;
        line-height: 0;
        position: absolute;
        top: 50%;
        display: block;
        width: 30px;
        height: 31px;
        padding: 0;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        cursor: pointer;
        color: transparent;
        border: none;
        outline: none;
        background: url(../images/bg_direction_nav_2.png) no-repeat 0 0;
        z-index: 99999;
    }
    .rwd-slider .slick-next {
        font-size: 0;
        line-height: 0;
        position: absolute;
        top: 50%;
        display: block;
        width: 30px;
        height: 31px;
        padding: 0;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        cursor: pointer;
        color: transparent;
        border: none;
        outline: none;
        background: url(../images/bg_direction_nav_3.png) no-repeat 0 0;
        z-index: 99999;
    }
    .rwd-slider .slick-prev {
        left: -9px;
    }
    .rwd-slider .slick-next {
        right: -5px;
    }
    .rwd-slider {
        display: block;
        margin: 0 0 20px 0;
    }
    .rwd-slider-inner img {
        margin: 0 auto;
    }
    .pc-slider {
        display: none;
    }
    /*-新聞列表-*/
    .News_Index .Content {
        background: 0;
        padding: 0;
    }
    .News_Index .Content dl dd a .Date {
        display: block;
        text-align: center;
        margin: 0 0 7px 0;
        width: 100px;
        padding: 3px 0;
    }
    .News_Index .Content dl dd a {
        background: none;
        display: block;
        padding: 15px 2%;
        font-size: 16px;
        line-height: 22px;
    }
    .News_Index .Header .more,
    .Box_Style1 .Header .more,
    .Box_Style2 .Content p .more {
        background: url(../images/ArrowRight_007.png) no-repeat right 3px;
        font-size: 15px;
        padding: 0 22px 0 0;
    }
    .News_Index .Header h2,
    .Accordion .faq-btn h3,
    .Box_Style1 .Header h2 {
        font-size: 18px;
    }
    /*-關-*/
    .pc-index {
        display: none;
    }
    /*-如何集郵-*/
    .landscape .BTN_Style03 {
        background: #f4f4f4;
        border: 1px solid #dedede;
        border-radius: 3px;
        display: inline-block;
        margin: 0 5px 0 0;
        padding: 7px 9px;
    }
    /*-悠遊台灣-*/
    .ConditionSearchContainer.traveltw {
        padding: 20px 10px;
    }
    #ContentsContainer #Contents {
        padding: 20px 15px;
    }
    .Stampmark {
        margin: 0 auto 15px auto;
        width: 100% !important;
    }
}

@media (max-width: 480px) {
    body {
        font-size: 0.9em;
    }
    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;
    }
    #SiteMapContainer .SiteMap_Section ul.SiteMapList {
        width: 80%;
    }
    #MainAdSmallOverView {
        margin-right: 0px;
    }
    #MainAdSmallOverView li {
        margin: 0 2px 27px 0;
    }
    #ContentsContainer #Contents {
        overflow-x: scroll;
        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;
    }
    #MainContentLeft {
        float: none;
        width: auto;
    }
    #MainContentRight {
        float: none;
        width: auto;
    }
    #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;
    }
    /*
	.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;
    }
    #FileDownloadContainer .FileDownBox .FileDown .Info {
        width: 76%;
    }
    .Submit_2 {
        display: inline-block;
    }
    .TableStyle_02 th,
    .TableStyle_02 td {
        padding: 5px;
    }
    .TableStyle_02 td:last-child {
        min-width: 90px;
    }
    .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 {
        padding: 0;
    }
    .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: #0072ff;
        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;
        display: block;
    }
    .ConditionSearchContainer .Align_Right,
    .ConditionSearchContainer .sec_1,
    .ConditionSearchContainer .sec_2 {
        text-align: left;
    }
    #InnerItemTitle .SearchNew input.Submit_2 {
        margin: 5px 0 0 0;
    }
    #InnerItemTitle .SearchNew form {
        float: none !important;
    }
    #MainAdOverView li .IMG {
        width: 100%;
    }
    .Align_Right img {
        width: 100%;
    }
    .faq-btn,
    .faq-content {
        width: 75%;
        font-size: 0.8em;
    }
    /*校園首頁*/
    /*校園首頁 end*/
    /*校園*/
    .ViewToolContainer .View {
        float: none;
        overflow: hidden;
    }
    .ViewToolContainer .FloatRight {
        float: none;
        margin: 15px 0 0;
    }
    .InnerProductListContainer ul.PicViewContainer li {
        width: 94%;
        margin: 0 0 25px;
    }
    .ImageListContainer .ImageList li {
        width: 100%;
    }
    .ConditionSearchContainer li .Title {
        font-size: 110%;
    }
    .ConditionSearchContainer span,
    .ConditionSearchContainer label {
        display: block;
    }
    .ConditionSearchContainer .Padinleft20 {
        padding-left: 0;
    }
    .inputButtonContainer {
        margin-top: 20px;
    }
    .inputButtonContainer .InputBTN_3 {
        margin-left: 0;
    }
    .InnerProductListContainer .ListViewContainer dl.Listhead {
        display: none;
    }
    .ListViewContainer table,
    .ListViewContainer thead,
    .ListViewContainer tbody,
    .ListViewContainer th,
    .ListViewContainer td,
    .ListViewContainer tr {
        display: block;
    }
    .ListViewContainer thead tr,
    .ListViewContainer th {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    .ListViewContainer tr {
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
    }
    .ListViewContainer td {
        border-bottom: none;
        position: relative;
        padding-left: 25% !important;
        min-height: 22px;
        width: auto !important;
        text-align: left !important;
    }
    .ListViewContainer td:first-child,
    .ListViewContainer td:last-child {
        padding-left: 0 !important;
    }
    .ListViewContainer td:last-child {
        text-align: center !important;
    }
    .ListViewContainer td:before {
        position: absolute;
        left: 6px;
        padding-right: 10px;
        display: block;
        font-weight: bold;
    }
    .ListViewContainer td:nth-of-type(1):before {
        content: "";
    }
    .ListViewContainer td:nth-of-type(2):before {
        content: "名稱";
    }
    .ListViewContainer td:nth-of-type(3):before {
        content: "縣市";
    }
    .ListViewContainer td:nth-of-type(4):before {
        content: "類型";
    }
    #picture {
        width: auto;
        height: auto;
        background: none;
    }
    #picture .inter_more {
        font-size: 100%;
        font-weight: 700;
        position: static;
        width: 31%;
        display: inline-block;
    }
    #picture .inter_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;
    }
    #picture .inter_more a:hover,
    #picture .inter_more a:active {
        background: #2897d5;
        color: #ffffff;
    }
    #fade_bg {
        top: 0;
    }
    #infobox {
        left: 10px;
        margin: 0 0 -160px;
    }
    .News_Index .Content dl dd a .Date {
        margin-bottom: 10px;
        display: block;
        text-align: center;
    }
    /*校園 end*/
    dl.dl_Style02FloatLeft {
        float: none;
        width: auto;
    }
    .TabsContainer_style2 .Width500p {
        width: auto;
    }
}

@media (max-width: 470px) {
    /*-最新國外發行郵票-*/
    #FileDownloadContainer .FileDownBox .FileDown .Info {
        width: 74%;
    }
}

@media (max-width: 460px) {
    /*-大學郵局-*/
    .address_1 .d-sear-title,
    .address_2 .d-sear-title {
        width: 100%;
        display: inline-block !important;
    }
}

@media (max-width: 440px) {
    /*-如何集郵-*/
    #Recruit ul>li img {
        display: block;
        margin: 0 auto;
        width: 197px;
        float: none;
    }
    #Recruit ul>li ul {
        margin: 20px auto 0 auto;
        width: 150px;
        display: block;
        float: none;
    }
    /*-各地風景戳圖-*/
    .TableStyle_02.landscape th.name {
        width: 34%;
    }
}

@media (max-width: 430px) {
    /*-最新國外發行郵票-*/
    #FileDownloadContainer .FileDownBox .FileDown .Info {
        width: 71%;
    }
    #ContentsContainer #Contents #FileDownloadContainer .FileDownBox p {
        line-height: 22px;
        margin: 0 0 7px 0;
        max-width: 100%;
        float: left;
        position: initial;
    }
    /*-悠遊台灣-*/
    .ConditionSearchContainer.traveltw li .Title {
        font-size: 16px;
        width: 100%;
        float: left;
        padding: 0;
        margin: 0 0 6px 0;
    }
    /*-大學郵局-*/
    input.office_input {
        width: 150px;
    }
    .office_sear {
        float: left;
        width: 230px;
    }
    .ConditionSearchContainer .sear-wrap2 input.Submit2 {
        display: inline-block !important;
        height: initial;
        margin: 0;
        background: #ffffff;
        border: 0;
        padding: 6px 16px;
        color: #333;
        font-size: 1.1em !important;
    }
}

@media (max-width: 400px) {
    /*-footer-*/
    #Footer .FooterSec_1Container .Sec_1 .Location {
        margin: 0 0 5px 0 !important;
        padding: 2px 2%;
        background: #eeeeee;
        border: 1px solid #dcdcdc;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        display: inline-block;
        width: 95%;
    }
    /*-大學郵局-*/
    input.office_input {
        width: 70%;
    }
    .sear-wrap2 {
        float: left;
        width: 100%;
        margin: 10px 0 0 0;
        text-align: center;
    }
    .ConditionSearchContainer .sear-wrap2 input.Submit2 {
        padding: 6px 25px;
    }
    .office_sear {
        float: left;
        width: 100%;
    }
}

@media (max-width: 381px) {
    /*-最新國外發行郵票-*/
    #FileDownloadContainer .FileDownBox .FileDown .Info {
        width: 68%;
    }
}

@media (max-width: 375px) {
    .rwdbiz ul li a,
    .rwdbiz-index ul li a {
        font-size: 0.89rem;
        padding-top: 75%;
    }
}

@media (max-width: 360px) {
    #QuickSearch .ListSelect p.InputWrap select {
        min-width: 260px;
        width: auto;
    }
    .InnerProductListContainer ul.PicViewContainer li {
        width: 90%;
        margin: 0 auto 20px;
    }
}

@media (max-width: 350px) {
    /*-大學郵局-*/
    #LocationBTNContainer .LocationBTN li .Icon {
        width: 28px;
        height: 28px;
        background: url(../images/Arrow_icon_02.png) no-repeat center center;
        position: absolute;
        top: 13px;
        right: 6px;
        background-size: 28px;
    }
}

@media (max-width: 345px) {
    /*-最新國外發行郵票-*/
    #FileDownloadContainer .FileDownBox .FileDown .Info {
        width: 65%;
    }
}

@media (max-width: 345px) {
    /*-大學郵局-*/
    input.office_input {
        width: 66%;
    }
}

@media (max-width: 320px) {
    /*-最新發行郵票-*/
    .agency-sear-btn .InputBTN_3 {
        margin: 0;
    }
    .TabsContainer_style2 ul.tabs li {
        margin-right: 3px;
    }
    .TabsContainer_style2 ul.tabs a {
        padding: 0 3px;
    }
    #QuickSearch .ListSelect p.InputWrap select {
        min-width: 220px;
    }
    .BTN_List_Style02 .BTN_List a {
        width: 66px;
    }
    .faq-btn,
    .faq-content {
        width: 73%;
    }
    /*校園首頁*/
    /*校園首頁 end*/
    /*校園*/
    #infobox {
        left: 0px;
        margin: 0 0 -160px;
        width: 245px;
    }
    /*校園 end*/
}


/*置頂圖片輪播*/

@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: 440px;
    }
    .table-cell {
        width: 440px;
    }
    .photosgallery-vertical .sliderkit-panel .sliderkit-panel-textbox {
        width: 440px;
    }
    .topNews-slider .sliderkit img {
        max-width: 440px;
    }
    .photosgallery-vertical .sliderkit-panel .sliderkit-panel-text p {
        line-height: 120% !important;
        padding: 0;
    }
    .rwd_print_ctrl {
        display: none;
    }
}

@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: 408px;
    }
    .table-cell {
        width: 408px;
    }
    .photosgallery-vertical .sliderkit-panel .sliderkit-panel-textbox {
        width: 408px;
    }
    .topNews-slider .sliderkit img {
        max-width: 408px;
    }
    .photosgallery-vertical .sliderkit-panel .sliderkit-panel-text p {
        line-height: 120% !important;
        padding: 0;
    }
}

@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: 190px;
    }
    .table-cell {
        width: 190px;
    }
    .photosgallery-vertical .sliderkit-panel .sliderkit-panel-textbox {
        width: 190px;
    }
    .topNews-slider .sliderkit img {
        max-width: 190px;
    }
    .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;
    }
}

@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: 150px;
    }
    .table-cell {
        width: 150px;
    }
    .photosgallery-vertical .sliderkit-panel .sliderkit-panel-textbox {
        width: 150px;
    }
    .topNews-slider .sliderkit img {
        max-width: 150px;
    }
    .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*/