@charset "utf-8";#logo a,.top_header{position:relative}ul.menu,ul.menu li{display:block;line-height:20px}a,ul.menu li a,ul.menu li a:hover{text-decoration:none}#all-menu::after,.author_new>span article-time::after,ul.menu li.home:after{content:""}#all-menu::after{display:block;clear:both;height:0;overflow:hidden;visibility:hidden}#all-menu{width:100%;overflow:visible;margin:0 auto}#logo,ul.menu{margin-top:15px}#logo{overflow:hidden;float:left}#logo a{display:block}ul.menu{float:right;font-size:18px;margin-bottom:0}ul.menu li{float:left;margin-left:45px;padding:15px 5px 25px;height:20px}ul.menu li a{color:#000}ul.menu li.promotion_gif{padding-top:6px;display:none}ul.menu li.promotion_text{display:none}ul.menu li a:hover{color:#4898e2}ul.menu li.home:after{clear:both;width:17px;background:url(/new-style/images/cricle.png);height:6px;display:inline-block;vertical-align:3px}.toggle-nav{display:none}#all-menu .sub-menu{width:100%;display:none;top:75px;left:50%;-webkit-transform:-webkit-translate(-50%,0);transform:-webkit-translate(-50%,0);transform:-moz-translate(-50%,0);transform:-o-translate(-50%,0);transform:translate(-50%,0);position:absolute;z-index:1;background:-webkit-gradient(linear,left top,right top,from(#58b2ff),to(#126cba));background:linear-gradient(to right,#58b2ff,#126cba);border-bottom:1px solid #ccc}.sub-menu:hover,ul.menu li.homeul.menu li.home:hover+.sub-menu.sub-menu{display:block}#all-menu .sub-menu-1{padding-bottom:40px;background:#fff;width:100%;overflow:hidden;margin-top:3px}ul.menu li.active:after{background:url(/new-style/images/cricle.png) 0 -6px}.pc-os{max-width:1200px;margin:0 auto}#all-menu .sub-menu a{text-decoration:none;color:#45a5f9;font-family:Segoe UI,Arial,Verdana,Helvetica,sans-serif;font-weight:lighter}#all-menu .sub-menu ul li dl dd a:hover,#all-menu .sub-menu ul li dl dt a:hover,.usernotice_pop a,a:hover{text-decoration:underline}#all-menu .sub-menu ul{padding-left:0;overflow:hidden}#all-menu .sub-menu ul li{font-size:20px;display:block;margin:0 5% 0 0;padding:0;float:left;width:45%;list-style-type:none;overflow:hidden;height:unset}#all-menu .sub-menu ul li dl{margin:0}#all-menu .sub-menu ul li dl dd{padding:10px 0;margin:0;font-size:16px;width:50%;float:left}#all-menu .sub-menu ul li dl dd a{color:#606060;font-size:16px}#all-menu .sub-menu ul li dl dd.more a{color:#45a5f9;text-decoration:underline}#all-menu .sub-menu ul li dl dt{margin-bottom:20px;margin-top:30px;padding-bottom:15px;font-size:22px;border-bottom:#45a5f9 solid 1px}#all-menu .sub-menu ul li dl dt.win-version{background:url(/images/index/win.png) no-repeat;padding-left:30px}#all-menu .sub-menu ul li dl dt.mac-version{background:url(/images/index/mac.png) no-repeat;padding-left:30px}.usernotice_pop{display:table;width:100%;padding:8px;position:fixed;bottom:0;background:rgba(0,0,0,.55);z-index:1000;text-align:center;color:#fff;-webkit-transition:all .3s ease;transition:all .3s ease;font-size:15px;-webkit-box-sizing:border-box;box-sizing:border-box}.usernotice_pop a{color:#fff}.usernotice_pop span{cursor:pointer;border:1px solid #fff;display:inline-block;margin-left:10px;width:75px;padding-bottom:2px}.usernotice_pop span:hover{background-color:#646465}#goTop{display:none}@media screen and (max-width:1180px){.header_list,ul.menu.active,ul.menu>li{display:block}.header_list{position:relative;float:right;width:48px;height:48px}.header_list i{width:20px;height:20px;background:url(/images/index/menu-icons.png);display:block;position:absolute;top:50%;left:50%;margin:-10px 0 0 -10px;background-position-y:-20px}.header_list.active{background:rgba(0,0,0,.9)}.header_list.active i{background-position-y:0}#logo{margin-left:8px;margin-top:5px}#all-menu{max-width:1200px}.top_header{position:relative;z-index:10}ul.menu{padding:0 25px;max-width:264px;width:100%}ul.menu>li{float:none;margin:0;position:relative;padding:16px 0;height:unset;line-height:14px;border-bottom:1px solid #717171}ul.menu li.promotion_gif{display:none}ul.menu li.promotion_text{display:block}ul.menu>li.home:after{width:11px;height:5px;background:url(/images/index/menu-icons.png);background-position-y:-40px;position:absolute;right:0;top:22px;margin-top:-2px}ul.menu>li.home.active>a{color:#00baff}ul.menu>li.home.active:after{background-position-y:-45px}ul.menu{display:none;position:absolute;top:48px;right:0;margin:0!important;background:rgba(0,0,0,.9)}ul.menu>li>a{color:#fff;font-size:16px}#all-menu .sub-menu{position:static;display:none;border-bottom:0;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;-webkit-transform:-webkit-translate(0,0);transform:-webkit-translate(0,0);transform:-moz-translate(0,0);transform:-o-translate(0,0);transform:translate(0,0);background:0 0}#all-menu .sub-menu ul li,#all-menu .sub-menu ul li dl dd{display:block;float:none;width:100%}#all-menu .sub-menu-1{background:0 0;border-top:1px solid #0084ff;margin-top:16px;padding-bottom:8px}#all-menu .sub-menu ul li dl dt{background:0 0!important;padding:0!important;border:none;font-size:16px;color:#fff;font-weight:550;margin-top:18px;margin-bottom:15px}#all-menu .sub-menu ul li dl dd{font-size:16px;color:#fff;margin-top:14px;padding:0}#all-menu .sub-menu ul li dl dd a{color:rgba(255,255,255,1);padding-left:15px;position:relative}#all-menu .sub-menu ul li dl dd a::after{clear:both;content:"";width:0;height:0;border:4px solid #fff;border-color:transparent transparent transparent #fff;line-height:0;font-size:0;position:absolute;left:2px;top:8px}#logo{width:140px}#logo img{width:100%;margin-top:2px}}@media screen and (max-width:380px){ul.menu{max-width:380px;-webkit-box-sizing:border-box;box-sizing:border-box}}#all-menu,.container{max-width:1200px}body,div,h1,h2,html,li,p,ul{margin:0 auto;padding:0;font:14px/1.5 "Segoe UI",Arial,Helvetica,sans-serif}li,ul{list-style:none}img{border:none}a{color:#09F}ul li a{color:#000;text-decoration:none;font-size:18px}.article_toggle{position:fixed;z-index:9;display:none;right:0;top:57px;color:#fff;background-color:#45a5f9;width:26px;height:26px;line-height:26px;text-align:center;font-size:20px;opacity:.6}.container{overflow:hidden;width:100%}.article h1{font-size:2.2em;margin:47px 0 35px}.article p{color:#454545;font-size:16px;line-height:26px;margin:15px 0}.article h2{font-size:27px}.article h3{font-size:22px;font-weight:400;margin:20px 0 10px}.article .part-box li span,.related li a{font-weight:700}p.emphasize{font-size:23px}p.emphasize-s{color:#606060;font-size:16px}.article .part-box{background:#ededed;padding:15px 25px;margin:30px 0;font-size:16px;overflow:hidden;width:100%}.article .part-box li{width:100%;float:left;padding:5px 0;color:#008dce}.article .part-box li a{color:#008dce;text-decoration:none;font-size:15px;line-height:30px}.article .part-box a:hover{text-decoration:underline}.bottom_ad_s{margin:0 auto;width:100%;max-width:1920px;display:block}.bottom_ad_s a{display:inline-block;width:100%}.bottom_ad_s a img{display:block;width:100%;max-width:1920px}.bottom_ad_s>img{position:absolute;right:0;top:0}.product,.product-1{background:#ededed;padding:24px;overflow:hidden;margin:20px 0}.product a,.product-1 a{font-size:30px;line-height:72px;margin-left:20px;vertical-align:top}.author,.author_new>img,.author_new>span,.publish,.publish a{vertical-align:middle}.product-1 a.mac,.product-1 a.win{font-size:20px;color:#44a4e7;padding-left:38px;background:url(/style/images/win.png) left center no-repeat;margin-left:97px;height:72px;display:inline-block}.product-1 a.mac{margin-left:47px;background:url(/style/images/mac-1.png) left center no-repeat;color:#44a4e7}.product-1 a.buy,.product-1 a.down,.product-1 a.down-mac{font-size:21px;color:#FFF;background-color:#41bd9b;display:block;float:left;width:206px;height:56px;line-height:53px;text-align:center;margin-left:0;text-decoration:none}.content-box .app-download a,.product a.down,.product a.mac{display:block;color:#FFF;font-size:18px;text-decoration:none}.product-1 a.buy,.product-1 a.down-mac{margin-left:56px}.product-1 a.buy:hover{background-color:#ce3233}.product-1 a.buy{background-color:#e04445}.product-1 a.down-mac:hover,.product-1 a.down:hover{background-color:#339076}.product a.down,.product a.mac{background-color:#41bd9b}.product-1 ul{padding-left:19px}.product-1 ul li{list-style-position:inside;list-style-image:url(/style/images/fleche.png);line-height:35px;text-indent:-19px}#title img{max-width:65px}.product a.down,.product a.mac{float:left;width:252px;height:56px;line-height:53px;text-align:center;margin-left:0}.product a.mac{margin-left:56px}.product a.down:hover,.product a.mac:hover{background-color:#339076}.content-box{display:block;width:100%;border-bottom:1px solid #c1c1c1;padding:36px 0 20px}.content-box h2{margin-top:0}.content-box img{float:left;margin-right:40px}.content-box .app-download{margin:20px 0}.content-box .app-download a{background-color:#41bd9b;width:200px;padding-left:36px;margin:0 auto;height:50px;line-height:50px}.content-box .app-download a:hover{background-color:#339076}.guide-step{width:100%}.guide-stepleft{float:left;width:50%}.guide-stepright{border:1px solid #ccc;float:left;margin:20px 10px 0 11.5%;padding:5px}.clear{clear:both}.guide-stepright a{cursor:url(/new-style/images/zoomin.cur),pointer!important}.guide-stepright img{width:350px}.guide-stepimg{float:left;margin:15px 10px 0 0}.author-info,.author_new{background-color:#ededed;margin-top:30px;color:#222;font-size:18px;overflow:hidden}.author span.top,.author_new>span,.publish span{margin-left:20px}img.author{float:left}.author-info{padding:12px}.publish{padding-top:10px}.publish span{display:inline-block;margin-right:13px}.publish a{display:inline-block;padding-left:5px}.author_new{padding:12px}.author_new>img{width:50px}.author_new>span article-time::after{display:block}.author,.publish{color:#222;font-size:18px}.author span.top{display:inline-block;margin-top:20px}.related-article{clear:both}.related-article p{color:#000;font-size:2.5em;margin-top:20px;margin-bottom:15px}.related li{width:46%;float:left;margin:15px 4% 15px 0}.related li img{float:left;width:20%;max-width:92px;margin-right:5%}.related li a{display:block;float:right;font-size:16px;width:75%;color:#000}.related li p{float:right;font-size:14px;line-height:24px;margin-top:0;width:75%}.related-article-1{margin-top:30px;overflow:hidden}.related-article-1 p{color:#000;font-size:2.5em}.related-1{margin-bottom:30px;overflow:hidden}.related-1 li{width:46%;float:left;margin:15px 4% 15px 0}.related-1 li img{float:left;width:52%;max-width:285px;margin-right:0}.related-1 li img:hover{opacity:.78}.related-1 li .tit{float:right;display:block;font-size:18px;line-height:30px;width:44%;color:#0D86FF}.related-1 li p{float:right;font-size:16px;line-height:25px;width:44%;padding-top:5px;color:#666}.background-footer{background-color:#303132}.footer{width:100%;max-width:1340px;margin:0 auto;overflow:hidden}.footer .footer-part .title{color:#FFF;text-align:left;width:100%;clear:both;font-size:20px;margin:40px auto 30px;line-height:22px}.footer .footer-part{width:25%;float:left;margin:0 4% 30px}.footer .footer-part img{float:left;padding:0 20px 20px 0}.footer .footer-part ul{padding:0}.footer .footer-part ul li{width:50%;float:left;padding:0 0 20px}.footer .footer-part a img{padding:0;margin-right:5px}.footer .footer-part .border{margin-top:20px;border-top:1px solid #929393;padding-top:17px}.footer .footer-part a{display:inline-block;color:#929393;text-decoration:none}.footer .footer-part a:hover{text-decoration:underline}.background-footer p#copyright{color:#FFF;margin:0;padding:20px 0 25px;border-top:1px #929393 solid;text-align:center}.border{border-bottom:none}.breadcrumb{padding:10px 0}.breadcrumb .container a{color:#333}#goTop{width:50px;height:90px;background:url(/new-style/images/go-top.png);position:fixed;right:30px;bottom:50px;cursor:pointer}#share-list{position:fixed;top:20%;left:0;border-left:2px solid #e4e4e4;-webkit-box-shadow:0 0 10px rgba(0,0,0,.19);box-shadow:0 0 10px rgba(0,0,0,.19)}#share-list li{width:42px;height:42px;background:url(/tutoriel/images/share-icon.png);border-bottom:1px solid #e4e4e4;cursor:pointer}#share-list li:last-child{border:none}#share-list li.facebook{background-position-y:0}#share-list li.facebook:hover{background-position-y:-42px}#share-list li.twitter{background-position-y:-84px}#share-list li.twitter:hover{background-position-y:-126px}#share-list li.linkedin{background-position-y:-168px}#share-list li.linkedin:hover{background-position-y:-210px}#share-list li.pinterest{background-position-y:-504px}#share-list li.pinterest:hover{background-position-y:-546px}#share-list li.gmail{background-position-y:-336px}#share-list li.gmail:hover{background-position-y:-378px}#share-list li.reddit{background-position-y:-420px}#share-list li.reddit:hover{background-position-y:-462px}#share-list li.xing{background-position-y:-252px}#share-list li.xing:hover{background-position-y:-294px}@media screen and (max-width:1200px){.container{width:98%;padding-left:6px}.related-1 li img{width:45%;margin-right:3%}.related-1 li .tit,.related-1 li p{width:52%}}@media screen and (max-width:1000px){.guide-stepright{margin:20px 10px 0 5%}.related-1 li{width:100%}.related-1 li img{width:30%;margin-right:5%}.related-1 li .tit,.related-1 li p{width:65%}}@media screen and (max-width:890px){.guide-stepleft{width:100%}.related-1 li img{width:35%;margin-right:5%}.related-1 li .tit,.related-1 li p{width:60%}}@media screen and (max-width:798px){.article_toggle{display:block;right:unset;left:0}.article{width:98%}#share-list{display:none}}@media screen and (max-width:696px){.article img{max-width:696px;width:100%}.author_new>img{width:initial;display:block}.author_new>span{display:inline-block;margin-left:0;margin-top:10px;line-height:30px}.guide-stepright img{width:250px}.product-1 a{font-size:25px}}@media screen and (max-width:580px){.product a{font-size:28px}.product a.down,.product a.mac{display:none}.product-1 a.buy,.product-1 a.down,.product-1 a.down-mac{font-size:15px;width:132px;height:47px;line-height:47px}.product-1 a.buy,.product-1 a.down-mac{margin-left:21px}.product-1 a{font-size:22px;line-height:40px}#title img{max-width:50px}.related li{width:98%}.related-1 li img{width:100%;margin-bottom:5px}.related-1 li .tit,.related-1 li p{width:100%;padding-top:0}}@media screen and (max-width:500px){.footer .footer-part{width:70%;float:left;margin:0 15% 30px}}@media screen and (max-width:480px){.mac,.product-1 a.down,.product-1 a.down-mac,.win{display:none}}