@charset "utf-8";

#colors {
    color: #76dc88;
    color: #FF815C;
    color: #54c568;
    color: #5a4333;
}

/*列印設定*/
@media print {
    /*不要在後面顯示連結網址*/
    a[href]:after {
        content: none !important;
    }

    /*選單不置頂(不然列印時會蓋到內容)*/
    #page > header {
        position: relative !important;
    }

    .page-heading {
        margin-top: -90px !important;
    }
}


html {
    font-size: initial;
}

    html.font-size-s {
        font-size: 0.9em;
    }

    html.font-size-m {
        font-size: 1em;
    }

    html.font-size-l {
        font-size: 1.2em;
    }

body {
    font-size: 1em;
    font-family: '微軟正黑體';
}

h1 {
    font-size: 1.75em;
    /*line-height: 35px;*/
}

h2 {
    font-size: 1.5em;
    /*line-height: 33px;*/
}

h3 {
    font-size: 1.25em;
    /*line-height: 27px;*/
}

h4 {
    /*line-height: 25px;*/
}

h5 {
    /*line-height: 20px;*/
}

h6 {
    /*line-height: 18px;*/
}

h1, h2, h3, h4, h5, h6 {
    /*color: #555;*/
    text-shadow: none;
    font-weight: normal;
    font-family: '微軟正黑體';
    /*margin-top: 10px;*/
}

/*div, span {
    letter-spacing: 0.8px;
    line-height: 1.8em;
}*/

p {
    font-size: 1em;
    line-height: 1.5em;
    letter-spacing: 0.8px;
    word-wrap: break-word;
    word-break: break-all;
}

ul {
    padding-left: 40px;
    list-style: outside;
}

li {
    font-size: 1em;
    line-height: 1.5em;
    letter-spacing: 0.5px;
}

a {
    text-decoration: none;
    word-wrap: break-word;
    word-break: break-all;
}

    a:hover, a:focus {
        text-decoration: none;
        color: #FF815C;
    }

    a i.fa {
        padding: 0 5px;
    }

    a i.fa, button i.fa.pl {
        padding-left: 5px;
    }

    a i.fa, button i.fa.pr {
        padding-right: 5px;
    }

.fl-nav-menu a[target="_blank"]::after, #mobile-menu a[target="_blank"]::after {
    content: '\f08e';
    font-family: fontawesome;
    vertical-align: super;
    opacity: .5;
    font-size: 0.75em;
    padding-left: 5px;
    margin-top: -5px;
    position: absolute;
}

.fl-nav-menu .parent > a[target="_blank"]::after, #mobile-menu .parent > a[target="_blank"]::after {
    color: #333;
    right: 5px;
    -webkit-transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
    -o-transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
    transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
}

.fl-nav-menu .parent:hover > a[target="_blank"]::after, #mobile-menu .parent:hover > a[target="_blank"]::after {
    /*color:#fff;

    -webkit-transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
    -o-transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
    transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);*/
}

.fl-nav-menu .parent.weather > a[target="_blank"]::before, #mobile-menu .parent > a[target="_blank"]::before {
    content: '\f0c2';
    font-family: fontawesome;
    vertical-align: super;
    font-size: 1.8em;
    padding-left: 5px;
    margin-top: -5px;
    position: absolute;
    color: #ececec;
    color: #ddebfb;
    left: 0px;
    /*bottom:0;*/
    -webkit-transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
    -o-transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
    transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
}

.fl-nav-menu .parent.weather:hover > a[target="_blank"]::before, #mobile-menu .parent:hover > a[target="_blank"]::before,
.fl-nav-menu .parent.cus1:hover > a::before, .fl-nav-menu .parent.cus2:hover > a::before {
    color: #999;
    color: #ffffff;
    -webkit-transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
    -o-transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
    transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
}

.fl-nav-menu .parent.weather > a[target="_blank"] {
    /*background: #ffef66;*/
}

    .fl-nav-menu .parent.weather > a[target="_blank"] > span {
        color: #0976ce !important;
    }

.fl-nav-menu .parent.weather:hover > a[target="_blank"] > span {
    color: #0976ce !important;
}

.fl-nav-menu .parent.cus1 > a > span {
    color: #0976ce !important;
}

.fl-nav-menu .parent.cus1:hover > a > span {
    color: #ffffff !important;
}

.fl-nav-menu .parent.cus2 > a > span {
    color: #30893f !important;
}

.fl-nav-menu .parent.cus2:hover > a > span {
    color: #ffffff !important;
}



#nav > li.parent.cus3:hover > a {
    -webkit-box-shadow: inset 0 -75px 0 0 #c6ff56;
    box-shadow: inset 0 -75px 0 0 #c6ff56;
}


#nav > li.weather:hover > a {
    -webkit-box-shadow: inset 0 -75px 0 0 #ddebfb;
    box-shadow: inset 0 -75px 0 0 #ddebfb;
}


@media (max-width: 991px) and (min-width: 768px) {
    #nav > li.parent.cus3 > a {
        padding: 0;
    }
}

/*查詢資料表格*/
.data-table {
    font-size: 1em;
}

    .data-table .high-light, .main-pad .high-light {
        color: #e24c20;
    }

    .data-table th {
        font-size: 1em;
        padding: 10px 5px;
    }

    .data-table thead th, .data-table thead th:first-child, .data-table thead th:last-child {
        background-color: #ccd7ef;
        border-top: 1px solid #ececec;
        border-bottom: 1px solid #ececec;
    }

    .data-table tfoot tr {
        background-color: #d6eef1;
    }

    .data-table tbody tr:nth-child(even) {
        background-color: #f5f5f5;
        background-color: #e5e8ee;
    }

    .data-table tbody td {
        padding: 2px 5px;
        color: #000;
        line-height: 1.8em;
    }

    .data-table tbody tr[data-disabled="1"] td {
        color: #ea4312;
    }


/*-----datepicker-----*/
.ui-datepicker .ui-datepicker-title select {
    padding: 6px;
}

/*---------字級------------*/
.currencies_list.font-size > li {
    display: inline-block;
    padding-right: 0px;
    padding-left: 0px;
}

    .currencies_list.font-size > li a {
        float: left;
    }

.currencies_list.font-size label:hover {
    /*color: #76dc88;*/
    cursor: pointer;
    /*border-color: #76dc88;*/
}

.font-size-s .currencies_list.font-size label[data-size="s"] {
    color: #fff;
    border-color: #fff;
}

.font-size-m .currencies_list.font-size label[data-size="m"] {
    color: #fff;
    border-color: #fff;
}

.font-size-l .currencies_list.font-size label[data-size="l"] {
    color: #fff;
    border-color: #fff;
}

.page-heading .page-title h2 {
    color: #fff;
    text-shadow: 1px 1px 1px #333;
}

.page-title h2 {
    font-size: 2em;
}

.breadcrumbs ul li {
    list-style-type: none;
    display: inline;
    text-shadow: 1px 1px 1px #333;
}

.breadcrumbs, .breadcrumbs a, .breadcrumbs span {
    font-size: .9em;
}

    .breadcrumbs .icon-angle-right {
        line-height: 1em;
        vertical-align: middle;
        padding-left: 5px;
    }

.tp-bullets {
    top: 90px !important;
}

.bullet {
    width: 20px;
    height: 20px;
    background-color: rgba(255, 255, 255, 0.8);
    display: inline-block;
    margin: 2px;
    border: 3px solid rgba(255, 255, 255, 0.8);
    border-radius: 10px;
}

    .bullet:hover {
        cursor: pointer;
        background-color: #76dc88;
        border: 3px solid #76dc88;
    }

    .bullet.selected {
        background-color: #76dc88;
    }



.slider-link-cover {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 21;
}

    .slider-link-cover + .slider-link-cover {
        display: none;
    }

    .slider-link-cover.two-links {
        width: 50%;
    }

        .slider-link-cover.two-links + .slider-link-cover.two-links {
            display: block;
            width: 50%;
            left: 50%;
        }

.slider-text {
    position: relative;
}

    .slider-text::before {
        content: "";
        position: absolute;
        z-index: 0;
        background-color: rgba(0, 0, 0, 0.5);
        /*padding: 0 2000px;*/
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        /*-webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);*/
        width: 100%;
        height: 280px;
        display: inline-block;
        /*top: -50px;*/
        /*left: -2000px;*/
        /* top: -30px; */
        bottom: -180px;
        -moz-transform: skew(0, 4deg);
        -ms-transform: skew(0, 4deg);
        -webkit-transform: skew(0, 4deg);
        transform: skew(0, 4deg);
    }

    .slider-text .info {
        position: absolute;
        display: block;
        height: 280px;
        top: -250px;
    }

        .slider-text .info .tp-caption.LargeTitle {
            text-align: left !important;
            font-size: 55px;
            top: 170px !important;
            left: 0px !important;
        }

.tp-caption.LargeTitle span, .tp-caption.LargeTitle a {
    color: #fff;
    line-height: 50px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 5px;
    text-align: center;
    display: inline-block;
}

    .tp-caption.LargeTitle a[target]:hover {
        color: #ffc266;
        text-decoration: underline;
    }

.slider-text .info .tp-caption.Title {
    text-align: left !important;
    font-size: 25px;
    line-height: 20px;
    padding-left: 20px;
    padding-top: 0;
    padding-bottom: 0;
    top: 210px !important;
    left: 0px !important;
}

.slider-text .info .tp-caption {
    text-align: left !important;
    top: 130px !important;
    left: 0px !important;
}

.slider-text .info .buy-btn {
    padding: 10px 15px;
}

@media(min-width:768px) and (max-width:991px) {
    .tp-bullets {
        top: 190px !important;
    }

    .slider-text .info {
        top: -220px;
    }

        .slider-text .info .tp-caption.LargeTitle {
            top: 150px !important;
        }

        .slider-text .info .tp-caption.Title {
            top: 185px !important;
            padding-top: 0;
            padding-bottom: 0;
        }

        .slider-text .info .tp-caption {
            top: 110px !important;
        }
}

