.hide {
    display: none;
}

/***** RWD Style *****/
.rwd-back-pc {
    text-align: center;
    padding-bottom: 12px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ddd;
    font-size: 15px;
    /*display: none;    */
}

.rwd-back-pc a {
    display: block;
    width: 100px;
    margin: 0 auto;
    padding-left: 13px;
    background: url(../images/back_pc_icon.png) 0 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;
}

input[type="checkbox"],
input[type="radio"] {
    border: 1px solid #ccc;
}

input,
select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border-radius: 0;
}

select {
    background: url(../images/rwd_select_att.png) 96% center no-repeat #fff;
    padding: 0 10px 0 0;
}

.rwdheader {
    position: fixed;
    top: 0;
    width: 100%;
    min-width: 320px;
    background: url(../images/rwd_header_bg.png) 0 0;
    z-index: 99999;
    display: none;
}

.rwdnav {
    height: 100%;
    background: #fff;
    padding-top: 59px;
}

.rwdlogo {
    background: url(../images/rwd_logo.png) 0 0 no-repeat;
    display: block;
    font-size: 0;
    width: 220px;
    height: 40px;
    float: left;
    margin: 12px 0px 0 15px;
}

/* rwd nav */

.rwdsearch {
    background: #3fc8de;
    padding: 10px;
    text-align: center;
}

.rwdsearch-textfield {
    border: 0px;
    font-size: 1rem;
    padding: 5px;
    height: 26px;
    border-radius: 0;
    vertical-align: top;
    display: inline-block;
    width: 82%;
    margin-right: -6px;
}

.rwdsearch-btn {
    border: 0px;
    font-size: 0;
    height: 36px;
    width: 38px;
    vertical-align: top;
    display: inline-block;
    border-radius: 0;
    background: url(../images/rwd_search.png) center center no-repeat #fff;
}

.rwd-lang {
    width: 90%;
    margin: 20px auto;
    border: 1px solid #e4e4e4;
    border-radius: 3px;
}

.rwd-lang li {
    width: 100%;
    display: block;
    /*margin-right: -4px;*/
    text-align: center;
    font-size: 18px;
}

.rwd-lang li a {
    display: block;
    padding: 10px 0 10px 20px;
    color: #666;
}

