F@media (max-width: 576px) {
  main.page {
    padding-top:162px !important;
  }
}
@media (min-width: 576px){
	.portfolio-navbar.fixed-top+.page {
    	padding-top: 8rem !important;
	}
}

.title_bg {
  background:linear-gradient(rgba(222,222,222,1),white);
  height:74px;
  position:fixed;
}

.navbar {
  /*margin-top:144px;*/
}

.portfolio-navbar .navbar-nav .nav-item 
{
	padding-right:1rem;
}

body {
  color:#897870;
  /*font-size:16px;*/
  font-family:'Noto Sans TC', sans-serif;
  -webkit-font-smoothing: antialiased; 
  -moz-osx-font-smoothing: grayscale; 
  font-smooth: always;

}



.navbar-dark .navbar-brand, .navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-nav .nav-link , .dropdown-item , .dropdown-item:focus, .dropdown-item:hover ,.dropdown-item:active{
  color:#897870;
}

.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover  {
  color:#897870;
}
 .dropdown-item:focus, .dropdown-item:hover ,.dropdown-item:active
 {
	 background-color:transparent;
 }
.navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link {
  color:#897870;
}

#navbarDropdown > div.dropdown-menu , #navbarDropdown > div.show
{
	background:linear-gradient(rgba(222,222,222,1),white);
}

.news_date {
  width:75px;
  height:86px;
  /*background:linear-gradient(#897870,white);*/
  color:white;
}

.news_title {
  margin-left:20px;
  /*text-align:left;*/
  height:75px;
  word-break:normal;
  overflow:hidden;
  text-align:justify;
  width:100%;
}
.news_title a,.news_title a:hover,.news_title:active
{
  color:#897870;
}

.navbar-dark .navbar-toggler {
  /*color:#897870;*/
  border-color:hsla(0,0%,100%,.1);
  background-color:#897870;
}

@media (max-width: 768px) {
  #news > div {
    margin-left:50px;
    padding-right:50px;
  }
}

.adbar
{
	padding-top:25px;
}
.adbar > div
{
	padding-bottom:15px;
}
.content_title {
  /*background:linear-gradient(#B6B6B7,white);*/
  /*color:white;*/
}

.about_title {
  text-align:left;
}

.join_title {
  text-align:left;
}

.txt_left {
  text-align:left;
  font-size:15px;
}

#search_form {
  text-align:left;
}



#news > div {
  padding-top:10px;
}

#news > div:nth-child(odd) > div.news_date {
  background:linear-gradient(rgba(137,120,112,1),rgba(255,255,255,0));
}

#news > div:nth-child(even) > div.news_date {
  background:linear-gradient(rgba(182,183,183,1),rgba(255,255,255,0));
}

.index_top_img {
  /*padding-bottom:15px;*/
}

.top_nav {
  background:linear-gradient(rgba(222,222,222,1),white);
}
@media (min-width:1200px)
{
	.top_nav {
		padding-top:74px;
	 }
}
.portfolio-navbar.navbar {
  border-bottom:1px solid #897870;
  box-shadow:none;
}

@media (min-width: 768px) {
  .join_page {
    background-image:url('../../assets/img/eggs-join.jpg');
    background-repeat:no-repeat;
    background-attachment:fixed;
    background-position:left center;
	padding-bottom:170px;
	background-size: contain;
    /*margin-bottom:170px;*/
  }
  .about_page {
    background-image:url('../../assets/img/bg-about.jpg');
    background-repeat:no-repeat;
    background-attachment:fixed;
    background-position:-100px center;
	
    padding-bottom:170px;
	background-color:white;
	background-size: auto 80%;
  }
  .downloads_page {
    background-image:url('../../assets/img/bg.downloads.png');
    background-repeat:no-repeat;
    background-attachment:fixed;
    background-position:right bottom;
	padding-bottom:100px;
	background-size:auto 100%;
	background-color:#EDF1F0;
	/*background-size: contain;*/
    /*margin-bottom:100px;*/
  }
  .downloads_page2 {
    background-image:url('../../assets/img/bg.downloads2.png');
    background-repeat:no-repeat;
    background-attachment:fixed;
    background-position:right center;
	background-size:auto 100%;
	padding-bottom:174px;
	background-color:#E8E7E3;
	/*background-size: contain;*/
    /*margin-bottom:100px;*/
  }
  .search_page {
    background-image:url('../../assets/img/eggs.box-search.jpg');
    background-repeat:no-repeat;
    background-attachment:fixed;
    background-position:-425px center;
	background-size: auto 100%;
    /*margin-bottom:170px;*/
  }
    .specification_page {
    background-image:url('../../assets/img/eggs-table-specification.jpg');
    background-repeat:no-repeat;
    background-attachment:fixed;
    background-position:500px -20px;
	background-size: auto 100%;
	background-color:#F3F4F6;
    /*margin-bottom:170px;*/
  }
    .inspectionarea_page {
    background-image:url('../../assets/img/bg.inspectionarea.jpg');
    background-repeat:no-repeat;
    background-attachment:fixed;
    background-position:right center;
	background-size:auto 100%;
	padding-bottom:174px;
	background-color:#E8E7E3;
	/*background-size: contain;*/
    /*margin-bottom:170px;*/
  }
}
.search_page
{
	padding-bottom:170px;
}
.downloads_page
{
	padding-top:120px !important;
}

