.wow{animation-name:fadeInDown;-webkit-animation-name:fadeInDown;animation-duration:1.5s;-webkit-animation-duration:1.5s;animation-fill-mode:both;-webkit-animation-fill-mode:both;animation-duration:1s;-webkit-animation-duration:1s}
.txt_secondary_5{
    display: none;
}
.stepbox02{animation-delay:0.5s;-webkit-animation-delay:0.5s}
.stepbox03{animation-delay:1.0s;-webkit-animation-delay:1.0s}
.stepbox04{animation-delay:1.5s;-webkit-animation-delay:1.5s}
.stepbox05{animation-delay:2.0s;-webkit-animation-delay:2.0s}
.stepbox06{animation-delay:2.5s;-webkit-animation-delay:2.5s}
.stepbox07{animation-delay:3.0s;-webkit-animation-delay:3.0s}
.stepbox08{animation-delay:3.5s;-webkit-animation-delay:3.5s}
.stepbox09{animation-delay:4.0s;-webkit-animation-delay:4.0s}
.titleBox2 .en{font-size:75px;font-family:'Quantico',sans-serif;line-height:100%;color:#ffffff;letter-spacing:2px}
.titleBox2 .title{color: var(--primary);font-size: 30px;font-weight: 600;}
.titleBox2 .titlemain{
    color: #1c1c1c;
    font-family: 'Noto Sans TC';
    font-size: 30px;
    font-weight: 600;
}
.titleBox2 .text{padding-top:30px;padding-bottom:25px;font-size:15px;letter-spacing:0.07em;line-height:190%;width:100%}
.aboutArea1{padding-bottom:40px;}
.aboutArea1 .titleBox{margin-bottom:80px}
.aboutArea1 .titleBox2{margin-bottom:10px;writing-mode: vertical-lr;letter-spacing: 5px;}
.aboutArea1 .text{
    width: 86%;
    border-left: 1px solid #d5d5d5;
    padding-left: 8%;
}
.aboutArea1 .text article{
    margin-bottom: 70px;
    width: 100%;
    line-height: 210%;
    font-weight: 400;
    text-align: justify;
    font-size: 18px;
}
.aboutArea1 .itemBox{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items: center;width:100%;flex-direction: column;}
.aboutArea1 .leftBox{width: 1161px;display: flex;justify-content: space-between;align-items: center;flex-direction: row;margin-bottom: 40px;}
.aboutArea1 .rightBox{width: 90%;padding-left:60px;padding-bottom: 20px;position:relative}
.aboutArea1 .Img{width:100%}
.aboutArea1 .Img img{display:block;width:100%}
.aboutArea1 .Img1{position:relative;max-width:825px}
.aboutArea1 .Img2{max-width:240px}
.aboutArea1 .Img3{position:absolute;max-width:212px}
.aboutArea1 .Img1::after{content:'';position:absolute;right:-50px;bottom:-50px;z-index:-1;width:100%;height:100%;background-image:url("../images/aboutBg.png")}
.flowcontent .stepttl01 h1{letter-spacing:2px;margin:0 0 10px;color: var(--primary);font-size: 30px;font-weight: 600;text-align: left;}
.flowcontent{
    padding: 0 45px;
}
.stepbox ul{list-style:none;width:calc(100% - 200px);display: flex;align-items: center;}
.stepbox h4{display:flex;align-items:center}
.stepbox ul li{}
.stepbox h4 strong span{display:block;font-size:12px;margin:0 0 5px;text-align:center}
.stepbox h4 strong{font-size:32px;font-weight:600;letter-spacing:1px;display:inline-block;text-align:center;font-family:'Quantico',sans-serif;color: var(--primary);line-height:130%}
.stepbox:last-child{margin-bottom:0}
.stepbox:before{content:"";position:absolute;background: var(--primary);width:1px;height:calc(100% - 0vw);left:0;top:calc(0vw + 10px)}
.stepbox:after{content:"";width:10px;height:10px;position:absolute;left:-4px;top:0;background-color: var(--primary);border-radius: 5px;}
.stepbox{margin:0vw 0;position:relative;padding:0.5vw 0vw 1vw 1vw;display:flex;animation-name:fadeInUp;-webkit-animation-name:fadeInUp}
.stepbox:last-child:before{opacity:0}
.flowcontent .stepbox h4{font-size:24px;line-height:1.5;letter-spacing:2px;font-weight:500;width: 170px;margin:10px}

@media (max-width:1180px){
	.aboutArea1{padding-bottom:0}
	.aboutArea1 .titleBox{margin-bottom:30px}
	.aboutArea1 .itemBox{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
	.aboutArea1 .leftBox{width: 90%;margin-bottom:0;text-align:center;}
	.aboutArea1 .titleBox2{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
	.aboutArea1 .rightBox{width:100%;padding-left:0;padding-bottom:25px}
	.aboutArea1 .Img1{width:100%;margin-left:auto;max-width:100%}
	.aboutArea1 .Img1::after{right:-15px;bottom:-15px}
	.aboutArea1 .Img2{position:relative;z-index:2;width:40%;margin-top:-8%;display:none}
	.aboutArea1 .Img3{right:0;bottom:50px}
}
@media (min-width:1181px){
	.aboutArea1 .Img2{position:absolute;right:-100px;bottom:10px}
	.aboutArea1 .Img3{left:40px;bottom:90px}
}
@media (max-width:767px){
	.aboutArea1 .Img1::after{display:none}
	.aboutArea1 .Img2{display:none}
	.aboutArea1 .Img3{position:static;margin-left:auto;margin-right:auto}
	.aboutArea1 .Img1{width:100%;margin-right:auto;margin-bottom:30px}
}
@media (max-width:640px){
	.aboutArea1 .titleBox{margin-bottom:0}
	.aboutArea1 .leftBox{display: flex;flex-direction: column;align-items: flex-start;}
	.aboutArea1 .titleBox2 {
    writing-mode: unset;
    margin-bottom: 20px;
	padding-left: 8%;
}
	.aboutArea1 .text{border-left:unset}
}

@media screen and (max-width: 960px) {
    .stepbox ul{padding-left:30px;list-style:none}
	.stepbox h4 strong{font-size:26px}
	.flowcontent .stepbox h4{font-size:20px;margin:0 0 5px;width:160px}
	.titleBox2 .en{font-size:55px}
}
@media screen and (max-width: 480px) {
	.stepbox{display:flex;flex-direction:column;padding:4vw 0vw 5vw 2vw}
	.flowcontent .stepbox h4{font-size:20px;margin:10px;width:auto}
	.stepbox ul{padding-left:10px;width:auto}
	.flowcontent{padding: 0px 20px;}
}