@charset "utf-8";

@import https://fonts.googleapis.com/earlyaccess/notosanstc.css;

html {
	width: 100%;
	height: 100%;
}

body {
	font-family: 'Noto Sans TC',"Microsoft JhengHei",Arial;
	-webkit-overflow-scrolling: touch;
	overflow-x: hidden;
	background-repeat: no-repeat;
	font: 1.125rem!important;
	line-height: 1.8;
}

.center {
	text-align: center;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

h1.topbanner {
	margin: 0;
	font-size: 2.5rem;
	font-weight: bold;
	text-align: center;
	color: rgba(255,255,255,1.00);
	text-shadow: rgb(102, 102, 102) 1px 1px 2px;
	padding-top: 176px;
}
h2.topbanner {
	margin: 0;
	font-size: 1.25rem;
	font-weight: bold;
	text-align: center;
	color: rgba(255,255,255,1.00);
	text-shadow: rgb(102, 102, 102) 1px 1px 2px;
	padding-top: 15px;
}

nav#nav ul , .list-ul , .note-list {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

#info-box ul {
	padding: 20px 50px;
	margin: 0;
	list-style-type: none;
	background: #eee;
}

#info-box ul li {
	background: #00a040;
	border-radius: 5px;
	text-align: center;
	padding: 10px 0;
	transition: all 0.5s ease;
}

#info-box ul li:hover {
	background: #bacf36;
	border-radius: 5px;
	text-align: center;
	transition: all 0.5s ease;
	padding: 10px 0;
}

#info-box ul li a {
	color: #fff;
	display: block;
	text-decoration: none;
}

.years-list {
	padding: 0;
	margin: 0;
	list-style-type: none;
	text-align: center;
}

.years-list li {
	display: inline-block;
	margin-right: 8px;
	border-right: #ccc solid 1px;
	text-align: center;
	padding-right: 10px;
	line-height: 20px;
}

.years-list li:last-child {
	border-right: none;
}

.years-list li a {
	color: #999;
	text-decoration: none;
	font-weight: bold;
	transition: all 0.5s ease;
}


.years-list li a.active {
	color: #00a040;
	font-weight: bold;
	transition: all 0.5s ease;
}



.note-list li {
	padding: 5px 0;
	border-bottom: #a3cbb4 dashed 1px;
}

.note-list li:last-child {
	border-bottom: none;
}

nav#nav ul li {
	display: inline-block;
	position: relative;
	margin-right: 20px;
}

nav#nav ul li:after {
	content: '';
	position: absolute;
	right: -10px;
	top: 5px;
	background: #ccc;
	width: 1px;
	height: 18px;
}

nav#nav ul li:last-child:after , nav#nav ul li:nth-last-child(2):after {
	display: none;
}

nav#nav ul li a {
	color: #333;
	font-weight: 900;
	text-decoration: none;
	transition: all 0.5s ease;
}

nav#nav ul li a:hover:after , nav#nav ul li a.active:after {
	content: '';
	height: 4px;
	width: 100%;
	position: absolute;
	background: #00a040;
	bottom: -5px;
	left: 0;
}

nav#nav ul li:last-child a:hover:after {
	display: none;
}

nav#nav ul li a:hover  , nav#nav ul li a.active {
	color: #00a040;
	transition: all 0.5s ease;
}

header#header {
	/*min-height: 80px;*/
	position: fixed;
	z-index: 2;
	width: 100%;
	background: rgba(255,255,255,1.00);
	-webkit-box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.2);
	box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.2);	
}

header#header .container , header#header .row {
	height: inherit;
	min-height: 80px;
}

span.fa-stack.fa-lg {
	color: #999999;
	font-size: 1.2rem;
}

nav#nav {
	text-align: right;
}

#slider-header ul {
	padding: 80px 0 0 0 ;
	margin: 0;
	list-style-type: none;
}

.owl-prev {
	background: transparent !important;
	border-radius: 50px !important;
	padding: 0 !important;
	border: #fff solid 2.5px;
	width: 50px;
	margin: 0 !important;
	left: 20.5vw;
	height: 50px;
	position: absolute;
	transform: translateY(-50%);
	top: 50%;
	transition: all 0.5s ease;
}

