@import url("skeleton.css"); /* 960 Grid + Media Query Layouts */
@media print {
    .NoPrint {
        display: none;
    }

    #header .logo {
        display: none;
    }

    #header .pheader {
        display: block;
    }
}

ul.social-links {
    padding-top: 8px;
    margin-top: 5px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0;
    font-size: 90%;
    float: right;
}

    ul.social-links li {
        color: #FFF;
        display: inline-block;
        margin: 5px 0 0 5px;
        list-style: none outside none;
        font-family: Verdana, Geneva, sans-serif, "微軟正黑體";
    }

        ul.social-links li a {
            display: inline-block;
            list-style: none outside none;
            color: #fff;
            font-family: Verdana, Geneva, sans-serif, "微軟正黑體";
            margin-top: 0;
            margin-right: 3px;
            margin-bottom: 0;
            margin-left: 3px;
            text-decoration: none;
        }

            ul.social-links li a:hover {
                display: inline-block;
                list-style: none outside none;
                color: #ccc;
                font-family: Verdana, Geneva, sans-serif, "微軟正黑體";
                margin-top: 0;
                margin-right: 3px;
                margin-bottom: 0;
                margin-left: 3px;
            }

#header .pheader {
    display: none;
}

.style-1 .navigation {
    position: relative;
    z-index: 1000;
    height: 70px;
}

.gplus {
    float: right;
    width: 32px;
    height: 32px;
    margin-right: 5px;
    background-image: url(../images/googleplus.png);
    background-repeat: no-repeat;
}

.fb {
    float: right;
    width: 32px;
    height: 32px;
    margin-right: 5px;
    background-image: url(../images/facebook.png);
    background-repeat: no-repeat;
}

.tt {
    float: right;
    width: 32px;
    height: 32px;
    margin-right: 5px;
    background-image: url(../images/twitter.png);
    background-repeat: no-repeat;
}

.line {
    float: right;
    width: 32px;
    height: 32px;
    margin-right: 5px;
    background-image: url(../images/line.png);
    background-repeat: no-repeat;
}

.plurk {
    float: right;
    width: 32px;
    height: 32px;
    margin-right: 5px;
    background-image: url(../images/plurk.png);
    background-repeat: no-repeat;
}

.printer {
    float: right;
    width: 32px;
    height: 32px;
    margin-right: 5px;
    background-image: url(../images/print.png);
    background-repeat: no-repeat;
}

.back {
    float: right;
    height: 32px;
    margin-right: 5px;
    background-image: url(../images/back.png);
    background-repeat: no-repeat;
    padding-left: 35px;
    color: #333;
    line-height: 32px;
}

.hlink {
    float: right !important;
    color: #FFF;
    height: 32px;
    margin-right: -226px;
    position: relative;
    z-index: 99999;
}

.share {
    float: right !important;
    color: #FFF;
    height: 32px;
    margin-right: 26px;
    margin-top: 20px;
    top: 240px;
    right: 20px;
    position: relative;
    z-index: 2;
}

    .share a {
        margin: 2px;
        width: 32px;
        height: 32px;
        display: inline-block;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        opacity: 1;
    }

        .share a:hover {
            zoom: 1;
            filter: alpha(opacity=50);
            -webkit-transition: opacity .15s ease-in-out;
            -moz-transition: opacity .15s ease-in-out;
            -ms-transition: opacity .15s ease-in-out;
            -o-transition: opacity .15s ease-in-out;
            transition: opacity .15s ease-in-out;
            opacity: 0.7;
        }

.box-style-emp {
    text-align: center;
    /* [disabled]margin: 15px; */
    border: 1px solid #A1A6BB;
    /* [disabled]margin-bottom: 20px; */
    height: 320px;
    font-family: Verdana, Geneva, sans-serif, "微軟正黑體";
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.box-style-1 {
    text-align: center;
    /* [disabled]margin: 15px; */
    border: 1px solid #A1A6BB;
    /* [disabled]margin-bottom: 20px; */
    height: 100%;
    font-family: Verdana, Geneva, sans-serif, "微軟正黑體";
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.box-style-emp ul {
    text-align: left;
    margin-left: 8%;
    width: 95%;
    float: left;
    /* [disabled]margin-top: -25px; */
}

    .box-style-emp ul li {
        text-align: left;
        color: #000;
        overflow: hidden;
        background-image: url(../img/icons/list.png);
        background-repeat: no-repeat;
        background-position: left center;
        padding-left: 15px;
        list-style-type: none;
        padding-top: 3px;
        padding-bottom: 3px;
        font-size: 105%;
    }

.box-style-emp, .box-style-emp > ul > li a:link, .box-style-1 > ul > li a:visited {
    text-align: left;
    color: #000;
    overflow: hidden;
}

    .box-style-emp, .box-style-emp > ul > li a:hover {
        text-align: left;
        color: #999;
    }

.box-title_emp {
    text-align: center;
    height: 115px;
    overflow: hidden;
}

.box-title_fb {
    text-align: center;
    font-size: 0;
    height: 40px;
    line-height: 40px;
    background-color: #0066FF;
    overflow: hidden;
    color: #fff;
}

.box-title_you {
    text-align: center;
    font-size: 0;
    height: 40px;
    line-height: 40px;
    background-color: #EC0000;
    overflow: hidden;
    color: #fff;
}

.box-title {
    text-align: center;
    padding: 6px;
    /*font-size: 0;*/
    font-size: 100%;
    height: 80px;
    line-height: 30px;
    background-color: #1d5618;
    /*overflow: hidden;*/
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .box-title:before {
        content: '';
        display: inline-block;
        vertical-align: middle;
        height: 100%;
    }

.box-text {
    display: inline-block;
    font-size: 100%;
    vertical-align: middle; /* 保证文字垂直居中 */
    color: #FFF;
}

    .box-text:link, .box-text:visited {
        color: #FFF;
    }

    .box-text:hover {
        color: #FF0;
    }

.box-best {
    width: 104px;
    height: 60px;
    line-height: 60px;
    background-image: url(../img/best.png);
    background-repeat: no-repeat;
    background-position: right center;
    position: absolute;
    z-index: 900;
    left: 0px;
}

.box-product {
    width: 88%;
    color: #333;
    padding-top: 5px;
    margin-bottom: 5px;
    margin-left: auto;
    margin-right: auto;
}

    .box-product .box-img {
        width: 100%;
        background-color: #fff;
        color: #fff;
        -moz-box-shadow: 4px 4px 12px -2px rgba(20%,20%,40%,0.5);
        -webkit-box-shadow: 4px 4px 12px -2px rgba(20%,20%,40%,0.5);
        box-shadow: 4px 4px 12px -2px rgba(20%,20%,40%,0.5);
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px;
        overflow: hidden;
        height: 230px;
        line-height: 230px;
    }

        .box-product .box-img img {
            max-height: 100%;
            max-width: 100%;
            vertical-align: middle;
        }

    .box-product .box-img2 {
        width: 100%;
        background-color: #fff;
        color: #fff;
        -moz-box-shadow: 4px 4px 12px -2px rgba(20%,20%,40%,0.5);
        -webkit-box-shadow: 4px 4px 12px -2px rgba(20%,20%,40%,0.5);
        box-shadow: 4px 4px 12px -2px rgba(20%,20%,40%,0.5);
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px;
    }

        .box-product .box-img2 img {
            width: 100%;
        }

    .box-product .contxt {
        font-size: 95%;
        color: #333;
        text-align: left !important;
        line-height: 20px;
        overflow: hidden;
        /* albert 2020.6.8 add */
        height: 42px;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
    }
/* albert 2020.6.8 add */
/*@media (max-width: 640px) {
    .box-product .contxt {
        height: auto !important;
    }
}*/

topic {
    font-size: 95%;
    color: #333;
    text-align: left;
    line-height: 40px;
    margin-bottom: 40px;
    clear: both;
}

.brand_mustard span {
    color: #fff;
    background-color: #F0C808;
    padding-top: 3px;
    padding-right: 8px;
    padding-bottom: 3px;
    padding-left: 8px;
    margin-left: 3px;
    margin-right: 5px;
}

.brand_green span {
    color: #fff;
    background-color: #327c34;
    padding-top: 3px;
    padding-right: 8px;
    padding-bottom: 3px;
    padding-left: 8px;
    margin-left: 3px;
    margin-right: 5px;
}

.price {
    color: #e62222;
}

.w_g {
    line-height: 35px;
    color: #fff;
    text-align: center;
    /*background-color: #019937;*/
    background-color: #01842F;
    padding-right: 18px;
    padding-left: 18px;
    border-radius: 2px;
    margin-bottom: 15px;
    width: auto;
    float: left;
    margin-right: 10px;
}

.w_red {
    width: 80%;
    line-height: 35px;
    color: #fff;
    text-align: center;
    background-color: #e62222;
    padding-right: 8px;
    padding-left: 8px;
    border-radius: 15px;
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
}

.brand_red span {
    color: #fff;
    background-color: #e62222;
    padding-top: 3px;
    padding-right: 8px;
    padding-bottom: 3px;
    padding-left: 8px;
    margin-left: 3px;
    margin-right: 5px;
}

.brand_bule span {
    color: #fff;
    background-color: #034c89;
    padding-top: 3px;
    padding-right: 8px;
    padding-bottom: 3px;
    padding-left: 8px;
    margin-left: 3px;
    margin-right: 5px;
}

.brand_m span {
    color: #fff;
    background-color: #e3079d;
    padding-top: 3px;
    padding-right: 8px;
    padding-bottom: 3px;
    padding-left: 8px;
    margin-left: 3px;
    margin-right: 5px;
}

.brand_pk span {
    color: #fff;
    background-color: #FF686B;
    padding-top: 3px;
    padding-right: 8px;
    padding-bottom: 3px;
    padding-left: 8px;
    margin-left: 3px;
    margin-right: 5px;
}

.brand_og span {
    color: #fff;
    background-color: #fc5402;
    padding-top: 3px;
    padding-right: 8px;
    padding-bottom: 3px;
    padding-left: 8px;
    margin-left: 3px;
    margin-right: 5px;
}

.more_s {
    color: #fff;
    float: right;
    background-color: #FE7301;
    border-radius: 5px;
    padding-top: 3px;
    padding-right: 15px;
    padding-bottom: 3px;
    padding-left: 15px;
    margin-left: 3px;
}

    .more_s:link, .more_s:visited {
        color: #fff;
    }

    .more_s:hover {
        color: #000;
    }

.page_content .flash {
    width: 100%;
    color: #333333;
    margin-bottom: 20px;
    -moz-box-shadow: 4px 4px 12px -2px rgba(20%,20%,40%,0.5);
    -webkit-box-shadow: 4px 4px 12px -2px rgba(20%,20%,40%,0.5);
    box-shadow: 4px 4px 12px -2px rgba(20%,20%,40%,0.5);
    clear: both;
    border: 1px solid #069;
    padding: 5px;
}

.sell {
    height: 40px;
    font-size: 95%;
    text-align: left !important;
}

    .sell span {
        color: #f20303;
        font-weight: bold;
        font-size: 130%;
    }

    .sell a {
        color: #fff;
    }

.product {
    width: 49%;
    color: #fff;
    float: left;
    /* padding-top: 15px; */
    margin-bottom: 20px;
    padding: 15px 0;
}

.mgl {
    margin-left: 1%;
}

.mgr {
    margin-right: 1%;
}

.product .img {
    width: 40%;
    margin-right: 2%;
    background-color: #fff;
    color: #fff;
    float: left;
    -moz-box-shadow: 4px 4px 12px -2px rgba(20%,20%,40%,0.5);
    -webkit-box-shadow: 4px 4px 12px -2px rgba(20%,20%,40%,0.5);
    box-shadow: 4px 4px 12px -2px rgba(20%,20%,40%,0.5);
    overflow: hidden;
    line-height: 135px;
    height: 135px;
    text-align: center;
}

    .product .img img {
        max-height: 100%;
        max-width: 100%;
        vertical-align: middle;
    }

.product .con {
    width: 57%;
    margin-left: 1%;
    float: right;
}

    .product .con .topic {
        font-size: 115%;
        width: 100%;
        color: #073678;
        padding-top: 6px;
        padding-bottom: 6px;
        border-bottom-width: 1px;
        border-bottom-style: dashed;
        border-bottom-color: #073678;
    }

    .product .con .price {
        font-size: 95%;
        color: #666;
        width: 100%;
        padding-top: 6px;
        text-decoration: line-through;
    }

    .product .con .price1 {
        font-size: 95%;
        width: 100%;
        color: #666;
        padding-top: 6px;
    }

        .product .con .price1 .offer {
            color: #fff;
            float: left;
            background-color: #ff0000;
            border-radius: 5px;
            padding-top: 0px;
            padding-right: 3px;
            padding-bottom: 0px;
            padding-left: 3px;
            margin-left: 3px;
        }

    .product .con .limitdate {
        font-size: 105%;
        width: 100%;
        color: #F00;
        padding-top: 6px;
        height: 26px;
    }

    .product .con .termdate {
        font-size: 75%;
        width: 100%;
        color: #999;
        padding-top: 6px;
    }

.Coverage {
    float: left;
    /* width: 49%; */
    height: 550px;
    margin-right: 1%;
    background-color: #fcf59a;
    color: #fff;
    border-radius: 25px;
    overflow: hidden;
    padding-top: 10px;
    padding-left: 10px;
}

.product1 {
    width: 95%;
    color: #333;
    margin-bottom: 5px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    text-align: center;
}

    .product1 .img {
        width: 25%;
        margin-right: 2%;
        background-color: #fff;
        color: #fff;
        float: left;
        text-align: center;
        line-height: 75px;
        -moz-box-shadow: 4px 4px 12px -2px rgba(20%,20%,40%,0.5);
        -webkit-box-shadow: 4px 4px 12px -2px rgba(20%,20%,40%,0.5);
        box-shadow: 4px 4px 12px -2px rgba(20%,20%,40%,0.5);
        overflow: hidden;
        height: 75px;
    }

        .product1 .img img {
            max-height: 100%;
            max-width: 100%;
            vertical-align: middle;
        }

    .product1 .con {
        width: 72%;
        margin-left: 1%;
        float: right;
        font-size: 80%;
        line-height: 18px;
    }

        .product1 .con .topic {
            font-size: 135%;
            width: 100%;
            color: #073678;
            padding-bottom: 6px;
            border-bottom-width: 1px;
            border-bottom-style: dashed;
            border-bottom-color: #073678;
            margin-bottom: 3px;
        }

        .product1 .con .price {
            font-size: 95%;
            color: #666;
            width: 100%;
            padding-top: 6px;
            text-decoration: line-through;
        }

        .product1 .con .price1 {
            font-size: 95%;
            width: 100%;
            color: #666;
            padding-top: 6px;
        }

            .product1 .con .price1 .offer {
                color: #fff;
                float: left;
                background-color: #ff0000;
                border-radius: 5px;
                padding-top: 0px;
                padding-right: 3px;
                padding-bottom: 0px;
                padding-left: 3px;
                margin-left: 3px;
            }

        .product1 .con .limitdate {
            font-size: 105%;
            width: 100%;
            color: #F00;
            padding-top: 6px;
            height: 26px;
        }

        .product1 .con .termdate {
            font-size: 75%;
            width: 100%;
            color: #999;
            padding-top: 6px;
        }

.Information {
    float: left;
    width: 49%;
    height: 286px;
    margin-left: 1%;
    background-color: #79b8e7;
    color: #fff;
    border-radius: 25px;
    padding-left: 10px;
    padding-top: 10px;
}

    .Information img {
        width: 98%;
        margin-left: auto;
        margin-right: auto;
        vertical-align: bottom;
    }

.youtubeVideo {
    width: 100%;
    height: 325px;
    background-color: #fff;
    color: #fff;
    border-radius: 25px;
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 25px;
}

.enterprise {
    width: 100%;
    /* [disabled]min-height: 269px; */
    height: auto;
    color: #fff;
    border-radius: 25px;
    overflow: hidden;
    margin-bottom: 22px;
    z-index: 999;
    position: relative;
}

.features .con .features_caption, .features .con .features_caption > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    overflow: hidden;
    z-index: 90;
}

.features .con .con_title {
    font-family: Verdana, Geneva, sans-serif, "微軟正黑體";
    line-height: 30px;
    color: #333;
    text-align: left;
    padding-left: 15px;
    padding-top: 15px;
    font-size: 145%;
    /* [disabled]position: absolute; */
    /* [disabled]z-index: 10; */
    /* [disabled]top: 0px; */
    text-decoration: none;
    position: absolute;
    width: 100%;
    height: 60px;
}

.features {
    position: relative;
    width: 34%;
    /* height: 600px; */
    float: right;
    border-radius: 0 25px 25px 0;
    overflow: hidden;
    z-index: 1;
}

    .features .con {
        width: 70%;
        height: 90px;
        padding: 0;
        /* [disabled]border: 1px solid #000; */
        position: relative;
        box-sizing: border-box;
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        -ms-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        overflow: hidden;
        /* background-color: #89c997; */
        margin-top: 0;
        margin-right: 0;
        margin-bottom: 13px;
        margin-left: 0;
        text-align: initial;
    }

        .features .con:hover .features_img {
            position: absolute;
            -webkit-transform: scale(1.1);
            -moz-transform: scale(1.1);
            -o-transform: scale(1.1);
            -ms-transform: scale(1.1);
            transform: scale(1.1);
            opacity: .6;
        }

        .features .con .features_img {
            display: block;
            width: 100%;
            height: auto;
            padding: 0;
            position: relative;
            -webkit-transition: all .4s ease-in-out;
            -moz-transition: all .4s ease-in-out;
            -o-transition: all .4s ease-in-out;
            -ms-transition: all .4s ease-in-out;
            transition: all .4s ease-in-out;
            opacity: 1;
            overflow: hidden;
            margin-top: 0;
            margin-right: auto;
            margin-bottom: 0;
            margin-left: auto;
            text-align: center;
            /* [disabled]bottom: 0px; */
        }

.page_content p a:link, .page_content a:visited {
    color: #003399;
}

.page_content p a:hover {
    color: #FF9900;
}

.bottom {
    margin-bottom: 18px;
}

.page_left {
    margin-right: 2%;
    float: left;
    width: 64%;
    margin-bottom: 22px;
}

.prevent {
    width: 100%;
    height: 80px;
    background-color: #000;
    color: #fff;
    position: fixed;
    bottom: 0px;
    /*z-index: 10000;*/
    z-index: 999;
}

.prevent_txt {
    width: 800px;
    color: #fff;
    font-size: 2.68em;
    background-image: url(../images/brand.png);
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 80px;
    line-height: 80px;
    margin-left: auto;
    margin-right: auto;
}

.g_botton {
    font-size: 85%;
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(155,152,153,1) 64%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(155,152,153,1) 64%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(155,152,153,1) 64%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#9b9899',GradientType=0 ); /* IE6-9 */
    color: #000;
    width: 46px;
    /* [disabled]height: 46px; */
    text-align: center;
    border-radius: 5px;
    border: 1px solid #908f8f;
    padding: 1px;
}

    .g_botton:hover {
        background: rgb(255,255,255); /* Old browsers */
        background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(155,152,153,1) 64%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(155,152,153,1) 64%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(155,152,153,1) 64%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#9b9899',GradientType=0 ); /* IE6-9 */
        color: #fff;
        border-radius: 5px;
        text-decoration: none;
        border: 1px solid #908f8f;
    }

.red_botton {
    font-size: 85%;
    background: rgb(249,73,73); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(249,73,73,1) 0%, rgba(210,24,27,1) 64%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(249,73,73,1) 0%,rgba(210,24,27,1) 64%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(249,73,73,1) 0%,rgba(210,24,27,1) 64%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f94949', endColorstr='#d2181b',GradientType=0 ); /* IE6-9 */
    color: #000;
    width: 46px;
    /* [disabled]height: 46px; */
    text-align: center;
    border-radius: 5px;
    border: 1px solid #908f8f;
    padding: 1px;
}

    .red_botton:hover {
        background: rgb(249,73,73); /* Old browsers */
        background: -moz-linear-gradient(top, rgba(249,73,73,1) 0%, rgba(210,24,27,1) 64%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(249,73,73,1) 0%,rgba(210,24,27,1) 64%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(249,73,73,1) 0%,rgba(210,24,27,1) 64%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f94949', endColorstr='#d2181b',GradientType=0 ); /* IE6-9 */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#9b9899',GradientType=0 ); /* IE6-9 */
        color: #fff;
        border-radius: 5px;
        text-decoration: none;
        border: 1px solid #908f8f;
        background-color: #e12a2d;
    }

.newsdate1 {
    text-align: center;
    float: left;
    color: #333;
    font-size: 100%;
    margin-right: 6px;
}

.newstitle1, .newstitle1 a:link, .newstitle1 a:visited {
    font-size: 100%;
    color: #333;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 33px;
    height: 35px;
}

.newstitle1 {
    background-image: url(../images/arr1.png);
    background-repeat: no-repeat;
    background-position: left 12px;
    width: 100%;
    /* [disabled]padding-top: 5px; */
    /* [disabled]padding-bottom: 25px; */
    padding-left: 16px;
    float: left;
    color: #333;
    font-size: 100%;
    height: 33px;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    border-bottom-color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
}

    .newstitle1 a:hover {
        color: #996600;
        text-decoration: none;
    }

.social-links2 li a {
    width: 32px;
    height: 32px;
    display: inline-block;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    opacity: 1;
}

    .social-links2 li a:hover {
        zoom: 1;
        filter: alpha(opacity=50);
        -webkit-transition: opacity .15s ease-in-out;
        -moz-transition: opacity .15s ease-in-out;
        -ms-transition: opacity .15s ease-in-out;
        -o-transition: opacity .15s ease-in-out;
        transition: opacity .15s ease-in-out;
        filter: alpha(opacity=50);
        opacity: 0.7;
    }

.map {
    background-image: url(../img/location-pointer.png);
    background-repeat: no-repeat;
    background-position: 0 center;
    height: 18px;
    width: 14px;
    float: left;
}

.rss {
    background-image: url(../img/rss.png);
    background-repeat: no-repeat;
}

.top_share {
    background-image: url(../images/share.png);
    background-repeat: no-repeat;
}

ul.bc_list {
    line-height: 25px;
}

    ul.bc_list li {
        float: left;
        position: relative;
        font-family: Verdana, Geneva, sans-serif, "微軟正黑體";
        margin-top: 0;
        margin-right: 15px;
        margin-bottom: 0;
        margin-left: 15px;
    }

        ul.bc_list li a:hover {
            color: #333;
            text-decoration: none;
        }

        ul.bc_list li a:link, a:visited {
            color: #333333;
            font-size: 100%;
            text-decoration: none;
        }

        ul.bc_list li:first-child {
            margin-left: 0;
        }

        ul.bc_list li::after {
            float: left;
            position: absolute;
            top: 0px;
            right: -15px;
            content: '';
            display: block;
            width: 10px;
            height: 25px;
            background: url("../images/bc_sep.png");
        }

        ul.bc_list li a {
            font-size: 100%;
        }
/*-- to-top --*/
#toTop {
    display: none;
    text-decoration: none;
    position: fixed;
    bottom: 100px;
    right: 1%;
    overflow: hidden;
    z-index: 19999;
    width: 48px;
    height: 48px;
    border: none;
    text-indent: 100%;
    background-image: url(../images/totop.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
}

    #toTop:Hover {
        display: block;
        overflow: hidden;
        float: right;
        opacity: 0.6;
        -moz-opacity: 0.6;
    }
/*-- //to-top --*/
.font_red {
    color: #D00;
}

h5.line {
    padding-bottom: 8px;
    position: relative;
    margin-bottom: 10px;
    text-transform: uppercase;
    border-bottom-width: 3px;
    border-bottom-style: solid;
    border-bottom-color: #669933;
}

    h5.line > span {
        width: auto;
        border-bottom: 4px solid #ea4748;
        padding-bottom: 7px;
        font-family: "微軟正黑體";
        font-size: 100%;
        padding-right: 8px;
        padding-left: 8px;
    }

.navbar {
    width: 100%;
    position: absolute;
    margin: -20px 0 0 0;
}

.prev {
    background-color: #224688;
    width: 19px;
    height: 19px;
    display: block;
    float: right;
    margin: 0 2px 0 0;
}

    .prev span {
        width: 19px;
        height: 19px;
        background-image: url(../img/slider-nav2.png);
        background-position: 5px 4px;
        background-repeat: no-repeat;
        float: left;
    }

.next {
    background-color: #224688;
    width: 19px;
    height: 19px;
    display: block;
    float: right;
}

    .next:hover, .prev:hover {
        background-color: #3161a5;
    }

    .next span {
        width: 19px;
        height: 19px;
        background-position: -14px 4px;
        background-repeat: no-repeat;
        float: left;
        background-image: url(../img/slider-nav2.png);
    }

.outerwide1 {
    width: 100%;
    float: left;
    position: relative;
}

.wnews {
    margin: 10px 0 0 0;
    padding: 0;
    list-style-type: none;
    width: 100%;
    float: left;
}

    .wnews li {
        float: left;
        width: 1000px;
        margin: 0 0 0 0;
    }

        .wnews li img {
            margin-bottom: 10px;
        }

        .wnews li h6 {
            margin-top: 0;
        }

.sitemap {
    background-color: #1b641b;
}

.sitemap-title {
    font-size: 105%;
    padding-top: 6px;
    padding-bottom: 6px;
    color: #fff;
    background-color: #1b4118;
    text-align: center;
}

    .sitemap-title a {
        font-size: 105%;
        padding-top: 6px;
        padding-bottom: 6px;
        color: #fff;
        text-align: center;
    }

.sitemap > ul, .sitemap > ul a {
    padding-top: 8px;
    padding-bottom: 8px;
    text-align: left;
    color: #FFF;
}

    .sitemap > ul, .sitemap > ul a:hover {
        color: #FC0;
    }

        .sitemap > ul > li {
            padding-top: 8px;
            padding-bottom: 8px;
            text-align: left;
            color: #FFF;
            padding-left: 20px;
        }

.sitemap ul li ul li {
    padding-top: 8px;
    padding-bottom: 8px;
    text-align: left;
    color: #FFF;
    padding-left: 20px;
}

#aaa {
    position: relative;
    width: 100%;
    margin: 0 auto 25px;
    padding-bottom: 10px;
}

.mail_ico {
    width: 35px;
    height: 35px;
    background-image: url(../images/30.png);
    background-repeat: no-repeat;
    background-position: left top;
    text-indent: -9999px;
}
/*	Reset
/* ---------------------------------------------------------------------- */
.left {
    float: left;
}

.right {
    float: right;
}

.contentdate {
    font-size: 100%;
    color: #666;
    padding-left: 25px;
    margin-bottom: 10px;
    margin-right: 30px;
    float: left;
}

.Remark {
    font-size: 100%;
    color: #03F;
    margin-bottom: 10px;
}

.acc {
    font-size: 50%;
    color: #CB8DAB;
    float: left;
    line-height: 40px;
    padding-left: 20px;
}

    .acc a:link, a:visited {
        font-size: 50%;
        color: #CB8DAB;
    }

    .acc a:hover {
        font-size: 50%;
        color: #CB8DAB;
    }

#content_page {
    width: 90%;
    margin-top: 0px;
    margin-right: auto;
    /* [disabled]margin-bottom: 25px; */
    margin-left: auto;
    clear: both;
    overflow: hidden;
}

.footerTop {
    width: 100%;
    height: 145px;
    background-image: url(../images/footerbg1.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-color: #FFF;
    text-align: center;
}

.top {
    height: 45px;
    color: #fff;
    background-color: #0b4199;
}

.searcha1 {
    height: 20px;
    padding-left: 5px;
    float: left;
    font-family: Verdana, Geneva, sans-serif, "微軟正黑體";
    font-size: 100%;
    line-height: 20px;
    margin-right: 15px;
    margin-top: 5px;
    margin-left: 10px;
    clear: both;
}

.searcha2 {
    height: 20px;
    background-image: url(../images/searcharr2.png);
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 25px;
    float: left;
    font-family: Verdana, Geneva, sans-serif, "微軟正黑體";
    font-size: 100%;
    line-height: 20px;
    margin-top: 5px;
}

.searcharadio {
    height: 25px;
    font-family: Verdana, Geneva, sans-serif, "微軟正黑體";
    font-size: 100%;
    line-height: 25px;
    /* [disabled]margin-right: 20px; */
    float: right;
    width: 200px;
    position: absolute;
    z-index: 10;
    top: 40px;
    right: 20px;
}

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}


a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    outline: none;
    text-decoration: none;
    background: transparent;
    vertical-align: baseline;
}

    a, a > * {
        color: #0033CC;
        text-decoration: none;
        line-height: 20px;
    }

.slider a {
    color: #000033;
    text-decoration: none;
    font-size: 100%;
    font-family: Verdana, Geneva, sans-serif, "微軟正黑體";
}

.not-ie a, .not-ie a > * {
    -webkit-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
    -moz-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
    -ms-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
    -o-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
    transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
}

h2 a {
    line-height: 24px;
    color: #900;
    font-family: 'Adamina', serif;
}