@media only screen and (max-width: 767px) and (min-width: 480px) {

    .tp-bullets {
        top: 10px !important;
    }

    .slider-text::before {
        height: 100px;
        bottom: -50px;
    }

    .slider-text .info {
        top: -110px;
    }

        .slider-text .info .tp-caption.LargeTitle {
            top: 75px !important;
        }

        .slider-text .info .tp-caption.Title {
            top: 95px !important;
            padding-top: 0;
            padding-bottom: 0;
        }

        .slider-text .info .tp-caption {
            top: 50px !important;
        }
}

@media only screen and (max-width: 479px) {
    .tp-bullets {
        top: 2px !important;
    }

    .bullet {
        width: 12px;
        height: 12px;
    }

    .slider-text::before {
        height: 100px;
        bottom: -70px;
    }

    .slider-text .info {
        top: -60px;
    }

        .slider-text .info .tp-caption.LargeTitle {
            text-align: center;
            top: 35px !important;
        }

        .slider-text .info .tp-caption.Title {
            text-align: center;
            padding-top: 0;
            padding-bottom: 0;
            top: 50px !important;
        }

        .slider-text .info .tp-caption {
            text-align: center;
            top: 10px !important;
        }
}

#top {
    background-color: transparent;
    margin-bottom: 100px;
}

    #top::before {
        content: "";
        position: absolute;
        z-index: 0;
        background-color: #f5f5f5;
        background-color: #f0fbfc;
        /*padding: 0 2000px;*/
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        /*-webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);*/
        width: 100%;
        height: 100%;
        display: inline-block;
        top: 3px;
        /*left: -2000px;
         top: -30px; */
        /*-moz-transform: skew(0, 5deg);
        -ms-transform: rotate(-5deg);
        -webkit-transform: rotate(-5deg);
        transform: skew(0, -5deg);*/
    }

    #top ul li > div {
        padding: 1px;
    }

@media (min-width: 1250px) {
    #top {
        width: 1240px;
    }
}

@media(min-width:992px) {
    .fullwidthbanner-container {
        height: 600px !important;
    }
}

/*@media only screen and (max-width: 991px) and (min-width: 480px) {
    #top::before {
        top: -30px;
    }
}*/

@media only screen and (max-width: 479px) {
    #top::before {
        height: 105%;
        top: -10px;
    }
}



#thm-mart-slideshow:before {
    content: "";
    position: absolute;
    z-index: 100;
    background-color: #f5f5f5;
    padding: 0 2000px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
    width: 100%;
    height: 300px;
    display: inline-block;
    bottom: -160px;
    left: -2000px;
    content: none;
}

@media (min-width: 1250px) {
    #thm-mart-slideshow .container {
        width: 1240px;
    }
}

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

    #thm-mart-slideshow:before {
        bottom: -280px;
    }
}

.margin-bottom-5 {
    margin-bottom: 5px;
}

.margin-bottom-10 {
    margin-bottom: 10px;
}

.margin-bottom-15 {
    margin-bottom: 15px;
}

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

.margin-bottom-25 {
    margin-bottom: 25px;
}

.margin-bottom-30 {
    margin-bottom: 30px;
}

.margin-bottom-35 {
    margin-bottom: 35px;
}

.margin-bottom-40 {
    margin-bottom: 40px;
}

.margin-bottom-45 {
    margin-bottom: 45px;
}

.margin-bottom-50 {
    margin-bottom: 50px;
}

.fa-pdl {
    padding-left: 5px;
}

.fa-pdr {
    padding-right: 5px;
}

.a-btn, .latest-blog .a-btn {
    display: inline-block;
    padding: 6px 8px;
    border: 1px #ddd solid;
    background-color: #fff;
    text-transform: uppercase;
    font-size: 0.7em;
    font-family: 'Montserrat', sans-serif;
    letter-spacing: 1px;
    font-weight: 700;
    -webkit-transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
    -o-transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
    transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
    box-shadow: inset 0 0 0 0 #fff;
}

    .a-btn:hover, .latest-blog .a-btn:hover {
        text-decoration: none;
        -webkit-transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
        -o-transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
        transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
        box-shadow: inset 0 -55px 0 0 #FF815C;
        border: 1px solid #FF815C;
        color: #fff;
    }

.button:hover {
    -webkit-transition: all 0.4s cubic-bezier(0.8, 0, 0, 1);
    -o-transition: all 0.4s cubic-bezier(0.8, 0, 0, 1);
    transition: all 0.4s cubic-bezier(0.8, 0, 0, 1);
    box-shadow: inset 0 -55px 0 0 #FF815C;
    border: 2px solid #FF815C;
    color: #fff;
}

.button:focus {
    text-decoration: none;
    color: #fff;
}


.input-group-addon {
    border-radius: 0;
    background-color: #fff;
}


.header-banner .assetBlock a.fb {
    padding: 3px 5px;
    margin-right: 0px;
    color: #fff;
    background-color: #3C5B9B !important;
    -webkit-transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
    -o-transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
    transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
    border: 1px solid #fff;
    width: 30px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
}

    .header-banner .assetBlock a.fb span {
        color: #fff;
    }

    .header-banner .assetBlock a.fb::before {
        content: "\f09a";
        font-family: FontAwesome;
        padding: 5px;
    }

    .header-banner .assetBlock a.fb:hover {
        -webkit-transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
        -o-transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
        transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
        box-shadow: inset 0 -45px 0 0 #FF815C;
        color: #fff;
        text-decoration: none;
    }

.header-banner .assetBlock a.line {
    padding: 3px 5px;
    margin-right: 5px;
    color: #fff;
    background-image: url(/images/LINE_SOCIAL_Square_typeA.png);
    background-size: auto 100%;
    background-position: center;
    /*background-color: #3C5B9B !important;*/
    -webkit-transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
    -o-transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
    transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
    border: 1px solid #fff;
    width: 30px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
}


    .header-banner .assetBlock a.line span {
        width: 16px;
        display: inline-block;
    }

    .header-banner .assetBlock a.line:hover {
        -webkit-transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
        -o-transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
        transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
        /*box-shadow: inset 0 -40px 0 0 #FF815C;*/
        color: #fff;
        text-decoration: none;
    }


@media (max-width: 479px) {
    .header-banner .assetBlock a.fb span {
        display: none;
    }
}


#page > header {
    top: 0;
    height: auto;
    z-index: 1039;
    position: fixed;
    margin: 0 auto;
}

#page > .content {
    padding-top: 80px;
    padding-top: 120px;
}

.page-heading {
    margin-top: 50px;
}

@media (max-width:991px) and (min-width:768px) {
    #page > .content {
        padding-top: 125px;
        padding-top: 175px;
    }

    .page-heading {
        margin-top: 50px;
    }
}

@media (max-width: 767px) and (min-width:580px) {
    #page > .content {
        padding-top: 150px;
        padding-top: 200px;
        padding-top: 156px;
    }

    .page-heading {
        margin-top: 200px;
        margin-top: 156px;
    }
}

@media(max-width:579px) and (min-width:480px) {
    #page > .content {
        padding-top: 125px;
        padding-top: 175px;
        padding-top: 125px;
    }

    .page-heading {
        margin-top: 175px;
        margin-top: 125px;
    }
}

@media(max-width:479px) {
    #page > .content {
        padding-top: 115px;
        padding-top: 165px;
        padding-top: 115px;
    }

    .page-heading {
        margin-top: 165px;
        margin-top: 115px;
    }
}

/* 日期 */
.header-banner {
    display: block;
    z-index: 1;
    position: relative;
    background-color: #54c568;
}

    .header-banner .assetBlock {
        font-size: 15px;
        text-align: right;
        padding-right: 10px;
        color: #333;
        padding: 10px 2px 0;
    }

        .header-banner .assetBlock .weekday {
            color: #fff;
        }

        .header-banner .assetBlock #slideshow {
            display: inline-block;
            /*min-width: 180px;*/
            line-height: 30px;
            vertical-align: middle;
        }

        .header-banner .assetBlock a {
            color: #333;
        }

        .header-banner .assetBlock p {
            letter-spacing: 0px;
        }

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

@media (min-width: 1250px) {
    .header-banner .assetBlock {
        width: 1240px;
    }
}

@media only screen and (max-width: 767px) and (min-width: 480px) {
    .header-banner .assetBlock {
        padding: 8px 0 7px;
    }
}

.header-banner .date-weather {
    display: inline-block;
}
/* 天氣 */
.header-banner .header-weather {
    display: inline-block;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.60);
    border-radius: 15px;
    padding: 0 5px;
    vertical-align: middle;
    position: relative;
    font-weight: normal;
}

    .header-banner .header-weather > .w-desc {
        color: #666;
        padding-right: 3px;
    }

    .header-banner .header-weather > .w-icon {
        color: #666;
        font-size: 1.8em;
        position: absolute;
        bottom: 2px;
    }

    .header-banner .header-weather > .w-temp {
        color: #ea5d27;
        margin-left: 2.5em;
        padding-right: 3px;
    }

    .header-banner .header-weather > .w-pop, .header-banner .header-weather > .w-pop > span {
        color: #0976ce;
    }

.header-banner .link-fs {
    display: inline-block;
    white-space: nowrap;
    margin-top: 5px;
    position: relative;
}


/*首頁-設定字級*/
.fl-links .no-js:hover .fl-nav-links {
    width: 160px;
}

.header-banner .assetBlock .fl-font-size {
    display: inline-block;
}

    .header-banner .assetBlock .fl-font-size .fl-title {
        color: #333;
        display: inline-block;
        line-height: 30px;
        vertical-align: middle;
    }