.owl-prev:hover , .owl-next:hover {
	background: #00a040 !important;
	border: #00a040 solid 2.5px;
	transition: all 0.5s ease;
}

.owl-next {
	background: transparent !important;
	border-radius: 50px !important;
	padding: 0 !important;
	border: #fff solid 2.5px;
	width: 50px;
	position: absolute;
	margin: 0 !important;
	height: 50px;
	right: 21.5vw;
	top: 50%;
	transition: all 0.5s ease;
	transform: translateY(-50%);
}

@media (min-width: 1000px) {
	.owl-prev {	left: 4vw; }
	.owl-next {	right: 5.3vw; }
}
@media (min-width: 1359px) {
	.owl-prev {	left: 10.5vw; }
	.owl-next {	right: 11.5vw; }
}
@media (min-width: 1659px) {
	.owl-prev {	left: 16vw; }
	.owl-next {	right: 17vw; }
}
@media (min-width: 1900px) {
	.owl-prev {	left: 20.5vw; }
	.owl-next {	right: 21.2vw; }
}
@media (min-width: 2000px) {
	.owl-prev {	left: 28vw; }
	.owl-next {	right: 28.5vw; }
}
.underline {
	border-bottom: #00a040 solid 3px;
}

section.container.main {
	margin-top: 10px;
}

.title {
	font-size: 24px;
	padding-bottom: 5px;
	font-weight: bold;
	line-height: 1.8;
	margin-bottom: 10px;
}

.news-box {
	padding: 0;
	margin: 0;
	border-bottom: #ccc solid 1px;
	list-style-type: none;
}

.news-box li {
	display: flex;
	margin-bottom: 20px;
}

.news-box li a {
	color: #333;
	text-decoration: none;
}

span.new {
	background-color: #c59d64;
	color: #fff;
	padding: 4px 12px;
	font-size: 15px;
	border-radius: 15px;
}

.more-box {
	text-align: right;
	margin: 20px 0;
}

.more-box a {
	background: #00a040;
	color: #fff;
	padding: 10px;
	border-radius: 4px;
	text-decoration: none;
	font-size: 18px;
	font-weight: 900;
}

#sitemap {
	background: #f4eee5;
	padding: 40px 0;
	margin-top: 40px;
}

.contact-box {
	background: #fff;
	border-radius: 10px;
	padding: 20px 0;
}

.contact-box .ws {
	font-size: 15px;
	line-height: 30px;
	padding-left: 37px;
	text-align: left;
}

span.fa-stack.fa-lg.contact {
	color: #bf9559;
	font-size: 1.58rem;
}

footer {
	font-size: 13px;
	height: 50px;
	background: #ba9156;
	text-align: center;
	color: #fff;
	padding: 15px 0;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
	background: #00a040;
}

.owl-theme .owl-dots .owl-dot span {
	width: 15px;
	height: 15px;
	border: none;
}

.owl-theme .owl-controls {
	margin-top: 0;
}

.owl-dots {
	transform: translateY(-50px);
}

#about-images ,#news-images ,#link-images ,#information-images {
	background: url(../images/about.jpg);
	height: 270px;
	background-position: center;
}


section.tab-box {
	background: #e5e2dd;
	padding-top: 25px;
}

/*標籤內容*/



/* span:target */
#tab-1:target,
#tab-2:target,
#tab-3:target,
#tab-4:target,
#tab-5:target,
#tab-6:target {
	border: solid 1px red;
}
 
/*頁籤變換*/
#tab-1:target ~ #tab > ul li a[href$="#tab-1"],
#tab-2:target ~ #tab > ul li a[href$="#tab-2"],
#tab-3:target ~ #tab > ul li a[href$="#tab-3"],
#tab-4:target ~ #tab > ul li a[href$="#tab-4"],
#tab-5:target ~ #tab > ul li a[href$="#tab-5"],
#tab-6:target ~ #tab > ul li a[href$="#tab-6"] {
}
 
