@charset "utf-8";body,div,h1,h2,html,li,p,ul{margin:0 auto;padding:0;font:14px/1.5 "Segoe UI",Arial,Helvetica,sans-serif}.article h2,.guide-step span,.related-article p{font-weight:bolder}li,ul{list-style:none}img{border:none}a{text-decoration:none;color:#09F}a:hover{text-decoration:underline}.header{background:url(/tutoriel/images/top-menu.jpg) center bottom repeat-x;height:75px;width:100%}.header .container{position:relative;overflow:visible}#logo,.article .part-box,.container,.footer{overflow:hidden}.container{max-width:1000px;width:100%}#logo{width:190px;float:left;display:block;height:60px}#logo img{margin-top:8px}.article{float:left;max-width:696px;width:70%;padding-top:25px}.article h1{font-size:2.2em}.article p{color:#2b2b2b;font-size:16px;line-height:30px;margin:10px 0}.article h2,.right #title{font-size:1.5em}.author{background-color:#73a2be;width:100%;border-radius:5px;padding-top:12px;margin-top:27px}.article .author img,.article .author p{float:left;padding-left:8px;line-height:22px;color:#FFF}.author a{color:#00f0ff}.article .intro img{max-width:500px}.article .product{border:3px solid #f3f3f3;width:98%;margin-bottom:20px}.article .product-new{width:98%;margin-bottom:20px;overflow:hidden}.article .product img,.article .product-new img{float:left;width:48%;max-width:284px}.article .product .right,.article .product-new .right{float:right;margin-top:25px;width:48%;max-width:390px}.article h2{line-height:50px}.article .product .mac,.article .product .win{background:url(/tutoriel/images/btn.png) no-repeat;display:block;height:40px;width:220px}.article .product .win:hover{background-position:0 -40px}.article .product .mac{background-position:0 -80px}.article .product .mac:hover{background-position:0 -120px}.article .product-new .mac,.article .product-new .win{background:url(/tutoriel/images/btn.png) no-repeat;display:block;height:40px;width:220px;float:left}.article .product-new .mac{background-position:0 -80px;margin-left:20px}.article .product-new .win:hover{background-position:0 -40px}.article .product-new .mac:hover{background-position:0 -120px}.guide-step{width:100%}.guide-stepleft{float:left;width:60%}.guide-stepright{border:1px solid #ccc;float:left;margin:20px 10px 0 55px;padding:5px}.clear{clear:both}.guide-stepright a{cursor:url(/new-style/images/zoomin.cur),pointer!important}.guide-stepimg{float:left;margin:15px 10px 0 0}.related-article{background-color:#d84d38;border-radius:10px;max-width:160px;padding:0 8px;float:left;margin:18px 0}.related-article p{color:#fff;font-size:1.5em}.related li{border-bottom:1px solid #e9e9e9;width:100%;float:left;margin:15px 0}.related li img{float:left;width:20%;max-width:92px}.related li a{display:block;float:right;font-size:16px;width:80%;color:#000}.related li p{float:right;font-size:14px;line-height:24px;margin-top:0;width:80%}.related .last{border-bottom:none}.article .part-box{background:#f1f1f1;padding:15px 25px;margin:15px 0;font-size:16px;max-width:696px;width:93%}.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:14px;line-height:30px}.article .part-box li span{font-weight:700}.article .part-box a:hover{text-decoration:underline}.article .down_google a{display:block;margin-top:25px;height:40px;width:220px;background:url(/tutoriel/images/download-googleplay.png)}.bottom_ad_s{margin:0 auto;width:100%;max-width:1920px;display:block}.sidebar .ad,.sidebar .ad-android,.sidebar .ad-promotion{margin-top:50px}.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}.sidebar{float:right;max-width:276px;width:27.6%}.sidebar.active{position:fixed;top:153px;right:50%;margin-right:-500px}.sidebar.hide{display:none}.sidebar .ad a{display:block;height:259px;width:274px;background:url(/tutoriel/images/ad.jpg)}.sidebar .ad a:hover{background:url(/tutoriel/images/ad-1.jpg)}.sidebar .ad-promotion a{display:block;height:259px;width:274px;background:url(/tutoriel/images/promotion.png)}.sidebar .ad-android a{display:block;height:259px;width:274px;background:url(/tutoriel/images/ad-android.jpg)}.sidebar .ad-android a:hover{background:url(/tutoriel/images/ad-android-1.jpg)}.mac-s,.win-s{background:url(/tutoriel/images/btn-s.png) no-repeat;display:block;height:31px;width:171px;margin:-25px 0 0 80px}.win-s:hover{background-position:0 -31px}.mac-s{background-position:0 -62px;margin-top:6px}.side-info,.sidebar-guide{margin-top:25px}.mac-s:hover{background-position:0 -93px}.side-info{border-bottom:2px solid #73a2be;padding-bottom:18px}.side-info .title{background-color:#73a2be;padding:3px 3px 3px 5px}.side-info .title a{color:#FFF;font-size:1.2em}.side-info p{line-height:40px;padding-left:8px;color:#797979}.side-info p span{color:#000}.side-info p .platform{display:block;color:#797979;margin-left:82px}.breadcrumb .container a,.sidebar-guide li p a{color:#000}.sidebar-guide h3{font-size:1.5em}.sidebar-guide .title{font-size:1.5em;font-weight:bolder;margin-bottom:25px}.sidebar-guide li{border:1px solid #dfe9ef;border-top:none}.sidebar-guide li p{display:block;margin:10px}.sidebar-guide .first{border-top:1px solid #dfe9ef}.article p span{font-weight:bolder}.breadcrumb{font-size:1em;padding:10px 0;margin-top:25px}.background-footer{background-color:#303132}.footer{width:100%;max-width:1340px;margin:0 auto}.footer .footer-part .title{color:#FFF;text-align:left;width:100%;clear:both;font-size:20px;margin:40px auto 30px;line-height:22px}.menu li,.sub_menu .os p{text-align:center;float:left}.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}.menu li a,.menu li:hover .sub_menu{display:block}.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}.menu{float:right;width:43%;color:#FFF;position:relative}.menu li{font-size:1.5em;padding:0 20px;width:20%}.menu li a{color:#FFF;line-height:75px;height:69px;width:85px;padding:3px 5px}.menu li a:hover{background-color:#d84d38;text-decoration:none}.sub_menu{background-color:#36353a;opacity:.9;border-top:5px solid #d84d38;padding-bottom:12px;left:-130px;position:absolute;top:75px;width:670px;z-index:100;display:none}.sub_menu .os{padding:15px 0;height:45px;width:670px}.sub_menu .os p{width:280px;border:1px solid #fff;border-radius:5px;font-size:1.2em;padding:3px;margin-left:26px}.sub_menu li{padding:0 27px 0 18px;width:620px}.sub_menu li .title{font-size:1.1em;text-align:left;margin-left:15px;border-bottom:1px solid #616161}.sub_menu li a{background:url(/tutoriel/images/list.jpg) 0 center no-repeat;display:block;height:35px;line-height:30px;margin-left:13px;padding-left:12px;text-align:left;width:280px;float:left}.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;text-decoration:underline}.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}#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:1010px){.container{width:98%;padding-left:6px}}@media screen and (max-width:890px){.guide-stepleft{width:55%}}@media screen and (max-width:798px){#share-list,.menu,.sidebar{display:none}.article{width:98%}}@media screen and (max-width:620px){.article img{max-width:600px;width:100%}.guide-stepleft{width:100%}}@media screen and (max-width:480px){.article .product .right,.article .product img{width:97%}.mac,.win{display:none}}