@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; }

.clear_both {
  content: '';
  display: block;
  clear: both; }

.show-d-inline {
  display: none; }
@media (min-width: 1000px) {
  .show-d-inline {
    display: inline; } }

.show-t-inline {
  display: none; }
@media (min-width: 600px) {
  .show-t-inline {
    display: inline; } }

.show-t720-inline {
  display: none; }
@media (min-width: 720px) {
  .show-t720-inline {
    display: inline; } }

.always_not_there {
  display: none; }

.show-m-inline {
  display: inline; }
@media (min-width: 1000px) {
  .show-m-inline {
    display: none; } }

body {
  font-family: "Open Sans", Helvetica, Verdana, Tahoma, "PingFang TC", "Lantinghei TC", "微軟正黑體", "Microsoft JhengHei", sans-serif; }

html, body, td, li, div, p, input, select, h1, h2, h3, h4, h5, h6 {
  font-family: "Open Sans", Helvetica, Verdana, Tahoma, "PingFang TC", "Lantinghei TC", "微軟正黑體", "Microsoft JhengHei", sans-serif !important; }

.sqfk-article .sqfk-nav {
  display: none; }
.sqfk-article .sqfk-keyvision {
  background-size: 100%;
  background-color: #000000;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-image: url(../images/kv-bg.jpg);
  padding: 100px 0px 80px 0px; }
@media (min-width: 1000px) {
  .sqfk-article .sqfk-keyvision {
    margin-top: 52px;
    background-position: 90% 0;
    background-size: cover; } }
@media (min-width: 1280px) {
  .sqfk-article .sqfk-keyvision {
    background-position: 80% 0; } }
.sqfk-article .sqfk-keyvision .container {
  width: 100%;
  max-width: 1200px;
  margin: auto; }
.sqfk-article .sqfk-keyvision .sqfk-kv-title, .sqfk-article .sqfk-keyvision .sqfk-kv-slogan, .sqfk-article .sqfk-keyvision .sqfk-kv-intro {
  color: #ffffff;
  box-sizing: border-box;
  padding: 0px 5%;
  text-align: left;
  max-width: 550px; }
.sqfk-article .sqfk-keyvision .sqfk-kv-icon {
  text-align: center; }
.sqfk-article .sqfk-keyvision .sqfk-kv-icon img {
  width: 80px; }
@media (min-width: 600px) {
  .sqfk-article .sqfk-keyvision .sqfk-kv-icon img {
    width: 100px; } }
.sqfk-article .sqfk-keyvision .sqfk-kv-icon:first-child {
  margin-bottom: 10px; }
.sqfk-article .sqfk-keyvision .sqfk-kv-logo {
  text-align: center; }
.sqfk-article .sqfk-keyvision .sqfk-kv-logo img {
  width: 300px;
  height: auto; }
@media (min-width: 400px) {
  .sqfk-article .sqfk-keyvision .sqfk-kv-logo img {
    width: 340px; } }
@media (min-width: 600px) {
  .sqfk-article .sqfk-keyvision .sqfk-kv-logo img {
    width: 500px; } }
@media (min-width: 720px) {
  .sqfk-article .sqfk-keyvision .sqfk-kv-logo img {
    width: 620px; } }
.sqfk-article .sqfk-keyvision .sqfk-kv-title {
  line-height: 1.4em;
  font-size: 18px;
  margin-bottom: 30px;
  font-weight: 500; }
@media (min-width: 480px) {
  .sqfk-article .sqfk-keyvision .sqfk-kv-title {
    line-height: 1.25em;
    font-size: 24px; } }
@media (min-width: 600px) {
  .sqfk-article .sqfk-keyvision .sqfk-kv-title {
    line-height: 1.25em;
    font-size: 30px; } }
@media (min-width: 1000px) {
  .sqfk-article .sqfk-keyvision .sqfk-kv-title {
    line-height: 1.25em;
    font-size: 36px; } }
.sqfk-article .sqfk-keyvision .sqfk-kv-slogan {
  padding-bottom: 20px;
  line-height: 24px;
  font-size: 15; }
@media (min-width: 480px) {
  .sqfk-article .sqfk-keyvision .sqfk-kv-slogan {
    line-height: 28px;
    font-size: 15; } }
@media (min-width: 600px) {
  .sqfk-article .sqfk-keyvision .sqfk-kv-slogan {
    line-height: 32px;
    font-size: 16px; } }
@media (min-width: 1000px) {
  .sqfk-article .sqfk-keyvision .sqfk-kv-slogan {
    padding-bottom: 30px;
    line-height: 1.5;
    font-size: 16px; } }
.sqfk-article .sqfk-keyvision .sqfk-kv-intro {
  text-align: left;
  line-height: 22px;
  font-size: 14px;
  max-width: 900px;
  color: #000;
  background-color: #fff;
  box-sizing: border-box; }
@media (min-width: 360px) {
  .sqfk-article .sqfk-keyvision .sqfk-kv-intro {
    padding: 1em 20px;
    line-height: 26px;
    font-size: 16px; } }