/*頁籤內容顯示*/

#tab-1:target ~ #tab > div.tab-content-1,
#tab-2:target ~ #tab > div.tab-content-2,
#tab-3:target ~ #tab > div.tab-content-3,
#tab-4:target ~ #tab > div.tab-content-4,
#tab-5:target ~ #tab > div.tab-content-5,
#tab-6:target ~ #tab > div.tab-content-6 {
}

#tab {
}


/* 頁籤ul */


#tab>ul {
	overflow: hidden;
	margin: 0;
	list-style-type: none;
	padding: 0;
	/*width: 42.5%;*/
	margin: -2px auto;
	text-align: center;
}

#tab>ul>li {
	list-style-type: none;
	display: inline-block;
	margin-bottom: -6px;
}

#tab>ul>li>a {
	text-decoration: none;
	font-size: 1.125rem;
	font-weight: 900;
	color: #fff;
	float: left;
	background-color: #00a040;
	padding: 15px 25px;
	margin-left: 0;
	border-right: #fff solid 1px;
	/*width: 100px;*/
	text-align: center;
}
 
/*頁籤div內容*/
#tab>div {
	clear: both;
	padding: 0 15px;
	height: 0;
	overflow: hidden;
	visibility: hidden;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
 

 
	/*第一筆的底色*/
span:target ~ #tab > ul li:first-child a {
	background: #00a040;
	color: #fff;
}

span:target ~ #tab > div:first-of-type {
	visibility: hidden;
	height: 0;
	padding: 0 15px;
}
	
	/*頁籤變換&第一筆*/
span ~ #tab > ul li:first-child a,
	#tab-1:target ~ #tab > ul li a[href$="#tab-1"],
	#tab-2:target ~ #tab > ul li a[href$="#tab-2"],
	#tab-3:target ~ #tab > ul li a[href$="#tab-3"],
	#tab-4:target ~ #tab > ul li a[href$="#tab-4"],
    #tab-5:target ~ #tab > ul li a[href$="#tab-5"],
#tab-6:target ~ #tab > ul li a[href$="#tab-6"] {
	background: #fff;
	color: #333;
}

	/*頁籤內容顯示&第一筆*/
span ~ #tab > div:first-of-type,
	#tab-1:target ~ #tab > div.tab-content-1,
	#tab-2:target ~ #tab > div.tab-content-2,
	#tab-3:target ~ #tab > div.tab-content-3,
	#tab-4:target ~ #tab > div.tab-content-4,
#tab-5:target ~ #tab > div.tab-content-5,
#tab-6:target ~ #tab > div.tab-content-6 {
	visibility: visible;
	height: inherit;
	background: #fff;
	font-size: 1.125rem;
}

ol.breadcrumb {
	background: transparent;
	padding: 50px 0 30px 0;
	margin-bottom: 0px;
}

h1.inside-h1 {
	margin: 0;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
}
.inside-h1 {
	margin: 0;
	font-size: 30px;
	font-weight: bold;
	line-height: 1.5;
	text-align: center;
}

h2.inside-h2 {
	color: #ba9156;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	margin-top: 12px;
	margin-bottom: 60px;
}
.inside-h2 {
	color: #ba9156;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	margin-top: 12px;
	margin-bottom: 60px;
}

.name-images {
	text-align: right;
}

.name-images {
	text-align: right;
	margin-top: 20px;
}

.deputy-title:before {
	content: '';
	width: 5px;
	height: 80%;
	position: absolute;
	left: 0px;
	top: 50%;
	transform: translateY(-50%);
	background: #ba9156;
}

.deputy-title {
	position: relative;
	margin-top: 40px;
	padding-left: 15px;
	font-size: 1.375rem;
	font-weight: bold;
}

#accordion {
	margin-top: 25px;
}

.ugm-box .card-header {
	padding: .2rem 1.25rem;
	background: #00a040;
	border-radius: unset;
}

.ugm-box .card {
	margin-bottom: 15px;
	border-radius: unset;
}

