@charset "utf-8";
.seo_form h1,.seo_form h2,.seo_form h3,.seo_form h4,.seo_form h5,.seo_form h6{font-size: inherit;}
.seo_form {
/* 字體基準15px-50px */
--f_base: clamp(0.94em, 2vw, 3.125em);
/* 比例 */
--s-xs: 0.75; --s-s: 0.88; --s-m: 1.13; --s-l: 1.50; --s-xl: 1.80;
/* 顏色 */
--textColor:#000000; --mainColor:#D69946; --subColor01:#F4F3F2; --subColor02:#595946; --subColor03:#85590e;
/* 字型 */
--ffMicroSoft:  "Microsoft JhengHei","微軟正黑體", sans-serif; --ffNotoSans: "Noto Sans TC", sans-serif; --ffNotoSer: "Noto Serif TC", serif; --ffImbSans: "IBM Plex Sans", sans-serif;
/* 字體 */
--fz15:clamp(0.8750rem,calc(var(--f_base) * var(--s-xs)),0.9375rem);/*14-15*/
--fz16:clamp(0.9375rem,calc(var(--f_base) * var(--s-xs)),1rem);/*15-16*/
--fz17:clamp(1rem,calc(var(--f_base) * var(--s-xs)),1.0625rem);/*16-17*/
--fz18:clamp(1.0625rem,calc(var(--f_base) * var(--s-s)),1.125rem);/*17-18*/
--fz20:clamp(1.1875rem,calc(var(--f_base) * var(--s-s)),1.25rem);/*19-20*/
--fz22:clamp(1.3125rem,calc(var(--f_base) * var(--s-s)),1.375rem);/*21-22*/
--fz24:clamp(1.4375rem,calc(var(--f_base) * var(--s-m)),1.5rem);/*23-24*/
--fz25:clamp(1.5rem,calc(var(--f_base) * var(--s-m)),1.5625rem);/*24-25*/
--fz30:clamp(1.75rem,calc(var(--f_base) * var(--s-l)),1.875rem);/*28-30*/
--fz32:clamp(1.875rem,calc(var(--f_base) * var(--s-l)),2rem);/*30-32*/
--fz40:clamp(2.25rem,calc(var(--f_base) * var(--s-l)),2.5rem);/*36-40*/
--fz50:clamp(2.875rem,calc(var(--f_base) * var(--s-xl)),3.125rem);/*46-50*/
--fz80:clamp(4.375rem,calc(var(--f_base) * var(--s-xl)),5rem);/*70-80*/
--fz100:clamp(5.625rem,calc(var(--f_base) * var(--s-xl)),6.25rem);/*90-100*/
/* 間距 */
--pd10:clamp(0.5rem,.3vw,0.625rem);/*8-10*/
--pd15:clamp(0.625rem,.5vw,0.9375rem);/*10-15*/
--pd20:clamp(0.9375rem,.7vw,1.25rem);/*15-20*/
--pd30:clamp(1.25rem,1.5vw,1.875rem);/*20-30*/
--pd40:clamp(1.875rem,2vw,2.5rem);/*30-40*/
--pd50:clamp(2.5rem,2.6vw,3.125rem);/*35-50*/
--pd70:clamp(2.5rem,3.1vw,4.375rem);/*40-70*/
--pd80:clamp(2.8rem,4.1vw,5rem);/*45-80*/
--pd100:clamp(3.125rem,5.1vw,6.25rem);/*50-100*/
--pd110:clamp(3.75rem,5.7vw,6.875rem);/*60-110*/
--pd120:clamp(4.375rem,6.2vw,7.5rem);/*70-120*/
--pd150:clamp(4.6875rem,7.8vw,9.375rem);/*75-150*/
}

