/*平板尺吋*/

@media (min-width:993px) {
 /*右邊Header選單*/
    .rightNav{float:right;margin:-18px 0;}
    
    .btn-login{background-color:#0ec9a8;color:#fff;display:inline-block;line-height:96px;font-size:23px;padding:0 1em;position:relative;}
    .btn-login *{position:relative;z-index:10}
    .btn-login i{background-image:url(../images/login.png);background-size:cover;width:32px;height:32px;}
    
    .btn-login:after{background-color:#ff8c00;height:100%;position:absolute;left:0;top:0;content:"";z-index: 0;width:0;transition:all .3s;}
    .btn-login:hover:after{width:100%;}
    
    .lan-select{display:inline-block;width:auto;color:#0ec9a8;}
    
    img {
      max-width: 100%;
      max-height: 100%;
      height: auto !important;
    }
    img.ImgLogo {
      max-height: 60%;
      height: auto !important;
      
    }
    img.responsee_img {
        border:0;
        display:block;
        height:auto;
        max-width:100%;
        width:auto;
  }
  
  description_frame_1{
    background-image:url(./images/description/frame1.png);
    background-size: auto;
    background-position: center; 
    
  
  }
   description_fr_1{
    background-image:url(./images/description/frame1.png);
    background-size: auto;
    background-position: center; 
    
  
  }
  description_frame_2{
    background-image:url(./images/description/frame2.png) no-repeat left top;
    min-width: 100px;
    max-width: 200px;
  }
  
  
    
}

@media (max-width:992px) {

/*主選單*/
	.mainNav{
		     transform:translateX(-100%);
		     position:fixed;
		     width:70%;height:100%;
		     left:0;top:88px;
		     transition:all .5s;
		     padding-top:10px;
	         background:rgba(255,255,255,1);
	         z-index: 990;
	         overflow:auto;
	         -webkit-overflow-scrolling: touch;
	         margin:0;
	         padding:50px 20px;
		 }

	.mainNav.active{transform:translateX(0);transition:all .7s;}

	.mainNav>ul{padding:20px 0px 10px;}
	.mainNav>ul>li{margin:0;display:block;padding:1.5em 1em;border-bottom: 1px solid #eee;position:relative;}
	.mainNav>ul>li.active{background-color: #eee;}
	.mainNav>ul>li.active:after{content:"";background:url(../images/ico/arrow-g.svg) no-repeat center center;position:absolute;
											 background-size:contain;width:25px;height:30px;right:8px;top:calc(50% - 15px);filter:grayscale(100%) invert(100%);}
	
	.mainNav>ul>li:last-child{border-bottom:none}
	.mainNav>ul>li a{margin-top:0;line-height:1.5;font-size:18px;letter-spacing:.5em;position:relative;color:#333;text-align:left;}
	.mainNav>ul>li>a:after{display:none;}

	/*漢堡選單*/
	.btn-hambur {
		position:fixed;width:84px;height:96px;z-index:9999;right:0px;top:4px;
		background:rgba(0,151,224,1);cursor:pointer;

	}
	.btn-hambur div{width:40px;height:40px;left:calc(50% - 20px);top:calc(50% - 20px);padding:5px;transition:all .7s .2s;position:absolute;}
	.btn-hambur hr{border:none;width:30px;height:3px;border-radius:4px;background-color:#FFF;position:absolute;margin:0;transition:all .3s;
							transform-origin:center center;top:10px;}
	.btn-hambur hr.hr1{top:18px;}
	.btn-hambur hr.hr2{top:26px;}

	.btn-hambur.active {}
	.btn-hambur.active  div{transform:rotate(45deg);}
	.btn-hambur.active  h4{opacity:0;}
	.btn-hambur.active  hr{background-color:#fff;}

	.btn-hambur.active .hr1{opacity:0;}
	.btn-hambur.active .hr0{top:18px;}
	.btn-hambur.active .hr2{transform:rotate(90deg);top:18px;}

	.btn-hambur :hover hr{opacity:.7}
    
    /*右邊Header選單*/
    .rightNav{float:right;margin:-18px 0;}
    
    .btn-login{background-color:#0ec9a8;color:#fff;display:inline-block;line-height:96px;font-size:23px;padding:0 1em;position:relative;}
    .btn-login *{position:relative;z-index:10}
    .btn-login i{background-image:url(../images/login.png);background-size:cover;width:32px;height:32px;}
    
    .btn-login:after{background-color:#ff8c00;height:100%;position:absolute;left:0;top:0;content:"";z-index: 0;width:0;transition:all .3s;}
    .btn-login:hover:after{width:100%;}
    
    .lan-select{display:inline-block;width:auto;color:#0ec9a8;}
    
    img {
      max-width: 100%;
      max-height: 100%;
      height: auto !important;
    }
    img.ImgLogo {
      max-height: 60%;
      height: auto !important;
      /* margin-bottom: 5px; */
    }
    
    

	/*遮罩*/
	.block{position:fixed;width:100%;height:100%;left:0;top:0;display:none;background:rgba(0,0,0,.5); z-index: 90;}
	.block.active{display:block;}

}/*平板結束*/


/*手機尺吋*/	
@media (max-width: 767px) {

	.mainNav{width:50%;top:0px;padding-top:60px;}
	.mainNav>ul>li{padding:1em 1em;}
	.mainNav>ul>li a{font-size:15px;}
	
	.mainNav .lan-select{border:1px solid #eee;width:100%;}

	.btn-hambur {background:#0ec9a8;width:70px;height:70px;left:0;right:auto;}

	/*右側選單*/
	.rightNav{float:right; margin:-18px 0;position:fixed;top:4px;right:0;z-index:9999;}

	/*.btn-login {line-height:70px;background:none;}
	.btn-login i{filter:invert(50%);}
	.btn-login span{display:none;}
	.btn-login:hover i{filter:invert(0%);}*/
    
    /*右邊Header選單*/
    
    
    .btn-login{background-color:#0ec9a8;color:#fff;display:inline-block;line-height:88px;font-size:20px;padding:0 1em;position:relative;}
    .btn-login *{position:relative;z-index:10}
    .btn-login i{background-image:url(../images/login.png);background-size:cover;width:32px;height:32px;}
    
    .btn-login:after{background-color:#ff8c00;height:100%;position:absolute;left:0;top:0;content:"";z-index: 0;width:0;transition:all .3s;}
    .btn-login:hover:after{width:100%;}
    
    .lan-select{display:inline-block;width:auto;color:#0ec9a8;}
    


	.m-header{position:fixed;top:0;z-index:999;background:#fff;width:100%;border-top:4px solid #43c9a8;box-shadow:rgba(0,0,0,.7) 0 0 5px}
	.m-header dl{height:70px;}

	.m-header dd.m-logo{text-align: left;padding-left: 20px;}
	.m-header dd.m-logo img{height:35px;}

	.m-header dt{width:50px;text-align:center;font-size:25px;}
	.m-header dt a{}
    
    img {
      max-width: 60%;
      max-height: 60%;
      height: auto !important;
    }
    img.ImgLogo {
      max-height: 60%;
      height: auto !important;
      /* margin-bottom: 5px; */
    }
    img.responsee_img {
        border:0;
        display:block;
        height:auto;
        max-width:100%;
        width:auto;
  }

}



@media (max-width: 480px) {
    
     /*右邊Header選單*/
    .m-header {
    position: fixed;
    top: 0;
    z-index: 999;
    background: #fff;
    width: 98%;
    border-top: 4px solid #43c9a8;
    box-shadow: rgb(0 0 0 / 70%) 0 0 5px;
}
    
    img {
      max-width: 100%;
      max-height: 50%;
      height: auto !important;
    }
    
    img.ImgLogo {
      max-height: 40%;
      height: auto !important;
      /* margin-bottom: 5px; */
    }
    img.responsee_img {
        border:0;
        display:block;
        height:auto;
        max-width:100%;
        width:auto;
  }

}