.ugm-box .btn-link, .ugm-box .btn-link:active, .ugm-box .btn-link:focus {
	color: #fff;
	font-size: 22px;
	text-decoration: none;
	text-align: left;
	width: 100%;
}

span.openicon {
	position: absolute;
	right: 15px;
	top: 10px;
	color: #fff;
	font-size: 1.875rem;
}

.card-body {
	background: #ebf2ee;
}

.underline2 {
	border-bottom: #00a040 dashed 1px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	margin-right: 0px;
}

.else-link a {
	background: #00a040;
	color: #fff;
	padding: 10px;
	display: inline-block;
	border-radius: 4px;
	text-decoration: none;
}

h3.title {
	border-bottom: #00a040 solid 3px;
	margin-top: 50px;
	font-size: 1.4rem;
}

.development-box {
	position: relative;
	background: #00a040;
	padding: 18px 30px;
	border-radius: 3px;
	margin: 15px 0 30px 0;
}

.development-box a {
	color: #fff;
	display: block;
	text-decoration: none;
	font-size: 1.375rem;
	font-weight: bold;
}

.development-box i {
	position: absolute;
	right: 10px;
	top: 50%;
	font-size: 2.5rem;
	transform: translateY(-50%);
}

.crop-box {
	min-height: 300px;
	padding: 20px;
	background: #f5f0e9;
}

.mar-double-15 {
	margin: 15px 0;
}

.w-bold {
	font-weight: bold;
}

#data-list ul {
	padding: 0;
	margin: 0;
	font-size: 0.9rem;
	list-style-type: none;
}

#data-list ul li {
	padding: 5px 0;
}

#data-list ul li:first-child {
	background: #ba9156 !important;
	color: #fff !important;
}

#data-list ul li:last-child {
	background: #fff !important;
	/*color: #ba9156 !important;*/
	color: #000 !important;
}

#data-list ul li:nth-child(even) {
	background: #f6f6f6;
	color: #333;
}

#data-list ul li:nth-child(odd) {
	background: #f2e7d7;
	color: #333;
}

div#data-list {
	margin: 20px 0;
}

#data-mobilelist ul {
	padding: 0;
	margin: 0;
	font-size: 0.9rem;
	list-style-type: none;
}

#data-mobilelist ul li {
	padding: 5px 0;
}

#data-mobilelist ul li:first-child {
	background: #ba9156 !important;
	color: #fff !important;
}

#data-mobilelist ul li:last-child {
	background: #fff !important;
	color: #ba9156 !important;
}

#data-mobilelist ul li:nth-child(even) {
	background: #f6f6f6;
	color: #333;
}

#data-mobilelist ul li:nth-child(odd) {
	background: #f2e7d7;
	color: #333;
}

div#data-mobilelist {
	margin: 20px 0;
}

.animales-box ul , .improve-feed-box ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

.animales-box ul li {
	padding: 25px 80px;
	background: #f5f5f5;
	border: #00a040 solid 1px;
}

.improve-feed-box ul li {
	background: #f5f5f5;
	padding: 5px 60px;
}

.animales-box .owl-prev {
	background: transparent !important;
	border-radius: 50px !important;
	padding: 0 !important;
	border: #00a040 solid 2px;
	width: 45px;
	margin: 0 !important;
	left: 1vw;
	height: 45px;
	position: absolute;
	transform: translateY(-50%);
	top: 50%;
	transition: all 0.5s ease;
}

.animales-box .owl-prev:hover , .animales-box .owl-next:hover {
	border: #00a040 solid 2px;
	transition: all 0.5s ease;
	background: #00a040 !important;
}

.animales-box .owl-prev:hover i , .animales-box .owl-next:hover i {
	color: #fff !important;
}

.animales-box .owl-prev i , .animales-box .owl-next i {
	color: #00a040;
	transition: all 0.5s ease;
}

.animales-box .owl-next {
	background: transparent !important;
	border-radius: 50px !important;
	padding: 0 !important;
	border: #00a040 solid 2px;
	width: 45px;
	margin: 0 !important;
	right: 1vw;
	height: 45px;
	position: absolute;
	transform: translateY(-50%);
	top: 50%;
	transition: all 0.5s ease;
}

