@charset "utf-8";
/* CSS Document */
body {  margin:0 auto; padding:0; font:17px/26px tahoma, Arial, sans-serif; color:#444; background:#fff;  
	-webkit-text-size-adjust:none; -moz-text-size-adjust:none;-ms-text-size-adjust:none;  }
p, h1, h2, h3, h4, h5, h6, ul, li, ol { margin:0; padding:0; font-weight:400; list-style: none;  }
article,aside,footer,header,menu,section,blockquote { display:block; margin:0; padding:0; }
figure { margin-block-start: 20px; margin-block-end: 20px; margin-inline-start: 0px;  margin-inline-end: 0px;  text-align: center; display:block; }
figcaption { font-style: italic; color: #777; }
time { padding: 0;  font-style: italic; }
img { max-width: 100%; }

.watercolour {  border-bottom: 6px solid rgba(30, 173, 231, 0.5);  background-clip: padding-box; transition: all 0.5s; 
	-o-transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; }

.org { color: #ff8004; }
.clear { clear:both;}
.line { border-bottom: 1px solid #cad5e3; padding: 40px 0 0; }
.Details { width:1080px; padding:5px 0; margin:0 auto; }
a { color: #1eade7; text-decoration: none; }
a:hover { text-decoration: underline; }
.box-radius { border-radius: 3px; -o-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s;
-moz-transition: all 0.5s; }
.Put {text-align: center;}
.buy-button {display:inline-block;vertical-align:top;width:180px;height:56px;border-radius: 5px;color: #fff;margin: 10px 20px 20px 20px;font-weight: bold;font-size: 27px;line-height:56px;;font-style: normal;padding: 0 0 0 60px;cursor: pointer;}
.buy-win-button {background: url(../../images/vp-img/win-nineteen.png) 25px center no-repeat #f9bf30;}
.buy-mac-button {background: url(../../images/vp-img/mac-nineteen.png) 25px center no-repeat #f9bf30;}
.buy-button:hover{text-decoration:none; background-color: #ffcf44;}
/* CSS Document */ 
.DivNav { position: fixed; top: 0; width: 100%; height: 80px; background: #2b2d33; box-shadow: 0px 5px 5px #e5e5e5; -webkit-box-shadow: 0px 5px 5px #e5e5e5; 
	-moz-box-shadow: 0px 5px 5px #e5e5e5; -o-box-shadow: 0px 5px 5px #e5e5e5; 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; }
.DivNav ul li { padding:0 20px; float: left;  font-size: 19px; color: #babcbd;  }
.DivNav ul li a { color: #babcbd;  text-decoration: none; }
.DivNav ul li:nth-child(1) a{ border-bottom:1px solid #91cd45;}
.DivNav .Download { width: 160px; float: right; height: 40px; z-index: 0; position: relative; overflow: hidden; margin: 18px 0 0; }
.DivNav span {  display: block; width: 160px;  height: 40px; display: block; text-align: center; background: #02acfa; 
	color: #fff; float: right;  border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; line-height: 40px; 
	font-size:17px; cursor: pointer; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; }
.DivNav span a {  text-decoration: none; color: #fff; }
.DivNav .shadow:before {  content:""; width:100px; height:50px; display:block; background-color:rgba(255,255,255,.2); 
transform:rotate(-70deg); position:absolute; top:0; right:-20%;transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;
-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out; z-index:10; }
.DivNav .shadow:hover:before { width:200px; height:200px; top: -60px; }
.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;}

.DivMain02 {padding: 30px 0 0;}
.DivMain02 .Details { position: relative; }
.DivMain02 .Input { width: 270px; padding: 10px 0 0; position: absolute; top: 0; right: 0; }
.DivMain02 .Input .Search { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; width:250px; padding:10px ; margin:0px 0 0 0px; 
	background:url(../img/ss.png) 240px center no-repeat #fff; outline:none; border:1px solid #cbcccf; font:Verdana; font-size:15px; color:#9da1a3;  }
.DivMain02 .Input input::-webkit-input-placeholder { color: #9da1a3; }
.DivMain02 .Input input::-moz-placeholder { color: #9da1a3; }
.DivMain02 .Input input::-o-input-placeholder { color: #9da1a3; }
.DivMain02 .crumbs { padding: 20px 0 10px; border-bottom: 1px solid #999;  }
.DivMain02 .crumbs b { color: #777; }
.DivMain02 h1 { font-size: 35px; padding: 20px 0 10px; line-height: 46px; }
.DivMain02 .h1depict { color: #777; padding: 25px 0 0; }
.DivMain02 .h1depict h2 { font-size: 27px; color: #333; padding: 25px 0 0; }
.DivMain02 .h1depict p { padding: 15px 0 0; }
.DivMain02 .h1depict p span {  border-bottom: 6px solid rgba(30, 173, 231, 0.5);  background-clip: padding-box; transition: all 0.5s; 
	-o-transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; }
/*.DivMain02 .h1depict p span:hover {  background: rgba(30, 173, 231, 0.9); color: #fff; }*/
.DivMain02 .a1 { color: #1eade7; text-decoration: underline; }
.DivMain02 address { padding: 10px 0; color: #777; }
.DivMain02 address img { margin: 0 0 0 10px; }
.DivMain02 .GoSolu { font-size: 23px; }
.DivMain02 .GoSolu a { color: #91cd45; text-decoration: underline; }
.DivMain02 .GoSolu img { vertical-align: middle; }
.DivMain02 .content { padding: 30px 0 10px; }
.DivMain02 .content h2 { font-size: 27px; line-height: 36px; }
.DivMain02 .content h4 { padding: 15px 0 15px 20px; font-size: 21px; background: url(../img/sec02-icon.png) 0 15px no-repeat; display: block; 
	border-bottom:3px solid #1eade7; line-height: 29px; }
.DivMain02 .content h4 span { display: inline-block; float: right; font-size: 35px; color: #1eade7; transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s;
-webkit-transition: all 0.5s; }
.DivMain02 .content h4 a { color: #333; text-decoration: none; }
.DivMain02 .content h4 .transform { transform:rotate(135deg); -o-transform:rotate(135deg); -moz-transform:rotate(135deg); -webkit-transform:rotate(135deg); }
.DivMain02 .content h3 { padding: 10px 0 10px 20px; font-size: 21px; display: block; background: #f4fbf4; border-bottom:3px solid #40b646; line-height: 40px; font-weight: 800; }
.DivMain02 .content h5 { font-size:23px; border-top: 1px solid #d6d6d6; padding: 15px 0; }
.DivMain02 .content h3 em { color: #777; font-style: normal; display: block; font-size: 19px; font-weight: 400; }
.DivMain02 .content h3 em i { display: inline-block; border-radius: 3px; -o-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background:#40b646;
 color: #fff; padding: 3px 10px; font-size: 17px; line-height: 19px; font-style: normal; margin: 0 0 0 10px; }
.DivMain02 .content h3 em img { vertical-align: middle; }
.DivMain02 .content p { padding: 20px 0 0; }
.DivMain02 .content ul {  padding: 15px 0 10px 20px; }
.DivMain02 .content ul li { list-style: disc; padding: 7px 150px 7px 0; color: #333;  }
.DivMain02 .content ul li i { font-style: normal; color: #666; display: block; }
.DivMain02 .bg {   border-top: 1px dashed #cecece; padding: 10px 0 10px; margin: 25px 0 0; }  
.DivMain02 .bg ul {  padding: 10px 0 10px 30px; }
.DivMain02 .bg ul li { list-style: none; padding: 6px 150px 6px 30px; color: #666; background: url(../img/supb.png) 0px 8px no-repeat;  }
.DivMain02 .bg ul li:last-child { background: url(../img/supg.png) 0px 8px no-repeat; }
.DivMain02 .bg ul li b { font-weight:400; }
.DivMain02 .bg ul li a { text-decoration: underline; }
.DivMain02 .bg ul li:last-child a { color: #91cd45; }
.DivMain02 .content .Recom {  width: 75%; margin: 25px 0;  padding: 15px 30px; }
.DivMain02 .content .Recom h2 {  font-size: 19px;  }
.DivMain02 .content .Recom h2 a { text-decoration: underline; }
.DivMain02 .content .Recom ul { padding: 10px 0 0 40px; }
.DivMain02 .content .Recom ul li { padding: 1px 0; }
.DivMain02 .content .Recom p { padding: 10px 0 0; }
.DivMain02 .content .Recom p .img { vertical-align: top; margin: 0 10px 0 0; }
.DivMain02 .content .Recom p a { text-decoration: underline; }
.DivMain02 .content ol {  margin-left:calc((100% - 700px)/2); padding: 20px 0; }
.DivMain02 .content ol li { float: left; padding: 0 0 0 25px; display: block; width: 325px; }
.DivMain02 .content ol li a { text-decoration: underline; }
.DivMain02 .content ol li:nth-child(1) {  background: url(../img/win02.png) left center no-repeat; }
.DivMain02 .content ol li:nth-child(2) {  background: url(../img/mac.png) left center no-repeat; }
.DivMain02 .content .goback {  font-size: 19px; }
.DivMain02 .content .goback a { text-decoration: underline; color: #40b646; }
.DivMain02 .content #showone, .DivMain02 .content #showtwo, .DivMain02 .content #showthree, .DivMain02 .content #showfour { display: none; padding: 0 0 50px 0; 
	background: url(../img/sec-bg01.png) bottom no-repeat; }
.DownloadCont { padding: 10px 0 0 20px; }
.DownloadCont a { text-decoration: none; }
.DownloadCont .Downwin { font-size: 21px; text-align: center; width: 210px; height: 50px; line-height: 50px; color: #fff; 
	background: url(../img/win.png) 15px 10px no-repeat #02acfa; border: 1px solid #02acfa; padding: 0 0 0 20px; display: inline-block; } 
.DownloadCont .Downwin:hover { background: url(../img/win02.png) 15px 10px no-repeat #fff; color: #02acfa; }

.DownloadCont .Downmac { font-size: 21px; text-align: center; width: 210px; height: 50px; line-height: 50px; color: #02acfa;  margin: 0 0 0 40px;
	background: url(../img/mac.png) 15px 10px no-repeat #fff; border: 1px solid #02acfa; padding: 0 0 0 20px; display: inline-block; } 
.DownloadCont .Downmac:hover { background: url(../img/mac02.png) 15px 10px no-repeat #02acfa; color: #fff; }

.table_box {padding: 25px 0; }
.table_box table {border-left: 1px solid #e8e8e8; border-top: 1px solid #e8e8e8;text-align: center;}
.table_box tr th {background: #f5f7f7;font-weight: bold;color: #333;font-size: 13px;padding: 20px 0;border-right: 1px solid #e8e8e8;border-bottom: 1px solid #e8e8e8;}
.table_box tr td {padding: 20px 0;font-size: 13px;border-right: 1px solid #e8e8e8;border-bottom: 1px solid #e8e8e8;}
.table_box h5 { font-size: 23px; }
.table_box h6 { font-size:23px;  }

.DivMain03 {  background: #f9fdfe; padding: 30px 0; }
.DivMain03 h3 { font-size: 35px; text-align: center; line-height: 42px; padding: 15px 0 40px; }
.DivMain03 h3 em { font-size: 19px; display: block; font-style: normal; color: #a4b0bf; font-weight: 400; }
.DivMain03 .Left {  width: 46%; float: left;  }
.DivMain03 blockquote { width: 50%; float: left; }
.DivMain03 .adv { text-align: center;  }
.DivMain03 .adv p { color: #777; font-style: italic; padding: 15px 0 0; line-height: 25px; }
.DivMain03 .Right { width: 49%; float: right; background: url(../img/2.png) center left no-repeat, url(../img/1.png) center right no-repeat; min-height: 200px; 
 text-align: center; }
.DivMain03 .Right p { padding: 8px 0; font-size: 19px; line-height: 32px; }
.DivMain03 .Right p span {  color: #ff9703; font-size: 21px; font-weight: 800; }
.DivMain03 .Right img { margin: 8px 0 5px; }
.DivMain03 .assure ul {  padding: 25px 0 15px 120px; }
.DivMain03 .assure ul li { width:170px; float: left; height: 70px; line-height: 70px; color: #6d7f91; padding: 0 0 0 55px; }
.DivMain03 .assure ul li:nth-child(1) { background: url(../img/mediete-fift.png) center left no-repeat; }
.DivMain03 .assure ul li:nth-child(2) { background: url(../img/support-fift.png) center left no-repeat; }
.DivMain03 .assure ul li:nth-child(3) { background: url(../img/check-fift.png) center left no-repeat; }
.DivMain03 .assure ul li:nth-child(4) { background: url(../img/30day-fift.png) center left no-repeat; }

.DivMain04 {  padding: 40px 0; }
.DivMain04 h3 { font-size: 23px; padding: 15px 0 10px; border-bottom:2px solid #1eade7; display: block; }

.DivMain04 .Link { padding: 10px 0; }
.DivMain04 .Left {  padding: 10px 0 ; width: 48%; float: left; }
.DivMain04 .Right {  padding: 10px 0 ; width: 48%; float: right; }
.DivMain04 h4 { padding: 5px 0 10px; font-size: 17px; }
.DivMain04 img { float: left; margin: 0 20px 0 0; }
.DivMain04 p {  font-size: 15px; }
.DivMain04 h4 a { text-decoration: underline; }

.DivMain05 {  background: #f8f8f8;  padding: 40px 0 10px; }
.DivMain05 h3 { font-size: 23px; padding: 15px 0 20px; }
.DivMain05 .Pic { width: 120px; height: 120px; float: left; }
.DivMain05 .author { width: 920px; float: right; }
.DivMain05 .author h4 { font-size: 19px; font-weight: 800; padding: 5px 0;  }

.DivMain06 { background: #f8f8f8; padding: 15px 0; }
.DivMain06 .crumbs { padding: 10px 0; }


.Top { width: 90px; height: 90px; position: fixed; bottom:10%; right: 5%; cursor: pointer; display: none; }


@media (max-width: 979px) {
.mobileNo{display:none;}

.Details { width:95%;  }

.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 20px; margin:10px 0 0; float:none;}
.DivNav ul li{width:100%; padding:5px 0;}
.DivNav .m_nav.on{border:none; height:26px;}
.DivNav .m_nav.on:before,.DivNav .m_nav.on:after { content:""; -webkit-transition: top .3s ease,transform .3s .5s ease; -moz-transition: top .3s ease,transform .3s .5s ease; -o-transition: top .3s ease,transform .3s .5s ease; 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 { -webkit-transform: rotate3d(0,0,1,45deg); -moz-transform: rotate3d(0,0,1,45deg); -o-transform: rotate3d(0,0,1,45deg); transform: rotate3d(0,0,1,45deg); }
.DivNav .m_nav.on:after { -webkit-transform: rotate3d(0,0,1,-45deg); -moz-transform: rotate3d(0,0,1,-45deg); -o-transform: rotate3d(0,0,1,-45deg); transform: rotate3d(0,0,1,-45deg);}

.DivMain02 .Details { position: static; }
.DivMain02 .Input { position: static; float: right; }
.DivMain02 .bg ul li {  padding: 6px 30px 6px 30px;  }
.DivMain02 .content ul li {  padding: 7px 30px 7px 0; }

.DivMain02 h1 { font-size: 27px; line-height: 32px; }

.DivMain05 .Pic { width: 120px; height: 120px; float: left; }
.DivMain05 .author { width: calc(100% - 150px); float: right; }

}

@media (max-width: 767px) {

.DivNav .Download { display: none; }
.DivNav ul li {font-size: 17px; }

.DivMain02 .content .Recom {  width: 95%;  margin: 0 auto; padding: 15px 0px; }
.DivMain02 .content ol {  margin-left:0;  padding: 20px 0; }
.DivMain02 .content ol li { float: none; margin: 10px 0; }

.DivMain03 .Left {  width: 95%; float: none; margin: 0 auto;  }
.DivMain03 .Right { width: 95%; float: none;  margin: 0 auto 20px; }

.DivMain03 .assure ul {  padding: 25px 0 15px 0px; }
.DivMain03 .assure ul li { width:calc(50% - 55px); float: left; height: 70px; line-height: 70px; color: #6d7f91; padding: 0 0 0 55px; }

.MainFoot h6 { font-size:15px; padding:8px 20px 0;}

}

@media (max-width: 479px) {

body {   font:15px/23px tahoma, Arial, sans-serif;  }

.DivMain02 .GoSolu { font-size: 17px; }

.DivMain02 h1 { font-size: 23px; line-height: 27px; }
.DivMain02 .h1depict h2 { font-size: 21px; line-height: 27px;  }
.DivMain02 .content h2 { font-size: 21px; line-height: 27px; }

.DivMain02 .content h4 {  font-size: 19px; line-height: 25px; }
.DivMain02 .content h3 {  font-size: 19px;  line-height: 25px; }

.DivMain02 .content ol {  margin-left:0;  padding: 20px 0; }
.DivMain02 .content ol li { float: none; margin: 10px 0; }

.DivMain04 .Left {  padding: 10px 0 ; width: 95%; float: none; margin: 0 0 20px 0; }
.DivMain04 .Right {  padding: 10px 0 ; width: 95%; float: none; margin: 0 0 20px 0; }

.DivMain05 .Pic { width: 120px; height: 120px; float: none; margin: 15px auto; }
.DivMain05 .author { width: 95%; float: none; margin: 0 auto; }

}