@charset "UTF-8";

:root {
    --cmc-primary-color: #946f25;
    --cmc-second-color: #ffffdf;
    --body-font-family: Arial, "文泉驛正黑", "WenQuanYi Zen Hei", "儷黑 Pro", "LiHei Pro", "微軟正黑體", "Microsoft JhengHei", "標楷體", DFKai-SB, sans-serif;
    --primary-font: Arial, "文泉驛正黑", "WenQuanYi Zen Hei", "儷黑 Pro", "LiHei Pro", "微軟正黑體", "Microsoft JhengHei", "標楷體", DFKai-SB, sans-serif;
    --font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --body-font-size: 1rem;
    --body-font-weight: 400;
    --body-line-height: 1.5;
    --body-color: #000000;
    --bs-body-bg: #ffffff;
    --bs-primary: #337ab7;   
}

.card {
    --bs-card-spacer-y: 0.5rem;
    --bs-card-spacer-x: 1rem;
}

body.font-size-s {
    font-size: .9em
}

body.font-size-m {
    font-size: .1em
}

body.font-size-l {
    font-size: 1.1em
}

body.header-fixed-space {
    padding-top: 94px;
}

body.header-fixed-space-v2 {
    padding-top: 135px;
}

@media (max-width: 991px) {
    body.header-fixed-space,
    body.header-fixed-space-v2 {
        padding-top: 0;
    }
}

.unit-title::before {
    content: "";
    position: absolute;
    left: 0;
    top: 10%;
    border-left: 7px solid #006983;
    height: 80%
}



.unit-title {
    position: relative;
    color: #006983;
    padding-left: 20px;
    font-size: 120%;
    font-weight: 700
}



.btn:focus, btn:active:focus, btn.active:focus,
.btn.focus, btn:active.focus, btn.active.focus {
    box-shadow: none !important;
}


.btn-primary {
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
}
.btn-outline-primary {
    --bs-btn-color: var(--bs-primary) !important;
    --bs-btn-border-color: var(--bs-primary) !important;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-primary) !important;
    --bs-btn-hover-border-color: var(--bs-primary) !important;
    --bs-btn-focus-shadow-rgb: 13,110,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bs-primary) !important;
    --bs-btn-active-border-color: var(--bs-primary) !important;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--bs-primary) !important;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--bs-primary) !important;
    --bs-gradient: none
}

a.btn-primary:hover {
    background-color: var(--cmc-primary-color) !important;
    color: #FFFFFF !important;
    text-decoration: none !important;
}

a.btn-outline-primary:hover {
    color: #ffffff !important;
}

.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px;
}


.header-style8 .navbar .sub-title {
    color: var(--cmc-primary-color);
}

#index-h1 {
    display: none;
}

.navbar-nav li.active > ul {
    opacity: 1;
    left: unset;
}

.navbar-brand img {
    max-height: unset;
}

.navbar-header-custom {
    padding: unset;
}

.btn-style4 {
    background-color: var(--cmc-primary-color);
}

.footer-bar {
    margin-top: 0px;
    background: var(--cmc-primary-color);
}

.footer {
    margin-top: 0px;
    background: var(--cmc-second-color);
    color: var(--cmc-primary-color);
}

.FooterMenu {
    padding-bottom: 1rem;
}

/*外框*/
a.boxborder {
    display: block;
    border: 1px solid #CCC;
    padding: 10px 15px 10px 35px;
/*    background-position: 20px center;
    background-repeat: no-repeat;
    background-color: #fff;*/
    font-weight: 500;
}

    a.boxborder:hover {
        background-color: #FFC;
        color: #c71616 !important;
        text-decoration: none !important;
    }


@media screen and (min-width: 992px) {
    .scrollHeader .navbar-brand img {
        max-height: 45px;
    }
}
.header-style8 .navbar-nav > li.active > a.menutitle,
.header-style8 .navbar-nav > li.has-sub:hover > a.menutitle {
    color: var(--cmc-primary-color) !important;
}

.header-style8 .navbar-nav > li > a.menutitle {
    font-size: 1.125rem;
    font-weight: 600;
    color: #232323;
}

    .header-style8 .navbar-nav > li > a.menutitle:hover,
    .header-style8 .navbar-nav > li > a.menutitle:focus {
        color: var(--cmc-primary-color) !important;
        text-decoration: none;
    }

.header-style8 .navbar-nav .sub-menu a {
    color: #000000;
    padding:5px 0;
}  
    .header-style8 .navbar-nav .sub-menu a:hover,
    .header-style8 .navbar-nav .sub-menu a:focus {
        background-color: #FFC;
        color: #c71616 !important;
        text-decoration: none;
    }

.header-style8 .navbar-nav > li a:not(.menutitle) {
    border-bottom: solid 1px #eee;
}
/*ul.sub-menu li:hover {
    background-color: #FFC;
}*/

/*Block Headline*/
.headline {
    display: block;
    margin: 10px 0 25px 0;
    border-bottom: 1px dotted #e4e9f0;
}

    .headline h2 {
        font-size: 1.375rem;
    }

    .headline h2,
    .headline h3,
    .headline h4 {
        margin: 0 0 -2px 0;
        padding-bottom: 5px;
        display: inline-block;
        border-bottom: 2px solid #ab812c;
    }

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

    .headline-md h2 {
        font-size: 1.313rem;
    }

/*Heading Options*/
.heading {
    text-align: center;
}

    .heading h2 {
        padding: 0 12px;
        position: relative;
        display: inline-block;
        line-height: 34px !important; /*For Tagline Boxes*/
    }

        .heading h2:before,
        .heading h2:after {
            content: ' ';
            width: 70%;
            position: absolute;
            border-width: 1px;
            border-color: #bbb;
        }

        .heading h2:before {
            right: 100%;
        }

        .heading h2:after {
            left: 100%;
        }

@media (max-width: 768px) {
    .heading h2:before,
    .heading h2:after {
        width: 20%;
    }
}

/*Headline v1*/
.heading-v1 h2:before,
.heading-v1 h2:after {
    top: 15px;
    height: 6px;
    border-top-style: solid;
    border-bottom-style: solid;
}

