@charset "utf-8";
/*.element::-webkit-scrollbar {display:none}*/
/* CSS Document */
.DivBanner {background: #0D2027;background-size: cover;position: relative;padding: 12px 20px 46px;}
.DivBanner .DivNav {height: 44px;margin-bottom: 70px;}
.DivBanner .DivNav .Logo { width: 140px;display: inline-block;vertical-align: middle; }
.DivBanner .DivNav .the-menu {float:right;margin-top: 14px;width: 25px;height: 18px;background: url('../img/menu-icon.png') center center no-repeat;}
.DivBanner .DivNav .the-menu-cancel {background: url('../img/menu-cancel-icon.png') center center no-repeat;}
.DivBanner .DivNav ul { display: none;position: absolute; top: 56px;left: 0;font-size: 17px; width: 90%;padding: 20px 5%;background-color: #0c1b22;border-bottom: 1px solid #fff; }
.DivBanner .DivNav ul li {font-weight: 400;margin-bottom: 10px;}
.DivBanner .DivNav ul li a { color: #f2f2f2;  text-decoration: none; }
.DivBanner .DivNav ul li a:hover { color: #00a9ef; }

.DivBanner .Video { position: absolute; top: 0; left: 0;  width: 100%;  height: 100%;  background-size: 100% 100%;  background: #000;
 background-position: center center; background-size: contain;  object-fit: cover;  z-index: 1;  opacity: 1;  }

.DivBanner .Info {color: #fff; text-align: center; color: #f2f2f2;  margin-top: 30px;}
.DivBanner .Info h2 {  font-size: 54px; font-weight: 800; }
.DivBanner .Info h2 img { display: inline-block;vertical-align: middle;margin-right: 10px; }
.DivBanner .Info h1 { font-size: 27px; padding: 40px 0 0;  }
.DivBanner .Info h1 i { color: #ffab1b; font-style: normal; }
.DivBanner .Info h1 span { display: block; font-size: 17px; padding: 10px 0 0; color: #ccc;  }
.DivBanner .Info ul {  width: 600px;  margin: 0 auto; padding: 35px 0 0; }
.DivBanner .Info ul li { display: flex;justify-content: flex-start;align-items:center;color: #8a9099;padding: 5px 0;width: 342px;margin: 0 auto;}
.DivBanner .Info ul li p{padding: 0 !important;font-size: 13px !important;}
.DivBanner .Info ul li img{ width: 5%;margin-right: 10px;}
.DivBanner .Info .Btn { padding: 20px 0 0; }
.DivBanner .Info .Btn .Margin { margin: 0 40px 0 0; }
.DivBanner .Info .Btn a {text-decoration: none;}
.DivBanner .Info .Btn .Down {width:185px; padding-right:55px; background:url(../img/windows_mac.png) right 15px top 50% no-repeat #0fb4ff; color: #fff; border:1px solid #0fb4ff; display: inline-block; }
.DivBanner .Info .Btn .Down:hover { background-color:rgba(0,0,0,0.2);}
.DivBanner .Info .Btn .Buy {  background: #ffab1b; color: #fff; border:1px solid #ffab1b;  display: inline-block; }
.DivBanner .Info .Btn .buy:hover { background: none;  color: #ffab1b; border:1px solid #ffab1b;  }
.DivBanner .Info .Btn .More {  background: #78c443; color: #fff; border:1px solid #78c443;  display: inline-block; padding-right:0;}
.DivBanner .Info .Btn .More:hover { background: none;}

.DivBanner .Info .input-email input { display: block; width: 334px; height: 52px;margin: 0 auto; font-size: 15px;color: #8e8e8e;padding-left: 14px;background-color: #fff; outline: none; border: none; ;border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; }
.DivBanner .Info .input-email button,.DivBanner .Info .input-email a {display: inline-block;vertical-align: middle;width: 163px;height: 50px;margin-top: 12px;line-height: 50px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; }
.DivBanner .Info .input-email button { box-sizing: content-box;margin-right: 8px; font-size: 25px; color: #fff; border: 1px solid #0fb4ff; font-weight: 600;background-color: #0fb4ff;}
.DivBanner .Info .input-email button:hover {background-color: transparent;}
.DivBanner .Info .input-email a {font-size: 24px;color: #ffab1b;border: 1px solid #ffab1b;background-color: transparent;text-decoration: none;}
.DivBanner .Info .input-email a:hover {text-decoration: none;background-color: #ffab1b;color: #fff;color: #fff;}
.DivBanner .Info p {font-size: 16px;padding: 40px 0 20px 0;}
.DivBanner .Info p span {color: #0fb4ff;}
.DivBanner .Info p:last-child { font-size: 15px;color: #8a9099; padding: 20px 0 0; }
.DivBanner .Info p:last-child img {display: inline-block;vertical-align: middle;margin-right: 8px;}
/* CSS Document */
.DivGetlicense{background:#0e1317; text-align:center; padding:0 0 20px 0;}
.DivGetlicense .Details >img{vertical-align:top;}
.DivGetlicense a{font-size:16px; color:#fff; font-weight:bold; display:inline-block; padding:25px 0 0 ; cursor:pointer; text-decoration:underline;}
/* CSS Document */
.DivMain02 {  background: #14282E; }
.DivMain02 .Details { padding: 20px 0 40px; color: #ccc; }
.DivMain02 h2 {  font-size: 29px; text-align: center; line-height: 42px;  }
.DivMain02 p { font-size: 17px; line-height: 30px; padding: 20px 0 0;  }
.DivMain02 p a { color: #ccc; text-decoration: none; border-bottom: 1px #ccc dotted;  }
.DivMain02 .Left { width: 26%; float: left; text-align: center; padding: 25px 2%; }
.DivMain02 .Left h3 { font-size: 19px; color: #fff; padding: 25px 0 10px; }
.DivMain02 .Bor { border: 1px solid #8a9398;  border-radius: 5px; -o-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.DivMain02 .Margin { margin: 0 4%; }
/* CSS Document */
.DivMain03 {  background: #020203; }
.DivMain03 .Details {  padding: 80px 0 0; text-align: center; }
.DivMain03 h3 { font-size: 29px; color: #fff; }
.DivMain03 p { font-size: 17px; color: #ccc; padding: 20px 0 0; }
/* CSS Document */
.Bg01 { background: #020203; }
.Bg02 { background: #0d1522; }
.DivMain04 .Details {  padding: 0 0 40px;  color: #fff; }
.DivMain04 .Img { width: 100%; max-width: 664px; margin: 0 auto; }
.DivMain04 .Img img { width: 100%; }
.DivMain04 h3 {  padding: 50px 0 0; font-size: 35px; }
.DivMain04 p { font-size: 19px; line-height: 35px; padding: 35px 0 0; }
.DivMain04 p a{ text-decoration:none; color:#fff; border-bottom:1px dotted #fff;}
/* CSS Document */
.DivMain05 { background: #0a0e12; }
.DivMain05 .Details { padding: 45px 0; color: #fff; }
.DivMain05 h3 { font-size: 29px; text-align: center; line-height: 42px;  }
.DivMain05 p { font-size: 17px; line-height: 30px; padding: 20px 0 0; color: #ccc;  }
.DivMain05 p a{ color:#ccc; text-decoration:none; border-bottom:1px dotted #ccc;}
.DivMain05 .Left {  width: 26%; float: left; text-align: center; padding: 35px 2%;  }
.DivMain05 .Left h4 { font-size: 19px; color: #fff; padding: 15px 0 10px; }
.DivMain05 .Left h4 a { border-bottom:1px dotted #fff; text-decoration:none; color:#fff; }
.DivMain05 .Left p { font-size: 15px; padding: 10px 0; color: #8a9099; }
.DivMain05 .Margin { margin: 0 5%; }
/* CSS Document */
.DivMain06 { background: #020203; }
.DivMain06 .Details { padding: 45px 0; color: #fff; }
.DivMain06 h3 { font-size: 29px; text-align: center; line-height: 42px;  }
.DivMain06 p { font-size: 17px; line-height: 30px; padding: 20px 0 0; color: #ccc;  }
.DivMain06 .Col01 { max-width: 532px; padding: 0 0 40px; background: #0D212C; margin: 40px auto 10px;position: relative;border-top: 3px solid #07C3C5; }
.DivMain06 .Col02 { max-width: 532px; padding: 0 0 40px; background: #072E2B; margin: 40px auto 10px;position: relative;border-top: 3px solid #2B66B6; }
.DivMain06 .Col01>span, .DivMain06 .Col02>span { position: absolute; top: 0; left: 40px; padding: 6px 20px; color: #fff; font-size: 21px; background-color:#07C3C5; border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -ms-border-radius: 0 0 5px 5px; -o-border-radius: 0 0 5px 5px; }
.DivMain06 .Col01 h4, .DivMain06 .Col02 h4  { font-size: 23px; padding: 55px 0 20px 20px; }
.DivMain06 .Col01 h4 a{ color:#fff;border-bottom:1px dotted #fff; text-decoration:none;}
.DivMain06 .Col01 p, .DivMain06 .Col02 p { font-size: 15px; padding: 0 20px 0 20px; }
.DivMain06 .Col02>span {background-color: #2B66B6;}
.DivMain06 .Col02 p a{ color: #fff; }
.DivMain06 p a{ text-decoration:none; color:#ccc; border-bottom:1px dotted #ccc;}

/* CSS Document */
.DivMain07 { background: #918c85; }
.DivMain07 .Details { padding: 30px 0 80px; }
.DivMain07 h3 { font-size: 29px; text-align: center; line-height: 42px; color: #fff;padding-bottom: 20px;  }
.DivMain07 .Img { text-align: center; padding: 40px 0; }
.DivMain07 .Img img {  width: 100%; max-width: 537px;}
.DivMain07 .Text { padding: 20px; color: #fff; border-bottom: 1px solid #9b9995; }
.DivMain07 .Text h4 { font-size: 29px;  line-height: 42px; }
.DivMain07 .Text p { color: #ccc; font-size: 15px; line-height: 28px; padding: 20px 0 0px; }
.DivMain07 .Text p b { color: #fff; }
.DivMain07 .Text p a { color: #ccc; text-decoration: none; }
.DivMain07 .Text p a:hover {  color: #f60; }
.DivMain07 .Text ol { padding: 20px 0 ; } 
.DivMain07 .Text ol li { background: url(../img/div12-icon-t1.png) center left no-repeat; padding: 0 0 0 17px; float: left; margin: 0 23px 0 0; }
.DivMain07 .Text ol li i {  font-style: normal; cursor: pointer;  }
.DivMain07 p a{ text-decoration:none; color:#ccc; border-bottom:1px dotted #ccc;}

/* CSS Document */
.DivMain08 { background: #121b2c; }
.DivMain08 .Details { padding: 50px 0 20px; }
.DivMain08 h3 { font-size: 35px; text-align: center; line-height: 42px; color: #fff; padding-bottom: 20px;  }
.DivMain08 p { color: #ccc; }
.DivMain08 a { color: #ccc; text-decoration: underline; }
.DivMain08 a:hover { color: #f60; }
.DivMain08 .Icon {  text-align: center; padding: 40px 0; }
.DivMain08 .Img {  text-align: center; padding: 30px 0; }
.DivMain08 .Img img { width: 100%; max-width: 607px; }
.DivMain08 ul { font-size: 17px; color: #ccc; width: 90%; margin: 0 auto; }
.DivMain08 ul li {  width: calc(50% - 55px);  float: left; background:url(../mobile-img/div08-icn02.png) 0 21px no-repeat; padding: 15px 30px 15px 25px; }
.DivMain08 h4 { font-size: 15px; color: #8a9099; text-align: center; padding: 30px 0 10px; }
/* CSS Document */
.DivMain09 {  background: #f2f2f5; }
.DivMain09 .Details { padding: 40px 0; }
.DivMain09 h3 {  font-size: 31px; text-align: center; padding: 20px 0; line-height: 37px; }
.DivMain09 p { color: #5c6066; font-size: 17px; text-align: center; line-height: 32px; }
.DivMain09 p a{ color: #5c6066; text-decoration: none; border-bottom: 1px dotted #5c6066;}
.DivMain09 .Img {  text-align: center; padding: 30px 0; }
.DivMain09 .Img img { width: 100%; max-width: 613px; }
.DivMain09 ul { font-size: 19px;  width: 90%; margin: 0 auto; padding: 20px 0 0; }
.DivMain09 ul li { width:calc(30% - 10px); float: left; color: #333; background:url(../video-process/image-style/index/div01-img03.png) 0px 10px no-repeat; padding:0 0 0 10px; }
.DivMain09 ul li i { font-style: normal; color: #5c6066; display: block; font-size:15px; padding: 10px 0 0; }
.DivMain09 ul li a { border-bottom:1px dotted #333; text-decoration:none; color:#5c6066;}
.DivMain09 .Margin {  margin: 0 5%; }
/* CSS Document */
.DivMain10 { background:#fff; }
.DivMain10 .Details { padding: 25px 0; text-align: center;  }
.DivMain10 h4 { font-size: 23px; font-weight: 800; padding: 40px 0 0; color: #333; line-height: 35px; }
.DivMain10 h4 img { vertical-align: middle; }
.DivMain10 p { color: #ccc; font-size: 15px; padding: 20px 0; line-height: 26px; color: #333; }
.DivMain10 p a{ color: #333; border-bottom:1px dotted  #333; text-decoration: none;}
.DivMain10 .Btn { padding: 20px 0 0; }
.DivMain10 .Btn .Margin { margin: 0 40px 0 0; }
.DivMain10 .Btn a {text-decoration: none;}
.DivMain10 .Btn .Down {  background: #0fb4ff; color: #fff; border:1px solid #0fb4ff; display: inline-block; }
.DivMain10 .Btn .Down:hover { background: none;  color: #0fb4ff;  }
.DivMain10 .Btn .Buy { background: #ffab1b; color: #fff; border:1px solid #ffab1b;  display: inline-block; }
.DivMain10 .Btn .buy:hover { background: none;  color: #ffab1b; border:1px solid #ffab1b;  }
/* CSS Document */
.DivMain11 {  background: #f2f2f5; }
.DivMain11 .Details { padding: 35px 0;  }
.DivMain11 h3 { font-size: 23px; padding: 15px; margin: 0; padding:0 0 15px; }
.DivMain11 ul {  padding: 20px 0 0; }
.DivMain11 ul li { background: url(../img/div17-icon03.png) left 5px no-repeat; padding: 0 0 0 70px; margin: 0 0 30px 0; }
.DivMain11 ul li i { color: #5c6066;  display: block; font-style: normal; font-size: 15px; font-weight: 400; }
.DivMain11 ul li a { color: #2c2d33; text-decoration:underline; }
.DivMain11 ul li a:hover { color: #35c2ff; text-decoration: underline; }


@media (min-width: 768px) and (max-width: 979px) {



}

@media (min-width: 480px) and (max-width: 767px) {
	.DivBanner .Info ul {  width: 100%;  margin: 0 auto; padding: 35px 0 0; }

.DivMain06 .Col01 { width: 100%; height: auto;  margin: 40px auto 10px; }
.DivMain06 .Col02 { width: 100%; height: auto;  margin: 40px auto 10px; }

.DivMain10 .Btn .Margin { margin: 20px; }

}

@media  (max-width: 479px) {

.DivBanner { padding: 12px 10px 46px; }
.DivBanner .Details {width: 100%;}

.DivBanner .Info h2 {  font-size: 35px; font-weight: 800; line-height: 1.5; display: flex; justify-content: center; align-items: center;}
.DivBanner .Info h1 { font-size: 23px; padding: 40px 0 0;  }
.DivBanner .Info ul {  width: 100%;  margin: 0 auto; padding: 35px 0 0; }
.DivBanner .Info .Btn .Margin { margin: 15px 0; }

.DivBanner .Info .input-email input {width: 280px;}
.DivBanner .Info .input-email button,.DivBanner .Info .input-email a {width: 135px;font-size: 22px;}
/* CSS Document */
.DivMain02 h2 {  font-size: 23px;  line-height: 35px;  }
.DivMain02 .Left { width: 95%; float: none; text-align: center; padding: 25px 0; margin: 0 auto; }
/* CSS Document */
.DivMain03 h3 { font-size: 23px;  }
/* CSS Document */
.DivMain05 h3 { font-size: 23px;  }
.DivMain05 .Left {  width: 95%; float: none; text-align: center; padding: 25px 0; margin: 0 auto;   }
/* CSS Document */
.DivMain06 .Col01 { width: 100%; height: auto;  margin: 40px auto 10px; }
.DivMain06 .Col02 { width: 100%; height: auto;  margin: 40px auto 10px; }
/* CSS Document */

.DivMain08 ul li {  width: calc(100% - 55px);  float: none; }

.DivMain09 ul li { width:100%; float: none;  }
.DivMain09 .Margin {  margin: 15px 0; }

.DivMain10 .Btn .Margin { margin: 20px auto; }

.DivGetlicense a{ display:block;}
	
}