section{overflow:hidden;position:relative;max-width:1600px;margin:0 auto}section img{display:block;width:100%}section .group{position:absolute;width:100%}h1,h2,h3,h4,h5,p{font-family: PingFang, "Microsoft JhengHei", Arial, sans-serif}#mainWrite h1{margin:0}#mainWrite p{margin:0}.spec_menu h1{font-family: PingFang, "Microsoft JhengHei", Arial, sans-serif}.pchide{display:none}.mhide{display:block}@media(max-width:1000px){.pchide{display:block}.mhide{display:none}}@media(max-width:600px){.content .w3-container{padding:0.01em 0}}#section1 .group{padding:3% 10% 0}#section1 .group h1{font-weight:bold}#section1 .group .button{margin:1% 0}#section1 .group .button button{background-color:#f3993a;color:#fff;font-size:20px}#section1>p{font-size:20px;padding:3% 5%;text-align:justify}@media(max-width:1200px){#section1 .group{padding:2% 5% 0}#section1 .group h1{font-size:25px}#section1 .group p{font-size:13px}#section1 .group .button button{font-size:15px}}@media(max-width:1000px){#section1 .group{padding:5% 5% 0}#section1 .group h1{font-size:55px;font-weight:normal;line-height:1.1}}@media(max-width:700px){#section1 .group{padding:10% 5% 0}#section1 .group h1{font-size:40px}}@media(max-width:550px){#section1 .group{padding:5% 5% 0}#section1 .group h1{font-size:25px}#section1>p{font-size:15px}}@media(max-width:400px){#section1>p{font-size:12px;padding:20px 5px}}#section2{background-color:#f3993a}#section2 .w3-container{padding:3% 10%}#section2 .w3-container h1{color:#fff;font-size:40px}#section2 .w3-container .w3-row{padding:0 5%;margin:2% 0;display:flex;justify-content:center}#section2 .w3-container .w3-row .w3-third{margin:0 2%}#section2 .w3-container .w3-row .w3-third img{display:inline-block;max-width:158px}#section2 .w3-container .w3-row .w3-third h3{font-size:20px;color:#fff}@media(max-width:1200px){#section2 .w3-container h1{font-size:30px}#section2 .w3-container{padding:3% 5%}#section2 .w3-container .w3-row{padding:0 3%}}@media(max-width:600px){#section2 .w3-container h1{font-size:30px}#section2 .w3-container{padding:3% 1%}#section2 .w3-container .w3-row{padding:0 1%}#section2 .w3-container .w3-row .w3-third{margin:0 5%}#section2 .w3-container .w3-row .w3-third h3{font-size:13px}}@media(max-width:450px){#section2 .w3-container h1{font-size:20px}#section2 .w3-container .w3-row .w3-third{margin:0 2%}#section2 .w3-container .w3-row .w3-third h3{font-size:12px}}#section3 .group{width:30%;color:#fff;top:25%;left:10%}#section3 .group h2{font-weight:bold;font-size:30px}#section3 .group img{max-width:626px;margin-top:5%}@media(max-width:1200px){#section3 .group{width:40%;left:5%}#section3 .group h2{font-size:25px}}@media(max-width:1000px){#section3 .group{width:90%;margin:0 5%;top:5%;left:0}#section3 .group h2{font-size:40px}#section3 .group p{font-size:20px}#section3 .group img{text-align:center;display:inline-block;margin-top:2%}}@media(max-width:750px){#section3 .group h2{font-size:30px}#section3 .group p{font-size:15px}}@media(max-width:550px){#section3 .group{top:2%;width:96%;margin:0 2%}#section3 .group h2{font-size:23px}#section3 .group p{font-size:13px}}@media(max-width:400px){#section3 .group{top:0}#section3 .group h2{font-size:16px}#section3 .group p{font-size:12px}}#section4{padding:5% 0}#section4 h1{color:#000;margin-bottom:1%;font-weight:bold}#section4 img{width:60%;margin:0 auto}@media(max-width:1200px){#section4 h1{font-size:25px}}@media(max-width:800px){#section4 h1{font-size:20px}#section4 img{width:80%}}#section5 .group{width:45%;top:25%;left:2%}#section5 .group .w3-half{width:49.9%}#section5 .group .top{color:#fff;margin-bottom:5%}#section5 .group .top h1{font-size:30px}#section5 .group .top p{font-size:15px;text-align:justify}#section5 .group .bottom .w3-half{padding:0 3%}#section5 .group .bottom h3{font-size:15px;color:#f39823;white-space:nowrap}@media(max-width:1200px){#section5 .group .top h1{font-size:25px}#section5 .group .top p{font-size:13px}#section5 .group .bottom .w3-half{padding:0 1%}}@media(max-width:1000px){#section5 .group{width:90%;margin:0 5%;left:0;top:10%}#section5 .group .top h1{font-size:40px}#section5 .group .bottom h3{font-size:20px;line-height:1.1}}@media(max-width:600px){#section5 .group{top:5%;width:96%;margin:0 2%}#section5 .group .top h1{font-size:30px}#section5 .group .bottom .w3-half:last-child h3{margin-bottom:16px}#section5 .group .bottom h3{font-size:15px}}@media(max-width:450px){#section5 .group .top h1{font-size:25px}#section5 .group .top p{font-size:13px}#section5 .group .top{margin-bottom:2%}}#section6{padding:3% 0}#section6 .w3-row .w3-third:not(:first-of-type){width:31%;margin:1%;padding:2% 3%;background-color:#ededed}#section6 .w3-row .w3-third:first-of-type{padding:3% 5% 0}#section6 .w3-row .w3-third:first-of-type h2{font-weight:bold}@media(max-width:1000px){#section6 h2{color:#000}#section6 .w3-row .w3-third:first-of-type{width:96%;margin:2% 2%}#section6 .w3-row .w3-third:not(:first-of-type){width:46%;margin:1% 2%}}#section7{padding:2% 0}#section7 .w3-third{padding:10% 2% 0}#section7 .w3-third h2{font-size:30px;font-weight:bold}#section7 .w3-twothird{padding:4% 1% 0}@media(max-width:1200px){#section6 .w3-row .w3-third:first-of-type{padding:3% 3% 0}#section7 .w3-third{padding:6% 2% 0}#section6 .w3-third h2,#section7 .w3-third h2{font-size:25px}}@media(max-width:1000px){#section7 h2{color:#000}#section7 .w3-third,#section7 .w3-twothird{width:96%;margin:0 2%}}#section8{margin-top:5%}#section8 h1{width:100%;top:4%;font-weight:bold;font-size:40px}#section8 .group:nth-child(2){left:13%;top:30%;font-size:18px;width:auto}#section8 .group:nth-child(3){right:6%;top:30%;font-size:18px;width:auto}@media(max-width:1400px){#section8 .group:nth-child(2),#section8 .group:nth-child(3){font-size:15px}}@media(max-width:1200px){#section8 h1{font-size:30px}#section8 .group:nth-child(2){left:11%;top:25%}#section8 .group:nth-child(3){right:5%;top:26%}}@media(max-width:1000px){#section8 h1{position:static;color:#000}#section8 .group:nth-child(2),#section8 .group:nth-child(3){font-size:20px}#section8 .group:nth-child(2){left:4%;top:20%}#section8 .group:nth-child(3){top:12%}}@media(max-width:750px){#section8 .group:nth-child(2),#section8 .group:nth-child(3){font-size:15px}}@media(max-width:600px){#section8 h1{position:static;font-size:25px}#section8 .group:nth-child(2),#section8 .group:nth-child(3){font-size:13px}#section8 .group:nth-child(2){left:2%}#section8 .group:nth-child(3){top:12%}}@media(max-width:480px){#section8 .group:nth-child(2),#section8 .group:nth-child(3){font-size:12px}#section8 .group:nth-child(2){top:25%}#section8 .group:nth-child(3){top:11%}}#section9{margin-top:3%}#section9 h1{font-weight:bold;color:#000}#section9 .w3-row .w3-third{margin:0 1%;width:31%}#section9 .w3-row .w3-third img{}#section9 .w3-row .w3-third h2{font-size:18px;margin:10px 0 0;font-weight:bold}#section9 .w3-row .w3-third p{font-size:13px}@media(max-width:1200px){#section9 h1{font-size:30px;margin:10px 0}#section9 .w3-row .w3-third{padding:0 1%}#section9 .w3-row .w3-third h2{font-size:15px}}@media(max-width:1000px){#section9 .w3-row .w3-third{width:90%;margin:5%}#section9 h1{color:#000}}@media(max-width:500px){#section9 h1{font-size:25px}}#section10{z-index:1}#section10 h1{color:#fff;margin:1% 0;font-size:28px}#section10>h1{background-color:#939393;margin:0;padding:1% 0}#section10>img{display:inline-block}#section10 .w3-row{padding:5%}#section10 .w3-row .w3-half{width:45%;margin:0 2.5%;padding:0 2%}#section10 .w3-row .w3-half .imgBox{position:relative}#section10 .w3-row .w3-half .imgBox img{display:inline-block}#section10 .w3-row .w3-half .imgBox .textBox{position:absolute;bottom:0;color:#fff;background-color:rgba(0,0,0,0.7);padding:3% 4%}#section10 .w3-row .w3-half .imgBox .textBox p{font-size:15px}#section10 .w3-row .w3-half>h2{font-size:23px;color:#fff}#section10 .w3-row .w3-half img{width:100%}#section11{background-image:url(../myImages/bg01.jpg);background-repeat:no-repeat;background-size:cover;background-position:center;padding:5% 0;margin-top:-10%}#section11 h1{margin:10% 0 3%;color:#000}#section11 .w3-row{display:flex;flex-wrap:wrap;width:90%;margin:0 auto}#section11 .w3-row .m1{padding:8% 3% 0}#section11 .w3-row .m1 img{display:inline-block;vertical-align:middle}#section11 .w3-row .m3 h3{font-size:15px;color:#2c688f}@media(max-width:1400px){#section10 .w3-row .w3-half>h2{font-size:21px}}@media(max-width:1250px){#section10>h1{font-size:25px}#section10 .w3-row .w3-half>h2{font-size:18px}#section11 h1{font-size:25px}#section10 .w3-row .w3-half .imgBox .textBox p{font-size:13px}}@media(max-width:1100px){#section10 .w3-row{padding:3% 5%}#section10 .w3-row .w3-half>h2{font-size:15px}#section10 .w3-row .w3-half .imgBox .textBox p{font-size:12px}}@media(max-width:999px){#section10>h1{font-size:40px}#section10>img{display:none}#section10 .w3-row{position:static;padding:0}#section10 .w3-row .w3-half{width:100%;margin:0;padding:0}#section10 .w3-row .w3-half .imgBox img{display:block}#section10 .w3-row .w3-half .imgBox .textBox{position:static;background-color:#527189}#section10 .w3-row .w3-half .imgBox .textBox h2{font-size:20px}#section10 .w3-row .w3-half .imgBox .textBox p{font-size:15px}#section11 .w3-row .m1{padding:0}#section11 .w3-row .m1 img{width:auto;transform:rotate(90deg)}#section11 .w3-row .m1,#section11 .w3-row .m3{width:100%;margin:5% 0}#section11 .w3-row .m3{padding:0 10%}#section11 .w3-row .m3 h3{font-size:35px}#section11>h1{font-size:36px}}@media(max-width:700px){#section10>h1{font-size:30px}#section10 .w3-row .w3-half .imgBox .textBox p{font-size:12px}#section11>h1{font-size:25px}#section11 .w3-row .m1{padding:0}#section11 .w3-row .m1 img{width:8%}#section11 .w3-row .m3{padding:0 10%}#section11 .w3-row .m3 h3{font-size:20px}}@media(max-width:400px){#section10>h1,#section11>h1{font-size:20px}#section10 .w3-row .w3-half .imgBox .textBox h2{font-size:15px}#section10 .w3-row .w3-half .imgBox .textBox p{font-size:12px}#section11 .w3-row .m3{padding:0 3%}#section11 .w3-row .m3 h3{font-size:15px}}
#section12 .w3-row img{width:50%;margin-left:48%}@media screen and (min-width:576px) and (max-width:767px){#section12 .w3-row img{margin-left:22%}}@media screen and (min-width:420px) and (max-width:575px){#section12 .w3-row img{margin-left:22%}}@media screen and (min-width:320px) and (max-width:419px){#section12 .w3-row img{margin-left:22%}}#sectiona .w3-row{display:flex;flex-wrap:wrap}#sectiona:not(:first-of-type){padding-top:0%}#sectiona .w3-row .w3-half{position:relative;overflow:hidden}#sectiona .w3-row .w3-half img{height:100%;z-index:1;transition:.6s cubic-bezier(0.165,0.84,0.44,1)}#sectiona .w3-row .w3-half .mask{background-color:rgba(0,0,0,0.7);color:#fff;position:absolute;z-index:1;top:90%;left:0;height:100%;width:100%;padding-top:2%;transition:.6s cubic-bezier(0.165,0.84,0.44,1)}#sectiona .w3-row .w3-half .mask h4{font-size:1.3rem;font-weight:bold}#sectiona .w3-row .w3-half .imgWrapper{width:60%;margin:0 auto}#sectiona .w3-row .w3-half .imgWrapper img{width:40%}#sectiona .w3-row .w3-half ul{width:65%;padding:0;margin:3% auto 0}#sectiona .w3-row .w3-half li{margin:1% 0;font-size:1.2rem}#sectiona .w3-row .w3-half:last-of-type{background-color:#c3f1f1;padding:5% 2%}#sectiona .w3-row .w3-half:last-of-type h4{font-size:2rem}#sectiona .w3-row .w3-half:last-of-type span{color:#ed7ba0}@media(min-width:1000px){#sectiona .w3-row .w3-half:first-of-type:hover .mask{top:0}#sectiona .w3-row .w3-half:first-of-type:hover img{transform:scale(.9,.9)}#sectiona .w3-row .w3-half:first-of-type:hover .mask h4{top:50%;position:absolute;width:100%;font-size:1.8rem;transform:translate(0,-50%);padding:0 5%}}@media(max-width:1400px){#mainWrite h1{font-size:2.5rem}#mainWrite h2{font-size:2rem}#sectiona .w3-row .w3-half .mask h4{font-size:1rem}#sectiona .w3-row .w3-half ul{width:85%}}@media(max-width:1200px){#mainWrite h1{font-size:2rem}#mainWrite h2{font-size:1.8rem}#mainWrite p{font-size:1.1rem}#section2 .group:nth-child(5){right:18%;font-size:1.1rem}#sectiona .w3-row .w3-half .mask{top:83%;padding-top:1%}#sectiona .w3-row .w3-half .mask h4{font-size:1.2rem}.thisfooter .w3-container{width:72%}#sectiona .w3-row .w3-half li,#section4 .w3-row .w3-half li,#section5 .w3-row .w3-half li{font-size:1rem}#sectiona .w3-row .w3-half:last-of-type h4{font-size:1.5rem}}@media(max-width:999px){#mainWrite h1{font-size:2.5rem}#mainWrite h2{font-size:2rem}#mainWrite p{font-size:1.5rem}#sectiona .w3-row .w3-half{width:100%}#sectiona .w3-row .w3-half .mask h4{font-size:1.3rem}#sectiona .w3-row .w3-half .mask{top:90%}#sectiona .w3-row .w3-half:last-of-type h4{font-size:2rem}#sectiona .w3-row .w3-half li{font-size:1.5rem}#sectiona .w3-row .w3-half ul{width:75%}}@media(max-width:750px){#mainWrite p{font-size:1.3rem}#sectiona .w3-row .w3-half .mask{top:83%}#sectiona .w3-row .w3-half ul{width:80%}#sectiona .w3-row .w3-half li{font-size:1.3rem}}@media(max-width:650px){#section1 .group h1{font-size:2rem}#mainWrite p{font-size:1.1rem}#sectiona .w3-row .w3-half .mask{top:83%}#sectiona .w3-row .w3-half ul{width:90%}#sectiona .w3-row .w3-half:last-of-type h4{font-size:1.5rem}}@media(max-width:450px){#section1 .group h1{font-size:1.5rem}#sectiona .w3-row .w3-half ul{width:90%}#sectiona .w3-row .w3-half .mask h4{font-size:1rem}#sectiona .w3-row .w3-half li{font-size:1rem}}