﻿.hide {
    display: none;
}

/***** RWD Style *****/
.rwd-back-pc {
    text-align: center;
    padding-bottom: 12px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ddd;
    font-size: 15px;
    display: none;
}

.rwd-back-pc a {
    display: block;
    width: 100px;
    margin: 0 auto;
    padding-left: 13px;
    background: url(../images/back_pc_icon.png) 0 4px no-repeat;
}
.rwd-back-mobile {
    text-align: center;
    padding-bottom: 12px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ddd;
    font-size: 15px;
    /*display: none;*/
}
.rwd-back-mobile a {
    display: block;
    width: 67px;
    margin: 0 auto;
    padding-left: 13px;
    background: url(../images/back_mobile_icon.png) 0 2px no-repeat;
}
input[type="checkbox"],
input[type="radio"] {
    border: 1px solid #ccc;
}

input,
select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border-radius: 0;
}

select {
    background: url(../images/rwd_select_att.png) 96% center no-repeat #fff;
    padding: 0 10px 0 0;
}

.rwdheader {
    position: fixed;
    top: 0;
    width: 100%;
    min-width: 320px;
    background: url(../images/rwd_header_bg.png) 0 0;
    z-index: 99999;
    display: none;
}

.rwdnav {
    height: 100%;
    background: #fff;
    padding-top: 59px;
}

.rwdlogo {
    background: url(../images/rwd_logo.png) 0 0 no-repeat;
    display: block;
    font-size: 0;
    width: 220px;
    height: 40px;
    float: left;
    margin: 12px 0px 0 15px;
}

/* rwd nav */

.rwdsearch {
    background: #3fc8de;
    padding: 10px;
    text-align: center;
}

.rwdsearch-textfield {
    border: 0px;
    font-size: 1rem;
    padding: 5px;
    height: 26px;
    border-radius: 0;
    vertical-align: top;
    display: inline-block;
    width: 82%;
    margin-right: -6px;
}

.rwdsearch-btn {
    border: 0px;
    font-size: 0;
    height: 36px;
    width: 38px;
    vertical-align: top;
    display: inline-block;
    border-radius: 0;
    background: url(../images/rwd_search.png) center center no-repeat #fff;
}

.rwd-lang {
    width: 90%;
    margin: 20px auto;
    border: 1px solid #e4e4e4;
    border-radius: 3px;
}

.rwd-lang li {
    width: 100%;
    display: block;
    /*margin-right: -4px;*/
    text-align: center;
    font-size: 18px;
}

.rwd-lang li a {
    display: block;
    padding: 10px 0 10px 20px;
    color: #666;
}

