@charset "utf-8";
body{ color:#000; }
.bgColor_grey {background-color:#f3f3f3;}
.grayf6{ background-color:#f6f6f6; }
.mt5{ margin-top:5px; }
.line_dash{ border-bottom:1px dashed #d4dce0; padding:15px 0;}
.line_solid{ border-bottom:1px solid #d4dce0; padding:15px 0;}
/* yellow down button  */
.conTxt_btn {padding:10px 0; overflow:hidden;}
.conTxt_btn .item { display:inline-block; padding-right:15px;}
.conTxt_btn .item a {display:inline-block; background:url(images/iconImg2.png) no-repeat right center #32a4e7; border-radius:6px; color:#fff; padding:10px 50px 10px 20px; text-align:left; font-size:16px; line-height:30px; height:30px;}
.conTxt_btn .item a.btn_win {background-position:92% -38px;}
.conTxt_btn .item a.btn_mac {background-position:92% -143px;}
.conTxt_btn .item a:hover {text-decoration:none; background-color:#efb900;}
.conTxt_btn .item .sd {display:block; font-size:14px; line-height:24px; color:#999; padding-top:5px; text-align:center;}
@media (min-width: 767px) and (max-width: 979px) {
	.conTxt_btn .item a{ font-size:18px;  }
}
@media (max-width: 767px) {
	.conTxt_btn .item a{ padding:5px 45px 5px 10px; }
	.conTxt_btn .item a.btn_win {background-position:92% -42px;}
	.conTxt_btn .item a.btn_mac {background-position:92% -148px;}
}
.article_title{ background:url(images/article_titlebg.jpg) center top no-repeat #e6ecf2; padding-bottom:10px; }
.article_title h1{ font-size:30px; line-height:1; padding:35px 0 25px;  font-weight:500; }
.article_title .cate_des{ font-size:14px; line-height:24px;  padding-bottom:30px; }
@media (max-width: 767px) {
	.article_title h1{ font-size:24px; padding:1em 0; }
	.article_title .cate_des{ line-height:20px; padding-bottom:20px; }
}
.article_content{ font-size:14px; line-height:2em;  padding-top:24px; }
.article_content h2{font-size:22px; line-height:24px;}
.article_content h3{font-size:16px; }
.article_content .part_title{ margin-bottom:14px; font-size:18px; font-weight:bold; color:#27bcee;}
.article_content .part_title span{ background-color:#1ab9ed; color:#fff; border-radius:5px; display:inline-block; margin-right:10px; padding:5px; line-height:1em;  }
.article_content .yelspan{ background-color:#ffb535; padding-left:3px; padding-right:3px; color:#fff; float:left; }
.article_content .yeltriagle{ display:inline-block; border-left:solid 12px #ffb535; border-top:solid 12px transparent;border-bottom:solid 12px transparent; margin-right:10px; float:left; }
.article_content .mt2em{ margin-top:2em; }
.article_content .mt2d5em{ margin-top:2.5em; }
.blue_dott li{ padding-left:18px; position:relative; }
.blue_dott li .dott{ position:absolute; left:2px; color:#1ab9ed; font-size:12px; display:inline-block; }
.article_content .borderdashed{ background:url(images/dott_dashed.png) bottom repeat-x; height:2em; }
.article_content .borderea{ height:2em; border-bottom:solid 2px #eaeaea;}
.text_img .imgrt{ float:right; width:26%;  }
.text_img .textlt{ width:67.8%; float:left; }
.img_text .imglt{ float:left; width:50%; }
.img_text .textrt{ width:46.5%; float:right; }
.black_title{ font-size:24px; padding-top:1.3333em; padding-bottom:1em; font-weight:500;  line-height:1.25em; }
@media (max-width: 767px) {
	.article_content{ line-height:1.6em; }
	.text_img .imgrt , .text_img .textlt, .img_text .imglt, .img_text .textrt{ width:auto; float:none; }
	.text_img .imgrt{ padding-top:2em; }
	.img_text .imglt{ padding-bottom:2em; }
	.article_content .video_playbtn{ width:82px; height:82px; background-size:100% 100%; margin:-41px 0 0 -41px; }
}
@media (max-width: 479px) {
	.black_title{ font-size:20px; }
}
/* steps */
.resPicTxt {padding:10px 0;}
.resPicTxt .pic{float:right;  width:40%;}
.resPicTxt .pic img {max-width:100%;}
.resPicTxt .txt {padding:0 42% 0 0;}
.resPicTxt .txt p{ padding-bottom:10px;}
.resPicTxt ul {padding:10px 0;}
.resPicTxt li {background:url(images/gxicon2.png) no-repeat 0 7px; padding:3px 0 3px 20px;}
.resPicTxt2 {padding:0 0 20px 40px; background:url(images/stepBgImg.png) no-repeat 10px 3px;}
.resPicTxt2 .pic2 {float:right; width:40%;}
.resPicTxt2 .txt2 {padding:0 42% 0 0;}
.resPicTxt2 .txt2 p{ padding-bottom:10px;}
@media (max-width: 767px) {
	.resPicTxt .pic,.resPicTxt2 .pic2 {float:none; width:auto; text-align:center;}
	.resPicTxt .txt,.resPicTxt2 .txt2 {padding:0;}
}
/* steps  */
.proBanner{ padding:40px 0;}
.proBanner .pro_img{ float:left; width:46%;}
.proBanner .pro_img img {max-width:100%;}
.proBanner .pro_text{ float:right; width:51%;}
.proBanner .pro_text .title h1{ font-size:25px; line-height:1.2em; font-weight:500; float:left; padding-right:15px;}
.proBanner .pro_text .title h2{font-size:25px; line-height:1.2em; font-weight:500; float:left; padding-right:15px; margin-bottom:10px;}
.proBanner .pro_text .shotDes{ font-size:16px; margin:15px 0;}
.proBanner .pro_text dl dd{ background:url(images/pro-dot-icon.png) 2px 8px no-repeat; padding-left:15px; margin-bottom:4px; font-size:14px;}
.proBanner .btn {padding:15px 0 0 0;}
.proBanner .pro_info{ line-height:24px; padding:45px 15px; }
.entry-content .btn {overflow:hidden;}
.entry-content .btn a {float:left;}
.proBanner .downNum {font-weight:bold;}
.proBanner .downNum strong {font-size:16px;}
@media (max-width: 979px) {
	.proBanner .btn a {margin-right:0;}
}
@media (max-width: 767px) {
	.proBanner .pro_img,.proBanner .pro_text {float:none; width:auto;}
	.proBanner .pro_img {padding-bottom:30px;}
}
/* author info and right list */
.reMain {padding:30px 0 10px 0;}
.reCont {float:left; width:69%; padding:20px 1.5%; background:#fff;}
.reSide {float:right; width:25%; background:#fff;}
.articleInfo {background:#f3f3f3; padding:10px; line-height:1.6em;}
.articleInfo a {color:#34aceb;}
.articleInfo .img {float:left; padding:2px; background:#fff;}
.articleInfo .txt {padding:0 0 0 70px;}
.articleInfo .txt p {padding:2px 0;}
.addthis_toolbox {padding:20px 0;}
.specialArea{ background:#f3f3f3; padding:20px 3%;}
.specialArea h4{ font-size:19px; margin-bottom:15px; padding:0;}
.specialArea li,.specialArea li a{ color:#15abef;}
.bottomComment {padding:20px 0;}
.reSideColumn {background:#e1e1e1; padding:10px 15px; font-size:16px; line-height:1.2em;}
.reSidePro {padding:10px 15px;}
.reSidePro li {border-top:solid 1px #e1e1e1;}
.reSidePro li:first-child {border-top:0;}
.tagPro {padding:10px 0;}
.tagPro .name {padding:10px 0; font-size:14px; line-height:1.2em;}
.tagPro .img {float:left;}
.tagPro .info {padding:0 0 0 90px; line-height:1.2em;}
.tagPro .btn {clear:both; padding:15px 0 0 0;}
.tagPro .btn a {padding:0 10px;}
.reSideList {padding:10px;}
.reSideList li{list-style:inside disc; line-height:1.4em; margin-left:8px; padding:4px 0; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.alteProbox3 {padding:0 0 30px 0; border-bottom:solid 1px #e1e1e1; margin-bottom:20px;}
.alteProbox3 .item {float:left; width:22%; padding:0 1.5%;}
.alteProbox3 .pic {padding:10px 0 15px 0;}
.alteProbox3 .pic img {max-width:100%;}
.alteProbox3 .text {padding:0 0 20px 0;}
@media (min-width: 768px) and (max-width: 979px) {
	.reProBox .btn a,.reProBox2 .btn a {margin-right:0;}
	.tagPro .img {float:none;}
	.tagPro .info {padding:10px 0 0 0;}
	.tagPro .btn a {margin-bottom:5px;}
}
@media (max-width: 767px) {
	.reProBox .imgBox,.reProBox .info,.reProBox .checkSelectBox,.reProBox2 .imgBox,.reProBox2 .info,.reInfoBox .infoItem .pic,.reCont,.reSide {float:none; width:auto;}
	.reProBox,.reProBox2 {padding:0;}
	.reProBox .imgBox {text-align:center;}
	.reProBox .playBtn {width:30%;}
	.reProBox .info {padding:30px 0; margin:0;}
	.reProBox2 .imgBox {text-align:center; padding:0;}
	.reProBox2 .info {padding:30px 0;}
	.alteProbox3 .item {float:left; width:auto;}
	.alteProbox3 .pic {text-align:center;}
	.reInfoBox .infoItem .text {padding:0;}
	.reSide {margin-top:20px;}
}
@media (max-width: 479px) {
	.reProBox .playBtn {width:50%;}
	.reProBox .btn a,.reProBox2 .btn a,.reInfoBox .btn a {display:block; margin:5px auto;}
	.reProBox .downNum,.reProBox2 .downNum,.reInfoBox .downNum {padding:10px 0; text-align:center;}
}
/* anchor link */
.partBox {background:#f0f7f9; overflow:hidden; padding:10px 20px; margin:20px 0;}
.partBox li {width:50%; float:left; padding:3px 0;}
.partBox a {background:url(images/arrow_r.png) no-repeat 0 3px; padding-left:15px;}
@media (max-width: 767px) {
	.partBox li {width:auto; float:none;}
}
.anchors{ padding:8px 0 16px; }
.anchors li{ width:45%; margin-right:5%; _display:inline; padding:3px 0 4px; float:left; }
.anchors li .gray_circle{color:#a0a0a0; display:inline-block; margin-right:8px; font-size:12px; }
.anchors li a{ font-size:15px; text-decoration:underline; color:#000; }
@media (max-width:767px) {
	.anchors li{ width:auto; float:none; margin-right:0; }
}
/* solution PDFelement */
.solution_box{ border:solid 1px #c8c8c8; padding:22px 35px 22px 8px; }
.solution_box .img_box{ width:43%; float:left; }
.solution_box .pro_info{ width:47.64%; float:right; }
.solution_box .pro_info .title{ padding-top:20px; font-size:18px; font-weight:bold; }
.solution_box .pro_info .title big{ font-size:24px; display:block; padding-top:3px; }
.solution_box .pro_info .text{ line-height:18px; }
@media (min-width: 768px) and (max-width:979px) {
	.solution_box .pro_info{ width:52%; }
}
@media (max-width: 767px) {
	.solution_box .img_box{ width:auto; float:none; }
	.solution_box .pro_info{ width:auto; float:none; }
	.solution_box{ padding:20px 10px; }
}
/* content author infomation */
.cont_author{ padding:3.4% 0; background-color:#f5f5f5; line-height:24px; position:relative; }
.cont_author a{ color:#0bbaf4; font-weight:normal; }
.cont_author .author_img{ position:absolute; left:4%; top:10px; width:9.7%; }
.cont_author .author_img img{ border-radius:50%; }
.cont_author .author_info{ margin-left:16.6%; }
.cont_author .share_circle{ position:absolute; right:3.8%; top:50%; margin-top:-20px; }
.share_circle a{ display:inline-block; width:39px; height:39px; background:url(images/share_circle.png) 0 0 no-repeat; margin-left:14px; }
.share_circle a.facebook{ background-position:0 33.333%; }
.share_circle a.twitter{ background-position:0 66.666%; }
.share_circle a.google{ background-position:0 100%; }
@media (min-width: 768px) and (max-width:979px) {
	.cont_author .share_circle{ right:5px; }
	.share_circle a{ margin-left:5px; }
	.cont_author .author_img{ left:1%; }
	.cont_author .author_info{ margin-left:12%; }
}
@media (max-width: 767px) {
	.cont_author .share_circle{ position:static; margin-top:5px; margin-left:12%; }
}
.shareIcon {display:inline-block; background:url(images/icon_share.gif) no-repeat 0 0; width:26px; height:26px; margin:0 5px 0 0; border-radius:30px; overflow:hidden; text-indent:-99999px;}
.shareIcon.tw {background-position:0 0;}
.shareIcon.fb {background-position:-26px 0;}
.shareIcon.gg {background-position:-52px 0;}
.shareIcon.in {background-position:-78px 0;}
/* related article */
.related_arc_box{ border-bottom:solid 1px #eee; }
.related_arc li{ width:25%; float:left; margin-left:12.5%; text-align:center; }
.related_arc li.first{ margin-left:0; }
.related_arc li p{ padding-top:1em; line-height:1.5em; padding-bottom:2.4em; }
.related_arc li a{ color:#000; }
@media (max-width: 767px) {
	.related_arc li{ width:30%; margin-left:5%;  }
}
@media (max-width: 479px) {
	.related_arc li{ width:auto; margin-left:0; float:none; }
}
/* Functions */
.functions_box{ padding-bottom:25px; }
.functions > li{  float:left; width:203px; }
.functions > li .box{ height:300px; border:solid 1px #e0e0e0; margin-right:15px; }
.functions > li .title{ margin:20px auto 30px; text-align:center; font-weight:bold; }
.functions > li .icons{ width:86px; height:86px; display:block; margin:5px auto 0; background:url(images/function_icons.png) 0 0 no-repeat; }
.functions > li .icons.ico02{ background-position:0 11.1111%; }
.functions > li .icons.ico03{ background-position:0 22.2222%; }
.functions > li .icons.ico04{ background-position:0 33.3333%; }
.functions > li .icons.ico05{ background-position:0 44.4444%; }
.functions > li .icons.ico06{ background-position:0 55.5555%; }
.functions > li .icons.ico07{ background-position:0 66.6667%; }
.functions > li .icons.ico08{ background-position:0 77.7778%; }
.functions > li .icons.ico09{ background-position:0 88.8889%; }
.functions > li .icons.ico10{ background-position:0 100%; }
.functions > li:hover{ transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; }
.functions > li:hover .title a{ color:#1ab8ed;}
.functions > li:hover .icons.ico01{ background-position:100% 0; }
.functions > li:hover .icons.ico02{ background-position:100% 11.1111%; }
.functions > li:hover .icons.ico03{ background-position:100% 22.2222%; }
.functions > li:hover .icons.ico04{ background-position:100% 33.3333%; }
.functions > li:hover .icons.ico05{ background-position:100% 44.4444%; }
.functions > li:hover .icons.ico06{ background-position:100% 55.5555%; }
.functions > li:hover .icons.ico07{ background-position:100% 66.6667%; }
.functions > li:hover .icons.ico08{ background-position:100% 77.7778%; }
.functions > li:hover .icons.ico09{ background-position:100% 88.8889%; }
.functions > li:hover .icons.ico10{ background-position:100% 100%; }
.functions > li .list{ margin-left:35px; }
.functions > li .list.ml20{ margin-left:20px;  }
.functions > li .list li{ padding-left:12px; font-size:14px; line-height:24px; position:relative; }
.functions > li a{ color:#000; }
.functions > li .list li .dott{ position:absolute; left:0; color:#bfbfbf; font-size:12px; display:inline-block; }
.functions > li .list li a:hover{ color:#1ab8ed; text-decoration:none; font-weight:bold; }
.functions > li .list li a:hover .dott{ color:#27bcee; }
/* slide style */
.slidebox .flex-control-paging{ display:none; }
.slidebox .flex-prev , .slidebox .flex-next{ display:inline-block; width:34px; height:62px; background:url(images/arrow_gray.png) 0 0 no-repeat; text-indent:-9999em; position:absolute; top:40%; }
.slidebox .flex-prev{ left:-65px; }
.slidebox .flex-next{ background-position:100% 0; right:-60px; }
.flex-control-nav {width: 100%; position: absolute; bottom: -30px; text-align: center; margin-left:0;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; _display: inline;}
.flex-control-paging li a {width: 10px; height: 10px; display: block; background: #ccc; background: rgba(204,204,204,0.6); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 50%; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #fa594b; background: rgba(250,89,75,0.7); }
.flex-control-paging li a.flex-active { background: #fa594b; background: rgba(250,89,75,0.9); cursor: default; }
@media (max-width: 979px) {
	.slidebox .flex-control-paging{ display:inherit;   }
	.slidebox{ margin-bottom:30px; }
}
/* A & Q */
.mainBottom_ask {padding:30px 0;}
.mainBottom_ask .author_ask {float:left; width:26%;}
.mainBottom_ask .author_ask .author_vcard {background:#fff; padding:20px 0;}
.mainBottom_ask .column {padding:0 0 10px 0; font-size:30px; line-height:1.4em; color:#333;}
.mainBottom_ask .askCont p {line-height:1.2em; padding-bottom:10px;}
/* left menu fixed */
.fixmenu , .cateMenu{ top:220px; left:50%; margin-left:-500px; position:absolute; z-index:7; }
.fixmenu .btnmenu_mobile , .cateMenu .btnmenu_mobile{ display:none;width:36px; height:35px; cursor:pointer; background:url(images/store-side-nav-icon.jpg) no-repeat; margin-bottom:10px; background-size:100% 200%; }
.fixmenu .menuBox , .cateMenu .menuBox{ position:absolute; left:-205px; width:190px; border:solid 1px #27bdee; border-radius:6px; background-color:#fff; font-size:11px; line-height:20px; }
.fixmenu .menuBox .title{ font-size:20px; line-height:2em; border-bottom:solid 1px #27bdee; font-weight:500; margin:0 10px; color:#19b8ed;}
.fixmenu .menuBox dl{ padding:10px 10px 24px 26px; }
.fixmenu .menuBox dl dt{ margin-top:6px; margin-bottom:3px; position:relative; cursor:pointer; }
.fixmenu .menuBox a{ color:#000; }
.fixmenu .menuBox a:hover , .fixmenu .menuBox a.now{ color:#1ab9ed; font-weight:bold; }
.fixmenu .menuBox dl dt .triangle{ display:inline-block; border-top:solid 5px transparent; border-left:solid 8px #1ab9ed; border-bottom:solid 5px transparent; position:absolute; left:-17px; top:6px; }
.fixmenu .menuBox dl dt.curr .triangle{border-top:solid 8px #1ab9ed; border-left:solid 5px transparent; border-right:solid 5px transparent; border-bottom:none;  }
@media (max-width: 1399px) {
	.fixmenu .btnmenu_mobile{ display:block; margin-bottom:-24px; position:relative; z-index:9;  }
	.fixmenu .btnmenu_mobile.up{ background-position:0 100%; }
	.fixmenu .menuBox{ display:none; margin-top:35px; }
	.fixmenu{ left:0; margin-left:0; position:static; padding-left:2px; padding-top:5px; }
	.fixmenu .menuBox , .fixmenu.cate .menuBox{ left:2px; z-index:7; }
}
.cateMenu{ top:345px; }
.cateMenu .menuBox{ width:176px; left:-195px; padding-top:20px; padding-bottom:20px;font-size:14px; }
.cateMenu .menuBox li{ padding:4px 4px 4px 26px;  position:relative; }
.cateMenu .menuBox li.curr .triangle , .cateMenu .menuBox li:hover .triangle{display:inline-block;border-top:solid 3px transparent; border-left:solid 5px #1ab9ed; border-bottom:solid 3px transparent; position:absolute; left:15px; top:12px; }
.cateMenu .menuBox a{ color:#000; }
.cateMenu .menuBox li.curr a{ font-weight:bold; }
.cateMenu .menuBox li.curr a ,.cateMenu .menuBox li:hover a{ color:#19b8ed; }
@media (max-width: 1369px) {
	.cateMenu .btnmenu_mobile{ display:block;  }
	.cateMenu .btnmenu_mobile.up{ background-position:0 100%; }
	.cateMenu .menuBox{ display:none; }
	.cateMenu{ left:0; margin-left:0; position:static; padding-left:2px; padding-top:5px; }
	.cateMenu .menuBox , .cateMenu .menuBox{ left:2px; z-index:7; }
}
.fixmenu.cols .menuBox{ width:100%; }
.fixmenu.cols .menuBox dd p{ width:18%; margin-right:2%; float:left; }
.fixmenu.cols .menuBox dt{ clear:both; }
@media (min-width: 1369px) {
	.fixmenu.cols .btnmenu_mobile{ display:block; margin-left:-46px;  }
	.fixmenu.cols .btnmenu_mobile.up{ background-position:0 100%; }	
	.fixmenu.cols .menuBox{ display:none; left:-46px; }
}
@media (max-width: 979px) {
	.fixmenu.cols .menuBox{ width:98%; }
}
@media (max-width: 767px) {
	.fixmenu.cols .menuBox dd p{ width:30%; margin-right:3.33%; }
}
@media (max-width: 479px) {
	.fixmenu.cols .menuBox dd p{ width:47%; margin-right:3%; }
}
/* video play */
.video{ position:relative; }
.video .play{ width:172px; height:172px; display:inline-block; background:url(images/play_video.png) no-repeat; position:absolute; left:50%; top:50%; margin:-86px 0 0 -86px; opacity:0.32; filter:Alpha(opacity=32); cursor:pointer; }
.video .play:hover{opacity:1; filter:Alpha(opacity=100);}
.video .frameBox{ width:100%; height:100%; position:absolute; left:0; top:0; }
 @media (max-width: 767px) {
	.video .play{ width:82px; height:82px; background-size:100% 100%; margin:-41px 0 0 -41px; }
}
/* article categeory page */
.cate_title1{ font-size:30px; font-weight:500; line-height:1; padding-top:25px; padding-bottom:22px; }
.cate_title2{ font-size:30px; font-weight:500; line-height:1; padding:24px 0 10px 34px; border-bottom:solid 1px #b5b5b5; }
.cate_title3{ font-size:24px; font-weight:500; line-height:1.25em; padding:24px 0 10px; text-align:center; }
.cate_part01 .pro_info{ margin-left:69%; }
.pro_info{ border:solid 1px #c6c6c6; padding:10px 14px; font-size:14px; line-height:16px; border-radius:6px; }
.pro_info .title{ font-size:18px; font-weight:bold; }
.pro_info .title a{ color:#000; }
.pro_info .solution{ top:10px; right:14px; }
.solution{ width:74px; height:73px; background:url(images/article_solution.png) no-repeat; position:absolute; top:0; right:0; }
.pro_info .conTxt_btn .item a { padding-left:12px; padding-right:45px; }
.pro_info .conTxt_btn .item{ padding-right:6px; }
.pro_info .golink{ display:inline-block; padding-top:30px; }
.cate_part01 .imgpic1{ position:absolute; width:44.3%; }
.cate_part01 .imgpic1 .imgtext span{ padding-top:8px; padding-bottom:8px; }
.cate_part01 .imgpic2{ position:absolute; width:21.2%; left:45.5%; }
.cate_part01 .imgpic3{ position:absolute; width:21.2%; left:45.5%; top:160px; }
.cate_part01 .imgtext{ position:absolute; left:0; bottom:0; width:100%; font-size:14px; line-height:16px; padding:2px 0; background:url(images/opcity_black.png) repeat; }
.cate_part01 .imgtext span{ display:inline-block; padding-left:18px; color:#fff; }
@media (min-width:768px) and (max-width: 979px) {
	.pro_info .title{ font-size:16px; }	
	.cate_title1{ padding-top:0; }
}
@media (max-width: 767px) {
	.cate_part01 .imgpic1{ position:relative; float:left; width:66%; }
	.cate_part01 .imgpic2 , .cate_part01 .imgpic3{ position:relative; left:0; top:0; float:left; width:31%; margin-left:3%; }
	.cate_part01 .imgpic3{ margin-top:12px; }
	.cate_part01 .pro_info{ margin-left:0; margin-top:20px; }
	.cate_part01 .imgtext span{ padding-left:3px; }
	.cate_title1{ padding-top:0; }
}
@media (max-width: 479px) {
	.cate_part01 .imgpic1{ width:auto; float:none; }
	.cate_part01 .imgpic2{ width:48%; margin-left:0; margin-top:10px; }
	.cate_part01 .imgpic3{ width:48%; margin-left:4%; }
}
.cate_lt{ width:66.5%; float:left; }
.cate_articlelist > li{ margin-top:30px; min-height:155px; padding-bottom:15px; }
.cate_articlelist li .img{ width:33.9%; float:left; max-height:155px; }
.cate_articlelist li .img a{ display:block; border:solid 4px #fff; }
.cate_articlelist li .info{ padding-left:35.7%; font-size:15px; line-height:1.2em; }
.cate_articlelist li .info .title{ font-size:19px; line-height:1; padding-top:8px; padding-bottom:12px; font-weight:500; }
.cate_articlelist li .info .title a{ color:#000; }
.cate_articlelist li .info .colb5{ color:#b5b5b5; line-height:28px; }
.cate_articlelist li .info .author_link{ color:#b5b5b5; text-decoration:underline; font-weight:bold; }
.cate_articlelist li .info .desciption{ min-height:3.6em; margin-bottom:8px; }
.cate_articlelist li .info .linkin{ display:inline-block; width:78px; border:solid 2px #41c1ef; border-radius:4px; line-height:21px; text-align:center; }
.cate_articlelist li .info .linkin:hover{ text-decoration:none; background-color:#4cc8f4; color:#fff; }
.cate_articlelist li .info .colblue{ color:#24b8ec; }
.cate_articlelist li .info .shares{ opacity:0.6; text-align:right; }
.cate_articlelist li:hover .info .shares{ opacity:1; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s;; }
/*.cate_articlelist li .info .shares .shareIcon{ border-radius:4px; }*/

.note{ margin-left:5px; position:relative; z-index:2;border:1px solid #fff; display:inline-block; padding-left:3px; padding-right:20px; line-height:28px;}
.note:hover,.note.curr{ background:#fafafa;border:1px solid #d9d9d9;color:#777; z-index:5;}
.note .menu{display:none;position:absolute;top:28px;left:-1px;color:#777;width:100%;background:#fafafa; border:1px solid #d9d9d9; z-index:4;}
.note .menu ul{padding:0 5px; }
.note .note_click {display:inline-block; width:18px; height:28px; background:url(images/arrow_black.png) no-repeat center 0; position:absolute; z-index:3; right:0; top:0; cursor:pointer; opacity:0.3;}
.note:hover .note_click {opacity:1;}
.note .note_click_curr {background-position:center 100%;}
.note a {color:#b5b5b5;}
.note a:hover{ text-decoration:none; }
.note:hover a {color:#000;}

.cate_rt{ width:31%; float:right; }
.cate_rt .video .play{ width:82px; height:82px; background-size:100% 100%; margin:-41px 0 0 -41px; }
.cate_rt .video .title{ width:100%; position:absolute; bottom:0; background:url(images/opcity_white.png) repeat; text-align:center; line-height:18px; font-size:15px; }
.cate_rt .evalution{ padding:30px 18px;  border:solid 1px #c6c6c6; border-radius:4px; text-align:center; }
.cate_rt .evalution .eval_info{ display:inline-block; font-size:18px; line-height:1.5556em; color:#00acec; font-weight:bold; padding-bottom:32px; position:relative; }
.cate_rt .evalution .eval_info:before{ content:"“"; font-size:36px; position:absolute; left:-18px; top:3px;	}
.cate_rt .evalution .eval_info:after{ content:"”"; font-size:36px; position:absolute; right:-10px; bottom:18px;	 }
.cate_rt .reviews{ border:solid 1px #c6c6c6; border-radius:4px; padding:12px 12px 30px; font-size:14px; line-height:28px; }
.cate_rt .reviews .reviews_tips{ color:#b5b5b5; text-align:right; font-style:italic; padding-top:5px; padding-bottom:15px; }
.cate_rt .reviews .more_link{ color:#b5b5b5; text-decoration:underline; }
@media (max-width: 767px) {
	.cate_lt , .cate_rt{ float:none; width:auto; }
}
@media (max-width: 479px) {
	.cate_articlelist li .img{ width:50%; float:none; }
	.cate_articlelist li .info{ padding-left:0; }
	.cate_articlelist li .info .title{ font-size:17px; }
}
/* table */
.feature_tab{ border-collapse:collapse; color:#4b4b4b; }
.feature_tab th{ background-color:#1bbceb; color:#fff; font-size:16px; line-height:1.5em; padding:6px 2px; border:solid 2px #fff; }
.feature_tab td{ font-size:15px; line-height:1.4em; padding:12px 2px; text-align:center; border:solid 2px #fff; }
.feature_tab tr.gray td{ background-color:#f6f6f6; }
.feature_tab tr.gray_dark td{ background-color:#d8d8d8; }
/* what's new */
.border_bott3{ border-bottom:solid 3px #e5e5e5; }
.switch_box{ padding-top:45px; padding-bottom:60px; }
.switch_lt{ width:62.8%; float:left; font-size:16px; line-height:1.4em; color:#333; position:relative; }
.switch_lt .bigtitle{ font-size:26px; line-height:1.2em; font-weight:bold; }
.switch_lt .smalltitle{ font-size:18px; padding-top:18px; padding-bottom:8px; font-weight:bold; }
.switch_lt .smalltitle_s{ font-size:16px; padding-top:10px; padding-bottom:6px; font-weight:bold; }
.switch_lt .pro_version{ position:absolute; width:50%; }
.switch_lt .pro_version .golink{ font-size:14px; font-weight:bold; color:#009bdb; text-decoration:underline; }
.switch_lt .pro_version .golink:hover{ color:#19bcff; }
.switch_lt .pro_picture{ padding-top:25px; padding-bottom:30px; border-bottom:solid 1px #e5e5e5; text-align:right; }
.switch_lt .yel_line{ display:inline-block; width:32px; height:4px; background-color:#ffc000; border-radius:2px; }
.switch_lt .dot li{ line-height:1.4em; }
.switch_lt .version_cont{ padding-bottom:18px; }
.switch_lt .rating{ float:right; }
.mt45{ margin-top:45px; }
@media (min-width: 768px) and (max-width: 979px){
	.switch_lt .pro_picture img{ max-width:60%; }
	.switch_lt .pro_version{ width:auto; }
}
@media (max-width: 767px){
	.switch_lt{ width:auto; float:none; padding-bottom:30px; }
	.switch_lt .pro_version{ width:auto; position:static; }
	.switch_lt .pro_picture{ padding-top:0; }
}
@media (max-width: 479px){
	.switch_lt .rating{ float:none; }
}
.see_more{ display:inline-block; padding-left:15px; padding-right:10px; line-height:28px; border:solid 1px #00aeef; color:#00aeef; border-radius:6px; font-size:16px; }
.see_more .triangle{ display:inline-block; border-left:solid 10px #00aeef; border-top:solid 5px transparent; border-bottom:solid 5px transparent; margin-right:8px; }
.see_more:hover{ text-decoration:none; background-color:#00aeef; color:#fff;  }
.see_more:hover .triangle{ border-left-color:#fff; }

/*proTop-review*/
.proTop-review {padding:15px; background-color:#f6f6f6;}
.proTop-review .title-name {float:left; font-size:24px; line-height:1.8em; font-weight:500;}
.proTop-review .title-name a{ font-size:0.8em; }
.proTop-review .rev-btn {float:right;}
.proTop-review .rev-btn .rat-num {float:left; padding:7px 15px 0 15px; border-radius:5px; margin-right:10px;}
.proTop-review .rev-btn .rating {float:left;}
.proTop-review .rev-btn .rev-num {float:left; line-height:30px; padding-left:15px; color:#aab2bb; font-size:16px; }
.proTop-review .rev-btn .rev-num strong {color:#333;}
.proTop-review .rev-btn .btn {float:left;}
@media (max-width: 767px) {
	.proTop-review .title-name {float:none;}
	.proTop-review .rev-btn {float:none;}
	.proTop-review .rev-btn .rat-num {float:none;margin:10px 0; padding:7px 10px 0 10px; overflow:hidden;}
	.proTop-review .rev-btn .rev-num {padding-left:5px;}
	.proTop-review .rev-btn .btn {float:none;}
	.proTop-review .title-name{ font-size:20px; }
}
.comment dt{ font-weight:bold; }
.comment dd{ border-bottom:solid 1px #e2e2e2; padding-bottom:18px; margin-bottom:40px; margin-top:10px; }
.comment dd .text{  padding-top:12px; padding-bottom:10px; }
.comment dd .col999{ color:#ababab; font-size:14px; font-weight:bold; }
.comment dd .linegray{ display:inline-block; padding-left:12px; padding-right:12px; }
.comment dd .rating li{ margin:8px 2px 0; }
.rev_pages .paging{ padding-bottom:0; }
/*review-write*/
.reviewsArea{padding-bottom:20px; overflow:hidden; background:#fff; border:solid 10px #f6f6f6; }
.reviewsArea .topBar{ border-bottom:solid 1px #f3f3f3; overflow:hidden;padding:20px 28px; }
.reviewsArea .topBar strong{font-size:25px; line-height:25px;margin-bottom:5px;  font-weight:normal;display:block}
.reviewsArea .topBar p{font-size:14px}
.reviewsArea .topBar .return{float:left;margin:12px 10px 0 0;display:block;background:url(images/reviews.png) no-repeat 0 -55px;width:158px;height:35px}
.reviewsArea .topBar .continue{float:left;margin:12px 0 0;display:block;background:url(images/reviews.png) no-repeat 0 -90px;width:165px;height:33px}
.reviewsArea div.title{padding:5px 0; margin-bottom:10px;line-height:40px;border-bottom:1px dashed #dcdcdc; overflow:hidden;}
.reviewsArea .reviewsItem{padding:10px 28px;}
.reviewsArea-btm{background:url(images/area-bg_14.png) no-repeat;width:700px;height:134px;margin:0 auto}
.reviewsArea .writeForm{padding:20px 28px;}
.reviewsArea .writeForm .require{ color:#f26522; line-height:26px; font-weight:500;}
.reviewsArea .writeForm .tip{color:red;margin-left:20px;display:none}
.reviewsArea .writeForm .rating{margin-top:0;position:relative;}
.reviewsArea .writeForm .rating p{position:absolute;top:25px; margin-left:50px;width:80px;height:32px;line-height:32px;display:none;text-align:center;font-size:15px; background:#fff; border:solid 1px #f3f3f3;}
.reviewsArea .writeForm .distr{margin:1px 0 0 1px}
.reviewsArea .writeForm label{display:block;margin:6px 0}
.reviewsArea .writeForm input[type=text]{background:#fff;font-size:13px;border:1px solid #dcdcdc;  width:93%;padding:0 5px;height:26px;line-height:26px;color:#888; }
.reviewsArea .writeForm textarea{background:#fff;border:1px solid #dcdcdc;width:93%;height:68px;font-size:13px;max-width:95%;padding:5px;color:#888; }
.reviewsArea .btn {padding:15px 0; text-align:center;}
.reviewsArea .note{ background:#f6f6f6; padding:10px 15px; margin:10px 0 0;}
.reviewsArea .note a{ color:#15abef}
li.vl-item{float:left;width:100%}
.reviewsArea dl.confirm{padding:10px 0 0 0; overflow:hidden;}
.reviewsArea dl.confirm dt{ float:left; width:30%; text-align:right; font-weight:bold;}
.reviewsArea dl.confirm dd{ padding-left:32%;}
@media (max-width: 767px) {
	.reviewsArea .writeForm{ width:90%;} 
	.reviewsArea .topBar strong{ font-size:18px; line-height:1.5em;}
	.reviewsArea dl.confirm dt{ float:none; width:auto; text-align:left; }
	.reviewsArea dl.confirm dd{ padding-left:0;}
}
.reda_title{ font-size:24px; line-height:1; padding-top:35px; padding-bottom:20px; color:#189cd8; }
.reda_list{ margin-top:45px; text-align:center; }
.reda_list p{ min-height:54px; padding-bottom:18px; padding-top:20px; font-size:14px; line-height:18px; color:#5e5e5e; }
.reda_list a{ color:#5e5e5e; }
.reda_detail{ padding:25px 30px 50px 60px; font-size:14px; line-height:18px; color:#5e5e5e;}
.reda_detail dt{ font-size:18px; line-height:20px; position:relative; margin-top:20px; }
.reda_detail dt .num{ display:inline-block; background-color:#189cd8; color:#fff; border-radius:10px; width:20px; text-align:center; position:absolute; left:-30px; }
.reda_detail dd{ padding:18px 0; }
@media (max-width:767px){
	.reda_list p{ padding-bottom:0; }
	.reda_list{ margin-top:30px; }
	.reda_detail{ padding:15px 10px 30px 30px; }
	.reda_detail dd{ padding-bottom:0; }
}
.get_trail_btn{ width:310px; font-size:24px; line-height:1.9em; background-color:#189cd8; border-radius:4px; color:#fff; text-align:center; text-transform:uppercase; display:inline-block; }
.get_trail_btn:hover{ text-decoration:none; background-color:#088cc8; }

.react dl{ width:42%; float:left; line-height:24px; }
.react dl:first-child{ margin-right:16%; }
.react dl dt{ padding-top:28px; padding-bottom:10px; font-size:18px; font-weight:500; }
.list_ask li{ width:20%; float:left; }