@import url("sass/plugins/bootstrap.min.css");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700;900&display=swap");
/*layouts*/
body { color: #000; }

a.top { display: block; position: fixed; bottom: 30px; right: 30px; z-index: 99; opacity: 0; transition: 0.5s; }

section#sec_1 { background-image: url("images/static/responsibility/charitable/index-bg.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center; height: 780px; animation: light 1.5s; background-color: #fff; }
@keyframes light { 0% { filter: brightness(0.2); }
  100% { filter: brightness(1); } }
section#sec_1 img.logo { width: 200px; height: 119px; margin: 3px; margin-top: 120px; }
section#sec_1 img.logo2 { width: 565px; height: 159px; margin: 20px; }
section#sec_1 img.tittle1 { width: 385px; height: 59px; margin: 16px; }
section#sec_1 img.tittle2 { width: 548px; height: 59px; margin: 6px; }

img.sec_2_t_pic { position: absolute; width: 100%; top: -43px; }

section#sec_2 { position: relative; background-color: #F4F5D3; }
section#sec_2 .sec_2_t_pic { position: absolute; width: 100%; top: -43px; }
section#sec_2 .container-fluid { max-width: 1460px; position: relative; z-index: 1; }
section#sec_2 .container-fluid .info .h3_h { display: block; font-family: 'Noto Sans TC', sans-serif; font-size: 24px; font-weight: 400; line-height: 48px; padding-top: 112px; }
section#sec_2 .container-fluid .info .h3_h > span { display: block; }
section#sec_2 .container-fluid .count { width: 602px; height: auto; padding-top: 33.5px; overflow: hidden; }
section#sec_2 .container-fluid .count .sec_2_dona { font-family: 'Noto Sans TC', sans-serif; font-size: 48px; padding-top: 12px; margin-left: -36px; margin-bottom: 3px; }
section#sec_2 .container-fluid .count .sec_2_dona span { font-size: 67px; font-family: sans-serif; font-weight: 700; color: #47B26B; }
section#sec_2 .container-fluid .count h6 { font-size: 18px; color: #969696; padding: 8px 0px; font-weight: 600; }
section#sec_2 .container-fluid .sec_2_board { padding-top: 42px; width: 600px; height: 241px; background-color: #DDECBB; border-radius: 24px; margin-top: 10px; margin-bottom: 64px; }
section#sec_2 .container-fluid .sec_2_board h3 { font-family: 'Noto Sans TC', sans-serif; font-size: 30px; line-height: 44px; color: #006F45; font-weight: 400; white-space: nowrap; }
section#sec_2 .tree-top.container-fluid { position: absolute; max-width: 1090px; left: 50%; transform: translateX(-50%); top: 274px; z-index: 0; }
section#sec_2 .tree-top.container-fluid img.sec_2_pic_t { width: 199px; height: 303px; }
section#sec_2 .tree-bottom.container-fluid { position: absolute; max-width: 1458px; left: 50%; transform: translateX(-50%); top: 430px; }
section#sec_2 .tree-bottom.container-fluid img.sec_2_pic_b { width: 282px; height: 310px; }

section#sec_3 { background-image: url("images/static/responsibility/charitable/index-bg2.png"); background-size: contain; background-color: #fff; width: 100%; overflow: hidden; }
section#sec_3 .sec_3_info.container-fluid { max-width: 1360px; }
section#sec_3 .sec_3_tittle { width: 626px; margin: 96px auto; }
section#sec_3 h2 { font-family: 'Noto Sans TC', sans-serif; font-size: 40px; }
section#sec_3 p { max-width: 635px; font-family: 'Noto Sans TC', sans-serif; font-size: 24px; }
@media screen and (max-width: 1098px) { section#sec_3 p { margin: 0 auto; } }
@media screen and (max-width: 575px) { section#sec_3 p { text-align: justify !important; } }
section#sec_3 p .textSpan { display: inline-block; }
@media screen and (max-width: 1499px) { section#sec_3 p .textSpan { display: inline; } }
@media screen and (max-width: 1098px) { section#sec_3 p .textSpan { display: inline-block; } }
@media screen and (max-width: 575px) { section#sec_3 p .textSpan { display: inline; } }
section#sec_3 .row { margin-bottom: 100px; }
section#sec_3 .row .col-lg { display: flex; flex-direction: column; justify-content: center; padding: 0px; position: relative; }
section#sec_3 .row .col-lg img { margin-left: 22px; width: 602px; z-index: 1; }
section#sec_3 .row .col-lg img.sec_3_pic1 { padding: 4px; margin-left: 34px; }
section#sec_3 .row .col-lg img.sec_3_pic3 { margin-left: 0px; margin-top: 10px; width: 620px; }
section#sec_3 .row .col-lg img.product { width: 274px; height: 281px; position: absolute; right: -14px; bottom: -86px; }
section#sec_3 .row .col-lg img.pic_leaf { position: absolute; z-index: 0; bottom: 0px; width: 740px; left: -32px; }
section#sec_3 .row .col-lg .sec_3_c { width: 120px; height: 120px; position: absolute; right: 26px; }
section#sec_3 .row .col-lg .sec_3_c.c_01 { top: 68px; }
section#sec_3 .row .col-lg .sec_3_c.c_02 { top: 218px; right: 10px; }
section#sec_3 .row .col-lg .sec_3_c.c_03 { right: 66px; bottom: -11px; }
section#sec_3 .row .col-lg .sec_3_t { padding: 20px; padding-left: 78px; margin-top: 50px; }
section#sec_3 .row .col-lg .sec_3_t h2 { font-weight: 600; margin-bottom: 22px; }
section#sec_3 .row .col-lg .sec_3_t p { font-size: 24px; line-height: 48px; font-weight: 400; }
section#sec_3 .row .col-lg .sec_3_t.text_2 { margin-top: 24px; }
section#sec_3 .row .col-lg .sec_3_t.text_3 { margin-top: 9px; padding-left: 48px; padding-right: 0px; }
section#sec_3 .row .col-lg .sec_3_t.text_3 p { padding-left: 16px; }
@media screen and (max-width: 1198px) { section#sec_3 .row .col-lg .sec_3_t.text_3 p { padding-left: 0px; } }
section#sec_3 .row.row3 { margin-bottom: 0px; }
section#sec_3 .row.row3_h { display: none; padding: 0px 80px; margin-bottom: 0px; }
section#sec_3 .row.row3_h .col-lg img.sec_3_ch { width: 200px; }
section#sec_3 .row:last-child { margin-top: -10px; margin-bottom: 68px; text-align: end; }
section#sec_3 .cw_logo { display: inline-block; padding: 0px; }
section#sec_3 .cw_logo img { width: 218px; }

.curve_3_pic { width: 100%; margin-bottom: 0px; display: block; }

section#sec_4 { background: #49B76E; background-image: url("images/static/responsibility/charitable/sec_3_bg.png"); padding: 30px 0px; overflow: hidden; }
section#sec_4 h1 { margin-left: 12px; font-size: 48px; color: #fff; font-weight: bold; margin-bottom: 78px; }
section#sec_4 h6 { color: #fff; font-size: 20px; margin-top: 85px; }
section#sec_4 h6 span { display: inline-block; margin-left: 12px; }
section#sec_4 img.chart { width: 1293px; }

section#sec_5 { height: 70px; background-color: #F4F5D3; }
section#sec_5 span.sp_2 { display: inline-block; }

img.footer { display: block; }

h6.footer_text { font-family: 'Noto Sans TC', sans-serif; font-size: 16px; color: #00693E; font-weight: bold; padding-top: 15px; }
h6.footer_text a { color: #00693E; text-decoration: none; }
h6.footer_text a:hover { text-decoration: underline; }

.brandLink {
  color: #00693E;
  font-family: 'Noto Sans TC', sans-serif;
  font-weight: 500;
  font-size: 20px;
}

.brandLink:hover {
  color: #00693E;
  text-decoration: none;
  -webkit-filter: brightness(1.2);
          filter: brightness(1.2);
}

@media screen and (max-width: 1499px) { .sec_2_pic_t, .sec_2_pic_b { transform: scale(0.8); }
  section#sec_3 .sec_3_info .row .col-lg img.pic_leaf { width: 100%; }
  section#sec_3 .row.row3 .col-lg img.sec_3_pic3 { margin-left: 30px; }
  .sec_3_info .row:last-child .cw_logo { transform: scale(0.85); margin-right: 10%; }
  section#sec_3 .sec_3_info.container-fluid .row .sec_3_t.text_3 { padding-right: 30px; } }
@media screen and (max-width: 1350px) { .sec_2_pic_b { display: none; }
  .sec_3_info .row .col-lg img { transform: scale(0.9); }
  .sec_3_info .row .col-lg img.product { transform: scale(0.7); }
  section#sec_3 .sec_3_info .row .col-lg img.pic_leaf { bottom: 50px; }
  #sec_4.sec_4_t_pic { padding: 120px 0px; }
  #sec_4.sec_4_t_pic h1 { font-size: 40px; }
  #sec_4.sec_4_t_pic img.chart { width: 100%; padding: 0px 10px; }
  .sec_3_info .row:last-child .cw_logo { transform: scale(0.85); }
  section#sec_3 .sec_3_info.container-fluid .row .sec_3_t { padding-right: 40px; } }
@media screen and (max-width: 1260px) { .sec_2_pic_b { display: none; }
  section#sec_3 .sec_3_info.container-fluid .row > .col-lg h2 { font-size: 36px; }
  section#sec_3 .sec_3_info.container-fluid .row > .col-lg .sec_3_t.text_2 { padding-left: 70px; }
  .sec_3_info .row:last-child .cw_logo { margin-top: 50px; margin-right: 0%; text-align: center; }
  #sec_4.sec_4_t_pic { padding: 100px 0px; }
  main > img.footer { margin-top: -0px; } }
@media screen and (max-width: 1199px) { .sec_3_info .row .col-lg img { transform: scale(0.8); }
  section#sec_3 .sec_3_info.container-fluid .row > .col-lg h2 { font-size: 32px; }
  section#sec_3 .sec_3_info.container-fluid .row > .col-lg p { font-size: 21px; }
  section#sec_3 .sec_3_info.container-fluid .row > .col-lg .sec_3_c { display: none; }
  section#sec_3 .sec_3_info.container-fluid .row.row3_h { display: block; }
  section#sec_3 .row.row1 .col-lg img.sec_3_pic1 { margin-left: 0px; }
  section#sec_3 .row.row1 .col-lg img.product { margin-left: 0px; }
  section#sec_3 .row.row3 .col-lg img.sec_3_pic3 { margin-left: 0px; }
  section#sec_3 .sec_3_info.container-fluid .row .sec_3_t.text_3 { padding-left: 0px; } }
@media screen and (max-width: 1098px) { .sec_2_pic_t, .sec_2_pic_b { transform: scale(0.6); }
  section#sec_3 .sec_3_info.container-fluid { overflow: hidden; }
  section#sec_3 .sec_3_info.container-fluid .row .col-lg img { transform: scale(1); width: 100%; max-width: 620px; margin-right: auto; margin-left: auto; }
  section#sec_3 .sec_3_info.container-fluid .row .col-lg img.product { width: 271px; transform: scale(0.8); right: 120px; }
  section#sec_3 .sec_3_info.container-fluid .row .col-lg h2 { text-align: center; font-size: 40px; }
  section#sec_3 .sec_3_info.container-fluid .row .col-lg p { text-align: center; font-size: 24px; }
  section#sec_3 .sec_3_info.container-fluid .row .col-lg .sec_3_t.text_2 { padding: 20px; }
  section#sec_3 .sec_3_info.container-fluid .row.row3_h { margin-bottom: 140px; }
  section#sec_3 .sec_3_info.container-fluid .row.row3_h img.sec_3_ch { width: 150px; }
  section#sec_3 .sec_3_info .row .col-lg img.pic_leaf { bottom: 0px; width: 100%; max-width: 754px; left: 15%; }
  section#sec_3 .sec_3_info.container-fluid .row > .col-lg .sec_3_t { padding: 20px 20px; } }
@media screen and (max-width: 991px) { section#sec_1 .container-fluid img { transform: scale(0.9); }
  section#sec_2 .container-fluid .sec_2_board.text-center h3 { font-size: 24px; }
  section#sec_3 .sec_3_info .row .col-lg img.pic_leaf { bottom: 0px; transform: scale(0.8); left: 8%; }
  .sec_2_pic_t { transform: scale(0.5); }
  section#sec_2 .container-fluid .info.text-center p.h3_h { font-size: 1.4rem; line-height: 40px; }
  section#sec_2 .container-fluid .count.text-center { width: 80%; }
  section#sec_2 .container-fluid .count.text-center img { width: 440px; }
  section#sec_2 .container-fluid .count.text-center .sec_2_dona { font-size: 34px; }
  section#sec_2 .container-fluid .count.text-center .sec_2_dona span { font-size: 48px; }
  section#sec_3 img.sec_3_tittle { transform: scale(0.9); }
  section#sec_3 .sec_3_info.container-fluid .row .col-lg img.product { transform: scale(0.7); right: 60px; }
  h6.footer_text.text-center { padding-top: 20px; } }
@media screen and (max-width: 880px) { section#sec_2 .container-fluid .info.text-center p.h3_h { padding: 100px 40px 0px 40px; font-size: 20px; text-align: justify; }
  section#sec_2 .container-fluid .info.text-center p.h3_h span { display: inline; } }
@media screen and (max-width: 800px) { section#sec_1 .container-fluid img { transform: scale(0.75); }
  section#sec_1 .container-fluid img.tittle1 { margin: 10px; }
  .sec_2_pic_t { transform: scale(0.4); }
  section#sec_2 .container-fluid .count.text-center img { width: 380px; }
  section#sec_2 .container-fluid .count.text-center .sec_2_dona { margin-left: 0px; font-size: 32px; }
  section#sec_2 .container-fluid .count.text-center .sec_2_dona span { font-size: 42px; }
  section#sec_2 .container-fluid .sec_2_board.text-center { width: 90%; }
  section#sec_2 .tree-top.container-fluid.d-flex.justify-content-between { top: 230px; }
  section#sec_3 img.sec_3_tittle { transform: scale(0.75); }
  section#sec_3 .sec_3_info.container-fluid .row .col-lg img.product { right: 30px; }
  #sec_4.sec_4_t_pic { padding: 120px 0px; }
  #sec_4.sec_4_t_pic h1 { font-size: 32px; } }
@media screen and (max-width: 730px) { section#sec_2 .container-fluid .info.text-center p.h3_h { padding-top: 50px; }
  section#sec_2 .container-fluid .info.text-center p.h3_h span { display: inline; }
  section#sec_2 img.sec_2_pic_t { transform: scale(0.6); display: none; }
  section#sec_3 img.sec_3_tittle { transform: scale(1); width: 380px; }
  section#sec_3 .sec_3_info.container-fluid .row .col-lg img.product { right: 10px; }
  section#sec_3 .sec_3_info .row .col-lg img.pic_leaf { width: 80%; left: -10px; display: none; }
  .sec_3_info .row:last-child .cw_logo { transform: scale(0.6); margin-top: 0px; }
  main > img.footer { margin-top: -10px; }
  section#sec_5 { height: 70px; }
  h6.footer_text.text-center span { display: block; } }
@media screen and (max-width: 650px) { section#sec_1 .container-fluid img { transform: scale(0.7); }
  section#sec_1 .container-fluid img.logo2, section#sec_1 .container-fluid .tittle1, section#sec_1 .container-fluid .tittle2 { margin: -2px; }
  section#sec_3 img.sec_3_tittle { margin: 50px 0px; }
  section#sec_3 .sec_3_info.container-fluid .row .col-lg img { transform: scale(0.9); }
  section#sec_3 .sec_3_info.container-fluid .row .col-lg img.product { transform: scale(0.65); }
  section#sec_3 .sec_3_info.container-fluid .row .col-lg h2 { font-size: 28px; }
  section#sec_3 .sec_3_info.container-fluid .row .col-lg p { text-align: center; font-size: 20px; line-height: 32px; }
  section#sec_3 .sec_3_info .row { margin-bottom: 30px; }
  .sec_3_info .row:last-child .cw_logo { margin: 0; } }
@media screen and (max-width: 575px) { img.sec_2_pic_t { display: none; }
  section#sec_1 { height: 700px; }
  section#sec_1 .container-fluid img.logo2, section#sec_1 .container-fluid .tittle1, section#sec_1 .container-fluid .tittle2 { transform: scale(0.6); margin: 0px; }
  section#sec_1 .container-fluid img.tittle1 { margin: -8px; }
  section#sec_2 img.sec_2_t_pic { top: -20px; }
  section#sec_2 .container-fluid .info.text-center p.h3_h { font-size: 1rem; line-height: 1.8rem; }
  section#sec_2 .container-fluid .sec_2_board.text-center { height: 140px; padding: 20px 0px; margin-bottom: 30px; }
  section#sec_2 .container-fluid .sec_2_board.text-center h3 { font-size: 1rem; line-height: 1.6rem; }
  section#sec_2 .container-fluid .count.text-center { padding-top: 0px; }
  section#sec_2 .container-fluid .count.text-center img { width: 100%; }
  section#sec_2 .container-fluid .count.text-center .sec_2_dona { font-size: 30px; }
  section#sec_2 .container-fluid .count.text-center .sec_2_dona span { font-size: 38px; margin-left: -1rem; }
  section#sec_2 .container-fluid .count.text-center h6 { font-size: 1rem; }
  section#sec_3.text-center img.sec_3_tittle { width: 300px; margin: 50px 0px; }
  section#sec_3.text-center .sec_3_info.container-fluid .row .col-lg img { width: 85%; }
  section#sec_3.text-center .sec_3_info.container-fluid .row .col-lg img.product { width: 271px; transform: scale(0.5); right: -10px; }
  section#sec_3.text-center .sec_3_info.container-fluid .row .col-lg h2 { font-size: 1.8rem; margin-bottom: 1rem; }
  section#sec_3.text-center .sec_3_info.container-fluid .row .col-lg p { font-size: 1.1rem; }
  section#sec_4.sec_4_t_pic { padding: 60px 0px; }
  section#sec_4.sec_4_t_pic h1 { font-size: 28px; margin-bottom: 40px; }
  section#sec_4.sec_4_t_pic h6 { font-size: 1rem; margin-top: 50px; }
  h6.footer_text.text-center { font-size: 14px; padding-top: 8px; }
  section#sec_3 .sec_3_info .row.row3 { margin-bottom: -30px; }
  section#sec_5 { height: 50px; } }
@media screen and (max-width: 490px) { section#sec_2 .container-fluid .info.text-center p.h3_h { padding-left: 20px; padding-right: 20px; }
  section#sec_3.text-center img.sec_3_tittle { width: 260px; margin: 30px 0px; }
  section#sec_3.text-center .sec_3_info.container-fluid .row .col-lg img.product { width: 271px; transform: scale(0.45); right: -30px; }
  section#sec_3.text-center .sec_3_info.container-fluid .row .col-lg h2 { font-size: 1.6rem; margin-bottom: 10px; }
  section#sec_3.text-center .sec_3_info.container-fluid .row .col-lg p { font-size: 1rem; line-height: 28px; }
  section#sec_3.text-center .sec_3_info.container-fluid .row .col-lg .sec_3_t { margin-top: 30px; }
  .sec_3_info .row:last-child .cw_logo { transform: scale(0.5); }
  section#sec_4.sec_4_t_pic h1 { font-size: 26px; }
  section#sec_4.sec_4_t_pic h6 { font-size: 14px; margin-bottom: 0px; } }
@media screen and (max-width: 374px) { section#sec_1 .container-fluid img.logo2, section#sec_1 .container-fluid .tittle1, section#sec_1 .container-fluid .tittle2 { transform: scale(0.5); }
  section#sec_1 .container-fluid img.tittle1 { margin-top: -20px; }
  section#sec_3.text-center .sec_3_info.container-fluid .row .col-lg img.product { transform: scale(0.35); right: -50px; }
  .sec_3_info.container-fluid .row .col-lg .sec_3_t { padding: 20px 10px; }
  .sec_3_info.container-fluid .row .col-lg h2 { font-size: 1.6rem; }
  .sec_3_info.container-fluid .row .col-lg p { font-size: 0.9rem; margin-bottom: 0px; }
  .count.text-center .sec_2_dona { font-size: 26px; }
  .count.text-center .sec_2_dona span { font-size: 34px; }
  .count.text-center h6 { font-size: 0.8rem; }
  img.curve_3_pic { margin-bottom: -10px; }
  h6.footer_text.text-center { padding-top: 8px; } }

/*# sourceMappingURL=style.css.map */