#sub_banner_box { opacity: 1; }
#sub_banner_box .parallax_bg { margin-bottom: 0; min-height: 487px; opacity: 1; }

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

#sub_banner_box { margin-top: 103px; }

#wrap { z-index: 4; }
#wrap .pag_tit { margin-bottom: 0px; line-height: 170%; margin-top: 20px; }
#wrap .pag_tit b { color: var(--triadic2); font-size: 2rem; margin: 0 15px }
#wrap {position: relative;z-index: 5;background: url(/images/44/img-bg.jpg) 50% 50%;background-repeat: repeat;background-size: auto;}
#wrap::before{position:absolute;width:100%;height: 350px;background: linear-gradient(to top, rgb(255 255 255 / 0%) 30%, rgb(255 255 255) 100%);top:0;left:0;z-index: 0;content:"";}

#wrap .pag_tit .icon { display: inline-block; position: relative; width: 18px; height: 18px; margin: 0 12px; vertical-align: middle; flex: 0 0 auto; }
#wrap .pag_tit .icon::before,#wrap .pag_tit .icon::after { content: ""; position: absolute; width: 9px; height: 9px; background: #3F78B2; }
#wrap .pag_tit .icon::before { left: 0; top: 4px; opacity: .55; }
#wrap .pag_tit .icon::after { right: 0; top: 4px; }

#wrap .content_box_bg { overflow: hidden; position: absolute; width: min(92%,1440px); height: 100%; filter: drop-shadow(0 3vh 1.2em rgba(0,0,0,.1)); top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); backdrop-filter: blur(5px); }
#wrap .content_box_bg:before { position: absolute; width: 100%; height: 100%; background: hsl(0deg 0% 100%/90%); top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); content: "" }
#wrap .mainArea { position: relative; margin: 0 auto; width: min(85%,1280px); z-index: 20; padding: 3vw 0 3vw; }


.waylink ol { padding-top: 5px; }
.waylink ol li, .waylink ol li a {letter-spacing: .1em;font-weight: 500;font-size: 13px;vertical-align: bottom;}
.waylink ol li:after { margin: 0 10px; display: inline-block; font-weight: 100; font-size: 12px; color: var(--info); content: "/"; }
.waylink ol li:last-child:after { margin: 0; content: ""; }

aside { margin-bottom: 60px; z-index: 5; }
aside ul li b { padding: 5px 10px 5px 5px; }
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 { position: relative; display: inline-block; }
aside>ul>li h4 { padding: 0 15px; }
aside>ul>li h4 a { padding: 10px 5px; font-weight: 300; font-size: 18px; letter-spacing: .15em; }
aside>ul>li.action h4 a, aside>ul>li.action h4 i { color: var(--primary); }
aside>ul>li .subUL { position: absolute; margin-top: 10px; width: 180px; background: var(--white); left: calc((100% - 180px) / 2); transform: translate(0, 30px); -webkit-transform: translate(0, 30px); }
aside>ul>li .subUL>li { border-bottom: 1px rgba(var(--gray-rgb), .1) solid; }
aside>ul>li .subUL>li a { padding: 3px 15px; display: block; line-height: 140%; font-weight: 300; }
aside>ul>li .subUL>li .subULHead a { padding: 10px 15px; color: var(--black); font-weight: 400; }
aside>ul>li .subUL>li b { display: none; }
aside>ul>li .sub2UL { margin: 0 10px 10px; }
aside>ul>li[data-type="1"] { overflow: hidden; }
aside>ul>li[data-type="1"] .subUL { box-shadow: 0 0 15px rgba(var(--black-rgb), 0); opacity: 0; z-index: -1; }
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 0 15px rgba(var(--black-rgb), .15); opacity: 1; z-index: 1; transform: translate(0, 0); -webkit-transform: translate(0, 0); }

.mb_nav { display: none; }

