/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2023年11月14日, 下午3:48:13
    Author     : Shine
*/
@import url(//fonts.googleapis.com/earlyaccess/notosanstc.css);


.content-area{
    padding: 85px 0;
}

.content-area .ftds-container, .header-area{
    max-width: 1170px;
}

.ftds-form-header{
    padding: 120px 0;
    background-color: #fdf9f6;
    font-family: 'Noto Sans TC', '微軟正黑體' !important;
}

.header-area h2{
    font-weight: 600 !important;
    font-family: 'Noto Sans TC', '微軟正黑體' !important;
}

.ftds-content-item *:not(.fa), .ftds-content-item *:not(.fas), .ftds-content-item *:not(.fass), .ftds-content-item *:not(i[class^="eicon"])  {
    font-family: 'Noto Sans TC', '微軟正黑體';
}

.fa, .fas {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900;
}

#ftds-form-note{    
    /*overflow: hidden;*/
    min-height: 600px;
}
#ftds-form-note .form-step{
    width: 180px;
    aspect-ratio: 1 / 1;
    border-radius: 99em;
    background-color: #eee;
    text-align: center;
    overflow: hidden;
    position: absolute;

}

#ftds-form-note .form-step h3{
    margin: 35px 0 10px 0;
    font-size: 1.75em;
}

#ftds-form-note .form-step div{
    font-size: 1.25em;
    font-weight: 600;
}

.form-step-1{
    top: 0;
    left: 0;
}

.form-step-2{
    top: 140px;
    left: 175px;
}

.form-step-3{
    top: 295px;
    left: 35px;
}

.ftds-form-card .card.ftds_mFreeReg_action{
    max-width: 450px;
    margin: auto;
}

.ftds-form-card .card.ftds_mFreeReg_action .card-header h4{
    margin: 0;
    font-size: 26px;
    font-weight: 500;
}

button.member-submit{
    border-radius: 99em;
    padding: 6px 20px;
}

.ftds-mem-ckeck input[type="checkbox"]{
    /*top: 0.35rem;*/
    margin-top: 0.5rem;
    /*transform: translateY(-50%);*/
}
.mem-checkbox{
    font-size: 0.75rem;
    color: #f00;
}

form.ftds-form{
    padding: 15px !important;
}


.ftds-form label{
    font-weight: 600;
    color: #212121;
    padding: 0 5px;
}

form.ftds-form div.row{
    /*line-height: 45px;*/
}

form.ftds-form div.row input{
    padding: 0 5px;
}

form.ftds-form div.row label, .ftds-form div.row input{
    line-height: 35px;
    margin: 0 !important;
}

form.ftds-form div.row i.form-note{
    line-height: 20px;
    font-size: 12px;
    padding: 3px 0 0 15px;
}



form.ftds-form .ftds-head{
    padding: 5px 0 !important;
}

.ftds-btn .btn.ftds-follow, .btn.ftds-follow {
  font-size: 14px;
  border-radius: 99em;
  padding: 4px 10px;
  min-width: 100px;
}