/*article page*/
#article{width:66.5%;float:left;max-width:665px;}
#article h1{font-size:3.6em;line-height:40px;}
#article h2{font-size:3em;color:#222;margin:30px 0 20px;}
#article h3{font-size:2.4em;color:#222;margin:30px 0 20px;}
#article h4{font-size:2.0em;color:#222;margin:30px 0 20px;}
#article p a{color:#09F; font-style:italic;}
#article p, #article ul li{color:#666;line-height:26px;margin:10px 0;font-size:1.4em;}
.pro-box{background-color:#1f82c8;margin:70px 0;overflow:hidden;padding:15px 0 10px;zoom:1;}
.pro-box img{float:left;_display:inline;margin:0 0 0 20px;}
.pro-box .pro-box-txt{float:right;_display:inline;width:440px;margin:0 15px 0 0;}
#article .pro-box .pro-box-txt p{font-size:1.4em;color:#fff;}
#article .pro-box .pro-box-txt p a{color:#fff;text-decoration:underline;}
.pro-box-btn{overflow:hidden;margin-top:20px;}
.pro-box-btn a:link, .pro-box-btn a:visited{color:#fff;}
.pro-box-btn a:hover{text-decoration:none;}
.pro-box-down-win{background:url(/style/images/down-win.jpg) no-repeat;width:105px;height:43px;display:block;float:left;font-size:1.8em;line-height:43px;padding-left:58px;}
.pro-box-down-win:hover{background-position:0 -43px;}
.pro-box-down-mac{background:url(/style/images/down-mac.jpg) no-repeat;width:105px;height:43px;display:inline-block;float:left;font-size:1.8em;line-height:43px;padding-left:58px;}
.pro-box-down-mac:hover{background-position:0 -43px;}
.spe-box{margin:70px 0 80px;}
#article .spe-box h3{font-size:3em;}
.spe-box p{line-height:26px;color:#666;}
.spe-box li{line-height:16px;margin:11px 0;font-size:1.2em;}
.spe-box li a:link, .spe-box li a:visited{color:#666;}
.knowledge-box h3{background:url(/style/images/icon-knowledge.jpg) 0 16px no-repeat;padding-left:45px;}
.related-article-box h3{background:url(/style/images/icon-articles.jpg) 0 16px no-repeat;padding-left:45px;}
.related-article-box{margin-top:10px; margin-bottom:50px;}
#article table{border:1px solid #CAECFF;margin-top:15px;}
#article table th, #article table td{padding:10px;font-size:1.4em;border:1px solid #CAECFF;}
#sidebar{width:23.5%;float:right;max-width:235px;}
#sidebar .video{border:1px solid #999; padding:10px;margin-bottom:15px;cursor:pointer;}
#tag{margin-top:30px;overflow:hidden;}
#tag dl dt{font-weight:bold;font-size:16px;color:#444;float:left;}
#tag dl dd a{font-size:16px;color:#09f;float:left;margin-left:5px;}
.sidebar-ad{margin-bottom:60px;}
.sidebar-ad img{max-width:100%;}
.sidebar-box{margin-bottom:60px;border-left:#1f82c8 solid 4px;padding-left:13px;}
.sidebar-box h3, h3#sidevideoguide{font-size:2.4em;margin-bottom:20px;line-height:20px;}
.sidebar-box li{line-height:16px;margin:11px 0;font-size:1.2em;}
.sidebar-box a:link, .sidebar-box a:visited{color:#666;}
ul#related_article li{border:1px solid #40b8fc;border-left-width:2px;padding:10px 10px 10px 15px;}
ul#related_article li a{font-size:18px;color:#222;}
ul#related_article li p{font-size:14px;color:#575757;margin:0;}
/*thankyou page*/
.thankyou{background:#f9f9f9;margin-bottom:30px;}
.thankyou-banner{max-width:999px;width:100%;height:234px;margin-top:30px;overflow:hidden;}
.thankyou-banner h1{font-size:4.6em;font-weight:normal;color:#fff;margin:42px 0 0 0;text-align:center;line-height:45px;}
.thankyou-banner p{font-size:2.2em;text-align:center;margin-top:30px;color:#fff;}
.thankyou-tutorial{border:#eeeeee solid 1px;border-top:none;background-color:#fff;padding:50px 40px 80px;}
.thankyou-tutorial h2{font-size:2.4em;overflow:hidden;line-height:30px;margin:30px 0 10px;}
.thankyou-tutorial p{font-size:1.4em;margin:10px 0 10px 25px;}
.thankyou-tutorial img{text-align:center;margin:10px 0 0 130px; }
.thankyou-faq{background-color:#fff;padding-bottom:20px;}
.thankyou-faq-title{background:url(/images/system/thankyou-faq.jpg) no-repeat;width:148px;height:86px;}
.thankyou-faq p{font-size:1.4em;margin:10px 0 15px;line-height:25px;}
.thankyou-faq p span{font-size:1.3em;}
.thankyou-faq-more{margin-top:30px;}
.thankyou-faq-more a{background:#99c937;display:block;width:60px;height:25px;text-align:center;line-height:25px;border-radius:5px;}
.thankyou-faq-more a:link, .thankyou-faq-more a:visited{color:#fff;}
.relate .title {font-size:1.7em;line-height:20px;margin-bottom:20px;}
.relate .relate-txt p{font-size:12px;}
.relate a{font-size:12px; display:block; padding-top:10px; text-decoration:underline;}
.relate .relate-img {float:left;width:85px;}
.relate .relate-txt {float:left; padding:0 5px; width:118px;}
#disqus_thread{margin-bottom:80px;}
.addthis_floating_style{ color:#000; 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; }
code{font-size:14px;}
.bold{font-weight:bold;}
/****video tutorial************/
.youtube-container{display:block;margin:20px 0;width:100%;max-width:600px;}
.youtube-player{display:block;width:100%;padding-bottom:56.25%;overflow:hidden;position:relative;width:100%;height:100%;cursor:hand;cursor:pointer;display:block;}
img.youtube-thumb{bottom:0;display:block;left:0;margin:auto;max-width:100%;width:100%;position:absolute;right:0;top:0;height:auto }
div.play-button{height:72px;width:72px;left:50%;top:50%;margin-left:-36px;margin-top:-36px;position:absolute;background:url(/images/video/play-button-white.png) no-repeat;}
#youtube-iframe{width:100%;height:100%;position:absolute;top:0;left:0;}
@media (max-width: 979px) {
#article{width:99%;}
.pro-box-btn{display:none;}
#article img{width:90%;}
#article .pro-box img{width:150px;}
#sidebar{display:none;}
}
@media screen and (max-width: 798px) {
#article p, #article ul li{font-size:1.6em;}
#article{width:99%;}
.pro-box-btn{display:none;}
#article img{width:90%;}
#article .pro-box img{width:150px;}
#sidebar{display:none;}
.addthis_floating_style.addthis_counter_style{display:none;}
}
@media screen and (max-width: 480px) {
#article{width:99%;}
.pro-box-btn{display:none;}
#article img{width:90%;}
#article .pro-box img{width:150px; display:block; margin:0 auto;}
#sidebar{display:none;}
#article .pro-box .pro-box-txt{clear:both;float:none;width:90%;padding-left:5%;}
.thankyou-banner h1{font-size:2.6em;}
}