body,.ui-widget,.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: Microsoft JhengHei;
    font-size:15px;
}

/*text*/
.text_30px {
    font-size: smaller;
    line-height: 30px;
    color: #333;
}

.text_25px {
    font-size: medium;
    line-height: 25px;
    color: #252525;
}

.text_time {
    font-size: smaller;
    line-height: 25px;
    color: #000;
}

.text_subtext {
    font-size: smaller;
    line-height: 25px;
    color: #000;
}

.text_upload_file_num {
    font-size: smaller;
    line-height: 25px;
    color: #273c83;
}

.text_subtitle {
    font-size: smaller;
    line-height: 25px;
    color: #333;
}

.text_subtitle1 {
    font-size: smaller;
    line-height: 25px;
    color: #360;
}

.text-right {
    font-size: medium;
    text-align: right;
}


/*a*/
a:link {
    color: #000;
}

a:visited {
    color: #000;
}

a:hover {
    color: #000;
}

/*block*/
.footer {
    background-color: #d3cfcf;
    padding: 15px;
}

.content.container {
    margin-top: 15px;
    margin-bottom: 15px;
}

/*table*/
.dataGrid.table {
    border-color:#ABABAB !important;
}
.dataGrid.table > tbody > tr:nth-child(odd) {
    background-color: #F5F5F5;
}

.dataGrid.table > tbody th{
    background-color: #C6E89D;
    border-bottom-width: 2px;
    border-bottom-color: #68A61C;
    color: #272727;
    min-width: 50px;
}

.dataGrid.table > tbody > tr:last-child table {
    margin: 0 auto;
}


.dataGrid.table > tbody th > a {
    color: #272727;
}

/*form-table*/
.form-table tr:nth-child(odd){
    background-color:#eaf5dc;
}

/*Menu*/
.navbar {
    border-radius: 0;
}

.navbar-inverse {
    background-color: #F1F1F1;
    border-color: #F1F1F1;
    border-bottom-color: #fff;
    box-shadow: 0 1px 3px #B9B9B9
}

.navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:focus {
    background-color: #FFFFFF;
}

.navbar-inverse .navbar-toggle {
    border-color: #808080;
}
.navbar-inverse .navbar-toggle .icon-bar { background-color:#808080;}
.navbar-inverse .navbar-nav > li > a {
    color: #222222;
    font-size: 1.2em;
}

.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
    color: #7DB734;
}


.navbar-inverse .navbar-nav > .open > a,.navbar-inverse .navbar-nav > .open > a:hover,.navbar-inverse .navbar-nav > .open > a:focus {
    color: #fff;
    background-color: #92CD48;
}

.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form {
    border-color: #fff;
    text-align: center;
}

.dropdown-menu > li > a {
    font-size: 1.1em;
}

.dropdown-menu > li > a:hover {
    background-color: #DDEEC7;
}

/*width*/
.p80 {
    width:95%;
    max-width:80px;
}
.p800 {
    width:95%;
    max-width:800px;
}
.p600 {
    width:95%;
    min-width:600px;
}
.p500 {
    width:95%;
    min-width:500px;
}
.p400 {
    width:95%;
    min-width:400px;
}
.p300 {
    width:95%;
    min-width:300px;
}

.p200 {
    width:95%;
    min-width:200px;
}
.p100 {
    width:95%;
    min-width:100px;
}
.w80 {
    width:80%;
    max-width:200px;
}
.w60 {
    width:60%;
    max-width:160px;
}
.w40 {
    width:40%;
    max-width:110px;
}
.w35 {
    width:35%;
    max-width:80px;
}
.w25 {
    width:25%;
    max-width:60px;
}
.w20 {
    max-width:45px;
}







@media only screen and (max-width: 767px) {
    .navbar-nav {
        margin: 0 -15px;
    }

    .navbar-nav li {
        border-bottom: 1px #fff solid;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #131313;
        /*background-color: #DDEEC7;*/
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
        color: #131313;
        /*background-color: #ca84ca;*/
    }

    .navbar-nav .open {
        background-color: #DDEEC7;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > li {
        border-bottom: none;
        border-top: 1px #fff solid;
        background-color: #DDEEC7;
        padding: 1% 0;
    }

    .banner {
        display: none;
    }
}
/*-------wise---------*/
/* banner */
    #banner { height:100px; position:relative; background: url(../images/banner.jpg) repeat-x left bottom;}
    #banner .logo {position:absolute; left:0; bottom:0; z-index: 1;}
    #banner .bannerR {position:absolute; right:0; top:0; }
    @media only screen and (max-width: 768px) {
        #banner .bannerR { display: none;}
    }
    @media only screen and (max-width: 500px) {
        #banner , .logo{ height:60px;}
        #banner img{ height:100%;}
    }
