/* 
* 通用CSS檔
* 作用：
* 新增元素、覆蓋原始style
*/


header .logo{
	 display:block;
	 position:absolute;
	 width:100%;
	 max-width:200px;
	 top:20px;
	 left:100px;
	 z-index:3;
	 font-size:23px;
}

/* 大於992px以上的尺寸 */
@media (min-width: 992px){
	
	/* menu */
	.new_menu_style{
		height: 100px; font-size: 20px;max-width: 1000px;font-weight: 600;
	}

}

/* 大於768px，小於911.99之間的尺寸，適用於平板 */
@media (min-width: 768px) and (max-width: 991.99px) { 

}

/* 大於576px，小於767.99之間的尺寸，適用於手機橫式時 */
@media (min-width: 576px) and (max-width: 767.99px) { 

}

/* 小於575.99的尺寸，適用一般手機 */
@media (max-width: 575.99px){ 
    
}

/* 大於400px，小於575.99之間的尺寸，適用5.5吋左右螢幕，如iphone plus */
@media (min-width: 400px) and (max-width: 575.99px) { 

}

/* 大於370px，小於399.99之間的尺寸，適用4.8吋左右螢幕，如iphone*/
@media (min-width: 370px) and (max-width: 399.99px) { 

}

/* 大於370px，小於399.99之間的尺寸，適用4.7吋左右螢幕，如note4*/
@media (min-width: 350px) and (max-width: 369.99px) { 

}

/* 小於349.99的尺寸 */
@media (max-width: 349.99px){

}