#content_wrap hr {border-width: 1px;border-color: var(--primary);}
#sub_banner_box { opacity: 1; }
#sub_banner_box .parallax_bg {margin-bottom: 0;min-height: 400px;opacity: 0.5;}

.webBox .parallax_svg.bann { -webkit-animation: parallax_top 10s linear infinite; animation: parallax_top 10s linear infinite; position: fixed; top: 87px; }

#sub_banner_box {background: #1d1d1d;}
#sub_banner_box:before{content:'';position: absolute;width: 100%;height: 100%;/* background: linear-gradient(180deg, rgb(0 0 0 / 0%), rgb(6 24 64)); */z-index: 2;}

#wrap {z-index: 4;margin-top: -140px;}
#wrap >.workframe{width: min(90%, 1300px);}
#wrap .pag_tit {margin-bottom: 10vw;line-height: 170%;margin-top: 0;color: var(--white);font-weight: 500;letter-spacing: 3px;position: relative;font-size: max(2.6*(1vw + 1vh) / 2,16px);text-shadow: 0 0 12px rgba(0, 217, 255, 0.45), 0 0 24px rgba(var(--primary-rgb), 0.28);}
#wrap .pag_tit:not(.h3.pag_tit):after{content:'';width: 1px;height: 50px;background: linear-gradient(
180deg, transparent 0%, rgba(var(--primary-rgb), 0.35) 18%, rgba(var(--primary-rgb), 0.95) 30%, rgba(var(--primary-rgb), 0.35) 82%, transparent 100%);position: absolute;left: 50%;bottom: -70px;}
#wrap .h3.pag_tit {margin-bottom: 1vw;font-weight: 500;letter-spacing: 1px;font-size: 28px;}
#content_wrap .info_box.inbox{margin:20px 0 0;padding: 20px 0;}

.waylink ol {text-align: center;}
.waylink ol li, .waylink ol li a {letter-spacing: .1em;font-weight: 100;font-size: 14px;vertical-align: bottom;color: var(--white);text-align: center;}
.waylink ol li:after {margin: 0 10px;display: inline-block;font-weight: 100;font-size: 13px;color: var(--white);content: "-";}
.waylink ol li:last-child:after { margin: 0; content: ""; }

