@charset "UTF-8";

body {
    margin: 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;
}
.navBlock {
    margin-bottom:30px;
}
.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 .logo {
    position: relative;
    display: block;
    width: 50%;
    max-width: 300px;
    left: 50%;
    margin: 0;
    padding: 45px 0 15px 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;
}
.isd_nav .logo a {
    position: relative;
    display: block;
    width: 100%;
    left: 0;
    top: ;
    border: 0;
}
.isd_nav .logo img {
    position: relative;
    display: block;
    width: 100%;
}
.isd_nav.nav_fixed .logo {
    width: 0;
    padding: 0;
}
.isd_nav .socialList {
    position: absolute;
    display: block;
    font-size: 0;
    line-height: 0;
    left: 50%;
    top:10px;
    margin: 0 0 0 -850px;
}
.isd_nav .socialList li {
    position: relative;
    display: inline-block;
    margin: 0 5px 0 5px;
    width: 20px;
    vertical-align: middle;
    list-style: none;
}
.isd_nav.nav_fixed .socialList{
    display: none;
}
.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: 1750px) {
    .isd_nav .socialList {
        margin: 0;
        left: 20px;
    }
}
.isd_nav .navListBox {
    position: relative;
    display: block;
    width: 100%;
    min-height: 40px;
    border-top:1px solid #E1E1E1;
    box-shadow: 0 10px 10px rgba(0,0,0,0.1);
}
.isd_nav .navListBox .navListContent {
    position: relative;
    display: block;
    width: calc(100% - 40px);
    max-width: 1700px;
    margin: 0 auto;
    text-align: center;
}
.isd_nav .navListBox .navListContent .burgerBtn {
    position: absolute;
    display: block;
    width: 24px;
    height: 24px;
    cursor: pointer;
    left: 0;
    top:8px;
    z-index: 1;
}
.isd_nav .navListBox .navListContent .burgerBtn span {
    position: absolute;
    display: block;
    width: 100%;
    height: 3px;
    background: rgba(0,0,0,1);
    left: 0;
}
@media screen and (min-width: 1200px) {
    .isd_nav .navListBox .navListContent .burgerBtn:hover span {
        background: rgba(0,0,0,0.5);
    }
}
.isd_nav .navListBox .navListContent .burgerBtn span:nth-child(1) {
    top:0;
}
.isd_nav .navListBox .navListContent .burgerBtn span:nth-child(2) {
    top:10px;
}
.isd_nav .navListBox .navListContent .burgerBtn span:nth-child(3) {
    top:20px;
}
.isd_nav .navListBox .navListContent .navListInnerBox {
    position: relative;
    display: block;
    padding: 0 140px 0 140px;
}

.isd_nav .navListBox .navListContent .logoS {
    position: absolute;
    display: none;
    width: 80px;
    left: 40px;
    top:6px;
    z-index: 1;
}
.isd_nav.nav_fixed .navListBox .navListContent .logoS {
    display: block;
    width: 80px;
    left: 40px;
    top:6px;
}
.isd_nav .navListBox .navListContent .logoS a {
    position: relative;
    display: block;
    width: 100%;
    left: 0;
    top:0;
}
.isd_nav .navListBox .navListContent .logoS img {
    position: relative;
    display: block;
    width: 100%;
}
.isd_nav .navListBox .navListContent .navList {
    position: relative;
    display: inline-block;
    font-size: 0;
    line-height: 0;
    text-align: center;
    vertical-align: middle;
    padding: 7px 0 6px 0;
}
.isd_nav .navListBox .navListContent .navList li {
    position: relative;
    display: inline-block;
    font-size: 14px;
    line-height: 14px;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    margin: 0 1.4vw 0 1.4vw;
    vertical-align: middle;
    font-family: "DomaineDisplay","Domaine Display",'Playfair Display',"Noto Serif","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 .navListBox .navListContent .tagList {
    position: relative;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 7px 0 6px 0;
}
.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;
    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","Noto Serif TC", "Microsoft JhengHei", serif;
}
.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: 0;
    top:6px;
}
.isd_nav .funcList li {
    position: relative;
    display: inline-block;
    margin: 0 0 0 10px;
    vertical-align: top;
    list-style: none;
}
.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.memberBlockIcon {
    position: fixed;
    display: block;
    top:13px;
    left: 50%;
    margin: 0 0 0 775px;
}
.isd_nav .funcList li.memberLogoutIcon {
    position: fixed;
    display: block;
    top:10px;
    left: 50%;
    margin: 0 0 0 830px;
}
.isd_nav.nav_fixed .funcList li.memberBlockIcon {
    display: none;
}
.isd_nav.nav_fixed .funcList li.memberLogoutIcon {
    display: none;
}
@media screen and (max-width: 1750px) {
    .isd_nav .funcList li.memberBlockIcon {
        left: auto;
        margin: 0;
        right: 50px;
    }
    .isd_nav .funcList li.memberLogoutIcon {
        left: auto;
        margin: 0;
        right: 15px;
    }
}
.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: 25px;
}
.isd_nav .funcList li.memberBlockIcon img {
    display: none;
}
.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 140px 0 50px;
    }
    .isd_nav .navListBox .navListContent .navList li {
        margin: 0 0.7vw 0 0.7vw;
    }
    .isd_nav .navListBox .navListContent .tagList li {
        margin: 0 0.2vw 0 0.2vw;
    }
}
@media screen and (max-width: 1400px) {
    .isd_nav .navListBox .navListContent .navList li {
        margin: 0 0.7vw 0 0.7vw;
    }
}
@media screen and (max-width: 1200px) {
    .isd_nav .navListBox .navListContent .navListInnerBox {
        padding: 0 120px 0 40px;
    }
    .isd_nav .navListBox .navListContent .navList {
        display: none;
    }
    .isd_nav .navListBox .navListContent .tagList {
        display: block;
        width: 100%;
        padding: 0;
        }
    .isd_nav.nav_fixed .navListBox .navListContent .tagList {
        width: calc(100% - 90px);
        left: 90px;
    }
    .isd_nav .navListBox .navListContent .tagList li {
        border-radius: 12px;
        padding: 0 3px 0 3px;
        margin: 6px 0.2vw 6px 0.2vw;
    }
    .isd_nav .funcList {
        top:7px;
    }
    .isd_nav .funcList li {
        margin: 0 0 0 3px;
    }
    .isd_nav .funcList .subscribePopBox.expand {
        pointer-events:auto;
        opacity: 1;
    }
    /*
    .isd_nav .funcList li.memberBlockIcon span {
        display: none;
    }

    .isd_nav .funcList li.memberBlockIcon img {
        display: block;
    }*/
}
@media screen and (max-width: 1000px) {
    .isd_nav .navListBox .navListContent .tagList li {
        display: none;
    }
    .isd_nav .navListBox .navListContent .tagList li:nth-child(1) {
        display: inline-block;
    }
    .isd_nav .navListBox .navListContent .tagList li:nth-child(2) {
        display: inline-block;
    }
}
@media screen and (max-width: 500px) {
    .isd_nav .funcList li .icon img {
        width: 22px;
    }
    .isd_nav .navListBox .navListContent .navListInnerBox {
        padding: 0 105px 0 40px;
    }
    .isd_nav.nav_fixed .navListBox .navListContent .tagList {
        display: none;
    }
}
.isd_nav .serachBarBox {
    position: absolute;
    display: none;
    width: 300px;
    height: 45px;
    top:45px;
    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 {
    width: 30px;
    height: 30px;
    margin: 0;
    background: #333;
    vertical-align: middle;
    border-radius: 3px;
}
@media screen and (max-width: 500px) {
    .isd_nav .serachBarBox {
        width: 100%;
        border-radius: 15px;
    }
}
.isd_mainContainer {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
}
.isd_mainContainer .mainContentBox {
    position: relative;
    display: block;
    width: 90%;
    max-width: 1170px;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0);
}
.isd_mainContainer h1 {
    position: relative;
    display: block;
    font-family: "DomaineDisplay","Domaine Display",'Playfair Display',"Noto Serif","Noto Serif TC", "Microsoft JhengHei", serif;
    font-weight:400;
    font-size: 60px;
    line-height: 60px;
    padding: 50px 0 40px 0;
}
.isd_mainContainer h1::before {
    content: "/";
    margin: 0 10px 0 0;
}
.isd_mainContainer h2 {
    position: relative;
    display: block;
    font-family: "Microsoft JhengHei", serif;
    font-weight:400;
    font-size: 40px;
    line-height: 55px;
    white-space: normal;
}
.isd_mainContainer h3 {
    position: relative;
    display: block;
    font-family: "Microsoft JhengHei", serif;
    font-weight:400;
    font-size: 18px;
    line-height: 30px;
    white-space: normal;
    color:#ff0000;
}

