@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');
 }

 .faq .subhead {
     text-transform: uppercase;
     font-size: 1.143em;
     padding-bottom: 28px;
     margin-bottom: 2px;
     box-shadow: 0 2px #000;
     font-family: "AvantGardeCE-Demi", "PingFang SC", "Heiti TC", "微軟正黑體", "Microsoft JhengHei", "Arial Unicode MS", "Arial";
 }

 .faq .com-item .item {
     padding-left: 0;
     padding-right: 0;
 }

 .faq .com-item .item .head {
     font-size: 1.143em;
 }

 .faq .wrapper {
     margin-bottom: 60px;
 }

 .faq .remarks {
     margin-bottom: 50px;
 }

 @media (min-width: 992px) {
     .menu-dt {
         width: 395px;
     }

     .faq {
         width: calc(100% - 395px - 70px);
     }

     .content .inner-container {
         display: -webkit-box;
         display: -moz-box;
         display: -webkit-flex;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-pack: justify;
         -moz-box-pack: justify;
         -ms-flex-pack: justify;
         -webkit-justify-content: space-between;
         justify-content: space-between;
     }
 }

 @media (max-width: 991px) {
     .faq .wrapper {
         margin-bottom: 0;
     }
 }

 @media (min-width: 576px) and (max-width: 991px) {
     .faq .wrapper {
         margin-top: 60px;
     }

     .faq .remarks {
         margin-top: 60px;
         margin-bottom: 20px;
     }
 }

 @media (max-width: 575px) {

     .faq .subhead,
     .faq .com-item .item .head {
         font-size: 1em;
     }

     .faq .subhead {
         padding-bottom: 12px;
     }

     .faq .wrapper {
         margin-top: 40px;
     }

     .faq .remarks {
         margin-top: 40px;
         margin-bottom: 0;
     }
 }