input[type=tel] {
    border-top:1px solid #9a9a9a;
    border-left:1px solid #9a9a9a;
    border-right:1px solid #d8d8d8;
    border-bottom:1px solid #d8d8d8;
    height:16px;
    font-size:12px;
    padding:2px;
}

#magic-today .select-year { white-space:nowrap; }

#magic-today .side-menu div { display:inline-block; float:none; }

#top .menu .right { margin-right:10px }
#top .menu .right a:after { content:'|'; margin:0 1px 0 3px; display:inline-block; color:#999;  text-align:center;}
#top .menu .right a:last-child:after { display:none; }
#magic-today.popup_window { width:100%; background:none; }

#magic-today .main-menu .quick-memu-group { float:right; margin-right:10px; }
#magic-today .main-menu .quick-memu-group .quick-memu { float:none; display:inline-block; }
#magic-today .main-menu .quick-memu-group .side { display:none; }

#magic-today .fwrite-table #tr_remark { width:480px; }
#magic-today .fwrite-table #tr_remark.small { width:95%; }
#magic-today .fwrite-table.form3 #mid_name { width:85%; }
#magic-today .fwrite-table input.text.inputs { width:170px; }
#magic-today .fwrite-table.form3 input.text.inputs { width:85%; }
#magic-today .fwrite-table .pre { margin-right:10px; }

#magic-today .fwrite-table td input[type=text] { width:80%; }
#magic-today .fwrite-table td input[type=text].large { width:95%; }
#magic-today .fwrite-table td input[type=tel] { width:80%; }
#magic-today .fwrite-table td input[type=tel].large { width:95%; }
#magic-today .fwrite-table td select {  }

#magic-today .fwrite-buttons { width:620px; text-align:right; margin:20px 40px; 10px 40px; }
#magic-today #yr_sdate { width:100px; }
#magic-today #yr_edate { width:100px; }

.mobile-off { }
.mobile-on { display:none; }

#sub_table:input[type=text] { width:85%; }
#sub_table:input[type=tel] { width:85%; }

form#csearch  {
    margin-top:5px;
}

form#csearch input[type="text"] {
    width:65px;
}

body.x { width:25px; }

.clear { height:0; margin:0; padding:0; line-height:0; font-size:0; clear:both; }

/*table, div, form { border:1px solid #000; } */

#magic-today .main-menu #menu_help_mobile { display:none; }

