@charset "utf-8";
/* 桌面版使用CSS */

body {
    font-size: 14px;
    color: #000;
    font-family: Arial, Helvetica, sans-serif, "微軟正黑體", "Microsoft JhengHei";
    min-width: 320px;
    background-color: #474747;
}
/*
body.home .main .side1 {
    display: none;
}
*/
p {
    line-height: 24px;
    /* margin-bottom: 24px; */
}

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

.clearall {
    clear: both;
}

body.home .main_content {
    min-height: 200px;
    background-color: #fff;
}

.main_content {
    min-height: 300px;
    /* padding-top: 40px; */
    /* padding-bottom: 55px; */
}

.form-control:focus {
    /* box-shadow: 0 0 8px rgba(230,36,22,.4); */
    /* border-color: #F5B3B0; */
}

.ani_fade {
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}

/*--------- 防止float溢出 --------*/
.content .txt:after,
.content .news-box .news-list li:after,
body.news .content h3:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

#floating {
    display: none;
}

    #floating .btn-floating {
        background-color: #EBDDB3;
        display: block;
        width: 28px;
        height: 58px;
        position: absolute;
        left: -30px;
        margin: 1px;
        padding: 10px 3px;
        display: none;
    }

        #floating .btn-floating .icon-arrow {
            background: url(../images/home/arrow.png) no-repeat;
            display: block;
            width: 32px;
            height: 40px;
        }

    #floating.open .btn-floating .icon-arrow {
        background-position: 0 -40px;
    }

    #floating ul {
        background-color: #E9E9E9;
    }

        #floating ul li a {
            display: block;
            background: url(../images/all/floating_icon.png) no-repeat;
            width: 60px;
            height: 60px;
            color: #bbb;
            padding: 40px 0 0;
            font-size: 10px;
            text-align: center;
        }

            #floating ul li a:hover {
                color: #fff;
            }

        #floating ul li.b1 a {
            background-position: 0 0;
        }

        #floating ul li.b2 a {
            background-position: 0 -60px;
        }

        #floating ul li.b3 a {
            background-position: 0 -120px;
        }

        #floating ul li.b1 a:hover {
            background-position: -60px 0;
        }

        #floating ul li.b2 a:hover {
            background-position: -60px -60px;
        }

        #floating ul li.b3 a:hover {
            background-position: -60px -120px;
        }


/********************* Header *********************/
.header {
    overflow: visible;
    background: url(../images/all/header_bg.jpg) 0 0 repeat;
}

    .header .navbar {
        z-index: 20;
        background: url(../images/all/header_bg3.png) 0 0 repeat-x;
        border: 0;
    }

        .header .navbar .navbar-brand {
            display: block;
            float: left;
            height: 79px;
            text-indent: -9999px;
            width: 285px;
            background-image: url(../images/all/logo.png);
            background-repeat: no-repeat;
            margin-left: -15px;
            margin-top: 1px;
            padding: 0;
            -webkit-transition: 0.3s ease;
            -moz-transition: 0.3s ease;
            -o-transition: 0.3s ease;
            transition: 0.3s ease;
        }

            .header .navbar .navbar-brand:hover {
                opacity: 0.8;
            }

        .header .navbar .navbar-nav {
            float: right;
            margin-top: 0px;
            margin-right: -15px;
        }

            .header .navbar .navbar-nav li a {
                font-size: 16px;
                color: #FFF;
                padding: 32px 32px 29px;
                background-position: center center;
                border-left: 1px solid rgba(255,255,255,0.5);
            }

            .header .navbar .navbar-nav li:first-child a {
                border-left: 0;
            }

            .header .navbar .navbar-nav li a:hover,
            .about .header .navbar .navbar-nav li.b1 a,
            .case .header .navbar .navbar-nav li.b2 a,
            .service .header .navbar .navbar-nav li.b3 a,
            .news .header .navbar .navbar-nav li.b4 a,
            .contact .header .navbar .navbar-nav li.b5 a {
                background: url(../images/all/nav_hover_bg.png) center center no-repeat #000;
                color: #FFFFFF;
                /* border-bottom: 1px solid #fe0000; */
                /* margin-bottom: -1px; */
            }

            .header .navbar .navbar-nav > li + li:before {
                width: 0;
                height: 50px;
                /* background: url(../images/all/nav_seperator.png) no-repeat; */
                content: " ";
                display: none;
                float: left;
                /* margin-left: -15px; */
            }

        .header .navbar .sub-nav {
            position: absolute;
            right: 50px;
            top: 35px;
        }

            .header .navbar .sub-nav li {
                padding: 0;
            }

                .header .navbar .sub-nav li a {
                    width: 27px;
                    height: 27px;
                    background-image: url(../images/all/serach.png);
                    background-repeat: no-repeat;
                    text-indent: -9999px;
                    margin-bottom: -8px;
                    /*display: flex;*/
                }

                    .header .navbar .sub-nav li a:hover {
                        position: relative;
                    }

                    .header .navbar .sub-nav li a.language {
                        background-color: #f00;
                        background-image: none;
                        margin-left: 20px;
                        padding: 5px 15px;
                        text-indent: inherit;
                        width: auto;
                        font-size: 13px;
                        color: #FFF;
                    }

                .header .navbar .sub-nav li input {
                    padding: 5px;
                    border: none;
                    border-bottom: 1px solid #000;
                    margin-right: 10px;
                    width: 180px;
                }

    .header .top_news {
        height: 27px;
    }

        .header .top_news a {
            color: #fff;
        }

            .header .top_news a:hover {
                text-decoration: underline;
            }

        .header .top_news .news_icon {
            color: #fcd000;
            width: 105px;
            /* float: left; */
            height: 29px;
            position: absolute;
            left: 15px;
            top: 0;
        }

        .header .top_news .txt {
            /* float: left; */
            /* width: 1035px; */
            margin-left: 101px;
        }

/*----------------------- Banner -----------------------*/
.banner {
    position: relative;
    margin-left: -15px;
    margin-right: -15px;
}

    .banner .container {
        /* max-width: 1144px; */
        /* width: 100%; */
        /* padding: 0; */
        position: relative;
    }

    .banner .word {
        color: #fff;
        font-size: 28px;
        left: 20px;
        margin: 0;
        /* max-width: 1200px; */
        position: absolute;
        top: 30px;
        z-index: 2;
        letter-spacing: 5px;
    }

        .banner .word span {
            font-size: 14px;
            color: #fcd000;
            letter-spacing: 1px;
            padding-left: 10px;
        }

    .banner .bxslider li {
        background-position: center center;
        background-repeat: no-repeat;
    }

