/* blog inner link */
.post_inner>*:not(blockquote) a:not(.btn) {
    color: RGBA(var(--bs-cta-rgb), var(--bs-link-opacity, 1)) !important;
    text-decoration-color: RGBA(var(--bs-cta-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
#blog p {font-size:15px; line-height:26px;}
#blog .text-end a:hover {text-decoration: underline;}
#blog .title_pad {padding-bottom:15px; }
#blog .container {margin-top:15px; border-top:1px solid #d7d7d7;}
#blog .header-title img {margin:0 10px -6px 0;}
#blog .header-title .right {margin-top:-15px;}
#blog .sidenav {
    letter-spacing:1px; 
    margin-top:-9px;
}
#blog .header-title a h1 {color:#333;}
/* sidenav */
#blog .rss {border-top:1px solid #6c6c6c; padding-top:20px;}
#blog .rss li {padding:8px 0; line-height: 25px;}
#blog .rss li a {background:none!important;padding-left:0;margin:0;}
#blog .rss .block-ef {padding:10px;}
#blog .rss .share_fbn {margin-right:5px;}
#blog .rss .share_fb {margin-right:10px;}
#blog .rss .share_rss {margin-right:10px;}
#blog .category_banner {font-size:13px; letter-spacing:1px; line-height:25px;}
#blog .category_banner a {color:#333; margin:0 3px;}
#blog .category_main {margin:15px 0 20px 0;}
#blog .category_main a {color:#333; font-size:19px; font-weight:bold; letter-spacing:2px;}
#blog .category_main a:hover {text-decoration: none; color: var(--bs-cta);}
#blog .blog_list li {margin-bottom:25px; padding-bottom:25px; border-bottom: 1px solid #efefef;}
#blog .blog_list .list_img {
    width:256px; 
    overflow:hidden; 
    height:180px; 
    margin-bottom:8px; 
    float:left; 
    border: 1px solid #E7E7E7; 
    background:#e7e7e7; 
    text-align: center;
}
#blog .blog_list .list_img:hover {opacity: 0.7;}
#blog .blog_list .list_img .cover {display: inline-block;width: 100%;height: 100%;background-size: cover;}
#blog .blog-rss li {float:left; margin-left:10px;}
#blog .blog-rss img {margin:0 5px 0 15px;}
#blog .blog_list h1 {
    font-size:20px; 
    line-height:22px; 
    margin-bottom:5px;
}
#blog .blog_list h1 a,#blog .blog_list h3 a:visited {color:#333;}
#blog .blog_list h1 a:hover {color:var(--bs-cta);}

/** menu **/
#blog .menu-all ul {margin-bottom:20px; padding-bottom:15px; color:#333;}
#blog .menu-all h3 {font-size:13px; font-weight:bold; letter-spacing:1px;}
#blog .menu-all li {text-align:left; border-bottom: 0px solid #e7e7e7;}
#blog .menu-all li a {/*background:url(/images/tintint/zh_TW/gray_icon.gif) no-repeat center left;*/ color:#333; line-height:22px; padding:13px 0 13px 15px; display: block; font-weight: bold;}
#blog .menu-all li a:hover {color: var(--bs-cta);}
#blog .menu-all .selected {
    /* background:url(/images/tintint/zh_TW/bk_icon.gif) no-repeat center left;  */
    font-weight:bold; 
    /* color:#595959; */
    color: #D47B1C;
}
#blog .menu-all a:hover.selected ,#blog .menu-all a:visited.selected {
    font-weight:bold; 
    /* color:#595959; */
    color: var(--bs-link-hover-color);
}

