@charset "UTF-8";
/** 
Manrope:200;300;400 | 
Noto+Sans+JP:100;300;400;500;700;900 | 
Noto+Sans+KR:100;300;400;500;700;900 | 
Noto+Sans+TC:100;300;400;500;700 | 
Noto+Sans:400;,700;]
**/
#SQFlash .clearfix:after, #SQFlash .iconList-circle > .list::before, #SQFlash .iconList-triangle > .list::before, #SQFlash .iconList-arrow > .list::before, #SQFlash a.textLink.underLine::after, #SQFlash .block-contactUs .list-contactUs > .list:nth-child(2n-1)::before, #SQFlash .js_scrollTop::after, #SQFlash .videoList.videoImgDark .videoImg::after, #SQFlash .videoList.js_videoShadowImg .videoImg::after, #SQFlash .js_list-videoPopup .js_videoPop .js_videoCloseBtn:after {
  content: '';
  display: block;
}

#SQFlash .js_numberLists > .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

#SQFlash .block-btn, #SQFlash .page-mainBanner .block-wrapper, #SQFlash .page-mainBanner .mainBanner-content, #SQFlash .page-mainBanner .mainBanner-img, #SQFlash .block-topBanner .box-topBanner, #SQFlash .block-topBanner .topBanner-content, #SQFlash .block-contactUs .box-contactUs.boxShadow, #SQFlash .block-contactUs .list-number .num, #SQFlash .block-contactUs .contactUs-content, #SQFlash .block-contactUs .list-contactUs > .list, #SQFlash .block-contactUs .list-contactUs .num, #SQFlash .block-resources .list-resources, #SQFlash .list-performanceProducts, #SQFlash .list-performanceProducts > .list, #SQFlash .list-performanceProducts .list-img, #SQFlash .list-performanceProducts .list-content, #SQFlash .list-keyFeatures, #SQFlash .list-policy .listIocn, #SQFlash.index .block-about .aboutPositon .block-wrapper, #SQFlash.index .block-about .block-aboutImg, #SQFlash.index .block-about .block-aboutContent, #SQFlash.index .list-advantage .box-img, #SQFlash.index .list-productofferings, #SQFlash.index .list-productofferings .box-img, #SQFlash.index .list-marketSolution .marketSolution-content, #SQFlash.index .list-marketSolution .marketSolution-contentTxt, #SQFlash.index .list-marketSolution .box-recommendedList, #SQFlash.deviceOn .topBanner-img, #SQFlash.deviceOn .list-icon, #SQFlash.deviceOn .block-video, #SQFlash.deviceOn .list-downloadBlock, #SQFlash.deviceOn .list-downloadBlock .downloadBlock, #SQFlash.deviceOn .list-downloadBlock .downloadBlock-txt, #SQFlash.deviceOn .block-softwareDownload .list-softwareDownload .list, #SQFlash.deviceOn .block-softwareDownload .list-softwareDownload .softwareDownload-Description, #SQFlash.deviceOn .block-softwareDownload .list-softwareDownload .softwareDownload-Download, #SQFlash.deviceOn .list-FAQ .block-subTitle, #SQFlash.deviceOn .list-FAQ .block-mainSection, #SQFlash.SQRAM .topBanner-img, #SQFlash.SQFlash .topBanner-img, #SQFlash.Exm .topBanner-img, #SQFlash.resource .list-news, #SQFlash.resource .list-news .block-container, #SQFlash.resource .list-news .list-newsMore > .list, #SQFlash.resource .list-news .list-newsMore .list-txt, #SQFlash .js_list-videoPopup.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

#SQFlash .block-wrapper {
  margin: 0 auto;
}

#SQFlash .lineLists-straight > .list:first-child, #SQFlash .lineLists-straight > .col:first-child, #SQFlash .lineLists-horizontal > .list:first-child {
  background: none;
}

#SQFlash .js_scrollAnimationShow {
  opacity: 0;
}

#SQFlash .fontGray, #SQFlash.grayStyle .block-title, #SQFlash.grayStyle .iconList-circle > .list::before {
  color: #3b3c3d !important;
}

#SQFlash .fontLightGray {
  color: #868686 !important;
}

#SQFlash .fontPurper, #SQFlash.purperStyle .block-title {
  color: #5b3882 !important;
}

#SQFlash .fontLightPurper {
  color: #8465a9 !important;
}

#SQFlash .fontlightBlue {
  color: #18528c !important;
}

#SQFlash .fontlightBlue2 {
  color: #437fec !important;
}

#SQFlash .fontGreen, #SQFlash.greenStyle .block-title {
  color: #486968 !important;
}

#SQFlash .fontLightGreen {
  color: #82c5c5 !important;
}

html {
  -webkit-text-size-adjust: 100%;
  min-height: 100vh;
}

body {
  margin: 0;
}

#SQFlash * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0px;
  padding: 0px;
}

#SQFlash span, #SQFlash b, #SQFlash a, #SQFlash abbr[title], #SQFlash dfn[title], #SQFlash mark {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

#SQFlash a {
  text-decoration: none;
  outline: none;
  color: inherit;
}

#SQFlash a img, #SQFlash a img:hover {
  border: none;
}

#SQFlash ul, #SQFlash ol, #SQFlash li {
  list-style: none;
}

#SQFlash img {
  max-width: 100%;
  width: auto;
}

#SQFlash sub, #SQFlash sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

#SQFlash sub {
  bottom: -0.25em;
}

#SQFlash sup {
  top: -0.5em;
}

#SQFlash {
  overflow: hidden;
  color: #707070;
  font-family: "Arial", "Microsoft JhengHei", "sans-serif";
  font-size: 16px;
  line-height: 1.3;
  font-weight: normal;
}

#SQFlash .block-container {
  padding: 0px 2% 0px;
}

#SQFlash .block-container.block-bg {
  margin-top: 50px;
}

#SQFlash .block-container.block-bg.noSpace {
  margin-top: 0;
}

#SQFlash .page-mainContent > li:first-child .box-container:first-child {
  padding-top: 0px;
}

#SQFlash .block-bg .box-container:last-child {
  padding-bottom: 50px;
}

#SQFlash .box-container {
  padding: 25px 0;
}

#SQFlash .box-container:first-child {
  padding-top: 50px;
}

#SQFlash .box-container:last-child {
  padding-bottom: 0px;
}

#SQFlash .block-wrapper {
  /*max-width: 1200px;*/
  width: 81%;
  width: 100%;
}

#SQFlash .showType {
  display: none;
}

#SQFlash .showType.showDesktop {
  display: block;
}

#SQFlash .txtSmall {
  font-size: 0.8em;
}

#SQFlash .box-img {
  line-height: 0px;
      width: 76%;
    margin: auto;
}

#SQFlash .alignCenter {
  text-align: center;
}

#SQFlash .colorBlue {
  color: #004280 !important;
}

#SQFlash .colorOrg {
  color: #ea9716 !important;
}

#SQFlash .colorWhite {
  color: #fff !important;
}

#SQFlash .clearfix:after {
  clear: both;
  height: 0px;
  overflow: hidden;
  visibility: inherit;
}

@media (max-width: 768px) {
  #SQFlash {
    font-size: 16px;
  }
  #SQFlash .showType.showDesktop {
    display: none;
  }
  #SQFlash .showType.showTablet {
    display: block;
  }
  #SQFlash .block-container {
    padding: 0px 5% 0;
  }
}

@media (max-width: 580px) {
  #SQFlash .showType.showTablet {
    display: none;
  }
  #SQFlash .showType.showphone {
    display: block;
  }
}

#SQFlash .iconList-circle > .list {
  position: relative;
  padding-left: 12px;
  margin-top: 5px;
}

#SQFlash .iconList-circle > .list::before {
  content: '●';
  position: absolute;
  left: 0px;
  -webkit-transform: scale(0.7);
          transform: scale(0.7);
}

#SQFlash .iconList-triangle > .list {
  position: relative;
  padding-left: 12px;
  margin-top: 5px;
}

#SQFlash .iconList-triangle > .list::before {
  content: '▶';
  position: absolute;
  left: 2px;
  -webkit-transform: scale(0.4, 0.6);
          transform: scale(0.4, 0.6);
  -webkit-transform-origin: left center;
          transform-origin: left center;
}

#SQFlash .iconList-arrow > .list {
  position: relative;
  padding-left: 12px;
  margin-top: 5px;
}

#SQFlash .iconList-arrow > .list::before {
  content: '❯';
  position: absolute;
  left: 2px;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
}

#SQFlash .lineLists-straight > .list, #SQFlash .lineLists-straight > .col {
  padding: 10px;
  background: url(css-img/dotted_grayM.png) left top repeat-y;
}

#SQFlash .lineLists-horizontal > .list {
  padding-top: 15px;
  padding-bottom: 5px;
  background: url(css-img/icon/dotted_grayS.png) left top repeat-x;
}

#advan-content .row-maxwidth-98pct {
  width: 100%;
  max-width: initial;
}

#pd-ids .nav-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #19558c;
  text-align: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}

#pd-ids .adv-key-visual-carousel.owl-theme .owl-nav.hide {
  display: none !important;
}

#SQFlash .owl-carousel .owl-nav {
  margin: 0 auto;
}

#SQFlash .owl-carousel .owl-prev {
  font-size: 36px;
  padding: 0 15px !important;
  display: inline-block;
  cursor: pointer;
}

#SQFlash .owl-carousel .owl-next {
  font-size: 36px;
  padding: 0 15px !important;
  background: transparent;
  display: inline-block;
  cursor: pointer;
}

#SQFlash .owl-carousel .owl-nav .fa {
  font-size: 36px;
  padding: 0 15px;
  cursor: pointer;
}

#SQFlash .owl-carousel .nowNumber {
  font-size: 26px;
  font-weight: normal;
}

#SQFlash .owl-carousel .owl-dots {
  display: none;
}

#SQFlash .fa {
  font-weight: 400;
}

#SQFlash .fa-chevron-right {
  padding-left: 5px;
}

#SQFlash .boxShadow {
  border: 2px solid #fff;
}

#SQFlash .block-btn {
  margin: 15px 0px 0px -10px;
  width: calc(100% + 10px);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 16px;
  line-height: 1rem;
}

#SQFlash .block-btn.noSpace {
  margin-top: 0px;
}

#SQFlash .block-btn.alignLeft {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

#SQFlash .block-btn.alignRight {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

#SQFlash .block-btn.btn-radius .btn {
  border-radius: 8px;
}

#SQFlash .block-btn .btn-fullWidth {
  width: 100%;
}

#SQFlash .block-btn .btn {
  border-radius: 0px;
  margin: 5px 0 5px 10px;
  padding: 12px 15px;
  min-width: 150px;
  text-align: center !important;
}

#SQFlash .block-btn .btn-blue {
  background-color: #265e93;
  color: #fff;
  border: 1px solid #265e93;
}

#SQFlash .block-btn .btn-white {
  background-color: #fff;
  color: #265e93;
  border: 1px solid #265e93;
}

#SQFlash .block-btn .btn-purper {
  background-color: #030c67;
  color: #fff;
  border: 1px solid #030c67;
}

#SQFlash .block-btn .btn-gray {
  background-color: #414243;
  color: #fff;
  border: 1px solid #414243;
}

#SQFlash .block-btn .btn-green {
  background-color: #315453;
  color: #fff;
  border: 1px solid #315453;
}

#SQFlash a.textLink {
  color: #004280;
  position: relative;
  opacity: 0.85;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

#SQFlash a.textLink:hover {
  opacity: 1;
  text-decoration: none;
}