body.home .banner .bxslider li {
    height: 400px;
}

    body.home .banner .bxslider li.s1 {
        background-image: url(../images/index/banner01_b.jpg);
    }

    body.home .banner .bxslider li.s2 {
        background-image: url(../images/index/banner02_b.jpg);
    }

    body.home .banner .bxslider li.s3 {
        background-image: url(../images/index/banner03_b.jpg);
    }

    body.home .banner .bxslider li.s4 {
        background-image: url(../images/index/banner04_b.jpg);
    }

.banner .bxslider li img {
    display: none;
    /* width: 100%; */
}

.banner .bx-wrapper {
    margin-bottom: 0;
}

    .banner .bx-wrapper .bx-viewport {
        left: 0;
        background: none;
        border: none;
        box-shadow: none;
    }

    .banner .bx-wrapper .bx-pager {
        bottom: 15px;
    }

    .banner .bx-wrapper .bx-controls-direction a {
        /* width: 80px; */
        /* height: 120px; */
        /* background: url(../images/all/banner_arrow.png) no-repeat; */
        /* margin-top: -60px; */
        /* background-color: #fff; */
    }

        .banner .bx-wrapper .bx-controls-direction a.bx-prev {
            /* background-position: 0 0; */
            /* left: -80px; */
        }

        .banner .bx-wrapper .bx-controls-direction a.bx-next {
            /* background-position: 0 -120px; */
            /* right: -80px; */
        }

body.full .banner .container {
    margin: 0;
    max-width: 100%;
    width: 100%;
}

body.full .banner .bx-wrapper .bx-controls-direction a.bx-prev {
    left: 0;
}

body.full .banner .bx-wrapper .bx-controls-direction a.bx-next {
    right: 0;
}


.header_ex {
    background: url(../images/all/header_bottom.png) repeat-x;
    height: 26px;
    margin-top: 40px;
    display: none;
}


/********************* Footer *********************/
.footer {
    text-align: center;
    /* border-top: 1px solid #e9e9e9; */
    /* background-color: #474747; */
}

.footer_top ul {
    background: url(../images/all/sitemap_bg.png) no-repeat center center;
}

    .footer_top ul li {
        padding: 0;
    }

        .footer_top ul li,
        .footer_top ul li a {
            color: #a7a384;
        }

            .footer_top ul li a {
                padding: 10px 5px;
            }

                .footer_top ul li a:hover {
                    color: #6e6e6e;
                }

.footer_content {
    background-color: transparent;
    padding: 15px 0;
    line-height: 22px;
    font-size: 12px;
}

.footer .copyright,
.footer .siteinfo {
    display: block;
    margin: 0 5px;
    color: #a0a0a0;
}

    .footer .siteinfo ul {
        display: block;
        color: #fff;
        margin: 0 0 5px;
    }

        .footer .siteinfo ul > li {
            padding: 0;
        }

            .footer .siteinfo ul > li + li:before {
                content: " / ";
                padding: 0 5px;
                color: #636363;
            }

    .footer .siteinfo .sitemap-link {
        color: #000;
        margin-right: 10px;
    }

        .footer .siteinfo .sitemap-link:hover {
            text-decoration: underline;
        }

.footer .powered {
    display: none;
}

    .footer .powered a {
        color: #6e6e6e;
    }

.footer .sitemap {
    display: none;
}

/********************* Main *********************/
.main {
    background-color: #fff;
}

.btn_base {
    background-color: #af090e;
    color: #fff;
    padding: 4px 12px;
    border-radius: 0;
}

    .btn_base:hover {
        background-color: #fff;
        color: #af090e;
        border: 1px #af090e solid;
    }

/*---------------- main_top--------------------*/
.search-box_bg {
    background-color: #e9e9e9;
}

    .search-box_bg .search-box {
        padding-bottom: 25px;
        padding-top: 5px;
    }

        .search-box_bg .search-box .sc01 {
            border-bottom: 1px #ccc solid;
            display: block;
        }

        .search-box_bg .search-box .sc02,
        .search-box_bg .search-box .sc03 {
            position: relative;
            top: 10px;
            display: block;
        }

        .search-box_bg .search-box .se_bg {
            background-color: #fff;
            border: 1px #ccc solid;
            display: inline-block;
        }

            .search-box_bg .search-box .se_bg select {
                border: 0;
                height: 30px;
                padding: 0px 10px;
            }

        .search-box_bg .search-box .sc02 .se_bg select {
            width: 175px;
        }

        .search-box_bg .search-box .sc03 .se_bg select {
            width: 210px;
        }

        .search-box_bg .search-box .s_icon01 {
            background: url(../images/all/icon_search.png) 0 bottom no-repeat;
            text-indent: -9999px;
            width: 60px;
            height: 52px;
            margin-bottom: 0;
        }

        .search-box_bg .search-box .s_icon02 {
            background: url(../images/all/icon_search2.png) 0 0 no-repeat;
            padding-left: 20px;
            font-size: 15px;
            position: relative;
            top: 2px;
        }

        .search-box_bg .search-box .s_icon03 {
            background: url(../images/all/icon_search3.png) 0 0 no-repeat;
            padding-left: 20px;
            font-size: 15px;
        }

        .search-box_bg .search-box .s_t01 {
            position: relative;
            top: 10px;
            width: 1041px;
            height: 30px;
            border-color: #d8d8d8;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            border-radius: 0;
        }

        .search-box_bg .search-box .btn_search {
            border: 1px #D8D8D8 solid;
            text-indent: -9999px;
            background: url(../images/all/search.png) center center no-repeat #b7b7b7;
            width: 30px;
            height: 30px;
            position: relative;
            top: 10px;
            left: -5px;
            padding: 0;
            margin: 0;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            border-radius: 0;
        }

            .search-box_bg .search-box .btn_search:hover {
                background-color: #AF090E;
            }