.animales-box .owl-stage-outer {
	margin-top: 180px;
}

.animales-box .owl-dots {
	transform: translateY(0px);
	position: absolute;
	top: -150px;
	left: 50%;
	transform: translateX(-50%);
}

.improve-feed-box .owl-dots {
	transform: translateY(0px);
	position: absolute;
	top: 0;
	left: -52%;
	width: 50%;
}

.improve-feed-box .owl-dots .owl-dot:first-child span {
	width: 160px;
	height: 150px;
	background: url(../images/improve-feed_01.png);
	background-position: center;
}

.improve-feed-box .owl-dots .owl-dot.active:first-child span {
	width: 160px;
	height: 150px;
	background: url(../images/improve-feed_01-h.png);
	background-position: center;
}

.improve-feed-box .owl-dots .owl-dot:nth-child(2) span {
	width: 160px;
	height: 150px;
	background: url(../images/improve-feed_02.png);
	background-position: center;
}

.improve-feed-box .owl-dots .owl-dot.active:nth-child(2) span {
	width: 160px;
	height: 150px;
	background: url(../images/improve-feed_02-h.png);
	background-position: center;
}

.improve-feed-box .owl-dots .owl-dot:nth-child(3) span {
	width: 160px;
	height: 150px;
	background: url(../images/improve-feed_03.png);
	background-position: center;
}

.improve-feed-box .owl-dots .owl-dot.active:nth-child(3) span {
	width: 160px;
	height: 150px;
	background: url(../images/improve-feed_03-h.png);
	background-position: center;
}

.improve-feed-box .owl-dots .owl-dot:nth-child(4) span {
	width: 160px;
	height: 150px;
	background: url(../images/improve-feed_04.png);
	background-position: center;
}

.improve-feed-box .owl-dots .owl-dot.active:nth-child(4) span {
	width: 160px;
	height: 150px;
	background: url(../images/improve-feed_04-h.png);
	background-position: center;
}

.animales-box .owl-dots .owl-dot:first-child span {
	background: url(../images/pig.png);
	width: 90px;
	height: 127px;
}

.animales-box .owl-dots .owl-dot.active:first-child span {
	background: url(../images/pig-h.png);
	width: 90px;
	height: 127px;
}

.animales-box .owl-dots .owl-dot:nth-child(2) span {
	background: url(../images/mei.png);
	width: 90px;
	height: 127px;
}

.animales-box .owl-dots .owl-dot.active:nth-child(2) span {
	background: url(../images/mei-h.png);
	width: 90px;
	height: 127px;
}

.animales-box .owl-dots .owl-dot:nth-child(3) span {
	background: url(../images/cow.png);
	width: 90px;
	height: 127px;
}

.animales-box .owl-dots .owl-dot.active:nth-child(3) span {
	background: url(../images/cow-h.png);
	width: 90px;
	height: 127px;
}

.animales-box .owl-dots .owl-dot:nth-child(4) span {
	background: url(../images/chiken.png);
	width: 90px;
	height: 127px;
}

.animales-box .owl-dots .owl-dot.active:nth-child(4) span {
	background: url(../images/chiken-h.png);
	width: 90px;
	height: 127px;
}

.improve-feed-box  .owl-prev {
	background: #00a040 !important;
	border-radius: 0px !important;
	padding: 0 !important;
	border: none;
	width: 25px;
	margin: 0 !important;
	left: 0;
	height: 45px;
	position: absolute;
	transform: translateY(-50%);
	top: 50%;
	transition: all 0.5s ease;
}

.improve-feed-box  .owl-next {
	background: #00a040 !important;
	border-radius: 0px !important;
	padding: 0 !important;
	border: none;
	width: 25px;
	margin: 0 !important;
	right: 0;
	height: 45px;
	position: absolute;
	transform: translateY(-50%);
	top: 50%;
	transition: all 0.5s ease;
}