ul li {
    list-style: none;
}



blockquote {
    position: relative;
    margin-bottom: 1.5em;
    padding: 24px 45px 20px 60px;
    border: 1px solid #ebebeb;
    background-color: #f9f9f9;
    font: italic 14px/1.6 'Adamina', serif;
    color: #6d7a7e;
}

    blockquote:after,
    blockquote:before {
        position: absolute;
        width: 33px;
        height: 23px;
        background-image: url(../images/quotes.png);
        background-repeat: no-repeat;
        background-position: 0 0;
        content: '';
    }

    blockquote:before {
        left: 20px;
        top: 20px;
    }

    blockquote:after {
        margin: 5px 0 0 20px;
        background-position: right top;
    }

address {
    margin-bottom: 50px;
    font-style: normal;
    line-height: 1.7;
}
/*------- Back To Top ------------------*/
/* Tab style */
#scrollUp {
    bottom: 0;
    right: 30px;
    width: 70px;
    height: 70px;
    margin-bottom: -10px;
    padding: 10px 5px;
    font: 14px/20px sans-serif;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 0 #fff;
    color: #000000;
    -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
    background-color: #E6E6E6;
    background-image: -moz-linear-gradient(top, #EBEBEB, #DEDEDE);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#EBEBEB), to(#DEDEDE));
    background-image: -webkit-linear-gradient(top, #EBEBEB, #DEDEDE);
    background-image: -o-linear-gradient(top, #EBEBEB, #DEDEDE);
    background-image: linear-gradient(to bottom, #EBEBEB, #DEDEDE);
    background-repeat: repeat-x;
    -webkit-transition: margin-bottom 150ms linear;
    -moz-transition: margin-bottom 150ms linear;
    -o-transition: margin-bottom 150ms linear;
    transition: margin-bottom 150ms linear;
}

    #scrollUp:hover {
        margin-bottom: 0;
    }
/* ---------------------------------------------------------------------- */
/*	Basic Elements
/* ---------------------------------------------------------------------- */

p {
    margin: 0 0 1.5em 0;
    padding: 10px;
    line-height: 1.6em;
}


h2 {
    font-size: 150%;
    color: #900;
}

    h2 a:link {
        font-size: 150%;
        color: #900;
    }

h3 {
    font-size: 135%;
}

h5 {
    font-size: 100%;
}

h1, h2, h3, h5 {
    font-weight: 400;
    font-family: Verdana, Geneva, sans-serif, "微軟正黑體";
}

h6 {
    line-height: 1.5em;
}

/* -------------------------------------------------- */
/*	Clearfix
	/* -------------------------------------------------- */
.clear1 {
    clear: both;
    display: block;
    height: 15px;
    overflow: hidden;
    visibility: hidden;
    width: 0;
}

.clear {
    clear: both;
    display: block;
    height: 1px;
    overflow: hidden;
    visibility: hidden;
    width: 100%;
}

.clearfix:after {
    clear: both;
    display: block;
    visibility: hidden;
    height: 0;
    content: ".";
}

/* -------------------------------------------------- */
/*	General Classes
	/* -------------------------------------------------- */

.aligncenter {
    text-align: center;
}

    .aligncenter > img {
        display: inline;
        text-align: center;
    }

.alignleft {
    float: left;
}

img.alignleft {
    margin: 0 20px 20px 0;
}

.alignright {
    float: right;
}

img.alignright {
    margin: 0 0 20px 20px;
}

.custom-frame {
    display: block;
    border: 5px solid #e0e1e3;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ie7 iframe.custom-frame {
    width: 97%;
}

.webkit iframe.custom-frame {
    width: 100%;
}

.video-widget .liquid-video-wrapper {
    margin: 0;
}

.liquid-video-wrapper {
    position: relative;
    margin: 0 0 20px;
    padding: 0;
    width: 100%;
}

    .liquid-video-wrapper iframe,
    .liquid-video-wrapper object,
    .liquid-video-wrapper embed {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }

/* -------------------------------------------------- */
/*	 Highlight	
	/* -------------------------------------------------- */

.highlight1::-moz-selection,
.highlight2::-moz-selection,
.highlight3::-moz-selection,
.highlight4::-moz-selection {
    padding: 1px 3px;
    color: #fff;
}

.highlight1::selection,
.highlight2::selection,
.highlight3::selection,
.highlight4::selection {
    padding: 1px 3px;
    color: #fff;
}

span.highlight1,
span.highlight2,
span.highlight3,
span.highlight4 {
    padding: 1px 3px;
    color: #fff;
}

span.highlight1 {
    background-color: #1f221e;
}

span.highlight2 {
    background-color: #457935;
}

span.highlight3 {
    background-color: #a6412b;
}

span.highlight4 {
    background-color: #2b65a6;
}

.highlight1::selection {
    background-color: #1f221e;
}

.highlight2::selection {
    background-color: #457935;
}

.highlight3::selection {
    background-color: #a6412b;
}

.highlight4::selection {
    background-color: #2b65a6;
}

.highlight1::-moz-selection {
    background-color: #1f221e;
}

.highlight2::-moz-selection {
    background-color: #457935;
}

.highlight3::-moz-selection {
    background-color: #a6412b;
}

.highlight4::-moz-selection {
    background-color: #2b65a6;
}

/* -------------------------------------------------- */
/*	Custom Table
	/* -------------------------------------------------- */

.custom-table {
    margin-bottom: 3em;
    width: 100%;
}

    .custom-table tbody tr:nth-child(even) td {
        background-color: rgba(31,34,30,.02);
    }

    .custom-table td,
    .custom-table th {
        padding: 7px 15px;
    }

    .custom-table thead th {
        border-top: 1px solid #ced5cf;
        border-right: 1px solid #ced5cf;
        border-bottom: 1px solid #ced5cf;
        background-color: rgba(31,34,30,.09);
        text-align: left;
        font-weight: 700;
    }

.ie7 .custom-table thead th,
.ie8 .custom-table thead th {
    background-color: #ebebeb;
}

.custom-table thead th:first-child,
.custom-table tbody tr td:first-child {
    border-left: 1px solid #ced5cf;
}

.custom-table td {
    border-bottom: 1px solid #ced5cf;
    border-right: 1px solid #ced5cf;
}


/* -------------------------------------------------- */
/*	Buttons
	/* -------------------------------------------------- */


.button2 {
    display: inline-block;
    margin-bottom: 1.5em;
    outline: none;
    color: #fff;
    vertical-align: baseline;
    text-align: center;
    text-decoration: none;
    font: 15px Arial;
    cursor: pointer;
    width: 100%;
    padding-top: 8px;
    padding-right: 14px;
    padding-bottom: 8px;
    padding-left: 14px;
}

.button {
    display: inline-block;
    margin-bottom: 1.5em;
    padding: 8px 14px 8px;
    outline: none;
    color: #fff;
    vertical-align: baseline;
    text-align: center;
    text-decoration: none;
    font: 11px Arial;
    cursor: pointer;
}

.style-1 .button.gray {
    color: #1c7fbd;
}

.button.gray:hover {
    color: #fff;
}

.style-1 .button.gray:hover {
    background-color: #17517a;
}

.button:hover {
    background-color: #313131;
    color: #fff !important;
}

.yellow {
    background-color: #fdbe0f;
}

.orange {
    background-color: #f49436;
}

.red {
    background-color: #db4300;
}

.pink {
    background-color: #cf4647;
}

.purple {
    background-color: #760148;
}

.emerald {
    background-color: #2ebc9e;
}

.lime {
    background-color: #8fbe00;
}

.green {
    background-color: #5bad24;
}

.dark-green {
    background-color: #276c00;
}

.mettalic-blue {
    background-color: #6a8cb1;
}

.sky-blue {
    background-color: #3fb8af;
}

.blue {
    background-color: #2d5bc4;
}

.violet {
    background-color: #4f4269;
}

.brown {
    background-color: #b28e40;
}

.black {
    background-color: #313131;
}

.gray {
    background-color: #e7e7e8;
}

.grey {
    background-color: #898989;
}

.white li {
    color: #333;
    font-size: 125%;
    list-style-type: none;
    line-height: 38px;
}

    .white li a:link {
        color: #333;
        font-size: 100%;
        list-style-type: none;
        line-height: 38px;
    }

.white2 li {
    color: #333;
    font-size: 125%;
    list-style-type: none;
    line-height: 38px;
}

    .white2 li a:link {
        color: #333;
        font-size: 100%;
        list-style-type: none;
        line-height: 38px;
    }

.align-btn-left {
    float: left;
}

.align-btn-right {
    float: right;
}

/* -------------------------------------------------- */
/*	Forms
	/* -------------------------------------------------- */

button {
    cursor: pointer;
    -webkit-appearance: button;
}

label {
    cursor: pointer;
    margin: 0;
}


.not-ie select {
    -webkit-appearance: none;
    -webkit-transition: all .25s linear;
    -moz-transition: all .25s linear;
    -ms-transition: all .25s linear;
    -o-transition: all .25s linear;
    transition: all .25s linear;
}

select::-ms-expand {
    display: none; /*IE*/
}

textarea {
    padding: 10px;
    border: 1px solid transparent;
}



.notice {
    border: 1px solid #e7d195;
    background-color: #feebb7;
    color: #b49133;
}

/* ---------------------------------------------------------------------- */
/*	Layout
/* ---------------------------------------------------------------------- */



.section-title {
    text-transform: uppercase;
}

.style-1 .section-title {
    color: #124162;
}

.style-2 .section-title {
    color: #373a3c;
}

/* -------------------------------------------------- */
/*	Columns
	/* -------------------------------------------------- */

.one-half,
.one-third,
.two-third,
.one-fourth,
.three-fourth {
    float: left;
    margin-right: 20px;
}

    .one-half.last,
    .one-third.last,
    .two-third.last,
    .one-fourth.last,
    .three-fourth.last {
        margin-right: 0px;
    }

.one-half {
    width: 460px;
}

.one-third {
    width: 300px;
}

.two-third {
    width: 620px;
}

.one-fourth {
    width: 220px;
}

.three-fourth {
    width: 700px;
}

/* ---------------------------------------------------------------------- */
/*	Header
/* ---------------------------------------------------------------------- */

.wrap-header {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 108px;
}

.style-1 .wrap-header {
    /* [disabled]background-image: url(../images/bg.jpg); */
    background-repeat: repeat-x;
    background-position: top;
}




#logo {
    float: left;
}

/* -------------------------------------------------- */
/*	Main Navigation
	/* -------------------------------------------------- */



.style-1 .navigation {
    background-color: #0b3d65;
}

    .style-1 .navigation > ul > li {
        position: relative;
        float: left;
        list-style: none;
        vertical-align: middle;
        background-image: url(../images/line-2.png);
        background-repeat: no-repeat;
        background-position: right center;
    }


        .style-1 .navigation > ul > li > a {
            position: relative;
            display: block;
            padding: 0 13px;
            text-align: left;
            text-transform: uppercase;
            font-family: Verdana, Geneva, sans-serif, "微軟正黑體";
            vertical-align: middle;
            line-height: 70px;
            height: 70px;
        }


        .style-1 .navigation > ul > li > a {
            color: #FFFFFF;
            font-family: Verdana, Geneva, sans-serif, "微軟正黑體";
            font-size: 105%;
            text-decoration: none;
        }

        .style-1 .navigation > ul > li.l2 > a {
            color: #FFFFFF;
            padding-top: 8px;
            font-family: Verdana, Geneva, sans-serif, "微軟正黑體";
            font-size: 100%;
            text-decoration: none;
            line-height: 28px;
        }

    .style-1 .navigation .rightarrowclass {
        position: absolute;
        top: 50%;
        right: 10px;
        margin-top: -3px;
        width: 3px;
        height: 7px;
        background: url(../images/nav-arrow.png) no-repeat;
    }

    .style-1 .navigation > ul > li:hover > a,
    .style-1 .navigation > ul > li.current > a {
        color: #000;
        text-decoration: none;
    }

    .style-1 .navigation > ul > li:hover > a,
    .style-1 .navigation > ul > li.current > a,
    .style-1 .dropcapspot,
    .style-1 #back-top,
    .style-1 .pagination .current {
         background-color: #F48F19;
    }


    /* Dropdown */

    .style-1 .navigation > ul > li:hover > ul {
        padding-top: 1px;
    }

    .style-1 .navigation li:hover > ul {
        display: block;
        top: 69px;
        opacity: 1;
        visibility: visible;
    }

    .style-1 .navigation ul ul {
        position: absolute;
        left: 0;
        top: 70px;
        z-index: 99;
        opacity: 0;
        visibility: hidden;
        padding: 0;
        width: 219px;
    }

.not-ie .navigation ul ul {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.style-1 .navigation ul > li:hover ul li:hover ul {
    opacity: 1;
    left: 210px;
    display: block;
}

.style-1 .navigation ul > li > .mega-menu {
    width: 486px;
    background-color: #f48f19;
}

.mega-menu > li {
    display: block;
    width: 50%;
    float: left;
}

.style-1 .navigation ul ul li {
    position: relative;
}

    .style-1 .navigation ul ul li:last-of-type > a {
        border-bottom: none;
        text-decoration: none;
    }

.style-1 .navigation ul ul a {
    display: block;
    padding: 9px 10px;
    border-bottom: 1px solid #d17202;
    border-top: 1px solid #fbef7c;
    background-color: #f48f19;
    text-align: left;
    color: #fff;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 100%;
    font-family: "微軟正黑體";
}

.style-1 .navigation ul ul a {
    /*color: #fff;*/
    /* Albert 2022.8.16 修正 下拉子選單 文字 將白字改為黑字 #0B4199 以符合 至少有4.5:1的對比值 */
    color: #000;
    text-decoration: none;
}


.style-1 .navigation > ul ul li:hover > a,
.style-1 .navigation .active > a {
    color: #333;
    text-decoration: none;
}

.style-1 .navigation > ul ul li:hover > a,
.style-1 .navigation .active > a {
    background-color: #fff;
}



.style-1 .navigation ul ul li:hover > a .rightarrowclass {
    background-position: 0 -19px;
}

/* Sub Dropdown */

.style-1 .navigation ul ul ul {
    left: 210px !important;
    top: 0 !important;
}

.not-ie .navigation ul ul ul {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}

.s {
    width: 28px;
    font-size: 100%;
    color: #333;
    padding: 6px;
    border: 1px solid #999;
    background-color: #fff;
}

.m {
    width: 28px;
    font-size: 100%;
    color: #333;
    padding: 6px;
    border: 1px solid #999;
    background-color: #fff;
}

.l {
    width: 28px;
    font-size: 100%;
    color: #333;
    padding: 6px;
    border: 1px solid #999;
    background-color: #fff;
}

.ed {
    width: 28px;
    height: 28px;
    color: #333;
    background-color: #CCC;
}


/* ---------------------------------------------------------------------- */
/*	Home
/* ---------------------------------------------------------------------- */

ul.block-with-icons {
    margin-bottom: 50px;
    list-style: none;
}

    ul.block-with-icons li {
        position: relative;
        float: left;
        margin: 0 0 0 1px;
        width: 312px;
        border-top-width: 1px;
        border-bottom-width: 1px;
        border-color: rgba(0,0,0,.05);
        border-style: solid;
        background-color: #f5f4f6;
    }

.not-ie ul.block-with-icons li {
    -webkit-transition: all .25s linear;
    -moz-transition: all .25s linear;
    -ms-transition: all .25s linear;
    -o-transition: all .25s linear;
    transition: all .25s linear;
}


ul.block-with-icons li:last-of-type {
    border-right: 1px solid rgba(0,0,0,.05);
}

ul.block-with-icons li:first-of-type {
    border-left: 1px solid rgba(0,0,0,.05);
}

ul.block-with-icons li a {
    display: block;
    padding: 35px 15px 35px 100px;
}

    ul.block-with-icons li a:after {
        position: absolute;
        top: 29px;
        left: 35px;
        display: block;
        width: 53px;
        height: 36px;
        background-image: url(../images/sprite-block-icons.png);
        background-repeat: no-repeat;
        content: '';
    }

ul.block-with-icons li.b1 a:after {
    background-position: 0 0;
}

ul.block-with-icons li.b2 a:after {
    background-position: -70px 0;
}

ul.block-with-icons li.b3 a:after {
    background-position: -130px 0;
}

ul.block-with-icons li:first-child {
    margin-left: 0;
}

ul.block-with-icons h5 {
    margin: 0 0 3px 0;
    text-transform: uppercase;
    line-height: .9;
}

.style-1 ul.block-with-icons h5 {
    color: #1c7fbd;
}

.style-2 ul.block-with-icons h5 {
    color: #e53535;
}

.style-3 ul.block-with-icons h5 {
    color: #69ad11;
}

.style-4 ul.block-with-icons h5 {
    color: #eba505;
}

.style-5 ul.block-with-icons h5 {
    color: #841132;
}

.style-6 ul.block-with-icons h5 {
    color: #5592b4;
}

ul.block-with-icons span {
    display: block;
    font-size: 90%;
    line-height: 1.2em;
}

.style-1 ul.block-with-icons li:hover {
    background-color: #17517a;
}

ul.block-with-icons li:hover h5 {
    color: #fff;
}

ul.block-with-icons li:hover span {
    color: #fff;
}

ul.block-with-icons li.b1 a:hover:after {
    background-position: 0 -46px !important;
}

ul.block-with-icons li.b2 a:hover:after {
    background-position: -70px -46px !important;
}

ul.block-with-icons li.b3 a:hover:after {
    background-position: -130px -46px !important;
}

/* ---------------------------------------------------------------------- */
/*	Content
/* ---------------------------------------------------------------------- */

#content {
    margin-bottom: 40px;
    width: 630px;
    float: left;
}

.sbl #content {
    float: right;
}

.sbr #content {
    float: left;
}

/* -------------------------------------------------- */
/*	Layout
	/* -------------------------------------------------- */

#content .one-fourth {
    width: 290px;
}

/* -------------------------------------------------- */
/*	Page Header
	/* -------------------------------------------------- */

.page-header {
    margin-bottom: 35px;
    padding-bottom: 25px;
    border-bottom: 2px solid #e0e1e3;
}

.page-title {
    margin: 0;
    color: #cacbcc;
}

/* -------------------------------------------------- */
/*	Columns
		/* -------------------------------------------------- */

.event-body .one-half {
    width: 290px;
}


/* ---------------------------------------------------------------------- */
/*	Blog
/* ---------------------------------------------------------------------- */

.post {
    margin-top: 25px;
    padding-top: 35px;
}

.first .post {
    border-top: 2px solid #e0e1e3;
}

.post:first-child {
    padding-top: 0;
    margin-top: 0;
    border-top: none;
}

.image-post-slider {
    position: relative;
    margin-bottom: 25px;
}

    .image-post-slider .single-image {
        margin: 0;
    }

    .image-post-slider img {
        margin-bottom: 0;
    }

.post-pager {
    position: absolute;
    z-index: 11;
    bottom: 7px;
    right: 13px;
}

    .post-pager > a {
        display: block;
        float: left;
        margin-left: 3px;
        width: 10px;
        height: 10px;
        background-color: #e7e7e8;
        text-indent: -9999px;
    }

.not-ie .post-pager > a {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.post-pager > a.activeSlide {
    background-color: #1C7FBD;
}

.post-item,
.second .post {
    float: left;
    width: 47%;
    margin-top: 0;
    margin-right: 3%;
    margin-bottom: 20px;
    margin-left: 0;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 10px;
    padding-left: 0;
}

    .post-item:first-child {
        float: none;
        margin: 0 0 20px;
        width: 100%;
        border-bottom: 2px solid #e0e1e3;
    }

    .post-item:nth-child(2n-1),
    .second .post:nth-child(2n) {
        margin-right: 0;
    }

.ie7 .post-item.nomargin,
.ie7 .second .post.nomargin {
    margin-right: 0;
}

.post-item .title,
.post .title {
    margin-bottom: 12px;
    color: #900;
}

.post-meta {
    clear: both;
    margin: 0 0 15px 0;
}

.post-date,
.post-tags,
.post-comments {
    float: left;
    margin: 5px 10px 5px 0;
    padding-left: 20px;
    background-image: url(../images/icons/post-icons.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    font-size: 90%;
}

    .post-tags a:after {
        content: ',';
    }

    .post-tags a:last-child:after {
        content: '';
    }

.post-date {
    background-position: 0 0;
}

.post-tags {
    background-position: 0 -47px;
}

.post-comments {
    background-position: 0 -143px;
}

.post-date:hover {
    background-position: 0 -24px;
}

.post-tags:hover {
    background-position: 0 -119px;
}

.post-comments:hover {
    background-position: 0 -165px;
}


/* -------------------------------------------------- */
/*	Comments
	/* -------------------------------------------------- */

#comments {
    margin-top: 40px;
    padding-top: 45px;
    border-top: 1px solid #D4D4D4;
}

.comments-list {
    margin: 27px 0 50px;
    padding: 0;
    overflow: hidden;
}

.comment {
    list-style: none;
    margin: 20px 0 0;
    padding: 0;
}

    .comment:first-child {
        border-top: none;
        margin-top: 0;
        padding-top: 0;
    }

    .comment > article {
        margin: 0;
        overflow: hidden;
    }

    .comment .avatar {
        background: #fff;
        float: left;
        margin: 0 20px 20px 0;
        position: relative;
        width: 40px;
        height: 40px;
        z-index: 1;
        zoom: 1;
    }

    .comment .comment-body,
    .comment .comment-meta {
        margin: 0 20px 0;
        padding: 20px 0 0 0;
    }

    .comment .comment-body {
        padding-top: 15px;
    }

    .comment .comment-body {
        color: #8a8989;
    }

    .comment .comment-meta {
        border-bottom: 1px dotted #ccc;
    }

    .comment .comment-entry {
        position: relative;
        display: table;
        background-color: #f5f5f5;
    }

.ie7 .comment .comment-entry {
    display: block;
    float: right;
    width: 540px;
}

.ie7 .children .comment-entry {
    width: 480px;
}

.comment .comment-entry:after {
    position: absolute;
    left: -9px;
    top: 14px;
    display: block;
    width: 9px;
    height: 16px;
    background-image: url(../images/arrow-comments-entry.png);
    background-repeat: no-repeat;
    content: '';
}

.comment .comment-meta {
    margin-bottom: 0;
}

.comment .author,
.comment .author a {
    margin: 0;
}

.comment .date {
    margin-bottom: 5px;
    color: #a1a1a1;
    font-size: 90%;
    font-style: italic;
    font-family: Arial;
}

.comment .children {
    margin: 0;
    padding: 20px 0 0 60px;
    position: relative;
}

    .comment .children .comment {
        margin: 20px 0 0;
        padding: 0;
        position: relative;
    }

        .comment .children .comment:first-child {
            margin-top: 0;
        }

/* -------------------------------------------------- */
/*	Respond
	/* -------------------------------------------------- */

#respond {
    padding-top: 45px;
    border-top: 1px solid #d4d4d4;
}

#commentform {
    margin-top: 25px;
    max-width: 100%;
}

    #commentform .input-block,
    #contact .input-block {
        margin: 0 0 10px 0;
    }

        #commentform .input-block > label,
        .textarea-block > label {
            margin-left: 10px;
            line-height: 35px;
        }

.textarea-block > label {
    display: block;
}

#commentform input {
    float: left;
    width: 278px;
}

    #commentform input:hover,
    #commentform textarea:hover,
    #contact input[type="text"]:hover,
    #contact textarea:hover {
        border-color: #d2d2d2;
    }

#commentform textarea:focus,
#contact textarea:focus {
    border-color: #d2d2d2;
    background-color: #fdfdfe;
    -webkit-box-shadow: inset 1px 1px 4px rgba(0,0,0,.1);
    -moz-box-shadow: inset 1px 1px 4px rgba(0,0,0,.1);
    box-shadow: inset 1px 1px 4px rgba(0,0,0,.1);
}

.input-block label strong,
.textarea-block strong {
    color: #8a8989;
    font-size: 100%;
    font-weight: 100;
}

.textarea-block strong,
#contact .textarea-block label {
    display: none;
}

.input-block label span {
    color: #e9403b;
    font-size: 100%;
}

.input-block label i {
    margin-left: 3px;
    font-family: Georgia;
    font-size: 70%;
}

#commentform .textarea-block,
#contact .textarea-block {
    clear: both;
    margin-bottom: 20px;
}

#commentform textarea {
    width: 480px;
    height: 220px;
    max-width: 468px;
    max-height: 400px;
    min-width: 468px;
    min-height: 220px;
}

#commentform input[type="submit"],
#contactform button[type="submit"] {
    margin: 0 0 20px;
    width: auto;
    border: none;
}

/* -------------------------------------------------- */
/*	Pagination
/* -------------------------------------------------- */
.pagination {
    clear: both;
    padding-top: 40px;
    /* [disabled]border-top: 2px solid #e0e1e3; */
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 60px;
    margin-left: auto;
}

    .pagination li {
        display: inline-block;
        list-style: none;
        margin: 0;
    }

    .pagination > .active > a,
    .pagination > .active > span,
    .pagination > .active > a:hover,
    .pagination > .active > span:hover,
    .pagination > .active > a:focus,
    .pagination > .active > span:focus {
        z-index: 2;
        color: #fff;
        cursor: default;
        background-color: #3071b2;
        border-color: #337ab7;
    }

.ie7 .pagination li {
    display: block;
    float: left;
}

.pagination .current {
    color: #fff;
}

.pagination a {
    display: block;
    padding: 3px 8px 3px;
    border: 1px solid transparent;
    background-color: #e7e7e8;
    color: #9c9c9c;
}

.pagination .prevpostslink,
.pagination .nextpostslink {
    background: none;
}

.pagination a:hover:not(.current):not(.prevpostslink):not(.nextpostslink) {
    background-color: #0b3865;
    color: #fff;
}

.pagination a.current:hover {
    color: #fff;
}

.pagination .prevpostslink:hover,
.pagination .nextpostslink:hover,
.pagination .prevpostslink:hover > span,
.pagination .nextpostslink:hover > span {
    color: #646464;
}

.pagination .prevpostslink > span,
.pagination .nextpostslink > span {
    font-size: 100%;
}


/* ---------------------------------------------------------------------- */
/*	Portfolio
/* ---------------------------------------------------------------------- */

#portfolio-filter {
    margin: 0 0 40px 0;
    padding-bottom: 20px;
    overflow: hidden;
    border-bottom: 1px solid #e0e1e3;
}

    #portfolio-filter li {
        display: block;
        float: left;
        list-style: none outside none;
        margin: 0;
    }

    #portfolio-filter a {
        display: block;
        margin: 0;
        padding: 0;
        font-size: 100%;
        font-family: 'Adamina', serif;
        cursor: pointer;
        color: #606163;
        line-height: 1;
    }

        #portfolio-filter a:before {
            margin: 0 15px;
            color: #606163;
            content: '/';
        }

    #portfolio-filter li:first-child a:before {
        margin: 0 0 0 15px;
        content: '';
    }


#portfolio-items {
    margin: 15px -20px 0 0;
}

    #portfolio-items article {
        position: relative;
        float: left;
        margin: 0 20px 20px 0;
    }

        #portfolio-items article img {
            width: 220px;
        }

.project-meta {
    display: block;
    padding: 17px 15px 5px;
    background-color: #e0e1e3;
}

.not-ie .project-meta {
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.style-1 .project-meta h6,
.style-5 .project-meta h6 {
    color: #16517a;
}

.style-2 .project-meta h6 {
    color: #9f1010;
}

.style-3 .project-meta h6 {
    color: #2a7313;
}

.style-4 .project-meta h6 {
    color: #d98908;
}

.style-6 .project-meta h6 {
    color: #4a5063;
}

.single-image {
    position: relative;
    display: block;
    margin-bottom: 25px;
    cursor: pointer;
    overflow: hidden;
    text-align: center;
}


#portfolio-items .single-image {
    margin: 0;
    border: 5px solid #e0e1e3;
}



.single-image img {
    display: block;
    /*				width: 100%;*/
    /*				opacity: 1;*/
    /*				filter: alpha(opacity=80);*/
}

.single-image img {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ie8 .post .single-image img {
    max-width: 97%;
}

.curtain {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0;
    filter: alpha(opacity=0);
    text-indent: -9999px;
}

.not-ie .curtain {
    -webkit-transition: opacity 0.2s ease-in-out 0s;
    -moz-transition: opacity 0.2s ease-in-out 0s;
    -ms-transition: opacity 0.2s ease-in-out 0s;
    -o-transition: opacity 0.2s ease-in-out 0s;
    transition: opacity 0.2s ease-in-out 0s;
}

.curtain:after {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    margin-top: -30px;
    margin-left: -30px;
    width: 60px;
    height: 60px;
    text-indent: -9999px;
    opacity: 0;
    filter: alpha(opacity=0);
    background-repeat: no-repeat;
    content: '';
}

.not-ie .curtain:after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.single-image:hover .curtain {
    opacity: 1;
    background-color: rgba(255,255,255,.25);
}

.ie7 .single-image:hover .curtain,
.ie8 .single-image:hover .curtain {
    filter: alpha(opacity=80);
    background-color: #FFF;
}

.single-image:hover .curtain:after {
    opacity: 1;
    filter: alpha(opacity=80);
}

.not-ie .single-image:hover .curtain:after {
    -webkit-animation: move .25s linear;
    -moz-animation: move .25s linear;
    -ms-animation: move .25s linear;
    -o-animation: move .25s linear;
    animation: move .25s linear;
}

.style-1 .curtain:after,
.style-1 #portfolio-items article:hover .single-image,
.style-1 #portfolio-items article:hover .project-meta,
#portfolio-items article:hover .project-meta h6 {
    color: #fff;
}


