@charset "utf-8";
/* CSS Document */
.border{border-color:#ededed;}
.products_title{width:100%;background:#41abe1;height:100px;}
.products_title h2{height:100px;color:#fff;font-weight:400;line-height:100px;}
.product_list{ overflow:hidden;padding-top:20px;clear:both;padding-bottom:50px;}
.product_list .product_tab{width:100%;height:80px;clear:both;}
.product_list .product_tab ul{position:relative;width:100%;height:77px;border-bottom:3px solid #ddd;}
.product_list .product_tab ul li{width:20%;float:left;}
.product_list .product_tab ul li a{display:block;text-align:center;height:77px;font-weight:400;}
.product_list .product_tab ul li a:hover{ color:#41abe1;}
.product_list .product_tab ul li a b{display:block;width:40px;height:40px;background:url(https://www.ilike-share.com/images/resource_title_ico.png) no-repeat;margin:0 auto 5px;}
.product_list .product_tab ul li a .b1{ background-position:0 0;}
.product_list .product_tab ul li a .b2{ background-position:-40px 0;}
.product_list .product_tab ul li a .b3{ background-position:-80px 0;}
.product_list .product_tab ul li a .b4{ background-position:-120px 0;}
.product_list .product_tab ul li a .b5{ background-position:-160px 0;}
.product_list .product_tab ul li.hover a{color:#41abe1;border-bottom:3px solid #41abe1}
.product_list .product_tab ul li.hover a .b1{ background-position:0 -40px;}
.product_list .product_tab ul li.hover a .b2{ background-position:-40px -40px;}
.product_list .product_tab ul li.hover a .b3{ background-position:-80px -40px;}
.product_list .product_tab ul li.hover a .b4{ background-position:-120px -40px;}
.product_list .product_tab ul li.hover a .b5{ background-position:-160px -40px;}
/*promo-container*/
.resources_overview{ overflow:hidden;clear:both;padding-bottom:10px;}
.resources_overview h2{padding:30px 0 15px 0;height:24px;line-height:24px;font-weight:400;color:#333;}
.resources_overview{padding-top:30px;}
.resources_overview p{ line-height:24px;color:#444;font-weight:300;}
.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:30px 0 0 0;overflow:hidden;clear:both;}
.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(https://www.ilike-share.com/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:18px;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:18px;}
.latest_articles{width:74%;padding:40px 0;}
.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:24px;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:90%;height:auto!important;}
.articles_main h2{font-weight:400;line-height:22px;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-weight:400;color:#222;font-size:14px;padding-left:25px;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;}
.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(https://www.ilike-share.com/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{float:left;width:60px;height:60px;overflow:hidden;border-radius:60px;}
.comments-wrap ul li .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(https://www.ilike-share.com/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;}
.loading{background:url(https://www.ilike-share.com/images/loading2.gif) no-repeat top center;width:100%;height:132px;}
@media all and (min-width:1280px){
	.feature-list ul li a{min-height:280px;}
	}
@media screen and (min-width:1024px) and (max-width:1279px){
	.feature-list ul li a{min-height:0;}
	.feature-list h3{font-size:16px;}
}
@media screen and (min-width:960px) and (max-width:1023px){
	.feature-list ul li a{min-height:225px;}
	.feature-list h3{font-size:16px;}
}
@media screen and (min-width:768px) and (max-width:959px){
	.feature-list ul li a{min-height:200px;}
	.feature-list h3{font-size:14px;}
}
@media screen and (min-width:480px) and (max-width:767px){
	.feature-list ul li{width:50%;}
	.feature-list ul li a{min-height:305px;}
	.feature-list h3{font-size:16px;}
}
@media screen and (max-width:479px){
	.feature-list ul li{width:100%;}
}
@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_tab ul li{width:50%;height:80px;}
	.product_list .product_tab ul{border-bottom:0;}
	.product_list .product_tab ul li.hover a{border-bottom:0;}
	.product_list .product_tab ul li a b{margin:0 0 5px 0;}
	.product_list .product_tab ul li a{text-align:left;}
	.left_past{padding-top:0;}
	.articles>div{width:100%;margin-right:0!important;}
	.articles>div img{max-width:225px;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;}
}

























@charset "utf-8";
/* CSS Document */
#article{ border:1px solid #ededed; background:#fff;}
#article h1{ font-size:25px; line-height:35px;font-family: 'Cutive',Arial; background:#73cdf5; padding:28px 4%; color:#fff;}
#article .articleInfo{ background:#eaeaea; padding:5px 4%; overflow:hidden;}
#article .articleInfo a{ color:#15abef;}
#article .articleInfo .text{ padding-left:65px;}
#article .articleInfo .commentCount{ display:block; float:right; background:url(images/btn-1.png) no-repeat 0px -179px; width:120px; height:20px; color:#333; overflow:hidden; margin-top:9px; cursor:pointer;}
#article .articleInfo .commentCount span{ width:33px; height:20px; display:block; float:right; text-align:center;}
#article .articleInfo .follow{ float:left}
#article .cont{ padding:25px 4%;}
#article .cont h2{font-family: 'Cutive',Arial; font-size:22px; line-height:28px;font-weight:normal; margin:20px 0 15px; } 
#article .cont h3{font-size:19px; margin:15px 0 13px; font-weight:normal;}
#article .cont h4 { font-size:17px; padding:7px 0;}
#article .cont img{
	max-width:100%;
}
#article .cont p{ margin:15px 0; overflow:hidden; }
#article .cont ul{ list-style:outside disc; line-height:1.8em; margin-left:18px;} 
#article .cont ul,#article .cont ol{ margin-top:15px; margin-bottom:15px}
@media (max-width: 767px) {
	#article .articleInfo .rArea{ float:none;}
	#article .articleInfo .follow{ float:none}
	#article .cont h2{font-size:16px; line-height:1.6em; background:#f9f9f9; border:1px solid #e4e4e4; border-width:1px 0; padding:10px; margin:15px -4%;} 
}
#article .specialArea{ background:#f3f3f3; padding:25px 4%;}
#article .specialArea h4{ font-size:19px; margin-bottom:15px;}
#article .specialArea li,#article .specialArea li a{ color:#15abef;}



body{ background:#f9f9f9;}



/*leftBox1*/ 
.leftBox h2.title{font-family: 'Cutive', Arial; font-size:24px;color:#555;}
.leftBox .box{ background:#fff;border:1px solid #eee;padding:10px 30px;}
.leftBox .item{padding:30px 0;border-bottom:1px solid #eaeaea;}
.leftBox .item .span3{padding:0 4% 0 0; margin-left:0 !important; width:31.96%;* width:28%;}
.leftBox .item h3{ font-size:24px;color:#555; margin-bottom:20px;}
.leftBox .box1,.box-title{border:1px solid #ebeaea;padding:30px 40px; background:#74cdf5; color:#fff}
.leftBox .box1 .text{float:left;width:72%;}
.leftBox .box1 .text h2 a{ font-size:22px; line-height:28px;font-family: 'Cutive',Arial;color:#fff}

.leftBox .box1 .text .dd{ font-size:14px; line-height:1.8em;}
.leftBox .box1 .peo{float:right;width:18%;}
.leftBox .box1 .peo h3 a{font-size:16px;line-height:1em;color:#fff}
.leftBox .box1 .peo .follow{color:#555; margin-top:5px;}
@media (max-width:767px) { 
	.leftBox .box1 .text{float: none;width:auto;}
	.leftBox .box1 .peo{ display:none}
}
.leftBox .box2{padding:30px 40px;background:#ebeaea;}
.leftBox .box2 h2{ font-size:16px;color:#444;}
.leftBox .box3{margin-top:40px; font-size:14px;}
.leftBox .box3 .item{display:block;border-bottom:1px solid #dedede;padding:30px 0;}
.leftBox .box3 .item dt a{ font-size:16px;color:#15abef;}
.leftBox .box3 .item dd{ font-size:14px;padding:5px 0 0 0;}
.leftBox .tabBox{ border:1px solid #eee; background:#fff; overflow:hidden; margin:30px 0;}
.leftBox .tabBox .nav li{ background:url(images/dot-write.png) 90% 50% no-repeat #76cdf4; height:38px; line-height:38px; color:#fff; cursor:pointer; margin-bottom:1px; padding:0 20px;}
.leftBox .tabBox .nav li.curr{ background:url(images/dot-gray.png) 90% 50% #fff no-repeat; color:#555;}
.leftBox .tabBox .nav{ float:left; width:30%;}
.leftBox .tabBox .phoneNav{ position:relative}
.leftBox .tabBox .phoneNav .nav li{ background-image:none; text-align:center; border-right:1px solid #fff;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.leftBox .tabBox .phoneNav .nav li.curr{ background-image:url(images/dot-gray-down.png); background-position: 50% 95%;}
.leftBox .tabBox .phoneNav .flex-prev,.leftBox .tabBox .phoneNav .flex-next{ position:absolute; z-index:1; background:url(images/btn-1.png) no-repeat -52px -46px; top:0; width:15px; height:38px;}
.leftBox .tabBox .phoneNav .flex-prev{ left:0;}
.leftBox .tabBox .phoneNav .flex-next{ right:0; background-position:-68px -46px;}
.leftBox .tabBox .phoneNav .flex-disabled{filter:alpha(opacity=20); -moz-opacity:0.2; opacity:0.2; }
.leftBox .tabBox .con{ float:right; width:63%; padding:23px 3% 23px 0;}
.leftBox .tabBox .con .img{ float:left; width:21%;}
.leftBox .tabBox .con .img img{ max-width:100%}
.leftBox .tabBox .con .text{ padding-left:22%;}
.leftBox .tabBox .con p{ margin:0 0 8px;}


.leftBox .author-page{ padding:0 0 30px !important}
.leftBox .author-page h2{ padding-left:3%}
.leftBox .author-page .aut_box1{ border:none; border-bottom:1px solid #ececec; margin:0 3%}
.leftBox .author-page .aut_box1 .item1{ padding-left:0; width:200px; padding-right:0}

.leftBox .author-page .aut_box2 .span{ border:none;padding:0 10px 0 4%; margin-left:0; width:31.96%;* width:27.5%;} 
@media (min-width: 480px) and (max-width: 979px){ 
	.leftBox .author-page .aut_box2 .span .follow .tit{ display:block}
}
@media (max-width: 767px) { 
 .leftBox .tabBox .con{ width:auto; margin-left:3%}
}
@media (max-width: 479px) { 
	.leftBox .author-page .aut_box1{border-bottom:1px dashed #e2e2e2;}
	.leftBox .author-page .aut_box1 .item1{width:39%}
	.leftBox .author-page .aut_box1 .item1 .fl{ float:none !important}
	.leftBox .author-page .aut_box1 .item1 .text{ padding-left:0; margin-top:10px;}
	.leftBox .author-page .aut_box1 .item2{ padding-left:41%}
	.leftBox .author-page .aut_box2{ padding-left:0; padding-right:0; margin:0 3%}
	.leftBox .author-page .aut_box2 .span{ border-bottom:1px dashed #e2e2e2; padding: 0 0 15px;}
}
.slideshow{max-height:120px; height:auto !important; height:120px;position:relative;}
.slideshow .slides{max-height:120px; height:auto !important; height:120px; overflow:hidden;}
.slideshow .slides li{ overflow:hidden}
.slideshow .slides img{ max-width:100%;}
.slideshow .flex-control-paging{display:none;}
.slideshow .flex-prev,.slideshow .flex-next{ background:url(images/prev3.png) no-repeat; width:14px; height:22px; position:absolute; top:35%;z-index:1;  } 
.slideshow .flex-prev{left:-25px;}
.slideshow .flex-next{ background-position:0 -22px;right:-25px;}
.slideshow dl{display:block;padding:0 30px 0 100px;}
.slideshow dt a{color:#15abef;}
.slideshow dd{padding:5px 0 0 0; font-size:12px; line-height:1.5em;}

/*Author*/
.aut_title{font-family: 'Cutive', Arial; font-size:28px; line-height:32px; margin-bottom:10px;}
.aut_title2{font-family: 'Cutive', Arial; font-size:18px;}
.aut_title3{font-size:22px;color:#555; line-height:28px;}
.aut_box1{border:1px solid #ececec; background:#fff;}
.aut_box1 .item1{float:left;width:25.8%;padding:15px 3%;}
.aut_box1 .item1 .text{padding-left:85px;}
.aut_box1 .item1 .text h3 a{font-size:16px; font-weight:bold; line-height:1em;}
.aut_box1 .item1 .text .follow{color:#555; margin-top:5px;}
.aut_box1 .item2{ padding:15px 0 15px 220px;}
.aut_box1 .item2 h3{font-size:14px; font-weight:bold;}

.aut_box2 .span{border:1px solid #ececec; background:#fff;padding:15px;*width:28.35%;}
.aut_box2 h3 a{font-size:16px; font-weight:bold; line-height:1.4em;}
.aut_box2 .follow{color:#555; margin-top:10px;}
.survey{padding:20px 0 0 28px;}
@media (max-width: 479px) { 
	.aut_title{ font-size:22px; line-height:25px}
	.aut_title2{ font-size:16px;}
}



@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Cutive);
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img {margin:0;padding:0; -webkit-text-size-adjust:none;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
ul {list-style:none;}
ol{ list-style:outside decimal; margin-left:18px; line-height:1.6em;}
ol li{ line-height:1.8em;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
a{ text-decoration:none;color:#555;}
a:hover{text-decoration:underline;}
img{ vertical-align:middle;}

input[type='text'],textarea,input[type='submit']{-webkit-appearance: none;font-family:Arial,Helvetica,sans-serif; outline:none; border:none; color:#777; vertical-align:top;border-radius:0; background:#fff;}
input[type='checkbox']{ vertical-align:text-top; vertical-align:baseline\9;}
select{background:#fff;}
select:focus{ outline:none; }

/*basic*/
.fl {float:left !important;}
.fr {float:right !important;}
.ac{ text-align:center;}
.clear{ clear:both; height:0; overflow:hidden;}
.noh{ overflow:visible !important;}
ul.dot li{ list-style:outside disc; line-height:1.7em; margin-left:18px;}
.noBor{ background:none !important; border:none !important; margin-right:0 !important;}
.re{ position:relative !important;}
.oh{ overflow:hidden !important;}
.blue{ color:#15abef !important;}
.red{ color:#f00 !important;}
.orange{ color:#1EB0F5 !important}
.hide{ display:none !important;}
hr{ border:none; height:0; overflow:hidden; border-bottom:1px solid #ededed;margin:12px 0; *margin:0; height:0;} 
.maxW{ max-width:100%;}
body{font:13px/1.6em Helvetica,Arial,  sans-serif; color:#555;background:#fff; }
.mr5{margin-right:5px !important;}.mr10{margin-right:10px !important;}.mr20{margin-right:20px !important;}.mt5{margin-top:5px !important;}.mt6{margin-top:6px !important;}.mt10{margin-top:10px !important;}.mt15{margin-top:0px !important;}.mt20{margin-top:20px !important;}.mt40{margin-top:40px !important;}.mb10{margin-bottom:10px !important;}.mb20{margin-bottom:20px !important;}.mb40{margin-bottom:40px !important;}
.p15{ padding:15px !important}
/*btn*/
.blueBtn-b,.orangeBtn-b{ display:inline-block; width:220px; background:#15abef; border-radius:5px; color:#fff !important;height:60px; margin-right:10px; margin-bottom:10px; text-align:left; text-decoration:none !important}
.blueBtn-b .pic,.orangeBtn-b .pic{ float:left; padding-top:16px; width:56px;height:44px; line-height:44px; border-right:0px solid #18AFF3; text-align:center; margin-right:18px;}
.blueBtn-b .name,.orangeBtn-b .name{ font-size:28px; line-height:30px; padding:5px 0 0; display:block; margin-bottom:0}
.orangeBtn-b{ background:#1EB0F5;}
.orangeBtn-b .pic{ border-right:1px solid #1EB0F5;}
.blueBtn-b:hover{ text-decoration:none; background:#18aff3;}
.orangeBtn-b:hover{ text-decoration:none; background:#1EB0F5;}

/*public*/
.crumb {padding:12px 0; color: #999; overflow:hidden}
.crumb a{ color:#a1a1a1}
.crumb .info{ float:right;}
@media (max-width: 767px) {
	.crumb .info{ float:none; clear:both}
}
.table1 {background: #fff; margin:0 auto}
.table1 img{ max-width:100%}
.table1 td,.table1 th{padding: 10px 13px;border: 1px solid #e5e5e5; }
.table1 th{ font-weight:bold; font-size:14px; }
.table1 tr:nth-child(even) { background:#f2f2f2;}
.table1 h3{ font-size:19px; color:#15abef; margin-top:10px;}
.table1 h3 a{color:#15abef;}
.table1 .bluebtn, .table1 .orangebtn{ width:90px;}
.addthis_floating_style{ position:absolute !important; border:1px solid #dbdbdb; padding:10px 6px 15px !important; background:#fff;}
.paging{ text-align:center; margin:20px 0;}
.paging a{padding: 3px 5px ;text-decoration: none; border:1px solid #fff; color:#15abef; font-size:16px; }
.paging a.curr{color:#555; font-weight:bold; border:none !important}
.paging a:hover{ border:1px solid #15abef;}
.paging .bb{ padding: 5px 10px ; margin:0 10px;  border:none; background:#15abef; color:#fff; border-radius:5px}
.paging .bb:hover{ border:none; background:#1db3f7  }
/*text-overflow:ellipsis; overflow:hidden; white-space:nowrap;*/
/*-webkit-backface-visibility: hidden;-webkit-transform-style: preserve-3d; */

/*respon*/
.container{width:1000px;overflow:hidden;margin:0 auto;} 
.row-fluid {width:auto;margin:0 auto;*zoom: 1;overflow:hidden;}
.row-fluid:before,.row-fluid:after {display: table;line-height: 0;content: "";} 
.row-fluid .span{float: left; display: block; margin-left: 2.564102564102564%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
.row-fluid .span img{max-width: 100%;-ms-interpolation-mode: bicubic;}
.row-fluid .span:first-child {margin-left: 0;}
.row-fluid .span2 { width: 48.717948717948715%;  }/*border====   margin-left:0\9; width:48%\9;*width:47.7%; margin-right:2%\9;*/
.row-fluid .span3 { width: 31.623931623931625%;  }/*padding:0 0 0 4%; margin-left:0; width:31.96%;* width:28%;*/
/*border====    margin-left:0\9; width:31.29%\9;*width:31.14%; margin-right:2%\9;*/
.row-fluid > .span2:nth-of-type(2n+1),.row-fluid > .span3:nth-of-type(3n+1),.row-fluid > .span5:nth-of-type(5n+1) { margin-left: 0; }
.row-fluid .span4 { width: 23.076923076923077%;*width: 23%; }/* padding:0 1%; margin-left:0; width:24.99%;* width:22.8%;*/
.row-fluid .span5 {  width: 17.95%;padding:0 0 0 4%\9; margin-left:0\9; width:19.2%\9;* width:15%;}
@media (min-width: 768px) and (max-width: 979px) {
	.container{ width:750px; }
}
@media (max-width: 767px) {
	.container{ width:460px;}  
	.row-fluid .span3 {  width: 48.717948717948715%; }
	.row-fluid > .span3:nth-of-type(3n+1) { margin-left:  2.564102564102564%; }
	.row-fluid > .span3:nth-of-type(2n+1) { margin-left: 0; }
	.row-fluid .span4 { width: 48.717948717948715%;margin-left:0; margin-bottom:15px;}/*width: 48.717948717948715%; margin-left:0; margin-bottom:15px;*/
}
@media (max-width: 479px) { 
	.container{ width:308px;}	
	.row-fluid .span { width: 100% !important;margin-left: 0 !important;  }
}
.visible-phone,.visible-tablet,.hidden-desktop {display: none !important;}
.visible-desktop {display: inherit !important;}
@media (min-width: 768px) and (max-width: 979px) {
  .hidden-desktop, .visible-tablet {display: inherit !important;}
  .visible-desktop, .hidden-tablet {display: none !important ;} 
}
@media (max-width: 767px) {
  .hidden-desktop,.visible-phone { display: inherit !important;  }
  .visible-desktop,.hidden-phone {display: none !important;} 
}

/*btn*/
.bluebtn,.bluebtn-s,.orangebtn,.orangebtn-s,.graybtn{display:inline-block; background:#15abef;color:#fff !important; padding:0 13px; font-size:19px;height:36px;padding:0 20px;line-height:36px; text-align:center; border-radius:3px; text-decoration:none !important;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s; margin-bottom:10px; position:relative; cursor:pointer}
.bluebtn:hover,.bluebtn-s:hover{ background:#17b5fc; text-decoration:none;}
.bluebtn-s,.orangebtn-s{ height:28px; line-height:28px; font-size:13px;}
.orangebtn,.orangebtn-s{ background:#1EB0F5;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.orangebtn:hover,.orangebtn-s:hover{ background:#ff8238; text-decoration:none;}
.graybtn{ background:#707070;}
.graybtn:hover{ background:#808080; text-decoration:none;}
.grayBtn { display:inline-block;background:#ccc; padding:5px 15px; text-decoration:none !important; color:#555 !important;}
.content .box.even .text .grayBtn{ background:#73d1ff; color:#fff !important }
 .bluebtn-ss{ height:22px; line-height:22px; padding:0 10px; border-radius:10px; font-size:16px}
 
.dropbtn{ overflow:visible !important}
.dropbtn div{ display:none; position:absolute; top:40px; right:0; background:#eee;width:230px;z-index: 3;padding: 10px; text-align:left;}
.dropbtn:hover div{ display:block !important}
.dropbtn div .dot{ position:absolute; z-index:2;background:url(images/drop-up.png) no-repeat 210px 0 ; top:-10px; right:0; width:100%; height:10px;}
.dropbtn div a{ display:block; line-height:22px; height:22px; padding-left:5px; font-size:12px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.dropbtn div a:hover{ background:#ddd; text-decoration:none;}

.whitebtn{display:inline-block; background:#fff;color:#555; font-size:18px;width:180px;line-height:48px; text-align:center; border-radius:3px; text-decoration:none; margin-right:10px; margin-bottom:10px;}
.whitebtn:hover{ background:#f5f5f5;text-decoration:none;}
@media (max-width:979px) { 
	.whitebtn{ width:135px; height:41px; line-height:41px; font-size:16px}
}
.google,.twitter,.facebook,.in{display:inline-block; background:url(images/icon_share.gif) no-repeat;width:20px;height:20px; }
.twitter{ background-position:0 -20px;}
.facebook{ background-position:0 -40px;}
.in{ background-position:0 -60px;}
.ipad-btn{ padding-left:8px; }
.blueBtn-b.ipad-btn{width:210px}
.ipad-btn .tit{ padding-top:2px; margin-bottom:4px;}
.ipad-btn .name{ font-size:12px;}
.ipad-btn .pic{ width:35px; margin-right:8px; text-align:left;}
.ipad-btn input[type='text']{ display:inline-block;background:#fff; border:1px solid #1096d3; width:114px; height:22px; line-height:22px;  color:#888; padding-left:6px; font-size:11px;}
.ipad-btn a{ display:inline-block;background:#f0f0f0; width:36px; height:22px; line-height:22px; text-align:center; color:#1096d3; font-size:12px; margin-top:1px} 


.ipad-btn-nopic{ width:168px !important}

.bluebtn.ipad-btn{ padding:0 8px;}
.bluebtn.ipad-btn input[type='text']{ margin-top:6px; }  
.bluebtn.ipad-btn a{  margin-top:7px}

/* leftBox */
.leftBox{width:74.4%; margin-bottom:35px;}
@media (max-width: 767px) { 
	.leftBox{width:auto !important; float:none !important;}
	.sideBar .nav dl dt a{ background-image:url(images/dot-sub-nav.png); margin-bottom:0;}
}
/*sidebar1*/
.sidebar{float:right;width:23%; margin-bottom:20px;}
.sidebar .title{font-family: 'Cutive', Arial; font-size:18px;color:#555;}
.sidebar .box{ background:#fff;border:1px solid #eee;padding:10px 15px; overflow:hidden}
.sidebar .item{padding:10px 0; overflow:hidden}
.sidebar .item .text{padding-left:75px;}
.sidebar .item .text h3 a{font-size:16px; line-height:1em;}
.sidebar .item2 { padding:15px 5%; border-bottom:1px solid #f6f6f6}
.sidebar .item2 .img{ float:left;}
.sidebar .item2 dl{ padding-left:52px;}
.sidebar .item2 dd{ font-size:12px; color:#777; line-height:1.5em;}
@media (max-width: 767px) { 
	.sidebar .item{ float:left; width:48%; margin-right:2%;}
}
@media (max-width: 479px) { 
	.sidebar .item{ float:none; width:auto; margin-right:0}
}
.sidebar .box2{background:#fff;border:1px solid #eee;}
.sidebar .box2 .filter{background:#1EB0F5;color:#fff; font-size:16px; line-height:40px; font-weight:bold;padding:0 0 0 5%;}
.sidebar .box2 .tit1{ background:#eee; font-size:16px;color:#444; padding:10px 0;padding-left:5%;}
.sidebar .box2 .list{padding:15px 5%;}
.sidebar .box2 .list li{line-height:2em;}
.sidebar .box2 .tit2{font-size:16px;color:#444; line-height:40px;padding-left:5%; font-weight:bold;}
.sidebar .box2 .adtxt{ background:#fb8319;color:#fff; font-size:18px; text-align:center; line-height:40px;}
.sidebar .box2 .tag{padding:15px; line-height:2em;}
.sidebar .box2 .tag .one{ font-size:18px;}
.sidebar .box2 .tag .two{ font-size:16px;}
.sidebar .nav{ padding:15px 5% 5px;}
.sidebar .nav dt{ display:block; font-size:14px; font-weight:bold; background:url(images/dot-gray.png) no-repeat 8px 50% #f6f6f6; height:25px; line-height:25px; padding-left:20px; margin:8px 0; }
.sidebar .nav dt a:hover{ background-color:#f3f3f3; text-decoration:none}
.sidebar .nav dd a{  padding-left:20px; line-height:1.8em}
.sidebar .nav dd a:hover,.sidebar .nav dd.curr a,.sidebar .nav dt.curr a{ color:#f6762b; text-decoration:none}
.sidebar .nav dt.curr, .sidebar .nav dd.curr{ position:relative;}
.sidebar .nav dt .delete, .sidebar .nav dd .delete{ position:absolute; right:5px;}
.sidebar .box2 .tag .font1{ font-size:19px}
.sidebar .box2 .tag .font2{ font-size:17px}
.sidebar .box2 .tag .font3{ font-size:15px}
.sidebar .box2 .tag a{ padding:0 5px}
@media (max-width: 767px) { 
	.sidebar{width:auto !important; float:none !important;}
}
