.w3-modal-content {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    row-gap: 16px;
    padding-bottom: 32px;
}

.odd-modal-content-head {
    display: flex;
    justify-content: flex-end
}

.odd-modal-content-container {
    display: flex;
    justify-content: flex-start;
    padding-left: 24px;
    padding-right:24px;
    padding-bottom:16px;
    flex-direction: column;
    flex-wrap: nowrap;
}

/*smple begin
<div class="odd-modal-content-head">
    <button class="odd-basic-button" onclick="document.getElementById('odd_booking_status').style.display='none'">
        <i class="fa fa-times" aria-hidden="true"></i>
    </button>
</div>
<div class="odd-modal-content-container">
<h4>報名狀態設定</h4>
<div class="odd-block">
<h5 class="">對象設定</h5>
<input type="radio" name="" value="yes" checked class="odd-inline-block">
<label>校內教師</label>
<input type="radio" name="" value="no" checked class="odd-inline-block">
<label>校內師生</label>
<input type="radio" name="" value="no" checked class="odd-inline-block">
<label>校外</label>
</div>
<div class="odd-block">
<h5 class="">場次設定</h5>
<input type="radio" name="" value="yes" checked class="odd-inline-block">
<label>一場</label>
<input type="radio" name="" value="no" checked class="odd-inline-block">
<label>多場</label>
</div>
<div class="odd-block">
< !-- 單場時顯示 -->
<div class="odd-mulit-party-block ">
<div>
<input type="radio" name="" value="yes" checked class="odd-inline-block">
<label>不限人數</label>
<input type="radio" name="" value="no" checked class="odd-inline-block">
<label>限制人數</label>
<input type="text" name="" value="" checked class="odd-inline-block">
<label>地點</label>
<input type="text" name="" value="" checked class="odd-inline-block">
</div>
<div>
<label>活動開始時間</label>
<input type="time" name="開始" value="" checked class="odd-inline-block">
<label>活動結束時間</label>
<input type="time" name="結束" value="" checked class="odd-inline-block">
</div>
<div>
<label>報名開始時間</label>
<input type="time" name="開始" value="" checked class="odd-inline-block">
<label>報名結束時間</label>
<input type="time" name="結束" value="" checked class="odd-inline-block">
</div>
</div>
< !-- 多場時顯示 -->
< !-- 一組開始 -->
<div class="odd-mulit-party-block">
<div>
<h6>第一場</h6>
<div>
<input type="radio" name="" value="yes" checked class="odd-inline-block">
<label>不限人數</label>
<input type="radio" name="" value="no" checked class="odd-inline-block">
<label>限制人數</label>
</div>
<div>
<label>地點</label>
<input type="text" name="" value="" checked class="odd-inline-block">
<label>相同地點</label>
<input type="checkbox" name="" value="" checked class="odd-inline-block">
</div>
<div>
<label>開始時間</label>
<input type="time" name="開始" value="" checked class="odd-inline-block">
<label>結束時間</label>
<input type="time" name="結束" value="" checked class="odd-inline-block">
</div>
<div>
<label>報名開始時間</label>
<input type="time" name="開始" value="" checked class="odd-inline-block">
<label>報名結束時間</label>
<input type="time" name="結束" value="" checked class="odd-inline-block">
<input type="checkbox" name="" value="" checked class="w3-check odd-inline-block">
<label>報名時間相同</label>
<span><i class="fa fa-times-circle" aria-hidden="true"></i></span><span class="odd-button">清除內容</span>
</div>
</div>
</div>
< !-- 一組結束 -->
<div class="odd-mulit-party-block">
<div>
<h6>第二場</h6>
<div>
<input type="radio" name="" value="yes" checked class="odd-inline-block">
<label>不限人數</label>
<input type="radio" name="" value="no" checked class="odd-inline-block">
<label>限制人數</label>
<input type="text" name="" value="" checked class="odd-inline-block">
</div>
<div>
<label>地點</label>
<input type="text" name="" value="" checked class="odd-inline-block">
<label>相同地點</label>
<input type="checkbox" name="" value="" checked class="odd-inline-block">
</div>
<div>
<label>開始時間</label>
<input type="time" name="開始" value="" checked class="odd-inline-block">
<label>結束時間</label>
<input type="time" name="結束" value="" checked class="odd-inline-block">
</div>
<div>
<label>報名開始時間</label>
<input type="time" name="開始" value="" checked class="odd-inline-block">
<label>報名結束時間</label>
<input type="time" name="結束" value="" checked class="odd-inline-block">
<input type="checkbox" name="" value="" checked class="w3-check odd-inline-block">
<label>報名時間相同</label>
<span><i class="fa fa-times-circle" aria-hidden="true"></i></span><span class="odd-button">清除內容</span>
</div>
</div>
</div>
<div class="odd-mulit-party-block">
<i class="fa fa-plus-circle odd-addicon" aria-hidden="true"></i>
</div>
</div>
<div class="odd-active-block">
<li class="odd-active-items">
<a href="#" title="#" class="odd-save-button-blue odd-button">儲存 </a>
</li>
<li class="odd-active-items">
<a href="#" title="#" class="odd-cancel-button-gray odd-button">取消 </a>
</li>
</div>
</div>
*/