/* Isotope */

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}

.isotope, .isotope .isotope-item {
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    -ms-transition-duration: 0.6s;
    -o-transition-duration: 0.6s;
    transition-duration: 0.6s;
    z-index: 2;
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}

    .isotope .isotope-item {
        -webkit-transition-property: -webkit-transform, opacity;
        -moz-transition-property: -moz-transform, opacity;
        -ms-transition-property: top, left, opacity;
        -o-transition-property: top, left, opacity;
        transition-property: transform, opacity;
    }

/* ---------------------------------------------------------------------- */
/*	Contact Us
/* ---------------------------------------------------------------------- */

#map {
    height: 400px;
    margin: 0 0 35px 0;
    position: relative;
    width: 100%;
}

/* Form style */

fieldset.row {
    margin-bottom: 1em;
}

#contact label {
    margin-left: 10px;
    line-height: 35px;
    color: #6d7a7e;
}



#contact textarea {
    height: 160px;
    max-height: 250px;
    max-width: 518px;
    min-height: 160px;
    min-width: 518px;
    width: 518px;
}


#message fieldset {
    padding: 20px;
    border: 1px solid #eee;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: #F9FAF5;
}

.error_message {
    display: block;
    line-height: 22px;
    background: #FBE3E4 url('../assets/error.gif') no-repeat 10px 6px;
    padding: 3px 10px 3px 35px;
    color: #8a1f11;
    border: 1px solid #FBC2C4;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

ul.error_messages {
    margin: 0 0 0 15px;
    padding: 0;
}

    ul.error_messages li {
        height: 22px;
        line-height: 22px;
        color: #333;
    }

.loader {
    padding: 0 10px;
}

#contact #success_page h1 {
    background: url('../assets/success.gif') left no-repeat;
    padding-left: 22px;
}

#contact .enter-verify {
    float: left;
    display: block;
    line-height: 27px;
}

#contact .wrong-data {
    border-color: #F09DA7;
}

#contact .verify {
    float: none !important;
    margin: 0 15px;
    width: 50px !important;
    height: 28px !important;
    vertical-align: top;
}

/* ---------------------------------------------------------------------- */
/*	Sidebar
/* ---------------------------------------------------------------------- */

#sidebar {
    width: 300px;
    float: right;
}

.sbl #sidebar {
    float: left;
}

.sbr #sidebar {
    float: right;
}

/* -------------------------------------------------- */
/*	Widgets
	/* -------------------------------------------------- */

#sidebar .widget-container {
    margin-bottom: 25px;
}

#sidebar .custom-frame {
    margin: 0;
}

.style-1 .video-entry {
    background-color: #17517a;
}

.video-title {
    display: block;
}

    .video-title > h5 {
        padding: 20px;
        color: #fff;
        line-height: 1.5em;
        font-size: 100%;
    }

        .video-title > h5:hover {
            color: #fff;
        }

/* ---------------------------------------- */
/*	Search
		/* ---------------------------------------- */



/* ---------------------------------------- */
/*	Events, Categories and Popular
		/* ---------------------------------------- */

.eventsListWidget li,
.widget_categories li,
.widget_archive li,
.widget_popular_posts li,
.widget_recent_comments li,
.widget_recent_entries li {
    padding: 7px 0 6px 0;
    border-bottom: 1px solid #e0e1e3;
}

    .eventsListWidget li h6,
    .widget_categories li a,
    .widget_archive li a,
    .widget_popular_posts li h6,
    .widget_recent_comments li a,
    .widget_recent_entries li a {
        margin-bottom: 2px;
    }

.style-1 .eventsListWidget li h6,
.style-1 .widget_categories li a,
.style-1 .widget_archive li a,
.style-1 .widget_popular_posts li h6,
.style-1 .widget_recent_comments li a,
.style-1 .widget_recent_entries li a,
.style-1 #portfolio-filter a.active {
    color: #1c7fbd;
    font-size: 100%;
}

.eventsListWidget li:hover h6,
.widget_categories li:hover a,
.widget_archive li:hover a,
.widget_popular_posts li:hover h6,
.widget_recent_comments li:hover a,
.widget_recent_entries li:hover a {
    color: #606163;
}

.widget_categories li a,
.widget_archive li a {
    font-size: 100%;
    font-family: 'Adamina', serif;
}

.widget_recent_comments li a,
.widget_recent_entries li a {
    font-size: 100%;
    font-family: 'Adamina', serif;
}

.eventsListWidget li span,
.widget_popular_posts li span {
    color: #a1a1a1;
    font-size: 90%;
}

/* ---------------------------------------- */
/*	Calendar
		/* ---------------------------------------- */

.widget_calendar #wp-calendar {
    width: 100%;
    color: #555555;
    text-align: center;
}

.widget_calendar caption {
    margin-bottom: 1px;
    padding: 7px 0;
    color: #fff;
    text-transform: uppercase;
    font-size: 100%;
    font-family: 'Adamina', serif;
}

.style-1 .widget_calendar caption,
.style-1 .widget_calendar tbody td > a {
    background-color: #17517a;
}

.widget_calendar #wp-calendar th {
    padding: 1px;
    height: 32px;
    line-height: 32px;
    border: 1px solid #cfcfd1;
    background: #fff;
    color: #606163;
    font-size: 100%;
    font-family: 'Adamina', serif;
}

.widget_calendar #wp-calendar caption,
.widget_calendar #wp-calendar td,
.widget_calendar #wp-calendar th {
    text-align: center;
}

.widget_calendar #wp-calendar tfoot td {
    padding: 7px 0;
    background: #f9fafb;
}

.widget_calendar #wp-calendar tfoot #prev > a,
.widget_calendar #wp-calendar tfoot #next > a {
    background-image: url(../images/icons/prevnext.png);
    background-repeat: no-repeat;
    font-size: 100%;
    font-family: 'Adamina', serif;
}

.widget_calendar tfoot #prev > a {
    padding: 1px 0 1px 30px;
    background-position: 0 2px;
}

.widget_calendar tfoot #next > a {
    padding: 1px 30px 1px 0;
    background-position: right 2px;
}

.widget_calendar #wp-calendar tbody td {
    height: 32px;
    line-height: 32px;
    color: #6d7a7e;
    font-size: 100%;
    background-color: #e9eaeb;
    border: 1px solid #fff;
}

    .widget_calendar #wp-calendar tbody td#today {
        background-color: #fdfdfd;
        border: 1px solid #d2d2d4;
    }

    .widget_calendar #wp-calendar tbody td.pad {
        background-color: #f9fafb;
        color: #6d7a7e;
    }

    .widget_calendar #wp-calendar tbody td > a {
        display: block;
        color: #fff;
    }

/* ---------------------------------------- */
/*	Testimonials
		/* ---------------------------------------- */

.testimonials {
    position: relative;
    margin-top: 80px;
    width: 100%;
}

.ie7 .testimonials,
.ie8 .testimonials {
    margin-top: 30px;
}

.testimonials .quoteBox {
    position: relative;
    z-index: 3;
    margin: 0 20px;
    padding: 25px 25px 40px;
    background-color: #fbfaf6;
}

.not-ie .testimonials .quoteBox {
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.1);
    -moz-box-shadow: 0 2px 4px rgba(0,0,0,.1);
    box-shadow: 0 2px 4px rgba(0,0,0,.1);
}

.ie7 .quoteBox,
.ie8 .quoteBox {
    margin: 0;
    border: 1px solid #ebebeb;
}

.testimonials .substrate-rotate-left,
.testimonials .substrate-rotate-right {
    position: absolute;
    margin: 0 20px;
    width: 88%;
    height: 300px;
}

.testimonials .substrate-rotate-left {
    top: -5px;
    left: 0;
    border: 1px solid rgba(0,0,0,.04);
    background-color: rgba(0,0,0,.062);
}

.not-ie .testimonials .substrate-rotate-left {
    -webkit-transform: rotate(-6deg);
    -moz-transform: rotate(-6deg);
    -ms-transform: rotate(-6deg);
    -o-transform: rotate(-6deg);
    transform: rotate(-6deg);
}

.testimonials .substrate-rotate-right {
    top: -25px;
    border: 1px solid rgba(0,0,0,.02);
    background-color: rgba(0,0,0,.04);
}

.not-ie .testimonials .substrate-rotate-right {
    -webkit-transform: rotate(6deg);
    -moz-transform: rotate(6deg);
    -ms-transform: rotate(6deg);
    -o-transform: rotate(6deg);
    transform: rotate(6deg);
}

.testimonials .quote-text {
    position: relative;
    margin-bottom: 1.5em;
    padding: 45px 0 40px;
    font: italic 14px/1.6 'Adamina', serif;
    color: #6d7a7e;
}

    .testimonials .quote-text:after,
    .testimonials .quote-text:before {
        position: absolute;
        width: 33px;
        height: 23px;
        background-image: url(../images/quotes.png);
        background-repeat: no-repeat;
        background-position: 0 0;
        content: '';
    }

    .testimonials .quote-text:before {
        left: 0;
        top: 0;
    }

    .testimonials .quote-text:after {
        bottom: 0;
        right: 0;
        background-position: right top;
    }

.testimonials .quote-author {
    font: italic 14px/1.6 'Adamina', serif;
    color: #124162;
}

    .testimonials .quote-author span {
        display: block;
        font-size: 100%;
    }

/* ---------------------------------------------------------------------- */
/*	Footer
/* ---------------------------------------------------------------------- */

#footer {
    /* [disabled]position: relative; */
    /* [disabled]margin-top: 35px; */
    /* [disabled]padding-right: 0; */
    /* [disabled]padding-left: 0; */
    background-color: #FFF;
    /* [disabled]margin-bottom: 20px; */
    /* [disabled]padding-bottom: 20px; */
}

.copyrights {
    text-indent: -9999px;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
}

ul.copyright {
    position: relative;
    clear: both;
    width: 96%;
    list-style: none;
    text-align: left;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    padding-top: 15px;
    /* [disabled]padding-right: 10px; */
    padding-bottom: 20px;
    /* [disabled]padding-left: 10px; */
    font-family: Verdana, Geneva, sans-serif, "微軟正黑體";
    font-size: 100%;
    line-height: 24px;
    color: #000;
}

    ul.copyright:after {
        position: absolute;
    }

    ul.copyright li:first-child {
        padding-left: 0;
    }

        ul.copyright li:first-child:before {
            margin: 0;
            content: '';
        }

    ul.copyright li {
        display: inline-block;
        font-size: 90%;
        color: #6d7a7e;
    }

.ie7 ul.copyright li {
    float: left;
}

ul.copyright li:before {
    margin: 0 8px;
    content: '.';
    vertical-align: text-bottom;
    line-height: 1.8;
}

/* -------------------------------------------------- */
/*	Widgets
	/* -------------------------------------------------- */

#footer .widget-container {
    margin-bottom: 55px;
}

#footer .widget-title {
    text-transform: uppercase;
    font-size: 100%;
    font-family: 'Adamina', serif;
}

/* ---------------------------------------- */
/*	Custom Menu
		/* ---------------------------------------- */

#footer ul.menu li {
    padding: 7px 0 6px 0;
    border-bottom: 1px solid #e0e1e3;
}

    #footer ul.menu li:first-child {
        padding-top: 0;
    }

.style-1 #footer ul.menu li a {
    color: #1c7fbd;
}

.style-2 #footer ul.menu li a {
    color: #9f1010;
}

.style-3 #footer ul.menu li a {
    color: #69ad11;
}

.style-4 #footer ul.menu li a {
    color: #eba505;
}

.style-5 #footer ul.menu li a {
    color: #3b5381;
}

.style-6 #footer ul.menu li a {
    color: #5592b4;
}

#footer ul.menu li:hover a {
    color: #606163;
}

/* ---------------------------------------- */
/*	Links
		/* ---------------------------------------- */

#footer .widget_links li {
    padding: 7px 0 6px 0;
    border-bottom: 1px solid #e0e1e3;
}

    #footer .widget_links li:first-child {
        padding-top: 0;
    }

.style-1 #footer .widget_links li a {
    color: #1c7fbd;
}

.style-2 #footer .widget_links li a {
    color: #9f1010;
}

.style-3 #footer .widget_links li a {
    color: #69ad11;
}

.style-4 #footer .widget_links li a {
    color: #eba505;
}

.style-5 #footer .widget_links li a {
    color: #3b5381;
}

.style-6 #footer .widget_links li a {
    color: #5592b4;
}

#footer .widget_links li:hover a {
    color: #606163;
}


/* ---------------------------------------------------------------------- */
/*	Widgets
/* ---------------------------------------------------------------------- */

.container .widget-container {
    margin-bottom: 70px;
}

.widget-title {
    text-transform: uppercase;
    font-size: 100%;
    font-family: 'Adamina', serif;
    font-weight: bold;
    background-color: #CCC;
    padding: 5px;
}

.style-1 .widget-title {
    color: #124162;
}



/* ---------------------------------------- */
/*	Back to Top
	/* ---------------------------------------- */

#back-top {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 50;
    display: none;
    width: 45px;
    height: 45px;
    background-image: url(../images/icons/arrow.png);
    background-position: 50%;
    background-repeat: no-repeat;
    text-indent: -9999px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

    #back-top:hover {
        -webkit-box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.15), inset 0 0 20px rgba(0,0,0,.2);
        -moz-box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.15), inset 0 0 20px rgba(0,0,0,.2);
        box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.15), inset 0 0 20px rgba(0,0,0,.2);
    }


/* ---------------------------------------- */
/*	Content Tabs
	/* ---------------------------------------- */

ul.tabs-nav {
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 100%;
    list-style: none outside none;
}

.tabs-nav li {
    position: relative;
    float: left;
    overflow: hidden;
    margin: 0;
    padding: 0;
    line-height: 19px;
}

ul.tabs-nav li a {
    display: block;
    padding: 10px 30px;
    outline: medium none;
    border: 1px solid #d4d4d4;
    border-bottom: 1px solid #d4d4d4;
    border-left: none;
    background-color: #f6f6f7;
    border-color: #d4d4d4;
    color: #606163;
    text-decoration: none;
    letter-spacing: 0;
    font-size: 100%;
    font-family: 'Adamina', serif;
    -webkit-transition: background-color .25s linear;
    -moz-transition: background-color .25s linear;
    -o-transition: background-color .25s linear;
    transition: background-color .25s linear;
}

ul.tabs-nav li:first-child a {
    border-left: 1px solid #d4d4d4;
}

ul.tabs-nav li:hover a {
    background-color: #d4d2d2;
    color: #fff;
}

ul.tabs-nav li.active {
    line-height: 18px;
}

    ul.tabs-nav li.active a {
        background-color: #fff;
        color: #313131;
        border-bottom: 2px solid #fff;
    }

.tabs-container {
    overflow: hidden;
    margin: -1px 0 20px;
    width: 100%;
    border: 1px solid #d4d4d4;
}

.tab-content {
    padding: 25px 20px;
}

/* ---------------------------------------- */
/*	Accordion Content
	/* ---------------------------------------- */

.acc-trigger:first-of-type {
    border-top: 1px solid #d4d4d4;
}

.acc-trigger {
    margin: 0;
    display: block;
    cursor: pointer;
    border: 1px solid #d4d4d4;
    border-top: none;
}

    .acc-trigger a {
        position: relative;
        display: block;
        padding: 10px 20px 10px 38px;
        outline: medium none;
        background-color: #fff;
        color: #606163;
        text-decoration: none;
        font-size: 100%;
        font-family: 'Adamina', serif;
        cursor: pointer;
    }

        .acc-trigger a:after {
            position: absolute;
            left: 11px;
            top: 50%;
            margin-top: -8px;
            width: 17px;
            height: 17px;
            background-image: url(../images/collapse.png);
            background-repeat: no-repeat;
            background-position: 0 0;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            content: '';
        }

.style-1 .acc-trigger a:after,
.style-1 .trigger:after {
    background-color: #539bc7;
}

.ie7 .acc-trigger a:after {
    top: 43%;
}

.acc-trigger.active a:after {
    background-position: 0 -17px;
}

.acc-trigger.active,
.acc-trigger.active > a {
    background-color: #f6f6f7;
    cursor: default !important;
}

.acc-trigger a:hover {
    background-color: #f6f6f7;
    cursor: pointer;
}

.acc-container .content {
    padding: 25px 20px;
    border-left: 1px solid #d4d4d4;
    border-right: 1px solid #d4d4d4;
    border-bottom: 1px solid #d4d4d4;
}

/* ---------------------------------------- */
/*	Content Toggle
	/* ---------------------------------------- */

.box-toggle {
    margin-bottom: 4px;
    border: 1px solid #d4d4d4;
}

.trigger {
    position: relative;
    display: block;
    padding: 10px 20px 10px 38px;
    outline: medium none;
    background-color: #fff;
    color: #606163;
    text-decoration: none;
    font-size: 100%;
    font-family: 'Adamina', serif;
    cursor: pointer;
}

.ie7 .trigger {
    height: 20px;
}