.header-banner .assetBlock ul.currencies_list {
    float: none;
    display: inline-block;
    line-height: 30px;
    vertical-align: middle;
}

    .header-banner .assetBlock ul.currencies_list li {
        margin: 0 5px 0 0px;
        cursor: pointer;
    }

        .header-banner .assetBlock ul.currencies_list li a {
            height: 30px;
            width: 30px;
            font-size: 1em;
            color: #fff;
            border: 1px #30893f solid;
        }

        .header-banner .assetBlock ul.currencies_list li:hover a {
            color: #fff;
            background-color: #76dc88;
        }

.font-size-s ul.currencies_list li a[data-font-size="s"] {
    background-color: #30893f;
}

.font-size-m ul.currencies_list li a[data-font-size="m"] {
    background-color: #30893f;
}

.font-size-l ul.currencies_list li a[data-font-size="l"] {
    background-color: #30893f;
}


.fl-links .clicker:before {
    content: '\f013';
}

@media only screen and (max-width:479px) {
    .header-banner .assetBlock {
        font-size: 13px;
        padding-top: 0;
        padding-bottom: 0;
        vertical-align: middle;
        line-height: 20px;
        white-space: nowrap;
    }


        .header-banner .assetBlock #slideshow {
            /*min-width: 160px;*/
        }

            .header-banner .assetBlock #slideshow p {
                letter-spacing: -1px;
            }

        .header-banner .assetBlock .fl-font-size .fl-title {
            font-size: .6em;
            display: none;
        }

        .header-banner .assetBlock ul.currencies_list li a {
            width: 25px;
            margin-left: -1px;
        }

        .header-banner .assetBlock ul.currencies_list, .header-banner .assetBlock ul.currencies_list li {
            margin: 0;
        }
}

@media only screen and (max-width:359px) {
    .header-banner .link-fs {
        position: relative;
        margin-left: 5px;
        top: -10px;
    }

    .header-banner .header-weather {
        display: block;
    }

        .header-banner .header-weather > .w-icon {
            bottom: -3px;
        }
}

/*回首頁*/

.header-banner .assetBlock a.back {
    padding: 3px 5px;
    margin-right: 0px;
    border: 1px solid #fff;
    background-color: #2D8D89;
    color: #fff;
}

    .header-banner .assetBlock a.back span {
        color: #fff;
    }

    .header-banner .assetBlock a.back::before {
        content: "\f015";
        font-family: FontAwesome;
        padding-right: 3px;
    }

    .header-banner .assetBlock a.back:hover {
        -webkit-transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
        -o-transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
        transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
        box-shadow: inset 0 -40px 0 0 #76dc88;
        color: #fff;
        text-decoration: none;
    }



@media only screen and (max-width:479px) {
    .header-banner .assetBlock a.back, .header-banner .assetBlock a.fb {
        margin-right: -5px;
    }
}

.header-banner .assetBlock span {
    color: #fff;
}

/* logo */
.logo {
    background: none;
    padding-right: 5px;
    padding-left: 10px;
    margin-right: 0px;
    -webkit-transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
    -o-transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
    transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
}

    .logo .logo-pic {
        position: relative;
        z-index: 2;
    }

#mobile-menu {
    position: fixed;
}


@media only screen and (max-width: 479px) and (min-width: 320px) {
    #page > header.fixed .logo {
        height: auto;
    }
}

/*logo-site*/ /*hid-img*/
@media(min-width:992px) {
    .hid {
        /*display: none;*/
        vertical-align: text-top;
        top: -8px;
        position: relative;
    }

    .chang-site, .logo-pic {
        display: none;
    }

    #page > header.fixed .logo, .logo {
        height: 96px;
    }
}

@media only screen and (max-width: 767px) and (min-width:320px) {
    .logo {
        background-color: #f5f5f5;
        background-color: #fff;
        background-color: transparent;
        border-bottom: none;
    }

    #page > header.fixed .logo {
        padding-top: 6px;
        padding-bottom: 6px;
    }
}

@media(min-width:768px) and (max-width:991px) {
    .hid {
        display: inline;
        vertical-align: text-top;
        /*font-size: 30px;
    padding-left: 5px;
    font-weight: bold;
    color: #ff7c1d;*/
        position: relative;
        top: -8px;
    }

    .chang-site, .logo-pic {
        display: none;
    }

    #page > header.fixed .logo {
        height: 96px;
    }
}


.header-container .fl-nav-menu {
    background-color: transparent;
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .header-container .fl-nav-menu {
        margin-top: 65px;
        display: none;
    }

    .logo-wrap {
        padding-left: 20px;
    }
}

@media(min-width:570px) and (max-width:767px) {
    .hid {
        display: inline;
        /*font-size: 25px;
        padding-left: 5px;
        font-weight: bold;
        color: #ff7c1d;*/
    }

    .chan-site, .logo-pic {
        display: none;
    }
}

@media(max-width:579px) and (min-width:320px) {
    .logo-pic {
        display: none;
        max-width: 40px;
    }

    .hid {
        /*display: block;
        max-width: 100%;*/
        height: auto;
        display: inline-block;
        max-width: 80%;
        max-width: 70%;
        /*font-size: 18px;
        padding-left: 5px;
        font-weight: bold;
        color: #ff7c1d;*/
    }

    .chan-site {
        display: none;
    }

    .logo-wrap {
        padding-left: 20px;
    }

    .header-container .fl-nav-menu {
        display: none;
    }
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
    .header-container .fl-nav-menu {
        margin-top: 65px;
        border-radius: 0px;
    }

    .logo-wrap {
        padding-left: 20px;
    }

    .header-container .fl-nav-menu {
        display: none;
    }
}

@media(max-width:319px) {
    .hid {
        display: none;
    }
}
/*選單*/
.header-container {
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0 0 5px #bbb;
}

#nav ul.level1 > li a {
    padding: 5px 0px;
    display: block;
}

#nav ul li {
    padding: 0;
}

#nav li.drop-menu ul li, #nav ul.level1 > li {
    border-bottom: 1px dashed #ececec;
}

    #nav li.drop-menu ul li:last-child {
        border-bottom: none;
    }

    #nav ul.level1 > li:last-child {
        border-bottom: 1px dashed #ececec;
    }

    #nav li.drop-menu ul li a {
        color: #333;
        line-height: 30px;
        font-size: 1em;
        padding: 5px 12px;
        margin: 0;
        display: block;
        -webkit-transition: padding 200ms ease-in-out;
        -moz-transition: padding 200ms ease-in-out;
        -o-transition: padding 200ms ease-in-out;
        transition: padding 200ms ease-in-out;
    }

    #nav li.drop-menu ul li:hover > a {
        color: #fff;
        /*text-shadow: 1px 1px 6px white, 1px 1px 2px white;*/
        padding-left: 18px;
        -webkit-transition: padding 0.5s;
        -moz-transition: padding 0.5s;
        -o-transition: padding 0.5s;
        transition: padding 0.5s;
        /*background: #ff815C;#FF815C
    color: #fff;*/
    }

    #nav ul.level1 > li.level1:hover {
        background-color: #54c568;
    }

    #nav ul.level1 > li.level1 {
        background-color: #f4fff6;
    }
/*rgb(227, 253, 255)*/


#nav > li > a {
    font-size: 1em;
}

    #nav > li > a > span {
        display: inline-block;
        padding: 0 7px;
        /*text-shadow: 0px 0px 2px #6f6f6f, 0px 0px 2px #b1b1b1, 0px 0px 6px #000;*/
        color: #252932;
        font-size: 1.1em;
    }

header.fixed #nav > li > a {
    line-height: 55px;
}

header.fixed #nav li.drop-menu:hover ul {
    top: 50px;
}

#nav > li:hover > a > span {
    text-shadow: none;
    color: #fff;
    -webkit-transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
    -o-transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
    transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
}

#nav ul.level0 > li > a {
    font-size: 1em;
}

#nav ul.level1 > li a {
    font-size: 1em;
}

#nav ul.level0 > li > span {
    display: block;
    text-decoration: none;
    color: #76dc88;
    font-size: 13px;
    font-weight: 700;
    line-height: 18px;
    padding: 10px 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: #ececec double;
    margin-bottom: 10px;
    font-family: '微軟正黑體', 'Montserrat', sans-serif;
    font-size: 1em;
}

#nav ul.level0 > li:hover > a {
    background-color: #76dc88;
    color: #fff;
}

.col-2 .menu_image {
    display: inline-block;
    max-width: 100%;
}

#nav .col-1 ul.level0 > li {
    width: 29%;
}

.col-2 img:hover {
    opacity: 1;
}

#nav .level0-wrapper2 .col-2 {
    text-align: center;
}

@media (min-width: 1250px) {

    #nav > li > a > span {
        padding: 0 20px;
    }
}

@media (min-width: 992px) {

    #nav {
        padding-left: 100px;
        padding-right: 100px;
        padding-left: 40px;
        padding-right: 40px;
    }

    .font-size-l #nav {
        padding-left: 5px;
        padding-right: 5px;
    }
}


@media (max-width: 991px) and (min-width: 768px) {

    .col-2 .menu_image {
        display: none;
    }

    #page > header.fixed #nav > li > a {
        line-height: 30px;
    }
}
/* 手機版選單*/
.mm-toggle-wrap {
    height: 100%;
    position: absolute;
    width: 80px;
    top: 0;
    left: 0;
    background: #f6f6f6;
}

    .mm-toggle-wrap:hover {
        background-color: #f4fff6;
    }

.mm-toggle {
    height: 100%;
    display: inline-block;
}

    .mm-toggle::before {
        content: '';
        width: 0;
        height: 100%;
        display: inline-block;
        position: relative;
        vertical-align: middle;
        background: #f00;
    }

