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


}/*平板結束*/



/*手機尺吋*/	
@media (max-width: 767px) {
	
	/*主選單*/
	.mainNav{
		     transform:translateX(100%);
		     position:fixed;
		     width:50%;height:100%;
		     right:0;top:88px;
		     transition:all .5s;
		     padding-top:10px;
	         background:#eee;
	         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{}
	.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;width:100%;
							  position:relative;color:#333;text-align:left;
							}
	.mainNav>ul>li>a:after{display:none;}
	.mainNav>ul>li>a small{display:none}
	.mainNav>ul>li.active a span {color: #333;}
	
	/*漢堡選單*/
	.btn-mobile {position:fixed;width:70px;height:70px;z-index:9999;right:0px;top:17px;background:rgba(0,151,224,0);cursor:pointer;}
	.btn-mobile hr{height:2px;border:none;background-color:#333;width:100%;margin:8px 0;transition:all .5s;}
	.btn-mobile hr.hr2{}
	.btn-mobile hr.hr3{}

    .btn-mobile.active .hr1{transform:translateY(10px) rotate(45deg);}
    .btn-mobile.active .hr2{opacity:0;}
    .btn-mobile.active .hr3{transform:translateY(-10px) rotate(-45deg);}

	/*遮罩*/
	.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:80%;top:0px;padding-top:90px;}
	.mainNav>ul>li{padding:.5em 1em;width: 100%;border-right: none !important;}
	.mainNav>ul>li a{font-size:15px;}
	
	.mainNav .lan-select{border:1px solid #eee;width:100%;}

	.m-header{position:fixed;top:0;z-index:9999;width:100%;box-shadow:rgba(0,0,0,.7) 0 0 5px;height:70px;border-top: 4px solid #c52a31;}
	.m-header:after{width:100%;height:100%;background:#FFF;content:"";display:block;position:absolute;left: 0;top:0;}
	.m-header dl{height:70px;}

	.m-header dd.m-logo{text-align: center;padding:10px 0;position:relative;}
	.m-header dd.m-logo a{display:block;position:relative;z-index: 10}
	.m-header dd.m-logo img{height:80px;}
	.m-header dd.m-logo:after{width:100px;height:100px;position:absolute;bottom:0;left:calc(50% - 50px);
		content: "";background-color: #FFF;border-radius:100%;z-index: 0;box-shadow:rgba(0,0,0,.7) 0 0 5px;
	}

	.m-header dt{width:70px;text-align:center;font-size:25px;}
	.m-header dt a{padding: 0 20px;}
	.mainNav>ul>li>a span{display: inline-block;vertical-align: middle;margin-right: 10px}
	.mainNav>ul>li.active a span {width: 8.5em;}
	
	
	.mainNav>ul>li>a i{display: inline-block;width: 34px;margin: 5px 10px 10px;}
	

}