/*Headline v2*/
.heading-v2 h2:before,
.heading-v2 h2:after {
    top: 15px;
    height: 6px;
    border-top-style: dashed;
    border-bottom-style: dashed;
}

/*Headline v3*/
.heading-v3 h2:before,
.heading-v3 h2:after {
    top: 15px;
    height: 6px;
    border-top-style: dotted;
    border-bottom-style: dotted;
}

/*Headline v4*/
.heading-v4 h2:before,
.heading-v4 h2:after {
    top: 17px;
    border-bottom-style: solid;
}

/*Headline v5*/
.heading-v5 h2:before,
.heading-v5 h2:after {
    top: 17px;
    border-bottom-style: dashed;
}

/*Headline v6*/
.heading-v6 h2:before,
.heading-v6 h2:after {
    top: 17px;
    border-bottom-style: dotted;
}

/*Boxed Layout
------------------------------------*/
/*.wrapper {
    background: #fff;
}*/

.subheadline {
    position: relative;
    font-size: 1.3em;
    color: #946f25 !important;
    margin-left: 15px;
    line-height: 22px;
    margin-bottom: 20px;
    font-weight: 700;
}

    .subheadline h3 {
        position: relative;
        font-size: 1.3em;
        color: #946f25 !important;
        margin-left: 15px;
        line-height: 22px;
        margin-bottom: 20px;
        font-weight: 700;
    }

div.heading-home {
    font-size: 1.4em;
    color: #555;
    margin-top: 5px;
    text-shadow: none;
    font-weight: normal;
}

.NoScript {
    background-color: #000000;
    color: #ffffff;
    font-size: 120%;
    padding: 20px 20px 20px 20px;
}
/*跳到主要內容區塊*/
.sr-only {
    position: absolute;
    width: 0.063rem;
    height: 0.063rem;
    padding: 0;
    margin: -0.063rem;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    color: #ffffff;
    position: absolute;
    width: auto;
    height: auto;
    margin: 5px;
    overflow: visible;
    clip: auto;
    z-index: 888;
    left: 5px;
    top: 10px;
    outline: 2px solid #4a7aad;
}

a.alt-c {
    color: #000000 !important;
    font-weight: 300 !important;
}

.blog-topbar a.alt-c {
    color: #FFFFFF !important;
    font-weight: 300 !important;
}

.table > caption {
    display: none;
}

table > caption {
    display: none;
}

.pubInfo ul {
    padding: 0 15px 0 0;
}

    .pubInfo ul li {
        list-style: none;
        border-bottom: 1px dashed #000000;
        line-height: 230%;
    }

        .pubInfo ul li em {
            color: #c71616;
        }

/*.btn {
    font-size: 0.875em;
}*/

.printblock {
    padding-left: 20px;
}

/*修正IE錯誤
.thumbnail
{
    min-height:300px;
}
*/
.select {
    display: inline-block;
    background: #fff;
    position: relative;
    border: 1px solid #ccc;
}

    .select::before {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        right: 0.9765625vw;
        margin-top: -0.390625vw;
        width: 0.390625vw;
        height: 0.390625vw;
        border: 0.1953125vw solid #666;
        border-top: 0;
        border-right: 0;
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .select select {
        font-size: 1.5625vw;
        color: #5f5f5f;
        line-height: 2;
        padding-left: 1.953125vw;
        padding-right: 3.7109375vw;
        background: transparent;
        display: block;
        border: 0;
        width: 100%;
        margin: 0;
        -moz-appearance: none;
        -webkit-appearance: none;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
    }

        .select select::-ms-expand {
            display: none;
        }

        .select select:disabled {
            color: #aaa;
            background: #f5f5f5;
            border-color: #ddd;
        }

    .select + .select {
        margin-left: 0.68359375vw;
    }

    .select + span {
        margin-right: 0.68359375vw;
    }

/*--------------------------------------------------
	[53. Tagline Boxes]
    首頁顯示 訊息列表區塊
----------------------------------------------------*/
/*Tagline Boxes*/
.tag-box {
    padding: 20px;
    background: #fff;
    margin-bottom: 15px;
}

    .tag-box h2 {
        font-size: 1.25em;
        line-height: 25px;
    }

    .tag-box p {
        margin-bottom: 0;
    }

    .tag-box.tag-text-space p {
        margin-bottom: 10px;
    }

/*Tagline Boxes v1*/
.tag-box-v1 {
    border: solid 1px #eee;
    border-top: solid 2px #946f25;
}

/*首頁新訊息列表*/
div.new-list {
    /*left: 10px;*/
    margin: 0;
    padding: 0;
    width: 100%;
    min-height: 300px;
}

    div.new-list > ul {
        margin: 10px 0 0;
        padding: 0;
        clear: both;
    }

        div.new-list > ul > li {
            margin: 0 0 10px 0;
            padding: 0 0 0 100px;
            list-style: none;
        }

            div.new-list > ul > li a {
                padding: 0px;
                margin: 0px 0 0 0;
                vertical-align: top;
                text-align: left;
                display: inline-block;
                width: 94%;
                /*white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;*/
            }

            div.new-list > ul > li span {
                color: #375bff;
                padding: 0;
                /*font-style: normal;*/
                font-size: 0.85rem;
                margin: 0 0px 0 -90px;
                display: inline-block;
                width: 88px
            }

                div.new-list > ul > li span.date {
                    margin: 0 0 0 10px;
                    background-color: #999;
                    color: #fff;
                    border-radius: 5px;
                    padding: 0px 5px;
                    white-space: nowrap;
                    display: initial;
                }



/* ----------------------------------------------------------------
	 Go To Top
-----------------------------------------------------------------*/

#gotoTop {
    z-index: 299;
    position: fixed;
    width: 48px;
    height: 48px;
    background-color: #e85a5a;
    /*background-color: rgba(0,0,0,0.3);*/
    font-size: 1.5em;
    line-height: 48px;
    text-align: center;
    color: #FFF;
    top: auto;
    left: auto;
    right: 15px;
    bottom: 100px;
    cursor: pointer;
    /*border-radius: 2px;*/
    border-top-left-radius: 100px;
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
    border-bottom-left-radius: 100px;
}

    #gotoTop:hover {
        text-decoration: none;
    }

    #gotoTop:visited {
        text-decoration: none;
    }
