﻿body
{
    font-size: 14px;
    font-family: Microsoft Yahei;
    line-height: 25px;
    color: Gray;
    margin: 0px;
}
a:link
{
    color: Gray;
    text-decoration: none;
}
a:visited
{
    color: Gray;
    text-decoration: none;
}
a:hover
{
    color: #0B92AF;
    text-decoration: underline;
}
.button
{
    background-color: #508DD8;
    width: 150px;
    padding: 10px;
    text-align: center;
}
.default
{
    width: 100%;
    text-align: center;
    padding: 0px;
    margin: 0px;
}
.defaulttitle
{
    width: 100%;
    text-align: center;
    padding: 0px;
    margin: 0px;
    background-color: #F2F2F2;
}
.defaultcontent
{
    background-color: #F2F2F2;
    width: 100%;
    text-align: center;
    padding-top: 2%;
    padding-bottom: 2%;
}
.defaultcontentb
{
    background-color: #f7f7f7;
    width: 100%;
    text-align: center;
    padding-top: 2%;
    padding-bottom: 2%;
}
.defaultcontentc
{
    background-color: #FFFFFF;
    width: 100%;
    text-align: center;
    padding-top: 2%;
    padding-bottom: 2%;
}
.defaultcenter
{
    margin: auto;
    width: 90%;
}


.defaulttitle1
{
    font-size: 20px;
    color: #42A95C;
    font-weight: bolder;
}
.defaulttitle2
{
    font-size: 18px;
    color: #42A95C;
    font-weight: bolder;
}

.defaulttitle2left
{
    float: left;
    text-align: left;
    width: 80%;
}

.defaulttitle2right
{
    float: left;
    text-align: right;
    width: 20%;
}

.defaulttitle2right a
{
    font-size: 14px;
    color: gray;
    font-weight:normal;
}

.defualtlink
{
    background-color: #0B92AF;
    color: white;
    border: 0px;
    text-align: center;
    margin-right: 2%;
    padding: 10px 30px 10px 30px;
}

.defualtlinkshow
{
    border: 1px solid #d1d1d1;
    text-align: center;
    margin-right: 5%;
    padding: 5px 15px 5px 15px;
}

.defualtlinkshow:hover
{
    border: 1px solid #d1d1d1;
    background-color: #fe4f1a;
    text-align: center;
    margin-right: 5%;
    padding: 5px 15px 5px 15px;
}

.defualtlinkshow:hover a
{
    color: White;
}

.defualtlinkdown
{
    border: 1px solid #d1d1d1;
    text-align: center;
    margin-right: 5%;
    padding: 5px 15px 5px 15px;
}

.defualtlinkdown:hover
{
    border: 1px solid #d1d1d1;
    background-color: #029630;
    text-align: center;
    margin-right: 5%;
    padding: 5px 15px 5px 15px;
}

.defualtlinkdown:hover a
{
    color: White;
}

.defualtlinkn a
{
    color: #0B92AF;
}

.defaultleft1
{
    width: 65%;
    float: left;
    text-align: left;
    padding-left: 2%;
}
.defaultright1
{
    width: 30%;
    float: left;
}
.defaultleft2
{
    width: 30%;
    float: left;
}
.defaultright2
{
    width: 65%;
    float: left;
    text-align: left;
    padding-left: 2%;
}

.button_seek
{
    background-color: #0B92AF;
    color: white;
    border: 0px;
    text-align: center;
    width: 160px;
    height: 40px;
    margin-right: 2%;
}
.button_buy
{
    background-color: #006300;
    color: white;
    border: 0px;
    text-align: center;
    width: 160px;
    height: 40px;
    margin-right: 2%;
}
.button_list
{
    background-color: #FFFFFF;
    border: 1px solid #dadada;
    text-align: center;
    width: 160px;
    padding: 10px 0px 10px 0px;
    margin-right: 2%;
    float: left;
}

.cblist
{
    margin-right: 1%;
}

.button_add
{
    background-color: #3590D7;
    color: white;
    border: 0px;
    text-align: center;
    width: 100px;
    height: 30px;
}
.button_update
{
    background-color: #006300;
    color: white;
    border: 0px;
    text-align: center;
    width: 100px;
    height: 30px;
}
.button_del
{
    background-color: #CA0056;
    color: white;
    border: 0px;
    text-align: center;
    width: 100px;
    height: 30px;
}
.button_create
{
    background-color: #017321;
    color: white;
    border: 0px;
    text-align: center;
    width: 100px;
    height: 30px;
}
.button_out
{
    background-color: #00A9CD;
    color: white;
    border: 0px;
    text-align: center;
    width: 100px;
    height: 30px;
}
.button_change
{
    background-color: #0B92AF;
    color: White;
    border: 0px;
    text-align: center;
    width: 100px;
    height: 30px;
}
.button_quit
{
    background-color: #FC9E1A;
    color: White;
    border: 0px;
    text-align: center;
    width: 100px;
    height: 30px;
    padding: 5px;
}
.button_page
{
    background-color: #F0F0F0;
    border: 1px solid #E0E0E0;
    text-align: center;
    width: 30px;
    padding: 5px;
}