/*----------------------- Side1 -----------------------*/
.main .side1 {
    /* border-bottom: 1px solid #d4d4d4; */
    padding: 0;
    margin-bottom: 50px;
}

    .main .side1 .menu,
    .main .side1 .search-box {
        position: relative;
        z-index: 10;
    }

        .main .side1 .menu h3 .side-toggle {
            display: none;
        }

        .main .side1 .menu .nav {
            max-width: 254px;
            /* text-align: center; */
            background-color: #FCD000;
            margin: 40px 0 0;
        }

    .main .side1 .nav > li {
    }

    .main .side1 .menu .nav > li > a {
        line-height: 20px;
        color: #000;
        font-size: 15px;
        border-top: 1px solid #FFFFFF;
        /* background-color: #FFFFFF; */
        padding: 15px;
        text-align: center;
    }

        .main .side1 .menu .nav > li > a:hover,
        .main .side1 .menu .nav > li > a:focus,
        .main .side1 .menu .nav > li > a.on,
        .contact.online .main .side1 .menu .nav > li > a.on1:hover {
            color: #fff;
            background: url(../images/all/header_bg.jpg) 0 -31px repeat;
        }

.contact .main .side1 .menu .nav > li > a.on1 {
    color: #fff;
    background: url(../images/all/header_bg.jpg) 0 -31px repeat;
}

.contact.online .main .side1 .menu .nav > li > a.on1 {
    color: #000;
    background: none;
}

.contact.online .main .side1 .menu .nav > li > a.on2 {
    color: #fff;
    background: url(../images/all/header_bg.jpg) 0 -31px repeat;
}

.main .side1 .menu .nav > li > ul {
    list-style-type: none;
    /* margin-bottom: 15px; */
    /* margin-top: 5px; */
    background-color: #EFEFEF;
}

    .main .side1 .menu .nav > li > ul > li {
    }

        .main .side1 .menu .nav > li > ul > li a {
            color: #000;
            display: block;
            padding: 8px 15px;
            font-size: 14px;
        }

            .main .side1 .menu .nav > li > ul > li a:hover {
                color: #f00;
                background-color: #FFF;
            }

        .main .side1 .menu .nav > li > ul > li > ul {
            margin-left: 18px;
        }

            .main .side1 .menu .nav > li > ul > li > ul > li {
            }

                .main .side1 .menu .nav > li > ul > li > ul > li > a {
                }

.main .side1 .search-box {
    border-bottom: 1px dashed #ACA8A3;
    padding-bottom: 20px;
    max-width: 254px;
}

    .main .side1 .search-box .form-group .form-control {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        height: 24px;
        line-height: 24px;
        padding: 0 12px;
        width: 100%;
    }

    .main .side1 .search-box .form-group.w1 {
        width: 100%;
    }

    .main .side1 .search-box .form-group.w2 {
        width: 100%;
        margin-top: 10px;
    }

    .main .side1 .search-box .form-group select {
        /*min-width: 80px;*/
        -webkit-appearance: none;
        -moz-appearance: none;
        background: url(../images/all/search_select_bg.png) no-repeat right center #fff;
    }

.main .side1 .menu h3 {
    margin-top: -10px;
}

.main .side1 .menu .search {
    text-align: center;
    border-top: 1px solid #d4d4d4;
}

    .main .side1 .menu .search .title {
        color: #000;
        font-size: 17px;
        margin-bottom: 0;
        margin-top: 13px;
        padding-bottom: 10px;
    }

    .main .side1 .menu .search input {
        border: 1px solid #d4d4d4;
        padding: 8px;
        width: 90%;
    }

    .main .side1 .menu .search a {
        background-color: #c1c1c1;
        color: #fff;
        display: inline-block;
        font-size: 15px;
        margin-bottom: 24px;
        padding: 7px;
        width: 90%;
    }

        .main .side1 .menu .search a:hover {
            background-color: #f00;
        }

/*----------------------- Side2 -----------------------*/
.main .side2 {
    /*padding-top: 12px;*/
}

    .main .side2 .side-slide,
    .main .side2 .quick-link {
        position: relative;
        z-index: 10;
    }

    .main .side2 h3 {
        color: #8E8B77;
        font-size: 16px;
        letter-spacing: 2px;
        font-family: "標楷體";
        border-bottom: 1px solid #6A5B54;
        padding-bottom: 5px;
    }

    .main .side2 .side-slide ul {
        list-style-type: none;
    }

        .main .side2 .side-slide ul li a {
            border: 1px solid #635338;
            padding: 2px;
            display: block;
        }

    .main .side2 .side-slide .bx-wrapper .bx-controls-direction a {
        width: 18px;
        height: 30px;
        background: url(../images/home/arrow.png) no-repeat;
        background-size: 100% auto;
        top: -22px;
    }

        .main .side2 .side-slide .bx-wrapper .bx-controls-direction a.bx-prev {
            right: 16px;
            left: initial;
        }

        .main .side2 .side-slide .bx-wrapper .bx-controls-direction a.bx-next {
            right: 0;
            background-position: 0 -30px;
        }

    .main .side2 .quick-link ul {
        margin-left: 20px;
    }

        .main .side2 .quick-link ul li a {
            color: #848275;
            display: block;
            line-height: 20px;
        }

            .main .side2 .quick-link ul li a:hover {
                color: #AAA16F;
            }

/*----------------------- breadcrumb -----------------------*/
.breadcrumb {
    font-size: 13px;
    color: #FFFFFF;
    margin: 0;
    padding: 0;
    /* display: inline-block; */
    position: absolute;
    top: -150px;
    right: 22px;
    z-index: 12;
}

    .breadcrumb ul {
        list-style-type: none;
        font-size: 14px;
    }

        .breadcrumb ul li {
            float: left;
        }

            .breadcrumb ul li a {
                color: #FFFFFF;
            }

                .breadcrumb ul li a:hover {
                    color: #FCD000;
                }

            .breadcrumb ul li.arrow {
                color: #FFFFFF;
                font-size: 14px;
                margin: 0 5px;
            }

.breadcrumb2 {
    padding: 30px 0 20px;
}

    .breadcrumb2 ul {
        list-style-type: none;
        font-size: 16px;
    }

        .breadcrumb2 ul li {
            float: left;
        }

            .breadcrumb2 ul li a {
                color: #000000;
            }

                .breadcrumb2 ul li a:hover {
                    color: #FCD000;
                }

            .breadcrumb2 ul li.arrow {
                color: #FFFFFF;
                font-size: 14px;
                margin: 0 5px;
            }