#content_wrap { padding: 20px 0 40px; min-height: 350px; }
#content_wrap .list_box li { margin: 0 15px 50px; vertical-align: top; }
#content_wrap .img_box { border-radius: 15px; background-color: #f9f9f9; }
#content_wrap .info_box { margin: 10px 15px 0; }
#content_wrap .info_box .time { width: 65px; font-weight: 400; font-size: 13px; }
#content_wrap .info_box .more_btn { margin-left: 10px; padding: 2px 15px; max-width: calc(100% - 105px); height: 22px; font-weight: 100; font-size: 13px; z-index: 6; }
#content_wrap .info_box .quote_box * { font-weight: 400; font-size: 13px; }
#content_wrap .info_box h3 { height: 34px; font-size: 20px; }
#content_wrap .info_box>div { padding: 20px; border-radius: 0 15px 15px 15px; }
#content_wrap .info_box>div article { height: 42px; line-height: 140%; font-weight: 300; font-size: 15px; -webkit-line-clamp: 2; }
#content_wrap .textEditor .subtitle b { color: var(--triadic1); font-size: 1.8rem; margin: 0 0 0 15px }
#content_wrap .textEditor .subtitle { margin: 30px 0 30px 0; display: flex; align-items: baseline; align-items: center }
#content_wrap .textEditor .subtitle img { width: 35px; }
#content_wrap .textEditor .subtitle .note { margin-left: 10px }
#content_wrap .textEditor ol li *, #content_wrap .textEditor ol li .pTxt,#content_wrap  .memberprivacy font span {line-height: 240%;font-size: 1.1rem;position: relative;}
#content_wrap .textEditor ol li strong{
    vertical-align: initial;
}
#content_wrap .textEditor ol li a { color: var(--primary); vertical-align: bottom; padding: 0 5px; }
#content_wrap .textEditor ol.f1 { list-style: none; counter-reset: my-counter }
#content_wrap .textEditor ol.f1>li .title { font-size: 1.4rem; }
#content_wrap .textEditor ol.f1>li .title:before { content: counter(my-counter,cjk-ideographic) "、"; counter-increment: my-counter; margin-right: 8px }
#content_wrap .textEditor ol.f2,#content_wrap .textEditor ol.f4 {list-style: none;counter-reset: my-counter;margin-left: 40px;}
#content_wrap .textEditor ol.f2>li:before,#content_wrap .textEditor ol.f4>li:before { content: "(" counter(my-counter,cjk-ideographic) ")"; counter-increment: my-counter; margin-right: 0px; left: -40px; position: absolute; }
#content_wrap .textEditor ol.f3 {list-style-type: decimal;margin-left: 20px;}
#content_wrap .textEditor ol.f4 {margin-left: 40px;}
#content_wrap .memberprivacy {margin: 30px 0;padding: 25px 0;}
#content_wrap  .memberprivacy >font { display: grid; grid-template-columns: 20px 1fr; gap: 20px 10px; align-items: center; align-content: space-around; }
#content_wrap  .memberprivacy font input[type=checkbox] { margin-top: 4px }

#material_area { display: flex; justify-content: center; align-items: center; margin: 0; padding: 20px; }
#material_area .transfer-card { width: 100%; max-width: 480px; background: #ffffff; border-radius: 24px; box-shadow: 0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04); overflow: hidden; border: 1px solid #f1f5f9; }
#material_area .card-header { background: linear-gradient(135deg,#1e293b 0%,#334155 100%); padding: 24px; color: white; text-align: center; }
#material_area .card-header h1 { font-size: 1.5rem; letter-spacing: 1px; }
#material_area .card-header p { text-align: center; color: var(--border-soft); display: inline-block; padding-top: 7px; letter-spacing: 1px; }
#material_area .card-content { padding: 24px; }
#material_area .info-group { position: relative; padding: 16px; border-radius: 16px; background: #f8fafc; margin-bottom: 12px; transition: all 0.2s ease; border: 1px solid transparent; display: flex; align-items: center; cursor: pointer; }
#material_area .info-group:hover { background: #f1f5f9; border-color: #e2e8f0; transform: translateY(-1px); }
#material_area .info-group:active { transform: translateY(0px); background: #edf2f7; }
#material_area .icon-box { width: 26px; height: 26px; background: #ffffff; border-radius: 12px; display: flex; justify-content: center; align-items: center; margin-right: 16px; box-shadow: 0 4px 6px -1px rgba(0,0,0,0.05); font-size: 20px; }
#material_area .icon-box svg { fill: var(--secondary); }
#material_area .info-body { flex-grow: 1; }
#material_area .label { font-size: 13px; color: #64748b; font-weight: 500; letter-spacing: 1px; }
#material_area .value { font-size: 18px; color: #1e293b; font-weight: 700; letter-spacing: 0.5px; }
#material_area .copy-hint { font-size: 12px; color: #6f7e93; opacity: 1; transition: opacity 0.2s; border: 1px solid #94a3b840; padding: 5px 10px; border-radius: 10px; letter-spacing: 2px; }
#material_area .info-group:hover .copy-hint { opacity: 1; }
#material_area .amount-highlight { color: var(--primary); }
#material_area .deadline-box { margin-top: 20px; padding: 12px; background: #fff1f2; border-radius: 12px; border: 1px solid #ffe4e6; display: flex; align-items: center; justify-content: center; gap: 20px; }
#material_area .deadline-box svg { width: 30px; height: 40px; fill: #e11d48; }
#material_area .deadline-text { color: #e11d48; font-size: 14px; font-weight: 600; }
/* Toast 訊息（全局） */
#toast { position: fixed; bottom: 20px; left: 50%; transform: translateX(-50%); background: #1e293b; color: white; padding: 10px 24px; border-radius: 999px; font-size: 14px; opacity: 0; transition: opacity 0.3s,bottom 0.3s; z-index: 100; pointer-events: none; }
#toast.show { opacity: 1; bottom: 40px; }


