body{
    font-family:'Century Gothic','Arial',"微軟正黑體","Microsoft JhengHei",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-size:16px;
    letter-spacing: .5px;
    color: #333333;
    background-color:#f5ebdc;
    direction: ltr !important;
}
::selection {
    color: #ffffff;
    background: #fc7f3d;
    cursor: default;
}
h3.list-title,.input-label{
    margin-top: 6px;
    display: block;
    font-size: 16px;
    line-height: 1.4;
    font-weight: bold;
    direction: ltr;
}

.h-2db{
    height:44px;
    overflow: hidden;
}

h3.list-title{
    color: #352e28;
    -webkit-transition: all 0.3s;
    text-align:left;
    direction: ltr;
}

h3.list-title:hover{
    color: #fc7f3d;
    text-decoration: underline;
    direction: ltr;
}
.author,.publication-date{
    margin-top: 3px;
    font-size: 16px;
    line-height: 15px;
    color: #9c9890;
    display: block;
}
.publication-date{
    font-size: 16px;
    line-height: 20px;
    text-align:left;
}
.author a{
    margin-bottom: 5px;
}
.author a:hover{
    color: #de5728;
}
.description p{
    font-size: 14px;
    margin: 0 0 10px;
    color: #352e28;
    text-align: left;
    height: 72px;
    
}
.inside h1.title{
    font-size: 30px;
    line-height: 1.1;
    color: #352e28;
    margin: 0;
    margin-bottom: 10px;
    font-weight: normal;
}
.inside .article-content,.article p, .article_info p,.table_info td, .table_info th{
    line-height: 1.8;

    font-size: 17px;
    color: #373737;
}

.inside .article-content img{
    max-width:100%;
}

.inside{
    background-color:#ffffff;
}
.inside.article_detail{

    background-color:#faf7f2;
}
.inside.article_detail .article_information_style3 .item,.inside.article_detail .article_information_style2 .item{
    padding-top:0px;
}
.inside.article_detail .breadcrumb{
    background-color:inherit;
}


.inside.article_detail article .card-img{
    padding:5px;
    margin:0px;
}
.inside.article_detail article .book-cover{
    
    padding:0px;
    max-width:300px;
}
.inside .article_information_style1 .item{
    padding:5px;
    background-color:inherit;
}

.inside .article_information_style1 .item .img-box{
    justify-content: center;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin-bottom: 10px;
    display: flex;
    flex-direction: center;
    align-items: center;
}

.inside .article_information_style1 .item .img-box .card-img-top.caritp{
    height:auto;
    width:130%;
}

.inside .article_information_style1 .item .card-footer{
    padding:5px;
    text-align:left !important;
}
.inside .article_information_style1 .item ul,.inside.article_detail .article-title ul{
    list-style-type:none;
    display:inline-block;
    padding-left:0px;
    height: 25px;
    overflow: hidden;
}
.inside.article_detail .article-title ul{
    height:auto;
    margin:10px 0;
    font-size:12px;
}
.inside .article_information_style1 .item h4{
    height:50px;
    overflow: hidden;
}
.tags-tag {
    display: block;
    position: relative;
    padding: 0 0 3px;
    line-height: 1.2;
}
.tags-text, .tags-text--large {
    color: #666;
    transition: color .2s ease-out;
    position: relative;
    z-index: 1;
}

.inside .article_information_style1 .item ul.tags li,.inside.article_detail .article-title ul.tags li{
    float: left;
    padding: 3px 10px 3px 0;
    line-height: 1;
}
a{
    color:#2e2e2e;
}
a:hover, a h4:hover{
    color:#e85400;
}

.active_w{
    background-color:#faf7f2 !important;
}
.gb-w{
    background-color:#ffffff;
}
.inside.article_detail .article_information_style1 .item{
    padding:0px;
    background-color:#ffffff;
}
.article_information_style1 .item{
    border: 0px solid #d5d5d5;
    padding: 0px;
    background-color:#ffffff;
    border-radius: 15px;
    overflow: hidden;
}
.article_information_style1 .item .img-box{
    max-height:233px;
    display:block;
    overflow: hidden;
    align-items: center;
}