@media (min-width: 720px) {
  .sqfk-article .sqfk-keyvision .sqfk-kv-intro {
    padding: 1em 8.3871%; } }
@media (min-width: 1000px) {
  .sqfk-article .sqfk-keyvision .sqfk-kv-intro {
    padding: 50px 75px;
    line-height: 32px;
    font-size: 20px;
    position: absolute;
    bottom: -90px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    transition: all 0.3s; }
  .sqfk-article .sqfk-keyvision .sqfk-kv-intro:hover {
    transform: translateX(-50%) scale(1.03); } }
.sqfk-article .sqfk-keyvision .sqfk-kv-image {
  padding: 40px 20px 0px; }
@media (min-width: 360px) {
  .sqfk-article .sqfk-keyvision .sqfk-kv-image {
    padding: 40px 7.74194% 0px; } }
.sqfk-article .sqfk-keyvision .sqfk-kv-image img {
  width: 100%; }
.sqfk-article .sqfk-keyvision .sqfk-kv-label {
  margin-top: 20px;
  text-align: center; }
.sqfk-article .sqfk-keyvision .sqfk-kv-label span, .sqfk-article .sqfk-keyvision .sqfk-kv-label a {
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  display: inline-block;
  padding: 5px 20px;
  border: 1px solid #FFFFFF;
  border-radius: 3px;
  text-decoration: none;
  line-height: 18px;
  font-weight: normal;
  font-size: 12px;
  color: #FFFFFF; }
.sqfk-article .sqfk-keyvision .sqfk-kv-label a {
  -moz-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  -webkit-transition-duration: 0.8s;
  transition-duration: 0.8s;
  -moz-transition-property: border, color;
  -o-transition-property: border, color;
  -webkit-transition-property: border, color;
  transition-property: border, color;
  color: #737373; }
.sqfk-article .sqfk-keyvision .sqfk-kv-label a:link, .sqfk-article .sqfk-keyvision .sqfk-kv-label a:visited {
  border: 1px solid #FFFFFF;
  color: #FFFFFF; }
.sqfk-article .sqfk-keyvision .sqfk-kv-label a:hover, .sqfk-article .sqfk-keyvision .sqfk-kv-label a:active {
  border: 1px solid rgba(255, 255, 255, 0.75);
  color: rgba(255, 255, 255, 0.75); }
@media (min-width: 600px) {
  .sqfk-article .sqfk-keyvision .sqfk-kv-label {
    margin-top: 20px; }
  .sqfk-article .sqfk-keyvision .sqfk-kv-label span, .sqfk-article .sqfk-keyvision .sqfk-kv-label a {
    padding: 8px 25px;
    font-size: 14px; } }
@media (min-width: 1000px) {
  .sqfk-article .sqfk-keyvision .sqfk-kv-label {
    margin-top: 30px; }
  .sqfk-article .sqfk-keyvision .sqfk-kv-label span, .sqfk-article .sqfk-keyvision .sqfk-kv-label a {
    padding: 10px 25px;
    font-size: 14px; } }
.sqfk-article .sqfk-keyvision .sqfk-kv-note {
  margin-top: 5px;
  padding: 0px 20px;
  text-align: center;
  line-height: 16px;
  font-size: 21px;
  color: #b8ffff; }
@media (min-width: 600px) {
  .sqfk-article .sqfk-keyvision .sqfk-kv-note {
    margin-top: 10px;
    font-size: 32px; } }
@media (min-width: 1000px) {
  .sqfk-article .sqfk-keyvision .sqfk-kv-note {
    margin-top: 20px;
    font-size: 35px; } }
.sqfk-article .sqfk-keyvision .sqfk-kv-note img {
  vertical-align: middle; }
.sqfk-article .sqfk-container {
  position: relative;
  max-width: 90%; }
.sqfk-article .sqfk-container a {
  word-break: break-all; }
@media (min-width: 1000px) {
  .sqfk-article .sqfk-container {
    width: 980px;
    margin: auto; } }
@media (min-width: 1280px) {
  .sqfk-article .sqfk-container {
    width: 1200px; }
  .sqfk-article .sqfk-container.full {
    width: 90%; }
  .sqfk-article .sqfk-container.full-75 {
    width: 75%; } }
.sqfk-article .sqfk-section p {
  font-size: 16px;
  margin-bottom: 1em; }

.sqfk-list-ol, .sqfk-list-ul {
  width: 83.22581%;
  margin: 20px auto 20px auto;
  padding-left: 2em;
  text-indent: -1em;
  list-style-position: inside; }
.sqfk-list-ol li, .sqfk-list-ul li {
  margin-bottom: 10px;
  line-height: 20px;
  font-weight: 300;
  font-size: 12px;
  color: #333333; }
@media (min-width: 600px) {
  .sqfk-list-ol li, .sqfk-list-ul li {
    line-height: 24px;
    font-size: 14px; } }
@media (min-width: 1000px) {
  .sqfk-list-ol li, .sqfk-list-ul li {
    margin-bottom: 10px;
    line-height: 26px;
    font-size: 16px; } }

.sqfk-list-ol {
  list-style-type: decimal; }

.sqfk-list-ul {
  list-style-type: disc; }

.sqfk-footer {
  padding: 20px 20px;
  background-color: #EBEBEB; }
@media (min-width: 1000px) {
  .sqfk-footer {
    padding: 20px 0px; } }
@media (min-width: 1000px) {
  .sqfk-footer .sqfk-container {
    padding-bottom: 20px;
    border-bottom: 1px solid #CCCCCC; } }
.sqfk-footer .sqfk-footer-title {
  margin-bottom: 10px;
  line-height: 14px;
  font-size: 14px;
  color: #8F8F8F; }
.sqfk-footer .sqfk-footer-anno {
  padding-left: 2em;
  list-style-type: none; }
.sqfk-footer .sqfk-footer-anno li {
  margin-bottom: 4px;
  line-height: 16px;
  font-size: 12px;
  color: #8F8F8F; }
@media (min-width: 1000px) {
  .sqfk-footer .sqfk-footer-anno li {
    line-height: 20px;
    font-size: 14px; } }
.sqfk-footer .sqfk-footer-anno li:last-child {
  margin-bottom: 0px; }

@media all and (max-width: 999px) {
  .sqfk-article .sqfk-nav-clean-fixed, .sqfk-article .sqfk-nav-clean-fixed h3 {
    height: 0px; } }
.sqfk-container {
  margin: 0 auto; }
.sqfk-container .img-center img {
  display: block;
  margin: 0 auto;
  max-width: 100%; }

.sqfk-article .sqfk-section .sub-tit {
  font-weight: 500; }

#f01 {
  background-color: #f5f5f5;
  background-image: url(../images/f01-bg.jpg);
  background-size: cover; }
@media (min-width: 1000px) {
  #f01 {
    padding: 80px 0px 120px; } }
#f01 h3, #f01 p {
  text-align: center;
  color: #313131; }

#f01 .sqfk-container .sqfk-section-h4 {
  margin-top: 40px;
  order: 2; }

#f01 .sqfk-container .sqfk-sec-figure {
  order: 1; }

#f02.sqfk-section {
  background-color: #e05243;
  overflow: hidden;
  font-weight: 300;
  box-sizing: border-box;
  padding: 0; }
@media (min-width: 600px) {
  #f02.sqfk-section {
    padding: 0; } }
#f02.sqfk-section .sqfk-container {
  max-width: none;
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin: 0;
  flex-direction: column; }
@media (min-width: 600px) {
  #f02.sqfk-section .sqfk-container {
    flex-direction: row; } }
#f02.sqfk-section .sqfk-container > div {
  flex-shrink: 0;
  max-width: 100%; }
@media (min-width: 600px) {
  #f02.sqfk-section .sqfk-container > div {
    width: 50%; } }
