@charset "utf-8";

/* CSS Document */



.indexBg {

	background: url(../langs/tw/images/index-news.png) no-repeat right bottom #f2c920;

}



.indexLeft {

	float: left;

	width: 78%;

	background-color: #fff;

}



.indexRight {

	float: right;

	width: 22%;

	font-size: 15px;

	padding: 42px 22px;

	line-height: 25px;

}



.bannerBox {

	width: 98%;

}



.bannerBox img {

	width: 100%;
	height: auto;

}



.newsSubject {

	font-size: 16px;

	margin-bottom: 13px;

}



.newsSubject i {

	font-size: 15px;

	color: #5a5a5a;

	margin-left: 11px;

}



.newsTitle a {

	font-size: 15px;

	color: #444;

	font-weight: normal;

	margin-bottom: 7px;

	display: block;

	line-height: 23px;

}



.newsTitle a:hover {

	color: #fff;

}



ul.indexSort {

	margin-bottom: -15px;

}



ul.indexSort li {

	display: inline-block;

	width: 15.87%;

	margin: 25px 7px 0 0;

	vertical-align: top;

	position: relative;

	overflow: hidden;

	z-index: 10;

	-webkit-transition: all 0.5s ease;

	-moz-transition: all 0.5s ease;

	-o-transition: all 0.5s ease;

	transition: all 0.5s ease;

}



ul.indexSort li:nth-child(6n) {

	margin-right: 0;

}



ul.indexSort li:hover {

	z-index: 20;

	-webkit-transform: scale(1.2);

	-moz-transform: scale(1.2);

	-o-transform: scale(1.2);

	transform: scale(1.2); 

}



ul.indexSort li img {

	width: 100%;

}



.photo-mask {

	width: 100%;

	height: auto;

	overflow: hidden;

	position: relative;

}













@media (max-width: 1199px){



.indexBg {

	background: url(../langs/tw/images/index-news-m.png) no-repeat right bottom #f2c920;

}



.indexRight {

	padding-top: 30px;

}



ul.indexSort li {

	width: 15.66%;

}









}







@media (max-width: 991px){



.indexBg {

	background: none;

}



.indexLeft {

	float: none;

	width: 100%;

}



.indexRight {

	float: none;

	width: 100%;

	padding: 22px 25px;

	margin-top: 25px;

	background: url(../langs/tw/images/index-news.png) no-repeat right 5px #f2c920;

}



.bannerBox {

	width: 100%;

}



ul.indexSort li {

	width: 15.33%;

}









	

}





@media (max-width: 767px){



ul.indexSort li {

	width: 31.60%;

}



ul.indexSort li:nth-child(6n) {

	margin-right: 7px;

}



ul.indexSort li:nth-child(3n) {

	margin-right: 0;

}







}





@media (max-width: 480px){



.indexRight {

	background: url(../langs/tw/images/index-news-m.png) no-repeat right 5px #f2c920;

}



ul.indexSort li {

	width: 48.2%;

}



ul.indexSort li:nth-child(3n) {

	margin-right: 7px;

}



ul.indexSort li:nth-child(2n) {

	margin-right: 0;

}







}





@media (max-width: 360px){



ul.indexSort li {

	width: 100%;

}



ul.indexSort li:nth-child(2n) {

	margin-right: 7px;

}









}