.improve-feed-box  .owl-next:hover , .improve-feed-box  .owl-prev:hover {
	background: #bace36 !important;
}

.improve-feed-warp {
	margin: 50px 0 0 0;
}

#now-images {
	margin-bottom: 50px;
	text-align: center;
}

span.data-list {
	margin-right: 15px;
}

.download-list.d-flex {
	background: #ebf2ee;
	padding: 16px 0;
	margin-bottom: 10px;
}

a.download-icon {
	background: #00a040;
	color: #fff;
	padding: 10px 25px;
	text-decoration: none;
	border-radius: 4px;
	font-size: 1.375rem;
	font-weight: bold;
}
a.download-icon:hover {
	background: #007C2B;
}

.news-list , .report-list {
	border: #ccc solid 1px;
	padding: 15px;
	margin-bottom: 25px;
	transition: all 0.5s ease;
}

.news-list:hover {
	background: #bace36;
	transition: all 0.5s ease;
}

.news-list:hover .news-title ,   .news-list:hover .news-main  ,   .news-list:hover .news-data {
	color: #fff;
}

span.new-icon {
	background: #c59d64;
	color: #fff;
	border-radius: 15px;
	padding: 4px 12px;
	font-size: 0.9375rem;
}

.news-title {
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 2rem;
	margin-bottom: 15px;
	margin-top: 15px;
	border-bottom: #dfe2dc solid 2px;
	padding-bottom: 10px;
}

.report-title {
	font-size: 1.4rem;
	margin-bottom: 15px;
	margin-top: 15px;
	font-weight: bold;
	padding-bottom: 10px;
}

.news-main {
	margin-bottom: 30px;
}

.news-data , .news-link {
	padding: 0;
	align-self: center;
}

.news-link a {
	background: #00a040;
	text-align: center;
	border-radius: 50px;
	font-size: 1.5rem;
	color: #fff;
	text-decoration: none;
	width: 50px;
	height: 50px;
	display: block;
	line-height: 50px;
}

.row.news-list-box {
	margin: 25px 0;
}

.news-inside-title {
	border-bottom: 3px solid #00a040;
	padding-bottom: 5px;
	margin-bottom: 15px;
	font-size: 1.625rem;
	font-weight: bold;
}

.annex-box {
	background: #f4f1ed;
	padding: 15px;
}

.else-space {
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: #ccc solid 1px;
}

.next-prev {
	text-align: right;
}

.next-prev a {
	font-size: 1.4rem;
}

.d-flex.else-space {
	flex-wrap: wrap;
}

.select-title {
	border-bottom: 3px solid #00a040;
	padding-bottom: 5px;
	margin-bottom: 25px;
}

.start-select-box.right {
	border-top: #ccc solid 1px;
	padding-top: 15px;
	margin-top: 10px;
}

.right a {
	display: inline-block;
}

.link-main {
	font-size: 0.9rem;
}

.link-title {
	font-weight: bold;
}

.link-list {
	border-bottom: #ccc solid 1px;
	margin-bottom: 35px;
	padding-bottom: 35px;
}

.link-list:last-child {
	border-bottom: none;
}

.page-box .page-item.disabled .page-link  ,  .page-box .page-item:last-child .page-link {
	border-color: transparent;
	color: #fff;
	border-radius: 8px;
	background: #00a040;
}

.page-box .page-link {
	border: none;
	color: #333;
}

a.more {
	background: #f2f2f2;
	display: block;
	text-align: center;
	color: #333;
	padding: 5px 0;
	font-weight: bold;
	border-radius: 5px;
	text-decoration: none;
	transition: all 0.5s ease;
}

a.more i {
	color: #00a040;
	margin-left: 10px;
}

a.more:hover {
	background: #00a040;
	transition: all 0.5s ease;
	display: block;
	color: #fff;
	text-decoration: none;
}

a.more:hover i {
	color: #fff;
}

#info-box .owl-prev {
	background: #bf9559 !important;
	border-radius: 0px !important;
	padding: 0 !important;
	border: none;
	width: 30px;
	margin: 0 !important;
	left: 0;
	height: 84px;
	line-height: 84px;
	position: absolute;
	transform: translateY(-50%);
	top: 50%;
	transition: all 0.5s ease;
}

