.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;
}
.hide {
    display: none;
}

.RwdContainer {
    display: none;
}

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

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

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


/* rwd nav */

.rwdsearch {
    background: #ff7ebf;
    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: #f93599;
    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: #f93599;
    font-weight: bold;
}

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

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


/* 首頁 */

.RwdContainer {
    background: #e6e6e6;
}

.rwdindex-banner,
.rwdindex-banner .rwdindex-banneritem img {
    width: 100%;
}

.rwdindex-banner {
    margin-bottom: 20px;
}

.rwdindex-search {
    width: 100%;
    background: #638fe7;
    margin-bottom: 15px;
}

.rwdindex-search-ct {
    display: none;
    padding-bottom: 20px;
}

.rwdindex-search,
.rwdindex-search a {
    color: #fff;
}

.rwdindex-search-title {
    width: 100%;
    display: block;
    font-size: 1.5rem;
    background: url(../images/rwd_search_index.png) 15px center no-repeat #4171d0;
}

.rwdindex-search-title strong {
    background: url(../images/rwd_search_index_close.png) 95% center no-repeat;
    display: block;
    padding: 15px 20px 15px 50px;
}

.rwdindex-search-title .open {
    background: url(../images/rwd_search_index_open.png) 95% center no-repeat;
}

.rwdindex-search-list {
    width: 90%;
    margin: 0 auto;
    padding: 5px 0;
}

.rwdindex-search-list li {
    width: 100%;
    margin: 10px 0;
}

.rwdindex-search-list li input[type="text"],
.rwdindex-search-list li select {
    width: 90%;
    border: none;
    font-size: 1.05rem;
    padding: 0 5%;
    line-height: 40px;
}

.rwdindex-search-list li select {
    width: 100%;
    border: none;
    font-size: 1.05rem;
    padding: 0 5%;
}

.rwdindex-search-btn,
.rwdindex-salenews-btn {
    text-align: center;
}

.rwdindex-search-btn .btn,
.rwdindex-salenews-btn .btn {
    display: inline-block;
    margin: 0 1px 0 5px;
}

.rwdindex-search-btn .btn {
    background: #2b5dc1;
    font-size: 1.05rem;
    padding: 10px 15%;
    border: 0;
    color: #fff;
}

.rwdindex-salenews {
    background: #f93599;
    width: 100%;
    padding-bottom: 15px;
}

.rwdindex-salenews-title {
    font-size: 1.5rem;
    color: #fff;
    background: url(../images/index_salenews_title_bg.png);
    padding: 12px 15px;
    display: block;
}

.rwdindex-salenews-wrapper {
    padding: 0 20px;
}

.rwdindex-salenews-list {
    width: 100%;
}

.rwdindex-salenews-list .rwdindex-salenews-ct {
    color: #fff;
    line-height: 21px;
    display: block;
    margin: 15px 8px;
    background: #d42d82;
    padding: 10px 10px;
    min-height: 85px;
}

.rwdindex-salenews-list .date {
    font-size: 0.75rem;
    display: block;
}

.rwdindex-salenews-list .headline {
    font-size: 1rem;
    display: block;
}

.rwdindex-salenews-list .slick-prev,
.rwdindex-salenews-list .slick-next {
    z-index: 10;
    width: 31px;
    height: 31px;
    border: none;
    font-size: 0;
    position: absolute;
    top: 40%;
}

.rwdindex-salenews-list .slick-prev {
    left: -17px;
    background: url(../images/rwd_salenews_arr_prev.png) left center no-repeat;
    background-size: 80%;
}

.rwdindex-salenews-list .slick-next {
    right: -17px;
    background: url(../images/rwd_salenews_arr_next.png) right center no-repeat;
    background-size: 80%;
}

.rwdindex-salenews-btn .btn {
    background: #f978a9;
    font-size: 0.95rem;
    padding: 10px 15%;
    border: 0;
    color: #fff;
    border-radius: 99em;
}

.rwdindex-header {
    overflow: hidden;
    padding: 10px 15px;
}

.rwdindex-header .unit {
    display: block;
    font-size: 1.5rem;
    float: left;
}

.rwdindex-header .more {
    display: block;
    font-size: 0.85rem;
    float: right;
    border-radius: 99em;
    background: url(../images/rwd_index_header_arr.png) 90% center no-repeat #fff;
    padding: 2px 20px 2px 12px;
}

.rwdindex-product-wrapper {
    background: #fff;
    padding: 0 30px;
}

.rwdindex-product-ct {
    margin: 10px 8px;
    display: block;
}

.rwdindex-hot,
.rwdindex-Philately,
.rwdindex-news,
.rwdindex-sale,
.rwdindex-rmd,
.rwdindex-allproduct {
    padding-top: 15px;

}

.rwdindex-product-ct .pic {
    position: relative;
    border: 1px solid #ccc;
    width: 90%;
    height: 182px;
    padding: 10px 5%;
    text-align: center;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content:  center;    
}

.rwdindex-product-ct .label-hot,
.rwdindex-product-ct .label-new,
.rwdindex-product-ct .label-sale {
    position: absolute;
    display: block;
    font-size: 0.7rem;
    padding: 0 10px;
    color: #fff;
    top: 0;
    left: 0;
}

.rwdindex-product-ct .label-hot {
    background: #f96c6c;
}

.rwdindex-product-ct .label-new {
    background: #24c7f6;
}

.rwdindex-product-ct .label-sale {
    background: #ffa162;
}

.rwdindex-product-ct .pic img {
    width: 100%;
    /* height: 100%; */
    display: inline;
}

.rwdindex-product-ct .info {
    width: 100%;
}

.rwdindex-product-ct .info li {
    width: 100%;
    padding: 2px 0;
}

.rwdindex-product-ct .info .name {
    color: #555;
    line-height: 20px;
    padding: 5px 0;
    overflow: hidden;
}

.rwdindex-product-ct .info strong {
    color: #f42976;
}

.rwdindex-product-ct .info .price .sale,
.rwdindex-rmd-products-ct .price .sale {
    color: #f20;
    margin-right: 10px;
}

.rwdindex-product-ct .info .price .org,
.rwdindex-rmd-products-ct .price .org {
    color: #aaa;
    text-decoration: line-through;
}

.rwdindex-product-list .slick-prev,
.rwdindex-product-list .slick-next {
    z-index: 20;
    width: 27px;
    height: 27px;
    border: none;
    font-size: 0;
    position: absolute;
    top: 30%;
}

.rwdindex-product-list .slick-prev {
    left: -25px;
    background: url(../images/rwd_product_prev.png) center center no-repeat;
}

.rwdindex-product-list .slick-next {
    right: -25px;
    background: url(../images/rwd_product_next.png) center center no-repeat;
}

.rwdindex-rmd-list {
    /*    background: #fff;*/
}

.rwdindex-rmd-tabs-wrapper {
    border-bottom: 1px solid #ddd;
    width: 90%;
    padding: 0 5%;
    position: relative;
    overflow: hidden;
    background: #fff;
}

.rwdindex-rmd-tabs a {
    padding: 15px 0;
    width: 84px;
    text-align: center;
    display: block;
    font-size: 1.05rem;
    color: #333;
}

.rwdindex-rmd-tabs .current {
    padding: 15px 0 11px 0;
    color: #f93599;
    border-bottom: 4px solid #f93599;
}

.rwdindex-rmd-tabs .slick-prev,
.rwdindex-rmd-tabs .slick-next {
    z-index: 20;
    width: 27px;
    height: 27px;
    border: none;
    font-size: 0;
    position: absolute;
    top: 25%;
}

.rwdindex-rmd-tabs .slick-prev {
    left: -20px;
    background: url(../images/rwdindex-rmd-tabs_prev.png) center center no-repeat;
}

.rwdindex-rmd-tabs .slick-next {
    right: -20px;
    background: url(../images/rwdindex-rmd-tabs_next.png) center center no-repeat;
}

.rwdindex-rmd-ct {
    overflow: hidden;
    width: 100%;
    background: #fff;
}

.rwdindex-rmd-banner {
    float: left;
    width: 200px;
    height: 259px;
    border-bottom: 1px solid #ddd;
}

.rwdindex-rmd-products {
    float: left;
    width: calc(100% - 140px);
}

.rwdindex-rmd-products-ct {
    width: 100%;
    height: 129px;
    overflow: hidden;
    border-bottom: 1px solid #ddd;
    display: block;
    background: #fff;
}

.rwdindex-rmd-products-ct .pic {
    width: 105px;
    height: 105px;
    float: right;
    padding: 13px 20px 13px 0;
}

.rwdindex-rmd-products-ct .info {
    float: left;
    width: 45%;
    line-height: 24px;
    padding: 15px 0 15px 20px;
}

.rwdindex-rmd-products-ct .name {
    display: block;
    font-size: 1.5rem;
    line-height: 28px;
    color: #f42976;
    margin-bottom: 10px;
}

.rwdindex-rmd-products-ct .price {
    display: block;
    font-size: 1.1rem;
}

.rwdindex-rmd-products-ct .pic img {
    width: 100%;
}

.rwdindex-rmd-ct .btn {
    padding: 8px 0;
    clear: both;
}

.rwdindex-rmd-ct .btn .more {
    color: #fff;
    display: block;
    font-size: 0.95rem;
    width: 70px;
    margin: 0 auto;
    border-radius: 100rem;
    background: url(../images/rwd_index_header_arr_white.png) 86% center no-repeat #f93599;
    padding: 5px 20px;
}

.rwdindex-allproduct-wrapper {
    background: #fff;
    margin-top: 5px;
}

.rwdindex-allproduct-list {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.rwdindex-allproduct-header {
    padding: 5px 15px;
}

.rwdindex-allproduct-header .unit {
    display: block;
    font-size: 1.1rem;
    float: left;
    line-height: 24px;
}

.rwdindex-allproduct-list {
    width: 100%;
    float: left;
    background: #fff;
}
.rwdindex-allproduct-list li {
    float: left;
    margin: 0;
    width: 33%;
    border-left: 1px solid #ddd;
    vertical-align: top;
}
/*
.rwdindex-allproduct-list li {
    display: inline-block;
    margin: 0 -4px 0 0;
    width: 33%;
    border-left: 1px solid #ddd;
    vertical-align: top;
}
*/

.rwdindex-allproduct-list li:first-child {
    border-left: 0;
}


.rwdindex-allproduct-list li a {
    width: 100%;
    margin: 20px 0;
    display: block; 
}

.rwdindex-allproduct-list li a .pic-wrap {
    width: 96px;
    height: 96px;
    display: flex;
    margin: 0 auto 15px auto;
    align-items: center;
    justify-content:  center;    
}

.rwdindex-allproduct-list li a .pic-wrap .pic {
    width: 100%;
    height: 100%;
    display: block;
}

.rwdindex-allproduct-list .info {
    width: 80%;
    margin: 0 auto;
}

.rwdindex-allproduct-list .info .name {
    height: 80px;
    max-height: 62px;
    overflow: hidden;
    width: 100%;
    display: block;
    font-size: 0.9rem;
    line-height: 20px;
}

.rwdindex-allproduct-list .info .price {
    color: #f20;
    font-weight: bold;
    font-size: 0.8rem;
    padding: 10px 0 10px 0;
}

#rwd-Breadcrumbs {
    /*background: #f6f6f6 url(../images/Breadcrumbs_BG.jpg) repeat-x;*/
    /*    background: #fff;*/
    border-bottom: 1px solid #ccc;
    padding: 6px 10px 7px 10px;
    color: #b8b2ae;
    font-size: 14px;
}

