@charset "utf-8";
/* CSS Document */

/* 全局 */
*{ margin: 0; padding:0; outline: none; box-sizing:border-box;}
html{ width: 100%; display: block;}
body{ width: 100%; font-size:100%; color:#565656; background-color:#fcfcfd; font-family:"Microsoft YaHei", "SimSun", "Segoe UI", "Verdana", "Helvetica", "Sans-Serif"; display: block;}
ul,ol,li{ list-style-type: none;}
a{ text-decoration: none;}
input{ font-family:"Microsoft YaHei", "SimSun", "Segoe UI", "Verdana", "Helvetica", "Sans-Serif";}
.clearfix:after{ content: "."; clear: both; display: block; height: 0; visibility: hidden;}

.headerContent{ width: 80%; height: 100%; min-width: 1000px; max-width: 1200px; margin:0 auto;}
.content{ width: 80%; height: 100%; min-width: 1000px; max-width: 1200px; margin:0 auto;}

/* 登录 */
.loginBody{ 
    height: 100%;
    background: #827961; /* Old browsers */
    background: -moz-linear-gradient(-45deg,  #827961 0%, #2c7988 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg,  #827961 0%,#2c7988 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg,  #827961 0%,#2c7988 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#827961', endColorstr='#2c7988',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
.loginForm{ width: 400px; height: 370px; background:#fff; position: relative; top:45%; left:50%; margin-top:-185px; margin-left: -200px; box-shadow: 0 0 12px 4px #555;}
.loginBox{ width: 76%; margin:0 auto; padding:20px 0 30px 0;}
.loginBox input[type="text"],.loginBox input[type="password"]{ width: 100%; height: 3em; line-height: 3em; font-size: .875em; text-indent: 4em; color:#00829c; border:#d6d6d6 1px solid; margin-bottom: 1.5em; background-repeat: no-repeat; background-position: left; background-size: contain;}
.loginBox input[type="text"]{ background-image: url(/images/user-icon.gif); appearance: none;}
.loginBox input[type="password"]{ background-image: url(/images/passworld-icon.gif);}
.loginBox input[type="submit"]{ 
    width: 100%; height: 2.5em; line-height: 2.5em; font-size: 1.125em; color:#fff; background-color:#4acdbb; border:0; cursor: pointer;
    transition:background-color .5s;
}
.loginBox input[type="submit"]:hover{ 
    background-color:#83a313;
    transition:background-color .5s;
}
.loginTitle{ height: 4em; line-height: 4em; color:#538086; font-size: 1.5em; text-align: center;}
.loginTitle span{ color:#aebab6;}
.loginError{ width: 100%; height: 3em; line-height: 3em; color:#cc6e91; font-size: .875em; text-align: center;}

.companyTitle{ width: 100%; text-align: center; font-size: .75em; color:#b0bbbd; display: block; position: absolute; bottom: 20px;}

/* 首页 */
.indexNavBox{ width: 100%;}
.indexNavBox h3{ font-size: 1.25em; font-weight: 500; padding-left:.5em;}
.indexNav{ width: 100%; padding:30px 0;}
.indexNav li{ 
    width: 24%; height: 5em; line-height: 5em; float: left; text-align: center; font-size:1em; background-color: #fff; margin:0.5%; border:#d4dcde 1px solid; cursor: pointer;
    transition:background-color .2s;
}
.indexNav li:hover{ 
    background-color:#83a313;
}
.indexNav li a{ 
    color:#646d78; width: 100%; height: 100%; display: block;
}
.indexNav li:hover a{ 
    color:#fff;
}

/* header */
.indexHeader{ 
    width: 100%; height: 72px; line-height: 72px; color:#fff;
    background: #009dd1; /* Old browsers */
    background: -moz-linear-gradient(top,  #009dd1 0%, #0093cd 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #009dd1 0%,#0093cd 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #009dd1 0%,#0093cd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009dd1', endColorstr='#0093cd',GradientType=0 ); /* IE6-9 */
}
.indexHeader p[name="UserName"]{ float: left;}
.indexHeader p[name="Exit"], 
.indexHeader p[name="ChangePassword"]{ 
    float: right; margin-left:.5em;
}
.indexHeader p[name="Exit"] a{ width: 100%; height: 100%; padding: 0 1em; display: block; cursor: pointer;}
.indexHeader p[name="Exit"] a:hover{ background:rgba(0,0,0,.1);}
.indexHeader p a{ color:#fff;}
.indexHeader h1[name="title"]{ float: left; font-size: 1.5em; font-weight: 500; letter-spacing:.2em;}

/* 控制行 */
.control{ padding:1em 0; margin:0 auto; float: right;}
.control a{ 
    height: 2em; line-height: 2em; font-size: .875em; display: block; float: right; color: #fff; background-color:#489403; padding:0 1em; margin-left: 1.5em; border:#387700 1px solid; border-radius: 4px;
    transition:background-color .2s, border .2s;
}
.control a:hover{ 
    background-color:#83a313; border:#83a313 1px solid;
    transition:background-color .2s, border .2s;
}

/* 查询行 */
.pollingList{ padding:1em 0 1em 1.5em; margin:0 auto; float: right;}
.pollingList input{ display: block; float: left;}
.pollingList input[type="text"]{ width: 18em; height: 28px; line-height: 28px; padding:0 .5em; border:#d0d5d7 1px solid; border-right: 0; border-radius:4px 0 0 4px;}
.pollingList ::-webkit-input-placeholder{ color:#97a6aa;}
.pollingList ::-moz-placeholder{ color:#97a6aa;}
.pollingList :-ms-input-placeholder{ color:#97a6aa;}

.pollingList input[type="submit"]{ 
    height: 2em; line-height: 2em; font-size: .875em; display: block; float: right; color: #2e3d42; background-color:#eceff0; padding:0 1em; cursor: pointer; border:#d0d5d7 1px solid; border-radius:0 4px 4px 0;
}

/* 表格 */
.tableTitle{ width:100%; height: 3em; line-height: 3em; font-size: 1.25em; font-weight: 500; color:#21283b; border-bottom: #aaaca7 1px solid; margin:10px 0 30px 0; display: block;}
.tableStyle{ width: 100%; border-top:#eeeff2 1px solid; border-left:#eeeff2 1px solid; background-color:#fff;}
.tableStyle th, .tableStyle td{ line-height: 1.5em; text-align: center; border-right:#eeeff2 1px solid; border-bottom:#eeeff2 1px solid; padding:.5em;}
.tableStyle th{ font-weight: 500; color:#31313d; white-space: nowrap;}
.tableStyle tr:hover td{ background-color:#f5fcfd;}
.tableStyle td{ font-size: .875em; font-weight: 400; color:#767676;}
.tableStyle td a{ color:#34c0e2;}
.tableStyle td a:hover{ color:#6b739f;}
.tableStyle td[name="handle"]{ white-space: nowrap;}
.tableStyle img{ max-width: 100%;}

.tableList{ width: 100%; border-top:#eeeff2 1px solid; border-left:#eeeff2 1px solid; background-color:#fff;}
.tableList th, .tableList td{ line-height: 1.5em; text-align: center; border-right:#eeeff2 1px solid; border-bottom:#eeeff2 1px solid; padding:.5em 1.5em;}
.tableList th{ width: 38.2%; font-weight: 400; color:#87989d; font-size: .875em; text-align: right;}
.tableList td{ font-size: 1em; font-weight: 400; color:#263134; text-align: left;}
.tableList td[name="handle"]{ white-space: nowrap;}

/* 表单 */
.formContent{ width: 96%; background-color:#fff; border:#eeeff2 1px solid; border-radius: 5px; padding:80px; margin:30px auto;}

.formBox div[class^="column"]{ float: left; margin-bottom: 32px; padding:0 40px;}

.column-1{ width: 100%;}
.column-2{ width: 50%;}

.formButton{ width: 100%; padding-top:20px; float: left;}

.formButton .goodbtn{ 
    width: 25%; height: 2em; line-height: 2em; background-color:#4acdbb; border:0; color:#fff; font-size: 1em; margin:0 auto; cursor: pointer; border-radius: 3px; display: block; letter-spacing:.2em;
    transition:background-color .5s;
}
.formButton .goodbtn:hover{ 
    background-color:#83a313;
    transition:background-color .5s;
}

.formButton .bedBtn{ 
    width: 25%; height: 2em; line-height: 2em; background-color:#4acdbb; border:0; color:#fff; font-size: 1em; margin:0 auto; cursor: pointer; border-radius: 3px; display: block; letter-spacing:.2em;
    transition:background-color .5s;
}
.formButton .bedBtn:hover{ 
    background-color:#574c88;
    transition:background-color .5s;
}

.formTitle{ height: 2em; line-height: 2em; color:#31313d;}
.formInput, 
.formTextarea{ 
    position: relative;
}
.formInput input, 
.formInput select{ 
    width: 100%; height: 2.5em; line-height: 2.5em; color:#31313d; font-size: .875em; text-indent: .8em; border:#ddd 1px solid; border-radius: 3px;
}
.formInput input:focus{ border:#44a4ff 1px solid;}
.formInput input.input-validation-error, 
.formTextarea textarea.input-validation-error{ 
    border:#ff4a22 1px solid; background-color: #fff;
}

.formInput .field-validation-error, 
.formTextarea .field-validation-error{ 
    font-size: .875em; color:#ff4a22; position: absolute; top:-1.7em; right: 0;
}

.formInput .but{}

.formTextarea textarea{ width: 100%; height: 12em; line-height: 1.5em; color:#31313d; font-size: .875em; padding:.8em; border:#ddd 1px solid; border-radius: 3px; font-family:"Microsoft YaHei", "SimSun", "Segoe UI", "Verdana", "Helvetica", "Sans-Serif";}
.formTextarea textarea:focus{ border:#44a4ff 1px solid;}
.formSelect select{ width: 100%; height: 2.5em; line-height: 2.5em; color:#31313d; font-size: .875em; text-indent: .8em; font-family:"Microsoft YaHei", "SimSun", "Segoe UI", "Verdana", "Helvetica", "Sans-Serif"; border:#ddd 1px solid; border-radius: 3px;}
.formRadio label{ margin:7px 2em 7px 0; float: left; display: block;}

/* 搜索行 */
.seek{ float: left; padding:1em 0;}
.seek .wDate{ width: 10em; height: 2em; line-height: 2em; padding:0 .5em; color:#31313d; font-size: .875em; margin-right: .5em; font-family:"Microsoft YaHei", "SimSun", "Segoe UI", "Verdana", "Helvetica", "Sans-Serif"; border:#ddd 1px solid; border-radius: 3px;}
.seek .wDate:focus{ border:#44a4ff 1px solid;}
.seek .goodbtn{ 
    width: 5em; height: 2em; line-height: 2em; background-color:#4acdbb; border:0; color:#fff; font-size: .875em; margin:0 auto; text-align: center; float: right; cursor: pointer; border-radius: 3px; display: block; letter-spacing:.2em;
    transition:background-color .5s;
}
.seek .goodbtn:hover{ 
    background-color:#83a313;
    transition:background-color .5s;
}

/* 页码 */
.pageNumber{ width: 100%; height: 30px; line-height: 30px; margin-top:10px;}
.pageNumber .pageInfo{ font-size: .75em; float: left;}
.pageNumber .pageSearch li{ float: left;}
.pageNumber .pageSearch{ float: right;}
.pageNumber .pageSearch li{ width: 2em; height: 2em; line-height: 1.9em; font-size: .75em; color:#767676; text-align: center; border:#d0d5d7 1px solid; margin:0 .2em; border-radius: 3px;}
.pageNumber .pageSearch li a{ width: 100%; height: 100%; color:#767676; display: block;}
.pageNumber .pageSearch li.active{ background-color: #009dd1; border:0;}
.pageNumber .pageSearch li.active a{ color:#fff;}

/* 课程表 */
.tableTitle{ width:100%; height: 3em; line-height: 3em; font-size: 1.25em; font-weight: 500; color:#21283b; border-bottom: #aaaca7 1px solid; margin:10px 0 30px 0; display: block;}
.syllabus{ width: 100%; border-top:#eeeff2 1px solid; border-left:#eeeff2 1px solid; background-color:#fff; margin:50px 0;}
.syllabus th, .syllabus td{ line-height: 1.5em; border-right:#eeeff2 1px solid; border-bottom:#eeeff2 1px solid; padding:.5em 1.5em;}
.syllabus th{ font-size: .875em; text-align: right; font-weight: 500; color:#31313d; background-color:#fafafa; white-space: nowrap;}
.syllabus th[colspan]{ text-align: center;}
.syllabus td{ font-size: .875em; font-weight: 400; color:#767676; text-align: left;}
.syllabus td[name="handle"]{ width: 10em; text-align: center;}
.syllabus td a{ color:#34c0e2;}
.syllabus td a:hover{ color:#6b739f;}
.syllabus img{ max-width: 100%;}

.tableList{ width: 100%; border-top:#eeeff2 1px solid; border-left:#eeeff2 1px solid; background-color:#fff;}
.tableList th, .tableList td{ line-height: 1.5em; text-align: center; border-right:#eeeff2 1px solid; border-bottom:#eeeff2 1px solid; padding:.5em 1.5em;}
.tableList th{ width: 38.2%; font-weight: 400; color:#87989d; font-size: .875em; text-align: right;}
.tableList td{ font-size: 1em; font-weight: 400; color:#263134; text-align: left;}

/* 餐厅表格 */
.restaurant{ width: 100%; border-top:#eeeff2 1px solid; border-left:#eeeff2 1px solid; background-color:#fff; margin:50px 0;}
.restaurant th, .restaurant td{ line-height: 1.5em; border-right:#eeeff2 1px solid; border-bottom:#eeeff2 1px solid; padding:.5em 1.5em;}
.restaurant th{ font-size: 1em; text-align: right; font-weight: 500; color:#31313d; background-color:#fafafa; white-space: nowrap;}
.restaurant th[colspan]{ text-align: center;}
.restaurant td{ font-size: 1em; font-weight: 400; color:#767676; text-align: left;}
.restaurant td[colspan]{ text-align: center;}
.restaurant td[name="handle"]{ width: 10em; text-align: center;}
.restaurant td a{ color:#34c0e2;}
.restaurant td a:hover{ color:#6b739f;}

/* 摄影评选 */
.pingXuanViewPage{}
.pingXuanViewPage .left{ width: 72%; float: left;}
.pingXuanViewPage .left h1{ line-height: 3em; font-weight: 500; font-size: 1.125em; color: #333333; display: block;}
.pingXuanViewPage .left .zuoPin{ width: 100%; position: relative;}
.pingXuanViewPage .left .zuoPin img{ width: 100%; display: block;}
.pingXuanViewPage .left .zuoPin img.flag{ width: 40px; height: 40px; display: block; position: absolute; top:15px; left: 15px;}
.pingXuanViewPage .left .zuoPin a{ 
    width: 6em; line-height: 2em; line-height: 2em; color:#fff; background-color: rgba(0,0,0,.4); text-align: center; display: block; position: absolute; top:15px; right: 15px; border-radius: 5px;
    transition:background-color .5s;
}
.pingXuanViewPage .left .zuoPin a:hover{
    background-color:#333;
    transition:background-color .5s;
}
.pingXuanViewPage .right{ width: 28%; padding-left:62px; padding-top:6em; float: right;}
.pingXuanViewPage .right i{  font-size: 1.1em;}
.pingXuanViewPage .right .yes, 
.pingXuanViewPage .right .no{ 
    width: 90%; line-height: 3em; line-height: 3em; font-size: 1.5em; text-align: center; color: #fff; margin:40px auto; background-color: #333333; display: block; border-radius: 8px;
    transition:background-color .5s;
}
.pingXuanViewPage .right .yes:hover{ 
    background-color:#83a313;
    transition:background-color .5s;
}
.pingXuanViewPage .right .no:hover{ 
    background-color:#f9265b;
    transition:background-color .5s;
}
.pingXuanViewPage .right p{ width: 100%; line-height: 1.5em; font-size: .875em; margin-bottom:1.5em; display: block;}
.pingXuanViewPage .right p span{ color: #000; font-weight: 500;}
.pingXuanViewPage .bottom{ width: 15em; margin: 30px auto;}
.pingXuanViewPage .bottom .bnt1, .pingXuanViewPage .bottom .bnt2{ width:6em; line-height: 2em; line-height: 2em; background-color: #333333; color: #fff; text-align: center; font-size: .1.25em; display: block; border-radius: 4px;}
.pingXuanViewPage .bottom .bnt1{ float: left;}
.pingXuanViewPage .bottom .bnt2{ float: right;}

/* footer */
.footer{ padding:2em 0; clear: both;}