.rwd-lang li .tw {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.rwd-lang li .en {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.rwd-lang li .current {
    background: #03a200;
    color: #fff;
}

.rwd-lang li .home {
    background: url(../images/home.png) 40% 9px no-repeat;
}

.rwd-arr-close,
.rwdmisc-arr-close {
    background: url(../images/rwd_nav_arr_close.png) 96% center no-repeat;
}

.rwd-arr-open,
.rwdmisc-arr-open {
    background: url(../images/rwd_nav_arr_open.png) 96% center no-repeat;
}

.navfirst {
    border-bottom: 1px solid #e4e4e4;
}

.navsecond {
    display: none;
    background: #f4f4f4;
}

.navthird {
    display: none;
    background: #e2e2e2;
}

.navfirst-item,
.navfirst-item-current,
.navsecond-item,
.navsecond-item-current {
    border-top: 1px solid #e4e4e4;
}

.navfirst-item > a,
.navsecond-item > a,
.navthird-item > a,
.navfirst-item-current > a,
.navsecond-item-current > a,
.navthird-item-current > a {
    display: block;
    text-align: left;
    color: #555;
    padding: 15px 20px;
    font-size: 1.2rem;
    position: relative;
}

.navfirst-item-current > a {
    color: #0fa1b8;
    font-weight: bold;
}

.navsecond-item > a {
    padding: 15px 36px;
}

.navsecond-item > a::before {
    content: "";
    width: 6px;
    height: 6px;
    display: inline-block;
    vertical-align: top;
    border-radius: 999em;
    background-color: #aaa;
    margin: 6px 0 0 0;
    position: absolute;
    left: 25px;
}

.navsecond-item-current > a {
    padding: 15px 36px;
    color: #0fa1b8;
    font-weight: bold;
}

.navsecond-item-current > a::before {
    content: "";
    width: 6px;
    height: 6px;
    display: inline-block;
    vertical-align: top;
    border-radius: 999em;
    background-color: #0fa1b8;
    margin: 6px 0 0 0;
    position: absolute;
    left: 25px;
}

.navthird-item > a {
    padding: 15px 35px 15px 42px;
    font-size: 1.1rem;
}

.navthird-item > a::before {
    content: "";
    width: 7px;
    height: 1px;
    display: inline-block;
    vertical-align: top;
    background-color: #999;
    margin: 8px 0 0 0;
    position: absolute;
    left: 30px;
}

.navthird-item-current {
    background: #ccc;
}

.navthird-item-current > a {
    color: #fff;
    padding: 15px 35px 15px 42px;
    font-size: 1.1rem;
    font-weight: bold;
    color: #0fa1b8;
}

.navthird-item-current > a::before {
    content: "";
    width: 7px;
    height: 1px;
    display: inline-block;
    vertical-align: top;
    background-color: #0fa1b8;
    margin: 8px 0 0 0;
    position: absolute;
    left: 30px;
}

.rwdbiz {
    background: #efefef;
    padding: 10px 10px;
}

.rwdbiz ul li {
    display: inline-block;
    margin: 10px -4px 10px 0;
    width: 24%;
}

.rwdbiz ul li a {
    font-size: 1rem;
    color: #555;
    display: block;
    text-align: center;
    padding-top: 77%;
}

.rwdbiz ul li .rwdbiz1 {
    background: url(../images/rwd_biz_icon1.png) center 0 no-repeat;
    background-size: 72%;
}

.rwdbiz ul li .rwdbiz2 {
    background: url(../images/rwd_biz_icon2.png) center 0 no-repeat;
    background-size: 72%;
}

.rwdbiz ul li .rwdbiz3 {
    background: url(../images/rwd_biz_icon3.png) center 0 no-repeat;
    background-size: 72%;
}

.rwdbiz ul li .rwdbiz4 {
    background: url(../images/rwd_biz_icon4.png) center 0 no-repeat;
    background-size: 72%;
}

.rwdbiz ul li .rwdbiz5 {
    background: url(../images/rwd_biz_icon5.png) center 0 no-repeat;
    background-size: 72%;
}

.rwdbiz ul li .rwdbiz6 {
    background: url(../images/rwd_biz_icon6.png) center 0 no-repeat;
    background-size: 72%;
}

.rwdbiz ul li .rwdbiz7 {
    background: url(../images/rwd_biz_icon7.png) center 0 no-repeat;
    background-size: 72%;
}

.rwdmisc {
    padding: 5px 0;
}

.rwdmisc li {
    border-bottom: 1px solid #ddd;
}

.rwdmisc li a {
    display: block;
    color: #555;
    text-align: center;
    padding: 12px 10px;
    font-size: 1rem;
}

.rwdmisc-locallist,
.rwdmisc-webservice,
.rwdmisc-cs {
    background: #f4f4f4;
    display: none;
}

.rwdmisc-locallist li.rwdmisc-localnews {
    width: 100%;
}

.rwdmisc-locallist li,
.rwdmisc-webservice li,
.rwdmisc-cs li {
    border-top: 1px solid #ddd;
    border-bottom: none;
}

/* rwd nav end */

/*漢堡選單動效*/

.rwdburger-wrapper {
    position: relative;
    height: 59px;
    width: 78px;
    float: right;
    background: url(../images/rwd_burger_bg.png) 0 0 no-repeat;
}

.rwdburger {
    width: 28px;
    height: 20px;
    top: 18px;
    left: 33px;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}

.rwdburger span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: #fff;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

.rwdburger span:nth-child(1) {
    top: 0px;
}

.rwdburger span:nth-child(2),
.rwdburger span:nth-child(3) {
    top: 8px;
}

.rwdburger span:nth-child(4) {
    top: 16px;
}

.rwdburger.open span:nth-child(1) {
    top: 18px;
    width: 0%;
    left: 50%;
}

.rwdburger.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.rwdburger.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.rwdburger.open span:nth-child(4) {
    top: 18px;
    width: 0%;
    left: 50%;
}

/*漢堡選單動效 end*/

/***** RWD Style end *****/

.RwdContainer {
    display: none;
}

.bodybg #sb-site {
    background-color: #ffffff;
}

#loc-Masonry {
    margin: 20px auto 0;
}

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    /* makes sure it stays on top */
}

.sb-navbarWrap {
    display: none;
}

.icon-mobileSearch {
    display: block;
    width: 24px;
    height: 24px;
    margin: 0 auto;
    overflow: hidden;
    background: url(../images/navicon-options.png);
    text-indent: -9999px;
    background-size: 24px 24px;
}

.mobile-select-menu {
    display: none;
    padding: 10px 1em 0;
}

.mobile-select-menu select {
    padding: 5px;
    border: 1px solid #ccc;
    width: 100%;
}

.sb-search .sb_input {
    padding: 5px;
    border: 1px solid #aaa;
    width: 95%;
    margin: 0 0 5px;
    box-shadow: 1px 2px 3px #ccc inset;
    font-size: 18px
}

.btn-submit {
    background: #555;
    color: #fff;
    border: 0;
    padding: 6px 0;
    display: block;
    width: 100%;
    font-size: 18px
}

.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 li {
    width: 50%;
    float: left;
    text-align: center;
}

.sb-serviceLinks li a {
    padding: 5px;
    display: block;
}

.sb-serviceLinks i {
    width: 40px;
    height: 40px;
    margin: 0 auto;
    display: block;
    background-size: 40px 40px;
}

#toTop {
    z-index: 10;
}

.rightTool {
    min-height: 320px
}

.icon-MailActive {
    background: url(../images/icon-MailActive.svg);
}

.icon-Saving {
    background: url(../images/icon-Saving.svg);
}

.icon-Insurance {
    background: url(../images/icon-Insurance.svg);
}