#SQFlash a.textLink.underLine::after {
  position: absolute;
  bottom: 0px;
  width: 100%;
  height: 1px;
  background-color: #004280;
}

#SQFlash a.textLink.underLine:hover::after {
  background-color: #ea9716;
}

#SQFlash .page-mainBanner {
  height: 450px;
  overflow: hidden;
  color: #000;
  font-size: 22px;
}

#SQFlash .page-mainBanner.block-container {
  padding: 0 2%;
}

#SQFlash .page-mainBanner.colorWhite {
  color: #fff;
}

#SQFlash .page-mainBanner.colorWhite .iconList-circle > .list::before {
  color: #fff !important;
}

#SQFlash .page-mainBanner .iconList-circle > .list {
  position: relative;
  padding-left: 15px;
  margin-top: 5px;
}

#SQFlash .page-mainBanner .iconList-circle > .list::before {
  color: #000 !important;
}

#SQFlash .page-mainBanner .block-wrapper {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-line-pack: center;
      align-content: center;
  height: 100%;
}

#SQFlash .page-mainBanner .mainBanner-content {
  padding: 20px 0 20px;
  min-height: 450px;
  position: relative;
  z-index: 3;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
}

#SQFlash .page-mainBanner .banner-title {
  font-size: 44px;
  line-height: 1.2;
  font-weight: normal;
}

#SQFlash .page-mainBanner .mainBanner-img {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  position: relative;
  z-index: 1;
  margin-bottom: -50px;
}

#SQFlash .block-title {
  width: 100%;
  font-size: 36px;
  font-weight: normal;
  color: #004280;
  margin: 0 0 10px 0;
  text-align: center;
}

#SQFlash .block-title.noSpace {
  margin-bottom: 0;
}

#SQFlash .block-title.alignLeft {
  text-align: left;
}

#SQFlash .block-title:last-child {
  margin: 0px;
}

#SQFlash .block-title + .block-subTitle {
  margin-top: -10px;
}

#SQFlash .block-subTitle {
  width: 100%;
  font-size: 26px;
  margin: 0 0 10px 0;
  text-align: center;
}

#SQFlash .block-subTitle.noSpace {
  margin-bottom: 0;
}

#SQFlash .block-subTitle.alignLeft {
  text-align: left;
}

#SQFlash .block-subTitle.fontBlod {
  font-weight: normal;
}

#SQFlash .block-subTitle:last-child {
  margin: 0px;
}

#SQFlash .block-mainSection {
  width: 100%;
  font-size: 18px;
  text-align: left;
  margin: 0 0 10px 0;
}

#SQFlash .block-mainSection.fontBlod {
  font-weight: normal;
}

#SQFlash .block-mainSection.alignCenter {
  text-align: center;
}

#SQFlash .block-mainSection:last-child {
  margin: 0px;
}

#SQFlash .block-mainSection.noSpace {
  margin-bottom: 3px;
}

#SQFlash .txtContent {
  width: 100%;
  margin: 0 0 10px 0;
}

#SQFlash .txtContent:last-child {
  margin: 0px;
}

#SQFlash .txtContent.noSpace {
  margin-bottom: 3px;
}

#SQFlash .smallTxt {
  font-size: 14px;
}

#SQFlash .box-circleBG {
  max-width: 150px;
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
  border-radius: 50%;
  margin-bottom: 10px;
}

#SQFlash .page-mainContent {
  padding: 70px 0 !important;
}

#SQFlash .block-topBanner .box-topBanner {
  margin: 10px;
  min-height: 200px;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}

#SQFlash .block-topBanner .box-topBanner * {
  color: #fff !important;
}

#SQFlash .block-topBanner .topBanner-content {
  padding: 2% 2% 2% 5%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  position: relative;
  z-index: 2;
}

#SQFlash .block-topBanner .topBanner-content * {
  margin-bottom: 0;
  text-align: left;
}

#SQFlash .block-topBanner .topBanner-img {
  padding: 0 2%;
}

#SQFlash .block-contactUs {
  font-size: 18px;
}

#SQFlash .block-contactUs .box-contactUs.boxShadow {
  background-color: #ffffff;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#SQFlash .block-contactUs .contactUs-img {
  width: 50%;
  position: relative;
  z-index: 3;
  margin-bottom: -3%;
}

#SQFlash .block-contactUs .list-number .num {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 2;
  background-color: #0084ff;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 50%;
  padding: 2px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1;
}

#SQFlash .block-contactUs .contactUs-content {
  width: 100%;
  margin-left: -50%;
  padding: 3% 2% 3% 51%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: justify;
      align-content: space-between;
  overflow: hidden;
}

#SQFlash .block-contactUs .block-title {
  line-height: 1.1;
  margin-bottom: 5%;
}

#SQFlash .block-contactUs .list-contactUs > .list {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  padding: 5px;
}

#SQFlash .block-contactUs .list-contactUs .num, #SQFlash .block-contactUs .list-contactUs .txt {
  position: relative;
  z-index: 2;
}

#SQFlash .block-contactUs .list-contactUs .num {
  background-color: #7c7c7c;
  border-radius: 50%;
  padding: 3px;
  border: 2px solid #fff;
  color: #fff;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 5px;
}

#SQFlash .block-contactUs .list-contactUs > .list:nth-child(2n-1) {
  position: relative;
}

#SQFlash .block-contactUs .list-contactUs > .list:nth-child(2n-1)::before {
  position: absolute;
  width: 180%;
  height: 100%;
  top: 0px;
  left: -70%;
}

#SQFlash .block-resources .list-resources {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: -15px;
}

#SQFlash .block-resources .list-resources > .list {
  width: 32.5%;
  width: 14%;
  max-width: 385px;
  /*border: #ccc 1px solid;*/
  margin-top: 15px;
}

#SQFlash .block-resources .list-resources .box-txt {
  padding: 20px;
}

#SQFlash .block-resources .list-resources .block-mainSection {
  color: #004280;
  /*min-height: 4.5em;*/
}

#SQFlash .block-resources .list-resources .txtInfo {
  color: #999 !important;
}

#SQFlash .block-resources .block-link {
  margin-top: 20px;
  text-align: right;
}

#SQFlash .list-performanceProducts {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#SQFlash .list-performanceProducts > .list {
  width: 48.5%;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-top: 30px;
  margin-top: 20px;
  background: url(css-img/icon/dotted_grayS.png) top left repeat-x;
}

#SQFlash .list-performanceProducts > .list:nth-child(1), #SQFlash .list-performanceProducts > .list:nth-child(2) {
  padding-top: 0;
  margin-top: 0;
  background: none;
}

#SQFlash .list-performanceProducts .list-img {
  width: 32%;
  max-width: 190px;
  background-color: #fff;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#SQFlash .list-performanceProducts .list-content {
  min-width: calc(100% - 210px);
  width: 63%;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-line-pack: justify;
      align-content: space-between;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#SQFlash .list-performanceProducts .list-content * {
  text-align: left;
}

#SQFlash .list-keyFeatures {
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: -10px;
}

#SQFlash .list-keyFeatures.col6 > .list {
  width: 16%;
  padding: 10px;
}

#SQFlash .list-keyFeatures.col5 > .list {
  width: 20%;
  padding: 10px;
}

#SQFlash .list-keyFeatures .list-content {
  max-width: 170px;
  margin-left: auto;
  margin-right: auto;
}

#SQFlash .list-policy > .list {
  margin-top: 20px;
}

#SQFlash .list-policy > .list:first-child {
  margin-top: 0;
}

#SQFlash .list-policy .listIocn {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#SQFlash .list-policy .box-icon {
  width: 35%;
  max-width: 300px;
}

#SQFlash .list-policy .box-txt {
  width: 65%;
  min-width: calc(100% - 320px);
}

#SQFlash .block-waveColorBG {
  position: relative;
}

#SQFlash .block-waveColorBG::before {
  content: '';
  display: block;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  width: 100%;
  background: url(css-img/block-colorBG.png) right bottom no-repeat;
  background-size: 100% auto;
}

#SQFlash .block-waveColorBG .block-wrapper {
  position: relative;
  z-index: 2;
}

#SQFlash .block-waveColorBG.constructBG::before {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}

#SQFlash.index .page-mainContent {
  padding-top: 0px !important;
}

#SQFlash.index .page-mainBanner {
  background: url(css-img/index/bannerBG_1.jpg) left center no-repeat;
  background-size: cover;
}

#SQFlash.index .page-mainBanner .mainBanner-content {
  width: 55%;
}

#SQFlash.index .page-mainBanner .mainBanner-img {
  width: 50%;
  margin-right: -5%;
}

#SQFlash.index .block-about {
  background: #e7f8ff;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #e7f8ff 0%, #d7f3ff 18%, #f0faff 34%, #f0faff 34%, #e8f8ff 49%, #e8f8ff 61%, #d6f2ff 75%, #e8f8ff 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7f8ff', endColorstr='#e8f8ff',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */
  margin-bottom: 50px;
}

#SQFlash.index .block-about .block-title {
  text-align: left;
  line-height: 1.2;
}

#SQFlash.index .block-about .aboutPositon {
  position: relative;
}

#SQFlash.index .block-about .aboutPositon .block-wrapper {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  position: relative;
}

#SQFlash.index .block-about .aboutPositon .block-wrapper .aboutAirplane {
  width: 50%;
  top: 10%;
  right: 0;
  z-index: 1;
}

#SQFlash.index .block-about .aboutPositon .aboutImgPosition {
  position: absolute;
  bottom: 0px;
}

#SQFlash.index .block-about .aboutPositon .aboutTrack {
  background: url(css-img/index/aboutImg_track.png) left bottom repeat-x;
  background-size: auto 100%;
  width: 104%;
  height: 7.5%;
  left: -2%;
  z-index: 3;
  bottom: -1%;
}

#SQFlash.index .block-about .aboutPositon .aboutTrain {
  max-width: 470px;
  width: 35%;
  bottom: 6%;
  left: 16%;
  z-index: 4;
}

#SQFlash.index .block-about .aboutPositon .aboutTrees {
  width: 48%;
  bottom: -1%;
  left: 31%;
  z-index: 4;
}

#SQFlash.index .block-about .aboutPositon .aboutCars {
  width: 45%;
  bottom: -5%;
  left: 28%;
  z-index: 5;
}

#SQFlash.index .block-about .block-aboutImg {
  width: 55%;
  margin-top: 5%;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

#SQFlash.index .block-about .block-aboutImg .aboutHouse {
  max-width: initial;
  width: 106%;
  margin-left: -6%;
  z-index: 2;
  position: relative;
}

#SQFlash.index .block-about .block-aboutContent {
  max-width: 460px;
  margin-left: auto;
  margin-right: auto;
  width: 45%;
  margin-top: 5%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  z-index: 2;
  position: relative;
}

#SQFlash.index .list-advantage {
  margin: -20px 0 0;
}

#SQFlash.index .list-advantage .item {
  padding: 20px 0;
}

#SQFlash.index .list-advantage .box-advantage {
  background: url(css-img/index/advantageBG.png) left bottom no-repeat;
  background-size: cover;
  padding: 3%;
  border: 2px solid #fff;
  -webkit-box-shadow: 0 0 100px 0 #eff4ff inset, 2px 2px 18px 0 rgba(43, 114, 255, 0.3);
          box-shadow: 0 0 100px 0 #eff4ff inset, 2px 2px 18px 0 rgba(43, 114, 255, 0.3);
}

#SQFlash.index .list-advantage .block-top {
  margin-bottom: 3%;
}

#SQFlash.index .list-advantage .block-subTitle {
  color: #004280;
  padding-bottom: 12px;
  margin-bottom: 18px;
  border-bottom: 1px solid #d5dde0;
}

