.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}
#articleInfo3 h3{margin:20px 0;font-size: 22px;}
#articleInfo3 p{margin:20px 0;}
#articleInfo3 ul li{overflow:hidden;color:#333;position:relative}
#articleInfo3 ul li .bgset img{width:100%;height:100%;object-fit:cover}
#articleInfo3 .tit{margin:20px;margin-bottom:0;transition:all 0.4s ease-in-out 0s}
#articleInfo3 ul li:hover .tit{transform:translateX(60px)}
#articleInfo3 .tit i,#articleInfo3 .tit h2{display:inline-block;font-size:30px}
#articleInfo3 .tit i{margin-right:10px;font-size:40px;vertical-align:inherit}
#articleInfo3 article{margin:20px 10px 0 75px;font-size:16px;line-height:170%}
#articleInfo3 ul li:first-child{}
#articleInfo3 ul li:first-child .info{padding:20px 2%;width:46%;background:rgba(255,255,255,0.7);position:relative;z-index:2}
#articleInfo3 ul li:first-child .info  .tit{margin-top:0}
#articleInfo3 ul li:first-child:hover .tit{transform:translateX(20px)}
#articleInfo3 ul li:first-child .info  .tit i{font-size:70px}
#articleInfo3 ul li:first-child .info h2{font-size:48px;line-height:45px}
#articleInfo3 ul li:first-child .info h2 b{font-size:30px;display:block}
#articleInfo3 ul li:first-child .info .info article{margin:30px 10px 0 90px}
#articleInfo3 ul li .wow{overflow:hidden}
#articleInfo3 ul li .leftBox{animation-name:fadeInLeft;-webkit-animation-name:fadeInLeft}
#articleInfo3 ul li .leftBox h2{position:relative;text-align:center;margin-bottom:50px}
#articleInfo3 ul li .leftBox h2 font b{display:block;font-weight:400;letter-spacing:5px}
#articleInfo3 ul li .leftBox h2 font{background:#fff;font-size:40px;color: #c1b0b6;line-height:100%;display:inline-block;padding:0 0 0 50px;}
#articleInfo3 ul li .leftBox h2 img{width:70px;padding-right:50px;background:#fff;display:inline-block;vertical-align:bottom}
#articleInfo3 ul li .leftBox h2:after{content:'';background: #c1b0b6;height:1px;width:100%;position:absolute;left:0;top:50%;z-index:-1;}
#articleInfo3 ul li .rightBox{animation-name:fadeInRight;-webkit-animation-name:fadeInRight}
#articleInfo3 ul li .photoBox img{transition:all 0.4s ease-in-out 0s;transform:scale(1,1)}
#articleInfo3 ul li:hover .photoBox img{transform:scale(1.5)}
/* guide_box */
#guide_box{overflow-x:scroll;position:relative}
#guide_box .title_sub{padding:50px 0px 10px;font-size:24px}
#guide_box::-webkit-scrollbar{width:0;height:12px}
#guide_box::-webkit-scrollbar-track{background:transparent}
#guide_box::-webkit-scrollbar-thumb{border-radius:8px;border:4px transparent solid;background-clip:content-box;background-color:#b92d3a;}
#guide_box table{width:100%;border-spacing:0;margin-top: 20px;margin-bottom: 40px;}
#guide_box table tr th{padding: 20px;font-size: 15px;vertical-align:text-top;font-weight:normal;text-align: center;color: #ffff;}
#guide_box table tr th:first-child, #guide_box table tr td:first-child{width: 140px;}
#guide_box table tr td{padding: 20px;font-size: 15px;text-align: center;line-height: 150%;}
#guide_box table tr .red{background: #fadcde;}
#guide_box table tr th.red{background: #bf2343;}
#guide_box table tr,#guide_box table tr:first-child{background: #efefef;}
#guide_box table tr:nth-child(even){background:#ffffff}
#guide_box table tr:nth-child(1){background: #494949;}
#guide_box table tr td .d_inblock{margin:0 10px;vertical-align:text-top;text-align:center}
#guide_box table tr td .d_inblock img{width:40px;height:40px}
#guide_box table tr td .d_inblock svg{width:40px;height:40px}
#guide_box table tr td .d_inblock p{margin-top:5px;text-align:center;line-height:130%;font-size:12px}
#guide_box table tr td i{font-size:30px;color:#bababa}
@media screen and (max-width: 1270px){
#guide_box table{width: 1100px;border-spacing:0;flex-direction:column;position:relative;padding-bottom:20px;overflow:auto;margin-bottom: 0;}
#technology_box p{width:67%}
#guide_box{overflow-x:scroll;margin-bottom:20px;position:relative;padding-bottom:40px}
#guide_box:before{width: 180px;content:'請左右滑動';display:inline-block;position:absolute;bottom:8px;left:0%;font-size: 12px;letter-spacing:.1rem;padding:6px 0;color: #fff;background-color: #b92d3a;z-index:0;text-align:center;}
}
@media screen and (max-width:1024px){#articleInfo3 ul li:first-child .info{width:50%}
#articleInfo3 article{margin:20px 10px 0 20px}
}@media screen and (max-width:768px){#articleInfo3 ul li{padding-bottom:15px;}
#articleInfo3 ul li:first-child{padding-bottom:0;border-bottom:0}
#articleInfo3 ul li:first-child .info{width:70%}
#articleInfo3 ul li .wow{width:100%}
#articleInfo3 ul li:nth-child(3){background-position:right 50%}
#articleInfo3 ul li:nth-child(5){background-position:right bottom}
}@media screen and (max-width:640px){#articleInfo3 ul li:first-child .info{width:80%}
}@media screen and (max-width:480px){#articleInfo3 ul li:first-child .info{width:100%}
#articleInfo15 ul{padding:0}
#articleInfo3 ul li .leftBox h2 font{padding: 0 0 0 20px;font-size: 30px;}
#articleInfo3 ul li .leftBox h2 img{padding: 0 20px 0 0;}
}@media screen and (max-width:450px){#articleInfo3 ul li:first-child{background-size:cover}
#articleInfo3 ul li:first-child .info .tit i{font-size:50px}
#articleInfo3 ul li:first-child .info .tit{margin:0}
#articleInfo3 ul li:first-child .info h2{font-size:30px;line-height:30px}
#articleInfo3 ul li:first-child .info h2 b{font-size:25px}
#articleInfo3 ul li:nth-child(2),#articleInfo3 ul li:nth-child(3),#articleInfo3 ul li:nth-child(4),#articleInfo3 ul li:nth-child(5){background:none}
}