* {margin:0; padding:0;} body {color:black; font-family: Source Han Sans CN;} /* banner */ @keyframes w1 {0% {opacity: 0;transform: translateX(-30px);}100% {opacity: 1;transform: translateX(0);}} @keyframes w2 {0% {opacity: 0;transform: translateX(-50px);}100% {opacity: 1;transform: translateX(0);}} @keyframes w3 {0% {opacity: 0;transform: translateX(-70px);}100% {opacity: 1;transform: translateX(0);}} .banner{position: relative;margin-bottom: 75px;} .banner img{max-width: 100%;width: 100%;} .banner-box{position: absolute;top: 0;left: 318px;right: 0;bottom: 0;display: flex;align-items: flex-start;justify-content: center;flex-direction: column;} .banner-box h1{animation-name: w1;animation-duration: 1s;animation-iteration-count: 1;font-size: 75px;font-family: Source Han Sans CN;font-weight: bold;color: #FFFFFF;margin: 0 0 36px 0;} .banner-box h3{animation-name: w2;animation-duration: 1s;animation-iteration-count: 1;font-size: 44px;font-family: Source Han Sans CN;font-weight: bold;color: #FFFFFF;margin: 0 0 56px 0;} .banner-box div{animation-name: w3;animation-duration: 1s;animation-iteration-count: 1;width: 240px;height: 55px;background: linear-gradient(90deg, #03A8F4, #5BD077);border-radius: 28px;line-height: 55px;text-align: center;} .banner-box a{font-size: 22px;font-family: Source Han Sans CN;font-weight: bold;color: #FFFFFF;} .banner-box a:hover{cursor: pointer;text-decoration: none;color: white;} /* category01 */ .category01{margin-bottom: 165px;} .category01-title h1{font-size: 52px;font-family: Source Han Sans CN;font-weight: bold;color: #333333;margin: 0 0 56px;text-align: center;} .category01-minibox{width: 629px;height: 380px;background: #EBF3F2;border-radius: 20px;} .category01-minibox-img{display: flex;align-items: flex-end;justify-content: center;height: 100%;position: relative;overflow: hidden;} .category01-minibox-img img{transition: all .5s;} .category01-minibox-img:hover img{transform: scale(1.1);transition: all .5s;cursor: pointer;} .category01-box{display: flex;align-items: center;justify-content: space-between;max-width: 1286px;margin: 0 auto;} .category01-minibox-lt{width: 180px;height: 48px;background: linear-gradient(0deg, #03A8F4, #5BD077);border-radius: 20px 0px 20px 0px;position: absolute;top: 0;left: 0;font-size: 24px;font-family: Source Han Sans CN;font-weight: 400;color: #FFFFFF;line-height: 48px;text-align: center;} .category01-minibox p{font-size: 24px;font-family: Source Han Sans CN;font-weight: 400;color: #666666;margin: 31px 0 0;text-align: center;} /* category02 */ .category02-title h1{font-size: 52px;font-family: Source Han Sans CN;font-weight: bold;color: #333333;text-align: center;margin: 0 0 56px;} .category02-box{max-width: 1286px;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;margin-bottom: 32px;} .category02-minibox{overflow: hidden;width: 300px;height: 185px;background: #EDEEF4;border-radius: 20px;text-align: center;line-height: 185px;margin-bottom: 22px;} .category02-minibox img{transition: all .5s;} .category02-box2:hover img{transform: scale(1.05);transition: all .5s;cursor: pointer;} .category02-box2 P{font-size: 24px;font-family: Source Han Sans CN;font-weight: 400;color: #666666;margin-bottom: 34px;text-align: center;} .category02-btn{width: 300px;height: 68px;background: linear-gradient(90deg, #03A8F4, #5BD077);border-radius: 34px;text-align: center;margin: 0 auto;} .category02-btn a{font-size: 24px;font-family: Source Han Sans CN;font-weight: bold;color: #FFFFFF;line-height: 68px;} .category02-btn a:hover{color: white;text-decoration: none;cursor: pointer;} .category02{margin-bottom: 177px;} .category02-box{} /* category03 */ .category03{background: rgba(245, 245, 245, .5);padding: 81px 0 106px;margin-bottom: 101px;} .category03-title h1{font-size: 52px;font-family: Source Han Sans CN;font-weight: bold;color: #333333;text-align: center;margin: 0 0 40px 0;} .category03-title P{font-size: 24px;font-family: Source Han Sans CN;font-weight: 400;color: #666666;line-height: 36px;text-align: center;max-width: 1130px;margin: 0 auto;} .category03-title{margin-bottom: 60px;} .category03-minibox{display: flex;justify-content: center;align-items: center;width: 1243px;height: 376px;border: 1px solid #DCDCDC;border-radius: 20px;position: relative;margin: 0 0 18px 30px;} .category03-minibox2{margin: 0 !important;position: absolute;top: 0;left: 0;width: 180px;height: 48px;background: linear-gradient(0deg, #03A8F4, #5BD077);border-radius: 20px 0px 20px 0px;font-size: 24px;font-family: Source Han Sans CN;font-weight: bold;color: #FFFFFF;line-height: 48px;text-align: center;} .category03-minibox div{margin-right: 18px;display: flex;flex-direction: column;align-items: center;margin-top: 17px;} .category03-minibox h1{font-size: 24px;font-family: Source Han Sans CN;font-weight: 400;color: #333333;margin: 17px 0 9px;text-align: center;} .category03-minibox p{font-size: 16px;font-family: Source Han Sans CN;font-weight: 400;color: #666666;line-height: 26px;text-align: center;margin: 0;} .category03-minibox h4{font-size: 16px;font-family: Source Han Sans CN;font-weight: 400;color: #63AF54;line-height: 26px;margin: 25px 0 29px;} .category03-minibox3{margin-top: 170px !important;} .category03-minibox img{transition: all .5s;} .category03-minibox img:hover{transform: scale(1.1);transition: all .5s;cursor: pointer;} .category03-box{display: flex;flex-direction: column;align-items: center;} /* category04 */ .category04-title h1{font-size: 52px;font-family: Source Han Sans CN;font-weight: bold;color: #333333;text-align: center;margin: 0 0 51px 0;} .category04-box{display: flex;flex-wrap: wrap;align-items: flex-end;max-width: 907px;margin: 0 auto;} .category04-img2{margin-bottom: 140px !important;} .category04-minibox{width: 20%;display: flex;flex-direction: column;align-items: center;} .category04-minibox p{font-size: 24px;font-family: Source Han Sans CN;font-weight: 400;color: #666666;line-height: 36px;margin-bottom: 41px;} .category04-img{margin-bottom: 10px;} .category04-img img{transition: all .5s;} .category04-minibox:hover img{transform: scale(1.1);transition: all .5s;cursor: pointer;} .category04{margin-bottom: 72px;} /* category05 */ .category05-title h1{font-size: 52px;font-family: Source Han Sans CN;font-weight: bold;color: #333333;margin: 0 0 70px 0;text-align: center;} .category05-box{max-width: 1284px;margin: 0 auto;display: flex;align-items: flex-start;justify-content: space-between;} .category05-img{width: 165px;height: 165px;background: linear-gradient(90deg, #03A8F4, #5BD077);border-radius: 20px;display: flex;align-items: center;justify-content: center;margin-bottom: 22px;} .category05-img2{width: 163px;height: 163px;line-height: 163px;background: white;border-radius: 20px;text-align: center;display: flex;align-items: center;justify-content: center;} .category05-img2 img{transition: all .5s;} .category05-img2:hover img{transform: scale(1.1);transition: all .5s;cursor: pointer;} .category05-minibox p{font-size: 24px;font-family: Source Han Sans CN;font-weight: 400;color: #666666;line-height: 36px;text-align: center;margin-bottom: 82px;} .category05-btn{width: 300px;height: 68px;background: linear-gradient(90deg, #03A8F4, #5BD077);border-radius: 34px;margin: 0 auto;line-height: 68px;text-align: center;} .category05-btn a{font-size: 24px;font-family: Source Han Sans CN;font-weight: bold;color: #FFFFFF;} .category05-btn a:hover{color: white;text-decoration: none;cursor: pointer;} .category05{margin-bottom: 73px;} /* category06 */ .category06{padding: 89px 0 69px;background: rgba(245, 245, 245, .5);margin-bottom: 79px;} .category06-title h1{font-size: 52px;font-family: Source Han Sans CN;font-weight: bold;color: #333333;text-align: center;margin: 0 0 81px 0;} .category06-box{margin: 0 auto;width: 1279px;} .category06-minibox{overflow: hidden;width: 1279px;height: 570px;background: #FFFFFF;border: 1px solid #EBF1F3;box-shadow: 0px 21px 32px 0px rgba(192, 211, 217, 0.27);border-radius: 20px;margin-bottom: 35px;} .category06-minibox{position: relative;} .category06-minibox2{position: absolute;left: 0;top: 0;width: 180px;height: 48px;background: linear-gradient(0deg, #03A8F4, #5BD077);border-radius: 20px 0px 20px 0px;font-size: 24px;font-family: Source Han Sans CN;font-weight: 400;color: #FFFFFF;line-height: 48px;text-align: center;} .category06-minibox-lef{position: relative;} .category06-minibox-left p{font-size: 16px;font-family: Source Han Sans CN;font-weight: 400;color: #666666;margin: 0;} .category06-minibox-lef-img{width: 66px;height: 66px;line-height: 66px;text-align: center;background: linear-gradient(138deg, #03A8F4, #5BD077);border-radius: 50%;margin-bottom: 10px;display: flex;justify-content: center;align-items: center;} .category06-minibox-lef-img4{margin: 62px 0 0 187px;} .category06-minibox-lef-img1{position: absolute;top: 131px;left: 85px;display: flex;flex-direction: column;align-items: center;} .category06-minibox-lef-img2{position: absolute;top: 251px;left: 64px;display: flex;flex-direction: column;align-items: center;} .category06-minibox-lef-img3{position: absolute;top: 386px;left: 93px;display: flex;flex-direction: column;align-items: center;} .category06-minibox-lef-img5{position: absolute;top: 131px;left: 395px;display: flex;flex-direction: column;align-items: center;} .category06-minibox-lef-img6{position: absolute;top: 251px;left: 431px;display: flex;flex-direction: column;align-items: center;} .category06-minibox-lef-img7{position: absolute;top: 386px;left: 389px;display: flex;flex-direction: column;align-items: center;} .category06-minibox-lef-img1:hover img{transform: scale(1.1);transition: all .5s;cursor: pointer;} .category06-minibox-lef-img1 img{transition: all .5s;} .category06-minibox-lef-img2:hover img{transform: scale(1.1);transition: all .5s;cursor: pointer;} .category06-minibox-lef-img2 img{transition: all .5s;} .category06-minibox-lef-img3:hover img{transform: scale(1.1);transition: all .5s;cursor: pointer;} .category06-minibox-lef-img3 img{transition: all .5s;} .category06-minibox-lef-img4:hover{transition: all .5s;transform: translateY(-8px);cursor: pointer;} .category06-minibox-lef-img4{transition: all .5s;} .category06-minibox-lef-img5:hover img{transform: scale(1.1);transition: all .5s;cursor: pointer;} .category06-minibox-lef-img5 img{transition: all .5s;} .category06-minibox-lef-img6:hover img{transform: scale(1.1);transition: all .5s;cursor: pointer;} .category06-minibox-lef-img6 img{transition: all .5s;} .category06-minibox-lef-img7:hover img{transform: scale(1.1);transition: all .5s;cursor: pointer;} .category06-minibox-lef-img7 img{transition: all .5s;} .category06-minibox{display: flex;justify-content: space-between;} .category06-minibox-right{margin-right: 66px;} .category06-minibox-right-box{display: flex;align-items: center;} .category06-minibox-right h1{font-size: 38px;font-family: Source Han Sans CN;font-weight: bold;color: #333333;margin: 103px 0 35px;text-align: left;} .category06-minibox-right h4{line-height: 36px !important;font-size: 24px;font-family: Source Han Sans CN;font-weight: 400;color: #666666;font-weight: bold;text-align: left;margin: 0 0 74px 0;} .category06-minibox-right h3{font-size: 24px;font-family: Source Han Sans CN;font-weight: 400;color: #333333;font-weight: bold;text-align: left;margin: 0 0 29px 0;} .category06-minibox-right-box div{background: #F5F8F9;border-radius: 10px;padding: 12px 28px 15px 21px;margin-right: 10px;} .category06-minibox-right-box p{font-size: 24px;font-family: Source Han Sans CN;font-weight: 400;color: #666666;line-height: 30px;margin: 0;} .category06-minibox-left2-box{display: flex;flex-wrap: wrap;max-width: 500px;} .category06-minibox-left2-box img{transition: all .5s;} .category06-minibox-left2-box>div:hover img{transform: scale(1.1);transition: all .5s;cursor: pointer;} .category06-minibox-left2{margin-left: 73px;} .category06-minibox-left2 h1{font-size: 38px;font-family: Source Han Sans CN;font-weight: bold;color: #333333;margin: 111px 0 36px;} .category06-minibox-left2 img{margin-bottom: 13px;} .category06-minibox-left2 p{text-align: left;font-size: 20px;font-family: Source Han Sans CN;font-weight: 400;color: #666666;line-height: 30px;} .category06-minibox-left2-box div{display: flex;flex-direction: column;align-items: center;margin: 0 36px 26px 0;} .category06-minibox-right2 img{margin: 72px 191px 0 0;transition: all .5s;} .category06-minibox-right2 img:hover{transform: scale(1.1);transition: all .5s;cursor: pointer;} /* category07 */ .category07{margin-bottom: 91px;} .category07-title h1{font-size: 52px;font-family: Source Han Sans CN;font-weight: bold;color: #333333;margin: 0 0 56px 0;text-align: center;} .category07-minibox-img{overflow: hidden;width: 300px;height: 380px;background: #EBEDF3;border-radius: 20px;margin-bottom: 41px;display: flex;align-items: center;justify-content: center;} .category07-minibox-img:hover img{transform: scale(1.1);transition: all .5s;cursor: pointer;} .category07-minibox-img img{transition: all .5s;} .category07-minibox p{font-size: 24px;font-family: Source Han Sans CN;font-weight: 400;color: #666666;margin-bottom: 67px;text-align: center;} .category07-box{display: flex;justify-content: space-between;max-width: 1290px;margin: 0 auto;} .category07-btn{width: 300px;height: 68px;background: linear-gradient(90deg, #03A8F4, #5BD077);border-radius: 34px;line-height: 68px;margin: 0 auto;text-align: center;} .category07-btn a{font-size: 24px;font-family: Source Han Sans CN;font-weight: bold;color: #FFFFFF;} .category07-btn a:hover{color: white;text-decoration: none;cursor: pointer;} /* category08 */ .category08{background: rgba(245, 245, 245, .5);margin-bottom: 88px;padding-bottom: 25px;} .category08 .container{max-width: 1281px;margin: 0 auto;} .category08-title h1{margin: 58px 0 39px;font-size: 52px;font-family: Source Han Sans CN;font-weight: bold;color: #333333;text-align: center;} .category08-title p{font-size: 24px;font-family: Source Han Sans CN;font-weight: 400;color: #666666;line-height: 36px;text-align: center;margin-bottom: 87px;} .category08-minibox-title h1{font-size: 32px;font-family: Source Han Sans CN;font-weight: bold;color: #333333;margin-bottom: 59px;text-align: center;} .category08-minibox2-img{position: relative;width: 300px;margin-bottom: 26px;overflow: hidden;} .category08-minibox2-img img{transition: all .5s;height: 100%;width: 100%;} .category08-minibox2-img:hover img{transform: scale(1.1);transition: all .5s;cursor: pointer;} .category08-minibox2-img:hover .category08-minibox2-title{border-radius: 0;transition: all .5s;} .category08-minibox2-title{transition: all .5s;position: absolute;left: 0;bottom: 0;right: 0;border-radius: 0px 0px 20px 20px;background: rgba(0, 0, 0, .6);height: 42px;text-align: center;line-height: 42px;font-size: 24px;font-family: Source Han Sans CN;font-weight: 400;color: #FFFFFF;} .category08-minibox2{display: flex;flex-wrap: wrap;justify-content: space-between;} .category08-box{margin-bottom: 60px;} /* category09 */ .category09-title h1{font-size: 52px;font-family: Microsoft YaHei;font-weight: bold;color: #333333;margin: 0 0 71px 0;text-align: center;} .category09-minibox{width: 411px;height: 438px;background: #F5F7F8;} .category09-minibox-tilte{padding-left: 31px;} .category09-minibox-tilte h1{font-size: 20px;font-family: Microsoft YaHei;font-weight: 400;color: #000000;width: 331px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin: 37px 0 25px;} .category09-minibox-tilte p{width: 324px;height: 45px;font-size: 18px;line-height: 24px;font-family: Microsoft YaHei;font-weight: 400;color: #666666;overflow: hidden;margin-bottom: 40px;} .category09-minibox-tilte span{font-size: 15px;font-family: Microsoft YaHei;font-weight: 400;color: #666666;} .category09-minibox{margin-bottom: 186px;transition: all .5s;} .category09-minibox a:hover{cursor: pointer;text-decoration: none;} .category09-minibox:hover img{transform: scale(1.1);transition: all .5s;cursor: pointer;} .category09-minibox img{transition: all .5s;} .category09-minibox-img{overflow: hidden;} .category09-minibox:hover{transform: translateY(-10px);transition: all .5s;} .category09-box{max-width: 1281px;margin: 0 auto;display: flex;justify-content: space-between;} /* category10 */ .category10{padding: 111px 0 100px 0;background: #F5F5F5;} .category10 .container{max-width: 1281px;margin: 0 auto;} .category10-title h1{font-size: 52px;font-family: Source Han Sans CN;font-weight: bold;color: #333333;margin: 0 0 92px 0;text-align: center;} .category10-box p{font-family: Microsoft YaHei;font-weight: 400;color: black;} .category10-box p:before{content: '*';color: red;} .category10 .form input{outline: none;border: none;background: white;width: 100%;height: 40px;padding-left: 15px;margin-bottom: 38px;} .category10 input::-webkit-input-placeholder{color: #B2B3B4;} .category10 textarea::-webkit-input-placeholder{color: #B2B3B4;} .category10-box{position: relative;} .category10-box svg{position: absolute;right: 15px;top: 35%;} .category10-box svg:hover{cursor: pointer;} .category10-minibox .category10-box{width: 45%;} .category10-minibox{display: flex;flex-wrap: wrap;justify-content: space-between;} .category10-box textarea{width: 100%;height: 200px;outline: none;border: none;resize:none;padding: 40px 30px 30px 30px;margin-bottom: 100px;} .category10-btn{display: flex;justify-content: center;} .category10-btn1{width: 150px;height: 40px;background: #00A7D3;border: none;color: white;margin: 0 30px;} .category10-btn2{width: 150px;height: 40px;background: #535353;border: none;color: white;margin: 0 30px;} @media (max-width: 1700px){ .banner-box h1 , .category01-title h1 , .category02-title h1 , .category03-title h1 , .category04-title h1 , .category05-title h1 , .category06-title h1 , .category07-title h1 , .category08-title h1 , .category09-title h1 , .category10-title h1{font-size: 45px;} .banner-box h3 , .category06-minibox-right h1 , .category06-minibox-left2 h1 , .category08-minibox-title h1{font-size: 24px;} .banner-box a , .category03-minibox p , .category03-minibox h4 , .category06-minibox-left2 p , .category09-minibox-tilte p{font-size: 14px;} .banner-box div{width: 180px;} .category01-minibox p , .category02-box2 P , .category03-minibox h1 , .category06-minibox-right h3 , .category06-minibox-right-box p , .category04-minibox p , .category05-minibox p , .category05-btn a , .category06-minibox-right h4 , .category07-minibox p , .category07-btn a , .category08-minibox2-title , .category09-minibox-tilte h1 , .category08-title p , .category02-btn a{font-size: 18px;} } .container { padding-right: 15px !important; padding-left: 15px !important; margin-right: auto !important; margin-left: auto !important } @media (min-width:768px) { .container { width: 750px } } @media (min-width:992px) { .container { width: 970px } } @media (min-width:1200px) { .container { /* width: 1200px *//* 5.23 */ } } @media (min-width:1400px) { .container { width: 1400px } } @media (max-width: 1400px){ .category01-box{flex-direction: column;} .category01-minibox{width: 100%;margin-bottom: 100px;} .category01-minibox-img1{width: 40%;} .category02-box .category02-box2{width: 50%;display: flex;flex-direction: column;align-items: center;} .category02-minibox{width: 90%;} .category03-box{display: flex;} .category03-box .category03-minibox{width: 45%;flex-direction: column;height: 100%;} .category03-minibox{margin: 0 !important;} .category03-box{justify-content: space-between;} .category03-minibox3{margin-top: 30px !important;} .banner-box{left: 270px;} .category05-box{flex-wrap: wrap;} .category05-minibox{width: 33.33%;display: flex;flex-direction: column;align-items: center;} .category06-minibox{flex-direction: column;height: 100%;width: 100%;padding: 15px;} .category06-box{width: 100%;} .category06-minibox-right{margin: 0;} .category06-minibox-left2{margin: 0;} .category07-box{flex-wrap: wrap;} .category07-minibox{width: 48%;} .category07-minibox-img{width: 100%;} .category08-minibox2-img{width: 22%;margin: 10px;} .category08-minibox2-img img{width: 100%;} .category08-minibox2-title{border-radius: 0 0 13px 13px;} .category09-box{max-width: 100%;} .category09-minibox{width: 33.33%;} .category09-minibox-img img{width: 100%;max-width: 100%;} .category03-box {flex-direction: row;}/* 5.23 */ .category09-minibox-tilte h1 , .category09-minibox-tilte p{width: 100%;} .category09-minibox{margin-left: 10px;margin-right: 10px;} .category10-box textarea{width: 95.6%;}/* 5.23 */ .category09-minibox-tilte p{height: 28px !important;}/* 5.23鏈€鏂 */ } @media (min-width: 1200px) and (max-width: 1400px){ .category06-minibox-right{width: 49%;}/* 5.23 */ .category06-minibox5{flex-direction: row !important;}/* 5.23 */ .category01-box{flex-direction: row !important;}/* 5.23 */ .category01-minibox{margin-left: 10px;margin-right: 10px;}/* 5.23 */ .category01-minibox-img1{width: 80%;}/* 5.23 */ .category06-minibox3{flex-direction: column-reverse !important;}/* 5.23 */ .category06-minibox-right2{text-align: center;}/* 5.23 */ .category06-minibox-right2 img{margin: 50px 0 0 0 !important;}/* 5.23 */ .category06-minibox-left2-box{max-width: 100%;}/* 5.23 */ } @media (max-width: 1200px){ .banner-box{left: 10%;} .category08-title br{display: none;}/* 5.23 */ .category09-minibox{width: 30%;height: 100%;} .category09-box{flex-wrap: wrap;} .category09-minibox-tilte{padding-bottom: 30px;} .category06-minibox3{flex-direction: column-reverse !important;}/* 5.23 */ .category06-minibox-right2 img{margin: 50px 0 0 0 !important;} .category06-minibox-right h1 , .category06-minibox-right h4 , .category06-minibox-right h3{text-align: center;} .category06-minibox-lef-img4{margin: 50px 0 0 0 !important;} .category06-minibox-lef-img1{left: 30%;}/* 5.23 */ .category06-minibox-lef-img2{left: 28%;}/* 5.23 */ .category06-minibox-lef-img3{left: 30%;}/* 5.23 */ .category06-minibox-lef-img5{right: 9%;}/* 5.23 */ .category06-minibox-lef-img6{right: 7%;}/* 5.23 */ .category06-minibox-lef-img7{right: 9%;}/* 5.23 */ } @media (min-width: 600px) and (max-width: 1200px){ .category06-minibox {align-items: center;}/* 5.23 */ .category06-minibox-left2-box{max-width: 100%;}/* 5.23 */ } @media (max-width: 991px){ .category01 , .category02 , .category03 , .category04 , .category05 , .category06 , .category07 , .category08 , .category09 , .category10{padding-left:15px !important;padding-right:15px !important;} .banner-box h1 , .category01-title h1 , .category02-title h1 , .category03-title h1 , .category04-title h1 , .category05-title h1 , .category06-title h1 , .category07-title h1 , .category08-title h1 , .category09-title h1 , .category10-title h1{font-size: 38px;} .banner-box h3 , .category06-minibox-right h1 , .category06-minibox-left2 h1 , .category08-minibox-title h1{font-size: 18px;} .banner-box h3{margin-bottom: 15px;} .banner-box h1{margin-bottom: 18px;} .category01-minibox-img1{width: 70%;} .category03-box .category03-minibox{width: 100%;} .category03-box{flex-wrap: wrap;} .category03-minibox{margin: 0 0 30px 0;} .category04-minibox{width: 33.33%;}/* 5.23 */ .category08-minibox2-title{border-radius: 0 0 20px 20px;} .category10{overflow: hidden;} .container{padding: 0;} .category06-minibox-left2-box {justify-content: space-between;} .category06-minibox-lef-img1{left: 23%;}/* 5.23 */ .category06-minibox-lef-img2{left: 21%;}/* 5.23 */ .category06-minibox-lef-img3{left: 23%;}/* 5.23 */ .category10-box textarea{width: 94%;}/* 5.23 */ } @media (max-width: 830px){ .category08-minibox2-img{width: 45%;}/* 5.23 */ .category09-minibox{width: 100%;}/* 5.23 */ } @media (max-width: 800px){ .category02-minibox{width: 300px;} .category02-minibox img{width: 100%;max-width: 100%;border-radius: 20px;height: 200px;} } @media (max-width: 767px){ .category06-minibox-lef-img1{right: 48%;left: 0;}/* 5.23 */ .category06-minibox-lef-img2{right: 55%;left: 0;}/* 5.23 */ .category06-minibox-lef-img3{right: 48%;left: 0;}/* 5.23 */ } @media (max-width: 734px){ .category06-minibox-left2 h1{text-align: center;}/* 5.23 */ .category06-minibox-left2-box {justify-content: space-evenly;}/* 5.23 */ .category06-minibox-lef-img1{right: 52%;left: 0;}/* 5.23 */ .category06-minibox-lef-img2{right: 60%;left: 0;}/* 5.23 */ .category06-minibox-lef-img3{right: 52%;left: 0;}/* 5.23 */ } @media (max-width: 660px){ .category06-minibox-lef-img1{right: 58%;left: 0;}/* 5.23 */ .category06-minibox-lef-img2{right: 68%;left: 0;}/* 5.23 */ .category06-minibox-lef-img3{right: 58%;left: 0;}/* 5.23 */ .category02-box .category02-box2{width: 100%;} .category05-minibox{width: 40%;} .category10-minibox .category10-box{width: 100%;} .category05{overflow: hidden;} .category05-img{width: 130px;height: 130px;} .category05-img2{width: 128px;height: 128px;} .category08{margin-bottom: 0;} .category09-minibox{margin-bottom: 50px;} .category09-minibox-tilte{padding-left: 5px;} .category10-box textarea{width: 97%;padding: 15px;}/* 5.23 */ .category06-minibox-right2 img{margin: 70px 0 0 0 !important;} .category06-minibox-left2 h1 , .category06-minibox-right h1{margin-top: 50px;} } .category06-minibox-left3{display: none;}/* 5.23 */ @media (max-width: 600px){ .banner-box{left: 10%;} .category01-minibox-img1{width: 100%;} .category04-minibox{width: 50%;} .category06-minibox-lef-img1 , .category06-minibox-lef-img2 , .category06-minibox-lef-img3 , .category06-minibox-lef-img4 , .category06-minibox-lef-img5 , .category06-minibox-lef-img6 , .category06-minibox-lef-img7{position: static;margin-bottom: 15px;align-items: flex-start;} .category06-minibox-lef-img4{margin: 0 0 15px 0;} /* .category06-minibox-left{display: flex;flex-direction: column;align-items: flex-start;} */ .category06-minibox-left{padding-top: 80px;} .category06-minibox-right-box{align-items: flex-start;flex-wrap: wrap;justify-content: center;} .category06-minibox-right h4{padding: 0 !important;} .category06-minibox-right br{display: none;} .category06-minibox-right-box>div{margin-bottom: 15px;} .category06-minibox-right2 img{margin: 0;width: 70%;} .category06-minibox-right-box p , .category06-minibox-right h4{font-size: 14px;} .category07-minibox{width: 100%;} .category03-minibox{padding-top: 50px;padding-bottom: 50px;} .category06-minibox-left3{display: flex !important;flex-wrap: wrap !important;justify-content: center !important;} .category06-minibox-left{display: none;} .bbb{width: 33.33% !important;align-items: center !important;} .category06-minibox-lef-img4{margin-top: 30px;} .banner-box h1 , .category01-title h1 , .category02-title h1 , .category03-title h1 , .category04-title h1 , .category05-title h1 , .category06-title h1 , .category07-title h1 , .category08-title h1 , .category09-title h1 , .category10-title h1{font-size: 33px;} .category08-title P , .category03-title P{font-size: 16px;line-height: normal;} .category06-minibox-left2-box div{width: 45%;} .category06-minibox{padding: 0;} .category06-minibox-right h1 , .category06-minibox-right h4 , .category06-minibox-right h3{padding-left: 15px;} .category06-minibox-left2-box div{margin: 0 0 26px 0;} .category06-minibox-left2 img{width: 100%;} .category06-minibox-left2-box{justify-content: space-around;} .category06-minibox-right2{display: flex;justify-content: center;} .category09-minibox-tilte p{width: 320px;} .banner-box div{width: 120px !important;height: 30px !important;line-height: 30px !important;} .banner-box a{font-size: 12px !important;} .category01 , .category02 , .category03{margin-bottom: 50px !important;} .category03{padding-bottom: 0 !important;} } @media (max-width: 500px){ .category08-minibox2-title{border-radius: 0 0 8px 8px;} .category05-btn , .category02-btn , .banner-box div , .category07-btn{width: 200px;height: 50px;line-height: 50px;} .category02-btn a{line-height: 50px;} } @media (max-width: 477px){ .category08-minibox2-img{width: 42%;}/* 5.23 */ } @media (max-width: 400px){ .category10-box textarea{width: 95%;}/* 5.23 */ } @media (min-width: 1200px) and (max-width: 1400px){/* 5.23鏈€鏂 */ .category06-minibox-lef-img4{ margin-left: 137px !important; } .category06-minibox-lef-img1{ left: 45px !important; } .category06-minibox-lef-img2{ left: 24px !important; } .category06-minibox-lef-img3{ left: 53px !important; } .category06-minibox-lef-img5{ left: 365px !important; } .category06-minibox-lef-img6{ left: 393px !important; } .category06-minibox-lef-img7{ left: 360px !important; } .category06-minibox-right-box p{ font-size: 12px !important; } } /*5.24琛ㄥ崟*/ .category10 .form .sele{ background-image: url(../images/icon70.jpg); background-position: 97% center; background-repeat: no-repeat; width: 100%; height: 40px; font-size: 14px; color: #888888; padding: 0 10px; margin-bottom: 38px; } .category10 .form .category10-box .title{ display: block; margin: 10px 0; } .category10 .form .category10-btn2{ width: 150px; height: 40px; background: #535353; border: none; color: white; padding-left:0px; }