#SQFlash.index .list-advantage .box-img {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#SQFlash.index .block-softwareSolutions {
  /*background: url(css-img/blockBG.png) right bottom no-repeat;*/
  background-size: auto 100%;
}

#SQFlash.index .block-softwareSolutions .block-mainSection {
  max-width: 840px;
  margin-left: auto;
  margin-right: auto;
  width: 90%;
}

#SQFlash.index .block-softwareSolutions .block-logo {
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

#SQFlash.index .block-softwareSolutions .list-video {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  width: 80%;
}

#SQFlash.index .list-productofferings {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: -15px;
}

#SQFlash.index .list-productofferings > .list {
  width: 32.5%;
  width: 24.5%;
  padding: 3% 2%;
  margin-top: 15px;
}

#SQFlash.index .list-productofferings .block-title {
  line-height: 1.1;
  font-weight: normal;
}

#SQFlash.index .list-productofferings .box-img {
  text-align: center;
  padding: 10px 5px 30px;
  padding: 25px 5px 30px;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#SQFlash.index .list-productofferings .txtContent {
  color: #fff;
}

#SQFlash.index .list-productofferings .blue {
  background-color: #21abfe;
  background-color: #1783d7;
}

#SQFlash.index .list-productofferings .blue .list-top * {
  color: #2d4886;
}

#SQFlash.index .list-productofferings .gray {
  background-color: #c1c1c1;
}

#SQFlash.index .list-productofferings .gray .list-top * {
  color: #5e5e5e;
}

#SQFlash.index .list-productofferings .green {
  background-color: #71bfbc;
}

#SQFlash.index .list-productofferings .green .list-top * {
  color: #486968;
}

#SQFlash.index .list-marketSolution {
  position: relative;
}

#SQFlash.index .list-marketSolution .on .marketSolution-tab {
  /*background-color: #e8f7ff;
      background-color: #3ab2f2;
        background-color: #071b4f;
            background-color: #051231;*/
      border-bottom: 1px solid #ffffff;
          color: #fefefe;
}

#SQFlash.index .list-marketSolution .on .marketSolution-content {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

#SQFlash.index .list-marketSolution .list1 .marketSolution-tab {
  left: 0;
  /*border: none;*/
}

#SQFlash.index .list-marketSolution .list2 .marketSolution-tab {
  left: 20%;
}

#SQFlash.index .list-marketSolution .list3 .marketSolution-tab {
  left: 40%;
}

#SQFlash.index .list-marketSolution .list4 .marketSolution-tab {
  left: 60%;
}

#SQFlash.index .list-marketSolution .list5 .marketSolution-tab {
  left: 80%;
}

#SQFlash.index .list-marketSolution .marketSolution-tab {
  /*background-color: #f7fcff;
      background-color: #0d2563;*/
  width: 18%;
  text-align: center;
  /*border-left: 2px solid #fff;
  border-left: 1px solid #1f75af;*/
      border-bottom: 1px solid #23408b;
          border-bottom: 1px solid #0e98f2;
  padding: 20px 10px;
  position: absolute;
  top: 0px;
  cursor: pointer;
      /*border-radius: 10px;*/
        color: #0c98f2;
}

#SQFlash.index .list-marketSolution .marketSolution-tab img {
  max-width: 55px;
}

#SQFlash.index .list-marketSolution .marketSolution-tab .tab-content {
  display: none;
}

#SQFlash.index .list-marketSolution .marketSolution-content {
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  padding: 35px 30px;

  background-color: #e8f7ff;
  background-color: #071b4f;
      background-color: #061231;

  /*border-top: 2px solid #fff;*/
  display: none;
}

#SQFlash.index .list-marketSolution .marketSolution-contentImg {
  width: 48%;
  margin-right: auto;
}

#SQFlash.index .list-marketSolution .mi-mkcon-img{
    width: 90%;
    width: 100%;
    margin: auto;
    margin-bottom: 3%;

}

#SQFlash.index .list-marketSolution .marketSolution-contentImg img {
  /*border-radius: 10px;*/
  overflow: hidden;
}

#SQFlash.index .list-marketSolution .marketSolution-contentTxt {
  width: 50%;
  width: 47%;
  /*width: 90%;*/
      margin: auto;
  /*overflow-y: auto;*/
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-line-pack: justify;
      align-content: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;

              margin-bottom: 3%;
}

#SQFlash.index .list-marketSolution .mi-funimg-box{
  width: 100%;
  width: 95%;
  
}

#SQFlash.index .list-marketSolution .marketSolution-contentTxt::-webkit-scrollbar {
  width: 8px;
}

#SQFlash.index .list-marketSolution .marketSolution-contentTxt::-webkit-scrollbar-track {
  margin: 0;
}

#SQFlash.index .list-marketSolution .marketSolution-contentTxt::-webkit-scrollbar-thumb {
  background: #6199c9;
}

#SQFlash.index .list-marketSolution .box-recommended {
  width: 100%;
  background-color: rgba(255, 255, 255, 0.65);
      background-color: #fefefe;
          background-color: rgb(4 12 39 / 65%);
          background-color: rgb(229 229 229 / 65%);
        background-color: #f4f4f4;
            background-color: #0d2563a1;
                border-radius: 10px;
  padding: 10px 20px;
      padding: 2%;
  /*border-radius: 10px;*/
      padding-top: 0px;
      background: none;
}

#SQFlash.index .list-marketSolution .box-recommended .highLight {
  color: #437fec;
}

#SQFlash.index .list-marketSolution .box-recommendedTitle {
  color: #437fec;
  padding-bottom: 8px;
  background: url(css-img/index/recommendedList_bg.png) left 100% repeat-x;
}

#SQFlash.index .list-marketSolution .box-recommendedList {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#SQFlash.index .list-marketSolution .list-recommendedTxt:first-child > .list {
  padding-right: 5px;
      list-style: auto;
      margin-left: 6%;
          color: #e9e9e9;
          color: #d6d6d6;
              color: #b3b3b3;
}

#SQFlash.index .list-marketSolution .list-recommendedTxt > .list {
  padding-top: 3px;
  padding-bottom: 3px;
  background: url(css-img/index/recommendedList_bg.png) left bottom repeat-x;
  list-style: auto;
  margin-left: 6%;
  color: #e9e9e9;
}

#SQFlash.index .list-marketSolution .list-recommendedTxt.moreBox .list:last-child {
  background: none;
}

#SQFlash.deviceOn .page-mainBanner {
  background: url(css-img/deviceOn/bannerBG_1.jpg) center center no-repeat;
  background-size: cover;
}

#SQFlash.deviceOn .page-mainBanner .mainBanner-content {
  width: 50%;
}

#SQFlash.deviceOn .page-mainBanner .mainBanner-img {
  width: 50%;
}

#SQFlash.deviceOn .page-mainBanner .mainBanner-img img {
  max-width: initial;
  width: 120%;
  margin-left: -20%;
}

#SQFlash.deviceOn .box-topBanner {
  margin-bottom: 5%;
}

#SQFlash.deviceOn .topBanner-content {
  width: 60%;
  text-shadow: 1px 1px #9c7cc5;
}

#SQFlash.deviceOn .topBanner-img {
  width: 40%;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

#SQFlash.deviceOn .topBanner-img img {
  max-width: inherit;
  width: 160%;
  margin-left: -60%;
  margin-bottom: -22%;
}

#SQFlash.deviceOn .block-waveBG {
  /*background: url(css-img/deviceOn/blockBG.png) right 50px no-repeat;*/
  background-size: auto auto;
}

#SQFlash.deviceOn .block-about .block-mainSection {
  max-width: 1120px;
  margin-left: auto;
  margin-right: auto;
}

#SQFlash.deviceOn .list-icon {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: -10px;
}

#SQFlash.deviceOn .list-icon > .list {
  width: 50%;
  padding: 10px;
}

#SQFlash.deviceOn .list-icon .icon-txt {
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
}

#SQFlash.deviceOn .list-icon .box-subTitle {
  font-weight: normal;
}

#SQFlash.deviceOn .block-video {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#SQFlash.deviceOn .list-videoPlayBox {
  width: 60%;
  overflow: hidden;
  background-color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#SQFlash.deviceOn .list-videoPlayBox > .list {
  display: none;
}

#SQFlash.deviceOn .list-videoPlayBox > .list.show {
  display: block;
}

#SQFlash.deviceOn .videoPicContainer {
  width: 40%;
  overflow-x: auto;
}

#SQFlash.deviceOn .list-videoPick {
  width: 100%;
  padding: 0 1% 0 30px;
  color: #5b3882;
}

#SQFlash.deviceOn .list-videoPick > .list {
  padding: 10px;
  margin: 4px 0;
  min-height: 83px;
  position: relative;
  cursor: pointer;
}

#SQFlash.deviceOn .list-videoPick > .list:not(:first-child):before {
  content: '';
  display: block;
  width: 100%;
  height: 2px;
  position: absolute;
  top: -2px;
  left: 0px;
  background: url(css-img/icon/dotted_grayM.png) left top repeat-x;
}

#SQFlash.deviceOn .list-videoPick > .list:not(.on):hover {
  background-color: rgba(111, 72, 157, 0.2);
       background-color: rgb(149 195 255 / 20%);
}

#SQFlash.deviceOn .list-videoPick .topTxt {
  color: #767676;
}

#SQFlash.deviceOn .list-videoPick .on {
  background: #0a417a;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, right top, from(#0a417a), to(#6f489d));
  background: linear-gradient(to right, #0a417a 0%, #6f489d 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a417a', endColorstr='#6f489d',GradientType=1 );
  /* IE6-9 */
  color: #e8d6ff;
}

#SQFlash.deviceOn .list-videoPick .on::after {
  content: ' ◀';
  position: absolute;
  left: -10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #0a417a;
}

#SQFlash.deviceOn .list-videoPick .on .topTxt {
  color: #fff;
}

#SQFlash.deviceOn .block-construct {
  text-align: center;
}

#SQFlash.deviceOn .list-downloadBlock {
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#SQFlash.deviceOn .list-downloadBlock > .list {
  width: 49%;
}

#SQFlash.deviceOn .list-downloadBlock .downloadBlock {
  overflow: hidden;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#SQFlash.deviceOn .list-downloadBlock .downloadBlock-img {
  width: 50%;
}

#SQFlash.deviceOn .list-downloadBlock .downloadBlock-img.imgBook img {
  max-width: inherit;
  width: 135%;
  margin-left: -35%;
  margin-top: -15%;
  margin-bottom: -15%;
}

#SQFlash.deviceOn .list-downloadBlock .downloadBlock-img.imgcomputer img {
  max-width: inherit;
  width: 121%;
  margin-left: -20%;
  margin-top: -25%;
  margin-bottom: -25%;
}

#SQFlash.deviceOn .list-downloadBlock .downloadBlock-txt {
  width: 50%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-right: 10px;
}

#SQFlash.deviceOn .block-softwareDownload .list-softwareDownload {
  margin: 0;
  border: 2px solid #fff;
  background-color: #eff0ff;
  -webkit-box-shadow: 0 0 100px 0 #eff4ff inset, 0px 0px 18px 0 rgba(107, 80, 142, 0.3);
          box-shadow: 0 0 100px 0 #eff4ff inset, 0px 0px 18px 0 rgba(107, 80, 142, 0.3);
  position: relative;
}

#SQFlash.deviceOn .block-softwareDownload .list-softwareDownload::before {
  content: '';
  display: block;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  width: 100%;
  background: url(css-img/deviceOn/tableBG.png) right bottom no-repeat;
  background-size: 100% auto;
}

