.size_S {
    width:80px;
}
.size_M {
    width:40%;
}
.size_N {
    width:120px;
}
.size_XL {
    width:90%;
}
.size_MAX {
    width:98%;
}
.linkbutton {
    display:block;
    line-height:30px;
    text-align:center;
    text-decoration:none;
}
.Captcha {
    width:20px;
    float:left;
    background-color:#e7e7e7;
    border:1px solid #b9b8b9;
    margin:0 1px;
    text-align:center;
}
.div_PageLoadingMsg { 
    position:relative;
    width:70px;
    height:70px;
    margin:0 auto;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background:transparent url('../image/ajax_loader.gif') center center no-repeat;
}
.div_RetryMsg {
    position:relative;
    width:100%;
    height:100%;
    margin:0 auto; 
    background-color:white;
    border:2px solid #5d95d7;
}
.div_RetryMsg > p{
    font-size:1.2em;
    padding:20px; 
}
/*#region 表單驗證 */
.error>label,.error .help-block,.error .help-inline{color:#b94a48;}
.error input,.error select,.error textarea{color:#b94a48;border-color:#b94a48;}
.error input:focus,.error select:focus,.error textarea:focus{border-color:#953b39;-webkit-box-shadow:0 0 6px #d59392;-moz-box-shadow:0 0 6px #d59392;box-shadow:0 0 6px #d59392;}
.error .input-prepend .add-on,.error .input-append .add-on{color:#b94a48;background-color:#f2dede;border-color:#b94a48;}
.success>label,.success .help-block,.success .help-inline{color:#468847;}
.success input,.success select,.success textarea{color:#468847;border-color:#468847;}
.success input:focus,.success select:focus,.success textarea:focus{border-color:#356635;-webkit-box-shadow:0 0 6px #7aba7b;-moz-box-shadow:0 0 6px #7aba7b;box-shadow:0 0 6px #7aba7b;}
.success .input-prepend .add-on,.success .input-append .add-on{color:#468847;background-color:#dff0d8;border-color:#468847;}

div.error { 
    font-weight: bold;
    color: red; 
    padding-left:18px;
    background: url('../image/error.png') left center no-repeat;  
}
div.valid{ 
    color:green; 
    background: url('../image/valid.png') left center no-repeat;   
}
/*#endregion */

/* MENU */
/* ................................ul......................................*/ 
.menu_table {
    width:100%;
    margin:0 20px;
}
.menu_sub {
    width:100%;
    height:100%; 
    position: relative;
    top: -2px; 
}
.menu_sub_title {
    vertical-align:top;
    text-align:center;
    height:40px; 
    *height:30px; 
}
.menu_sub_title div {
    height: 40px; 
    overflow:hidden;
}
.menu_sub td{  
    text-align:center;
    padding:2px;
}
.menu_block {  
    color: white;
    padding: 10px;
    background: url('../image/li.png') no-repeat;
    height: 210px;
    width: 162px; 
    box-shadow: 0 0 5px #d3d3d3;
    -moz-box-shadow: 0 0 5px #d3d3d3;
    -ms-box-shadow: 0 0 5px #d3d3d3;
    -o-box-shadow: 0 0 5px #d3d3d3;
    -webkit-box-shadow: 0 0 5px #d3d3d3;
    vertical-align:top;
}
.main {
    width: 100%;
    margin: 0 auto;
}
.lione {
    float: left;
    text-align: center;
    color: white;
    padding: 10px;
    background: url('../image/li.png') no-repeat;
    height: 210px;
    width: 160px;
    margin: 0 60px;
    box-shadow: 0 0 5px #d3d3d3;
    -moz-box-shadow: 0 0 5px #d3d3d3;
    -ms-box-shadow: 0 0 5px #d3d3d3;
    -o-box-shadow: 0 0 5px #d3d3d3;
    -webkit-box-shadow: 0 0 5px #d3d3d3;
}
.litwo div {
    max-height: 60px; 
}
.litwo {
    padding: 7px 0;
    margin-top: 10px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
    
    background-color: #d5d5d5;
    background-image: -o-linear-gradient( #ffffff,#d5d5d5);
    }

.litwo a {
    max-height:60px;
    overflow:hidden;
    letter-spacing: -0.5px;
    font-weight: bold;
    color: #0087a9;
    text-decoration: none;
    text-shadow: 0 0 3px #fff;
    -moz-text-shadow: 0 0 2px #fff;
    -ms-text-shadow: 0 0 2px #fff;
    -o-text-shadow: 0 0 2px #fff;
    -webkit-text-shadow: 0 0 2px #fff;
}

.litwo a:hover {
    text-decoration: underline;
}

.lione ul {
    margin-top: 35px;
}
.lione li {
    padding:6px;
}
/* MENU */
#divError {
    border:2px red solid;
    background-color:#ffdddd;
    margin:10px 0;
    padding:10px;
    display:none;
}
#divError > a{ 
    text-decoration:underline; 
}
#divError > div{
   display:none;
}
div[name="divErrorDesc"], #divErrorDesc {
    padding-left:25px;
}
.clear {
    clear: both;
}
.tab_list {
    clear:both;
    width:100%;  
    float:none;
}
.tab_list > span {
    float:left; 
    font-weight:bold;
    color:#838eb9;
    background-color:aliceblue;
    padding:5px 10px;
    margin-right:3px;
    border-top:1px #666 solid;
    border-left:1px #666 solid;
    border-right:1px #666 solid;
    cursor:pointer;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;

    background-color: #d5d5d5;
    background-image: -o-linear-gradient( #ffffff,#d5d5d5);
    }
span.tab_highlight {
    color:#333;  
    background-color: #9cbfe0;
    background-image: -o-linear-gradient( #cee3f7,#9cbfe0);
    }
.tab {
    clear:both;
}
tr.ui-state-hover {
    background-color:#eff0f0;
}
tr.ui-state-highlight{
    background-color:grey;
}

.divTop 
{
    border-bottom:1px solid #bacde6;
    margin:20px 0;
    padding:10px 0;
}
.Title 
{
    font-weight:bold;
    font-size:1.5em;
}