.icon-Stamp {
    background: url(../images/icon-Stamp.svg);
}

.icon-Product {
    background: url(../images/icon-Product.svg);
}

.icon-Fund {
    background: url(../images/icon-Fund.svg);
}

.icon-SellFund {
    background: url(../images/icon-SellFund.svg);
}

.icon-RealEstate {
    background: url(../images/icon-RealEstate.svg);
}

.sb-logoWrap {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -15px 0 0 -68px;
    width: 145px;
    height: 30px;
}

.sb-logo {
    width: 30px;
    height: 30px;
    display: inline-block;
    background: url(../images/icon-logo.svg);
    background-size: 30px 30px;
    vertical-align: middle;
    margin: 0 3px 0 0;
    border-radius: 50%;
    box-shadow: 0 -1px 1px rgba(0, 0, 0, .5);
}

.sb-logoWrap h1 {
    display: inline-block;
    color: #545454;
    text-shadow: 0 -1px 2px rgba(160, 160, 160, 0.5);
    line-height: 1em;
    vertical-align: middle;
    font-size: 24px;
}

.rwdindex-banner {
    display: none;
}

@media (min-width: 801px) and (max-width:2400px) {
    .sb-navbarWrap,
    #QuickSearch_RWD,
    #NewsInner {
        display: none
    }
}

@media only screen and (max-width:800px) {
    #paper img {
    margin: 0 auto;
    display: block;
}
    [canvas=container] {
        margin-top: 59px;
        height: -webkit-calc( 100% - 59px);
        height: -moz-calc( 100% - 59px);
        height: calc( 100% - 59px);
    }
    .RwdContainer,
    .rwdheader {
        display: block;
    }
    input[type="checkbox"],
    input[type="radio"] {
        border: 1px solid #ccc;
    }
    #Search form ul li .search_title {
        font-size: 18px;
    }
    #Search form ul li input {
        width: 96%;
        padding: 5px 2%;
        font-size: 16px;
    }
    #Search form ul li select {
        width: 100%;
        padding: 5px 2%;
        font-size: 16px;
        background: url(../images/rwd_select_arr_white.png) 96% center no-repeat #0fa1b8;
    }
    #Search form .Submit {
        font-size: 16px;
        background: url(../images/SearchBTN_BG.jpg) repeat-x bottom #fff;
    }
    .acc-key {
        height: 21px;
    }
  .FatFooter {
        display: block;
        background: #e7e7e7;
        overflow: hidden;
    }
    .FatFooter_section {
        float: left;
        width: 94%;
        margin: 0.5% 3%;
    }
    .FatFooter_section ul.FatFooter_list li.FatFooter_list_unit {
        padding: 7px 0;
        width: 50%;
        float: left;
        font-size: 15px;
    }
    .FatFooterHeader {
        padding: 0;
    }
    .FatFooterHeader a {
        display: block;
        color: #FFF;
        background: #05c0eb;
        padding: 10px;
        -webkit-border-radius: 0px !important;
        -moz-border-radius: 0px !important;
        border-radius: 0px !important;
    }
    .FatFooterHeader strong a {
        font-size: 1rem;
        color: #FFF;
    }
    .FatFooter_section ul.FatFooter_list li.FatFooter_list_unit a .num {
        width: 3px;
        height: 3px;
        position: relative;
        top: 8px;
        left: 5px;
        background: url(../images/fat_footer_bullet.png) 0 0 no-repeat;
        text-indent: 9999px;
        color: #e7e7e7;
    }
    .FatFooter_section ul.FatFooter_list li.FatFooter_list_unit a {
        color: #535353;
        font-weight: bold;
    }
    input[type="checkbox"],
    input[type="radio"] {
        border: 1px solid #ccc;
    }
    input,
    select {
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        border-radius: 0;
    }
    select {
        background: url(../images/rwd_select_att.png) 96% center no-repeat #fff;
        padding: 0 10px 0 0;
    }  
    #Footer {
        width: 100%;
    }
    #Footer .FooterSec_1Container {
        margin: 10px;
    }
    #Footer .FooterSec_1Container .Sec_1 {
        margin-top: 0px;
        float: none;
        font-size: 15px;
        line-height: 22px;
    }
    #Footer .WebPhone_icon {
    	display: none;
    }
    #Footer .FooterSec_2Container {
        margin: 0px 10px;
        font-size: 14px;
        line-height: 22px;
    }
    #Footer .FooterSec_1Container .Sec_2 {
        float: none;
        margin: 20px 0;
    }
    #Footer .FooterSec_1Container .Sec_2 ul {
        overflow: hidden;
    }
    #Footer .FooterSec_2Container .Sec_1 {
        float: none;
        text-align: center;
    }
    #Footer .FooterSec_2Container .Sec_2 {
        float: none;
        text-align: center;        
    }
    #Footer .FooterSec_2Container .Sec_2 .A_Plus {
        float: left;
    }
    #Footer .FooterSec_2Container .Sec_2 .Traffic {
        float: left;
        margin: 10px 0;
        width: 100%;
        text-align: center;
    }  
    #Footer .FooterSec_1Container .Sec_1 .Location {
        margin-right: 0px;
        padding: 2px 15px 2px 10px;
        font-size: 15px;
        background: #bff7ff none;
    }
    .rwd-back-pc {
        display: block;
    }
    .rwd_print_ctrl {
        display: none;
    }   
    /*--*/
    div#AdBannerMore {
    z-index: 99999;
    position: absolute;
   bottom: 5px;
    right: 15px;
}
}

