fix.html

<form action="" style="display: flex;">
    <l-col data-x-align="center" data-xl-gutter-between="15" data-lg-gutter-between="15"
           data-md-gutter-between="40" data-sm-gutter-between="40" data-xs-gutter-between="40">
        <l-col class="lucky-draw-form l-pad" data-x-pad="5"
               data-x-align="center"
               data-xl-gutter-between="20" data-lg-gutter-between="20" data-md-gutter-between="20"
               data-sm-gutter-between="20" data-xs-gutter-between="20">
            <l-row class="lucky-draw-inputbar l-pad" data-y-align="center" data-gutter-around="20"
                   data-pad="5">
                <label class="j-font-4" for="">姓名</label>
                <div class="form-divider"></div>
                <input class="form-input is-fill" type="text">
            </l-row>
            <l-row class="lucky-draw-inputbar l-pad" data-y-align="center" data-gutter-around="20"
                   data-pad="5">
                <label class="j-font-4" for="">電話</label>
                <div class="form-divider"></div>
                <input class="form-input is-fill" type="text">
            </l-row>
            <l-row class="lucky-draw-inputbar l-pad" data-y-align="center" data-gutter-around="20"
                   data-pad="5">
                <label class="j-font-4" for="">Mail</label>
                <div class="form-divider"></div>
                <input class="form-input is-fill" type="text">
            </l-row>
            <l-row class="lucky-draw-inputbar l-pad" data-y-align="center" data-gutter-around="20"
                   data-pad="5">
                <label class="j-font-4" for="">地址</label>
                <div class="form-divider"></div>
                <input class="form-input is-fill" type="text">
            </l-row>
        </l-col>
        <l-col class="l-pad" data-x-pad="25" data-lg-gutter-between="5" data-xl-gutter-between="5">
            <l-row data-y-align="center">
                <input class="lucky-draw-checkbox" type="checkbox">
                <span class="j-font-4">【本活動蒐集個人資料之各款事項】</span>
            </l-row>
            <p class="j-font-5 l-pad td" data-x-pad="5" data-line-height="1.3">
                依個人資料保護法規範，參與本活動之網友(當事人)請閱讀以下法定事項，需先同意宏亞食品股份有限公司蒐集、處理及利用您之下列個人資料，即可參與本活動。</p>
            <p class="j-font-5 l-pad td" data-x-pad="5" data-line-height="1.3">蒐集公司名稱：宏亞食品股份有限公司</p>
            <p class="j-font-5 l-pad td" data-x-pad="5" data-line-height="1.3">
                蒐集目的：參與「Joooy覓蜜時光-生活...逗點一下，靈光乍現吧！」網路活動</p>
            <p class="j-font-5 l-pad td" data-x-pad="5" data-line-height="1.3">
                個人資料類別：FB帳戶、姓名、手機、地址、email、個人資料利用即為本活動期間2016年9月14日至2016年10月30日止、報稅資料、身份證件核對，供宏亞食品股份有限公司以電話、email等方式進行實體活動參加、贈品寄送聯絡等事宜。</p>
        </l-col>
        <l-center class="draw-button">送出參加抽獎</l-center>
    </l-col>
</form>