body {
    margin-left: 1%;
    margin-top: 0px;
    margin-right: 1%;
    margin-bottom: 0px;
    color: #34649D;
    background-color: rgb(247, 248, 250);
    width: 98%;
    height: 100%;
    font-family: PingFang SC;
}
form, html {
    margin: 0px 0px;
    width: 100%;
    height: 100%;
    font-family: PingFang SC;
}
#WindowFrame body {
    width: 98%;
    padding: 10px 1%;
}
a:link
{
	color: #2492d6;
	text-decoration: none;
}
a:active
{
	text-decoration: none;
}
a:visited
{
	
	text-decoration: none;
}
a:hover
{
	text-decoration: none;
	color: red;
	font-weight: bold;
}

.AlphaMobile {
    background-color: rgba(0,0,0,0.7);
}


.InputHide
{
	margin: 0;
	padding: 0;
	border: none;
	background: none;
	width: 170px;
	height: 22px;
	color: #666;
}

.TitleClose div
{
	background: url(../Images/close-black.png);
	background-repeat: no-repeat;
}
.TitleClose div:hover
{
	background: url(../Images/close-red.png);
	background-repeat: no-repeat;
}
.TitleRight div
{
	background: url(../Images/arrow-right-black.png);
	background-repeat: no-repeat;
}
.TitleRight div:hover
{
	background: url(../Images/arrow-right-blue.png);
	background-repeat: no-repeat;
}
.TitleLeft div
{
	background: url(../Images/arrow-left-black.png);
	background-repeat: no-repeat;
}
.TitleLeft div:hover
{
	background: url(../Images/arrow-left-blue.png);
	background-repeat: no-repeat;
}

.FormTitleBegin {
    background-color: white;
    width: 100px;
    height: 35px;
    float: left;
    font-size: 14px;
    font-weight: bold;
    color: black;
    line-height: 35px;
    border-top-left-radius: 10px;
    padding-left:10px;
}
.FormTitleBack {
    background-color: white;
    height: 35px;
    width: 100%;
    border-radius: 10px;
}

.FormTitleEnd {
    background-color: white;
    width: 80px;
    height: 35px;
    float: right;
    border-top-right-radius: 10px;
}

.FormTitleButton {
    font-size: 24px;
    margin: 5px 8px;
    cursor: pointer;
    color: rgb(140,140,140);
}


.FormTitleButton:hover {
    color: red;
}


.FormTable {
    background-color: white;
    border-radius: 10px;
    margin: 10px 0px;
    padding: 0px 10px;
}

    .FormTable > tbody > tr > td {
        color: Black;
        font-size: 14px;
        height: 45px;
        padding-right: 10px;
    }

.DataTable {
    border: 0px solid #F0F0F0;
    background-color: white;

}

    .DataTable > tbody > tr > th {
        height: 45px;
        line-height: 45px;
        background-color: rgb(250,250,250);
        color: black;
        border: 0px;
        font-size: 14px;
        padding: 0px 10px;
        text-align: left;
        border: 0px solid rgb(250,250,250);
        white-space: nowrap;
    }



    .DataTable > tbody > tr > th:first-child {
        border-top-left-radius: 0px;
    }


    .DataTable > tbody > tr > th:last-child {
        border-top-right-radius: 0px;
    }


    .DataTable > tbody > tr > td {
        height: 45px;
        align-items: center;
        border:0px solid red;
        border-bottom: 1px solid rgb(250,250,250);
        font-size: 14px;
        color: #555555;
        padding: 0px 10px;
        text-align: left;
    }

.Button_OK {
    font-size: 14px;
    display: inline-block;
    margin: 0px 5px;
    color: #fff;
    height: 35px;
    line-height: 35px;
    border-radius: 5px;
    padding: 0px 15px;
    font-weight: normal;
    background: rgb(24, 144, 255);
    border: none;
}

.Button_Return {
    font-size: 14px;
    display: inline-block;
    margin: 0px 5px;
    color: black;
    height: 35px;
    line-height: 35px;
    border-radius: 5px;
    padding: 0px 15px;
    font-weight: normal;
    border: none;
    background: white;
    border: 1px solid rgb(128,128,128);
}

.Button_Search {
    font-size: 14px;
    display: inline-block;
    margin: 0px 5px;
    color: #fff;
    height: 35px;
    line-height: 35px;
    border-radius: 5px;
    padding: 0px 15px;
    font-weight: normal;
    border: none;
    background: #ea6b00;
}


.Button_Delete {
    font-size: 14px;
    display: inline-block;
    margin: 0px 5px;
    color: #fff;
    height: 35px;
    line-height: 35px;
    border-radius: 5px;
    padding: 0px 15px;
    font-weight: normal;
    border: none;
    background: red;
}

.Button_Create {
    font-size: 14px;
    display: inline-block;
    margin: 0px 5px;
    color: #fff;
    height: 35px;
    line-height: 35px;
    border-radius: 5px;
    padding: 0px 15px;
    font-weight: normal;
    border: none;
    background: #44a20a;
}



.Input_Text {
    border: 1px solid #777777;
    height: 30px;
    line-height: 30px;
    border-radius: 5px;
    margin: 0px 10px 0px 5px;
    padding-left: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.Input_Select {
    border: 1px solid #909090;
    height: 30px;
    line-height: 30px;
    border-radius: 5px;
    margin: 0px 10px 0px 5px;
    padding-left: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.Input_Date {
    border: 1px solid #909090;
    height: 30px;
    line-height: 30px;
    border-radius: 5px;
    margin: 0px 10px 0px 5px;
    padding-left: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}


.Select_Text {
    border: 1px solid #909090;
    height: 30px;
    line-height: 30px;
    border-radius: 5px;
    padding-left: 10px;
    margin: 0px 10px 0px 5px;
    -moz-appearance: border-box;
    -webkit-appearance: border-box;
    -o-box-appearance: border-box;
    -ms-box-appearance: border-box;
    appearance: none;
}

.Select_Text::-ms-expand { display: none; }

.Title_Line
{
	border-bottom: 1px solid #BCBCBC;
	text-align:center;
	font-weight:bold;
}

.Pager_Area
{
	font-size: 14px;
}
.Pager_Area td > span
{
	background-color: #F8F8F8;
	color: #777;
	padding: 5px 10px;
}
.Pager_Area
{
	margin-bottom: 15px;
}

.Pager_Area td  a
{
	color: #777;
}
.Pager_Area td
{
	color: #777;
}
.Pager_Area select
{
	background-color: #F8F8F8;
	color: #777;
	padding: 5px 10px;
	border: none;
	height: 28px;
}
.Pager_Area select:hover
{
	cursor:pointer;
}

.Wllipsis {
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    overflow: hidden;
}

.Justify {
    text-align: justify;
    text-align-last: justify;
    padding:0px 5px;
}

.Input_Text_New {
    border-radius: 5px;
    height: 32px;
    width: 80%;
    border: 1px solid #909090;
    font-size: 14px;
    margin: 7px 0px;
}

.Select_Text_New {
    border: 1px solid #909090;
    height: 32px;
    width: 82%;
    line-height: 30px;
    border-radius: 5px;
    margin: 7px 0px;
}