#f02.sqfk-section .sqfk-container .txt-all {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  padding-top: 60px;
  padding-bottom: 60px; }
#f02.sqfk-section .sqfk-container .txt-all.sec {
  background-color: #8c3123;
  justify-content: flex-start; }
@media (min-width: 600px) {
  #f02.sqfk-section .sqfk-container .txt-all {
    width: 50%; } }
#f02.sqfk-section .sqfk-container .txt-all .wrapper {
  width: 100%;
  margin: 0; }
@media (min-width: 1000px) {
  #f02.sqfk-section .sqfk-container .txt-all .wrapper {
    max-width: 580px;
    margin-right: 50px; } }
#f02.sqfk-section .sqfk-container .txt-all h3 {
  margin-bottom: 30px; }
#f02.sqfk-section .sqfk-container .img img {
  display: block;
  width: 100%; }
#f02.sqfk-section h3, #f02.sqfk-section h4, #f02.sqfk-section p {
  color: #ffffff; }
#f02.sqfk-section a {
  color: #36e9fd; }

#f03 {
  background-image: url(../images/f03-bg.jpg);
  background-size: cover; }
#f03 .sqfk-container h3 {
  margin-bottom: 1.5em; }
#f03 .sqfk-container > p {
  max-width: 980px;
  margin: 0 auto;
  margin-bottom: 1em; }
#f03 .sqfk-container .label {
  color: #8c3123; }
#f03 .sqfk-container ul {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto; }

#f04.sqfk-section {
  background-color: #ffffff;
  background-image: url(../images/hybrid-bg.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; }
@media (min-width: 600px) {
  #f04.sqfk-section {
    background-size: 50%; } }
#f04.sqfk-section .sqfk-container {
  max-width: 980px;
  text-align: center; }

#f03 .btn {
  display: block;
  border: 1px solid #4f9ce8;
  margin: 50px auto 30px;
  font-size: 18px;
  line-height: 1.4em;
  padding: 13px 10px;
  text-align: center;
  color: #2fb8e6;
  text-decoration: none;
  width: 80%;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }
#f03 .btn:hover {
  border: 1px solid #57c2ff;
  color: #062e6c;
  background: #2fb8e6; }
@media (min-width: 600px) {
  #f03 .btn {
    font-size: 24px;
    line-height: 1.4em;
    width: 560px;
    box-sizing: border-box;
    padding: 25px 15px; } }