/*#gotoTop:focus {
        text-decoration: none;
        outline: #09F solid 2px;
    }*/
body:not(.device-touch) #gotoTop {
    transition: background-color .2s linear;
    -webkit-transition: background-color .2s linear;
    -o-transition: background-color .2s linear;
}

.tab_smallmax {
    max-width: 1000px;
    margin: 0 auto;
}

.stretched #gotoTop {
    bottom: 30px;
}

.position_main {
    position: relative;
}

.position_left {
    position: absolute;
    left: 0;
    top: 30px;
}

.position_right {
    text-align: right;
}

#gotoTop:hover {
    background-color: #e85a5a;
    /*#009E96*/
}

.law_bottom span {
    display: inline-block;
}


/* ----------------------------------------------------------------
	 字級大小
-----------------------------------------------------------------*/
.textsize01 {
    float: left;
}

    .textsize01 ul {
        float: left;
        padding: 0px;
    }

        .textsize01 ul li {
            float: left;
            list-style-type: none;
            padding: 0 7px 0 0;
        }

            .textsize01 ul li a {
                display: block;
                padding: 3px 8px;
                float: left;
                list-style-type: none;
                background-color: #787578;
                border-radius: 10%;
                color: #fff;
                text-align: center;
                min-width: 30px;
            }

                .textsize01 ul li a:hover {
                    /*  background-color: #0088cc;*/
                    text-decoration: none;
                }


/* ----------------------------------------------------------------
	 頁尾背景色
-----------------------------------------------------------------*/

.bg-fatfotoer {
    background: #ffffdf;
    border-top: solid 1px #eee;
    border-bottom: solid 1px #eee;
}

.bg-tail {
    background: #946f25;
    border-top: solid 1px #946f25;
    border-bottom: solid 1px #946f25;
}

}

.FooterMenu {
    padding-left: 50px;
}


    .FooterMenu .FooterMenu_Item {
        display: block;
        float: left;
        margin-top: 25px
    }

        /*.FooterMenu .FooterMenu_Item a:link {
            color: #60834f
        }

        .FooterMenu .FooterMenu_Item a:visited {
            color: #60834f
        }*/

        .FooterMenu .FooterMenu_Item a:hover {
            color: #597a48;
        }

        .FooterMenu .FooterMenu_Item a {
            font-weight: normal;
            font-size: 1.2rem;
            margin-bottom: 10px;
            font-weight: 700
        }

        .FooterMenu .FooterMenu_Item ul {
            /*list-style:none;*/
            margin: 0px 0;
            padding: 0;
        }

            .FooterMenu .FooterMenu_Item ul li {
                font-size: 0.9rem;
                line-height: 1.6rem;
                margin-left: 20px;
            }

                .FooterMenu .FooterMenu_Item ul li a {
                    padding: 2px 0 2px 1px;
                    font-size: 1rem;
                    color: #597a48;
                }

@media (min-width:240px) and (max-width:854px) {
    .FooterMenu {
        display: none
    }
}

.footer_word {
    color: #FFFFFF;
}

    .footer_word p {
        color: #FFFFFF;
    }

    .footer_word a, .footer_word a:link, .footer_word a:visited {
        color: #FFFFFF;
        text-decoration: underline;
    }

        .footer_word a:hover {
            color: #FFFFFF;
        }

        .footer_word a:active {
            color: #FFFFFF;
        }

    .footer_word .list-unstyled li {
        color: #FFFFFF;
    }
/* Tables */

.newtable01 {
}

    .newtable01 thead th {
        color: #fff;
        background: #337ab7;
    }

    .newtable01 thead th {
        padding: 10px 8px !important;
        border: 1px solid #fff;
    }

    .newtable01 tbody td {
        padding: 10px 8px !important;
    }

    .newtable01 tbody tr:nth-child(even) {
        background: #f3f3f3;
    }

    .newtable01 tbody td a {
        color: #000000;
        display: block;
    }

        .newtable01 tbody td a:hover {
            text-decoration: underline;
        }

    .newtable01 tbody td.tdline a {
        display: inline-block;
        margin-left: 3px;
        margin-right: 3px;
        font-weight: 600;
    }

        .newtable01 tbody td.tdline a:hover {
            opacity: 0.98;
        }

/*--分類顯示框框列表 從custom 移過來*/
.boxlist {
    clear: both;
}

    .boxlist ul {
        margin: 0;
        padding: 0;
    }

        .boxlist ul li {
            width: 48.5%;
            float: left;
            list-style-type: none;
            margin: 0 10px 10px 0;
        }

            .boxlist ul li:nth-child(2n) {
                margin: 0 0 10px;
                float: right;
            }

@media (max-width:767px) {
    .boxlist ul li {
        width: 100%;
        float: none;
        list-style-type: none;
        margin: 0 0px 10px 0;
    }

        .boxlist ul li:nth-child(2n) {
            float: none;
        }
}

.boxlist ul li a {
    display: block;
    border: 1px solid #CCC;
    padding: 10px 15px 10px 35px;
    background-position: 20px center;
    background-repeat: no-repeat;
    background-color: #fff;
}

    .boxlist ul li a:hover {
        background-color: #FFC;
        color: #c71616;
        text-decoration: none;
    }


/*共用表格 顯示 採購 產品*/
.listGrid {
    border-collapse: collapse;
    width: 100%;
    max-width: 100%
}

    .listGrid > caption {
        display: none
    }

    /*.theme-sv .listGrid-3 tbody tr {
    background: #f3efec
}*/

    .listGrid tbody tr {
        background: #ecf3ec
    }

        /*.theme-tn .listGrid-3 tbody tr {
    background: #74c17f
}*/

        .listGrid tbody tr th {
            color: #0a6840;
            border: 1px solid #bdd5bd;
            width: 20%;
        }

        .listGrid tbody tr td {
            border: 1px solid #bdd5bd;
            padding: 5px;
        }

            .listGrid tbody tr td p {
                font-size: 110%;
                line-height: 160%;
                margin-top: 5px;
            }

        .listGrid tbody tr:nth-child(2n) {
            background: #fff
        }

        .listGrid tbody tr th, .listGrid-3 tbody tr td {
            padding: 10px
        }

        .listGrid tbody tr th {
            vertical-align: top;
            letter-spacing: 1px;
        }


