@charset "utf-8";

#box02 img {
	float: left;
	margin-left: 3%;
}

#box02 h2 {
	float: left;
	font-size: 1.7em;
	color: #FFF;
	margin-top: 17px;
	margin-left: 1%;
	margin-bottom: 17px;
}

#box02 a {
	float: left;
	margin-top: 23px;
	border: 2px solid #e0e0e0;
	background: #FFF;
	padding: 3px 12px 5px 12px;
	margin-left: 2%;
	border-radius: 99em;
	line-height: 1em;
	font-weight: bolder;
	color: #000;
	text-decoration: none;
}

#box02 a:hover {
	color: #fff;
	background: #e0e0e0;
	border: 2px solid #e0e0e0;
}

.news_body {
	margin-top: 58px;
	max-height: 170px;
	border-radius: 5px;
	background: #fff;
	width: 100%;
	padding-left: 0;
	padding-right: 0;
	padding-top: 0px;
	padding-bottom: 21px;
}

.news_table {
	display: table;
	height: 100%;
	table-layout: fixed;
	width: 100%;
}

.news_tr {
	display: table-row;
	width: 100%;
}

.news_tr:hover {
	background: #CCC !important;
}

.news_td {
	display: table-cell;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.news_text {
	
}

.news_date {
	font-size: .85em;
	letter-spacing: -0.5px;
	width: 78px;
	text-align: right;
	padding-right: 3.5%;
}

#box02 .news_body .news_table .news_tr a {
	font-size: .9em;
	border: none;
	border-radius: 0;
	float: none;
	line-height: 1.5em;
	font-weight: normal;
	background: none;
	color: #000;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 3.5%;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

#box02 .news_body .news_table .news_tr a:hover {
	color: #000;
	border: none;
	text-decoration: none;
}

#box03 img {
	float: left;
	margin-left: 3%;
	display: block;
}

#box03 h2 {
	float: left;
	font-size: 1.7em;
	color: #FFF;
	margin-top: 17px;
	margin-left: 1%;
	margin-bottom: 17px;
}

#box03 a {
	float: left;
	margin-top: 23px;
	border: 2px solid #e0e0e0;
	background: #FFF;
	padding: 3px 12px 5px 9px;
	margin-left: 0%;
	border-radius: 99em;
	line-height: 1em;
	font-weight: bolder;
	color: #000;
	text-decoration: none;
}

#box03 a:hover {
	color: #fff;
	background: #e0e0e0;
	border: 2px solid #e0e0e0;
}

#box03 .news_tr:nth-child(even) {
	background: #fff8d0;
}

#box03 .news_tr:hover {
	color: #000;
	border: none;
	text-decoration: none;
}

#box03 .news_body .news_table .news_tr a {
	font-size: .9em;
	border: none;
	border-radius: 0;
	float: none;
	line-height: 1.5em;
	font-weight: normal;
	background: none;
	color: #000;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 3.5%;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

#box03 .news_body .news_table .news_tr a:hover {
	color: #000;
	border: none;
	text-decoration: none;
}

.dog {
	float: left;
	width: 25%;
	text-align: center;
}

.cat {
	float: left;
	width: 25%;
	text-align: center;
}

.tracking { /**新增該CLASS**/
	float: left;
	width: 25%;
	text-align: center;
}

.fb_sp { /**新增該CLASS**/
	float: left;
	width: 25%;
	text-align: center;
}

#box04 .tracking h2 { /**新增該CLASS**/
	margin-top: 11px;
	font-size: 1.65em;
	letter-spacing: 0;
	margin-bottom: 0;
	color: #75ae22;
	margin-bottom: 12px;
}

#box04 .tracking a { /**新增該CLASS**/
	padding: 5px 18px;
	border: 2px solid #75ae22;
	border-radius: 5px;
	color: #000;
	text-decoration: none;
}

#box04 .fb_sp h2 { /**新增該CLASS**/
	margin-top: 11px;
	font-size: 1.65em;
	letter-spacing: 0;
	margin-bottom: 0;
	color: #FF8000;
	margin-bottom: 12px;
}

#box04 .fb_sp a { /**新增該CLASS**/
	padding: 5px 18px;
	border: 2px solid #FF8000;
	border-radius: 5px;
	color: #000;
	text-decoration: none;
}

@media ( max-width : 480px) { /**新增該CLASS**/
	.dog, .cat, .tracking, .fb_sp {
		width: 50%;
	}
}

@media ( max-width : 480px) { /**新增該CLASS**/
	#box04 {
		height: auto;
		margin-bottom: 20px;
	}
}