#f04 {
  background-color: #f6f6f6;
  background-image: url("../images/f04-bg.jpg");
  background-size: cover;
  background-position: right bottom;
  background-repeat: no-repeat;
  padding: 40px 0px; }
@media (min-width: 600px) {
  #f04 {
    padding: 40px 0px; } }
#f04 .sqfk-tabs {
  margin-top: 40px; }
#f04 .sqfk-tabs .tab-menu {
  display: none;
  justify-content: space-around;
  margin-bottom: 5em; }
@media (min-width: 600px) {
  #f04 .sqfk-tabs .tab-menu {
    display: flex; } }
#f04 .sqfk-tabs .tab-menu li {
  width: calc(100% / 3 - 40px); }
#f04 .sqfk-tabs .tab-menu li a {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  color: #FFFFFF;
  background-color: #aaaaaa;
  border-radius: 5px;
  width: 100%;
  height: 6.5em;
  box-sizing: border-box;
  font-size: 24px;
  padding: 1em;
  transition: all 0.3s; }
#f04 .sqfk-tabs .tab-menu li a:after {
  content: "";
  display: none;
  position: absolute;
  width: 0;
  height: 0;
  left: 50%;
  bottom: -16px;
  transform: translateX(-50%);
  border-top: 16px solid #aaaaaa;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  transition: all 0.3s; }
#f04 .sqfk-tabs .tab-menu li a:hover {
  justify-content: center;
  background-color: #ea7c25; }
#f04 .sqfk-tabs .tab-menu li a:hover:after {
  border-top-color: #ea7c25; }
#f04 .sqfk-tabs .tab-menu li a:hover img {
  top: 50%;
  transform: translate(-50%, -50%) scale(2);
  opacity: 0.2; }
#f04 .sqfk-tabs .tab-menu li a img {
  position: absolute;
  display: block;
  height: 70px;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 35%;
  transition: all 0.3s; }
#f04 .sqfk-tabs .tab-menu li.active a {
  background-color: #ea7c25;
  justify-content: center; }
#f04 .sqfk-tabs .tab-menu li.active a:after {
  display: block;
  border-top-color: #ea7c25; }
#f04 .sqfk-tabs .tab-menu li.active a img {
  top: 50%;
  transform: translate(-50%, -50%) scale(2);
  opacity: 0.2; }
#f04 .sqfk-tabs .tab-content {
  position: relative; }
#f04 .sqfk-tabs .tab-content img {
  max-width: 100%; }
#f04 .sqfk-tabs .tab-content section {
  transition: all .5s;
  left: 0;
  top: 0; }
@media (min-width: 600px) {
  #f04 .sqfk-tabs .tab-content section {
    position: absolute;
    opacity: 0; } }
#f04 .sqfk-tabs .tab-content section h4 {
  text-align: center; }
#f04 .sqfk-tabs .tab-content section.active {
  position: relative;
  opacity: 1; }

#f04 .sqfk-section-h4 p {
  font-size: 18px;
  line-height: 1.6em; }
#f04 .sqfk-section-h4 h4 {
  margin-top: 20px;
  margin-bottom: 20px;
  line-height: 60px;
  font-size: 24px;
  text-align: center; }
@media (min-width: 600px) {
  #f04 .sqfk-section-h4 h4 {
    font-size: 40px; } }
#f04 .sqfk-section-h4 .note {
  font-size: 18px;
  padding-top: 10px;
  color: rgba(102, 102, 102, 0.7); }

#note.sqfk-section {
  background: #2C3E50;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #FD746C, #2C3E50);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #fd746c, #2c3e50);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  padding: 60px 0px 60px; }
#note.sqfk-section p {
  color: #ffffff;
  font-size: 18px;
  line-height: 1.6em;
  padding: 20px 20px; }
@media (min-width: 600px) {
  #note.sqfk-section p {
    font-size: 22px;
    line-height: 1.6em; } }

#note .btn {
  height: 100px; }

#stepkit h3 {
  max-width: 800px; }

#f05.sqfk-section {
  background-image: url(../images/f05-bg.jpg);
  background-size: cover; }
#f05.sqfk-section h3, #f05.sqfk-section p {
  color: #fff;
  text-align: center; }
#f05.sqfk-section table th, #f05.sqfk-section table td {
  width: 25%;
  border-color: #cccccc; }
#f05.sqfk-section table th {
  color: #fff;
  background-color: #444444; }
#f05.sqfk-section table td {
  background-color: #e6e6e5;
  line-height: 5em; }
#f05.sqfk-section table a {
  color: #7c7c7c;
  text-decoration: underline; }
#f05.sqfk-section table a:hover {
  color: #188192; }

.section_btn {
  /* <section class='section_btn'... */ }
.section_btn .tabs {
  /* width: 90%;*/
  margin: 20px auto 0px;
  text-align: center; }
@media (min-width: 600px) {
  .section_btn .tabs {
    /* width: 70%; */
    margin: 20px auto 0px; } }
.section_btn .tab_btn {
  width: 30%;
  margin: 1%;
  padding: 4px 6px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  background-color: #fff;
  border-radius: 4px;
  cursor: pointer; }