.top
{
    background-color: #045bb2;
    color: White;
    width: 100%;
}
.toplog
{
    padding-top: 10px;
    padding-bottom: 10px;
    float: left;
}
.topmenu
{
    background-color: #045bb2;
    float: left;
    padding-top: 25px;
    padding-left: 5%;
}
.topmenuli
{
    margin-right: 30px;
    font-size: 14px;
}
.mainleft
{
    padding: 2%;
    text-align: left;
}
.mainright
{
    width: 20%;
    padding: 2%;
    float: left;
    text-align: center;
}
.maintitle
{
    padding-top: 2%;
    font-size: 30px;
    color: red;
    font-weight: bold;
}
.maincontent
{
    padding-top: 2%;
}

.maincontentleft
{
    background-color: red;
    color: White;
    float: left;
    width: 8%;
    text-align: center;
    padding: 15px;
}
.maincontentright
{
    float: left;
    width: 87%;
    background-color: White;
    padding: 1%;
}
.list
{
    width: 87%;
    background-color: White;
    padding: 1%;
}
.listmaintitle
{
    width: 100%;
    color: #045bb2;
    font-size: 25px;
    font-weight: bolder;
    margin: auto;
    text-align: center;
}
.listtitle
{
    width: 100%;
    text-align: left;
    font-size: 20px;
    color: #045bb2;
}
.listtitleleft
{
    float: left;
    font-weight: bold;
    width: 70%;
}
.listtitleright
{
    width: 20%;
    font-size: 15px;
    color: #045bb2;
    float: left;
    text-align: right;
}

.listline
{
    text-align: left;
}

.liststitle
{
    margin-top: 1%;
    padding: 1%;
    text-align: left;
    border: 1px solid #dadada;
    border-radius: 6px;
    background-color: #F2F2F2;
}

.liststitleN
{
    margin-top: 2%;
    padding: 2%;
    text-align: left;
    border: 1px solid #dadada;
    border-radius: 6px;
    background-color: #FFFFFF;
    background-image: url("");
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 180px auto;
    transition: all 0.3s ease;
}



.liststitleN2
{
    margin-top: 5%;
    text-align: left;
    border: 1px solid #dadada;
    background-color: #FFFFFF;
    width: 95%;
    background-image: url("");
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 140px auto;
    transition: all 0.3s ease;
}

.liststitleN2:hover
{
    /* 填入你的背景图片地址 */
    background-image: url("../images/port.png");
    background-color: #f3f4ff;
    box-shadow: 0 4px 16px rgba(0,0,0,0.15);
}

.liststitleN4
{
    margin-top: 5%;
    text-align: left;
    border: 1px solid #dadada;
    background-color: #FFFFFF;
    width: 400px;
    background-image: url("");
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 120px auto;
    transition: all 0.3s ease;
}

.liststitleN4:hover
{
    /* 填入你的背景图片地址 */
    background-image: url("../images/port.png");
    background-color: #f3f4ff;
    box-shadow: 0 4px 16px rgba(0,0,0,0.15);
}

.liststitleN6
{
    margin-top: 5%;
    padding-bottom: 2%;
    text-align: left;
    border: 1px solid #dadada;
    background-color: #FFFFFF;
    width: 300px;
    background-image: url("");
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 100% auto;
    transition: all 0.3s ease;
}

.liststitleN6:hover
{
    /* 填入你的背景图片地址 */
    background-image: url("../images/albg.gif");
    background-color: #f3f4ff;
    box-shadow: 0 4px 16px rgba(0,0,0,0.15);
}


.listcontent
{
    width: 100%;
    text-align: left;
    border: 1px solid #dadada;
    border-radius: 6px;
    margin-top: 1%;
}

.listcontentleft
{
    float: left;
    width: 60%;
    text-align: left;
    padding: 10px;
}
.listcontentright
{
    float: left;
    width: 35%;
    padding: 10px;
    vertical-align: bottom;
    padding-top: 3%;
}
.box2
{
    float: left;
    width: 40%;
    background-color: White;
    margin: 2% 2% auto auto;
    padding: 20px;
    border: 1px solid #dadada;
    height: 220px;
}
.box2M
{
    float: left;
    width: 45%;
    background-color: White;
    padding: 1%;
    border: 1px solid #dadada;
}
.box2-left
{
    float: left;
    margin-right: 2%;
    background-color: #f3faff;
    padding: 1% 3% 1% 3%;
    border-radius: 10px;
    text-align: center;
}
.box2-right
{
    float: left;
    width: 70%;
    text-align: left;
    line-height: 25px;
}
.stitle2
{
    color: Black;
    text-align: center;
    font-size: 18px;
    font-weight: bolder;
    padding-top: 2%;
    padding-bottom: 2%;
}
.box4
{
    float: left;
    width: 20%;
    background-color: White;
    margin: 0 2% auto auto;
    padding: 20px;
    border-radius: 10px;
    border: 1px solid #dadada;
}
.stitle4
{
    color: Black;
    text-align: center;
    font-size: 18px;
    font-weight: bolder;
    padding-top: 2%;
    padding-bottom: 4%;
}