/*----------------------- Content -----------------------*/
.main_content .content {
    padding: 30px 40px 40px;
}

.content h1 {
    font-size: 25px;
    color: #000;
    margin-top: 13px;
    margin-bottom: 30px;
    padding-bottom: 8px;
    /* padding-left: 15px; */
    border-bottom: 1px #DADADA solid;
}

    .content h1 span {
        border-bottom: 1px #DA101C solid;
        padding-bottom: 8px;
    }

    .content h1:after {
    }


/*----------------------- page -----------------------*/
.page {
}

    .page a {
        background-color: #dadada;
        color: #737373;
        display: inline-block;
        margin-right: 10px;
        padding: 8px;
        text-align: center;
        width: 80px;
    }

        .page a:hover {
            background-color: #F00;
            color: #fff;
        }

    .page .move {
        color: #666;
        float: right;
        font-size: 13px;
        margin-top: 4px;
    }

        .page .move select {
            border: 1px solid #CCC;
            margin: 0 5px;
            padding: 2px;
            width: 50px;
        }


.content .btn-box {
    margin: 0px 0 20px;
    clear: both;
    border-top: 1px solid #DADADA;
    padding-top: 15px;
    text-align: center;
}

    .content .btn-box .pager {
        text-align: left;
        display: inline-block;
        margin: 0 0 20px;
    }

        .content .btn-box .pager li {
            margin: 0 5px;
        }

            .content .btn-box .pager li > a {
                background: #AF090E;
                -webkit-border-radius: 0px;
                -moz-border-radius: 0px;
                border-radius: 0px;
                border: 1px #AF090E solid;
                color: #FFFFFF;
            }

                .content .btn-box .pager li > a:hover {
                    background-color: #FFFFFF;
                    color: #AF090E;
                }

    .content .btn-box a .icon {
        background: url(../images/all/pager_icon.png) no-repeat;
        display: inline-block;
        vertical-align: text-bottom;
        width: 16px;
        height: 16px;
        margin-right: 5px;
    }

    .content .btn-box a .icon-first {
        background-position: -6px -1px;
    }

    .content .btn-box a .icon-prev {
        background-position: -6px -29px;
    }

    .content .btn-box a .icon-next {
        background-position: -6px -58px;
    }

    .content .btn-box a .icon-last {
        background-position: -6px -87px;
    }

    .content .btn-box a .icon-back {
        background-position: -6px -112px;
    }

    .content .btn-box .page-info {
        display: inline-block;
        margin: 0 5px;
        /* color: #848275; */
        text-align: center;
    }

        .content .btn-box .page-info select {
            border: 1px solid #B7B7B7;
            min-width: 60px;
            padding: 0 18px 0 0;
            height: 24px;
            margin-right: 10px;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            border-radius: 0;
            -webkit-appearance: none;
            -moz-appearance: none;
            background: #fff url(../images/all/pager_select_bg.png) no-repeat right center;
        }

    .content .btn-box a,
    .contnet .btn {
        background: #706b49;
        /*-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;*/
        border: none;
        color: #fff;
        display: inline-block;
        padding: 2px 14px;
        font-size: 14px;
        text-align: center;
        line-height: 24px;
    }

        .content .btn-box a:hover,
        .contnet .btn:hover {
            background-color: #4a462a;
        }

        .content .btn-box a span {
            margin-right: 5px;
        }



/*------sitemap 網站導覽-----*/
.sitemap .main_content .content {
    padding-left: 15px;
}

.sitemap .side1 {
    display: none;
}

.sitemap .link_list {
}

    .sitemap .link_list > div {
        margin-bottom: 40px;
    }

    .sitemap .link_list a {
        background-color: #dcdcdc;
        color: #000;
        display: inline-block;
        font-size: 15px;
        padding: 11px;
        text-align: center;
        width: 100%;
    }

        .sitemap .link_list a:hover {
            background-color: #f00;
            color: #fff;
        }

        .sitemap .link_list a.sec {
            background-color: transparent;
            border-bottom: 1px solid #ccc;
            color: #666;
            font-size: 13px;
            padding: 15px;
        }

        .sitemap .link_list a:hover.sec {
            border-bottom: 1px solid #f00;
            color: #f00;
        }


/*------about 關於我們-----*/
.about .side1 {
    display: none;
}

.about .main_content .content {
    width: 100%;
    /* padding: 30px 0px 40px; */
}

.about .content p {
    font-size: 15px;
    line-height: 28px;
}

    .about .content p.b_title,
    .show.news .content .b_title,
    .show.event .content .b_title {
        font-size: 24px;
        font-weight: bold;
        margin-bottom: 5px;
        margin-top: 50px;
    }

.ab_box h3 {
    font-size: 22px;
    color: #DA101C;
}

.ab_box img {
    margin: 5px 0;
}

