@charset "utf-8";
/* CSS Document */
.prod_title{width:100%;height:135px;background:#41abe1}
.prod_title h1,
.prod_title h2{line-height:90px;font-weight:400;color:#fff}

/* The secondary menu */
.prod_nav{width:100%;height:45px;line-height:45px;background:#1b7aad}
.prod_nav .hovera a{background-image:url(/images/resources/list_hover.png)}
.prod_nav ul{padding:0;margin:0;list-style-type:none}
.prod_nav ul li{position:relative;float:left;margin-right:18px}
.prod_nav ul li a,.prod_nav ul li a:visited{display:block;height:45px;font-size:16px;line-height:45px;text-align:center;text-decoration:none;color:#fff;background:#1b7aad}
.prod_nav ul li ul{display:none}
.prod_nav ul li:hover a{background-image:url(/images/resources/list_hover.png)}
.prod_nav ul li:hover ul{position:absolute;top:45px;left:0;display:block;z-index:1}
.prod_nav ul li:hover ul li a{display:block;width:140px;height:33px;font-size:14px;line-height:33px;text-align:left;color:#fff;background:#1b7aad}
.prod_nav ul li:hover ul li a:hover{background:#41abe1}

/* The search box */
.searchs{float:right;margin-right:10px;margin-top:8px}
.searchs input{float:left;border:none;border-bottom:2px solid #eee;color:#fff}
.searchs button{float:left;border:none}
.searchs input::-webkit-input-placeholder{color:#ccc}
.searchs input.box_keleyi_com{height:28px;width:165px;padding-right:0;margin:1px 0 1px 1px;background:#1b7aad}
.searchs input.box_keleyi_com:focus{background:#1b7aad;outline:none}
.searchs button.btn_keleyi_com{width:31px;height:28px;margin:1px;border:none;background:url(/images/resources/search_black.png) no-repeat top right}

.product_list .font1{color:#777}
.product_list .font2{color:#444;font-size:24px;font-weight:600}
/*-------------------------------------*/
.product_list .product_tab ul li{width:16.66%;}
.product_list .product_tab ul li a b{background:url(/images/product_title_ico.png) no-repeat;}
.product_list .product_tcc{width:100%;height:80px;clear:both;}
.product_list .product_tcc ul{position:relative;width:100%;height:77px;border-bottom:3px solid #ddd;}
.product_list .product_tcc ul li{width:14.28%;float:left;}
.product_list .product_tcc ul li a{display:block;text-align:center;height:77px;font-weight:400;}
.product_list .product_tcc ul li a:hover{ color:#41abe1;}
.product_list .product_tcc ul li a b{display:block;width:40px;height:40px;background:url(/images/resource_2.png) no-repeat;margin:0 auto 5px;}
.product_list .product_tcc ul li a .b1{ background-position:0 0;}
.product_list .product_tcc ul li a .b2{ background-position:-40px 0;}
.product_list .product_tcc ul li a .b3{ background-position:-80px 0;}
.product_list .product_tcc ul li a .b4{ background-position:-120px 0;}
.product_list .product_tcc ul li a .b5{ background-position:-160px 0;}
.product_list .product_tcc ul li a .b6{ background-position:-200px 0;}
.product_list .product_tcc ul li a .b7{ background-position:-240px 0;}
.product_list .product_tcc ul li.hover a{color:#41abe1;border-bottom:3px solid #41abe1}
.product_list .product_tcc ul li.hover a .b1{ background-position:0 -40px;}
.product_list .product_tcc ul li.hover a .b2{ background-position:-40px -40px;}
.product_list .product_tcc ul li.hover a .b3{ background-position:-80px -40px;}
.product_list .product_tcc ul li.hover a .b4{ background-position:-120px -40px;}
.product_list .product_tcc ul li.hover a .b5{ background-position:-160px -40px;}
.product_list .product_tcc ul li.hover a .b6{ background-position:-200px -40px;}
.product_list .product_tcc ul li.hover a .b7{ background-position:-240px -40px;}

/*promo-container*/
.resources_overview{ overflow:hidden; clear:both; padding-top:15px; padding-bottom:10px;}
.resources_overview h2{ padding:30px 0 15px 0;height:24px;line-height:24px;font-weight:400;color:#333;}
.resources_overview p { line-height:24px;color:#444;font-weight:300;}

.resources_pic { float:left; width:24%; margin-right:2%;}
.resources_pic2{ float:left; width:48%; margin-right:2%;}
.resources_pic3{ float:left; width:24%; }
.resources_pic img { width:100%;}
.resources_pic2 img{ width:100%;}
.resources_pic3 img{ width:100%;}

.prod_lefts{ width:22%; height:auto; padding-top:40px; float:right;}
.prod_left { width:100%;height:auto; padding-top:20px; text-align:center; background:url(/images/resources/left_back.png);}
.prod_left img { width:55%; margin:15px auto;}
.prod_hot a:hover{ text-decoration:underline;}
.font3 { color:#fff; font-size:18px;}
.font4 { color:#fff; font-size:18px; font-weight:600;}
.font5 { color:#777; width:79%; margin:20px auto;}
.font6 { color:#333; font-size:24px; font-weight:600;}
.font7 { color:#555; margin:15px auto;}
.font8 { color:#111; font-size:20px; font-weight:600; margin-bottom:15px;}
.font9 { color:#444; font-size:15px; font-weight:400; margin-top:10px; margin-bottom:17px;}

.left_btn {display:inline-block;width:80%;height:32px;line-height:32px;text-align:center;color:#fff;font-size:17px; background:#f16335; margin-top:10px; margin-bottom:35px;}
.left_box { width:92%; height:auto; border:1px solid #ccc; margin-top:40px; padding:7% 3%;}
.left_box input{height:40px;line-height:40px;border:1px solid #ddd;float:left;margin:20px 0 0 0;}
.left_box input[type='email']{ width:140px;background:url(/images/email-icon.png) 5px 8px no-repeat;color:#666;padding-left:35px;}
.left_box input[type='button']{background:#82c544;color:#fff;border:0;height:42px;padding:0 14px;cursor:pointer;}

.prod_lefts .prod_img { float:left; width:35%; padding-bottom:15px;}
.prod_lefts .prod_text{ float:left; width:65%; height:40px; color:#666; overflow:hidden;}

.support_text{ overflow:hidden;clear:both;padding-bottom:30px;}
.support_text h2{padding:30px 0 20px 0;font-size:20px;}
.support_text h2 b{display:block;height:24px;line-height:24px;font-weight:300;color:#333;margin-bottom:5px;font-size:20px;}
.support_text p{ line-height:24px;color:#444;font-weight:300;}
.support_option{border:4px solid #ddd;border-right:none;overflow:hidden;}
.support_option .ceil{width:25%;text-align:center;float:left;}
.support_option .ceil>a{border-right:4px solid #ddd;display:block;padding-top:30px;}
.support_option .ceil a img{height:90px;}
.support_option .ceil h3{line-height:24px;color:#444;font-weight:400;border-right:4px solid #ddd;padding:10px 0;height:24px;overflow:hidden;}
.support_option .ceil p{color:#555;font-weight:400;line-height:24px;padding:25px 10px 20px;border-right:4px solid #ddd;min-height:100px;}
.coming_soon{color:#41abe1;font-style:italic;text-align:center;font-weight:400;padding:10px;display:block;line-height:30px;}
.coming_soon a{ color:#41abe1}
/*featured articles*/
.articles{width:100%;padding:25px 0 0 0;overflow:hidden;clear:both;}
.articles a:hover p{ text-decoration:underline;}
.articles>div{width:32%;}
.articles .first{margin-right:2%;}
.articles .first .col-1{position:relative;border:1px solid #ddd;overflow:hidden;}
.articles img{width:100%;}
.articles p{ position:absolute;background:url(/images/opacity_bag.png) repeat;color:#fff;bottom:0;left:0;padding:10px 2%;width:96%;}
.articles .second .col-1{position:relative;border:1px solid #ddd;overflow:hidden;}
.articles .second .col-2,.articles .second .col-3{width:48%;border:1px solid #ddd;position:relative;margin-top:13px;overflow:hidden;}
.articles .third .col-1{position:relative;border:1px solid #ddd;overflow:hidden;}
.articles .third .col-2{position:relative;border:1px solid #ddd;overflow:hidden;margin-top:13px;}
.latest_articles{width:74%;padding:40px 0;}
.latest_padd { padding-top:15px;}
.latest_articles h2{line-height:50px;font-weight:400;color:#222;border-bottom:1px solid #ddd;margin-bottom:15px;}
.latest_articles ul{padding:20px 0;}
.latest_articles ul li{ margin-bottom:30px;clear:both;overflow:hidden;border-bottom:1px dashed #ddd;padding-bottom:15px;}
.latest_articles ul li:last-child{border:0;}
.latest_articles ul li .articles_ico{width:28%;border:1px solid #ddd;}
.latest_articles ul li .articles_ico img{width:100%;}
.latest_articles ul li .articles_text{width:70%;}
.latest_articles ul li .articles_text h4,.latest_articles ul li .articles_text h4 b{ font-weight:400;}
.latest_articles ul li .articles_text h4 b{ color:#42a0f6;padding:0 5px;}
.latest_articles ul li .articles_text h4 span{ color:#d24923;}
.latest_articles ul li .articles_text h3{padding:10px 0;}
.latest_articles ul li .articles_text h3 a{font-weight:400;color:#000;font-size:18px;}
.latest_articles ul li .articles_text h3 a:hover{text-decoration:underline;}
.latest_articles ul li .articles_text p{color:#444;line-height:24px;height: 120px;overflow: hidden;}
.left_apart{width:22%;padding-top:20px;}
.hot_pro{padding:20px;background:#e8e8e8;margin-bottom:30px;overflow:hidden;}
.hot_pro h2{line-height:50px;font-weight:400;color:#222;border-bottom:1px solid #999;margin-bottom:15px;}
.hot_pro p{ clear:both;overflow:hidden;margin-bottom:8px;display:table;}
.hot_pro p span{cursor:pointer;word-break:break-all;word-wrap:break-word;display:table-cell;vertical-align:middle;}
.hot_pro p span img{width:80px;padding-right:10px;}
.hot_pro ul{color:#41abe1;}
.hot_pro ul li{line-height:22px;border-bottom:1px dashed #999;padding:0 0 10px 0;margin-bottom:10px;list-style:disc;}
.hot_pro ul li a{color:#222;}
.hot_pro ul li a:hover{text-decoration:underline;color:#41abe1}
.hot_pro h3 a{ float:left;width:25%;}
.hot_pro h3 a img{width:100%;}
.hot_pro p a{display:block;overflow:hidden;line-height:24px;font-weight:400;color:#333;}
.hot_pro p a:hover{text-decoration:underline;}
.articles_content{width:74%;padding:40px 0;}
.articles_content .title{font-weight:600;color:#222;line-height:42px;margin-bottom:20px;border-bottom:1px solid #eee;padding-bottom:10px;}
.writer_infor{background:#f1f1f1;overflow:hidden;padding:15px;}
.writer_infor h3{float:left;width:66%;font-weight:400;color:#000;font-size:18px;}
.writer_infor h3 span{color:#333;}
.writer_infor div{ display:table;}
.writer_infor div p{ display:table-cell;vertical-align:middle;float:none!important;}
.writer_infor div p img{width:90%;}
.writer_infor div p.ico{width:15%;}
.writer_infor div p a{color:#41abe1;padding:0 5px;}
.writer_infor div p a:last-child{display:block;padding:0;}
.writer_infor div p a:hover{text-decoration:underline;}
.writer_infor div p:last-child{width:80%;}
.articles_main{padding:30px 0;clear:both;}
.articles_reco{clear:both;margin:20px 0;}
.articles_reco h2{line-height:50px;font-weight:400;color:#222;border-bottom:1px solid #ddd;margin-bottom:25px;}
.articles_reco ul li{width:31%;float:left;margin-right:3.5%;overflow:hidden;}
.articles_reco ul li:last-child{margin-right:0!important;}
.articles_reco ul li .articles_ico img{width:100%;}
.articles_reco ul li .articles_ico{overflow:hidden;border:1px solid #ddd;}
.articles_reco ul li .articles_ico,.articles_reco ul li .articles_text{width:99%;}
.articles_reco ul li .articles_text h3{padding:10px 0;line-height:24px;overflow: hidden;}
.articles_reco ul li .articles_text h3 a{font-weight:300;color:#000;font-size:18px;}
.articles_reco ul li .articles_text h3 a:hover{text-decoration:underline;}
.articles_reco ul li .articles_text p{color:#444;line-height:24px;height:24px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display:none;}
.articles_main p{line-height:25px;margin-bottom:15px;}
.articles_main p img{max-width:100%;height:auto!important;}
.articles_main h2{font-weight:400;line-height:40px;margin:35px 0 15px;}
.articles_main h3{font-weight:400;margin-bottom:15px;}
.articles_main p b,.articles_main p strong{font-weight:600;}
.articles_main a,.articles_main a b,.articles_main a strong{ color:#06F}
.articles_main a:hover{text-decoration:underline!important;}
.feature-list{overflow:hidden;margin-top:25px;}
.feature-list h2{padding:15px 0;}
.feature-list h2{font-weight:400;color:#222;font-size:26px;}
.feature-list h2 a{font-size:14px;padding-left:25px;}
/*.feature-list h2 a:hover{text-decoration:underline;}*/
.feature-list h2 a span{font-size:12px;padding-left:5px;font-weight:400;}
/*.feature-list a:hover{color:#F00;}*/
.feature-list ul li{float:left;width:25%;overflow:hidden;max-width:340px;}
.feature-list ul li a{margin:5px;display:block;border:1px solid #ddd;padding:5px;min-height:305px;}
.feature-list ul li a:hover h3{text-decoration:underline;}
.feature-list h3{font-size:18px;color:#000;padding:8px 0;}
.feature-list ul li img{width:100%;}

.comments-mounts{line-height:40px;overflow:hidden;clear:both;border-bottom:2px solid #ddd;}
.comments-mounts span{ display:inline-block; line-height:40px;font-size:20px;font-weight:400;background:url(/images/comment-ico.png) left center no-repeat;padding-left:40px;}
.comments-wrap ul{padding:25px 0;overflow:hidden;} 
.comments-wrap ul li{padding-bottom:20px;overflow:hidden;}
.comments-wrap ul li .icon_btn {float:left;width:60px;}
.comments-wrap ul li .icon_btn .icon{width:60px;height:60px;overflow:hidden;border-radius:60px;}
.comments-wrap ul li .icon_btn .icon img{width:100%;}

.comments-wrap ul li .comments-detail{margin-left:80px;background:#f1f1f1;padding:15px;border-radius:8px;}
.comments-wrap ul li .comments-detail h4 span{display:block;font-size:13px;}
.comments-wrap ul li .comments-detail h4 b{font-weight:600;padding-right:5px;}
.comments-wrap ul li .comments-detail p{line-height:22px;padding:10px 0;color:#111;font-weight:400;}
.comments-leave h3{line-height:40px;overflow:hidden;clear:both;}
.comments-leave h3 span{ display:inline-block; line-height:40px;font-size:20px;font-weight:400;background:url(/images/edit.png) left center no-repeat;padding-left:40px;}
.comments-leave form{padding:20px 0 20px 40px;}
.comments-leave form label{display:block;padding:5px 0;color:#FA594B;font-weight:400;}
.comments-leave form input{width:400px;height:40px;line-height:40px;margin-bottom:10px;border:1px solid #ccc;text-indent:5px;}
.comments-leave form textarea{width:390px;border:1px solid #ccc;height:120px;resize:none;line-height:22px;padding:5px;}
.comments-leave form input[type="submit"]{font-size:14px;font-weight:600;color:#fff;margin-top:30px;padding:0 15px;height:38px;border:0;background:#82c544;cursor:pointer;}

.comments-wrap ul li .icon_btn .reply_btn{width:60px; line-height:25px;border:1px solid #ccc;text-align:center;border-radius:2px; margin-top:10px;}
.comments-wrap ul li .replys{margin-left:80px; padding-top:5px;}
.replys .replysa{line-height:29px;margin-bottom:3px;border:1px solid #ccc;text-indent:5px;}
.replys .replysb{line-height:29px;margin-bottom:3px;border:1px solid #ccc;text-indent:5px;}
.replys .replysc{width:86%;line-height:29px;margin-bottom:3px;border:1px solid #ccc;text-indent:5px;}
.replys form input[type="submit"]{width:12%;line-height:29px;margin-bottom:3px;border:1px solid #ccc;text-indent:5px;}

.loading{ float:left; background:url(/images/loading2.gif) no-repeat top center;width:75%;height:133px;}
.loadnew{ float:right; width:24%;}
.loadnew h3{ font-weight:600;}
.loadnew p { max-height:40px; line-height:20px; padding:8px 4px; overflow:hidden;}
.loadnew p a:hover{ text-decoration:underline;}
.loadnew .loadcol { background-color:#f1f1f1;}

@media screen and (min-width:1024px) and (max-width:1439px){
	.feature-list ul li a{min-height:281px;}
	.feature-list h3{font-size:16px;}
	.loadnew p {padding:6px 4px;}
}
@media screen and (min-width:960px) and (max-width:1023px){
	.prod_title{ height:180px;}
	.prod_nav  { height:90px;}	
	.feature-list ul li a{min-height:260px;}
	.feature-list h3{font-size:16px;}
	.loadnew p {padding:4px;}
}
@media screen and (min-width:768px) and (max-width:959px){
	.prod_title{ height:180px;}
	.prod_nav  { height:90px;}
	.latest_articles {width:72%;} /*resources right and left*/
	.articles_content{width:72%;}
	.prod_lefts{ width:26%;}
	.left_apart{ width:26%;}
	
	.feature-list ul li{width:50%;max-width:none;}
	.feature-list ul li a{min-height:340px;}
	.feature-list h3{font-size:16px;}
	.loadnew{ width:49%;}
	.loadnew p { max-height:44px; line-height:22px; padding:12px 5px;}
	
	.articles .second .col-2,.articles .second .col-3{margin-top:8px;}
	.articles .third .col-2{margin-top:8px;}
}
@media screen and (min-width:480px) and (max-width:767px){
	.prod_title{ height:180px;}
	.prod_nav  { height:90px;}
	.prod_nav ul li { margin-right:10px;}
	
	.feature-list ul li{width:50%;}
	.feature-list ul li a{min-height:261px;}
	.feature-list h3{font-size:16px;}
	.loadnew{ width:49%;}
	.loadnew p {padding:4px;}
}
@media screen and (max-width:479px){
	.prod_title{ height:225px;}
	.prod_nav  { height:135px;}
	.prod_nav ul li { margin-right:10px;}
	.feature-list ul li{width:100%;}
	.loadnew{width:96%; max-width:330px; margin-left:6px;}
}

@media all and (max-width:768px){
	.support_option{border:1px solid #ddd;}
	.support_option .ceil{width:50%;}
	.support_option .ceil a img{height:120px;}
	.support_option .ceil a,.support_option .ceil p,.support_option .ceil h3{border:0;}
	.support_option .ceil p{min-height:0;}
	.help_case ul li h3{font-size:15px;}
	.articles_reco ul li .articles_text h3 a{font-size:16px;}
	.writer_infor h3{font-size:16px;}

}
@media all and (max-width:639px){
	.product_list .product_tcc ul li{width:50%;height:80px;}
	.product_list .product_tcc ul{border-bottom:0;}
	.product_list .product_tcc ul li.hover a{border-bottom:0;}
	.product_list .product_tcc ul li a b{margin:0 0 5px 0;}
	.product_list .product_tcc ul li a{text-align:left;}
	
	.prod_lefts{ clear:both; float:none; width:275px; padding-top:0; margin: 0 auto;}
	.left_past { padding-top:0;}
	.articles>div{width:100%;margin-right:0!important;}
	.articles>div img{max-width:480px;display:block;margin:0 auto;}
	.articles>div>div{margin:0 0 15px 0!important;}
	.left_apart{display:none;}
	.latest_articles{width:100%;}
	.articles_content{width:100%;}
	.comments-leave form input{width:240px;}
	.comments-leave form textarea{width:230px;}
}
@media all and (max-width:479px){
	.support_option .ceil a img{height:60px;}
	.support_option .ceil>a{text-align:left;padding:10px;}
	.support_option .ceil p,.support_option .ceil h3{text-align:left;padding:5px 10px;}
	.latest_articles ul li .articles_ico,.latest_articles ul li .articles_text{float:none!important;}
	.latest_articles ul li .articles_ico {width:99%;margin-bottom:10px;}
	.latest_articles ul li .articles_text{width:100%;}
	.articles_reco ul li .articles_text h3 a{font-size:14px;}
	.articles_reco ul li{width:80%;}
	.writer_infor h3{font-size:14px;}
	.coming_soon{text-align:left;padding:0;}
	.support_option .ceil{min-height:280px;}
	.loadnew{ float:none;}
}
@media all and (max-width:330px){
	.prod_nav ul li a, .prod_nav ul li a:visited {font-size:14px;}
}

span.current, span.current a {
	border: solid 1px #018801 !important;
	color:#098812;
	text-decoration:none
}
div#page a:hover{
	color: #0f630f;
	text-decoration:none;
	border: solid 1px #018801 !important;
}
.tag{display:inline-block;margin-left:5px;background-color:#e7e7e7;padding:4px 8px;border-radius:5px}
.tag > a{font-weight:600;color:#6c6b6d}