aside { position: relative; margin-bottom: 70px; z-index: 10; }
aside > ul { display: flex; align-items: center; justify-content: center; gap: 14px; flex-wrap: wrap; }
aside > ul > li { position: relative; display: inline-flex; align-items: center; border-bottom: 0; border-radius: 999px; background: rgba(var(--primary-rgb),0.08); border: 1px solid rgba(var(--primary-rgb),0.16); box-shadow: 0 12px 32px rgba(var(--primary-rgb),0.08); backdrop-filter: blur(10px); transition: all 0.35s ease; }
aside > ul > li:before { content: ""; position: absolute; inset: -1px; border-radius: 999px; background: linear-gradient(120deg,rgba(var(--primary-rgb),0.55),rgba(255,255,255,0),rgba(var(--primary-rgb),0.2)); opacity: 0; z-index: -1; transition: all 0.35s ease; }
aside > ul > li:hover,aside > ul > li.action { background: linear-gradient(135deg,var(--primary),#55bee9); border-color: rgba(var(--primary-rgb),0.65); box-shadow: 0 16px 38px rgba(var(--primary-rgb),0.24); transform: translateY(-3px); }
aside > ul > li:hover:before,aside > ul > li.action:before { opacity: 1; }
aside > ul > li .h4 a { display: block; padding: 14px 23px; font-weight: 500; font-size: 16px; letter-spacing: 0.06em; transition: all 0.3s ease; }
aside > ul > li.action .h4 a,aside > ul > li.action .h4 i,aside > ul > li:hover .h4 a,aside > ul > li:hover .h4 i { color: var(--white); }
aside ul li b { padding: 5px 16px 5px 0; color: var(--primary); transition: all 0.3s ease; }
aside > ul > li:hover b,aside > ul > li.action b { color: var(--white); }
aside ul li b .fa { transform: rotate(0); -webkit-transform: rotate(0); transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; }
aside ul li b .fa:before { content: "\f107"; }
aside > ul > li .subUL { position: absolute; margin-top: 14px; width: 210px; left: calc((100% - 210px)/2); top: 100%; background: rgba(255,255,255,0.96); border: 1px solid rgba(var(--primary-rgb),0.14); border-radius: 22px; overflow: hidden; transform: translate(0,28px); -webkit-transform: translate(0,28px); backdrop-filter: blur(14px); transition: all 0.35s ease; }
aside > ul > li .subUL:before { content: ""; position: absolute; width: 48px; height: 4px; top: 0; left: 50%; transform: translateX(-50%); background: var(--primary); border-radius: 0 0 99px 99px; }
aside > ul > li .subUL > li { border-bottom: 1px solid rgba(var(--primary-rgb),0.08); }
aside > ul > li .subUL > li:last-child { border-bottom: 0; }
aside > ul > li .subUL > li a { display: block; padding: 10px 18px; color: #34464d; line-height: 150%; font-weight: 400; font-size: 15px; letter-spacing: 0.04em; transition: all 0.3s ease; }
aside > ul > li .subUL > li a:hover { color: var(--primary); background: rgba(var(--primary-rgb),0.08); padding-left: 24px; }
aside > ul > li .subUL > li .subULHead a { padding: 14px 18px; color: #1d333d; font-weight: 600; }
aside > ul > li .subUL > li b { display: none; }
aside > ul > li .sub2UL { margin: 0 10px 12px; border-radius: 14px; background: rgba(var(--primary-rgb),0.05); overflow: hidden; }
aside > ul > li[data-type="1"] { overflow: hidden; }
aside > ul > li[data-type="1"] .subUL { box-shadow: 0 20px 45px rgba(var(--black-rgb),0); opacity: 0; z-index: -1; pointer-events: none; }
aside > ul > li[data-type="2"] { overflow: visible; }
aside > ul > li[data-type="2"] ul li .h4 b .fa { transform: rotate(180deg); -webkit-transform: rotate(180deg); }
aside > ul > li[data-type="2"] .subUL { box-shadow: 0 24px 50px rgba(var(--primary-rgb),0.18); opacity: 1; z-index: 20; pointer-events: auto; transform: translate(0,0); -webkit-transform: translate(0,0); }
.mb_nav { display: none; }

#content_wrap { padding: 0 0 60px; min-height: 350px; }
#content_wrap .tit{line-height: 170%;margin-top: 0;color: var(--white);font-weight: 500;letter-spacing: 3px;position: relative;font-size: max(2.6*(1vw + 1vh) / 2,16px);text-shadow: 0 0 12px rgba(0, 217, 255, 0.45), 0 0 24px rgba(var(--primary-rgb), 0.28);}
#content_wrap *{box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
#content_wrap .list_box{margin:5vw 0 3vw}
#content_wrap .list_box li {margin: 0;vertical-align: top;width: 100%;padding: 0;}
#content_wrap .img_box {border-radius: 0;background-color: #f9f9f9;width: 100%;}
#content_wrap .info_box {width: 100%;padding: 20px;}
#content_wrap .info_box .time {width: 75px;font-weight: 400;font-size: 13px;"Lat;"Lato", font-family: sans-serif;;;"Lato", font-family: sans-serif;;;font-family: sans-serif;;o", font-family: sans-serif;font-family: "Inter", sans-serif;}
#content_wrap .info_box .more_btn {margin-left: 10px;padding: 2px 15px;max-width: calc(100% - 105px);height: auto;font-weight: 100;font-size: 13px;z-index: 6;padding: 10px 20px;border-radius: 50px;}
#content_wrap .info_box .quote_box * { font-weight: 400; font-size: 13px; }
#content_wrap .info_box .h3 {height: 60px;font-size: 20px;margin-top: 10px;-webkit-line-clamp: 2;font-weight: 500;}
#content_wrap .info_box>div article { height: 42px; line-height: 140%; font-weight: 300; font-size: 15px; -webkit-line-clamp: 2; }

#contact_area {width: 100%;background-image: url(/images/44/contactBg.jpg);background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;z-index: 2;padding: 5vw 0;}
#contact_area:before{content:'';background: linear-gradient(90deg, rgb(1 13 32), rgb(3 20 56 / 50%));opacity: .75;width: 100%;height: 100%;position: absolute;top: 0;}
#contact_area:after{content:'';background: linear-gradient(180deg, rgb(6 24 64), rgb(3 20 56 / 50%));opacity: .95;width: 100%;height: 100%;position: absolute;top: 0;}
#contact_area .workframe{z-index:2;width: min(90%, 1200px);display: flex;flex-direction: column;justify-content: center;}
#contact_area *{color:#fff;}
#contact_area .title_box {padding-bottom: 15px;font-style: unset;font-family: 'Inter';font-weight: 500;display: block;line-height: 1;font-size: max(4.5 * (1vw + 1vh) / 2, 25px);font-weight: 700;text-transform: uppercase;font-family: "Inter", sans-serif;letter-spacing: 5px;color: #ffffff;text-shadow: 0 0 12px rgba(0, 217, 255, 0.55), 0 0 26px rgba(var(--primary-rgb), 0.35);}
#contact_area .h3title_box{margin-bottom: 10px;font-size: 34px;word-spacing: 100vw;line-height: 1.5;font-weight: 500;letter-spacing: 3px;}
#contact_area p{margin-bottom: 30px;letter-spacing: 2px;}
#contact_area .more_btn{position: absolute;background: var(--primary);color: var(--white);right: 0;}
@property --a { syntax: "<percentage>"; initial-value: 0%; inherits: true; }
#contact_area .gooeyBtn{--a:0%;--x:50;--y:50;--button:var(--primary);display:inline-flex;align-items:center;justify-content:center;min-width:151px;min-height:80px;border:0;outline:0;border-radius:999px;text-decoration:none;cursor:pointer;color:#fff;font-size:16px;font-weight:400;letter-spacing:0.03em;position:relative;padding:0 30px;transition:--a .5s ease-in-out,scale var(--spring-duration) var(--spring-easing);isolation:isolate;}
#contact_area .gooeyBtn:hover{--a:100%;scale:1;}
#contact_area .gooeyBtn:before{content:"";position:absolute;inset:0;border-radius:999px;filter:blur(10px) url(#goo);background-image:linear-gradient(0deg,var(--primary),var(--primary)),radial-gradient(40% 70% at calc(var(--x) * 1%) calc(var(--y) * 1%),rgba(var(--primary-rgb),var(--a)) 0%,transparent 90%);background-clip:content-box,border-box;padding:12px;z-index:-1;}

#article_list{display:grid;grid-template-columns: repeat(3, 1fr);gap: 35px;}
#article_list li {position: relative;margin-bottom: 42px;padding: 0 18px;box-sizing: border-box;vertical-align: top;font-size: 16px;display: flex;justify-content: center;}
#article_list .img_box {position: relative;z-index: 2;margin: 0 auto;aspect-ratio: 4/3;border-radius: 24px;background: #dfeef3;overflow: hidden;}
#article_list .img_box svg { display: block; width: 100%; height: auto; opacity: 0; }
#article_list .img_box::before { content: ""; position: absolute; inset: 0; z-index: 2; background: linear-gradient(180deg,rgba(3,21,47,0) 45%,rgba(3,21,47,.72) 100%); pointer-events: none; }
#article_list .img_box::after {content: "";position: absolute;inset: 12px;z-index: 3;border: 1px solid rgba(255,255,255,.4);border-radius: 18px;pointer-events: none;}
#article_list .img_box img { width: 100%; height: 100%; object-fit: cover; transition: transform .7s ease,filter .7s ease; }
#article_list li:hover .img_box img { transform: scale(1.08); filter: brightness(1.06) contrast(1.04); }
#article_list .info_box {position: absolute;z-index: 3;padding: 11px 15px 12px;border-radius: 12px;background: linear-gradient(90deg,rgba(var(--primary-rgb),0.95),rgba(95,246,255,0.75));border: 1px solid rgba(47,164,215,.18);box-sizing: border-box;backdrop-filter: blur(10px);transition: transform .45s ease,border-color .45s ease,background .45s ease;width: 50%;bottom: 0;}
#article_list li:hover .info_box {transform: translateY(-24px);border-color: rgba(47,164,215,.4);}
#article_list .info_box .h3 {position: relative;margin: 0;color: white;font-size: 18px;font-weight: 500;line-height: 1;letter-spacing: .08em;height: auto;-webkit-line-clamp: 1;text-align: center;}
#article_list .info_box .bg_gray_4 { background: transparent; }
#article_list .info_box article { color: rgba(75,64,56,.78); font-size: 15px; line-height: 1.85; letter-spacing: .045em; -webkit-line-clamp: 3; }
#article_list li:hover .info_box::after { transform: translateX(6px); background: linear-gradient(135deg,#4B4038,#2FA4D7); }
#article_list > li > a.atag_item { inset: 0; z-index: 8; }

#news_list { position: relative; display: flex; flex-wrap: wrap; gap: 34px; margin: 0 auto; padding: 0; list-style: none; }
#news_list > li {position: relative;width: calc((100% - 68px)/3);vertical-align: top;background: rgba(255,255,255,0.86);border: 1px solid rgba(var(--primary-rgb),0.42);border-radius: 28px;overflow: hidden;box-shadow: 0 18px 45px rgba(18,54,76,0.08);backdrop-filter: blur(10px);transition: all 0.4s ease;}
#news_list > li:before { content: ""; position: absolute; inset: 0; background: linear-gradient(135deg,rgb(7 33 90) 0%,rgb(12 40 111) 100%) padding-box,linear-gradient(135deg,rgba(95,246,255,0.9) 0%,rgba(95,246,255,0.18) 45%,rgba(var(--primary-rgb),0.75) 100%) border-box; opacity: 0; z-index: 1; pointer-events: none; transition: all 0.4s ease; }
#news_list > li:hover {transform: translateY(-8px);box-shadow: 0 26px 60px rgba(var(--primary-rgb),0.18);border-color: rgba(94,246,255,0.85);}
#news_list > li:hover:after { width: 130px; height: 130px; background: rgba(var(--primary-rgb),0.18); }
#news_list .img_box { position: relative; width: 100%; overflow: hidden; background: #eef7fb; border-radius: 28px 28px 0 0; }
#news_list .img_box svg { display: block; width: 100%; height: auto; aspect-ratio: 4/3; }
#news_list .img_box img { width: 100%; height: 100%; object-fit: cover; transition: all 0.55s ease; }
#news_list > li:hover .img_box img {transform: scale(1.08);}
#news_list .img_box:before {content: "";position: absolute;inset: 0;background: linear-gradient(180deg,transparent 45%,rgba(0,26,42,0.42));z-index: 2;opacity: 0.7;pointer-events: none;transition: all 0.4s ease;}
#news_list .info_box { position: relative; z-index: 3; display: block; padding: 25px 30px 35px; text-align: left; background: linear-gradient(180deg,#fff 0%,#f8fcfe 100%); }
#news_list .info_box .time { display: inline-flex; align-items: center; gap: 8px; color: #878787; font-size: 14px; font-weight: 600; letter-spacing: 0.06em; width: 100%; }
#news_list .info_box .h3 { color: #1c3038; font-size: 18px; font-weight: 500; line-height: 1.6; letter-spacing: 0.04em; height: 58px; transition: all 0.35s ease; margin-top: 2px; }
#news_list .info_box article { color: #1c3038; font-size: 14px; font-weight: 300; line-height: 1.6; letter-spacing: 0.04em; height: 44px; transition: all 0.35s ease; margin-top: 10px; -webkit-line-clamp: 2; }
#news_list > li:hover .h3 { color: var(--primary); }
#news_list .info_box:after { content: "READ MORE"; display: inline-flex; align-items: center; justify-content: center; margin-top: 22px; color: #fff; background: linear-gradient(90deg,rgba(var(--primary-rgb),0.95),rgba(95,246,255,0.75)); border-radius: 999px; padding: 14px 18px; font-size: 12px; font-weight: 300; letter-spacing: 0.02em; box-shadow: 0 12px 26px rgba(var(--primary-rgb),0.22); transition: all 0.35s ease; font-family: "Inter",sans-serif; }
#news_list > li:hover .info_box:after { background: linear-gradient(135deg,var(--primary),#5bc5ef); }
#news_list > li > a.atag_item { inset: 0; z-index: 9; }

/*news_list book_list*/
#news_list , #book_list{display:grid;grid-template-columns: repeat(3 , 1fr);gap: 30px;}

#book_list li { position: relative; margin: 0 15px; border-radius: 20px; overflow: hidden; border: 1px solid rgba(var(--primary-rgb),0.42); }
#book_list li:before { content: ""; position: absolute; inset: 0; border: 1px solid rgba(var(--primary-rgb),0.42); border-radius: 30px; box-shadow: inset 0 0 26px rgba(var(--primary-rgb),0.15),0 0 24px rgba(var(--primary-rgb),0.14); pointer-events: none; transition: 0.4s ease; }
#book_list li:hover { border-color: rgba(94,246,255,0.85); }
#book_list .img_box { position: relative; aspect-ratio: 4/3; margin: 0; overflow: hidden; }
#book_list .img_box:before { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg,rgba(3,20,42,0.05) 0%,rgba(3,20,42,0.18) 58%,rgba(3,20,42,0.52) 100%),radial-gradient(circle at 18% 18%,rgba(95,246,255,0.22),transparent 36%); z-index: 2; pointer-events: none; }
#book_list .img_box:after { content: ""; position: absolute; left: 18px; top: 18px; width: 76px; height: 28px; border-radius: 999px; background: linear-gradient(90deg,rgba(var(--primary-rgb),0.95),rgba(95,246,255,0.75)); box-shadow: 0 0 16px rgba(95,246,255,0.45); z-index: 3; opacity: 0.85; pointer-events: none; }
#book_list .img_box img { width: 100%; height: 100%; object-fit: cover; display: block; transition: 0.55s ease; }
#book_list li:hover .img_box img { transform: scale(1.1); }
#book_list .info { position: relative; min-height: 118px; padding: 26px 74px 28px 26px; border-radius: 0 0 18px 18px; background: linear-gradient(180deg,rgba(255,255,255,0.98) 0%,rgba(239,248,253,0.98) 100%); }
#book_list .info .h3 {color: #08213d;font-size: 22px;font-weight: 600;line-height: 1.35;letter-spacing: 0.06em;margin-bottom: 0;transition: 0.35s ease;-webkit-line-clamp: 2;height: auto;}
#book_list .info p {margin: 0;font-size: 15px;line-height: 1.7;min-height: 1px;color: #08213d;-webkit-line-clamp: 2;height: auto;display: none;}
#book_list li:hover .info .h3 {color: var(--primary);}
#book_list .obslink {position: absolute;right: 24px;bottom: 40px;width: 44px;aspect-ratio: 1/1;border-radius: 50%;display: flex;align-items: center;justify-content: center;background: radial-gradient(circle at 35% 30%,rgba(95,246,255,0.38),transparent 42%),linear-gradient(135deg,#08213d,#06172c);border: 1px solid rgba(95,246,255,0.38);box-shadow: inset 0 0 14px rgba(95,246,255,0.14),0 0 16px rgba(var(--primary-rgb),0.22);transition: 0.35s ease;}
#book_list .obslink img { width: 15px; height: 15px; object-fit: contain; filter: brightness(0) invert(1) drop-shadow(0 0 5px rgba(95,246,255,0.75)); transition: 0.35s ease; }
#book_list li:hover .obslink { background: radial-gradient(circle at 35% 30%,rgba(255,255,255,0.3),transparent 42%),linear-gradient(135deg,var(--primary),#5ff6ff); box-shadow: 0 0 24px rgba(95,246,255,0.55),inset 0 0 18px rgba(255,255,255,0.16); }
#book_list li:hover .obslink img { transform: translateX(3px); }

#album_list {margin-bottom: 5vw;display: grid;grid-template-columns: repeat(3, 1fr);gap: 10px;}
#album_list>div {margin: 0;}
#album_list>div img {width: 100%;aspect-ratio: 4/3;}
#album_list>div a{display:flex;}
#faq_list { margin-bottom: 50px; }
#faq_list  *{transition:unset;-webkit-transition:unset;}
#faq_list >li {border-bottom: 1px rgb(219 219 219 / 70%) dashed;}
#faq_list >li .title { padding: 20px 20px 20px 0; }
#faq_list >li .title font { vertical-align: top; }
#faq_list >li .title .txt {margin-left: 10px;width: calc(100% - 50px);font-size: 18px;}
#faq_list >li .title .icon { width: 40px; height: 34px; }
#faq_list >li .title .icon:before, #faq_list li .title .icon:after { position: absolute; margin: auto; width: 14px; height: 2px; background: var(--primary); display: block; top: calc((100% - 2px) / 2); left: calc((100% - 14px) / 2); content: ""; }
#faq_list >li .title .icon:after { transform: rotate(90deg); -webkit-transform: rotate(90deg); }
#faq_list >li .info { padding: 0 20px 30px 50px; font-size: 15px; }
#faq_list >li.current .title .icon:after { transform: rotate(180deg); -webkit-transform: rotate(180deg); }

#pagenav a, #pagenav strong { margin: 0 2px; width: 35px; height: 35px; display: inline-block; text-align: center; line-height: 35px; font-weight: 400; }
#pagenav strong { background: var(--primary); color: var(--white); border-radius: 50%; }
#pagenav p { margin: 0 5px; width: calc(50% - 10px); vertical-align: top; }
#pagenav p a { margin: 15px 0 0; padding: 0 15px; width: auto; height: auto; line-height: initial; font-size: 0; }
#pagenav p a i { margin: 0 5px 0 0; width: 11px; line-height: 23px; font-size: 12px; vertical-align: top; }
#pagenav p a font { max-width: calc(100% - 16px); min-width: auto; font-size: 14px; font-weight: 100; vertical-align: top; }
#pagenav p:last-child a i { margin: 0 0 0 5px; }

#newpagenav{margin-top: 70px;display: grid;grid-template-columns: repeat(2, 1fr);gap: 50px;position: relative;}
#newpagenav:before{content:'';position: absolute;left: 50%;width: 1px;height: 100%;background: rgb(227 227 227 / 10%);}
#newpagenav p{margin:0;width: auto;}
#newpagenav a{margin:0;padding: 0;}
#newpagenav p a {margin: 15px 0 0;padding: 0;width: auto;height: auto;line-height: initial;font-size: 0;display: inline-flex;align-items: center;gap: 15px;}
#newpagenav p:last-child {text-align: end;}
#newpagenav i{width: 15px;font: normal normal normal 26px / 1 FontAwesome;}
#newpagenav font{-webkit-line-clamp:2;height: auto;font-size: 17px;max-width: max-content;font-weight: 400;}
#newpagenav a:hover font, #newpagenav a:hover i{color: #dcdfe1;}
#newpagenav p:last-child font, #newpagenav p:last-child font span{text-align:end}
#newpagenav span{display:block;font-size: 17px;}

#describe {margin: 5vw 0 3vw;}
#describe.newJin_box{margin-top:20px;}
#describe *, .tab_content * {vertical-align: bottom;color: currentcolor;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}

#google_shere { margin-top: 30px; }

.form_box p.note .red { color: #f00; }
.form_box p.item {padding: 15px 0;}
.form_box p.item label span { font-weight: 500; font-size: 17px; }
.form_box p.item label i { margin-left: 15px; line-height: 20px; font-size: 20px; color: #f00; }
.form_box p.item font { margin: 5px 0; }
.form_box p.item.check_box {border-bottom: 0;display: flex;}
.form_box p.send_box { margin: 15px 0 50px; }
.form_box{position:relative;}
.form_box .lineQRcode{position:absolute;bottom: 0;right: 0;}
.form_box .lineQRcode img{width: 180px;}
.form_box input[type="checkbox"]{width:20px;height: auto;aspect-ratio: 1/1;border-radius: 666px;-webkit-appearance: auto;-moz-appearance: auto;appearance: auto;}
.form_box p.item .btn-group-text{display: flex;gap: 10px;}
input#Title_custom{width: auto;}
.form_box p.item .btn-group-text span{gap:10px;display:flex;align-items: center;}
[data-action="loader"] { width: 100vw; height: 100vh; background: rgba(var(--black-rgb), .3); line-height: 100vh; top: 0; left: 0; opacity: 0; z-index: -1; }
[data-action="loader"] .loader_circle { width: 50px; height: 50px; border: 2px rgba(var(--black-rgb), .6) solid; border-left-color: rgba(var(--white-rgb), .4);border-radius: 50%; }
[data-action="loader"]#lodbg .loader_circle { -webkit-animation: circle infinite 0.75s linear; animation: circle infinite 0.75s linear; }
#lodbg { opacity: 1; z-index: 99999; }

@keyframes circle { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } }
@-webkit-keyframes circle { 0% { -webkit-transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); } }


@media screen and (min-width:980px) {
	#google_shere { margin-top: 6vw; }
}
@media screen and (min-width:761px) {
	.form_box p.item {padding: 30px 0;}
	.form_box p.item label { width: 170px; }
	.form_box p.item font { margin: 0 0 0 30px; width: calc(100% - 200px); }
}
@media screen and (max-width:1470px){
	#sub_banner_box .parallax_bg{min-height: 340px;}
	#wrap{margin-top: -120px;}
}
@media screen and (max-width:1280px) {
	#wrap{margin-top: -100px;}
	
}
@media screen and (max-width:1024px) {
    #book_list .info .h3{font-size: 20px;}
	#wrap .pag_tit{margin-bottom: 15vw;}
    #article_list{grid-template-columns: repeat(2, 1fr);}
}
@media screen and (max-width:980px) {
    #album_list{grid-template-columns: repeat(2, 1fr);}
    #content_wrap .list_box{margin-bottom:50px}
    aside > ul > li .h4 a{padding:10px 23px}
    aside > ul > li:hover, aside > ul > li.action{    transform: translateY(0);}
    aside > ul > li{display: block;border-radius:0;width: 100%;}
    #article_list .info_box{width: 70%;}
	#news_list , #book_list{grid-template-columns: repeat(2, 1fr);}
	#wrap{margin-top: -110px;}
    #describe{margin-bottom:0}
	#contact_area .more_btn{position:relative;}
	.mb_nav { display: flex; flex-direction: column; align-items: center; border: #79797957 1px solid; padding: 10px 0; }
	.mb_nav p { display: flex; }
	.mb_nav b { margin-left: 10px; display: flex; align-items: center; }
	.soon.mb_nav b .fa { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); }
	.mb_nav .fa:before { content: "\f107"; }
	#category_nav {position: absolute;display: flex;flex-direction: column;width: 100%;height: 0;opacity: 0;background: var(--primary);gap: 0;display: none;}
	#category_nav.showme {height: auto;opacity: 100%;z-index: 999;display: block;}
}
@media screen and (max-width:640px) {
    #contact_area .title_box{font-size:20px}
    #contact_area .h3title_box{font-size:28px;}
    #article_list{grid-template-columns: 1fr;}
    #wrap .h3.pag_tit{font-size: 24px;}
	#wrap .pag_tit{margin-bottom: 26vw;font-size: 30px;}
	#sub_banner_box .parallax_bg{min-height: 255px;}
	#album_list>div, #album_list>div img {height: auto;object-fit: cover;}
	#album_list{grid-template-columns: 1fr;}
	#contact_area{padding:12vw 0}
	#news_list , #book_list{display:flex;flex-direction: column;}
	.form_box .lineQRcode {display:flex;position: relative;flex-direction: column;align-items: center;}
}
@media screen and (max-width:550px) {
	#community { margin-top: 10px; }
	
}
@media screen and (max-width:450px) {
	#pagenav a, #pagenav strong { margin: 0; width: 24px; height: 24px; line-height: 24px; font-size: 14px; }
	#pagenav p a { display: block; }
}