html, body {background:#f1f5f9;}
.wrap {width:auto;max-width:780px;}
.wrap .px {clear:both;padding:40px 60px;background:#fff;border-radius:4px;box-shadow:0 7px 14px 0 rgb(50 50 93 / 10%), 0 3px 6px 0 rgb(0 0 0 / 7%);}
.wrap .px .hd-t1 {clear:both;margin:0px 0px 30px 0px;}
.wrap .px .hd-t1 p {margin:0;font-size:32px;line-height:130%;color:#1d3054;font-weight:600;}
.wrap .px .tx-t1 {clear:both;margin:0px 0px 25px 0px;v}
.wrap .px .tx-t1 p {margin:0;font-size:18px;line-height:150%;color:#000;}
.wrap .px .stp-t1 {clear:both;position:relative;margin:0px 0px 5px 0px;}
.wrap .px .stp-t1 p {margin:0;font-size:21px;line-height:150%;color:#1d3054;font-weight:600;}
.wrap .px .stp-t1 .do {display:none;position:absolute;width:16px;height:10px;left:-34px;top:8px;background:#7bca00;border-radius:18px;}
.wrap .px .img-t1 {width:80%;display:inline-block;clear:both;position:relative;margin:0px 0px 25px 0px;overflow:hidden;border-radius:8px;box-shadow: 0 0 0 0.5px rgb(50 50 93 / 22%), 0 2px 5px 0 rgb(50 50 93 / 14%), 0 1px 1.5px 0 rgb(0 0 0 / 10%), 0 1px 2px 0 rgb(0 0 0 / 12%), 0 0 0 0 transparent;}
.wrap .px .img-t1 img {display:block;max-width:100%;}
.wrap .px .lis-t1 {clear:both;position:relative;margin:0px 0px 25px 0px;}
.wrap .px .lis-t1 ul {margin:0;padding:0;list-style-type:none;font-size:16px;line-height:150%;color:#000;}
.wrap .px .lis-t1 ul li {margin:0px 0px 8px 0px;}
.wrap .px .lis-t1 ul li .mk {display:inline-block;line-height:30px;border-radius:6px;background:#eee;padding:0px 8px;}
.wrap .px .inx-t1 {clear:both;position:relative;margin:0px 0px 25px 0px;}
.wrap .px .inx-t1 .inp {width:100%;border:0;padding:0;margin:0;outline:0;position:relative;z-index:2;font-size:17px;font-weight:500;line-height:32px;padding:7px 15px;background:#fff;border:4px solid #7934f747;border-radius:6px;}
.wrap .px .inx-t1 .copy {width:110px;height:62px;position:absolute;top:-4px;right:0px;z-index:3;border:0;padding:0;line-height:62px;border:1px solid transparent;background:#7934f7;color:#fff;font-size:18px;font-weight:500;border-radius:6px;cursor:pointer;}
.wrap .px .inx-t1 .copy:hover {background:#5e15e4;}
.wrap .px .inx-t1 .copy:active {border-top:2px solid transparent;border-bottom:0px solid transparent;}
.wrap .px .di-t1 {width:100%;height:10px;clear:both;overflow:hidden;}
.wrap .px .di-t2 {width:100%;height:20px;clear:both;overflow:hidden;}

/* Powered by */
.poweredby 												{clear:both;position:relative;padding:20px 0px 0px 0px;text-align:center;}
.poweredby a 											{display:inline-block;padding:0px 124px 0px 0px;font-size:14px;color:#979aaa;line-height:36px;font-weight:500;background:url(https://cdn.addevent.com/web/images/logo-t1-base.svg) no-repeat right 45%;background-size:auto 26px;text-decoration:none;}
.poweredby a span 										{display:none;}
.poweredby a:hover 										{transform:scale(1.02) translateY(1px);color:#5c5e68;}

/* Tablet / Mobile */
@media screen and (max-width:810px){

.wrap {padding:10px 8px 50px 8px!important;}

}

/* Tablet / Mobile */
@media screen and (max-width:600px){

.wrap .px {padding:35px 35px;}
.wrap .px .img-t1 {width:100%;}

}