@charset "utf-8";
/* CSS Document */
html, div, body, p, form, img, dd, h1, h2, h3, h4, input{margin:0 auto;padding:0;font:12px/1.8 'Meiryo',"MS PGothic", Verdana, Arial, Helvetica, sans-serif;color:#222222;}
body{background-color:#fff;background-repeat:repeat;}
p, dl, dd, dt{margin:0;padding:0;}
ul{margin:0;padding:0;list-style:none;}
li{margin:0;list-style:none;padding:0;}
h1, h2{font-weight:bold;font-size:15px;}
h2{background-color:#a1c7f9;border-left:3px solid #0099ff;font-size:32px;line-height:48px;padding-left:10px;}
h3{font-weight:bold;font-size:14px;}
img{border:none;display: block;}
a, a:link, a:visited{text-decoration:none;color:#3b91e6;}
a:hover, a:active{text-decoration:underline;color:#0e8ce8;}
.clearfloat::after{display: block;content:"";clear:both;overflow: hidden;height: 0;visibility: hidden;}
.clearfloat{zoom:1;}
#header{box-shadow:0 4px 5px rgba(0, 0, 0, 0.1);position:relative;z-index:1;}
#top{max-width:1200px;width:100%;overflow:hidden;}
#logo{float:left;}
#logo img{padding-top:15px;}
ul.menu{display:block;float:right;font-size:19px;margin-top:25px;}
ul.menu li{display:block;float:left;margin-left:55px; padding:0 5px;}
ul.menu li a{color:#000;}
ul.menu li a{text-decoration:none;}
ul.menu li:hover{text-decoration:none;border-bottom:2px solid #35a1e8;}
.home{border-bottom:2px solid #35a1e8;}
.toggle-nav{display:none;}
/* 広告 */
.top-ads, .top-ads-mac{background:url(/images/recommend/10-in-1-win.jpg) no-repeat scroll 50% 0;display:block;overflow:hidden;position:relative;z-index:0;}
.top-ads-mac{background:url(/images/recommend/10-in-1-mac.jpg) no-repeat scroll 50% 0;}
.top-ads a, .top-ads-mac a{display:block;width:100%;height:200px;}
.top-ads img, .top-ads-mac img{cursor:pointer;position:absolute;right:0;top:5px;}
/*guide css */
.guide{width:100%;max-width:1000px;margin:0 auto 15px;}
.guide .left{width:8%;max-width:70px;float:left;margin:13px 5px 0 15px;}
.guide .left p{font-size:18px;}
.guide .right{width:83%;max-width:8500px;float:left;margin:13px 5px 10px 10px;}
.guide .right ul{overflow: hidden;}
.guide .right ul li{width:45%;float:left;margin:2px 0;margin-left:5px;font-size:14px;}
.guide .right ul li a{color:#2d2d2d;}
.guide .right ul li:hover a{color:#107ebf;text-decoration:none;}
.guide .right ul li:visited a{color:#00C;}
.upgrade{margin:20px auto;max-width:1000px;overflow:hidden;width:100%;}
#compare-title{font-size:20px;color:#666;text-align:center;padding-bottom:13px;}
span.point{color:#000;border-left:#13a450 solid 5px;padding-left:7px;display:block;}
/* article */
.tutorial{overflow:hidden;width:100%;max-width:1200px;margin-bottom:25px;color:#333;}
.ad, .ad-mac{margin:0 auto 15px;max-width:1000px;}
.tutorial .tutorial-left{width:70%;float:left;padding:2.5%} 
.tutorial h1{font-size:30px;line-height:50px;background: linear-gradient(90deg, #0070ba,#0989aa);color:#fff;padding-left: 10px;margin: 10px 0 25px auto;}
.tutorial h2{font-size:22px;margin:10px auto;}
.tutorial h2.point{background-color:#f2f2f4;padding-left:20px;border-left:#7f7f7f 3px solid;}
.tutorial h3{font-size:16px;font-weight:bold;margin:10px auto;}
.tutorial h4{font-size:14px;font-weight:bold;margin:10px auto;}
.tutorial p{line-height:30px;margin:20px 0;font-size:16px;color:#333;}
.tutorial p a{font-weight:bold;}
.tutorial .pro-down{overflow:hidden;margin-top:15px;}
p.list span{color:#09F;font-size:36px;padding-right:5px;}
h3.article_main{display: block;margin:20px 0;box-sizing: border-box;height: 37px;line-height: 37px;font-size:18px;color:#333;border-bottom: 2px solid #6db1e3;background-color: #fff;}
h3.article_main span{display: inline-block;height: 35px;margin-bottom: 0;padding-right:30px;border-bottom: 2px solid #398aef;}

.part-box-1.green {background-color:#e2e1e194}
.part-box-1{background-color:#e2e1e194;font-size:16px;padding:15px 20px;margin:20px 0;overflow:hidden;max-width:1000px;width:92%;}

/* download button */
.pro-down .down-win, .pro-down .down-mac{background:url(/new-style/images/download.png) no-repeat;width:280px;height:93px;display:block;margin-left:15px;margin-bottom:15px;float:left;text-decoration: none;}
.pro-down .down-mac{margin-left:35px;background-position:0 -186px;}
.pro-down .down-win:hover{background-position:0 -93px;}
.pro-down .down-mac:hover{background-position:0 -279px;}
.pro-down a p{text-indent: 58px;margin:13px 0 3px;font-size: 18px;font-weight: bold;color: #FFFFFF;line-height: 21px;}
.pro-down a p:nth-child(2){text-indent: 58px;margin: 0 ;font-size: 12px;font-weight: 400;color: #FFFFFF;line-height: 14px;}
.download_zoon{margin: 15px 0 0;max-width: 625px;justify-content: space-between;}
.download_zoon >div{margin:0 15px;}
.download_zoon a{width:280px;height:63px;display:block;text-decoration: none;margin:0 auto;background: #0eb651;overflow: hidden;border-radius: 6px;position: relative;}
.download_zoon a:hover{background: #10ca5a;}
.download_zoon a p{text-indent: 58px;margin:13px 0 3px;font-size: 18px;font-weight: bold;color: #FFFFFF;line-height: 21px;}
.download_zoon a p:nth-child(2){text-indent: 58px;margin: 0;font-size: 12px;font-weight: 400;color: #FFFFFF;line-height: 14px;}
.download_zoon a i.down{position: absolute;display: block;margin: 0;width: 36px;height: 36px;background: url(/new-style/images/btn-down.png) no-repeat center;left: 17px;top: 13px;}
.download_zoon a i.win{position: absolute;display: block;margin: 0;width: 36px;height: 36px;background: url(/new-style/images/btn-windows.png) no-repeat center;left: 234px;top: 13px;}
.download_zoon a i.mac{position: absolute;display: block;margin: 0;width: 36px;height: 36px;background: url(/new-style/images/btn-mac.png) no-repeat center;left: 234px;top: 13px;}
.download_zoon a i.se{position: absolute;display: block;margin: 0;left: 222px;top: 0;width: 0;height: 100%;border-left: 2px solid rgba(255,255,255,.4);}



.download_zoon div >p{display: block;margin: 6px 0 0;font-size: 14px;text-align: center;color: #666;}
.download_zoon div >p img{display: inline-block;margin: 0 6px 0 0;vertical-align: -4px;}
.tutorial .part-box{padding:2% 4%;background-color:#f6f6f6;line-height:32px;margin: 10px auto;}
.tutorial .part-box li a{color:#0066cb;font-style:oblique;font-size:15px;}
.tutorial .part-box-1{padding:2% 4%;background-color:#e3f3ff;line-height:32px;}
.tutorial .part-box-1 li a{color:#000;font-size:15px;}
.tutorial .part-box-1 li a:hover, a:active{color: #0e8ce8;}
.tutorial .relate-pro{overflow:hidden;padding:5px 0 15px 25px;}
.tutorial .relate-pro h3{font-size:16px;line-height:28px;}
.tutorial .relate-pro ul li{list-style:circle;}
.tutorial .tutorial-right{float:right;width:280px;border-left:0.5px solid #dadada;margin-top:24px;} 

.tutorial-right .ads{height:48px;line-height:48px;text-align:left;font-size:18px;color:#0066cb;font-weight:bold;padding-left:38px;}
.tutorial-right .tutorial-box{overflow:hidden;padding:auto 15px;}
.tutorial-right ul li{margin:20px 0 20px 38px;line-height:20px;font-size:14px;}
.tutorial-right ul li a{color:#0066cb;line-height: 22px;}
.tutorial-right ul li span{background:#0066cb none repeat scroll 0 0;display:block;float:left;margin-right:7px;text-align:center;width:18px;color:#FFF;height:18px;}

.tutorial .yahoo-answer{border:2px dotted #d1d1d1;padding:1%;}

/* author info */
#author-info{overflow:hidden;padding:15px 15px 0;background-color:#f6f6f6;margin:30px auto 0;}
#author-info .author img{float:left;margin:0 15px;}
#author-info .author{float:left;font-size:14px; width:100%;}
#author-info .author span{margin-right:15px;}
#author-info .time{position:relative;top:-20px;float:left;font-size:14px;margin-left:80px;width:auto;}
#author-info .time span{margin-right:15px;}

/*reviews css*/
.reviews{width:97.5%;max-width:1000px;margin:18px auto;overflow:hidden;}
.reviews p{font-size:14px;line-height:25px;}
.reviews-left{width:65.5%;max-width:655px;float:left;overflow:hidden;}
.reviews h1{display:block;float:left;}
#write-review-button {background:url(/new-style/images/review-write-btn.png) no-repeat;width:115px;height:25px;display:block;float:right;}
.reviews-item {background-color:#f3f3f3;border-radius:5px 5px 5px 5px;margin-top:15px;float:left;display:block;width:94.5%;clear:both;padding:2.5%;}
.reviews-rating li, .reviews-rating span {float:left;display:block;height:20px;width:18px;background:url(/new-style/images/star.png) no-repeat;}
.reviews-rating{float:right;}
.reviews-rating .on{background-position:0 -28px;}
.reviews-rating .half{background-position:0 -55px;}
#write-review-button:hover{background-position:0 -25px;}
.reviews-item .author{float:right;}

#write-review-main{border:1px solid #e6e6e6;border-radius:8px;display:block;float:left;padding:2%;margin-top:10px;}
.writeForm label {display:block;margin:5px 0 0 5px; font-size:14px;}
.writeForm .submit {background: rgba(0, 0, 0, 0) url("/new-style/images/review-submit-btn.jpg") no-repeat scroll 0 0;border:medium none;color:#fff;cursor:pointer;display:block;font-size:16px;height:36px;margin:13px auto;width:139px;}
.writeForm .submit:hover{background-position:0 -36px}
.writeForm input[type="text"], .writeForm textarea {background:#fff none repeat scroll 0 0;border:1px solid #dcdcdc;height:24px;width:50%;margin:1%;}

/*推薦文章*/
.artList,.flex_box{clear:both;overflow:hidden;display: -webkit-box;display: -webkit-flex;display: flex;flex-wrap: wrap;}
#artList-title{text-align:left;font-size:28px;line-height:30px;margin:8px auto 0;-webkit-flex-basis:100%;flex-basis:100%;}
.artListItem-last, .artListItem{width:47.5%;float:left;padding:2% 0;}
.artListItem-last{padding-right:2.5%}
.artListItem{padding-left:2.5%}
.artListItem-last a, .artListItem a{color:#145bae;font-size:16px;line-height:39px;}
.artListItem-last img, .artListItem img{margin:0 5% 0 0;float:left;max-width:100px;}
.artListItem-last p, .artListItem p{width:65%;float:left;text-align:left;font-size:14px;margin:0 auto;}
.newstyle .artListItem-last img,.newstyle .artListItem img{max-width:165px;}

/*dialog*/
.dialog_b{position:relative;box-sizing:border-box;margin:40px auto;width:100%;padding:26px 60px;background-color: #f7f7f7;}
.dialog_b p,.dialog_a p{font-size:16px;line-height: 30px;}
.dialog_b .dialog_bg:nth-of-type(1){display: block;position:absolute;left:20px;top:20px;width: 24px;height: 17px;background: url(/images/system/author-icon-s.png) no-repeat 0 -140px;}
.dialog_b .dialog_bg:nth-of-type(2){display: block;position:absolute;right:20px;bottom:20px;width: 24px;height: 17px;background: url(/images/system/author-icon-s.png) no-repeat 0 -157px;}

/*recommand*/
.recommand_a,.recommand_b{box-sizing: border-box;margin:10px auto;border:1px solid #398aef;padding:20px;background-color: #f2f9ff;}
.recommand_a .title,.recommand_b .title{display: block;margin:4px 0;font-size:24px;line-height: 30px;color:#398aef;}
.recommand_a li,.recommand_b li{display: block;position:relative;box-sizing:border-box;width:100%;padding-left: 17px;font-size:16px;line-height: 30px;color:#444;}
.black_point{display: block;position: absolute;top:11px;left:0;width: 5px;height: 5px;border-radius:5px;background-color: #000;}
.recommand_a .buy_section{margin:10px 0;width:100%;max-width: 428px;}
.recommand_b ul{float:left;width: 100%;max-width: 575px;}
.recommand_b .buy_section{float:right;margin:0;padding:0 20px;width:100%;max-width: 160px;}
.recommand_a .buy_section a{display: block;width: 204px;height: 46px;background: url(/images/system/btn-green.png) no-repeat 0 -280px;}
.recommand_b .buy_section a{display: block;width: 160px;height: 40px;background: url(/images/system/btn-green.png) no-repeat 0 -464px;}
.recommand_a .buy_section a.win{float:left;background-position: 0 -280px;}
.recommand_b .buy_section a.win{background-position: 0 -464px;}
.recommand_a .buy_section a.win:hover{background-position: 0 -326px;}
.recommand_b .buy_section a.win:hover{background-position: 0 -504px;}
.recommand_a .buy_section a.mac{float:right;background-position: 0 -372px;}
.recommand_b .buy_section a.mac{background-position: 0 -544px;}
.recommand_a .buy_section a.mac:hover{background-position: 0 -418px;}
.recommand_b .buy_section a.mac:hover{background-position: 0 -584px;}
.recommand_b .buy_section a:nth-child(1){margin-bottom: 15px;}
.recommand_newa,.recommand_newb{box-sizing: border-box;margin:10px auto;border:1px solid #398aef;padding:10px;background-color: #f2f9ff;}
.recommand_newa .title,.recommand_newb .title{display: block;margin:11px 0;font-size:24px;line-height: 30px;color:#398aef;font-weight: bold;}
.recommand_newa li,.recommand_newb li{display: block;position:relative;box-sizing:border-box;width:100%;padding-left: 17px;font-size:16px;line-height: 30px;color:#444;}
.black_point{display: block;position: absolute;top:11px;left:0;width: 5px;height: 5px;border-radius:5px;background-color: #000;}
.recommand_newa .buy_section{margin:10px 0;width:100%;max-width: 428px;}
.recommand_newb ul{float:left;width: 100%;max-width: 575px;}
.recommand_newb .buy_section{float:right;margin:0;padding:0 0;width:100%;max-width: 185px;}
.recommand_newa .buy_section a{display: block;width: 204px;height: 46px;background: url(/images/system/btn-green.png) no-repeat 0 -280px;}
.recommand_newb .buy_section a{display: block;width: 185px;height: 40px;background: url(/images/system/btn-green.png) no-repeat 0 -464px;}
.recommand_newa .buy_section a.win{float:left;background-position: 0 -280px;}
.recommand_newb .buy_section a.win{background-position: 0 -464px;}
.recommand_newa .buy_section a.win:hover{background-position: 0 -326px;}
.recommand_newb .buy_section a.win:hover{background-position: 0 -504px;}
.recommand_newa .buy_section a.mac{float:right;background-position: 0 -372px;}
.recommand_newb .buy_section a.mac{background-position: 0 -544px;}
.recommand_newa .buy_section a.mac:hover{background-position: 0 -418px;}
.recommand_newb .buy_section a.mac:hover{background-position: 0 -584px;}
.recommand_newb .buy_section a:nth-child(1){margin-bottom: 15px;}

/*step*/
#article_main p{display:inline-block;width:unset;margin:30px 0;padding:5px 36px 5px 10px;border-radius:0 30px 30px 0;color:#444;background-color: #e9f3ff;}
#article_main p.step>span{font-size:16px;line-height: 20px;vertical-align: -18px}
.step_a{display: block;position:relative;margin:30px 0;width: 100%;box-sizing: border-box;font-size:16px;line-height: 30px;color:#444;}
.steps{position: absolute;width: 100px;height: 30px;border-radius: 5px;line-height: 32px;font-size: 16px;font-weight: bold;text-align: center;background-color: #398aef;color: #fff;left: 0px;top: 2px;}
.step_a>span:nth-child(2){display: inline-block;box-sizing:border-box;width:100%;padding-left: 120px;}

/*note*/
.note{margin:30px auto;width:100%;}
.note span{display: inline-block;height: 30px;padding:3px 15px 3px 10px;font-size:20px;line-height: 33px;color:#fff;border-radius:3px;background-color: #fab511;text-align: left;}
.note span i{display: inline-block;margin:0 10px 0 0;width: 26px;height: 24px;background: url(/images/system/author-icon-s.png) no-repeat 0 -172px;vertical-align: -3px;}
.note>div{width: 100%;margin:-1px auto 0;box-sizing: border-box;padding:20px;font-size:16px;line-height: 30px;border:1px dashed #fab511;background-color: #fffaf2;}

/*product section*/
.product_section{width:100%;margin:5px 0;box-sizing:border-box;}
.product_section .left{float:left;width:100%;max-width: 515px;text-align: left;}
.product_section .left .title{display: block;margin-bottom: 16px;font-size:16px;line-height: 30px;color:#333;font-weight: bold;}
.product_section .left .info{display: block;margin: 6px 0;font-size:16px;line-height: 30px;color:#444;}
.top_a{display: inline-block;margin-right: 5px;width: 71px;height: 30px;line-height: 32px;background:url(/images/system/top1.png) 0 center no-repeat;text-align: center;color:#fff;}
.top_b{display: inline-block;margin-right: 5px;width: 71px;height: 30px;line-height: 32px;background:url(/images/system/top2.png) 0 center no-repeat;text-align: center;color:#fff;}
.product_section .right{float:right;max-width: 30%;margin:50px 0 0;}

/*footer*/
#buttom-bg{min-width:1000px;border-top:1px solid #dcdcdc;overflow:hidden;}
.footer-bg{background-color:#f6f6f6;height:180px;padding-top:1px;}
#footer{width:1000px;margin-right:auto;margin-left:auto;margin-left:auto;margin-bottom:20px;}
#footer .box{float:left;margin-top:20px;width:299px;}
.line-b{float:left;margin:17px 27px 0 20px;}
#footer .box ul li{line-height:22px;}
#footer .box ul li a{color:#000;}
#footer .box .title{color:#000;font-size:16px;font-weight:bold;}
#footer-img{width:1000px;height:81px;}
.bottom{background-color:#f6f6f6;padding:20px 0 5px;}
#footer-image{width:1000px;margin:0 auto;padding-top:30px;background-image:url(images/buttom101.jpg);background-position:center center;background-repeat:no-repeat;height:81px;}
#footer-txt{text-align:center;background-color:#282828;padding:30px 0 20px 0;clear:both;}
#footer-txt p, #footer-txt a{color:#FFF;font-size:14px;}
#footer-txt img{margin:20px 0;display: none;}
#lang{float:right;margin:19px 12px 0 0;}
#lang p{color:#292929;font-size:13px;float:left;font-weight:bold;line-height:24px;}
#lang .lang-icon{height:24px;float:left;background:url(/style/images/lang-bg.jpg) no-repeat;margin-left:5px;padding:0 5px;}
#lang .lang-icon li{float:left;}
#lang .lang-icon li a{display:block;width:22px;height:14px;overflow:hidden;}
#en, #jp, #fr, #de{background:url(/style/images/en.jpg) no-repeat 0;height:12px;display:inline-block;margin:6px 5px;}
#jp{background:url(/style/images/jp.jpg) no-repeat 0;}
#fr{background:url(/style/images/fr.jpg) no-repeat 0;}
#de{background:url(/style/images/de.jpg) no-repeat 0;}
/*table*/
table {border-collapse:collapse;margin-left:1%;width:99%;}
table th{background-color:#a0a0a0;color:#fff;font-size:16px;line-height:24px;padding:20px 10px;border:1px solid #c0c0c0;}
table tr{padding-top:5px;font-size:14px;}
table tr td:first-child {line-height:50px;}
table td{border:1px solid #a0a0a0;text-align:center;word-break:break-all;}

/*get free code*/
.container-free{overflow:hidden;width:100%;max-width:1200px;margin-top:30px;}
.container-free .left{float:left;background-color:#f5f5f5;width:45.5%;padding:20px;margin-bottom:20px;padding-bottom:9px;box-sizing: border-box;margin-right:5%;margin-left:2.5%;}
.container-free .left h3 span{color:#4fade1;font-size:18px;font-weight:bold;}
.container-free .left h3{font-size:18px;margin-bottom:20px;text-align:center;}
.container-free .right{float:right;background-color:#f5f5f5;margin-bottom:20px;width:47%;padding:20px 50px;min-height:295px;;box-sizing: border-box;}
.container-free .right .title{color:#4fade1;font-size:24px;text-align:center;}
.container-free p{margin-bottom:10px;}
.container-free .right table tr td, .container .right table{border:none;}
.container-free .right table tr td{text-align:left;font-size:12px;}
.container-free .right table{width:380px;}
.container-free .right table tr td#cell{background-color:#eaf2f4;border:1px solid #86caf0;border-right:none;width:20px;}
.container-free .right table tr td#cell-sec{background-color:#eaf2f4;border:1px solid #86caf0;border-left:none;}
.container-free .right table tr td#cell-third{background-color:#eaf2f4;border:1px solid #86caf0;border-top:none;border-right:none;}
.container-free .right table tr td#cell-last{background-color:#eaf2f4;border:1px solid #86caf0;border-top:none;border-left:none;}
#expire{position:relative;}
#expire:hover{background-color:#e9e9e9;width:375px;height:244px;}
#expire:hover span{display:block;position:absolute;font-size:14px;color:#000 }
#expire:hover table{display:none;}
#expire span{display:none;padding-top:50px;width:380px;height:244px;}
.get-code{background:url(/new-style/images/get_code.png) no-repeat;width:179px;height:42px;border:none;cursor:pointer;float:left;}
a#dl-free{background:url(/new-style/images/dl.png) no-repeat;width:174px;height:42px;display:block;float:left;margin-left:15px;}
input#name, input#mail{border:none;height:30px;width:295px;color:#999;text-indent:1em;}
#disqus_thread{margin-bottom:80px;margin-top:20px;}
#main-left{float:left;width:675px;border:1px solid #dadada;border-radius:5px;padding:15px;}
.contact-intro h1{height:44px;line-height:44px;font-size:16px;font-weight:bold;}
.contact-main{overflow:hidden;zoom:1;}
.contact-txt{padding:5px 5px 10px;border-bottom:1px dashed #989898;}
.contact-txt p a{color:#529CBF;}
.contact-txt h2{font-weight:bold;font-size:13px;}
.contact-main h3{font-weight:bold;font-size:12px;}
.contact-main ul li.faq-center, .contact-main ul li.glossary, .contact-main ul li.popular-guide{background:url(/style/images/faq-center.jpg) no-repeat scroll 0 0 transparent;float:left;font-size:18px;height:94px;line-height:90px;list-style:none outside none;width:213px;margin:15px 0px 20px;}
.contact-main ul li.faq-center a{color:#2687ba;display:inline-block;padding-left:90px;}
.contact-main ul li.popular-guide{background:url(/style/images/popular-guide.jpg) no-repeat scroll 0 0 transparent;margin:15px 10px 20px 10px;}
.contact-main ul li.popular-guide a{color:#2687ba;display:inline-block;padding-left:75px;}
.contact-main ul li.glossary{background:url(/style/images/glossary.jpg) no-repeat scroll 0 0 transparent;}
.contact-main ul li.glossary a{color:#2687ba;display:inline-block;padding-left:100px;}
#sidewrap .video{border:1px solid #999;padding:10px;margin-bottom:30px;cursor:pointer;width:222px;}
.sidebar-box h3, h3#sidevideoguide{font-size:24px;margin-bottom:20px;line-height:45px;}
.ad {width:100%; background: rgba(0, 0, 0, 0) url(/images/system/tutorial-ad-bd-ripper.jpg) no-repeat scroll 50% 0; display:block; height:118px; overflow: hidden;}
.ad-mac {width:100%; background: rgba(0, 0, 0, 0) url(/images/system/tutorial_ad_10_in_1_mac.jpg) no-repeat scroll 50% 0; display:block; height:118px; overflow: hidden;}
.ad p{padding-left:863px;color:#FFF;font-size:27px;padding-top:90px;}
.ad a, .ad-mac a{display:block; height:200px; width:100%}
#author-info{max-width:1000px;overflow:hidden;border:1px solid #d9dbda;color:#626262;font-size:14px;}
.author-img{float:left;margin:0 15px;}
#article_main .blue_title{display: block;margin:30px 0;width: 147px;height: 30px;line-height: 30px;font-size: 16px;color:#fff;background: url(/images/system/rectangle.png) no-repeat 0 0;text-indent: 10px;}
/*article new*/
a.link{color:#0072ff;font-size:16px;line-height: 30px;}
h1.container{padding:62px 10px 52px;text-align: center;font-size:34px;line-height: 44px;}
.flexbox{display:-webkit-box;display: -webkit-flex;display: flex;-webkit-box-pack: justify;-webkit-justify-content: space-between;justify-content: space-between;flex-direction: row;flex-wrap: wrap;}
.container{position:relative;width:100%;max-width:1200px;overflow: hidden;}
.container{overflow: visible;}
.article_left{position: sticky;top:0;width: 227px;max-height:400px;overflow-y:auto;box-shadow: 0 0 13px 3px rgba(0,0,0,.1)}
.article_left .title{width:100%;font-size:18px;height:40px;line-height: 42px;text-align: left;background-color: #e3f3ff;}
.article_left .title i{float:left;margin:8px 6px 0 69px;width: 20px;height: 20px;background: url(/images/system/author-icon.png) no-repeat 0 0;}
#article_guide{display: block;box-sizing:border-box;width:100%;padding:10px 0 70px;}
#article_guide .left_list_container{padding:2px 17px;}
#article_guide .left_list_container i{float:left;margin:4px 10px 0 0;width: 12px;height: 12px;background: url(/images/system/author-icon.png) no-repeat 0 -88px;}
#article_guide .left_list_container>a{display: inline-block;width:100%;box-sizing:border-box;font-size:16px;line-height: 24px;color:#0066cb;text-decoration: none;}
#article_guide .left_slider{display:none;padding-left:22px;font-size:14px;}
#article_guide .left_list_container.active .left_slider{display: block;}
#article_guide .left_slider a{display: block;width:100%;font-size:14px;line-height: 30px;color:#333;}
#article_main{width:100%;max-width:930px;margin:0;}
#author_section{box-sizing:border-box;width: 100%;border:1px solid #f0f0f0;height: 64px;line-height: 62px;text-align: left;font-size:16px;color:#333;}
#author_portrait{float:left;margin: 10px;width: 42px;height: 42px; }
#author_name{float:left;color:#444;height: 62px;line-height: 64px;}
.twiter_share{float:left;margin: 20px 28px 0 27px;width: 22px;height: 22px;background: url(/images/system/author-icon.png) no-repeat 0 -22px;}
i.time{float:left;margin: 20px 7px 0 0;width: 22px;height: 22px;background: url(/images/system/author-icon.png) no-repeat 0 -44px;}
i.subject{float:left;margin: 20px 7px 0 28px;width: 22px;height: 22px;background: url(/images/system/author-icon.png) no-repeat 0 -66px;}
.public{float:left;}
#article_main h2{display: block;box-sizing:border-box;margin:40px auto;width:100%;height: 54px;line-height: 56px;padding-left:20px;border-left:8px solid #398aef;background-color: #e3f3ff;font-size:26px;color:#000;}
#article_main>p{display: block;box-sizing:border-box;margin:18px auto;width: 100%;font-size:16px;line-height: 30px;color:#444;text-align: left;}
#article_main #main_img{margin:40px 0 50px;width:100%;max-width:696px;}
#article_main #main_img img{display: block;width:100%;max-width:696px;}
#article_main #main_img p{display: block;width:100%;font-size:16px;line-height: 30px;margin:18px auto 0;text-align: center;}
#article_main h3{display: block;margin:40px 0;box-sizing: border-box;height: 37px;line-height: 37px;font-size:18px;color:#333;border-bottom: 1px solid #6db1e3;background-color: #fff;}
#article_main h3 span{display: inline-block;height: 35px;margin-bottom: 0;padding-right:30px;border-bottom: 2px solid #398aef;}
.left_title span{display: inline-block;padding:0 10px;margin-right: 10px;line-height: 30px;background-color: #e3f3ff;}
.point{display: inline-block;font-size:16px;line-height: 30px;color:#333;padding:0 10px;margin-right: 10px;background-color: #e3f3ff;}
.table_style_1{margin:40px 0;width:930px;overflow-x: auto;box-sizing: border-box;}
.table_1{border-collapse: collapse;width:930px;margin:0;color:#444;font-size:16px;}
.table_1 tr td{padding:5px;border:1px solid #bbb;}
.table_1 .first{font-size:18px;line-height: 30px;font-weight: bold;}
.table_1 .level{padding:10px 40px;width: 177px;text-align: left;}
.known_all{box-sizing: border-box;width: 100%;margin:30px auto;}
.yellow_title{position:relative;z-index: 2;width: 116px;height: 36px;margin:0 0 0 18px;font-size:20px;line-height: 40px;text-align: center;color:#fff;background-color: #fab511;}
.content{position:relative;z-index:1;top:-1px;box-sizing:border-box;width:100%;padding:13px 30px 23px;text-align: left;border:1px dashed #fab511;border-radius:6px;background-color: #fffaf2;}
.content p{display: block;font-size:16px;color:#333;line-height: 30px;}
.bold{font-weight:bold;margin-right: 10px;color:#222;}
.list_index{margin:40px 0;box-sizing: border-box;width: 100%;padding:13px 18px 20px;background-color: #f2f9ff;}
.list_index li a{display: block;box-sizing: border-box;width:100%;padding-left:20px;font-size:16px;line-height: 30px;color:#0065b0;}
.list_index li a i{float:left;margin:9px 4px 0 0;width: 14px;height: 14px;background: url(/images/system/author-icon.png) no-repeat 0 -89px;}
#article_main h4{display:block;margin:23px 0;text-align: left;font-size:18px;font-weight: bold;}
#article_main h4 span{display: inline-block;width: 3px;height: 18px;margin-right: 10px;background-color: #0072ff;vertical-align: -2.5px;}
.table_style_2{margin:30px 0;width:468px;overflow-x: auto;box-sizing: border-box;}
.table_2{width:468px;margin:0;box-sizing: border-box;border-collapse: collapse;font-size:16px;}
.table_2 tr td{padding:0 5px;border:1px solid #bbb;width: 146px;}
.table_style_3{margin:30px 0;width:100%!important;overflow-x: auto;box-sizing: border-box;}
.table_style_3>table{width: 790px!important;box-sizing: border-box;}
.table_style_3 table tr{font-size: 16px;}
.table_3{width:686px;margin:0;box-sizing: border-box;border-collapse: collapse;font-size:16px;}
.table_3 tr td{padding:0 5px;border:1px solid #bbb;min-width: 146px;max-width:226px;height: 35px;}
.table_3 tr:nth-child(1) td{color:#fff;background-color: #27a7f1;}
.info_list{margin:23px 0;width: 100%;}
.info_list li{font-size:16px;line-height: 30px;}
span.blue_point{display: inline-block;width: 6px;height: 6px;background-color: #27a7f1;vertical-align: -1px;}
.table_style_4{margin:40px 0;width:930px;overflow-x: auto;box-sizing: border-box;}
.table_4{border-collapse: collapse;width:930px;margin:0;color:#444;font-size:16px;}
.table_4 tr td{padding:5px 17px;border:1px solid #bbb;line-height: 24px;}
.table_4 tr:nth-child(1) td{color:#fff;background-color: #27a7f1;height: 35px;}
.table_4 tr td:nth-child(1){width: 25%;}
.table_4 tr td:nth-child(2){width: 27%;}
#article_main h3.line{margin:30px 0;display: block;text-align: left;font-size:18px;font-weight: bold;}
#article_main h3.line>span{border-bottom: 0px solid #000;}
.table_style_5{margin:40px 0;width:930px;overflow-x: auto;box-sizing: border-box;}
.table_5{border-collapse: collapse;width:930px;margin:0;color:#444;font-size:16px;}
.table_5 tr td{padding:5px 17px;border:1px solid #bbb;line-height: 24px;width: 16.666%;}
.table_style_5{margin:40px 0;width:930px;overflow-x: auto;box-sizing: border-box;}
.table_6{border-collapse: collapse;width:930px;margin:0;color:#444;font-size:16px;}
.table_6 tr td{padding:20px 17px;border:1px solid #bbb;line-height: 24px;}
.table_6 tr td:nth-child(1){width: 25%;}
.table_6 tr td:nth-child(2){width: 27%;}
.table_6 tr:nth-child(1) td{color:#fff;background-color: #27a7f1;height: 35px;padding:0 17px;}
#article_main .title_yellow{display:block;margin:30px 0;background-color: #fab511;width: 105px;height: 30px;text-align: center;color:#fff;border-radius:30px;}
.center_img{margin:30px auto 40px;max-width:270px;}
.center_img>img{display: block;margin:0 auto;width: 100%;max-width:270px;}
.center_img>p{display: block;margin:5px auto 0;font-size: 15px;color:#444;line-height: 30px;text-align: center;}
/*star*/
#starlist{max-width:930px;width:96%;border-top:1px solid #f7f7f7;padding:1% 2% 0 2%}
#starlist p{margin:2px 0;}
#starlist ul{padding-left:0;overflow:hidden;float:left;margin:10px auto}
#starlist ul li{float:left;list-style:none;width:27px;height:27px;background:url(/images/system/star-1.png)}
#starlist ul li a{display:block;width:100%;padding-top:27px;overflow:hidden;margin:9px 0}
#starlist ul li.light{background-position:0 -27px}
#starlist #showPanel{line-height:27px;padding:10px 0 10px 150px;}

/*add review*/
.add_reviews{display: block;box-sizing:border-box;margin:20px auto;width: 96%;background: #f7f9fc;border: 1px solid #ededed;height: 58px;padding:8px 0;text-align: center;}
.add_reviews img{display: inline-block;width: 42px;height: 42px;vertical-align: -15px;margin-right: 10px;}
.add_reviews span{font-size:16px;line-height: 22px;display: inline-block;color: #008dce;cursor: pointer;}
.add_reviews span:hover{text-decoration: underline;}

.table_style_5{max-width:930px;width:100%;}
.tutorial .text-right{float:left;box-sizing:border-box;background: #fff;}
.tutorial .text-right>div{max-width:95%;margin:20px auto;}
.tutorial .text-right img{max-width:100%;}

/*aside recommand*/
#aside_recommand{display:block;position:fixed;right:10px;top:50%;width: 190px;height: 300px;opacity: 0;}
#aside_recommand.active{opacity: 1;}
#aside_recommand>img{display: block;}
#aside_recommand .off_animate{display: block;position: absolute;left: 34px;top: 140px;animation: off_animate 2s ease-in-out 0s infinite;}
#aside_recommand .aisde_close{position: absolute;width: 12px;height: 12px;right: -5px;top: -5px;opacity: 0;}
#aside_recommand.active .aisde_close{opacity: 1;}
#aside_recommand .aisde_close span{display: block;position: absolute;width: 14px;height: 2px;background-color: #444;-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg)}
#aside_recommand .aisde_close span:nth-child(2){-moz-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg)}
#aside_recommand .aisde_close:hover span{background-color: #fb541f;}
@keyframes off_animate {0%{transform: scale(1)}50%{transform: scale(1.1)}100%{transform: scale(1)}}
@media screen and (max-width: 1500px){
#aside_recommand{display: none;}
}
@media screen and (max-width:1200px){
.menu{display:none;}
.tutorial .tutorial-right{display:none;}
.tutorial .tutorial-left{width:95%;border:none;}
.tutorial-left img{width:100%;max-width:600px;}
.reviews .reviews-left{width:95%;}
.reviews .tutorial-right{display:none;}
#author-info .author img{max-width:50px; width:100%;}
.artList{border:none;}
.newstyle{padding: 2.5%;text-align:center;}
.newstyle .artListItem-last p{width:100%;}
.newstyle #artList-title{text-align:center;margin:15px auto 30px;}
.newstyle .artListItem-last img, .newstyle .artListItem img{float:none;margin:0 auto;}
.newstyle .artListItem-last p{text-align:center;}
}
@media screen and (max-width:1024px){
    .recommand_b ul{max-width:566px;}
}
@media screen and (max-width: 900px){
ul.active{display:none;}
.toggle-nav{padding:16px 28px;float:right;display:inline-block;color:#222;font-size:30px;border-radius:5px;}
a.toggle-nav{color:#222;}
.toggle-nav:hover, .toggle-nav .active{text-decoration:none;}
.menu{position:relative;display:inline-block;float:right;margin-top:0;}
.menu ul.active{display:none;}
ul.menu{position:absolute;top:61px;right:0;padding:10px;box-shadow:0px 1px 1px rgba(0,0,0,0.15);background:#222;border:1px solid #222;opacity:0.8;font-size:15px;}
ul.menu li{margin:0;float:none;display:block;}
ul.menu li a{padding:15px 15px 0;color:#fff;}
#header .menu{z-index:1000;}
#header .menu li p, #header .menu li a{margin-top:0;}
#header .menu li:hover,#header .menu li a:hover,#header .menu li:hover a{color:#fff;}
}
@media screen and (max-width:840px){
    .recommand_b ul{max-width:506px;}
    .recommand_b .buy_section{padding:0;}
}
@media screen and (max-width:798px){
.banner .container li.first{font-size: 18px;}
.guide .right ul li{width:90%;}
.ad {background:url(/images/system/tutorial-ad-bd-ripper-pad.jpg) scroll 50% 0; height:186px;}
.ad-mac {background:url(/images/system/tutorial_ad_10_in_1_mac_pad.jpg) scroll 50% 0; height:136px;}
.top-ads-mac{background:url(/images/recommend/10-in-1-798-mac.jpg) no-repeat scroll 50% 0;height:195px;}
.top-ads{background:url(/images/recommend/10-in-1-798-win.jpg) no-repeat scroll 50% 0;height:195px;}
.pro-down .down-win, .pro-down .down-mac, a#down_b, a.down{display:none;}
.artListItem, .artListItem-last{padding-left:2%; width:45%;}
}
@media screen and (max-width:640px){
    .product_section .left,.product_section .right{display:block;float:none;margin:0 auto 20px;}
}
@media screen and (max-width:600px){
.artListItem, .artListItem-last{width:90%;padding:2% 5%;}
.recommand_b ul{float:none;}
    .recommand_b .buy_section{float:none;margin:20px auto 0;}
	.recommand_newb ul{float:none;}
    .recommand_newb .buy_section{float:none;margin:20px auto 0;}
}
@media screen and (max-width:480px){
.ad {background:url(/images/system/tutorial-ad-bd-ripper-phone.jpg) scroll 50% 0; height:115px;}
.ad-mac {background:url(/images/system/tutorial_ad_10_in_1_mac_phone.jpg) scroll 50% 0; height:79px;}
.top-ads-mac{background:url(/images/recommend/10-in-1-480-mac.jpg) no-repeat scroll 50% 0;height:275px;}
.top-ads{background:url(/images/recommend/10-in-1-480-win.jpg) no-repeat scroll 50% 0;height:275px;}
.part-box-1{background-color:#5abef0;font-size:16px;padding:15px 20px;margin:20px 0;overflow:hidden;max-width:1000px;width:89%;}

}
@media screen and (max-width:360px){
#author-info .time{top:0px;}
.artListItem-last p, .artListItem p{width:100%;}
}