.trigger:after {
    position: absolute;
    left: 11px;
    top: 50%;
    margin-top: -8px;
    width: 17px;
    height: 17px;
    background-image: url(../images/collapse.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    content: '';
}

.trigger.active {
    border-bottom: 1px solid #d4d4d4;
}

    .trigger.active:after {
        background-position: 0 -17px;
    }

.trigger:hover,
.trigger.active {
    background-color: #f6f6f7;
}

.toggle-container {
    display: none;
    padding: 15px;
}

.img_border {
    border: 1px solid #ccc;
    background: #fff;
}

.img_border_s {
    padding: 4px;
}

.img_border_b {
    padding: 7px;
}

.img_nom {
    display: block;
    margin-bottom: 15px;
}

.img_f3 {
    width: 100%;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}

    .img_f3 img {
        width: 100%;
        margin-right: auto;
        margin-left: auto;
        max-width: 1280px;
    }

.sin_up {
    float: left;
    width: 32px;
    margin-right: auto;
    margin-left: auto;
    background-image: url(../img/sign-up.png);
    height: 32px;
}

.pdf {
    /*float: right;*/
    width: 32px;
    margin-right: auto;
    margin-left: auto;
    background-image: url(../img/pdf.png);
    height: 32px;
}

.doc {
    /*float: right;*/
    width: 32px;
    margin-right: auto;
    margin-left: auto;
    background-image: url(../img/word.png);
    height: 32px;
}

.xsl {
    /*float: right;*/
    width: 32px;
    margin-right: auto;
    margin-left: auto;
    background-image: url(../img/excel.png);
    height: 32px;
}

.zip {
    /*float: right;*/
    width: 32px;
    /* [disabled]margin-right: auto; */
    /* [disabled]margin-left: auto; */
    background-image: url(../img/zip.png);
    height: 32px;
}

.odt {
    /*float: right;*/
    width: 32px;
    margin-right: auto;
    margin-left: auto;
    background-image: url(../img/odt.png);
    height: 32px;
}

.ods {
    /*float: right;*/
    width: 32px;
    margin-right: auto;
    margin-left: auto;
    background-image: url(../img/ods.png);
    height: 32px;
}

.odf {
    /*float: right;*/
    width: 32px;
    margin-right: auto;
    margin-left: auto;
    background-image: url(../img/odf.png);
    height: 32px;
}

.col-1 label {
    float: left;
    margin-bottom: 10px;
    margin-right: 5px;
}

.page_content .img2 {
    width: 35%;
    max-width: 150px;
    float: right;
    margin-left: 2%;
    color: #333333;
    margin-bottom: 20px;
    -moz-box-shadow: 0px 0px 12px -2px rgba(20%,20%,40%,0.5);
    -webkit-box-shadow: 0px 0px 12px -2px rgba(20%,20%,40%,0.5);
    box-shadow: 0px 0px 12px -2px rgba(20%,20%,40%,0.5);
    padding: 5px;
}

    .page_content .img2 img {
        width: 100%;
        max-width: 150px;
    }

@media only screen and (min-width: 1250px) {
}

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (min-width: 1000px) {

    .page_content .img {
        background-color: #fff;
        min-width: 200px;
        width: 30%;
        height: 300px;
        line-height: 300px;
        text-align: center;
        float: left;
        margin-right: 2%;
        color: #333333;
        margin-bottom: 20px;
        -moz-box-shadow: 4px 4px 12px -2px rgba(20%,20%,40%,0.5);
        -webkit-box-shadow: 4px 4px 12px -2px rgba(20%,20%,40%,0.5);
        box-shadow: 4px 4px 12px -2px rgba(20%,20%,40%,0.5);
    }

        .page_content .img img {
            max-height: 100%;
            max-width: 100%;
            margin-right: 2%;
            color: #333333;
            text-align: center;
            vertical-align: middle;
        }

    .ceowom {
        float: left;
        width: 30%;
        margin-top: 0.6em;
    }

        .ceowom img {
            width: 100%;
            border-radius: 5px;
            -webkit-border-radius: 5px;
            -o-border-radius: 5px;
            -ms-border-radius: 5px;
            -moz-border-radius: 5px;
        }

    .ceowom-right {
        float: right;
        width: 65%;
    }

        .ceowom-right:before {
            content: '';
            display: inline-block;
            vertical-align: middle;
            height: 100%;
        }

        .ceowom-right h4 {
            display: inline-block;
            font-family: "微軟正黑體 Light";
            font-size: 1.8em;
            line-height: 34px;
            font-weight: bold;
            vertical-align: middle; /* 保证文字垂直居中 */
        }

            .ceowom-right h4 a {
                color: #000;
                text-decoration: none;
                font-family: Verdana, Geneva, sans-serif, "微軟正黑體";
                font-size: 2.1em;
            }

                .ceowom-right h4 a:hover {
                    text-decoration: none;
                    color: #F1B37E;
                }

        .ceowom-right ul li {
            color: #333;
            font-size: 1.5em;
            line-height: 2em;
        }

            .ceowom-right ul li ul li {
                color: #333;
                font-size: 1.0em;
                line-height: 1.7em;
            }

    .col-sm-3 {
        width: 25%;
    }

    .col-1 {
        float: left;
        margin-bottom: 10px;
    }

    #menu {
        display: none;
    }

    .search {
        width: 260px;
        float: right;
        height: 70px;
    }

    .enable {
        clear: both;
        float: right;
    }

    .footer_botom_left {
        clear: both;
        float: right;
        margin-bottom: 15px;
    }

    .copy_txt {
        float: left;
        width: 70%;
    }

    .footer_botom {
        width: 27%;
        float: left;
        margin-right: 3%;
    }

    .searcha3 {
        float: left;
        margin-right: 10px;
        margin-top: 5px;
    }

    /* 【最終修正UI901】熱門關鍵字 */
    .search4 {
        float: none; /* ★關鍵：取消 float */
        display: block;
        width: 100%;
        background-color: #eeeeee;
        color: #222222;
        font-weight: bold;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        position: static;
        z-index: 1;
        font-size: 0.85em;
        padding: 2px 4px;
        margin-top: 5px;
    }

    ul.bxslider li .slide-cnt {
        font-size: 130%;
        color: #FC0;
        font-weight: bold;
        width: 40%;
        height: 100%;
        position: absolute;
        bottom: 0px;
        right: 0px;
        padding-left: 10%;
        padding-right: 10%;
        text-align: right;
        opacity: 0.9;
        line-height: 78px;
        font-family: "Bell MT";
        overflow: hidden;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        background-color: #000;
    }

    .maintitle {
        width: auto;
        font-family: Verdana, Geneva, sans-serif, "微軟正黑體";
        line-height: 30px;
        color: #333;
        text-align: left;
        padding-left: 10px;
        font-size: 145%;
    }

    .mainLeft {
        margin-right: 2%;
        float: left;
        width: 35%;
        height: 534px;
    }

    .mL1 {
        width: 100%;
        height: 256px;
        background-color: #e6e6e6;
        margin-bottom: 22px;
        background-image: url(../images/ml1.png);
        background-repeat: no-repeat;
        background-position: right bottom;
    }

    .mainLeft p {
        padding: 10px;
        font-family: Verdana, Geneva, sans-serif, "微軟正黑體";
        font-size: 100%;
        color: #000;
    }

    .mL2 {
        width: 100%;
        height: 256px;
        background-color: #e6e6e6;
        background-image: url(../images/ml2.png);
        background-repeat: no-repeat;
        background-position: right bottom;
    }

    .mainRight {
        float: right;
        width: 63%;
        height: 534px;
    }

    .mg6 {
        height: 15px;
    }

    .mR1 {
        float: left;
        width: 24%;
        height: 128px;
        /* [disabled]margin-bottom: 10px; */
        margin-right: 1%;
    }

    .mR2 {
        float: right;
        width: 25%;
        height: 128px;
        /* [disabled]margin-bottom: 22px; */
    }

    .mov {
        background-color: #661950;
        width: 100%;
        height: 173px;
        margin-bottom: 22px;
    }

    .pic {
        background-color: #661950;
        width: 100%;
        /*height: 368px;*/
    }

    .search4 {
        float: left;
        width: 190px;
        border: 1px solid #758594;
        border-radius: 5px;
        height: 26px;
        margin-top: 5px;
        background-color: #fff;
        padding-left: 10px;
        margin-right: 10px;
    }

    .search4 {
        padding: 0;
        /*position: absulute;*/
        /*position: absolute;*/
        /*text-indent: -9999px;
}
.search4 li {
	display: inline-block;
	vertical-align: middle;
	float: right;
	/* [disabled]margin-right: 35px; */
    }

    .searcha3 input[type="submit"] {
        border: none;
        cursor: pointer;
        outline: none;
        font-size: 90%;
        font-family: Arial, Helvetica, sans-serif;
        color: #666;
        /* [disabled]right: 12px; */
        /* [disabled]padding-top: 13px; */
        /* [disabled]padding-right: 13px; */
        /* [disabled]padding-bottom: 9px; */
        /* [disabled]padding-left: 33px; */
        background-image: url(../images/search4.png);
        background-repeat: no-repeat;
        background-position: center center;
        /* [disabled]float: right; */
        width: 46px;
        height: 24px;
        border-radius: 5px;
        border: 1px solid #8f3d3d;
        overflow: hidden;
    }

    .search4 input[type="text"] {
        outline: none;
        color: #758594;
        border: none;
        width: 170px;
        text-align: left;
        vertical-align: middle;
        height: 22px;
        /* [disabled]margin-top: 5px; */
        /* [disabled]margin-bottom: 5px; */
        padding-left: 10px;
        font-size: 80%;
    }

    .section_room1 select {
        color: #676769;
        background: #f7f7f7;
        padding-top: 4px;
        padding-right: 5px;
        padding-bottom: 5px;
        padding-left: 5px;
    }

    .mailn_title {
        font-family: Verdana, Geneva, sans-serif, "微軟正黑體";
        font-size: 125%;
        font-weight: bold;
        line-height: 79px;
        height: 79px;
        color: #FFF;
        text-align: center;
    }

    .news {
        background-color: #fff;
        width: 100%;
        height: 550px;
        overflow: hidden;
        /* margin-bottom: 22px; */
        border-radius: 25px;
    }

    .nright {
        float: right;
        width: 45%;
        height: 368px;
        margin-bottom: 25px;
    }

    .white {
        background-color: #fff;
        color: #6b6b6b;
        margin-top: 3px;
        padding-top: 10px;
        padding-right: 13px;
        padding-bottom: 7px;
        padding-left: 20px;
        height: 330px;
        margin-bottom: 24px;
    }

    .white2 {
        background-color: #fff;
        color: #6b6b6b;
        margin-top: 3px;
        padding-top: 10px;
        padding-right: 13px;
        padding-bottom: 7px;
        padding-left: 20px;
        height: 330px;
        margin-bottom: 24px;
    }
    /* -------------------------------------------------- */
    /*	Social Links
	/* -------------------------------------------------- */
    #header {
        width: 100%;
        height: 157px;
        background-color: #FFF;
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #fee600;
        z-index: 1000;
        -moz-box-shadow: 0px 4px 12px -2px rgba(20%,20%,40%,0.5);
        -webkit-box-shadow: 0px 4px 12px -2px rgba(20%,20%,40%,0.5);
        box-shadow: 0px 4px 12px -2px rgba(20%,20%,40%,0.5);
        position:relative;
    }

    .top_slider {
        clear: both;
        height: 379px;
        z-index: -10;
        padding-top: 0;
        /* [disabled]padding-right: 20px; */
        padding-bottom: 0;
        /* [disabled]padding-left: 20px; */
        position: relative;
        background-image: url(../images/slider.jpg);
        background-repeat: no-repeat;
        background-position: center top;
        width: 100%;
    }

    ul.social-links2 {
        padding-top: 5px;
        margin-top: 0px;
        margin-left: 10px;
        margin-bottom: 0px;
        font-size: 100%;
        float: right;
        color: #FFF;
    }

        ul.social-links2 li {
            font-size: 100%;
            float: left;
            /* [disabled]position: absolute; */
            color: #FFF;
            padding-right: 10px;
            /* [disabled]padding-left: 10px; */
        }

        ul.social-links2 > li a:link, a:visited {
            font-size: 100%;
            color: #333;
            font-family: Verdana, Geneva, sans-serif, "微軟正黑體";
            text-decoration: none;
            font-weight: bolder;
            margin-top: 5px;
        }

        ul.social-links2 > li a:hover {
            font-size: 100%;
            color: #F90;
        }

    .morebanner {
        background: #FFF;
        text-align: center;
        padding: 0px;
        -webkit-border-radius: 2px;
        -webkit-background-clip: padding-box;
        -moz-border-radius: 5px;
        -moz-background-clip: padding;
        border-radius: 2px;
        background-clip: padding-box;
        -webkit-box-shadow: 0 0 3px #999;
        -moz-box-shadow: 0 0 3px #999;
        box-shadow: 0 0 5px #999;
        color: #999;
        margin-top: 11px;
        margin-right: 10px;
        margin-bottom: 11px;
        margin-left: 10px;
        min-width: 60px;
        width: 20%;
        float: left;
    }

        .morebanner img {
            width: 100%;
        }

    .cc {
        display: none;
    }

    .btn-search {
        width: 18%;
        border: 1px solid #028531;
        -webkit-border-radius: 2px;
        -webkit-background-clip: padding-box;
        -moz-border-radius: 2px;
        -moz-background-clip: padding;
        border-radius: 2px;
        background-clip: padding-box;
        color: #FFF;
        cursor: pointer;
        display: inline-block;
        text-transform: none;
        -webkit-transition: all .25s ease;
        -moz-transition: all .25s ease;
        -o-transition: all .25s ease;
        -ms-transition: all .25s ease;
        transition: all .25s ease;
        text-align: center;
        text-shadow: none;
        box-shadow: none;
        white-space: nowrap;
        background-attachment: scroll;
        background-color: #019937;
        background-image: none;
        background-repeat: repeat;
        background-position: 0 0;
        margin-right: 0.5%;
        margin-left: 0.5%;
        margin-bottom: 10px;
        padding-top: 6px;
        padding-right: 10px;
        padding-bottom: 6px;
        padding-left: 10px;
    }

        .btn-search:link, .btn-search:visited {
            color: #FFF;
            text-decoration: none;
        }

        .btn-search:hover {
            color: #FFF;
            text-decoration: none;
            border: 1px solid #3b3c41;
            background-attachment: scroll;
            background-color: #1b4118;
            background-image: none;
            background-repeat: repeat;
            background-position: 0 0;
        }

        .btn-search .caret {
            border-top: 4px solid #FFF;
        }

    .bnr-right {
        width: 30%;
        float: left;
    }

    .wrap {
        width: 100%;
        margin-bottom: 80px;
    }

    .col-md-20 {
        width: 20%;
        min-width: 200px;
        font-size: 100%;
    }

    .col-md-24 {
        width: 23.5%;
        min-width: 200px;
        margin-right: 2%;
        font-size: 100%;
        float: left;
    }

    .col-md-241 {
        width: 23.5%;
        min-width: 200px;
        font-size: 100%;
        float: left;
    }

    .col-md-5 {
        width: 33.333%;
        /* [disabled]min-width:300px; */
    }

    .col-sm-6 {
        width: 50%;
    }

    .youtube {
        background-image: url(../images/youtube.png);
        background-repeat: no-repeat;
        background-position: center center;
        height: 64px;
        width: 64px;
        margin-right: 8px;
        float: left;
    }

    .submit input[type="text"] {
        width: 200px;
        color: #666;
        font-weight: 400;
        outline: none;
        font-size: 100%;
        border: 1px solid #999;
        float: left;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -o-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        background-color: #fff;
        margin-top: 0;
        margin-right: 1em;
        margin-bottom: 0;
        margin-left: 0;
        padding-top: 1px;
        padding-right: 10px;
        padding-bottom: 1px;
        padding-left: 10px;
        font-family: Verdana, Geneva, sans-serif, "微軟正黑體";
    }

    .col-md-4 {
        width: 33.33333333%;
    }

    .col-md-0110 {
        width: 100%;
    }

    .col-md-009 {
        width: 77%;
        float: left;
    }

    .col-md-003 {
        width: 22%;
        float: left;
        margin-right: 1%;
    }







    /* 各銀行呆帳資訊揭露網址 */

    .code1 {
        display: none;
    }

    .organization_name1 {
        display: none;
    }

    .url1 {
        display: none;
    }

    .code {
        width: 16%;
        text-align: left;
        padding-top: 8px;
        padding-bottom: 8px;
        float: left;
        background-color: #76591a;
        color: #FFF;
        font-size: 100%;
        padding-left: 10px;
    }

    .organization_name {
        width: 50%;
        text-align: left;
        padding-top: 8px;
        padding-bottom: 8px;
        float: left;
        background-color: #76591a;
        color: #FFF;
        font-size: 100%;
    }

    .url {
        width: 34%;
        text-align: left;
        padding-top: 8px;
        padding-bottom: 8px;
        float: left;
        background-color: #76591a;
        color: #FFF;
        font-size: 100%;
    }

    .code_con {
        width: 16%;
        text-align: left;
        padding-top: 8px;
        padding-bottom: 8px;
        padding-right: 10px;
        padding-left: 10px;
        float: left;
        /* [disabled]background-color: #66F; */
        color: #333;
        font-size: 100%;
        border-top-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
        border-top-style: solid;
        border-bottom-style: solid;
        border-left-style: solid;
        border-top-color: #A8A8FF;
        border-bottom-color: #A8A8FF;
        border-left-color: #A8A8FF;
    }

    .organization_name_con {
        width: 50%;
        text-align: left;
        padding-top: 8px;
        padding-bottom: 8px;
        padding-right: 10px;
        padding-left: 10px;
        float: left;
        /* [disabled]background-color: #66F; */
        color: #333;
        font-size: 100%;
        border-top-width: 1px;
        border-bottom-width: 1px;
        border-top-style: solid;
        border-bottom-style: solid;
        border-top-color: #A8A8FF;
        border-bottom-color: #A8A8FF;
    }

    .url_con {
        width: 34%;
        text-align: left;
        padding-top: 8px;
        padding-bottom: 8px;
        padding-right: 10px;
        padding-left: 10px;
        float: left;
        /* [disabled]background-color: #66F; */
        color: #333;
        font-size: 100%;
        border-top-width: 1px;
        border-right-width: 1px;
        border-bottom-width: 1px;
        border-top-style: solid;
        border-right-style: solid;
        border-bottom-style: solid;
        border-top-color: #A8A8FF;
        border-right-color: #A8A8FF;
        border-bottom-color: #A8A8FF;
    }


    /*  */
    .ltitle {
        width: 80%;
        text-align: center;
        padding-top: 8px;
        padding-bottom: 8px;
        float: left;
        background-color: #76591a;
        color: #FFF;
        font-size: 100%;
    }

    .ptitle {
        width: 80%;
        text-align: center;
        padding-top: 8px;
        padding-bottom: 8px;
        float: left;
        background-color: #0b3865;
        color: #FFF;
        font-size: 100%;
    }

    .pdate {
        width: 20%;
        text-align: center;
        padding-top: 8px;
        padding-bottom: 8px;
        float: left;
        background-color: #0b3865;
        color: #FFF;
        font-size: 100%;
    }

    .souse {
        width: 13%;
        text-align: center;
        padding-top: 8px;
        padding-bottom: 8px;
        float: left;
        background-color: #76591a;
        color: #FFF;
        font-size: 100%;
    }

    .sort {
        width: 5%;
        text-align: center;
        padding-top: 8px;
        padding-bottom: 8px;
        float: left;
        background-color: #0b3865;
        color: #FFF;
        font-size: 100%;
    }

    .ptitle2 {
        width: 80%;
        text-align: center;
        padding-top: 8px;
        padding-bottom: 8px;
        float: left;
        border: 1px solid #A8A8FF;
        color: #666;
        font-size: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        white-space: nowrap;
    }

    .ptitle1 {
        width: 80%;
        /* [disabled]text-align: center; */
        padding-top: 8px;
        padding-bottom: 8px;
        float: left;
        border: 1px solid #A8A8FF;
        color: #666;
        font-size: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        white-space: nowrap;
        padding-left: 20px;
        padding-right: 20px;
    }

    .pdate1 {
        width: 20%;
        text-align: center;
        padding-top: 8px;
        padding-bottom: 8px;
        float: left;
        color: #666;
        font-size: 100%;
        border-top-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
        border-top-style: solid;
        border-bottom-style: solid;
        border-left-style: solid;
        border-top-color: #A8A8FF;
        border-bottom-color: #A8A8FF;
        border-left-color: #A8A8FF;
    }

    .souse1 {
        width: 13%;
        text-align: center;
        padding-top: 8px;
        padding-bottom: 8px;
        float: left;
        color: #666;
        font-size: 100%;
        border-top-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
        border-top-style: solid;
        border-bottom-style: solid;
        border-left-style: solid;
        border-top-color: #A8A8FF;
        border-bottom-color: #A8A8FF;
        border-left-color: #A8A8FF;
    }

    .sort1 {
        width: 5%;
        text-align: center;
        padding-top: 8px;
        padding-bottom: 8px;
        float: left;
        color: #F90;
        font-size: 100%;
        border-top-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
        border-top-style: solid;
        border-bottom-style: solid;
        border-left-style: solid;
        border-top-color: #A8A8FF;
        border-bottom-color: #A8A8FF;
        border-left-color: #A8A8FF;
    }

    .title {
        width: 49.5%;
        text-align: center;
        padding-top: 8px;
        padding-bottom: 8px;
        float: left;
        background-color: #76591a;
        color: #FFF;
        font-size: 110%;
        margin-right: 1%;
    }

    .download {
        width: 49.5%;
        text-align: center;
        padding-top: 8px;
        padding-bottom: 8px;
        float: left;
        background-color: #76591a;
        color: #FFF;
        font-size: 110%;
    }

    .title1 {
        display: none;
    }

    .download1 {
        display: none;
    }

    .title_con {
        width: 49.5%;
        text-align: left;
        padding-top: 8px;
        padding-bottom: 8px;
        padding-right: 10px;
        padding-left: 10px;
        float: left;
        /* [disabled]background-color: #66F; */
        color: #333;
        font-size: 100%;
        margin-right: 1%;
        border: 1px solid #A8A8FF;
    }

    .download_con {
        width: 49.5%;
        text-align: left;
        padding-top: 8px;
        padding-bottom: 8px;
        padding-right: 10px;
        padding-left: 10px;
        float: left;
        /* [disabled]background-color: #66F; */
        color: #333;
        font-size: 100%;
        border: 1px solid #A8A8FF;
    }

    .img_f1 {
        float: right;
        display: block;
        margin-top: 1px;
        margin-right: 0px;
        margin-bottom: 8px;
        margin-left: 2%;
        width: 35%;
    }

        .img_f1 img {
            width: 100%;
        }

    .img_f2 {
        width: 35%;
        float: left;
        display: block;
        margin-top: 1px;
        margin-right: 2%;
        margin-bottom: 8px;
        margin-left: 0px;
    }

        .img_f2 img {
            width: 100%;
        }

    .img_fr {
        float: right;
        margin: 1px 0 8px 20px;
    }

    .page_content_right {
        color: #333333;
        float: left;
        width: 60%;
        margin-right: 3%;
        font-size: 100%;
        line-height: 32px;
    }

    .page_content_left {
        color: #333333;
        float: left;
        width: 37%;
        font-size: 100%;
        line-height: 32px;
    }

    .page_content_right img {
        width: 50%;
        max-width: 300px;
        min-width: 200px;
    }

    .flexslider1 ul.slides li .slide-cnt {
        font-size: 100%;
        width: 100%;
        /* [disabled]background: url(images/slide-cnt.png) repeat 0 0; */
        position: absolute;
        top: 88px;
        padding-top: 7px;
        padding-right: 26px;
        padding-bottom: 7px;
        padding-left: 26px;
        background-color: #000;
        opacity: 0.7;
        white-space: pre;
    }

    .flexslider1 ul.slides li {
        width: 100%;
        height: 126px;
        float: left;
        position: relative;
        overflow: hidden;
    }

    .he_border1 {
        width: 100%;
        height: 126px;
        padding: 0;
        margin: 0;
        /* [disabled]border: 1px solid #000; */
        position: relative;
        box-sizing: border-box;
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        -ms-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        overflow: hidden;
        background-color: #000000;
    }

        .he_border1 .he_border1_img {
            display: block;
            width: 100%;
            padding: 0;
            position: relative;
            -webkit-transition: all .4s ease-in-out;
            -moz-transition: all .4s ease-in-out;
            -o-transition: all .4s ease-in-out;
            -ms-transition: all .4s ease-in-out;
            transition: all .4s ease-in-out;
            opacity: 1;
            overflow: hidden;
            height: 100%;
            margin-top: 0;
            margin-right: auto;
            margin-bottom: 0;
            margin-left: auto;
            text-align: center;
            /* [disabled]bottom: 0px; */
        }

    .search3 {
        display: none;
    }
}

@media only screen and (max-width: 1015px) {
    .search {
        display: none;
    }
}

@media only screen and (max-width: 999px) {

    .hlink {
        float: right !important;
        color: #FFF;
        height: 32px;
        margin-right: 80px;
        position: fixed;
        z-index: 9;
    }

    ul.social-links {
        padding-top: 0px;
        margin-top: 0px;
        margin-left: -30px;
        margin-bottom: 0px;
        margin-left: 0;
        font-size: 90%;
        float: left;
        /* width:430px; */
        z-index: 8;
    }

        ul.social-links li {
            /* margin-left: -20px; */
        }

    .style-1 .navigation ul {
        display: none;
    }

    .style-1 .navigation {
        height: 0px;
    }

    .share {
        display: block;
        float: right;
        color: #FFF;
        height: 30px;
        margin-right: 6px;
        margin-top: 10px;
        position: fixed;
        top: -5px;
        right: 40px;
        z-index: 9;
    }

    .search3 {
        margin-top: 2px;
        margin-right: 10px;
        float: right;
        background: #fff;
        width: 60%;
        height: 35px;
        border: 1px solid #758594;
        border-radius: 20px;
        z-index: 1100;
    }

        .search3 li {
            display: inline-block;
            vertical-align: middle;
            float: left;
        }

        .search3 input[type="submit"] {
            margin-top: 3px;
            border: none;
            cursor: pointer;
            position: absolute;
            outline: none;
            font-size: 90%;
            font-family: Arial, Helvetica, sans-serif;
            border-radius: 18px 18px 18px 18px;
            color: #666;
            right: 20px;
            padding-top: 3px;
            padding-right: 13px;
            padding-bottom: 9px;
            padding-left: 33px;
            background: none;
            background-image: url(../images/search2.png);
            background-repeat: no-repeat;
            background-position: 0px center;
        }

        .search3 input[type="text"] {
            outline: none;
            color: #758594;
            background: none;
            border: none;
            width: 92.33%;
            text-align: left;
            padding: 0.45em 1.5em;
            vertical-align: middle;
        }

    .copy_txt {
        width: 100%;
        clear: both;
    }

    .footer_botom_left {
        float: left;
        margin-bottom: 15px;
        margin-right: 30px;
    }

    .enable {
        float: left;
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .fatfooterA {
        display: none;
    }

    .top {
        color: #FFF;
        height: 45px;
        background-color: #0b4199;
        z-index: 2;
    }

        #top a,
        .top a {
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE1JREFUeNpi/P//PwOtARMDHQBdLGFBYt+nkR2KjEhxQqvIYaR7cD2glSWMo0mY3DiJo5Edi4ZPEqZ7nMSP5pPRon60qB9NwpQDgAADAMIxHUJvWs/TAAAAAElFTkSuQmCC);
            display: block;
            width: 45px;
            height: 45px;
            position: fixed;
            top: 0px;
            left: 0px;
            z-index: 10;
            background-color: #0b4199;
            background-repeat: no-repeat;
            background-position: 9px center;
        }



    ul.social-links2 li {
        height: 0px;
        display: none;
    }

    #control_panel {
        display: none;
    }
}

@media only screen and (min-width: 901px) and (max-width: 959px) {
    .searcha3 {
        float: right;
        margin-right: 10px;
        margin-top: 15px;
    }

    .col-md-24 {
        width: 24%;
        min-width: 200px;
        margin-right: 1%;
        font-size: 100%;
        float: left;
    }

    .col-md-241 {
        width: 24%;
        min-width: 200px;
        font-size: 100%;
        float: left;
    }

    .white {
        background-color: #fff;
        color: #6b6b6b;
        margin-top: 3px;
        padding-top: 10px;
        padding-right: 13px;
        padding-bottom: 7px;
        padding-left: 20px;
        height: 330px;
        margin-bottom: 24px;
    }

    .white2 {
        background-color: #fff;
        color: #6b6b6b;
        margin-top: 3px;
        padding-top: 10px;
        padding-right: 13px;
        padding-bottom: 7px;
        padding-left: 20px;
        height: 330px;
        margin-bottom: 24px;
    }
}