@media(max-width:579px) and (min-width:320px) {
    .mm-toggle-wrap {
        width: 40px;
    }

        .mm-toggle-wrap .mm-label {
            display: none;
        }
}


#overlay.overlay.mm-overlay {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    min-height: 100%;
    width: 100%;
    /*z-index: 20;*/
    background: black;
    opacity: 0.2;
    filter: alpha(opacity=20);
    display: block !important;
    z-index: 10000;
}

#mobile-menu {
    font-size: 1rem;
}

.mobile-menu .expand {
    width: 100%;
    text-align: right;
}

.mobile-menu li {
    background-color: #252932;
}

    .mobile-menu li.cus3 {
        background-color: #c6ff56;
    }

.mobile-menu > li:last-child {
    border-bottom: none;
}

.mobile-menu li a {
    font-size: 1em;
    font-family: '微軟正黑體', 'Open Sans', sans-serif;
}

.mobile-menu li:hover:not(:last-child), .mobile-menu li li:hover {
    background-color: #FF815C;
}

.mobile-menu li > span.open + a {
    background-color: #575a61;
}

.mobile-menu li:hover > a, .mobile-menu li:hover > span, .mobile-menu li a.active {
    color: #fff;
}



/* 首頁-聯絡我們 */
.fl-contact-us {
    position: relative;
    float: right;
    text-align: center;
    cursor: pointer;
    margin: 0px;
    /*display: block !important;*/
}

    .fl-contact-us .contact-us a {
        color: #fff;
        margin: 0px;
        line-height: 17px;
        font-size: 1em;
        padding: 0px 20px;
        font-family: '微軟正黑體', 'Open Sans', sans-serif;
        letter-spacing: 0.5px;
        font-weight: normal;
        display: block;
        line-height: 70px;
        height: 75px;
        -webkit-transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
        -o-transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
        transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
        box-shadow: inset 0 0 0 0 #202020;
        background: #30893f;
    }

header.fixed .fl-contact-us .contact-us a {
    line-height: 50px;
    height: 55px;
}

.fl-contact-us:hover > .contact-us a {
    -webkit-transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
    -o-transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
    transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
    box-shadow: inset 0 -75px 0 0 #252932;
    color: #fff;
}

.fl-contact-us .contact-us a span {
    display: inline-block;
    color: #fff;
}

.fl-contact-us .contact-us a:hover {
    text-decoration: none;
}

.fl-contact-us .contact-us a:first-child:before {
    content: '\f086';
    font-family: FontAwesome;
    font-size: 24px;
    padding-right: 5px;
    color: #fff;
}

@media only screen and (max-width: 767px) and (min-width: 480px) {
    .fl-contact-us .contact-us {
        margin-top: 10px;
    }

        .fl-contact-us .contact-us a {
            padding: 0px 10px;
            height: 50px;
            line-height: 50px;
        }
}

@media only screen and (max-width: 479px) and (min-width: 320px) {
    .fl-contact-us .contact-us a {
        padding: 0px 10px;
        height: 38px;
        line-height: 38px;
    }
}


/*首頁-選單*/
@media (max-width: 767px) {
    .mm-toggle .mm-label {
        margin-left: 6px;
        font-size: 0.95rem;
        font-weight: 700;
        font-family: '微軟正黑體', 'Montserrat', sans-serif;
        text-transform: uppercase;
    }
}


/*首頁-最新消息*/
.best-pro .new_title h2 {
    font-size: 1.25em;
    background: #76dc88;
}

#best-seller .owl-item .item {
    width: 100%;
    padding-left: 14px;
    padding-right: 14px;
    margin-left: 0;
    margin-right: 0;
}

#best-seller .news-header {
    padding: 20px 60px 0px 0;
    display: inline-block;
    width: 100%;
    padding-top: 0px;
    text-align: left;
    color: #54c568;
    color: #5a4333;
    padding-left: 20px;
    font-weight: bold;
    font-size: 1.1em;
}

    #best-seller .news-header::before {
        content: ' ';
        width: 8px;
        height: 8px;
        background: rgba(117, 149, 216, 0.6);
        display: inline-block;
        -webkit-transform: rotate(315deg);
        -moz-transform: rotate(315deg);
        transform: rotate(315deg);
        margin-right: 10px;
        position: absolute;
        top: 18px;
        left: 0;
    }

    #best-seller .news-header::after {
        content: ' ';
        width: 8px;
        height: 8px;
        background: rgba(118, 220, 136, 0.6);
        display: inline-block;
        -webkit-transform: rotate(315deg);
        -moz-transform: rotate(315deg);
        transform: rotate(315deg);
        margin-right: 10px;
        position: absolute;
        left: 0;
        top: 11px;
    }

    #best-seller .news-header .a-btn {
        position: absolute;
        right: 0px;
        top: 5px;
    }

    #best-seller .news-header + hr {
        margin-top: 0px;
        margin-bottom: 20px;
        border: 0;
        border-bottom: 1px dashed #e5e5e5;
    }

#best-seller ul.news-links {
    list-style: none;
    padding-left: 0;
}

    #best-seller ul.news-links > li {
        display: block;
        position: relative;
        margin: 0;
        border-bottom: 1px #ececec solid;
        padding: 0px 18px;
    }

        #best-seller ul.news-links > li:last-child {
            border-bottom: 0;
        }

    #best-seller ul.news-links li a {
        display: block;
        font-size: 1em;
        line-height: 1.6em;
        text-align: left;
        margin-bottom: 10px;
        margin-top: 10px;
        -webkit-transition: all 0.2s cubic-bezier(0.8, 0, 0, 1);
        -o-transition: all 0.2s cubic-bezier(0.8, 0, 0, 1);
        transition: all 0.2s cubic-bezier(0.8, 0, 0, 1);
    }

    #best-seller ul.news-links li:hover a {
        -webkit-transition: all 0.2s cubic-bezier(0.8, 0, 0, 1);
        -o-transition: all 0.2s cubic-bezier(0.8, 0, 0, 1);
        transition: all 0.2s cubic-bezier(0.8, 0, 0, 1);
    }

    #best-seller ul.news-links li .news-title {
        display: block;
        margin: 5px 0 0 5px;
    }

    #best-seller ul.news-links li .news-date {
        /*float: left;*/
        line-height: 13px;
        font-size: 0.9em;
        color: #5ad06f;
        padding: 2px 4px;
        background-color: #fff;
        border: #ececec double;
        font-family: '微軟正黑體', 'Montserrat', sans-serif;
        font-weight: bold;
        border-radius: 0px;
        margin-right: 5px;
        -webkit-transition: all 0.2s cubic-bezier(0.8, 0, 0, 1);
        -o-transition: all 0.2s cubic-bezier(0.8, 0, 0, 1);
        transition: all 0.2s cubic-bezier(0.8, 0, 0, 1);
    }

    #best-seller ul.news-links li:hover a {
        color: #FF815C;
    }

    #best-seller ul.news-links li:hover .news-date, #best-seller ul.news-links li:hover .news-top, #best-seller ul.news-links li:hover .news-new {
        color: #fff;
        background: #FF815C;
        -webkit-transition: all 0.2s cubic-bezier(0.8, 0, 0, 1);
        -o-transition: all 0.2s cubic-bezier(0.8, 0, 0, 1);
        transition: all 0.2s cubic-bezier(0.8, 0, 0, 1);
    }

    #best-seller ul.news-links li .news-top {
        /*float: left;*/
        line-height: 13px;
        font-size: 13px;
        color: #2861e9;
        padding: 2px 4px;
        background-color: #fff;
        border: #ececec double;
        font-family: '微軟正黑體', 'Montserrat', sans-serif;
        font-weight: bold;
        border-radius: 0px;
        margin-right: 5px;
        -webkit-transition: all 0.2s cubic-bezier(0.8, 0, 0, 1);
        -o-transition: all 0.2s cubic-bezier(0.8, 0, 0, 1);
        transition: all 0.2s cubic-bezier(0.8, 0, 0, 1);
    }

        #best-seller ul.news-links li .news-top::before {
            content: "置頂";
        }

    #best-seller ul.news-links li .news-new {
        /*float: left;*/
        line-height: 13px;
        font-size: 13px;
        color: #e60a7d;
        padding: 2px 4px;
        background-color: #fff;
        border: #ececec double;
        font-family: '微軟正黑體', 'Montserrat', sans-serif;
        font-weight: bold;
        border-radius: 0px;
        margin-right: 5px;
        -webkit-transition: all 0.2s cubic-bezier(0.8, 0, 0, 1);
        -o-transition: all 0.2s cubic-bezier(0.8, 0, 0, 1);
        transition: all 0.2s cubic-bezier(0.8, 0, 0, 1);
    }

        #best-seller ul.news-links li .news-new::before {
            content: "最新";
        }


/* 首頁-本日蔬果批發價 */

#now-price.best-pro .new_title h2 {
    color: #fff;
    font-size: 1.25em;
    font-weight: bold;
    margin-bottom: 0px;
    padding: 22px 25px 22px 25px;
    position: relative;
    display: inline-block;
    font-family: '微軟正黑體', 'Montserrat', sans-serif;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    background: #76dc88;
    margin-top: 0px;
    min-width: 250px;
}



    #now-price.best-pro .new_title h2:after, .best-pro .new_title h2:after, .logo-brand .new_title h2:after {
        content: "";
        height: 1px;
        width: 1px;
        border-style: solid;
        border-width: 5px;
        position: absolute;
        bottom: -10px;
        left: 0;
        border-color: #5ad06f #5ad06f transparent transparent;
    }

#now-price {
    text-align: center;
    padding-bottom: 12px;
}

.price-head {
    background-color: #54c568;
    color: #fff;
    padding: 0;
    font-size: 1.2em;
    margin-bottom: 3px;
    white-space: nowrap;
}

    .price-head > div {
        display: inline-block;
        line-height: 37px;
        vertical-align: middle;
        height: 37px;
    }