.scontent
{
    text-align: left;
    line-height: 25px;
}

.divmain
{
    border: 1px solid #dadada;
}
.divrow
{
    border-bottom: 1px solid #dadada;
}

.pagetitle
{
    padding-top: 2%;
    font-size: 30px;
    color: #045bb2;
    font-weight: bold;
}
.pagecontent
{
    padding-top: 2%;
}

.pagecontentleft
{
    background-color: #045bb2;
    color: White;
    float: left;
    width: 8%;
    text-align: center;
    padding: 15px;
}
.pagecontentright
{
    float: left;
    width: 87%;
    background-color: White;
    padding: 1%;
}

/*dataview样式*/
.dataview
{
    width: 100%;
    border: 1px solid #F0F0F0;
    line-height: 35px;
    text-align: center;
    background-color: #FFFFFF;
}
.dataview th
{
    text-align: center;
}
.dataview td
{
    border: 1px solid #e6e6e6;
    padding: 5px 5px;
}




.dataviewhead
{
    background-color: #9B9B9B;
    color: White;
    text-align: center;
}
.dataviewtextbox
{
    border: 1px solid #D9DEE4;
    width: 200px;
    padding: 5px;
}
.dataview_update
{
    background-color: #006300;
    color: white;
    border: 0px;
    text-align: center;
    width: 120px;
    height: 30px;
}
.dataview_reset
{
    background-color: #006DCA;
    color: white;
    border: 0px;
    text-align: center;
    width: 120px;
    height: 30px;
}
.dataview_del
{
    background-color: #CA0056;
    color: white;
    border: 0px;
    text-align: center;
    width: 120px;
    height: 30px;
}
.page
{
    width: 100%;
    text-align: center;
    padding: 15px;
}

/*弹出窗样式*/
#msgDiv
{
    display: none;
    font-size: 14px;
    z-index: 3;
    left: 45%;
    margin-left: -225px;
    position: absolute;
    top: 25%;
    background-color: #E9E9E9;
    box-shadow: 0px 1px 3px #C3C3C3;
}
#bgDiv
{
    display: none;
    right: 0px;
    filter: progid:DXImageTransform.Microsoft.Alpha(style=3,opacity=25,finishOpacity=75);
    opacity: 0.6;
    left: 0px;
    position: absolute;
    top: 0px;
    background-color: red;
}
#msgShut
{
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 8px;
    padding-top: 8px;
    text-align: right;
    color: White;
    background-color: #777;
    cursor: pointer;
}

.datalistrow
{
    text-align: left;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #D5D5D5;
}

.datalistnumber
{
    background-color: #045bb2;
    color: White;
    text-align: center;
    width: 30px;
    float: left;
    margin-right: 20px;
}

.datalistnumbern
{
    color: #045bb2;
    text-align: center;
    font-weight: bold;
    float: left;
    margin-right: 1%;
}

.listdatalistrow
{
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #D5D5D5;
    text-align: left;
    width: 100%;
}

.listdatalistrown
{
    padding-top:10px;
    padding-bottom:10px;
    text-align: center;
    width: 100%;
}

.listdatalistrowread
{
    padding-top: 10px;
    text-align: right;
    width: 100%;
}
.listdatalistrowsabout
{
    vertical-align: top;
    padding-top: 10px;
    text-align: left;
    width: 100%;
}
.listdatalistrowtodw
{
    vertical-align: top;
    padding-top: 10px;
    text-align: left;
    color: #045bb2;
    width: 100%;
}
.listdatalistrowbutton
{
    margin-top: 10px;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    color: #045bb2;
    width: 100%;
}


/*aspnetpager样式*/
.aspnetpager
{
    color: #999;
    height: 30px;
    line-height: 30px;
    font-size: 13px;
    width: 100%;
}
.aspnetpager a
{
    text-decoration: none;
    padding: 5px 10px;
    border: 1px solid #ddd;
    background: #ffff;
    margin: 5px 10px;
    font-size: 15px;
    color: #000;
    height: 30px;
    line-height: 30px;
}
.aspnetpager a:hover
{
    background-color: #E61636;
    color: #fff;
    border: 1px solid #E61636;
    text-decoration: none;
    height: 20px;
    line-height: 20px;
}
.aspnetpager .cpb
{
    font-weight: bold;
    color: #fff;
    background: #E61636;
    border: 1px solid #E61636;
}
.pager-info
{
    margin-right: 10px;
    color: #666;
    font-size: 14px;
    border: none;
    background: none; /* 重点：不要加 display: none/visibility: hidden */
    display: inline-block; /* 确保是行内块，能正常显示 */
}