/*頁面內容區塊 共用*/
.arc {
    -moz-border-radius: 5px; /* Firefox */
    -webkit-border-radius: 5px; /* Safari, Chrome */
    -khtml-border-radius: 5px; /* Konqueror */
    border-radius: 5px; /* Opera 10.50 and later (CSS3 standard) */
}

.shadow {
    -moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.5); /* Firefox */
    -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.5); /* Safari 和 Chrome */
    box-shadow: 1px 1px 5px rgba(0,0,0,0.5); /* Opera 10.5 + */
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=6); /* ie */
}


.pages-content {
    float: left;
    display: inline-block;
    text-align: left;
}


@media only screen and (min-width: 991px) {
    .pages-content {
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
        margin-top: 20px;
        margin-bottom: 40px;
    }
}

@media only screen and (min-width: 769px) and (max-width: 990px) {
    .pages-content {
        width: 94%;
        margin-left: 3%;
        margin-right: 3%;
        margin-top: 20px;
        margin-bottom: 30px;
    }
}

@media only screen and (min-width: 0px) and (max-width: 768px) {
    .pages-content {
        width: 98%;
        margin-left: 1%;
        margin-right: 1%;
        margin-top: 15px;
        margin-bottom: 15px;
    }
}

.frame-text {
    width: 100%;
    float: left;
    text-align: left;
    font-size: 100%;
    line-height: 180%;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    margin-bottom: 20px;
}

    .frame-text ul li {
        list-style: none;
    }

    .frame-text .dl-horizontal dt, .frame-text .dl-horizontal dd {
        line-height: 200%;
    }

/*-------------------- 內容文章 標題 -------------------*/
.detail-title {
    width: 100%;
    float: left;
    margin-top: 10px;
    font-size: 130%;
    line-height: 28px;
    font-weight: normal;
    text-decoration: none;
    text-align: left;
    padding-left: 2%;
    padding-right: 2%;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 20px;
    -moz-border-radius: 5px; /* Firefox */
    -webkit-border-radius: 5px; /* Safari, Chrome */
    -khtml-border-radius: 5px; /* Konqueror */
    border-radius: 5px; /* Opera 10.50 and later (CSS3 standard) */
    color: #000;
    background-color: #f69eb8;
}

.detail-title-center {
    width: 100%;
    float: left;
    margin-top: 10px;
    font-size: 130%;
    line-height: 28px;
    font-weight: normal;
    text-decoration: none;
    text-align: center;
    padding-bottom: 10px;
    margin-bottom: 20px;
    color: #946f25;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #ffb637;
}

/*文張段落*/

.section-frame {
    width: 100%;
    float: left;
    display: inline-block;
    background-color: #f5f5f5;
    padding-top: 15px;
    padding-right: 5%;
    padding-left: 5%;
    margin-bottom: 20px;
}

    .section-frame .co-title {
        width: 100%;
        color: #946f25;
        float: left;
        display: inline-block;
        border-bottom-width: 1px;
        border-bottom-style: dotted;
        border-bottom-color: #555;
        font-size: 110%;
        line-height: 28px;
        font-weight: normal;
        text-decoration: none;
        text-align: center;
        padding-bottom: 10px;
        margin-bottom: 15px;
    }

    .section-frame .co-text {
        width: 100%;
        float: left;
        display: inline-block;
        margin-bottom: 20px;
        text-align: left;
        font-size: 105%;
        line-height: 35px;
    }

        .section-frame .co-text li {
            width: 100%;
            float: left;
            /*display: inline-block;*/
            font-size: 1em;
        }
/*.section-frame .co-text li h3 {
                float: left;
                display: inline-block;
                font-size: 1em;
            }

            .section-frame .co-text li h4 {
                float: left;
                display: inline-block;
                font-size: 1em;
            }*/

@media (min-width: 768px) {
    .section-frame .co-text li h3 {
        width: 5%;
    }

    .section-frame .co-text li h4 {
        width: 95%;
    }
}

@media (max-width: 767px) {
    .section-frame .co-text li h3 {
        width: 10%;
    }

    .section-frame .co-text li h4 {
        width: 90%;
    }
}


/*download 共用*/
.frame-download {
    width: 100%;
    float: left;
    text-align: left;
    margin-bottom: 10px;
    padding-left: 0.6rem;
    font-size: 100%;
    line-height: 180%;
    font-weight: normal;
    color: #333;
    text-decoration: none;
}

    .frame-download .download-ti {
        width: 11%;
        float: left;
        text-align: left;
        font-size: 100%;
        line-height: 30px;
        font-weight: normal;
        color: #000000;
    }

    .frame-download .download-data {
        width: 89%;
        float: left;
        text-align: left;
        font-size: 100%;
        line-height: 30px;
        font-weight: normal;
        color: #e44d26;
        text-decoration: underline;
    }

        .frame-download .download-data li {
            width: 100%;
            float: left;
            text-align: left;
            display: inline-block;
            border-bottom-width: 1px;
            border-bottom-style: dashed;
            border-bottom-color: #ccc;
        }

            .frame-download .download-data li a {
                width: 100%;
                float: left;
                text-align: left;
                display: inline-block;
                font-size: 110%;
                line-height: 160%;
                font-weight: normal;
                text-decoration: none;
                padding-top: 6px;
                padding-bottom: 6px;
            }

            .frame-download .download-data li a {
                color: #333;
            }

                .frame-download .download-data li a:hover {
                    color: #946f25;
                }

                    .frame-download .download-data li a:hover em {
                        color: #946f25;
                    }

                .frame-download .download-data li a small {
                    width: 75%;
                    float: left;
                    text-align: left;
                    display: inline-block;
                    font-size: 1rem;
                }

                .frame-download .download-data li a em {
                    width: 25%;
                    float: left;
                    text-align: right;
                    display: inline-block;
                    font-size: 1rem;
                }


