/************修正TYA樣式***********/
html, body {
    background:none;
}
.border-bottom {
	border-bottom: 1px solid #ebeff2;
}
.form-horizontal .control-label {
    padding-top: 7px;
    margin-bottom: 0px;
    text-align: right;
}
.col-md-1 {
    width:8.33%;
    float:left;
}
.col-md-3 {
    width:25%;
    float:left;
}
.col-md-6 {
    width:50%;
    float:left;
}
.col-md-9 {
    width:75%;
    float:left;
}
.nav.nav-tabs + .tab-content {
    margin-bottom:0px;
    padding:0px;
}
.card-box {
    border-radius:inherit;
    -webkit-border-radius:inherit;
    -moz-border-radius:inherit;
}
.tab-content {
    color:#000;
}
.tabs li.tab {
    height:40px;
    background-color:transparent;
}
.tabs li.tab a {
    height:auto;
    -moz-transition:none;
    -ms-transition:none;
    -o-transition:none;
    -webkit-transition:none;
    transition:none;
    background: -webkit-linear-gradient(#E1E1E1,#ADADAD);
    background: -o-linear-gradient(#E1E1E1,#ADADAD);
    background: -moz-linear-gradient(#E1E1E1,#ADADAD);
    background: linear-gradient(#E1E1E1,#ADADAD);
}
.tabs li.tab a:hover {
    background: -webkit-linear-gradient(#CACACA,#969696);
    background: -o-linear-gradient(#CACACA,#969696);
    background: -moz-linear-gradient(#CACACA,#969696);
    background: linear-gradient(#CACACA,#969696);  
}
.nav.nav-tabs > li.active > a {
    background-color:transparent;
    border-top:1px solid #696969;
    border-right:1px solid #696969;
    line-height:26px;
    height:21px; /*壓住border*/
}
.nav.nav-tabs > li > a, .nav.tabs-vertical > li > a {
    color:#000 !important;
    height:20px;
    line-height:24px;
    margin-top:20px;
    border-top:1px solid #696969;
    border-right:1px solid #696969;
    padding:0px;
    font-weight:normal;
    letter-spacing:normal;
    text-transform:none;
    font-family:'新細明體';
    font-size:12px;
    cursor:default;
}
.nav > li > a {
    padding:0px;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover, .tabs-vertical > li.active > a, .tabs-vertical > li.active > a:focus, .tabs-vertical > li.active > a:hover {
    color:#000 !important;
}
.tabs li.tab a.active {
    color:#000 !important;
    background: -webkit-linear-gradient(#FCFCFC,#E3E3E3);
    background: -o-linear-gradient(#FCFCFC,#E3E3E3);
    background: -moz-linear-gradient(#FCFCFC,#E3E3E3);
    background: linear-gradient(#FCFCFC,#E3E3E3);
}
.nav.nav-tabs > li > a:hover {
    color: #000 !important;
}
.nav.nav-tabs {
    box-shadow:none;
    -webkit-box-shadow:none;
}
.tab-content {
    box-shadow:none;
    -webkit-box-shadow:none;
    color:#000;
    min-height:258px;
    border:1px solid #696969;
}
.panel {
    border-radius:inherit;
    box-shadow:none;
    -webkit-box-shadow:none;
    
}
.portlet {
    border:none;
    -webkit-border-radius:inherit;
    border-radius:inherit;
    -moz-border-radius:inherit;
}
.form-horizontal .checkbox, .form-horizontal .radio {
    min-height:inherit;
}
.form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .radio, .form-horizontal .radio-inline {
    padding-top:0px;
}

/*select*/
select > option {
    font-size:13px;
}
.form-control {
    /*background-color: #FFFFFF;*/
    background: -webkit-linear-gradient(#FDFDFD,#DADADA);
    background: -o-linear-gradient(#FDFDFD,#DADADA);
    background: -moz-linear-gradient(#FDFDFD,#DADADA);
    background: linear-gradient(#FDFDFD,#DADADA);
    border: 1px solid #696969;
    border-radius: 3px;
    color: #000;
    padding: 0px 1px;
    height: 20px;
    font-family:'新細明體';
    font-size:12px;
}
.form-control:hover {
    background: -webkit-linear-gradient(#D0D0D0,#A8A8A8);
    background: -o-linear-gradient(#D0D0D0,#A8A8A8);
    background: -moz-linear-gradient(#D0D0D0,#A8A8A8);
    background: linear-gradient(#D0D0D0,#A8A8A8);    
}
.form-control:disabled {
    background: -webkit-linear-gradient(#FDFDFD,#EDEDED);
    background: -o-linear-gradient(#FDFDFD,#EDEDED);
    background: -moz-linear-gradient(#FDFDFD,#EDEDED);
    background: linear-gradient(#FDFDFD,#EDEDED); 
    color:#FDFDFD; 
}

/*radio*/
.radio input[type='radio'] {
    cursor:default;
}
.checkbox-inline, .radio-inline {
    cursor:default;
}
.checkbox label, .radio label {
    cursor:default;
}
.radio-warning input[type='radio']:checked + label::after {
    background-color:#696969;
}
.radio-warning input[type='radio']:checked + label::before {
    border-color:#696969;
}

/*決定radio checked*/
.radio label::after {
    -moz-transition: none;
    -o-transition: none;
    -webkit-transition: none;
    height: 6px;
    left: 4px;
    top: 4px;
    transition:none;
    width: 6px;
}
/*決定Radio外框*/
.radio label::before {
    -o-transition:none;
    -webkit-transition:none;
    background-color: transparent;
    background: -webkit-linear-gradient(#FDFDFD,#DADADA);
    background: -o-linear-gradient(#FDFDFD,#DADADA);
    background: -moz-linear-gradient(#FDFDFD,#DADADA);
    background: linear-gradient(#FDFDFD,#DADADA);
    border: 1px solid #696969;
    height: 14px;
    left: 0px;
    transition: none;
    width: 14px;
}
.radio label::before, .radio label::after {
    margin-top:2px;
}
.radio label:hover::before {
    background: -webkit-linear-gradient(#D0D0D0,#A8A8A8);
    background: -o-linear-gradient(#D0D0D0,#A8A8A8);
    background: -moz-linear-gradient(#D0D0D0,#A8A8A8);
    background: linear-gradient(#D0D0D0,#A8A8A8);    
}
.radio label {
    padding-left:0px;
}


/****追加****/
.div_layout {
    width:300px;
    height:300px;
    color:#000;
    border:1px solid #696969;
    padding:0px;
    margin-bottom:0px;
}
.div_outer {
    padding:10px;
}
th {
    color:#000;
    font-weight:normal;
}
tbody {
    color:#000;
}

.FormTable {
    width:100%;
    font-family:'新細明體';
    font-size:12px;
    margin-top:10px;
}
.FormTable th {
    text-align:right;
    line-height:22px;    
}
.FormTable td {
    text-align:left;
    line-height:22px;
    padding-left:10px;
}
.LetSpace3 {
    letter-spacing:6px;
}
.LetSpace2 {
    letter-spacing:24px;
}
.LetSpace1 {
    margin:0 18px;
}

.iconArrow:before {
    content: "\279B";
    font-size:20px;
    color:#6E6E6E;
    margin-right:9px;
    vertical-align:-3px;
}
.form-button {
    color: #000;
    background: -webkit-linear-gradient(#FDFDFD,#DADADA);
    background: -o-linear-gradient(#FDFDFD,#DADADA);
    background: -moz-linear-gradient(#FDFDFD,#DADADA);
    background: linear-gradient(#FDFDFD,#DADADA);
    border-radius: 3px;
    font-family:'新細明體';
    font-size:12px;
    line-height:25px;
    height:25px;
    border: 1px solid #696969;
}
.form-button:hover {
    background: -webkit-linear-gradient(#D0D0D0,#A8A8A8);
    background: -o-linear-gradient(#D0D0D0,#A8A8A8);
    background: -moz-linear-gradient(#D0D0D0,#A8A8A8);
    background: linear-gradient(#D0D0D0,#A8A8A8);    
}
.form-text {
    border:1px solid #696969;
    line-height:20px;
    height:20px;
    font-size:12px;
    font-family:'新細明體';
}

.floatLeft {
    float:left;
}
.locBtn {
    float:right;
    width:55px;
    margin:5px 12px 0px 0px;
}
.ImgStreetlight {
    width:100%;
    height:157px;
    background:url('../Images/streetlight.png') no-repeat;
}

/* Accessible focus indicator */
a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus,
[tabindex]:focus {
    /* orange focus outline for better visibility */
    outline: 3px solid #ff6600 !important;
    outline-offset: 2px;
}
/* ensure form-control elements keep the orange outline */
input.form-control:focus,
select.form-control:focus {
    outline: 3px solid #ff6600 !important;
    outline-offset: 2px;
}
/* show orange outline around custom radio buttons */
.radio input[type="radio"]:focus + label::before {
    outline: 3px solid #ff6600 !important;
    outline-offset: 2px;
}