@font-face {
     font-family: 'AvantGardeCE-Light';
     src: url('../font/FONTS/AvantGardeCE-Light.eot');
     src: url('../font/FONTS/AvantGardeCE-Light.eot?#iefix') format('embedded-opentype'), url('../font/FONTS/AvantGardeCE-Light.woff') format('woff'), url('../font/FONTS/AvantGardeCE-Light.ttf') format('truetype');
 }

 @font-face {
     font-family: 'AvantGardeCE-Book';
     src: url('../font/FONTS/AvantGardeCE-Book.eot');
     src: url('../font/FONTS/AvantGardeCE-Book.eot?#iefix') format('embedded-opentype'), url('../font/FONTS/AvantGardeCE-Book.woff') format('woff'), url('../font/FONTS/AvantGardeCE-Book.ttf') format('truetype');
 }

 @font-face {
     font-family: 'AvantGardeCE-Demi';
     src: url('../font/FONTS/AvantGardeCE-Demi.eot');
     src: url('../font/FONTS/AvantGardeCE-Demi.eot?#iefix') format('embedded-opentype'), url('../font/FONTS/AvantGardeCE-Demi.woff') format('woff'), url('../font/FONTS/AvantGardeCE-Demi.ttf') format('truetype');
 }

 @font-face {
     font-family: 'AvantGardeCE-Medium';
     src: url('../font/FONTS/AvantGardeCE-Medium.eot');
     src: url('../font/FONTS/AvantGardeCE-Medium.eot?#iefix') format('embedded-opentype'), url('../font/FONTS/AvantGardeCE-Medium.woff') format('woff'), url('../font/FONTS/AvantGardeCE-Medium.ttf') format('truetype');
 }

 @font-face {
     font-family: 'AvantGardeGothic-Demi';
     src: url('../font/FONTS/AvantGardeGothic-Demi.eot');
     src: url('../font/FONTS/AvantGardeGothic-Demi.eot?#iefix') format('embedded-opentype'), url('../font/FONTS/AvantGardeGothic-Demi.woff') format('woff'), url('../font/FONTS/AvantGardeGothic-Demi.ttf') format('truetype');
 }

 section.content {
     position: relative;
     padding-bottom: 100px;
 }

 .share {
     cursor: pointer;
     position: absolute;
     left: 0;
     top: 0px;
     background-image: url(../image/share.svg);
     background-repeat: no-repeat;
     background-size: contain;
     width: 69px;
     height: 70px;
     z-index: 1;
 }

 .share .wrapper {
     position: absolute;
     top: 74px;
     left: 0px;
     overflow: hidden;
 }

 .share .wrapper.on .addthis_inline_share_toolbox {
     -webkit-transform: translateY(0);
     -moz-transform: translateY(0);
     -ms-transform: translateY(0);
     -o-transform: translateY(0);
     transform: translateY(0);
 }

 .at-style-responsive .at-share-btn {
     width: 69px;
     height: 70px;
     display: -webkit-box;
     display: -moz-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -moz-box-align: center;
     -webkit-align-items: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -moz-box-pack: center;
     -ms-flex-pack: center;
     -webkit-justify-content: center;
     justify-content: center;
 }

 .at-resp-share-element .at-share-btn:focus,
 .at-resp-share-element .at-share-btn:hover {
     -webkit-transform: translateX(3px);
     -moz-transform: translateX(3px);
     -ms-transform: translateX(3px);
     -o-transform: translateX(3px);
     transform: translateX(3px);
 }

 .addthis_inline_share_toolbox {
     -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
     -webkit-transform: translateY(-100%);
     -moz-transform: translateY(-100%);
     -ms-transform: translateY(-100%);
     -o-transform: translateY(-100%);
     transform: translateY(-100%);
 }

 .at-resp-share-element .at-share-btn {
     margin: 0 0 5px 0;
 }

 .t4 .col:first-child {
     padding-right: 80px;
 }

 .pic-wrapper {
     position: relative;
 }

 .pic {
     margin-bottom: 40px;
 }

 .pic img {
     width: 100%;
 }

 .backto {
     color: #C0272D !important;
     text-transform: uppercase;
     font-family: "AvantGardeCE-Demi", "PingFang SC", "Heiti TC", "微軟正黑體", "Microsoft JhengHei", "Arial Unicode MS", "Arial";
     font-size: 1.143em;
     margin-bottom: 20px;
     display: inline-block;
 }

 .backto:before {
     display: inline-block;
     font-family: 'Font Awesome 5 Free';
     font-size: inherit;
     text-rendering: auto;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     transform: translate(0, 0);
     content: "\f053";
     margin-right: 5px;
     -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
 }

 .backto:hover:before {
     -webkit-transform: translateX(-5px);
     -moz-transform: translateX(-5px);
     -ms-transform: translateX(-5px);
     -o-transform: translateX(-5px);
     transform: translateX(-5px);
     margin-right: 10px;
 }

 .title {
     font-size: 2.429em;
     font-family: "AvantGardeCE-Demi", "PingFang SC", "Heiti TC", "微軟正黑體", "Microsoft JhengHei", "Arial Unicode MS", "Arial";
     line-height: 140%;
     margin-bottom: 50px;
 }

 .com-news-detail .date {
     margin-bottom: 35px;
 }

 .com-news-detail p {
     margin-bottom: 30px;
 }

 .com-news-detail .btn {
     margin-top: 10px;
 }

 .remarks p {
     margin-bottom: 2px;
 }

 .news .title {
     margin-bottom: 20px;
 }

 .event .title {
     margin-bottom: 10px;
 }

 .event .subtitle {
     font-size: 1.571em;
     font-family: "AvantGardeCE-Demi", "PingFang SC", "Heiti TC", "微軟正黑體", "Microsoft JhengHei", "Arial Unicode MS", "Arial";
     margin-bottom: 40px;
 }

 .event .com-listing:last-of-type .head {
     margin-bottom: 40px;
 }

 .event .com-listing:not(:last-of-type) {
     border-bottom: 1px solid #CCCCCC;
     padding-bottom: 45px;
     margin-bottom: 45px;
 }

 .event li.location {
     color: #C0272D;
     font-family: "AvantGardeCE-Demi", "PingFang SC", "Heiti TC", "微軟正黑體", "Microsoft JhengHei", "Arial Unicode MS", "Arial";
     font-size: 1.143em;
 }

 .event li.location:before {
     content: "";
     width: 14px;
     height: 18.38px;
     background-image: url(../image/list_location.svg);
     background-size: contain;
     background-repeat: no-repeat;
     background-color: transparent;
     display: inline-block;
     top: 1px;
     left: -29px;
 }

 @media (min-width: 992px) and (max-width: 1380px) {
     .share {
         width: 50px;
         height: 50px;
     }

     .share .wrapper {
         top: 55px;
     }

     .at-style-responsive .at-share-btn {
         width: 50px;
         height: 50px;
     }
 }

 @media (max-width: 991px) {
     .share {
         right: 0;
         left: auto;
     }

     .t4 .col:first-child {
         padding-right: 15px;
     }

     .com-news-detail {
         margin-bottom: 10px;
     }
 }

 @media (max-width: 991px) and (min-width: 576px) {
     section.content {
         padding: 50px 0;
     }

     .share {
         top: 40px;
         width: 49px;
         height: 50px;
     }

     .share .wrapper {
         top: 95px;
     }

     .at-style-responsive .at-share-btn {
         width: 49px;
         height: 50px;
     }

     .polygon-wrapper {
         margin: 70px 0 50px 0;
     }
 }

 @media (max-width: 767px) {
     .polygon-wrapper.portrait2 .polygon.filled {
         width: 160px;
         height: 100px;
         right: -39px;
         bottom: -24px;
     }

     .polygon-wrapper.portrait2 .polygon.hollow {
         width: 130px;
         height: 120px;
         left: -33px;
         top: -15px;
     }
 }

 @media (max-width: 575px) {
     section.content {
         padding-top: 30px;
         padding-bottom: 10px;
     }

     section.filledbg {
         padding-bottom: 40px;
     }

     .backto {
         font-size: 1em;
         margin-bottom: 15px;
     }

     .share {
         top: 20px;
         width: 31px;
         height: 32px;
     }

     .share .wrapper {
         top: 57px;
     }

     .at-style-responsive .at-share-btn {
         width: 31px;
         height: 32px;
     }

     .pic {
         margin-bottom: 30px;
     }

     .title {
         font-size: 1.833em;
         margin-bottom: 30px;
     }

     .com-listing:not(:last-child) {
         margin-bottom: 35px;
     }

     .com-listing .head {
         font-size: 1.333em;
         margin-bottom: 20px;
     }

     .com-listing ul {
         margin-left: 20px;
     }

     .com-listing ul li:before {
         left: -20px;
         top: 7px;
         width: 5px;
         height: 5px;
     }

     .news .title {
         margin-bottom: 10px;
     }

     .event .subtitle {
         font-size: 1.333em;
         margin-bottom: 25px;
     }

     .event .com-listing:not(:last-of-type) {
         padding-bottom: 30px;
         margin-bottom: 30px;
     }

     .event .com-listing:last-of-type .head {
         margin-bottom: 20px;
     }

     .event li.location {
         font-size: 1em;
     }

     .event li.location:before {
         width: 10px;
         height: 13px;
         top: 2px;
         left: -22px;
     }

     .com-listing ul:not(:last-child) {
         margin-bottom: 30px;
     }

     .com-news-detail p {
         margin-bottom: 20px;
     }

     .com-news-detail .date {
         margin-bottom: 30px;
     }

     .polygon-wrapper .box p.alert {
         margin-top: 25px;
     }

     .polygon-wrapper .box .btn {
         margin-top: 20px;
     }

     .btn.outline,
     .polygon-wrapper .box .btn {
         min-width: 160px;
     }
 }