/* Custom Stylesheet */
/**
 * Use this file to override Materialize files so you can update
 * the core Materialize files in the future
 *
 * Made By MaterializeCSS.com
 */
 @import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);

 body,h1, h2, h3, h4, h5, h6 {
   font-family:"Noto Sans TC", sans-serif;
 }
 h1{
  color: #da251d;
 }
 p{
  /* color: #242423; */
  color: #555555;
  text-indent: 2em;
 }
 .title-underline{
  /* margin: 0;
  font-size: 24px;
  position: relative;
  font-weight: normal; */
  margin-bottom: 60px; 
  border-bottom: solid 4px #da251d;  /* 自訂的顏色 */
  border-radius: 0px 0px 160px 0px/0px 0px 20px 4px;
  /* border-image: linear-gradient(to right, #F08080, #da251d) 1; */
  /* text-shadow: 0px 3px 0px #f5c686, */
             0px 14px 10px rgba(0,0,0,0.15),
             0px 24px 2px rgba(0,0,0,0.1),
             0px 34px 30px rgba(0,0,0,0.1);
  /* text-shadow: 0px 3px 0px #b2a98f,
             0px 14px 10px rgba(0,0,0,0.15),
             0px 24px 2px rgba(0,0,0,0.1),
             0px 34px 30px rgba(0,0,0,0.1); */
  font-style: italic;
  /* font-weight:bold; */
 }
 .w3-cursor-hand {
   cursor: pointer;
 }
 .copy {
  background: #000000;
  border-top: 2px solid #da251d;
  text-align: center;
  color: #ffffff;
  /*font-size: 0.75em;*/
  padding: 20px;
  /*line-height: 2;*/
  }
  .copy_bottom {
    background: #da251d;
    /*border-top: 2px solid #da251d;*/
    text-align: center;
    color: #ffffff;
    /*font-size: 0.75em;*/
    padding: 40px;
    /*line-height: 2;*/
    }
  .mySlides {display:none;}    
  .table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

.table-responsive table {
    width: 100%;
    white-space: nowrap;
}

.myRad {
  border-radius: 8px 8px 0 0;
}

.yf-italic:hover {
  font-style: italic;
  color: #da251d !important;
}

.w3-animate-left {
  /* position: relative; */
  animation: animateleft 3s
}
.w3-animate-right {
  /* position: relative; */
  animation: animateleft 3s
}

.w3-animate-bottom {
  /* position: relative; */
  animation: animatebottom 2s
} 

.yf-animate-banner{position:relative;animation:yf-animate-banner 2s}@keyframes yf-animate-banner{from{bottom:-180px;opacity:0} to{bottom:0;opacity:1}}

.w3-animate-top {
  /* position: relative; */
  animation: animatetop 2s
}
.w3-animate-zoom {
  animation: animatezoom 1.5s
}
.yf-banner-text{
  font-size:2.0vw;
  color: #ffffff;
  font-style: italic;
  font-weight:bold;
  opacity: 1 !important;
  vertical-align: middle;
}
.yf-banner-bg{
  display: inline-block;
  background:#da251d;
  opacity: .6;
  padding-top: 0px;
  padding-bottom: 0px;
}
.w3-deep-orange{
  background-image: linear-gradient(#ff5722, #ff9800);
}
yf-indent-2{
  text-indent: 2em !important;
}
.yf-bookmark{
  text-indent: -1em;
  margin: 0;
}
hr.style-two {
  border: 0;
  height: 2px;
  background-image: linear-gradient(to right, rgba(0,0,0,0.6), rgba(0,0,0,0), rgba(0,0,0,0.6));
  margin: 10px 20px;
}