.sj-support-time{
	margin:0;
	padding:0;
}

.sj-support-time .spt-wrap{
	background:url('../images/spt_bg.png') repeat;
}

.sj-support-time .spt-status-on{
	background-color:#EAF2DD;	
}		

.sj-support-time .spt-status-off{
	background-color: #EDF5F8;	
}

.sj-support-time .spt-wrap .spt-left{
	max-width:58%;
	min-width:58%;
	
	height:64px;
	float:left;
	margin:28px 10px 28px 10px;
}

.sj-support-time .spt-status-on .spt-left{
	background:url('../images/icon_on.png') no-repeat scroll transparent 10px center;
}

.sj-support-time .spt-status-off .spt-left {
	background:url('../images/icon_off.png')  no-repeat scroll transparent 10px center;
	
}

.sj-support-time .spt-wrap .spt-left .spt-status{
	padding-left:100px;
	color:#ABC190;
}

.sj-support-time .spt-wrap.spt-status-off .spt-left .spt-status{
	color:#9CBAD2;
}

.sj-support-time .spt-wrap .spt-left .spt-status > div{
	display:none;
}

.sj-support-time .spt-wrap.spt-status-on .spt-left .spt-status .spt-online{
	display:block;
}

.sj-support-time .spt-wrap.spt-status-off .spt-left .spt-status .spt-off{
	display:block;
}

.sj-support-time .spt-wrap .spt-left .spt-status h3{
	margin-bottom:5px;
	font-weight:bold;
	margin-top:10px;
	font-size:17px;
	padding:0;
	height:auto;
}

.sj-support-time .spt-wrap .spt-left .spt-status p{
	font-size:13px;
}

.sj-support-time .spt-wrap .spt-right{
	/* width:30%; */
	/* float:left; */
	margin:15px 10px 15px 0;
	overflow:hidden;
}

.sj-support-time .spt-status-on .spt-right .spt-mesg{
	background:url('../images/icon_clock_on.png') no-repeat scroll transparent 0px center;
}

.sj-support-time .spt-status-off .spt-right .spt-mesg{
	background:url('../images/icon_clock_off.png') no-repeat scroll transparent 0px center;
}

.sj-support-time .spt-wrap .spt-right .spt-mesg  .spt-mesg-inner{
	padding-left:40px;
}

.sj-support-time .spt-wrap .spt-right .spt-mesg  .spt-mesg-inner h5,
.sj-support-time .spt-wrap .spt-right .spt-mesg  .spt-mesg-inner p{
	margin:0 0 5px 0;	
	color:#555555;
}

.sj-support-time .spt-wrap .spt-right .spt-mesg  .spt-mesg-inner h5{
	font-weight:bold;
}

.sj-support-time .spt-wrap .spt-right .spt-mesg  .spt-not-support,
.sj-support-time .spt-wrap .spt-right .spt-mesg .spt-time{
	font-size:12px;
	color:#555555;
}

.sj-support-time .spt-wrap .spt-right .spt-mesg .spt-time em{
	border-left:1px dotted #555555;
	padding-left:5px;
	margin-left:5px;
	font-style:normal;
}

.sj-support-time .spt-wrap .spt-right .spt-mesg  .spt-not-support  em{
	color:#333;
}

.sj-support-time .spt-wrap .spt-right .spt-clock{
	margin-top:10px;
}

.sj-support-time .spt-wrap .spt-right .spt-clock .spt-time-clock{
	background-color:#fff;
	color:#333;
	border:1px solid #CCCCCC;
	border-radius:3px;
	font-size:12px;
	line-height:16px;
	padding:5px 20px;
	text-align:center;
	display:inline-block;
}

.sj-support-time .spt-wrap .spt-right .spt-clock .spt-time-clock >span{
	display:block;
	font-weight:bold;
	font-size:13px;
}

.sj-support-time .spt-wrap .spt-right .spt-clock .spt-time-clock  + .spt-time-clock {
	margin-left:10px;
} 


.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}