.rwd-lang li .tw {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.rwd-lang li .en {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.rwd-lang li .current {
    background: #03a200;
    color: #fff;
}

.rwd-lang li .home {
    background: url(../images/home.png) 40% 9px no-repeat;
}

.rwd-arr-close,
.rwdmisc-arr-close {
    background: url(../images/rwd_nav_arr_close.png) 96% center no-repeat;
}

.rwd-arr-open,
.rwdmisc-arr-open {
    background: url(../images/rwd_nav_arr_open.png) 96% center no-repeat;
}

.navfirst {
    border-bottom: 1px solid #e4e4e4;
}

.navsecond {
    display: none;
    background: #f4f4f4;
}

.navthird {
    display: none;
    background: #e2e2e2;
}

.navfirst-item,
.navfirst-item-current,
.navsecond-item,
.navsecond-item-current {
    border-top: 1px solid #e4e4e4;
}

.navfirst-item > a,
.navsecond-item > a,
.navthird-item > a,
.navfirst-item-current > a,
.navsecond-item-current > a,
.navthird-item-current > a {
    display: block;
    text-align: left;
    color: #555;
    padding: 15px 20px;
    font-size: 1.2rem;
    position: relative;
}

.navfirst-item-current > a {
    color: #0fa1b8;
    font-weight: bold;
}

.navsecond-item > a {
    padding: 15px 36px;
}

.navsecond-item > a::before {
    content: "";
    width: 6px;
    height: 6px;
    display: inline-block;
    vertical-align: top;
    border-radius: 999em;
    background-color: #aaa;
    margin: 6px 0 0 0;
    position: absolute;
    left: 25px;
}

.navsecond-item-current > a {
    padding: 15px 36px;
    color: #0fa1b8;
    font-weight: bold;
}

.navsecond-item-current > a::before {
    content: "";
    width: 6px;
    height: 6px;
    display: inline-block;
    vertical-align: top;
    border-radius: 999em;
    background-color: #0fa1b8;
    margin: 6px 0 0 0;
    position: absolute;
    left: 25px;
}

.navthird-item > a {
    padding: 15px 35px 15px 42px;
    font-size: 1.1rem;
}

.navthird-item > a::before {
    content: "";
    width: 7px;
    height: 1px;
    display: inline-block;
    vertical-align: top;
    background-color: #999;
    margin: 8px 0 0 0;
    position: absolute;
    left: 30px;
}

.navthird-item-current {
    background: #ccc;
}

.navthird-item-current > a {
    color: #fff;
    padding: 15px 35px 15px 42px;
    font-size: 1.1rem;
    font-weight: bold;
    color: #0fa1b8;
}

.navthird-item-current > a::before {
    content: "";
    width: 7px;
    height: 1px;
    display: inline-block;
    vertical-align: top;
    background-color: #0fa1b8;
    margin: 8px 0 0 0;
    position: absolute;
    left: 30px;
}

.rwdbiz {
    background: #efefef;
    padding: 10px 10px;
}

.rwdbiz ul li {
    display: inline-block;
    margin: 10px -4px 10px 0;
    width: 24%;
}

.rwdbiz ul li a {
    font-size: 1rem;
    color: #555;
    display: block;
    text-align: center;
    padding-top: 77%;
}

.rwdbiz ul li .rwdbiz1 {
    background: url(../images/rwd_biz_icon1.png) center 0 no-repeat;
    background-size: 72%;
}

.rwdbiz ul li .rwdbiz2 {
    background: url(../images/rwd_biz_icon2.png) center 0 no-repeat;
    background-size: 72%;
}

.rwdbiz ul li .rwdbiz3 {
    background: url(../images/rwd_biz_icon3.png) center 0 no-repeat;
    background-size: 72%;
}

.rwdbiz ul li .rwdbiz4 {
    background: url(../images/rwd_biz_icon4.png) center 0 no-repeat;
    background-size: 72%;
}

.rwdbiz ul li .rwdbiz5 {
    background: url(../images/rwd_biz_icon5.png) center 0 no-repeat;
    background-size: 72%;
}

.rwdbiz ul li .rwdbiz6 {
    background: url(../images/rwd_biz_icon6.png) center 0 no-repeat;
    background-size: 72%;
}

.rwdbiz ul li .rwdbiz7 {
    background: url(../images/rwd_biz_icon7.png) center 0 no-repeat;
    background-size: 72%;
}

.rwdmisc {
    padding: 5px 0;
}

.rwdmisc li {
    border-bottom: 1px solid #ddd;
}

.rwdmisc li a {
    display: block;
    color: #555;
    text-align: center;
    padding: 12px 10px;
    font-size: 1rem;
}

.rwdmisc-locallist,
.rwdmisc-webservice,
.rwdmisc-cs {
    background: #f4f4f4;
    display: none;
}

.rwdmisc-locallist li.rwdmisc-localnews {
    width: 100%;
}

.rwdmisc-locallist li,
.rwdmisc-webservice li,
.rwdmisc-cs li {
    border-top: 1px solid #ddd;
    border-bottom: none;
}

/* rwd nav end */

/*漢堡選單動效*/

.rwdburger-wrapper {
    position: relative;
    height: 59px;
    width: 78px;
    float: right;
    background: url(../images/rwd_burger_bg.png) 0 0 no-repeat;
}

.rwdburger {
    width: 28px;
    height: 20px;
    top: 18px;
    left: 33px;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}

.rwdburger span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: #fff;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

.rwdburger span:nth-child(1) {
    top: 0px;
}

.rwdburger span:nth-child(2),
.rwdburger span:nth-child(3) {
    top: 8px;
}

.rwdburger span:nth-child(4) {
    top: 16px;
}

.rwdburger.open span:nth-child(1) {
    top: 18px;
    width: 0%;
    left: 50%;
}

.rwdburger.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.rwdburger.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.rwdburger.open span:nth-child(4) {
    top: 18px;
    width: 0%;
    left: 50%;
}

/*漢堡選單動效 end*/
.rwdmisc_stamphouse ul {
    width: 96%;
    overflow: hidden;
    margin: 0 auto;
    padding: 20px 0;
}

.rwdmisc_stamphouse ul li {
    width: 50%;
    float: left;
}

.rwdmisc_stamphouse ul li a {
    display: block;
    padding: 10px 0;
    width: 90%;
    margin: 0 auto;
    text-align: center;
    background: #3fc8de;
    color: #fff;
    font-size: 16px;
    border-radius: 5px;
}

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

@media (max-width: 980px) {

    /*寶藏*/
    #Container {
        width: 100%;
    }

    #GlobalHeader,
    #GlobalHeader #HeaderNav,
    #GlobalHeader #GuideNav {
        width: 100%;
    }

    #GlobalHeader #HeaderNav {
        background-position: top right;
    }

    #GlobalHeader #GuideNav {
        background-position: top right;
    }

    #Container_innerPage {
        width: 100%;
    }

    #GlobalHeader #MainNav_innerPage {
        width: 100%;
    }

    #Choice .hd {
        width: auto;
    }

    #Search {
        width: 21%;
        height: auto;
        padding: 10px;
        margin-right: 10px;
        background: none;
        background: #f5f5f5;
        box-shadow: inset 0px 0px 3px 3px rgba(255, 255, 255, 1);
        border-radius: 8px;
        border: 1px solid #d2d2d2;
    }

    #Choice {
        width: 74%;
    }

    #Choice .hd,
    #Catalog .hd {
        background: #f5f5f5;
        box-shadow: inset 0px 0px 3px 3px rgba(255, 255, 255, 1);
        border-radius: 8px;
        border: 1px solid #d2d2d2;
        padding: 10px;
        height: auto;
        overflow: hidden;
        width: auto !important;
    }

    #Choice .hd .indexTitle1 {
        padding: 0;
    }

    #Choice .hd h2,
    #Catalog .hd h2 {
        float: left;
        position: relative;
        top: 0px;
        left: 0px;
        line-height: 22px;
    }

    #Choice .hd .more,
    #Catalog .hd .more {
        float: right;
        position: relative;
        top: 0px;
        right: 0px;
    }

    #Choice ul.content li {
        width: 22.8%;
        padding: 0px 4px;
        vertical-align: top;
    }

    #Choice ul.content li a {
        width: auto;
        padding: 5px;
    }

    #Choice ul.content li a .IMG {
        /*width: auto;*/
        margin: 0 auto;
    }

    #Choice ul.content li a .IMG table {
        width: 100%;
    }

    #Choice ul.content li a .IMG table td {
        width: 100%;
    }

    #Choice ul.content li a .IMG a {
        width: auto;
    }

    #Choice ul.content li a .IMG img {
        /*width: auto;*/
        max-width: 100%;
    }

    #Catalog {
        width: 23%;
    }

    #Catalog .content li {
        width: 100%;
    }

    #Catalog .content li a .Title {
        width: 70%
    }

    #Index_Sec2 {
        width: 100%;
    }

    #Index_Sec2 .container {
        width: 50%;
    }

    #Timeline .hd {
        background: #f5f5f5;
        box-shadow: inset 0px 0px 3px 3px rgba(255, 255, 255, 1);
        border-radius: 8px;
        border: 1px solid #d2d2d2;
        height: 33px;
        width: auto;
    }

    #Timeline .PeriodSelect {
        width: auto;
    }

    #Timeline .PeriodSelect li {
        margin: 0 5px 5px 0;
    }

    #Timeline .PeriodSelect li {
        width: 24%;
    }

    h1 {
        width: auto;
    }

    /*
    #Body_innerPage {
        width: auto;
        padding: 0 15px;
    }
*/
    #ConditionSearchContainer {
        width: 100%;
    }

    #ConditionSearchContainer select,
    #ConditionSearchContainer input {
        width: auto;
    }

    #SearchResult {
        padding: 0;
        border: none;
    }

    .ChoiceFullWidth {
        width: auto !important;
    }

    .ChoiceFullWidth .hd {
        width: auto !important;
    }

    .ChoiceFullWidth ul.content li {
        padding: 0 6px !important;
    }

    .MultipleImageContainer {
        width: 60%;
        margin-right: 0px;
        padding: 10px;
    }

    .photosgallery-captions_2 {
        width: 100%;
    }

    .photosgallery-captions_2 .sliderkit-nav {
        width: auto;
    }

    .MultipleImageContainer .fotorama,
    .MultipleImageContainer .OverView-resp {
        display: block;
    }

    .MultipleImageContainer .sliderkit {
        display: none !important;
    }

    .TabsContainer .wrap {
        width: auto;
    }

    .faq-btn {
        width: 100%;
        padding: 10px 0;
    }

    .faq-btn h3 {
        padding-left: 10px;
    }

    #InnerItemTitle .TitleContain {
        width: 100%;
    }

    #ItemDetail {
        width: 35%;
        float: right;
    }

    #Related .Content .IMG_List dd {
        width: 18%;
        padding: 0px 4px;
    }

    #Related .Content .IMG_List dd a {
        padding: 5px;
    }

    #Related .Content .IMG_List dd a .IMG {
        width: 93%;
        margin: 0 auto;
    }

    #Related .Content .IMG_List dd a .IMG table td {
        width: 100%;
    }

    #Related .Content .IMG_List dd a .IMG a {
        width: 100%;
    }

    #Related .Content .IMG_List dd a .IMG img {
        width: 100%;
    }

    #Related .Content .IMG_List dd {
        margin-bottom: 15px;
    }

    #InnerItemTitle .ShareNav {
        float: left;
    }

    /*寶藏 end */
    #Footer {
        width: 100%;
    }
}

