@charset "utf-8";
/* CSS Document */

/*--------------------------產品---------------------------------*/
body {
	background-size: 100%;
}
.con {
	margin: 0% auto 3% auto;
}
#pt_title {
	text-align: center;
	margin: 0% auto 3% auto;
}
#pt {
	background-color: #ffffffab;
}
ul#pt3 {
	list-style: none;
	width: 35%;
	margin: 0 auto 1% auto;
	text-align: center;
	display: table;
}
ul#pt3 li {
	display: inline-block;
	width: calc(94% / 3);
	margin: 0 1%;
}
ul#pt4 {
	display: none;
}

/*-----------------------------------------------------------*/

@media (max-width: 1439px) {
.con_title {
	width: 19%;
}
ul#pt3 {
	width: 43%;
}
}

@media (max-width: 1251px) {
.g-char-list li {
	width: calc(96% / 2);
}
}

@media (max-width: 991px) {
ul#pt3 {
	width: 55%;
}
}

@media (max-width: 769px) {
.con_title {
	width: 24%;
}
ul#pt3 {
	width: 67%;
}
}

@media (max-width: 576px) {
.con {
	width: 92%;
}
.con_title {
	width: 49%;
}
#pt_title {
	text-align: center;
	margin: 11% auto 7% auto;
}
ul#pt4 {
/*	width: 100%;*/
}
.g-char-list li {
	width: 100%;
}
ul#pt4 li {
/*	width: calc(100% / 3);*/
	margin: 0;
}
ul#pt3 {
	display: none;
}
ul#pt4 {
	display: block;
	width: 90%;
	text-align: center;
	margin: auto;
	list-style: none;
	z-index: 8;
    position: relative;
}
ul#pt4 li {
	width: calc(88% / 3);
	margin: 0 2%;
	float: left;
}
}