@charset "utf-8";
/* CSS Document */

/*main*/
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
.fl{ float:left;}
.fr{ float:right;}
.rate_5, .rate_4half, .rate_4, .rate_3half {
	background:url(cr-new-sprite.png) no-repeat -131px -211px;
	width: 120px;
	height: 20px;
	float: right;
	margin: 0 10px 0 0;
}
.rate_4half {
	background-position: -131px -234px;
}
.rate_4 {
	background-position: -131px -257px;
}
.rate_3half {
	background-position: -131px -281px;
}
/*header*/
.self-header{ background-color:#FFE1FF; padding:20px 0 20px;}
.self-nav{ border:none !important; background-color: #FFFFFF!important; font-size:18px;}
.self-nav a{border:#FFF solid 1px; color:#000 !important;}
.self-nav a:hover{ border:#12856E solid 1px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background-color:#12856E !important; color:#FFF !important;}
.marginLeft{ margin-left:100px;}
.self-desc h2{color:#003662;}
.self-desc p{color:#333; font-size:16px;}

.self-rank{ background-color:#FAF4FF; background:url(ribbons.png) left top no-repeat; height:42px; width:240px; line-height:42px;padding-left:35px; font-size:16px; font-weight:bold;
margin:10px 0 10px -18px; display:inline-block; color:#145572; border-radius:0px 25px 0px 0px; -webkit-border-radius:0px 25px 0px 0px; -moz-border-radius:0px 25px 0px 0px;}
.slef-content{box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75); padding:10px 5px; margin-bottom:10px;}
.self-article p{line-height:26px; font-size:16px;}
.self-img{ float:left;}
.self-img img{ margin:0px 10px 10px;}
.self-grade{ text-align:right; margin-top:-25px;}
.self-grade strong{ margin-left:10px;}
.self-btn{ text-align:center; margin-top:10px;}
.self-btn a{ width:40%;}
.self-footer{ margin-top:30px; border-top:#12856e solid 2px;}
.self-copyright{ text-align:center; margin:10px 0px 5px;}
.self-footNav{ margin-bottom:20px;}
.self-footNav a{font-size:12px; text-decoration:underline;}
/*dating advice*/
 .carousel{ height: auto; margin-bottom: 30px; }
.carousel .item { height: auto; }
.carousel img { min-height: 180px; }
.carousel-caption p {font-size: 16px;line-height: 1.4;}
.carousel-caption h3{ color:#FF0;}
.advice-content{ border:green solid 1px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75); margin-bottom:20px;}
.adive-content-lit{ margin:5px 0;}
/*list desc*/
.self-totalGrade{ margin-bottom:10px;}
.self-listHead img{ width:100%;}
.self-listGrade{ width:100%; margin-top:10px;}
.self-listVerdict{ margin-top:10px; text-indent:20px;}
.self-listBtn{ text-align:center;}
.slef-listUl{ margin-top:10px;}
.slef-listUl li{ list-style-type:none;}

.rating {
	background:url(rating.png) no-repeat scroll left bottom rgba(0, 0, 0, 0);
	border-radius: 5px;
	height: 15px;
}
.self-listRank{ margin-bottom:10px; line-height:18px;}
.slef-desc-img{}
.star_4_5 {
	background-position: left -136px !important;
}
.star_4 {
	background-position: left -121px !important;
}
.star_3_5 {
	background-position: left -107px !important;
}
.star_3 {
	background-position: left -92px !important;
}
.star_2_5 {
	background-position: left -77px !important;
}
.star_2 {
	background-position: left -62px !important;
}
.star_1_5 {
	background-position: left -47px !important;
}
.star_1 {
	background-position: left -32px !important;
}
.star_0_5 {
	background-position: left -17px !important;
}
.star_0 {
	background-position: left top !important;
}

/*aside*/
.self-panel-heading{ background-color:#16a085; border-radius:5px; color:#FFF;-moz-border-radius:5px; -webkit-border-radius:5px;}
.list-group a{ display:inline-block; border-bottom:#eee solid 1px; width:100%; padding:15px 30px; text-decoration:none !important;}
.list-group a:hover,.list-group a:after{ background-color:#F0AD4E; color:#FFF;border-radius:5px;-moz-border-radius:5px; -webkit-border-radius:5px;}

.self-desc Article img{ margin:0 10px 10px; width:150px; height:130px; text-align:left;}
.fast-visit{ width:95%; margin:5px auto; border:#16A085 solid 1px; border-radius:5px;-moz-border-radius:5px; -webkit-border-radius:5px;}
.fast-visit th,.fast-visit td{ height:34px; line-height:34px;text-align:center; border:#16A085 solid 1px;  }
.fast-visit a{ padding:0 !important;}
.fast-visit a:hover,.fast-visit a:after{background-color:#F0AD4E; color:#FFF;border-radius:0px;-moz-border-radius:0px; -webkit-border-radius:0px;}
.self-share{ height:46px; line-height:46px;}
.self-share a{ display:inline; padding:0 !important; margin:5px 10px;}
/*review*/
.reviewLeft{border:#CCCCCC solid 1px;border-radius:5px;-moz-border-radius:5px; -webkit-border-radius:5px; background-color:#FFF;}
.reviewLeft p{ font-size:16px;}
.reviewInfo{ background-color:#EFEFEF; padding:10px; margin-bottom:5px;border-radius:5px;-moz-border-radius:5px; -webkit-border-radius:5px; border:#666 solid 1px;}
.reviewInfoImg{ float:left;}
.reviewInfo table{ float:left; margin-left:20px; font-size:16px;}
.reviewInfo table span{width:90px; height:15px; display:inline-block; margin-left:20px; margin-top:3px;}
.reviewInfoVisit{ margin-top:10px;}
@media screen and (max-width:414px){
.logo img{ display:block; height:auto; width:100%;}
.self-grade{ text-align:right; margin-top:0px;}
.self-img{width:50%; height:auto; margin:5px 20px 0px 5px;}
.reviewInfoImg{ text-align:center; float:none; margin-bottom:5px;}
}