@charset "UTF-8";
/* CSS Document */

section, article, aside, footer, header, nav, h2 { display:block;}

body { padding:0; margin:0 auto; color: #3e3a39; font:1em BB2-M, "GSR-R", sans-serif, Arial; background-color: #fff; display: block; position: relative; overflow-x: hidden;}
img { border:0; display: block;}

html, body { height: 100%;}

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }

div.brk { clear: both; display: block;}

font.color-org { color: #ee7b45;}

/************ video box ************/

.video-container { position:relative; padding-bottom:56.25%; padding-top:30px; width:100%; height: 0px; overflow:hidden;}
.video-container iframe, .video-container object, .video-container embed { position:absolute; top:0; left:0; width:100%; height:100%; }


/********* img zoom *********/

.zoom {
  display:inline-block;
  position: relative;
}

.zoom:after {
  content:'';
  display:block; 
  width:29px; 
  height:23px; 
  position:absolute; 
  top:0;
  right:0;  
  /*background:url(../images/icon_zoom.png);*/
}

.zoom img {
  display: block;
}

.zoom img::selection { background-color: transparent; }

ul#support-num { clear: both; padding: 0 0 0 24px; margin: 0; list-style: decimal; display: block;}
ul#support-num li { padding: 0; margin: 0; border: 0;}


@media screen and (min-width: 1360px) {

  /**************** header.hp ****************/
    
  header.hp { background-color: #ee7b45;}


  /**************** header ****************/
    
  header { width: 100%; height: 80px; padding: 0 60px; display: flex; justify-content: flex-start; align-items: center; box-sizing: border-box; position: fixed; top: 0; left: 0; z-index: 999;}
  header.bgcolor { background-color: #ee7b45;}

  header .logo { width: 220px; margin: 0 30px 0 0;}
  header .logo img { width: 100%; height: auto;}

  header .nav-mo-open { display: none;}

  header nav#pc { width: calc(100% - 250px); display: flex; justify-content: flex-start; align-items: center;}
  
  header nav#mo { display: none;}

  header nav#pc ul#nav { width: calc(100% - 90px); padding: 0 20px 0 0; margin: 0; list-style: none; display: flex; justify-content: flex-end; box-sizing: border-box; position: relative; z-index: 999;}
  header nav#pc ul#nav li { padding: 0 15px; margin: 0; position: relative;}
  header nav#pc ul#nav li a { color: #fff; font-size: 1.4em; line-height: 2em; text-decoration: none; cursor: pointer;}
  header nav#pc ul#nav li a:hover { border-bottom: #fff 3px solid;}
  header nav#pc ul#nav li a.sel { border-bottom: #fff 3px solid;}
  header nav#pc ul#nav li ul.nav-popup { padding: 30px 0; margin: 0; background-color: rgba(255,255,255,0.8); list-style: none; display: none; box-sizing: border-box; position: absolute; top: 39px; left: 0;}
  header nav#pc ul#nav li ul.wd-160 { width: 160px;}
  header nav#pc ul#nav li ul.wd-200 { width: 200px;}
  header nav#pc ul#nav li ul.wd-240 { width: 240px;}
  header nav#pc ul#nav li ul.wd-300 { width: 300px;}
  header nav#pc ul#nav li ul.nav-popup li { width: 100%; padding: 0; margin: 0;}
  header nav#pc ul#nav li ul.nav-popup li a { width: 100%; padding: 10px 20px; color: #ee7b45; line-height: 1.8em; text-decoration: none; border: 0; box-sizing: border-box; display: block;}
  header nav#pc ul#nav li ul.nav-popup li a:hover { color: #fff; background-color: #ee7b45; border-bottom: 0;}

  header nav#pc .nav-icons { width: 90px; display: flex; justify-content: flex-end; align-items: center; position: relative;}
  header nav#pc .nav-icons a.icon { margin: 0 0 0 15px; color: #fff; font-size: 1.6em; text-decoration: none; display: block; cursor: pointer;}

  header nav#pc .nav-icons .nav-language-box { width: 100px; position: absolute; top: 35px; right: -10px; z-index: 999; display: none;}
  header nav#pc .nav-icons .nav-language-box ul#nav-lang-list { width: 100%; padding: 7px 0; margin: 0; list-style: none; background-color: #eee; display: block;}
  header nav#pc .nav-icons .nav-language-box ul#nav-lang-list li { width: 100%; padding: 3px 10px; margin: 0; box-sizing: border-box;}
  header nav#pc .nav-icons .nav-language-box ul#nav-lang-list li a { width: 100%; padding: 3px 0; color: #ee7b45; font-size: 1em; text-align: center; border-radius: 8px; background-color: #eee; text-decoration: none; display: block;}
  header nav#pc .nav-icons .nav-language-box ul#nav-lang-list li a:hover { color: #fff; background-color: #fca981;}
  header nav#pc .nav-icons .nav-language-box ul#nav-lang-list li a.sel { color: #fff; background-color: #ef6f34;}
  header nav#pc .nav-icons .nav-language-box .tri2 { width: 0px; height: 0px; padding: 0; margin: 0 0 0 66px; border-style: solid; border-width: 0px 10px 15px 10px; border-color: transparent transparent #eee transparent;}


  /**************** header#style2 ****************/
    
  header#style2 { width: 100%; height: 80px; padding: 0 60px; display: flex; justify-content: flex-start; align-items: center; background-color: #fff; box-sizing: border-box; position: fixed; top: 0; left: 0; z-index: 999;}
  
  header#style2 .logo { width: 220px; margin: 0 30px 0 0;}
  header#style2 .logo img { width: 100%; height: auto;}

  header#style2 .nav-mo-open { display: none;}

  header#style2 nav#pc { width: calc(100% - 250px); display: flex; justify-content: flex-start; align-items: center;}
  
  header#style2 nav#mo { display: none;}

  header#style2 nav#pc ul#nav { width: calc(100% - 90px); padding: 0 20px 0 0; margin: 0; list-style: none; display: flex; justify-content: flex-end; box-sizing: border-box; position: relative; z-index: 999;}
  header#style2 nav#pc ul#nav li { padding: 0 15px; margin: 0; position: relative;}
  header#style2 nav#pc ul#nav li a { color: #ee7b45; font-size: 1.4em; line-height: 2em; text-decoration: none; cursor: pointer;}
  header#style2 nav#pc ul#nav li a:hover { border-bottom: #ee7b45 3px solid;}
  header#style2 nav#pc ul#nav li a.sel { border-bottom: #ee7b45 3px solid;}
  header#style2 nav#pc ul#nav li ul.nav-popup { padding: 30px 0; margin: 0; background-color: rgba(255,255,255,0.8); list-style: none; display: none; box-sizing: border-box; position: absolute; top: 39px; left: 0;}
  header#style2 nav#pc ul#nav li ul.wd-300 { width: 300px;}
  header#style2 nav#pc ul#nav li ul.wd-200 { width: 200px;}
  header#style2 nav#pc ul#nav li ul.wd-240 { width: 240px;}
  header#style2 nav#pc ul#nav li ul.nav-popup li { width: 100%; padding: 0; margin: 0;}
  header#style2 nav#pc ul#nav li ul.nav-popup li a { width: 100%; padding: 10px 20px; color: #ee7b45; line-height: 1.8em; text-decoration: none; border: 0; box-sizing: border-box; display: block;}
  header#style2 nav#pc ul#nav li ul.nav-popup li a:hover { color: #fff; background-color: #ee7b45; border-bottom: 0;}

  header#style2 nav#pc .nav-icons { width: 90px; display: flex; justify-content: flex-end; align-items: center; position: relative;}
  header#style2 nav#pc .nav-icons a.icon { margin: 0 0 0 15px; color: #ee7b45; font-size: 1.6em; text-decoration: none; display: block; cursor: pointer;}

  header#style2 nav#pc .nav-icons .nav-language-box { width: 100px; position: absolute; top: 35px; right: -10px; z-index: 999; display: none;}
  header#style2 nav#pc .nav-icons .nav-language-box ul#nav-lang-list { width: 100%; padding: 7px 0; margin: 0; list-style: none; background-color: #ee7b45; display: block;}
  header#style2 nav#pc .nav-icons .nav-language-box ul#nav-lang-list li { width: 100%; padding: 3px 10px; margin: 0; box-sizing: border-box;}
  header#style2 nav#pc .nav-icons .nav-language-box ul#nav-lang-list li a { width: 100%; padding: 3px 0; color: #fff; font-size: 1em; text-align: center; border-radius: 8px; background-color: #ee7b45; text-decoration: none; display: block;}
  header#style2 nav#pc .nav-icons .nav-language-box ul#nav-lang-list li a:hover { color: #fff; background-color: #fca981;}
  header#style2 nav#pc .nav-icons .nav-language-box ul#nav-lang-list li a.sel { color: #ee7b45; background-color: #fff;}
  header#style2 nav#pc .nav-icons .nav-language-box .tri2 { width: 0px; height: 0px; padding: 0; margin: 0 0 0 66px; border-style: solid; border-width: 0px 10px 15px 10px; border-color: transparent transparent #ee7b45 transparent;}


  /**************** hp-banner ****************/

  section#hp-banner { width: 100%; height: 100%; position: relative; z-index: 1;}

  section#hp-banner .banner-box { width: 100%; height: 100%; overflow: hidden;}
  section#hp-banner .banner-box img.hp-banner-img-mo { display: none;}
  section#hp-banner .banner-box video { width: 100%; height: auto;}

  .hp-banner-video { width: 100%; height: 100%; overflow: hidden;}

  .hp-banner-video-bt { width: 80px; text-align: center; position: absolute; top: 25vw; left: calc(50% - 40px);}
  .hp-banner-video-bt a { color: #fff; font-size: 6em; text-decoration: none;}

  .hp-banner-text-1 { width: 30vw; height: 10vw; background-color: rgba(255, 96, 0, 0.6); position: absolute; top: 24vw; left: 0; z-index: 3;}
  .hp-banner-text-1 .text { margin: -1.5vw 0 0 8vw; color: #fff; font-size: 5vw; font-family: "GSR-B"; line-height: 0.8em;}
  .hp-banner-text-2 { width: 100%; padding: 0 0 0 6.5vw; color: #fff; font-size: 2vw; font-family: "GSR-B"; line-height: 2.4vw; position: absolute; top: 24vw; left: 0; z-index: 3; box-sizing: border-box;}
  .hp-banner-text-2 span.title { font-size: 4vw;}

  a.hp-learnmore-bt-1 { width: 18vw; display: block; position: absolute; bottom: 3vw; right: 5vw; z-index: 99;}
  a.hp-learnmore-bt-1 img { width: 100%; height: auto;}
  a.hp-learnmore-bt-2 { width: 18vw; display: block; position: absolute; bottom: 5vw; left: calc(50% - 9vw); z-index: 99;}
  a.hp-learnmore-bt-2 img { width: 100%; height: auto;}


  /**************** #breadcrumb ****************/

  div#breadcrumb { clear: both; width: 100%; padding: 40px calc(50% - 650px) 0 calc(50% - 650px); color: #ee7b45; text-align: center; box-sizing: border-box;}
  div#breadcrumb a { color: #ee7b45; text-decoration: none;}
  div#breadcrumb a:hover { text-decoration: underline;}


  /**************** hp-products ****************/

  section#hp-products { clear: both; width: 100%; padding: 120px calc(50% - 650px); box-sizing: border-box;}

  section#hp-products .title-1 { width: 100%; color: #ee7b45; font-size: 1.8em; font-family: "GSR-B"; text-align: center;}
  section#hp-products .title-2 { width: 100%; margin: 0 0 30px 0; font-size: 3em; font-family: "GSR-B"; line-height: 1em; text-align: center;}
  section#hp-products .intro-text { width: 100%; margin: 0 auto 60px auto; font-size: 1.4em; line-height: 1.4em; text-align: center;}

  section#hp-products .prod-list-full { clear: both; width: 100%; display: flex; justify-content: center; align-items: stretch;}
  section#hp-products .prod-box { width: 285px; height: 285px; margin: 0 20px; display: flex; justify-content: flex-start; position: relative; overflow: hidden;}
  section#hp-products .prod-box img.prod-pic { width: 100%; height: auto; position: relative; z-index: 1;}
  section#hp-products .prod-box .sort-title { width: 100%; padding: 30px 20px 0 20px; box-sizing: border-box; color: #ee7b45; font-size: 2.2em; font-family: "GSR-B"; line-height: 1em; text-align: center; position: absolute; top: 0; left: 0; z-index: 2;}
  section#hp-products .prod-box img.bt-explore { position: absolute; bottom: 30px; right: 20px; z-index: 2;}


  /**************** hp-about ****************/

  section#hp-about { clear: both; width: 100%; padding: 80px calc(50% - 650px); background-image: url("../images/hp_about_bg.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center top; box-sizing: border-box;}

  section#hp-about .title-1 { width: 100%; color: #ee7b45; font-size: 1.8em; font-family: "GSR-B"; text-align: center;}
  section#hp-about .title-2 { width: 100%; margin: 0 0 30px 0; color: #fff; font-size: 3em; font-family: "GSR-B"; line-height: 1em; text-align: center;}
  section#hp-about .intro-text { width: 100%; margin: 0 auto 60px auto; color: #fff; font-size: 1.4em; line-height: 1.4em; text-align: center;}
  section#hp-about .bt-readmore { width: 200px; margin: 0 auto; background-color: #ee7b45; border-radius: 16px;}
  section#hp-about .bt-readmore a { width: 100%; padding: 6px 0; color: #fff; font-size: 1.6em; line-height: 1.2em; text-align: center; text-decoration: none; display: block;}
  section#hp-about .bt-readmore:hover { background-color: #ef6f34;}

  section#hp-about .service-icon-full { clear: both; width: 60%; margin: 160px auto 0 auto; display: flex; justify-content: center; align-items: flex-start;}
  section#hp-about .service-icon-full .icon-box { width: calc(100% / 3 - 40px); margin: 0 20px; color: #fff;}
  section#hp-about .service-icon-full .icon-box .icon { width: 100%; font-size: 4em; text-align: center;}
  section#hp-about .service-icon-full .icon-box .title { width: 100%; font-size: 1.4em; line-height: 1em; text-align: center;}


  /**************** hp-chowapp ****************/

  section#hp-chowapp { clear: both; width: 100%; height: 150vw;}

  section#hp-chowapp .app-content { width: 1000px; height: 50vw; margin: 0 auto; background-size: auto 40vw; background-repeat: no-repeat; background-position: calc(50% - 297px) 5vw; background-attachment: fixed; box-sizing: border-box;}
  section#hp-chowapp .app-1 { background-image: url("../images/hp_app_1.jpg");}
  section#hp-chowapp .app-2 { background-image: url("../images/hp_app_2.jpg");}
  section#hp-chowapp .app-3 { background-image: url("../images/hp_app_3.jpg");}
  section#hp-chowapp .app-content .text { width: 520px; padding: 20vw 0 0 0; font-size: 1.4em; line-height: 1.4em; float: right;}
  section#hp-chowapp .app-content .text span.font-1 { color: #ee7b45; font-size: 3rem; font-family: "BB2-B"; line-height: 1.2em;}
  section#hp-chowapp .app-content .text span.font-2 { font-size: 1.8rem; font-family: "GSR-B"; line-height: 2em;}


  /**************** hp-contain ****************/

  section#hp-contain { clear: both; width: 100%; position: relative;}

  section#hp-contain img.hp-contain-bg { width: 100%; height: auto;}

  section#hp-contain .intro-text { clear: both; width: 35%; position: absolute; top: 8vw; left: 21vw;}
  section#hp-contain .intro-text .title-1 { width: 100%; font-size: 3em; font-family: "GSR-B"; line-height: 1em;}
  section#hp-contain .intro-text .title-2 { width: 100%; font-size: 1.8em; line-height: 1.2em; font-family: "GSR-B";}
  section#hp-contain .intro-text .text { width: 100%; margin: 30px 0 0 0; font-size: 1.4em; line-height: 1.4em;}

  section#hp-contain a.hp-contact-bt { width: 240px; display: block; position: absolute; top: 20vw; left: 21vw; z-index: 3;}
  section#hp-contain a.hp-contact-bt img { width: 100%; height: auto;}


  /**************** page-banner ****************/

  section#page-banner { width: 100%; position: relative; z-index: 1;}

  .page-banner { clear: both; width: 100%; position: relative;}
  .page-banner img.page-banner-bg { width: 100%; height: auto;}
  .page-banner img.page-banner-bg-2 { width: 100%; height: auto;}
  .page-banner img.page-banner-bg-mo { display: none;}
  .page-banner img.page-banner-bg-2-mo { display: none;}
  .page-banner .banner-title { width: 100%; color: #fff; font-size: 4.5vw; font-family: "GSR-B"; text-align: center; position: absolute; top: 16vw; left: 0; z-index: 2;}

  .page-banner2 { clear: both; width: 100%; margin: 80px 0 0 0; position: relative;}
  .page-banner2 img.page-banner-bg { width: 100%; height: auto;}
  .page-banner2 img.page-banner-bg-md { width: 100%; height: auto;}
  .page-banner2 img.page-banner-bg-mo { display: none;}
  .page-banner2 img.page-banner-bg-md-mo { display: none;}
  .page-banner2 .banner-title2 { width: 100%; color: #fff; font-size: 4.5vw; font-family: "GSR-B"; text-align: center; position: absolute; top: 12vw; left: 0; z-index: 2;}


  /**************** page-gate ****************/

  section#page-gate-intro { clear: both; width: 100%; padding: 60px calc(50% - 650px); box-sizing: border-box;}

  .gate-intro-title { width: 44%; margin: 0 auto; display: flex; justify-content: center; align-items: stretch;}
  .gate-intro-title .title { width: 25%; padding: 0 20px 0 0; color: #ee7b45; font-size: 1.4em; line-height: 1.2em; border-right: 3px #ee7b45 solid; box-sizing: border-box;}
  .gate-intro-title .text { width: 75%; padding: 0 0 0 20px; font-size: 1.2em; line-height: 1.2em;}

  .gate-intro-title2 { width: 55%; margin: 0 auto; display: flex; justify-content: center; align-items: stretch;}
  .gate-intro-title2 .title { width: 20%; padding: 0 20px 0 0; color: #ee7b45; font-size: 1.4em; line-height: 1.2em; border-right: 3px #ee7b45 solid; box-sizing: border-box;}
  .gate-intro-title2 .text { width: 80%; padding: 0 0 0 20px; font-size: 1.2em; line-height: 1.2em;}

  .gate-intro-title3 { width: 55%; margin: 0 auto; display: flex; justify-content: center; align-items: stretch;}
  .gate-intro-title3 .title { width: 30%; padding: 0 20px 0 0; color: #ee7b45; font-size: 1.4em; line-height: 1.2em; border-right: 3px #ee7b45 solid; box-sizing: border-box;}
  .gate-intro-title3 .text { width: 70%; padding: 0 0 0 20px; font-size: 1.2em; line-height: 1.2em;}
  
  .features-icons { clear: both; width: 80%; margin: 20px auto 0 auto; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
  .features-icons .icon-box { width: calc(100% / 3); margin: 30px 0; display: flex; justify-content: center; align-items: center;}
  .features-icons .icon-box .icon { width: 80px; height: 80px; margin: 0 auto; border-radius: 16px; background-color: #ee7b45; display: flex; justify-content: center; align-items: center;}
  .features-icons .icon-box .icon .circle-withe { width: 70px; height: 70px; color: #ee7b45; font-size: 2.8em; text-align: center; border-radius: 100%; background-color: #fff; overflow: hidden; display: flex; justify-content: center; align-items: center;}
  .features-icons .icon-box .icon .circle-withe img.img-icon-1 { width: auto; height: 38px;}
  .features-icons .icon-box .icon .circle-withe img.img-icon-2 { width: auto; height: 46px;}
  .features-icons .icon-box .text { width: calc(100% - 100px); padding: 0 10px; font-size: 1.6em; line-height: 1.2em; box-sizing: border-box;}

  section#page-gate-list { clear: both; width: 100%;}
  
  .prod-list-show { width: 100%; position: relative; z-index: 1;}
  .prod-list-show .prod-typename-infor { width: 100%; height: 100%; padding: 0 5vw; display: flex; justify-content: center; align-items: center; box-sizing: border-box; position: absolute; top: 0; left: 0; z-index: 3;}
  .prod-list-show .prod-typename-infor .column-typename { width: 40%; display: flex; justify-content: center; flex-wrap: wrap;}
  .prod-list-show .prod-typename-infor .column-typename .prod-title { width: 100%; margin: 0 0 2vw 0; color: #fff; font-size: 6vw; font-family: "GSR-B"; line-height: 4vw; text-align: center;}
  .prod-list-show .prod-typename-infor .column-typename img.bt-more { width: 18vw; height: auto; margin: 0 auto; cursor: pointer;}
  .prod-list-show .prod-typename-infor .column-series-full { width: 60%; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
  .prod-list-show .prod-typename-infor .column-series-full .column-series { width: 33%; margin: 1vw 0;}
  .prod-list-show .prod-typename-infor .column-series-full .column-series .series-type-name { width: 80%; padding: 0.5vw 0; margin: 0 auto 1.5vw auto; color: #3e3a39; font-size: 1.6vw; font-family: "GSR-B"; line-height: 1.6vw; text-align: center; border-radius: 1.6vw; background-color: #fff;}
  .prod-list-show .prod-typename-infor .column-series-full .column-series .infor-text { clear: both; width: 100%; color: #fff; font-size: 1vw; line-height: 1vw; text-align: center;}
  .prod-list-show .prod-typename-infor .column-series-full .v-line { width: 1px; height: 4vw; background-color: #fff; display: block;}
  .prod-list-show img.prod-bg { width: 100%; height: auto;}
  .prod-list-show img.prod-bg-4 { width: 100%; height: auto;}
  .prod-list-show img.prod-bg-mo { display: none;}
  
  .prod-infor-box { clear: both; width: 100%; padding: 120px calc(50% - 650px) 120px calc(50% - 650px); box-sizing: border-box; display: none; position: relative;}
  .prod-infor-box .icon-close { width: 70px; color: #ee7b45; font-size: 4em; line-height: 1em; text-align: center; position: absolute; top: 120px; right: calc(50% - 650px); cursor: pointer;}
  
  .prod-infor-box .prod-pics { clear: both; width: 100%; display: flex; justify-content: flex-start;}
  .prod-infor-box .prod-pics .column-lf { width: 650px;}
  .prod-infor-box .prod-pics .column-lf .title-mo { display: none;}
  .prod-infor-box .prod-pics .column-lf ul { width: 100%; padding: 0; margin: 0; list-style: none; display: block; position: relative;}
  .prod-infor-box .prod-pics .column-lf ul li { width: 650px; padding: 0; margin: 0; position: absolute; top: 0; left: 0; display: none;}
  .prod-infor-box .prod-pics .column-lf ul li img.pic-b { width: 100%; height: auto;}
  
  .prod-infor-box .prod-pics .column-rt { width: 650px;}
  .prod-infor-box .prod-pics .column-rt .title { width: 100%; font-size: 2em; font-family: "GSR-B";}
  
  .prod-infor-box .prod-pics .column-rt .pic-s-list { clear: both; width: 590px; margin: 120px 0 0 0; display: flex; justify-content: flex-start; align-items: center; float: right;}
  .prod-infor-box .prod-pics .column-rt .pic-s-list .arrow-lf, .pic-s-list .arrow-rt { width: 25px; }
  .prod-infor-box .prod-pics .column-rt .pic-s-list .arrow-lf img, .pic-s-list .arrow-rt img { width: 100%; height: auto; cursor: pointer;}
  .prod-infor-box .prod-pics .column-rt .pic-s-list .thumbs-list { width: 540px; height: 126px; overflow: hidden;}
  .prod-infor-box .prod-pics .column-rt .pic-s-list .thumbs-list ul { padding: 0; margin: 0; list-style: none; display: block;}
  .prod-infor-box .prod-pics .column-rt .pic-s-list .thumbs-list ul li { width: 160px; padding: 0; margin: 10px; float: left;}
  .prod-infor-box .prod-pics .column-rt .pic-s-list .thumbs-list ul li img { width: 100%; height: auto; border: 1px #ccc solid; box-sizing: border-box; cursor: pointer;}
  .prod-infor-box .prod-pics .column-rt .pic-s-list .thumbs-list ul li img.sel { border: 2px #ccc solid; box-sizing: border-box;}
  
  .prod-infor-box .prod-pics .column-rt .manual-dt-bt { clear: both; width: 280px; margin: 80px 0 0 0; float: right;}
  .prod-infor-box .prod-pics .column-rt .manual-dt-bt a { width: 100%; padding: 4px 0; color: #fff; font-size: 1.4em; text-align: center; text-decoration: none; border-radius: 12px; background-color: #ee7b45; display: block;}
  .prod-infor-box .prod-pics .column-rt .manual-dt-bt a:hover { background-color: #ef6f34;}
  
  .prod-infor-box .prod-features { clear: both; width: 100%; margin: 120px 0 0 0; position: relative;}
  .prod-infor-box .prod-features .icon-open, .prod-features .icon-close { width: 50px; color: #ee7b45; font-size: 2.5em; line-height: 1em; text-align: center; position: absolute; top: 0; left: 0; z-index: 3; cursor: pointer;}
  .prod-infor-box .prod-features .icon-close { display: none;}
  .prod-infor-box .prod-features .sub-title { width: 100%; padding: 0 0 0 70px; color: #ee7b45; font-size: 1.6em; font-family: "GSR-B"; box-sizing: border-box;}
  .prod-infor-box .prod-features .text-content { clear: both; width: 65%; padding: 0 70px; margin: 40px 0 0 0; font-size: 1.3em; line-height: 1.6em; box-sizing: border-box; display: none;}

  .prod-infor-box .prod-specifications { clear: both; width: 100%; margin: 120px 0 0 0; position: relative;}
  .prod-infor-box .prod-specifications .icon-open, .prod-specifications .icon-close { width: 50px; color: #ee7b45; font-size: 2.5em; line-height: 1em; text-align: center; position: absolute; top: 0; left: 0; z-index: 3; cursor: pointer;}
  .prod-infor-box .prod-specifications .icon-close { display: none;}
  .prod-infor-box .prod-specifications .sub-title { width: 100%; padding: 0 0 0 70px; color: #ee7b45; font-size: 1.6em; font-family: "GSR-B"; box-sizing: border-box;}
  .prod-infor-box .prod-specifications .spec-data-table { clear: both; width: 80%; margin: 40px auto 0 auto; display: none;}
  .prod-infor-box .prod-specifications .spec-data-table .caption-full { width: 100%; font-size: 1.4em; font-family: "GSR-B"; border-bottom: 1px #ccc solid; display: flex; justify-content: flex-start; align-items: stretch;}
  .prod-infor-box .prod-specifications .spec-data-table .caption-full .caption-1 { width: 34%; padding: 5px 10px; box-sizing: border-box; border-right: 1px #ccc solid;}
  .prod-infor-box .prod-specifications .spec-data-table .caption-full .caption-2 { width: 33%; padding: 5px 10px; box-sizing: border-box; border-right: 1px #ccc solid;}
  .prod-infor-box .prod-specifications .spec-data-table .caption-full .caption-3 { width: 33%; padding: 5px 10px; box-sizing: border-box;}
  .prod-infor-box .prod-specifications .spec-data-table .caption-full .caption-2-1 { width: 25%; padding: 5px 10px; box-sizing: border-box; border-right: 1px #ccc solid;}
  .prod-infor-box .prod-specifications .spec-data-table .caption-full .caption-2-2 { width: 25%; padding: 5px 10px; box-sizing: border-box; border-right: 1px #ccc solid;}
  .prod-infor-box .prod-specifications .spec-data-table .caption-full .caption-2-3 { width: 25%; padding: 5px 10px; box-sizing: border-box; border-right: 1px #ccc solid;}
  .prod-infor-box .prod-specifications .spec-data-table .caption-full .caption-2-4 { width: 25%; padding: 5px 10px; box-sizing: border-box;}
  .prod-infor-box .prod-specifications .spec-data-table .caption-full .caption-3-1 { width: 66%; padding: 5px 10px; box-sizing: border-box;}
  .prod-infor-box .prod-specifications .spec-data-table .column-full { clear: both; width: 100%; font-size: 1.4em; border-bottom: 1px #ccc solid; display: flex; justify-content: flex-start; align-items: stretch;}
  .prod-infor-box .prod-specifications .spec-data-table .column-full:last-child { border-bottom: 0;}
  .prod-infor-box .prod-specifications .spec-data-table .column-full .column-1 { width: 34%; padding: 5px 10px; box-sizing: border-box; border-right: 1px #ccc solid;}
  .prod-infor-box .prod-specifications .spec-data-table .column-full .column-2 { width: 33%; padding: 5px 10px; box-sizing: border-box; border-right: 1px #ccc solid;}
  .prod-infor-box .prod-specifications .spec-data-table .column-full .column-3 { width: 33%; padding: 5px 10px; box-sizing: border-box;}
  .prod-infor-box .prod-specifications .spec-data-table .column-full .column-2-1 { width: 25%; padding: 5px 10px; box-sizing: border-box; border-right: 1px #ccc solid;}
  .prod-infor-box .prod-specifications .spec-data-table .column-full .column-2-2 { width: 25%; padding: 5px 10px; box-sizing: border-box; border-right: 1px #ccc solid;}
  .prod-infor-box .prod-specifications .spec-data-table .column-full .column-2-3 { width: 25%; padding: 5px 10px; box-sizing: border-box; border-right: 1px #ccc solid;}
  .prod-infor-box .prod-specifications .spec-data-table .column-full .column-2-4 { width: 25%; padding: 5px 10px; box-sizing: border-box;}
  .prod-infor-box .prod-specifications .spec-data-table .column-full .column-3-1 { width: 66%; padding: 5px 10px; box-sizing: border-box;}


  /**************** page-accessories ****************/

  section#page-acc-list { clear: both; width: 100%; padding: 40px calc(50% - 650px) 120px calc(50% - 650px); box-sizing: border-box; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap;}

  .acc-list { width: calc(100% / 4 - 50px); margin: 25px;}
  .acc-list .pic { width: 100%;}
  .acc-list .pic img { width: 100%; height: auto;}
  .acc-list .infor { width: 100%; padding: 5px; margin: 5px 0 0 0; line-height: 1.2em; box-sizing: border-box;}
  .acc-list .infor span.title { color: #ee7b45; font-size: 1.2em; font-family: "GSR-B"; line-height: 1.8em;}


  /**************** page-chowhub ****************/

  section#page-chowhub-big-prod { clear: both; width: 100%; padding: 60px calc(50% - 650px) 0 calc(50% - 650px); box-sizing: border-box;}
  section#page-chowhub-big-prod img.big-prod-pic { width: 40%; height: auto; margin: 0 auto 40px auto;}
  section#page-chowhub-big-prod img.big-prod-pic-cam { width: 20%; height: auto; margin: 0 auto 40px auto;}
  section#page-chowhub-big-prod img.big-prod-pic-cam-b1 { width: 30%; height: auto; margin: 0 auto 40px auto;}
  section#page-chowhub-big-prod img.big-prod-pic-bell { width: 20%; height: auto; margin: 0 auto 40px auto;}

  section#page-chowhub-big-prod .title { clear: both; width: 100%; margin: 0 0 15px 0; color: #ee7b45; font-size: 3em; font-family: "GSR-B"; line-height: 1em; text-align: center;}
  section#page-chowhub-big-prod .text { clear: both; width: 45%; margin: 0 auto; font-size: 1.3em; line-height: 1.4em; text-align: center;}

  section#page-chowhub-infor { clear: both; width: 100%; padding: 0 calc(50% - 650px) 120px calc(50% - 650px); box-sizing: border-box;}

  .chowhub-features-title { width: 100%; margin: 0 0 40px 0; color: #ee7b45; font-size: 1.6em; font-family: "GSR-B";}
  .chowhub-features-full { width: 100%; margin: 0 0 30px 0; display: flex; justify-content: flex-start; align-items: center;}
  .chowhub-features-full .pic { width: 430px; margin: 0 30px 0 0;}
  .chowhub-features-full .pic img { width: 100%; height: auto;}
  .chowhub-features-full .text { width: calc(100% - 460px); font-size: 1.4em; line-height: 1.6em;}
  .chowhub-features-full .text span.title { font-size: 1.4em; line-height: 1.8em;}

  section#page-chowhub-overview { clear: both; width: 100%; padding: 0 calc(50% - 650px) 120px calc(50% - 650px); box-sizing: border-box;}

  .chowhub-overview-title { width: 100%; margin: 0 0 40px 0; color: #ee7b45; font-size: 1.6em; font-family: "GSR-B";}
  .chowhub-overview { width: 100%;}
  .chowhub-overview img.overview { max-width: 60%; height: auto; margin: 0 auto;}

  section#page-chowhub-spec { clear: both; width: 100%; padding: 0 calc(50% - 650px) 120px calc(50% - 650px); box-sizing: border-box;}

  .chowhub-spec-title { width: 100%; margin: 0 0 40px 0; color: #ee7b45; font-size: 1.6em; font-family: "GSR-B";}

  .chowhub-spec-table { clear: both; width: 80%; margin: 0 auto;}
  .chowhub-spec-table .column-full { width: 100%; border-bottom: 1px #ccc solid; font-size: 1.4em; line-height: 1em; display: flex; justify-content: flex-start; align-items: stretch;}
  .chowhub-spec-table .column-full:last-child { border-bottom: 0;}
  .chowhub-spec-table .column-full .column-1 { width: 45%; padding: 10px; border-right: 1px #ccc solid; box-sizing: border-box;}
  .chowhub-spec-table .column-full .column-2 { width: 55%; padding: 10px; box-sizing: border-box;}

  .chowhub-spec-dw-bt { clear: both; width: 80%; margin: 30px auto 0 auto; display: flex; justify-content: flex-end;}
  .chowhub-spec-dw-bt .dw-bt { }
  .chowhub-spec-dw-bt .dw-bt a { padding: 5px 20px; margin: 0 10px; color: #fff; font-size: 1.4em; border-radius: 12px; background-color: #ee7b45; text-decoration: none; display: block;}
  .chowhub-spec-dw-bt .dw-bt a:hover { background-color: #ef6f34;}

  section#page-chowhub-shopnow { clear: both; width: 100%; padding: 0 calc(50% - 650px) 120px calc(50% - 650px); box-sizing: border-box;}
  
  .chowhub-shopnow-title { width: 100%; margin: 0 0 40px 0; color: #ee7b45; font-size: 2em; font-family: "GSR-B"; text-align: center;}

  .shopnow-serier { clear: both; width: 80%; margin: 0 auto; display: flex; justify-content: center; align-items: stretch;}
  .shopnow-serier .shopnow-bx { width: calc(100% / 3 - 80px); padding: 40px 20px; margin: 0 40px; border-radius: 50px; background-color: #ee7b45; box-sizing: border-box;}
  .shopnow-serier .shopnow-bx .pic { width: 100%; margin: 0 0 10px 0;}
  .shopnow-serier .shopnow-bx .pic img.size-1 { width: 80%; height: auto; margin: 0 auto;}
  .shopnow-serier .shopnow-bx .type { width: 100%; padding: 10px 0; color: #fff; font-size: 2.2em; line-height: 1em; font-family: "GSR-B"; text-align: center;}
  .shopnow-serier .shopnow-bx .bt { clear: both; width: 180px; margin: 0 auto; text-align: center;}
  .shopnow-serier .shopnow-bx .bt a { padding: 10px 10px 10px 10px; color: #fff; font-size: 1.4em; font-family: "GSR-B"; line-height: 1.2em; border: 1px #fff solid; border-radius: 20px; text-decoration: none; display: block;}
  .shopnow-serier .shopnow-bx .bt a:hover { color: #ef6f34; background-color: #fff;}

  section#page-chowhub-app { clear: both; width: 100%; padding: 0 calc(50% - 650px) 120px calc(50% - 650px); box-sizing: border-box; display: flex; justify-content: flex-start; position: relative;}

  img.chowhub-app-title { width: 640px; height: auto; position: absolute; top: 30px; left: calc(50% - 650px + 24%); z-index: 3;}

  .chowhub-mobile { width: 35%;}
  .chowhub-mobile img { width: 65%; height: auto; float: right;}

  .chowhub-app-link { width: 65%; display: flex; justify-content: flex-start; align-items: flex-end; flex-wrap: wrap;}
  .chowhub-app-link .text { width: 100%; padding: 170px 120px 60px 150px; font-size: 1.6em; line-height: 1.4em; box-sizing: border-box;}
  .chowhub-app-link img.qrcode { width: 220px; height: auto; margin: 0 25px 0 150px;}
  .chowhub-app-link img.app-ios { width: auto; height: 45px;}
  .chowhub-app-link img.app-apk { width: auto; height: 45px; margin: 0 10px 0 0;}


  /**************** page-chowapp ****************/

  section#page-chowapp-ifor { clear: both; width: 100%; padding: 60px calc(50% - 650px) 120px calc(50% - 650px); box-sizing: border-box; position: relative;}

  .chowapp-infor-title { width: 100%; color: #ee7b45; font-size: 1.8em; font-family: "GSR-B";}
  .chowapp-infor-text { width: 100%; font-size: 1.4em;}

  .chowapp-screen-infor { clear: both; width: 100%; margin: 30px 0 0 0; position: relative;}
  .chowapp-screen-infor .chowapp-dot { width: 20px; position: absolute; top: calc(300px - 60px); left: 0; z-index: 10;}
  .chowapp-screen-infor .chowapp-dot ul.dot { width: 20px; padding: 0; margin: 0; list-style: none; display: block;}
  .chowapp-screen-infor .chowapp-dot ul.dot li { width: 20px; height: 20px; padding: 0; margin: 10px 0;}
  .chowapp-screen-infor .chowapp-dot ul.dot li a { width: 20px; height: 20px; background: url("../images/chowapp_dot.png"); display: block; cursor: pointer;}
  .chowapp-screen-infor .chowapp-dot ul.dot li a.sel { background: url("../images/chowapp_dot_sel.png");}
  .chowapp-screen-infor ul#chowapp-show { width: 100%; height: 600px; padding: 0; margin: 0; list-style: none; display: block; position: relative;}
  .chowapp-screen-infor ul#chowapp-show li { width: 100%; padding: 0; margin: 0; display: none; justify-content: flex-start; align-items: center; position: absolute; top: 0; left: 0; z-index: 9;}
  .chowapp-screen-infor ul#chowapp-show li .app-screen { width: 30%;}
  .chowapp-screen-infor ul#chowapp-show li .app-screen img { width: auto; height: 600px; float: right;}
  .chowapp-screen-infor ul#chowapp-show li .app-text { width: calc(70% - 100px); margin: 0 0 0 100px; font-size: 1.4em; line-height: 1.6em;}
  .chowapp-screen-infor ul#chowapp-show li .app-text span.title { font-family: "GSR-B";}
  
  .chowapp-qrcode-link { clear: both; width: calc(70% + 50px); margin: -145px 0 0 0; display: flex; justify-content: flex-start; align-items: flex-end; float: right; position: relative; z-index: 11;}
  .chowapp-qrcode-link img.qrcode { width: 220px; height: auto; margin: 0 30px 0 150px;}
  .chowapp-qrcode-link img.app-ios { width: auto; height: 45px;}
  .chowapp-qrcode-link img.app-apk { width: auto; height: 45px; margin: 0 10px 0 0;}

  section#chowapp-ifttt-infor { clear: both; width: 100%; padding: 0 calc(50% - 650px) 120px calc(50% - 650px); box-sizing: border-box;}

  .chowapp-ifttt-title { width: 80%; margin: 0 auto; background: url("../images/line.png"); background-position: center center; background-repeat: no-repeat;}
  .chowapp-ifttt-title .title-1 { width: 270px; margin: 0 auto; color: #ee7b45; font-size: 1.8em; font-family: "GSR-B"; text-align: center; background-color: #fff;}
  .chowapp-ifttt-title .title-2 { width: 220px; margin: 0 auto; color: #ee7b45; font-size: 1.8em; font-family: "GSR-B"; text-align: center; background-color: #fff;}

  .chowapp-ifttt-text { clear: both; width: 60%; padding: 100px 0; margin: 0 auto; font-size: 1.6em; position: relative;}
  .chowapp-ifttt-text img.ifttt-logo { width: 150px; height: auto; position: absolute; bottom: 20px; right: -100px;}
  .chowapp-ifttt-text .text-pc { width: 70%; margin: 0 auto;}
  .chowapp-ifttt-text .text-mo { display: none;}

  .chowapp-ifttt-pic { clear: both; width: 80%; padding: 100px 0; margin: 0 auto;}
  .chowapp-ifttt-pic img { width: 100%; height: auto;}

  .chowapp-ifttt-works { clear: both; width: 80%; margin: 0 auto; display: flex; justify-content: flex-start; align-items: center;}
  .chowapp-ifttt-works .intro { width: 75%; font-size: 1.4em; line-height: 1.6em;}
  .chowapp-ifttt-works .intro span.title { color: #ee7b45; font-size: 1.4em; font-family: "GSR-B";}
  .chowapp-ifttt-works .phone { width: 25%;}
  .chowapp-ifttt-works .phone img { width: 100%; height: auto;}

  ul.num-list { clear: both; padding: 0 0 0 24px; margin: 0; list-style: decimal; display: block;}
  ul.num-list li { padding: 0; margin: 0;}


  /**************** page-support ****************/

  section#page-support-gate { clear: both; width: 100%; padding: 60px calc(50% - 650px) 120px calc(50% - 650px); box-sizing: border-box;}

  .support-gate-title { width: 100%; font-size: 2em; font-family: "GSR-B";}

  .support-gate-faq { clear: both; width: 100%; margin: 60px 0 0 0;}
  .support-gate-faq .sort-title { width: 100%; border-bottom: 1px #ee7b45 solid; display: flex; justify-content: space-around; align-items: center; cursor: pointer;}
  .support-gate-faq .sort-title .title { width: calc(100% - 60px); color: #ee7b45; font-size: 1.6em; font-family: "GSR-B"; line-height: 1em;}
  .support-gate-faq .sort-title .icon-open, .sort-title .icon-close { width: 60px; color: #ee7b45; font-size: 2em; text-align: center;}
  .support-gate-faq .sort-title .icon-close { display: none;}

  .support-gate-faq ul.faq-content { clear: both; width: 94%; padding: 0; margin: 0 auto; list-style: none; display: none;}
  .support-gate-faq ul.faq-content li { width: 100%; padding: 10px 0; margin: 40px 0 0 0; border-bottom: 1px #ccc solid;}
  .support-gate-faq ul.faq-content li .question { width: 100%; padding: 0; display: flex; justify-content: flex-start; cursor: pointer;}
  .support-gate-faq ul.faq-content li .question .icon-open, .question .icon-close { width: 60px; font-size: 1.4em; line-height: 1.2em;}
  .support-gate-faq ul.faq-content li .question .icon-close { display: none;}
  .support-gate-faq ul.faq-content li .question .text { width: calc(100% - 60px); font-size: 1.4em; line-height: 1.2em; font-weight: 600;}
  .support-gate-faq ul.faq-content li .answer { width: 100%; padding: 20px 60px; font-size: 1.4em; box-sizing: border-box; display: none;}
  .support-gate-faq ul.faq-content li .answer img { max-width: 100%; height: auto;}

  section#page-support-tmt { clear: both; width: 100%; padding: 60px calc(50% - 650px) 120px calc(50% - 650px); box-sizing: border-box;}

  .support-tmt-title { width: 100%; color: #ee7b45; font-size: 2em; font-family: "GSR-B";}

  .support-tmt-video-x3 { width: 100%; display: flex; justify-content: flex-start; align-items: stretch;}
  .support-tmt-video-x3 .video-box { width: calc(100% / 3 - 60px); margin: 30px;}
  .support-tmt-video-x3 .video-box .video-link { width: 100%; position: relative;}
  .support-tmt-video-x3 .video-box .video-link img.yt { width: 100%; height: auto;}
  .support-tmt-video-x3 .video-box .video-link .icon-yt { width: 80px; height: 80px; color:#ee7b45; font-size: 3em; border-radius: 100%; background-color: #fff; overflow: hidden; position: absolute; top: calc(50% - 40px); left: calc(50% - 40px);}
  .support-tmt-video-x3 .video-box .video-link .icon-yt a { width: 100%; height: 100%; color: #ee7b45; text-decoration: none; display: flex; justify-content: center; align-items: center;}
  .support-tmt-video-x3 .video-box .video-title { clear: both; width: 100%; padding: 5px 0; font-size: 1.2em; line-height: 1.2em;}

  .more-link { clear: both; width: 100%; text-align: right;}
  .more-link a { color: #666; font-size: 1.2em; text-decoration: none;}
  .more-link a:hover { text-decoration: underline;}

  .support-tmt-title-s { width: 100%; padding: 40px 30px 0 30px; font-size: 1.6em; font-family: "GSR-B"; line-height: 1em; box-sizing: border-box;}

  .support-tmt-video-x4 { clear: both; width: 100%; display: flex; justify-content: flex-start; align-items: stretch;}
  .support-tmt-video-x4 .video-box { width: calc(100% / 4 - 60px); margin: 30px;}
  .support-tmt-video-x4 .video-box .video-link { width: 100%; position: relative;}
  .support-tmt-video-x4 .video-box .video-link img.yt { width: 100%; height: auto;}
  .support-tmt-video-x4 .video-box .video-link .icon-yt { width: 60px; height: 60px; color: #ee7b45; font-size: 2em; border-radius: 100%; background-color: #fff; overflow: hidden; position: absolute; top: calc(50% - 30px); left: calc(50% - 30px);}
  .support-tmt-video-x4 .video-box .video-link .icon-yt a { width: 100%; height: 100%; color: #ee7b45; text-decoration: none; display: flex; justify-content: center; align-items: center;}
  .support-tmt-video-x4 .video-box .video-title { clear: both; width: 100%; padding: 5px 0; font-size: 1.2em; line-height: 1.2em;}


  /**************** page-news ****************/

  section#page-news { clear: both; width: 100%; padding: 60px calc(50% - 650px) 120px calc(50% - 650px); box-sizing: border-box;}

  .page-news-sort { width: 100%; padding: 0 30px; font-size: 1.4em; text-align: right; box-sizing: border-box;}
  .page-news-sort select { padding: 2px 10px; font:0.8em BB2-M, "GSR-R", sans-serif, Arial; line-height: 1em; border: 1px #ccc solid;}

  .news-list-full { clear: both; width: 100%; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap;}
  .news-list-full .news-box { width: calc(100% / 3 - 60px); margin: 30px;}
  .news-list-full .news-box a { width: 100%; height: 100%; color: #3e3a39; text-decoration: none; display: block; position: relative;}
  .news-list-full .news-box a .pic { width: 100%;}
  .news-list-full .news-box a .pic img { width: 100%; height: auto;}
  .news-list-full .news-box a .text { width: 100%; padding: 20px; margin: 10px 0 0 0; font-size: 1.2em; line-height: 1.2em; background-color: #ccc; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis;}
  .news-list-full .news-box a .text .date { width: 100%; margin: 0 0 5px 0; color: #fff; font-size: 0.8em;}
  .news-list-full .news-box a .text .title { width: 100%; margin: 0 0 10px 0; font-size: 1.2em; font-family: "GSR-B";}
  .news-list-full .news-box a .mask { display: none;}
  .news-list-full .news-box a:hover .mask { width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.2); position: absolute; top: 0; left: 0; display: block; z-index: 3;}

  #page-num { clear: both; width: 100%; margin: 40px 0 0 0;}
  #page-num ul.page { width: 100%; padding: 0; margin: 0; list-style: none; display: flex; justify-content: center; flex-wrap: wrap;}
  #page-num ul.page li { padding: 0; margin: 10px;}
  #page-num ul.page li a { color: #3e3a39; font-size: 1.4em; line-height: 1em; text-decoration: none;}
  #page-num ul.page li a:hover { border-bottom: 2px #ee7b45 solid;}
  #page-num ul.page li a.sel { color: #ee7b45; border-bottom: 2px #ee7b45 solid;}

  .page-news-content { clear: both; width: 100%;}
  .page-news-content .news-pic { width: 100%; margin: 0 0 40px 0;}
  .page-news-content .news-pic img { max-width: 100%; height: auto; margin: 0 auto;}
  .page-news-content .news-date { width: 100%; margin: 0 0 40px 0; text-align: right;}
  .page-news-content .news-title { width: 100%; margin: 0 0 40px 0; font-size: 1.8em; font-family: "GSR-B"; text-align: center;}
  .page-news-content .news-text { width: 100%; font-size: 1.4em;}

  #back-bt { clear: both; width: 160px; margin: 80px auto 0 auto;}
  #back-bt a { width: 100%; padding: 3px 0; color: #fff; font-size: 1.4em; text-align: center; border-radius: 16px; background-color: #ee7b45; text-decoration: none; display: block;}
  #back-bt a:hover { background-color: #ef6f34;}


  /**************** page-contact ****************/

  section#page-contact { clear: both; width: 100%; padding: 60px calc(50% - 650px) 120px calc(50% - 650px); display: flex; justify-content: center; align-items: flex-start; flex-wrap: wrap; box-sizing: border-box;}

  .page-contact-title { width: 80%; margin: 0 auto 20px auto; color: #ee7b45; font-size: 2em; font-family: "GSR-B";}

  .page-contact-col-half { width: 40%;}

  .page-contact-col-half .form-title { width: 90%; font-size: 1.4em; font-family: "GSR-B";}
  .page-contact-col-half .form-input { width: 90%;}
  .page-contact-col-half .form-input input[type=text] { width: 100%; padding: 10px; margin: 0 0 20px 0; color: #3e3a39; font:1.2em BB2-M, "GSR-R", sans-serif, Arial; border: 0; border-radius: 14px; background-color: #fddfd1; box-sizing: border-box;}
  .page-contact-col-half .form-input textarea { width: 100%; height: 160px; padding: 10px; margin: 0 0 40px 0; color: #3e3a39; font:1.2em BB2-M, "GSR-R", sans-serif, Arial; border: 0; border-radius: 14px; background-color: #fddfd1; box-sizing: border-box;}
  .page-contact-col-half .form-input input[type=submit] { clear: both; width: 140px; padding: 5px 0; color: #fff; font:1.2em BB2-M, "GSR-R", sans-serif, Arial; text-align: center; border: 0; border-radius: 14px; background-color: #ee7b45; cursor: pointer;}
  .page-contact-col-half .form-input input[type=submit]:hover { background-color: #ef6f34;}

  .page-contact-col-half .contact-infor { width: 100%; margin: 0 0 60px 0; display: flex; justify-content: flex-end; align-items: flex-start; float: right;}
  .page-contact-col-half .contact-infor:last-child { margin: 0;}
  .page-contact-col-half .contact-infor .flag-icon { width: 45%; padding: 0 40px 0 0; margin: -40px 0 0 0; text-align: right; box-sizing: border-box;}
  .page-contact-col-half .contact-infor .flag-icon h1 { font-size: 3em; line-height: 1em;}
  .page-contact-col-half .contact-infor .infor { width: 55%; font-size: 1.2em;}
  .page-contact-col-half .contact-infor .infor span.country { font-size: 1.2em; font-family: "GSR-B";}

  section#page-contact-thankq { clear: both; width: 100%; padding: 200px calc(50% - 500px) 120px calc(50% - 500px); box-sizing: border-box;}

  .page-thankq-icon { width: 100%; color: #ee7b45; font-size: 9em; line-height: 1em; text-align: center;}

  .page-thankq-title { width: 100%; color: #ee7b45; font-size: 3em; text-align: center;}

  .page-thankq-text-1 { width: 100%; margin: 0 0 60px 0; font-size: 1.8em; text-align: center;}

  .page-thankq-text-2 { width: 100%; font-size: 1.4em; text-align: center;}
  .page-thankq-text-2 a { color: #3e3a39; border-bottom: 1px #3e3a39 solid; text-decoration: none;}


  /**************** page-about ****************/

  section#page-about { clear: both; width: 100%; padding: 20px calc(50% - 500px) 120px calc(50% - 500px); display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; box-sizing: border-box;}

  .page-about-title { width: calc(100% / 3 * 2); padding: 40px 40px 40px 0; font-size: 1.4em; line-height: 1.6em; box-sizing: border-box;}
  .page-about-title span.title { font-size: 1.4em; font-family: "GSR-B";}
  .page-about-title span.title-s { font-size: 1.2em; line-height: 1.4em;}

  .page-about-key { width: calc(100% / 3); display: flex; align-items: flex-end;}
  .page-about-key .box { width: 100%; padding: 60px 40px; color: #fff; font-size: 1.6em; font-family: "GSR-B"; text-align: center; background-color: #ee7b45; box-sizing: border-box;}
  .page-about-key .box span.big { font-size: 1.8em;}

  .page-about-actuator { width: calc(100% / 3); padding: 60px 40px; color: #fff; font-size: 1.6em; font-family: "GSR-B"; text-align: center; background-color: #ee7b45; box-sizing: border-box;}
  .page-about-actuator span.big { font-size: 1.8em;}

  .page-about-employees { width: calc(100% / 3); padding: 60px 40px; color: #fff; font-size: 1.6em; font-family: "GSR-B"; text-align: center; background-color: #fca981; box-sizing: border-box;}
  .page-about-employees span.big { font-size: 1.8em;}

  .page-about-pic { width: calc(100% / 3); background: url("../images/about_pic.jpg"); background-size: auto 100%; background-position: center top; display: block;}


  /**************** page-catalog ****************/

  section#page-catalog { clear: both; width: 100%; padding: 60px calc(50% - 500px) 120px calc(50% - 500px); box-sizing: border-box;}

  .page-catalog-title { width: 100%; color: #ee7b45; font-size: 2em; font-family: "GSR-B";}

  .page-catalog-text { width: 100%; font-size: 1.6em;}

  .page-catalog-pic { width: 100%; margin: 40px 0;}
  .page-catalog-pic img { width: 80%; height: auto; margin: 0 auto;}

  .page-catalog-table { clear: both; width: 100%;}
  .page-catalog-table form { display: flex; justify-content: flex-start; align-items: flex-end;}
  .page-catalog-table .form-table { width: calc(100% - 220px);}
  .page-catalog-table .form-table .caption { width: 100%; margin: 20px 0 0 0; font-size: 1.4em; font-family: "GSR-B";}
  .page-catalog-table .form-table .form { width: 100%;}
  .page-catalog-table .form-table .form input[type=text] { width: 100%; padding: 10px; color: #3e3a39; font:1.2em BB2-M, "GSR-R", sans-serif, Arial; border: 1px #ccc solid; border-radius: 12px; background-color: #fff; box-sizing: border-box;}
  .page-catalog-table .form-bt { width: 180px; margin: 0 0 0 40px;}
  .page-catalog-table .form-bt input[type=submit] { width: 100%; padding: 10px 0; color: #fff; font: 1.4em BB2-M, "GSR-R", sans-serif, Arial; text-align: center; text-decoration: none; border: 0; border-radius: 10px; background-color: #ee7b45; cursor: pointer;}


  /**************** page-distributor ****************/

  section#page-distributor { clear: both; width: 100%; padding: 60px calc(50% - 650px) 100px calc(50% - 650px); box-sizing: border-box;}

  ul#distributor-tabs { width: 100%; padding: 0; margin: 0; list-style: none; display: flex; justify-content: flex-start; align-items: stretch;}
  ul#distributor-tabs li { padding: 0; margin: 0;}
  ul#distributor-tabs li a { padding: 5px 20px; color: #3e3a39; font-size: 1.4em; text-decoration: none; display: block;}
  ul#distributor-tabs li a:hover { background-color: #eee;}
  ul#distributor-tabs li a.sel { border-top: 1px #ccc solid; border-left: 1px #ccc solid; border-right: 1px #ccc solid; border-bottom: 1px #fff solid;}

  .distributor-list-content { clear: both; width: 100%; padding: 20px 0; margin: -1px 0 0 0; border-top: 1px #ccc solid;}
  .distributor-list-content .list-full { width: 100%; font-size: 1.1em; line-height: 1.4em; border-bottom: 1px #ccc dashed; display: flex; justify-content: flex-start; align-items: stretch;}
  .distributor-list-content .list-full:last-child { border-bottom: 0;}
  .distributor-list-content .list-full .column-1 { width: 25%; padding: 20px 10px; box-sizing: border-box;}
  .distributor-list-content .list-full .column-2 { width: 50%; padding: 20px 10px; box-sizing: border-box;}
  .distributor-list-content .list-full .column-3 { width: 25%; padding: 20px 10px; box-sizing: border-box;}


  /**************** page-privacy ****************/

  section#page-privacy { clear: both; width: 100%; padding: 60px calc(50% - 650px) 120px calc(50% - 650px); box-sizing: border-box;}

  .page-privacy-title { width: 100%; font-size: 2.6em; line-height: 1em; font-family: "GSR-B";}

  .page-privacy-content .big-text { font-size: 1.4em; line-height: 1.2em; font-family: "GSR-B";}
  .page-privacy-content { width: 100%; margin: 40px 0 0 0; font-size: 1.2em; line-height: 1.6em;}
  .page-privacy-content font.title { font-family: "GSR-B";}
  .page-privacy-content a { color: #3e3a39; text-decoration: none;}
  .page-privacy-content a:hover { text-decoration: underline;}

  ul.p-dot { padding: 0 0 0 24px; margin: 0; list-style: disc; display: block;}
  ul.p-dot li { padding: 0; margin: 0;}

  ul.p-num { padding: 0 0 0 24px; margin: 0; list-style: decimal; display: block;}
  ul.p-num li { padding: 0; margin: 0;}


  /**************** page-download ****************/

  section#page-download { clear: both; width: 100%; padding: 60px calc(50% - 650px) 120px calc(50% - 650px); box-sizing: border-box;}

  .download-title { width: 100%; margin: 0 0 40px 0; color: #ee7b45; font-size: 2em; font-family: "BB2-B"; text-align: center;}

  .download-list { width: 50%; padding: 30px 0; margin: 0; display: flex; justify-content: flex-start; align-items: stretch; box-sizing: border-box; float: left;}
  .download-list:nth-child(odd) { clear: both;}
  .download-list .pic { width: 40%; padding: 0 40px 0 0; box-sizing: border-box;}
  .download-list .pic img { width: 60%; height: auto; border: 1px #ccc solid; box-sizing: border-box; float: right;}
  .download-list .infor { width: 60%;}
  .download-list .infor .title { width: 100%; height: 100px; font-size: 1.2em; font-family: "BB2-B";}
  .download-list .infor .download-bt { width: 200px; margin: 0 0 10px 0;}
  .download-list .infor .download-bt a { width: 100%; padding: 5px 0; color: #fff; font-size: 1.1em; text-align: center; text-decoration: none; border-radius: 10px; background-color: #ee7b45; display: block;}
  .download-list .infor .file-type { clear: both; width: 200px; text-align: center;}


  /**************** page-sitemap ****************/

  section#page-sitemap { clear: both; width: 100%; padding: 60px calc(50% - 650px) 120px calc(50% - 650px); box-sizing: border-box;}

  .page-sitemap-title { width: 100%; font-size: 2.6em; line-height: 1em; font-family: "GSR-B";;}

  ul#sitemap { width: 100%; padding: 0; margin: 60px 0 0 0; list-style: none; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap;}
  ul#sitemap li { padding: 0; margin: 30px; font-size: 1.4em; line-height: 1.2em; font-family: "GSR-B";}
  ul#sitemap li a { color: #3e3a39; text-decoration: none;}
  ul#sitemap li a:hover { color: #ee7b45;}
  ul#sitemap li ul.sm-popup { width: 100%; padding: 10px 0 10px 20px; margin: 0; list-style: none; display: block; box-sizing: border-box;}
  ul#sitemap li ul.sm-popup li { padding: 0; margin: 0; font-size: 1em; line-height: 1.4em; font-family: "BB2-M";}
  ul#sitemap li ul.sm-popup li a { color: #3e3a39; text-decoration: none;}
  ul#sitemap li ul.sm-popup li a:hover { color: #ee7b45;}


  /**************** page-404 ****************/

  section#page-404 { clear: both; width: 100%; padding: 280px calc(50% - 650px) 200px calc(50% - 650px); font-size: 3em; font-family: "GSR-B"; text-align: center; box-sizing: border-box;}

  span.title { font-size: 2em; line-height: 2.6em; font-family: "BB2-B";}
   
  
  /**************** footer ****************/

  footer { clear: both; width: 100%; padding: 60px calc(50% - 650px); background-color: #ee7b45; box-sizing: border-box; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}

  footer .column-lf { width: 37%;}
  footer .column-lf .footer-logo { width: 100%; margin: 0 0 30px 0;}
  footer .column-lf .footer-logo img { width: 246px; height: auto;}
  footer .column-lf .infor { clear: both; width: 100%; padding: 0 120px 0 0; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; box-sizing: border-box;}
  footer .column-lf .infor .icon { width: 30px; margin: 0 0 15px 0; color: #fff;}
  footer .column-lf .infor .text { width: calc(100% - 30px); margin: 0 0 15px 0; color: #fff; line-height: 1.2em;}

  footer .column-md { width: 37%;}
  footer .column-md .title { width: 100%; color: #fff; font-size: 1.4em; line-height: 1.6em; font-family: "GSR-M";}
  footer .column-md .line { width: 90px; height: 3px; background-color: #fff; display: block;}
  footer .column-md .footer-nav { clear: both; width: 100%; margin: 20px 0 0 0; display: flex; justify-content: flex-start; align-items: flex-start;}
  footer .column-md .footer-nav ul { width: 40%; padding: 0; margin: 0; list-style: none; display: block;}
  footer .column-md .footer-nav ul li { width: 100%; padding: 0; margin: 0; line-height: 1.4em;}
  footer .column-md .footer-nav ul li a { color: #fff; text-decoration: none;}
  footer .column-md .footer-nav ul li a:hover { text-decoration: underline;}

  footer .column-rt { width: 26%;}
  footer .column-rt .title { width: 100%; color: #fff; font-size: 1.4em; line-height: 1.6em; font-family: "GSR-M";}
  footer .column-rt .line { width: 90px; height: 3px; background-color: #fff; display: block;}
  footer .column-rt .social-icons { clear: both; width: 100%; margin: 20px 0 0 0; display: flex; justify-content: flex-start; align-items: center;}
  footer .column-rt .social-icons .icon { width: 26px; height: 26px; margin: 0 15px 0 0; border-radius: 100%; background-color: #fff; overflow: hidden;}
  footer .column-rt .social-icons .icon a { width: 100%; height: 100%; color: #ee7b45; text-decoration: none; display: flex; justify-content: center; align-items: center;}
  footer .column-rt .social-icons .icon a:hover { background-color: rgba(255,255,255,0.7);}
  
  footer .copyright { clear: both; width: 100%; margin: 30px 0 0 0; color: #fff; text-align: right;}


}

@media screen and (min-width: 1280px) and (max-width: 1359px) {

  /**************** header.hp ****************/
    
  header.hp { background-color: #ee7b45}

    
  /**************** header ****************/
    
  header { width: 100%; height: 80px; padding: 0 60px; display: flex; justify-content: flex-start; align-items: center; box-sizing: border-box; position: fixed; top: 0; left: 0; z-index: 999;}
  header.bgcolor { background-color: #ee7b45;}

  header .logo { width: 220px; margin: 0 30px 0 0;}
  header .logo img { width: 100%; height: auto;}

  header .nav-mo-open { display: none;}

  header nav#pc { width: calc(100% - 250px); display: flex; justify-content: flex-start; align-items: center;}
  
  header nav#mo { display: none;}

  header nav#pc ul#nav { width: calc(100% - 90px); padding: 0 20px 0 0; margin: 0; list-style: none; display: flex; justify-content: flex-end; box-sizing: border-box; position: relative; z-index: 999;}
  header nav#pc ul#nav li { padding: 0 15px; margin: 0; position: relative;}
  header nav#pc ul#nav li a { color: #fff; font-size: 1.4em; line-height: 2em; text-decoration: none; cursor: pointer;}
  header nav#pc ul#nav li a:hover { border-bottom: #fff 3px solid;}
  header nav#pc ul#nav li a.sel { border-bottom: #fff 3px solid;}
  header nav#pc ul#nav li ul.nav-popup { padding: 30px 0; margin: 0; background-color: rgba(255,255,255,0.8); list-style: none; display: none; box-sizing: border-box; position: absolute; top: 39px; left: 0;}
  header nav#pc ul#nav li ul.wd-160 { width: 160px;}
  header nav#pc ul#nav li ul.wd-200 { width: 200px;}
  header nav#pc ul#nav li ul.wd-240 { width: 240px;}
  header nav#pc ul#nav li ul.wd-300 { width: 300px;}
  header nav#pc ul#nav li ul.nav-popup li { width: 100%; padding: 0; margin: 0;}
  header nav#pc ul#nav li ul.nav-popup li a { width: 100%; padding: 10px 20px; color: #ee7b45; line-height: 1.8em; text-decoration: none; border: 0; box-sizing: border-box; display: block;}
  header nav#pc ul#nav li ul.nav-popup li a:hover { color: #fff; background-color: #ee7b45; border-bottom: 0;}

  header nav#pc .nav-icons { width: 90px; display: flex; justify-content: flex-end; align-items: center; position: relative;}
  header nav#pc .nav-icons a.icon { margin: 0 0 0 15px; color: #fff; font-size: 1.6em; text-decoration: none; display: block; cursor: pointer;}

  header nav#pc .nav-icons .nav-language-box { width: 100px; position: absolute; top: 35px; right: -10px; z-index: 999; display: none;}
  header nav#pc .nav-icons .nav-language-box ul#nav-lang-list { width: 100%; padding: 7px 0; margin: 0; list-style: none; background-color: #eee; display: block;}
  header nav#pc .nav-icons .nav-language-box ul#nav-lang-list li { width: 100%; padding: 3px 10px; margin: 0; box-sizing: border-box;}
  header nav#pc .nav-icons .nav-language-box ul#nav-lang-list li a { width: 100%; padding: 3px 0; color: #ee7b45; font-size: 1em; text-align: center; border-radius: 8px; background-color: #eee; text-decoration: none; display: block;}
  header nav#pc .nav-icons .nav-language-box ul#nav-lang-list li a:hover { color: #fff; background-color: #fca981;}
  header nav#pc .nav-icons .nav-language-box ul#nav-lang-list li a.sel { color: #fff; background-color: #ef6f34;}
  header nav#pc .nav-icons .nav-language-box .tri2 { width: 0px; height: 0px; padding: 0; margin: 0 0 0 66px; border-style: solid; border-width: 0px 10px 15px 10px; border-color: transparent transparent #fff transparent;}


  /**************** header#style2 ****************/
    
  header#style2 { width: 100%; height: 80px; padding: 0 60px; display: flex; justify-content: flex-start; align-items: center; background-color: #fff; box-sizing: border-box; position: fixed; top: 0; left: 0; z-index: 999;}

  header#style2 .logo { width: 220px; margin: 0 30px 0 0;}
  header#style2 .logo img { width: 100%; height: auto;}

  header#style2 .nav-mo-open { display: none;}

  header#style2 nav#pc { width: calc(100% - 250px); display: flex; justify-content: flex-start; align-items: center;}
  
  header#style2 nav#mo { display: none;}

  header#style2 nav#pc ul#nav { width: calc(100% - 90px); padding: 0 20px 0 0; margin: 0; list-style: none; display: flex; justify-content: flex-end; box-sizing: border-box; position: relative; z-index: 999;}
  header#style2 nav#pc ul#nav li { padding: 0 15px; margin: 0; position: relative;}
  header#style2 nav#pc ul#nav li a { color: #ee7b45; font-size: 1.4em; line-height: 2em; text-decoration: none; cursor: pointer;}
  header#style2 nav#pc ul#nav li a:hover { border-bottom: #ee7b45 3px solid;}
  header#style2 nav#pc ul#nav li a.sel { border-bottom: #ee7b45 3px solid;}
  header#style2 nav#pc ul#nav li ul.nav-popup { padding: 30px 0; margin: 0; background-color: rgba(255,255,255,0.8); list-style: none; display: none; box-sizing: border-box; position: absolute; top: 40px; left: 0;}
  header#style2 nav#pc ul#nav li ul.wd-300 { width: 300px;}
  header#style2 nav#pc ul#nav li ul.wd-200 { width: 200px;}
  header#style2 nav#pc ul#nav li ul.wd-240 { width: 240px;}
  header#style2 nav#pc ul#nav li ul.nav-popup li { width: 100%; padding: 0; margin: 0;}
  header#style2 nav#pc ul#nav li ul.nav-popup li a { width: 100%; padding: 10px 20px; color: #ee7b45; line-height: 1.8em; text-decoration: none; border: 0; box-sizing: border-box; display: block;}
  header#style2 nav#pc ul#nav li ul.nav-popup li a:hover { color: #fff; background-color: #ee7b45; border-bottom: 0;}

  header#style2 nav#pc .nav-icons { width: 90px; display: flex; justify-content: flex-end; align-items: center; position: relative;}
  header#style2 nav#pc .nav-icons a.icon { margin: 0 0 0 15px; color: #ee7b45; font-size: 1.6em; text-decoration: none; display: block; cursor: pointer;}

  header#style2 nav#pc .nav-icons .nav-language-box { width: 100px; position: absolute; top: 35px; right: -10px; z-index: 999; display: none;}
  header#style2 nav#pc .nav-icons .nav-language-box ul#nav-lang-list { width: 100%; padding: 7px 0; margin: 0; list-style: none; background-color: #ee7b45; display: block;}
  header#style2 nav#pc .nav-icons .nav-language-box ul#nav-lang-list li { width: 100%; padding: 3px 10px; margin: 0; box-sizing: border-box;}
  header#style2 nav#pc .nav-icons .nav-language-box ul#nav-lang-list li a { width: 100%; padding: 3px 0; color: #fff; font-size: 1em; text-align: center; border-radius: 8px; background-color: #ee7b45; text-decoration: none; display: block;}
  header#style2 nav#pc .nav-icons .nav-language-box ul#nav-lang-list li a:hover { color: #fff; background-color: #fca981;}
  header#style2 nav#pc .nav-icons .nav-language-box ul#nav-lang-list li a.sel { color: #ee7b45; background-color: #fff;}
  header#style2 nav#pc .nav-icons .nav-language-box .tri2 { width: 0px; height: 0px; padding: 0; margin: 0 0 0 66px; border-style: solid; border-width: 0px 10px 15px 10px; border-color: transparent transparent #ee7b45 transparent;}


  /**************** hp-banner ****************/

  section#hp-banner { width: 100%; height: 100%; position: relative; z-index: 1;}

  section#hp-banner .banner-box { width: 100%; height: 100%; overflow: hidden;}
  section#hp-banner .banner-box img.hp-banner-img-mo { display: none;}
  section#hp-banner .banner-box video { width: 100%; height: auto;}

  .hp-banner-video { width: 100%; height: 100%; overflow: hidden;}

  .hp-banner-video-bt { width: 80px; text-align: center; position: absolute; top: 25vw; left: calc(50% - 40px);}
  .hp-banner-video-bt a { color: #fff; font-size: 6em; text-decoration: none;}

  .hp-banner-text-1 { width: 30vw; height: 10vw; background-color: rgba(255, 96, 0, 0.6); position: absolute; top: 24vw; left: 0; z-index: 3;}
  .hp-banner-text-1 .text { margin: -1.5vw 0 0 8vw; color: #fff; font-size: 5vw; font-family: "GSR-B"; line-height: 0.8em;}
  .hp-banner-text-2 { width: 100%; padding: 0 0 0 6.5vw; color: #fff; font-size: 2vw; font-family: "GSR-B"; line-height: 2.4vw; position: absolute; top: 24vw; left: 0; z-index: 3; box-sizing: border-box;}
  .hp-banner-text-2 span.title { font-size: 4vw;}

  a.hp-learnmore-bt-1 { width: 18vw; display: block; position: absolute; bottom: 3vw; right: 5vw; z-index: 99;}
  a.hp-learnmore-bt-1 img { width: 100%; height: auto;}
  a.hp-learnmore-bt-2 { width: 18vw; display: block; position: absolute; bottom: 5vw; left: calc(50% - 9vw); z-index: 99;}
  a.hp-learnmore-bt-2 img { width: 100%; height: auto;}


  /**************** #breadcrumb ****************/

  div#breadcrumb { clear: both; width: 100%; padding: 40px calc(50% - 550px) 0 calc(50% - 550px); color: #ee7b45; text-align: center; box-sizing: border-box;}
  div#breadcrumb a { color: #ee7b45; text-decoration: none;}
  div#breadcrumb a:hover { text-decoration: underline;}


  /**************** hp-products ****************/

  section#hp-products { clear: both; width: 100%; padding: 100px calc(50% - 550px); box-sizing: border-box;}

  section#hp-products .title-1 { width: 100%; color: #ee7b45; font-size: 1.8em; font-family: "GSR-B"; text-align: center;}
  section#hp-products .title-2 { width: 100%; margin: 0 0 30px 0; font-size: 3em; font-family: "GSR-B"; line-height: 1em; text-align: center;}
  section#hp-products .intro-text { width: 100%; margin: 0 auto 60px auto; font-size: 1.4em; line-height: 1.4em; text-align: center;}

  section#hp-products .prod-list-full { clear: both; width: 100%; display: flex; justify-content: center; align-items: stretch;}
  section#hp-products .prod-box { width: 245px; height: 245px; margin: 0 15px; display: flex; justify-content: flex-start; position: relative; overflow: hidden;}
  section#hp-products .prod-box img.prod-pic { width: 100%; height: auto; position: relative; z-index: 1;}
  section#hp-products .prod-box .sort-title { width: 100%; padding: 30px 20px 0 20px; box-sizing: border-box; color: #ee7b45; font-size: 2.2em; font-family: "GSR-B"; line-height: 1em; text-align: center; position: absolute; top: 0; left: 0; z-index: 2;}
  section#hp-products .prod-box img.bt-explore { position: absolute; bottom: 30px; right: 20px; z-index: 2;}


  /**************** hp-about ****************/

  section#hp-about { clear: both; width: 100%; padding: 80px calc(50% - 550px); background-image: url("../images/hp_about_bg.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center top; box-sizing: border-box;}

  section#hp-about .title-1 { width: 100%; color: #ee7b45; font-size: 1.8em; font-family: "GSR-B"; text-align: center;}
  section#hp-about .title-2 { width: 100%; margin: 0 0 30px 0; color: #fff; font-size: 3em; font-family: "GSR-B"; line-height: 1em; text-align: center;}
  section#hp-about .intro-text { width: 100%; margin: 0 auto 60px auto; color: #fff; font-size: 1.4em; line-height: 1.4em; text-align: center;}
  section#hp-about .bt-readmore { width: 200px; margin: 0 auto; background-color: #ee7b45; border-radius: 16px;}
  section#hp-about .bt-readmore a { width: 100%; padding: 6px 0; color: #fff; font-size: 1.6em; line-height: 1.2em; text-align: center; text-decoration: none; display: block;}
  section#hp-about .bt-readmore:hover { background-color: #ef6f34;}

  section#hp-about .service-icon-full { clear: both; width: 70%; margin: 160px auto 0 auto; display: flex; justify-content: center; align-items: flex-start;}
  section#hp-about .service-icon-full .icon-box { width: calc(100% / 3 - 40px); margin: 0 20px; color: #fff;}
  section#hp-about .service-icon-full .icon-box .icon { width: 100%; font-size: 4em; text-align: center;}
  section#hp-about .service-icon-full .icon-box .title { width: 100%; font-size: 1.4em; line-height: 1em; text-align: center;}


  /**************** hp-chowapp ****************/

  section#hp-chowapp { clear: both; width: 100%; height: 150vw;}

  section#hp-chowapp .app-content { width: 1000px; height: 50vw; margin: 0 auto; background-size: auto 40vw; background-repeat: no-repeat; background-position: calc(50% - 297px) 5vw; background-attachment: fixed; box-sizing: border-box;}
  section#hp-chowapp .app-1 { background-image: url("../images/hp_app_1.jpg");}
  section#hp-chowapp .app-2 { background-image: url("../images/hp_app_2.jpg");}
  section#hp-chowapp .app-3 { background-image: url("../images/hp_app_3.jpg");}
  section#hp-chowapp .app-content .text { width: 520px; padding: 20vw 0 0 0; font-size: 1.4em; line-height: 1.4em; float: right;}
  section#hp-chowapp .app-content .text span.font-1 { color: #ee7b45; font-size: 3rem; font-family: "BB2-B"; line-height: 1.2em;}
  section#hp-chowapp .app-content .text span.font-2 { font-size: 1.8rem; font-family: "GSR-B"; line-height: 2em;}


  /**************** hp-contain ****************/

  section#hp-contain { clear: both; width: 100%; position: relative;}

  section#hp-contain img.hp-contain-bg { width: 100%; height: auto;}

  section#hp-contain .intro-text { clear: both; width: 35%; position: absolute; top: 6vw; left: 14vw;}
  section#hp-contain .intro-text .title-1 { width: 100%; font-size: 3em; font-family: "GSR-B"; line-height: 1em;}
  section#hp-contain .intro-text .title-2 { width: 100%; font-size: 1.8em; line-height: 1.2em; font-family: "GSR-B";}
  section#hp-contain .intro-text .text { width: 100%; margin: 20px 0 0 0; font-size: 1.4em; line-height: 1.4em;}

  section#hp-contain a.hp-contact-bt { width: 240px; display: block; position: absolute; top: 20vw; left: 14vw; z-index: 3;}
  section#hp-contain a.hp-contact-bt img { width: 100%; height: auto;}


  /**************** page-banner ****************/

  section#page-banner { width: 100%; position: relative; z-index: 1;}

  .page-banner { clear: both; width: 100%; position: relative;}
  .page-banner img.page-banner-bg { width: 100%; height: auto;}
  .page-banner img.page-banner-bg-2 { width: 100%; height: auto;}
  .page-banner img.page-banner-bg-mo { display: none;}
  .page-banner img.page-banner-bg-2-mo { display: none;}
  .page-banner .banner-title { width: 100%; color: #fff; font-size: 4.5vw; font-family: "GSR-B"; text-align: center; position: absolute; top: 16vw; left: 0; z-index: 2;}

  .page-banner2 { clear: both; width: 100%; margin: 80px 0 0 0; position: relative;}
  .page-banner2 img.page-banner-bg { width: 100%; height: auto;}
  .page-banner2 img.page-banner-bg-md { width: 100%; height: auto;}
  .page-banner2 img.page-banner-bg-mo { display: none;}
  .page-banner2 img.page-banner-bg-md-mo { display: none;}
  .page-banner2 .banner-title2 { width: 100%; color: #fff; font-size: 4.5vw; font-family: "GSR-B"; text-align: center; position: absolute; top: 12vw; left: 0; z-index: 2;}


  /**************** page-gate ****************/

  section#page-gate-intro { clear: both; width: 100%; padding: 60px calc(50% - 550px); box-sizing: border-box;}

  .gate-intro-title { width: 44%; margin: 0 auto; display: flex; justify-content: center; align-items: stretch;}
  .gate-intro-title .title { width: 30%; padding: 0 20px 0 0; color: #ee7b45; font-size: 1.4em; line-height: 1.2em; border-right: 3px #ee7b45 solid; box-sizing: border-box;}
  .gate-intro-title .text { width: 70%; padding: 0 0 0 20px; font-size: 1.2em; line-height: 1.2em;}

  .gate-intro-title2 { width: 55%; margin: 0 auto; display: flex; justify-content: center; align-items: stretch;}
  .gate-intro-title2 .title { width: 24%; padding: 0 20px 0 0; color: #ee7b45; font-size: 1.4em; line-height: 1.2em; border-right: 3px #ee7b45 solid; box-sizing: border-box;}
  .gate-intro-title2 .text { width: 76%; padding: 0 0 0 20px; font-size: 1.2em; line-height: 1.2em;}

  .gate-intro-title3 { width: 65%; margin: 0 auto; display: flex; justify-content: center; align-items: stretch;}
  .gate-intro-title3 .title { width: 30%; padding: 0 20px 0 0; color: #ee7b45; font-size: 1.4em; line-height: 1.2em; border-right: 3px #ee7b45 solid; box-sizing: border-box;}
  .gate-intro-title3 .text { width: 70%; padding: 0 0 0 20px; font-size: 1.2em; line-height: 1.2em;}

  .features-icons { clear: both; width: 85%; margin: 20px auto 0 auto; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
  .features-icons .icon-box { width: calc(100% / 3); margin: 30px 0; display: flex; justify-content: center; align-items: center;}
  .features-icons .icon-box .icon { width: 80px; height: 80px; margin: 0 auto; border-radius: 16px; background-color: #ee7b45; display: flex; justify-content: center; align-items: center;}
  .features-icons .icon-box .icon .circle-withe { width: 70px; height: 70px; color: #ee7b45; font-size: 2.8em; text-align: center; border-radius: 100%; background-color: #fff; overflow: hidden; display: flex; justify-content: center; align-items: center;}
  .features-icons .icon-box .icon .circle-withe img.img-icon-1 { width: auto; height: 38px;}
  .features-icons .icon-box .icon .circle-withe img.img-icon-2 { width: auto; height: 46px;}
  .features-icons .icon-box .text { width: calc(100% - 100px); padding: 0 10px; font-size: 1.6em; line-height: 1.2em; box-sizing: border-box;}

  section#page-gate-list { clear: both; width: 100%;}
  
  .prod-list-show { width: 100%; position: relative; z-index: 1;}
  .prod-list-show .prod-typename-infor { width: 100%; height: 100%; padding: 0 5vw; display: flex; justify-content: center; align-items: center; box-sizing: border-box; position: absolute; top: 0; left: 0; z-index: 3;}
  .prod-list-show .prod-typename-infor .column-typename { width: 40%; display: flex; justify-content: center; flex-wrap: wrap;}
  .prod-list-show .prod-typename-infor .column-typename .prod-title { width: 100%; margin: 0 0 2vw 0; color: #fff; font-size: 6vw; font-weight: 600; line-height: 4vw; text-align: center;}
  .prod-list-show .prod-typename-infor .column-typename img.bt-more { width: 18vw; height: auto; margin: 0 auto; cursor: pointer;}
  .prod-list-show .prod-typename-infor .column-series-full { width: 60%; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
  .prod-list-show .prod-typename-infor .column-series-full .column-series { width: 33%; margin: 1vw 0;}
  .prod-list-show .prod-typename-infor .column-series-full .column-series .series-type-name { width: 80%; padding: 0.5vw 0; margin: 0 auto 1.5vw auto; color: #3e3a39; font-size: 1.6vw; font-family: "GSR-B"; line-height: 1.6vw; text-align: center; border-radius: 1.6vw; background-color: #fff;}
  .prod-list-show .prod-typename-infor .column-series-full .column-series .infor-text { clear: both; width: 100%; color: #fff; font-size: 1.2vw; line-height: 1.2vw; text-align: center;}
  .prod-list-show .prod-typename-infor .column-series-full .v-line { width: 1px; height: 4vw; background-color: #fff; display: block;}
  .prod-list-show img.prod-bg { width: 100%; height: auto;}
  .prod-list-show img.prod-bg-4 { width: 100%; height: auto;}
  .prod-list-show img.prod-bg-mo { display: none;}

  .prod-infor-box { clear: both; width: 100%; padding: 120px calc(50% - 550px) 120px calc(50% - 550px); box-sizing: border-box; display: none; position: relative;}
  .prod-infor-box .icon-close { width: 70px; color: #ee7b45; font-size: 4em; line-height: 1em; text-align: center; position: absolute; top: 120px; right: calc(50% - 550px); cursor: pointer;}
  
  .prod-infor-box .prod-pics { clear: both; width: 100%; display: flex; justify-content: flex-start;}
  .prod-infor-box .prod-pics .column-lf { width: 550px;}
  .prod-infor-box .prod-pics .column-lf .title-mo { display: none;}
  .prod-infor-box .prod-pics .column-lf ul { width: 100%; padding: 0; margin: 0; list-style: none; display: block; position: relative;}
  .prod-infor-box .prod-pics .column-lf ul li { width: 550px; padding: 0; margin: 0; position: absolute; top: 0; left: 0; display: none;}
  .prod-infor-box .prod-pics .column-lf ul li img.pic-b { width: 100%; height: auto;}
  
  .prod-infor-box .prod-pics .column-rt { width: 550px;}
  .prod-infor-box .prod-pics .column-rt .title { width: 100%; font-size: 2em; font-family: "GSR-B";}
  
  .prod-infor-box .prod-pics .column-rt .pic-s-list { clear: both; width: 530px; margin: 120px 0 0 0; display: flex; justify-content: flex-start; align-items: center; float: right;}
  .prod-infor-box .prod-pics .column-rt .pic-s-list .arrow-lf, .pic-s-list .arrow-rt { width: 25px; }
  .prod-infor-box .prod-pics .column-rt .pic-s-list .arrow-lf img, .pic-s-list .arrow-rt img { width: 100%; height: auto; cursor: pointer;}
  .prod-infor-box .prod-pics .column-rt .pic-s-list .thumbs-list { width: 480px; height: 106px; overflow: hidden;}
  .prod-infor-box .prod-pics .column-rt .pic-s-list .thumbs-list ul { padding: 0; margin: 0; list-style: none; display: block;}
  .prod-infor-box .prod-pics .column-rt .pic-s-list .thumbs-list ul li { width: 140px; padding: 0; margin: 10px; float: left;}
  .prod-infor-box .prod-pics .column-rt .pic-s-list .thumbs-list ul li img { width: 100%; height: auto; border: 1px #ccc solid; box-sizing: border-box; cursor: pointer;}
  .prod-infor-box .prod-pics .column-rt .pic-s-list .thumbs-list ul li img.sel { border: 2px #ccc solid; box-sizing: border-box;}
  
  .prod-infor-box .prod-pics .column-rt .manual-dt-bt { clear: both; width: 280px; margin: 80px 0 0 0; float: right;}
  .prod-infor-box .prod-pics .column-rt .manual-dt-bt a { width: 100%; padding: 4px 0; color: #fff; font-size: 1.4em; text-align: center; text-decoration: none; border-radius: 12px; background-color: #ee7b45; display: block;}
  .prod-infor-box .prod-pics .column-rt .manual-dt-bt a:hover { background-color: #ef6f34;}
  
  .prod-infor-box .prod-features { clear: both; width: 100%; margin: 120px 0 0 0; position: relative;}
  .prod-infor-box .prod-features .icon-open, .prod-features .icon-close { width: 50px; color: #ee7b45; font-size: 2.5em; line-height: 1em; text-align: center; position: absolute; top: 0; left: 0; z-index: 3; cursor: pointer;}
  .prod-infor-box .prod-features .icon-close { display: none;}
  .prod-infor-box .prod-features .sub-title { width: 100%; color: #ee7b45; padding: 0 0 0 70px; font-size: 1.6em; font-family: "GSR-B"; box-sizing: border-box;}
  .prod-infor-box .prod-features .text-content { clear: both; width: 75%; padding: 0 70px; margin: 40px 0 0 0; font-size: 1.3em; line-height: 1.6em; box-sizing: border-box; display: none;}

  .prod-infor-box .prod-specifications { clear: both; width: 100%; margin: 120px 0 0 0; position: relative;}
  .prod-infor-box .prod-specifications .icon-open, .prod-specifications .icon-close { width: 50px; color: #ee7b45; font-size: 2.5em; line-height: 1em; text-align: center; position: absolute; top: 0; left: 0; z-index: 3; cursor: pointer;}
  .prod-infor-box .prod-specifications .icon-close { display: none;}
  .prod-infor-box .prod-specifications .sub-title { width: 100%; padding: 0 0 0 70px; color: #ee7b45; font-size: 1.6em; font-family: "GSR-B"; box-sizing: border-box;}
  .prod-infor-box .prod-specifications .spec-data-table { clear: both; width: 90%; margin: 40px auto 0 auto; display: none;}
  .prod-infor-box .prod-specifications .spec-data-table .caption-full { width: 100%; font-size: 1.4em; font-family: "GSR-B"; border-bottom: 1px #ccc solid; display: flex; justify-content: flex-start; align-items: stretch;}
  .prod-infor-box .prod-specifications .spec-data-table .caption-full .caption-1 { width: 34%; padding: 5px 10px; box-sizing: border-box; border-right: 1px #ccc solid;}
  .prod-infor-box .prod-specifications .spec-data-table .caption-full .caption-2 { width: 33%; padding: 5px 10px; box-sizing: border-box; border-right: 1px #ccc solid;}
  .prod-infor-box .prod-specifications .spec-data-table .caption-full .caption-3 { width: 33%; padding: 5px 10px; box-sizing: border-box;}
  .prod-infor-box .prod-specifications .spec-data-table .caption-full .caption-2-1 { width: 25%; padding: 5px 10px; box-sizing: border-box; border-right: 1px #ccc solid;}
  .prod-infor-box .prod-specifications .spec-data-table .caption-full .caption-2-2 { width: 25%; padding: 5px 10px; box-sizing: border-box; border-right: 1px #ccc solid;}
  .prod-infor-box .prod-specifications .spec-data-table .caption-full .caption-2-3 { width: 25%; padding: 5px 10px; box-sizing: border-box; border-right: 1px #ccc solid;}
  .prod-infor-box .prod-specifications .spec-data-table .caption-full .caption-2-4 { width: 25%; padding: 5px 10px; box-sizing: border-box;}
  .prod-infor-box .prod-specifications .spec-data-table .caption-full .caption-3-1 { width: 66%; padding: 5px 10px; box-sizing: border-box;}
  .prod-infor-box .prod-specifications .spec-data-table .column-full { clear: both; width: 100%; font-size: 1.4em; border-bottom: 1px #ccc solid; display: flex; justify-content: flex-start; align-items: stretch;}
  .prod-infor-box .prod-specifications .spec-data-table .column-full:last-child { border-bottom: 0;}
  .prod-infor-box .prod-specifications .spec-data-table .column-full .column-1 { width: 34%; padding: 5px 10px; box-sizing: border-box; border-right: 1px #ccc solid;}
  .prod-infor-box .prod-specifications .spec-data-table .column-full .column-2 { width: 33%; padding: 5px 10px; box-sizing: border-box; border-right: 1px #ccc solid;}
  .prod-infor-box .prod-specifications .spec-data-table .column-full .column-3 { width: 33%; padding: 5px 10px; box-sizing: border-box;}
  .prod-infor-box .prod-specifications .spec-data-table .column-full .column-2-1 { width: 25%; padding: 5px 10px; box-sizing: border-box; border-right: 1px #ccc solid;}
  .prod-infor-box .prod-specifications .spec-data-table .column-full .column-2-2 { width: 25%; padding: 5px 10px; box-sizing: border-box; border-right: 1px #ccc solid;}
  .prod-infor-box .prod-specifications .spec-data-table .column-full .column-2-3 { width: 25%; padding: 5px 10px; box-sizing: border-box; border-right: 1px #ccc solid;}
  .prod-infor-box .prod-specifications .spec-data-table .column-full .column-2-4 { width: 25%; padding: 5px 10px; box-sizing: border-box;}
  .prod-infor-box .prod-specifications .spec-data-table .column-full .column-3-1 { width: 66%; padding: 5px 10px; box-sizing: border-box;}


  /**************** page-accessories ****************/

  section#page-acc-list { clear: both; width: 100%; padding: 20px calc(50% - 550px) 120px calc(50% - 550px); box-sizing: border-box; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap;}

  .acc-list { width: calc(100% / 4 - 50px); margin: 25px;}
  .acc-list .pic { width: 100%;}
  .acc-list .pic img { width: 100%; height: auto;}
  .acc-list .infor { width: 100%; padding: 5px; margin: 5px 0 0 0; line-height: 1.2em; box-sizing: border-box;}
  .acc-list .infor span.title { color: #ee7b45; font-size: 1.2em; font-family: "GSR-B"; line-height: 1.8em;}


  /**************** page-chowhub ****************/

  section#page-chowhub-big-prod { clear: both; width: 100%; padding: 60px calc(50% - 550px) 0 calc(50% - 550px); box-sizing: border-box;}
  section#page-chowhub-big-prod img.big-prod-pic { width: 40%; height: auto; margin: 0 auto 40px auto;}
  section#page-chowhub-big-prod img.big-prod-pic-cam { width: 20%; height: auto; margin: 0 auto 40px auto;}
  section#page-chowhub-big-prod img.big-prod-pic-cam-b1 { width: 30%; height: auto; margin: 0 auto 40px auto;}
  section#page-chowhub-big-prod img.big-prod-pic-bell { width: 20%; height: auto; margin: 0 auto 40px auto;}

  section#page-chowhub-big-prod .title { clear: both; width: 100%; margin: 0 0 15px 0; color: #ee7b45; font-size: 3em; font-weight: 600; line-height: 1em; text-align: center;}
  section#page-chowhub-big-prod .text { clear: both; width: 45%; margin: 0 auto; font-size: 1.3em; line-height: 1.4em; text-align: center;}

  section#page-chowhub-infor { clear: both; width: 100%; padding: 0 calc(50% - 550px) 120px calc(50% - 550px); box-sizing: border-box;}

  .chowhub-features-title { width: 100%; margin: 0 0 40px 0; color: #ee7b45; font-size: 1.6em; font-family: "GSR-B";}
  .chowhub-features-full { width: 100%; margin: 0 0 30px 0; display: flex; justify-content: flex-start; align-items: center;}
  .chowhub-features-full .pic { width: 430px; margin: 0 30px 0 0;}
  .chowhub-features-full .pic img { width: 100%; height: auto;}
  .chowhub-features-full .text { width: calc(100% - 460px); font-size: 1.4em; line-height: 1.6em;}
  .chowhub-features-full .text span.title { font-size: 1.4em; line-height: 1.8em;}

  section#page-chowhub-overview { clear: both; width: 100%; padding: 0 calc(50% - 550px) 120px calc(50% - 550px); box-sizing: border-box;}

  .chowhub-overview-title { width: 100%; margin: 0 0 40px 0; color: #ee7b45; font-size: 1.6em; font-family: "GSR-B";}
  .chowhub-overview { width: 100%;}
  .chowhub-overview img.overview { max-width: 60%; height: auto; margin: 0 auto;}

  section#page-chowhub-spec { clear: both; width: 100%; padding: 0 calc(50% - 550px) 120px calc(50% - 550px); box-sizing: border-box;}

  .chowhub-spec-title { width: 100%; margin: 0 0 40px 0; color: #ee7b45; font-size: 1.6em; font-family: "GSR-B";}

  .chowhub-spec-table { clear: both; width: 80%; margin: 0 auto;}
  .chowhub-spec-table .column-full { width: 100%; border-bottom: 1px #ccc solid; font-size: 1.4em; line-height: 1em; display: flex; justify-content: flex-start; align-items: stretch;}
  .chowhub-spec-table .column-full:last-child { border-bottom: 0;}
  .chowhub-spec-table .column-full .column-1 { width: 45%; padding: 10px; border-right: 1px #ccc solid; box-sizing: border-box;}
  .chowhub-spec-table .column-full .column-2 { width: 55%; padding: 10px; box-sizing: border-box;}

  .chowhub-spec-dw-bt { clear: both; width: 80%; margin: 30px auto 0 auto; display: flex; justify-content: flex-end;}
  .chowhub-spec-dw-bt .dw-bt { }
  .chowhub-spec-dw-bt .dw-bt a { padding: 5px 20px; margin: 0 10px; color: #fff; font-size: 1.4em; border-radius: 12px; background-color: #ee7b45; text-decoration: none; display: block;}
  .chowhub-spec-dw-bt .dw-bt a:hover { background-color: #ef6f34;}

  section#page-chowhub-shopnow { clear: both; width: 100%; padding: 0 calc(50% - 550px) 120px calc(50% - 550px); box-sizing: border-box;}

  .chowhub-shopnow-title { width: 100%; margin: 0 0 40px 0; color: #ee7b45; font-size: 2em; font-family: "GSR-B"; text-align: center;}

  .shopnow-serier { clear: both; width: 80%; margin: 0 auto; display: flex; justify-content: center; align-items: stretch;}
  .shopnow-serier .shopnow-bx { width: calc(100% / 3 - 40px); padding: 40px 20px; margin: 0 20px; border-radius: 50px; background-color: #ee7b45; box-sizing: border-box;}
  .shopnow-serier .shopnow-bx .pic { width: 100%; margin: 0 0 10px 0;}
  .shopnow-serier .shopnow-bx .pic img.size-1 { width: 80%; height: auto; margin: 0 auto;}
  .shopnow-serier .shopnow-bx .type { width: 100%; padding: 10px 0; color: #fff; font-size: 2.2em; line-height: 1em; font-family: "GSR-B"; text-align: center;}
  .shopnow-serier .shopnow-bx .bt { clear: both; width: 180px; margin: 0 auto; text-align: center;}
  .shopnow-serier .shopnow-bx .bt a { padding: 6px 10px 6px 10px; color: #fff; font-size: 1.4em; line-height: 1.2em; font-family: "GSR-B"; border: 1px #fff solid; border-radius: 20px; text-decoration: none; display: block;}
  .shopnow-serier .shopnow-bx .bt a:hover { color: #ef6f34; background-color: #fff;}

  section#page-chowhub-app { clear: both; width: 100%; padding: 0 calc(50% - 550px) 120px calc(50% - 550px); box-sizing: border-box; display: flex; justify-content: flex-start; position: relative;}

  img.chowhub-app-title { width: 580px; height: auto; position: absolute; top: 30px; left: calc(50% - 550px + 26%); z-index: 3;}

  .chowhub-mobile { width: 30%;}
  .chowhub-mobile img { width: 70%; height: auto; float: right;}

  .chowhub-app-link { width: 70%; display: flex; justify-content: flex-start; align-items: flex-end; flex-wrap: wrap;}
  .chowhub-app-link .text { width: 100%; padding: 170px 120px 60px 125px; font-size: 1.6em; line-height: 1.4em; box-sizing: border-box;}
  .chowhub-app-link img.qrcode { width: 220px; height: auto; margin: 0 25px 0 125px;}
  .chowhub-app-link img.app-ios { width: auto; height: 45px;}
  .chowhub-app-link img.app-apk { width: auto; height: 45px; margin: 0 10px 0 0;}


  /**************** page-chowapp ****************/

  section#page-chowapp-ifor { clear: both; width: 100%; padding: 60px calc(50% - 550px) 120px calc(50% - 550px); box-sizing: border-box; position: relative;}

  .chowapp-infor-title { width: 100%; color: #ee7b45; font-size: 1.8em; font-family: "GSR-B";}
  .chowapp-infor-text { width: 100%; font-size: 1.4em;}

  .chowapp-screen-infor { clear: both; width: 100%; margin: 30px 0 0 0; position: relative;}
  .chowapp-screen-infor .chowapp-dot { width: 20px; position: absolute; top: calc(300px - 60px); left: 0; z-index: 10;}
  .chowapp-screen-infor .chowapp-dot ul.dot { width: 20px; padding: 0; margin: 0; list-style: none; display: block;}
  .chowapp-screen-infor .chowapp-dot ul.dot li { width: 20px; height: 20px; padding: 0; margin: 10px 0;}
  .chowapp-screen-infor .chowapp-dot ul.dot li a { width: 20px; height: 20px; background: url("../images/chowapp_dot.png"); display: block; cursor: pointer;}
  .chowapp-screen-infor .chowapp-dot ul.dot li a.sel { background: url("../images/chowapp_dot_sel.png");}
  .chowapp-screen-infor ul#chowapp-show { width: 100%; height: 600px; padding: 0; margin: 0; list-style: none; display: block; position: relative;}
  .chowapp-screen-infor ul#chowapp-show li { width: 100%; padding: 0; margin: 0; display: none; justify-content: flex-start; align-items: center; position: absolute; top: 0; left: 0; z-index: 9;}
  .chowapp-screen-infor ul#chowapp-show li .app-screen { width: 30%;}
  .chowapp-screen-infor ul#chowapp-show li .app-screen img { width: auto; height: 600px; float: right;}
  .chowapp-screen-infor ul#chowapp-show li .app-text { width: calc(70% - 70px); margin: 0 0 0 70px; font-size: 1.4em; line-height: 1.6em;}
  .chowapp-screen-infor ul#chowapp-show li .app-text span.title { font-family: "GSR-B";}
  
  .chowapp-qrcode-link { clear: both; width: calc(70% + 50px); margin: -145px 0 0 0; display: flex; justify-content: flex-start; align-items: flex-end; float: right; position: relative; z-index: 11;}
  .chowapp-qrcode-link img.qrcode { width: 220px; height: auto; margin: 0 30px 0 120px;}
  .chowapp-qrcode-link img.app-ios { width: auto; height: 45px;}
  .chowapp-qrcode-link img.app-apk { width: auto; height: 45px; margin: 0 10px 0 0;}

  section#chowapp-ifttt-infor { clear: both; width: 100%; padding: 0 calc(50% - 550px) 120px calc(50% - 550px); box-sizing: border-box;}

  .chowapp-ifttt-title { width: 90%; margin: 0 auto; background: url("../images/line.png"); background-position: center center; background-repeat: no-repeat;}
  .chowapp-ifttt-title .title-1 { width: 270px; margin: 0 auto; color: #ee7b45; font-size: 1.8em; font-family: "GSR-B"; text-align: center; background-color: #fff;}
  .chowapp-ifttt-title .title-2 { width: 220px; margin: 0 auto; color: #ee7b45; font-size: 1.8em; font-family: "GSR-B"; text-align: center; background-color: #fff;}

  .chowapp-ifttt-text { clear: both; width: 70%; padding: 100px 0; margin: 0 auto; font-size: 1.6em; position: relative;}
  .chowapp-ifttt-text img.ifttt-logo { width: 150px; height: auto; position: absolute; bottom: 20px; right: -100px;}
  .chowapp-ifttt-text .text-pc { width: 70%; margin: 0 auto;}
  .chowapp-ifttt-text .text-mo { display: none;}

  .chowapp-ifttt-pic { clear: both; width: 90%; padding: 100px 0; margin: 0 auto;}
  .chowapp-ifttt-pic img { width: 100%; height: auto;}

  .chowapp-ifttt-works { clear: both; width: 90%; margin: 0 auto; display: flex; justify-content: flex-start; align-items: center;}
  .chowapp-ifttt-works .intro { width: 75%; font-size: 1.4em; line-height: 1.6em;}
  .chowapp-ifttt-works .intro span.title { color: #ee7b45; font-size: 1.4em; font-family: "GSR-B";}
  .chowapp-ifttt-works .phone { width: 25%;}
  .chowapp-ifttt-works .phone img { width: 100%; height: auto;}

  ul.num-list { clear: both; padding: 0 0 0 24px; margin: 0; list-style: decimal; display: block;}
  ul.num-list li { padding: 0; margin: 0;}


  /**************** page-support ****************/

  section#page-support-gate { clear: both; width: 100%; padding: 60px calc(50% - 550px) 120px calc(50% - 550px); box-sizing: border-box;}

  .support-gate-title { width: 100%; font-size: 2em; font-family: "GSR-B";}

  .support-gate-faq { clear: both; width: 100%; margin: 60px 0 0 0;}
  .support-gate-faq .sort-title { width: 100%; border-bottom: 1px #ee7b45 solid; display: flex; justify-content: space-around; align-items: center; cursor: pointer;}
  .support-gate-faq .sort-title .title { width: calc(100% - 60px); color: #ee7b45; font-size: 1.6em; font-family: "GSR-B"; line-height: 1em;}
  .support-gate-faq .sort-title .icon-open, .sort-title .icon-close { width: 60px; color: #ee7b45; font-size: 2em; text-align: center;}
  .support-gate-faq .sort-title .icon-close { display: none;}

  .support-gate-faq ul.faq-content { clear: both; width: 94%; padding: 0; margin: 0 auto; list-style: none; display: none;}
  .support-gate-faq ul.faq-content li { width: 100%; padding: 10px 0; margin: 40px 0 0 0; border-bottom: 1px #ccc solid;}
  .support-gate-faq ul.faq-content li .question { width: 100%; padding: 0; display: flex; justify-content: flex-start; cursor: pointer;}
  .support-gate-faq ul.faq-content li .question .icon-open, .question .icon-close { width: 60px; font-size: 1.4em; line-height: 1.2em;}
  .support-gate-faq ul.faq-content li .question .icon-close { display: none;}
  .support-gate-faq ul.faq-content li .question .text { width: calc(100% - 60px); font-size: 1.4em; line-height: 1.2em; font-weight: 600;}
  .support-gate-faq ul.faq-content li .answer { width: 100%; padding: 20px 60px; font-size: 1.4em; box-sizing: border-box; display: none;}
  .support-gate-faq ul.faq-content li .answer img { max-width: 100%; height: auto;}

  section#page-support-tmt { clear: both; width: 100%; padding: 60px calc(50% - 550px) 120px calc(50% - 550px); box-sizing: border-box;}

  .support-tmt-title { width: 100%; color: #ee7b45; font-size: 2em; font-family: "GSR-B";}

  .support-tmt-video-x3 { width: 100%; display: flex; justify-content: flex-start; align-items: stretch;}
  .support-tmt-video-x3 .video-box { width: calc(100% / 3 - 60px); margin: 30px;}
  .support-tmt-video-x3 .video-box .video-link { width: 100%; position: relative;}
  .support-tmt-video-x3 .video-box .video-link img.yt { width: 100%; height: auto;}
  .support-tmt-video-x3 .video-box .video-link .icon-yt { width: 80px; height: 80px; color:#ee7b45; font-size: 3em; border-radius: 100%; background-color: #fff; overflow: hidden; position: absolute; top: calc(50% - 40px); left: calc(50% - 40px);}
  .support-tmt-video-x3 .video-box .video-link .icon-yt a { width: 100%; height: 100%; color: #ee7b45; text-decoration: none; display: flex; justify-content: center; align-items: center;}
  .support-tmt-video-x3 .video-box .video-title { clear: both; width: 100%; padding: 5px 0; font-size: 1.2em; line-height: 1.2em;}

  .more-link { clear: both; width: 100%; text-align: right;}
  .more-link a { color: #666; font-size: 1.2em; text-decoration: none;}
  .more-link a:hover { text-decoration: underline;}

  .support-tmt-title-s { width: 100%; padding: 40px 30px 0 30px; font-size: 1.6em; font-family: "GSR-B"; line-height: 1em; box-sizing: border-box;}

  .support-tmt-video-x4 { clear: both; width: 100%; display: flex; justify-content: flex-start; align-items: stretch;}
  .support-tmt-video-x4 .video-box { width: calc(100% / 4 - 60px); margin: 30px;}
  .support-tmt-video-x4 .video-box .video-link { width: 100%; position: relative;}
  .support-tmt-video-x4 .video-box .video-link img.yt { width: 100%; height: auto;}
  .support-tmt-video-x4 .video-box .video-link .icon-yt { width: 60px; height: 60px; color: #ee7b45; font-size: 2em; border-radius: 100%; background-color: #fff; overflow: hidden; position: absolute; top: calc(50% - 30px); left: calc(50% - 30px);}
  .support-tmt-video-x4 .video-box .video-link .icon-yt a { width: 100%; height: 100%; color: #ee7b45; text-decoration: none; display: flex; justify-content: center; align-items: center;}
  .support-tmt-video-x4 .video-box .video-title { clear: both; width: 100%; padding: 5px 0; font-size: 1.2em; line-height: 1.2em;}


  /**************** page-news ****************/

  section#page-news { clear: both; width: 100%; padding: 60px calc(50% - 550px) 120px calc(50% - 550px); box-sizing: border-box;}

  .page-news-sort { width: 100%; padding: 0 30px; font-size: 1.4em; text-align: right; box-sizing: border-box;}
  .page-news-sort select { padding: 2px 10px; font:0.8em BB2-M, "GSR-R", sans-serif, Arial; line-height: 1em; border: 1px #ccc solid;}

  .news-list-full { clear: both; width: 100%; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap;}
  .news-list-full .news-box { width: calc(100% / 3 - 60px); margin: 30px;}
  .news-list-full .news-box a { width: 100%; height: 100%; color: #3e3a39; text-decoration: none; display: block; position: relative;}
  .news-list-full .news-box a .pic { width: 100%;}
  .news-list-full .news-box a .pic img { width: 100%; height: auto;}
  .news-list-full .news-box a .text { width: 100%; padding: 20px; margin: 10px 0 0 0; font-size: 1.2em; line-height: 1.2em; background-color: #ccc; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis;}
  .news-list-full .news-box a .text .date { width: 100%; margin: 0 0 5px 0; color: #fff; font-size: 0.8em;}
  .news-list-full .news-box a .text .title { width: 100%; margin: 0 0 10px 0; font-size: 1.2em; font-family: "GSR-B";}
  .news-list-full .news-box a .mask { display: none;}
  .news-list-full .news-box a:hover .mask { width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.2); position: absolute; top: 0; left: 0; display: block; z-index: 3;}

  #page-num { clear: both; width: 100%; margin: 40px 0 0 0;}
  #page-num ul.page { width: 100%; padding: 0; margin: 0; list-style: none; display: flex; justify-content: center; flex-wrap: wrap;}
  #page-num ul.page li { padding: 0; margin: 10px;}
  #page-num ul.page li a { color: #3e3a39; font-size: 1.4em; line-height: 1em; text-decoration: none;}
  #page-num ul.page li a:hover { border-bottom: 2px #ee7b45 solid;}
  #page-num ul.page li a.sel { color: #ee7b45; border-bottom: 2px #ee7b45 solid;}

  .page-news-content { clear: both; width: 100%;}
  .page-news-content .news-pic { width: 100%; margin: 0 0 40px 0;}
  .page-news-content .news-pic img { max-width: 100%; height: auto; margin: 0 auto;}
  .page-news-content .news-date { width: 100%; margin: 0 0 40px 0; text-align: right;}
  .page-news-content .news-title { width: 100%; margin: 0 0 40px 0; font-size: 1.8em; font-family: "GSR-B"; text-align: center;}
  .page-news-content .news-text { width: 100%; font-size: 1.4em;}

  #back-bt { clear: both; width: 160px; margin: 80px auto 0 auto;}
  #back-bt a { width: 100%; padding: 3px 0; color: #fff; font-size: 1.4em; text-align: center; border-radius: 16px; background-color: #ee7b45; text-decoration: none; display: block;}
  #back-bt a:hover { background-color: #ef6f34;}


  /**************** page-contact ****************/

  section#page-contact { clear: both; width: 100%; padding: 60px calc(50% - 550px) 120px calc(50% - 550px); display: flex; justify-content: center; align-items: flex-start; flex-wrap: wrap; box-sizing: border-box;}

  .page-contact-title { width: 80%; margin: 0 auto 20px auto; color: #ee7b45; font-size: 2em; font-family: "GSR-B";}

  .page-contact-col-half { width: 40%;}

  .page-contact-col-half .form-title { width: 90%; font-size: 1.4em; font-family: "GSR-B";}
  .page-contact-col-half .form-input { width: 90%;}
  .page-contact-col-half .form-input input[type=text] { width: 100%; padding: 10px; margin: 0 0 20px 0; color: #3e3a39; font:1.2em BB2-M, "GSR-R", sans-serif, Arial; border: 0; border-radius: 14px; background-color: #fddfd1; box-sizing: border-box;}
  .page-contact-col-half .form-input textarea { width: 100%; height: 160px; padding: 10px; margin: 0 0 40px 0; color: #3e3a39; font:1.2em BB2-M, "GSR-R", sans-serif, Arial; border: 0; border-radius: 14px; background-color: #fddfd1; box-sizing: border-box;}
  .page-contact-col-half .form-input input[type=submit] { clear: both; width: 140px; padding: 5px 0; color: #fff; font:1.2em BB2-M, "GSR-R", sans-serif, Arial; text-align: center; border: 0; border-radius: 14px; background-color: #ee7b45; cursor: pointer;}
  .page-contact-col-half .form-input input[type=submit]:hover { background-color: #ef6f34;}

  .page-contact-col-half .contact-infor { width: 100%; margin: 0 0 60px 0; display: flex; justify-content: flex-end; align-items: flex-start; float: right;}
  .page-contact-col-half .contact-infor:last-child { margin: 0;}
  .page-contact-col-half .contact-infor .flag-icon { width: 40%; padding: 0 40px 0 0; margin: -60px 0 0 0; text-align: right; box-sizing: border-box;}
  .page-contact-col-half .contact-infor .flag-icon h1 { font-size: 4em; line-height: 1em;}
  .page-contact-col-half .contact-infor .infor { width: 60%; font-size: 1.2em;}
  .page-contact-col-half .contact-infor .infor span.country { font-size: 1.2em; font-family: "GSR-B";}

  section#page-contact-thankq { clear: both; width: 100%; padding: 200px calc(50% - 500px) 120px calc(50% - 500px); box-sizing: border-box;}

  .page-thankq-icon { width: 100%; color: #ee7b45; font-size: 9em; line-height: 1em; text-align: center;}

  .page-thankq-title { width: 100%; color: #ee7b45; font-size: 3em; text-align: center;}

  .page-thankq-text-1 { width: 100%; margin: 0 0 60px 0; font-size: 1.8em; text-align: center;}

  .page-thankq-text-2 { width: 100%; font-size: 1.4em; text-align: center;}
  .page-thankq-text-2 a { color: #3e3a39; border-bottom: 1px #3e3a39 solid; text-decoration: none;}


  /**************** page-about ****************/

  section#page-about { clear: both; width: 100%; padding: 20px calc(50% - 500px) 120px calc(50% - 500px); display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; box-sizing: border-box;}

  .page-about-title { width: calc(100% / 3 * 2); padding: 40px 40px 40px 0; font-size: 1.4em; line-height: 1.4em; box-sizing: border-box;}
  .page-about-title span.title { font-size: 1.4em; font-family: "GSR-B";}
  .page-about-title span.title-s { font-size: 1.2em; line-height: 1.6em;}

  .page-about-key { width: calc(100% / 3); display: flex; align-items: flex-end;}
  .page-about-key .box { width: 100%; padding: 60px 40px; color: #fff; font-size: 1.6em; font-family: "GSR-B"; text-align: center; background-color: #ee7b45; box-sizing: border-box;}
  .page-about-key .box span.big { font-size: 1.8em;}

  .page-about-actuator { width: calc(100% / 3); padding: 60px 40px; color: #fff; font-size: 1.6em; font-family: "GSR-B"; text-align: center; background-color: #ee7b45; box-sizing: border-box;}
  .page-about-actuator span.big { font-size: 1.8em;}

  .page-about-employees { width: calc(100% / 3); padding: 60px 40px; color: #fff; font-size: 1.6em; font-family: "GSR-B"; text-align: center; background-color: #fca981; box-sizing: border-box;}
  .page-about-employees span.big { font-size: 1.8em;}

  .page-about-pic { width: calc(100% / 3); background: url("../images/about_pic.jpg"); background-size: auto 100%; background-position: center top; display: block;}


  /**************** page-catalog ****************/

  section#page-catalog { clear: both; width: 100%; padding: 60px calc(50% - 500px) 120px calc(50% - 500px); box-sizing: border-box;}

  .page-catalog-title { width: 100%; color: #ee7b45; font-size: 2em; font-family: "GSR-B";}

  .page-catalog-text { width: 100%; font-size: 1.6em;}

  .page-catalog-pic { width: 100%; margin: 40px 0;}
  .page-catalog-pic img { width: 80%; height: auto; margin: 0 auto;}

  .page-catalog-table { clear: both; width: 100%;}
  .page-catalog-table form { display: flex; justify-content: flex-start; align-items: flex-end;}
  .page-catalog-table .form-table { width: calc(100% - 220px);}
  .page-catalog-table .form-table .caption { width: 100%; margin: 20px 0 0 0; font-size: 1.4em; font-family: "GSR-B";}
  .page-catalog-table .form-table .form { width: 100%;}
  .page-catalog-table .form-table .form input[type=text] { width: 100%; padding: 10px; color: #3e3a39; font:1.2em BB2-M, "GSR-R", sans-serif, Arial; border: 1px #ccc solid; border-radius: 12px; background-color: #fff; box-sizing: border-box;}
  .page-catalog-table .form-bt { width: 180px; margin: 0 0 0 40px;}
  .page-catalog-table .form-bt input[type=submit] { width: 100%; padding: 10px 0; color: #fff; font: 1.4em BB2-M, "GSR-R", sans-serif, Arial; text-align: center; text-decoration: none; border: 0; border-radius: 10px; background-color: #ee7b45; cursor: pointer;}


  /**************** page-distributor ****************/

  section#page-distributor { clear: both; width: 100%; padding: 60px calc(50% - 550px) 100px calc(50% - 550px); box-sizing: border-box;}

  ul#distributor-tabs { width: 100%; padding: 0; margin: 0; list-style: none; display: flex; justify-content: flex-start; align-items: stretch;}
  ul#distributor-tabs li { padding: 0; margin: 0;}
  ul#distributor-tabs li a { padding: 5px 20px; color: #3e3a39; font-size: 1.4em; text-decoration: none; display: block;}
  ul#distributor-tabs li a:hover { background-color: #eee;}
  ul#distributor-tabs li a.sel { border-top: 1px #ccc solid; border-left: 1px #ccc solid; border-right: 1px #ccc solid; border-bottom: 1px #fff solid;}

  .distributor-list-content { clear: both; width: 100%; padding: 20px 0; margin: -1px 0 0 0; border-top: 1px #ccc solid;}
  .distributor-list-content .list-full { width: 100%; font-size: 1.1em; line-height: 1.4em; border-bottom: 1px #ccc dashed; display: flex; justify-content: flex-start; align-items: stretch;}
  .distributor-list-content .list-full:last-child { border-bottom: 0;}
  .distributor-list-content .list-full .column-1 { width: 25%; padding: 20px 10px; box-sizing: border-box;}
  .distributor-list-content .list-full .column-2 { width: 50%; padding: 20px 10px; box-sizing: border-box;}
  .distributor-list-content .list-full .column-3 { width: 25%; padding: 20px 10px; box-sizing: border-box;}


  /**************** page-privacy ****************/

  section#page-privacy { clear: both; width: 100%; padding: 60px calc(50% - 550px) 120px calc(50% - 550px); box-sizing: border-box;}

  .page-privacy-title { width: 100%; font-size: 2.6em; line-height: 1em; font-family: "GSR-B";}

  .page-privacy-content .big-text { font-size: 1.4em; line-height: 1.2em; font-family: "GSR-B";}
  .page-privacy-content { width: 100%; margin: 40px 0 0 0; font-size: 1.2em; line-height: 1.6em;}
  .page-privacy-content font.title { font-family: "GSR-B";}
  .page-privacy-content a { color: #3e3a39; text-decoration: none;}
  .page-privacy-content a:hover { text-decoration: underline;}

  ul.p-dot { padding: 0 0 0 24px; margin: 0; list-style: disc; display: block;}
  ul.p-dot li { padding: 0; margin: 0;}

  ul.p-num { padding: 0 0 0 24px; margin: 0; list-style: decimal; display: block;}
  ul.p-num li { padding: 0; margin: 0;}


  /**************** page-download ****************/

  section#page-download { clear: both; width: 100%; padding: 60px calc(50% - 550px) 120px calc(50% - 550px); box-sizing: border-box;}

  .download-title { width: 100%; margin: 0 0 40px 0; color: #ee7b45; font-size: 2em; font-family: "BB2-B"; text-align: center;}

  .download-list { width: 50%; padding: 30px 0; margin: 0 auto; display: flex; justify-content: flex-start; align-items: stretch; box-sizing: border-box; float: left;}
  .download-list:nth-child(odd) { clear: both;}
  .download-list .pic { width: 40%; padding: 0 40px 0 0; box-sizing: border-box;}
  .download-list .pic img { width: 70%; height: auto; border: 1px #ccc solid; box-sizing: border-box; float: right;}
  .download-list .infor { width: 60%;}
  .download-list .infor .title { width: 100%; height: 100px; font-size: 1.2em; font-family: "BB2-B";}
  .download-list .infor .download-bt { width: 200px; margin: 0 0 10px 0;}
  .download-list .infor .download-bt a { width: 100%; padding: 5px 0; color: #fff; font-size: 1.1em; text-align: center; text-decoration: none; border-radius: 10px; background-color: #ee7b45; display: block;}
  .download-list .infor .file-type { clear: both; width: 200px; text-align: center;}


  /**************** page-sitemap ****************/

  section#page-sitemap { clear: both; width: 100%; padding: 60px calc(50% - 550px) 120px calc(50% - 550px); box-sizing: border-box;}

  .page-sitemap-title { width: 100%; font-size: 2.6em; line-height: 1em; font-family: "GSR-B";}

  ul#sitemap { width: 100%; padding: 0; margin: 60px 0 0 0; list-style: none; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap;}
  ul#sitemap li { padding: 0; margin: 30px; font-size: 1.4em; line-height: 1.2em; font-family: "GSR-B";}
  ul#sitemap li a { color: #3e3a39; text-decoration: none;}
  ul#sitemap li a:hover { color: #ee7b45;}
  ul#sitemap li ul.sm-popup { width: 100%; padding: 10px 0 10px 20px; margin: 0; list-style: none; display: block; box-sizing: border-box;}
  ul#sitemap li ul.sm-popup li { padding: 0; margin: 0; font-size: 1em; line-height: 1.4em; font-family: "BB2-M";}
  ul#sitemap li ul.sm-popup li a { color: #3e3a39; text-decoration: none;}
  ul#sitemap li ul.sm-popup li a:hover { color: #ee7b45;}


  /**************** page-404 ****************/

  section#page-404 { clear: both; width: 100%; padding: 280px calc(50% - 650px) 200px calc(50% - 650px); font-size: 3em; font-family: "GSR-B"; text-align: center; box-sizing: border-box;}

  span.title { font-size: 2em; line-height: 2.6em; font-family: "BB2-B";}


  /**************** footer ****************/

  footer { clear: both; width: 100%; padding: 60px calc(50% - 550px); background-color: #ee7b45; box-sizing: border-box; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}

  footer .column-lf { width: 37%;}
  footer .column-lf .footer-logo { width: 100%; margin: 0 0 30px 0;}
  footer .column-lf .footer-logo img { width: 246px; height: auto;}
  footer .column-lf .infor { clear: both; width: 100%; padding: 0 120px 0 0; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; box-sizing: border-box;}
  footer .column-lf .infor .icon { width: 30px; margin: 0 0 15px 0; color: #fff;}
  footer .column-lf .infor .text { width: calc(100% - 30px); margin: 0 0 15px 0; color: #fff; line-height: 1.2em;}

  footer .column-md { width: 37%;}
  footer .column-md .title { width: 100%; color: #fff; font-size: 1.4em; line-height: 1.6em; font-family: "GSR-M";}
  footer .column-md .line { width: 90px; height: 3px; background-color: #fff; display: block;}
  footer .column-md .footer-nav { clear: both; width: 100%; margin: 20px 0 0 0; display: flex; justify-content: flex-start; align-items: flex-start;}
  footer .column-md .footer-nav ul { width: 40%; padding: 0; margin: 0; list-style: none; display: block;}
  footer .column-md .footer-nav ul li { width: 100%; padding: 0; margin: 0; line-height: 1.4em;}
  footer .column-md .footer-nav ul li a { color: #fff; text-decoration: none;}
  footer .column-md .footer-nav ul li a:hover { text-decoration: underline;}

  footer .column-rt { width: 26%;}
  footer .column-rt .title { width: 100%; color: #fff; font-size: 1.4em; line-height: 1.6em; font-family: "GSR-M";}
  footer .column-rt .line { width: 90px; height: 3px; background-color: #fff; display: block;}
  footer .column-rt .social-icons { clear: both; width: 100%; margin: 20px 0 0 0; display: flex; justify-content: flex-start; align-items: center;}
  footer .column-rt .social-icons .icon { width: 26px; height: 26px; margin: 0 15px 0 0; border-radius: 100%; background-color: #fff; overflow: hidden;}
  footer .column-rt .social-icons .icon a { width: 100%; height: 100%; color: #ee7b45; text-decoration: none; display: flex; justify-content: center; align-items: center;}
  footer .column-rt .social-icons .icon a:hover { background-color: rgba(255,255,255,0.7);}
  
  footer .copyright { clear: both; width: 100%; margin: 30px 0 0 0; color: #fff; text-align: right;}

    
}

@media screen and (min-width: 768px) and (max-width: 1279px) {

  /**************** header.hp ****************/
    
  header.hp { background-color: #ee7b45}
  
    
  /**************** header ****************/
    
  header { width: 100%; height: 80px; padding: 0 20px; display: flex; justify-content: space-between; align-items: center; box-sizing: border-box; position: fixed; top: 0; left: 0; z-index: 999;}
  header.bgcolor { background-color: #ee7b45;}

  header .logo { width: 200px; margin: 0 30px 0 0;}
  header .logo img { width: 100%; height: auto;}

  header .nav-mo-open { width: 40px;}
  header .nav-mo-open img { width: 100%; height: auto;}

  header nav#pc { display: none;}

  header nav#mo { width: 340px; padding: 20px 20px 40px 20px; background-color: #ee7b45; position: absolute; top: 0; right: -340px; box-sizing: border-box; z-index: 999;}

  header nav#mo .nav-mo-close { width: 40px;float: right;}
  header nav#mo .nav-mo-close img { width: 100%; height: auto;}

  header nav#mo ul#nav { clear: both; width: 100%; padding: 0; margin: 0 0 30px 0; list-style: none; display: block;}
  header nav#mo ul#nav li { padding: 0; margin: 0;}
  header nav#mo ul#nav li a { width: 100%; padding: 10px; color: #fff; font-size: 1.4em; line-height: 2em; text-decoration: none; cursor: pointer; display: block; box-sizing: border-box;}
  header nav#mo ul#nav li a:active { color: #ee7b45; background-color: #fff;}
  header nav#mo ul#nav li ul.nav-popup { clear: both; width: 100%; padding: 20px 0; margin: 0; background-color: rgba(255,255,255,0.2); list-style: none; display: none;}
  header nav#mo ul#nav li ul.nav-popup li { width: 100%; padding: 0; margin: 0;}
  header nav#mo ul#nav li ul.nav-popup li a { width: 100%; padding: 10px 20px; color: #fff; line-height: 1.8em; text-decoration: none; border: 0; box-sizing: border-box; display: block;}
  header nav#mo ul#nav li ul.nav-popup li a:active { color: #ee7b45; background-color: #fff; border-bottom: 0;}

  header nav#mo .nav-icons { width: 140px;}
  header nav#mo .nav-icons a.icon { padding: 0 10px; color: #fff; font-size: 1.6em; text-decoration: none;}

  header nav#mo .nav-icons .nav-language-box { width: 100%; display: none;}
  header nav#mo .nav-icons .nav-language-box ul#nav-lang-list { width: 100%; padding: 7px 0; margin: 0; list-style: none; background-color: #fff; display: block;}
  header nav#mo .nav-icons .nav-language-box ul#nav-lang-list li { width: 100%; padding: 3px 10px; margin: 0; box-sizing: border-box;}
  header nav#mo .nav-icons .nav-language-box ul#nav-lang-list li a { width: 100%; padding: 3px 0; color: #ee7b45; font-size: 1em; text-align: center; border-radius: 8px; background-color: #fff; text-decoration: none; display: block;}
  header nav#mo .nav-icons .nav-language-box ul#nav-lang-list li a:hover { color: #fff; background-color: #fca981;}
  header nav#mo .nav-icons .nav-language-box ul#nav-lang-list li a.sel { color: #fff; background-color: #ef6f34;}
  header nav#mo .nav-icons .nav-language-box .tri2 { width: 0px; height: 0px; padding: 0; margin: 0 0 0 15px; border-style: solid; border-width: 0px 10px 15px 10px; border-color: transparent transparent #fff transparent;}

  
  /**************** header#style2 ****************/
    
  header#style2 { width: 100%; height: 80px; padding: 0 20px; display: flex; justify-content: space-between; align-items: center; background-color: #fff; box-sizing: border-box; position: fixed; top: 0; left: 0; z-index: 999;}

  header#style2 .logo { width: 220px; margin: 0 30px 0 0;}
  header#style2 .logo img { width: 100%; height: auto;}

  header#style2 .nav-mo-open { width: 40px;}
  header#style2 .nav-mo-open img { width: 100%; height: auto;}

  header#style2 nav#pc { display: none;}

  header#style2 nav#mo { width: 340px; padding: 20px 20px 40px 20px; background-color: #ee7b45; position: absolute; top: 0; right: -340px; box-sizing: border-box; z-index: 999;}

  header#style2 nav#mo .nav-mo-close { width: 40px; float: right;}
  header#style2 nav#mo .nav-mo-close img { width: 100%; height: auto;}

  header#style2 nav#mo ul#nav { clear: both; width: 100%; padding: 0; margin: 0 0 30px 0; list-style: none; display: block;}
  header#style2 nav#mo ul#nav li { padding: 0; margin: 0;}
  header#style2 nav#mo ul#nav li a { width: 100%; padding: 10px; color: #fff; font-size: 1.4em; text-decoration: none; cursor: pointer; display: block; box-sizing: border-box;}
  header#style2 nav#mo ul#nav li a:active { color: #ee7b45; background-color: #fff;}
  header#style2 nav#mo ul#nav li ul.nav-popup { clear: both; width: 100%; padding: 20px 0; margin: 0; background-color: rgba(255,255,255,0.2); list-style: none; display: none;}
  header#style2 nav#mo ul#nav li ul.wd-300 { width: 100%;}
  header#style2 nav#mo ul#nav li ul.wd-200 { width: 100%;}
  header#style2 nav#mo ul#nav li ul.wd-240 { width: 100%;}
  header#style2 nav#mo ul#nav li ul.nav-popup li { width: 100%; padding: 0; margin: 0;}
  header#style2 nav#mo ul#nav li ul.nav-popup li a { width: 100%; padding: 10px 20px; color: #fff; text-decoration: none; border: 0; box-sizing: border-box; display: block;}
  header#style2 nav#mo ul#nav li ul.nav-popup li a:active { color: #ee7b45; background-color: #fff; border-bottom: 0;}

  header#style2 nav#mo .nav-icons { width: 140px;}
  header#style2 nav#mo .nav-icons a { padding: 0 10px; color: #fff; font-size: 1.6em; text-decoration: none;}

  header#style2 nav#mo .nav-icons .nav-language-box { width: 100%; display: none;}
  header#style2 nav#mo .nav-icons .nav-language-box ul#nav-lang-list { width: 100%; padding: 7px 0; margin: 0; list-style: none; background-color: #fff; display: block;}
  header#style2 nav#mo .nav-icons .nav-language-box ul#nav-lang-list li { width: 100%; padding: 3px 10px; margin: 0; box-sizing: border-box;}
  header#style2 nav#mo .nav-icons .nav-language-box ul#nav-lang-list li a { width: 100%; padding: 3px 0; color: #ee7b45; font-size: 1em; text-align: center; border-radius: 8px; background-color: #fff; text-decoration: none; display: block;}
  header#style2 nav#mo .nav-icons .nav-language-box ul#nav-lang-list li a:hover { color: #fff; background-color: #fca981;}
  header#style2 nav#mo .nav-icons .nav-language-box ul#nav-lang-list li a.sel { color: #fff; background-color: #ef6f34;}
  header#style2 nav#mo .nav-icons .nav-language-box .tri2 { width: 0px; height: 0px; padding: 0; margin: 0 0 0 15px; border-style: solid; border-width: 0px 10px 15px 10px; border-color: transparent transparent #fff transparent;}


  /**************** hp-banner ****************/

  section#hp-banner { width: 100%; position: relative; z-index: 1;}

  section#hp-banner .banner-box { width: 100%; height: 48vw; overflow: hidden;}
  section#hp-banner .banner-box img.hp-banner-img-mo { display: none;}
  section#hp-banner .banner-box video { width: 100%; height: auto;}

  .hp-banner-video { width: 100%; height: 48vw; overflow: hidden;}

  .hp-banner-video-bt { width: 80px; text-align: center; position: absolute; top: 18vw; left: calc(50% - 40px);}
  .hp-banner-video-bt a { color: #fff; font-size: 6em; text-decoration: none;}

  .hp-banner-text-1 { width: 30vw; height: 10vw; background-color: rgba(255, 96, 0, 0.6); position: absolute; top: 24vw; left: 0; z-index: 3;}
  .hp-banner-text-1 .text { margin: -1.5vw 0 0 8vw; color: #fff; font-size: 5vw; font-family: "GSR-B"; line-height: 0.8em;}
  .hp-banner-text-2 { width: 100%; padding: 0 0 0 6.5vw; color: #fff; font-size: 2vw; font-family: "GSR-B"; line-height: 2.4vw; position: absolute; top: 20vw; left: 0; z-index: 3; box-sizing: border-box;}
  .hp-banner-text-2 span.title { font-size: 4vw;}

  a.hp-learnmore-bt-1 { width: 30vw; display: block; position: absolute; bottom: 4vw; right: 3vw; z-index: 99;}
  a.hp-learnmore-bt-1 img { width: 100%; height: auto;}
  a.hp-learnmore-bt-2 { width: 30vw; display: block; position: absolute; bottom: 8vw; left: calc(50% - 15vw); z-index: 99;}
  a.hp-learnmore-bt-2 img { width: 100%; height: auto;}


  /**************** #breadcrumb ****************/

  div#breadcrumb { clear: both; width: 100%; padding: 40px 20px 0 20px; color: #ee7b45; text-align: center; box-sizing: border-box;}
  div#breadcrumb a { color: #ee7b45; text-decoration: none;}
  div#breadcrumb a:hover { text-decoration: underline;}


  /**************** hp-products ****************/

  section#hp-products { clear: both; width: 100%; padding: 100px calc(50% - 370px); box-sizing: border-box;}

  section#hp-products .title-1 { width: 100%; color: #ee7b45; font-size: 1.8em; font-family: "GSR-B"; text-align: center;}
  section#hp-products .title-2 { width: 100%; margin: 0 0 30px 0; font-size: 3em; font-family: "GSR-B"; line-height: 1em; text-align: center;}
  section#hp-products .intro-text { width: 100%; margin: 0 auto 60px auto; font-size: 1.4em; line-height: 1.4em; text-align: center;}

  section#hp-products .prod-list-full { clear: both; width: 100%; display: flex; justify-content: center; align-items: stretch; flex-wrap: wrap;}
  section#hp-products .prod-box { width: 330px; height: 330px; margin: 0 20px 20px 20px; display: flex; justify-content: flex-start; position: relative; overflow: hidden;}
  section#hp-products .prod-box img.prod-pic { width: 100%; height: auto; position: relative; z-index: 1;}
  section#hp-products .prod-box .sort-title { width: 100%; padding: 30px 20px 0 20px; box-sizing: border-box; color: #ee7b45; font-size: 2.2em; font-family: "GSR-B"; line-height: 1em; text-align: center; position: absolute; top: 0; left: 0; z-index: 2;}
  section#hp-products .prod-box img.bt-explore { position: absolute; bottom: 30px; right: 20px; z-index: 2;}


  /**************** hp-about ****************/

  section#hp-about { clear: both; width: 100%; padding: 80px calc(50% - 370px); background-image: url("../images/hp_about_bg.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center top; box-sizing: border-box;}

  section#hp-about .title-1 { width: 100%; color: #ee7b45; font-size: 1.8em; font-family: "GSR-B"; text-align: center;}
  section#hp-about .title-2 { width: 100%; margin: 0 0 30px 0; color: #fff; font-size: 3em; font-family: "GSR-B"; line-height: 1em; text-align: center;}
  section#hp-about .intro-text { width: 100%; margin: 0 auto 60px auto; color: #fff; font-size: 1.4em; line-height: 1.4em; text-align: center;}
  section#hp-about .bt-readmore { width: 200px; margin: 0 auto; background-color: #ee7b45; border-radius: 16px;}
  section#hp-about .bt-readmore a { width: 100%; padding: 6px 0; color: #fff; font-size: 1.6em; line-height: 1.2em; text-align: center; text-decoration: none; display: block;}
  section#hp-about .bt-readmore:hover { background-color: #ef6f34;}

  section#hp-about .service-icon-full { clear: both; width: 100%; margin: 160px auto 0 auto; display: flex; justify-content: center; align-items: flex-start;}
  section#hp-about .service-icon-full .icon-box { width: calc(100% / 3 - 40px); margin: 0 20px; color: #fff;}
  section#hp-about .service-icon-full .icon-box .icon { width: 100%; font-size: 4em; text-align: center;}
  section#hp-about .service-icon-full .icon-box .title { width: 100%; font-size: 1.4em; line-height: 1em; text-align: center;}


  /**************** hp-chowapp ****************/

  section#hp-chowapp { clear: both; width: 100%; height: 240vw;}

  section#hp-chowapp .app-content { width: 100%; height: 80vw; margin: 0 auto; background-size: auto 70vw; background-repeat: no-repeat; background-position: 5vw 5vw; background-attachment: fixed; box-sizing: border-box;}
  section#hp-chowapp .app-1 { background-image: url("../images/hp_app_1.jpg");}
  section#hp-chowapp .app-2 { background-image: url("../images/hp_app_2.jpg");}
  section#hp-chowapp .app-3 { background-image: url("../images/hp_app_3.jpg");}
  section#hp-chowapp .app-content .text { width: 50vw; padding: 30vw 3vw 0 0; font-size: 1.4em; line-height: 1.4em; float: right; box-sizing: border-box;}
  section#hp-chowapp .app-content .text span.font-1 { color: #ee7b45; font-size: 3rem; font-family: "BB2-B"; line-height: 1.2em;}
  section#hp-chowapp .app-content .text span.font-2 { font-size: 1.8rem; font-family: "GSR-B"; line-height: 2em;}


  /**************** hp-contain ****************/

  section#hp-contain { clear: both; width: 100%; position: relative;}

  section#hp-contain img.hp-contain-bg { width: 140%; height: auto; margin: 0 0 0 -20%;}

  section#hp-contain .intro-text { clear: both; width: 60%; position: absolute; top: 40px; left: 40px;}
  section#hp-contain .intro-text .title-1 { width: 100%; font-size: 3em; font-family: "GSR-B"; line-height: 1em;}
  section#hp-contain .intro-text .title-2 { width: 100%; font-size: 1.8em; line-height: 1.2em; font-family: "GSR-B";}
  section#hp-contain .intro-text .text { width: 100%; margin: 20px 0 0 0; font-size: 1.4em; line-height: 1.4em;}

  section#hp-contain a.hp-contact-bt { width: 200px; display: block; position: absolute; bottom: 40px; left: 40px; z-index: 3;}
  section#hp-contain a.hp-contact-bt img { width: 100%; height: auto;}


  /**************** page-banner ****************/

  section#page-banner { width: 100%; position: relative; z-index: 1;}

  .page-banner { clear: both; width: 100%; position: relative;}
  .page-banner img.page-banner-bg { width: 100%; height: auto;}
  .page-banner img.page-banner-bg-2 { width: 100%; height: auto;}
  .page-banner img.page-banner-bg-mo { display: none;}
  .page-banner img.page-banner-bg-2-mo { display: none;}
  .page-banner .banner-title { width: 100%; color: #fff; font-size: 4.5vw; font-family: "GSR-B"; text-align: center; position: absolute; top: 20vw; left: 0; z-index: 2;}

  .page-banner2 { clear: both; width: 100%; margin: 80px 0 0 0; position: relative;}
  .page-banner2 img.page-banner-bg { width: 100%; height: auto;}
  .page-banner2 img.page-banner-bg-md { width: 100%; height: auto;}
  .page-banner2 img.page-banner-bg-mo { display: none;}
  .page-banner2 img.page-banner-bg-md-mo { display: none;}
  .page-banner2 .banner-title2 { width: 100%; color: #fff; font-size: 4.5vw; font-family: "GSR-B"; text-align: center; position: absolute; top: 12vw; left: 0; z-index: 2;}


  /**************** page-gate ****************/

  section#page-gate-intro { clear: both; width: 100%; padding: 60px 20px; box-sizing: border-box;}

  .gate-intro-title { width: 70%; margin: 0 auto; display: flex; justify-content: center; align-items: stretch;}
  .gate-intro-title .title { width: 140px; padding: 0 20px 0 0; color: #ee7b45; font-size: 1.4em; line-height: 1.2em; border-right: 3px #ee7b45 solid; box-sizing: border-box;}
  .gate-intro-title .text { width: calc(100% - 140px); padding: 0 0 0 20px; font-size: 1.2em; line-height: 1.2em;}

  .gate-intro-title2 { width: 75%; margin: 0 auto; display: flex; justify-content: center; align-items: stretch;}
  .gate-intro-title2 .title { width: 140px; padding: 0 20px 0 0; color: #ee7b45; font-size: 1.4em; line-height: 1.2em; border-right: 3px #ee7b45 solid; box-sizing: border-box;}
  .gate-intro-title2 .text { width: calc(100% - 140px); padding: 0 0 0 20px; font-size: 1.2em; line-height: 1.2em;}

  .gate-intro-title3 { width: 80%; margin: 0 auto; display: flex; justify-content: center; align-items: stretch;}
  .gate-intro-title3 .title { width: 210px; padding: 0 20px 0 0; color: #ee7b45; font-size: 1.4em; line-height: 1.2em; border-right: 3px #ee7b45 solid; box-sizing: border-box;}
  .gate-intro-title3 .text { width: calc(100% - 210px); padding: 0 0 0 20px; font-size: 1.2em; line-height: 1.2em;}

  .features-icons { clear: both; width: 85%; margin: 20px auto 0 auto; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
  .features-icons .icon-box { width: calc(100% / 2); margin: 30px 0; display: flex; justify-content: center; align-items: center;}
  .features-icons .icon-box .icon { width: 80px; height: 80px; margin: 0 auto; border-radius: 16px; background-color: #ee7b45; display: flex; justify-content: center; align-items: center;}
  .features-icons .icon-box .icon .circle-withe { width: 70px; height: 70px; color: #ee7b45; font-size: 2.8em; text-align: center; border-radius: 100%; background-color: #fff; overflow: hidden; display: flex; justify-content: center; align-items: center;}
  .features-icons .icon-box .icon .circle-withe img.img-icon-1 { width: auto; height: 38px;}
  .features-icons .icon-box .icon .circle-withe img.img-icon-2 { width: auto; height: 46px;}
  .features-icons .icon-box .text { width: calc(100% - 100px); padding: 0 10px; font-size: 1.6em; line-height: 1.2em; box-sizing: border-box;}

  section#page-gate-list { clear: both; width: 100%;}

  .prod-list-show { width: 100%; position: relative; z-index: 1;}
  .prod-list-show .prod-typename-infor { width: 100%; height: 100%; padding: 0 5vw; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; box-sizing: border-box; position: absolute; top: 0; left: 0; z-index: 3;}
  .prod-list-show .prod-typename-infor .column-typename { width: 100%; display: flex; justify-content: center; flex-wrap: wrap;}
  .prod-list-show .prod-typename-infor .column-typename .prod-title { width: 100%; margin: 0 0 3vw 0; color: #fff; font-size: 8vw; font-family: "GSR-B"; line-height: 4vw; text-align: center;}
  .prod-list-show .prod-typename-infor .column-typename img.bt-more { width: 24vw; height: auto; margin: 0 auto; cursor: pointer;}
  .prod-list-show .prod-typename-infor .column-series-full { width: 100%; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
  .prod-list-show .prod-typename-infor .column-series { width: 33%; margin: 1vw 0;}
  .prod-list-show .prod-typename-infor .column-series .series-type-name { width: 80%; padding: 0.5vw 0; margin: 0 auto 2vw auto; color: #3e3a39; font-size: 2.5vw; font-family: "GSR-B"; line-height: 2.5vw; text-align: center; border-radius: 1.6vw; background-color: #fff;}
  .prod-list-show .prod-typename-infor .column-series .infor-text { clear: both; width: 100%; color: #fff; font-size: 2vw; line-height: 2vw; text-align: center;}
  .prod-list-show .prod-typename-infor .v-line { width: 1px; height: 7vw; background-color: #fff; display: block;}
  .prod-list-show img.prod-bg { width: auto; height: 46vw;}
  .prod-list-show img.prod-bg-4 { width: auto; height: 46vw;}
  .prod-list-show img.prod-bg-mo { display: none;}

  .prod-infor-box { clear: both; width: 100%; padding: 120px calc(50% - 550px) 120px calc(50% - 550px); box-sizing: border-box; display: none; position: relative;}
  .prod-infor-box .icon-close { width: 70px; color: #ee7b45; font-size: 4em; line-height: 1em; text-align: center; position: absolute; top: 120px; right: 20px; cursor: pointer;}
  
  .prod-infor-box .prod-pics { clear: both; width: 100%;}
  .prod-infor-box .prod-pics .column-lf { width: 650px; margin: 0 auto;}
  .prod-infor-box .prod-pics .column-lf .title-mo { width: 100%; margin: 0 0 30px 0; font-size: 2em; font-family: "GSR-B";}
  .prod-infor-box .prod-pics .column-lf ul { width: 100%; height: 430px; padding: 0; margin: 0; list-style: none; display: block; position: relative;}
  .prod-infor-box .prod-pics .column-lf ul li { width: 650px; padding: 0; margin: 0; position: absolute; top: 0; left: 0; display: none;}
  .prod-infor-box .prod-pics .column-lf ul li img.pic-b { width: 100%; height: auto;}
  
  .prod-infor-box .prod-pics .column-rt { clear: both; width: 650px; margin: 0 auto;}
  .prod-infor-box .prod-pics .column-rt .title { display: none;}    
  .prod-infor-box .prod-pics .column-rt .pic-s-list { clear: both; width: 590px; margin: 30px auto 0 auto; display: flex; justify-content: flex-start; align-items: center;}
  .prod-infor-box .prod-pics .column-rt .pic-s-list .arrow-lf, .pic-s-list .arrow-rt { width: 25px; }
  .prod-infor-box .prod-pics .column-rt .pic-s-list .arrow-lf img, .pic-s-list .arrow-rt img { width: 100%; height: auto; cursor: pointer;}
  .prod-infor-box .prod-pics .column-rt .pic-s-list .thumbs-list { width: 540px; height: 126px; overflow: hidden;}
  .prod-infor-box .prod-pics .column-rt .pic-s-list .thumbs-list ul { padding: 0; margin: 0; list-style: none; display: block;}
  .prod-infor-box .prod-pics .column-rt .pic-s-list .thumbs-list ul li { width: 160px; padding: 0; margin: 10px; float: left;}
  .prod-infor-box .prod-pics .column-rt .pic-s-list .thumbs-list ul li img { width: 100%; height: auto; border: 1px #ccc solid; box-sizing: border-box; cursor: pointer;}
  .prod-infor-box .prod-pics .column-rt .pic-s-list .thumbs-list ul li img.sel { border: 2px #ccc solid; box-sizing: border-box;}
  
  .prod-infor-box .prod-pics .column-rt .manual-dt-bt { clear: both; width: 280px; margin: 80px auto 0 auto;}
  .prod-infor-box .prod-pics .column-rt .manual-dt-bt a { width: 100%; padding: 4px 0; color: #fff; font-size: 1.4em; text-align: center; text-decoration: none; border-radius: 12px; background-color: #ee7b45; display: block;}
  .prod-infor-box .prod-pics .column-rt .manual-dt-bt a:hover { background-color: #ef6f34;}
  
  .prod-infor-box .prod-features { clear: both; width: 100%; padding: 0 20px; margin: 120px 0 0 0; position: relative; box-sizing: border-box;}
  .prod-infor-box .prod-features .icon-open, .prod-features .icon-close { width: 50px; color: #ee7b45; font-size: 2.5em; line-height: 1em; text-align: center; position: absolute; top: 0; left: 20px; z-index: 3; cursor: pointer;}
  .prod-infor-box .prod-features .icon-close { display: none;}
  .prod-infor-box .prod-features .sub-title { width: 100%; padding: 0 0 0 70px; color: #ee7b45; font-size: 1.6em; font-family: "GSR-B"; box-sizing: border-box;}
  .prod-infor-box .prod-features .text-content { clear: both; width: 100%; padding: 0 70px; margin: 40px 0 0 0; font-size: 1.3em; line-height: 1.6em; box-sizing: border-box; display: none;}

  .prod-infor-box .prod-specifications { clear: both; width: 100%; padding: 0 20px; margin: 120px 0 0 0; position: relative; box-sizing: border-box;}
  .prod-infor-box .prod-specifications .icon-open, .prod-specifications .icon-close { width: 50px; color: #ee7b45; font-size: 2.5em; line-height: 1em; text-align: center; position: absolute; top: 0; left: 20px; z-index: 3; cursor: pointer;}
  .prod-infor-box .prod-specifications .icon-close { display: none;}
  .prod-infor-box .prod-specifications .sub-title { width: 100%; padding: 0 0 0 70px; color: #ee7b45; font-size: 1.6em; font-family: "GSR-B"; box-sizing: border-box;}
  .prod-infor-box .prod-specifications .spec-data-table { clear: both; width: 100%; margin: 40px auto 0 auto; display: none;}
  .prod-infor-box .prod-specifications .spec-data-table .caption-full { width: 100%; font-size: 1.3em; font-family: "GSR-B"; border-bottom: 1px #ccc solid; display: flex; justify-content: flex-start; align-items: stretch;}
  .prod-infor-box .prod-specifications .spec-data-table .caption-full .caption-1 { width: 34%; padding: 5px 10px; box-sizing: border-box; border-right: 1px #ccc solid; display: flex; align-items: center;}
  .prod-infor-box .prod-specifications .spec-data-table .caption-full .caption-2 { width: 33%; padding: 5px 10px; box-sizing: border-box; border-right: 1px #ccc solid; display: flex; align-items: center;}
  .prod-infor-box .prod-specifications .spec-data-table .caption-full .caption-3 { width: 33%; padding: 5px 10px; box-sizing: border-box; display: flex; align-items: center;}
  .prod-infor-box .prod-specifications .spec-data-table .caption-full .caption-3-1 { width: 66%; padding: 5px 10px; box-sizing: border-box; display: flex; align-items: center;}
  .prod-infor-box .prod-specifications .spec-data-table .caption-full .caption-2-1 { width: 25%; padding: 5px 10px; box-sizing: border-box; border-right: 1px #ccc solid; display: flex; align-items: center;}
  .prod-infor-box .prod-specifications .spec-data-table .caption-full .caption-2-2 { width: 25%; padding: 5px 10px; box-sizing: border-box; border-right: 1px #ccc solid; display: flex; align-items: center;}
  .prod-infor-box .prod-specifications .spec-data-table .caption-full .caption-2-3 { width: 25%; padding: 5px 10px; box-sizing: border-box; border-right: 1px #ccc solid; display: flex; align-items: center;}
  .prod-infor-box .prod-specifications .spec-data-table .caption-full .caption-2-4 { width: 25%; padding: 5px 10px; box-sizing: border-box; display: flex; align-items: center;}
  .prod-infor-box .prod-specifications .spec-data-table .column-full { clear: both; width: 100%; font-size: 1.3em; border-bottom: 1px #ccc solid; display: flex; justify-content: flex-start; align-items: stretch;}
  .prod-infor-box .prod-specifications .spec-data-table .column-full:last-child { border-bottom: 0;}
  .prod-infor-box .prod-specifications .spec-data-table .column-full .column-1 { width: 34%; padding: 5px 10px; box-sizing: border-box; border-right: 1px #ccc solid; display: flex; align-items: center;}
  .prod-infor-box .prod-specifications .spec-data-table .column-full .column-2 { width: 33%; padding: 5px 10px; box-sizing: border-box; border-right: 1px #ccc solid; display: flex; align-items: center;}
  .prod-infor-box .prod-specifications .spec-data-table .column-full .column-3 { width: 33%; padding: 5px 10px; box-sizing: border-box; display: flex; align-items: center;}
  .prod-infor-box .prod-specifications .spec-data-table .column-full .column-2-1 { width: 25%; padding: 5px 10px; box-sizing: border-box; border-right: 1px #ccc solid; display: flex; align-items: center;}
  .prod-infor-box .prod-specifications .spec-data-table .column-full .column-2-2 { width: 25%; padding: 5px 10px; box-sizing: border-box; border-right: 1px #ccc solid; display: flex; align-items: center;}
  .prod-infor-box .prod-specifications .spec-data-table .column-full .column-2-3 { width: 25%; padding: 5px 10px; box-sizing: border-box; border-right: 1px #ccc solid; display: flex; align-items: center;}
  .prod-infor-box .prod-specifications .spec-data-table .column-full .column-2-4 { width: 25%; padding: 5px 10px; box-sizing: border-box; display: flex; align-items: center;}
  .prod-infor-box .prod-specifications .spec-data-table .column-full .column-3-1 { width: 66%; padding: 5px 10px; box-sizing: border-box; display: flex; align-items: center;}


  /**************** page-accessories ****************/

  section#page-acc-list { clear: both; width: 100%; padding: 60px 20px 120px 20px; box-sizing: border-box; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap;}

  .acc-list { width: calc(100% / 3 - 50px); margin: 25px;}
  .acc-list .pic { width: 100%;}
  .acc-list .pic img { width: 100%; height: auto;}
  .acc-list .infor { width: 100%; padding: 5px; margin: 5px 0 0 0; line-height: 1.2em; box-sizing: border-box;}
  .acc-list .infor span.title { color: #ee7b45; font-size: 1.2em; font-family: "GSR-B"; line-height: 1.8em;}


  /**************** page-chowhub ****************/

  section#page-chowhub-big-prod { clear: both; width: 100%; padding: 60px 20px 0 20px; box-sizing: border-box;}
  section#page-chowhub-big-prod img.big-prod-pic { width: 60%; height: auto; margin: 0 auto 40px auto;}
  section#page-chowhub-big-prod img.big-prod-pic-cam { width: 40%; height: auto; margin: 0 auto 40px auto;}
  section#page-chowhub-big-prod img.big-prod-pic-cam-b1 { width: 50%; height: auto; margin: 0 auto 40px auto;}
  section#page-chowhub-big-prod img.big-prod-pic-bell { width: 40%; height: auto; margin: 0 auto 40px auto;}

  section#page-chowhub-big-prod .title { clear: both; width: 100%; margin: 0 0 15px 0; color: #ee7b45; font-size: 3em; font-family: "GSR-B"; line-height: 1em; text-align: center;}
  section#page-chowhub-big-prod .text { clear: both; width: 65%; margin: 0 auto; font-size: 1.3em; line-height: 1.4em; text-align: center;}

  section#page-chowhub-infor { clear: both; width: 100%; padding: 0 20px 120px 20px; box-sizing: border-box;}

  .chowhub-features-title { width: 100%; margin: 0 0 40px 0; color: #ee7b45; font-size: 1.6em; font-family: "GSR-B";}
  .chowhub-features-full { width: 100%; margin: 0 0 30px 0; display: flex; justify-content: flex-start; align-items: center;}
  .chowhub-features-full .pic { width: 280px; margin: 0 30px 0 0;}
  .chowhub-features-full .pic img { width: 100%; height: auto;}
  .chowhub-features-full .text { width: calc(100% - 310px); font-size: 1.3em; line-height: 1.4em;}
  .chowhub-features-full .text span.title { font-size: 1.4em; line-height: 1.8em;}

  section#page-chowhub-overview { clear: both; width: 100%; padding: 0 20px 120px 20px; box-sizing: border-box;}

  .chowhub-overview-title { width: 100%; margin: 0 0 40px 0; color: #ee7b45; font-size: 1.6em; font-family: "GSR-B";}
  .chowhub-overview { width: 100%;}
  .chowhub-overview img.overview { max-width: 80%; height: auto; margin: 0 auto;}

  section#page-chowhub-spec { clear: both; width: 100%; padding: 0 20px 120px 20px; box-sizing: border-box;}

  .chowhub-spec-title { width: 100%; margin: 0 0 40px 0; color: #ee7b45; font-size: 1.6em; font-family: "GSR-B";}

  .chowhub-spec-table { clear: both; width: 90%; margin: 0 auto;}
  .chowhub-spec-table .column-full { width: 100%; border-bottom: 1px #ccc solid; font-size: 1.4em; line-height: 1em; display: flex; justify-content: flex-start; align-items: stretch;}
  .chowhub-spec-table .column-full:last-child { border-bottom: 0;}
  .chowhub-spec-table .column-full .column-1 { width: 45%; padding: 10px; border-right: 1px #ccc solid; box-sizing: border-box;}
  .chowhub-spec-table .column-full .column-2 { width: 55%; padding: 10px; box-sizing: border-box;}

  .chowhub-spec-dw-bt { clear: both; width: 90%; margin: 30px auto 0 auto; display: flex; justify-content: flex-end;}
  .chowhub-spec-dw-bt .dw-bt { }
  .chowhub-spec-dw-bt .dw-bt a { padding: 5px 20px; margin: 0 10px; color: #fff; font-size: 1.4em; border-radius: 12px; background-color: #ee7b45; text-decoration: none; display: block;}
  .chowhub-spec-dw-bt .dw-bt a:hover { background-color: #ef6f34;}

  section#page-chowhub-shopnow { clear: both; width: 100%; padding: 0 20px 120px 20px; box-sizing: border-box;}

  .chowhub-shopnow-title { width: 100%; margin: 0 0 40px 0; color: #ee7b45; font-size: 2em; font-family: "GSR-B"; text-align: center;}

  .shopnow-serier { clear: both; width: 100%; display: flex; justify-content: center; align-items: stretch;}
  .shopnow-serier .shopnow-bx { width: calc(100% / 3 - 30px); padding: 40px 20px; margin: 0 15px; border-radius: 50px; background-color: #ee7b45; box-sizing: border-box;}
  .shopnow-serier .shopnow-bx .pic { width: 100%; margin: 0 0 10px 0;}
  .shopnow-serier .shopnow-bx .pic img.size-1 { width: 80%; height: auto; margin: 0 auto;}
  .shopnow-serier .shopnow-bx .type { width: 100%; padding: 10px 0; color: #fff; font-size: 4vw; line-height: 1em; font-family: "GSR-B"; text-align: center;}
  .shopnow-serier .shopnow-bx .bt { clear: both; width: 80%; margin: 0 auto; text-align: center;}
  .shopnow-serier .shopnow-bx .bt a { padding: 6px 10px 6px 10px; color: #fff; font-size: 2.5vw; line-height: 1.2em; font-family: "GSR-B"; border: 1px #fff solid; border-radius: 20px; text-decoration: none; display: block;}
  .shopnow-serier .shopnow-bx .bt a:hover { color: #ef6f34; background-color: #fff;}

  section#page-chowhub-app { clear: both; width: 100%; padding: 0 20px 120px 20px; box-sizing: border-box; display: flex; justify-content: flex-start; position: relative;}

  img.chowhub-app-title { width: 60vw; height: auto; position: absolute; top: 0; left: calc(26vw + 20px); z-index: 3;}

  .chowhub-mobile { width: 26vw;}
  .chowhub-mobile img { width: 100%; height: auto;}

  .chowhub-app-link { width: 70%; display: flex; justify-content: flex-start; align-items: flex-end; flex-wrap: wrap;}
  .chowhub-app-link .text { width: 100%; padding: 15vw 0 5vw 12.5vw; font-size: 1.6em; line-height: 1.4em; box-sizing: border-box;}
  .chowhub-app-link img.qrcode { width: 35vw; height: auto; margin: 0 0 3vw 12.5vw;}
  .chowhub-app-link img.app-ios { width: auto; height: 7vw;}
  .chowhub-app-link img.app-apk { width: auto; height: 7vw; margin: 0 10px 0 12.5vw;}


  /**************** page-chowapp ****************/

  section#page-chowapp-ifor { clear: both; width: 100%; padding: 60px 20px 120px 20px; box-sizing: border-box; position: relative;}

  .chowapp-infor-title { width: 100%; color: #ee7b45; font-size: 1.8em; font-family: "GSR-B";}
  .chowapp-infor-text { width: 100%; font-size: 1.4em;}

  .chowapp-screen-infor { clear: both; width: 100%; height: 500px; margin: 30px 0 0 0; position: relative;}
  .chowapp-screen-infor .chowapp-dot { width: 20px; position: absolute; top: calc(250px - 60px); left: 0; z-index: 10;}
  .chowapp-screen-infor .chowapp-dot ul.dot { width: 20px; padding: 0; margin: 0; list-style: none; display: block;}
  .chowapp-screen-infor .chowapp-dot ul.dot li { width: 20px; height: 20px; padding: 0; margin: 10px 0;}
  .chowapp-screen-infor .chowapp-dot ul.dot li a { width: 20px; height: 20px; background: url("../images/chowapp_dot.png"); display: block; cursor: pointer;}
  .chowapp-screen-infor .chowapp-dot ul.dot li a.sel { background: url("../images/chowapp_dot_sel.png");}
  .chowapp-screen-infor ul#chowapp-show { width: 100%; height: 500px; padding: 0; margin: 0; list-style: none; display: block; position: relative;}
  .chowapp-screen-infor ul#chowapp-show li { width: 100%; padding: 0; margin: 0; display: none; justify-content: flex-start; align-items: center; position: absolute; top: 0; left: 0; z-index: 9;}
  .chowapp-screen-infor ul#chowapp-show li .app-screen { width: 300px;}
  .chowapp-screen-infor ul#chowapp-show li .app-screen img { width: auto; height: 500px; float: right;}
  .chowapp-screen-infor ul#chowapp-show li .app-text { width: calc(100% - 330px); margin: 0 0 0 30px; font-size: 1.4em; line-height: 1.6em;}
  .chowapp-screen-infor ul#chowapp-show li .app-text span.title { font-family: "GSR-B";}
  
  .chowapp-qrcode-link { clear: both; width: 100%; margin: 40px 0 0 0; display: flex; justify-content: center; align-items: flex-end;}
  .chowapp-qrcode-link img.qrcode { width: 35vw; height: auto; margin: 0 30px 0 0;}
  .chowapp-qrcode-link img.app-ios { width: auto; height: 7vw;}
  .chowapp-qrcode-link img.app-apk { width: auto; height: 7vw; margin: 0 10px 0 0;}

  section#chowapp-ifttt-infor { clear: both; width: 100%; padding: 0 20px 120px 20px; box-sizing: border-box;}

  .chowapp-ifttt-title { width: 90%; margin: 0 auto; background: url("../images/line.png"); background-position: center center; background-repeat: no-repeat;}
  .chowapp-ifttt-title .title-1 { width: 270px; margin: 0 auto; color: #ee7b45; font-size: 1.8em; font-family: "GSR-B"; text-align: center; background-color: #fff;}
  .chowapp-ifttt-title .title-2 { width: 220px; margin: 0 auto; color: #ee7b45; font-size: 1.8em; font-family: "GSR-B"; text-align: center; background-color: #fff;}

  .chowapp-ifttt-text { clear: both; width: 70%; padding: 100px 0; margin: 0 auto; font-size: 1.6em; position: relative;}
  .chowapp-ifttt-text img.ifttt-logo { width: 150px; height: auto; position: absolute; bottom: 20px; right: -100px;}
  .chowapp-ifttt-text .text-pc { width: 90%; margin: 0 auto;}
  .chowapp-ifttt-text .text-mo { display: none;}

  .chowapp-ifttt-pic { clear: both; width: 90%; padding: 100px 0; margin: 0 auto;}
  .chowapp-ifttt-pic img { width: 100%; height: auto;}

  .chowapp-ifttt-works { clear: both; width: 90%; margin: 0 auto; display: flex; justify-content: flex-start; align-items: center;}
  .chowapp-ifttt-works .intro { width: 75%; padding: 0 60px 0 0; font-size: 1.4em; line-height: 1.6em; box-sizing: border-box;}
  .chowapp-ifttt-works .intro span.title { color: #ee7b45; font-size: 1.4em; font-family: "GSR-B";}
  .chowapp-ifttt-works .phone { width: 25%;}
  .chowapp-ifttt-works .phone img { width: 100%; height: auto;}

  ul.num-list { clear: both; padding: 0 0 0 24px; margin: 0; list-style: decimal; display: block;}
  ul.num-list li { padding: 0; margin: 0;}


  /**************** page-support ****************/

  section#page-support-gate { clear: both; width: 100%; padding: 60px 20px 120px 20px; box-sizing: border-box;}

  .support-gate-title { width: 100%; font-size: 2em; font-family: "GSR-B";}

  .support-gate-faq { clear: both; width: 100%; margin: 60px 0 0 0;}
  .support-gate-faq .sort-title { width: 100%; border-bottom: 1px #ee7b45 solid; display: flex; justify-content: space-around; align-items: center; cursor: pointer;}
  .support-gate-faq .sort-title .title { width: calc(100% - 60px); color: #ee7b45; font-size: 1.6em; font-family: "GSR-B"; line-height: 1em;}
  .support-gate-faq .sort-title .icon-open, .sort-title .icon-close { width: 60px; color: #ee7b45; font-size: 2em; text-align: center;}
  .support-gate-faq .sort-title .icon-close { display: none;}

  .support-gate-faq ul.faq-content { clear: both; width: 94%; padding: 0; margin: 0 auto; list-style: none; display: none;}
  .support-gate-faq ul.faq-content li { width: 100%; padding: 10px 0; margin: 40px 0 0 0; border-bottom: 1px #ccc solid;}
  .support-gate-faq ul.faq-content li .question { width: 100%; padding: 0; display: flex; justify-content: flex-start; cursor: pointer;}
  .support-gate-faq ul.faq-content li .question .icon-open, .question .icon-close { width: 60px; font-size: 1.4em; line-height: 1.2em;}
  .support-gate-faq ul.faq-content li .question .icon-close { display: none;}
  .support-gate-faq ul.faq-content li .question .text { width: calc(100% - 60px); font-size: 1.4em; line-height: 1.2em; font-family: "GSR-B";}
  .support-gate-faq ul.faq-content li .answer { width: 100%; padding: 20px 60px; font-size: 1.4em; box-sizing: border-box; display: none;}
  .support-gate-faq ul.faq-content li .answer img { max-width: 100%; height: auto;}

  section#page-support-tmt { clear: both; width: 100%; padding: 60px 20px 120px 20px; box-sizing: border-box;}

  .support-tmt-title { width: 100%; color: #ee7b45; font-size: 2em; font-family: "GSR-B";}

  .support-tmt-video-x3 { width: 100%; display: flex; justify-content: flex-start; align-items: stretch;}
  .support-tmt-video-x3 .video-box { width: calc(100% / 3 - 30px); margin: 30px 15px;}
  .support-tmt-video-x3 .video-box .video-link { width: 100%; position: relative;}
  .support-tmt-video-x3 .video-box .video-link img.yt { width: 100%; height: auto;}
  .support-tmt-video-x3 .video-box .video-link .icon-yt { width: 80px; height: 80px; color:#ee7b45; font-size: 3em; border-radius: 100%; background-color: #fff; overflow: hidden; position: absolute; top: calc(50% - 40px); left: calc(50% - 40px);}
  .support-tmt-video-x3 .video-box .video-link .icon-yt a { width: 100%; height: 100%; color: #ee7b45; text-decoration: none; display: flex; justify-content: center; align-items: center;}
  .support-tmt-video-x3 .video-box .video-title { clear: both; width: 100%; padding: 5px 0; font-size: 1.2em; line-height: 1.2em;}

  .more-link { clear: both; width: 100%; text-align: right;}
  .more-link a { color: #666; font-size: 1.2em; text-decoration: none;}
  .more-link a:hover { text-decoration: underline;}

  .support-tmt-title-s { width: 100%; padding: 40px 10px 0 10px; font-size: 1.6em; font-family: "GSR-B"; line-height: 1em; box-sizing: border-box;}

  .support-tmt-video-x4 { clear: both; width: 100%; display: flex; justify-content: flex-start; align-items: stretch;}
  .support-tmt-video-x4 .video-box { width: calc(100% / 4 - 20px); margin: 20px 10px;}
  .support-tmt-video-x4 .video-box .video-link { width: 100%; position: relative;}
  .support-tmt-video-x4 .video-box .video-link img.yt { width: 100%; height: auto;}
  .support-tmt-video-x4 .video-box .video-link .icon-yt { width: 60px; height: 60px; color: #ee7b45; font-size: 2em; border-radius: 100%; background-color: #fff; overflow: hidden; position: absolute; top: calc(50% - 30px); left: calc(50% - 30px);}
  .support-tmt-video-x4 .video-box .video-link .icon-yt a { width: 100%; height: 100%; color: #ee7b45; text-decoration: none; display: flex; justify-content: center; align-items: center;}
  .support-tmt-video-x4 .video-box .video-title { clear: both; width: 100%; padding: 5px 0; font-size: 1.2em; line-height: 1.2em;}


  /**************** page-news ****************/

  section#page-news { clear: both; width: 100%; padding: 60px 20px 120px 20px; box-sizing: border-box;}

  .page-news-sort { width: 100%; padding: 0 30px; font-size: 1.4em; text-align: right; box-sizing: border-box;}
  .page-news-sort select { padding: 2px 10px; font:0.8em BB2-M, "GSR-R", sans-serif, Arial; line-height: 1em; border: 1px #ccc solid;}

  .news-list-full { clear: both; width: 100%; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap;}
  .news-list-full .news-box { width: calc(100% / 2 - 80px); margin: 30px 40px;}
  .news-list-full .news-box a { width: 100%; height: 100%; color: #3e3a39; text-decoration: none; display: block; position: relative;}
  .news-list-full .news-box a .pic { width: 100%;}
  .news-list-full .news-box a .pic img { width: 100%; height: auto;}
  .news-list-full .news-box a .text { width: 100%; padding: 20px; margin: 10px 0 0 0; font-size: 1.2em; line-height: 1.2em; background-color: #ccc; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis;}
  .news-list-full .news-box a .text .date { width: 100%; margin: 0 0 5px 0; color: #fff; font-size: 0.8em;}
  .news-list-full .news-box a .text .title { width: 100%; margin: 0 0 10px 0; font-size: 1.2em; font-family: "GSR-B";}
  .news-list-full .news-box a .mask { display: none;}
  .news-list-full .news-box a:hover .mask { width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.2); position: absolute; top: 0; left: 0; display: block; z-index: 3;}

  #page-num { clear: both; width: 100%; margin: 40px 0 0 0;}
  #page-num ul.page { width: 100%; padding: 0; margin: 0; list-style: none; display: flex; justify-content: center; flex-wrap: wrap;}
  #page-num ul.page li { padding: 0; margin: 10px;}
  #page-num ul.page li a { color: #3e3a39; font-size: 1.4em; line-height: 1em; text-decoration: none;}
  #page-num ul.page li a:hover { border-bottom: 2px #ee7b45 solid;}
  #page-num ul.page li a.sel { color: #ee7b45; border-bottom: 2px #ee7b45 solid;}

  .page-news-content { clear: both; width: 100%;}
  .page-news-content .news-pic { width: 100%; margin: 0 0 40px 0;}
  .page-news-content .news-pic img { max-width: 100%; height: auto; margin: 0 auto;}
  .page-news-content .news-date { width: 100%; margin: 0 0 40px 0; text-align: right;}
  .page-news-content .news-title { width: 100%; margin: 0 0 40px 0; font-size: 1.8em; font-family: "GSR-B"; text-align: center;}
  .page-news-content .news-text { width: 100%; font-size: 1.4em;}

  #back-bt { clear: both; width: 160px; margin: 80px auto 0 auto;}
  #back-bt a { width: 100%; padding: 3px 0; color: #fff; font-size: 1.4em; text-align: center; border-radius: 16px; background-color: #ee7b45; text-decoration: none; display: block;}
  #back-bt a:hover { background-color: #ef6f34;}


  /**************** page-contact ****************/

  section#page-contact { clear: both; width: 100%; padding: 60px 20px 120px 20px; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; box-sizing: border-box;}

  .page-contact-title { width: 100%; margin: 0 auto 20px auto; color: #ee7b45; font-size: 2em; font-family: "GSR-B";}

  .page-contact-col-half { width: 50%;}

  .page-contact-col-half .form-title { width: 90%; font-size: 1.4em; font-family: "GSR-B";}
  .page-contact-col-half .form-input { width: 90%;}
  .page-contact-col-half .form-input input[type=text] { width: 100%; padding: 10px; margin: 0 0 20px 0; color: #3e3a39; font:1.2em BB2-M, "GSR-R", sans-serif, Arial; border: 0; border-radius: 14px; background-color: #fddfd1; box-sizing: border-box;}
  .page-contact-col-half .form-input textarea { width: 100%; height: 160px; padding: 10px; margin: 0 0 40px 0; color: #3e3a39; font:1.2em BB2-M, "GSR-R", sans-serif, Arial; border: 0; border-radius: 14px; background-color: #fddfd1; box-sizing: border-box;}
  .page-contact-col-half .form-input input[type=submit] { clear: both; width: 140px; padding: 5px 0; color: #fff; font:1.2em BB2-M, "GSR-R", sans-serif, Arial; text-align: center; border: 0; border-radius: 14px; background-color: #ee7b45; cursor: pointer;}
  .page-contact-col-half .form-input input[type=submit]:hover { background-color: #ef6f34;}

  .page-contact-col-half .contact-infor { width: 100%; margin: 0 0 60px 0; display: flex; justify-content: flex-end; align-items: flex-start; float: right;}
  .page-contact-col-half .contact-infor:last-child { margin: 0;}
  .page-contact-col-half .contact-infor .flag-icon { width: 35%; margin: -40px 0 0 0; text-align: center; box-sizing: border-box;}
  .page-contact-col-half .contact-infor .flag-icon h1 { font-size: 3em; line-height: 1em;}
  .page-contact-col-half .contact-infor .infor { width: 65%; font-size: 1.2em;}
  .page-contact-col-half .contact-infor .infor span.country { font-size: 1.2em; font-family: "GSR-B";}

  section#page-contact-thankq { clear: both; width: 100%; padding: 200px calc(50% - 500px) 120px calc(50% - 500px); box-sizing: border-box;}

  .page-thankq-icon { width: 100%; color: #ee7b45; font-size: 9em; line-height: 1em; text-align: center;}

  .page-thankq-title { width: 100%; color: #ee7b45; font-size: 3em; text-align: center;}

  .page-thankq-text-1 { width: 100%; margin: 0 0 60px 0; font-size: 1.8em; text-align: center;}

  .page-thankq-text-2 { width: 100%; font-size: 1.4em; text-align: center;}
  .page-thankq-text-2 a { color: #3e3a39; border-bottom: 1px #3e3a39 solid; text-decoration: none;}


  /**************** page-about ****************/

  section#page-about { clear: both; width: 100%; padding: 20px 20px 120px 20px; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; box-sizing: border-box;}

  .page-about-title { width: calc(100% / 3 * 2); padding: 40px 40px 40px 0; font-size: 1.4em; line-height: 1.6em; box-sizing: border-box;}
  .page-about-title span.title { font-size: 1.4em; font-family: "GSR-B";}
  .page-about-title span.title-s { font-size: 1.2em;}

  .page-about-key { width: calc(100% / 3); display: flex; align-items: flex-end;}
  .page-about-key .box { width: 100%; padding: 60px 40px; color: #fff; font-size: 1.6em; font-family: "GSR-B"; text-align: center; background-color: #ee7b45; box-sizing: border-box;}
  .page-about-key .box span.big { font-size: 1.8em;}

  .page-about-actuator { width: calc(100% / 3); padding: 60px 40px; color: #fff; font-size: 1.6em; font-family: "GSR-B"; text-align: center; background-color: #ee7b45; box-sizing: border-box;}
  .page-about-actuator span.big { font-size: 1.8em;}

  .page-about-employees { width: calc(100% / 3); padding: 60px 40px; color: #fff; font-size: 1.6em; font-family: "GSR-B"; text-align: center; background-color: #fca981; box-sizing: border-box;}
  .page-about-employees span.big { font-size: 1.8em;}

  .page-about-pic { width: calc(100% / 3); background: url("../images/about_pic.jpg"); background-size: auto 100%; background-position: center top; display: block;}


  /**************** page-catalog ****************/

  section#page-catalog { clear: both; width: 100%; padding: 60px 20px 120px 20px; box-sizing: border-box;}

  .page-catalog-title { width: 100%; color: #ee7b45; font-size: 2em; font-family: "GSR-B";}

  .page-catalog-text { width: 100%; font-size: 1.6em;}

  .page-catalog-pic { width: 100%; margin: 40px 0;}
  .page-catalog-pic img { width: 80%; height: auto; margin: 0 auto;}

  .page-catalog-table { clear: both; width: 100%;}
  .page-catalog-table form { display: flex; justify-content: flex-start; align-items: flex-end;}
  .page-catalog-table .form-table { width: calc(100% - 220px);}
  .page-catalog-table .form-table .caption { width: 100%; margin: 20px 0 0 0; font-size: 1.4em; font-family: "GSR-B";}
  .page-catalog-table .form-table .form { width: 100%;}
  .page-catalog-table .form-table .form input[type=text] { width: 100%; padding: 10px; color: #3e3a39; font:1.2em BB2-M, "GSR-R", sans-serif, Arial; border: 1px #ccc solid; border-radius: 12px; background-color: #fff; box-sizing: border-box;}
  .page-catalog-table .form-bt { width: 180px; margin: 0 0 0 40px;}
  .page-catalog-table .form-bt input[type=submit] { width: 100%; padding: 10px 0; color: #fff; font: 1.4em BB2-M, "GSR-R", sans-serif, Arial; text-align: center; text-decoration: none; border: 0; border-radius: 10px; background-color: #ee7b45; cursor: pointer;}


  /**************** page-distributor ****************/

  section#page-distributor { clear: both; width: 100%; padding: 60px 20px 100px 20px; box-sizing: border-box;}

  ul#distributor-tabs { width: 100%; padding: 0; margin: 0; list-style: none; display: flex; justify-content: flex-start; align-items: stretch;}
  ul#distributor-tabs li { padding: 0; margin: 0;}
  ul#distributor-tabs li a { padding: 5px 20px; color: #3e3a39; font-size: 1.4em; text-decoration: none; display: block;}
  ul#distributor-tabs li a:hover { background-color: #eee;}
  ul#distributor-tabs li a.sel { border-top: 1px #ccc solid; border-left: 1px #ccc solid; border-right: 1px #ccc solid; border-bottom: 1px #fff solid;}

  .distributor-list-content { clear: both; width: 100%; padding: 20px 0; margin: -1px 0 0 0; border-top: 1px #ccc solid;}
  .distributor-list-content .list-full { width: 100%; font-size: 1.1em; line-height: 1.4em; border-bottom: 1px #ccc dashed; display: flex; justify-content: flex-start; align-items: stretch;}
  .distributor-list-content .list-full:last-child { border-bottom: 0;}
  .distributor-list-content .list-full .column-1 { width: 25%; padding: 20px 10px; box-sizing: border-box;}
  .distributor-list-content .list-full .column-2 { width: 50%; padding: 20px 10px; box-sizing: border-box;}
  .distributor-list-content .list-full .column-3 { width: 25%; padding: 20px 10px; box-sizing: border-box;}


  /**************** page-privacy ****************/

  section#page-privacy { clear: both; width: 100%; padding: 60px 20px 120px 20px; box-sizing: border-box;}

  .page-privacy-title { width: 100%; font-size: 2.6em; line-height: 1em; font-family: "GSR-B";}

  .page-privacy-content .big-text { font-size: 1.4em; line-height: 1.2em; font-family: "GSR-B";}
  .page-privacy-content { width: 100%; margin: 40px 0 0 0; font-size: 1.2em; line-height: 1.6em;}
  .page-privacy-content font.title { font-family: "GSR-B";}
  .page-privacy-content a { color: #3e3a39; text-decoration: none;}
  .page-privacy-content a:hover { text-decoration: underline;}

  ul.p-dot { padding: 0 0 0 24px; margin: 0; list-style: disc; display: block;}
  ul.p-dot li { padding: 0; margin: 0;}

  ul.p-num { padding: 0 0 0 24px; margin: 0; list-style: decimal; display: block;}
  ul.p-num li { padding: 0; margin: 0;}


  /**************** page-download ****************/

  section#page-download { clear: both; width: 100%; padding: 60px 40px 120px 40px; box-sizing: border-box;}

  .download-title { width: 100%; margin: 0 0 40px 0; color: #ee7b45; font-size: 2em; font-family: "BB2-B"; text-align: center;}

  .download-list { width: 50%; padding: 30px 0; display: flex; justify-content: flex-start; align-items: stretch; box-sizing: border-box; float: left;}
  .download-list:nth-child(odd) { clear: both;}
  .download-list .pic { width: 40%; padding: 0 20px 0 0; box-sizing: border-box;}
  .download-list .pic img { width: 90%; height: auto; border: 1px #ccc solid; box-sizing: border-box; float: right;}
  .download-list .infor { width: 60%;}
  .download-list .infor .title { width: 100%; height: 10vw; font-size: 1.2em; font-family: "BB2-B";}
  .download-list .infor .download-bt { width: 160px; margin: 0 0 10px 0;}
  .download-list .infor .download-bt a { width: 100%; padding: 5px 0; color: #fff; font-size: 1.1em; text-align: center; text-decoration: none; border-radius: 10px; background-color: #ee7b45; display: block;}
  .download-list .infor .file-type { clear: both; width: 160px; text-align: center;}


  /**************** page-sitemap ****************/

  section#page-sitemap { clear: both; width: 100%; padding: 60px 20px 120px 20px; box-sizing: border-box;}

  .page-sitemap-title { width: 100%; font-size: 2.6em; line-height: 1em; font-family: "GSR-B";}

  ul#sitemap { width: 100%; padding: 0; margin: 60px 0 0 0; list-style: none; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap;}
  ul#sitemap li { padding: 0; margin: 30px; font-size: 1.4em; line-height: 1.2em; font-family: "GSR-B";}
  ul#sitemap li a { color: #3e3a39; text-decoration: none;}
  ul#sitemap li a:hover { color: #ee7b45;}
  ul#sitemap li ul.sm-popup { width: 100%; padding: 10px 0 10px 20px; margin: 0; list-style: none; display: block; box-sizing: border-box;}
  ul#sitemap li ul.sm-popup li { padding: 0; margin: 0; font-size: 1em; line-height: 1.4em; font-family: "BB2-M";}
  ul#sitemap li ul.sm-popup li a { color: #3e3a39; text-decoration: none;}
  ul#sitemap li ul.sm-popup li a:hover { color: #ee7b45;}


  /**************** page-404 ****************/

  section#page-404 { clear: both; width: 100%; padding: 280px 20px 200px 20px; font-size: 3em; font-family: "GSR-B"; text-align: center; box-sizing: border-box;}

  span.title { font-size: 2em; line-height: 2.6em; font-family: "BB2-B";}


  /**************** footer ****************/

  footer { clear: both; width: 100%; padding: 60px 20px; background-color: #ee7b45; box-sizing: border-box; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}

  footer .column-lf { width: 40%;}
  footer .column-lf .footer-logo { width: 100%; margin: 0 0 30px 0;}
  footer .column-lf .footer-logo img { width: 220px; height: auto;}
  footer .column-lf .infor { clear: both; width: 100%; padding: 0 5vw 0 0; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; box-sizing: border-box;}
  footer .column-lf .infor .icon { width: 30px; margin: 0 0 15px 0; color: #fff;}
  footer .column-lf .infor .text { width: calc(100% - 30px); margin: 0 0 15px 0; color: #fff; line-height: 1.2em;}

  footer .column-md { width: 40%;}
  footer .column-md .title { width: 100%; color: #fff; font-size: 1.4em; line-height: 1.6em; font-family: "GSR-M";}
  footer .column-md .line { width: 90px; height: 3px; background-color: #fff; display: block;}
  footer .column-md .footer-nav { clear: both; width: 100%; margin: 20px 0 0 0; display: flex; justify-content: flex-start; align-items: flex-start;}
  footer .column-md .footer-nav ul { width: 48%; padding: 0; margin: 0; list-style: none; display: block;}
  footer .column-md .footer-nav ul li { width: 100%; padding: 0; margin: 0; line-height: 1.4em;}
  footer .column-md .footer-nav ul li a { color: #fff; text-decoration: none;}
  footer .column-md .footer-nav ul li a:hover { text-decoration: underline;}

  footer .column-rt { width: 20%;}
  footer .column-rt .title { width: 100%; color: #fff; font-size: 1.4em; line-height: 1.6em; font-family: "GSR-M";}
  footer .column-rt .line { width: 90px; height: 3px; background-color: #fff; display: block;}
  footer .column-rt .social-icons { clear: both; width: 100%; margin: 20px 0 0 0; display: flex; justify-content: flex-start; align-items: center;}
  footer .column-rt .social-icons .icon { width: 26px; height: 26px; margin: 0 15px 0 0; border-radius: 100%; background-color: #fff; overflow: hidden;}
  footer .column-rt .social-icons .icon a { width: 100%; height: 100%; color: #ee7b45; text-decoration: none; display: flex; justify-content: center; align-items: center;}
  footer .column-rt .social-icons .icon a:hover { background-color: rgba(255,255,255,0.7);}
  
  footer .copyright { clear: both; width: 100%; margin: 30px 0 0 0; color: #fff; text-align: right;}

    
}

@media screen and (max-width: 767px) {

  /**************** header.hp ****************/
    
  header.hp { background-color: #ee7b45}

    
  /**************** header ****************/
    
  header { width: 100%; height: 60px; padding: 0 20px; display: flex; justify-content: space-between; align-items: center; box-sizing: border-box; position: fixed; top: 0; left: 0; z-index: 999;}
  header.bgcolor { background-color: #ee7b45;}

  header .logo { width: 140px;}
  header .logo img { width: 100%; height: auto;}

  header .nav-mo-open { width: 30px;}
  header .nav-mo-open img { width: 100%; height: auto;}

  header nav#pc { display: none;}

  header nav#mo { width: 340px; padding: 20px 20px 40px 20px; background-color: #ee7b45; position: absolute; top: 0; right: -340px; box-sizing: border-box; z-index: 999; display: none;}

  header nav#mo .nav-mo-close { width: 30px; float: right;}
  header nav#mo .nav-mo-close img { width: 100%; height: auto;}

  header nav#mo ul#nav { clear: both; width: 100%; padding: 0; margin: 0 0 30px 0; list-style: none; display: block;}
  header nav#mo ul#nav li { padding: 0; margin: 0;}
  header nav#mo ul#nav li a { width: 100%; padding: 10px; color: #fff; font-size: 1.4em; line-height: 2em; text-decoration: none; cursor: pointer; display: block; box-sizing: border-box;}
  header nav#mo ul#nav li a:active { color: #ee7b45; background-color: #fff;}
  header nav#mo ul#nav li ul.nav-popup { clear: both; width: 100%; padding: 20px 0; margin: 0; background-color: rgba(255,255,255,0.2); list-style: none; display: none;}
  header nav#mo ul#nav li ul.nav-popup li { width: 100%; padding: 0; margin: 0;}
  header nav#mo ul#nav li ul.nav-popup li a { width: 100%; padding: 10px 20px; color: #fff; line-height: 1.8em; text-decoration: none; border: 0; box-sizing: border-box; display: block;}
  header nav#mo ul#nav li ul.nav-popup li a:active { color: #ee7b45; background-color: #fff; border-bottom: 0;}

  header nav#mo .nav-icons { width: 140px;}
  header nav#mo .nav-icons a { padding: 0 10px; color: #fff; font-size: 1.6em; text-decoration: none;}

  header nav#mo .nav-icons .nav-language-box { width: 100%; display: none;}
  header nav#mo .nav-icons .nav-language-box ul#nav-lang-list { width: 100%; padding: 7px 0; margin: 0; list-style: none; background-color: #fff; display: block;}
  header nav#mo .nav-icons .nav-language-box ul#nav-lang-list li { width: 100%; padding: 3px 10px; margin: 0; box-sizing: border-box;}
  header nav#mo .nav-icons .nav-language-box ul#nav-lang-list li a { width: 100%; padding: 3px 0; color: #ee7b45; font-size: 1em; text-align: center; border-radius: 8px; background-color: #fff; text-decoration: none; display: block;}
  header nav#mo .nav-icons .nav-language-box ul#nav-lang-list li a:hover { color: #fff; background-color: #fca981;}
  header nav#mo .nav-icons .nav-language-box ul#nav-lang-list li a.sel { color: #fff; background-color: #ef6f34;}
  header nav#mo .nav-icons .nav-language-box .tri2 { width: 0px; height: 0px; padding: 0; margin: 0 0 0 15px; border-style: solid; border-width: 0px 10px 15px 10px; border-color: transparent transparent #fff transparent;}


  /**************** header#style2 ****************/
    
  header#style2 { width: 100%; height: 60px; padding: 0 20px; display: flex; justify-content: space-between; align-items: center; background-color: #fff; box-sizing: border-box; position: fixed; top: 0; left: 0; z-index: 999;}

  header#style2 .logo { width: 140px;}
  header#style2 .logo img { width: 100%; height: auto;}

  header#style2 .nav-mo-open { width: 30px;}
  header#style2 .nav-mo-open img { width: 100%; height: auto;}

  header#style2 nav#pc { display: none;}

  header#style2 nav#mo { width: 340px; padding: 20px 20px 40px 20px; background-color: #ee7b45; position: absolute; top: 0; right: -340px; box-sizing: border-box; z-index: 999;}

  header#style2 nav#mo .nav-mo-close { width: 30px; float: right;}
  header#style2 nav#mo .nav-mo-close img { width: 100%; height: auto;}

  header#style2 nav#mo ul#nav { clear: both; width: 100%; padding: 0; margin: 0 0 30px 0; list-style: none; display: block;}
  header#style2 nav#mo ul#nav li { padding: 0; margin: 0;}
  header#style2 nav#mo ul#nav li a { width: 100%; padding: 10px; color: #fff; font-size: 1.4em; text-decoration: none; cursor: pointer; display: block; box-sizing: border-box;}
  header#style2 nav#mo ul#nav li a:active { color: #ee7b45; background-color: #fff;}
  header#style2 nav#mo ul#nav li ul.nav-popup { clear: both; width: 100%; padding: 20px 0; margin: 0; background-color: rgba(255,255,255,0.2); list-style: none; display: none;}
  header#style2 nav#mo ul#nav li ul.wd-300 { width: 100%;}
  header#style2 nav#mo ul#nav li ul.wd-200 { width: 100%;}
  header#style2 nav#mo ul#nav li ul.wd-240 { width: 100%;}
  header#style2 nav#mo ul#nav li ul.nav-popup li { width: 100%; padding: 0; margin: 0;}
  header#style2 nav#mo ul#nav li ul.nav-popup li a { width: 100%; padding: 10px 20px; color: #fff; text-decoration: none; border: 0; box-sizing: border-box; display: block;}
  header#style2 nav#mo ul#nav li ul.nav-popup li a:active { color: #ee7b45; background-color: #fff; border-bottom: 0;}

  header#style2 nav#mo .nav-icons { width: 140px;}
  header#style2 nav#mo .nav-icons a { padding: 0 10px; color: #fff; font-size: 1.6em; text-decoration: none;}

  header#style2 nav#mo .nav-icons .nav-language-box { width: 100%; display: none;}
  header#style2 nav#mo .nav-icons .nav-language-box ul#nav-lang-list { width: 100%; padding: 7px 0; margin: 0; list-style: none; background-color: #fff; display: block;}
  header#style2 nav#mo .nav-icons .nav-language-box ul#nav-lang-list li { width: 100%; padding: 3px 10px; margin: 0; box-sizing: border-box;}
  header#style2 nav#mo .nav-icons .nav-language-box ul#nav-lang-list li a { width: 100%; padding: 3px 0; color: #ee7b45; font-size: 1em; text-align: center; border-radius: 8px; background-color: #fff; text-decoration: none; display: block;}
  header#style2 nav#mo .nav-icons .nav-language-box ul#nav-lang-list li a:hover { color: #fff; background-color: #fca981;}
  header#style2 nav#mo .nav-icons .nav-language-box ul#nav-lang-list li a.sel { color: #fff; background-color: #ef6f34;}
  header#style2 nav#mo .nav-icons .nav-language-box .tri2 { width: 0px; height: 0px; padding: 0; margin: 0 0 0 15px; border-style: solid; border-width: 0px 10px 15px 10px; border-color: transparent transparent #fff transparent;}


  /**************** hp-banner ****************/

  section#hp-banner { width: 100%; position: relative; z-index: 1;}

  section#hp-banner .banner-box { width: 100%; height: 115vw; overflow: hidden;}
  section#hp-banner .banner-box img.hp-banner-img { display: none;}
  section#hp-banner .banner-box video { width: auto; height: 100%; margin: 0 0 0 -40%;}

  .hp-banner-video { width: 100%; height: 80vw; overflow: hidden;}

  .hp-banner-video-bt { width: 80px; text-align: center; position: absolute; top: 30vw; left: calc(50% - 40px);}
  .hp-banner-video-bt a { color: #fff; font-size: 6em; text-decoration: none;}

  .hp-banner-text-1 { width: 40vw; height: 14vw; background-color: rgba(255, 96, 0, 0.6); position: absolute; top: 30vw; left: 0; z-index: 3;}
  .hp-banner-text-1 .text { margin: -3vw 0 0 8vw; color: #fff; font-size: 7vw; font-family: "GSR-B"; line-height: 0.8em;}
  .hp-banner-text-2 { width: 100%; padding: 0 0 0 6.5vw; color: #fff; font-size: 4vw; font-family: "GSR-B"; line-height: 4vw; position: absolute; top: 30vw; left: 0; z-index: 3; box-sizing: border-box;}
  .hp-banner-text-2 span.title { font-size: 6vw;}

  a.hp-learnmore-bt-1 { width: 50vw; display: block; position: absolute; bottom: 12vw; right: 3vw; z-index: 99;}
  a.hp-learnmore-bt-1 img { width: 100%; height: auto;}
  a.hp-learnmore-bt-2 { width: 50vw; display: block; position: absolute; bottom: 12vw; left: calc(50% - 25vw); z-index: 99;}
  a.hp-learnmore-bt-2 img { width: 100%; height: auto;}


  /**************** #breadcrumb ****************/

  div#breadcrumb { clear: both; width: 100%; padding: 40px 20px 0 20px; line-height: 1.2em; color: #ee7b45; text-align: center; box-sizing: border-box;}
  div#breadcrumb a { color: #ee7b45; text-decoration: none;}
  div#breadcrumb a:hover { text-decoration: underline;}


  /**************** hp-products ****************/

  section#hp-products { clear: both; width: 100%; padding: 100px 20px; box-sizing: border-box;}

  section#hp-products .title-1 { width: 100%; color: #ee7b45; font-size: 1.8em; font-family: "GSR-B"; text-align: center;}
  section#hp-products .title-2 { width: 100%; margin: 0 0 30px 0; font-size: 3em; font-family: "GSR-B"; line-height: 1em; text-align: center;}
  section#hp-products .intro-text { width: 100%; margin: 0 auto 60px auto; font-size: 1.4em; line-height: 1.4em; text-align: center;}

  section#hp-products .prod-list-full { clear: both; width: 100%; display: flex; justify-content: center; align-items: stretch; flex-wrap: wrap;}
  section#hp-products .prod-box { width: 330px; height: 330px; margin: 0 20px 20px 20px; display: flex; justify-content: flex-start; position: relative; overflow: hidden;}
  section#hp-products .prod-box img.prod-pic { width: 100%; height: auto; position: relative; z-index: 1;}
  section#hp-products .prod-box .sort-title { width: 100%; padding: 30px 20px 0 20px; box-sizing: border-box; color: #ee7b45; font-size: 2.2em; font-family: "GSR-B"; line-height: 1em; text-align: center; position: absolute; top: 0; left: 0; z-index: 2;}
  section#hp-products .prod-box img.bt-explore { position: absolute; bottom: 30px; right: 20px; z-index: 2;}


  /**************** hp-about ****************/

  section#hp-about { clear: both; width: 100%; padding: 80px 20px; background-image: url("../images/hp_about_bg.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center top; box-sizing: border-box;}

  section#hp-about .title-1 { width: 100%; color: #ee7b45; font-size: 1.8em; font-family: "GSR-B"; text-align: center;}
  section#hp-about .title-2 { width: 100%; margin: 0 0 30px 0; color: #fff; font-size: 3em; font-family: "GSR-B"; line-height: 1em; text-align: center;}
  section#hp-about .intro-text { width: 100%; margin: 0 auto 60px auto; color: #fff; font-size: 1.4em; line-height: 1.4em; text-align: center;}
  section#hp-about .bt-readmore { width: 200px; margin: 0 auto; background-color: #ee7b45; border-radius: 16px;}
  section#hp-about .bt-readmore a { width: 100%; padding: 6px 0; color: #fff; font-size: 1.6em; line-height: 1.2em; text-align: center; text-decoration: none; display: block;}
  section#hp-about .bt-readmore:hover { background-color: #ef6f34;}

  section#hp-about .service-icon-full { clear: both; width: 100%; margin: 160px auto 0 auto; display: flex; justify-content: center; align-items: flex-start;}
  section#hp-about .service-icon-full .icon-box { width: calc(100% / 3 - 20px); margin: 0 10px; color: #fff;}
  section#hp-about .service-icon-full .icon-box .icon { width: 100%; font-size: 3.4em; text-align: center;}
  section#hp-about .service-icon-full .icon-box .title { width: 100%; font-size: 1.2em; line-height: 1em; text-align: center;}


  /**************** hp-chowapp ****************/

  section#hp-chowapp { clear: both; width: 100%; padding: 80px 20px; box-sizing: border-box;}

  section#hp-chowapp .app-content { width: 100%; height: 90vw; background-size: auto 80vw; background-repeat: no-repeat; background-position: left top;}
  section#hp-chowapp .app-1 { background-image: url("../images/hp_app_1.jpg");}
  section#hp-chowapp .app-2 { background-image: url("../images/hp_app_2.jpg");}
  section#hp-chowapp .app-3 { background-image: url("../images/hp_app_3.jpg");}
  section#hp-chowapp .app-content .text { width: 48vw; font-size: 4vw; line-height: 5vw; float: right; box-sizing: border-box;}
  section#hp-chowapp .app-content .position-1-mo { padding: 15vw 0 0 0;}
  section#hp-chowapp .app-content .position-2-mo { padding: 20vw 0 0 0;}
  section#hp-chowapp .app-content .text span.font-1 { color: #ee7b45; font-size: 2em; font-family: "BB2-B"; line-height: 1em;}
  section#hp-chowapp .app-content .text span.font-mo { display: none;}
  section#hp-chowapp .app-content .text span.font-2 { font-size: 1.4em; font-family: "GSR-B"; line-height: 1.2em;}


  /**************** hp-contain ****************/

  section#hp-contain { clear: both; width: 100%; position: relative; overflow: hidden;}

  section#hp-contain img.hp-contain-bg { width: 220%; height: auto; margin: 0 0 0 -50%;}

  section#hp-contain .intro-text { clear: both; width: 60%; position: absolute; top: 12vw; left: 5vw;}
  section#hp-contain .intro-text .title-1 { width: 100%; font-size: 9vw; font-family: "GSR-B"; line-height: 6vw;}
  section#hp-contain .intro-text .title-2 { width: 100%; font-size: 5vw; font-family: "GSR-B"; line-height: 10vw;}
  section#hp-contain .intro-text .text { width: 100%; margin: 20px 0 0 0; font-size: 3.5vw; line-height: 4vw;}

  section#hp-contain a.hp-contact-bt { width: 40vw; display: block; position: absolute; top: 45vw; left: 5vw; z-index: 3;}
  section#hp-contain a.hp-contact-bt img { width: 100%; height: auto;}


  /**************** page-banner ****************/

  section#page-banner { width: 100%; position: relative; z-index: 1;}

  .page-banner { clear: both; width: 100%; position: relative; display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; overflow: hidden;}
  .page-banner img.page-banner-bg-mo { width: 100%; height: auto;}
  .page-banner img.page-banner-bg-2-mo { width: 100%; height: auto;}
  .page-banner img.page-banner-bg { display: none;}
  .page-banner img.page-banner-bg-2 { display: none;}
  .page-banner .banner-title { width: 100%; color: #fff; font-size: 6vw; font-family: "GSR-B"; text-align: center; position: absolute; top: 30vw; left: 0; z-index: 2;}

  .page-banner2 { clear: both; width: 100%; margin: 60px 0 0 0; position: relative; display: flex; justify-content: center; overflow: hidden;}
  .page-banner2 img.page-banner-bg { display: none;}
  .page-banner2 img.page-banner-bg-md { display: none;}
  .page-banner2 img.page-banner-bg-mo { width: 100%; height: auto;}
  .page-banner2 img.page-banner-bg-md-mo { width: 100%; height: auto;}
  .page-banner2 .banner-title2 { width: 100%; color: #fff; font-size: 6vw; font-family: "GSR-B"; text-align: center; position: absolute; top: 18vw; left: 0; z-index: 2;}


  /**************** page-gate ****************/

  section#page-gate-intro { clear: both; width: 100%; padding: 60px 20px; box-sizing: border-box;}

  .gate-intro-title { width: 100%; margin: 0 auto;}
  .gate-intro-title .title { width: 140px; padding: 0 20px 0 0; color: #ee7b45; font-size: 1.4em; line-height: 1.2em; border-right: 3px #ee7b45 solid; box-sizing: border-box;}
  .gate-intro-title .text { clear: both; width: 100%; margin: 20px 0 0 0; font-size: 1.2em; line-height: 1.2em;}

  .gate-intro-title2 { width: 100%; margin: 0 auto;}
  .gate-intro-title2 .title { width: 140px; padding: 0 20px 0 0; color: #ee7b45; font-size: 1.4em; line-height: 1.2em; border-right: 3px #ee7b45 solid; box-sizing: border-box;}
  .gate-intro-title2 .text { clear: both; width: 100%; margin: 20px 0 0 0; font-size: 1.2em; line-height: 1.2em;}

  .gate-intro-title3 { width: 100%; margin: 0 auto;}
  .gate-intro-title3 .title { width: 210px; padding: 0 20px 0 0; color: #ee7b45; font-size: 1.4em; line-height: 1.2em; border-right: 3px #ee7b45 solid; box-sizing: border-box;}
  .gate-intro-title3 .text { clear: both; width: 100%; margin: 20px 0 0 0; font-size: 1.2em; line-height: 1.2em;}

  .features-icons { clear: both; width: 100%; margin: 20px 0 0 0; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
  .features-icons .icon-box { width: calc(100% / 2); margin: 20px 0; display: flex; justify-content: center; align-items: center;}
  .features-icons .icon-box .icon { width: 60px; height: 60px; margin: 0 auto; border-radius: 16px; background-color: #ee7b45; display: flex; justify-content: center; align-items: center;}
  .features-icons .icon-box .icon .circle-withe { width: 50px; height: 50px; color: #ee7b45; font-size: 2em; text-align: center; border-radius: 100%; background-color: #fff; overflow: hidden; display: flex; justify-content: center; align-items: center;}
  .features-icons .icon-box .icon .circle-withe img.img-icon-1 { width: auto; height: 28px;}
  .features-icons .icon-box .icon .circle-withe img.img-icon-2 { width: auto; height: 34px;}
  .features-icons .icon-box .text { width: calc(100% - 60px); padding: 0 5px; font-size: 1em; line-height: 1.2em; box-sizing: border-box;}

  section#page-gate-list { clear: both; width: 100%;}
  
  .prod-list-show { width: 100%; position: relative; z-index: 1; overflow: hidden;}
  .prod-list-show .prod-typename-infor { width: 100%; height: 100%; padding: 8vw 6vw; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; box-sizing: border-box; position: absolute; top: 0; left: 0; z-index: 3;}
  .prod-list-show .prod-typename-infor .column-typename { width: 100%; margin: 0 0 5vw 0; display: flex; justify-content: center; flex-wrap: wrap;}
  .prod-list-show .prod-typename-infor .column-typename .prod-title { width: 100%; margin: 0 0 7vw 0; color: #fff; font-size: 14vw; font-family: "GSR-B"; line-height: 4vw; text-align: center;}
  .prod-list-show .prod-typename-infor .column-typename img.bt-more { width: 50vw; height: auto; margin: 0 auto; cursor: pointer;}
  .prod-list-show .prod-typename-infor .column-series-full { width: 100%; display: flex; justify-content: center; flex-wrap: wrap;}
  .prod-list-show .prod-typename-infor .column-series { width: 100%;}
  .prod-list-show .prod-typename-infor .column-series .series-type-name { width: 80%; padding: 1.5vw 0; margin: 0 auto 4vw auto; color: #3e3a39; font-size: 6vw; font-family: "GSR-B"; line-height: 6vw; text-align: center; border-radius: 5vw; background-color: #fff;}
  .prod-list-show .prod-typename-infor .column-series .infor-text { clear: both; width: 100%; color: #fff; font-size: 4vw; line-height: 4vw; text-align: center;}
  .prod-list-show .prod-typename-infor .v-line { width: 40%; height: 1px; margin: 3vw 0; background-color: #fff; display: block;}
  .prod-list-show img.prod-bg { display: none;}
  .prod-list-show img.prod-bg-mo { width: 100%; height: auto;}

  .prod-infor-box { clear: both; width: 100%; padding: 120px 0; box-sizing: border-box; display: none; position: relative;}
  .prod-infor-box .icon-close { width: 70px; color: #ee7b45; font-size: 4em; line-height: 1em; text-align: center;  cursor: pointer; float: right;}
  
  .prod-infor-box .prod-pics { clear: both; width: 100%; padding: 0 20px; box-sizing: border-box;}
  .prod-infor-box .prod-pics .column-lf { width: 100%; margin: 0 auto;}
  .prod-infor-box .prod-pics .column-lf .title-mo { width: 100%; margin: 0 0 30px 0; font-size: 2em; font-family: "GSR-B";}
  .prod-infor-box .prod-pics .column-lf ul { width: 100%; height: 55vw; padding: 0; margin: 0; list-style: none; display: block; position: relative;}
  .prod-infor-box .prod-pics .column-lf ul li { width: 100%; padding: 0; margin: 0; position: absolute; top: 0; left: 0; display: none;}
  .prod-infor-box .prod-pics .column-lf ul li img.pic-b { width: 100%; height: auto;}
  
  .prod-infor-box .prod-pics .column-rt { width: 100%; margin: 0 auto;}
  .prod-infor-box .prod-pics .column-rt .title { display: none;}    
  .prod-infor-box .prod-pics .column-rt .pic-s-list { clear: both; width:330px; margin: 30px auto 0 auto; display: flex; justify-content: flex-start; align-items: center;}
  .prod-infor-box .prod-pics .column-rt .pic-s-list .arrow-lf, .pic-s-list .arrow-rt { width: 25px; }
  .prod-infor-box .prod-pics .column-rt .pic-s-list .arrow-lf img, .pic-s-list .arrow-rt img { width: 100%; height: auto; cursor: pointer;}
  .prod-infor-box .prod-pics .column-rt .pic-s-list .thumbs-list { width: 280px; height: 96px; overflow: hidden;}
  .prod-infor-box .prod-pics .column-rt .pic-s-list .thumbs-list ul { padding: 0; margin: 0; list-style: none; display: block;}
  .prod-infor-box .prod-pics .column-rt .pic-s-list .thumbs-list ul li { width: 120px; padding: 0; margin: 10px; float: left;}
  .prod-infor-box .prod-pics .column-rt .pic-s-list .thumbs-list ul li img { width: 100%; height: auto; border: 1px #ccc solid; box-sizing: border-box; cursor: pointer;}
  .prod-infor-box .prod-pics .column-rt .pic-s-list .thumbs-list ul li img.sel { border: 2px #ccc solid; box-sizing: border-box;}
  
  .prod-infor-box .prod-pics .column-rt .manual-dt-bt { clear: both; width: 280px; margin: 80px auto 0 auto;}
  .prod-infor-box .prod-pics .column-rt .manual-dt-bt a { width: 100%; padding: 4px 0; color: #fff; font-size: 1.4em; text-align: center; text-decoration: none; border-radius: 12px; background-color: #ee7b45; display: block;}
  .prod-infor-box .prod-pics .column-rt .manual-dt-bt a:hover { background-color: #ef6f34;}
  
  .prod-infor-box .prod-features { clear: both; width: 100%; padding: 0 20px; margin: 120px 0 0 0; position: relative; box-sizing: border-box;}
  .prod-infor-box .prod-features .icon-open, .prod-features .icon-close { width: 50px; color: #ee7b45; font-size: 2.5em; line-height: 1em; text-align: center; position: absolute; top: 0; left: 20px; z-index: 3; cursor: pointer;}
  .prod-infor-box .prod-features .icon-close { display: none;}
  .prod-infor-box .prod-features .sub-title { width: 100%; padding: 0 0 0 70px; color: #ee7b45; font-size: 1.6em; font-family: "GSR-B"; box-sizing: border-box;}
  .prod-infor-box .prod-features .text-content { clear: both; width: 100%; margin: 40px 0 0 0; font-size: 1.3em; line-height: 1.6em; display: none;}

  .prod-infor-box .prod-specifications { clear: both; width: 100%; padding: 0 20px; margin: 120px 0 0 0; position: relative; box-sizing: border-box;}
  .prod-infor-box .prod-specifications .icon-open, .prod-specifications .icon-close { width: 50px; color: #ee7b45; font-size: 2.5em; line-height: 1em; text-align: center; position: absolute; top: 0; left: 20px; z-index: 3; cursor: pointer;}
  .prod-infor-box .prod-specifications .icon-close { display: none;}
  .prod-infor-box .prod-specifications .sub-title { width: 100%; padding: 0 0 0 70px; color: #ee7b45; font-size: 1.6em; font-family: "GSR-B"; box-sizing: border-box;}
  .prod-infor-box .prod-specifications .spec-data-table { clear: both; width: 100%; margin: 40px auto 0 auto; font-size: 0.6em; line-height: 1.2em; word-wrap:break-word; display: none;}
  .prod-infor-box .prod-specifications .spec-data-table .caption-full { width: 100%; font-size: 1.4em; font-family: "GSR-B"; word-break: break-all; border-bottom: 1px #ccc solid; display: flex; justify-content: flex-start; align-items: stretch;}
  .prod-infor-box .prod-specifications .spec-data-table .caption-full .caption-1 { width: 34%; padding: 5px; box-sizing: border-box; border-right: 1px #ccc solid; display: flex; align-items: center;}
  .prod-infor-box .prod-specifications .spec-data-table .caption-full .caption-2 { width: 33%; padding: 5px; box-sizing: border-box; border-right: 1px #ccc solid; display: flex; align-items: center;}
  .prod-infor-box .prod-specifications .spec-data-table .caption-full .caption-3 { width: 33%; padding: 5px; box-sizing: border-box; display: flex; align-items: center;}
  .prod-infor-box .prod-specifications .spec-data-table .caption-full .caption-3-1 { width: 66%; padding: 5px; box-sizing: border-box; display: flex; align-items: center;}
  .prod-infor-box .prod-specifications .spec-data-table .caption-full .caption-2-1 { width: 25%; padding: 5px; box-sizing: border-box; border-right: 1px #ccc solid; display: flex; align-items: center;}
  .prod-infor-box .prod-specifications .spec-data-table .caption-full .caption-2-2 { width: 25%; padding: 5px; box-sizing: border-box; border-right: 1px #ccc solid; display: flex; align-items: center;}
  .prod-infor-box .prod-specifications .spec-data-table .caption-full .caption-2-3 { width: 25%; padding: 5px; box-sizing: border-box; border-right: 1px #ccc solid; display: flex; align-items: center;}
  .prod-infor-box .prod-specifications .spec-data-table .caption-full .caption-2-4 { width: 25%; padding: 5px; box-sizing: border-box; display: flex; align-items: center;}
  .prod-infor-box .prod-specifications .spec-data-table .column-full { clear: both; width: 100%; font-size: 1.4em; word-break: break-all; border-bottom: 1px #ccc solid; display: flex; justify-content: flex-start; align-items: stretch;}
  .prod-infor-box .prod-specifications .spec-data-table .column-full:last-child { border-bottom: 0;}
  .prod-infor-box .prod-specifications .spec-data-table .column-full .column-1 { width: 34%; padding: 5px; box-sizing: border-box; border-right: 1px #ccc solid; display: flex; align-items: center;}
  .prod-infor-box .prod-specifications .spec-data-table .column-full .column-2 { width: 33%; padding: 5px; box-sizing: border-box; border-right: 1px #ccc solid; display: flex; align-items: center;}
  .prod-infor-box .prod-specifications .spec-data-table .column-full .column-3 { width: 33%; padding: 5px; box-sizing: border-box; display: flex; align-items: center;}
  .prod-infor-box .prod-specifications .spec-data-table .column-full .column-2-1 { width: 25%; padding: 5px; box-sizing: border-box; border-right: 1px #ccc solid; display: flex; align-items: center;}
  .prod-infor-box .prod-specifications .spec-data-table .column-full .column-2-2 { width: 25%; padding: 5px; box-sizing: border-box; border-right: 1px #ccc solid; display: flex; align-items: center;}
  .prod-infor-box .prod-specifications .spec-data-table .column-full .column-2-3 { width: 25%; padding: 5px; box-sizing: border-box; border-right: 1px #ccc solid; display: flex; align-items: center;}
  .prod-infor-box .prod-specifications .spec-data-table .column-full .column-2-4 { width: 25%; padding: 5px; box-sizing: border-box; display: flex; align-items: center;}
  .prod-infor-box .prod-specifications .spec-data-table .column-full .column-3-1 { width: 66%; padding: 5px; box-sizing: border-box; display: flex; align-items: center;}


  /**************** page-accessories ****************/

  section#page-acc-list { clear: both; width: 100%; padding: 60px 10px 120px 10px; box-sizing: border-box; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap;}

  .acc-list { width: calc(100% / 2 - 20px); margin: 10px;}
  .acc-list .pic { width: 100%;}
  .acc-list .pic img { width: 100%; height: auto;}
  .acc-list .infor { width: 100%; padding: 5px; margin: 5px 0 0 0; font-size: 0.9em; line-height: 1.2em; box-sizing: border-box;}
  .acc-list .infor span.title { color: #ee7b45; font-size: 1.2em; font-family: "GSR-B"; line-height: 1.4em;}


  /**************** page-chowhub ****************/

  section#page-chowhub-big-prod { clear: both; width: 100%; padding: 60px 20px 0 20px; box-sizing: border-box;}
  section#page-chowhub-big-prod img.big-prod-pic { width: 90%; height: auto; margin: 0 auto 40px auto;}
  section#page-chowhub-big-prod img.big-prod-pic-cam { width: 55%; height: auto; margin: 0 auto 40px auto;}
  section#page-chowhub-big-prod img.big-prod-pic-cam-b1 { width: 80%; height: auto; margin: 0 auto 40px auto;}
  section#page-chowhub-big-prod img.big-prod-pic-bell { width: 50%; height: auto; margin: 0 auto 40px auto;}
  
  section#page-chowhub-big-prod .title { clear: both; width: 100%; margin: 0 0 15px 0; color: #ee7b45; font-size: 3em; font-family: "GSR-B"; line-height: 1em; text-align: center;}
  section#page-chowhub-big-prod .text { clear: both; width: 90%; margin: 0 auto; font-size: 1.3em; line-height: 1.4em; text-align: center;}

  section#page-chowhub-infor { clear: both; width: 100%; padding: 0 20px 80px 20px; box-sizing: border-box;}

  .chowhub-features-title { width: 100%; margin: 0 0 40px 0; color: #ee7b45; font-size: 1.6em; font-family: "GSR-B";}
  .chowhub-features-full { width: 100%; margin: 0 0 30px 0;}
  .chowhub-features-full .pic { width: 100%; height: auto; margin: 0 15px 0 0;}
  .chowhub-features-full .pic img { width: 100%; height: auto;}
  .chowhub-features-full .text { width: 100%; margin: 0 0 40px 0; font-size: 1.3em; line-height: 1.4em;}
  .chowhub-features-full .text span.title { font-size: 1.4em; line-height: 1.8em;}

  section#page-chowhub-overview { clear: both; width: 100%; padding: 0 20px 120px 20px; box-sizing: border-box;}

  .chowhub-overview-title { width: 100%; margin: 0 0 40px 0; color: #ee7b45; font-size: 1.6em; font-family: "GSR-B";}
  .chowhub-overview { width: 100%;}
  .chowhub-overview img.overview { max-width: 100%; height: auto; margin: 0 auto;}

  section#page-chowhub-spec { clear: both; width: 100%; padding: 0 20px 120px 20px; box-sizing: border-box;}

  .chowhub-spec-title { width: 100%; margin: 0 0 40px 0; color: #ee7b45; font-size: 1.6em; font-family: "GSR-B";}

  .chowhub-spec-table { clear: both; width: 100%; margin: 0 auto;}
  .chowhub-spec-table .column-full { width: 100%; border-bottom: 1px #ccc solid; font-size: 0.9em; line-height: 1em; display: flex; justify-content: flex-start; align-items: stretch;}
  .chowhub-spec-table .column-full:last-child { border-bottom: 0;}
  .chowhub-spec-table .column-full .column-1 { width: 45%; padding: 5px; border-right: 1px #ccc solid; box-sizing: border-box;}
  .chowhub-spec-table .column-full .column-2 { width: 55%; padding: 5px; box-sizing: border-box;}

  .chowhub-spec-dw-bt { clear: both; width: 100%; margin: 30px 0 0 0;}
  .chowhub-spec-dw-bt .dw-bt { width: 280px; margin: 0 auto 15px auto;}
  .chowhub-spec-dw-bt .dw-bt a { width: 100%; padding: 5px 0; margin: 0 10px; color: #fff; font-size: 1.4em; text-align: center; border-radius: 12px; background-color: #ee7b45; text-decoration: none; box-sizing: border-box; display: block;}
  .chowhub-spec-dw-bt .dw-bt a:hover { background-color: #ef6f34;}

  section#page-chowhub-shopnow { clear: both; width: 100%; padding: 0 20px 120px 20px; box-sizing: border-box;}

  .chowhub-shopnow-title { width: 100%; margin: 0 0 40px 0; color: #ee7b45; font-size: 2em; font-family: "GSR-B"; text-align: center;}

  .shopnow-serier { clear: both; width: 100%;}
  .shopnow-serier .shopnow-bx { width: 60%; padding: 40px 20px; margin: 0 auto 20px auto; border-radius: 50px; background-color: #ee7b45; box-sizing: border-box;}
  .shopnow-serier .shopnow-bx .pic { width: 100%; margin: 0 0 10px 0;}
  .shopnow-serier .shopnow-bx .pic img.size-1 { width: 80%; height: auto; margin: 0 auto;}
  .shopnow-serier .shopnow-bx .type { width: 100%; padding: 10px 0; color: #fff; font-size: 8vw; line-height: 1em; font-family: "GSR-B"; text-align: center;}
  .shopnow-serier .shopnow-bx .bt { clear: both; width: 80%; margin: 0 auto; text-align: center;}
  .shopnow-serier .shopnow-bx .bt a { padding: 10px 10px 10px 10px; color: #fff; font-size: 5vw; font-family: "GSR-B"; line-height: 1.2em; border: 1px #fff solid; border-radius: 20px; text-decoration: none; display: block;}
  .shopnow-serier .shopnow-bx .bt a:hover { color: #ef6f34; background-color: #fff;}

  section#page-chowhub-app { clear: both; width: 100%; padding: 0 20px 100px 20px; box-sizing: border-box;}

  img.chowhub-app-title { width: 100%; height: auto;}

  .chowhub-mobile { width: 50%; margin: 30px auto 0 auto;}
  .chowhub-mobile img { width: 100%; height: auto;}

  .chowhub-app-link { width: 100%; display: flex; justify-content: center; align-items: stretch; flex-wrap: wrap;}
  .chowhub-app-link .text { width: 100%; margin: 40px 0; font-size: 1.6em; line-height: 1.4em;}
  .chowhub-app-link img.qrcode { display: none;}
  .chowhub-app-link img.app-ios { width: auto; height: 45px; margin: 0 5px;}
  .chowhub-app-link img.app-apk { width: auto; height: 45px; margin: 0 5px;}


  /**************** page-chowapp ****************/

  section#page-chowapp-ifor { clear: both; width: 100%; padding: 60px 20px 120px 20px; box-sizing: border-box; position: relative;}

  .chowapp-infor-title { width: 100%; color: #ee7b45; font-size: 1.8em; font-family: "GSR-B";}
  .chowapp-infor-text { width: 100%; font-size: 1.4em;}

  .chowapp-screen-infor { clear: both; width: 100%; height: 300px; margin: 30px 0 0 0; position: relative;}
  .chowapp-screen-infor .chowapp-dot { width: 20px; position: absolute; top: calc(130px - 42px); left: 0; z-index: 10;}
  .chowapp-screen-infor .chowapp-dot ul.dot { width: 14px; padding: 0; margin: 0; list-style: none; display: block;}
  .chowapp-screen-infor .chowapp-dot ul.dot li { width: 14px; height: 14px; padding: 0; margin: 10px 0;}
  .chowapp-screen-infor .chowapp-dot ul.dot li a { width: 14px; height: 14px; background: url("../images/chowapp_dot_mo.png"); display: block; cursor: pointer;}
  .chowapp-screen-infor .chowapp-dot ul.dot li a.sel { background: url("../images/chowapp_dot_sel_mo.png");}
  .chowapp-screen-infor ul#chowapp-show { width: 100%; height: 300px; padding: 0; margin: 0; list-style: none; display: block; position: relative;}
  .chowapp-screen-infor ul#chowapp-show li { width: 100%; padding: 0; margin: 0; display: none; justify-content: flex-start; align-items: center; position: absolute; top: 0; left: 0; z-index: 9;}
  .chowapp-screen-infor ul#chowapp-show li .app-screen { width: 150px;}
  .chowapp-screen-infor ul#chowapp-show li .app-screen img { width: auto; height: 260px; float: right;}
  .chowapp-screen-infor ul#chowapp-show li .app-text { width: calc(100% - 160px); margin: 0 0 0 10px; font-size: 1em; line-height: 1.3em;}
  .chowapp-screen-infor ul#chowapp-show li .app-text span.title { font-size: 1.6em; font-family: "GSR-B";}
  
  .chowapp-qrcode-link { clear: both; width: 100%; margin: 40px 0 0 0; display: flex; justify-content: center; align-items: center;}
  .chowapp-qrcode-link img.qrcode { display: none;}
  .chowapp-qrcode-link img.app-ios { width: auto; height: 45px; margin: 0 5px;}
  .chowapp-qrcode-link img.app-apk { width: auto; height: 45px; margin: 0 5px;}

  section#chowapp-ifttt-infor { clear: both; width: 100%; padding: 0 20px 120px 20px; box-sizing: border-box;}

  .chowapp-ifttt-title { width: 100%; margin: 0 auto; background: url("../images/line.png"); background-position: center center; background-repeat: no-repeat;}
  .chowapp-ifttt-title .title-1 { width: 270px; margin: 0 auto; color: #ee7b45; font-size: 1.8em; font-family: "GSR-B"; text-align: center; background-color: #fff;}
  .chowapp-ifttt-title .title-2 { width: 220px; margin: 0 auto; color: #ee7b45; font-size: 1.8em; font-family: "GSR-B"; text-align: center; background-color: #fff;}

  .chowapp-ifttt-text { clear: both; width: 100%; padding: 50px 0; margin: 0 auto; font-size: 1.4em; position: relative;}
  .chowapp-ifttt-text img.ifttt-logo { clear: both; width: 150px; height: auto; margin: 20px auto 0 auto;}
  .chowapp-ifttt-text .text-pc { display: none;}
  .chowapp-ifttt-text .text-mo { width: 100%;}

  .chowapp-ifttt-pic { clear: both; width: 100%; padding: 50px 0; margin: 0 auto;}
  .chowapp-ifttt-pic img { width: 100%; height: auto;}

  .chowapp-ifttt-works { clear: both; width: 90%; margin: 0 auto; display: flex; justify-content: flex-start; align-items: center;}
  .chowapp-ifttt-works .intro { width: 70%; font-size: 1.4em; line-height: 1.6em;}
  .chowapp-ifttt-works .intro span.title { color: #ee7b45; font-size: 1.4em; font-family: "GSR-B";}
  .chowapp-ifttt-works .phone { width: 30%;}
  .chowapp-ifttt-works .phone img { width: 100%; height: auto;}

  ul.num-list { clear: both; padding: 0 0 0 24px; margin: 0; list-style: decimal; display: block;}
  ul.num-list li { padding: 0; margin: 0;}


  /**************** page-support ****************/

  section#page-support-gate { clear: both; width: 100%; padding: 60px 20px 120px 20px; box-sizing: border-box;}

  .support-gate-title { width: 100%; font-size: 2em; font-family: "GSR-B";}

  .support-gate-faq { clear: both; width: 100%; margin: 60px 0 0 0;}
  .support-gate-faq .sort-title { width: 100%; border-bottom: 1px #ee7b45 solid; display: flex; justify-content: space-around; align-items: center; cursor: pointer;}
  .support-gate-faq .sort-title .title { width: calc(100% - 60px); color: #ee7b45; font-size: 1.6em; font-family: "GSR-B"; line-height: 1em;}
  .support-gate-faq .sort-title .icon-open, .sort-title .icon-close { width: 60px; color: #ee7b45; font-size: 2em; text-align: left;}
  .support-gate-faq .sort-title .icon-close { display: none;}

  .support-gate-faq ul.faq-content { clear: both; width: 94%; padding: 0; margin: 0 auto; list-style: none; display: none;}
  .support-gate-faq ul.faq-content li { width: 100%; padding: 10px 0; margin: 40px 0 0 0; border-bottom: 1px #ccc solid;}
  .support-gate-faq ul.faq-content li .question { width: 100%; padding: 0; display: flex; justify-content: flex-start; cursor: pointer;}
  .support-gate-faq ul.faq-content li .question .icon-open, .question .icon-close { width: 40px; font-size: 1.4em; line-height: 1.2em;}
  .support-gate-faq ul.faq-content li .question .icon-close { display: none;}
  .support-gate-faq ul.faq-content li .question .text { width: calc(100% - 40px); font-size: 1.4em; line-height: 1.2em; font-family: "GSR-B";}
  .support-gate-faq ul.faq-content li .answer { width: 100%; padding: 20px 0 20px 40px; font-size: 1.4em; box-sizing: border-box; display: none;}
  .support-gate-faq ul.faq-content li .answer img { max-width: 100%; height: auto;}

  section#page-support-tmt { clear: both; width: 100%; padding: 60px 20px 120px 20px; box-sizing: border-box;}

  .support-tmt-title { width: 100%; color: #ee7b45; font-size: 2em; font-family: "GSR-B";}

  .support-tmt-video-x3 { width: 100%;}
  .support-tmt-video-x3 .video-box { width: 100%; margin: 30px 0;}
  .support-tmt-video-x3 .video-box .video-link { width: 100%; position: relative;}
  .support-tmt-video-x3 .video-box .video-link img.yt { width: 100%; height: auto;}
  .support-tmt-video-x3 .video-box .video-link .icon-yt { width: 80px; height: 80px; color:#ee7b45; font-size: 3em; border-radius: 100%; background-color: #fff; overflow: hidden; position: absolute; top: calc(50% - 40px); left: calc(50% - 40px);}
  .support-tmt-video-x3 .video-box .video-link .icon-yt a { width: 100%; height: 100%; color: #ee7b45; text-decoration: none; display: flex; justify-content: center; align-items: center;}
  .support-tmt-video-x3 .video-box .video-title { clear: both; width: 100%; padding: 5px 0; font-size: 1.2em; line-height: 1.2em;}

  .more-link { clear: both; width: 100%; text-align: right;}
  .more-link a { color: #666; font-size: 1.2em; text-decoration: none;}
  .more-link a:hover { text-decoration: underline;}

  .support-tmt-title-s { width: 100%; padding: 40px 0 0 0; font-size: 1.6em; font-family: "GSR-B"; line-height: 1em;}

  .support-tmt-video-x4 { clear: both; width: 100%;}
  .support-tmt-video-x4 .video-box { width: 100%; margin: 30px 0;}
  .support-tmt-video-x4 .video-box .video-link { width: 100%; position: relative;}
  .support-tmt-video-x4 .video-box .video-link img.yt { width: 100%; height: auto;}
  .support-tmt-video-x4 .video-box .video-link .icon-yt { width: 60px; height: 60px; color: #ee7b45; font-size: 2em; border-radius: 100%; background-color: #fff; overflow: hidden; position: absolute; top: calc(50% - 30px); left: calc(50% - 30px);}
  .support-tmt-video-x4 .video-box .video-link .icon-yt a { width: 100%; height: 100%; color: #ee7b45; text-decoration: none; display: flex; justify-content: center; align-items: center;}
  .support-tmt-video-x4 .video-box .video-title { clear: both; width: 100%; padding: 5px 0; font-size: 1.2em; line-height: 1.2em;}


  /**************** page-news ****************/

  section#page-news { clear: both; width: 100%; padding: 60px 20px 120px 20px; box-sizing: border-box;}

  .page-news-sort { width: 100%; padding: 0 30px; font-size: 1.4em; text-align: right; box-sizing: border-box;}
  .page-news-sort select { padding: 2px 10px; font:0.8em BB2-M, "GSR-R", sans-serif, Arial; line-height: 1em; border: 1px #ccc solid;}

  .news-list-full { clear: both; width: 100%; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap;}
  .news-list-full .news-box { width: 100%; margin: 30px 0;}
  .news-list-full .news-box a { width: 100%; height: 100%; color: #3e3a39; text-decoration: none; display: block; position: relative;}
  .news-list-full .news-box a .pic { width: 100%;}
  .news-list-full .news-box a .pic img { width: 100%; height: auto;}
  .news-list-full .news-box a .text { width: 100%; padding: 20px; margin: 10px 0 0 0; font-size: 1.2em; line-height: 1.2em; background-color: #ccc; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis;}
  .news-list-full .news-box a .text .date { width: 100%; margin: 0 0 5px 0; color: #fff; font-size: 0.8em;}
  .news-list-full .news-box a .text .title { width: 100%; margin: 0 0 10px 0; font-size: 1.2em; font-family: "GSR-B";}
  .news-list-full .news-box a .mask { display: none;}
  .news-list-full .news-box a:active .mask { width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.2); position: absolute; top: 0; left: 0; display: block; z-index: 3;}

  #page-num { clear: both; width: 100%; margin: 40px 0 0 0;}
  #page-num ul.page { width: 100%; padding: 0; margin: 0; list-style: none; display: flex; justify-content: center; flex-wrap: wrap;}
  #page-num ul.page li { padding: 0; margin: 10px;}
  #page-num ul.page li a { color: #3e3a39; font-size: 1.4em; line-height: 1em; text-decoration: none;}
  #page-num ul.page li a:active { border-bottom: 2px #ee7b45 solid;}
  #page-num ul.page li a.sel { color: #ee7b45; border-bottom: 2px #ee7b45 solid;}

  .page-news-content { clear: both; width: 100%;}
  .page-news-content .news-pic { width: 100%; margin: 0 0 40px 0;}
  .page-news-content .news-pic img { max-width: 100%; height: auto; margin: 0 auto;}
  .page-news-content .news-date { width: 100%; margin: 0 0 40px 0; text-align: right;}
  .page-news-content .news-title { width: 100%; margin: 0 0 40px 0; font-size: 1.8em; font-family: "GSR-B"; text-align: center;}
  .page-news-content .news-text { width: 100%; font-size: 1.4em;}

  #back-bt { clear: both; width: 160px; margin: 80px auto 0 auto;}
  #back-bt a { width: 100%; padding: 3px 0; color: #fff; font-size: 1.4em; text-align: center; border-radius: 16px; background-color: #ee7b45; text-decoration: none; display: block;}
  #back-bt a:hover { background-color: #ef6f34;}


  /**************** page-contact ****************/

  section#page-contact { clear: both; width: 100%; padding: 60px 20px; box-sizing: border-box;}

  .page-contact-title { width: 100%; margin: 0 0 20px 0; color: #ee7b45; font-size: 2em; font-family: "GSR-B";}

  .page-contact-col-half { width: 100%; margin: 0 0 60px 0;}

  .page-contact-col-half .form-title { width: 100%; font-size: 1.4em; font-family: "GSR-B";}
  .page-contact-col-half .form-input { width: 100%;}
  .page-contact-col-half .form-input input[type=text] { width: 100%; padding: 10px; margin: 0 0 20px 0; color: #3e3a39; font:1.2em BB2-M, "GSR-R", sans-serif, Arial; border: 0; border-radius: 14px; background-color: #fddfd1; box-sizing: border-box;}
  .page-contact-col-half .form-input textarea { width: 100%; height: 160px; padding: 10px; margin: 0 0 40px 0; color: #3e3a39; font:1.2em BB2-M, "GSR-R", sans-serif, Arial; border: 0; border-radius: 14px; background-color: #fddfd1; box-sizing: border-box;}
  .page-contact-col-half .form-input input[type=submit] { clear: both; width: 140px; padding: 5px 0; color: #fff; font:1.2em BB2-M, "GSR-R", sans-serif, Arial; text-align: center; border: 0; border-radius: 14px; background-color: #ee7b45; cursor: pointer;}
  .page-contact-col-half .form-input input[type=submit]:hover { background-color: #ef6f34;}

  .page-contact-col-half .contact-infor { width: 100%; padding: 60px 0 30px 0}
  .page-contact-col-half .contact-infor:last-child { padding: 60px 0 0 0;}
  .page-contact-col-half .contact-infor .flag-icon { width: 100%; margin: -60px 0 0 0; box-sizing: border-box; display: none;}
  .page-contact-col-half .contact-infor .flag-icon h1 { font-size: 3em; line-height: 1em;}
  .page-contact-col-half .contact-infor .infor { width: 100%; margin: -40px 0 0 0; font-size: 1.2em;}
  .page-contact-col-half .contact-infor .infor span.country { font-size: 1.2em; font-family: "GSR-B";}

  section#page-contact-thankq { clear: both; width: 100%; padding: 200px calc(50% - 500px) 120px calc(50% - 500px); box-sizing: border-box;}

  .page-thankq-icon { width: 100%; color: #ee7b45; font-size: 9em; line-height: 1em; text-align: center;}

  .page-thankq-title { width: 100%; color: #ee7b45; font-size: 3em; text-align: center;}

  .page-thankq-text-1 { width: 100%; margin: 0 0 60px 0; font-size: 1.8em; text-align: center;}

  .page-thankq-text-2 { width: 100%; font-size: 1.4em; text-align: center;}
  .page-thankq-text-2 a { color: #3e3a39; border-bottom: 1px #3e3a39 solid; text-decoration: none;}


  /**************** page-about ****************/

  section#page-about { clear: both; width: 100%; padding: 20px 20px 120px 20px; box-sizing: border-box;}

  .page-about-title { width: 100%; padding: 40px 0; margin: 0 0 30px 0; font-size: 1.4em; line-height: 1.6em;}
  .page-about-title span.title { font-size: 1.4em; font-family: "GSR-B";}
  .page-about-title span.title-s { font-size: 1.2em;}

  .page-about-key { width: 100%; margin: 0 0 30px 0;}
  .page-about-key .box { width: 100%; padding: 60px 0; color: #fff; font-size: 1.6em; font-family: "GSR-B"; text-align: center; background-color: #ee7b45;}
  .page-about-key .box span.big { font-size: 1.8em;}

  .page-about-actuator { width: 100%; padding: 60px 0; margin: 0 0 30px 0; color: #fff; font-size: 1.6em; font-family: "GSR-B"; text-align: center; background-color: #fca981;}
  .page-about-actuator span.big { font-size: 1.8em;}

  .page-about-employees { width: 100%; padding: 60px 0; margin: 0 0 30px 0; color: #fff; font-size: 1.6em; font-family: "GSR-B"; text-align: center; background-color: #ee7b45;}
  .page-about-employees span.big { font-size: 1.8em;}

  .page-about-pic { width: 100%; height: 45.5vw; background: url("../images/about_pic.jpg"); background-size: 100% auto; background-position: center top; display: block;}


  /**************** page-catalog ****************/

  section#page-catalog { clear: both; width: 100%; padding: 60px 20px 120px 20px; box-sizing: border-box;}

  .page-catalog-title { width: 100%; color: #ee7b45; font-size: 2em; font-family: "GSR-B";}

  .page-catalog-text { width: 100%; font-size: 1.6em;}

  .page-catalog-pic { width: 100%; margin: 40px 0;}
  .page-catalog-pic img { width: 100%; height: auto; margin: 0 auto;}

  .page-catalog-table { clear: both; width: 100%;}
  .page-catalog-table form { }
  .page-catalog-table .form-table { width: 100%; margin: 0 0 40px 0;}
  .page-catalog-table .form-table .caption { width: 100%; margin: 20px 0 0 0; font-size: 1.4em; font-family: "GSR-B";}
  .page-catalog-table .form-table .form { width: 100%;}
  .page-catalog-table .form-table .form input[type=text] { width: 100%; padding: 10px; color: #3e3a39; font:1.2em BB2-M, "GSR-R", sans-serif, Arial; border: 1px #ccc solid; border-radius: 12px; background-color: #fff; box-sizing: border-box;}
  .page-catalog-table .form-bt { width: 180px; margin: 0 auto;}
  .page-catalog-table .form-bt input[type=submit] { width: 100%; padding: 10px 0; color: #fff; font: 1.4em BB2-M, "GSR-R", sans-serif, Arial; text-align: center; text-decoration: none; border: 0; border-radius: 10px; background-color: #ee7b45; cursor: pointer;}


  /**************** page-distributor ****************/

  section#page-distributor { clear: both; width: 100%; padding: 60px 20px 100px 20px; box-sizing: border-box;}

  ul#distributor-tabs { width: 100%; padding: 0; margin: 0; list-style: none; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap;}
  ul#distributor-tabs li { padding: 0; margin: 0;}
  ul#distributor-tabs li a { padding: 5px 20px; color: #3e3a39; font-size: 1.4em; text-decoration: none; display: block;}
  ul#distributor-tabs li a:hover { background-color: #eee;}
  ul#distributor-tabs li a.sel { border: 1px #ccc solid;}

  .distributor-list-content { clear: both; width: 100%; padding: 20px 0; margin: -1px 0 0 0; border-top: 1px #ccc solid;}
  .distributor-list-content .list-full { width: 100%; padding: 20px 0; font-size: 1.1em; line-height: 1.4em; border-bottom: 1px #ccc dashed;}
  .distributor-list-content .list-full:last-child { border-bottom: 0;}
  .distributor-list-content .list-full .column-1 { width: 100%; padding: 5px 0;}
  .distributor-list-content .list-full .column-2 { width: 100%; padding: 5px 0;}
  .distributor-list-content .list-full .column-3 { width: 100%; padding: 5px 0;}


  /**************** page-privacy ****************/

  section#page-privacy { clear: both; width: 100%; padding: 60px 20px 120px 20px; box-sizing: border-box;}

  .page-privacy-title { width: 100%; font-size: 2.6em; line-height: 1em; font-family: "GSR-B";}

  .page-privacy-content .big-text { font-size: 1.4em; line-height: 1.2em; font-family: "GSR-B";}
  .page-privacy-content { width: 100%; margin: 40px 0 0 0; font-size: 1.2em; line-height: 1.6em;}
  .page-privacy-content font.title { font-family: "BB2-B";}
  .page-privacy-content a { color: #3e3a39; text-decoration: none;}
  .page-privacy-content a:hover { text-decoration: underline;}

  ul.p-dot { padding: 0 0 0 24px; margin: 0; list-style: disc; display: block;}
  ul.p-dot li { padding: 0; margin: 0;}

  ul.p-num { padding: 0 0 0 24px; margin: 0; list-style: decimal; display: block;}
  ul.p-num li { padding: 0; margin: 0;}


  /**************** page-download ****************/

  section#page-download { clear: both; width: 100%; padding: 60px 20px 120px 20px; box-sizing: border-box;}

  .download-title { width: 100%; margin: 0 0 40px 0; color: #ee7b45; font-size: 2em; font-family: "BB2-B"; text-align: center;}

  .download-list { clear: both; width: 100%; padding: 30px 0; border-bottom: 1px #ccc solid; display: flex; justify-content: flex-start; align-items: stretch;}
  .download-list:last-child { border-bottom: 0;}
  .download-list .pic { width: 40%; padding: 0 20px 0 0; box-sizing: border-box;}
  .download-list .pic img { width: 100%; height: auto; border: 1px #ccc solid; box-sizing: border-box; float: right;}
  .download-list .infor { width: 60%;}
  .download-list .infor .title { width: 100%; height: 20vw; font-size: 1.2em; font-family: "BB2-B";}
  .download-list .infor .download-bt { width: 160px; margin: 0 0 10px 0;}
  .download-list .infor .download-bt a { width: 100%; padding: 5px 0; color: #fff; font-size: 1.1em; text-align: center; text-decoration: none; border-radius: 10px; background-color: #ee7b45; display: block;}
  .download-list .infor .file-type { clear: both; width: 160px; text-align: center;}


  /**************** page-sitemap ****************/

  section#page-sitemap { clear: both; width: 100%; padding: 60px 20px 120px 20px; box-sizing: border-box;}

  .page-sitemap-title { width: 100%; font-size: 2.6em; line-height: 1em; font-family: "GSR-B";}

  ul#sitemap { width: 100%; padding: 0; margin: 60px 0 0 0; list-style: none; display: block;}
  ul#sitemap li { padding: 0; margin: 30px; font-size: 1.4em; line-height: 1.2em; font-family: "GSR-B";}
  ul#sitemap li a { color: #3e3a39; text-decoration: none;}
  ul#sitemap li a:hover { color: #ee7b45;}
  ul#sitemap li ul.sm-popup { width: 100%; padding: 10px 0 10px 20px; margin: 0; list-style: none; display: block; box-sizing: border-box;}
  ul#sitemap li ul.sm-popup li { padding: 0; margin: 0; font-size: 1em; line-height: 1.4em; font-family: "BB2-M";}
  ul#sitemap li ul.sm-popup li a { color: #3e3a39; text-decoration: none;}
  ul#sitemap li ul.sm-popup li a:hover { color: #ee7b45;}


  /**************** page-404 ****************/

  section#page-404 { clear: both; width: 100%; padding: 280px 20px 200px 20px; font-size: 2.4em; font-family: "GSR-B"; text-align: center; box-sizing: border-box;}

  span.title { font-size: 1.8em; line-height: 2.2em; font-family: "BB2-B";}


  /**************** footer ****************/

  footer { clear: both; width: 100%; padding: 60px 20px; background-color: #ee7b45; box-sizing: border-box;}

  footer .column-lf { width: 100%; margin: 0 0 20px 0;}
  footer .column-lf .footer-logo { width: 100%; margin: 0 0 30px 0;}
  footer .column-lf .footer-logo img { width: 220px; height: auto;}
  footer .column-lf .infor { clear: both; width: 100%; padding: 0 5vw 0 0; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; box-sizing: border-box;}
  footer .column-lf .infor .icon { width: 30px; margin: 0 0 15px 0; color: #fff;}
  footer .column-lf .infor .text { width: calc(100% - 30px); margin: 0 0 15px 0; color: #fff; line-height: 1.2em;}

  footer .column-md { width: 100%; margin: 0 0 30px 0;}
  footer .column-md .title { width: 100%; color: #fff; font-size: 1.4em; line-height: 1.6em; font-family: "GSR-M";}
  footer .column-md .line { width: 90px; height: 3px; background-color: #fff; display: block;}
  footer .column-md .footer-nav { clear: both; width: 100%; margin: 20px 0 0 0; display: flex; justify-content: flex-start; align-items: flex-start;}
  footer .column-md .footer-nav ul { width: 160px; padding: 0; margin: 0; list-style: none; display: block;}
  footer .column-md .footer-nav ul li { width: 100%; padding: 0; margin: 0; line-height: 1.4em;}
  footer .column-md .footer-nav ul li a { color: #fff; text-decoration: none;}
  footer .column-md .footer-nav ul li a:hover { text-decoration: underline;}

  footer .column-rt { width: 100%;}
  footer .column-rt .title { width: 100%; color: #fff; font-size: 1.4em; line-height: 1.6em; font-family: "GSR-M";}
  footer .column-rt .line { width: 90px; height: 3px; background-color: #fff; display: block;}
  footer .column-rt .social-icons { clear: both; width: 100%; margin: 20px 0 0 0; display: flex; justify-content: flex-start; align-items: center;}
  footer .column-rt .social-icons .icon { width: 26px; height: 26px; margin: 0 15px 0 0; border-radius: 100%; background-color: #fff; overflow: hidden;}
  footer .column-rt .social-icons .icon a { width: 100%; height: 100%; color: #ee7b45; text-decoration: none; display: flex; justify-content: center; align-items: center;}
  footer .column-rt .social-icons .icon a:hover { background-color: rgba(255,255,255,0.7);}
  
  footer .copyright { clear: both; width: 100%; margin: 30px 0 0 0; color: #fff; text-align: center;}


}