/*平板尺吋*/
@media (max-width:992px) {

/*主選單*/


}/*平板結束*/


/*手機尺吋*/	
@media (max-width: 767px) {
	.mainNav{transform:translateX(-100%);
		     position:fixed;
		     width:50%;height:100%;
		     left:0;top:88px;
		     transition:all .5s;
		     padding-top:10px;
	         background:rgba(255,255,255,1);
	         z-index: 999;
	         overflow:auto;
	         -webkit-overflow-scrolling: touch;
	         margin:0;
	         padding:50px 20px;}

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

	.mainNav>ul{padding:60px 0px 10px;overflow: auto;height: 90%;}
	.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: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:84px;z-index:9999;right:0px;top:0px;background:rgba(0,151,224,1);cursor:pointer;}
	.btn-hambur div{width:40px;height:40px;left:calc(50% - 13px);top:calc(50% - 20px);padding:5px;transition:all .7s .2s;position:absolute;}
	.btn-hambur hr{border:none;width:20px;height:2px;border-radius:4px;background-color:#767b7e;position:absolute;margin:0;transition:all .3s;
							transform-origin:center center;top:11px;}
	.btn-hambur hr.hr1{top:20px;}
	.btn-hambur hr.hr2{top:29px;}

	.btn-hambur.active {}
	.btn-hambur.active  div{transform:rotate(45deg);left: calc(50% - 11px);top: calc(50% - 18px);}
	.btn-hambur.active  h4{opacity:0;}
	.btn-hambur.active  hr{background-color:#767b7e;}

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

	.btn-hambur :hover hr{opacity:.7}

	/*遮罩*/
	.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;}

	.mainNav{width:70%;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: #fff;width: 40px;height: 40px;left: auto;border-radius:0px;right: 20px;top: 12px;}

	/*右側選單*/
	.rightNav{position:fixed;top:4px;right:0;margin: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%);}


	.m-header{position:fixed;top:0;z-index:999;background:#fff;width:100%;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: 15px}
	.m-header dd.m-logo img{height:35px;}

	.m-header dt{width: 50px;text-align:center;font-size:25px;}
	.m-header dt a{}

}