@charset "UTF-8";
/* CSS Document */
@font-face {
    font-family: 'AO Mono';
    src: url('fonts/AOMonoBlack.eot');
    src: url('fonts/AOMonoBlack.eot?#iefix') format('embedded-opentype'),
        url('fonts/AOMonoBlack.woff2') format('woff2'),
        url('fonts/AOMonoBlack.woff') format('woff'),
        url('fonts/AOMonoBlack.svg#AOMonoBlack') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'AO Mono';
    src: url('fonts/AOMonoBold.eot');
    src: url('fonts/AOMonoBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/AOMonoBold.woff2') format('woff2'),
        url('fonts/AOMonoBold.woff') format('woff'),
        url('fonts/AOMonoBold.svg#AOMonoBold') format('svg');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'AO Mono';
    src: url('fonts/AOMonoRegular.eot');
    src: url('fonts/AOMonoRegular.eot?#iefix') format('embedded-opentype'),
        url('fonts/AOMonoRegular.woff2') format('woff2'),
        url('fonts/AOMonoRegular.woff') format('woff'),
        url('fonts/AOMonoRegular.svg#AOMonoRegular') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}


body,html{ font-size:16px;  color:#000; overflow-x:hidden;line-height:1.75;font-family:'AO Mono',sans-serif;font-weight: 500; scroll-behavior: smooth;}
a{ color:#000;outline: none;}
a:hover{ text-decoration: none;color: #e10052;}
a:focus{ text-decoration:none;outline: none;}
::selection{ background:#f5cc30; color:#000;}
*:link, *:visited, *:hover, *:active, *:focus , * {transition: all  100ms linear;}
input, button, select, textarea,.btn{font-family: 'Fira Mono', monospace,sans-serif;font-size: 16px;}
table{font-family: Arial, Helvetica, sans-serif;font-size: 14px; line-height: 21px; ;}

/* common setting */
.wrap{overflow-x: hidden;}
h1,.h1{font-size: 60px; line-height: 1.5;font-weight: 900 ;}
h2,.h2{font-size: 40px; line-height: 1.5;font-weight: 900;}
h3,.h3{font-size: 24px; line-height: 1.5;}
h4,.h4{font-size: 20px; line-height: 1.75;}
.fs_60{font-size: 60px;line-height: 1.5;font-weight: 900;}
.fs_40{font-size: 40px;line-height: 1.5;font-weight: 900;}
.fs_24{font-size: 24px;line-height: 1.5;}
.fs_20{font-size: 20px;}
.fs_16{font-size: 16px;}
.ff_TLOZ{font-family: 'TLOZ Phantom Hourglass',sans-serif;font-weight: 500;}
.ff_Arial{font-family: Arial, Helvetica, sans-serif;}
.color_dark{color: #000;}
.color_red{color: #e10052;}
.color_yellow{color: #f5cc30;}
.color_white{color: #fff;}
.color_gray{color: #707070;}
.container-fluid{margin-left: 75px;margin-right: 75px;}
.sns_link{display: flex; }
.sns_link a{display: flex; width: 40px;height: 40px; font-size: 18px; justify-content: center; align-items: center;}
.btn{background: #e10052; color: #fff;height: 40px;padding: 10px; line-height: 20px;border-radius: 0;border: none;}
.btn .fa{margin-left: 10px; }
.btn:focus, .btn:active:focus, .btn.active:focus, input:focus, input:active, button:focus, button:active, button:active:focus{outline: none;}
.btn:hover, .btn:focus, .btn:active, .btn.active, .open>.dropdown-toggle.btn{background: #f5cc30; color: #000;}
.btn-noline{border-color: transparent;}
.form-control{border-color: #f3f3f3; border-radius: 0;font-size: 15px;height: 40px;line-height: 24px;color: #333;box-shadow: none;}
.form-control:focus{border-color: #e10052;box-shadow: none;}
.input-group-addon{padding: 0; background: none;border: none; padding: 0;border-radius: 0;}

.navbar{ position: fixed; width: 100%; top: 0; left: 0; z-index: 101;background: #000;border-bottom:#e10052 solid 4px; color: #fff; }
.navbar a{color: #fff;position:relative;z-index: 101;}
.navbar a:hover{color: #f5cc30;}
.navbar-header{float: none;position:relative;display: flex;}
.navbar-brand{ height: 180px; padding: 0; width: 20%;float: none;display: flex;align-items: center; justify-content: center;}
.navbar>.container-fluid .navbar-brand{margin: 0 auto;}
.navbar-brand img{max-height: 100%;;}
.top_link{position:absolute;top:20px; right:0;flex-direction: row;display: flex;line-height: 40px;height: 40px;z-index: 102;}
.search_zone{position:relative;width: 240px;margin-right: 20px;;}
.search_zone .form-control{border-color:#fff; background-color: transparent; border-radius: 20px;color: #fff;padding: 5px 10px 5px 40px;text-transform: uppercase;}
.search_zone .form-control:focus{border-color: #f5cc30;}
.search_zone .fa{position: absolute;left: 5px;display: flex;width: 38px;height: 38px;align-items: center;justify-content: center;top: 0;}
.btn-account{margin: 0 30px 0 20px;;}
.btn-account .fa, .btn-lang img{margin-right: 7px;}
.btn-lang{display: flex;}
.btn-lang .dropdown-menu{left: auto; right: 0;min-width:100%; border: none;background-color: rgba(255,255,255,.95);border-radius: 0;padding: 0;}
.btn-lang .dropdown-menu>li>a{color: #000;padding: 3px 15px;}
.btn-lang .dropdown-menu>li>a:hover, .btn-lang .dropdown-menu>li>a:focus{background: #e10052;color: #fff;}
.btn-account .dropdown-menu{left: auto; right: 0;min-width:100%; border: none;background-color: rgba(255,255,255,.95);border-radius: 0;padding: 0;}
.btn-account .dropdown-menu>li>a{color: #000;padding: 3px 15px;}
.btn-account .dropdown-menu>li>a:hover, .btn-lang .dropdown-menu>li>a:focus{background: #e10052;color: #fff;}
.btn-lang {}
.navbar-nav{font-size: 24px;padding: 0; font-weight: 700;float: none;width: 100%;position: absolute;left: 0; top: 60px;;}
.navbar-nav>li{margin: 0;;position: relative;display: flex; align-items: center;width: 20%;height: 120px;}
.navbar-nav>li>a{color: #fff;padding: 0 15px; display: flex;width:100%;height: 100%;  justify-content: center; align-items: center;}
.navbar-nav.nav>li>a:hover, .navbar-nav.nav>li>a:focus{background: none;}
.navbar.scroll_header .navbar-brand,.navbar.scroll_header .navbar-nav li{height: 60px;padding-top: 0;;}
.navbar.scroll_header .navbar-nav{top: 0;font-size: 20px;}
.prod_filter{position:absolute;top: calc(100% + 4px); left: 0; right: 0;background-color: rgba(255,255,255,.95);;}
.prod_filter a{color: #000;}
.prod_filter a:hover{color: #e10052;}
.prod_filter li{ line-height: 1.5; padding: 5px 0;;}
.prod_filter ul{margin-bottom: 5.2vw;}
.prod_filter .panel-group .panel{ border: none; box-shadow: none; background: none;}
.prod_filter .panel-group .panel+.panel{margin-top: 0;;}
.prod_filter .panel-group .panel-heading+.panel-collapse>.panel-body{border: none; padding: 0;}
.prod_filter .panel-heading{padding: 0; border-radius: 0;}
.footer{background: #fff; color: #878787;border-top: 7px solid #f5cc30;padding: 30px 0 20px; font-size: 12px;}
.foot_nav ul{font-weight: bold;margin: 0;display: flex; flex-direction: row;height: 75px; align-items: flex-end;}
.foot_nav li{width: 25%;;}
.foot_link,.foot_logo{display: flex;justify-content: flex-end;flex-flow: wrap; }
.foot_link .btn{padding: 0 50px;display: flex; align-items: center; justify-content: center;}
.footer .sns_link{margin-left: 50px;;}
.footer .sns_link a{font-size: 28px;width: 40px; height: 40px; color: #000; margin: 0 5px;;}
.footer .copyright{color: #999;margin-top:15px;font-size: .75rem;}
.footer .copyright ul{display: inline;}
.footer .copyright a{color: #878787;}
.footer .copyright a:hover{ color:#e10052;}

.article_box .box_photo{overflow: hidden; }
.article_box .box_photo img{width: 100%;}
.article_box .box_title{margin: 0 0 10px;font-weight: 900;}
.article_box .box_area{display: block;}
.article_box .box_intro{line-height: 1.75;}
.article_box .btn_more{color: #333; line-height: 1;}
.article_box:hover .box_title a,.article_box:hover .btn_more{color:  #e10052;}
.article_box .box_photo{position: relative;}
.article_box:hover .box_photo img, .article_box:hover .box_photo .photo{transform: scale(1.1) ;}

.contact_list{line-height: 24px;letter-spacing: .5px;margin-bottom: 20px;}
.contact_list strong{margin-right: 10px;letter-spacing: 3px;}

/*bootstrap carousel-fade*/
.carousel-fade .carousel-inner .item {  opacity: 0;  -webkit-transition-property: opacity;  -moz-transition-property: opacity;  -o-transition-property: opacity;  transition-property: opacity;}
.carousel-fade .carousel-inner .active {  opacity: 1;}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {  left: 0;  opacity: 0;  z-index: 1;}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {  opacity: 1;}
.carousel-fade .carousel-control {  z-index: 2;}

.arrow_btn{background: url(../images/arrow_gray.png) no-repeat center;    background-size: 100% auto;        width: 100%; height: 100%; display: block; }
.arrow_btn.right{transform: rotate(180deg);}

/* owl */
.owl-theme .owl-nav{margin:0;}
.owl-carousel .owl-nav .owl-next, 
.owl-carousel .owl-nav .owl-prev{width: 90px; height: 90px;position: absolute;border-radius: 0;margin: 0;cursor: pointer;top: calc(50% - 45px);opacity: 1;display: block;}
.owl-carousel .owl-nav button.owl-prev{left: 20px;    }
.owl-carousel .owl-nav button.owl-next{right: 20px;}
.owl-theme .owl-nav [class*=owl-]:hover{background-color: transparent;}
.owl-theme .owl-nav [class*=owl-]:hover .arrow_btn{background-image: url(../images/arrow_red.png);}
.owl-theme .owl-nav [class*=owl-].disabled .arrow_btn{background-image: url(../images/arrow_white.png);cursor:not-allowed;}
.owl-theme .owl-dots .owl-dot{padding:8px 0 !important;}
.owl-theme .owl-dots .owl-dot span{width: 50px; height: 4px; background: #ccc; border-radius: 0;margin: 0 5px;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background:  #e10052;}

/* index */
#home_banner{overflow: hidden;}
#home_banner .photo{width: 100vw; height: 100vh; }
#home_banner .photo .banner-pc{width: 100%; height: 100%;background: no-repeat center; background-size: cover;;}
#home_banner .carousel-caption{text-align: left;left:10%; right: auto;width: 40%;padding: 0;bottom:calc(4.69vw + 32px) ;}
#home_banner .title{font-size: 80px; line-height: 1.25;font-weight: 900;margin: 0 0 20px;;}
#home_banner .carousel-control{ opacity: 1; text-shadow: none;top: 180px;width: 90px; background: none;}
#home_banner .carousel-control.right{right: 20px;}
#home_banner .carousel-control.left{left: 20px;}
#home_banner .carousel-control .arrow_btn{background-image: url(../images/arrow_yellow.png)}
#home_banner .carousel-indicators{margin-bottom: 0;bottom: calc(2.08vw + 32px);}
#home_banner .carousel-indicators li{width: 18px;height: 18px;margin: 0 10px; border-radius: 0;border: none; background-color: #fff ;}
#home_banner .carousel-indicators li:hover,#home_banner .carousel-indicators .active{border: none;background: #f5cc30;}
#highlight {    display: flex;position:absolute;left: 0;right:0;bottom:0;background: #e10052; color: #fff;z-index: 9;width: 100%;
white-space: nowrap;overflow: hidden;margin: 0; line-height: 32px;padding: 0 10px;;}
#highlight li {display: inline-block;margin-right: 20px;}
.marquee{;position:absolute;left: 0;bottom:0;width:100px;background: #e10052; color: #fff;z-index: 9;width: 100%;
    white-space: nowrap;overflow: hidden;margin: 0; line-height: 32px;padding: 0 10px;overflow: hidden;}
.home_title{font-size: 60px;}
.home_prod .article_box .box_photo{    margin: 3rem 0 1rem;}
.home_gallery{padding:5.5rem 0 4.5rem;}
.home_gallery .owl-carousel .owl-stage-outer{overflow: visible;}
.home_gallery .owl-theme .owl-nav{margin:0;}
.home_gallery .owl-nav [class*=owl-] .arrow_btn{background-image: url(../images/arrow_red.png) }
.home_gallery .box_photo{opacity: .5;}
.home_gallery .active .box_photo{opacity: 1;}
.home_tech{ padding-top:7.8vw; padding-bottom: 7.8vw;}
.tech_box{padding-top: 40px;display: flex; flex-direction: row;}
.tech_box .box_photo{position:relative;margin:0 3rem 3rem 0;height: 19.9vw;}
.tech_box .box_photo img{height: 100%;max-width:none;}
.tech_box .box_title{position:absolute;font-size:30px; line-height: 1.2; background:#f5cc30;transform: rotate(270deg);text-align: center;margin: 0;left:2.34vw;top:calc(19.9vw + 2.08vw);width: calc(19.9vw + 4.16vw);transform-origin: 0 0;}
.tech_box .box_intro{width: auto;}
.home_social .sns_link a{font-size: 40px;margin: 0 20px;color: #e10052;}

/* inside */
.sub_content{padding-top:180px;padding-bottom: 7.81vw;;}
.sub_content.no_banner{padding-top: calc(180px + 6.25vw);}
.sub_content .banner{margin-bottom: 5.21vw;}
.sub_content .banner .banner_pc{padding: 0;}
/* .sub_content .banner .banner_pc .img-responsive{width: 100%;} */
.sub_content .banner .banner_text{padding-top: 4.17vw;padding-left: 20px;}
.breadcrumb{padding: 0;background: none;text-transform: uppercase;color: #707070;display: flex; flex-direction: row;justify-content: flex-start; flex-wrap: wrap;}
.breadcrumb>li+li:before,
.breadcrumb>.active,
.breadcrumb a{color: inherit;}
.breadcrumb>li+li:before{padding: 0;}
.main_title{margin: 0 0 5.2vw;text-transform: uppercase;}

/* product */
.box_tag{display: flex;background: #e10052; color: #fff; padding: 0 7px;font-size: 12px; line-height: 20px;width: auto;height: 20px;;}
.prod_list li{margin-bottom: 4.17vw;}
.prod_list .box_tag{position: absolute; top: 0; left: 0;display: flex; flex-direction: row;z-index: 9;}
.prod_list .box_data{display: flex; flex-direction: row; justify-content: center;margin: 20px 0 10px;}
.prod_list .box_data img{display: flex; border: 1px solid #d7d7d7;padding: 4px;border-radius: 50%;margin: 0 5px;}
.prod_list a:hover .box_price{color: inherit;}
.prod_detail{}
.prod_name{display: flex; flex-direction: row;margin-bottom: 30px;;}
.prod_name .box_tag{margin-left:2.08vw ;}
.prod_name .main_title{line-height: 1;margin-bottom: 10px;;}
#prod_tab{background-color: #f4f4f4;}
#prod_tab .carousel-indicators{margin: 0;position:relative; left:auto; bottom:auto; width:100%;margin: 0;}
#prod_tab .carousel-indicators li{border-radius: 0;margin: 0;text-indent: 0;height:2em;line-height: 2em;text-transform: uppercase;}
#prod_tab .carousel-control{text-shadow: none; opacity: 1; background: none;}
#prod_tab .item{padding: 40px; min-height:678px;}
#prod_tab .carousel-indicators .active{border-color:transparent;background-color: #f4f4f4;border-left-color: #d6d6d6;}
#prod_tab .prod_spec .pc_area{margin-bottom: 30px;}
#prod_tab .pc_middle img{margin: 0 auto;}
#prod_tab th{vertical-align: middle;font-weight: bold;}
#prod_tab td{text-align: center; vertical-align: middle;}
#prod_tab .title{font-weight: bold;}
#prod_tab .table>thead>tr>th, 
#prod_tab .table>tbody>tr>th, 
#prod_tab .table>tfoot>tr>th, 
#prod_tab .table>thead>tr>td, 
#prod_tab .table>tbody>tr>td, 
#prod_tab .table>tfoot>tr>td{padding-top: 5px;padding-bottom: 5px; line-height: 21px;border-color: #d6d6d6;}
#prod_tab .table>thead>tr>th{font-size: 16px; color: #fff; background-color: #000;text-align: center;border-color: #f4f4f4; }
#prod_tab .table>thead>tr>th:first-child,
#prod_tab .table>tbody>tr>th{text-align: left;padding-left: 20px;}
#prod_tab .table>tbody>tr>th {border-left: none;border-right-color: #f5cc30;}
#prod_tab .table-bordered{border: none;}
#prod_tab .table>tbody>tr>td:last-child{border-right: none;}
#prod_tab .table>tbody>tr:last-child>th,#prod_tab .table>tbody>tr:last-child>td{border-bottom-color:#000;}
#prod_tab .spec_text{font-size: 14px;;}
#prod_tab .spec_text strong{color: #000;}
#prod_tab .prod_tech .pc_area{margin-bottom: 40px;;}
#prod_tab .prod_tech .pc_area img + img{ margin-top: 10px;}
#prod_tab .prod_tech .prod_text + .prod_text{margin-top: 30px;;}
#prod_tab .prod_tech .pc_on_left .pc_area{float: left;margin-right: 40px;}
#prod_tab .prod_tech .pc_on_right .pc_area{float: right;margin-left: 40px;}
#prod_tab .prod_over{font-weight: 400;}
.prod_gallery ul{display: flex; flex-direction: row; margin:0 ; flex-wrap: wrap; justify-content: center;}
.prod_gallery li{padding: 50px 25px 0;}
.prod_gallery li a{display: block;}
.prod_gallery li img{width: 236px;}
.prod_gallery .video_item{position: relative;}
.prod_gallery .video_item::before{content: '';top: 0; left: 0; right: 0; bottom: 0;background: url(../images/icon_play.png) no-repeat center;display:block;position: absolute;}
/* company */
#news_list .news_info{margin:-70px 0 0 70px;background: #000;padding: 20px;position:relative; z-index: 9 ;}
#news_list .box_title{height: 3.5em; overflow: hidden;color: #fff;font-weight: normal;}
#news_list .btn_more{border-bottom:7px solid #f5cc30;text-align: right;margin:30px 0 0 70px;line-height: 1em  ;padding-bottom: 10px;}
#news_list .article_box:hover .news_info{background: #f5cc30;color: #000; }
#news_list .article_box:hover .box_title,#news_list .article_box:hover .box_time{color:inherit;}
#news_list .article_box:hover .btn_more{border-bottom-color: #e10052;}

.company_zone1{padding-top: 7.81vw;padding-bottom: 2.6vw;}
.company_zone2{background: url(../images/demo_pc/company2.jpg) no-repeat bottom center; background-size: cover;color: #fff;padding: 70px;}
.company_zone3{padding-top: 7.81vw;}
.company_zone4 .pc_area{position:relative;max-width: 1180px;margin:0 auto 3.13vw ;}
.company_zone4 .pc_area ul{margin: 0;}
.company_zone4 .pc_area li{position:absolute}
.company_zone4 .pc_area .prod_data1{top: 60%;left: 28%;}
.company_zone4 .pc_area .prod_data2{top: 85%;left: 21%;}
.company_zone4 .pc_area .prod_data3{top: 59%;left: 59%;}
.company_zone4 .pc_area .prod_data4{top: 35%;left: 65%;}
.company_zone4 .pc_area .prod_data5{top: 40%;left: 84.5%;}
.company_zone4 .pc_area [class^=prod_data].active a{width: 32px;height: 32px;background-color: #e10052;color: #fff;}
.company_zone4 .prod_pc .num{display: flex;align-items: center; justify-content: center; background-color: #fff; color: #e10052; font-weight: 900;border: 1px solid #e10052;}
.company_zone4 .pc_area a{width: 24px;height: 24px;margin: -12px 0 0 -12px;font-size: 12px;display: flex;align-items: center; justify-content: center; background-color: #fff; color: #e10052; font-weight: 900;border: 1px solid #e10052;}
.company_zone4 .prod_pc{position:relative;margin-bottom: 20px;margin: 7px; }
.company_zone4 .prod_pc .num{width: 36px;height: 36px; font-size: 14px; position:absolute;left: 0;top:0; }
.company_zone4 .prod_pc img{width: 100%;;}
/* .company_zone4 .prod_pc::before{left:0; right: 0; top: 0; bottom: 0;border: 5px solid #e10052;position: absolute;content: '';opacity: 0;} */
/* .company_zone4 .tab-content>.active .prod_pc::before{opacity: 1;} */
.company_zone4 .tab-content>.active .prod_pc .num{background-color: #e10052;color: #fff;}
.company_zone4 .tab-content>.tab-pane>.prod_text{margin: 16px 7px 7px;}
.company_zone4 .tab-content>.active .prod_pc .bar {
    position: absolute;
    width: 5rem;
    height: 0.5rem;
    background: #e10052;
    /* transition: all 1s linear; */
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
  }
  .company_zone4 .tab-content>.active .prod_pc .bar.delay {
    animation-delay: .3s;
    -webkit-animation-delay: .3s;
  }
  .company_zone4 .tab-content>.active .prod_pc .top {
    top: -0.5rem;
    left: -0.5rem;
  }
  .company_zone4 .tab-content>.active .prod_pc .right {
    top: 1.8rem;
    right: -2.7rem;
    transform: rotate(90deg);
  }
  .company_zone4 .tab-content>.active .prod_pc .bottom {
    bottom: -0.5rem;
    left: -0.5rem;
  }
  .company_zone4 .tab-content>.active .prod_pc .left {
    top: 1.8rem;
    left: -2.7rem;
    transform: rotate(90deg);
  }
  @-webkit-keyframes h-move {
    0% {
      left: -0.5rem;
    }
    100% {
      left: 20rem;
    }
  }
  @keyframes h-move {
    0% {
      left: -0.5rem;
    }
    100% {
      left: 20rem;
    }
  }
  .company_zone4 .tab-content>.active .prod_pc .top,
  .company_zone4 .tab-content>.active .prod_pc .bottom {
    -webkit-animation-name: h-move;
    animation-name: h-move;
  }
  @-webkit-keyframes v-move {
    0% {
      top: -0.5rem;
    }
    100% {
      top: 22.8rem;
    }
  }
  @keyframes v-move {
    0% {
      top: -0.5rem;
    }
    100% {
      top: 22.8rem;
    }
  }
  .company_zone4 .tab-content>.active .prod_pc .right,
  .company_zone4 .tab-content>.active .prod_pc .left {
    -webkit-animation-name: v-move;
    animation-name: v-move;
  }
.ratio_outer{
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}
.ratio_outer video{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* news */
.news_head{display: flex;flex-direction: row;margin-bottom: 4.69vw;}
.news_head .time{background: #e10052; color: #fff;margin-right: 70px;white-space:nowrap;line-height: 1.5; height: 1.5em;padding: 0 10px;}
.news_head .main_title{text-transform: none;}
.news_head .main_title::after{content: ''; width: 100px; height: 4px; background-color: #f5cc30;display: block;margin-top: 2.1vw;}
.news_conent img{max-width: 100%; height: auto;}
.news_conent h1,.news_conent h2, .news_conent h3, .news_conent h4{font-weight: 900; text-transform: uppercase;}

/* support */
.sub_content.support{background: url(../images/demo_pc/support_bg.jpg) no-repeat center bottom; background-size: 100%;}
.support_list {margin-left: -20px;margin-right: -20px;;;}
.support_list li{padding-left: 20px; padding-right: 20px; margin-bottom:2.5rem ;}
.support_list .box_photo{border-radius: 5px;;}
.support_list .box_photo::before{content: ''; display: block;right: 0; bottom: 0; background: #f5cc30 url(../images/download_black.png) no-repeat; background-size: 100%; width: 60px; height: 60px;position: absolute;z-index: 9;}
.support_list a:hover .box_photo::before{background-color: #e10052; background-image: url(../images/download_white.png);}
.support_list .article_box .box_title{margin: 15px 0 10px; text-decoration: underline;max-height: 3.5em;overflow: hidden;}
.support_list .box_info{height: 8rem;}

/* contact */
.sub_content.contact{padding-bottom:0;;}
.contact_top{position: relative;min-height: 46.88vw;padding-top: 3.65vw;margin-bottom: -6.77vw; }
.contact_top .banner_pc{position: absolute;left: 0;bottom:0; top: 0;width: 53.95vw;background: url(../images/demo_pc/contact_banner.jpg) no-repeat top center;background-size: cover;}
.contact_top .banner_pc::before{content: '';position: absolute;width:12.4vw;right: 0; top: 0;bottom:0;background: url(../images/demo_pc/contact_cover.png) no-repeat top right; background-size: 100% 100%;}
.contact_top form{position:relative ; z-index:9;}
.contact_top label{display: block; text-transform: uppercase; font-weight: normal;color: #707070;}
.contact_top .form-control{border-color: #707070; border-radius: 5px; height: 50px;line-height: 18px; padding: 15px 20px;;}
.contact_top textarea.form-control{min-height: 180px;max-width: 100%;}
.contact_top .form-group{margin-bottom: 30px;}
.contact_top .btn{font-weight: bold;text-transform: uppercase;margin-top: 10px;display: flex; align-items: center;justify-content: center;padding-top: 0; padding-bottom: 0;}
.contact_info{background: url(..//images/demo_pc/contact_bg.png) no-repeat;background-size: 100% 100%;position: relative
;}
.contact_info address{display: flex; min-height: 29.17vw;justify-content: center; flex-direction: column;;margin: 0;padding-bottom: 8vw;word-break: break-word;padding-top: 60px;}
.contact_info address .fa{font-size: 22px;margin-right: 10px;}
.contact_info address .fa.fa-envelope{font-size: 18px;}
.contact_info address h4{font-weight: bold;}
.contact_info address ::selection{ background:#000; color:#f5cc30;}
.contact_slogan{position: absolute; right:8.33333333%; bottom: 6.25vw ; font-size: 95px;font-weight: 900; color: rgba(255,255,255,.25);text-transform: uppercase; line-height: 1;z-index: -1;}
/* login */
.sub_content.login{padding-bottom:0;;}
.login_top{position: relative;min-height: 46.88vw;padding-top: 3.65vw;margin-bottom: -6.77vw; }
.login_top .banner_pc{position: absolute;left: 0;bottom:0; top: 0;width: 53.95vw;background: url(../images/demo_pc/login_banner.jpg) no-repeat top center;background-size: cover;}
.login_top .banner_pc::before{content: '';position: absolute;width:12.4vw;right: 0; top: 0;bottom:0;background: url(../images/demo_pc/contact_cover.png) no-repeat top right; background-size: 100% 100%;}
.login_top form{position:relative ; z-index:9;}
.login_top label{display: block; text-transform: uppercase; font-weight: normal;}
.login_top .form-control{border-color: #707070; border-radius: 5px; height: 50px;line-height: 18px; padding: 15px 20px;;}
.login_top textarea.form-control{min-height: 180px;max-width: 100%;}
.login_top .form-group{margin-bottom: 30px;}
.login_top .btn{font-weight: bold;text-transform: uppercase;margin-top: 10px;display: flex; align-items: center;justify-content: center;padding-top: 0; padding-bottom: 0;}
.login-register{border: 1px solid #d5d5d5;color: #707070;text-align: center;text-transform: uppercase;padding-top: 8px;}
.login-forgotten{text-align: right;text-transform: uppercase;color: #707070;}
/* reset */
.login_top.reset .banner_pc{background-image: url(../images/demo_pc/reset_banner.jpg);}
/* register */
.register .form-control{border-color: #707070; border-radius: 5px; height: 50px;line-height: 18px; padding: 15px 20px;}
.register label{text-transform: uppercase; font-weight: normal;}
.register .remark{font-size: 14px;color: #707070;}
.register input[type="radio"]{margin-right: 8px;width: 16px;height: 16px;}
.register input[type="radio"]:not(:first-of-type){margin-left: 12px;}
@media (min-width:1701px){
.container{width:1480px}
.container_s{width: 1180px;}
.sub_content .banner .banner_text{text-align: left;}
.sub_content .banner .banner_text .breadcrumb{justify-content: flex-start;}
.sub_content .banner .banner_text .breadcrumb,
.sub_content .banner .banner_text .main_title{padding-left: 20%;}
#prod_list .owl-nav button.owl-prev, #news_list .owl-nav button.owl-prev{left: -120px;}
#prod_list .owl-nav button.owl-next, #news_list .owl-nav button.owl-next{right: -120px;}
#gallery_list{padding: 0 120px;;}
#news_list{width: 1480px;margin: 0 auto;}
}
@media (min-width:1200px){
.container{width: 1050px;}
.container_s{width: 980px;}
.company_zone2 .zone_title{float: right;text-align: right;}
}
@media (min-width: 992px){
.navbar-nav{float: right;}
/* index */
/* inside */
}
@media (min-width: 768px){
.banner .banner_pc,.foot_info{float: right;}
.search_zone{display: block;}
.footer .copyright li::before{content: ' | ';}
#home_banner .carousel-caption{opacity: 0;   -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);}
#home_banner .active .carousel-caption{opacity: 1;    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);}
#prod_tab .carousel-control{display: none;}
.company_zone4 .tab-content{display: flex;flex-direction: row;margin: 0 -10px;}
.company_zone4 .tab-content>.tab-pane{display:flex;width: 20%;flex-direction: column;padding:0 10px;}
}
@media (min-width:480px){
.navbar.scroll_header .top_link{height: 0; overflow:hidden;}
.prod_filter .panel-group{margin: 0 -10px; display: flex; flex-direction: row;}
.prod_filter .panel-group .panel{width: 33.3333%;padding: 0 10px;}
.prod_filter .collapse{display: block;}
.prod_filter .collapse,.prod_filter .collapsing{height: auto auto !important;overflow: visible;}
.prod_filter .title{ text-align: center;line-height: 1.25;margin:2.6vw 0 1.56vw;font-family: 'TLOZ Phantom Hourglass',sans-serif;    font-weight: 500;}
.prod_filter .title a{display: block;background-color: #e10052;min-height: 1.25rem; color: #fff; }
#prod_tab .carousel-indicators{display:flex; flex-direction: row;}
#prod_tab .carousel-indicators li{display: flex; width: 33.3333%; border: 1px solid #d6d6d6; border-right-width: 0;justify-content: center;background: #fff;}
#prod_tab .carousel-indicators li:last-child{border-right-width: 1px;}
#prod_tab .carousel-indicators li:first-child.active{border-left-color:transparent}
#prod_tab .carousel-control{text-shadow: none; opacity: 1; background: none;}
}
@media (min-width: 768px){
.banner .banner_pc,.foot_info{float: right;}
.search_zone{display: block;}
.footer .copyright li::before{content: ' | ';}
#home_banner .carousel-caption{opacity: 0;   -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);}
#home_banner .active .carousel-caption{opacity: 1;    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);}
#prod_tab .carousel-control{display: none;}
.company_zone4 .tab-content{display: flex;flex-direction: row;margin: 0 -10px;flex-wrap: wrap;}
.company_zone4 .tab-content>.tab-pane{display:flex;width: 20%;flex-direction: column;padding:0 10px;overflow: hidden;}
}
@media (min-width: 992px){
.navbar-nav{float: right;}
}
@media (min-width:1200px){
.company_zone2 .zone_title{float: right;text-align: right;}
}
@media (min-width:1701px){
.container{width:1480px}
.container_s{width: 1180px;}
.sub_content .banner .banner_text{text-align: left;}
.sub_content .banner .banner_text .breadcrumb{justify-content: flex-start;}
.sub_content .banner .banner_text .breadcrumb,
.sub_content .banner .banner_text .main_title{padding-left: 20%;}
#prod_list .owl-nav button.owl-prev, #news_list .owl-nav button.owl-prev{left: -120px;}
#prod_list .owl-nav button.owl-next, #news_list .owl-nav button.owl-next{right: -120px;}
#gallery_list{padding: 0 120px;;}
#news_list{width: 1480px;margin: 0 auto;}
}
@media (min-width:1921px){
.container{width:1700px}
.container_s{width: 1500px;}
.contact_info address:first-child{padding-top: 4vw;}
.navbar.scroll_header .navbar-brand, .navbar.scroll_header .navbar-nav li{height: 100px;}
.company .box_list{ width: auto;margin-left: 150px;margin-right: 150px;}
.company #news_list{width: auto;}
}

@media (max-width: 1700px){
.container-fluid.company_zone2{margin-left: 0; margin-right: 0;;}
}

@media (min-width: 1200px) and  (max-width: 1700px){
.container{width: 1050px;}
.container_s{width: 980px;}
.top_link{top: 10px;}
.navbar-brand{height: 160px;padding-top: 30px;;}
.navbar-nav>li{height: 100px;}
.owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev{width: 60px;height: 60px; top: calc(50% - 30px);;}
#prod_list .owl-nav button.owl-prev, #news_list .owl-nav button.owl-prev{left: -60px;}
#prod_list .owl-nav button.owl-next, #news_list .owl-nav button.owl-next{right: -60px;}
.tech_item{width: 100%;}
.tech_box .box_photo{height: 25vw;}
.tech_box .box_title{    top: calc(25vw + 2.08vw);    width: calc(25vw + 4.16vw);}
/* index */
#home_banner .carousel-control{width: 60px;}
#gallery_list{padding: 0 85px;}
/* inside */
.sub_content{padding-top: 160px;}
/* .sub_content.no_banner{padding-top: calc(160px + 6.25vw);} */
.sub_content.no_banner{padding-top: calc(140px + 6.25vw);}
.prod_detail .col-lg-offset-1{margin-left: 0;}
.prod_detail .col-lg-10{width: 100%;}
.prod_tab{        width: 66.66666667%;}
#prod_tab .item{padding: 20px 30px ; min-height: 519px;}
.prod_gallery li{padding: 40px 20px 0;}
}

@media (max-width: 1199px){
.top_link{line-height: 30px;height: 30px;}
.sns_link a, .footer .sns_link a{width: 30px; height: 30px;}
/* index */


/* inside */
.contact_top .form-control{height: 30px; padding: 5px 15px;}
.register .form-control{height: 30px; padding: 5px 15px;}
.login_top .form-control{height: 30px; padding: 5px 15px;}
.contact_top textarea.form-control{padding-top: 15px;padding-bottom: 15px;;}
.contact_info address:nth-child(2){padding-top: 0;padding-bottom: 0;}
.contact_info address:first-child{padding-bottom: 40px;}
}


@media (min-width: 992px) and  (max-width: 1199px){
body,html{font-size: 15px;}
input, button, select, textarea,.btn{font-size: 15px;}
h1,.h1{font-size: 40px;}
h2,.h2{font-size: 30px;}
h3,.h3{font-size: 22px; }
h4,.h4{font-size: 18px;}
.fs_60{font-size: 40px;}
.fs_40{font-size: 30px;}
.fs_24{font-size: 22px;}
.fs_20{font-size: 18px;}
.fs_16{font-size: 16px;}
.top_link{top: 10px;}
.navbar .navbar-brand{padding-top: 30px;height: 130px;}
.navbar-nav{font-size: 22px;}
.navbar-nav>li{height: 70px;}
.search_zone {width: 150px;;}
.search_zone .form-control{height: 30px;}
.search_zone .fa{width: 28px;height: 28px;}
.owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev{width: 40px;height: 40px;; top: calc(50% - 20px);;}
#prod_list .owl-nav button.owl-prev, #news_list .owl-nav button.owl-prev{left: -50px;}
#prod_list .owl-nav button.owl-next, #news_list .owl-nav button.owl-next{right: -50px;}
.tech_box .box_photo{height: 25vw;}
.tech_box .box_title{font-size: 24px;    top: calc(25vw + 2.08vw);    width: calc(25vw + 4.16vw);}
.foot_link .btn{padding: 0x 20px;padding: 0 20px;height: 30px;;}
.footer .sns_link{margin-left: 20px;}
.container{width: 800px;}
/* index */
#home_banner .title{font-size: 60px;}
#home_banner .carousel-control{width: 50px;top: 130px;}
.home_social .sns_link a{font-size: 30px;}
#gallery_list{padding: 0 65px;}
/* inside */
.sub_content{padding-top: 130px;;}
.sub_content.no_banner{padding-top: calc(130px + 50px);}
.main_title,.prod_name{margin-bottom: 25px;}
.support_list li{padding-left: 15px;padding-right: 15px;;margin-bottom: 10px;}
.company_zone1{padding-top: 50px; padding-bottom: 50px;}
.company_zone2{padding: 50px 75px ;}
.company_zone3{padding-top: 50px;}
.contact_top textarea.form-control{min-height: 150px;}
.contact_slogan{font-size: 65px;}
#prod_tab .item{padding: 20px 30px ; min-height: 0;}
.prod_gallery li{padding: 40px 20px 0;}
#prod_tab .prod_tech .pc_area{max-width: 45%;margin-bottom: 10px;}
#prod_tab .prod_tech .pc_on_left .pc_area {margin-right: 20px;}
#prod_tab .prod_tech .pc_on_right .pc_area{margin-left: 20px;}
}
/* member */
.btn-custom{
  padding-left: 60px;
  padding-right: 60px;
  margin: 0 20px;
}
.btn-custom-outline{
  background-color: #fff;
  color: #e10052;
  border: 1px solid #e10052;
}
.btn-custom-outline:hover{
  background-color: #e10052;
  color: #fff;
}
@media (max-width: 575px){
  .register .btn-custom[type="submit"]:first-of-type{
      order: 2;
  }
  .register .btn-custom[type="submit"]:last-of-type{
      order: 1;
  }
}

@media (max-width: 991px){
.navbar{margin: 0;}
.foot_link, .foot_logo{}
.footer .sns_link a{font-size: 20px;}
.foot_nav ul{height: auto;}
.footer .copyright{font-size: 12px;}
.owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev{width: 40px;height: 40px;; top: calc(50% - 20px);}
/* index */
#home_banner .carousel-control{width: 40px;}
.home_social .sns_link a{font-size: 30px;}
/* inside */
.support_list .box_photo::before{width: 50px;height: 50px;}
.company_zone3 .main_title{margin-bottom: 0;}
.contact_top{padding-top: 40px;padding-bottom: 100px;}
.contact_top .banner_pc::before{display: none;}
/* .contact_top .banner_pc{width: 100vw;opacity: .6;}
.contact_top label{color: #000;} */
.contact_top .banner_pc::after{
  content: "";
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  /* background-color: rgba(0,0,0,.6); */
  background-image: linear-gradient(to bottom right, rgba(0,0,0), rgba(0,0,0,0.2));
  position: absolute;
}
.contact_top .banner_pc{width: 100vw;}
.login_top .banner_pc::before{display: none;}
.contact_top label{color: #fff;}
.login_top{padding-top: 40px;padding-bottom: 100px;}
.login_top .banner_pc::before{display: none;}
.login_top .banner_pc{width: 100vw;
  /* opacity: .6; */
}
.login_top .banner_pc::after{
  content: "";
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  /* background-color: rgba(0,0,0,.6); */
  background-image: linear-gradient(to bottom right, rgba(0,0,0,.9), rgba(0,0,0,0));
  position: absolute;
}
.login_top label{color: #fff;}
.login-register{color: #aaa;font-size: 14px;}
.login-register>a{color: #fff;}
.login-forgotten{color: #aaa;font-size: 14px;}
.login-forgotten>a{color: #fff;}
#prod_tab .table>thead>tr>th{font-size: 14px;}
#prod_tab .table>thead>tr>th:first-child, #prod_tab .table>tbody>tr>th{padding-left: 8px;}
.reset .reset_title{color: #fff;}
}

@media (min-width: 768px) and  (max-width: 991px){
body,html{font-size: 14px;line-height: 1.5;}
input, button, select, textarea,.btn{font-size: 14px;}
h1,.h1{font-size: 30px;}
h2,.h2{font-size: 24px;}
h3,.h3{font-size: 20px; }
h4,.h4{font-size: 16px;line-height: 1.5;}
.fs_60{font-size: 30px;}
.fs_40{font-size: 24px;}
.fs_24{font-size: 20px;}
.fs_20{font-size: 16px;}
.fs_16{font-size: 14px;}
.top_link{top: 10px;}
.navbar .navbar-brand{padding-top: 30px;height: 130px;}
.navbar-nav{font-size: 22px;}
.navbar-nav>li{height: 70px;}
.container-fluid{margin-right: 40px; margin-left: 40px;;}
.search_zone {width: 150px;;}
.search_zone .form-control{height: 30px;}
.search_zone .fa{width: 28px;height: 28px;}
#prod_list .owl-nav button.owl-prev, #news_list .owl-nav button.owl-prev{left: -50px;}
#prod_list .owl-nav button.owl-next, #news_list .owl-nav button.owl-next{right: -50px;}
.tech_box .box_photo{height: 30vw;margin: 0 1.5rem 1.5rem 0;}
.tech_box .box_title{font-size: 20px;    top: calc(30vw + 2.08vw);    width: calc(30vw + 4.16vw);}
.footer .sns_link{margin-left: 10px;}
.footer .sns_link a{margin: 0;;}
.foot_link .btn{padding: 0 20px;height: 30px;;}
.foot_nav ul{flex-direction: column; align-items: flex-start;}
.footer .copyright ul{display: block;}
.footer .copyright li:first-child:before{display: none;}
.container{width: 600px;}
/* index */
#home_banner .carousel-control{top: 130px;}
#home_banner .title{font-size: 45px;}
#home_banner .carousel-caption{width: 60%;}
#gallery_list{padding: 0 65px;}

/* inside */
.sub_content{padding-top: 130px;padding-bottom: 60px;}
.sub_content.no_banner{padding-top: calc(130px + 40px);}
.main_title,.prod_name{margin-bottom: 25px;}
.support_list li{padding-left: 10px;padding-right: 10px;;margin-bottom: 10px;}
.support_list .article_box .box_title{max-height: 4.5em;}
.company_zone1{padding-top: 40px; padding-bottom: 40px;}
.company_zone2{padding: 40px 50px ;}
.company_zone3{padding-top: 40px;}
.company_zone4 .tab-content>.tab-pane{padding: 0 5px;width: 33%;}
/* .company_zone4 .prod_pc{margin-bottom: 5px;border: 5px solid #000;} */
.contact_top textarea.form-control{min-height: 150px;}
.contact_info address{padding-bottom: 0;}
.contact_slogan{font-size: 40px;}
#prod_tab .item{padding: 25px ; min-height: 0;}
#prod_tab .carousel-indicators li{font-size: 13px;;}
.prod_gallery li{padding: 30px 15px 0;}
#prod_tab .prod_tech .pc_area{max-width: 45%;margin-bottom: 10px;}
#prod_tab .prod_tech .pc_on_left .pc_area {margin-right: 20px;}
#prod_tab .prod_tech .pc_on_right .pc_area{margin-left: 20px;}}
#prod_tab .table-responsive{width: 100%;margin-bottom: 20px;; overflow-x: auto;    overflow-y: hidden;    -webkit-overflow-scrolling: touch;    -ms-overflow-style: -ms-autohiding-scrollbar;    border: 1px solid #d6d6d6;}
#prod_tab .table-responsive .table{margin-bottom: 0;;}

@media (max-width:767px){
body,html{font-size: 16px;line-height: 1.5;}
input, button, select, textarea,.btn{font-size: 13px;}
h1,.h1{font-size: 30px;}
h2,.h2{font-size: 24px;}
h3,.h3{font-size: 20px; }
h4,.h4{font-size: 16px;line-height: 1.5;}
.fs_60{font-size: 30px;}
.fs_40{font-size: 24px;}
.fs_24{font-size: 20px;}
.fs_20{font-size: 16px;}
.fs_16{font-size: 14px;}
[data-aos^=fade][data-aos^=fade].aos-animate.wrap{transform: none;}


.navbar-brand,.navbar.scroll_header .navbar-brand{height: 50px;}
.navbar-toggle{position: absolute;margin: 8px 0 0; padding: 10px 10px 20px;background-color: #fff;border-radius: 0;;}
.navbar-toggle.collapsed{background-color: transparent;}
.navbar-toggle .icon-bar{background-color: #e10052;}
.navbar-toggle.collapsed .icon-bar{background: #fff;}
.navbar-collapse{position:absolute;  top: calc(100% + 4px);background: #fff;left: -10px; right: -10px;padding-top: 0;padding-bottom: 0;;}
.navbar-nav{position: relative;top: auto; margin: 0;padding: 10px 0;;}
.navbar-nav>li,.navbar.scroll_header .navbar-nav li{height: auto; width: 100%;;}
.navbar-nav>li>a{color: #000;justify-content: flex-start; font-weight: 900; font-size: 30px; line-height: 3;padding: 10px;position:relative;}
.navbar-nav>li>a::after,.prod_filter .title a::after{content: ''; display: flex; position:absolute; right: 0; top: calc(50% - 20px);background: url(../images/arrow_yellow.png)no-repeat ;width: 40px; height: 40px; background-size: 100%;transform: rotate(180deg);}
.prod_filter{z-index: 9999; background-color: #fff;height: calc(100vh - 54px); overflow-y: scroll;}
.prod_filter .btn_close{position: absolute;width: 30px; height: 30px;background-color: #fff;right: 20px;top:0;font-size: 30px;line-height: 30px; text-align: center;}
.prod_filter .panel-group{margin: 0;padding-top: 40px;;}
.prod_filter .title a{font-weight: bold;font-size: 24px; line-height: 50px;display: block; position:relative;padding: 5px 0    ;;;}
.prod_filter .title a::after{width: 36px;height: 36px; top: calc(50% - 18px);}
.search_zone{position:absolute;  top: 44px;background: #000; right: -20px; width: 100vw;margin: 0;}
.search_zone form{margin: 0; padding:10px 20px;}
.search_zone .fa{width: 28px; height: 28px;top: 10px; left: 25px;}
.foot_link, .foot_logo{justify-content: flex-start;}
.foot_link .btn{margin:0 0 20px;width: 100%;height: 60px; padding: 0 10px;line-height: 1; font-size: 30px;}
.footer .sns_link{margin: 0 0 10px;width: 100%;}
.footer .sns_link a{font-size: 24px;;}
.foot_nav ul{flex-direction: column;align-items: flex-start;margin: 20px 0;font-size: 20px;line-height:1.75;font-weight: 900;}
.foot_nav li{width: 100%;}
.footer .copyright{text-align: left;}
.footer .copyright li{display: block;padding: 0;}
.container{padding-left: 20px; padding-right: 20px;}
.container-fluid{margin-left: 0;margin-right:0;padding-left: 20px; padding-right: 20px;;}
.container-fluid>.navbar-header{margin: 0;}
.navbar .sns_link{display: none;}
.top_link{top: 10px;}
.btn-account{margin: 0 10px;}
.btn-account .fa, .btn-lang img{margin: 0;}
.btn_search .fa, .btn-account .fa, .btn-lang{display: flex;width: 30px; height: 30px;justify-content: center;align-items: center;}
.btn-lang{width: 40px;}
.btn-lang>a{display: flex;align-items: center;}
#prod_list .owl-nav button.owl-prev, #news_list .owl-nav button.owl-prev{left: 0;}
#prod_list .owl-nav button.owl-next, #news_list .owl-nav button.owl-next{right: 0;}
.tech_item{padding: 0;display: flex;margin:0 -10px;}
.tech_box{ flex-direction: column;}
.tech_box{padding-top: 20px;margin: 0 auto;max-width: 100vw;}
.tech_box .box_photo{width:100vw;height: auto;margin: 30px 0 10px;}
.tech_box .box_photo img{height: auto; width: 100%;}
.tech_box .box_title{font-size: 24px;    top: calc(121.41vw + 40px);    width: calc(121.41vw + 80px);left: 20px;}
.tech_box .box_intro{padding:0 20px 0 70px;}
.home_gallery{padding-top: 20px;}
.home_gallery{padding-bottom: 20px;}
/* index */
#home_banner .carousel-control{display: none;}
#home_banner .title{font-size: 45px;}
#home_banner .carousel-caption{width: 80%;top: 90px; bottom: auto; left: 40px;;}
#home_banner .carousel-indicators li{width: 24px; height: 24px;margin: 0 5px;;}
.home_social{display: flex;flex-direction: row;}
.home_social .h1{width: 50%;margin: 0;}
.home_social .sns_link{width: 50%; flex-wrap: wrap; justify-content: flex-end;}
/* inside */
.sub_content{padding-top: 50px;padding-bottom: 40px;}
.sub_content.no_banner{padding-top: calc(50px + 40px);}
.sub_content .banner{margin-bottom: 0;;}
.sub_content .banner .banner_text{padding-top: 20px;}
.breadcrumb{display: none;}
.main_title,.prod_name{margin-bottom: 20px;}
.support_list li{padding-left: 20px;padding-right: 20px;;margin-bottom: 30px;}
.support_list .box_info{height: auto;}
.support_list .article_box .box_title{max-height: none}
#news_list .box_title{height: 3.2em;}
.news_head{display: block;}
.news_head .time{margin-bottom: 20px;display: inline-block;}
.company_zone1{padding-top: 40px; padding-bottom: 40px;}
.company_zone1 .zone_pc{margin-bottom: 10px;}
.company_zone2{padding: 30px 20px ;}
.company_zone3{padding-top: 40px;} 
.company_zone4 .tab-content{width: 280px; margin: 0 auto;}
.company_zone4 .tab-content>.tab-pane{padding: 0 5px;}
/* .company_zone4 .prod_pc{margin-bottom: 5px;} */
.contact_top{margin-bottom: -60px;padding-bottom: 60px;}
.contact_top textarea.form-control{min-height: 120px;}
.contact_top .btn{height: 40px;}
.contact_info{background-size: 150% 120%;font-size: 15px;;}
.contact_info address{padding:70px 0 50px;width: 100%;}
.contact_slogan{font-size: 30px;bottom: 10px;}
.prod_detail .box_photo img{margin: 0 auto;}
.prod_name .main_title{margin-bottom: 0;;}
.prod_name{justify-content: space-between;}
.prod_tab{padding: 0;margin: 20px -10px;}
#prod_tab .item{padding:0 20px 20px ; min-height: 0;}
#prod_tab .carousel-indicators{height: 50px;}
#prod_tab .carousel-indicators li{width: 100%;height: 50px; line-height: 50px;border: none;position: absolute;background-color: #f4f4f4;left: 0; top: 0;font-weight: bold;opacity: 0;}
#prod_tab .carousel-indicators .active{opacity: 1;}
#prod_tab .carousel-control{height: 30px;top: 10px;width: 30px;z-index: 99;;}
#prod_tab .carousel-control .arrow_btn{background-image: url(../images/arrow_red.png);}
#prod_tab .prod_tech .pc_area{width: 100%;margin-bottom: 10px;}
#prod_tab .prod_tech .pc_area img{width: 100%;}
#prod_tab .prod_tech .pc_on_left .pc_area {margin-right: 0;}
#prod_tab .prod_tech .pc_on_right .pc_area{margin-left: 0;}
.prod_gallery ul{width: 100%; display: block;}
.prod_gallery li{padding: 10px 0 0;}
.prod_gallery li img{width: 100%;}
}

/* utilities */
.overflow-hidden{overflow: hidden;}
.d-flex{display: flex;}
.flex-column{flex-direction: column;}
.align-items-cener{align-items: center;}
.justify-content-center{justify-content: center;}
.w-100{width: 100%;}
.text-underline{text-decoration: underline;}
.text-underline:hover{text-decoration: underline;}
.mb-0{margin-bottom: 0;}
.mb-1{margin-bottom: 16px;}
.mb-2{margin-bottom: 24px;}
.mb-3{margin-bottom: 32px;}
.mb-4{margin-bottom: 40px;}
.mb-5{margin-bottom: 60px;}
.pt-0{padding-top: 0;}
.pt-1{padding-top: 16px;}
.pt-2{padding-top: 24px;}
.pt-3{padding-top: 32px;}
.pt-4{padding-top: 40px;}
.pt-5{padding-top: 60px;}
.pb-0{padding-bottom: 0;}
.pb-1{padding-bottom: 16px;}
.pb-2{padding-bottom: 24px;}
.pb-3{padding-bottom: 32px;}
.pb-4{padding-bottom: 40px;}
.pb-5{padding-bottom: 60px;}
@media (min-width:576px){
    .flex-sm-row{flex-direction: row;}
    .align-items-sm-cener{align-items: center;}
}
@media (min-width:768px){
    .flex-md-row{flex-direction: row;}
    .align-items-md-cener{align-items: center;}
}
@media (min-width:992px){
    .flex-lg-row{flex-direction: row;}
    .align-items-lg-cener{align-items: center;}
}
@media (min-width:1200px){
    .flex-xl-row{flex-direction: row;}
    .align-items-xl-cener{align-items: center;}
}
@media (min-width:1400px){
    .flex-xxl-row{flex-direction: row;}
    .align-items-xxl-cener{align-items: center;}
}


/* 中文 */
.zh-Hans .company_zone1 .main_title{width: 4em;}
.zh-Hans {}
.zh-Hans {}
.zh-Hans {}
.zh-Hans {}
.zh-Hans {}
.zh-Hans {}
.zh-Hans {}