@charset "utf-8";
.whatsnew-content{
    font-size: 15px;
    line-height: 1.2em;
    font-weight: 400;
	max-width: 1200px;
    margin: 0 auto;
}

.whatsnew-content .title{
	font-size:2.0em;
	line-height: 1.2em;
	font-weight: 400;
	color:#079bcc;
	text-align: center;
	padding: 25px 20px 0 20px;
}

.whatsnew-content .page_des{
	font-size: 1.0em;
    text-align: left;
    line-height: 1.6em;
    padding: 25px 20px;
}
.whatsnew_box{
	position: relative;
    background: linear-gradient(90deg,#c2c2c2,#c2c2c2) 4.10rem 0 repeat-y;
    background-size: .25em .25em;
    margin: 0 auto;
	padding: 0 10px;
}

.whatsnew_feature{
	padding-left: 7rem;
}

.whatsnew_filter{
	display: block;
	margin: 10px 0 30px 0;
	text-align: center;
}

.whatsnew_filter .filter_item{
    display: inline-block;
    border-radius: 4px;
    padding: 5px 20px;
    margin: 5px;
    line-height: 30px;
    font-size: 16px;
    border: 1px solid #ccc;
    color: #222;
}
.filter_on{
	color:#fff !important;
	background: #0098d8;
}

.whatsnew_filter .filter_off:hover{
	background: #eee;
	/*color:#fff;*/
	cursor:pointer;
}

.whatsnew_feature .feature_box{
	width: 100%;
	display: flex;
 	flex-flow: row wrap;
 	justify-content: flex-start;
	margin: 1em 0 2em 0;
}
.whatsnew_feature .feature_item{
	width: 25%;
	float: left;
 	/*display: flex;*/
 	flex-flow: column nowrap;
	box-sizing: border-box;
	padding: 0.8em;
}

.whatsnew_feature .feature_item h5{
	font-size: 16px;
	line-height: 24px;
	padding: 0.5em 0;
	font-weight: 600;
	/*margin-bottom:auto;*/
}
.whatsnew_feature .feature_item p{
	font-size: 14px;
	line-height: 20px;
	text-align: left;
}

.feature_item .p_tag{
    border-radius: 2px;
    display: inline-block;
    color: #fff;
	font-weight: 600;
    padding: 0px 12px;
    font-size: 11px;
    margin-bottom: 2px;
	line-height: 16px;
	/*margin-left: 5px;*/
}

.feature_item a{
	color:#0687d5;
}
.feature_item a:hover{
	color:#46caf5;
}

.tag_pdr{background: #0161ba}
.tag_phd{background: #ba017e}
.tag_cdr{background: #ff8600}
.tag_adr{background: #438f01}
.tag_pc{background: #333}

.txt_pdr{color: #0161ba;}
.txt_phd{color: #ba017e}
.txt_cdr{color: #ff8600}
.txt_adr{color: #438f01}
.txt_pc{color: #333}

/* --------- Calendar date --------- */
.calendar-item-date {
    display: block;
    position: absolute;
    top: 0rem;
    width: 3em;
    padding: .5em 0;
    border-radius: 8px;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
    font-size: 2.25em;
    font-weight: 300;
    background-color: #c2c2c2;
    color: #fff;
    text-shadow: 0 1px 1px rgba(255,255,255,.5);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    box-shadow: 0 0 0 0.25em #fff;
}
.calendar-item-date .date-year {
    font-size: .8em;
}

@media screen and (max-width: 900px) {
	.whatsnew_feature .feature_item {
    	width: 50%;
	}
}

@media screen and (max-width: 768px) {
	.calendar-item-date {
		position: relative;
		margin: 0 auto;
		width: 7em;
		font-size: 2em;
		padding: .3em 0;
	}
	.whatsnew_feature{
		padding-left: 0;
	}
	.whatsnew_box{
		padding: 0;
		background: none
	}

	.whatsnew-content .title {
		font-size: 1.6em;
		line-height: 1.3em;
		padding-top: 0.5em;
	}

}

@media screen and (max-width: 500px) {
	.whatsnew_feature .feature_item {
    	width: 100%;
	}

}

select#soflow {
   -webkit-appearance: button;
   -webkit-border-radius: 2px;
   -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
   -webkit-padding-end: 20px;
   -webkit-padding-start: 2px;
   -webkit-user-select: none;
   background-image: url(http://i62.tinypic.com/15xvbd5.png), -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
   background-position: 97% center;
   background-repeat: no-repeat;
   border: 1px solid #AAA;
   color: #555;
   font-size: inherit;
   margin: 20px;
   overflow: hidden;
   padding: 5px 10px;
   text-overflow: ellipsis;
   white-space: nowrap;
   width: 90%;
}

.whatsnew-content .page_des {
  display: none;
}