.isd_mainContainer h4 {
    position: relative;
    display: block;
    font-family: "Microsoft JhengHei", serif;
    font-weight:400;
    font-size: 24px;
    line-height: 32px;
    white-space: normal;
}


@media screen and (min-width: 1200px) {
    .isd_mainContainer h2:hover {
        color:#666666;
    }
    .isd_mainContainer h3:hover {
        color:#ff6666;
    }
    .isd_mainContainer h4:hover {
        color:#666666;
    }
}
@media screen and (max-width: 800px) {
    .isd_mainContainer h1 {
        font-size: calc(100vw * 0.08);
        line-height: calc(100vw * 0.085);
        padding: 30px 0 25px 0;
    }
    .isd_mainContainer h2 {
        font-size: calc(100vw * 0.05);
        line-height: calc(100vw * 0.06);
    }
    .isd_mainContainer h3 {
        font-size: 15px;
        line-height: 20px;
    }
    .isd_mainContainer h4 {
        font-size: calc(100vw * 0.04);
        line-height: calc(100vw * 0.05);
    }
}
@media screen and (max-width: 500px) {
    .isd_mainContainer h2 {
        font-size: 18px;
        line-height: 24px;
    }
    .isd_mainContainer h4 {
        font-size: calc(100vw * 0.045);
        line-height: calc(100vw * 0.06);
    }
}
@media screen and (max-width: 500px) {

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

.isd_mainContainer .containerSlideBox .item {
    position: relative;
    width: 100%;
    display: inline-block;
}
.isd_mainContainer .containerSlideBox .item .imgBox {
    position: relative;
    display: block;
    width: 100%;
}
.isd_mainContainer .containerSlideBox .item .imgBox img {
    position: relative;
    display: block;
    width: 100%;
}
.isd_mainContainer .containerSlideBox .containerTextSlide .slick-slide > div {
    width: 100%;
}
.isd_mainContainer .containerSlideBox .containerTextSlide .item {
    vertical-align: middle;
}
.isd_mainContainer .containerSlideBox .containerSlide .textBox {
    position: relative;
    display: block;
    width: calc(100% - 160px);
    left: 80px;
    text-align: center;
}
.isd_mainContainer .containerSlideBox .containerSlide .textBox h2 span {
    position: relative;
    display: block;
}
.isd_mainContainer .containerSlideBox .containerSlide .textBox .categoryBtn {
    position: relative;
    display: block;
    margin: 25px 0 15px 0;
}
.isd_mainContainer .containerSlideBox .containerSlide .textBox .categoryBtn h3::before,
.isd_mainContainer .containerSlideBox .containerSlide .textBox .categoryBtn h3::after{
    content: "-";
    color:rgba(0,0,0,0);
    pointer-events: none;
    visibility: hidden;
}
.isd_mainContainer .authorBtn {
    position: relative;
    display: block;
    font-size: 0;
    line-height: 0;
    text-align: center;
    margin: 10px 0 20px 0;
}
.isd_mainContainer .authorBtn li {
    position: relative;
    display: inline-block;
    font-size: 15px;
    line-height: 15px;
    margin: 0 10px 0 0;
    color:#515151;
}
.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: 40px;
    height: 40px;
    left: 15px;
    top:50%;
    border-left: 2px solid #000;
    border-top: 2px solid #000;
    -webkit-transform:translate(0,-50%) rotate(-45deg);
    transform: translate(0,-50%) rotate(-45deg);
    cursor: pointer;
}
.isd_mainContainer .containerSlideBox .arrowBtnRight {
    position: absolute;
    display: block;
    width: 40px;
    height: 40px;
    right: 15px;
    top:50%;
    border-left: 2px solid #000;
    border-top: 2px solid #000;
    -webkit-transform: translate(0,-50%) rotate(135deg);
    transform: translate(0,-50%) rotate(135deg);
    cursor: pointer;
}
@media screen and (min-width: 1200px) {

    .isd_mainContainer .containerSlideBox .arrowBtnLeft:hover {
        border-left: 2px solid #ff0000;
        border-top: 2px solid #ff0000;
    }

    .isd_mainContainer .containerSlideBox .arrowBtnRight:hover {
        border-left: 2px solid #ff0000;
        border-top: 2px solid #ff0000;
    }
}
@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;
    }
}
.isd_adContainerMainPage {
    position: relative;
    display: block;
    background: #2B2B2B;
    padding: 25px 0 25px 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 .adBox.adBox970x250 {
        display: none;
    }
    .isd_adContainerMainPage .adBox.adBox300x250 {
        max-width: 300px;
        display: block;
    }
}

