@charset "utf-8";
#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
}
#SQFlash .fontOrange {
  color: #f19b1d;
}

#SQFlash .text-bold {
    font-weight:bold;
}


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
}
#SQFlash .showType {
  display: none
}
#SQFlash .showType.showDesktop {
  display: block
}
#SQFlash .txtSmall {
  font-size: 0.8em
}
#SQFlash .box-img {
  line-height: 0px
}
#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
}
#SQFlash .mt-0 {
  margin-top: 0;
}
#SQFlash .mb-0 {
  margin-bottom: 0;
}
#SQFlash .mt-60 {
  margin-top: 60px !important;
}
#SQFlash *.mb-50 {
  margin-bottom: 50px;
}
#SQFlash.index .list-productofferings .green .block-mainSection {
  margin-bottom: 22px;
}
#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
}
.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: 2rem 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: bold
}
#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: bold
}
#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: bold;
  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: bold
}
#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: bold
}
#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%;
  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;
  background: linear-gradient(135deg, #e7f8ff 0%, #d7f3ff 18%, #f0faff 34%, #f0faff 34%, #e8f8ff 49%, #e8f8ff 61%, #d6f2ff 75%, #e8f8ff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e7f8ff', endColorstr='#e8f8ff', GradientType=1);
  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%;
  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;
  -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
}
#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
}
#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;
  width: 20%;
  text-align: center;
  border-left: 2px solid #fff;
  padding: 20px 10px;
  position: absolute;
  top: 0px;
  cursor: pointer
}
#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;
  border-top: 2px solid #fff;
  display: none
}
#SQFlash.index .list-marketSolution .marketSolution-contentImg {
  width: 48%;
  margin-right: auto
}
#SQFlash.index .list-marketSolution .marketSolution-contentImg img {
  border-radius: 10px;
  overflow: hidden
}
#SQFlash.index .list-marketSolution .marketSolution-contentTxt {
  width: 50%;
  overflow-y: auto;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-line-pack: justify;
  align-content: space-between;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
#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);
  padding: 10px 20px
}
#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
}
#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
}
#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: bold
}
#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)
}
#SQFlash.deviceOn .list-videoPick .topTxt {
  color: #767676
}
#SQFlash.deviceOn .list-videoPick .on {
  background: #0a417a;
  background: -webkit-gradient(linear, left top, right top, from(#0a417a), to(#6f489d));
  background: linear-gradient(to right, #0a417a 0%, #6f489d 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0a417a', endColorstr='#6f489d', GradientType=1);
  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: bold;
  text-align: center;
  color: #fff;
  background: #bbcbe4;
  background: -webkit-gradient(linear, left top, left bottom, from(#bbcbe4), to(#8687b5));
  background: linear-gradient(to bottom, #bbcbe4 0%, #8687b5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bbcbe4', endColorstr='#8687b5', GradientType=0);
  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: bold;
  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;
  background: -webkit-gradient(linear, left top, right top, from(#808082), to(#d7d7d7));
  background: linear-gradient(to right, #808082 0%, #d7d7d7 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#808082', endColorstr='#d7d7d7', GradientType=1)
}
#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;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(55%, #fff), color-stop(56%, rgba(255, 255, 255, 0.98)), to(rgba(239, 244, 255, 0)));
  background: linear-gradient(to bottom, #fff 55%, rgba(255, 255, 255, 0.98) 56%, rgba(239, 244, 255, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00eff4ff', GradientType=0)
}
#SQFlash.resource .block-resources .list-resourcesTab > .list::after {
  content: '';
  display: block;
  position: absolute;
  z-index: 0;
  left: 0px;
  right: 0px;
  top: 2px;
  bottom: 0px;
  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%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafcff', endColorstr='#00eff4ff', GradientType=0)
}
#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 {
  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%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e0ebff', endColorstr='#00eff4ff', GradientType=0)
}
#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;
  background: -webkit-gradient(linear, left top, left bottom, from(#f1edff), to(#c7e0ff));
  background: linear-gradient(to bottom, #f1edff 0%, #c7e0ff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1edff', endColorstr='#c7e0ff', GradientType=0)
}
#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;
  background: -webkit-gradient(linear, left top, left bottom, from(#b9b9b9), to(#d7d7d7));
  background: linear-gradient(to bottom, #b9b9b9 0%, #d7d7d7 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b9b9b9', endColorstr='#d7d7d7', GradientType=0)
}
#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;
  background: -webkit-gradient(linear, left top, right top, from(#d0ebff), to(#a5d7ff));
  background: linear-gradient(to right, #d0ebff 0%, #a5d7ff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d0ebff', endColorstr='#a5d7ff', GradientType=1)
}
#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;
  background: -webkit-gradient(linear, left top, right top, from(#b9eded), to(#82c5c5));
  background: linear-gradient(to right, #b9eded 0%, #82c5c5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b9eded', endColorstr='#82c5c5', GradientType=1)
}
#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%
  }
}
/* Add by UI 01-27*/
#SQFlash.index .list-productofferings .block-title {
  font-size: 26px;
  margin-bottom: 5px;
}
#SQFlash.index .list-productofferings .blue .list-top * {
  color: #FFF !important;
}
#SQFlash.index .list-productofferings .gray .list-top * {
  color: #FFF !important;
}
#SQFlash.index .list-productofferings .gray {
  background-color: #aaa !important;
}
#SQFlash.index .list-productofferings .green .list-top * {
  color: #FFF !important;
}
.list-performanceProducts .block-mainSection, .list-policy .txtContent {
  color: #3b3c3d !important;
}
@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
  }
  #SQFlash .mt-60 {
    margin-top: 30px !important;
  }
  #SQFlash *.mb-50 {
    margin-bottom: 25px;
  }
  #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;
    -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
  }
  #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
  }
  #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
  }
  #SQFlash.index .list-productofferings .green .block-mainSection {
    margin-bottom: 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
  }
  #SQFlash .showType.showTablet {
    display: none
  }
  #SQFlash .showType.showphone {
    display: block
  }
}
@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
}
@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.min.css.map */