#SQFlash.deviceOn .block-softwareDownload .list-softwareDownload .list {
  position: relative;
  z-index: 2;
  width: 96%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  background: url(css-img/icon/dotted_grayM.png) left top repeat-x;
  margin: 0 2%;
}

#SQFlash.deviceOn .block-softwareDownload .list-softwareDownload .list:nth-child(2) {
  background: none;
}

#SQFlash.deviceOn .block-softwareDownload .list-softwareDownload .list-title {
  width: 100%;
  margin: 0px;
  font-size: 1.3em;
  font-weight: normal;
  text-align: center;
  color: #fff;
  background: #bbcbe4;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(#bbcbe4), to(#8687b5));
  background: linear-gradient(to bottom, #bbcbe4 0%, #8687b5 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbcbe4', endColorstr='#8687b5',GradientType=0 );
  /* IE6-9 */
  padding: 0 2%;
}

#SQFlash.deviceOn .block-softwareDownload .list-softwareDownload .list-title .softwareDownload-Description {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#SQFlash.deviceOn .block-softwareDownload .list-softwareDownload .softwareDownload-Description {
  width: 70%;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px 20px 20px 0;
}

#SQFlash.deviceOn .block-softwareDownload .list-softwareDownload .softwareDownload-icon {
  max-width: 130px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  min-width: 120px;
  width: 20%;
  margin: 10px auto;
}

#SQFlash.deviceOn .block-softwareDownload .list-softwareDownload .softwareDownload-txt {
  width: 80%;
  max-width: calc(100% - 120px);
}

#SQFlash.deviceOn .block-softwareDownload .list-softwareDownload .softwareDownload-Download {
  width: 30%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  padding: 20px 0;
  background: url(css-img/icon/dotted_grayM.png) left top repeat-y;
}

#SQFlash.deviceOn .block-softwareDownload .list-softwareDownload .softwareDownload-Download a {
  display: block;
  margin: 10px 0;
}

#SQFlash.deviceOn .list-FAQ > .list {
  background-color: #fff;
  padding: 0 3%;
  margin-bottom: 10px;
}

#SQFlash.deviceOn .list-FAQ .circleIcon {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  border: 2px solid #9b7cc5;
  position: absolute;
  right: 0px;
  top: 15px;
}

#SQFlash.deviceOn .list-FAQ .circleIcon span {
  display: block;
  position: absolute;
  height: 2px;
  width: 50%;
  background: #9b7cc5;
  opacity: 1;
  left: 24%;
  top: calc(50% - 1px);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
  -webkit-transform-origin: center center;
          transform-origin: center center;
}

#SQFlash.deviceOn .list-FAQ .circleIcon span:nth-child(1) {
  top: calc(50% - 1px);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

#SQFlash.deviceOn .list-FAQ .circleIcon span:nth-child(2) {
  width: 55%;
  left: 23%;
}

#SQFlash.deviceOn .list-FAQ .circleIcon span:nth-child(3) {
  width: 0;
  left: 50%;
}

#SQFlash.deviceOn .list-FAQ .circleIcon.open span:nth-child(1) {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  width: 0;
  left: 50%;
}

#SQFlash.deviceOn .list-FAQ .circleIcon.open span:nth-child(2) {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  width: 0;
  left: 50%;
}

#SQFlash.deviceOn .list-FAQ .circleIcon.open span:nth-child(3) {
  width: 55%;
  left: 22.5%;
}

#SQFlash.deviceOn .list-FAQ .block-subTitle {
  text-align: left;
  padding: 20px 50px 15px 0;
  cursor: pointer;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  color: #9b7cc5;
  margin-bottom: 0px;
  position: relative;
}

#SQFlash.deviceOn .list-FAQ .block-subTitle .num {
  padding-right: 3px;
}

#SQFlash.deviceOn .list-FAQ .block-mainSection {
  padding: 20px 0;
  text-align: left;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  background: url(css-img/icon/dotted_grayM.png) left top repeat-x;
  display: none;
}

#SQFlash.deviceOn .list-FAQ .block-mainSection .lighHight {
  font-size: 1.4em;
  font-weight: normal;
  color: #5861b7;
  width: 30px;
  float: left;
}

#SQFlash.deviceOn .list-FAQ .block-mainSection .box-content {
  width: calc(100% - 35px);
  margin-top: 5px;
}

#SQFlash.SQRAM .page-mainBanner {
  background: #808082;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, right top, from(#808082), to(#d7d7d7));
  background: linear-gradient(to right, #808082 0%, #d7d7d7 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#808082', endColorstr='#d7d7d7',GradientType=1 );
  /* IE6-9 */
}

#SQFlash.SQRAM .page-mainBanner .mainBanner-content {
  width: 70%;
  max-width: 600px;
  text-shadow: 1px 1px 0 rgba(128, 128, 130, 0.8), -1px -1px 0 rgba(128, 128, 130, 0.5);
}

#SQFlash.SQRAM .page-mainBanner .mainBanner-img {
  width: 30%;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

#SQFlash.SQRAM .page-mainBanner .mainBanner-img img {
  max-width: initial;
  width: auto;
  height: 100%;
  margin-left: -50%;
}

#SQFlash.SQRAM .box-topBanner {
  margin-bottom: 3%;
}

#SQFlash.SQRAM .topBanner-content {
  width: 60%;
  text-shadow: 1px 1px #828282;
}

#SQFlash.SQRAM .topBanner-img {
  width: 40%;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

#SQFlash.SQRAM .topBanner-img img {
  margin-top: -10%;
  margin-bottom: -10%;
}

#SQFlash.SQRAM .block-contactUs .contactUs-img .num1 {
  top: 45%;
  left: 36%;
}

#SQFlash.SQRAM .block-contactUs .contactUs-img .num2 {
  top: 58%;
  left: 42%;
}

#SQFlash.SQRAM .block-contactUs .contactUs-img .num3 {
  top: 67%;
  left: 42%;
}

#SQFlash.SQRAM .block-contactUs .contactUs-img .num4 {
  top: 55%;
  left: 55%;
}

#SQFlash.SQFlash .page-mainBanner {
  background: url(css-img/SQFlash/bannerBG_1.jpg) center center no-repeat;
  background-size: cover;
}

#SQFlash.SQFlash .page-mainBanner .mainBanner-content {
  width: 70%;
}

#SQFlash.SQFlash .page-mainBanner .mainBanner-img {
  width: 30%;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

#SQFlash.SQFlash .page-mainBanner .mainBanner-img img {
  max-width: initial;
  width: auto;
  height: 100%;
  margin-left: -50%;
}

#SQFlash.SQFlash .box-topBanner {
  margin-bottom: 3%;
}

#SQFlash.SQFlash .topBanner-content {
  width: 50%;
  text-shadow: 1px 1px #828282;
}

#SQFlash.SQFlash .topBanner-img {
  width: 50%;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-bottom: -4%;
}

#SQFlash.SQFlash .topBanner-img img {
  max-width: initial;
  width: 110%;
  margin-left: -10%;
}

#SQFlash.SQFlash .list-policySort {
  color: #fff;
  max-width: 800px;
  margin: -5px;
}

#SQFlash.SQFlash .list-policySort .block {
  display: inline-block;
  margin-top: 5px;
}

#SQFlash.SQFlash .list-policySort .block::after {
  content: '|';
  color: #fff;
  padding: 0 5px;
}

#SQFlash.SQFlash .list-policySort .block:last-child:after {
  content: '';
  padding: 0;
}

#SQFlash.SQFlash .list-policySort .title {
  color: #11568d;
}

#SQFlash.SQFlash .list-policySort .title::after {
  content: '–';
  color: #fff;
  padding: 0 5px;
}

#SQFlash.SQFlash .list-policySort .txt {
  color: #009dea;
}

#SQFlash.SQFlash .block-contactUs .contactUs-img .num1 {
  top: 45%;
  left: 36%;
}

#SQFlash.SQFlash .block-contactUs .contactUs-img .num2 {
  top: 58%;
  left: 42%;
}

#SQFlash.SQFlash .block-contactUs .contactUs-img .num3 {
  top: 67%;
  left: 42%;
}

#SQFlash.SQFlash .block-contactUs .contactUs-img .num4 {
  top: 55%;
  left: 55%;
}

#SQFlash.Exm .page-mainBanner {
  background: url(css-img/Exm/bannerBG_1.jpg) center center no-repeat;
  background-size: cover;
}

#SQFlash.Exm .page-mainBanner .mainBanner-content {
  width: 70%;
  max-width: 600px;
}

#SQFlash.Exm .page-mainBanner .iconList-circle {
  max-width: 500px;
}

#SQFlash.Exm .page-mainBanner .mainBanner-img {
  width: 30%;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-line-pack: center;
      align-content: center;
}

#SQFlash.Exm .page-mainBanner .mainBanner-img img {
  max-width: initial;
  width: 150%;
  margin-left: -50%;
}

#SQFlash.Exm .topBanner-content {
  width: 65%;
  text-shadow: 1px 1px #71bdbc;
}

#SQFlash.Exm .topBanner-img {
  width: 50%;
  margin-left: -15%;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-bottom: -3.5%;
}

#SQFlash.Exm .topBanner-img img {
  max-width: initial;
  width: 110%;
  margin-left: -10%;
}

#SQFlash.Exm .block-contactUs .contactUs-img .num1 {
  top: 45%;
  left: 36%;
}

#SQFlash.Exm .block-contactUs .contactUs-img .num2 {
  top: 58%;
  left: 42%;
}

#SQFlash.Exm .block-contactUs .contactUs-img .num3 {
  top: 67%;
  left: 42%;
}

#SQFlash.Exm .block-contactUs .contactUs-img .num4 {
  top: 55%;
  left: 55%;
}

#SQFlash.resource .page-mainBanner {
  background: url(css-img/resource/bannerBG_1.jpg) left center no-repeat;
  background-size: cover;
}

#SQFlash.resource .page-mainBanner .mainBanner-content {
  width: 55%;
}

#SQFlash.resource .page-mainBanner .banner-title {
  max-width: 400px;
}

#SQFlash.resource .page-mainBanner .mainBanner-img {
  width: 50%;
  margin-right: -5%;
}

#SQFlash.resource .list-news {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#SQFlash.resource .list-news > .list {
  width: 33%;
}

#SQFlash.resource .list-news .block-subTitle {
  color: #0071bc;
}

#SQFlash.resource .list-news .block-container {
  padding: 20px;
  -ms-flex-line-pack: justify;
      align-content: space-between;
}

#SQFlash.resource .list-news .box-txt {
  width: 100%;
  margin-bottom: 20px;
}

#SQFlash.resource .list-news .dateTxt {
  color: #2684c5;
  font-style: italic;
  margin-bottom: 10px;
}

#SQFlash.resource .list-news .block-mainSection {
  color: #004280;
  margin-bottom: 20px;
}

#SQFlash.resource .list-news .boxShadow {
  background-color: #fff;
  -webkit-box-shadow: 0 0 100px 0 #fbfcff inset, 0px 0px 18px 0 #e8f0ff;
          box-shadow: 0 0 100px 0 #fbfcff inset, 0px 0px 18px 0 #e8f0ff;
}

#SQFlash.resource .list-news .list-newsMore > .list {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-line-pack: justify;
      align-content: space-between;
}

#SQFlash.resource .list-news .list-newsMore > .list:first-child .list-txt {
  background: none;
}

#SQFlash.resource .list-news .list-newsMore .list-img {
  width: 45%;
  padding: 10px 0;
}