/* Edit */
.seo_form{font-family: var(--ffMicroSoft); color:var(--textColor); font-size:var(--fz16); line-height:1.8; font-weight: normal; overflow: hidden; background: #FFFFFF; max-width: 100%; font-style: normal; font-optical-sizing: auto; letter-spacing: .05em;}
.seo_form * {max-width:100%; box-sizing: border-box; transition: all ease .3s; overflow-wrap: break-word; position: relative;}
.all_bseo_formx img{display: block;}
.cen_1600{max-width: 1600px; margin:0 auto; width: 100%;}
.cen_1400{max-width: 1400px; margin:0 auto; width: 100%;}
.cen_1200{max-width: 1200px; margin:0 auto; width: 100%;}
.cen_1000{max-width: 1000px; margin:0 auto; width: 100%;}
.cen_960{max-width: 960px; margin:0 auto; width: 100%;}
.seo_form_flex{display: flex; flex-flow:row wrap; justify-content:center; align-items:center; align-content: center;}
.seo_form_flex_col{display:flex; flex-flow:column; justify-content:center; align-items:center; align-content: center;}
.seo_form_flex_jBet{justify-content:space-between;}
.seo_form_flex_jStar{justify-content:flex-start;}
.seo_form_flex_jEnd{justify-content:flex-end;}
.seo_form_flex_aStar{align-items:flex-start; align-content: flex-start;}
.seo_form_flex_aEnd{align-items:flex-end; align-content: flex-end;}
.seo_form_flex_aStretch{align-items:stretch; align-content: stretch;}
.seo_form_flex_rowRe{flex-direction: row-reverse;}

.seo_form{padding:var(--pd50) 0;}
.art_detail .seo_form{padding:0;}
.seo_form h3{margin-bottom: var(--pd30);}
.seo_form article{background: var(--subColor01); padding: var(--pd50) var(--pd20);}
.seo_form ul{display: grid; grid-template-columns: 1fr; grid-gap: 1em; max-width: 800px; margin: 0 auto; width: 100%;}
.seo_form li{display: grid; grid-template-columns: 5em 1fr; grid-gap: 1.5em;}
.seo_form li h5{text-align: right; letter-spacing: 0;}
.seo_form_input{background: #FFFFFF; line-height: 1.4; padding: .5em; border: 0; width: 100%;}
.seo_form_label{display: flex; justify-content: flex-start; gap: 1em;}
.seo_form_insert label{display: flex; justify-content: flex-start; gap: .5em;}
.seo_form_submit_box{display: flex; align-items: stretch; gap: 2em; justify-content: space-between; max-width: 800px; margin: 1.5em auto 0; padding-left: 6.5em;}
.seo_form_submit_box h5{align-self: center;}
.seo_form_submit_box button[type=submit]{background: var(--mainColor); border: 1px solid var(--subColor02); color: #FFFFFF; border-radius: 5px; flex: 1; padding: .6em 1em; cursor: pointer;}
.seo_form_submit_box .tncode{flex: 1;}

h3.seo_title{font-size: var(--fz25); font-weight: bold; text-align: center; margin-bottom: .5em; font-family: var(--ffNotoSans);}
h3.seo_title::after{content: ''; width: 2.5em; height: 8px; background: var(--mainColor); display: block; margin: 0 auto; margin-top: .2em;}
.seo_form h3.seo_title+article{margin-top: var(--pd30);}


@media (hover:hover) and (pointer:fine) {
.seo_form_submit_box button[type=submit]:hover, 
.seo_form_submit:hover{background: var(--subColor03);}
}

@media (max-width:1100px) {
    
}

@media (max-width:1100px) {
.seo_form{letter-spacing: 0; line-height: 1.4;}
h3.seo_title{font-size: min(var(--fz22),5.3vw);}
}
@media (max-width:780px) {
/*螢幕寬度小於780px時-平板*/
.seo_form{letter-spacing: 0;}
}
@media (max-width:650px) {
.seo_form h3.seo_title+article{margin-top: var(--pd50);}
.seo_form li{grid-template-columns: 1fr; grid-gap: .5em;}
.seo_form li h5{text-align: left;}
.seo_form_submit_box{padding-left: 0;}
}
@media (max-width:480px) {
.seo_form_submit_box{gap: 1em;}
}