.price-table {
    max-height: 330px;
    overflow-y: scroll;
}

    .price-table table tr td {
        padding: 3px 1px;
        border: 1px solid #000;
    }

.price-foot {
    background-color: #54c568;
    color: #fff;
    padding: 5px;
    text-align: right;
    font-size: 1em;
    margin-top: 3px;
}

.price-table > table {
    color: #000;
    border-width: 0px;
    font-size: 1.2em;
    width: 100%;
    border-collapse: collapse;
    z-index: 101;
    position: relative;
    top: 8px;
    left: 0px;
}

    .price-table > table tr:nth-child(odd) {
        background-color: #f4fff6;
    }

/*首頁-大數字*/

.last-sum-box .tb-wrapper {
    width: 100%;
}

.last-sum-box table {
    height: 370px;
    width: 100%;
}

    .last-sum-box table .sum-head {
        background-color: #76dc88;
        background-color: #54c568;
        color: #fff;
        padding: 5px 10px;
        font-size: 1em;
        margin-bottom: 3px;
        white-space: nowrap;
    }

    .last-sum-box table td {
        padding: 5px 10px;
        text-align: right;
        border: 1px solid #000;
    }

    .last-sum-box table th {
        text-align: right;
        padding: 0 10px;
        font-size: 1.2em;
        font-weight: normal;
        border: 1px solid #54c568;
        line-height: .65em;
        height: 37px;
    }
        /*.last-sum-box table th:nth-child(2) {
            background-color:#76dc88;
        }
        .last-sum-box table th:nth-child(3) {
            background-color:#54c568;
        }*/

        .last-sum-box table th:first-child, .last-sum-box table td:first-child {
            text-align: left;
        }

    .last-sum-box table tbody tr:nth-child(odd):not(:first-child) {
        background-color: #f4fff6;
    }
/*.last-sum-box table tbody tr:not(:first-child) td:nth-child(2) {
        background-color:rgba(118, 211, 220, 0.08)
    }
    .last-sum-box table tbody tr:not(:first-child) td:nth-child(3) {
        background-color:rgba(117, 149, 216, 0.08);
    }*/
.last-sum-box div {
    display: inline-block;
}

.last-sum-box ul {
    list-style: none;
    margin: auto;
    padding: 0;
    border: none;
    padding: 50px 0px 0px;
    overflow: hidden;
}

.last-sum-box .sum-box {
    overflow: hidden;
    line-height: 1.4em;
    font-weight: normal;
    font-family: '微軟正黑體', 'Montserrat', sans-serif;
    margin-right: 15px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 25px;
    color: #333;
    text-align: left;
    font-size: 1em;
    line-height: 25px;
    padding: 0px;
    margin-bottom: 10px;
    width: 100%;
    padding: 15px 0;
    background-color: rgba(255, 255, 255, 0.92);
}


    .last-sum-box .sum-box.title {
        padding: 5px 0px;
        background: none;
    }

    .last-sum-box .sum-box > div {
        width: 32.5%;
        padding: 5px;
        line-height: 40px;
        vertical-align: middle;
        white-space: nowrap;
    }

.last-sum-box .counter {
    font-size: 1.8em;
    line-height: 40px;
    color: #76dc88;
    color: #54c568;
    text-align: right;
}

    .last-sum-box .counter.fruit {
        color: #54c568;
    }

.last-sum-box .sum-box .icon-counter {
}

.last-sum-box .sum-box > div.text-v, .last-sum-box .sum-box > div.text-f {
    font-family: FontAwesome;
    display: inline-block !important;
    font-size: 32px;
    margin: auto;
    color: #333;
    padding-left: 0px;
    line-height: 38px;
    font-family: '微軟正黑體';
    /*width:48%;*/
    text-align: right;
    padding: 10px 5px;
}

.last-sum-box .sum-box > div.text-v {
    color: #fff;
    background-color: #76dc88;
}

.last-sum-box .sum-box > div.text-f {
    color: #fff;
    background-color: #54c568;
}

.last-sum-box tfoot {
    background: #dafae0;
}

@media only screen and (max-width: 991px) {
    .last-sum-box ul {
        padding: 0px;
    }

    .last-sum-box {
        margin: 0;
    }

        .last-sum-box table {
            margin: 30px 0 0;
        }
}

@media only screen and (max-width: 767px) {
    .last-sum-box ul {
        width: 92%;
        padding: 0px;
    }

    .last-sum-box .sum-box {
        font-size: 13px;
        padding: 10px 20px;
        margin-right: 0px;
    }

    .last-sum-box .counter {
        font-size: 1.8em;
    }

    .last-sum-box .sum-box .content {
        margin-left: 35px;
    }

        .last-sum-box .sum-box .content .counter {
            font-size: 26px;
        }

    .last-sum-box .sum-box .icon-counter {
        font-size: 26px;
        width: 35px !important;
        height: 28px;
        line-height: 28px;
    }

    #price-section .row > div[class*="col-"] {
        padding: 0px;
    }
}
/* 首頁-作業流程*/
.featured-pro .pro-img .pro-info {
    font-size: 1.1em;
}

.featured-pro .pro-img img:hover {
    cursor: default;
}

/* 首頁-運銷報導 */
.latest-blog .blog-img {
    height: 250px;
    background-size: cover;
    background-position: center;
}

/*.latest-blog .blog-img:hover {
        background-size: 110%;
    }*/


.latest-blog .post-date {
    padding-top: 3px;
    font-size: 0.85em;
    line-height: 1.6em;
}

.latest-blog h3 a {
    font-size: 1.1rem;
}

.latest-blog a:hover {
    color: #FF815C;
}

.latest-blog p {
    font-size: 0.95rem;
}

@media (max-width: 991px) and (min-width: 768px) {
    .latest-blog .blog-img {
        height: 200px;
    }
}

@media (max-width: 767px) and (min-width:480px) {
    .latest-blog .blog-img {
        height: 320px;
    }
}

@media (max-width: 479px) {
    .latest-blog .blog-img {
        height: 280px;
    }
}


/* 首頁-農特產品 */
.logo-brand .new_title h2 {
    font-size: 1.25em;
    background: #76dc88;
}

.brand-logo {
    padding-bottom: 30px;
}

    .brand-logo .logo-item img {
        max-width: 100%;
    }

    .brand-logo a .logo-item {
        -webkit-transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
        -o-transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
        transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
    }

    .brand-logo a:hover .logo-item {
        border-color: #76dc88;
        -webkit-transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
        -o-transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
        transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
    }
/* 首頁-休市日 */

.calendar-rest-section {
    /* background: #fff; */
    padding: 0px 20px 10px;
    text-align: center;
    min-height: 343px;
    /* border-color: #f5f5f5 #eee #d5d5d5 #eee; */
    /* box-shadow: 0 5px 0 rgba(200,200,200,.2); */
    text-align: center;
}

@media only screen and (max-width: 767px) {
    .calendar-rest-section {
        top: 30px;
    }
}

.calendar-rest-section .new_title h2 {
    color: #000;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 0px;
    padding: 10px 25px 10px 25px;
    position: relative;
    display: inline-block;
    font-family: '微軟正黑體', 'Roboto Slab', serif;
    letter-spacing: 0.5px;
    margin-bottom: 0px;
    margin-top: 0px;
    text-align: center;
    border: #ddd double;
    text-transform: uppercase;
    background: #fff;
    letter-spacing: 2px;
}

/*.calendar-rest-section .new_title h2 {
        margin-top: 30px;
    }*/


.calendar-rest {
    color: #000000;
    font-size: 1rem;
    border: 1px #ffffff;
    font-family: '微軟正黑體', 'Verdana';
    background-color: #ffffff;
    width: 100%;
    height: 40px;
}

    .calendar-rest .title {
        font-size: 1em;
        font-weight: bold;
        color: #fff;
        border-color: #000;
        background-color: #76dc88;
    }

    .calendar-rest .next-prev {
        font-size: 0.95em;
        font-weight: bold;
        color: #FFFFFF;
        vertical-align: bottom;
        padding: 6px 10px;
        text-align: center;
    }

        .calendar-rest .next-prev a {
            display: block;
        }

            .calendar-rest .next-prev a:hover {
                background-color: rgba(255, 255, 255, 0.2);
            }


    .calendar-rest .day-header {
        background-color: #54c568;
        font-size: 0.95em;
        color: #ffffff;
        border: 1px solid #fff;
        text-align: center;
        padding: 6px 10px;
    }

    .calendar-rest .day {
        border: 1px solid #ddd;
        padding: 6px 10px;
    }

    .calendar-rest .today-day {
        background-color: #66CCCC;
        background-color: #FFFF33;
        border: 1px solid #ddd;
        padding: 6px 10px;
    }

    .calendar-rest .other-month-day {
        color: #999;
        border: 1px solid #ddd;
        padding: 6px 10px;
    }



    .calendar-rest .selected-day {
        color: #000000;
        background-color: #FF815C;
        border: 1px solid #fff;
        padding: 6px 10px;
    }

.calendar-rest-section .legend {
    margin-top: 5px;
    text-align: left;
}

    .calendar-rest-section .legend .rect {
        background-color: #FF815C;
        display: inline-block;
        width: 20px;
        height: 15px;
        vertical-align: middle;
        margin-right: 3px;
        border: 1px solid #fff;
    }

    .calendar-rest-section .legend .desc {
        color: #FF815C;
        font-size: 0.95em;
        vertical-align: middle;
        font-weight: bold;
    }

/*頁尾*/
footer {
    background: transparent;
    color: #000;
    /*background: url(/images/content-bg1.png);
    background-position: bottom right 150px;
    background-repeat: no-repeat;
    background-size: auto 120px;*/
    background: url(/images/content-bg.png);
    background-position: top right;
    background-repeat: repeat-x;
    background-size: auto 35px;
}