#SQFlash.resource .list-news .list-newsMore .list-txt {
  width: 50%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: url(css-img/icon/dotted_grayM.png) top left repeat-x;
  padding: 10px 0;
}

#SQFlash.resource .block-waveBG {
  background: url(css-img/resource/blockBG.png) right top no-repeat;
  background-size: auto auto;
}

#SQFlash.resource .block-resources .list-resourcesTab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#SQFlash.resource .block-resources .list-resourcesTab > .list {
  width: calc(16.66% - 6px);
  text-align: center;
  padding: 20px 15px;
  margin: 0 3px 20px;
  border: 2px solid transparent;
  border-bottom: 0px;
  position: relative;
  cursor: pointer;
  line-height: 1;
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(55%, white), color-stop(56%, rgba(255, 255, 255, 0.98)), to(rgba(239, 244, 255, 0)));
  background: linear-gradient(to bottom, white 55%, rgba(255, 255, 255, 0.98) 56%, rgba(239, 244, 255, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00eff4ff',GradientType=0 );
  /* IE6-9 */
}

#SQFlash.resource .block-resources .list-resourcesTab > .list::after {
  content: '';
  display: block;
  position: absolute;
  z-index: 0;
  left: 0px;
  right: 0px;
  top: 2px;
  bottom: 0px;
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(42%, #fafcff), color-stop(56%, rgba(250, 252, 255, 0.67)), color-stop(84%, rgba(243, 247, 255, 0)), to(rgba(239, 244, 255, 0)));
  background: linear-gradient(to bottom, #fafcff 42%, rgba(250, 252, 255, 0.67) 56%, rgba(243, 247, 255, 0) 84%, rgba(239, 244, 255, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafcff', endColorstr='#00eff4ff',GradientType=0 );
  /* IE6-9 */
}

#SQFlash.resource .block-resources .list-resourcesTab > .list::before {
  content: '';
  display: block;
  position: absolute;
  z-index: 0;
  left: -2px;
  right: -2px;
  top: 0px;
  bottom: 0px;
  -webkit-box-shadow: 0px -3px 3px 0 #dfe9ff;
          box-shadow: 0px -3px 3px 0 #dfe9ff;
}

#SQFlash.resource .block-resources .list-resourcesTab > .list > span {
  position: relative;
  z-index: 2;
}

#SQFlash.resource .block-resources .list-resourcesTab > .list.on {
  color: #437fec;
}

#SQFlash.resource .block-resources .list-resourcesTab > .list.on::after {
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(42%, #e0ebff), color-stop(56%, rgba(224, 235, 255, 0.67)), color-stop(84%, rgba(234, 241, 255, 0)), to(rgba(239, 244, 255, 0)));
  background: linear-gradient(to bottom, #e0ebff 42%, rgba(224, 235, 255, 0.67) 56%, rgba(234, 241, 255, 0) 84%, rgba(239, 244, 255, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0ebff', endColorstr='#00eff4ff',GradientType=0 );
  /* IE6-9 */
}

#SQFlash.resource .block-resources .list-resourcesTab > .list.on > span::after {
  content: '';
  display: block;
  margin-top: 5px;
  border-bottom: 2px solid #437fec;
}

#SQFlash.resource .block-resources .list-resourcesTab > .list.on.ani_hoverUp {
  -webkit-transform: translateY(0) !important;
          transform: translateY(0) !important;
}

#SQFlash.resource .block-resources .list-resources {
  display: none;
}

#SQFlash.resource .block-resources .list-resources.show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#SQFlash.resource .block-resources .list-resources.show > .list {
  background-color: #fff;
}

#SQFlash.purperStyle .block-waveColorBG {
  background: #f1edff;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(#f1edff), to(#c7e0ff));
  background: linear-gradient(to bottom, #f1edff 0%, #c7e0ff 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1edff', endColorstr='#c7e0ff',GradientType=0 );
  /* IE6-9 */
}

#SQFlash.purperStyle .block-waveColorBG::before {
  background: url(css-img/deviceOn/blockBG.png) right bottom no-repeat;
  background-size: 103% 60%;
}

#SQFlash.purperStyle .block-btn .btn-white {
  background-color: #fff;
  color: #030c67;
  border: 1px solid #030c67;
}

#SQFlash.purperStyle .boxShadow {
  background-color: #9c7cc5;
  -webkit-box-shadow: 0 0 100px 0 #997ac5 inset, 0px 0px 18px 0 rgba(107, 80, 142, 0.3);
          box-shadow: 0 0 100px 0 #997ac5 inset, 0px 0px 18px 0 rgba(107, 80, 142, 0.3);
}

#SQFlash.purperStyle .box-circleBG {
  background-color: #f6f3ff;
}

#SQFlash.purperStyle .iconList-circle > .list::before {
  color: #5b3882;
}

#SQFlash.grayStyle .block-waveColorBG {
  background: #b9b9b9;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(#b9b9b9), to(#d7d7d7));
  background: linear-gradient(to bottom, #b9b9b9 0%, #d7d7d7 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9b9b9', endColorstr='#d7d7d7',GradientType=0 );
  /* IE6-9 */
}

#SQFlash.grayStyle .block-btn .btn-white {
  background-color: #fff;
  color: #414243;
  border: 1px solid #414243;
}

#SQFlash.grayStyle .boxShadow {
  background-color: #828282;
  -webkit-box-shadow: 0 0 100px 0 #7d7f82 inset, 0px 0px 18px 0 rgba(109, 109, 109, 0.3);
          box-shadow: 0 0 100px 0 #7d7f82 inset, 0px 0px 18px 0 rgba(109, 109, 109, 0.3);
}

#SQFlash.grayStyle .box-circleBG {
  background-color: #ededed;
}

#SQFlash.grayStyle .block-contactUs .boxShadow {
  -webkit-box-shadow: 0 0 100px 0 #f4f4f4 inset, 0px 0px 18px 0 rgba(109, 109, 109, 0.3);
          box-shadow: 0 0 100px 0 #f4f4f4 inset, 0px 0px 18px 0 rgba(109, 109, 109, 0.3);
}

#SQFlash.grayStyle .block-contactUs .list-contactUs .num {
  background-color: #7c7c7c;
}

#SQFlash.grayStyle .block-contactUs .list-contactUs > .list:nth-child(2n-1)::before {
  background-color: #e9e9e9;
}

#SQFlash.lightBlueStyle .block-waveColorBG {
  background: #d0ebff;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, right top, from(#d0ebff), to(#a5d7ff));
  background: linear-gradient(to right, #d0ebff 0%, #a5d7ff 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0ebff', endColorstr='#a5d7ff',GradientType=1 );
  /* IE6-9 */
}

#SQFlash.lightBlueStyle .boxShadow {
  background-color: #21aafe;
  -webkit-box-shadow: 0 0 100px 0 #20a8fe inset, 0px 0px 18px 0 rgba(43, 114, 255, 0.3);
          box-shadow: 0 0 100px 0 #20a8fe inset, 0px 0px 18px 0 rgba(43, 114, 255, 0.3);
}

#SQFlash.lightBlueStyle .box-circleBG {
  background-color: #eff9ff;
}

#SQFlash.lightBlueStyle .iconList-circle > .list::before {
  color: #437fec;
}

#SQFlash.lightBlueStyle .block-contactUs .boxShadow {
  -webkit-box-shadow: 0 0 100px 0 #eff4ff inset, 0px 0px 18px 0 rgba(43, 114, 255, 0.3);
          box-shadow: 0 0 100px 0 #eff4ff inset, 0px 0px 18px 0 rgba(43, 114, 255, 0.3);
}

#SQFlash.lightBlueStyle .block-contactUs .list-contactUs .num {
  background-color: #0084ff;
}

#SQFlash.lightBlueStyle .block-contactUs .list-contactUs > .list:nth-child(2n-1)::before {
  background-color: #f0f5ff;
}

#SQFlash.greenStyle .block-btn .btn-white {
  background-color: #fff;
  color: #315453;
  border: 1px solid #315453;
}

#SQFlash.greenStyle .block-waveColorBG {
  background: #b9eded;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, right top, from(#b9eded), to(#82c5c5));
  background: linear-gradient(to right, #b9eded 0%, #82c5c5 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9eded', endColorstr='#82c5c5',GradientType=1 );
  /* IE6-9 */
}

#SQFlash.greenStyle .boxShadow {
  background-color: #71bdbc;
  -webkit-box-shadow: 0 0 100px 0 #6dbabc inset, 0px 0px 18px 0 rgba(66, 128, 128, 0.3);
          box-shadow: 0 0 100px 0 #6dbabc inset, 0px 0px 18px 0 rgba(66, 128, 128, 0.3);
}

#SQFlash.greenStyle .box-circleBG {
  background-color: #c2eaeb;
}

#SQFlash.greenStyle .iconList-circle > .list::before {
  color: #315453;
}

#SQFlash.greenStyle .block-contactUs .boxShadow {
  -webkit-box-shadow: 0 0 100px 0 #eff4ff inset, 0px 0px 18px 0 rgba(66, 128, 128, 0.3);
          box-shadow: 0 0 100px 0 #eff4ff inset, 0px 0px 18px 0 rgba(66, 128, 128, 0.3);
}

#SQFlash.greenStyle .block-contactUs .list-contactUs .num {
  background-color: #315453;
}

#SQFlash.greenStyle .block-contactUs .list-contactUs > .list:nth-child(2n-1)::before {
  background-color: #ecf7f7;
}

@media (max-width: 1200px) {
  #SQFlash .list-keyFeatures {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
  }
  #SQFlash .list-keyFeatures.col6 > .list, #SQFlash .list-keyFeatures.col5 > .list {
    width: 33%;
  }
  #SQFlash .list-keyFeatures .list-content {
    max-width: 220px;
    margin-left: auto;
    margin-right: auto;
  }
  #SQFlash .list-keyFeatures .block-mainSection {
    text-align: center;
  }
  #SQFlash .page-mainBanner {
    height: initial;
  }
  #SQFlash.index .page-mainBanner .mainBanner-img {
    width: 80%;
    margin-left: -10%;
    margin-right: -25%;
  }
  #SQFlash.deviceOn .page-mainBanner .mainBanner-content {
    width: 50%;
    max-width: 500px;
  }
  #SQFlash.deviceOn .page-mainBanner .banner-title {
    max-width: 380px;
  }
  #SQFlash.deviceOn .page-mainBanner .mainBanner-img img {
    max-width: initial;
    width: 128%;
    margin-left: -20%;
  }
  #SQFlash.SQFlash .page-mainBanner .mainBanner-img {
    width: 30%;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -ms-flex-line-pack: end;
        align-content: flex-end;
  }
  #SQFlash.SQFlash .page-mainBanner .mainBanner-img img {
    max-width: initial;
    width: 230%;
    height: auto;
    margin-left: -120%;
  }
  #SQFlash.resource .page-mainBanner .mainBanner-img {
    width: 80%;
    margin-left: -10%;
    margin-right: -25%;
  }
}

