.fixed-icons {
    position: fixed;
    top: 87%;
    right: 0%;
    width: 200px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.fixed-icons a {
    text-decoration: none;
    text-transform: uppercase;
    padding: 10px;
    font-size: 16px;
    font-family: 'Oswald', sans-serif;
    margin: 2px;
    text-align: left;
    border-radius: 50px 0px 0px 50px;
    -webkit-transform: translate(140px, 0px);
    transform: translate(140px, 0px);
    -webkit-transition: all 0.5s;
    transition: all 0.5s
}

.fixed-icons a i {
    margin-right: 25px;
    background-color: white;
    height: 40px;
    width: 40px;
    color: black;
    text-align: center;
    line-height: 40px;
    border-radius: 50%
}

.fixed-icons a .fa-demail {
    color: #C80000
}

.fixed-icons a:hover {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px)
}

.fixed-icons .demail {
    background-color: #C80000;
    color: white
}

.mylink a:visited {
    color: red
}

.carousel-fade .carousel-inner .item {
    -webkit-transition-property: opacity;
    transition-property: opacity
}

.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    opacity: 0
}

.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1
}

.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.carousel-fade .carousel-control {
    z-index: 2
}

@media (max-width: 768px) {
    .carousel-indicators li {
        width: 10px
    }
    ol {
        margin-bottom: 0rem
    }
}

.regular {
    margin: 0 auto;
    width: 100%
}

.slick-slide {
    width: 30%;
    margin-right: 0.2%
}

.slick-slide a {
    text-decoration: none;
    color: black
}

.slick-prev:before,
.slick-next:before {
    color: black
}

.slick-dots {
    bottom: -25px
}

.txt-lg {
    font-size: 24px
}

@media (max-width: 568px) {
    .txt-lg {
        font-size: 18px
    }
}

.txt-md {
    font-size: 17px
}

@media (max-width: 568px) {
    .txt-md {
        font-size: 15px
    }
}

.txt-md a {
    text-decoration: none
}

.txt-sm {
    font-size: 14px
}

@media (max-width: 568px) {
    .txt-sm {
        font-size: 12px
    }
}

.txt-sm-light {
    color: #bfbfbf;
    font-size: 14px
}

@media (max-width: 568px) {
    .txt-sm-light {
        font-size: 12px
    }
}

.title-rwd {
    font-size: 26px;
    color: #5768ad
}

.item-rwd {
    font-size: 18px
}

.txt-rwd {
    font-size: 16px
}

.small-rwd {
    font-size: 13px
}

@media (min-width: 576px) {
    .title-rwd {
        font-size: 35px
    }
    .item-rwd {
        font-size: 24px
    }
    .txt-rwd {
        font-size: 22px
    }
    .small-rwd {
        font-size: 16px
    }
}

.breadcrumb {
    background: transparent
}

#-anone {
    text-decoration: none
}

.box-shadowsp {
    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.16);
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.16)
}

.-bg-coffee {
    background-color: #e69500
}

.-bg-purple {
    background-color: #5768ad
}

.-bg-lightgray-gradient {
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e8ecec))
}

.-text-golden {
    color: #B7864E
}

.-text-light-gray {
    color: #C0C0C0
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: middle;
    content: "";
    background: no-repeat center center;
    background-size: 100% 100%
}

.dropdown-menu {
    font-size: 0.85rem
}

td {
    display: table-cell;
    vertical-align: inherit;
    line-height: 1.7
}

.showxs-mb-1 {
    padding: 0px
}

@media (max-width: 576px) {
    .showxs-mb-1 {
        padding: 10px
    }
}

.bg-lighter {
    background-color: rgba(255, 255, 255, 0.35)
}

.box-shadow {
    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.16);
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.16);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275)
}

.box-shadow:hover {
    -webkit-box-shadow: 0 6px 5px rgba(255, 255, 255, 0.64);
    box-shadow: 0 6px 5px rgba(255, 255, 255, 0.64)
}

.text-indigo {
    color: #5768ad
}

.text-gold {
    color: #B7864E
}

.bg-color-indigo {
    background-color: #5768ad
}

.bg-color-red {
    background-color: #F50C3B
}

.bg-black {
    background-color: #000
}

.text-bottom-line {
    border-bottom: 1px #000 solid;
    padding-bottom: 5px
}

