#wrap { z-index: 5; }

/* section */
section {padding: 5vw 0;}
section >* { z-index: 3; }
section .title_en{margin-bottom:8px;color:var(--primary);font-size: 28px;line-height:1.4;letter-spacing:.05em;font-family: "Cormorant", serif;font-weight: 600;}
section .title_cn{position:relative;display:inline-block;z-index:1;color: var(--complement);font-size: 50px;font-weight: 600;line-height: 1.25;letter-spacing: .04em;}
section .title_box { padding-bottom: 3vw; font-style: italic; font-size: 38px; }
section .clip { margin: auto; width: 100%; }
section .clip img { height: 100%; }
section .clip iframe { width: 100%; height: 100%; top: 0; left: 0; }
section .clip video { width: auto; height: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }
section .in_more_btns { display: flex; align-items: center; gap: 18px; margin-top: 34px; }
section .in_more_btn  {position: relative;padding: 12px 40px;border-radius: 30px;display: flex;align-items: center;justify-content: center;gap: 22px;color: #fff;font-size: 16px;font-weight: 600;overflow: hidden;transition: .3s;}
section .in_more_btn *{color:white;font-weight: 400;font-size: 15px;}
section .in_more_btn_primary { background: var(--gradient-primary,linear-gradient(90deg,#f79849 0%,#e86527 100%)); }
section .in_more_btn_dark { background: var(--complement); }
section .in_more_btn i { position: relative; width: 7px; height: 7px; border-top: 1px solid currentColor; border-right: 1px solid currentColor; transform: rotate(45deg); transition: .3s; }
section .in_more_btn:hover i {animation: arrowShake .75s ease-in-out;}
@keyframes arrowShake {
0%,100% {transform:translateX(0) rotate(45deg);}
20% {transform:translateX(-3px) rotate(45deg);}
40% {transform:translateX(4px) rotate(45deg);}
60% {transform:translateX(-2px) rotate(45deg);}
80% {transform:translateX(2px) rotate(45deg);}
}
@media screen and (max-width:640px) {
    section .in_more_btn{padding: 12px 25px;}
}

/* custom_area */
#custom_area {position:relative;overflow:hidden;background:#fffaf6;background-size: cover;background-repeat: no-repeat;background-position: center;}
#custom_area .custom_inner {position:relative;display:flex;align-items:center;gap:8%;z-index:2;width: min(90%, 1350px);}
#custom_area .custom_visual {position:relative;width:50%;display:flex;align-items:center;justify-content:center;}
#custom_area .custom_pic {position:relative;aspect-ratio: 1/1;margin-left:10%;overflow:hidden;border-radius: 50%;}
#custom_area .custom_pic:before { content: ""; position: absolute; inset: 0; border: 2px solid rgba(255,255,255,.9); border-radius: inherit; z-index: 2; pointer-events: none; }
#custom_area .custom_pic img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: center; transition: opacity .35s ease,transform .65s ease; }
#custom_area .custom_pic.is_switching img { opacity: 0; transform: scale(1.02); }
#custom_area .custom_tabs {position: absolute;left: 2%;top: 50%;transform: translateY(-50%);display: flex;flex-direction: column;align-items: center;gap: 12px;z-index: 5;}
#custom_area .custom_tab {position: relative;width: 112px;aspect-ratio: 1/1;padding: 10px;border: 5px solid #fff;border-radius: 50%;background: #fff2e9;box-shadow: 0 3px 15px rgba(27,46,58,.05);display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 4px;cursor: pointer;transition: .35s ease;color: var(--complement);}
#custom_area .custom_tab:first-child{transform: translateX(155px) translateY(50px);}
#custom_area .custom_tab:last-child{transform: translateX(155px) translateY(-50px);}
#custom_area .custom_tab:nth-child(2){transform: translateX(58px) translateY(10px);}
#custom_area .custom_tab:nth-child(5){transform: translateX(58px) translateY(-10px);}
#custom_area .custom_tab:hover {background: var(--gradient-primary, linear-gradient(90deg, #f79849 0%, #e86527 100%));color: #fff;box-shadow: 0 8px 25px rgba(232, 101, 39, .2);}
#custom_area .custom_tab.active {background: var(--gradient-primary,linear-gradient(90deg,#f79849 0%,#e86527 100%));color: #fff;box-shadow: 0 8px 25px rgba(232,101,39,.2);}
#custom_area .custom_tab.active * , #custom_area .custom_tab:hover *{color:white;-webkit-filter: contrast(0) brightness(150%);filter: contrast(0) brightness(200%);}
#custom_area .custom_tab_icon { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; }
#custom_area .custom_tab_icon img { max-width: 100%; max-height: 100%; object-fit: contain; transition: .3s; }
#custom_area .custom_tab.active .custom_tab_icon img { filter: brightness(0) invert(1); }
#custom_area .custom_tab_name {font-size: 15px;font-weight: 500;line-height: 1.3;white-space: nowrap;color: #1c3552;}
#custom_area .d_none { display: none; }
#custom_area .custom_deco { position: absolute; border: 1px dashed var(--primary); border-radius: 50%; pointer-events: none; opacity: .7; }
#custom_area .custom_deco_01 {width: 88%;aspect-ratio: 1/1;left: 3%;transform: rotate(-45deg);animation: customDecoRotate 100s linear infinite;}
@keyframes customDecoRotate {
0% {transform:rotate(0deg);}
100% {transform:rotate(360deg);}
}
#custom_area .custom_info { position: relative; width: 42%; padding-right: 3%; }
#custom_area .custom_info_top { display: flex; align-items: flex-start; justify-content: space-between; gap: 30px; margin-bottom: 30px; }
#custom_area .custom_heading { flex: 1; }
#custom_area .custom_title {margin-bottom: 8px;color: var(--complement);font-size: 50px;font-weight: 600;line-height: 1.25;letter-spacing: .04em;}
#custom_area .custom_en_row { display: flex; align-items: center; gap: 20px; }
#custom_area .custom_en {flex: none;color: var(--primary);font-size: 28px;letter-spacing: .05em;font-family: "Cormorant", serif;font-weight: 600;}
#custom_area .custom_en_row >span { display: block; width: 155px; height: 1px; background: var(--primary); opacity: .7; }
#custom_area .custom_info_icon {flex: none;width: 92px;aspect-ratio: 1/1;border-radius: 50%;display: flex;align-items: center;justify-content: center;background: var(--gradient-primary, linear-gradient(90deg, #f79849 0%, #e86527 100%));}
#custom_area .custom_info_icon img {width: 45px;height: 45px;object-fit: contain;-webkit-filter: contrast(0) brightness(150%);filter: contrast(0) brightness(200%);}
#custom_area .custom_content {color: #53616a;line-height: 2.05;letter-spacing: .02em;transition: .25s;text-align: justify;}
#custom_area .custom_content.is_switching { opacity: 0; transform: translateY(8px); }
@media screen and (max-width:1280px) {
  #custom_area {background-position: 20% 50%;}
  #custom_area .custom_inner { gap: 5%; }
  #custom_area .custom_visual {width: 52%;}
  #custom_area .custom_info { width: 43%; }
  #custom_area .custom_tab {width: 95px;}
  #custom_area .custom_tab_icon { width: 32px; height: 32px; }
  #custom_area .custom_tab_name { font-size: 14px; }
  #custom_area .custom_title { font-size: 40px; }
}
@media screen and (max-width:1024px) {
    #custom_area .custom_deco_01{width: 68%;left: 9%;}
  #custom_area .custom_inner { display: block; }
  #custom_area .custom_visual {width: 100%;margin: 0 auto 55px;}
  #custom_area .custom_pic { width: 70%; margin: 0 auto; }
  #custom_area .custom_tabs { left: 4%; }
  #custom_area .custom_info { width: 100%; max-width: 760px; margin: auto; padding: 0; }
}
@media screen and (max-width: 768px) {
  #custom_area {padding: 7vw 0;background-position: 90% 50%;}
  #custom_area .custom_visual {padding-top: 60px;}
  #custom_area .custom_pic {width: 100%;height: 100%;}
    #custom_area .custom_tabs {width: 120%;top: 0;transform: none;flex-direction: row;justify-content: center;gap: 20px;left: unset;}
  #custom_area .custom_tab {border-width: 3px;width: 100%;}
  #custom_area .custom_tab:hover,#custom_area .custom_tab.active { transform: translateY(-3px); }
    #custom_area .custom_tab:first-child{transform: translateX(45px) translateY(160px);}
#custom_area .custom_tab:last-child{transform: translateX(-45px) translateY(160px);}
#custom_area .custom_tab:nth-child(2){transform: translateX(8px) translateY(60px);}
#custom_area .custom_tab:nth-child(5){transform: translateX(-8px) translateY(60px);}

  #custom_area .custom_tab_icon { width: 28px; height: 28px; }
  #custom_area .custom_deco {width: 95%;top: 30px;left: 2.5%;}
  #custom_area .custom_info_top { gap: 15px; margin-bottom: 22px; }
  #custom_area .custom_title { font-size: 32px; }
  #custom_area .custom_en { font-size: 17px; }
  #custom_area .custom_en_row >span { width: 70px; }
  #custom_area .custom_info_icon { width: 70px; height: 70px; }
  #custom_area .custom_info_icon img { width: 34px; height: 34px; }
  #custom_area .custom_content { min-height: 0; font-size: 15px; line-height: 1.9; }
}
@media screen and (max-width: 640px) {
    #custom_area .custom_info_icon{display:none;}
    #custom_area .custom_tab{transform: unset !important;}
#custom_area .custom_visual{display:flex;flex-direction: column;padding-top: 20px;margin-bottom: 30px;}
    #custom_area .custom_deco{top: 60px;}
    #custom_area .custom_tabs{position:relative;order: 2;width: 100%;display: grid;grid-template-columns: repeat(3, 1fr);gap: 10px;margin-top: -50px;}
}

/* News */
.news_style_area{position:relative;overflow:hidden;padding-top: 4vw;}
#book_area{padding-top:0;padding-bottom: 2vw;}
.news_style_area .workframe{width: min(90%, 1600px);}
#book_area .photo_desc{max-width: 560px;margin: 25px auto 0;color:var(--info);font-size:16px;line-height:1.9;letter-spacing:.02em;}
.news_style_area .bg_box{background:#fffaf6;}
.news_style_area .news_title_box{margin-bottom: 65px;}
.news_style_area .title_cn:after{content:"";position:absolute;width: 180px;height: 16px;left:50%;bottom: -7px;transform:translateX(-50%);background:var(--secondary);z-index:-1;opacity:.75;}
.news_style_area .news_slider_wrap{position:relative;border:1px solid rgba(var(--triadic1-rgb),.65);border-radius:20px;overflow:hidden;}
.news_style_area .news_slider{margin:0;}
.news_style_area .slick-track{display:flex;}
.news_style_area .slick-slide{height:auto;}
.news_style_area .slick-slide>div{height:100%;}
.news_style_area .news_item{height:100%;}
.news_style_area .news_card{height:100%;padding: 50px 30px;border-right:1px solid rgba(var(--triadic1-rgb),.65);box-sizing:border-box;}
.news_style_area .slick-current .news_card{}
.news_style_area .news_meta{position:relative;display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:30px;z-index:3;}
.news_style_area .news_date{flex:none;}
.news_style_area .news_date span{display:inline-flex;align-items:center;justify-content:center;padding: 9px 14px;color:#fff;font-weight: 100;letter-spacing:.02em;font-family: "Google Sans", sans-serif;line-height: 1;font-size: 16px;background: var(--primary);}
.news_style_area .news_category{position:relative;padding-bottom:10px;color:var(--complement);font-size:16px;font-weight:700;white-space:nowrap;z-index:4;}
.news_style_area .news_category:after{content:"";position:absolute;width:100%;height:3px;left:0;bottom:0;background:var(--primary);}
.news_style_area .news_title{height:72px;margin-bottom:28px;color:var(--complement);font-size:23px;font-weight:700;line-height:1.55;-webkit-line-clamp:2;}
.news_style_area .news_pic{width:100%;aspect-ratio: 4/3;border-radius:9px;background:#f4eee8;}
.news_style_area p{margin-top:20px;-webkit-line-clamp: 3;height: 75px;font-size: 15px;}
.news_style_area .news_pic img{transition:.6s cubic-bezier(.22,.61,.36,1);}
.news_style_area .news_card:hover .news_pic img{transform:scale(1.045);}
.news_style_area .news_full_link{z-index:2;}
.news_style_area .news_category{z-index:4;}
.news_style_area .news_control{display:flex;align-items:center;justify-content:center;gap:28px;margin-top:55px;}
.news_style_area .news_arrow{position:relative;width:50px;height:40px;border:0;background:none;cursor:pointer;}
.news_style_area .news_arrow span{position:absolute;width:34px;height:1px;top:50%;left:50%;background:var(--primary);transform:translate(-50%,-50%);}
.news_style_area .news_arrow span:after{content:"";position:absolute;width:10px;height:10px;top:50%;border-top:1px solid var(--primary);border-right:1px solid var(--primary);}
.news_style_area .news_prev span:after, .news_style_area .book_prev span:after{left:0;transform:translateY(-50%) rotate(-135deg);}
.news_style_area .news_next span:after, .news_style_area .book_next span:after{right:0;transform:translateY(-50%) rotate(45deg);}
.news_style_area .news_arrow:hover span{animation:newsArrowShake .45s ease-in-out;}
.news_style_area .news_more {min-width: 185px;height: 50px;padding: 0 28px;border-radius: 30px;display: flex;align-items: center;justify-content: center;background: var(--gradient-secondary);color: #fff;font-size: 16px;font-weight: 600;transition: .3s;}
.news_style_area .news_more *{color:white;font-weight: 500;}
.news_style_area .news_more:hover {background: linear-gradient(90deg, #ff9b4a 0%, #ff9b4a 45%, #ff9b4a 100%);}
@keyframes newsArrowShake {
  0%,100% { transform: translate(-50%,-50%) translateX(0); }
  25% { transform: translate(-50%,-50%) translateX(-4px); }
  50% { transform: translate(-50%,-50%) translateX(4px); }
  75% { transform: translate(-50%,-50%) translateX(-2px); }
}
@media screen and (max-width:1280px) {
  .news_style_area .news_title_box { margin-bottom: 45px; }
  .news_style_area .title_cn { font-size: 42px; }
  .news_style_area .news_card { min-height: 420px; padding: 40px 26px 28px; }
  .news_style_area .news_title { font-size: 21px; }
}
@media screen and (max-width:1024px) {
  .news_style_area .news_card { padding: 35px 24px 26px; }
  .news_style_area .news_meta { margin-bottom: 24px; }
  .news_style_area .news_title { height: 68px; font-size: 20px; }
}
@media screen and (max-width:768px) {
  .news_style_area .news_title_box {margin-bottom: 45px;}
  .news_style_area .title_en { font-size: 18px; }
  .news_style_area .title_cn { font-size: 34px; }
  .news_style_area .title_cn:after {height: 9px;width: 100px;bottom: -2px;}
  .news_style_area .news_slider_wrap { border-radius: 15px; }
  .news_style_area .news_card { min-height: 390px; padding: 30px 22px 24px; }
  .news_style_area .news_date span { min-height: 32px; padding: 0 10px; font-size: 13px; }
  .news_style_area .news_category { font-size: 14px; }
  .news_style_area .news_title { height: 62px; margin-bottom: 22px; font-size: 18px; }
  .news_style_area .news_control { gap: 18px; margin-top: 35px; }
  .news_style_area .news_more { min-width: 150px; height: 46px; font-size: 14px; }
}
@media screen and (max-width:550px) {
  .news_style_area .news_card { min-height: auto; }
}

/* Hot Keywords */
#photo_area{position:relative;padding-top: 0;overflow:hidden;}
#photo_area .workframe{width: min(90%, 1120px);}
#photo_area:after{content:'';position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: -1;background: linear-gradient(0deg, rgb(255 250 246 / 0%), rgb(255 250 246));}
#photo_area .videobox{position:absolute;width: 100%;height: 100%;bottom: 0;left: 0;z-index: -1;opacity: .3;filter: saturate(40%);display: flex;align-items: center;}
#photo_area .photo_title_box{max-width:900px;margin:0 auto 45px;}
#photo_area .title_key{display:flex;align-items:center;justify-content:center;gap:14px;color:var(--info);}
#photo_area .title_key_cn{font-size:16px;letter-spacing:.08em;line-height:1.4;color: #545e65;}
#photo_area .title_key i{display:block;width:26px;height:1px;background:var(--primary);}
#photo_area .title_key_en{font-size:18px;line-height:1.4;letter-spacing:.05em;color: #545e65;font-family: "Cormorant", serif;}
#photo_area .title_cn{display:flex;align-items: baseline;justify-content: center;margin: 5px 0 15px;}
#photo_area .title_cn b{
    color: var(--primary);
    font-size: 50px;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: .04em;
}
#photo_area .title_cn::first-letter{color:inherit;}
#photo_area .photo_desc{max-width: 560px;margin:auto;color:var(--info);font-size:16px;line-height:1.9;letter-spacing:.02em;}
#photo_area .photo_slider_area{position:relative;padding:35px 80px 0;border-top: 1px solid #fae3cd;}
#photo_area .photo_slider{margin:0 -8px;}
#photo_area .item{padding:0 8px;}
#photo_area .photo_keyword{padding:6px 24px 6px 8px;align-items:center;gap:14px;border:1px solid rgba(var(--secondary-rgb),.85);border-radius:40px;background: #fdf8f5;transition:.35s ease;white-space: unset;}
#photo_area .photo_icon{flex:none;width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;background: #fcede1;}
#photo_area .photo_icon img{width: 28px;aspect-ratio: 1/1;object-fit:contain;transition:.35s;}
#photo_area .photo_name{color: #1a2d39;font-size:17px;font-weight: 500;line-height:1.3;white-space:nowrap;}
#photo_area .photo_keyword:hover{background: #fcede1;border-color:var(--primary);}
#photo_area .photo_keyword:hover .photo_icon img{transform:scale(1.08);}
#photo_area .photo_arrow{position:absolute;width:52px;aspect-ratio: 1/1;top:43px;border:1px solid var(--secondary);border-radius:50%;background:#fffaf6;cursor:pointer;z-index:5;transition:.3s;}
#photo_area .photo_prev{left:5px;}
#photo_area .photo_next{right:5px;}
#photo_area .photo_arrow span{position:absolute;width:22px;height:1px;top:50%;left:50%;background:var(--primary);transform:translate(-50%,-50%);}
#photo_area .photo_arrow span:after{content:"";position:absolute;width:9px;height:9px;top:50%;border-top: 1px solid var(--primary);border-right: 1px solid var(--primary);}
#photo_area .photo_prev span:after { left: 0; transform: translateY(-50%) rotate(-135deg); }
#photo_area .photo_next span:after { right: 0; transform: translateY(-50%) rotate(45deg); }
#photo_area .photo_arrow:hover { background: var(--primary); border-color: var(--primary); }
#photo_area .photo_arrow:hover span { background: #fff; animation: photoArrowShake .45s ease-in-out; }
#photo_area .photo_arrow:hover span:after { border-color: #fff; }
@keyframes photoArrowShake {
  0%,100% { transform: translate(-50%,-50%) translateX(0); }
  25% { transform: translate(-50%,-50%) translateX(-3px); }
  50% { transform: translate(-50%,-50%) translateX(3px); }
  75% { transform: translate(-50%,-50%) translateX(-1px); }
}
@media screen and (max-width:1280px) {
  #photo_area { padding: 70px 0 80px; }
  #photo_area .title_cn, #photo_area .title_cn b { font-size: 42px; }
  #photo_area .photo_slider_area { padding-left: 70px; padding-right: 70px; }
  #photo_area .photo_keyword { padding-right: 18px; }
  #photo_area .photo_name { font-size: 16px; }
}
@media screen and (max-width:768px) {
  #photo_area { padding: 55px 0 65px; }
  #photo_area .photo_title_box { margin-bottom: 35px; }
  #photo_area .title_en { font-size: 16px; }
  #photo_area .title_en:before { font-size: 14px; }
  #photo_area .title_cn, #photo_area .title_cn b { font-size: 34px; }
  #photo_area .photo_desc { font-size: 15px; line-height: 1.8; }
  #photo_area .photo_slider_area { padding: 28px 58px 0; }
  #photo_area .photo_arrow {top: 28px;width: 64px;}
    #photo_area .photo_prev{left:-20px;}
#photo_area .photo_next{right: -20px;}
  #photo_area .photo_icon { width: 50px; height: 50px; }
}
@media screen and (max-width:550px) {
  #photo_area .photo_icon {width: 40px;height: 40px;}
    #photo_area .photo_icon img{width: 23px;}
    #photo_area .photo_keyword{gap: 7px;justify-content: center;}
  #photo_area .photo_arrow {width: 64px;top: unset;bottom: 51px;background: transparent;border: 0;}
    #photo_area .photo_prev{left: -15px;}
#photo_area .photo_next{right: -15px;}
  #photo_area .photo_slider_area {padding-left: 0;padding-right: 0;}
  #photo_area .photo_name { font-size: 15px; }
}

/* About */
#about_area{position:relative;overflow:hidden;padding-bottom: 3vw;}
#about_area .about_inner{display:grid;grid-template-columns: 55% 39%;align-items:center;margin-left: 0;width: min(90%, 1460px);justify-content: space-between;}
#about_area .about_main_pic{}
#about_area .about_main_pic img{width:100%;height:100%;object-fit:cover;object-position:center top;}
#about_area .about_sub{position:absolute;z-index:4;pointer-events:none;}
#about_area .about_sub img{width:100%;height:100%;object-fit:contain;}
#about_area .about_sub_3 {width:210px;right:-3%;bottom:-10px;animation:aboutFloat 3.5s ease-in-out infinite;}
@keyframes aboutFloat {
0%,100% {transform:translateY(0);}
50% {transform:translateY(-10px);}
}
#about_area .about_content{position:relative;z-index:4;margin-bottom: 130px;}
#about_area .title_cn{word-spacing: 100vw;margin-bottom: 40px;}
#about_area .about_slogan{display:flex;align-items:center;gap:20px;margin-bottom:38px;}
#about_area .about_slogan span{
    color: var(--primary);
    font-size: 22px;
    font-weight: 500;
    line-height: 1.5;
}
#about_area .about_slogan i{display:block;flex:none;width:70px;height:1px;background:var(--primary);}
#about_area .about_editor{color:var(--info);font-size:16px;line-height:2.15;letter-spacing:.02em;}
#about_area .about_editor p{margin-bottom:0;text-align: justify;line-height: 2;}
#about_area .about_btns{display:flex;align-items:center;gap:14px;margin-top:42px;}
#about_area .about_btn{min-width:155px;height:48px;padding:0 25px;border-radius:28px;display:flex;align-items:center;justify-content:center;gap:15px;color:#fff;font-size:15px;font-weight:600;transition:.3s;}
#about_area .about_btn_primary{background:var(--gradient-primary);}
#about_area .about_btn_dark{background:var(--complement);}
#about_area .about_btn i{width:7px;height:7px;border-top:1px solid currentColor;border-right:1px solid currentColor;transform:rotate(45deg);}
#about_area .about_btn:hover{transform:translateY(-3px);}
#about_area .about_quote{position:absolute;width: min(90%, 500px);right: -45%;bottom: -240px;padding-left:70px;color:var(--black);}
#about_area .about_quote_mark{position:absolute;left:0;top:-14px;color:rgba(var(--secondary-rgb),.6);font-family:Georgia,"Times New Roman",serif;font-size:80px;font-weight:700;line-height:1;}
#about_area .about_quote_text{font-size:25px;line-height:1.8;font-weight:600;font-family:"Noto Serif TC","Noto Serif SC",serif;}
#about_area .about_quote_name {margin-top: 8px;text-align: right;font-size: 17px;font-weight: 400;letter-spacing: 0.04em;}
#about_area .about_side_pic {position: absolute;align-self: start;width: min(90%, 296px);aspect-ratio: 3/4;overflow: hidden;right: 70px;z-index: 1;}
#about_area .about_side_pic img { width: 100%; height: 100%; object-fit: cover; }
#about_area:after {content: "";position: absolute;width: 170px;height: 710px;right: 0;top: 0;background: #f7f2e8;z-index: 0;}
@media screen and (max-width:1680px) {
#about_area .about_inner{width: min(90%, 1180px);}
    #about_area .about_quote{bottom: -120px;right: -95%;transform: scale(.8);transform-origin:center center;}
}
@media screen and (max-width:1440px) {
    #about_area .about_quote{display:none;}
    #about_area .about_side_pic{width:min(90%, 200px);right: 20px;}
    #about_area .about_content{margin-bottom:60px;}
}
@media screen and (max-width:1280px) {
  #about_area {padding: 75px 0 2vw;}
  #about_area .about_inner { grid-template-columns: 43% 42% 15%; min-height: 650px; }
  #about_area .about_visual { height: 610px; }
  #about_area .title_cn { font-size: 40px; }
  #about_area .about_content { padding-right: 5%; }
  #about_area .about_quote { width: 390px; right: -5%; bottom: -235px; }
  #about_area .about_quote_text { font-size: 22px; }
}
@media screen and (max-width:1024px) {
    #about_area .about_sub_3{width: 150px;bottom: 120px;right: 9%;}
  #about_area .about_inner { grid-template-columns: 48% 52%; }
  #about_area .about_side_pic { display: none; }
  #about_area:after { display: none; }
  #about_area .about_visual { height: 570px; }
  #about_area .about_main_pic { width: 80%; left: 8%; }
  #about_area .about_content { padding-right: 0; }
  #about_area .about_quote { position: relative; width: 100%; right: auto; bottom: auto; margin-top: 55px; padding-left: 55px; }
}
@media screen and (max-width:768px) {
  #about_area {padding: 55px 0 2vw;}
  #about_area .about_inner { display: block; }
  #about_area .about_visual {width: 100%;height: auto;}
  #about_area .about_main_pic {width: 100%;left: 11%;}
  #about_area .about_sub_2 { width: 110px; height: 110px; }
  #about_area .about_sub_3 {width: 210px;right: -30px;bottom: 0;}
  #about_area .about_content {padding: 0;margin-left: 10%;}
  #about_area .title_en { font-size: 18px; }
  #about_area .title_cn { font-size: 34px; margin-bottom: 22px; }
  #about_area .about_slogan { gap: 12px; margin-bottom: 25px; font-size: 16px; }
  #about_area .about_slogan i { width: 45px; }
  #about_area .about_editor { font-size: 15px; line-height: 1.95; }
  #about_area .about_btns { margin-top: 30px; }
  #about_area .about_btn { flex: 1; min-width: 0; padding: 0 15px; font-size: 14px; }
  #about_area .about_quote { margin-top: 45px; padding-left: 45px; }
  #about_area .about_quote_mark { font-size: 60px; }
  #about_area .about_quote_text { font-size: 20px; }
}
@media screen and (max-width:550px) {
  #about_area .about_visual { height: 500px; }
  #about_area .about_main_pic { width: 86%; left: 7%; }
  #about_area .about_sub_2 { width: 90px; height: 90px; left: -2%; }
  #about_area .about_sub_3 { width: 135px; height: 120px; right: -2%; }
  #about_area .about_btns { gap: 8px; }
}