#rwd-Breadcrumbs .HomeBTN {
    background: url(../images/Breadcrumbs_Home.gif) no-repeat left center;
    padding-left: 15px;
}

#rwd-Breadcrumbs a {
    color: #555;
}

#rwd-Breadcrumbs a:hover {
    color: #f93599;
}

#rwd-Breadcrumbs .current {
    color: #f93599;
}

.rwd-unit-header {
    background: #fff;
    overflow: hidden;
}

.rwd-unit-header .name {
    font-size: 1.375rem;
    color: #f93599;
    padding: 15px 15px;
    display: block;
    float: left;
    font-weight: normal;
}

.rwd-filter {
    float: right;
}

.rwd-filter .btn {
    display: block;
    background: url(../images/rwd_filter_icon.png) center 10px no-repeat;
    width: 48px;
    padding-top: 26px;
    padding-bottom: 4px;
    text-align: center;
    color: #666;
    font-size: 0.8rem;
    border-left: 1px solid #ddd;
}

.rwd-filter-ct {
    position: absolute;
    z-index: 999;
    background: #fff;
    left: 0;
    top: 0;
    width: 96%;
    padding: 10px 2%;
}


/* 首頁 end */

.PicViewContainer li a.ProductInfo {
/*    height: 100%;*/
}

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

@media (max-width: 980px) {
    #Header_1 {
        width: 100%;
    }
    #Header_2 {
        width: 100%;
    }
    #Header_3 {
        width: 100%;
    }
    .megamenu_container {
        margin-left: 5px;
    }
    #MainContentContainer {
        width: 100%;
    }
    #MainContentInner {
        padding: 0 15px;
    }
    #HeaderMainMenuContainer {
        width: 100%;
    }
    #InnerBody {
        width: 100%;
    }
    #Footer {
        width: 100%;
    }
    #LocalNavContainer {
        width: 23%;
    }
    #LocalNav {
        width: auto;
        padding: 3px;
        border: 1px solid #dddbd9;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.1);
        -webkit-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.1);
    }
    #LocalNav .LocalNavBG_Top,
    #LocalNav .LocalNavAreaBG_BTM {
        display: none;
    }
    #LocalNav .LocalNavBG_BodyContainer {
        background: none;
    }
    #LocalNav .LocalNavBG_Body {
        width: 100%;
    }
    #LocalNav .LocalNavBG_Body .LocalNavGraphic img {
        width: 100%;
    }
    .demo-container {
        width: 100%;
    }
    #MainContainer {
        width: 74%;
    }
    #Main {
        width: auto;
    }
    .megamenu_container {
        width: 92%;
    }
    .megamenu > li .megamenu_fullwidth {
        width: 100%;
        max-width: 920px;
    }
    /*accordion*/
    .accordion_green .accordion,
    .accordion_related .accordion,
    .accordion_grey_gradient .width655px,
    .accordion_grey_gradient .accordion {
        width: auto;
    }
    /*accordion end*/
    /*nesttab*/
    .TabsContainer .wrap,
    .wrap {
        width: auto;
    }
    .TabsStyle2Container .wrap {
        width: auto;
    }
    /*nesttab end*/
    /*文章列表006-連結*/
    .ContentBoxContainer {
        width: auto;
        border: 1px solid #ffffff;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -moz-box-shadow: 0px 0px 5px 0px #a2a2a2;
        -webkit-box-shadow: 0px 0px 5px 0px #a2a2a2;
        box-shadow: 0px 0px 5px 0px #a2a2a2;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f4f4), color-stop(26%, #ffffff), color-stop(100%, #f9f9f9));
        /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #f4f4f4 0%, #ffffff 26%, #f9f9f9 100%);
        /* Chrome10+,Safari5.1+ */
        background: linear-gradient(to bottom, #f4f4f4 0%, #ffffff 26%, #f9f9f9 100%);
        /* W3C */
        padding: 15px;
    }
    .ContentBoxContainer .ContentBox_top,
    .ContentBoxContainer .ContentBox_btm {
        display: none;
    }
    .ContentBoxContainer .ContentBox_md {
        background: none;
        padding: 0px;
        width: 100%;
    }
    .ContentBoxContainer .ContentBox_md .GraphicImg {
        width: 30%;
    }
    .ContentBoxContainer .ContentBox_md .GraphicImg img {
        width: 100%;
    }
    .ContentBoxContainer .ContentBox_md .LinksContainer {
        width: 65%;
    }
    .ContentBoxContainer .ContentBox_md .LinksContainer .List_BTN_Style3 {
        width: 100% !important;
    }
    /*文章列表006-連結 end*/
    .SinglePic_L img {
        width: 100%;
    }
    .faq-btn,
    .faq-content {
        width: 90%;
    }
    #MainAdOverView li {
        width: 100%;
    }
    #MainAdOverView li .Info {
        width: 28%;
    }
    #MainAdOverView li .IMG {
        width: 65%;
    }
    #MainAdOverView li .IMG img {
        width: 100%;
        height: auto;
    }
    #SiteMapContainer .SiteMap_Section ul.SiteMapList {
        width: 26%;
    }
    .MainContentLeft {
        width: 70%;
    }
    .MainContentRight {
        width: 28%;
    }
    /*首頁*/
    #ServiceGuideContainer {
        width: auto;
    }
    #MainAdContainer {
        width: 100%;
        height: auto;
    }
    #flexslider_big .slides > li img,
    #MainAd a img {
        height: auto;
    }
    #MarqueeContainer {
        width: auto;
        margin: 0;
        background: linear-gradient(to bottom, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
        border: 1px solid #dcdcdc;
        border-radius: 10px;
    }
    div#abgne_marquee {
        width: auto;
        background: url('../images/MarqueeBG-s.png') no-repeat 8px 9px;
    }
    div#abgne_marquee ul li a {
        padding: 0 10px 0 80px;
    }
    #QuickSearchContainer {
        width: auto;
        margin: 0;
        background: linear-gradient(to bottom, #ffffff 0%, #ededed 100%);
        border: 1px solid #dcdcdc;
        border-radius: 5px;
        height: auto;
    }
    #QuickSearch {
        padding: 10px;
    }
    #QuickSearchContainer .QuickSearchHeader {
        position: relative;
        top: 0px;
        left: 0px;
        margin-bottom: 10px;
    }
    #QuickSearchContainer #QuickSearchDrop {
        position: relative;
        top: 0px;
        left: 0px;
        padding: 10px 0;
        width: 100%;
        float: none;
        border-right: 0px;
    }
    #QuickSearchContainer #QuickSearchBTN {
        position: relative;
        top: 0px;
        left: 0px;
        /*text-align: center;*/
        border-left: 0px;
        padding: 20px 0 10px;
        float: none;
        border-top: 1px solid #DCDCDC;
    }
    .TabsContainer_style2 .Width400p {
        width: 100%;
    }
    .TabsContainer_style2 ul.tabs a {
        padding: 0 6px;
    }
    .dropdown dd ul {
        width: 100%;
        min-width: 100%;
    }
    .TabsContainer_style2 .wrap .pane {
        margin-bottom: 0px;
    }
    #AdBannerContainer {
        width: auto;
        background: linear-gradient(to bottom, #ffffff 0%, #f8f8f8 100%);
        border: 1px solid #dcdcdc;
        border-radius: 5px;
        height: auto;
        padding: 10px;
        overflow: hidden;
        margin: 0;
    }
    #AdBannerHeader {
        position: relative;
        top: 0px;
        left: 0px;
    }
    #AdBannerContainer .AdBanner {
        position: relative;
        top: 0px;
        left: 0px;
        margin-top: 15px;
    }
    #ui-carousel-prev {
        margin-left: 0px;
    }
    #flexslider_small_1 {
        width: 90%;
    }
    #LatestNewsContainer {
        width: auto;
    }
    .CodaProductContainer li {
        margin: 0 15px;
    }
    .CodaProductContainer li a .IMG {
        width: 100%;
    }
    .CodaProductContainer li a .IMG table {
        width: 100%;
    }
    .CodaProductContainer li a .IMG table td {
        width: 100%;
        height: 135px;
    }
    .CodaProductContainer li a .IMG table td a {
        width: 100%;
    }
    .CodaProductContainer li a .IMG img {
        max-width: 125px;
        max-height: 125px;
    }
    .MainContentLeft .TabsContainer ul.tabs li {
        width: 16.6%
    }
    .MainContentLeft .TabsContainer ul.tabs a {
        padding: 0 1px;
    }
    .TabInnerWarp .Banner {
        width: 30%;
    }
    .TabInnerWarp .Banner img {
        width: 100%;
        height: auto;
    }
    .TabInnerWarp .List {
        width: 60%;
    }
    .TabInnerWarp .List li {
        width: 28%;
    }
    .TabInnerWarp .List li a .IMG,
    .TabInnerWarp .List li a .IMG table,
    .TabInnerWarp .List li a .IMG table td,
    .TabInnerWarp .List li a .IMG table td a {
        width: 100%;
        height: auto;
    }
    .TabInnerWarp .List li a .IMG table td {
        min-height: 20px;
    }
    .TabInnerWarp .List li a .IMG img {
        max-width: 76px;
        max-height: 76px;
    }
    /*首頁 end*/
    /*代售*/
    #ProductSearchConatiner {
        width: auto;
    }
    .ProductSearch .Header {
        position: relative;
        margin: 0px 10px;
        padding: 15px 12px;
        width: auto;
        left: 0px;
        background: -moz-linear-gradient(top, #0067b6 0%, #80b4db 2%, #0067b6 5%, #00479d 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0067b6), color-stop(2%, #80b4db), color-stop(5%, #0067b6), color-stop(100%, #00479d));
        background: -webkit-linear-gradient(top, #0067b6 0%, #80b4db 2%, #0067b6 5%, #00479d 100%);
        background: -o-linear-gradient(top, #0067b6 0%, #80b4db 2%, #0067b6 5%, #00479d 100%);
        background: -ms-linear-gradient(top, #0067b6 0%, #80b4db 2%, #0067b6 5%, #00479d 100%);
        background: linear-gradient(to bottom, #0067b6 0%, #80b4db 2%, #0067b6 5%, #00479d 100%);
        border-radius: 3px;
    }
    .ProductSearch .BodyContent {
        position: relative;
        top: 0px;
        margin-top: -30px;
        width: auto;
    }
    .ProductSearch .BodyContent p {
        width: auto;
    }
    .ProductSearch .ProductSearchBTN {
        width: 100%;
        margin: 8px auto 0;
    }
    .ProductSearch .ProductSearchBTN input.Search,
    .ProductSearch .ProductSearchBTN input.Clear {
        width: 100%;
        border-radius: 5px;
        -webkit-border-radius: 5px;
    }
    .ProductSearch .ProductSearchBTN input.Search {
        background: url(../images/ProductSearch_InputSearch.png) no-repeat center !important;
    }
    .ProductSearch .ProductSearchBTN input.Clear {
        background: url(../images/ProductSearch_InputClear.png) no-repeat center !important;
    }
    #slidingDiv,
    #slidingDiv_2 {
        width: 100%;
        margin: 20px auto;
    }
    .ProductTabs {
        width: 48.5%;
        height: auto;
        margin: 0 3px 25px 3px;
        float: none;
        display: inline-block;
        vertical-align: top;
    }
    .ProductTabs .BannerImage {
        text-align: center;
    }
    .ProductTabs .PicViewContent li {
        width: 28%;
        padding-top: 0px;
        margin: 0 6px;
    }
    .ProductTabs .PicViewContent li a .IMG {
        position: relative;
        width: 100%;
    }
    .ProductTabs .PicViewContent li a .IMG table {
        width: 100%;
    }
    .ProductTabs .PicViewContent li a .IMG table td {
        width: 100%;
        height: 105px;
    }
    .ProductTabs .PicViewContent li a .IMG table td a {
        width: 100%;
    }
    .ProductTabs .PicViewContent li a .IMG img {
        /*max-height: 105px; max-width: 100%;*/
    }
    .ProductTabs .wrap .pane {
        height: auto;
    }
    .PicViewContainer li {
        /*        width: 23.4%;*/
        /*margin: 0px 5px 10px 5px;*/
    }
    .PicViewContainer li .IMG {
        width: 100%;
        position: relative;
        top: 0px;
        left: 0px;
        overflow: hidden;
    }
    .PicViewContainer li .IMG table {
        margin: 0 auto;
        width: 100%;
    }
    .PicViewContainer li .IMG table td {
        position: static;
        /*width: 100%;*/
    }
    .PicViewContainer li .IMG table td img {
        height: 100%;
        margin: 10px auto;
        display: block;
    }
    .PicViewContainer li a.ProductInfo {
        padding: 10px;
    }
    .PicViewContainer li .IMG table td a {
/*        width: 100%;*/
    }
    #RankConatiner {
        width: auto;
        margin-bottom: 30px;
    }
    .Rank .Header {
        position: relative;
        left: 20px;
        width: 60%;
    }
    .Rank .BodyContent {
        position: relative;
        top: 0px;
        width: auto;
        margin: 0 10px;
        margin-top: -10px;
    }
    div#feature_list {
        width: auto;
    }
    ul#tabs {
        width: 30%;
    }
    ul#output {
        width: 66%;
    }
    ul#output li {
        width: auto;
    }
    ul#output li img.ImageResize {
        max-width: 100%;
    }
    ul#output li table,
    ul#output li table td {
        width: 100%;
    }
    .CompanyContainer li {
        width: 23.8%;
    }
    .CompanyContainer li a.Link {
        padding: 5px;
    }
    .CompanyContainer li a.Link .IMG {
        position: static;
        top: 0;
        left: 0;
        width: 100%;
        margin-bottom: 10px;
    }
    .CompanyContainer li a.Link .IMG table,
    .CompanyContainer li a.Link .IMG table td {
        width: 100%;
    }
    .CompanyContainer li a.Link .IMG img {
        max-width: 95%;
    }
    .ItemMainContainer .ItemDetail {
        width: 40%;
    }
    .ItemMainContainer .GalleryBlock {
        width: 50%;
        padding: 0;
    }
    .ItemMainContainer .GalleryBlock table {
        width: 100%;
    }
    .ItemMainContainer .GalleryBlock table td {
        width: 100%;
    }
    .ItemMainContainer .GalleryBlock table td div {
        width: 100%;
    }
    .ItemMainContainer .GalleryBlock table td img {
        max-width: 95%;
        max-height: 300px;
    }
    /*.ItemMainContainer .ToolBlock li {display: inline-block;}*/
    .TabsStyle2Container ul.tabs a {
        padding: 0 13px;
        font-size: 1.1em;
    }
    .HeaderGraphic_1 .Graphic,
    .HeaderGraphic_2 .Graphic,
    .HeaderGraphic_3 .Graphic,
    .HeaderGraphic_4 .Graphic,
    .HeaderGraphic_5 .Graphic,
    .HeaderGraphic_6 .Graphic,
    .HeaderGraphic_7 .Graphic,
    .HeaderGraphic_8 .Graphic,
    .HeaderGraphic_9 .Graphic {
        margin: 0 auto;
        width: 100%;
    }
    .Graphic img {
        width: 100%;
    }
    /*代售 end*/
}