@media only screen and (max-device-width:800px),
only screen and (device-width:1024px) and (device-height:600px),
only screen and (width:1280px) and (orientation:landscape),
only screen and (device-width:800px),
only screen and (max-width:767px) {
    .VideoInner {
        padding-top: 0;
    }
}

/*video responsive END*/


@media (max-width: 800px) {
    .PadinTop20 {
        display: none;
    }
    .sb-navbarWrap {
        display: block
    }
    #HeaderContainer,
    #mainpic,
    #MainAdContainer,
    .megamenu_container,
    #LocalNavContainer,
    .divide,
    #Header_3Container {
        display: none
    }
    .rwdindex-banner {
        display: block;
    }
    #MainMenuContainer,
    #MainContentContainer,
    #MainAdContainer,
    #MainContainer,
    #ContentsContainer #Contents #partpage,
    #Main_Fullwidth {
        width: 100%;
        padding: 0;
        margin: 0;
    }
    #MainContentInner {
        padding: 0;
        width: auto;
    }
    #main_ad {
        width: 100%;
        height: auto;
        padding: 2px 0 0 0;
        overflow: hidden;
        background: #BDBDBD;
        margin-top: 28px
    }
    .Part1,
    .Part2,
    .Part3,
    .Part4,
    .Part5,
    .Part6,
    .Part7,
    .Part8 {
        background-position: center 0;
        height: auto;
    }
    .Part1 p,
    .Part2 p,
    .Part3 p,
    .Part4 p,
    .Part5 p,
    .Part6 p,
    .Part7 p,
    .Part8 p {
        width: 100%;
        padding-top: 250px;
    }
    .Part1 p {
        padding-top: 230px;
    }
    .Part3 p {
        padding-top: 350px;
    }
    .Part8 p {
        padding-top: 260px;
    }
    #NewsInnerContainer #paper {
        padding: 10px 0
    }
    #ContentsContainer #Contents #partpage #bt input.Submit {
        margin: 5px;
        padding-left: 35px;
        background: url(../images/arrow_btbg.png) no-repeat 8px center #ebebea;
    }
    #NewsInnerContainer #paper li {
        width: 100%;
        margin: 15px 0;
        padding-bottom: 30px;
        background: url(../images/DstepLiArrow.gif) no-repeat center bottom;
        font-size: 18px;
        margin: 0 auto;
        float: none;
        display: block;
    }
    #NewsInnerContainer #paper li p,
    #NewsInnerContainer #paper li.two {
        width: 100%;
    }
    #ContentsContainer #Contents #partpage #bt {
        bottom: 0;
        padding-bottom: 20px;
    }
    #MainAdContainer {
        height: auto
    }
    #main_ad {
        width: 100%;
        height: auto;
        padding: 2px 0 0 0;
        overflow: hidden;
        background: #BDBDBD
    }
    #QuickSearch_RWD {
        width: 100%;
        height: auto;
        z-index: 2000;
        position: relative;
    }
    #QuickSearch_RWD h1 img {
        margin-top: 2px;
        background: #FFF;
        -webkit-border-radius: 40px;
        -moz-border-radius: 40px;
        -o-border-radius: 40px;
        border-radius: 40px;
        padding: 2px
    }
    #QuickSearch_RWD h1 {
        text-align: center;
        font-size: 20px;
        text-shadow: 0 -1px 2px rgba(4, 72, 88, 2.5);
        color: #FFF;
        text-indent: 15px;
        line-height: 140%;
        padding-top: 8px;
        background: #07eaff;
        /* Old browsers */
        background: -moz-linear-gradient(top, #07eaff 1%, #06b8e5 8%, #07c8ea 95%, #048da5 99%);
        /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #07eaff), color-stop(8%, #06b8e5), color-stop(95%, #07c8ea), color-stop(99%, #048da5));
        /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #07eaff 1%, #06b8e5 8%, #07c8ea 95%, #048da5 99%);
        /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #07eaff 1%, #06b8e5 8%, #07c8ea 95%, #048da5 99%);
        /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #07eaff 1%, #06b8e5 8%, #07c8ea 95%, #048da5 99%);
        /* IE10+ */
        background: linear-gradient(to bottom, #07eaff 1%, #06b8e5 8%, #07c8ea 95%, #048da5 99%);
        /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#07eaff', endColorstr='#048da5', GradientType=0);
        /* IE6-9 */
    }
    #QuickSearch_RWD ul li a {
        display: block;
        height: auto;
    }
    #QuickSearch_RWD ul li {
        width: 100%;
        float: left;
        background: #06c5df;
        /* Old browsers */
        background: -moz-linear-gradient(top, #06c5df 0%, #07c8ea 7%, #048da5 99%);
        /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #06c5df), color-stop(7%, #07c8ea), color-stop(99%, #048da5));
        /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #06c5df 0%, #07c8ea 7%, #048da5 99%);
        /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #06c5df 0%, #07c8ea 7%, #048da5 99%);
        /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #06c5df 0%, #07c8ea 7%, #048da5 99%);
        /* IE10+ */
        background: linear-gradient(to bottom, #06c5df 0%, #07c8ea 7%, #048da5 99%);
        /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#06c5df', endColorstr='#048da5', GradientType=0);
        /* IE6-9 */
    }
    #QuickSearch_RWD ul li a span {
        float: left;
        position: relative;
        font-size: 14px;
        color: #72f8fd;
        text-align: left;
        line-height: 1.4em;
        font-weight: normal;
        left: 4px;
        text-shadow: 1px 2px 2px rgba(45, 136, 158, 1);
        padding-top: 2%
    }
    #QuickSearch_RWD ul li a img {
        padding: 2%;
        max-width: 11%;
        float: left
    }
    #QuickSearch_RWD ul li a p {
        float: left;
        width: 75%;
        line-height: 110%;
        font-size: 20px;
        color: #FFF;
        position: relative;
        text-align: left;
        padding: 1% 0;
    }
    #MainToolContainer {
        position: relative;
        height: auto;
        width: 100%;
        clear: both;
        margin: 0;
    }
    #NewsInner,
    #Main {
        width: 95%;
        margin: 0px auto;
        padding: 15px 0;
    }
    #NewsInner h1 {
        text-align: center;
        font-size: 24px;
        text-shadow: 0 2px 2px rgba(255, 255, 255, 1);
        color: #039cbe;
        text-indent: 15px;
    }
    #NewsInner h1 img {
        margin-top: 2px;
        background: #0393c1;
        -webkit-border-radius: 40px;
        -moz-border-radius: 40px;
        -o-border-radius: 40px;
        border-radius: 40px;
        padding: 2px
    }
    #NewsInner .Header {
        height: 47px;
        padding: 0 0 5px 0;
        box-shadow: 1px -1px 3px rgba(168, 168, 168, 1);
        -moz-border-radius-topleft: 0.5em;
        -webkit-border-top-left-radius: 0.5em;
        border-top-left-radius: 0.5em;
        -moz-border-radius-topright: 0.5em;
        -webkit-border-top-right-radius: 0.5em;
        border-top-right-radius: 0.5em;
    }
    .ListStyle_2 dl dt {
        margin-bottom: 3px;
        color: #9bb6b6;
        font-weight: 700;
    }
    .ListStyle_2 dl dd a {
        margin-bottom: 3px;
        color: #535353;
        font-weight: 700;
        font-size: 20px;
        line-height: 1.4em;
    }
    .ListStyle_2 dl dd a:hover,
    .ListStyle_2 dl dd a {
        color: #555555;
    }
    .ListStyle_2 dl dd a:hover,
    .ListStyle_2 dl dd a:active {
        color: #05c0eb;
    }
    .ListStyle_2 dl {
        margin-bottom: 12px;
        border-bottom: solid 1px #DAE5E5
    }
    #MainContentRight {
        margin: 0;
        float: none;
        padding: 20px;
    }
    #MainContentLeft {
        float: none;
    }
    #MainContentLeft #MainContentLeft610 {
        float: none;
        width: 100%;
        background: #f5f5f5;
        background: linear-gradient(to bottom, #ffffff 0%,#f5f5f5 100%);
    }


    #MainContentLeft #MainContentLeft610 #Newsmenu {
        width: 25%;
        margin: 0;
        white-space: nowrap;
        max-width: 170px;
    }

    #MainContentLeft #MainContentLeft610 #Newsmenu li,
    #MainContentLeft #MainContentLeft610 #Newsmenu .newsover {
        width: 100%;
    }

    #NewsContainer {
        width: 75%;
        padding: 0 20px;
    }

    #NewsContainer #carousel {
        width: 100%;
    }

    #ui-carousel-next {
        left: 50%;
        margin-left: -13px;
    }

    #ui-carousel-prev {
        left: 50%;
        margin-left: -13px;
    }

    #carousel span {
        display: block;
        float: none;
    }

    #NewsContainer #carousel,
    .ui-carousel > .wrapper,
    #NewsContainer #carousel a {
        width: 100% !important;
    }

    #carousel p {
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }




    #fasterToolContainer {
        background: #fff;
        width: 100%;
        box-shadow: 0;
        margin: 0;
        float: none;
    }
    .toolHeaderMore {
        left: 25px
    }
    #fasterToolContainer #toolmain {
        padding: 10px;
    }
    #fasterToolContainer #toolmain ul {
        height: auto;
        display: flex;
        flex-wrap: wrap;
    }
    #fasterToolContainer #toolmain li {
        width: 25%;
        text-align: center;
        flex: 1;
        padding: 0;
    }
    #fasterToolContainer #toolmain li p {
        font-size: 18px;
        line-height: 1.3;
        width: 6em;
        margin: 0 auto;
    }
    #MainPartContainer {
        width: 100%;
        height: auto;
        padding: 0;
    }
    #MainPartContainer ul {
        margin: 0 auto
    }
    #MainPartContainer .part li {
        min-height: initial;
        border-top: #02879a solid 1px;
        width: 100%;
        height: auto;
        background: #06c5df;
        /* Old browsers */
        background: -moz-linear-gradient(top, #06c5df 0%, #07c8ea 7%, #048da5 99%);
        /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #06c5df), color-stop(7%, #07c8ea), color-stop(99%, #048da5));
        /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #06c5df 0%, #07c8ea 7%, #048da5 99%);
        /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #06c5df 0%, #07c8ea 7%, #048da5 99%);
        /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #06c5df 0%, #07c8ea 7%, #048da5 99%);
        /* IE10+ */
        background: linear-gradient(to bottom, #06c5df 0%, #07c8ea 7%, #048da5 99%);
        /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#06c5df', endColorstr='#048da5', GradientType=0);
        /* IE6-9 */
    }
    #MainPartContainer .part li span {
        padding: 0;
        width: 56px;
        height: 56px;
        overflow: hidden;
        border-right: 1px solid #87d5e2;
    }
    #MainPartContainer .part li span img {
        width: 60px;
        margin: -1px;
    }
    #MainPartContainer .part li p a {
        display: block;
        width: 100%;
        height: 35px;
        text-indent: 15px;
        background: url(../images/MainPartMenuBG.png) no-repeat -1px 4px;
        font-size: 20px;
    }
    #MainPartContainer .part li p a:hover {
        padding-left: 0
    }
    #MainPartContainer .part li p {
        font-size: 18px;
        padding: 10px 0 0 15px;
        clear: both;
        margin: 0;
        background: rgb(200, 215, 220);
        /* Old browsers */
        background: -moz-linear-gradient(top, rgba(200, 215, 220, 1) 0%, rgba(242, 245, 246, 1) 1%, rgba(227, 234, 237, 1) 97%, rgba(200, 215, 220, 1) 100%);
        /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(200, 215, 220, 1)), color-stop(1%, rgba(242, 245, 246, 1)), color-stop(97%, rgba(227, 234, 237, 1)), color-stop(100%, rgba(200, 215, 220, 1)));
        /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgba(200, 215, 220, 1) 0%, rgba(242, 245, 246, 1) 1%, rgba(227, 234, 237, 1) 97%, rgba(200, 215, 220, 1) 100%);
        /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgba(200, 215, 220, 1) 0%, rgba(242, 245, 246, 1) 1%, rgba(227, 234, 237, 1) 97%, rgba(200, 215, 220, 1) 100%);
        /* Opera 11.10+ */
        background: -ms-linear-gradient(top, rgba(200, 215, 220, 1) 0%, rgba(242, 245, 246, 1) 1%, rgba(227, 234, 237, 1) 97%, rgba(200, 215, 220, 1) 100%);
        /* IE10+ */
        background: linear-gradient(to bottom, rgba(200, 215, 220, 1) 0%, rgba(242, 245, 246, 1) 1%, rgba(227, 234, 237, 1) 97%, rgba(200, 215, 220, 1) 100%);
        /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c8d7dc', endColorstr='#c8d7dc', GradientType=0);
        /* IE6-9 */
    }
    #MainPartContainer .part li.Reason_1 h2,
    #MainPartContainer .part li.Reason_2 h2,
    #MainPartContainer .part li.Reason_3 h2 {
        margin: 0;
        background-size: 100%;
        height: auto;
        background: none;
        width: auto;
        display: inline-block;
        vertical-align: middle;
        line-height: 56px;
        padding-left: 20px;
        font-size: 1.5em;
    }

    #QuickSearchContainer,
    .carousel-demo1 .sliderkit-nav,
    .carousel-demo1,
    .sliderkit-nav-clip,
    .sliderkit .sliderkit-nav-clip ul {
        width: 100% !important;
        height: auto !important;
        margin: 0;
        position: static;
    }

    #QuickSearchContainer {
        background: linear-gradient(to bottom, #ffffff 0%,#e9e9e9 100%);
    }

    .carousel-demo1 .sliderkit-nav {
        padding: 20px;
    }

    .carousel-demo1 .sliderkit-nav-clip ul {
        display: flex;
        flex-wrap: wrap;
    }

    .carousel-demo1 .sliderkit-nav-clip ul li {
        width: 33.3333% !important;
        height: auto !important;
        float: none;
        margin: 0;
        padding: 10px;
    }

    .carousel-demo1 .sliderkit-nav-clip ul li a {
        margin: 0 auto;
        border-radius: 5px;
    }

    .carousel-demo1 .sliderkit-nav .sliderkit-nav-btn {
        display: none;
    }

    #AdbannerContainer {
        width: 100%;
        background: none;
        height: auto;
    }
    .Adbanner-heading {
        display: block;
        padding: 15px 20px;
        background: #eee;
        font-size: 20px;
    }
    #AdBannerMore {
        right: 10px;
        bottom: 5px;
        left: inherit;
    }
    #AdBannerMore a img {
        width: 100px
    }
    .AdBanner {
           position: relative;
    left: 0;
    top: 0;
    padding: 25px 0 35px;
    }
    #main_ad .MoreWrap {
        bottom: 6px;
    }
    #Footer {
        width: 100%;
    }
    .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;
    }
    .pagination_1 a {
        padding: 3px;
        display: inline-block;
    }
    .NewsHeadContainer .NewsHeadS {
        width: 100%;
        margin-bottom: 10px;
    }
    .NewsHeadContainer .NewsHeadS .Img {
        width: auto;
    }
    .NewsHeadContainer .NewsHeadS .Img td {
        width: 100%;
    }
    .NewsHeadContainer .NewsHeadL a {
        width: 100%;
        float: none;
    }
    .NewsHeadContainer .NewsHeadL a .Img {
        width: 100%;
    }
    .NewsHeadContainer .NewsHeadL a .Img td {
        width: 100%;
    }
    .NewsHeadContainer .NewsHeadL a .Img img {
        width: 100%;
        height: auto
    }
    #LinksPage li a {
        padding-bottom: 20px;
    }
    #LinksPage li a dl dt {
        width: 100%;
    }
    #LinksPage li a .ThumbImg {
        float: left;
    }
    #MainAdSmallOverView {
        margin: 0
    }
    #MainAdOverView li {
        background-size: 100%;
        margin-bottom: 38px
    }
    #MainAdOverView li .Info {
        width: auto
    }
    #NewsInnerContainer .FloatRightImg,
    #NewsInnerContainer .FloatLeftImg {
        float: none;
        margin: 0 auto;
        width: 90%
    }
    #NewsInnerContainer .FloatLeftImg .IMG,
    #NewsInnerContainer .FloatRightImg .IMG {
        width: 97%
    }
    #Post_NavContainer .Prev,
    #Post_NavContainer .Next {
        width: auto;
    }
    #Post_NavContainer .Next {
        margin-top: 15px
    }
    .NewsImageContainer .Single {
        display: block;
        margin: 15px auto
    }
    .VideoInner,
    .SinglePic_L img {
        width: 80%;
    }
