#content_prf,#cpi_img,#cpi_btn,#cpi_name,#cpi_prf,#cpi_ft{margin-bottom:10px}

/*content prf
-----------------------------------*/
#content_prf_inner{
	padding:15px 10px;
	background:#1e1e1e;
}

#content_prf_inner h3{
	padding-left:10px;
	height:34px;
	line-height:40px;
	font-size:18px;
	background-image: url(../img/title_bg.gif)
}
.cpi_text{
	overflow:auto;
	border:1px solid #5149c3;
	background:#000 url(../img/inner_bg.png) no-repeat right bottom;
}

/*left*/
#cpi_left,#cpi_img,#cpi_btn{width:390px}

#cpi_left{margin-right:10px}

#cpi_img{
	height:520px;
	overflow:hidden;
}

#cpi_btn{height:50px}
#cpi_btn a:hover{opacity:.9}

#cpi_tweet_text{
	height:184px;
}
#cpi_tweet_text .cb_inner{
	margin:10px;
	padding:5px 0 10px;
	border-bottom:1px dotted #666
}
#cpi_tweet_text .tweet_day{
	display:block;
	text-align:right;
	color:#f9f;
}

.pf_blog_banner{
	display:block;
	margin-top:10px;
	width:390px;
}
.pf_blog_banner img{transition:opacity .3s}
.pf_blog_banner:hover img{opacity:.9}


/*right*/
#cpi_right{
	width:570px;
}
#cpi_right .cpi_text{height:184px}
#cpi_right .cpi_text .cpi_text_inner{line-height:1.8;padding:10px}

#cpi_name{
	padding-left:10px;
	height:50px;
	line-height:55px;
	font-size:26px;
	font-weight:bold;
	border-bottom:1px solid #5149c3;
}
#cpi_name .right span{font-size:18px}

#cpi_icon{
	padding:5px;
	height:17px;
	margin-bottom:1px;
	overflow:hidden;
	background:#a588ff;
}
#cpi_icon img{
	margin-bottom:5px;
}

#cpi_cons,#cpi_cons p{height:26px}
#cpi_cons{
	margin-bottom:14px;
	line-height:30px;
	border-bottom:1px solid #7900ff;
}
#cpi_cons_title{
	width:78px;
	font-weight:bold;
	font-size:14px;
	text-align:center;
	background:#7900ff;
}
#cpi_cons_text{
	width:482px;
	padding-left:10px;
	overflow:hidden;
	background:#00125e;
}

/*bottom*/
#cpi_bottom{
	padding:15px 0;
}
#cpi_w_sche h3 span{
	padding-right:10px;
	font-size:18px;
	color:#ff0;
	text-shadow:0 1px 3px #000;
}

#cpi_w_sche_inner{
	padding:6px 5px;
	background:#f3e4ff;
}

#cpi_w_sche_inner table{
	border-collapse:collapse;
}

#cpi_w_sche_inner table th,#cpi_w_sche_inner table td{
	width:136px;
	text-align:center;
	vertical-align:middle;
	border:1px solid #f3e4ff;
}
#cpi_w_sche_inner table th{
	height:30px;
	background:#000;
}
#cpi_w_sche_inner table th .blue{color:#3cf}
#cpi_w_sche_inner table th .red{color:#f09}

#cpi_w_sche_inner table td{
	padding:20px 0;
	background:#333;
}
#cpi_w_sche_inner table td a{
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	-webkit-transition:color .5s , background .5s;transition:color .5s , background .5s
}
#cpi_w_sche_inner table td a:hover{color:#99f}

.request{
	margin:0 auto;
	padding:5px 0;
	display:block;
	width:110px;
	border-radius:5px;
	background:#f6f;
	box-shadow:0 0 5px 0 #000;
}
.request:hover{
	color:#fff !important;
	background:#5149c3;
}


.kan,.tai{font-size:20px}
.kan{color:#0ff}
.tai{color:#ff0}

/*login//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#prf_top_btn{
	position:absolute;
	right:9px;
	top:5px;
}

#prf_top_btn li{
	display:inline-block;
	width:141px;
	height:37px;
}
.p_mail{background:url(../img/brf_m_btn_bg.png) no-repeat center top}
.p_fav{background:url(../img/brf_f_btn_bg.png) no-repeat center top}
#prf_top_btn li a{
	display:block;
	width:141px;
	height:37px;
}
#prf_top_btn li a img{-webkit-transition:opacity .3s;transition:opacity .3s}
#prf_top_btn li a:hover img{opacity:0}

#p_taiki,#p_kantei,#p_yoyaku{
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:50px;
	line-height:55px;
	text-align:center;
	font-size:35px;
	font-weight:bold;
	background:rgba(0,0,0,.5)
}
#p_taiki{color:#3f6}
#p_kantei{color:#f40;height:80px}
#p_yoyaku{color:#a2deff;height:80px}
#p_yoyaku span,#p_kantei span{
	line-height:1;
	display:block;
	font-size:16px;
	color:#fff;
}

#cpi_btn p{
	display:table;
	width:190px;
	height:50px;
	margin-left:10px;
	text-align:center;
	background:url(../img/prf_btn_bg.png) no-repeat center top
}
#cpi_btn p span{
	display:table-cell;
	vertical-align:middle;
	line-height:1.2;
	font-size:16px;
	font-weight:bold;
	text-shadow:0 2px 1px #333;
}

/*Animation//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.blinking{-webkit-animation:blink 2s ease 0s infinite normal;animation:blink 2s ease 0s infinite normal}
@-webkit-keyframes blink{0%{opacity:0;-webkit-animation-timing-function:step-end}25%,100%{opacity:1}}
@keyframes blink{0%{opacity:0;animation-timing-function:step-end}25%,100%{opacity:1}}