@charset "UTF-8";
@import url('https://fonts.googleapis.com/earlyaccess/notosanstc.css');
@import url('https://fonts.googleapis.com/css?family=Play:400,700');
@import url('fonts.css');

/*----- GF2021 global attributes -----*/
.w-100{width:100%}
.m-0 {margin: 0 !important;}.mt-0,.my-0 {margin-top: 0 !important;}.mr-0,.mx-0 {margin-right: 0 !important;}.mb-0,.my-0 {margin-bottom: 0 !important;}.ml-0,.mx-0 {margin-left: 0 !important;}
.m-1 {margin: 0.25rem !important;}.mt-1,.my-1 {margin-top: 0.25rem !important;}.mr-1,.mx-1 {margin-right: 0.25rem !important;}.mb-1,.my-1 {margin-bottom: 0.25rem !important;}.ml-1,.mx-1 {margin-left: 0.25rem !important;}
.m-2 {margin: 1rem !important;}.mt-2,.my-2 {margin-top: 1rem !important;}.mr-2,.mx-2 {margin-right: 1rem !important;}.mb-2,.my-2 {margin-bottom: 1rem !important;}.ml-2,.mx-2 {margin-left: 1rem !important;}
.m-3 {margin: 2rem !important;}.mt-3,.my-3 {margin-top: 2rem !important;}.mr-3,.mx-3 {margin-right: 2rem !important;}.mb-3,.my-3 {margin-bottom: 2rem !important;}.ml-3,.mx-3 {margin-left: 2rem !important;}
.m-4 {margin: 4rem !important;}.mt-4,.my-4 {margin-top: 4rem !important;}.mr-4,.mx-4 {margin-right: 4rem !important;}.mb-4,.my-4 {margin-bottom: 4rem !important;}.ml-4,.mx-4 {margin-left: 4rem !important;}
.m-5 {margin: 6rem !important;}.mt-5,.my-5 {margin-top: 6rem !important;}.mr-5,.mx-5 {margin-right: 6rem !important;}.mb-5,.my-5 {margin-bottom: 6rem !important;}.ml-5,.mx-5 {margin-left: 6rem !important;}
.p-0 {padding: 0 !important;}.pt-0,.py-0 {padding-top: 0 !important;}.pr-0,.px-0 {padding-right: 0 !important;}.pb-0,.py-0 {padding-bottom: 0 !important;}.pl-0,.px-0 {padding-left: 0 !important;}
.p-1 {padding: 0.25rem !important;}.pt-1,.py-1{padding-top: 0.25rem !important;}.pr-1,.px-1{padding-right:0.25rem !important;}.pb-1,.py-1{padding-bottom: 0.25rem !important;}.pl-1,.px-1{padding-left: 0.25rem !important;}
.p-2 {padding: 0.5rem !important;}.pt-2,.py-2{padding-top: 0.5rem !important;}.pr-2,.px-2{padding-right: 0.5rem !important;}.pb-2,.py-2{padding-bottom: 0.5rem !important;}.pl-2,.px-2{padding-left: 0.5rem !important;}
.p-3 {padding: 1rem !important;}.pt-3,.py-3{padding-top: 1rem !important;}.pr-3,.px-3{padding-right: 1rem !important;}.pb-3,.py-3{padding-bottom: 1rem !important;}.pl-3,.px-3{padding-left: 1rem !important;}
.p-4 {padding: 1.5rem !important;}.pt-4,.py-4{padding-top: 1.5rem !important;}.pr-4,.px-4{padding-right: 1.5rem !important;}.pb-4,.py-4{padding-bottom: 1.5rem !important;}.pl-4,.px-4{padding-left: 1.5rem !important;}
.p-5 {padding: 3rem !important;}.pt-5,.py-5{padding-top: 3rem !important;}.pr-5,.px-5{padding-right: 3rem !important;}.pb-5,.py-5{padding-bottom: 3rem !important;}.pl-5,.px-5{padding-left: 3rem !important;}
.flex{display: flex;}
.flex-center{display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.flex-bottom{display: flex;-webkit-box-align: flex-end;-ms-flex-align: flex-end;align-items: flex-end;-webkit-box-pack: flex-end;-ms-flex-pack: flex-end;justify-content: flex-end;}
.flex-left{display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: left;}

/*----- GF2021 new container-sm -----*/
.GF2021 .container-sm {padding-right:25px;padding-left:25px;margin: 0 auto}
.GF2021 a:link,.GF2021 a:visited,.GF2021 a{outline:none;text-decoration: none;}
@media (min-width: 576px) {
.GF2021 .container-sm {max-width: 540px;}}
@media (min-width: 768px) {
.GF2021 .container-sm {max-width: 720px;}} 
@media (min-width: 992px) {
.GF2021 .container-sm {max-width: 960px;}}
@media (min-width: 1200px) {
.GF2021 .container-sm {max-width: 1140px;}}

/*----- GF2021 customized -----*/
.GF2021 img{max-width:inherit}
.GF2021 h1,.GF2021 h2,.GF2021 h3,.GF2021 h4,.GF2021 h5{font-family:'NotoSans-Regular','DINCond-Medium-Regular', 'cwTeXHei', 'Microsoft JhengHei';}
.GF2021 h3{font-size: 28px;line-height:1.5em; margin:26px 0px;font-family:'NotoSans-Regular','DINCond-Medium-Regular', 'cwTeXHei', 'Microsoft JhengHei';}
.GF2021 p{font-size: 16px;line-height:1.5em;margin-bottom: 15px}
.GF2021 .note{font-size: 14px;line-height: 26px;color:#bbb;}
.GF2021 .data li{font-size:18px;margin:0px 20px;font-family:'DINCond-Medium-Regular';}
.GF2021 .data li span{font-size:50px;margin:0px 8px;position: relative;bottom: -12px;}
.GF2021 .data-l li{margin:0px 40px 0px 0px;}
.GF2021 .data-l li span{margin:0px 8px 0px 0px;}
.GF2021 .data .data-num-note{font-size:15px;;}
@media (max-width: 1599px) {
.GF2021 h3{font-size: 26px;margin:22px 0px;}
.GF2021 p{font-size: 16px;}
.GF2021 .data li{font-size:22px;margin:0px 18px;;}
.GF2021 .data li span{font-size:52px;margin:0px 7px;bottom: -9px;}
.GF2021 .data-l li{margin:0px 36px 0px 0px;}
.GF2021 .data-l li span{margin:0px 7px 0px 0px;}}
@media (max-width: 1399px) {
.GF2021 h3{font-size: 24px;margin:20px 0px;}
.GF2021 p{font-size: 15px;}
.GF2021 .data li{font-size:18px;margin:0px 14px;}
.GF2021 .data li span{font-size:42px;margin:0px 6px;bottom: -7px;}
.GF2021 .data-l li{margin:0px 28px 0px 0px;}
.GF2021 .data-l li span{margin:0px 6px 0px 0px;}}
@media (max-width: 991px) {
.GF2021 h3{font-size: 22px;margin:18px 0px;}
.GF2021 p{font-size: 14px;}
.GF2021 .data li{font-size:17px;margin:0px 10px;font-family: 'DINCond-Light';}
.GF2021 .data li span{font-size:36px;margin:0px 5px;bottom: -6px;}
.GF2021 .data-l li{margin:0px 20px 0px 0px;}
.GF2021 .data-l li span{margin:0px 5px 0px 0px;}}
@media (max-width: 767px) {
.GF2021 h3{font-size: 20px;margin:16px 0px;}
.GF2021 .data li{font-size:16px;margin:0px 8px;}
.GF2021 .data li span{font-size:28px;margin:0px 4px;bottom: -5px;}
.GF2021 .data-l li{margin:0px 16px 0px 0px;}
.GF2021 .data-l li span{margin:0px 4px 0px 0px;}}