.container-qd{
    width: 100%;
}
.container-qd .row{
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.this-img-space{
    margin-top: 8px;
}
.this-page-container{
    display: block; width: 100%; margin:0 auto;
}
.this-page-container iframe{
    width: 100%; height: 300px;
}


.this-slider,
.this-slider-cover{
    padding: 20px; width: 100%; height: 300px; background-color: #959595; background-size: 100% auto; background-position: center; background-repeat: no-repeat;
}
.this-slider-cover{
    background-color: #000; opacity: 0.3;
}
.this-slider h1,
.this-slider h2,
.this-slider h3,
.this-slider h4,
.qd-item-normal-txt h1,
.qd-item-normal-txt h2,
.qd-item-normal-txt h3,
.qd-item-normal-txt h4{
    margin-top:5px; color: #fff; text-shadow: #555 1px 1px 1px, #555 2px 2px 1px;
}
.this-slider h4{
    font-size: 1.1rem!important;
}

.sub-this-slider-container{
    background-color:#000;
    padding-bottom:50px;
    margin-top:20px;
}
.sub-this-slider-container .flickity-page-dots .dot{
    background-color:#fff!important;
}
.sub-this-silder{
    padding: 20px; width: 100%; height: auto; color: #fff;
}
.sub-this-silder .sub-this-silder-txt{
    height: 3.6rem;
    text-align: center;
    overflow: hidden;
}
.sub-this-silder img{
    max-width: 100%;
    min-width: 100%;
}


.qd-item-normal img{
    max-width: 100%; min-width: 100%;
}
.qd-item-normal-elite h2,
.qd-item-normal-elite h4{
    color: #000; text-shadow: initial; font-weight: 400;
}
.qd-item-normal-elite h2{
    font-size: 1.7rem;
}
.qd-item-normal-elite h4{
    font-size: 1.1rem; line-height: 1.7rem; color: #555;
}
.qd-item-normal-elite-a{
    margin-top: 30px;
}
.qd-item-normal-elite-a a{
    margin-bottom: 10px; margin-right: 8px; padding: 8px 10px; border: 1px solid #666; width: auto; display: inline-block; text-decoration: none;
}


.qd-item-normal-txt{
    position: absolute; top: 20px; left: 26px; right: 26px;
}
.qd-item-normal-txt h2{
    font-size: 1.75rem; margin-bottom: 0;
}
.qd-item-normal-txt h4{
    font-size: 1.0rem; margin-bottom: 0; font-weight: 400;
}
.qd-item-normal-txt-h{
    display: inline-block; width: 49%; padding-left: 1%; text-align: left; padding-top: 5rem; padding-bottom: 2rem; font-size: 1.05em; line-height: 25px; vertical-align: top;
}
.qd-item-normal-btn{
    margin-top: 5px; padding: 8px 10px; border: 1px solid #666; width: auto; display: inline-block; text-decoration: none;
}


.margin-top-10{
    margin-top: 10px;
}
.margin-top-20{
    margin-top: 20px;
}


.ty-div{
    border:1px solid #ddd; padding:5px; margin-top: 10px;
}
.ty-div a{
    text-decoration: none;
}
.ty-div-img img{
    width: 100%;
}
.ty-div-txt{
    font-size: 13px; line-height: 20px; width: 100%; text-align: center; color: #000; height: 70px; overflow: hidden; padding: 5px 0;
}


.vol-main{
}
.vol-main-title{
    font-size: 1.5rem; line-height: 2.25rem; width: 100%; color: #000;
}
.vol-main-txt,
.vol-main-txt-a,
.vol-main-txt-b,
.vol-main-profile{
    font-size: 0.8rem; line-height: 1.4rem; margin-top: 1.8rem; width: 100%; color: #000;
}
.vol-main-txt-a:before{
    content: "Q：";
}
.vol-main-txt-b{
    padding: 8px; margin-top: 8px;
}
.vol-main-txt-b:before{
    content: "A：";
}
.vol-main-txt-b img{
    max-width: 90%;
}
.vol-main-txt-a{
    padding: 8px; background-color: #efefef;
}
.vol-main-profile{
    display: flex; vertical-align: top;
}
.vol-main-profile-left{
    width:40%;
}
.vol-main-profile-left img{
    width: 100%;
}
.vol-main-profile-right{
    margin-left: 5%;
}
.vol-main-profile-right table tr{
    border-top: 1px solid #ddd;
}
.vol-main-profile-right table tr:nth-child(1){
    border-top: 0px;
}


.qd-pd-hd{
    padding:30px 0; color:#fff; width: 100%;
}
.qd-pd-hd-bg{
    width:100%; background-color:#111;
}
.qd-pd-hd-txt-bg{
    padding: 8px;
    background-color: #efefef;
}
.qd-pd-hd-h1,
.qd-pd-img-h1{
    padding-left:10px; font-size:1.8rem; line-height:2.5rem; margin-bottom:1.1rem;
}
.qd-pd-hd-h2,
.qd-pd-img-h2{
    padding-left:10px; font-size:1.2rem; line-height:2rem; margin-top:0.8rem; margin-bottom:0.8rem;
}
.qd-pd-hd-h3,
.qd-pd-img-h3{
    padding-left:10px; font-size:0.8rem; line-height:1.3rem; margin-top:0.8rem; margin-bottom:0.8rem;
}

.qd-pd-img{
    margin: 20px 0; color: #000;
}
.qd-pd-img-img img{
    margin-left: 5%;
    width: 90%;
}
.qd-pd-img-txt{
    margin-top: 20px;
    color: #000;
    font-size: 12px;
}

.qd-pd-txt{
    margin-top: 30px; color: #000;
}
.qd-pd-txt-title{
    font-size: 1.6rem;
    line-height: 1.6rem;
}
.qd-pd-txt-ul{
    margin-top: 20px;
    font-size: 12px;
}
.qd-pd-txt-ul ul{
    padding-left: 25px;
}
.qd-pd-txt-ul ul li img{
    max-width: 90%;
}

.qd-pd-txt-table{
    margin-top: 20px;
    font-size: 12px;
}
.qd-pd-txt-table table{
    width: 100%;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
}
.qd-pd-txt-table table td{
    padding: 5px 8px;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    vertical-align: top;
}

@media (min-width: 750px) {
    .qd-pd-hd-h1,
    .qd-pd-img-h1{
        padding-left:20px; font-size:4rem; line-height:5rem; margin-bottom:1.2rem;
    }
    .qd-pd-hd-h2,
    .qd-pd-img-h2{
        padding-left:20px; font-size:2.5rem; line-height:3rem; margin-top:1rem; margin-bottom:1rem;
    }
    .qd-pd-hd-h3,
    .qd-pd-img-h3{
        padding-left:20px; font-size:1.2rem; line-height:1.8rem; margin-top:1rem; margin-bottom:1rem;
    }
    .qd-pd-img-txt{
        font-size: 14px;
    }
    .qd-pd-txt-ul{
        font-size: 14px;
    }
    .qd-pd-txt-table{
        font-size: 14px;
    }


    .this-page-container iframe{
        height: 320px;
    }
    .this-slider,
    .this-slider-cover{
        height: 400px;
    }
    .qd-item-normal-txt-h{
        padding-top: 6.5rem; line-height: 35px;
    }
    .vol-main-txt,
    .vol-main-txt-a,
    .vol-main-txt-b,
    .vol-main-profile{
        font-size: 1rem; line-height: 1.8rem;
    }
    .vol-main-profile-left{
        width:35%; margin-left: 5%;
    }
    .container-qd .row{
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .this-page-container iframe{
        height: 370px;
    }
    .this-slider,
    .this-slider-cover{
        height: 460px;
    }
    .ty-div-txt{
        font-size: 16px; line-height: 25px; height: 60px;
    }
    .qd-item-normal-txt-h{
        padding-top: 5rem;
    }
    .vol-main-title{
        font-size: 2.25rem; line-height: 3rem;
    }
    .container-qd .row{
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .this-page-container iframe{
        height: 400px;
    }
    .this-slider,
    .this-slider-a-full{
        height: 500px;
    }
    .container-qd .row{
        max-width: 1140px;
    }
}