.article_information_style1 .item .img-box img{
    height:auto;
    width:100%;
    
}


.nav .nav-link{
    color: #4a4a4a;
}

.item .detail{
    padding:15px;
    text-align:left;
    max-width: 235px;
    margin: 0 auto;
}

.bgk-ef{
    background-color: #efefef;
}

.spothot{
    border: 1px solid #f3f3f3;
    border-radius: 10px;
    padding: 0px;
}
.spothot .readmore{
    font-size:.6rem;
    background-color:#804d04;
    color:#ffffff;
    padding:0 3px;
}
.owl-prev ,.owl-next{
    position: absolute;
    top: 40%;
    background-color: rgba(255, 255, 255, 0.73) !important;
    padding: 10px !important;
    width: 40px;
    height: 60px;
    border-radius: 0 !important;
    margin: 0 !important;
    font-size:22px !important;
}
.owl-prev {
    right: 0px;
}

.owl-next {
    left: 0px;
}

#carouselCaptions{
    margin: 20px;
    border: 5px solid #804d04;
}
.nav:not(.nav-pills) .nav-link.active,.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus,.footer-box .nav a:hover{
    color:#e85400 !important;
    text-decoration: none;
}
.navbar-brand img{
    max-width:218px;
    padding: 10px;
    margin:5px;
}

.header-nav{
    border-top:3px solid #804d04;
    background-color:#ffffff;
    border-bottom: 1px solid #e6e6e696;
    padding: .5rem 1rem;
}
.dropdown-toggle::after {
    content: "";
}
.navbar-brand, .navbar-brand > img,.navbar-expand-lg .navbar-brand, .navbar-expand-lg .navbar-brand > img{
    width:auto;
}
.header-nav .nav-item{
    color:#804d04;
    padding:0 20px;
    position: relative;
    
}
.header-nav .nav-item i{
    font-size:30px;
    color:#707070;
    margin:0 auto;
}
.header-nav .nav-item .box-border{
    position: absolute;
    border-right: 1px solid #e7e7e7;
    right: 0;
    height: 70%;
    width: 1px;
    top: 15px;
}
.header-nav .nav-item .nav-link{
    text-align:center;
}
.header-nav .nav-item .nav-name-tw{
    display:block;
    font-size:14px;
    width:100%;
    text-align:center;
}

