/*
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
}
*/

@media print {
    .noprint {
        display: none;
    }
    th {
        text-align: left;
    }
}
body {
    overflow-x: hidden;
    font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
    font-size: 15px;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
}

form {width: 100%;}

input[type="checkbox"],input[type="Radio"] {
font-size:15px;
}
.oFormTable
{
border:1px solid #000;
border-collapse:collapse;
}

select, #oForm textarea, #oForm input[type="text"], #oForm input[type="tel"], #oForm input[type="password"],#oForm  input[type="number"],#oForm  input[type="email"],#oForm  input[type="number"], #oForm input[type="date"], #oForm input[type="file"] ,#oForm input[type="time"]{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 1px solid #C2C2C2;
    box-shadow: 1px 1px 4px #EBEBEB;
    -moz-box-shadow: 1px 1px 4px #EBEBEB;
    -webkit-box-shadow: 1px 1px 4px #EBEBEB;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    padding: 7px;
    outline: none;
} 

    
#oForm input[type="image"] {
    padding: 0px;
    margin: 0px;
    vertical-align: middle;
}
#oForm button,input[type=submit],input[type=button],input[type=reset]{
    border: none;
    padding: 8px 15px 8px 15px;
    background: #dd1229;
    color: #fff;
    box-shadow: 1px 1px 4px #DADADA;
    -moz-box-shadow: 1px 1px 4px #DADADA;
    -webkit-box-shadow: 1px 1px 4px #DADADA;
    border-radius: 3px;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    
}
#oForm input[type=submit]:hover,input[type=button]:hover{
    background: #4691A4;
    color: #fff;
}
#oForm input[type="image"] {
    padding: 0px;
    margin: 0px;
    vertical-align: middle;
}
input[type="checkbox"], input[type="radio"] {
    margin-left: 10px;
    margin-right: 1px;
} 

tr.TitleBgcolor, td.TitleBgcolor, #oFormTable th, .oFormTable th, .ModifyTable th, .oFormTableMRwd th, .oFormTableRwd th {
    background: #f1f1f1;
    color: #000;
    font-weight: bold;
    padding: 15px 15px 15px 10px;
    font-size: 15px;    
}



.nleft {
    text-align: left;
}
.nright {
    text-align: right;
}
.ncenter {
    text-align: center;
}
img.center {
    vertical-align: middle
}
.rwd{
    width:100%;
}

.TitleBgcolorSort {
    vertical-align: middle;
    background-image: url(../images/sort.gif);
    font-weight: 700;
    background-repeat: no-repeat;
    background-position: center right;
    margin-left: -1px;
    cursor: hand;
    text-align: left;
}
.TitleBgcolorSort1 {
    vertical-align: middle;
    background-image: url(../images/sort1.gif);
    font-weight: 700;
    background-repeat: no-repeat;
    background-position: center right;
    margin-left: -1px;
    cursor: hand;
    text-align: left;
}
.TitleBgcolorSort2 {
    vertical-align: middle;
    background-image: url(../images/sort2.gif);
    font-weight: 700;
    background-repeat: no-repeat;
    background-position: center right;
    margin-left: -1px;
    cursor: hand;
    text-align: left;
}
tr.DataBgcolor1, td.DataBgcolor1 {
    text-align: left;
    
    background: #f5f5f5;
    border-bottom: 1px dashed #dedede;
    height: 25px;
}
.oFormTable tr:nth-of-type(2n), .oFormTableRwd tr:nth-of-type(2n), .oFormTableMRwd tr:nth-of-type(2n) {
    background-color: #FCFCFC;
}
.oFormTable tr:hover, .oFormTableRwd tr:hover, .oFormTableMRwd tr:hover {
    background: #e6e6e6;
}
.MDataBgcolor1 {
    vertical-align: text-top;
    color: #313031;
    font-size: 15px;
    font-weight: bold;
    padding: 0 10 0 20px;
    text-align: left;
}
.ftitle {
    /*background:#BBBBBB;
width:100%;
*/
    display: inline-block;
}
.MDataBgcolor2 {
    vertical-align: text-top;
    color: #636584;
    text-align: left;
}
.btn {}
form {
    margin: 0;
}
.DMIn {
    color: #FF0000;
    display: inline-block;
}
#loading {
    position: absolute;
    width: 300px;
    top: 0px;
    text-align: left;
    padding: 7px 0 0 0;
    background-color: #FFFFFF;
}
img {
    border: none;
}
.border {
    border: 1px solid #000;
}
span.SS {
    color: #1286B6;
    text-decoration: underline;
    cursor: hand;
}
.red, .title {
    color: red;
    font-weight: 800;
}
.webdesign {
    width: 1000px;
    text-indent: -9999px;
    float: right
}
/*
a:link {text-decoration:none; color:#666;}
a:visited{text-decoration:none; color:#666;}
a:hover {text-decoration:none; color:#666;}
*/

.tip_window {
    padding: 2px;
    width: 220px;
    border: 1px solid #fff;
    background-color: #000;
    color: #fff;
    text-align: left;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-left-radius: 0px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    -webkit-box-shadow: 1px 1px 3px #6e6d6e;
    -moz-box-shadow: 1px 1px 3px #6e6d6e;
    box-shadow: 1px 1px 3px #6e6d6e;
}