@media only screen and (min-width: 801px) and (max-width: 900px) {

    .searcha3 {
        float: right;
        margin-right: 10px;
        margin-top: 15px;
    }

    .col-md-24 {
        width: 49%;
        min-width: 220px;
        margin-right: 1%;
        font-size: 100%;
        float: left;
    }

    .col-md-241 {
        width: 49%;
        min-width: 220px;
        font-size: 100%;
        float: left;
    }

    .white {
        background-color: #fff;
        color: #6b6b6b;
        margin-top: 3px;
        padding-top: 10px;
        padding-right: 13px;
        padding-bottom: 7px;
        padding-left: 20px;
        height: 180px;
        margin-bottom: 24px;
    }

    .white2 {
        background-color: #fff;
        color: #6b6b6b;
        margin-top: 3px;
        padding-top: 10px;
        padding-right: 13px;
        padding-bottom: 7px;
        padding-left: 20px;
        height: 330px;
        margin-bottom: 24px;
    }
}
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 801px) and (max-width: 999px) {

    .page_content .img {
        background-color: #fff;
        min-width: 200px;
        width: 35%;
        max-width: 300px;
        float: left;
        margin-right: 2%;
        color: #333333;
        margin-bottom: 20px;
        -moz-box-shadow: 4px 4px 12px -2px rgba(20%,20%,40%,0.5);
        -webkit-box-shadow: 4px 4px 12px -2px rgba(20%,20%,40%,0.5);
        box-shadow: 4px 4px 12px -2px rgba(20%,20%,40%,0.5);
    }

        .page_content .img img {
            max-height: 100%;
            max-width: 100%;
            margin-right: 2%;
            color: #333333;
            /* [disabled]margin-bottom: 20px; */
            text-align: center;
        }

    .ceowom {
        float: left;
        width: 30%;
        margin-top: 0.6em;
    }

        .ceowom img {
            width: 100%;
            border-radius: 5px;
            -webkit-border-radius: 5px;
            -o-border-radius: 5px;
            -ms-border-radius: 5px;
            -moz-border-radius: 5px;
        }

    .ceowom-right {
        float: right;
        width: 65%;
    }

        .ceowom-right:before {
            content: '';
            display: inline-block;
            vertical-align: middle;
            height: 100%;
        }

        .ceowom-right h4 {
            display: inline-block;
            font-family: "微軟正黑體 Light";
            font-size: 1.68em;
            line-height: 34px;
            font-weight: 900;
            vertical-align: middle; /* 保证文字垂直居中 */
        }

            .ceowom-right h4 a {
                color: #000;
                text-decoration: none;
                font-family: Verdana, Geneva, sans-serif, "微軟正黑體";
                font-size: 2.1em;
            }

                .ceowom-right h4 a:hover {
                    text-decoration: none;
                    color: #F1B37E;
                }

        .ceowom-right ul li {
            color: #333;
            font-size: 1.3em;
            line-height: 2em;
        }

            .ceowom-right ul li ul li {
                color: #333;
                font-size: 1.0em;
                line-height: 1.6em;
            }

    .col-sm-3 {
        width: 50%;
    }

    .col-1 {
        float: left;
        margin-bottom: 10px;
    }

    ul.bxslider li .slide-cnt {
        font-size: 200%;
        color: #FFF;
        font-weight: bold;
        width: 40%;
        height: 100%;
        /* [disabled]background: url(images/slide-cnt.png) repeat 0 0; */
        position: absolute;
        top: 0px;
        right: 0px;
        padding-top: 22px;
        padding-right: 7%;
        padding-bottom: 22px;
        padding-left: 26px;
        background-color: #000;
        opacity: 0.7;
        line-height: 48px;
        font-family: "Bell MT";
        overflow: hidden;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
    }

    ul.bxslider li {
        margin-top: 0px;
        margin-bottom: 0px;
        width: 100%;
        top: 0px;
        left: 0px;
        min-height: 300px;
    }

        ul.bxslider li img {
            margin-top: 0px;
            margin-bottom: 0px;
            width: 100%;
            top: 0px;
            left: 0px;
            min-height: 300px;
        }

    .maintitle {
        width: auto;
        font-family: Verdana, Geneva, sans-serif, "微軟正黑體";
        line-height: 30px;
        color: #333;
        text-align: left;
        padding-left: 10px;
        font-size: 145%;
    }

    .mainLeft {
        margin-right: 2%;
        float: left;
        width: 35%;
        height: 534px;
    }

    .mL1 {
        width: 100%;
        height: 256px;
        background-color: #e6e6e6;
        margin-bottom: 22px;
        background-image: url(../images/ml1.png);
        background-repeat: no-repeat;
        background-position: right bottom;
    }

    .mainLeft p {
        padding: 10px;
        font-family: Verdana, Geneva, sans-serif, "微軟正黑體";
        font-size: 100%;
        color: #000;
    }

    .mL2 {
        width: 100%;
        height: 256px;
        background-color: #e6e6e6;
        background-image: url(../images/ml2.png);
        background-repeat: no-repeat;
        background-position: right bottom;
    }

    .mainRight {
        float: right;
        width: 63%;
        height: 534px;
    }

    .mg4 {
        margin-left: 1%;
    }

    .mg3 {
        margin-right: 1%;
    }

    .mg5 {
        margin-bottom: 22px;
    }

    .mg6 {
        height: 0px;
    }

    .mR1 {
        float: left;
        width: 49%;
        height: 128px;
    }

    .mR2 {
        float: right;
        width: 49%;
        height: 128px;
    }

    .mov {
        background-color: #661950;
        width: 100%;
        height: 173px;
        margin-bottom: 22px;
    }

    .pic {
        background-color: #661950;
        width: 100%;
        /*height: 368px;*/
    }

    .mailn_title {
        font-family: Verdana, Geneva, sans-serif, "微軟正黑體";
        font-size: 110%;
        font-weight: bold;
        line-height: 79px;
        height: 79px;
        color: #FFF;
        text-align: center;
    }

    .search4 {
        margin-right: 20px;
        float: right;
        width: 300px;
        border: 1px solid #758594;
        border-radius: 20px;
        height: 40px;
        margin-top: 15px;
        background-color: #fff;
        background-image: url(../images/search_bg.jpg);
        background-repeat: no-repeat;
        background-position: 15px center;
        padding-left: 20px;
    }

        .search4 li {
            display: inline-block;
            vertical-align: middle;
            float: right;
            /* [disabled]margin-right: 35px; */
        }

        .search4 input[type="submit"] {
            border: none;
            cursor: pointer;
            position: relative;
            outline: none;
            font-size: 90%;
            font-family: Arial, Helvetica, sans-serif;
            color: #666;
            /* [disabled]right: 12px; */
            padding-top: 13px;
            padding-bottom: 9px;
            padding-left: 33px;
            background: none;
            background-image: url(../images/search1.png);
            background-repeat: no-repeat;
            background-position: 0px center;
            float: right;
        }

        .search4 input[type="text"] {
            outline: none;
            color: #758594;
            border: none;
            width: 130px;
            text-align: left;
            vertical-align: middle;
            height: 30px;
            line-height: 30px;
            margin-top: 5px;
            margin-bottom: 5px;
            margin-left: 15px;
            float: right;
            padding-left: 10px;
            right: 30px;
        }

    .section_room1 select {
        color: #676769;
        background: #f7f7f7;
        padding-top: 4px;
        padding-right: 5px;
        padding-bottom: 5px;
        padding-left: 5px;
    }


    .news {
        background-color: #fff;
        width: 100%;
        height: 550px;
        overflow: hidden;
        /* margin-bottom: 25px; */
        border-radius: 25px;
    }

    .nright {
        width: 100%;
        height: 368px;
        margin-bottom: 25px;
    }



    .top_slider {
        clear: both;
        height: 225px;
        z-index: -10;
        padding-top: 0;
        /* [disabled]padding-right: 20px; */
        padding-bottom: 0;
        /* [disabled]padding-left: 20px; */
        position: relative;
        background-image: url(../images/slider2.jpg);
        background-repeat: no-repeat;
        background-position: center top;
        width: 100%;
    }

    .morebanner {
        background: #FFF;
        text-align: center;
        padding: 0px;
        -webkit-border-radius: 2px;
        -webkit-background-clip: padding-box;
        -moz-border-radius: 5px;
        -moz-background-clip: padding;
        border-radius: 2px;
        background-clip: padding-box;
        -webkit-box-shadow: 0 0 3px #999;
        -moz-box-shadow: 0 0 3px #999;
        box-shadow: 0 0 5px #999;
        color: #999;
        margin-top: 11px;
        margin-right: 10px;
        margin-bottom: 11px;
        margin-left: 10px;
        min-width: 60px;
        width: 28%;
        float: left;
    }

        .morebanner img {
            width: 100%;
        }

    .cc {
        display: none;
    }

    .btn-search {
        width: 22%;
        border: 1px solid #028531;
        -webkit-border-radius: 2px;
        -webkit-background-clip: padding-box;
        -moz-border-radius: 2px;
        -moz-background-clip: padding;
        border-radius: 2px;
        background-clip: padding-box;
        color: #FFF;
        cursor: pointer;
        display: inline-block;
        text-transform: none;
        -webkit-transition: all .25s ease;
        -moz-transition: all .25s ease;
        -o-transition: all .25s ease;
        -ms-transition: all .25s ease;
        transition: all .25s ease;
        text-align: center;
        text-shadow: none;
        box-shadow: none;
        white-space: nowrap;
        background-attachment: scroll;
        background-color: #019937;
        background-image: none;
        background-repeat: repeat;
        background-position: 0 0;
        margin-right: 1%;
        margin-left: 1%;
        margin-bottom: 10px;
        padding-top: 6px;
        padding-right: 10px;
        padding-bottom: 6px;
        padding-left: 10px;
    }

        .btn-search:link, .btn-search:visited {
            color: #FFF;
            text-decoration: none;
        }

        .btn-search:hover {
            color: #FFF;
            text-decoration: none;
            border: 1px solid #3b3c41;
            background-attachment: scroll;
            background-color: #1b4118;
            background-image: none;
            background-repeat: repeat;
            background-position: 0 0;
        }

        .btn-search .caret {
            border-top: 4px solid #FFF;
        }

    .bnr-right {
        width: 30%;
        float: left;
    }

    .wrap {
        width: 100%;
        margin-bottom: 80px;
    }

    .col-md-20 {
        width: 33.333%;
        min-width: 200px;
        font-size: 100%;
    }

    .col-md-5 {
        width: 50%;
    }

    .col-sm-6 {
        width: 100%;
    }

    .youtube {
        background-image: url(../images/youtube.png);
        background-repeat: no-repeat;
        background-position: center center;
        height: 64px;
        width: 64px;
        margin-right: 8px;
        float: left;
    }

    .submit input[type="text"] {
        width: 200px;
        color: #666;
        font-weight: 400;
        outline: none;
        font-size: 100%;
        border: 1px solid #999;
        float: left;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -o-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        background-color: #fff;
        margin-top: 0;
        margin-right: 1em;
        margin-bottom: 0;
        margin-left: 0;
        padding-top: 1px;
        padding-right: 10px;
        padding-bottom: 1px;
        padding-left: 10px;
        font-family: Verdana, Geneva, sans-serif, "微軟正黑體";
    }

    .col-md-4 {
        width: 50%;
    }

    .col-md-009 {
        width: 70%;
        float: left;
    }

    .col-md-003 {
        width: 29%;
        float: left;
        margin-right: 1%;
    }

    .whitebackground7 {
        background: #FFF;
        text-align: center;
        padding: 0px;
        -webkit-border-radius: 2px;
        -webkit-background-clip: padding-box;
        -moz-border-radius: 5px;
        -moz-background-clip: padding;
        border-radius: 2px;
        background-clip: padding-box;
        -webkit-box-shadow: 0 0 3px #999;
        -moz-box-shadow: 0 0 3px #999;
        box-shadow: 0 0 5px #999;
        color: #999;
        margin-right: 10px;
        margin-bottom: 11px;
        margin-left: 10px;
        min-width: 400px;
        overflow: hidden;
    }

    /* 各銀行呆帳資訊揭露網址 */
    .code1 {
        display: none;
    }

    .organization_name1 {
        display: none;
    }

    .url1 {
        display: none;
    }

    .code {
        width: 16%;
        text-align: left;
        padding-top: 8px;
        padding-bottom: 8px;
        padding-left: 10px;
        float: left;
        background-color: #76591a;
        color: #FFF;
        font-size: 100%;
    }

    .organization_name {
        width: 50%;
        text-align: left;
        padding-top: 8px;
        padding-bottom: 8px;
        float: left;
        background-color: #76591a;
        color: #FFF;
        font-size: 100%;
    }

    .url {
        width: 34%;
        text-align: left;
        padding-top: 8px;
        padding-bottom: 8px;
        float: left;
        background-color: #76591a;
        color: #FFF;
        font-size: 100%;
    }

    .code_con {
        width: 16%;
        text-align: left;
        padding-top: 8px;
        padding-bottom: 8px;
        padding-right: 10px;
        padding-left: 10px;
        float: left;
        /* [disabled]background-color: #66F; */
        color: #333;
        font-size: 100%;
        border-top-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
        border-top-style: solid;
        border-bottom-style: solid;
        border-left-style: solid;
        border-top-color: #A8A8FF;
        border-bottom-color: #A8A8FF;
        border-left-color: #A8A8FF;
    }

    .organization_name_con {
        width: 50%;
        text-align: left;
        padding-top: 8px;
        padding-bottom: 8px;
        padding-right: 10px;
        padding-left: 10px;
        float: left;
        /* [disabled]background-color: #66F; */
        color: #333;
        font-size: 100%;
        border-top-width: 1px;
        border-bottom-width: 1px;
        border-top-style: solid;
        border-bottom-style: solid;
        border-top-color: #A8A8FF;
        border-bottom-color: #A8A8FF;
    }

    .url_con {
        width: 34%;
        text-align: left;
        padding-top: 8px;
        padding-bottom: 8px;
        padding-right: 10px;
        padding-left: 10px;
        float: left;
        /* [disabled]background-color: #66F; */
        color: #333;
        font-size: 100%;
        border-top-width: 1px;
        border-right-width: 1px;
        border-bottom-width: 1px;
        border-top-style: solid;
        border-right-style: solid;
        border-bottom-style: solid;
        border-top-color: #A8A8FF;
        border-right-color: #A8A8FF;
        border-bottom-color: #A8A8FF;
    }

    .title {
        width: 45.5%;
        text-align: center;
        padding-top: 8px;
        padding-bottom: 8px;
        float: left;
        background-color: #76591a;
        color: #FFF;
        font-size: 110%;
        margin-right: 1%;
    }

    .download {
        width: 53.5%;
        text-align: center;
        padding-top: 8px;
        padding-bottom: 8px;
        float: left;
        background-color: #76591a;
        color: #FFF;
        font-size: 110%;
    }

    .title1 {
        display: none;
    }

    .download1 {
        display: none;
    }

    .title_con {
        width: 45.5%;
        text-align: left;
        padding-top: 8px;
        padding-bottom: 8px;
        padding-right: 10px;
        padding-left: 10px;
        float: left;
        /* [disabled]background-color: #66F; */
        color: #333;
        font-size: 100%;
        margin-right: 1%;
        border: 1px solid #A8A8FF;
    }

    .download_con {
        width: 53.5%;
        text-align: left;
        padding-top: 8px;
        padding-bottom: 8px;
        padding-right: 10px;
        padding-left: 10px;
        float: left;
        /* [disabled]background-color: #66F; */
        color: #333;
        font-size: 100%;
        border: 1px solid #A8A8FF;
    }

    .ltitle {
        width: 85%;
        text-align: center;
        padding-top: 8px;
        padding-bottom: 8px;
        float: left;
        background-color: #76591a;
        color: #FFF;
        font-size: 100%;
    }

    .ptitle {
        width: 80%;
        text-align: center;
        padding-top: 8px;
        padding-bottom: 8px;
        float: left;
        background-color: #0b3865;
        color: #FFF;
        font-size: 100%;
    }

    .pdate {
        width: 20%;
        text-align: center;
        padding-top: 8px;
        padding-bottom: 8px;
        float: left;
        background-color: #0b3865;
        color: #FFF;
        font-size: 100%;
    }

    .souse {
        width: 15%;
        text-align: center;
        padding-top: 8px;
        padding-bottom: 8px;
        float: left;
        background-color: #76591a;
        color: #FFF;
        font-size: 100%;
    }

    .sort {
        display: none;
    }

    .ptitle2 {
        width: 85%;
        text-align: center;
        padding-top: 8px;
        padding-bottom: 8px;
        float: left;
        border: 1px solid #A8A8FF;
        color: #666;
        font-size: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        white-space: nowrap;
    }

    .ptitle1 {
        width: 80%;
        /* [disabled]text-align: center; */
        padding-top: 8px;
        padding-bottom: 8px;
        float: left;
        border: 1px solid #A8A8FF;
        color: #666;
        font-size: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        white-space: nowrap;
        padding-right: 10px;
        padding-left: 10px;
    }

    .pdate1 {
        width: 20%;
        text-align: center;
        padding-top: 8px;
        padding-bottom: 8px;
        float: left;
        color: #666;
        font-size: 75%;
        border-top-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
        border-top-style: solid;
        border-bottom-style: solid;
        border-left-style: solid;
        border-top-color: #A8A8FF;
        border-bottom-color: #A8A8FF;
        border-left-color: #A8A8FF;
    }

    .souse1 {
        width: 15%;
        text-align: center;
        padding-top: 8px;
        padding-bottom: 8px;
        float: left;
        color: #666;
        font-size: 100%;
        border-top-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
        border-top-style: solid;
        border-bottom-style: solid;
        border-left-style: solid;
        border-top-color: #A8A8FF;
        border-bottom-color: #A8A8FF;
        border-left-color: #A8A8FF;
    }

    .sort1 {
        display: none;
    }

    .img_f1 {
        float: right;
        display: block;
        margin-top: 1px;
        margin-right: 0px;
        margin-bottom: 8px;
        margin-left: 2%;
        width: 35%;
    }

        .img_f1 img {
            width: 100%;
        }

    .img_f2 {
        width: 35%;
        float: left;
        display: block;
        margin-top: 1px;
        margin-right: 2%;
        margin-bottom: 8px;
        margin-left: 0px;
    }

        .img_f2 img {
            width: 100%;
        }

    .img_fr {
        float: right;
        margin: 1px 0 8px 20px;
    }

    .page_content_right {
        color: #333333;
        float: left;
        width: 50%;
        margin-right: 3%;
        font-size: 100%;
        line-height: 32px;
    }

    .page_content_left {
        color: #333333;
        float: left;
        width: 47%;
        font-size: 100%;
        line-height: 32px;
    }

    .page_content_right img {
        width: 50%;
        max-width: 300px;
        min-width: 200px;
    }

    .flexslider1 ul.slides li .slide-cnt {
        font-size: 100%;
        width: 100%;
        /* [disabled]background: url(images/slide-cnt.png) repeat 0 0; */
        position: absolute;
        top: 88px;
        padding-top: 7px;
        padding-right: 26px;
        padding-bottom: 7px;
        padding-left: 26px;
        background-color: #000;
        opacity: 0.7;
        white-space: pre;
    }

    .flexslider1 ul.slides li {
        width: 100%;
        height: 126px;
        float: left;
        position: relative;
        overflow: hidden;
    }

    .he_border1 {
        width: 100%;
        height: 126px;
        padding: 0;
        margin: 0;
        /* [disabled]border: 1px solid #000; */
        position: relative;
        box-sizing: border-box;
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        -ms-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        overflow: hidden;
        background-color: #635028;
    }

        .he_border1 .he_border1_img {
            display: block;
            width: 100%;
            padding: 0;
            position: relative;
            -webkit-transition: all .4s ease-in-out;
            -moz-transition: all .4s ease-in-out;
            -o-transition: all .4s ease-in-out;
            -ms-transition: all .4s ease-in-out;
            transition: all .4s ease-in-out;
            opacity: 1;
            overflow: hidden;
            height: 100%;
            margin-top: 0;
            margin-right: auto;
            margin-bottom: 0;
            margin-left: auto;
            text-align: center;
            /* [disabled]bottom: 0px; */
        }

    #header {
        width: 100%;
        height: 87px;
        background-color: #FFF;
        border-bottom-width: 4px;
        border-bottom-style: solid;
        border-bottom-color: #fee600;
        -moz-box-shadow: 0px 4px 12px -2px rgba(20%,20%,40%,0.5);
        -webkit-box-shadow: 0px 4px 12px -2px rgba(20%,20%,40%,0.5);
        box-shadow: 0px 4px 12px -2px rgba(20%,20%,40%,0.5);
    }
    /* ---------------------------------------------------------------------- */
    /*	Layout
	/* ---------------------------------------------------------------------- */
    #top a,
    .top a {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE1JREFUeNpi/P//PwOtARMDHQBdLGFBYt+nkR2KjEhxQqvIYaR7cD2glSWMo0mY3DiJo5Edi4ZPEqZ7nMSP5pPRon60qB9NwpQDgAADAMIxHUJvWs/TAAAAAElFTkSuQmCC);
        display: block;
        width: 45px;
        height: 45px;
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 10;
        background-color: #0b4199;
        background-repeat: no-repeat;
        background-position: 9px center;
    }

    ul.social-links2 {
        display: none;
    }

    .container {
        width: 800px;
    }

    /* -------------------------------------------------- */
    /*	Columns
		/* -------------------------------------------------- */

    .one-half {
        width: 364px;
    }

    .one-third {
        width: 236px;
    }

    .two-third {
        width: 492px;
    }

    .one-fourth {
        width: 172px;
    }

    .three-fourth {
        width: 100%;
    }

    /* ---------------------------------------------------------------------- */
    /*	Header
	/* ---------------------------------------------------------------------- */


    /* ---------------------------------------------------------------------- */
    /*	Home
	/* ---------------------------------------------------------------------- */

    ul.block-with-icons li {
        width: 248px;
    }

    /* ---------------------------------------------------------------------- */
    /*	Content
	/* ---------------------------------------------------------------------- */

    #content {
        float: left;
        width: 520px;
    }

        /* -------------------------------------------------- */
        /*	Layout
		/* -------------------------------------------------- */

        #content .one-fourth {
            width: 234px;
        }

    /* ---------------------------------------------------------------------- */
    /*	Events
	/* ---------------------------------------------------------------------- */

    .event-body {
        width: 245px;
    }

        /* -------------------------------------------------- */
        /*	Columns
		/* -------------------------------------------------- */

        .event-body .one-half {
            width: 232px;
        }

    /* ---------------------------------------------------------------------- */
    /*	Blog
	/* ---------------------------------------------------------------------- */
    .post-item,
    .second .post {
        float: left;
        width: 47%;
        margin-top: 0;
        margin-right: 3%;
        margin-bottom: 20px;
        margin-left: 0;
        padding-top: 0;
        padding-right: 0;
        padding-bottom: 10px;
        padding-left: 0;
    }

    /* ---------------------------------------------------------------------- */
    /*	Contact Us
	/* ---------------------------------------------------------------------- */

    #contact textarea {
        max-width: 470px;
        min-width: 470px;
        width: 470px;
    }

    /* ---------------------------------------------------------------------- */
    /*	Sidebar
	/* ---------------------------------------------------------------------- */

    #sidebar {
        float: right;
        width: 250px;
    }

    /* -------------------------------------------------- */
    /*	Widgets
		/* -------------------------------------------------- */

    .fb-like-box iframe {
        width: 220px !important;
    }

    /* ---------------------------------------- */
    /*	Search
			/* ---------------------------------------- */

    .widget_search input[type="text"] {
        width: 155px;
    }
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 800px) {
    .share {
        display: block;
        float: right;
        color: #FFF;
        height: 30px;
        margin-right: 6px;
        margin-top: 10px;
        position: fixed;
        top: 35px;
        right: 40px;
        z-index: 9;
    }
    /*.top{
	height: 85px;
	color: #fff;
	background-color: #0b4199;
	z-index: 2;
}*/
}

@media only screen and (min-width: 481px) and (max-width: 800px) {
    .maintitle {
        width: auto;
        font-family: Verdana, Geneva, sans-serif, "微軟正黑體";
        line-height: 30px;
        color: #333;
        text-align: left;
        padding-left: 10px;
        font-size: 145%;
    }

    .page_content .img {
        background-color: #fff;
        min-width: 200px;
        width: 40%;
        margin-right: 2%;
        color: #333333;
        margin-bottom: 20px;
        -moz-box-shadow: 4px 4px 12px -2px rgba(20%,20%,40%,0.5);
        -webkit-box-shadow: 4px 4px 12px -2px rgba(20%,20%,40%,0.5);
        box-shadow: 4px 4px 12px -2px rgba(20%,20%,40%,0.5);
        float: left;
    }

        .page_content .img img {
            max-height: 100%;
            max-width: 100%;
            text-align: center;
            /* [disabled]margin-bottom: 20px; */
            /* [disabled]text-align: center; */
        }

    .ceowom {
        width: 50%;
        margin-top: 0.6em;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 30px;
    }

        .ceowom img {
            width: 100%;
            border-radius: 5px;
            -webkit-border-radius: 5px;
            -o-border-radius: 5px;
            -ms-border-radius: 5px;
            -moz-border-radius: 5px;
        }

    .ceowom-right {
        border-top-width: 1px;
        border-top-style: solid;
        border-top-color: #039;
        width: 100%;
    }

        .ceowom-right:before {
            content: '';
            display: inline-block;
            vertical-align: middle;
            height: 100%;
        }

        .ceowom-right h4 {
            display: inline-block;
            font-size: 1.68em;
            line-height: 34px;
            font-family: "微軟正黑體 Light";
            font-weight: 900;
            vertical-align: middle; /* 保证文字垂直居中 */
        }

            .ceowom-right h4 a {
                color: #000;
                text-decoration: none;
                font-family: Verdana, Geneva, sans-serif, "微軟正黑體";
                font-size: 2.1em;
            }

                .ceowom-right h4 a:hover {
                    text-decoration: none;
                    color: #F1B37E;
                }

        .ceowom-right ul li {
            color: #333;
            font-size: 1.5em;
            line-height: 2em;
        }

            .ceowom-right ul li ul li {
                color: #333;
                font-size: 1.0em;
                line-height: 1.6em;
            }

    .copys {
        width: 100%;
        clear: both;
    }

    ul.copyright {
        position: relative;
        clear: both;
        width: 100%;
        list-style: none;
        text-align: left;
        margin-top: 15px;
        margin-right: auto;
        margin-bottom: 0;
        margin-left: auto;
        padding-top: 15px;
        padding-right: 20px;
        padding-bottom: 20px;
        padding-left: 20px;
        font-family: Verdana, Geneva, sans-serif, "微軟正黑體";
        font-size: 95%;
        line-height: 24px;
        color: #000;
        border-top-width: 3px;
        border-top-style: solid;
        border-top-color: #235aa5;
    }

    .col-sm-3 {
        width: 50%;
        float: left;
        margin-bottom: 10px;
    }

    .col-1 {
        width: 100%;
        margin-bottom: 10px;
    }

    .prevent {
        width: 100%;
        height: 80px;
        background-color: #000;
        color: #fff;
        position: fixed;
        bottom: 0px;
        z-index: 10000;
    }

    .prevent_txt {
        width: 90%;
        color: #fff;
        font-size: 145%;
        background-image: url(../images/brand1.png);
        background-repeat: no-repeat;
        background-position: right center;
        padding-right: 42px;
        line-height: 80px;
        margin-left: auto;
        margin-right: auto;
    }

    .page_left, .Information {
        width: 100%;
        margin-bottom: 22px;
    }

    .Coverage, .Information, .product {
        width: 100%;
        /* margin-bottom:22px; */
        height: auto;
        padding-bottom: 15px;
    }

    .features {
        position: relative;
        width: 100%;
        float: right;
        border-radius: 25px 25px 25px 25px;
        overflow: hidden; /* z-index:9999; */ /* margin-bottom:22px; */
    }

    .news {
        background-color: #FFFFFF;
        width: 100%;
        overflow: hidden;
        margin-bottom: 25px;
        border-radius: 10px;
    }

    .searcha3 {
        display: none;
    }

    ul.bxslider li .slide-cnt {
        font-size: 165%;
        color: #FFF;
        font-weight: bold;
        width: 60%;
        height: 100%;
        /* [disabled]background: url(images/slide-cnt.png) repeat 0 0; */
        position: absolute;
        top: 0px;
        right: 0px;
        padding-top: 22px;
        padding-right: 7%;
        padding-bottom: 22px;
        padding-left: 26px;
        background-color: #000;
        opacity: 0.7;
        line-height: 32px;
        font-family: "Bell MT";
        overflow: hidden;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
    }

    ul.bxslider li {
        margin-top: 0px;
        margin-bottom: 0px;
        min-width: 100%;
        top: 0px;
        left: 0px;
    }

        ul.bxslider li img {
            margin-top: 0px;
            margin-bottom: 0px;
            width: 100%;
            top: 0px;
            left: 0px;
        }


    .mainLeft {
        width: 100%;
        height: 256px;
        clear: both;
    }

    .mL1 {
        width: 49%;
        height: 256px;
        background-color: #e6e6e6;
        margin-bottom: 22px;
        background-image: url(../images/ml1.png);
        background-repeat: no-repeat;
        background-position: right bottom;
        margin-right: 2%;
        float: left;
    }

    .mainLeft p {
        padding: 10px;
        font-family: Verdana, Geneva, sans-serif, "微軟正黑體";
        font-size: 100%;
        color: #000;
    }

    .mL2 {
        width: 49%;
        height: 256px;
        background-color: #e6e6e6;
        background-image: url(../images/ml2.png);
        background-repeat: no-repeat;
        background-position: right bottom;
        margin-bottom: 22px;
        float: right;
    }

    .mainRight {
        width: 100%;
        height: 534px;
    }

    .mg4 {
        margin-left: 1%;
    }

    .mg3 {
        margin-right: 1%;
    }

    .mg5 {
        margin-bottom: 10px;
    }

    .mg6 {
        height: 0px;
    }

    .mR1 {
        float: left;
        width: 49%;
        height: 128px;
    }

    .mR2 {
        float: right;
        width: 49%;
        height: 128px;
    }

    .news {
        background-color: #FFFFFF;
        width: 100%;
        height: auto;
        overflow: hidden;
        margin-bottom: 25px;
        border-radius: 15px;
    }

    .nright {
        width: 100%;
        height: 368px;
        margin-bottom: 25px;
    }

    .mov {
        margin-right: 2%;
        background-color: #CCCCCC;
        width: 49%;
        height: 173px;
        margin-bottom: 22px;
        float: left;
    }

    .pic {
        background-color: #661950;
        width: 100%;
        /*height: 368px;*/
        /* [disabled]float: right; */
    }

    .searcharadio, .search4 {
        display: none;
    }

    .search4 {
        display: none;
    }

    .search3 {
        margin-top: 2px;
        margin-right: 10px;
        float: right;
        background: #fff;
        width: 60%;
        height: 35px;
        border: 1px solid #758594;
        border-radius: 20px;
        z-index: 1100;
    }

        .search3 li {
            display: inline-block;
            vertical-align: middle;
            float: left;
        }

        .search3 input[type="submit"] {
            margin-top: 3px;
            border: none;
            cursor: pointer;
            position: absolute;
            outline: none;
            font-size: 90%;
            font-family: Arial, Helvetica, sans-serif;
            border-radius: 18px 18px 18px 18px;
            color: #666;
            right: 20px;
            padding-top: 3px;
            padding-right: 13px;
            padding-bottom: 9px;
            padding-left: 33px;
            background: none;
            background-image: url(../images/search2.png);
            background-repeat: no-repeat;
            background-position: 0px center;
        }

        .search3 input[type="text"] {
            outline: none;
            color: #758594;
            background: none;
            border: none;
            width: 92.33%;
            text-align: left;
            padding: 0.45em 1.5em;
            vertical-align: middle;
        }

    .section_room1 select {
        width: 100%;
        color: #676769;
        font-size: 1em;
        font-weight: 500;
        outline: none;
        background: #f7f7f7;
        border: none;
        cursor: pointer;
        padding-top: 5px;
        padding-right: 14px;
        padding-bottom: 4px;
        padding-left: 14px;
    }


    .social-links2 {
        display: none;
    }

    .mWrapper {
        /* [disabled]margin-bottom: 50px; */
        /* [disabled]box-shadow: 0 4px 4px -2px #ddd; */
        width: 780px;
        /* [disabled]background-color: white; */
        z-index: 999999;
    }

    .mailn_title {
        font-family: Verdana, Geneva, sans-serif, "微軟正黑體";
        font-size: 115%;
        font-weight: bold;
        line-height: 79px;
        height: 79px;
        color: #FFF;
        text-align: center;
    }

    .col-md-24 {
        width: 49%;
        min-width: 200px;
        margin-right: 1%;
        font-size: 100%;
        float: left;
    }

    .col-md-241 {
        width: 49%;
        min-width: 200px;
        font-size: 100%;
        float: left;
    }

    .white {
        background-color: #fff;
        color: #6b6b6b;
        margin-top: 3px;
        padding-top: 10px;
        padding-right: 13px;
        padding-bottom: 7px;
        padding-left: 20px;
        height: 180px;
        margin-bottom: 24px;
    }

    .white2 {
        background-color: #fff;
        color: #6b6b6b;
        margin-top: 3px;
        padding-top: 10px;
        padding-right: 13px;
        padding-bottom: 7px;
        padding-left: 20px;
        height: 330px;
        margin-bottom: 24px;
    }

    .top_slider {
        clear: both;
        height: 188px;
        z-index: -10;
        padding-top: 0;
        /* [disabled]padding-right: 20px; */
        padding-bottom: 0;
        /* [disabled]padding-left: 20px; */
        position: relative;
        background-image: url(../images/slider3.jpg);
        background-repeat: no-repeat;
        background-position: center top;
        width: 100%;
    }

    .morebanner {
        background: #FFF;
        text-align: center;
        padding: 0px;
        -webkit-border-radius: 2px;
        -webkit-background-clip: padding-box;
        -moz-border-radius: 5px;
        -moz-background-clip: padding;
        border-radius: 2px;
        background-clip: padding-box;
        -webkit-box-shadow: 0 0 3px #999;
        -moz-box-shadow: 0 0 3px #999;
        box-shadow: 0 0 5px #999;
        color: #999;
        margin-top: 11px;
        margin-right: 10px;
        margin-bottom: 11px;
        margin-left: 10px;
        min-width: 60px;
        width: 28%;
        float: left;
    }

        .morebanner img {
            width: 100%;
        }

    .cc {
        display: none;
    }

    .btn-search {
        width: 23%;
        border: 1px solid #4f8db3;
        -webkit-border-radius: 2px;
        -webkit-background-clip: padding-box;
        -moz-border-radius: 2px;
        -moz-background-clip: padding;
        border-radius: 2px;
        background-clip: padding-box;
        color: #FFF;
        cursor: pointer;
        display: inline-block;
        text-transform: none;
        -webkit-transition: all .25s ease;
        -moz-transition: all .25s ease;
        -o-transition: all .25s ease;
        -ms-transition: all .25s ease;
        transition: all .25s ease;
        text-align: center;
        text-shadow: none;
        box-shadow: none;
        white-space: nowrap;
        background-attachment: scroll;
        background-color: #019937;
        background-image: none;
        background-repeat: repeat;
        background-position: 0 0;
        margin-right: 0.5%;
        margin-left: 0.5%;
        margin-bottom: 10px;
        padding-top: 6px;
        padding-right: 10px;
        padding-bottom: 6px;
        padding-left: 10px;
    }

        .btn-search:link, .btn-search:visited {
            color: #FFF;
            text-decoration: none;
        }

        .btn-search:hover {
            color: #FFF;
            text-decoration: none;
            border: 1px solid #3b3c41;
            background-attachment: scroll;
            background-color: #1b4118;
            background-image: none;
            background-repeat: repeat;
            background-position: 0 0;
        }

        .btn-search .caret {
            border-top: 4px solid #FFF;
        }

    .bnr-right {
        width: 30%;
        float: left;
    }

    .col-sm-6 {
        width: 100%;
    }

    .youtube {
        display: none;
    }

    .submit input[type="text"] {
        width: 150px;
        color: #666;
        font-weight: 400;
        outline: none;
        font-size: 100%;
        border: 1px solid #999;
        float: left;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -o-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        background-color: #fff;
        margin-top: 0;
        margin-right: 1em;
        margin-bottom: 15px;
        margin-left: 0;
        padding-top: 1px;
        padding-right: 10px;
        padding-bottom: 1px;
        padding-left: 10px;
        font-family: Verdana, Geneva, sans-serif, "微軟正黑體";
    }

    .col-md-20 {
        width: 50%;
        min-width: 200px;
        font-size: 100%;
    }

    .col-md-5 {
        width: 50%;
    }

    .col-md-4 {
        width: 50%;
    }

    .col-md-009 {
        width: 100%;
    }

    .col-md-003 {
        display: none;
    }

    .whitebackground0 {
        background: #FFF;
        text-align: center;
        padding: 0px;
        -webkit-border-radius: 2px;
        -webkit-background-clip: padding-box;
        -moz-border-radius: 5px;
        -moz-background-clip: padding;
        border-radius: 2px;
        background-clip: padding-box;
        -webkit-box-shadow: 0 0 3px #999;
        -moz-box-shadow: 0 0 3px #999;
        box-shadow: 0 0 5px #999;
        color: #999;
        margin-right: 10px;
        margin-bottom: 11px;
        margin-left: 10px;
        min-width: 400px;
        overflow: hidden;
    }

    .whitebackground {
        background: #FFF;
        text-align: center;
        padding: 0px;
        -webkit-border-radius: 2px;
        -webkit-background-clip: padding-box;
        -moz-border-radius: 5px;
        -moz-background-clip: padding;
        border-radius: 2px;
        background-clip: padding-box;
        -webkit-box-shadow: 0 0 3px #999;
        -moz-box-shadow: 0 0 3px #999;
        box-shadow: 0 0 5px #999;
        color: #999;
        height: 100px;
        margin-top: 11px;
        margin-right: 10px;
        margin-bottom: 11px;
        margin-left: 10px;
    }

    .whitebackground1 {
        background: #FFF;
        text-align: center;
        padding: 0px;
        -webkit-border-radius: 2px;
        -webkit-background-clip: padding-box;
        -moz-border-radius: 5px;
        -moz-background-clip: padding;
        border-radius: 2px;
        background-clip: padding-box;
        -webkit-box-shadow: 0 0 3px #999;
        -moz-box-shadow: 0 0 3px #999;
        box-shadow: 0 0 5px #999;
        color: #999;
        height: 150px;
        margin-top: 11px;
        margin-right: 10px;
        margin-bottom: 11px;
        margin-left: 10px;
        min-width: 400px;
    }

    .whitebackground2 {
        background: #FFF;
        text-align: center;
        padding: 0px;
        -webkit-border-radius: 2px;
        -webkit-background-clip: padding-box;
        -moz-border-radius: 5px;
        -moz-background-clip: padding;
        border-radius: 2px;
        background-clip: padding-box;
        -webkit-box-shadow: 0 0 3px #999;
        -moz-box-shadow: 0 0 3px #999;
        box-shadow: 0 0 5px #999;
        color: #999;
        height: 300px;
        margin-top: 11px;
        margin-right: 10px;
        margin-bottom: 11px;
        margin-left: 10px;
        min-width: 400px;
    }

    .clear {
        clear: both;
        display: block;
        height: 1px;
        overflow: hidden;
        visibility: hidden;
        width: 0;
    }

    .whitebackground7 {
        background: #FFF;
        text-align: center;
        padding: 0px;
        -webkit-border-radius: 2px;
        -webkit-background-clip: padding-box;
        -moz-border-radius: 5px;
        -moz-background-clip: padding;
        border-radius: 2px;
        background-clip: padding-box;
        -webkit-box-shadow: 0 0 3px #999;
        -moz-box-shadow: 0 0 3px #999;
        box-shadow: 0 0 5px #999;
        color: #999;
        margin-right: 10px;
        margin-bottom: 11px;
        margin-left: 10px;
        min-width: 400px;
        overflow: hidden;
    }

    .whitebackground4 {
        background: #FFF;
        text-align: center;
        padding: 0px;
        -webkit-border-radius: 2px;
        -webkit-background-clip: padding-box;
        -moz-border-radius: 5px;
        -moz-background-clip: padding;
        border-radius: 2px;
        background-clip: padding-box;
        -webkit-box-shadow: 0 0 3px #999;
        -moz-box-shadow: 0 0 3px #999;
        box-shadow: 0 0 5px #999;
        color: #999;
        height: 200px;
        margin-top: 11px;
        margin-right: 10px;
        margin-bottom: 11px;
        min-width: 400px;
    }

    /* 各銀行呆帳資訊揭露網址 */
    .code {
        display: none;
    }

    .organization_name {
        display: none;
    }

    .url {
        display: none;
    }

    .code1 {
        width: 30%;
        padding-left: 10px;
        padding-top: 8px;
        padding-bottom: 8px;
        float: left;
        background-color: #76591a;
        color: #FFF;
        font-size: 100%;
        /* [disabled]margin-right: 1%; */
        border-top-width: 1px;
        border-left-width: 1px;
        border-top-style: solid;
        border-left-style: solid;
        border-top-color: #A8A8FF;
        border-left-color: #A8A8FF;
        height: 50px;
    }

    .code_con {
        width: 70%;
        text-align: left;
        padding-top: 8px;
        padding-bottom: 8px;
        padding-right: 10px;
        padding-left: 10px;
        float: left;
        /* [disabled]background-color: #66F; */
        color: #333;
        font-size: 100%;
        /* [disabled]margin-right: 1%; */
        border-top-width: 1px;
        border-right-width: 1px;
        border-left-width: 1px;
        border-top-style: solid;
        border-right-style: solid;
        border-left-style: solid;
        border-top-color: #A8A8FF;
        border-right-color: #A8A8FF;
        border-left-color: #A8A8FF;
        height: 50px;
    }

    .organization_name_con {
        width: 70%;
        text-align: left;
        padding-top: 8px;
        padding-bottom: 8px;
        padding-right: 10px;
        padding-left: 10px;
        float: left;
        /* [disabled]background-color: #66F; */
        color: #333;
        font-size: 100%;
        border: 1px solid #A8A8FF;
        height: 50px;
    }

    .organization_name1 {
        width: 30%;
        padding-left: 10px;
        padding-top: 8px;
        padding-bottom: 8px;
        float: left;
        background-color: #76591a;
        color: #FFF;
        font-size: 100%;
        /* [disabled]margin-right: 1%; */
        border-top-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
        border-top-style: solid;
        border-bottom-style: solid;
        border-left-style: solid;
        border-top-color: #CCC;
        border-bottom-color: #A8A8FF;
        border-left-color: #A8A8FF;
        height: 50px;
    }

    .url1 {
        width: 30%;
        padding-top: 8px;
        padding-left: 10px;
        padding-bottom: 8px;
        float: left;
        background-color: #76591a;
        color: #FFF;
        font-size: 100%;
        /* [disabled]margin-right: 1%; */
        border-left-width: 1px;
        border-left-style: solid;
        border-left-color: #A8A8FF;
        height: 50px;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #A8A8FF;
    }

    .url_con {
        width: 70%;
        text-align: left;
        padding-top: 8px;
        padding-bottom: 8px;
        padding-right: 10px;
        padding-left: 10px;
        float: left;
        /* [disabled]background-color: #66F; */
        color: #333;
        font-size: 100%;
        /* [disabled]margin-right: 1%; */
        border-right-width: 1px;
        border-left-width: 1px;
        border-right-style: solid;
        border-left-style: solid;
        border-right-color: #A8A8FF;
        border-left-color: #A8A8FF;
        height: 50px;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #A8A8FF;
    }

    .title {
        display: none;
    }

    .download {
        display: none;
    }

    .title1 {
        width: 26%;
        text-align: center;
        padding-top: 8px;
        padding-bottom: 8px;
        float: left;
        background-color: #76591a;
        color: #FFF;
        font-size: 100%;
        /* [disabled]margin-right: 1%; */
        border-top-width: 1px;
        border-left-width: 1px;
        border-top-style: solid;
        border-left-style: solid;
        border-top-color: #A8A8FF;
        border-left-color: #A8A8FF;
        height: 50px;
    }

    .title_con {
        width: 74%;
        text-align: left;
        padding-top: 8px;
        padding-bottom: 8px;
        padding-right: 10px;
        padding-left: 10px;
        float: left;
        /* [disabled]background-color: #66F; */
        color: #333;
        font-size: 100%;
        /* [disabled]margin-right: 1%; */
        border-top-width: 1px;
        border-right-width: 1px;
        border-left-width: 1px;
        border-top-style: solid;
        border-right-style: solid;
        border-left-style: solid;
        border-top-color: #A8A8FF;
        border-right-color: #A8A8FF;
        border-left-color: #A8A8FF;
        height: 50px;
    }

    .download_con {
        width: 74%;
        text-align: left;
        padding-top: 8px;
        padding-bottom: 8px;
        padding-right: 10px;
        padding-left: 10px;
        float: left;
        /* [disabled]background-color: #66F; */
        color: #333;
        font-size: 100%;
        border: 1px solid #A8A8FF;
        height: 50px;
    }

    .download1 {
        width: 26%;
        text-align: center;
        padding-top: 8px;
        padding-bottom: 8px;
        float: left;
        background-color: #76591a;
        color: #FFF;
        font-size: 100%;
        /* [disabled]margin-right: 1%; */
        border-top-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
        border-top-style: solid;
        border-bottom-style: solid;
        border-left-style: solid;
        border-top-color: #CCC;
        border-bottom-color: #A8A8FF;
        border-left-color: #A8A8FF;
        height: 50px;
    }

    .ltitle {
        display: none;
    }

    .ptitle {
        display: none;
    }

    .pdate {
        display: none;
    }

    .souse {
        display: none;
    }

    .sort {
        display: none;
    }

    .ptitle2 {
        width: 100%;
        padding-top: 8px;
        padding-bottom: 8px;
        color: #000;
        font-size: 100%;
        clear: both;
        overflow: hidden;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        white-space: nowrap;
    }

    .ptitle1 {
        width: 100%;
        padding-top: 8px;
        padding-bottom: 8px;
        color: #000;
        font-size: 100%;
        clear: both;
        overflow: hidden;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        white-space: nowrap;
    }

    .pdate1 {
        width: auto;
        text-align: center;
        padding-top: 3px;
        padding-bottom: 3px;
        margin-left: 10px;
        float: left;
        color: #666;
        font-size: 100%;
    }

    .souse1 {
        width: auto;
        text-align: center;
        padding-top: 3px;
        padding-bottom: 3px;
        float: left;
        color: #666;
        font-size: 100%;
        margin-left: 10px;
    }

    .sort1 {
        display: none;
    }

    .img_f1 {
        display: block;
        margin-top: 10px;
        margin-bottom: 10px;
        width: 100%;
    }

        .img_f1 img {
            width: 100%;
        }

    .img_f2 {
        width: 100%;
        display: block;
        margin-top: 10px;
        margin-bottom: 10px;
    }

        .img_f2 img {
            width: 100%;
        }

    .img_fr {
        float: right;
        margin: 1px 0 8px 20px;
    }

    .page_content_right {
        color: #333333;
        float: left;
        width: 50%;
        margin-right: 3%;
        font-size: 100%;
        line-height: 32px;
    }

    .page_content_left {
        color: #333333;
        float: left;
        width: 47%;
        font-size: 100%;
        line-height: 32px;
    }

    .page_content_right img {
        width: 50%;
        max-width: 300px;
        min-width: 200px;
    }

    .flexslider1 ul.slides li .slide-cnt {
        font-size: 100%;
        width: 100%;
        /* [disabled]background: url(images/slide-cnt.png) repeat 0 0; */
        position: absolute;
        top: 88px;
        padding-top: 7px;
        padding-right: 26px;
        padding-bottom: 7px;
        padding-left: 26px;
        background-color: #000;
        opacity: 0.7;
        white-space: pre;
    }

    .flexslider1 ul.slides li {
        width: 100%;
        height: 126px;
        float: left;
        position: relative;
        overflow: hidden;
    }

    .he_border1 {
        width: 100%;
        height: 126px;
        padding: 0;
        margin: 0;
        /* [disabled]border: 1px solid #000; */
        position: relative;
        box-sizing: border-box;
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        -ms-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        overflow: hidden;
        background-color: #635028;
    }

        .he_border1 .he_border1_img {
            display: block;
            width: 100%;
            padding: 0;
            position: relative;
            -webkit-transition: all .4s ease-in-out;
            -moz-transition: all .4s ease-in-out;
            -o-transition: all .4s ease-in-out;
            -ms-transition: all .4s ease-in-out;
            transition: all .4s ease-in-out;
            opacity: 1;
            overflow: hidden;
            height: 100%;
            margin-top: 0;
            margin-right: auto;
            margin-bottom: 0;
            margin-left: auto;
            text-align: center;
            /* [disabled]bottom: 0px; */
        }

    /* ---------------------------------------------------------------------- */
    /*	Layout
	/* ---------------------------------------------------------------------- */

    .wrap {
        width: 100%;
        margin-bottom: 80px;
    }

    #header {
        width: 100%;
        padding-right: 0;
        padding-top: 0px;
        padding-left: 0;
        height: 87px;
        border-bottom-width: 4px;
        border-bottom-style: solid;
        border-bottom-color: #fee600;
        -moz-box-shadow: 0px 4px 12px -2px rgba(20%,20%,40%,0.5);
        -webkit-box-shadow: 0px 4px 12px -2px rgba(20%,20%,40%,0.5);
        box-shadow: 0px 4px 12px -2px rgba(20%,20%,40%,0.5);
    }

    #top a,
    .top a {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE1JREFUeNpi/P//PwOtARMDHQBdLGFBYt+nkR2KjEhxQqvIYaR7cD2glSWMo0mY3DiJo5Edi4ZPEqZ7nMSP5pPRon60qB9NwpQDgAADAMIxHUJvWs/TAAAAAElFTkSuQmCC);
        display: block;
        width: 45px;
        height: 45px;
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 10;
        background-color: #0b4199;
        background-repeat: no-repeat;
        background-position: 9px center;
    }

    .container {
        width: 650px;
    }

    /* -------------------------------------------------- */
    /*	Columns
		/* -------------------------------------------------- */

    .one-half,
    .one-third,
    .one-fourth,
    .two-third,
    .three-fourth {
        float: none;
        margin-right: 0;
    }

    .one-half,
    .one-third,
    .one-fourth,
    .two-third,
    .three-fourth {
        width: 100%;
    }

    /* ---------------------------------------------------------------------- */
    /*	Header
	/* ---------------------------------------------------------------------- */

    #logo {
        float: none;
        display: block;
        /* [disabled]text-align: center; */
    }

    /* -------------------------------------------------- */
    /*	Main Navigation
		/* -------------------------------------------------- */



    a.donate {
        padding: 0 15px;
    }

    /* -------------------------------------------------- */
    /*	Social Links
		/* -------------------------------------------------- */


    /* ---------------------------------------------------------------------- */
    /*	Home
	/* ---------------------------------------------------------------------- */

    ul.block-with-icons li {
        margin-bottom: 15px;
        width: 100%;
        border: 1px solid #E7E7E9;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    /* -------------------------------------------------- */
    /*	Slider
		/* -------------------------------------------------- */

    .caption {
        display: none;
    }

    /* ---------------------------------------------------------------------- */
    /*	Content
	/* ---------------------------------------------------------------------- */

    #content {
        float: left;
        width: 370px;
    }

    /* ---------------------------------------------------------------------- */
    /*	Events
	/* ---------------------------------------------------------------------- */

    .event-body {
        float: none;
        width: 100%;
        padding-right: 0;
        border-right: none;
    }

    .event-meta {
        float: none;
        width: 100%;
    }


    /* -------------------------------------------------- */
    /*	Columns
		/* -------------------------------------------------- */

    .event-body .one-half {
        width: 100%;
    }

    /* ---------------------------------------------------------------------- */
    /*	Blog
	/* ---------------------------------------------------------------------- */

    .post-item:nth-child(1) {
        border: none;
    }

    .post-item,
    .second .post {
        float: none;
        margin-right: 0;
        width: 100%;
    }

    /* -------------------------------------------------- */
    /*	Respond
		/* -------------------------------------------------- */

    #commentform textarea {
        height: 150px;
        max-height: 250px;
        max-width: 278px;
        min-height: 150px;
        min-width: 278px;
        width: 278px;
    }

    /* ---------------------------------------------------------------------- */
    /*	Portfolio
	/* ---------------------------------------------------------------------- */

    #portfolio-items article img {
        width: 300px;
    }

    /* ---------------------------------------------------------------------- */
    /*	Contact Us
	/* ---------------------------------------------------------------------- */

    #contact input[type="text"] {
        width: 278px;
    }

    .textarea-block label,
    .textarea-block label strong {
        display: block;
    }

    #contact textarea {
        height: 150px;
        max-height: 250px;
        max-width: 278px;
        min-height: 150px;
        min-width: 278px;
        width: 278px;
    }

    #contact .textarea-block label {
        display: block;
    }

    /* ---------------------------------------------------------------------- */
    /*	Sidebar
	/* ---------------------------------------------------------------------- */

    #sidebar {
        float: right;
        width: 250px;
    }
}

