﻿.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;
}

.rwd-back-pc a {
    display: block;
    width: 100px;
    margin: 0 auto;
    padding-left: 13px;
    background: url(../images/back_pc_icon.png) 0 2px 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;
}
.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: #54cb4d;
    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;
    text-indent: -9999px;
    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: #038c00;
    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: #038c00;
    font-weight: bold;
}

.navsecond-item-current > a::before {
    content: "";
    width: 6px;
    height: 6px;
    display: inline-block;
    vertical-align: top;
    border-radius: 999em;
    background-color: #038c00;
    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: #038c00;
}

.navthird-item-current > a::before {
    content: "";
    width: 7px;
    height: 1px;
    display: inline-block;
    vertical-align: top;
    background-color: #038c00;
    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 *****/

@media (max-width: 980px) {
    #Header {
        width: 100%;
    }
    #Header_VersionContainer {
        left: -5px;
    }
    #Header_2 {
        width: 100%;
    }
    #HeaderMainMenuContainer {
        width: 99.8%;
    }
    #InnerBody,
    #InnerBodyContent {
        width: 100%;
    }
    #Footer {
        width: 100%;
    }
    #MainContentInner_1 {
        width: 100%;
    }
    #NewsContainer {
        left: 0px;
        margin: 0;
        border-left: 0px;
        width: 100%;
    }
    #NewsInner {
        width: auto;
    }
    .news_tabs_wrap {}
    .news_tabs_wrap ul.tabs li {
        margin: 0;
        width: 14%;
    }
    .news_tabs_wrap ul.tabs li:last-child {
        width: 30%;
    }
    .news_tabs_wrap ul.tabs a {
        text-align: center;
    }
    #MainAdContainer {
        margin: 0;
        border: 0px;
        width: 100%;
    }
    #MainAd {
        width: 100%;
        height: auto;
    }
    #flexslider_big .slides > li img,
    #MainAd a img {
        height: auto;
    }
    #MainBG_L,
    #MainBG_R,
    #MainBG2_L,
    #MainBG2_R {
        display: none;
    }
    #Main_2_MiddleContainer {
        margin: 0;
    }
    #MainContentInner_2 {
        width: auto;
    }
    #Main_2_MiddleContainer {
        width: auto;
    }
    #Main_2_Middle_Left {
        width: 30%;
        height: auto;
    }
    #Main_2_Middle_Right {
        width: 67%;
    }
    #RelatedLinks .bx-wrapper {
        width: 75%;
        margin-bottom: 25px;
    }
    .ServiceLinkContainer {
        width: 21.7%;
        padding-left: 10px;
        margin-left: 10px;
    }
    .ServiceLinkHeader,
    .ServiceLinkHeader p,
    .ServiceLinkHeader > img {
        width: 100%;
    }
    .ServiceLinkHeader {
        height: auto;
    }
    .ServiceLinkHeader p {
        margin: 8px 0;
    }
    .ServiceLinkMenuMore select {
        width: 100%;
    }
    #SmallBannerContainer {
        width: 99%;
    }
    .BannerItemContainer {
        width: 50%;
    }
    .BannerItem_1,
    .BannerItem_2 {
        border: 1px solid #e2e2e2;
        border-top: 0px;
        background: none;
        width: 99.6%;
    }
    .BannerItem_1 {
        -webkit-border-bottom-left-radius: 5px;
        border-bottom-left-radius: 5px;
    }
    .BannerItem_2 {
        -webkit-border-bottom-right-radius: 5px;
        border-bottom-right-radius: 5px;
    }
    #SmallBanner .bx-wrapper {
        width: 82%;
    }
    #SmallBanner .flexslider .slides img,
    #SmallBanner .bx-wrapper img {
        width: 100%;
        height: auto;
    }
    #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: 70%;
    }
    #Main {
        width: auto;
    }
    .megamenu_container,
    #ServiceDropContainer,
    #AllLocationDropContainer {
        position: relative;
        float: left;
    }
    .megamenu_container {
        width: 57%;
        margin-right: 20px;
    }
    .megamenu >li .megamenu_fullwidth {
        width: 100%;
        max-width: 920px;
    }
    #ServiceDropContainer,
    #AllLocationDropContainer {
        width: 18%;
        right: 0px;
    }
    #MarqueeContainer,
    #MarqueeContainer_noScript,
    div#abgne_marquee {
        width: auto;
    }
    #HeaderMainMenu:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }
    /*首頁重拆*/
    .MainContent-index > .wrap {
        width: 100%;
    }
    .MainContent-index > .wrap .left-index {
        width: 30%;
    }
    .MainContent-index > .wrap .right-index {
        width: 70%;
    }
    .MainContent-index > .wrap .left-index .deco-bg,
    .MainContent-index > .wrap .right-index .deco-bg {
        display: none;
    }
    /*首頁重拆 end*/
    /*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: 90%;
    }
    #MainAdOverView li {
        width: 100%;
    }
    #MainAdOverView li .Info {
        width: 28%;
    }
    #MainAdOverView li .IMG {
        width: 65%;
    }
    #MainAdOverView li .IMG img {
        width: 100%;
        height: auto !important;
    }
    #SiteMapContainer .SiteMap_Section ul.SiteMapList {
        width: 26%;
    }
    /*查詢專區*/
    .Postal_TabsContainer .wrap {
        width: auto;
    }
    .Postal_TableStyle_04 {
        width: 100%;
    }
    /*查詢專區 end*/
    /*營業據點*/
    #pageSearch {
        width: auto;
        padding: 0 0 0 0px;
    }
    .Blue {
        background: transparent;
    }
    #pageSearch span {
        /*float: none;*/
    }
    #pageSearch .span2 {
        padding: 0;
    }
    #pageSearchBT,
    #OXSearchBT {
        float: left;
        display: block;
        margin-top: 5px;
    }
    #pageSearch #opensearch {
        clear: both;
        position: static;
    }
    #pageSearch #opensearch .faq-list {
        width: auto;
    }
    #pageSearch #opensearch .faq-btn {
        margin: 10px 0;
        width: auto;
    }
    #pageSearch #opensearch .faq-content {
        left: 0px;
        width: 100%;
    }
    #pageSearch #opensearch .faq-content .TabsContainer {
        width: auto;
        padding-bottom: 0px;
        padding: 10px;
    }
    #pageSearch #opensearch .faq-content .TabsContainer .wrap {
        width: auto;
    }
    #pageSearch #opensearch .faq-content .TabsContainer .TabInnerWarp,
    #Main #ContentsContainer #Contents .citytable #pagemainOX {
        width: auto;
    }
    #pageSearch #opensearch .faq-content .TabsContainer .TabInnerWarp:after,
    #Main #ContentsContainer #Contents .citytable #pagemainOX:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }
    #pageSearch #opensearch .faq-content .TabsContainer ul.tabs li {
        /*float: none;*/
        width: 49%;
    }
    #pageSearch #opensearch .faq-content .TabsContainer ul.tabs li.long {
        width: 49%;
    }
    #opensearch .faq-content .TabsContainer ul.tabs a {
        text-align: left;
        padding: 0px 10px 0px 25px;
        background: url(../images/point/icon-questions_off.gif) no-repeat 0px 7px #d6d6d6;
    }
    #opensearch .faq-content .TabsContainer ul.tabs a:hover {
        background: url(../images/point/icon-questions.gif) no-repeat 0px 7px #EEE;
    }
    #pageSearch #opensearch .faq-content .TabsContainer ul.tabs a.current,
    #pageSearch #opensearch .faq-content .TabsContainer ul.tabs a.current:hover,
    #pageSearch #opensearch .faq-content .TabsContainer ul.tabs li.current a {
        background: url(../images/point/icon-questions.gif) no-repeat 0px 7px #EEE;
    }
    #pageSearch #opensearch .faq-content .TabsContainer .TabInnerWarp p {
        height: auto;
    }
    #pageSearch #opensearch .faq-list #mainsearchbottom {
        position: relative;
        clear: both;
        width: auto;
        left: auto;
        padding: 0;
        margin-top: 10px;
        float: right;
    }
    #Main #ContentsContainer #Contents .citytable #pagemainOX #mainsearchbottom {
        left: 0px;
    }
    #pageSearch #opensearch .faq-list #mainsearchbottom input.Submit,
    #Main #ContentsContainer #Contents .citytable #pagemainOX #mainsearchbottom input.Submit {
        right: 10px;
    }
    #Main #ContentsContainer #Contents .citytable {
        width: auto;
    }
    #Main #ContentsContainer #Contents .citytable {
        float: none;
    }
    #pagemain {
        float: none;
        clear: both;
        margin: 0px;
        width: auto;
    }
    #pagemain h1 {
        float: none;
        width: auto;
        margin-bottom: 0px;
    }
    #pagemain #Section_2 {
        margin-bottom: 20px;
    }
    #pagemain #Section_2 #ShareNav {
        margin-top: 0px;
    }
    #pagemain #table {
        padding: 5px;
    }
    .Pointpagination {
        font-size: 0.7em;
    }
    .Pointpagination a {
        padding: 4px;
    }
    .Pointpagination a.disable,
    .Pointpagination a.disable:hover {
        padding: 0 5px;
    }
    .Pointpagination a.disable2 {
        background: #ffffff;
        padding: 0 5px;
    }
    .Pointpagination a.disable2:hover {
        padding: 0 5px;
        background: #ffffff;
    }
    /*營業據點 end*/
}

