.nft_detail{
    width: calc(70.88% - 15px); 
}
.mdetail_imgbox .nft-detail-title  .tit h3{
    font-size:25px;
}
.album_introduction{
    width:100%;
    height:auto;
    margin-top:20px;
    display:flex;
    flex-direction: column;
    /* justify-content: space-between; */
}
.all-edition{
    height:90vh;
    padding:0;
    background-color:transparent;
}
.all-edition h3{
    padding:0 0 18px 0;
}
.right-edition{
    height:auto;
    min-height:fit-content;
}
.all-edition .pwrap{
    padding:25px 20px 20px 20px;
    border-radius: 6px;
    background-color: rgba(255, 255, 255, 0.15);
}
.mDetail_titwrap .rightwrap{
    position:absolute;
    top:0;
}
.mDetail_titwrap .page ul li a {
    display: inline-block;
    min-width: 35px;
    line-height: 35px;
    height: 35px;
    border-radius: 50%;
    text-align: center;
    font-size: 14px;
    padding: 0;
}
.all-edition dl.amount{
    margin:0;
    border:0px;
    padding:14px 0;
}
.all-edition .infobtn a{
    border-radius: 4px;
}
.all-edition .infobtn{
    padding:0px;
}
.all-edition .page{
    margin-top:15px;
}
.all-edition .tEdition_tit {
    padding:0;
    height:36px;
}
.all-edition .tEdition_tit ul{
    height:36px;
    background-color:#000;
    border-radius: 4px;
}
.all-edition .tEdition_tit ul li.owner div.nickname {
    text-align: left;
}
.mdetail_imgbox .txt .like {
    padding-left: 0px;
    padding-right:40px;
    width:100%;
    display:flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.checkbtnlike input[type="checkbox"]:checked + label::after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    width: 40px;
    height: 40px;
    background: transparent url(/assets/img/content/heart_red_full.svg) no-repeat center 50%;
    background-size: 24px;
    border-radius: 0px;
}
.checkbtnlike{
    float:left;
}
.like .ticket-swap{
    font-size:15px;
    font-weight:600;
    line-height:normal;
    color:#fff;
    padding:8px 30px;
    border:1px solid #fff;
    border-radius: 50px;
    white-space: nowrap;
}
.like .ticket-swap:hover{
    color:#000;
    background-color:#fff;
    transition:ease-in-out 0.4s;
}
.tEdition_tit ul li.owner div.no,
.tEdition_content ul li.owner div.no {
    justify-content: flex-start;
    padding-left:5px;
    max-width: 75px;
    min-width: 75px;
}
.all-edition .pop_tit{
    padding-left:5px; 
    background-color:transparent;
}
.tEdition_content ul {
    height:36px;
    font-size:13px;
}
.tEdition_content ul li {
    justify-content: flex-start;
}
.infobox .infotxt{
    padding:0;
}
/* margin */
.infobox .infobtn{
    bottom:auto;
    margin-top:15px;
}
.infobox .infobtn .btn_waiting{
    margin-top: -15px;
}
.mtrbox{
    right:0;
}
.mtrbox a.btn_report,
.mtrbox a.btn_share{
    background-size: 20px;
}
.mdetail_imgbox .txt .tit {
    justify-content: center;
    flex-direction: column;
    align-items: flex-start;
}
.edition-no span{
    display:inline-block;
    color:#fff;
    font-size:15px;
    font-weight:300;
    height:44px;
    line-height:44px;   
}
.edition-no .no{
    font-size:22px;
    font-weight:bold;
    margin-left:10px;
}
.infobox-1{
    display:block;
    position: relative;
    background-color:transparent; 
    padding:5px 0;
    height:auto;
}
.infobox-1 .ticket-date{
    justify-content: flex-start;
}
.infobox-1 .ticket-date dt{
    padding:8px 0;
}
.album_introduction .infobox-1 .ticket-date .date-width{
    width:110px;
    text-align:center;
    padding:8px;
    margin-right:12px;
    border:1px solid #fff;
    border-radius: 4px;
}
.ticket-banner{
	width:100%;
	height:150px;
	max-height:150px;
	border-radius: 5px;
	background:#111;
	margin-top:20px;
}
.ticket-banner iframe {
	width: 100%;
	height: 100%;
	border: 1px solid rgba(255, 255, 255, 0.7);
	border-radius: 5px;
}
@media (max-width: 768px) {
	.ticket-banner{
		height:120px;
	}
}
.ticket-date dd:hover{
    background-color:#fff;
    transition:0.5s;
}
.ticket-date dd:hover em{
    color:#000;
    font-weight:600;
}
.nft_detail .aitxtbox{
    width: 100%;
    margin-top: 20px;
    padding:30px;
    background-color: rgba(255, 255, 255, 0.15);
    border-radius: 8px;
}
.all-edition{
    display:flex;
    flex-direction: column;
}
.tEdition_content ul li.owner div.nickname{
    width:50%;
    text-align:left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis ;
}
.tEdition_content ul .price {
    padding-right: 8px;
    justify-content: flex-end;
}
/* edition-min-height */
.all-edition .tEdition_content{
    min-height:720px;
    display:flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    margin:5px 0;
}
/*  */
@media (max-width: 1720px) {
    .mDetail_titwrap .leftwrap,
    .nft_detail{
    width: calc(71.88% - 30px);    
    }
    .mDetail_titwrap .rightwrap {
    right: 0;
    }
}
@media (max-width: 1440px){
    .tEdition_tit ul li.owner div.no, .tEdition_content ul li.owner div.no {
    max-width: 45px;
    min-width: 45px;
    }
    .tEdition_tit ul li.owner{
    justify-content: flex-start;
    }
}
@media (max-width: 1280px){
    .mDetail_titwrap .page ul li a {
        min-width: 25px;
        line-height: 25px;
        height: 25px;
    }
    .all-edition .tEdition_content{
        min-height:360px;
    }
}
@media (min-width: 1049px){
    /* edition-min-height */
    .infobox-1 .infotxt{
        height:auto;
    }
}
@media (max-width: 1050px) {
    .all-edition .tEdition_content{
        height:auto;
    }
    .edition-reverse{
    margin-bottom:20px;
    }
    .mtrbox{
    top:15px;
    }
    .all-edition{
    flex-direction: column-reverse;
    justify-content: flex-end;
    height:auto;
    /* margin-top:50px; */
    }
    .infobox .infobtn .btn_waiting{
        margin-top: 0px;
    }
    .nft_detail .aitxtbox {
    padding:20px;
    }
    
    .infobox .infobtn {
        margin-top: 0px;
    }
    .infobox dl.amount{
    border-top: 1px solid #4c4c4c;
    }
    .nft_detail,
    .infobox-1{
    width: 100%;
    max-width: 100%;
    left: 0;
    top: 0;
    padding: 0;
    margin: 20px 20px 0 0;
    background-color:none;
    }
    .mdetail_imgbox .nft-detail-title  .tit h3{
    font-size:20px;
    }
    .mdetail_imgbox .txt .tit {
    align-items: flex-start;
    }
    .mDetail_titwrap .leftwrap{
    width:100%;
    }
    .mDetail_titwrap .rightwrap {
    position: relative;
    }
    .mdetail_imgbox .txt .tit {
    padding: 20px 0;
    }
    .like .ticket-swap{
    font-size:13px;
    padding: 6px 24px;
    }
}
@media (max-width: 768px) {
    .mdetail_imgbox .txt .like {
    padding-right:0px;
    }
    .mdetail_imgbox .txt .like{
    position:sticky;
    width:100%;
    }
    .tEdition_tit ul li.owner {
    justify-content: flex-start;
    }
    .tEdition_content ul {
    font-size:12px;
    }
    .tEdition_content ul{
    padding:0;
    }
    .tEdition_tit ul li.owner div.no,
    .tEdition_content ul li.owner div.no {
    float:left;
    padding:0 5px;
    }
    .tEdition_content ul li.owner {
    width: 70%;
    padding:8px 5px;
    }
    .tEdition_tit ul li.price,
    .tEdition_content ul li.price{
    justify-content: flex-end;
    }
}
@media(max-width: 500px){
    .mDetail_titwrap .page ul li a{
        width:30px;
        min-width:30px;
        height:30px;
        line-height:30px;
    }
}
@media (max-width: 360px) {
    .tEdition_content ul {
    display:flex;
    }
    .tEdition_content ul li.owner {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis ;
    }
}
/* stage */
.seat-setting{
    width:100%;
    height:450px;
    background-color: rgba(255, 255, 255, 0.15);
    /* background:#fff; */
    border-radius: 8px;
    margin-top:20px;
}
.limited-ticket{
    width:100%;
    height:100%;
    border-radius: 8px;
    object-fit: cover;
}
@media (max-width: 768px) {
    .seat-setting{
    height:350px;
    }
}
@media (max-width: 500px) {
    .seat-setting{
    height:300px;
    overflow: hidden;
    }
    .limited-ticket{
        object-fit: contain;
        transform: scale(1.5);
    }
}
@media (max-width: 430px) {
    .seat-setting{
    height:250px;
    overflow: hidden;
    }
    .limited-ticket{
        object-fit: contain;
        transform: scale(1.5);
    }
}