.section_btn .tab_btn.tab_on {
  background-color: #c05754;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFC05754', endColorstr='#FFD3635F');
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSI1JSIgc3RvcC1jb2xvcj0iI2MwNTc1NCIvPjxzdG9wIG9mZnNldD0iODUlIiBzdG9wLWNvbG9yPSIjZDM2MzVmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(5%, #c05754), color-stop(85%, #d3635f));
  background-image: -moz-linear-gradient(top, #c05754 5%, #d3635f 85%);
  background-image: -webkit-linear-gradient(top, #c05754 5%, #d3635f 85%);
  background-image: linear-gradient(to bottom, #c05754 5%, #d3635f 85%); }
.section_btn .tab_btn.tab_on:after {
  display: block;
  content: " ";
  width: 0px;
  height: 0px;
  border-width: 9px;
  border-style: solid;
  border-color: #c05754 transparent transparent transparent;
  position: absolute;
  bottom: -22px;
  left: 50%;
  margin-left: -8px; }
.section_btn .tab_btn.tab_on h4, .section_btn .tab_btn.tab_on p {
  color: #ffffff; }
@media (min-width: 600px) {
  .section_btn .tab_btn {
    width: 30%;
    margin: 1.5%;
    padding: 10px 10px 15px; } }
.section_btn .tab_btn h4, .section_btn .tab_btn p {
  box-sizing: border-box;
  width: 100%;
  text-align: center;
  padding: 5px;
  margin: 0px;
  color: #333; }
@media (min-width: 600px) {
  .section_btn .tab_btn h4, .section_btn .tab_btn p {
    padding: 0px 10px; } }
.section_btn .tab_btn p {
  font-size: 18px; }
.section_btn .tab_block {
  padding-bottom: 65%; }
.section_btn .tab_block figure {
  width: 90%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  margin: 20px 0; }
.section_btn .tab_block figure:nth-child(2), .section_btn .tab_block figure:nth-child(3) {
  display: none; }
.section_btn .tab_block figure img {
  margin: auto;
  width: 100%;
  height: auto; }
@media (min-width: 1000px) {
  .section_btn .tab_block figure {
    width: 880px; }
  .section_btn .tab_block figure img {
    width: 880px;
    height: auto; } }

#f05 .btn {
  height: 100px; }

#f05 .btn a {
  display: block;
  font-size: 14px;
  width: 50%;
  padding: 12px 23px 15px;
  border-radius: 60px;
  -webkit-border-radius: 60px;
  text-align: center;
  color: #ffffff;
  text-decoration: none;
  background: #325783;
  margin: auto;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }
#f05 .btn a:hover {
  color: #f5f5f5;
  background: #0a2d67; }
@media (min-width: 1000px) {
  #f05 .btn a {
    font-size: 16px;
    padding: 12px 30px 15px;
    border-radius: 60px;
    -webkit-border-radius: 60px; } }

#f06.sqfk-section h3 {
  margin-bottom: 1.5em; }

#f07 {
  background-color: #f5f5f5;
  text-align: center; }
#f07 .solu-type-list p {
  margin-bottom: 0;
  padding: 0; }
#f07 h4 {
  margin: 0;
  width: 100%; }

#f08 {
  background: -moz-linear-gradient(top, #f5f5f5 0%, #ffffff 74%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #f5f5f5 0%, #ffffff 74%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #f5f5f5 0%, #ffffff 74%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }
#f08 h3, #f08 p {
  text-align: center; }

.btn-download {
  position: relative;
  display: inline-block;
  width: 4rem;
  height: 4rem;
  border: 2px solid white;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJFYmVuZV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB3aWR0aD0iMTc4Ljg1MXB4IiBoZWlnaHQ9IjE3OC4zN3B4IiB2aWV3Qm94PSIwIDAgMTc4Ljg1MSAxNzguMzciIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE3OC44NTEgMTc4LjM3IgoJIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8cG9seWdvbiBmaWxsPSIjRkZGRkZGIiBwb2ludHM9IjE0MS41MTcsNTMuMjczIDExMi42MDUsODIuMTg1IDExMi42MDUsMS4xMzggNjQuMTU4LDEuMTM4IDY0LjE1OCw4Mi4xODUgMzUuMjQ2LDUzLjI3MyAKCTAuOTg5LDg3LjUzIDg4LjM4MSwxNzQuOTIyIDE3NS43NzQsODcuNTMgIi8+Cjwvc3ZnPg==");
  background-size: 40% auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  border-radius: 50%;
  box-shadow: 0 0 20px 2px #17beab, -7px -7px 10px -4px #17beab, inset 1px 1px 2px white, inset 0 0 10px 2px #17beab;
  animation: bounce 1s infinite; }
.btn-download:before, .btn-download:after {
  content: '';
  position: absolute; }
