@charset "UTF-8";*{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{width:100%;height:100%;font-family:Arial,Helvetica,"微軟正黑體",sans-serif;text-size-adjust:none;font-size:16px}ul{margin:0;padding:0;list-style:none}img{display:block}main{margin-bottom:50px;padding:0 calc((100% - 1280px)/2)}.experience-wrap{margin-top:30px;width:100%;display:flex;justify-content:space-between}.experience-wrap article{width:70%}.experience-wrap aside{width:25%}main .bread_list{display:block;margin:20px 0;width:100%}main .bread_list ol{display:flex;list-style:none;flex-wrap:wrap}main .bread_list ol li{color:#333;font-size:15px}main .bread_list ol li a{color:#009590;text-decoration:none}main .bread_list ol li::after{content:'';font-family:"Font Awesome 5 Free";font-weight:900;margin:0 10px;color:#ccc}main .bread_list ol li:last-child::after{display:none}.page-title{width:100%;padding:40px;background-color:#fff;opacity:1;background-image:radial-gradient(#cdcdcd .45px,#fff .45px);background-size:9px 9px;border:1px solid #e9e9e9;border-radius:15px}.page-title h1{padding-bottom:10px;font-size:2.5em;font-weight:normal;color:#333}.page-title p{font-size:1.37em;color:#009590}.page-subtitle h2{margin:30px 0;font-size:1.5em;color:#333;font-weight:normal;line-height:1;border-left:5px solid #23d9bd;padding-left:8px}section{padding:40px 40px 0}.filter-wrap{margin:0 0 40px}.filter-wrap ul{display:flex}.filter-wrap ul li{display:flex;justify-content:space-between;align-items:center;width:18%;margin-right:20px}.filter-wrap ul li:nth-child(3){margin-right:5px}.filter-wrap ul li:last-child{width:6%;margin-right:0}.filter-wrap ul li label{font-size:1em;color:#333}.filter-wrap ul li select{width:82%;padding:5px;font-size:1em;color:#666;border:1px solid #999}.filter-wrap ul li input[type=button]{width:100%;padding:5px 0;font-size:1em;color:#fff;background-color:#fa8c16;border:0;border-radius:0 50px 50px 0;cursor:pointer}.filter-result{padding:15px 0;font-size:17px;color:#333;border-top:1px dashed #999;border-bottom:1px dashed #999}.filter-result span{margin:0 4px;color:#fa8c16}.experienceList-wrap{width:100%}.experienceList-wrap>div{padding:30px;display:flex}.experienceList-wrap>div:nth-child(odd){background-color:#eefcf8}.experienceList-wrap>div:nth-child(even){background-color:#fff}.experienceList-wrap>div .thumbnail img{max-width:100px;height:auto;border:3px solid #fff;border-radius:10px;box-shadow:0 0 5px 1px #ddd}.experienceList-wrap>div .content{padding-left:20px}.experienceList-wrap>div .content>a{font-size:1.3em;font-weight:bold;color:#003945}.experienceList-wrap>div .content>a:hover{text-decoration:none}.experienceList-wrap>div .content>p{margin:15px 0;font-size:16px;color:#333;line-height:1.5;overflow:hidden;-webkit-line-clamp:2;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}.experienceList-wrap>div .content .tagBox{display:flex;flex-wrap:wrap}.experienceList-wrap>div .content .tagBox a{display:block;text-decoration:none;margin-bottom:5px;margin-right:5px;padding:5px 10px;font-size:15px;color:#fa8c16;border:1px solid #fa8c16;background-color:#fff;border-radius:5px}.experienceList-wrap>div .content .tagBox a:last-child{margin-right:0}.page{width:100%;display:flex;justify-content:center;align-items:center;margin:40px 0 50px}.page ul{display:flex;justify-content:center}.page ul li{margin-left:5px}.page ul li:last-of-type{margin-right:5px}.page ul a{text-decoration:none;border:1px solid #e4e4e4;display:block;color:#666}.page ul a div{padding:5px 10px}.page ul a:hover div{background-color:#e4e4e4}.page ul a.active{background-color:#e4e4e4}.performance{padding:20px 10% 30px;border:1px solid #ddd}.performance ul{display:flex;justify-content:space-between}.performance ul li{width:24%}.performance ul li img{max-width:100%}.performance ul li a{text-decoration:none;display:block}.performance ul li p{padding:10px 0;font-size:1em;color:#333;line-height:1.5}.performance>a{text-decoration:none;display:block;text-align:center;margin:25px auto 15px;padding:10px 0;width:200px;font-size:1em;color:#fff;background-color:#fa8c16;border-radius:50px}.experience-wrap .headline h1{font-size:2em;font-weight:normal;line-height:1.4;color:#009590}.experience-wrap .profile{margin:25px 0;display:flex;align-items:stretch}.experience-wrap .profile .photo{padding:12px 0;width:22%;height:auto;display:flex;flex-flow:column;flex-wrap:wrap;justify-content:center;align-items:center;border:1px dashed #999;border-radius:5px}.experience-wrap .profile .photo img{max-width:100px;height:auto;border-radius:10px}.experience-wrap .profile .photo span{display:inline-block;margin:5px 0;padding:6px 0;text-align:center;width:100px;background-color:#23d9bd;border-radius:5px}.experience-wrap .profile .photo p{font-size:1.5em}.experience-wrap .profile .inforBox{padding-left:17px;width:78%}.experience-wrap .profile .inforBox dl{margin-bottom:10px}.experience-wrap .profile .inforBox dl dt{display:inline-block;padding:4px 10px;font-size:1em;color:#333;border:1px solid #999;border-radius:0 10px 0 0}.experience-wrap .profile .inforBox dl dd{padding:15px 0;font-size:1.1em;line-height:1.5;color:#333;border-bottom:1px dashed #999}.experience-wrap .profile .inforBox p{padding:5px 0;font-size:1em;color:#666}.experience-wrap .profile .inforBox p a{color:#666}.experience-wrap .profile .inforBox .tagBox{margin-top:10px;display:flex;flex-wrap:wrap}.experience-wrap .profile .inforBox .tagBox a{display:block;text-decoration:none;margin-bottom:5px;margin-right:5px;padding:5px 10px;font-size:15px;color:#fa8c16;border:1px solid #fa8c16;border-radius:5px}.experience-wrap .profile .inforBox .tagBox a:last-child{margin-right:0}.experience-wrap .content h2{margin:20px 0;font-size:1.5em;color:#009590}.experience-wrap .content h3{padding-bottom:15px;font-size:1.2em;color:#fa8c16}.experience-wrap .content h4{padding-bottom:5px;font-size:17px;color:#333;line-height:1.6}.experience-wrap .content p{padding-bottom:15px;font-size:17px;color:#333;text-align:justify;line-height:1.6}.experience-wrap .more-reading>div{margin:50px 0 15px;font-size:1.5em;color:#333;font-weight:normal;line-height:1;padding-left:8px}.experience-wrap .more-reading>div.title01{border-left:5px solid #23d9bd}.experience-wrap .more-reading>div.title02{border-left:5px solid #fa8c16}.experience-wrap .more-reading ul{width:100%}.experience-wrap .more-reading ul li{padding:8px 0;font-size:17px;line-height:1.5;border-bottom:1px dashed #999}.experience-wrap .more-reading ul li a{text-decoration:none;color:#333}.experience-wrap .more-reading ul li a:hover{color:#fa8c16}aside .aside-title{margin-bottom:15px;padding:10px;width:100%;font-size:17px;color:#009590;border:1px solid #009590}aside .hotevent{margin-bottom:20px}aside .hotevent img{max-width:100%;margin-bottom:10px}aside .information{margin-bottom:20px}aside .information p{padding:5px 0;font-size:17px;overflow:hidden;-webkit-line-clamp:1;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}aside .information p:last-of-type{margin-bottom:20px}aside .information i{color:#fa8c16}aside .information a{text-decoration:none;color:#333}aside .recommend{margin-bottom:20px}aside .recommend ul li{padding:20px 0;display:flex;align-items:center;border-bottom:1px dashed #ddd}aside .recommend ul li:first-child{padding:5px 0 20px}aside .recommend ul li:last-child{border-bottom:0}aside .recommend ul li img{max-width:90px;height:auto;border-radius:10px}aside .recommend ul li a{margin-left:15px;display:block;text-decoration:none}aside .recommend ul li p{display:block;margin-bottom:5px;font-size:1em;line-height:1.4;color:#fa8c16;text-decoration:underline;overflow:hidden;-webkit-line-clamp:2;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}aside .recommend ul li span{font-size:15px;color:#666}@media(max-width:1279px){main{margin-bottom:50px;padding:0 1%}}@media(max-width:1200px){.filter-wrap ul li{width:25%;margin-right:20px}.performance{padding:20px 5% 30px}.performance ul li p{font-size:15px}aside .information{margin-bottom:20px}aside .information p{font-size:16px}}@media(max-width:820px){main{margin-bottom:50px;padding:0 2%}section{padding:40px 0 0}.filter-wrap ul li{width:28%;margin-right:15px}.filter-wrap ul li:last-child{width:10%;margin-right:0}.filter-wrap ul li label{font-size:15px}.filter-wrap ul li select{width:82%;font-size:15px}.filter-wrap ul li input[type=button]{width:100%;padding:5px 0;font-size:15px}.experienceList-wrap{width:100%}.experienceList-wrap>div .content>a{font-size:1.2em}.experienceList-wrap>div .content>p{margin:15px 0;font-size:16px}.experience-wrap .headline h1{font-size:1.8em}.experience-wrap .profile{margin:25px 0;display:flex;align-items:stretch}.experience-wrap .profile .photo{width:30%}.experience-wrap .profile .photo p{font-size:1.2em}.experience-wrap .profile .inforBox{padding-left:17px;width:70%}.experience-wrap .profile .inforBox dl{margin-bottom:10px}.experience-wrap .profile .inforBox dl dt{display:inline-block;padding:4px 10px;font-size:1em}.experience-wrap .profile .inforBox dl dd{padding:15px 0;font-size:1em}.experience-wrap .content h2{margin:20px 0;font-size:1.5em}.experience-wrap .content h3{padding-bottom:15px;font-size:1.2em}.experience-wrap .content h4{padding-bottom:5px;font-size:16px}.experience-wrap .content p{padding-bottom:15px;font-size:16px}.experience-wrap .more-reading>div{margin:40px 0 10px;font-size:1.3em}.experience-wrap .more-reading ul{width:100%}.experience-wrap .more-reading ul li{padding:8px 0;font-size:16px}}@media(max-width:600px){main{margin-bottom:0;padding:0 2%}.experience-wrap{margin-top:20px;display:flex;flex-wrap:wrap;justify-content:center}.experience-wrap article{width:100%;margin-bottom:30px}.experience-wrap aside{width:100%}main .bread_list{margin:10px 0}.page-title{width:100%;padding:20px}.page-title h1{font-size:1.8em}.page-title p{font-size:1em;line-height:1.5}.page-subtitle h2{margin:28px 0;font-size:1.4em}section{padding:20px 0 0}.filter-wrap{margin:0 0 30px}.filter-wrap ul{flex-wrap:wrap;justify-content:center}.filter-wrap ul li{width:88%;margin:5px 0}.filter-wrap ul li:nth-child(3){margin-right:0}.filter-wrap ul li:last-child{margin:15px 0 0;width:30%}.filter-wrap ul li label{font-size:15px}.filter-wrap ul li select{width:88%;font-size:15px}.filter-wrap ul li input[type=button]{width:100%;padding:8px 0;font-size:15px;border-radius:50px}.filter-result{padding:10px 0;font-size:15px}.filter-result span{margin-right:5px}.experienceList-wrap{width:100%}.experienceList-wrap>div{padding:20px;display:flex}.experienceList-wrap>div .thumbnail img{max-width:80px}.experienceList-wrap>div .content>a{font-size:1em}.experienceList-wrap>div .content>p{font-size:15px}.experienceList-wrap>div .content .tagBox a{padding:5px;font-size:14px}.performance{padding:10px 5%}.performance ul{display:flex;flex-wrap:wrap;justify-content:space-between}.performance ul li{width:48%}.performance ul li p{padding:5px 0 15px;font-size:15px;line-height:1.3}.performance>a{margin:5px auto 30px}.experience-wrap .headline h1{padding:0 4%;font-size:1.3em}.experience-wrap .profile{margin:20px 0;display:flex;flex-wrap:wrap;justify-content:center}.experience-wrap .profile .photo{width:90%;padding:20px 0;margin-bottom:20px}.experience-wrap .profile .photo p{font-size:1.2em}.experience-wrap .profile .inforBox{padding-left:0;width:90%}.experience-wrap .profile .inforBox .tagBox{display:flex;flex-wrap:wrap}.experience-wrap .profile .inforBox .tagBox a{margin-bottom:5px;padding:5px;font-size:14px}.experience-wrap .content{padding:0 2%}.experience-wrap .content h2{margin:15px 0;font-size:1.3em}.experience-wrap .content h3{padding-bottom:10px;font-size:1.1em}.experience-wrap .content h4{font-size:15px}.experience-wrap .content p{font-size:15px}.experience-wrap .more-reading>div{font-size:1.3em}.experience-wrap .more-reading ul{width:100%}.experience-wrap .more-reading ul li{font-size:15px}aside .aside-title{font-size:16px}aside .hotevent img{max-width:80%;margin:0 auto 10px}aside .information p{font-size:16px}}