body { margin: 0px; } .clean { clear: both; } #top_title p { width: 143px; height: 17px; color: #9f9f9f; font-weight: bold; text-align: left; padding-top: 9px; padding-left: 57px; } #top_title { width: 200px; height: 37px; background-color: #ffffff; } .border { padding-left: 20px; } .h_title, .h_pic { float: left; color: #179c90; font-size: 13px; } .h_pic { width: 10px; height: 9px; } .content { width: 740px; height: 550px; background-color: #78c3c9; } .info1 { width: 182px; height: 130px; background-image: url("../images/enterinfo1.png"); } .arrow { width: 17px; height: 130px; vertical-align: middle; background-repeat: no-repeat; } .month { text-align:center; width: 90px; height: 69px; background-image: url("../images/month.png"); background-repeat: no-repeat; background-color: #3C84AA; } .date { text-align:center; width: 90px; height: 69px; background-image: url("../images/date.png"); background-repeat: no-repeat; background-color: #3C84AA; } .submit { background-image: url("../images/enter1.jpg"); width: 100px; height: 69px; background-repeat: no-repeat; background-position: 40% 40%; } .cancel { background-image: url("../images/cancel.jpg"); width: 100px; height: 69px; background-repeat: no-repeat; background-position: 30% 40%; } .label { color: White; font-size: 13px; padding-top: 7px; padding-bottom: 2px; font-family: "微軟正黑體" , "細明體"; } .note { color: #179c90; font-size: 13px; padding-top: 2px; font-family: "細明體"; text-align: center; } .field { width: 130px; height: 70px; background-color: #3C84AA; vertical-align: top; text-align: center; } .field2 { width: 50px; height: 70px; background-color: #3C84AA; vertical-align: top; text-align: center; } .arrow2 { width: 68px; text-align: center; } #btnSubmit, #btnReset { display: block; width: 90px; height: 70px; color: #159C8E; background: #EFEFEF; border: 0px solid #ffffff; font-size: large; font-weight: bold; font-family: "微軟正黑體" , "細明體"; cursor: pointer; outline: none; } .title { margin-left: 25px; color: #FFFFFF; font-size: 14pt; font-family: "微軟正黑體" , "細明體"; }