.isd_mainContainer .mainListBoxType1 {
    position: relative;
    display: block;
    width: 100%;
    font-size: 0;
    line-height: 0;
}
.isd_mainContainer .mainListBoxType1 .item {
    position: relative;
    display: inline-block;
    margin: 0 0 40px 0;
    vertical-align: top;
}
.isd_mainContainer .mainListBoxType1 .item:nth-child(1),
.isd_mainContainer .mainListBoxType1 .item:nth-child(3),
.isd_mainContainer .mainListBoxType1 .item:nth-child(4){
    width: 300px;
}
.isd_mainContainer .mainListBoxType1 .item:nth-child(2),
.isd_mainContainer .mainListBoxType1 .item:nth-child(5) {
    width: 400px;
    margin: 0 85px 0 85px;
}
.isd_mainContainer .mainListBoxType1 .item:nth-child(6) {
    width: 300px;
}
.isd_mainContainer .mainListBoxType1 .item .imgBox {
    position: relative;
    display: block;
    overflow: hidden;
    cursor: pointer;
}
.isd_mainContainer .mainListBoxType1 .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;
}

.isd_mainContainer .mainListBoxType1 .item:nth-child(1) .imgBox,
.isd_mainContainer .mainListBoxType1 .item:nth-child(3) .imgBox,
.isd_mainContainer .mainListBoxType1 .item:nth-child(4) .imgBox {
    height: 400px;
}
.isd_mainContainer .mainListBoxType1 .item:nth-child(2) .imgBox,
.isd_mainContainer .mainListBoxType1 .item:nth-child(5) .imgBox {
    height: 450px;
}
.isd_mainContainer .mainListBoxType1 .item:nth-child(6) .imgBox {
    height: 600px;
}

.isd_mainContainer .mainListBoxType1 .item:nth-child(3)::after {
    content: "";
    position: absolute;
    display: block;
    width: 20px;
    height: 20px;
    top:-10px;
    right: -10px;
    background: #ff0000;
}
.isd_mainContainer .mainListBoxType1 .item:nth-child(4)::after {
    content: "";
    position: absolute;
    display: block;
    width: 20px;
    height: 20px;
    top:390px;
    right: -10px;
    background: #ff0000;
}
.isd_mainContainer .mainListBoxType1 .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;
}
.isd_mainContainer .mainListBoxType1 .item .imgBox:hover::after,
.isd_mainContainer .mainListBoxType1 .item .imgBox:active::after {
    opacity: 1;
}
.isd_mainContainer .mainListBoxType1 .item:nth-child(6) .imgBox::after {
    display: none;
}
@media screen and (min-width: 1200px) {
    .isd_mainContainer .mainListBoxType1 .item .imgBox:hover img {
        -webkit-transform: translate(-50%,-50%) scale(1.1);
        transform: translate(-50%,-50%) scale(1.1);
    }
    .isd_mainContainer .mainListBoxType1 .item:nth-child(6) .imgBox:hover img {
        -webkit-transform: translate(-50%,-50%) scale(1);
        transform: translate(-50%,-50%) scale(1);
    }
}
.isd_mainContainer .mainListBoxType1 .item .textBox {
    position: relative;
    display: block;
    width: 100%;
}
.isd_mainContainer .mainListBoxType1 .item .categoryBtn {
    position: relative;
    display: block;
    margin: 8px 0 3px 0;
}
.isd_mainContainer .mainListBoxType1 .item .authorBtn {
    text-align: left;
}
@media screen and (max-width: 1350px) {
    .isd_mainContainer .mainListBoxType1 .item:nth-child(1),
    .isd_mainContainer .mainListBoxType1 .item:nth-child(3),
    .isd_mainContainer .mainListBoxType1 .item:nth-child(4){
        width: 27%;
    }
    .isd_mainContainer .mainListBoxType1 .item:nth-child(2),
    .isd_mainContainer .mainListBoxType1 .item:nth-child(5) {
        width: 32%;
        margin: 0 7% 0 7%;
    }
    .isd_mainContainer .mainListBoxType1 .item:nth-child(6) {
        width: 27%;
    }
    .isd_mainContainer .mainListBoxType1 .item:nth-child(1) .imgBox,
    .isd_mainContainer .mainListBoxType1 .item:nth-child(3) .imgBox,
    .isd_mainContainer .mainListBoxType1 .item:nth-child(4) .imgBox {
        height: 30vw;
    }
    .isd_mainContainer .mainListBoxType1 .item:nth-child(2) .imgBox,
    .isd_mainContainer .mainListBoxType1 .item:nth-child(5) .imgBox {
        height: 35vw;
    }
    .isd_mainContainer .mainListBoxType1 .item:nth-child(6) .imgBox {
        height: 50vw;
    }
    .isd_mainContainer .mainListBoxType1 .item:nth-child(4)::after {
        top:calc(30vw - 10px);
    }
}
@media screen and (max-width: 800px) {
    .isd_mainContainer .mainListBoxType1 .item:nth-child(1) {
        width: 100%;
        margin: 0 0 3vw 0;
    }
    .isd_mainContainer .mainListBoxType1 .item:nth-child(2),
    .isd_mainContainer .mainListBoxType1 .item:nth-child(3),
    .isd_mainContainer .mainListBoxType1 .item:nth-child(4),
    .isd_mainContainer .mainListBoxType1 .item:nth-child(5) {
        width: 46%;
        margin: 0;
    }
    .isd_mainContainer .mainListBoxType1 .item:nth-child(2),
    .isd_mainContainer .mainListBoxType1 .item:nth-child(4) {
        margin: 0 8% 0 0;
    }
    .isd_mainContainer .mainListBoxType1 .item:nth-child(2),
    .isd_mainContainer .mainListBoxType1 .item:nth-child(3) {
        margin-bottom: 7vw;
    }
    .isd_mainContainer .mainListBoxType1 .item:nth-child(4) {
        margin-top:-7vw;
    }
    .isd_mainContainer .mainListBoxType1 .item:nth-child(6) {
        display: none;
    }
    .isd_mainContainer .mainListBoxType1 .item:nth-child(1) .imgBox {
        height: 100vw;
    }
    .isd_mainContainer .mainListBoxType1 .item:nth-child(2) .imgBox,
    .isd_mainContainer .mainListBoxType1 .item:nth-child(5) .imgBox {
        height: 48vw;
    }
    .isd_mainContainer .mainListBoxType1 .item:nth-child(3) .imgBox,
    .isd_mainContainer .mainListBoxType1 .item:nth-child(4) .imgBox {
        height: 55vw;
    }
    .isd_mainContainer .mainListBoxType1 .item:nth-child(4)::after {
        top:calc(55vw - 10px);
    }
}
@media screen and (max-width: 500px) {
    .isd_mainContainer .mainListBoxType1 .item:nth-child(1) {
        border-bottom: 1px solid #E1E1E1;
    }
    .isd_mainContainer .mainListBoxType1 .item:nth-child(2),
    .isd_mainContainer .mainListBoxType1 .item:nth-child(3),
    .isd_mainContainer .mainListBoxType1 .item:nth-child(4),
    .isd_mainContainer .mainListBoxType1 .item:nth-child(5) {
        width: 100%;
        margin: 0;
        padding: 3vw 0 3vw 0;
        border-bottom: 1px solid #E1E1E1;
    }
    .isd_mainContainer .mainListBoxType1 .item:nth-child(2) .imgBox,
    .isd_mainContainer .mainListBoxType1 .item:nth-child(3) .imgBox,
    .isd_mainContainer .mainListBoxType1 .item:nth-child(4) .imgBox,
    .isd_mainContainer .mainListBoxType1 .item:nth-child(5) .imgBox {
        display: inline-block;
        width: 40%;
        height: 45vw;
        vertical-align: top;
    }
    .isd_mainContainer .mainListBoxType1 .item:nth-child(2) .textBox,
    .isd_mainContainer .mainListBoxType1 .item:nth-child(3) .textBox,
    .isd_mainContainer .mainListBoxType1 .item:nth-child(4) .textBox,
    .isd_mainContainer .mainListBoxType1 .item:nth-child(5) .textBox {
        display: inline-block;
        width: 55%;
        margin: 0 0 0 5%;
        vertical-align: top;
    }
    .isd_mainContainer .mainListBoxType1 .item:nth-child(1) .textBox {
        width: 100%;
    }
    .isd_mainContainer .mainListBoxType1 .item:nth-child(3)::after {
        display: none;
    }
    .isd_mainContainer .mainListBoxType1 .item:nth-child(4)::after {
        display: none;
    }
}

