@charset "utf-8";
/* CSS Document */
body { margin:0; padding:0; font:17px/26px Helvetica Neue Light, tahoma, Arial, Helvetica, sans-serif; color:#333;margin: 0 auto;}
article,aside,footer,header,menu,nav,section,blockquote { display:block; margin:0; padding:0; }
img{ vertical-align:middle;max-width: 100%;}
h1, h2, h3, h4, h5, p, h6, ul, li, ol, dd, dl, dt, input,div { padding:0; margin:0; list-style:none; font-weight:400;}
a { color: inherit; text-decoration: none; }
a:hover { text-decoration: none; }
.clear {display: block;clear: both;}
.Details { width:1080px; margin:0 auto; }
.details {width:1300px; margin:0 auto;}

/* ----------*/
.DivNav {  width: 100%; height: 80px; background: #2b2d33; z-index: 100; }
.DivNav .Logo { width: 140px; height: 44px; float: left; padding: 10px 0 0; }
.DivNav ul {  float: right; display: block; padding: 23px 0 0;line-height: 40px;}
.DivNav ul li { padding:0 40px; float: left;  font-size: 20px; color: #fff;  }
.DivNav ul li a { color: #fff;  text-decoration: none; }
.DivNav .nav-sale img {margin-top: -62px;transition: margin 0.2s;}
.DivNav .nav-sale:hover img {margin-top: -40px;}
.DivNav .m_nav{ float:right;width: 30px; margin:15px 0 0; border-top: 12px double #737373;padding-bottom: 5px;border-bottom: 4px solid #737373; cursor: pointer;border-spacing:5px; display:none;}
/* ----------*/

.main01 {padding: 50px 0 30px;text-align: center;background: #0d0c0c url(../images/backup-movies-new/bg1.jpg) no-repeat center bottom;color: #fff;}
.main01 .details {width: 940px;}
.main01 h1 {font-size: 45px;color: #ffde28;line-height: 1em;font-weight: 600;padding-top: 90px;position: relative;}
.h1-tag {width: 330px;height: 67px;font-size: 28px;color: #0fb4ff;line-height: 54px;background: url(../images/backup-movies-new/title-tag.png) no-repeat center/cover;position: absolute;top: 0;left: 50%;}
.main01 h3 {font-size: 36px;line-height: 1em;font-weight: 600;padding: 18px 0 28px;}
.main01 h3+p {font-size: 23px;line-height: 1.5em;color: #cfcece}
.banner-icons {width: 833px;padding: 30px 0 22px;display: flex;justify-content: center;flex-wrap: wrap;background-color: #141517;border-radius: 20px;margin: 28px auto 34px;}
.banner-icon {margin: 0 40px;}
.banner-icon .img-container {height: 85px;display: flex;justify-content: center;align-items: flex-end;margin-bottom: 25px;}
.banner-icon p {font-size: 17px;line-height: 1.5em;color: #cfcece;}
.new-buttons {padding: 33px 0 15px;}
.banner-buttons a {display: block;width: 265px;line-height: 56px;font-size: 21px;color: #fff;background-color: #0fb4ff;border-radius: 5px;border: 5px solid #064C6B;margin: 0 auto 20px;text-align: center;}
.new-buttons .banner-buttons a {line-height: 60px;}
.banner-buttons a img {margin: -7px 0 0 20px;}
.banner-buttons+p {font-size: 15px;color: #6e6d6d;line-height: 1em;}
.banner-buttons.mobile-plat {display: none;}
.banner-icons-info {text-align: center;font-size: 15px;color: #ffffff;line-height: 1.1em;}
.banner-icons-info a {text-decoration: underline;color: #ffffff;}
.banner-icons-info img {margin-right: 10px;}
.add-buy-buttons {display: flex;justify-content: center;flex-wrap: wrap;}
.add-buy-buttons a {margin: 0 10px 20px;}
.banner-buttons.buy-button a {background-color: #feb91a;border: 5px solid #795709;}
.to-enter {padding: 33px 0;}
.enter-elems {display: flex;justify-content: center;align-items: center;flex-wrap: wrap;}
.enter-elems input {height:55px; border:0 none; padding:0 0 0 10px; font-size:17px; border-radius:3px 0 0 3px; width:280px;outline: none;}
.enter-elems button {line-height:55px; display:inline-block; border:0 none; vertical-align:bottom; font-size:19px; background-color:#0fb4ff; color:#fff; font-weight:700; padding:0 25px; border-radius:0 3px 3px 0; cursor:pointer;}
.after-enter{color:#0fb4ff; font-size:17px;line-height: 23px; padding-top:5px; display:none;text-align: center;}
.after-enter p {font-weight: 700;font-size: 17px;line-height: 24px;box-sizing: border-box;margin: 15px 0;}
.after-enter .button {padding-top: 10px;font-weight: 700;}
.after-enter .button a{color:#0fb4ff; background:url("../images/backup-movies-new/down-icon.png") no-repeat calc(100% - 5px) #fff; border:2px solid #0fb4ff; padding:10px 50px 10px 10px;border-radius: 30px; display: inline-block;}

.main02 {padding: 30px 0 0;box-sizing: border-box;min-height: 1065px;background-color: #0d0c0c;color: #fff}
.main02 h5 {font-size: 25px;line-height: 27px;text-align: center}
.main02 h2 {font-size: 45px;line-height: 49px;padding: 20px 0;text-align: center;}
.main02 h2 span {color: #7ec1ff;}
.main02 h2+p {font-size: 20px;line-height: 30px;padding: 0 160px;text-align: center;color: #737480;}
.card-list {padding: 50px 0 90px;display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: wrap;}
.card-list li {width: 382px;background: url(../images/backup-movies/card-bg1.jpg) no-repeat center top;min-height: 629px;border-radius: 12px;}
.card-list li:last-child {background: url(../images/backup-movies/card-bg3.jpg) no-repeat center top;}
.card-list li:nth-child(2) {width: 465px;position: relative;background: url(../images/backup-movies/card-bg2.jpg) no-repeat center top;min-height: 662px;}
.card-list li:nth-child(2)::after {content: "";width: 484px;height: 214px;background: url(../images/backup-movies/arrow-bg.png) no-repeat center;position: absolute;bottom: -150px;left: -10px;}
.card-list li:nth-child(2) .card-container {position: relative;z-index: 2;}
.card-list li:first-child,.card-list li:last-child {margin-top: 15px;}
.card-container h3 {font-size: 50px;line-height: 56px;color: #bc9d5d;font-weight: 600;text-align: right;padding: 20px 20px 170px;text-shadow: 1px 1px 0 #fff;}
.card-list li:nth-child(2) .card-container h3 {color: #fff;text-shadow: 4px 4px 0 #000;padding-bottom: 190px;}
.card-list li:last-child .card-container h3 {text-align: left;}
.card-content {padding: 0 45px;}
.card-list li:nth-child(2) .card-content {padding: 0 70px;}
.error-title {font-size: 20px;color: #ff4a12;line-height: 24px;padding-bottom: 10px;}
.error-title::before {content: "!";display: inline-block;vertical-align: middle;width: 24px;height: 24px;text-align: center;background-color: #a5300c;border-radius: 50%;margin-right: 10px;}
.card-content p {font-size: 17px;color: #7c7d7d;line-height: 27px;padding-bottom: 10px;}
.card-content p a {color: #4aa9ff;text-decoration: underline;}
.card-content p span {color: #ccc;display: inline-block;margin-top: 10px;}
.card-link a {font-size: 16px;color: #4aa9ff;text-decoration: underline;line-height: 18px;}
.card-link a:hover {text-decoration: none;}
.card-link img {margin-right: 10px;}

.main03 {padding: 50px 0 20px;box-sizing: border-box;background: url(../images/backup-movies/bg3.jpg) no-repeat center top/auto 100%,
	linear-gradient(#202020 852px,#fff 852px);min-height: 1056px;color: #fff;}
.main03 h2 {font-size: 48px;line-height: 52px;text-align: center;}
.main03 h2 span {color: #7ec1ff;}
.main03 h2+p {font-size: 20px;line-height: 28px;text-align: center;padding: 10px 350px 85px;color: #737480;}
.pop-lists {display: flex;justify-content: space-between;align-items: flex-start;}
.pop-lists li {width: 250px;padding-bottom: 25px;position: relative;min-height: 352px;}
.pop-lists li:first-child,.pop-lists li:last-child {margin-top: 150px;}
.pop-icon {width: 230px;height: 230px;border-radius: 50%;display: flex;justify-content: center;align-content: center;flex-wrap: wrap;background-color: #444545;position: relative;box-shadow: inset 0 0 20px 0 rgba(255,255,255,0.2);}
.pop-icon::after {content: "";border-left: 10px solid transparent;border-top: 18px solid #585858;border-right: 10px solid transparent;position: absolute;top: 99%;left: 50%;transform: rotate(-10deg);}
.pop-lists li:nth-child(3) .pop-icon::after,.pop-lists li:nth-child(4) .pop-icon::after {transform: rotate(10deg);left: auto;right: 50%;}
.pop-icon p {width: 100%;font-size: 25px;color: #fc9356;line-height: 29px;margin-top: 20px;text-align: center;}
.pop-lists li:nth-child(2) .pop-icon p {color: #4ed7e7;margin-top: 30px;}
.pop-lists li:nth-child(3) .pop-icon p {color: #ff8f00;margin-top: 30px;}
.pop-lists li:nth-child(4) .pop-icon p {color: #3aa5f3;margin-top: 30px;}
.pop-para {font-size: 17px;line-height: 23px;margin-top: 16px;color: #8a8885;}
.pop-lists li:nth-child(1) .pop-para, .pop-lists li:nth-child(4) .pop-para {margin-top: 30px;}
.pop-percentage {font-size: 22px;color: #fc9356;line-height: 22px;position: absolute;top: 102%;left: 98%;}
.pop-lists li:nth-child(2) .pop-percentage {color: #4ed8e6;left: 42%;}
.pop-lists li:nth-child(3) .pop-percentage {color: #ff9000;left: 36%;}
.pop-lists li:nth-child(4) .pop-percentage {color: #48adef;left: auto;right: 102%;}
.pop-drp {width: 320px;margin: 0 auto;color: #000;}
.pop-drp h3 {font-size: 23px;line-height: 25px;font-weight: 600;}
.pop-drp p {font-size: 19px;line-height: 26px;padding: 10px 0 5px;color: #392f19;}
.drp-icon {width: 130px;height: 130px;padding: 17px;border-radius: 50%;background-color: rgba(239,191,82,0.3);margin: 0 auto;}
.drp-icon .img-container {width: 130px;height: 130px;border-radius: 50%;background-color: rgba(239,191,82,0.9);overflow: hidden;}
.drp-icon img {display: block;margin: 20px auto 0;}

.main04 {padding: 35px 0 70px;color: #000;}
.main04 h2 {font-size: 48px;line-height: 52px;text-align: center;}
.main04 h2 span {color: #4299fc;}
.main04 h2+p {font-size: 20px;line-height: 24px;text-align: center;padding: 18px 0 20px;color: #737480;}
.icons-list {padding: 38px 0 15px;display: flex;flex-wrap: wrap;}
.icons-list li {padding-bottom: 15px;width: 180px;margin-right: 100px;color: #737480;}
.icons-list li:nth-child(5n) {margin-right: 0;}
.rotate-imgs {display: flex;justify-content: space-between;align-items: flex-start;}
.rotate-imgs li {margin-right: 10px;}
.rotate-imgs li:last-child {margin-right: 0;}
.rotate-imgs li img {display: block;}

.main05 {padding: 85px 0 165px;color: #000;}
.main05 h2 {font-size: 48px;line-height: 52px;text-align: center;}
.main05 h2 span {color: #4299fc;}
.main05 h2+p {font-size: 20px;line-height: 24px;text-align: center;padding: 20px 0 100px;color: #737480;}
.pc-container {display: flex;justify-content: space-between;flex-wrap: wrap;background: linear-gradient(to right,#fafafa,#fff);}
.pc-left {width: 555px;padding-left: 30px;}
.pc-left li {padding: 20px 0 25px;border-bottom: 2px solid #e9e9e9;}
.pc-left li:last-child {border: none;}
.pc-left h3 {font-size: 25px;color: #4299fc;line-height: 27px;}
.pc-left h3 a::before {content: "";width: 6px;height: 6px;border-radius: 50%;background-color: #4299fc;display: inline-block;vertical-align: middle;margin-right: 8px;}
.pc-left h3 a:hover {border-bottom: 1px solid #4299fc;}
.pc-left p {font-size: 22px;color: #737480;line-height: 30px;padding-top: 6px;}
.pc-right {width: 700px;}
.pc-right img {max-width: initial;height: 98%;}

.main06 {margin-bottom: -165px;}
.main06.special-style {margin-bottom: 0;padding-bottom: 50px;}
.main06 .details {width: 1425px;box-sizing: border-box;padding: 48px 70px 100px 95px;background: #fff url(../images/backup-movies/step-bg.jpg) no-repeat center bottom;color: #000;box-shadow: 0 0 20px 0 rgba(0,0,0,0.05);border-radius: 12px;position: relative;}
.main06 h3 {font-size: 48px;color: #4299fc;line-height: 50px;text-align: center;}
.main06 h3+p {font-size: 20px;line-height: 24px;text-align: center;padding: 20px 0 100px;color: #737480;}
.step-container {display: flex;align-items: flex-start;flex-wrap: wrap;}
.step-left {width: 420px;}
.step-content {padding-left: 55px;border-left: 2px dashed #80bafd;position: relative;}
.step-one {padding-bottom: 45px;}
.step-one::before {content: "";width: 21px;height: 23px;background: url(../images/backup-movies/arrow-icon.png);position: absolute;left: -12px;top: 45%;}
.step-two {border-bottom: 2px dashed #80bafd;border-right: 2px dashed #80bafd;}
.step-two::before {content: "";width: 21px;height: 23px;background: url(../images/backup-movies/arrow-icon.png);transform: rotate(180deg);position: absolute;right: -12px;top: 45%;}
.step-two::after {content: "";width: 21px;height: 23px;background: url(../images/backup-movies/arrow-icon.png);transform: rotate(-90deg);position: absolute;bottom: -12px;left: 45%;}
.step-content h5 {font-size: 22px;color: #4299fc;line-height: 24px;padding-left: 10px;position: relative;}
.step-content h5 span {width: 98px;height: 40px;line-height: 40px;text-align: center;background-color: #4299fc;font-size: 22px;color: #fff;position: absolute;top: -10px;left: -103px;}
.step-content h5 span::after {content: "";border-top: 5px solid transparent;border-bottom: 5px solid transparent;border-left: 6px solid #4299fc;position: absolute;top: 50%;left: 100%;margin-top: -3px;}
.step-content p {font-size: 22px;color: #737480;;line-height: 42px;padding: 10px 0;}
.step-center {width: 440px;border-top: 2px dashed #80bafd;position: relative;margin-top: 168px;}
.step-center .img-container {width: 170px;height: 170px;display: flex;justify-content: center;align-items: center;background-color: #fff;border: 20px solid #fcfcfc;position: absolute;top: -117px;left: 50%;margin-left: -95px;box-shadow: 0 0 20px 0 rgba(0,0,0,0.05);}
.step-right {width: 390px;}
.step-three {padding-bottom: 38px;}
.step-three::before {content: "";width: 21px;height: 23px;background: url(../images/backup-movies/arrow-icon.png);transform: rotate(180deg);position: absolute;left: -12px;top: 45%;}
.step-right .img-container {margin: -10px 0 0 16px;}

.main07 {padding: 230px 0 345px;background: #1b1b27 url(../images/backup-movies/movies-bg.png) no-repeat center 255px;}
.movies-content {width: 360px;color: #fff;}
.movies-content h2 {font-size: 88px;line-height: 98px;font-weight: 600;}
.movies-content p {font-size: 20px;line-height: 30px;padding-top: 20px;color: #737480;}

.main08 {padding: 60px 0 35px;background: url(../images/backup-movies/video-bg.jpg) no-repeat center center/cover;color: #fff;}
.main08 h2 {font-size: 48px;line-height: 50px;text-align: center;}
.main08 h2+p {font-size: 20px;line-height: 30px;padding: 10px 180px 25px;text-align: center;color: #737480;}
.video-container {width: 730px;margin: 0 auto 25px;position: relative;border-radius: 12px;overflow: hidden;}
.video-container::after {content: "";display: block;padding-bottom: 56.25%;}
.video-container iframe {width: 100%;height: 100%;position: absolute;top: 0;left: 0;}

.main09 {padding: 53px 0 60px;color: #000;}
.tips-container {display: flex;justify-content: space-between;align-items: flex-end;flex-wrap: wrap;}
.tips-left {width: 580px;}
.tips-tag {display: inline-block;font-size: 20px;line-height: 38px;color: #fff;padding: 0 20px;margin-left: -10px;background: linear-gradient(to right, #2183f8, #00acfc);border-radius: 12px;}
.tips-left .img-container {margin: 24px 0 30px 38px;}
.tips-nums {position: relative;padding-left: 95px;}
.tips-nums::before {content: "";height: 80%;width: 2px;background-color: #effbff;position: absolute;top: 10%;left: 32px;}
.tips-nums li {position: relative;padding: 6px 0 45px;}
.tips-nums li:last-child {padding-bottom: 0;}
.tips-nums .the-nums {width: 74px;height: 74px;text-align: center;line-height: 74px;font-size: 37px;color: #7ba7cc;background-color: #effbff;border-radius: 50%;position: absolute;top: 10px;left: -100px;}
.tips-nums h3 {font-size: 20px;line-height: 22px;padding-bottom: 15px;}
.tips-nums h3 a:hover {text-decoration: underline;}
.tips-nums p {font-size: 18px;color: #808080;line-height: 28px;}
.tips-right {width: 545px;}
.tips-right li {padding-bottom: 30px;border-bottom: 2px solid #ececec;margin-bottom: 25px;}
.tips-right li:last-child {margin-bottom: 0;border: none;padding-bottom: 0;}
.tips-right h3 {font-size: 20px;line-height: 22px;padding-right: 34px;position: relative;cursor: pointer;}
.tips-right p {display: none;font-size: 18px;color: #808080;line-height: 28px;padding-top: 20px;}
.tips-right h3.on-active+p {display: block;}
.toggle-circle {width: 18px;height: 18px;border: 2px solid #000;border-radius: 50%;position: absolute;top: 0;right: 6px;}
.toggle-circle::before {content: "";width: 12px;height: 2px;background-color: #000;display: block;margin: 8px 0 0 3px;}
.toggle-circle::after {content: "";width: 2px;height: 12px;background-color: #000;position: absolute;top: 3px;left: 8px;}
.tips-right h3.on-active .toggle-circle::after {display: none;}

.main10 {padding-bottom: 50px;}
.main10 .details {width: 1080px;}
.main10 h2{font-size: 27px;padding: 50px 0 10px;}
.main10 .article .art_one {padding: 12px 0;}
.main10 .article .art_one .at{background: url(../../images/collection/list2.png) no-repeat left 6px;padding: 0 0 3px 20px;color: #333;}
.main10 .article .art_one .at a:hover {text-decoration: underline;}
.main10 .article .art_one p{font-size: 15px;color: #737480;}
.main10 .btn_more {margin: 20px 0 0;cursor:pointer;background: url(../../images/collection/down.png) no-repeat center;height: 23px; }
.main10 .btn_more.up{background: url(../../images/collection/up.png) no-repeat center;}

.main11 {  padding: 0 0 40px 0; }
.main11 .details {width: 1080px;}
.main11 h3 { font-size: 21px; padding: 20px 0 30px; }
.main11 .fix01 { border: 1px solid #d2d2d2;border-radius: 3px;display: flex;justify-content: center;flex-wrap: wrap;}
.main11 .fix01 .Left {  width: 174px; text-align: center; padding: 20px 0 0; }
.main11 .fix01 .Left p { font-size: 17px; padding: 15px 0; }
.main11 .fix01 .Left p a:hover {text-decoration: underline;}

/* ----------*/
.MainFoot { background:#1f222a; color:#767f86; text-align:center; padding: 15px 0; font-size:15px;}
.MainFoot .Details {  position: relative;   }
.MainFoot p { padding:5px 0; }
.MainFoot p a { color:#767f86; text-decoration:none;}
.MainFoot p a:hover { text-decoration:underline; color:#21d2f8;}
.MainFoot p i { display:block; line-height:38px; font-style:normal;}
.MainFoot p em { display: inline-block; border-radius: 5px; -o-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;  border: 1px solid #55575d; font-style: normal;
width: 105px;   padding: 2px 10px 4px; transition: all 0.4s; -o-transition: all 0.4s; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; cursor: pointer; }
.MainFoot p em:hover { background:#55575d; color: #fff;  }
.MainFoot .Flag { position: absolute; right: 130px; bottom: 60px;  width: 140px;  height: 200px; display: none; }
.MainFoot .Flag ul { background: #151a1d; padding: 10px 0;  border-radius: 5px; -o-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.MainFoot .Flag ul li {  border-bottom: 1px solid #262a33; padding:2px 25px; text-align: left; cursor: pointer;  font-size: 13px;}
.MainFoot .Flag ul li:hover {  background:#55575d; color: #fff;  }
.MainFoot .Flag a { text-decoration: none; color: #767f86; }
.MainFoot h6 { font-size:15px; padding:8px 100px 0;}

.HomeFoot { background: #515153; color: #b3b3b3;  }
.HomeFoot .details { padding: 30px 0 30px; border-bottom: 1px solid #636365;  }
.HomeFoot .Logo { width: 25%; float: left; }
.HomeFoot .Logo p { padding: 15px 0 0; }
.HomeFoot .Left { width: 14%; float: left; padding: 25px 0 0 2%; }
.HomeFoot .Left h3 { font-size: 19px;  color: #fff; }
.HomeFoot .Left ul {  padding: 12px 0 0; }
.HomeFoot .Left ul li { padding: 3px 0; font-style: 13px; }
.HomeFoot .Left ul li a { color: #b3b3b3;  }
.HomeFoot .Right { width: 27%; padding: 25px 0 0; float: left; }
.HomeFoot .Right h3 { font-size: 19px; padding: 0 0 10px 0; }
.HomeFoot .Right .input { width: 270px; height: 26px; background: url(../../img/foot05-nineteen.png) no-repeat;  margin: 15px 0 0; }
.HomeFoot .Right .input input[name="text"]{width:190px; padding:3px 0 0; margin:3px 0 0 10px; background:none; outline:none; border:none;font-size:13px; color:#333;}
.HomeFoot .Right .input input[name="submit"]{background:none; cursor: pointer; float:right; border: none; width:65px; height:25px;}
.HomeFoot .Right .Share { padding: 20px 0 0; }
.HomeFoot .Right .Share h4 { font-size: 15px; margin: 0 10px 0 0; }
.HomeFoot .Right .Share img { margin: 0 8px; }
.HomeFoot a { text-decoration: none; }

.Movenav { width: 100%; position: fixed; top: 0; left: 0; z-index: 100; padding: 10px 0; background: #2b2d33; border-bottom: 1px solid #2b2d33;box-shadow: 0 8px 5px #2b2d33; }
.Movenav .left { width: 50%; float: left; }
.Movenav .left h3 {  font-size: 23px; line-height: 32px; padding: 10px 0 0;color: #fff; }
.Movenav .left h3 i { font-size: 15px; display: block; font-style: normal; }
.Movenav .Right { width: 50%; float: left; }
.Movenav .Right .Bnt { padding: 0px 0 0; text-decoration: none; }
.Movenav .Right .Bnt a { text-decoration: none; }
.Movenav .Right .Bnt .Downlaod { width: 185px; height: 48px; background: url(../../img/nav-win-nine.png) 185px 12px no-repeat #92cf3f;font-size: 17px; color: #fff; line-height: 48px; padding: 0 35px 0 0px; cursor: pointer; display: inline-block; transition: background-color 0.5s; text-align: center; }
.Movenav .Right .Bnt .Downlaod:hover { background: url(../../img/nav-win-nine.png) 185px 12px no-repeat #7ecb16; }
.Movenav .Right .Bnt .mac-icon{background: url(../../img/nav-mac-icon.png) 180px 8px no-repeat #92cf3f;}
.Movenav .Right .Bnt .mac-icon:hover{background: url(../../img/nav-mac-icon.png) 180px 8px no-repeat #92cf3f;}
.Movenav .Right .Bnt .Buy { width: 185px; height: 48px; background: url(../../img/nav-buy-nine.png) 175px center no-repeat #feb91a;font-size: 17px; color: #fff; line-height: 48px; padding: 0 35px 0 0px; cursor: pointer; display: inline-block; margin: 0 0 0 20px; transition: background-color 0.5s; text-align: center; }
.Movenav .Right .Bnt .Buy:hover { background: url(../../img/nav-buy-nine.png) 175px center no-repeat #eaa60a; }
.Movenav .Right .Bnt .Buy.gift-icon {background-image: url(../../img/gift-icon.png);}
.Movenav .Right .Bnt .Buy.gift-icon:hover {background: url(../../img/gift-icon.png) 175px center no-repeat #eaa60a;}
.Movenav .Right .Bnt ol { padding: 10px 0; width: 640px;  margin: 0 auto; }
.Movenav .Right .Bnt ol li { list-style: none; width: 250px; text-align: center; float: left; color: #fff; }
.Movenav .Right .Bnt ol li a { color: #198ee3;  text-decoration: none; }
.Movenav .Right .Bnt ol li a:hover { text-decoration: underline;  }
.Movenav .Right .Bnt ol li:nth-child(1) {  background: url(../../img/nav-mac-nine.png) 11px 5px no-repeat; width: 160px; text-align: left;padding: 0 0 0 30px; }
.Movenav .Right .Bnt ol li:nth-child(1).win-icon {  background: url(../../img/nav-win-icon.png) 25px 5px no-repeat;}
.Movenav .Right .Bnt ol li:nth-child(2) { margin: 0 0 0 40px; }

.popup-container {display: none;width: 100%;height: 100%;position: fixed;top: 0;left: 0;background-color: rgba(0,0,0,0.6);z-index: 100010;}
.popup-content {width: 400px;padding: 20px;background-color: #fff;border-radius: 10px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);text-align: center;}
.popup-content h4 {font-size: 17px;line-height: 19px;font-weight: 600;}
.popup-content h5 {font-size: 15px;color: #494949;line-height: 19px;margin: 10px 0 20px;}
.popup-content p {font-size: 15px;line-height: 23px;color: #245ccd;}
.popup-content input {width: 250px;padding-left: 10px;display: block;height: 38px;font-size: 15px;color: #494949;border: 1px solid #c8cdd0;outline: none;margin: 20px auto 15px;}
.popup-content button {font-size: 17px;line-height: 19px;color: #fff;padding: 10px 15px;display: block;margin: 0 auto;border-radius: 12px;background-color: #d6b266;border: none;outline: none;cursor: pointer;}
.popup-content .close-popup {width: 40px;height: 40px;position: absolute;top: -10px;right: -10px;cursor: pointer;}

@media (max-width: 1300px) {
	.details,.Details,.main01 .details,.main10 .details,.main06 .details {width: 96%;}
	.banner-buttons {display: none;}
	.banner-buttons.mobile-plat,.banner-buttons.buy-button {display: block;}

	.main01 {background-position: left bottom;padding: 60px 0;}
	.banner-content {justify-content: center;}

	.main02 {background: #1d1e1e;}
	.main02 h2+p {padding: 0;}
	.card-list {justify-content: center;}
	.card-list li {margin: 0 15px 40px;}
	.card-list li:nth-child(2) {order: 2;}

	.main03 h2+p {padding: 10px 0 60px;}
	.pop-lists li {min-height: auto;}
	.pop-icon {width: 180px;height: 180px;}
	.pop-icon img {width: 80px;}
	.pop-percentage {top: 98%;}

	.icons-list li {margin-right: 0;}

	.pc-container {background: #fafafa;justify-content: center;}

	.main06 .details {padding: 50px;}
	.step-center {display: none;}
	.step-left,.step-right {width: 100%;}
	.step-content {border: none;border-left: 2px dashed #80bafd;padding-bottom: 40px;}
	.step-content::before,.step-content::after {display: none;}
	.step-right .img-container {margin: 0 0 0 55px;}

	.main08 h2+p {padding: 10px 0 25px;}

	.tips-left,.tips-right {width: 100%;}
	.tips-left {margin-bottom: 80px;}
}
@media (max-width: 979px) {
	.mobileNo{display:none;}
	.mobile_code{display:block;}

    .DivNav { height: auto; }
	.DivNav .Logo{float:none;padding:5px 0 10px;}
	.DivNav .m_nav{ display:block; position:relative;}
	.DivNav ul{display:none; border-top:1px solid #babcbd; padding:10px 0 0; margin:10px 0 0; float:none;}
	.DivNav ul li{width:100%; padding:5px 0;}
	.DivNav ul li a{float: left;}
	.DivNav .nav-sale {width: 67px;height: 67px;border-radius: 50%;overflow: hidden;}
	.DivNav .nav-sale img {margin-top: -51px;transition: none;}
	.DivNav .nav-sale:hover img {margin-top: -51px;}
	.DivNav .m_nav.on{border:none; height:26px;}
	.DivNav .m_nav.on:before,.DivNav .m_nav.on:after { content:"";transition: top .3s ease,transform .3s .5s ease; top:10px;width:30px; height:4px; background:#737373; display:inline-block; position:absolute;}
	.DivNav .m_nav.on:before {transform: rotate3d(0,0,1,45deg); }
	.DivNav .m_nav.on:after {transform: rotate3d(0,0,1,-45deg);}
	/* ----------*/

	.banner-icons {width: 100%;}
	.banner-icon {margin: 0 20px;}
    /* ----------*/

	.card-list li {width: 350px;}
	.card-content,.card-list li:nth-child(2) .card-content {padding: 0 20px;}

	.main03 {background: #1d1e1e;}
	.pop-lists {flex-wrap: wrap;}
	.pop-lists li {width: 100%;padding-bottom: 80px;}
	.pop-lists li:first-child, .pop-lists li:last-child {margin-top: 0;}
	.pop-icon {margin: 0 auto;}
	.pop-icon p,.pop-lists li:nth-child(2) .pop-icon p,.pop-lists li:nth-child(3) .pop-icon p {font-size: 21px;margin-top: 10px;}
	.pop-lists li:nth-child(1) .pop-para, .pop-lists li:nth-child(4) .pop-para {margin-top: 10px;}
	.pop-lists li:nth-child(2) .pop-percentage,.pop-lists li:nth-child(3) .pop-percentage,.pop-lists li:nth-child(4) .pop-percentage,.pop-percentage {top: auto;right: auto;bottom: 40px;left: 45%;padding: 5px 10px;background-color: #fc9356;border-radius: 4px;color: #fff;}
	.pop-lists li:nth-child(2) .pop-percentage {background-color: #4ed8e6;color: #fff;}
	.pop-lists li:nth-child(3) .pop-percentage {background-color: #ff9000;color: #fff;}
	.pop-lists li:nth-child(4) .pop-percentage {background-color: #48adef;color: #fff;}
	.pop-drp {color: #fff;}

	.rotate-imgs {flex-wrap: wrap;}
	.rotate-imgs li img {width: 160px;}

	.pc-left {width: auto;padding: 0 20px;}
	.pc-right {width: 100%;text-align: center;}
	.pc-right img {max-width: 100%;height: auto;}

	.movies-content h2 {font-size: 60px;line-height: 70px;}


    .MainFoot h6{padding:8px 0 0;}

	.HomeFoot .Logo,.HomeFoot .Right {width: 100%;}
	.HomeFoot .Left {width: 33%;padding: 25px 0 0;}
}
@media (max-width: 767px) {
	.DivNav ul li {font-size: 17px; }

	.banner-left,.banner-right {width: 100%;text-align: center;}
	.banner-left b {font-size: 50px;line-height: 54px;}
	.banner-bg-para {padding: 20px 10px;}
	.h1-tag {left: 50%;margin-left: -165px;}

	.main02 h2,.main03 h2,.main04 h2,.main05 h2,
	.main08 h2 {font-size: 35px;line-height: 39px;}
	.card-list li:nth-child(2) {width: 350px;background-position: right top;}
	.card-list li:nth-child(2)::after {display: none;}

	.video-container {width: 100%;}



    /* ----------*/
    /* ----------*/
	.HomeFoot .Left {width: 50%;}
}
@media (max-width: 479px) {
	.enter-elems input,.enter-elems button {border-radius: 3px;}
	.enter-elems input {width: 80%;margin-bottom: 20px;}

	.drp-title-content h2 {font-size: 29px;line-height: 33px;}

    .MainFoot h6 {padding: 0 10px 0;}

    /* ----------*/
	.popup-content {width: 84%;padding: 15px 4%;}
 }