@charset "UTF-8";

body {
    margin: 0;
    padding-top: 0;
}
.isd_style {
    margin:0;
    padding:0;
    border:0;
    vertical-align:baseline;
    font-family:"微軟正黑體", "Microsoft JhengHei", "Arial", "Helvetica", "sans-serif";
    font-size:12px;
    line-height:16px;
}
.isd_style * {
    margin:0;
    padding:0;
    border:0;
    font:inherit;
    font-size:100%;
    vertical-align:baseline;
    box-sizing: border-box;
}
.isd_style ol, .isd_style ul, .isd_style li {
    list-style:none;
}
.isd_style a {
    color:inherit;
    text-decoration: none;
}
.isd_style img a {
    border: 0px;
}

.isd_nav {
    display: block;
    position: fixed;
    width: 100%;
    z-index: 999;
    background: #fff;
    top:0;
}
.isd_nav.nav_fixed,
.isd_nav.nav_fixed_up {
    position: fixed;
}
.isd_nav .isd_adContainerMainPage {
    display: none;
    z-index: 2;
    height: 250px;
    overflow: hidden;
    padding: 0;
    -webkit-transition: height 0.3s ease;
    transition: height 0.3s ease;
}
.isd_nav .isd_adContainerMainPage .adBox {
    margin: 0;
}
.isd_nav.nav_fixed .isd_adContainerMainPage,
.isd_nav.nav_fixed_up .isd_adContainerMainPage{
    height: 0;
}
@media screen and (max-width: 1000px) {
    .isd_nav .isd_adContainerMainPage {
        display: block;
    }
}
.nav-content {
    position: fixed;
    display: block;
    width: 100%;
    height: 9vw;
    box-shadow: 0 10px 10px rgba(0,0,0,0.2);
    -webkit-transition: height 0.3s ease;
    transition: height 0.3s ease;
    background: #fff;
}
.nav-block {
    position: relative;
    display: block;
    width: 100%;
    height: 9vw;
}
.isd_nav.isd_nav_channel .nav-content,
.isd_nav.isd_nav_channel + .nav-block{
    height: calc(130px + 9vw);
}
.isd_nav.isd_nav_channel + .nav-block + .ad-block {
    position: relative;
    display: none;
    width: 100%;
    height: 250px;
    -webkit-transition: height 0.3s ease;
    transition: height 0.3s ease;
}
.isd_nav.nav_fixed .nav-content,
.isd_nav.nav_fixed_up .nav-content{
    height:40px;
}
.isd_nav.isd_nav_channel.nav_fixed_up .nav-content{
    height: calc(130px + 9vw);
}
@media screen and (max-width: 1200px) {
    .isd_nav.nav_fixed_up .nav-content,
    .isd_nav.isd_nav_channel .nav-content{
        height: calc(130px + 9vw);
    }
    .isd_nav.nav_fixed .nav-content,
    .isd_nav.isd_nav_channel.nav_fixed .nav-content{
        height: 80px;
    }
}
@media screen and (max-width: 1000px) {
    .isd_nav .nav-content,
    .nav-block{
        height: calc(60px + 9vw);
    }
    .isd_nav.isd_nav_channel + .nav-block + .ad-block {
        display: block;
    }
    .isd_nav.isd_nav_channel.nav_fixed_up + .nav-block + .ad-block,
    .isd_nav.isd_nav_channel.nav_fixed + .nav-block + .ad-block{
        height: 0;
    }
    .isd_nav.nav_fixed_up .nav-content,
    .isd_nav.isd_nav_channel .nav-content{
        height: calc(130px + 9vw);
    }
    .isd_nav.nav_fixed .nav-content{
        height: 80px;
    }
}
@media screen and (max-width: 500px) {
    .isd_nav.isd_nav_channel .nav-content,
    .isd_nav.nav_fixed_up .nav-content,
    .isd_nav.isd_nav_channel.nav_fixed_up .nav-content{
        height: calc(100px + 9vw);
    }
}
.isd_nav .logo {
    position: absolute;
    display: block;
    width: 35%;
    left: 50%;
    margin: 25px 0 0 0;
    padding: 0;
    cursor: pointer;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0);
    -webkit-transition: width 0.3s ease,padding 0.3s ease;
    transition: width 0.3s ease,padding 0.3s ease;
}
@media screen and (max-width: 1000px) {
    .isd_nav .logo {
        width: 70%;
        margin: 60px 0 0 0;
    }
}
.isd_nav .logo a {
    position: absolute;
    display: block;
    width: 100%;
    left: 0;
    top: ;
    border: 0;
}
.isd_nav .logo img {
    position: relative;
    display: block;
    width: 100%;
}
.isd_nav.nav_fixed .logo,
.isd_nav.nav_fixed_up .logo,
.isd_nav.nav_fixed.isd_nav_channel .logo{
    width: 0;
    padding: 0;
}
.isd_nav .socialList {
    position: absolute;
    display: block;
    font-size: 0;
    line-height: 0;
    left: 80px;
    top:3vw;
    margin: 0 0 0 0;
}
.isd_nav .socialList li {
    position: relative;
    display: inline-block;
    margin: 0 5px 0 5px;
    width: 35px;
    vertical-align: middle;
    list-style: none;
}
.isd_nav.nav_fixed .socialList,
.isd_nav.nav_fixed_up .socialList{
    display: none;
}
.isd_nav.nav_fixed_up.isd_nav_channel .socialList {
    display: block;
}
.isd_nav .socialList li .icon {
    position: relative;
    display: block;
    width: 100%;
    cursor: pointer;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 0.2s ease;
    transition: transform 0.2s ease;
}
@media screen and (min-width: 1200px) {
    .isd_nav .socialList li .icon:hover {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
}
.isd_nav .socialList li .icon img {
    position: relative;
    display: block;
    width: 100%;
}
@media screen and (max-width: 1000px) {
    .isd_nav.nav_fixed_up .socialList {
        display: block;
    }
    .isd_nav .socialList {
        top:9px;
        left: 65px;
    }
    .isd_nav .socialList li {
        width: 25px;
        margin: 0 0.5vw 0 0.5vw;
    }
}
.isd_nav .navListBox {
    position: absolute;
    display: block;
    width: 100%;
    z-index: 1;
    top:-50px;
    background: #fff;
}
.isd_nav.isd_nav_channel .navListBox {
    top:calc(50px + 9vw);
}
.isd_nav.nav_fixed .navListBox,
.isd_nav.nav_fixed_up .navListBox{
    top:0;
}
.isd_nav.isd_nav_channel.nav_fixed_up .navListBox {
    top:calc(50px + 9vw);
}
.isd_nav .navListBox .navListContent {
    position: relative;
    display: block;
    width: 100%;
    text-align: center;
}
.isd_nav .burgerBtn {
    position: absolute;
    display: block;
    width: 30px;
    height: 24px;
    cursor: pointer;
    left: 25px;
    top:3.5vw;
    z-index: 2;
}
.isd_nav.nav_fixed .burgerBtn,
.isd_nav.nav_fixed_up .burgerBtn{
    top: 12px;
}
.isd_nav.nav_fixed_up.isd_nav_channel .burgerBtn {
    top:3.5vw;
}
.isd_nav .burgerBtn span {
    position: absolute;
    display: block;
    width: 100%;
    height: 4px;
    background: rgba(0,0,0,1);
    left: 0;
    border-radius: 2px;
}
@media screen and (min-width: 1200px) {
    .isd_nav .burgerBtn:hover span {
        background: rgba(0,0,0,0.5);
    }
}
.isd_nav .burgerBtn span:nth-child(1) {
    top:0;
}
.isd_nav .burgerBtn span:nth-child(2) {
    top:8px;
}
.isd_nav .burgerBtn span:nth-child(3) {
    top:16px;
}
@media screen and (max-width: 1000px) {
    .isd_nav .burgerBtn,
    .isd_nav.nav_fixed_up.isd_nav_channel .burgerBtn{
        top: 12px;
    }
}
.isd_nav .navListBox .navListContent .navListInnerBox {
    position: relative;
    display: block;
    width: 100%;
}
.isd_nav.isd_nav_channel .logo {
    width: 25%;
    margin: 40px 0 0 0;
}
.isd_nav.isd_nav_channel .logoS {
    display: none;
}
.isd_nav.isd_nav_channel .navListBox .navListContent .navList{
    visibility:visible;
    pointer-events: auto;
}

.isd_nav .logoS {
    position: absolute;
    display: none;
    width: 80px;
    left: 65px;
    top:8px;
    z-index: 2;
}
.isd_nav.nav_fixed .logoS,
.isd_nav.nav_fixed_up .logoS{
    display: block;
    width: 80px;
    left: 65px;
    top:8px;
}
.isd_nav.nav_fixed_up.isd_nav_channel .logoS {
    display: none;
}
.isd_nav .logoS a {
    position: relative;
    display: block;
    width: 100%;
    left: 0;
    top:0;
}
.isd_nav .logoS img {
    position: relative;
    display: block;
    width: 100%;
}
.isd_nav.isd_nav_channel .navListBox .navListContent .navList {
    left: 0;
    width: 100%;
}
.isd_nav .navListBox .navListContent .navList,
.isd_nav.isd_nav_channel.nav_fixed .navListBox .navListContent .navList{
    position: absolute;
    display: block;
    width: calc(100% - 700px);
    left: 160px;
    height: 40px;
    font-size: 0;
    line-height: 0;
    text-align: center;
    vertical-align: middle;
    padding: 0;
    white-space: nowrap;
    overflow: hidden;
}
.isd_nav .navListBox .navListContent .navList li {
    position: relative;
    display: inline-block;
    font-size: 14px;
    line-height: 40px;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    vertical-align: middle;
    font-family: "DomaineDisplay","Domaine Display",'Playfair Display',"Noto Serif TC", "Microsoft JhengHei", serif;
}
.isd_nav .navListBox .navListContent .navList li span:nth-child(1) {
    position: relative;
    display: block;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
    opacity: 1;
}
.isd_nav .navListBox .navListContent .navList li span:nth-child(2) {
    position: absolute;
    display: block;
    top:0;
    width: 100%;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
    opacity: 0;
}


.isd_nav.isd_nav_channel .navListBox .navListContent .tagList::before,
.isd_nav.isd_nav_channel.nav_fixed_up .navListBox .navListContent .tagList::before{
    content: "";
    position: absolute;
    display: block;
    width: calc(100% - 50px);
    height: 1px;
    background: #000;
    bottom:0;
    left: 25px;
}
.isd_nav.isd_nav_channel.nav_fixed .navListBox .navListContent .tagList::before {
    display: none;
}
.isd_nav.isd_nav_channel.nav_fixed_up .navListBox .navListContent .tagList::before{
    top:auto;
    bottom: 0;
}


.isd_nav.isd_nav_channel .navListBox .navListContent .tagList,
.isd_nav.isd_nav_channel.nav_fixed_up .navListBox .navListContent .tagList{
    position: relative;
    display: block;
    width: 100%;
    margin: 0 0 0 0;
    padding: 0;
    right: auto;
}
.isd_nav .navListBox .navListContent .tagList,
.isd_nav.isd_nav_channel.nav_fixed .navListBox .navListContent .tagList{
    position: absolute;
    display: block;
    width: auto;
    text-align: center;
    vertical-align: middle;
    padding: 7px 0 6px 0;
    right: 180px;
}
.isd_nav.isd_nav_channel .navListBox .navListContent .tagList li {
    padding: 0 3px 0 3px;
    margin: 10px 2vw 10px 2vw;
}
.isd_nav.isd_nav_channel.nav_fixed .navListBox .navListContent .tagList li {
    margin: 0 0.2vw 0 0.2vw;
}
.isd_nav .navListBox .navListContent .tagList li {
    position: relative;
    display: inline-block;
    height: 25px;
    font-size: 12px;
    line-height: 25px;
    text-align: center;
    cursor: pointer;
    margin: 0 10px 0 10px;
    background: #ffffff;
    border:1px solid #ff0000;
    color:#ff0000;
    border-radius: 12px 12px 12px 0;
    padding: 0 10px 0 10px;
    vertical-align: middle;
    -webkit-transition: background 0.2s ease, color 0.2s ease;
    transition: background 0.2s ease, color 0.2s ease;
    font-family: "DomaineDisplay","Domaine Display",'Playfair Display',"Noto Serif TC", "Microsoft JhengHei", serif;
}
.isd_nav.isd_nav_channel .navListBox .navListContent .tagList li {
    font-size: 1vw;
    margin-left: 1vw;
    margin-right: 1vw;
}
.isd_nav.isd_nav_channel.nav_fixed .navListBox .navListContent .tagList li{
    font-size: 12px;
}
.isd_nav .navListBox .navListContent .tagList li a {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}


.isd_nav .funcList {
    position: absolute;
    display: block;
    font-size: 0;
    line-height: 0;
    max-width: 1440px;
    right: 30px;
    top:3vw;
    z-index: 2;
    text-align: right;
}
.isd_nav.nav_fixed .funcList,
.isd_nav.nav_fixed_up .funcList{
    top:7px;
}
.isd_nav.nav_fixed_up.isd_nav_channel .funcList{
    top:3vw;
}
.isd_nav .funcList li {
    position: relative;
    display: inline-block;
    margin: 0 0 0 10px;
    vertical-align: top;
    list-style: none;
}
.isd_nav .funcList .memberNameIcon span {
    font-size: 13px;
    line-height: 13px;
    padding: 5px 0 0 0;
}
.isd_nav.nav_fixed .funcList .memberNameIcon,
.isd_nav.nav_fixed_up .funcList .memberNameIcon{
    display: none;
}
.isd_nav.nav_fixed_up.isd_nav_channel .funcList .memberNameIcon {
    display: inline-block;
}
.isd_nav .funcList li .icon {
    position: relative;
    display: block;
    cursor: pointer;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 0.2s ease;
    transition: transform 0.2s ease;
    font-size: 15px;
    line-height: 15px;
    color:#333;
}


.isd_nav .funcList li .icon span {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}
.isd_nav .funcList li .icon img {
    position: relative;
    display: block;
    width: 35px;
    height: 35px;
}
.isd_nav.nav_fixed .funcList li .icon img,
.isd_nav.nav_fixed_up .funcList li .icon img{
    width: 25px;
    height: 25px;
}
.isd_nav.nav_fixed_up.isd_nav_channel .funcList li .icon img{
    width: 35px;
    height: 35px;
}

.isd_nav .funcList .subscribeBox {
    position: absolute;
    display: block;
    width: 100%;
    background: #000;
    top:20px;
    padding: 20px;
}
.isd_nav .funcList .subscribeBox .closeBtn {
    position: absolute;
    display: block;
    width: 20px;
    height: 20px;
    top:10px;
    right: 15px;
    cursor: pointer;
    z-index: 1;
}
.isd_nav .funcList .subscribeBox .closeBtn::before {
    content: "";
    position: absolute;
    display: block;
    left: 0;
    top:50%;
    width: 100%;
    height: 2px;
    background: #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.isd_nav .funcList .subscribeBox .closeBtn::after {
    content: "";
    position: absolute;
    display: block;
    left: 0;
    top:50%;
    width: 100%;
    height: 2px;
    background: #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.isd_nav .funcList .subscribeBox .textBox {
    position: relative;
    display: block;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    text-align: center;
    color: #fff;

}
.isd_nav .funcList .subscribeBox .inputBox {
    position: relative;
    display: block;
    width: 100%;
    margin: 15px 0 0 0;
}
.isd_nav .funcList .subscribeBox .inputBox input {
    position: relative;
    display: block;
    width: 100%;
    height: 25px;
    font-size: 14px;
    line-height: 25px;
    padding: 0 5px 0 5px;
}
.isd_nav .funcList .subscribeBox .btnBox {
    position: relative;
    display: block;
    width: 100px;
    height: 30px;
    margin: 15px 0 0 0;
    font-size: 14px;
    line-height: 25px;
    background: #ff0000;
    color:#fff;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0);
    cursor: pointer;
    -webkit-transition: background 0.2s ease;
    transition: background 0.2s ease;
}
.isd_nav .funcList .subscribeBox .btnBox a {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top:0;
    left: 0;
}
.isd_nav .funcList .funcPopBox {
    position: relative;
    display: inline-block;
    width: 0;
    height: 0;
    pointer-events: none;
    opacity: 0;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
    vertical-align: top;
}
.isd_nav .funcList .funcPopBox .popBox {
    position: absolute;
    display: block;
    top:19px;

}
.isd_nav .funcList .funcPopBox .textBox {
    position: relative;
    display: block;
    font-size: 13px;
    line-height: 18px;
    text-align: center;
    width: 85px;
    top:20px;
    left: -25px;
    padding: 8px;
    background: #000;
    color:#fff;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0);
}
.isd_nav .funcList .funcPopBox .arrow {
    position: absolute;
    display: block;
    width: 20px;
    height: 20px;
    background: #000;
    -webkit-transform: translate(-50%,0) rotate(45deg);
    transform: translate(-50%,0) rotate(45deg);
    top:12px;
    left: -8px;
}
@media screen and (min-width: 1200px) {
    .isd_nav .navListBox .navListContent .navList li:hover span:nth-child(1) {
        opacity: 0;
    }
    .isd_nav .navListBox .navListContent .navList li:hover span:nth-child(2) {
        opacity: 1;
    }
    .isd_nav .navListBox .navListContent .tagList li:hover {
        color:#ffffff;
        background: #ff0000;
    }
    .isd_nav .funcList li .icon:hover {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    .isd_nav .funcList .funcPopBox:hover {
        pointer-events:auto;
        opacity: 1;
    }
    .isd_nav .funcList .funcBtn:hover + .funcPopBox {
        pointer-events:auto;
        opacity: 1;
    }
}
@media screen and (max-width: 1600px) {
    .isd_nav .navListBox .navListContent .navListInnerBox {
        padding: 0;
    }
    .isd_nav .navListBox .navListContent .tagList li {
        margin: 0 0.2vw 0 0.2vw;
    }
}

@media screen and (max-width: 1200px) {
    .isd_nav.nav_fixed_up .logo {
        width: 25%;
        margin: 40px 0 0 0;
    }
    .isd_nav.nav_fixed_up .logoS {
        display: none;
    }
    .isd_nav.nav_fixed .navListBox{
        top:40px;
    }
    .isd_nav.nav_fixed_up .navListBox {
        top:calc(50px + 9vw);
    }
    .isd_nav.isd_nav_channel .navListBox .navListContent .navList {
        left: 0;
    }
    .isd_nav .navListBox .navListContent .navList,
    .isd_nav.isd_nav_channel.nav_fixed .navListBox .navListContent .navList{
        width: 100%;
        left: auto;
        opacity: 0;
        pointer-events: none;
    }
    .isd_nav.isd_nav_channel .navListBox .navListContent .navList {
        opacity: 1;
        pointer-events: auto;
    }
    .isd_nav.nav_fixed_up .navListBox .navListContent .navList{
        opacity: 1;
        pointer-events: auto;
    }
    .isd_nav .navListBox .navListContent .navList {
        display: flex;
        justify-content: space-around;
    }
    .isd_nav .navListBox .navListContent .navList li{
        display: none;
    }
    .isd_nav .navListBox .navListContent .navList li:nth-of-type(1),
    .isd_nav .navListBox .navListContent .navList li:nth-of-type(2),
    .isd_nav .navListBox .navListContent .navList li:nth-of-type(3),
    .isd_nav .navListBox .navListContent .navList li:nth-of-type(4),
    .isd_nav .navListBox .navListContent .navList li:nth-of-type(5),
    .isd_nav .navListBox .navListContent .navList li:nth-of-type(6){
        display: block;
    }
    .isd_nav .navListBox .navListContent .tagList,
    .isd_nav.isd_nav_channel.nav_fixed .navListBox .navListContent .tagList{
        position: relative;
        display: block;
        width: 100%;
        margin: 0 0 0 0;
        padding: 0;
        right: auto;
    }
    .isd_nav.nav_fixed .navListBox .navListContent .tagList::before,
    .isd_nav.nav_fixed_up .navListBox .navListContent .tagList::before,
    .isd_nav.isd_nav_channel.nav_fixed .navListBox .navListContent .tagList::before{
        content: "";
        position: absolute;
        display: block;
        width: calc(100% - 50px);
        height: 1px;
        background: #000;
        top:0;
        left: 25px;
    }
    .isd_nav.nav_fixed_up .navListBox .navListContent .tagList::before{
        top:auto;
        bottom: 0;
    }
    .isd_nav .navListBox .navListContent .tagList li,
    .isd_nav.isd_nav_channel.nav_fixed .navListBox .navListContent .tagList li{
        padding: 0 3px 0 3px;
        margin: 10px 2vw 10px 2vw;
    }
    .isd_nav .funcList .subscribePopBox.expand {
        pointer-events:auto;
        opacity: 1;
    }

}
@media screen and (max-width: 1000px) {
    .isd_nav .funcList,
    .isd_nav.isd_nav_channel .funcList,
    .isd_nav.isd_nav_channel.nav_fixed .funcList,
    .isd_nav.isd_nav_channel.nav_fixed_up .funcList{
        top:7px;
    }
    .isd_nav .funcList li {
        margin: 0 0 0 3px;
    }
    .isd_nav .funcList li .icon img,
    .isd_nav.isd_nav_channel.nav_fixed .funcList li .icon img,
    .isd_nav.isd_nav_channel.nav_fixed_up .funcList li .icon img{
        width: 25px;
        height: 25px;
    }
    .isd_nav.isd_nav_channel .navListBox .navListContent .tagList li {
        font-size: 12px;
    }
    .isd_nav .navListBox .navListContent .navList li:nth-of-type(6){
        display: none;
    }
}
@media screen and (max-width: 800px) {
    .isd_nav .navListBox .navListContent .navList li:nth-of-type(5){
        display: none;
    }
}
@media screen and (max-width: 600px) {
    .isd_nav .navListBox .navListContent .navList li:nth-of-type(4){
        display: none;
    }
}
@media screen and (max-width: 500px) {
    .isd_nav.isd_nav_channel .logo {
        width: 40%;
        margin: 42px 0 0 0;
    }
    .isd_nav.isd_nav_channel .navListBox .navListContent .tagList{
        display: none;
    }
    .isd_nav.isd_nav_channel .navListBox{
        top:calc(65px + 9vw);
    }
    .isd_nav.isd_nav_channel.nav_fixed .navListBox {
        top:40px;
    }
    .isd_nav.isd_nav_channel .navListBox::before{
        content: "";
        position: absolute;
        display: block;
        width: calc(100% - 50px);
        height: 1px;
        background: #000;
        top:0;
        left: 25px;
    }
    .isd_nav.nav_fixed_up .logo {
        width: 40%;
        margin: 42px 0 0 0;
    }
    .isd_nav.nav_fixed_up .navListBox .navListContent .tagList,
    .isd_nav.isd_nav_channel.nav_fixed_up .navListBox .navListContent .tagList{
        display: none;
    }
    .isd_nav.nav_fixed_up .navListBox,
    .isd_nav.isd_nav_channel.nav_fixed_up .navListBox{
        top:calc(65px + 9vw);
    }
    .isd_nav.nav_fixed_up .navListBox::before{
        content: "";
        position: absolute;
        display: block;
        width: calc(100% - 50px);
        height: 1px;
        background: #000;
        top:0;
        left: 25px;
    }
}
.isd_nav .serachBarBox {
    position: absolute;
    display: none;
    width: 300px;
    height: 45px;
    top:5vw;
    right: 0px;
    background: #fff;
    box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    border-radius: 15px 0 0 15px;
}
.isd_nav .serachBarBox.expand {
    display: block;
}
.isd_nav .serachBarBox .closeBtn {
    position: absolute;
    display: block;
    width: 20px;
    height: 20px;
    top:12px;
    right: 5px;
    cursor: pointer;
}
.isd_nav .serachBarBox .closeBtn::before {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 2px;
    top:50%;
    background: #555;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.isd_nav .serachBarBox .closeBtn::after {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 2px;
    top:50%;
    background: #555;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.isd_nav .serachBarBox .serachBarFrame {
    position: absolute;
    display: block;
    width: calc(100% - 50px);
    height: 35px;
    left: 20px;
    top:5px;
}
.isd_nav .serachBarBox .serachBarFrame .searchInput {
    border: 1px solid #ddd;
    height: 30px;
    margin: 3px 0 0 0;
    border-radius: 3px;
    width: calc(100% - 40px);
    padding: 0 10px 0 10px;
    vertical-align: middle;
}
.isd_nav .serachBarBox .serachBarFrame .searchBarBtn {
    position: relative;
    width: 30px;
    height: 30px;
    margin: 0;
    background: #333;
    vertical-align: middle;
    border-radius: 3px;
}
.isd_nav .serachBarBox .serachBarFrame .searchBarBtn .searchBarBtn-icon {
    position: absolute;
    display: block;
    width: 50%;
    height: 50%;
    background: url(../images/icon_search_btn.svg) no-repeat center center;
    left: 25%;
    top: 25%;
}
@media screen and (max-width: 500px) {
    .isd_nav .serachBarBox {
        width: 100%;
        border-radius: 15px;
    }
}
.isd_mainContainer {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
    padding: 0 0 3vw 0;
}
.isd_mainContainer .mainContentBox {
    position: relative;
    display: block;
    width: 80%;
}
@media screen and (max-width: 1000px) {
    .isd_mainContainer .mainContentBox {
        width: 90%;
    }
}
.isd_mainContainer.isd_mainListContainer {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.isd_style h1,
.isd_style .mainTitle{
    position: relative;
    display: block;
    font-family: 'Cinzel',"Noto Serif TC", "Microsoft JhengHei", serif;
    font-weight:400;
    font-size: 3.8vw;
    line-height: 3.8vw;
    letter-spacing: -0.2vw;
    padding: 2vw 0 2vw 0;   
}
.isd_mainContainer.isd_mainListContainer h1,
.isd_mainContainer.isd_mainListContainer .mainTitle{
    margin: 0 0 4vw 0;
    border-bottom: 1px solid #000;
}
.isd_mainContainer h1::before,
.isd_mainContainer .mainTitle::before{
    content: "#";
    margin: 0 10px 0 0;
}
.isd_style h2 {
    position: relative;
    display: block;
    font-family: "Microsoft JhengHei", serif;
    font-weight:400;
    font-size: 2.8vw;
    line-height: 3.3vw;
    white-space: normal;
}
.isd_style h3 {
    position: relative;
    display: block;
    font-family: "Poppins","Microsoft JhengHei", serif;
    font-weight:500;
    font-size: 1vw;
    line-height: 1.5vw;
    padding: 0 0 1vw 0;
    white-space: normal;
    color:#ff0000;
}

.isd_style h4 {
    position: relative;
    display: block;
    font-family: "DomaineDisplay","Domaine Display",'Playfair Display',"Noto Serif TC", "Microsoft JhengHei", serif;
    font-weight:500;
    font-size: 1.4vw;
    line-height: 1.8vw;
    white-space: normal;
}
.isd_style .authorBtn {
    font-family: "Poppins", "Noto Serif TC", "Microsoft JhengHei", serif;
    font-size: 0.9vw;
    line-height: 1.3vw;
}
@media screen and (min-width: 1200px) {
    .isd_style h3:hover {
        color:#ff6666;
    }
    .isd_style h4:hover {
        color:#666666;
    }
}
@media screen and (max-width: 1000px) {
    .isd_style h1,
    .isd_style .mainTitle{
        font-size: 8vw;
        line-height: 8vw;
        letter-spacing: -0.34vw;
    }
    .isd_style h2 {
        font-size: 4.4vw;
        line-height: 5.4vw;
    }
    .isd_style h3 {
        font-size: 3vw;
        line-height: 4vw;
    }
    .isd_style h4 {
        font-size: 3.8vw;
        line-height: 4.8vw;
    }
    .isd_style .authorBtn {
        font-size: 2.4vw;
        line-height: 3.5vw;
    }
}
.isd_mainContainer .mainTitle {
    padding-top:3vw;
    display: flex;
}
@media screen and (max-width: 1000px) {
    .isd_mainContainer .mainTitle {
        padding-top:7vw;
        display: flex;
    }
}

.isd_mainContainer .containerSlideBox {
    position: relative;
    display: block;
    width: 100%;
    height: 52vw;
    overflow: hidden;
}
.isd_mainContainer .containerSlideBox .containerSlide {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    white-space: nowrap;
}

.isd_mainContainer .containerSlideBox .item {
    position: relative;
    width: 100%;
    height: 100%;
    display: inline-block;
}
.isd_mainContainer .containerSlideBox .item a {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.isd_mainContainer .containerSlideBox .item .imgBox {
    position: relative;
    display: block;
    width: 100vw;
    height: 52vw;
}
.isd_mainContainer .containerSlideBox .item .imgBox img {
    position: relative;
    display: block;
    width: 100%;
}
.isd_mainContainer .containerSlideBox .item .imgBox::after {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 40%;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,0.7));
}
.isd_mainContainer .containerSlideBox .item .imgBox img.m-img {
    display: none;
}
.isd_mainContainer .containerSlideBox .containerSlide .textBox {
    position: absolute;
    display: block;
    width: calc(100% - 160px);
    left: 80px;
    text-align: center;
    bottom: 3vw;
    color:#fff;
    text-shadow: 0px 0px 5px rgba(0,0,0,0.5);
}
.isd_mainContainer .containerSlideBox .containerSlide .textBox h2 span {
    position: relative;
    display: block;
    font-family:"Noto Serif TC", "Microsoft JhengHei", serif;
    font-weight: bold;
}
.isd_mainContainer .containerSlideBox .containerSlide .textBox .categoryBtn {
    position: relative;
    display: block;
    padding: 0 0 10px 0;
    color: #fff;
    
}
.isd_mainContainer .authorBtn {
    position: relative;
    display: block;
    text-align: left;
    margin: 10px 0 10px 0;
    color: #888;
    white-space: nowrap;
}
.isd_mainContainer.isd_indexKvBox .authorBtn {
    text-align: center;
    color:#fff;
}
.isd_mainContainer .authorBtn li {
    position: relative;
    display: inline-block;
    margin: 0 6px 0 0;
}
.isd_mainContainer .authorBtn li a:hover {
    color:#ff0000;
}
@media screen and (max-width: 500px) {
    .isd_mainContainer .authorBtn li {
        font-size: 12px;
    }
}
.isd_mainContainer .containerSlideBox .arrowBtnLeft {
    position: absolute;
    display: block;
    width: 4vw;
    left: 15px;
    top:calc(50% - 4vw);
    cursor: pointer;
    opacity: 0.4;
}
.isd_mainContainer .containerSlideBox .arrowBtnLeft img {
    width: 100%;
}
.isd_mainContainer .containerSlideBox .arrowBtnRight {
    position: absolute;
    display: block;
    width: 4vw;
    right: 15px;
    top:calc(50% - 4vw);
    cursor: pointer;
    opacity: 0.4;
}
.isd_mainContainer .containerSlideBox .arrowBtnRight img {
    width: 100%;
}
@media screen and (min-width: 1200px) {

    .isd_mainContainer .containerSlideBox .arrowBtnLeft:hover {
        opacity: 1;
    }

    .isd_mainContainer .containerSlideBox .arrowBtnRight:hover {
        opacity: 1;
    }
}
@media screen and (max-width: 1200px) {
    .isd_mainContainer .containerSlideBox .containerSlide .textBox {
        width: calc(100% - 100px);
        left: 50px;
    }
    .isd_mainContainer .containerSlideBox .arrowBtnLeft {
        width: 30px;
        height: 30px;
    }
    .isd_mainContainer .containerSlideBox .arrowBtnRight {
        width: 30px;
        height: 30px;
    }
    
}
@media screen and (max-width: 1000px) {
    .isd_mainContainer .containerSlideBox {
        height: 130vw;
    }
    .isd_mainContainer .containerSlideBox .item .imgBox {
        height: 130vw;
    }
    .isd_mainContainer .containerSlideBox .item .imgBox img.pc-img {
        display: none;
    }
    .isd_mainContainer .containerSlideBox .item .imgBox img.m-img {
        display: block;
    }
}
.isd_adContainerMainPage {
    position: relative;
    display: block;
    background: #f2f2f2;
    padding: 0;
}
.isd_adContainerMainPage .adBox {
    position: relative;
    display: block;
    width: 90%;
    max-width: 970px;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0);
}
.isd_adContainerMainPage .adBox.adBox300x250 {
    display: none;
}
.isd_adContainerMainPage .adBox img {
    position: relative;
    display: block;
    width: 100%;
}
@media screen and (max-width: 1000px) {
    .isd_adContainerMainPage {
        padding: 0;
    }
    .isd_adContainerMainPage .adBox.adBox970x250 {
        display: none;
    }
    .isd_adContainerMainPage .adBox.adBox300x250 {
        max-width: 300px;
        display: block;
    }
}

.isd_mainContainer .mainListBox {
    position: relative;
    width: 90%;
    margin: 0 auto;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
}
@media screen and (max-width: 1000px) {
    .isd_mainContainer .mainListBox {
        width: 100%;
    }
}
.isd_mainContainer .mainListBox .item {
    position: relative;
    display:inline-block;
    width: calc(100% / 3);
    font-size: 0;
    line-height: 0;
    vertical-align: top;
    padding: 0 1vw;
}

.isd_mainContainer .mainListBox .item .imgBox {
    position: relative;
    display: block;
    width: 100%;
    height: 30vw;
    overflow: hidden;
    cursor: pointer;
}
.isd_mainContainer .mainListBox .item.item-ad .imgBox {
    overflow: visible;
}
.isd_mainContainer .mainListBox .item .imgBox::after {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    z-index: 1;
    left: 0;
    top: 0;
}
.isd_mainContainer .mainListBox .item .imgBox img {
    position: absolute;
    display: block;
    height: 100%;
    max-width: none;
    width: auto;
    left: 50%;
    top:50%;
    -webkit-transform: translate(-50%,-50%) scale(1);
    transform:  translate(-50%,-50%) scale(1);
    -webkit-transition:-webkit-transform  0.3s ease;
    transition: transform 0.3s ease;
}
@media screen and (min-width: 1200px) {
    .isd_mainContainer .mainListBox .item .imgBox:hover img {
        -webkit-transform: translate(-50%,-50%) scale(1.1);
        transform: translate(-50%,-50%) scale(1.1);
    }
    .isd_mainContainer .mainListBox .item.item-ad .imgBox:hover img {
        -webkit-transform: translate(-50%,-50%) scale(1);
        transform: translate(-50%,-50%) scale(1);
    }
}
.isd_mainContainer .mainListBox .item .imgBox:hover::after,
.isd_mainContainer .mainListBox .item .imgBox:active::after {
    opacity: 1;
}
.isd_mainContainer .mainListBox .item.item-ad .imgBox:hover::after,
.isd_mainContainer .mainListBox .item.item-ad .imgBox:active::after {
    opacity: 0;
}
.isd_mainContainer .mainListBox .textBox {
    position: relative;
    display: block;
    width: 100%;
}
.isd_mainContainer .mainListBox .textBox .categoryBtn {
    position: relative;
    display: block;
    margin: 2vw 0 0 0;
}
.isd_mainContainer .mainListBox .textBox .categoryBtn div {
    position: relative;
    display: block;
    font-family: "Poppins", "Microsoft JhengHei", serif;
    font-weight: 500;
    font-size: 1vw;
    line-height: 1.5vw;
    padding: 0 0 1vw 0;
    white-space: normal;
    color: #ff0000;
}
#mainListBoxSilde-popular1 {
    padding: 0 0 2vw 0;
    margin-bottom: 2vw;
    display: flex;
    justify-content: center;
    width: 100%;
}
#mainListBoxSilde-popular1::after {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 1px;
    background: #000;
    bottom: 0;
    left: 0;
}
#mainListBoxSilde-popular1 .item1{
    width: 55%;
}
#mainListBoxSilde-popular1 .item1 .imgBox{
    height: 30vw;
}
#mainListBoxSilde-popular1 .item1 .imgBox img {
    height: auto;
    width: 100%;
}
#mainListBoxSilde-popular1 .item2{
    width: 30%;
    margin: 0 0 0 5%;
}
#mainListBoxSilde-popular1 .item2 .imgBox{
    height: 30vw;
}
#mainListBoxSilde-popular2 .item-group {
    position: relative;
    display: block;
}
#mainListBoxSilde-popular2 .item-group .item {
    display: inline-block;
    vertical-align: top;
    width: 50%;
}
#mainListBoxSilde-popular2 .item-group .item .imgBox {
    height: 16vw;
    width: 100%;
}
@media screen and (max-width: 1000px) {
    #mainListBoxSilde-popular1 {
        display: block;
        width: 100%;
        overflow: visible;
        padding: 2vw 0 2vw 0;
    }
    #mainListBoxSilde-popular1::before {
        content: "";
        position: absolute;
        display: block;
        width: 4vw;
        height: 4vw;
        background: #ff0000;
        top:0;
        right: 0;
        z-index: 2;
    }
    #mainListBoxSilde-popular1 .item1{
        width: 100%;
    }
    #mainListBoxSilde-popular1 .item2{
        display: none;
    }
    #mainListBoxSilde-popular1 .item1 .imgBox,
    #mainListBoxSilde-popular1 .item2 .imgBox,
    #mainListBoxSilde-popular1 .item3 .imgBox,
    #mainListBoxSilde-popular1 .item4 .imgBox{
        height: 90vw;
    }
    #mainListBoxSilde-popular1 .item1 .imgBox img {
        height: 100%;
        width: auto;
    }
    #mainListBoxSilde-popular2 .item-group {
        position: relative;
        display: block;
    }
    #mainListBoxSilde-popular2 .item-group .item {
        display: inline-block;
        vertical-align: top;
        width: 50%;
    }
    #mainListBoxSilde-popular2 .item-group .item .imgBox {
        height: 42vw;
    }
    .isd_mainContainer .mainListBox .textBox .categoryBtn div {
        font-size: 3vw;
        line-height: 4vw;
    }
}
#Fashion .adBox300x600{
    position: absolute;
    right: 5vw;
    width: 15vw;
}
#Fashion .adBox300x600 img {
    width: 100%;
    height: auto;
}
#mainListBoxSilde-fashion1 {
    padding: 0 0 2vw 0;
    margin-bottom: 2vw;
}
#mainListBoxSilde-fashion1::after {
    content: "";
    position: absolute;
    display: none;
    width: 100%;
    height: 1px;
    background: #000;
    bottom: 0;
    left: 0;
}
#mainListBoxSilde-fashion1 .item1,
#mainListBoxSilde-fashion2 .item1,
#mainListBoxSilde-fashion2 .item3{
    width: 23vw !important;
}
#mainListBoxSilde-fashion1 .item1 .imgBox,
#mainListBoxSilde-fashion2 .item1 .imgBox,
#mainListBoxSilde-fashion2 .item3 .imgBox{
    height: 30vw;
}
#mainListBoxSilde-fashion1 .item2,
#mainListBoxSilde-fashion2 .item2{
    width: 26vw !important;
    
}
#mainListBoxSilde-fashion1 .item2 .imgBox,
#mainListBoxSilde-fashion2 .item2 .imgBox{
    height: 38vw;
}
#mainListBoxSilde-fashion1 .item2 {
    margin-left: -0.5vw;
}
#mainListBoxSilde-fashion2 .item2 {
    margin-left: -1.5vw;
}
#mainListBoxSilde-fashion2 .item3 {
    margin-left: 0vw;
}
#mainListBoxSilde-fashion2 .item4 {
    display: none;
}
@media screen and (max-width: 1000px) {
    #Fashion .adBox300x600 {
        display: none;
    }
    #mainListBoxSilde-fashion1::after {
        display: block;
    }
    #mainListBoxSilde-fashion1 .item1{
        width: 100% !important;
        margin: 0;
    }
    #mainListBoxSilde-fashion1 .item1 .imgBox{
        height: 90vw;
    }
    #mainListBoxSilde-fashion1 .item2 {
        display: none;
    }
    #mainListBoxSilde-fashion2 .item1,
    #mainListBoxSilde-fashion2 .item2,
    #mainListBoxSilde-fashion2 .item3{
        width: 100%!important;
        margin: 0;
    }
    #mainListBoxSilde-fashion2 .item .imgBox {
        height: 42vw;
    }
}

