@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;400;500&display=swap');/**/html {    font-family: sans-serif;    -ms-text-size-adjust: 100%;    -webkit-text-size-adjust: 100%;    font-size: 62.5%;    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}body {    margin: 0;    font-family: 'Noto Sans TC', sans-serif;    font-size: 1.55em;    font-weight: 400;    line-height: 1.428571429;    color: #000000;    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#371e82+0,783a92+14 */    background: #fff;    /* Old browsers */    IE10+,    FF16+,    Chrome26+,    Opera12+,    Safari7+*/ filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#371e82', endColorstr='#783a92', GradientType=0);    /* IE6-9 */    background-size: 100% 100%;    height: -webkit-fill-available;}@media (max-width:1199px) and (min-width:992px) {    body {        background-size: 100% auto;        background-position: 0 0px;    }}}@media (max-width:991px) and (min-width:768px) {    body {        background-size: 100% auto;        background-position: 0 0px;    }}@media (max-width:767px) {    body {        background: #fff;        /* Old browsers */        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#381d82', endColorstr='#7e3c92', GradientType=0);        /* IE6-9 */        background-size: 100% auto;        height: -webkit-fill-available;    }}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {    display: block}a {    background: transparent;    color: #000;    text-decoration: none;    outline: none;    /* for Firefox Google Chrome  */        behavior: expression(this.onFocus=this.blur());    /* for IE */}a:active,a:hover {    outline: 0;    color: #000000;    /*-moz-opacity: 0.73;    opacity: 0.73;*/        -webkit-transition: all 0.5s ease 0s;    -moz-transition: all 0.5s ease 0s;    -o-transition: all 0.5s ease 0s;    -ms-transition: all 0.5s ease 0s;    transition: all 0.5s ease 0s;    text-decoration: none;}a:visited {    text-decoration: none;}a:focus {    outline: none;    outline-offset: -2px;    text-decoration: none;}h1 {    font-size: 2em;    margin: .67em 0;}img {    border: 0;    vertical-align: middle;}/* a img:hover{-webkit-filter:opacity(.8);    transition: all .3s ease;    -webkit-transition: all .3s ease;    -moz-transition: all .3s ease;} */input,button,select,textarea {    font-family: inherit;    font-size: inherit;    line-height: inherit;    outline: none;    /* for Firefox Google Chrome  */        behavior: expression(this.onFocus=this.blur());    /* for IE */}::selection {    background: #5686da;    color: #fff;}::-moz-selection {    background: #5686da;    color: #fff;}.container {    background: #fff;}.site-header .container {    position: relative;    padding-left: 8px;    padding-right: 8px;}.site-main {    padding-top: 192px;}.site-main2 {    padding-top: 51px;}.navbar-brand {    margin: 0;    height: auto;    padding: 20px 0 0 15px;    text-align: center;    position: relative;}.txt_blue {    color: #5686da !important;}/* BG */.background-white {    background-color: #fff !important;}/*MARGIN*/.margin_0 {    margin: 0px;}.list_margin {    margin-top: 20px !important;    margin-bottom: 40px !important;}/*PADDING*/.padding_0 {    padding: 0;}.input_padding {    padding-right: 15px;    padding-left: 0px;}.modal_padding {    padding: 10px 0;}.index_padding {    padding-top: 40px !important;    padding-bottom: 15px !important;}.page_padding {    padding-top: 20px !important;    padding-bottom: 25px !important;}.footer_padding {    padding-top: 60px !important;    padding-bottom: 50px !important;}@media (max-width:767px) {    .padding_turn0 {        padding: 0 !important;    }        .index_padding {        padding-top: 15px !important;        padding-bottom: 0 !important;    }        .page_padding {        padding-top: 10px !important;        padding-bottom: 0px !important;    }        .footer_padding {        padding-top: 40px !important;        padding-bottom: 40px !important;    }}/*MAP*/.iframe_rwd {    position: relative;    padding-top: 350px;    height: 0;    overflow: hidden;    border: 0;    border-top: 1px #CCC solid;}.iframe_rwd iframe {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;}/*header*/.site-header .container {    position: relative;}.site-navbar {    background: #5686da;    height: 120px;    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);}.site-navbar2 {    height: 62px;}.navbar-brand {    float: none;    margin: 0 auto !important;    height: auto;    padding: 0 0 4px;    text-align: left;    position: relative;}.navbar-brand a {    display: inline-block;}.navbar-brand img {    margin: 12px 0 6px;}.navbar-brand img:hover {    -webkit-filter: opacity(.8);    opacity: 0.8;    transition: all .3s ease;    -webkit-transition: all .3s ease;    -moz-transition: all .3s ease;}header .nav>li span {    display: none;}.header_tool {    float: left;    width: 100%;    height: auto;    margin-top: 0px;}.header_tool .pull-right {    margin-top: 20px;}.header_tool h1 {    text-align: center;    margin-top: 20px;    font-size: 1.4em;    font-weight: 400;    color: #fff;}.header_tool a {    display: inline-block;    color: #273773;    padding: 0 8px;    position: relative;}.header_tool a:hover {    color: #111;}.dropdown_frame {    border-radius: 10px;    height: 45px;    border: none;    font-size: 1.25em;    color: #5686da;    font-weight: 400;}.dropdown_frame option {    text-align: center;}.form-group {    margin-bottom: 13px;    padding-left: 25px;    padding-right: 25px;}.form-control {    border-radius: 10px;    height: 45px;    border: none;    font-size: 1.25em;    color: #5686da;    font-weight: 400;    background: #fff url(templates/default/images/chevron-down-solid.png) right 10px center no-repeat;    -webkit-appearance: none;    background-size: auto 20%;}.navbar-fixed-top,.navbar-fixed-bottom {    z-index: 999;}/*nav*/#mobile_nav {    position: fixed !important;    bottom: 0;    width: 100%;    text-align: center;    z-index: 5;    _position: absolute;    _top: expression(documentElement.scrollTop+documentElement.clientHeight-this.clientHeight-4);    box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.2);    z-index: 999;    color: #fff;    background: #fff;}#mobile_nav .nav_btn {    display: inline-block;    color: #000;    padding: 12px 5px 0px;}#mobile_nav .nav_btn i {    font-size: 1.35em;    margin-bottom: 6px;    cursor: pointer;    height: 20px;}#mobile_nav .nav_btn p {    font-weight: 400;    cursor: pointer;}#mobile_nav .nav_block {    display: block;}#nav-toggle {    display: none;}.overlay {    position: fixed;    display: none;    width: 100%;    height: 100%;    top: 0;    left: 0;    right: 0;    bottom: 0;    background-color: rgba(53, 53, 53, 0.8);    z-index: 1001;}/* Nav Style */.menu {    position: fixed;    display: none;    left: 0;    top: 0;    padding: 25px 30px;    background: #fff;    height: 100%;    border-radius: 0 20px 0 0;    z-index: 1002;}#nav-toggle:checked~.menu {    transform: none;}.menu-list {    list-style: none;    margin: 0;    padding: 0;}.menu-list li {    padding-bottom: 15px;    border-bottom: 1px solid #dce9ff;}.menu-list li i {    widows: 25px;    text-align: center;}#mobile_nav .nav_btn .menu-list img {    margin-bottom: 30px;    margin-top: 10px;}.menu-list span {    font-size: 1.05em;}.menu-list i {    color: #5686da;    font-size: 1.15em;    width: 20px;}.menu-item+.menu-item {    margin-top: 16px;}.menu-link {    text-decoration: none;    color: #000;    text-align: left;}/*操作說明*/.inform_icon i {    font-size: 1.55em;    position: fixed;    line-height: 28px;    text-align: center;    width: 28px;    height: 28px;    z-index: 2;    color: #f5303f;    background: #fff;    border-radius: 50%;    box-shadow: 1px 1px 4px 2px #cccccc;    left: 10px;    bottom: 80px;}/* WHITE AREA */.white_bg {    padding: 20px 15px 90px;}.blue_bg {    background-image: url(templates/default/images/blue_bg.jpg);    background-size: cover;    width: 100%;    background-repeat: no-repeat;    height: 1000px;}.gradient_bg {    padding: 20px 20px 45px;    background: #ffffff;    /* Old browsers */        background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 63%, #ffffff 67%, #ececec 100%);    /* FF3.6-15 */        background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 63%, #ffffff 67%, #ececec 100%);    /* Chrome10-25,Safari5.1-6 */        background: linear-gradient(to bottom, #ffffff 0%, #ffffff 63%, #ffffff 67%, #ececec 100%);    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececec', GradientType=0);    /* IE6-9 */}.gradient_bg .btn-area {    display: inline-block;    margin: 0;    padding: 15px 15px;    background: #ececec;    border-radius: 6px;    text-align: center;}@media (max-width:500px) {    .gradient_bg {        padding: 20px 20px 30px;    }        .gradient_bg .btn-area {        margin: 0;        padding: 10px 10px;    }        .blue_bg {        background-image: url(templates/default/images/blue_bg.jpg);        background-size: cover;        width: 100%;        background-repeat: no-repeat;        height: auto;    }}/*modal*/.modal-content {    border-radius: 15px;    border: none;    background: rgb(57, 30, 130, 0.9);}.modal-content {    background: rgb(57, 30, 130);    zoom: 1;    /*hasLayout*/        filter: progid: DXImageTransform.Microsoft.Alpha(opacity=70);    /*70%不透明度*/        position: absolute;    top: 0;}.modal-title {    font-size: 1.15em;    font-weight: 500;}.modal-title i {    color: #5F8EDC;    font-size: 1.3em;}.modal_body_content .title_box {    margin: auto;    text-align: center;}.modal_body_content .title_box::before {    content: '';    display: inline-block;    height: 100%;    width: 0;    vertical-align: middle;}.modal_body_content .title_box h3 {    display: inline-block;    padding: 8px;    line-height: 120%;    border-radius: 15px;    font-weight: 600;    vertical-align: middle;}.modal_body_content p {    color: #a3a3a3;    font-size: 1.05em;    font-weight: 400;    line-height: 160%;    text-align: left;}.vertical-alignment-helper {    display: table;    height: 100%;    width: 100%;    pointer-events: none;}.vertical-alignment-helper .vertical-align-center {    /* To center vertically */        display: table-cell;    vertical-align: middle;    pointer-events: none;    margin: auto;}.modal-dialog {    height: 80% !important;    padding-top: 10%;}.modal_txtbox {    padding: 20px 20px 30px;    line-height: 200%;    font-size: 1.3em;}.modal-content {    border-radius: 15px;    border: none;    background: rgb(57, 30, 130, 0.9);}.modal_body {    background-color: #fff;    color: #222;    font-size: 1em;    padding: 10px;}.modal_body_content .title_box h3.margin_0 {    margin: 0px;}.modal-dialog {    height: 80% !important;    padding-top: 20%;}.modal_txtbox {    padding: 10px 0px 30px;}.modal_body .modal_body_content .title_box .yellow_bg {    border-radius: 10px;    background-color: #fff799;    padding: 10px 20px;    margin-bottom: 20px;}.modal_body .modal_body_content .modal_select {    width: 66%;    height: 42px;    line-height: 45px;    border: 0;    background: #fff;    border-radius: 6px;    outline: none;    color: #555;    position: relative;}/* 即時訊息 */.message_box {    position: relative;    background: #fff;    margin: 10px 0;    padding: 15px 20px 19px;    border-radius: 10px;    box-shadow: 0px 0px 8px 0px rgba(3, 3, 3, 0.18);    outline: none;}.ellipsis {    overflow: hidden;    white-space: nowrap;    text-overflow: ellipsis;}.message_box h3,.message_box h3:visited,.message_box h3:focus {    margin-top: 5px;    font-size: 1.1em;    font-weight: 400;    color: #000;}.message_box p {    font-size: 1em;    color: #a3a3a3;    font-weight: 400;}.message_box .date {    color: #4273c2;    font-weight: 400;    font-size: 1em;}.message_box i {    position: relative;    padding-right: 32px;    float: right;    font-size: 1.6em;    padding-top: 30px;    color: #4273c2;}/*modal*/.modal-footer {    padding: 5px 5px;    background-color: #fff;    border-radius: 0 0 10px 10px;}.modal_header {    background: #ffffff;    color: #222;    -webkit-border-top-left-radius: 5px;    -webkit-border-top-right-radius: 5px;    -moz-border-radius-topleft: 5px;    -moz-border-radius-topright: 5px;    border-top-left-radius: 5px;    border-top-right-radius: 5px;}.modal_header i {    padding-right: 7px;}.modal_body_content {    padding-bottom: 10px;}.modal_product_detail_list {    float: left;    list-style-type: none;    padding: 0;}.modal_product_detail_list li {    padding-bottom: 5px;}.modal_product_detail_list li a {    color: #313131;}.modal_product_detail_list li a:hover {    color: #ed6953;}.modal_product_detail_list h3 {    font-weight: 400;    font-size: 1.15em;    line-height: 1.6;}.modal-header {    padding: 18px 15px 14px}.btn-first {    color: #fff;    background-color: #ff6201;}.btn-second {    color: #fff;    background-color: #333;}.btn-first:hover,.btn-first:active,.btn-first:focus,.btn-second:hover,.btn-second:active,.btn-second:focus {    color: #CCC !important;}.modal-footer .btn-first,.modal-footer .btn-second {    padding: 12px 5px;    font-size: 1.1em;}.modal-footer .btn_left {    text-align: left;    color: #5F8EDC;    font-size: 1.5em;}.modal-footer .btn_right {    text-align: right;    font-weight: 400;    color: #5F8EDC;}/* TERMINAL */.terminal_box {    padding: 13px 15px 15px;}.terminal_box table tr td {    font-size: 1em;    padding: 5px 0;    font-weight: 400;}.terminal_box .location {    color: #5F8EDC;}.terminal_box .name {    font-weight: 400;    color: #000;}.terminal_box .number {    color: #5c5c5c;    text-align: right;    font-weight: 400;}.modal_product_detail_list table tr {    border-bottom: 1px solid #e5e5e5;}.modal_product_detail_list table tr td {    font-size: 1em;    padding: 15px 0;    font-weight: 400;}.modal_product_detail_list table .no_line td {    border-bottom: none;}.modal_product_detail_list table tr .modal_right {    text-align: right;    color: #a3a3a3;    font-weight: 400;}/* LINK */.link_box {    padding: 0px 0px 0px;    height: 100px;    line-height: 100px;}.link_box .content {    color: #000;    font-weight: 400;    font-size: 1em;}.padding_10 {    padding: 0 10px;}.link_box img {    height: 100px;}/*news*/.news_box {    background: #fff;    width: 100%;    z-index: -1;    background-color: #ffffff;    box-shadow: 0 2px 5px rgb(0 0 0 / 20%);}.news_box .news_txt {    padding: 14px 33px 0px 16px;}.news_box p {    z-index: 1;    font-size: 1.15em;    font-weight: 400;    margin-bottom: 5px;    overflow: hidden;    text-overflow: ellipsis;    display: -webkit-box;    -webkit-line-clamp: 1;    -webkit-box-orient: vertical;}.news_box i {    color: #5F8EDC;}.delete_right i {    position: absolute;    right: 16px;    top: 17px;    font-size: 1.2em;    color: #111;}.dot_area {    padding-top: 0px;    text-align: center;    font-size: 0.8em;    padding-bottom: 10px;}.dot_area a {    margin: 0 2px;    color: rgba(86, 134, 218, 0.2);}.dot_area a:hover,.dot_area a.active {    color: rgba(86, 134, 218, 0.8);}/* MAP */.map_content {    position: relative;    width: 100%;    height: 450px;}.map_content .white_icon i,.map_content .white_icon i:visited,.map_content .white_icon i:focus {    font-size: 1.25em;    position: absolute;    line-height: 50px;    text-align: center;    width: 50px;    height: 50px;    z-index: 2;    background: #fff;    border-radius: 50px;    box-shadow: 3px 2px 4px 2px #cccccc;    right: 15px;}.map_content .fa-layer-group {    top: 20px;}/*.map_content .fa-heart {    top: 85px;}*/.map_content .fa-location-arrow {    top: 85px;}.map_content .fa-stopwatch {    top: 145px;}/*select_icon*/.map_content .select_area {    display: inline-block;    width: 100px;    text-align: center;    margin: 10px;    position: absolute;}.map_content .select_icon .select_area .select_txt {    font-size: 0.95em;    background: url(templates/default/images/map_window_bg_big.png)bottom no-repeat;    height: 81px;    line-height: 1.4;    padding: 28px 16px;    text-align: left;}.map_content .select_icon .select_area .select_txt2 {    background: url(templates/default/images/map_window_bg_small.png)bottom no-repeat;    height: 63px;    padding: 29px 16px;}.map_content .select_icon .select_area .select_txt i {    margin-right: 5px;    color: #000;}.map_content .select_icon .select_area .icon_big {    font-size: 1.2em;    border-radius: 50px;    width: 40px;    height: 40px;    padding: 2px;    line-height: 40px;    text-align: center;    color: #fff;    margin: 0 auto;    border: 2.5px solid #fff;    box-shadow: 0px 0px 6px 2px rgb(0 0 0 / 10%);}.map_content .icon_camera {    background: #5686da url('templates/default/images/icon_camera.svg') no-repeat;}.map_content .icon_alert {    background: #5686da url('templates/default/images/icon_alert.svg') no-repeat;    background-size: contain;}.select_red .icon_car {    background: #e83a37 url('templates/default/images/icon_car.svg') no-repeat;}.select_red .icon_container {    background: #e83a37 url('templates/default/images/icon_container.svg') no-repeat;}.select_red .icon_gate {    background: #e83a37 url('templates/default/images/icon_gate.svg') no-repeat;}.select_green .icon_car {    background: #5eb640 url('templates/default/images/icon_car.svg') no-repeat;}.select_green .icon_container {    background: #5eb640 url('templates/default/images/icon_container.svg') no-repeat;}.select_green .icon_gate {    background: #5eb640 url('templates/default/images/icon_gate.svg') no-repeat;}.select_yellow .icon_car {    background: #f5b73f url('templates/default/images/icon_car.svg') no-repeat;}.select_yellow .icon_container {    background: #f5b73f url('templates/default/images/icon_container.svg') no-repeat;}.select_yellow .icon_gate {    background: #f5b73f url('templates/default/images/icon_gate.svg') no-repeat;}.map_content .position1 {    top: 70%;    left: 60%;}.map_content .position2 {    top: 65%;    left: 5%;}.map_content .position3 {    top: 40%;    left: 50%;}.map_content .position4 {    top: 20%;    left: 40%;}.map_content .position5 {    top: 30%;    left: 0%;}.map_content .position6 {    top: 40%;    left: 30%;}.map_content .position7 {    top: 0%;    left: 65%;}.map_content .position8 {    top: 50%;    left: 20%;}.map_content .position9 {    top: 10%;    left: 0%;}.map_content .position10 {    top: 0%;    left: 25%;}.map_content .position11 {    top: 14%;    left: 10%;}#exampleModal_select .modal_body_content ul div {    border-radius: 18px;    font-weight: 400;    border: 1px solid #fff;    padding: 14px 4px;    text-align: center;    font-size: 1em;    width: 30%;    margin: 1.5%;    background-color: #fff;    box-shadow: 0px 0px 8px 0px rgba(3, 3, 3, 0.18);}#exampleModal_select .modal_body_content ul div i {    color: #5F8EDC;    font-size: 1.5em;    padding-bottom: 5px;}#exampleModal_select .modal_body_content ul a div .img_blue {    display: inline-block;}#exampleModal_select .modal_body_content ul a.active div .img_blue {    display: none !important;}#exampleModal_select .modal_body_content ul a div .img_white {    display: none;}#exampleModal_select .modal_body_content ul a.active div .img_white {    display: inline-block !important;}#exampleModal_select .modal_body_content ul .active div {    background-color: #5F8EDC;    border: #5F8EDC 1px solid;    color: #fff;}#exampleModal_select .modal_body_content ul .active div i {    color: #fff;}#exampleModal_select .modal-footer a,#qrcode_check .modal-footer a,#GPS .modal-footer a {    display: inline-block;    width: auto;    font-weight: 400;}#exampleModal_saved .modal_body_content a img {    width: 100px;    max-width: 100%;    height: auto;    border-radius: 10px 0 0 10px;    margin: 0;}#exampleModal_saved .modal_body_content .modal_product_detail_list {    margin: 5px 0;    border: rgb(208, 208, 208) 1px solid;    border-radius: 10px;    width: 100%;}#exampleModal_saved .modal_body_content .modal_product_detail_list a p {    padding: 10px 5px;    margin-bottom: 0;    color: #000;    font-weight: 600;    font-size: 1em;    font-weight: 400;}#exampleModal_saved .modal_body_content .modal_product_detail_list a p span {    color: #a3a3a3;}#exampleModal_saved .modal_body_content .modal_product_detail_list a .fa-heart {    float: right;    font-size: 1.1em;    color: #5F8EDC;    position: absolute;    padding: 28px 30px 28px 5px;}#exampleModal_saved .modal-footer a,#exampleModal_clock .modal-footer a {    float: right;    display: table;    font-weight: 400;}@media (max-width: 480px) {    #exampleModal_saved .modal_body_content .modal_product_detail_list a p {        font-size: 0.9em;        padding: 10px 0 10px 0px;    }        #exampleModal_saved .modal_body_content .modal_product_detail_list a .fa-heart {        padding: 28px 26px 28px 5px;    }}.sm-form-control {    font-weight: 400;    -webkit-appearance: none;    display: block;    width: 100%;    height: auto;    padding: 14px 14px;    font-size: 1em;    line-height: 1.42857143;    color: #808080;    background: transparent;    border: 1px #c3daff solid;    border-radius: 10px;    -webkit-transition: border-color ease-in-out .15s;    -o-transition: border-color ease-in-out .15s;    transition: border-color ease-in-out .15s;    background: #fff url(templates/default/images/chevron-down-solid.png) right 10px center no-repeat;    -webkit-appearance: none;    background-size: auto 20%;}i.fa-angle-down {    position: absolute;    bottom: 18px;    right: 35px;    z-index: 2;    color: #4c545f;}#exampleModal_clock .modal_body_content div {    margin: 3px 0;}#exampleModal_clock .modal_body_content h4,#select_memory .modal_body_content h4,#select_gas .modal_body_content h4 {    font-weight: 500;    font-size: 1em;}.modal_body_content label {    font-weight: 400;}#exampleModal_clock2 .modal_body_content div,#select_triangle .modal_body_content div,#select_car .modal_body_content div {    border-bottom: #e8e8e8 1px solid;    margin: 20px 0;}#exampleModal_clock2 .modal_body_content div span,#select_triangle .modal_body_content div span,#select_car .modal_body_content div span {    float: right;    color: #a3a3a3;    font-weight: 400;}.modal_save {    border-radius: 10px;    width: 180px;    color: #fff;    background: rgba(0, 0, 0, 0.59);    margin: 0 auto;    padding: 20px 20px 10px 20px;    text-align: center;}.modal_save i {    font-size: 2.6em;    margin-bottom: 10px;}.cctv_name p {    margin-top: 15px;    color: #111;    font-weight: 400;    font-size: 1em;}.cctv_name span {    color: #a3a3a3;}.cctv_name a i {    font-size: 1.25em;    padding: 15px 0;    margin-top: 15px;}#select_cctv img {    border-radius: 10px;}#select_cctv .modal_body {    border-radius: 0 0 5px 5px;}.intro_box {    margin: 0 auto;    background: #fff;    padding: 19px 0 19px;    margin-top: 50px;}.intro_area .blue_bg .row {    margin: 15px 0;}.intro_area .blue_bg .row p {    color: #fff;    font-size: 0.8em;}.intro_area .blue_bg .row img {    border-radius: 10px;}.intro_area .blue_bg p {    color: #fff;    font-weight: 300;    line-height: 1.65;    font-size: 0.95em;    margin-bottom: 15px;}.intro_area .blue_bg h2 {    font-size: 1.15em;    color: #fff;    font-weight: 400;    margin-top: 5px;}.intro_area .blue_bg h1 {    font-size: 1.55em;    color: #fff;    font-weight: 500;    text-align: center;    margin-top: -10px;    margin-bottom: 25px;}.intro_area .blue_bg a {    width: 100%;    height: auto;    font-size: 1.05em;    padding: 12px;    margin-top: 16px;    box-shadow: none;    background: transparent;    border: #fff 1px solid;    color: #fff;    font-weight: 400;    border-radius: 10px;}.login_bg {    padding: 0 5px;}.intro_area .blue_bg .row .login_txt label {    font-weight: 400;}.intro_area .blue_bg .row .login_txt .login_input1 {    background: transparent;    border: none;    color: #fff;    width: 50%;    padding-left: 8px;}.intro_area .blue_bg .row .login_txt .login_input2 {    width: 65%;}.intro_area .blue_bg .row .login_txt .login_area {    font-size: 1.05em;    border-bottom: 1px solid #fff;    padding: 8px 5px;    color: #fff;    font-weight: 300;    margin-bottom: 10px;}::placeholder {    /* CSS 3 標準 */        color: #FFF;    font-weight: thin;}::-webkit-input-placeholder {    /* Chrome, Safari */        color: #FFF;}:-ms-input-placeholder {    /* IE 10+ */        color: #FFF;}::-moz-placeholder {    /* Firefox 19+ */        color: #FFF;    opacity: 1;}.intro_area .blue_bg .row .login_txt span {    margin-left: 10px;}.intro_area .blue_bg .row .login_txt span i {    padding-top: 6px;}/* .intro_area .blue_bg button:hover, .intro_area .blue_bg button:focus {color: #FFF !important;background: #ef5e1b;-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;} */.permit_area img {    display: block;    margin: 0 auto;    width: 50%;}@media (min-width: 768px) {    .permit_area img {        width: 20%;    }}.permit_area h3 {    text-align: center;    font-size: 1.05em;    font-weight: 400;}.permit_area div {    border-bottom: #e8e8e8 1px solid;    margin: 20px 0;}.permit_area div label {    font-size: 1.05em;    display: inline-block;    max-width: 100%;    margin-bottom: 5px;    font-weight: 400;}.permit_area div span {    font-size: 1.05em;    float: right;    font-weight: 400;    color: #a3a3a3;}.permit_area button {    width: 100%;    height: auto;    font-size: 1.05em;    font-weight: 400;    padding: 10px;    margin-top: -5px;    margin-bottom: 10px;    background: #5F8EDC;    border: none;    color: #fff;    border-radius: 10px;}#select_memory .modal_product_detail_list table tr .time,#select_gas .modal_product_detail_list table tr .time {    color: #5F8EDC;}/*app操作說明彈窗*/.carousel-control.right,.carousel-control.left {    background-image: none;}.site-main3 {    padding-top: 84px;}.site-navbar3 {    height: 97px;}.header_tool h2 {    text-align: center;    margin-top: 0px;    font-size: 1.15em;    font-weight: 300;    color: #fff;}@charset "UTF-8";/*!Animate.css - http://daneden.me/animateLicensed under the MIT license - http://opensource.org/licenses/MITCopyright (c) 2015 Daniel Eden*/.animated {  -webkit-animation-duration: 1s;  animation-duration: 1s;  -webkit-animation-fill-mode: both;  animation-fill-mode: both;}.animated.infinite {  -webkit-animation-iteration-count: infinite;  animation-iteration-count: infinite;}.animated.hinge {  -webkit-animation-duration: 2s;  animation-duration: 2s;}.animated.bounceIn,.animated.bounceOut {  -webkit-animation-duration: .75s;  animation-duration: .75s;}.animated.flipOutX,.animated.flipOutY {  -webkit-animation-duration: .75s;  animation-duration: .75s;}@-webkit-keyframes bounce {  from, 20%, 53%, 80%, to {    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);    -webkit-transform: translate3d(0,0,0);    transform: translate3d(0,0,0);  }  40%, 43% {    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);    -webkit-transform: translate3d(0, -30px, 0);    transform: translate3d(0, -30px, 0);  }  70% {    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);    -webkit-transform: translate3d(0, -15px, 0);    transform: translate3d(0, -15px, 0);  }  90% {    -webkit-transform: translate3d(0,-4px,0);    transform: translate3d(0,-4px,0);  }}@keyframes bounce {  from, 20%, 53%, 80%, to {    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);    -webkit-transform: translate3d(0,0,0);    transform: translate3d(0,0,0);  }  40%, 43% {    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);    -webkit-transform: translate3d(0, -30px, 0);    transform: translate3d(0, -30px, 0);  }  70% {    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);    -webkit-transform: translate3d(0, -15px, 0);    transform: translate3d(0, -15px, 0);  }  90% {    -webkit-transform: translate3d(0,-4px,0);    transform: translate3d(0,-4px,0);  }}.bounce {  -webkit-animation-name: bounce;  animation-name: bounce;  -webkit-transform-origin: center bottom;  transform-origin: center bottom;}@-webkit-keyframes flash {  from, 50%, to {    opacity: 1;  }  25%, 75% {    opacity: 0;  }}@keyframes flash {  from, 50%, to {    opacity: 1;  }  25%, 75% {    opacity: 0;  }}.flash {  -webkit-animation-name: flash;  animation-name: flash;}/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */@-webkit-keyframes pulse {  from {    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }  50% {    -webkit-transform: scale3d(1.05, 1.05, 1.05);    transform: scale3d(1.05, 1.05, 1.05);  }  to {    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }}@keyframes pulse {  from {    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }  50% {    -webkit-transform: scale3d(1.05, 1.05, 1.05);    transform: scale3d(1.05, 1.05, 1.05);  }  to {    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }}.pulse {  -webkit-animation-name: pulse;  animation-name: pulse;}@-webkit-keyframes rubberBand {  from {    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }  30% {    -webkit-transform: scale3d(1.25, 0.75, 1);    transform: scale3d(1.25, 0.75, 1);  }  40% {    -webkit-transform: scale3d(0.75, 1.25, 1);    transform: scale3d(0.75, 1.25, 1);  }  50% {    -webkit-transform: scale3d(1.15, 0.85, 1);    transform: scale3d(1.15, 0.85, 1);  }  65% {    -webkit-transform: scale3d(.95, 1.05, 1);    transform: scale3d(.95, 1.05, 1);  }  75% {    -webkit-transform: scale3d(1.05, .95, 1);    transform: scale3d(1.05, .95, 1);  }  to {    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }}@keyframes rubberBand {  from {    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }  30% {    -webkit-transform: scale3d(1.25, 0.75, 1);    transform: scale3d(1.25, 0.75, 1);  }  40% {    -webkit-transform: scale3d(0.75, 1.25, 1);    transform: scale3d(0.75, 1.25, 1);  }  50% {    -webkit-transform: scale3d(1.15, 0.85, 1);    transform: scale3d(1.15, 0.85, 1);  }  65% {    -webkit-transform: scale3d(.95, 1.05, 1);    transform: scale3d(.95, 1.05, 1);  }  75% {    -webkit-transform: scale3d(1.05, .95, 1);    transform: scale3d(1.05, .95, 1);  }  to {    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }}.rubberBand {  -webkit-animation-name: rubberBand;  animation-name: rubberBand;}@-webkit-keyframes shake {  from, to {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }  10%, 30%, 50%, 70%, 90% {    -webkit-transform: translate3d(-10px, 0, 0);    transform: translate3d(-10px, 0, 0);  }  20%, 40%, 60%, 80% {    -webkit-transform: translate3d(10px, 0, 0);    transform: translate3d(10px, 0, 0);  }}@keyframes shake {  from, to {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }  10%, 30%, 50%, 70%, 90% {    -webkit-transform: translate3d(-10px, 0, 0);    transform: translate3d(-10px, 0, 0);  }  20%, 40%, 60%, 80% {    -webkit-transform: translate3d(10px, 0, 0);    transform: translate3d(10px, 0, 0);  }}.shake {  -webkit-animation-name: shake;  animation-name: shake;}@-webkit-keyframes swing {  20% {    -webkit-transform: rotate3d(0, 0, 1, 15deg);    transform: rotate3d(0, 0, 1, 15deg);  }  40% {    -webkit-transform: rotate3d(0, 0, 1, -10deg);    transform: rotate3d(0, 0, 1, -10deg);  }  60% {    -webkit-transform: rotate3d(0, 0, 1, 5deg);    transform: rotate3d(0, 0, 1, 5deg);  }  80% {    -webkit-transform: rotate3d(0, 0, 1, -5deg);    transform: rotate3d(0, 0, 1, -5deg);  }  to {    -webkit-transform: rotate3d(0, 0, 1, 0deg);    transform: rotate3d(0, 0, 1, 0deg);  }}@keyframes swing {  20% {    -webkit-transform: rotate3d(0, 0, 1, 15deg);    transform: rotate3d(0, 0, 1, 15deg);  }  40% {    -webkit-transform: rotate3d(0, 0, 1, -10deg);    transform: rotate3d(0, 0, 1, -10deg);  }  60% {    -webkit-transform: rotate3d(0, 0, 1, 5deg);    transform: rotate3d(0, 0, 1, 5deg);  }  80% {    -webkit-transform: rotate3d(0, 0, 1, -5deg);    transform: rotate3d(0, 0, 1, -5deg);  }  to {    -webkit-transform: rotate3d(0, 0, 1, 0deg);    transform: rotate3d(0, 0, 1, 0deg);  }}.swing {  -webkit-transform-origin: top center;  transform-origin: top center;  -webkit-animation-name: swing;  animation-name: swing;}@-webkit-keyframes tada {  from {    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }  10%, 20% {    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);  }  30%, 50%, 70%, 90% {    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);  }  40%, 60%, 80% {    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);  }  to {    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }}@keyframes tada {  from {    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }  10%, 20% {    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);  }  30%, 50%, 70%, 90% {    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);  }  40%, 60%, 80% {    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);  }  to {    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }}.tada {  -webkit-animation-name: tada;  animation-name: tada;}/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */@-webkit-keyframes wobble {  from {    -webkit-transform: none;    transform: none;  }  15% {    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);  }  30% {    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);  }  45% {    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);  }  60% {    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);  }  75% {    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);  }  to {    -webkit-transform: none;    transform: none;  }}@keyframes wobble {  from {    -webkit-transform: none;    transform: none;  }  15% {    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);  }  30% {    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);  }  45% {    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);  }  60% {    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);  }  75% {    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);  }  to {    -webkit-transform: none;    transform: none;  }}.wobble {  -webkit-animation-name: wobble;  animation-name: wobble;}@-webkit-keyframes jello {  from, 11.1%, to {    -webkit-transform: none;    transform: none;  }  22.2% {    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);    transform: skewX(-12.5deg) skewY(-12.5deg);  }  33.3% {    -webkit-transform: skewX(6.25deg) skewY(6.25deg);    transform: skewX(6.25deg) skewY(6.25deg);  }  44.4% {    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);    transform: skewX(-3.125deg) skewY(-3.125deg);  }  55.5% {    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);    transform: skewX(1.5625deg) skewY(1.5625deg);  }  66.6% {    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);    transform: skewX(-0.78125deg) skewY(-0.78125deg);  }  77.7% {    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);    transform: skewX(0.390625deg) skewY(0.390625deg);  }  88.8% {    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);  }}@keyframes jello {  from, 11.1%, to {    -webkit-transform: none;    transform: none;  }  22.2% {    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);    transform: skewX(-12.5deg) skewY(-12.5deg);  }  33.3% {    -webkit-transform: skewX(6.25deg) skewY(6.25deg);    transform: skewX(6.25deg) skewY(6.25deg);  }  44.4% {    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);    transform: skewX(-3.125deg) skewY(-3.125deg);  }  55.5% {    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);    transform: skewX(1.5625deg) skewY(1.5625deg);  }  66.6% {    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);    transform: skewX(-0.78125deg) skewY(-0.78125deg);  }  77.7% {    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);    transform: skewX(0.390625deg) skewY(0.390625deg);  }  88.8% {    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);  }}.jello {  -webkit-animation-name: jello;  animation-name: jello;  -webkit-transform-origin: center;  transform-origin: center;}@-webkit-keyframes bounceIn {  from, 20%, 40%, 60%, 80%, to {    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  }  0% {    opacity: 0;    -webkit-transform: scale3d(.3, .3, .3);    transform: scale3d(.3, .3, .3);  }  20% {    -webkit-transform: scale3d(1.1, 1.1, 1.1);    transform: scale3d(1.1, 1.1, 1.1);  }  40% {    -webkit-transform: scale3d(.9, .9, .9);    transform: scale3d(.9, .9, .9);  }  60% {    opacity: 1;    -webkit-transform: scale3d(1.03, 1.03, 1.03);    transform: scale3d(1.03, 1.03, 1.03);  }  80% {    -webkit-transform: scale3d(.97, .97, .97);    transform: scale3d(.97, .97, .97);  }  to {    opacity: 1;    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }}@keyframes bounceIn {  from, 20%, 40%, 60%, 80%, to {    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  }  0% {    opacity: 0;    -webkit-transform: scale3d(.3, .3, .3);    transform: scale3d(.3, .3, .3);  }  20% {    -webkit-transform: scale3d(1.1, 1.1, 1.1);    transform: scale3d(1.1, 1.1, 1.1);  }  40% {    -webkit-transform: scale3d(.9, .9, .9);    transform: scale3d(.9, .9, .9);  }  60% {    opacity: 1;    -webkit-transform: scale3d(1.03, 1.03, 1.03);    transform: scale3d(1.03, 1.03, 1.03);  }  80% {    -webkit-transform: scale3d(.97, .97, .97);    transform: scale3d(.97, .97, .97);  }  to {    opacity: 1;    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }}.bounceIn {  -webkit-animation-name: bounceIn;  animation-name: bounceIn;}@-webkit-keyframes bounceInDown {  from, 60%, 75%, 90%, to {    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  }  0% {    opacity: 0;    -webkit-transform: translate3d(0, -3000px, 0);    transform: translate3d(0, -3000px, 0);  }  60% {    opacity: 1;    -webkit-transform: translate3d(0, 25px, 0);    transform: translate3d(0, 25px, 0);  }  75% {    -webkit-transform: translate3d(0, -10px, 0);    transform: translate3d(0, -10px, 0);  }  90% {    -webkit-transform: translate3d(0, 5px, 0);    transform: translate3d(0, 5px, 0);  }  to {    -webkit-transform: none;    transform: none;  }}@keyframes bounceInDown {  from, 60%, 75%, 90%, to {    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  }  0% {    opacity: 0;    -webkit-transform: translate3d(0, -3000px, 0);    transform: translate3d(0, -3000px, 0);  }  60% {    opacity: 1;    -webkit-transform: translate3d(0, 25px, 0);    transform: translate3d(0, 25px, 0);  }  75% {    -webkit-transform: translate3d(0, -10px, 0);    transform: translate3d(0, -10px, 0);  }  90% {    -webkit-transform: translate3d(0, 5px, 0);    transform: translate3d(0, 5px, 0);  }  to {    -webkit-transform: none;    transform: none;  }}.bounceInDown {  -webkit-animation-name: bounceInDown;  animation-name: bounceInDown;}@-webkit-keyframes bounceInLeft {  from, 60%, 75%, 90%, to {    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  }  0% {    opacity: 0;    -webkit-transform: translate3d(-3000px, 0, 0);    transform: translate3d(-3000px, 0, 0);  }  60% {    opacity: 1;    -webkit-transform: translate3d(25px, 0, 0);    transform: translate3d(25px, 0, 0);  }  75% {    -webkit-transform: translate3d(-10px, 0, 0);    transform: translate3d(-10px, 0, 0);  }  90% {    -webkit-transform: translate3d(5px, 0, 0);    transform: translate3d(5px, 0, 0);  }  to {    -webkit-transform: none;    transform: none;  }}@keyframes bounceInLeft {  from, 60%, 75%, 90%, to {    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  }  0% {    opacity: 0;    -webkit-transform: translate3d(-3000px, 0, 0);    transform: translate3d(-3000px, 0, 0);  }  60% {    opacity: 1;    -webkit-transform: translate3d(25px, 0, 0);    transform: translate3d(25px, 0, 0);  }  75% {    -webkit-transform: translate3d(-10px, 0, 0);    transform: translate3d(-10px, 0, 0);  }  90% {    -webkit-transform: translate3d(5px, 0, 0);    transform: translate3d(5px, 0, 0);  }  to {    -webkit-transform: none;    transform: none;  }}.bounceInLeft {  -webkit-animation-name: bounceInLeft;  animation-name: bounceInLeft;}@-webkit-keyframes bounceInRight {  from, 60%, 75%, 90%, to {    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  }  from {    opacity: 0;    -webkit-transform: translate3d(3000px, 0, 0);    transform: translate3d(3000px, 0, 0);  }  60% {    opacity: 1;    -webkit-transform: translate3d(-25px, 0, 0);    transform: translate3d(-25px, 0, 0);  }  75% {    -webkit-transform: translate3d(10px, 0, 0);    transform: translate3d(10px, 0, 0);  }  90% {    -webkit-transform: translate3d(-5px, 0, 0);    transform: translate3d(-5px, 0, 0);  }  to {    -webkit-transform: none;    transform: none;  }}@keyframes bounceInRight {  from, 60%, 75%, 90%, to {    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  }  from {    opacity: 0;    -webkit-transform: translate3d(3000px, 0, 0);    transform: translate3d(3000px, 0, 0);  }  60% {    opacity: 1;    -webkit-transform: translate3d(-25px, 0, 0);    transform: translate3d(-25px, 0, 0);  }  75% {    -webkit-transform: translate3d(10px, 0, 0);    transform: translate3d(10px, 0, 0);  }  90% {    -webkit-transform: translate3d(-5px, 0, 0);    transform: translate3d(-5px, 0, 0);  }  to {    -webkit-transform: none;    transform: none;  }}.bounceInRight {  -webkit-animation-name: bounceInRight;  animation-name: bounceInRight;}@-webkit-keyframes bounceInUp {  from, 60%, 75%, 90%, to {    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  }  from {    opacity: 0;    -webkit-transform: translate3d(0, 3000px, 0);    transform: translate3d(0, 3000px, 0);  }  60% {    opacity: 1;    -webkit-transform: translate3d(0, -20px, 0);    transform: translate3d(0, -20px, 0);  }  75% {    -webkit-transform: translate3d(0, 10px, 0);    transform: translate3d(0, 10px, 0);  }  90% {    -webkit-transform: translate3d(0, -5px, 0);    transform: translate3d(0, -5px, 0);  }  to {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }}@keyframes bounceInUp {  from, 60%, 75%, 90%, to {    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  }  from {    opacity: 0;    -webkit-transform: translate3d(0, 3000px, 0);    transform: translate3d(0, 3000px, 0);  }  60% {    opacity: 1;    -webkit-transform: translate3d(0, -20px, 0);    transform: translate3d(0, -20px, 0);  }  75% {    -webkit-transform: translate3d(0, 10px, 0);    transform: translate3d(0, 10px, 0);  }  90% {    -webkit-transform: translate3d(0, -5px, 0);    transform: translate3d(0, -5px, 0);  }  to {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }}.bounceInUp {  -webkit-animation-name: bounceInUp;  animation-name: bounceInUp;}@-webkit-keyframes bounceOut {  20% {    -webkit-transform: scale3d(.9, .9, .9);    transform: scale3d(.9, .9, .9);  }  50%, 55% {    opacity: 1;    -webkit-transform: scale3d(1.1, 1.1, 1.1);    transform: scale3d(1.1, 1.1, 1.1);  }  to {    opacity: 0;    -webkit-transform: scale3d(.3, .3, .3);    transform: scale3d(.3, .3, .3);  }}@keyframes bounceOut {  20% {    -webkit-transform: scale3d(.9, .9, .9);    transform: scale3d(.9, .9, .9);  }  50%, 55% {    opacity: 1;    -webkit-transform: scale3d(1.1, 1.1, 1.1);    transform: scale3d(1.1, 1.1, 1.1);  }  to {    opacity: 0;    -webkit-transform: scale3d(.3, .3, .3);    transform: scale3d(.3, .3, .3);  }}.bounceOut {  -webkit-animation-name: bounceOut;  animation-name: bounceOut;}@-webkit-keyframes bounceOutDown {  20% {    -webkit-transform: translate3d(0, 10px, 0);    transform: translate3d(0, 10px, 0);  }  40%, 45% {    opacity: 1;    -webkit-transform: translate3d(0, -20px, 0);    transform: translate3d(0, -20px, 0);  }  to {    opacity: 0;    -webkit-transform: translate3d(0, 2000px, 0);    transform: translate3d(0, 2000px, 0);  }}@keyframes bounceOutDown {  20% {    -webkit-transform: translate3d(0, 10px, 0);    transform: translate3d(0, 10px, 0);  }  40%, 45% {    opacity: 1;    -webkit-transform: translate3d(0, -20px, 0);    transform: translate3d(0, -20px, 0);  }  to {    opacity: 0;    -webkit-transform: translate3d(0, 2000px, 0);    transform: translate3d(0, 2000px, 0);  }}.bounceOutDown {  -webkit-animation-name: bounceOutDown;  animation-name: bounceOutDown;}@-webkit-keyframes bounceOutLeft {  20% {    opacity: 1;    -webkit-transform: translate3d(20px, 0, 0);    transform: translate3d(20px, 0, 0);  }  to {    opacity: 0;    -webkit-transform: translate3d(-2000px, 0, 0);    transform: translate3d(-2000px, 0, 0);  }}@keyframes bounceOutLeft {  20% {    opacity: 1;    -webkit-transform: translate3d(20px, 0, 0);    transform: translate3d(20px, 0, 0);  }  to {    opacity: 0;    -webkit-transform: translate3d(-2000px, 0, 0);    transform: translate3d(-2000px, 0, 0);  }}.bounceOutLeft {  -webkit-animation-name: bounceOutLeft;  animation-name: bounceOutLeft;}@-webkit-keyframes bounceOutRight {  20% {    opacity: 1;    -webkit-transform: translate3d(-20px, 0, 0);    transform: translate3d(-20px, 0, 0);  }  to {    opacity: 0;    -webkit-transform: translate3d(2000px, 0, 0);    transform: translate3d(2000px, 0, 0);  }}@keyframes bounceOutRight {  20% {    opacity: 1;    -webkit-transform: translate3d(-20px, 0, 0);    transform: translate3d(-20px, 0, 0);  }  to {    opacity: 0;    -webkit-transform: translate3d(2000px, 0, 0);    transform: translate3d(2000px, 0, 0);  }}.bounceOutRight {  -webkit-animation-name: bounceOutRight;  animation-name: bounceOutRight;}@-webkit-keyframes bounceOutUp {  20% {    -webkit-transform: translate3d(0, -10px, 0);    transform: translate3d(0, -10px, 0);  }  40%, 45% {    opacity: 1;    -webkit-transform: translate3d(0, 20px, 0);    transform: translate3d(0, 20px, 0);  }  to {    opacity: 0;    -webkit-transform: translate3d(0, -2000px, 0);    transform: translate3d(0, -2000px, 0);  }}@keyframes bounceOutUp {  20% {    -webkit-transform: translate3d(0, -10px, 0);    transform: translate3d(0, -10px, 0);  }  40%, 45% {    opacity: 1;    -webkit-transform: translate3d(0, 20px, 0);    transform: translate3d(0, 20px, 0);  }  to {    opacity: 0;    -webkit-transform: translate3d(0, -2000px, 0);    transform: translate3d(0, -2000px, 0);  }}.bounceOutUp {  -webkit-animation-name: bounceOutUp;  animation-name: bounceOutUp;}@-webkit-keyframes fadeIn {  from {    opacity: 0;  }  to {    opacity: 1;  }}@keyframes fadeIn {  from {    opacity: 0;  }  to {    opacity: 1;  }}.fadeIn {  -webkit-animation-name: fadeIn;  animation-name: fadeIn;}@-webkit-keyframes fadeInDown {  from {    opacity: 0;    -webkit-transform: translate3d(0, -100%, 0);    transform: translate3d(0, -100%, 0);  }  to {    opacity: 1;    -webkit-transform: none;    transform: none;  }}@keyframes fadeInDown {  from {    opacity: 0;    -webkit-transform: translate3d(0, -100%, 0);    transform: translate3d(0, -100%, 0);  }  to {    opacity: 1;    -webkit-transform: none;    transform: none;  }}.fadeInDown {  -webkit-animation-name: fadeInDown;  animation-name: fadeInDown;}@-webkit-keyframes fadeInDownBig {  from {    opacity: 0;    -webkit-transform: translate3d(0, -2000px, 0);    transform: translate3d(0, -2000px, 0);  }  to {    opacity: 1;    -webkit-transform: none;    transform: none;  }}@keyframes fadeInDownBig {  from {    opacity: 0;    -webkit-transform: translate3d(0, -2000px, 0);    transform: translate3d(0, -2000px, 0);  }  to {    opacity: 1;    -webkit-transform: none;    transform: none;  }}.fadeInDownBig {  -webkit-animation-name: fadeInDownBig;  animation-name: fadeInDownBig;}@-webkit-keyframes fadeInLeft {  from {    opacity: 0;    -webkit-transform: translate3d(-100%, 0, 0);    transform: translate3d(-100%, 0, 0);  }  to {    opacity: 1;    -webkit-transform: none;    transform: none;  }}@keyframes fadeInLeft {  from {    opacity: 0;    -webkit-transform: translate3d(-100%, 0, 0);    transform: translate3d(-100%, 0, 0);  }  to {    opacity: 1;    -webkit-transform: none;    transform: none;  }}.fadeInLeft {  -webkit-animation-name: fadeInLeft;  animation-name: fadeInLeft;}@-webkit-keyframes fadeInLeftBig {  from {    opacity: 0;    -webkit-transform: translate3d(-2000px, 0, 0);    transform: translate3d(-2000px, 0, 0);  }  to {    opacity: 1;    -webkit-transform: none;    transform: none;  }}@keyframes fadeInLeftBig {  from {    opacity: 0;    -webkit-transform: translate3d(-2000px, 0, 0);    transform: translate3d(-2000px, 0, 0);  }  to {    opacity: 1;    -webkit-transform: none;    transform: none;  }}.fadeInLeftBig {  -webkit-animation-name: fadeInLeftBig;  animation-name: fadeInLeftBig;}@-webkit-keyframes fadeInRight {  from {    opacity: 0;    -webkit-transform: translate3d(100%, 0, 0);    transform: translate3d(100%, 0, 0);  }  to {    opacity: 1;    -webkit-transform: none;    transform: none;  }}@keyframes fadeInRight {  from {    opacity: 0;    -webkit-transform: translate3d(100%, 0, 0);    transform: translate3d(100%, 0, 0);  }  to {    opacity: 1;    -webkit-transform: none;    transform: none;  }}.fadeInRight {  -webkit-animation-name: fadeInRight;  animation-name: fadeInRight;}@-webkit-keyframes fadeInRightBig {  from {    opacity: 0;    -webkit-transform: translate3d(2000px, 0, 0);    transform: translate3d(2000px, 0, 0);  }  to {    opacity: 1;    -webkit-transform: none;    transform: none;  }}@keyframes fadeInRightBig {  from {    opacity: 0;    -webkit-transform: translate3d(2000px, 0, 0);    transform: translate3d(2000px, 0, 0);  }  to {    opacity: 1;    -webkit-transform: none;    transform: none;  }}.fadeInRightBig {  -webkit-animation-name: fadeInRightBig;  animation-name: fadeInRightBig;}@-webkit-keyframes fadeInUp {  from {    opacity: 0;    -webkit-transform: translate3d(0, 100%, 0);    transform: translate3d(0, 100%, 0);  }  to {    opacity: 1;    -webkit-transform: none;    transform: none;  }}@keyframes fadeInUp {  from {    opacity: 0;    -webkit-transform: translate3d(0, 100%, 0);    transform: translate3d(0, 100%, 0);  }  to {    opacity: 1;    -webkit-transform: none;    transform: none;  }}.fadeInUp {  -webkit-animation-name: fadeInUp;  animation-name: fadeInUp;}@-webkit-keyframes fadeInUpBig {  from {    opacity: 0;    -webkit-transform: translate3d(0, 2000px, 0);    transform: translate3d(0, 2000px, 0);  }  to {    opacity: 1;    -webkit-transform: none;    transform: none;  }}@keyframes fadeInUpBig {  from {    opacity: 0;    -webkit-transform: translate3d(0, 2000px, 0);    transform: translate3d(0, 2000px, 0);  }  to {    opacity: 1;    -webkit-transform: none;    transform: none;  }}.fadeInUpBig {  -webkit-animation-name: fadeInUpBig;  animation-name: fadeInUpBig;}@-webkit-keyframes fadeOut {  from {    opacity: 1;  }  to {    opacity: 0;  }}@keyframes fadeOut {  from {    opacity: 1;  }  to {    opacity: 0;  }}.fadeOut {  -webkit-animation-name: fadeOut;  animation-name: fadeOut;}@-webkit-keyframes fadeOutDown {  from {    opacity: 1;  }  to {    opacity: 0;    -webkit-transform: translate3d(0, 100%, 0);    transform: translate3d(0, 100%, 0);  }}@keyframes fadeOutDown {  from {    opacity: 1;  }  to {    opacity: 0;    -webkit-transform: translate3d(0, 100%, 0);    transform: translate3d(0, 100%, 0);  }}.fadeOutDown {  -webkit-animation-name: fadeOutDown;  animation-name: fadeOutDown;}@-webkit-keyframes fadeOutDownBig {  from {    opacity: 1;  }  to {    opacity: 0;    -webkit-transform: translate3d(0, 2000px, 0);    transform: translate3d(0, 2000px, 0);  }}@keyframes fadeOutDownBig {  from {    opacity: 1;  }  to {    opacity: 0;    -webkit-transform: translate3d(0, 2000px, 0);    transform: translate3d(0, 2000px, 0);  }}.fadeOutDownBig {  -webkit-animation-name: fadeOutDownBig;  animation-name: fadeOutDownBig;}@-webkit-keyframes fadeOutLeft {  from {    opacity: 1;  }  to {    opacity: 0;    -webkit-transform: translate3d(-100%, 0, 0);    transform: translate3d(-100%, 0, 0);  }}@keyframes fadeOutLeft {  from {    opacity: 1;  }  to {    opacity: 0;    -webkit-transform: translate3d(-100%, 0, 0);    transform: translate3d(-100%, 0, 0);  }}.fadeOutLeft {  -webkit-animation-name: fadeOutLeft;  animation-name: fadeOutLeft;}@-webkit-keyframes fadeOutLeftBig {  from {    opacity: 1;  }  to {    opacity: 0;    -webkit-transform: translate3d(-2000px, 0, 0);    transform: translate3d(-2000px, 0, 0);  }}@keyframes fadeOutLeftBig {  from {    opacity: 1;  }  to {    opacity: 0;    -webkit-transform: translate3d(-2000px, 0, 0);    transform: translate3d(-2000px, 0, 0);  }}.fadeOutLeftBig {  -webkit-animation-name: fadeOutLeftBig;  animation-name: fadeOutLeftBig;}@-webkit-keyframes fadeOutRight {  from {    opacity: 1;  }  to {    opacity: 0;    -webkit-transform: translate3d(100%, 0, 0);    transform: translate3d(100%, 0, 0);  }}@keyframes fadeOutRight {  from {    opacity: 1;  }  to {    opacity: 0;    -webkit-transform: translate3d(100%, 0, 0);    transform: translate3d(100%, 0, 0);  }}.fadeOutRight {  -webkit-animation-name: fadeOutRight;  animation-name: fadeOutRight;}@-webkit-keyframes fadeOutRightBig {  from {    opacity: 1;  }  to {    opacity: 0;    -webkit-transform: translate3d(2000px, 0, 0);    transform: translate3d(2000px, 0, 0);  }}@keyframes fadeOutRightBig {  from {    opacity: 1;  }  to {    opacity: 0;    -webkit-transform: translate3d(2000px, 0, 0);    transform: translate3d(2000px, 0, 0);  }}.fadeOutRightBig {  -webkit-animation-name: fadeOutRightBig;  animation-name: fadeOutRightBig;}@-webkit-keyframes fadeOutUp {  from {    opacity: 1;  }  to {    opacity: 0;    -webkit-transform: translate3d(0, -100%, 0);    transform: translate3d(0, -100%, 0);  }}@keyframes fadeOutUp {  from {    opacity: 1;  }  to {    opacity: 0;    -webkit-transform: translate3d(0, -100%, 0);    transform: translate3d(0, -100%, 0);  }}.fadeOutUp {  -webkit-animation-name: fadeOutUp;  animation-name: fadeOutUp;}@-webkit-keyframes fadeOutUpBig {  from {    opacity: 1;  }  to {    opacity: 0;    -webkit-transform: translate3d(0, -2000px, 0);    transform: translate3d(0, -2000px, 0);  }}@keyframes fadeOutUpBig {  from {    opacity: 1;  }  to {    opacity: 0;    -webkit-transform: translate3d(0, -2000px, 0);    transform: translate3d(0, -2000px, 0);  }}.fadeOutUpBig {  -webkit-animation-name: fadeOutUpBig;  animation-name: fadeOutUpBig;}@-webkit-keyframes flip {  from {    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);    -webkit-animation-timing-function: ease-out;    animation-timing-function: ease-out;  }  40% {    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);    -webkit-animation-timing-function: ease-out;    animation-timing-function: ease-out;  }  50% {    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);    -webkit-animation-timing-function: ease-in;    animation-timing-function: ease-in;  }  80% {    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);    transform: perspective(400px) scale3d(.95, .95, .95);    -webkit-animation-timing-function: ease-in;    animation-timing-function: ease-in;  }  to {    -webkit-transform: perspective(400px);    transform: perspective(400px);    -webkit-animation-timing-function: ease-in;    animation-timing-function: ease-in;  }}@keyframes flip {  from {    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);    -webkit-animation-timing-function: ease-out;    animation-timing-function: ease-out;  }  40% {    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);    -webkit-animation-timing-function: ease-out;    animation-timing-function: ease-out;  }  50% {    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);    -webkit-animation-timing-function: ease-in;    animation-timing-function: ease-in;  }  80% {    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);    transform: perspective(400px) scale3d(.95, .95, .95);    -webkit-animation-timing-function: ease-in;    animation-timing-function: ease-in;  }  to {    -webkit-transform: perspective(400px);    transform: perspective(400px);    -webkit-animation-timing-function: ease-in;    animation-timing-function: ease-in;  }}.animated.flip {  -webkit-backface-visibility: visible;  backface-visibility: visible;  -webkit-animation-name: flip;  animation-name: flip;}@-webkit-keyframes flipInX {  from {    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);    -webkit-animation-timing-function: ease-in;    animation-timing-function: ease-in;    opacity: 0;  }  40% {    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);    -webkit-animation-timing-function: ease-in;    animation-timing-function: ease-in;  }  60% {    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);    opacity: 1;  }  80% {    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);  }  to {    -webkit-transform: perspective(400px);    transform: perspective(400px);  }}@keyframes flipInX {  from {    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);    -webkit-animation-timing-function: ease-in;    animation-timing-function: ease-in;    opacity: 0;  }  40% {    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);    -webkit-animation-timing-function: ease-in;    animation-timing-function: ease-in;  }  60% {    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);    opacity: 1;  }  80% {    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);  }  to {    -webkit-transform: perspective(400px);    transform: perspective(400px);  }}.flipInX {  -webkit-backface-visibility: visible !important;  backface-visibility: visible !important;  -webkit-animation-name: flipInX;  animation-name: flipInX;}@-webkit-keyframes flipInY {  from {    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);    -webkit-animation-timing-function: ease-in;    animation-timing-function: ease-in;    opacity: 0;  }  40% {    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);    -webkit-animation-timing-function: ease-in;    animation-timing-function: ease-in;  }  60% {    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);    opacity: 1;  }  80% {    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);  }  to {    -webkit-transform: perspective(400px);    transform: perspective(400px);  }}@keyframes flipInY {  from {    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);    -webkit-animation-timing-function: ease-in;    animation-timing-function: ease-in;    opacity: 0;  }  40% {    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);    -webkit-animation-timing-function: ease-in;    animation-timing-function: ease-in;  }  60% {    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);    opacity: 1;  }  80% {    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);  }  to {    -webkit-transform: perspective(400px);    transform: perspective(400px);  }}.flipInY {  -webkit-backface-visibility: visible !important;  backface-visibility: visible !important;  -webkit-animation-name: flipInY;  animation-name: flipInY;}@-webkit-keyframes flipOutX {  from {    -webkit-transform: perspective(400px);    transform: perspective(400px);  }  30% {    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);    opacity: 1;  }  to {    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);    opacity: 0;  }}@keyframes flipOutX {  from {    -webkit-transform: perspective(400px);    transform: perspective(400px);  }  30% {    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);    opacity: 1;  }  to {    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);    opacity: 0;  }}.flipOutX {  -webkit-animation-name: flipOutX;  animation-name: flipOutX;  -webkit-backface-visibility: visible !important;  backface-visibility: visible !important;}@-webkit-keyframes flipOutY {  from {    -webkit-transform: perspective(400px);    transform: perspective(400px);  }  30% {    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);    opacity: 1;  }  to {    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);    opacity: 0;  }}@keyframes flipOutY {  from {    -webkit-transform: perspective(400px);    transform: perspective(400px);  }  30% {    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);    opacity: 1;  }  to {    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);    opacity: 0;  }}.flipOutY {  -webkit-backface-visibility: visible !important;  backface-visibility: visible !important;  -webkit-animation-name: flipOutY;  animation-name: flipOutY;}@-webkit-keyframes lightSpeedIn {  from {    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);    transform: translate3d(100%, 0, 0) skewX(-30deg);    opacity: 0;  }  60% {    -webkit-transform: skewX(20deg);    transform: skewX(20deg);    opacity: 1;  }  80% {    -webkit-transform: skewX(-5deg);    transform: skewX(-5deg);    opacity: 1;  }  to {    -webkit-transform: none;    transform: none;    opacity: 1;  }}@keyframes lightSpeedIn {  from {    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);    transform: translate3d(100%, 0, 0) skewX(-30deg);    opacity: 0;  }  60% {    -webkit-transform: skewX(20deg);    transform: skewX(20deg);    opacity: 1;  }  80% {    -webkit-transform: skewX(-5deg);    transform: skewX(-5deg);    opacity: 1;  }  to {    -webkit-transform: none;    transform: none;    opacity: 1;  }}.lightSpeedIn {  -webkit-animation-name: lightSpeedIn;  animation-name: lightSpeedIn;  -webkit-animation-timing-function: ease-out;  animation-timing-function: ease-out;}@-webkit-keyframes lightSpeedOut {  from {    opacity: 1;  }  to {    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);    transform: translate3d(100%, 0, 0) skewX(30deg);    opacity: 0;  }}@keyframes lightSpeedOut {  from {    opacity: 1;  }  to {    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);    transform: translate3d(100%, 0, 0) skewX(30deg);    opacity: 0;  }}.lightSpeedOut {  -webkit-animation-name: lightSpeedOut;  animation-name: lightSpeedOut;  -webkit-animation-timing-function: ease-in;  animation-timing-function: ease-in;}@-webkit-keyframes rotateIn {  from {    -webkit-transform-origin: center;    transform-origin: center;    -webkit-transform: rotate3d(0, 0, 1, -200deg);    transform: rotate3d(0, 0, 1, -200deg);    opacity: 0;  }  to {    -webkit-transform-origin: center;    transform-origin: center;    -webkit-transform: none;    transform: none;    opacity: 1;  }}@keyframes rotateIn {  from {    -webkit-transform-origin: center;    transform-origin: center;    -webkit-transform: rotate3d(0, 0, 1, -200deg);    transform: rotate3d(0, 0, 1, -200deg);    opacity: 0;  }  to {    -webkit-transform-origin: center;    transform-origin: center;    -webkit-transform: none;    transform: none;    opacity: 1;  }}.rotateIn {  -webkit-animation-name: rotateIn;  animation-name: rotateIn;}@-webkit-keyframes rotateInDownLeft {  from {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    -webkit-transform: rotate3d(0, 0, 1, -45deg);    transform: rotate3d(0, 0, 1, -45deg);    opacity: 0;  }  to {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    -webkit-transform: none;    transform: none;    opacity: 1;  }}@keyframes rotateInDownLeft {  from {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    -webkit-transform: rotate3d(0, 0, 1, -45deg);    transform: rotate3d(0, 0, 1, -45deg);    opacity: 0;  }  to {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    -webkit-transform: none;    transform: none;    opacity: 1;  }}.rotateInDownLeft {  -webkit-animation-name: rotateInDownLeft;  animation-name: rotateInDownLeft;}@-webkit-keyframes rotateInDownRight {  from {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    -webkit-transform: rotate3d(0, 0, 1, 45deg);    transform: rotate3d(0, 0, 1, 45deg);    opacity: 0;  }  to {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    -webkit-transform: none;    transform: none;    opacity: 1;  }}@keyframes rotateInDownRight {  from {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    -webkit-transform: rotate3d(0, 0, 1, 45deg);    transform: rotate3d(0, 0, 1, 45deg);    opacity: 0;  }  to {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    -webkit-transform: none;    transform: none;    opacity: 1;  }}.rotateInDownRight {  -webkit-animation-name: rotateInDownRight;  animation-name: rotateInDownRight;}@-webkit-keyframes rotateInUpLeft {  from {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    -webkit-transform: rotate3d(0, 0, 1, 45deg);    transform: rotate3d(0, 0, 1, 45deg);    opacity: 0;  }  to {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    -webkit-transform: none;    transform: none;    opacity: 1;  }}@keyframes rotateInUpLeft {  from {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    -webkit-transform: rotate3d(0, 0, 1, 45deg);    transform: rotate3d(0, 0, 1, 45deg);    opacity: 0;  }  to {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    -webkit-transform: none;    transform: none;    opacity: 1;  }}.rotateInUpLeft {  -webkit-animation-name: rotateInUpLeft;  animation-name: rotateInUpLeft;}@-webkit-keyframes rotateInUpRight {  from {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    -webkit-transform: rotate3d(0, 0, 1, -90deg);    transform: rotate3d(0, 0, 1, -90deg);    opacity: 0;  }  to {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    -webkit-transform: none;    transform: none;    opacity: 1;  }}@keyframes rotateInUpRight {  from {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    -webkit-transform: rotate3d(0, 0, 1, -90deg);    transform: rotate3d(0, 0, 1, -90deg);    opacity: 0;  }  to {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    -webkit-transform: none;    transform: none;    opacity: 1;  }}.rotateInUpRight {  -webkit-animation-name: rotateInUpRight;  animation-name: rotateInUpRight;}@-webkit-keyframes rotateOut {  from {    -webkit-transform-origin: center;    transform-origin: center;    opacity: 1;  }  to {    -webkit-transform-origin: center;    transform-origin: center;    -webkit-transform: rotate3d(0, 0, 1, 200deg);    transform: rotate3d(0, 0, 1, 200deg);    opacity: 0;  }}@keyframes rotateOut {  from {    -webkit-transform-origin: center;    transform-origin: center;    opacity: 1;  }  to {    -webkit-transform-origin: center;    transform-origin: center;    -webkit-transform: rotate3d(0, 0, 1, 200deg);    transform: rotate3d(0, 0, 1, 200deg);    opacity: 0;  }}.rotateOut {  -webkit-animation-name: rotateOut;  animation-name: rotateOut;}@-webkit-keyframes rotateOutDownLeft {  from {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    opacity: 1;  }  to {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    -webkit-transform: rotate3d(0, 0, 1, 45deg);    transform: rotate3d(0, 0, 1, 45deg);    opacity: 0;  }}@keyframes rotateOutDownLeft {  from {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    opacity: 1;  }  to {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    -webkit-transform: rotate3d(0, 0, 1, 45deg);    transform: rotate3d(0, 0, 1, 45deg);    opacity: 0;  }}.rotateOutDownLeft {  -webkit-animation-name: rotateOutDownLeft;  animation-name: rotateOutDownLeft;}@-webkit-keyframes rotateOutDownRight {  from {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    opacity: 1;  }  to {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    -webkit-transform: rotate3d(0, 0, 1, -45deg);    transform: rotate3d(0, 0, 1, -45deg);    opacity: 0;  }}@keyframes rotateOutDownRight {  from {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    opacity: 1;  }  to {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    -webkit-transform: rotate3d(0, 0, 1, -45deg);    transform: rotate3d(0, 0, 1, -45deg);    opacity: 0;  }}.rotateOutDownRight {  -webkit-animation-name: rotateOutDownRight;  animation-name: rotateOutDownRight;}@-webkit-keyframes rotateOutUpLeft {  from {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    opacity: 1;  }  to {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    -webkit-transform: rotate3d(0, 0, 1, -45deg);    transform: rotate3d(0, 0, 1, -45deg);    opacity: 0;  }}@keyframes rotateOutUpLeft {  from {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    opacity: 1;  }  to {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    -webkit-transform: rotate3d(0, 0, 1, -45deg);    transform: rotate3d(0, 0, 1, -45deg);    opacity: 0;  }}.rotateOutUpLeft {  -webkit-animation-name: rotateOutUpLeft;  animation-name: rotateOutUpLeft;}@-webkit-keyframes rotateOutUpRight {  from {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    opacity: 1;  }  to {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    -webkit-transform: rotate3d(0, 0, 1, 90deg);    transform: rotate3d(0, 0, 1, 90deg);    opacity: 0;  }}@keyframes rotateOutUpRight {  from {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    opacity: 1;  }  to {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    -webkit-transform: rotate3d(0, 0, 1, 90deg);    transform: rotate3d(0, 0, 1, 90deg);    opacity: 0;  }}.rotateOutUpRight {  -webkit-animation-name: rotateOutUpRight;  animation-name: rotateOutUpRight;}@-webkit-keyframes hinge {  0% {    -webkit-transform-origin: top left;    transform-origin: top left;    -webkit-animation-timing-function: ease-in-out;    animation-timing-function: ease-in-out;  }  20%, 60% {    -webkit-transform: rotate3d(0, 0, 1, 80deg);    transform: rotate3d(0, 0, 1, 80deg);    -webkit-transform-origin: top left;    transform-origin: top left;    -webkit-animation-timing-function: ease-in-out;    animation-timing-function: ease-in-out;  }  40%, 80% {    -webkit-transform: rotate3d(0, 0, 1, 60deg);    transform: rotate3d(0, 0, 1, 60deg);    -webkit-transform-origin: top left;    transform-origin: top left;    -webkit-animation-timing-function: ease-in-out;    animation-timing-function: ease-in-out;    opacity: 1;  }  to {    -webkit-transform: translate3d(0, 700px, 0);    transform: translate3d(0, 700px, 0);    opacity: 0;  }}@keyframes hinge {  0% {    -webkit-transform-origin: top left;    transform-origin: top left;    -webkit-animation-timing-function: ease-in-out;    animation-timing-function: ease-in-out;  }  20%, 60% {    -webkit-transform: rotate3d(0, 0, 1, 80deg);    transform: rotate3d(0, 0, 1, 80deg);    -webkit-transform-origin: top left;    transform-origin: top left;    -webkit-animation-timing-function: ease-in-out;    animation-timing-function: ease-in-out;  }  40%, 80% {    -webkit-transform: rotate3d(0, 0, 1, 60deg);    transform: rotate3d(0, 0, 1, 60deg);    -webkit-transform-origin: top left;    transform-origin: top left;    -webkit-animation-timing-function: ease-in-out;    animation-timing-function: ease-in-out;    opacity: 1;  }  to {    -webkit-transform: translate3d(0, 700px, 0);    transform: translate3d(0, 700px, 0);    opacity: 0;  }}.hinge {  -webkit-animation-name: hinge;  animation-name: hinge;}/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */@-webkit-keyframes rollIn {  from {    opacity: 0;    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);  }  to {    opacity: 1;    -webkit-transform: none;    transform: none;  }}@keyframes rollIn {  from {    opacity: 0;    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);  }  to {    opacity: 1;    -webkit-transform: none;    transform: none;  }}.rollIn {  -webkit-animation-name: rollIn;  animation-name: rollIn;}/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */@-webkit-keyframes rollOut {  from {    opacity: 1;  }  to {    opacity: 0;    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);  }}@keyframes rollOut {  from {    opacity: 1;  }  to {    opacity: 0;    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);  }}.rollOut {  -webkit-animation-name: rollOut;  animation-name: rollOut;}@-webkit-keyframes zoomIn {  from {    opacity: 0;    -webkit-transform: scale3d(.3, .3, .3);    transform: scale3d(.3, .3, .3);  }  50% {    opacity: 1;  }}@keyframes zoomIn {  from {    opacity: 0;    -webkit-transform: scale3d(.3, .3, .3);    transform: scale3d(.3, .3, .3);  }  50% {    opacity: 1;  }}.zoomIn {  -webkit-animation-name: zoomIn;  animation-name: zoomIn;}@-webkit-keyframes zoomInDown {  from {    opacity: 0;    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  }  60% {    opacity: 1;    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  }}@keyframes zoomInDown {  from {    opacity: 0;    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  }  60% {    opacity: 1;    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  }}.zoomInDown {  -webkit-animation-name: zoomInDown;  animation-name: zoomInDown;}@-webkit-keyframes zoomInLeft {  from {    opacity: 0;    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  }  60% {    opacity: 1;    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  }}@keyframes zoomInLeft {  from {    opacity: 0;    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  }  60% {    opacity: 1;    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  }}.zoomInLeft {  -webkit-animation-name: zoomInLeft;  animation-name: zoomInLeft;}@-webkit-keyframes zoomInRight {  from {    opacity: 0;    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  }  60% {    opacity: 1;    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  }}@keyframes zoomInRight {  from {    opacity: 0;    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  }  60% {    opacity: 1;    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  }}.zoomInRight {  -webkit-animation-name: zoomInRight;  animation-name: zoomInRight;}@-webkit-keyframes zoomInUp {  from {    opacity: 0;    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  }  60% {    opacity: 1;    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  }}@keyframes zoomInUp {  from {    opacity: 0;    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  }  60% {    opacity: 1;    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  }}.zoomInUp {  -webkit-animation-name: zoomInUp;  animation-name: zoomInUp;}@-webkit-keyframes zoomOut {  from {    opacity: 1;  }  50% {    opacity: 0;    -webkit-transform: scale3d(.3, .3, .3);    transform: scale3d(.3, .3, .3);  }  to {    opacity: 0;  }}@keyframes zoomOut {  from {    opacity: 1;  }  50% {    opacity: 0;    -webkit-transform: scale3d(.3, .3, .3);    transform: scale3d(.3, .3, .3);  }  to {    opacity: 0;  }}.zoomOut {  -webkit-animation-name: zoomOut;  animation-name: zoomOut;}@-webkit-keyframes zoomOutDown {  40% {    opacity: 1;    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  }  to {    opacity: 0;    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);    -webkit-transform-origin: center bottom;    transform-origin: center bottom;    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  }}@keyframes zoomOutDown {  40% {    opacity: 1;    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  }  to {    opacity: 0;    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);    -webkit-transform-origin: center bottom;    transform-origin: center bottom;    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  }}.zoomOutDown {  -webkit-animation-name: zoomOutDown;  animation-name: zoomOutDown;}@-webkit-keyframes zoomOutLeft {  40% {    opacity: 1;    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);  }  to {    opacity: 0;    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);    transform: scale(.1) translate3d(-2000px, 0, 0);    -webkit-transform-origin: left center;    transform-origin: left center;  }}@keyframes zoomOutLeft {  40% {    opacity: 1;    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);  }  to {    opacity: 0;    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);    transform: scale(.1) translate3d(-2000px, 0, 0);    -webkit-transform-origin: left center;    transform-origin: left center;  }}.zoomOutLeft {  -webkit-animation-name: zoomOutLeft;  animation-name: zoomOutLeft;}@-webkit-keyframes zoomOutRight {  40% {    opacity: 1;    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);  }  to {    opacity: 0;    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);    transform: scale(.1) translate3d(2000px, 0, 0);    -webkit-transform-origin: right center;    transform-origin: right center;  }}@keyframes zoomOutRight {  40% {    opacity: 1;    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);  }  to {    opacity: 0;    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);    transform: scale(.1) translate3d(2000px, 0, 0);    -webkit-transform-origin: right center;    transform-origin: right center;  }}.zoomOutRight {  -webkit-animation-name: zoomOutRight;  animation-name: zoomOutRight;}@-webkit-keyframes zoomOutUp {  40% {    opacity: 1;    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  }  to {    opacity: 0;    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);    -webkit-transform-origin: center bottom;    transform-origin: center bottom;    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  }}@keyframes zoomOutUp {  40% {    opacity: 1;    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  }  to {    opacity: 0;    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);    -webkit-transform-origin: center bottom;    transform-origin: center bottom;    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  }}.zoomOutUp {  -webkit-animation-name: zoomOutUp;  animation-name: zoomOutUp;}@-webkit-keyframes slideInDown {  from {    -webkit-transform: translate3d(0, -100%, 0);    transform: translate3d(0, -100%, 0);    visibility: visible;  }  to {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }}@keyframes slideInDown {  from {    -webkit-transform: translate3d(0, -100%, 0);    transform: translate3d(0, -100%, 0);    visibility: visible;  }  to {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }}.slideInDown {  -webkit-animation-name: slideInDown;  animation-name: slideInDown;}@-webkit-keyframes slideInLeft {  from {    -webkit-transform: translate3d(-100%, 0, 0);    transform: translate3d(-100%, 0, 0);    visibility: visible;  }  to {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }}@keyframes slideInLeft {  from {    -webkit-transform: translate3d(-100%, 0, 0);    transform: translate3d(-100%, 0, 0);    visibility: visible;  }  to {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }}.slideInLeft {  -webkit-animation-name: slideInLeft;  animation-name: slideInLeft;}@-webkit-keyframes slideInRight {  from {    -webkit-transform: translate3d(100%, 0, 0);    transform: translate3d(100%, 0, 0);    visibility: visible;  }  to {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }}@keyframes slideInRight {  from {    -webkit-transform: translate3d(100%, 0, 0);    transform: translate3d(100%, 0, 0);    visibility: visible;  }  to {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }}.slideInRight {  -webkit-animation-name: slideInRight;  animation-name: slideInRight;}@-webkit-keyframes slideInUp {  from {    -webkit-transform: translate3d(0, 100%, 0);    transform: translate3d(0, 100%, 0);    visibility: visible;  }  to {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }}@keyframes slideInUp {  from {    -webkit-transform: translate3d(0, 100%, 0);    transform: translate3d(0, 100%, 0);    visibility: visible;  }  to {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }}.slideInUp {  -webkit-animation-name: slideInUp;  animation-name: slideInUp;}@-webkit-keyframes slideOutDown {  from {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }  to {    visibility: hidden;    -webkit-transform: translate3d(0, 100%, 0);    transform: translate3d(0, 100%, 0);  }}@keyframes slideOutDown {  from {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }  to {    visibility: hidden;    -webkit-transform: translate3d(0, 100%, 0);    transform: translate3d(0, 100%, 0);  }}.slideOutDown {  -webkit-animation-name: slideOutDown;  animation-name: slideOutDown;}@-webkit-keyframes slideOutLeft {  from {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }  to {    visibility: hidden;    -webkit-transform: translate3d(-100%, 0, 0);    transform: translate3d(-100%, 0, 0);  }}@keyframes slideOutLeft {  from {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }  to {    visibility: hidden;    -webkit-transform: translate3d(-100%, 0, 0);    transform: translate3d(-100%, 0, 0);  }}.slideOutLeft {  -webkit-animation-name: slideOutLeft;  animation-name: slideOutLeft;}@-webkit-keyframes slideOutRight {  from {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }  to {    visibility: hidden;    -webkit-transform: translate3d(100%, 0, 0);    transform: translate3d(100%, 0, 0);  }}@keyframes slideOutRight {  from {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }  to {    visibility: hidden;    -webkit-transform: translate3d(100%, 0, 0);    transform: translate3d(100%, 0, 0);  }}.slideOutRight {  -webkit-animation-name: slideOutRight;  animation-name: slideOutRight;}@-webkit-keyframes slideOutUp {  from {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }  to {    visibility: hidden;    -webkit-transform: translate3d(0, -100%, 0);    transform: translate3d(0, -100%, 0);  }}@keyframes slideOutUp {  from {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }  to {    visibility: hidden;    -webkit-transform: translate3d(0, -100%, 0);    transform: translate3d(0, -100%, 0);  }}.slideOutUp {  -webkit-animation-name: slideOutUp;  animation-name: slideOutUp;}.icon_red {    background: #e83a37;    font-size: 1.2em;    border-radius: 50px;    width: 40px;    height: 40px;    padding: 2px;    line-height: 40px;    text-align: center;    color: #fff;    margin: 0 auto;    border: 2.5px solid #fff;    box-shadow: 0px 0px 6px 2px rgb(0 0 0 / 10%);}.icon_green {    background: #5eb640;    font-size: 1.2em;    border-radius: 50px;    width: 40px;    height: 40px;    padding: 2px;    line-height: 40px;    text-align: center;    color: #fff;    margin: 0 auto;    border: 2.5px solid #fff;    box-shadow: 0px 0px 6px 2px rgb(0 0 0 / 10%);}.icon_yellow {    background: #f5b73f;    font-size: 1.2em;    border-radius: 50px;    width: 40px;    height: 40px;    padding: 2px;    line-height: 40px;    text-align: center;    color: #fff;    margin: 0 auto;    border: 2.5px solid #fff;    box-shadow: 0px 0px 6px 2px rgb(0 0 0 / 10%);}.icon_blue {    background: #5686da;    font-size: 1.2em;    border-radius: 50px;    width: 40px;    height: 40px;    padding: 2px;    line-height: 40px;    text-align: center;    color: #fff;    margin: 0 auto;    border: 2.5px solid #fff;    box-shadow: 0px 0px 6px 2px rgb(0 0 0 / 10%);}body {    padding-right: 0 !important;}.zindex1000 {    z-index: 1000 !important;}