.isd_mainContainer .moreBtn {
    position: relative;
    display: block;
    width: 200px;
    height: 50px;
    background: #ff0000;
    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;
}
.isd_mainContainer .moreBtn a {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top:0;
    left: 0;
}
@media screen and (min-width: 1200px) {
    .isd_mainContainer .moreBtn:hover {
        background: #ff6666;
    }
}

.isd_mainContainer .mainListBoxType2 {
    position: relative;
    display: block;
    width: 100%;
    font-size: 0;
    line-height: 0;
}
.isd_mainContainer .mainListBoxType2 .item {
    position: relative;
    display: inline-block;
    margin: 0 0 40px 0;
    vertical-align: top;
}
.isd_mainContainer .mainListBoxType2 .item:nth-child(1) {
    width: 785px;
    margin: 0 85px 0 0;
}
.isd_mainContainer .mainListBoxType2 .item:nth-child(2){
    width: 300px;
    margin: 320px 0 0 0;
}
.isd_mainContainer .mainListBoxType2 .item:nth-child(3),
.isd_mainContainer .mainListBoxType2 .item:nth-child(5){
    width: 300px;
    margin: 30px 0 0 0;
}
.isd_mainContainer .mainListBoxType2 .item:nth-child(4) {
    width: 400px;
    margin: 30px 85px 0 85px;
}
.isd_mainContainer .mainListBoxType2 .item:nth-child(6) {
    position: absolute;
    right: 0;
    top:0;
    width: 300px;
}
.isd_mainContainer .mainListBoxType2 .item .imgBox {
    position: relative;
    display: block;
    overflow: hidden;
    cursor: pointer;
}
.isd_mainContainer .mainListBoxType2 .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;
}

