/*::: RWD resize CSS :::*/
@font-face {
    font-family: DFPKingGothic-TC-Light;
    src: url('font/TC/DFPKingGothic-TC-Light.eot'); /* IE9 Compat Modes */
    src: url('font/TC/DFPKingGothic-TC-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('font/TC/DFPKingGothic-TC-Light.woff') format('woff'); /* Pretty Modern Browsers */
}

@font-face {
    font-family: DFPKingGothic-TC-Medium;
    src: url('font/TC/DFPKingGothic-TC-Medium.eot'); /* IE9 Compat Modes */
    src: url('font/TC/DFPKingGothic-TC-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('font/TC/DFPKingGothic-TC-Medium.woff') format('woff'); /* Pretty Modern Browsers */
}

@font-face {
    font-family: DFPKingGothic-TC-Regular;
    src: url('font/TC/DFPKingGothic-TC-Regular_2.eot'); /* IE9 Compat Modes */
    src: url('font/TC/DFPKingGothic-TC-Regular_2.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('font/TC/DFPKingGothic-TC-Regular_2.woff') format('woff'); /* Pretty Modern Browsers */
}

html, body {
    font-family: DFPKingGothic-TC-Regular;
    height: 100%;
    background-color: #fff;
}

.wrapper {
    height: 100%;
}

.text-center {
    padding: 50px 0;
}

.text-red {
    color: #e29150;
}

.qusBox {
    position: relative;
    padding: 20px 0 0 0;
}

.radioText {
    font-size: 14px;
    line-height: 40px;
    padding-left: 20px;
}

.radio1Box {
    display: none;
}

.textBoxH {
    height: 40px;
}

.radio1Name0 {
    width: 100%;
}

.radio1Name1 {
    width: 100%;
}

.name {
    width: 100%;
}

.tel {
    width: 100%;
    margin: 0;
}

.mail {
    width: 100%;
}

.makeSure {
    width: 100%;
}

.address {
    width: 100%;
    height: 100px;
}

.QA {
    width: 100%;
    height: 100px;
}

.btnSubmit {
    background-color: #e8c49b;
    cursor: pointer;
}

.btnSubmitText {
    width: 100%;
    color: #fff;
    line-height: 50px;
    text-align: center;
}

span {
    font-size: 24px;
    line-height: 40px;
}

footer {
    width: 100%;
    height: 200px;
}

/*----------------------------------------------------------------------------------------------------*/

@media (min-width: 450px) {

    span {
        font-size: 24px;
        line-height: 20px;
    }
}

/* 小螢幕（平板，大於等於 768px） */
@media (min-width: 768px) {
    p {
        font-size: 16px;
    }
}

/* 中等螢幕（桌面螢幕，大於等於 992px） */
@media (min-width: 992px) {

    .container {
        padding-left: 100px;
        padding-right: 100px;
    }

    span {
        font-size: 14px;
        line-height: 24px;
    }

    .textBoxH {
        height: 25px;
    }

    .btnSubmitText {
        line-height: 35px;
    }
}

/* 大螢幕（大桌面螢幕，大於等於 1400px） */
@media (min-width: 1400px) {

}