@-ms-viewport {
	width: device-width;
}

@-o-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}

*{ 
	font-family: arial,microsoft jhenghei,ms gothic,malgun gothic,SimHei,microsoft yahei;
}

body {
	width: 100%;
	height: 100%;
	font-family: arial,microsoft jhenghei,ms gothic,malgun gothic,SimHei,microsoft yahei;
	font-size: 14px;
}

header {
	position: relative;
	margin: 20px 0;
	font-family: Chewy;
	letter-spacing: 3px;
	display: none;
}

header a,
header a:hover,
.navbar-brand,
.navbar-brand:hover {
	text-decoration: none;

}

.navbar-brand {
	padding: 0px 15px;
}

.navbar-brand h3 {
	/*color: #337ab7;*/
    color: #444;
    font-family: arial,microsoft jhenghei,ms gothic,malgun gothic,SimHei,microsoft yahei;
}
.navbar-brand h3 span {
	/*color: #337ab7;*/
    color: #444;
    font-family: arial,microsoft jhenghei,ms gothic,malgun gothic,SimHei,microsoft yahei;
}
/*更新*/
.navbar-brand h3 .text-success{
    color: #444;
    font-weight:bold;
}
/*更新*/

.navbar-default {
	background-color: #FFFFFF;
}

.navbar-default .navbar-nav>li>a {
	font-size: 16px;
	font-weight: 400;
	font-family: 'Droid Serif';
	padding: 21px;
	letter-spacing: 1px;
}

.navbar-default .navbar-nav>li>a:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 1px;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>li>a:hover {
	color:  #f89682;
	background-color: #FFFFFF;
	font-size: 16px;
	font-weight: 500;
}

.navbar-default .navbar-nav>.active>a:after,
.navbar-default .navbar-nav>li:hover>a:after {
	width: 100%;
}

.navbar-default .navbar-nav>li>a:after {
	background: #f89682;
	content: '';
	position: absolute;
	left: 0px;
	bottom: 0px;
	height: 3px;
	width: 0px;
	transition: all 0.35s ease-out;
	-webkit-transition: all 0.35s ease-out;
	-ms-transition: all 0.35s ease-out;
}

.facebook {
	background-color: #3b5998;
	border: 1px solid #3b5998;
	font-size: 14px;
	font-weight: 900;
	color: #FFFFFF;
}

.facebook:hover {
	background-color: #3b5998;
	border: 1px solid #3b5998;
	font-size: 14px;
	font-weight: 900;
	color: #FFFFFF;
	opacity: 0.9;
}

.twitter {
	background-color: #1da1f2;
	border: 1px solid #1da1f2;
	font-size: 14px;
	font-weight: 900;
	color: #FFFFFF;
}

.twitter:hover {
	background-color: #1da1f2;
	border: 1px solid #1da1f2;
	font-size: 14px;
	font-weight: 900;
	color: #FFFFFF;
	opacity: 0.9;
}

.linkedin {
	background-color: #0077b5;
	border: 1px solid #0077b5;
	font-size: 14px;
	font-weight: 900;
	color: #FFFFFF;
}

.linkedin:hover {
	background-color: #0077b5;
	border: 1px solid #0077b5;
	font-size: 14px;
	font-weight: 900;
	color: #FFFFFF;
	opacity: 0.9;
}

.breadcrumb>li {
	font-size: 16.2px;
}

.Hreplenish50 {
	height: 50px;
}

.Hreplenish30 {
	height: 30px;
}

.Model1>div,
.Model2>div {
	padding: 0 5px;
}

.Model1>div>.post-img {
	position: relative;
}

.Model1>div>.post-title {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 0 30px 26px 30px;
	width: 100%;
}

.Model1>div>.post-title>a {
	font-weight: 400;
	font-style: normal;
	margin-bottom: 5px;
	color: #fff;
	border-color: #fff;
	opacity: 1;
	font-size: 16.2px;
	line-height: 14px;
	text-transform: uppercase;
	border: 1px solid rgba(255, 255, 255, 0.2);
	padding: 3px 7px;
	border-radius: 3px;
	text-decoration: none;
}

