@charset "utf-8";
/*.element::-webkit-scrollbar {display:none}*/
/* CSS Document */

.clear { clear:both; height:0;}
.Details { width: 1200px;}
img{max-width: 100%;}

.upgrade-steps .thx-mess{color: #33bf72;font-size: 27px;font-weight: bold;text-align: center;padding: 30px 0;}
.upgrade-steps h2{font-size: 26px;color: #414141;text-align: center;}
.steps-content{display: flex;justify-content: space-between; align-items: center;padding: 30px 0 50px;}
.steps-content .one{border: 2px dashed #4d7eeb;border-radius: 10px; padding:15px 25px;width: 280px;text-align: center;}
.steps-content .one a{font-size: 21px;color: #189aff;}
.steps-content .one p{font-size: 15px;color: #504f4f;padding-top: 8px;}

/* -------------- */
.main01{background-color:#FBD243;padding:10px 0;position: sticky;top: 0;z-index: 2;}
.main01 .Details{display:flex; align-items:center; justify-content:space-evenly;align-items: center;}
.main01 h3{font-size:27px; font-weight:700; color:#fff; display:flex; align-items:center;}
.main01 h3 img{padding-right:10px;}
.main01 ul{flex:none;}
.main01 ul li{display:inline-block; width:58px; height:58px; border-radius:3px; background-color:#fff; text-align:center; font-size:25px; line-height:1.7em; margin:0 12px; position:relative;}
.main01 ul li::before{content:attr(data-text); position:absolute; font-size:11px; left:0; right:0; bottom:7px; line-height:1;}
.main01 ul li::after{content:'\3a'; position:absolute; top:50%; transform:translateY(-50%); right:-19px;}
.main01 ul li:last-child::after{display:none;}
/* ------------ */
.upgrade-ai-container{background: #f3f5ff url(../images/giveaway-upgrade-general24/bg1.jpg) no-repeat center top/cover;min-height: 605px;box-sizing: border-box;padding-bottom: 30px;}
h1{font-size: 27px;color: #f9be4f;text-align: center;padding: 45px 0 30px;line-height: 1;}
.upgrade-ai-content{border: 2px solid #ffae43;border-radius: 20px;background: #fff;display: flex;justify-content: space-between; padding-right: 80px;padding-bottom: 40px;align-items: flex-start;}
.upgrade-ai-left .t span{font-size: 22px;display: inline-block; color: #fff;line-height: 48px; background:linear-gradient(-45deg, #fff 20px, transparent 20px) no-repeat left top / auto 50%, linear-gradient(225deg, #fff 20px, transparent 20px) no-repeat left bottom / auto 51%, #fc6339;border-top-left-radius: 19px; padding: 0 50px 0 30px;}
.upgrade-ai-left .img-video-wrap {position: relative;padding-left: 50px;text-align: center;}
.upgrade-ai-left .img-video-wrap >img{padding-left: 0;}
.emit-ytbpopup-container {width: 50px;height: 50px;position: absolute;top: 50%;left: 50%;margin: -25px 0 0 -25px;cursor: pointer;}
.emit-ytbpopup {display: block;width: 100%;height: 100%;background-color: rgba(255,0,0,0.6);border-radius: 50%;position: relative;z-index: 2;overflow: hidden;}
.emit-ytbpopup::before {content: "";border-top: 13px solid transparent;border-bottom: 13px solid transparent;border-left: 22px solid #fff;display: block;margin: 12px 0 0 17px;}
.emit-ytbpopup-container::before,.emit-ytbpopup-container::after {content: "";width: 100%;height: 100%;border-radius: 50%;background-color: rgba(255,0,0,0.6);position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);animation: wave 1.6s linear infinite;}
.emit-ytbpopup-container::after {animation-delay: 0.8s;}
@keyframes wave {0% {width: 100%;height: 100%;opacity: 1;}99.9% {width: 100px;height: 100px;opacity: 0;}100% {width: 100%;height: 100%;opacity: 1;}}
.ytbpopup-container {display: none;width: 100%;height: 100%;position: fixed;top: 0;left: 0;background-color: rgba(0, 0, 0, 0.4);z-index: 1000;}
.ytbpopup-content {width: 800px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.ytbpopup-content::before {content: "";display: block;padding-bottom: 56.25%;}
.ytbpopup-content iframe {width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.cancel-ytbpopup {font-size: 30px;color: #fff;position: absolute;top: -30px;right: -30px;cursor: pointer;}
.upgrade-ai-left img{padding: 50px 0 0px 50px;}
.meet-ytb{text-align: center;}
.meet-ytb span{margin: 20px 0;padding-left: 38px;cursor: pointer;display: inline-block;position: relative;}
.meet-ytb span::before{content: "";width: 28px;height: 28px;background-color: #FF4141;position: absolute;left: 0;top: 50%;margin-top: -14px;border-radius: 50%;}
.meet-ytb span::after {content: "";border-top: 7px solid transparent;border-bottom: 7px solid transparent;border-left: 12px solid #fff;position: absolute;top: 50%;left: 10px;margin-top: -7px;}
.meet-ytb img{padding: 0 15px 0 0;}


.upgrade-ai-right .t{font-size: 21px;padding: 30px 0 10px;border-bottom: 1px solid #d2d2d2;}
.upgrade-ai-right .t span{color: #fe8723;}
.upgrade-ai-right .t var{color: #fb9c29;font-style: normal;}
.upgrade-ai-right ul{padding: 10px 0;}
.upgrade-ai-right ul li{background: url(../images/giveaway-upgrade/main01-icon02.png) no-repeat left center;padding: 2px 0 2px 25px;color: #504f4f;}
.upgrade-ai-right .ai-t{font-size: 19px;color: #fe8723; padding: 5px 0 10px;}
.upgrade-ai-right .ai-t b {display: inline-block;vertical-align: middle;line-height: 23px;font-size: 15px;color: #fff;padding: 0 7px;border-radius: 4px;background: linear-gradient(90deg, #ffa93c, #ff8030);margin-right: 6px;}
.upgrade-ai-right .ai-t span{color: #ff9f44;}
.upgrade-ai-right p{color: #504f4f;padding: 1px 0;}
.upgrade-ai-right .btn {padding: 15px 0 0;display: flex;align-items: center;}
.upgrade-ai-right .btn a.buy{display: inline-block; background: #ff7e30;font-size: 21px;color: #fff;line-height: 53px;text-decoration: none;padding: 0 20px;border-radius: 5px; box-shadow: 0px 0px 16px 0px rgba(251, 128, 32, 0.31);}
.upgrade-ai-right .btn span{padding: 0 0 0 25px;}
.upgrade-ai-right .btn span a{color: #4c94ff;}
.upgrade-ai-right .btn span img{padding-right: 3px;}



/* ------------ */
.select {width: 92px;text-align: center;position: absolute;z-index: 12;cursor: pointer;right: calc(50% - 530px);top:10px}
.select a {color: #ccc;text-decoration: none;}
.select ul,.select li {list-style: none;}
.select span {line-height: 30px;background-color: #1f222a;display: block;border: 1px solid #55575d;border-radius: 5px;margin-bottom: 10px;position: relative;z-index: 2;border-radius: 5px;-webkit-transition: all .2s ease-in;transition: all .2s ease-in;opacity: 0.5;}
.select span a:after{content: " ";display: inline-block;width: 0;height: 0;font-size: 0;line-height: 0;border-top: solid 6px #55575d;border-left: solid 4px #1f222a;border-right: solid 4px #1f222a;vertical-align: 3px;margin-left: 10px;position: absolute;top:58%;transform: translateY(-50%);right: 5px;}
.drop {left: 0;right: 0;top: -9999px;box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);border-radius: 5px;position: absolute;z-index: 1;-webkit-transform: translateY(-50px);transform: translateY(-50px);opacity: 0;-webkit-transition: all .2s ease-in;transition: all .2s ease-in;}
.select:hover .drop{position: static;opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}
.drop li a {color: #888;line-height: 30px;border-bottom: solid 1px #313842;font-size: 15px;display: block;background-color: #2c2c2e; position: relative;z-index: 2; -webkit-transition: all .2s ease-in;transition: all .2s ease-in;}
.drop li:first-child a{border-top-left-radius: 5px;border-top-right-radius: 5px;margin-top: -10px;}
.drop li:last-child a{border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;border-bottom: none;}
.drop li:hover:before{background-color: #28292b;}
.drop li:hover a {background-color: #28292b;color: #fff;}
/* CSS Document */
/* CSS Document */
.DivMain01 {background: #f3f5ff;/* position: relative; */background-size: cover;}
.DivMain01 .Details{display: flex;flex-wrap: wrap;justify-content: center;align-items: flex-start;}
.DivMain01 h2 {font-size: 27px;text-align: center;padding: 60px 0 50px;font-weight: bold;line-height: 1;width: 100%;}
.DivMain01 h3{font-size: 25px;text-align: center;font-weight: bold;}

.DivMain01 .One { width: 460px;background: #fff; box-shadow: 0px 0px 16px 0px rgba(223, 213, 188, 0.38); border-radius: 10px ; padding: 42px 0 0;  margin-right: 20px;}
.DivMain01 .One h3 em{  display: block; padding: 5px 0 0; color: #7a828a; font-size: 17px; font-style: normal; font-weight: 400; }
.DivMain01 .Two h3 em {  display: block; padding: 5px 0 0; color: #7a828a; font-size: 17px; font-style: normal; font-weight: 400; }
.DivMain01 .Two h3 span {color: #ff7508;}
.DivMain01 .One .put {  text-align: center; padding: 30px 0 35px; }
.DivMain01 .One .put .useing { border-radius: 5px; font-size:21px; display: inline-block; border: 2px solid #3bbd54; line-height: 45px; color:#3bbd54;padding: 0 15px;}
.DivMain01 .One .put a { color: #0fb4ff; }
.DivMain01 .One .mess{padding: 0 60px 25px 105px;background: url(../images/buy-new/mark-icon.png) no-repeat left 80px top 5px;color: #7a7a7a;}
.DivMain01 .One .mess.large-padding {padding-bottom: 80px;}
.DivMain01 .One ul,.DivMain01 .Two ul {background-color: #f4f9f4;padding: 24px 80px 26px;border-radius: 0 0 10px 10px;color: #4d4949;}
.DivMain01 .Two ul {background-color: transparent;padding: 24px 56px 26px;}
.DivMain01 .One ul li,.DivMain01 .Two ul li { margin: 14px 0;padding-left: 20px;position: relative;}
.DivMain01 .One ul li::before,.DivMain01 .Two ul li::before {content: "";width: 14px;height: 14px;background-color: #37ce97;border-radius: 50%;position: absolute;left: 0;top: 6px;}
.DivMain01 .One ul li::after,.DivMain01 .Two ul li::after {content: "";width: 3px;height: 7px;border-right: 2px solid #fff;border-bottom: 2px solid #fff;transform: rotate(45deg);position: absolute;top: 7px;left: 4px;}
.DivMain01 .One ul li.filed,.DivMain01 .Two ul li.filed { color: #7d7d7d;}
.DivMain01 .One ul li.filed::before,.DivMain01 .Two ul li.filed::before {display: none;}
.DivMain01 .One ul li.filed::after,.DivMain01 .Two ul li.filed::after {content: "";width: 9px;height: 2px;border-right: 2px solid #fff;border-bottom: none;background-color: #666;transform: none;position: absolute;top: 11px;left: 2px;}
.DivMain01 ul.special-style li:last-child {background: url(../images/give0805/main01-icon02.png) 50px 17px no-repeat;color: #000;}
.DivMain01 .One ul li:last-child,.DivMain01 .Two ul li:last-child{border-bottom: none;}
/* CSS Document */
.DivMain01 .Two {width: 476px;border-radius:10px;padding: 42px 0 0;margin-right: 30px;background-color: #fff;border: 2px solid #ffa838;/* position: relative; */}
.DivMain01 .Two .t-bg {text-align: center;position: relative;}
.DivMain01 .Two .t-bg span{display: inline-block;width: 350px;position: absolute;top: -50px;left: 50%;transform: translateX(-50%);line-height: 31px;background: url(../images/giveaway-upgrade/t-bg.png) no-repeat;color: #fff;font-size: 19px;z-index: 1;}
.DivMain01 .price{text-align: center;border: 1px solid #ffcc41;border-radius: 10px;padding: 13px 0 17px;margin: 13px 70px 0;vertical-align: middle;  box-shadow: 0px 8px 20px 0px rgba(255, 221, 153, 0.41);}
.DivMain01 .price .mess{color: #7a7a7a;}
.DivMain01 .price-num {display: flex;align-items: center;justify-content: center;padding: 10px 0 0; color: #e7e5df; font-size: 24px;}
.DivMain01 .price-num.just-price {font-size: 23px;color: #bfbdb5;padding: 10px 0;}
.DivMain01 .price .price-num span{font-size:30px;color: #ff2f2f;padding: 0 10px 0 0;display:inline-block;font-weight: bold;}
.DivMain01 .Price .price-num del{font-size: 15px;color: #373737;}
.DivMain01 .price-num del {padding-left: 10px; color: #6d6d6d;font-size: 15px;}
.mark-content {display: inline-block;vertical-align: middle;margin-left: 5px;width: 18px;height: 18px;background: url(../images/buy-new/mark-icon.png) no-repeat;position: relative;}
.mark-info {display: none;width: 280px;padding: 5px 10px;background-color: #fff;border: 1px solid #dedfe3;border-radius: 10px;font-size: 12px;line-height: 16px;color: #595959;position: absolute;bottom: 30px;right: -20px;text-align: justify;}
.mark-info::after {content: "";width: 12px;height: 12px;border-right: 1px solid #dedfe3;border-bottom: 1px solid #dedfe3;background-color: #fff;transform: rotate(45deg);position: absolute;bottom: -7px;right: 22px;}
.mark-content:hover .mark-info {display: block;}
.txt-coupon{color: #6d6d6d;text-align: center;padding: 20px 0 15px; }
.DivMain01 .Two .put {text-align: center;}
.DivMain01 .Two .put .codewin { border-radius: 5px; font-size: 17px; display: inline-block;line-height: 55px;background:#fe8723; padding:0 35px; }
.DivMain01 .Two .put .codemac { border-radius: 5px; font-size: 17px; display: inline-block;  width: 265px; height: 55px; line-height: 26px;
	background:url(../images/give0805/main01-icon06.png) 30px 15px no-repeat #ffab1b; padding: 5px 0 0 50px; }
.DivMain01 .Two .put b {font-size: 22px;font-weight: 400;}
.DivMain01 .Two .put b em { font-style: normal;  font-size: 18px; display: block; }
.DivMain01 .Two .put a { color: #fff; text-decoration: none;}
.DivMain01 .Two ul li em {display: block; font-style: normal; color: #474747;}
.DivMain01 .Two h4 {  text-align: center; padding: 10px 0 20px; font-size: 17px;  }
.DivMain01 .Two h4.small-margin {padding: 0 0 13px;margin-top: -15px;}
.DivMain01 .Two h4 img {  vertical-align:  bottom; }
.DivMain01 .Two h4 a { color: #474747; }
.m2-icons {width: 100%; display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap; padding:30px 0 20px;}
.m2-left-icons {display: flex;align-items: center;flex-wrap: wrap;margin-right: 20px;}
.m2-left-icons img {margin: 0 10px 20px 0;}
.m2-left-icons img:not(.m2-left-first-icon) {margin-top: 7px;}
.m2-icons .m2-right-icons {display: flex;align-items: center;flex-wrap: wrap;margin-top: 7px;}
.m2-icons .m2-right-icons li {width: 135px;display: flex;align-items: center;padding-right: 20px;margin: 0 20px 20px 0;position: relative;}
.m2-icons .m2-right-icons li::after {content: "";height: 26px;width: 1px;background-color: #d4d6dd;position: absolute;top: 50%;right: 0;margin-top: -13px;}
.m2-icons .m2-right-icons li:last-child {margin-right: 0;border-right: none;}
.m2-icons .m2-right-icons li:last-child::after {display: none;}
.m2-icons .m2-right-icons li .img-container {width: 40px;margin-right: 12px;text-align: right;}
.m2-icons .m2-right-icons li p {width: 85px;line-height: 15px;color: #74757c;font-size: 15px;}
.license-bottom {padding: 15px 10px 17px;background-color: #fafafa;box-shadow: inset 0 0 5px 0 rgba(0,0,0,0.05);border-radius: 0 0 7px 7px;display: flex;justify-content: center;gap: 5px;align-items: center;width: 100%;box-sizing: border-box;}
.license-bottom::before {content: "";width: 24px;height: 25px;background: url(https://www.videoproc.com/event/image-style/giveaway-christ23/gift.png) no-repeat center/100% 100%;margin-right: 6px;}
.license-gift {color: #4e4e4e;display: flex;justify-content: center;align-items: center;position: relative;font-size: 17px;}
.license-gift span{text-decoration: underline 1px dashed #a4a4a4;text-underline-offset: 8px;display: inline-block;line-height: 1.2;}
.license-gift:hover .mark-info {bottom: 120%;right: 50%;margin-right: -125px;}
.license-gift:hover .mark-info::after {right: 50%;margin-right: -6px;}
.license-gift:hover .mark-info {display: block;}
/* CSS Document */
.DivMain02 h2{font-size: 27px;text-align: center;font-weight: bold;color: #333; padding-bottom: 40px; }
.DivMain02 .Details { padding: 50px 0; }
.DivMain02 .toolkit-content{display: flex;flex-wrap: wrap;justify-content: center;}
.toolkit-content .toolkit-one{width: 32%;border-bottom: 1px solid #d2d2d2;padding: 30px 0;}
.toolkit-content .toolkit-one:nth-child(4),.toolkit-content .toolkit-one:nth-child(5),.toolkit-content .toolkit-one:nth-child(6){border-bottom: none;}
.toolkit-content.nine .toolkit-one:nth-child(7),.toolkit-content.nine .toolkit-one:nth-child(8),.toolkit-content.nine .toolkit-one:nth-child(9){border-bottom: none;}
.toolkit-content.nine .toolkit-one:nth-child(4),.toolkit-content.nine .toolkit-one:nth-child(5),.toolkit-content.nine .toolkit-one:nth-child(6){border-bottom: 1px solid #d2d2d2;}
.toolkit-content .toolkit-one:nth-child(2),.toolkit-content .toolkit-one:nth-child(5),.toolkit-content.nine .toolkit-one:nth-child(8){border-left: 1px solid #d2d2d2;border-right: 1px solid #d2d2d2;}
.toolkit-one h4 { font-size: 15px; font-weight: 800; padding: 15px 20px 20px 30px;text-align: center; }
.toolkit-one h4 span{color:#ff2929;}
.toolkit-one p { padding: 0 20px 0 20px; color: #808080; }
.DivMain02 h5 {  padding: 40px 0 0px;  font-size: 19px; text-align: center;color: #808080; }
.DivMain02 .put { padding: 30px 0 0; text-align: center; }
.DivMain02 .put a { color: #fff; text-decoration: none;border-radius: 5px;display: inline-block;padding: 0 35px; line-height: 55px;font-size: 23px; font-weight: 400; }
.DivMain02 .put a:nth-child(1){margin-right: 15px;}
.DivMain02 .put a.down{background: #33c973;}
.DivMain02 .put a.down .download-arrow {width: 2px;height: 1ex;display: inline-block;position: relative;background-color:currentColor;margin: 0 0 3px 12px;}
.DivMain02 .put a.down .download-arrow::after{content: "";border-left: 5px solid transparent;border-top: 7px solid;border-right: 5px solid transparent;position: absolute;left: 50%;bottom: -4px;margin-left: -5px;}
.DivMain02 .put .buy{background: #ffab1b; }
.DivMain02 h6 {text-align: center;padding: 20px 0 0 0;}
.DivMain02 h6 a{color: #606060;font-size: 19px;vertical-align: middle;}

/* CSS Document */
.DivMain03 {  background: #f2f2f5; }
.DivMain03 .Details { padding: 50px 0; }
.DivMain03 .img { text-align: center; }
.DivMain03 h3 { font-size: 33px; font-weight: 800; text-align: center; line-height: 45px; }
.DivMain03 .Text { position: relative;  padding: 40px 20px; }
.DivMain03 .Text .yh { position: absolute; width: 22px; height: 16px; }
.DivMain03 .Text .top { top: 0; left: 0; }
.DivMain03 .Text .bottom { bottom: 0; right: 0; }
.DivMain03 .Text .web {  height: 72px;  }
.DivMain03 .Text .left { float: left; }
.DivMain03 .Text .right { float: right; }
.DivMain03 .Text .neis {  width: 770px;   font-size: 17px; line-height: 29px;  }
/* CSS Document */
.DivMain04 .Details { padding: 50px 0; }
.DivMain04 .Left { width: 32%; float: left; text-align: center; }
.DivMain04 .Left h4 { padding: 10px 0; color: #000; font-weight: 800;  }
.DivMain04 .Left p { padding: 0 25px; }
.DivMain04 .Margin {  margin: 0 2%; }
/* CSS Document */
.DivMain05 {padding-bottom: 70px;}
.DivMain05 h4 { font-size: 39px; line-height: 45px; text-align: center; }
.DivMain05 .qes_one{border-bottom: 1px solid #e6e6e6;padding: 18px 0 8px;}
.DivMain05 .qes_one .t{font-size: 18px; background: url(../images/giveaway-upgrade/add.png) no-repeat right 3px;cursor: pointer; padding-bottom: 10px;}
.DivMain05 .qes_one .qes_ans{color: #737480;display: none;}
.DivMain05 .qes_one.focus .t{background: url(../images/giveaway-upgrade/min.png) no-repeat right center;}
.DivMain05 .qes_one.focus .qes_ans{display: block;}
.DivMain05 a { color: #2691fc; }
/* CSS Document */

.video_pop{width:810px; height:410px;}
.video_pop .close{ text-align: right;font-size: 35px; position: relative; color: #fcfcfc; }
.video_pop .close span{cursor: pointer; position: absolute;right: -15px; top: -20px;}

.Top { width: 90px; height: 90px; position: fixed; bottom:10%; right: 5%; cursor: pointer;  }
.Top img{max-width:100%;}


/* -------------- */
h1 {font-size: 28px;color: #fff;font-weight: 600;}
h1>b {font-size: 30px;color: #ff900d;}
.h1-lists {width: fit-content;margin: -15px auto 0;padding-bottom: 32px;}
.h1-lists>li {font-size: 16px;color: #fff;line-height: 1.1;margin-bottom: 10px;padding-left: 20px;position: relative;}
.h1-lists>li::before {content: "";width: 15px;height: 15px;box-shadow: inset 0 0 0 1px #43c6a2;background-color: #fff;border-radius: 50%;position: absolute;left: 0;top: 2px;}
.h1-lists>li::after {content: "";width: 3px;height: 7px;border-right: 2px solid #43c6a2;border-bottom: 2px solid #43c6a2;transform: rotate(45deg);position: absolute;top: 4px;left: 5px;}
.upgrade-ai-box {padding: 12px 10px 12px 28px;border: 2px solid #ffae43;border-radius: 20px;background: #fff;display: flex;justify-content: center;flex-wrap: wrap;gap: 36px;position: relative;}
.uab-tag {font-size: 24px;color: #fff;line-height: 46px; background:linear-gradient(-300deg, #fff 20px, transparent 20px) no-repeat left top / auto 50%, linear-gradient(120deg, #fff 20px, transparent 20px) no-repeat left bottom / auto 51%, #fc6339;border-top-right-radius: 19px; padding: 0 25px 0 45px;position: absolute;top: 0;right: 0;}
.uab-left {width: 720px;}
.uabl-h3 {font-size: 25px;color: #2d2d2d;line-height: 1;padding: 18px 0 14px;}
.uabl-toggles {display: flex;justify-content: center;flex-wrap: wrap;gap: 38px;background: linear-gradient(#ffeed9, transparent);border-radius: 10px;padding: 13px 10px;margin-bottom: 15px;}
.uabl-toggles>li {font-size: 19px;color: #000;line-height: 1.1;min-width: 128px;min-height: 39px;box-sizing: border-box;padding: 5px 10px;display: flex;justify-content: center;align-items: center;border-radius: 6px;position: relative;cursor: pointer;}
.uabl-toggles>li.active {background-color: #ff9806;color: #fff;}
.uabl-toggles>li:not(.active):hover {color: #ff9806;}
.uabl-toggles>li+li::before {content: "";height: 20px;border-left: 1px solid #b1b1b1;position: absolute;top: 50%;left: -19px;margin-top: -10px;}
.uablw-content {display: flex;justify-content: center;align-items: center;flex-wrap: wrap;gap: 23px;}
.uablw-left,.uabl-wrap .meet-ytb {width: 454px;}
.uablwl-imgs>li {display: none;width: fit-content;margin: 0 auto;border-radius: 10px;overflow: hidden;}
.uablwl-imgs>li.active {display: flex;}
.uablw-videos>li {display: none;}
.uablw-videos>li.active {display: block;}
.uabl-wrap .meet-ytb span {margin: 10px 0 0;}
.uablw-right {width: 243px;}
.uablwr-intros {display: none;}
.uablwr-intros.active {display: block;}
.uablwr-intros>li+li {margin-top: 28px;}
.uablwri-h4 {font-size: 16px;color: #2d2d2d;line-height: 1;margin-bottom: 8px;}
.uablwri-h4>span {font-size: 14px;color: #ff4f4f;}
.uablwri-p {font-size: 15px;color: #666;line-height: 1.4;}
.uablwri-p>a {color: #0006ff;text-decoration: underline;}
.uab-right {width: 398px;border-radius: 12px;background-color: #fffaf5;box-sizing: border-box;padding: 60px 10px 22px;text-align: center;}
.uabr-h3 {font-size: 24px;color: #000;line-height: 1;}
.uabr-h3>b {color: #ff900d;}
.uabr-img {width: 202px;margin: 25px auto 10px;}
.uabr-desc {font-size: 15px;line-height: 1.4;margin-bottom: 10px;}
.uabr-btn {display: flex;align-items: center;justify-content: center;flex-direction: column;gap: 10px;}
.uabr-btn a.buy{background: #ff900d;font-size: 21px;color: #fff;line-height: 53px;text-decoration: none;padding: 0 20px;border-radius: 5px; box-shadow: 0px 0px 16px 0px rgba(251, 128, 32, 0.31);}
.uabr-btn span a{color: #4c94ff;}
.uabr-btn span img{padding-right: 3px;}

.DivMain02 h2 {padding-bottom: 0;}
.grid-guide-new { display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,max-content);grid-column-gap:35px;grid-row-gap:35px;padding-top:50px;text-align:left;}
.item-guide-new{border:1px solid #e2e2e2;border-radius:3px;padding:40px 35px;color:#000000;}
.item-guide-new:hover{background-color:#ffffff;border-color:transparent;box-shadow:rgba(100,100,111,0.2) 0px 7px 29px 0px;}
.title-guide-new{font-size:21px;font-weight:700;display:flex;justify-content:flex-start;align-items:center;gap:5px;margin-bottom:15px;white-space:nowrap;}
.new-tips{font-size:13px;background-color:#ff9422;color:#ffffff;padding:0 5px;display:inline-block;border-radius:3px;margin-left:5px;}
.icon-guide-new{display:block;width:43px;height:43px;background-size:contain;background-repeat:no-repeat;}
.icon-guide-new.icon01{background-image:url("../guide/images/videoproc-guide/icon01.png");}
.icon-guide-new.icon02{background-image:url("../guide/images/videoproc-guide/icon02.png");}
.icon-guide-new.icon03{background-image:url("../guide/images/videoproc-guide/icon03.png");}
.icon-guide-new.icon04{background-image:url("../guide/images/videoproc-guide/icon04.png");}
.icon-guide-new.icon05{background-image:url("../guide/images/videoproc-guide/icon05.png");}
.icon-guide-new.icon06{background-image:url("../guide/images/videoproc-guide/icon06.png");}
.icon-guide-new.icon07{background-image:url("../guide/images/videoproc-guide/icon07.png");}
.icon-guide-new.icon08{background-image:url("../guide/images/videoproc-guide/icon08.png");width:54px;}
.list-guide-new{margin-bottom:10px;}
.list-guide-new li{font-size:15px;line-height:1.5;margin-bottom:5px;position:relative;}
.list-guide-new a{color:inherit;text-decoration:none;}
.list-guide-new a:hover{text-decoration:underline;}
.list-guide-new li::before{content:'-';display:block;position:absolute;left:-13px;top:0px;}
.ai-blue-item{background-color:#17a0f1;color:#ffffff;transition:all 0.15s ease-in-out;}
.ai-blue-item .icon-guide-new{filter:brightness(100);}
.ai-blue-item:hover{background-color:#17a0f1;color:#ffffff;transform:scale(1.01);}
.suhead-guide-new{font-size:17px;font-weight:700;margin-bottom:5px;padding-top:5px;}
@media (max-width:1200px){.grid-guide-new{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,max-content);grid-column-gap:35px;grid-row-gap:35px;}}
@media (max-width:576px){.grid-guide-new{display:grid;grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(6,max-content);grid-column-gap:35px;grid-row-gap:35px;}}

/* -------------- */

@media  (max-width: 1200px) {
	.emit-ytbpopup-container {display: none;}
	.Details { width: 95%; }
	/* ------------- */
	.upgrade-ai-content{padding-right: 0; padding-bottom: 20px;}
	.upgrade-ai-left img{padding-left: 0;}
	.upgrade-ai-right .btn{flex-wrap: wrap;}
	/* ------------- */
	.DivMain01 .Two{width: 460px; margin-top: 30px;}

}
@media  (max-width: 979px) {
	/* ------------- */
	.steps-content .one{width:300px;padding: 15px 5px;}
	/* ------------- */
	.upgrade-ai-left{width: 90%; text-align: center;}
	.upgrade-ai-left .t{text-align: left;}
	.upgrade-ai-container{padding-bottom: 30px;}
	.upgrade-ai-content{flex-wrap: wrap;}
	.upgrade-ai-right{width: 90%; margin: 0 auto;}
	/* ------------- */
	.DivMain01{height:auto; padding-bottom: 50px;}
	.DivMain01 .One { width: 520px; float: none; margin: 0 auto; border-radius: 5px;  }
	.DivMain01 .Two { width: 520px; float: none;  border-radius: 5px; padding: 42px 0 0; margin: 20px auto 0;  }
	.DivMain01 .Two .arrow-img {display: none;}
	/* ------------- */
	.toolkit-content .toolkit-one{width: 33%;}
	.toolkit-one p{padding: 0 10px;}

	.upgrade-ai-box {padding: 40px 10px 10px;}
	.uabl-h3 {text-align: center;}
	.uabl-toggles {gap: 15px;}
	.uabl-toggles>li+li::before {display: none;}
	.uablw-right,.uablw-left, .uabl-wrap .meet-ytb,.uab-right {width: 100%;}
	.uablwr-intros>li+li {margin-top: 15px;}
	.uab-right {padding: 30px 10px;}
	/* ------------- */
	.DivMain03 .Text .left { float: none; margin: 0 auto 15px; }
	.DivMain03 .Text .right { float: none; margin: 0 auto 15px; }

}

@media  (max-width: 767px) {
	.steps-content{flex-wrap: wrap;justify-content: center;flex-direction: column;}
	.steps-content .one{ margin: 5px 0; width: 80%;}
	.steps-content img{transform: rotate(90deg);}
	/* ------------- */
	.main01 .Details{display: block;}
	.main01 h3{font-size: 23px; justify-content: center;}
	.main01 ul{text-align: center;}

	.DivMain01 h1 { font-size: 25px;  padding: 25px 0 0; line-height: 35px; }
	/* ------------- */
	.DivMain01 .One { width: 95%;   }
	.DivMain01 .Two { width: 95%; }
	/* ------------- */
	.DivMain02 {  background: none; }
	.toolkit-content .toolkit-one{width: 49%;border: none !important;}
	.DivMain02 .put a{margin-top:10px;width:80%;box-sizing: border-box; }
	.DivMain02 .put a:nth-child(1){margin-right: 0;}
	/* ------------- */
	.DivMain03 .Text .neis {  width: 95%; padding: 0 ; }

}

@media  (max-width: 479px) {
	.steps-content .one{width: 90%;}
	/* ------------- */
	.upgrade-ai-left{width: 100%;}
	.upgrade-ai-right{width: 95%;}
	.upgrade-ai-right .btn a.buy{font-size: 18px;}
		
	/* ------------- */
	.DivMain01 h1{font-size:16px;}
	.DivMain01 h1 strong{font-size:18px;}
	.DivMain01 h3 { padding: 20px 0 10px;  width:100%; background:none;}
	.DivMain01 .One ul, .DivMain01 .Two ul{border-radius:10px;padding: 25px;}
	.DivMain01 .One .put .useing{line-height:50px;}
	.DivMain01 .Two .put .codewin{width:70%;}
	.DivMain01 .One .mess{padding: 0 20px 30px 30px;background-position: left 5px;}
	.DivMain01 .price{margin: 13px 20px 0;}
	/* ------------- */
	.toolkit-content .toolkit-one{width: 90%; margin: 10px auto;border-bottom: 1px solid #d2d2d2 !important;}
	.DivMain02 .put a{font-size: 17px; width: 95%;}
	/* ------------- */
	.DivMain03 h3{font-size: 25px;}
	/* ------------- */
	.DivMain04 .Left { width: 95%; float: none; margin: 0 auto; }
	.DivMain04 .Margin {  margin: 25px auto; }

}