@media screen and (max-width:700px) {
    .tab_normal {border:0;}
    .tab_normal>ul {float:none; margin:-7px 0 0 -7px; padding:0;}
    .tab_normal>ul>li {margin:0; padding:7px 0 0 7px; border:0;}
    .tab_normal>ul>li a {height:2.5em; border-radius:1.25em; background:#EEE; color:#333; line-height:2.5em;}
    .tab_normal>ul>li a:hover {background:#EEE; color:#333;}
    .tab_normal>ul>li.on a {margin:0; border:0; background:#18D; color:#FFF;}
    .tab_normal .lst {float:none; margin-bottom:7px;}
}

@media screen and (max-width:600px) {
    .btn {font-size:0.875rem;}
    .btn_b {font-size:0.9375rem;}

    .m_br {display:block;}

    .ox_tbl_view {border:0;}
    .ox_tbl_view>colgroup {display:none;}
    .ox_tbl_view>*>tr>* {float:left; width:100%; border:0; box-sizing:border-box;}
    .ox_tbl_view>*>tr>th {position:relative; padding-right:0.75em; text-align:left;}
    .ox_tbl_view>*>tr>th:before, .ox_tbl_view .req {position:absolute; top:0; left:0; width:0; height:0; border:5px solid transparent; border-top-color:#BBB; border-left-color:#BBB; content:'';}
    .ox_tbl_view>*>tr>td {padding-bottom:30px;}
    .ox_tbl_view .req {overflow:hidden; border-top-color:#F00; border-left-color:#F00;}
    .ox_tbl_view th+th {margin-top:8px;}
    .ox_tbl_view th.sub,
    .ox_tbl_view td.sub {background:none;}
    .ox_tbl_view td.sub {padding-top:0;}

    .ox_confirm {left:0!important; right:0!important; max-width:96%; margin:0 auto;}
}