@charset "utf-8";
/* CSS Document */
/*此刻不顯示  小版*/
.MidShow{display:none;}

/*原本全版訊息寬度*/
.BlockBig{width:76%;}
.LinkShowHome{width:180px;height:90px;}


/*網站版本&子網名稱*/
.Version { 
    /*background-color:#ab452f;*/
    color:#ffffff;
    padding:0px 0px 0px 0px;
    display:inline-block;
    margin-bottom:10px;
    vertical-align:bottom;
}
.VersionInner{ 
    margin:3px 3px 4px 3px;
}
.VersionInner td{ 
    border:#ffffff 1px solid;
    padding:4px;
}

.BarTop .NaviLink{ float:right; margin-top:-75px; letter-spacing:1pt;padding-right:5px;width:auto; } 

.FooterFixDataDIV {display:inline-block; text-align:center; margin-top:15px;}
.FooterFixData { padding:0; }
.FooterFixData li { display:inline-block; text-align:center; padding:5px; margin:0px; margin-bottom:10px; vertical-align:middle; }
.FooterFixData li div canvas{
			border:5px solid #ffffff;
			margin:0px 10px;
}
/*字級大小*/
.SetFontSize {float:right; background:#ffffff;padding:5px 10px;display:block; top:0; right:0; position:absolute;}
.SetFontSize h2{font-size:1rem;font-weight:bold; color:#333333;display:inline;line-height:1.4rem;} .SetFontSize i{color:#333333;font-size:0.8rem;line-height:1rem;}
.SetFontSize a{border:1px solid #cccccc;font-size:0.8rem;padding:2px;line-height:1.4rem;}
.SetFontSize a:link, .SetFontSize a:visited{color:#333333 !important;}
.SetFontSize a:focus { border:2px dashed #db2400; }

/*輪播*/
.Ad_TitleBlock{
    position: absolute;
    bottom: 0;
    z-index: 999;
    color: #ffffff;
    background-color: rgba(10%, 10%, 10%, 0.8);
    font-size: 1.2rem;
    padding: 10px;
    width: 100%;
    line-height: 1.3rem;
    text-overflow:ellipsis;overflow:hidden;white-space:nowrap;
}

.LOGOBlock{background-position:right top;}

.LogoImg {max-width: 100%; height: auto;}

.first-focus {
    position: absolute;
    top: 1rem;
    left: 1rem;
    background-color: white;
    color: black;
    overflow: hidden;
    display: block;
    width: 0;
    height: 0;
}

.first-focus:focus {
    border: 2px dashed red;
    padding: 0.25rem;
    border-radius: 0.25rem;
    width: auto;
    height: auto;
}

@media (min-width: 1100px){
	body .navbar-collapse
	{
		width:100%;
		margin: 0;
		padding:0;
		position: relative;
	}

	body .navbar-toggle {
	    display: none;
	}

}

@media (max-width: 1000px) {
	.ForeImg{width:100%;}
	/*輪播*/
	.Ad_TitleBlock{
	    font-size: 1rem;
	}
}

@media (max-width: 880px) {
	/*原本全版訊息寬度*/
	.BlockBig{width:74%;}
	body .top{ height: 155px;}
	/*LOGO 中版*/
	.BarTop .Logo { 
	    width: 100%;
	    margin: 0 auto 0 auto;
	}
	.BarTop .Logo .LogoImg {
	     /*width:40%;*/
	}
	/*導覽連結列*/
	.BarTop .NaviLink{ float:right; margin-top:-40px; padding-top:0px; padding-right:5px; } 
}
@media (max-width: 820px) {
	body .navbar-default .navbar-nav>li>a {
	    font-size: 120%;
	}
}

@media (max-width: 768px) {
	/*LOGO 中版*/
	.BarTop .Logo { 
	    width: 100%;
	    margin: 0 auto 0 auto;
	}
	.BarTop .Logo .LogoImg {
	     /*width:55%;*/
	}
	/*導覽連結列NO*/
	.BarTop .NaviLink{ z-index:10; color:#ffffff; margin-top:0px; padding-top:15px; float:left; } 
	.BarTop .NaviLink { width:90%;} 

	.NaviLink a:link,.NaviLink a:visited,.NaviLink a:hover,.NaviLink a:active {
		color:#ffffff !important;/*不會被原設定覆蓋*/
	}
	/*隱藏表格 低重要*/
	.LowerInfor{display:none;}

	/*首頁連結*/
	.LinkShowHome{width:140px;height:70px;}


	body .menu .navbar-collapse{
	    height: auto !important;
	    display: none !important;
	    /* margin-top: -45px; */
	}

	body .menu .navbar-collapse.in {
	    display: inline !important;
	}
	body .navbar .nav>li{
	    margin: 0;
	    float: none;
	    display: flex;
	    width: 100%;
	    display: inline;
	}

	/*置頂選單*/
	body .menu.HideMenu{
	    background-color: transparent;
	    box-shadow: none;
	    height: 46px;
	    position: static !important;
	}

	body .menu.HideMenu .navbar-default {
	    top: 0;
	}

}

@media (max-width: 640px) {
	/*LOGO 小版*/
	.BarTop .Logo .LogoImg {
	     /*max-width: 300px;
		 width:70%;*/
	}

	body .nav-collapse li,body .nav-collapse li a {
		float: none;padding: 0;
	}
}

@media (max-width: 600px) {
	/*原本全版訊息寬度*/
	.BlockBig{width:73%;}

	.LinkShowHome{width:100px;height:50px;}
}
@media (max-width: 510px) {
	.LogoImg {
	     width:100%;
	}
	.LOGOBlock{background-size:cover;background-position:left top;}
	/*LOGO最小版*/
	/*.BarTop .Logo  {text-align:left;}
	.BarTop .Logo .LogoImg {width:60%;}*/
	
	.FooterFixData li { width:49%; } 
	.FooterFixData li div canvas{
			display: block;
			margin: 0 auto;
	}
	
	/*字級大小*/
	.SetFontSize {display:none;}
	
	/*隱藏表格 中重要*/
	.MidInfor{display:none;}
	.LinkShowHomeBot{width:160px;height:80px;}

	/*此刻才顯示  小版*/
	.MidShow{display:block;}
	/*原本全版訊息寬度改為滿版*/
	.BlockBig{width:100%;}
	.PageTitle{font-size:1.2em !important; padding:10px !important; background-image:url('') !important; margin:0px 5px 20px 5px !important;} 
	.breadcrumbBar { margin-top:20px; }
}
@media (max-width: 422px) {
	/*LOGO最小版*/
	/*.BarTop .Logo  {text-align:left;}
	.BarTop .Logo .LogoImg {width:50%;}*/
	/*相關連結小版*/
	.LinkShowHomeBot{width:140px;height:70px;}
}
@media (max-width: 480px) {
	/*導覽連結列*/
	.BarTop .NaviLink{ float:left; padding-top:5px; letter-spacing:1.2pt;padding-right:10px; margin-left:1.6em;text-indent:-1.6em;line-height:1.2em; } 
}

@media (max-width: 350px) {
	.LinkShowHomeBot{width:110px;height:55px;}
}