.component-support-task .major-task{margin:100px 0}
.component-support-task .major-task ul{display:flex;max-width:1200px;margin:auto;overflow:hidden;flex-shrink:0;width:100%}
.component-support-task .major-task ul .item{width:300px;flex-shrink:0}
.component-support-task .major-task ul .item a{height:100%;padding:40px 20px;display:block}
.component-support-task .major-task ul .item a .picture-container{flex:1;display:flex;justify-content:center;align-items:flex-end}
.component-support-task .major-task ul .item a .picture-container>svg{margin-bottom:20px}
.component-support-task .major-task ul .item a .text-container{flex:1;text-align:center}
.component-support-task .major-task ul .item a .text-container .title{font-family:"gill-sans-nova";font-size:24px;line-height:125%;text-transform:capitalize;color:#000;margin-bottom:8px;font-weight:500}
.component-support-task .major-task ul .item a .text-container .text{font-family:Arial;font-size:13px;line-height:130%;color:#4d4f52}
.component-support-task .major-task ul .item a:hover,.component-support-task .major-task ul .item a:focus{background:#fafafa;border-radius:4px}
.component-support-task .minor-task{margin:100px 0;position:relative;padding:100px 0}
.component-support-task .minor-task .picture-container{text-align:center}
.component-support-task .minor-task .picture-container>img{width:100%}
.component-support-task .minor-task .task-container{max-width:1200px;width:100%;margin:auto}
.component-support-task .minor-task .task-container>.title{font-family:"gill-sans-nova",Arial,"微軟正黑體",Helmet,Freesans,verdana,sans-serif;font-weight:500;font-size:40px;line-height:125%;letter-spacing:.02em;text-transform:capitalize;color:#fff;margin-bottom:40px;text-align:center}
.component-support-task .minor-task .task-container ul{display:grid;grid-template-columns:repeat(4,300px);justify-content:center}
.component-support-task .minor-task .task-container ul .task-item{margin:10px;background:rgba(255,255,255,0.9);border:.5px solid #9e9e9e;box-sizing:border-box;border-radius:4px;padding:20px}
.component-support-task .minor-task .task-container ul .task-item .title{font-family:"gill-sans-nova";font-size:24px;line-height:125%;height:2.6em;text-transform:capitalize;color:#000;overflow:hidden;margin-bottom:16px;font-weight:500}
.component-support-task .minor-task .task-container ul .task-item .text{font-family:Arial;font-size:13px;line-height:1.3;height:3.9em;color:#4d4f52;overflow:hidden}
.component-support-task .minor-task .task-container ul .task-item:hover,.component-support-task .minor-task .task-container ul .task-item:focus{background:#fff;box-shadow:1px 3px 8px rgba(0,0,0,0.4)}
.component-support-task .minor-task .task-container ul .task-item:hover .title,.component-support-task .minor-task .task-container ul .task-item:focus .title{color:#926b55}
@media screen and (max-width:1200px){.component-support-task .major-task ul .item{width:25%}
.component-support-task .minor-task .task-container ul{grid-template-columns:repeat(3,300px)}
}
@media screen and (max-width:959px){.component-support-task .minor-task .task-container ul{grid-template-columns:repeat(2,300px)}
}
@media screen and (max-width:800px){.component-support-task .major-task{margin:20px 20px 40px}
.component-support-task .major-task ul{flex-wrap:wrap;justify-content:center}
.component-support-task .major-task ul .item{width:calc(50% - 20px)}
.component-support-task .major-task ul .item:nth-child(even){margin-left:20px}
.component-support-task .major-task ul .item:nth-child(3),.component-support-task .major-task ul .item:nth-child(4){margin-top:20px}
.component-support-task .major-task ul .item a{justify-content:start;padding:20px}
.component-support-task .major-task ul .item a .picture-container>svg{width:50px;height:50px}
.component-support-task .major-task ul .item a .text-container .title{overflow:hidden;font-size:16px;line-height:120%;height:2.4em}
.component-support-task .major-task ul .item a .text-container .text{line-height:120%}
.component-support-task .minor-task{margin:40px 0;padding:40px 0}
.component-support-task .minor-task .task-container>.title{font-size:28px;line-height:100%}
.component-support-task .minor-task .task-container ul .task-item .title{font-size:21px;line-height:125%;height:2.6em}
}
@media screen and (max-width:659px){.component-support-task .minor-task .task-container ul{grid-template-columns:repeat(1,300px)}
.component-support-task .minor-task .task-container ul .task-item{margin:10px 20px}
}