/*    #FooterContainer {
        margin-top: 20px
    }*/
    #Footer .FooterSec_2Container .Sec_1 p a {
        color: #fff;
        text-decoration: none;
        background: #05a5bc;
        padding: 5px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -o-border-radius: 4px;
        border-radius: 4px;
    }
    #Footer .FooterSec_2Container .Sec_1 p a:hover {
        color: #fff;
        background: #05789f;
    }
    .NewsMoreContainer a {
        font-size: 18px
    }
    .VideoInner iframe {
        width: 96%;
    }
    #MainContentInner {
        width: 100%;
    }
    .NewsImageContainer {
        width: 100%
    }
    #MainAdOverView li .IMG img {
        width: 100%;
        height: auto;
    }
    #MainContainer {
        width: 100%;
        margin: 0 auto;
        float: none;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 20px;
    }
    .acc-key {
        display: none
    }
    #ContentsContainer #Contents p.NewsTopic,
    .NewsList li a h3.Topic,
    .NewsListImage li a h3.Topic,
    .NewsHeadContainer .NewsHeadL a:hover .Txt .Topic,
    .NewsHeadContainer .NewsHeadS a .Txt .Topic,
    #ContentsContainer #Contents #LinksPage li a dl dt p.Topic,
    #MainAdSmallOverView li a .Info h2,
    #NewsInnerContainer #paper h1 {
        font-size: 24px;
        line-height: 1.4em;
    }
    .Date {
        font-size: 18px;
    }
    #SiteMapContainer .SiteMap_Section h3.Title,
    #NewsInnerContainer #paper h2,
    .RelatedContainer .ListContainer li,
    #Main h1 p {
        font-size: 20px;
        line-height: 1.25;
    }
    #NewsInnerContainer .FloatLeftImg .Description .EnlargeIcon,
    #NewsInnerContainer .FloatRightImg .Description .EnlargeIcon,
    #Post_NavContainer a,
    #ContentsContainer #Contents p,
    #MainAdSmallOverView li a,
    #MainContentInner #Breadcrumbs a,
    #MainContentInner #Breadcrumbs .current,
    #SiteMapContainer .SiteMap_Section ul.SiteMapList h5 a,
    .NewsImageContainer .Single .Description .EnlargeIcon,
    #NewsInnerContainer #list {
        font-size: 18px;
        line-height: 1.8em
    }
    .page-controls,
    #Footer .FooterSec_1Container .Sec_1,
    #Footer .FooterSec_2Container .Sec_1,
    #Footer .FooterSec_2Container .Sec_2 .Traffic {
        font-size: 16px;
        line-height: 1.8em
    }

    #ContentsContainer #Contents .article ul {
        padding: 0;
    }

    #NewsInnerContainer #paper strong {
        width: 100%;
    }

    #MainContentContainer *,
    .partpage *,
    #paper * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    #LocalNavContainer {
        display: none;
    }

    #Main {
        width: 100%;
    }

    #ContentsContainer #Contents #partpage {
        width: 100%;
    }

    #ContentsContainer #Contents .article #paper ul {
        padding: 0;
    }

    #ContentsContainer #Contents #partpage p {
        float: none;
        line-height: 1.8;
    }

    .Part-icon-list li {
        padding-top: 20px;
    }

    .Part-icon-list br {
        display: none;
    }

    .Part-icon,
    .Part-icon-list .icon {
        display: block;
        margin: 0 auto 10px;
    }

    .Part-icon-list h3 {
        text-align: center;
    }

    #NewsInnerContainer .align-center {
        text-align: center;
        display: block;
        margin-left: 0;
    }

    .Part-icon-list p {
        text-align: left;
    }

    .Part-icon-list li:last-child {
        padding-bottom: 0;
    }

    #NewsInnerContainer #paper h3 {
        padding: 10px 0;
    }

    #NewsInnerContainer #paper li.all {
        width: 100%;
    }

    #NewsInnerContainer #list {
        float: none;
        width: auto;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        word-break: break-all;
        margin: 5px 0;
    }

    .Part-contact-table th,
    .Part-contact-table td {
        width: 50%;
        padding: 10px;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border-bottom: 1px solid #fff;
    }

    #NewsInnerContainer #list table td,
    #NewsInnerContainer #list table th {
        vertical-align: top;
        padding: 2px;
    }

}




