css file:
.centered {
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 700px;
    height: 400px;
    text-align: center;
    background-color: rosybrown;
}
table{
    
    margin-top:50px;
}

label {
    margin-left: 20px;
    margin-top:50px;
}

#tb_Update_date {
    width: 180px;
    margin: 0 20px 20px 20px;
}

    #tb_Update_date > span:hover {
        cursor: pointer;
    }

.houserow {
    cursor: pointer
}

.seperator {
    height: 10px;
    /*background-color: #C5C4CC;*/
}

.btnHouse {
    width: 100%;
}

.btnDelete {
    background-color: floralwhite;
    width: 100%;
    padding: 5px;
    font-size: 16px;
    color: black;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #3EB3A5;
}

.table-striped > tbody > tr:nth-of-type(even) {
    background-color: #ACDFE3;
}

.imgHouse {
    max-height: 200px;
    max-width: 200px;
    border-bottom: solid 5px #ebebeb;
}

#houses {
    color: black;
    font-weight: bold;
    Font-size: 16px;
    Font-family: 標楷體;
}

.body {
    background-color: #1BA8E0;
}

html, body {
    margin: 0px;
    padding: 0px;
}

.lb_main {
    color: #071914;
    top: 30px;
    left: 1075px;
    width: 36px;
    height: 30px;
    font-size: large;
    font-weight: bold;
    Font-size: 16px;
    Font-family: 標楷體;
    text-decoration: none;
}

    .lb_main:hover, .lb_log:hover, .lb_exit:hover {
        background-color: darkblue !important;
        color: white !important;
    }

.lb_log {
    color: #071914;
    top: 30px;
    left: 1130px;
    width: 36px;
    height: 30px;
    font-size: large;
    font-weight: bold;
    Font-size: 16px;
    Font-family: 標楷體;
    text-decoration: none;
}

.lb_exit {
    color: white;
    top: 30px;
    left: 1185px;
    width: 36px;
    height: 30px;
    font-size: large;
    font-weight: bold;
    Font-size: 16px;
    Font-family: 標楷體;
    text-decoration: none;
}

.lbstandard1 {
    width: 36px;
    height: 30px;
    font-weight: bold;
}

    .lbstandard1:hover {
        background-color: #94858A;
    }

.lbstandard2 {
    top: 30px;
    left: 1185px;
    width: 36px;
    height: 30px;
    font-size: large;
    font-weight: bold;
}

    .lbstandard2:hover {
        background-color: #94858A;
    }

.left img {
    border: Groove 1px #ccc;
    border-radius: 14px;
}

.left {
    position: absolute;
    left: 10px;
    border-radius: 4px;
    width: 330px;
    right: 10px;
}

.modalBackground {
    background-color: Black;
    filter: alpha(opacity=90);
    opacity: 0.8;
}

.modalPopup {
    background-color: #FFFFFF;
    border-width: 3px;
    border-style: solid;
    border-color: black;
    padding-top: 10px;
    padding-left: 10px;
    width: 300px;
    height: 140px;
}

.right {
    position: absolute;
    left: 330px;
    border: none 1px #c00;
    width: 61%;
}

.up {
    top: 20px;
    border-radius: 4px;
}

input[type="text"] {
    -moz-border-radius: 7px;
    border-radius: 7px;
    border: solid 1px gray;
    padding: 7px;
}

input[type="textbox"] {
    -moz-border-radius: 7px;
    border-radius: 7px;
    border: solid 1px gray;
    padding: 7px;
}

input[type="bt_save"] {
    -moz-border-radius: 7px;
    border-radius: 7px;
    border: solid 1px gray;
    padding: 7px;
}

input[type="button"] {
    -moz-border-radius: 7px;
    border-radius: 7px;
    border: solid 1px gray;
    padding: 7px;
}

.rounded {
    border-radius: 7px;
    border: 1px solid gray;
    padding: 7px;
}

input[type="password"] {
    -moz-border-radius: 7px;
    border-radius: 7px;
    border: solid 1px gray;
    padding: 7px;
}

.forbutton {
    -moz-border-radius: 7px;
    border-radius: 7px;
    border: solid 1px gray;
    padding: 7px;
}

select {
    -moz-border-radius: 7px;
    border-radius: 7px;
    border: solid 1px gray;
    padding: 7px;
}

#aspImagePreview {
    position: absolute;
    right: 10px;
    left: 10px;
    top: 20px;
    width: 290px;
    height: 420px;
    border: groove 1px #999;
    border-radius: 6px;
    box-shadow: 5px 7px 5px -1px #555;
}