@media (max-width: 800px) {
    /** {
	    -webkit-box-sizing: border-box;
	       -moz-box-sizing: border-box;
	            box-sizing: border-box;
	} */
    .rwd-back-pc {
        display: block;
    }
    /*-下載項目一覽-*/
    .rwd_list.download img {
        margin: 0 4px;
    }
    /*-熱門下載-*/
    #NewsListContainer .hd {
        overflow: hidden;
        border-bottom: 1px solid #eaeaea;
        padding: 3px 0 15px 17px;
        background: url(../images/TitleIcon_001.jpg) no-repeat 0 0;
        font-size: 17px;
    }
    table.rwd_list.fourword-th tr th {
        width: 120px;
    }
    /*-上方搜尋-*/
    p.sear-resault {
        float: left;
        width: 100%;
        margin: 0 0 10px 0 !important;
            font-size: 16px;
    }
    .sear-btn-wrap {
        float: left;
        width: 100%;
        text-align: center;
    }
    .sear-btn-wrap input.Submit_2 {
        display: inline-block;
    }
    .sear-wrap {
        width: 100%;
    }
    /*-頁數-*/
    .pagination_1 a {
        display: inline-block !important;
        margin: 0 0.5%;
        padding: 6px 8px;
    }
    .PicViewContainer li {
        margin: 25px 1% 20px 1%;
        background: #f5f5f5;
        min-height: 350px;
    }
    /*-basic-*/
    #NewsListContainer .hd .More a {
        float: right;
        width: 62px;
        height: initial;
        display: block;
        background: #eee;
        overflow: hidden;
        text-indent: 0;
        margin-top: 0;
        font-size: 14px;
        font-weight: bold;
        text-align: center;
        padding: 4px 0;
        line-height: initial;
    }
    #Main>span {
        line-height: 24px;
        font-size: 15px;
        margin: 0 0 16px 0;
        float: left;
        width: 100%;
    }
    tr.rwd-close800 {
        display: none !important;
    }
    .ConditionSearchContainer input.input_style01 {
        padding: 7px 2%;
        width: 95%;
        margin: 13px 0;
    }
    #ContentsContainer #Contents p.resault-num {
        margin: 0 0 13px 0;
        width: 100%;
        display: inline-block;
        vertical-align: top;
    }
    .ConditionSearchContainer select {
        width: auto;
        min-width: 125px;
        padding: 6px 10px;
    }
    input,
    select {
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        border-radius: 0;
        font-size: 15px !important;
        font-family: 微軟正黑體;
    }
    select {
        background: url(../images/rwd_select_att.png) 95% center no-repeat #fff;
        padding: 0 10px 0 0;
    }
    [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;
    }
    .FatFooterHeader a {
        display: block;
        color: #FFF;
        background: #03a600 !important;
        padding: 10px;
        margin: 0;
        -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;
    }
    /*Footer*/
    #Footer {
        width: 100%;
        font-size: 0.85rem;
    }
    #Footer .FooterSec_1Container {
        margin: 5px 0 10px 0;
        padding-bottom: 0;
    }
    #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_1Container .Sec_1 {
        color: #464648;
        float: none;
        margin: 10px auto;
        width: 95%;
        line-height: 27px;
        font-size: 15px;
    }
    #Footer .FooterSec_2Container {
        margin: 0 10px;
    }
    #Footer .FooterSec_2Container .Sec_1 {
        color: #464648;
        float: none;
        text-align: center;
    }
    #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;
    }
    #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;
        width: 100%;
        margin-top: 5px;
    }
    /*Footer end*/
    input[type="checkbox"],
    input[type="radio"] {
        border: 1px solid #ccc;
    }
    #HeaderContainer {
        width: 100%;
        height: 83px;
        background: url(../images/mobile-HeaderBG.jpg) repeat-x;
        display: none;
    }
    #Header_2Container_index {
        display: none;
    }
    #Header_2 {
        width: 100%;
    }
    #HeaderNavContainer {
        position: relative;
        left: 0px;
        top: 35px;
        padding: 0px;
        margin-left: 5px;
    }
    #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 20px;
    }
    #FontSizeContainer {
        display: none;
    }
    #LogoContainer {
        position: relative;
        left: 0px;
        top: 0px;
        z-index: 99;
        width: 242px;
        margin: 0 auto;
        padding: 20px 0 10px 0;
    }
    .megamenu_container,
    #ServiceDropContainer,
    #AllLocationDropContainer {
        display: none;
    }
    #HeaderMainMenuContainer {
        width: 99%;
        overflow: hidden;
        height: auto;
    }
    #HeaderMainMenu {
        padding: 0 10px;
    }
    #Mobilemenu,
    #Mobilemenu-onlineservice,
    #Mobilemenu-localpost {
        width: 100%;
        display: block;
        height: 30px;
        padding: 7px 0;
        float: left;
    }
    #Mobilemenu-onlineservice {
        width: 30%;
    }
    #Mobilemenu-localpost {
        width: 30%;
        margin-right: 0px;
    }
    #Mobilemenu select,
    #Mobilemenu-onlineservice select,
    #Mobilemenu-localpost select {
        display: block;
        width: 100%;
        padding: 2px;
        /*background-color: transparent;*/
        background: linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
        border: 1px solid #cbcbcb;
        cursor: pointer;
        outline: none;
    }
    #MainContentInner_1Container {
        height: auto;
    }
    #MainContentInner_1 {
        width: 100%;
        position: relative;
    }
    #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 */
        height: auto;
    }
    #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 {
        border-right: 0px solid #ffffff;
        float: none;
        width: 100%;
        margin-bottom: 20px;
    }
    #MainAd {
        background: url(../images/MainAdBanner.jpg) no-repeat;
        width: 100%;
        height: auto;
        margin: 0;
    }
    #slides {
        display: none;
    }
    #MarqueeContainer {
        width: 100%;
    }
    div#abgne_marquee {
        width: 95%;
        margin: 0 auto;
    }
    #MainBG2_L,
    #MainBG2_R {
        display: none;
    }
    #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 {
        /*border-bottom: 1px dashed #dadada;*/
        overflow: hidden;
        width: 460px;
        margin: 0 auto;
    }
    #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: 135px;
        border-top: 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: 0px;
        width: 100%;
    }
    #MainServicesContainer {
        background: linear-gradient(to bottom, #038c00 0%, #04a200 50%, #34b801 100%);
        padding: 55px 15px 10px;
        margin-top: 60px;
    }
    #MainServicesContainer .icon {
        background: linear-gradient(to bottom, #34b801 0%, #04a200 50%, #038c00 100%);
        border: 5px solid #FFFFFF;
        border-radius: 50%;
        color: #FFFFFF;
        display: block;
        font-size: 24px;
        height: 80px;
        margin: -100px auto 10px;
        /*padding: 25px 0;*/
        text-align: center;
        width: 80px;
    }
    #MainServicesContainer .icon i.fa {
        display: block;
        height: 48px;
        text-align: center;
        width: 48px;
        margin: 17px auto;
    }
    #MainServicesContainer .icon i.fa-service {
        background: url(../images/icon_services.png) no-repeat;
    }
    #MainServicesContainer .icon i.fa-logo {
        background: url(../images/icon_logo.png) no-repeat;
    }
    #MainServicesContainer .Header {
        margin: 0 0 15px 0;
        text-align: center;
    }
    #MainServiceContainer {
        /*display: none;*/
    }
    #ServiceLinksContainer {
        position: relative;
        right: 0px;
        top: 0px;
        font-size: 11px;
        margin: 20px auto;
        width: 460px;
        overflow: hidden;
        display: none;
    }
    #ServiceLinks li {
        margin-left: 7px;
    }
    #SmallBannerContainer {
        width: 100%;
        padding-top: 0px;
    }
    .BannerItemContainer {
        width: 95%;
        margin: 0 auto 10px;
        height: auto;
        float: none;
    }
    .BannerItem_1,
    .BannerItem_2 {
        background: none;
        width: auto;
    }
    .SmallBannerHeader-rt {
        border-left: 1px solid #e2e2e2;
    }
    .SmallBannerHeader img {
        width: 100%;
        height: auto;
    }
    .jcarousel-skin-tango .jcarousel-container-horizontal {
        width: auto;
    }
    #InnerBody {
        width: 100%;
    }
    #LocalNavContainer {
        display: none;
    }
    #InnerBodyContent {
        padding: 0 8px 15px 8px;
        width: auto;
    }
    #Main,
    #Main_Fullwidth {
        width: auto;
        margin-top: 15px;
    }
    #Main #Section_2 #Breadcrumbs {
        width: 100%;
        margin-bottom: 15px;
        font-size: 14.5px;
    }
    #Main #Section_2 #ShareNav {
        float: left;
        margin-top: 0;
        font-size: 14.5px;
    }
    #Main #Section_2 #ShareNav a:first-child {
        margin-left: 0px;
    }
    #Post_NavContainer .Prev {
        margin: 0 0 15px 0;
    }
    #MainContainer {
            width: 97%;
    padding: 10px 0;
    margin: 0 1.5%;
    }
    /**公司簡介**/
    #CompanyInfoContainer .HeaderGraphic img {
        width: 100%;
    }
    #CompanyInfoContainer .article_1 img {
        width: 50%;
    }
    #CompanyInfoContainer #CompanyInfo_3 li {
        float: none;
    }
    #CompanyInfoContainer #CompanyInfo_3 li .Info {
        padding: 185px 10px 0px 10px;
    }
    #CompanyInfoContainer .CompanyInfo_4 img {
        width: 100%;
    }
    #CompanyInfoContainer #CompanyInfo_5 li {
        width: 100%;
        display: inline-block;
        vertical-align: top;
        float: none;
        margin: 0px 0px 20px 0px;
    }
    #CompanyInfoContainer .CompanyInfo_5-List_7 {
        width: 100%;
        background: url(../images/CompanyInfo_img005_7-mobile.jpg) no-repeat left center;
    }
    #CompanyInfoContainer .CompanyInfo_6info {
        padding: 15px 15px 15px 75px;
    }
    #CompanyInfoContainer #CompanyInfo_7 li {
        width: 100%;
    }
    #CompanyInfoContainer #CompanyInfo_7 li .Info {
        width: auto;
        min-height: 0px;
    }
    #CompanyInfoContainer #CompanyInfo_8 .Info_1,
    #CompanyInfoContainer #CompanyInfo_8 .Info_2,
    #CompanyInfoContainer #CompanyInfo_8 .Info_3 {
        background: none;
    }
    #CompanyInfoContainer #CompanyInfo_8 .Box {
        padding: 10px 10px 10px 0px;
    }
    /**公司簡介 END**/
    #LeaderContainer .Photo {
        float: none;
        text-align: center;
    }
    #LeaderContainer .Intro {
        width: 100%;
    }
    #LeaderContainer .Intro .Name {
        text-align: center;
    }
    #MainContainer_Fullwidth {
        padding: 0px;
    }
    #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;
    }
    #MainAdOverView li .IMG img {
        width: 100%;
    }
    #Main_Fullwidth #Section_2 #Breadcrumbs {
        width: 295px;
        margin-bottom: 15px;
    }
    .faq-btn,
    .faq-content {
        width: 90%;
    }
    .ConditionSearchContainer {
        font-size: 0.9em;
        line-height: 175%;
        border: 0;
    }
    input.input_style01 {
        padding: 6px 10px;
    }
    #NewsListContainer {
        width: 100%;
        font-size: 16px;
    }
    .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: 100%;
        margin-bottom: 10px;
    }
    .NewsHeadContainer .NewsHeadS .Img {
        width: auto;
    }
    .NewsHeadContainer .NewsHeadS .Img td {
        width: 100%;
    }
    .NewsHeadContainer .NewsHeadL a {
        width: 100%;
        float: none;
    }
    .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*/
    .mobile-select-menu {
        display: block;
        padding: 10px 10px 0;
    }
    .mobile-select-menu select {
        padding: 8px 10px;
        border: 1px solid #ccc;
        width: 100%;
        font-size: 18px;
        margin-bottom: 30px;
    }
    .SinglePic_L img {
        /*max-width: 430px;*/
        width: 100%;
    }
    .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%;
    }
    #SiteMapContainer .SiteMap_Section ul.SiteMapList {
        width: 80%;
    }
    #MainAdSmallOverView {
        margin-right: 0px;
    }
    #MainAdSmallOverView li {
        margin: 0 2px 27px 0;
    }
    /*多圖*/
    .MultipleImageContainer {
        /*display: none;*/
    }
    .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;
    }
    #HeaderNav_Nav a {
        font-size: 0.8em;
    }
    /* 手機 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 */
    /********全國據點********/
    #PointMenu .LocalNavBG_BodyContainer {
        height: auto;
        border-radius: 10px;
    }
    #PointMenu #LocalNavBGMeun #sNavi {
        top: 0px;
        left: 0px;
        padding: 5px 10px;
        overflow: hidden;
    }
    #PointMenu #LocalNavBGMeun #sNavi li {
        float: left;
        width: 50%;
        display: block;
        margin: 5px 0px;
    }
    #PointMenu #LocalNavBGMeun #sNavi a {
        position: relative;
        background: url(../images/RadioBTN_on.png) no-repeat 0px 0px !important;
        text-indent: 0px;
        font-size: 0.9em;
        padding-left: 20px;
        width: auto !important;
        height: auto !important;
        top: 0px !important;
        left: 0px !important;
    }
    #PointMenu #LocalNavBGMeun #sNavi .point a,
    #PointMenu #LocalNavBGMeun #sNavi .temporary a,
    #PointMenu #LocalNavBGMeun #sNavi .region a,
    #PointMenu #LocalNavBGMeun #sNavi .form a,
    #PointMenu #LocalNavBGMeun #sNavi .self a,
    #PointMenu #LocalNavBGMeun #sNavi .proxy a {
        top: 0px;
        left: 0px;
        width: auto;
        height: auto;
        background-position: 0px 0px;
    }
    #PointMenu #LocalNavBGMeun #sNavi .point a:hover,
    #PointMenu #LocalNavBGMeun #sNavi .temporary a:hover,
    #PointMenu #LocalNavBGMeun #sNavi .region a:hover,
    #PointMenu #LocalNavBGMeun #sNavi .form a:hover,
    #PointMenu #LocalNavBGMeun #sNavi .self a:hover,
    #PointMenu #LocalNavBGMeun #sNavi .proxy a:hover {
        background-position: 0px 0px;
    }
    #pointbluelineTitle h3 {
        color: #777777;
    }
    #pointbluelineTitle {
        width: auto;
    }
    #pointMainContent {
        width: auto;
    }
    #pointMainContent #cube {
        float: none;
        width: auto;
        padding: 10px;
        border-radius: 10px;
        background: #f1f1f1;
    }
    #pointMainContent #cube #mapleft {
        margin: 0;
        float: none;
    }
    #pointMainContent #cube #mapleft img {
        width: 40%;
        margin-bottom: 10px;
    }
    #pointMainContent #cube #mapleft p {
        padding-left: 0px;
    }
    #pointMainContent #cube #mapleft span {
        padding-left: 0px;
    }
    #pointMainContent #cube #mapright {
        float: none;
        width: auto;
    }
    #Map {
        margin: 0;
        width: auto;
        float: none;
    }
    #Map a {
        background: transparent;
    }
    #Map a:hover {
        color: #FFF;
        background: #3a95c6;
    }
    #picture {
        width: auto;
        height: auto;
        float: none;
        background: #f6f6f6;
        padding: 10px 0;
        border-radius: 10px;
    }
    #picture .more {
        position: static;
        float: left;
        width: 23%;
        font-size: 1em;
        margin: 5px 0;
    }
    #pointMainContent #cube #mapleft #bottom #map a {
        text-indent: 0px;
        border: solid 1px #00a7ef;
        border-radius: 8px;
        padding: 5px;
        background: #00a7ef;
        color: #ffffff;
    }
    #pointMainContent #cube #mapleft #bottom #map a:hover {
        text-indent: 0px;
        background: none;
        color: #00a7ef;
    }
    #pointMainContent #cube #mapleft #bottom #map .Emap a {
        bottom: 110px;
        right: 0px;
    }
    #pointMainContent #cube #mapleft #bottom #map .nationwide a {
        right: 0px;
        width: auto;
        height: auto;
    }
    #pointMainContent #cube2 {
        width: auto;
        float: none;
        margin: 0 0 20px 0px;
        border-radius: 10px;
        padding: 10px;
        background: #f1f1f1;
    }
    #pointMainContent #cube2 #ListSearchCubeLeft span {
        line-height: 180%;
    }
    #pointMainContent #cube2 #ListSearchtitle img {
        width: 40%;
    }
    #pointMainContent #cube2 #tabmeun {
        float: none;
        top: 60px;
        left: 10px;
    }
    #pointMainContent #cube2 #ListSearchCubeLeft {
        width: auto;
        padding-left: 0px;
        float: none;
        margin: 80px 0 20px;
    }
    #ListSearchCubeLeft .faq-btn {
        width: auto;
        float: none;
    }
    .faq-list .icon-arrow {
        /*top: 5px;*/
    }
    #pointMainContent #cube2 #mainsearchbottom {
        left: 0px;
        top: 0px;
    }
    #pointMainContent #cube2 #mainsearchbottom input.Submit_2,
    #MainPointContainer #table input.Submit {
        line-height: 28px;
    }
    #PointsearchContent {
        width: auto;
        margin: 10px 0px;
    }
    #Pointsearchleft {
        width: auto;
        float: none;
    }
    #BusinessLinksContainer {
        height: 110px;
    }
    #Pointsearchright {
        float: none;
        width: auto;
        padding: 0;
    }
    #NearPost {
        width: auto;
        height: auto;
        padding: 10px;
    }
    #NearPost #title {
        top: 10px;
        position: static;
        width: auto;
        font-size: 0.8em;
        line-height: 160%;
        margin: 0 0 10px 0;
    }
    #NearPost img {
        display: block;
        float: none;
    }
    #NearTool {
        position: static;
        top: 0px;
        right: 0px;
        padding: 0;
        width: auto;
        height: auto;
    }
    #NearTool #sNavi {
        overflow: hidden;
    }
    #NearTool #sNavi li {
        float: left;
        margin: 0 5px 5px 0;
    }
    #NearTool #sNavi a {
        position: static;
    }
    #pageSearch {
        width: auto;
        padding: 0 0 0 0px;
    }
    .Blue {
        background: transparent;
    }
    #pageSearch span {
        /*float: none;*/
    }
    #pageSearch .span2 {
        padding: 0;
    }
    #pageSearchBT,
    #OXSearchBT {
        float: left;
        display: block;
        margin-top: 5px;
    }
    #pageSearch #opensearch {
        clear: both;
    }
    #pageSearch #opensearch .faq-list {
        width: auto;
    }
    #pageSearch #opensearch .faq-btn {
        margin: 10px 0;
        width: auto;
    }
    #pageSearch #opensearch .faq-content {
        left: 0px;
        width: auto;
    }
    #pageSearch #opensearch .faq-content .TabsContainer {
        width: auto;
        padding-bottom: 0px;
        margin: 10px;
    }
    #pageSearch #opensearch .faq-content .TabsContainer .wrap {
        width: auto;
    }
    #pageSearch #opensearch .faq-content .TabsContainer .TabInnerWarp,
    #Main #ContentsContainer #Contents .citytable #pagemainOX {
        width: auto;
    }
    #pageSearch #opensearch .faq-content .TabsContainer ul.tabs li {
        float: none;
    }
    #pageSearch #opensearch .faq-content .TabsContainer ul.tabs li.long {
        width: auto;
    }
    #opensearch .faq-content .TabsContainer ul.tabs a {
        text-align: left;
        padding: 0px 10px 0px 25px;
        background: url(../images/point/icon-questions_off.gif) no-repeat 0px 7px #d6d6d6;
    }
    #opensearch .faq-content .TabsContainer ul.tabs a:hover {
        background: url(../images/point/icon-questions.gif) no-repeat 0px 7px #EEE;
    }
    #pageSearch #opensearch .faq-content .TabsContainer ul.tabs a.current,
    #pageSearch #opensearch .faq-content .TabsContainer ul.tabs a.current:hover,
    #pageSearch #opensearch .faq-content .TabsContainer ul.tabs li.current a {
        background: url(../images/point/icon-questions.gif) no-repeat 0px 7px #EEE;
    }
    #pageSearch #opensearch .faq-content .TabsContainer .TabInnerWarp p {
        height: auto;
    }
    #pageSearch #opensearch .faq-list #mainsearchbottom {
        position: relative;
        clear: both;
        width: auto;
        left: auto;
        padding: 0;
        margin-top: 10px;
        float: right;
    }
    #Main #ContentsContainer #Contents .citytable #pagemainOX #mainsearchbottom {
        left: 0px;
    }
    #pageSearch #opensearch .faq-list #mainsearchbottom input.Submit,
    #Main #ContentsContainer #Contents .citytable #pagemainOX #mainsearchbottom input.Submit {
        right: 10px;
    }
    #Main #ContentsContainer #Contents .citytable {
        width: auto;
    }
    #Main #ContentsContainer #Contents .citytable {
        float: none;
    }
    #pagemain {
        float: none;
        clear: both;
        margin: 0px;
        width: auto;
    }
    #pagemain h1 {
        float: none;
        width: auto;
        margin-bottom: 0px;
    }
    #pagemain #Section_2 {
        margin-bottom: 20px;
    }
    #pagemain #Section_2 #ShareNav {
        margin-top: 0px;
    }
    #pagemain #table {
        padding: 5px;
    }
    .Pointpagination {
        font-size: 0.7em;
    }
    .Pointpagination a {
        padding: 4px;
    }
    .Pointpagination a.disable,
    .Pointpagination a.disable:hover {
        padding: 0 5px;
    }
    .Pointpagination a.disable2 {
        background: #ffffff;
        padding: 0 5px;
    }
    .Pointpagination a.disable2:hover {
        padding: 0 5px;
        background: #ffffff;
    }
    #pageSearch #opensearch .faq-list #mainsearchbottom #next .bt a {
        right: 10px;
    }
    #LocationBTNContainer {
        padding: 0;
    }
    #LocationBTNContainer .LocationBTN li a {
        width: 120px;
    }
    #PagepointbluelineTitle {
        width: auto;
    }
    #pagemain #table td {
        background: #ffffff;
        width: auto !important;
    }
    #pagemain #table .list td {
        background: #F8F8F8;
    }
    .PointSearch_inputList li {
        width: 100%;
    }
    #MainMenuContainer {
        display: none;
    }
    .PointSearch_List > li span {
        margin-left: 0 !important;
    }
    #Table4 tr {
        border-bottom: 0px solid #CCCCCC;
        border-top: 0px solid #CCCCCC;
    }
    #Table4 td {
        border-bottom: 0px;
    }
    #Table4 td:before {
        display: none;
    }
    #table td:before {
        color: #499D04;
    }
    #MainPointContainer {
        float: none;
        padding: 0;
        width: auto;
    }
    .PointMapWrap img {
        width: 100%;
    }
    .PointListStyle_1 li {
        width: 100%;
    }
    .PointListStyle_1 li span {
        width: 66%;
        margin-bottom: 5px;
    }
    .PointListStyle_1 li {
        width: 100%;
    }
    .PointListStyle_1 li.fullWidth span {
        width: auto;
        display: block;
    }
    .point_table_ATM td:before {
        width: 40%;
    }
    .point_table_ATM td {
        padding-left: 45% !important;
    }
    .PointSearch_List >li:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }
    #MainPointContainer #table {
        padding: 0px;
    }
    #MainPointContainer #table .map {
        width: 100%;
    }
    /*td:nth-of-type(1):before { content: ""; }
	td:nth-of-type(2):before { content: "郵遞區號"; }
	td:nth-of-type(3):before { content: "電話號碼"; }
	td:nth-of-type(4):before { content: "局名"; }
	td:nth-of-type(5):before { content: "局址"; }*/
    #table table,
    #table thead,
    #table tbody,
    #table th,
    #table td,
    #table tr {
        display: block;
    }
    #table thead tr,
    #table th {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    #table tr {
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
    }
    #table td {
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 35% !important;
        text-align: left !important;
        min-height: 22px;
    }
    #table td:before {
        position: absolute;
        left: 6px;
        padding-right: 10px;
        display: block;
        width: 30%;
    }
    /********全國據點 END********/
    #TabsContainer {
        /*display: none;*/
    }
    .ListStyle_2 dl {
        margin-bottom: 5px;
    }
    .ListStyle_2 dl dt {
        margin-bottom: 3px;
        color: #3c80c5;
        font-weight: 700;
    }
    .ListStyle_2 dl dd a {
        margin-bottom: 3px;
        color: #535353;
        font-weight: 700;
    }
    .ListStyle_2 dl dd a {
        color: #535353;
    }
    .ListStyle_2 dl dd a:hover,
    .ListStyle_2 dl dd a:active {
        color: #3d81c5;
    }
    .ListStyle_2 dl dd a .label {
        display: inline-block;
        vertical-align: middle;
        margin-left: 5px;
    }
    .NewsMoreContainer .NewsMore a {
        margin: 10px 0 0 0;
    }
    .ServiceLinkMenu li {
        width: auto;
        display: block;
    }
    .ServiceLinkMenu li a {
        background: url("../images/IconArrow3.gif") no-repeat scroll 7px 11px rgba(238, 238, 238, 1);
        display: block;
        padding: 5px 10px 5px 20px;
        border-radius: 5px;
    }
    .ServiceLinkMenu li a:hover {
        background: url("../images/IconArrow3_on.gif") no-repeat 7px 11px rgba(238, 238, 238, 1);
    }
    .HeaderImg {
        width: 100%;
    }
    .PublishInfo {
        padding: 0 0 10px 0;
    }
    .PublishInfo ul {
        float: none;
    }
    .PublishInfo ul li {
        float: none;
        padding: 0;
        border: 0px;
    }
    /*
	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%;
    }
    /*
	.ThumbImg table { 
		height: 100px;
	}
	.ThumbImg td { 
		display: inline-block; 
		height: 100px !important;
		vertical-align: middle;
	}
	.ThumbImg td img { 
		vertical-align: middle;
	}
	*/
    /*
	#PointContainer {}
	#PointContainer table, #PointContainer thead, #PointContainer tbody, #PointContainer th, #PointContainer td, #PointContainer tr { 
		display: inline-block; 
	}
	#PointContainer thead tr, #PointContainer th { 
		position: relative;
		top: 0px;
		left: 0px;
	}
	#PointContainer tr { border-top: 0px solid #ccc; border-bottom: 0px solid #ccc; }
	#PointContainer td { 
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 5px !important;
		text-align: left;
	}
	#PointContainer td:before { 
		position: relative;
		left: 0px;
		width: auto;
		padding-right: 10px;
	}
	*/
    .citytable table,
    .citytable thead,
    .citytable tbody,
    .citytable th,
    .citytable td,
    .citytable tr {
        display: block;
    }
    .citytable thead tr,
    .citytable th {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    .citytable tr {
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
    }
    .citytable td {
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 35% !important;
        text-align: left !important;
        min-height: 22px;
    }
    .citytable td:before {
        position: absolute;
        left: 6px;
        padding-right: 10px;
        display: block;
    }
    .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;
    }
    .sb-serviceLinks i {
        width: 40px;
        height: 40px;
        margin: 0 auto;
        display: block;
        background-size: 40px 40px;
    }
    #toTop {
        z-index: 10;
        bottom: 50px;
    }
    .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,
    #Point-businessSelect,
    #OrganizationStructure-mobile,
    .mobile-select-menu {
        display: none;
    }
    .acc-key {
        display: none;
    }
    /***************************************Responsive end*********************************************/
    /*
	#Logo_rwd {
		display:block;
		text-decoration:none;
		position:fixed;
		top: 8px;
		left: 300px;
		overflow:hidden;
		width:199px;
		height:34px;
		border:none;
		text-indent:100%;
		background:url(../images/Logo-rwd.png) no-repeat left top;
		z-index: 99;
		opacity: 1;
		-moz-opacity: 1;
		filter:alpha(opacity=100);
	}
	#Logo_rwd_Hover {
		background:url(../images/Logo-rwd.png) no-repeat left top;
		width:199px;
		height:34px;
		display:block;
		overflow:hidden;
		float:left;
		opacity: 0;
		-moz-opacity: 0;
		filter:alpha(opacity=0);
	}
	nav #Logo a.Logo_link {
		display: block;
		position: absolute;
		top: 8px;
		left: 310px;
		width:199px;
		height:34px;
		z-index: 100;
		text-indent:-9999px;
		background:url(../images/Logo-rwd.png) no-repeat left top;
	}
	*/
    .mainnav_list_wrap {
        display: none;
    }
    /*首頁*/
    #MainAd a img {
        height: auto;
        width: 100%;
    }
    #MainServiceContainer {
        /*position: absolute; left: -999999px;*/
        display: none;
        width: 95%;
        margin: 20px auto;
        padding: 20px;
        border-top: 1px solid #e5e5e5;
    }
    .ServiceLinkContainerWrap {
        width: 100%;
    }
    .ServiceLinkContainerWrap .ServiceLinkContainer:first-child {}
    .ServiceLinkContainerWrap .ServiceLinkContainer {
        width: 22%;
        margin-left: 14px;
    }
    .liquid-slider .panel {
        width: 100%;
    }
    .ServiceLinkMenuMore table {
        width: 100%;
    }
    .ServiceLinkMenuMore select {
        width: 100%;
    }
    .ServiceLinkHeader > img {
        width: 100%;
    }
    .ServiceLinkHeader {
        width: auto;
        height: auto;
    }
    .news_tabs_wrap ul.tabs {
        border: 1px solid #5596d3;
        -webkit-border-top-left-radius: 5px;
        -webkit-border-top-right-radius: 5px;
        -moz-border-radius-topleft: 5px;
        -moz-border-radius-topright: 5px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }
    .news_tabs_wrap ul.tabs li {
        margin: 0px;
        width: 16.666666667%;
    }
    .news_tabs_wrap ul.tabs li:last-child {
        width: 16.666666667%;
    }
    .news_tabs_wrap ul.tabs a {
        text-align: center;
        padding: 6px 4px;
        border-right: 1px solid #1d79cd;
        border-left: 1px solid #5596d3;
        background: -moz-linear-gradient(top, #3f9df6 0%, #3085d4 100%);
        /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3f9df6), color-stop(100%, #3085d4));
        /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #3f9df6 0%, #3085d4 100%);
        /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #3f9df6 0%, #3085d4 100%);
        /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #3f9df6 0%, #3085d4 100%);
        /* IE10+ */
        background: linear-gradient(to bottom, #3f9df6 0%, #3085d4 100%);
        /* W3C */
    }
    .news_tabs_wrap ul.tabs li:first-child a {
        -webkit-border-top-left-radius: 5px;
        -moz-border-radius-topleft: 5px;
        border-top-left-radius: 5px;
    }
    .news_tabs_wrap ul.tabs li:last-child a {
        -webkit-border-top-right-radius: 5px;
        -moz-border-radius-topright: 5px;
        border-top-right-radius: 5px;
    }
    .news_tabs_wrap ul.tabs a:hover {
        background: -moz-linear-gradient(top, #56aafb 0%, #3b8edc 100%);
        /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #56aafb), color-stop(100%, #3b8edc));
        /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #56aafb 0%, #3b8edc 100%);
        /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #56aafb 0%, #3b8edc 100%);
        /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #56aafb 0%, #3b8edc 100%);
        /* IE10+ */
        background: linear-gradient(to bottom, #56aafb 0%, #3b8edc 100%);
        /* W3C */
        top: 0px;
        color: #ffffff;
    }
    .news_tabs_wrap ul.tabs a.current,
    .news_tabs_wrap ul.tabs a.current:hover,
    .news_tabs_wrap ul.tabs li.current a {
        top: 0px;
        color: #ffffff;
        background: -moz-linear-gradient(top, #126abd 0%, #1874ca 100%);
        /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #126abd), color-stop(100%, #1874ca));
        /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #126abd 0%, #1874ca 100%);
        /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #126abd 0%, #1874ca 100%);
        /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #126abd 0%, #1874ca 100%);
        /* IE10+ */
        background: linear-gradient(to bottom, #126abd 0%, #1874ca 100%);
        /* W3C */
    }
    .news_tabs_wrap {
        height: auto;
    }
    .news_tabs_wrap .pane {
        background: #fbfbfb;
        padding: 20px;
        -webkit-border-bottom-right-radius: 5px;
        -webkit-border-bottom-left-radius: 5px;
        -moz-border-radius-bottomright: 5px;
        -moz-border-radius-bottomleft: 5px;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
        -webkit-box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.6);
        -moz-box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.6);
        box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.6);
    }
    #NewsContainer .pane .container {
        height: auto;
        width: auto;
    }
    #NewsContainer .pane .container .content dl dd a {
        color: #535353
    }
    #NewsContainer .pane .container .content dl dd a:hover,
    #NewsContainer .pane .container .content dl dd a:active {
        color: #1570c5
    }
    .NewsMoreContainer .NewsMore a {
        background: #5094d3 url(../images/NewsMore_Icon.gif) no-repeat 5px 7px;
        color: #ffffff;
        -webkit-border-radius: 2px;
        border-radius: 2px;
    }
    .NewsMoreContainer .NewsMore a:hover {
        background: #ffffff url(../images/NewsMore_Icon.gif) no-repeat -4px 7px;
        color: #5094d3;
    }
    #RelatedLinks .bx-wrapper {
        width: 80%;
    }
    #RelatedLinks .bx-wrapper .bx-pager,
    #RelatedLinks .bx-wrapper .bx-controls-auto {
        top: -37px;
        width: 100%;
        right: 0px;
    }
    /*首頁 end*/
    #FooterContainer {
        border-top: none;
    }
    .pc_cont {
        display: none;
    }
    .rwd_cont {
        display: block;
    }
    .rwd_list {
        margin: 0 0 20px 0;
        width: 99%;
        float: left;
        font-size: 16px;
    }
    .rwd_list tr {
        border: 1px solid #ccc;
    }
    .rwd_list tr th {
        background: #eeeeee;
        border-right: 1px solid #ccc;
        padding: 10px;
        text-align: left;
        width: 26%;
    }
    .rwd_list tr td {
            padding: 12px 10px;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 20px;
    }
    #InnerBodyContent {
        background: #fff;
    }
    input.Submit_2 {
        background: #03a200;
        color: #fff;
        padding: 6px 20px;
        border: 0px;
    }
    #Main #Section_2 {
        margin-bottom: 0px;
    }
    h2.CateSubTitle {
      padding: 3px 0 16px 18px;
    border-bottom: 1px solid #ebebeb;
    font-size: 22px;
    color: #464646;
    background: url(../images/TitleIcon_002.jpg) no-repeat 0 0;
    }
    #ContentsContainer #Contents p.rwd_title {
           background: #03a200;
    padding: 5px 2%;
    color: #fff;
    margin: 10px 0 10px 0;
    width: 95%;
    float: left;
    font-size: 17px;
    }
    #ContentsContainer #Contents p {
        margin: 0;
    }
    /*置頂圖片輪播*/
    .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;
    }
    .pd-mode-btn li {
        display: inline-block;
        padding: 5px 2%;
        background: #006ee9;
        margin: 2px 1% 2px 0;
    }
    .pd-mode-btn li a {
        color: #fff;
    }
    .rwd_print_ctrl {
        display: none;
    }      
}

