:focus{
    outline : 0 !important;
}
/*全局輸入物件-----------------------------------------------------------------*/

.ipt{
    color:#666;
    border: 1px solid #ddd;
    padding: 5px;
    font-size: 12px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

.ipt:hover,
.ipt:focus{
    box-shadow: 0px 0px 10px #58ACFA;
    border: 1px solid #fff;
}

.ipt:disabled{
    box-shadow: none;
    border: 1px solid #999;
    background-color: #eee;
    color:#444;
    -webkit-user-select: none;
    cursor:no-drop;
}

.ipt.theme_alarm,
.ipt.theme_alarm:hover,
.ipt.theme_alarm:focus{
    border: 1px solid #f00;
    box-shadow: none;
}

.ipt.center{
    text-align: center;
}

.ipt.right{
    text-align: right;
}

.txta{
    color:#666;
    border:1px solid #ddd;
    padding:10px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    resize: none;
}

.txta:hover,
.txta:focus{
    box-shadow: 0px 0px 10px #588CFF;
    border: 1px solid #fff;
}
/*-----------------------------------------------------------------全局輸入物件*/
/*全局標簽物件-----------------------------------------------------------------*/
.mark{
    margin-left: 5px;
    top: -2px;
    position: relative;
    padding: 4px 10px;
    border:1px solid #fff;
    background-color:#fff;
    font-size: 12px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    color:#444;
    -webkit-user-select: none;
    cursor: crosshair;
    border: 1px solid #999;
}

.mark.light{
    border:1px solid #fff;
}

.mark.right{
    float: right;
}

.mark.theme_alarm{
    background-color: #C11100;
    color:#fff;
}

.mark.theme_primary{
    background-color:#1295FF;
    color:#fff;
}

.mark.theme_fresh{
    background-color: #007A38;
    color:#fff;
}

/*-----------------------------------------------------------------全局標簽物件*/
/*全局按鈕主題-----------------------------------------------------------------*/
.btn{
    position: relative;
    border: 1px solid #fff;
    padding: 4px 10px;
    color:#444;
    background-color:#fff;
    font-size: 14px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    cursor: pointer;
}

.btn:hover,
.btn:focus{
    color:#444;
    background-color:#ccc;
}


.btn:active{
    top:1px;
}

.btn.theme_warning{
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
}

.btn.theme_warning:hover,
.btn.theme_warning:focus{
    color: #fff;
    background-color: #f39800;
    border-color: #985f0d;
}

.btn.theme_warning:disabled{
    background-color:#999;
    border: 1px solid #444;
    color:#fff;
    text-shadow: none;
    cursor: not-allowed;
}

.btn.theme_primary{
    text-shadow:0px 0px 5px #333;
    background-color:#2E9AFE;
    border: 1px solid #666;
    color:#fff;
}

.btn.theme_primary:hover,
.btn.theme_primary:focus{
    background-color:#63b9ee;
}

.btn.theme_primary:disabled{
    background-color:#999;
    border: 1px solid #444;
    color:#fff;
    text-shadow: none;
    cursor: not-allowed;
}

.btn.theme_alarm{
    background-color: #990000 ;
    border:1px solid #990000 ;
    color:#fff ;
}

.btn.theme_alarm:hover,
.btn.theme_alarm:focus{
    background-color: #bb0000 ;
    border:1px solid #fff ;
    color:#fff ;
}

.btn.theme_alarm:disabled{
    background-color: #990000 ;
    border:1px solid #990000 ;
    color:#fff ;
    opacity:0.6;
    cursor: not-allowed;
}

.btn.theme_consise{
    background-color: #bbb;
    border:1px solid #fff ;
    color:#fff ;
    text-shadow: 1px 1px 3px #000;
}

.btn.theme_consise:hover,
.btn.theme_consise:focus{
    background-color: #fff ;
    border:1px solid rgba(30%,60%,100%,0.7) ;
    color:#777 ;
    text-shadow: none;
}

.btn.theme_consise:disabled{
    background-color: #eee ;
    border:1px solid #ddd ;
    color:#333 ;
    opacity: 0.6;
    cursor: not-allowed;
}

.btn.theme_fresh{
    background-color: rgba(25%,65%,25%,0.9);
    border: 1px solid rgb(20%,40%,20%);
    text-shadow: 0px 0px 5px #333;
    color:#fff;
}

.btn.theme_fresh:hover,
.btn.theme_fresh:focus{
    background-color: rgba(25%,65%,25%,1);
}

.btn.theme_fresh:disabled{
    background-color: rgba(25%,65%,25%,1);
    border: 1px solid rgb(20%,40%,20%);
    text-shadow: 0px 0px 5px #333;
    color:#fff;
    opacity: 0.6;
    cursor: not-allowed;
}
/*------------------------------------------------------------------全局按鈕主題*/

/*表單樣式---------------------------------------------------------------------*/
label {
    font-size: 14px;
}

.form_head{
    position: relative;
    display: block;
    padding:10px 20px;
    font-size: 22px;
    text-shadow: 1px 1px 5px #000;
}

.form_line,
.form_h_line{
    margin: 5px 10px;
    
}

.form_line error,
.form_h_line error{
    color:#eee;
    text-shadow: 1px 1px 3px #000;
    font-size: 16px;
}

.form_ipt_group.form_h_line label{
    display: inline-block;
    padding:5px 10px;
    border-top: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
    border-left: 1px solid #bbb;
    border-right: 1px solid #bbb;
    background-color: #eee;
    color:#777;
    height: 15px;
    line-height: 15px;
    font-size: 12px;
    text-align: center;
    border-radius: 5px 0px 0px 5px;
    -webkit-border-radius: 5px 0px 0px 5px;
    -moz-border-radius: 5px 0px 0px 5px;
    -webkit-user-select: none;
    vertical-align: middle;
}

.form_ipt_group.form_h_line label.sub{
    padding: 5px 5px;
    border: none;
    background: none;
}

.form_ipt_group.form_h_line label + label{
    vertical-align: middle;
    padding:2px 15px;
    font-size: 12px;
    border-radius:  0px 5px 5px 0px;
    -webkit-border-radius: 0px 5px 5px 0px;
    -moz-border-radius: 0px 5px 5px 0px;
    background-color: #fff;
    border-right: 1px solid #ddd;
    width: 200px;
}

.form_ipt_group.form_h_line .ipt{
    vertical-align: middle;
    height: 15px;
    padding:5px;
    font-size: 12px !important;
    border-radius:  0px 5px 5px 0px;
    -webkit-border-radius: 0px 5px 5px 0px;
    -moz-border-radius: 0px 5px 5px 0px;
}

.form_ipt_group.form_h_line .btn{
    vertical-align: middle;
    font-size: 12px;
    padding: 5px 15px;
}

.form_ipt_group.form_line .ipt:first-child{
    border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
}

.form_ipt_group.form_line .ipt{
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    margin-bottom: 1px;
}

.form_ipt_group.form_line .ipt:last-child{
    border-radius: 0px 0px 5px 5px;
    -webkit-border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
}

.form_ipt_group.form_line .ipt:hover,
.form_ipt_group.form_line .ipt:focus{
    z-index: 1;
}
/*---------------------------------------------------------------------表單樣式*/

.size_x1{
    padding: 5px;
    font-size: 14px;
}

.size_x2{
    padding: 5px 10px;
    font-size: 14px;
}

.size_xx{
    padding: 7px 15px;
    font-size: 14px;
}

.pos_auto{
    position: relative;
    box-sizing: border-box; /* Opera/IE 8+ */
    -webkit-box-sizing: border-box; /* Webkit */
    -moz-box-sizing: border-box; /* Firefox */
    width: 100%;
}

.line_left{
    text-align: left;
}

.line_center{
    text-align: center;
}

.line_right{
    text-align: right;
}