@media (min-width: 1200px){
  .container {max-width: 1200px;}
}

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


@media screen and (max-width: 1366px){
  p{font-size: 1rem;}
  .h3, h3{font-size: 1.5rem;}
  .h4, h4 {font-size: 1.25rem;}
  .h5, h5{font-size: 1rem;}
  .btn.btn-blue{font-size: 1rem;}
  header .main-menu .main-menu-frame .menu-lv1>li .menulv1-title{font-size: 1rem;height: 90px;}
  header .main-menu .menu-01 li a{font-size: 1rem;height: 90px;}
  header .main-menu .main-menu-frame .menu-lv2>ul>li a{font-size: 1.25rem;padding: 20px 30px;}
  .footer-social span{font-size: .85rem;}
  .footer-bottom .footer-left p{font-size: .85rem;}
  .title-type03 h3{font-size: 1.75rem;}
  
  .download-mainTitle h2{font-size: 2.5rem;}
  .download-mainTitle span{font-size: .9rem;}
  .main-download .title h3{font-size: 2.5rem;}
  .main-download .title h4{font-size: 1.5rem;}
  .type-item .name{font-size: 1.25rem;}
  .type-item .itemthumb img{height: 220px;}
  .download header .main-menu .menu-02>li .login-dropdown{font-size: 1rem;}
  .download header .main-menu .menu-02>li .login-dropdown-box li{font-size: 1rem;}
  .download-banner .download-type-name{font-size: 1.75rem;}
  .download-item .name{font-size: 1rem;}
  .download .footer-bottom p{font-size: .85rem;}
  .download-item a:hover .imgbox .text span{font-size: .85rem;}
  .download-banner .download-head{height: 180px;}
  .download-banner .download-head:before{height: 180px;}
  .download-mainTitle{padding: 20px 40px;}
  .download-banner .download-head:after{border-width: 180px 104px 0 0;}
  .download-banner .itemthumb img{height: 180px;}
  .download-page section{padding: 40px 0;}

  
}

@media screen and (max-width: 1366px) and (min-width:1200px) and (max-height: 800px) {
}


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