@media (max-width: 800px) {
    [canvas=container] {
        margin-top: 59px;
        height: -webkit-calc(100% - 59px);
        height: -moz-calc(100% - 59px);
        height: calc(100% - 59px);
    }

    #Body {
        width: calc(100% - 30px);
    }

    .rwdheader {
        display: block;
    }

    input[type="checkbox"],
    input[type="radio"] {
        border: 1px solid #ccc;
    }

    #Search form ul li .search_title {
        font-size: 18px;
    }

    #Search form ul li input {
        width: 96%;
        padding: 5px 2%;
        font-size: 16px;
    }

    #Search form ul li select {
        width: 100%;
        padding: 5px 2%;
        font-size: 16px;
        background: url(../images/rwd_select_arr_white.png) 96% center no-repeat #0fa1b8;
    }

    #Search form .Submit {
        font-size: 16px;
        background: url(../images/SearchBTN_BG.jpg) repeat-x bottom #fff;
    }

    .acc-key {
        height: 21px;
    }

    #GlobalFooter {
        padding: 15px 0;
    }

    #Footer {
        width: 100%;
    }

    #Footer a {
        color: #fff;
    }

    #Footer .FooterSec_1Container {
        margin: 10px;
    }

    #Footer .FooterSec_1Container .Sec_1 {
        margin-top: 0px;
        float: none;
        font-size: 15px;
        line-height: 22px;
    }

    #Footer .FooterSec_1Container .Sec_1 .Line_1 p span font {
        color: #fff;
    }

    #Footer .FooterSec_2Container {
        margin: 0px 10px;
        font-size: 14px;
        line-height: 22px;
    }

    #Footer .FooterSec_1Container .Sec_2 {
        float: none;
        margin: 20px 0;
    }

    #Footer .FooterSec_1Container .Sec_2 ul {
        overflow: hidden;
    }

    #Footer .FooterSec_2Container .Sec_1 {
        float: none;
        text-align: center;
    }

    #Footer .FooterSec_2Container .Sec_2 {
        float: none;
        text-align: center;
    }

    #Footer .FooterSec_2Container .Sec_2 .A_Plus {
        float: left;
    }

    #Footer .FooterSec_2Container .Sec_2 .Traffic {
        float: left;
        margin: 10px 0;
        width: 100%;
        text-align: center;
    }

    #Footer .FooterSec_1Container .Sec_1 .Location {
        margin-right: 0px;
        padding: 2px 15px 2px 10px;
        font-size: 15px;
        background: #bff7ff none;
    }

    .rwd-back-pc {
        display: block;
    }

    #Body_innerPage {
        width: 96%;
        padding: 0 2%;
    }

    .MultipleImageContainer_new_main {
        float: left;
        width: 100%;
        margin-right: 0;
    }

    .MultipleImageContainer_new > a {
        width: 97%;
        margin: 10px 1.5% 0 1.5%;
    }

    .cycle-overlay {
        width: 98.5%;
        margin: 0 0 10px 1.5%;
    }

    #FontSizeContainer {
        display: none;
    }

    .WebPhone_icon {
        display: none;
    }

    #LogoContainer {
        position: relative;
        left: 0px;
        top: 0px;
        z-index: 99;
        width: 242px;
        margin: 0 auto;
        padding: 20px 0 10px 0;
    }

    #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;
    }

    #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%;
    }

    .ListStyle_3 dd {
        width: 95%;
    }

    #MainAdContainer {
        border-right: 0px solid #ffffff;
        float: none;
    }

    #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;
    }

    #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;
    }

    #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: 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 .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: 15px;
    }

    .jcarousel-skin-tango .jcarousel-container-horizontal {
        width: auto;
    }

    #InnerBody {
        width: 100%;
    }

    #LocalNavContainer {
        display: none;
    }

    #InnerBodyContent {
        padding: 0 8px 15px 8px;
        width: auto;
    }

    #Main {
        width: auto;
    }

    #Main #Section_2 #Breadcrumbs {
        width: 100%;
    }

    #Main #Section_2 #ShareNav {
        float: left;
        margin-top: 15px;
    }

    #Main #Section_2 #ShareNav a:first-child {
        margin-left: 0px;
    }

    #Post_NavContainer .Prev {
        margin: 0 0 15px 0;
    }

    #MainContainer {
        width: 100%;
    }

    #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;
    }

    #MainAdOverView li .IMG a {
        display: block !important;
    }

    #Main_Fullwidth #Section_2 #Breadcrumbs {
        width: 295px;
    }

    .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: 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;
    }

    .mobile-select-menu {
        display: none;
        padding: 10px 0 0;
        /*border: 1px solid #E3E3E3;
		border-left: none;
		border-right: none;*/
    }

    .mobile-select-menu select {
        padding: 5px;
        border: 1px solid #ccc;
        width: 100%;
        background: linear-gradient(to bottom, #eeeeee 0%, #ffffff 25%);
    }

    .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;
    }

    /*多圖*/
    .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 */
    #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;
    }

    #sb-site {
        padding: 50px 0 0;
        min-height: 100px !important;
    }

    .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%;
    }

    .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-search h2 {
        font-size: 100%;
        margin: 0 0 5px 0;
    }

    .sb-search .sb_select {
        padding: 5px;
        border: 1px solid #aaa;
        width: 100%;
        margin: 0 0 5px;
        box-shadow: 1px 2px 3px #ccc inset;
    }

    .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,
    /*#MainServicesContainer,*/
    #News_horizontalTab,
    #Point-businessSelect,
    #OrganizationStructure-mobile,
    .mobile-select-menu {
        display: block;
    }

    /***************************************Responsive end*********************************************/
    .mainnav_list_wrap {
        display: none;
    }

    #FooterContainer {
        border-top: none;
    }

    /*寶藏*/
    #GlobalHeader,
    #GuideNav {
        display: none;
    }

    #Search {
        width: 90%;
        height: auto;
        padding: 10px 5%;
        margin-right: 0;
        margin-bottom: 20px;
        margin-top: -15px;
    }

    #GlobalHeader {
        height: auto;
    }

    #GlobalHeader #Logo {
        position: relative;
        margin: 0 auto;
        width: 236px;
        left: 0px;
        top: 0px;
        padding: 20px 0;
    }

    #Choice {
        float: none;
    }

    #Index_Sec2 {
        height: auto;
        background: none;
    }

    #Index_Sec2 .container .Header {
        border-bottom: 1px solid #dfdfdf;
    }

    #Index_Sec2 .container {
        width: 100%;
        float: none;
        background: #e7e7e7;
        background: linear-gradient(to bottom, #f1f1f1 0%, #e2e2e2 100%);
        box-shadow: inset 0px 0px 3px 0px rgba(255, 255, 255, 1);
        border-radius: 5px;
        border: 1px solid #dfdfdf;
        padding: 0 0 10px 0;
        margin: 10px 0;
        overflow: hidden;
    }

    #SearchResult .ResultList td {
        padding: 10px;
        vertical-align: top;
    }

    #GlobalHeader #MainNav_innerPage {
        background: #ffffff;
        background-image: none;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        position: relative;
        width: auto;
        border-bottom: 1px solid #e5e5e5;
    }

    .BackToPrev {
        overflow: hidden;
    }

    .BackToPrev a {
        float: left;
        margin: 10px 10px 0 15px;
    }

    .ChoiceFullWidth ul.content li {
        padding: 0 6px !important;
    }

    .ConditionSearchContainer_2 .FloatRight {
        float: none;
    }

    .MultipleImageContainer {
        width: 96%;
        margin: 0 auto 20px;
        float: none;
    }

    #ItemDetail {
        width: 100%;
        float: none;
    }

    #ItemDetail td.hd {
        width: 40%;
    }

    #Catalog {
        margin: 0;
        width: 100%;
        float: none;
    }

    #Catalog .content li {
        display: inline-block;
        vertical-align: top;
        width: 48.5%;
    }

    #ExterbalPage .Container,
    #StampOverView {
        width: auto;
    }

    #StampOverView li {
        width: 31%;
    }

    #StampOverView li .IMG img {
        width: 100%;
    }

    #StampOverView_Large li img {
        width: 100%;
    }

    #ExterbalPage .Description {
        float: none;
        width: 100%;
        padding: 0;
    }

    #ConditionSearchContainer .FloatLeft {
        width: 100%;
        font-size: 18px;
    }

    #ConditionSearchContainer .FloatRight {
        width: 100%;
    }

    #ConditionSearchContainer .Title {
        width: 100%;
        display: block;
        margin: 0 0 5px 0;
    }

    #ConditionSearchContainer select {
        width: auto;
    }

    #ConditionSearchContainer input,
    #ConditionSearchContainer select {
        font-size: 16px;
        padding: 5px 2%;
        margin-bottom: 15px;
    }

    #ConditionSearchContainer input {
        width: 95%;
    }

    #ConditionSearchContainer select[name=stamp_cat_standard],
    #ConditionSearchContainer select[name=stamp_subcat_name] {
        width: 49%;
        font-family: "微軟正黑體", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    }

    #ConditionSearchContainer select[name=stamp_year] {
        width: 99%;
        font-family: "微軟正黑體", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    }

    #ConditionSearchContainer .Submit_1 {
        text-indent: 0px;
        border: 1px solid #aaa;
        font-size: 16px;
        background: url(../images/SearchBTN_BG.jpg) repeat-x bottom #fff;
        padding: 5px 0px;
        width: 99% !important;
        height: inherit;
        overflow: visible;
        cursor: pointer;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        color: #0fa1b8;
        float: none;
        margin-left: 0;
    }

    #Choice {
        width: 100%;
    }

    #InnerItemTitle .TitleContain h2 {
        line-height: 125%;
    }

    /*寶藏 end */
    .MultipleImageContainer center a {
        display: none;
    }

    .OverView {
        display: none;
    }

    .rwd_OverView {
        display: block;
        top: 30px;
        left: 0;
    }

    #ExterbalPage .Container,
    #StampOverView {
        width: 94%;
        margin: 0 auto;
    }

    #StampOverView_Large {
        width: 84%;
        margin: 0 auto;
    }

    .rwd_btn {
        display: block;
    }

    .rwd_print_ctrl {
        display: none;
    }
}

