html, body {
  background: #010a3d;
}
.imgsize50 { transform: scale(0.5, 0.5)}
.coverBox { background:#010a3d; }
.coverBox img { width: 100% }
.sec1 { background: #010a3d;}
.sec1 .container { padding:30px; background: #ffffff; margin-bottom: 60px;}
h2 { font-size: 28px; font-weight: bold; display: flex; flex-direction: column; justify-content: center; align-items: center; letter-spacing: 0; margin-bottom: 4px;}
.small-title {  font-size: 13px;display: flex; flex-direction: column; justify-content: center; align-items: center; margin-bottom: 22px; }
.yellow { color: #f4f586;}
.item { border-radius: 20px; overflow: hidden; border: 3px solid #bd9f5f;}
.img { width: 100%;}
.stepTitle { font-size: 15px; margin-bottom: 8px; height: 4.5em;}
.stepTitle b { color: #0064D5}
.content { margin-bottom: 30px;}
.content p { font-size: 18px;}
@media (min-width:767px) {
    h2 { font-size: 36px;}
	.small-title {  font-size: 18px; }
	.sec1 .container {  padding:60px; border-radius: 8px;}
}
.ft-xl { font-size: 22px;}
.m-btn-warp {
    padding: 0px;margin:0% 0% 0% 0%;position: fixed;width:100%;z-index: 98;bottom:0;display:flex;justify-content: center;align-items:center;background: rgba( 0,0,0, 0.4)
}
.m-btn-warp .btn{width:50%;margin:auto; border-radius: 0px}
.w-btn-warp .btn.disabled, .btn:disabled {
    opacity: 1;
}
.w-btn-warp .btn.disabled.dkdnfailed, .btn:disabled.dkdnfailed {
    opacity: 1;
	color:#ff0000
}
.blue { color: #3A51E7}

.two-graphic img { width: 50%;}

.hightlightSmall { font-size: 18px;font-weight: 300;}

.align-center { display: flex; justify-content: center; align-items: center;}

.goodsItemInfoText { font-size: 16px; line-height: 1.6em;}

.ticketBox { padding: 20px; border: 10px solid #004c8c; border-right-style: dashed; border-right-width: 2px; background-color: #45b3e4; width: 100%; border-top-left-radius: 12px; border-bottom-left-radius: 12px;}
.ticketInner { padding: 25px 0; border: 3px solid #004c8c;background-color: #008fce;border-radius: 8px; }
.ticketInfo { text-align: center;}
.ticketInfo .ticketTitle { font-size: 36px; font-weight: bold; line-height: 1.6em; color: #ffffff; border-bottom: 1px solid #004c8c; margin-bottom: 20px; padding-bottom: 20px; text-shadow: 0 2px 0 rgba(0,0,0,.6)}
.ticketDate { padding: 10px 20px; border: 1px solid #ffffff; color: #ffffff; display: inline-block;}

.ticketBox_r { padding: 20px; background-color: #004c8c; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; border-top-right-radius: 12px; border-bottom-right-radius: 12px;}
.ticketBox_r a { display: block; color: #ffffff; font-size: 45px; font-weight: bold; text-shadow: 0 2px 0 rgba(0,0,0,.6)}

.eventTopInfo { background: #fbfbfb; padding: 30px 0;}
.background-w { background: #ffffff;}
.pill { background: #dc3545 ;color: #ffffff; font-size: 26px; border-radius: 50px; display: inline-block; padding: 10px 40px; font-weight: bold; letter-spacing: 2px;}
.eventInfo { padding: 20px; line-height: 1.6em; margin-top: 30px;}
.alert.text_large { font-size: 22px; line-height: 1.6em;}

.join-party-button-container {
  display: flex;
  width:100%;
  margin: 2px;
  border-radius: 19px;
  background-color: #ffffff;
height: auto;
}
.p11-wrap{margin:10px 0px 15px;}
.p11-wrap a img{width:100%;margin: 0}
.p11list{display: flex}
.p11list.col-md-6{padding-right: 0px;padding-left: 0px}
.p11list-all{text-align: center;margin-bottom:20px;margin-left:0px;margin-right:0px;}
.p11list-all a p:nth-child(2){font-size:14px}
.p11list-all a p{font-style: normal;color:#000000;font-size:12px;margin-top: 0px;margin-bottom: 0;}
.tag-wrap{margin:0px 0px 0px;}
.tag-wrap a img{width:100%;margin: 0;border-radius: 0px;}
.taglist{display: flex;margin:auto 0px 15px}
.taglist .col-md-4,.taglist .col-6,.taglist .col-3{padding-right: 4px;padding-left: 4px}
.tag2-all{text-align: center;padding-top:0px;padding-bottom:0px;margin-top:15px;margin-bottom:0px;margin-left:0px;margin-right:0px;border-radius: 20px;background-color:#ffffff}
.tag2-all a p{font-style: normal;color:#000000;font-size:12px;margin-top: 0px;margin-bottom: 0;}

.p11list-top{transition: filter 0.6s;}
a:hover.p11list-top{-webkit-filter:brightness(1.1);}
.ppo{font-size:14px;color:#999;text-decoration:line-through;margin:0 0}
.ppsp{font-size:18px;margin:0 4px;color:#c13043;display: block}
.p11list-info{display: inline-flex;align-items: center;justify-content: center}
.p11list-btn{display: block;width:100%; margin-top: 8px}
.p11list-btn.btnbuy{transition: filter 0.8s;}
a:hover.p11list-btn.btnbuy{-webkit-filter:brightness(1.3);}


@media (max-width: 767px) {

    
    .two-graphic { flex-wrap: wrap;}
    .two-graphic img { width: 100%;}
    
    .hightlightSmall { font-size: 12px;font-weight: 300;}
    
    .ticketBox { padding: 5px; border: 5px solid #004c8c; border-left-width: 5px; border-right-style: solid; border-right-width: 5px; border-bottom-style: dashed; border-bottom-width: 1px;background-color: #45b3e4; width: 100%; 
        border-bottom-left-radius: 0; 
        border-bottom-right-radius: 0; 
        border-top-left-radius: 8px; 
        border-top-right-radius: 8px;
    }
    .ticketInner { padding: 10px 0; border-right: 3px solid #004c8c;}
    .ticketInfo .ticketTitle { font-size: 22px;margin-bottom: 10px; padding-bottom: 10px; }
    .ticketDate { border: none; font-size: 14px;}

    .ticketBox_r { padding: 10px; background-color: #004c8c; 
        border-bottom-left-radius: 8px; 
        border-bottom-right-radius: 8px; 
        border-top-left-radius: 0; 
        border-top-right-radius: 0;
    }
    .ticketBox_r a { font-size: 22px;}
    
    .pill { background: #dc3545 ;color: #ffffff; font-size: 18px; border-radius: 50px; display: inline-block; padding: 10px 30px; font-weight: bold; letter-spacing: 2px;}
    .alert.text_large { font-size: 18px; line-height: 1.6em;}
    
    
}

@media (min-width: 768px) {
    .pillTitle { text-align: center; font-size: 18px; text-shadow: 0 1px 0px #613703; color: #ffffff; padding: 2px 0 6px 0; font-weight: bold; margin-bottom: 10px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;}
    .p11list-all a p:nth-child(2){font-size:16px;}
	.p11list-all a p{font-style: normal;color:#000000;font-size:12px;margin-top: 0px;margin-bottom: 0;}
	.text-over{
        width: 100%;
        white-space: break-spaces;
        text-overflow: ellipsis;
        word-break: break-all;
    }
	.ppo{font-size:12px;color:#999;text-decoration:line-through;margin:0 0}
    .ppsp{font-size:18px;margin:0 4px;color:#c13043;display: inline-block}
	
}
.modal-dialog {
	 margin: 0;min-width: 50vw ;
}
dialog.modal {
    opacity: 0;
    transform: translateY(-30px);
    transition: all 0.3s ease-in-out;
	padding: 0;
	border-style:none;
	background: none;
	
  }

  dialog.modal.show {
    opacity: 1;
    transform: translateY(0);
	display: flex;  
	
  }

  dialog::backdrop {
    background: rgba(0, 0, 0, 0.5);
  }

.orderItemList .col-sm-2 { text-align: right;}