@media screen and (max-width:500px) , screen and (max-height: 500px) {
    body { background:none; }
    body, div, table, td, span, a { letter-spacing:-1px; }
    #top { background:none; margin:0; padding:0;}
    #top .menu { clear:both; height:auto; float:none; margin:10px 0 0 0; padding:0; background:none; width:100%; }
    #top .menu .right a:first-child { display:none; }
    #top .menu .right a:after { color:#ddd; }
    #magic-today { width:98%; margin:0 auto 0 auto; padding:0; background:none; border:0; }
    /*#magic-today .head-title { margin:0; padding:0; background:none; height:auto; width:auto; position:absolute; left:5px; top:12px;  }*/
    #magic-today .head-title { background:none !important; padding:0; margin:0; }
    #magic-today .head-title .logo { margin:0; padding:0; background:none; height:auto; width:auto; }
    #magic-today .head-title .logo a { font-size:15px; text-decoration:none; color:#000; }
    #magic-today .main-menu { margin:5px 0 10px 0; background:none; clear:both; text-align:center; padding:0; height:auto; float:none }
    #magic-today .main-menu .left-menu-group { margin:0; padding:10px 0 10px 0; float:none; display:inline-block; height:auto; clear:both; background-color:#efefef; border-top:1px solid #ccc; border-bottom:1px solid #ccc; width:100%; }
    #magic-today .main-menu .left-menu { margin:0; padding:0; float:none; display:inline-block; height:auto; background:none; }
    #magic-today .main-menu .left-menu a { color:#000; }
    #magic-today .main-menu .left-menu:after { content:'|'; width:15px; display:inline-block; text-align:center; color:#ccc; }
    #magic-today .main-menu #menu_help:after { display:none; }
    #magic-today .main-menu #menu_help { display:none; }
    #magic-today .main-menu #menu_help_mobile { display:inline-block; }
    #magic-today .main-menu #menu_help_mobile:after { display:none; }
    #magic-today .main-menu .selected a { color:#DA552C; }

    #magic-today .main-menu .quick-memu-group { clear:both; margin:10px 0 0 0; padding:0; text-align:center; float:none; width:auto; text-align:right; }
    #magic-today .main-menu .quick-memu-group .side { display:inline-block; float:left; margin-left:0; }
    #magic-today .main-menu .quick-memu-group .side button { display:block; width:50px; height:24px; border:1px solid #ccc;
        border-radius:3px;
        box-shadow: 0 1px #EBEBEB;
        border-radius: 3px;
        border: 1px solid;
        border-color: #E5E5E5 #D3D3D3 #B9C1C6;
        background-color:#fff;


    }
    #magic-today .main-menu .quick-memu-group .quick-memu { float:none; display:inline-block; padding:0; margin:0; height:auto;  }
    #magic-today .main-menu .quick-memu-group .quick-memu:after { content:''; width:5px; display:inline-block;  }
    #magic-today .side-menu { display:none; position:absolute; background-color:#fff; left:0; top:115px; width:200px; }
    #magic-today .side-menu {
        box-shadow: 0 1px #EBEBEB;
        border-radius: 3px;
        border: 1px solid;
        border-color: #E5E5E5 #D3D3D3 #B9C1C6;
        background-color:#fff;

        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;  
    }

    #magic-today .main-contents .main-description {
        width:auto;
        position:static;
        box-sizing:border-box;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
        padding:0;
        margin:0;
    }

    #magic-today .main-contents .main-description .book-title {
        margin:0;
        padding:0;
        background:none;
        font-size:12px;
    }
    #magic-today .main-contents .main-description .book-title-right {
        margin-right:10px;
    }
    #magic-today .main-contents .main-description .book-title-right img {
        display:none;
    }
    #magic-today .main-contents .main-description .book-title-right a {
        text-decoration:none;
    }
    #magic-today .main-contents .main-description .book-title-right a:after {
        content: attr(title);
    }
    #magic-today .main-contents .main-description .book-title-right span:after {
        content:'|';
        width:10px;
        color:#ccc;
        display:inline-block;
    }
    #magic-today .main-contents .main-description .book-title-right span:last-child:after {
        display:none;
    }


    #magic-today #fsearch table td { display:block; margin-bottom:10px; }
    #magic-today #fsearch table td:nth-child(2) img:last-child { visibility: hidden; }
    #magic-today #fsearch table td:nth-child(3) { float:left; width:50%; }
    #magic-today #fsearch table td:last-child { float:left; width:50%; }
    #magic-today.popup_window #fsearch {
        padding-left:10px;
        padding-bottom:10px;
        text-align:center;
    }

    #magic-today #fform { margin:0; padding:0; clear:both; }
    #magic-today center { margin:0; padding:0; clear:both; }
    #magic-today .main-contents { clear:both; width:100%; background:none; padding:0; margin:0; text-align:center; }
    #magic-today .fwrite-table { clear:both; width:100%; padding:0; margin:10px auto 10px auto; }
    #magic-today .fwrite-table colgroup { width:auto; }
    #magic-today .fwrite-table td { width:auto; word-break:keep-all; }
    #magic-today .fwrite-table td a { text-decoration:none; font-weight:normal; color:#000; }
    #magic-today .fwrite-table td.head { padding-left:2px; padding-right:2px; }
    #magic-today .fwrite-table td.head2 { width:50px; }
    #magic-today .fwrite-table td.body.nobreak { white-space:nowrap; }
    #magic-today .fwrite-table td.head.x,
    #magic-today .fwrite-table td.head2.x,
    #magic-today .fwrite-table td.body.x { width:20px; }
    #magic-today .fwrite-table td.price { width:20%;  }
    #magic-today .fwrite-table td.body.right { margin:0; padding-right:2px; }
    #magic-today .fwrite-table input.text.inputs { width:80px; }
    #magic-today .fwrite-table.form3 input.text.inputs { width:60px; }
    #magic-today .fwrite-table span.pre { display:block; margin:0; }
    #magic-today .fwrite-table td input[type=text] { width:90%; }
    #magic-today .fwrite-table td input[type=text].large { width:96%; }
    #magic-today .fwrite-table td input[type=tel] { width:90%; }
    #magic-today .fwrite-table td input[type=tel].large { width:96%; }
    #magic-today .fwrite-table td select { width:95%; }
    #magic-today .fwrite-table #tr_remark { width:95%; }
    #magic-today .fwrite-table #tr_remark.small { width:90%; }
    #magic-today .fwrite-buttons { width:100%; margin:0; padding:10px 0 10px 0; text-align:center; }

    .mobile-off { display:none; }
    .mobile-on { display:block; }
    .mobile-on.inline { display:inline-block; }
    .mobile-break { display:block; }

    #sub_table td.body input[type=text] { width:40px; }
    #sub_table td.body input[type=tel] { width:40px; }
    #sub_table td.body:first-child { width:100px; }

    #magic-today .fwrite-table.form3 #mid_name { width:70px; }

    #copyright { width:99%; margin:0 auto 0 auto; background:none; }
}