#book_list li h3 { margin-top: 10px; height: 30px; font-size: 18px; }
#album_list { margin-bottom: 5vw; flex-wrap: wrap; }
#album_list>div { margin: 0 1px 1px 0; height: 300px; flex-grow: 1; }
#album_list>div img { width: auto; min-width: 100%; height: 300px; }
#faq_list { margin-bottom: 50px; }
#faq_list li { border-bottom: 1px rgba(var(--primary-rgb), .7) 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: 20px; }
#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; }

#describe { margin: 2em 0 5vw; }
#describe *, .tab_content * {vertical-align: bottom;}

#google_shere { margin-top: 30px; }

.form_box p.note .red { color: #f00; }
.form_box .item { padding: 15px; border-bottom: 1px rgba(var(--primary-rgb),.2) dashed; width: 100%; }
.form_box .formList { align-items: flex-start; display: flex; flex-wrap: wrap; font-size: 16px; margin-left: -10px; margin-right: -10px; position: relative; justify-content: space-between }
.form_box .grid_style {display: grid;grid-template-columns: 200px 1fr;align-items: center;width: 100%;}
.form_box .row { margin-right: 0; margin-left: 0 }
.form_box .item .checkbox { display: flex; justify-content: flex-start; gap: 12px; flex-wrap: wrap; }
.form_box .item .identitybox { display: flex; flex-wrap: wrap; }
.form_box .item .identitybox .d_sm_inblock {display: flex;align-items: center;border-radius: 6px;transition: all 0.2s ease;cursor: pointer;border: 1px solid transparent;}
.form_box .item .identitybox font.d_sm_inblock:has(input[type="text"]) { flex-basis: 100%; display: grid; grid-template-columns: 20px 180px 1fr; }
.form_box .item .identitybox font.d_sm_inblock:has(input[type="text"]) span {   }
.form_box .item .identitybox font.limitTxt { grid-template-columns: 20px 170px 1fr; display: grid; width: 100%; }
.form_box .item .titlecheck { flex-direction: column }
.form_box .item .titlecheck .twtele .titleinside { display: flex }
.form_box .item .titlecheck .topBox { display: flex }
.form_box .item .titlecheck .twaddress,.form_box .item .titlecheck .education { display: flex; flex-direction: column; align-items: flex-start; gap: 12px }
.form_box .item .titlecheck .twaddress { display: grid; grid-template-columns: repeat(2,1fr); gap: 2px }
.form_box .item .titlecheck .needEditor { display: grid; grid-template-columns: repeat(1,1fr); width: 100%; }
.form_box .item .titlecheck .twaddress .large { grid-column: 1/3; display: grid; grid-template-columns: 80px 1fr 1fr; }
.form_box .item .titlecheck .education,.form_box .item .titlecheck .education font { width: 100%; display: flex; justify-content: flex-start }
.form_box .item .titlecheck .education font.schoolnameTxt { display: grid; grid-template-columns: 80px 1fr; align-items: center; }
.form_box .item .titlecheck .education font.schoolbox { display: grid; grid-template-columns: 26% 1fr; }
.form_box .item .titlecheck .twaddress font.street {display: grid;grid-template-columns: 80px 1fr;grid-column: 1/3;width: calc(100% - 0px);}
.form_box .item .titlecheck .education .educationItem { display: grid; grid-template-columns: 82px 1fr 1fr; align-items: center; gap: 10px }
.form_box .item .titlecheck .twaddress .titleinside {display: grid;grid-template-columns: 1fr 290px;gap: 20px;}
.form_box .item .titlecheck .twaddress .titleinside font { width: auto }
.form_box .item .titlecheck .twaddress .titleinside font { display: grid; grid-template-columns: 80px 1fr; }
.form_box .item .titlecheck .twaddress font{display:flex;justify-content:flex-start;width:100%;}
.form_box .item .titlecheck .twaddress select{padding:12px 40px 12px 20px}
.form_box .item .titlecheck .topBox,.form_box .item .checkbox font,.form_box .item .titlecheck .twtele .titleinside{gap: 16px 8px;}
.form_box .item .checkbox font img{border:1px solid #ccc;padding:3px;border-radius:4px}
.form_box .item .checkbox font span.limit, .form_box .item .text{opacity: .6;font-size: 15px;}
input.upload{display:inline-flex;align-items:center;border:1px solid #ccc;padding:6px 20px 6px 55px;border-radius:4px;background-color:#fff;cursor:pointer}
input.upload{background:url(/images/44/icon-upload.svg) no-repeat calc(100% - 6em) 50% / auto  1.3em}
.upload:hover{background-color:#ecf6ff}
.form_box .item label span {font-weight: 500;font-size: 17px;color: var(--secondary);}
.form_box .item label i { margin-left: 15px; line-height: 20px; font-size: 20px; color: #f00; }
.form_box .item font {display: flex;align-items: center;align-content: center;justify-content: space-between;}
.form_box .item font #Birthday,.form_box .item font #EducationType ,.form_box .item font select{ cursor: pointer; }
.form_box .item font #Birthday { display: block; width: 100%; min-height: 48px; padding: 0 14px; border: 1px solid #cfd6df; border-radius: 8px; background: #fff; color: #1f2d3d; font-size: 16px; line-height: 48px; box-sizing: border-box; -webkit-appearance: none; appearance: none; position: relative; z-index: 2; }
.form_box .item font:has(#Birthday)::after { content: ""; width: 18px; height: 18px; position: absolute; right: 14px; top: 50%; transform: translateY(-50%); background: url('/images/44/icon-calendar.svg') center/contain no-repeat; pointer-events: none; opacity: .7; }
font:has(#Birthday) { display: block; position: relative; z-index: 1; }
font:has(#Birthday)::before,font:has(#Birthday)::after { pointer-events: none; }
.form_box .item,.form_box .item font { position: relative; }
.form_box .item label { position: relative; z-index: 1; }
.form_box .item font { z-index: 2; }
.form_box .item.check_box { border-bottom: 0; }
.form_box p.send_box { margin: 30px 0 20px; }

.form_box .courseItem font{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.form_box .courseItem font .course_wrap{
	width:100%;
}

.form_box .courseItem font .course_notice{
	margin-top:8px;
	line-height:1.8;
	color:#d60000;
}

/* 大頭照 */
.form_box .headshotItem { position: relative; padding-right: 170px; }
.form_box .headshotItem .certificate { position: relative; }
.form_box .headshotItem .certificate::after { content: ""; position: absolute; right: -70px; top: 30%; transform: translateY(-50%); width: 50px; height: 55px; border: 2px solid #e3e3e3; border-radius: 10px; background: url('/images/44/headshot-demo.png') center center/cover no-repeat,#fff; box-shadow: 0 8px 20px rgba(0,0,0,.08); }
.form_box .headshotItem .certificate::before { content: "大頭照示意圖"; position: absolute; right: -96px; top: calc(30% + 28px); width: 110px; text-align: center; font-size: 12px; font-weight: 500; opacity: .6; }


[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); } }


.send_box2{margin:40px 0 0;display: flex;justify-content: center;gap: 15px;}
.send_box2 a{color: var(--info);appearance: none;border: 1px solid #e2eaf4;background: linear-gradient(180deg, #f0f0f0, rgb(94 94 94 / 20%));padding: 15px 80px;border-radius: 50px;font-weight: 500;cursor: pointer;transition: transform .08s ease, box-shadow .2s ease, border-color .2s ease;box-shadow: 0 2px 8px rgba(2, 6, 23, .06);}
.send_box2 a.btn_ok{background: linear-gradient(180deg, #4289da, var(--secondary));color:#fff;border: 1px solid #4289da;box-shadow:0 6px 18px rgb(135 135 135 / 25%)}


@media screen and (min-width:1281px) {
	aside>ul>li:hover h4 a, aside>ul>li:hover h4 i { color: var(--primary); }
}
@media screen and (max-width:1460px) {
	#wrap .pag_tit { margin-top: 20px; }
	#wrap .pag_tit b { font-size: 1.6rem; }
	#wrap .pag_tit img { width: 17px; }
}
@media screen and (min-width: 981px) {
	#google_shere { margin-top: 6vw; }
	.form_box .item { padding: 25px 20px; }
	.form_box .item label { width: 170px; }
	.form_box .row { width: 45%; }
}
@media screen and (max-width:980px) {
	.form_box .grid_style { grid-template-columns: 140px 1fr; }
	#content_wrap .textEditor .subtitle b { font-size: 1.4rem }
	.form_box .item .titlecheck .twaddress { grid-template-columns: 1fr }
	.form_box .item .titlecheck .twaddress .large {grid-column: 1/1;/* grid-template-columns: 80px 1fr 1fr; */}
}
@media screen and (max-width:840px) {
	.form_box .grid_style { grid-template-columns: 1fr; gap: 10px; }
	.form_box .item .checkbox { display: grid; grid-template-columns: 1fr; justify-items: start; gap: 5px; }
	.form_box .headshotItem .checkbox { gap: 17px; }
	.form_box .item .Code_box { display: flex; }
	.form_box .item .checkbox .twtele { display: flex; flex-direction: column; width: 100% }
	.form_box .item .checkbox .twtele .titleinside { display: flex; gap: 6px }
	.form_box .item .checkbox .twtele font { display: flex; justify-content: flex-start }
	.form_box .item { padding: 25px 20px; }
	.form_box .item .titlecheck .twaddress .titleinside { display: flex; flex-direction: column; gap: 12px }
	.form_box .item .titlecheck .twaddress { width: 100% }
	.form_box .item .titlecheck .twaddress font { display: flex; flex-direction: row; align-items: center; width: 100%; }
	.form_box .item .titlecheck .education font { display: flex; flex-direction: column; align-items: flex-start; gap: 5px }
	.form_box .item .titlecheck .education .educationItem font { display: flex; flex-direction: row; align-items: center }
	.form_box .item .titlecheck .education .educationItem { grid-template-columns: 1fr; width: 100% }
	.form_box .item .identitybox font.limitTxt { grid-template-columns: 20px 1fr; width: 100%; display: grid; }
	.form_box .item .titlecheck .education .periodTxt font:last-child { padding-left: 16px; }
	.form_box .item .identitybox font.limitTxt textarea#ITParentIDN { grid-column: 1/span 2; height: 60px; }
	.form_box .item .titlecheck .education font.schoolnameTxt { grid-template-columns: 80px 1fr; }
	.form_box .item .titlecheck .education font.schoolnameTxt .limit { grid-column: 1/span 2; }
	.form_box .item .titlecheck .education font.schoolbox { grid-template-columns: 35% 1fr; }
	.form_box .item .checkbox font.caption { grid-template-columns: 20px 1fr; width: 100%; display: grid; }
	.form_box .item .checkbox font.caption #MilitaryText { grid-column: 1/span 2; }
	.send_box2 a { padding: 15px 60px; }
	.form_box .item .titlecheck .twaddress font.street { width: calc(100% - 8px); }
	#content_wrap .textEditor .subtitle { margin: 20px 0 10px 0; }
}
@media(max-width:768px) {
	.form_box .headshotItem { padding-right: 15px; padding-bottom: 170px; }
	.form_box .headshotItem::after { top: auto; bottom: 28px; right: 15px; transform: none; width: 100px; height: 128px; }
	.form_box .headshotItem::before { top: auto; bottom: 10px; right: 15px; width: 100px; }
}

@media screen and (max-width:640px) {
	#album_list>div, #album_list>div img { height: 40vw; }
	.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; background: #f3f3f3; width: 100%; height: 0; opacity: 0; }
	#category_nav.showme { height: 400px; opacity: 100%; z-index: 999; }
	#content_wrap .memberprivacy{margin:30px 10px}
	#content_wrap .textEditor ol.f2, #content_wrap .textEditor ol.f4{margin-left: 40px;}
	#content_wrap .textEditor ol.f3{margin-left: 20px;}
    .form_box .item .titlecheck .twaddress .CityTxt{}
	.form_box .item .titlecheck .twaddress .CityTxt select { grid-column: 2/span 2; }
	#content_wrap .textEditor ol.f1>li .title { font-size: 1.2rem; }
	#content_wrap .textEditor ol li *,#content_wrap .textEditor ol li .pTxt,#content_wrap .memberprivacy font span { line-height: 220%; font-size: 1rem; }
	#material_area { padding: 20px 0 0; }
	#material_area .card-content { padding: 24px 10px; }
}
@media screen and (max-width:550px) {
	#content_wrap .list_box li { width: 250px; }
	#community { margin-top: 10px; }
    #content_wrap .textEditor .subtitle b{font-size: 1.4rem;}
    .form_box .item font.certificate{display:flex;flex-direction:column;align-items:flex-start;gap:2px 6px}
}
@media screen and (max-width:450px) {
	#album_list>div, #album_list>div img { height: 50vw; }
	#pagenav a, #pagenav strong { margin: 0; width: 24px; height: 24px; line-height: 24px; font-size: 14px; }
	#pagenav p a { display: block; }
    #describe {margin: 0 0 5vw;}
	.send_box2 a { padding: 15px 50px; }
}