body { overflow-x: hidden; }
/* jumbotron 金句 ================ */
.jumbotron { background: #00ADC3; color: #fff; padding: 70px 0; text-align: center; }
.jumbotron .content { display: inline-block; text-align: left; max-width: 70%; }
.jumbotronWord{ font-size: 32px; position: relative; 
  font-family: 'Noto Sans TC', 'Roboto', sans-serif; 
}
.jumbotronWord::before, .jumbotronWord::after {
  font-size: 70px; display: block; position: absolute; 
}
.jumbotronWord::before{ content: "“"; left: -100px; top: -20px; }
.jumbotronWord::after{content: "”"; right: -100px; bottom: -60px; }

.source{ font-size: 22px; margin-top: 22px; }

/* small 以下尺寸 */
@media (max-width: 770px) {
  .jumbotronWord{ font-size: 20px; }
  .jumbotronWord::before, .jumbotronWord::after { font-size: 45px; }
  .jumbotronWord::before { left: -60px; top: -20px;}
  .jumbotronWord::after { right: -60px; bottom: -40px; }

  .source{ font-size: 14px; }
  .source span{ display: none; }
}

.ActivityInfo { padding: 40px 0 100px; }
@media (max-width: 992px){ .ActivityInfo {padding: 20px 0 20px;} }

/* .socialWelfareCard 社會公益 ===================== */
/* 由layout.css 最新消息 調整 */
.socialWelfareCard{ overflow: hidden; margin-bottom: 90px; }
.socialWelfareImg img{ width: 95%;}
.socialWelfareCard:nth-of-type(2n) .socialWelfareImg { float: right; overflow: hidden;}
.socialWelfareCard:nth-of-type(2n) .socialWelfareImg img { float: right;}
.socialWelfareCard:nth-of-type(2n) .socialWelfareNote{ float: left;  padding-right: 45px;}
.socialWelfareCard:nth-of-type(2n+1) .socialWelfareNote { padding-left: 45px;}
/* small 以下尺寸 */
@media (max-width: 601px) {
  .socialWelfareImg img{ width: 100%;}
  .socialWelfareCard:nth-of-type(2n) .socialWelfareNote{   padding-right: 0;}
  .socialWelfareCard:nth-of-type(2n+1) .socialWelfareNote { padding-left: 0;}
  /* card 在手機時加 bottom 加底線 */
  .socialWelfareCard { border-bottom: 1px solid rgba(185, 185, 185, 0.74); padding-bottom: 36px; margin-bottom: 60px;}
  .socialWelfareCard:last-of-type { border-bottom: none ; margin-bottom: 0;}
}

/* recommendation 口碑推薦 ================ */
.recommendation{ padding: 54px 70px 33px ; margin-bottom: 50px; font-size: 22px; overflow: hidden;}
.recommendationCompanyInfo{font-size: 18px; padding-right:10px; display: inline-block; margin-top: 50px; }
.recommendationName{ font-size: 28px; display: inline-block;}
.recommendation .word{font-size: 22px; }
.recommendation .title{font-size: 22px;}
/* medium以下尺寸 */
@media (max-width: 992px) {
  .recommendation{ padding: 40px ; font-size: 16px; }
  .recommendationCompanyInfo {font-size: 14px; padding-right:0; display: inline-block;}
  .recommendationName{ font-size: 20px; display: inline-block;}
  .recommendation .w3-right{ padding-top: 50px;}
  .recommendation .word{font-size: 16px; }
}
/* small 以下尺寸 */
@media (max-width: 601px) {
  .recommendationName{ display: block; text-align: right;}
  .recommendation .w3-right{ padding-top: 0;}
  .recommendation .word{line-height: 30px; }
  .recommendation .title{font-size: 16px;}

}