/* button */
    .btn-default, .btn-default:hover, .btn-default:focus, .btn-default.focus,.btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
        border:1px solid #86B546; outline: 0; box-shadow: none; -webkit-box-shadow:none;
        background: #99D24D; color:#fff;
        background: linear-gradient(to bottom, #99D24D 0%,#85BB3E 100%);
    }
    .btn-success, .btn-success:hover, .btn-success:focus, .btn-success.focus,.btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success {
        border:1px solid #86B546; outline: 0; box-shadow: none; -webkit-box-shadow:none;
        background: #6ED1CC;
        background: linear-gradient(to bottom, #6ED1CC 0%,#44ADA6 100%);
    }
    .btn-warning, .btn-warning:hover, .btn-warning:focus, .btn-warning.focus,.btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning {
        border:1px solid #FFB752; outline: 0; box-shadow: none; -webkit-box-shadow:none;
        background: #FFA000;
        background: linear-gradient(to bottom, #FFA000 0%,#FF7E00 100%);
    }
    .btn-danger, .btn-danger:hover, .btn-danger:focus, .btn-danger.focus,.btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger {
        border:1px solid #FFB752; outline: 0; box-shadow: none; -webkit-box-shadow:none;
        background: #FFA000;
        background: linear-gradient(to bottom, #FFA000 0%,#FF7E00 100%);
    }
    .btn-primary, .btn-primary:hover, .btn-primary:focus, .btn-primary.focus,.btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
        border:1px solid #2578B2; outline: 0; box-shadow: none; -webkit-box-shadow:none;
        background: #30A8F4;
        background: linear-gradient(to bottom, #30A8F4 0%,#3F8CC5 100%);
    }
    .btn-info, .btn-info:hover, .btn-info:focus, .btn-info.focus,.btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info {
        border:1px solid #9AD8EE; outline: 0; color:#006A8E; box-shadow: none; -webkit-box-shadow:none;
        background: #F2FBFF;
        background: linear-gradient(to bottom, #F2FBFF 0%,#C5F1FF 100%);
    }
    .btn-default,.btn-success,.btn-warning,.btn-danger,.btn-primary,.btn-info {
        font-size:16px; line-height:1.2; padding:6px 11px; letter-spacing: 0px; text-align:center;
    }

/* table */
.dataGrid.table > tbody > tr:last-child table a,.dataGrid.table > tbody > tr:last-child table span{
    margin:0px 5px;
    padding:2px 7px;
    border:1px solid #6C6C6C;
}
.dataGrid.table > tbody > tr:last-child table span {
     background-color:#DFDFDF;
}
/* table */
.title { color:#1C1C1C; font-size:23px; font-weight:bold;}

/* tab */
.ui-tabs { padding:0;}
.ui-widget-header {
    border: 1px solid #FFFFFF;
    background: #68A61C;
    color: #333333;
    font-weight: bold;
    border-bottom-left-radius:0;
    border-bottom-right-radius:0;
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: #FFFFFF;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #171717;
}
.ui-widget-header .ui-state-default{
    border: 0;
    background: #92CD48;
    font-weight: normal;
    color: #FFFFFF;
}
.ui-tabs .ui-tabs-nav li {
    padding-bottom: 1px;
}
.ui-widget-header .ui-state-active{
    border: 1px solid #B7B7B7;
    background: #FFFFFF;
    font-weight: normal;
    color: #171717;
}
.ui-state-default a:focus,.ui-state-active a:focus {outline: 0;}

.ui-state-active{
    border: 0;
    background: #68A61C;
}

/* form */
input[type="text"],select { margin-left: 2px; height:27px;}
table label { margin:0 12px 0 2px;}

/* contact us */
.contact { padding:10px 10px; border:1px solid #D3D3D3 !important; background-color:#FFFFE5;}
.contact td { padding:5px; color:#262626;}
.contact .table-bordered { border:0;}
.clearfix {clear:both;}