.Model1>div>.post-title>h4{
	background-color: rgb(255,255,255,0.3);
	padding:5px;
	height: 52px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.Model1>div>.post-title>h4>a {
	padding:3px;
	text-decoration: none;
	font-weight: 400;
	font-style: normal;
	margin-bottom: 5px;
	color: #fff;
	border-color: #fff;
	opacity: 1;
	font-size: 21px;
	text-shadow: #fa6345 2px 2px 5px;
}
.Model1>div>.post-title>h4:hover {
	background-color: #f89682;
}
.Model1>div>.post-title>h4>a:hover {
	color: #000000;
}


.Model2 .tips {
	background: #eaeaea;
	border-left: 4px solid #51c8fa;
	padding: 8px 10px 7px 10px;
	border-color: #e1e1e1 !important;
	color: #111111 !important;
	font-family: Quicksand;
	font-weight: 700;
	font-style: normal;
	font-size: 14px;
}

.Model2 .Model2-1>div {
	padding: 0;
}

.Model2 .Model2-1 .h107 {
	height: 107px;
	padding: 0;
	margin: 0;
}

.Model2 .Model2-1 .h300 {
	height: 203px;
	width: 100%;
	padding: 0;
}

.Model2 .Model2-1 .post .post-category a,
.Model2 .Model2-1 .post .post-category a:hover {
	text-decoration: none;
	font: inherit;
	font-weight: 400;
	color: #666;
	font-size: 10px;
	color: #f89682;
}

.Model2 .Model2-1 .post .post-info {
	height: 38px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin-bottom: 10px;
}

.Model2 .Model2-1 .post .post-info a,
.Model2 .Model2-1 .post .post-info a:hover {
	text-decoration: none;
	font: inherit;
	color: inherit;
	color: #353535;
	font-size: 12px;
}

.Model2 .Model2-1 .post-middle {
	margin: 0 11px;
}

.Model2 .Model2-1 .post-middle .post-text {
	padding: 15px 30px 5px 30px;
	border-bottom: 1px solid rgba(156, 156, 156, .2);
	border-left: 1px solid rgba(156, 156, 156, .2);
	border-right: 1px solid rgba(156, 156, 156, .2);
}

.Model2 .Model2-1 .post-middle .post-category {
	margin-bottom: 20px;
}

.post-category a,
.post-category a:hover {
	text-decoration: none;
	font: inherit;
	color: inherit;
	font-weight: 400;
	color: rgb(248,150,130);
	font-size: 16.2px;
}

.post-category a.latt, .post-category a.latt:hover{
	color: #F89682;
	margin-right: 10px;
}

.post-info a,
.post-info a:hover {
	font-family: "Droid Serif";
	text-decoration: none;
	font: inherit;
	color: inherit;
	color: #353535;
	font-size: 16px;
	max-height: 56px;
	min-height: 56px;
}

..post-info p {
	margin: 10px 0;
}

.Model2 .Model2-1 .post-middle .post-title h3 a {
	font-size: 20px;
	font-family: "Droid Serif";
	text-decoration: none;
	font: inherit;
	color: inherit;
	color: #111;
	height: 54px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin-bottom: 10px;
}

.Model2 .Model2-1 .post-middle .post-title h3 a:hover {
	color: #666666;
}

.post-user-time {
	color: rgb(248,150,130);
	font-size: 16.2px;
	line-height: 16px;
	margin-top: 5px;
	margin-bottom: 11px;
	font-weight: 400;
	font-style: normal;
}

.post-user-time .user:after {
	content: '•';
	display: inline-block;
	padding-left: 4px;
	padding-right: 4px;
}

.top-articles div.col-lg-3 {
	padding: 3px;
}

.top-articles .top-post .top-post-title {
	padding: 10px 0 0 0;
	height: 48px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.clicks-articles .clicks-post-title {
	padding: 10px 0 0 0;
	height: 38px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	margin-bottom: 10px;
}

.top-articles .top-post .top-post-title a,
.clicks-articles .clicks-post-title a {
	color: #444;
	margin-bottom: 5px;
	font-style: normal;
	text-decoration: none;
}

.top-articles .top-post .top-post-title a:hover,
.clicks-articles .clicks-post-title a:hover {
	color: #666666;
}

.clicks-articles div {
	padding: 0;
}

.clicks-articles .col-lg-8 {
	padding-left: 25px;
	margin: 10px 0;
}

.clicks-articles .col-lg-4 {
	margin: 10px 0;
}

.clicks-articles .clicks-post-title a {
	font-size: 24px!important;
}

.clicks-articles .post-info a {
	text-indent: 25px;
	max-height: 76px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	line-height: 18px;
	color: #666;
}

.trending-popular {
	border: 1px solid #eaeaea;
	padding: 0;
}

.trending-popular .nav-tabs>li {
	width: 50%;
}

.trending-popular .nav-tabs>li.active>a.trending,
.trending-popular .nav-tabs>li.active>a.trending:focus,
.trending-popular .nav-tabs>li.active>a.trending:hover {
	color: #555;
	cursor: default;
	background-color: #fff;
	border: 1px solid #ddd;
	border-bottom: 0px;
	border-top: 3px solid #666666;
	border-left: 0;
	border-bottom-color: transparent;
}

.trending-popular .nav-tabs>li.active>a.popular,
.trending-popular .nav-tabs>li.active>a.popular:focus,
.trending-popular .nav-tabs>li.active>a.popular:hover {
	color: #555;
	cursor: default;
	background-color: #fff;
	border: 1px solid #ddd;
	border-bottom: 0px;
	border-top: 3px solid #666666;
	border-right: 0;
	border-bottom-color: transparent;
}

.trending-popular .nav-tabs>li>a {
	font-family: Quicksand;
	font-weight: 700;
	font-style: normal;
	color: #b5b5b5;
	font-size: 13px;
}

.trending-box, .popular-box {
	margin: 20px;
}

.trending-box .trending-img,
.trending-box .trending-text,
.popular-box .popular-img,
.popular-box .popular-text {
	margin-bottom: 10px;
}

.trending-box .trending-img,
.popular-box .popular-img {
}

.trending-box .trending-img img,
.popular-box .popular-img img {
	width: 338px;
    height: 190px;
}

.trending-box .trending-text,
.popular-box .popular-text {
	margin: 5px;
}

.trending-box .trending-text .post-title a,
.popular-box .popular-text .post-title a {
	text-decoration: none;
	color: #444;
	font-size: 18px;
}

.trending-box .trending-text .post-title a:hover,
.popular-box .popular-text .post-title a:hover {
	color: #666666;
}

.trending-box .trending-text .post-title,
.popular-box .popular-text .post-title {
	height: 50px;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin-bottom: 8px;
}

.ads {
	width: 100%;
}

.article {
	font-family: Quicksand;
}

.article .post-user-time {
	margin-top: 20px;
	margin-bottom: 30px;
}

.article .content p {
	letter-spacing: 0.15em;
	text-indent: 25px;
	line-height: 28px;
	font-size: 18px;
}

.article .content p.strong {
	letter-spacing: 0.15em;
	font-size: 16px;
	text-indent: 0px;
}

.article .content img {
	text-align: center;
	margin: 20px 0;
	max-width:calc(100% - 20px)
}

.article-tags .tags-title {
	letter-spacing: 0.15em;
	font-size: 16px;
}

.article-tags div {
	padding: 0;
	margin: 30px 0;
}


.footer {
	margin-top: 20px;
	border-top: 1px solid #eaeaea;
	height: 50px;
	line-height: 50px;
}

.footer a,
.footer a:hover {
	text-decoration: none;
	color: #333;
}







@media (max-width: 375px) {
	.girls-title, .leisure-title, .health-title, .parenting-title, .topic-title {
		padding: 0 20px;
	}

	.girls-category, .leisure-category, .health-category, .parenting-category, .topic-category {
		border-bottom: 15px solid #f89682;
		margin: -22px 0px 30px !important;
		padding-left: 33%;
	}

	.girls-category .hN, .leisure-category .hN, .health-category .hN, .parenting-category .hN {
		padding: 0 22px;
		position: relative;
		bottom: -25px;
		background-color: #FFF;
		width: 45%;
		text-align: center;
	}

	.topic-category .hN {
		padding: 0 22px;
		position: relative;
		bottom: -25px;
		background-color: #FFF;
		width: 45%;
		text-align: center;
		
	}

	.girls-category .hN a, .girls-category .hN a:hover, .parenting-category .hN a, .parenting-category .hN a:hover, .leisure-category .hN a, .leisure-category .hN a:hover, .health-category .hN a, .health-category .hN a:hover, .topic-category .hN a, .topic-category .hN a:hover {
		color: #444;
		font-family: 'microsoft jhenghei';
		font-size: 44px !important;
		text-decoration: none;
	}

	.girls-article .article, .parenting-article .article, .topic-box .boxl {
		padding: 0;
	}
	.girls-article .article .left-b, .parenting-article .article .left-b {
		padding-left: 0px;
	}
	.girls-article .article .right-b, .parenting-article .article .right-b{
		padding-right: 0px;
	}
	.girls-article .article .middle-b, .parenting-article .article .middle-b{
		padding:0px 8px
	}

	.girls-article-group, .parenting-article-group {
		position: relative;
		display: inline-block;
	}
	.girls-article-tip, .parenting-article-tip {
		text-decoration: none;
		font-size: 24px !important;
		position: absolute;
		bottom: 0;
		background: rgb(248,150,130);
		color: #fff;
		text-align: center;
		margin: 0 30px -20px 30px;
		padding: 5px 10px;
		width: 84%;
		height: 76px;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
	.girls-article-group:hover .girls-article-tip, .parenting-article-group:hover .parenting-article-tip {
		text-decoration: none;
		font-size: 24px !important;
		position: absolute;
		bottom: 0;
		background: rgb(248,150,130);
		color: #000;
		text-align: center;
		margin: 0 0 -20px 0;
		padding: 5px 40px;
        height: 76px;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
	}
	.girls-article-time, .parenting-article-time {
		margin: 30px 35px 20px 35px;
		border-bottom: 3px solid #b05d4d;
		font-size: 16.2px;
		padding-bottom: 5px;
	}

	.girls-article-time .latt a, .girls-article-time .latt a:hover, .parenting-article-time .latt a, .parenting-article-time .latt a:hover{
		color:rgb(248,150,130);
		text-decoration: none;
	}

	.girls-article-time .pull-right, .parenting-article-time .pull-right{
		color: #666;
	}

	.leisure-article .article, .health-article .article{
		padding: 0;
	}
	.leisure-article-group {
		position: relative;
		display: inline-block;
	}
	.leisure-article-tip {
		text-decoration: none;
		font-size: 24px !important;
		position: absolute;
		bottom: 10px;
		color: #fff;
		margin-left: 20px;
	}

	.leisure-article-group:hover .leisure-article-tip {
		text-decoration: none;
		font-size: 24px !important;
		position: absolute;
		bottom: 10px;
	}

	.leisure-article .media{
		margin-left: 15px;
		padding-bottom: 5px;
		border-bottom: 1px solid #ccc;
	}

	.health-article .media{
		margin-right: 15px;
		padding-bottom: 5px;
		border-bottom: 1px solid #ccc;	
	}

	.media-heading a, .media-heading a:hover{
		color:rgb(248,150,130);
		text-decoration: none;
		font-size: 16.2px;
	}

	.media-body p{
		font-size: 21px;
	}
	.media-body p a{
		color:#444;
	}
	.media-body p a:hover{
		text-decoration: none;
		color:#000;
		border-bottom: 1px solid #D4D4D4;
	}

	.atop{
		color: #f89682;
		font-size: 20px;
		padding-top: 40px;
		border-bottom: 1px solid #F89682;
	}	
}
@media (min-width: 375px) and (max-width: 767px) {
	.navbar .navbar-nav {
		display: inline-block;
		float: none;
		vertical-align: top;
	}

	.navbar .navbar-collapse {
		text-align: center;
	}

	.navbar-brand {
		display: block;
	}

	.Model2 .Model2-1 .post {
		padding: 10px;
	}

	.clicks-articles .col-lg-8 {
		padding: 0;
	}

	.clicks-articles .col-lg-4 {
		text-align: center;
	}

	.clicks-articles .col-lg-4 .img-responsive {
		display: initial;
	}

	.instagram {
		padding: 20px 10px;
	}

	#imgs {
		overflow: hidden;
	}

	#imgs img {
		cursor: pointer;
		transition: all 0.6s;
		padding: 4px;
	}

	#imgs img:hover {
		transform: scale(1.4);
	}

	.Model1>div>.post-img>img {
		width: 100%;
		height: 213px;
		padding: 4px;
	}

	.Model2 .Model2-1 .h300 {
		width: 100%;
	}

	.top-post img {
		width: 100%;
	}

	.girls-title, .leisure-title, .health-title, .parenting-title, .topic-title {
		padding: 0 20px;
	}

	.girls-category, .leisure-category, .health-category, .parenting-category, .topic-category {
		border-bottom: 15px solid #f89682;
		margin: -22px 0px 30px !important;
		padding-left: 5%;
	}

	.girls-category .hN, .leisure-category .hN, .health-category .hN, .parenting-category .hN, .topic-category .hN {
		padding: 0 22px;
		position: relative;
		bottom: -25px;
		background-color: #FFF;
		width: 100%;
		text-align: center;
	}

	.girls-category .hN a, .girls-category .hN a:hover, .parenting-category .hN a, .parenting-category .hN a:hover, .leisure-category .hN a, .leisure-category .hN a:hover, .health-category .hN a, .health-category .hN a:hover, .topic-category .hN a, .topic-category .hN a:hover {
		color: #444;
		font-family: 'microsoft jhenghei';
		font-size: 44px !important;
		text-decoration: none;
	}

	.girls-article .article, .parenting-article .article, .topic-box .boxl {
		padding: 0;
	}
	.girls-article .article .left-b, .parenting-article .article .left-b {
		padding-left: 0px;
		padding-left: 0px;
	}
	.girls-article .article .right-b, .parenting-article .article .right-b{
		padding-right: 0px;
		padding-left: 0px;
	}
	.girls-article .article .middle-b, .parenting-article .article .middle-b{
		padding:0px 8px
		padding-left: 0px;
	}

	.girls-article-group, .parenting-article-group {
		position: relative;
		display: inline-block;
	}
	.girls-article-tip, .parenting-article-tip {
		text-decoration: none;
		font-size: 24px !important;
		position: absolute;
		bottom: 0;
		background: rgb(248,150,130);
		color: #fff;
		text-align: center;
		margin: 0 30px -20px 30px;
		padding: 5px 10px;
		height: 76px;
        width: 84%;
         overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
	}
	.girls-article-group:hover .girls-article-tip, .parenting-article-group:hover .parenting-article-tip {
		text-decoration: none;
		font-size: 24px !important;
		position: absolute;
		bottom: 0;
		background: rgb(248,150,130);
		color: #000;
		text-align: center;
		margin: 0 0 -20px 0;
		padding: 5px 40px;
        height: 76px;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
	}
	.girls-article-time, .parenting-article-time {
		margin: 30px 35px 20px 35px;
		border-bottom: 3px solid #b05d4d;
		font-size: 16.2px;
		padding-bottom: 5px;
	}

	.girls-article-time .latt a, .girls-article-time .latt a:hover, .parenting-article-time .latt a, .parenting-article-time .latt a:hover{
		color:rgb(248,150,130);
		text-decoration: none;
	}

	.girls-article-time .pull-right, .parenting-article-time .pull-right{
		color: #666;
	}

	.leisure-article .article, .health-article .article{
		padding: 0;
	}
	.leisure-article-group {
		position: relative;
		display: inline-block;
		padding: 0 3px;
	}
	.leisure-article-tip {
		text-decoration: none;
		font-size: 24px !important;
		position: absolute;
		bottom: 10px;
		color: #fff;
		margin-left: 20px;
	}

	.leisure-article-group:hover .leisure-article-tip {
		text-decoration: none;
		font-size: 24px !important;
		position: absolute;
		bottom: 10px;
	}

	.leisure-article .media{
		margin-left: 15px;
		padding-bottom: 5px;
		border-bottom: 1px solid #ccc;
	}

	.health-article .media{
		margin: 0 3px;
		padding-bottom: 5px;
		border-bottom: 1px solid #ccc;	
	}

	.media-heading a, .media-heading a:hover{
		color:rgb(248,150,130);
		text-decoration: none;
		font-size: 16.2px;
	}

	.media-body p{
		font-size: 21px;
	}
	.media-body p a{
		color:#444;
	}
	.media-body p a:hover{
		text-decoration: none;
		color:#000;
		border-bottom: 1px solid #D4D4D4;
	}

	.atop{
		color: #f89682;
		font-size: 20px;
		padding-top: 40px;
		border-bottom: 1px solid #F89682;
	}


}

