#header_banner {
	border: 1px solid #d3d3d3;
	position: relative;
}
#topmenu .current_page_item a{
	background: #1e5463; 
	color: #fff; 
}
#topmenu a:hover {
	background: #1e5463; 
	color: #fff; 
}
.hero-7-area.breadcrumb_default {
	display: none;
}
#topmenu a {
	height: 38px !important; 
	font-size: 14px !important; 
}
.con p {
	font-family: "新細明體",Arial, Helvetica, sans-serif;
	color: #5d5d5d;
	font-size: 15px;
	font-weight: normal;
	text-align: justify;
	line-height: 23px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 17px;
	padding-left: 0;
}
.mb-30{
	margin-bottom: 30px; 
}
.blog-4__wrapper table{
	margin-left: 0;
}

@media screen and (max-width: 770px) {
    #topmenu a {
        width: inherit !important;
        margin-bottom: 6px;
        display: inline-block;
        margin-right: 10px;
        padding: 4px 4px;
        font-size: 15px;
    }
	.wpr-blog-area .row {
		flex-direction: column-reverse;
	}
	.blog-4__wrapper table tr.d-flex.align-items-center{
		flex-direction: column;
	}
	.blog-4__wrapper table tr .postbox__thumb{
		margin-bottom: 20px;
	}
	.blog-4__wrapper table tr td{
		width: 100%;
	}
}
/* =================================
   RESPONSIVE ≤ 770px
   ================================= */
@media screen and (max-width: 770px) {

#warpper {
	padding: 10px !important; 
}

strong{
	display: block;
	}
	/* wrapper & footer */
	#warpper,
	#footer {
		width: 100% !important;
		margin: 0 auto;
		padding: 10px;
	}
	br{
		display: none;
	}
	#warpper {
		overflow: hidden;
	}

	/* sob float off */
	* {
		float: none !important;
	}

	/* infobar */
	#infobar {
		height: auto;
	}

	#infobar table,
	#infobar table tr,
	#infobar table td {
		display: block !important;
		width: 100% !important;
	}

	@media screen and (max-width: 770px) {
	  #infobar #logo {
	    position: relative !important;
	    top: auto !important;
	  }
	}
	#infobar p {
		width: 100% !important;
		height: auto !important;
	}

	/* banner */
	#header_banner {
		width: 100%;
		padding-top: 72px;
	}
	.w100 {
		width: 100%;
	}

	/* top menu */
	#topmenu {
		height: auto !important; 

	}
	#topmenu a {
		width: inherit !important;
	    margin-bottom: 6px;
	    display: inline-block;
	    margin-right: 6px;
	    padding: 4px 4px;
		font-size: 15px;
	}
	#topmenu a:hover,#topmenu .tank{
		font-size: 15px;
		}
		#topmenu p {
			display: none;
		}

		/* content */
		#conent {
			width: 100%;
		}

		/* bottom menu */
		#bottommenu a {
			display: block;
			padding: 8px 0;
		}

		/* forms */
		form.cmxform {
			width: 100% !important;
		}

		form.cmxform label,
		form.cmxform label.error,
		form.cmxform input.submit {
			width: 100%;
			margin-left: 0;
		}

		input,
		textarea,
		select {
			width: 100%;
		}

		/* footer text */
		.copyright,
		.ysd {
			display: block;
			text-align: center;
			margin: 5px 0;
		}

		/* headings */
		h1, h2, h3, h4, h5, h6 {
			text-align: left;
		}
		img, svg {
		  width: inherit;
		}
		#top {
			clear: both;
			position: relative;
			z-index: 99999999999;
		}

		.blog-area-7.con{
			width: inherit;
		}
		#infobar table tr td#Layer1Td img {
			display: none !important; 
		}
		#infobar table tr td:last-child {
			display: flex !important;
			align-items: center;
		}
		#infobar p#lang {
			width: 100px !important;
		}
		#infobar p#lang {
			border-top: 0 !important; 
		}
		#header_banner {
			border: 0;
			position: relative;
		}
		#infobar #cinic{
			width: 100px !important;
		}
		.wpr-sidebar-wrapper{
			text-align: center;
		}
    #menu-menu-1 {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 5 items per row */
    gap: 0px;
    list-style: none;
    padding: 0;
    margin: 0;
  }

  #menu-menu-1 li {
    text-align: center;
    margin: 0;
  }
  #topmenu a{
		padding: 2px 2px !important;
    font-size: 14px !important;
    height: 26px !important;
  }
  #warpper{
  padding-left: 10px;
  }
}

