@charset "utf-8";
/*�`��*/
/*Align Style*/
.left{text-align:left !important;}
.center{text-align:center;}
.middle{vertical-align:middle;}
.right{text-align:right;}
.top{vertical-align:top;}
.middle{vertical-align:middle;}
.bottom{vertical-align:bottom;}

.NaviKey{color:transparent !impoatnatt;}
/*�ۭq*/

.PageLimit{min-height:700px;}

a:link {	
	/*color:var(--aLink-color);*/
	text-decoration: none;
}
a:visited {
	/*color:var(--aLink-color);*/
	text-decoration: none;
}
a:hover {
	/*color:var(--aLinkHover-color);*/
	text-decoration: none;
}
a:active {
	/*color:var(--aLinkHover-color);*/
	text-decoration: none;
}
.BlockTitle {
	/*background-color:var(--BlockTitle-bgcolor);
	color:var(--BlockTitle-fontcolor);*/
	font-family:'Noto Sans TC', 'Arail';
	font-size:1.3rem; letter-spacing:0rem;
	padding:5px 10px;
	border-radius:10px 10px 0px 0px; /*���W �k�W �k�U ���U*/
}

.BlockTitleNews{
	/*color:var(--BlockTitle-fontcolordark);*/font-size:1.3rem;font-family:'Noto Sans TC', 'Arail';padding:10px;font-weight:bold;letter-spacing:0.1rem;
}
.BlockTitleNews i{font-size:1.5rem;}