.footer-inner {
    /*background: repeating-linear-gradient(to right, #54c568,#54c568 100px,#76dc88 100px,#76dc88 200px);*/
}

.footer-bottom {
    background-color: transparent;
    color: #333;
    padding: 40px 0 10px 0;
}

    .footer-bottom .icon-location-arrow::before, .footer-bottom .icon-mobile-phone::before {
        color: #76dc88;
    }

    .footer-bottom a {
        color: #54c568;
        font-size: 1em;
    }

        .footer-bottom a:hover {
            color: #000;
        }

@media only screen and (max-width: 479px) and (min-width: 320px) {
    footer .footer-inner {
        margin-bottom: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
    }
}

@media only screen and (max-width: 767px) and (min-width: 480px) {
    footer .coppyright {
        text-align: center;
    }
}



/*頁面*/

.main-container {
    margin-bottom: 50px;
    min-height: 550px;
    /*background-color:rgb(255, 253, 237);*/
    /*background-image: url(/images/下載3-6.png);*/
}

.content-box {
    padding: 25px;
    position: relative;
    margin-top: 0px;
    padding-bottom: 30px;
    background: url(/images/content-bg.png) #fffdcf;
    background: url(/images/content-bg.png) #fff;
    background: #fff;
    background-position: bottom right;
    background-repeat: no-repeat;
    border-width: 1px;
    border-style: solid;
    border-color: #f5f5f5 #eee #d5d5d5 #eee;
    box-shadow: 0 5px 0 rgba(200,200,200,.2);
    margin-top: 30px;
}

    .content-box p.em, .content-box h4.em {
        font-size: 1.3em;
        line-height: 30px;
        color: #FF815C;
        font-weight: bold;
    }


    .content-box h3 {
        padding: 20px 0px 0px 0;
        display: inline-block;
        width: 100%;
        padding-top: 0px;
        text-align: left;
        color: #54c568;
        color: #5a4333;
        padding-left: 20px;
        font-weight: bold;
        position: relative;
        margin: 15px 0;
        line-height: 1.5em;
    }

        .content-box h3::before {
            content: ' ';
            width: 8px;
            height: 8px;
            background: rgba(117, 149, 216, 0.6);
            display: inline-block;
            -webkit-transform: rotate(315deg);
            -moz-transform: rotate(315deg);
            transform: rotate(315deg);
            margin-right: 10px;
            position: absolute;
            top: 13px;
            left: 0;
        }

        .content-box h3::after {
            content: ' ';
            width: 8px;
            height: 8px;
            background: rgba(118, 220, 136, 0.6);
            display: inline-block;
            -webkit-transform: rotate(315deg);
            -moz-transform: rotate(315deg);
            transform: rotate(315deg);
            margin-right: 10px;
            position: absolute;
            left: 0;
            top: 6px;
        }


    .content-box ul.acc-group, .content-box ul.acc-group ul {
        list-style: none;
        padding: 0;
    }

        .content-box ul.acc-group .acc-item {
            margin-bottom: 25px;
        }

            .content-box ul.acc-group .acc-item > .acc-title {
                border-radius: 0;
                border: 3px solid #f7f7f7;
                background: #f7f7f7;
                border: 3px solid #fff;
                background-color: #fff;
                padding: 0;
                filter: unset;
                cursor: pointer;
                display: block;
                position: relative;
                border-bottom: 1px dashed #ddd;
                padding-right: 8px;
            }

                .content-box ul.acc-group .acc-item > .acc-title .title > span {
                    margin-right: 10px;
                    line-height: 1em;
                    font-size: 0.85em;
                    color: #333;
                    padding: 6px 8px;
                    background-color: #fff;
                    border: #ececec double;
                    font-family: 'Montserrat', sans-serif;
                    font-weight: bold;
                    border-radius: 0px;
                }

            .content-box ul.acc-group .acc-item.active > .acc-title .title {
                color: #54c568;
                font-weight: 700;
                text-transform: uppercase;
            }

            .content-box ul.acc-group .acc-item > .acc-title::after {
                content: "\f0fe";
                top: 0;
                position: absolute;
                right: 0;
                color: #54c568;
                font-family: 'fontawesome';
            }

            .content-box ul.acc-group .acc-item.active > .acc-title::after {
                content: "\f146 ";
            }

            .content-box ul.acc-group .acc-item:hover > .acc-title .title, .content-box ul.acc-group .acc-item > .acc-title:focus .title {
                color: #54c568;
            }

                .content-box ul.acc-group .acc-item:hover > .acc-title .title > span {
                    background: none repeat scroll 0 0 #54c568;
                    color: #fff;
                    font-weight: bold;
                }

            .content-box ul.acc-group .acc-item.active > .acc-title .title > span {
                background: none repeat scroll 0 0 #54c568;
                /*border: 1px solid #FF815C;*/
                color: #fff;
                font-weight: bold;
            }

            .content-box ul.acc-group .acc-item > .acc-content > div {
                padding: 10px;
                word-wrap: break-word;
                word-break: break-all;
                min-height: 60px;
                padding-left: 20px;
            }

    .content-box .a-btn.btn-backparent {
        max-width: 100%;
        width: 210px;
        text-align: center;
        color: #000;
        font-family: '微軟正黑體', 'Montserrat', sans-serif;
        text-transform: uppercase;
        font-weight: 400;
        font-size: 1em;
    }

        .content-box .a-btn.btn-backparent:hover {
            color: #fff;
        }

        .content-box .a-btn.btn-backparent::before {
            content: "\f139";
            font-family: FontAwesome;
            font-size: 12px;
            font-size: 1em;
            padding-right: 5px;
        }


    /* 新聞、公告列表*/
    .content-box .main-pad {
        padding: 25px 0;
    }

.dt-list {
    padding: 0;
}

    .dt-list .item.first, .dt-list .item:first-child {
        padding: 0;
        overflow: hidden;
        margin-bottom: 30px;
        display: block;
        padding-bottom: 0px;
    }

    .dt-list .item {
        padding: 20px 0;
        overflow: hidden;
        margin: 0px !important;
        border-bottom: 1px #ececec solid;
        padding-bottom: 0px;
    }

        .dt-list .item a:hover {
            color: #FF815C;
        }

    .dt-list .dt-prev {
        float: left;
        width: 25%;
        text-align: right;
    }

        .dt-list .dt-prev img {
            display: inline-block;
            margin-left: 15px;
            margin-bottom: 15px;
        }

    .dt-list .dt-date {
        color: #5ad06f;
        font-weight: bold;
        margin-bottom: 10px;
    }

        .dt-list .dt-date::after {
            content: ' ';
            width: 8px;
            height: 8px;
            background: rgba(117, 149, 216, 0.6);
            display: inline-block;
            -webkit-transform: rotate(315deg);
            -moz-transform: rotate(315deg);
            transform: rotate(315deg);
            margin-left: 10px;
            margin-bottom: 2px;
        }

    .dt-list .dt-title {
        text-align: left;
        margin: 0px 0 10px;
    }

        .dt-list .dt-title a {
            font-size: 1.1em;
            color: #000;
            font-weight: 700;
            text-align: left;
            font-family: '微軟正黑體', "Montserrat", sans-serif;
            text-transform: uppercase;
            display: block;
        }

    .dt-list .dt-group {
        float: right;
        width: 71%;
        text-align: left;
        margin-left: 15px;
        padding-right: 50px;
    }

        .dt-list .dt-group.dt-nopre {
            width: 100%;
            margin-left: 0;
            padding-left: 25px;
            float: none;
        }

        .dt-list .dt-group .desc {
            font-size: 0.95em;
            font-family: '微軟正黑體', 'Open Sans', sans-serif;
            margin-bottom: 15px;
            margin-top: 15px;
            color: #777;
        }

        .dt-list .dt-group p {
            font-size: 0.95em;
            font-family: '微軟正黑體', 'Open Sans', sans-serif;
            color: #666;
            line-height: 1.5em;
        }

.filter {
    clear: both;
    margin-top: 0px;
    padding: 20px 25px;
    display: inline-block;
    width: 100%;
    padding-top: 0px;
    border-bottom: #ececec double;
}

    .filter .radio-control, .filter .checkbox-control {
        display: inline-block;
        margin-right: 10px;
    }

    .filter input.input-text, .filter select {
        width: 100%;
    }

    .filter .form-group {
        margin-bottom: 5px;
        padding-right: 3px;
    }

        .filter .form-group label {
            margin-top: 5px;
        }

.form .button.submit, .form .button.add, .form .button.upload, .form .button.download, .button.youtube, .button.transfer, .button.transfer {
    padding: 8px 12px;
    display: inline-block;
    font-size: 1em;
    font-weight: 700;
    width: auto;
    vertical-align: bottom;
    margin-bottom: 5px;
    margin-right: 5px;
}


    .form .button.submit:hover, .form .button.submit:focus, .form .button.add:hover, .form .button.add:focus, .form .button.upload:hover, .form .button.upload:focus,
    .form .button.download:hover, .form .button.download:focus, .button.youtube:hover, .button.youtube:focus, .button.transfer:hover, .button.transfer:focus {
        color: #fff;
        box-shadow: inset 0 -55px 0 0 #FF815C;
        border: 2px solid #FF815C;
    }

.filter .button.submit::before {
    content: "\f002";
    font-family: FontAwesome;
    font-size: 1em;
    padding-right: 8px;
    /*-webkit-transition: all 0.4s cubic-bezier(0.8, 0, 0, 1);
    -o-transition: all 0.4s cubic-bezier(0.8, 0, 0, 1);
    transition: all 0.4s cubic-bezier(0.8, 0, 0, 1);*/
}