@media (max-width: 900px) {
  #SQFlash .block-contactUs {
    font-size: 16px;
  }
  #SQFlash .block-contactUs .contactUs-img {
    width: 40%;
    position: relative;
    z-index: 3;
    margin-bottom: -3%;
  }
  #SQFlash .block-contactUs .contactUs-content {
    width: 100%;
    margin-left: -40%;
    padding: 3% 2% 3% 41%;
  }
  #SQFlash .block-contactUs .list-contactUs > .list {
    padding: 10px;
  }
  #SQFlash .block-contactUs .list-contactUs .num {
    padding: 2px;
  }
  #SQFlash .block-contactUs .list-contactUs > .list:nth-child(2n-1)::before {
    position: absolute;
    width: 100%;
    left: 0%;
  }
  #SQFlash .block-topBanner .box-topBanner {
    min-height: 150px;
  }
  #SQFlash.deviceOn .page-mainBanner .mainBanner-img {
    width: 70%;
    margin-left: -25%;
  }
  #SQFlash.deviceOn .box-topBanner {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  #SQFlash.deviceOn .topBanner-content {
    width: 100%;
    text-shadow: 1px 1px #9c7cc5;
  }
  #SQFlash.deviceOn .topBanner-content * {
    text-align: center;
  }
  #SQFlash.deviceOn .topBanner-img {
    width: 110%;
    margin: 0 -5%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  #SQFlash.deviceOn .topBanner-img img {
    max-width: 100%;
    width: auto;
    margin-left: 0%;
    margin-bottom: -15%;
  }
  #SQFlash.Exm .page-mainBanner .mainBanner-img img {
    width: 220%;
  }
}

@media (max-width: 768px) {
  #SQFlash {
    font-size: 14px;
  }

    #SQFlash .box-container{
          padding-top: 0%;
  }


  #SQFlash .page-mainBanner {
    position: relative;
    min-height: 350px;
  }
  #SQFlash .page-mainBanner::after {
    content: '';
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
  }
  #SQFlash .page-mainBanner .mainBanner-content {
    color: #fff;
    min-height: initial !important;
    max-width: 520px !important;
    padding-top: 5% !important;
  }
  #SQFlash .page-mainBanner .banner-title {
    font-size: 36px;
  }
  #SQFlash .page-mainBanner .iconList-circle > .list::before {
    color: #fff !important;
  }
  #SQFlash .block-title {
    font-size: 26px;
  }
  #SQFlash .block-subTitle {
    font-size: 22px;
  }
  #SQFlash .block-mainSection {
    font-size: 16px;
  }
  #SQFlash .list-keyFeatures {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
  }
  #SQFlash .list-keyFeatures.col6 > .list, #SQFlash .list-keyFeatures.col5 > .list {
    width: 50%;
  }
  #SQFlash .list-performanceProducts {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
  }
  #SQFlash .list-performanceProducts > .list {
    width: 100%;
  }
  #SQFlash .list-performanceProducts > .list:nth-child(2) {
    padding-top: 30px;
    margin-top: 20px;
    background: url(css-img/icon/dotted_grayS.png) top left repeat-x;
  }
  #SQFlash .list-performanceProducts .list-img {
    width: 32%;
    max-width: 190px;
    background-color: #fff;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  #SQFlash .list-performanceProducts .list-content {
    min-width: calc(100% - 210px);
    width: 63%;
  }
  #SQFlash .list-policy .listIocn {
    position: relative;
  }
  #SQFlash .list-policy .box-icon {
    width: 30%;
    margin-left: auto;
    max-width: initial;
    position: absolute;
    bottom: 100%;
    right: 0px;
  }
  #SQFlash .list-policy .box-txt {
    width: 100%;
    min-width: initial;
  }
  #SQFlash .block-contactUs .contactUs-img {
    width: 100%;
    max-width: 600px;
    position: relative;
    z-index: 3;
    margin-bottom: -3%;
  }
  #SQFlash .block-contactUs .contactUs-content {
    width: 100%;
    margin-left: 0%;
    padding: 3% 2%;
  }
  #SQFlash .block-contactUs .block-title {
    margin-bottom: 2%;
  }
  #SQFlash .block-contactUs .list-contactUs > .list:nth-child(2n-1)::before {
    position: absolute;
    width: 120%;
    left: -10%;
  }
  #SQFlash .block-resources .list-resources > .list {
    width: 49%;
  }
  #SQFlash.index .page-mainBanner .mainBanner-content {
    width: 100%;
  }
  #SQFlash.index .page-mainBanner .mainBanner-img {
    position: absolute;
    bottom: 0px;
    right: -20%;
    width: 70%;
    margin: 0;
  }
  #SQFlash.index .block-about .aboutPositon .block-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  #SQFlash.index .block-about .aboutPositon .block-wrapper .aboutAirplane {
    width: 50%;
    top: 1%;
    right: -3%;
  }
  #SQFlash.index .block-about .aboutPositon .aboutTrack {
    width: 112%;
    height: 0px;
    padding-bottom: 7.5%;
    left: -6%;
  }
  #SQFlash.index .block-about .aboutPositon .aboutTrain {
    width: 65%;
  }
  #SQFlash.index .block-about .aboutPositon .aboutTrees {
    width: 100%;
    bottom: -1%;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  #SQFlash.index .block-about .aboutPositon .aboutCars {
    width: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  #SQFlash.index .block-about .block-aboutImg {
    width: 100%;
    margin-top: -10%;
    position: relative;
  }
  #SQFlash.index .block-about .block-aboutImg .aboutHouse {
    width: 100%;
    margin-left: 0%;
  }
  #SQFlash.index .block-about .block-aboutContent {
    max-width: initial;
    width: 100%;
  }
  #SQFlash.index .list-productofferings {
    max-width: 580px;
    margin-left: auto;
    margin-right: auto;
  }
  #SQFlash.index .list-productofferings > .list {
    width: 100%;
    padding: 5% 8%;
  }
  #SQFlash.index .list-productofferings .block-title {
    text-align: center;
  }
  #SQFlash.index .list-productofferings .block-mainSection {
    text-align: center;
  }
  #SQFlash.index .list-marketSolution {
    position: static;
    padding-top: 0 !important;
    max-width: 580px;
    margin-left: auto;
    margin-right: auto;
  }
  #SQFlash.index .list-marketSolution .marketSolution-tab {
    width: 100%;
    text-align: left;
    border-left: none;
    padding: 10px;
    position: static;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        border-radius: 10px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  #SQFlash.index .list-marketSolution .marketSolution-tab img {
    max-width: 40px;
  }
  #SQFlash.index .list-marketSolution .marketSolution-tab .tab {
    display: inline-block;
    padding-right: 5px;
  }
  #SQFlash.index .list-marketSolution .marketSolution-tab .tab-content {
    display: inline-block;
    color: #004280;
  }
  #SQFlash.index .list-marketSolution .marketSolution-content {
    width: 100%;
    padding: 20px 10px;
    display: none;
  }
  #SQFlash.index .list-marketSolution .marketSolution-contentImg {
    width: 100%;
    max-width: 530px;
    margin-left: auto;
    margin-right: auto;
  }
  #SQFlash.index .list-marketSolution .marketSolution-contentTxt {
    width: 100%;
    max-width: 530px;
    margin-left: auto;
    margin-right: auto;
    max-height: initial !important;
    overflow-y: hidden;
    padding-top: 10px;
        margin-right: 3%;
    margin-left: 3%;
  }
  #SQFlash.index .list-marketSolution .box-mainSection {
    max-width: 95%;
    margin-left: auto;
    margin-right: auto;
  }
  #SQFlash.index .list-marketSolution .box-recommended {
    width: 100%;
    padding: 10px 20px;
    border-radius: 10px;
  }
  #SQFlash.index .list-marketSolution .box-recommendedTitle {
    padding-bottom: 12px;
  }
  #SQFlash.index .list-marketSolution .list-recommendedTxt {
    width: 100% !important;
  }
  #SQFlash.index .list-marketSolution .list-recommendedTxt:first-child > .list {
    padding-right: 0px;
  }
  #SQFlash.index .list-marketSolution .list-recommendedTxt > .list {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  #SQFlash.index .list-marketSolution .list-recommendedTxt.moreBox .list:last-child {
    background: url(css-img/index/recommendedList_bg.png) left bottom repeat-x;
  }
  #SQFlash.index .list-marketSolution .list-recommendedTxt:last-child .list:last-child {
    background: none;
  }
  #SQFlash.deviceOn .page-mainBanner .mainBanner-content {
    width: 55%;
  }
  #SQFlash.deviceOn .page-mainBanner .mainBanner-img {
    width: 70%;
    margin-left: 0px;
    position: absolute;
    bottom: 0px;
    margin-bottom: 0;
    right: -5%;
  }
  #SQFlash.deviceOn .page-mainBanner .mainBanner-img img {
    width: 100%;
    margin-left: 0%;
  }
  #SQFlash.deviceOn .list-icon {
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
    margin-top: -30px;
  }
  #SQFlash.deviceOn .list-icon > .list {
    width: 100%;
    margin-top: 30px;
  }
  #SQFlash.deviceOn .list-downloadBlock {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    margin-top: -30px;
  }
  #SQFlash.deviceOn .list-downloadBlock > .list {
    width: 100%;
    margin-top: 30px;
  }
  #SQFlash.deviceOn .block-softwareDownload .list-softwareDownload::before {
    background-size: auto 80%;
    background-position: center bottom;
  }
  #SQFlash.deviceOn .block-softwareDownload .list-softwareDownload .list-title .softwareDownload-Download {
    display: none;
  }
  #SQFlash.deviceOn .block-softwareDownload .list-softwareDownload .list-title .softwareDownload-Description {
    padding: 10px 0;
  }
  #SQFlash.deviceOn .block-softwareDownload .list-softwareDownload .softwareDownload-Description {
    width: 100%;
    padding: 20px 0px 0px 0;
  }
  #SQFlash.deviceOn .block-softwareDownload .list-softwareDownload .softwareDownload-Download {
    width: 100%;
    background: none;
    padding: 0 0 10px;
  }
  #SQFlash.deviceOn .block-softwareDownload .list-softwareDownload .softwareDownload-Download .softwareDownload-link {
    width: 100%;
  }
  #SQFlash.deviceOn .block-softwareDownload .list-softwareDownload .softwareDownload-Download a {
    display: inline-block;
    background: #bbcbe4;
    padding: 10px 20px;
    min-width: 150px;
    margin: 5px 0;
  }
  #SQFlash.deviceOn .block-video {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  #SQFlash.deviceOn .list-videoPlayBox {
    width: 100%;
  }
  #SQFlash.deviceOn .videoPicContainer {
    width: 100%;
    overflow-x: auto;
  }
  #SQFlash.deviceOn .list-videoPick {
    min-width: 100%;
    padding: 20px 0 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  #SQFlash.deviceOn .list-videoPick > .list {
    min-width: 33%;
  }
  #SQFlash.deviceOn .list-videoPick > .list:not(:first-child):before {
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background: url(css-img/icon/dotted_grayM.png) left top repeat-y;
  }
  #SQFlash.deviceOn .list-videoPick > .list:not(.on):hover {
    background: none;
  }
  #SQFlash.deviceOn .list-videoPick .on::after {
    content: ' ▲';
    left: 50%;
    top: -13px;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  #SQFlash.SQRAM .page-mainBanner .mainBanner-content {
    width: 100%;
  }
  #SQFlash.SQRAM .page-mainBanner .mainBanner-img {
    width: 20%;
    margin-bottom: 0px;
    position: absolute;
    bottom: 0px;
    right: 0;
  }
  #SQFlash.SQRAM .page-mainBanner .mainBanner-img img {
    width: 400%;
    margin-left: -250%;
  }
  #SQFlash.SQRAM .topBanner-content {
    width: 60%;
  }
  #SQFlash.SQRAM .topBanner-img {
    width: 40%;
  }
  #SQFlash.SQRAM .topBanner-img img {
    max-width: initial;
    width: 120%;
    margin-left: -7%;
  }
  #SQFlash.SQFlash .page-mainBanner .mainBanner-content {
    width: 100%;
  }
  #SQFlash.SQFlash .page-mainBanner .mainBanner-img {
    width: 20%;
    margin-bottom: 0px;
    position: absolute;
    bottom: 0px;
    right: 0;
  }
  #SQFlash.SQFlash .page-mainBanner .mainBanner-img img {
    width: 400%;
    margin-left: -300%;
    opacity: 0.6;
  }
  #SQFlash.SQFlash .topBanner-content {
    width: 60%;
  }
  #SQFlash.SQFlash .topBanner-img {
    width: 40%;
  }
  #SQFlash.SQFlash .topBanner-img img {
    max-width: initial;
    width: 150%;
    margin-left: -30%;
  }
  #SQFlash.Exm .page-mainBanner .mainBanner-img {
    -ms-flex-line-pack: end;
        align-content: flex-end;
    margin-bottom: 0;
    margin-top: -20%;
  }
  #SQFlash.Exm .page-mainBanner .mainBanner-img img {
    max-width: initial;
    width: 280%;
    margin-left: -100%;
  }
  #SQFlash.Exm .topBanner-content {
    width: 90%;
  }
  #SQFlash.Exm .topBanner-img {
    width: 40%;
    margin-left: -30%;
    margin-top: 10%;
  }
  #SQFlash.Exm .topBanner-img img {
    max-width: initial;
    width: 130%;
    margin-left: -10%;
  }
  #SQFlash.resource .page-mainBanner .mainBanner-content {
    width: 100%;
  }
  #SQFlash.resource .page-mainBanner .mainBanner-txt {
    text-shadow: 1px 1px 0px #85b6cf;
  }
  #SQFlash.resource .page-mainBanner .mainBanner-img {
    position: absolute;
    bottom: 0px;
    right: -20%;
    width: 70%;
    margin: 0;
  }
}