@media (max-width: 640px) {

    #QuickSearchContainer {
        background: #cedbe2;
    }

    .carousel-demo1 .sliderkit-nav {
        padding: 10px;
        margin: 0;
    }

    .carousel-demo1 .sliderkit-nav-clip ul li {
        width: 100% !important;
        padding: 3px;
        margin: 0 0 5px;
        border: 1px solid #aacdd2;
        border-radius: 5px;
        background: #fff;
    }

    .carousel-demo1 .sliderkit-nav-clip ul li:last-child {
        margin: 0;
    }

    .carousel-demo1 .sliderkit-nav-clip ul li a {
        width: 100%;
        height: auto;
        padding: 25px 20px 20px 160px;
        height: 94px;
        border-radius: 0;
        position: relative;
    }

    .carousel-demo1 .sliderkit-nav-clip ul li a:before {
        content: "";
        width: 100%;
        height: 100%;
        left: 145px;
        top: 0;
        position: absolute;
        display: block;
        background: #eaf0f3;
        background: linear-gradient(to bottom, #ffffff 0%,#eaf0f3 100%);
        z-index: 1;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .carousel-demo1 .sliderkit-nav-clip ul li img {
        position: absolute;
        top: -5px;
        left: -5px;
        z-index: 0;
        height: 140px;
    }

    .carousel-demo1 .sliderkit-nav-clip ul li a span,
    .carousel-demo1 .sliderkit-nav-clip ul li a p {
        position: relative;
        z-index: 2;
        top: 0;
        left: 0;
        height: auto;
        display: block;
        padding-bottom: 5px;
        font-size: 14px;
        white-space: nowrap;
        color: #71949e;
    }

    .carousel-demo1 .sliderkit-nav-clip ul li a p {
        font-size: 18px;
        color: #0f8a9e;
    }

    .toolmain_line {
        display: none;
    }

    #fasterToolContainer #toolmain li {
        width: 50%;
        flex: initial;
        min-height: 115px;
    }

    .Part1,
    .Part2,
    .Part3,
    .Part4,
    .Part5,
    .Part6,
    .Part7,
    .Part8 {
        background-size: contain;
    }

    .Part1 p,
    .Part2 p,
    .Part3 p,
    .Part4 p,
    .Part5 p,
    .Part6 p,
    .Part7 p,
    .Part8 p {
        padding-top: 55%;
    }

    .Part1 p,
    .Part3 p,
    .Part6 p,
    .Part7 p {
        padding-top: 60%;
    }

    .Part5 p,
    .Part8 p {
        padding-top: 45%;
    }


}