#currData tr td:nth-child(3) {
    text-align: right;
}

.right2 {
    text-align: right;
}

#currData td:nth-child(5) {
    padding-right: 0;
}

#currData td:last-child {
    vertical-align: middle;
}






---------------------------------------------------------------------------------------------






<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>货币资料</title>
    <link rel="shortcut icon" type="image/x-icon" href="house_one.png" />
    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/css/datepicker.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> 
    <script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/js/bootstrap-datepicker.js"></script>
    <script type="text/javascript" >
        $(function () {
            $("#tb_Update_date").datepicker({
                autoclose: true,
                todayHighlight: true
            }).datepicker('update', new Date());
        });

             function ShowMessage(message) {
                 $('#exampleModal div.modal-body').text(message);
                 $('#exampleModal').modal('show')
             }
            $(function() {
	            $("#datepicker").datepicker();
            } );
    </script>
    <link href="StyleSheet1.css" rel="stylesheet" />
	<script language="C#" runat="server">
        private void closePopupMsg(object sender, EventArgs e)
        {
            ScriptManager.RegisterClientScriptBlock(this.Page, this.GetType(), "ClosePopup", "closePopup0();", true);
            //refresh_img();
        }
        private void clickMe(object sender, EventArgs e)
        {
            //remove_click();
        }
        private void clickNo(object sender, EventArgs e)
        {
            ScriptManager.RegisterClientScriptBlock(this.Page, this.GetType(), "ClosePopup", "closePopup();", true);
            //refresh_img();
        }
        private void clickMe2(object sender, EventArgs e)
        {
            //send_inv();
            //refresh_img();
        }
        private void clickNo2(object sender, EventArgs e)
        {
            ScriptManager.RegisterClientScriptBlock(this.Page, this.GetType(), "ClosePopup", "closePopup2();", true);
            //refresh_img();
        }
        private void clickMe3(object sender, EventArgs e)
        {
           
            Response.Redirect("http://www.myfavouriteeshop.com/fri_list_to_app/Default.aspx");
        }
        private void clickNo3(object sender, EventArgs e)
        {
            ScriptManager.RegisterClientScriptBlock(this.Page, this.GetType(), "ClosePopup", "closePopup3();", true);
            //refresh_img();
        }
        private void clickOk(object sender, EventArgs e)
        {
            lb_msg.Text = "";
            //refresh_img();
        }
        private void inv_bt_click(object sender, EventArgs e)
        {
            //chk_inv_sent();
            //ScriptManager.RegisterClientScriptBlock(this.Page, this.GetType(), "ClosePopup", "closePopup4();", true);
            ScriptManager.RegisterClientScriptBlock(this.Page, this.GetType(), "ClosePopup", "closePopup4();", true);

            if (lb_var20.Text != "Rejected")
            {
                ScriptManager.RegisterClientScriptBlock(this.Page, this.GetType(), "call", "$(function () {openPopup2();});", true);
                //refresh_img();
            }

        }
	</script>