.ErrBg {
    background-color: red;
    color: #fff;
    display: block;
    line-height: 20px;
    font-size: 15px;
    font-weight: bold;
}
.wrapper {
    width: 988px;
    margin: 0px auto;
    *margin: 0px auto;
}


div .fcontainer{
    max-width:1240px;
    margin: 0px auto;        
    overflow:hidden;
    justify-content: center;

}


div .fitem {
    flex: 1;
    width:48%;
    float:left; 
    display:block;
    padding:10px;
}

.oFormTableMRwd,.oFormTableRwd,.oFormTable{        
 
}
.oFormTableMRwd td,.oFormTableRwd td,.oFormTable td {    
    padding:  5px;
   /* text-align: left;*/    
    height:25px;    
    /* border-bottom: #F1F1F1 solid 1px; */
    font-size: 15px;    
}

/*mobile  */

@media screen and (max-width: 724px) and (min-width: 0) {
    div .fitem {
        width:100%;
    }
    /* list */
    .oFormTableRwd {
        min-width: 100%;
    }
    .oFormTableRwd th {
        display: none;
    }
    .oFormTableRwd tr:after {
        /*content:  url("data:image/svg+xml; utf8,");*/
    }
    .oFormTableRwd td {
        display: block;
        overflow: hidden;
        vertical-align: middle;
        text-align: left;
        border: 1px solid #e1e1e1;
        border-bottom: 0;
        height: auto;
        width: 100% !important;
        padding: 0px;
    }
    .oFormTableRwd td:before {
        content: attr(title);
        font-weight: bold;
        width: 20%;
        float: left;
        display: inline-block;
        background: #f1f1f1;
        color: #000;
        min-height: 30px;
        padding: 6px;
        padding-right: 10px;
        margin-right: 10px;
        
    }
    .oFormTableMRwd tr:nth-of-type(odd), .oFormTableRwd tr:nth-of-type(odd),.oFormTable tr:nth-of-type(odd) {
        /* background-color: #eee;         */
        /* border-bottom: 1px solid #e1e1e1; */
    }
    .oFormTableMRwd tr:nth-of-type(even),.oFormTableRwd tr:nth-of-type(even),.oFormTable tr:nth-of-type(even) {
        background-color: #FFF;
    }
    
    /* modify*/
    .oFormTableMRwd input[type="text"], .oFormTableMRwd input[type="tel"], .oFormTableMRwd input[type="password"], .oFormTableMRwd input[type="number"], .oFormTableMRwd input[type="email"], .oFormTableMRwd input[type="number"], .oFormTableMRwd input[type="date"], .oFormTableMRwd input[type="file"], .oFormTableMRwd textarea {
        width: 90%;
    }
    .oFormTableMRwd tr td:before {
        color: #FF0000;
    }
    .oFormTableMRwd td {
        display: block;
        padding: 10px;
        vertical-align: middle;
        text-align: left;        
        height: auto;
    }
     .oFormTableMRwd td table td {
    
        display: table-cell;
    }
    /*oFormTableLRwd*/
    .oFormTableLRwd td {
        width: 100%;
    }
}
/*pc*/

@media screen and (min-width: 725px) {
    /* list*/
    .oFormTableRwd td {
        padding: 15px;
        /* border-bottom: 1pt solid #e1e1e1; */
    }
    /*區塊顯示*/
    .oFormTableLRwd td {
        padding: 10px;
        font-size: 13px;
        border-bottom: 1pt solid #e1e1e1;
        display: inline-block;
        width: 155px;        
    }
    .oFormTableMRwd td {
        /* display: block; */
        padding: 10px;
        vertical-align: middle;
        text-align: left;        
        height: auto;
    }
     .oFormTableMRwd td table td {
    
        /* display: table-cell; */
    }
    /* modify*/
    .oFormTableMRwd input[type="text"], .oFormTableMRwd input[type="tel"], .oFormTableMRwd input[type="password"], .oFormTableMRwd input[type="number"], .oFormTableMRwd input[type="email"], .oFormTableMRwd input[type="number"], .oFormTableMRwd input[type="date"], .oFormTableMRwd input[type="file"], .oFormTableMRwd textarea {
        width: 95%;
    }
    .oFormTableMRwd tr:nth-of-type(odd), .oFormTableRwd tr:nth-of-type(odd),.oFormTable tr:nth-of-type(odd) {
        /* background-color: #eee;        
        border-bottom: 1px solid #e1e1e1; */
    }
    .oFormTableMRwd input[type="text"], .oFormTableMRwd input[type="tel"], .oFormTableMRwd input[type="password"], .oFormTableMRwd input[type="number"], .oFormTableMRwd input[type="email"], .oFormTableMRwd input[type="number"], .oFormTableMRwd input[type="date"], .oFormTableMRwd input[type="file"], .oFormTableMRwd textarea {
        min-width: 100px;
    }   
    /* .oFormTableMRwd tr:nth-child(2) > td:nth-child(1) {
        width: 20%;     
    } */
}