body { font-family: 'Microsoft YaHei UI'; font-size: 16px; margin: 0 auto; padding: 0; background: #F9F5EA; min-width: 255px; max-width: 2000px; font-weight: 100}span, img, div, section, a, i, footer { display: inline-block; text-decoration: none}a { text-decoration: none; color: inherit; cursor: pointer}.Nav { width: 100%; height: 70px}nav { width: 100%; position: fixed; left: 0; top: 0; display: flex; background: #444f36; z-index: 500}.Logo, .Nav_Category_Name { padding: 10px}.Logo { height: 100%; vertical-align: middle; padding-right: 50px; padding-left: 20px; height: 50px; flex: 0 0 auto}.PoliceMainImage { position: fixed; left: 10px; top: 80px; cursor: se-resize}.Navigation { color: #efefef; text-align: left; flex: 1 1 auto}.Category { text-align: left; flex: 0 0 auto; width: 100%}.Nav_Category { cursor: pointer; position: relative; vertical-align: middle}.SonNavigation_Wrap { position: absolute; left: 0; top: 70px; background: #313726; width: 200px; color: #efefef; display: none}.Nav_Category_Name { padding-left: 20px; padding-right: 20px; line-height: 50px} .Nav_Category_Name:hover { background: #313726}.SonNavigation { line-height: 50px; position: relative; text-align: center}.SonNavigation_Wrap a { width: 100%}.SonNavigation:hover, .GrandSonNavigation:hover, .SonNavigation_Son_Son > span:hover { background: #332f2a}.SonNavigation_Wrap > .SonNavigation, .SonNavigation_Son_Son > span { width: 100%}.GrandSonNavigation_Wrap, .SonNavigation_Son_Son { position: absolute; top: 0px; left: 200px; width: 200px; text-align: center; display: none; background: #313726} .GrandSonNavigation_Wrap > span { position: relative; width: 100%; background: #313726}.GrandSonNavigation { line-height: 50px; width: 100%; background: #313726}.FacebookEdgShow, .MenuPhoneShow { display: none}.Nav_Category:hover .SonNavigation_Wrap { display: inline-block}.SonNavigation:hover .GrandSonNavigation_Wrap { display: inline-block}.GrandSonNavigation:hover .SonNavigation_Son_Son { display: inline-block}.Nav_Contact { float: right; padding: 10px; padding-right: 30px; line-height: 50px; vertical-align: middle}.Nav_Contact_Son { padding: 0 5px; cursor: pointer; border-radius: 5px} .Nav_Contact_Son:hover { background: #000} .Nav_Contact_Son > svg { vertical-align: middle; background: #000; border-radius: 5px; padding: 4px}section { width: 100%; display: inline-block}footer { height: 40px; background: #000; color: #efefef; width: calc(100% - 40px); padding: 20px; margin-bottom: -4px; line-height: 40px; font-size: 12px}.Bottom_Copyright { float: left}.Bottom_CaseNumber { float: right; padding-right: 20px; cursor: pointer}.Bottom_Contact { display: none}.form-control { padding: 15px; border: 1px solid #efefef; outline: none; width: calc(100% - 60px)}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button { -webkit-appearance: none}.member-form, .rpo-form input[type="number"] { -moz-appearance: textfield}.btn { border: none; padding: 15px 30px; border-radius: 8px; cursor: pointer; outline: none}.btn-secondary, .btn-default { border: 1px solid #efefef; background: #fff} .btn-secondary:hover { background: #efefef}.btn-success { background: #00bd66; color: #fff} .btn-success:hover { background: #20c997}.btn-info { color: #fff; background: #3699FF} .btn-info:hover { background: #007bff}.Bottom_Footer_Br { display: none}.BottomPoliceCY:hover { color: orange}@media(max-width:953px) { .Bottom_Contact { display: inline-block; float: right; padding-right: 20px} .Bottom_Contact_Son > svg { padding: 5px; border-radius: 3px}}@media(max-width:745px) { nav { display: inline-block} .MenuPhoneShow { display: inline-block; line-height: 70px; padding-left: 20px; float: left} .MenuPhoneShow > svg { vertical-align: middle} .Navigation { display: none} .Navigation.active { display: block}}@media(max-width:610px) { footer { height: 60px} .Bottom_Footer_Br { display: inline-block} .Bottom_CaseNumber { float: left}}@media(max-width:525px) { .Bottom_Contact { float: none} bottom { text-align: center; height: 30px; padding: 10px 20px 5px}}@media(max-width:365px) { .Logo { padding-right: 0}}@keyframes a { 0% { opacity: 0; bottom: -15px; max-height: 0; max-width: 0; margin-top: 0} 30% { opacity: .8; bottom: -3px} to { opacity: 1; bottom: 0; max-height: 200px; margin-top: 12px; max-width: 400px}}@-webkit-keyframes b { 0% { opacity: 1; bottom: 0} 30% { opacity: .2; bottom: -3px} to { opacity: 0; bottom: -15px}}@keyframes b { 0% { opacity: 1; bottom: 0} 30% { opacity: .2; bottom: -3px} to { opacity: 0; bottom: -15px}}@-webkit-keyframes c { 0% { opacity: 0} 30% { opacity: .5} to { opacity: .6}}@keyframes c { 0% { opacity: 0} 30% { opacity: .5} to { opacity: .6}}@-webkit-keyframes d { 0% { opacity: .6} 30% { opacity: .1} to { opacity: 0}}@keyframes d { 0% { opacity: .6} 30% { opacity: .1} to { opacity: 0}}.notyf-container { position: fixed; bottom: 20px; right: 30px; width: auto; color: #fff; z-index: 1; z-index: 9999999} .notyf-container .notyf-alert-icon, .notyf-container .notyf-confirm-icon { height: 21px; width: 21px; background: #fff; border-radius: 50%; display: block; margin: 0 auto; position: relative} .notyf-container .notyf-alert-icon:after, .notyf-container .notyf-alert-icon:before { content: ""; background: #ed3d3d; display: block; position: absolute; width: 3px; border-radius: 3px; left: 9px} .notyf-container .notyf-alert-icon:after { height: 3px; top: 14px} .notyf-container .notyf-alert-icon:before { height: 8px; top: 4px} .notyf-container .notyf-confirm-icon:after, .notyf-container .notyf-confirm-icon:before { content: ""; background: #3dc763; display: block; position: absolute; width: 3px; border-radius: 3px} .notyf-container .notyf-confirm-icon:after { height: 6px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); top: 9px; left: 6px} .notyf-container .notyf-confirm-icon:before { height: 11px; -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 5px; left: 10px} .notyf-container .notyf { display: block; overflow: hidden; -webkit-animation: a .3s forwards; animation: a .3s forwards; box-shadow: 0 1px 3px 0 rgba(0,0,0,.45); position: relative; padding-right: 16px; padding-left: 16px} .notyf-container .notyf.alert { background: #ed3d3d} .notyf-container .notyf.confirm { background: #3dc763} .notyf-container .notyf.disappear { -webkit-animation: b .3s 1 forwards; animation: b .3s 1 forwards; -webkit-animation-delay: .25s; animation-delay: .25s} .notyf-container .notyf.disappear .notyf-message { opacity: 1; -webkit-animation: b .3s 1 forwards; animation: b .3s 1 forwards; -webkit-animation-delay: .1s; animation-delay: .1s} .notyf-container .notyf.disappear .notyf-icon { opacity: 1; -webkit-animation: d .3s 1 forwards; animation: d .3s 1 forwards} .notyf-container .notyf-wrapper { display: table; width: 100%; padding-top: 20px; padding-bottom: 20px; padding-right: 15px; border-radius: 3px} .notyf-container .notyf-icon { display: table-cell; width: 20%; text-align: center; vertical-align: middle; font-size: 1.3em; opacity: 0; -webkit-animation: c .5s forwards; animation: c .5s forwards; -webkit-animation-delay: .25s; animation-delay: .25s} .notyf-container .notyf-message { display: table-cell; width: 80%; vertical-align: middle; position: relative; opacity: 0; -webkit-animation: a .3s forwards; animation: a .3s forwards; -webkit-animation-delay: .15s; animation-delay: .15s}@media only screen and (max-width:736px) { .notyf-container { width: 90%; margin: 0 auto; display: block; right: 0; left: 0}}