.ab_box span {
    display: block;
    color: #F43213;
    /* margin-top: 20px; */
    font-size: 16px;
}
.ab_box .abst {
    background-color: #ea7561;
    color: #fff;
    padding: 2px;
}
.ab_box .oneservice {
    border-top: 1px solid #ccc;
    margin-top: 10px;
}

    .ab_box .oneservice h3 {
        text-align: center;
    }

    .ab_box .oneservice .os_box {
        display: flex;
        flex-wrap: wrap;
    }

        .ab_box .oneservice .os_box > div {
            width: 50%;
            min-height: 180px;
            position: relative;
            z-index: 1;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        .ab_box .oneservice .os_box .os01,
        .ab_box .oneservice .os_box .os02 {
            text-align: right;
            padding-right: 220px;
            align-items: flex-end;
        }

        .ab_box .oneservice .os_box .os03,
        .ab_box .oneservice .os_box .os04 {
            text-align: left;
            padding-left: 220px;
            align-items: flex-start;
        }

        .ab_box .oneservice .os_box .os01,
        .ab_box .oneservice .os_box .os04 {
            background-color: #f5f5f5;
        }

        .ab_box .oneservice .os_box .os02,
        .ab_box .oneservice .os_box .os03 {
            background-color: #e4e4e4;
        }

        .ab_box .oneservice .os_box > div h4,
        .ab_box .oneservice .os_box > div p {
            width: 160px;
        }

        .ab_box .oneservice .os_box > div h4 {
            font-size: 24px;
            font-weight: 600;
        }

        .ab_box .oneservice .os_box > div::before {
            content: "";
            background-repeat: no-repeat;
            width: 160px;
            height: 160px;
            position: absolute;
            z-index: -1;
        }

        .ab_box .oneservice .os_box .os01::before {
            background-image: url(../images/about/os01.png);
            background-size: 100% auto;
            right: 0;
            bottom: 0;
        }

        .ab_box .oneservice .os_box .os02::before {
            background-image: url(../images/about/os02.png);
            background-size: 100% auto;
            right: 0;
            top: 0;
        }

        .ab_box .oneservice .os_box .os03::before {
            background-image: url(../images/about/os03.png);
            background-size: 100% auto;
            left: 0;
            bottom: 0;
        }

        .ab_box .oneservice .os_box .os04::before {
            background-image: url(../images/about/os04.png);
            background-size: 100% auto;
            left: 0;
            top: 0;
        }




.ab_box2 {
    border-top: 1px #ccc solid;
    border-bottom: 1px #ccc solid;
    margin-top: 20px;
    /* background-color: #F2F2F2; */
}

    .ab_box2 h3 {
        display: inline-block;
        background-color: #DB0717;
        color: #FFF;
        width: 100%;
        font-size: 22px;
        text-align: center;
        letter-spacing: 10px;
        padding: 10px 0 10px 10px;
    }

    .ab_box2 ol,
    .ab_box2 ul {
        padding-left: 20px;
        font-size: 15px;
    }

    .ab_box2 img {
        margin: 10px 0 20px;
    }

/*------news 最新訊息-----*/
.news_list {
    padding-bottom: 10px;
}

    .news_list img {
        width: 100%;
    }

    .news_list > li {
        margin-bottom: 10px;
    }

        .news_list > li:nth-child(2n+1) {
            background-color: #f5f5f5;
        }

    .news_list li:hover {
        background-color: #AF090E;
    }

        .news_list li:hover a,
        .news_list li:hover a .txt_info {
            color: #FFF;
        }

            .news_list li:hover a h2 {
                /* color: #FCD000; */
            }

    .news_list a {
        display: block;
        color: #000;
    }

        .news_list a h2 {
            font-size: 18px;
            margin: 18px 30px 10px 0;
            padding-bottom: 10px;
            padding-right: 90px;
            border-bottom: 1px #DADADA solid;
        }

        .news_list a .txt_date {
            font-size: 13px;
            float: right;
            /* color: #B2B2B2; */
            margin-right: -88px;
        }

        .news_list a .txt_info {
            font-size: 14px;
            margin-bottom: 0;
            padding-right: 30px;
            color: #6C6C6C;
        }

body.news .show_title {
    font-size: 20px;
    margin: 0px 0 20px;
    padding: 7px 110px 7px 20px;
    color: #414042;
    /* border: 1px #FCD000 solid; */
    background-color: #E9E9E9;
}

body.news .editor {
    /*padding:10px;*/
}

body.news .txt_date {
    font-size: 13px;
    float: right;
    /* color: #B2B2B2; */
    margin-right: -88px;
    margin-top: 5px;
}


/*------case 案件-----*/
body.case .side1 {
    display: none;
}

body.case .main_content .content {
    padding: 0;
    width: 100%;
}

body.case .main_content,
body.home .main_content {
    background: url(../images/all/line01.gif) 0 191px repeat-x;
    padding-bottom: 0;
    margin-bottom: -24px;
}

body.case.case_show .main_content {
}

.tab_case {
}

    .tab_case .resp-tabs-container {
        margin-left: -15px;
        margin-right: -15px;
    }

.tab_content {
}

    .tab_content p {
        margin-bottom: 0;
    }

    .tab_content .thumbnail {
        margin: 0 5px 15px;
        border: 1px #F3F3F3 solid;
        background-color: #f3f3f3;
        padding: 10px;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }

        .tab_content .thumbnail:hover {
            border: 1px #fcd000 solid;
        }

    .tab_content .kind01,
    .tab_content .kind02,
    .tab_content .kind03 {
        color: #fff;
        padding: 2px 3px;
        font-size: 15px;
    }

    .tab_content .kind01 {
        background-color: #c10000;
    }

    .tab_content .kind02 {
        background-color: #d19600;
    }

    .tab_content .kind03 {
        background-color: #00a077;
    }

    .tab_content .price {
        color: #AF090E;
        font-size: 18px;
        font-weight: bold; /* font-style: italic; */
    }

    .tab_content .btn_check {
        background: url(../images/all/btn_bg.gif) 0 0 repeat;
        color: #fff;
        font-size: 16px;
        margin-top: 10px;
        margin-bottom: -10px;
        margin-left: -10px;
        margin-right: -10px;
        display: block;
        /* width: 100%; */
        -wibkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }

        .tab_content .btn_check:hover {
            background: url(../images/all/header_bg.jpg) 0 0 repeat;
        }


/*--case show--*/
.case_show .product-info .popular {
    /* position: absolute; */
    /* right: 10%; */
    /* top: 0; */
}

.case_show .product-info select {
    min-width: 80px;
}

.case_show .product-gallery .pic-stage {
    margin: 0 auto 0px;
    width: 100%;
}

    .case_show .product-gallery .pic-stage ul li {
    }

        .case_show .product-gallery .pic-stage ul li a {
            display: block;
        }

            .case_show .product-gallery .pic-stage ul li a img {
                width: 100%;
            }

.case_show .product-gallery .pic-pager {
    position: relative;
    margin: 10px -5px;
}

    .case_show .product-gallery .pic-pager .jcarousel div a {
        opacity: 0.5;
    }

        .case_show .product-gallery .pic-pager .jcarousel div a.active {
            opacity: 1;
        }

.case_show .product-gallery .pic-stage .bx-wrapper .bx-pager {
    display: none;
}

.case_show .product-gallery .pic-stage .bx-wrapper .bx-controls-direction a,
.case_show .product-gallery .pic-pager .jcarousel-control,
.case_show .related .jcarousel-control {
    background: url(../images/all/gallery_btn.png) no-repeat;
    display: block;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    position: absolute;
    top: 50%;
}

.case_show .related .jcarousel-control {
    margin-top: -20px;
}

.case_show .product-gallery .pic-stage .bx-wrapper .bx-controls-direction a.bx-prev {
    background-position: 0 0;
    left: -35px;
    display: none;
}

.case_show .product-gallery .pic-stage .bx-wrapper .bx-controls-direction a.bx-next {
    background-position: -40px 0;
    right: -35px;
    display: none;
}

.case_show .product-gallery .pic-pager .jcarousel-control-prev,
.case_show .related .jcarousel-control-prev {
    background-position: -80px 0;
    left: -40px;
}

.case_show .product-gallery .pic-pager .jcarousel-control-next,
.case_show .related .jcarousel-control-next {
    background-position: -120px 0;
    right: -40px;
}

.case_show .product-gallery .pic-pager .jcarousel-control-prev,
.case_show .product-gallery .pic-pager .jcarousel-control-next {
    display: none;
}

.case_show .related .jcarousel-control-prev,
.case_show .related .jcarousel-control-next {
    display: block;
}

.case_show .product-gallery .pic-pager .jcarousel,
.case_show .related .jcarousel {
    position: relative;
    overflow: hidden;
    width: 100%;
}

    .case_show .product-gallery .pic-pager .jcarousel div,
    .case_show .related .jcarousel ul {
        overflow: auto;
        width: 20000em;
        position: relative;
        list-style-type: none;
    }

        .case_show .product-gallery .pic-pager .jcarousel div a,
        .case_show .related .jcarousel ul li {
            float: left;
            /* padding: 0 5px; */
            /* margin: 0 5px; */
        }

            .case_show .product-gallery .pic-pager .jcarousel div a img,
            .case_show .related .jcarousel ul li img {
                width: 100%;
            }

.case_show .related {
    position: relative;
    margin: 20px 60px 0px;
}

.case_show .content > h2 {
    /* border: 1px solid #BDBDBD; */
    /* border-bottom: none; */
    background-color: #B7B7B7;
    padding: 10px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 2px;
    margin-top: 40px;
    text-indent: inherit;
}

.case_show > h2.ti {
    text-indent: inherit;
    font-size: 13px;
    border: 0;
    padding: 0;
    font-weight: 500;
    letter-spacing: normal;
    background-color: transparent;
    color: #000;
    margin-top: 20px;
}

.case_show .content .txt {
    padding: 12px;
    font-size: 14px;
}

.case_show .content .product-info {
    padding: 16px 0 0;
}

    .case_show .content .product-info p {
        margin-bottom: 5px;
        padding: 0 6px;
    }

    .case_show .content .product-info .t_model {
        color: #C62619;
    }

    .case_show .content .product-info .st {
        color: #FFF;
        background-color: #B7B7B7;
        /* display: inline; */
        /* width: 150px; */
        font-size: 15px;
        /* text-align: right; */
        padding: 2px 10px;
        margin-bottom: 5px;
        font-weight: normal;
    }

    .case_show .content .product-info dd {
    }

    .case_show .content .product-info .sp {
        padding-bottom: 15px; /* border-bottom: 1px solid #979797; */
    }

        .case_show .content .product-info .sp .spt {
            /* width: 130px; */
            /* color: #929292; */
            display: block;
            /* text-align: right; */
            margin: 4px -6px 0px -6px;
            padding-left: 6px;
            background-color: #E4E4E4;
        }

    .case_show .content .product-info a.btn_grs {
        background-color: #C62619;
        border: 1px #C62619 solid;
        color: #fff;
        margin: 0px 0 0;
        display: inline-block;
        padding: 2px 0;
        text-align: center;
        width: 80px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -o-border-radius: 5px;
        -webkit-transition: 0.3s ease;
        -moz-transition: 0.3s ease;
        -o-transition: 0.3s ease;
        transition: 0.3s ease;
    }

        .case_show .content .product-info a.btn_grs:hover {
            background-color: #fff;
            color: #C62619;
        }

    .case_show .content .product-info .sp ul.stsp {
        /* list-style-position: inside; */
        padding-left: 20px;
        padding-top: 5px;
        line-height: 18px;
        margin: 0;
    }

    .case_show .content .product-info .sp .tm01,
    .case_show .content .product-info .sp .tm02,
    .case_show .content .product-info .sp .tm03 {
        width: 54px;
        margin-top: 5px;
        padding: 4px 0 4px 60px;
        font-weight: bold;
        display: block;
        background: url(../images/product/car.png) 0 0 no-repeat;
    }

    .case_show .content .product-info .sp .tm01 {
        background-position: 0 5px;
    }

    .case_show .content .product-info .sp .tm02 {
        background-position: 0 -25px;
    }

    .case_show .content .product-info .sp .tm03 {
        background-position: 0 -56px;
    }

    .case_show .content .product-info .sp .buy_logo {
        width: 120px;
        display: block;
        padding: 5px 0;
    }

        .case_show .content .product-info .sp .buy_logo img {
            width: 100%;
        }

.case_show .content .product-rating {
    /* border-top: 1px #ccc solid; */
    /* border-bottom: 1px #CCC solid; */
    padding: 10px 0 0;
    display: block;
}

    .case_show .content .product-rating .br-wrapper {
        position: relative;
        left: -20px;
        margin: 0; /* float: left; */
        /* width: 205px; */
    }

    .case_show .content .product-rating .wt {
        text-decoration: underline;
        display: inline-block; /* float: right; */
    }

    .case_show .content .product-rating .rating_text {
        /* padding-left:20px; */
        display: block;
        /* width: 180px; */
        /* float: left; */
        text-align: left;
        margin-top: 5px;
    }

.case_show .content .btn-box {
    border-top: 1px solid #C1C1C1;
    padding-top: 20px;
}

.case_show .product-gallery {
    /* width: 100%; */
}

.case_show .product-gallery {
    margin-top: 16px;
    clear: both;
}

    .case_show .product-gallery .note_text {
        display: block;
        /* width: 160px; */
        margin: 0 auto 10px;
        /* padding: 10px 0 10px 0px; */
        text-align: center;
        font-size: 12px;
        /* background-color: #ECECEC; */
        /* border-bottom: 1px #CCC solid; */
        /* border-top: 1px #CCC solid; */
        position: relative;
        bottom: 20px;
        color: #888888;
    }

.case_show .content .btn.pt {
    background-color: #C62619;
    color: #fff;
    margin-top: 10px;
    letter-spacing: 0;
    border: 1px #c62619 solid;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 4px 0;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}

    .case_show .content .btn.pt:hover {
        background-color: #fff;
        color: #C62619;
    }

.case_show .pro_tab {
    margin: 40px 0 20px !important;
}

.case_show .re_box {
    height: 100px;
    border: 1px #ccc solid;
    padding: 40px 0;
    margin: 40px 0;
    text-align: center;
    background-color: #fff;
}

.case_show .news-list {
    padding: 0;
}

    .case_show .news-list .item:last-child {
        border-bottom: none;
    }

.case_show .brand-list {
    padding: 0px 15px;
}

    .case_show .brand-list .item a {
        background-color: #fff;
        display: inline-block;
        margin: 0 auto;
        border: 16px #FFF solid;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

.case_show .icon_link {
    margin-top: 10px;
    padding-top: 10px; /* border-top: 1px #CCC solid; */
}

    .case_show .icon_link > div {
        padding: 0 0px;
    }

    .case_show .icon_link img {
        width: 70%;
        height: auto;
        margin: 0 auto;
    }

    .case_show .icon_link a {
        display: block;
    }

        .case_show .icon_link a:hover {
            opacity: 0.8;
        }

.case_show .btn_ls {
    color: #fff;
    background-color: #C62619;
    margin: 10px 0 10px;
    display: block;
    border: 1px #C62619 solid;
    letter-spacing: 0px;
    font-size: 16px;
    text-align: center;
    padding: 5px 0 3px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    /* font-weight: bold; */
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}

    .case_show .btn_ls:hover {
        color: #C62619;
        background-color: #fff;
    }

.case_show .product-kind {
    margin-top: 24px;
}

    .case_show .product-kind a {
        position: relative;
        display: block;
        margin-bottom: 20px;
    }

        .case_show .product-kind a .text {
            font-family: 'Russo One', sans-serif;
            position: absolute;
            bottom: 0px;
            display: block;
            width: 100%;
            background-color: rgba(0, 0, 0, 0.6);
            color: #FFF;
            padding: 10px 20px;
            font-size: 28px;
            -webkit-transition: 0.3s ease;
            -moz-transition: 0.3s ease;
            -o-transition: 0.3s ease;
            transition: 0.3s ease;
        }

        .case_show .product-kind a:hover .text {
            background-color: rgb(198, 38, 25);
        }

    .case_show .product-kind .glyphicon {
        position: absolute;
        top: inherit;
        bottom: 22px;
        right: 20px;
        color: #fff;
        display: inline-block;
        font-family: 'Glyphicons Halflings';
        font-style: normal;
        font-weight: 400;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

.case_show .bv-stars-container {
    text-align: center !important;
}

    .case_show .bv-stars-container dd {
        display: inline-block !important;
    }

.case_show .content .txt
/*------product 產品介紹-----*/
.product_list {
    font-size: 15px;
    color: #000;
}

.product_list > div > div {
    margin-bottom: 25px;
}

.product_list a img {
    width: 100%;
    border: 7px solid #FFF;
    margin-bottom: 10px;
}

.product_list a:hover img {
    border: 7px solid #F00;
}

.product_list .name {
    float: left;
    margin-left: 8px;
}

.product_list a.video {
    float: right;
    background-image: url(../images/product/play_icon.png);
    background-repeat: no-repeat;
    height: 15px;
    width: 21px;
    text-indent: -9999px;
    margin-right: 8px;
    opacity: 0.8;
}

.product_list a:hover.video {
    background-image: url(../images/product/play_icon_2.png);
    opacity: 1;
}

/*-------客服--------*/
/*聯絡我們*/
body.contact .content-wrap {
    /* padding: 30px 50px 20px; */
    /* background-color: #ccc; */
}

    body.contact .content-wrap > p {
    }

    body.contact .content-wrap .txt {
        padding-left: 0;
        margin-top: 10px;
    }

        body.contact .content-wrap .txt .form-horizontal {
            width: auto;
            margin-top: 10px;
        }

            body.contact .content-wrap .txt .form-horizontal .form-control {
                /* background: #EBEBEB; */
                /* border: none; */
                border-color: #DADADA;
                height: inherit;
            }

body.online .input-sm, .form-horizontal .form-group-sm .form-control {
    height: inherit;
}

body.contact .content-wrap .btn-box {
    margin: 20px 0 0px;
}

.contact .content-wrap .btn-box .btn.bg1,
.contact.online .btn-box .btn.bg1 {
    /* background: url(../images/all/btn_bg.jpg) center center repeat; */
    color: #FFF;
    font-weight: bold;
    width: 120px;
    font-size: 15px;
    /* padding-right: 16px; */
    background-color: #AF090E;
}

.content-wrap .btn-box .btn.bg1:hover {
    position: relative;
    top: 2px;
}

body.contact .btn_contact_bg {
    margin-top: 40px;
}

    body.contact .btn_contact_bg a {
        display: block;
        background-color: #cdcdcd;
        min-height: 240px;
        font-size: 18px;
        color: #fff;
        margin-bottom: 30px;
        padding: 30px;
        position: relative;
        border: 1px #bebebe solid;
        border-radius: 15px;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        -webkit-transition: 0.3s ease;
        -moz-transition: 0.3s ease;
        -o-transition: 0.3s ease;
        transition: 0.3s ease;
    }

        body.contact .btn_contact_bg a:hover {
            background-color: #E2E2E2;
            border: 1px #D6D6D6 solid;
            color: #545454;
        }

        body.contact .btn_contact_bg a.im {
            background-color: #29539E;
            border: 1px #29539E solid;
        }

            body.contact .btn_contact_bg a.im:hover {
                background-color: #2C76F7;
                border: 1px #29539E solid;
                color: #fff;
            }

    body.contact .btn_contact_bg .glyphicon {
        position: absolute;
        top: inherit;
        bottom: 18px;
        right: 25px;
        font-size: 11em;
        color: #B9B9B9;
        z-index: 1;
    }

    body.contact .btn_contact_bg a:hover .glyphicon {
        color: #CCCCCC;
    }

    body.contact .btn_contact_bg a.im .glyphicon {
        color: #5C7EBB;
    }

    body.contact .btn_contact_bg a.im:hover .glyphicon {
        color: rgb(42, 100, 201);
    }

    body.contact .btn_contact_bg .sinfo {
        position: relative;
        z-index: 10;
    }

    body.contact .btn_contact_bg .sti {
        position: relative;
        top: 18px;
        z-index: 10;
        font-size: 34px;
        line-height: 34px;
        font-family: 'Russo One', sans-serif;
    }

body.contact .text_welcome {
    font-size: 22px;
    padding-bottom: 0px;
    /*padding-top: 190px;*/
}

.color_red {
    color: #D60011;
    padding: 0 5px;
}

.help-block {
    color: #D60011;
}

body.contact .contxt {
    position: relative;
    background: url(../images/contact/pic01.jpg) 0 0 no-repeat;
    font-size: 15px;
    height: 196px;
    margin-bottom: 30px;
}

    body.contact .contxt img {
        display: none;
    }

    body.contact .contxt span {
        position: absolute;
        top: 100px;
        left: 390px;
        width: 44%;
    }

.contact .form-group {
    margin-bottom: 0;
}

.online .sti {
    font-size: 16px;
    text-align: center;
    background-color: #E9E9E9;
    padding: 6px 0;
}

.ra_item {
    font-weight: bold;
    color: rgb(255, 111, 0);
}


/*--fannybox--*/
#tip7-title b {
    display: block;
    font-weight: normal;
    margin-bottom: -15px;
}

#fancybox-wrap #tip7-title {
    font-size: 18px;
    color: #FFF;
}

    #fancybox-wrap #tip7-title p {
        font-size: 15px;
        padding-top: 10px;
    }

    #fancybox-wrap #tip7-title .btn-video,
    #fancybox-wrap #tip7-title .btn-download {
        background-repeat: no-repeat;
        display: inline-block;
        margin: 0px 6px;
    }

    #fancybox-wrap #tip7-title .btn-video {
        background-image: url(../images/product/play_icon.png);
        height: 15px;
        width: 21px;
    }

    #fancybox-wrap #tip7-title .btn-download {
        background-image: url(../images/product/download_icon.png);
        height: 14px;
        width: 19px;
        margin-bottom: 1px;
    }

        #fancybox-wrap #tip7-title .btn-video:hover,
        #fancybox-wrap #tip7-title .btn-download:hover {
            opacity: 0.7;
        }

