@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@400;500&display=swap');
* {
    -webkit-tap-highlight-color: rgba(0,0,0,0) !important; /* make transparent link selection, adjust last value opacity 0 to 1.0 */
}

html,body {
    -webkit-touch-callout: none;                /* prevent callout to copy image, etc when tap to hold */
    -webkit-text-size-adjust: none;             /* prevent webkit from resizing text to fit */
    /*-webkit-user-select: none;*/                  /* prevent copy paste, to allow, change 'none' to 'text' */
}
.min-padding{padding: 45px 0 45px 0}
a.show_all{display: block;position: relative;}
a.show_all:hover,a.show_all.active{    
    font-weight: 600;background-color: var(--main);color: #fff;
    text-decoration: none;
    transition: all .2s ease;
}
.alx-accordion__content ul li a{
    border-bottom: 1px solid #eee;
    padding: 5px 0;
    display: flex;
    font-size: 16px;
    justify-content: space-between;
}
.slider-text-box{
    display: flex;
    align-items: center;
}

.alx-accordion__content ul li:last-child a{border-bottom: none;margin-bottom: 10px;}
.alx-accordion__content ul li:hover *,.alx-accordion__content ul li a.active{color: var(--main)}
.alx-accordion__style-1 .alx-accordion__title{transition: all .2s ease;}
.alx-accordion__style-1 .alx-accordion__title.ui-accordion-header-active,.alx-accordion__style-1 .alx-accordion__title:hover{
    font-weight: 600;background-color: var(--main);color: #fff;}
.alx-accordion__style-1 .alx-accordion__title.ui-accordion-header-active{margin-bottom: 0}
.alx-accordion__style-1 .alx-accordion__title:before,a.show_all:before{
    content: '';
    position: absolute;
    left: 6px;
    top: 6px;
    width: 94%;
    height: 94%;
    width: calc(100% - 12px);
    height: calc(100% - 12px);
    border: 1px solid rgba(215, 208, 198, 0.4);
    box-sizing: border-box;
    }
.alx-blog-article__content{flex: 0 50%;margin-left: 20px;}
.alx-blog-posts-single-content{padding: 15px;}
.alx-cate-title{
    margin: 5px 0 35px;
}
.f16.alx-btn.alx-btn-line.alx-btn__xs{color: var(--second)}
.f16.alx-btn.alx-btn-line.alx-btn__xs:after, .f16.alx-btn.alx-btn-line.alx-btn__xs:before{
    background-color: var(--second)
}
.alx-page-thumb{position: relative;}
.alx-page-thumb:before{
    content: '';
    background-image: url(../img/banner_bg.png);
    background-position: center;
    width: 200px;
    height: 100%;
    display: block;
    background-size: cover;
    position: absolute;
    right: 0;
    top: 0;
    opacity: .8
}
.alx-page-thumb:after{
    content: '';
    background-image: url(../img/banner_bg2.png);
    background-position: center;
    width: 180px;
    height: 60%;
    display: block;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    opacity: .8
}
.tagcloud{display: none}
.main_cover img{max-width: 80% ;margin: 0 auto;max-height: 350px;}
/* .item_box{width: 80px;height: 80px;line-height: 80px} */

/* 20200728 */

.alx-slider-main-control-arrows{left: calc(99% - 89px);left: -webkit-calc(99% - 89px)}
.slider-text{ padding: 50px 50px 100px 50px}
.pt-100{padding-top: 100px;}
.pb-100{padding-bottom: 100px;background-color: #f6f6f6;padding-top: 70px;}
.alx-team-wrap-slider .col-lg-6.align-self-center{padding-left: 40px;}
.alx-team-wrap-slider .container-fluid{max-width: 80vw;}
.set-title{position: relative;}
.set-title:after{
    content: '';
    width: 100px;
    height: 1px;
    background-color: #444;
    position: absolute;
    bottom: -10px;
    left: calc((100% - 100px) / 2);
}
.alx-team-member__name a:hover{color:#dfcda1;text-decoration: none;}
.index{margin: 0 auto;}
.index .item_box{
    width: calc(100% / 5)
}
.index .show_all{padding:10px; width: calc(100% - 30px); height: calc(100% - 30px); line-height: 5;font-size: 30px;margin: 15px}
.index.alx-blog-container:before{content: none;}
.index.alx-blog-container:after{
    height: 150px;
    background-position: top;
}
.bamboo_bg{position: relative;}
.bamboo_bg:after{
    content: '';
    background-image: url(../img/banner_bg3.png);
    background-position: center;
    width: 17%;
    height: 30%;
    display: block;
    background-size: cover;
    position: absolute;
    right: 0;
    top: 0;
    opacity: .8;
}










:root{
    --font:'Noto Serif TC',"Poppins",-apple-system, "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", "PingFang SC", "Hiragino Sans GB", "Source Han Sans CN", "Source Han Sans SC", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif;
    --main:#af0d12;
    --second:#957a5f;
}
::-webkit-scrollbar {
    -webkit-appearance: none;
}

::-webkit-scrollbar:vertical {
    width: 2px;
}

::-webkit-scrollbar:horizontal {
    height: 2px;
}

::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .5);
    border-radius: 10px;
    border: 2px solid transparent;
}

::-webkit-scrollbar-track {
    background-color: transparent; 
}

/*
| ----------------------------------------------------
| responsive
| ----------------------------------------------------
*/
@media (max-width: 1367px) {}


@media (max-width: 1025px) {
    .alx-page-thumb:after,.alx-page-thumb:before{opacity: .5}
}


@media (max-width: 769px) {
    .alx-blog-container{padding: 0 0 50px 0;}
    /* 20200728 */
    .pt-100{padding-top: 50px;}
    .pb-100{padding-bottom: 50px;}
    .alx-team-wrap-slider .container-fluid{max-width: 100vw;}
    .index .show_all{margin: 11px;}
    /*.tagcloud.show{display: flex}*/

}


 /*iphone plus*/
@media (max-width: 415px) {
     /*凍結第一列*/
    .fixth{    
        max-height: 600px;
        overflow: auto;
    }
    .fixth table th {
        position: sticky;
        background-color: #fff;
        top: -1px;
    }
    /*凍結左側*/
    .scrolling table {
        table-layout: inherit;
        *margin-left: -182px;/*ie7*/
    }
    .scrolling tr:first-child{  background-color: #eaeef7;  }
    .scrolling td,.scrolling th {
        vertical-align: top;
        padding: 10px;
        min-width: 100px;
    }
    .scrolling th:first-child,.scrolling td:first-child {
        position: absolute;
        *position: relative; /*ie7*/
        left: 0;
        width: 100px;
    }
    .scrolling th:nth-child(2),.scrolling td:nth-child(2){
        position: absolute;
        *position: relative; /*ie7*/
        left: 100px;
        min-width: 82px;
        width: 82px;
        /**/
    }   
    .scrolling table.gradient th:first-child,.scrolling table.gradient td:first-child,
    .scrolling table.gradient th:nth-child(2),.scrolling table.gradient td:nth-child(2){
        min-height: 69px;
    }
    .scrolling .red th:first-child,.scrolling .red td:first-child,
    .scrolling .red th:nth-child(2),.scrolling .red td:nth-child(2){
        background-color: #fffaf2;
    }
    .outer {
        position: relative
    }
    .inner {
        overflow-x: auto;
        overflow-y: visible;
        margin-left: 182px;
        border-left: 2px solid #ddd;
    }
    h1{font-size: 36px;}
    .alx-header-relative{padding: 15px 0 }
    .min-padding {
        padding: 40px 0 20px 0;
    }
    .alx-blog-posts .alx-layout-isotope article.alx-blog-article{display: block;}
    .alx-blog-container:before{
        right: -100px;
        width: 300vw;
        height: 300vw;
        opacity: .05;
    }
    .alx-blog-article__img{display: block;}
    .cate_box{width: 100%;overflow-x: scroll;
        background-color: var(--main)}
    .cate_list{
        display: flex;
        justify-content: space-between;
        position: relative;
        flex-wrap: nowrap;
        padding: 15px 0;
        margin-bottom:5px;
    }
    .cate_list .list-inline-item{
        margin: 0;
        position: static;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
        text-align: center;    
        list-style: none;
        white-space: nowrap;
        margin: 0 5px;
    }
    .cate_list .list-inline-item .alx-btn{
        border: 2px solid #ffffff;
        color: #fff;
        background-color: var(--main)
    }
    .cate_list .list-inline-item.active .alx-btn,.cate_list .list-inline-item:hover .alx-btn{
        color: var(--main);
        background-color:#fff;
    }
    .alx-cate-title{margin-top: 15px;}
    .p25{padding: 0 15px !important}
    .alx-page-thumb:after,.alx-page-thumb:before{opacity: .1}
    /* 20200728 */
    .pt-100{padding-top: 30px;}
    .pb-100{padding-bottom: 30px;}
    .slider-text{padding: 35px}
    .alx-team-wrap-slider .col-lg-6.align-self-center{padding-left: 15px;}
    .alx-team-slides__wrap{margin-bottom: 30px;}
    .index .show_all{width: calc((100vw - 45px) / 2)}
    .alx-team-wrap-slider .alx-slider-main-control-arrows{transform: rotate(90deg); bottom: -56px !important; right: -30px !important;}
    .alx-team-slides .alx-heading{min-height: 347px}
    .alx-team-slides__wrap .alx-team-wrap-slide .alx-team-member__image-overlay {margin: 50px 0 10px;}
    .bamboo_bg:after{width: 27%; height: 22%;}

}


/*iphone: 7px*/
@media (max-width: 376px) {
    .alx-team-wrap-slider .alx-slider-main-control-arrows{right: -50px !important;}
}



/*iphone 5*/
@media (max-width: 321px) {
    .alx-team-wrap-slider .alx-slider-main-control-arrows{right: -74px !important;bottom: -50px !important;}
}


/*iPhone XR*/
@media only screen 
    and (device-width : 414px) 
    and (device-height : 896px) 
    and (-webkit-device-pixel-ratio : 2) { 



}

/*iPhone XS*/
@media only screen 
    and (device-width : 375px) 
    and (device-height : 812px) 
    and (-webkit-device-pixel-ratio : 3) { 

}

/*iPhone XS Max*/
@media only screen 
    and (device-width : 414px) 
    and (device-height : 896px) 
    and (-webkit-device-pixel-ratio : 3) { 


}
/*橫拿*/
@media screen and  (orientation:landscape) {}
/*縱拿*/
@media screen and (orientation:portrait) {}
/*設備寬高比*/
@media screen and (device-aspect-ratio: 16/9) {}