/* 800px */

@media (max-width: 800px) {
    /** {
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
    } */
    .rwd-back-pc {
        display: block;
    }    
    .Accessibility-detail {
        font-size: 16px;
        line-height: 180%;
    }
    #SiteMapContainer .SiteMap_Section ul.SiteMapList {
        width: 45%;
        margin: 0px 0 20px 2%;
        padding: 15px 1%;
    }
    #SiteMapContainer .SiteMap_Section ul.SiteMapList h5 a {
        font-size: 15px;
    }    
    /*-首頁-點更多熱賣商品按鈕-*/
    .ViewToolContainer .View select {
        padding: 6px 7px;
        font-size: 15px;
        width: 78px;
        border: 1px solid #ccc;
    }

    .ViewToolContainer .View input[type="submit"].Submit_2 { 
        background: #fff;
        border: 0;
        height: 32px;
        font-size: 15px;
        width: 70px;
    }

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

    input[type="button"],input[type="submit"],
    select {
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        border-radius: 0;
    }

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

    .RwdContainer, 
    .rwdheader {
        display: block;
    }

    #HeaderContainer,
    .indexContainer #MainContentContainer,
    .indexContainer .PadinTop20,
    .pageContainer .PadinTop20 {
        display: none;
    }
    
    .pageContainer #MainContentInner {
        padding: 0;
    }

    #FooterContainer {
        float: left;
        width: 100%;
    }

    #Footer .FooterSec_2Container {
        margin: 0px 10px 0px 10px;
    }

    .FatFooter {
        display: block;
        background: #e7e7e7;
        overflow: hidden;
    }

    .FatFooter_section {
        float: left;
        width: 94%;
        margin: 10px 3% 0 3%;
    }

    .FatFooter_section ul.FatFooter_list li.FatFooter_list_unit {
        padding: 7px 0;
        width: 50%;
        float: left;
    }

    .FatFooterHeader {
        padding: 0;
    }

    .FatFooterHeader a {
        display: block;
        color: #fff;
        background: #f93698;
        padding: 10px;
        margin: 20px 0 0 0;
        -webkit-border-radius: 0px !important;
        -moz-border-radius: 0px !important;
        border-radius: 0px !important;
    }
    .FatFooterHeader a:hover {
        color: #fff;
    }
    .FatFooterHeader strong a {
        font-size: 1rem;
        color: #fff;
    }
    .FatFooter_section ul.FatFooter_list li.FatFooter_list_unit a .num {
        width: 3px;
        height: 3px;
        position: relative;
        top: 8px;
        left: 5px;
        background: url(../images/fat_footer_bullet.png) 0 0 no-repeat;
        text-indent: 9999px;
        color: #e7e7e7;
    }
    .FatFooter_section ul.FatFooter_list li.FatFooter_list_unit a {
        color: #535353;
        font-weight: bold;
    }
    input[type="checkbox"],
    input[type="radio"] {
        border: 1px solid #ccc;
    }
    #HeaderContainer {
        width: 100%;
        height: auto;
    }
    #Header_1Container {
        display: none;
    }
    #Mobilemenu-mainService {
        display: none;
    }
    #Header_2 {
        width: 100%;
        background: none;
        height: 100%;
    }
    #HeaderNavContainer {
        display: none;
    }
    #Header_2Container {
        height: auto;
        display: none;
    }
    #Date {
        display: none;
    }
    #SearchContainer {
        position: relative;
        right: 0px;
        top: 0px;
        width: 237px;
        height: 25px;
        background: url(../images/Search_BG.png) no-repeat;
        display: block;
        margin: 0 auto;
    }
    #FontSizeContainer {
        display: none;
    }
    #LogoContainer {
        position: relative;
        left: 0px;
        top: 0px;
        z-index: 99;
        padding: 0;
        float: none;
        width: 216px;
        margin: 20px auto 0;
    }
    #Logo {
        top: 0px;
        left: 0px;
    }
    #Header_3Container {
        /*width: auto;*/
        display: none;
    }
    #HeaderMainMenuContainer {
        width: 99.5%;
        overflow: hidden;
    }
    #HeaderMainMenu {
        padding: 0 10px;
    }
    #Mobilemenu {
        width: auto;
        display: block;
        height: 30px;
        padding: 7px 0;
        margin: 0 10px;
    }
    #Mobilemenu select {
        display: block;
        width: 100%;
        padding: 2px;
        background-color: transparent;
        border: 1px solid #bababa;
        cursor: pointer;
        outline: none;
    }
    #MainContentContainer {
        width: 96%;
    }
    #MainContentInner {
        padding: 0;
    }
    #MainContentInner #Breadcrumbs {
        border: 1px solid #ececec;
        border-left: none;
        border-right: none;
        margin-bottom: 0;
        background: none;
        padding: 8px 3%;
        font-size: 14.5px;
    }
    .MainContentLeft {
        float: none;
        margin-bottom: 20px;
        width: auto;
    }
    #ServiceGuideContainer {
        width: auto;
        padding: 0 10px;
        background: none;
        height: auto;
        border: 0px;
    }
    #ServiceGuideHeader {
        border: 1px solid #dcdcdc;
    }
    #ServiceGuideContent {
        border: 1px solid #dcdcdc;
        border-top: none;
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
        background: linear-gradient(to bottom, #ffffff 0%, #fafafa 100%);
    }
    #ServiceGuideContent .pane {
        margin-bottom: 0;
        width: 100%;
    }
    #ServiceGuideContent ul.tabs {
        width: 100%;
    }
    .TabsContainer_style2 .Width250p {
        width: 100%;
    }
    #LatestNewsContainer {
        width: auto;
        padding: 0 10px;
    }
    .MainContentRight {
        float: none;
        margin: 0 auto;
        width: 94%;
    }
    #MainContentInner_1Container {
        height: auto;
    }
    #MainContentInner_1 {
        width: 100%;
        position: relative;
    }
    #MainBG_L,
    #MainBG_R {
        display: none;
    }
    #NewsContainer {
        position: relative;
        left: 0px;
        top: 0px;
        border: 0px;
        width: 100%;
        background: -moz-linear-gradient(top, #3378c0 0%, #7db9e8 100%);
        /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3378c0), color-stop(100%, #7db9e8));
        /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #3378c0 0%, #7db9e8 100%);
        /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #3378c0 0%, #7db9e8 100%);
        /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #3378c0 0%, #7db9e8 100%);
        /* IE10+ */
        background: linear-gradient(to bottom, #3378c0 0%, #7db9e8 100%);
        /* W3C */
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#3378c0', endColorstr='#7db9e8', GradientType=0);
        /* IE6-9 */
    }
    #NewsInner {
        width: 95%;
        margin: 0px auto;
        padding: 15px 0;
    }
    #TabsContainer {
        margin: 0 auto;
        width: 100%;
    }
    #TabsContainer ul.TabsMenu li {
        width: 11%;
        text-align: center;
    }
    #TabsContainer ul.TabsMenu li#TabsOthers {
        width: 17%;
    }
    .TabsContent {
        padding-left: 0px;
    }
    .TabsContent.TabsAll,
    .TabsContent.TabsNews,
    .TabsContent.TabsTutorials,
    .TabsContent.TabsLinks,
    .TabsContent.TabsStamp,
    .TabsContent.TabsShop,
    .TabsContent.TabsOthers {
        width: 95%;
    }
    #mcs6_container,
    #mcs6_1_container,
    #mcs6_2_container,
    #mcs6_3_container,
    #mcs6_4_container,
    #mcs6_5_container,
    #mcs6_6_container {
        width: 100%;
    }
    #mcs6_container .customScrollBox .container,
    #mcs6_1_container .customScrollBox .container,
    #mcs6_2_container .customScrollBox .container,
    #mcs6_3_container .customScrollBox .container,
    #mcs6_4_container .customScrollBox .container,
    #mcs6_5_container .customScrollBox .container,
    #mcs6_6_container .customScrollBox .container {
        width: 95%;
    }
    #NewsContainer .StampFocus {
        margin: 0 auto 7px auto;
    }
    #NewsContainer .ShopFocus {
        margin: 0 auto 10px auto;
        width: 263px;
    }
    .ListStyle_3 dd {
        width: 95%;
    }
    #MainAdContainer {
        width: 100%;
        height: auto;
        margin-bottom: 20px;
    }
    #MarqueeContainer {
        width: auto;
        margin: 0 10px;
        background: linear-gradient(to bottom, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
        border: 1px solid #dcdcdc;
        border-radius: 10px;
    }
    div#abgne_marquee {
        width: auto;
        background: url('../images/MarqueeBG-s.png') no-repeat 8px 9px;
    }
    div#abgne_marquee ul li a {
        padding: 0 10px 0 80px;
    }
    #QuickSearchContainer {
        width: auto;
        margin: 0 10px;
        background: linear-gradient(to bottom, #ffffff 0%, #ededed 100%);
        border: 1px solid #dcdcdc;
        border-radius: 5px;
        height: auto;
    }
    #QuickSearch {
        padding: 10px;
    }
    #QuickSearchContainer .QuickSearchHeader {
        position: relative;
        top: 0px;
        left: 0px;
        margin-bottom: 10px;
    }
    #QuickSearchContainer #QuickSearchDrop {
        position: relative;
        top: 0px;
        left: 0px;
    }
    #QuickSearchContainer #QuickSearchBTN {
        position: relative;
        top: 0px;
        left: 0px;
        /*text-align: center;*/
    }
    .TabsContainer_style2 .Width400p {
        width: 100%;
    }
    .TabsContainer_style2 ul.tabs a {
        padding: 0 6px;
    }
    .dropdown dd ul {
        width: 100%;
        min-width: 100%;
    }
    .TabsContainer_style2 .wrap .pane {
        margin-bottom: 0px;
    }
    #AdBannerContainer {
        width: auto;
        background: linear-gradient(to bottom, #ffffff 0%, #f8f8f8 100%);
        border: 1px solid #dcdcdc;
        border-radius: 5px;
        height: auto;
        padding: 10px;
        overflow: hidden;
        margin: 0 10px;
    }
    #AdBannerHeader {
        position: relative;
        top: 0px;
        left: 0px;
    }
    #AdBannerContainer .AdBanner {
        position: relative;
        top: 0px;
        left: 0px;
        margin-top: 15px;
    }
    #ui-carousel-prev {
        margin-left: 0px;
    }
    #MainContentInner_2 {
        width: 100%;
    }
    #MainContentInner_2Container {
        height: auto;
    }
    #Main_2_MiddleContainer {
        position: relative;
        left: 0px;
        top: 0px;
        width: 100%;
        min-height: 445px;
    }
    #Main_2_Middle_Left {
        width: 100%;
        height: auto;
        background: none;
        float: none;
    }
    #Main_2_Middle_Right {
        float: none;
        margin: 15px 0px 0px 0px;
    }
    #MainServiceContainer {
        display: none;
    }
    #ServiceLinksContainer {
        display: none;
    }
    #ServiceLinks li {
        margin-left: 7px;
    }
    #Footer {
        width: 100%;
    }
    #Footer .FooterSec_1Container {
           margin: 10px;
    font-size: 15px;
    line-height: 23px;
    }
    #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;
        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: 0;
        width: 100%;
    }
    #Footer .FooterSec_1Container .Sec_1 .Location {
        margin-right: 0px;
        padding: 2px 15px 2px 10px;
    }
    #InnerBody {
        width: 100%;
    }
    #LocalNavContainer {
        display: none;
    }
    #InnerBodyContent {
        padding: 0 8px 15px 8px;
        width: auto;
    }
    #Main {
        width: auto;
    }
    #Main #Section_2 #Breadcrumbs {
        width: 100%;
    }
    #Main #Section_2 #ShareNav {
        float: left;
        margin-top: 15px;
    }
    #Main #Section_2 #ShareNav a:first-child {
        margin-left: 0px;
    }
    #Post_NavContainer .Prev {
        margin: 0 0 15px 0;
    }
    #MainContainer {
        width: auto;
        float: none;
        padding: 0 10px;
    }
    #MainContainer_Fullwidth {
        padding: 0px;
    }
    #MainAdOverView {
        width: 100%;
    }
    #MainAdOverView li {
        background: #eeeeee;
        background-image: none;
        padding-bottom: 0px;
        margin-bottom: 20px;
    }
    #MainAdOverView li .Info {
        width: auto;
        float: none;
    }
    #MainAdOverView li .Info p {
        margin: 0 0 0px 0 !important;
    }
    #MainAdOverView li .IMG {
        float: none;
        width: 100%;
    }
    #MainAdOverView li .IMG a {
        display: block !important;
    }
    #Main_Fullwidth #Section_2 #Breadcrumbs {
        width: 295px;
    }
    .faq-btn,
    .faq-content {
        width: 90%;
    }
    .ConditionSearchContainer {
        font-size: 1.05rem;
        line-height: 175%;
    }
    .ConditionSearchContainer select {
        width: 110px;
        min-width: 110px;
        padding-right: 22px;
    }
    #NewsListContainer {
        width: 100%;
    }
    .grid-pager {
        float: none;
    }
    .sort-method-buttons {
        float: right;
        position: relative;
    }
    .sort-method-buttons a {
        border-left: none;
        padding: 12px 10px 0px 20px;
    }
    .NewsList li a {
        padding: 15px 0px 15px 0px;
        background: none;
    }
    .NewsListImage li a {
        padding: 15px 0px 15px 170px;
        background: none;
    }
    .NewsHeadContainer .NewsHeadS {
        width: 215px;
    }
    .NewsHeadContainer .NewsHeadL a {
        width: 100%;
    }
    .NewsHeadContainer .NewsHeadL a .Img {
        width: 100%;
    }
    .NewsHeadContainer .NewsHeadL a .Img td {
        width: 100%;
    }
    .NewsHeadContainer .NewsHeadL a .Img img {
        width: 100%;
    }
    #LinksPage li a {
        padding-bottom: 20px;
    }
    #LinksPage li a dl dt {
        width: 100%;
    }
    #LinksPage li a .ThumbImg {
        float: left;
    }
    #QuickSearchBTN a {
        margin: 12px 9px 8px;
    }
    #carousel {
        top: 0px;
        margin: 20px auto;
    }
    #ui-carousel-next,
    #ui-carousel-prev {
        margin: 0 auto;
        left: 0px;
        top: 0px;
    }
    #ui-carousel-next {
        top: -175px;
    }
    #ui-carousel-prev {
        margin-left: auto;
        top: 175px;
    }
    #ServiceDescription_Style01 li div.Thumb {
        width: auto;
    }
    .TabsContainer ul.tabs,
    ul.tabs2 {
        overflow: hidden;
    }
    .TabsStyle4Container .wrap {
        width: auto;
    }
    .TabsStyle4Container ul.tabs {
        overflow: hidden;
    }
    .TabsStyle4Container ul.tabs a.current,
    .TabsStyle4Container ul.tabs a.current:hover,
    .TabsStyle4Container ul.tabs li.current a {}
    .OpenAccountStep_Style1 {
        width: auto;
    }
    .OpenAccountStep_Style1 li {
        float: none;
        display: inline-block;
        vertical-align: top;
        margin: 0 0 0 0px;
        width: 49%;
    }
    .TabsStyle2Container .wrap {
        width: auto;
    }
    /*置頂圖片輪播*/
    .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*/
    .TabsStyle5Container .wrap {
        /*width: 433px;*/
        width: 100%;
    }
    .TabsStyle5Container ul.tabs a {
        width: 167px;
    }
    #ContentsContainer #FileDownloadContainer .FileDownBox .FileDown {
        width: 100%;
    }
    #ContentsContainer #FileDownloadContainer .FileDownBox .FileDown:first-child {
        margin-bottom: 5px;
    }
    #ContentsContainer #FileDownloadContainer .FileDownBox .FileDown .Info {
        width: 84%;
    }
    #MainAdSmallOverView {
        margin-right: 0px;
    }
    #MainAdSmallOverView li {
        margin: 0 2px 27px 0;
    }
    /*多圖*/
    .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;
    }
    .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;
    }
    /* 手機 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;
    }
    .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-cell;
    }
    a .ThumbImg div,
    a .ThumbImg a,
    a .Img div,
    a .Img a,
    .IMG a {
        vertical-align: middle;
        height: 100%;
    }
    .sb-search .sb_input {
        padding: 5px;
        border: 1px solid #aaa;
        width: 95%;
        margin: 0 0 5px;
        box-shadow: 1px 2px 3px #ccc inset;
    }
    .btn-submit {
        background: #555;
        color: #fff;
        border: 0;
        padding: 6px 0;
        display: block;
        width: 100%;
    }
    .btn-submit:active {
        background: #888;
    }
    .searchOptions {
        padding: 0 0 10px;
    }
    .searchOptions input {
        vertical-align: middle;
        margin: 0 5px 0 0;
    }
    .searchOptions label {
        display: block;
        width: 100%;
        padding: 5px 0;
    }
    .searchOptions li {
        position: relative;
        display: inline-block;
        width: 48%;
        vertical-align: top;
    }
    .sb-serviceLinks ul {
        overflow: hidden;
    }
    .sb-serviceLinks li {
        width: 50%;
        float: left;
        text-align: center;
    }
    .sb-serviceLinks li a {
        padding: 5px;
        display: block;
        font-size: 0.9em;
    }
    .sb-serviceLinks i {
        width: 40px;
        height: 40px;
        margin: 0 auto;
        display: block;
        background-size: 40px 40px;
    }
    #toTop {
        z-index: 10;
    }
    .icon-MailActive {
        background: url(../images/icon-MailActive.svg) no-repeat;
    }
    .icon-Saving {
        background: url(../images/icon-Saving.svg) no-repeat;
    }
    .icon-Insurance {
        background: url(../images/icon-Insurance.svg) no-repeat;
    }
    .icon-Stamp {
        background: url(../images/icon-Stamp.svg) no-repeat;
    }
    .icon-Product {
        background: url(../images/icon-Product.svg) no-repeat;
    }
    .icon-Fund {
        background: url(../images/icon-Fund.svg) no-repeat;
    }
    .icon-SellFund {
        background: url(../images/icon-SellFund.svg) no-repeat;
    }
    .icon-RealEstate {
        background: url(../images/icon-RealEstate.svg) no-repeat;
    }
    /***************************************Responsive*********************************************/
    nav.sb-navbar,
    .mobile-select-menu {
        display: block;
    }
    /***************************************Responsive end*********************************************/
    .acc-key {
        display: none;
    }
    .slide-panel {
       background-color: #f3f3f3;
    padding: 10px 3%;
    display: none;
    font-size: 14.5px;
    border-top: 1px solid #ddd;
    float: left;
    width: 94%;
    }
    .slide-btn {
        display: block;
    }
    /*代售*/
    #SubBannerContainer {
        width: auto;
    }
    .SubBanner {
        width: 530px;
        margin: 0 auto;
    }
    .SubBanner a {
        text-align: center;
        display: inline-block;
    }
    .ProductSearch .ProductSearchBTN {
        width: 239px;
        margin: 8px auto 0;
    }
    .PicViewContainer {
        width: 100%;
        margin-left: 0;
        display: flex;
        flex-wrap: wrap;
    }
    .PicViewContainer .PicViewContainer li {
        width: 31.3%;
        margin: 0px 1% 20px 1%;
    }
    .GiftContainer ul li {
        margin: 0 8px;
    }
    .RelatedItemContainer ul li {
       margin: 0 2%;
    width: 21%;
    text-align: center;
    min-height: 220px;
    }
    .ConditionSearchContainer {
           border-bottom: none;
    float: left;
    width: 94%;
    padding: 10px 3%;
    background: #ececec;
    }
    .ViewToolContainer {
        margin-bottom: 0px;
    }
    .slide-btn {
        margin-bottom: 20px;
    }
    .ListViewContainer td {
        vertical-align: top;
    }
    ul#tabs {
        width: 31%;
    }
    .CompanyContainer li {
           width: 31%;
    margin: 0 1%;
    min-height: 215px;
    }
    /*代售 end*/
    .drunk-waring-inner {
        width: 98%;
    }
    .drunk-waring-inner p {
        font-size: 2.3rem;
        line-height: 69px;
    }
    .search-require {
        padding: 0 3%;
        width: 94%;
        font-size: 15.5px;
        display: inline-block;
        margin: 0 0 20px 0;
        line-height: 165%;
    }
    /*-列表頁-*/
    div#feature_list {
        width: 94% !important;
        height: 419px;
        margin: 35px auto 30px auto;
    }
    .Rank .Header {
        position: relative;
        left: 0;
        width: 96%;
        background: #f93599;
        padding: 10px 2%;
        text-shadow: none;
        font-size: 16px;
    }
    .Rank .BodyContent {
        position: relative;
        top: 0px;
        width: 100%;
        margin: 0;
        margin-top: 0;
        padding: 0;
        background: #f5f5f5;
        border: 0;
        height: auto;
    }
    #RankConatiner .Rank {
        position: relative;
        margin-top: 0;
        width: 100%;
    }
    .Rank .BodyContent ul li a {
        padding: 12px 2% 11px 54px;
        display: block;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        font-size: 15.5px;
        color: #333;
    }
    .Rank .BodyContent ul li.Rank_1 a,
    .Rank .BodyContent ul li.Rank_2 a,
    .Rank .BodyContent ul li.Rank_3 a,
    .Rank .BodyContent ul li.Rank_3 a,
    .Rank .BodyContent ul li.Rank_4 a,
    .Rank .BodyContent ul li.Rank_5 a,
    .Rank .BodyContent ul li.Rank_6 a,
    .Rank .BodyContent ul li.Rank_7 a,
    .Rank .BodyContent ul li.Rank_8 a,
    .Rank .BodyContent ul li.Rank_9 a,
    .Rank .BodyContent ul li.Rank_10 a {
        background-position: 11px center;
    }
    .InnerProductListContainer {
        margin: 0 auto 20px auto;
        width: 94%;
    }
    .PicViewContainer li a.ProductInfo {
        padding: 15px 7%;
        background: #f5f5f5;
        border: 0;
    }
    .PicViewContainer li a.ProductInfo h3 {
       font-size: 1rem;
    color: #959595;
    line-height: 20px;
    font-weight: normal;
    margin: 0 0 3px 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    }
    .PicViewContainer li a.ProductInfo h2 {
        font-size: 1.2em;
        color: #333;
        height: 50px;
        overflow: hidden;
        margin-bottom: 2px;
    }
    .PicViewContainer li a.ProductInfo p.Price {
        font-size: 1.2em;
    }
    .PicViewContainer li .Tool {
        display: block;
        border: 0;
        background: #f93599;
        color: #ffffff;
        font-size: 1em;
        padding: 6px 0;
        /* position: absolute;
        bottom: 0; */
    }
    .slide-btn .btn-slide {
        background: url(../images/arrow-square-rwd.png) no-repeat 98% -36px;
        text-align: center;
        padding: 8px 0;
        margin: 0 auto;
        display: block;
        font-weight: bold;
        color: #535353;
        text-decoration: none;
        font-size: 15.3px;
        background-size: 22px;
    }
    .slide-btn {
       border: solid 0px #eeeeee;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    background: #dedede;
    margin: 0 0 30px 0 !important;
    cursor: pointer;
    float: left;
    width: 100%;
    }
    .PicViewContainer li .Tool .Social,
    .PicViewContainer li .Tool .Collect {
        padding: 0 13px;
        border-right: 1px solid #ff6db8;
    }
    .PicViewContainer li .Tool .Collect {
        border: 0;
    }
    ul#output {
        right: 0;
        width: 65% !important;
        height: 399px;
        position: relative;
        border-left: 1px solid #eeeeee;
    }
    ul#output li {
        position: relative;
        width: 100% !important;
        margin-bottom: 0;
    }
    ul#output li table td {