/*--page_top 回頂端--*/
.page_top {
    text-align: center;
}

    .page_top a {
        background-color: #474747;
        color: #ccc;
        padding-top: 4px;
        width: 220px;
        display: block;
        margin: 0 auto;
    }


/*------hone index 首頁-----*/

.home .footer {
    border-top: none;
}

.home .footer_content {
    /* background-color: #f6f6f6; */
}

.home .footer .container {
    /* border-top: 1px solid #CCC; */
    /* padding-top: 20px; */
}

.home .main_content {
    /* padding-top: 50px; */
    padding-bottom: 30px;
}

    .home .main_content .content {
        padding: 0 0px;
    }

.home .pro > div {
    padding: 0px 5px;
}

.home .pro .bx-viewport {
    border: 10px solid #FFF;
}

.home .pro ul li {
}

.bx-wrapper .bx-caption span {
    text-align: center;
    font-size: 15px !important;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    padding: 17px 0 !important;
}

.bx-wrapper .bx-caption {
    padding: 0px 57px;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.75) !important;
}

.bx-wrapper .bx-pager {
    /* display: none; */
}

body.home .news_box {
    background-color: #ececec;
    padding-bottom: 20px;
}

    body.home .news_box > .row {
        width: 1170px;
        margin: 0 auto;
    }