.topbar-list li a {
    color: #FFFFFF;
}

    .topbar-list li a:focus {
        color: #FFFFFF;
        outline: 2px solid #4a7aad;
    }

    .topbar-list li a:hover {
        color: #FFFFFF;
        text-decoration: underline;
    }

.topbar-list > li:before {
    background: #946f25;
}

span.badge,
.list-group-item.active > .badge {
    color: #fff;
    font-weight: 400;
    padding: 4px 7px;
}

    span.label-custom,
    span.badge-custom,
    .list-group-item.active > .badge.badge-custom {
        background: #000103;
    }

    span.label-orange, span.badge-orange, .list-group-item.active > .badge.badge-orange {
        background: #7d7643;
    }

.color-red {
    color: #c71616;
}

.header-v8 .mega-menu .mega-menu-fullwidth .dropdown-link-list li a {
    color: #000000;
}

.btn-u.btn-u-blue {
    background: #2378b0;
}

.bg-color-red {
    background-color: #de3712 !important;
}

.btn-u.btn-u-blue:hover,
.btn-u.btn-u-blue:focus,
.btn-u.btn-u-blue:active,
.btn-u.btn-u-blue.active,
.open .dropdown-toggle.btn-u.btn-u-blue {
    background: #2378b0;
}

.bg-color-blue {
    background-color: #2378b0 !important;
}

.menuheadline {
    margin: 0 0 5px;
    font-size: 1rem;
    text-transform: uppercase;
    color: #946f25;
}


.fleft {
    float: left;
}

.fright {
    float: right;
}

.rowequal {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}

    .rowequal > [class*='col-'] {
        display: flex;
        flex-direction: column;
    }

/*左側選單樣式*/
/*---左欄inmenu*/
.sidebar_menu_headline {
    font-size: 1.375em;
    background-color: #946f25;
    color: #fff;
    padding: 6px 10px;
    position: relative;
    margin: 0 0 0px 0;
    text-align: center;
    border-bottom: 1px solid #CCC;
    padding: 10px 20px;
    display: block;
    text-decoration: none;
}

    .sidebar_menu_headline span {
        padding: 10px 20px;
        display: block;
    }

.sidebar .inmenu {
    position: relative;
    margin: 0px 0 25px 0;
    background-color: #fff;
    border: 1px solid #ccc;
}

    .sidebar .inmenu a.accesskey {
        color: #5b9115;
        text-decoration: none;
    }

    .sidebar .inmenu h1 {
        font-size: 1.375em;
        background-color: #946f25;
        color: #fff;
        padding: 6px 10px;
        position: relative;
        margin: 0 0 0px 0;
        text-align: center;
    }

    .sidebar .inmenu h2 {
        font-size: 1.375em;
        background-color: #946f25;
        color: #fff;
        padding: 6px 10px;
        position: relative;
        margin: 0 0 0px 0;
        text-align: center;
    }

    .sidebar .inmenu ul {
        margin: 0;
        padding: 0;
    }

        .sidebar .inmenu ul li {
            list-style-type: none;
            margin: 0;
            padding: 0;
            font-size: 1.063em;
        }

            .sidebar .inmenu ul li a {
                border-bottom: 1px solid #CCC;
                padding: 10px 20px;
                display: block;
                text-decoration: none;
            }

                .sidebar .inmenu ul li a:hover {
                    background-color: #FFC;
                    color: #c71616;
                    text-decoration: underline;
                }

            .sidebar .inmenu ul li:last-child a {
                border-radius: 0 0 5px 5px;
                border-bottom: none;
            }

            .sidebar .inmenu ul li.is-active {
                background-color: #ffffdf;
                color: #fff
            }

/*產品列表樣式*/

.SidebarMenuList .card-header {
    background-color: #946f25;
    font-size: 1.375em;
    color: #fff;
    padding: 6px 10px;
    position: relative;
    margin: 0 0 0px 0;
    text-align: center;
}

.SidebarMenuList h1 {
    font-size: 1.375em;
    color: #fff;
    padding: 6px 10px;
    position: relative;
    margin: 0 0 0px 0;
    text-align: center;
}

.SidebarMenuList h2 {
    font-size: 1.375em;
    color: #fff;
    padding: 6px 10px;
    position: relative;
    margin: 0 0 0px 0;
    text-align: center;
}

.SidebarMenuList h3 {
    font-size: 1.375em;
    color: #fff;
    padding: 6px 10px;
    position: relative;
    margin: 0 0 0px 0;
    text-align: center;
}

.SidebarMenuList ul li {
    margin: 5px;
    padding: 0;
    font-size: 1.063em;
}

/*--表格列表顯示b--*/
.listTb {
    clear: both;
    margin: 0;
    padding: 10px 0;
}

    .listTb table {
        width: 100%;
        border-collapse: collapse;
        background-color: #fff;
        border: 1px solid #CCC;
    }

        .listTb table tr:hover {
            background-color: #FFC;
        }

        .listTb table th {
            background-color: #e6e6e6;
            color: #000;
            padding: 10px;
            white-space: nowrap;
            text-align: center;
            border: 1px solid #CCC;
        }

        .listTb table td.nowrap {
            white-space: nowrap;
        }

        .listTb table td {
            padding: 10px;
            border: 1px solid #CCC;
            text-align: left;
        }

            .listTb table td a {
                color: #000000;
                text-decoration: none;
            }

                .listTb table td a:hover {
                    color: #c71616;
                    text-decoration: none;
                }

            .listTb table td.aCenter {
                text-align: center;
            }

            .listTb table td.aRight {
                text-align: right;
            }

        .listTb table .explain {
            margin: 0 0 0 7px
        }

@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {
    .listTb table, .listTb thead, .listTb tbody, .listTb th, .listTb td, .listTb tr {
        display: block;
    }

        .listTb thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

    .listTb table {
        border: none;
    }

        .listTb table tr {
            border: 2px solid #ccc;
            margin: 0 0 10px 0;
        }

        .listTb table td {
            border: none;
            border-bottom: 1px solid #ccc;
            position: relative;
            padding-left: 17%;
        }



    .listTb td:before {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 15%;
        height: auto;
        text-align: right;
        padding: 6px;
        display: inline-block;
        white-space: nowrap;
        font-weight: bold;
        color: #000;
    }

    .listTb table td.aCenter {
        text-align: left;
    }

    .listTb table td.aRight {
        text-align: left;
    }
}