@media (max-width: 768px) {

    /*首頁*/
    .ServiceLinkContainerWrap .ServiceLinkContainer {
        margin-left: 13px;
    }

    /*首頁 end*/
    /*寶藏*/
    #Choice ul.content li {
        width: 22.5%;
    }

    /*寶藏 end */
}

@media (max-width: 640px) {
    .carousel-demo1 {
        width: 94%;
        margin: 0 auto;
    }

    .carousel-demo1 .sliderkit-nav {
        width: calc(100% - 20px);
    }
}

@media (max-width: 480px) {
    body {
        font-size: 0.9em;
    }

    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;
    }

    #slides {
        display: none;
    }

    #TabsContainer ul.TabsMenu li {
        width: 9%;
        text-align: center;
        font-size: 12px;
    }

    #TabsContainer ul.TabsMenu li#TabsOthers {
        /*width: 17%;*/
    }

    #ServiceLinksContainer_index .ServiceLinks_index a {
        padding: 0px 5px;
    }

    #ServiceLinksContainer_index .ServiceLinks_index ul {
        width: 50%;
        text-align: center;
    }

    #slides2 .next {
        left: auto;
        right: 20px;
    }

    .jcarousel-skin-tango .jcarousel-clip-horizontal {
        width: auto;
    }

    #Footer .FooterSec_1Container .Sec_2 li {
        margin-left: 15px;
    }

    .pagination_1 {
        font-size: 12px;
    }

    .pagination_1 a {
        padding: 3px;
        display: inline-block;
    }

    .jcarousel-skin-tango .jcarousel-item-horizontal {
        margin-right: 5px;
    }

    .jcarousel-skin-tango .jcarousel-container-horizontal {
        padding: 0px 28px;
    }

    .jcarousel-skin-tango .jcarousel-item {
        width: 127px;
        height: 36px;
    }

    .jcarousel-skin-tango .jcarousel-item a img {
        width: 127px;
    }

    .BannerItem_1 {
        height: 53px;
    }

    .jcarousel-skin-tango .jcarousel-prev-horizontal,
    .jcarousel-skin-tango .jcarousel-next-horizontal {
        top: 4px;
    }

    #Post_NavContainer .Prev,
    #Post_NavContainer .Next {
        width: auto;
    }

    #ContentsContainer #FileDownloadContainer .FileDownBox .FileDown .Info {
        width: 76%;
    }

    .Submit_2 {
        display: inline-block;
    }

    .TableStyle_02 th,
    .TableStyle_02 td {
        padding: 5px;
    }

    .topNews-slider {
        /*display: none;*/
    }

    #NewsInnerContainer .FloatRightImg,
    #NewsInnerContainer .FloatLeftImg {
        float: none;
    }

    .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;
    }

    #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;
    }

    #ContentsContainer #Contents {
        overflow-x: scroll;
        overflow-y: hidden;
    }

    .ConditionSearchContainer select,
    .ConditionSearchContainer input {
        margin-bottom: 5px;
    }

    .ConditionSearchContainer_2 select,
    .ConditionSearchContainer_2 input {
        display: inline-block;
    }

    /*寶藏*/
    #Choice ul.content li {
        width: 48%;
        border: none;
        padding: 0 2px !important;
    }

    #Choice ul.content li a {
        padding: 5px;
    }

    #Timeline .PeriodSelect li {
        width: 100%;
    }

    #Catalog .content li {
        width: 100%;
    }

    #StampOverView li {
        width: 100%;
        margin-right: 0;
    }

    #StampOverView li .IMG img {
        width: 96%;
    }

    #Related .Content .IMG_List dd {
        width: 45%;
    }

    /*寶藏 end */
    #Timeline .PeriodSelect li {
        width: 32%;
        margin: 0 0 5px 1%;
    }

    #SearchResult .ResultList a .IMG {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        height: 175px;
        margin: 0;
    }

    #SearchResult .ResultList a .IMG table {
        width: 100%;
    }

    #SearchResult .ResultList a .IMG td {
        height: 165px;
        width: 100%;
        position: relative;
    }

    #SearchResult .ResultList a .IMG td img {
        width: auto;
        max-height: 165px;
        height: auto;
        max-width: 100%;
        margin: 0 auto;
        display: block;
    }

    #SearchResult .ResultList a h3 {
        float: left;
        width: 100%;
    }

}