@media (max-width: 480px) {

    #NewsInnerContainer #list {
        margin: 5px 0;
    }

    .Part-contact-table th,
    .Part-contact-table td {
        padding: 5px;
    }

    .Part-contact-table th {
        width: 40%;
    }

    .Part-contact-table td {
        width: 60%;
    }

    #MainContentRight {
        padding: 0;
    }

    #fasterToolContainer {
        float: none;
        border: 0;
        border-radius: 0;
    }

    #fasterToolContainer #toolHeader {
        margin: 0;
    }

    .carousel-demo1 .sliderkit-nav {
        padding: 5px;
        margin: 0;
    }

    .carousel-demo1 .sliderkit-nav-clip ul li a {
        padding: 8px 6px 8px 98px;
        height: 58px;
    }

    .carousel-demo1 .sliderkit-nav-clip ul li a:before {
        left: 90px;
    }

    .carousel-demo1 .sliderkit-nav-clip ul li img {
        height: 90px;
    }

}


@media (max-width: 400px) {
#Footer .FooterSec_1Container .Sec_1 .Location {
    margin-right: 0px !important;
    padding: 0px 2% !important;
    width: 95%;
    float: left;
}
}
@media (max-width: 375px) {

    #NewsInnerContainer #list .title {
        white-space: nowrap;
    }

    #NewsInnerContainer #list {
        padding: 5px;
    }

    .Part-contact-table {
        font-size: 16px;
    }

    .Part-contact-table th {
        width: 35%;
    }

    .Part-contact-table td {
        width: 65%;
    }

}
