/* //////////////////////////////////////////////////////////////////////////// */
/* JhuangPing v.1.3.1 [03.06.2020]                                              */
/* Github: https://jhuangping.github.io                                         */
/* //////////////////////////////////////////////////////////////////////////// */
/* Footer ===================================================================== */
.ft { background: #834A1F; }

.ft-experience { background: -webkit-gradient(linear, left top, right top, from(#FD6A03), to(#FEA000)); background: linear-gradient(to right, #FD6A03, #FEA000); padding-top: 0.83333%; padding-bottom: 0.83333%; }

.ft-experience_l-wp { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

@media all and (max-width: 480px) { .ft-experience_l-wp { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 15px; } }

.ft-experience_depiction { color: #fff; font-size: 5rem; }

@media all and (max-width: 1366px) { .ft-experience_depiction { font-size: 4rem; } }

@media all and (max-width: 600px) { .ft-experience_depiction { font-size: 3rem; } }

.ft-experience_btn .m-btn { color: #fff; font-size: 2.8rem; font-weight: bold; border: 2px solid #fff; border-radius: 50px; padding: 10px 35px 6px 35px; }

@media all and (min-width: 1251px) { .ft-experience_btn .m-btn:hover { opacity: .5; } }

@media all and (max-width: 1366px) { .ft-experience_btn .m-btn { font-size: 2.5rem; } }

@media all and (max-width: 600px) { .ft-experience_btn .m-btn { font-size: 1.8rem; } }

.ft-menu { padding-top: 1.82292%; padding-bottom: 1.30208%; }

@media all and (min-width: 1251px) { .ft-menu_ctr { background: url("../img/common/ft-logo.png") no-repeat 2.86458vw center; background-size: contain; } }

.ft-menu_l-wp { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

@media all and (max-width: 800px) { .ft-menu_l-wp { -ms-flex-wrap: wrap; flex-wrap: wrap; } }

.ft-menu_item { padding-left: 1.5625vw; padding-right: 1.5625vw; color: #fff; border-left: 3px solid #fff; }

@media all and (max-width: 1250px) { .ft-menu_item { display: none; } }

@media all and (max-width: 800px) { .ft-menu_item { width: 100%; border-left: none; }
  .ft-menu_item:not(:last-child) { border-bottom: 1px dotted #fff; margin-bottom: 10px; } }

.ft-menu_item--contact { max-width: 230px; }

@media all and (max-width: 1250px) { .ft-menu_item--contact { display: block; } }

@media all and (max-width: 800px) { .ft-menu_item--contact { max-width: 100%; } }

.ft-menu_item--contact .ft-menu_li { margin-bottom: 2rem; }

.ft-menu_item--contact .ft-menu_a { display: block; padding-left: 35px; position: relative; line-height: 1.22222; }

.ft-menu_item--contact .ft-menu_a::before { font-family: "Font Awesome 5 Solid"; position: absolute; top: 1px; left: 0px; color: #fff; }

.ft-menu_item--community { max-width: 220px; }

@media all and (max-width: 1250px) { .ft-menu_item--community { display: block; } }

@media all and (max-width: 800px) { .ft-menu_item--community { max-width: 100%; } }

.ft-menu_item--community .ft-menu_ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -5px; margin-right: -5px; }

.ft-menu_item--community .ft-menu_li { padding-left: 5px; padding-right: 5px; margin-bottom: 1rem; }

.ft-menu_item--community .ft-menu_a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 30px; height: 30px; border-radius: 100%; color: #834A1F; background: #fff; position: relative; }

.ft-menu_item--community .ft-menu_a::before { font-family: "Font Awesome 5 Brands"; line-height: 1; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

@media all and (min-width: 1251px) { .ft-menu_item--community .ft-menu_a:hover { color: #fff; background: rgba(255, 255, 255, 0.2); } }

@media all and (max-width: 1250px) { .ft-menu_item--community .ft-menu_a { width: 45px; height: 45px; font-size: 2.5rem; } }

.ft-menu_li { margin-bottom: 0.4rem; }

.ft-menu_title { font-size: 2.5rem; font-weight: bold; margin-bottom: 2rem; }

@media all and (max-width: 1250px) { .ft-menu_title { font-size: 2rem; } }

.ft-menu_a { color: #CFC2BA; font-size: 1.8rem; line-height: 1; }

@media all and (min-width: 1251px) { .ft-menu_a:hover { color: #fff; } }

@media all and (max-width: 1250px) { .ft-menu_a { font-size: 1.6rem; } }

.ft-menu_a--add::before { content: '\f3c5'; }

.ft-menu_a--tel::before { content: '\f095'; -webkit-transform: rotate(90deg); transform: rotate(90deg); }

.ft-menu_a--mail::before { content: '\f199'; }

.ft-menu_a--facebook::before { content: '\f39e'; }

.ft-menu_a--line::before { content: '\f3c0'; }

.ft-menu_a--linkedin::before { content: '\f0e1'; }

.ft-menu_a--google::before { content: '\f0d5'; }

.ft-menu_a--twitter::before { content: '\f099'; }

.ft-menu_a--instagram::before { content: '\f16d'; }

.ft-menu_a--youtube::before { content: '\f167'; }

.copyright { font-size: 1.3rem; color: #fff; background: #48290C; text-align: center; padding-top: 0.9375%; padding-bottom: 0.72917%; }

.float-tool { position: fixed; bottom: 72px; right: 14px; opacity: 0; -webkit-transition: all 0.5s; transition: all 0.5s; }

.float-tool > *:not(:last-child) { margin-bottom: 0.5rem; }

.float-tool.is-show { opacity: 1; }

.gotop .m-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 50px; height: 50px; border-radius: 100%; color: #fff; background: #FF6D00; -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.3); box-shadow: 0 0 30px rgba(0, 0, 0, 0.3); -webkit-transition: all 0.5s; transition: all 0.5s; }

.gotop .m-btn::before { content: ''; display: inline-block; border-width: 6px 5px; border-color: transparent; border-style: solid; border-bottom-color: #fff; margin-bottom: 5px; }

.gotop .m-btn_txt { font-size: 1.4rem; }

@media all and (min-width: 1251px) { .gotop .m-btn:hover { background: #B8121F; } }