#info-box .owl-next {
	background: #bf9559 !important;
	border-radius: 0px !important;
	padding: 0 !important;
	border: none;
	width: 30px;
	margin: 0 !important;
	right: 0;
	height: 84px;
	line-height: 84px;
	position: absolute;
	transform: translateY(-50%);
	top: 50%;
	transition: all 0.5s ease;
}

div#info-box {
	margin-bottom: 30px;
}

nav#breadcrumb-box a {
	color: #333;
}
.pt636{
		padding-top: 6px;
	text-align: right;
	
	}

.breadcrumb-item+.breadcrumb-item::before {
	content: ">";
}

@media (min-width:992px) and (max-width:1199px) {
    
    
    
	.improve-feed-box .owl-dots .owl-dot:nth-child(2) span , .improve-feed-box .owl-dots .owl-dot:nth-child(3) span , .improve-feed-box .owl-dots .owl-dot:nth-child(4) span , .improve-feed-box .owl-dots .owl-dot.active:first-child span , .improve-feed-box .owl-dots .owl-dot.active:nth-child(4) span , .improve-feed-box .owl-dots .owl-dot.active:nth-child(3) span , .improve-feed-box .owl-dots .owl-dot.active:nth-child(2) span , .improve-feed-box .owl-dots .owl-dot:first-child span {
		width: 120px;
		height: 110px;
		background-size: contain;
	}

	.animales-box .owl-dots .owl-dot.active:first-child span , .animales-box .owl-dots .owl-dot:nth-child(2) span , .animales-box .owl-dots .owl-dot:nth-child(3) span , .animales-box .owl-dots .owl-dot:nth-child(4) span {
		width: 60px;
		height: 85px;
		background-size: contain;
	}

	.animales-box .owl-dots {
		position: absolute;
		top: -150px;
		left: 50%;
		transform: translateX(-50%);
		width: 100%;
	}

	#tab>ul {
		width: 61.5%;
	}
	
}