/*Thumbnails
------------------------------------*/
a.thumbnail {
    padding: 0;
    border: none;
    margin-bottom: 15px;
}

.thumbnail-style {
    padding: 7px;
    margin-bottom: 20px;
}

    .thumbnail-style:hover {
        box-shadow: 0 0 8px #ddd;
        transition: box-shadow 0.2s ease-in-out;
    }

    .thumbnail h3,
    .thumbnail-style h3 {
        margin: 6px 0 8px 0;
    }

        .thumbnail h3 a,
        .thumbnail-style h3 a {
            color: #585f69;
            font-size: 1em;
        }

            .thumbnail h3 a:hover,
            .thumbnail-style h3 a:hover {
                color: #946f25;
                text-decoration: none;
            }

    .thumbnail-style .thumbnail-img {
        position: relative;
        margin-bottom: 11px;
    }

    .thumbnail-style a.btn-more {
        right: -10px;
        bottom: 10px;
        color: #fff;
        padding: 1px 6px;
        position: absolute;
        background: #946f25;
        display: inline-block;
    }

        .thumbnail-style a.btn-more:hover {
            text-decoration: none;
            box-shadow: 0 0 0 2px #5fb611;
        }

    .thumbnail-style:hover a.btn-more {
        right: 10px;
    }

.thumbnail-kenburn img {
    left: 10px;
    margin-left: -10px;
    position: relative;
    transition: all 0.8s ease-in-out;
}

.thumbnail-kenburn:hover img {
    transform: scale(1.2) rotate(2deg);
}
/*--------------------------------------------------
    [Pricing List 首頁]
----------------------------------------------------*/
.product-list-home {
    text-align: center;
    background: #fff;
    box-shadow: 15px 15px 15px 0 #eff1f8;
    margin: 10px;
    padding: 10px;
    width: 100%;
}

    .product-list-home:hover {
        opacity: 1.00;
        box-shadow: 0px 0px 10px #946f25;
    }

    .product-list-home .summary {
        display: block;
        text-align: center;
        line-height: 1.5;
        /*padding: 0.48828125vw;*/
        min-height: 100px;
    }

        .product-list-home .summary a:focus {
            display: block;
            text-align: center;
            line-height: 1.5;
            /*padding: 0.48828125vw;*/
            min-height: 100px;
            outline: #FA8000 dashed 2px;
        }

        .product-list-home .summary .title {
            font-size: 1.2rem;
            line-height: 2rem;
            height: 2rem;
            width: 100%;
            display: inline-block;
            overflow: hidden;
        }

            .product-list-home .summary .title span {
                vertical-align: middle;
                line-height: normal;
                display: inline-block;
            }

        .product-list-home .summary .price {
            color: #de3712;
            font-size: 1.1rem;
        }

            .product-list-home .summary .price::before {
                content: "$";
                display: inline-block;
            }

    .product-list-home .a-btn {
        display: inline-block;
        font-size: 100%;
        border: 1px solid #0277bd;
        padding: 0 1.953125vw;
        background: transparent;
        line-height: 1.5;
        cursor: pointer;
        -moz-border-radius: 4.39453125vw;
        -webkit-border-radius: 4.39453125vw;
        border-radius: 4.39453125vw;
    }

        .product-list-home .a-btn:hover {
            background: #0277bd;
            color: white;
        }

        .product-list-home .a-btn.cart-box {
            border-color: #d91e17;
            background: #d91e17;
            color: white;
            padding: 0.390625vw 1.953125vw;
            -moz-border-radius: 100% / 8.7890625vw;
            -webkit-border-radius: 100% 8.7890625vw;
            border-radius: 100% / 8.7890625vw;
        }

            .product-list-home .a-btn.cart-box:hover {
                background: #d91e17;
                border-color: #d91e17;
                color: white;
            }

/*產品展示列表
------------------------------------*/

.product-list {
    padding: 10px;
    border: 1px solid #946f25;
    border-radius: 10px;
    transition: 0.2s;
    min-height: 250px;
}

    .product-list:hover {
        opacity: 1.00;
        box-shadow: 0px 0px 10px #946f25;
    }

    .product-list .summary {
        display: block;
        text-align: center;
        line-height: 1.5;
        /*padding: 0.48828125vw;*/
        min-height: 100px;
    }

        .product-list .summary a:focus {
            width: 100%;
            display: block;
            text-align: center;
            line-height: 1.5;
            /*padding: 0.48828125vw;*/
            min-height: 100px;
            outline: #FA8000 dashed 2px;
        }

        .product-list .summary .title {
            font-size: 1.2rem;
            line-height: 2rem;
            height: 2rem;
            width: 100%;
            display: inline-block;
            overflow: hidden;
        }

            .product-list .summary .title span {
                vertical-align: middle;
                line-height: normal;
                display: inline-block;
            }

        .product-list .summary .price {
            color: #de3712;
            font-size: 110%;
        }

            .product-list .summary .price::before {
                content: "$";
                display: inline-block;
            }

    .product-list .a-btn {
        display: inline-block;
        font-size: 100%;
        border: 1px solid #0277bd;
        padding: 0 1.953125vw;
        background: transparent;
        line-height: 1.5;
        cursor: pointer;
        -moz-border-radius: 4.39453125vw;
        -webkit-border-radius: 4.39453125vw;
        border-radius: 4.39453125vw;
    }

        .product-list .a-btn:hover {
            background: #0277bd;
            color: white;
        }

        .product-list .a-btn.cart-box {
            border-color: #d91e17;
            background: #d91e17;
            color: white;
            padding: 0.390625vw 1.953125vw;
            -moz-border-radius: 100% / 8.7890625vw;
            -webkit-border-radius: 100% 8.7890625vw;
            border-radius: 100% / 8.7890625vw;
        }

            .product-list .a-btn.cart-box:hover {
                background: #fd5f59;
                border-color: #fd5f59;
                color: #FFFFFF;
            }
