@charset "utf-8";
article .article-head { padding: 15px 0; margin: 0 auto; }
article .article-head b {font-weight: bold;}
article .article-head a { color: #ff7200; text-decoration: none; font-size:16px;}
article .article-head a:hover {color:#ff5400;text-decoration:underline;}
article .article-head address { padding: 10px 0; color: #777; border-top:1px solid #999; margin:10px 0 0; }
article .article-head address p {color:#777; font-style: italic;}
article .article-head address p a{font-style: italic;}
article .article-head address p a:first-child{color:#ff7200; text-decoration:underline;}
article .article-head address img { margin: 0 0 0 10px; }
article .title {text-align: center;font-size: 32px; padding:20px 0;}
article .title h2 {text-align: center;font-size: 25px; padding:20px 0;}
article .title h2 a {color: #ff7200;text-decoration:underline;}
article figure { margin-block-start: 40px; margin-block-end: 20px; margin-inline-start: 0px;  margin-inline-end: 0px;  text-align: center; display:block; }
article figcaption { font-style: italic; color: #777; }
article img { max-width: 100%; margin-top:30px; }

article .spliter { padding: 20px 0 30px; border-bottom: 1px dashed #d3d3d3; }
article .ita {font-style: italic;}
article .content { padding: 30px 0 20px; }
article .content h4 { font-size: 20px; font-weight: 800; padding: 10px 0 10px;}
article .content h4 a {color: #ff7200;}
article .content h4 a:hover {color: #ff5400;text-decoration:underline;}
article .content p { font-size: 18px; color: #1e2432; line-height: 32px;margin-top:12px;}
article .content p a {color: #ff7200;}
article .content p a:hover {color: #ff5400;text-decoration:underline;}
article .content p strong {font-weight: bold;}
article .content p i {font-style: italic; font-weight: bold;}
article .content h2 { font-size: 20px; font-weight: 800; padding: 40px 0 10px; color: #7b4dbc;}
article .content h2 span{ font-size: 18px; font-style: italic; font-weight: 500; padding: 40px 5px 10px; color: #7b4dbc;}
article .content h2 em { display:inline-block; padding:2px 7px; background:#371048; color:#fff; font-style:normal; border-radius: 3px; -o-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
article .content h2 i { display:inline-block; padding:2px 7px; background:#ff7200; color:#fff; font-style:normal; border-radius: 3px; -o-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
article .content h3 {padding: 10px 0 10px 20px;font-size: 22px;display: block;background: #eaeaea;border-left: 5px solid #7b4dbc;line-height: 30px;margin-top:14px;}
article .content h3 b { color: #ff7200; }
article .content ul {  padding: 0 0 0 10px }
article .content ul li {padding: 5px 0 0; font-size: 18px;}
article .content h5 {  font-size: 19px; font-weight: 800; padding: 25px 0 25px 0;}

article .content .part-area {  margin-top: 24px;}
article .content .part-area p {  font-size: 20px;  color: #333;  font-weight: bold;}
article .content .part-area ul {  background-color: #f8f8f8;  display: block;  padding: 30px 0 30px 40px;  position: relative;}
article .content .part-area ul::before {  content: '';  display: block;  width: 40px;  height: 40px;  border-top: 4px solid #6632af;  border-left: 4px solid #6632af;  background: transparent;  position: absolute;  top: 0;  left: 0;}
article .content .part-area ul li {  font-size: 16px;  color: #333;}
article .content .part-area ul li:hover {  color: #7b4dbc;}
article .content .part-area ul li:hover a {  text-decoration: underline;}
article .content .part-area ul li:hover ul li {  color: #666;}
article .content .part-area ul li:hover ul li a {  text-decoration: none;}
article .content .part-area ul li a {  color: inherit;  font-size: inherit;}
article .content .part-area ul ul {  margin-top: -12px;  padding: 8px 0 8px 20px;  margin-bottom: 12px;}
article .content .part-area ul ul li {  font-size: 14px;  color: #666;  margin-bottom: 8px;}
article .content .part-area ul ul li:last-of-type {  margin-bottom: 0;}
article .content .part-area ul ul li:hover {  color: #7b4dbc;}
article .content .part-area ul ul li:hover a {  text-decoration: underline;}

article .content .table { width:950px; margin:0 auto; padding:25px 0; }
article .content .table table { border-left:1px solid #cecece; border-top:1px solid #cecece;}
article .content .table tr td { border-bottom:1px solid #cecece; border-right:1px solid #cecece; padding:10px 15px 10px 15px; }
article .content .table tr td h4 { font-size:15px; font-weight:800; padding:0;}
article .content .table tr td p { font-size:14px; padding:0;}
article .content .table table tr:nth-child(1) { background:#f2f2f2;}
article .content .table table ol { margin:0; padding:0 0 0 20px; font-size:14px; }
article .content .table table ol li { padding:5px 0 0; line-height:20px; list-style:square;  }
article .content .table table.table_nb{border-top:0; border-left:0;}
article .content .table table.table_nb tr td{border-bottom:0; border-right:0;}

article .content .btn-area { text-align: center; margin:30px 0 20px; }
article .content .btn-area .box-radius { border-radius: 3px; -o-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;  }
article .content .btn-area .down { width: 250px; height: 53px; text-align: left; font-size:18px;  line-height: 25px;padding: 7px 5px 0 30px; display: inline-block; cursor: pointer;  color: #fff; }
article .content .btn-area .down em { font-size: 13px; font-weight:400; display: block; font-style: normal; }
article .content .forwin { background:url(../../images/global/icon-win-white.png) 210px center no-repeat #371048; margin: 0 75px 0 0;  }
article .content .forwin:hover { background: url(../../images/global/icon-win-white.png) 210px center no-repeat #7b4dbc; }
article .content .formac { background:url(../../images/global/icon-mac-white.png) 210px center no-repeat #371048; }
article .content .formac:hover { background: url(../../images/global/icon-mac-white.png) 210px center no-repeat #7b4dbc; }
article .content .tips { padding: 18px; background: #edf1ff; margin: 20px 0;}
article .content .tips p { color: #1f2330; }
.other-article {  padding: 40px 0; }
.other-article h3 { font-size: 23px; padding: 15px 0 10px; border-bottom:2px solid #ff7200; display: block; }
.other-article .Link { padding: 10px 0; }
.other-article .left {  padding: 10px 0 ; width: 48%; float: left; }
.other-article .right {  padding: 10px 0 ; width: 48%; float: right; }
.other-article h4 { padding: 5px 0 10px; font-size: 17px; }
.other-article img { float: left; margin: 0 20px 0 0; }
.other-article p {  font-size: 15px; }
.other-article h4 a { text-decoration: underline;color: #371048; }
.other-article h4 a:hover {color: #7b4dbc;text-decoration:none;}

.article-author {  background: #f8f8f8;  padding: 40px 0 20px; }
.article-author h3 { font-size: 23px; padding: 15px 0 20px; }
.article-author .Pic { width: 120px; height: 120px; float: left; }
.article-author .author { width: 1030px; float: right; }
.article-author .author h4 { font-size: 19px; font-weight: 800; padding: 5px 0;  }
.article-author .author h4 a { color: #ff7200  }
.article-author .author p { font-size: 14px; color: #1e2432; line-height: 26px;}

@media screen and (max-width: 1080px) {
  article .content .part-area p {    font-size: 18px;  }
  article .content .part-area ul {    padding: 30px 0 16px 16px;  }
  article .content .part-area ul li {    font-size: 16px;  }
  article .content .part-area ul ul {    margin-bottom: 6px;  }
  article .content .part-area ul ul li {    font-size: 14px;  }}

@media (max-width: 979px) {
	article .article-head{width:auto; padding:15px 5px;}
}

@media (max-width: 479px) {
	.other-article .Left,.other-article .Right{width:auto; float:none;}
	.article-author .Pic { width: 120px; height: 120px; float: none; margin: 15px auto; }
	.article-author .author { width: 95%; float: none; margin: 0 auto; }
}