@charset "utf-8";

input[type="checkbox"],
input[type="radio"]{
    margin-right: 5px;
}

a:hover{
    cursor: pointer;
    text-decoration: underline;
}

input, label ,select {
    cursor: pointer;
}

img {
    vertical-align: top;
}

label {
    display: block; 
    word-break: break-all;
}

input[type="file"] {
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    position: absolute;
    right: 0;
    top: 0;
    margin: 0;
    font-size: 100px;
    cursor: pointer;
}

textarea {
    font-size: 14px;
    padding: 5px;
    border: 2px solid #999;
    width: 97.5%;
    -webkit-box-shadow: inset 3px 3px 3px #e0e0e0;
    -moz-box-shadow: inset 3px 3px 3px #e0e0e0;
    box-shadow: inset 3px 3px 3px #e0e0e0;
}

.btnTheme01 a{
    display:inline-block;
    *display: inline;
    *zoom: 1;
    border: 1px solid #1A67CB;
    padding: 7px 12px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 1px 1px 3px #8b8b8b;
    -moz-box-shadow: 1px 1px 3px #8b8b8b;
    box-shadow: 1px 1px 3px #8b8b8b;
    text-decoration:none;
    color: #FFFFFF;
    font-size:16px;
    font-family: "Microsoft YaHei","微软雅黑",helvetica,arial,verdana,tahoma,sans-serif;
    background-image: linear-gradient(#47A4F4, #2E8EE2 5%, #2683D8);
    background-repeat: no-repeat;
}

.btnTheme01 a:hover{
    -moz-box-shadow: 0 0px 4px #575353;
    -webkit-box-shadow: 0 0px 4px #575353;
    box-shadow: 0 0px 4px #575353;
}

.btnTheme01 a:active{
    -moz-box-shadow: 0 0px 5px #383636 inset;
    -webkit-box-shadow: 0 2px 5px #383636 inset;
    box-shadow: 0 0px 5px #383636 inset;
}

.btnStyle02 a{
    display:inline-block;
    *display: inline;
    *zoom: 1;
    border: 2px solid #999;
    padding:10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 1px 1px 1px #999;
    -moz-box-shadow: 1px 1px 1px #999;
    box-shadow: 1px 1px 1px #999;
    text-decoration:none;
    background:#E4E4E4;
    color:#999;
}

.btnTheme02{
    display:inline-block;
    padding: 10px 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-decoration:none;
    color: #FFFFFF;
    font-size:12px;
    letter-spacing:2px;
    font-family: "Microsoft YaHei","微软雅黑",helvetica,arial,verdana,tahoma,sans-serif;
    background: #0080FF;
    text-align:center;
    min-width:60px;
}

.btnTheme02:hover{
    background: #84C1FF;
    text-decoration: none;
}

button.theme1{
    height:32px;
    font-size:14px;
    font-family: "Microsoft YaHei","微软雅黑",helvetica,arial,verdana,tahoma,sans-serif;
    border:1px solid #1A67CB;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #2C8CE0;
    background-image: linear-gradient(#47A4F4, #2E8EE2 5%, #2683D8);
    background-repeat: no-repeat;
    color: #FFFFFF;
    -webkit-box-shadow: 1px 1px 3px #8b8b8b;
    -moz-box-shadow: 1px 1px 3px #8b8b8b;
    box-shadow: 1px 1px 3px #8b8b8b;
    cursor: pointer;
}

button.theme1:hover{
    -moz-box-shadow: 0 0px 8px #575353;
    -webkit-box-shadow: 0 0px 8px #575353;
    box-shadow: 0 0px 8px #575353;
}

button.theme1:active{
    -moz-box-shadow: 0 0px 5px #383636 inset;
    -webkit-box-shadow: 0 0px 5px #383636 inset;
    box-shadow: 0 0px 5px #383636 inset;
}
/* input style
--------------------------------------------------*/
.inputTheme1{
    font-size:14px;
    padding: 5px;
    height:20px;
    border:1px solid #B8B1B1;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

/* 
--------------------------------------------
    section01 sta
--------------------------------------------
*/

#contents .sectionTitle{
    color:#3C3C3C;
    border-bottom: 2px solid #0077dd;
    margin-bottom: 10px;
    height: 30px;
}

#contents .sectionTitle h3{
    margin-bottom: 10px;
    font-size: 14px;
}

#contents .sectionTitle i{
    color:#0077dd;
    margin-right: 10px;
    font-size: 2em;
    vertical-align: -5px;
}

#contents .section01{
    padding: 10px;
    border: 1px #bbb solid;
    margin-bottom:20px;
    box-shadow: 0 1px 7px rgba(49, 49, 64, 0.1);
}

#contents .section01 .innerWrap{
    font-size: 12px;
}

#contents .section01 .innerWrap .subTitle {
    font-weight: bold;
    margin-bottom: 10px;
}

#contents .section01 .innerWrap .subImage {
    padding: 0 25px 10px 25px;
}

#contents .section01 .innerWrap .subImage img {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius:4px;
    width:100%;
}

#contents .section01 .innerWrap .userAtten {
    margin:3px 0;
}

#contents .section01 .innerWrap .userAtten li {
    float:left;
    width:30%;
    text-align:center;
    margin:0 2.5%;
}
#contents .section01 .innerWrap .userAtten li:first-child {
    margin-left:0px;
}

#contents .section01 .innerWrap .userAtten li:last-child {
    margin-right:0px;
}

#contents .section01 .innerWrap .userAtten li i{
    margin:auto;
    color: #0077dd;
    font-size:1.75em;
}

#contents .section01 .innerWrap .userAtten li a{
    display:block;
    color: #4F4F4F;
    font-size:12px;
}

#contents .section01 .innerWrap .userTool{
    margin-top:5px;
}

#contents .section01 .innerWrap .userTool li{
    margin-bottom:3px;
}

#contents .section01 .innerWrap li a i{
    color:#000;
    padding-right: 2px;
}

#contents .section01 .innerWrap .userTool li a{
    display:block;
    color:#000;
    letter-spacing:3px;
    background:#F0F0F0;
    padding: 4px 4px 4px 4px;
    border:1px solid #ffffff;
}

#contents .section01 .innerWrap .userTool li a:hover{
    border:1px solid #CCCCCC;
    text-decoration: none;
}

#contents .section01 .innerWrap .list li {
    margin-bottom: 10px;
}

#contents .section01 .innerWrap .list li a {
    display: block;
    line-height: 1.2;
}

/* 
--------------------------------------------
    section01 end
--------------------------------------------
*/

#contents .titleicon:before{
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 30px;
    height: 25px;
    background-position: 0 0;
    background-image:url(../image/icon_imgpt01.png);
    background-repeat: no-repeat;
}

#contents .titleicon{
    position: relative;
    padding-left:35px;
}

#contents .titleicon.iconGroup:before{
    background-position: 0 0;
}

/* 
--------------------------------------------
    ckBtn sta
--------------------------------------------
*/
#contents .ckBtn{
    padding: 5px 5px 5px 10px;
    background:#E2ECED;
    font-size: 14px;
}

#contents .ckBtn.active{
    background-color: #f9d99d;
}
/* 
--------------------------------------------
    ckBtn end
--------------------------------------------
*/

#contents .number {
    background: none repeat scroll 0 0 #0077dd;
    border-radius: 30px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    line-height: 1.1;
    margin-left: 5px;
    min-width: 8px;
    padding: 2px 4px;
    text-align: center;
    white-space: nowrap;
}