@charset "UTF-8";body,.learning{font-family:"Segoe UI","Open Sans","Meiryo","微軟正黑體","MS UI Gothic","MS PGothic",Arial,Helvetica,sans-serif;color:#292929;font-size:16px;line-height:1.4;margin:0;padding:0;position:relative}body *{box-sizing:border-box}em{font-style:italic}h2,a,select,.learning h2,.learning a,.learning select{font-family:"Segoe UI","Open Sans","Meiryo","微軟正黑體","MS UI Gothic","MS PGothic",Arial,Helvetica,sans-serif}a{color:inherit;outline:none !important;text-decoration:none}.learning.page_home h1{font-size:52px;line-height:62px}.learning h1,.learning h2.title2{font-size:40px;line-height:54px}.learning h2,.learning h1.title2{font-size:32px;line-height:40px;margin:10px 0}.learning h3{font-size:28px;line-height:36px}.learning h4{font-size:24px;line-height:32px}.main_content p{margin-bottom:15px;line-height:1.5}.main_content p.brief{padding:0 20px}strong{font-weight:bold}.page_home img,.page_listing img,.page_detail img{display:block;width:100%;max-width:600px;height:auto}div.description img.full{max-width:100%}div.description img:nth-of-type(1){max-width:100%}div.video{position:relative;padding-bottom:56.25%;overflow:hidden;margin:4% 0}div.video iframe{position:absolute;top:0;left:0;width:99.98%;height:100%}@media screen and (max-width:1160px){.learning.page_home h1{font-size:46px;line-height:56px}.learning h1,.learning h2.title2{font-size:40px;line-height:54px}.learning h2,.learning h1.title2{font-size:30px;line-height:38px}.learning h3{font-size:26px;line-height:34px}.learning h4{font-size:23px;line-height:31px}}@media screen and (max-width:992px){.learning.page_home h1{font-size:40px;line-height:50px}.learning h2,.learning h1.title2{font-size:28px;line-height:36px}.learning h3{font-size:24px;line-height:30px}.learning h4{font-size:22px;line-height:28px}}@media screen and (max-width:768px){.learning.page_home h1{font-size:36px;line-height:46px}.learning h2,.learning h1.title2{font-size:26px;line-height:34px}.learning h3{font-size:22px;line-height:28px}.learning h4{font-size:20px;line-height:26px}}@media screen and (max-width:480px){.learning h1,.learning h2.title2{font-size:30px;line-height:40px}.learning h2,.learning h1.title2{font-size:24px;line-height:30px}}.clearfix:before,.clearfix:after{content:"";display:table}.clearfix:after{clear:both}.clearfix{*zoom:1}.container{max-width:1200px;margin:0 auto}@media screen and (min-width:1200px){.container{padding:0 15px}}@media screen and (min-width:768px) and (max-width:1200px){.container{margin-left:3em;margin-right:3em}}@media screen and (max-width:768px){.container{margin-left:20px;margin-right:20px}}.btn{border-width:1px;border-style:solid;border-color:#07f;background:transparent;border-radius:100px;color:#07f;display:inline-block;font-size:16px;font-weight:400;padding:6px 30px;text-align:center;transition:background-color ease .2s,color ease .2s}.btn:hover{border-color:#0af;background-color:#0af;color:#fff}.btn.btn_buy{background-color:#ff8400;border-color:transparent;border-radius:8px;color:#fff}.btn.btn_buy:hover{background-color:#ff9b4b}.btn.solid_orange{background-color:#ff8400;border-color:transparent;color:#fff}.btn.solid_orange:hover{background-color:#ff9b4b}.btn.solid_blue{background-color:#0af;border-color:transparent;color:#fff}.btn.solid_blue:hover{background-color:#08f}.btn.solid_grey{background-color:#aaa;border-color:transparent;color:#fff}.btn.solid_grey:hover{background-color:#999}.btn_area{margin:15px 0}.btn_area.center{text-align:center}.icon{width:20px;height:20px;background-size:20px 20px;background-repeat:no-repeat;background-position:0 0;display:inline-block}.icon_view{background-image:url(../img/icon_view.svg)}.icon_fav{background-image:url(../img/icon_fav.svg);position:relative;z-index:2}.icon_fav:hover,.fav_area a:hover .icon_fav{background-image:url(../img/icon_fav2.svg)}.icon_fav.active,.fav_area a.active .icon_fav{background-image:url(../img/icon_fav2.svg)}.icon2{width:15px;height:15px;background-size:15px 15px;background-repeat:no-repeat;background-position:0 0;display:inline-block}.icon_win{background-image:url(../img/icon_win.svg);position:relative;z-index:2}.icon_mac{background-image:url(../img/icon_mac.svg);position:relative;z-index:2}.prod_list{min-height:200px;padding:60px 15px;text-align:center}.video-container,.responsive_video{width:100%;height:0;overflow:hidden;position:relative;padding-bottom:56.25%}.responsive_video{margin-top:30px}.video-container iframe,.responsive_video iframe{width:100%;height:100%;position:absolute;top:0;left:0}.prod_list h2::before{content:none !important}.dropdown_bg{content:"";background-color:rgba(0,0,0,.65);display:none;position:fixed;bottom:0;left:0;right:0;top:70px;z-index:3}.dropdown_bg.active{display:block}.flex_block{height:auto;display:-webkit-flex;display:-ms-flex;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:flex-start;-webkit-justify-content:flex-start;-ms-justify-content:flex-start}.row_block{margin-bottom:80px}.sec_block{margin-bottom:60px}.sec_block:last-child{margin-bottom:0}.sec_block.events{width:100%;background-color:#f3f3f3;padding:60px 0}.row_block:last-child{margin-bottom:0}.feature_banner{max-width:960px;text-align:center;margin:25px 15px}.feature_banner a{display:block}.feature_banner a img.mobile{display:none}@media screen and (max-width:768px){.prod_list{min-height:120px;padding:20px 15px}.row_block{margin-bottom:60px}.feature_banner{margin-left:-20px;margin-right:-20px}.feature_banner a img.pc{display:none}.feature_banner a img.mobile{display:block}}@media screen and (max-width:480px){.prod_list h2{font-size:22px;line-height:26px}}.gsc-selected-option-container{width:auto !important}.gsc-selected-option{width:134% !important}.banner_top{background-color:#62616a;background-image:url(../img/bg_banner_top.jpg);background-position:center center;background-size:cover}.banner_top .container{padding:34px 0;align-items:center;-webkit-align-items:center;-ms-align-items:center}.banner_top .title{color:#fff;display:inline-block;font-weight:100;text-shadow:1px 2px 4px rgba(0,0,0,.6);vertical-align:middle}.banner_top.home .container{text-align:center}.banner_top.home .container::before{content:"";width:1px;min-height:400px;display:inline-block;vertical-align:middle}.banner_top.home .title{width:calc(100% - 11px)}.banner_top .icon{width:60px;height:60px;margin-right:15px}.page_home .banner_top{background-image:url(../img/bg_banner_home.jpg);background-position:center;background-size:cover}.page_home .banner_top .container{min-height:400px;justify-content:center;-webkit-justify-content:center;-ms-justify-content:center}.page_listing.webinars .title{padding-left:0}@media screen and (min-width:1200px){.banner_top .container{max-width:1200px;padding:34px 15px}}@media screen and (max-width:991px){.page_home .banner_top .container,.banner_top.home .container::before{min-height:300px}}@media screen and (max-width:768px){.banner_top .container{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:22px 0}.banner_top .title{padding-top:10px;text-align:center}.page_home .banner_top .title{padding-top:0}.banner_top .icon{margin-right:0}}@media screen and (max-width:600px){.banner_top:not(.home){display:none}.page_home .banner_top{background-position:center 0}.page_home .banner_top .container,.banner_top.home .container::before{min-height:180px}}.nav_tabs{border-bottom:1px solid #ccc;padding-top:30px}.nav_tabs>.container{padding:0 10px}.nav_tabs ul li a{background-color:#fcfcfc;border:1px solid #ddd;border-bottom:0;border-radius:10px 10px 0 0;color:#666;display:block;font-size:15px;margin:0 5px;margin-bottom:-1px;padding:15px 30px;transition:color ease .25s}.nav_tabs ul li:hover a{color:#07f}.nav_tabs ul li.active a{background-color:#f6f6fb;border-top-left-radius:10px;border-top-right-radius:10px;border:1px solid #ccc;border-bottom:1px solid #f6f6fb;color:#07f;font-weight:600}@media screen and (max-width:1200px){.nav_tabs>.container{max-width:100%}}@media screen and (max-width:992px){.nav_tabs>.container{padding:0;margin:0 10px}.nav_tabs ul li a{margin:0 3px;padding:15px}}@media screen and (max-width:768px){.nav_tabs{background-color:#f6f6fb;border:0;padding:15px;margin-bottom:-1px}.nav_tabs .container.flex_block{justify-content:center;-webkit-justify-content:center;-ms-justify-content:center}.nav_tabs ul li{width:50%;padding:10px}.nav_tabs ul li:nth-child(odd){padding-left:0}.nav_tabs ul li:nth-child(even){padding-right:0}.nav_tabs ul li a{border:1px solid #666;margin:0 5px;margin-bottom:-1px;text-align:center}.nav_tabs ul li a,.nav_tabs ul li.active a{border-radius:50px;padding:10px 15px}.nav_tabs ul li.active a,.nav_tabs ul li:hover a{border:1px solid #07f;color:#07f}}@media screen and (max-width:480px){.nav_tabs{padding:10px}.nav_tabs .container.flex_block{align-items:center;-webkit-align-items:center;-ms-align-items:center;margin-left:0;margin-right:0}.nav_tabs ul li{padding:5px 0}.nav_tabs ul li a,.nav_tabs ul li.active a{padding:6px 10px;font-size:14px}}@media screen and (max-width:360px){.nav_tabs ul li{width:100%}}.main_content{padding:60px 0;padding-top:40px}.main_content h2,.main_content h1.title2{color:#333;display:table}.main_content h2>span,.main_content h1.title2>span{display:table-cell;vertical-align:middle}.main_content h2::before,.main_content h1.title2::before{content:"";height:100%;border-left:4px solid #328fff;display:table-cell;line-height:1em;padding-right:15px;vertical-align:middle}@media screen and (max-width:768px){.main_content{padding-top:20px}.main_content h2::before,.main_content h1.title2::before{padding-right:10px}}.page_home .main_content{padding:0}.sort_block{text-align:right;margin-top:-15px;margin-bottom:15px}.sort_block .selectric-wrapper .selectric{margin-left:5px;padding-right:40px}.sort_block .selectric-wrapper .selectric .label{font-size:16px}@media screen and (max-width:768px){.sort_block{text-align:center;margin-top:0}}@media screen and (max-width:480px){.sort_block{margin-bottom:10px}}.main_content .container{min-height:300px}.main_content .main_section{padding:15px}.main_content .main_section{align-items:flex-start;-webkit-align-items:flex-start;-ms-align-items:flex-start}.main_content .main_section .pic{width:40%;max-width:410px}.main_content .main_section .detail{width:100%;max-width:calc(100% - 410px);padding-left:30px}.main_content .main_section .detail>h3{color:#07f;margin-bottom:15px}.main_content .main_section .detail .date{color:#666}.main_content .main_section .detail>p{margin-top:5px}.main_content .collapse_item{box-shadow:0 2px 4px 0 rgba(0,0,0,.25);margin:1px 30px;transition:margin ease .25s,box-shadow ease .25s}.main_content .collapse_item:hover{margin:1px 15px 1px 15px}.main_content .collapse_item.active{box-shadow:2px 2px 8px 0 rgba(0,0,0,.25);margin:10px 0}.main_content .collapse_item:first-child.active{margin:0;margin-bottom:10px}.page_listing.tutorials .main_content,.page_listing.my_learning .main_content{background-color:#f6f6fb}.page_listing.tutorials .main_content .inner,.page_listing.my_learning .main_content .inner{background-color:#fff;box-shadow:2px 2px 8px 0 rgba(0,0,0,.25);margin-bottom:10px;padding:30px}.page_listing.webinars .main_content{background-color:#fff}@media screen and (max-width:992px){.main_content .inner{padding:15px}.main_content .main_section .pic{max-width:none}.main_content .main_section .detail{width:60%;max-width:none;padding:0;padding-left:15px}.main_content .main_section .detail>p{font-size:15px}}@media screen and (max-width:768px){.main_content .main_section .pic{width:100%;max-width:360px}.main_content .main_section .detail{width:100%;padding:10px 0}.main_content .collapse_item{margin:1px 15px}.page_listing.tutorials .main_content,.page_listing.my_learning .main_content{padding-top:0}.page_listing.tutorials .main_content .container,.page_listing.my_learning .main_content .container{margin-left:0;margin-right:0}}@media screen and (max-width:600px){.page_listing.tutorials .main_content .inner,.page_listing.my_learning .main_content .inner{padding:15px}}.card_list li{padding:15px}.card_list li>a{height:100%;color:#292929;display:block;overflow:hidden;position:relative}.card_list li .pic{width:auto;overflow:hidden;position:relative;background-image:url(../img/icon_unknown_pic.svg);background-repeat:no-repeat;background-position:center;background-size:50px 50px}.card_list li a .pic::after{content:"";background-color:rgba(255,255,255,.2);background-repeat:no-repeat;background-position:center;color:#fff;display:block;opacity:0;position:absolute;bottom:0;top:0;left:0;right:0;z-index:2;transition:opacity ease .25s}.card_list li a:hover .pic::after{opacity:1}.card_list li a.icon_play .pic::after{background-image:url(../img/icon_play.svg);background-size:60px 60px}.card_list li a.icon_play:hover .pic::after{opacity:1}.card_list li .card_body{padding:15px}.card_list li h5.title{height:63px;font-size:16px;line-height:21px;transition:color ease .25s}.card_list li h5.title,.card_list.events li .title{transition:color ease .25s}.card_list li>a:hover .title{color:#07f;text-decoration:underline}.card_list li .date{color:#666;font-size:14px;margin-bottom:3px}.card_list li .detail{align-items:flex-end;-webkit-align-items:flex-end;-ms-align-items:flex-end;justify-content:space-between;-webkit-justify-content:space-between;-ms-justify-content:space-between;padding-top:10px;font-size:14px}.card_list li .detail .icon_fav{margin-bottom:2px}.card_list li .detail .info{text-align:right}.card_list li .detail .info>div:last-child{font-size:13px;font-weight:700}.card_list.home{align-items:stretch;-webkit-align-items:stretch;-ms-align-items:stretch}.card_list.home li{width:50%;padding:30px 15px;padding-right:20px}.card_list.home li>.flex_block{align-items:stretch;-webkit-align-items:stretch;-ms-align-items:stretch}.card_list.home li .pic{width:55%;min-height:100px}.card_list.home li .pic::before{content:none}.card_list.home li .card_body{width:45%;height:auto;padding:0;padding-left:15px;position:relative}.card_list.home li .btn_area{width:calc(100% - 15px);margin:0;position:absolute;bottom:0}.card_list.home li .btn{width:100%;margin-top:10px}.card_list.home li .btn:first-child{margin-top:0}.card_list.events li{width:33.33%}.card_list.events li a{border-radius:10px;border-width:1px;border-style:solid;border-color:#ccc}.card_list.events li a .pic::before{content:"";width:100%;height:100%;background-color:#000;opacity:.15;position:absolute;transition:opacity ease .25s}.card_list.events li a:hover .pic::before{opacity:0}.card_list.tutorials li,.card_list.my_learning li{width:25%;padding:1.1%}.card_list.tutorials li .pic,.card_list.my_learning li .pic{height:144px}.card_list.tutorials li a .card_body,.card_list.webinars li a .card_body{background-color:#f8f9fc;transition:background-color ease .2s}.card_list.tutorials li a:hover .card_body,.card_list.webinars li a:hover .card_body{background-color:rgba(0,0,0,0)}.card_list.tutorials li .pic img,.card_list.webinars li .pic img,.card_list.my_learning li .pic img{width:auto;height:100%;position:relative;left:50%;transform:translateX(-50%)}.card_list.webinars li{width:33.333%}.card_list.webinars li .pic{height:205px;border-bottom:1px solid #ddd;border-radius:0}@media screen and (max-width:1160px){.card_list.home li .pic{width:48%}.card_list.home li .card_body{width:52%}.card_list.home li .btn{font-size:15px;padding:3px 15px}.card_list.tutorials li,.card_list.my_learning li{width:33.33%}.card_list.tutorials li .pic,.card_list.my_learning li .pic{height:175px}}@media screen and (max-width:992px){.card_list li h5.title{font-size:15px;line-height:20px}.card_list.home li{padding:30px 10px;padding-top:1.5%;border:0}.card_list.home li .btn{font-size:15px;padding:3px 15px}.card_list.tutorials li .pic,.card_list.my_learning li .pic{height:162px}.card_list.webinars li .pic{height:150px}.card_list.webinars li .card_body{padding:10px}}@media screen and (max-width:840px){.card_list.tutorials li .pic,.card_list.my_learning li .pic{height:150px}}@media screen and (max-width:768px){.card_list li a::before{content:none}.card_list.home li .pic,.card_list.home li .card_body{width:100%}.card_list.home li .card_body{padding:0}.card_list.home li .title{font-size:22px;line-height:28px;margin:6px 0;text-align:center}.card_list.home li .btn_area{width:100%;position:relative}.card_list.home li .btn{font-size:16px;padding:6px 15px}.card_list.tutorials li,.card_list.my_learning li{width:50%;padding:1.5%}.card_list.tutorials li .pic,.card_list.my_learning li .pic{height:195px}.card_list.events li{width:100%}.card_list.events li a{height:auto;background-color:#fff;display:-webkit-flex;display:-ms-flex;display:flex;margin:0 2%;align-items:center;-webkit-align-items:center;-ms-align-items:center}.card_list.events li .pic{width:30%}.card_list.events li .card_body{width:70%}.card_list.webinars li .pic{height:185px}.card_list.webinars li{width:50%}}@media screen and (min-width:601px){.card_list.tutorials li>a,.card_list.my_learning li>a,.card_list.events li>a{background-color:#fff;border-radius:10px;border-width:1px;border-style:solid;border-color:#ccc;transition:border-color ease .25s,box-shadow ease .25s,background-color ease .25s}.card_list.tutorials li>a:hover,.card_list.my_learning li>a:hover,.card_list.events li>a:hover{box-shadow:0 0 7px 0 rgba(0,0,0,.3)}.card_list.webinars li>a{box-shadow:0 0 10px rgba(0,0,0,.35);transition:box-shadow ease .3s}.card_list.webinars li>a:hover{box-shadow:1px 1px 10px rgba(55,55,55,0.65)}.card_list.tutorials li .pic,.card_list.my_learning li .pic{border-bottom-left-radius:10px;border-bottom-right-radius:10px;box-shadow:0 0 8px 0 rgba(10,25,45,0.6)}.card_list li>a i{background-color:#4695ee;display:block;position:absolute;z-index:1;transition-timing-function:ease;transition-duration:.26s}.card_list li>a i:first-child,.card_list li>a i:nth-child(3){width:100%;height:1px}.card_list li>a i:nth-child(4),.card_list li>a i:nth-child(2){width:1px;height:100%}.card_list li>a i:first-child{left:-100%;top:0;transition-property:left}.card_list li>a i:nth-child(2){right:0;top:-100%;transition-property:top}.card_list li>a i:nth-child(3){right:-100%;bottom:0;transition-property:right}.card_list li>a i:nth-child(4){left:0;bottom:-100%;transition-property:bottom}.card_list li>a:hover i:first-child{left:0}.card_list li>a:hover i:nth-child(2){top:0}.card_list li>a:hover i:nth-child(3){right:0}.card_list li>a:hover i:nth-child(4){bottom:0}}@media screen and (max-width:600px){.card_list.tutorials li,.card_list.my_learning li,.card_list.webinars li{width:100%;padding:15px 0;border-bottom:1px solid #ccc}.card_list li:last-child{border-bottom:0}.card_list li>a{width:100%;background-color:transparent;border:0;border-radius:0;box-shadow:none;display:-webkit-flex;display:-ms-flex;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:flex-start;-webkit-justify-content:flex-start;-ms-justify-content:flex-start;align-items:center;-webkit-align-items:center;-ms-align-items:center}.card_list li>a:hover{box-shadow:none}.card_list li .pic{width:230px;min-height:60px;box-shadow:none;border:0;border-radius:0}.card_list li a.icon_play .pic::after{background-color:transparent;background-image:url(../img/icon_play.svg);background-position:right bottom;background-size:30px 30px;margin-right:3px;margin-bottom:3px;opacity:1}.card_list.tutorials li a .card_body,.card_list.webinars li a .card_body{width:calc(100% - 230px);background-color:transparent;padding:0;padding-left:10px}.card_list.tutorials li a:hover .card_body,.card_list.webinars li a:hover .card_body{background-color:transparent}.card_list li h5.title{font-size:16px;line-height:21px}.card_list li .detail{flex-direction:row-reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse}.card_list li .detail .info{font-size:12px;text-align:left}.card_list.tutorials li .pic,.card_list.my_learning li .pic{height:auto;border-radius:5px;border:1px solid #ddd}.card_list.tutorials li .pic img,.card_list.webinars li .pic img,.card_list.my_learning li .pic img{width:100%;height:auto;left:auto;transform:none}.card_list.events li a{margin:0}.card_list.events li .pic,.card_list.events li .card_body{width:100%}.card_list.events li .card_body{padding:10px}.card_list.events li .pic img{border:0;border-radius:0}.card_list.webinars li .pic{height:auto;border:0;border-radius:0}}@media screen and (max-width:480px){.card_list li .pic{width:165px}.card_list.tutorials li a .card_body,.card_list.webinars li a .card_body{width:calc(100% - 165px)}.card_list li h5.title{height:52px;font-size:14px;line-height:17px}.card_list li .detail{padding-top:4px}.card_list.home li{width:100%;border-bottom:1px solid #ccc;padding:30px 0}.card_list.home li:first-child{padding-top:15px}.card_list.home li:last-child{border-bottom:0}.card_list.home li .title{text-align:center}.card_list.events li{padding:15px 0}.card_list.events li .card_body{text-align:center}}@media screen and (max-width:360px){.card_list li .pic{width:135px}.card_list.tutorials li a .card_body,.card_list.webinars li a .card_body{width:calc(100% - 135px)}.card_list li .card_body{width:calc(100% - 135px)}.card_list li h5.title{height:36px}}.page_listing .collapse_title{background-color:#fff;cursor:pointer;padding:15px 30px;padding-left:50px;position:relative}.page_listing .collapse_title::before,.page_listing .collapse_title::after{content:"";width:14px;height:2px;background-color:#333;display:block;position:absolute;top:50%;left:20px;transform:translateY(-50%) rotateZ(90deg);transition:transform cubic-bezier(0.68,-0.55,0.27,1.55) .5s,width cubic-bezier(0.68,-0.55,0.27,1.55) .5s,left cubic-bezier(0.68,-0.55,0.27,1.55) .5s}.page_listing .collapse_item.active .collapse_title::after{transform:translateY(-50%)}.page_listing .collapse_title::before{width:14px;left:20px;transform:translateY(-50%)}.page_listing .collapse_item.active .collapse_title::before{width:0;left:18px}.collapse_content{background-color:#fff;border-top:1px solid #ccc;display:none;margin-bottom:10px;padding:24px}@media screen and (max-width:992px){.collapse_content{padding:15px}}@media screen and (max-width:768px){.page_listing .collapse_title{padding:15px;padding-left:50px}}@media screen and (max-width:600px){.page_listing .collapse_title{padding:10px;padding-left:50px}}ul.ig_list li{width:25%;padding:8px}ul.ig_list li a{height:100%;background-color:#f8f9fc;border:1px solid #ccc;display:block;padding:10px;transition:background-color ease .2s,box-shadow ease .2s}ul.ig_list li a:hover{background-color:rgba(255,255,255,1);box-shadow:0 0 7px 0 rgba(0,0,0,.3)}ul.ig_list li .title{max-height:60px;font-size:16px;line-height:22px;overflow:hidden;padding:10px 6px;padding-bottom:5px;text-align:center}@media screen and (max-width:1160px){ul.ig_list li{width:33.33%}}@media screen and (max-width:768px){ul.ig_list li{width:50%}}@media screen and (max-width:600px){ul.ig_list li{width:100%}}.page_detail .wrapper{position:relative}.page_detail .main_content{width:calc(100% - 200px);float:left;padding-left:30px;padding-right:30px}.page_detail.blog .main_content{width:100%;float:none;margin:0 auto}.page_detail.blog2 .main_content{width:100%;float:none;margin:0 auto}.page_detail .main_content .container{max-width:992px;min-height:640px}.page_detail .main_content .description{margin-top:30px}.page_detail .main_content .feature_list{margin:5px 0;margin-bottom:15px}.page_detail .main_content .feature_list li{background-image:url(../img/icon_check.svg);background-repeat:no-repeat;background-position:0 0;background-size:.8em .8em;line-height:1.5;padding-left:1.5em}.page_detail .func_bar{margin:15px 0;align-items:stretch;-webkit-align-items:stretch;-ms-align-items:stretch}.page_detail .func_bar>div{border-left:1px solid #0af;font-size:16px;line-height:26px;padding:0 10px}.page_detail .func_bar>div:first-child{border-left:0;padding-left:0}.page_detail .func_bar .views,.page_detail .func_bar .fav_area{line-height:30px}.page_detail .share_area>a{width:28px;height:28px;display:inline-block;margin:0 2px;vertical-align:middle}.page_detail .func_bar span{vertical-align:middle}.page_detail .func_bar .icon_fav{display:inline-block;vertical-align:middle}.page_detail aside{width:200px;background-color:#ecf5f7;float:right;overflow-y:scroll;padding:30px 20px;position:absolute;right:0}.page_detail aside a{display:block}.page_detail aside>.title{color:#333;font-size:18px;font-weight:600;line-height:22px;margin-top:30px;margin-bottom:15px}.page_detail aside>.title:first-child{margin-top:0}.page_detail aside .btn{max-width:400px;font-size:14px;margin:0 auto;padding:5px 15px}.page_detail aside .btn_area{margin-bottom:30px}.page_detail aside ul li{margin:20px 0}.page_detail aside .video_list .title{max-height:57px;color:#333;font-size:13px;line-height:17px;padding-top:3px}.sticky::-webkit-scrollbar{display:none}.sticky{-ms-overflow-style:none;scrollbar-width:none}.page_detail .recommend_articles{margin-top:50px}.page_detail .recommend_articles span{display:inline-block;padding-right:10px}.page_detail .recommend_articles h3 a{font-size:15px;font-weight:normal;line-height:normal;margin-bottom:5px;padding:0 10px;vertical-align:middle}.page_detail .recommend_articles ul{margin:0 -10px}.page_detail .recommend_articles ul li{width:25%;padding:10px;padding-bottom:44px;position:relative;list-style-type:none}.page_detail .recommend_articles ul li:first-child{padding-left:0}.page_detail .recommend_articles ul li .pic{margin-bottom:5px}.page_detail .recommend_articles ul li .title{width:calc(100% - 20px);height:44px;font-size:15px;position:absolute;bottom:0}.page_detail .download.trial{background-color:#e1f5ff;padding:15px;margin:40px 0;justify-content:space-between;-ms-justify-content:space-between;-webkit-justify-content:space-between;align-items:center;-ms-align-items:center;-webkit-align-items:center}.page_detail .download.trial .info{width:calc(100% - 200px)}.page_detail .download.trial .btn_area{margin:0}.page_detail .download.trial .btn_area a.btn{background-color:#fa9600;border:0;color:#fff}.page_detail .download.trial .btn_area a.btn:hover{background-color:#ffa722;color:#fff}.page_detail .tag_classify{margin:30px 0}.page_detail .tag_classify a{border:1px solid #999;color:#999;display:inline-block;font-size:14px;margin:5px;padding:5px 15px}.page_detail .tag_classify a:hover{background-color:transparent;border:1px solid #666;color:#666}.page_detail .ad{max-width:960px;display:inline-block}.page_detail .ad .mobile{display:none}.page_detail .download.mobile{display:none}@media screen and (max-width:1200px){.page_detail .main_content .container{margin:0 25px}.page_detail.blog .main_content{width:auto}}@media screen and (max-width:768px){.page_detail .main_content .container{margin:0 15px}.page_detail .main_content{width:100%;float:none;padding-left:0;padding-right:0}.page_detail .main_content .container{min-height:auto}.page_detail aside{width:100%;float:none;overflow:auto;padding:30px 20px;position:relative !important}.page_detail aside>.title{font-size:20px}.page_detail aside ul.video_list li a{width:100%;display:table}.page_detail aside ul.video_list li a .pic,.page_detail aside ul.video_list li a .title{width:50%;display:table-cell;padding:0 10px;vertical-align:top}.page_detail aside ul.video_list li a .title{height:auto;font-size:15px;line-height:21px;padding-top:0}.page_detail aside ul.ad_list{width:100%;display:table}.page_detail aside ul.ad_list li{width:50%;display:table-cell;padding:0 10px}.page_detail aside .btn{padding:10px 15px}.page_detail .recommend_articles{padding:0}.page_detail .recommend_articles ul li{width:50%;padding:10px;padding-bottom:44px}.page_detail .download.trial{display:block;text-align:center}.page_detail .download.trial .info{width:100%}.page_detail .tag_classify{text-align:center}.page_detail .download.mobile{display:none}}@media screen and (max-width:600px){.download.trial{padding:30px 15px}.download.trial .info{width:100%}.page_detail .ad .pc{display:none}.page_detail .ad .mobile{display:block}.page_detail .recommend_articles ul{margin:0}.page_detail .recommend_articles ul li{padding:10px 6px;padding-bottom:54px}.page_detail .download.pc{display:none}.page_detail .download.mobile{display:block}.page_detail .recommend_articles ul.flex_block li:nth-child(4){display:none}.page_detail .recommend_articles ul.flex_block li:nth-child(5){display:none}}@media screen and (max-width:480px){.page_detail aside ul.video_list li a .pic,.page_detail aside ul.video_list li a .title,.page_detail aside ul.ad_list li{width:100%;display:block}.page_detail aside ul.video_list li a .pic{padding:0}.page_detail aside ul.video_list li a .title{padding:5px 0}.page_detail aside ul.ad_list li{padding:10px 0}.page_detail .recommend_articles ul li .pic{margin:0}}@media screen and (max-width:360px){.page_detail .recommend_articles ul li{width:100%}.page_detail .recommend_articles ul li{padding:10px 0;padding-bottom:15px}.page_detail .recommend_articles ul li .title{width:auto;position:static;bottom:auto}.page_detail .recommend_articles h3 a{margin:5px 0}}.pagi_block{margin-top:15px;text-align:right}.pagi_block .selectric{padding:0 40px 0 20px}.pagi_block span{display:inline-block;padding-left:5px}@media screen and (max-width:768px){.pagi_block{text-align:center}}.blog-feedback{text-align:center;color:#fff;background:#1facf3;padding:10px 0;font-size:16px}.blog-feedback-checkbox{padding:5px 0}.checkbox-container{position:relative;padding-left:24px;margin-bottom:12px;cursor:pointer;font-size:15px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.checkbox-container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark{position:absolute;top:1px;left:4px;height:16px;width:16px;border:2px solid;background-color:#fff;border-radius:2px}.checkbox-container:hover input ~ .checkmark{background-color:#b7dfff}.checkmark:after{content:"";position:absolute;display:none}.checkbox-container input:checked ~ .checkmark:after{display:block}.checkbox-container .checkmark:after{left:3px;top:0;width:4px;height:7px;border:solid #2196f3;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.form-control{display:block;width:95%;margin:0 auto;padding:6px 12px;font-size:13px;line-height:1.428571429;vertical-align:middle;color:#0f0f0f}.btn_area a.btn-comment{background-color:#e6e6e6;border:0;color:#666;border-radius:8px}.btn_area a.btn-comment:hover{background-color:#fff;color:#666}.btn_area a.btn-submmit{background-color:#fa9600;border:0;color:#fff;border-radius:8px;margin-left:10px}.btn_area a.btn-submmit:hover{background-color:#ffa722;color:#fff}.logo.logo2 img{vertical-align:middle}.sticky_promo{background-color:#f3f4f5;border-top:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6;z-index:10}.sticky_promo.on_sticky{box-shadow:0 3px 6px rgba(0,0,0,.55)}.sticky_promo .container{max-width:none}.sticky_promo .product .icon{width:40px;height:40px;vertical-align:middle}.sticky_promo .product .name{font-size:17px;font-weight:600}.sticky_promo .product .icon,.sticky_promo .product .txt{display:inline-block;vertical-align:middle}.sticky_promo .btn_area .btn{font-size:15px;margin:0 5px;padding:4px 15px}.sticky_promo>.flex_block{height:100%;align-items:center;justify-content:space-between}