@charset "utf-8";
body{
    background-color: rgba(255,255,255,1.00);
    background-image: url(images/background.jpg);
    background-position: center -50px;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    font-family: "微軟正黑體";
}

.page01{
	max-width: 1140px;
	margin-top: 5%;
	margin-bottom: 1%;
}

#photo_s div{
	margin-bottom: 30px;
}

.text_title{
    line-height: 1.8em;
    font-size: 1.4em;
    font-weight: bold;
}

.photo{
    border-radius: 20px;
    padding: 3%;
    background-color: #FFFFFF;
    -webkit-box-shadow: 0px 0px 10px #999;
    box-shadow: 0px 0px 20px #999;
}

.photo img{
    border-radius: 20px;	
}

.card_bot img {
	width: 100%;
	-webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease ,;
}

.card_bot img:hover {
    opacity: 1;
    transform: translateY(-10px);
}

.title_main{
    font-weight: 800;
    color: #FFFFFF;
    text-shadow: 0px 3px 5px rgba(0,0,0,1.00);
	margin-top: 3%;
}

.col-12{
	line-height: 35px;
}


@media (max-width: 575.98px) { 
body{
    background-color: rgba(255,255,255,1.00);
    background-image: url(images/background.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.text_title{
    line-height: 1.5em;
    font-size: 1.2em;
}
	
.page01{
	
	margin-top: 60px;
}	
	
}



@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}


.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.animated.delay-0s {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}


.animated.delay-1s {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

.animated.delay-2s {
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s;
}

.animated.delay-3s {
  -webkit-animation-delay: 1.4s;
  animation-delay: 1.4s;
}

.animated.delay-4s {
  -webkit-animation-delay: 1.6s;
  animation-delay: 1.6s;
}

.animated.delay-5s {
  -webkit-animation-delay: 1.8s;
  animation-delay: 1.8s;
}

.animated.delay-6s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.animated.delay-7s {
  -webkit-animation-delay: 2.2s;
  animation-delay: 2.2s;
}

.animated.delay-8s {
  -webkit-animation-delay: 2.4s;
  animation-delay: 2.4s;
}

.animated.fast {
  -webkit-animation-duration: 800ms;
  animation-duration: 800ms;
}

.animated.faster {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
}

.animated.slow {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.slower {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
}

@media (prefers-reduced-motion) {
  .animated {
    -webkit-animation: unset !important;
    animation: unset !important;
    -webkit-transition: none !important;
    transition: none !important;
  }
}