.join_page > section > div.container {
  background-color:rgba(0,0,0,0);
}

.portfolio-block.block-intro p {
  font-size:16px;
}

.white_bg {
  background:rgba(137,120,112,0.8);
  color:white;
  border-color:#897870;
  border-radius:.25rem;
  width:132px;
}

.white_bg:hover {
  background-color:#897870;
  color:white;
  border-color:#897870;
  border-radius:.25rem;
}

.white_bg:active {
  background-color:#897870;
  color:white;
  border-color:#897870;
  border-radius:0px;
}

@media (min-width: 562px) {
  .flow_img {
    max-width:520px;
  }
}

@media (min-width: 768px) {
  .flow_img {
    max-width:640px;
  }
}

@media (min-width: 992px) {
  .about-content-title {
    justify-content:flex-end!important;
  }
}

@media (max-width: 991px) {
  .about-content-title {
    justify-content:center!important;
  }
}

@media (max-width: 576px) {
  .mobile_join {
    display:block;
  }
}

@media (min-width: 577px) {
  .mobile_join {
    display:none;
  }
}

@media (max-width: 576px) {
  .flow_img {
    display:none;
  }
}

.about-content p:first-child {
  padding-top:55px;
}

.pagination {
  align-items:center;
}

.pagination_info {
  padding-top:15px;
}

input, select {
  border:1px solid #897870 !important;
  background-color:rgba(255,255,255,0.7) !important;
}

.page-link {
  border:1px solid #897870;
  background:rgba(255,255,255,0.7)!important;
}

.page-link:active {
  border:1px solid #897870;
  background-color:#897870 !important;
  color:white !important;
}

.page-link:hover {
  border:1px solid #897870;
  background-color:#897870 !important;
  color:white !important;
}

.table {
  background:rgba(255,255,255,0.7);
}

.table td, .table th {
  border-top:1px solid #897870 !important;
}

.table thead th {
  border-bottom:1px solid #897870 !important;
  vertical-align:middle;
  background:#897870;
  color:white;
  font-weight:lighter;
}

.download_table thead {
  background:#897870;
  color:white;
}
.download_table a ,.download_table a:active{
  color: #707089;
}
.download_table a:hover
{
	color: #897870;
}
@media (max-width: 780px) {
	
	.download_table  tr > td:nth-child(3) ,.download_table  tr >th:nth-child(3)
	{
		display:none;
	}
	
}
.download_table
{
	text-align:left;
}
.download_table > tbody > tr > td:nth-child(1)
{
	text-align:center;
	
}
.download_table > thead > tr > th:nth-child(1)
{
	text-align:center;
	width:120px;
}
.download_table > thead > tr > th:nth-child(3)
{
	width:120px;
}
.text-center {
  line-height:23px;
  margin:0px;
  padding:0px;
}

/*@media (max-width: 500px) {
  .table-responsive {
    overflow-x:scroll;
  }
  .table-responsive .table {
    min-width:540px;
  }
}*/



nav.navbar.shrink {
  padding-top:0px;
}

@media (max-width: 360px) {
  img.qrcode {
    width:100%;
  }
}

#search_form {
  box-shadow:none;
}
h2.mode_title{
	font-weight:300;
	padding-top:10px;
	padding-bottom:10px
}




.jobspec
	{
		text-align:justify;
		line-height: 24px;
		letter-spacing: 2px;
	}
	.jobspec ol > div 
	{
		padding-top:5px;
		padding-bottom:5px;
	}
	.process,.control,.use
	{
		list-style-type:none;
		counter-reset: list;
	}
	
	.process > li::before
	{
		counter-increment: list;
		content: "( " counter(list, upper-alpha) " )";
		
		/*display: inline-block; */
		width: 1em; 
		margin-left: -1.5em;
		margin-right: 0.5em; 
		text-align: left; 
		
	}
	.control > li::before ,.use > li::before
	{
		counter-increment: list;
		content: "(" counter(list, cjk-ideographic) ")";
		width: 1em; 
		margin-left: -1.5em;
		margin-right: 0.5em; 
		text-align: left; 
	}
	.spec_word_title
	{
		margin-left : 40px;
		
	}
	
	.step
	{
		/*padding-left:25px;
		padding-right:25px;*/
		max-width:300px;
		padding-top:15px;
		padding-bottom:15px;
	}