body{background:#f7f7f7;}
img{height: auto;}
.text-right{float:right;margin:15px auto;width:70%;}
.text-left{float:left;margin:15px auto;max-width:340px;width:95%;}
.advertisement{width: 100%;margin: 0 auto;position: relative;display: block;}
.advertisement img{width: initial;max-width: 100%;}
.advertisement .ads_pc{display: block;}
.advertisement .ads_pad,.advertisement .ads_phone{display: none;}
.article-banner{background:url(/images/system/article-banner.jpg) no-repeat;overflow: hidden;padding-bottom:20px;margin-bottom:46px;}
.article-banner .img-box{padding-top:35px;max-width:28%;}
.article-banner .img-box img{display:block;max-width:100%;margin:0 auto;}
.article-banner .text-box{box-sizing:border-box;padding-top:35px;padding-right:15px;max-width:70%;width:initial;}
.article-banner .title{font-size:26px;color:#fff;}
.article-banner .title span{vertical-align: middle;}
.article-banner .title i{display:inline-block;width:75px;height:75px;margin-left:25px;margin-bottom:10px;background:no-repeat center center;vertical-align: middle;}
.article-banner.single-block .title i{background-image:url(/images/system/80-off.png);}
.article-banner.bundle-block .title i{background-image:url(/images/system/80-off-b.png);}
.article-banner .subtitle{font-size:20px;color:#fff;margin-bottom:10px;}
.article-banner .text{font-size:16px;color:#fff;line-height:30px;}
.article-banner .purchase-box{margin-top:15px;}
.article-banner .purchase-box>*{vertical-align: middle;display:inline-block;}
.article-banner .buy-btn{box-sizing:border-box;width:204px;height:46px;color:#fff;padding-left:75px;vertical-align:left;background:url(/images/system/buy.png) no-repeat 35px center;border-radius:3px;font-size:18px;line-height:46px;text-decoration: none;}
.article-banner.single-block .buy-btn{background-color:#ffa200;background-image:url(/images/system/down.png);}
.article-banner.single-block .buy-btn:hover{background-color:#ffb330;}
.article-banner.bundle-block .buy-btn{background-color:#ec524b;}
.article-banner.bundle-block .buy-btn:hover{background-color:#ff5f58;}
.article-banner .price{font-size:16px;color:#fff;line-height:30px;margin-left:20px;}
.article-banner.single-block .now-price{font-size:30px;color:#ffbb02;}
.article-banner.bundle-block .now-price{font-size:30px;color:#fe4941;}

.merit{border-radius: 3px;border: solid 2px #0096c3;background-color: #fff;padding: 20px 30px;margin: 10px auto 10px auto;}
.merit li{ margin: 0; padding: 0; border: 0; font-size: 16px; vertical-align: baseline; list-style: disc; }

/*breadcrumb*/
#breadcrumb{width: 100%;padding:15px 0px 0px;color:#444;font-size:14px;z-index: 11;}
#breadcrumb img{vertical-align:middle}
#breadcrumb #home{display: inline-block;color:#444;}
#breadcrumb span{color:#444;}
#breadcrumb a{color:#444;font-size:14px;}
/* #breadcrumb a:hover{color:#1cbafd;} */
.crumb_left{line-height:18px;padding-left:4px;font-size:14px;}

.tutorial{overflow: visible;zoom:1;}
.tutorial::after{display: block;content: '';height: 0;clear: both;overflow: hidden;visibility: hidden;}
.tutorial .text-left{float:right;max-width:300px;width:30%;}
.tutorial .left-title{max-width:267px;font-size:20px;background:#fff;font-weight:bold;text-align:center;padding-bottom:10px;margin-bottom:15px;border-bottom:1px solid #d8d8d8;}
.tutorial .tutorial-box{background:#fff;padding:20px 0;box-shadow:0 0 21px 0 rgba(84,94,101,.11);margin-bottom:30px;}
.tutorial .tutorial-box>*{width:95%;margin-left:auto;margin-right:auto;}
.tutorial .text-left ul,.tutorial .text-left ul li{list-style: disc;list-style-position: inside;color:#565c60;}
.tutorial .text-left ul li{font-size:16px;line-height:26px;margin-bottom:15px;list-style: none;box-sizing: border-box;padding:0 20px;border-bottom: 1px solid #f2e9e9;}
.tutorial .text-left ul li:hover{}
.tutorial .text-left ul li a{text-decoration: none;color:#333;transition: all linear .2s;display: block;}
.tutorial .text-left ul li a:hover{color:#0e8ce8;-webkit-transform: translate(16px,0);-moz-transform: translate(16px,0);-o-transform: translate(16px,0);transform: translate(16px,0);}
.tutorial .text-left .product-box{margin-bottom: 30px;background:#fff;padding: 28px 0;;box-shadow:0 0 10px 0 rgba(84,94,101,.11);}
.tutorial .text-left .product-box>*{max-width:90%;margin-left:auto;margin-right:auto;}
.tutorial .text-left .product-box img{display:block;margin:0 auto;}
.tutorial .text-left .product-box .title{font-size:22px;color:#000;line-height:6px;text-align:center;}
.tutorial .text-left .product-box .text{font-size:14px;color:#333;line-height:28px;text-align:center;}
.tutorial .text-left .product-box .down-btn{margin:20px 0 15px;box-sizing:border-box;display:block!important;width:204px;height:46px;margin:0 auto;color:#fff;padding-left:48px;vertical-align:left;border-radius:5px;font-size:18px;line-height:48px;text-decoration: none;position: relative;overflow: hidden;background-color: #0EB651;}
.tutorial .text-left .product-box .down-btn::after{content: '';display: block;width: 100%;height: 100%;left: 0;top: -100%;border-radius: 6px;transition: all linear .2s;position: absolute;}
.tutorial .text-left .product-box .download_win{background: #0EB651 url(/images/products/button-win.svg) 16px center no-repeat;background-size: 24px;}
.tutorial .text-left .product-box .download_mac{background: #0EB651 url(/images/products/button-mac.svg) 16px center no-repeat;background-size: 24px;margin-top: 10px;}
.tutorial .text-left .product-box .down-btn:hover::after{top: 0;}
.tutorial .text-left .product-box .down-btn::after{background: #10CA5A url(/images/products/button-download.svg) no-repeat center;background-size: 24px;}




.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%;}

.table_style_5{max-width:930px;width:100%;}

.top_menu{width: 100%;margin:34px auto;box-sizing: border-box;box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.05);}
.top_menu.active{padding-bottom: 10px;}
.menu_top{position:relative;width: 100%;box-sizing: border-box;height: 50px;font-size: 24px;color: #333;line-height: 48px;background: #DDEEFC;}
.menu_top::after{content: '';display: block;position:absolute;right: 24px;top: 14px;width: 20px;height: 20px;background: url(/images/system/article-menu-icon.png) no-repeat 0 0;background-size: 20px 80px;cursor: pointer;}
.menu_top:hover::after{background-position: 0 -20px;}
.menu_top.active::after{background-position: 0 -40px;}
.menu_top.active:hover:after{background-position: 0 -60px;}
.tutorial .top_menu img{display: inline-block;margin:0 12px 0 24px;vertical-align: -4px;width:initial;}
.tutorial .h2_list{box-sizing: border-box;padding:16px 24px 0px;width: 100%;display: none;}
.tutorial .h2_list.active{display: block;}
.tutorial .h3_list{margin: 0;display:none;box-sizing: border-box;padding:0 33px;width: 100%;}
.tutorial .h2_list>li{box-sizing: border-box;padding:10px 20px 10px 0;width: 100%;white-space: nowrap;position:relative;font-size: 18px;overflow: hidden;margin: 0;bottom: 0;line-height: 24px;}
.tutorial .h2_list>li i{content: '';display: block;position:absolute;right: 0;top: 13px;width: 20px;height: 20px;background: url(/images/system/article-menu-icon.png) no-repeat 0 0;background-size: 20px 80px;cursor: pointer;}
.tutorial .h2_list>li:hover i{background-position: 0 -20px;}
.tutorial .h2_list>li.active i{background-position: 0 -40px;}
.tutorial .h2_list>li.active:hover i{background-position: 0 -60px;}
.tutorial .h2_list>li>a{display: inline-block;font-size: 16px;color: #333;line-height: 24px;white-space: normal;position: relative;padding-left: 14px;}
.tutorial .h2_list>li>a::before{clear: both;content: "";width: 6px;height: 6px;border-radius: 50%;position: absolute;left: 0px;top: 9px;background: #333;}
.tutorial .h2_list>li>a:hover::before{background: #3B91E6;}
.tutorial .h2_list>li img{margin:0 12px 0 0;}
.tutorial .h2_list>li.active img{-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg);}
.tutorial .h3_list>li{box-sizing: border-box;padding:8px 0 7px;line-height: 24px;}
.tutorial .h3_list>li>a{display: inline-block;font-size: 16px;font-weight: 400;color: #333;line-height: 24px;}
.tutorial .top_menu a{text-decoration: none;}
.tutorial .top_menu a:hover{color:#169df1}

.tutorial .product_recommand{box-sizing: border-box;width: 100%;margin:30px 0;background: #6194EE;background: -webkit-linear-gradient(-78deg, #6194EE, #4FACFE);background: -moz-linear-gradient(-78deg, #6194EE, #4FACFE);background: -o-linear-gradient(-78deg, #6194EE, #4FACFE);background: linear-gradient(-78deg, #6194EE, #4FACFE);padding:40px 47px 40px 23px;-webkit-align-items: center;align-items: center;}
.tutorial .product_recommand .title{display: block;margin:0 0 15px;text-align: left;font-size: 22px;font-weight: bold;color: #FFFFFF;line-height: 24px;}
.tutorial .product_recommand .info{display: block;margin: 0;font-size: 16px;font-weight: 400;color: #FFFFFF;line-height: 24px;}
.tutorial .left_pro{width: 433px;margin: 0;}
.tutorial .right_pro{width: 192px;height: 74px;background: #FFFFFF;border-radius: 6px;margin: 0;overflow: hidden;}
.tutorial .right_pro .info{display: block;margin: 12px 0;font-size: 16px;font-weight: bold;color: #398AEF;line-height: 16px;text-align: center;}
.tutorial .right_pro .flex-box{-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;}
.tutorial .right_pro span{display: inline-block;margin:0 20px;width: 0;height: 16px;border-right: 1px solid #398AEF;}


.tutorial h4{text-align: center;margin:50px 0 20px;font-size: 20px;font-weight: bold;color: #070000;line-height: 24px;}
.tutorial .pro_con ul{margin:0 auto;padding: 0;width: 100%;}
.tutorial .pro_con ul li{margin:0 0 10px;position:relative;padding-left: 4px;width: 100%;box-sizing: border-box;padding:0 40px;font-size: 16px;color:#333;}
.tutorial .pro_con ul li::after{content: '';display: block;position: absolute;left: 20px;top: 10px;width: 5px;height: 5px;border-radius: 100%;background: #333;}
.tutorial .pro_item{box-sizing: border-box;padding: 0 20px;margin:0 0 20px}
.tutorial .pro_item .title{display: block;margin:0 0 15px;padding: 0;font-size: 16px;font-weight: bold;color: #333333;line-height: 24px;}
.tutorial .pro_item .title img{display: inline-block;margin:0 19px 0 0;vertical-align: -4px;width: inherit;}
.tutorial .pro_item:nth-child(1) .title img{-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);vertical-align: -2px;}
.tutorial .pro_item:nth-child(1){border-right:1px solid rgba(0,32,168,.1);}
.tutorial .pro_item:nth-child(2){border-left:1px solid rgba(0,32,168,.1);margin-left: -1px;}
.tutorial .table_zoon{overflow-x: auto;}
.tutorial .table_zoon table{width: 798px;box-sizing: border-box;margin:0;border:0;border-bottom: 1px solid rgba(0,0,0,.1);}
.tutorial .table_zoon table tr{border:0;border-top:1px solid rgba(0,0,0,.1);background-color: #fff;color:#070000;}
.tutorial .table_zoon table td{border: 0;width: 28%;text-align: center;padding:25px 10px;background-color: #fff;color:#070000;}
.tutorial .table_zoon table td:nth-child(1),.tutorial .table_zoon table th:nth-child(1){font-weight: bold;width: 12%;line-height: 30px;}
.tutorial .table_zoon table th{border: 0;width: 28%;text-align: center;padding:25px 10px;font-weight: bold;background-color: #fff;color:#070000;}
.tutorial .table_toggle{margin: 30px 0;}
.tutorial .table_toggle img{display:inline-block;width: initial; margin:0 75px 0 31px;vertical-align: middle;cursor: pointer;}
.tutorial .table_toggle img.active{-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
.tutorial .table_toggle a{display:inline-block;width: 120px;height: 33px;background: #398AEF;border-radius: 6px;font-size: 16px;font-weight: 400;color: #FFFFFF;line-height: 33px;text-align: center;vertical-align: middle;text-decoration: none;}


/*add review*/
.add_reviews{display: block;box-sizing:border-box;margin:20px auto;width: 100%;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;}
/*menu*/
.flex-box{display:flex;display:-webkit-box;display:-webkit-flex;flex-direction: row;justify-content: space-between;flex-wrap: wrap;-webkit-flex-direction: row;-webkit-justify-content: space-between;-webkit-flex-wrap: wrap;}
.clearfloat::after{content: "";display: block;height: 0;clear:both;overflow: hidden;visibility: hidden;}
.clearfloat{zoom:1;}
#logo img{padding-top: 14px;}
ul.menu{display:block;float:right;font-size:19px;margin-top:29px;margin-bottom:0;}
ul.menu>li{display:block;float:left;margin-left:60px;box-sizing: border-box;border-bottom: 2px solid transparent;}
ul.menu>li>a{color:#000;text-decoration:none;}
ul.menu>li:hover{text-decoration:none;}
#nav_menu{position:relative;z-index:10;margin:0 auto;height: 67px;width:100%;background: #fff;border-bottom: 1px solid #D8D8D8;}
#nav_menu .container{overflow: visible;max-width:1200px;position: initial;}
#nav_menu #logo{float:left;height: 59px;}
#nav_menu .menu{float:right;margin:0;padding:0;}
#nav_menu .menu.active{display: block;}
#nav_menu .menu>li{float:left;height: 67px;padding:18px 0 0;}
#nav_menu .menu>li>a{display: inline-block;font-size: 16px;color: #1e1e1e;font-weight: bold;}
#nav_menu .menu>li>a:hover{color: #3634B4;}
#nav_menu .menu>li.active{border-bottom: none;}
#nav_menu .menu>li:hover{border-bottom:none;}
#toggle_nav_mobile{display:none;float:right;font-size:30px;color:#222;padding:0 20px;}
#nav .container ul.mobile_nav{display:none;position: absolute;top: 100%;left: 0;background-color: #fff;color:#222;opacity: 1;width: 100%;}
.down1>a:last-child{width: 56px;height:16px;border:1px solid #f9ce5b;color: #f9ce5b;line-height: 16px;border-radius: 4px;padding:2px 8px;margin-left: 6px;display: none;}
.down1:hover a:last-child{display: inline-block;}
.down1:hover a{color: #f9ce5b}
.down1>a:last-child:hover{color: #0b122d;background: #f9ce5b;}
#nav .container ul.mobile_nav.active{display: block;}
#all-menu.dvd_ripper{max-width: 1200px;height: 59px;}
.slider_down{display:none;position:absolute;left:0;top:59px;width:100%;z-index:1; background:rgba(18,25,54,0.97) scroll no-repeat 0 0;padding: 10px 0;}
ul.menu li.home:hover + .slider_down{display:block;}
.slider_down:hover{display:block;}
.pc-os{width:100%;max-width:1200px;margin:10px auto;}
.slider_down:nth-child(3){padding:0 0 46px;}
.computer-os{margin:0;overflow:visible;max-width: 200px;padding-left: 5px;}
.computer-os>div#win-os, .computer-os>div#mac-os{position:relative;z-index: 10;margin-bottom: 15px;width: 157px;height: 157px;box-sizing:border-box;border:2px solid #3671d4;border-radius:8px;color:#fff;cursor: pointer;overflow: visible;background-color: transparent;}
.computer-os>div#win-os:hover,.computer-os>div#mac-os:hover{background-color: #003794;color:#dee0e8;}
.computer-os>div#win-os:hover::after,.computer-os>div#mac-os:hover::after{content: "";display: block;box-sizing:border-box;position:absolute;z-index:20;border-top:2px solid #3671d4;border-right:2px solid #3671d4;width: 13px;height: 13px;right:-9px;top:50%;margin-top:-4.5px;background-color: #003794;transform: rotate(45deg)}
.computer-os>div#win-os.active,.computer-os>div#mac-os.active{background-color: #003794;color:#dee0e8;}
.computer-os>div#win-os.active::after,.computer-os>div#mac-os.active::after{content: "";display: block;box-sizing:border-box;position:absolute;z-index:20;border-top:2px solid #3671d4;border-right:2px solid #3671d4;width: 13px;height: 13px;right:-9px;top:50%;margin-top:-4.5px;background-color: #003794;transform: rotate(45deg)}
.computer-os>div img{display: block;margin:30px auto 15px;}
.computer-os p{font-size:20px;font-size:20px;text-align: center;color:inherit;}
.slider_down a{color:#FFF;text-decoration:none;text-decoration: none;}
.slider_down ul{width: 100%;max-width:960px;padding:0;}
.slider_down ul li{font-size:16px;display:block;float:left;width:100%;max-width:236px;list-style-type:none;margin-right:80px;padding: 0;}
.slider_down #category {overflow: hidden;max-width:1200px;margin-top: -20px;}
.slider_down #category li{margin:0;height: 48px;border-bottom: 1px solid #ffc526;margin-right: 62px;padding-bottom: 4px;}
.slider_down #category li:nth-child(4),.slider_down #category li:nth-child(8),.slider_down #category li:nth-child(12){margin-right: 0px;}
.slider_down #category li a{display: inline-block;vertical-align: 4px;color:#fff;}
.slider_down #category li img{display: inline-block;margin: 9px 10px 0 0;vertical-align: -10px;}
.slider_down #category li a:hover{color:#f9ce5b;}
.slider_down ul li dl{margin:0;}
.slider_down ul li dl dd{padding:2px 0;}
.slider_down ul li dl dd a{color:#c8c6c4;font-size:14px;line-height: 30px;}
.slider_down ul li dl dt{border-bottom:#f9ce5b solid 1px;margin-bottom:6px;}
.slider_down ul li dl dt a:hover, .slider_down ul li dl dd a:hover{color:#f9ce5b;}
#toggle-nav{display: none;}
.moblie_system{display: none;}
.header_bg{display: none;width: 100%;height: 100%;background: rgba(0, 0, 0, .6);position: fixed;top: 0px;left: 0px;z-index: 9;}
/* content-right */
.content-right{overflow: hidden;margin-bottom: 30px;background-size: cover !important;}
.content-right.dvd{background: url(/images/author/dvd-ripper.svg) no-repeat center top;}
.content-right.bdripper{background: url(/images/author/banner-bdripper.svg) no-repeat center top;}
.content-right.vcu{background: url(/images/author/banner-vcu.svg) no-repeat center top;}
.content-right.dvdcreator{background: url(/images/author/banner-dvdcreator.svg) no-repeat center top;}
.content-right.sr{background: url(/images/author/banner-sr.svg) no-repeat center top;}
.content-right.bdplayer{background: url(/images/author/banner-bdplayer.svg) no-repeat center top;}
.content-right.bdcopy{background: url(/images/author/banner-bd-copy.svg) no-repeat center top;}
.content-right.bdcopy a.win{width: 100%;max-width: 160px;}
.content-right.dvdcopy{background: url(/images/author/banner-dvdcopy.svg) no-repeat center top;}


.content-right img{display: inline-block;max-width: 100%;}
.content-right .top{display: block;margin:67px auto 162px;font-size: 24px;font-weight: bold;line-height: 24px;text-align: center;color: #222222;}
.content-right .top span{color: #F0703A;font-size: 26px;text-shadow: 0px 4px 4px rgba(0,0,0,0.1);}
.content-right .title{margin: 0 auto 30px;font-size: 16px;font-weight: bold;color: #454545;line-height: 24px;max-width: 224px;text-align: center;}
.content-right .title span{color: #F0703A;}
.content-right.vcu .top span{color: #22DF9B;}
.content-right.vcu .title span{color: #22DF9B;}
.content-right.dvdcreator .top span{color: #3634B4;}
.content-right.dvdcreator .title span{color: #3634B4;}
.content-right.bdripper .top span{color: #F04848;}
.content-right.bdripper .title span{color: #F04848;}
.content-right.sr .top span{color: #F04848;}
.content-right.sr .title span{color: #F04848;}
.content-right.bdplayer .top span{color: #F04848;}
.content-right.bdplayer .title span{color: #F04848;}
.content-right.dvd .top{margin-bottom: 182px;}
.content-right.dvdcreator .top{margin-bottom: 182px;}
.content-right.bdplayer .top{margin-bottom: 182px;}
.content-right.bdripper .top{margin-bottom: 182px;}
.content-right.vcu .top{margin-top: 77px;}




.content-right .bottom_down{width: 100%;margin:0 auto;box-sizing: border-box;text-align: center;font-size: 0;white-space: nowrap;overflow: hidden;}
.content-right .bottom_down a{display: block;margin:0 auto 10px;width: 160px;height: 40px;line-height: 40px;font-size: 16px;font-weight: 400;overflow: hidden;background: #0EB651;border-radius: 6px;position: relative;}
.content-right .bottom_down a img{display: inline-block;margin:0 8px 0 0;vertical-align: -5px;}
.content-right .bottom_down a p{display: inline-block;font-size: 14px;font-weight: bold;color: #FFFFFF;line-height: 30px;position: relative;z-index: 2;margin: 0;line-height: 40px;}
.content-right .bottom_down a::after{content: '';display: block;width: 100%;height: 100%;left: 0;top: -100%;transition: all linear .2s;background:#10CA5A url(/images/author/icon-down.svg) no-repeat center;position: absolute;z-index: 3;background-size: 24px 24px;}
.content-right .bottom_down a:hover::after{left: 0;top: 0;}

.nav{margin-bottom: 10px;}
.nav,.nav a{font-size: 12px;line-height: 24px;color: #444;}
.nav a:hover{color: #3b91e6;}
.nav a:nth-child(1)::before{clear: both;content: "";width: 12px;height: 12px;background: url(/images/article/icon-home.svg);display: inline-block;margin-right: 8px;vertical-align: -1px;}
.nav a:nth-child(1):hover::before{background-position-y: -12px;}

.bottom_ads{position:fixed;width: 100%;display: block;bottom: 0;left: 50%;transform: translate(-50%,0);z-index: 3;}
.bottom_ads img{margin:0 auto;width: 100%}
.bottom_ads .close{position: absolute;right: 0;top: 0;width: 24px;height: 24px;}
.bottom_ads .pc{display: block;}
.bottom_ads .mobile{display: none;}
@media screen and (max-width:1200px){
	#breadcrumb{box-sizing:border-box;width: 100%;padding:15px 20px 0px;font-size:14px;z-index: 11;}
    #logo img{padding-left:20px;}
    .recommand_newb ul{max-width:450px;}
    #nav_menu>.container{display:flex;display:-webkit-box;display:-webkit-flex;flex-direction: row;justify-content: space-between;flex-wrap: wrap;-webkit-flex-direction: row;-webkit-justify-content: space-between;-webkit-flex-wrap: wrap;}
    .toggle_left {display: block;content: '';margin: 9px 0 0;width: 30px;height: 30px;background: url(/images/system/toggle-right.png) center no-repeat;border-radius: 100%;-webkit-order: 1;order: 1;}
    .toggle_left.active {background-color: #ebebeb;}
    #toggle-nav{-webkit-order:3;order:3;}
    #nav_menu #logo{-webkit-order:2;order:2;}
    .article-banner .text-box{padding-top:20px;}
    .tutorial .text-left{display:none;box-sizing:border-box;padding-left:10px;position: absolute;width: 100%;max-width: 1200px;margin:0;left: 0;top: 65px;padding: 0;z-index:10;}
    .tutorial .text-left.active{display: block;}
    .tutorial .text-left ul li{padding: 10px;margin: 0;    border-bottom: 0 solid #f2e9e9;    border-top: 1px solid #f2e9e9;}
    .tutorial .text-left ul li a{color:#000;margin: 0;}
    .tutorial .tutorial-box>*{width: 100%;}
    .tutorial .tutorial-box{width: 100%;margin:0;max-width: 1200px;padding: 0;}
    .tutorial .text-left .product-box,.tutorial .left-title,.content-right{display: none;}
	.tutorial .text-right{float:none;max-width: 900px;width: 100%;overflow:hidden}.slider_down a{color: #222;}
    #nav_menu{height: 65px;padding: 10px 0px 20px;box-sizing: border-box;}
    #nav_menu>.container{padding:0px 10px;box-sizing: border-box;width: 100%;}
    #toggle-nav{display: inline-block;float: right;color: #222;font-size: 30px;border-radius: 5px;color: #222;cursor: pointer;line-height: 20px;margin-top: 14px;width: 25px;font-family: "Meiryo","MS PGothic", Verdana, Arial, Helvetica, sans-serif;}
    #toggle-nav:hover, #toggle-nav:active{text-decoration:none;}
    #logo a {margin:0px;bottom: 0;float:left;}
    #logo img{padding-left: 0;padding-top: 0;}
    #nav_menu .menu{position:absolute;display:none;top: 65px;left: 0px;margin-top: 0;border:0;background-color: #fff;color:#222;z-index: 99;width: 100%;opacity: 1;}
    #nav_menu .menu>li{float:none;margin: 0;padding:10px;border-top: 1px solid #eee;height: auto;}
    #nav_menu .menu>li>a{height: auto;line-height: initial;padding: 0;color:#000;}
    .slider_down #category li a{color:#000;padding: 0;}
    #nav_menu #logo{height: auto;}
    #nav_menu .menu>li.home{position: relative;}
    .slider_down{background: #fff;position: initial;}
    .computer-os{display: none;}
    #nav_menu .menu>li.active>a{border: none;}
    #nav_menu .menu>li.active,#nav_menu .menu>li:hover{border-bottom: 0px solid transparent;}
    #nav_menu .menu>li.home>a{padding-bottom: 2px;height: 28px;}
    .slider_down ul,.slider_down ul li{max-width: 100%;}
    .slider_down ul li dl dt{border: none;}
    .slider_down{padding: 0px;}
    .moblie_system{display: block;margin: 0px;font-size: 16px;padding-bottom: 10px;border-bottom: 1px solid #eee;display: block;width: 100%;margin-top: 10px;}
    .moblie_system img{vertical-align: -6px;margin-right: 8px;}
    .pc-os .moblie_system:nth-child(2){margin-top: 0px;}
    .slider_down .container{width: 100%;margin:0 auto}
    .slider_down ul li dl dt{margin: 0;font-size: 16px;border-bottom: 1px solid #eee;padding: 5px 0px 5px 32px;}
    .slider_down ul li dl dd{padding: 0px;border-bottom: 1px solid #eee;padding:5px 0 5px 55px;}
    .slider_down ul#mac-pro li:last-child dl dd{border: none;padding-bottom: 0px;}
    .slider_down ul li dl dd a{color: #222;}
    .slider_down ul{display: block !important;}
    .pc-os{margin-bottom: 0px;}
    .slider_down #category{margin-top: 0px;}
    .slider_down #category li{border: none;padding:5px 0px 5px 32px;font-size: 16px;color: #222;height: auto;border-top: 1px solid #eee;}
    .slider_down #category li img{display: none;}
    .down1>a:last-child{display: none !important;}
    #nav_menu .menu>li:hover>a{border-bottom:2px solid transparent;}
}
@media screen and (max-width:1000px){
    .article-banner{display: none;}
    .tutorial .text-left{display:none;}
    .tutorial .text-right{max-width:850px;width:100%;}
}
@media screen and (max-width:798px){
    .advertisement .ads_pad{display: block;}
    .advertisement .ads_phone,.advertisement .ads_pc{display: none;}
    .add_reviews{height: auto;}
    .add_reviews img{display: none;}
}
@media (max-width:760px){
    .tutorial .product_recommand{flex-direction: column;align-items: start;}
    .tutorial .left_pro{margin:0 0 20px;width: 100%;max-width: 433px;}
	.tutorial .pro_con{flex-direction: column;}
	.tutorial .pro_item{border:0!important;}
}
@media screen and (max-width:600px){
    .recommand_newa .buy_section a{float:none!important;margin:0 auto 10px;}
}
@media screen and (max-width:480px){
    .advertisement .ads_phone,.advertisement .ads_pad,.advertisement .ads_pc{display: none;}
	.tutorial .pro_con{padding:20px 20px 0;}
	.tutorial .pro_item{margin:0 0 10px;}
	.tutorial .pro_item .title{margin:0 0 10px;}
	.tutorial .pro_con ul li{margin:0 0 5px;padding:0 20px;}
	.tutorial .pro_con ul li::after{left: 0;}
    .bottom_ads .pc{display: none;}
    .bottom_ads .mobile{display: block;}
}