@media only screen and (max-width: 640px) {

    .page_content .img {
        background-color: #fff;
        text-align: center;
        width: 100%;
        color: #333333;
        margin-bottom: 20px;
        -moz-box-shadow: 4px 4px 12px -2px rgba(20%,20%,40%,0.5);
        -webkit-box-shadow: 4px 4px 12px -2px rgba(20%,20%,40%,0.5);
        box-shadow: 4px 4px 12px -2px rgba(20%,20%,40%,0.5);
        clear: both;
    }

        .page_content .img img {
            max-height: 100%;
            max-width: 100%;
            text-align: center;
            clear: both;
        }

    .copys {
        width: 100%;
        clear: both;
    }

    .col-md-5 {
        width: 100%;
    }

    .col-md-4 {
        width: 100%;
    }

    .col-sm-3 {
        width: 100%;
        margin-bottom: 10px;
    }
}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (max-width: 480px) {
    .hlink {
        float: left !important;
        color: #FFF;
        height: inherit;
        /* margin-left: -45px; */
        position: fixed;
        z-index: 11;
        margin-right: 0;
    }

    .ceowom {
        width: 50%;
        margin-top: 0.6em;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 30px;
    }

        .ceowom img {
            width: 100%;
            border-radius: 5px;
            -webkit-border-radius: 5px;
            -o-border-radius: 5px;
            -ms-border-radius: 5px;
            -moz-border-radius: 5px;
        }

    .ceowom-right {
        border-top-width: 1px;
        border-top-style: solid;
        border-top-color: #039;
        width: 100%;
    }

        .ceowom-right:before {
            content: '';
            display: inline-block;
            vertical-align: middle;
            height: 100%;
        }

        .ceowom-right h4 {
            display: inline-block;
            font-family: "微軟正黑體 Light";
            font-size: 1.68em;
            line-height: 34px;
            font-weight: 900;
            vertical-align: middle; /* 保证文字垂直居中 */
        }

            .ceowom-right h4 a {
                color: #000;
                text-decoration: none;
                font-family: Verdana, Geneva, sans-serif, "微軟正黑體";
                font-size: 2.1em;
            }

                .ceowom-right h4 a:hover {
                    text-decoration: none;
                    color: #F1B37E;
                }

        .ceowom-right p {
            color: #999;
            font-size: 1em;
            line-height: 1.8em;
        }

    ul.copyright {
        position: relative;
        clear: both;
        width: 100%;
        list-style: none;
        text-align: left;
        margin-top: 15px;
        margin-right: auto;
        margin-bottom: 0;
        margin-left: auto;
        padding-top: 15px;
        padding-right: 20px;
        padding-bottom: 20px;
        padding-left: 20px;
        font-family: Verdana, Geneva, sans-serif, "微軟正黑體";
        font-size: 95%;
        line-height: 24px;
        color: #000;
        border-top-width: 3px;
        border-top-style: solid;
        border-top-color: #235aa5;
    }

    #content_page {
        width: 95%;
        margin-top: 0px;
        margin-right: auto;
        margin-bottom: 25px;
        margin-left: auto;
        clear: both;
        -moz-box-shadow: 0px 4px 12px rgba(20%,20%,40%,0.3);
        -webkit-box-shadow: 0px 4px 12px rgba(20%,20%,40%,0.3);
        box-shadow: 0px 4px 12px rgba(20%,20%,40%,0.3);
        padding: 10px;
    }

    .box-product .box-img2 {
        display: none;
    }

    .col-sm-3 {
        width: 100%;
        margin-bottom: 10px;
    }

    .col-1 {
        width: 100%;
        margin-bottom: 10px;
    }

    .prevent {
        width: 100%;
        height: 75px;
        background-color: #000;
        color: #fff;
        position: fixed;
        bottom: 0px;
        z-index: 10000;
    }

    .prevent_txt {
        width: 96%;
        color: #fff;
        font-size: 125%;
        background-image: url(../images/brand1.png);
        background-repeat: no-repeat;
        background-position: right center;
        padding-right: 42px;
        line-height: 75px;
        margin-left: auto;
        margin-right: auto;
        white-space: nowrap;
    }

    .features .con {
        /* width: 100%; */
        height: 80px;
    }

    .features {
        width: 100%;
        height: auto;
    }

    .enable {
        display: none;
    }

    .footer_botom {
        width: 100%;
        clear: both;
    }

    .footer_botom_left {
        clear: both;
    }

    .bc_box {
        display: none;
    }

    .searcha3 {
        display: none;
    }

    ul.bxslider li {
        margin-top: 0px;
        margin-bottom: 0px;
        width: 100%;
        top: 0px;
        left: 0px;
    }

        ul.bxslider li img {
            margin-top: 0px;
            margin-bottom: 0px;
            width: 100%;
            /* [disabled]min-width:600px; */
            top: 0px;
            left: 0px;
            /* [disabled]min-height: 300px; */
        }

        ul.bxslider li .slide-cnt {
            display: none;
        }

    .mainLeft {
        width: 100%;
        height: 556px;
    }

    .mL1 {
        width: 100%;
        height: 256px;
        background-color: #e6e6e6;
        margin-bottom: 22px;
        background-image: url(../images/ml1.png);
        background-repeat: no-repeat;
        background-position: right bottom;
    }

    .mainLeft p {
        padding: 10px;
        font-family: Verdana, Geneva, sans-serif, "微軟正黑體";
        font-size: 100%;
        color: #000;
    }

    .mL2 {
        width: 100%;
        height: 256px;
        background-color: #e6e6e6;
        background-image: url(../images/ml2.png);
        background-repeat: no-repeat;
        background-position: right bottom;
        margin-bottom: 22px;
    }

    .mainRight {
        width: 100%;
        height: 534px;
    }

    .maintitle {
        width: auto;
        font-family: Verdana, Geneva, sans-serif, "微軟正黑體";
        line-height: 30px;
        color: #333;
        text-align: left;
        padding-left: 10px;
        font-size: 145%;
        /* [disabled]position: absolute; */
        /* [disabled]z-index: 10; */
        /* [disabled]top: 0px; */
        text-decoration: none;
    }

        .maintitle a:link {
            font-family: Verdana, Geneva, sans-serif, "微軟正黑體";
            line-height: 30px;
            color: #333;
            font-size: 145%;
            text-decoration: none;
        }

    .mg7 {
        margin-bottom: 10px;
    }

    .mg5 {
        margin-bottom: 10px;
    }

    .mg6 {
        height: 0px;
    }

    .mR1 {
        float: left;
        width: 100%;
        height: 128px;
        background-color: #e6e6e6;
    }

    .mR2 {
        float: right;
        width: 100%;
        height: 128px;
        background-color: #e6e6e6;
        overflow: hidden;
    }

    .page_left, .Information {
        width: 100%;
        margin-bottom: 22px;
    }

    .Coverage, .Information, .product {
        width: 100%;
        /* margin-bottom:22px; */
        height: auto;
        padding-bottom: 15px;
    }

        .product, .product .img, .product .con {
            width: 100%;
            margin-bottom: 10px;
            height: auto;
        }

    .features {
        position: relative;
        width: 100%;
        float: right;
        border-radius: 25px 25px 25px 25px;
        overflow: hidden; /* z-index:9999; */ /* margin-bottom:22px; */
    }

    .news {
        background-color: #FFFFFF;
        width: 100%;
        overflow: hidden;
        margin-bottom: 25px;
        border-radius: 10px;
    }

    .nright {
        width: 100%;
        height: 368px;
        margin-bottom: 25px;
    }

    .mov {
        background-color: #CCCCCC;
        width: 100%;
        height: 173px;
        margin-bottom: 22px;
    }

    .pic {
        background-color: #661950;
        width: 100%;
        /*height: 368px;*/
    }

    .social-links2 {
        display: none;
    }

    .searcharadio, .search4 {
        display: none;
    }

    .search3 {
        margin-top: 3px;
        margin-right: 30px;
        float: right;
        background: #fff;
        width: 65%;
        height: 35px;
        border: 1px solid #758594;
        border-radius: 20px;
    }

        .search3 li {
            display: inline-block;
            vertical-align: middle;
            float: left;
        }

        .search3 input[type="submit"] {
            text-indent: -9999px;
            margin-top: 1px;
            border: none;
            cursor: pointer;
            position: absolute;
            outline: none;
            font-size: 90%;
            font-family: Arial, Helvetica, sans-serif;
            border-radius: 18px 18px 18px 18px;
            color: #666;
            right: 20px;
            padding-top: 0px;
            padding-right: 10px;
            padding-bottom: 9px;
            padding-left: 33px;
            background: none;
            background-image: url(../images/search2.png);
            background-repeat: no-repeat;
            background-position: 5px center;
        }

        .search3 input[type="text"] {
            outline: none;
            color: #758594;
            background: none;
            border: none;
            width: 92.33%;
            text-align: left;
            padding: 0.45em 1.5em;
            vertical-align: middle;
        }

    .section_room1 select {
        width: 100%;
        color: #676769;
        font-size: 1em;
        font-weight: 500;
        outline: none;
        background: #f7f7f7;
        border: none;
        cursor: pointer;
        padding-top: 5px;
        padding-right: 14px;
        padding-bottom: 4px;
        padding-left: 14px;
    }

    #top a,
    .top a {
        background: center center no-repeat transparent;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE1JREFUeNpi/P//PwOtARMDHQBdLGFBYt+nkR2KjEhxQqvIYaR7cD2glSWMo0mY3DiJo5Edi4ZPEqZ7nMSP5pPRon60qB9NwpQDgAADAMIxHUJvWs/TAAAAAElFTkSuQmCC);
        display: block;
        width: 30px;
        height: 30px;
        position: absolute;
        top: 10px;
        left: 3px;
        background-color: #0b4199;
    }

    .mailn_title {
        font-family: Verdana, Geneva, sans-serif, "微軟正黑體";
        font-size: 135%;
        font-weight: bold;
        line-height: 79px;
        height: 79px;
        color: #FFF;
        text-align: center;
    }

    .white2 {
        background-color: #fff;
        color: #6b6b6b;
        margin-top: 3px;
        padding-top: 10px;
        padding-right: 13px;
        padding-bottom: 7px;
        padding-left: 20px;
        height: 100%;
        margin-bottom: 24px;
    }

    .white {
        background-color: #fff;
        color: #6b6b6b;
        margin-top: 3px;
        padding-top: 10px;
        padding-right: 13px;
        padding-bottom: 7px;
        padding-left: 20px;
        height: 100%;
        margin-bottom: 24px;
    }

    .top_slider {
        clear: both;
        height: 157px;
        z-index: -10;
        padding-top: 0;
        /* [disabled]padding-right: 20px; */
        padding-bottom: 0;
        /* [disabled]padding-left: 20px; */
        position: relative;
        background-image: url(../images/slider4.jpg);
        background-repeat: no-repeat;
        background-position: center top;
        width: 100%;
    }

    .morebanner {
        background: #FFF;
        text-align: center;
        padding: 0px;
        -webkit-border-radius: 2px;
        -webkit-background-clip: padding-box;
        -moz-border-radius: 5px;
        -moz-background-clip: padding;
        border-radius: 2px;
        background-clip: padding-box;
        -webkit-box-shadow: 0 0 3px #999;
        -moz-box-shadow: 0 0 3px #999;
        box-shadow: 0 0 5px #999;
        color: #999;
        margin-top: 11px;
        margin-right: auto;
        margin-bottom: 11px;
        margin-left: auto;
        min-width: 150px;
        width: 60%;
    }

        .morebanner img {
            width: 100%;
        }

    .cc {
        clear: both;
        display: block;
        height: 1px;
        overflow: hidden;
        visibility: hidden;
        width: 0;
    }

    .btn-search {
        width: 100%;
        min-width: 110px;
        border: 1px solid #4f8db3;
        -webkit-border-radius: 2px;
        -webkit-background-clip: padding-box;
        -moz-border-radius: 2px;
        -moz-background-clip: padding;
        border-radius: 2px;
        background-clip: padding-box;
        color: #FFF;
        cursor: pointer;
        display: inline-block;
        text-transform: none;
        -webkit-transition: all .25s ease;
        -moz-transition: all .25s ease;
        -o-transition: all .25s ease;
        -ms-transition: all .25s ease;
        transition: all .25s ease;
        text-align: center;
        text-shadow: none;
        box-shadow: none;
        white-space: nowrap;
        background-attachment: scroll;
        background-color: #019937;
        background-image: none;
        background-repeat: repeat;
        background-position: 0 0;
        margin-right: 0.5%;
        margin-left: 0.5%;
        margin-bottom: 10px;
        padding-top: 6px;
        padding-right: 10px;
        padding-bottom: 6px;
        padding-left: 10px;
    }

        .btn-search:link, .btn-search:visited {
            color: #FFF;
            text-decoration: none;
        }

        .btn-search .caret {
            border-top: 4px solid #FFF;
        }

    .bnr-right {
        width: 30%;
        float: left;
    }

    .wrap {
        width: 100%;
        margin-bottom: 50px;
    }

    .col-sm-6 {
        width: 100%;
        min-width: 300px;
    }

    .col-md-20 {
        width: 50%;
        min-width: 200px;
        font-size: 100%;
    }

    .col-md-5 {
        width: 100%;
        min-width: 300px;
    }

    .youtube {
        display: none;
    }

    .submit input[type="text"] {
        width: 250px;
        color: #666;
        outline: none;
        font-size: 100%;
        border: 1px solid #999;
        -webkit-appearance: none;
        float: left;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -o-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        background-color: #fff;
        margin-top: 0;
        margin-right: 1em;
        margin-bottom: 10px;
        margin-left: 0;
        padding-top: 1px;
        padding-right: 10px;
        padding-bottom: 1px;
        padding-left: 10px;
        font-family: Verdana, Geneva, sans-serif, "微軟正黑體";
    }

    .col-md-4 {
        width: 100%;
    }

    .col-md-009 {
        width: 100%;
    }

    .col-md-003 {
        display: none;
    }

    .whitebackground0 {
        background: #FFF;
        text-align: center;
        padding: 0px;
        -webkit-border-radius: 2px;
        -webkit-background-clip: padding-box;
        -moz-border-radius: 5px;
        -moz-background-clip: padding;
        border-radius: 2px;
        background-clip: padding-box;
        -webkit-box-shadow: 0 0 3px #999;
        -moz-box-shadow: 0 0 3px #999;
        box-shadow: 0 0 5px #999;
        color: #999;
        margin-right: 10px;
        margin-bottom: 11px;
        margin-left: 10px;
        min-width: 400px;
        overflow: hidden;
    }

    .whitebackground {
        background: #FFF;
        text-align: center;
        padding: 0px;
        -webkit-border-radius: 2px;
        -webkit-background-clip: padding-box;
        -moz-border-radius: 5px;
        -moz-background-clip: padding;
        border-radius: 2px;
        background-clip: padding-box;
        -webkit-box-shadow: 0 0 3px #999;
        -moz-box-shadow: 0 0 3px #999;
        box-shadow: 0 0 5px #999;
        color: #999;
        height: 100px;
        margin-top: 11px;
        margin-right: 10px;
        margin-bottom: 11px;
        margin-left: 10px;
    }

    .whitebackground1 {
        background: #FFF;
        text-align: center;
        padding: 0px;
        -webkit-border-radius: 2px;
        -webkit-background-clip: padding-box;
        -moz-border-radius: 5px;
        -moz-background-clip: padding;
        border-radius: 2px;
        background-clip: padding-box;
        -webkit-box-shadow: 0 0 3px #999;
        -moz-box-shadow: 0 0 3px #999;
        box-shadow: 0 0 5px #999;
        color: #999;
        height: 150px;
        margin-top: 11px;
        margin-right: 10px;
        margin-bottom: 11px;
        margin-left: 10px;
        min-width: 400px;
    }

    .whitebackground2 {
        background: #FFF;
        text-align: center;
        padding: 0px;
        -webkit-border-radius: 2px;
        -webkit-background-clip: padding-box;
        -moz-border-radius: 5px;
        -moz-background-clip: padding;
        border-radius: 2px;
        background-clip: padding-box;
        -webkit-box-shadow: 0 0 3px #999;
        -moz-box-shadow: 0 0 3px #999;
        box-shadow: 0 0 5px #999;
        color: #999;
        height: 300px;
        margin-top: 11px;
        margin-right: 10px;
        margin-bottom: 11px;
        margin-left: 10px;
        min-width: 400px;
    }

    .clear {
        clear: both;
        display: block;
        height: 1px;
        /* [disabled]overflow: hidden; */
        /* [disabled]visibility: hidden; */
        width: 100%;
    }

    .whitebackground3 {
        background: #FFF;
        text-align: center;
        padding: 0px;
        -webkit-border-radius: 2px;
        -webkit-background-clip: padding-box;
        -moz-border-radius: 5px;
        -moz-background-clip: padding;
        border-radius: 2px;
        background-clip: padding-box;
        -webkit-box-shadow: 0 0 3px #999;
        -moz-box-shadow: 0 0 3px #999;
        box-shadow: 0 0 5px #999;
        color: #999;
        height: 250px;
        margin-top: 11px;
        margin-right: 10px;
        margin-bottom: 11px;
        margin-left: 10px;
        min-width: 400px;
    }

    .whitebackground7 {
        background: #FFF;
        text-align: center;
        padding: 0px;
        -webkit-border-radius: 2px;
        -webkit-background-clip: padding-box;
        -moz-border-radius: 5px;
        -moz-background-clip: padding;
        border-radius: 2px;
        background-clip: padding-box;
        -webkit-box-shadow: 0 0 3px #999;
        -moz-box-shadow: 0 0 3px #999;
        box-shadow: 0 0 5px #999;
        color: #999;
        margin-right: 10px;
        margin-bottom: 11px;
        margin-left: 10px;
        min-width: 400px;
        overflow: hidden;
    }

    .whitebackground4 {
        background: #FFF;
        text-align: center;
        padding: 0px;
        -webkit-border-radius: 2px;
        -webkit-background-clip: padding-box;
        -moz-border-radius: 5px;
        -moz-background-clip: padding;
        border-radius: 2px;
        background-clip: padding-box;
        -webkit-box-shadow: 0 0 3px #999;
        -moz-box-shadow: 0 0 3px #999;
        box-shadow: 0 0 5px #999;
        color: #999;
        height: 200px;
        margin-top: 11px;
        margin-right: 10px;
        margin-bottom: 11px;
        /* [disabled]margin-left: 10px; */
        min-width: 400px;
    }




    .ltitle {
        display: none;
    }

    .ptitle {
        display: none;
    }

    .pdate {
        display: none;
    }

    .souse {
        display: none;
    }

    .sort {
        display: none;
    }

    .code {
        display: none;
    }

    .organization_name {
        display: none;
    }

    .url {
        display: none;
    }

    .code1 {
        width: 43%;
        text-align: center;
        padding-top: 8px;
        padding-bottom: 8px;
        float: left;
        background-color: #76591a;
        color: #FFF;
        font-size: 100%;
        /* [disabled]margin-right: 1%; */
        border-top-width: 1px;
        border-left-width: 1px;
        border-top-style: solid;
        border-left-style: solid;
        border-top-color: #A8A8FF;
        border-left-color: #A8A8FF;
        height: 50px;
    }

    .code_con {
        width: 57%;
        text-align: left;
        padding-top: 8px;
        padding-bottom: 8px;
        padding-right: 10px;
        padding-left: 10px;
        float: left;
        /* [disabled]background-color: #66F; */
        color: #333;
        font-size: 100%;
        /* [disabled]margin-right: 1%; */
        border-top-width: 1px;
        border-right-width: 1px;
        border-left-width: 1px;
        border-top-style: solid;
        border-right-style: solid;
        border-left-style: solid;
        border-top-color: #A8A8FF;
        border-right-color: #A8A8FF;
        border-left-color: #A8A8FF;
        height: 50px;
    }

    .organization_name_con {
        width: 57%;
        text-align: left;
        padding-top: 8px;
        padding-bottom: 8px;
        padding-right: 10px;
        padding-left: 10px;
        float: left;
        /* [disabled]background-color: #66F; */
        color: #333;
        font-size: 100%;
        border: 1px solid #A8A8FF;
        height: 50px;
    }

    .organization_name1 {
        width: 43%;
        text-align: center;
        padding-top: 8px;
        padding-bottom: 8px;
        float: left;
        background-color: #76591a;
        color: #FFF;
        font-size: 100%;
        /* [disabled]margin-right: 1%; */
        border-top-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
        border-top-style: solid;
        border-bottom-style: solid;
        border-left-style: solid;
        border-top-color: #CCC;
        border-bottom-color: #A8A8FF;
        border-left-color: #A8A8FF;
        height: 50px;
    }

    .url1 {
        width: 43%;
        text-align: center;
        padding-top: 8px;
        padding-bottom: 8px;
        float: left;
        background-color: #76591a;
        color: #FFF;
        font-size: 100%;
        /* [disabled]margin-right: 1%; */
        border-left-width: 1px;
        border-left-style: solid;
        border-left-color: #A8A8FF;
        height: 50px;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #A8A8FF;
    }

    .url_con {
        width: 57%;
        text-align: left;
        padding-top: 8px;
        padding-bottom: 8px;
        padding-right: 10px;
        padding-left: 10px;
        float: left;
        /* [disabled]background-color: #66F; */
        color: #333;
        font-size: 100%;
        /* [disabled]margin-right: 1%; */
        border-right-width: 1px;
        border-left-width: 1px;
        border-right-style: solid;
        border-left-style: solid;
        border-right-color: #A8A8FF;
        border-left-color: #A8A8FF;
        height: 50px;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #A8A8FF;
    }

    .ptitle2 {
        width: 100%;
        padding-top: 8px;
        padding-bottom: 8px;
        color: #000;
        font-size: 100%;
        clear: both;
        overflow: hidden;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        white-space: nowrap;
    }

    .ptitle1 {
        width: 100%;
        padding-top: 8px;
        padding-bottom: 8px;
        color: #000;
        font-size: 100%;
        clear: both;
        overflow: hidden;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        white-space: nowrap;
    }

    .pdate1 {
        width: auto;
        text-align: center;
        padding-top: 3px;
        padding-bottom: 3px;
        margin-left: 10px;
        float: left;
        color: #666;
        font-size: 100%;
    }

    .souse1 {
        width: auto;
        text-align: center;
        padding-top: 3px;
        padding-bottom: 3px;
        float: left;
        color: #666;
        font-size: 100%;
        margin-left: 10px;
    }

    .sort1 {
        display: none;
    }

    .img_f1 {
        display: block;
        margin-top: 10px;
        margin-bottom: 10px;
        width: 100%;
    }

        .img_f1 img {
            width: 100%;
        }

    .img_f2 {
        width: 100%;
        display: block;
        margin-top: 10px;
        margin-bottom: 10px;
    }

        .img_f2 img {
            width: 100%;
        }

    .img_fr {
        float: right;
        margin: 1px 0 8px 20px;
    }

    .page_content_right {
        color: #333333;
        width: 100%;
        font-size: 100%;
        line-height: 32px;
    }

    .page_content_left {
        color: #333333;
        width: 100%;
        font-size: 100%;
        line-height: 32px;
    }

    .page_content_right img {
        width: 96%;
        max-width: 480px;
        min-width: 300px;
        margin-right: auto;
        margin-left: auto;
        text-align: center;
    }

    .flexslider1 ul.slides li .slide-cnt {
        font-size: 100%;
        width: 100%;
        /* [disabled]background: url(images/slide-cnt.png) repeat 0 0; */
        position: absolute;
        top: 140px;
        padding-top: 7px;
        padding-right: 26px;
        padding-bottom: 7px;
        padding-left: 26px;
        background-color: #000;
        opacity: 0.7;
        white-space: pre;
    }

    .flexslider1 ul.slides li {
        width: 100%;
        height: 180px;
        float: left;
        position: relative;
        overflow: hidden;
    }

    .he_border1 {
        width: 100%;
        height: 126px;
        padding: 0;
        margin: 0;
        /* [disabled]border: 1px solid #000; */
        position: relative;
        box-sizing: border-box;
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        -ms-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        overflow: hidden;
        background-color: #635028;
    }

        .he_border1 .he_border1_img {
            display: block;
            width: 100%;
            padding: 0;
            position: relative;
            -webkit-transition: all .4s ease-in-out;
            -moz-transition: all .4s ease-in-out;
            -o-transition: all .4s ease-in-out;
            -ms-transition: all .4s ease-in-out;
            transition: all .4s ease-in-out;
            opacity: 1;
            overflow: hidden;
            height: 100%;
            margin-top: 0;
            margin-right: auto;
            margin-bottom: 0;
            margin-left: auto;
            text-align: center;
            /* [disabled]bottom: 0px; */
        }

    .fatfooterA {
        display: none;
    }

    #top a,
    .top a {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE1JREFUeNpi/P//PwOtARMDHQBdLGFBYt+nkR2KjEhxQqvIYaR7cD2glSWMo0mY3DiJo5Edi4ZPEqZ7nMSP5pPRon60qB9NwpQDgAADAMIxHUJvWs/TAAAAAElFTkSuQmCC);
        display: block;
        width: 45px;
        height: 45px;
        position: absolute;
        top: 30px;
        left: 0px;
        z-index: 10;
        background-color: #0b4199;
        background-repeat: no-repeat;
        background-position: 9px center;
    }

    .post-item,
    .second .post {
        float: none;
        margin-right: 0;
        width: 100%;
    }

    #header {
        width: 100%;
        padding-right: 0;
        padding-top: 0px;
        padding-left: 0;
        height: 160px;
        border-bottom-width: 4px;
        border-bottom-style: solid;
        border-bottom-color: #fee600;
        -moz-box-shadow: 0px 4px 12px -2px rgba(20%,20%,40%,0.5);
        -webkit-box-shadow: 0px 4px 12px -2px rgba(20%,20%,40%,0.5);
        box-shadow: 0px 4px 12px -2px rgba(20%,20%,40%,0.5);
    }

        #header img {
            height: 67px;
            float: left;
        }
    /* ---------------------------------------------------------------------- */
    /*	Layout
	/* ---------------------------------------------------------------------- */
    #content {
        float: none;
        width: 100%;
    }


    .container {
        width: 86%;
    }

    /* -------------------------------------------------- */
    /*	Columns
		/* -------------------------------------------------- */

    .one-half,
    .one-third,
    .one-fourth,
    .two-third,
    .three-fourth {
        float: none;
        margin-right: 0;
    }

    .one-half,
    .one-third,
    .one-fourth,
    .two-third,
    .three-fourth {
        width: 86%;
    }

    .full-width > .one-fourth {
        float: left;
        width: 200px;
    }

    /* ---------------------------------------------------------------------- */
    /*	Header
	/* ---------------------------------------------------------------------- */

    #logo {
        float: left;
        display: block;
        /* [disabled]text-align: center; */
    }



    /* -------------------------------------------------- */
    /*	Respond
		/* -------------------------------------------------- */

    .contact-form input,
    #commentform input {
        width: 250px;
    }

    /* ---------------------------------------------------------------------- */
    /*	Header
	/* ---------------------------------------------------------------------- */

    /* -------------------------------------------------- */
    /*	Layout
		/* -------------------------------------------------- */

    #content .one-fourth {
        width: 420px;
    }

    /* ---------------------------------------------------------------------- */
    /*	Portfolio
	/* ---------------------------------------------------------------------- */

    #portfolio-items article {
        width: 200px;
    }

        #portfolio-items article img {
            width: 200px;
        }

    #sidebar {
        width: 100%;
        float: right;
    }
}

