* { margin: 0; padding: 0; list-style: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } header, footer, nav, main { display: block; } body { -webkit-box-shadow: 0px 0px 23px -2px rgba(0,0,0,0.12); -moz-box-shadow: 0px 0px 23px -2px rgba(0,0,0,0.12); -ms-box-shadow: 0px 0px 23px -2px rgba(0,0,0,0.12); -o-box-shadow: 0px 0px 23px -2px rgba(0,0,0,0.12); box-shadow: 0px 0px 23px -2px rgba(0,0,0,0.12); font: 1em/1.8em Arial; background: #F3F3F3; min-width: 240px; max-width: 97%; margin: auto; } img { vertical-align: middle; } ::-webkit-scrollbar { width: 0.6em; } ::-webkit-scrollbar-track { background: #f8f8f8; } ::-webkit-scrollbar-thumb { background: #c2c4c8; } ::-webkit-scrollbar-button { background: #d2d4d5; } ::-webkit-scrollbar-corner { background: #d2d4d8; } input, textarea, select, button { font: 0.9em/2em Arial; color: #333; border: 1px solid #bbb; border-radius: 7px; resize: vertical; background: #fff; padding: 1em; outline: 0; } input:-webkit-autofill { -webkit-box-shadow: inset 0 0 0 50px #fff !important; -webkit-text-fill-color: #90A4AE !important; color: #90A4AE !important; } .header { background: #148e2b; background: linear-gradient(#148e2b, #117A24); padding: 0 1.8em; } .menu { text-align: left; } .home, .it, .text, .time, .teach, .finance, .life, .search { display: inline-block; padding: 1.2em 1em; font-family: Arial, sans-serif; text-decoration: none; text-align: center; font-size: 0.89em; cursor: pointer; color: #fff; } .home:before, .it:before, .text:before, .time:before, .teach:before, .finance:before, .life:before, .search:before { vertical-align: top; margin: 0 auto; margin-bottom: 0.4em; margin-top: 0.4em; display: block; height: 24px; width: 24px; } .home:before { content: url('data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2032%2032%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M15.9%2C7.8v7.6h8.9c-0.1-2.6-0.3-5.1-0.9-7.6C23.9%2C7.8%2C15.9%2C7.8%2C15.9%2C7.8z%22%2F%3E%0A%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M14.8%2C15.4V7.8H6.8C6.3%2C10%2C6%2C12.2%2C5.9%2C14.4L9.3%2C11l4.4%2C4.4C13.7%2C15.4%2C14.8%2C15.4%2C14.8%2C15.4z%22%2F%3E%0A%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M15.9%2C17.5l4.6%2C4.6h-3.4v2.7h6.8c0.7-2.8%2C1-5.6%2C1-8.4h-9C15.9%2C16.4%2C15.9%2C17.5%2C15.9%2C17.5z%22%2F%3E%0A%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M9.5%2C13l-7.8%2C8.5h1.7v10.4h12.2V21.5h1.7L9.5%2C13z%20M11.7%2C27.3H7.2v-4.6h4.5V27.3z%22%2F%3E%0A%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M16%2C0.1C7.3%2C0.1%2C0.1%2C7.3%2C0.1%2C16c0%2C1.3%2C0.1%2C2.6%2C0.5%2C3.8L1%2C19.3l0%2C0l3-3H0.8c0-0.1%2C0-0.2%2C0-0.3%20c0-0.3%2C0-0.5%2C0-0.7h4c0.1-2.6%2C0.3-5.1%2C0.9-7.6H3.3C3.6%2C7.3%2C3.9%2C7%2C4.1%2C6.6h1.9C6.3%2C5.8%2C6.5%2C4.9%2C6.8%2C4c0.5-0.3%2C0.9-0.7%2C1.5-1%20C7.8%2C4.2%2C7.5%2C5.4%2C7.1%2C6.6h7.8V0.9c0.3%2C0%2C0.7-0.1%2C1.1-0.1l0%2C0v5.8h7.8c-0.4-1.5-0.9-2.9-1.4-4.3c0.5%2C0.2%2C1%2C0.5%2C1.5%2C0.7%20c0.4%2C1.2%2C0.8%2C2.3%2C1.1%2C3.6h3c0.3%2C0.3%2C0.5%2C0.7%2C0.8%2C1.1h-3.5c0.5%2C2.5%2C0.9%2C5%2C0.9%2C7.6h5.1c0%2C0.3%2C0%2C0.5%2C0%2C0.7c0%2C0.1%2C0%2C0.2%2C0%2C0.3h-5.1%20c0%2C2.8-0.3%2C5.6-1%2C8.4h3.4c-0.3%2C0.4-0.5%2C0.7-0.8%2C1.1h-2.8c-0.3%2C1.1-0.6%2C2.1-1%2C3.2c-0.5%2C0.3-0.9%2C0.5-1.4%2C0.7c0.5-1.3%2C0.9-2.6%2C1.3-4%20h-6.5v5.4l0%2C0v0.7c8.1-0.7%2C14.6-7.5%2C14.6-15.9C31.9%2C7.3%2C24.7%2C0.1%2C16%2C0.1z%22%2F%3E%0A%3C%2Fsvg%3E%0A'); } .it:before { content: url('data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2048%2048%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M0.4%2C0.3V48h47.2V0.3C47.6%2C0.3%2C0.4%2C0.3%2C0.4%2C0.3z%20M6.5%2C7.9c1.2%2C0%2C2.2%2C0.8%2C2.6%2C1.9h8.7V2.1h1.6v9.4%20h-0.2l0%2C0H9c-0.4%2C1.1-1.3%2C1.8-2.5%2C1.8c-1.5%2C0-2.7-1.2-2.7-2.7S5%2C7.9%2C6.5%2C7.9z%20M39.1%2C12.1c0.3-1.1%2C1.3-2%2C2.6-2c1.5%2C0%2C2.7%2C1.2%2C2.7%2C2.7%20s-1.2%2C2.7-2.7%2C2.7c-1.2%2C0-2.1-0.8-2.5-1.8h-2.6l0%2C0H36V2.1h1.6v10C37.6%2C12.1%2C39.1%2C12.1%2C39.1%2C12.1z%20M34.3%2C23.8v14.9%20c1.1%2C0.3%2C1.9%2C1.4%2C1.9%2C2.6c0%2C1.5-1.2%2C2.7-2.7%2C2.7s-2.7-1.2-2.7-2.7c0-1.2%2C0.8-2.2%2C1.9-2.6V25.4H24v-0.5l0%2C0V2.1h1.6v21.7H34.3%20L34.3%2C23.8L34.3%2C23.8z%20M11.9%2C16.1L11.9%2C16.1L11.9%2C16.1v13.1c1.1%2C0.3%2C1.9%2C1.4%2C1.9%2C2.6c0%2C1.5-1.2%2C2.7-2.7%2C2.7s-2.7-1.2-2.7-2.7%20c0-1.2%2C0.8-2.2%2C1.9-2.6V17.7H2.1v-1.6H11.9z%20M2.1%2C41.7h18.4v-1.8c-1-0.4-1.8-1.4-1.8-2.5c0-1.5%2C1.2-2.7%2C2.7-2.7s2.7%2C1.2%2C2.7%2C2.7%20c0%2C1.2-0.8%2C2.3-1.9%2C2.6v3.4h-0.1l0%2C0h-20C2.1%2C43.4%2C2.1%2C41.7%2C2.1%2C41.7z%20M17.7%2C31.9L17.7%2C31.9L17.7%2C31.9V19.6%20c-1.1-0.3-1.9-1.4-1.9-2.6c0-1.5%2C1.2-2.7%2C2.7-2.7s2.7%2C1.2%2C2.7%2C2.7c0%2C1.2-0.8%2C2.2-1.9%2C2.6v10.7h8.4l0%2C0h0.1v16h-1.6V31.9%20C26.2%2C31.9%2C17.7%2C31.9%2C17.7%2C31.9z%20M38.6%2C46.3V27.1c-1.1-0.3-1.9-1.4-1.9-2.6c0-1.5%2C1.2-2.7%2C2.7-2.7s2.7%2C1.2%2C2.7%2C2.7%20c0%2C1.2-0.8%2C2.2-1.9%2C2.6v19.2H38.6z%20M31.4%2C19.3L31.4%2C19.3h-1.6v-8.5c-1.2-0.3-2.1-1.3-2.1-2.6c0-1.5%2C1.2-2.7%2C2.7-2.7s2.7%2C1.2%2C2.7%2C2.7%20c0%2C1.1-0.7%2C2.1-1.6%2C2.5v7H46v1.6C46%2C19.3%2C31.4%2C19.3%2C31.4%2C19.3z%22%2F%3E%0A%3C%2Fsvg%3E'); } .text:before { content: url('data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2032%2032%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M0.1%2C0.1v31.9h31.9V0.1C31.9%2C0.1%2C0.1%2C0.1%2C0.1%2C0.1z%20M14.5%2C6.5h12.1v1H14.5V6.5z%20M14.5%2C9.5h12.1v1%20H14.5V9.5z%20M5.4%2C15.5h3.2c0-0.2%2C0.1-0.4%2C0.1-0.7V7.2H7.5c-0.4%2C0-0.7%2C0.1-0.9%2C0.1C6.3%2C7.4%2C6.1%2C7.6%2C5.9%2C7.8C5.8%2C8.1%2C5.7%2C8.4%2C5.7%2C8.9%20H5.4l0.1-2.4h7.6l0.1%2C2.4H13c-0.1-0.4-0.1-0.7-0.2-0.9c-0.1-0.3-0.3-0.5-0.5-0.6c-0.3-0.2-0.6-0.3-0.9-0.3H9.9v7.6%20c0%2C0.3%2C0%2C0.5%2C0.1%2C0.7h16.6v1H5.4L5.4%2C15.5C5.4%2C15.5%2C5.4%2C15.5%2C5.4%2C15.5z%20M5.4%2C18.5h21.2v1H5.4C5.4%2C19.5%2C5.4%2C18.5%2C5.4%2C18.5z%20M5.4%2C21.5%20h21.2v1H5.4C5.4%2C22.5%2C5.4%2C21.5%2C5.4%2C21.5z%20M26.7%2C25.4H5.5v-1h21.2V25.4z%20M26.7%2C13.6H14.5v-1h12.1V13.6z%22%2F%3E%0A%3C%2Fsvg%3E'); } .time:before { content: url('data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2032%2032%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M16%2C0.1C7.2%2C0.1%2C0.1%2C7.2%2C0.1%2C16S7.2%2C31.9%2C16%2C31.9S31.8%2C24.7%2C31.8%2C16S24.8%2C0.1%2C16%2C0.1z%20M26.5%2C26.6%20c-1.3%2C1.3-3%2C2.4-4.7%2C3.2C20%2C30.5%2C18%2C30.9%2C16%2C30.9s-4-0.4-5.8-1.1c-1.8-0.7-3.4-1.8-4.7-3.2c-1.3-1.3-2.4-3-3.2-4.7%20C1.5%2C20%2C1.1%2C18%2C1.1%2C16s0.4-4%2C1.1-5.8C3%2C8.4%2C4%2C6.8%2C5.4%2C5.5s3-2.4%2C4.7-3.2c1.8-0.8%2C3.8-1.1%2C5.8-1.1s4%2C0.4%2C5.8%2C1.1%20c1.8%2C0.7%2C3.4%2C1.8%2C4.7%2C3.2s2.4%2C3%2C3.2%2C4.7c0.8%2C1.8%2C1.1%2C3.8%2C1.1%2C5.8s-0.4%2C4-1.1%2C5.8C29%2C23.6%2C27.9%2C25.1%2C26.5%2C26.6z%22%2F%3E%0A%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M16%2C2C8.3%2C2%2C2.1%2C8.3%2C2.1%2C16S8.3%2C29.9%2C16%2C29.9S29.9%2C23.7%2C29.9%2C16S23.6%2C2%2C16%2C2z%20M25.7%2C9.1%20c0.5-0.3%2C1.1-0.1%2C1.3%2C0.3c0.3%2C0.5%2C0.1%2C1.1-0.3%2C1.3c-0.5%2C0.3-1.1%2C0.1-1.3-0.3C25.1%2C10%2C25.2%2C9.4%2C25.7%2C9.1z%20M20.9%2C5.2%20c0.3-0.5%2C0.9-0.6%2C1.3-0.3c0.5%2C0.3%2C0.6%2C0.9%2C0.3%2C1.3c-0.3%2C0.5-0.9%2C0.6-1.3%2C0.3C20.9%2C6.3%2C20.7%2C5.7%2C20.9%2C5.2z%20M16%2C3.2%20c0.5%2C0%2C0.9%2C0.4%2C0.9%2C0.9S16.5%2C5.1%2C16%2C5.1S15%2C4.7%2C15%2C4.1C14.9%2C3.6%2C15.4%2C3.2%2C16%2C3.2z%20M3.2%2C15.9c0-0.5%2C0.4-0.9%2C0.9-0.9s1%2C0.4%2C1%2C0.9%20s-0.4%2C0.9-0.9%2C0.9S3.2%2C16.4%2C3.2%2C15.9z%20M6.1%2C22.6c-0.5%2C0.3-1.1%2C0.1-1.3-0.3c-0.3-0.5-0.1-1.1%2C0.3-1.3c0.5-0.3%2C1.1-0.1%2C1.3%2C0.3%20C6.7%2C21.7%2C6.6%2C22.3%2C6.1%2C22.6z%20M6.6%2C10.5c-0.3%2C0.5-0.9%2C0.6-1.3%2C0.3c-0.5-0.3-0.6-0.9-0.3-1.3C5.2%2C9%2C5.8%2C8.8%2C6.3%2C9.1%20C6.7%2C9.4%2C6.9%2C10%2C6.6%2C10.5z%20M9.6%2C4.9c0.5-0.3%2C1.1-0.1%2C1.3%2C0.3c0.3%2C0.5%2C0.1%2C1.1-0.3%2C1.3c-0.5%2C0.3-1.1%2C0.1-1.3-0.3%20C8.9%2C5.7%2C9.1%2C5.1%2C9.6%2C4.9z%20M10.9%2C26.7c-0.3%2C0.5-0.9%2C0.6-1.3%2C0.3c-0.5-0.3-0.6-0.9-0.3-1.3c0.3-0.5%2C0.9-0.6%2C1.3-0.3%20C11%2C25.7%2C11.2%2C26.2%2C10.9%2C26.7z%20M16%2C28.8c-0.5%2C0-0.9-0.4-0.9-0.9c0-0.5%2C0.4-0.9%2C0.9-0.9s0.9%2C0.4%2C0.9%2C0.9C16.9%2C28.4%2C16.5%2C28.8%2C16%2C28.8%20z%20M17.6%2C18.3l-0.7%2C0.4c-0.2%2C0.1-0.5%2C0.1-0.6-0.2l-0.1-0.1l-0.1%2C8.2l-0.3-9l-0.4-0.7c-0.1-0.1-0.1-0.1-0.2-0.2l-0.9%2C0.1%20c-0.3%2C0.1-0.6%2C0-0.6-0.1l-0.1-0.4c0-0.1%2C0.2-0.3%2C0.5-0.3l0.6-0.1l-3.4-6c-0.1-0.2-0.1-0.5%2C0.2-0.6l0.7-0.4c0.2-0.1%2C0.5-0.1%2C0.6%2C0.2%20l2.8%2C4.9l-0.1-2.1h0.7l-0.1%2C3.2l0.1%2C0.3c0.1%2C0.1%2C0.2%2C0.1%2C0.3%2C0.3l9.8-1.3c0.3-0.1%2C0.6%2C0%2C0.6%2C0.1l0.1%2C0.4c0%2C0.1-0.2%2C0.3-0.5%2C0.3%20l-9.6%2C1.3l0.7%2C1.3C17.9%2C17.9%2C17.8%2C18.1%2C17.6%2C18.3z%20M22.3%2C27.1c-0.5%2C0.3-1.1%2C0.1-1.3-0.3c-0.3-0.5-0.1-1.1%2C0.3-1.3%20c0.5-0.3%2C1.1-0.1%2C1.3%2C0.3C22.9%2C26.3%2C22.8%2C26.8%2C22.3%2C27.1z%20M27.2%2C22.2c-0.3%2C0.5-0.9%2C0.6-1.3%2C0.3c-0.5-0.3-0.6-0.9-0.3-1.3%20c0.3-0.5%2C0.9-0.6%2C1.3-0.3C27.3%2C21.2%2C27.5%2C21.8%2C27.2%2C22.2z%20M27.9%2C16.8c-0.5%2C0-0.9-0.4-0.9-0.9s0.4-0.9%2C0.9-0.9c0.5%2C0%2C0.9%2C0.4%2C0.9%2C0.9%20S28.3%2C16.8%2C27.9%2C16.8z%22%2F%3E%0A%3C%2Fsvg%3E'); } .teach:before { content: url('data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2032%2032%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M30.8%2C23.8c0.9-1.1%2C0.9-2.3%2C0.1-3.1c-0.3-0.2-0.3-0.5-0.3-0.8c0-2.8%2C0-5.5%2C0-8.3c0-1.2-0.4-2-1.2-2.5%20C25.1%2C6.4%2C20.8%2C3.7%2C16.5%2C1c-0.8-0.5-1.5-0.5-2.3%2C0C10%2C3.7%2C5.7%2C6.4%2C1.4%2C9.1c-0.8%2C0.5-1.3%2C1.1-1.3%2C2.2c0%2C1%2C0.5%2C1.7%2C1.3%2C2.2%20c4.3%2C2.7%2C8.6%2C5.4%2C12.9%2C8.1c0.8%2C0.5%2C1.5%2C0.5%2C2.2%2C0c4.1-2.6%2C8.3-5.3%2C12.5-7.9c0.2-0.1%2C0.3-0.2%2C0.6-0.3c0%2C2.4%2C0%2C4.6%2C0%2C6.9%20c0%2C0.1-0.1%2C0.3-0.3%2C0.4c-0.9%2C0.8-1%2C2-0.2%2C2.9c0.1%2C0.1%2C0.2%2C0.5%2C0.1%2C0.6c-0.2%2C1-0.6%2C2-0.8%2C3.1c-0.1%2C0.4-0.1%2C1%2C0%2C1.4%20c0.3%2C1.2%2C1.3%2C1.8%2C2.3%2C1.4c1-0.4%2C1.5-1.6%2C1.2-2.9C31.5%2C26.1%2C31.2%2C25%2C30.8%2C23.8z%20M4.3%2C17.2c0%2C2.7%2C0%2C5.4%2C0%2C8c0%2C0.9%2C0.5%2C1.4%2C1.1%2C1.8%20c1.3%2C0.8%2C2.6%2C1.7%2C4%2C2.5c1.3%2C0.8%2C2.7%2C1.5%2C4.2%2C1.7c2.9%2C0.3%2C5.7%2C0.1%2C8.3-1.7c1.2-0.8%2C2.5-1.7%2C3.7-2.4c0.9-0.6%2C1.3-1.4%2C1.3-2.7%20c0-2.2%2C0-4.4%2C0-6.6c0-0.2%2C0-0.4%2C0-0.7c-0.2%2C0.1-0.4%2C0.2-0.5%2C0.3c-3.1%2C2-6.1%2C4-9.2%2C6c-1.1%2C0.7-2.1%2C0.7-3.2%2C0%20c-1.7-1.2-3.5-2.3-5.2-3.4C7.3%2C19.2%2C5.8%2C18.2%2C4.3%2C17.2z%22%2F%3E%0A%3C%2Fsvg%3E'); } .finance:before { content: url('data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2032%2032%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M0.1%2C13.1c7.1%2C7.1%2C24.5%2C7.3%2C31.6%2C0.4c-0.1%2C0.7%2C0.1%2C1.1-0.1%2C1.7c-0.7%2C1.5-1.9%2C2.5-3.2%2C3.4%20c-2.7%2C1.7-5.7%2C2.5-8.9%2C2.9c-4.7%2C0.5-9.2%2C0.1-13.5-1.7c-1.6-0.7-3.1-1.5-4.2-2.8C0.7%2C15.8%2C0.1%2C14.7%2C0.1%2C13.1z%22%2F%3E%0A%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M31.9%2C23.4c0.1%2C1.3-0.4%2C2.3-1.1%2C3.3c-1.1%2C1.4-2.5%2C2.3-4.1%2C3c-7.2%2C3-14.3%2C3-21.5-0.1c-1.6-0.7-2.9-1.7-4-3.1%20c-0.7-0.9-1.1-1.9-1-3.2c4.5%2C4.1%2C10.1%2C5.3%2C15.9%2C5.3C21.9%2C28.7%2C27.4%2C27.5%2C31.9%2C23.4z%22%2F%3E%0A%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M0.1%2C18.2c4.6%2C4.1%2C10.1%2C5.3%2C15.9%2C5.3s11.3-1.2%2C15.9-5.3c0.1%2C1.3-0.3%2C2.3-1.1%2C3.1c-1.1%2C1.5-2.6%2C2.5-4.3%2C3.2%20c-3.8%2C1.7-7.8%2C2.3-11.9%2C2.1c-3.8-0.2-7.5-0.9-10.7-2.9c-1.1-0.7-2.1-1.7-3-2.7C0.3%2C20.4%2C0.1%2C19.4%2C0.1%2C18.2z%22%2F%3E%0A%3Cpolygon%20fill%3D%22%23FFFFFF%22%20points%3D%2231.9%2C23.8%2030.5%2C25.6%2030.5%2C8%2031.9%2C8%20%22%2F%3E%0A%3Cpolygon%20fill%3D%22%23FFFFFF%22%20points%3D%220.1%2C23.7%201.4%2C25.5%201.5%2C7.7%200.1%2C7.7%20%22%2F%3E%0A%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M16.2%2C8.6c0%2C1.1%2C0%2C2.3%2C0%2C3.5c1.1-0.1%2C1.7-0.6%2C1.7-1.5C18%2C9.5%2C17.3%2C8.8%2C16.2%2C8.6z%22%2F%3E%0A%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M30.5%2C4.9c-1.1-1.3-2.6-2.1-4.1-2.9c-3.3-1.5-6.7-2-10.1-2c-2.7%2C0-5.2%2C0.3-7.6%2C0.9C6.1%2C1.7%2C3.6%2C2.7%2C1.7%2C4.7%20c-2.1%2C2.2-2.1%2C4.8-0.1%2C7c1.2%2C1.3%2C2.7%2C2.2%2C4.3%2C2.9c6%2C2.3%2C12.1%2C2.5%2C18.3%2C0.7c2.3-0.7%2C4.5-1.7%2C6.2-3.6C32.4%2C9.5%2C32.4%2C7.1%2C30.5%2C4.9z%20M17.7%2C12.4c-0.5%2C0.2-0.9%2C0.3-1.5%2C0.5c0%2C0.6%2C0%2C1.3%2C0%2C2c-0.2%2C0-0.4%2C0-0.7%2C0c0-0.7%2C0-1.3%2C0-1.9c-0.7-0.2-1.4-0.3-2.1-0.6%20c-0.9-0.4-1.4-1.1-1.3-2.1c0-0.6%2C0.4-0.9%2C1-0.8c0.5%2C0.1%2C0.7%2C0.4%2C0.6%2C0.8c-0.1%2C0.3-0.1%2C0.5-0.2%2C0.7c-0.1%2C0.3%2C0%2C0.5%2C0.2%2C0.6%20c0.5%2C0.4%2C1.1%2C0.5%2C1.8%2C0.5c0-1.2%2C0-2.4%2C0-3.5c0-0.1-0.1-0.3-0.3-0.3c-0.4-0.2-0.8-0.3-1.1-0.5c-1.3-0.5-1.9-1.5-1.7-2.5%20c0.1-1.1%2C1.1-2.1%2C2.3-2.3c0.3-0.1%2C0.5-0.1%2C0.8-0.1c0-0.5%2C0-1.1%2C0-1.7c0.2%2C0%2C0.4%2C0%2C0.7%2C0c0%2C0.5%2C0%2C1.1%2C0%2C1.5c0.7%2C0.2%2C1.3%2C0.3%2C1.9%2C0.7%20c0.6%2C0.3%2C1.1%2C0.8%2C1.1%2C1.5c0%2C0.6-0.3%2C0.9-0.8%2C0.9c-0.6%2C0-0.8-0.3-0.7-0.9c0-0.3%2C0.1-0.7-0.1-0.9c-0.3-0.4-0.9-0.5-1.4-0.5%20c0%2C1.1%2C0%2C2.2%2C0%2C3.3c0%2C0.1%2C0.1%2C0.2%2C0.3%2C0.3c0.4%2C0.2%2C0.9%2C0.3%2C1.3%2C0.5c1%2C0.5%2C1.7%2C1.1%2C1.7%2C2.3S18.7%2C11.9%2C17.7%2C12.4z%22%2F%3E%0A%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M13.9%2C4.7c-0.1%2C1%2C0.5%2C1.7%2C1.7%2C1.9c0-1.1%2C0-2.1%2C0-3.2C14.6%2C3.6%2C13.9%2C4.1%2C13.9%2C4.7z%22%2F%3E%0A%3C%2Fsvg%3E'); } .life:before { content: url('data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2032%2032%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M27.3%2C18.8c0.7-0.9%2C1.6-1.8%2C2.3-2.7c0.8-1%2C1.4-2%2C1.8-3.2l-2.7-0.1C28.7%2C12.9%2C27.3%2C18.8%2C27.3%2C18.8z%22%2F%3E%0A%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M25.7%2C12.6h-3.1l-0.9%2C6.5L20%2C12.6l-2-0.2l-1.3-2.7l-1.2%2C3l-3.3-0.3L11.5%2C9L8.3%2C19l-2-10.9l-2%2C4.6H0.5%20c0.4%2C1.4%2C1.2%2C2.7%2C2.1%2C3.8c4.3%2C5.1%2C8.7%2C10.1%2C13.1%2C15.2c0.2%2C0.2%2C0.3%2C0.2%2C0.5%2C0c1.3-1.5%2C2.6-3%2C3.9-4.6c2.2-2.6%2C4.5-5.2%2C6.8-7.8L26.1%2C11%20L25.7%2C12.6z%22%2F%3E%0A%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M31.8%2C8.1c-0.9-6.4-7.1-9.9-12.4-7c-1.2%2C0.7-2.2%2C1.6-3.1%2C2.8c-0.1%2C0.2-0.3%2C0.2-0.5%2C0c-0.5-0.6-1-1.3-1.7-1.8%20c-1.9-1.6-4-2.1-6.3-1.9C3.6%2C0.6%2C0.3%2C4.4%2C0.1%2C9c0%2C0.8%2C0%2C1.6%2C0.1%2C2.4h3.5l3.1-7.2l1.8%2C10.1l3.1-9.7l1.4%2C6.5l1.7%2C0.1l1.8-4.5l2.1%2C4.4%20l2.2%2C0.3l0.5%2C1.9l0.3-2h3.2l1.8-7.7l0.9%2C9.5l0.4-1.6l3.8%2C0.1v0.5c0.2-0.8%2C0.3-1.7%2C0.3-2.6C31.9%2C9%2C31.8%2C8.6%2C31.8%2C8.1z%22%2F%3E%0A%3C%2Fsvg%3E'); } .search:before { content: url('data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2032%2032%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M31.8%2C16.7c-0.3%2C2.1-1.1%2C4-2.3%2C5.8c-1%2C1.5-2.3%2C2.7-3.7%2C3.7c-1.8%2C1.2-3.7%2C1.9-5.9%2C2.2%20c-1.9%2C0.3-3.7%2C0.1-5.5-0.3c-1.6-0.4-3.1-1.1-4.4-2c-0.5-0.3-1-0.7-1.5-1.1c-0.3%2C0.3-0.7%2C0.7-1%2C1.1c-0.1%2C0.1-0.1%2C0.1%2C0%2C0.2%20c0.2%2C0.8%2C0%2C1.5-0.6%2C2.1c-1.9%2C1.9-1.1%2C1.1-3%2C2.9c-0.3%2C0.3-0.7%2C0.5-1.2%2C0.7c-0.3%2C0-0.5%2C0-0.7%2C0c-0.5-0.2-1-0.4-1.3-0.9%20c-0.1-0.3-0.3-0.5-0.4-0.8c0-0.3%2C0-0.5%2C0-0.7c0.3-1.1%2C1.3-1.7%2C2-2.4c1.5-1.5%2C0.3-0.2%2C1.7-1.7c0.6-0.6%2C1.3-0.8%2C2.1-0.6%20c0.1%2C0%2C0.2%2C0%2C0.3-0.1c0.3-0.3%2C0.7-0.7%2C1.1-1c-0.3-0.4-0.6-0.7-0.9-1.1c-1.3-1.8-2.2-3.9-2.5-6.1c-0.3-1.9-0.2-3.8%2C0.3-5.8%20c0.8-3%2C2.3-5.5%2C4.7-7.4c2.1-1.7%2C4.4-2.7%2C7-3.1c0.4-0.1%2C0.8-0.1%2C1.3-0.1s1%2C0%2C1.5%2C0c0.7%2C0.1%2C1.3%2C0.1%2C1.9%2C0.3c1.9%2C0.4%2C3.8%2C1.1%2C5.4%2C2.3%20c1.7%2C1.2%2C3%2C2.6%2C4.1%2C4.4c0.7%2C1.1%2C1.2%2C2.4%2C1.5%2C3.8c0.2%2C0.8%2C0.3%2C1.7%2C0.4%2C2.5c0%2C0.1%2C0%2C0.1%2C0.1%2C0.2c0%2C0.5%2C0%2C1%2C0%2C1.5%20C31.9%2C15.7%2C31.8%2C16.2%2C31.8%2C16.7z%20M17.8%2C2.7c-6.5%2C0-11.7%2C5.2-11.7%2C11.8s5.2%2C11.8%2C11.7%2C11.8s11.7-5.3%2C11.7-11.8%20C29.6%2C7.9%2C24.3%2C2.7%2C17.8%2C2.7z%22%2F%3E%0A%3Cellipse%20fill%3D%22none%22%20stroke%3D%22%23FFFFFF%22%20stroke-width%3D%223%22%20stroke-miterlimit%3D%2210%22%20cx%3D%2217.8%22%20cy%3D%2214.4%22%20rx%3D%229.7%22%20ry%3D%229.4%22%2F%3E%0A%3C%2Fsvg%3E'); } .menu a:hover, .active { background: #117A24; } .tools_main { border-spacing: 0.8em; display: table; width: 100%; } .tools_header:before { content: url('data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2024%2024%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23BFBFBF%22%20d%3D%22M23.9%2C14.5c0%2C2.1%2C0%2C4.2%2C0%2C6.3c0%2C1.9-1.9%2C3.3-4.2%2C3.2c-0.2%2C0-0.3%2C0-0.5%2C0c-4.8%2C0-9.5%2C0-14.3%2C0%20c-0.7%2C0-1.3%2C0-1.9-0.1c-1.6-0.4-2.8-1.6-2.8-3c0-4.1%2C0-8.2%2C0-12.4c0-0.5%2C0.1-1.1%2C0.3-1.6C0.9%2C5.8%2C2%2C5.2%2C3.4%2C5c0.3%2C0%2C0.4%2C0.1%2C0.4%2C0.3%20c0%2C0.4%2C0%2C0.7%2C0.1%2C1.1C4.3%2C8%2C6.1%2C9.1%2C8.1%2C9.1c2.6%2C0%2C5.2%2C0%2C7.8%2C0c2.4%2C0%2C4.3-1.5%2C4.3-3.4c0-0.7%2C0-0.8%2C0.9-0.6c1.6%2C0.3%2C2.6%2C1.3%2C2.7%2C2.7%20c0%2C0.4%2C0.1%2C0.7%2C0.1%2C1.1C23.8%2C10.8%2C23.8%2C12.6%2C23.9%2C14.5C23.8%2C14.5%2C23.9%2C14.5%2C23.9%2C14.5z%20M10.8%2C15.6c-0.6-0.5-1.1-0.9-1.6-1.3%20c-0.3-0.2-0.6-0.4-1-0.3c-0.4%2C0.1-0.7%2C0.3-0.9%2C0.6c-0.1%2C0.3%2C0%2C0.7%2C0.3%2C0.9c0.8%2C0.6%2C1.5%2C1.2%2C2.3%2C1.8c0.7%2C0.5%2C1.2%2C0.5%2C1.9%2C0%20c1.5-1.2%2C3-2.4%2C4.6-3.7c0.1-0.1%2C0.2-0.2%2C0.3-0.2c0.3-0.3%2C0.3-0.6%2C0.1-1c-0.2-0.3-0.6-0.5-1-0.5c-0.3%2C0-0.6%2C0.2-0.8%2C0.3%20C13.5%2C13.4%2C12.1%2C14.5%2C10.8%2C15.6z%22%2F%3E%3Cpath%20fill%3D%22%23BFBFBF%22%20d%3D%22M12%2C2.5c1.3%2C0%2C2.6%2C0%2C3.9%2C0c1.1%2C0%2C2%2C0.8%2C2%2C1.7c0%2C0.5%2C0%2C0.9%2C0%2C1.4c0.1%2C0.9-0.8%2C1.7-2%2C1.7c-2%2C0-4.1%2C0-6.1%2C0%20c-0.6%2C0-1.2%2C0-1.8%2C0c-1.1%2C0-2.1-0.8-2-1.7c0-0.5%2C0-0.9%2C0-1.4C6%2C3.3%2C6.9%2C2.5%2C8%2C2.5C9.4%2C2.5%2C10.7%2C2.5%2C12%2C2.5z%22%2F%3E%3C%2Fsvg%3E'); display: inline-block; vertical-align: top; margin-right: 0.5em; height: 24px; width: 24px; } .tools_header { display: table-caption; margin: 0 0 1.2em 0.6em; font-weight: normal; font-size: 1.4em; color: #222; width: 100%; } .tools_section { display: table-row; width: 100%; } .tools { padding: 0.9em 1.3em; background: #f9f9f9; border-radius: 8px; display: table-cell; width: 33.33%; text-decoration: none; font-size: 1.04em; color: #111; } .tools:hover { background: #148e2b; color: #fff; } table { border-collapse: collapse; border: none; width: 100%; } td, th { border: 1px #eee solid; padding: 1em; } nav { text-align: center; } main { background: #fff; } h1 { font-weight: normal; font-size: 1.15em; color: #101010; border-bottom: 1px solid #efefef; background: #f9f9f9; padding: .8em 2.2em; } h1:before { content: url('data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20fill%3D%22%23148E2b%22%20x%3D%221.996129%22%20y%3D%221.87871%22%20height%3D%224.991125%22%20width%3D%224.991125%22%2F%3E%3Crect%20fill%3D%22%23148E2b%22%20y%3D%221.87871%22%20height%3D%224.991125%22%20width%3D%224.991125%22%20x%3D%2216.969505%22%2F%3E%3Crect%20fill%3D%22%23148E2b%22%20y%3D%221.87871%22%20height%3D%224.991125%22%20width%3D%224.991125%22%20x%3D%229.482817%22%2F%3E%3Crect%20fill%3D%22%23148E2b%22%20x%3D%221.996129%22%20height%3D%224.991125%22%20width%3D%224.991125%22%20y%3D%229.365398%22%2F%3E%3Crect%20fill%3D%22%23148E2b%22%20height%3D%224.991125%22%20width%3D%224.991125%22%20y%3D%229.365398%22%20x%3D%2216.969505%22%2F%3E%3Crect%20fill%3D%22%23148E2b%22%20height%3D%224.991125%22%20width%3D%224.991125%22%20y%3D%229.365398%22%20x%3D%229.482817%22%2F%3E%3Crect%20fill%3D%22%23148E2b%22%20x%3D%221.996129%22%20height%3D%224.991125%22%20width%3D%224.991125%22%20y%3D%2216.852086%22%2F%3E%3Crect%20fill%3D%22%23148E2b%22%20height%3D%224.991125%22%20width%3D%224.991125%22%20y%3D%2216.852086%22%20x%3D%2216.969505%22%2F%3E%3Crect%20fill%3D%22%23148E2b%22%20height%3D%224.991125%22%20width%3D%224.991125%22%20y%3D%2216.852086%22%20x%3D%229.482817%22%2F%3E%3C%2Fsvg%3E'); display: inline-block; vertical-align: top; margin-right: 0.5em; height: 24px; width: 24px; } h3 { clear: both; font-weight: normal; font-size: 1.2em; color: #222; } .reclame { overflow: hidden; clear: both; text-align: center; max-width: 100%; display: block; margin: auto; margin-top: 3em; } .scroll { overflow-y: scroll; max-height: 480px; } .ci { overflow: hidden; clear: both; color: #222; } .ci .ci_tool:first-child { width: 40%; } .ci .ci_tool:last-child { width: 60%; } .ci_indent { margin-top: -4em; } .ci_first { word-wrap: break-word; font-size: 0.9em; padding: 3em; } .ci_tool { word-wrap: break-word; font-size: 0.9em; background: #fff; padding: 3em; float: left; } .link { text-decoration: none; color: #148E2b; } .link:hover { text-decoration: underline; color: #117A24; } .search_result_count { font-size: 0.9em; color: #444; padding-top: 2.8em; display: block; } .search_result { padding-top: 2em; width: 100%; } .search_result a { text-decoration: none; font-size: 1.2em; color: #689F38; display: block; } .search_result a:hover { text-decoration: underline; } .search_result p { font-size: 0.9em; color: #222; display: block; } .similar { background: #fafafa; padding: 2em 3em; font-size: 0.9em; } .tag:before { content: url('data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2024%2024%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%235BBE45%22%20d%3D%22M12.5%2C1.8c-1.2%2C0-2.3%2C0.3-3.2%2C0.9C8.6%2C3.3%2C8%2C3.9%2C7.3%2C4.5C6.7%2C5.1%2C6.7%2C6%2C7.3%2C6.6c0.6%2C0.6%2C1.5%2C0.6%2C2.1%2C0%20c0.3-0.3%2C0.6-0.6%2C0.9-0.9c1.2-1.2%2C3-1.2%2C4.2%2C0c1.2%2C1.2%2C1.1%2C3%2C0%2C4.2c-0.3%2C0.3-0.6%2C0.6-0.9%2C0.9c-0.6%2C0.6-0.6%2C1.5%2C0%2C2%20c0.6%2C0.6%2C1.5%2C0.6%2C2.1%2C0c0.4-0.3%2C0.7-0.7%2C1.1-1.1c1.7-1.9%2C2.1-4%2C1.1-6.3C16.9%2C3.2%2C14.7%2C1.8%2C12.5%2C1.8z%20M6.2%2C19.8c1.5%2C0%2C2.9-0.5%2C4-1.6%20c0.4-0.3%2C0.7-0.7%2C1.1-1.1c0.6-0.6%2C0.6-1.5%2C0-2.1c-0.6-0.6-1.5-0.6-2.1%2C0c-0.3%2C0.3-0.6%2C0.6-0.9%2C0.9c-1.2%2C1.2-3%2C1.2-4.2%2C0%20c-1.2-1.2-1.2-3%2C0-4.2c0.3-0.3%2C0.6-0.6%2C0.9-0.9c0.6-0.6%2C0.6-1.5%2C0-2.1C4.5%2C8.2%2C3.6%2C8.2%2C3%2C8.8c-0.4%2C0.3-0.7%2C0.7-1%2C1%20c-1.7%2C1.9-2.1%2C4-1.2%2C6.3C1.7%2C18.4%2C3.9%2C19.8%2C6.2%2C19.8z%20M6.3%2C12.4c0%2C0.6%2C0.3%2C1%2C0.9%2C1.3c0.6%2C0.3%2C1.2%2C0.1%2C1.6-0.3c1-1%2C2.1-2.1%2C3.1-3.1%20c0.6-0.6%2C0.6-1.5%2C0-2.1c-0.6-0.6-1.5-0.6-2.1%2C0c-1%2C1-2.1%2C2.1-3.1%2C3.1C6.4%2C11.6%2C6.3%2C12%2C6.3%2C12.4z%22%2F%3E%3C%2Fsvg%3E'); display: inline-block; vertical-align: middle; margin-right: 0.2em; height: 24px; width: 24px; } .tag { -webkit-box-shadow: 0px 3px 12px -4px rgba(0,0,0,0.32); -moz-box-shadow: 0px 3px 12px -4px rgba(0,0,0,0.32); -ms-box-shadow: 0px 3px 12px -4px rgba(0,0,0,0.32); -o-box-shadow: 0px 3px 12px -4px rgba(0,0,0,0.32); box-shadow: 0px 3px 12px -4px rgba(0,0,0,0.32); border: 1px solid #ccc; border-radius: 8px; display: inline-block; margin: 0 .5em 1em 0; padding: .5em 1em; background: #fff; text-decoration: none; font-size: 0.9em; color: #333; } .tag:hover { border: 1px solid #117A24; background: #148E2b; color: #fff; } .warning, .success { border: 8px solid #fcc; margin-bottom: 2%; background: #fff; padding: 2%; text-align: center; font-size: 1em; } .result { background: #E6F7D1; } .input_c { margin-bottom: 0.4em; display: block; width: 100%; } .input_c:focus { border: 1px solid #ccc; position: relative; z-index: 88; } .button_c { text-align: center; font-size: 1em; color: #fff; background: #148E2b; border: 1px solid #117A24; border-radius: 8px; padding: 0.9em 1em; } .button_c:before { content: url('data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2024%2024%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M11.4%2C9.9c-0.9%2C0-1.7%2C0-2.5%2C0c-0.4%2C0-0.7%2C0-1.1%2C0c-0.5%2C0-0.6%2C0.3-0.7%2C0.6c0%2C0.4%2C0.3%2C0.7%2C0.7%2C0.7%20c0.7%2C0%2C1.4%2C0%2C2.2%2C0c2.3%2C0%2C4.6%2C0%2C7%2C0c0.7%2C0%2C1.4%2C0.7%2C1.4%2C1.4c0%2C0.7-0.6%2C1.4-1.4%2C1.4c-1.3%2C0-2.7%2C0-4%2C0c0%2C0-0.1%2C0-0.1%2C0%20c0.8%2C0.4%2C1.2%2C0.9%2C1%2C1.7C13.6%2C16.6%2C13%2C17%2C12.3%2C17c0.2%2C0.2%2C0.5%2C0.4%2C0.7%2C0.7c0.2%2C0.3%2C0.3%2C0.7%2C0.2%2C1c-0.1%2C0.5-0.4%2C1.1-1.5%2C1.2%20c0.5%2C0.2%2C0.9%2C0.6%2C1%2C1.2c0.1%2C0.8-0.5%2C1.6-1.4%2C1.6c-1.3%2C0-2.6%2C0-4%2C0c-0.6%2C0-1.3%2C0-1.9-0.1c-0.9-0.2-1.7-0.6-2.4-1.3%20C3%2C21.1%2C2.8%2C21%2C2.6%2C21c-1.1%2C0-2-0.6-2.3-1.6c-0.1-0.5-0.1-1-0.1-1.5c0-1.5%2C0-3%2C0-4.5c0-1.2%2C1-2.1%2C2.1-2.2c0.2%2C0%2C0.3-0.1%2C0.4-0.2%20c0.7-1.2%2C1.8-2%2C3.2-2.4C6.5%2C8.3%2C7.3%2C8.3%2C8%2C8.4c0.6%2C0%2C1.3%2C0%2C1.9%2C0.2C10.5%2C8.8%2C11%2C9.2%2C11.4%2C9.9z%22%2F%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M12.1%2C8.6c-0.3-0.3-0.7-0.6-1-0.9c1.2-1.3%2C2.6-2%2C4.4-2.3c1.7-0.2%2C3.4%2C0.1%2C4.9%2C1c1.5%2C1%2C2.6%2C2.3%2C3.1%2C4.1%20c0.6%2C2%2C0.4%2C3.9-0.6%2C5.7c-0.4%2C0.8-1%2C1.5-1.8%2C2.1c-1.4%2C1.2-3%2C1.7-4.8%2C1.7c-0.6%2C0-1.3-0.2-1.9-0.3c-0.1%2C0-0.2-0.1-0.1-0.2%20c0.1-0.4%2C0.2-0.7%2C0.3-1.1c1.5%2C0.5%2C3%2C0.4%2C4.5-0.3c1.5-0.7%2C2.5-1.8%2C3-3.4c0.9-2.4%2C0.1-5.2-2-6.8C18.9%2C7%2C17.6%2C6.6%2C16%2C6.7%20C14.5%2C6.8%2C13.2%2C7.5%2C12.1%2C8.6z%22%2F%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M14.8%2C17c0.1-0.5%2C0.2-0.9%2C0.3-1.3c0-0.2%2C0.1-0.2%2C0.2-0.2c0.6%2C0%2C1.2%2C0%2C1.8%2C0c1.1-0.1%2C1.9-0.8%2C2.2-1.8%20c0.4-1%2C0.2-1.9-0.5-2.7c-0.5-0.6-1.2-1-2.1-1c-1.2%2C0-2.5%2C0-3.7%2C0c-0.1%2C0-0.2%2C0-0.3%2C0c1.2-1.7%2C3.7-2.5%2C5.8-1.4%20c2.3%2C1.2%2C3.1%2C3.8%2C2.2%2C6C19.9%2C16.8%2C17.2%2C18%2C14.8%2C17z%22%2F%3E%3C%2Fsvg%3E'); display: inline-block; vertical-align: top; margin-right: 0.5em; height: 24px; width: 24px; } .button_c:hover { opacity: 0.8; } .inline_c { display: inline-block; min-width: 90px; width: auto; } .point { padding-bottom: 0.5em; } .point:before { content: url('data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2024%2024%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20fill%3D%22%23C5E1A5%22%20d%3D%22M8.2%2C13.1C8%2C12.9%2C8%2C12.7%2C7.8%2C12.5C7%2C11.7%2C6.2%2C10.9%2C5.3%2C10s-2-0.8-2.9%2C0c-0.5%2C0.5-0.8%2C0.8-1.3%2C1.3%20c-0.8%2C0.8-0.8%2C1.8%2C0%2C2.7c1.8%2C1.8%2C3.7%2C3.9%2C5.7%2C5.7c0.8%2C0.8%2C2%2C0.8%2C2.9%2C0c4-4%2C7.9-7.9%2C11.9-11.9C22.4%2C7%2C22.4%2C6%2C21.6%2C5%20c-0.3-0.3-0.8-0.8-1.2-1.2c-1-1-2-1-3.2%2C0c-2.9%2C2.9-5.7%2C5.7-8.7%2C8.7C8.5%2C12.5%2C8.3%2C12.7%2C8.2%2C13.1z%22%2F%3E%0A%3C%2Fsvg%3E'); display: inline-block; vertical-align: middle; margin-right: 0.7em; height: 24px; width: 24px; } .share { padding: 3em 0 0 0; text-align: left; } .share_txt { display: block; margin: 0 0 1em 0; } .share_ok, .share_vk, .share_tg { display: inline-block; margin-right: 0.3em; cursor: pointer; opacity: 0.8; height: 32px; width: 32px; } .share_ok:hover, .share_vk:hover, .share_tg:hover { opacity: 1; } .share_ok:before, .share_vk:before, .share_tg:before { display: block; height: 32px; width: 32px; } .share_ok:before { content: url('data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%23148E2b%22%20d%3D%22m-0.000525%2C31.67281c0%2C-10.539314%200%2C-21.01192%200%2C-31.551235c10.664175%2C0%2021.260859%2C0%2031.925038%2C0c0%2C10.539315%200%2C21.011921%200%2C31.551235c-0.877428%2C0%20-1.754866%2C0%20-2.564798%2C0c-9.854248%2C0%20-19.640993%2C0%20-29.36024%2C0zm18.156096%2C-11.273066c0.539961%2C-0.200117%200.944929%2C-0.333523%201.349895%2C-0.53364c0.674948%2C-0.400221%201.349895%2C-0.733742%201.957354%2C-1.267382c0.607454%2C-0.533638%200.472466%2C-1.200684%200%2C-1.80102c-0.40497%2C-0.600348%20-0.944931%2C-0.86716%20-1.687372%2C-0.533638c-0.607454%2C0.266813%20-1.214905%2C0.533638%20-1.889851%2C0.800451c-1.822365%2C0.733755%20-3.577227%2C0.667046%20-5.332091%2C-0.133408c-0.337474%2C-0.133406%20-0.674948%2C-0.333521%20-1.012422%2C-0.466928c-0.944928%2C-0.266825%20-1.889856%2C0.400221%20-1.95735%2C1.400789c-0.067494%2C0.800461%200.269979%2C1.400799%201.012422%2C1.667612c0.877435%2C0.40023%201.822358%2C0.733753%202.834779%2C1.133986c-0.539955%2C0.600334%20-1.147409%2C1.133972%20-1.61987%2C1.667612c-0.472467%2C0.533628%20-0.944928%2C1.067265%20-1.349897%2C1.667612c-0.404971%2C0.600336%20-0.337473%2C1.267384%200.269976%2C1.80102c0.539961%2C0.533638%201.214909%2C0.667046%201.822363%2C0.200117c0.472463%2C-0.333525%200.944928%2C-0.667046%201.349895%2C-1.133987c0.674949%2C-0.667044%201.349896%2C-1.400787%202.024844%2C-2.134541c0.607456%2C0.533636%201.079914%2C1.000566%201.68737%2C1.467497c0.607454%2C0.533638%201.147409%2C1.000568%201.822357%2C1.467506c0.674948%2C0.466928%201.349895%2C0.333525%201.889856%2C-0.266823c0.539957%2C-0.53364%200.607456%2C-1.200684%200.202486%2C-1.801022c-0.337479%2C-0.466928%20-0.674953%2C-0.867159%20-1.07992%2C-1.26738c-0.809935%2C-0.600348%20-1.484882%2C-1.200684%20-2.294825%2C-1.934435zm-8.099375%2C-9.672155c0%2C3.001703%202.429816%2C5.336361%205.60207%2C5.336361c3.037266%2C0%205.33209%2C-2.267949%205.33209%2C-5.40306c0%2C-2.935005%20-2.564804%2C-5.40307%20-5.534578%2C-5.40307c-3.037264%2C0.133407%20-5.399582%2C2.468066%20-5.399582%2C5.469769z%22%2F%3E%3Cpath%20d%3D%22m-0.000525%2C31.67281c9.786745%2C0%2019.573491%2C0%2029.292741%2C0c0.877432%2C0%201.754869%2C0%202.564804%2C0c-0.067493%2C0.066708%20-0.134987%2C0.133406%20-0.269979%2C0.133406c-10.461697%2C0%20-20.92339%2C0%20-31.452567%2C0c-0.00001%2C0.0667%20-0.067509%2C-0.066708%20-0.134998%2C-0.133406z%22%20fill%3D%22%23148E2b%22%2F%3E%3Cpath%20fill%3D%22%23148E2b%22%20d%3D%22m17.750605%2C10.66089c0%2C1.33409%20-0.87743%2C2.201252%20-2.227325%2C2.201252c-1.282402%2C0%20-2.159838%2C-0.93386%20-2.159838%2C-2.201252c0%2C-1.267382%200.944929%2C-2.134543%202.294825%2C-2.134543c1.282402%2C-0.000009%202.092339%2C0.86715%202.092339%2C2.134543z%22%2F%3E%3C%2Fsvg%3E'); } .share_vk:before { content: url('data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%23148E2b%22%20d%3D%22m0.249859%2C0.124904l0%2C31.730277l31.542767%2C0l0%2C-31.730277l-31.542767%2C0zm23.007904%2C17.681411l2.739408%2C3.166398c0.350176%2C0.404822%200.064342%2C1.036245%20-0.469111%2C1.036245l-3.091404%2C0c-0.488479%2C0%20-0.95902%2C-0.186066%20-1.316735%2C-0.520672l-0.915476%2C-0.856324c-1.033111%2C-0.90928%20-1.472196%2C-1.221135%20-1.885414%2C-1.221135c-0.413218%2C0%20-0.516555%2C0.311723%20-0.516555%2C1.117183c0%2C0.805329%20-0.154941%2C1.480948%20-2.531044%2C1.480948s-4.235651%2C-1.792671%20-6.327609%2C-4.572553c-2.091959%2C-2.779882%20-3.021732%2C-5.767667%20-3.021732%2C-5.767667c-0.115426%2C-0.373963%200.16248%2C-0.753419%200.551781%2C-0.753419l2.473851%2C0c0.470541%2C0%200.899098%2C0.273543%201.096413%2C0.703208c0.202515%2C0.441042%200.550871%2C1.121629%201.146717%2C2.128584c0.845544%2C1.428907%201.657813%2C2.072621%202.117955%2C2.346686c0.171319%2C0.102121%200.387352%2C-0.024059%200.387352%2C-0.224378l0%2C-3.427388c0%2C-0.448495%20-0.16105%2C-0.881822%20-0.453643%2C-1.220219l-0.348746%2C-0.403384c-0.090209%2C-0.104344%20-0.016508%2C-0.266874%200.120885%2C-0.266874l3.909781%2C0c0.599095%2C0%201.084714%2C0.488506%201.084714%2C1.091163l0%2C3.985849c0%2C0.256806%200.331329%2C0.357227%200.472361%2C0.143309l2.814018%2C-4.266191c0.221882%2C-0.336306%200.596495%2C-0.538586%200.997625%2C-0.538586l3.303277%2C0c0.451434%2C0%200.725959%2C0.500143%200.485619%2C0.884567l-2.922945%2C4.673366c-0.251519%2C0.402338%20-0.211484%2C0.922748%200.098658%2C1.281283z%22%2F%3E%3C%2Fsvg%3E'); } .share_tg:before { content: url('data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2032%2032%22%20xml%3Aspace%3D%22preserve%22%3E%3Crect%20y%3D%220.1%22%20fill%3D%22%23148E2b%22%20width%3D%2232%22%20height%3D%2231.8%22%2F%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M16.6%2C20.6c-0.3%2C0.3-0.6%2C0.6-0.9%2C0.9c-0.4%2C0.4-0.9%2C0.9-1.3%2C1.3c-0.5%2C0.6-1.2%2C0.4-1.4-0.3%20c-0.5-1.6-1-3.3-1.6-5c-0.1-0.2-0.2-0.3-0.3-0.3c-1.4-0.4-2.7-0.8-4.1-1.2c-0.1%2C0-0.1%2C0-0.2-0.1c-0.3-0.1-0.4-0.3-0.5-0.6%20c0-0.3%2C0.1-0.5%2C0.4-0.6c0.3-0.1%2C0.5-0.2%2C0.8-0.3c5.6-2.2%2C11.1-4.3%2C16.7-6.5c0.2-0.1%2C0.5-0.1%2C0.7-0.1C25.5%2C8%2C25.8%2C8.5%2C25.7%2C9%20c-0.8%2C3.7-1.5%2C7.4-2.3%2C11.1c-0.2%2C1-0.4%2C2.1-0.7%2C3.1c-0.2%2C0.9-0.9%2C1.2-1.6%2C0.6c-1.4-1-2.8-2.1-4.2-3.1C16.7%2C20.7%2C16.7%2C20.7%2C16.6%2C20.6%20z%20M13.4%2C21.6C13.4%2C21.6%2C13.5%2C21.6%2C13.4%2C21.6c0.1-0.1%2C0.1-0.2%2C0.1-0.3c0.1-0.8%2C0.2-1.6%2C0.3-2.4c0-0.3%2C0.1-0.4%2C0.3-0.6%20c2.5-2.2%2C5.1-4.5%2C7.6-6.7c0.1-0.1%2C0.3-0.2%2C0.4-0.4c0.1-0.1%2C0-0.2%2C0.1-0.3c-0.1%2C0-0.2%2C0-0.3%2C0c0%2C0-0.1%2C0-0.1%2C0.1%20c-3.1%2C1.9-6.3%2C3.9-9.4%2C5.8C12%2C16.9%2C12%2C17%2C12.1%2C17.5c0.4%2C1.3%2C0.8%2C2.6%2C1.2%2C3.9C13.3%2C21.4%2C13.4%2C21.5%2C13.4%2C21.6z%22%2F%3E%3Cpath%20fill%3D%22%23148E2b%22%20d%3D%22M13.4%2C21.6c0-0.1-0.1-0.1-0.1-0.2c-0.4-1.3-0.8-2.6-1.2-3.9C12%2C17%2C12%2C16.9%2C12.4%2C16.7%20c3.1-1.9%2C6.3-3.9%2C9.4-5.8c0%2C0%2C0.1-0.1%2C0.1-0.1c0.1%2C0%2C0.2%2C0%2C0.3%2C0c0%2C0.1%2C0%2C0.2-0.1%2C0.3c-0.1%2C0.1-0.3%2C0.3-0.4%2C0.4%20c-2.5%2C2.3-5.1%2C4.5-7.6%2C6.7c-0.2%2C0.2-0.3%2C0.4-0.3%2C0.6c-0.1%2C0.8-0.2%2C1.6-0.3%2C2.4C13.5%2C21.4%2C13.5%2C21.5%2C13.4%2C21.6%20C13.5%2C21.6%2C13.4%2C21.6%2C13.4%2C21.6z%22%2F%3E%3C%2Fsvg%3E'); } .footer { -webkit-box-shadow: 0px 16px 24px -21px rgba(0,0,0,0.12) inset; -moz-box-shadow: 0px 16px 24px -21px rgba(0,0,0,0.12) inset; -ms-box-shadow: 0px 16px 24px -21px rgba(0,0,0,0.12) inset; -o-box-shadow: 0px 16px 24px -21px rgba(0,0,0,0.12) inset; box-shadow: 0px 16px 24px -21px rgba(0,0,0,0.12) inset; border-top: 1px solid #E9E9E9; background: #F5F5F5; padding: 2em 0; text-align: center; font-size: 0.95em; color: #111; } .footer_item { display: inline-block; vertical-align: top; text-align: left; padding: 2em; } .footer_item a { text-decoration: none; color: #444; } .footer_item a:hover { text-decoration: underline; } .footer_title { font-size: 1.2em; margin: 1em 0; } @media screen and (min-width:240px) and (max-width:800px) { body { max-width: 100%; } h1 { padding: 1.3em 1.5em; } .header { padding: 0 1em; } .tools_main, .tools_header, .tools_section { display: block; width: 100%; padding: 0; margin: 0; } .tools_header { margin-bottom: 1.5em; } .tools { margin-top: 1em; display: block; width: 100%; } .ci_tool, .footer_item { width: 100%; } .ci_first, .ci_tool, .similar { padding: 3em 2em; } .ci .ci_tool:first-child, .ci .ci_tool:last-child { width: 100%; } .ci .ci_tool:first-child { padding-bottom: 0; } .ci_indent { margin-top: -2em; } .reclame { max-width: 200px; } .footer_item { padding: 1em 2em; } } @media screen and (min-width: 801px) { .reclame { width: 85%; }}