/*產品銷售頁面
------------------------------------*/
.shop-red {
    color: #de3712;
    font-weight: 600;
}


/*download*/
#content-row-right .r-frame-download {
    width: 100%;
    float: left;
    text-align: left;
    margin-bottom: 20px;
    font-size: 100%;
    line-height: 180%;
    font-weight: normal;
    color: #333;
    text-decoration: none;
}

    #content-row-right .r-frame-download .download-ti {
        width: 11%;
        float: left;
        text-align: left;
        font-size: 90%;
        line-height: 30px;
        font-weight: normal;
        color: #888;
    }

    #content-row-right .r-frame-download .download-data {
        width: 89%;
        float: left;
        text-align: left;
        font-size: 90%;
        line-height: 30px;
        font-weight: normal;
        color: #e44d26;
        text-decoration: underline;
    }

        #content-row-right .r-frame-download .download-data li {
            width: 100%;
            float: left;
            text-align: left;
            display: inline-block;
            border-bottom-width: 1px;
            border-bottom-style: dashed;
            border-bottom-color: #ccc;
        }

            #content-row-right .r-frame-download .download-data li a {
                width: 100%;
                float: left;
                text-align: left;
                display: inline-block;
                font-size: 110%;
                line-height: 160%;
                font-weight: normal;
                text-decoration: none;
                padding-top: 6px;
                padding-bottom: 6px;
            }

            #content-row-right .r-frame-download .download-data li a {
                color: #333;
            }

                #content-row-right .r-frame-download .download-data li a:hover {
                    color: #e44d26;
                }

                    #content-row-right .r-frame-download .download-data li a:hover em {
                        color: #e44d26;
                    }

                #content-row-right .r-frame-download .download-data li a small {
                    width: 75%;
                    float: left;
                    text-align: left;
                    display: inline-block;
                }

                #content-row-right .r-frame-download .download-data li a em {
                    width: 25%;
                    float: left;
                    text-align: right;
                    display: inline-block;
                    font-size: 85%;
                }


/* 結束 download*/

/*預算書 使用畫面*/

.grid {
    width: 100%;
    min-height: 100px;
    padding: 15px;
    background: #fff;
    margin: 8px;
    box-shadow: 0 1px 3px rgba(34,25,25,0.4);
    -moz-box-shadow: 0 1px 3px rgba(34,25,25,0.4);
    -webkit-box-shadow: 0 1px 3px rgba(34,25,25,0.4);
    -webkit-transition: top 1s ease, left 1s ease;
    -moz-transition: top 1s ease, left 1s ease;
    -o-transition: top 1s ease, left 1s ease;
    -ms-transition: top 1s ease, left 1s ease;
    -moz-border-radius: 5px; /* Firefox */
    -webkit-border-radius: 5px; /* Safari, Chrome */
    -khtml-border-radius: 5px; /* Konqueror */
    border-radius: 5px; /* Opera 10.50 and later (CSS3 standard) */
    -moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.5); /* Firefox */
    -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.5); /* Safari 和 Chrome */
    box-shadow: 1px 1px 5px rgba(0,0,0,0.5); /* Opera 10.5 + */
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=6); /* ie */
}

/*標題*/

.news-main-title {
    width: 100%;
    float: left;
    display: inline-block;
    text-align: left;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    padding-bottom: 5px;
    margin-bottom: 5px;
    font-size: 135%;
    line-height: 180%;
    font-weight: bold;
    text-decoration: none;
    letter-spacing: 0em;
}

    .news-main-title .ti_update {
        margin-left: 20px;
        font-size: 60%;
        line-height: 120%;
        font-weight: normal;
        color: #000;
    }

    .news-main-title img {
        width: 40px;
        vertical-align: middle;
        margin-right: 5px;
    }

.ti-color-a {
    border-bottom-color: #5a930f;
    color: #5a930f;
}

.ti-color-b {
    border-bottom-color: #0068b7;
    color: #0068b7;
}

.ti-color-c {
    border-bottom-color: #f39800;
    color: #f39800;
}

.ti-color-d {
    border-bottom-color: #e60012;
    color: #e60012;
}

.ti-color-e {
    border-bottom-color: #ea68a2;
    color: #ea68a2;
}

.ti-color-f {
    border-bottom-color: #c068bf;
    color: #c068bf;
}

.ti-color-g {
    border-bottom-color: #833f17;
    color: #833f17;
}

/*結束 預算書 使用畫面*/


/*重點連結 使用畫面*/
.listph {
    margin: 0;
    padding: 30px 0 10px;
    clear: both;
}

    .listph ul {
        margin: 0 auto;
        padding: 0;
        width: 100%;
        overflow: hidden;
    }

        .listph ul li {
            list-style-type: none;
            float: left;
            margin: 0 63px 30px 0;
            text-align: center;
            vertical-align: middle;
        }

            .listph ul li img {
                width: 170px;
                height: 60px;
                padding: 5px;
                border: 1px solid #ccc;
                box-shadow: 0 0 3px #CCC;
                background-color: #fff;
            }

@media (min-width:1200px) {
    .listph ul li:nth-child(4n) {
        margin: 0 0 30px 0
    }
}

@media (min-width:992px) and (max-width:1200px) {
    .listph ul li {
        margin: 0 13px 30px 0;
    }

        .listph ul li:nth-child(4n) {
            margin: 0 0 30px 0
        }
}

@media (min-width:768px) and (max-width:991px) {
    .listph ul li {
        margin: 0 23px 30px 0;
    }

        .listph ul li:nth-child(4n) {
            margin: 0 0 30px 0
        }
}

@media (min-width:755px) and (max-width:767px) {
    .listph ul li {
        margin: 0 15px 30px 0;
    }

        .listph ul li:nth-child(4n) {
            margin: 0 0 30px 0
        }
}

@media (min-width:700px) and (max-width:754px) {
    .listph ul li {
        margin: 0 25px 30px 30px;
    }

        .listph ul li:nth-child(3n) {
            margin: 0 0 30px 30px
        }
}

@media (min-width:640px) and (max-width:699px) {
    .listph ul li {
        margin: 0 20px 30px 20px;
    }

        .listph ul li:nth-child(3n) {
            margin: 0 0 30px 20px
        }
}

