@charset "utf-8";
/* CSS Document */
/*Align Style*/
.center{text-align:center;}
.middle{vertical-align:middle;}
.right{text-align:right;}
.top{vertical-align:top;}
.middle{vertical-align:middle;}
.bottom{vertical-align:bottom;}
.BotBlockImg{background-repeat:no-repeat;background-image:url(../../../Theme/PatternsE/image/botimg.png);float:left;z-index:-10;width:100%;height:561px;margin-top:-500px;position:relative;}
.AD_MenuShow{ display:none !important; }/*後台隱藏選單*/
.AD_MenuHidden{ display:block !important; }/*後台左選單*/
.UserData{ color:#333333; width:190px; }

/*RWD*/

@media (max-width: 510px) {
	.MidInfor{display:none;}
}
@media (max-width: 768px) {
	.LowerInfor{display:none;}
	.BotBlockImg{ background-image:url(); }
}
/*Word Style*/
/*.Table_Title{font-size:18px; font-family: Verdana, Geneva, sans-serif,"微軟正黑體";}*/
.SubTitle{
color:#333333;
padding:5px;
font-size:18px;
font-family: Verdana, Geneva, sans-serif,"微軟正黑體";
font-weight:bold;
border-bottom:dotted 2px #333333;
text-align:left;
}
.SubTitle02{
color:#764121;
padding:5px;
font-size:18px;
font-family: Verdana, Geneva, sans-serif,"微軟正黑體";
font-weight:bold;
border-bottom:dotted 2px #0c4379;
}
.SubTitle03{
color:#FF0000;
padding:5px;
font-size:18px;
font-family: Verdana, Geneva, sans-serif,"微軟正黑體";
font-weight:bold;
border-bottom:dotted 2px #0c4379;
}
.SubTitle05{
color:#FF0000;
padding:5px;
font-size:18px;
font-family: Verdana, Geneva, sans-serif,"微軟正黑體";
font-weight:bold;

}
.SubTitle06{
	color:#764121;
	padding:5px;
	font-size:16px;
	font-family: Verdana, Geneva, sans-serif,"微軟正黑體";
	font-weight:bold;
}
.PrintTitle{font-size:18px; font-weight:bold; font-family:"標楷體";}
.PrintOriFont td ,PrintOriFont div{font-size:15.5px; font-family:"標楷體"; vertical-align:middle;}
.MainColor{color:#D7423F;}
.FormTitle{color:#645ca7;font-weight:bold; vertical-align:top;}
.FormTitle02{color:#0c4379;font-weight:bold; vertical-align:middle;}
.FormTitle03{color:#FFFFFF;font-weight:bold; vertical-align:middle;}
.FormTitle11{color:#9F0050;font-weight:bold; vertical-align:middle;}
.NoData{color:#db2400;font-weight:bold; font-size:15px;width:80%; padding-top:50px;}
.DataCount{color:#777777;}
.SubPageTitleBg{
	background-color:#ffffff; /*background-repeat:no-repeat; background-size:cover;*/
	margin-bottom:10px; /*border-top-left-radius:10px; border-top-right-radius:10px;*/ margin-top:0px;
	min-height:55px;
	width:100%;
	border-radius:10px;
	box-shadow:3px 3px 5px 6px #cccccc;
	text-align:left;
}
.SubPageTitle{
	color:#423934;
	font-weight:bold;height:57px;
	/*padding-left:30px;*/
	text-align: center;
	font-family: Verdana, Geneva, sans-serif,"微軟正黑體";
	vertical-align:middle;/*font-style: italic;*/
}
.LineHeight_Normal{line-height:26px;}
/*Link Style*/
.SystemTitle a{font-size:15px; font-family: Verdana, Geneva, sans-serif,"微軟正黑體"; color:#333333; line-height:26px;}
.DetailTitle{background-color:#004ea1; font-size:20px; vertical-align:top;padding:10px; color:#FFFFFF;font-family: Verdana, Geneva, sans-serif,"微軟正黑體";}
.MainBgColorTitle a{font-family: Verdana, Geneva, sans-serif,"微軟正黑體"; color:#FFFFFF; line-height:26px; background-color:#db2400;padding:5px;}
.Black a{color:#333333;}

/*Button Style*/
.Button_General {
border-style: none;
padding:5px 10px 5px 10px;/*top right bottom left*/
background-color:#717071;
font-size:1.2rem;
font-weight:bold;

/*
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
*/
vertical-align:top;
vertical-align:top \9;/*IE8*/*vertical-align:middle;/*IE7*/_vertical-align:middle;/*IE6*/
color:#FFFFFF;
}
.Button_General:hover {background-color:#0c4379;}
.Button_General_On {
border-style: none;
padding:5px 10px 5px 10px;/*top right bottom left*/
background-color:#0c4379;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
vertical-align:top;
vertical-align:top \9;/*IE8*/*vertical-align:middle;/*IE7*/_vertical-align:middle;/*IE6*/
color:#FFFFFF;
}
.Button_important {
border-style: none;
padding:5px 20px 5px 20px;/*top right bottom left*/
background-color:#4A6688;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
vertical-align:top;
vertical-align:top \9;/*IE8*/*vertical-align:middle;/*IE7*/_vertical-align:middle;/*IE6*/
color:#FFFFFF;
}
.Button_important:hover {background-color:#f24b02;}

.Menu_Sport_Button {
border-style: none;
padding:5px 10px 5px 10px;/*top right bottom left*/
background-color:#4DB1E1;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
vertical-align:top;
vertical-align:top \9;/*IE8*/*vertical-align:middle;/*IE7*/_vertical-align:middle;/*IE6*/
color:#FFFFFF;
}
.Menu_Sport_Button:hover {background-color:#5C5CC7;}

.Button_Add {
border-style: none;
padding:5px 10px 5px 10px;/*top right bottom left*/
background-color:#AAAAAA;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
vertical-align:top;
vertical-align:top \9;/*IE8*/*vertical-align:middle;/*IE7*/_vertical-align:middle;/*IE6*/
color:#FFFFFF;
margin:3px 0px;
}
.Button_Add:hover {background-color:#487fc2;}

.Button_Edit {
border-style: none;
padding:5px 10px 5px 10px;/*top right bottom left*/
background-color:#AAAAAA;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
vertical-align:top;
vertical-align:top \9;/*IE8*/*vertical-align:middle;/*IE7*/_vertical-align:middle;/*IE6*/
color:#FFFFFF;
}
.Button_Edit:hover {background-color:#6e9a4b;}


.Button_Del {
border-style: none;
padding:5px 10px 5px 10px;/*top right bottom left*/
background-color:#AAAAAA;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
vertical-align:top;
vertical-align:top \9;/*IE8*/*vertical-align:middle;/*IE7*/_vertical-align:middle;/*IE6*/
color:#FFFFFF;
}
.Button_Del:hover {background-color:#4A6688;}


.Button_Submit {
	background-color:#D7423F;
	color:#ffffff;
	border:0px;
	padding:5px 20px 5px 20px;
	font-size:1.2rem;
	font-weight:bold;
	
/*
border-style: none;
padding:5px 20px 5px 20px;
background-color:#423934;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
vertical-align:top;
*/
vertical-align:top \9;/*IE8*/*vertical-align:middle;/*IE7*/_vertical-align:middle;/*IE6*/
/*color:#FFFFFF;
*/
}
.Button_Submit:hover {
background-color:#FFA000;
color:#ffffff;
font-weight: bold;
}
.Navi_NoUse {
border-style: none;
padding:5px 10px 5px 10px;/*top right bottom left*/
background-color:#AAAAAA;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
vertical-align:top;
vertical-align:top \9;/*IE8*/*vertical-align:middle;/*IE7*/_vertical-align:middle;/*IE6*/
color:#FFFFFF;
}
.Navi_NoUse:hover {background-color:#f24b02;}

.Navi_Use {
border-style: none;
padding:5px 10px 5px 10px;/*top right bottom left*/
background-color:#4A6688;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
vertical-align:top;
vertical-align:top \9;/*IE8*/*vertical-align:middle;/*IE7*/_vertical-align:middle;/*IE6*/
color:#FFFFFF;
}

.NewsCate{
	border-style: none;
	padding:5px 12px 5px 12px;/*top right bottom left*/
	margin: 3px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	vertical-align:left;
	vertical-align:top \9;/*IE8*/*vertical-align:left;/*IE7*/_vertical-align:left;/*IE6*/
	color:#FFFFFF;
	white-space:nowrap;
	text-align:center;
	}

.NewsNew{
border-style: none;
padding:5px;/*top right bottom left*/
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
vertical-align:middle;
vertical-align:top \9;/*IE8*/*vertical-align:middle;/*IE7*/_vertical-align:middle;/*IE6*/
color:#FFFFFF;
white-space:nowrap;
text-align:center;
background-color:#fe592c;
font-size:10px;
-webkit-transform:scale(0.8);display:inline-block;
}

/*Block Style*/
.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;
}
.TableBlock_shadow th{
	border-top-right-radius: 10px;border-top-left-radius: 10px;
	color:#fff;
	padding:10px;
	font-size:18px;
	font-family: Verdana, Geneva, sans-serif,"微軟正黑體";
	background-color:#423934;
	-webkit-box-shadow:0 0px 1px rgba(0, 0, 0, 0.4), 0 0 0px rgba(0, 0, 0, 0.05) inset;
       -moz-box-shadow:0 0px 1px rgba(0, 0, 0, 0.4), 0 0 0px rgba(0, 0, 0, 0.05) inset;
            box-shadow:0 0px 1px rgba(0, 0, 0, 0.4), 0 0 0px rgba(0, 0, 0, 0.05) inset;
}
	-webkit-box-shadow:0 0px 1px rgba(0, 0, 0, 0.4), 0 0 0px rgba(0, 0, 0, 0.05) inset;
       -moz-box-shadow:0 0px 1px rgba(0, 0, 0, 0.4), 0 0 0px rgba(0, 0, 0, 0.05) inset;
            box-shadow:0 0px 1px rgba(0, 0, 0, 0.4), 0 0 0px rgba(0, 0, 0, 0.05) inset;
}
.TableBlock_shadow_shorttr{
	-moz-box-shadow: 0px 2px 6px 2px #CCCCCC;
	-webkit-box-shadow: 0px 2px 6px 2px #CCCCCC;
	box-shadow: 2px 2px 4px 2px #CCCCCC;
	/* 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: 8px;
	padding:0px;
	margin-left:5px;
}
.TableBlock_shadow_shorttr td{
	padding-left:15px;
	padding-bottom:5px;
	padding-top:5px;
}
.TableBlock_shadow_Head_Import{
border-top-right-radius: 10px;border-top-left-radius: 10px;
color:#FFFFFF;
padding:10px;
font-size:18px;
font-family: Verdana, Geneva, sans-serif,"微軟正黑體";
font-style: italic;
background-color:#CC3300;
}
.TableBlock_shadow_Head_Gerneral{
border-top-right-radius: 10px;border-top-left-radius: 10px;
color:#423934;
padding:10px;
font-size:18px;
font-family: Verdana, Geneva, sans-serif,"微軟正黑體";
font-style: italic;
background-color:#f7b52c;
}
.TableBlock_shadow_Head_Gerneral td{
color:#FFFFFF;
font-size:13px;
font-family: Verdana, Geneva, sans-serif,"微軟正黑體";
}

.TableBlock_shadow_Head_AdminMenu{
border-top-right-radius: 10px;border-top-left-radius: 10px;
color:#FFFFFF;
padding:10px;
font-size:18px;
font-family: Verdana, Geneva, sans-serif,"微軟正黑體";
font-style: italic;
background-color:#94c914;
}
.TableBlock_shadow_Head_AdminMenu td{
color:#FFFFFF;
font-size:13px;
font-family: Verdana, Geneva, sans-serif,"微軟正黑體";
}

.TableBlock_shadow_Head_Back{
border-top-right-radius: 10px;border-top-left-radius: 10px;
color:#FFFFFF;
padding:10px;
font-size:18px;
font-family: Verdana, Geneva, sans-serif,"微軟正黑體";
background-color:#4A6688;
}
.TableBlock_shadow_Head_Back td{
color:#FFFFFF;
font-size:13px;
font-family: Verdana, Geneva, sans-serif,"微軟正黑體";
}

/*表格樣式 前臺無框*/
.SelfTableClear table {margin:10px 0 20px 0;text-align:center;border-collapse:collapse;border-spacing:0;}
.SelfTableClear table th{background:#818286;font-weight:normal;font-size:100%;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:24px;padding:5px 0  5px 0;}

.SelfTable_color{ color:#d43939; }
.SelfTable_cate{ padding:3px;color:#ffffff; }


.PrintBlock a{
	-moz-box-shadow: 0px 2px 6px 2px #CCCCCC;
	-webkit-box-shadow: 0px 2px 6px 2px #CCCCCC;
	box-shadow: 2px 2px 4px 2px #CCCCCC;
	/* 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: 8px;
	padding:10px;
	padding-bottom:13px;
	border:solid 2px #CC3300;
	color:#333333;
	font-size:16px;
	font-family: Verdana, Geneva, sans-serif,"微軟正黑體";
}
.PrintBlock a:hover{		
	background-color:#CC3300;
	color:#ffffff;
	text-decoration:none;
}


/*Msg Style*/
.msg_height{min-height:35px;}
.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;
}
.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;
}
.Success_Msg01{
    /*background: #ff9b7a;*/
    display: block;
    color: #CC0000;
    padding: 0px 10px;    
    line-height: 26px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
/*Menu Style*/
.MenuPart{letter-spacing: 10px; vertical-align:top; font-size:18px;}

.Dot_Gerneral{
background-color:#0c4379;
-moz-border-radius: 99em;
-webkit-border-radius: 99em;
border-radius: 99em;height:6px;width:6px;}
.LeftMenuBg{
background-image:url(../../../ImgCommon/LeftMenuBg.png);
background-position:right top;
background-repeat:no-repeat;
height:500px;
}
.LeftMenuTitle{
color:#2c60a9;
padding:10px;
font-size:22px;
font-family: Verdana, Geneva, sans-serif,"微軟正黑體";
font-style: italic;
font-weight:bold
}
.LeftMenuSubItem {
height:38px;
padding-left:15px;
padding-bottom:0px;
background-image:url(../../../ImgCommon/LeftMenuSubBg.gif);
background-position:left bottom;
background-repeat:repeat-x;
vertical-align:middle;
line-height:26px;
}
.LeftMenuSubItem a{
color:#333333;
font-size:15px;
font-family: Verdana, Geneva, sans-serif,"微軟正黑體";
}
.LeftMenuSubItem:hover {
background-color:#dddddd;
}
@media (min-width:768px){
	.menu-item {
	font-size:15px;/*主層*/
	font-family:"微軟正黑體";
	color:#333333;
	padding:10px 15px;

	}
	.menu-item:hover {
	/*background-color:#e94e88;*/
	color:#000000;
	}
	.menu-item:hover a {
	text-decoration: none;
	}
}

@media (max-width:768px){
	.AD_MenuShow{ display:block !important; }/*後台隱藏選單*/
	.AD_MenuHidden{ display:none !important; }/*後台左選單*/
	.UserData{ color:#ffffff; display:block !important; position:absolute; ;float:right; top:0; right:0; width:auto; padding:5px; margin:0;}
}

/*Table Style*/
.stripe tr.alt td {
 background-color:#EEEEEE;
}
/*Img Style*/
.Border_Gerneral{border:solid 1px #dddddd;width:13%;padding:3px;margin:10px;}

/*Print Style*/
.JustPrint {display:none}  
@media print {  
.JustPrint { display:block; font:9pt verdana; letter-spacing:2px;}  
.NoPrint {display:none}  
}

/*i icon style*/
.fa-check{color:#5bc635;} .fa-times{color:#db2400;}
.fa-file-signature{font-size:120%; color:#555555;}
.fa-star-of-life{color:#ff0000;font-size:80%;padding-right:10px;transform:scale(0.7);}
.fa-map-marker-alt{color:#db2400;}
.fa-search-list{color:#ffffff; padding:10px; background-color:#645ca7; border-radius:25px;}

.WhiteIcon{color:#ffffff;}

.FooterGoTop{position: fixed;
  bottom: 0;
  right: 0;
  width: 70px;
  padding:10px;
  
  background-color: #1396c1;
  font-family:'微軟正黑體';
  font-weight:bold;}
 .FooterGoTop a,.FooterGoTop a:visited{color: #ffffff;}

/*底部資料區塊OP*/
	.SubPage_BotBlock{ 
		color:#666666;
		font-size:15px;
		padding:10px;
		font-family: Verdana, Geneva, sans-serif,"微軟正黑體";
		vertical-align:middle;
		text-align:left;
		border:1px #dddddd dashed;
		width:96.5%;
		background-color:#f9f9f9;
		line-height:22px;
		margin:15px 0px;
		border-radius: 10px;
	}
/*底部資料區塊ED*/
.group_check{
	padding-top:3px;
	padding-bottom:3px;
}
/*麵包屑OP*/
.breadcrumb > li + li:before {
    color: #CCCCCC;
    content: "/ ";
    padding: 0 5px;
    text-align:right;
    
    
}
.breadcrumb {
    background-position:85px 10px;
    padding-left:15px;
    display:inline;
}
.breadcrumb li a {
    color: #666666;
}
.breadcrumb li {
    background-color:transparant !important;
}
/*麵包屑ED*/
.Button_Top a:visited,.Button_Top a:link,.Button_Top a:active,.Button_Top a:focus{
	color:#FFFFFF;
}
.Button_Top:hover,.Button_Top:focus {background-color:#d43839;color:#ffffff;}
/*頁數*/
.nextpage, .prevpage, .gotopage{
	margin:3px;
	padding:6px 6px 6px 6px;
	border:1px solid #bbbbbb;
	/*border-radius:0 0 5px 5px;*/
	color:#999999 !important;
	white-space:nowrap;
	line-height:50px;
}

.nextpage:hover, .nextpage:focus, .prevpage:hover, .prevpage:focus, .gotopage:hover ,.gotopage:focus{	
	background-color:#645ca7;
	border:1px solid #645ca7;
	color:#FFFFFF !important;
	line-height:50px;
	text-decoration: none;
}

.nowpage{
	margin:3px;
	padding:6px 6px 6px 6px;
	background-color:#6A92CC;
	border:1px solid #6A92CC;
	color:#FFFFFF;
	line-height:50px;
}

/*回頂端*/
.Footer_Top {
	border-top-left-radius:30px;
	border-bottom-left-radius:30px;
	font-weight:900;
	min-height:30px;
	padding:5px 12px 0px 12px;/*top right bottom left*/
	background-color:rgba(200,200,200,0.5);/*background-color:#AAAAAA;*/
	vertical-align:middle;
	vertical-align:middle \9;/*IE8*/*vertical-align:middle;/*IE7*/_vertical-align:middle;/*IE6*/
	color:#ffffff;
	transition: background 0.5s linear; 
	z-index:999;
}
.Footer_Top:hover,.Footer_Top:focus{
	background-color:#F36F22 !important; color:#ffffff;
}
.Footer_Top a{
	transition: background 0.3s linear; 
	line-height:2em; 
}
.Footer_Top i {font-size:2rem;}
.Footer_Top a:focus{
	/*background-color:#FF8346 !important;*/
}
.DisplayShow{display:block;}