.btn-download:before {
  top: 6px;
  left: 7px;
  width: 3px;
  height: 3px;
  background-color: white;
  border-radius: 50%;
  box-shadow: 0 0 10px 5px rgba(255, 255, 255, 0.5), -1px -1px 4px rgba(255, 255, 255, 0.8), -2px -2px 4px rgba(255, 255, 255, 0.7), -3px -3px 5px rgba(255, 255, 255, 0.5), -4px -4px 6px rgba(255, 255, 255, 0.3), 1px 1px 4px rgba(255, 255, 255, 0.8), 2px 2px 4px rgba(255, 255, 255, 0.7), 3px 3px 5px rgba(255, 255, 255, 0.5), 4px 4px 6px rgba(255, 255, 255, 0.3); }
.btn-download:after {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  animation: glow 1s infinite; }

@keyframes bounce {
  0%,
    100% {
    transform: translateY(-7%);
    background-position: 50% 48%; }
  50% {
    transform: translateY(7%);
    background-position: 50% 52%; } }
@keyframes glow {
  20% {
    box-shadow: 0 0 0 0 rgba(23, 190, 171, 0.3), inset 0 0 0 0 rgba(23, 190, 171, 0.3); }
  100% {
    box-shadow: 0 0 0 50px rgba(23, 190, 171, 0), inset 0 0 0 12px rgba(23, 190, 171, 0); } }
.slider.text-above .bg .swiper-slide {
  background-image: url(../images/data-backup-slide-02-bg.jpg); }
.slider.text-above .bg .swiper-slide.s02 {
  background-image: url(../images/data-backup-slide-01-bg.jpg); }