@media (min-width:590px) and (max-width:639px) {
    .listph ul li {
        margin: 0 10px 30px 10px;
    }

        .listph ul li:nth-child(3n) {
            margin: 0 0 30px 10px
        }
}

@media (min-width:565px) and (max-width:589px) {
    .listph ul li {
        margin: 0 5px 30px 5px;
    }

        .listph ul li:nth-child(3n) {
            margin: 0 0 30px 5px
        }
}

@media (min-width:423px) and (max-width:564px) {
    .listph ul {
        width: 400px;
    }

        .listph ul li {
            margin: 0 55px 30px 0px;
        }

            .listph ul li:nth-child(2n) {
                margin: 0 0 30px 0px
            }
}

@media (min-width:375px) and (max-width:422px) {
    .listph ul {
        width: 350px;
    }

        .listph ul li {
            margin: 0 6px 30px 0px;
        }

            .listph ul li:nth-child(2n) {
                margin: 0 0 20px 0px
            }
}

@media (max-width:374px) {
    .listph ul {
        width: 170px;
    }

        .listph ul li {
            margin: 0 0px 20px 0px;
        }
}

/*結束 重點連結 使用畫面*/


/*顯示內容資料頁面 訊息、
------------------------------------*/
#content-body {
    width: 100%;
    float: left;
    display: inline-block;
    background-color: #f5f5f5;
    padding-top: 10px;
    padding-right: 1%;
    padding-left: 1%;
    margin-bottom: 10px;
}

    #content-body .frame-article {
        width: 100%;
        float: left;
        text-align: left;
        font-size: 100%;
        line-height: 180%;
        font-weight: normal;
        color: #333;
        text-decoration: none;
        margin-bottom: 20px;
    }

        #content-body .frame-article p {
            width: 100%;
            float: left;
            margin-bottom: 10px;
            text-align: left;
            font-size: 110%;
            line-height: 150%;
            word-wrap: break-word;
            word-break: break-all;
        }


    #content-body .frame-img {
        width: 100%;
        float: left;
        text-align: left;
        margin-top: 10px;
        margin-bottom: 10px;
        font-size: 100%;
        line-height: 180%;
        font-weight: normal;
        color: #333;
        text-decoration: none;
        text-align: center;
    }


/*產品介紹資料頁面 
------------------------------------*/

#prodlist h4 {
    font-weight: 600;
}

#prodlist p {
    font-size: 1em;
    margin-top: 5px;
}

#prodlist .price {
    font-size: 1.5em;
    margin: 0 auto;
    color: #333;
}

#prodlist .right {
    float: right;
    border-bottom: 2px solid #4B8E4B;
}

#prodlist .thumbnail {
    opacity: 0.98;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

    #prodlist .thumbnail:hover {
        opacity: 1.00;
        box-shadow: 0px 0px 10px #946f25;
    }

/*--------------------------------------------------
	[24. Box Shadows]
----------------------------------------------------*/
.shadow-wrapper {
    z-index: 1;
    position: relative;
}

/*Common Style*/
.box-shadow {
    background: #fff;
    position: relative;
}

    .box-shadow:after,
    .box-shadow:before {
        top: 80%;
        left: 5px;
        width: 50%;
        z-index: -1;
        content: "";
        bottom: 15px;
        max-width: 300px;
        background: #999;
        position: absolute;
    }

/*Effect 1*/
.shadow-effect-1 {
    box-shadow: 0 10px 6px -6px #bbb;
}

/*Effect 2,3,4*/
.shadow-effect-2 {
    position: relative;
}

    .shadow-effect-2:after,
    .shadow-effect-2:before,
    .shadow-effect-3:before,
    .shadow-effect-4:after {
        transform: rotate(-3deg);
        box-shadow: 0 15px 10px #999;
    }

    .shadow-effect-2:after,
    .shadow-effect-4:after {
        left: auto;
        right: 5px;
        transform: rotate(3deg);
    }

/*Effect 5*/
.shadow-effect-5 {
    box-shadow: 0 0 2px #ccc;
}


/*--------------------------------------------------
	[53. Tagline Boxes]
----------------------------------------------------*/
/*Tagline Boxes*/
.tag-box {
    padding: 20px;
    background: #fff;
    margin-bottom: 30px;
}

    .tag-box h2 {
        font-size: 1.25em;
        line-height: 25px;
    }

    .tag-box .tagtitle {
        font-size: 1.25em;
        line-height: 25px;
    }

    .tag-box p {
        margin-bottom: 0;
    }

    .tag-box.tag-text-space p {
        margin-bottom: 10px;
    }

/*Tagline Boxes v1*/
.tag-box-v1 {
    border: solid 1px #eee;
    border-top: solid 2px #946f25;
}

/*Tagline Boxes v2*/
.tag-box-v2 {
    background: #fafafa;
    border: solid 1px #eee;
    border-left: solid 2px #946f25;
}

/*Tagline Boxes v3*/
.tag-box-v3 {
    border: solid 2px #eee;
}

/*Tagline Boxes v4*/
.tag-box-v4 {
    border: dashed 1px #bbb;
}

/*Tagline Boxes v5*/
.tag-box-v5 {
    margin: 20px 0;
    text-align: center;
    border: dashed 1px #ccc;
}

    .tag-box-v5 span {
        color: #555;
        font-size: 1.75em;
        margin-bottom: 0;
    }

/*Tagline Boxes v6*/
.tag-box-v6 {
    background: #fafafa;
    border: solid 1px #eee;
}

/*Tagline Boxes v7*/
.tag-box-v7 {
    border: solid 1px #eee;
    border-bottom: solid 2px #946f25;
}



/* body element has the loading class */
.overlay {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 99999;
    background: rgba(255,255,255,0.8) center no-repeat;
}
/* Turn off scrollbar when body element has the loading class */
body.loading {
    overflow: hidden;
}
    /* Make spinner image visible when body element has the loading class */
    body.loading .overlay {
        display: block;
    }

.loader {
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    /*border-bottom: 16px solid blue;*/
    width: 80px;
    height: 80px;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
    position: absolute;
    left: 50%;
    top: 50%;
}