#step12 .head{background:#b0b7c9 url(/images/promo_bg/wsbg_signin.jpg) no-repeat;background-attachment:fixed;background-size:100% auto;height:60px;margin:0;overflow:hidden;padding:30px 0 10px}body.guide_one #step12 .head{background:#f1f1f1;padding:0 40px 10px}body.guide_more #step12 .head{background:#7094b4 url(/images/promo_bg/wsbg11.jpg) no-repeat}body.agreement #step12 .head{background:#f1f1f1;padding:0 40px 10px}#step12 .data{margin:0 40px;padding:0 0 140px}body.scr12{background:#f4f4f4}#guide-h1{font:600 3rem/.9 var(--FONT1);margin:16px 0;text-align:center;text-shadow:1px 1px #fff}body #step12:before{background:#fff;background-attachment:fixed;background-size:100% auto;background:linear-gradient(180deg,#fff 0,#f4f4f4);content:"";filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#fff",endColorstr=" #F4F4F4",GradientType=0);height:202px;position:fixed;width:100%;z-index:-1}#header{box-shadow:none}#step12 .text{position:relative}#step12 h2{font:500 2rem/.9 var(--FONT1);margin:0 0 32px;text-shadow:1px 1px #fff}#step12 h2.list_head{bottom:100%;position:absolute;top:auto}#step12 .page_content h2{font:600 28px/32px var(--FONT1)}#step12 .page_content h3{font:600 21px/28px var(--FONT1);padding-top:0}#step12 .page_content h3:first-child{font:600 28px/32px var(--FONT1);padding-bottom:2.6rem}#step12 #blog{max-width:calc(680px + 5rem)}#step12 #blog .item{margin:0;padding:8rem 0 4rem}#step12 #blog .item:last-child{padding-bottom:0}#step12 #blog .page_content{line-height:150%}#step12 #blog .item h1{font:600 36px/45px var(--FONT1);text-shadow:1px 1px #fff}#step12 #blog .top{font:16px/20px var(--FONT3);height:60px;padding:30px 0 0}#step12 #blog .top .date{color:#999;font-style:italic}#step12 #blog .top .wsuser{background:url(/images/promo_bg/wsteam.cache823.png) -15px -15px;float:left;height:70px;margin:-30px 10px 0 0;width:70px}#step12 #blog .top .wsuser1{background-position:-215px -215px}#step12 #blog .top .wsuser2{background-position:-115px -15px}#step12 #blog .top .wsuser3{background-position:-315px -15px}#step12 #blog .top .wsuser4{background-position:-15px -15px}#step12 .t12,#step12 .t2{background:#9a5}#step12 .t12 .corner,#step12 .t2 .corner{border-color:transparent #9a5 transparent transparent}#step12 .t17,#step12 .t7{background:#c99}#step12 .t17 .corner,#step12 .t7 .corner{border-color:transparent #c99 transparent transparent}#step12 #blog .text_{align-items:flex-end;background:#fff;border-radius:0 2rem 2rem 2rem;box-shadow:0 16px 64px rgba(20,30,40,.1);display:flex;flex-direction:column;padding:1rem 2rem 2.4rem 3rem;position:relative}#step12 .wrap{display:flex;justify-content:center}#step12 #blog_right{align-self:flex-start;margin:0 20px 0 0;position:sticky;top:calc(8rem + 70px);width:350px}#step12 #blog_right.blog_right_rel{position:relative;top:8rem}#step12 #blog{flex:1}#step12 nav ul{list-style:none;margin:0;padding:0}#step12 aside nav li{border-left:3px solid #e6e6e6;margin:0 0 2px;overflow:hidden;position:relative}#step12 aside nav li:focus-within,#step12 aside nav li:hover{background:#f7f7f7;border-left:3px solid #333}#step12 aside nav li a{box-sizing:border-box;color:#333;display:block;font:16px/20px var(--FONT1);left:0;padding:15px 30px 15px 15px;position:relative;text-shadow:1px 1px #fff;transition:left .5s ease-out}#step12 aside nav li:focus-within a,#step12 aside nav li:hover a{color:#222;left:8px;transition:left .25s ease-in}#step12 aside nav li.item_act{border-left:3px solid var(--GROUP_COLOR4)}#step12 nav li .arrow-icon{fill:var(--GROUP_COLOR4);height:25px;position:absolute;right:15px;top:13px;transform:rotate(180deg);visibility:hidden;width:25px}#step12 nav li:focus-within .arrow-icon,#step12 nav li:hover .arrow-icon{visibility:visible}#step12 #blog_list .item_act .bg{background:#fff;height:100px;left:0;position:absolute;top:0;width:0}.do_scrolling #step12 #blog_list .item .bg{display:none}.do_scrolling #step12 #blog_list .item:hover{background:transparent!important;border-left:3px solid #e6e6e6!important}.do_scrolling #step12 #blog_list .item:hover a{color:#333}#step12 #blog .page_content canvas,#step12 #blog .page_content img[data-uri]{box-shadow:0 0 0 1px #e5e5e5}#step12 .page_content img{max-width:100%}svg.logo_content{align-self:center;fill:silver;height:46px;width:46px}#step12 .tags{font:500 14px/24px var(--FONT1);margin-bottom:25px}#step12 .tags .tags_in{display:inline-flex;position:relative}#step12 .animate_tags .tag,#step12 .animate_tags .tag:hover{background:#fff!important;color:#fff!important}#step12 #animate_rec{background:var(--MAGENTA);border-radius:5px;height:100%;left:0;position:absolute;top:0;transition:left .4s ease-out,width .4s ease-out;z-index:1}#step12 .tags_in a.tag{background:#fff;box-shadow:0 0 30px rgba(20,30,40,.2);color:rgba(0,0,0,.6);display:inline-block;margin:4px 0;padding:6px 24px}#step12 .tags_in .tag:first-of-type{border-radius:5px 0 0 5px}#step12 .tags_in .tag:last-of-type{border-radius:0 5px 5px 0}#step12 .tags_in a.tag:hover{background:#f4f4f4;color:rgba(0,0,0,.8)}#step12 .tags_in .tag.tag_act,#step12 .tags_in .tag.tag_act:hover{background:var(--MAGENTA);border-radius:5px;color:#fff;cursor:default;margin:0;padding-bottom:10px;padding-top:10px}#step12 .tags_in .tag:not(.tag_act){transition:box-shadow .3s}#step12 .tags_in .tag:not(.tag_act):active{box-shadow:0 0 0 4px var(--MAGENTA_OPAC2)}body.guide #step12 #blog_right nav{align-self:flex-start;overflow-x:hidden}body.guide #step12 #blog_right nav ul{left:0;position:relative;transition:left .6s ease}body.guide #step12 #blog_right nav.guide_user ul{left:-100%;transition:left .5s ease}body.guide #step12 #blog_right nav{display:flex;flex-wrap:nowrap}body.guide #step12 #blog_right nav>*{flex-shrink:0;width:100%}.scr12 .share_menu{align-items:center;color:#333;display:flex;flex-direction:column}#step12 article.button_invisible .share-icon{visibility:hidden}#step12 article.button_invisible .logo_content{display:none}#step12 article.button_invisible .page_content,#step12 article.button_invisible .page_content>ol:last-of-type{margin-bottom:0}#step12 aside#blog_right nav .button_invisible{display:none}.scr12 #footer-dark{background-color:transparent}@media (max-width:1280px){#step12 .data{margin:0 20px}#step12 #blog_right{margin:0;width:270px}#step12 #blog_right .tags .tag{padding-left:12px;padding-right:12px}}@media (max-width:992px){#step12 #blog{margin:0 auto}#step12 #blog_right{position:static!important;width:100%}#step12 #blog_list .item{background:#fff}#step12 #blog{display:none}#step12 .data{padding:60px 0 20px}#step12 #blog_right .tags{display:flex;justify-content:center;margin-bottom:40px}#step12 #blog_right .tags .tag{padding-left:25px;padding-right:25px}}@media screen and (max-width:768px){#step12 .head{background:#b0b7c9;height:auto;padding:110px 0 15px}body.agreement #step12 .head{padding:90px 0 0}body.guide_more #step12 .head{height:auto;margin:-15px 0 0;padding:15px 0}#step12 .wrap{margin:0 20px}#step12 #blog{width:auto}#step12 h2{font:24px/28px var(--FONT1)}#step12 #blog .text_{font:13px/130% var(--FONT1);padding:15px}#step12 #blog .text_ canvas,#step12 #blog .text_ img{height:auto;max-width:100%}#step12 #blog .item .text_,#step12 .comment_new,#step12 .comments0,#step12 .share{height:auto;margin:0 -10px}#step12 #blog .item h1{font:300 26px/35px Roboto}#step12 #blog .item h2{font:20px/24px var(--FONT1)}#step12 #blog .item h3{font:18px/22px var(--FONT1)}.page_content li{font:italic 14px/140% var(--FONT3)}#step12 #blog .top .wsuser{background-size:200px 50px;height:36px;margin:0 10px 0 0;width:36px}#step12 #blog .top .wsuser1{background-position:-107px -107px}#step12 #blog .top .wsuser2{background-position:-57px -7px}#step12 #blog .top .wsuser3{background-position:-157px -7px}#step12 #blog .top .wsuser4{background-position:-7px -7px}#step12 #blog .top{font:14px/18px var(--FONT3);padding:0}#step12 .share .share_item{float:none;margin:0 0 6px;width:auto}body.guide #step12 h2 span.num{margin:-3px 10px -10px 0}body.guide #step12 #blog .text_{margin:0 -10px 25px}}@media screen and (max-width:360px){#step12 .wrap{margin:0 auto;width:300px}#step12 #blog .text_ canvas,#step12 #blog .text_ img{height:auto;margin:0 -15px;max-width:320px}}@media screen and (max-width:340px){#step12 #blog_right .tags .tag{padding-left:12px;padding-right:12px}}@media print{html{font:12px/16px var(--FONT1)}#blog .item:not(.item_act),#footer-dark,#header,#header_pre,#step12 #blog_right,button{display:none!important}#step12 #blog{display:block!important}#step12 #blog .text_{background:none;border-radius:0;box-shadow:none;padding-left:0;padding-top:3rem;position:relative}#step12 .data{margin:0!important;padding:0!important}#step12 h2{font:600 3rem/.9 var(--FONT1)!important}#step12 h3{font:600 2.6rem/.9 var(--FONT1)!important}body #step12:before{content:none}#step12 #blog .item{padding-top:0}#step12 #blog .list_head{position:static}#step12 #blog{max-width:none}}