@media (max-width: 400px) {
    #Footer .FooterSec_1Container .Sec_1 .Location {
        margin-right: 0px;
        padding: 2px 2%;
        width: 95%;
        float: left;
    }

    #Footer .FooterSec_1Container .Sec_1 .Location {
        margin: 0 0 6px 0 !important;
    }

    .carousel-demo1 {
        margin: 0 -1%;
        overflow: visible;
        float: left;
    }

    .carousel-demo1 .sliderkit-nav .sliderkit-nav-next {
        right: -22px;
    }
}

@media (max-width: 360px) {
    #Choice ul.content li {
        padding: 0 !important;
    }
}

@media (max-width: 320px) {

    /*寶藏*/
    .Stampmark {
        width: 100%;
    }

    /*寶藏 end */

    .carousel-demo1 {
        overflow: hidden;
        float: none;
        margin: 0 auto;
    }

    .carousel-demo1 .sliderkit-nav .sliderkit-nav-next {
        right: 0;
    }
}

/*置頂圖片輪播*/

@media (max-width: 800px) {
    .photosgallery-vertical {
        width: 100%;
    }

    .photosgallery-vertical .sliderkit-nav {
        width: 290px;
    }

    .photosgallery-vertical .sliderkit-nav-clip ul li a {
        width: 270px;
    }

    .photosgallery-vertical .sliderkit-panel {
        width: 494px;
    }

    .table-cell {
        width: 494px;
    }

    .photosgallery-vertical .sliderkit-panel .sliderkit-panel-textbox {
        width: 494px;
    }

    .topNews-slider .sliderkit img {
        max-width: 494px;
    }

    .photosgallery-vertical .sliderkit-panel .sliderkit-panel-text p {
        line-height: 120% !important;
        padding: 0;
    }
}

