@charset "UTF-8"; html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; } html { line-height: 1; } ol, ul { list-style: none; } table { border-collapse: collapse; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; } q, blockquote { quotes: none; } q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; } a img { border: none; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } /*自訂 */ html { font-family: Helvetica, Arila, "LiHei Pro", "Microsoft JhengHei", "新細明體", serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; color: #666666; -webkit-tap-highlight-color: #fff; font-smoothing: antialiased; text-rendering: optimizeLegibility; overflow-x: hidden; font-size: 16px; line-height: 1.2; } @media (min-width: 576px) and (max-width: 992px) { html html { font-size: calc( 14px + (16 - 14) * ( (100vw - 576px) / ( 992 - 576) )); } } @media (min-width: 992px) { html html { font-size: 16px; } } body { margin: 0; background-color: #fff; height: 100%; } hr { box-sizing: content-box; height: 0; overflow: visible; margin-top: 21px; margin-bottom: 21px; border: 0; border-top: 1px solid #ecf0f1; } *:focus { outline-color: transparent; } h1, h2, h3, h4, h5, h6 { font-family: inherit; color: inherit; } h1 { font-size: 3rem; } h2 { font-size: 36px; font-size: 2.25rem; } h3 { font-size: 30px; font-size: 1.875rem; } h4 { font-size: 20px; font-size: 1.25rem; } h5 { font-size: 18px; font-size: 1.125rem; } h6 { font-size: 16px; font-size: 1rem; } p, b { font-size: 16px; font-size: 1rem; line-height: 1.4; } span { font-size: 16px; font-size: 1rem; } small { font-size: 14px; font-size: 0.875rem; display: block; } .title, .new h3, .contact2 h3, .member h3 { color: #90519f; text-shadow: #fff 0px 2px, #fff 2px 0px, #fff -2px 0px, #fff 0px -2px, #fff -1.4px -1.4px, #fff 1.4px 1.4px, #fff 1.4px -1.4px, #fff -1.4px 1.4px, #000 2px 3px 6px; font-weight: bold; margin-bottom: 20px; } .title i, .new h3 i, .contact2 h3 i, .member h3 i { margin-right: 15px; } .nav1 .container, .nav2 .container, .header, .header .row, .productContact .top, .productContact .item:nth-child(3) ul, .productContact .item:nth-child(3) a { display: flex; align-items: center; /*justify-content: center;*/ } .member #js_boWindow #js_boWindowForm { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } img { border: 0; max-width: 100%; vertical-align: middle; } .img-responsive { display: block; width: 100%; height: auto; } b, strong { font-weight: bold; } .text-one { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .text-two { display: -webkit-box !important; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } /*連結 */ a { font-size: 1.125rem; color: #666666; text-decoration: none; display: block; } a:hover, a:active { outline: 0; color: #fff; text-decoration: none; } a:hover:focus, a:active:focus { outline-color: transparent; } /*UL */ .list-unstyle { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; } .list-inline > li { display: inline-block; padding-left: 6px; padding-right: 6px;} /*form */ .form-control { display: block; width: 100%; height: 36px; padding: 8px 12px; font-size: 1rem; line-height: 1.42857; color: #666666; background-color: #fff; border: 1px solid #cccccc; margin-bottom: 15px; } .form-control:focus { outline: 0; -webkit-box-shadow: none; box-shadow: none; } .form-control::-moz-placeholder { color: #666666; } .form-control:-ms-input-placeholder { color: #666666; } .form-control::-webkit-input-placeholder { color: #666666; } .form-control .error { border-color: #ff4e00; } /*btn */ .btn { display: block; padding: 15px; font-size: 1rem; font-weight: 400; line-height: 1.42857; text-align: center; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; background-image: none; background: #000; text-decoration: none; color: #fff; border: none; text-decoration: none; background: #90519f; } .btn:focus { outline-color: initial; } .btn:hover { background-color: #9d5dac; } .btn-block { background-color: #000; } .btn-block:hover { color: #fff; background-color: #1a1a1a; } .no-bg { margin: auto; margin-top: 50px; width: 25%; background: none; border: 1px solid #a76eb5; color: #90519f; } .no-bg:hover { background: #90519f; color: #fff; } @media (max-width: 768px) { .no-bg { width: 100%; } } @keyframes cp-skeleton-animate { 0% { transform: rotate(0deg); opacity: 1; } 50% { opacity: 0.9; } 100% { transform: rotate(360deg); opacity: 1; } } @keyframes cp-meter-animate-before { 0% { transform: rotate(-45deg); } 100% { transform: rotate(315deg); } } *, *::before, *::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .container, .container-fluid { position: relative; margin-left: auto; margin-right: auto; padding-right: 15px; padding-left: 15px; } @media (min-width: 768px) { .container { width: 720px; max-width: 100%; } } @media (min-width: 992px) { .container { width: 960px; max-width: 100%; } } @media (min-width: 1200px) { .container { width: 1140px; max-width: 100%; } } .row { -webkit-display: flex; -moz-display: flex; -ms-display: flex; -o-display: flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .gutters-sm { margin-right: -5px; margin-left: -5px; } .gutters-sm [class*='col-'] { padding-left: 5px; padding-right: 5px; } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters [class*="col-"] { padding-right: 0; padding-left: 0; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .col-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.33333%; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.66667%; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.33333%; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.66667%; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.33333%; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.66667%; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .pull-0 { right: auto; } .pull-1 { right: 8.33333%; } .pull-2 { right: 16.66667%; } .pull-3 { right: 25%; } .pull-4 { right: 33.33333%; } .pull-5 { right: 41.66667%; } .pull-6 { right: 50%; } .pull-7 { right: 58.33333%; } .pull-8 { right: 66.66667%; } .pull-9 { right: 75%; } .pull-10 { right: 83.33333%; } .pull-11 { right: 91.66667%; } .pull-12 { right: 100%; } .push-0 { left: auto; } .push-1 { left: 8.33333%; } .push-2 { left: 16.66667%; } .push-3 { left: 25%; } .push-4 { left: 33.33333%; } .push-5 { left: 41.66667%; } .push-6 { left: 50%; } .push-7 { left: 58.33333%; } .push-8 { left: 66.66667%; } .push-9 { left: 75%; } .push-10 { left: 83.33333%; } .push-11 { left: 91.66667%; } .push-12 { left: 100%; } .offset-1 { margin-left: 8.33333%; } .offset-2 { margin-left: 16.66667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.33333%; } .offset-5 { margin-left: 41.66667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.33333%; } .offset-8 { margin-left: 66.66667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.33333%; } .offset-11 { margin-left: 91.66667%; } @media (min-width: 576px) { .col-sm { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-sm-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .col-sm-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.33333%; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-sm-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-sm-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-sm-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-sm-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.66667%; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-sm-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-sm-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.33333%; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-sm-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.66667%; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-sm-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-sm-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.33333%; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-sm-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.66667%; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-sm-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .pull-sm-0 { right: auto; } .pull-sm-1 { right: 8.33333%; } .pull-sm-2 { right: 16.66667%; } .pull-sm-3 { right: 25%; } .pull-sm-4 { right: 33.33333%; } .pull-sm-5 { right: 41.66667%; } .pull-sm-6 { right: 50%; } .pull-sm-7 { right: 58.33333%; } .pull-sm-8 { right: 66.66667%; } .pull-sm-9 { right: 75%; } .pull-sm-10 { right: 83.33333%; } .pull-sm-11 { right: 91.66667%; } .pull-sm-12 { right: 100%; } .push-sm-0 { left: auto; } .push-sm-1 { left: 8.33333%; } .push-sm-2 { left: 16.66667%; } .push-sm-3 { left: 25%; } .push-sm-4 { left: 33.33333%; } .push-sm-5 { left: 41.66667%; } .push-sm-6 { left: 50%; } .push-sm-7 { left: 58.33333%; } .push-sm-8 { left: 66.66667%; } .push-sm-9 { left: 75%; } .push-sm-10 { left: 83.33333%; } .push-sm-11 { left: 91.66667%; } .push-sm-12 { left: 100%; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.33333%; } .offset-sm-2 { margin-left: 16.66667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.33333%; } .offset-sm-5 { margin-left: 41.66667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.33333%; } .offset-sm-8 { margin-left: 66.66667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.33333%; } .offset-sm-11 { margin-left: 91.66667%; } } @media (min-width: 768px) { .col-md { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-md-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .col-md-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.33333%; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-md-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-md-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-md-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-md-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.66667%; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-md-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-md-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.33333%; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-md-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.66667%; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-md-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-md-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.33333%; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-md-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.66667%; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-md-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .pull-md-0 { right: auto; } .pull-md-1 { right: 8.33333%; } .pull-md-2 { right: 16.66667%; } .pull-md-3 { right: 25%; } .pull-md-4 { right: 33.33333%; } .pull-md-5 { right: 41.66667%; } .pull-md-6 { right: 50%; } .pull-md-7 { right: 58.33333%; } .pull-md-8 { right: 66.66667%; } .pull-md-9 { right: 75%; } .pull-md-10 { right: 83.33333%; } .pull-md-11 { right: 91.66667%; } .pull-md-12 { right: 100%; } .push-md-0 { left: auto; } .push-md-1 { left: 8.33333%; } .push-md-2 { left: 16.66667%; } .push-md-3 { left: 25%; } .push-md-4 { left: 33.33333%; } .push-md-5 { left: 41.66667%; } .push-md-6 { left: 50%; } .push-md-7 { left: 58.33333%; } .push-md-8 { left: 66.66667%; } .push-md-9 { left: 75%; } .push-md-10 { left: 83.33333%; } .push-md-11 { left: 91.66667%; } .push-md-12 { left: 100%; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.33333%; } .offset-md-2 { margin-left: 16.66667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.33333%; } .offset-md-5 { margin-left: 41.66667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.33333%; } .offset-md-8 { margin-left: 66.66667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.33333%; } .offset-md-11 { margin-left: 91.66667%; } } @media (min-width: 992px) { .col-lg { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-lg-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .col-lg-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.33333%; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-lg-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-lg-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-lg-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-lg-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.66667%; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-lg-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-lg-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.33333%; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-lg-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.66667%; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-lg-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-lg-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.33333%; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-lg-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.66667%; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-lg-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .pull-lg-0 { right: auto; } .pull-lg-1 { right: 8.33333%; } .pull-lg-2 { right: 16.66667%; } .pull-lg-3 { right: 25%; } .pull-lg-4 { right: 33.33333%; } .pull-lg-5 { right: 41.66667%; } .pull-lg-6 { right: 50%; } .pull-lg-7 { right: 58.33333%; } .pull-lg-8 { right: 66.66667%; } .pull-lg-9 { right: 75%; } .pull-lg-10 { right: 83.33333%; } .pull-lg-11 { right: 91.66667%; } .pull-lg-12 { right: 100%; } .push-lg-0 { left: auto; } .push-lg-1 { left: 8.33333%; } .push-lg-2 { left: 16.66667%; } .push-lg-3 { left: 25%; } .push-lg-4 { left: 33.33333%; } .push-lg-5 { left: 41.66667%; } .push-lg-6 { left: 50%; } .push-lg-7 { left: 58.33333%; } .push-lg-8 { left: 66.66667%; } .push-lg-9 { left: 75%; } .push-lg-10 { left: 83.33333%; } .push-lg-11 { left: 91.66667%; } .push-lg-12 { left: 100%; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.33333%; } .offset-lg-2 { margin-left: 16.66667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.33333%; } .offset-lg-5 { margin-left: 41.66667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.33333%; } .offset-lg-8 { margin-left: 66.66667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.33333%; } .offset-lg-11 { margin-left: 91.66667%; } } @media (min-width: 1200px) { .col-xl { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-xl-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .col-xl-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.33333%; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-xl-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-xl-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-xl-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-xl-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.66667%; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-xl-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-xl-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.33333%; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-xl-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.66667%; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-xl-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-xl-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.33333%; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-xl-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.66667%; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-xl-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .pull-xl-0 { right: auto; } .pull-xl-1 { right: 8.33333%; } .pull-xl-2 { right: 16.66667%; } .pull-xl-3 { right: 25%; } .pull-xl-4 { right: 33.33333%; } .pull-xl-5 { right: 41.66667%; } .pull-xl-6 { right: 50%; } .pull-xl-7 { right: 58.33333%; } .pull-xl-8 { right: 66.66667%; } .pull-xl-9 { right: 75%; } .pull-xl-10 { right: 83.33333%; } .pull-xl-11 { right: 91.66667%; } .pull-xl-12 { right: 100%; } .push-xl-0 { left: auto; } .push-xl-1 { left: 8.33333%; } .push-xl-2 { left: 16.66667%; } .push-xl-3 { left: 25%; } .push-xl-4 { left: 33.33333%; } .push-xl-5 { left: 41.66667%; } .push-xl-6 { left: 50%; } .push-xl-7 { left: 58.33333%; } .push-xl-8 { left: 66.66667%; } .push-xl-9 { left: 75%; } .push-xl-10 { left: 83.33333%; } .push-xl-11 { left: 91.66667%; } .push-xl-12 { left: 100%; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.33333%; } .offset-xl-2 { margin-left: 16.66667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.33333%; } .offset-xl-5 { margin-left: 41.66667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.33333%; } .offset-xl-8 { margin-left: 66.66667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.33333%; } .offset-xl-11 { margin-left: 91.66667%; } } .col-xs-15, .col-sm-15, .col-md-15, .col-lg-15 { width: 100%; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col-xs-15 { -webkit-box-flex: 0; -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } @media (min-width: 768px) { .col-sm-15 { -webkit-box-flex: 0; -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } } @media (min-width: 992px) { .col-md-15 { -webkit-box-flex: 0; -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } } @media (min-width: 1200px) { .col-lg-15 { -webkit-box-flex: 0; -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } } .nav1 { position: fixed; z-index: 99; width: 100%; height: 60px; top: 40px; } .nav1 .container { justify-content: space-between; } .nav1 .navrihgt { background: linear-gradient(to bottom, #ab74b7, #743884); height: 60px; border-radius: 30px; } .nav1 .navrihgt .nav-trigger, .nav1 .navrihgt label[for="nav-trigger"] { display: none; } .nav1 .navrihgt ul { padding: 0 10px; } .nav1 .navrihgt li { float: left; list-style: none; padding: 20px 0; position: relative; } .nav1 .navrihgt li > a { border-right: 1px solid rgba(255, 255, 255, 0.3); } .nav1 .navrihgt li + li a { border-left: 1px solid rgba(0, 0, 0, 0.2); border-right: 1px solid rgba(255, 255, 255, 0.3); } .nav1 .navrihgt li:last-child a { border-right: none; } .nav1 .navrihgt li.active a { color: #fff; } .nav1 .navrihgt li a { padding: 0 25px; font-size: 18px; color: #d9d9d9; } .nav1 .navrihgt li a:hover { color: #fff; } .nav1 .navrihgt li ul.active { height: 265px; } .nav1 .navrihgt li ul { width: 180px; position: absolute; background: #670067; left: 0; top: 99%; height: 0; padding: 0; overflow: hidden; transition: height 0.4s; } .nav1 .navrihgt li li { padding: 8px 15px; float: none; border-right: none; border-left: none; } .nav1 .navrihgt li li a { border: none; padding: 0; } .nav1 .navrihgt li li + li { border-top: 1px solid rgba(255, 255, 255, 0.1); } @media (max-width: 1200px) { .nav1 .navrihgt li a { padding: 0 15px; } } @media (max-width: 992px) { .nav1 { padding: 10px 0; height: auto; top: 0; background: #fff; border-top: 4px solid #90519f; } .nav1 .container { width: 100%; } .nav1 .navlogo img { width: 200px; } .nav1 .navrihgt { background: none; border-radius: 0; padding: 0; } .nav1 .navrihgt .nav-trigger { position: absolute; clip: rect(0, 0, 0, 0); } .nav1 .navrihgt .nav-trigger:before { -webkit-transform: translateY(0) rotate(45deg); transform: translateY(0) rotate(45deg); } .nav1 .navrihgt .nav-trigger:checked + label[for="nav-trigger"] span { background-color: transparent; } .nav1 .navrihgt .nav-trigger:checked + label[for="nav-trigger"] span:before { -webkit-transform: translateY(0) rotate(45deg); transform: translateY(0) rotate(45deg); } .nav1 .navrihgt .nav-trigger:checked + label[for="nav-trigger"] span:after { -webkit-transform: translateY(0) rotate(-45deg); transform: translateY(0) rotate(-45deg); } .nav1 .navrihgt .nav-trigger:checked ~ ul { height: auto; } .nav1 .navrihgt label[for="nav-trigger"] { display: block; position: absolute; top: 11px; right: 25px; z-index: 999; height: 30px; width: 28px; cursor: pointer; } .nav1 .navrihgt label[for="nav-trigger"] span { position: absolute; top: 50%; left: 0; display: block; width: 100%; height: 4px; background-color: #90519f; font-size: 0; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .nav1 .navrihgt label[for="nav-trigger"] span:before, .nav1 .navrihgt label[for="nav-trigger"] span:after { position: absolute; left: 0; width: 100%; height: 100%; background: #90519f; content: ""; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; -webkit-transform: translateY(-240%); transform: translateY(-240%); } .nav1 .navrihgt label[for="nav-trigger"] span:after { -webkit-transform: translateY(240%); transform: translateY(240%); } .nav1 .navrihgt ul { padding: 0; float: none; height: 1px; overflow: hidden; transition: height 0.6s; margin-left: 0; width: 100%; text-align: left; background: #fff; margin-top: 70px; position: absolute; left: 0; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3); } .nav1 .navrihgt ul li { float: none; display: block; position: relative; padding: 10px 15px; border-right: none; border-top: 1px solid #f2f2f2; } .nav1 .navrihgt ul li + li a { border: none; } .nav1 .navrihgt ul li a { color: gray; } .nav1 .navrihgt ul li a:hover { color: #000; } .nav1 .navrihgt ul li.active a { color: #90519f; border-bottom: none; padding-bottom: 0; } .nav1 .navrihgt ul li ul.active { margin-top: 10px; position: relative; width: 100vw; margin-left: -15px; background: #fff; box-shadow: none; height: auto; margin-bottom: -15px; } .nav1 .navrihgt ul li ul.active li { border-top: 1px solid #f2f2f2; } .nav1 .navrihgt ul li ul.active li a { padding-left: 35px; } } .nav2 { position: absolute; z-index: 99; width: 100%; height: 60px; top: 40px; } .nav2 .container { justify-content: space-between; } .nav2 .navrihgt { background: linear-gradient(to bottom, #ab74b7, #743884); height: 60px; position: relative; } .nav2 .navrihgt .nav-trigger, .nav2 .navrihgt label[for="nav-trigger"] { display: none; } .nav2 .navrihgt .container { position: static; } .nav2 .navrihgt li { float: left; list-style: none; padding: 20px 0; } .nav2 .navrihgt li > a { border-right: 1px solid rgba(255, 255, 255, 0.3); } .nav2 .navrihgt li + li a { border-left: 1px solid rgba(0, 0, 0, 0.2); border-right: 1px solid rgba(255, 255, 255, 0.3); } .nav2 .navrihgt li:last-child a { border-right: none; } .nav2 .navrihgt li.active > a { color: #fff; } .nav2 .navrihgt li a { padding: 0 20px; font-size: 18px; color: #d9d9d9; } .nav2 .navrihgt li a:hover { color: #fff; } .nav2 .navrihgt li ul.active { height: 60px; } .nav2 .navrihgt li ul { width: 100vw; position: absolute; background: #4d004d; left: 0; top: 99%; height: 0; padding: 0; overflow: hidden; transition: height 0.4s; } .nav2 .navrihgt li li { padding: 20px 0; border-right: none; border-left: none; } .nav2 .navrihgt li li:first-child { margin-left: calc((100vw - 1110px)/2); } .nav2 .navrihgt li li a { color: #d9d9d9; border: none; } .nav2 .navrihgt li li a:hover { color: #fff; } .nav2 .navrihgt ul li.small-li{display: none;} .nav2 .navrihgt ul li.big-li{display: block;} @media (max-width: 1200px) { .nav2 .navrihgt li a { padding: 0 10px; } .nav2 .navrihgt li li:first-child { margin-left: calc((100vw - 930px)/2); } } @media (max-width: 992px) { .nav2 { padding: 10px 0; height: auto; top: 0; background: #fff; border-top: 4px solid #90519f; } .nav2 .container { width: 100%; } .nav2 .navlogo img { width: 200px; } .nav2 .navrihgt { width: 100%; top: 8px; right: 10px; bottom: auto; left: 0; position: absolute; background: none; padding: 0; } .nav2 .navrihgt .nav-trigger { position: absolute; clip: rect(0, 0, 0, 0); } .nav2 .navrihgt .nav-trigger:before { -webkit-transform: translateY(0) rotate(45deg); transform: translateY(0) rotate(45deg); } .nav2 .navrihgt .nav-trigger:checked + label[for="nav-trigger"] span { background-color: transparent; } .nav2 .navrihgt .nav-trigger:checked + label[for="nav-trigger"] span:before { -webkit-transform: translateY(0) rotate(45deg); transform: translateY(0) rotate(45deg); } .nav2 .navrihgt .nav-trigger:checked + label[for="nav-trigger"] span:after { -webkit-transform: translateY(0) rotate(-45deg); transform: translateY(0) rotate(-45deg); } .nav2 .navrihgt .nav-trigger:checked ~ ul { height: auto; } .nav2 .navrihgt label[for="nav-trigger"] { display: block; position: absolute; top: 11px; right: 25px; z-index: 999; height: 30px; width: 28px; cursor: pointer; } .nav2 .navrihgt label[for="nav-trigger"] span { position: absolute; top: 50%; left: 0; display: block; width: 100%; height: 4px; background-color: #90519f; font-size: 0; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .nav2 .navrihgt label[for="nav-trigger"] span:before, .nav2 .navrihgt label[for="nav-trigger"] span:after { position: absolute; left: 0; width: 100%; height: 100%; background: #90519f; content: ""; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; -webkit-transform: translateY(-240%); transform: translateY(-240%); } .nav2 .navrihgt label[for="nav-trigger"] span:after { -webkit-transform: translateY(240%); transform: translateY(240%); } .nav2 .navrihgt li li:first-child { margin-left: 0; } .nav2 .navrihgt ul { float: none; height: 1px; overflow: hidden; transition: height 0.6s; margin-left: 0; width: 100%; text-align: left; background: #fff; margin-top: 63px; position: absolute; top: 0; left: 0; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3); } .nav2 .navrihgt ul li { float: none; display: block; position: relative; padding: 10px 15px; border-right: none; border-top: 1px solid #f2f2f2; } .nav2 .navrihgt ul li + li a { border: none; } .nav2 .navrihgt ul li a { color: gray; } .nav2 .navrihgt ul li a:hover { color: #000; } .nav2 .navrihgt ul li.active a { color: #90519f; border-bottom: none; padding-bottom: 0; } .nav2 .navrihgt ul li.active ul a { color: gray; } .nav2 .navrihgt ul li ul.active { margin-top: 10px; position: relative; width: 100vw; margin-left: -15px; background: #fff; box-shadow: none; height: auto; margin-bottom: -15px; } .nav2 .navrihgt ul li ul.active li { border-top: 1px solid #f2f2f2; } .nav2 .navrihgt ul li ul.active li a { padding-left: 35px; } .nav2 .navrihgt ul li.small-li{display: block;} .nav2 .navrihgt ul li.big-li{display: none;} } .footer { background: url("../img/i_g01.png") repeat-x top; height: 120px; width: 100%; text-align: left; color: #fff; z-index: 9; } .footer ul{ /* display: flex; */ max-width: calc(100% - 300px); } .footer li { /* padding-top: 45px; */ font-size: 22px; line-height: 1.4; text-shadow: 0 1px 3px #000; margin-right: 15px; display: inline-block; } /* .footer li:nth-child(1), .footer li:nth-child(2), .footer li:nth-child(4), .footer li:nth-child(5) { float: left; } .footer li:nth-child(3) { clear: both; float: left; } */ .footer li small { font-size: 15px } .index .footer .container{ z-index: 9; padding-bottom: 10px; } @media (max-width: 992px) { .footer { text-align: left; height: 130px; } .footer ul{ margin: auto; max-width: 100%; } .footer li,.footer small { font-size: 14px; } } .index .footer .container{ padding-bottom: 20px; } @media (max-width: 768px) { .footer { height: 170px; } /*.footer .container small li {display: block; margin-right: 0; } */ } #wrapper { position: relative; min-height: 100vh; background: url("../img/a_b01.png") no-repeat, linear-gradient(to bottom, #017be5, #f0f0d5); background-position: center, center; } .bgroundone { z-index: 99; top: -21px; right: 120px; bottom: auto; left: auto; position: absolute; } .bgroundtwo { top: 130px; right: auto; bottom: auto; left: 120px; position: absolute; z-index: -1;} .bgroundthree { top: 50%; right: auto; bottom: auto; left: -60px; position: absolute; } .bgroundfour { top: 40%; right: -60px; bottom: auto; left: auto; position: absolute; } .bgline { top: 0; right: 280px; bottom: auto; left: auto; position: absolute; } @media (max-width: 992px) { .bgroundone, .bgline { display: none; } } @media (max-width: 768px) { .bgGreenLand { height: 160px; } } .header { min-height: calc(100vh - 120px); padding: 260px 0 30px; position: relative; z-index: 9; } .header .row { align-items: flex-start;} .header .row .bottom{ justify-content: flex-start; } @media (max-width: 992px) { .header { padding: 120px 0 0; } } .contact label, .contact2 label, .member #js_addmember .addmemberForm label { width: 100px; display: block; margin-bottom: 15px; line-height: 36px; color: #000; } .contact .btn, .contact2 .btn, .member #js_addmember .addmemberForm .btn { width: 20%; margin: 20px 15px 0; } .contact .btn:first-child, .contact2 .btn:first-child, .member #js_addmember .addmemberForm .btn:first-child { background: none; border: 1px solid #90519f; color: #90519f; } .contact .btn:first-child:hover, .contact2 .btn:first-child:hover, .member #js_addmember .addmemberForm .btn:first-child:hover { color: #fff; background: #90519f; } .bg-whit { background: rgba(255, 255, 255, 0.8); padding: 40px 30px; position: relative; z-index: 9;width: 100%; } @media (max-width: 992px) { .bg-whit { padding: 30px 20px; } } /***************************index**************************** */ #wrapper.index { background: url("../img/i_b01.png") no-repeat center, linear-gradient(to bottom, #017be5, #f0f0d5); } .index .header { min-height: calc(100vh - 300px); padding: 220px 0 0; } .index .header .container .row{ align-items: center; } .index #panorama { margin: 50px 0 0; height: 380px; width: 100%; outline: 6px solid #fff; } .index .ipnrm.ipnrm-theme-default .ipnrm-btn.ipnrm-btn-zoom-in, .index .ipnrm.ipnrm-theme-default .ipnrm-btn.ipnrm-btn-zoom-out, .index .ipnrm.ipnrm-theme-default .ipnrm-btn.ipnrm-btn-scene-prev, .index .ipnrm.ipnrm-theme-default .ipnrm-btn.ipnrm-btn-scene-next, .index .ipnrm.ipnrm-theme-default .ipnrm-btn.ipnrm-btn-fullscreen { display: none !important; } /*.index .content .treeOne { top: auto; right: 80px; bottom: 90px; left: auto; position: absolute; z-index: 1; }*/ /*.index .content .treetwo { top: auto; right: auto; bottom: 95px; left: 330px; position: absolute; z-index: 1; }*/ .index .content .round01 { top: auto; right: auto;bottom: 170px; left: 65%; position: absolute; z-index: 10; } .index .content .round01 img{width: 200px;} .index .content .round02 { top: 130px;right: 40px; position: absolute; z-index: 1; } .index .content .round03 { top: -35px;left: 100px; position: absolute; z-index: 1; } .index .content .round03 img{width: 200px;} .index .content .round04 { bottom: 280px;left:-1%; position: absolute; z-index: 1; } /*.index .content .home { top: auto; right: auto; bottom: 95px; left: 330px; position: absolute; z-index: 1; }*/ .index .left h1 { color: #90519f; font-weight: bold; text-shadow: #fff 0px 2px, #fff 2px 0px, #fff -2px 0px, #fff 0px -2px, #fff -1.4px -1.4px, #fff 1.4px 1.4px, #fff 1.4px -1.4px, #fff -1.4px 1.4px, #000 2px 3px 6px;margin-bottom:20px;font-size: 4.2rem;} .index .left p { font-size: 28px; color: #000; text-shadow: #fff 0px 2px, #fff 2px 0px, #fff -2px 0px, #fff 0px -2px, #fff -1.4px -1.4px, #fff 1.4px 1.4px, #fff 1.4px -1.4px, #fff -1.4px 1.4px, #000 2px 3px 6px; font-weight: bold;} .index .right { position: relative;margin: auto;left: 0;transform: translateX(-200%);transition: .8s;transition-delay: .8s;} .index .left {right: 0;transform: translateX(200%);transition: .8s;transition-delay: .8s;} .index.active .right, .index.active .left{ transform: translateX(0); } .index.active .left .phone{ display: none; justify-content: center; align-items: flex-end; position: relative; margin-top: 30px; bottom: 0; right: 0; z-index: 10; } @media (max-width: 992px) { .index.active .left .phone{ display: flex; } } .index .outimg { top: 0; right: auto; bottom: auto; left: 0; position: absolute;z-index: 9;} .index .picture{ margin: 70px 50px 40px; background: #fff; background-clip: content-box; border-radius: 50%; } .index .picture img { border-radius: 50%;display: none;} .w3-animate-fading{ animation: fading 10s infinite; } @keyframes fading{0%{opacity:0}20%{opacity:1}80%{opacity:1}100%{opacity:0}} .index .footer { height: 300px; position: relative; background: none; display: flex; align-items: flex-end; overflow: hidden; /*background: url("../img/i_t01.png") no-repeat 93% 110px,url("../img/i_t03.png") no-repeat 100px 86px, url("../img/i_g01.png") repeat-x 0 170px,url("../img/i_h01.png") no-repeat center 0;*/ } .index .footer .treeOne { right: 2%; top: 130px; transform: scale(.2); transition: 1s; transition-delay: .3s; transform-origin: center bottom; position: absolute; z-index: 1; opacity: 0; } .index .footer .treetwo { top: 80px; left: 8%; transform: scale(.2); transition: 1.5s; transform-origin: center bottom; position: absolute; z-index: 3; opacity: 0; } .index .footer .green { bottom: 0; left: 0; width: 100%; height: 130px; position: absolute; z-index: 2; background: url("../img/i_g01.png") repeat-x 0 0; } .index .footer .home { display: none; top: 0; left: 50%; transform: scale(.2); transition: 2s; transform-origin: center bottom; margin-left: -400px; position: absolute; z-index: 1; opacity: 0; } .index .footer .home img{ max-width: 920px; } .phone { display: flex; justify-content: center; align-items: flex-end; position: fixed; bottom: 30px; right: 30px; z-index: 10; } .phone img{ width: 50px; } .phone .text{ margin-left: 10px; } .phone p{ color: #000; font-size: 18px; margin-bottom: -5px; text-shadow: #fff 0px 2px, #fff 2px 0px, #fff -2px 0px, #fff 0px -2px, #fff -1.4px -1.4px, #fff 1.4px 1.4px, #fff 1.4px -1.4px, #fff -1.4px 1.4px, #000 2px 3px 6px; } .phone h4{ letter-spacing: 2px; color: #90519f; font-size: 36px; text-shadow: #fff 0px 2px, #fff 2px 0px, #fff -2px 0px, #fff 0px -2px, #fff -1.4px -1.4px, #fff 1.4px 1.4px, #fff 1.4px -1.4px, #fff -1.4px 1.4px, #000 2px 3px 6px; } @media (max-width: 992px) { .phone { display: none; } .phone img { display: none; } .phone .text{ margin-left: 0; text-align: center; } .phone p{ margin-bottom: 0px; } } .index.active .footer .treeOne, .index.active .footer .treetwo, .index.active .footer .home{ transform: scale(1); opacity: 1; } @media (max-width: 1200px) { .index .left h1 { margin-top: 30px; font-size: 4rem; } } @media (max-width: 992px) { .index .header { padding: 130px 0 0;} .index #panorama { margin-top: 0; margin-bottom: 60px; } .index .left { text-align: center; /* margin-bottom: 60px; */ } .index .left h1 { margin-top: 60px; font-size: 2.8rem; margin-bottom: 20px; } .index .left p { font-size: 24px; } .index .right { max-width: 500px; } .index .right .outimg { width: 100%; } .index .round01, .index .round02, .index .round03, .index .round04 { display: none; } /*.index .footer small {*/ /*padding-top: 210px;*/ /*}*/ } @media (max-width: 768px) { .index .header { min-height: calc(100vh - 270px); } /*.index .footer { height: 270px; }*/ /*.index .footer small { padding-top: 210px; }*/ .index .treeOne, .index .treetwo { display: none; } } @media (max-width: 560px) { .index .footer { background: url("../img/i_t03.png") no-repeat 10% 86px, url("../img/i_g01.png") repeat-x 0 175px } } /*@media (max-width: 460px) {*/ /*.index .footer small {*/ /*padding-top: 135px;*/ /*}*/ /*}*/ /***************************about**************************** */ .about .left { padding-right: 40px; text-align: justify; } .about .left p:first-child { margin-top: 0; } .about .left p:first-child span { font-size: 36px; font-weight: bold; margin-right: 5px; } .about .right iframe { box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); } .about p { line-height: 1.5; color: #000; margin: 20px 0; font-size: 20px; } @media (max-width: 992px) { .about .row { margin: 0; } .about .left { background: none; padding-top: 0; padding-right: 15px; } } /*************************product**************************** */ .product .header{ align-items: flex-start; } .product .header h3 { margin-bottom: 40px;width: 100%; } .product .header a { overflow: hidden; position: relative;text-align: center;} .product .header a img { transform: scale(1); transition: 0.3s;width: 100%;} .product .header a:hover img { transform: scale(1.1); } .product .header p { color: #000; text-align: center; margin-top: 15px; margin-bottom: 40px; } .product .header .row { justify-content: flex-start; } .product .paging a{ width: 40px; height: 40px; background: #90519f; color: #fff; display: flex; align-items: center; justify-content: center; } .product .paging a:hover{ background: #9f5eaf; } .product .paging span{ width: 40px; height: 40px; color: #fff; background: #b68fbf; display: flex; align-items: center; justify-content: center; } /***************************new****************************** */ .new .row { background: rgba(255, 255, 255, 0.8); padding: 20px 0 0; margin-left: 40px; margin-top: 40px; position: relative; } .new .adyout { position: absolute; top: -20px; right: 30px; background: #fff; border: 1px solid #90519f; } .new .adyout p { text-align: center; line-height: 1.2; } .new .adyout .adytop { background: #90519f; padding: 0 10px; } .new .adyout .adytop .year { color: #fff; } .new .adyout .adybottom { padding: 0 10px; } .new .adyout .adybottom .month { color: #000; } .new .adyout .adybottom .day { color: #90519f; font-weight: bold; font-size: 22px; } .new .pic img { border: 1px solid #90519f; position: relative; top: -30px; left: -35px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); } .new a p { color: #000; padding-right: 30px; padding-bottom: 30px; } .new a h2 { font-weight: bold; color: #90519f; margin: 10px 0; } @media (max-width: 992px) { .new .adyout { right: 14px; } .new .pic { margin-bottom: -15px; } .new a h2, .new a p { padding: 0 30px; } .new a p { padding-bottom: 30px; } } @media (max-width: 768px) { .new .adyout { display: none; } } /*************************newContact************************** */ .newContact .row { background: rgba(255, 255, 255, 0.8); padding: 50px; position: relative; } .newContact h2 { font-weight: bold; color: #90519f; } .newContact li { padding: 0; } .newContact li p { color: #000; } .newContact li .day { font-size: 22px; } .newContact .top { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #90519f; } .newContact .bottom p { margin-bottom: 15px; color: #000; } .newContact .bottom .btn { margin: auto; margin-top: 30px; width: 25%; background: none; border: 1px solid #90519f; color: #90519f; } .newContact .bottom .btn:hover { background: #90519f; color: #fff; } @media (max-width: 768px) { .newContact .row { padding: 30px; margin: 0; } .newContact .bottom .btn { width: 100%; } } /**************************contact************************** */ .contact form .row{ margin: 0; } .contact form iframe { border: 6px solid #fff !important; } .contact form ul { margin-right: -15px; } .contact form li { margin-bottom: 15px; color: #000; } .contact form li:first-child { margin: 15px 0 25px; } .contact form li i { color: #90519f; margin-right: 10px; } .contact .line { margin-top: 20px; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.3); } .contact .remarke { color: #000; margin: 30px 0; } .contact .remarke span { color: red; } .contact .row:last-child [class*='col-'] { display: flex; } .contact #name, .contact #email, .contact textarea { width: calc(100% - 100px); } .contact textarea { height: 200px; } .contact #verification { width: 30%; } @media (max-width: 992px) { .contact .bg-whit { padding: 20px 0; } .contact form ul { margin-right: 0; } .contact form li:first-child { margin: 15px 0; } .contact label, .contact #name, .contact #email, .contact textarea { width: 100%; } .contact .row:last-child [class*='col-'] { display: block; } .contact label { padding: 0; margin-bottom: 0; } .contact .btn { width: 100%; margin: 10px 0 0; } } /**************************contact2************************** */ .contact2 form { padding: 30px 40px; background: rgba(255, 255, 255, 0.6); } .contact2 form iframe { border: 6px solid #fff !important; } .contact2 form ul { margin-right: -15px; } .contact2 form li { margin-bottom: 15px; color: #000; } .contact2 form li:first-child { margin: 15px 0 25px; } .contact2 form li i { color: #90519f; margin-right: 10px; } .contact2 .line { margin-top: 20px; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.3); } .contact2 .remarke { color: #000; margin: 30px 0; } .contact2 .remarke span { color: red; } .contact2 .row:last-child [class*='col-'] { display: flex; } .contact2 .row:last-child [class*='col-']:last-child { justify-content: center; } .contact2 #name, .contact2 #email, .contact2 textarea { width: calc(100% - 100px); } .contact2 textarea { height: 200px; } .contact2 #verification { width: 30%; } @media (max-width: 768px) { .contact form { padding: 0; padding-top: 0; } .contact form ul { margin-right: 0; } .contact form li:first-child { margin: 15px 0; } .contact label, .contact #name, .contact #email, .contact textarea { width: 100%; } .contact .row:last-child [class*='col-'] { display: block; } .contact label { padding: 0; margin-bottom: 0; } .contact .btn { width: 100%; margin: 10px 0 0; } } /***********************productContact************************* */ .productContact .top { margin-bottom: 8px; } .productContact .item { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .productContact .item p { color: #000; } .productContact .item:first-child { padding-bottom: 15px; } .productContact .item:first-child h2 { font-weight: bold; color: #90519f; margin: 20px 0 0; } .productContact .item:first-child p { padding: 15px 0; } .productContact .item:nth-child(2) { padding: 30px 0;} .productContact .item:nth-child(2) p { margin-bottom: 10px; } .productContact .item:nth-child(3) { padding-top: 30px; border-bottom: none; } .productContact .item:nth-child(3) ul{justify-content: flex-start;} .productContact .item:nth-child(3) li{display: flex;} /*.productContact .item:nth-child(3) a { background: #fff; width: 30px; height: 30px; border-radius: 50%; padding: 0; margin: auto; border: 1px solid rgba(0, 0, 0, 0.1); justify-content: center;}*/ /*.productContact .item:nth-child(3) a:hover i { color: #666; }*/ /*.productContact .item:nth-child(3) span { background: url("../img/icon_line.png") no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; width: 18px; height: 9px; }*/ @media (max-width: 1200px) { .productContact .bg-whit { padding: 40px 20px; } .productContact .row { margin: 0; } .productContact .row [class*='col-'] { flex: 0 0 100%; max-width: 100%; } .productContact .top { margin-bottom: 40px; } .productContact .bottom { display: none; } } .productContact .slider{ position: relative; } /*.productContact .slider > img{*/ /*display: none;*/ /*}*/ .productContact .slider button { position: absolute; top: 45%; height: 50px; border: none; width: 40px; background: rgba(255,255,255,.6); color: #000; font-size: 30px; cursor: pointer; } .productContact .slider .next { right: 0; } .productContact .slider .prev { left: 0; } .productContact .slider .slidercontent{ position: relative; } .productContact .slider .slidercontent div{ display: inline-block; } .productContact .slider .buttonnav{ display: none; } .productContact .slider span{ display: block; margin-top: 10px; opacity: 0.7; } .productContact .slider span.active,.productContact .slider span:hover{ opacity: 1; } @media (max-width: 1200px){ .productContact .slider .buttonnav{ display: block; } } /**************************member************************** */ .member h4 { color: #000; font-weight: bold; margin-bottom: 20px; } .member #js_membersignIn > .row { padding: 60px 30px 50px; background: rgba(255, 255, 255, 0.6); align-items: stretch; } .member #js_membersignIn > .row > [class*='col-'] { padding: 0 80px; } .member #js_membersignIn > .row > [class*='col-']:first-child { border-right: 1px solid rgba(255, 255, 255, 0.8); } .member #js_membersignIn > .row > [class*='col-']:last-child p { margin-bottom: 55px; } .member #js_membersignIn .btn { width: 100%; margin: 20px 0; } .member #js_membersignIn ul { margin-top: 20px; } .member #js_membersignIn ul a { font-size: 1rem; } .member #js_membersignIn ul a:hover { color: #666666; text-decoration: underline; } .member #js_addmember { display: none; } .member #js_addmember .addmemberForm > .row { padding: 50px 30px; background: rgba(255, 255, 255, 0.6); } .member #js_addmember .addmemberForm > .row > [class*='col-'] { display: flex; } .member #js_addmember .addmemberForm > .row > [class*='col-'] > .row { width: 100%; } .member #js_addmember .addmemberForm > .row > [class*='col-']:last-child { justify-content: flex-end; } .member #js_addmember .addmemberForm label { width: 140px; } .member #js_addmember .addmemberForm label[for*='main'] { width: 120px; } .member #js_addmember .addmemberForm input:not(.btn, #email) { width: calc(100% - 140px); } .member #js_addmember .addmemberForm #main { width: 36px; margin-left: -15px; } .member #js_addmember .addmemberForm .btn:first-child { margin-left: 0; } .member #js_addmember .addmemberForm .btn:last-child { margin-right: 0; } .member #js_addmember .addmemberForm .checkboxThree { width: 120px; height: 40px; background: #333; border-radius: 50px; position: relative; } .member #js_addmember .addmemberForm .checkboxThree:before { content: "On"; position: absolute; top: 12px; left: 13px; height: 2px; color: #26ca28; font-size: 16px; } .member #js_addmember .addmemberForm .checkboxThree:after { content: "Off"; position: absolute; top: 12px; left: 84px; height: 2px; color: #ddd; font-size: 16px; } .member #js_addmember .addmemberForm .checkboxThree input[type=checkbox] { visibility: hidden; } .member #js_addmember .addmemberForm .checkboxThree input[type=checkbox]:checked + label { left: 60px; background: #26ca28; } .member #js_addmember .addmemberForm .checkboxThree label { display: block; width: 52px; height: 25px; border-radius: 50px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; cursor: pointer; position: absolute; top: 7px; z-index: 1; left: 12px; background: #ddd; } .member #js_boWindow { display: none; position: fixed; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.6); top: 0; left: 0; z-index: 999; } .member #js_boWindow #js_boWindowForm { padding: 30px; background: #fff; width: 320px; } .member #js_boWindow #js_boWindowForm i { font-size: 1.2rem; top: 10px; right: 12px; bottom: auto; left: auto; position: absolute; cursor: pointer; } .member #js_boWindow #js_boWindowForm h4 { margin-bottom: 10px; } .member #js_boWindow #js_boWindowForm p { margin-bottom: 30px; } .member #js_boWindow #js_boWindowForm .btn { padding: 10px 15px; margin-top: 10px; width: 100%; } @media (max-width: 1200px) { .member #js_membersignIn > .row > [class*='col-']:last-child p { margin-bottom: 35px; } } @media (max-width: 992px) { .member #js_membersignIn > .row { padding: 50px 0; } .member #js_membersignIn > .row > [class*='col-']:first-child { border-right: none; border-bottom: 1px solid rgba(255, 255, 255, 0.6); margin-bottom: 40px; padding-bottom: 25px; } .member #js_membersignIn > .row > [class*='col-']:last-child p { margin-bottom: 20px; } .member #js_addmember .addmemberForm > .row > [class*='col-'] { display: block; } .member #js_addmember .addmemberForm > .row > [class*='col-'] > .row { width: auto; } .member #js_addmember .addmemberForm label { width: 100%; margin-bottom: 0; } .member #js_addmember .addmemberForm .btn { width: 100%; margin: 10px 0 0; } .member #js_addmember .addmemberForm .btn:first-child { margin-top: 20px; } } @media (max-width: 768px) { .member #js_membersignIn > .row { margin: 0; padding: 20px 0; } .member #js_membersignIn > .row > [class*='col-'] { padding: 0 20px; } .member #js_membersignIn > .row > [class*='col-']:first-child { margin-bottom: 30px; padding-bottom: 10px; } .member #js_addmember .addmemberForm > .row { margin: 0; padding: 20px 5px; } } /*! * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ /* FONT PATH -------------------------- */ @font-face { font-family: 'FontAwesome'; src: url("../bower/font-awesome/fonts/fontawesome-webfont.eot?v=4.7.0"); src: url("../bower/font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("../bower/font-awesome/fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("../bower/font-awesome/fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("../bower/font-awesome/fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("../bower/font-awesome/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg"); font-weight: normal; font-style: normal; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* makes the font 33% larger relative to the icon container */ .fa-lg { font-size: 1.33333em; line-height: 0.75em; vertical-align: -15%; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-fw { width: 1.28571em; text-align: center; } .fa-ul { padding-left: 0; margin-left: 2.14286em; list-style-type: none; } .fa-ul > li { position: relative; } .fa-li { position: absolute; left: -2.14286em; width: 2.14286em; top: 0.14286em; text-align: center; } .fa-li.fa-lg { left: -1.85714em; } .fa-border { padding: .2em .25em .15em; border: solid 0.08em #eee; border-radius: .1em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left { margin-right: .3em; } .fa.fa-pull-right { margin-left: .3em; } /* Deprecated as of 4.4.0 */ .pull-right { float: right; } .pull-left { float: left; } .fa.pull-left { margin-right: .3em; } .fa.pull-right { margin-left: .3em; } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none; } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #fff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-glass:before { content: ""; } .fa-music:before { content: ""; } .fa-search:before { content: ""; } .fa-envelope-o:before { content: ""; } .fa-heart:before { content: ""; } .fa-star:before { content: ""; } .fa-star-o:before { content: ""; } .fa-user:before { content: ""; } .fa-film:before { content: ""; } .fa-th-large:before { content: ""; } .fa-th:before { content: ""; } .fa-th-list:before { content: ""; } .fa-check:before { content: ""; } .fa-remove:before, .fa-close:before, .fa-times:before { content: ""; } .fa-search-plus:before { content: ""; } .fa-search-minus:before { content: ""; } .fa-power-off:before { content: ""; } .fa-signal:before { content: ""; } .fa-gear:before, .fa-cog:before { content: ""; } .fa-trash-o:before { content: ""; } .fa-home:before { content: ""; } .fa-file-o:before { content: ""; } .fa-clock-o:before { content: ""; } .fa-road:before { content: ""; } .fa-download:before { content: ""; } .fa-arrow-circle-o-down:before { content: ""; } .fa-arrow-circle-o-up:before { content: ""; } .fa-inbox:before { content: ""; } .fa-play-circle-o:before { content: ""; } .fa-rotate-right:before, .fa-repeat:before { content: ""; } .fa-refresh:before { content: ""; } .fa-list-alt:before { content: ""; } .fa-lock:before { content: ""; } .fa-flag:before { content: ""; } .fa-headphones:before { content: ""; } .fa-volume-off:before { content: ""; } .fa-volume-down:before { content: ""; } .fa-volume-up:before { content: ""; } .fa-qrcode:before { content: ""; } .fa-barcode:before { content: ""; } .fa-tag:before { content: ""; } .fa-tags:before { content: ""; } .fa-book:before { content: ""; } .fa-bookmark:before { content: ""; } .fa-print:before { content: ""; } .fa-camera:before { content: ""; } .fa-font:before { content: ""; } .fa-bold:before { content: ""; } .fa-italic:before { content: ""; } .fa-text-height:before { content: ""; } .fa-text-width:before { content: ""; } .fa-align-left:before { content: ""; } .fa-align-center:before { content: ""; } .fa-align-right:before { content: ""; } .fa-align-justify:before { content: ""; } .fa-list:before { content: ""; } .fa-dedent:before, .fa-outdent:before { content: ""; } .fa-indent:before { content: ""; } .fa-video-camera:before { content: ""; } .fa-photo:before, .fa-image:before, .fa-picture-o:before { content: ""; } .fa-pencil:before { content: ""; } .fa-map-marker:before { content: ""; } .fa-adjust:before { content: ""; } .fa-tint:before { content: ""; } .fa-edit:before, .fa-pencil-square-o:before { content: ""; } .fa-share-square-o:before { content: ""; } .fa-check-square-o:before { content: ""; } .fa-arrows:before { content: ""; } .fa-step-backward:before { content: ""; } .fa-fast-backward:before { content: ""; } .fa-backward:before { content: ""; } .fa-play:before { content: ""; } .fa-pause:before { content: ""; } .fa-stop:before { content: ""; } .fa-forward:before { content: ""; } .fa-fast-forward:before { content: ""; } .fa-step-forward:before { content: ""; } .fa-eject:before { content: ""; } .fa-chevron-left:before { content: ""; } .fa-chevron-right:before { content: ""; } .fa-plus-circle:before { content: ""; } .fa-minus-circle:before { content: ""; } .fa-times-circle:before { content: ""; } .fa-check-circle:before { content: ""; } .fa-question-circle:before { content: ""; } .fa-info-circle:before { content: ""; } .fa-crosshairs:before { content: ""; } .fa-times-circle-o:before { content: ""; } .fa-check-circle-o:before { content: ""; } .fa-ban:before { content: ""; } .fa-arrow-left:before { content: ""; } .fa-arrow-right:before { content: ""; } .fa-arrow-up:before { content: ""; } .fa-arrow-down:before { content: ""; } .fa-mail-forward:before, .fa-share:before { content: ""; } .fa-expand:before { content: ""; } .fa-compress:before { content: ""; } .fa-plus:before { content: ""; } .fa-minus:before { content: ""; } .fa-asterisk:before { content: ""; } .fa-exclamation-circle:before { content: ""; } .fa-gift:before { content: ""; } .fa-leaf:before { content: ""; } .fa-fire:before { content: ""; } .fa-eye:before { content: ""; } .fa-eye-slash:before { content: ""; } .fa-warning:before, .fa-exclamation-triangle:before { content: ""; } .fa-plane:before { content: ""; } .fa-calendar:before { content: ""; } .fa-random:before { content: ""; } .fa-comment:before { content: ""; } .fa-magnet:before { content: ""; } .fa-chevron-up:before { content: ""; } .fa-chevron-down:before { content: ""; } .fa-retweet:before { content: ""; } .fa-shopping-cart:before { content: ""; } .fa-folder:before { content: ""; } .fa-folder-open:before { content: ""; } .fa-arrows-v:before { content: ""; } .fa-arrows-h:before { content: ""; } .fa-bar-chart-o:before, .fa-bar-chart:before { content: ""; } .fa-twitter-square:before { content: ""; } .fa-facebook-square:before { content: ""; } .fa-camera-retro:before { content: ""; } .fa-key:before { content: ""; } .fa-gears:before, .fa-cogs:before { content: ""; } .fa-comments:before { content: ""; } .fa-thumbs-o-up:before { content: ""; } .fa-thumbs-o-down:before { content: ""; } .fa-star-half:before { content: ""; } .fa-heart-o:before { content: ""; } .fa-sign-out:before { content: ""; } .fa-linkedin-square:before { content: ""; } .fa-thumb-tack:before { content: ""; } .fa-external-link:before { content: ""; } .fa-sign-in:before { content: ""; } .fa-trophy:before { content: ""; } .fa-github-square:before { content: ""; } .fa-upload:before { content: ""; } .fa-lemon-o:before { content: ""; } .fa-phone:before { content: ""; } .fa-square-o:before { content: ""; } .fa-bookmark-o:before { content: ""; } .fa-phone-square:before { content: ""; } .fa-twitter:before { content: ""; } .fa-facebook-f:before, .fa-facebook:before { content: ""; } .fa-github:before { content: ""; } .fa-unlock:before { content: ""; } .fa-credit-card:before { content: ""; } .fa-feed:before, .fa-rss:before { content: ""; } .fa-hdd-o:before { content: ""; } .fa-bullhorn:before { content: ""; } .fa-bell:before { content: ""; } .fa-certificate:before { content: ""; } .fa-hand-o-right:before { content: ""; } .fa-hand-o-left:before { content: ""; } .fa-hand-o-up:before { content: ""; } .fa-hand-o-down:before { content: ""; } .fa-arrow-circle-left:before { content: ""; } .fa-arrow-circle-right:before { content: ""; } .fa-arrow-circle-up:before { content: ""; } .fa-arrow-circle-down:before { content: ""; } .fa-globe:before { content: ""; } .fa-wrench:before { content: ""; } .fa-tasks:before { content: ""; } .fa-filter:before { content: ""; } .fa-briefcase:before { content: ""; } .fa-arrows-alt:before { content: ""; } .fa-group:before, .fa-users:before { content: ""; } .fa-chain:before, .fa-link:before { content: ""; } .fa-cloud:before { content: ""; } .fa-flask:before { content: ""; } .fa-cut:before, .fa-scissors:before { content: ""; } .fa-copy:before, .fa-files-o:before { content: ""; } .fa-paperclip:before { content: ""; } .fa-save:before, .fa-floppy-o:before { content: ""; } .fa-square:before { content: ""; } .fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: ""; } .fa-list-ul:before { content: ""; } .fa-list-ol:before { content: ""; } .fa-strikethrough:before { content: ""; } .fa-underline:before { content: ""; } .fa-table:before { content: ""; } .fa-magic:before { content: ""; } .fa-truck:before { content: ""; } .fa-pinterest:before { content: ""; } .fa-pinterest-square:before { content: ""; } .fa-google-plus-square:before { content: ""; } .fa-google-plus:before { content: ""; } .fa-money:before { content: ""; } .fa-caret-down:before { content: ""; } .fa-caret-up:before { content: ""; } .fa-caret-left:before { content: ""; } .fa-caret-right:before { content: ""; } .fa-columns:before { content: ""; } .fa-unsorted:before, .fa-sort:before { content: ""; } .fa-sort-down:before, .fa-sort-desc:before { content: ""; } .fa-sort-up:before, .fa-sort-asc:before { content: ""; } .fa-envelope:before { content: ""; } .fa-linkedin:before { content: ""; } .fa-rotate-left:before, .fa-undo:before { content: ""; } .fa-legal:before, .fa-gavel:before { content: ""; } .fa-dashboard:before, .fa-tachometer:before { content: ""; } .fa-comment-o:before { content: ""; } .fa-comments-o:before { content: ""; } .fa-flash:before, .fa-bolt:before { content: ""; } .fa-sitemap:before { content: ""; } .fa-umbrella:before { content: ""; } .fa-paste:before, .fa-clipboard:before { content: ""; } .fa-lightbulb-o:before { content: ""; } .fa-exchange:before { content: ""; } .fa-cloud-download:before { content: ""; } .fa-cloud-upload:before { content: ""; } .fa-user-md:before { content: ""; } .fa-stethoscope:before { content: ""; } .fa-suitcase:before { content: ""; } .fa-bell-o:before { content: ""; } .fa-coffee:before { content: ""; } .fa-cutlery:before { content: ""; } .fa-file-text-o:before { content: ""; } .fa-building-o:before { content: ""; } .fa-hospital-o:before { content: ""; } .fa-ambulance:before { content: ""; } .fa-medkit:before { content: ""; } .fa-fighter-jet:before { content: ""; } .fa-beer:before { content: ""; } .fa-h-square:before { content: ""; } .fa-plus-square:before { content: ""; } .fa-angle-double-left:before { content: ""; } .fa-angle-double-right:before { content: ""; } .fa-angle-double-up:before { content: ""; } .fa-angle-double-down:before { content: ""; } .fa-angle-left:before { content: ""; } .fa-angle-right:before { content: ""; } .fa-angle-up:before { content: ""; } .fa-angle-down:before { content: ""; } .fa-desktop:before { content: ""; } .fa-laptop:before { content: ""; } .fa-tablet:before { content: ""; } .fa-mobile-phone:before, .fa-mobile:before { content: ""; } .fa-circle-o:before { content: ""; } .fa-quote-left:before { content: ""; } .fa-quote-right:before { content: ""; } .fa-spinner:before { content: ""; } .fa-circle:before { content: ""; } .fa-mail-reply:before, .fa-reply:before { content: ""; } .fa-github-alt:before { content: ""; } .fa-folder-o:before { content: ""; } .fa-folder-open-o:before { content: ""; } .fa-smile-o:before { content: ""; } .fa-frown-o:before { content: ""; } .fa-meh-o:before { content: ""; } .fa-gamepad:before { content: ""; } .fa-keyboard-o:before { content: ""; } .fa-flag-o:before { content: ""; } .fa-flag-checkered:before { content: ""; } .fa-terminal:before { content: ""; } .fa-code:before { content: ""; } .fa-mail-reply-all:before, .fa-reply-all:before { content: ""; } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: ""; } .fa-location-arrow:before { content: ""; } .fa-crop:before { content: ""; } .fa-code-fork:before { content: ""; } .fa-unlink:before, .fa-chain-broken:before { content: ""; } .fa-question:before { content: ""; } .fa-info:before { content: ""; } .fa-exclamation:before { content: ""; } .fa-superscript:before { content: ""; } .fa-subscript:before { content: ""; } .fa-eraser:before { content: ""; } .fa-puzzle-piece:before { content: ""; } .fa-microphone:before { content: ""; } .fa-microphone-slash:before { content: ""; } .fa-shield:before { content: ""; } .fa-calendar-o:before { content: ""; } .fa-fire-extinguisher:before { content: ""; } .fa-rocket:before { content: ""; } .fa-maxcdn:before { content: ""; } .fa-chevron-circle-left:before { content: ""; } .fa-chevron-circle-right:before { content: ""; } .fa-chevron-circle-up:before { content: ""; } .fa-chevron-circle-down:before { content: ""; } .fa-html5:before { content: ""; } .fa-css3:before { content: ""; } .fa-anchor:before { content: ""; } .fa-unlock-alt:before { content: ""; } .fa-bullseye:before { content: ""; } .fa-ellipsis-h:before { content: ""; } .fa-ellipsis-v:before { content: ""; } .fa-rss-square:before { content: ""; } .fa-play-circle:before { content: ""; } .fa-ticket:before { content: ""; } .fa-minus-square:before { content: ""; } .fa-minus-square-o:before { content: ""; } .fa-level-up:before { content: ""; } .fa-level-down:before { content: ""; } .fa-check-square:before { content: ""; } .fa-pencil-square:before { content: ""; } .fa-external-link-square:before { content: ""; } .fa-share-square:before { content: ""; } .fa-compass:before { content: ""; } .fa-toggle-down:before, .fa-caret-square-o-down:before { content: ""; } .fa-toggle-up:before, .fa-caret-square-o-up:before { content: ""; } .fa-toggle-right:before, .fa-caret-square-o-right:before { content: ""; } .fa-euro:before, .fa-eur:before { content: ""; } .fa-gbp:before { content: ""; } .fa-dollar:before, .fa-usd:before { content: ""; } .fa-rupee:before, .fa-inr:before { content: ""; } .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: ""; } .fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: ""; } .fa-won:before, .fa-krw:before { content: ""; } .fa-bitcoin:before, .fa-btc:before { content: ""; } .fa-file:before { content: ""; } .fa-file-text:before { content: ""; } .fa-sort-alpha-asc:before { content: ""; } .fa-sort-alpha-desc:before { content: ""; } .fa-sort-amount-asc:before { content: ""; } .fa-sort-amount-desc:before { content: ""; } .fa-sort-numeric-asc:before { content: ""; } .fa-sort-numeric-desc:before { content: ""; } .fa-thumbs-up:before { content: ""; } .fa-thumbs-down:before { content: ""; } .fa-youtube-square:before { content: ""; } .fa-youtube:before { content: ""; } .fa-xing:before { content: ""; } .fa-xing-square:before { content: ""; } .fa-youtube-play:before { content: ""; } .fa-dropbox:before { content: ""; } .fa-stack-overflow:before { content: ""; } .fa-instagram:before { content: ""; } .fa-flickr:before { content: ""; } .fa-adn:before { content: ""; } .fa-bitbucket:before { content: ""; } .fa-bitbucket-square:before { content: ""; } .fa-tumblr:before { content: ""; } .fa-tumblr-square:before { content: ""; } .fa-long-arrow-down:before { content: ""; } .fa-long-arrow-up:before { content: ""; } .fa-long-arrow-left:before { content: ""; } .fa-long-arrow-right:before { content: ""; } .fa-apple:before { content: ""; } .fa-windows:before { content: ""; } .fa-android:before { content: ""; } .fa-linux:before { content: ""; } .fa-dribbble:before { content: ""; } .fa-skype:before { content: ""; } .fa-foursquare:before { content: ""; } .fa-trello:before { content: ""; } .fa-female:before { content: ""; } .fa-male:before { content: ""; } .fa-gittip:before, .fa-gratipay:before { content: ""; } .fa-sun-o:before { content: ""; } .fa-moon-o:before { content: ""; } .fa-archive:before { content: ""; } .fa-bug:before { content: ""; } .fa-vk:before { content: ""; } .fa-weibo:before { content: ""; } .fa-renren:before { content: ""; } .fa-pagelines:before { content: ""; } .fa-stack-exchange:before { content: ""; } .fa-arrow-circle-o-right:before { content: ""; } .fa-arrow-circle-o-left:before { content: ""; } .fa-toggle-left:before, .fa-caret-square-o-left:before { content: ""; } .fa-dot-circle-o:before { content: ""; } .fa-wheelchair:before { content: ""; } .fa-vimeo-square:before { content: ""; } .fa-turkish-lira:before, .fa-try:before { content: ""; } .fa-plus-square-o:before { content: ""; } .fa-space-shuttle:before { content: ""; } .fa-slack:before { content: ""; } .fa-envelope-square:before { content: ""; } .fa-wordpress:before { content: ""; } .fa-openid:before { content: ""; } .fa-institution:before, .fa-bank:before, .fa-university:before { content: ""; } .fa-mortar-board:before, .fa-graduation-cap:before { content: ""; } .fa-yahoo:before { content: ""; } .fa-google:before { content: ""; } .fa-reddit:before { content: ""; } .fa-reddit-square:before { content: ""; } .fa-stumbleupon-circle:before { content: ""; } .fa-stumbleupon:before { content: ""; } .fa-delicious:before { content: ""; } .fa-digg:before { content: ""; } .fa-pied-piper-pp:before { content: ""; } .fa-pied-piper-alt:before { content: ""; } .fa-drupal:before { content: ""; } .fa-joomla:before { content: ""; } .fa-language:before { content: ""; } .fa-fax:before { content: ""; } .fa-building:before { content: ""; } .fa-child:before { content: ""; } .fa-paw:before { content: ""; } .fa-spoon:before { content: ""; } .fa-cube:before { content: ""; } .fa-cubes:before { content: ""; } .fa-behance:before { content: ""; } .fa-behance-square:before { content: ""; } .fa-steam:before { content: ""; } .fa-steam-square:before { content: ""; } .fa-recycle:before { content: ""; } .fa-automobile:before, .fa-car:before { content: ""; } .fa-cab:before, .fa-taxi:before { content: ""; } .fa-tree:before { content: ""; } .fa-spotify:before { content: ""; } .fa-deviantart:before { content: ""; } .fa-soundcloud:before { content: ""; } .fa-database:before { content: ""; } .fa-file-pdf-o:before { content: ""; } .fa-file-word-o:before { content: ""; } .fa-file-excel-o:before { content: ""; } .fa-file-powerpoint-o:before { content: ""; } .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: ""; } .fa-file-zip-o:before, .fa-file-archive-o:before { content: ""; } .fa-file-sound-o:before, .fa-file-audio-o:before { content: ""; } .fa-file-movie-o:before, .fa-file-video-o:before { content: ""; } .fa-file-code-o:before { content: ""; } .fa-vine:before { content: ""; } .fa-codepen:before { content: ""; } .fa-jsfiddle:before { content: ""; } .fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: ""; } .fa-circle-o-notch:before { content: ""; } .fa-ra:before, .fa-resistance:before, .fa-rebel:before { content: ""; } .fa-ge:before, .fa-empire:before { content: ""; } .fa-git-square:before { content: ""; } .fa-git:before { content: ""; } .fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before { content: ""; } .fa-tencent-weibo:before { content: ""; } .fa-qq:before { content: ""; } .fa-wechat:before, .fa-weixin:before { content: ""; } .fa-send:before, .fa-paper-plane:before { content: ""; } .fa-send-o:before, .fa-paper-plane-o:before { content: ""; } .fa-history:before { content: ""; } .fa-circle-thin:before { content: ""; } .fa-header:before { content: ""; } .fa-paragraph:before { content: ""; } .fa-sliders:before { content: ""; } .fa-share-alt:before { content: ""; } .fa-share-alt-square:before { content: ""; } .fa-bomb:before { content: ""; } .fa-soccer-ball-o:before, .fa-futbol-o:before { content: ""; } .fa-tty:before { content: ""; } .fa-binoculars:before { content: ""; } .fa-plug:before { content: ""; } .fa-slideshare:before { content: ""; } .fa-twitch:before { content: ""; } .fa-yelp:before { content: ""; } .fa-newspaper-o:before { content: ""; } .fa-wifi:before { content: ""; } .fa-calculator:before { content: ""; } .fa-paypal:before { content: ""; } .fa-google-wallet:before { content: ""; } .fa-cc-visa:before { content: ""; } .fa-cc-mastercard:before { content: ""; } .fa-cc-discover:before { content: ""; } .fa-cc-amex:before { content: ""; } .fa-cc-paypal:before { content: ""; } .fa-cc-stripe:before { content: ""; } .fa-bell-slash:before { content: ""; } .fa-bell-slash-o:before { content: ""; } .fa-trash:before { content: ""; } .fa-copyright:before { content: ""; } .fa-at:before { content: ""; } .fa-eyedropper:before { content: ""; } .fa-paint-brush:before { content: ""; } .fa-birthday-cake:before { content: ""; } .fa-area-chart:before { content: ""; } .fa-pie-chart:before { content: ""; } .fa-line-chart:before { content: ""; } .fa-lastfm:before { content: ""; } .fa-lastfm-square:before { content: ""; } .fa-toggle-off:before { content: ""; } .fa-toggle-on:before { content: ""; } .fa-bicycle:before { content: ""; } .fa-bus:before { content: ""; } .fa-ioxhost:before { content: ""; } .fa-angellist:before { content: ""; } .fa-cc:before { content: ""; } .fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: ""; } .fa-meanpath:before { content: ""; } .fa-buysellads:before { content: ""; } .fa-connectdevelop:before { content: ""; } .fa-dashcube:before { content: ""; } .fa-forumbee:before { content: ""; } .fa-leanpub:before { content: ""; } .fa-sellsy:before { content: ""; } .fa-shirtsinbulk:before { content: ""; } .fa-simplybuilt:before { content: ""; } .fa-skyatlas:before { content: ""; } .fa-cart-plus:before { content: ""; } .fa-cart-arrow-down:before { content: ""; } .fa-diamond:before { content: ""; } .fa-ship:before { content: ""; } .fa-user-secret:before { content: ""; } .fa-motorcycle:before { content: ""; } .fa-street-view:before { content: ""; } .fa-heartbeat:before { content: ""; } .fa-venus:before { content: ""; } .fa-mars:before { content: ""; } .fa-mercury:before { content: ""; } .fa-intersex:before, .fa-transgender:before { content: ""; } .fa-transgender-alt:before { content: ""; } .fa-venus-double:before { content: ""; } .fa-mars-double:before { content: ""; } .fa-venus-mars:before { content: ""; } .fa-mars-stroke:before { content: ""; } .fa-mars-stroke-v:before { content: ""; } .fa-mars-stroke-h:before { content: ""; } .fa-neuter:before { content: ""; } .fa-genderless:before { content: ""; } .fa-facebook-official:before { content: ""; } .fa-pinterest-p:before { content: ""; } .fa-whatsapp:before { content: ""; } .fa-server:before { content: ""; } .fa-user-plus:before { content: ""; } .fa-user-times:before { content: ""; } .fa-hotel:before, .fa-bed:before { content: ""; } .fa-viacoin:before { content: ""; } .fa-train:before { content: ""; } .fa-subway:before { content: ""; } .fa-medium:before { content: ""; } .fa-yc:before, .fa-y-combinator:before { content: ""; } .fa-optin-monster:before { content: ""; } .fa-opencart:before { content: ""; } .fa-expeditedssl:before { content: ""; } .fa-battery-4:before, .fa-battery:before, .fa-battery-full:before { content: ""; } .fa-battery-3:before, .fa-battery-three-quarters:before { content: ""; } .fa-battery-2:before, .fa-battery-half:before { content: ""; } .fa-battery-1:before, .fa-battery-quarter:before { content: ""; } .fa-battery-0:before, .fa-battery-empty:before { content: ""; } .fa-mouse-pointer:before { content: ""; } .fa-i-cursor:before { content: ""; } .fa-object-group:before { content: ""; } .fa-object-ungroup:before { content: ""; } .fa-sticky-note:before { content: ""; } .fa-sticky-note-o:before { content: ""; } .fa-cc-jcb:before { content: ""; } .fa-cc-diners-club:before { content: ""; } .fa-clone:before { content: ""; } .fa-balance-scale:before { content: ""; } .fa-hourglass-o:before { content: ""; } .fa-hourglass-1:before, .fa-hourglass-start:before { content: ""; } .fa-hourglass-2:before, .fa-hourglass-half:before { content: ""; } .fa-hourglass-3:before, .fa-hourglass-end:before { content: ""; } .fa-hourglass:before { content: ""; } .fa-hand-grab-o:before, .fa-hand-rock-o:before { content: ""; } .fa-hand-stop-o:before, .fa-hand-paper-o:before { content: ""; } .fa-hand-scissors-o:before { content: ""; } .fa-hand-lizard-o:before { content: ""; } .fa-hand-spock-o:before { content: ""; } .fa-hand-pointer-o:before { content: ""; } .fa-hand-peace-o:before { content: ""; } .fa-trademark:before { content: ""; } .fa-registered:before { content: ""; } .fa-creative-commons:before { content: ""; } .fa-gg:before { content: ""; } .fa-gg-circle:before { content: ""; } .fa-tripadvisor:before { content: ""; } .fa-odnoklassniki:before { content: ""; } .fa-odnoklassniki-square:before { content: ""; } .fa-get-pocket:before { content: ""; } .fa-wikipedia-w:before { content: ""; } .fa-safari:before { content: ""; } .fa-chrome:before { content: ""; } .fa-firefox:before { content: ""; } .fa-opera:before { content: ""; } .fa-internet-explorer:before { content: ""; } .fa-tv:before, .fa-television:before { content: ""; } .fa-contao:before { content: ""; } .fa-500px:before { content: ""; } .fa-amazon:before { content: ""; } .fa-calendar-plus-o:before { content: ""; } .fa-calendar-minus-o:before { content: ""; } .fa-calendar-times-o:before { content: ""; } .fa-calendar-check-o:before { content: ""; } .fa-industry:before { content: ""; } .fa-map-pin:before { content: ""; } .fa-map-signs:before { content: ""; } .fa-map-o:before { content: ""; } .fa-map:before { content: ""; } .fa-commenting:before { content: ""; } .fa-commenting-o:before { content: ""; } .fa-houzz:before { content: ""; } .fa-vimeo:before { content: ""; } .fa-black-tie:before { content: ""; } .fa-fonticons:before { content: ""; } .fa-reddit-alien:before { content: ""; } .fa-edge:before { content: ""; } .fa-credit-card-alt:before { content: ""; } .fa-codiepie:before { content: ""; } .fa-modx:before { content: ""; } .fa-fort-awesome:before { content: ""; } .fa-usb:before { content: ""; } .fa-product-hunt:before { content: ""; } .fa-mixcloud:before { content: ""; } .fa-scribd:before { content: ""; } .fa-pause-circle:before { content: ""; } .fa-pause-circle-o:before { content: ""; } .fa-stop-circle:before { content: ""; } .fa-stop-circle-o:before { content: ""; } .fa-shopping-bag:before { content: ""; } .fa-shopping-basket:before { content: ""; } .fa-hashtag:before { content: ""; } .fa-bluetooth:before { content: ""; } .fa-bluetooth-b:before { content: ""; } .fa-percent:before { content: ""; } .fa-gitlab:before { content: ""; } .fa-wpbeginner:before { content: ""; } .fa-wpforms:before { content: ""; } .fa-envira:before { content: ""; } .fa-universal-access:before { content: ""; } .fa-wheelchair-alt:before { content: ""; } .fa-question-circle-o:before { content: ""; } .fa-blind:before { content: ""; } .fa-audio-description:before { content: ""; } .fa-volume-control-phone:before { content: ""; } .fa-braille:before { content: ""; } .fa-assistive-listening-systems:before { content: ""; } .fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before { content: ""; } .fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before { content: ""; } .fa-glide:before { content: ""; } .fa-glide-g:before { content: ""; } .fa-signing:before, .fa-sign-language:before { content: ""; } .fa-low-vision:before { content: ""; } .fa-viadeo:before { content: ""; } .fa-viadeo-square:before { content: ""; } .fa-snapchat:before { content: ""; } .fa-snapchat-ghost:before { content: ""; } .fa-snapchat-square:before { content: ""; } .fa-pied-piper:before { content: ""; } .fa-first-order:before { content: ""; } .fa-yoast:before { content: ""; } .fa-themeisle:before { content: ""; } .fa-google-plus-circle:before, .fa-google-plus-official:before { content: ""; } .fa-fa:before, .fa-font-awesome:before { content: ""; } .fa-handshake-o:before { content: ""; } .fa-envelope-open:before { content: ""; } .fa-envelope-open-o:before { content: ""; } .fa-linode:before { content: ""; } .fa-address-book:before { content: ""; } .fa-address-book-o:before { content: ""; } .fa-vcard:before, .fa-address-card:before { content: ""; } .fa-vcard-o:before, .fa-address-card-o:before { content: ""; } .fa-user-circle:before { content: ""; } .fa-user-circle-o:before { content: ""; } .fa-user-o:before { content: ""; } .fa-id-badge:before { content: ""; } .fa-drivers-license:before, .fa-id-card:before { content: ""; } .fa-drivers-license-o:before, .fa-id-card-o:before { content: ""; } .fa-quora:before { content: ""; } .fa-free-code-camp:before { content: ""; } .fa-telegram:before { content: ""; } .fa-thermometer-4:before, .fa-thermometer:before, .fa-thermometer-full:before { content: ""; } .fa-thermometer-3:before, .fa-thermometer-three-quarters:before { content: ""; } .fa-thermometer-2:before, .fa-thermometer-half:before { content: ""; } .fa-thermometer-1:before, .fa-thermometer-quarter:before { content: ""; } .fa-thermometer-0:before, .fa-thermometer-empty:before { content: ""; } .fa-shower:before { content: ""; } .fa-bathtub:before, .fa-s15:before, .fa-bath:before { content: ""; } .fa-podcast:before { content: ""; } .fa-window-maximize:before { content: ""; } .fa-window-minimize:before { content: ""; } .fa-window-restore:before { content: ""; } .fa-times-rectangle:before, .fa-window-close:before { content: ""; } .fa-times-rectangle-o:before, .fa-window-close-o:before { content: ""; } .fa-bandcamp:before { content: ""; } .fa-grav:before { content: ""; } .fa-etsy:before { content: ""; } .fa-imdb:before { content: ""; } .fa-ravelry:before { content: ""; } .fa-eercast:before { content: ""; } .fa-microchip:before { content: ""; } .fa-snowflake-o:before { content: ""; } .fa-superpowers:before { content: ""; } .fa-wpexplorer:before { content: ""; } .fa-meetup:before { content: ""; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } /*# sourceMappingURL=custom.css.map */ /*動畫*/ /* ============================================== floating ============================================== */ .delay-1 { animation-delay:-1s; -webkit-animation-delay:-1s; /* Safari 和 Chrome */ } .delay-2 { animation-delay:1s; -webkit-animation-delay:1s; /* Safari 和 Chrome */ } .floating{ animation-name: floating; -webkit-animation-name: floating; animation-duration: 6s; -webkit-animation-duration: 6s; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; } @keyframes floating { 0% { transform: translateY(0%); } 40% { transform: translateY(7%); } 45% { transform: translateY(7%); } 100% { transform: translateY(0%); } } @-webkit-keyframes floating { 0% { -webkit-transform: translateY(0%); } 40% { transform: translateY(7%); } 45% { transform: translateY(7%); } 100% { -webkit-transform: translateY(0%); } } /* ============================================== pulse ============================================== */ .pulse{ animation-name: pulse; -webkit-animation-name: pulse; animation-duration: 8s; -webkit-animation-duration: 8s; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; } @keyframes pulse { 0% { transform: scale(0.9); opacity: 0.7; } 50% { transform: scale(1); opacity: 1; } 100% { transform: scale(0.9); opacity: 0.7; } } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(0.95); opacity: 0.7; } 50% { -webkit-transform: scale(1); opacity: 1; } 100% { -webkit-transform: scale(0.95); opacity: 0.7; } }