.blog-area-7 .content p{
	padding: 0 !important; 
	margin-left: 0 !important; 
	text-align: left;
}

.blog-area-7 .content .blog_title a{
	color: #2f829b;
  	text-decoration: none;
  	font-family: Arial, Helvetica, sans-serif;
  	font-size: 15px;
}
.comments-area.postbox__comment.latest-comments{
	display: none;
}

.wpr-postbox-details-navigation {
	word-break: break-word;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: 60px; 
}
.wpr-postbox-details-navigation-content .prev-post, .wpr-postbox-details-navigation-content .next-post{
  width: 45px;
  height: 45px;
  border-radius: 45px;
  line-height: 45px;
  display: inline-block;
  text-align: center;
  margin-right: 5px;
  transition: all 0.4s ease-in-out;
  color: #fff;
}
.wpr-postbox-details-navigation-content .next-post{
  margin-left: 5px;
}
/* new blog details pagi */
.wpr-postbox-details-navigation-btn {
	display: flex;
	justify-content: center;
	align-content: center;
	text-decoration: none;
}
.wpr-postbox-details-navigation-content .prev-post svg, 
.wpr-postbox-details-navigation-content .next-post svg
{
	height: 2em;
	color: #98B83B;
	fill: #98B83B;
}
.wpr-postbox-details-navigation-content .wpr-postbox-details-navigation-title .wpr-pagi-title{
	font-size: 20px;
	font-weight: 700;
	font-family: "Arial", Sans-serif;
	color: #2F829B;
	display: block;
}
.wpr-postbox-details-navigation-content .wpr-postbox-details-navigation-title .wpr-prev-post-title{
	font-family: "Arial", Sans-serif;
  font-size: 20px;
  font-weight: 700;
  color: #98B83B;
}
.elementor-post-navigation__separator-wrapper .elementor-post-navigation__separator {
	background-color: #d5d8dc;
	height: 45px;
	margin: 0 auto;
	width: 1.5px;
}
/* new blog details pagi end*/

.content a {
	color: #2f829b;
}

/* pagination */
.pagination ul {
	display: flex;
}
.pagination ul li .current {
	background-color: #9da719;
  padding: 5px !important;
  color: #fff !important;
  width: 30px;
  max-width: 30px;
  padding-left: 0;
  padding-right: 0;
  font-size: 16px !important;
  display: inline-block;
  text-decoration: none;
  text-align: center;
}
.pagination ul li a {
background-color: #2f829b;
  padding: 5px !important;
  color: #fff !important;
  width: 30px;
  max-width: 30px;
  padding-left: 0;
  padding-right: 0;
  font-size: 16px !important;
  display: inline-block;
  text-decoration: none;
  text-align: center;
}
.pagination ul li a:hover{
	background-color: #9da719;
}
.mb-20{
	margin-bottom: 20px; 
}

.wpr-postbox-details-area {
	padding: 50px 0px;
}

/* new css */
@media screen and (max-width: 770px) {
	#topmenu a {
		width: inherit !important;
		margin-bottom: 6px;
		display: inline-block;
		margin-right: 10px;
		padding: 4px 4px;
		font-size: 15px;
	}
}
.wpr-postbox-details-navigation-title.text-right {
	text-align: right;
}