@media (max-width: 769px) {
    
	.news-box li div:first-child {
		font-size: 1rem;
		/*text-align: center;
		margin-bottom: 10px;*/
		font-weight: bold;
		padding-left: 80px!important;
	}

	.news-box li div:nth-child(2) {
		padding: 0;
	}

	.owl-nav{ display: none;}
	.owl-next , .owl-prev {
		width: 30px;
		height: 30px;
            line-height: 25px;
		font-size: 13px !important;
	}

	.news-box {
		margin: 0 0 15px 0;
	}
	
header#header {
	/*min-height: 80px;*/
	position: fixed;
	z-index: 2;
	width: 100%;
	background: rgba(0,0,0,0.65);
}

	nav#nav ul li {
		display: block;
		margin-bottom: 15px;
		margin-right: 0;
		margin-top: 15px;
	}

	nav#nav ul li:after {
		display: none;
	}
    section#slider-header .owl-dots {
        display: block !important;
    }
    
    nav#nav ul li a {
	color: #fff;
	font-weight: 900;
	text-decoration: none;
	transition: all 0.5s ease;
}
	nav#nav ul li a:hover  , nav#nav ul li a.active {
	color: #fff;
	transition: all 0.5s ease;
}
	nav#nav ul li a:hover:after , nav#nav ul li a.active:after {
	content: '';
	height: 4px;
	width: 20%;
	position: absolute;
	background: #00a040;
	bottom: -5px;
	left: 40%;
}
    .contact-box {
   
    margin-bottom: 10px;
}

	.col-md.align-self-center {
		margin: 10px 5px;
	}
    
	.pt636{
		padding-top: 16px;
	
	}

	.contact-box .ws {
		font-size: 1rem;
	}

	.ws.left {
		text-align: center;
		padding-left: 0 !important;
	}

	a#m-menu {
		position: absolute;
		top: 15px;
		z-index: 2;
		right: 15px;
		font-size: 1.3rem;
		color: #ba905e;
	}

	nav#nav {
		text-align: center;
		padding: 30px 0;
		display: none;
	}

	section.container.main {
		margin-top: 35px;
	}

	footer {
		padding: 15px 5px;
		font-size: 12px;
	}

	.col-md-7.col-9.align-self-center {
		padding: 0;
	}

	.news-box li {
		display: flex;
		margin-bottom: 20px;
		flex-wrap: wrap;
	}

	.name-images {
		text-align: center;
		margin-top: 20px;
		margin-bottom: 20px;
	}

	.deputy-title {
		margin: 10px 0;
	}

	#accordion {
		margin-top: 0px;
	}

	#tab>ul {
		/*width: 80%;*/
		width: 95%;
	}
	#tab>ul li {
		/*width: 80%;*/
		width: 48%;
	}

	.improve-feed-box .owl-dots {
		transform: translateX(-50%);
		position: absolute;
		top: -235px;
		left: 50%;
		width: 90%;
	}

	.animales-box .owl-dots .owl-dot.active:first-child span , .animales-box .owl-dots .owl-dot:nth-child(2) span , .animales-box .owl-dots .owl-dot:nth-child(3) span , .animales-box .owl-dots .owl-dot:nth-child(4) span , .animales-box .owl-dots .owl-dot.active:nth-child(2) span , .animales-box .owl-dots .owl-dot.active:nth-child(3) span , .animales-box .owl-dots .owl-dot:first-child span , .animales-box .owl-dots .owl-dot.active:nth-child(4) span {
		width: 60px;
		height: 85px;
		background-size: contain;
		background-repeat: no-repeat;
	}

	.animales-box .owl-dots {
		position: absolute;
		top: -150px;
		left: 50%;
		transform: translateX(-50%);
		width: 100%;
	}

	.animales-box ul li {
		padding: 25px 15px;
	}

	.animales-box .owl-prev , .animales-box .owl-next  , .improve-feed-box .owl-prev  , .improve-feed-box .owl-next {
		display: none !important;
	}

	.improve-feed-warp {
		margin: 250px 0 0 0;
	}

	.improve-feed-box .owl-dots .owl-dot.active:first-child span , .improve-feed-box .owl-dots .owl-dot:nth-child(2) span , .improve-feed-box .owl-dots .owl-dot:nth-child(3) span , .improve-feed-box .owl-dots .owl-dot:nth-child(4) span , .improve-feed-box .owl-dots .owl-dot:first-child span , .improve-feed-box .owl-dots .owl-dot.active:nth-child(2) span , .improve-feed-box .owl-dots .owl-dot.active:nth-child(3) span , .improve-feed-box .owl-dots .owl-dot.active:nth-child(4) span {
		width: 110px;
		height: 100px;
		background-size: contain;
	}

	.improve-feed-box ul li {
		padding: 5px 10px;
	}

	.row.improve-feed-warp .col-md-8 , #tab .container {
		padding: 0;
	}

	#tab>ul>li>a {
		border-bottom: #fff solid 1px;
		width: 100%;
		border-right: #fff solid 1px;
	}

	.download-list.d-flex {
		background: #ebf2ee;
		padding: 10px 0;
		margin-bottom: 10px;
		flex-wrap: wrap;
	}

	.download-list.d-flex div {
		text-align: center!important;
		padding: 5px 0;
	}

	.annex-box , .col-md.col-12.right.align-self-center , .next-prev , .start-select-box.right ,   .link-list .col-md-2.align-self-center  , .link-list .col-md-3.align-self-center {
		text-align: center;
	}

	.link-list  .col-md-7.align-self-center {
		margin: 20px 0;
	}
	a.download-icon {
	background: #00a040;
	color: #fff;
	padding: 10px 15px;
	text-decoration: none;
	border-radius: 4px;
	font-size: 1.375rem;
	font-weight: bold;
}
}


.accordion .card-header:after {
    font-family: 'Font Awesome\ 5 Free';  
	font-weight: 900;
    content: "\f068";
    float: right; 
}
.accordion .card-header.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\f067"; 
}