.slider.text-above .text-block .ttl {
  border-bottom: 1px solid #efa218; }
.slider.text-above .swiper-pagination-bullet-active {
  background: #ea7c25; }

body header.mainHeader {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.95) !important; }
body header.mainHeader .qp-container h1 {
  background-color: #000 !important; }
body header.mainHeader .qp-container nav.mainNav ul li.subItems-opened a {
  background-color: rgba(250, 250, 250, 0.95);
  color: #737373; }
body header.mainHeader .qp-container nav.mainNav ul li.subItems-opened div.subItems {
  background-color: rgba(255, 255, 255, 0.95);
  border-bottom-color: rgba(230, 230, 230, 0.95); }
body header.mainHeader .qp-container nav.mainNav ul li div.subItems .subItemsBlock .list_rl li a, body header.mainHeader .qp-container nav.mainNav ul li div.subItems .subItemsBlock .list_rr li a {
  color: #737373; }
body header.mainHeader .qp-container nav.mainNav ul li div.subItems .subItemsBlock .list_rl li a:link, body header.mainHeader .qp-container nav.mainNav ul li div.subItems .subItemsBlock .list_rr li a:link {
  color: #737373; }
body header.mainHeader .qp-container nav.mainNav ul li div.subItems .subItemsBlock .list_rl li a:visted, body header.mainHeader .qp-container nav.mainNav ul li div.subItems .subItemsBlock .list_rr li a:visted {
  color: #737373; }
body header.mainHeader .qp-container nav.mainNav ul li div.subItems .subItemsBlock .list_rl li a:hover:link, body header.mainHeader .qp-container nav.mainNav ul li div.subItems .subItemsBlock .list_rr li a:hover:link {
  color: #fafafa;
  background-color: rgba(115, 115, 115, 0.95); }
body header.mainHeader .qp-container nav.mainNav ul li div.subItems .subItemsBlock .list_rl li a:hover:visted, body header.mainHeader .qp-container nav.mainNav ul li div.subItems .subItemsBlock .list_rr li a:hover:visted {
  color: #fafafa;
  background-color: rgba(115, 115, 115, 0.95); }
body header.mainHeader .qp-container nav.mainNav ul li div.subItems .subItemsBlock .list_l li {
  border-top: 1px solid rgba(230, 230, 230, 0.95); }
@media (min-width: 1000px) {
  body header.mainHeader .qp-container nav.mainNav ul li div.subItems .subItemsBlock .list_l li {
    border: none; } }
body header.mainHeader .qp-container nav.mainNav ul li div.subItems .subItemsBlock .list_l li a {
  color: #737373; }
@media (max-width: 1000px) {
  body header.mainHeader .qp-container nav.mainNav ul li div.subItems .subItemsBlock .list_l li a {
    background-color: rgba(250, 250, 250, 0.95); } }
body header.mainHeader .qp-container nav.mainNav ul li div.subItems .subItemsBlock .list_l li a:link {
  color: #737373 !important; }
body header.mainHeader .qp-container nav.mainNav ul li div.subItems .subItemsBlock .list_l li a:visted {
  color: #737373; }
@media (max-width: 1000px) {
  body header.mainHeader .qp-container nav.mainNav ul li div.subItems .subItemsBlock .list_l li a:hover {
    background-color: rgba(230, 230, 230, 0.95); } }
body header.mainHeader .qp-container nav.mainNav ul li div.subItems .subItemsBlock .list_l li a:hover .label {
  color: #555; }
@media (max-width: 1000px) {
  body header.mainHeader .qp-container nav.mainNav ul li div.subItems .subItemsBlock .list_l li a:hover .label {
    background-color: rgba(230, 230, 230, 0.95); } }
body header.mainHeader .qp-container nav.mainNav ul li div.subItems .subItemsBlock .list_l li a:hover .image {
  background-color: rgba(77, 77, 77, 0.95); }
body header.mainHeader .qp-container nav.mainNav ul li div.subItems .subItemsBlock .list_l li a .image {
  background-color: rgba(115, 115, 115, 0.95); }
body header.mainHeader .func-search .icon:hover, body header.mainHeader .func-search .icon:active {
  color: #ebebeb; }
body header.mainHeader .func-search .input-text input[type="text"] {
  background-color: #737373; }
body header.mainHeader .func-search .input-text input[type="text"]:focus {
  background-color: #737373; }
body header.mainHeader .func-social .block {
  background-color: #737373; }
body header.mainHeader .func-social .block ul li:hover i {
  color: #737373; }
body header.mainHeader .func-social .block ul li:active i {
  color: #737373; }
body header.mainHeader .func-social .block ul li a:hover {
  color: #737373; }
body header.mainHeader .func-social .icon:hover {
  color: #ebebeb; }
body header.mainHeader .func-locale .block:after {
  background-color: #737373; }
body header.mainHeader .func-locale .icon:hover {
  color: #ebebeb; }

.sqss-slide-block {
  position: relative;
  overflow: hidden; }
.sqss-slide-block .sqss-slide-effect {
  -moz-transition-property: left;
  -o-transition-property: left;
  -webkit-transition-property: left;
  transition-property: left;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; }
@media (min-width: 1000px) {
  .sqss-slide-block .sqss-slide-effect {
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s; } }

.sqss-slide-point {
  width: 100%;
  bottom: 10px;
  text-align: center; }
@media (min-width: 1000px) {
  .sqss-slide-point {
    bottom: 40px; } }
.sqss-slide-point .point {
  -moz-transition-property: background-color;
  -o-transition-property: background-color;
  -webkit-transition-property: background-color;
  transition-property: background-color;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  width: 5px;
  height: 5px;
  display: inline-block;
  cursor: pointer;
  margin-right: 10px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.2); }
.sqss-slide-point .point:hover {
  background-color: #333333; }
.sqss-slide-point .point:last-child {
  margin-right: 0px; }
@media (min-width: 720px) {
  .sqss-slide-point .point {
    width: 8px;
    height: 8px;
    margin-right: 20px; } }
.sqss-slide-point .here {
  background-color: black; }
.sqss-slide-point .here:hover {
  background-color: black; }

.sqss-slide-controller {
  display: none; }
@media (min-width: 1000px) {
  .sqss-slide-controller {
    width: 100%;
    height: 100px;
    display: block;
    position: absolute;
    top: 0px;
    margin-top: 210px; }
  .sqss-slide-controller .sqss-slide-controller-prev, .sqss-slide-controller .sqss-slide-controller-next {
    width: 60px;
    height: 100%;
    cursor: pointer; }
  .sqss-slide-controller .sqss-slide-controller-prev, .sqss-slide-controller .sqss-slide-controller-next {
    background-image: url("../images/sqss-controller-icon.png");
    background-repeat: no-repeat; }
  .sqss-slide-controller .sqss-slide-controller-prev {
    display: none; } }
@media (min-width: 1000px) and (min-width: 1000px) {
  .sqss-slide-controller .sqss-slide-controller-prev {
    display: block;
    float: left;
    background-position: 0px 0px; } }
@media (min-width: 1000px) {
  .sqss-slide-controller .sqss-slide-controller-next {
    display: none; } }
@media (min-width: 1000px) and (min-width: 1000px) {
  .sqss-slide-controller .sqss-slide-controller-next {
    display: block;
    float: right;
    background-position: -60px 0px; } }

.sqss-slide-controller-first .sqss-slide-controller-prev {
  display: none; }

.sqss-slide-controller-last .sqss-slide-controller-next {
  display: none; }

.sqss-slide-caption {
  margin: 55px auto 20px auto; }
@media (min-width: 720px) {
  .sqss-slide-caption {
    margin: 100px auto 20px auto; } }
@media (min-width: 768px) {
  .sqss-slide-caption {
    width: 700px; } }
@media (min-width: 1000px) {
  .sqss-slide-caption {
    margin: 140px auto 20px auto; } }
.sqss-slide-caption ul {
  height: 96px;
  display: block;
  position: relative;
  overflow: hidden;
  text-align: center; }
@media (min-width: 400px) {
  .sqss-slide-caption ul {
    height: 72px; } }
@media (min-width: 600px) {
  .sqss-slide-caption ul {
    height: 48px; } }
.sqss-slide-caption ul li {
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  width: 100%;
  position: absolute;
  top: 0px;
  line-height: 24px;
  font-size: 14px;
  color: #666666;
  opacity: 0; }
.sqss-slide-caption ul li strong {
  font-weight: bold; }
.sqss-slide-caption ul li.showThis {
  opacity: 1; }

.sqss-regular {
  width: 100%;
  margin: auto;
  margin-top: 40px;
  position: relative; }
@media (min-width: 720px) {
  .sqss-regular {
    margin-top: 40px; } }
.sqss-regular .sqss-slide-block {
  top: 0px;
  left: 50%; }
.sqss-regular .sqss-slide-block .sqss-slide-frame {
  width: 100%;
  height: 100%;
  position: absolute; }
.sqss-regular .sqss-slide-block .sqss-slide-frame .sqss-img-wrapper img {
  width: 100%; }
@media (min-width: 1000px) {
  .sqss-regular .sqss-slide-controller {
    margin-top: 135px; } }
.sqss-regular .sqss-slide-caption {
  padding: 0px 20px;
  margin: 10px auto 20px; }
@media (min-width: 1000px) {
  .sqss-regular .sqss-slide-caption {
    padding: 0px; } }

.sqfk-level-sync ul {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  width: 83.22581%;
  margin-left: 8.3871%;
  display: block;
  margin-top: 20px; }
.sqfk-level-sync ul:after {
  content: " ";
  display: block;
  clear: both; }
@media (min-width: 720px) {
  .sqfk-level-sync ul {
    margin-top: 40px; } }
.sqfk-level-sync ul li.sqfk-ls-li {
  display: block;
  vertical-align: top; }
.sqfk-level-sync ul li.sqfk-ls-li > h4 {
  display: block;
  padding-bottom: 10px; }
.sqfk-level-sync ul li.sqfk-ls-li > h4 .image, .sqfk-level-sync ul li.sqfk-ls-li > h4 .label {
  display: block;
  text-align: left; }
.sqfk-level-sync ul li.sqfk-ls-li > h4 .label {
  margin-top: 10px;
  padding: 0px 20px 5px;
  font-size: 18px;
  color: #2fb8e6; }
.sqfk-level-sync ul li.sqfk-ls-li > p {
  padding: 0px 20px;
  line-height: 24px;
  font-size: 15px;
  color: #333333; }
@media (min-width: 600px) {
  .sqfk-level-sync ul li.sqfk-ls-li:nth-last-child(1), .sqfk-level-sync ul li.sqfk-ls-li:nth-last-child(2) {
    height: auto; } }
@media (min-width: 1000px) {
  .sqfk-level-sync ul li.sqfk-ls-li:nth-last-child(1), .sqfk-level-sync ul li.sqfk-ls-li:nth-last-child(2), .sqfk-level-sync ul li.sqfk-ls-li:nth-last-child(3) {
    height: auto; } }
.sqfk-level-sync ul li:nth-child(n+2) {
  margin-top: 20px; }
@media (min-width: 600px) {
  .sqfk-level-sync ul li {
    width: 49.67742%;
    float: left;
    margin-right: 0.64516%; }
  .sqfk-level-sync ul li:nth-child(2n) {
    width: 49.67742%;
    float: right;
    margin-right: 0; }
  .sqfk-level-sync ul li:nth-child(n+2) {
    margin-top: 0px; }
  .sqfk-level-sync ul li:nth-child(n+3) {
    margin-top: 0.64516%; } }

@media (min-width: 1000px) {
  .sqfk-ls-3n ul li.sqfk-ls-li, .sqfk-ls-3n ul li.sqfk-ls-li:nth-child(2n) {
    width: 32.90323%;
    float: left;
    margin-right: 0.64516%; }
  .sqfk-ls-3n ul li.sqfk-ls-li:nth-child(3n) {
    width: 32.90323%;
    float: right;
    margin-right: 0; }
  .sqfk-ls-3n ul li.sqfk-ls-li:nth-child(n+3) {
    margin-top: 0px; }
  .sqfk-ls-3n ul li.sqfk-ls-li:nth-child(n+4) {
    margin-top: 0.64516%; } }

.sqfk-stepkit {
  margin-top: 20px;
  padding: 0px 20px; }
@media (min-width: 1000px) {
  .sqfk-stepkit {
    width: 83.22581%;
    margin: 40px auto 20px auto;
    padding: 0px; } }
.sqfk-stepkit li {
  position: relative;
  margin-bottom: 10px;
  padding-left: 30px;
  line-height: 20px;
  font-weight: 300;
  font-size: 12px;
  color: #333333; }
@media (min-width: 600px) {
  .sqfk-stepkit li {
    line-height: 24px;
    font-size: 14px; } }
@media (min-width: 1000px) {
  .sqfk-stepkit li {
    margin-bottom: 20px;
    line-height: 26px;
    font-size: 16px; } }
.sqfk-stepkit li::before {
  content: attr(data-step);
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  padding-top: 5px;
  color: #396dce;
  font-size: 24px; }
@media (min-width: 1000px) {
  .sqfk-stepkit li::before {
    font-size: 30px; } }
.sqfk-stepkit li:last-child {
  margin-bottom: 0px; }
@media (min-width: 1000px) {
  .sqfk-stepkit li:last-child {
    margin-bottom: 0px; } }
@media (min-width: 1000px) {
  .sqfk-stepkit.sqfk-stepkit-narrow {
    width: 66.45161%; } }
@media (min-width: 1000px) {
  .sqfk-stepkit.sqfk-stepkit-full {
    width: 100%; } }

/*# sourceMappingURL=sq-floorkit-r2.css.map */