.filter .button.add::before {
    content: "\f067";
    font-family: FontAwesome;
    font-size: 1em;
    padding-right: 8px;
    /*-webkit-transition: all 0.4s cubic-bezier(0.8, 0, 0, 1);
    -o-transition: all 0.4s cubic-bezier(0.8, 0, 0, 1);
    transition: all 0.4s cubic-bezier(0.8, 0, 0, 1);*/
}

.filter .button.upload::before {
    content: "\f0ee";
    font-family: FontAwesome;
    font-size: 1em;
    padding-right: 8px;
    /*-webkit-transition: all 0.4s cubic-bezier(0.8, 0, 0, 1);
    -o-transition: all 0.4s cubic-bezier(0.8, 0, 0, 1);
    transition: all 0.4s cubic-bezier(0.8, 0, 0, 1);*/
}

.filter .button.download::before {
    content: "\f019";
    font-family: FontAwesome;
    font-size: 1em;
    padding-right: 8px;
    /*-webkit-transition: all 0.4s cubic-bezier(0.8, 0, 0, 1);
    -o-transition: all 0.4s cubic-bezier(0.8, 0, 0, 1);
    transition: all 0.4s cubic-bezier(0.8, 0, 0, 1);*/
}

.filter .button.transfer::before {
    content: "\f074";
    font-family: FontAwesome;
    font-size: 1em;
    padding-right: 8px;
    /*-webkit-transition: all 0.4s cubic-bezier(0.8, 0, 0, 1);
    -o-transition: all 0.4s cubic-bezier(0.8, 0, 0, 1);
    transition: all 0.4s cubic-bezier(0.8, 0, 0, 1);*/
}

.filter .button.youtube::before {
    content: "\f1c1";
    font-family: FontAwesome;
    font-size: 1em;
    padding-right: 8px;
    /*-webkit-transition: all 0.4s cubic-bezier(0.8, 0, 0, 1);
    -o-transition: all 0.4s cubic-bezier(0.8, 0, 0, 1);
    transition: all 0.4s cubic-bezier(0.8, 0, 0, 1);*/
}


.form .button.print, .form .button.excel, .form .button.pdf {
    padding: 9px 12px;
}

.button.edit, .button.enable, .button.disable, .button.remove {
    padding: 2px 8px;
}

.form .button.print {
    border-color: #0091d5;
    border-color: #99d3ee;
    /*color:#0091d5;*/
}

.form .button.excel {
    border-color: #1f6e43;
    border-color: #a5c5b4;
    /*color:#1f6e43;*/
}

.form .button.pdf {
    border-color: #e91f00;
    border-color: #f6a599;
    /*color:#e91f00;*/
}

.form .button.add {
    border-color: #82b499;
}

.form .button.upload {
    border-color: #c3915b;
}

.form .button.download {
    border-color: #92b4e1;
}

.form .button.transfer {
    border-color: #f06595;
}

.button.edit {
    border-color: #2088dc;
    /*color:#0091d5;*/
    background-color: #0976ce;
    color: #fff;
}

.button.enable {
    border-color: #90d79e;
    /*color:#0091d5;*/
    background-color: #4fb564;
    color: #fff;
}

.button.disable {
    border-color: #f17b46;
    /*color:#0091d5;*/
    background-color: #ea4312;
    color: #fff;
}
.button.remove {
    border-color: #f17b46;
    /*color:#0091d5;*/
    background-color: #EF1414;
    color: #fff;
}

.button.youtube {
    border-color: #e52d27;
    /*padding:5px 8px;*/
    color: #e52d27;
}

.modal .button.save, .modal .button.cancel {
    padding: 5px 12px;
    display: inline-block;
    font-size: 1em;
    font-weight: 700;
    width: auto;
    vertical-align: bottom;
    margin-bottom: 5px;
    margin-right: 5px;
}

.button.save {
    border-color: #2088dc;
    /*color:#0091d5;*/
    background-color: #0976ce;
    color: #fff;
}

.button.cancel {
    border-color: #ffba73;
    /*color:#0091d5;*/
    background-color: #f99835;
    color: #fff;
}


.filter .button.print::before {
    content: "\f016";
    font-size: 16px;
    /*color:#0091d5;*/
}

.filter .button.excel::before {
    content: "\f1c3";
    font-size: 16px;
    /*color:#1f6e43;*/
}

.filter .button.pdf::before {
    content: "\f1c1";
    font-size: 16px;
    /*color:#e91f00;*/
}

.form .button.submit:hover::before {
    color: #fff;
    -webkit-transition: color 300ms ease-in-out 0s;
    -o-transition: color 300ms ease-in-out 0s;
    transition: color 300ms ease-in-out 0s;
}


.toolbar {
    border: 0;
}

    .toolbar .pager {
        text-align: center;
        margin: 0 10px 0 0;
        padding: 0;
        float: none;
        width: auto;
    }

        .toolbar .pager .pages {
            float: none;
        }

            .toolbar .pager .pages li {
                margin: 0 2px;
            }

        .toolbar .pager li > span {
            display: inline-block;
            box-shadow: none;
            border: 1px solid #ddd;
            padding: 5px 10px;
            background: #fff;
            color: #fff;
            cursor: default;
            background-color: #76dc88;
            border-color: #76dc88;
            border-radius: 0px;
            border-width: 1px;
        }


@media only screen and (max-width: 991px) {
    .dt-list .dt-prev::after {
        margin-left: 20px;
    }

    .dt-list .dt-group {
        padding-right: 0;
    }

        .dt-list .dt-group.dt-nopre {
            padding-left: 15px;
        }
}

@media only screen and (max-width: 767px) and (min-width: 480px) {
    .dt-list .dt-prev {
        width: 30%;
    }

    .dt-list .dt-group {
        width: 65%;
        margin: 0px 0;
    }

        .dt-list .dt-group.dt-nopre {
            padding-left: 0;
        }
}

@media only screen and (max-width: 479px) {
    .dt-list .dt-prev {
        width: 100%;
        text-align: left;
    }

    .dt-list .dt-group {
        width: 100%;
        margin: 10px 0;
    }

        .dt-list .dt-group.dt-nopre {
            padding-left: 0;
        }

    .filter {
        padding: 0 0 20px;
    }
}


/* 新聞、公告內容*/
.blog-wrapper {
    margin-top: 30px;
}

    .blog-wrapper .entry-content {
        padding: 10px;
        color: #000;
        line-height: 1.8em;
    }

        .blog-wrapper .entry-content p {
            font-size: 1em;
            font-weight: normal;
            line-height: 1.8em;
        }

        .blog-wrapper .entry-content .featured-thumb {
            text-align: center;
        }

            .blog-wrapper .entry-content .featured-thumb img {
                margin-bottom: 20px;
            }

        .blog-wrapper .entry-content span {
            white-space: normal !important;
        }

.blog_entry-title, h2.blog_entry-title {
    margin-bottom: 30px;
    color: #5a4333;
    padding-bottom: 25px;
    font-size: 1.5em;
    line-height: 1.5em;
    border-bottom: #ff815c double;
}

.blog-wrapper .social {
    position: absolute;
    right: 180px;
    top: auto;
    bottom: 12px;
}

    .blog-wrapper .social ul {
        padding-left: 0px;
    }

    .blog-wrapper .social a {
        width: 34px;
        height: 34px;
        line-height: 30px;
        background-color: #fff;
        border-radius: 0px;
        border: double #ededed;
        background-color: #ededed;
        color: #fff;
    }
/*.social .fb a {
    background: #4b6aa9 !important;
}
    .social .tw a {
    background: #4dacf7 !important;
}
    .social .googleplus a {
    background: #ee4537!important;
}*/

.social .fb a {
    background: #3C5B9B !important;
}

    .social .fb a:hover {
        background: #637caf !important;
    }

.social .tw a {
    background: #359BED !important;
}

    .social .tw a:hover {
        background: #5daff1 !important;
    }

.social .googleplus a {
    background: #E33729 !important;
}

    .social .googleplus a:hover {
        background: #e95f54 !important;
    }

.blog-wrapper .entry-date {
    color: #FF815C;
    right: 40px;
    top: auto;
    bottom: 8px;
    padding: 5px 10px;
    font-weight: bold;
    background-color: #fff;
    border: #ff815c double;
}

@media (max-width: 991px) and (min-width: 768px) {
    .blog-wrapper .social ul li {
        margin-bottom: 0px;
    }
}

@media (max-width: 767px) {
    .blog-wrapper .entry-date {
        position: relative;
        right: 0px;
        top: -30px;
        float: right;
        display: inline-block;
        border: none;
    }

    .blog-wrapper .social {
        position: relative;
        left: 0px;
        top: -25px;
        float: left;
    }

        .blog-wrapper .social a {
            width: 32px;
            height: 32px;
            line-height: 30px;
            border: 1px solid #ededed;
        }
}

.entry-attach-header {
    border-bottom: #ececec double;
    border-bottom: #54c568 double;
    position: relative;
    margin-bottom: 30px;
}

.square-header {
    background: #54c568;
    color: #fff;
    padding: 5px 10px;
    font-family: '微軟正黑體', 'Montserrat', sans-serif;
    text-transform: uppercase;
    border: #ececec double;
    display: inline-block;
    text-align: center;
    line-height: 1.3em;
    font-size: 1.1em;
    position: relative;
    top: 20px;
    left: 10px;
}