body.home .main_content > .container {
    width: 100%;
}

body.home .main_content .container > .row {
}

body.home .tab_case {
    width: 1170px !important;
    margin: 0 auto !important;
}

body.home .news_box h3 {
    font-size: 20px;
    border-top: 5px #ccc solid;
    margin: 0;
    padding: 10px 5px 20px;
    width: 220px;
}

    body.home .news_box h3.ti01 {
        border-color: #c10000;
        color: #C10000;
    }

    body.home .news_box h3.ti02 {
        border-color: #edce53;
        color: #c08a01;
    }

    body.home .news_box h3 span {
        font-size: 14px;
        color: #616161;
        margin-left: 10px;
    }

.home .news_list > li {
    background-color: transparent;
    border-top: 1px #ccc solid;
    margin-bottom: 0;
    padding: 12px 0 2px;
}

    .home .news_list > li.has_img {
        margin-bottom: 10px;
        border: none;
    }

.home .news_list li.has_img a .txt_date,
.home .news_list a .txt_date {
    margin: 0px 0 10px;
    float: right;
    display: block;
    color: #8A8A8A;
}

.home .news_list li.has_img a .txt_date {
    float: none;
    display: block;
}

.home .news_list a .tag {
    background: #c10000;
    font-size: 13px;
    padding: 2px 6px;
    margin-right: 10px;
    color: #fff;
    position: relative;
    bottom: 2px;
}

.home .news_list a .tag01 {
    background: #c10000;
}

.home .news_list a .tag02 {
    background: #D19600;
}

.home .news_list a .tag03 {
    background: #00A077;
}

.home .news_list a .tag04 {
    background: #357ebd;
}

.home .news_list a .tag05 {
    background: #8a6d3b;
}

.home .news_list a .tag06 {
    background: #A700C1;
}

.home .news_list a .tag07 {
    background: #5bc0de;
}

.home .news_list a h2 {
    font-size: 16px;
    margin: 0;
    padding: 0 0 0px;
    border-bottom: 0;
}

.home .news_list a .txt_info {
    padding: 10px 0 0;
}

.home .news_list li:hover a,
.home .news_list li:hover a .txt_info {
    color: #C10000;
}

.home .copic img {
    border: 3px #fff solid;
}

.home .copic.p1 {
    float: left;
    width: 54%;
}

.home .copic.p2 {
    width: 32%;
    float: left;
    margin-left: 7px;
}

    .home .copic.p2 a {
        display: block;
        margin-bottom: 6px;
    }

.home .copic.p3 img {
    border: none;
}