@media screen and (max-width: 1199px){
	
  /*Progress bar*/
 header { width: 100%; top: 0; left: 0;padding-top: 0px;transition: all ease-in-out 0.3s;background: #fff;position: relative;position: fixed; border-bottom: #64D7D7 solid 7px;}
.border-1:before{content: "";width: 60%;height: 7px;position: absolute;bottom: -7px;left: 0;display: block ; background: #0087dc;z-index: 250;}
.border-1:after{content: "";width: 20%;height: 7px;position: absolute;bottom: -7px;right: 0;display: block ; background: #b9eb5f;z-index: 150;}
	
  /* header */
  header, header.fixed {z-index: 900; height: 90px; min-height: 0px; margin-top: 0; box-shadow: 0 0 2px rgba(0, 0, 0, .1);-webkit-box-shadow:0 0 2px rgba(0, 0, 0, .1);-moz-box-shadow:0 0 2px rgba(0, 0, 0, .1);}
  header .block-frame{padding: 0;}
  .header-logo, header.fixed .header-logo {width: 200px;left: 30px;top: 50%;transform: translateY(-50%);margin: 0;position: absolute;}
  header .xs-menu-toggle {position: absolute;right: 30px;height: auto;width: auto;bottom: 20px; text-align: center; align-items: center;justify-content: center;display: flex;}
  header .main-menu {background: url(../img/bg-mb.jpg)repeat-y top center;background-size: 100%;display: block; position: fixed; right: -200%; top: 0; opacity: 0; overflow: hidden; display: block; transition: all ease-in-out 0.3s; z-index: -1; width: 375px;max-width: 100%;float: none; height: 100vh; margin-top: 0;padding-bottom: 200px;}
  
  header .main-menu .main-menu-frame { z-index: 2;padding:0;margin-bottom: 20px; overflow: auto; max-height: calc(100% - 90px);}
  header .main-menu .main-menu-frame .menu-lv1 { flex-direction: column;margin: 0;overflow: hidden;padding: 0 10px;}
  header .main-menu .main-menu-frame .menu-lv1>li{width: 100%;text-align: left;padding: 0 20px;position: relative;margin-top:-1px}
  header .main-menu .main-menu-frame .menu-lv1>li.e-lv2:before{content: "";background: url(../img/arrow-down-g.png)no-repeat center center;background-size: 100% 100%;width: 10px;height: 10px;position: absolute;top:50%;left: 20px;transform: translateY(-50%);transition: all .3s ease-in-out;}
  header .main-menu .main-menu-frame .menu-lv1>li .menulv1-title .en{display: none;}
  header .main-menu .main-menu-frame .menu-lv1>li .menulv1-title { padding: 15px 20px;border-bottom: 1px solid #b4c3cf;margin-top: 0;height: auto; }
  header .main-menu .main-menu-frame .menu-lv1>li.open-lv2{background: url(../img/bg-mb-menu.jpg)no-repeat top center;background-size: cover;}
  /* header .main-menu .main-menu-frame .menu-lv1>li.open-lv2:before{content: "";width: 100px;height: 5px;position: absolute;bottom: -5px;right: 0;background: #64d7d7;}
  header .main-menu .main-menu-frame .menu-lv1>li.open-lv2:after{content: "";width: 50px;height: 5px;position: absolute;bottom: -5px;right: 0;background: #b9eb5f;} */
  header .main-menu .main-menu-frame .menu-lv1 .open-lv2  .menulv1-title { position: relative;margin-top: 0; color: #fff !important;border: none;}
  header .main-menu .main-menu-frame .menu-lv2 { top: 100%; left: auto; width: 100%;background: #fff;z-index: 10; box-shadow: 0px 0px 10px 5px rgb(0 0 0 / 10%);border: none;border-top: 5px solid #0089dd;}
 /* header .main-menu .main-menu-frame .menu-lv2:before{content: "";width: 100px;height: 5px;position: absolute;top: -5px;right: 0;background: #64d7d7;}
  header .main-menu .main-menu-frame .menu-lv2:after{content: "";width: 50px;height: 5px;position: absolute;top: -5px;right: 0;background: #b9eb5f;}*/
  header .main-menu .main-menu-frame .menu-lv2>ul{flex-direction: column;padding: 15px 0; background: -moz-linear-gradient(-30deg, rgba(30,87,153,0) 0%, rgba(0,159,232,0.1) 100%);background: -webkit-linear-gradient( -30deg , rgba(30,87,153,0) 0%,rgba(0,159,232,0.1) 100%);background: linear-gradient( 150deg, rgba(30,87,153,0) 0%,rgba(0,159,232,0.1) 100%);}
  header .main-menu .main-menu-frame .menu-lv2>ul>li{width: 100%;background: transparent;padding: 0 20px;}
  header .main-menu .main-menu-frame .menu-lv2>ul>li a{font-size: 1.125rem;color: #009fe8;padding: 10px 15px;}
  header .main-menu .main-menu-frame .menu-lv2>ul>li a .en{display: none;}
  header .main-menu .main-menu-frame .open-lv2 .menu-lv2 { display: block; }
  header .main-menu .main-menu-frame .menu-lv1>li.e-lv2.open-lv2:before{background: url(../img/arrow-down-w.png)no-repeat center center;background-size: 100% 100%;}
  header .main-menu .menu-area-01{display: block;height: 90px;position: relative;margin: 0 30px;border-bottom: 1px solid #b4c3cf;}
  header .main-menu .menu-area-01 .header-logo{left: 0;}
  header .main-menu .menu-area-01 ul{display: flex;align-items: center;position: absolute;top: 50%;transform: translateY(-50%);right: 0;}
  header .main-menu .menu-area-01 ul li{padding-right: 30px;}
  header .main-menu .menu-area-01 ul li:last-child{padding: 0;}
  header .main-menu .menu-area-01 ul li .btn{padding: 25px 0 8px;}
  header .main-menu .menu-footer{display: block;padding: 0 30px;position: absolute;bottom: 20px;width: 100%;}
  header .main-menu .menu-footer p{font-size: .87rem;color: #000;}
  header .main-menu .menu-01 {display: none;}
  .download header .main-menu .menu-02>li.language{display: none;}

  .open-menu header { z-index: 999; }
  .open-menu header:before{display: block;}
  .open-menu header .main-menu { opacity: 1; overflow: visible; z-index: 1001;box-shadow: 0px 5px 10px 0px #bbb; top: 0; right: 0;text-align: left; }
  .open-menu { overflow: hidden;height: 100%;width: 100%;position: fixed; }
  .open-menu:before{content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background:transparent; z-index: 999; animation: fadeIn .5s; -webkit-animation: fadeIn .5s;}
  .open-menu .header-logo .logo-basic{display: block;}
  .open-menu .header-logo .logo-hover{display: none;}
  .open-menu header .main-menu .main-menu-frame:before, .open-displaycard header .main-menu .main-menu-frame:before{display: none;}
  .open-menu header .main-menu .main-menu-frame:after, .open-displaycard header .main-menu .main-menu-frame:after{display: none;}
  .open-menu header .main-menu .main-menu-frame, .open-displaycard header .main-menu .main-menu-frame{border: none;}
  .open-displaycard:before{content: '';position: fixed;top: 0;bottom: 0;left: 0;right: 0;background-color: transparent;z-index: 999;animation: fadeIn .5s;-webkit-animation: fadeIn .5s;}

  .main{padding-bottom: 0;}
 
  footer:before{display: none;}
  .footer-social{justify-content: space-between;padding-bottom: 4px;}
  .footer-social ul{padding: 0;}
  .footer-social ul li{margin: 0;margin-right: 6px;}
  .footer-social ul li:last-child{margin: 0;}
  .footer-social span{color: #000;}
  .footer-bottom{display: none;}
  .download header .main-menu .menu-01 li:before{top:3px;}
  /*download*/
  .download .main,.download.download-page .main{overflow: visible;}
  .full-screen .left{min-width: 100%;padding-bottom: 2px;}
  .full-screen .left .itemthumb img{height: 600px;}
  .full-screen .left .imgbox:before{width: 1800px;height: 1200px;}
  .full-screen .right{max-width: 100%;width: 100%;overflow: visible;}
  .download-type{flex-direction: column;padding-bottom: 3px;overflow: visible;}
  .download-type .type-gp{flex-direction: row;width: 100%;margin: 0 !important;}
  .type-gp.col-02{order: 0;}
  .type-gp{order: 1;}
  .download-type .type-gp .type-item{flex: 1 1 auto;}
  .download-type .type-item .itemthumb img{height: 300px;}
  .download .header-logo{top: 0;transform: none;}
  .download-mainTitle{padding: 30px;}
  .download-head .back{padding: 0 30px 10px;}
  /*.download header:before{content: "";width: 100%;height: 5px;position: absolute;bottom: 0;right: 0;background: #0087dc;z-index: -1;}
  .download header:after{content: "";width: 72px;height: 5px;position: absolute;bottom: 0;right: 0;background: #64d7d7;}
  .download header .block-frame:before{content: "";width: 36px;height: 5px;position: absolute;bottom: 0;right: 0;background: #b9eb5f;z-index: 1;}*/
  .download .menu-area-download{padding: 0;overflow: auto;max-height: calc(100% - 90px);display: block;}
  .download .menu-area-download:before,.menu-area-download:after{display: none;}
  .download header .main-menu{background: url(../img/bg-download-mb.jpg)repeat-y top center;background-size: 100%;padding-bottom: 230px;}
  .download header .main-menu .menu-area-download .menu-02{flex-direction: column-reverse;align-items: flex-end;width: 100%;padding: 5px 30px;position: static;overflow: hidden;}
  .download header .main-menu .menu-area-01{border-bottom: none;}
  .download header .main-menu .menu-footer .menu-01{display: inline-block;margin: 0 -15px 10px;}
  .download header .main-menu .menu-01 li{display: inline-block;width: auto;}
  .download header .main-menu .menu-01 li:before{bottom: 0;}
  .download header .main-menu .menu-01 li a{padding: 0 16px;height: auto;}
  .download header .main-menu .menu-01:after{display: none;}
  .download header .main-menu .menu-02> li{flex-direction: column;width: 100%;align-items: flex-start;padding:10px 0;}
  .download header .main-menu .menu-02> li .login-dropdown{font-size: 1.5rem;font-weight: 700;padding: 0 0 10px;display: flex;flex-direction: row-reverse;}
  .download header .main-menu .menu-02>li .login-dropdown .icon{padding-right: 5px;padding-left: 0;}
  .download header .main-menu .menu-02> li .login-dropdown-box{position: static;width: 100%;background: transparent;box-shadow: none;padding: 0;}
  .download header .main-menu .menu-02> li .login-dropdown-box ul{padding-left: 20px;position: relative;}
  .download header .main-menu .menu-02> li .login-dropdown-box ul:before{content: "";width: 5px;height: 100%;background: url(../img/list-style01.jpg)no-repeat bottom center;background-size: cover;position: absolute;left:3px;top: 0;}
  .download header .main-menu .menu-02> li .login-dropdown-box li{display: block;}
  .download header .main-menu .menu-02> li .login-dropdown-box li a{font-size: 1rem;color: #000;padding: 10px 0;display: block;}
  .download header .main-menu .menu-02>li .login-dropdown-box li a:before{display: none;}
  .download header .main-menu .menu-02>li .login-dropdown .icon img{transform: rotate(-90deg);}
  .download header .main-menu .menu-02>li.open .login-dropdown .icon img{transform: none;}
  .download .footer-social{padding-left: 0;}

  .download-list .download-item{width: 25%;}
  .download-banner .download-type-name{max-width: 50%;left: auto;right: 30px;top: auto;bottom: 30px;transform: none;text-align: right;}
  .download.download-page footer{display: none;}
}

@media screen and (max-width: 1024px){
  .img-frame img{height: 250px;}
  .main-download{bottom: 50px;}

}

@media screen and (max-width: 991px){
  .title-type03{text-align: center;}
  .title-type03 h4{display: center;}
  .title-type03:before{left: 50%;transform: translateX(-50%);}
  .download-banner .download-type-name{max-width: 210px;}
  .download-list{margin: 0 -12px;}
  .download-list .download-item{padding: 0 12px;width: 33.3%;}
  .download-type .type-item .itemthumb img{height: 220px;}

}

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

    .btn.btn-blue{width: 180px;font-size: .9rem;}

    .show-xs{display: block;}
    .hide-xs{display: none;}
    .login-dropdown .show-xs{display: inline-block;}
    header, header.fixed{height: 50px;}
    .header-logo  {height: 50px;padding: 10px 0;}
    .header-logo a img{width: 90px;}
    header .xs-menu-toggle{bottom: 10px;}
    header .xs-menu-toggle img{width: 25px;}
    header .main-menu .menu-area-01{height: 50px;}
    header .main-menu .menu-area-01 ul li .btn{padding: 10px 0;}
    header .main-menu .menu-area-01 ul li .btn img{width: 20px;}
    .main{padding-top: 50px;}
    section{padding: 40px 0;}
    .title-type03 h3{font-size: 1.75rem;}

    .download-head:before{height: 70px;width: 170px;}
    .download-head:after{border-width: 70px 40px 0 0;}
    .download-head{height: 70px;width: 170px;}
    .download-mainTitle{padding: 15px 20px 20px 30px;}
    .download-mainTitle h2{font-size: 1.75rem;}
    .download-mainTitle span{display: none;}
    .download-head .back{bottom: 150px;left: 30px;}
    .main-download .title h4{font-size: 1rem;letter-spacing: 0;}
    .full-screen .left .itemthumb img{height: 350px;}
    .full-screen .left .imgbox:before{width: 1000px;height: 800px;}
    .main-download{right: 30px;bottom: 30px;}
    .main-download .title{margin-bottom: 10px;}
    .main-download .title h4{font-size: .9rem;padding-right: 5px;letter-spacing: 1px;}
    .main-download .title h3{font-size: 2rem;max-width: 160px;margin-left: auto;letter-spacing: 2px;}
    .download-type{overflow: visible;}
    .download-type .type-item .itemthumb img{height: 120px;}
    .download-type .type-gp.col-02 .type-item .itemthumb img{height: 180px;}
    .download-type .type-item .name{font-size: 1.125rem;top: 30px;left: 20px;}
    .type-item:before{display: none;}

    .download-banner .download-head{width: 90px;}
    .download-banner .download-head:before{width: 90px;}
    .download-banner .download-mainTitle{position: absolute;width: 120px;padding: 0;left: 30px;top: 15px;}
    .download-banner .download-head .back{flex-direction: column;align-items: flex-start;position: absolute;bottom: 30px;left: 30px;padding: 0;width: 60px;}
    .download-banner .download-head .back .icon{padding-top: 10px;padding-right: 0;}
    .download-banner .download-type-name{font-size: 1.5rem;max-width: 175px;}
    /*.download-content .title-type03{display: none;}*/
    .download-list .download-item{width: 50%;margin: 0 0 30px;}
    .download-item .name{font-size: .9rem;}
    .download-item a:hover .imgbox{transform:none;}
    .download-item a:hover .imgbox:before{opacity: 0;}
    .download-item a:hover .imgbox .text{opacity: 0;}

   }


@media screen and (max-width: 480px){
    .img-frame img{height: 160px;}
}