#blog .mobile-top {display:none;}
/* #blog .blog_list .list_text p {margin:10px 0; height:50px; overflow:hidden;} */
#blog .list_tag span {color: #C7C7C7; font-size:13px;}
#blog .list_tag {
    /* height:20px;  */
    font-size:13px; 
    color:#333;
}
#blog .list_text .list_tag {height:25px; font-size:13px; margin-bottom:7px; color:#333; text-align: right; line-height: 25px;}
#blog .list_tag .tag {background:#c7c7c7; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 3px; padding: 3px 8px; line-height: 16px;}
#blog .list_tag .tag-main {background:#989898;}
#blog .list_tag a.tag {color:#fff;}
#blog .list_tag a:hover.tag {background:#A0A0A0; text-decoration:none;}
#blog .tag_ft.list_tag {padding:6px 0 12px 0;}
#blog .ft_line.dlined {height:2px; margin-top:20px;}
#blog .tools .list_tag.left {height: initial;width: 80%;}
#blog .fb-like {overflow: hidden;}
#blog .list_tag .fb-share-button {margin-left: 5px;}
#blog .blog_list .list_text {
    width:517px; 
    overflow:hidden; 
    float:left; 
    margin-left:15px; 
    letter-spacing:1px;
}
#blog .article-empty {border:1px solid #E7E7E7; padding:30px;}
#blog .pagination .page-item{
    --bs-pagination-color: #333;
}
#blog .pagination .page-item.active{
    --bs-pagination-active-bg: #333;
    --bs-pagination-active-border-color: #333;
}
.page-link:focus{
    --bs-pagination-focus-box-shadow: none;
}
#blog .slider {
    /* width: 790px; */
    width: 100%;
    /* height: 264px; */
}
#blog .slider .owl-nav {position: absolute;top: 105px;width: 100%;}
#blog .slider .owl-nav:hover {opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha( opacity=70 )";}
#blog .slider .owl-nav .owl-prev {position: absolute;left: 5px;width: 36px;height: 36px;background: url(/images/tintint/common/home/arrows.png) no-repeat;}
#blog .slider .owl-nav .owl-next {position: absolute;right: 5px;width: 36px;height: 36px;background: url(/images/tintint/common/home/arrows.png) no-repeat;background-position: -36px 0px;}
#blog .slider .slider-item {width: 100%;height: 100%;position: relative;}
#blog .slider-item .slider-cover {
    width: 100%;
    /* height: 264px; */
}
#blog .slider-item .slider-caption {position: absolute;bottom: 0;width: 100%;height: 65px;box-sizing: border-box;color: #fff;background-color: rgba(0,0,0,0.3);}
#blog .slider-item .slider-caption .slider-mask{position: absolute;bottom: 0;height: 100%;width: 100%;background-color: #000;opacity:0.3;z-index: 0;display:none;}
#blog .slider-item .slider-caption .slider-tag {position: relative;top: 5px;left: 10px;height: 28px;}
#blog .slider-item .slider-caption .slider-title {position: relative;left: 10px;bottom: 10px;font-size: 19px;font-weight: bold;letter-spacing: 1px;line-height: 22px;margin-bottom: 0px;}
#blog .blog-follow .left {margin-right:10px;}
#blog .blog-follow a {/*font-weight:bold; */color:#333;}
#blog .blog-follow a:hover {text-decoration: none; color: var(--bs-cta);}
#blog .blog-follow img {width: 25px; height: 25px;}

#blog_post {font-size:15px;}
#blog_post strong span {color:#333;}
#blog_post .post_inner img {
    margin-bottom:5px; 
    margin-top:5px; 
    max-width: 100%!important;
    width: auto;
    aspect-ratio: auto;
    max-height: 70vh;
    height: auto;
}
#blog_post .post_inner h2 {/*font-size:22px; font-weight:bold;*/ color:#333; letter-spacing:1px; margin:40px 0 10px 0;}
#blog_post .post_inner h2 a, #blog_post .post_inner h2 a:visited {color:#333;}
#blog_post .post_inner h4 {/*font-size:13px;*/ letter-spacing: 1px;}
#blog_post .post_inner p {/*margin-bottom:0!important;*/}
#blog_post .post-ft { font-size:14px; color:#333;}
/* #blog_post .post-ft .post-ft-text {float:left; font-weight:bold;} */
#blog_post .post-slogan {
    font-size:13px; 
    color:#333; 
    display:block; 
    padding:20px; 
    background:#f7f7f7; 
    letter-spacing:2px;
}
/* #blog_post .post-ft-fb {display:block;float:left;} */
/* #blog_post .post-ft-fb li {float:left; padding: 0 20px 0 10px;} */
/* #blog_post .post-ft-fb li img {margin-top:3px;} */
#blog_post .text-important {letter-spacing:2px; padding:3px 15px;}
#blog_post .text-important.fb {background:#405d9b;}
#blog_post .text-important.fb:hover {background:#6d8ac6;}
#blog_post .text-important:hover {background:#F3A24A;}
#blog_post .category_banner a:hover {text-decoration: none; color: #D47B1C;}
#blog_post {line-height:30px; color:#333;}
#blog_post h1 {font-weight:bold; line-height:35px; letter-spacing:2px; margin:10px 0 20px 0; font-size: 26px;} 
#blog_post .post_categories {font-weight:bold; letter-spacing:1px;}
#blog_post .post-date, #blog_post .post-author , #blog .list_text_date {color:#C7C7C7; float:left; margin:0 20px 0 3px; font-size:13px; letter-spacing: 2px; line-height: 25px;}
#blog_post .post_inner {margin:30px 0 30px 0; clear:both;}
#blog_post .post_inner .alignnone {margin:20px 0 5px 0;}
/* #blog_post .post-spread li {
    border:1px solid #E6E6E6; 
    float:left; 
    padding:0 10px 15px 10px; 
    margin:0 10px 20px 0; 
    width:189px; 
    font-size:13px; 
    line-height:18px; 
    height:195px; 
    overflow:hidden;
} */
#blog_post .post-spread .post-item{
    padding: 0 10px 15px 10px;
}
#blog_post .post-spread .post-item:hover {
    opacity: 0.7; 
    filter: alpha(opacity=70); 
    -ms-filter: "alpha( opacity=70 )";
}
#blog_post .post-spread .spread_top_img {
    width: 100%;
    aspect-ratio: 3 / 2;
    overflow:hidden;
    margin:10px auto;
}
#blog_post .post-spread .spread_top_img img{
    width: 100%;
    height: auto;
    object-fit: cover;
}
#blog_post .post-spread .post-content {
    color:#333;
    font-size: 13px;
    line-height: 18px;
}
#blog_post .post-commen {margin-top:30px;}
#blog_post .post-commen .border {padding:25px;}
#blog_post .dlined {background: url(/images/tintint/zh_TW/mag/dlined.gif) 0 bottom repeat-x; width:100%;}
#blog_post .tools {padding: 5px 0;}
#blog_post .tools .fb-share-button {margin: -5px 0 0 5px;}
#blog_post .post-spread {
    margin-top:10px; 
}
#blog_post .post-share {color:#333;  margin-top: 30px;}
#blog_post .post-share .title , #blog_post .post-commen .title {font-size:15px; font-weight:bold; color:#333;}