#Accessories .adBox300x250{
    position: absolute;
    right: 5vw;
    width: 15vw;
}
#Accessories .adBox300x250 img {
    width: 100%;
    height: auto;
}
.isd_mainContainer .mainListBox.mainListBox-type2 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.isd_mainContainer .mainListBox.mainListBox-type2 .item1 {
    width: 40vw;
}
.isd_mainContainer .mainListBox.mainListBox-type2 .item1 .imgBox {
    height: 42vw;
}
.isd_mainContainer .mainListBox.mainListBox-type2 .item2 {
    width: 24vw;
    margin-top: 18vw;
}
.isd_mainContainer .mainListBox.mainListBox-type2 .item2 .imgBox {
    height: 24vw;
}
.isd_mainContainer .mainListBox.mainListBox-type2 .item3 {
    width: 18vw;
    margin-top: 2vw;
}
.isd_mainContainer .mainListBox.mainListBox-type2 .item3 .imgBox {
    height: 23vw;
}
.isd_mainContainer .mainListBox.mainListBox-type2 .item4 {
    margin-top: 2vw;
}
.isd_mainContainer .mainListBox.mainListBox-type2 .item5 {
    width: 18vw;
    margin-top: 2vw;
}
.isd_mainContainer .mainListBox.mainListBox-type2 .item5 .imgBox {
    height: 23vw;
}
@media screen and (max-width: 1000px) {
    #Accessories .adBox300x250{
        display: none;
    }
    .isd_mainContainer .mainListBox.mainListBox-type2 .item {
        width: 100%;
        margin: 0;
    }
    .isd_mainContainer .mainListBox.mainListBox-type2 .item1 .imgBox {
        height: 90vw;
    }
    .isd_mainContainer .mainListBox.mainListBox-type2 .item2,
    .isd_mainContainer .mainListBox.mainListBox-type2 .item3,
    .isd_mainContainer .mainListBox.mainListBox-type2 .item4,
    .isd_mainContainer .mainListBox.mainListBox-type2 .item5{
        display: flex;
        justify-content: space-between;
        border-top: 1px solid #000;
        padding-top: 3vw;
        padding-bottom: 3vw;
    }
    .isd_mainContainer .mainListBox.mainListBox-type2 .item2 .imgBox,
    .isd_mainContainer .mainListBox.mainListBox-type2 .item3 .imgBox,
    .isd_mainContainer .mainListBox.mainListBox-type2 .item4 .imgBox,
    .isd_mainContainer .mainListBox.mainListBox-type2 .item5 .imgBox {
        height: 42vw;
        width: 50%;
    }
    .isd_mainContainer .mainListBox.mainListBox-type2 .item2 .textBox,
    .isd_mainContainer .mainListBox.mainListBox-type2 .item3 .textBox,
    .isd_mainContainer .mainListBox.mainListBox-type2 .item4 .textBox,
    .isd_mainContainer .mainListBox.mainListBox-type2 .item5 .textBox {
        padding-left: 3vw;
        width: 50%;
    }
    .isd_mainContainer .mainListBox.mainListBox-type2 .item2 .textBox .categoryBtn,
    .isd_mainContainer .mainListBox.mainListBox-type2 .item3 .textBox .categoryBtn,
    .isd_mainContainer .mainListBox.mainListBox-type2 .item4 .textBox .categoryBtn,
    .isd_mainContainer .mainListBox.mainListBox-type2 .item5 .textBox .categoryBtn {
        margin-bottom: 3vw;
    }
}

#Beauty .adBox300x600{
    position: absolute;
    right: 5vw;
    width: 15vw;
}
#Beauty .adBox300x600 img {
    width: 100%;
    height: auto;
}
#mainListBoxSilde-beauty1 {
    padding: 0 0 2vw 0;
    margin-bottom: 2vw;
}
#mainListBoxSilde-beauty1::after {
    content: "";
    position: absolute;
    display: none;
    width: 100%;
    height: 1px;
    background: #000;
    bottom: 0;
    left: 0;
}
#mainListBoxSilde-beauty1 .item1 {
    width: 45vw;
}
#mainListBoxSilde-beauty1 .item1 .imgBox {
    height: 50vw;
}
#mainListBoxSilde-beauty2 .item1,
#mainListBoxSilde-beauty2 .item3{
    width: 18vw !important;
    margin-top: 0;
}

#mainListBoxSilde-beauty2 .item1 .imgBox,
#mainListBoxSilde-beauty2 .item3 .imgBox{
    height: 23vw;
}
#mainListBoxSilde-beauty1 .item2,
#mainListBoxSilde-beauty2 .item2{
    width: 28vw !important;
    
}
#mainListBoxSilde-beauty1 .item2 .imgBox,
#mainListBoxSilde-beauty2 .item2 .imgBox{
    height: 38vw;
}
#mainListBoxSilde-beauty1 .item2 {
    margin-left: 2vw;
}
#mainListBoxSilde-beauty2 .item2 {
    margin-left: -2vw;
}
#mainListBoxSilde-beauty2 .item3 {
    margin-left: 6vw;
}
#Beauty .dot-list-box {
    display: none;
}

@media screen and (max-width: 1000px) {
    #Beauty .dot-list-box {
        display: block;
    }
    #Beauty .adBox300x600 {
        display: none;
    }
    #mainListBoxSilde-beauty1::after {
        display: block;
    }
    #mainListBoxSilde-beauty1 .item1,
    #mainListBoxSilde-beauty1 .item2,
    #mainListBoxSilde-beauty1 .item3,
    #mainListBoxSilde-beauty1 .item4{
        width: 100% !important;
        margin: 0;
    }
    #mainListBoxSilde-beauty1 .item1 .imgBox,
    #mainListBoxSilde-beauty1 .item2 .imgBox,
    #mainListBoxSilde-beauty1 .item3 .imgBox,
    #mainListBoxSilde-beauty1 .item4 .imgBox{
        height: 90vw;
    }
    #mainListBoxSilde-beauty1 .item2 {
        display: none;
    }
    #mainListBoxSilde-beauty2 .item1,
    #mainListBoxSilde-beauty2 .item2,
    #mainListBoxSilde-beauty2 .item3,
    #mainListBoxSilde-beauty2 .item4{
        width: 100%!important;
        margin: 0;
    }
    #mainListBoxSilde-beauty2 .item .imgBox {
        height: 42vw;
    }
}