.jumbotroner {
    position: relative
}

.jumbotron-top-books {
    background-image: url("https://www.agon.org.tw/new/images/top-book.jpg");
    background-size: cover;
    background-position: center center;
    width: 100%
}

.jumbotron-top-about {
    background-image: url("https://www.agon.org.tw/new/images/top-about.jpg");
    max-width: 100%;
    height: auto
}

.jumbotron-top-member {
    background-image: url("https://www.agon.org.tw/new/images/bg-top.png");
    width: 100%
}

@media (min-width: 576px) {
    .jumbotron-top-member {
        height: 150px
    }
}

.bg-light-op {
    background-color: rgba(255, 255, 255, 0.45)
}

.text-block {
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: rgba(255, 255, 255, 0.45);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 0.9rem
}

.l-list {
    text-align: center;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e8ecec));
    padding: 7px 7px;
    font-size: 17px;
    cursor: pointer
}

@media (max-width: 568px) {
    .l-list {
        font-size: 14.5px
    }
}

.l-list a {
    text-decoration: none;
    color: black
}

#panel1,
#panel2,
#panel3,
#panel4,
#panel5,
#panel6,
#panel7,
#panel8 {
    text-align: center;
    padding: 20px;
    display: none;
    line-height: 0.8
}

.member-area {
    max-width: 700px
}

.member-area h4 {
    color: #545147;
    text-transform: uppercase;
    margin: 0
}

.member-area hr {
    margin-bottom: 14px;
    border: 1px solid #eaeaea
}

.member-area .border-card {
    background: #fff;
    margin-bottom: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: "Roboto";
    font-size: 14px;
    padding: 12px 16px;
    cursor: pointer;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease
}

.member-area .content-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease
}

.member-area .card-type-icon {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 16px;
    font-weight: 400;
    color: #ffffff;
    width: 40px;
    height: 20px;
    text-align: center;
    font-size: 12px;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease
}

.member-area .card-type-icon.with-border-media {
    color: #ffffff;
    border: 1px solid #eaeaea;
    background-color: #88605b
}

.member-area .card-type-icon.with-border-event {
    color: #ffffff;
    border: 1px solid #eaeaea;
    background-color: #4c5847
}

.member-area .card-type-icon.with-border-news {
    color: #ffffff;
    border: 1px solid #eaeaea;
    background-color: #d35858
}

.member-area .card-type-icon i {
    line-height: 40px
}

.member-area .label-group {
    white-space: nowrap;
    overflow: hidden
}

.member-area .label-group.fixed {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.member-area .label-group p {
    margin: 0px;
    line-height: 18px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.member-area .label-group p.title {
    color: #323232;
    font-weight: 500
}

.member-area .label-group p.title.cta {
    text-transform: uppercase
}

.member-area .label-group p.caption {
    font-weight: 400;
    color: #aeaeae
}

.post-title {
    color: #B7864E;
    font-size: 1rem;
    border-bottom: 1px solid #B7864E;
    padding: 0 0 8px;
    margin: 0 0 16px
}

.post-article {
    font-size: 0.7rem;
    color: #545147;
    line-height: 150%
}

.post-article-lg {
    font-size: 0.9rem;
    color: #545147;
    line-height: 200%
}

.member-calendar {
    max-width: 700px
}


/*廣告視窗*/

.modal-window {
    position: fixed;
    /* background-color: rgba(255, 255, 255, 0.25); */
    background-color: rgba(255, 255, 255, 0.5);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s;
}

.modal-window:target {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
}

.modal-window>div {
    width: 480px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 2em;
    background: white;
    box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.3);
    line-height: 1.7em;
}

@media only screen and (max-width: 450px) {
    .modal-window>div {
        width: 80%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        padding: 2em;
        background: white;
        line-height: 1.5em;
        font-size: 15px;
    }
}

.modal-window header {
    font-weight: bold;
}

.modal-window h1 {
    font-size: 150%;
    margin: 0 0 15px;
}

.modal-close {
    color: #aaa;
    line-height: 50px;
    font-size: 80%;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 70px;
    text-decoration: none;
}

.modal-close:hover {
    color: black;
}

.modal-window>div {
    border-radius: 1rem;
}

.modal-window div:not(:last-of-type) {
    margin-bottom: 15px;
}


/*# sourceMappingURL=all.min.css.map */