.entry-attach .attach-list {
    display: block;
    list-style: none;
    padding-left: 10px;
    margin-top: 10px;
}

    .entry-attach .attach-list li {
        font-size: 1em;
        line-height: 1.5em;
        letter-spacing: 0.5px;
        border-bottom: 1px #e6e6e6 dashed;
        border-bottom: 1px #54c568 dashed;
        padding: 5px 0px;
    }

        .entry-attach .attach-list li::before {
            content: ' ';
            width: 5px;
            height: 5px;
            background: #54c568;
            display: inline-block;
            -webkit-transform: rotate(315deg);
            -moz-transform: rotate(315deg);
            transform: rotate(315deg);
            margin-right: 10px;
            /*position: absolute;
    top: 18px;
    left: 0;*/
            top: -3px;
            position: relative;
        }


    .entry-attach .attach-list a.a-link::after {
        content: "\f08e";
        font-family: "fontawesome";
        color: #bfbfbf;
        font-size: .8em;
        padding-left: 3px;
    }

    .entry-attach .attach-list a.a-file::after, a.a-file::after {
        content: "\f019";
        /*content: "\f0ed";*/
        font-family: "fontawesome";
        color: #bfbfbf;
        color: #007dd8;
        font-size: .9em;
        padding-left: 3px;
        font-weight: normal;
    }

    .entry-attach .attach-list a:hover::after, .entry-attach .attach-list a:focus::after {
        color: #FF815C;
    }

.blog-wrapper .btn-back, .btn-back {
    background-color: inherit;
    background-image: none;
    color: #333;
    cursor: pointer;
    padding: 10px 12px;
    border-radius: 0px;
    cursor: pointer;
    text-decoration: none;
    border: 1px solid #fff;
    float: left;
    transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    line-height: 12px;
    border: 1px #ddd solid;
    border: 1px #333 solid;
    float: right;
    margin-top: 20px;
}

    .blog-wrapper .btn-back::before, .btn-back::before {
        content: "\f060";
        font-family: FontAwesome;
        padding-right: 5px;
    }

    .blog-wrapper .btn-back:hover, .btn-back:hover {
        color: #fff;
        background-color: #FF815C;
        border: 1px #FF815C solid;
    }

@media only screen and (max-width: 479px) {
    .blog-wrapper {
        padding: 15px;
    }

        .blog-wrapper .entry-content {
            padding: 0;
        }
}


/*回到最上方*/
#toTop {
    z-index: 1000;
}




.blog_entry-title .number {
    color: #fff;
    padding: 2px 4px;
    font-weight: bold;
    margin-right: 5px;
    font-size: 1rem;
    background: #ffb099;
    vertical-align: super;
}

.entry-author {
    color: #54c568;
}

    .entry-author::before {
        content: "\f040";
        font-family: "fontawesome";
        font-size: 1.1em;
        color: #5ad06f;
        -moz-transform: rotate(-25deg);
        -webkit-transform: rotate(-25deg);
        -o-transform: rotate(-25deg);
        -ms-transform: rotate(-25deg);
        transform: rotate(-25deg);
        display: inline-block;
        position: relative;
        top: -2px;
    }



.entry-attach .flexslider-thumb .flex-prev {
    position: absolute;
    left: 0px;
    top: -5px;
    border: 1px #ddd solid;
    width: 30px;
    height: 30px;
    text-align: center;
    -webkit-transition: all 0.4s cubic-bezier(0.8, 0, 0, 1);
    -o-transition: all 0.4s cubic-bezier(0.8, 0, 0, 1);
    transition: all 0.4s cubic-bezier(0.8, 0, 0, 1);
    box-shadow: inset 0 0 0 0 #fff;
}

.entry-attach .flexslider-thumb .flex-next {
    position: absolute;
    right: 0px;
    top: -5px;
    border: 1px #ddd solid;
    width: 30px;
    height: 30px;
    text-align: center;
    -webkit-transition: all 0.4s cubic-bezier(0.8, 0, 0, 1);
    -o-transition: all 0.4s cubic-bezier(0.8, 0, 0, 1);
    transition: all 0.4s cubic-bezier(0.8, 0, 0, 1);
    box-shadow: inset 0 0 0 0 #fff;
}


.entry-attach .owl-buttons .owl-prev, .entry-attach .owl-buttons .owl-next {
    position: absolute;
    width: 100%;
    top: 40%;
    left: 0;
    right: 0;
}


.entry-attach .owl-buttons a {
    background: #fff;
    display: block;
    width: 35px !important;
    height: 60px !important;
    line-height: 30px;
    margin: 0px 0 0 -30px;
    position: absolute;
    top: 40%;
    z-index: 5;
    color: #666;
}

.entry-attach .owl-buttons .owl-next a {
    border-left: 1px solid #999;
    opacity: .5;
    position: absolute;
    right: -14px;
    border: 1px #999 solid;
}

.entry-attach .owl-buttons .owl-prev a {
    border-right: 1px solid #999;
    opacity: .5;
    position: absolute;
    left: 18px;
    border: 1px #999 solid;
}

    .entry-attach .owl-buttons .owl-next a:hover, .entry-attach .owl-buttons .owl-prev a:hover {
        opacity: 1;
    }

    .entry-attach .owl-buttons .owl-prev a:before {
        font-family: 'FontAwesome';
        font-style: normal;
        font-weight: bold;
        speak: none;
        -webkit-font-smoothing: antialiased;
        content: "\f104";
        text-transform: none;
        font-size: 25px;
        width: 38px !important;
        height: 32px !important;
        line-height: 54px;
    }

.entry-attach .owl-buttons .owl-next a:before {
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: bold;
    speak: none;
    -webkit-font-smoothing: antialiased;
    content: "\f105";
    text-transform: none;
    font-size: 25px;
    color: #333;
    width: 38px !important;
    height: 32px !important;
    line-height: 54px;
}







/*sidebar*/
.sidebar {
    font-size: 1em;
}

    .sidebar a {
        color: #333;
    }

        .sidebar a:hover {
            color: #ff815c;
        }

.block .block-title {
    font-size: 1em;
    background: #6371C9;
}

    .block .block-title::after {
        border-color: #5160bd #5160bd transparent transparent;
    }

.block .block-sub {
    padding: 10px 10px 0;
}

.block .block-content {
    border-top: medium none;
    font-size: 0.95em;
    overflow: hidden;
    padding: 15px 0px;
    background: #fff;
}

.sidebar a {
    font-size: 1em;
}

.sidebar ul li {
    padding: 0;
    border-bottom: 1px #ececec solid;
}

    .sidebar ul li:first-child {
        border-top: 1px #ececec solid;
    }

    .sidebar ul li:hover {
        background: #fdefef;
    }

    .sidebar ul li.active {
        color: #000;
        font-weight: bold;
        background: #ececec;
    }

    .sidebar ul li a {
        display: block;
        padding: 5px 5px 5px 60px;
        text-indent: -45px;
    }

.sidebar .li-num::after {
    content: ' ';
    width: 6px;
    height: 6px;
    background: #ff9a7d;
    display: inline-block;
    -webkit-transform: rotate(315deg);
    -moz-transform: rotate(315deg);
    transform: rotate(315deg);
    margin-left: 10px;
    margin-bottom: 2px;
    margin-right: 10px;
}

.sidebar .a-btn {
    width: 100%;
    text-align: center;
    color: #000;
}

    .sidebar .a-btn:hover {
        color: #fff;
    }

    .sidebar .a-btn::before {
        content: "\f139";
        font-family: FontAwesome;
        font-size: 12px;
        font-size: 1em;
        padding-right: 5px;
    }


#contactForm .has-error {
    color: #6371C9;
}

    #contactForm .has-error::before {
        content: '\f06a';
        font-family: Fontawesome;
    }

#contactForm .button.submit::after {
    content: "\f04b";
    content: "\f1d9";
    font-family: FontAwesome;
    font-size: 0.8em;
    padding-left: 8px;
}

#contactForm .group-select label {
    font-size: 1em;
}

#contactForm .static-contain {
    box-shadow: none;
    margin-bottom: 10px;
    border-style: dashed;
}

#contactForm h4.em a {
    color: #6371C9;
    border-bottom: 1px dashed #ddd;
}

    #contactForm h4.em a:hover {
        color: #6371C9;
        border-bottom: 1px dashed #000;
    }

#contactForm input[type=submit]:focus {
    box-shadow: inset 0 -45px 0 0 #FF815C;
}

#contactForm textarea {
    resize: none;
}

#contactForm + .contact-note {
    color: #54c568;
    background-color: rgba(255, 255, 255, 0.8);
    display: inline-block;
}


/*下載apk*/
.dl-apk {
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    -webkit-transition: all 0.4s cubic-bezier(0.8, 0, 0, 1);
    -o-transition: all 0.4s cubic-bezier(0.8, 0, 0, 1);
    transition: all 0.4s cubic-bezier(0.8, 0, 0, 1);
    box-shadow: inset 0 0 0 0 #fff;
    background: #76dc88;
    padding: 15px 0px;
    color: #fff;
    width: 100%;
    border: none;
    font-size: 1.2em;
    /*font-weight: bold;*/
}

    .dl-apk::after {
        content: "\f019";
        font-family: "fontawesome";
        color: #fff;
        font-size: .9em;
        padding-left: 5px;
        font-weight: normal;
    }

    .dl-apk:focus {
        color: #fff;
    }

    .dl-apk:hover {
        -webkit-transition: all 0.4s cubic-bezier(0.8, 0, 0, 1);
        -o-transition: all 0.4s cubic-bezier(0.8, 0, 0, 1);
        transition: all 0.4s cubic-bezier(0.8, 0, 0, 1);
        box-shadow: inset 0 -45px 0 0 #FF815C;
        color: #fff;
        background: #FF815C;
    }


.no-link-desc {
    display: inline-block;
    text-align: center;
    padding: 5px 0px;
    width: 100%;
    border: 2px dashed #76dc88;
    font-size: 1em;
    color: #6371C9;
}


/*回到舊版網站*/

.header-banner .assetBlock a.old {
    padding: 3px 5px;
    margin-right: 5px;
    border: 1px solid #fff;
    background-color: #8d682d;
    color: #fff;
}

    .header-banner .assetBlock a.old span {
        color: #fff;
    }

    .header-banner .assetBlock a.old:hover {
        -webkit-transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
        -o-transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
        transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
        box-shadow: inset 0 -40px 0 0 #FF815C;
        color: #fff;
        text-decoration: none;
    }