@media (max-width: 768px) {
    /*#Logo_rwd {
		left: 285px;
	}
	nav #Logo a.Logo_link {
		left: 285px;
	}*/
    #SiteMapContainer .SiteMap_Section ul.SiteMapList {
        width: 23%;
    }
    /*首頁*/
    .ServiceLinkContainerWrap .ServiceLinkContainer {
        margin-left: 13px;
    }
    /*首頁 end*/
}

@media (max-width: 670px) {
    .rwd_list tr th {
        width: 28%;
    }
}

@media (max-width: 640px) {
    .rwd_list tr th {
        width: 30%;
    }
}

@media (max-width: 590px) {
    .rwd_list tr th {
        width: 32%;
    }
}

@media (max-width: 550px) {
    .rwd_list tr th {
        width: 34%;
    }
}

@media (max-width: 520px) {
    .rwd_list tr th {
        width: 36%;
    }
}

@media (max-width: 505px) {
    .NoResult {
        width: 100%;
        margin: 0 auto;
    }
    .NoResult img {
        width: 100%;
    }
}

@media (max-width: 490px) {
    .rwd_list tr th {
        width: 38%;
    }
}

@media (max-width: 480px) {
         a.WebPhone_icon, .footer-line {
    display: none !important;
}
    /*-熱門下載-*/
    table.rwd_list.fourword-th tr th {
        width: 95px;
    }
    .Accessibility-detail {
        font-size: 15px;
    }
    .rwd_list {
        margin: 20px 0;
        width: 100%;
        float: none;
    }
    .rwd_list tr th {
        width: 24%;
        padding: 9px 5px;
        line-height: 25px;
    }
    /*-郵務一覽-*/
    .rwd_list tr td {
        padding: 8px 7px;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .rwd_list tr td,
    .rwd_list tr th {
        line-height: 27px;
    }
}

@media (max-width: 479px) {
    body {
        font-size: 1.05rem;
    }
    input[type="checkbox"],
    input[type="radio"] {
        border: 1px solid #ccc;
    }
    .Padin20 {
        padding: 10px;
    }
    /*文章列表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 {
        display: none;
    }
    .ContentBoxContainer .ContentBox_md .LinksContainer {
        width: 100%;
    }
    .ContentBoxContainer .ContentBox_md .LinksContainer .List_BTN_Style3 {
        width: 100% !important;
    }
    /*文章列表006-連結 end*/
    #Header_VersionContainer {
        left: 5px;
    }
    #ServiceLinksContainer {
        display: none;
    }
    /*
	#Mobilemenu-mainService {
		display: block;
	}
	#Mobilemenu-mainService select {
		width: 237px;
		padding: 3px;
		border: 1px solid #dcdcdc;
		border-radius: 3px;
		color: #038c00;
		background: #ffffff;
	}
	*/
    #slides {
        display: none;
    }
    #TabsContainer ul.TabsMenu li {
        width: 9%;
        text-align: center;
        font-size: 12px;
    }
    #TabsContainer ul.TabsMenu li#TabsOthers {
        /*width: 17%;*/
    }
    #ServiceLinksContainer_index {
        width: auto;
    }
    #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;
    }
    /*	.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: block;
    }
    .TableStyle_02 th,
    .TableStyle_02 td {
        padding: 5px;
    }
    .topNews-slider {
        /*display: none;*/
    }
    #NewsInnerContainer .FloatRightImg,
    #NewsInnerContainer .FloatLeftImg {
        float: none;
    }
    .NewsImageContainer {
        width: auto;
    }
    .NewsImageContainer .Single {
        display: block;
        margin: 0 auto 10px;
    }
    #OrganizationStructure {
        display: none;
    }
    #SocialMediaContainer {
        display: none;
    }
    #HeaderNav_Nav a {
        margin: 0px 3px;
        font-size: 0.7em;
    }
    #toTop {
        right: 10px;
    }
    #RelatedLinksContainer {
        min-height: 115px;
        border: 0;
    }
    #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;
    }
    .faq-btn,
    .faq-content {
        width: 75%;
    }
    #ContentsContainer #Contents {
        overflow-x: scroll;
        overflow-y: hidden;
    }
    .ConditionSearchContainer_2 .FloatRight {
        float: none;
    }
    .ConditionSearchContainer_2 select,
    .ConditionSearchContainer_2 input {
        display: inline-block;
    }
    .point_table_ATM td:before {
        width: 40%;
    }
    .point_table_ATM td {
        padding-left: 50% !important;
    }
    /*首頁*/
    #MainServiceContainer {
        width: auto;
    }
    .ServiceLinkContainerWrap .ServiceLinkContainer {
        margin: 0 0 15px 0;
        padding: 0px 10px;
        width: 43%;
        border: 0;
    }
    .ServiceLinkContainerWrap .ServiceLinkContainer:first-child {
        margin: 0;
        padding: 0px 10px;
    }
    #MainServiceContainer .DirectLink_1 {
        margin: 0 0 15px;
    }
    .news_tabs_wrap ul.tabs li {
        width: 14%;
    }
    .news_tabs_wrap ul.tabs li:last-child {
        width: 30%;
    }
    #SmallBanner .bx-wrapper {
        width: 80%;
    }
    /*首頁 end*/
}

