.delay1 {animation-delay: 0.5s;-webkit-animation-delay: 0.5s;}
.delay2 {animation-delay: 1.0s;-webkit-animation-delay: 1.0s;}
/* sideNav2 */
#sideNav2{position: relative;z-index: 100;padding-bottom: 10px;}
#sideNav2 ul.Cate{text-align: center;font-size: 15px;color: #9e9e9e;display: flex;justify-content: center;margin: 0 0 30px 0;}
#sideNav2 >ul >li {position: relative;display: inline-block;background-color: #f0f0f0;margin: 10px;border-radius: 20px;border: 1px solid #e1e1e1;}
#sideNav2 >ul >li >h3 {display: block;}
#sideNav2 >ul >li >h3 a {letter-spacing: 1px;display: block;padding: 18px 30px 12px 30px;transition: 0.9s;line-height: 0.8;text-align: center;-webkit-box-shadow: 0px 0px 25px 0px rgb(0 0 0 / 11%);box-shadow: 0px 0px 25px 0px rgb(0 0 0 / 11%);color: #010101;background-color: #ffffff;border-radius: 55px;font-size: 16px;font-weight: 500;}
#sideNav2 ul.Cate2 li.active a {background: #009ad0;color: #ffffff;}

/* subbanner */
#subbanner .img_cover{ height: 100%;}
#subbanner #page_title {height: 354px;}
#subbanner h2{font-size: 32px;}
#subbanner p{font-size: 17px;padding: 10px 0;}
#subbanner .more_btn{width: 210px;}


#content #describe{margin: 0 auto;max-width: 100%;}
.bgTxt.title h2 a, .bgTxt.title h2 span{color: var(--primary);font-size: 30px;font-weight: 500;letter-spacing: 7.5px;margin-bottom: 20px;display: inline-block;}
#AB004,#AB005,#AB009,#AB010,#AB011{position: relative;padding-bottom: 10px;}
#AB005{padding: 20px 0 0;}
 #AB003 .itemA03, #AB004 .itemA04, #AB005 .itemA05 .itemA06,  #AB009 .itemA09, #AB010 .itemA10, #AB011 .itemA11, #test .itemA12,#test2 .itemA12,#test3 .itemA12{width: 1140px;margin: 10px auto 0px;padding-bottom: 10px;}
.bg img,.img img,p.photo img{width: 100%;height: 100%;object-position: 50% 0;object-fit: contain;}



