.elementor-2228 .elementor-element.elementor-element-656f2e9{margin-top:60px;margin-bottom:20px;}.elementor-2228 .elementor-element.elementor-element-dffc767 > .elementor-element-populated{margin:30px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-2228 .elementor-element.elementor-element-d191544{text-align:left;}.elementor-2228 .elementor-element.elementor-element-d191544 img{width:25%;}.elementor-2228 .elementor-element.elementor-element-d191544 > .elementor-widget-container{margin:20px 0px 20px 0px;}.elementor-2228 .elementor-element.elementor-element-f3df95a{margin-top:30px;margin-bottom:60px;}.elementor-2228 .elementor-element.elementor-element-dc28088.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-2228 .elementor-element.elementor-element-dc28088 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}@media(max-width:1024px){.elementor-2228 .elementor-element.elementor-element-656f2e9{margin-top:30px;margin-bottom:20px;}.elementor-2228 .elementor-element.elementor-element-dffc767 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-2228 .elementor-element.elementor-element-d191544 img{width:45%;}.elementor-2228 .elementor-element.elementor-element-f3df95a{margin-top:10px;margin-bottom:30px;}}@media(max-width:767px){.elementor-2228 .elementor-element.elementor-element-d191544 img{width:85%;}}/* Start custom CSS */#textdecoration h2::before{
    content: "";
    width: 25%;
    height: 3px;
    background: #a57d23;
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
}
#textdecoration h2::after{
    content: "";
    width: 25%;
    height: 3px;
    background: #a57d23;
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
}

p{
    margin: 0;
}


.book3 ._df_book-cover{
    overflow: visible;
}

.book3 ._df_thumb ._df_book-title{
    bottom: -40px;
    background: rgba(60,60,60,00);
    opacity: 1;
    color: #000;
    font-family: Noto Sans TC;
    font-size: 20px;
    
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
@media(max-width:768px){
    .book3 ._df_thumb ._df_book-title{
    font-size: 18px!important;}
}


.book3 ._df_thumb{
    margin: 10px 10px 60px;
}
.dflip-books{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

/* 外層 */
._df_thumb{
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 45%;
}
/* 內層 */
._df_book-cover{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: 100% 100% !important; 
}

.book3 ._df_thumb {
    width: 33.33%;
    width: calc(33.33% - 20px); 
}


/*book flipnone*/
._df_thumb:hover ._df_book-cover{
    -webkit-transform:none;
    transform:none;
    box-shadow: none;
}
._df_book-cover{
     box-shadow: none;
}

/*book inner*/
.df-outline-container.df-sidemenu.df-sidemenu-visible{
    display: none;
}
.df-ui-btn.df-ui-outline.ti-menu-alt.df-active,.ti-zoom-in, .ti-zoom-out,.ti-fullscreen, .ti-sharethis, .ti-file, .df-ui-start, .df-ui-end, .df-ui-sound{
    display: none;
}

.df-container.df-floating.df-controls-bottom{
    background-color:#fff !important;
}

.df-container>.df-ui-next, .df-container>.df-ui-prev{
    color: #A57D23;

}
.df-lightbox-close:before{
     color: #D9421A;
}
.df-lightbox-close:hover{
        color: #fff;
    background-color: transparent;
    border-color: #fff;
}
@media(max-width:680px){
    .book3 ._df_thumb {
    width: calc(50% - 20px); }
 ._df_thumb{
    padding-bottom: 67%;
 }
}

.df-ui-page label{
    color: #000;
}/* End custom CSS */