@media (max-width: 580px) {
  #SQFlash .block-policy .block-title {
    text-align: center;
  }
  #SQFlash .list-policy .listIocn {
    position: static;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  #SQFlash .list-policy .box-icon {
    width: 80%;
    max-width: 200px;
    margin-right: auto;
    position: static;
  }
  #SQFlash .block-resources .list-resources > .list {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  #SQFlash.deviceOn .page-mainBanner .mainBanner-content {
    width: 100%;
  }
  #SQFlash.deviceOn .page-mainBanner .mainBanner-img {
    max-width: 400px;
    width: 100%;
    margin-left: auto;
    position: relative;
    bottom: 0px;
    margin-bottom: 0;
    margin-top: -40%;
    opacity: 0.5;
  }
  #SQFlash.deviceOn .list-videoPick > .list {
    min-width: 50%;
  }
  #SQFlash.SQRAM .page-mainBanner .mainBanner-content {
    text-shadow: none;
  }
  #SQFlash.SQRAM .page-mainBanner .mainBanner-img {
    width: 100%;
    opacity: 0.5;
  }
  #SQFlash.SQRAM .page-mainBanner .mainBanner-img img {
    width: 100%;
    margin-left: 0%;
  }
  #SQFlash.Exm .page-mainBanner .mainBanner-content {
    width: 100%;
  }
  #SQFlash.Exm .page-mainBanner .mainBanner-img {
    width: 100%;
    margin-top: -20%;
    right: -40%;
    position: absolute;
    opacity: 0.6;
  }
  #SQFlash.Exm .page-mainBanner .mainBanner-img img {
    max-width: 100%;
    width: auto;
    margin-left: 0;
  }
  #SQFlash.Exm .box-topBanner {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  #SQFlash.Exm .topBanner-content {
    width: 70%;
    margin-right: auto;
  }
  #SQFlash.Exm .topBanner-img {
    width: 50%;
    margin-left: -20%;
    position: absolute;
    bottom: -5%;
    right: -5%;
  }
}

@media (max-width: 480px) {
  #SQFlash .list-performanceProducts {
    max-width: 350px;
    margin-left: auto;
    margin-right: auto;
  }
  #SQFlash .list-performanceProducts .list-img {
    width: 100%;
    max-width: initial;
    margin-bottom: 10px;
  }
  #SQFlash .list-performanceProducts .list-img img {
    max-height: 150px;
  }
  #SQFlash .list-performanceProducts .list-content {
    min-width: initial;
    width: 100%;
  }
  #SQFlash .list-keyFeatures.col6 > .list, #SQFlash .list-keyFeatures.col5 > .list {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    background: url(css-img/icon/dotted_grayS.png) top left repeat-x;
    padding: 25px 0 0 0;
  }
  #SQFlash .list-keyFeatures.col6 > .list:first-child, #SQFlash .list-keyFeatures.col5 > .list:first-child {
    padding-top: 0px;
    background: none;
  }
  #SQFlash .list-keyFeatures .list-img {
    width: 30%;
  }
  #SQFlash .list-keyFeatures .list-content {
    width: 65%;
    max-width: initial;
    margin-right: 0;
  }
  #SQFlash .list-keyFeatures .block-mainSection {
    text-align: left;
    margin-bottom: 0px;
  }
  #SQFlash.index .page-mainBanner .mainBanner-img {
    right: -30%;
    width: 100%;
    -webkit-filter: saturate(60%) contrast(50%);
            filter: saturate(60%) contrast(50%);
    opacity: 0.9;
  }
  #SQFlash.SQRAM .topBanner-content {
    width: 80%;
    margin-right: -40%;
    text-shadow: 1px 1px #828282;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-line-pack: start;
        align-content: flex-start;
  }
  #SQFlash.SQRAM .topBanner-img {
    width: 60%;
  }
  #SQFlash.SQRAM .topBanner-img img {
    margin-top: 20%;
  }
  #SQFlash.SQFlash .topBanner-content {
    width: 80%;
    margin-right: -40%;
    text-shadow: 1px 1px #828282;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-line-pack: start;
        align-content: flex-start;
  }
  #SQFlash.SQFlash .topBanner-img {
    width: 60%;
    margin-bottom: -8%;
    margin-top: 25%;
  }
  #SQFlash.Exm .box-topBanner {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  #SQFlash.Exm .topBanner-content {
    width: 100%;
    margin-right: auto;
  }
  #SQFlash.Exm .topBanner-content * {
    text-align: center;
  }
  #SQFlash.Exm .topBanner-img {
    width: 100%;
    margin: 0;
    position: relative;
  }
  #SQFlash.Exm .topBanner-img img {
    max-width: 100%;
    width: auto;
    margin: 0 0 -5%;
  }
  #SQFlash.resource .page-mainBanner .mainBanner-img {
    right: -30%;
    width: 100%;
    -webkit-filter: saturate(60%) contrast(50%);
            filter: saturate(60%) contrast(50%);
    opacity: 0.9;
  }
}

@media (min-width: 769px) {
  #SQFlash .ani_hoverDown {
    -webkit-transition: 0.4s;
    transition: 0.4s;
    -webkit-transform: translateY(-1px);
            transform: translateY(-1px);
  }
  #SQFlash .ani_hoverDown:hover {
    -webkit-transform: translateY(2px) !important;
            transform: translateY(2px) !important;
  }
  #SQFlash .ani_hoverUp {
    -webkit-transition: 0.4s;
    transition: 0.4s;
    -webkit-transform: translateY(1px);
            transform: translateY(1px);
  }
  #SQFlash .ani_hoverUp:hover {
    -webkit-transform: translateY(-2px) !important;
            transform: translateY(-2px) !important;
  }
  #SQFlash .ani_hoverfilterColor:hover {
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-filter: saturate(1.5);
            filter: saturate(1.5);
  }
  #SQFlash .ani_hoverBoxShadow {
    -webkit-transition: 0.5s;
    transition: 0.5s;
    -webkit-box-shadow: 0px 0px 8px 5px #bfbfbf;
            box-shadow: 0px 0px 8px 5px #bfbfbf;
  }
  #SQFlash .ani_hoverBoxShadow:hover {
    -webkit-transform: translateY(-2px);
            transform: translateY(-2px);
    -webkit-box-shadow: 0px 5px 8px 5px #bfbfbf;
            box-shadow: 0px 5px 8px 5px #bfbfbf;
  }
}

#SQFlash .js_scrollTop {
  cursor: pointer;
  width: 42px;
  height: 42px;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  opacity: 0;
  position: fixed;
  z-index: -1;
  bottom: 0px;
  right: 20px;
  -webkit-transition: .7s;
  transition: .7s;
}

#SQFlash .js_scrollTop::after {
  width: 50%;
  height: 50%;
  margin: -11px 0 0 -11px;
  background: url(css-img/icon/arrow_white.svg) center center no-repeat;
  background: url(css-img/icon/arrow_white.png) center center no-repeat\9;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-1px) rotate(-180deg);
          transform: translateY(-1px) rotate(-180deg);
}

#SQFlash .js_scrollTop.show {
  opacity: 1;
  bottom: 45px;
  z-index: 99;
}

#SQFlash .js_imgBox {
  line-height: 0;
}

#SQFlash .js_fixedTop.onFixed .js_fixedTopHeight {
  position: fixed;
}

#SQFlash .js_fixedTop .js_fixedTopHeight {
  width: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 99;
}

#SQFlash .js_numberLists > .list {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

#SQFlash .js_numberLists > .list > .number {
  min-width: 20px;
}

#SQFlash .js_scrollAnimationShow.animationingShow {
  -webkit-animation: scrollAni 0.6s linear 0s normal;
          animation: scrollAni 0.6s linear 0s normal;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

#SQFlash .js_scrollAnimationShow.imgScrollAnimation.animationingShow {
  -webkit-animation: imgAni 0.8s;
          animation: imgAni 0.8s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-transform-origin: bottom center;
          transform-origin: bottom center;
}

#SQFlash .js_scrollAnimationShow.contentScrollAnimation.animationingShow {
  -webkit-animation: contentAni 0.8s;
          animation: contentAni 0.8s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}

@-webkit-keyframes scrollAni {
  from {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: translateY(100px);
            transform: translateY(100px);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    opacity: 1;
  }
}

@keyframes scrollAni {
  from {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: translateY(100px);
            transform: translateY(100px);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    opacity: 1;
  }
}

@-webkit-keyframes imgAni {
  from {
    opacity: 0;
    -webkit-transform: scale(0.2) translateY(20px);
            transform: scale(0.2) translateY(20px);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0px);
            transform: scale(1) translateY(0px);
  }
}

@keyframes imgAni {
  from {
    opacity: 0;
    -webkit-transform: scale(0.2) translateY(20px);
            transform: scale(0.2) translateY(20px);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0px);
            transform: scale(1) translateY(0px);
  }
}

@-webkit-keyframes contentAni {
  from {
    opacity: 0;
    -webkit-transform: translateX(-100px);
            transform: translateX(-100px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
}

@keyframes contentAni {
  from {
    opacity: 0;
    -webkit-transform: translateX(-100px);
            transform: translateX(-100px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
}

@media (max-width: 768px) {
  #SQFlash .js_scrollTop {
    cursor: pointer;
    width: 35px;
    height: 35px;
  }
  #SQFlash .js_scrollTop::after {
    margin: -9px 0 0 -9px;
  }
}

#SQFlash .js_embedVideo.videoShadowCicle > .js_videoScope::before, #SQFlash .videoList.videoShadowCicle .videoImg::before {
  content: '';
  display: block;
  position: absolute;
  top: 97.9%;
  left: -7%;
  width: 114%;
  height: 5%;
  z-index: 2;
  background: radial-gradient(ellipse at center, rgba(10, 7, 0, 0.8) 0%, rgba(3, 2, 0, 0) 68%, rgba(0, 0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#800a0700', endColorstr='#00000000',GradientType=1 );
}

#SQFlash .js_embedVideo, #SQFlash .videoList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

#SQFlash .videoList > .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#SQFlash .videoList .videoImg {
  position: relative;
  display: inline-block;
  line-height: 0;
  cursor: pointer;
}

#SQFlash .js_embedVideo {
  width: 100%;
}

#SQFlash .js_embedVideo.videoShadowCicle > .js_videoScope {
  position: relative;
  line-height: 0;
  padding-left: 3%;
  padding-right: 3%;
}