/* itemA04 */
.textEditor{padding: 10px 0 10px 0;}
.textEditor h5{color: #484848;margin-bottom: 0px;font-size: 16px;font-weight: 500;letter-spacing: 0.5px;}
.textEditor h4, .textEditor p, .textEditor li,.textEditor .elementor-image{margin-bottom: 1.3em;font-size: 18px;color: #484848;}
.textEditor h2{font-weight: 400;color: #000;font-size: 18px;}
.textEditor ol{margin: 0;list-style: decimal outside;padding-left: 30px;}
.textEditor li{color: #000;line-height: 1.8;letter-spacing: 0.2px;font-weight: 400;font-size: 16px;margin: 0;padding:0;list-style: decimal;.textEditorli{color: #7a7a7a;line-height: 1.8;letter-spacing: 0.2px;font-weight: 400;font-size: 16px;margin: 0;padding:0;list-style: decimal;display: list-item;text-align: -webkit-match-parent;};display: list-item;text-align: -webkit-match-parent;}
.textEditor li a{color: #009ad0;vertical-align: bottom;padding:  0 5px;font-weight: 400;}
.textEditor li a:hover{color: #969696;}
.textEditor li span{
    vertical-align: initial;
    font-weight: 400;
}
#AB004 .advantage{margin: 0px auto;position: relative;padding: 0px 20px;}
#AB004 .advantage p{font-weight: 400;}
#AB004 .advantage .titleBoxCN{color: var(--white);}
#AB004 .advantage:after{height: 100%;bottom: 0px;right: -700px;width: 440%;z-index: -10;pointer-events: none;content: '';position: absolute;}
#AB004 .info h5{text-align: center;font-size: 30px;animation-name: fadeInUp;-webkit-animation-name: fadeInUp;margin-bottom: 30px;font-weight: 300;letter-spacing: 0.5px;}
#AB004 .ppBox{text-align: center;font-size: 16px;padding: 0 0 20px;}
#AB004 ul {margin-bottom: 0px;text-align: center;display: flex;flex-direction: row;flex-wrap: wrap;align-items: flex-start;padding: 0px 0 30px;}
#AB004 ul li {margin: 10px;width: calc((100%/3) - 20px);display: inline-block;overflow: hidden;position: relative;animation-name: fadeInDown;-webkit-animation-name: fadeInDown;-webkit-box-shadow: 0px 7px 11px 1px rgb(0 0 0 / 4%);-moz-box-shadow: 0px 7px 11px 1px rgba(0,0,0,0.04);box-shadow: 0px 7px 11px 1px rgb(0 0 0 / 4%);}

#AB004 ul li h3 {font-size: 22px;text-align: center;padding-bottom: 10px;}
#AB004 ul li h5 {font-size: 22px;padding: 30px 30px 0;}
#AB004 ul li p.photo {text-align: center;width: 100%;height: 100%;}
#AB004 ul li .titleBox {background-color: #ffffff;padding: 20px 20px 10px;min-height: 1px;}
#AB004 ul li article{font-size: 16px;font-weight: 500;line-height: 160%;-webkit-transition: all .2s linear;transition: all .2s linear;color: var(--gray);}
#AB004 ul li .textEditor {text-align: center;padding: 10px 0;color: var(--secondary);}
#AB004 .bottomBox h3 {text-align: center;font-size: 30px;animation-name: fadeInUp;-webkit-animation-name: fadeInUp;}
#AB004 .bottomBox p {margin: 10px 0 20px;text-align: center;animation-name: fadeInUp;-webkit-animation-name: fadeInUp;padding: 5px 0 20px;font-size: 80px;color: #606060;font-family: 'Noto Sans TC';font-weight: 200;display: none;}
#AB004 .bottomBox article {animation-name: fadeInUp;-webkit-animation-name: fadeInUp;}

/* itemA08 */
.itemA12 .tit{padding:0px 0}
.itemA12 .tit .table-container p,.itemA12 .tit .table-container p a{vertical-align:bottom;font-weight: 400;}
.itemA12 .tit h5 span{vertical-align:bottom}
.itemA12 .tit h3{margin: 5px 0 10px;font-size: 16px;letter-spacing: 0.5px;font-weight: 400;line-height: 160%;color: #000;}
.itemA12 .tit h3 a{color:var(--primary);vertical-align: initial;}
.itemA12 .tit .titleBoxTTT{
    margin-bottom: 10px;
}
#test3 h5,#test3 h5 a{margin:10px 0;font-family: 'Noto Sans TC';}
.table-container h2{padding:10px 0}
#sideNav2 ul.Cate2{text-align:center;font-size:15px;color:#9e9e9e;display:flex;justify-content:center;margin:0 0 0px 0}
#sideNav2 ul.Cate2 li{position: relative;display: inline-block;background-color: #f0f0f0;margin: 10px;border-radius: 20px;}
#sideNav2 ul.Cate2 li a{letter-spacing: 1px;display: block;padding: 12px 30px 12px 30px;transition: 0.9s;line-height: 0.8;text-align: center;-webkit-box-shadow: 0px 0px 25px 0px rgb(0 0 0 / 11%);box-shadow: 0px 0px 25px 0px rgb(0 0 0 / 11%);color: #010101;background-color: #ffffff;border-radius: 55px;font-size: 16px;font-weight: 500;}

@media screen and (max-width: 1360px) {
	#AB004 .itemA04 .itemA06, #AB010 .itemA10, #AB011 .itemA11{width: 90%;margin: 0px auto 30px;}
}

@media screen and (min-width: 1281px) {
	.itemA11 .bg,.itemA12 .bg{animation-name:fadeInUp;-webkit-animation-name:fadeInUp}

}
@media screen and (max-width: 1280px) {
	#AB001,  #AB004{margin: 10px 0px 0;}
	#AB004 .itemA04,#AB011 .itemA11,#test .itemA12,#test2 .itemA12,#test3 .itemA12{width:92%;margin:0px auto 0px;padding:0}
	#AB004 .advantage{
    margin-bottom: 20px;
}
	.itemA11 .bg{padding:40px 0px;animation-name:fadeInUp;-webkit-animation-name:fadeInUp}
	.itemA12 .bg{}
	#sideNav2 ul.Cate2{position:relative;display:flex;justify-content:center;width:100%;margin:0 0 10px 0}
	#sideNav2 ul.Cate2 li{display:inline-block;position:relative;margin:0px 5px}
	#sideNav2 ul.Cate2 li a{position:relative;display:block;padding: 10px 20px 10px;color:#373737;text-align:center}
}
@media screen and (max-width: 1140px) {
	#AB004 ul li {width: calc((100%/4) - 20px);}
	.bgTxt.title h3{font-size: 26px;}
	#AB004 ul li {width: calc((100%/2) - 20px);}
	#AB004,#AB010,#AB011{margin-bottom:10px;padding-bottom:0}
#AB004 ul li .titleBox{
    padding: 10px 20px 5px;
}
	.itemA12 .tit h5{
    font-size: 17px;
    padding-bottom: 5px;
    font-weight: 400;
}
.textEditor{padding: 5px 0 10px 0;margin-left: 2px;}
	#AB004 ul li h3{
    padding-bottom: 5px;
}
}
@media screen and (max-width: 768px) {
	.bgTxt.title h2 a, .bgTxt.title h2 span{
    font-size: 22px;
    letter-spacing: 1.5px;
    margin-bottom: 10px;
    line-height: 130%;
    font-weight: 500;
}
	.info h5.action,#subbanner h2{font-size: 26px;}
	#AB004{margin-bottom: 0px;padding-bottom: 0px;margin-top: 10px;}
	#AB004 ul li {width: calc((100%/1) - 20px);}
	#subbanner h2, .bgTxt.title h3{font-size: 24px;line-height: 130%;}
	#sideNav2 ul.Cate{display:flex;flex-wrap:wrap}
	.bgTxt.title h3 a, .bgTxt.title h3 span{font-size: 22px;letter-spacing:1.5px;margin-bottom:10px;line-height: 130%;font-weight: 500;}
	#AB004 ul li .titleBox{height:100%}
}
@media screen and (max-width: 480px) {
	.info h5.action{font-size: 22px;}
	#AB004 ul li {margin-bottom: 10px;width: calc((100%/1) - 0px);padding: 0px;}
	#AB004 ul{margin-bottom: 0px;padding: 0px 0 10px;}
	#sideNav2 >ul >li >h3 a{padding: 16px 20px;letter-spacing: 0px;}
	#sideNav2 >ul >li{margin: 8px 10px;}

}
