/* articles_content */
body{background-color:#e4e4e4;}
.content .contain{width:1039px;margin:20px auto 0;background-color:#e4e4e4;}
.content .contain .cont1{float:left;width:70%;background-color: #fff;margin:0;padding:0;}
.content .contain .cont2{float:right;width:26%;margin-right:1%;}
.content .contain .cont1 .son1{background-color:#32A5E8;width:100%;}
.content .contain .cont1 .son1 h1{color:#fff;font-family:Georgia;font-size:24px;margin:0;padding:20px;}
.content .contain .cont1 .son2{padding:23px;}
.content .contain .cont1 .son2 h2{clear: both;font-size:18px;width:85%;font-weight:bold;font-family:Georgia;display:block;}
.content .contain .cont1 .son2 img{max-width:100%;height:50% !important;}
.content .contain .cont2 .son1{width:100%;background-color: #fff;padding:5px;}
.content .contain .cont2 .son2{width:100%;background-color: #fff;padding:5px;margin-top:20px;}
.content .contain .cont2 .son1 iframe{border:1px solid #ccc;}
.content .contain .cont2 .son1 div{border:1px solid #d4d4d4;}
.content .contain .cont2 .son2 div{border:1px solid #d4d4d4;padding:10px;}
.content .contain .cont2 .son2 div span{border-bottom: 1px solid #ccc;display:block;font-size:16px;color:#999;margin:5px 0;font-weight:bold;}
.content .contain .cont2 .son2 div ul li{color:#666;}
.content .contain .cont2 .son2 div ul li a{color:#666;line-height: 28px;margin-left: 10px;font-size:15px;}
.clear{clear:both;}
.articles_content h1 {font-size:24px;font-weight:normal;background-color:#32A5E8;color:#fff;padding:20px 0 20px 20px;margin:0;font-family:Georgia;}
.articles_content .content_div,.articles_content .content_div em{font-family:Georgia;font-size:14px;color:#333;}
.articles_content .content_div a{color:#6699ff;}
.articles_content .content_div a:hover {text-decoration:underline;}
.middle_nav{padding:10px;margin:0 150px 0 15px;border:1px solid #bcbcbc;border-radius: 5px;}
.middle_nav ul li{margin:5px 0;}
.middle_nav ul li a{font-size:14px;color:#0066ff;}
.articles_content .author { width:695px; height:66px; margin:10px 0 15px 0; background:url(../images/symbol_02.png) no-repeat;}

.articles_content .author img { width:60px; height:60px; background:url(../images/touxiang.png) no-repeat; display:inline-block; border:0; margin-top:4px; margin-left:1px; float:left;}

.articles_content .author p { width:620px; height:22px; margin-top:15px; float:left; text-indent:10px;}

.articles_content .author p a { color:#6699ff;}

.articles_content .author .follow { width:620px; height:22px; float:left; text-indent:10px; color:#6699ff;}

.articles_content .paragraph { width:700px; line-height:20px; margin-bottom:15px; color:#333;}

.articles_content .title { width:700px; line-height:20px; margin-bottom:15px; font-size:18px; color:#333;}

.articles_content .download_btn { width:700px; height:73px; padding-bottom:20px; border-bottom:1px dotted #e8e8e8;}

.articles_content .download_btn .download_btn_01, .articles_content .download_btn .download_btn_02 { width:200px; height:73px; display:block; float:left; text-indent:-9999px; }

.articles_content .download_btn .download_btn_01 {background:url(../images/btn_04.png) no-repeat; margin-right:15px; display:inline-block;}

.articles_content .download_btn .download_btn_02 {background:url(../images/btn_05.png) no-repeat;}

.articles_content .part { width:700px; height:85px; padding:20px 0 0 0; margin:15px 0 0 0; background:#f8f8f8; }

.articles_content .part p { width:700px; line-height:20px; color:#0072bc; text-indent:15px; margin-bottom:15px; }

.articles_content h5 { width:700px; padding-top:10px; margin:10px 0 20px 0; font-size:16px; color:#333; line-height:24px; font-weight:normal; border-top:1px dotted #e8e8e8}

.articles_content .step { width:700px; margin-bottom:15px; overflow:hidden;}

.articles_content .step span { display:block; float:left; font-size:14px; line-height:29px;}

.articles_content .step .symbol_step { width:60px; height:29px; display:block; float:left; background:url(../images/symbol-03.png) no-repeat; text-align:center; line-height:29px; color:#fff; font-style:normal;}

.articles_content .images { display:block; max-height:700px; margin:10px 0; overflow:hidden;}

.articles_content .related_articles { width:700px; background:#f5f5f5; padding:15px 10px; overflow:hidden;}

.articles_content .related_articles dl dt { font-size:16px; margin-bottom:10px; color:#666;}

.articles_content .related_articles dl dd { line-height:22px;}

.articles_content .related_articles dl dd a { color:#0072bc;}
.block_01, .main_left_box .block_02 {
border: 1px solid #f1f1f1;
width: 888px;
overflow: hidden;
margin: 15px 0;
background: -webkit-gradient(linear, 0 0, 0 100%, from(#fefefe), to(#f1f1f1));
}
.block_01 a {
color: #0072bc;
}
.block_01 a img {
width: 60px;
height: 60px;
display: block;
float: left;
}
.block_01 p {
width: 600px;
float: left;
margin: 10px 0 0 10px;
font-size: 13px;
color: #333;
line-height: 18px;
}
.addthis_floating_style {
position: absolute !important;
border: 1px solid #dbdbdb;
box-shadow: 0 2px 3px #dbdbdb;
padding: 10px 6px 15px !important;
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));
position:relative;
top:80px;
left:50px;
}
.articles_content h3,.articles_content h2, .articles_content .stepdiv {line-height: 25px;padding:5px 0;}
.articles_content h2 {font-family:Georgia;font-size:18px;font-weight:bold;margin-top:45px;}
.articles_content h3 .step, .articles_content .step{
font-size: 12px;
display: block;
float: left;
background: url(../images/step-bg.png) no-repeat;
width: 55px;
text-align: center;
height: 25px;
line-height: 25px;
color: #fff;
margin: -3px 5px 3px 0;
}
.articles_content ul.menus {
margin: 12px 0;
padding: 12px 20px;
border: 1px solid #DDD;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: white;
}
.articles_content ul.menus li {
line-height: 1.8em;
color: #666;
background: transparent url(../images/list.gif) no-repeat scroll 2px 8px;
padding: 2px 0 2px 12px;
}
.articles_content ul.menus a {
text-decoration: none;
color: #08C;
}
.articles_content ul.menus a:hover{text-decoration: underline;}
.articles_content ul.menus {
margin: 12px 0;
padding: 12px 20px;
border: 1px solid #DDD;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: white;
}
.articles_content ul.menus li {
line-height: 1.8em;
color: #666;
background: transparent url(../images/list.gif) no-repeat scroll 2px 8px;
padding: 2px 0 2px 12px;
}
.articles_content ul.menus a {
text-decoration: none;
color: #08C;
}
/*pic of icon font*/
@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon.eot?-1wgneb');
	src:url('../fonts/icomoon.eot?#iefix-1wgneb') format('embedded-opentype'),
		url('../fonts/icomoon.woff?-1wgneb') format('woff'),
		url('../fonts/icomoon.ttf?-1wgneb') format('truetype'),
		url('../fonts/icomoon.svg?-1wgneb#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
        font-size: 30px;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
#icon{
    height:40px;
    padding:20px 0 20px 5px ;
}
#icon a,#icon a:visited{
    margin:0 15px 0 5px;
    float:left;
    font-size:20px; font-weight:bold;  display:block; width:50px;
    color:#202020;
}
#icon a:hover{
    color:#1EC3CE;
    -webkit-transform: rotate(20deg);  
    -moz-transform: rotate(20deg);  
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.icon-googleplus:before {
	content: "\e600";
}
.icon-facebook:before {
	content: "\e601";
}
.icon-twitter:before {
	content: "\e602";
}
/*pic of icon font*/
#u18_line{
    left: 0px;
    top: 4px;
    width: 232px;
    height: 3px;
    background-image:url("../images/u18_line.png");
    margin: 5px 0;
}
#u19_line{
    padding: 0 0 0 13px;
    font-family: Arial;
}
#u19_line a{
    color: #666;
}
#u19_line a:hover{
    color: #6699ff;
    text-decoration: underline;
}
#u19_line ul li span{
    font-family:Georgia;
    font-size:14px;
    font-weight:normal;
    font-style:normal;
    text-decoration:none;
}
#u19_line ul li{
    padding: 5px 0 3px;
    list-style-type: disc;
}
.totop {
position: fixed;
right: 70px;
bottom: 10px;
display: none;
}
.download {margin: 25px 0 20px 0;height: 50px;}
.download li {
    display: inline;
    float: left;
    height: 99px;
    line-height: 46px;
    margin-right: 20px;
    text-align: center;
    width: 227px;
    margin-bottom:20px;
}
.download li a {color: #FFFFFF;cursor: pointer;display: block;font-size: 18px;height: 80px;width: 227px;}
 .download .down_box {
    background: none repeat scroll 0 0 #EEEFF1;
    border: 1px solid #E1E1E1;
    border-radius: 5px 5px 5px 5px;
    display: none;
    font-weight: normal;
    height: 140px;
    left: 0;
    position: absolute;
    top: 70px;
    width: 250px;
    z-index: 999;
}
.download .down_box_top, .download_top .down_box_top{
    background: url("../images/t.png") repeat scroll 20px 0;
    height: 10px;
    left: 40%;
    position: relative;
    top: -10px;
    width: 10px;
}
 .download .down_box span , .download_top .down_box span {
    color: #6E6E6E;
    float: left;
    font-size: 14px;
    line-height: 18px;
    margin-top: -5px;
    padding: 2px 10px;
    text-align: left;
    width: 230px;
}
 .download .down_box ul li, .download_top .down_box ul li{
    float: left;
    height: 16px;
    line-height: 16px;
    margin-left: 5px;
    margin-right: 0;
    padding: 5px;
    text-align: left;
    width: 95px;
}
.download .down_box ul li a, .down_box ul ol a,.download_top .down_box ul li a {
    color: #31434C;
    display: inline;
    font-size: 12px;
    font-style: italic;
}
.download_top li.win-ver {
    position: relative;
	height:49px;
}
.download_top li.mac-ver {
    
}
.btn{float:right;}
.rollTop .title {
    color: #444444;
    float: left;
    font-size: 26px;
    line-height: 40px;
}
.download_top li {
    display: inline;
    float: left;
    height: 80px;
    line-height: 46px;
    margin-right: 10px;
    text-align: center;
    width: 155px;
}
.rollTop .cont {
    height: 50px;
    margin: 0 auto;
    padding: 5px 0 0;
    width: 995px;
}
 .download_top .down_box {
    background: none repeat scroll 0 0 #EEEFF1;
    border: 1px solid #E1E1E1;
    border-radius: 5px 5px 5px 5px;
    display: none;
    font-weight: normal;
    height: 140px;
    left: -20px;
    position: absolute;
    top: 50px;
    width: 250px;
    z-index: 999;
}
 .download_top li a{
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    font-size: 18px;
    height: 80px;
}
.top-right{margin:0 0 20px 0;background-color: #fff;padding:5px;}
.top-right div{border:1px solid #c9c9c9;padding:0 0 5px 10px;}
.top-right div ul li{margin:5px 0 0 0;}
.top-right div h4{color: rgb(153, 153, 153);font-weight: bold;font-family: Georgia;font-size: 16px;border-bottom: 1px solid rgb(204, 204, 204);margin-right: 10px;padding-bottom: 10px;}
.top-right div hr{margin:5px 0;}
.top-right div ul li a{color:#666;}
.l_product {
    height: 400px;
}
body, ul, h1, h2, h3, h4, h5, h6, p, dl {
    list-style-type: none;
}
.related-articles {
    background: none repeat scroll 0 0 #EEEEEE;
    border-radius: 5px 5px 5px 5px;
    margin-bottom: 10px;
    padding: 10px;
    margin-top: 20px;
    clear: both;
}
.related-articles h4 {
    color: #516169;
    font-size: 18px;
    padding: 7px 0;
}
.related-articles ul {
    list-style: disc inside none;
}
.win-ver{background:url('../images/win_down.png') no-repeat;}
.mac-ver{background:url('../images/mac_down.png') no-repeat;}
.content{
    margin: 20px auto;
}
@media (max-width: 979px) and (min-width: 768px){
    .content .contain{
        width: 750px;
    }
    .content .contain .cont2{
        display: none;
    }
    .content .contain .cont1{
        width:100%;
    }
}
@media (max-width: 767px) {
    .content .contain{
        width: 460px;
    }
    .content .contain .cont2{
        display: none;
    }
    .content .contain .cont1{
        width:100%;
    }
}
@media (max-width: 479px){
    .content .contain{

    }
}