body { font-family:"\5FAE\8EDF\6B63\9ED1\9AD4","微軟正黑體", "Arial";}


#lg_E, #lg_J, #lg_S { display:none !important;}
.lg_E, .lg_J, .lg_S { display:none !important;}



h1, h2 { font-family:"\5FAE\8EDF\6B63\9ED1\9AD4","微軟正黑體", "Arial";}
h3, h4 { font-family:"\5FAE\8EDF\6B63\9ED1\9AD4","微軟正黑體", "Arial"; }




.navbar ul li a { font-size:15px; padding:7px 8px;}


#language_area #mainmenu li.dropdown a { padding:6px 11px;}


#index-banner .title h2 { font-size:30px; bottom:20%;}
#index-banner .title p { bottom:15%; font-size:20px; line-height:25px; font-weight:bold; font-family:"\5FAE\8EDF\6B63\9ED1\9AD4","微軟正黑體", "Arial";}
#index-banner .title p br { display:none;}


#Advantage .area-B .round { font-size:18px; padding:23px 0;}
#Advantage .area-B h3 { font-size:26px; line-height:40px;}
#Advantage .area-B p { padding-left:15px; padding-right:15px; font-size:17px; line-height:32px;}
#Advantage .area-C .no-padding p { font-size:15px; line-height:26px;}
#Advantage .area-C .right-down p { font-size:14px; line-height:20px;}



#Multifunction .area-A p { padding-left:15px; padding-right:15px; font-size:17px; line-height:32px;}
#Multifunction .grid figure p { font-size:22px;}



#Practicability h2 { font-size:30px; line-height:38px;}
#Practicability p { font-size:20px; line-height:35px; text-shadow:0 0 10px rgba(255,255,255,0.8), 0 0 10px rgba(255,255,255,0.8), 0 0 10px rgba(255,255,255,0.8);}


#About-Us .top-box { text-align:center;}
#About-Us h2 { text-align:center; width:100%;}
#About-Us .read-more-box { text-align:center; margin-top:15px;}
#About-Us .green-bottom p { text-align:0 0 3px rgba(0,0,0,0.5);}
#About-Us .green-bottom h3 { font-size:24px;}
#About-Us .green-bottom p { font-size:17px; line-height:28px;}


#contactinfo li#cominfoname { font-size:20px;}
#contactinfo li#cominfoname span { font-size:14px;}







@media screen and (max-width:1380px) {
.navbar ul li a { font-size:15px; padding:9px 4px;}

#index-banner .title h2 { left:7%;}
#index-banner .title p { left:7%; bottom:14%;}


}





@media (min-width:992px) and (max-width:1199px)
{
.navbar ul li a { padding:9px 4px;}	
	
	
}




@media (min-width:768px) and (max-width:991px)
{
.navbar ul li a { padding:9px 10px;}	
#index-banner .title h2 { bottom:20%; top:inherit;}
#index-banner .title p { bottom:12%; font-size:18px;}

#header-nav-box.affix .navbar ul li a { font-size:14px !important; padding:15px 6px;}


}



@media (max-width:767px)
{
	
.navbar ul li a { padding:15px 15px;}	
	
#index-banner .title h2 { font-size:35px; bottom:inherit; top:10%;}
#index-banner .title p { bottom:11%; font-size:25px; line-height:35px;}
#index-banner .title p br { display:inherit;}

#Advantage .area-B .round { font-size:22px;}
		
}



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

#index-banner .title h2 { width:70%; font-size:28px; line-height:32px;}
#index-banner .title p { bottom:10%; font-size:21px; line-height:31px;}


}

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

#index-banner .title h2 { bottom:inherit; top:12%; left:7%; width:80%; line-height:30px;}
#index-banner .title p { bottom:8.5%; left:7%; font-size:18px; line-height:27px;}
	
	
}


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

#index-banner .title h2 { font-size:23px; line-height:23px; left:7%; top:12%; width:80%;}
#index-banner .title p { bottom:8%; left:7%; font-size:15px; line-height:20px;}
}