/* h1,h2,h3,h4,h5,h6{font-family:PingFangTC-Regular, "Noto Sans TC", sans-serif, "Microsoft JhengHei", "Noto Sans TC", sans-serif, Arial} */

.bg01{background:#fff}
.bg02{background:#2E2E2E}
.bg03{background:#e5e5e5}
.bg05{background:#222222}
.bg06{background-image:url(../img/bg_1.jpg);background-repeat:no-repeat;background-size:cover;padding:1px}
/* .bg07{background:#FFC815} */
.bg07{background:#2b6ed4}
.bg08{background:#bb1e24}
.text01{color:#023047}
.text02{color:#fff}
.btn i.bi{margin-right:5px;}
.btn01{background:#565656;color:#fff;letter-spacing:2px;}
.btn02{background:#565656;color:#fff;letter-spacing:2px;}
.btn03{background:#513c62;color:#fff;letter-spacing:2px;}
.btn01:hover,.btn01.active{/*background:#fff;*/color:#8f67b0 ;border:1px #8f67b0  solid}
.btn02:hover,.btn02.active{color:#ffc815;border:1px #ffc815 solid}
.btn03:hover,.btn03.active{background:#fff;color:#513c62;border:1px #513c62 solid}
.Swiper_pro_one img,.Swiper_pro_many img{border:1px #d7d7d7 solid}
.border01{border:1px #0d3f96 solid;}
.bg{background:url(../img/bg002.jpg)center center no-repeat;background-attachment:fixed;background-size:cover}
.bg_404{background:url(../img/404.jpg)center center no-repeat;background-attachment:fixed;background-size:cover}
.bg_img{background:url(../img/bg_4.jpg)center center repeat;background-attachment:fixed;}
.bg_text{
	position: relative;
	float:left;
	width:100%;
	height:700px;
}
.bg_text > div{
	background: url(../img/bg_3.jpg)no-repeat left / cover;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
}
.bg_text h1 {
	width:50%;
	mix-blend-mode: screen;
	display: flex;
	flex-flow: column;
	justify-content: center;
	margin: 0;
	padding:1em;
	background: #fff;
	color: black;
	font-weight:900;
	font-size:3em;
	line-height:1.5em;
	text-transform: uppercase;
	max-width: max-content;
	height: 100%;
}
header{box-shadow: 0 0 35px rgb(15 35 45 / .5);}
#next{padding:120px;}
.Swiper_ran .swiper-wrapper{position:relative;}
.scroll_button{position:absolute;bottom:0;left:50%;transform: translateX(-50%);z-index:2;}
.scroll_button a{font-size:3em;background:#999;color:#fff;padding: 4px 10px;border-radius: 50%;}
/* .breadcrumb,.breadcrumb a{color:#666}
.breadcrumb a:hover{color:#3D9839} */
.swiper-button-next,.swiper-button-prev{color:rgba(0,0,0,.5);width:auto;height:auto;padding:5px}
.blog_header{margin-bottom:15px}
.navbar-toggler{color:#46800D ;font-size:2em;border:1px #46800D  solid}
.head_logo{height:100px;margin:.5rem;transition: .3s ease-in-out;}
.head_logo.img_h_min{height:80px !important;transition: .3s ease-in-out;}
#nav_menu .nav-link,.home{position:relative;}
/* #nav_menu .nav-link:hover,.home:hover,.home.active,#nav_menu .nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:#2b6ed4;background:transparent} */
#nav_menu i.bi{margin-right:5px}
/* #nav_menu .nav-link:after{
	position: absolute;
    content: "";
    width: 0;
    height: 5px;
    /*background: #44BBA4;*/
    left: 60%;
    bottom: 22px;
    transition: all 0.4s ease-in-out;
} */
#nav_menu .nav-link:before{
	position: absolute;
    bottom: 7px;
    width: 80px;
    /* height: 2px; */
    background-color: #C31120;
    -webkit-transform: scale(0,1);
    -ms-transform: scale(0,1);
    -webkit-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
    -webkit-transition: -webkit-transform .5s ease;
    transition: -webkit-transform .5s ease;
    -o-transition: transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease,-webkit-transform .5s ease;
    z-index: -1;
}
.navbar-nav {--bs-nav-link-padding-y: 0.7rem;}
.icon li{list-style-type: none;margin-right: 1.5rem;}
.icon li i{color:#2b2b2b;margin-right: 0.4rem;}
.icon li a{color:#2b2b2b;}
.icon li a:hover{color:#fff;}
.icon li span{color:#2b2b2b;}
.about h2{font-weight:700;letter-spacing:2px;
	color: #96bf28;
	background: rgb(71,139,200);
	background: -moz-linear-gradient(left,  #3d3d3d 0%, #3d3d3d 49%, #478BC8 51%, #478BC8 100%);
	background: -webkit-linear-gradient(left,  #3d3d3d 0%,#3d3d3d 49%,#478BC8 51%,#478BC8 100%);
	background: linear-gradient(to right,  #3d3d3d 0%,#3d3d3d 49%,#3d3d3d 51%,#3d3d3d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d3d3d', endColorstr='#478BC8',GradientType=1 );
	display: inline-block;
	-webkit-background-clip: text;
}
/*.about h2:after{content:"";display:block;width:100%;height:3px;background:#e21321;margin-left: 1.5rem;margin-top: 0.5rem;text-align: center;}*/
.about h6{font-style:italic;color:#999;}
.about i.bi{margin-right:5px}
.about_img{text-align:center}
.about_img img{border: 1px #369fff solid;border-radius:100%;padding:10px;}

.hr_all{width: 75%;margin: 0 auto;margin-top: 2rem;}
.hr_all_2{width: 100%;margin: 0 auto;margin-top: 2rem;}
.main_title h4{font-weight:900;position:relative;margin:0;}
.main_title h5{color:#555;}
.main_title h4:after{content:"";display:block;width:45px;height:1px;background:#513c62;margin:3px 0px 11px 0px;}
.main_title_two h4{font-weight:900;position:relative;margin:0;}
.main_title_two h4:after{content:"";display:block;width:100%;height:1px;background:#d9d9d9;margin:10px 0px 11px 0px;}

footer ul{list-style-type:none;padding:0}
footer h3{padding-bottom:10px;border-bottom:1px #fff solid}
.img_list ul{text-align:center;display:flex}
.img_list ul li{display:block; margin-right:30px;}
.sitemap_list li::before{font-family:bootstrap-icons;content:"\F2E1";display:inline-block;margin-right:5px}
.icon img{width:60%;-webkit-filter:drop-shadow(2px2px0pxrgba(0,0,0,0.7));filter:drop-shadow(2px2px0pxrgba(0,0,0,0.7));/*background:#fff;border-radius:8rem;*/margin:10px 16%;padding:5%}
footer i.bi{margin-right:5px;}
footer .icon i.bi{color:#fff;}
footer .icon i.bi{font-size:1.5em;border:1px #fff solid;border-radius:50px;padding:6px 10px}
footer .icon i.bi-line{background:#06C655}
footer .icon i.bi-facebook{background:#4267B2}
footer .icon i.bi-instagram{
	background: #1e5799; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #1e5799 0%, #405de6 0%, #5b51d8 11%, #833ab4 22%, #c13584 33%, #e1306c 44%, #fd1d1d 55%, #f56040 66%, #f77737 77%, #fcaf45 88%, #ffdc80 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  #1e5799 0%,#405de6 0%,#5b51d8 11%,#833ab4 22%,#c13584 33%,#e1306c 44%,#fd1d1d 55%,#f56040 66%,#f77737 77%,#fcaf45 88%,#ffdc80 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  #1e5799 0%,#405de6 0%,#5b51d8 11%,#833ab4 22%,#c13584 33%,#e1306c 44%,#fd1d1d 55%,#f56040 66%,#f77737 77%,#fcaf45 88%,#ffdc80 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#ffdc80',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
footer .seo{overflow:hidden}
footer .seo div{animation:maruqee 30s linear infinite;display:inline-block;width:max-content;padding-left:100%}
footer .seo div:hover{animation-play-state:paused}
.marquee .seo{overflow:hidden}
.marquee .seo div{animation:maruqee 30s linear infinite;display:inline-block;width:max-content;padding-left:100%}
.marquee .seo div:hover{animation-play-state:paused}
@keyframes maruqee {0% { transform: translate(0, 0); }100%{transform:translate(-100%,0)}}

/*.card{background:transparent;border:none;}
.card_title{color:#727272;font-weight:900}
.card-img-top{padding:0 10px;}
.card-body{background:#EDEFEE;box-shadow:0 0 10px #a8a8a8}
.card_time{background:#404a60;color:#fff;margin:0;padding:5px 25px}
.card_time:before{position:absolute;top:33px;left:0;content:'';width:0;height:0;border-color:transparent #000 transparent transparent;border-style:solid;border-width:0 9px 9px 0}*/

.card_time{color:#666;margin: 0rem 0.3rem;padding:5px 14px}
.card_time_tow{color:#666;margin: 2rem 1.3rem;font-size: 30px;padding:5px 15px}
.card_solid{border-left: 1px solid #CCC;height: 96px;}
.card_b{border: none;}

.result_box .result_img{width:30%;border-radius:30px;float:left;border:1px solid #8f67b0;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.result_box .result_content{width:70%;float:left;padding:10px;}
.result_time{border-right:1px #000 solid;padding-right:5px}
.result_title{color:#8f67b0;font-weight:900;border-top:1px #8f67b0 solid;border-bottom:1px #8f67b0 solid;padding:5px 0}
.result_box:hover{background:linear-gradient(totop,#F2E8CF30%,transparent)}
#pro_menu .nav-link{background:#fff;color:#386641;border:none;border-radius:0}
#pro_menu .nav-link:hover,#pro_menu .nav-link.active{background:#0d3f96;color:#fff}
.carousel-indicators [data-bs-target]{background:#00205b}
.product_box{position:relative;background:#fff;transition:all ease .5s;box-shadow: 0 0 15px rgb(15 35 45 / .3);}
.product_box h5{padding:20px 10px;color: #000; background-color: #efefef;}
.product_box h5:hover,.product_box:hover h5{color: #000;}
.product_btn{display:block;}
.img_box{overflow:hidden;transition:all ease .5s}
.product_box img:hover{transform:scale(1.1);transition:all ease .5s;color: #5e5c5c;}
.product_box:hover .product_btn{color:#fff;background:#676767;transition:all ease .5s}
.product_box:hover h5{position:relative;}

.Swiper_pro .swiper-pagination-bullet{width:20px;height:20px;text-align:center;line-height:20px;font-size:12px;color:#000;opacity:1;background:rgba(0,0,0,0.2)}
.Swiper_pro .swiper-pagination-bullet-active{color:#fff;background:#007aff}
.pro_shadow{box-shadow:0 0 10px #d3d0d0;transition:all ease .5s}
.contact_info{display: block;
    text-align: left;
    color: #fff;
    margin-bottom: 5px;
    padding: 0.7rem 0rem 0.2rem;
    background: #0e4097;
    transition: all ease .5s;
    border-radius: 10px;
    width: 100%;
}
.contact_info:hover{color:#0e4097;background: rgb(141 141 141 / 20%);transition:all ease .5s;}
.contact_info_two{display: block;
    text-align: left;
    color: #fff;
    margin-bottom: 5px;
    padding: 0.7rem 0rem 0.2rem;
    background: #ac2925;
    transition: all ease .5s;
    border-radius: 10px;
    width: 100%;
}
.contact_info_two:hover{color:#fff;background:#d43f3a;transition:all ease .5s;}
.contact_box{background:rgba(255,255,255,.9)}
.contact_box form{padding:20px}
.contact_box form .form-control,.contact_box form .form-select{border:none;border-bottom:1px #0A3E70 solid;border-radius:0;background:rgba(255,255,255,0)}
.contact_box label{color:#0A3E70}
.contact_box input:hover,.contact_box textarea:hover,.contact_box select:hover{background: rgba(71,139,200,.2);}
.contact_box .btn{border:1px #0A3E70 solid;color:#0A3E70}
.contact_box .btn:hover{background:#0A3E70;color:#fff}
.co_icon{margin: 0.5rem !important;}
.co_hr{margin: 1rem;width: 95%;}
.pagebtn{list-style-type:none;display:inline-block}
.pagebtn li{display:inline}

.Swiper_result .result_box:hover,footer .icon i.bi-youtube{background:red}
.text02,footer,footer a,.copyright,.copyright a,footer .icon i.bi:hover{color:#fff}
.navbar-toggler i.bi,.contact_info i.bi,.pagebtn i.bi,.fix_right i.bi{margin:0}
.about,footer{position:relative}
.Swiper_result .result_box:hover .result_img,.result_box:hover .result_img{opacity:.8}
.img_box img,.product_box:hover{transition:all ease .5s}
/*youtube*/
.video_container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.video_container iframe, .video_container object, .video_container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/*video*/
.video_title{
	background:#efefef;
	color:#11345C;
	padding:10px;
	text-align:center;
}
.video_cont{
	color:#313131;
	padding:5px;
	border-bottom:1px dotted  #313131;
}
.video_title .bi{
	margin: 9px;
}
@media only screen and (max-width: 1200px) {
	.contact_info{word-break:break-all}
}
@media only screen and (max-width: 992px) {
	.head_logo{height:80px}
	.phone_menu_one{background:#fff;border-top:1px solid #8f67b0;box-shadow:0 2px 8px #ddd}
	.Swiper_result .result_box .result_img{width:90%;margin:5%}
	.Swiper_result .result_box .result_content{width:90%;float:left;margin:5%}
	#nav_menu .nav-item,.nav.navbar-nav .dropdown-item{width:100%;text-align:center;border-bottom: 1px solid #fff;}
	#next{padding:0px 0 0 0;}
	.result_box .result_img,.result_box .result_content{width:90%;margin:5%;}
	.img_list ul {flex-direction: column;}
	.bg .container{background:rgba(0,0,0,.5)}
	/*.nav.navbar-nav{padding:10px 0;}*/
	.icon_none{display:none;}
}
@media only screen and (max-width: 767px) {
	.bg09{background:#333}
	.contact_info{position:static;height:auto;padding:20px}
	.contact_info h2{margin-top:0}
	.card_solid{border-top: 1px solid #CCC;border-left: 1px solid #fff;height: 100%;text-align: center;margin-bottom: 4rem;margin-top: 1rem;}
	.card_time{margin-left: -3rem;}
	.card_time_tow{margin-left: -2rem;}
}