/*
        display: flex !important;
        align-items: center;
        justify-content: center;
*/
        margin: 0 auto;
        display: block;
    }
    ul#output li a {
        position: absolute;
        bottom: 15px;
        right: 15px;
        padding: 4px 13px;
        text-decoration: none;
        font-size: 0.95em;
        color: #FFF;
        background: #e11d81;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }
    .searchwrap .ConditionSearchContainer {
        margin: 0;
        padding: 12px 3%;
        border: 0;
    }
    .ConditionSearchContainer .FloatLeft {
        width: 100%;
        font-size: 15.5px;
           margin-bottom: 11px;
    }
    .ConditionSearchContainer select {
        padding: 5.5px 22px 5.5px 2px;
        margin: 0 2px;
    }
    .ConditionSearchContainer input {
        padding: 5.5px 16px;
        margin: 0;
        border: 0;
        background: #a1a1a1;
        border-radius: 0;
        text-align: center;
        color: #fff;
        font-size: 14.5px;
        border: 0;
    }
    .feature_list ul#tabs {
        left: 0;
        z-index: 2;
        width: 34% !important;
    }
    ul#tabs li a.current {
        background: #f93599;
        color: #FFF;
    }
    .Social a {}
    .PicViewContainer li .IMG {
        border: 0;
    }
    .PicViewContainer li a.ProductInfo:hover {
        border: 0;
        border-bottom: 0;
    }
    /*-商品大圖輪播-*/
    div#feature_list ul.output {
        background: #ffffff;
        border: 0 !important;
        width: 100% !important;
        position: initial;
        border-bottom: 1px solid #eeeeee !important;
    }
    div#feature_list {
        width: 94% !important;
        height: 539px !important;
    }
    ul#tabs {
        left: 0;
        z-index: 2;
        width: 100% !important;
        top: 400px !important;
    }
    ul#tabs li {
        border-right: 1px solid #ccc;
        float: left;
        width: 31.2%;
        padding: 5px 1%;
    }
     ul#tabs li:nth-child(3n) {
        border-right: 0;
    }
    ul#tabs li a {
        padding: 0 !important;
    }
    /*-詳細頁-*/
    .ItemMainContainer {
        margin: 25px 3%;
        display: inline-block;
        width: 94%;
    }
    .TabsStyle2Container {
        margin-bottom: 20px;
        width: 94%;
        margin: 0 3%;
    }
    .TabsStyle2Container .wrap {
        width: 100% !important;
    }
    .TabsStyle2Container .wrap .pane {
        display: none;
        padding: 35px 2% 30px 0 !important;
        font-size: 15.5px;
        line-height: 145%;
    }
    .TabsStyle2Container ul.tabs a {
        font-size: 1.2em !important;
    }
    .RelatedItemContainer {
        border: 1px solid #dcdcdc;
        border-top: 0;
        width: 94%;
        margin: 0 3%;
    }
    .RelatedItemContainer ul li a .IMG {
        width: 100%;
        border: 1px solid #c9c9c9;
        margin-bottom: 10px;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content:  center;
    }
     .RelatedItemContainer ul li a .IMG table {
        width: 100%;
    }

    .RelatedItemContainer ul li a .IMG table td a {
        width: 100% !important;
        margin: 0 auto !important;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    .ItemMainContainer .GalleryBlock table {
        width: 100%;
        border: 1px solid #ddd;
    }
    .ItemMainContainer .GalleryBlock {
        width: 46%;
        padding: 0;
        margin: 0 0 0 2%;
    }
    .ItemMainContainer .ItemDetail h1 {
        color: #535353 !important;
        font-size: 25px !important;
        border-bottom: 1px solid #ccc !important;
        padding: 0px !important;
        margin-bottom: 20px !important;
        line-height: 120% !important;
        padding-bottom: 15px !important;
    }
    .ItemMainContainer .ItemDetail h2 {
        color: #848383;
        font-size: 18px;
        margin-bottom: 10px;
    }
    .ItemMainContainer .ItemDetail .ItemPrice {
        color: #df3341;
        font-size: 18px;
        font-weight: 700;
        vertical-align: bottom;
        margin: 0 0 15px 0 !important;
    }
    .ItemMainContainer .ItemDetail .ItemSpecContainer {
        background: #f3f3f3;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 0;
        padding: 15px 2%;
        margin-bottom: 15px;
    }
    .ItemMainContainer .ItemDetail .ItemSpecContainer td, .ItemMainContainer .ItemDetail .ItemSpecContainer th {
        border-bottom: 1px solid #e1e1e1;
        color: #838383;
        padding: 18px 5px 10px 5px;
        text-align: left;
        font-size: 16px;
        margin: 0 0 5px 0;
    }
    .ItemMainContainer .ItemDetail .ItemSpecContainer {
        background: #f3f3f3;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 0;
        padding: 0 3% 18px 3%;
        margin-bottom: 15px;
    }
    .ItemMainContainer .ItemDetail .ItemBTN {
        margin-top: 18px;
    }
    .RelatedItemContainer ul {
        padding: 20px 0 0 0;
        overflow: hidden;
    }
    .RelatedItemContainer h2 {
        border-bottom: 0;
        padding: 11px 15px;
        background: #dcdcdc;
        font-size: 17px;
    }
    .TabsStyle2Container ul.tabs {
           min-height: 38px !important;
    }
    .TabsStyle2Container ul.tabs a.current, .TabsStyle2Container ul.tabs a.current:hover, .TabsStyle2Container ul.tabs li.current a {
        margin: 0 !important;
    }
    .TabsStyle2Container ul.tabs a {
        margin: 3px 0 0 0 !important;
    }
    .TabsStyle2Container .ItemDetail_2 li {
        margin: 7px 0 !important;
        background:url(../images/ListIcon_002.png) 0 3px no-repeat !important;
    }
        /*-colorbox-*/
    .cboxPhoto {
        float: left;
        margin: auto;
        border: 0;
        display: block;
        width: 100% !important;
        height: auto !important;
        max-width: 100% !important;
        max-height: initial !important;
        min-width: initial !important;
    }
   
    #cboxTitle {
        color: #000;
        background: #fff;
       padding: 15px 2% !important;
        font-weight: bold;
        font-size: 16.3px;
    }
    
   /*-頁數-*/
    .pagination_1 a.current {
        color: #fff;
        background: #f93599;
        border: 1px solid #f93599;
        display: inline-block;
    }
    .pagination_1 a {
        padding: 6px 9px;
        color: #333333;
        background: #ffffff;
        border: 1px solid #cacaca;
        font-size: 16px;
        margin: 0 0.5%;
        margin: 0 0.5% 15px 0.5%;
        display: inline-block;
    }

    .PicViewContainer li {
        margin: 25px 1% 20px 1%;
        background: #f5f5f5;
        min-height: 350px;
    }
    .BackToPrev {
        margin: 10px;
    }
    #Main_Fullwidth h1 {
        font-size: 28px;
        font-weight: bold;
        color: #535353;
        line-height: 28px;
        padding: 10px;
        margin-bottom: 10px;
        border-bottom: 3px solid #eeeeee;
    }
    div#feature_list h3 {
        margin: 0;
        padding: 10px;
        font-size: 1.1em;
        height: 37px;
        overflow: hidden;
        /* text-transform: uppercase; */
    }
    #Main h1 {
        font-size: 28px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    #Container {
        padding-bottom: 90px;
        overflow: hidden;
    }
    .ToolBlock ul li:nth-child(2) {
        display: none;
    }
    .rwd_print_ctrl {
        display: none;
    }    
    .ViewToolContainer .Collection {
        display: none;
    }
}

