/*
 * w417 - cc-design iweb51-style04
 * https://www.cc-design.com.tw/
 *
 * Copyright 2015, 
 * 
 * 
 * 2015 / 8
 */


/* +news list
*----------------------------------------------------------------------------*/
#newslist {
	overflow: hidden;
	margin-bottom: 20px;
}

#newslist .list {
	padding: 35px 0;
	border-bottom: 1px #B6B6B6 solid;
	overflow: hidden;
}

/**
*
* =newsDate
*
**/
#newslist .list .newsDate {
	margin-right: 15px;
	padding-bottom: 20px;
	width: 50px;
	float: left;
	position: relative;
}

#newslist .list .newsDate strong {
	padding: 5px 0 0;
	display: block;
	background: #9A9A9A;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	text-align: center;
	color: #fff;
}

#newslist .list .newsDate b {
	padding: 2px 0 5px;
	display: block;
	background: #9A9A9A;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	text-align: center;
	color: #fff;
}

#newslist .list .newsDate p {
	width: 100%;
	text-align: center;
	position: absolute;
	bottom: 0;
}

/**
*
* =newsTxt
*
**/
#newslist .list .newsTxt {
	overflow: hidden;
}

#newslist .list .newsTxt h3 {
	font-size: 22px;
}

#newslist .list .newsTxt h3 a {
	color: #1A6994;
    font-weight: normal;
}

#newslist .list .newsTxt .wrap {
	margin-top: 10px;
	overflow: hidden;
}

#newslist .list .newsTxt .wrap .photo {
	margin-right: 10px;
	width: 320px;
	float: left;
	overflow: hidden;
}

#newslist .list .newsTxt .wrap .photo img {
	width: 100%;
}

#newslist .list .newsTxt .wrap article {
	line-height: 170%;
	font-size: 15px;
    color: #505050;
}


/* +news article
*----------------------------------------------------------------------------*/
.date {
	font-size: 12px;
	color: #969696;
	letter-spacing: 1px;
}

/**
*
* =news img
*
**/
.newstitle{
	width:100%;
	overflow:hidden;
	margin-bottom: 10px;
    border-bottom: 2px solid #DEDEE2;
    padding-bottom: 10px;
}
.newstitle #news-img {
	width: 10%;
    overflow: hidden;
    float: left;
	margin-right: 10px;
}
.newstitle .date{
}
.newstitle h3{
	font-size: 20px;
    font-weight: normal;
    color: #057EB3;
}

#news-img a{
	display:block;
}
#news-img img {
	width: 100%;
}
.page a{
    color: #00A0E6;
	margin-left: 10px;
}
@media screen and (max-width: 768px) {
	#newslist .list .newsTxt .wrap .photo{
	    width: 30%;
		margin-right: 2%;	
	}
	#newslist .list .newsTxt .wrap article{
	    float:left;
		width:68%;
	}
	.newstitle #news-img{
		width: 20%;
	}
}
@media screen and (max-width: 480px) {
	#newslist .list .newsTxt .wrap .photo{
	    width: 100%;
	}
	#newslist .list .newsTxt .wrap article{
		width:100%;
	}
}