@media (min-width: 768px) and (max-width: 991px) {
	.navbar .navbar-nav {
		display: inline-block;
		float: none;
		vertical-align: top;
	}

	.navbar .navbar-collapse {
		text-align: center;
	}

	.navbar-brand {
		display: none;
	}

	header {
		display: block;
	}

	.Model1>div>.post-img>img {
		width: 380px;
		height: 213px;
	}
	
	.girls-title, .leisure-title, .health-title, .parenting-title, .topic-title {
		padding: 0 20px;
	}

	.girls-category, .leisure-category, .health-category, .parenting-category, .topic-category {
		border-bottom: 15px solid #f89682;
		margin: -22px 0px 30px !important;
		padding-left: 29%;
	}

	.girls-category .hN, .leisure-category .hN, .health-category .hN, .parenting-category .hN, .topic-category .hN {
		padding: 0 22px;
		position: relative;
		bottom: -25px;
		background-color: #FFF;
		width: 60%;
		text-align: center;
	}

	.girls-category .hN a, .girls-category .hN a:hover, .parenting-category .hN a, .parenting-category .hN a:hover, .leisure-category .hN a, .leisure-category .hN a:hover, .health-category .hN a, .health-category .hN a:hover, .topic-category .hN a, .topic-category .hN a:hover {
		color: #444;
		font-family: 'microsoft jhenghei';
		font-size: 44px !important;
		text-decoration: none;
	}

	.girls-article .article, .parenting-article .article, .topic-box .boxl {
		padding: 0;
	}
	.girls-article .article .left-b, .parenting-article .article .left-b {
		padding-left: 0px;
	}
	.girls-article .article .right-b, .parenting-article .article .right-b{
		padding-right: 0px;
	}
	.girls-article .article .middle-b, .parenting-article .article .middle-b{
		padding:0px 8px
	}

	.girls-article-group, .parenting-article-group {
		position: relative;
		display: inline-block;
	}
	.girls-article-tip, .parenting-article-tip {
		text-decoration: none;
		font-size: 24px !important;
		position: absolute;
		bottom: 0;
		background: rgb(248,150,130);
		color: #fff;
		text-align: center;
		margin: 0 30px -20px 30px;
		padding: 5px 10px;
        height: 76px;
        width: 84%;	
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
	}
	.girls-article-group:hover .girls-article-tip, .parenting-article-group:hover .parenting-article-tip {
		text-decoration: none;
		font-size: 24px !important;
		position: absolute;
		bottom: 0;
		background: rgb(248,150,130);
		color: #000;
		text-align: center;
		margin: 0 0 -20px 0;
		padding: 5px 40px;
        height: 76px;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
	}
	.girls-article-time, .parenting-article-time {
		margin: 30px 35px 20px 35px;
		border-bottom: 3px solid #b05d4d;
		font-size: 16.2px;
		padding-bottom: 5px;
	}

	.girls-article-time .latt a, .girls-article-time .latt a:hover, .parenting-article-time .latt a, .parenting-article-time .latt a:hover{
		color:rgb(248,150,130);
		text-decoration: none;
	}

	.girls-article-time .pull-right, .parenting-article-time .pull-right{
		color: #666;
	}

	.leisure-article .article, .health-article .article{
		padding: 0;
	}
	.leisure-article-group {
		position: relative;
		display: inline-block;
	}
	.leisure-article-tip {
		text-decoration: none;
		font-size: 24px !important;
		position: absolute;
		bottom: 10px;
		color: #fff;
		margin-left: 20px;
	}

	.leisure-article-group:hover .leisure-article-tip {
		text-decoration: none;
		font-size: 24px !important;
		position: absolute;
		bottom: 10px;
	}

	.leisure-article .media{
		margin-left: 15px;
		padding-bottom: 5px;
		border-bottom: 1px solid #ccc;
	}

	.health-article .media{
		margin-right: 15px;
		padding-bottom: 5px;
		border-bottom: 1px solid #ccc;	
	}

	.media-heading a, .media-heading a:hover{
		color:rgb(248,150,130);
		text-decoration: none;
		font-size: 16.2px;
	}

	.media-body p{
		font-size: 21px;
	}
	.media-body p a{
		color:#444;
	}
	.media-body p a:hover{
		text-decoration: none;
		color:#000;
		border-bottom: 1px solid #D4D4D4;
	}

	.atop{
		color: #f89682;
		font-size: 20px;
		padding-top: 40px;
		border-bottom: 1px solid #F89682;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.navbar .navbar-nav {
		display: inline-block;
		float: none;
		vertical-align: top;
	}

	.navbar .navbar-collapse {
		text-align: center;
	}

	.navbar-brand {
		display: none;
	}

	header {
		display: block;
	}

	.Model1>div>.post-img>img {
		width: 380px;
		height: 213px;
	}
	
	.girls-title, .leisure-title, .health-title, .parenting-title, .topic-title {
		padding: 0 20px;
	}

	.girls-category, .leisure-category, .health-category, .parenting-category, .topic-category {
		border-bottom: 15px solid #f89682;
		margin: -22px 0px 30px !important;
		padding-left: 33%;
	}

	.girls-category .hN, .leisure-category .hN, .health-category .hN, .parenting-category .hN {
		padding: 0 22px;
		position: relative;
		bottom: -25px;
		background-color: #FFF;
		width: 45%;
		text-align: center;
	}

	.topic-category .hN {
		padding: 0 22px;
		position: relative;
		bottom: -25px;
		background-color: #FFF;
		width: 45%;
		text-align: center;
		
	}

	.girls-category .hN a, .girls-category .hN a:hover, .parenting-category .hN a, .parenting-category .hN a:hover, .leisure-category .hN a, .leisure-category .hN a:hover, .health-category .hN a, .health-category .hN a:hover, .topic-category .hN a, .topic-category .hN a:hover {
		color: #444;
		font-family: 'microsoft jhenghei';
		font-size: 44px !important;
		text-decoration: none;
	}

	.girls-article .article, .parenting-article .article, .topic-box .boxl {
		padding: 0;
	}
	.girls-article .article .left-b, .parenting-article .article .left-b {
		padding-left: 0px;
	}
	.girls-article .article .right-b, .parenting-article .article .right-b{
		padding-right: 0px;
	}
	.girls-article .article .middle-b, .parenting-article .article .middle-b{
		padding:0px 8px
	}

	.girls-article-group, .parenting-article-group {
		position: relative;
		display: inline-block;
	}
	.girls-article-tip, .parenting-article-tip {
		text-decoration: none;
		font-size: 24px !important;
		position: absolute;
		bottom: 0;
		background: rgb(248,150,130);
		color: #fff;
		text-align: center;
		margin: 0 30px -20px 30px;
		padding: 5px 10px;
        height: 76px;
        width: 84%;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
	.girls-article-group:hover .girls-article-tip, .parenting-article-group:hover .parenting-article-tip {
		text-decoration: none;
		font-size: 24px !important;
		position: absolute;
		bottom: 0;
		background: rgb(248,150,130);
		color: #000;
		text-align: center;
		margin: 0 0 -20px 0;
		padding: 5px 40px;
        height: 76px;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
	}
	.girls-article-time, .parenting-article-time {
		margin: 30px 35px 20px 35px;
		border-bottom: 3px solid #b05d4d;
		font-size: 16.2px;
		padding-bottom: 5px;
	}

	.girls-article-time .latt a, .girls-article-time .latt a:hover, .parenting-article-time .latt a, .parenting-article-time .latt a:hover{
		color:rgb(248,150,130);
		text-decoration: none;
	}

	.girls-article-time .pull-right, .parenting-article-time .pull-right{
		color: #666;
	}

	.leisure-article .article, .health-article .article{
		padding: 0;
	}
	.leisure-article-group {
		position: relative;
		display: inline-block;
	}
	.leisure-article-tip {
		text-decoration: none;
		font-size: 24px !important;
		position: absolute;
		bottom: 10px;
		color: #fff;
		margin-left: 20px;
	}

	.leisure-article-group:hover .leisure-article-tip {
		text-decoration: none;
		font-size: 24px !important;
		position: absolute;
		bottom: 10px;
	}

	.leisure-article .media{
		margin-left: 15px;
		padding-bottom: 5px;
		border-bottom: 1px solid #ccc;
	}

	.health-article .media{
		margin-right: 15px;
		padding-bottom: 5px;
		border-bottom: 1px solid #ccc;	
	}

	.media-heading a, .media-heading a:hover{
		color:rgb(248,150,130);
		text-decoration: none;
		font-size: 16.2px;
	}

	.media-body p{
		font-size: 21px;
	}
	.media-body p a{
		color:#444;
	}
	.media-body p a:hover{
		text-decoration: none;
		color:#000;
		border-bottom: 1px solid #D4D4D4;
	}

	.atop{
		color: #f89682;
		font-size: 20px;
		padding-top: 40px;
		border-bottom: 1px solid #F89682;
	}
}

@media (min-width: 1200px) {
	.navbar .navbar-nav {
		display: inline-block;
		float: none;
		vertical-align: top;
	}

	.navbar .navbar-collapse {
		text-align: center;
	}

	.navbar-brand {
		display: none;
	}

	header {
		display: block;
	}

	.Model1>div>.post-img>img {
		width: 380px;
		height: 213px;
	}
	
	.leisure-article-group img{
		max-height: 384px;
		width: 682px;
	}
	
	.girls-title, .leisure-title, .health-title, .parenting-title, .topic-title {
		padding: 0 20px;
	}

	.girls-category, .leisure-category, .health-category, .parenting-category, .topic-category {
		border-bottom: 15px solid #f89682;
		margin: -22px 0px 30px !important;
		padding-left: 33%;
	}

	.girls-category .hN, .leisure-category .hN, .health-category .hN, .parenting-category .hN {
		padding: 0 22px;
		position: relative;
		bottom: -25px;
		background-color: #FFF;
		width: 45%;
		text-align: center;
	}

	.topic-category .hN {
		padding: 0 22px;
		position: relative;
		bottom: -25px;
		background-color: #FFF;
		width: 45%;
		text-align: center;
		
	}

	.girls-category .hN a, .girls-category .hN a:hover, .parenting-category .hN a, .parenting-category .hN a:hover, .leisure-category .hN a, .leisure-category .hN a:hover, .health-category .hN a, .health-category .hN a:hover, .topic-category .hN a, .topic-category .hN a:hover {
		color: #444;
		font-family: 'microsoft jhenghei';
		font-size: 44px !important;
		text-decoration: none;
	}

	.girls-article .article, .parenting-article .article, .topic-box .boxl {
		padding: 0;
	}
	.girls-article .article .left-b, .parenting-article .article .left-b {
		padding-left: 0px;
	}
	.girls-article .article .right-b, .parenting-article .article .right-b{
		padding-right: 0px;
	}
	.girls-article .article .middle-b, .parenting-article .article .middle-b{
		padding:0px 8px
	}

	.girls-article-group, .parenting-article-group {
		position: relative;
		display: inline-block;
	}
	.girls-article-tip, .parenting-article-tip {
		text-decoration: none;
		font-size: 24px !important;
		position: absolute;
		bottom: 0;
		background: rgb(248,150,130);
		color: #fff;
		text-align: center;
		margin: 0 30px -20px 30px;
		padding: 5px 10px;
        height: 76px;
        width: 84%;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
	}
	.girls-article-group:hover .girls-article-tip, .parenting-article-group:hover .parenting-article-tip {
		text-decoration: none;
		font-size: 24px !important;
		position: absolute;
		bottom: 0;
		background: rgb(248,150,130);
		color: #000;
		text-align: center;
		margin: 0 0 -20px 0;
		padding: 5px 40px;
        height: 76px;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
	}
	.girls-article-time, .parenting-article-time {
		margin: 30px 35px 20px 35px;
		border-bottom: 3px solid #b05d4d;
		font-size: 16.2px;
		padding-bottom: 5px;
	}

	.girls-article-time .latt a, .girls-article-time .latt a:hover, .parenting-article-time .latt a, .parenting-article-time .latt a:hover{
		color:rgb(248,150,130);
		text-decoration: none;
	}

	.girls-article-time .pull-right, .parenting-article-time .pull-right{
		color: #666;
	}

	.leisure-article .article, .health-article .article{
		padding: 0;
	}
	.leisure-article-group {
		position: relative;
		display: inline-block;
	}
	.leisure-article-tip {
		text-decoration: none;
		font-size: 24px !important;
		position: absolute;
		bottom: 10px;
		color: #fff;
		margin-left: 20px;
	}

	.leisure-article-group:hover .leisure-article-tip {
		text-decoration: none;
		font-size: 24px !important;
		position: absolute;
		bottom: 10px;
	}

	.leisure-article .media{
		margin-left: 15px;
		padding-bottom: 5px;
		border-bottom: 1px solid #ccc;
	}

	.health-article .media{
		margin-right: 15px;
		padding-bottom: 5px;
		border-bottom: 1px solid #ccc;	
	}

	.media-heading a, .media-heading a:hover{
		color:rgb(248,150,130);
		text-decoration: none;
		font-size: 16.2px;
	}

	.media-body p{
		font-size: 21px;
	    height: 55px;
        overflow: hidden;
	}
	.media-body p a{
		color:#444;
	}
	.media-body p a:hover{
		text-decoration: none;
		color:#000;
		border-bottom: 1px solid #D4D4D4;
	}

	.atop{
		color: #f89682;
		font-size: 16.2px;
		padding-top: 40px;
		border-bottom: 1px solid #F89682;
		margin-bottom: 35px;
	}
	
	.atops .media p{
		height: 50px;
		overflow: hidden;
		text-overflow: ellipsis;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		font-size: 18px;
	}
	
}


.page{
  margin:50px 0 30px;
}
.page li {
display:inline-block;
  text-align: center;
  line-height: 30px;
  border: #000 2px solid;
  float: left;
  margin: 0 10px;
  font-family: 'Muli', sans-serif;
  width: auto;
}
.page li.selected {
  background: #000;
}
.page li.selected a {
  color: #FFF;
}
.page li a {
  display: block;
  margin: 2px 10px 2px 10px;
  color: #000;
}



/*更新*/
.text-center h3 a{
    color: #444;
	font-size: 38px;
    font-family: arial,microsoft jhenghei,ms gothic,malgun gothic,SimHei,microsoft yahei;
	font-weight:bold;
}

.text-center .text-success{
    color: #444;
    font-weight:bold;
}

.article-acolor p a{color:#333;}