/* 800px end */


/* 768px */

@media (max-width: 768px) {
    /*代售首頁*/
    /*ul#output {width: 505px;}
	ul#output li {width: 100%;}
	ul#output li table td {width: 505px;}
	ul#output li img.ImageResize {max-width: 505px;}*/
    /*代售首頁 end*/
    /***************************************代售*********************************************/
    /*.CompanyContainer li {width: 240px;}
	.CompanyContainer li a.Link .IMG {width: 228px;}*/
    .GiftContainer ul li {
        margin: 0 5px;
    }
    .RelatedItemContainer ul li {
        margin: 0 6px;
    }
    .InnerProductListContainer {
        overflow-x: hidden;
        overflow-y: hidden;
    }
    div#feature_list h3 {
        font-size: 90%;
        height: 52px;
        padding: 3px 0 0 0;
    }
    /***************************************代售 end*********************************************/
}


/* 768px end */

@media (max-width: 675px) {
    /*-列表-*/
    .PicViewContainer li {
        width: 46%;
        margin: 25px 2% 20px 2%;
    }
    .Social a img {
        width: 15px;
        margin: 0 3px;
    }
    .PicViewContainer li .Tool .Collect input {
        vertical-align: middle;
        margin-right: 3px;
        width: 15px;
        height: 15px;
        margin: 0 3px;
    }
    .Collect a.example8.cboxElement {
        width: 15px;
        margin: 0 3px;
    }
}