.isd_mainContainer .mainListBoxType2 .item:nth-child(1) .imgBox {
    height: 785px;
}
.isd_mainContainer .mainListBoxType2 .item:nth-child(2) .imgBox,
.isd_mainContainer .mainListBoxType2 .item:nth-child(4) .imgBox {
    height: 400px;
}
.isd_mainContainer .mainListBoxType2 .item:nth-child(3) .imgBox,
.isd_mainContainer .mainListBoxType2 .item:nth-child(5) .imgBox {
    height: 300px;
}
.isd_mainContainer .mainListBoxType2 .item:nth-child(6) .imgBox {
    height: 250px;
}
.isd_mainContainer .mainListBoxType2 .item:nth-child(1)::after {
    content: "";
    position: absolute;
    display: block;
    width: 20px;
    height: 20px;
    top:775px;
    right: -10px;
    background: #ff0000;
}
.isd_mainContainer .mainListBoxType2 .item:nth-child(3)::after {
    content: "";
    position: absolute;
    display: block;
    width: 20px;
    height: 20px;
    top:290px;
    right: -10px;
    background: #ff0000;
}
.isd_mainContainer .mainListBoxType2 .item .imgBox img {
    position: absolute;
    display: block;
    height: 100%;
    width: auto;
    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_mainContainer .mainListBoxType2 .item:nth-child(6) .imgBox::after {
    display: none;
}
.isd_mainContainer .mainListBoxType2 .item .imgBox:hover::after,
.isd_mainContainer .mainListBoxType2 .item .imgBox:active::after {
    opacity: 1;
}
@media screen and (min-width: 1200px) {

    .isd_mainContainer .mainListBoxType2 .item:nth-child(6) .imgBox:hover::after {
        opacity: 0;
    }
    .isd_mainContainer .mainListBoxType2 .item .imgBox:hover img {
        -webkit-transform: translate(-50%,-50%) scale(1.1);
        transform:translate(-50%,-50%)  scale(1.1);
    }
    .isd_mainContainer .mainListBoxType2 .item:nth-child(6) .imgBox:hover img {
        -webkit-transform: translate(-50%,-50%) scale(1);
        transform: translate(-50%,-50%) scale(1);
    }
}
.isd_mainContainer .mainListBoxType2 .item .textBox {
    position: relative;
    display: block;
    width: 100%;
}
.isd_mainContainer .mainListBoxType2 .item .categoryBtn {
    position: relative;
    display: block;
    margin: 8px 0 3px 0;
}
.isd_mainContainer .mainListBoxType2 .item .authorBtn {
    text-align: left;
}
@media screen and (max-width: 1350px) {
    .isd_mainContainer .mainListBoxType2 .item:nth-child(1){
        width: 66%;
        margin: 0 7% 0 0;
    }
    .isd_mainContainer .mainListBoxType2 .item:nth-child(2){
        width: 27%;
        margin: 30vw 0 0 0;
    }
    .isd_mainContainer .mainListBoxType2 .item:nth-child(3){
        width: 27%;
        margin: 3vw 0 0 0;
    }
    .isd_mainContainer .mainListBoxType2 .item:nth-child(4) {
        width: 32%;
        margin: 3vw 7% 0 7%;
    }
    .isd_mainContainer .mainListBoxType2 .item:nth-child(5) {
        width: 27%;
        margin: 3vw 0 0 0;
    }
    .isd_mainContainer .mainListBoxType2 .item:nth-child(6) {
        width: 27%;
    }
    .isd_mainContainer .mainListBoxType2 .item:nth-child(1) .imgBox{
        height: 62vw;
    }
    .isd_mainContainer .mainListBoxType2 .item:nth-child(2) .imgBox{
        height: 27vw;
    }
    .isd_mainContainer .mainListBoxType2 .item:nth-child(3) .imgBox{
        height: 27vw;
    }
    .isd_mainContainer .mainListBoxType2 .item:nth-child(4) .imgBox{
        height: 32vw;
    }
    .isd_mainContainer .mainListBoxType2 .item:nth-child(5) .imgBox {
        height: 27vw;
    }
    .isd_mainContainer .mainListBoxType2 .item:nth-child(6) .imgBox {
        height: 22vw;
    }
    .isd_mainContainer .mainListBoxType2 .item:nth-child(1)::after {
        top:calc(62vw - 10px);
    }
    .isd_mainContainer .mainListBoxType2 .item:nth-child(3)::after {
        top:calc(27vw - 10px);
    }
}
@media screen and (max-width: 800px) {
    .isd_mainContainer .mainListBoxType2 .item:nth-child(1) {
        width: 100%;
        margin: 0 0 3vw 0;
    }
    .isd_mainContainer .mainListBoxType2 .item:nth-child(2),
    .isd_mainContainer .mainListBoxType2 .item:nth-child(3),
    .isd_mainContainer .mainListBoxType2 .item:nth-child(4),
    .isd_mainContainer .mainListBoxType2 .item:nth-child(5) {
        width: 46%;
        margin: 0;
    }
    .isd_mainContainer .mainListBoxType2 .item:nth-child(2),
    .isd_mainContainer .mainListBoxType2 .item:nth-child(4) {
        margin: 0 8% 0 0;
    }
    .isd_mainContainer .mainListBoxType2 .item:nth-child(2),
    .isd_mainContainer .mainListBoxType2 .item:nth-child(3) {
        margin-bottom: 7vw;
    }
    .isd_mainContainer .mainListBoxType2 .item:nth-child(4) {
        margin-top:-7vw;
    }
    .isd_mainContainer .mainListBoxType2 .item:nth-child(6) {
        display: none;
    }
    .isd_mainContainer .mainListBoxType2 .item:nth-child(1) .imgBox {
        height: 100vw;
    }
    .isd_mainContainer .mainListBoxType2 .item:nth-child(2) .imgBox,
    .isd_mainContainer .mainListBoxType2 .item:nth-child(5) .imgBox {
        height: 48vw;
    }
    .isd_mainContainer .mainListBoxType2 .item:nth-child(3) .imgBox,
    .isd_mainContainer .mainListBoxType2 .item:nth-child(4) .imgBox {
        height: 55vw;
    }
    .isd_mainContainer .mainListBoxType2 .item:nth-child(1)::after {
        top:calc(100vw - 10px);
    }
    .isd_mainContainer .mainListBoxType2 .item:nth-child(3)::after {
        top:-10px;
        left: -10px;
        right: auto;
    }
}
@media screen and (max-width: 500px) {
    .isd_mainContainer .mainListBoxType2 .item:nth-child(1) {
        border-bottom: 1px solid #E1E1E1;
    }
    .isd_mainContainer .mainListBoxType2 .item:nth-child(2),
    .isd_mainContainer .mainListBoxType2 .item:nth-child(3),
    .isd_mainContainer .mainListBoxType2 .item:nth-child(4),
    .isd_mainContainer .mainListBoxType2 .item:nth-child(5) {
        width: 100%;
        margin: 0;
        padding: 3vw 0 3vw 0;
        border-bottom: 1px solid #E1E1E1;
    }
    .isd_mainContainer .mainListBoxType2 .item:nth-child(2) .imgBox,
    .isd_mainContainer .mainListBoxType2 .item:nth-child(3) .imgBox,
    .isd_mainContainer .mainListBoxType2 .item:nth-child(4) .imgBox,
    .isd_mainContainer .mainListBoxType2 .item:nth-child(5) .imgBox {
        display: inline-block;
        width: 40%;
        height: 45vw;
        vertical-align: top;
    }
    .isd_mainContainer .mainListBoxType2 .item:nth-child(2) .textBox,
    .isd_mainContainer .mainListBoxType2 .item:nth-child(3) .textBox,
    .isd_mainContainer .mainListBoxType2 .item:nth-child(4) .textBox,
    .isd_mainContainer .mainListBoxType2 .item:nth-child(5) .textBox {
        display: inline-block;
        width: 55%;
        margin: 0 0 0 5%;
        vertical-align: top;
    }
    .isd_mainContainer .mainListBoxType2 .item:nth-child(1) .textBox {
        width: 100%;
    }
    .isd_mainContainer .mainListBoxType2 .item:nth-child(1)::after {
        display: none;
    }
    .isd_mainContainer .mainListBoxType2 .item:nth-child(3)::after {
        display: none;
    }
}
.isd_mainContainer .mainVideoBox {
    position: relative;
    display: block;
    width: 1170px;
    height: 675px;
    cursor: pointer;
}
.isd_mainContainer .mainVideoBox .coverImg {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.isd_mainContainer .mainVideoBox .coverImg img {
    position: relative;
    width: 100%;
    height: auto;
}
.isd_mainContainer .mainVideoBox .videoBtn {
    position: absolute;
    width: 15%;
    top:50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    opacity: 0.6;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
}
.isd_mainContainer .mainVideoBox .videoBtn:hover {
    opacity: 1;
}
.isd_mainContainer .mainVideoBox .videoBtn img {
    position: relative;
    width: 100%;
    height: auto;
}
.isd_mainContainer .btvBox h2 {
    margin: 2vw 0 3vw 0;
}
@media screen and (max-width: 1200px) {
    .isd_mainContainer .mainVideoBox {
        width: 100%;
        height: 54vw;
    }
}

.isd_mainContainer .boFormBox .formBox {
    position: relative;
    display: block;
    width: 100%;
    border: 1px solid #E1E1E1;
    border-bottom:5px solid #333;
}
.isd_mainContainer .boFormBox.boFormBoxMobile {
    display: none;
}
.isd_mainContainer .boFormBox .titleImg {
    position: relative;
    display: block;
    width: 100%;
    padding: 10px 0 10px 0;
    background: #333;
}
.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: #FF0000;
    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: #405E8B;
    color:#fff;
    cursor: pointer;
    margin: 0 0 3vw 0;
}
@media screen and (min-width: 1200px) {
    .isd_mainContainer .boFormBox .textBox .sendBtn:hover {
        background: #ff6666;
    }
    .isd_mainContainer .boFormBox .textBox .fbBtn:hover {
        background: #6989B9;
    }
}
@media screen and (max-width: 800px) {
    .isd_mainContainer .boFormBox {
        display: none;
    }
    .isd_mainContainer .boFormBox.boFormBoxMobile {
        display: block;
        width: 100%;
        margin: 7vw 0 5vw 0;
    }
}
.isd_mainContainer.isd_mainReadBox {
    background: #363636;
}
.isd_mainReadBox .mainReadBox {
    padding: 5vw 0 5vw 0;
    font-size: 0;
    line-height: 0;
}
.isd_mainReadBox .videoBox {
    position: relative;
    display: inline-block;
    width: 585px;
    height: 325px;
    cursor: pointer;
    vertical-align: top;
}
.isd_mainReadBox .videoBox .coverImg {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.isd_mainReadBox .videoBox .coverImg img {
    position: relative;
    width: 100%;
    height: auto;
}
.isd_mainReadBox .videoBox .videoBtn {
    position: absolute;
    width: 15%;
    top:50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    opacity: 0.6;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
}
.isd_mainReadBox .videoBox .videoBtn:hover {
    opacity: 1;
}
.isd_mainReadBox .videoBox .videoBtn img {
    position: relative;
    width: 100%;
    height: auto;
}

.isd_mainReadBox .textBox {
    position: relative;
    display: inline-block;
    width: calc(95% - 585px);
    vertical-align: top;
    margin: 0 0 0 5%;
}
.isd_mainReadBox .textBox h1 {
    color:#fff;
    padding: 0 0 2vw 0;
}
.isd_mainReadBox .textBox h1::before {
    display: none;
}
.isd_mainReadBox .textBox h4 {
    color:#ff0000;
    padding: 0 0 2vw 0;
}
.isd_mainReadBox .textBox span {
    position: relative;
    display: block;
    color:#9F9F9F;
    font-size: 13px;
    line-height: 18px;
    padding: 0 0 2vw 0;
}
.isd_mainReadBox .textBox .moreBtn {
    margin: 0 auto;
}
@media screen and (max-width: 1200px) {
    .isd_mainReadBox .videoBox {
        width: 100%;
        height: 54vw;
    }
    .isd_mainReadBox .textBox {
        display: block;
        width: 100%;
        margin: 0;
    }
}
@media screen and (max-width: 800px) {
    .isd_mainReadBox .textBox h1 {
        padding: 0 0 3vw 0;
    }
    .isd_mainReadBox .textBox h4 {
        padding: 0 0 3vw 0;
    }
    .isd_mainReadBox .textBox span {
        padding: 0 0 3vw 0;
    }
    .isd_mainReadBox .textBox .moreBtn {
        margin: 2vw auto;
    }
}
.isd_subscribeBox {
    padding: 0 0 5vw 0;
}
.isd_subscribeBox .line {
    position: relative;
    display: block;
    width: 1px;
    height: 50px;
    background: #707070;
    left: 50%;
}
.isd_subscribeBox dl {
    position: relative;
    display: block;
    width: 100%;
    text-align: center;
}
.isd_subscribeBox dl dt {
    position: relative;
    display: block;
    font-size: 40px;
    line-height: 50px;
    font-weight: bold;
    color:#000;
}
.isd_subscribeBox dl dd {
    position: relative;
    display: block;
    font-size: 18px;
    line-height: 30px;
    color:#000;
    padding: 1vw 0 2vw 0;
}
.isd_subscribeBox .coverBox {
    position: relative;
    display: block;
    width: 80%;
    max-width: 370px;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0);
}
.isd_subscribeBox .coverBox img {
    position: relative;
    display: block;
    width: 100%;
}
.isd_subscribeBox .subscribeBtn {
    position: relative;
    display: block;
    text-align: center;
    width: 200px;
    height: 40px;
    left: 50%;
    margin: 0 0 0 -100px;
    border:1px solid #707070;
    cursor: pointer;
    font-size: 13px;
    line-height: 40px;
    -webkit-transition: background 0.2s ease, color 0.2s ease;
    transition: background 0.2s ease, color 0.2s ease;
}
.isd_subscribeBox .subscribeBtn a {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;

}
@media screen and (min-width: 1200px) {
    .isd_subscribeBox .subscribeBtn:hover {
        background: #555;
        color:#fff;
    }
}
@media screen and (max-width: 800px) {
    .isd_subscribeBox dl dt {
        font-size: 28px;
        line-height: 40px;
    }
    .isd_subscribeBox dl dd {
        font-size: 15px;
        line-height: 24px;
    }
}
.isd_mainFormBox {
    background: #363636;
    font-size: 0;
    line-height: 0;
    padding: 3vw 0 5vw 0;
    text-align: center;
}
.isd_mainFormBox .logoBg {
    position: absolute;
    display: block;
    width: 50%;
    bottom: 0;
    left: 10%;
    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: auto;
        height: 23vw;
        left: 50%;
        -webkit-transform: translate(-50%,0);
        transform: translate(-50%,0);
    }
    .isd_mainFormBox .logoBg img {
        width: auto;
        height: 100%;
    }
}
.isd_mainFormBox .leftBox {
    position: relative;
    display: inline-block;
    width: 500px;
    vertical-align: top;
}
.isd_mainFormBox .rightBox {
    position: relative;
    display: inline-block;
    width: 400px;
    vertical-align: top;
    margin: 0 0 0 100px;
}
.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%;
    max-width:200px;
    margin: 0 0 15px 0;
}
.isd_mainFormBox .formList dt::before {
    content: "";
    position: absolute;
    display: block;
    width:4px;
    height: 100%;
    background: #ff0000;
    top:0;
    left: -15px;
}
.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;
}
.isd_mainFormBox .formList dd span {
    position: relative;
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 24px;
    color:#fff;
}
.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: 35px;
    height: 35px;
    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: #ff0000;
    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: #405E8B;
    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: #ff0000;
    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: #ff6666;
    }
    .isd_mainFormBox .formList .joinFormList .sendBtn:hover {
        background: #ff6666;
    }
    .isd_mainFormBox .formList .joinFormList .fbRegBtn:hover {
        background: #6989B9;
    }
    .isd_mainFormBox .formList .socialList li:hover {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}
