@media screen and (max-width:992px) { 
  html{
    font-size: 10px !important;
  }
  #bg{
    padding-top: 3rem;
    
}
}

body {
  font-family: "Helvetica", "Arial","LiHei Pro","黑體-繁","微軟正黑體", sans-serif;
  /* padding-top: 54px; */
  background:#f2f2f2;
}

.card-word-font{
  white-space: normal ;
}
.soon{
	font-size: 1px;
}
.card{
	  background:#f4f4f4;
    padding-top:20px;
    padding-left:20px;
    padding-right:20px;
    padding-bottom:20px;
  }

.card-word{
  white-space: nowrap ;
    padding-top:5px;
    padding-left:5px;
    padding-right:5px;
    padding-bottom:5px;
}

@media (min-width: 992px) {
  .card-word{
    height: 22rem !important;
}
  .container{
    max-width:1600px
  } 
  body {
    padding-top: 0;
    /* padding-left: 23rem; */
    background:#f2f2f2;
  }
  section
{
  /* margin-left: 20rem; */
  /* margin-left: 37vmin; */
}
 #bg{
   /*height: 450px;*/
  /* padding-left: 19rem; */
}


}
.img{
  cursor:pointer;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 600;
  text-transform: uppercase;
}

h1 {
  font-size: 5.5rem;
  line-height: 5.5rem;
  /* color :	#FFAF60	; */
}

h2 {
  
  font-size: 2.5rem;
}

h3 {
  font-size: 2rem;
  /* font-size: 3vmin; */
}


.subheading {
  text-transform: uppercase;
  font-weight: 500;
  font-size: 1.8rem;
  color:#666666;
}

.subheading2
{
  font-size: 1.5rem;
  /* font-size: 2.5vmin; */
  color:#666666;
}
.subheading3
{
  /* font-size: 2vmin; */
  font-size: 1.2rem;
  color:#666666;
}
.subheading4
{
  /* font-size: 2vmin; */
  font-size: 1rem;
  color:#666666;
}
#sideNav .navbar-nav .nav-item .nav-link {
  font-weight: 800;
  font-size: 1.2rem;
  /* letter-spacing: 0.05rem; */
  text-transform: uppercase;
}



section.csmot-section {
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
  max-width: 120rem;
}
section.csmot-section2 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
  max-width: 120rem;
}

@media (min-width: 768px) {
  section.csmot-section {
    min-height: 80vh;
  }
  section.csmot-section .csmot-item .csmot-date {
    min-width: 18rem;
  }
}


@media (min-width: 992px) {
  section.csmot-section {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
.navbar-transparent {
  background-color: rgba(0, 0, 0, 0.3)  !important;
  background: rgba(0, 0, 0, 0.3)  !important;
  border-color:rgba(0, 0, 0, 0.3)  !important;
  color:black !important;
}
  .navbar {
    padding: 20px 0;
    -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
    -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
    transition: background .5s ease-in-out,padding .5s ease-in-out;
}

.top-nav-collapse {
    padding: 0;
}
}

}

/* .bg-primary {
  background-color: #BD5D38 !important;
}  */

/* .text-primary {
  color: #BD5D38 !important;
} */

 .link {
   color: #BD5D38;
} 


a:hover, a:focus, a:active {
  color: #824027; 
} 


ul.timeline {
  list-style-type: none;
  position: relative;
}
ul.timeline:before {
  content: ' ';
  background: #d4d9df;
  display: inline-block;
  position: absolute;
  left: 29px;
  width: 2px;
  height: 100%;
}
ul.timeline > li {
  margin: 20px 0;
  padding-left: 20px;
}
ul.timeline > li:before {
  content: ' ';
  background: white;
  display: inline-block;
  position: absolute;
  border-radius: 50%;
  border: 3px solid #22c0e8;
  left: 20px;
  width: 20px;
  height: 20px;
}

/* #cfplist li{
  display:inline;
  margin-right: 10px;  
] */

@media (min-width: 992px) {
 #cfplist{
  overflow:hidden;
  width:100%;
} 
#cfplist li{
  padding-left:10%;
  width:33%;
  float:left; 
} 


.line{
  position: relative;
}
.line::after{
  content: "";
  position: absolute;
  top:0;
  bottom:0;
  width: 3px;
  left: 50%;
  transform: translateX(-50%);
  background-color:	#750000			;
}
.linepoint{
  position: relative;
}
.linepoint::after{
  content: "";
  position: absolute;
  top:0;
  bottom:0;
  width: 15px;
  height: 15px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 50%;
  border: 3px solid 	#750000		  ;
  background-color:	#750000		;
  z-index: 1;
}
}

.table-f{
  font-size:1.2rem;
}

/* button{
  width: 250px;
} */

.breathe-div {
  
  box-shadow: 0 1px 2px rgba(0, 0, 5, 0.3); 
  overflow: hidden;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-name: breathe;
  -webkit-animation-duration: 2000ms;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
}

@-webkit-keyframes breathe {
  0% {
      opacity: .4;
      box-shadow: 0 1px 2px rgba(0, 147, 223, 0.4), 0 1px 1px rgba(223, 152, 0, 0.849) inset;
  }

  100% {
      opacity: 1;
      border: 1px solid rgba(59, 235, 235, 0.7);
      box-shadow: 0 1px 30px #ff94a3 , 0 1px 20px #ff94a3  inset;
  }
}

#gotop {
  display: none;
  position: fixed;
  right: 1rem;
  bottom: 20px;
  padding: 10px 15px;
  font-size: 15px;
  color:#FF5809;
  cursor: pointer;
  }
}