@media (max-width: 780px) {
    .MultipleImageContainer_new {
        width: 100%;
        margin: 10px 0;
    }

    .MultipleImageContainer_new > a {
        width: 100%;
        margin: 0 auto;
    }

    .cycle-overlay {
        width: 100%;
        width: 96%;
        margin: 0;
        padding: 5px 2%;
    }
}

@media (max-width: 768px) {
    .photosgallery-vertical {
        width: 100%;
    }

    .photosgallery-vertical .sliderkit-nav {
        width: 290px;
    }

    .photosgallery-vertical .sliderkit-nav-clip ul li a {
        width: 270px;
    }

    .photosgallery-vertical .sliderkit-panel {
        width: 462px;
    }

    .table-cell {
        width: 462px;
    }

    .photosgallery-vertical .sliderkit-panel .sliderkit-panel-textbox {
        width: 462px;
    }

    .topNews-slider .sliderkit img {
        max-width: 462px;
    }

    .photosgallery-vertical .sliderkit-panel .sliderkit-panel-text p {
        line-height: 120% !important;
        padding: 0;
    }

    .MultipleImageContainer_new > a {
        width: 100%;
    }

    .MultipleImageContainer_new_main {
        width: 99%;
    }

    .MultipleImageContainer_new > a > img {
        max-width: 100%;
    }

    .MultipleImageContainer_new_bar {
        position: relative;
        float: left;
        margin: 0 5px;
        width: 100%;
    }

    #adv-custom-pager {
        margin: 20px 0 20px 95px;
        width: calc(100% - 95px);
    }

    .OverView {
        position: absolute;
        top: 10%;
        left: 10px;
        z-index: 999;
        float: left;
    }
}

