body{font: 14px/20px var(--FONT1)}
html,body{padding:0;margin:0}
mark{background:none;font-weight:bold}
h1,h2,h3,h4,h5,h6,p,ul{margin:0;padding: 0 0 1.5rem 0}
*{padding: 0;margin: 0}
a{color:var(--BLUE_HI1);text-decoration:none;cursor: pointer}
a:hover{color:var(--BLUE_HI2)}
button{outline: none;font-family: inherit}
.page_content{font: 1.125rem/2rem var(--FONT1);letter-spacing: .0125rem;margin-bottom: 1rem;width:100%}
.page_content ol,.page_content ul{padding: 0;margin: 1rem 0 1.5rem}
.page_content li{font: inherit;margin: 0 0 1rem 3rem;padding: 0;list-style: none}
@media print{.page_content li{margin-left:50px}
}
.page_content ul li:before{position: static;border: 2px solid #C03;content: '';width: 8px;height: 8px;display: block;border-radius: 10px;float: left;margin: 11px 0 0 -26px}
.page_content ol{counter-reset: ol-counter}
.page_content ol li:before{position: static;counter-increment: ol-counter;content: counter(ol-counter);background: #FC0;font: bold 0.875rem var(--FONT2);padding: 0;width: 30px;height: 30px;text-align: center;line-height: 30px;border-radius: 40px;color: #333;box-shadow: 0px 0px 2px 2px #FA0 inset;float: left;margin: 2px 0 0 -40px}
h1,h2,h3,h4,h5,.about b,h6[rel=h6_3]{font: 700 1.5rem/160% var(--FONT1)}
h1{font-size: 2.5rem;line-height: 3.5rem;letter-spacing: -0.05rem}
h2{font-size: 2.125rem;line-height: 2.5rem}
h3{font: 700 1.625rem/2rem var(--FONT1);letter-spacing: .0125rem}
h4,h5{font-size: 1.25rem;letter-spacing: 0.0125rem;line-height: 2rem}
h5::first-letter{background: rgba(50,154,152,0.2);padding: 3px 12px;margin: -10px;border-radius: 20px}
h6{font: 16px/160% var(--FONT1);letter-spacing: .01em}
h6[rel=h6_1]{border-left: 4px solid #333;margin: 0 0 2rem -1rem;padding: 1rem 0 1rem 1rem;font: 500 1.125rem/2rem var(--FONT1)}
h6[rel=h6_2]{padding-bottom: 0.5rem;padding-top: 0.5rem;font-size: 0.875rem;color: var(--TXT_LO2);line-height: 1.5rem}
h6[rel=h6_3]{padding-bottom: 0.5rem;padding-top: 0.5rem;text-align: center;padding: 0 24px 20px;font-weight: 600;margin: 0;color: #333;font: 600 1.25rem/2rem var(--FONT1)}
h6[rel=h6_3]:before,h6[rel=h6_3]:after{content: '';display: block;border-top: 2px solid #c03;margin: 10px auto;max-width: 420px}
h6[rel=h6_3]:before{margin-top: 20px}
h6[rel=h6_3]:after{margin-bottom: 20px}
.page_content h2{padding-bottom: 1.25rem;padding-top: 2.5rem}
.page_content h3{padding-bottom: 1rem;padding-top: 2rem}
.page_content h4,.page_content h5{padding-top: 2rem;padding-bottom: 1rem}
.page_content pre{color:#333;margin:0 0 30px 0;font: 1rem/1.5rem Consolas,'Fira Mono',Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,sans-serif;background:#EDF2F7;padding:15px;border-radius:4px}
blockquote{color: var(--TXT_LO1);margin: 1rem 0 2rem 5rem;min-height: 4rem;font: italic 1.375rem/2rem Cambria,Georgia,"Times New Roman",Times,serif}
blockquote:before{content: '\201d';font: italic 9rem/9rem Georgia,Serif;color: #C03;float: left;margin: -8px 0 0 -90px;height: 40px;width: 80px}
address{padding-top: 0.5rem;padding-bottom: 0.5rem;padding-right: 0.5rem;padding-left: 1.5rem;color: #333;margin: 0 0 30px 40px;font: italic 1.125rem/2rem Georgia,Serif;background: rgba(220,212,253,0.5);border-radius: 0 8px 8px 0;border-left: 4px solid rgba(220,212,253)}
hr{width: 128px;height: 4px;border: none;background: #000;opacity: 0.1;border-radius: 2px;margin: 40px auto}
input,textarea,option,select{font:13px/20px var(--FONT1);color:#000}
input:focus,textarea:focus{outline:none}
input,textarea{padding:2px 5px;border:1px solid #ccc;border-radius:2px}
input::-moz-selection,textarea::-moz-selection{background:#DAECF8}
input::selection,textarea::selection{background:#DAECF8}
input.wide{width:100%;box-sizing:border-box}
input[type=button],input[type=text],input[type=submit],input[type=email],input[type=password],textarea{-webkit-appearance: none;outline:none}
input:focus,a:focus,textarea:focus{outline: none}
input::-webkit-input-placeholder{line-height: normal !important}
input::placeholder{line-height: normal !important}
.wrap{margin:0 auto;max-width: 1280px;position:relative}
body.news .wrap{max-width: 1600px}
span.clear,div.clear{clear:both;display:block}
.search_loading .midico_search{background:url(/img/pro_iconset_sm.svg) -100px -75px;transition:transform 4s ease;-webkit-transition:-webkit-transform 4s ease;opacity:0.5;-moz-transform: rotate(720deg);-ms-transform: rotate(720deg);-webkit-transform: rotate(720deg);-o-transform: rotate(720deg);transform: rotate(720deg)}
.search_loading .midico_search:hover{background:url(/img/pro_iconset_sm.svg) -100px -75px}
.midico_search_rem{background:url(/img/pro_iconset_sm.svg) -100px -100px;display:none}
.search_del .midico_search_rem{display:block}
.search_del .midico_search{display:none}
.midico_search_rem:hover{background:url(/img/pro_iconset_sm.svg) -125px -100px}
.button_home .ico{background:url(/img/pro_iconset_sm.svg) -50px -50px}
.button_login .ico{background:url(/img/pro_iconset_sm.svg) -50px -75px;opacity:0.5}
.button_forgot .ico{background:url(/img/pro_iconset_sm.svg) -25px -25px;float:right;margin:0 0 0 5px !Important}
.midico_close{background:url(/img/pro_iconset.svg) 0 -480px;background-size:240px 520px}
.button{float:left;font:16px/27px var(--FONT1);padding:7px 20px 5px 15px;border-radius:5px;margin:0 5px 0 0;position:relative}
.button .ico{width:25px;height: 25px;margin:0 5px 0 0}
.button_home,.button_home:hover{background:#7B0;border-bottom:2px solid #693;color:#fff}
.button_forgot,.button_forgot:hover{background:#7B0;border-bottom:2px solid #693;color:#fff;padding:7px 15px 5px 20px}
.button:hover{border-bottom-width:1px;margin-top:1px}
.button_login{background:#7B0;border:2px solid #fff;color:#fff;min-width:100px;text-align:center}
.button_login:hover{margin-top:0;border-bottom-width:2px;background:#6A0;color:#fff}
.left_ani1{transition:left 0.7s ease;-webkit-transition:left 0.7s ease}
.left_ani2{transition:left 0.7s 0.1s ease;-webkit-transition:left 0.7s 0.1s ease}
#empty_page{position:relative;display:none;padding:50px 0 100px 0;text-align:center;font:16px/25px var(--FONT1);color:#777;text-shadow: 1px 1px 0 #fff}
#empty_page a{color:#333;text-decoration:none;border-bottom:1px dashed #333}
#empty_page .msg_ico{background-position:-200px 0;position:relative;top:0;left:0;display:block;margin:30px auto}
label.act{background:#ffc}
.msg_ico{position:absolute;width:40px;height:40px;left:6px;top:6px;background:url(/img/notifier_iconset.svg) no-repeat}
.content-partner{transition:background 0.8s ease;-webkit-transition:background 0.8s ease}
.scr22 .content-partner{background:#f4f4f4}
#plan_drop a .midico_mega{width:25px;height:25px;margin:3px 8px 0 0;opacity:0}
#plan_drop a:hover .midico_mega{opacity:1}
body.agree{padding:20px 30px;background:#fff}
body.agree h1{font:300 36px/45px var(--FONT2)}
body.agree h2{font:28px/32px var(--FONT2)}
body.agree h3{font:21px/28px var(--FONT2)}
.only_mobile,.only_mobile2{display:none}
span.pointer{cursor:pointer}
.help{color:#c6c;font:italic 13px/20px Georgia;position:relative;cursor:help;overflow:hidden}
.help:hover,.help:focus{overflow:visible}
.help:focus{outline:none;color:#07d}
.help__text{opacity:0;content:'';width:0;height:0;transition:opacity 0.3s ease 0.1s;-webkit-transition:opacity 0.3s ease 0.1s;background:#000;background:rgba(0,0,0,0.7);color:#fff;font:13px/18px var(--FONT1);top:100%;margin:5px 0 0;left:0;position:absolute;z-index:1030;border-radius:4px;text-align:left;text-shadow:none;overflow:hidden;white-space:normal}
.help:focus .help__text{opacity:1}
#header span.gray{color:#999;font-size:80%;font-weight: normal}
.header_print{display: none}
.bounce{position:fixed;background:#fff;z-index:1030}
.bounce1{left:-200px;right:-200px;top:-200px;height:200px;background:#333}
.bounce2{left:-200px;right:-200px;bottom:-200px;height:200px}
.bounce3{top:-200px;bottom:-200px;right:-200px;width:200px}
.bounce4{top:-200px;bottom:-200px;left:-200px;width:200px}
body.reg #header .langSwitcher{position: absolute;right: 24px;top: 0;background-color: var(--BLUE_OPAC1)}
body.reg #header .langSwitcher{background-color:var(--BLUE_OPAC2)}
.langSwitcher__icon{width: 30px;height: 30px;margin:-5px 5px;display: inline-block}
.langSwitcher__select{-webkit-appearance: none;-moz-appearance: none;appearance: none;z-index: 2;background: none;padding-right: 18px;position: absolute;width: 80%;padding: 9px;left: 10%;top: 0;box-sizing: border-box;opacity: 0;cursor: pointer;border: none}
.langSwitcher__option{padding: 5px}
.langSwitcher__arrow{width: 12px;height: 12px;display: inline-block;margin: 4px 0 0 4px;z-index: 1}
.bigico_svg{float:left;width:70px;height:70px;margin:0 10px 0 0}
.bigico_svg svg{width:48px;height:48px;fill:#7b0;transition: .3s;-webkit-transition: .3s ease;margin:11px}
.bigico_svg:hover svg{fill: #333}
.svg_template{width:0;height:0;overflow:hidden}
button{margin: 0;border:0;background: none;cursor: pointer}
button.scrolltop-icon{display: block;fill: var(--GROUP_COLOR4);right:-1rem}
.text button.scrolltop-icon{transition: 0.25s;visibility: hidden}
.text:hover button.scrolltop-icon{visibility: visible}
button.scrolltop-icon svg{transform:rotate(90deg)}
button.scrolltop-icon:hover:before,button.scrolltop-icon:focus:before{background-color: var(--GROUP_COLOR4_OPAC)}
button.scrolltop-icon:hover svg,button.scrolltop-icon:focus svg{fill: var(--GROUP_COLOR4)}
button.share-icon{width: auto;height: auto;margin: 0;float: none;right:-1rem}
.text_ button.print-icon{right: -1rem}
button.close24_icon svg{fill: white;width: 1rem;height: 1rem}
button.close24_icon{opacity:0;background-color: rgba(229,45,39);border-radius: 50%;line-height: 0;padding: .25rem;transition: background-color 0.1s,opacity 0.1s ease;margin-left: .25rem}
button.close24_icon:active,button.close24_icon:focus{background-color: rgba(229,45,39,0.5)}
.radius-zoom48{display: block;position: relative;padding: .25rem}
.radius-zoom48 svg{position:relative;width:2.5rem;height:2.5rem;float:left}
.radius-zoom48:before{content: '';position: absolute;left: 50%;top: 50%;width: 0;height: 0;transition: 0.3s;border-radius: 50%}
.radius-zoom48:hover:before,.radius-zoom48:focus:before{opacity: 0.7;left:0;top:0;width:100%;height:100%;background: var(--CAT_OPAC1)}
.radius-zoom48:hover svg,.radius-zoom48:focus svg{fill: var(--icon_color,#0099ff)}
.radius-zoom48:active:before{opacity: 1}
button.reset{background-color: transparent;font-family: inherit;font-style: normal;font-weight: 600;font-size: 1rem;padding: 12px 24px;border: 2px solid var(--BLUE);border-radius: 30px;color: #333}
button.reset:hover,button.reset:focus{background-color:#fff;border-color:var(--BLUE)}
div::-webkit-scrollbar{width: 6px}
div::-webkit-scrollbar-track{background-color: transparent}
div::-webkit-scrollbar-track:hover{background-color:#F4F4F4}
div::-webkit-scrollbar-thumb:vertical{background-color:#F4F4F4}
div:hover::-webkit-scrollbar-thumb:vertical{background-color:#e5e5e5}
@media print{.wrap{width:auto !important;max-width:none !important}
}
#fc_frame{z-index:1010 !important;left:0 !important;bottom:0 !important;transition:none !important}
#fc_frame.expanded{z-index:1014 !important}
#fc_frame:not(.fc-open){left:-100px !important}
#fc_frame.h-open-notify{left:-400px !important}
#fc_override{position:fixed;left:10px;bottom:10px;width:50px;height:50px;z-index:1004}
#fc_override .fc_open{display:block;width:30px;height:30px;background:#fff url(/img/separators_iconset.svg) no-repeat -90px -240px;border-radius:20px;border:2px solid #fff;cursor:help;margin: 0 8px}
#fc_override .fc_open:hover{transform:rotate(360deg);transition:transform 0.6s ease;-webkit-transform:rotate(360deg);transition:-webkit-transform 0.6s ease}
#fc_override a.fc_close{opacity:0;display:block;text-align:center;font:11px/16px Arial;color:var(--TXT_LO3)}
#fc_override:hover a.fc_close{opacity:1;transition:0.3s}
#fc_override .fc_new{display:none;position:absolute;font: bold 11px/16px Arial;background:#e44;color:#fff;width:16px;height:16px;text-align:center;border-radius:10px;right: 0;top:-10px;border:2px solid #fff;animation-name: bounce;animation-timing-function: cubic-bezier(0.280,0.840,0.420,1);animation-duration: 1s;animation-iteration-count: infinite}
#fc_override .fc_new.fc_act{display:block}
@keyframes bounce{0%{transform: scale(1,1) translateY(0)}
10%{transform: scale(1.1,.9) translateY(0)}
30%{transform: scale(.9,1.1) translateY(-20px)}
50%{transform: scale(1.05,.95) translateY(0)}
57%{transform: scale(1,1) translateY(-5px)}
64%{transform: scale(1,1) translateY(0)}
100%{transform: scale(1,1) translateY(0)}
}
#step22{min-height:450px}
#step22 .wrap{padding:100px 10px 100px 10px;text-align:center;color:#000;font:italic 1rem var(--FONT2)}
#step22 h1{font: bold 2rem/1 var(--FONT1);padding:20px 0 8px 0}
#step22 p{margin:0 0 40px 0}
body.p404{background:#f4f4f4}
body.p404 #header{box-shadow: none}
body.p404 #step22:before{z-index: -1;content:'';width:100%;position:fixed;height: 202px;background: #fff;background-size: 100% auto;background-attachment: fixed;background: -moz-linear-gradient(top,#fff 0%,#F4F4F4 100%);background: -webkit-linear-gradient(top,#fff 0%,#F4F4F4 100%);background: linear-gradient(to bottom,#fff 0%,#F4F4F4 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff',endColorstr=' #F4F4F4',GradientType=0)}
body.p404 #footer_wrap{background-color: transparent}
.p404user{font: 7rem var(--FONT1)}
.p404user div{width: 11rem;height: 11rem;background-color: #ebebeb;border-radius: 50%;font: 5rem/1 var(--FONT1);display: inline-flex;align-items: center;justify-content: center;padding-bottom: 1.5rem;box-sizing: border-box}
.p404user div span{color: var(--MAGENTA)}
body.p404 .go_home{font: 1rem var(--FONT1);background-color: var(--BLUE);border: 1px solid var(--BLUE);color: #fff;border-radius: 30px;white-space: nowrap;display: inline-block;padding: 16px 25px;transition: 0.3s}
body.p404 .go_home:hover{background-color: var(--BLUE_HI2);border: 1px solid var(--BLUE_HI2)}
body.p404 .go_home:active{box-shadow:0 0 0 6px var(--BLUE_OPAC3);transition:none}
@media(max-width: 480px){#step22 .wrap{padding-top: 75px;padding-bottom: 75px}
#step22 h1{font: bold 1.6rem/1 var(--FONT1)}
.p404user div{width: 7.15rem;height: 7.15rem;font: 3.25rem/1 var(--FONT1)}
.p404user{font: 4.235rem var(--FONT1)}
}
blockquote.quote_face{max-width: 712px;max-width: min(712px,90vw);padding: 26px 26px 40px 112px;margin: 50px auto 0 auto;border-radius:16px var(--quote-radius,16px) 32px 32px;background: #F4F4F4;background: var(--quote-background,#F4F4F4);color:var(--TXT_LO1);position: relative;box-sizing: border-box}
blockquote.quote_face:before{content: '\201d';font: bold 16rem/16rem Arial,Serif;color: rgba(255,255,255,0.5);position: absolute;bottom:0;right:0;top:auto;width:auto;height:128px}
blockquote.quote_face p{font: italic 1.125rem/1.75rem var(--FONT2);padding: 0 0 1.6rem 0}
blockquote.quote_face footer{border-left:4px solid var(--MAGENTA);padding-left:16px;font: 1rem/1.25rem var(--FONT1);display: block !important}
blockquote.quote_face footer img{position:absolute;top: -24px;left: -24px;width:96px;height:96px;border: 0.25rem solid #fff;background-color: #fff;border-radius: 50%;box-shadow:0 12px 48px rgba(20,40,60,.15)}
blockquote.quote_face span{display: block}
blockquote.quote_face cite{display: block;font-style: normal}
blockquote.quote_face cite a{color: var(--TXT_LO1);font-weight:bold}
blockquote.quote_face:hover cite a{color:var(--BLUE_HI1)}
blockquote.quote_face cite a:hover,blockquote.quote_face cite a:focus{color:var(--BLUE_HI2);text-decoration:underline;text-decoration-style: dotted}
@media(max-width: 768px){blockquote.quote_face:before{margin: 0;font: bold 16rem/16rem Arial,Serif}
blockquote.quote_face footer img{top: 20px;left: 8px;width: 86px;height: 86px}
}
@media(max-width: 480px){blockquote.quote_face{border-radius:0}
blockquote.quote_face:before{right:auto;left:16px;bottom: -26px;font: bold 10rem/10rem Arial,Serif}
}
@media screen{.ani_blockquote.ani_bind{top:120px;opacity:0.5;transition:0.5s top,0.8s opacity;position:relative}
.ani_blockquote.ani_start{top: 0;opacity:1}
.ani_blockquote.ani_bind p,.ani_blockquote.ani_bind footer cite,.ani_blockquote.ani_bind footer span{transform: translateY(150px);opacity: 0;transition:0.8s transform,0.8s opacity}
.ani_blockquote.ani_start p,.ani_blockquote.ani_start footer cite,.ani_blockquote.ani_start footer span{transform: translateY(0);opacity: 1}
.ani_blockquote.ani_bind footer img{transform: scale(0);transition:0.8s transform}
.ani_blockquote.ani_start footer img{transform: scale(1)}
.ani_blockquote.ani_start:before{animation-name: shake;animation-fill-mode:forwards;animation-duration: 0.8s}
}
@keyframes shake{from,to{transform: translate3d(0,0,0)}
10%,50%,90%{transform: translate3d(-5px,0,0)}
30%,70%{transform: translate3d(5px,0,0)}
}
.quote_slider{overflow: hidden;user-select: none;margin-bottom: 3rem}
.quote_slider.half_margin{margin-top: 20px}
.quote_slider_list{display: flex;flex-wrap: nowrap;align-items: flex-start;justify-content:center;position:relative;cursor: grab;transition: left 0.7s ease-out}
.animateNone{transition:none}
.quote_slider_list blockquote{flex-shrink: 0;margin-left:40px;margin-right:40px;border-radius:16px var(--quote-radius,16px) 32px 32px}
.quote_slider_list blockquote img{pointer-events: none}
#step17{padding:50px 30px 50px 30px;position:relative}
#step17 .item{float:left;background:#fff;width:160px;height:80px;margin:10px 5px;text-align:center;border-radius:10px;overflow:hidden;overflow:hidden}
#step17 .video{float:right;background:#fff;width:330px;height:180px;padding:0;margin:10px 5px 11px;text-align:center;border-radius:10px;overflow:hidden;overflow:hidden}
#step17 .item span{display:block;overflow:hidden;width:160px;height:80px}
#step17 .item_hid{display:none}
#step17 .item span{transition:all 0.1s ease;-webkit-transition:all 0.1s ease}
#step17 .item span.ani{margin:80px 0 0 0}
#step17 .item_do{opacity:0.5}
#step17 .item_swap span{margin:80px 0 0 0}
#step17 .item_swap2 span{margin:80px 0 0 0}
#step17 .item img{opacity:1;transition:opacity 0.3s ease;-webkit-transition:opacity 0.3s ease}
#step17 a.a_faq{border:2px solid #fff;display:block;width:250px;color:#777;text-decoration:none;font:italic 14px/34px var(--FONT1);padding:0 15px;border-radius:5px;margin:15px auto 0 auto}
#step17 a.a_faq:hover{background:#fff;color:#56AADD}
#step17 a.a_faq .midico_l{margin:-3px 5px -3px -5px;opacity:0.5}
#step17 a.a_faq:hover .midico_l{opacity:1;transition:opacity 0.8s ease;-webkit-transition:opacity 0.8s ease}
body.home #step17{height:450px;padding:110px 30px;overflow:hidden}
#step17 .l{float:left;width:280px;position:relative}
#step17 .r{float:right;width:850px}
body.home #step17 a.a_faq{margin:15px 0 0 5px;width:auto;float:left}
#step17 #plan_name .name{font:300 21px/50px var(--FONT2);text-align:center}
#step17 #plan_drop{height:auto;background:#E7DED7;position:static;margin:0 25px;width:auto;padding:27px 0 28px 0;border-radius:0 0 10px 10px}
#step17 #plan_drop a{background:#E7DED7;border:none;border-left:2px solid #E7DED7;text-align:left;font:300 16px/32px var(--FONT2);color:#333;padding:0 0 0 20px}
#step17 #plan_drop a:hover{background:#fff;border-left:2px solid #FF5851}
@media(max-width: 1280px){#step17 .l{display:none}
#step17 .r{float:none;margin:0 auto}
#step17 .item1{width:150px;margin:7px 3px}
#step17 a.a_faq{margin:15px 0 0 5px}
}
@media(max-width: 768px){#step17{padding:30px 0}
#step17 .wrap{width:312px}
#step17 h2{font:300 20px/30px var(--FONT2);margin-left:15px}
#step17 .item{margin:0;width:100px;margin:1px 2px;height:60px;border-radius:2px}
#step17 .item span{width:100px;margin:-10px 0 0 0}
#step17 .r{width:auto}
#step17 .video{margin:0 -10px 10px}
body.home #step17{padding:30px 0;height:600px}
#step17 .item:nth-child(17){display:none}
}
body.code{background: #EDF2F7}
.hljs{display: block;overflow-x: auto;padding: 0.5em;color: #333;background: #EDF2F7}
.hljs-comment,.hljs-quote{color: #998;font-style: italic}
.hljs-keyword,.hljs-selector-tag,.hljs-subst{color: #333;font-weight: bold}
.hljs-number,.hljs-literal,.hljs-variable,.hljs-template-variable,.hljs-tag .hljs-attr{color: #008080}
.hljs-string,.hljs-doctag{color: #d14}
.hljs-title,.hljs-section,.hljs-selector-id{color: #900;font-weight: bold}
.hljs-subst{font-weight: normal}
.hljs-type,.hljs-class .hljs-title{color: #458;font-weight: bold}
.hljs-tag,.hljs-name,.hljs-attribute{color: #000080;font-weight: normal}
.hljs-regexp,.hljs-link{color: #009926}
.hljs-symbol,.hljs-bullet{color: #990073}
.hljs-built_in,.hljs-builtin-name{color: #0086b3}
.hljs-meta{color: #999;font-weight: bold}
.hljs-deletion{background: #fdd}
.hljs-addition{background: #dfd}
.hljs-emphasis{font-style: italic}
.hljs-strong{font-weight: bold}
@media screen{.ani_bind.ani_effect1{position:relative;top: 0;transition:0.5s top}
.ani_work.ani_effect1{top:120px}
#blocks .columns .ani_bind.ani_effect1 h2:before{transform: translateY(0) scale(1);transition:0.8s transform}
#blocks .columns .ani_work.ani_effect1 h2:before{transform: translateY(50px) scale(0)}
.ani_bind.ani_effect2{opacity: 1;transition: 0.5s opacity}
.ani_work.ani_effect2{opacity:0}
.ani_bind.ani_effect3{filter: grayscale(0%);transition:1s}
.ani_work.ani_effect3{filter: grayscale(100%)}
.ani_bind.ani_effect4{transform: scale(1,1);transition:0.5s transform 0.1s}
.ani_work.ani_effect4{transform: scale(0,1)}
}
body.scr13{background:#f1f1f1;height:101%}
#step13 .head{background:linear-gradient(90deg,#66cc66,#06d0c5);padding: 20px 40px 30px 40px;background-size: 100% auto;overflow:hidden}
#step13 ul.search_auto{font:14px/20px var(--FONT2);color:#fff;margin:0 0 5px 0;padding:0 20px;box-sizing: border-box;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
#step13 ul.search_auto li{display: inline-block}
#step13 .search_auto li:first-child a{margin-left:0}
#step13 .search_auto a{color:#fff;margin:0 9px}
#step13 .search_auto a:hover,#step13 .search_auto a:focus{color:#FFFF66}
#step13 .search .midico_r{margin:0;width:25px;height:25px;float:none}
#step13 .search svg{width:38px;height:38px}
#step13 #faq_search h2{font: 300 3rem/1 var(--FONT1);margin-bottom:1rem}
#step13 #faq_data button.close24_icon.show_icon{transition: background-color 0.5s,opacity 0.5s ease 0.5s;opacity:1}
#step13 aside.faq_type2 button.close24_icon{transition: background-color 0.5s,opacity 0.5s ease 0.5s;opacity:1}
#step13 aside:not(.faq_type2) button.close24_icon{opacity:0;transition: opacity 0.01s ease 0.01s}
#step13 .search .close_icon{cursor: pointer;background-color: rgba(0,0,0,0.25);border-radius: 50%;border: 0;line-height: 0;padding:4px;transition: background-color 0.5s}
#step13 .search .close_icon:active,#step13 .search .close_icon:focus{background-color: rgba(0,0,0)}
#step13 .search .close_icon svg{fill: white;width: 22px;height: 22px}
#step13 .search .reload_icon{opacity:0.5}
#step13 .search .icons,#step13 .search.search_loading .search_icon,#step13 .search.search_del .search_icon{position: absolute;visibility:hidden}
#step13 .search .search_icon,#step13 .search.search_loading .reload_icon,#step13 .search.search_del .close_icon{position: relative;visibility:visible}
#step13 .search.search_loading .reload_icon{transition: 4s ease;transform: rotate(720deg)}
#step13 .search{width: calc(100% - 40px);transition: width 0.5s ease-out}
#step13 .search:focus-within,#step13 .search.search_del,#step13 .search.search_loading{width: 100%}
#step13 .search form{box-shadow: 0 8px 24px rgba(20,40,60,.30);border:1px solid #fff;border-radius:32px;background:#fff;padding:0 8px 0 24px;box-sizing: border-box;width:100%;height:48px;display: flex;align-items:center;justify-content:space-around}
#step13 .search input{width:100%;font:600 1.5rem/1 var(--FONT1) !important;padding:0;border:none;background:transparent}
#step13 .search input::placeholder{font: italic 1.5rem/1 var(--FONT3);color: var(--TXT_LO3)}
input[name=search]::placeholder{opacity:1;transition:opacity .5s}
input[name=search]:focus::placeholder{opacity:0}
#step13 .data{background:#f1f1f1}
#step13 .data{margin: 0 40px;padding: 40px 0 140px 0}
#step13 .head .wrap{max-width: calc(1050px + 5rem);padding-left: 350px;box-sizing: border-box}
#step13 .data .wrap{display: flex;justify-content: center}
#step13 #blog_right{position: -webkit-sticky;position: sticky;align-self: flex-start;width: 350px;margin: 0 20px 0 0;top: 110px;overflow-x: hidden}
#step13 #blog_right.blog_right_rel{position: relative;top:0}
#step13 #blog{flex: 1}
#step13 #blog_right nav{display: flex;flex-wrap: nowrap}
#step13 #blog_right nav > *{width: 100%;flex-shrink: 0}
#step13 #blog_right nav{position: relative;left:0;transition:left 0.5s ease}
#step13 #blog_right.faq_type2 nav{left:-100%}
#step13 #blog_right.faq_type2 #faq_type1{height: 0;overflow: hidden}
#step13 #blog{max-width: calc(680px + 5rem)}
#step13 h2{font:300 22px/40px var(--FONT1);text-shadow:1px 1px #fff;padding:0 0 16px 0}
#step13 aside h2{font:700 1.375rem/52px var(--FONT1);text-shadow:1px 1px #fff;padding:0;display: inline-block}
#step13 main h2.h2_title{font:700 2.5rem var(--FONT1);text-shadow:1px 1px #fff;padding:0 0 16px 0}
#step13 article{flex:1;padding: 0 0 96px 0}
#step13 article:last-child{padding: 0}
#step13 article h3{font: 600 2rem var(--FONT1);padding:15px 0 20px 0}
#step13 article pre{color:#333;margin:0 0 30px 0;font:13px/20px Consolas,'Fira Mono',Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,sans-serif;background:#EDF2F7;padding:15px;border-radius:4px}
body.partner #step13 #faq_more{margin-top:-70px}
#step13 .link{background:#E5E5E5;font:12px/20px Courier;padding:5px 20px;border-radius:0 0 20px 20px;color:#999}
#step13 .link font{opacity:0;transition:opacity 0.5s ease;-webkit-transition:opacity 0.5s ease}
#step13 .link:hover font{opacity:1}
#step13 #blog .text{background:#fff;position:relative;border-radius: 0 2rem 2rem 2rem;padding: 1rem 2rem 1rem 3rem;box-shadow: rgba(20,30,40,0.10) 0px 16px 64px;display: flex;flex-direction:column;align-items:flex-end}
#step13 .page_content img{max-width:100%;height:auto}
#step13 .text .corner{position:absolute;top:-20px;right:0;float:left;border:10px solid #fff;border-color: transparent #fff #fff transparent}
#step13 #faq_more{position:absolute;right:30px;top:0;width:70px;overflow:hidden;height:70px;opacity:0;transition:opacity 0.5s ease;-webkit-transition:opacity 0.5s ease}
#step13 #faq_type2 ul{display:none;margin:0 0 20px 0}
#step13 nav ul{margin: 0;padding: 0;list-style: none}
#step13 aside nav li{border-left:3px solid #E6E6E6;position:relative;overflow:hidden;margin:0 0 2px 0}
#step13 aside nav li:hover,#step13 aside nav li:focus-within{border-left:3px solid #333;background:#f7f7f7}
#step13 aside nav li a,#step13 aside nav li button{font:16px/20px var(--FONT1);transition:left 0.5s ease-out;display:block;position:relative;color:#333;text-shadow:1px 1px #fff;padding:15px 30px 15px 15px;box-sizing: border-box;left:0;height:100%;width: 100%;text-align: left}
#step13 aside nav li:hover a,#step13 aside nav li:hover button,#step13 aside nav li:focus-within a,#step13 aside nav li:focus-within button{transition:left 0.25s ease-in;left:8px;color:#222}
#step13 aside nav li.item_act{border-left:3px solid var(--GROUP_COLOR4);background: #fff}
#step13 li .arrow-icon{visibility:hidden;width:24px;height:24px;position:absolute;right:15px;top:14px;fill: var(--GROUP_COLOR4)}
#step13 li:hover .arrow-icon,#step13 li:focus-within .arrow-icon{visibility:visible}
#step13 nav li .arrow-icon{transform:rotate(180deg)}
#step13 ul#questions li .arrow-icon{transform:rotate(-90deg);top:6px;right:28px}
span.ico_link{background:url(/img/iconset.svg) no-repeat -40px -660px}
#step13 ul#questions{margin:0 0 30px 0}
#step13 ul#questions li{list-style:none;padding:0;margin:0 0 2px 0}
#step13 ul#questions li b{color:#000}
#step13 ul#questions li a{display:block;padding:5px 50px 5px 23px;border-left:3px solid #E6E6E6;position:relative;overflow:hidden;margin: 0;color: var(--BLUE_HI2);font: 400 1rem/1.5rem var(--FONT1);box-sizing: border-box}
#step13 ul#questions li a:hover,#step13 ul#questions li a:focus{color:#222;background:#fff;border-left:3px solid #D04}
#step13 #help{display: flex;justify-content: center;width:100%}
#step13 #help > div{margin:90px auto 15px auto;font:italic 16px/2 var(--FONT2);min-width:400px}
#step13 #help a{text-decoration:none;border-bottom:1px dashed #06c;transition: border-bottom 0.5s ease-out}
#step13 #help a:hover,#step13 #help a:focus{border-bottom:1px dashed transparent}
#step13 #help b{font:300 24px var(--FONT2);display:block;color:#777}
#step13 div.item2{flex:1;margin:100px 30px 0 0;display: flex;flex-direction: column;align-items:center}
#step13 #fd2{margin-right:0}
#step13 div.item2 .files{opacity:0;float:right;margin:-28px 0 -15px 0px;transition:opacity 0.5s ease;-webkit-transition:opacity 0.5s ease}
#step13 div.item2 .in{padding:5rem 0 1.25rem 2rem;background:#fff;min-height:268px;border-radius: 1.25rem;box-shadow: rgba(20,30,40,0.10) 0px 1rem 4rem;position: relative;z-index: 0;box-sizing: border-box;width: 100%;margin-top: -5rem}
#step13 div.item2 .in > div{padding-left: 1.4rem;line-height:30px}
#step13 div.item2 ul.bulls{list-style: none;display: inline-flex;flex-direction: column;align-items:flex-start}
#step13 div.item2 ul.bulls li a{margin:0;padding: 0 2rem 0 1.4rem;border-radius: 1.25rem;line-height:2.5rem;width:auto;display: inline-block;transition:background-color 0.5s ease-out}
#step13 div.item2 ul.bulls li a span{border-bottom: 1px dashed #5ad;transition:border-bottom 0.5s ease-out}
#step13 div.item2 ul.bulls li a::before{content: "";background-color: #ee3333;border-radius: 50%;content: "";display: inline-block;margin-right: 1rem;margin-bottom: 1px;height: 8px;width: 8px}
#step13 div.item2 ul.bulls li a:hover,#step13 div.item2 ul.bulls li a:focus{background-color: rgba(102,204,255,0.2);transition:background-color 0.3s ease-in,box-shadow 0.3s;box-shadow:0 0 0 12px transparent}
#step13 div.item2 ul.bulls li a:active{box-shadow:0 0 0 6px rgba(102,204,255,0.1);background-color: rgba(102,204,255,0.2)}
#step13 div.item2 ul.bulls li a:hover span,#step13 div.item2 ul.bulls li a:focus span,#step13 div.item2 ul.bulls li a:active span{border-bottom: 1px dashed transparent;transition:border-bottom 0.3s ease-in}
#step13 div.item2 h2{padding:1rem 0 0.6rem 0;transition:padding 0.6s ease-out;font:300 24px/30px var(--FONT2)}
#step13 div.item2:hover h2{padding-left: 1.4rem}
#step13 div.item2 a.m{font:italic 18px var(--FONT3)}
#step13 div.item2 span.m{font:italic 18px var(--FONT3);color:#222}
#step13 div.item2 span.soon{font:italic 21px var(--FONT3);color:#ccc}
#step13 #fd2 a.m{color:#E52D27;display: inline-block;padding: 0 1.4rem 0 1.4rem;margin-left: -1.4rem;border-radius: 1.25rem;line-height:2.5rem;transition:background-color 0.5s ease-out}
#step13 #fd2 a.m span{border-bottom: 1px dashed #E52D27;transition:border-bottom 0.5s ease-out}
#step13 #fd2 a.m:hover,#step13 #fd2 a.m:focus{background-color: rgba(238,51,51,0.2);transition:background-color 0.3s ease-in,box-shadow 0.3s;box-shadow:0 0 0 12px transparent}
#step13 #fd2 a.m:active{box-shadow:0 0 0 6px rgba(238,51,51,0.1);background-color: rgba(238,51,51,0.2)}
#step13 #fd2 a.m:hover span,#step13 #fd2 a.m:focus span,#step13 #fd2 a.m:active span{border-bottom: 1px dashed transparent;transition:border-bottom 0.3s ease-in}
#step13 .item2 .ico_place{width:150px;height:150px;margin-top:-80px;z-index: 1;display: flex;align-items:center;justify-content: center;position:relative}
#step13 #fd1 .ico_place div{position:absolute;left:0;top:0;width:150px;height:150px;background:#66ccff;border-radius: 50% 50% 50% 50% / 36% 36% 64% 64%}
#step13 #fd2 .ico_place div{position:absolute;left:0;top:0;width:150px;height:150px;background:#E33;border-radius:5rem}
.guide-home-icon{position:relative;z-index:2;fill: #fff;width: 88px;height: 88px}
.guide-help-icon{float: left;width: 70px;height: 70px;fill: #cc9900;margin: 0 10px 0 0}
#step13 a.dload{background:#222;display:inline-block;padding:2px 10px 2px 4px;border-radius:2px;color:#fff;font:12px/20px var(--FONT1);box-shadow:0 10px 10px rgba(255,255,255,0.1) inset}
#step13 a.dload_act{background:#E5E5E5;box-shadow:0 -10px 10px rgba(255,255,255,0.3) inset;color:#fff}
#step13 a.back{opacity:0;float:left;background:#333;color:#fff;font:italic 12px/30px var(--FONT3);padding:0 10px 0 5px;margin:0 0 0 22px;box-shadow:1px 1px rgba(255,255,255,0.5);transition:opacity 0.1s ease;-webkit-transition:opacity 0.1s ease}
#step13 a.back .corner{float:left;border:15px solid #333;margin:0 0 0 -29px;border-color:transparent #333 transparent transparent;border-width:15px 12px}
#step13 .faq_type2 a.back{opacity:1;transition:opacity 0.5s ease 0.5s;-webkit-transition:opacity 0.5s ease 0.5s}
#step13 .more_article_links{width:100%;box-sizing: border-box;display: flex;align-items: center;padding-top: 3rem;justify-content: space-between;position: relative}
#step13 .more_article_links:after{content: '';position: absolute;left: -3rem;right: -2rem;top: 0;height:2rem;background: linear-gradient(#fff,#f4f4f4)}
#step13 .more_link{font: italic normal 0.875rem var(--FONT2);margin-left: -1rem}
#step13 .more_link a{display: inline-block;background-color: var(--GROUP_COLOR4_OPAC);color: rgba(0, 0, 0, 0.7);padding: 8px 12px;border-radius: 60px;box-shadow: 1px 1px rgba(255,255,255,0.5);margin:0.12rem 0}
#step13 .more_link a:hover,#step13 .more_link a:focus{color: var(--GROUP_COLOR4)}
#step13 .more_link a:first-child{margin-left:4px}
#step13 #faq_data,#step13 #faq_search{display:none}
#step13 #faq_home{display: flex;justify-content: center;flex-wrap: wrap}
#step13 #faq_search #help > div{margin:0;padding:0}
#step13 #faq_search #help b{color:#000}
a.ico_edit{background:url(/img/iconset.svg) no-repeat 0 -480px}
a.ico_edit:hover{background:url(/img/iconset.svg) no-repeat -20px -480px}
#step13 .link .r{float:right}
#step13 .link .r .but{background:#999;border:none;color:#fff;border-radius:3px;height:20px}
#step13 .link .r .input{height:18px;padding:0px 5px;margin:0 3px 0 0;width:180px;font-size:12px}
#step13.slack_faq .data{background:none}
#step13.slack_faq .text{border-radius:0 0 20px 20px}
.scr13 .share_menu{display: flex;flex-direction: column;align-items:center;color: #333}
.scr13 #footer_wrap{background-color: transparent}
#step13 .page_content canvas,#step13 .page_content img[data-uri]{box-shadow:0 0 0 1px #E5E5E5}
@media(max-width: 1280px){#step13 #blog_right{width: 340px}
#step13 .head .wrap{padding-left: 340px}
#step13 .head{padding: 20px 20px 30px 20px}
#step13 .data{padding: 40px 0 60px 0;margin: 0 20px}
.text button.scrolltop-icon{visibility: visible}
}
@media(max-width: 1280px){#step13 #blog_right{width: 280px}
#step13 .head .wrap{padding-left: 280px}
#step13 #blog{max-width: none}
}
@media(max-width: 992px){#step13 #blog_right{width: 220px}
#step13 .head .wrap{padding-left: 220px}
#step13 div.item2{margin-top: 75px}
#step13 div.item2 .in{padding-left: 1rem}
}
@media(max-width: 992px){#step13 #faq_home ul.bulls{margin: 0 auto}
#step13 div.item2:hover h2{padding-left: 0}
#step13 .head .wrap{max-width: none;padding-left: 0}
#step13 #faq_home{flex-direction: column}
#step13 #help > div{margin:60px 0}
#step13 #faq_home .item2{margin-right: 0}
#step13 #fd2{margin-top: 100px}
#step13 #faq_home .in{text-align: center}
}
@media screen and (max-width: 768px){#step13 .page_content img{margin:0;max-width: 100%}
}
@media screen and (max-width: 768px){#faq_data article{display: none}
#step13 div.item2{margin-top: 100px}
#step13 #help > div{margin:100px 0 0 0}
#step13 nav li{background:#fff}
#step13 .data{overflow: hidden}
#step13 .data .wrap{position: relative;left: 0;transition:left 0.5s ease;flex-wrap: nowrap;justify-content:flex-start;box-sizing: border-box}
#step13 .data.show_main .wrap{left: -100%;width:100%}
#step13 aside#blog_right{position: static;flex-shrink: 0;width:100%;margin:0}
#step13 main#blog{position: static;width:100%;flex-shrink: 0;flex: none}
#step13 main#blog .text{box-shadow: none}
#step13 #faq_search h2{font: 300 2.6rem/1 var(--FONT1);margin-bottom: 1rem}
#step13 main h2.h2_title{font: 700 1.8rem var(--FONT1)}
#step13 article h3{font: 600 1.6rem var(--FONT1)}
#step13 .show_main #faq_search h2{margin-left: 1.25rem}
#step13 .show_main main h2.h2_title{margin-left: 1.25rem}
#step13 .show_main article h3.list_head{margin-left: 1.25rem}
#step13 .show_main ul#questions li a{padding-left: 1.25rem}
#step13 #blog .text{padding-left: 1.25rem;padding-right: 1.25rem}
button.scrolltop-icon,button.share-icon{right: -4px}
#step13 #faq_data button.close24_icon{transition: background-color 0.5s,opacity 0.5s ease 0.5s;opacity: 1}
#step13 .data:not(.show_main) .wrap{flex-direction:column}
#step13 .more_link a{padding: 4px 8px}
#step13 .more_link a:first-child{margin-left:0}
#step13 article{padding: 0 0 48px 0}
#step13 div.item2 .in{box-shadow: none}
#step13 .data.show_main{margin:0}
#step13 .more_link{margin-left: 0}
}
@media screen and (max-width: 400px){#step13 #help > div{min-width: 320px}
#step13 #help b{font: 300 20px var(--FONT2)}
#step13 #faq_search h2{font: 300 1.5rem/1 var(--FONT1);margin-bottom: 1rem}
}
@media(min-width: 768px){#step13 div.item2 .in{opacity:0;transition: opacity 0.5s ease}
#step13 .item2 .ico_place{opacity: 0;transform: scale(0.2,0.2);transition: all 0.5s ease}
.loaded #step13 div.item2 .in{opacity: 1;transition: opacity 0.5s 1s ease,border-bottom-color 0.5s ease}
#step13 #fd1 .ico_place{left: 110%;position: absolute}
#step13 #fd2 .ico_place{left: -110%;position: absolute}
.loaded #step13 .item2 .ico_place{transform: scale(1,1);opacity: 1;left: 0 !important;transition: all 1s ease;position: relative !important}
.loaded #step13 .item2 .ico_place div{transition: all 1s ease}
.loaded #step13 .item2:hover .ico_place div{transform: scale(1.15,1.15)}
.loaded #step13 .item2 .ico_place ~ div{transition: all 1s ease}
.loaded #step13 .item2:hover .ico_place ~ div{min-height: 272px;margin-top:-5.25rem;padding-top:5.25rem;transition: all 1s ease}
}
#step13 .share-icon:hover:before,#step13 .share-icon:focus:before{background-color: var(--CAT_OPAC1)}
#step13 .share-icon:hover svg,#step13 .share-icon:focus svg{fill: #0099ff}
@media print{#step13 aside,#step13 ul#questions,#step13 article:not(.item_act){display: none !important}
#step13 article.item_act{display: block !important}
#step13 #blog .text{box-shadow: none;padding:0}
#step13 .data{margin: 0;padding: 0;background:none}
#step13 .data .wrap{position:static;display: block}
#step13 #blog{max-width:none}
}
div.attach{padding:0 0 0 30px;background: #ddd}
div.attach,div.attachmulty{float:left;color:#fff;border-radius:4px;overflow:hidden;margin:0 16px 16px 0}
div.attach input,div.attachmulty input{padding:0px;margin:0px}
div.attach .sm_ext{padding:5px 10px;display:block;border-left:1px solid #f4f4f4;max-width:180px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
div.attach a{margin:0 0 0 -30px;float:left;height: 30px}
div.attach .loader_sm{margin:4px 0 0 -26px;float:left}
div.attach a svg{width:30px;height:30px;fill:#fff}
div.attach a:hover{background:#333}
div.attach .sm_prog_{display:none}
.sm_ext{background:#777}
.sm_ext_mp3,.sm_ext_mp3+u,.file .ext_mp3 u,.file .ext_mp3 i{background:#8a59a5}
.sm_ext_bmp,.sm_ext_bmp+u,.file .ext_bmp u,.file .ext_bmp i{background:#57478c}
.sm_ext_avi,.sm_ext_avi+u,.file .ext_avi u,.file .ext_avi i{background:#11b3b9}
.sm_ext_cdr,.sm_ext_cdr+u,.file .ext_cdr u,.file .ext_cdr i{background:#5fab85}
.sm_ext_txt,.sm_ext_txt+u,.file .ext_txt u,.file .ext_txt i{background:#7e7b5b}
.sm_ext_mp4,.sm_ext_mp4+u,.file .ext_mp4 u,.file .ext_mp4 i{background:#57478c}
.sm_ext_rtf,.sm_ext_rtf+u,.file .ext_rtf u,.file .ext_rtf i{background:#7e7b5b}
.sm_ext_otf,.sm_ext_otf+u,.file .ext_otf u,.file .ext_otf i{background:#d17e33}
.sm_ext_pla,.sm_ext_pla+u,.file .ext_pla u,.file .ext_pla i{background:#f36f21}
.sm_ext_dwg,.sm_ext_dwg+u,.file .ext_dwg u,.file .ext_dwg i{background:#f09634}
.sm_ext_gz,.sm_ext_gz+u,.file .ext_gz u,.file .ext_gz i{background:#6d6e71}
.sm_ext_epf,.sm_ext_epf+u,.file .ext_epf u,.file .ext_epf i{background:#a24a82}
.sm_ext_mov,.sm_ext_mov+u,.file .ext_mov u,.file .ext_mov i{background:#5cadce}
.sm_ext_pps,.sm_ext_pps+u,.file .ext_pps u,.file .ext_pps i{background:#faa61a}
.sm_ext_lbk,.sm_ext_lbk+u,.file .ext_lbk u,.file .ext_lbk i{background:#806a50}
.sm_ext_pln,.sm_ext_pln+u,.file .ext_pln u,.file .ext_pln i{background:#ce60a5}
.sm_ext_docx,.sm_ext_docx+u,.file .ext_docx u,.file .ext_docx i{background:#00aeef}
.sm_ext_doc,.sm_ext_doc+u,.file .ext_doc u,.file .ext_doc i{background:#00aeef}
.sm_ext_xls,.sm_ext_xls+u,.file .ext_xls u,.file .ext_xls i{background:#8dc63f}
.sm_ext_ppt,.sm_ext_ppt+u,.file .ext_ppt u,.file .ext_ppt i{background:#faa61a}
.sm_ext_pdf,.sm_ext_pdf+u,.file .ext_pdf u,.file .ext_pdf i{background:#d71921}
.sm_ext_docx,.sm_ext_docx+u,.file .ext_docx u,.file .ext_docx i{background:#00aeef}
.sm_ext_xlsx,.sm_ext_xlsx+u,.file .ext_xlsx u,.file .ext_xlsx i{background:#8dc63f}
.sm_ext_pptx,.sm_ext_pptx+u,.file .ext_pptx u,.file .ext_pptx i{background:#faa61a}
.sm_ext_swf,.sm_ext_swf+u,.file .ext_swf u,.file .ext_swf i{background:#ef4030}
.sm_ext_rp,.sm_ext_rp+u,.file .ext_rp u,.file .ext_rp i{background:#5d8182}
.sm_ext_htm,.sm_ext_htm+u,.file .ext_htm u,.file .ext_htm i{background:#4e83c3}
.sm_ext_tiff,.sm_ext_tiff+u,.file .ext_tiff u,.file .ext_tiff i{background:#3b6797}
.sm_ext_exe,.sm_ext_exe+u,.file .ext_exe u,.file .ext_exe i{background:#b51218}
.sm_ext_sql,.sm_ext_sql+u,.file .ext_sql u,.file .ext_sql i{background:#00929e}
.sm_ext_vsd,.sm_ext_vsd+u,.file .ext_vsd u,.file .ext_vsd i{background:#0095da}
.sm_ext_eml,.sm_ext_eml+u,.file .ext_eml u,.file .ext_eml i{background:#ca8813}
.sm_ext_apk,.sm_ext_apk+u,.file .ext_apk u,.file .ext_apk i{background:#91a93d}
.sm_ext_fla,.sm_ext_fla+u,.file .ext_fla u,.file .ext_fla i{background:#ed1c24}
.sm_ext_ipa,.sm_ext_ipa+u,.file .ext_ipa u,.file .ext_ipa i{background:#4e83c3}
.sm_ext_dll,.sm_ext_dll+u,.file .ext_dll u,.file .ext_dll i{background:#556670}
.sm_ext_stp,.sm_ext_stp+u,.file .ext_stp u,.file .ext_stp i{background:#80a9bc}
.sm_ext_zip,.sm_ext_zip+u,.file .ext_zip u,.file .ext_zip i{background:#58585a}
.sm_ext_jpg,.sm_ext_jpg+u,.file .ext_jpg u,.file .ext_jpg i{background:#c6168d}
.sm_ext_7z,.sm_ext_7z+u,.file .ext_7z u,.file .ext_7z i{background:#231f20}
.sm_ext_psd,.sm_ext_psd+u,.file .ext_psd u,.file .ext_psd i{background:#0066b3}
.sm_ext_ico,.sm_ext_ico+u,.file .ext_ico u,.file .ext_ico i{background:#ce60a5}
.sm_ext_eps,.sm_ext_eps+u,.file .ext_eps u,.file .ext_eps i{background:#f36f21}
.sm_ext_xml,.sm_ext_xml+u,.file .ext_xml u,.file .ext_xml i{background:#839b46}
.sm_ext_msg,.sm_ext_msg+u,.file .ext_msg u,.file .ext_msg i{background:#ca8813}
.sm_ext_rar,.sm_ext_rar+u,.file .ext_rar u,.file .ext_rar i{background:#9b090d}
.sm_ext_jpeg,.sm_ext_jpeg+u,.file .ext_jpeg u,.file .ext_jpeg i{background:#c6168d}
.sm_ext_zsp,.sm_ext_zsp+u,.file .ext_zsp u,.file .ext_zsp i{background:#6d6e71}
.sm_ext_gif,.sm_ext_gif+u,.file .ext_gif u,.file .ext_gif i{background:#0b7393}
.sm_ext_flv,.sm_ext_flv+u,.file .ext_flv u,.file .ext_flv i{background:#ef4030}
.sm_ext_ai,.sm_ext_ai+u,.file .ext_ai u,.file .ext_ai i{background:#f36f21}
.sm_ext_js,.sm_ext_js+u,.file .ext_js u,.file .ext_js i{background:#7ac142}
.sm_ext_xlsm,.sm_ext_xlsm+u,.file .ext_xlsm u,.file .ext_xlsm i{background:#6d6e71}
.sm_ext_key,.sm_ext_key+u,.file .ext_key u,.file .ext_key i{background:#7e7b5b}
.sm_ext_pages,.sm_ext_pages+u,.file .ext_pages u,.file .ext_pages i{background:#46578f}
.sm_ext_nef,.sm_ext_nef+u,.file .ext_nef u,.file .ext_nef i{background:#0095da}
.sm_ext_wmf,.sm_ext_wmf+u,.file .ext_wmf u,.file .ext_wmf i{background:#f47920}
.sm_ext_css,.sm_ext_css+u,.file .ext_css u,.file .ext_css i{background:#4f9cba}
.sm_ext_html,.sm_ext_html+u,.file .ext_html u,.file .ext_html i{background:#4e83c3}
.sm_ext_csv,.sm_ext_csv+u,.file .ext_csv u,.file .ext_csv i{background:#6e862d}
.sm_ext_png,.sm_ext_png+u,.file .ext_png u,.file .ext_png i{background:#965575}
.sm_ext_php,.sm_ext_php+u,.file .ext_php u,.file .ext_php i{background:#4d6f8f}
.sm_ext_wav,.sm_ext_wav+u,.file .ext_wav u,.file .ext_wav i{background:#0092b8}
.sm_ext_mmap,.sm_ext_mmap+u,.file .ext_mmap u,.file .ext_mmap i{background:#00879c}
.sm_ext_indd,.sm_ext_indd+u,.file .ext_indd u,.file .ext_indd i{background:#a63877}
.sm_ext_tpl,.sm_ext_tpl+u,.file .ext_tpl u,.file .ext_tpl i{background:#80a9bc}
.sm_ext_ods,.sm_ext_ods+u,.file .ext_ods u,.file .ext_ods i{background:#839b46}
.sm_ext_mq4,.sm_ext_mq4+u,.file .ext_mq4 u,.file .ext_mq4 i{background:#3b6797}
.sm_ext_odt,.sm_ext_odt+u,.file .ext_odt u,.file .ext_odt i{background:#4e88c7}
.sm_ext_ppsx,.sm_ext_ppsx+u,.file .ext_ppsx u,.file .ext_ppsx i{background:#faa61a}
.sm_ext_mpp,.sm_ext_mpp+u,.file .ext_mpp u,.file .ext_mpp i{background:#5fab85}
.sm_ext_tif,.sm_ext_tif+u,.file .ext_tif u,.file .ext_tif i{background:#3b6797}
.sm_ext_tar,.sm_ext_tar+u,.file .ext_tar u,.file .ext_tar i{background:#944b43}
.sm_ext_mp4,.sm_ext_mp4+u,.file .ext_mp4 u,.file .ext_mp4 i{background:#00879c}
.sm_ext_dwf,.sm_ext_dwf+u,.file .ext_dwf u,.file .ext_dwf i{background:#3b6797}
.sm_ext_wmv,.sm_ext_wmv+u,.file .ext_wmv u,.file .ext_wmv i{background:#37a7cd}
.sm_ext_max,.sm_ext_max+u,.file .ext_max u,.file .ext_max i{background:#0084b5}
.sm_ext_ttf,.sm_ext_ttf+u,.file .ext_ttf u,.file .ext_ttf i{background:#caa81b}
.sm_ext_svg,.sm_ext_svg+u,.file .ext_svg u,.file .ext_svg i{background:#e0345e}
.sm_ext_sit,.sm_ext_sit+u,.file .ext_sit u,.file .ext_sit i{background:#434b84}
.sm_ext_dmg,.sm_ext_dmg+u,.file .ext_dmg u,.file .ext_dmg i{background:#575757}
.attachnew{font: 14px/20px Arial;color:#777;padding:10px 0 24px}
.attachnew a{color:inherit;border-bottom:1px dashed}
.attachnew a:hover,.attachnew a:focus{color:#07d;border-bottom:0}
.drop_zone_out{position:relative}
.drop_zone{z-index:1015;display:none;position:absolute;left:-5px;top:28px;right:-15px;bottom:-5px}
.drop_zone_body .drop_zone{position:fixed;left:0;top:0;right:0;bottom:0;border:none}
.drop_zone_in{display:none;position:absolute;left:5px;top:38px;right:-5px;bottom:5px;z-index:1014;background:rgba(255,255,255,0.8);text-align:center;font:24px Arial;color:var(--TXT_LO3)}
.drop_zone_body .drop_zone_in{position:fixed;left:0;top:0;right:0;bottom:0;border:none}
.drop_zone_move{position:absolute;width:400px;height:100px;left:50%;top:50%;margin:-50px 0 0 -200px}
.drop_zone_move .ico_big{display:block;width:60px;height:60px;background:url(/img/drop_file_here.svg);margin:0 auto;opacity:0.5}
.drop_zone_ready{position:absolute;color:var(--TXT);display:none;width:400px;height:100px;left:50%;top:50%;margin:-50px 0 0 -200px}
.drop_zone_ready .ico_big{display:block;width:60px;height:60px;background:url(/img/drop_file_here.svg) -60px 0;margin:0 auto}
body.body_drop .drop_zone,body.body_drop .drop_zone_in{display:block}
body.body_drop #dz-logo #logo{background:rgba(204,238,255,0.8);border-radius:20px;box-shadow:0 0 0 5px var(--BG0) inset}
body.body_drop #dz-logo .logo{background:rgba(204,238,255,0.8)}
.drop-hover .drop_zone_in,.drop_zone_body .drop_zone_in{background:rgba(204,238,255,0.8);border:4px solid rgba(204,238,255,0.8)}
.drop-hover .drop_zone_move,.drop_zone_body .drop_zone_move{display:none}
.drop-hover .drop_zone_ready,.drop_zone_body .drop_zone_ready{display:block}
.drop-zone{margin-bottom:10px}
.drop-zone .drop_hid{display:none}
.drop-zhover .drop_vis{display:none}
.drop-zhover .drop_hid{display:block;background:var(--BG3);color:var(--TXT_LO3);margin: -7px 0 -7px 0;padding: 7px 10px;width: 95%;line-height:20px;text-align:center}
.drop-zhover .drop-hover{background:var(--BG4_ALT);color:var(--TXT_LO2)}
span.ico_attach,a.ico_attach{background:url(/img/iconset.svg) no-repeat 0 -340px}
.attach a.ico_delete2,.attach span.ico_delete2{background:url(/img/iconset.svg) no-repeat -80px -500px}
.attach a.ico_delete2:hover,.attach a:hover span.ico_delete2{background:url(/img/iconset.svg) no-repeat -60px -500px}
.attachmulty a.ico_delete2,.attachmulty span.ico_delete2{background:url(/img/iconset.svg) no-repeat -80px -500px}
.attachmulty a.ico_delete2:hover,.attachmulty a:hover span.ico_delete2{background:url(/img/iconset.svg) no-repeat -60px -500px}
span.ico_dload{background:url(/img/pro_iconset_sm.svg) no-repeat -102px -128px}
.attach span.ico_dload{background:url(/img/iconset.svg) no-repeat 0 -380px;margin: 0 18px 0 0}
@-webkit-keyframes loader{0%{-webkit-transform: rotate(0deg);transform: rotate(0deg)}
100%{-webkit-transform: rotate(360deg);transform: rotate(360deg)}
}
@keyframes loader{0%{-webkit-transform: rotate(0deg);transform: rotate(0deg)}
100%{-webkit-transform: rotate(360deg);transform: rotate(360deg)}
}
.loader_sm{display:inline-block;font-size: 10px;position: relative;text-indent: -9999em;margin:5px;border: 2px solid #fff;border-left-color:transparent;-webkit-transform: translateZ(0);-ms-transform: translateZ(0);transform: translateZ(0);-webkit-animation: loader 1.1s infinite linear;animation: loader 1.1s infinite linear}
.loader_sm{border-radius: 50%;width: 18px;height: 18px}
#TB_window{font: 12px var(--FONT1),Helvetica,sans-serif;color: #333333}
#TB_secondLine{font: 10px var(--FONT1),Helvetica,sans-serif;color:#666666}
#TB_overlay{position: fixed;z-index:1002;top: 0px;left: 0px;height:100%;width:100%}
.TB_overlayMacFFBGHack{background: url(/images/macFFBgHack.png) repeat}
.TB_overlayBG{background-color:#000;filter:alpha(opacity=55);-moz-opacity: 0.55;opacity: 0.55}
* html #TB_overlay{position: absolute;height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px')}
#TB_window{position: fixed;background: #ffffff;z-index: 1002;color:#000000;display:none;text-align:left;top:50%;left:50%}
* html #TB_window{position: absolute;margin-top: expression(0 - parseInt(this.offsetHeight / 2) +(TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px')}
#TB_window .page_content img{margin:0;max-width: 100%;height:auto}
#TB_window img#TB_Image{display:block;margin: 15px 0 0 15px;border: 1px solid #ccc}
#TB_caption{height:25px;padding:7px 30px 10px 25px;float:left}
div#TB_closeWindow{height: 30px;width: 30px;padding: 9px;float:right;position: relative;margin: 5px;cursor:pointer}
div#TB_closeWindow svg{width:40px;height:40px;margin: -5px;position:relative}
div#TB_closeWindow:before{content:'';position:absolute;left:24px;top:24px;width:0;height:0;transition:0.3s;border-radius:24px}
div#TB_closeWindow:hover:before{content:'';position:absolute;left:0;top:0;width:48px;height:48px;background:#e4e4e4}
button#TB_closeWindow{margin-right: .25rem}
#TB_closeWindow:hover svg,#TB_closeWindow:focus svg{fill: #0099ff}
#TB_closeAjaxWindow{float:right;margin:6px 10px 0 0}
.tbvis{display:block !important}
#TB_closeWindowButton{width:25px;height:25px;background:url(/img/pro_iconset_sm.svg) no-repeat -100px -100px;text-decoration:none;float:right;border:5px solid #DDD3C9;margin:5px 0 0 0}
#TB_closeWindowButton:hover,.tbnews #TB_closeWindowButton:hover{background-color:#fff;border:5px solid #fff;border-radius:10px}
#TB_ajaxWindowTitle{padding: 0 0 0 32px;margin:0 40px 0 0;color:#333;font: 600 24px/60px var(--FONT1)}
#TB_ajaxWindowTitle a.button_print{float:right;padding: 6px 20px;border-radius: 20px;color:inherit;border: 1px solid #333;margin:10px 5px;cursor: pointer;transition: background 0.3s;font: 500 14px/24px var(--FONT1);white-space: normal}
#TB_ajaxWindowTitle a.button_print:hover{background:#fff}
#TB_title{background-color: #f4f4f4;padding:5px;display: flex;justify-content: space-between;align-items:center}
#TB_title div{white-space: nowrap}
#TB_title button{display: inline-block}
#TB_ajaxContent{clear:both;padding:15px 15px 2.4rem 15px;overflow:auto;text-align:left;line-height:1.6em;font:14px var(--FONT1)}
#TB_ajaxContent .footer_content{text-align:center}
#TB_ajaxContent svg.logo_content{width: 46px;height: 46px;fill: #c0c0c0}
#TB_ajaxContent a{color:#06c}
#TB_ajaxContent a.back{font-size:12px;text-decoration:none}
#TB_ajaxContent.TB_modal{padding:15px}
#TB_ajaxContent p{}
#TB_ajaxContent p.fld{font-size:13px}
#TB_ajaxContent p.fld input.input{width:95%;margin-top:4px;font-size:16px;font-weight:bold}
#TB_ajaxContent p.fld select{width:97%;font-size:16px}
#TB_ajaxContent p.fld select option{font-size:16px}
#TB_load{position: fixed;display:none;height:13px;width:208px;z-index:103;top: 50%;left: 50%;margin: -6px 0 0 -104px}
* html #TB_load{position: absolute;margin-top: expression(0 - parseInt(this.offsetHeight / 2) +(TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px')}
#TB_HideSelect{z-index:99;position:fixed;top: 0;left: 0;background-color:#fff;border:none;filter:alpha(opacity=0);-moz-opacity: 0;opacity: 0;height:100%;width:100%}
* html #TB_HideSelect{position: absolute;height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px')}
#TB_iframeContent{clear:both;border:none;margin-bottom:-1px;margin-top:1px;_margin-bottom:1px}
#TB_ajaxContent > h3{padding:16px 24px 0 24px}
#TB_ajaxContent .page_content{padding:16px 24px;box-sizing: border-box}
#TB_ajaxContent .page_content h1{}
#TB_ajaxContent .page_content h2{}
#TB_ajaxContent .page_content h3{}
.modal_w #TB_ajaxContent{height: auto !important}
.modal_w #TB_overlay{display:none !important}
.modal_w #TB_window{position: absolute !important;left:0 !important;top:0 !important;marginTop:0 !important;marginLeft:0 !important;width: 100% !important}
.modal_w #TB_preview{position: absolute !important}
.modal_w #TB_panel{position: absolute !important}
@media(max-width: 768px){.modal_win #main,.modal_win #header{display:none !important}
#TB_ajaxContent .tb_scroll_zone{height: auto !important}
#TB_ajaxContent{height: auto !important;width:auto !important;overflow:auto !important;position:static !important}
#TB_overlay{display:none !important}
#TB_window{position: static !important;left:0 !important;top:0 !important;margin-top:0 !important;margin-left:0 !important;width: 100% !important;overflow:auto;height:auto !important}
#TB_preview{position: fixed !important}
#TB_ajaxContent .page_content{padding:8px}
#TB_ajaxWindowTitle{padding-left:8px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
#TB_ajaxWindowTitle .button_print{display:none}
}
.odds{background:#fff;padding: 6rem 0}
.odds__tabs{display: flex}
.odds__tab{width:25%}
.odds__tab b{display:block;font: 700 1.875REM/1.875REM var(--FONT1);color:#333}
.odds__tab > div{color:#555;display: flex;align-items: center}
.odds_header{flex-grow: 2;padding-right: 20px;font: italic 1.125REM var(--FONT2)}
.odds_header b{margin-bottom: 5px}
.tech_shield .odds_header,.odds__nav-button:nth-of-type(1){color: #00aaff}
.tech_pig .odds_header,.odds__nav-button:nth-of-type(2){color: #ee6699}
.tech_globe .odds_header,.odds__nav-button:nth-of-type(3){color: #00bbbb}
.tech_support .odds_header,.odds__nav-button:nth-of-type(4){color: #33bb00}
.odds .tech_shield p{border-left: 2px solid #00aaff}
.odds .tech_pig p{border-left: 2px solid #ee6699}
.odds .tech_globe p{border-left: 2px solid #00bbbb}
.odds .tech_support p{border-left: 2px solid #33bb00}
.odds__tab > div svg{flex-shrink: 0;float: left;width: 90px;height: 90px;margin-right:10px}
.odds__tab p{color:#333;font: 1REM/1.5REM var(--FONT1);padding:0 0 0 15px;margin: 8px 8px 0 44px}
.odds .wrap{z-index: 0}
@media(max-width: 1280px){.odds .tech_globe{display: none}
.odds__tab{width:33%}
}
@media(max-width: 992px){.odds__tab{width:100%}
.odds .wrap{overflow: hidden;width: 96% !important;margin: 0 auto !important;max-width: 460px !important}
.odds .tech_globe{display: block}
.odds__tab p{margin-right:0}
.odds{padding:40px 0 60px 0;overflow:hidden;height:190px}
.odds__tabs{height:195px}
.odds__tab{position:absolute;left:0;top:0;transition:left 0.3s ease;-webkit-transition:left 0.3s ease;width:100%}
.odds__tab{visibility: hidden}
.odds__tab.item_act{visibility: visible}
.odds__tab > div{opacity: 0}
.odds__tab.item_act > div{opacity: 1;transition:opacity 0.6s ease-in}
.odds .item_first{margin:0}
.odds .item_l{left:-600px}
.odds .item_r{left:600px}
.odds{cursor:move;cursor:-moz-grabbing;cursor:-webkit-grabbing}
.odds__nav{display: flex;position: absolute;right: 25px;top:57px;z-index:10}
.odds__nav-button{display:inline-block;width:12px;height:12px;border:2px solid #ccc;border-radius:10px;margin:0 2px;transition: 0.5s width}
.odds__nav-button_active{background:currentColor;width:20px;border-color:currentColor}
.odds__nav-button:focus,.odds__nav-button:hover{border-color:currentColor}
.odds__nav-animate-rec{z-index: 1;height:100%;left:0;top:0;border-color:currentColor;background:currentColor;position: absolute;transition: left 0.4s ease-out,width 0.4s ease-out,color 0.4s ease;border-radius:10px}
}
@media(max-width: 400px){.odds_header{font-size: 1REM}
}
@media(max-width: 360px){.odds .item_l{left:-400px}
.odds .item_r{left:400px}
.odds__tab p{margin-right: 8px}
.odds__tabs{height:305px}
.odds{height:305px}
}
#step15 svg{max-width: 970px;width: 100%;height:auto}
#blocks #step15 .wrap{text-align: center;max-width: 1024px;width:auto;line-height: 0;overflow: visible}
.pages{display:none}
#step15 .pages{display:block}
body.bd-overview #header{box-shadow: none}
#step15{position:relative;overflow:hidden;background: #fff;background: radial-gradient(circle at top,#fff 60%,#f4f4f4 80%)}
#step15 .head{padding:3rem 0 1rem 0;height:4rem}
#step15 .head h2{position:absolute;left:0;right:0;top:0;color:#000;font: 600 3rem/1 var(--FONT1)}
@media(min-width: 768px){#step15 .head h2{opacity:0;transition:opacity 0.7s 0.2s ease;-webkit-transition:opacity 0.7s 0.2s ease}
#step15 .head h2.act{opacity:1}
}
@media(max-width: 768px){#step15 .head h2{display:none}
#step15 .head h2.act{display:block}
}
#step15 .pages_{position:absolute;left:600px;width:290px;top:15px;display: none}
#step15 .pages{margin:0;float:right}
#step15 .pages a{float:left;width:10px;height:10px;border:1px solid #fff;border-radius:6px;margin:0 0 0 10px}
#step15 .pages a:hover{background:#fff;border-color:#fff}
#step15 .pages a.act,#step15 .head .pages a.act:hover{border-color:rgba(0,0,0,0);background:#bdbdbd}
#step15 .notebook{width:100%;height:100%;position:absolute;left:0;bottom:0}
#step15 .notebook_wraper{width: 680px;height:400px;position:absolute;left:50%;transform: translateX(-50%);bottom: 54px}
.notebook_wraper.anim{overflow: hidden}
#step15 .notebook_l{left:-1970px}
#step15 .notebook_r{left:2030px}
#step15 .notebook div,#step15 .notebook div img{width: 100%}
#step15 .notebook div img{height: auto}
#step15 .notebook div{height: 100%;position:relative}
#step15 .notebook div span{position:absolute;color:#fff;border-radius:15px;width:600px;text-align:center;margin:-45px 0 0 -300px;z-index:12;opacity:0;transition:opacity 0.7s ease;-webkit-transition:opacity 0.7s ease}
#step15 .notebook div span b{display:inline-block;background:var(--HINT_COLOR);padding:5px 10px;font:13px/20px var(--FONT1);width:auto;margin:0 auto;border-radius:5px;text-shadow:1px 1px rgba(0,0,0,0.3)}
#step15 .notebook div span i{display:block;border:10px solid red;width:1px;height:1px;border-color:var(--HINT_COLOR) transparent transparent;margin:0 auto}
#step15 div.alt img{position:absolute;left:0;top:0;z-index:10;transition:opacity 0.7s ease;-webkit-transition:opacity 0.7s ease}
#step15 div.a1 img.a2,#step15 div.a2 img.a1{opacity:0}
#step15 div.a1 img.a1,#step15 div.a2 img.a2{opacity:1;z-index:11}
#step15 div.a1 img.a2{opacity:0}
#step15 .notebook_wraper.anim div.a1:hover span.a1,#step15 .notebook_wraper.anim div.a2:hover span.a2{visibility:hidden}
#step15 .notebook_wraper:not(.anim) div.a1:hover span.a1,#step15 .notebook_wraper:not(.anim) div.a2:hover span.a2{opacity:1}
#step15 .more{height: 100%;display: flex;align-items: center;z-index: 100}
#step15 .more_right{position:absolute;right: 0;top:0;opacity: 1;transition: opacity 0.1s ease;width:100px}
#step15 .more_left{position:absolute;left:0;top:0;opacity: 1;transition: opacity 0.1s ease;width:100px}
#step15 .more_right svg{margin:0 20px 0 0;transition:margin 0.3s ease;transform: rotate(180deg);fill: var(--HINT_COLOR);width: 120px;height: 120px}
#step15 .more_left svg{transition:margin 0.3s ease;margin:0 0 0 20px;fill: var(--HINT_COLOR);width: 120px;height: 120px}
#step15 .more_right:hover svg{margin:0 10px 0 0}
#step15 .more_left:hover svg{margin:0 0 0 10px}
body.home #step15{background:#AF8C92 url(/images/promo_bg/wsbg2.jpg) no-repeat;background-size: 100% 100%;background-attachment: fixed}
body.home.bd_lang2 #step15{background:#5D9A01 url(/images/promo_bg/wsbg3.jpg) no-repeat;background-size: 100% 100%;background-attachment: fixed}
#step15 .head2{height:220px;padding:30px 0 0 0}
#step15 .head2 h1{font: 48px var(--FONT2);color:#fff;text-align:center;text-shadow:2px 2px rgba(0,0,0,0.3);position:absolute;left:150px;top:0;transition:top 0.5s ease;-webkit-transition:top 0.5s ease}
.load1s #step15 .head2 h1{top:300px}
#step15 .head2 h2{font: italic 24px/30px Georgia;color:#37252c;background:#FFE200;padding:10px 0;border-radius:30px;width:580px;text-align:center;position:absolute;left:140px;top:90px;opacity:1;transition:opacity 0.5s ease;-webkit-transition:opacity 0.5s ease}
#step15 .head2 h2 a{color:#37252c;text-decoration:none;border-bottom:1px dashed #37252c}
#step15 .head2 h2 a:hover{color:#000;text-decoration:none;border-bottom:1px dashed #000}
#step15 .head2 .a_how{font: italic 20px/30px Georgia;color:#FFF;float:right;border:2px solid #fff;padding:8px 28px;border-radius:30px;text-shadow:1px 1px rgba(0,0,0,0.2);width:170px;text-align:center;position:absolute;right:240px;top:90px;;opacity:1;transition:opacity 0.5s ease;-webkit-transition:opacity 0.5s ease}
#step15 .head2 .pages{display:none}
#step15 .arrow{position:absolute;right:120px;top:-5px;width:120px;height:120px;opacity:1;transition:opacity 0.5s ease;-webkit-transition:opacity 0.5s ease}
#step15 .arrow .a1{width:100%;height:100%;overflow:hidden;position:relative}
#step15 .arrow .a1 div{position:absolute;width:1000px;height:240px;border-radius:120px;border:1px solid #fff;right:0;top:-122px}
#step15 .arrow .a2{display:none;border:1px solid #fff;width:5px;height:5px;border-radius:5px;left:-7px;top:116px;position:absolute}
#step15 .arrow .a3{border:1px solid #fff;width:10px;height:10px;top:-1px;right:-5px;position:absolute;border-width:1px 0 0 1px;transform: rotate(45deg)}
@media(min-width: 768px){.load2s #step15 .arrow,.load2s #step15 .head2 h2,.load2s #step15 .head2 .a_how{opacity:0}
}
#step15 .a_more{border:2px solid #BCAAA8;display:block;position:absolute;right:98px;bottom:60px;color:#fff;text-decoration:none;font:italic 14px/34px var(--FONT1);border-radius:5px;width:146px;text-align:center;transition:opacity 0.3s ease;-webkit-transition:opacity 0.3s ease}
#step15 .a_more:hover{border:2px solid #fff;color:#39c;background:#fff}
body.home #step15 .more_left,body.home #step15 .more_right{opacity:0}
body.home #step15 .a_more{opacity:0}
@media(min-width: 1600px){#step15 .arrow{width:220px;right:20px}
}
@media(min-width: 1800px){#step15 .arrow{width:320px;right:-80px}
}
@media(max-width: 1280px){#step15 .arrow{display:none}
#step15 .head2 .a_how{right:auto;left:670px}
#step15 .a_more{left:950px;right:auto}
#step15 .head2 h2{left:70px}
#step15 .head2 h1{left:90px}
#step15 .a_more{display:none}
#step15 .notebook_l{left:-1970px}
#step15 .notebook_r{left:2030px}
}
@media(max-width: 992px){#step15 .notebook div span{display:none}
#blocks #step15 .wrap{max-width: 650px}
#step15 svg{max-width: 570px}
#step15 .notebook_wraper{width:400px;height:234px;bottom:33px}
#step15 .more_left svg,#step15 .more_right svg{height: 70px}
#step15 .more_right{right: 1px}
#step15 .head h2{font: 600 2rem/1 var(--FONT1)}
#step15 .head{padding-bottom: 0;padding-top: 2rem}
}
@media(max-width: 768px){#step15,#step15{padding:0;background-size: auto;background-attachment: scroll}
#step15 .head2{height:100px;padding-top:115px}
#blocks #step15 .wrap{margin: 0 auto !important;max-width: 570px}
#step15 .more_right{right:-30px}
#step15 .more_left{left:-30px}
}
@media(max-width: 570px){#step15 .pages_,#step15 .pages{position:static;width:auto}
#step15 .pages{position: static}
#step15 .pages{text-align:center;float:none}
#step15 .pages a{float:none;display:inline-block;width:5px;height:5px;margin:0 2px;border:2px solid #fff}
#step15 .notebook_wraper{width: 315px;height: 187px;bottom:23px}
#step15 .more_right{width:60px;right:-20px}
#step15 .more_left{width:60px;left:-20px}
#step15 svg,#blocks #step15 .wrap{max-width: 450px}
}
@media(max-width: 450px){#step15 .head{padding-top: 2rem}
#step15 .head h2{font: 600 2rem/1 var(--FONT1)}
#step15 .notebook_wraper{width: 252px;height: 148px;bottom:21px}
#step15 svg,#blocks #step15 .wrap{max-width: 360px}
}
@media(max-width: 359px){#step15 .notebook_l{left:-400px}
#step15 .notebook_r{left:400px}
#step15 .notebook_wraper{width: 224px;height: 132px;bottom:17px}
#step15 svg,#blocks #step15 .wrap{max-width: 320px}
}
@media(min-width: 768px){body.bd_lang4 #step15 .head2 h1{font-size:46px}
body.bd_lang2 #step15 .head2 h1{font-size:40px}
}
#step15 .notebook img{-webkit-user-select: none;-moz-user-select: none;user-select: none;pointer-events: none;-webkit-user-drag: none;user-drag: none}
#step15 .data{-webkit-user-select: none;-moz-user-select: none;user-select: none}
#step16{padding:65px 40px 40px 40px;background:#fff}
#blocks #step16 .wrap{overflow: visible;width:auto}
#step16 h3{font:600 2REM/1 var(--FONT1);margin: 0 0 1.25rem​ 0}
#step16 h3:first-letter{background-color:#FC0;padding:5px 12px;margin:-5px -12px;border-radius:20px;-webkit-transition: background 1s ease;transition: background-color 2s ease}
#step16 div.item:hover h3:first-letter{background-color:#FFD922}
#step16 p{padding:0 0 5px 0}
#step16 .data{position:absolute;width:100%;left:0px;top:0px}
#step16 .data ul.r{float:right;margin:0 0 0 60px;color:#d55;font:18px/20px var(--FONT1);height: 100%}
#step16 .data ul.r li{margin:0 0 10px 0;padding:0 0 0 15px}
#step16 .data ul.r span{color: var(--TXT_LO2);font: italic 1REM/2REM var(--FONT2)}
#step16 .data.data_act:not(.left_ani1){position:static}
#step16 .data_l{left:-1860px}
#step16 .data.data_r{left:2140px;display: none}
#step16 .data a.a_faq{border:2px solid #E5E5E5;float:left;color:#777;transition:background-color 0.8s ease;text-decoration:none;font:italic 14px/32px var(--FONT1);padding:0 15px;border-radius:2REM;margin:15px 0 0 18px}
#step16 .data a.a_faq:hover{background-color: #E5E5E5}
#step16 .data{display: flex;justify-content: center}
#step16 .data .data_inner{max-width: 718px}
#step16 .data .page_content{padding-left: 18px;font: 1REM/1.75REM var(--FONT1)}
body.home #step16 h3:first-letter{background:#fff}
@media(max-width: 1280px){#step16 .data_r{left:2140px}
#step16 .data_l{left:-1860px}
}
@media(max-width: 992px){#step16 .data ul.r{display:none}
#step16 .data a.a_faq{float: right;margin-left:0}
#step16{padding-top: 40px}
#step16 .data .data_inner{max-width: 770px}
}
@media(max-width: 768px){#step16 h3{font:600 1.5REM/1 var(--FONT1);margin: 0 0 1REM​ 0}
#step16 .data .page_content{padding-left: 0}
}
@media(max-width: 360px){#step16{padding: 40px 20px 40px 20px}
}
#step1{padding: 0 40px;position:relative;background: linear-gradient(225deg,#e3c0fe,#06d0c5)}
#step1 .head{background:rgba(0,0,0,0.5);padding: 60px 40px 30px 40px;height:140px;overflow:hidden;margin: 0 -40px}
#step1 .head .wrap{padding-top:8px}
#step1 .feat{height:70px;color:#fff;font:18px/20px var(--FONT2)}
#step1 .feat b{display:block}
#step1 .feat1{margin:0 0 7px 0}
#step1 .feat1 b{color:#fc0;font:bold 24px/20px var(--FONT2)}
#step1 .feat2 b{color:#9df}
#step1 .more,#step1 .more2{position: absolute;bottom: 72px !important;text-align:center;text-decoration:none;font: italic 0.875REM/1.25REM var(--FONT2)}
#step1 .more{transition: 0.3s ease;width:auto;right:50px;opacity:1 !important;border:2px solid #fff;float:right;color:#fff;border-radius: 1REM;padding: 0.25REM 1REM}
#step1 .more:hover{border:2px solid #fff;color:#39c;background:#fff}
#step1 .more2{right: 0;width: 30%;opacity: 1;transition: opacity 0.8s ease}
#step1 .price_circle_arrow_bottom{width:66px;height:66px;margin:0;fill: #fff;opacity: 0.4;display: block;margin: 0 auto 10px auto}
#step1 .more2:hover .price_circle_arrow_bottom{opacity: 0.6}
#step1 .more2 b{border-bottom:1px dashed #fff;color:#fff;font:bold 16px var(--FONT1)}
#step1 .item{cursor:pointer}
#step1 .wrap{overflow:visible !important}
#step1{padding: 190px 0 50px 0}
.plans_line{margin:-70px 0 0 0;height:10px}
#plans3 .row{height:30px;padding:13px 0}
#plans3 .title{width:23%;float:left;padding:0 1%}
#plans3 .title div{display: flex;align-items: center;justify-content: space-between;font:14px/25px var(--FONT1);border-bottom:1px solid rgba(255,255,255,0.15);color:#fff;background:transparent;padding:15px 10px;height:25px;border-right:none}
#plans3 .title span.pro{float:right;background:rgba(0,0,0,0.4);padding:0 5px;border-radius:3px;font:10px/20px var(--FONT1);box-shadow:1px 1px rgba(255,255,255,0.2);margin:2px 0 0 10px}
#plans3 .item{width:13%;float:left;background:#fff;text-align:center;margin:-80px 0 0 0;padding:0 0 15px 0}
#plans3 .item.p205,#plans3 .item.p203{background:rgba(255, 255, 255, 0.8)}
#plans3{height:810px}
#plans3 .item .in{height:0px;overflow:hidden;-webkit-transition: height 1s ease;transition: height 1s ease}
.scr1 #plans3 .p1 .in,.scr21 #plans3 .p1 .in{-webkit-transition: height 1s 0.5s ease;transition: height 1s 0.5s ease}
.scr1 #plans3 .p200 .in,.scr21 #plans3 .p200 .in{-webkit-transition: height 1s 0.25s ease;transition: height 1s 0.25s ease}
.scr1 #plans3 .p201 .in,.scr21 #plans3 .p201 .in{-webkit-transition: height 1s 0.25s;transition: height 1s 0.25s}
.scr1 #plans3 .p202 .in,.scr21 #plans3 .p202 .in{-webkit-transition: height 1s 0.25s ease;transition: height 1s 0.25s ease}
.scr1 #plans3 .p203 .in,.scr21 #plans3 .p203 .in{-webkit-transition: height 1s ease;transition: height 1s ease}
.scr1 #plans3 .p205 .in,.scr21 #plans3 .p205 .in{-webkit-transition: height 1s ease;transition: height 1s ease}
.scr1 #plans3 .p1 .in,.scr21 #plans3 .p1 .in{height:355px}
.scr1 #plans3 .p200 .in,.scr21 #plans3 .p200 .in{height:506px}
.scr1 #plans3 .p201 .in,.scr21 #plans3 .p201 .in{height:506px}
.scr1 #plans3 .p202 .in,.scr21 #plans3 .p202 .in{height:506px}
.scr1 #plans3 .p203 .in,.scr21 #plans3 .p203 .in{height:664px}
.scr1 #plans3 .p205 .in,.scr21 #plans3 .p205 .in{height:664px}
#plans3 .p200{background:#fff;border-radius:0 0 20px 0}
#plans3 .p200 .top{background:#fff}
#plans3 .p201{background:#fff}
#plans3 .p201 .top{background:#fff}
#plans3 .p205 .top{border-radius:20px 0 0 20px}
#plans3 .p200 .top{border-radius:0 20px 20px 0}
#plans3 .p203{border-radius:0}
#plans3 .p205{border-radius:20px 0 0 20px}
#plans3 .p202{background:#fff;border-left:1px solid #fff}
#plans3 .p202 .top{background:#fff}
#plans3 .p203{border-right:1px solid #e6e6e6}
#plans3 .p200{border-radius:0 20px 20px 0}
#plans3 .p1{background:transparent;color:#fff;padding-bottom:0;width: 9%;margin-right:-100px}
#plans3 .p1 .in{background:rgba(255,255,255,0.1);border-radius:0 0 20px 0;color:#fff}
#plans3 .top{font:13px var(--FONT1);color:#555;padding:15px 0 0 0;height:80px;margin:0 0 -15px 0}
#plans3 .trlarge2{font:bold 24px var(--FONT1)}
#plans3 .trlarge{font: 1.625REM/1.875REM var(--FONT2)}
#plans3 .p1 .top{background:transparent;color:#fff;font-style:italic}
#plans3 .top h3{font:16px/30px var(--FONT1);padding-bottom:0;color: var(--TXT_HI);height:35px;white-space:nowrap}
#plans3 .top h3 i{font: 1REM/1.875REM var(--FONT2);color: var(--TXT_LO3);margin-right:-10px}
#plans3 .top a,#plans3 .top span.a{font: 1.125REM/1.25REM var(--FONT2);color: var(--TXT_LO1)}
#plans3 .p205 .top a.go{border: 2px solid var(--MAGENTA) !important;border-radius: 1REM;font: 0.875REM/1.25REM var(--FONT2);padding: 0.25REM 1REM;color: var(--TXT_LO1);transition: 0.3s ease;white-space:nowrap}
#plans3 .p205:hover .top a.go{color:var(--MAGENTA)}
#plans3 .p205 .top a.go:hover{background:var(--MAGENTA);color:#fff}
#plans3 .p205 .top b{font-size:21px;color:var(--TXT_LO1)}
#plans3 .p205:hover .top b{color: var(--TXT_HI)}
#plans3 .top .for{font:13px/20px var(--FONT2);color:inherit}
#plans3 .item:hover .top a{color:#39c;border-bottom:1px dashed #39c}
#plans3 .p1 .top a,#plans3 .p1 .top span.a{color:#fff;display: none}
#plans3 .p1:hover .top a{color:#9df;border-bottom:1px dashed #9df}
#plans3 .p1 .top h3 b{color:#fff}
#plans3 .top h3 b{font: bold 2REM/1.875REM var(--FONT4);color: var(--TXT_HI)}
#plans3 .p1 .top h3 b{font:22px/30px var(--FONT2)}
#plans3 .top h3 span{font: 1.125REM var(--FONT2);color: var(--MAGENTA)}
#plans3 .trlarge small{font:bold 12px var(--FONT1)}
#plans3 .title div:last-child{border-bottom:none !important;border-right:none !important}
.price-plan__icon{width: 36px;height: 36px;fill: var(--TXT_LO3);flex-shrink: 0}
#plans3 .p201 svg{fill: var(--EGG_BLUE)}
#plans3 .item.p1 svg,#plans3 .item:not(.p1) .tick_yes{display: none}
#plans3 .p1 span.tick_yes{background:none !important}
#plans3 .p1 span.tick_yes:before{content:'\2022';font:20px/26px var(--FONT1)}
#plans3 span.plus{color: var(--MAGENTA);margin-left:3px;margin-right:-16px;font-weight:normal}
#plans3 span.except{font:bold 18px Tahoma;color:#aaa;float:right;margin:0 50% 0 -50%;position:relative;left:27px;top:-5px}
#plans3 .title svg{fill: #ffffff}
.pro_line{border-top:2px dashed var(--MAGENTA);text-align:center;font: 500 italic 14px var(--FONT1);color: #333;margin:40px 0}
.pro_line span{display:block;width:100px;margin:-20px auto 0 auto}
.pro_line b{display:block;background:var(--MAGENTA);width:80px;margin:0 0 10px 10px;font:300 24px/40px var(--FONT2);text-align:center;color:#fff;border-radius:2rem;box-shadow:0 1px #fff}
.whint{position:relative;display:block}
.whint font{display:none}
#whint{display:none;position:absolute;top:100%;left:0;font:13px/18px var(--FONT1);color:#ccc;background:rgba(0,0,0,0.7);padding:7px 10px;border-radius:8px;margin:5px 0 0 -100px;z-index:1000;text-align:center}
#whint b{color:#fff}
#whint i{font-style:normal;color:#999}
#whint b.col1,#whint b.col2{color:#cf6}
.price-hint .only_screen{transition: left 0.5s ease-out;left:34px;position: relative;pointer-events: none}
.price-hint:hover .only_screen{transition:left 0.4s ease-in;left:0}
.price-hint__wrap{position:relative}
.price-hint__icon{opacity: 0;fill: #fff;background-color: rgba(255, 255, 255, 0.3);border-radius: 50%;display: flex;width: 1rem;height: 1rem;padding: 0.25rem;margin-left: 10px;visibility: hidden;transition:opacity 0.5s ease-in}
.price-hint:hover .price-hint__icon{visibility: visible;opacity: 1}
.price-hint__text{visibility:hidden;opacity: 0;width:300px;position:absolute;top:calc(100% + 8px);left:10px;font:14px/1.25 var(--FONT1);color:#fff;background:var(--HINT_COLOR);padding:12px 15px 15px 15px;border-radius:8px;z-index:100;text-align: left;transition:opacity 0.4s ease-in;transition-delay: 0.4s}
.price-hint:hover .price-hint__text{visibility:visible;opacity: 1}
#step1 span.only_screen{display: inline-flex;align-items: center;text-align: right}
@media(max-width: 1280px){#plans3 .enterprise{text-align:center}
#plans3 .enterprise a{margin-right:5px}
#plans3 .title div{font:13px/25px var(--FONT1)}
#plans3 .p153,#plans3 .p4{width:12%}
}
@media(max-width: 992px){#plans3 .p205 .top a.go{padding: 0.25REM 0.5REM;border: 1px solid var(--MAGENTA) !important}
#step1 span.only_screen{display: none}
#step1 span.only_mobile2{display: inline}
#plans3 .title{width: 20%}
#plans3 .p205 .top b{font-size:1.125rem}
}
@media(max-width: 800px){#step1 .wrap{width: 320px !important;margin: 0 auto !important}
#plans3{position:relative;padding-top:80px;height:700px}
#step1{cursor:-moz-grabbing;cursor:-webkit-grabbing}
.plans_line{margin:0}
#plans3 .title{width:90px;float:none;padding-top: 2px;padding: 2px 0}
#plans3 .title div{padding: 4px 0 5px 0;position:relative;justify-content: center;flex-direction:column;height: auto}
#plans3 .title svg{width: 30px;height: 30px}
#plans3 .title div b{font: 400 13px/16px var(--FONT1);letter-spacing: -0.5px;text-shadowx:1px 1px rgba(0,0,0,0.2);opacity:0.8}
#plans3 .item{display:block;float:none;width:auto;border-radius:20px 20px;position:absolute;left:110px;top:0;width:110px;margin:0;transition:left 0.3s ease;-webkit-transition:left 0.3s ease;height:737px;background:rgba(255,255,255,0.1);border:none}
#plans3 .p1{height:752px}
#plans3 .item .top{border-radius:20px 20px 0 0}
#plans3 .item_act{left:96px}
#plans3 .item_act2{left:210px}
#plans3 .item_l{left:-600px}
#plans3 .item_r{left:600px}
#plans3 .item .in{height:auto !important;background:#fff}
#plans3 .p1 .in{background:transparent}
#plans3 .p168 .in{background:#FFFCEF}
#plans3 .item .in{border-radius:0 0 20px 20px}
#plans3 .top h3 i{display:none}
#plans3 .title span.pro{display:none;float:left;margin:2px -50px 0 0}
#step1 h2{font: 500 1.5rem/2rem var(--FONT1);color:#fff;padding: 0 0 10px 0}
#step1 .pages{display: block;height: 60px;text-align:center;margin: 0 0 50px;position:relative}
#step1 .pages h2{}
#step1 .pages span{display:inline-block;width:16px;height:8px;border:2px solid #fff;border-radius:10px;margin:0 2px}
#step1 .pages span.act,#step1 .pages span.act2{background:#fff;border-color:#fff}
#step1 .pages .max,#step1 .pages .min{position:absolute;right:220px;top:1px;background:#fff;font:300 12px/20px var(--FONT1);padding:0px 5px;color:#333;opacity:0.7;display: none}
#step1 .pages .max,#step1 .pages .min{top:41px}
#step1 .pages .min{right:auto;left:220px}
#step1 .pages .min:after{content:'';position:absolute;right:-20px;top:0;border:10px solid #fff;border-color:transparent transparent transparent #fff}
#step1 .pages .max:after{content:'';position:absolute;left:-20px;top:0;border:10px solid #fff;border-color:transparent #fff transparent transparent}
#step1{padding:30px 0 80px 0;overflow:hidden;background-attachment:scroll}
#step1 .head{display:none}
#step1 .more,#step1 .more2{float:none;position:static;display:block;margin:0 0 0 0;width:auto;left:0;bottom:-60px !important;width:300px;opacity:1 !important}
.pro_line{padding:0 10px}
}
@media(max-width: 360px){#plans3 .item_l{left:-300px}
#plans3 .item_r{left:400px}
#step1 .more{width: 80%;margin: 0 auto}
}
@media(min-width: 801px){.scr1 #plans3 .p201,.scr21 #plans3 .p201{box-shadow:0 0 0 10px #fff,0 0 5px 10px rgba(0,0,0,0.3);position:relative;border-radius:8px}
#plans3 .p1 .top{background:rgba(255,255,255,0.1);height:45px;margin-bottom:0;margin-left:-40px;padding-left:40px;border-radius:0 20px 20px 0;margin-top: 20px}
.scr1 #plans3 .p1 .top,.scr21 #plans3 .p1 .top{border-radius: 0 20px 0 0}
.scr21 #plans3 .p203,.scr1 #plans3 .p203{border-radius:0 0 20px 0}
}
#blocks #step3 .wrap{overflow: visible}
#step3{background: linear-gradient(225deg,#e3c0fe,#06d0c5);padding:80px 40px 80px 40px}
#blocks #step4 .wrap{overflow: visible}
#step3 div.item{float:left;width:31.33%;margin:60px 1% 0 1%;position:relative}
#step3 div.item .in{opacity:0;padding:70px 20px 20px 20px;background:#fff;-webkit-transition: opacity 0.5s ease;transition: opacity 0.5s ease;border-radius: 1.25rem;box-shadow: rgba(20,30,40,0.10) 0px 1rem 4rem}
.scr2 #step3 div.item .in,.scr3 #step3 div.item .in{opacity:1;-webkit-transition: opacity 0.5s 1s ease;transition: opacity 0.5s 1s ease;font: 1rem/1.5rem var(--FONT1)}
#step3 h2{padding:0 0 15px 0;font:600 1.5rem/1.4 var(--FONT2);color:#333}
#step3 h2 b{font:600 3rem/30px var(--FONT2)}
#step3 h2 i{color:#999;font-style:normal}
.price_about_icon_inf{float: left;width: 60px;height: 60px;margin:-10px -20px -10px -10px;display:none}
.price_about_icon{position:absolute;left:50%;top:-65px;border-radius:50%;width:130px;height:130px;margin-left:-65px;opacity:0;transform: scale(0.2,0.2);transition: all 0.5s ease;fill: #fff}
#step3 #pd1 .price_about_icon{margin-left:440px}
#step3 #pd2 .price_about_icon{margin-left:-65px}
#step3 #pd3 .price_about_icon{margin-left:-560px}
.scr2 #step3 .item .price_about_icon,.scr3 #step3 .item .price_about_icon{transform: scale(1,1);opacity:1;margin-left:-65px !important;transition: all 1s ease}
.price_about_icon_storage{background: #C4A4C1}
.price_about_icon_users{background: #77BB00}
.price_about_icon_project{background: #FFA60C}
.price_about_icon svg{position:absolute;left: 0;top: 0;bottom: 0;right: 0;width:70px;height:70px;fill: #fff;margin: auto}
.price_circle_arrow_up{width:64px;height:64px;margin:0;fill: #fff;opacity: 0.4;display: block;margin: 0 auto 10px auto;transform: rotate(180deg)}
#step3 .more:hover .price_circle_arrow_up{opacity: 0.6}
#step3 #plan_name{max-width:400px;margin:0 auto 40px auto;text-align:center;position:relative}
#plan_name .name{font:300 30px/50px var(--FONT2);background:#fff;display:block;color:#000;white-space:nowrap;overflow:hidden}
#plan_name .name b{font-weight:300}
#plan_name .name .ico_r{margin:15px 18px 0 -38px}
#plan_name .price{background:rgba(0,0,0,0.3);margin:0 24px;font:18px/40px var(--FONT1);color:#fff;display:block}
#plan_name .price span{font: 1.125REM var(--FONT2)}
#plan_name .price b{font: bold 30px/40px var(--FONT4)}
#plan_name .price i{font: 1REM/1.875REM var(--FONT2)}
#plan_name .a1{border:12px solid rgba(255,255,255,0.2);border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(255,255,255,0.2) rgba(255,255,255,0.2);position:absolute;left:0;top:50px}
#plan_name .a2{border:12px solid rgba(255,255,255,0.2);border-color:rgba(0,0,0,0.1) rgba(255,255,255,0.2) rgba(255,255,255,0.2) rgba(0,0,0,0.1);position:absolute;right:0;top:50px}
#plan_name .a3{border:20px solid rgba(255,255,255,0.2);border-color:rgba(255,255,255,0.2) rgba(255,255,255,0.2) rgba(255,255,255,0.2) transparent;position:absolute;left:-45px;top:24px;border-width:25px 30px 25px 15px}
#plan_name .a4{border:20px solid rgba(255,255,255,0.2);border-color:rgba(255,255,255,0.2) transparent rgba(255,255,255,0.2) rgba(255,255,255,0.2);position:absolute;right:-45px;top:24px;border-width:25px 15px 25px 30px}
#plan_drop{position:absolute;left:50%;top:114px;width:352px;margin-left:-176px;overflow:hidden;height:0;z-index:1000;-webkit-transition: all 0.8s ease;transition: all 0.8s ease}
#plan_drop .in{background: #669fb6}
#plan_drop a{display:block;font: 400 1.25rem/2rem var(--FONT2);color:#fff;padding: 0.5rem 0.5rem;border-top: 1px solid rgba(255, 255, 255, 0.2);text-align:center}
#plan_drop a:hover{background:#fff;color: var(--BLUE)}
#step3 .more{position:absolute;right:0;top:-70px;width:30%;text-align:center;text-decoration:none;-webkit-transition: opacity 0.8s ease;transition: opacity 0.8s ease}
#step3 .more b{border-bottom:1px dashed #fff;color:#fff;font:bold 16px var(--FONT1)}
#step3 h3{margin:0 auto;padding:20px 0;text-align:center;font:600 italic 1.5rem/1 var(--FONT1);color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,0.1)}
#step4{background:#f4f4f4;padding:40px 40px 40px 40px;position:relative}
#step4 div.item{float:left;width:31.33%;margin:0 1% 20px 1%;position:relative;opacity:1;-webkit-transition: opacity 0.8s ease;transition: opacity 0.8s ease}
#step4 div.item h3{color:#333;font:600 1.5rem/1.7 var(--FONT1);padding:0}
#step4 div.item p{background:#fff;padding:26px;margin:0;font: 1rem/1.5rem var(--FONT1);border-radius: 1.25rem;box-shadow: rgba(20,30,40,0.10) 0px 1rem 4rem;position: relative}
#step4 div.item-pro_status_off{opacity:0.5}
#step4 .midico{position:absolute;right:0;top:10px;background-color:#5E5851;border:5px solid #5E5851}
.price_useful_icon{width:36px;height:36px;position:absolute;right:0;top:-44px;background-color:#333;padding:16px;z-index: 10;border-radius: 50%;fill:#fff}
#step4 div.item-pro .midico{top:1.5rem}
.price_useful_icon_systematisation{background-color:#77BB00}
.price_useful_icon_cal{background-color:#F66}
.price_useful_icon_communication{background-color:#f90}
.price_useful_icon_stopwatch{background-color:#61839D}
.price_useful_icon_timeline{background-color:#9ECFEF}
.price_useful_icon_report{background-color:#C4A4C1}
@media(max-width: 992px){#step3{padding:30px 0 60px 0}
#step3 .more{position:relative;display: block;margin-top: -15px;width: 100%;top:0 !important;right:auto !important}
#step3 .more b{display:none}
#step3 .price_circle_arrow_up{margin-bottom: 0}
}
@media(max-width: 768px){#step3{overflow:hidden}
#step3 #plan_name .name{font:300 22px/50px var(--FONT2)}
#plan_drop a{font:300 18px/30px var(--FONT2)}
#step3 div.item{float:none;width:auto;margin: 90px 10px 0 10px}
#step3 div.item .in{opacity:1 !important}
#step4{padding:30px 0}
#step4 div.item{float:none;width:auto;margin: 0 10px 40px 10px}
#step4 div.item h3{font:20px/40px var(--FONT1)}
}
#step2{background:#fff;padding:100px 40px 40px 40px}
#step2 h3{font:600 1.5rem/1 var(--FONT1)}
#step2 h3:first-letter{background-color:#FC0;padding:5px 12px;margin:-5px -12px;border-radius:20px;-webkit-transition: background 1s ease;transition: background-color 2s ease}
#step2 div.item:hover h3:first-letter{background-color:#FCC}
#step2 div.item{float:left;width:30%;padding:0 1% 40px 2%}
#step2 div.item p{padding: 0 0 6px 1rem;font: 1rem/1.5rem var(--FONT1)}
#step2 #help{width:350px;margin:90px auto 15px auto;font:italic 16px var(--FONT1);padding:0 0 0 70px;position:relative}
#step2 #help a{text-decoration:none;border-bottom:1px dashed #06c}
#step2 #help b{font:300 24px var(--FONT2);display:block;color:#B0B0B0}
#step2 .cards{top:20px;right:0;position:absolute}
#step2 #help_place{height:160px;overflow:hidden;position:relative;margin-top:20px}
#step2 #help_ani{width:300px;height:160px;background:url(/images/promo_bg/helpme.png);position:absolute;left:-230px;top:-10px;-webkit-transition: top 0.5s ease;transition: top 0.5s ease}
#step2{-webkit-transition: background 0.8s ease;transition: background 0.8s ease}
.scr2 #step2{background:#eee}
@media(max-width: 768px){#step2{padding:30px 0}
#blocks #step2 .wrap{max-width: 450px;margin: 0 auto !important;width: auto}
#step2 div.item{float:none;margin:0;width:auto;font:13px/16px var(--FONT1);padding:10px 0 20px 20px}
#step2 #help_place{height:65px}
#step2 #help{width:auto;padding:0;margin-top:0 !important}
#step2 #help_ani{display:none}
#step2 .cards{display:none;position:static;text-align:center;margin:30px 0 0 0}
}
#step19{padding:100px 40px;position:relative;background:#fff;height:360px;white-space:nowrap}
#step19 .ico_pl{padding:15px;margin:-10px 5px -10px 0;position:relative}
#step19 div.a{position:relative}
#step19 .l .ico_pl{float:left;margin:-5px 20px -5px 10px}
#step19 .r .ico_pl{float:right;margin:-5px 10px -5px 22px}
#step19 .c .ico_pl{display:block;margin:10px auto 20px auto;width:40px;height:40px;padding:20px}
#step19 .ico_pa{position:absolute;width:70px;height:70px;border-radius:50px;-webkit-transition: all 0.4s ease;transition: all 0.4s ease}
#step19 .l .ico_pa{left:10px;top:5px}
#step19 .r .ico_pa{right:10px;top:5px}
#step19 .c .ico_pa{left:50%;top:20px;width:80px;height:80px;margin:0 0 0 -40px}
#step19 .l div.a:hover .ico_pa{width:90px;height:90px;left:0;top:-5px}
#step19 .r div.a:hover .ico_pa{width:90px;height:90px;right:0;top:-5px}
#step19 .c div.a:hover .ico_pa{width:100px;height:100px;margin:0 0 0 -50px;top:10px}
#step19 .midico_l{margin:0}
#step19 .ico_pa1{background:#5ad}
#step19 .ico_pa2{background:#7b0}
#step19 .ico_pa3{background:#c79}
#step19 .ico_pa4{background:#b86}
#step19 .ico_pa5{background:#7b9}
#step19 .ico_pa6{background:#ab0}
#step19 .ico_pa7{background:#a8b}
#step19 .ico_pa8{background:#c88}
#step19 .ani_count{position:relative;font:25px var(--FONT2);margin:0 5px}
#step19 .ani_count font{position:absolute;right:0;top:0}
#step19 .a1 .ani_count{color:#5ad}
#step19 .a2 .ani_count{color:#7b0}
#step19 .a3 .ani_count{color:#c79}
#step19 .a4 .ani_count{color:#b86}
#step19 .a5 .ani_count{color:#7b9}
#step19 .a6 .ani_count{color:#ab0}
#step19 .a7 .ani_count{color:#a8b}
#step19 .a8 .ani_count{color:#c88}
#step19 .l{float:left;width:30%}
#step19 .c{float:left;width:30%;text-align:center;margin:0 0 0 5%}
#step19 .r{float:right;width:30%;text-align:right}
#step19 .l div.a{height:120px;padding:10px 0}
#step19 .r div.a{height:120px;padding:10px 0}
#step19 .c div.a{height:160px;padding:10px 0}
#step19{transition:background 0.8s ease;-webkit-transition:background 0.8s ease}
.scr19 #step19{background:#DDD3C9}
@media(max-width: 768px){#step19{padding:30px 0;height:200px;overflow:hidden}
.scr19 #step19{background:#fff}
#step19 .c,#step19 .l,#step19 .r{float:none;width:auto;display:inline}
#step19 .l .ico_pl,#step19 .r .ico_pl,#step19 .c .ico_pl{float:none;display:block;margin:10px auto 20px auto;width:40px;height:40px;padding:20px}
#step19 .l .ico_pa,#step19 .r .ico_pa,#step19 .c .ico_pa{left:50%;top:20px;width:80px;height:80px;margin:0 0 0 -40px;right:auto}
#step19 .l div.a:hover .ico_pa,#step19 .r div.a:hover .ico_pa,#step19 .c div.a:hover .ico_pa{width:100px;height:100px;margin:0 0 0 -50px;top:10px;right:auto;left:50%}
#step19 .l div.a,#step19 .r div.a,#step19 .c div.a{height:160px;padding:10px 0;text-align:center}
#step19 .pages{height:20px;text-align:center}
#step19 .pages span{display:inline-block;width:5px;height:5px;border:2px solid #ccc;border-radius:10px;margin:0 2px}
#step19 .pages span.act{background:#999;border-color:#999}
#step19 div.a{position:absolute;left:0px;top:20px;transition:left 0.3s ease;-webkit-transition:left 0.3s ease;width:300px}
#step19 div.a_l{left:-600px}
#step19 div.a_r{left:600px}
#step19{cursor:move;cursor:-moz-grabbing;cursor:-webkit-grabbing}
}
@media(max-width: 360px){#plans3 .item_l{left:-300px}
#plans3 .item_r{left:400px}
#step19 .a_l{left:-400px}
#step19 .a_r{left:400px}
}
#step20{padding: 70px 40px 40px 40px;font:13px var(--FONT1)}
#step20 #register_col{width: 720px;margin:0 auto}
#step20 #register_col input.incomplete{border-color: #f66;box-shadow: 0 0 0 3px rgba(255, 0, 0, 0.2)}
#step20 #register_col div.incomplete{box-shadow:0 0 2px 1px #ff0000}
#step20 span.gray{color:#777}
#step20 .register_col{width: 320px;float:left;margin:0 20px;text-align:left}
#step20 .register_col span.gray{white-space:nowrap}
#step20 .form_new{background:#f4f4f4;padding:10px;border-bottom:3px solid #CCCCCC;margin: 0 0 15px 0}
#step20 #reg_docs{background: #fff;border-radius: 20px;overflow:hidden;margin: 0 0 15px 0;text-align:left;font: bold 13px/20px var(--FONT1)}
#step20 #reg_docs .title{background:#fff;padding:10px 10px 10px 40px;position:relative;display:block;cursor:pointer;white-space:nowrap;text-overflow: ellipsis;overflow: hidden}
#step20 #reg_docs .title:focus-within{color:#07d}
#step20 #reg_docs #is_confirm:not(:checked) + span{color:#000}
#step20 #reg_docs input{position:absolute;left: 18px;top: 13px;padding:0;margin:0}
#step20 #reg_docs .text{padding:10px 10px 10px 20px;line-height:22px}
#step20 .register_col_act #reg_docs .text{display:none}
#step20 .register_col_act #reg_docs{background: #fff}
#step20 .register_col_act #reg_docs .title{background:none}
#step20 #reg_docs .text a{color: var(--BLUE_HI1);font: 14px/24px var(--FONT1)}
#step20 #reg_docs .text a:before{content:'\2022';color:#BB2266;margin:0 5px 0 0}
#step20 #reg_docs .text a:hover{color:#06c;background:none}
#step20 #reg_docs .text a:focus span{text-decoration: underline;text-decoration-style: dotted}
#step20 .explain2{color:#777;font:12px/20px var(--FONT1)}
#step20 .explain2 span{background:#FFF2A8;color:#555;padding:1px 4px;margin:-1px 0}
#step20 .register_col_act .explain2{display:none}
#step20 .form_new label{background:#FFFFFF;border:1px solid #60A4D3;border-bottom-width:3px;width:auto;padding:2px 8px;position:relative;top:-20px;left:0px;margin-bottom:10px;color:#519810;font:bold 15px Georgia;line-height:100%}
#step20 .form_new p{clear:left}
#step20 .form_new table td{padding:5px 0 5px 10px}
#step20 .form_new table input.input,#step20 .form_new table input.input2{padding:2px;font:14px Georgia}
#step20 .form_new table select{padding:2px;font:14px var(--FONT1)}
#step20 .form_new input.input,#step20 .form_new input.input2,textarea,select{border:1px solid #ddd;border-top:1px solid #999;border-left:1px solid #999}
#step20 .form_new table input.input{width:250px}
#step20 .form_new table input.empty{color:#999}
#step20 .form_new table input.incomplete{background-color:#FFEeEe}
#step20 .form_new table input.input_pass{width:170px}
#step20 .form_new table select{width:258px}
#step20 .form_new table th{padding:12px 10px 2px 0;text-align:right;width:180px}
#step20 .form_new .line{background:#e5e5e5;height:1px;overflow:hidden;margin:15px -10px}
#step20 .form_new table{margin:5px 0}
#reg_but_new{margin: 23px 0 32px 0}
#reg_but_new{transition: all .5s;background: var(--BLUE);color:#fff;font: bold 16px/25px var(--FONT1);border:none;padding: 16px 24px;border-radius: 30px;display:block;width: 400px;white-space:nowrap;height: 56px;box-sizing: border-box}
#reg_but_new:hover{background:var(--BLUE_HI1)}
#reg_but_new.disabled{background: var(--MAGENTA)}
#reg_but_new.disabled:hover,#reg_but_new.disabled:focus{background: var(--CAT_COLOR3)}
#reg_but_new:focus{transition: box-shadow 0.3s;box-shadow:0 0 0 12px transparent}
#reg_but_new.disabled:active{box-shadow:0 0 0 6px var(--MAGENTA_OPAC2)}
#reg_but_new:active{box-shadow:0 0 0 6px rgba(0, 152, 255, 0.2)}
#step20 .discount{margin-top:20px;padding:0;text-align:center;display:none}
#step20 .register_col_act .discount{display:block}
#step20 .discount div{display:none}
#step20 .discount a{font:14px Georgia;border-bottom:1px dashed #999;color:#999}
#step20 .discount a:hover{border-bottom:1px dashed #333;color:#333}
#step20 .discount input{width:150px;padding:4px 10px;text-align: center}
#step20 .bigico{opacity:0;float:left;width:40px;height:40px;top: 55px;position:absolute;left:0;top: 8px;z-index: 101}
#step20 .bigico_yes{opacity: 1;background:url(/img/notifier_iconset.svg)}
#step20 .bigico_warn{opacity: 1;background:url(/img/notifier_iconset.svg) -40px 0}
#step20 .bigico_no{opacity: 1;background:#e4e4e4 url(/images//notifier_iconset.svg) -80px 0}
#step20 .bigico_no ~ b,#step20 .bigico_warn ~ b,#step20 .bigico_yes ~ b{display:none}
#step20 #alias_warn{background:rgba(0,0,0,0.7);color:#fff;border-radius:4px;font: 14px/20px var(--FONT1);padding:10px;position:absolute;text-align: right;left: 0;white-space: nowrap;top: 48px;z-index: 100}
#step20 #alias_warn:empty{opacity:0}
a.auto{color:inherit !important;text-decoration:none;background:none !important}
#reg_docs .text small{display:block;font: 12px/16px var(--FONT1);color:#999;margin: 10px 0;text-align: center}
#step20 .itm{position:relative;padding:0 0 10px 0;margin:0 12px 0 0}
#step20 .itm input.input,#step20 .itm textarea{width:100%;padding:3px 4px;font:bold 14px var(--FONT1)}
#step20 .itm textarea{margin:5px 0 0 0;height:65px}
#step20 .itm input.input:focus,#step20 .itm textarea:focus{box-shadow:0 0 4px 1px #95BCE2;border-color:#95BCE2}
#step20 .itm span{position:absolute;right:-5px;top:2px;color:#999;font:12px/20px var(--FONT1)}
#step20 .itm_pass{float:left;width:190px}
#step20 .itm_apass{margin:5px 0 0 210px}
#step20 .message3,#step20 .error3{font:bold 16px var(--FONT1);padding:10px;background:#ccc;color:#666}
#step20 h2{font: 14px/20px var(--FONT1);height:50px}
#step20 h2 b{font: bold 16px/20px var(--FONT1)}
#step20 h2 span.num{float:left;text-align:center;color:#333;width:40px;height:40px;font:22px/40px var(--FONT1);margin:0 15px 0 -20px;background:#fc0;border-radius:20px}
#step20 h2 span.done{float:left;text-align:center;width:40px;height:40px;font:22px/40px var(--FONT1);margin: 0 15px 0 -20px;background:url(/img/notifier_iconset.svg) 0 0;display:none}
#step20 .reg_yes h2.cir2 span.num{display:none}
#step20 .reg_yes h2.cir2 span.done{display:inline}
.ico_de,.ico_ua{padding:3px 15px 3px 1px}
.ico_de{background:url(/img/iconset.svg) -20px -960px}
.ico_ua{background:url(/img/iconset.svg) -40px -960px}
#step20 p.server{padding:10px 0 10px 10px;color:#777;height:19px;margin-right:-10px}
#step20 p.server a{color:#555;text-decoration:none;padding:7px;border-radius:3px;border:1px solid #F4F4F4}
#step20 p.server a:hover{color:#000;background:#E5E5E5;border:1px solid #E5E5E5}
#step20 p.server a.act,#step20 p.server a.act:hover{color:#06c;background:#fff;border:1px solid #ddd}
#step20 #reg_plan3{font:italic 15px Georgia;text-align:center;color: #777;width:300px;margin:0 auto;padding:0 0 0 0;display:none}
#step20 .register_col_act #reg_plan3{display:block}
body.reg{min-width:320px;background: #e5e5e5}
#step20 .wrap{width: 740px}
#step20 #reg_col3{float:none;margin:0 auto 20px}
@media(max-width: 768px){#step20{padding:32px 0 0 0;font:13px var(--FONT1)}
#step20 .wrap{width:320px}
#step20 #register_col{width:320px}
#step20 .register_col{float:none;margin: 0 0 15px 0}
#reg_but_new{margin:20px 0}
#step20 .discount{padding:0}
#step20 #reg_plan3{padding:0}
#reg_but_new{width: 320px}
}
.form_new2 p{padding: 0 0 16px 0}
.form_new2 .input{border: 1px solid #ccc;font: 15px/20px var(--FONT1);padding: 0 15px;border-radius:4px;width:100%;height: 56px;box-sizing: border-box;-webkit-appearance: none}
.form_new2 .input2{border:1px solid #ccc;font:15px/20px var(--FONT1);padding:12px 10px;border-radius:4px;height: 56px;box-sizing: border-box;-webkit-appearance: none}
.form_new2 .input:focus,.form_new2 .input2:focus{border-color: #09f;box-shadow: 0 0 0px 3px rgba(0, 153, 255, 0.4)}
.form_new2 ::-moz-placeholder{opacity:0.4;color:#000}
.form_new2 ::-webkit-input-placeholder{opacity:0.4;color:#000}
.drop_select{display:block;height:20px;background:#D6EEFE;border-radius:4px;cursor:pointer}
.drop_select{text-decoration:none;margin:0 0 15px 0;font: 15px/20px var(--FONT1);color: #07d;white-space:nowrap;overflow:hidden;position:relative;padding: 10px 10px}
a.drop_select:hover{text-decoration:none;color:#5af}
a.drop,span.drop{height:20px;width:20px;float:right;overflow:hidden;background:url(/img/iconset.svg) no-repeat -80px -320px;margin: 0 0 0 5px}
a.drop:hover,a.drop_over{background:url(/img/iconset.svg) no-repeat -100px -320px}
.drop_select span.drop{background:#D6EEFE url(/img/ws_emoji.svg) no-repeat -365px -95px;background-size: 450px 450px;position:absolute;right:0;top: 7px;border:5px solid #D6EEFE}
.drop_select_gray span.drop{background:#f4f4f4 url(/img/ws_emoji.svg) no-repeat -365px -155px;background-size: 450px 450px;border-color:#f4f4f4}
#domen{position: relative;height: 56px}
#domen b{float:left;font: 14px/56px var(--FONT1);color:#777;margin:0 -40px 0 0}
#domen .input2{float: right;border-radius: 4px;width: 270px;padding-right: 170px}
#domen .drop_select{float:right;width:135px;position: absolute;right: 8px;top: 8px;padding-left: 8px}
#domen .drop_select select{position:absolute;left:0;top:0;height: 44px;width:155px;opacity:0;cursor:pointer}
#domen .drop_select:focus-within{box-shadow: 0 0 0px 3px rgba(0, 153, 255, 0.4)}
#domen .drop_select option{font: 15px/20px var(--FONT1);padding: 5px 10px}
#domen input.incomplete ~ .drop_select{background: rgba(255, 0, 0, 0.1);color:#777}
#domen input.incomplete ~ .drop_select .drop{background-color:transparent;border-color:transparent}
.form_new2 p .ph{position:relative;vertical-align:top;display: inline-block}
.form_new2 p .ph span{position:absolute;right:1px;top: 16px;white-space:nowrap;padding: 0 8px;font: 14px/24px var(--FONT1);color:#aaa;opacity:0;transition:0.5s opacity ease;-webkit-transition:0.5s opacity ease}
.form_new2 p .ph_act span{opacity:1}
.form_new2 .fname{float:left;width:50%}
.form_new2 .fname p{margin:0 -1px 0 0}
.form_new2 .fname input:focus{position:relative}
.form_new2 .lname{margin-left:50%}
.form_new2 .fname .input{border-radius:4px 0 0 4px}
.form_new2 .lname .input{border-radius:0 4px 4px 0}
span.ico_priv{background:url(/img/iconset.svg) no-repeat -100px -1160px;position:relative}
.form_new2 p.pass{position:relative}
.form_new2 p.pass .ico_priv{position:absolute;right: 10px;top: 19px}
.form_new2 p.pass .ph span{right: 28px}
.register__promo_code{color:#999;font: italic 13px/48px var(--FONT1)}
.register__promo_code b{font:bold italic 13px/30px Georgia;color:#333;border-bottom:1px dashed}
.register__promo_code:hover b,.register__promo_code:focus b{color:#07d}
#step14{padding:0 40px;position:relative;background: linear-gradient(225deg,#e3c0fe,#06d0c5);background-size: 100% 100%;background-attachment: fixed}
#step14 .head{background: rgba(0,0,0,0.25);margin:0 -40px;padding: 20px 40px 20px 40px;height: 120px;overflow:hidden;color:#fff;font:italic 16px Georgia}
#step14 .head .bigico_c{margin:0px auto}
#step14 .head .a1,#step14 .head .a2,#step14 .head .a3,#step14 .head .a4,#step14 .head .a5,#step14 .head .a6,#step14 .head .a7,#step14 .head .a8{position:absolute;left:0;top: 145px;width:380px;-webkit-transition: opacity 0.3s ease;transition: opacity 0.3s ease}
#step14 .head .a3,#step14 .head .a4,#step14 .head .a5,#step14 .head .a6,#step14 .head .a7,#step14 .head .a8{opacity:0}
#step14 .head .a2,#step14 .head .a4,#step14 .head .a6,#step14 .head .a8{left:auto;right:0}
#step14 .data{padding:40px;margin:0 -40px;min-height:600px}
#step14 .data .wrap{max-width:100%;overflow:hidden;min-height:900px}
#step14 .data .wrap2{position:relative;width:400px;margin:-70px auto 50px auto}
#step14 #plan_drop{top:50px}
#step14 #plan_name{text-align:center}
#step14 .item{position:absolute;top:1000px;left:50%;width:320px;margin:0 25px 25px -160px;border-radius:20px;box-shadow:0 2px 2px rgba(0,0,0,0.2),0 0 1px rgba(255,255,255,0.5) inset}
#step14 .item_add{background:rgba(255,255,255,0.5);color:#333;font:italic 16px/20px Georgia;padding:5px 0}
#step14 .item_add b{color:#39c;font:300 24px/34px var(--FONT2)}
#step14 .item_add .bigico{margin:-5px 10px -5px 0}
#step14 .item_add:hover{background:#fff;-webkit-transition:background 0.5s ease;transition:background 0.5s ease}
#step14 .item_ani{}
#step14 .item_hid{display:none}
#step14 .item .in{padding:5px 20px;background:#fff;border-radius:20px;opacity:0;-webkit-transition: opacity 0.5s ease;transition: opacity 0.5s ease}
#step14 .item_act .in{opacity:1}
#step14 .item .img{text-align:center;height:150px;overflow:hidden}
#step14 .item .video{margin:0 -20px}
#step14 .item .text{border-top:1px solid #E5E5E5;padding:15px 20px 0 20px;max-height:485px;overflow:auto;margin:0 -20px 15px -20px}
#step14 .item .text .page_content{font:400 1rem/1.5rem var(--FONT1);color:#333}
#step14 .item .text p{padding:0;margin:0}
#step14 .item .user{font:13px/18px var(--FONT1);color:#777;padding:0 0 15px 0;border-bottom:1px solid #E5E5E5}
#step14 .item .user b{display:block}
#step14 .item .av{float:left;width:40px;height:40px;margin:0 10px 0 0}
#step14 .item .av div{width:50px;height:50px;background:#999 url(/img/guide_iconset.png) -500px -80px;margin:-5px}
#step14 .item .company{text-align:center;padding:15px 0;color:#39c;font:300 18px var(--FONT2)}
#step14 a.ico_drop_clear{display:none}
#step14 .plan_sel span.ico_drop{display:none}
#step14 .plan_sel a.ico_drop_clear{position:absolute;right:0;top:5px;display:block;border:10px solid #fff}
#step14 .ani_count{position:relative;font:25px var(--FONT2);margin:0 5px}
#step14 .ani_count font{position:absolute;right:0;top:0}
#step14 .item .av div.bg0{background-color: #FC0}
#step14 .item .av div.bg1{background-color: #FA2}
#step14 .item .av div.bg2{background-color: #F84}
#step14 .item .av div.bg3{background-color: #8CF}
#step14 .item .av div.bg4{background-color: #5AD}
#step14 .item .av div.bg5{background-color: #7CC}
#step14 .item .av div.bg6{background-color: #CB0}
#step14 .item .av div.bg7{background-color: #BC7}
#step14 .item .av div.bg8{background-color: #9DB}
#step14 .item .av div.bg9{background-color: #EAC}
#step14 .item .av div.bg10{background-color: #CBD}
#step14 .item .av div.bg11{background-color: #CAA}
#step14 .item .av div.bg12{background-color: #DDD}
#step14 .item .av div.bg13{background-color: #CCA}
#step14 .item .av div.bg14{background-color: #ACC}
#client_types{max-width:992px;margin:0 auto}
#client_types .in{height: 130px}
#client_types .in a{display:block;font:16px/20px var(--FONT1);padding:7px 10px;color: rgba(255, 255, 255, 0.8)}
#client_types .in div{float:left;width:240px}
#client_types.client_types_init .in a{color:#fff}
#client_types .in a:hover{background: rgba(0, 0, 0, 0.2);color: #fff !important;border-radius:20px}
#client_types .in div{float:left;text-align: center;width: 25%}
@media(max-width: 1280px){}
@media(max-width: 768px){#step14{padding:0}
#step14 .head{display:none}
#step14 .data{padding:30px 0 30px 0;margin:0}
#step14 .item{max-width: 46%;margin: 0 0 10px 0}
#step14 .item img{max-width:100%;height: auto}
#step14 .item .img{height: auto;padding-bottom:20px}
#step14 .item .img:last-child{padding-bottom:0}
#step14 .data .wrap{width:auto !important}
#step14 .item .video iframe{max-width:100%}
#step14 .item .text .page_content{font-size:0.85rem;line-height:130%}
#step14 .item .text{max-height:300px}
}
#step23{padding:0 0;position:relative}
#step23 .head{margin:0;padding:125px 0 10px 0;text-align:center}
#step23 .head h1{font:48px var(--FONT2);color:#333}
#step23 .head h2{font:24px var(--FONT2);color:#666}
#step23 .head p{font:18px var(--FONT2);color:#666}
#step23 .head .need{font:italic 18px/24px Georgia;color:#666;width:500px;margin:0 auto;padding:20px;border-radius:60px}
#step23 .head .need_alert{background:#fff;color:#333;transition:all 0.5s ease;-webkit-transition:all 0.5s ease}
#step23 .slack_logo{display:block;width:270px;height:110px;background:url(/images_promo/ws_slack_title.svg);margin:0 auto 40px}
#step23 .slack_but{display:block;width:165px;height:55px;background:url(/images_promo/add_to_slack.png);background-size:100% 100%;margin:40px auto 40px}
@media(max-width: 768px){#step23{background:#f4f4f4}
#step23 .head h1{font:28px var(--FONT2);color:#333}
#step23 .head h2{font:20px var(--FONT2);color:#666}
#step23 .head p{font:16px var(--FONT2);color:#666}
#step23 .head .need{width:auto;font:italic 14px/18px Georgia;border-radius:20px;padding:10px}
}
#step24{background:#fff}
#step24 .head{height:480px;background:url(/images/news2/346_b.jpg);background-size:cover}
#step24 .wrap{background:#fff;width:680px;padding-bottom:50px}
#step24 .person{text-align:center}
#step24 .person img{float:none;width:240px;height:240px;border-radius:120px}
#step24 .person .fname{font:21px Georgia;color:#333;margin:15px 0 0}
#step24 .person .position{font: 400 18px/120% var(--FONT1);color:#099;letter-spacing: -.01em;margin:5px 0 40px}
#step24 center{overflow:visible}
#step24 center img{margin:0 -1000px}
#step24 .page_content{font:16px/160% var(--FONT1);letter-spacing: .01em}
@media(max-width: 768px){#step24 .wrap{width:auto !important;margin:0 10px !important}
#step24 center img{margin:0;max-width:100%}
}
.useful{margin:4rem 0}
.useful .wrap{font: italic 1.125rem/1.75rem var(--FONT2)}
#blocks .useful .wrap h2{padding-bottom: 1rem}
.useful .wrap > p{color: #999;padding: 0 0.5rem 0 0.5rem}
.useful__tabs{display:flex;align-items: flex-start;justify-content:center;flex-wrap: wrap}
.useful__tab{width: 100%;max-width: 28%;margin: 2.4rem 1.4rem 0.4rem 1.4rem;display: inline-block;box-sizing: border-box;text-align: left;flex-shrink: 0;position:relative;min-height: 400px}
.useful__tab:first-child{margin-left: 0}
.useful__tab:last-child{margin-right: 0}
.useful__tab-content{box-shadow: 0 0 22px rgba(20,40,60,.20);border-radius: 0 0 2rem 2rem;position: relative;min-height: 360px}
.useful_tab0,.useful__nav-button:nth-of-type(1){--icon_color: #de0467;--color_tab: #fce5f0}
.useful_tab1,.useful__nav-button:nth-of-type(2){--icon_color: #70ad06;--color_tab: #f1f8e8}
.useful_tab2,.useful__nav-button:nth-of-type(3){--icon_color: #8d57e8;--color_tab: #f4eefd}
.useful_about{padding: 1.7rem 1.3rem 1.7rem 2.3rem;font: 300 1.125rem/1.75rem var(--FONT1);position: static}
.useful_line{height: 4px;width:100%;background-color: var(--icon_color)}
ul.useful_buttons{margin-top: 1.6rem;margin-left: -1rem;list-style: none}
.useful_button{display: flex;align-items:center;margin-bottom: 0.6rem;text-align: left;font: 500 1.125rem/1 var(--FONT1);letter-spacing: -0.0125rem}
.useful_button svg{width: 1rem;height: 1rem;fill: var(--BLUE_HI1);border: 1px solid var(--BLUE_OPAC1);background-color: var(--BLUE_OPAC1);border-radius: 50%;padding:0.5rem;margin-right: calc(1vw + 0.5rem);transition: background-color 0.3s ease,border 0.3s ease,fill 0.1s ease;flex-shrink: 0}
.useful_button:hover,.useful_button:focus{color: var(--icon_color)}
.useful_button:hover svg,.useful_button:focus svg{fill: #fff;border: 1px solid var(--icon_color);background-color: var(--icon_color)}
.useful_popup{overflow: hidden;visibility: hidden;height:0;width: 100%;border-radius: 0 0 2rem 2rem;box-sizing: border-box;position: absolute;left:0;top:0;padding: 1.7rem 1.3rem 1.7rem 2.3rem;background-color: var(--color_tab);min-height: 100%;max-height:100%}
.useful_popup--height_auto{max-height:none}
.useful_popup--active,.useful_popup--closing{visibility: visible;width: 100%;height: 100%;height: auto;box-shadow: 0 0 22px rgba(20,40,60,.20);outline:0}
.useful_popup h4{display: flex;align-items:center;text-align: left;margin-left: -1rem;line-height: 1;margin-top:160px;opacity: 0;transition:0.5s margin-top,0.5s opacity}
.useful_popup--active h4{margin-top:0;opacity: 1;transition:0.5s margin-top,0.5s opacity}
.useful_popup h4 svg{width: 1rem;height: 1rem;fill: #fff;background-color: var(--icon_color);border-radius: 50%;padding:0.5rem;margin-top: 0.05rem;margin-right: 1rem;flex-shrink: 0}
.useful_popup__text{opacity: 0;min-height: 0;transition:0.5s opacity}
.useful_popup--active .useful_popup__text{min-height: 100%;overflow: visible;opacity:1;transition:0.5s opacity,1s min-height;transition-delay: 0.1s}
.useful_popup__close{opacity: 0;margin: 0 auto}
.useful_popup--height_auto .useful_popup__close{opacity: 1;height: auto;overflow: visible;transition:0.5s opacity;transition-delay: 0.4s}
.useful_popup__close:hover:before,.useful_popup__close:focus:before{opacity: 0.7;background: rgba(0,0,0,0.1)}
.useful_popup__close svg{width: 3.5rem;height: 3.5rem}
.useful__nav{position: absolute;right: 34px;top:14px;z-index:10;line-height:0;display: none}
.useful__nav-button{width:12px;height:12px;border:2px solid #ccc;border-radius:10px;margin:0 2px;transition: 0.4s width}
.useful__nav-button_active{background:var(--icon_color);width:20px;border-color:var(--icon_color)}
.useful__nav-button:focus,.useful__nav-button:hover{border-color:var(--icon_color)}
.useful__nav-animate-rec{z-index: 1;height:100%;left:0;top:0;border-color:currentColor;background:currentColor;position: absolute;transition: left 0.4s ease-out,width 0.4s ease-out,color 0.4s ease;border-radius:10px}
@media(min-width:900px){.useful__tab{transition-property: none}
.useful__tab.ani_bind{top: 120px;opacity: 0}
.useful__tabs .ani_bind .useful_line{width: 0}
.useful__tabs .ani_end .useful_line{transition: 0.5s width;width: 100%}
.useful__tab.ani_start{transition: 0.4s top,0.6s opacity,0.3s left;top: 0;opacity: 1}
.useful_tab1.ani_start{transition-delay: 0.2s}
.useful_tab2.ani_start{transition-delay: 0.4s}
.useful__tab.ani_bind .useful__tab-content{min-height: 0}
.useful__tab.ani_height .useful__tab-content{transition: 0.5s min-height;min-height: 360px}
.useful__tab.ani_bind .useful_about{position: absolute;opacity: 0}
.useful__tab.ani_bind .ani_height_end .useful_about{transition: 0.6s opacity;opacity: 1;position: static}
}
@media(max-width:900px){.useful{margin-bottom:0}
.useful{user-select: none}
.useful h3{font: 700 1.625rem/2rem var(--FONT1)}
.useful h4,.useful h5{font-size: 1.25rem}
.useful h3,.useful h4,.useful h5{padding: 0 0 1.5rem 0}
.useful__tab{margin:0 !important;position:absolute;left:30px;top:0;transition:left 0.3s ease;width: 460px;max-width: 396px;visibility: hidden}
.useful__tab.item_act{visibility: visible}
.useful__tab h3{opacity: 0}
.useful__tab.item_act h3{opacity: 1;transition:opacity 0.6s ease-in}
.useful .item_first{margin:0}
.useful .item_l{left:-600px}
.useful .item_r{left:600px}
.useful__tabs{position:relative;cursor:move;cursor:-moz-grabbing;cursor:-webkit-grabbing;overflow: hidden;max-width: 460px;min-height: 460px;margin: 2.4rem auto 0 auto}
.useful__nav{display: flex}
}
@media(max-width: 450px){.useful__tabs{max-width: 100vw;min-height: 470px}
.useful__tab{width: 100%;max-width: calc(100% - 32px);left:16px}
.useful_button{font: 600 1.15rem/1 var(--FONT1)}
.useful__nav{right:16px}
}