@media screen and (max-width: 1200px) {
    .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_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: #474747;
    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: block;
    width: 90%;
    max-width: 1050px;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0);
    padding: 100px 0 30px 0;
    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 .menuListBox {
    position: relative;
    display: inline-block;
    width: calc(100% - 300px);
    vertical-align: top;
}
.isd_menuLightBox .menuContainer .menuListBox dl {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width:calc(33% - 20px);
    margin: 0 20px 40px 0;
}
.isd_menuLightBox .menuContainer .menuListBox dl dt {
    position: relative;
    display: block;
    color:#fff;
    padding: 0 0 10px 0;
    font-size: 22px;
    line-height: 22px;
    border-bottom: 1px solid #5E5E5E;
}
.isd_menuLightBox .menuContainer .menuListBox dl dt span {
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
}
.isd_menuLightBox .menuContainer .menuListBox dl dt span:nth-child(1) {
    position: absolute;
    display: block;
    opacity: 0;
}
.isd_menuLightBox .menuContainer .menuListBox dl dt span:nth-child(2) {
    position: relative;
    display: block;
    opacity: 1;
}
@media screen and (min-width: 1200px) {
    .isd_menuLightBox .menuContainer .menuListBox dl:hover dt span:nth-child(1) {
        opacity: 1;
    }
    .isd_menuLightBox .menuContainer .menuListBox dl:hover dt span:nth-child(2) {
        opacity: 0;
    }
}
.isd_menuLightBox .menuContainer .menuListBox dl dd {
    position: relative;
    display: block;
    width: 100%;
}
.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: 15px;
    line-height: 15px;
    color:#fff;
    margin: 0 0 10px 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 {
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
}
.isd_menuLightBox .menuContainer .menuListBox dl dd span:nth-child(1) {
    position: absolute;
    display: block;
    opacity: 0;
}
.isd_menuLightBox .menuContainer .menuListBox dl dd span:nth-child(2) {
    position: relative;
    display: block;
    opacity: 1;
}
@media screen and (min-width: 1200px) {
    .isd_menuLightBox .menuContainer .menuListBox dl dd li:hover span:nth-child(1) {
        opacity: 1;
    }
    .isd_menuLightBox .menuContainer .menuListBox dl dd li:hover span:nth-child(2) {
        opacity: 0;
    }
}
.isd_menuLightBox .menuContainer .adBox {
    position: relative;
    display: inline-block;
    width: 300px;
    vertical-align: top;
    text-align: center;
    margin: 0 auto;
}
.isd_menuLightBox .menuContainer .adBox .ad1 {
    position: relative;
    display: block;
    width: 300px;
    height: 250px;
    overflow: hidden;
    margin: 0 0 40px 0;
}
.isd_menuLightBox .menuContainer .adBox .ad2 {
    position: relative;
    display: block;
    width: 300px;
    height: 250px;
    overflow: hidden;
}
.isd_menuLightBox .menuContainer .adBox .ad3 {
    position: relative;
    display: none;
    width: 300px;
    height: 250px;
    overflow: hidden;
}
.isd_menuLightBox .menuContainer .adBox img {
    position: relative;
    display: block;
    width: 100%;
}
@media screen and (max-width: 1000px) {
    .isd_menuLightBox .menuContainer .adBox {
        display: block;
        margin: 40px auto 0 auto;
    }
    .isd_menuLightBox .menuContainer .adBox .ad1 {
        display: none;
    }
    .isd_menuLightBox .menuContainer .adBox .ad2 {
        display: none;
    }
    .isd_menuLightBox .menuContainer .adBox .ad3 {
        display: block;
    }
    .isd_menuLightBox .menuContainer .menuListBox {
        width: 100%;
        display: block;
    }
    .isd_menuLightBox .menuContainer {
        width: 100%;
    }
    .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;
        opacity: 0.5;
        margin: 0 0 0 2vw;
    }
    .isd_menuLightBox .menuContainer .menuListBox dl dd {
        display: none;
        width: 100%;
        padding: 1vw 0 1vw 10vw;
        background: #646464;
    }
    .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;
    }
    .isd_menuLightBox .menuContainer .menuListBox dl dd span:nth-child(2) {
        font-size: 15px;
        line-height: 15px;
        position: relative;
        display: inline-block;
        vertical-align: middle;
        opacity: 0.5;
        margin: 0 0 0 2vw;
    }
    .isd_menuLightBox .menuContainer .menuListBox dl dd li {
        width: 100%;
        padding: 1vw 0 1vw 0;
    }
}
.isd_menuLightBox .menuContainer .contactBox {
    position: relative;
    display: block;
    width: 100%;
    padding: 25px 0 25px 0;
    margin: 25px 0 0 0;
}
.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 .contactCell {
    position: relative;
    display: inline-block;
    vertical-align: top;

}
.isd_menuLightBox .menuContainer .contactBox .contactCell:nth-child(1) {
    width: 36%;
}
.isd_menuLightBox .menuContainer .contactBox .contactCell:nth-child(2) {
    width: 22%;
    margin: 0 10% 0 10%;
}
.isd_menuLightBox .menuContainer .contactBox .contactCell:nth-child(3) {
    width: 22%;
}
.isd_menuLightBox .menuContainer .contactBox .contactCell img {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
}
.isd_menuLightBox .menuContainer .contactBox .contactCell dl {
    position: relative;
    display: block;
    width: 100%;
    text-align: left;
}
.isd_menuLightBox .menuContainer .contactBox .contactCell dl dt {
    position: relative;
    display: block;
    width: 100%;
    font-size: 20px;
    line-height: 20px;
    margin: 0 0 15px 0;
    font-weight: bold;
    color:#fff;
}
.isd_menuLightBox .menuContainer .contactBox .contactCell dl dd {
    position: relative;
    display: block;
    width: 100%;
    font-size: 13px;
    line-height: 20px;
    margin: 0 0 15px 0;
    font-weight: normal;
    color:#fff;
}
.followList
.isd_menuLightBox .menuContainer .contactBox .contactCell .followList {
    position: relative;
    display: block;
    width: 100%;
}
.isd_menuLightBox .menuContainer .contactBox .contactCell .followList li {
    position: relative;
    display: inline-block;
    width: 35px;
    height: 35px;
    vertical-align: top;
    margin: 0 8px 15px 0;
}
@media screen and (min-width: 1200px) {
    .isd_menuLightBox .menuContainer .contactBox .contactCell .followList li:hover {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}
@media screen and (max-width: 1100px) {
    .isd_menuLightBox .menuContainer .contactBox .contactCell:nth-child(1),
    .isd_menuLightBox .menuContainer .contactBox .contactCell:nth-child(2),
    .isd_menuLightBox .menuContainer .contactBox .contactCell:nth-child(3){
        display: block;
        width: 80%;
        max-width: 400px;
        margin: 0 0 5vw 0;
        left: 50%;
        -webkit-transform: translate(-50%,0);
        transform: translate(-50%,0);

    }
    .isd_menuLightBox .menuContainer .contactBox .contactCell dl dt{
        text-align: center;
    }
    .isd_menuLightBox .menuContainer .contactBox .contactCell dl dd{
        text-align: center;
    }
}
.isd_menuLightBox .menuContainer .articleBox {
    position: relative;
    display: block;
    width: 100%;
}
.isd_menuLightBox .menuContainer .articleBox h2 {
    font-size: 24px;
    line-height: 24px;
    font-weight: bold;
    color: #fff;
    margin: 20px 0 20px 0;
}
.isd_menuLightBox .menuContainer .articleBox .articleList {
    position: relative;
    display: block;
    width: calc(100% + 20px);
    left: -10px;
}
.isd_menuLightBox .menuContainer .articleBox .articleList .item {
    position: relative;
    display: inline-block;
    width: calc(33% - 20px);
    margin: 0 10px 50px 10px;
}
.isd_menuLightBox .menuContainer .articleBox .articleList .item .imgBox {
    position: relative;
    display: inline-block;
    overflow: hidden;
    cursor: pointer;
    width: 130px;
    height: 180px;
    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: 100%;
    width: auto;
    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: calc(100% - 145px);
    margin: 0 0 0 15px;
    vertical-align: top;
}
.isd_menuLightBox .menuContainer .articleBox .articleList .item .categoryBtn {
    position: relative;
    display: block;
    margin: 0 0 3px 0;
    font-size: 13px;
    line-height: 13px;
    color:#ff0000;
}
.isd_menuLightBox .menuContainer .articleBox .articleList .item .categoryBtn:hover {
    color:#ff6666;
}
.isd_menuLightBox .menuContainer .articleBox .articleList .item .authorBtn {
    position: relative;
    display: block;
    font-size: 0;
    line-height: 0;
    text-align: left;
    margin: 15px 0 20px 0;
    font-size: 12px;
    line-height: 13px;
}
.isd_menuLightBox .menuContainer .articleBox .articleList .item .authorBtn li {
    position: relative;
    display: inline-block;
    font-size: 15px;
    line-height: 15px;
    margin: 0 10px 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;
    font-size: 16px;
    line-height: 24px;
    margin: 15px 0 5px 0;
    color:#fff;
}
.isd_menuLightBox .menuContainer .articleBox .articleList h4:hover {
    color:#ccc;
}
@media screen and (max-width: 1200px) {
    .isd_menuLightBox .menuContainer .articleBox .articleList .item {
        position: relative;
        display: inline-block;
        width: calc(50% - 20px);
        margin: 0 10px 50px 10px;
    }
    .isd_menuLightBox .menuContainer .articleBox .articleList .item .imgBox {
        width: 160px;
        height: 180px;
    }
    .isd_menuLightBox .menuContainer .articleBox .articleList .item .textBox {
        width: calc(100% - 175px);
        margin: 0 0 0 15px;
    }
}
@media screen and (max-width: 1000px) {
    .isd_menuLightBox .menuContainer .articleBox {
        width: 90%;
        left: 5%;
    }
}
@media screen and (max-width: 800px) {
    .isd_menuLightBox .menuContainer .articleBox .articleList .item {
        position: relative;
        display: block;
        width: 100%;
        margin: 0 0 50px 0;
    }
}


/* 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 img {
    /*height: 100%;*/
    /*width: auto;*/
    /*display: block;*/
}

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

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

.slick-initialized .slick-slide {
    display: flex;
}

.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 {
    background: url(/images/2020//kvArrowLeft.png) no-repeat;
    left: 0;
}

.slick-prev::after {
    content: '';
    position: absolute;
    display: block;
    width: 41px;
    height: 81px;
    background: url(/images/2020//kvArrowLeft.png) no-repeat;
    background-position: bottom;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    opacity: 0;
    top: 0px;
    left: 0px;
}

.slick-next {
    background: url(/images/2020//kvArrowRight.png) no-repeat;
    right: 0;
}

.slick-next::after {
    content: '';
    position: absolute;
    display: block;
    width: 41px;
    height: 81px;
    background: url(/images/2020//kvArrowRight.png) no-repeat;
    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: absolute;
    display: block;
    width: 100%;
    font-size: 0;
    line-height: 0;
    bottom:10%;
    text-align: center;
}


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

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    position: relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    background: transparent;
    border:2px #fff 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;
}

.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: #fff;
}

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

.house-video li.slick-active button{
    background: #000;
}


/* 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;
}