@charset "utf-8";li,ul{list-style:none}#footer,.clear{clear:both}#article_main,#mask,#mask_link,#preface p,#preface ul{max-width:1000px;width:100%}.menu,h1{position:relative}#footer p,#share-list li,.menu li,.share-group li span,.usernotice_pop,h1{text-align:center}body,dd,div,form,h1,h2,h3,h4,html,img,input,p{margin:0 auto;padding:0;font-style:normal;font-family:Arial,Helvetica,Verdana,sans-serif;color:#444;line-height:160%;font-weight:400}dd,dl,dt,li,ul{margin:0;padding:0}body{font-size:62.5%}p{line-height:20px}img{border:none}a,a:link,a:visited{text-decoration:none;color:#222}a:active,a:hover{text-decoration:underline;color:#222}table{border-collapse:collapse}.container{max-width:1000px;overflow:hidden;padding:0 10px}#header{width:100%;height:72px;border-bottom:4px solid #f3f3f3}#header .container{overflow:visible}#logo{width:20%;float:left;margin-top:15px}.menu{z-index:90;max-width:1020px;float:right;margin-top:0}.menu li{float:left;font-size:18px;z-index:1}.menu li:hover{background-color:#616161}.menu li a{text-decoration:none;display:block;float:left;z-index:0;zoom:1;line-height:70px;height:70px;padding:3px 15px 0}#banner_3d,#banner_4k,#banner_4k_resolution,#banner_itunes,#banner_mp3_vs_mp4,#banner_xavc{height:444px;overflow:hidden}.menu li:hover a{color:#fff;text-decoration:none}.curr{background-color:#504F4F}#mask,#mask_link,#preface{background:#000;filter:Alpha(opacity=60)}.menu li.curr a{color:#fff}#article{width:66.5%;float:left;max-width:665px}#article_main img{margin:15px 0}#article_main h1{font-size:3.6em;line-height:50px}#article_main h2{font-size:3em;color:#222;margin:30px 0 0}#article_main h3{font-size:2.4em;color:#222;margin:20px 0 0}#article_main p,#article_main ul li{color:#444;line-height:26px;margin:10px 0;font-size:16px}#article_main p a{color:#09F;font-style:italic}#banner_4k{background:url(/images/4k/banner.jpg) 50% 0 no-repeat}#banner_mp4{background:url(/images/mp4/baner.jpg) 50% 0 no-repeat;height:383px;overflow:hidden}#banner_mp3_vs_mp4{background:url(/images/mp3-vs-mp4/mp3-mp4.jpg) 50% 0 no-repeat}#banner_xavc{background:url(/images/xavc/banner.jpg) 50% 0 no-repeat}#banner_4k_resolution{background:url(/images/4k/banner_4k_resolution.jpg) 50% 0 no-repeat}#banner_mkv{background:url(/images/mkv/banner_mkv.jpg) 50% 0 no-repeat;height:400px;overflow:hidden}#banner_mkv_codec{background:url(/images/mkv/banner-mkv-codec.jpg) 50% 0 no-repeat;height:380px;overflow:hidden}#banner_3d{background:url(/images/3d/banner_3d.jpg) 50% 0 no-repeat}#banner_itunes{background:url(/images/itunes/banner_itunes.jpg) 50% 0 no-repeat}#mask,#mask_link{margin-top:130px;border-radius:10px;background:rgba(0,0,0,.6)}#mask_link{margin-top:78px}h1{color:#fff;font-size:50px}h2#qa{background:url(/images/xavc/q.jpg) 0 10px no-repeat;padding-left:50px}#preface{margin-top:40px;padding:15px 10px 50px;background:rgba(0,0,0,.6)}#preface p,#preface ul{color:#c7c7c7;font-size:14px;line-height:28px;position:relative}#preface p{margin-top:10px;line-height:20px}#preface ul{overflow:hidden;margin:0 auto}#preface ul li{float:left;width:50%}#preface ul li a{color:#fff}h3#related_pro_title{background-color:#50c0c2;font-size:24px;color:#fff;padding:8px;border-radius:10px;max-width:250px}#related_pro{overflow:hidden;margin:30px 0 20px;border-top:2px solid #f3f3f3}#related_pro #left{float:left;width:48%;overflow:hidden}#related_pro #left ul,#related_pro #right ul{float:left;width:68%}#article_main .pro-box img,#related_pro #left img,#related_pro #right img{float:left;margin-top:20px}#related_pro #right{float:right;width:48%;overflow:hidden}ul li.title a{color:#2b2b2b;font-size:24px}#related_pro #left ul li,#related_pro #right ul li{font-size:14px}.pro-box{border-top:2px solid #f3f3f3;margin:15px 0 30px;overflow:hidden}#related_articles ul li,#related_articles ul#list li{border:1px solid #5abef0;padding:10px;line-height:26px}#article_main .pro-box img{float:left;margin:30px 0 0 100px}.pro-box .pro-box-txt{float:left;width:60%;margin:30px 0 0 30px}#article .pro-box .pro-box-txt p,#article_main .pro-box .pro-box-txt p{font-size:1.4em;color:#666}#article .pro-box .pro-box-txt p a,#article_main .pro-box .pro-box-txt p a{color:#fff;text-decoration:underline}#down_mac,#down_pc{display:block;background:url(/images/resource/btn/down.png) no-repeat;width:141px;height:32px;float:left}#down_pc{background-position:0 -64px}#down_pc:hover{background-position:0 -96px}#down_mac{margin-left:10px}#related_articles{background-color:#f3f3f3;padding:10px}#related_articles h3{font-size:2.8em;margin:20px 0 0}#related_articles ul#list{overflow:hidden}#related_articles ul#list li{background-color:#fff;float:right;width:60%;margin:10px 0}#related_articles ul#list li img{float:left;margin:5px 0 0 20px}#related_articles ul#list li p{color:#606060;font-size:14px;line-height:24px;float:right;width:80%;margin-top:0}#related_articles ul#list li a{color:#09f;font-size:16px;display:block;float:right;width:80%}#related_articles ul#list li#first{float:left;border:none;width:339px;height:345px;padding:0}#related_articles ul#list li#first-two{float:left;border:none;width:288px;height:176px;padding:0}#related_articles ul#list li#first img,#related_articles ul#list li#first-two img{margin:0}#share-list{position:fixed;right:0;top:30%;overflow:hidden}#share-list li{width:42px;height:42px;-webkit-transition:.5s;transition:.5s;clear:both;float:right}#share-list li:hover{width:54px}#share-list li img{width:35px;height:35px}#share-list li.fb{background:#3b5998}#share-list li.tw{background:#000}#share-list li.ln{background:#0073b1}#share-list li.gmail{background:#848484}#share-list li.fb img,#share-list li.reddit img{width:30px;height:30px}#share-list li.gmail img{width:18px;height:18px;display:block;margin:12px auto}#share-list li.reddit{background:#ff5700}#share-list li img{margin:6px auto}.share-group li span{width:100%;height:100%;display:block;color:#fff!important;cursor:pointer}#more_reading{font-size:24px}#related_articles ul{overflow:hidden}#related_articles ul li{background-color:#fff;float:left;width:90%;margin:10px 0}#related_articles ul li p{color:#606060;font-size:14px;line-height:24px;float:right;width:100%;margin-top:0}#related_articles ul li a{color:#09f;font-size:16px;display:block;float:right;width:100%}#author p,.fl{float:left}#related_articles.col_three{background-color:#fff;border-top:1px solid #e9edee;border-bottom:1px solid #e9edee;padding-top:26px}#related_articles.col_three ul li{float:left;width:26.9%;margin-right:5.9%;border:none}#breadcrumbs i,#related_articles.col_three ul li:last-child{margin-right:0}#related_articles.col_three ul li a{color:#222;padding:14px 0}#author{margin-top:30px;overflow:hidden}#author p{margin-left:15px}#article_main #author img{height:60px;width:60px}#breadcrumbs{font-size:14px;line-height:20px;color:#888;padding-bottom:20px}#breadcrumbs i{display:inline-block;width:16px;height:12px;vertical-align:0;background:url(/images/article/home.svg) center no-repeat;background-size:16px 12px}#breadcrumbs a:hover i{background:url(/images/article/home-h.svg) center no-repeat;background-size:16px 12px}#breadcrumbs a{color:#888}#breadcrumbs a:hover{color:#009bff}#breadcrumbs .home_arrow{display:inline-block;width:9px;height:9px;vertical-align:0;background:url(/images/article/breadcrumb-arrow.png) center no-repeat}#breadcrumbs.old_article{padding-bottom:0;line-height:30px;padding-top:20px}#footer{background:#4b4a4f;width:100%;padding:25px 0}#footer p{color:#fff;margin:0 auto 10px}#footer p a,.copyright{text-align:center;color:#fff;font-size:14px}#footer p.copyright{margin:0 auto}.back-to{position:fixed;bottom:10px;right:10px;z-index:999;width:110px;overflow:hidden;zoom:1;-ie6-position-fixed-delay:200}.back-to .back-top{float:right;display:block;width:50px;height:50px;background:url(/images/system/gotop.png) no-repeat;margin-left:10px;outline:0;text-indent:-9999em}*html{background-image:url(about:blank);background-attachment:fixed}#article_main table{border:1px solid #CAECFF;margin-top:15px;width:100%}#article_main table a{color:#09F}#article_main table td,#article_main table th{padding:10px;font-size:1.4em;border:1px solid #CAECFF}.addthis_floating_style{position:fixed;border:1px solid #dbdbdb;box-shadow:0 2px 3px #dbdbdb;padding:10px 6px 15px!important;margin-top:30px\9;filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr='#fcfcfc', endcolorstr='#ededed', gradientType=0);background:-moz-linear-gradient(top,#fcfcfc,#ededed 100%);background:-webkit-gradient(linear,0 0,0 100%,from(#fcfcfc),to(#ededed));top:20%;left:0}.usernotice_pop{display:table;width:150px;padding:15px;position:fixed;bottom:20px;right:50px;background:rgba(0,0,0,.55);z-index:1000;color:#fff;border-radius:5px;transition:all .3s ease;font-size:12px}.usernotice_pop a{color:#fff;text-decoration:underline}.usernotice_pop span{display:block;cursor:pointer;border:1px solid #fff;margin:10px auto;width:50%}@media only screen and (max-width:1120px){#related_pro #left img,#related_pro #right img{width:150px;float:left;margin-top:10px}}@media (max-width:979px){#down_mac,#down_pc,#related_articles ul#list li#first,.share-group{display:none}h1{font-size:40px}#related_pro #left,#related_pro #left ul,#related_pro #right,#related_pro #right ul{width:100%}#related_pro #right{margin-top:30px}#related_articles ul#list li{width:70%;float:left}#related_articles.col_three ul li{float:left;width:28%;margin-right:1%;border:none}#related_articles.col_three ul li img{width:100%;max-width:270px}#article_main,#preface p{width:94%}}@media screen and (max-width:798px){.addthis_floating_style,.menu ul li{display:none}h1{font-size:26px}#footer p a,#preface p,.copyright{font-size:12px}#preface p{line-height:20px}#article_main img{width:80%}#related_articles ul#list li{width:92%}#related_articles.col_three ul li{float:none;width:90%}.pro-box .pro-box-txt{width:90%}}@media screen and (max-width:480px){.link,.menu ul li{display:none}#article h1,#article_main h1{font-size:2.6em}#article h2,#article_main h2{font-size:2em}#article h3,#article_main h3{font-size:1.8em}#mask{margin-top:0}#related_articles ul#list li{width:90%}#related_articles ul#list li a,#related_articles ul#list li p{width:97%}#preface{padding-top:5px}#preface p{line-height:17px}#article_main .pro-box img{margin-left:50px}}#article_main span{font-size:12px}