/**

body{
	font-family:"Helvetica Neue","Helvetica","roboto",sans-serif,"noto-sc", "noto-tc";
}
body{
  font-family: -apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,PingFang TC, Microsoft YaHei,Source Han Sans SC,Source Han Sans TC,,WenQuanYi Micro Hei;}

 body{
	font-family:"noto-serif", "noto-tc","Helvetica Neue","Helvetica";
}
 */
:root{--body-font-size: 1.1rem;}
.com-users-login{width:200px;}
.navbar-brand a{text-decoration:none;}
.mod-languages {order:2;}
.mod-languages a{color:white;}

@supports (display: grid) {
	.site-grid {
	   
	   grid-template-columns: [full-start] minmax(0, 1fr) [main-start] repeat(4, minmax(0, 16.875rem)) [main-end] minmax(0, 1fr) [full-end];
	}
}
/** timeline style of nature template */
:root{
	--tl1-btnbg: rgba(253, 161, 33, 1);
	--tl1-btnbgh: rgba(182, 107, 2, 1);
	--tl1-s1: 1rem;
	--tl1-card-shadow: 1px 1px 6px 0 rgba(12, 12, 13, .2);
}
.timeline-content a{
	color:white;
	text-decoration:none;}
#timeline .timeline-item:after,
#timeline .timeline-item:before {
  display: block;
  width: 100%;
  clear: both;
  content: "";
}
#timeline {
  position: relative;
  width: 100%;
  padding: 0 var(--tl1-s1);
  margin: 30px auto;
  transition: all .4s ease;
}
#timeline:before {
  position: absolute;
  top: 0;
  left: 50%;
  width: 3px;
  height: 100%;
  content: "";
  background: var(--tl1-btnbg);
}
#timeline:after {
  display: table;
  width: 100%;
  clear: both;
  content: "";
}
#timeline .timeline-item {
  position: relative;
  margin-bottom: 50px;
}
#timeline .timeline-item .timeline-icon {
  position: absolute;
  top: 13px;
  left: 51%;
  width: 28px;
  height: 28px;
  margin-left: -23px;
  overflow: hidden;
  background: var(--tl1-btnbg);
  border-radius: 50%;
}
#timeline .timeline-item .timeline-content {
  width: 45%;
  padding: var(--tl1-s1);
  background: #fbfbfb;
  box-shadow: var(--tl1-card-shadow);
  transition: all .3s ease;
}
#timeline .timeline-item .timeline-content h2 {
  padding: var(--tl1-s1);
  margin: calc(var(--tl1-s1)*-1) calc(var(--tl1-s1)*-1) var(--tl1-s1) calc(var(--tl1-s1)*-1);
  font-size: 1.5rem;
  color: #fff;
  background: var(--tl1-btnbg);
}
#timeline .timeline-item .timeline-content p {
  margin-top: var(--tl1-s1);
}
#timeline .timeline-item .timeline-content:before {
  position: absolute;
  top: 20px;
  left: 45%;
  width: 0;
  height: 0;
  content: "";
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 7px solid var(--tl1-btnbg);
}
#timeline .timeline-item:nth-child(even) .timeline-content {
  float: right;
}
#timeline .timeline-item:nth-child(even) .timeline-content:before {
  right: 45%;
  left: inherit;
  content: "";
  border-right: 7px solid var(--tl1-btnbg);
  border-left: 0;
}

@media screen and (max-width: 768px) {
  #timeline {
    width: 90%;
    padding: 0;
    margin: 30px;
  }
  #timeline:before {
    left: 0;
  }
  #timeline .timeline-item .timeline-content {
    float: right;
    width: 90%;
  }
  #timeline .timeline-item .timeline-content:before,
  #timeline .timeline-item:nth-child(even) .timeline-content:before {
    left: 10%;
    margin-left: -6px;
    border-right: 7px solid var(--tl1-btnbg);
    border-left: 0;
  }
  #timeline .timeline-item .timeline-icon {
    left: 0;
  }
}