/* ---------------------------------------------------------------------- */
/*	Keyframes
	/* ---------------------------------------------------------------------- */

@-webkit-keyframes move {
    0% {
        -moz-transform: scale(0);
    }

    100% {
        -moz-transform: scale(1);
    }
}

@-moz-keyframes move {
    0% {
        -moz-transform: scale(0);
    }

    100% {
        -moz-transform: scale(1);
    }
}

@keyframes move {
    0% {
        -moz-transform: scale(0);
    }

    100% {
        -moz-transform: scale(1);
    }
}

.control_panel {
    position: fixed;
    z-index: 99;
    zoom: 1;
    top: 260px;
    left: 13px;
}

    .control_panel ul {
        padding: 4px;
        background-color: #fff;
    }

.not-ie .control_panel ul {
    -webkit-box-shadow: 0 0 7px rgba(0,0,0,.1);
    -moz-box-shadow: 0 0 7px rgba(0,0,0,.1);
    box-shadow: 0 0 7px rgba(0,0,0,.1);
}

.control_panel ul li {
    margin-top: 3px;
}

    .control_panel ul li:first-child {
        margin-top: 0;
    }

.control_panel ul a {
    display: block;
    width: 38px;
    height: 38px;
    border: 1px solid transparent;
}

.control_panel li.active a {
    border-color: #000;
}

.control_panel .style-1 {
    background-color: #17517a;
}

.control_panel .style-2 {
    background-color: #9f1010;
}

.control_panel .style-3 {
    background-color: #2a7313;
}

.control_panel .style-4 {
    background-color: #eba505;
}

.control_panel .style-5,
.control_panel .style-6 {
    background-image: url(../images/sprite-style.png);
    background-position: 0 0;
    background-repeat: no-repeat;
}

.control_panel .style-6 {
    background-position: 0 bottom;
}

.newstd {
    background-position: 0 bottom;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    border-bottom-color: #999;
    padding: 5px;
}

.flickr-widget {
    margin-right: -6px;
}

    .flickr-widget a {
        float: left;
        width: 42px;
        height: 42px;
        margin-right: 8px;
        margin-bottom: 8px;
        border: 3px solid #6b6b6b;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }

    .flickr-widget img {
        display: block;
        width: 100%;
    }

    .flickr-widget a:hover {
        border-color: #c0c0c0;
    }

/*================================================= */
/* #Media Queries
================================================== */
/* Desktop 960 */
@media only screen and (min-width: 801px) {

    .flexslider.home {
        height: 332px;
    }

    .flexslider {
        min-height: 1px;
    }

        .flexslider.blog {
            height: auto;
        }

    #portfolio-wrapper {
        min-height: 600px;
    }
}

/* Smaller than standard 960 (devices and browsers) */

/* Tablet Portrait size to standard 960 (devices and browsers) */


/* All Mobile Sizes (devices and browser) */

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */

.readmore {
    /* [disabled]background-image: url(../images/1.png); */
    /* [disabled]background-repeat: no-repeat; */
    /* [disabled]height: 37px; */
    /* [disabled]width: 200px; */
    padding-top: 30px;
    /* [disabled]padding-left: 15px; */
    font-family: 'Adamina', serif;
    font-size: 100%;
    color: #000;
    font-weight: bold;
}

    .readmore a {
        font-family: Verdana, Geneva, sans-serif, "微軟正黑體";
        font-size: 100%;
        color: #000;
    }
/* ------------12級字------------ */
.fatfooter {
    font-family: Verdana, Geneva, sans-serif, "微軟正黑體";
    font-size: 100%;
    color: #2E2E2E;
    text-decoration: none;
    line-height: 1.5;
}

    .fatfooter a {
        color: #2E2E2E;
        text-decoration: none;
    }

        .fatfooter a:hover {
            color: #FF6600;
            text-decoration: underline;
        }

.fatfooterb {
    font-family: Verdana, Geneva, sans-serif, "微軟正黑體";
    font-size: 100%;
    color: #2E2E2E;
    text-decoration: none;
    line-height: 1.5;
    padding-bottom: 6px;
    font-weight: bold;
    /* [disabled]margin-bottom: 5px; */
}

    .fatfooterb a:link, a:visited {
        font-family: Verdana, Geneva, sans-serif, "微軟正黑體";
        font-size: 105%;
        color: #000000;
        text-decoration: none;
        line-height: 1.5;
        padding-bottom: 6px;
        border-bottom-color: #FFF;
        font-weight: bold;
        margin-bottom: 10px;
    }

.fatfooterA {
    font-family: Verdana, Geneva, sans-serif, "微軟正黑體";
    font-size: 100%;
    color: #9c9c9c;
    text-decoration: none;
    line-height: 1.5;
    padding-bottom: 20px;
    font-weight: bold;
    padding-top: 20px;
    padding-right: 20px;
    padding-left: 20px;
    border-top-width: 3px;
    border-top-style: solid;
    border-top-color: #00a33a;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    background-color: #c3c2c2;
    border-bottom-width: 3px;
    border-bottom-style: solid;
    border-bottom-color: #235aa5;
}
/* nav_menu */

.nav .list li {
    float: left;
}

.nav .list a {
    float: left;
    display: block;
    width: 125px;
    height: 42px;
    text-align: center;
    font: bold 13px/36px "微软雅黑";
    color: #fff;
}

    .nav .list a:hover {
        color: #FFA304;
    }

    .nav .list a:hover, .nav .list .now {
        color: #F00;
        background: #fff;
    }

.nav .box {
    position: absolute;
    left: -5px;
    top: 100%;
    width: 100%;
    background: #eee;
    overflow: hidden;
    height: 0;
    filter: alpha(opacity=0);
    opacity: 0;
    border-bottom: 2px solid #074c52;
    z-index: 1000;
}

.nav .cont {
    position: relative;
    padding: 25px 0 0px 24px;
}
/*懸停*/


.he_border1:hover .he_border1_img {
    position: absolute;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    opacity: .6;
}

.he_border1 .he_border1_caption {
    color: #fff;
    padding: 0;
    margin: 0;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    overflow: hidden;
}

    .he_border1 .he_border1_caption::before, .he_border1 .he_border1_caption::after {
        position: absolute;
        content: '';
        opacity: 0;
        -webkit-transition: opacity 0.4s,-webkit-transform .4s;
        -moz-transition: opacity 0.4s,-moz-transform .4s;
        -o-transition: opacity 0.4s,-o-transform .4s;
        transition: opacity 0.4s,transform .4s;
    }

    .he_border1 .he_border1_caption::before {
        top: 8%;
        right: 10%;
        bottom: 8%;
        left: 10%;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff;
        -webkit-transform: scale(0,1);
        -moz-transform: scale(0,1);
        -o-transform: scale(0,1);
        transform: scale(0,1);
        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        -o-transform-origin: 0 0;
        transform-origin: 0 0;
    }

    .he_border1 .he_border1_caption::after {
        top: 8%;
        right: 10%;
        bottom: 8%;
        left: 10%;
        border-right: 1px solid #fff;
        border-left: 1px solid #fff;
        -webkit-transform: scale(1,0);
        -moz-transform: scale(1,0);
        -o-transform: scale(1,0);
        transform: scale(1,0);
        -webkit-transform-origin: 100% 0;
        -moz-transform-origin: 100% 0;
        -o-transform-origin: 100% 0;
        transform-origin: 100% 0;
    }

.he_border1:hover .he_border1_caption::before, .he_border1:hover .he_border1_caption::after {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.he_border1 .he_border1_caption, .he_border1 .he_border1_caption > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    overflow: hidden;
    z-index: 90;
}

.he_border1 .he_border1_caption_h {
    font-size: 1.3em;
    font-weight: 700;
    text-align: center;
    width: 80%;
    position: absolute;
    top: 20%;
    left: 10%;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    overflow: hidden;
    opacity: 1;
}

.he_border1 .he_border1_caption_p {
    font-size: 1em;
    text-align: center;
    width: 80%;
    position: absolute;
    top: 60%;
    left: 10%;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    overflow: hidden;
    opacity: 0;
}

.he_border1:hover .he_border1_caption_p {
    top: 45%;
    opacity: 1;
    font-family: Verdana, Geneva, sans-serif, "微軟正黑體";
    font-weight: bold;
    color: #FFF;
}