@media (max-width: 650px) {
    /*-列表-*/
    .ViewToolContainer .Collection {
        float: left;
        width: 100%;
        margin-top: 11px;
    }
    .ViewToolContainer .Collection .Add_Collect {
        margin-right: 5px;
    }
}


/* 640px */

@media (max-width: 640px) {
    .drunk_waring {
        height: 85px;
    }
    .drunk-waring-inner {
        padding: 0;
    }
    .drunk-waring-inner .txt {
        padding: 10px 0;
    }
    .drunk-waring-inner p {
        display: block;
        vertical-align: top;
        text-align: left;
        font-size: 2rem;
        line-height: 33px;
    }
    .drunk-waring-inner .line1 {
        margin-right: 0;
    }
    .drunk-waring-inner img {
        margin: 9px 10px 0 0;
    }
    .PicViewContainer li {
        width: 46%;
    }
    .ItemMainContainer .ItemDetail {
        width: 100%;
    }
    .ItemMainContainer .GalleryBlock {
        width: 86%;
        padding: 0;
        margin: 0 0 0 0;
    }
    .ItemMainContainer .ToolBlock {
        margin-right: 1%;
    }
}
/* 640px end */




@media (max-width: 600px) {
    #SiteMapContainer .SiteMap_Section ul.SiteMapList {
        width: 94%;
        margin: 0px 0 20px 0;
        padding: 15px 3%;
    }
}
/* 540px */

@media (max-width: 540px) {
    .rwdindex-rmd-banner {
        width: 140px;
    }
    .HeaderGraphic_1 {
        display: none;
    }
}


/* 540px end */
@media (max-width: 518px) {
.PicViewContainer li .Tool .Social, .PicViewContainer li .Tool .Collect {
    padding: 0 5%;
    border-right: 1px solid #ff6db8;
    width: 90%;
    margin: 0 0 6px 0;
}

.PicViewContainer li .Tool .Collect {
    margin: 0;
}
}

/* 480px */

