@charset "UTF-8";

:root{
    --mainColor:#e50012;
}
/*body.mask{overflow:hidden;}*/

.contactForm__text--deco{margin: 4rem 0 0;}
.contactForm__text--mbt{margin-bottom: 10px;}
.innerPage--contact .btnWrap{width:100%;text-align:right;border-top:1px dashed #666}
.btnWrap--rma{padding-top: 1.5rem;display: flex;gap: 0.625rem;justify-content: center;}
/* .innerPage--contact .btnWrap--rma{text-align: center;padding: 3rem 0 0;} */
.innerPage__bom--top{padding: 3rem 0;}
.breadCrumb--titleMb{margin-bottom: 2.5rem;}
.rmaRed{color: var(--mainColor);font-weight: 600;}
/* .rmaRed--deco{margin-bottom: -0.385rem;color: #FFBB77;} */
.contactForm__span{display: block;font-size: 1rem;}
.rmaNoteBox{color: var(--mainColor);font-weight: 600;margin: 0.5rem 0;border-bottom: 1px solid #313131;}
.recaptchaBox{text-align:center;display: flex;justify-content: center;}
.btnWrap:has(.recaptchaBox){display:flex;justify-content: center;flex-direction: column;padding-top: 2rem;}

.formGroup__item__row{display: flex;justify-content: center;align-items: center;gap: 0.35rem;margin: 0;}
.formGroup__item__grid{display: grid;grid-template-columns: repeat(2,1fr);gap: 1rem;}
.formGroup__item__tx{color:#fff;margin: 0;}
.gridSize{display:grid;gap:1rem;}
.gridSize--half{grid-template-columns:repeat(2,1fr);}
.gridSize--smallEven{display:grid;grid-template-columns: 4rem 1fr 1fr;}
[name="PostCode"]{/* text-align:center; */padding: .375rem .75rem;}
[name="PostCode"]:disabled{background: #e3e3e3;border:none;margin-right: -1rem;}
.alert_line{border-color: #FFEB3B;background: rgb(255 248 185 / 90%);}

.formGroup__item__title--center{text-align: center;margin-top: 3rem;}
.rma__tableTxt{font-size: 1rem;margin: 0;text-align: center;color: #fff;font-weight: 200;}
.rma__tableTitle{font-size: 1rem;margin: 0;text-align: center;color: #fff;font-weight: 600;}
.formGroup__item__tx--left{text-align: left;color: #fff;}
.formGroup__item__tx--right{text-align: right;}
.formGroup__item__tx--big--left{text-align: left;color: #fff;}
.formGroup__item__input--big{width: 100%;}
.formGroup__btn{height: 38px;padding: .5rem 1rem;border: none;transition: .5s;background: linear-gradient(90deg, #b6000e, #e50012, #b6000e);cursor: pointer;color: #fff;/* height: auto; */border: 1px solid var(--mainColor);}
.formGroup__btn:hover{filter: brightness(1.75);}
.formGroup__btn--deco{width: 10%;height: 38px;text-align: center;}
.formGroup__icon{padding-right: 0.385rem;}
.formGroup__item__check{width: 1.2rem;height: 1.2rem;}
.formGroup__red{font-size: 1rem;display: block;line-height: 1rem;margin-top: 0.5rem;color: var(--mainColor);}
.formGroup__item--inline{display: inline-block;font-size: 0.875rem;padding: 0.5rem 0;width: 70%;}
.formGroupTel{width: 25%;}
.formGroupTel--big{width: 100%;}
.contactForm--rma{float: inherit;margin: auto;border-left: 0;padding:0 0 5rem;}
.white--txt{padding-left: 1rem;color: #fff;}

/* 保固查詢 */
.Table--title{width: 100%;border-collapse:collapse; border:none;}
.Table--cont{width: 100%;}
.Table--cont td{padding: 1rem;}
.Table--cont:nth-last-child(1) td{border-bottom: 0;}
.rma__tableTitle{width: auto;min-width: 200px;text-align: left;border-bottom:1px solid #4b4b4b;padding:10px 10px 10px 10px;background-color:black;border-top:1px solid #4b4b4b;border-right:none;border-left:none;white-space: nowrap;}
.rma__tableTxt{text-align: left;border-bottom:1px solid #4b4b4b; padding:10px 10px 10px 10px; background-color:black; border-top:1px solid #4b4b4b; border-right:none; border-left:none;}
.pageContent--schCont{display: flex;justify-content: space-between;align-items: flex-start;gap: 1rem;}
.schItem{border: 1px solid #fff;padding: .5rem;margin-bottom: 3rem;margin-left: 2rem;position: relative;color: #fff;display: flex;flex-wrap: wrap;gap: 0.25rem 1rem;justify-content: space-between;}

.schItem .sch__title{min-width:calc((100% - 1rem) / 2)}
/* [lang="en"] .schItem > .formGroup__item__tx {width: 100%;} */

.schItem:nth-last-child(1){margin-bottom: 0;}
.schItem::before{content: '';border-left: 1px dashed #666;height: calc(100% + 3rem);position: absolute;left: -2rem;top: 30%;}

.schItem--active,.schItem--ing{background-color:var(--bg);}
.schItem--active::before{border-left: 1px solid #666;}
.schItem--active .sch__title::before,.schItem--ing .sch__title::before{background: var(--bg);}
.schItem.active::before{border-left: 1px solid #bebebe;}
.schItem:nth-last-child(1)::before{display: none;}
.schItem.active{background-color: var(--mainColor);}
.schItem.done{background-color: #610008;}
.sch__title{margin: 0;position: relative;}
.sch__title::before{content: '';width: 1rem;height: 1rem;border-radius: 50rem;background-color: #000;border: 1px solid #fff;position: absolute;left: -2rem;top: 50%;transform: translate(-100%,-50%);}
.schItem.active .sch__title::before{background-color: var(--mainColor);}
.schItem.done .sch__title::before{background-color:#610008;}
.clearfix--sch{width: calc(100% - 28rem - 1rem);max-width: 980px;}
.sch__detail{color: #fff;width: 28rem;padding-left: 1rem;}
.sch__detailTitle{/* margin-left: -2.5rem; */}
.sch__ul li{color: #969696;margin-bottom: 11px;font-size: 15px;}
.sch__contactUs{color: #fff;}
/* 個人資料使用同意條款 */
.agree__ol li{color: #969696;margin-bottom: 11px;font-size: 15px;}
.agree__item{list-style-type: lower-alpha;margin-left: 1rem;}
.agree__ol {counter-reset: list-counter;}
.agree__ol > li {counter-increment: list-counter;}
.sublist {counter-reset: sublist-counter;list-style: none;}
.sublist > li {counter-increment: sublist-counter;}
.sublist > li::before {content: counters(list-counter, ".") "-" counters(sublist-counter, ".") ". ";color: #fff;}
.agree__ol li::marker{color: #fff;}
.agree__btn{display: flex;align-items: center;justify-content: center;padding: 1rem 0;}
.formGroup__item__row--agreeBtn{margin: 1rem;}
/* 報修申請作業 */
.title--2{margin-top: 4rem;}
.apply__content{display: flex;align-items: center;justify-content: center;flex-direction: column;gap: 2rem;}
/* 報修申請作業--資料送出前確認 */
.flex__cont{display: flex;justify-content: center;align-items: flex-start;gap: 2rem;padding: 1rem 0;}
.basic__item{width: calc(100% / 2);}
.clearfix--conf{width: 100%;}
.verifyBtn__revise{display: inline-block;margin: 0 3rem 0 0;transition: .5s;color: #969696;border-bottom: 1px solid #969696;padding: 0.5rem 1rem;}
.verifyBtn__revise:hover{filter: brightness(1.75);}
.noteBlock{color: #fff;margin-top: 2rem;}

    /* input 購買日期預設文字年/月/日拿掉 */
    /* input.noText[type="date"]::-webkit-datetime-edit,input[type="date"]::-webkit-clear-button,input[type="date"]::-webkit-inner-spin-button {display: none;} */
    /* input.noText[type="date"]::-webkit-calendar-picker-indicator {position: absolute;right: 0;opacity: 1;cursor: pointer;} */
    /* Firefox */
    /* input.noText[type="date"]::-moz-focus-inner {border: 0;}
    input.noText[type="date"]::-moz-datetime-edit {display: none;} */
    /* Edge */
    /* input.noText[type="date"]::-ms-clear {display: none;}
    input.noText[type="date"] {appearance: none;-webkit-appearance: none;-moz-appearance: none;position: relative;padding: 1.3rem 0.75rem;font-size: 16px;color: #333;background-color: #fff;} */


/* !彈跳視窗 */
.pagePopup{position: fixed;top: 50%;left: 50%;transform: translate(-50%,-60%);border-radius: 0.5rem;z-index: 10000;box-shadow: 0px 3px 20px 4px rgba(0, 0, 0, 0.2);display: block;border: 1px solid transparent;border-image: linear-gradient(to right, rgba(255, 255, 255, .7), rgba(255, 255, 255, .1), rgba(255, 255, 255, .7)) 1;transition: 0.3s all;pointer-events: none;opacity: 0;}
.pagePopup:after{content:'';position:absolute;width:100%;height:100%;background:linear-gradient(93deg,rgba(84,84,84,.7) -15%,rgba(000,000,000,1) 25%,rgba(000,000,000,1) 70%,rgba(84,84,84,.8) 120%);left:0;top:0;z-index:-1;-webkit-backdrop-filter: blur(0.25rem);backdrop-filter: blur(0.25rem);}
.pagePopup.show{opacity:1;transform:translate(-50%,-50%);pointer-events:all;}
.pagePopup__cont{width: 600px;padding: 4rem 2rem;position: relative;display: flex;justify-content: center;align-items: center;flex-direction: column;color: #fff;gap: 1.5rem;text-align: center;}
.pagePopup__cont--inner{display:flex;flex-direction:column;gap: 1rem;align-items: center;}
.pagePopup__warn{border: 1px solid#FFBB77; color: #FFBB77;border-radius: 50rem;width: 4.5rem;height: 4.5rem;text-align: center;font-size: 3rem;}
.pagePopup__title{font-weight: 600;font-size: 1.5rem;margin: 0;}
.pagePopup__txt{margin: 0;}
.pagePopup__txt a{color:rgba(255,255,255,0.8);}
.pagePopup__txt--scroll{overflow-y:scroll;padding-right: 0.5rem;}
.pagePopup__btn{border: none;background: var(--mainColor);padding: .5rem 2rem;color: #fff;transition: .5s;}
.pagePopup__btn--close{background: #202020;}
.pagePopup__btn:hover{background: #ff0020; color: #fff;}
.privacyBox{text-align:left;/*max-height: 35svh;*/color: #fff;}
.privacyBox__main{padding:0.25rem 0;}
.privacyList__tit{font-size: 1.125em;font-weight:650;margin: 1.5rem 0 0.25rem;padding-left: 1rem;position: relative;}
.privacyList__tit:after{content:'';position:absolute;width: 6px;height: 88%;background:var(--mainColor);left: 0.125rem;top: 6%;transform: skew(-10deg);}
.privacyList:first-child .privacyList__tit{margin-top:0.5rem;}
.privacyList__content a{color:var(--mainColor);font-weight:600;}

.privacyBox__main--tw ul>li{list-style:none;}
.privacyBox__main--tw ol>li{list-style:none;margin-left:1.125em;}

.noUl{list-style: none;margin: 0;padding: 0;}
.noUl li:not(:last-child){margin-bottom:0.25rem;}
.rmaDone-note{margin-top:2rem;text-align: left;}
.rmaDone-note__tt{margin-bottom:0.5rem;position:relative;padding-left: 1rem;font-size: 1.125rem;font-weight: 500;}
.rmaDone-note__tt:before{content:'';position: absolute;-webkit-transform: skew(-10deg);transform: skew(-10deg);background-color: #e50012;width: 6px;height: 100%;left: 0;}
.olSet{list-style: none;margin: 0;padding: 0;}
.olSet li:not(:last-child){margin-bottom:0.5rem;}

.listUl{list-style: none;margin: 0;padding: 0;}
.listUl li:not(:last-child){margin-bottom:0.25rem;}
.tbBorder{padding: 0.375rem 0 0.5rem;--bdC:#4b4b4b;border-top:1px solid var(--bdC);border-bottom:1px solid var(--bdC);margin-top: 1rem;padding: 0.75rem 0 1rem;}
.ctTxt{font-weight:450;margin-top:0.25rem;display:block;}


/*! pikaday*/
.pikadaySet{position: relative;padding-right: 2rem;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-calendar' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5M1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4z'/%3E%3C/svg%3E") no-repeat,#fff;background-position: calc(100% - 0.75em) center;}
.is-selected .pika-button, .has-event .pika-button{background: var(--mainColor)!important; box-shadow: inset 0 1px 3px var(--mainColor)!important;}
.pika-button:hover, .pika-row.pick-whole-week:hover .pika-button{background: #000!important;}
.is-today .pika-button{color: var(--mainColor)!important;}
/* 字體 */
.pika-single .pika-label,.pika-table abbr,.pika-single .pika-button{font-size:clamp(0.9375rem,1.1vw,1rem);}
.pika-single{font-family:inherit!important;}
.pika-single .pika-lendar{width: clamp(18rem,25vw,20rem);}
.pika-table abbr{text-align:center;text-decoration:none;}
.pika-single .pika-button{padding: clamp(5px,0.5vw,0.5rem);text-align:center;aspect-ratio: 5/4;}
.pika-single .pika-label{position:relative;padding: 0.25rem 0.625rem;background: #fff;border-radius: 0.25rem;order: 1;font-weight: 500;}
.pika-single .pika-label:after{content:'\F22A';display: inline-block;font-family: bootstrap-icons !important;font-style: normal;font-weight: normal !important;font-size: 0.625rem;margin-left: 0.5rem;}
.pika-single .pika-label + .pika-label{margin-left: 0.25rem;}
.pika-single .pika-title{margin-bottom:0.5rem;background:linear-gradient(to top,#b7000e,#f83a48);border-radius:0.25rem;display: flex;align-items: center;justify-content: center;padding: 0.5rem 1.25rem;border: 1px solid var(--mainColor);}
.pika-single .pika-prev,.pika-single .pika-next{position: absolute;top: 50%;transform: translateY(-50%);line-height: 1;background-color: #fff;height: 20px;border-radius: 100%;}
.pika-single .pika-prev{order:0;left: 0.5rem;}
.pika-single .pika-next{order:4;right: 0.5rem;}
.pika-single .pika-table thead th{border-bottom: 0.25rem solid transparent;font-weight: 550;}

/* rmaNotice*/
.noticeBoard{color: #fff;font-size: 1.125rem;padding: clamp(0.5rem, 1vw, 1rem);margin: 1.5rem 0;background: rgba(255,255,255,0.15);border: 1px solid #e50012;}
.noticeBoard__tt{font-size: 1.25rem;margin-bottom: 1rem;letter-spacing: 0.05em;}
.noticeBoard__ct p{margin-bottom:0.25rem;}
.noticeBoard__ct p:last-child{margin:0;}
.timeMark{display:inline-block;padding:0 0.5rem;background:rgb(229 0 18 / 50%);}

@media all and (max-width:991px){
    .pageContent--schCont{flex-direction: column;}
    .clearfix--sch{width: 100%;}
    .sch__detail{width: 100%;}
    .schItem{display: flex;justify-content: space-between;margin-left: 50px;}
    .sch__detailTitle{margin-left: 0;}
    .formGroup__item__tx{text-align: left;}
    .rma__tableTitle{width: 40%;}
    .formGroup__btn--deco{width: 25%;}
    .pagePopup{width: 80%;}
    .pagePopup__cont{width: 100%;}
    .flex__cont{flex-direction: column;}
    .basic__item{width: 100%;}
}

@media all and (min-width:769px){
    .contactForm--rma{float: inherit;padding-bottom: 5rem;}
}

@media all and (max-width:640px){
    .pagePopup__warn{width: 3rem;height: 3rem;font-size: 2rem;}
    .gridSize--half{display:block;}
    .gridSize--smallEven{display:block;}
    .formGroup__item__grid{display:block;}
    [name="PostCode"]{width:100%;}
}

@media all and (max-width:480px){
    .formGroupTel{width: 45%;}
    .formGroupTel{width: 100%;}
}