@charset "UTF-8";
html,body{font-family: "微軟正黑體",Arial,DFKai-sb,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";}
html{min-width: 320px;}
/*****custom grid star******/
.col-13{
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  -ms-flex: 0 0 20%;
  flex: 0 0 100%;
  max-width: 20%}

@media (min-width:576px) {
	.col-sm-13{
		-ms-flex: 0 0 20%;
		flex: 0 0 100%;
		max-width: 20%}
}
/*****custom grid end******/
.navbar-light .navbar-toggler { border: none;}
.navbar-light .navbar-nav .nav-link{color: #676667;}
nav.navbar .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");}
nav.navbar .navbar-toggler[aria-expanded=true] .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M7.2,21.8L22.8,6.2 M7.2,6.2l15.6,15.6'/%3e%3c/svg%3e");}

nav .dropdown-item{text-align: center;;}
.breadcrumb{background-color: #FFFFFF;}
.breadcrumb-item a{color: #919191; text-decoration: none;}
.breadcrumb-item.active {color: #000000; }
.breadcrumb-item+.breadcrumb-item::before {content: ">";}
.swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23FFFFFF'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev{
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23FFFFFF'%2F%3E%3C%2Fsvg%3E");
}
.font-BiauKai{font-family: "標楷體";}
.icon{position: relative;}
.icon::before{content: "";display: block;position: absolute;left: 0;top: 0;}
.hover_animate_1{
	position: relative;
}
.color-gold{color: #AD831E;}
.bg-1st-color{background-color: #F5F5F5!important}
.btn-more a{
	color: #898989;
	font-size: 18px;
	border: 1px solid #898989;
	border-radius: 25px;
	margin: 0 auto;
	padding: 0 35px;
	text-decoration: none;
}
@-webkit-keyframes circle_bounce{
	0%, 20%, 53%, to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
    transform: translate3d(0, -30px, 0) scaleY(1.1)
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
    transform: translate3d(0, -15px, 0) scaleY(1.05)
  }
  80% {
    -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    -webkit-transform: translateZ(0) scaleY(.95);
    transform: translateZ(0) scaleY(.95)
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
    transform: translate3d(0, -4px, 0) scaleY(1.02)
  }
}
.hover_animate_1::before{
  content:'';
  position:absolute;
  z-index:1;
  bottom:-15px;
  left:0;
  right: 0;
  margin: auto;
  width:44px;
  height:3px;
  background:#eaeaea;
  border-radius:100%;
  -webkit-animation:shadow .8s infinite ; 
}
@-webkit-keyframes shadow{
  0%, 20%, 53%, to {
    transform: scale(0.85);
  }
  40%, 43% {
    transform: scale(0.85);
  }
  70% {
  }
  80% {
  }
  90% {
  }
}

footer{background-color: #c3a662;}
.footer_sitemap h5{font-size: 16px; font-weight: bolder;}
.footer_sitemap ul{padding-bottom: 15px;}
.footer_sitemap ul li a{font-size: 14px; text-decoration: none;font-weight: 300;}
.footer_info .icon{padding-left: 43px;}
.footer_info .icon::before{width: 20px;height: 20px;left: 15px;bottom: 0;margin-top: auto;margin-bottom: auto;}
.footer_info .icon:nth-child(1)::before{background-image: url("../images/icon/icon-phone.svg");}
.footer_info .icon:nth-child(2)::before{background-image: url("../images/icon/icon-fax.svg");}
.footer_info .icon:nth-child(3)::before{background-image: url("../images/icon/icon-mail.svg");}
.footer_info .icon:nth-child(4)::before{background-image: url("../images/icon/icon-times.svg");}
.footer_info .icon:nth-child(5)::before{background-image: url("../images/icon/icon-address.svg");}
.footer_info a {color: #FFFFFF; text-decoration: none;}
#gotop {
    display: none;
    position: fixed;
    right: 0;
    bottom: 15px;
    padding: 15px 15px;
    cursor: pointer;
    text-align: center;
    border-radius: 50%;
    z-index: 100;
}
.footer_info .row >div{ color: #FFFFFF; margin-top: 15px;}
.footer_info .row >div address{margin-bottom: 0;}
#gotop svg {
    width: 30px;
    height: 30px;
}
.form-01{padding-bottom: 105px; background-image: url("../images/bg-index.jpg");background-repeat: no-repeat;background-size: cover;background-position: center bottom;padding-top: 30px;}
.form-01 .container{border: 2px solid #dddddd; padding: 65px 80px; position: relative; border-radius: 25px;background-color: rgba(255,255,255,0.65);min-height: 550px;}
#download .category{width: 100%;padding-top: 45px ;display: flex;flex-wrap: wrap;}
.form-01 .container h2{position: absolute; top: -30px;left:50%;transform: translateX(-50%);background-color: #ae831d; width: 220px;height: auto;padding: 7px 0; color: #FFFFFF;z-index: 2;text-align: center;border-radius: 25px;font-family: "標楷體";}
.img-shadow{box-shadow: 3px 4px 15px #999;}
.hplink{display: block;padding: 7px 15px;background-color: #e1e1e1;text-decoration: none; color: #221816; border-radius: 25px;text-align: center; font-size: 18px; letter-spacing: 2px;margin-bottom: 20px;}
.hplink:hover{text-decoration: none; background-color: #C8C7C7; color: #221816;box-shadow: inset -2px -2px 3px #b1aeae;}
.category figcaption{font-size: 20px;color: #AD831E;padding-top: 8px;}
.category a,.category a:hover {text-decoration: none;}
.category a:hover img{box-shadow: 3px 4px 5px #999;}
.category{text-align: center;}
@keyframes animation-large{
  0% {
    transform: scale(1.0);
  }
  50% {
    transform: scale(1.8);
  }
  100% {
    transform: scale(1.0);
  }
}
@media (min-width:768px) {
}
@media (min-width:992px) {
	.navbar-brand{padding-left: 30px;}
	.nav-item .nav-link::before,.navbar-expand-lg .navbar-nav::before{content: ""; position: absolute; border-right: 1px solid #676667;width: 0; height: 16px; right: 0;top: 0; bottom: 0;margin: auto;}
	.navbar-expand-lg .navbar-nav{position: relative;padding-right: 30px;}
	.navbar-expand-lg .navbar-nav::before{left: 0;right: auto;}
  nav .dropdown-menu,nav .dropdown-menu[data-bs-popper] {left: 50%;transform: translateX(-50%);min-width: 8rem;}
}
@media (min-width:1200px) {
	.navbar-brand{padding-left: 30px;}
	.navbar-expand-lg .navbar-nav .nav-link{padding: 0.5rem 1rem;}
}
@media (max-width:991px) {
	header{padding-bottom: 70px;}
	nav.navbar {
		position: absolute!important;
		width: 100%;
		top: 0;
		left: 0;
		z-index: 10;
		min-width: 320px;
		box-shadow: 1px 1px 5px #999;
		background-color: #FFFFFF;
	}
	nav .navbar-nav { height: 100vh;}
	.navbar-nav > .nav-item {padding: 20px 0 0 0;}
	.navbar-light .navbar-nav .nav-link { color: #545454!important; font-weight: bolder; text-align: center;}
	.dropdown-item{text-align: center;}
	#navbarSupportedContent { padding: 15px 0;position: relative;}
	#navbarSupportedContent::before{position: absolute;content: ""; display: block; width: 100%; height: 1px; box-shadow: 0px -4px 2px 0px rgb(0 0 0 / 25%);
    height: 1px;}
  .navbar>.container-fluid{padding-left: 0;padding-right: 0;}
  .navbar-toggler:focus {box-shadow: none;}
  .navbar-brand{margin-left: 1rem;}
  .navbar-toggler{margin-right: 1rem;}
}
@media (max-width:767px) {
	.form-01{padding-left: 15px;padding-right: 15px;}
	.form-01 .container{padding: 65px 25px;}
	#download .category{position: relative; width: 100%;bottom: 0; margin-top: 25px;}
	#download .form-01 .container{padding-bottom: 0; }
}
@media (max-width:576px) {
	.banner-text{display: none;}
	header{padding-bottom: 58px;}
	.navbar-brand img{width: 200px!important;}
	footer .container{width: 320px;}
	.footer_sitemap{padding-top: 25px;}
}
@media (max-width:420px) {
}
@media (max-width:350px) {
}