@media (max-width: 480px) {
        a.WebPhone_icon {
    display: none !important;
}
    body {
        font-size: 1.05em;
    }
    .Accessibility-detail {
        font-size: 15px;
    }
    .HeaderGraphic_1 {
        display: none;
    }
    input[type="checkbox"],
    input[type="radio"] {
        border: 1px solid #ccc;
    }
    .Padin20 {
        padding: 10px;
    }
    /*文章列表006-連結*/
    .ContentBoxContainer .ContentBox_md .GraphicImg {
        display: none;
    }
    .ContentBoxContainer .ContentBox_md .LinksContainer {
        width: 100%;
    }
    .ContentBoxContainer .ContentBox_md .LinksContainer .List_BTN_Style3 {
        width: 100% !important;
    }
    /*文章列表006-連結 end*/
    #Mobilemenu-mainService {
        display: block;
    }
    #Mobilemenu-mainService select {
        width: 100%;
        padding: 3px;
        border: 1px solid #dcdcdc;
        border-radius: 3px;
        color: #038c00;
        background: #ffffff;
    }
    .slides_container a {
        width: 340px;
        height: 129px;
    }
    .slides_container a img {
        width: 340px;
        height: 129px;
    }
    #slides .next,
    #slides .prev {
        top: 43%;
        left: 5px;
        width: 15px;
        height: 27px;
    }
    #slides .next {
        left: auto;
        right: 10px;
    }
    #slides .next img,
    #slides .prev img {
        width: 15px;
        height: 27px;
    }
    #TabsContainer ul.TabsMenu li {
        width: 9%;
        text-align: center;
        font-size: 12px;
    }
    #TabsContainer ul.TabsMenu li#TabsOthers {
        width: 17%;
    }
    .SubBanner {
        width: auto;
    }
    .SubBanner a {
        display: block;
    }
    /*
	#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: 15px;
    }
    .pagination_1 a {
        display: inline-block;
        margin: 4px 0;
    }*/
    /*
	.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;
    }
    #OrganizationStructure {
        display: none;
    }
    #SocialMediaContainer {
        display: none;
    }
    #toTop {
        right: 10px;
    }
    #RelatedLinksContainer {
        min-height: 115px;
    }
    #ContentsContainer .ImgFloLeft {
        float: none;
    }
    #ContentsContainer .ImgFloLeft img {
        width: 100%
    }
    .NewsListImage li a {
        padding: 15px 5px;
    }
    .NewsListImage li a .ThumbImg {
        position: relative;
        top: 0;
        margin-bottom: 10px;
    }
    .NewsListImage li a p.Thumbs {
        margin: 0px !important;
    }
    .Align_Center img {
        width: 100%;
    }
    #LocationBTNContainer .LocationBTN li a {
        width: 117px;
    }
    .SaveContainer {
        background: #ffffff transparent;
        background-image: none;
        padding: 20px;
    }
    #QuickSearchBTN a {
        margin: 12px 3px 8px;
    }
    #ServiceDescription_Style01 dt,
    #ServiceDescription_Style01 dd {
        margin-left: 0px;
    }
    #ServiceDescription_Style01 li div.Thumb .BTN {
        margin-left: 0px;
    }
    #ServiceDescription_Style01 li div.Thumb .BTN a {
        font-size: 1em;
    }
    .TabsStyle4Container ul.tabs li {
        width: 33%;
    }
    .TabsStyle4Container ul.tabs a {
        padding: 5px;
        height: auto;
        border-bottom: 1px solid #FFFFFF;
    }
    .TabsStyle4Container ul.tabs a p {
        margin: 0px !important;
    }
    .TabsStyle4Container ul.tabs a img {
        display: none;
    }
    .TabsStyle5Container ul.tabs li {
        display: inline-block;
        margin: 0 0 5px 0 !important;
    }
    .TabsStyle5Container ul.tabs a {
        height: auto;
        line-height: 100%;
        margin: 0px;
        padding: 5px;
        width: auto;
    }
    .TabsContainer ul.tabs li,
    ul.tabs2 li {
        width: 33%;
    }
    .TabsContainer ul.tabs a,
    ul.tabs2 a {
        height: auto;
        /*line-height: 100%;*/
        padding: 10px 5px;
        text-align: center;
    }
    .MainContentLeft .TabsContainer ul.tabs li {
        width: 33%;
    }
    .TabsContainer ul.tabs,
    ul.tabs2 {
        min-height: 10px;
    }
    .ConditionSearchContainer .sec span {
        display: block;
    }
    #MainPointContainer {
        padding: 0px;
    }
    #SiteMapContainer .SiteMap_Section ul.SiteMapList {
        width: 37%;
    }
    .TabsStyle2Container ul.tabs a.current,
    .TabsStyle2Container ul.tabs a.current:hover,
    .TabsStyle2Container ul.tabs li.current a {
        top: 0;
        background: #f93599;
        color: #ffffff!important;
        border-top: none;
        border-left: none;
        border-right: 1px solid #ffffff;
    }
    .TabsStyle2Container ul.tabs {
        overflow: hidden;
        background: #efefef;
    }
    .TabsStyle2Container ul.tabs li {
        width: 25%;
    }
    .TabsStyle2Container ul.tabs li a {
        padding: 10px 5px;
        height: auto;
        line-height: 100%;
        border-bottom: 1px solid #ffffff;
        font-size: 0.9em;
    }
    /*代售首頁*/
    .CodaProductContainer li {
        width: 42%;
        margin: 0px 7px 25px;
    }
    .TabInnerWarp .Banner {
        display: none;
    }
    .TabInnerWarp .List {
        width: 90%
    }
    .TabInnerWarp .List li {
        width: 27%;
    }
    .ls-wrapper {
        border-width: 3px 0px 1px 0px;
    }
    #slidingDiv,
    #slidingDiv_2 {
        width: 95%;
    }
    .ProductTabs {
        width: 100%;
        float: none;
        margin: 0 auto 25px;
        height: auto;
    }
    .ProductTabs .PicViewContent li {
        width: 27%;
    }
    /*.ProductTabs .PicViewContent li a .IMG { width: 92px;}
	.ProductTabs .PicViewContent li a .IMG table td {width: 92px; height: 92px;}
	.ProductTabs .PicViewContent li a .IMG table td a {width: 92px;}
	.ProductTabs .PicViewContent li a .IMG img {max-height: 92px; max-width: 92px;}
	*/
    /*代售首頁 end*/
    /*.TabInnerWarp .List {width: auto;}
	.TabInnerWarp .List li {width: 29%; margin: 0 5px;}
	.TabInnerWarp .List li a .IMG {width: 95px;}
	.TabInnerWarp .List li a .IMG table td {width: 95px; height: 95px;}
	.TabInnerWarp .List li a .IMG table td a {width: 95px;}
	.TabInnerWarp .List li a .IMG img { max-height: 95px; max-width: 95px;}*/
    .Result-Style-2 .img,
    .Result-Style-2 .txt {
        display: block;
    }
    .Result-Style-2 .img {
        width: 100%;
        padding: 0px;
    }
    .Result-Style-2 .txt {
        width: 100%
    }
    /*代售*/
    .ViewToolContainer .View li,
    .ViewToolContainer .Collection li {
 float: none;
    margin: 0 0 12px 0;
    border-bottom: 1px solid #ccc;
   padding: 0 2.5% 8px 2.5%;
    }
    .ViewToolContainer .Collection .Hint_Icon_s {
       text-align: left;
    padding: 0 2.5% 8px 2.5%;
    height: initial;
    float: left;
    width: 95%;
        margin-bottom: 0;
        border: 0;
    }
    .PicViewContainer {
        margin-right: 0px;
    }
    .PicViewContainer li {
        width: 46%;
        margin: 25px 2% 0 2%;
    }
    .PicViewContainer li a.ProductInfo {
        padding: 10px;
    }
    .PicViewContainer li .IMG {
        width: 100%;
        position: relative;
        top: 0px;
        left: 0px;
    }
    .PicViewContainer li .IMG table {
        width: 100%;
        margin: 0 auto;
        display: block;
    }
    .PicViewContainer li .IMG table td {
        position: static;
    }
    /*ul#output {width: 220px;}
	ul#output li table td {width: 220px;}
	ul#output li img.ImageResize {max-width: 220px;}
	ul#tabs {width: 119px;}*/
    ul#tabs li .ThumbIMG {
        display: none;
    }
    ul#tabs li a {
        padding: 5px;
    }
    .TabsStyle2Container_fake ul.tabs_fake a {
        font-size: 15px;
        padding: 0 28px;
    }
    .CompanyContainer li {
             width: 95% !important;
    margin: 0 2.5% !important;
    }
    /*.CompanyContainer li a.Link {padding: 10px;}
	.CompanyContainer li a.Link .IMG {position: relative; top: 0px; left: 0px; width: auto; margin-bottom: 10px;}
	.CompanyContainer li a.Link .IMG table {width: 215px; margin: 0 auto;}*/
    .ItemMainContainer .ItemDetail {
        width: 100%;
    }
    .ItemMainContainer .GalleryBlock {
        width: 100%;
        padding: 15px 0;
        margin: 0;
    }
    .ItemMainContainer .GalleryBlock table {
        width: 100%;
    }
    .ItemMainContainer .GalleryBlock table td {
        width: auto;
        height: auto;
    }
    .ItemMainContainer .GalleryBlock table td div {
        width: auto;
        padding: 20px 0;
    }
    .ItemMainContainer .GalleryBlock table td img {
        max-width: 100%;
        max-height: 300px;
    }
    .ItemMainContainer .ToolBlock li {
        display: inline-block;
        /*width: 14%;*/
        margin-left: 5px;
    }
    .GiftContainer ul li {
        margin-bottom: 20px;
    }
    .RelatedItemContainer ul li {
        display: inline-block;
        vertical-align: top;
        float: none;
        margin-bottom: 20px;
        width: 45%;
    }
    .ItemMainContainer .Warnning {
        font-size: 20px;
    }
    .ConditionSearchContainer-mobile span.Title {
        display: block;
    }
    .ConditionSearchContainer-mobile .FloatLeft,
    .ConditionSearchContainer-mobile .FloatRight,
    .ConditionSearchContainer-mobile .FloatLeft,
    .ConditionSearchContainer-mobile .FloatLeft {
        float: none;
    }
    table.ListViewContainer,
    .ListViewContainer thead,
    .ListViewContainer tbody,
    .ListViewContainer th,
    .ListViewContainer td,
    .ListViewContainer tr {
        display: block;
    }
    .ListViewContainer thead tr,
    .ListViewContainer th {
        /*position: absolute;
		top: -9999px;
		left: -9999px;*/
    }
    .ListViewContainer tr {
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
    }
    .ListViewContainer td {
        border: none;
        border-bottom: 1px solid #eee;
        padding: 15px 0;
        padding-left: 0 !important;
        width: auto;
    }
    .ListViewContainer td:before {
        /*display: block;*/
    }
    ul#tabs {
        width: 29%;
    }
    /*代售 end*/
    .faq-btn,
    .faq-content {
        width: 75%;
    }
  
    .ConditionSearchContainer span.Title {
        display: block;
    }
    .rwdindex-rmd-products-ct .info {
        width: 40%;
    }
    .rwdindex-rmd-products-ct .name {
        font-size: 1.25rem;
        line-height: 22px;
    }
    .rwdindex-rmd-products-ct .pic {
        width: 90px;
        height: 90px;
        padding: 19px 20px 0 0;
        display: flex;
        align-items: center;
        justify-content:  center;  
    }
    .PicViewContainer li .Tool .Social {
        padding: 0 5%;
        border-right: none;
    }
    .PicViewContainer li .Tool .Collect {
        border: none;
    }
    /*-列表-*/
    .ConditionSearchContainer .FloatLeft {
        width: 95%;
        font-size: 15.3px;
        margin-bottom: 7px;
        border-bottom: 1px solid #ccc;
        padding: 12px 2.5%;
        font-weight: bold;
    }
    .FloatLeft.last {
        margin-bottom: 0;
        border: 0;
    }
    .PicViewContainer li a.ProductInfo h2 {
        font-size: 1.1rem;
        height: 60px;
    }
    .PicViewContainer li a.ProductInfo p.Price {
        font-size: 1.1rem;
    }
    .searchwrap .ConditionSearchContainer {
        padding: 0;
    }
    .slide-panel {
        padding: 12px 0 0 0;
        border-top: 1px solid #ccc;
    }
    .ViewToolContainer .View {
        float: left;
        width: 100%;
    }
    .ViewToolContainer .View a, 
    .ViewToolContainer .Collection .CollectionBTN, 
    .ViewToolContainer .Collection .CollectListBTN, 
    .ViewToolContainer .Collection .PrintOut {
       padding: 0 0 0 40px;
        line-height: 30px;
        font-weight: 700;
        display: block;
        margin: 0;
    }
    .Hint_Icon_s a {
            float: left;
    width: 28px;
    padding: 0;
    margin: 0;
    }
    .Hint_Icon_s a img {
        width: 100%;
    }
    .MainContentRight {
        float: none;
        margin: 0 auto;
        width: 100%;
    }
    .search-require {
        padding: 0 2%;
        width: 96%;
    }
    .InnerProductListContainer {
        margin: 0 auto 20px auto;
        width: 100%;
    }
    .ItemMainContainer .ToolBlock {
        float: left;
        margin: 0;
    }
}