/* added by Gary below */
#blog_post .post_inner { width:100%;}
#blog_post blockquote { padding:5px 0 5px 15px; margin:0 0 20px; border-left:5px solid gray; background: #EEE; word-wrap: break-word; word-break: break-word;}
#blog_post .image { margin:20px 0; }
#blog_post .image .caption { font-weight:bold; text-align:center; }
#blog_post .image img { width:100%}
#blog_post h1, h3, h3 { margin-top:40px; }
#blog_post .underline { border-bottom: 3px solid #EEE; }

#blog .socoal-btn-group {
    margin-bottom: 15px;
}
#blog .socoal-btn-group img {
    width: 22px;
    height: 22px;
    margin-top: 3px;
}
#blog .block-ff {
    margin: 0;
    background-color: #efefef;
    border-radius: 5px;
    display: inline-block;
    font-size: 16px;
    padding: 15px 0 10px 0;
    text-decoration: none;
    width: 32.5%;
    line-height: 22px;
    text-align: center;
    color: #4c4c4c;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 24px;
}
#mobile-tabs.select {
    position: relative;
    width: 100%;
    max-height: 50px;
    overflow: hidden;
    -moz-transition: max-height 0.1s ease-in-out 0.1s;
    -o-transition: max-height 0.1s ease-in-out 0.1s;
    -webkit-transition: max-height 0.1s ease-in-out;
    -webkit-transition-delay: 0.1s;
    transition: max-height 0.1s ease-in-out 0.1s;
    font-weight: bold;
}
#mobile-tabs.select.expand {
    max-height: 500px;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -moz-transition-delay: 0;
    -o-transition-delay: 0;
    -webkit-transition-delay: 0;
    transition-delay: 0;
}
#mobile-tabs.select .option:first-child a {
    color: #fff;
}
#mobile-tabs.select .option:first-child {
    background-color: #b1b1b1;
}
#mobile-tabs.select .option {
    width: 100%;
    height: 50px;
    padding-left: 15px;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 50px;
    color: #6c6c6c;
    background-color: #efefef;
    -moz-transition: color 0.1s linear;
    -o-transition: color 0.1s linear;
    -webkit-transition: color 0.1s linear;
    transition: color 0.1s linear;
}
#mobile-tabs.select:before {
    content: ' ';
    position: absolute;
    top: 20px;
    right: 15px;
    width: 18px;
    height: 10px;
    display: inline-block;
    background: url(/images/tintint/common/mag/mobile/sprite/1x-s0bccbb4351.png) -20px 0 no-repeat;
    background-size: 40px 10px;
}
#mobile-tabs.select.expand:before {
    background: url(/images/tintint/common/mag/mobile/sprite/1x-s0bccbb4351.png) 0 0 no-repeat;
    background-size: 40px 10px;
}
#blog .blog-img{
    width: 100%;
    position: relative;
    aspect-ratio: 3 / 2;
    /* padding-top: 70%; */
}
#blog .blog-img > div{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
#blog .list_text_body{
    height: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
}

#blog iframe[src*="youtube"] {
  max-width: 100%;
}
@media (max-width: 750px){
    /* #blog .slider{
        height: 150px;
    } */
    #blog .socoal-btn-group img {
        width: 28px;
        height: 28px;
        margin-top: 0;
    }
    #blog .slider-item .slider-caption .slider-title{
        font-size: 14px;
        /* line-height: 12px; */
        line-height: 1.5rem;
        bottom: 0px;
        padding: 0.25rem 0.75rem;
        right: 0px;
        left: 0px;
    }
    #blog_post .post-slogan {
        padding: 5px 15px 15px 15px;
        line-height: 25px;
        letter-spacing: 1px;
    }
    #blog_post .post-slogan h2{
        margin: 10px 0;
    }
    #blog .slider .owl-nav{
        display: none;
    }
    #blog .menu-all ul{
        margin-bottom: 0;
    }
    #blog_post h1, h3, h3{
        margin-top: 6px;
    }
    #blog .slider-item .slider-caption{
        height: 48px;
    }
    .mobile-hide{
        display: none;
    }
}