@media (max-width: 430px) {
    .rwd_list tr th {
        width: 23%;
    }
}

@media (max-width: 400px) {
    /*-footer-*/
    #Footer .FooterSec_1Container .Sec_1 .Location {
        margin: 0 0 6px 0;
        padding: 3px 2%;
        background: #ffffff;
        border: 1px solid #dcdcdc;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        width: 96%;
        float: left;
    }
    #Footer .FooterSec_1Container .Sec_2 li {
        width: 33%;
        margin: 6px auto;
    }
    #Footer .FooterSec_1Container .Sec_2 {
        padding: 0;
        width: 100%;
        background: none;
        border: 0;
    }
    #Footer .FooterSec_1Container .Sec_2 li {
        width: 100%;
        margin: 0 0 1px 0;
        background: #fff;
        padding: 8px 0;
    }
    #Footer .FooterSec_1Container .Sec_2 ul {
        width: 100%;
        margin: 0 auto;
        overflow: hidden;
    }
    #Footer .FooterSec_1Container {
        margin: 5px 0 10px 0;
        padding-bottom: 0;
        border: 0;
    }
    #Footer .FooterSec_1Container .Sec_2 .web20 {
        padding-right: 0;
        padding-top: 15px;
        padding-bottom: 15px;
        text-align: center;
        font-size: 16px;
        background: #fff;
        margin: 0 0 1px 0;
    }
}