#SQFlash .js_embedVideo.videoShadowCicle iframe {
  position: relative;
  z-index: 3;
}

#SQFlash .js_embedVideo iframe {
  width: 100%;
}

#SQFlash .videoList > .list {
  position: relative;
}

#SQFlash .videoList.videoImgDark .videoImg::after {
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  z-index: 2;
  -webkit-transition: .5s;
  transition: .5s;
}

#SQFlash .videoList.js_videoShadowImg .videoImg::after {
  position: absolute;
  top: 90%;
  left: 0px;
  width: 100%;
  height: 20%;
  z-index: 2;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(10, 7, 0, 0.3)), color-stop(49%, rgba(5, 4, 0, 0)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(to bottom, rgba(10, 7, 0, 0.3) 0%, rgba(5, 4, 0, 0) 49%, rgba(0, 0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#800a0700', endColorstr='#00000000',GradientType=0 );
}

#SQFlash .videoList.js_videoShadowImg .videoImg img {
  position: relative;
  z-index: 3;
}

#SQFlash .videoList.js_videoShadowImg .videoImg .js_addVideoShadowImg {
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 0px;
  width: 100%;
  height: 12%;
  opacity: .1;
  -webkit-transform: scaleY(-1);
          transform: scaleY(-1);
  overflow: hidden;
}

#SQFlash .videoList.js_videoShadowImg .videoImg .js_addVideoShadowImg img {
  position: absolute;
  bottom: 0px;
  width: 100%;
}

#SQFlash .videoPlayIcon {
  background: url("css-img/icon/video_playIcon.png") center center no-repeat;
  background-size: contain;
  position: absolute;
  z-index: 3;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 40%;
  height: 40%;
  opacity: 0.9;
  -webkit-transition: .3s;
  transition: .3s;
}

#SQFlash .videoPlayIcon.iconRed {
  width: 28%;
  height: 25%;
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
  background: url("css-img/icon/video_playIconRed.svg") center center no-repeat;
  background: url("css-img/icon/video_playIconRed.png") center center no-repeat\9;
}

#SQFlash .js_list-videoPopup {
  display: none;
  position: fixed;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 999;
}

#SQFlash .js_list-videoPopup.active {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#SQFlash .js_list-videoPopup .js_videoPop {
  display: none;
  overflow: hidden;
}

#SQFlash .js_list-videoPopup .js_videoPop.show {
  display: block;
  width: 95%;
  max-width: 1600px;
  padding: 35px;
  position: relative;
}

#SQFlash .js_list-videoPopup .js_videoPop .videoIframe {
  width: 100%;
}

#SQFlash .js_list-videoPopup .js_videoPop .videoIframe iframe {
  width: 100%;
}

#SQFlash .js_list-videoPopup .js_videoPop .js_videoCloseBtn {
  color: #fff;
  font-family: "Microsoft JhengHei", "Arial", sans-serif;
  font-size: 15px;
  line-height: 1;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 0px;
  right: 0px;
  background-color: #004280;
  border-radius: 5px/8px;
  -webkit-transition: .3s;
  transition: .3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#SQFlash .js_list-videoPopup .js_videoPop .js_videoCloseBtn:after {
  content: 'X';
  -webkit-transform: scale(1.4, 1);
          transform: scale(1.4, 1);
}

#SQFlash .js_list-videoPopup .js_videoPop .js_videoCloseBtn:hover {
  background-color: #50aade;
}

@media (min-width: 769px) {
  #SQFlash .videoList .videoImg:hover .videoPlayIcon {
    opacity: 1 !important;
    -webkit-filter: grayscale(0%);
            filter: grayscale(0%);
  }
  #SQFlash .videoList.videoImgDark .videoImg:hover:after {
    opacity: 0 !important;
  }
}

@media (max-width: 768px) {
  #SQFlash .videoList.videoImgDark .videoImg::after {
    background-color: rgba(0, 0, 0, 0.3);
  }
  #SQFlash .videoPlayIcon {
    opacity: 0.8;
  }
  #SQFlash .videoPlayIcon.iconRed {
    -webkit-filter: grayscale(0%);
            filter: grayscale(0%);
  }
}

#SQFlash .section-topBlock {
  position: relative;
}

#SQFlash .menuPosition {
  width: 100%;
  position: absolute !important;
  bottom: 0px !important;
}

#SQFlash .block-menu .js_subActionScope {
  position: relative;
}

#SQFlash .block-menu .js_subActionScope.show .nav-link {
  background-color: #004280 !important;
  color: #fff !important;
}

#SQFlash .block-menu .js_subActionScope.show .js_subLinkList {
  display: block;
}

#SQFlash .block-menu .js_subActionScope .js_subLinkList {
  background: rgba(57, 85, 115, 0.9);
  color: #fff;
  display: none;
  min-width: 100%;
  position: absolute;
  top: 100%;
  z-index: 9;
  padding: 0 10px;
  text-align: center;
}

#SQFlash .block-menu .js_subActionScope .js_subLinkList > .subList {
  border-top: 1px solid #7593b1;
}

#SQFlash .block-menu .js_subActionScope .js_subLinkList > .subList:first-child {
  border-top: none;
}

#SQFlash .block-menu .js_subActionScope .js_subLinkList > .subList a {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  padding: 10px;
}

#SQFlash .mi-tab-hegh{
        height: 54px;
}

#SQFlash .mi-tab-hegh-64{
    height: 64px;
}

#SQFlash .mi-tab-hegh-140{
    height: 140px;
}

#SQFlash .mi-spsq-tit{
  padding-top: 30px;
    padding-bottom: 20px;
}

#SQFlash #EIOT .mi-pt-0{
      padding-top: 0;
}

#EIOT .block-appImg .list-appImg > .list:first-child .list-appImgMsg .mi-que-items{
    width: 50%!important;
}

@media (max-width: 768px) {
  #SQFlash .block-menu .js_subActionScope {
    position: static;
  }
  #SQFlash .block-menu .js_subActionScope .js_subLinkList {
    display: none !important;
    background: transparent;
    color: #004280;
    position: static;
  }
  #SQFlash .block-menu .js_subActionScope .js_subLinkList > .subList {
    border-top: 1px dashed #7593b1 !important;
  }
}
/*# sourceMappingURL=all.css.map */


#SQFlash #navbar .mi-nav{
    margin: auto!important;
}

.owl-carousel .nowNumber {
    font-size: 26px;
    font-weight: normal;
}

.owl-nav .fas{
    font-size: 18px;
}

.owl-nav{
    margin-top: 1rem;
}

#SQFlash .nav-item{
    /*padding: 0 20px;*/
}

#SQFlash .nav-item a{
  width: 120px;
}

#SQFlash .mi-case-tit{
      font-size: 1.5rem;
    /*margin-bottom: 2%;*/
    font-weight: normal;
    color: #004280;
}

#SQFlash .mi-case-tit-se{
      background-color: #fefefe;
    /* background-color: #004280; */
    /* color: #fefefe; */
    font-size: 1.1rem;
    padding: 3px 15px;
    /*border-radius: 10px;*/
       width: 100%;
           margin-top: 2%;
}

#SQFlash .mi-sp-red{
        font-size: 0.8rem;
    color: #ec0000;
    margin-top: 2%;
}

#SQFlash .mi-list{
    font-size: 1rem;
    font-weight: normal;
 }

#SQFlash .block-bg .box-container.mi-pb-0{
        padding-bottom: 0px;
 }

 #SQFlash.index .block-softwareSolutions{
    background:none;
 }

 #SQFlash.deviceOn .list-videoPick > .list{
    color: #004280;
 }

 #SQFlash.deviceOn .list-videoPick .on{
      color: #e5ecff;

          background: -webkit-gradient(linear, left top, right top, from(#0a417a), to(#045558));
    background: linear-gradient(to right, #0a417a 0%, #045558 100%);
 }

 #SQFlash .mi-mb-50{
      margin-bottom: 50px;
 }

 #SQFlash.index .list-productofferings .block-title{
  font-size: 20px;
 }

 #SQFlash .mi-price{
      text-align: center;
    font-size: 1.5rem;
 }

 #SQFlash .block-resources .list-resources > .list{
  border: none;
 }

 #SQFlash .block-resources .list-resources .block-mainSection{
  min-height: none;
      min-height: 1rem;
 }

 #SQFlash .block-resources .list-resources .block-mainSection{
        text-align: center;
 }

 #SQFlash .block-resources .list-resources .mi-call{
        width: 45%;
 }


 #SQFlash .block-resources .mi-last-call{
    justify-content: center;
 }

 #SQFlash .mi-call-box-img{
        width: 50%;
 }

 #SQFlash.deviceOn .block-waveBG{
  background: none;
 }

#SQFlash.deviceOn .block-video.mi-bg-light-b{
  background-color: #e8f7ff;
  background-color: #f7fcff;
 }

 #SQFlash .mi-ssd-price{
        font-size: 1rem;
    margin-right: 2%;
 }

 .adv-sticky-nav{
      border-bottom: 3px solid #b9edff;
 }

  #SQFlash .block-resources .list-resources .mi-list-down{
          margin-top: 10%;
 }

 #SQFlash .nav-item a{
    transition: all 0.3s;
 }

.navbar .navbar-nav .nav-item{
      border-left: 1px solid #a5bfd6 !important;
}

 #SQFlash .mi-call-num{
      font-size: 1rem;
}

 #SQFlash .mi-ssd-last-bg{
  background-color: #f2f2f2;
      padding-top: 2%;
}

 #SQFlash .mi-ssd-big-box{
        padding-bottom: 0!important;
}

 #SQFlash .mi-pb-50{
    padding-bottom: 50px;
}

/*.navbar .navbar-nav .nav-link:hover, .navbar .navbar-nav .nav-link.active {
      background-color: #0a6dd5;
}

.navbar .navbar-nav .nav-link:hover, .navbar .navbar-nav .nav-link.active{
    background-color: #0a6dd5;
}

.navbar .navbar-nav .nav-link:hover, .navbar .navbar-nav .nav-link.active{
  background-color: #0a6dd5;
}

.navbar .navbar-nav .nav-link:hover, .navbar .navbar-nav .nav-link.active{
  background-color: #0a6dd5;
}*/

#SQFlash .mi-ssd-know{
        justify-content: left;
    margin-top: 0;
}

#SQFlash.index .list-top .mi-pd-tit-cen{
    text-align: center;
        font-size: 1rem;
 }

#SQFlash.index .mi-se-tit{
        font-size: 1.1rem;
    font-weight: normal;
    /*color: #004280;
        color: #fefefe;
            color: #0c98f2;*/
 }

#SQFlash.index .mi-case-num{
    font-size: 0.8rem;
        font-weight: normal;
 }

.mi-pd-sec-tit{
     text-align: center;
    font-size: 1.3rem;
    font-weight: normal;
}

#SQFlash .txtContent{
      font-size: 1.2rem;
    line-height: 1.8rem;
}

 @media (max-width: 768px) {

     #SQFlash .block-resources .list-resources .mi-call{
          width: 100%;
   }

   #SQFlash .mi-case-tit{
    font-size: 1.2rem;
    margin-bottom: 2%;
   }

 }