/* 480px end */


/* 414px */

@media (max-width: 414px) {
    #Container {
        padding-bottom: 90px;
    }
    .drunk_waring {
        letter-spacing: 0;
        height: 75px;
    }
    .drunk-waring-inner img {
        width: 60px;
    }
    .drunk-waring-inner p {
        font-size: 1.5rem;
        line-height: 28px;
    }
}


/* 414px end */

@media (max-width: 400px) {
/*-footer-*/
#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 7px 0 !important;
             background: #eeeeee;
 
}
}
/* 375px */

@media (max-width: 375px) {
    .rwdindex-rmd-products-ct .name {
        font-size: 1.1rem;
        line-height: 20px;
    }
    .rwdindex-rmd-products-ct .pic {
        width: 80px;
        height: 80px;
        padding: 30px 10px 0 0;
    }
}


/* 375px end */


/* 360px */

@media (max-width: 360px) {
    .rwdindex-rmd-banner {
        width: 115px;
    }
    #QuickSearch .ListSelect p.InputWrap select {
        min-width: 260px;
    }
    #SiteMapContainer .SiteMap_Section ul.SiteMapList {
        width: 80%;
    }
    /*首頁*/
    .CodaProductContainer {
        width: 325px;
    }
    /*首頁 end*/
    /*代售*/
    ul#tabs {
        width: 28%;
    }
    /*代售 end*/
}


/* 360px end */

/* 330px */

@media (max-width: 330px) {
    .rwdbiz ul li a {
        font-size: 0.85rem;
    }
    .rwdindex-salenews-list .rwdindex-salenews-ct {
        min-height: 80px;
    }
}


/* 330px end */


/* 320px */

@media (max-width: 320px) {
    .TabsContainer_style2 ul.tabs li {
        margin-right: 3px;
    }
    #QuickSearch .ListSelect p.InputWrap select {
        min-width: 220px;
    }
    /*代售首頁*/
    /*.CodaProductContainer {width: 285px;}
	.CodaProductContainer li {margin: 0px 5px 25px;}
	.CodaProductContainer li a .IMG {width: 130px;}
	.CodaProductContainer li a .IMG table td {width: 130px; height: 135px;}
	.CodaProductContainer li a .IMG table td a {width: 130px;}
	.CodaProductContainer li a .IMG img {max-width: 130px; max-height: 135px;}*/
    /*ul#output {width: 190px;}
	ul#output li table td {width: 190px;}
	ul#output li img.ImageResize {max-width: 190px;}
	ul#tabs {width: 109px;}
	div#feature_list h3 {font-size: 13px;}*/
    /*代售首頁 end*/
    /*代售*/
    /*.TabInnerWarp .List li a .IMG {width: 85px;}
	.TabInnerWarp .List li a .IMG table td {width: 85px; height: 85px;}
	.TabInnerWarp .List li a .IMG table td a {width: 85px;}
	.TabInnerWarp .List li a .IMG img { max-height: 85px; max-width: 85px;}*/
    .GiftContainer ul,
    .RelatedItemContainer ul {
        padding: 10px 5px;
    }
    .ItemMainContainer .Warnning {
        font-size: 17px;
    }
    /*代售 end*/
    .faq-btn,
    .faq-content {
        width: 73%;
    }
}


/* 320px end */


/*置頂圖片輪播*/

@media (max-width: 800px) {
    .TabsStyle2Container_fake ul.tabs_fake {
    border-bottom: 1px solid #f93599;
    min-height: 35px;
    display: inline-block;
    width: 98%;
    margin: 0 1%;
}
    .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;
    }
    div#feature_list ul{
        background: #ffffff;
    }
    ul#output li table td {
        width: 393px;
        height: 399px;
        text-align: center;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

@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;
    }
    .ConditionSearchContainer select {
        padding: 5.5px 22px 5.5px 2px;
        margin: 0px 2px;
    }
}

@media (max-width: 605px) {
    .ConditionSearchContainer select {
        padding: 5.5px 22px 5.5px 2px;
        margin: 4px 2px;
    }
}
@media (max-width: 570px) {
.CompanyContainer li {
    width: 44%;
    margin: 0 3%;
    min-height: 215px;
}
}

@media (max-width: 530px) {
    ul#tabs li {
        border-right: 1px solid #ccc;
        float: left;
        width: 47.8%;
        background: #fff !important;
        border-bottom: 1px solid #ccc;
    }
    ul#tabs li:nth-child(3n) {
        border-right: 1px solid #ccc;
    }
    ul#tabs li:nth-child(2n) {
        border-right: 0px;
    }
    div#feature_list {
        width: 94% !important;
        height: 612px !important;
    }
}


@media (max-width: 480px) {
    .PicViewContainer li a.ProductInfo p.DiscountPeriod {
        font-size: 3.5vw;
    }
    ul#tabs li img {
        max-height: 28px !important;
        max-width: 28px !important;
    }
    .searchwrap .ConditionSearchContainer {
        padding: 0;
        width: 100%;
    }
    .view-number {
        float: left;
        padding: 0 12px;
    }
    .slide-panel {
        width: 100%;
    }
}

@media (max-width: 418px) {
    ul#output li img.ImageResize {
        max-width: 90% !important;
        max-height: 90% !important;
    }
}

@media (max-width: 391px) {
    ul#output li table td {
        width: 358px !important;
        height: 358px !important;
    }
    ul#output{
        height: 372px !important;
    }
    ul#tabs {
        top: 373px !important;
    }
    div#feature_list {
        width: 94% !important;
        height: 585px !important;
    }
    ul#output li img.ImageResize {
        max-width: 365px !important;
        max-height: 365px !important;
    }
}

@media (max-width: 385px) {
    ul#output li table td {
        width: 364px !important;
        height: 364px !important;
    }
    ul#output{
        height: 368px !important;
    }
    ul#tabs {
        top: 369px !important;
    }
    div#feature_list {
        width: 94% !important;
        height: 581px !important;
    }
    ul#output li img.ImageResize {
        max-width: 352px !important;
        max-height: 352px !important;
    }
}

@media (max-width: 377px) {
    ul#output li img.ImageResize {
        max-width: 328px !important;
        max-height: 328px !important;
    }
    ul#output li table td {
        width: 355px !important;
        height: 355px !important;
    }
    ul#output {
        height: 356px !important;
    }
    ul#tabs {
        top: 357px !important;
    }
    div#feature_list {
        height: 569px !important;
    }
}

@media (max-width: 375px) {
    .rwdbiz ul li a {
        font-size: 0.89rem;
        padding-top: 75%;
    }
    .navfirst-item > a,
    .navsecond-item > a,
    .navthird-item > a {
        font-size: 1.05rem;
        line-height: 22px;
    }
    .navsecond-item > a::before {
        margin: 7px 0 0 0;
    }
    .navthird-item > a::before {
        margin: 10px 0 0 0;
    }
    .rwd-lang li {
        /*font-size: 1rem;*/
    }
    .PicViewContainer li .IMG img {
        max-width: 100%;
        height: auto !important;
        max-height: 100%;
    }
}

@media (max-width: 369px) {
    ul#output li table td {
        width: 347px !important;
        height: 347px !important;
    }
}

@media (max-width: 362px) {
    ul#output li table td {
        width: 341px !important;
        height: 341px !important;
    }
    ul#output li img.ImageResize {
        max-width: 324px !important;
        max-height: 324px !important;
    }
    ul#output {
        height: 348px !important;
    }
    ul#tabs {
        top: 349px !important;
    }
    div#feature_list {
        height: 561px !important;
    }
}

@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: 355px) {
    ul#output li table td {
        width: 333px !important;
        height: 333px !important;
    }
    ul#output li img.ImageResize {
        max-width: 315px !important;
        max-height: 315px !important;
    }
    ul#output {
        height: 334px !important;
    }
    ul#tabs {
        top: 335px !important;
    }
    div#feature_list {
        height: 547px !important;
    }
}

@media (max-width: 350px) {
    ul#output li table td {
        width: 329px !important;
        height: 329px !important;
    }
    ul#output li img.ImageResize {
        max-width: 315px !important;
        max-height: 315px !important;
    }
    ul#output {
        height: 334px !important;
    }
    ul#tabs {
        top: 335px !important;
    }
    div#feature_list {
        height: 547px !important;
    }
}

@media (max-width: 345px) {
    ul#output li table td {
        width: 321px !important;
        height: 321px !important;
    }
    ul#output li img.ImageResize {
        max-width: 300px !important;
        max-height: 300px !important;
    }
    ul#output {
        height: 328px !important;
    }
    ul#tabs {
        top: 329px !important;
    }
    div#feature_list {
        height: 541px !important;
    }
}

@media (max-width: 340px) {
    ul#output li table td {
        width: 326px !important;
        height: 326px !important;
    }
    ul#output li img.ImageResize {
        max-width: 294px !important;
        max-height: 294px !important;
    }
    ul#output {
        height: 328px !important;
    }
    ul#tabs {
        top: 329px !important;
    }
    div#feature_list {
        height: 541px !important;
    }
}

@media (max-width: 335px) {
    ul#output li table td {
        width: 316px !important;
        height: 316px !important;
    }
    ul#output li img.ImageResize {
        max-width: 306px !important;
        max-height: 306px !important;
    }
    ul#output {
        height: 318px !important;
    }
    ul#tabs {
        top: 319px !important;
    }
    div#feature_list {
        height: 531px !important;
    }
}

@media (max-width: 330px) {
    ul#output li table td {
        width: 295px !important;
        height: 295px !important;
    }
    ul#output li img.ImageResize {
        max-width: 284px !important;
        max-height: 284px !important;
    }
    ul#output {
        height: 294px !important;
    }
    ul#tabs {
        top: 295px !important;
    }
    div#feature_list {
        height: 507px !important;
    }
}

@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*/