@charset "utf-8";
body { font-family: "Segoe UI", "微软雅黑"; font-size:16px; }
body, div, dl, dt, dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquoteth,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;
}
body{ font-family: "微软雅黑";background-color:#fff; color:#333;}
fieldset,img {border:0;}
address,caption, cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th{text-align:center;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before, q:after{content:' '}
abbr,acronym,input,textarea {border:0;vertical-align:middle;}
a{ text-decoration:none; color:#333;outline:none}
a:hover{color:#000;}
.autocomplete
{
    border: 1px solid #9ACCFB;
    background-color: white;
    text-align: left;
    width: 260px;
}
.autocomplete li
{
    list-style-type: none;
}

#loop-div {
      position: absolute;
      top: 45%;
      left: 48%;
      display: none;
}
#WaitFor {
    font-size: 60px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 99;
    display: none;
}
.span01 {
    color: red;
    font-size: 16px;
    font-weight: bolder;
}
.wenzi {
    color: red;
    font-size: 14px;
    font-weight: bolder;
}
.btnGoto {
    background: url(../Images/go1.gif);
    border: 0;
    border: 0;
    margin: 2px;
    width: 29px;
    height: 16px;
}

.textstyle {
    border: 1px solid #587FBC;
    width: 192px;
    padding-left: 2px;
    line-height: 22px;
}

.readonlytextstyle {
    border: 1px solid #587FBC;
    background-color: #ECE9D8;
    line-height: 22px;
}

.input01 {
    display: inline-block;
    padding: 2px 8px;
    height: 32px;
    margin: 0 2px;
    border-style: solid;
    border-width: 1px;
    border-radius: 4px;
    text-decoration: none;
    transition: 0.6s;
    background: #fff;
    min-width: 80px !important;
    background-color: #e8eff4;
    color: #0A246A;
    border-color: #0A246A;
}

.input01:hover {
     transition: 0.2s;
     color: red !important;
     border-color: red !important;
}

.input02 {
    display: inline-block;
    padding: 4px 8px;
    height: 32px;
    margin: 0 2px;
    border-style: solid;
    border-width: 1px;
    border-radius: 4px;
    text-decoration: none;
    transition: 0.6s;
    border-color: #069;
    color: #069;
    background: #fff;
}

 .input02:hover {
    transition: 0.2s;
    color: red !important;
    border-color: red !important;
}

#page_content_body > div.panel-container-main { color:#333; font-family: "Segoe UI", "微软雅黑"; width: 100%; margin: 0 auto 0 auto; }
.screen-light-dark #page_content_body > div.panel-container-main { color: #CCC; }
.panel-cascade table { width: auto; }
.middleContent { text-align: center; }

#page_covers_panels_tabs_container table, .cascadePanel > table {
    width: auto;
}
div#page_b_notification > .notification-popup-container > .container-title {
    background-color: #08E;
    height :32px;
}
.screen-light-bright div#page_header { background-color: #08E; border-bottom-color: #08E; }
#page_covers_panels {
    left: 43px;
}
#page_covers_panels_tabs {
    position: absolute;
    right: 0;
    top: 45px;
    left: 0;
    z-index: 100000;
}
/*列表*/
#divList {overflow-x:scroll}
#divList table, .panel-table-instances { border: solid 1px #6CF; background-color: #FFF; padding: 1px; }
#divList tr > th, .panel-table-instances tr > th { font-weight: normal; }
div table.panel-table-instances { margin-bottom: 10px; }
div table.panel-table-instances tr > td, #divList tr > th, #divList tr > td { line-height: 24px; padding: 1px; margin: 0;border-right: solid 1px #6CF; }
div table.panel-table-instances > thead > tr { color: #FFF; background-color: #6CF; }
div table.panel-table-instances > tbody > tr.list-item-alt-odd { background-color: #FFF; }
div table.panel-table-instances > tbody > tr.list-item-alt-even { background-color: #F3F3F3; }
div table.panel-table-instances > tbody > tr:hover { background-color: #CEF; }
div table.panel-table-instances > tbody > tr.link-item-active-selected { background-color: #ffc500; }
div table.panel-table-instances th { text-align: left; }
.screen-light-dark div table.panel-table-instances tr > td, #divList tr > th, #divList tr > td { border-right-color: #6CF; }
.screen-light-bright div table.panel-table-instances > thead > tr { color: #FFF; background-color: #6CF; }
.screen-light-bright div table.panel-table-instances > tbody > tr.list-item-alt-odd { background-color: #FFF; }
.screen-light-bright div table.panel-table-instances > tbody > tr.list-item-alt-even { background-color: #F3F3F3; }
.screen-light-bright div table.panel-table-instances > tbody > tr:hover { background-color: #CEF; }
.screen-light-bright div table.panel-table-instances > tbody > tr.link-item-active-selected { background-color: #ADE; }
.screen-light-bright div table.panel-table-instances th { text-align: left; }
.screen-light-dark div table.panel-table-instances > thead > tr { color: #000; background-color: #6CF; }
.screen-light-dark div table.panel-table-instances > tbody > tr.list-item-alt-odd { background-color: #111; }
.screen-light-dark div table.panel-table-instances > tbody > tr.list-item-alt-even { background-color: #222; }
.screen-light-dark div table.panel-table-instances > tbody > tr:hover { background-color: #08E; }
.screen-light-dark div table.panel-table-instances > tbody > tr.link-item-active-selected { background-color: #06B; }
.screen-light-dark div table.panel-table-instances th { text-align: left; }

#divList_table thead th, #divList thead th, .panel-table-instances thead th { background-color:#76aef0; border-color:#dbe8f2; padding-left:3px; }
#divList_table tbody td, #divList tbody td {border-color:#dbe8f2; overflow: visible; padding-left:1px; }

#divListall_table thead th, #divList thead th {
    background-color: #76aef0;
    border-color: #dbe8f2;
    padding-left: 3px;
    line-height: 33px;
}
#divListall_table tbody td, #divList tbody td {border-color:#dbe8f2; overflow: visible; padding-left:1px; }

#divModulList_table thead th { background-color:#76aef0; border-color:#dbe8f2; padding-left:3px; }
#divModulList_table tbody td {border-color:#dbe8f2; overflow: visible; padding-left:1px; }

#divListPerson_table thead th { background-color:#76aef0; border-color:#dbe8f2; padding-left:3px; }
#divListPerson_table tbody td {border-color:#dbe8f2; overflow: visible; padding-left:1px; }


#divnotic_table { border: solid 1px #6CF; background-color: #FFF; padding: 1px; }
#divnotic_table thead th { background-color:#76aef0; border-color:#dbe8f2; font-size:16px; padding-left:3px; font-weight:bold;}
#divnotic_table tbody td {border-left: 1px solid #dbe8f2; overflow: visible; padding-left:3px; font-size:16px;}

div .panel-table-instances > tbody > tr > td {
            overflow: hidden; text-overflow: ellipsis;  max-width: 200px;
        }
#page_content {
            overflow-x: auto;
        }

.menu-nav-v div > table.panel-table-instances > thead > tr > td, .menu-nav-v div > table.panel-table-instances > thead > tr > th, .menu-nav-v div > table.panel-table-instances > tbody > tr > td, .menu-nav-v div > table.panel-table-instances > tbody > tr > th, .menu-nav-v div > table.panel-table-instances > tfoot > tr > td, .menu-nav-v div > table.panel-table-instances > tfoot > tr > th { border-style: none; border-width: 0; padding-top: 3px; padding-bottom: 3px; }

.ouktech-column-name { text-shadow: 1px 1px 1px white; min-width: 60px; }
.ouktech-column-email { color: #08E; }

/* 登录  background-image:url(../../Images/img/loginbg1.jpg);*/ 
div.account-panel-login {
    background-repeat: repeat; background-position-x: center; width: 100%; height: 840px; top: 0; bottom: 0; left: 0; right: 0; margin: 0; padding: 0;
}
div.account-panel-login > div.panel-container-main { margin: 0 auto; }
div.account-panel-login > div.panel-container-main div.panel-form-basic { margin-top: 80px; }
div.account-panel-login > div.panel-container-main > div.panel-form-basic > div > div.field-property > div > span.field-input-textbox > input { 
    width: 100%;
}

html .account-panel-login > div.panel-container-main {
    width: 100%; max-width: 1000px;
}
html .screen-light-bright .account-panel-login > div.panel-container-main > div.panel-form-basic,
html .screen-light-dark .account-panel-login > div.panel-container-main > div.panel-form-basic {
    box-shadow: none;
    padding: 40px;
    margin: 60px auto;
}
html .screen-light-bright .account-panel-login > div.panel-container-main > div.panel-form-basic {
    background-color: #F9F9F9;
}
html .screen-light-dark .account-panel-login > div.panel-container-main > div.panel-form-basic {
    background-color: #191919;
}
div.account-panel-login > div.panel-container-main > div.panel-form-basic {
    position: absolute; left: 0; right: 0; width: 100%; max-width: 640px;
}
div.panel-form-basic > div > div.list-buttons > a.link-button-submit:link,
.panel-form-basic > div > div.list-buttons > a.link-button-submit:visited {
    background-color: #1F95FF;
}
html .account-panel-login > div.panel-container-main > div.panel-form-basic > div > div.list-buttons > a.link-button-submit,
html .account-panel-login > div.panel-container-main > div.panel-form-basic > div > div.list-buttons > a.link-button-action {
    padding: 10px;
    border-radius: 4px;
}
html #page_covers_panels_container .account-panel-login > div.panel-container-main > div.panel-form-basic > div > h4 {
    color: rgba(51, 162, 204, 1);
    text-align: center;
}
html .screen-light-bright .account-panel-login > div.panel-container-main > div.panel-form-basic > div > div.field-property > div > span.field-input-textbox > input {
    background-color: white;
}
html .screen-light-dark .account-panel-login > div.panel-container-main > div.panel-form-basic > div > div.field-property > div > span.field-input-textbox > input {
    background-color: black;
}
html .account-panel-login > div.panel-container-main > div.panel-form-basic > div > div.field-property > div > span.field-input-textbox > input {
    border-radius: 5px;
    padding-left: 66px;
}
html .account-panel-login > div.panel-container-main > .panel-form-basic > div > div.list-buttons {
    text-align: center;
}
html .account-panel-login > div.panel-container-main > .panel-form-basic > div > div.field-property > div:first-child {
    line-height: 24px;
    width: 54px;
    border-right: 1px solid #CCC;
    position: absolute;
    top: 4px;
    left: 10px;
}
html .panel-form-basic > div > div.field-property {
    position: relative;
}

.account-panel-login > div.panel-container-main > div.panel-form-basic > div > div.field-property > div > span.field-input-textbox > input {
    width: 100%;
    height: 40px;
    line-height: 40px;
    border: 1px solid #b2b2b2;
    -webkit-box-sizing: border-box;
}
html .account-panel-login > div.panel-container-main > div.panel-form-basic > div > div.list-buttons > a.link-button-submit + a.link-button-action {
    display: none;
}

/* 选项卡 */
body.screen-light-bright #page_covers_panels_tabs > div > div > a.link-item-active-selected, body.screen-light-bright #page_covers_panels_tabs_container > table > tbody > tr > td > a.link-item-active-selected { background-color: #08E; }
.screen-light-bright div#page_covers_panels_tabs { border-bottom-color: #08E; }

/* 課程表 */
table.weekContainer { width: 100%; }
table.weekContainer div.borderContainer { border-color: #CCC;margin-top: 10px; }
table.weekContainer div.selectionContainer > div { margin-bottom: 10px; }

table.weekTable { width: 100%; background-color: #EEE; margin: 0 0 20px 0; }
table.weekTable > caption { color: #333; line-height: 30px; font-size: 16px; margin: 0; padding: 0; font-weight: normal; font-style: normal; text-align: left; }
table.weekTable > thead > tr > th, table.weekTable > tbody > tr > td, table.weekTable > tfoot > tr > td { text-align: center; }
table.weekTable > thead > tr > th { width: 40px; background-color: #EEE; }
table.weekTable > thead > tr > th + th { width: 120px; }
table.weekTable > thead > tr > th { height: 50px;border: 1px solid #CCC; }
table.weekTable > tbody > tr > td, table.weekTable > tfoot > tr > td { background-color: #FFF; text-align:center; height: 50px;border: 1px solid #CCC;}
table.weekTable > tbody > tr > td.link-item-active-selected { background-color: #6CF; }

div.weekSearchContainer { color: #FFF; background-color: #5bb3eb; padding: 10px;vertical-align: top; }
div.weekSearchContainer > div { display: inline-block; margin-right: 5px; }
div.weekSearchContainer > div > a, div.weekSearchContainer > div > a:visited { color: #FF9; }
div.weekSearchContainer > div > select { color: #FF9;background-color: #5bb3eb;border: solid #FFF 1px; }

div.commentContainer { border: solid #CCC 1px;background-color: #EEE; }
div.commentContainer > div { margin: 10px; }
div.commentContainer > div.commentContent { padding: 10px; margin: 0; background-color: #FFF; }
div.commentContainer > div.commentContent > textarea { width: 100%;border-style: none;border-width: 0;overflow-y: visible; }
table.weekContainer td.panel-container-main
{
    width: 900px;
}

table.weekContainer td.panel-container-main > div
{
    width: 880px;
}

#page_covers_panels_container > .panel-pop-menu > .panel-container-main > .panel-cascade,
#page_covers_panels_container > .panel-pop-menu > .panel-container-main > .account-panel-login {
    padding-top: 45px;
}

/*编辑区*/
#divEdit, #regForm, .commonEditableForm { margin-top: 10px; margin-bottom: 10px; }
#divEdit .field-property, .commonEditableForm .field-property { display: inline-block; margin-bottom: 5px; }
#divEdit .field-property > div, .commonEditableForm .field-property > div { display: inline-block; }
#divEdit .field-property > div > label, .commonEditableForm .field-property > div > label { width: 100px; }
#divEdit .field-input-textbox > input[type="text"], 
#divEdit .field-input-textbox > input[type="email"], 
#divEdit .field-input-textbox > input[type="tel"], 
#divEdit .field-input-textbox > input[type="password"],
#divEdit .field-input-textbox > input[type="number"],
#divEdit .field-input-textbox > input[type="date"],
#divEdit .field-input-textbox > select, 
#divEdit .field-input-textbox > textarea, 
#regForm .field-input-textbox > input[type="text"],
#regForm .field-input-textbox > input[type="email"], #regForm .field-input-textbox > input[type="tel"], 
#regForm .field-input-textbox > input[type="password"], #regForm .field-input-textbox > select,
.commonEditableForm .field-input-textbox > input[type="text"], 
.commonEditableForm .field-input-textbox > input[type="email"], 
.commonEditableForm .field-input-textbox > input[type="tel"], 
.commonEditableForm .field-input-textbox > input[type="password"],
.commonEditableForm .field-input-textbox > input[type="number"],
.commonEditableForm .field-input-textbox > input[type="date"],
.commonEditableForm .field-input-textbox > select {
    width: 260px; line-height: 30px; min-height: 30px;padding: 1px;box-sizing: border-box;border-color: #69F;
}
#divEdit div.field-input-textbox > input[type="text"].errorField,
#divEdit div.field-input-textbox > input[type="email"].errorField,
#divEdit div.field-input-textbox > input[type="tel"].errorField,
#divEdit div.field-input-textbox > input[type="password"].errorField,
#divEdit div.field-input-textbox > select.errorField,
.commonEditableForm div.field-input-textbox > input[type="text"].errorField,
.commonEditableForm div.field-input-textbox > input[type="email"].errorField,
.commonEditableForm div.field-input-textbox > input[type="tel"].errorField,
.commonEditableForm div.field-input-textbox > input[type="password"].errorField,
.commonEditableForm div.field-input-textbox > select.errorField {
    border-color: #F60;
}
.commonEditableForm .field-property .divLabelStyle{width:90px}
#divEdit input[type="button"], .commonEditableForm input[type="button"] { padding: 5px 10px; margin: 0; }

/*评论*/
.c_img{ position:absolute; top:0; left:0;}
.commentContainer, .myCommentContainer{ padding:3px; position:relative; margin-bottom:10px; border:1px solid #6CF; width: 98% }
.commentContainer{ background:#EEE; }
.myCommentContainer{ margin-bottom:10px;background:#FFF; }
.commentContainer div.commentHeader, .myCommentContainer div.commentHeader{ color:#999;font-size: 14px;font-weight: normal; line-height:16px; margin-bottom:10px; }
.myCommentContainer p { color:#666;margin: 5px 0; }

#page_containers_body_main_container > div.panel-container-main {
    width: 1100px; min-height: 260px; margin: 0 auto; text-align: left; vertical-align: top; padding-left:10px;
}
div.ouktech-edusti-ctr-tile-head {
    font-size: 20px; margin: 20px 0 10px 0;
}
div.ouktech-edusti-ctr-tile-head > strong {
    color: #999; font-weight: lighter;
}
div.ouktech-edusti-ctr-tile-item {
    width: 150px; height: 32px; text-align: left; overflow: hidden;
}
div.ouktech-edusti-ctr-tile-item > a {
    color: #333; display: block; text-decoration: none;
}
div.ouktech-edusti-ctr-tile-item > a > img, div.ouktech-edusti-ctr-tile-item > a > strong, div.ouktech-edusti-ctr-tile-item > a > span {
    display: block;
}
div.ouktech-edusti-ctr-tile-item > a > img {
    width: 150px; height: 205px; background-color: #EEE;
}
div.ouktech-edusti-ctr-tile-item > a > strong {
    line-height: 30px; min-height: 65px; max-height:65px; overflow-x:hidden; font-size: 20px; font-weight: normal;
}

/*list 宽*/
#page_containers_body_main_container > div.panel-container-main-big {
    width: 1100px; min-height: 260px; margin: 0 auto; text-align: center; font-size:24px; vertical-align: top; 
}
div.ouktech-edusti-ctr-tile-head-big {
    font-size: 20px; margin: 20px 0 10px 0;
}
div.ouktech-edusti-ctr-tile-head-big > strong {
    color: #999; font-weight: lighter;
}
div.ouktech-edusti-ctr-tile-item-big {
    width: 100%;  text-align: left;  min-width:800px;
}
div.ouktech-edusti-ctr-tile-item-big > a {
    color: #333; display: block; text-decoration: none; 
}
div.ouktech-edusti-ctr-tile-item-big > a > img, div.ouktech-edusti-ctr-tile-item > a > strong, div.ouktech-edusti-ctr-tile-item > a > span {
    display: block;
}
div.ouktech-edusti-ctr-tile-item-big > a > img {
    width: 100%; height: 205px; background-color: #EEE;
}
div.ouktech-edusti-ctr-tile-item-big > a > strong {
    line-height: 30px; min-height: 65px; max-height:65px; overflow-x:hidden; font-size: 20px; font-weight: normal;
}
.screen-light-bright div ul.panel-tiles-instances > li:hover {
    background-color: transparent
}
.screen-light-dark div ul.panel-tiles-instances > li:hover {
    background-color: transparent
}


/*新样式*/
#bodyContent {padding:5px;}
#page_content_body #divSearch { line-height:30px; margin-top:5px; margin-bottom:5px;}
#divSearch .link-button-action { line-height:20px;}
#divSearch .form-control { border:1px solid #CCC; height:26px; line-height:26px;}

#divEdit .field-property, .commonEditableForm .field-property { margin-bottom:3px;}
.commonEditableForm #divEdit .field-property .field-input-textbox .inputtext { line-height:24px; height:24px; border:1px solid #999;}
#divEdit .field-property .field-input-textbox .form-control {line-height:24px; height:24px;border:1px solid #999;}

.divimg {  position: relative;
    z-index: 1000;
}
.divbigimg {  
    display: block;
    left: -500px;
    position: absolute;
    top: 0;
    width: 500px;
    z-index: 10000000;
}
.divbigimg img{  
    width: 100%;
}
.divappbigimg {
    display: block;
    left: -510px;
    position: absolute;
    top: 0;
    width: 500px;
    z-index: 10000000;
}
.divappbigimg img{  
    width: 100%;
}
.pagingContainer {clear: both;
}
#page_covers_panels_container > div.panel-pop-menu {
z-index :101;}

/* Covers */

.ouk-pop-dialog {
background-color: white;
    border: 1px solid #999;
    border-radius: 4px;
    box-shadow: 1px 1px 1px #999;
    min-height : 360px;
    margin: 100px auto;
    padding:0;
    width: 980px;	
}

.ouk-pop-dialog-button {
background-color: white;
    border: 1px solid #999;
    border-radius: 4px;
    box-shadow: 1px 1px 1px #999;
    line-height:25px;
    padding:10px;	
    width: 100%;	
}
.ouk-pop-dialog-content {
background-color: white;
    border: 1px solid #999;
    border-radius: 4px;
    box-shadow: 1px 1px 1px #999;
    min-height : 360px;
    padding:10px;
    width: 100%;	
}

#page_header, #page_header > .panel-container-main {
    display: none;
}
#page_covers_panels_container > .panel-pop-menu > .panel-container-main > .panel-cascade {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/*#page_covers_panels_footer, #page_covers_panels_footer > .panel-container-main {
    display: none;
}*/
.sy_pop_box{ background-color: #5bb3eb; color:#fff;  line-height:38px; padding:0 10px; font-size:16px;}
.sy_pop_box span{ float:right;}
.sy_pop_box span img{ width:15px; height:15px;}
.sy_site_box{ line-height:24px; padding:15px;}

.table_content
{
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 130px;
}
#page_b_notification {
    z-index: 1000000;
}