@charset "utf-8";
/* CSS Document */
body,dd,div,form,h1,h2,h3,h4,html,img,input,p,ul,li{box-sizing:border-box;margin:0 auto;padding:0;font-style:normal;font-family:'Meiryo',"Segoe UI", Arial, Helvetica, sans-serif;}
li,ul{margin:0;padding:0;list-style:none}
img{border:none;display: block;}
div{box-sizing: border-box;}
table{overflow-x:auto}
table li{word-wrap:break-word;word-break:break-all}
.word-break{word-wrap:break-word;word-break:break-all}
a,a:link,a:visited{text-decoration:none;color:#096193;}
a:active,a:hover{text-decoration:none;}
.clearfloat::after{content:"";display:block;height:0;overflow:hidden;visibility:hidden;clear:both;}
.clearfloat{zoom:1;}
.flex-box{display:-webkit-box;-webkit-box-pack:space-between;display:-webkit-flex;-webkit-flex-direction: row;-webkit-flex-wrap: wrap;-webkit-justify-content: space-between;display:flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;-webkit-align-items: center;align-items: center;-webkit-flex-wrap:wrap;flex-wrap: wrap;}
.container{max-width:1200px;overflow:hidden;width:100%;margin:0 auto;}
.sub-menu{box-shadow: rgba(0, 0, 0, 0.3) 0px 3px 10px 1px;}
/*install*/
body{color:#333;font-family:Meiryo, Segoe UI, Arial, Verdana, Helvetica, sans-serif;font-size:14px;line-height:20px;margin:0 auto;}
.banner{background-color:#238e86;overflow:hidden;padding:23px 0 36px;}
.banner h1{text-align:center;color:#feffff;font-size:35px;line-height:65px;font-family:Segoe UI;font-weight:normal;}
.banner h1 span{font-family:Segoe UI;background:url(/images/install/completed.png) no-repeat scroll 0 center;font-size:44px;line-height:90px;padding-left:80px;display:inline-block;font-weight:lighter;}
.banner h1 p{font-size:24px;line-height: 30px;padding:0;margin:0 auto;}
.banner .time_zoon{width: 90%;margin:23px auto 0;max-width:620px;border:2px dashed #38a9a0;padding:12px 38px 0;border-radius:5px;-webkit-align-items: flex-start;align-items: flex-start;}
.banner .time{width: 234px;margin:0;}
.banner .time>div{width: 51px;height: 48px;background-color: #fff;border-radius:5px;text-align: center;letter-spacing: 0px;}
.banner .time>div P:nth-child(1){display: block;margin:0 auto;font-size: 30px;line-height: 38px;height: 30px;color:#222;letter-spacing: 0px;}
.banner .time>div P:nth-child(2){display: block;margin:0 auto;font-size: 12px;line-height: 16px;color:#666;}
.banner .time>P{display: block;margin:6px auto 8px;width: 100%;font-size:16px;color:#fff;line-height: 16px;text-align: center;}
.banner a.buy{background:#ff7d1e url(/images/install/secure.png) no-repeat scroll 20px center;border-radius:5px;display:block;width:249px;height:62px;margin:0 auto;text-align:left;font-size:18px;position:relative;overflow:hidden;color:#FFF;line-height:36px;text-decoration:none;}
.banner a.buy:hover{background-color:#ff921e;}
.banner a.buy span del{font-size:18px;}
.banner a.buy span:nth-child(1){font-size:18px;display: block;margin:12px 0 0 60px;text-align-last: left;line-height: 18px;color:#fff;}
.banner a.buy span:nth-child(2){font-size:12px;display: block;margin:8px 0 0 62px;text-align-last: left;line-height: 12px;color:#fff;}
.banner a.buy span.off{font-size:12px;line-height: 182px;text-align: center; display:block;position:absolute;right:-55px;top:-55px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);color:#ff481e;background-color:#fff114;width: 100px;height: 100px;}

/*product section*/
.product_section{width: 100%;margin:0 auto;padding:52px 0 12px;background-color: #fff;}
.product_section .container>div{position: relative;margin:0 0 52px;width: 580px;min-height:571px;border:1px solid #d8d8d8;border-radius:10px 10px 0 0;overflow: hidden;}
.product_section .top{background-color: #ebebeb;padding:19px;overflow: hidden;}
.product_section .top .left_info{float:left;margin: 0;font-size:24px;line-height: 24px;color:#222;}
.product_section .top .right_info{float:right;margin: 0;font-size:16px;line-height: 24px;color:#228e85;}
.steps{width: 100%;padding:20px 19px;background-color: #fff;border-top:1px solid #d8d8d8;overflow: hidden;text-align-last: left;}
.steps .title{position: relative;}
.steps .title span:nth-child(1){display: inline-block;padding:6px;border-radius:3px;font-size:14px;line-height: 14px;color:#fff;background-color: #ff7d1e;margin-right: 16px;}
.steps .title span:nth-child(2){display: inline-block;font-size:20px;line-height: 28px;height: 26px;color:#222;vertical-align: middle;}
.steps .title img{display: block;position: absolute;right: 2px;top: 2px;cursor: pointer;}
.steps .info{display: none;width: 100%;padding:12px 0;text-align-last: left;font-size:16px;line-height: 30px;color:#666;}
.steps .show_img{position: relative;width: 100%;margin:0 auto;display: none;cursor: unset;}
.steps .show_img img:nth-child(1){display: block;margin:0 auto;width: 100%;max-width:410px;}
.steps .show_img img:nth-child(2){display: block;position:absolute;margin: auto;width: 100%;max-width:70px;left: 0;right: 0;top: 0;bottom: 0;cursor: pointer;}
.steps.active .info,.steps.active .show_img{display: block;}
.steps.active .title img{-webkit-transform: rotateX(180deg);-moz-transform: rotateX(180deg);-o-transform: rotateX(180deg);transform: rotateX(180deg);}
.product_section .right>div:nth-child(2){padding:42px 31px;text-align: center;}
.product_section h2{display: block;margin:0 auto;font-size:30px;line-height: 30px;color:#222;text-align: center;}
.product_section .right>div:nth-child(2)>img{display: block;margin:21px auto 0;width: 90%;max-width:442px;}
.product_section .right .info{display: block;margin:14px auto 11px;font-size:16px;line-height: 24px;text-align: center;color:#666;}
.product_section .price{display: block;width: 96%;margin:0 auto;font-size:16px;color:#222;}
.product_section .price .now{font-size:24px;color:#ff1e1e;}
.product_section .buy_section{margin:25px auto 0;width: 100%;max-width:464px;}
.product_section a.buy{border-radius:5px;display:block;width:227px;height:57px;margin:0;text-align:left;font-size:18px;position:relative;overflow:hidden;color:#FFF;line-height:36px;text-decoration:none;}
.product_section a.win{background: #ff7d1e url(/images/install/win.png) 27px center no-repeat;}
.product_section a.mac{background: #ff7d1e url(/images/install/mac.png) 27px center no-repeat;}
.product_section a.buy:hover{background-color:#ff921e;}
.product_section a.buy span:nth-child(1){font-size:18px;display: block;margin:12px 0 0 72px;text-align-last: left;line-height: 18px;color:#fff;}
.product_section a.buy span:nth-child(2){font-size:12px;display: block;margin:8px 0 0 74px;text-align-last: left;line-height: 12px;color:#fff;}
.articles{width: 100%;margin:0 auto;background-color: #e8e8ef;padding:70px 0 46px;}
.articles h2{display: block;margin:0 auto 35px;font-size:30px;line-height: 30px;color:#222;font-weight:bold;text-align: center;}
.articles .container>ul{width: 580px;margin:0 0 30px;padding:32px 25px 30px;background-color: #fff;border:1px solid #d8d8d8;border-radius: 10px;}
.articles li{position: relative;padding: 10px 0 10px 29px;font-size:16px;line-height: 24px;color:#666;text-align: left;}
.articles li img{position: absolute;left: 0;top: 16px;}
/*about*/
.about{max-width:1200px;width:96%;margin:30px auto;overflow:hidden;}
.about h2{font-size:24px;color:#000;line-height:40px;padding:10px 0 5px 0;}
.about h3{font-size:20px;color:#000;line-height:30px;padding:10px 0 0 0;}
.about ul, .about p{font-size:16px;line-height:30px;padding:5px 0;}
.about p a{font-size:16px;line-height:30px;color:#0F87FF;}
.about p a:hover{text-decoration:underline;}
.join-affi{float:left;width:100%;margin:10px 0 20px 0;}
.join-affi img{float:left;width:132px;height:121px;margin:0 20px 0 0;}
/*Breadcrumb*/
#breadcrumb{color:#222;font-size:14px;margin-top:15px;}
#breadcrumb .about{max-width:1200px;overflow:hidden;padding:10px 1%;width:98%;margin:0 auto;}
#breadcrumb .about a{color:#222;text-decoration:none;}
#breadcrumb .about a:hover{color:#007EFD;}


/*footer*/
#footer{text-align:left;overflow:hidden;background-color:#2b2b2b;color:#bfbfbf;clear:both;}
#footer a{font-size:13px;color:#e0e0e0;text-decoration:none;}
#footer-container{margin:15px auto;max-width:1080px;overflow:hidden;}
#footer-left{float:left;width:20%;}
#footer-center{float:left;width:37%;margin-top:20px;margin-left:3.5%;}
#footer-center p{margin:0;}
#footer-right{float:left;width:35%;margin-top:20px;margin-left:3%;}
@media screen and (max-width:1080px){
.middle,.ads{width:96%;}
.box ul{padding-right:10px;}
.product_section{padding:52px 0 0;}
.product_section .container,.articles .container{-webkit-justify-content: center;justify-content: center;}
.product_section .container>div{margin:0 0 52px;min-height: unset;}
#footer-left{display:none;}
#footer-center, #footer-right{width:100%;text-align:center;margin:5px auto;}
}
@media screen and (max-width:798px){
    .mapa h1,.mapa h2{font-size:18px;}
.box,.box:first-child{width:100%;}
.ads .title{font-size:30px;}
}
@media screen and (max-width:640px){
.banner h1{font-size:20px;line-height: 35px;}
.banner h1 span{font-size:30px;}
.banner .time_zoon{padding:12px 20px;}
.ads p.off{font-size:38px;}
}
@media screen and (max-width:550px){
.map{width:100%;}
}
@media screen and (max-width:450px){
.banner h1 span{font-size:24px;line-height: 80px;}
.banner h1 p{font-size:16px;}
.banner .time_zoon{justify-content: center;padding:17px 20px;max-width: 295px;}
.banner .time>P{margin:8px auto 14px;}
.product_section .container,.articles .container{padding:0 30px;}
.product_section .top .left_info{font-size:20px;}
.steps .title span:nth-child(2){width: 100%;max-width:160px;height: auto;vertical-align: top}
.product_section h2{font-size:24px;line-height: 24px;}
.product_section .buy_section{justify-content: center;}
.product_section a.buy{margin:0 0 12px;}
.ads .boxs img{padding-right:4px;padding-left:16px;}
}
@media screen and (max-width:400px){
.banner a.buy{padding-left:0;width:225px;font-size:28px;line-height:30px;text-align:center;height:60px;}
.banner a.buy span{font-size:18px;}
}
@media screen and (max-width:320px){
.product_section .container,.articles .container{padding:0 20px;}
.product_section .top{padding:12px;}
.product_section .top .left_info{font-size:18px;}
.steps .title span:nth-child(2){font-size:16px;max-width:140px;}
.steps{padding:20px 12px;}
}