@media (max-width: 360px) {
    .photosgallery-vertical {
        width: 100%;
    }

    .photosgallery-vertical .sliderkit-nav {
        width: 100px;
    }

    .photosgallery-vertical .sliderkit-nav-clip ul li a {
        width: 80px;
    }

    .photosgallery-vertical .sliderkit-nav-clip .pic {
        display: none;
    }

    .photosgallery-vertical .sliderkit-panel {
        width: 245px;
    }

    .table-cell {
        width: 245px;
    }

    .photosgallery-vertical .sliderkit-panel .sliderkit-panel-textbox {
        width: 245px;
    }

    .topNews-slider .sliderkit img {
        max-width: 245px;
    }

    .photosgallery-vertical .sliderkit-panel .sliderkit-panel-text {
        padding: 9px 15px;
    }

    .photosgallery-vertical .sliderkit-panel .sliderkit-panel-text h4 {
        margin: 0 0 3px 0;
    }

    .photosgallery-vertical .sliderkit-panel .sliderkit-panel-text p {
        line-height: 116% !important;
        padding: 0;
        max-height: 33px;
    }
}

@media (max-width: 320px) {
    .photosgallery-vertical {
        width: 100%;
    }

    .photosgallery-vertical .sliderkit-nav {
        width: 100px;
    }

    .photosgallery-vertical .sliderkit-nav-clip ul li a {
        width: 80px;
    }

    .photosgallery-vertical .sliderkit-nav-clip .pic {
        display: none;
    }

    .photosgallery-vertical .sliderkit-panel {
        width: 205px;
    }

    .table-cell {
        width: 205px;
    }

    .photosgallery-vertical .sliderkit-panel .sliderkit-panel-textbox {
        width: 205px;
    }

    .topNews-slider .sliderkit img {
        max-width: 205px;
    }

    .photosgallery-vertical .sliderkit-panel .sliderkit-panel-text {
        padding: 9px 15px;
    }

    .photosgallery-vertical .sliderkit-panel .sliderkit-panel-text h4 {
        margin: 0 0 3px 0;
    }

    .photosgallery-vertical .sliderkit-panel .sliderkit-panel-text p {
        line-height: 116% !important;
        padding: 0;
    }
}

/*置頂圖片輪播 end*/