.header-nav .nav-item .nav-name-en{
    font-size:10px;
    width:100%;
    text-align:center;
    display:block;
    line-height:10px;
    color:#484848;
}
.carousel-inner{
    height: auto;
}
.carousel-fade .carousel-item{
    height: auto;
}
.carousel-caption{
    bottom:0px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.carousel-indicators{
    margin-bottom: 0.1rem;
}
.carousel-control-next-icon, .carousel-control-prev-icon{
    background-image: none;
    color:#272727b7;
    font-size:44px;
}
.hero-banner .caption-custom p{
    margin-bottom: 0rem;
}
.hero-banner .caption-custom p a,.hero-banner .caption-custom p a:hover{
    color:#ffffff;
    text-decoration: none;
}
.header-nav .nav-item.active i,.header-nav .nav-item:hover i{
    color:#e85400;
    transition: 0.3s;
}
.header-nav .nav-item.active .nav-name-en,.header-nav .nav-item:hover .nav-name-en{
    color:#804d04;
    transition: 0.3s;
}
.nav-search{
    background-color:#f5f5f5;
    border-radius: 50px;
    border:1px solid #ececec;
    height: 30px;
    max-width:150px;
}

.nav-search:focus{
    border:1px solid #ececec;
}
.navbar-light .navbar-nav .nav-link{
    color:#83786c;
}
.nav-right{
    padding-top:10px;
}
.nav-search-btn{
    background-color:#666666;
    color:#ffffff;
    border-radius: 50px;
    border:0px;
    padding:5px;
    line-height:10px;
    height: 30px;
    width:30px;
}
.nav-search-btn:hover{
    background-color:#e85400;
}
.search-right-icon {
    color: #666666;
    background-color: #f5f5f5;
    border: 1px solid #ececec;
    border-radius: 50px;
    font-size: 17px;
    width: 30px;
    /* padding: 6px; */
    line-height: 10px;
    display: flex;
    float: right;
    margin-top: 5px;
    margin-left: 8px;
    height: 30px;
    align-items: center;
    justify-content: center;
    }
.navbar-toggler{
    padding: .25rem .25rem;
    border-radius: 0;
}
.navbar-light .navbar-toggler{
    background-color: #f5f5f5;
    border:0px;
    color:#ffffff;
}

.hero-banner .caption-custom{
    background-color:#272727b7;
    left:0;
    right:0;
}

.news-carousel .item .activity-img{
    border:0px solid #f5f5f5;
}
.news-carousel .item .activity-detail,.news-carousel .item .activity-img{

    margin: 0 auto;
}
.activity-detail{
    margin: 0 15px !important;
    padding:10px;
}

.owl-carousel .item span{
    font-size:14px;
}

.article_subject{
    text-align:center;
    padding-top:20px;
    padding-bottom: 20px;
    color:#2d2d2d;
    position: relative; 
}

.article_subject h5{
    margin-bottom: 0rem;
}

.article_subject>i{
    font-size: 15px;
    padding: 4px 4px;
    width: 25px;
    height: 25px;
    border: 1px solid #804d04;
    border-radius: 50px;
    background-color: #804d04;
    color: #ffffff;
    margin-bottom: 5px;
}
.article_more_box.hover{
    border:2px solid #ffffff;
    color:#ffffff;
    background-color: #804d04;
    text-decoration:none;
    transition: 0.3s;
}
.article_more_box i.hover{
    color:#ffffff;
    
    transition: 0.3s;
}
.article_more_box{
    position: absolute;
    right:10px;
    bottom: 10px;
    border:2px solid #804d04;
    font-size:10px;
    color:#804d04;
    border-radius: 50px;
    padding:2px 5px;
    bottom:22px;
    transition: 0.3s;
}
.article_more_box i{
    font-size:10px;
    padding:0;
    color:#804d04;
    border:0px;
    margin-bottom: 0px;
    margin-right:3px;
    background-color:inherit;

}
.magazine-box,.activity-box{
    background-color: #fffaf2;
    padding:10px;
    padding-bottom: 20px;
}
.magazine-box{
    padding-bottom:3px;
}

.book-img{
    position: relative;
    margin: 0 0 0px 0;
    padding: 0;
    width: 100%;
    height:330px;
    font-size: 0;
    text-align: center;
    overflow:hidden;
    display: flex;
    flex-direction:center;
    align-items:center;
    overflow: hidden;
    background-color:#ffffff;
    border:1px solid #f2f2f2;
    border-radius: 5px;
}

.book-img img{
    width:auto;
    margin: 0 auto;
}
.activity-box .item{
    border: 2px solid #825A32;
    padding: 10px 10px 10px 10px;
    background-color: #ffffff;
    overflow:hidden;
    border-radius: 15px;
}
.activity-box .act-img{
    width:190px;
    height:120px;
    display:flex;
    border-radius: 10px;
    align-items:center;
    float:left;
    padding:0px;
    overflow:hidden;
    position: relative;
    margin-right: 8px;
}
.activity-box .act-img img{
    
    height:100%;

    left:0;
}

.ad-box{
    margin-top: 20px;
}

.ad-carousel{
    
    padding-top:0px;
}
.owl-carousel{
    padding-bottom: 20px;
}
.owl-theme .owl-nav.disabled+.owl-dots{
    margin-top: 20px;
    margin-bottom: 20px;
}

.page-link:hover {
    z-index: 2;
    color: #e85400;;
    text-decoration: none;
    background-color: #fde7df;
    border-color: rgba(55, 125, 255, 0.1);
}
.gotop-box{
    background-color:#ffffff;
    color:#6f6f6f;
    font-size:10px;
    text-align:center;
    padding:5px 0 10px 0;
}
.gotop-box i{
    font-size:40px;
    padding:0px;
}
.gotop-box div{
    line-height:12px;
    margin-top: -8px;
}

.gotop-box a{
 
    text-decoration: none;
}

.footer-box{
    padding:30px 0;
    background-color:#f6f6f6;
    text-align:center;
}
.footer-box .nav-item{
    
}
.footer-box .nav{
    font-size:12px;
    color:#804d04;
    flex-direction: column;

}
.footer-box .nav a{
    font-size:15px;
    line-height:28px;
    color:#333333;
    padding-top:5px;
    padding-bottom: 5px;
    
}
hr{
    border:0.5px solid #f0f0f0;
    margin:30px auto;
}
.footer-nav-btn{
    border:1px solid #c5ae8e;
    width:100% !important;
    text-align:center;
    color:#804d04;
    background-color:#ffffff;
    display:none;
    margin: 0 auto;
    padding: .5rem 1rem;
}
.footer-nav-btn:focus{
    color:#804d04;
}
.footer-logo{
    max-height:58px;
    margin-bottom: 30px;
    margin-left:0px;
    margin-right:10px;

}
.copyright-info{
    font-size:15px;
    color:#333333;
    display:flex;
}
.copyright-info i{
    margin-right:3px;
}

.breadcrumb{

    width:100%;
    display:block;
    color:#8b8986;
    text-align:right;
    background-color:#faf7f2;
    font-size:12px;
    padding:5px 10px;
    margin-bottom: 15px;

}
.breadcrumb a{
    color:#804c04;
}
.breadcrumb i{
    color:#804c04;
    margin-right:3px;
}

.breadcrumb ul,.breadcrumb ul li{
    list-style-type:none;
    display:inline-block;
    margin-bottom: 0px;
}

.breadcrumb ul li:not(:last-child):after{
    margin-left: 0.25em;
    font-size: .8em;
    color:#333;
    vertical-align: center;
    font-family: "Font Awesome 5 Free";
    content: "﹥";
    padding: 0 3px;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
}
.btn-prepage{
    background-color: #e85400;
    color: #ffffff;
    border: 0px;
}
.btn-prepage:hover{
    background-color: #d4cbbe !important;
    color: #ffffff;
}
.block_title{
    margin:0 auto;
    border-radius: 50px;
    border:2px solid #ff9000;
    text-align:center;
    padding:5px 40px;
    width:fit-content;
    color:#ff9000;
    margin-top:40px;
}
.block_title h5{
    margin-bottom: 0px;
}
.block_title .title_en{
    font-size:12px;
    display:block;
    text-align:center;
    width:100%;
}
.category-tag{
   
    text-align:center;
    

}
.category-tag a{
    background-color:inherit;
     font-size:16px !important;
}
.category-tag a.active{
    background-color:#d4cbbe !important;
}
.article_box{
    margin:20px auto;
    padding-bottom: 30px;
}
.article_item{
    padding:10px;
}
.article_item .media_icon{
    width:10%;
    float:left;
    padding-right:20px;

}
.article_item .article_text{
    width:80%;
    float:left;
}

.article_item .article_text .title{
    color:#ff9000;
    font-size:24px;
    line-height:40px;
}
.article_item .article_text .description{
    font-size:16px;
    line-height:24px;
    color:#2e2e2e;
    margin-top:10px;
    
}
.article_text .description .row{
    margin-bottom: 30px;
}
.article_text .description p.text-body{
 margin-bottom: 0px;
 text-align:justify;
}
.about-book{
    margin-top:30px;
}

.card-frame {
    border: 0.0625rem solid #e7eaf3 !important;
    box-shadow: none;
    transition: 0.3s;
    display:block;
}
.card-frame:hover {
    border-color: #e85400 !important;
}
.imb_box{
    background-color:#f5f5f5;
    padding-top:50px !important;
    padding-bottom:50px !important;
}

.imb_box .container p{
    color:#ff9000;
}

.imb_box .imb_img{
    width:90%;
    margin:0 auto;
    max-width:847px;
}
.fc_or{
    color:#ff9000 !important;
}
.bt_box{
    padding:30px 0px;
}
.bt_box .bt_img{
    max-width:927px;
    margin:0 auto;
}
.right-0{
    right:0px;
}
.bottom-0{
    bottom:0px;
}
.left-0{
    left:0px;
}
figure {
    margin-bottom: 0;
}

.btn-soft-secondary {
    color: #804d04;
    background-color:#f5f5f5;
    border-color: transparent;
}
.btn-soft-secondary:hover{
    color: #ffffff;
    background-color: #804d04;
}
.btn-pill {
    border-radius: 6.1875rem;
}
.btn-xs {
    font-size: 0.75rem;
    font-weight: 400;
    padding: 0.275rem 0.75rem;
}
.btn-outline-primary{
    color:#e85400;
}
.btn-outline-primary:hover{
    background-color:#e85400;
}
.btn-outline-primary:focus{
    background-color:#e85400;
}
.advantage_box{
    padding-bottom: 60px;
}
.advantage_box .card{
    width:100%;
    border-width: 0;
    box-shadow: 0px 12px 15px rgba(140, 152, 164, 0.1);
}

.article_info , .article_r_side{

    
    padding:30px 20px;
}


.icon-square{
    
    font-size:43px;
    line-height: 33px;
    margin-bottom: 20px;

    padding-bottom: 10px;

}
.icon-square .fa-link{
    font-size:34px;
}
.icon-square .fa-facebook-square{
    color:#3b5998;
}
.icon-square .fa-line{
    color:#00b900;
}

.article-time{
    color: #a6a6a6;
    font-size: 16px;
    line-height: 33px;
}
.article-time i{
    margin-right: 5px;
}
.article-img{
    padding:20px 0;
}

.article-content{
    font-size:16px;
    line-height:33px;
    color:#2e2e2e;
    padding:20px 0;
}

.article-btn{
    text-align:center;
}
.card-time{
    color:#e85400;
    font-size:11px;
}
.card{
    border:0px;
    margin-bottom: 30px;
    overflow:hidden;
}
.card-title{
    line-height:24px;
}
.h-380rem {
    height: 23.75rem;
}
.transition-3d-hover {
    transition: all 0.2s ease-in-out;
}
.rounded-pseudo {
    border-radius: 0.3125rem;
}
.mt-auto, .my-auto {
    margin-top: auto !important;
}
.shadow-none{
    box-shadow: none !important;
}
.border {
    border: 0.0625rem solid #e7eaf3 !important;
}
.card-img-top.caritp, .card-img-bottom {
    min-height: 1px;
}
.card-img-top.caritp{
    width: 200px;
    height: 277px;
    display: block;
    object-fit: contain;
    margin: 0 auto;
}
.card-img, .card-img-top.caritp {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    margin-bottom:10px;
}
.card-img, .card-img-top.caritp, .card-img-bottom {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
}
.card-footer:last-child {
    border-radius: 0 0 0.25rem 0.25rem;
}
.text-center {
    text-align: center !important;
}
.pb-4, .py-4 {
    padding-bottom: 1.5rem !important;
}
.pt-4, .py-4 {
    padding-top: 1.5rem !important;
}
.card-footer {
    padding: 0rem 2rem 2rem;
    background-color: #fff;
    border-top: 0rem solid #e7eaf3;
}
.mb-1, .my-1 {
    margin-bottom: 0.25rem !important;
}
h2 {
    color: #ffffff;
}
h3, .h3 {
    font-size: 1.3125rem;
}
.about .container p,.about .article_item .article_text .description,.text-body,.about .container ul li,.about .container ol li{
    font-size:15px;
    color:#333333 !important;
    line-height: 2rem;
    text-align:justify;
}

.card-footer h6{
    
    padding: 6px 0px 0px 0px;
    line-height: 24px;
    display: block;
    clear: both;
    height: 50px;
    color:#804c04;
    overflow: hidden;
    font-size: 16px;
    font-weight: normal;
    text-align:left;

}
.about-book .col-auto{
    text-align:justify;
    width:100%;

}
.about .card-img-top{
    max-width:200px;
    margin:0 auto;
}
.about .text-cap{
    text-align:center;
}
.card-footer span{
    font-size:14px;
}
.article-title,.article-title h2{
    color:#2e2e2e !important;
}
.font-size-1 {
    font-size: 0.875rem;
}
.article p,.article_info p{
    margin:.5rem auto !important;
}
.article_info ul li{
    margin:0 !important;
    line-height: 2rem;
    

}
.transition-3d-hover {
    transition: all 0.2s ease-in-out;
}
.btn-pill {
    border-radius: 6.1875rem;
}
.pl-5, .px-5 {
    padding-left: 2rem !important;
}
.pr-5, .px-5 {
    padding-right: 2rem !important;
}
.howtobuy{
    color: #ffffff;
    background-color: #e85400;
    border-color: #e85400;
}
.howtobuy:hover{
    color: #e85400;
    background-color: #ffffff;
    border-color: #e85400;
}
.article_info .nav:not(.nav-pills) .nav-link.active,.article_info .navbar-light .navbar-nav .nav-link:hover,.article_info .navbar-light .navbar-nav .nav-link:focus,.article_info .footer-box .nav a:hover {
    color: #ffffff !important;
    text-decoration: none;
    background-color: #e85400;
    }

.article_info .nav-tabs{
    border-bottom: 0.0625rem solid #e85400;
}
.article_info .nav-tabs .nav-link.active,.article_info  .nav-tabs .nav-item.show .nav-link {
    color: #677788;
    background-color: #fff;
    border-color: #e85400 #e85400 #e85400;
    }
.btn-sm, .btn-group-sm > .btn {
    padding: 0.625rem 1.125rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.25rem;
}
.btn-outline-primary {
    color: #377dff;
    border-color: #377dff;
}
.book-list,.book-list .container{
    padding:0px;
    margin-top:30px;
}
.container-fluid.ad-box .container,.container-fluid.ad-box{
    padding:0;
}
.tab-pane {
    padding:20px;
}

.nav .nav-link:hover{
    color:#e85400 !important;
}
.article_r_side.book_display .card-body{
    
}
.card-title{
    font-weight: 400;
}
.cbp{
    height:auto;
}
.cbp-ready .cbp-wrapper{
    position:relative;
}
.cbp-ready .cbp-item{
    position:inherit;
}
.about-book .text-body{
    font-weight:700;
    color:#333333 !important;
}

.article_item figure i{
    font-size:45px;
    color:#ff9000;
}

.page-item .page-link{
   
}

.page-item.disabled .page-link{
    color:#83786c;
}
.article-content p{
    margin:30px 0 !important;
}

.article_info .article-img .picture_thump{
    list-style-type: none;
    display:flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    padding:0px;
    
}

.article_info .article-img .picture_thump li{
    list-style-type:none;
    float:left;
    max-width:220px;
    height:130px;
    overflow:hidden;
    padding:5px;
}

.article_info .article-img .picture_thump li img{
    width:100%;

}

.copyright{
    font-size:.8rem;
    background-color:#804d04;
    color:#ffffff;
    padding: 0 20px;
}
.copyright-item i{
    color:#804d04;
    width: 20px;
    margin:0 auto;
}
.footer-left-icon{
    font-size: 18px;
    margin-right: 8px;
    float: left;
    border: 1px solid #6f6f6f;
    border-radius: 50px;
    padding: 5px;
    line-height: 20px;
    text-align: center;
}
.footer-left-icon i{
    color: #6f6f6f;
}
.partner-logo{
    height:120px;
    overflow: hidden;
    position: relative;
    padding-bottom: 30px;
    
}
.partner-logo-fit{
    height:fit-content;
    
}
.readmore-btn{
    display:inline-block;
    width:90%;
    padding:5px;
    margin-top:30px;
    position: absolute;
    bottom:0px;
    text-align:center;
    background-color:#ffffff;
    border:1px solid #ff9000;
    line-height:24px;
    border-radius: 5px;
    opacity:0.7;
    color:#ff9000;
}

.partner_box img{
    margin: 5px;
    width: auto;
    height: 70px;
}
.partner_box img:hover{
    opacity:1;
    -webkit-filter:grayscale(0);
    transition:opacity .2s ease-out,-webkit-filter .2s ease-out;
}
.classtag{
    font-size:15px;
    color: #de5728; !important;
    font-weight: 400;
    line-height:25px;
}
.list_box .title{
    font-size:1.2rem;
}
.list_box .description{
    font-size:15px;
}


.img-fluid{
    width:100%;
}

.table_info th{
    width:90px;
    vertical-align:text-top;
}
.table_info td,.table_info th{
    padding-top:5px;
}
.bd-callout-policy {
    border-left-color: #f0ad4e;
}

.bd-callout {
    padding: 1.25rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    border: 1px solid #eee;
    border-left-width: .25rem;
    border-radius: .25rem;
}
.btn-group-segment .btn:hover{
    color:#804d04;
}
.action-button-wrapper{
    display:block;
    background-color:#ffffff;
    padding:10px;
    border:1px solid #ec2f29;
    border-radius: 5px;
    border-bottom:5px solid #ec2f29;
    font-size:17px !important;
    font-family:Verdana, Geneva, Tahoma, sans-serif;
}

.ad-img-box{
    border:1px solid #ededed;
    border-radius: 5px;
    width:fit-content;
    display:block;
    margin:0 auto;
    max-width:220px;
}
.act-detail{
    float:left;
    display: contents;
}
.dropdown-menu[x-placement^="top"]{
    right: inherit;
    margin:0 auto;
}

.partner-logo .logo-icon{
    height:180px;
    width:180px;
    display:flex;
    justify-content: center;
    align-items: center;
    border:5px solid #33333308;
}
.partner-logo .logo-icon img{
    width:90%;
    height:auto;
}
.cover-s{
    max-height:290px;
}

.mw-250{
    max-width:265px;
}
.book-cover{
    border: 1px solid #e9e9e9;
    border-radius: 5px;
}
.active_box .item{
    padding:0 20px !important;
    width:50%;
    max-width:580px;
    min-width:300px;

}
.active_box .item .card{
    border: 5px solid rgba(200, 166, 80, 0.5);
    border-radius: 20px;
}
.active_box .item .card .book-img{
    height: 352px;
}

.news-list-img{
    padding:0px;
    margin:5px;
    border-radius: 5px;
    border: 1px solid #e4e3e3;
    overflow: hidden;
}

.news-list-img img{
    overflow: hidden;

}

.article-title .classtag{
    line-height: 50px;
}
.article-title .subtitle{
    font-weight: 400;
    color: #171717;
    line-height: 1.7;
    letter-spacing: .2px;
}
.author{
    font-size: 16px;
    color: #a6a6a6;
    margin-bottom: 0;
    line-height: 20px;
    letter-spacing: .2px;
}

.cus-carousel .owl-item img,.book-img img{
    width:100%;
    height:auto;

}

.mt-sm-3, .my-sm-3{
    margin-top:0px !important;
}

.active_box .list-title,.news_box .list-title{
    text-align:left;
    direction: ltr;
}
.side-r{
    max-width:273px;
    margin:0 auto;
}

.side-r .book-img img{
    max-width:100%;
}

.activity-detail a{
    display:block;
}

.ac-text .description{
    font-size:14px;
    height:65px;
    overflow: hidden;
}
.ac-text .list-title{
    height:44px;
    overflow: hidden;
    direction: ltr;
}
.page-item.active .page-link{
    background-color: #ff6b06 !important;
}

.tab-content .tab-pane img{
    width:100%;
}

nav.pagesr{
    width:100%;
    margin-top:30px;
}
.gsc-control-cse{
    max-width:250px;
    width:250px;
}
.gcse-search{
    width:100%;
}
.gsc-input-box{
    border: 0px solid #dfe1e5 !important;
    background-color:inherit !important;
    border-radius: 50px;
}
.gsc-input{
    background-color: #f5f5f5;
    border-radius: 50px;
    border: 0px solid #ececec;
    height: 30px;
    max-width: 150px;
}

.gsc-input .gsc-input{
    background-color:inherit;
    border-radius: 50px;
    margin:0 auto;
}

.inside .article-content img.fancybox-thumb{
    height:inherit !important;
}



.gsc-search-button-v2 {
    background-color: #666666 !important;
    color: #ffffff !important;
    border-radius: 50px !important;
    border: 0px !important;
    padding: 5px !important;
    line-height: 10px !important;
    height: 30px !important;
    width: 30px !important;
    }

.news_box .container{
    max-width:900px;
}

@media (min-width:1200px) {
    .container { max-width: 1200px; } 
}
@media (max-width:1366px) {
    
    .header-nav .nav-item{
        padding: 0 10px;
    }
    .nav-search{
        max-width:130px;
    }
    .navbar-brand img{
        max-width:180px;
    }
}
@media (max-width:991.98px) {
    .header-nav .nav-item i{

    }
    .nav-link{
        display: block;
        width: fit-content;
        margin: 0 auto;

    }
    .header-nav .nav-item{
        margin-top:30px;
    }
    .header-nav .nav-item i{
        float: left;
        width: 70px;
        text-align: center;
    }
    .header-nav .nav-item .nav-name-tw{
        float: left;
        width: 70px;
        text-align:left;
        line-height:24px;
        
    }
    .header-nav .nav-item .nav-name-en{
        float: left;
        width: 100px;
        text-align:left;
        line-height:24px;
    }
    .header-nav .nav-item .box-border {
        position: absolute;
        border-bottom: 1px dotted #e7e7e7;
        border-right: 3px solid #e7e7e7;
        right: 0;
        left: 0px;
        height: 1px;
        width: 90%;
        top: -18px;
        bottom: 0px;
        margin: 0 auto;
    }
    .nav-right{
        padding-top:30px;
    }
    .nav-right .form-inline{
        float:right;
    }

}
@media (max-width:767px) {
    .footer-box .nav a{
        line-height:24px;
    }
    .footer-nav{
        width:90%;
        border:0px;
        border-radius: 0;
        padding-top:0;
        padding-bottom: 0;
    }
    .footer-box .nav-item{
        border-right: 1px solid #f7e6d0;
    }
    .footer-nav li{
        border: 1px solid #f7e6d0;
        
        border-bottom: 0;
        font-size:12px;
        color:#c29555;
    }
    .footer-nav li a{
        color:#804c04;
    }
    .footer-nav-btn{
        display:block;
    }
    .activity-box .act-img{
        width:100%;
        height:200px;
        align-items:flex-start;
        margin-bottom: 10px;

    }
    #carouselCaptions{
        margin:0px;
    }
    .category-tag a{
        font-size:13px !important;
    }
    .gsc-control-cse{
        max-width:100% !important;
        width:100%;
    }

}
@media (max-width:495px) {
    .gotop-box i {
        font-size: 20px;
        padding: 0px;
    }
    .activity-box .act-detail p{
        font-size: 13px;
    }
    .article_item .media_icon{
       display:none;
    }
    .article_item .article_text{
        width:100%;
    }
    .partner-logo .logo-icon{
        width:150px;
        height:150px;

    }
    .breadcrumb{
        margin-bottom:20px;
    }
    .spothot{
        border:0px;
    }
    .spothot .col-lg-4{
        padding: 17px;
        text-align: center;
    }
    .book-img{

        height: 447px;
    }

    .mw-250{
        max-width: 341px !important;
    }
    .article_information_style3 .book-img , .article_information_style2 .book-img,.active_box .item .card .book-img{
        height: fit-content;
    }


}