html,body { margin: 0; padding: 0; }
body { background-color: #fff; font-family: Helvetica, Verana, sans-serif; }

a { color: #fff; text-decoration: none; }

#logo { position: absolute; top: 0; left: 20%; background-color: #fff; padding: 0 15px; }
#content { background-color: #1E95AD; color: #fff; margin-top: 75px; position: relative;  }

#content_input { padding: 150px 0 100px; margin: 0 auto; text-align: center; } 
#content_input input[type=text] { font-size: 16px; padding: 20px; border: 1px solid #F05F1C; border-radius: 5px 0 0 5px; width: 40%; background-color: #fff; line-height: 18px; margin: 0; }
#content_input input[type=submit] { vertical-align: top; margin-left: -1px; border: 1px solid #F05F1C; border-radius: 0 5px 5px 0; font-size: 14px; height: 60px; width: 100px; background-color: #F05F1C; color: #fff; box-sizing: border-box; padding: 0; }

.links { margin: 50px 0; }
.link { width: 800px; margin: 0 auto; overflow: hidden; }
.link > div { background-color: #F05F1C; display: inline-block; font-size: 15px; color: #fff; border: 1px solid #f05f1c; margin: 1px; padding: 10px 15px 7px; vertical-align: top; line-height: 20px; }
.link .short { width: 50px; border-radius: 5px 0 0 5px; }
.link .url { width: 638px; white-space: nowrap; overflow: hidden; }
.link .del { width: 22px; padding: 7px 8px 2px 10px; height: 28px; border-radius: 0 5px 5px 0; }

.sub_note { margin-top: 10px; }