/*
.newsPage{ padding:3% 1%}*/

.sort-info li{ margin: 0 10px 30px 0; float: left; width: calc((100% - 40px)/4); text-align: center;}
.sort-info li:hover {
    background: #f3f3f3;
}
.sort-info li a {
    color: #555;
    display: block;
    font-weight: 600;
	padding: 0 0 10px;
    text-decoration: none;
}
.sort-info li a:hover {
	color: #EB5B3E
}
.sort-img {
	background: #fff;
    height: 0;
    padding-bottom: 90%;
    margin: 0 0 10px;
    overflow: hidden;
	width: 100%;
}
.brief_txt {
	clear: both;
}
.Pd_mu {
	grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 16px;
	margin: 30px 0 0
}
.Pd_mu a {
    display: contents
}

.product_photo{ width:100%; height:0; padding-bottom:100%; overflow:hidden; background:#f9f9f9}
.Infotitle{ text-align:center; margin:0 0 50px}
a.product_name{ font:17px "微軟正黑體"; color:#333; display:block; text-decoration:none; padding:15px 0; height:48px; overflow:hidden}
.product_price{ font-size:21px; padding:10px 0}

.changePg{ text-align:center; display:block}
.changePg .changeBox {
	
}
div.PageInfo h3 {
    border: 0;
    clear: both;
    font-size: 30px;
    font-weight: 600;
    font-family: 'Microsoft JhengHei';
    color: #000;
    line-height: 30px;
    padding: 10px 0;
    text-align: left;
    margin: 0;
}

.changePg .changeBox .prev ,
.changePg .changeBox .prev2 ,
.changePg .changeBox .next ,
.changePg .changeBox .next2 {
	background-image: url(../images/changePg.gif);
	background-repeat: no-repeat;
	height: 21px;
	width: 21px;
	display: inline-block;
	
}

.changePg .changeBox .prev {
	background-position: -21px top;
}

.changePg .changeBox .prev2{
	background-position: 0px top;
	margin-right: 8px;
}

.changePg .changeBox .next{
	background-position: 0px -21px;
}

.changePg .changeBox .next2{
	background-position: -21px -21px;
	margin-left: 8px;
}

.changePg ul  {
	overflow: hidden;
	display:inline-block;
	padding-right: 25px;
	padding-left: 25px;
}

.changePg ul li  {
	
	background-image: url(../images/page_line.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 1px;
}

.changePg ul li.noLine  {
	background-image: none;
	padding-right: 0px;
}

.changeBox ul{ margin:0}
.changeBox a:link,.changeBox a:active,.changeBox a:visited {
	font-family: Verdana;
	font-size: 13px;
	line-height: 21px;
	color: #CC2E68;
	text-align: center;
	display: block;
	height: 21px;
	width: 38px;
	display:inline;
	text-decoration: none;	
}

.changeBox a:hover{
	font-weight: bold;
	color:#FF4400;
	text-decoration: none;
}

.focus{
	font-size: 15px;
	font-weight: bold;
	color: #757575;	
	text-decoration: none;
}
.product_photo img{ width:100%; height:auto}
div.location li {
    width: auto;
}
@media screen and ( max-width:1000px){
	.newsPage li{ width:22.5%}
}
@media screen and ( max-width:991px){
	.Pd_mu {
		grid-template-columns: 1fr 1fr
	}
}
@media screen and ( max-width:768px){
	.newsPage ul{margin:0}
	.newsPage li {
		width: calc((100% - 20px)/3);
		margin: 0 10px 0 0;
	}
	.newsPage li:nth-child(3n) {
		margin: 0;
	}
}
@media screen and ( max-width:640px){
	.newsPage li{ width: calc((100% - 10px)/2);}
	.newsPage li:nth-child(3n) {
		margin: 0 10px 0 0;
	}
	.newsPage li:nth-child(2n) {
		margin: 0;
	}
	div.PageInfo h3 {
    	font-size: 35px;
		padding: 30px 0 0;
	}
	.brief_txt {
		padding: 20px 0;
	}
}
@media screen and ( max-width:480px){
	.Pd_mu {
		grid-template-columns: 1fr
	}
}