@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;
    }
}

@media (max-device-width: 460px) {
    .rwd_list tr th {
        width: 23%;
    }
}

@media (max-device-width: 420px) {
    .rwd_list tr th {
        width: 25%;
    }
    /*-上方搜尋-*/
    .ConditionSearchContainer select {
    width: auto;
    min-width: 125px;
    padding: 6px 10px;
    margin: 5px 0;
}
    .ConditionSearchContainer input.input_style01 {
    padding: 7px 2%;
    width: 95%;
    margin: 5px 0 15px 0;
}
}

@media (max-device-width: 390px) {
    .rwd_list tr th {
        width: 27%;
    }
}

@media (max-device-width: 360px) {
    .rwd_list tr th {
        width: 27%;
    }
    .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;
    }
    .rwd_list tr th {
        width: 29%;
    }
    #Main span {
        width: 98%;
        word-break: break-all;
    }
}

@media (max-device-width: 340px) {
    .rwd_list tr th {
        width: 31%;
    }
}

@media (max-width: 330px) {
    .NewsImageContainer .Single {
        width: 94%;
        margin: 5px 3%;
    }
    .rwdbiz ul li a {
        font-size: 0.85rem;
    }
}

@media (max-device-width: 320px) {
    .faq-btn,
    .faq-content {
        width: 73%;
    }
    /*首頁*/
    .ServiceLinkContainerWrap .ServiceLinkContainer {
        margin: 0 0 15px 0;
        padding: 0px 8px;
        width: 44%;
        border: 0;
    }
    .ServiceLinkContainerWrap .ServiceLinkContainer:first-child {
        margin: 0;
        padding: 0px 8px;
    }
    .ServiceLinkHeader p {
        width: auto;
    }
    /*首頁 end*/
    .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*/