</head>
<body style="background-color: #C5C4CC; background-image:url(beautiful_house0e.jpg);">
    <form id="main_form" runat="server" autocomplete="off">
    <asp:ScriptManager runat="server" ID="sm"></asp:ScriptManager>
    <div >
    <table style="width:100%" align="right">
        <!--tr>
            <td align="right" style="background-color:#0A2757;height:1px;font-size:1px;">&nbsp;</td>
        </tr-->
        <tr>
            <td align="right" style="color:#0A2757;">
                <asp:LinkButton ID="lb_main" 
                   Text = "主页"
                    CssClass="lb_main"
                    Font-Names="標楷體"  
                 
                   runat="server"/>
                   &nbsp;|&nbsp; 
                <asp:LinkButton ID="lb_log" 
                   Text = "重新登入"
                   CssClass="lb_log"
                   Font-Names="標楷體"  
                 
                   runat="server"/>
            </td>
        </tr>
    </table>
    </div>
     <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
         <div class="modal-dialog" role="document">
         <div class="modal-content">
             <div class="modal-header">
             <h5 class="modal-title" id="exampleModalLabel">Message</h5>
             <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                 <span aria-hidden="true">&times;</span>
             </button>
             </div>
             <div class="modal-body">
                    
             </div>
             <div class="modal-footer">
             <button type="button" class="btn btn-secondary" style="display:block; margin: 0 auto;" data-dismiss="modal">Close</button>
             </div>
         </div>
         </div>
     </div>
    <div class="left up" style="visibility:hidden;">
           <asp:Image ID="aspImagePreview" runat="server" AlternateText="Preview" ImageUrl="~/output.jpg" />
    </div>
    <div id="stopFlash" style="visibility:hidden;">
       <asp:panel id="popuppanel" runat="server">Are you sure to delete the record?</asp:panel>
    </div>
    <div id="Dv1" style="text-align:left;">
        <asp:Label ID="lb_hdr"
        Text="货币资料"
        Width="500px"
        Font-Names="標楷體"  
        Font-Size="16pt" 
        Font-Bold="true"
        ForeColor="Black"
        visible="false" 
        runat="server" />
    <div id="housesChart" style="width:100%;overflow:auto;background-color:white;visibility:hidden;">
       
    </div>
    <div id="houses" style="visibility:hidden;">
    </div>
    <asp:Label runat="server" id="lb_msg" text="" Font-Size="Large" ForeColor="#E01B84" />  
    <div class="centered">
        <table >
            <tr>
                <td>
                    <asp:Label ID="Label2"
                        Text="货币名称"
                        Width="230px"
                        Font-Names="標楷體" 
                        Font-Size="13pt" 
                        Font-Bold="true"
                        ForeColor="Black"
                        BackGroundColor="Gray"
                        runat="server" 
                        />
                    <asp:TextBox ID="tbcurr_name"
                        width="420px"
                        Enabled="true"
                        Font-Names="標楷體" 
                        Font-Size="13pt" 
                        Font-Bold="true"
                        ForeColor="Black"
                        runat="server" />
                </td>
            </tr>
            <tr>
                <td>
                    <asp:Label ID="Label4"
                        Text="有效日期"
                        Width="230px"
                        Font-Names="標楷體" 
                        Font-Size="13pt" 
                        Font-Bold="true"
                        ForeColor="Black"
                        BackGroundColor="Gray"
                        runat="server" />
                    <asp:TextBox ID="tb_valid_from"
                        width="420px"
                        Enabled="true"
                        Font-Names="標楷體" 
                        Font-Size="13pt" 
                        Font-Bold="true"
                        ForeColor="Black"
                        runat="server" />
                </td>
            </tr>
            <tr>
                <td>
                    <asp:Label ID="Label3"
                        Text="至"
                        Width="230px"
                        Font-Names="標楷體" 
                        Font-Size="13pt" 
                        Font-Bold="true"
                        ForeColor="Black"
                        BackGroundColor="Gray"
                        runat="server" />
                    <asp:TextBox ID="tb_valid_to"
                        width="420px"
                        Enabled="true"
                        Font-Names="標楷體" 
                        Font-Size="13pt" 
                        Font-Bold="true"
                        ForeColor="Black"
                        runat="server" />
                </td>
            </tr>
            <tr>
                <td>
                    <asp:Label ID="Label5"
                        Text="更新日期"
                        Width="230px"
                        Font-Names="標楷體" 
                        Font-Size="13pt" 
                        Font-Bold="true"
                        ForeColor="Black"
                        BackGroundColor="Gray"
                        runat="server" />
                    <asp:TextBox ID="tb_Update_date"
                        width="420px"
                        Enabled="true"
                        Font-Names="標楷體" 
                        Font-Size="13pt" 
                        Font-Bold="true"
                        ForeColor="Black"
                        runat="server" />
                </td>
            </tr>
            <tr>
                <td>
                    <asp:Label ID="Label1"
                        Text="更新者"
                        Width="230px"
                        Font-Names="標楷體" 
                        Font-Size="13pt" 
                        Font-Bold="true"
                        ForeColor="Black"
                        BackGroundColor="Gray"
                        runat="server" />
                    <asp:TextBox ID="tb_Update_user"
                        width="420px"
                        Enabled="true"
                        Font-Names="標楷體" 
                        Font-Size="13pt" 
                        Font-Bold="true"
                        ForeColor="Black"
                        runat="server" />
                </td>
            </tr>
        </table>
    </div> 
    <div id="panelDiv" style="visibility:hidden;">
        <asp:Panel ID="Panel1" runat="server">
            Hello. I am a panel. You can place anything in here
            <br />
        </asp:Panel>
    </div>
    <div class="right up">
	<asp:panel id="Panel_Msg" style="display:none;" runat="server">
		<asp:Literal id="L_Msg" runat="server"/>
		<br /><br />
        <div style="text-align:center;">
		    <asp:Button id="OKButton" OnClick="closePopupMsg" runat="server" Text="OK" CssClass="rounded" />
        </div>
	</asp:panel>
	<asp:panel id="myPanel" style="visibility:hidden;" runat="server">
		Are you sure to delete the record?
		<br />
        <div style="text-align:center;">
		    <asp:Button id="YesButton" OnClick="clickMe" runat="server" Text="Yes" CssClass="rounded" />
		    &nbsp;&nbsp;
		    <asp:Button id="NoButton" OnClick="clickNo" runat="server" Text="No" CssClass="rounded" />
        </div>
	</asp:panel>
	<div id="myPanel2" style="visibility:hidden;" runat="server">
		Are you sure to send an invitation mail to <asp:Literal id="l_name" runat="server"/> for being a friend?
		<br />
        <div style="text-align:center;">
		    <asp:Button id="Button1" OnClick="clickMe2" runat="server" Text="Yes" CssClass="rounded" />
		    &nbsp;&nbsp;
		    <asp:Button id="Button2" OnClick="clickNo2" runat="server" Text="No" CssClass="rounded" />
        </div>
	</div>
	<div id="Panel3" style="visibility:hidden;" runat="server">
		There're pending friend requests to you. Do you want to check/approve that?
		<br />
        <div style="text-align:center;">
		    <asp:Button id="Button3" OnClick="clickMe3" runat="server" Text="Yes" CssClass="rounded" />
		    &nbsp;&nbsp;
		    <asp:Button id="Button4" OnClick="clickNo3" runat="server" Text="No" CssClass="rounded" />
        </div>
	</div>
	<div id="Panel4" style="visibility:hidden;" runat="server">
		You've already sent the same invitation to <asp:Literal ID="l_name2" runat="server" />!
		<br />
        <div style="text-align:center;">
		    <asp:Button id="Button5" OnClick="clickOk" runat="server" Text="OK" CssClass="rounded" />
        </div>
	</div>
    <asp:Label ID="lb_var1"
        Visible="false"
        Font-Names="標楷體"  
        Font-Size="11pt" 
        Font-Bold="true"
        ForeColor="Black"
        runat="server" />
    <asp:Label ID="lb_var2"
        Visible="false"
        Font-Names="標楷體"  
        Font-Size="11pt" 
        Font-Bold="true"
        ForeColor="Black"
        runat="server" />
    <asp:Label ID="lb_var3"
        Visible="false"
        Font-Names="標楷體"  
        Font-Size="11pt" 
        Font-Bold="true"
        ForeColor="Black"
        runat="server" />
    <asp:Label ID="lb_var4"
        Visible="false"
        Font-Names="標楷體"  
        Font-Size="11pt" 
        Font-Bold="true"
        ForeColor="Black"
        runat="server" />
    <asp:Label ID="lb_var5"
        Visible="false"
        Font-Names="標楷體"  
        Font-Size="11pt" 
        Font-Bold="true"
        ForeColor="Black"
        runat="server" />
    <asp:Label ID="lb_var6"
        Visible="false"
        Font-Names="標楷體"  
        Font-Size="11pt" 
        Font-Bold="true"
        ForeColor="Black"
        runat="server" />
    <asp:Label ID="lb_var7"
        Visible="false"
        Font-Names="標楷體"  
        Font-Size="11pt" 
        Font-Bold="true"
        ForeColor="Black"
        runat="server" />
    <asp:Label ID="lb_var8"
        Visible="false"
        Font-Names="標楷體"  
        Font-Size="11pt" 
        Font-Bold="true"
        ForeColor="Black"
        runat="server" />
    <asp:Label ID="lb_var9"
        Visible="false"
        Font-Names="標楷體"  
        Font-Size="11pt" 
        Font-Bold="true"
        ForeColor="Black"
        runat="server" />
    <asp:Label ID="lb_var10"
        Visible="false"
        Font-Names="標楷體"  
        Font-Size="11pt" 
        Font-Bold="true"
        ForeColor="Black"
        runat="server" />
    <asp:Label ID="lb_var11"
        Visible="false"
        Font-Names="標楷體"  
        Font-Size="11pt" 
        Font-Bold="true"
        ForeColor="Black"
        runat="server" />
    <asp:Label ID="lb_var12"
        Visible="false"
        Font-Names="標楷體"  
        Font-Size="11pt" 
        Font-Bold="true"
        ForeColor="Black"
        runat="server" />
    <asp:Label ID="lb_var13"
        Visible="false"
        Font-Names="標楷體"  
        Font-Size="11pt" 
        Font-Bold="true"
        ForeColor="Black"
        runat="server" />
    <asp:Label ID="lb_var14"
        Visible="false"
        Font-Names="標楷體"  
        Font-Size="11pt" 
        Font-Bold="true"
        ForeColor="Black"
        runat="server" />
    <asp:Label ID="lb_var15"
        Visible="false"
        Font-Names="標楷體"  
        Font-Size="11pt" 
        Font-Bold="true"
        ForeColor="Black"
        runat="server" />
    <asp:Label ID="lb_var16"
        Visible="false"
        Font-Names="標楷體"  
        Font-Size="11pt" 
        Font-Bold="true"
        ForeColor="Black"
        runat="server" />
    <asp:Label ID="lb_var17"
        Visible="false"
        Font-Names="標楷體"  
        Font-Size="11pt" 
        Font-Bold="true"
        ForeColor="Black"
        runat="server" />
    <asp:Label ID="lb_var18"
        Visible="false"
        Font-Names="標楷體"  
        Font-Size="11pt" 
        Font-Bold="true"
        ForeColor="Black"
        runat="server" />
    <asp:Label ID="lb_var19"
        Visible="false"
        Font-Names="標楷體"  
        Font-Size="11pt" 
        Font-Bold="true"
        ForeColor="Black"
        runat="server" />
    <asp:Label ID="lb_var20"
        Visible="false"
        Font-Names="標楷體"  
        Font-Size="11pt" 
        Font-Bold="true"
        ForeColor="Black"
        runat="server" />
    <asp:Label ID="lb_var21"
        Visible="false"
        Font-Names="標楷體"  
        Font-Size="11pt" 
        Font-Bold="true"
        ForeColor="Black"
        runat="server" />
    <asp:Label ID="lb_var22"
        Visible="false"
        Font-Names="標楷體"  
        Font-Size="11pt" 
        Font-Bold="true"
        ForeColor="Black"
        runat="server" />
    <asp:Label ID="lb_var23"
        Visible="false"
        Font-Names="標楷體"  
        Font-Size="11pt" 
        Font-Bold="true"
        ForeColor="Black"
        runat="server" />
    <asp:Label ID="lb_var24"
        Visible="false"
        Font-Names="標楷體"  
        Font-Size="11pt" 
        Font-Bold="true"
        ForeColor="Black"
        runat="server" />
    <asp:Label ID="lb_var25"
        Visible="false"
        Font-Names="標楷體"  
        Font-Size="11pt" 
        Font-Bold="true"
        ForeColor="Black"
        runat="server" />
    <asp:Label ID="lb_var26"
        Visible="false"
        Font-Names="標楷體"  
        Font-Size="11pt" 
        Font-Bold="true"
        ForeColor="Black"
        runat="server" />
    <asp:Label ID="lb_var27"
        Visible="false"
        Font-Names="標楷體"  
        Font-Size="11pt" 
        Font-Bold="true"
        ForeColor="Black"
        runat="server" />
    <asp:Label ID="lb_var28"
        Visible="false"
        Font-Names="標楷體"  
        Font-Size="11pt" 
        Font-Bold="true"
        ForeColor="Black"
        runat="server" />
    <asp:Label ID="lb_var29"
        Visible="false"
        Font-Names="標楷體"  
        Font-Size="11pt" 
        Font-Bold="true"
        ForeColor="Black"
        runat="server" />
    <asp:Label ID="lb_var30"
        Visible="false"
        Font-Names="標楷體"  
        Font-Size="11pt" 
        Font-Bold="true"
        ForeColor="Black"
        runat="server" />
    <asp:HiddenField ID="hf_site_lang" runat="server" value=""/>
    <br />
    <asp:Button runat="server" Visible="false" Enabled="false" id="bt_save" Text="Save" AccessKey="S" Width="130px"  CssClass="rounded" />
    <asp:Button runat="server" Visible="false" id="bt_cancel" Text="Cancel" AccessKey="C" Width="130px"  CssClass="rounded" />
    <asp:HiddenField ID="curr_code0" runat="server" />
    <br />
    <asp:Button runat="server" Visible="false" id="bt_search" Text="Go Ahead" AccessKey="G" Width="130px"  CssClass="rounded" />
    <asp:Button ID="bt_temp" runat="server" Text="Call Button Click" Style="display:none"  />
    <br />
    </div>
    </div>
    </form>
</body>
</html>