#LifeStyle .adBox300x250{
    position: absolute;
    right: 3vw;
    top:67vw;
    width: 15vw;
}
#LifeStyle .adBox300x250 img {
    width: 100%;
    height: auto;
}
#LifeStyle .adBox300x600{
    position: absolute;
    right: 3vw;
    top:82vw;
    width: 15vw;
}
#LifeStyle .adBox300x600 img {
    width: 100%;
    height: auto;
}
#LifeStyle.isd_mainContainer .mainContentBox::after {
    content: "";
    position: absolute;
    display: block;
    width: 70%;
    height: 1px;
    background: #000;
    top:67vw;
    left: 0;
}
.isd_mainContainer .mainListBox.mainListBox-type3 {
    display: flex;
    justify-content:flex-start;
    flex-wrap: wrap;
    width: 100%;
}
.isd_mainContainer .mainListBox.mainListBox-type3 .item1,
.isd_mainContainer .mainListBox.mainListBox-type3 .item3{
    width: 24vw;
}
.isd_mainContainer .mainListBox.mainListBox-type3 .item1 .imgBox,
.isd_mainContainer .mainListBox.mainListBox-type3 .item3 .imgBox{
    height: 30vw;
}
.isd_mainContainer .mainListBox.mainListBox-type3 .item2 {
    width: 30vw;
    margin: 0;
}
.isd_mainContainer .mainListBox.mainListBox-type3 .item2 .imgBox {
    height: 38vw;
}
.isd_mainContainer .mainListBox.mainListBox-type3 .item4,
.isd_mainContainer .mainListBox.mainListBox-type3 .item6{
    margin-top: 6vw;
    width: 18vw;
}
.isd_mainContainer .mainListBox.mainListBox-type3 .item4 .imgBox,
.isd_mainContainer .mainListBox.mainListBox-type3 .item6 .imgBox{
    height: 17vw;
}
.isd_mainContainer .mainListBox.mainListBox-type3 .item5 {
    width: 22vw;
    margin: 6vw 0 0 0;
}
.isd_mainContainer .mainListBox.mainListBox-type3 .item5 .imgBox{
    height: 22vw;
}
@media screen and (max-width: 1000px) {
    #LifeStyle.isd_mainContainer .mainContentBox::after {
        display: none;
    }
    #LifeStyle .adBox300x250{
        display: none;
    }
    #LifeStyle .adBox300x600{
        display: none;
    }
    .isd_mainContainer .mainListBox.mainListBox-type3 .item {
        width: 100%;
        margin: 0;
    }
    .isd_mainContainer .mainListBox.mainListBox-type3 .item1 .imgBox {
        height: 90vw;
    }
    .isd_mainContainer .mainListBox.mainListBox-type3 .item2,
    .isd_mainContainer .mainListBox.mainListBox-type3 .item3,
    .isd_mainContainer .mainListBox.mainListBox-type3 .item4,
    .isd_mainContainer .mainListBox.mainListBox-type3 .item5,
    .isd_mainContainer .mainListBox.mainListBox-type3 .item6{
        display: flex;
        justify-content: space-between;
        border-top: 1px solid #000;
        padding-top: 3vw;
        padding-bottom: 3vw;
    }
    .isd_mainContainer .mainListBox.mainListBox-type3 .item2 .imgBox,
    .isd_mainContainer .mainListBox.mainListBox-type3 .item3 .imgBox,
    .isd_mainContainer .mainListBox.mainListBox-type3 .item4 .imgBox,
    .isd_mainContainer .mainListBox.mainListBox-type3 .item5 .imgBox,
    .isd_mainContainer .mainListBox.mainListBox-type3 .item6 .imgBox{
        height: 42vw;
        width: 50%;
    }
    .isd_mainContainer .mainListBox.mainListBox-type3 .item2 .textBox,
    .isd_mainContainer .mainListBox.mainListBox-type3 .item3 .textBox,
    .isd_mainContainer .mainListBox.mainListBox-type3 .item4 .textBox,
    .isd_mainContainer .mainListBox.mainListBox-type3 .item5 .textBox,
    .isd_mainContainer .mainListBox.mainListBox-type3 .item6 .textBox{
        padding-left: 3vw;
        width: 50%;
    }
    .isd_mainContainer .mainListBox.mainListBox-type3 .item2 .textBox .categoryBtn,
    .isd_mainContainer .mainListBox.mainListBox-type3 .item3 .textBox .categoryBtn,
    .isd_mainContainer .mainListBox.mainListBox-type3 .item4 .textBox .categoryBtn,
    .isd_mainContainer .mainListBox.mainListBox-type3 .item5 .textBox .categoryBtn,
    .isd_mainContainer .mainListBox.mainListBox-type3 .item6 .textBox .categoryBtn {
        margin-bottom: 3vw;
    }
}

.isd_mainContainer .moreBtn {
    position: relative;
    display: block;
    width: 200px;
    height: 50px;
    background: #555;
    color:#fff;
    text-align: center;
    line-height: 50px;
    font-size: 15px;
    cursor: pointer;
    -webkit-transition: background 0.2s ease;
    transition: background 0.2s ease;
    margin: 3.5vw auto;
    font-family: "DomaineDisplay","Domaine Display",'Playfair Display',"Noto Serif TC", "Microsoft JhengHei", serif;
}
.isd_mainContainer .moreBtn a {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top:0;
    left: 0;
}
@media screen and (max-width: 1000px) {
    .isd_mainContainer .moreBtn {
        margin: 5vw auto;
    }
}
@media screen and (min-width: 1200px) {
    .isd_mainContainer .moreBtn:hover {
        background: #000;
    }
}
.isd_mainContainer .btv-listBox {
    position: relative;
    display: flex;
    width: 100%;
}
.isd_mainContainer .btv-listBox li {
    position: relative;
    display: block;
    width: 48%;
    margin: 0 0.3% 0 0.3%;
}
.isd_mainContainer .mainVideoBox {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    height: 27vw;
}
.isd_mainContainer .mainVideoBox .video-content {
    position: relative;
    display: block;
    width: 100%;
    height: 27vw;
}
.isd_mainContainer .mainVideoBox .video-title {
    display: none;
}
.isd_mainContainer .mainVideoBox .video-artcilebox {
    position: relative;
    display: block;
    width: 50%;
    height: 13.5vw;
    overflow: hidden;
    cursor: pointer;
}
.isd_mainContainer .mainVideoBox .video-artcilebox img {
    position: relative;
    display: block;
    height: 100%;
    width: auto;
}
.isd_mainContainer .mainVideoBox .video-artcilebox:hover::before {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    left: 0;
    top: 0;
    z-index: 1;
}
.isd_mainContainer .mainVideoBox .video-artcilebox:hover::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 2vw 0 2vw 4vw;
    border-color: transparent transparent transparent #ffffff;
    left: calc(50% - 2vw);
    top:calc(50% - 2vw);
    z-index: 2;
}
@media screen and (max-width: 1000px) {
    .isd_mainContainer .btv-listBox {
        display: block;
        padding-bottom: 3vw;
    }
    .isd_mainContainer .btv-listBox li {
        width: 100%;
        margin: 0;
    }
    .isd_mainContainer .mainVideoBox {
        width: 100%;
        height: auto;
    }
    .isd_mainContainer .mainVideoBox .video-content {
        width: 100%;
        height: 55vw;
    }
    .isd_mainContainer .mainVideoBox .video-title {
        position: relative;
        display: block;
        margin: 1vw 0 3vw 0;
    }
    .isd_mainContainer .mainVideoBox .video-artcilebox {
        width: 50%;
        height: 32vw;
    }
    .isd_mainContainer .mainVideoBox .video-artcilebox:hover::after {
        border-width: 4vw 0 4vw 8vw;
        border-color: transparent transparent transparent #ffffff;
        left: calc(50% - 4vw);
        top:calc(50% - 4vw);
    }
}
.isd_mainContainer .mainContentBox .subTitle {
    position: relative;
    display: block;
    font-size: 2vw;
    line-height: 2vw;
    padding: 0 0 2vw 0;
    font-family: 'Cinzel',"Noto Serif TC", "Microsoft JhengHei", serif;
    letter-spacing: -0.15vw;
}
@media screen and (max-width: 1000px) {
    .isd_mainContainer .mainContentBox .subTitle {
        font-size: 5vw;
        line-height: 5vw;
    }
    
}
#b-clubList {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
}
#b-clubList .mainListBox .item1,
#b-clubList .mainListBox .item3{
    width: 22vw;
}
#b-clubList .mainListBox .item2 {
    width: 34vw;
}
#b-clubList .mainListBox .item2 .imgBox {
    height: 40vw;
}
.clubbtn {
    position: relative;
    display: block;
    width: 150px;
    border: 1px solid #000;
    color:#000;
    font-size: 15px;
    line-height: 40px;
    text-align: center;
    left: 50%;
    margin: 3vw 0 2vw -75px;
    cursor: pointer;
    font-family: "DomaineDisplay","Domaine Display",'Playfair Display',"Noto Serif TC", "Microsoft JhengHei", serif;
}
.clubbtn:hover {
    background: #000;
    color: #fff;
}
.clubbtn::before {
    content: "我要參加";
    position: relative;
    display: block;
}
.event-end .clubbtn {
    color: #fff;
    background: #888;
    border: 0;
}
.event-end .clubbtn a {
    display: none;
}
.event-end .clubbtn::before {
    content: "活動結束";
}
@media screen and (max-width: 1000px) {
    #b-clubList .mainListBox .item1{
        width: 100%;
        margin: 0;
    }
    #b-clubList .mainListBox .item1 {
        display: flex;
        justify-content: space-between;
        margin: 0 0 3vw 0;
        padding-bottom: 3vw;
        border-bottom: 1px solid #000;
    }
    #b-clubList .mainListBox .item1 .imgBox {
        width: 95%;
        height: 56vw;
    }
    #b-clubList .mainListBox .item1 .textBox {
        padding: 0 0 0 2vw;
    }
    #b-clubList .mainListBox .item2,
    #b-clubList .mainListBox .item3{
        width: 50%;
        margin-top: 0;
    }
    #b-clubList .mainListBox .item2 .imgBox,
    #b-clubList .mainListBox .item3 .imgBox{
        height: 56vw;
    }
    #b-clubList .mainListBox .item1 .textBox{
        height: 56vw;
    }
    #b-clubList .mainListBox .item2 .textBox,
    #b-clubList .mainListBox .item3 .textBox{
        height: 47vw;
    }
    #b-clubList .mainListBox .item .categoryBtn {
        margin-bottom: 3vw;
    }
    #b-clubList .mainListBox .item .authorBtn {
        position: absolute;
        bottom: 2vw;
    }
    .clubbtn {
        margin-bottom: 0;
        margin-top: 0;
        position: absolute;
        top:27vw;
    }
    .clubbtn {
        width: 100px;
        font-size: 13px;
        line-height: 30px;
        left: 50%;
        margin-left: -50px;
        margin-bottom: 50px;
    }
}

#b-clubList2 {
    position: relative;
    display: block;
    width: 66%;
    overflow: hidden;
}
#b-clubList2 .mainListBox .item{
    width: 25vw;
}
#b-clubList2 .mainListBox .item .imgBox {
    height: 25vw;
}
#b-clubList2 .mainListBox .item .authorBtn {
    font-family: "DomaineDisplay","Domaine Display",'Playfair Display',"Noto Serif TC", "Microsoft JhengHei", serif;
}
@media screen and (max-width: 1000px) {
    #b-clubList2 {
        width: 100%;
    }
    #b-clubList2 .mainListBox .item{
        width: 100%;
        margin: 0;
    }
    #b-clubList2 .mainListBox .item {
        display: flex;
        justify-content: space-between;
        margin: 0 0 3vw 0;
        padding-bottom: 3vw;
        
    }
    #b-clubList2 .mainListBox .item1 {
        border-bottom: 1px solid #000;
    }
    #b-clubList2 .mainListBox .item .imgBox {
        width: 95%;
        height: 47vw;
    }
    #b-clubList2 .mainListBox .item .textBox {
        padding: 0 0 0 2vw;
    }
    #b-clubList2 .mainListBox .item .categoryBtn {
        margin-bottom: 3vw;
    }
    #b-clubList2 .mainListBox .item .authorBtn {
        position: absolute;
        bottom: 0;
    }
}
.isd_mainContainer .boFormBox {
    position: absolute;
    right: 0;
    top: 86.5vw;
    width: 25vw;
}
.isd_mainContainer .boFormBox .formBox {
    position: relative;
    display: block;
    width: 100%;
    border: 1px solid #E1E1E1;
}
.isd_mainContainer .boFormBox.boFormBoxMobile {
    display: none;
}
.isd_mainContainer .boFormBox .titleImg {
    position: relative;
    display: block;
    width: 100%;
    padding: 1vw 0 1vw 0;
    background: #333;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-size: 3vw;
    line-height: 4vw;
    text-align: center;
    font-weight: bold;
}
.isd_mainContainer .boFormBox .titleImg img {
    position: relative;
    width: 80%;
    max-width: 300px;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0);
}
.isd_mainContainer .boFormBox .textBox {
    position: relative;
    display: block;
    width: 100%;
    left: 0;
    margin: 0;
    padding: 15px;
}
.isd_mainContainer .boFormBox .textBox span {
    position: relative;
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 20px;
    color:#666;
}
.isd_mainContainer .boFormBox .textBox .formList {
    position: relative;
    display: block;
    width: 100%;
}
.isd_mainContainer .boFormBox .textBox .formList li {
    position: relative;
    display: block;
    width: 100%;
    height: 30px;
    margin: 1.5vw 0 1.5vw 0;
}
.isd_mainContainer .boFormBox .textBox .formList li input {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    font-size: 15px;
    line-height: 30px;
    border:1px solid #E1E1E1;
    padding: 0 5px 0 5px;
}
.isd_mainContainer .boFormBox .textBox .sendBtn {
    position: relative;
    display: block;
    width: 100%;
    height: 50px;
    font-size: 15px;
    line-height: 50px;
    text-align: center;
    background: #333;
    color:#fff;
    cursor: pointer;
    margin: 35px 0 15px 0;
}
.isd_mainContainer .boFormBox .textBox .fbBtn {
    position: relative;
    display: block;
    width: 100%;
    height: 50px;
    font-size: 15px;
    line-height: 50px;
    text-align: center;
    background: #333;
    color:#fff;
    cursor: pointer;
    margin: 0 0 3vw 0;
}
@media screen and (min-width: 1200px) {
    .isd_mainContainer .boFormBox .textBox .sendBtn:hover {
        background: #000;
    }
    .isd_mainContainer .boFormBox .textBox .fbBtn:hover {
        background: #000;
    }
}
@media screen and (max-width: 1000px) {
    .isd_mainContainer .boFormBox {
        position: relative;
        width: 80%;
        left: 10%;
        top: auto;
        border-top: 1px solid #000;
        padding: 4vw 0 0 0;
        margin: 7vw 0 0 0;
    }
    .isd_mainContainer .boFormBox .titleImg {
        padding: 2vw 0 2vw 0;
        font-size: 7vw;
        line-height: 7vw;
    }
    .isd_mainContainer .boFormBox .textBox .formList li {
        margin: 3vw 0 3vw 0;
    }
}
.isd_subscribeBox {
    padding: 5vw 0 5vw 0;
    border-top: 1px solid #000;
}
.isd_subscribeBox .coverBox {
    position: relative;
    display: flex;
    justify-content:center;
    align-items: center;
    width: 100%;
}
.isd_subscribeBox .coverImgBox {
    position: relative;
    display: block;
    width: 50%;
    max-width: 370px;
}
.isd_subscribeBox .coverImgBox img {
    position: relative;
    display: block;
    width: 100%;
}
.isd_subscribeBox .coverTextBox {
    position: relative;
    display: block;
    width: 50%;
    font-family: "DomaineDisplay","Domaine Display",'Playfair Display',"Noto Serif TC", "Microsoft JhengHei", serif;
    padding: 0 0 0 7vw;
}
.isd_subscribeBox dl {
    position: relative;
    display: block;
    width: 100%;
    text-align: left;
}
.isd_subscribeBox dl dt {
    position: relative;
    display: block;
    font-size: 4vw;
    line-height: 5vw;
    font-weight: bold;
    color:#000;
}
.isd_subscribeBox dl dd {
    position: relative;
    display: block;
    font-size: 2vw;
    line-height: 2.5vw;
    color:#000;
    padding: 1vw 0 2vw 0;
    font-weight: bold;
}