.he_border2 {
    background: #fe7253;
    width: 360px;
    height: 240px;
    padding: 0;
    margin: 0;
    border: 1px solid #000;
    position: relative;
    box-sizing: border-box;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    overflow: hidden;
}

    .he_border2 .he_border2_img {
        display: block;
        width: 100%;
        padding: 0;
        margin: 0;
        position: relative;
        opacity: 1;
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        -ms-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        overflow: hidden;
    }

    .he_border2:hover .he_border2_img {
        position: absolute;
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
        opacity: .6;
    }

    .he_border2 .he_border2_caption {
        color: #fff;
        padding: 0;
        margin: 0;
        -moz-backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        -ms-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        overflow: hidden;
    }

        .he_border2 .he_border2_caption::before, .he_border2 .he_border2_caption::after {
            position: absolute;
            content: '';
            opacity: 0;
            -webkit-transition: opacity 0.4s,-webkit-transform .4s;
            -moz-transition: opacity 0.4s,-moz-transform .4s;
            -o-transition: opacity 0.4s,-o-transform .4s;
            transition: opacity 0.4s,transform .4s;
        }

        .he_border2 .he_border2_caption::before {
            top: 14%;
            right: 5%;
            bottom: 14%;
            left: 5%;
            border-top: 1px solid #fff;
            border-bottom: 1px solid #fff;
            -webkit-transform: scale(0,1);
            -moz-transform: scale(0,1);
            -o-transform: scale(0,1);
            transform: scale(0,1);
            -webkit-transform-origin: 0 0;
            -moz-transform-origin: 0 0;
            -o-transform-origin: 0 0;
            transform-origin: 0 0;
        }

        .he_border2 .he_border2_caption::after {
            top: 8%;
            right: 10%;
            bottom: 8%;
            left: 10%;
            border-right: 1px solid #fff;
            border-left: 1px solid #fff;
            -webkit-transform: scale(1,0);
            -moz-transform: scale(1,0);
            -o-transform: scale(1,0);
            transform: scale(1,0);
            -webkit-transform-origin: 100% 0;
            -moz-transform-origin: 100% 0;
            -o-transform-origin: 100% 0;
            transform-origin: 100% 0;
        }

    .he_border2:hover .he_border2_caption::before, .he_border2:hover .he_border2_caption::after {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

    .he_border2 .he_border2_caption, .he_border2 .he_border2_caption > a {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        -ms-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        overflow: hidden;
        z-index: 1000;
    }

    .he_border2 .he_border2_caption_h {
        font-size: 1.3em;
        font-weight: 700;
        text-align: center;
        width: 80%;
        position: absolute;
        top: 20%;
        left: 10%;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
        overflow: hidden;
        opacity: 1;
    }

    .he_border2 .he_border2_caption_p {
        font-size: 1em;
        text-align: center;
        width: 80%;
        position: absolute;
        top: 60%;
        left: 10%;
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        -ms-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        overflow: hidden;
        opacity: 0;
    }

    .he_border2:hover .he_border2_caption_p {
        top: 45%;
        opacity: 1;
    }


/*.he_border3{background:#fe7253;width:360px;height:240px;padding:0;margin:0;border:1px solid #000;position:relative;box-sizing:border-box;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_border3 .he_border3_img{display:block;width:100%;padding:0;margin:0;position:relative;opacity:1;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_border3:hover .he_border3_img{position:absolute;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);opacity:.6}
.he_border3 .he_border3_caption{color:#fff;padding:0;margin:0;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_border3 .he_border3_caption::before,.he_border3 .he_border3_caption::after{position:absolute;content:'';opacity:0;-webkit-transition:opacity 0.4s,-webkit-transform .4s;-moz-transition:opacity 0.4s,-moz-transform .4s;-o-transition:opacity 0.4s,-o-transform .4s;transition:opacity 0.4s,transform .4s}
.he_border3 .he_border3_caption::before{top:14%;right:25%;bottom:14%;left:25%;border-top:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:scale(0,1);-moz-transform:scale(0,1);-o-transform:scale(0,1);transform:scale(0,1);-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0}.he_border3 .he_border3_caption::after{top:25%;right:10%;bottom:25%;left:10%;border-right:1px solid #fff;border-left:1px solid #fff;-webkit-transform:scale(1,0);-moz-transform:scale(1,0);-o-transform:scale(1,0);transform:scale(1,0);-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-o-transform-origin:100% 0;transform-origin:100% 0}
.he_border3:hover .he_border3_caption::before,.he_border3:hover .he_border3_caption::after{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
.he_border3 .he_border3_caption,.he_border3 .he_border3_caption > a{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden; z-index:1000}
.he_border3 .he_border3_caption_h{font-size:1.3em;font-weight:700;text-align:center;width:80%;position:absolute;top:20%;left:10%;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;overflow:hidden;opacity:1}
.he_border3 .he_border3_caption_p{font-size:1em;text-align:center;width:80%;position:absolute;top:60%;left:10%;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden;opacity:0}
.he_border3:hover .he_border3_caption_p{top:45%;opacity:1}*/


.he_3DFlipX {
    display: block;
    width: 360px;
    height: 240px;
    overflow: hidden;
    padding: 0;
    margin: 0;
    border: 0;
    position: relative;
    box-sizing: border-box;
    -webkit-perspective: 1700px;
    -moz-perspective: 1700px;
    perspective: 1700px;
    -webkit-perspective-origin: 50% 50%;
    -moz-perspective-origin: 50% 50%;
    perspective-origin: 50% 50%;
}

.he_3DFlipX_inner {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    position: relative;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

    .he_3DFlipX_inner div.he_3DFlipX_img {
        backface-visibility: hidden;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
    }

    .he_3DFlipX_inner:hover > div.he_3DFlipX_img {
        -webkit-transform: rotateX(180deg);
        -moz-transform: rotateX(180deg);
        transform: rotateX(180deg);
    }

    .he_3DFlipX_inner > div img {
        max-width: 100%;
        padding: 0;
        margin: 0;
        display: block;
        position: relative;
    }

.he_3DFlipX_caption {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    background: #fe7253;
    color: #fff;
    height: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
    opacity: 0;
    background-color: #fe7253;
    text-align: center;
    backface-visibility: hidden;
    -webkit-transform: rotateX(-180deg);
    -moz-transform: rotateX(-180deg);
    transform: rotateX(-180deg);
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.he_3DFlipX_inner:hover .he_3DFlipX_caption {
    opacity: 1;
    -webkit-transform: rotateX(0);
    -moz-transform: rotateX(0);
    transform: rotateX(0);
}

.he_3DFlipX_caption h3 {
    font-size: 1.3em;
    font-weight: 700;
    text-align: center;
    width: 100%;
    position: absolute;
    top: 25%;
    left: 5px;
    margin: 0;
    padding: 0;
    color: #fff;
}

.he_3DFlipX_caption p {
    font-size: 1em;
    text-align: center;
    width: 100%;
    position: absolute;
    top: 45%;
    left: 5px;
    margin: 0;
    padding: 0;
    color: #fff;
}

.he_3DFlipX a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
}


.he_3DFlipY {
    display: block;
    width: 360px;
    height: 240px;
    overflow: hidden;
    padding: 0;
    margin: 0;
    border: 0;
    position: relative;
    box-sizing: border-box;
    cursor: pointer;
    -webkit-perspective: 1700px;
    -moz-perspective: 1700px;
    perspective: 1700px;
    -webkit-perspective-origin: 50% 50%;
    -moz-perspective-origin: 50% 50%;
    perspective-origin: 50% 50%;
}

.he_3DFlipY_inner {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    position: relative;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

    .he_3DFlipY_inner > div.he_3DFlipY_img {
        backface-visibility: hidden;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
    }

    .he_3DFlipY_inner:hover > div.he_3DFlipY_img {
        -webkit-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
        transform: rotateY(180deg);
    }

    .he_3DFlipY_inner > div img {
        max-width: 100%;
        padding: 0;
        margin: 0;
        display: block;
        position: relative;
    }

.he_3DFlipY_caption {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    background: #fe7253;
    color: #fff;
    height: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
    opacity: 0;
    background-color: #fe7253;
    text-align: center;
    backface-visibility: hidden;
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.he_3DFlipY_inner:hover .he_3DFlipY_caption {
    opacity: 1;
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    transform: rotateY(0);
}

.he_3DFlipY_caption h3 {
    font-size: 1.3em;
    font-weight: 700;
    text-align: center;
    width: 100%;
    position: absolute;
    top: 25%;
    left: 5px;
    margin: 0;
    padding: 0;
    color: #fff;
}

.he_3DFlipY_caption p {
    font-size: 1em;
    text-align: center;
    width: 100%;
    position: absolute;
    top: 45%;
    left: 5px;
    margin: 0;
    padding: 0;
    color: #fff;
}

.he_3DFlipY a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
}

.he_ZoomInImg {
    background: #fe7253;
    width: 360px;
    height: 240px;
    padding: 0;
    margin: 0;
    border: 1px solid #000;
    position: relative;
    box-sizing: border-box;
    cursor: pointer;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    overflow: hidden;
}

    .he_ZoomInImg .he_ZoomInImg_img {
        position: relative;
        display: block;
        width: 100%;
        padding: 0;
        margin: 0;
        opacity: 1;
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        -ms-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        overflow: hidden;
    }

    .he_ZoomInImg:hover .he_ZoomInImg_img {
        opacity: .7;
        -webkit-transform: scale(1.3);
        -moz-transform: scale(1.3);
        -o-transform: scale(1.3);
        -ms-transform: scale(1.3);
        transform: scale(1.3);
    }

    .he_ZoomInImg .he_ZoomInImg_caption {
        color: #fff;
        -moz-backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        -ms-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        overflow: hidden;
    }

        .he_ZoomInImg .he_ZoomInImg_caption, .he_ZoomInImg .he_ZoomInImg_caption > a {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            padding: 0;
            margin: 0;
            -webkit-transition: all .4s ease-in-out;
            -moz-transition: all .4s ease-in-out;
            -o-transition: all .4s ease-in-out;
            -ms-transition: all .4s ease-in-out;
            transition: all .4s ease-in-out;
            overflow: hidden;
        }

    .he_ZoomInImg .he_ZoomInImg_caption_h {
        font-size: 1.3em;
        font-weight: 700;
        text-align: center;
        width: 80%;
        position: absolute;
        top: 20%;
        left: 10%;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
        overflow: hidden;
        opacity: .8;
    }

    .he_ZoomInImg:hover .he_ZoomInImg_caption_h {
        color: #fff;
        opacity: 1;
    }

    .he_ZoomInImg .he_ZoomInImg_caption_p {
        font-size: 1em;
        text-align: center;
        width: 80%;
        position: absolute;
        top: 45%;
        left: 10%;
        -webkit-transition: all .6s ease-in-out;
        -moz-transition: all .6s ease-in-out;
        -o-transition: all .6s ease-in-out;
        -ms-transition: all .6s ease-in-out;
        transition: all .6s ease-in-out;
        overflow: hidden;
        opacity: 0;
    }

    .he_ZoomInImg:hover .he_ZoomInImg_caption_p {
        color: #fff;
        opacity: 1;
    }

.he_ZoomOutImg {
    background: #fe7253;
    width: 360px;
    height: 240px;
    padding: 0;
    margin: 0;
    border: 1px solid #000;
    position: relative;
    box-sizing: border-box;
    cursor: pointer;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    overflow: hidden;
}

    .he_ZoomOutImg .he_ZoomOutImg_img {
        position: relative;
        display: block;
        width: 100%;
        padding: 0;
        margin: 0;
        opacity: 1;
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        -ms-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        overflow: hidden;
        -webkit-transform: scale(1.3);
        -moz-transform: scale(1.3);
        -o-transform: scale(1.3);
        -ms-transform: scale(1.3);
        transform: scale(1.3);
    }

    .he_ZoomOutImg:hover .he_ZoomOutImg_img {
        opacity: .7;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    .he_ZoomOutImg .he_ZoomOutImg_caption {
        color: #fff;
        -moz-backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        -ms-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        overflow: hidden;
    }

        .he_ZoomOutImg .he_ZoomOutImg_caption, .he_ZoomOutImg .he_ZoomOutImg_caption > a {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            padding: 0;
            margin: 0;
            -webkit-transition: all .4s ease-in-out;
            -moz-transition: all .4s ease-in-out;
            -o-transition: all .4s ease-in-out;
            -ms-transition: all .4s ease-in-out;
            transition: all .4s ease-in-out;
            overflow: hidden;
        }

    .he_ZoomOutImg .he_ZoomOutImg_caption_h {
        font-size: 1.3em;
        font-weight: 700;
        text-align: center;
        width: 80%;
        position: absolute;
        top: 20%;
        left: 10%;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
        overflow: hidden;
        opacity: .8;
    }

    .he_ZoomOutImg:hover .he_ZoomOutImg_caption_h {
        color: #fff;
        opacity: 1;
    }

    .he_ZoomOutImg .he_ZoomOutImg_caption_p {
        font-size: 1em;
        text-align: center;
        width: 80%;
        position: absolute;
        top: 45%;
        left: 10%;
        -webkit-transition: all .6s ease-in-out;
        -moz-transition: all .6s ease-in-out;
        -o-transition: all .6s ease-in-out;
        -ms-transition: all .6s ease-in-out;
        transition: all .6s ease-in-out;
        overflow: hidden;
        opacity: 0;
    }

    .he_ZoomOutImg:hover .he_ZoomOutImg_caption_p {
        color: #fff;
        opacity: 1;
    }

.he_slideCaptionDown {
    background: #fe7253;
    width: 360px;
    height: 240px;
    padding: 0;
    margin: 0;
    border: 1px solid #000;
    position: relative;
    box-sizing: border-box;
    cursor: pointer;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    overflow: hidden;
}

    .he_slideCaptionDown .he_slideCaptionDown_img {
        position: relative;
        display: block;
        width: 100%;
        padding: 0;
        margin: 0;
        opacity: 1;
        overflow: hidden;
    }

    .he_slideCaptionDown .he_slideCaptionDown_caption {
        color: #fff;
        background: rgba(0, 0, 255, 0.9);
        -moz-backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transform: translate3d(0,-100%,0);
        -moz-transform: translate3d(0,-100%,0);
        -o-transform: translate3d(0,-100%,0);
        -ms-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        -ms-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        overflow: hidden;
    }

    .he_slideCaptionDown:hover .he_slideCaptionDown_caption {
        background: rgba(254,114,83,.8);
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        -o-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    .he_slideCaptionDown .he_slideCaptionDown_caption, .he_slideCaptionDown .he_slideCaptionDown_caption > a {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 0;
        margin: 0;
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        -ms-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        overflow: hidden;
    }

    .he_slideCaptionDown .he_slideCaptionDown_caption_h {
        font-size: 1.3em;
        font-weight: 700;
        text-align: center;
        width: 80%;
        position: absolute;
        top: -50%;
        left: 10%;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
        overflow: hidden;
        opacity: 0;
    }

    .he_slideCaptionDown:hover .he_slideCaptionDown_caption_h {
        color: #fff;
        top: 25%;
        opacity: 1;
    }

    .he_slideCaptionDown .he_slideCaptionDown_caption_p {
        font-size: 1em;
        text-align: center;
        width: 80%;
        position: absolute;
        top: -50%;
        left: 10%;
        -webkit-transition: all .6s ease-in-out;
        -moz-transition: all .6s ease-in-out;
        -o-transition: all .6s ease-in-out;
        -ms-transition: all .6s ease-in-out;
        transition: all .6s ease-in-out;
        overflow: hidden;
        opacity: 0;
    }

    .he_slideCaptionDown:hover .he_slideCaptionDown_caption_p {
        color: #fff;
        top: 45%;
        opacity: 1;
    }

.he_slideAllDown {
    background: #fe7253;
    width: 360px;
    height: 240px;
    padding: 0;
    margin: 0;
    border: 1px solid #000;
    position: relative;
    box-sizing: border-box;
    cursor: pointer;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    overflow: hidden;
}

    .he_slideAllDown .he_slideAllDown_img {
        position: relative;
        display: block;
        width: 100%;
        padding: 0;
        margin: 0;
        opacity: .9;
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        -ms-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        overflow: hidden;
    }

    .he_slideAllDown:hover .he_slideAllDown_img {
        opacity: 1;
        -webkit-transform: translate3d(0,100%,0);
        -moz-transform: translate3d(0,100%,0);
        -o-transform: translate3d(0,100%,0);
        -ms-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
    }

    .he_slideAllDown .he_slideAllDown_caption {
        color: #fff;
        -moz-backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        -ms-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        overflow: hidden;
    }

        .he_slideAllDown .he_slideAllDown_caption, .he_slideAllDown .he_slideAllDown_caption > a {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            padding: 0;
            margin: 0;
            -webkit-transition: all .4s ease-in-out;
            -moz-transition: all .4s ease-in-out;
            -o-transition: all .4s ease-in-out;
            -ms-transition: all .4s ease-in-out;
            transition: all .4s ease-in-out;
            overflow: hidden;
        }

    .he_slideAllDown .he_slideAllDown_caption_h {
        font-size: 1.3em;
        font-weight: 700;
        text-align: center;
        width: 80%;
        position: absolute;
        top: -50%;
        left: 10%;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
        overflow: hidden;
        opacity: 0;
    }

    .he_slideAllDown:hover .he_slideAllDown_caption_h {
        color: #fff;
        top: 25%;
        opacity: 1;
    }

    .he_slideAllDown .he_slideAllDown_caption_p {
        font-size: 1em;
        text-align: center;
        width: 80%;
        position: absolute;
        top: -50%;
        left: 10%;
        -webkit-transition: all .6s ease-in-out;
        -moz-transition: all .6s ease-in-out;
        -o-transition: all .6s ease-in-out;
        -ms-transition: all .6s ease-in-out;
        transition: all .6s ease-in-out;
        overflow: hidden;
        opacity: 0;
    }

    .he_slideAllDown:hover .he_slideAllDown_caption_p {
        color: #fff;
        top: 45%;
        opacity: 1;
    }

a.more {
    display: inline-block;
    text-decoration: none;
    margin-top: 15px;
    color: #fff;
    width: 80px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    background: url(../images/templatemo_more.png);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    float: right;
}

.more1 {
    display: inline-block;
    text-decoration: none;
    margin-top: 5px;
    color: #fff;
    height: 32px;
    line-height: 32px;
    text-align: center;
    float: right;
    margin-right: 25px;
    background-color: #b28e40;
    border: 1px solid #ffb902;
    font-family: Verdana, Geneva, sans-serif, "微軟正黑體";
    font-size: 100%;
    vertical-align: middle;
    padding-right: 7px;
    padding-left: 7px;
    color: #FFF;
}

    .more1:link, .more1:visited {
        display: inline-block;
        text-decoration: none;
        margin-top: 10px;
        color: #fff;
        height: 35px;
        line-height: 35px;
        text-align: center;
        float: right;
        margin-right: 25px;
        background-color: #00498e;
        border: 1px solid #132160;
        font-family: Verdana, Geneva, sans-serif, "微軟正黑體";
        font-size: 100%;
        vertical-align: middle;
        padding-right: 25px;
        padding-left: 25px;
        color: #FFF;
    }

    .more1:focus, .more1:active:focus, .more1.active:focus {
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
        color: #FFF;
    }

    .more1:active, .more1.active {
        outline: 0;
        background-image: none;
        -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
        box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    }

    .more1.disabled, .more1[disabled], fieldset[disabled] .more1 {
        cursor: not-allowed;
        pointer-events: none;
        opacity: .65;
        filter: alpha(opacity=65);
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .more1:hover, .more1:focus {
        background-color: #003366;
        color: #FFF;
    }

div.bc_box {
    width: 100%;
    height: 34px;
}

div.breadcrumbs {
    background-color: rgba(255, 255, 255, 0.6);
}

.container {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 0;
}

.sixteen.columns {
    width: 100%;
    margin-bottom: 20px;
}

div.separator {
}

    div.separator h3, div.separator h2 {
        color: #333333;
        padding-bottom: 7px;
        display: inline-block;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
        font-size: 175%;
        line-height: 1.5em;
        width: 100%;
        border-bottom-width: 4px;
        border-bottom-style: solid;
        border-bottom-color: #699;
    }

    div.separator h4 {
        color: #333333;
        display: inline-block;
        float: left;
        padding-left: 35px;
        padding-right: 10px;
        font-size: 150%;
        line-height: 1.5em;
        width: 100%;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #696;
        border-top-width: 1px;
        border-top-style: solid;
        border-top-color: #696;
        background-image: url(../images/arr2.png);
        background-repeat: no-repeat;
        background-position: left center;
    }

div.law {
    color: #333333;
    height: 70px;
    line-height: 70px;
    padding-left: 70px;
    background-image: url(../img/1444636601_law.png);
    background-repeat: no-repeat;
    background-position: 10px center;
    font-size: 145%;
    -moz-box-shadow: 4px 4px 12px -2px rgba(20%,20%,40%,0.5);
    -webkit-box-shadow: 4px 4px 12px -2px rgba(20%,20%,40%,0.5);
    box-shadow: 4px 4px 12px -2px rgba(20%,20%,40%,0.5);
    border-radius: 6px;
}

.mb {
    margin-bottom: 20px;
}

.org {
    color: #C09138;
}

.page_content {
    width: 94%;
    margin-left: auto;
    margin-right: auto;
    color: #333333;
    font-size: 100%;
    line-height: 32px;
    text-decoration: none;
    margin-bottom: 20px;
}

    .page_content p {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        color: #333333;
        font-size: 125%;
        line-height: 2em;
        text-decoration: none;
        margin-bottom: 20px;
    }

    .page_content ol {
        margin-top: -15px;
    }

        .page_content ol li {
            width: 100%;
            margin-left: auto;
            margin-right: auto;
            color: #333;
            font-size: 125%;
            line-height: 2em;
            text-decoration: none;
            /* [disabled]text-align: center; */
        }

.tender p span {
    width: 100%;
    color: #009966;
}

.page_content p strong {
    width: 100%;
    color: #db1c08;
    font-size: 125%;
    text-decoration: none;
    /* [disabled]text-align: center; */
    font-family: "微軟正黑體 Light";
}

/*.acces{	
	padding-left: 24px;	
}
.acces p{
	width:80%;
	max-width:800px;	
	float: left;
	padding-right: 8px;
	color: #333333;
	font-size: 95%;
	line-height: 32px;
	text-decoration: none;
	margin-bottom: 20px;
	list-style-type: none;
	background-image: url(../img/clip.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 40px;
}
.link{	
	padding-left: 24px;	
}
*/


.acces {
    padding-left: 20px;
}

    .acces p {
        width: 80%;
        /*max-width:800px;*/
        float: left;
        color: #333333;
        font-size: 100%;
        line-height: 28px;
        text-decoration: none;
        margin-bottom: 20px;
        background-image: url(../img/clip.png);
        background-repeat: no-repeat;
        background-position: 0 6px;
        padding-left: 40px !important;
        padding-right: 8px;
        display: block;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

.annex_icon {
    float: right;
    width: 18%;
    display: block;
}

    .annex_icon div {
        display: inline-block;
    }

        .annex_icon div a {
            display: inline-block;
            width: 32px;
            height: 32px;
            background-repeat: no-repeat;
        }

    .annex_icon .pdf a {
        background-image: url(../img/pdf.png);
    }

    .annex_icon .doc a {
        background-image: url(../img/word.png);
    }

    .annex_icon .xsl a {
        background-image: url(../img/excel.png);
    }

    .annex_icon .zip a {
        background-image: url(../img/zip.png);
    }

    .annex_icon .odt a {
        background-image: url(../img/odt.png);
    }

    .annex_icon .ods a {
        background-image: url(../img/ods.png);
    }

    .annex_icon .odf a {
        background-image: url(../img/odf.png);
    }

@media (max-width: 720px) {
    .annex_icon {
        float: none;
        width: auto;
        padding-left: 40px;
    }

    .acces p {
        width: auto;
        margin-bottom: 5px;
        float: none;
        text-overflow: inherit;
        overflow: inherit;
        white-space: inherit;
    }
}

.app {
    /* [disabled]padding-left: 24px; */
    height: 57px;
    width: 57px;
    margin-right: 3px;
    margin-left: 3px;
    float: left;
}

.link li {
    color: #333333;
    font-size: 100%;
    line-height: 32px;
    text-decoration: none;
    margin-bottom: 20px;
    list-style-type: none;
    background-image: url(../img/link.png);
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 40px;
}

.btn .caret {
    border-top: 4px solid #FFF;
}

.menu_box {
    font-family: 'Audiowide', cursive;
}

ul.nav {
    padding: 14px 0;
    list-style: none;
    text-decoration: none;
    background-color: #941B45;
}

    ul.nav li:hover {
        background: #333;
        color: #fff;
    }

    ul.nav li a {
        color: #fff;
        font-size: 100%;
        text-transform: uppercase;
        font-weight: 400;
        font-family: Verdana, Geneva, sans-serif, "微軟正黑體";
        display: block;
        text-decoration: none;
        padding-top: 15px;
        padding-right: 15px;
        padding-bottom: 15px;
        padding-left: 40px;
    }

        ul.nav li a:hover {
            color: #333;
            text-decoration: none;
        }

.col-md-video {
    width: 100%;
    margin-bottom: 15px;
    line-height: 64px;
}

.col-md-001 {
    width: 100%;
    margin-bottom: 15px;
    vertical-align: middle;
    /* [disabled]line-height: 64px; */
}

.col-md-005 {
    width: 100%;
    margin-bottom: 30px;
}

.col-md-004 {
    width: 80%;
    margin-bottom: 10px;
}

.col-md-1 {
    width: 100%;
    margin-bottom: 30px;
    /* [disabled]text-align: center; */
}

.col-md-7 {
    width: 80%;
    float: left;
    margin-bottom: 15px;
}

.col-md-2 {
    width: 100%;
    float: left;
    margin-bottom: 5px;
    /* [disabled]line-height: 45px; */
}


.submit input[type="submit"] {
    width: 100px;
    outline: none;
    color: #FFF;
    font-size: 100%;
    font-weight: 500;
    margin: 0;
    border: 1px solid #0352a2;
    -webkit-appearance: none;
    text-transform: uppercase;
    float: left;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    padding: 0px;
    font-family: Verdana, Geneva, sans-serif, "微軟正黑體";
    background-color: #0b3865;
    background-image: none;
}

    .submit input[type="submit"]:hover {
        transition: 0.5s all;
        -webkit-transition: 0.5s all;
        -moz-transition: 0.5s all;
        -o-transition: 0.5s all;
        -ms-transition: 0.5s all;
        color: #fff;
        background-color: #0352a2;
    }

.col-md-4, .col-sm-6, .col-md-5 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

.col-md-4, .col-sm-6, .col-md-5 {
    float: left;
}



/*--------------------------------------------------------------------------
+	Portfolio Style
--------------------------------------------------------------------------*/
.portfolio-item {
    position: relative;
    background: #FFF;
    margin-bottom: 20px;
    border: 8px solid #FFF;
    -webkit-border-radius: 5px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 5px;
    -moz-background-clip: padding;
    border-radius: 5px;
    background-clip: padding-box;
    -webkit-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
    -moz-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
    box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
    color: #c8cfe6;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
}

    .portfolio-item .portfolio-image {
        overflow: hidden;
        text-align: center;
        position: relative;
    }

        .portfolio-item .portfolio-image img {
            max-width: 100%;
            -webkit-transition: all .25s ease;
            -moz-transition: all .25s ease;
            -o-transition: all .25s ease;
            -ms-transition: all .25s ease;
            transition: all .25s ease;
        }

    .portfolio-item:hover {
        /* [disabled]border: 8px solid #4f8db3; */
    }

        .portfolio-item:hover .portfolio-image img {
            position: relative;
            -webkit-transform: scale(1.1) rotate(2deg);
            -moz-transform: scale(1.1) rotate(2deg);
            -o-transform: scale(1.1) rotate(2deg);
            -ms-transform: scale(1.1) rotate(2deg);
            transform: scale(1.1) rotate(2deg);
        }

    .portfolio-item ul {
        list-style-type: none;
        margin-left: 0;
        margin-top: 20px;
        text-align: center;
        padding: 0;
    }

        .portfolio-item ul li {
            line-height: 28px;
        }

    .portfolio-item .portfolio-project-name {
        font-size: 1.3em;
        text-transform: uppercase;
    }

    .portfolio-item .read-more {
        text-align: center;
        padding-top: 10px;
    }

    .portfolio-item .portfolio-info-fade {
        -webkit-opacity: 0;
        -moz-opacity: 0;
        opacity: 0;
        top: 0;
        position: absolute;
        background: #000;
        background: rgba(0, 0, 0, 0.7);
        width: 100%;
        height: 100%;
        color: #FFF;
        text-shadow: 2px 2px 4px #000000;
        filter: drop-shadow(2px 2px 2px #444);
        -webkit-transition: opacity .25s linear;
        -moz-transition: opacity .25s linear;
        -o-transition: opacity .25s linear;
        -ms-transition: opacity .25s linear;
        transition: opacity .25s linear;
    }

        .portfolio-item .portfolio-info-fade ul {
            margin-top: 10%;
        }

        .portfolio-item .portfolio-info-fade .btn:hover {
            background-color: #FFFFFF;
        }

        .portfolio-item .portfolio-info-fade ul {
            margin: 10% 20px 0 20px;
            padding: 0;
        }

            .portfolio-item .portfolio-info-fade ul li {
                text-align: center;
                font-size: 100%;
            }

                .portfolio-item .portfolio-info-fade ul li:first-child {
                    border-bottom: 1px solid #CCC;
                }

    .portfolio-item:hover .portfolio-info-fade {
        display: block;
        -webkit-opacity: 1;
        -moz-opacity: 1;
        opacity: 1;
    }

.lt-ie9 .portfolio-info-fade {
    display: none;
}

.lt-ie9 .portfolio-item:hover .portfolio-info-fade {
    display: block;
}

.portfolio-visit-btn {
    padding-top: 15px;
}

.portfolio-item-description ul {
    padding: 0;
}

.date {
    background: url(../images/date-icon.png) no-repeat 95.5% 45% #fff;
    cursor: pointer;
}

.bnr-right input[type="text"] {
    width: 60%;
    color: #9E9E9E;
    outline: none;
    font-family: Verdana, Geneva, sans-serif, "微軟正黑體";
    font-size: 100%;
    border: 1px solid #CCC;
    float: left;
    margin-right: 1%;
    padding: 0px 5px 5px 0px;
}

.ep select {
    padding: 4px 0px 4px 5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    color: #9E9E9E;
    background: url(../images/arrow.png) no-repeat 95.5% 58% #fff;
    outline: none;
    border: 1px solid #999;
    width: 140px;
    font-size: 100%;
    font-weight: 400;
    cursor: pointer;
}

.ep input[type="text"] {
    padding: 6px 0px 6px 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    color: #9E9E9E;
    outline: none;
    border: 1px solid #999;
    width: 150px;
    font-size: 100%;
    font-weight: 400;
    cursor: pointer;
}

.ep input[type="submit"] {
    width: 100px;
    border: 1px solid #0b4199;
    outline: none;
    color: #FFF;
    font-size: 100%;
    font-weight: 500;
    margin: 0;
    -webkit-appearance: none;
    text-transform: uppercase;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    padding: 8px;
    font-family: Verdana, Geneva, sans-serif, "微軟正黑體";
    background-color: #60F;
    background-image: none;
}

    .ep input[type="submit"]:hover {
        transition: 0.5s all;
        -webkit-transition: 0.5s all;
        -moz-transition: 0.5s all;
        -o-transition: 0.5s all;
        -ms-transition: 0.5s all;
        color: #fff;
        background-color: #0080FF;
    }

.hd select {
    padding: 0px 0px 0px 5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    color: #9E9E9E;
    background: url(../images/arrow.png) no-repeat 95.5% 58% #fff;
    outline: none;
    border: 1px solid #999;
    width: 100px;
    font-size: 100%;
    cursor: pointer;
    margin-top: 5px;
}

.qa select {
    padding: 0px 0px 0px 5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    color: #9E9E9E;
    background: url(../images/arrow.png) no-repeat 95.5% 58% #fff;
    outline: none;
    border: 1px solid #999;
    width: 140px;
    font-size: 100%;
    cursor: pointer;
    margin-bottom: 10px;
}

.qa input[type="text"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    color: #9E9E9E;
    outline: none;
    border: 1px solid #999;
    width: 130px;
    font-size: 100%;
    padding-top: 6px;
    padding-right: 5px;
    padding-bottom: 7px;
    padding-left: 5px;
    margin-bottom: 10px;
}

.qa input[type="submit"] {
    width: 100px;
    border: 1px solid #0352a2;
    outline: none;
    color: #FFF;
    font-size: 100%;
    margin: 0;
    -webkit-appearance: none;
    text-transform: uppercase;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    font-family: Verdana, Geneva, sans-serif, "微軟正黑體";
    background-color: #0b3865;
    background-image: none;
    padding-top: 6px;
    padding-right: 8px;
    padding-bottom: 6px;
    padding-left: 8px;
}

    .qa input[type="submit"]:hover {
        transition: 0.5s all;
        -webkit-transition: 0.5s all;
        -moz-transition: 0.5s all;
        -o-transition: 0.5s all;
        -ms-transition: 0.5s all;
        color: #fff;
        background-color: #0352a2;
    }

.qa input[type="reset"] {
    width: 100px;
    border: 1px solid #c86364;
    outline: none;
    color: #FFF;
    font-size: 100%;
    font-weight: 500;
    margin: 0;
    -webkit-appearance: none;
    text-transform: uppercase;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    padding: 8px;
    font-family: Verdana, Geneva, sans-serif, "微軟正黑體";
    background-color: #cf4647;
    background-image: none;
}

    .qa input[type="reset"]:hover {
        transition: 0.5s all;
        -webkit-transition: 0.5s all;
        -moz-transition: 0.5s all;
        -o-transition: 0.5s all;
        -ms-transition: 0.5s all;
        color: #fff;
        background-color: #9e2c2d;
    }

.root {
    background-image: url(../images/root.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 30px;
}

.sub {
    background-image: url(../images/sub.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 30px;
}

.picMarquee-left {
    width: 100%;
    overflow: hidden;
    position: relative;
}

    .picMarquee-left .hd {
        overflow: hidden;
        height: 30px;
        padding: 0 10px;
    }

        .picMarquee-left .hd .prev, .picMarquee-left .hd .next {
            display: block;
            width: 5px;
            height: 9px;
            float: right;
            margin-right: 5px;
            margin-top: 10px;
            overflow: hidden;
            cursor: pointer;
            background: url("../img/arrow.png") no-repeat;
        }

        .picMarquee-left .hd .next {
            background-position: 0 -50px;
        }

        .picMarquee-left .hd .prevStop {
            background-position: -60px 0;
        }

        .picMarquee-left .hd .nextStop {
            background-position: -60px -50px;
        }

        .picMarquee-left .hd ul {
            float: right;
            overflow: hidden;
            zoom: 1;
            margin-top: 10px;
            zoom: 1;
        }

            .picMarquee-left .hd ul li {
                float: left;
                width: 9px;
                height: 9px;
                overflow: hidden;
                margin-right: 5px;
                text-indent: -999px;
                cursor: pointer;
                background: url("images/icoCircle.gif") 0 -9px no-repeat;
            }

                .picMarquee-left .hd ul li.on {
                    background-position: 0 0;
                }

    .picMarquee-left .bd {
        padding: 10px;
    }

        .picMarquee-left .bd ul {
            overflow: hidden;
            zoom: 1;
        }

            .picMarquee-left .bd ul li {
                margin: 0 8px;
                float: left;
                _display: inline;
                overflow: hidden;
                text-align: center;
            }

                .picMarquee-left .bd ul li .pic1 {
                    text-align: center;
                }

                    .picMarquee-left .bd ul li .pic1 img {
                        width: 100%;
                        display: block;
                        padding: 2px;
                        border: 1px solid #ccc;
                    }

                    .picMarquee-left .bd ul li .pic1 a:hover img {
                        border-color: #999;
                    }

                .picMarquee-left .bd ul li .pictitle {
                    line-height: 24px;
                }

/*--------------------------------------------------------------------------
+	站外連結
--------------------------------------------------------------------------*/

#carousel_wrapper {
    padding-top: 22px;
    padding-bottom: 22px;
    width: 100%;
    position: relative;
    padding: 0;
    /* [disabled]height:80px; */
    margin-bottom: 22px;
    *zoom: 1;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 15px;
    margin-left: auto;
}

#source {
    text-align: center;
    width: 100%;
    position: absolute;
    bottom: 10px;
    left: 0;
}

    #source, #source a {
        font-size: 80%;
        color: #999;
    }

#donate-spacer {
    height: 100%;
}

#donate {
    border-top: 1px solid #999;
    width: 750px;
    padding: 50px 75px;
    margin: 0 auto;
    overflow: hidden;
}

    #donate p, #donate form {
        margin: 0;
        float: left;
    }

    #donate p {
        width: 650px;
    }

    #donate form {
        width: 100px;
    }

input[type="text"], input[type="password"] {
    color: #666;
    font-weight: 400;
    outline: none;
    font-size: 100%;
    border: 1px solid #999;
    background-color: #fff;
    margin-top: 0;
    /*margin-right: 1em;*/
    margin-bottom: 0;
    margin-left: 0;
    padding-top: 1px;
    padding-right: 10px;
    padding-bottom: 1px;
    padding-left: 10px;
    font-family: Verdana, Geneva, sans-serif, "微軟正黑體";
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    height: 35px;
}

input[type="checkbox"] {
    color: #666;
    font-size: 100%;
    border: 5px solid #333;
    background-color: #fff;
    height: 15px;
    width: 15px;
}

.qa select {
    height: 35px;
}

.hd select {
    height: 25px;
}

input:focus,
select:focus,
textarea:focus,
text:focus {
    background-color: #fff0d5 !important;
    border: 2px solid #ccb981 !important;
}

@media (max-width: 999px) {
    ul.social-links a:nth-child(1) {
        display: none;
    }
}

@media (max-width: 480px) {
    ul.social-links {
        padding: 0;
        z-index: 11;
    }

    .top {
        height: 75px;
        color: #fff;
        background-color: #0b4199;
        z-index: 2;
    }
}

/* Albert 2021.6.28  新增 防疫專區 連結  CSS*/
.btn01 {
position:absolute;
display:inline-block;
right:8px;
z-index:1;
top: 8px;
}
.btn01 a {
display:inline-block;
}
@media (max-width:999px) {
.btn01 {top: 52px;}
}
@media (max-width:700px) {
.btn01 {top: 62px;}
.btn01 img {
    width:100%;
    max-width:200px;
}
}
@media (max-width:590px) {
.btn01 {
    display:block;
    position:relative;
    top:25px;
    text-align:center;
}
}
@media (max-width:480px) {
.btn01 {
    top:15px;
}
}