@charset "utf-8";
table.responsive{
    width: 100%;
    margin: 20px auto;
    border: 1px solid #666666;
    border-collapse: collapse;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .6);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .6);
    box-shadow: 0 0 10px rgba(0, 0, 0, .6);
}
table.responsive tr:hover{background:#f5df4d; cursor:pointer;}
table.responsive th{border: 1px solid #666666;padding: 1em 1em; text-align:center; color:#333;}
table.responsive td{border: 1px solid #666666;padding: .5em 1em; text-align:center; color:#333;}
table.responsive th{background: #002f89; color:#FFF; }
.xfproduct{width:100%;margin:0 auto;}
.xfproduct_sub{margin-top:20px;}
.xfproduct_sub img{float:left;width:30%;height:auto;margin-right:20px;border:1px solid #ccc;}
.xfproduct_sub table{float:right;width:65%;border-top:1px solid #ddd;border-right:1px solid #ddd;border-left:1px solid #ddd;line-height:59px;}
.xfproduct_sub table tr{border-bottom:1px solid #ddd; line-height:300%;}
.xfproduct_sub table tr:last-child{border-bottom:1px solid #ddd;}
.xfproduct_sub table tr th{width:20%;background:#f0f0f0;padding-left:20px;}
.xfproduct_sub table tr td{border-left:1px solid #ddd; padding-left:20px;}
.xfproduct_con{margin-top:30px;}
.xfproduct_con h4{width:100%;border-bottom:1px solid #ccc;height:40px;line-height:40px;font-size:18px;}
.xfproduct_con h4 span{border-bottom:3px solid #163060;padding:0 10px 7px 10px;}
.xfpro_content p{font-size:14px;line-height:35px;text-indent:2em;padding:10px;}
.xfproduct_con img{max-width:100%;height:auto;margin:20px auto;}

@media screen and (max-width:768px) {   
    table.responsive{-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;border: none;}
    table.responsive tr{position: relative;}
	table.responsive tr th:nth-child(2){display:none;}
	table.responsive tr td:nth-child(2){display:none;}
	table.responsive tr th:nth-child(7){display:none;}
	table.responsive tr td:nth-child(7){display:none;}
	.xfproduct{width:100%;margin:0 auto 2rem;}
	.xfproduct table h4{font-size:1rem;}
	.xfproduct_sub{width:96%;padding:0 2%;}
	.xfproduct_sub img{width:99.5%;height:auto;border:1px solid #ccc;}
	.xfproduct_sub table{width:99.5%;border-top:1px solid #ddd;border-right:1px solid #ddd;border-left:1px solid #ddd;height:3.5rem;line-height:3.5rem;margin-top:0.5rem;}
	.xfproduct_sub table tr{border-bottom:1px solid #ddd;}
	.xfproduct_sub table tr:last-child{border-bottom:1px solid #ddd;}
	.xfproduct_sub table tr th{width:20%;background:#f0f0f0;font-size:1rem;}
	.xfproduct_sub table tr td{border-left:1px solid #ddd;padding-left:1rem;font-size:1rem;}
	.xfproduct_con{width:96%;padding:1rem 2%;}
	.xfproduct_con h4{width:100%;border-bottom:1px solid #ccc;height:40px;line-height:40px;font-size:1rem;}
	.xfproduct_con h4 span{border-bottom:3px solid #163060;padding:0 10px 7px 10px;}
	.xfproduct_con p{font-size:1.4rem;line-height:3rem;padding:0.5rem;}
	.xfproduct_con img{width:100%;margin:1rem auto;}
}