.isd_subscribeBox .subscribeBtn {
    position: relative;
    display: block;
    text-align: center;
    width: 200px;
    height: 50px;
    background: #555;
    color: #fff;
    cursor: pointer;
    font-size: 18px;
    line-height: 50px;
    -webkit-transition: background 0.2s ease, color 0.2s ease;
    transition: background 0.2s ease, color 0.2s ease;
}
.isd_subscribeBox .subscribeBtn:hover {
    background: #000;
}
.isd_subscribeBox .subscribeBtn a {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
}
@media screen and (max-width: 1000px) {
    .isd_subscribeBox {
        margin-top: 8vw;
    }
    .isd_subscribeBox .coverBox {
        flex-direction: column;
        width: 100%;
    }
    .isd_subscribeBox .coverImgBox {
        width: 100%;
    }
    .isd_subscribeBox .coverTextBox {
        width: 100%;
        padding: 5vw 0 5vw 0;
    }
    .isd_subscribeBox dl {
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .isd_subscribeBox dl dt {
        font-size: 8vw;
        line-height: 8vw;
        padding: 2vw 0 2vw 0;
        text-align: left;
    }
    .isd_subscribeBox dl dd {
        font-size: 5vw;
        line-height: 6vw;
        padding: 4vw 0 4vw 0;
        text-align: left;
    }
    .isd_subscribeBox .subscribeBtn {
        left: 50%;
        margin: 0 0 0 -100px;
    }
}
.isd_mainFormBox {
    background: #f2f2f2;
    font-size: 0;
    line-height: 0;
    padding: 3vw 0 5vw 0;
    text-align: center;
}
.isd_mainFormBox .logoBg {
    position: absolute;
    display: block;
    width: 60%;
    bottom: 0;
    left: 0;
    opacity: 0.05;
}
.isd_mainFormBox .logoBg img {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
}
@media screen and (max-width: 1200px) {
    .isd_mainFormBox {
        padding: 5vw 0 25vw 0;
    }
    .isd_mainFormBox .logoBg {
        width: 100%;
        height: 23vw;
        text-align: center;
    }
    .isd_mainFormBox .logoBg img {
        width: auto;
        height: 100%;
        display: inline-block;
    }
}
.isd_mainFormBox .leftBox {
    position: relative;
    display: inline-block;
    width: 50%;
    vertical-align: top;
}
.isd_mainFormBox .rightBox {
    position: relative;
    display: inline-block;
    width: 40%;
    vertical-align: top;
    margin: 0 0 0 10%;
}
.isd_mainFormBox.loginStyle .rightBox{
    display: none;
}
.isd_mainFormBox .formList {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 0 3vw 0;
    text-align: left;
}
.isd_mainFormBox .formList dt {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 0 15px 0;
    font-size: 3.5vw;
    line-height: 4vw;
    font-family: "GFS Didot","Noto Serif TC", "Microsoft JhengHei", serif;
}
.isd_mainFormBox .formList::before {
    content: "";
    position: absolute;
    display: block;
    width:4px;
    height: 100%;
    background: #000000;
    top:0;
    left: -15px;
}
.rightBox .formList::before {
    height: calc(5vw + 24px);
}
.isd_mainFormBox .formList dt img {
    position: relative;
    display: block;
    width: 100%;
}
.isd_mainFormBox .formList dd {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 0 15px 0;
    font-family: "DomaineDisplay","Domaine Display",'Playfair Display',"Noto Serif TC", "Microsoft JhengHei", serif;
}
.isd_mainFormBox .formList dd span {
    position: relative;
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 24px;
    color:#000;
}
.isd_mainFormBox .formList .inputBox {
    position: relative;
    display: block;
    width: 100%;
    height: 40px;
}
.isd_mainFormBox .formList .inputBox input {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    font-size: 15px;
    line-height: 40px;
    padding: 0 10px 0 10px;
    border: 0;
    background: #fff;
}
.isd_mainFormBox .formList .socialList {
    position: relative;
    display: block;
    width: 100%;
}
.isd_mainFormBox .formList .socialList li {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 50px;
    vertical-align: top;
    margin: 0 15px 0 0;
}
.isd_mainFormBox .formList .joinFormList {
    position: relative;
    display: block;
    width: 100%;
}
.isd_mainFormBox .formList .joinFormList li {
    position: relative;
    display: block;
    margin: 0 0 20px 0;
}
.isd_mainFormBox .formList .joinFormList .sendBtn {
    position: relative;
    display: inline-block;
    width: calc(40% - 10px);
    height: 40px;
    vertical-align: top;
    background: #000000;
    text-align: center;
    color:#fff;
    font-size: 15px;
    line-height: 40px;
    cursor: pointer;
    margin: 0 20px 0 0;
}
.isd_mainFormBox .formList .joinFormList .sendBtn a {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.isd_mainFormBox .formList .joinFormList .fbRegBtn {
    position: relative;
    display: inline-block;
    width: calc(60% - 10px);
    height: 40px;
    vertical-align: top;
    background: #000;
    text-align: center;
    color:#fff;
    font-size: 15px;
    line-height: 40px;
    cursor: pointer;
}
.isd_mainFormBox .formList .joinFormList .fbRegBtn a {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.isd_mainFormBox .formList .subscribeBox .inputBox {
    display: inline-block;
    width: calc(100% - 150px);
    vertical-align: top;
}
.isd_mainFormBox .formList .subscribeBox .subscribeBtn {
    position: relative;
    display: inline-block;
    width: 150px;
    height: 40px;
    background: #000000;
    text-align: center;
    color:#fff;
    font-size: 15px;
    line-height: 40px;
    cursor: pointer;
}
.isd_mainFormBox .formList .subscribeBox .subscribeBtn a {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
@media screen and (min-width: 1200px) {
    .isd_mainFormBox .formList .subscribeBox .subscribeBtn:hover {
        background: #555;
    }
    .isd_mainFormBox .formList .joinFormList .sendBtn:hover {
        background: #555;
    }
    .isd_mainFormBox .formList .joinFormList .fbRegBtn:hover {
        background: #555;
    }
    .isd_mainFormBox .formList .socialList li:hover {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}
@media screen and (max-width: 1000px) {
    .isd_mainFormBox .formList dt {
        font-size: 8vw;
        line-height: 8vw;
    }
    .rightBox .formList::before {
        height: calc(10vw + 24px);
    }
    .isd_mainFormBox .leftBox {
        display: block;
        width: 100%;
        max-width: 500px;
        left: 50%;
        -webkit-transform: translate(-50%,0);
        transform: translate(-50%,0);
    }
    .isd_mainFormBox .rightBox {
        display: block;
        width: 100%;
        max-width: 500px;
        vertical-align: top;
        margin: 0;
        left: 50%;
        -webkit-transform: translate(-50%,0);
        transform: translate(-50%,0);
    }
    .isd_mainFormBox .formList {
        margin: 0 0 7vw 0;
    }
    .isd_mainFormBox .formList .socialList li {
        width: 35px;
        height: 35px;
    }
}
.isd_footerBox .mainContentBox {
    padding: 25px 0 25px 0;
}
.isd_footerBox .footerList {
    position: relative;
    display: block;
    font-size: 0;
    line-height: 0;
    padding: 0 0 15px 0;
    text-align: center;
}
.isd_footerBox .footerList li {
    position: relative;
    display: inline-block;
    font-size: 13px;
    line-height: 15px;
    margin: 0 15px 0 15px;
    color:#515151;
}
.isd_footerBox .footerList li:hover {
    color:#000;
}
.isd_footerBox .copyrightBox {
    position: relative;
    display: block;
    padding: 15px 0 0 0;
    border-top:1px solid #E1E1E1;
    text-align: center;
    color:#b2b2b2;
    font-size: 12px;
    line-height: 18px;
}
.isd_footerBox .copyrightBox br {
    display: none;
}
@media screen and (max-width: 500px) {
    .isd_footerBox .footerList li {
        display: block;
        margin: 15px 0 0 0;
    }
    .isd_footerBox .copyrightBox br {
        display: block;
    }
}
.isd_menuLightBox {
    position: fixed;
    display: block;
    width: 100%;
    height: 100%;
    top:0;
    left: -100%;
    background: #000;
    z-index: 9999;
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-transition: left 0.3s ease;
    transition: left 0.3s ease;
}
.isd_menuLightBox.expand {
    left: 0;
}
.isd_menuLightBox::-webkit-scrollbar {
  width: 5px;
}

/* Track */
.isd_menuLightBox::-webkit-scrollbar-track {
  background: #333;
}

/* Handle */
.isd_menuLightBox::-webkit-scrollbar-thumb {
  background: #ccc;
}

/* Handle on hover */
.isd_menuLightBox::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.isd_menuLightBox .menuContainer {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    padding: 100px 8% 0 8%;
    font-size: 0;
    line-height: 0;
}
.isd_menuLightBox .closeBtn {
    position: absolute;
    display: block;
    width: 50px;
    height: 50px;
    left: 20px;
    top:20px;
    cursor: pointer;
}
.isd_menuLightBox .closeBtn::before {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 2px;
    top:50%;
    background: #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.isd_menuLightBox .closeBtn::after {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 2px;
    top:50%;
    background: #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.isd_menuLightBox .menuContainer .menu-taglist {
    position: relative;
    display: block;
    width: 100%;
    text-align: center;
    order: 1;
    padding: 0 0 3vw 0;
}
.isd_menuLightBox .menuContainer .menu-taglist li {
    position: relative;
    display: inline-block;
    height: 25px;
    font-size: 15px;
    line-height: 25px;
    text-align: center;
    cursor: pointer;
    margin: 0 10px 0 10px;
    background: #000;
    border:1px solid #fff;
    color:#fff;
    border-radius: 12px 12px 12px 0;
    padding: 0 10px 0 10px;
    vertical-align: middle;
    -webkit-transition: background 0.2s ease, color 0.2s ease;
    transition: background 0.2s ease, color 0.2s ease;
    font-family: "DomaineDisplay","Domaine Display",'Playfair Display',"Noto Serif TC", "Microsoft JhengHei", serif;
}
.isd_menuLightBox .menuContainer .menu-taglist li:hover {
    background: #ff0000;
    border: 1px solid #ff0000;
}
.isd_menuLightBox .menuContainer .menu-taglist li a {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
@media screen and (max-width: 1000px) {
    .isd_menuLightBox .menuContainer .menu-taglist li {
        font-size: 12px;
        margin: 0 4px 0 4px;
    }
}
.isd_menuLightBox .menuContainer .menuListBox {
    position: relative;
    display: block;
    width: 82%;
    vertical-align: top;
    order: 3;
    margin: 2vw 0 0 2vw;
    font-family: "DomaineDisplay","Domaine Display",'Playfair Display',"Noto Serif TC", "Microsoft JhengHei", serif;
}
.isd_menuLightBox .menuContainer .menuListBox dl {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width:25%;
    margin: 0 0 3vw 0;
}
.isd_menuLightBox .menuContainer .menuListBox dl dt {
    position: relative;
    display: block;
    color:#fff;
    padding: 1vw 0 1vw 0;
    font-size: 1.5vw;
    line-height: 1.5vw;
    border-top: 1px solid #5E5E5E;
    border-bottom: 1px solid #5E5E5E;
    cursor: pointer;
    font-family: 'GFS Didot',"Noto Serif TC", serif,"Microsoft JhengHei", serif;
}
.isd_menuLightBox .menuContainer .menuListBox dl dt span {
    position: relative;
    display: block;
    padding: 0 0 0.5vw 0;
}
@media screen and (min-width: 1200px) {
    .isd_menuLightBox .menuContainer .menuListBox dl:hover dt span {
        color: #ff0000;
    }
}
.isd_menuLightBox .menuContainer .menuListBox dl dd {
    position: relative;
    display: block;
    width: 100%;
    font-family: 'GFS Didot',"Noto Serif TC", serif,"Microsoft JhengHei", serif;
}
.isd_menuLightBox .menuContainer .menuListBox dl dd ul {
    position: relative;
    display: block;
    width: 100%;
    margin: 15px 0 0 0;
}
.isd_menuLightBox .menuContainer .menuListBox dl dd ul li {
    position: relative;
    display: block;
    width: 100%;
    font-size: 1vw;
    line-height: 1vw;
    color:#fff;
    margin: 0 0 1vw 0;
    padding: 0 7vw 0 0;
}
.isd_menuLightBox .menuContainer .menuListBox dl dd ul li a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.isd_menuLightBox .menuContainer .menuListBox dl dd span {
    position: relative;
    display: inline-block;
}
.isd_menuLightBox .menuContainer .menuListBox dl dd span:nth-child(1) {
    opacity: 0;
    position: absolute;
}
.isd_menuLightBox .menuContainer .menuListBox dl dd span:nth-child(2) {
}
@media screen and (max-width: 1550px) {
    .isd_menuLightBox .menuContainer .menuListBox dl dd ul li {
        padding: 0 3vw 0 0;
    }
}
@media screen and (max-width: 1350px) {
    .isd_menuLightBox .menuContainer .menuListBox dl dd ul li {
        padding: 0 1.5vw 0 0;
    }
}
@media screen and (min-width: 1200px) {
    .isd_menuLightBox .menuContainer .menuListBox dl dd li:hover span:nth-child(1) {
        color: #ff0000;
        opacity: 1;
    }
    .isd_menuLightBox .menuContainer .menuListBox dl dd li:hover span:nth-child(2) {
        opacity: 0;
    }
}
.isd_menuLightBox .menuContainer .adBox {
    position: absolute;
    display: block;
    right: 0;
    top:0;
    width: 15vw;
    vertical-align: top;
    text-align: center;
    margin: 0 auto;
}
.isd_menuLightBox .menuContainer .adBox .ad1 {
    position: relative;
    display: block;
    width: 100%;
}
.isd_menuLightBox .menuContainer .adBox .ad2 {
    position: relative;
    display: block;
    width: 100%;
    margin: 3vw 0 0 0;
}
.isd_menuLightBox .menuContainer .adBox img {
    position: relative;
    display: none;
    width: 100%;
}
@media screen and (max-width: 1000px) {
    .isd_menuLightBox .menuContainer .menuListBox {
        order: 2;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
    }
    .isd_menuLightBox .menuContainer .adBox {
        display: none;
    }
    .isd_menuLightBox .menuContainer {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
    }
    .isd_menuLightBox .menuContainer .menuListBox dl {
        width: 100%;
        display: block;
        border-bottom: 1px solid #646464;
        margin: 0;
        padding: 0;
    }
    .isd_menuLightBox .menuContainer .menuListBox dl dt {
        border: 0;
        padding: 3vw 0 3vw 5vw;
        margin: 0;
    }
    .isd_menuLightBox .menuContainer .menuListBox dl dt span:nth-child(1) {
        font-size: 30px;
        line-height: 30px;
        position: relative;
        display: inline-block;
        vertical-align: middle;
        opacity: 1;
    }
    .isd_menuLightBox .menuContainer .menuListBox dl dt span:nth-child(2) {
        font-size: 20px;
        line-height: 20px;
        position: relative;
        display: inline-block;
        vertical-align: middle;
        margin: 0 0 0 2vw;
    }
    .isd_menuLightBox .menuContainer .menuListBox dl dd {
        display: none;
        width: 100%;
        padding: 0.5vw 0 0.5vw 10vw;
        background: #222;
    }
    .isd_menuLightBox .menuContainer .menuListBox dl.expand dd {
        display: block;
        
    }
    .isd_menuLightBox .menuContainer .menuListBox dl dd span:nth-child(1) {
        font-size: 20px;
        line-height: 20px;
        position: relative;
        display: inline-block;
        vertical-align: middle;
        opacity: 1;
        float: none;
        font-weight: bold;
        padding: 1vw 0 1vw 0;
    }
    .isd_menuLightBox .menuContainer .menuListBox dl dd span:nth-child(2) {
        font-size: 13px;
        line-height: 13px;
        position: relative;
        display: inline-block;
        vertical-align: middle;
        margin: 1vw 0 1vw 2vw;
    }
    .isd_menuLightBox .menuContainer .menuListBox dl dd li {
        position: relative;
        display: block;
        width: 100%;
        padding: 1vw 0 1vw 0;
    }
}
.isd_menuLightBox .menuContainer .contactBox {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 5vw 0 5vw 0;
    margin: 25px 0 0 0;
    order: 4;
}
@media screen and (max-width: 1000px) {
    .isd_menuLightBox .menuContainer .contactBox {
        order: 3;
    }
}
.isd_menuLightBox .menuContainer .contactBox::before {
    content: "";
    position: absolute;
    display: block;
    width: 100vw;
    height: 100%;
    background: #343434;
    left: 50%;
    top:0;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0);
}
.isd_menuLightBox .menuContainer .contactBox .logoBox {
    position: relative;
    display: block;
    width: 40%;
    height: auto;
}
.isd_menuLightBox .menuContainer .contactBox .logoBox img {
    position: relative;
    width: 100%;
    height: auto;
}
.isd_menuLightBox .menuContainer .contactBox .copyright {
    position: relative;
    display: block;
    font-size: 12px;
    line-height: 12px;
    height: auto;
    color: #888;
    margin: 3vw 0 0 0;
}
.isd_menuLightBox .menuContainer .articleBox {
    position: relative;
    display: block;
    width: 100%;
    order: 2;
}

.isd_menuLightBox .menuContainer .articleBox .articleBox-content {
    position: relative;
    display: block;
    width: 100%;
}
.isd_menuLightBox .menuContainer .articleBox h2,
.isd_menuLightBox .menuContainer .articleBox > div:nth-child(1){
    position: relative;
    display: block;
    font-size: 2.5vw;
    line-height: 2.5vw;
    font-weight: bold;
    color: #fff;
    margin: 0 0 1vw 0;
    padding: 0 0 1vw 2vw;
    border-bottom:1px solid #888;
    font-family: "DomaineDisplay","Domaine Display",'Playfair Display',"Noto Serif TC", "Microsoft JhengHei", serif;
    white-space: normal;
}
.isd_menuLightBox .menuContainer .articleBox .articleList {
    position: relative;
    display: block;
    width: 65%;
}
.isd_menuLightBox .menuContainer .articleBox .articleList .item {
    position: relative;
    display: inline-block;
    width: calc(50% - 7vw);
    margin: 0 3.5vw 2vw 3.5vw;
}
.isd_menuLightBox .menuContainer .articleBox .articleList .item .imgBox {
    position: relative;
    display: block;
    overflow: hidden;
    cursor: pointer;
    width: 100%;
    height: 20vw;
    vertical-align: top;
}
.isd_menuLightBox .menuContainer .articleBox .articleList .item .imgBox::after {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    left: 0;
    top:0;
}
.isd_menuLightBox .menuContainer .articleBox .articleList .item .imgBox img {
    position: absolute;
    display: block;
    height: auto;
    width: 100%;
    max-width: none;
    left: 50%;
    top:50%;
    -webkit-transform: translate(-50%,-50%) scale(1);
    transform:  translate(-50%,-50%) scale(1);
    -webkit-transition:-webkit-transform  0.3s ease;
    transition: transform 0.3s ease;
}
.isd_menuLightBox .menuContainer .articleBox .articleList .item .imgBox:hover::after,
.isd_menuLightBox .menuContainer .articleBox .articleList .item .imgBox:active::after{
    opacity: 1;
}
.isd_menuLightBox .menuContainer .articleBox .articleList .item .textBox {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 1vw 0 0 0;
    vertical-align: top;
}
.isd_menuLightBox .menuContainer .articleBox .articleList .item .categoryBtn {
    position: relative;
    display: block;
    color:#ff0000;
}
.isd_menuLightBox .menuContainer .articleBox .articleList .item .categoryBtn:hover {
    color:#ff6666;
}
.isd_menuLightBox .menuContainer .articleBox .articleList .item .categoryBtn div {
    position: relative;
    display: block;
    font-family: "Poppins", "Microsoft JhengHei", serif;
    font-weight: 500;
    font-size: 1vw;
    line-height: 1.5vw;
    padding: 0 0 1vw 0;
    white-space: normal;
    color: #ff0000;
}
.isd_menuLightBox .menuContainer .articleBox .articleList .item .authorBtn {
    position: relative;
    display: block;
    text-align: left;
    margin: 15px 0 20px 0;
}
.isd_menuLightBox .menuContainer .articleBox .articleList .item .authorBtn li {
    position: relative;
    display: inline-block;
    margin: 0 7px 0 0;
    color:#aaa;
}
.isd_menuLightBox .menuContainer .articleBox .articleList .item .authorBtn li a:hover {
    color:#ff0000;
}
.isd_menuLightBox .menuContainer .articleBox .articleList h4 {
    position: relative;
    display: block;
    margin: 0 0 1vw 0;
    color:#fff;
    font-size: 
}
.isd_menuLightBox .menuContainer .articleBox .articleList h4:hover {
    color:#ccc;
}
@media screen and (max-width: 1000px) {
    .isd_menuLightBox .menuContainer .articleBox h2,
    .isd_menuLightBox .menuContainer .articleBox > div:nth-child(1) {
        font-size: 6vw;
        line-height: 6vw;
        margin: 5vw 0 5vw 0;
        padding: 0 0 3vw 2vw;
    }
    .isd_menuLightBox .menuContainer .articleBox {
        width: 90%;
        left: 5%;
        order: 4;
    }
    .isd_menuLightBox .menuContainer .articleBox .articleList {
        width: 100%;
    }
    .isd_menuLightBox .menuContainer .articleBox .articleList .item {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 0 0 4vw 0;
    }
    .isd_menuLightBox .menuContainer .articleBox .articleList .item .imgBox {
        width: 40%;
        height: 38vw;
    }
    .isd_menuLightBox .menuContainer .articleBox .articleList .item .imgBox img {
        height: 100%;
        width: auto;
    }
    .isd_menuLightBox .menuContainer .articleBox .articleList .item .textBox {
        padding: 0 0 0 3vw;
        width: 60%;
    }
    .isd_menuLightBox .menuContainer .articleBox .articleList .item .categoryBtn {
        margin: 0 0 4vw 0;
    }
    .isd_menuLightBox .menuContainer .articleBox .articleList .item .categoryBtn div {
        font-size: 3vw;
        line-height: 4vw;
    }
}


/* 0521 */

.isd_menuLightBox .closeBtn{
    z-index: 1;
}
.isd_nav .navListBox .navListContent .navList li a{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
}



/* Slider */

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;

/*    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;*/

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    /*overflow: hidden;*/
    margin: 0;
    padding: 0;
    height: 100%;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    height: 100%;
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    /*display: none;*/
    float: left;
    outline: none;
    /*height: 47vw;*/
    width: 100%;
    height: 100%;
    min-height: 1px;
    position: relative;
}

[dir='rtl'] .slick-slide {
    float: right;
}
.slick-slide > div {
    width: 100%;
}
.slick-slide img {
    /*height: 100%;*/
    /*width: auto;*/
    /*display: block;*/
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}


.slick-arrow {
    cursor: pointer;
/*    position: absolute;
    display: block;
    width: 41px;
    height: 81px;
    cursor: pointer;
    top: 50%;
    margin-top: -40px;
    background-position: top;
    z-index: 1;
    text-indent: -9999px;
    border: 0px;*/
}

.slick-arrow:focus {
    outline: none;
}

.slick-prev {
    left: 0;
}

.slick-prev::after {
    content: '';
    position: absolute;
    display: block;
    width: 41px;
    height: 81px;
    background-position: bottom;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    opacity: 0;
    top: 0px;
    left: 0px;
}

.slick-next {
    right: 0;
}

.slick-next::after {
    content: '';
    position: absolute;
    display: block;
    width: 41px;
    height: 81px;
    background-position: bottom;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    opacity: 0;
    top: 0px;
    left: 0px;
}

.slick-arrow:hover:after {
    opacity: 1;
}

ul.slick-dots {
    position: relative;
    display: block;
    width: 100%;
    font-size: 0;
    line-height: 0;
    text-align: center;
    margin: 0 0 20px 0;
}


ul.slick-dots li,ul.slick-dots li{
    position: relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    opacity: 1;
    border-radius:50%;
    margin: 0 6px 0 6px;
    cursor: pointer;
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    position: relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    background: transparent;
    border:1px #888 solid;
    border-radius:50%;
    padding: 0px;
    cursor: pointer;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none;
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1;
    display: none;
}

.slick-dots li button:before {
    outline: none;
    width: 15px;
    height: 15px;
    background: #fff;
    border-radius:50%;
    cursor: pointer;
    border: none;
    position: absolute;
    top: -2px;
    left: -2px;
    content: ' ';
    text-align: center;
    opacity: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
}

.slick-dots li button:before{
    background: #b2b2b2;
}

.slick-dots li.slick-active button{
    background: #888;
}

.house-right li.slick-active button {
    background:#b2b2b2;
}

.house-video li.slick-active button{
    background: #000;
}
.dot-list-box {
    position: relative;
    display: block;
    font-size: 0;
    line-height: 0;
    text-align: center;
    padding: 20px 0 20px 0;
}
@media screen and (max-width: 1000px) {
    .dot-list-box {
        padding: 3vw 0 3vw 0;
    }
}
.dot-list-box ul.slick-dots {
    display: inline-block;
    width: auto;
    margin: 0;
    vertical-align: middle;
}
.dot-list-box .dot-perv {
    position: relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    border-left: 1px solid #888;
    border-top: 1px solid #888;
    vertical-align: middle;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    cursor: pointer;
    margin: 0 10px 0 0;
}
.dot-list-box .dot-next {
    position: relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    border-right: 1px solid #888;
    border-top: 1px solid #888;
    vertical-align: middle;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    cursor: pointer;
    margin: 0 0 0 10px;
}
/* slider end */


/* edm Start */
.isd_mainContainer .edmContainer {
    position: relative;
    display: flex;
    width: 100%;
    height: calc(100vh - 180px);
    min-height: 500px;
    background: url(../images/2020/edm-bg.jpg) no-repeat center top;
    background-size: cover;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.isd_mainContainer .edmContainer::before {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.5);
}
.isd_mainContainer .edmContainer .edmBox {
    position: relative;
    display: block;
    padding: 40px;
    background: rgba(255, 255, 255, 0.7);
    width: 50%;
    max-width: 585px;
}
.isd_mainContainer .edmContainer .edmBox h2 {
    position: relative;
    display: block;
    font-size: 30px;
    line-height: 30px;
    color: #000;
    text-align: center;
    font-weight: bold;
}
.isd_mainContainer .edmContainer .edmBox h2::after {
    content: "";
    position: relative;
    display: block;
    width: 100%;
    height: 2px;
    background: #000;
    margin-top: 10px;
}
.isd_mainContainer .edmContainer .edmBox p {
    font-family: GOTHAM, Calibri, 微軟正黑體, serif;
    position: relative;
    display: block;
    font-size: 16px;
    line-height: 24px;
    color:#555;
    text-align: center;
    margin: 20px 0 20px 0;
}
.isd_mainContainer .edmContainer .edmBox form input {
    position: relative;
    display: block;
    outline: none;
    border-radius: 30px;
    padding: 10px 30px;
    border: none;
    width: 100%;
    margin-right: 10px;
}
.isd_mainContainer .edmContainer .edmBox form button{
    position: relative;
    display: block;
    outline: none;
    border: none;
    margin-top: 20px;
    background: #000;
    color: #fff;
    padding: 10px 20px;
    width: 200px;
    margin: 20px auto;
    cursor: pointer;
    transition: .3s;
}
.isd_mainContainer .edmContainer .edmBox form button:hover{
    background: #333333;
}
@media screen and (max-width: 1000px) {
    .isd_mainContainer .edmContainer .edmBox {
        width: 85%;
    }
    .isd_mainContainer .edmContainer .edmBox h2 {
        font-size: 22px;
        line-height: 22px;
    }
}

.isd_mainContainer .edmContainer .edmBox .g-recaptcha {
    position: relative;
    display: block;
    width: 300px;
    left: 50%;
    margin: 0 0 0 -150px;
}
/* edm End */


/* fix 20200905 */
.isd_style h3 {
    color: #ff0000;
}

/* 202203 */
.isd_indexKvBox .mainContentBox {
    position: relative;
    display: block;
    width: 100%;
    max-width: none;
    left: 0;
    -webkit-transform: none;
    transform: none;
}
.channel-kvBox {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 3vw;
}
.isd_mainContainer.isd_mainListContainer .channel-kvBox .textBox {
    position: relative;
    display: block;
    width: 40%;
    font-size: 3.5vw;
    line-height: 4.5vw;
    font-family: "DomaineDisplay","Domaine Display",'Playfair Display',"Noto Serif TC", "Microsoft JhengHei", serif;
    margin: 0;
    border-bottom: 0px;
    letter-spacing: 0;
    padding: 0;
}
.channel-kvBox .imgBox {
    position: relative;
    display: block;
    width: 60%;
}
.channel-kvBox .imgBox img {
    width: 100%;
    height: auto;
}
@media screen and (max-width: 1000px) {
    .channel-kvBox {
        flex-direction: column;
        padding: 3vw 0 3vw 0;
    }
    .isd_mainContainer.isd_mainListContainer .channel-kvBox .textBox {
        width: 100%;
        text-align: center;
        padding: 3vw 0 3vw 0;
        font-size: 7vw;
        line-height: 7vw;
    }
    .channel-kvBox .imgBox {
        width: 100%;
    }
}
.navSubList{
    position: relative;
    display: block;
    width: 100%;
    height: 40px;
    font-size: 0;
    line-height: 0;
    text-align: center;
    vertical-align: middle;
    padding: 0;
    white-space: nowrap;
    overflow: hidden;
    border-top:1px solid #000;
    border-bottom:1px solid #000;
}
.navSubList li {
    position: relative;
    display: inline-block;
    font-size: 12.5px;
    line-height: 40px;
    width: 80px;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    vertical-align: middle;
    font-family: "DomaineDisplay","Domaine Display",'Playfair Display',"Noto Serif TC", "Microsoft JhengHei", serif;
    margin: 0 1vw 0 1vw;
}
.navSubList li span:nth-child(1) {
    position: relative;
    display: block;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
    opacity: 1;
}
.navSubList li span:nth-child(2) {
    position: absolute;
    display: block;
    top:0;
    width: 100%;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
    opacity: 0;
}
@media screen and (min-width: 1200px) {
    .navSubList li:hover span:nth-child(1){
        opacity: 0;
    }
    .navSubList li:hover span:nth-child(2){
        opacity: 1;
    }
}
@media screen and (max-width: 1200px) {
    .navSubList {
        display: flex;
        justify-content: space-around;
    }
    .navSubList li {
        display: none;
    }
    .navSubList li:nth-of-type(1),
    .navSubList li:nth-of-type(2),
    .navSubList li:nth-of-type(3),
    .navSubList li:nth-of-type(4),
    .navSubList li:nth-of-type(5),
    .navSubList li:nth-of-type(6){
        display: block;
    }
}
@media screen and (max-width: 1000px) {
    .navSubList li:nth-of-type(6){
        display: none;
    }
}
@media screen and (max-width: 800px) {
    .navSubList li:nth-of-type(5){
        display: none;
    }
}
@media screen and (max-width: 600px) {
    .navSubList li:nth-of-type(4){
        display: none;
    }
}
.isd_mainContainer .mainListBox.mainListBox-type4 {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.isd_mainContainer .mainListBox.mainListBox-type4 .item {
    display: block;
    width: calc(100% / 4);
    margin-bottom: 3vw;
}
.isd_mainContainer .mainListBox.mainListBox-type4 .item .imgBox {
    height: 25vw;
}
.isd_mainContainer .mainListBox.mainListBox-type4 .item.adBox .imgBox::after {
    display: none;
}
.isd_mainContainer .mainListBox.mainListBox-type4 .item.adBox .imgBox {
    width: 80%;
    left: 10%;
    overflow: visible;
}
.isd_mainContainer .mainListBox.mainListBox-type4 .item.adBox .imgBox img {
    width: 100%;
    height: auto;
    left: 0;
    top: 0;
    -webkit-transform:none;
    transform:none;
}
.isd_mainContainer .mainListBox.mainListBox-type4 .item2,
.isd_mainContainer .mainListBox.mainListBox-type4 .item4,
.isd_mainContainer .mainListBox.mainListBox-type4 .item6 {
    margin-top: 3vw;
}
.isd_mainContainer .mainListBox.mainListBox-type4 .item4.adBox {
    margin-top: 0;
}


.sub-taglist {
    position: relative;
    display: block;
    width: 100%;
}
.sub-taglist li {
    position: relative;
    display: inline-block;
    height: 25px;
    font-size: 12px;
    line-height: 25px;
    text-align: center;
    cursor: pointer;
    margin: 3px;
    background: #ffffff;
    border:1px solid #ff0000;
    color:#ff0000;
    border-radius: 12px 12px 12px 0;
    padding: 0 7px 0 7px;
    vertical-align: middle;
    font-family: "DomaineDisplay","Domaine Display",'Playfair Display',"Noto Serif TC", "Microsoft JhengHei", serif;
}
.sub-taglist li:hover {
    color: #ffffff;
    border: 1px solid #ff0000;
    background: #ff0000;
}
.sub-taglist li a{
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    left: 0;
    top:0;
}
@media screen and (max-width: 1000px) {
    .isd_mainContainer .mainContentBox.channel-listContainer {
        width: 90%;
    }
    .isd_mainContainer .mainListBox.mainListBox-type4 {
        flex-direction: column;
    }
    .isd_mainContainer .mainListBox.mainListBox-type4 .item {
        display: flex;
        justify-content: center;
        align-items: stretch;
        width: 100%;
        margin:0;
        border-bottom: 1px solid #000;
        padding: 2vw 0 2vw 0;
    }
    .isd_mainContainer .mainListBox.mainListBox-type4 .item .imgBox {
        height: auto;
        width: 50%;
    }
    .isd_mainContainer .mainListBox.mainListBox-type4 .item .imgBox img {
        width: 100%;
        height: auto;
    }
    
    .isd_mainContainer .mainListBox.mainListBox-type4 .item .textBox {
        padding: 0 0 0 2vw;
        width: 50%;
    }
    .isd_mainContainer .mainListBox.mainListBox-type4 .item .textBox .categoryBtn {
        margin-top: 0;
    }
    .isd_mainContainer .mainListBox.mainListBox-type4 .item.adBox {
        display: none;
    }
    .isd_mainContainer .mainListBox.mainListBox-type4 .item2,
    .isd_mainContainer .mainListBox.mainListBox-type4 .item4,
    .isd_mainContainer .mainListBox.mainListBox-type4 .item6 {
        margin-top: 0;
    }
    
}



.top-button {
    position: fixed;
    display: none;
    justify-content: center;
    align-items: center;
    width: 5vw;
    height: 5vw;
    right: 3vw;
    bottom: 5vw;
    box-shadow: 0vw 0.5vw 1vw rgba(0,0,0,0.3);
    cursor: pointer;
    background: #ffffff;
    z-index: 2;
}
.top-button.expand {
    display: flex;
}
.top-button img {
    position: relative;
    display: block;
    width: 60%;
}
.top-button a {
    position: absolute;
    display: none;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.top-button:hover img {
    width: 70%;
}
@media screen and (max-width: 1000px) {
    .top-button {
        width: 10vw;
        height: 10vw;
        bottom: 10vw;
        right: 3vw;
    }
}
.most-talkBox {
    background: #262626;
    margin-bottom: 3vw;
    padding-bottom: 1vw;
}
.most-talkBox .mainContentBox {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 95vw;
}
.most-talkBox .mainContentBox .titleBox {
    position: relative;
    display: block;
    font-size: 2.4vw;
    line-height: 2.4vw;
    color: #fff;
    font-family: 'Cinzel',"Noto Serif TC", "Microsoft JhengHei", serif;
    width: 30%;
}
.most-talkBox .mainContentBox .mainListBox {
    width: 70%;
    margin-top: 2vw;
}
.most-talkBox .mainContentBox .mainListBox .item {
    width: calc(100% / 3);    
}
.most-talkBox .mainContentBox .mainListBox .item .imgBox{
    height: 10vw;
}
.most-talkBox .mainContentBox .mainListBox .item .imgBox img {
    width: 100%;
    height: auto;
}
.most-talkBox .mainContentBox .mainListBox .item .textBox{
    width: 100%;
    color:#fff;
}
.most-talkBox .mainContentBox .mainListBox .item .textBox .categoryBtn {
    margin: 1vw 0 0 0;
}
.most-talkBox .mainContentBox .mainListBox .item .textBox .categoryBtn  h3{
    font-size: 13px;
    line-height: 13px;
}
.most-talkBox .mainContentBox .mainListBox .item .textBox h4 {
    font-size: 15px;
    line-height: 20px;
}
.most-talkBox .mainContentBox .mainListBox .item .textBox .authorBtn {
    font-size: 12px;
    line-height: 12px;
}
.m-adBox {
    display: none;
}
@media screen and (max-width: 1000px) {
    .isd_mainContainer.most-talkBox {
        display: none;
    }
    .m-adBox {
        display: block;
    }
}
.article-header .mainContentBox{
    border-bottom:1px solid #000;
}
.breadcrumb {
    position: relative;
    display: flex;
    width: 100%;
    justify-content: flex-start;
    align-items: center;
    padding: 3vw 0 2vw 0;
}
.breadcrumb li {
    position: relative;
    display: block;
    font-weight: bold;
    font-family: "Microsoft JhengHei", serif;
}
.breadcrumb li::before {
    content: "/";
    position: relative;
    padding: 0 2px 0 2px;
}
.breadcrumb li:nth-child(1)::before {
    display: none;
}
.breadcrumb.breadcrumb-article li:last-child {
    font-size: 0;
    opacity: 0;
}

.article-header .mainContentBox .sub-taglist li {
    font-size: 1vw;
}
.article-header .mainContentBox .authorBtn {
    font-size: 0.8vw;
}
.article-header .mainContentBox h1,
.article-header .mainContentBox h4{
    font-family: "DomaineDisplay","Domaine Display",'Playfair Display',"Noto Serif TC", "Microsoft JhengHei", serif;
    font-weight:700;
    font-size: 2.3vw;
    line-height: 3vw;
    white-space: normal;
    letter-spacing: 0;
    border-bottom: 0;
    margin: 0;
    padding: 0;
}
.article-header .mainContentBox h1::before {
    display: none;
}
@media screen and (max-width: 1000px) {
    .article-header .mainContentBox .breadcrumb + h1,
    .article-header .mainContentBox .breadcrumb + h4{
        font-size: 5.5vw;
        line-height: 7vw;
    }
}
.article-icon-list {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 1.5vw 0 1.5vw 0;
}
.article-icon-list li {
    position: relative;
    display: block;
    width: 40px;
    margin: 0 5px 0 5px;
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    -webkit-transform: scale(1);
    transform: scale(1);
    cursor: pointer;
}
.article-icon-list li:nth-child(1) {
    margin-left: 0;
}
.article-icon-list li:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.article-mainContainer .mainContentBox{
    display: flex;
    justify-content: space-around;
}
@media screen and (max-width: 1000px) {
    .article-mainContainer .mainContentBox{
        display: block;
    }
}
.article-mainContainer .mainContentBox .article-content {
    position: relative;
    display: block;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    width: 60%;
    font-size: 20px;
    line-height: 24px;
    color: #000;
    max-width: 750px;
}
.isd_style kbd {
    padding: 2px 4px;
    font-size: 75%;
    color: #fff;
    background-color: #333;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 -1px 0 rgb(0 0 0 / 25%);
    box-shadow: inset 0 -1px 0 rgb(0 0 0 / 25%);
}
.isd_style code {
    padding: 2px 4px;
    font-size: 75%;
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 4px;
}
.isd_style code, kbd, pre, samp {
    font-family: Menlo,Monaco,Consolas,"Courier New",monospace;
}
.article-mainContainer .mainContentBox .article-content figure{
    width: 100%!important;
    max-width: 100%!important;
    height: auto!important; 
}
.article-mainContainer .mainContentBox .article-content img {
    max-width: 100%!important;
    height: auto!important;
    padding: 12px 0px;
    margin: 0 auto;
    position: relative;
    display: block;
}
.article-mainContainer .mainContentBox .article-content iframe{
    width: 100%!important;
    min-height: 26vw;
}
.article-mainContainer .mainContentBox .article-content .adBox iframe{
    min-height: inherit;
}
.article-mainContainer .mainContentBox .article-content img[alt="加入好友"]{
    width: 232px!important;
    max-width: 100%!important;
    height: auto!important;
}
.article-mainContainer .mainContentBox .article-content strong{
    font-weight: bold;
}
.article-mainContainer .mainContentBox .article-content a{
    color:#337ab7;
}
.article-mainContainer .mainContentBox .article-content > div {
    width: 100%;
}
.article-mainContainer .mainContentBox .article-content .instagram-media{
    max-width: 100% !important;
}
.article-mainContainer .mainContentBox .article-content h1 {
    display: block;
    font-size: 2em;
    line-height: 2.4em;
    margin-top: 0.3em;
    margin-bottom: 0.3em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
    font-family: "Microsoft JhengHei", serif;
    color: unset;
}
.article-mainContainer .mainContentBox .article-content h2 {
    display: block;
    width: 100%;
    font-size: 1.5em;
    line-height: 1.8em;
    margin-top: 0.3em;
    margin-bottom: 0.3em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
    font-family: "Microsoft JhengHei", serif;
    color: unset;
}
.article-mainContainer .mainContentBox .article-content h3 {
    display: block;
    font-size: 0.85em;
    line-height: 1em;
    margin-top: 0.8em;
    margin-bottom: 0.8em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
    font-family: "Microsoft JhengHei", serif;
    color: unset;
}
.article-mainContainer .mainContentBox .article-content h4 {
    display: block;
    font-size: 0.9em;
    line-height: 1.2em;
    margin-top: 1.1em;
    margin-bottom: 1.1em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
    font-family: "Microsoft JhengHei", serif;
    color: unset;
}
.article-mainContainer .mainContentBox .article-content h5 {
    display: block;
    font-size: .83em;
    line-height: 1em;
    margin-top: 1.3em;
    margin-bottom: 1.3em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
    font-family: "Microsoft JhengHei", serif;
    color: unset;
}
.article-mainContainer .mainContentBox .article-content h6 {
    display: block;
    font-size: .67em;
    line-height: 0.8em;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
    font-family: "Microsoft JhengHei", serif;
    color: unset;
}
.article-mainContainer .mainContentBox .article-content p {
    display: block;
    width: 100%;
    margin-top: 0.2em;
    margin-bottom: 0.2em;
    margin-left: 0;
    margin-right: 0;
    font-size: 1em;
    line-height: 1.6em;
    font-family: GOTHAM, Calibri,"Microsoft JhengHei", serif;
    color: unset;
}
.article-mainContainer .mainContentBox .article-content span {
    display: inline;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    font-size: 1em;
    line-height: 1.6em;
}
.article-mainContainer .mainContentBox .article-content small {
    font-size: 0.85em;
}

.article-mainContainer .mainContentBox .article-content u {
    font-size: initial;
}

.article-content-adbox {
    position: relative;
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #f2f2f2;
    margin-bottom: 15px;
}
.article-content-adbox .adbox300x250 {
    position: relative;
    display: block;
    width: 300px;
    height: 250px;
}
.article-mainContainer .mainContentBox .article-content .article-content-adbox img {
    padding: 0;
}
.article-content-adbox .textbox {
    font-size: 13px;
    color: #666;
    padding: 5px 0;
}
@media screen and (max-width: 1000px) {
    .article-mainContainer .mainContentBox .article-content {
        width: 100%;
    }
    .article-header .mainContentBox .sub-taglist li {
        font-size: 2vw;
    }
    .article-header .mainContentBox .authorBtn {
        font-size: 2vw;
    }
    .article-icon-list {
        padding: 3vw 0 3vw 0;
    }
    .article-mainContainer .mainContentBox .article-content h2 {
        font-size: 1.2em;
        line-height: 1.5em;
    }
    .article-mainContainer .mainContentBox .article-content iframe{
        min-height: 47vw;
    }
    .article-mainContainer .mainContentBox .article-content .adBox iframe{
        min-height: inherit;
    }
}
.article-mainContainer .mainContentBox .article-content .article-cover {
    position: relative;
    display: block;
    width: 100%;
}
.article-mainContainer .mainContentBox .article-content .article-cover img {
    position: relative;
    display: block;
    width: 100%;
}
@media screen and (max-width: 1000px) {
    .article-mainContainer .mainContentBox .article-content .article-cover {
        display: none;
    }
}
.article-mainContainer .mainContentBox .article-content .adBox,
.article-mainContainer .mainContentBox .article-author-content .adBox{
    width: 100%;
    max-width: 300px;
    margin: 4vw 0 4vw 0;
}
.article-mainContainer .mainContentBox .article-author-content .adBox2 {
    margin: 1vw 0 1vw 0;
}
.article-mainContainer .mainContentBox .article-content .adBox img,
.article-mainContainer .mainContentBox .article-author-content .adBox img {
    width: 100%;
    height: auto;
}
.article-mainContainer .mainContentBox .article-content .article-text {
    font-family: "Microsoft JhengHei", serif;
}
.article-mainContainer .mainContentBox .article-content .article-text .titleBox {
    position: relative;
    display: block;
    font-size: 2vw;
    line-height: 2vw;
    padding: 2vw 0 2vw 0;
    font-family: "Microsoft JhengHei", serif;
    text-align: center;
    font-weight: bold;
}
.article-mainContainer .mainContentBox .article-content .article-text .textBox {
    text-align: justify;
    font-size: 1.2vw;
    line-height: 2.2vw;
}
@media screen and (max-width: 1000px) {
    .article-mainContainer .mainContentBox .article-content .article-text .titleBox {
        font-size: 6vw;
        line-height: 6vw;
        padding: 5vw 0 5vw 0;
    }
    .article-mainContainer .mainContentBox .article-content .article-text .textBox {
        font-size: 4vw;
        line-height: 8vw;
        letter-spacing: 0.2vw;
    }
}
.article-mainContainer .mainContentBox .article-content .article-img {
    position: relative;
    display: block;
    width: 80%;
    margin: 2vw 0 2vw 0;
}
.article-mainContainer .mainContentBox .article-content .article-img img {
    position: relative;
    display: block;
    width: 100%;
}
.article-mainContainer .mainContentBox .article-content .sub-taglist {
    margin: 1.5vw 0 1.5vw 0;
}

.article-mainContainer .mainContentBox .article-content .lineBox {
    font-family: "Noto Serif TC", "Microsoft JhengHei", serif;
    font-size: 1.8vw;
    margin: 4vw 0 4vw 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
@media screen and (max-width: 1000px) {
    .article-mainContainer .mainContentBox .article-content .lineBox {
        font-size: 3.5vw;
    }
}
.article-mainContainer .mainContentBox .article-content .lineBox .lineBtn {
    position: relative;
    display: block;
    width: 232px;
    cursor: pointer;
    margin: 2vw 0 0 0;
}
.article-mainContainer .mainContentBox .article-content .lineBox .lineBtn a {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.article-mainContainer .mainContentBox .article-content .lineBox .lineBtn img {
    position: relative;
    display: block;
    width: 100%;
}
.article-mainContainer .mainContentBox .article-promoBox {
    position: relative;
    display: block;
    width: 100%;
}
.article-mainContainer .mainContentBox .article-promoBox .titleBox{
    position: relative;
    display: block;
    font-size: 2vw;
    line-height: 2vw;
    font-family: "Noto Serif TC", "Microsoft JhengHei", serif;
    font-weight: bold;
    margin-bottom: 2vw;
}
.article-mainContainer .mainContentBox .article-promoBox .article-promo-list {
    position: relative;
    display: block;
    width: 100%;
}
.article-mainContainer .mainContentBox .article-promoBox .article-promo-list li {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    border-bottom: 1px solid #000;
    padding: 1vw 0 1vw 0;
}
.article-mainContainer .mainContentBox .article-promoBox .article-promo-list li .imgBox {
    position: relative;
    display: block;
    width: 40%;
}
.article-mainContainer .mainContentBox .article-promoBox .article-promo-list li .imgBox img {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
}
.article-mainContainer .mainContentBox .article-promoBox .article-promo-list li .textBox {
    position: relative;
    display: block;
    width: 60%;
    padding: 0 0 0 2vw;
    font-size: 1.2vw;
    line-height: 1.6vw;
    font-family: "Noto Serif TC", "Microsoft JhengHei", serif;
    font-weight: bold;
}
@media screen and (max-width: 1000px) {
    .article-mainContainer .mainContentBox .article-promoBox .titleBox{
        font-size: 4vw;
        line-height: 4vw;
        padding: 2vw 0 2vw 0;
        border-bottom: 1px solid #000;
    }
    .article-mainContainer .mainContentBox .article-promoBox .article-promo-list li .textBox {
        font-size: 3vw;
        line-height: 3.5vw;
    }
    .article-mainContainer .mainContentBox .article-promoBox .article-promo-list li {
        padding: 2vw 0 2vw 0;
    }
}
.article-mainContainer .mainContentBox .article-promoBox .article-promo-list li a {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.article-mainContainer .mainContentBox .systemBox {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 80%;
    background: #f2f2f2;
    margin: 2vw 0 2vw 0;
    padding: 2vw;
}
.article-mainContainer .mainContentBox .systemBox .box1 {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    font-family: "Microsoft JhengHei", serif;
    font-size: 1.5vw;
    line-height: 1.8vw;
    font-weight: bold;
    color: #555;
    width: 100%;
}
.article-mainContainer .mainContentBox .systemBox .box1 .imgBox-m,
.article-mainContainer .mainContentBox .systemBox .box1 .imgBox-pc {
    position: relative;
    display: block;
    width: 100%;
}
.article-mainContainer .mainContentBox .systemBox .box1 img {
    width: 100%;
}
.article-mainContainer .mainContentBox .systemBox .box1 .imgBox-m {
    display: none;
}
@media screen and (max-width: 1000px) {
    .article-mainContainer .mainContentBox .systemBox .box1 .imgBox-m {
        display: block;
    }
    .article-mainContainer .mainContentBox .systemBox .box1 .imgBox-pc {
        display: none;
    }
}
.article-mainContainer .mainContentBox .systemBox .box2 {
    position: relative;
    display: block;
    width: 100%;
    font-family: "Noto Serif TC", "Microsoft JhengHei", serif;
    font-weight: bold;
    font-size:1.2vw;
    line-height: 2vw;
    text-align: right;
}
.article-mainContainer .mainContentBox .systemBox .box2 .textBox {
    position: relative;
    display: block;
    margin: 1vw 0 1vw 0;
    text-align: justify;
    color: #000;
}
.article-mainContainer .mainContentBox .systemBox .box2 button {
    position: relative;
    display: inline-block;
    background: #000;
    color:#fff;
    padding: 0.8vw 1.5vw;
    margin-top: 1vw;
}
@media screen and (max-width: 1000px) {
    .article-mainContainer .mainContentBox .systemBox {
        width: 75%;
        padding: 4vw;
        display: block; 
    }
    .article-mainContainer .mainContentBox .systemBox .box2 {
        font-size:3.2vw;
        line-height: 4.5vw;
        text-align: center;
    }
    .article-mainContainer .mainContentBox .systemBox .box2 button {
        padding: 2vw 4vw;
        margin-top: 3vw;
    }
}
.article-videoBox {
    position: relative;
    display: block;
    width: 100%;
}
.article-videoBox .mainVideoBox {
    height: 26vw;
}
.article-content .article-videoBox .mainVideoBox iframe {
    width: 100%;
    height: 26vw;
}
@media screen and (max-width: 1000px) {
    .article-videoBox .mainVideoBox {
        height: 47vw;
    }
    .article-content .article-videoBox .mainVideoBox iframe {
        width: 100%;
        height: 47vw;
    }
}
.article-mainContainer .mainContentBox .article-author-content {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 25%;
}
@media screen and (max-width: 1000px) {
    .article-mainContainer .mainContentBox .article-author-content {
        width: 100%;
    }
}
.article-videoBox2 {
    padding: 0 0 0 0;
}
.article-videoBox2 .mainVideoBox {
    width: 28.4vw;
    height: auto;
    min-height: 16vw;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0);
}
.article-videoBox2 h4 {
    font-size: 3vw;
    line-height: 3vw;
    text-align: center;
    padding: 2vw 0 0 0;
}
@media screen and (max-width: 1000px) {
    .article-videoBox2 .mainVideoBox {
        min-height: 47vw;
        margin: 3vw 0 0 0;
        width: 100%;
    }
    .article-videoBox2 {
        padding: 0 0 5vw 0;
    }
    .article-videoBox2 h4 {
        display: none;
    }
    .article-mainContainer .mainContentBox .article-author-content .adBox {
        display: none;
    }
}
.article-mainContainer .mainContentBox .article-author-content .authorInfo {
    position: relative;
    display: flex;
    width: 100%;
    justify-content: flex-start;
    flex-direction: column;
    align-items: center;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}
.article-mainContainer .mainContentBox .article-author-content .author-article-list {
    position: relative;
    display: block;
    width: 100%;
}
.article-mainContainer .mainContentBox .article-author-content .authorInfo .titleBox {
    position: relative;
    display: block;
    font-family: "Noto Serif TC", "Microsoft JhengHei", serif;
    font-weight: bold;
    font-size: 12px;
    line-height: 12px;
    padding: 20px 0 20px 0;
    text-align: center;
}
.article-mainContainer .mainContentBox .article-author-content .authorInfo .authorImg {
    position: relative;
    display: block;
    width: 15vw;
    height: 15vw;
    background: #000;
    border-radius: 50%;
    overflow: hidden;
}
.article-mainContainer .mainContentBox .article-author-content .authorInfo .authorImg img {
    width: 100%;
    height: auto;
}
.article-mainContainer .mainContentBox .article-author-content .authorInfo .authorName {
    position: relative;
    display: block;
    font-family: "Noto Serif TC", "Microsoft JhengHei", serif;
    font-weight: bold;
    font-size: 18px;
    line-height: 18px;
    padding: 20px 0 30px 0;
}
@media screen and (max-width: 1000px) {
    .article-mainContainer .mainContentBox .article-author-content .authorInfo .titleBox {
        font-size: 4vw;
        line-height: 4vw;
    }
    .article-mainContainer .mainContentBox .article-author-content .authorInfo .authorImg {
        width: 50vw;
        height: 50vw;
        max-width: 300px;
        max-height: 300px;
    }
    .article-mainContainer .mainContentBox .article-author-content .authorInfo .authorName {
        font-size: 5vw;
        line-height: 5vw;
    }
}
.article-mainContainer .mainContentBox .article-author-content .author-article-list .titleBox {
    position: relative;
    display: block;
    font-family: "Noto Serif TC", "Microsoft JhengHei", serif;
    font-weight: bold;
    font-size: 12px;
    line-height: 12px;
    padding: 20px 0 20px 0;
    text-align: center;
}
.article-mainContainer .mainContentBox .article-author-content .author-article-list .mainListBox {
    display: flex;
    flex-direction: column;
}
.article-mainContainer .mainContentBox .article-author-content .author-article-list .mainListBox .item {
    width: 100%;
    padding: 2vw 0 1vw 0;
    border-bottom: 1px solid rgba(0,0,0,1);
}
.article-mainContainer .mainContentBox .article-author-content .author-article-list .mainListBox .item:nth-child(1) {
    padding-top: 0;
}
.article-mainContainer .mainContentBox .article-author-content .author-article-list .mainListBox .item .imgBox {
    height: 10.5vw;
}
.article-mainContainer .mainContentBox .article-author-content .author-article-list .mainListBox .item .imgBox img {
    width: 100%;
    height: auto;
}
.article-mainContainer .mainContentBox .article-author-content .author-article-list .mainListBox .item h4,
.article-mainContainer .mainContentBox .article-author-content .author-article-list .mainListBox .item .textBox > div {
    position: relative;
    display: block;
    font-family: "DomaineDisplay", "Domaine Display", 'Playfair Display', "Noto Serif TC", "Microsoft JhengHei", serif;
    font-weight: 500;
    white-space: normal;
    margin-top: 1vw;
    font-size: 15px;
    line-height: 20px;
    color: #000;
}
.article-mainContainer .mainContentBox .article-author-content .author-article-list .mainListBox .item .authorBtn {
    text-align: right;
    color: #ff0000;
    font-family: "Microsoft JhengHei", serif;
    font-size: 12px;
    line-height: 12px;
}
@media screen and (max-width: 1000px) {
    .article-mainContainer .mainContentBox .article-author-content .author-article-list .mainListBox .item {
        padding: 4vw 0 2vw 0;
    }
    .article-mainContainer .mainContentBox .article-author-content .author-article-list .titleBox {
        font-size: 4vw;
        line-height: 4vw;
    }
    .article-mainContainer .mainContentBox .article-author-content .author-article-list .mainListBox .item .imgBox {
        height: 40vw;
    }
    .article-mainContainer .mainContentBox .article-author-content .author-article-list .mainListBox .item h4,
    .article-mainContainer .mainContentBox .article-author-content .author-article-list .mainListBox .item .textBox > div {
        font-size: 3.8vw;
        line-height: 4.8vw;
    }
}
.article-mainContainer .mainContentBox .follow-box{
    position: relative;
    display: block;
    font-size: 18px;
    line-height: 18px;
    padding: 50px 0 20px 0;
    text-align: center;
    width: 100%;
}
.article-mainContainer .mainContentBox .follow-box .titleBox {
    position: relative;
    display: block;
    font-family: "GFS Didot","Noto Serif TC", "Microsoft JhengHei", serif;
    font-weight: bold;
}
.article-mainContainer .mainContentBox .follow-box .box {
    position: relative;
    display: block;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    margin: 1vw 0 1vw 0;
    width: 100%;
}
.article-mainContainer .mainContentBox .follow-box .follow-content {
    position: relative;
    display: block;
    margin: 0.5vw 0 0.5vw 0;
    width: 100%;
}
.article-mainContainer .mainContentBox .follow-box .follow-content span {
    display: inline-block;
}
.article-mainContainer .mainContentBox .follow-box.follow-box-m {
    display: none;
}
@media screen and (max-width: 1000px) {
    .article-mainContainer .mainContentBox .follow-box.follow-box-m {
        display: block;
    }
    .article-mainContainer .mainContentBox .follow-box.follow-box-pc {
        display: none;
    }
}
.like-article {
    position: relative;
    display: block;
    width: 100%;
}
.like-article .mainContentBox {
    display: block;
}
.like-article .titleBox {
    position: relative;
    display: block;
    width: 100%;
    font-size: 1.2vw;
    line-height: 1.2vw;
    font-family: "Noto Serif TC", "Microsoft JhengHei", serif;
    font-weight: bold;
    text-align: center;
    border-bottom:1px solid #000;
    padding: 1vw 0 2.5vw 0;
}
.like-article .mainContentBox .article-list {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    border-bottom:1px solid #000;
}
.like-article .mainContentBox .article-list li {
    position: relative;
    display: block;
    width: calc(100% / 4 - 2vw);
    margin: 1vw;
}
.like-article .mainContentBox .article-list li .imgBox {
    position: relative;
    display: block;
    width: 100%;
}
.like-article .mainContentBox .article-list li .imgBox img {
    width: 100%;
    height: auto;
}
.like-article .mainContentBox .article-list li .textBox {
    position: relative;
    display: block;
    width: 100%;
    font-size: 13px;
    line-height: 18px;
    font-family: "Noto Serif TC", "Microsoft JhengHei", serif;
    font-weight: bold;
}
.like-article .mainContentBox .article-list li a {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
@media screen and (max-width: 1000px) {
    .like-article .mainContentBox .titleBox {
        display: none;
    }
    .like-article .mainContentBox .article-list {
        display: none;
    }
}
.like-article .mainContentBox .more-content {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2vw 0 2vw 0;
    font-family:  "Noto Serif TC", "Microsoft JhengHei", serif;
    font-weight: bold;
    font-size: 1.5vw;
    line-height: 1.5vw;
    color: #ff0000;
}
@media screen and (max-width: 1000px) {
    .like-article .mainContentBox .more-content {
        font-size: 4vw;
        line-height: 4vw;
        padding-top: 0;
    }
}
.isd_mainContainer.isd_mainListContainer.article-cover-m {
    display: none;
}
@media screen and (max-width: 1000px) {
    .isd_mainContainer.isd_mainListContainer.article-cover-m {
        display: block;
    }
    .isd_mainContainer.isd_mainListContainer.article-cover-m img {
        width: 100%;
    }
}
.adBox-pc {
    display: block;
}
.adBox-m {
    display: none;
}
@media screen and (max-width: 1000px) {
    .adBox-pc {
        display: none;
    }
    .adBox-m {
        display: block;
    }
}
.b-tv_mainListContainer .channel-kvBox {
    flex-direction: column;
}
@media screen and (max-width: 1000px) {
    .b-tv_mainListContainer {
        width: 100%;
    }
    
    .b-tv_mainListContainer .mainContentBox{
        width: 100%;
    }
    .b-tv_mainListContainer .channel-kvBox {
        width: 100%;
    }
}
.b-tv_mainListContainer .channel-kvBox .textBox {
    width: 100%;
    text-align: center;
    padding: 5vw 0 5vw 0;
}
.b-tv_mainListContainer .channel-kvBox .b-tv-kvSlideBox {
    position: relative;
    display: block;
    width: 50vw;
    overflow: hidden;
}

.b-tv_mainListContainer .channel-kvBox .b-tv-kvSlideBox li {
    position: relative;
    display: block;
    width: 50vw;
}
.b-tv_mainListContainer .channel-kvBox .b-tv-kvSlideBox li .b-tv-imgBox {
    position: relative;
    display: block;
    width: 100%;
    height: 28vw;
    overflow: hidden;
}
.b-tv_mainListContainer .channel-kvBox .b-tv-kvSlideBox li .b-tv-textBox h4 {
    font-size: 1.6vw;
}
@media screen and (max-width: 1000px) {
    .b-tv_mainListContainer .channel-kvBox .b-tv-kvSlideBox {
        width: 100%;
    }
    .b-tv_mainListContainer .channel-kvBox .b-tv-kvSlideBox li {
        width: 100%;
    }
    .b-tv_mainListContainer .channel-kvBox .b-tv-kvSlideBox li .b-tv-imgBox {
        height: 53vw;
    }
    .b-tv_mainListContainer .channel-kvBox .b-tv-kvSlideBox li .b-tv-imgBox::after {
        content: "";
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: rgb(0,0,0);
        background: linear-gradient(90deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 15%, rgba(0,0,0,0) 85%, rgba(0,0,0,0.5) 100%);
    }
    .b-tv_mainListContainer .channel-kvBox .b-tv-kvSlideBox li .b-tv-textBox h4 {
        font-size: 4.5vw;
        line-height: 5vw;
    }
}
.b-tv_mainListContainer .channel-kvBox .b-tv-kvSlideBox li .b-tv-imgBox img {
    position: relative;
    display: block;
    width: 100%;
}
.b-tv_mainListContainer .channel-kvBox .b-tv-kvSlideBox li .b-tv-textBox {
    position: relative;
    display: block;
    margin: 2vw 0 2vw 0;
    text-align: center;
}
@media screen and (max-width: 1000px) {
    .b-tv_mainListContainer .channel-kvBox .b-tv-kvSlideBox li .b-tv-textBox {
        margin: 0;
        padding: 5vw;
    }
}
.b-tv_mainListContainer .channel-kvBox .b-tv-kv-perv {
    position: absolute;
    display: block;
    left: 0;
    top:50%;
    width: 7vw;
    height: 7vw;
}
.b-tv_mainListContainer .channel-kvBox .b-tv-kv-perv::before{
    content: "";
    position: absolute;
    display: block;
    left: 0;
    top:0;
    width: 100%;
    height: 100%;
    border-top:2px solid #888;
    border-left:2px solid #888;
    -webkit-transform: scale(1) rotate(-45deg);
    transform: scale(1) rotate(-45deg);
}
.b-tv_mainListContainer .channel-kvBox .b-tv-kv-perv:hover::before {
    border-top:2px solid #000;
    border-left:2px solid #000;
}
.b-tv_mainListContainer .channel-kvBox .b-tv-kv-next {
    position: absolute;
    display: block;
    right: 0;
    top:50%;
    width: 7vw;
    height: 7vw;
}
.b-tv_mainListContainer .channel-kvBox .b-tv-kv-next::before{
    content: "";
    position: absolute;
    display: block;
    left: 0;
    top:0;
    width: 100%;
    height: 100%;
    border-top:2px solid #888;
    border-right:2px solid #888;
    -webkit-transform: scale(1) rotate(45deg);
    transform: scale(1) rotate(45deg);
}
.b-tv_mainListContainer .channel-kvBox .b-tv-kv-next:hover::before {
    border-top:2px solid #000;
    border-right:2px solid #000;
}
@media screen and (max-width: 1000px) {
    .b-tv_mainListContainer .channel-kvBox .b-tv-kv-perv {
        left: 5vw;
        top:45vw;
    }
    .b-tv_mainListContainer .channel-kvBox .b-tv-kv-perv::before{
        border-top:2px solid #fff;
        border-left:2px solid #fff;
    }
    .b-tv_mainListContainer .channel-kvBox .b-tv-kv-next {
        right: 5vw;
        top:45vw;
    }
    .b-tv_mainListContainer .channel-kvBox .b-tv-kv-next::before{
        border-top:2px solid #fff;
        border-right:2px solid #fff;
    }
}
.b-tv_mainListContainer .channel-kvBox .watch-more {
    position: relative;
    display: block;
    text-align: center;
    color: #e21300;
    font-family: "Microsoft JhengHei", serif;
    font-weight: bold;
    font-size: 1.8vw;
    line-height: 1.8vw;
    margin-top: 2vw;
}
.b-tv_mainListContainer .channel-kvBox .watch-more:hover {
    color: #ff0000;
}
.b-tv_mainListContainer .channel-kvBox .b-tv-kv-dotList {
    position: relative;
    display: block;
    margin: 2vw 0 0 0;
}
.b-tv_mainListContainer .channel-kvBox .b-tv-kv-dotList li{
    position: relative;
    display: inline-block;
    margin: 0 1.5vw 0 1.5vw;
    height: auto;
    width: auto;
    vertical-align: top;
}
.b-tv_mainListContainer .channel-kvBox .b-tv-kv-dotList .dot {
    position: relative;
    display: block;
    font-family:  "Microsoft JhengHei", serif;
    font-size: 4vw;
    line-height: 4vw;
    font-weight: lighter;
}
.b-tv_mainListContainer .channel-kvBox .b-tv-kv-dotList .slick-active .dot {
    font-size: 6vw;
}

.isd_mainListContainer.subscribe-box .video-more {
    text-align: center;
    text-decoration: underline;
    font-size: 3vw;
    line-height: 3vw;
    font-family:  "Noto Serif TC", "Microsoft JhengHei", serif;
    font-weight: bold;
}
.isd_mainListContainer.subscribe-box .video-more-text{
    text-align: center;
    padding: 2vw 0 2vw 0;
    font-size: 1.5vw;
    line-height: 1.5vw;
    font-family:  "Microsoft JhengHei", serif;
    font-weight: bold;
    color: #666;
}
.isd_mainListContainer.subscribe-box .video-more-btn {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
@media screen and (max-width: 1000px) {
    .isd_mainListContainer.subscribe-box .video-more {
        font-size: 5.5vw;
        line-height: 5.5vw;
    }
    .isd_mainListContainer.subscribe-box .video-more-text {
        font-size: 2.5vw;
        line-height: 2.5vw;
    }
}
.b-tv-mainSlideBox {
    position: relative;
    display: block;
    width: 100%;
}
.b-tv-mainSlideBox li {
    position: relative;
    display: inline-block;
    width:calc(100% / 3 - 2vw);
    padding: 1vw;
    vertical-align: top;
}
.b-tv-mainSlideBox li .b-tv-textBox h4 {
    font-size: 1.2vw;
    line-height: 1.8vw;
}
.b-tv-mainSlideBox li .b-tv-imgBox {
    position: relative;
    display: block;
    width: 100%;
    height: 12vw;
    overflow: hidden;
}
.b-tv-mainSlideBox li .b-tv-textBox {
    padding-top: 0.5vw;
} 
@media screen and (max-width: 1000px) {
    .b-tv-mainSlideBox li {
        width: 100%;
        padding: 2vw;
    }
    .b-tv-mainSlideBox li .b-tv-imgBox {
        height: 42vw;
    }
    .b-tv-mainSlideBox li .b-tv-textBox h4 {
        font-size: 3.6vw;
        line-height: 4.5vw;
    }
    .b-tv-mainSlideBox li .b-tv-textBox {
        padding-top: 3vw;
    }
}
.b-tv-mainSlideBox li .b-tv-imgBox img {
    position: relative;
    display: block;
    width: 100%;
}
.b-tv_ListContainer .b-tv-main-slider-controls {
    position: relative;
    display: block;
    width: 100%;
    margin: 2vw 0 0 0;
    text-align: center;
}
.b-tv_ListContainer .b-tv-main-dotList {
    position: relative;
    display:inline-block;
    vertical-align: middle;
}
.b-tv_ListContainer ul.slick-dots {
    margin: 0;
}
.b-tv_ListContainer .b-tv-main-dotList li{
    position: relative;
    display: inline-block;
    margin: 0 10px 0 10px;
    height: auto;
    width: auto;
    vertical-align: middle;
    cursor: pointer;
   
}
.b-tv_ListContainer .b-tv-main-dotList li a {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.b-tv_ListContainer .b-tv-main-dotList .dot {
    position: relative;
    display: block;
    font-family:  "Microsoft JhengHei", serif;
    font-size: 15px;
    line-height: 15px;
    font-weight:bold;
    color: #888;
    padding: 7px 10px;
}
.b-tv_ListContainer .b-tv-main-dotList .slick-active .dot {
    color:#fff;
    background: #666;
}
.b-tv_ListContainer .b-tv-main-slider-controls .b-tv-main-perv {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    cursor: pointer;
}
.b-tv_ListContainer .b-tv-main-slider-controls .b-tv-main-perv::before{
    content: "";
    position: absolute;
    display: block;
    left: 0;
    top:0;
    width: 100%;
    height: 100%;
    border-top:2px solid #888;
    border-left:2px solid #888;
    -webkit-transform: scale(1) rotate(-45deg);
    transform: scale(1) rotate(-45deg);
}
.b-tv_ListContainer .b-tv-main-slider-controls .b-tv-main-perv:hover::before {
    border-top:2px solid #000;
    border-left:2px solid #000;
}
.b-tv_ListContainer .b-tv-main-slider-controls .b-tv-main-next {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    cursor: pointer;
}
.b-tv_ListContainer .b-tv-main-slider-controls .b-tv-main-next::before{
    content: "";
    position: absolute;
    display: block;
    left: 0;
    top:0;
    width: 100%;
    height: 100%;
    border-top:2px solid #888;
    border-right:2px solid #888;
    -webkit-transform: scale(1) rotate(45deg);
    transform: scale(1) rotate(45deg);
}
.b-tv_ListContainer .b-tv-main-slider-controls .b-tv-main-next:hover::before {
    border-top:2px solid #000;
    border-right:2px solid #000;
}
@media screen and (max-width: 1000px) {
    .b-tv_ListContainer .b-tv-main-dotList li{
        margin: 0 1vw 0 1vw;

    }
    .b-tv_ListContainer .b-tv-main-dotList .dot {
        font-size: 2.5vw;
        line-height: 2.5vw;
        padding: 2vw;
    }
    .b-tv_ListContainer .b-tv-main-slider-controls .b-tv-main-perv {
        width: 4vw;
        height: 4vw;
    }
    .b-tv_ListContainer .b-tv-main-slider-controls .b-tv-main-next {
        width: 4vw;
        height: 4vw;
    }
}
.isd_mainContainer.isd_mainListContainer.article-header-btv {
    padding-bottom: 0;
}
.isd_mainContainer.isd_mainListContainer.article-header-btv .mainContentBox{
    border: 0;
}
.b-tv-article-coverBox {
    position: relative;
    display: block;
    width: 100%;
    border-bottom: 1px solid #000;
}
.b-tv-article-coverBox .b-tv-article-imgBox {
    position: relative;
    display: block;
    width: 100%;
    height: 42vw;
}
@media screen and (max-width: 1000px) {
    .b-tv-article-coverBox .b-tv-article-imgBox {
        height: 120vw;
    }
}
.b-tv-article-coverBox .b-tv-article-textBox {
    position: relative;
    display: block;
    width: 100%;
}
.b-tv-article-coverBox .b-tv-article-textBox .titlebox {
    position: relative;
    display: block;
    font-family:"Noto Serif TC", "Microsoft JhengHei", serif;
    font-size: 2vw;
    line-height: 2.5vw;
    font-weight: bold;
    padding: 2vw 0 0 0;
}
.b-tv-article-coverBox .b-tv-article-textBox .textbox {
    position: relative;
    display: block;
    font-family:"Noto Serif TC", "Microsoft JhengHei", serif;
    font-size: 1vw;
    line-height: 1.8vw;
    padding: 2vw 0 3vw 0;
}
.b-tv-article-coverBox .b-tv-article-textBox .textbox p {
    margin: 0.8vw 0;
}
.b-tv-article-coverBox .b-tv-article-textBox .textbox a {
    color:#337ab7;
}
.b-tv-article_mainListContainer .channel-kvBox {
    flex-direction: column;
    padding-top: 0;
}
.b-tv-article_mainListContainer .channel-kvBox .textBox {
    width: 100%;
    text-align: center;
    padding: 5vw 0 5vw 0;
    font-size: 4vw;
    line-height: 4vw;
}
.b-tv-mainSlideBox-article h5{
    font-family:"Noto Serif TC", "Microsoft JhengHei", serif;
}
.b-tv-mainSlideBox.b-tv-mainSlideBox-article .authorBtn li{
    display: inline-block;
    width: auto;
    padding: 0;
}
.b-tv-mainSlideBox.b-tv-mainSlideBox-article .item{
    position: relative;
    width: 100%;
}
.b-tv-mainSlideBox.b-tv-mainSlideBox-article .item h4 {
    font-weight: bold;
}
.b-tv-mainSlideBox.b-tv-mainSlideBox-article .item .b-tv-imgBox {
    display: inline-block;
    width: 45%;
    height: 19vw;
    vertical-align: bottom;
}
.b-tv-imgBox::after {
    content: "";
    position: absolute;
    display: block;
    width: 70px;
    height: 70px;
    left: calc(50% - 35px);
    top:calc(50% - 35px);
    background: url(../images/icon_video.svg) no-repeat center center;
    background-size: contain;
}
.b-tv-mainSlideBox.b-tv-mainSlideBox-article .item .b-tv-textBox {
    display: inline-block;
    width:50%;
    vertical-align: bottom;
    border-bottom: 1px solid #aaa;
    margin-left: 2vw;
}
.b-tv-mainSlideBox.b-tv-mainSlideBox-article .item .b-tv-textBox h4 {
    padding-bottom: 2vw;
    font-size: 1.5vw;
    line-height: 1.9vw;
}
.b-tv-mainSlideBox.b-tv-mainSlideBox-article .item .b-tv-textBox h5 {
    font-size: 0.9vw;
    line-height: 1.3vw;
}
.b-tv-mainSlideBox.b-tv-mainSlideBox-article .item .b-tv-textBox .authorBtn {
    padding-top: 2vw;
    padding-bottom: 1vw;
}
@media screen and (max-width: 1000px) {
    .b-tv-mainSlideBox.b-tv-mainSlideBox-article .item .b-tv-imgBox {
        display: block;
        width: 100%;
        height: 40vw;
    }
    .b-tv-mainSlideBox.b-tv-mainSlideBox-article .item .b-tv-textBox {
        display: block;
        width:100%;
        margin-left: 0;
    }
    .b-tv-mainSlideBox.b-tv-mainSlideBox-article .item .b-tv-textBox h4 {
        padding-top: 0vw;
        padding-bottom: 3vw;
        font-size: 3.5vw;
        line-height: 4.5vw;
    }
    .b-tv-mainSlideBox.b-tv-mainSlideBox-article .item .b-tv-textBox h5 {
        font-size: 3.2vw;
        line-height: 4vw;
    }
    .b-tv-article-coverBox .b-tv-article-textBox .textbox p {
        margin: 4vw 0;
    }
    .b-tv-article-coverBox .b-tv-article-textBox .titlebox {
        font-size: 4.5vw;
        line-height: 5.5vw;
    }
    .b-tv-article-coverBox .b-tv-article-textBox .textbox {
        font-size: 3.8vw;
        line-height: 6vw;
    }
}
.isd_bclubContainer .mainContentBox {
    border-bottom: 1px solid #000;
}
.isd_bclubListContainer .mainContentBox {
    border-bottom: 1px solid #000;
}
.isd_bclubListContainer .mainContentBox.mainContentBox-promotion {
    border-bottom: 0px;
}
.isd_bclubListContainer.hoteventListContainer .mainContentBox {
    border-bottom: 0px;
}
.isd_mainContainer .mainListBox-type5 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    margin: 0;
    width: 100%;
}
.isd_mainContainer .mainListBox-type5 .item {
    display: block;
    width: 25vw;
}
.isd_mainContainer .mainListBox-type5 .item .imgBox {
    height: 12vw;
}
.isd_mainContainer .mainListBox-type5 .item .imgBox img {
    height: auto;
    width: 100%;
}
.isd_mainContainer .mainListBox-type5 .item .textBox {
    padding-top: 1vw;
    padding-bottom: 1.3vw;
}
.isd_mainContainer .mainListBox-type5 .item .textBox h4 {
    font-size: 1.3vw;
    line-height: 1.8vw;
    text-align: center;
}
.isd_mainContainer .mainListBox-type5 .item .textBox .authorBtn {
    text-align: center;
    font-size: 1vw;
    line-height: 1.5vw;
    padding-top: 2vw;
}
.isd_mainContainer .mainListBox-type5 .clubbtn {
    border: 0px;
    color:#fff;
    background: #ff0000;
    margin-top: 0;
}
.isd_mainContainer .mainListBox-type5 .clubbtn:hover {
    background: #000;
    border:0;
    color: #fff;
}
.isd_mainContainer .mainListBox-type5 .clubbtn::before {
    content: "參加活動";
}
.isd_mainContainer .mainListBox-type5 .event-end .clubbtn {
    color: #fff;
    background: #888;
    border: 0;
}
.isd_mainContainer .mainListBox-type5 .event-end .clubbtn::before {
    content: "活動結束";
}
@media screen and (max-width: 1000px) {
    .isd_mainContainer .mainListBox-type5 {
        flex-direction: column;
    }
    .isd_mainContainer .mainListBox-type5 .item {
        width: 100%;
    }
    .isd_mainContainer .mainListBox-type5 .item .imgBox {
        height: 46vw;
    }
    .isd_mainContainer .mainListBox-type5 .item .textBox {
        padding-top: 2vw;
        padding-bottom: 2vw;
    }
    .isd_mainContainer .mainListBox-type5 .item .textBox h4 {
        font-size: 3.3vw;
        line-height: 4vw;
    }
    .isd_mainContainer .mainListBox-type5 .item .textBox .authorBtn {
        font-size: 2.2vw;
        line-height: 3vw;
    }
    .isd_mainContainer .mainListBox-type5 .item.item4,
    .isd_mainContainer .mainListBox-type5 .item.item5,
    .isd_mainContainer .mainListBox-type5 .item.item6,
    .isd_mainContainer .mainListBox-type5 .item.item7,
    .isd_mainContainer .mainListBox-type5 .item.item8,
    .isd_mainContainer .mainListBox-type5 .item.item9{
        display: none;
    }
    .isd_mainContainer .mainListBox-type5 .clubbtn {
        position: relative;
        left: auto;
        right: auto;
        top: auto;
        bottom: auto;
        margin: 0 auto 5vw auto;
    }
}
.hoteventListContainer .mainContentBox{
    border-top:1px solid #000;
    padding: 2vw 0 2vw 0;
    
}
#b-club-mainSlideBox.mainListBox-type5 {
    display: block;
}
.isd_promotionListContainer .mainContentBox {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.isd_promotionListContainer .promotion-content-left {
    position: relative;
    display: block;
    width: 65%;
}
.isd_promotionListContainer .promotion-content-right {
    position: relative;
    display: block;
    width: 25%;
}
.isd_promotionListContainer .promotion-content {
    position: relative;
    display: block;
    width: 100%;
}
.isd_promotionListContainer .promotion-content2 {
    border-top: 1px solid #000;
    padding-top: 3vw; 
}
#b-promotion-kvSlideBox.mainListBox-type5 {
    display: block;
}
.isd_mainContainer .promotion-list {
    position: relative;
    display: block;
    width: 100%;
}
.isd_mainContainer .promotion-list .item {
    position: relative;
    display: flex;
    width: 100%;
    border-bottom: 1px solid #000;
    padding: 2vw 0 2vw 0;
}
.isd_mainContainer .promotion-list .item .imgBox {
    position: relative;
    display: block;
    width: 50%;
    height: 12vw;
}
.isd_mainContainer .promotion-list .item .imgBox img {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
}
.isd_mainContainer .promotion-list .item .textBox {
    position: relative;
    display: block;
    width: 55%;
    padding-left: 2vw;
}
.isd_mainContainer .promotion-list .item .textBox h4 {
    font-size: 1.4vw;
    line-height: 2vw;
    margin-bottom: 1vw;
}
.isd_mainContainer .promotion-list .item .textBox dl {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 1vw;
}
.isd_mainContainer .promotion-list .item .textBox dl dt {
    position: relative;
    display: inline-block;
    font-size: 1vw;
    line-height: 1vw;
    background: #000;
    color: #fff;
    font-weight: bold;
    padding: 0.5vw 1vw 0.5vw 1vw;
    font-family: "Noto Serif TC", "Microsoft JhengHei", serif;
}
.isd_mainContainer .promotion-list .item .textBox dl dd {
    position: relative;
    display: inline-block;
    font-size: 1vw;
    line-height: 1vw;
    padding: 0 0 0 1vw;
    font-family: "Noto Serif TC", "Microsoft JhengHei", serif;
}
.isd_mainContainer .promotion-list .item .textBox dl dd .n-text {
    position: relative;
    display: inline-block;
    font-size: 2.2vw;
    line-height: 2.2vw;
    color: #ff0000;
    font-family: "Poppins", "Noto Serif TC", "Microsoft JhengHei", serif;
}
.isd_mainContainer .promotion-list .item .textBox dl.box2 dd {
    font-family: "Poppins", "Noto Serif TC", "Microsoft JhengHei", serif;
}
.isd_mainContainer .promotion-list .item a {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.isd_promotionListContainer .promotion-content-right .boFormBox{
    top: auto;
    margin-top: 4vw;
    width: 100%;
}
.boFormBox .login-subbtn {
    position: relative;
    display: flex;
    justify-content: center;
}
.boFormBox .login-subbtn li {
    margin: 0 1.5vw 0 1.5vw;
    font-size: 1vw;
    line-height: 1vw;
}
@media screen and (max-width: 1000px) {
    .isd_promotionListContainer .mainContentBox {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .isd_promotionListContainer .promotion-content-left {
        width: 100%;
    }
    .isd_promotionListContainer .promotion-content-right {
        width: 100%;
    }
    .isd_mainContainer .promotion-list .item {
        flex-direction: column;
        align-items: center;
        padding: 4vw 0 4vw 0;
    }
    .isd_mainContainer .promotion-list .item .imgBox {
        width: 100%;
        height: 40vw;
    }
    .isd_mainContainer .promotion-list .item .textBox {
        width: 100%;
        padding-left: 0vw;
        padding-top: 4vw;
    }
    .isd_mainContainer .promotion-list .item .textBox h4 {
        font-size: 4vw;
        line-height: 5vw;
        margin-bottom: 2vw;
        text-align: center;
    }
    .isd_mainContainer .promotion-list .item .textBox dl {
        margin-bottom: 2vw;
        margin-left: 4vw;
    }
    .isd_mainContainer .promotion-list .item .textBox dl dt {
        font-size: 3vw;
        line-height: 3vw;
        padding: 1vw 2vw 1vw 2vw;
    }
    .isd_mainContainer .promotion-list .item .textBox dl dd {
        font-size: 3vw;
        line-height: 3vw;
        padding: 0 0 0 2vw;
    }
    .isd_mainContainer .promotion-list .item .textBox dl dd .n-text {
        font-size: 6vw;
        line-height: 6vw;
    }
    .boFormBox .login-subbtn li {
        font-size: 13px;
        line-height: 13px;
    }
}
.isd_mainContainer .event-info {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
}
@media screen and (max-width: 1000px) {
    .isd_mainContainer .event-info {
        display: block;
    }
}
.isd_mainContainer .event-info .imgBox {
    position: relative;
    display: block;
    width: 50%;
}
@media screen and (max-width: 1000px) {
    .isd_mainContainer .event-info .imgBox {
        width: 100%;
    }
}
.isd_mainContainer .event-info .imgBox img {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
}
.isd_mainContainer .event-info .textBox {
    position: relative;
    display: block;
    width: 50%;
    padding: 0 0 0 1.5vw;
}
@media screen and (max-width: 1000px) {
    .isd_mainContainer .event-info .textBox {
        width: 100%;
    }
}
.isd_mainContainer .count-down-text {
    position: relative;
    display: inline-block;
    border:1px solid #000;
    padding: 0.3vw 1vw 0.3vw 1vw;
    margin: 0 0 2vw 0;
}
.isd_mainContainer .count-down-text dt {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 1.4vw;
    line-height: 1.4vw;
    font-family: "Noto Serif TC", "Microsoft JhengHei", serif;
    font-weight: bold;
}
.isd_mainContainer .count-down-text dd {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 1.4vw;
    line-height: 1.4vw;
    font-family: "Poppins", "Noto Serif TC", "Microsoft JhengHei", serif;
}
.isd_mainContainer .count-down-text dd .n-text {
    color: #ff0000;
    font-size: 2.3vw;
    line-height: 2.3vw;
    padding: 0 0.5vw 0 0.5vw;
}
@media screen and (max-width: 1000px) {
    .isd_mainContainer .count-down-text {
        padding: 0.6vw 2vw 0.6vw 2vw;
        margin: 2vw 0 3vw 0;
    }
    .isd_mainContainer .count-down-text dt {
        font-size: 4vw;
        line-height: 4vw;
    }
    .isd_mainContainer .count-down-text dd {
        font-size:4vw;
        line-height: 4vw;
    }
    .isd_mainContainer .count-down-text dd .n-text {
        font-size: 6vw;
        line-height: 6vw;
        padding: 0 1vw 0 1vw;
    }
}
.isd_mainContainer .info-text {
    position: relative;
    display: block;
    padding: 0.3vw;
    background: #000;
    color: #fff;
    font-family: "Noto Serif TC", "Microsoft JhengHei", serif;
    font-size: 1.1vw;
    line-height: 1.4vw;
    margin: 1vw 0 1vw 0;
}
@media screen and (max-width: 1000px) {
    .isd_mainContainer .info-text {
        font-size: 4vw;
        line-height: 6vw;
        padding: 2vw 1vw 2vw 1vw;
    }
    .isd_mainContainer .event-info h4{
        font-size: 5vw;
        line-height: 6vw;
        margin-bottom: 3vw;
    }
}
.isd_mainContainer .event-rule {
    position: relative;
    display: block;
}
.isd_mainContainer .event-rule li {
    padding: 0.5vw 0 0.5vw 0;
}
.isd_mainContainer .event-rule dl {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    font-family: "Poppins","Noto Serif","Noto Serif TC", "Microsoft JhengHei", serif;
    font-weight: bold;
    font-size: 0.85vw;
    line-height: 1.2vw;
}
.isd_mainContainer .event-rule dl dt::after {
    content: "|";
    padding: 0 0.5vw 0 0.5vw;
}
@media screen and (max-width: 1000px) {
    .isd_mainContainer .event-rule {
        padding: 2vw 0 1vw 0;
    }
    .isd_mainContainer .event-rule li {
        padding: 1vw 0 1vw 0;
    }
    .isd_mainContainer .event-rule dl {
        font-size: 3.5vw;
        line-height: 6vw;
    }
}
.isd_mainContainer .p-number {
    position: relative;
    display: block;
    font-family: "Noto Serif TC", "Microsoft JhengHei", serif;
    font-weight: bold;
    color: #ff0000;
    font-size: 1vw;
    line-height: 1vw;
    padding: 2vw 0 1vw 0;
}
.isd_mainContainer .p-number span {
    font-size: 1.3vw;
    line-height: 1.3vw;
    font-family: "Poppins", "Noto Serif TC", "Microsoft JhengHei", serif;
}
@media screen and (max-width: 1000px) {
    .isd_mainContainer .p-number {
        font-size: 3vw;
        line-height: 3vw;
    }
    .isd_mainContainer .p-number span {
        font-size: 5vw;
        line-height: 5vw;
    }
}
.isd_mainContainer .event-join {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    background: #f2f2f2;
    padding: 2vw;
    min-height: 25vw;
    font-family: "Poppins", "Noto Serif TC", "Microsoft JhengHei", serif;
    font-weight: bold;
    margin: 2vw 0 2vw 0;
}
.isd_mainContainer .event-join .titleBox {
    position: relative;
    display: block;
    font-size: 1.7vw;
    line-height: 2.4vw;
}
.isd_mainContainer .event-join .event-box {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 80%;
}
.isd_mainContainer .event-join button {
    position: relative;
    display: inline-block;
    text-align: center;
    background: #fff;
    border:1px solid #000;
    padding: 1vw;
    font-size: 1.3vw;
    line-height: 1.3vw;
    min-width: 8vw;
    cursor: pointer;
    margin: 1.5vw 0 1.5vw 0;
}
.isd_mainContainer .event-join button:hover {
    background: #000;
    color: #fff;
}
.isd_mainContainer .event-join input {
    position: relative;
    display: block;
    background: none;
    border-bottom: 1px solid #000;
    width: 80%;
    font-size: 1.3vw;
    line-height: 1.3vw;
    margin: 1.5vw 0 1.5vw 0;
}
@media screen and (max-width: 1000px) {
    .isd_mainContainer .event-join .titleBox {
        font-size: 3vw;
        line-height: 4vw;
    }
    .isd_mainContainer .event-join button {
        font-size: 2.5vw;
        line-height: 4vw;
    }
    .isd_mainContainer .event-join input {
        font-size: 2.5vw;
        line-height: 4vw;
    }
}
.isd_mainContainer .event-note {
    position: relative;
    display: block;
    font-family: "Poppins", "Noto Serif TC", "Microsoft JhengHei", serif;
    font-weight: bold;
    font-size: 1vw;
    line-height: 2.5vw;
    padding: 2vw 0 3vw 0;
}
@media screen and (max-width: 1000px) {
    .isd_mainContainer .event-note {
        font-size: 2.5vw;
        line-height: 4.5vw;
    }
}
.isd_mainContainer .event-preview {
    position: relative;
    display: block;
    width: 100%;
    font-family: "Poppins", "Noto Serif TC", "Microsoft JhengHei", serif;
    font-size: 1vw;
    line-height: 2vw;
}
@media screen and (max-width: 1000px) {
    .isd_mainContainer .event-preview {
        font-size: 2vw;
        line-height: 3.7vw;
    }
}

.isd_mainContainer .event-preview .titleBox {
    text-align: center;
}

.isd_mainContainer .event-preview .imgBox {
    position: relative;
    display: block;
    width: 100%;
    margin: 3vw 0 3vw 0;
}
.isd_mainContainer .event-preview img {
    position: relative;
    display: block;
    width: 100%;
}
.isd_mainContainer .event-preview .textBox {
    position: relative;
    display: block;
    width: 100%;
}
.isd_mainContainer .event-preview .videoBox {
    position: relative;
    display: block;
    width: 100%;
    margin: 3vw 0 3vw 0;
    height: 28vw;
}
@media screen and (max-width: 1000px) {
    .isd_mainContainer .event-preview .videoBox {
        height: 43vw;
    }
}
.isd_mainContainer .event-preview {
    font-size: 20px;
    line-height: 24px;
    color: unset;
}
.isd_mainContainer .event-preview > img,
.isd_mainContainer .event-preview > p img,
.isd_mainContainer .event-preview h2 img,
.isd_mainContainer .event-preview h3 img{
    width: 100%!important;
    max-width: 100%!important;
    height: auto!important;
    padding: 12px 0px;
}
.isd_mainContainer .event-preview strong {
    font-weight: bold;
}
.isd_mainContainer .event-preview > a,
.isd_mainContainer .event-preview > p a{
    color:#337ab7;
}
.isd_mainContainer .event-preview .titleBox h4 {
    font-size: 1.5em;
    line-height: 1.8em;
}
.isd_mainContainer .event-preview h1 {
    display: block;
    font-size: 2em;
    line-height: 2.4em;
    margin-top: 0.3em;
    margin-bottom: 0.3em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
    font-family: "Microsoft JhengHei", serif;
    color: unset;
}
.isd_mainContainer .event-preview h2 {
    display: block;
    font-size: 1.5em;
    line-height: 1.8em;
    margin-top: 0.3em;
    margin-bottom: 0.3em;
    margin-left: 0;
    margin-right: 0;
    font-weight: 400;
    font-family: "Microsoft JhengHei", serif;
    color: #c17f00;
    text-align: center;
}
.isd_mainContainer .event-preview h2::after {
    content: "";
    display: block;
    width: 30px;
    height: 4px;
    background: #c8c8c8;
    margin: 20px auto;
}
.isd_mainContainer .event-preview h3 {
    display: block;
    font-size: 0.85em;
    line-height: 1em;
    margin-top: 0.85em;
    margin-bottom: 0.85em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
    font-family: "Microsoft JhengHei", serif;
    color: unset;
}
.isd_mainContainer .event-preview h4 {
    display: block;
    font-size: 1em;
    line-height: 1.2em;
    margin-top: 1.1em;
    margin-bottom: 1.1em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
    font-family: "Microsoft JhengHei", serif;
    color: unset;
}
.isd_mainContainer .event-preview h5 {
    display: block;
    font-size: .83em;
    line-height: 1em;
    margin-top: 1.3em;
    margin-bottom: 1.3em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
    font-family: "Microsoft JhengHei", serif;
    color: unset;
}
.isd_mainContainer .event-preview h6 {
    display: block;
    font-size: .67em;
    line-height: 0.8em;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
    font-family: "Microsoft JhengHei", serif;
    color: unset;
}
.isd_mainContainer .event-preview p {
    display: block;
    width: 100%;
    margin-top: 0.3em;
    margin-bottom: 0.3em;
    margin-left: 0;
    margin-right: 0;
    font-size: 1em;
    line-height: 1.8em;
    font-family: "Microsoft JhengHei", serif;
    color: unset;
}
.isd_mainContainer .event-preview span {
    display: inline;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    font-size: 1em;
    line-height: 1.2em;
}
.isd_mainContainer .event-preview u {
    font-size: initial;
}
.isd_mainContainer .commentBox {
    position: relative;
    display: block;
    width: 100%;
}
.isd_mainContainer .commentBox .titleBox {
    position: relative;
    display: block;
    width: 100%;
    font-family: "Poppins", "Noto Serif TC", "Microsoft JhengHei", serif;
    font-weight: bold;
    font-size: 1.7vw;
    line-height: 2.5vw;
    text-align: center;
}
@media screen and (max-width: 1000px) {
    .isd_mainContainer .commentBox .titleBox {
        font-size: 4vw;
        line-height: 4vw;
    }
    .isd_mainContainer .event-preview h2 {
        display: block;
        font-size: 1.2em;
        line-height: 1.5em;
    }
}
.isd_mainContainer .commentBox .commentList {
    position: relative;
    display: block;
    width: 100%;
    height: 25vw;
    overflow-y: scroll;
}
.isd_mainContainer .commentBox .commentList::-webkit-scrollbar {
  width: 5px;
}

/* Track */
.isd_mainContainer .commentBox .commentList::-webkit-scrollbar-track {
  background: #888;
}

/* Handle */
.isd_mainContainer .commentBox .commentList::-webkit-scrollbar-thumb {
  background: #000;
}

/* Handle on hover */
.isd_mainContainer .commentBox .commentList::-webkit-scrollbar-thumb:hover {
  background: #000;
}
.isd_mainContainer .commentBox .commentList li {
    position: relative;
    display: block;
    width: 90%;
    border-bottom: 1px solid #000;
    left: 5%;
    padding: 1vw 0 1vw 0;
}
.isd_mainContainer .commentBox .commentList li .user-img {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 6vw;
    height: 6vw;
    overflow: hidden;
}
.isd_mainContainer .commentBox .commentList li .user-img img {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
}
.isd_mainContainer .commentBox .commentList li .textBox-left {
    position: relative;
    display: inline-block;
    vertical-align: top;
    font-family: "Poppins", "Noto Serif TC", "Microsoft JhengHei", serif;
    font-weight: bold;
    padding: 0 0 0 1vw;
    width: calc(100% - 15vw);
}
.isd_mainContainer .commentBox .commentList li .textBox-left .user-name {
    font-size: 1.7vw;
    line-height: 2.5vw;
}
.isd_mainContainer .commentBox .commentList li .textBox-left .user-comment {
    font-size: 1.3vw;
    line-height: 2vw;
}
.isd_mainContainer .commentBox .commentList li .textBox-right {
    position: relative;
    display: inline-block;
    vertical-align: top;
    font-family: "Noto Serif TC", "Microsoft JhengHei", serif;
    font-weight: bold;
    float: right;
    font-size: 1.3vw;
    line-height: 2vw;
}
@media screen and (max-width: 1000px) {
    .isd_mainContainer .commentBox .commentList {
        height: 35vw;
    }
    .isd_mainContainer .commentBox .commentList li .user-img {
        width: 10vw;
        height: 10vw;
    }
    .isd_mainContainer .commentBox .commentList li .textBox-left {
        padding: 1vw 0 0 2vw;
        width: calc(100% - 30vw);
    }
    .isd_mainContainer .commentBox .commentList li .textBox-left .user-name {
        font-size: 3vw;
        line-height: 3vw;
    }
    .isd_mainContainer .commentBox .commentList li .textBox-left .user-comment {
        font-size: 2.5vw;
        line-height: 4vw;
    }
    .isd_mainContainer .commentBox .commentList li .textBox-right {
        font-size: 2.5vw;
        line-height: 4vw;
    }
}
.isd_mainContainer .event-ruleBox {
    font-family: "Noto Serif TC", "Microsoft JhengHei", serif;
    font-size: 0.9vw;
    line-height: 1.7vw;
}
@media screen and (max-width: 1000px) {
    .isd_mainContainer .event-ruleBox {
        font-size: 2.3vw;
        line-height: 3.5vw;
    }
}
.isd_mainContainer .side-promotion-content {
    position: relative;
    display: block;
    width: 100%;
    padding: 2vw 0 2vw 0;
}
.isd_mainContainer .side-promotion-content .titleBox {
    position: relative;
    display: block;
    font-family: "Noto Serif TC", "Microsoft JhengHei", serif;
    font-weight: bold;
    font-size: 1.3vw;
    line-height: 2vw;
    text-align: center;
}
.isd_mainContainer .side-promotion-content .contentBox {
    position: relative;
    display: block;
    width: 100%;
    border-top: 1px solid #ccc;
    border-bottom:1px solid #ccc;
}
.isd_mainContainer .side-promotion-content .contentBox .imgBox {
    position: relative;
    display: block;
    width: 100%;
}
.isd_mainContainer .side-promotion-content .contentBox .imgBox img {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
}
.isd_mainContainer .side-promotion-content .contentBox .numberBox {
    position: relative;
    display: block;
    text-align: center;
    font-size: 1vw;
    line-height: 1vw;
    font-weight: bold;
    padding: 1vw 0 1vw 0;
}
.isd_mainContainer .side-promotion-content .contentBox .textBox {
    position: relative;
    display: block;
    font-family: "Noto Serif TC", "Microsoft JhengHei", serif;
    font-size: 1vw;
    line-height: 1.8vw;
    text-align: center;
    padding: 0.5vw 0 0.5vw 0;
}
@media screen and (max-width: 1000px) {
    .isd_mainContainer .side-promotion-content {
        padding: 4vw 0 2vw 0;
    }
    .isd_mainContainer .side-promotion-content .titleBox {
        font-size: 3.5vw;
        line-height: 7vw;
    }
    .isd_mainContainer .side-promotion-content .contentBox .numberBox {
        font-size: 3vw;
        line-height: 3vw;
        padding: 2vw 0 2vw 0;
    }
    .isd_mainContainer .side-promotion-content .contentBox .textBox {
        font-size: 3vw;
        line-height: 4vw;
        text-align: center;
        padding: 3vw 0 3vw 0;
    }
}


#b-tv-kv-dotShow{
    overflow: hidden;
    width: calc( 8vw * 5);
    position: relative;
    margin: 2vw 0 0 0;
    height: 5vw;
}
.channel-kvBox ul.slick-dots{
    width: auto;
    display: flex !important;
}
.b-tv_mainListContainer .channel-kvBox .b-tv-kv-dotList{
    position: absolute;
    margin:0;
}
.b-tv_mainListContainer .channel-kvBox .b-tv-kv-dotList li{
    width: 5vw;
}

.isd_mainContainer .sub-title-list-box {
    position: relative;
    display: block;
    width: 100%;
    margin-top: 6vw;
    margin-bottom: 3vw;
}
.isd_mainContainer .sub-title-list-box .arrow-btn {
    position: absolute;
    display: block;
    width: 4vw;
    right: 0;
    top:-4vw;
    cursor: pointer;
    z-index: 9;
}
.isd_mainContainer .sub-title-list-box.list-open .btn-down {
    display: none;
}
.isd_mainContainer .sub-title-list-box.list-close .btn-up {
    display: none;
}
.isd_mainContainer .sub-title-list-box .arrow-btn img {
    padding: 0;
}
.isd_mainContainer .sub-title-list-content {
    position: relative;
    display: block;
    width: 100%;
    padding: 0 1vw 0 1vw;
    margin-top: 0;
    border-top:1px solid #000; 
    border-bottom:1px solid #000;
    max-height: 400vw;
    overflow: hidden;
    -webkit-transition: max-height 0.5s ease,border 0.5s ease;
    transition: max-height 0.5s ease,border 0.5s ease;
}
.isd_mainContainer .sub-title-list-box.list-close .sub-title-list-content {
    max-height: 0;
    border-top:1px solid #fff; 
}
.isd_mainContainer .sub-title-list-content .titleBox {
    position: relative;
    display: block;
    font-size: 1.6vw;
    line-height: 1.6vw;
    font-weight: bold;
    font-family: "Microsoft JhengHei", serif;
    margin-top: 2vw;
    margin-bottom: 2vw;
}
.isd_mainContainer .sub-title-list-content .sub-title-list {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    padding-bottom: 2vw;
}
.isd_mainContainer .sub-title-list-content .sub-title-list li {
    position: relative;
    width: 50%;
    min-height: 3em;
    font-size: 1em;
    line-height: 1.3em;
    font-weight: bold;
    font-family: "Microsoft JhengHei", serif;
    cursor: pointer;
    padding-left: 1em;
    padding-bottom: 1em;
    padding-right: 1em;
}
.isd_mainContainer .sub-title-list-content .sub-title-list li::before {
    content: "";
    position: absolute;
    display: block;
    margin-right: 0.5em;
    width: 0;
    height: 0;
    left: 0;
    top:0.3em;
    border-style: solid;
    border-width: 0.3em 0 0.3em 0.6em;
    border-color: transparent transparent transparent #8c8c8c;
    vertical-align: middle;
}
.isd_mainContainer .sub-title-list-content .sub-title-list li:hover::before {
    border-color: transparent transparent transparent #e40c00;
}
@media screen and (max-width: 1000px) {
    .isd_mainContainer .sub-title-list-box {
        margin-top: 10vw;
        margin-bottom: 5vw;
    }
    .isd_mainContainer .sub-title-list-box .arrow-btn {
        width: 8vw;
        top:-8vw;
    }
    .isd_mainContainer .sub-title-list-content {
        padding: 0;
        max-height: 600vw;
    }
    .isd_mainContainer .sub-title-list-content .titleBox {
        font-size: 4vw;
        line-height: 4vw;
        margin-top: 3vw;
        margin-bottom: 5vw;
    }
    .isd_mainContainer .sub-title-list-content .sub-title-list {
        padding-left: 0vw;
        padding-bottom: 4vw;
    }
    .isd_mainContainer .sub-title-list-content .sub-title-list li {
        font-size: 0.9em;
        line-height: 1.3em;
        padding-left:0.7em;
        padding-right:1em;
        padding-bottom: 1em;
    }
    .isd_mainContainer .sub-title-list-content .sub-title-list li::before {
        margin-right: auto;
        border-width: 0.3em 0 0.3em 0.5em;
        top:0.2em;
    }
}
.end_event_block {
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    left: 0;
    top:0;
    font-size: 1.5vw;
    line-height: 1.5vw;
    background: rgba(0,0,0,0.7);
    z-index: 1;
    color:#fff;
}
@media screen and (max-width: 1000px) {
    .end_event_block {
        font-size: 4vw;
        line-height: 4vw;
    }
}
.promotion-content1 .special_awards{
    width:100%;
    background: #FFF3E6;
    border: 5px solid #FCC281;
    height: auto;
    overflow: hidden;
    padding: 0px 0px 30px 0px;
    margin: 2vw 0;
}
.promotion-content1 .special_awards h3{
    color: #888888;
    text-align: center;
    font-family: Microsoft JhengHei;
    text-align: center;
    padding: 10px 0px;
    margin: 10px auto;
    border-bottom: 3px solid #FCC281;
    width:100px;
}
.promotion-content1 .special_awards .name_detail{
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 10px;
}
.promotion-content1 .special_awards .name_detail li{
    float: left;
    display: block;
    width: calc(100% / 5);
    text-align: center;
    color: #888888;
    font-family: Microsoft JhengHei;
    letter-spacing: 2px;
    margin:0px 0px 10px 0px;
    overflow: hidden;
    font-size:16px;

}
@media  screen and (max-width: 1024px) {
    .promotion-content1 .special_awards .name_detail li{
        width: calc(100% / 4);
    }
}
@media  screen and (max-width: 768px) {
    .promotion-content1 .special_awards .name_detail li{
        width: calc(100% / 3);
    }
}
@media  screen and (max-width: 450px) {
    .promotion-content1 .special_awards .name_detail li{
        width: 100%;
    }
}
.switch-page {
    position: fixed;
    display: block;
    top:calc(50% - 5vw);
    width: 60px;
    height: 280px;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    z-index: 10;
    pointer-events: none;
}
.switch-page.expand {
    opacity: 1;
    pointer-events: auto;
}
.switch-page a {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.switch-page .switch-page-info {
    position: absolute;
    display: block;
    top:0;
    width: 500px;
    padding: 30px 70px;
    background: #ececec;
}
.switch-page .switch-page-info .imgbox {
    position: relative;
    display: block;
    width: 100%;
}
.switch-page .switch-page-info .imgbox img {
    width: 100%;
    height: auto;
}
.switch-page .switch-page-info .textbox {
    position: relative;
    display: block;
    font-size: 18px;
    line-height: 18px;
    font-weight: bold;
    font-family: "Noto Serif TC", "Microsoft JhengHei", serif;
    text-align: center;
    padding: 10px 0 0 0;
}
.switch-page.next-page {
    right: 0;
}
.switch-page.next-page .switch-page-info {
    -webkit-transition: right 0.3s ease;
    transition: right 0.3s ease;
    right: -430px;
}
.switch-page.next-page:hover .switch-page-info {
    right: 0px;
}
.switch-page.next-page .arrow-btn {
    position: absolute;
    display: block;
    border-top:8px solid #333;
    border-right: 8px solid #333;
    width: 30px;
    height: 30px;
    left: 5px;
    top:calc(50% - 15px);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.switch-page.prev-page {
    left: 0;
}
.switch-page.prev-page .switch-page-info {
    -webkit-transition: left 0.3s ease;
    transition: left 0.3s ease;
    left: -430px;
}
.switch-page.prev-page:hover .switch-page-info {
    left: 0px;
}
.switch-page.prev-page .arrow-btn {
    position: absolute;
    display: block;
    border-top:8px solid #333;
    border-left: 8px solid #333;
    width: 30px;
    height: 30px;
    right: 5px;
    top:calc(50% - 15px);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
@media screen and (max-width: 1000px) {
    .switch-page {
        display: none;
    }
}
.article-mainContainer .mainContentBox .article-content .Arecommend {
    background: transparent;
    border: 1px solid #d1d1d1;
    padding: 0px;
    overflow: hidden;
    padding:0;
    margin: 10px 0;
}
.article-mainContainer .mainContentBox .article-content .Arecommend .row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: auto !important;
}
.article-mainContainer .mainContentBox .article-content .Arecommend .row::before,
.article-mainContainer .mainContentBox .article-content .Arecommend .row::after{
    display: none;
}
.article-mainContainer .mainContentBox .article-content .Arecommend .row div:nth-of-type(1) {
    width: 35% !important;
}
.article-mainContainer .mainContentBox .article-content .Arecommend .row div:nth-of-type(1) img{
    width: 100% !important;
    height: auto !important;
    margin-left: 0%;
    padding: 0;
}
.article-mainContainer .mainContentBox .article-content .Arecommend .row div:nth-of-type(2) {
    overflow: visible !important;
    width: 65% !important;
    font-size: 20px !important;
    line-height: 28px !important;
    padding: 20px;
}
.article-mainContainer .mainContentBox .article-content .Arecommend-div a,
.article-mainContainer .mainContentBox .article-content .Arecommend-div .Arecommend-txt {
    max-height: none !important;
    width:auto;
    font-size: 1em !important;
    line-height: 1.4em !important;
    font-family: "Noto Serif TC", "Microsoft JhengHei", serif !important;
    font-weight: bold !important;
}
@media screen and (max-width: 1400px) {
    .article-mainContainer .mainContentBox .article-content .Arecommend .row div:nth-of-type(2) {
        font-size: 1.3vw !important;
        line-height: 2.2vw !important;
    }
}
@media screen and (max-width: 1000px) {
    .article-mainContainer .mainContentBox .article-content .Arecommend {
        position: relative;
        margin: 10px auto;
        max-width: 350px !important;
        float: none;
        
    }
    .article-mainContainer .mainContentBox .article-content .Arecommend .row {
        flex-direction: column;
        max-width: 350px !important;
    }
    .article-mainContainer .mainContentBox .article-content .Arecommend .row div:nth-of-type(1) {
        width: 290px !important;
        margin: 10px auto;
    }
    .article-mainContainer .mainContentBox .article-content .Arecommend .row div:nth-of-type(1) a {
        display: block;
        width: 100%;
    }
    .article-mainContainer .mainContentBox .article-content .Arecommend .row div:nth-of-type(2) {
        width: 100% !important;
        font-size: 16px !important;
        line-height: 22px !important;
        padding: 10px;
    }
}
.article-mainContainer .mainContentBox .article-content .youtube-embed-wrapper {
    width: 100%;
    height: 29vw;
}
@media screen and (max-width: 1000px) {
    .article-mainContainer .mainContentBox .article-content .youtube-embed-wrapper {
        height: 54vw;
    }
}


.isd_mainContainer .mainListBox.mainListBox-type6 {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.isd_mainContainer .mainListBox.mainListBox-type6 .item {
    display: block;
    width: calc(100% / 4);
    margin-bottom: 5vw;
}
.isd_mainContainer .mainListBox.mainListBox-type6 .item .imgBox {
    height: 30vw;
}
.isd_mainContainer .mainListBox.mainListBox-type6 .item .imgBox img {
    width: auto;
    height: 100%;
}
.isd_mainContainer .mainListBox.mainListBox-type6 .item .textBox .categoryBtn{
    margin: 0;
}
.isd_mainContainer .mainListBox.mainListBox-type6 .item .textBox .authorBtn{
    padding-top: 1vw;
    text-align: left;
}
.isd_mainContainer .mainListBox.mainListBox-type6 .item .textBox h4 {
    text-align: left;
}
.hot-topic-header-cover {
    margin-top: 2vw;
}
.hot-topic-header-cover img {
    width: 100%;
    height: auto;
}
.hot-topic-header-cover .imgbox-m {
    display: none;
}
.article-header.hot-topic-header {
    padding: 0;
}
.article-header.hot-topic-header .mainContentBox h1 {
}
.article-header.hot-topic-header .mainContentBox .authorBtn {
    font-size: 1.2vw;
    margin: 2vw 0;
}
.article-header.hot-topic-header .mainContentBox p {
    font-size: 1.5vw;
    line-height: 150%;
    margin: 0 0 1.5vw 0;
    font-family: GOTHAM, Calibri,"Microsoft JhengHei", serif;
}
.article-header.hot-topic-header .hot-topic-header-videobox {
    position: relative;
    display: block;
    width: 46vw;
    height: 25vw;
    margin: 4vw auto 4vw auto;
}
.article-header.hot-topic-header .mainContentBox {
    border:0px;
}
.article-header.hot-topic-header .mainContentBox .sub-taglist {
    margin: 5vw 0 2vw;
}
.article-header.hot-topic-header .mainContentBox .sub-taglist li{
    font-size: 1.5vw;
    line-height: 150%;
    height: auto;
    border-radius: 1vw 1vw 1vw 0;
    margin: 0.3vw;
}
.hot-topic-infobox {
    border-top:1px solid #000;
    padding: 4vw 0 2vw 0;
}
.hot-topic-infobox .titlebox {
    font-size: 1.8vw;
    line-height: 150%;
    font-weight: bold;
    /*font-family: "Noto Sans TC";*/
    font-family: GOTHAM, Calibri,"Microsoft JhengHei", serif;
    margin-bottom: 2vw;
    text-align: center;
}
.hot-topic-infobox p {
    font-size: 1.5vw;
    line-height: 150%;
    font-weight: normal;
    /*font-family: "Noto Sans TC";*/
    font-family: GOTHAM, Calibri,"Microsoft JhengHei", serif;
    padding: 0 2vw;
}
@media screen and (max-width: 1000px) {
    .hot-topic-header-cover {
        margin: 0;
    }
    .hot-topic-header-cover .imgbox-m {
        position: relative;
        display: block;
        width: 100vw;
        left: 50%;
        margin-left: -50vw;
    }
    .hot-topic-header-cover .imgbox-pc {
        display: none;
    }
    .isd_mainContainer .mainListBox.mainListBox-type6 {
        flex-direction: column;
    }
    .isd_mainContainer .mainListBox.mainListBox-type6 .item {
        display: flex;
        justify-content: center;
        align-items: stretch;
        width: 100%;
        margin:0;
        border-bottom: 1px solid #000;
        padding: 2vw 0 2vw 0;
    }
    .isd_mainContainer .mainListBox.mainListBox-type6 .item .imgBox {
        height: auto;
        width: 50%;
        min-height: 50vw;
    }
    .isd_mainContainer .mainListBox.mainListBox-type6 .item .imgBox img {
        width: auto;
        height: 100%;
    }
    
    .isd_mainContainer .mainListBox.mainListBox-type6 .item .textBox {
        padding: 0 0 0 2vw;
        width: 50%;
    }
    .isd_mainContainer .mainListBox.mainListBox-type6 .item .textBox .categoryBtn {
        margin-top: 0;
    }
    .isd_mainContainer .mainListBox.mainListBox-type6 .item1 {
        flex-direction: column;
    }
    .isd_mainContainer .mainListBox.mainListBox-type6 .item1 .imgBox{
        width: 100%;
        min-height: 90vw;
    }
    .isd_mainContainer .mainListBox.mainListBox-type6 .item1 .textBox{
        width: 100%;
        padding: 3vw 0;
    }
    .isd_mainContainer .mainListBox.mainListBox-type6 .item .textBox h4 {
        line-height: 150%;
    }
    .isd_mainContainer .mainListBox.mainListBox-type6 .item1 .textBox h4 {
        font-size: 4.5vw;
    }
    .isd_mainContainer .mainListBox.mainListBox-type6 .item4,
    .isd_mainContainer .mainListBox.mainListBox-type6 .item5,
    .isd_mainContainer .mainListBox.mainListBox-type6 .item6,
    .isd_mainContainer .mainListBox.mainListBox-type6 .item7,
    .isd_mainContainer .mainListBox.mainListBox-type6 .item8,
    .isd_mainContainer .mainListBox.mainListBox-type6 .item9{
        display: flex;
    }
    .isd_mainContainer .mainListBox.mainListBox-type6 .item:last-child {
        border-bottom: 0px;
    }
    .article-header.hot-topic-header {
        padding: 0;
    }
    .article-header.hot-topic-header .mainContentBox h1 {
        font-size: 6vw;
        line-height: 150%;
    }
    .article-header.hot-topic-header .mainContentBox .authorBtn {
        font-size: 3vw;
        font-weight: 500;
        margin: 5vw 0;
    }
    .article-header.hot-topic-header .mainContentBox p {
        font-size: 5vw;
        margin: 0 0 1.5vw 0;
    }
    .article-header.hot-topic-header .hot-topic-header-videobox {
        width: 100%;
        height: 120vw;
        margin: 7vw auto 7vw auto;
    }
    .article-header.hot-topic-header .mainContentBox {
        border:0px;
    }
    .article-header.hot-topic-header .mainContentBox .sub-taglist {
        margin: 5vw 0 2vw;
    }
    .article-header.hot-topic-header .mainContentBox .sub-taglist li{
        font-size: 3vw;
        line-height: 150%;
        height: auto;
        border-radius: 3vw 3vw 3vw 0;
        margin:1vw;
    }
    .hot-topic-infobox {
        padding: 6vw 0 4vw 0;
    }
    .hot-topic-infobox .titlebox {
        font-size: 6vw;
        margin-bottom: 4vw;
    }
    .hot-topic-infobox p {
        font-size: 5vw;
        padding: 0 2vw;
    }
}
@media screen and (min-width: 600px) and (max-width: 1000px) {
    .article-header.hot-topic-header .mainContentBox h1 {
        font-size: 3.5vw;
        line-height: 150%;
    }
    .article-header.hot-topic-header .mainContentBox .authorBtn {
        font-size: 2.5vw;
        margin: 4vw 0;
    }
    .article-header.hot-topic-header .mainContentBox p {
        font-size: 3vw;
        line-height: 150%;
        margin: 0 0 1.5vw 0;
    }
    .article-header.hot-topic-header .mainContentBox .sub-taglist li{
        font-size: 2.5vw;
        line-height: 150%;
        height: auto;
        border-radius: 3vw 3vw 3vw 0;
        margin:0.8vw;
    }
    .hot-topic-infobox .titlebox {
        font-size: 3.5vw;
        margin-bottom: 3vw;
    }
    .hot-topic-infobox p {
        font-size: 3vw;
        padding: 0 2vw;
    }
    .isd_mainContainer .mainListBox.mainListBox-type6 .item .imgBox {
        width: 40%;
        min-height: 35vw;
    }
    .isd_mainContainer .mainListBox.mainListBox-type6 .item1 .imgBox {
        width: 100%;
        min-height: 90vw;
    }
    .isd_mainContainer .mainListBox.mainListBox-type6 .item .textBox {
        width: 60%;
    }
    .isd_mainContainer .mainListBox.mainListBox-type6 .item1 .textBox {
        width: 100%;
    }
    .isd_mainContainer .mainListBox.mainListBox-type6 .item .textBox h4 {
        font-size: 2.5vw;
    }
    .isd_mainContainer .mainListBox.mainListBox-type6 .item1 .textBox h4 {
        font-size: 3vw;
    }
    .isd_mainContainer .mainListBox.mainListBox-type6 .item .categoryBtn h3{
        font-size: 2vw;
    }
    .isd_mainContainer .mainListBox.mainListBox-type6 .item .authorBtn li{
        font-size: 2vw;
    }
}

/* 20240923 */
.isd_menuLightBox .menuContainer .articleBox .articleList .item .categoryBtn + div {
    position: relative;
    display: block;
    font-family: "DomaineDisplay", "Domaine Display", 'Playfair Display', "Noto Serif TC", "Microsoft JhengHei", serif;
    font-weight: 500;
    font-size: 1.4vw;
    line-height: 1.8vw;
    white-space: normal;
    margin: 0 0 1vw 0;
    color: #fff;
}
@media screen and (max-width: 1000px) {
    .isd_menuLightBox .menuContainer .articleBox .articleList .item .categoryBtn + div {
        font-size: 3.8vw;
        line-height: 4.8vw;
    }
}