/*����˦� ����*/
.SelfTable table {margin:10px 0 20px 0;text-align:center;border-collapse:collapse;border-spacing:0;}
.SelfTable table th{background:#50667f;font-weight:normal;line-height:1rem;color:#FFFFFF;vertical-align:middle;font-size:1rem;padding:10px 2px;}
.SelfTable table tr:nth-child(even){background:#eff2ec;}
/*.SelfTable table td:nth-child(even){color:#CC0000;}*/
/*.SelfTable table tr:nth-child(5){background:#73B1E0;color:#FFF;}*/
.SelfTable table tr:hover{background:#d0e6da;}
.SelfTable table td,.SelfTable table th{border:1px solid #d6dde3;vertical-align:middle;}
.SelfTable table td{/*padding:5px 2px;*/}

/*����˦� �e�O���ؤW���D*/
.SelfTableBorder table {margin:10px 0 20px 0;text-align:center;border-collapse:collapse;border-spacing:0;}
.SelfTableBorder table th{background:#166CCD;font-weight:normal;color:#FFFFFF;vertical-align:middle;}
.SelfTableBorder table tr:nth-child(even){background:#EEEEEE;}
.SelfTableBorder table tr:hover{background:#f7e5b7;}
.SelfTableBorder table td,.SelfTableBorder table th{border:1px solid #EEEEEE;vertical-align:middle;line-height:1.5em;padding:5px 0  5px 0;}

/*����˦� �e�O���إ����D*/
.SelfTableLeftBorder table {margin:10px 0 20px 0;text-align:center;border-collapse:collapse;border-spacing:2;}
.SelfTableLeftBorder table th{background:#EEDEC3;font-weight:bold;color:#333333;vertical-align:top;}
.SelfTableLeftBorder table tr:nth-child(even){background:#EEEEEE;}
.SelfTableLeftBorder table td,.SelfTableLeftBorder table th{border:1px solid #EEEEEE;vertical-align:middle;padding:0px 0px 0px 10px;}

/*����˦� �e�O�L��*/
.SelfTableClear table {margin:10px 0 20px 0;text-align:center;border-collapse:collapse;border-spacing:0;}
.SelfTableClear table th{background:#166CCD;font-weight:normal;color:#FFFFFF;vertical-align:middle;}
.SelfTableClear table tr:nth-child(even){background:#EEEEEE;}
.SelfTableClear table tr:hover{background:#f7e5b7;}
/*.SelfTableClear table td:nth-child(4){color:#d43939;}*/
.SelfTableClear table td,.SelfTableClear table th{border:0px solid #EEEEEE;vertical-align:middle;line-height:1.5em;padding:5px 0  5px 0;}

.SelfTable_color{ color:#c91e1e; }
.SelfTable_cate{ padding:3px;color:#ffffff; font-size:0.9em; }

/*����Dz���*/
.SelfTableTradition {text-align:center;border-collapse:collapse;border-spacing:0;}
.SelfTableTradition td{
border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-color: #333333;padding:5px 5px  5px 5px;}

/*�n�J��*/
.TableBlock_shadow{
	-webkit-box-shadow:0 0px 3px rgba(0, 0, 0, 0.4), 0 0 40px rgba(0, 0, 0, 0.05) inset;
       -moz-box-shadow:0 0px 3px rgba(0, 0, 0, 0.4), 0 0 40px rgba(0, 0, 0, 0.05) inset;
            box-shadow:0 0px 3px rgba(0, 0, 0, 0.4), 0 0 40px rgba(0, 0, 0, 0.05) inset;
	/* For IE 8 */
	*ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#CCCCCC')";
	/* For IE 5.5 - 7 */
	*filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#CCCCCC');
	border-radius: 10px;
	padding:0px;
	margin:0px 10px;
	background-color:#ffffff;
}
/*�e��O�\�୶�����D*/
.FuctionTitle{
padding:5px 0px 5px 0px;
margin:15px 10px 15px 10px;
text-align:left;
color:#445c6e;
font-family:'Noto Sans TC', 'Arail';
font-weight:bold;
background-repeat:no-repeat;
font-size:1.4rem;
vertical-align:middle;
/*white-space:nowrap;*/
letter-spacing:0.1rem;
border:0px dashed #8db9ca;
background-color:#d0e6da;
border-radius:10px;
padding-left: 3rem;
text-indent: -1.15rem;
}
.FuctionTitle h2{
color:#445c6e;
font-family:'Noto Sans TC', 'Arail';
font-weight:bold;
font-size:1.4rem;
letter-spacing:0.1rem;
display:inline;
line-height:2rem;
}
.FuctionTitle i{font-size:1.4rem;line-height:1.9rem;color:#445c6e;padding-left:10px;}
.DataContentBlock h3{font-size:1.2rem;font-weight:bold;}
.DataContentBlock .AttachTitle{padding:10px;margin:10px 0px;}


/*����*/
.nextpage, .prevpage, .gotopage{
	margin:3px;
	padding:6px 6px 6px 6px;
	border:1px solid #bbbbbb;
	/*border-radius:0 0 5px 5px;*/
	color:#999999;
	white-space:nowrap;
	line-height:2.5rem;
}

.nextpage:hover, .nextpage:focus, .prevpage:hover, .prevpage:focus, .gotopage:hover ,.gotopage:focus{	
	background-color:#50667f;
	border:1px solid #50667f;
	color:#FFFFFF;
}
.nextpage:hover i, .nextpage:focus i, .prevpage:hover i, .prevpage:focus i, .gotopage:hover i ,.gotopage:focus i{
	color:#FFFFFF;
	
}

.NaviPage .nowpage{
	margin:3px;
	padding:6px 6px 6px 6px;
	background-color:#50667f;
	border:1px solid #50667f;
	color:#FFFFFF;
	line-height:2.5rem;
}
.NaviPage i{line-height:2.5rem;padding:0;}
.NaviPage {margin-bottom:30px;margin-top:10px;}
/*��x���ܰT���϶�*/
.PointMSG{ border:1px solid #db2400; padding:5px; margin:5px; color:#db2400; width:85%; float:right; line-height:21px; text-align:left;font-size:0.9rem;}
.CommonMSG{ padding:3px 5px; margin:5px; color:#ffffff; line-height:1.5rem; text-align:center;background-color:#F75353; border-radius:8px; font-family:'�L�n������';}
#ShowIframe{ line-height:1.5rem; font-family:'�L�n������';font-size:1.2rem; }
/*�W�Ǫ���Ƶ�����*/
.FileOtherText{line-height:1.2rem; color:#666666; border:0px #999999 solid; padding:5px; white-space:nowrap; display:inline-block; background-color:#f6f6f6; border:dashed 1px #cccccc; margin:5px 0px;}
.FileOtherText span{font-size:0.9rem; font-family:'Arial','�s�ө���'; letter-spacing:0.1rem;}
.CommonOtherText{line-height:1rem; color:#333333; border:0px #999999 solid; padding:5px; white-space:nowrap; display:inline-block; background-color:#FFF9EA; vertical-align:middle; margin:5px 0px; }
.CommonOtherText span{font-size:0.9rem; letter-spacing:0.1rem;}
.ImportantOtherText{line-height:1rem; color:#333333; border:0px #999999 solid; padding:3px; white-space:nowrap; display:inline-block; background-color:#FFAAAA; vertical-align:middle; font-weight:normal;}
.ImportantOtherText span{font-size:0.9rem; letter-spacing:0.1rem;}
#UrlBlock input[type='text']{margin:3px 0px;}

/*���i���O*/
.NewsRange{
	margin:0px;
	padding:4px;
	background-color:1px solid #bbbbbb;
	color:#ffffff;
}
.NewsRangeInner{
	background-color:#444444;
}
.NewsRangeOuter{
	background-color:#db2400;
}

/*���s�˦�*/
.BtnAdd{ border:1px solid #6cc751 !important; background-color:#dcf8c6;margin-right:20px;}
.BtnEdit{ border:1px solid #81ceff !important; background-color:#cee3f8;}
.BtnDel{ border:1px solid #f36d5d !important; background-color:#f7c8c9;}
.BtnAttach{ border:0px; background-color:#6a737b; margin-top:0px; margin-right:10px; color:#ffffff; padding:3px 8px 2px 8px; border-radius:3px; }.BtnAttach i{color:#ffffff;}

.SearchCount .fa-arrow-alt-circle-right{margin:0;padding:3.5px;line-height:1.2rem;}
.SearchCount select{width:auto;border-radius:0;margin:0;line-height:1rem;}

/*�t�ΰT��*/
.Error_Msg{
    background: #F1592A; width:50%; font-size:1.2em;
    display: block;
    color: #ffffff;
    padding: 5px 10px;    
    line-height: 26px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    text-align:center;
    margin:10px 0px;
    letter-spacing:2pt;
}
.Error_Msg i,.Success_Msg i{color: #ffffff;}
.Success_Msg{
    background: #84D069; width:50%; font-size:1.2em;
    display: block;
    color: #ffffff;
    padding: 5px 10px;
    line-height: 26px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    text-align:center;
    margin:10px 0px;
    letter-spacing:2pt;
    /*float:left;
    poasition:absolute;
    margin-top:0;
    z-index:1000;*/
    
}

/*UL travel*/
.UIBlock2DIV { display:inline-block; width:100%; margin-top:5px; }
.UIBlock2DIV .UIBlock .UIBlockLeft,.UIBlock2DIV .UIBlock .UIBlockRight { display:inline-block; width:30%; padding:10px; /*margin-bottom:20px;*/ }
.UIBlock2DIV .UIBlock .UIBlockCenter { display:inline-block; width:70%; padding:0px; /*margin-bottom:20px;*/ }

/*UL travel*/
.UIBlock3DIV { display:inline-block; width:100%; margin-top:5px; }
.UIBlock3DIV .UIBlock .UIBlockLeft,.UIBlock3DIV .UIBlock .UIBlockRight { display:inline-block; width:20%; padding:10px; /*margin-bottom:20px;*/ }
.UIBlock3DIV .UIBlock .UIBlockCenter { display:inline-block; width:60%; padding:0px; /*margin-bottom:20px;*/ }
.UIBlockSub { padding:0px 0px; }
.UIBlockSub li { margin:10px 0px; /*background-color:#ffffff;*/ }
.UIBlockSub > li > div > a { display: block; }
.BlockItem li { background-color:#ffffff; margin:0; padding:5px 10px; border-bottom:1px solid #eeeeee; }
.BlockItem li:last-child { border-radius:0px 0px var(--BlockTitle-topradius) var(--BlockTitle-topradius); }

.PhotoBlockType3 li{width:33%;display:inline-block;padding:10px;}
.PhotoBlockType4 li{width:25%;display:inline-block;padding:10px;}
.PhotoBlockType5 li{width:20%;display:inline-block;padding:10px;margin:0px;}
.PhotoBlockType5 a {display: inline-block;}

/*Sitemap*/
.SubLayer1{float:left;margin:7px;border:#cccccc 1px solid;}
.SubLayer1 div{ background-color:#d43839;padding:8px 10px 8px 10px;}
.SubLayer1 div a{ color:#ffffff;}
.SubLayer2{margin-left:8px;padding-right:8px;}
.SubLayer3{margin-left:16px;}

/*SitemapFooter*/
.SubLayer1_Footer{float:left;margin:5px;font-family:'�L�n������';}
.SubLayer1_Footer div{ padding:8px 10px 8px 10px;}
.SubLayer1_Footer div a{ color:#333333;}
.SubLayer2_Footer{margin-left:5px;padding-right:8px;}
.SubLayer2_Footer a{ color:#6B6B6B;font-family:'�L�n������'; line-height:22px;}
.SubLayer3_Footer{margin-left:8px;}
.SubLayer3_Footer a{ color:#999999;font-family:'�L�n������'; line-height:22px;}

/*��h���*/
.DataMore {
    display: inline-block;
    /*border: solid 2px #cf202e;*/
    color: #cf202e;
    padding: 5px 10px;
    font-size: 1rem;
    letter-spacing: 0.1rem;
    font-weight: bold;
    margin: 10px 0px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
.DataMoreBlock{margin-right:10px;}
.DataMore a{color:#cf202e !important;}
.DataMore i{color:#cf202e;padding:0;margin:0; font-size:1.3rem;}
.DataMore:hover,.DataMore:hover a{ background-color:#cf202e; color:#ffffff !important;text-decoration:none; }.DataMore:hover i{ color:#ffffff; }

/*�^����*/
.Button_Top {
	border-top-right-radius:50px;
	border-top-left-radius:50px;
	padding:5px 12px 0px 12px;/*top right bottom left*/
	background-color:rgba(70,70,100,0.3);/*background-color:#AAAAAA;*/
	vertical-align:top;
	vertical-align:top \9;/*IE8*/*vertical-align:middle;/*IE7*/_vertical-align:middle;/*IE6*/
	color:#ffffff;
	display:none;
	transition: background 0.5s linear; 
}
/*.Button_Top a:visited,.Button_Top a:link,.Button_Top a:active,.Button_Top a:focus{
 color:#333333;
}*/
.Button_Top:hover,.Button_Top:focus{
	background-color:#d43839 !important; color:#ffffff;
}
.Button_Top a{
	transition: background 0.3s linear; 
	line-height:2rem; 
}
.Button_Top a:focus{
	/*background-color:#d43839 !important;*/
}
.DisplayShow{display:block;}
@media (max-width: 1400px) {
	.PhotoBlockType5 li{width:25%;}
}
@media (max-width: 1100px) {
	.PhotoBlockType5 li{width:33%;}
}
@media (max-width: 1000px) {
	.PhotoBlockType3 li{width:50%;}
	.PhotoBlockType4 li{width:25%;}
}
@media (max-width: 768px) {
	.UIBlock3DIV .UIBlock .UIBlockLeft,.UIBlock3DIV .UIBlock .UIBlockRight,.UIBlock3DIV .UIBlock .UIBlockCenter{ width:100%; }
	.UIBlock2DIV .UIBlock .UIBlockLeft,.UIBlock2DIV .UIBlock .UIBlockRight,.UIBlock2DIV .UIBlock .UIBlockCenter{ width:100%; }
	.BlockTitle { border-radius:10px 10px 10px 10px; /*���W �k�W �k�U ���U*/ }
	
}
@media (max-width: 560px) {
	.PhotoBlockType5 li{width:50%;}
}
@media (max-width: 560px) {
	.PhotoBlockType3 li{width:100%;}
	.PhotoBlockType4 li{width:100%;}
	.PhoneHidden{ display:none; }
	.PhotoBlockType5 li{width:50%;}
}
ul,li{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.DataLimit{width:96%;}

.ShareBar a {
    display: inline-block;
}

.CenterText {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 400px;
}