html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}a{outline:none;text-decoration:none;color:#000}a:hover{color:#727171}html{font-family:微軟正黑體,Arial,Helvetica,sans-serif;-webkit-text-size-adjust:none;background-color:#fff;width:100%}body{width:100%}header{width:100%;background-image:url(../images/bg.jpg);background-position:center top;background-repeat:no-repeat}header h1{height:500px;margin:0 auto;width:688px}header h1 img{margin-top:0}.menu{width:100%}.menu ul{width:100%;height:56px;border-top:4px solid #b2db46;background-color:#86c81e;display:table;margin:0 auto;text-align:center}.menu li{display:inline-block;border-left:1px solid #fff;margin-right:-4px;background-color:#5c7622;width:320px;height:60px;color:#fff;font-size:24px;font-weight:bolder;line-height:60px}.menu li:last-child{border-right:1px solid #fff}.menu li a{display:block;width:320px;height:60px;color:#fff;font-size:24px;font-weight:bolder;line-height:60px;background-color:#86c81e}.menu li a:hover{background-color:#5c7622}article{width:865px;margin:0 auto;padding:70px 0 30px;font-size:20px}h2{font-size:40px;color:#f07d37;border-bottom:3px dotted #c0a687;padding-bottom:20px;margin-bottom:50px}article p{line-height:36px;margin-top:20px;text-align:justify}article img{float:right;margin-left:30px}article div.himg{display:-webkit-flex;margin-bottom:10px}article div.himg img{justify-content:space-between}.clear{clear:both}.name{color:#6eac0c}.notebox{width:100%;background-color:#f3a549;margin-top:20px}.notebox ul{width:81%;margin:0 auto;padding:30px 0}.notebox li{list-style:decimal;color:#fff;line-height:34px;font-weight:bolder}.gobu{width:182px;height:69px;margin:0 auto;margin-top:30px}.gobu a{display:block;background-image:url(images/gobu.png);text-indent:-9999px;width:184.5px;height:70px;background-size:184.5px}.gobu a:hover{opacity:.7;-moz-opacity:.7;-khtml-opacity:.7;filter:alpha(opacity=70)}footer{width:100%;border-top:1px solid #86c81e}footer p{width:100%;font-size:13px;text-align:center;margin:15px 0;line-height:20px;letter-spacing:1px}h3{font-size:26px;color:#f07d37;border-bottom:3px dotted #c0a687;padding-bottom:20px;margin-bottom:20px}.ptop30{margin-top:30px}.list ul{margin-left:20px}.list li{list-style:decimal;color:#87b828;line-height:40px}.list li span{color:#000}.list li .orgbox{margin-bottom:20px;line-height:30px}.list li .orgbox .stepbox{background-color:#f3a549;color:#fff;text-transform:uppercase;display:block;width:150px;height:50px;line-height:50px;text-align:center;margin-top:10px;margin-bottom:10px}.list li .orgbox .gobu{margin:0;margin-top:10px;margin-bottom:30px}span a{color:#79c206}span a:hover{color:#416b00}article .font16 li{font-size:16px;line-height:28px;margin-bottom:20px;text-align:justify}.list li ul li{list-style:disc;color:#000;margin-bottom:0}.list li ul li ul li{list-style:upper-latin;color:#000;margin-left:8px;margin-bottom:0}.swd{font-size:16px;display:block;line-height:20px}.award{display:block;float:left}.awardright{float:right;width:70%;margin-top:40px}.orgbox span.award02{width:33.3%;float:left;text-align:center;margin-bottom:20px}.title{background-color:#f3a549;color:#fff;text-transform:uppercase;display:block;width:150px;height:50px;line-height:50px;text-align:center;margin-top:10px;margin-bottom:10px}.disc li{list-style:disc;margin-left:5%}.stepbox{font-size:20px;font-weight:700;color:#f47300}.awardbox{margin:30px 0}.table{display:table;border-collapse:collapse;color:#000;text-align:justify;line-height:36px;width:95%;margin:0 auto}.row{display:table-row}article li span.awardname{font-size:20px;font-weight:700;color:#f47300}article li span.awardname02{font-size:20px;font-weight:700;color:#62ae00}article li span.awardname03{font-size:20px;font-weight:700;color:#ca1818}.row02{display:table-row;font-size:18px;border-bottom:1px solid #ecb75a}.row03{display:table-row;font-size:18px;border-bottom:1px solid #3ea710}.cell3{display:table-cell;padding:0 10px;width:25%}.cell4{display:table-cell;padding:0 10px}.cell5{display:table-cell;padding:0 10px}h5,h6{padding:10px 0;text-align:center;color:#fff;border-radius:10px;font-size:20px;font-weight:700}h5{background-color:#f08d2c}h6{background-color:#3ea710;font-size:22px;padding:15px 0}.awardbox02 .table,.awardbox03 .table{margin:0 auto;margin-top:10px}.awardbox02{width:48%;margin-bottom:50px;float:left;margin-left:10px}.awardbox03{width:97%;margin:0 auto}.awardbox03 .table{text-align:center;width:100%;margin-bottom:50px}.contain{width:90%;margin:0 auto;padding:30px 200px;font-size:200px;line-height:20px}.org{color:#f07d37;font-size:24px;padding-top:20px}.line_01{padding:0 20px;margin:50px 0;line-height:1px;border-left:200px solid #ddd;border-right:200px solid #ddd;text-align:center;font-size:32px;font-weight:700}.article_cause{line-height:35px;margin-bottom:3%;font-size:26px;text-align:center}.card-img{max-width:100%}.card-grid{width:100%}.card-grid:after{content:"";display:table;clear:both}.card-wrap{float:left;width:100%;padding:15px}.card-title{font-size:20px;line-height:26px;font-weight:700;letter-spacing:0;color:#333;padding:10px 20px;max-height:4.3em;min-height:3em}.article-p{font-size:17px;letter-spacing:0;line-height:1.5em;padding:0 15px 28px;height:78px}.blog-card{background:#fff;border-radius:3px;box-shadow:0 3px 7px -3px rgba(0,0,0,0.3);margin:0 auto 1.6%;overflow:hidden;position:relative;font-size:14px;line-height:1.45em;margin-bottom:5%}.blog-card:hover .details{left:0}.blog-card:hover.alt .details{right:0}.blog-card.alt .details{right:-100%;left:inherit}.blog-card .photo{height:200px;position:relative}.blog-card .photo.photo1{background:url(https://images.pexels.com/photos/23180/pexels-photo.jpg?auto=compress&cs=tinysrgb&h=350) center no-repeat;background-size:cover}.blog-card .photo.photo2{background:url(https://farm6.staticflickr.com/5589/14715869835_ec56917ec2_b.jpg) center no-repeat;background-size:cover}.blog-card .photo.photo3{background:url(https://images.pexels.com/photos/271171/pexels-photo-271171.jpeg?auto=compress&cs=tinysrgb&h=350) center no-repeat;background-size:cover}.blog-card .details{box-sizing:border-box;color:#fff;font-family:"Open Sans";list-style:none;margin:0;padding:10px 15px;height:200px;position:absolute;top:0;left:-100%}.blog-card .description{padding:10px 50px;box-sizing:border-box;position:relative;height:300px}.blog-card .description h1{font-family:"Roboto";line-height:1em;margin:0 0 10px}.blog-card .description h2{color:#9b9b9b;font-family:"Open Sans";line-height:1.2em;text-transform:uppercase;font-size:1em;font-weight:400;margin:1.2% 0}.blog-card .description p{position:relative;margin:0;padding-top:20px}.blog-card .description p:after{content:"";background:#75D13B;height:6px;width:40px;position:absolute;top:6px;left:0}.blog-card .description a{color:#2e8b57;margin-bottom:10px;float:left;font-size:22px;line-height:24px}.blog-card .description a:hover{color:#75D13B;margin-bottom:10px;float:left}.article_ul{list-style:disc}.article_ul li{float:left}.card_title_span{height:80px;padding:16px;background:rgba(0,0,0,0.2)}.card_title_span_text{color:#f5f5f5;font-size:2rem;font-weight:1000}@media screen and (min-width: 600px){.blog-card{height:350px;max-width:100%}.blog-card .description{height:350px}.blog-card.alt .details{padding-left:30px}.blog-card.alt .description{float:right}.blog-card.alt .description:before{-webkit-transform:skewX(5deg);transform:skewX(5deg);right:-15px;left:inherit}.blog-card.alt .photo{float:right}.blog-card .photo{float:left;height:100%;width:40%}.blog-card .details{width:40%}.blog-card .description{float:left;width:60%;z-index:0}.blog-card .description:before{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);content:"";background:#fff;width:100%;z-index:-1;position:absolute;left:-15px;top:0;bottom:0}}@media (min-width: 500px){.card-wrap{width:50%}}@media (min-width: 720px){.card-wrap{width:33.3%;margin-bottom:4%;height:250px}}.card{background-color:#fff;border-radius:5px;border:1px solid #ccc;border-bottom:2px solid #ccc}.card > div{padding:0 1em}@media screen and (min-width: 996px){*{-webkit-box-sizing:border-box;box-sizing:border-box}}@media screen and (max-width: 1245px){.line_01{border-left:0 solid #ddd;border-right:0 solid #ddd}*{-webkit-box-sizing:border-box;box-sizing:border-box}html,body{-webkit-text-size-adjust:none}header{width:100%;height:auto;background-image:url(../images/bg02.jpg);background-repeat:no-repeat;background-size:100%}header h1{height:30%;margin:0 auto;width:80%;margin-top:0;margin-bottom:140px;overflow:hidden}header h1 img{width:100%;height:auto;margin-top:0}.menu{width:100%;margin-bottom:20px}.menu ul{width:100%;height:48px;border-top:0;background-color:#86c81e;text-align:center}.menu li{width:100%;display:inline-block;border-left:none;border-top:1px solid #fff;text-align:center;margin-right:1px;background-color:#5c7622;color:#fff;font-size:24px;font-weight:bolder;border-top:4px solid #b2db46}.menu li:last-child{border-right:none}.menu li a{display:block;width:100%;height:60px;color:#fff;font-size:24px;font-weight:bolder;line-height:60px}.menu li a:hover{background-color:#5c7622}article{width:90%;margin:0 auto;padding:30px 0;font-size:20px;line-height:20px}h2{font-size:26px;line-height:28px;color:#f07d37;border-bottom:3px dotted #c0a687;padding-bottom:20px;margin-bottom:50px}article p{margin-top:20px;text-align:justify}article img{float:none;width:100%;height:auto;margin-left:0;margin-bottom:20px}article div.himg{display:-webkit-box!important}.clear{clear:both}.name{color:#6eac0c}.notebox{width:100%;background-color:#f3a549;margin-top:20px}.notebox ul{width:80%;margin:0 auto;padding:30px 0;padding-left:20px}.notebox li{list-style:decimal;color:#fff;line-height:34px;font-weight:400}.gobu{width:182px;height:69px;margin:0 auto;margin-top:30px}.gobu a{display:block;background-image:url(images/gobu.png);text-indent:-9999px;width:182px;height:69px;background-size:184.5px}.gobu a:hover{opacity:.87;-moz-opacity:.7;-khtml-opacity:.7;filter:alpha(opacity=70)}footer{width:100%;border-top:1px solid #86c81e}footer p{width:100%;font-size:9px;text-align:center;margin:10px 0;line-height:16px;letter-spacing:0}.list li .orgbox img{width:100%;height:auto}.award{display:block;float:none}.awardright{float:none;width:75%;margin-top:40px}.orgbox span.award02{width:100%;float:left;text-align:center;margin-bottom:20px}.contain{width:90%;margin:0 auto;padding:30px 0;font-size:20px;line-height:20px}h4,h5,h6{padding:10px 0;text-align:center;color:#fff;border-radius:10px;font-size:16px;font-weight:700}h4{background-color:#f3a549}h5{background-color:#f08d2c}h6{background-color:#3ea710;font-size:22px;padding:15px 0}.awardbox02 .table{margin:0 auto;margin-top:10px}.awardbox02{width:100%;margin-bottom:50px;float:none;margin-left:0}.awardbox03{width:100%;margin:0 auto}.awardbox03 .table{text-align:center;width:100%;margin-bottom:20px}}@media screen and (max-width: 768px){.article_cause{line-height:35px;margin-bottom:3%;font-size:18px;text-align:center}}@media screen and (max-device-width: 670px) and (orientation:landscape){header h1{margin-bottom:85px}}@media screen and (max-device-width: 670px) and (orientation:portrait){header h1{margin-bottom:50px}}