@charset "UTF-8";

body {
    margin: 0;
    padding-bottom: 20px;
    font-family: "微軟正黑體", arial;
    background-color: #ecebe9;
}

.btn-primary {
    background-color: #7EC9BF;
    border-color: #7EC9BF;
}

.btn-primary:hover {
    background-color: #77bdb4;
    border-color: #77bdb4;
}

a:link,
a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

.browserupgrade {
    margin: .2em 0;
    background: #ccc;
    color: #000;
    padding: .2em 0
}

.menu-top1 {
    background-color: #3737B1;
    color: #fff;
}

.menu-top1 a:link,
.menu-top1 a:visited {
    color: #fff;
}

.menu-top1 a:hover {
    color: #77bdb4 !important;
}

.header {
    background-color: #32a5d1;
}

.header .hd .logo {
    max-width: 100%;
    max-height: 70px;
    margin: .1em 0 .2em 0;
}

::-ms-backdrop,
.header .hd .logo {
    width: 100%;
    height: auto;
    margin-top: 1em;
    margin-bottom: 1em;
}

/*For IE 11, logo會放大的處理*/
.header .hd h1 {
    margin: 0;
    padding: 0;
    font-size: 1em;
}

.header .hd h1 a {
    display: inline-block;
}

.header #AU {
    color: #fff;
}

.header .link,
.header .link2 {
    font-size: .9em;
}

.header .link {
    text-align: right;
}

.header .link ul li a:link {
    color: #000 !important;
}

.header .link ul li a:visited {
    color: #000 !important;
}

.header .link2 a:link {
    color: #333;
}

.header .link2 a:visited {
    color: #333;
}

.header .t-link::before {
    content: '';
    border-width: 2.5rem 1.5rem 0 0;
    border-style: solid;
    border-color: transparent #89bb40 transparent transparent;
    width: 0;
    height: 0;
}

.header .top .t-link {
    position: absolute;
    top: 1rem;
    right: 0;
    z-index: 1;
    width: 39%;
    height: 2.5rem;
}

.header .top .t-link .t1 {
    background-color: #89bb40;
    height: 2.5rem;
    width: 100%;
}

.header .top .dropdown-menu {
    width: 14rem;
}

.header .top ul {
    text-align: center;
    margin-bottom: 0;
}

.header .top ul li {
    display: inline;
    padding-right: .5em;
    line-height: 2rem;
}

.header .top .form-inline {
    padding-top: 0;
    padding-bottom: 0;
}

abbr {
    font-size: 1.1em;
    font-weight: 600;
    text-decoration: none !important;
    margin-left: .1em;
    margin-right: .1em;
}

.btn-success:link,
.btn-success:visited {
    background-color: #41B588;
    border-color: #41B588;
    color: #fff;
}

.btn-primary:link,
.btn-primary:visited {
    background-color: #3737B1;
    border-color: #3737B1;
    color: #fff;
}

h2 {
    font-size: 2em;
    font-weight: 600;
}

h2 a:link,
h2 a:visited {
    font-size: .8em;
}

h2.s-tit span {
    background-color: #173790;
    display: inline-block;
    height: 100%;
    width: 5px;
    margin-right: .2rem;
}

h2.s-tit {
    color: #173790;
}

.breadcrumb {
    background-color: transparent;
}

/*消息區*/
.news a:hover {
    opacity: .9;
}

.news p {
    margin-bottom: 0;
}

.news .date {
    color: #4b439e;
}

.news .tit {
    color: #377797;
    font-weight: 600;
    margin-bottom: .5rem;
    min-height: 4.5rem;
}

.news .txt {
    color: #000;
    font-size: .9rem
}

.news .tt {}

/*特約店家*/
.store a:hover {
    opacity: .9;
}

.store p {
    margin-bottom: 0;
}

.store .tit2 {
    color: #ff4800;
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: .5rem;
}

.store .tit1 {
    font-size: .9rem;
    font-weight: 600;
    margin-bottom: .5rem;
}

.store .tit {
    color: #434343;
    font-weight: 600;
    font-size: 1.2rem;
    margin-bottom: .5rem;
    min-height: 2rem;
}

.store .txt {
    color: #434343;
    font-size: .9rem
}

.store .v_txt1 {
    color: #434343;
    font-weight: 600;
    font-size: .9rem
}

.store .v_txt2 {
    color: #ff4800;
}

.store iframe {
    width: 100%;
    max-height: 300px;
}



.main-content {
    min-height: 500px;
    background-color: #fff;
    margin-bottom: 1rem;
    padding: .5em;
}

.main-content:not(.index) {
    /*background-image:url(../images/BG-photo_0.jpg)*/
}

.main-content .wrapper {
    margin: 0 auto;
    max-width: 1170px;
    width: 100%
}

.main-content img {
    width: 100%;
    height: auto;
}

.quick-link-block {
    text-align: center;
    position: relative
}

.quick-link-block .header {
    background: none;
    display: inline-block;
    border-bottom: #b7b7b7 1px solid;
    font-weight: 700
}

.quick-link-block .header i {
    color: #c30d23;
}

.quick-link-block a:link,
.quick-link-block a:visited {
    color: #fff;
    text-decoration: none;
}

.quick-link-block .to-top {
    position: absolute;
    display: inline-block;
    top: 0;
    right: 40px;
    width: 40px;
    height: 40px;
    background-color: #37b6a6;
    vertical-align: central;
}

.privacy-policy {
    margin: 30px auto;
    max-width: 1170px;
    display: block;
    padding: 0;
    text-align: center;
    font-size: 1.1em;
}

.privacy-policy li {
    display: inline
}

.privacy-policy li:not(:last-of-type):after {
    color: #666;
    content: "|";
    padding: 0 10px
}

.privacy-policy li a {
    color: #666
}

/*footer*/
#footer {
    background-color: #173790;
    color: #fff;
    padding: 1.5rem 0 1rem 0;
    text-align: left;
}

#footer a:link,
#footer a:visited {
    color: #fff;
}

#footer .nt {
    width: 40%;
    height: auto;
}

#footer p {
    margin-bottom: .5rem;
}

#footer .logo {
    max-width: 100%;
    height: auto;
}

.footer {
    margin: 10px auto;
    max-width: 1170px;
    display: block;
    padding: 0;
    text-align: center;
    font-size: 1em;
    line-height: 20px
}

.footer img {
    height: 40px;
    margin: 0 10px 20px
}

.footer span {
    color: #0062C4;
}


a {
    text-decoration: none
}

.footer,
.header,
.marketing {
    padding-right: 0;
    padding-left: 0
}

/*分頁*/
/*
#pagenav .pg { display: inline-block; }
.pagination { font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; }
.pagination a { display: inline; }
.pagination .actpage { font-size: 1.2em; }
*/

#minvno,
#inv_no {
    text-transform: uppercase;
}

@media screen and (min-width: 1170px) {

    .jumbotron {
        border-bottom: 0
    }
}

@media (max-width: 991px) {
    .header .top .t-link {
        width: 60%;
    }
}

.news .rt {
    background-color: #f8f6f7;
}

@media (min-width: 993px) {
    .news .rt {
        padding-left: 0;
    }

    .news a:hover .rt {
        background-color: #f2f8f8;
    }

    .news .lt {
        padding-right: 0;
    }

    .news .tt {
        margin: .5rem;
    }
}

@media (max-width: 576px) {
    .header .top .dropdown {
        display: none;
    }

    .header .top .t-link .t1 {
        font-size: .9em;
    }
}