#box04 .tracking a:hover {
	background: #75ae22;
	color: #fff;
}

#box04 .fb_sp  a:hover {
	background: #FF8000;
	color: #fff;
}

#box04 img {
	margin-top: 20px;
}

#box04 .dog h2 {
	margin-top: 11px;
	font-size: 1.65em;
	letter-spacing: 0;
	margin-bottom: 12px;
	color: #e6364e;
}

#box04 .dog a {
	padding: 5px 18px;
	border: 2px solid #e6364e;
	border-radius: 5px;
	color: #000;
	text-decoration: none;
}

#box04 .dog a:hover {
	background: #e6364e;
	color: #FFF;
	text-decoration: none;
}

#box04 .cat h2 {
	margin-top: 11px;
	font-size: 1.65em;
	letter-spacing: 0;
	margin-bottom: 0;
	color: #cb5092;
	margin-bottom: 12px;
}

#box04 .cat a {
	padding: 5px 18px;
	border: 2px solid #cb5092;
	border-radius: 5px;
	color: #000;
	text-decoration: none;
}

#box04 .cat a:hover {
	background: #cb5092;
	color: #FFF;
	text-decoration: none;
}

#box05 img {
	float: left;
	margin-left: 3%;
	margin-top: 10px;
}

#box05 h2 {
	float: left;
	font-size: 1.7em;
	color: #FFF;
	margin-top: 17px;
	margin-left: 1%;
	margin-bottom: 17px;
}

#box05 a {
	float: left;
	margin-top: 23px;
	border: 2px solid #e0e0e0;
	background: #FFF;
	padding: 3px 12px 5px 12px;
	margin-left: 2%;
	border-radius: 99em;
	line-height: 1em;
	font-weight: bolder;
	color: #000;
	text-decoration: none;
}

#box05 a:hover {
	color: #fff;
	background: #e0e0e0;
	border: 2px solid #e0e0e0;
}

#box05 .news_body {
	line-height: 1.231;
	padding-top: 12px;
	height: 158px;
	padding-left: 3%;
	padding-right: 3%;
	width: 94%;
}

#box05 li {
	list-style-type: none;
}

#box05 .news_body img {
	margin-top: 0px;
	margin-left: 0px;
	float: left;
	height: auto;
	max-height: 98%;
	/*width: 43%;*/
	max-width: 128px;
}

#box05 ul {
	float: right;
	margin: 0;
	padding: 0;
	width: 57%;
	overflow: hidden;
	height: 137px;
}

.search_pet_text {
	width: 100%;
	height: auto;
	overflow: hidden;
}

#box02:before {
	display: none;
}

.flex-control-paging li a {
	zoom: .8;
}

@media ( max-width : 990px) { /**新增該CLASS**/
	#box04 .fb_sp h2 {
		font-size: 1em;
	}
	#box04 .tracking h2 {
		font-size: 1em;
	}
	#box04 .cat h2 {
		font-size: 1em;
	}
	#box04 .dog h2 {
		font-size: 1em;
	}
	#box04 img {
		padding: 5px;
		box-sizing: border-box;
	}
	#box04 .fb_sp a {
		font-size: 12px;
		padding: 5px;
	}
	#box04 .tracking a {
		font-size: 12px;
		padding: 5px;
	}
	#box04 .cat a {
		font-size: 12px;
		padding: 5px;
	}
	#box04 .dog a {
		font-size: 12px;
		padding: 5px;
	}
}

@media only screen and (min-width: 481px) {
	#box02:before {
		display: none;
	}
	#box02 img, #box03 img, #box05 img {
		display: none;
	}
	#box05 .news_body img {
		display: block;
	}
	.flex-control-paging li a {
		zoom: 1;
	}
}

@media only screen and (min-width: 571px) {
	#box02:before {
		display: none;
	}
	#box02 img, #box03 img, #box05 img {
		float: left;
		margin-left: 3%;
		display: block;
	}
}

@media only screen and (min-width: 901px) {
	#box02 {
		position: relative;
	}
	#box02:before {
		content: url(../img/fpng.png);
		top: 33px;
		left: -25px;
		position: absolute;
		float: left;
		display: block;
	}
}

a#box01_jump {
	text-indent: -9999px;
	display: block;
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}
.sr-only-focusable:active, .sr-only-focusable:focus {
 position: static;
 width: auto;
 height: auto;
 margin: 0;
 overflow: visible;
 clip: auto;
}
a {
	text-decoration: none;
	color: #00e;
}