@charset "utf-8";
@import url("/tw/css/ugC_Main.css");
body { margin-top:-39px;}
body > .skiptranslate {display: none;}
html { line-height:1.4;}
h3 { line-height:1.2;}

.Header .DivW1280 .access-key-n { left:300px;}
.Wrapper.WrapperFixed .Header .DivW1280 .access-key-n { left:200px;}

.main-navigation > div { position:relative; padding-right:40px;}
.main-navigation > div > ul { flex-wrap:wrap;}
.main-navigation > div > ul > li > a { white-space:nowrap; padding:10px 5px; font-size:1em;}
.main-navigation > div > ul > li > a + .sub-menu { z-index:999;}

.Content .PageWrapper-Side .PageContent-Right .PageArticle > div#ContentPlaceHolder1_wrapperSearch > span input { max-width:210px;}


.Footer .DivW1280 .SiteMap { max-width:800px; margin-bottom:100px;}
.Footer .DivW1280 .SiteMap dl { width:33.33%; max-width:none; padding:0 10px;}
.Footer .DivW1280.FooterClose > a:after { content:'Open';}

@media only screen and (min-width:0px) and (max-width:1300px){	
	.main-navigation .w1300 { padding-left:0;}
}
@media only screen and (min-width:0px) and (max-width:1024px){	
	.Header .header-social-icons a.lang-version { height:auto;}
}
@media only screen and (min-width:0px) and (max-width:768px){	
	.Footer .DivW1280 .SiteMap dl { width: calc( 33.33% - 10px ); padding:0;}
}
@media only screen and (min-width:0px) and (max-width:512px){	
	.Footer .DivW1280 .SiteMap dl { width: calc( 50% - 10px );}
}
@media only screen and (min-width:0px) and (max-width:430px){	
	.Wrapper.WrapperFixed .Header .Logo { width:189px;}
}
@media only screen and (min-width:0px) and (max-width:350px){	
	.Footer .DivW1280 .SiteMap dl { width:100%;}
}