@charset "utf-8";

@import url("icons.css");

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}




body {
	margin-left: auto;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	font-family: Arial, "Microsoft JhengHei UI", "Microsoft JhengHei", "HeiTi TC", sans-serif!important;
	color: #333;
	font-size: 14px;
	line-height: 1.6;
	height:100vh;
	background-color: #F0F0F0;
}

img {border:none; behavior: url(js/iepngfix.htc)}




a:link{
	text-decoration: underline;
	color: #222222;
}
a:visited{
	color: #666666;
	text-decoration: underline;
}
a:hover,a:active{
	color:#582124;
	text-decoration: none;
}


.u { text-decoration: underline; } 


#index-banner{
	width: 100%;
	text-align: center;
	background-image: url(../images/main-bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#index-info{
	width: 100%;
	text-align: center;
	background-repeat: repeat-x;
	background-position: left top;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;

}

#container{
	width: 100%;
	text-align: center;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	float: left;
}












#header{
	background-color: #F59B23;
	display: block;

	width: 100%;
	color: #FFFFFF;
	text-shadow: 0 1px 5px rgba(0,0,0, .4);
	box-shadow:inset 0 15px 15px -15px rgba(255,255,255,.1), 0 0 8px rgba(0,0,0,.5);
}

.header-box{
	width: 95%;
	max-width:1500px;
	margin-right: auto;
	margin-left: auto;

}

.header-bg{
	display: block;

	width: 100%;
	background: linear-gradient(120deg, rgba(0,0,0,0) 0%,rgba(0,0,20,0) 50%, rgba(0,0,0,0.5) 100%);

}



.header-top{
	padding-top: 5px;
	height: 50px;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(255,255,255,0.1);

}




.logo{
	display:flex;
	width: calc(100% - 600px);
	float: left;
	padding-left: 15px;
	color: #FFFFFF;
	text-decoration: none;

}

.logo a{
	color: #FFFFFF;
	text-decoration: none;

}
.logo-img{
	margin-right: 10px;
	width: 40px;
}

.logo-text{
	font-size: 18px;
	padding-top: 7px;


}

.logo-text span{
	margin-left: 20px;
	font-weight: bold;
}


.header-info{
	width: 600px;
	float: left;
}








/*topmenu*/

.topmenu {
	width: 100%;
	margin: 0px;
	padding-top: 5px;
}




.topmenu ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	display:flex;
}
.topmenu li{
	text-align: center;
	padding: 0px;
	width: auto;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	flex:1;
}





.topmenu li a{
	text-align: center;
	border-right-width: 0px;
	border-right-style: solid;
	border-right-color: #DDD;
	color: #FFFFFF;
	margin-right: auto;
	margin-left: auto;
	text-decoration: none;
}

.topmenu li i{
	font-size: 20px;

	font-weight: normal;
	line-height: 1.4;
	background-color: rgba(0,0,0,0.4);
	border-radius:500px;
	padding: 7px;
	margin-right: 10px;	
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%);

}



.topmenu li a:hover i{
	background: linear-gradient(to top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 100%);

}

.topmenu li a.current i{
	background:#927867;

}




@media only screen and (max-width: 767px) {
.topmenu li i{

	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 100%);

}




.topmenu li a:hover i{
	background: linear-gradient(to top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 100%);

}
}


/*end topmenu*/







/*menu*/

.menu{
	width: 100%;

}
.menu ul{
	display:flex;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	width: 100%;
}
.menu ul li{
	margin: 0px;
	padding: 0px;
	flex:1;
	text-align: center;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: rgba(255,255,255,0.1);
}
.menu ul li:first-child{

	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: rgba(255,255,255,0.1);
}
.menu ul li a{
	color: #FFFFFF;
	display: block;
	text-decoration: none;
	font-weight: bold;
	letter-spacing: 1px;
	width: 100%;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;

}
.menu ul li a:hover{
	background: linear-gradient(350deg, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 40%, rgba(255,255,255,0.12) 100%);

}

.menu ul li a.current{


}

.menu ul li a.current:before{
content:'★';
margin-right:5px;
}




















#master-index{
	width: 100%;
	text-align: left;
	float: left;
	margin: 0px;
	padding: 0px;
}

#master{
	width: 100%;
	text-align: left;
	float: left;
	margin: 0px;
	padding: 0px;
}

#master-box{
	width: 95%;
	max-width:1500px;
	margin-right: auto;
	margin-left: auto;

}

#master-box-bg{
	border: 1px solid #EFEFEF;
	border-radius:10px;
	float: left;
	width: 100%;
	box-shadow: 0 7px 25px rgba(0, 0, 0, 0.15);
	margin-top: 20px;
	display:flex;
	overflow: hidden;
	background-color: #FFFFFF;	
}













#left{
	width:220px;
	float: left;
	margin: 0px;

}

#left-pic{
	width:220px;
	float: left;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;


}
#submenu h1{
	font-size: 22px!important;
	color: #000000;
	padding-bottom: 10px;
	font-weight: 700;
	width: 200px;
	padding-left: 18px;
	height: 43px;
	padding-top: 10px;
	margin: 20px 0px;
	padding-right: 0px;
	color:#582124;
	letter-spacing: 1px;
	font-family:"Microsoft Yahei", MyTitleChinese, sans-serif;
}


#submenu{
	float: left;
	width: 200px;
	text-align: left;
	margin: 0px;
	padding-right: 10px;
	padding-left: 15px;
	letter-spacing: 1px;
	padding-top: 0px;
	padding-bottom: 20px;
}


#submenu ul{
	list-style-type: none;
	float: left;
	width: 190px;
	margin: 0px;
	padding: 0px;
}


#submenu ul li{
	width: 190px;
	float: left;
	margin: 0px;
	list-style-type: none;
	padding: 0px;
}
#submenu ul li a{
	width: 190px;
	float: left;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E8E8E8;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 7px;
	padding-left: 18px;
	color: #333;

}
#submenu ul li a:hover{
	font-weight: bold;
	float: left;
	color: #582124;

}

#submenu ul li a.current{
	font-weight: bold;
	float: left;
	color: #FFFFFF;
	background-color: #F59B23;
	border-radius:4px;
	box-shadow: 0 7px 25px rgba(0, 0, 0, 0.1);
}

.submenu_title { 
	font-weight: bold;
	float: left;
	background-image: url(../images/submenu-current.jpg);
	background-repeat: repeat-y;
	background-position: center center;
	color: #333333;

}


#submenu ul li ul{
	margin: 0px;
	width: 198px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E8E8E8;

}

#submenu ul li ul.current{
	float: left;
	background-image: url(../images/submenu-current.jpg);
	background-repeat: repeat-y;
	background-position: center center;
	width: 198px;
}

#submenu ul li ul li{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-left: 20px;
	width: 160px;

}



#submenu ul li ul li a{
	float: left;
	text-decoration: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 18px;
	color: #555555;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-image: url(../images/menu-T.gif);
	background-repeat: no-repeat;
	background-position: left center;
	width: 160px;

}
#submenu ul li ul li a:hover{
	font-weight: bold;
	float: left;
	color: #333333;
	width: 160px;

}

#submenu ul li ul li a.current{
	font-weight: bold;
	float: left;
	padding-right: 0px;
	background-image: url(../images/menu-T.gif);
	background-repeat: no-repeat;
	background-position: left center;
	width: 160px;


}




#content{
	float: left;
	width: calc(100% - 220px);
	padding: 10px 30px;


}

#title{
	width: 720px;
	background-image: url(../images/title-bg.png);
	background-repeat: no-repeat;
	float: left;
	
	height: 60px;

}



#breadCrumb{
	font-size: 12px;
	width: 100%;
	color: #999999;
	text-align: left;
	height: 21px;
	background-image: url(../images/icon-home.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 20px;
	margin-bottom: 15px;
	float: left;
	
}

#breadCrumb span{
	background-image: url(../images/h2-icon.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 22px;
	width: auto;
	padding-right: 25px;
	background-position: right;
	padding-top: 4px;
	padding-left: 10px;

}

#breadCrumb div{
	background-image: none;
	float: left;
	height: 22px;
	width: auto;
	padding-right: 25px;
	padding-top: 4px;
	padding-left: 10px;

}

#breadCrumb a:link{
	text-decoration: none;
	color: #999999;
	font-weight: normal;
}
#breadCrumb a:visited{
	color: #999999;
	text-decoration: none;
}
#breadCrumb a:hover,a:active{
	text-decoration: none;
	color: #999999;
}








#main{
	width:100%;
	float: left;
	text-align: left;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	font-size: 15px;
}


#main table{
	width:100%!important;

}


h3{
	font-size: 22px;
	margin: 0px;
	color:#000000;
	letter-spacing: 1px;
	width: 100%;
	float: left;
	font-weight: 500;
	font-family:"Microsoft Yahei", MyTitleChinese, sans-serif;
	
}


h4{
	font-size: 16px;
	margin: 0px;
	color: #333333;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	letter-spacing: 1px;
	
}

h5{
	font-size: 14px;
	margin: 0px;
	color: #333333;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	letter-spacing: 1px;
	
}






.leftimg {
	float: left;
	border: none;
	margin-right: 15px;
}
.rightimg {
	float: right;
	border: none;
	clip:  rect(auto,auto,auto,auto);
	margin-left: 15px;
	margin-bottom: 20px;
}







#footer {
	width:100%;
	text-align: center;
	font-size: 12px;
	height: 90px;
	padding-top: 10px;
	margin: 0px;
	float: left;
	color: #636D78;

	
}
#footer-container{
	width: 990px;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;

}

#footer-logo {
	float: left;
	height: 80px;
	width: 220px;
	padding: 0px;

	
}
#footer-menu{
	float: left;
	height: 60px;
	width: 770px;
	text-align: left;
	padding-top: 20px;
	letter-spacing: 1px;
	font-size: 12px;

}
#footer-menu div{
	float: left;
	width: 770px;
	margin: 0px;


}
#footer-menu ul{
	float: left;
	width: 700px;
	padding: 0px;
	list-style-type: none;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FF0000;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;


}
#footer-menu ul li{
	float: left;
	width: auto;
	padding-right: 14px;
	padding-left: 14px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #EC0000;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	list-style-type: none;



}






.font-8 {font-size: 8px;}
.font-11 {font-size: 11px;}
.font-15 {font-size: 15px;}
.font-18 {font-size: 18px;}
.font-20 {font-size: 20px;}
.color-0 {color: #CCCCCC;}
.color-1 {color: #3366CC;}
.color-2 {color: #E85C00;}
.color-3 {color: #FFFFCC;}
.color-4 {color: #6FB32B;}
.color-5 {color: #0066CC;}
.color-6 {color: #333333;}

.line{
	background-image: url(../images/line.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}








.ps{
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #FF6600;
	letter-spacing: 1px;
	color: #FF6600;
	padding: 0px;
}







.table {
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 5px;
	font-size: 13px;
}

.table th {
	color: #666666;
	background-color:#D5D8D3;
	text-align:center;
	font-weight: bold;
	padding-top: 3px;
	padding-bottom: 5px;
	border: 1px solid #AFB5AC;
	font-size: 12px;
}
.table td {
	font-family: "Arial", "Helvetica", "sans-serif";
	color: #000000;
	text-align: left;
	border: 1px solid #C5C5C5;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 3px;
}

.table tr.altrow  {	background-color: #EAEAEA;}

.table tr.color  {
	background-color: #FDE1C4;
	color: #000000;
}



.table-school{
	text-align: right;
	width: 700px;
}

.table-school span{
	border: 1px solid #000000;
	font-family: "標楷體";
	font-size: 20px;
	font-weight: bold;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}



.MD5{
	border-collapse: collapse;
	width: 750px;
	font-size: 13px;
	background-color: #D9ECC6;
	border: 1px solid #94C95F;
	padding: 5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

.table-ps{
	border-collapse: collapse;
	width: 750px;
	font-size: 13px;
	background-color: #EAEAEA;
	border: 1px dashed #999999;
	padding: 5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.table-ps ol{
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;

}
.bold{
	font-weight: bold;


}







.table2 {
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 5px;
	font-size: 13px;
}

.table2 th {
	color: #666666;
	background-color:#D5D8D3;
	text-align:center;
	font-weight: bold;
	padding-top: 3px;
	padding-bottom: 5px;
	border: 1px solid #AFB5AC;
	font-size: 12px;
}
.table2 td {
	font-family: "標楷體", "Arial", "Helvetica", "sans-serif";
	color: #000000;
	text-align: left;
	border: 1px solid #CCCCCC;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 5px;
	font-size: 18px;
}

.table2 tr.altrow  {	background-color: #EAEAEA;}

.table2 tr.color  {
	background-color: #FDE1C4;
	color: #000000;
}





.table3 {
	border-collapse: collapse;
	width: 720px;
	margin-bottom: 5px;
	font-size: 13px;
}

.table3 th {
	color: #666666;
	background-color:#D5D8D3;
	text-align:center;
	font-weight: bold;
	padding-top: 3px;
	padding-bottom: 5px;
	border: 1px solid #AFB5AC;
	font-size: 12px;
}
.table3 td {
	font-family: "Arial", "Helvetica", "sans-serif";
	color: #000000;
	text-align: left;
	border: 1px solid #CCCCCC;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 1px;
}

.table3 tr.altrow  {	background-color: #EAEAEA;}

.table3 tr.color  {
	background-color: #FDE1C4;
	color: #000000;
}









legend{
	font-size: 13px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #0066CC;
	letter-spacing: 1px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
}
fieldset{
	border: 1px solid #0066CC;
	margin-top: 10px;
	margin-bottom: 20px;
	font-size: 13px;
	padding: 5px;
	width: 90%;
}










#con {
	FONT-SIZE: 12px;
	WIDTH: 760px;
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
}
#tags {
	WIDTH: 730px;
	HEIGHT: 25px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
}
#tags LI {
	FLOAT: left;
	MARGIN-RIGHT: 4px;
	LIST-STYLE-TYPE: none;
	background-color: #666666;
}
#tags LI A {
	PADDING-RIGHT: 10px;
	PADDING-LEFT: 10px;
	FLOAT: left;
	PADDING-BOTTOM: 0px;
	COLOR: #FFFFFF;
	PADDING-TOP: 3px;
	TEXT-DECORATION: none;
	height: 25px;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 1px;
}
#tags LI.emptyTag {
	WIDTH: 4px;
}
#tags LI.selectTag {
	POSITION: relative;
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #FFFFFF;
	border-left-color: #666666;
	height: 25px;
}
#tags LI.selectTag A {
	BACKGROUND-POSITION: right top;
	COLOR: #000000;
	font-weight: bold;
}
#tagContent {
	BACKGROUND-COLOR: #fff;
	padding: 1px;
	width: 750px;
	border: 1px solid #666666;
	margin-top: -2px;
}
.tagContent {
	DISPLAY: none;
	WIDTH: 720px;
	COLOR: #000000;
	padding: 10px;
}
#tagContent DIV.selectTag {
	DISPLAY: block
}


/*end*/



#page {

	width: 740px;
	font-size: 13px;
	letter-spacing: 1px;
	margin: 0px;
	padding-top: 3px;
	font-weight: bolder;
	padding-bottom: 3px;
}
#page a {
	TEXT-DECORATION: none;
	font-size: 13px;
	letter-spacing: 1px;
	font-weight: bold;
	padding: 2px;
	width: 30px;
}
#page a:hover {
	COLOR: #0B9F9F;
}
#page a:active {
}
#page span.current {
	PADDING-RIGHT: 5px;
	PADDING-LEFT: 5px;
	FONT-WEIGHT: bold;
	PADDING-BOTTOM: 2px;
	COLOR: #669900;
	MARGIN-RIGHT: 2px;
	PADDING-TOP: 2px;
	font-size: 16px;
}
#page-focus{
	float: left;
	width: 120px;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 2px;
	height: 20px;
	padding-top: 10px;
}

.box01{
	width: 100%;
	float: left;
	margin-bottom: 10px;


-webkit-border-radius: 10px;
-moz-border-radius: 10px;
	border-radius: 10px;
	background: #ffffff;
	font-size: 13px;
	padding-top: 4%;
	padding-right: 2%;
	padding-bottom: 2%;
	padding-left: 2%;
	background-image: linear-gradient(to top, #EEEEEE 0%, #FFFFFF 100%);
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.13);
}
.box02{
	width: 100%;
	float: left;
	margin-bottom: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
	border-radius: 10px;
	background: #ffffff;
	font-size: 13px;
	padding-top: 4%;
	padding-right: 2%;
	padding-bottom: 2%;
	padding-left: 2%;
	background-image: linear-gradient(to top, #EEEEEE 0%, #FFFFFF 100%);
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.13);
}

.box02 ol{
	padding-right: 0px;
	padding-left: 20px;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.box02 ol li{
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}








.form{
-webkit-border-radius:50px;
-moz-border-radius:50px;
	border-radius:50px;
	background-color: #D7D7D7;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 10px;
	color: #333333;
	letter-spacing: 1px;
	font-size: 12px;
	behavior: url(../css/PIE.htc);
	margin-right: 5px;
	border: 1px solid #E1E1E1;
}







td,th {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 13px;
	line-height: 1.5;
}
.datetable{
	border: 1px solid #000000;
}
.datetable td{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #000000;
	padding: 10px;
	font-size: 16px;

}
.datetable td td{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.style2 {font-size: 15px}






.new-page		{page-break-after:always; margin:1em 0 1em 10em; color:#00ffff; line-height:0;}
.new-page-text  {margin:0; color:#00ffff;}









.abgne_tab{
	width: 100%!important;
}


#content table{
	width: 95%!important;
}








input[type="text"],input[type="password"], select{
	display: inline-block;
	outline: none;
	text-decoration: none;
	border-radius: 5px;
	margin-top: 3px;
	margin-bottom: 5px;
	padding: 7px;
	border: 1px solid #D7D7D7;
	text-shadow: 0 1px 0 rgba(255,255,255, 1);
	box-shadow: 0 3px 12px rgba(0, 0, 0, 0.1);
	font-weight: bold;
	color: #333333;
	background-color: #ffffff;

}




input[type="button"]{
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	border-radius: 5px;
	margin-top: 3px;
	margin-bottom: 5px;
	padding: 6px 12px;
	background-image: linear-gradient(to top, #E6E6E6 0%, #FFFFFF 100%);
	border: 1px solid #FFFFFF;
	text-shadow: 0 1px 0 rgba(255,255,255, 1);
	box-shadow: 0 3px 15px rgba(0, 0, 0, 0.2);
	font-weight: bold;
	color: #333333;
}
input[type="button"]:hover{
	text-decoration: none;
}
input[type="button"]:active{
	position: relative;
	top: 1px;
	box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
}






input[type="submit"] {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	border-radius: 5px;
	margin-top: 3px;
	margin-bottom: 5px;
	padding: 6px 12px;
	background-image: linear-gradient(to top, #582124 0%, #9D3C41 100%);
	border: 1px solid #FFFFFF;
	box-shadow: 0 3px 15px rgba(0, 0, 0, 0.2);
	color: #FFFFFF;
}
input[type="submit"]:hover{
	text-decoration: none;
}
input[type="submit"]:active{
	position: relative;
	top: 1px;
	box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
}





input[type="radio"],
input[type="checkbox"] {
	height: 20px;
	width: 20px;
}



/*== Media =========================================================*/
/*
@media screen {
	table {border-width:2px; border-style:double;margin-bottom:1em;}
	caption {border-width:2px;}

	.prn-caption	{display:none;}
	.prn-title		{display:none;}
	
	
	.prn-cert		{border-style:dotted; border-width:1px;}
		
	.score-info		{border-style:dotted; border-width:1px; width:190mm; padding:6px;}
	
	.prn-label table	{border-style:dotted; border-width:1px; }
	.prn-label td		{border-style:dotted; border-width:1px; padding-right:2mm;}
}
*/
@media print {
    body{background-image: none;background-color: #FFFFFF;	margin: 0px;padding: 0px;}
	#container{	margin: 1%;width: 98%; float: none;	background-image: none;background-color: #FFFFFF;margin: 0px;padding: 0px;}
	#master{width:100%; float: none;background-image: none;background-color: #FFFFFF;margin: 0px;padding: 0px;}
	#master-box{width:100%; float: none;background-image: none;background-color: #FFFFFF;margin: 0px;padding: 0px;}
	#master-box-bg{width:100%; float: none;	background-image: none;background-color: #FFFFFF;box-shadow: 0 0px 0px rgba(0, 0, 0, 0);margin: 0px;padding: 0px;}
	#master-box-bg{
	border: 0px solid #ffffff;
	border-radius:0px;
	float: left;
	width: 100%;
	box-shadow: 0 7px 25px rgba(0, 0, 0, 0);
	margin-top: 0px;
	display:display;
	margin: 0px;padding: 0px;

}

	#content{width:100%; float: none;background-image: none;background-color: #FFFFFF;margin: 0px;padding: 0px;}

	#main {width:100%; float: none; background-color: #FFFFFF;margin: 0px;padding: 0px;}
	h3{width:100%; float: none;}	
	#menu			{display:none;}

	.table {
	border-collapse: collapse;
	width: 100%;
	margin-bottom:3px;
	font-size: 13px;
	}

	.font-12 {font-size: 11px;font-family: 細明體;line-height: 1.2;}



	#header			{display:none;}
	#left			{display:none;}
	#breadCrumb		{display:none;}
	#footer			{display:none;}
	#s_class		{display:none;}
	
	form			{display:none;}
	.scr-only		{display:none;}
	.scr-caption	{display:none;}
	.system-title	{display:none;}
	
	.st-filter		{display:none;}
	
	.scr-msg		{display:none;}
	.scr-err-msg	{display:none;}
	.scr-cau-msg	{display:none;}
	
	a	{display:none;}
	.ln-new, .ln-edit, .ln-delete, .ln-detl, .ln-retn		{display:none;}
	
	.np				{display:none;}		/*np: not printed*/
	.new-page-text	{display:none; }
	
	.pgs			{display:none; }
	
	* {font-family:標楷體;}
	
	
	.prn-title		{text-align:center;}
	.prn-cert		{border-style:none; width:100%;}*	/*及格證書*/
	
	.title-row,
	.odd-row,
	.even-row,
	.cursor-row		{background-color:white;}
	
	.f9 *			{font-size:8pt; font-family:新細明體;}
	
	table			{width:100%; border-width:1pt;}
	table,th,td		{border-collapse:collapse; border-color:black;}
	th,td			{font-size:11pt;}
	.table-school{	text-align: right;	width: 100%;}
	
	.prn-label table { width:100%; }
	
	.score-info div	{font-size:11pt;}
	
	.seat-table		{width:90%; margin-top:3em; margin-left:3em;}
	.seat-table	td	{text-align:center; border-style:solid; border-width:1px; height:8em;}

	.table3			{width:100%; border-width:1pt;}
	.table3 th		{font-size:11pt;line-height: 1.20;}
	.table3 td		{font-size:11pt;line-height: 1.20;}

	.table4			{width:100%; border-width:1pt;}
	.table4 th		{font-size:8pt;line-height: 1.10;}
	.table4 td		{font-size:8pt;line-height: 1.10;}

	.note			{font-size:11pt;line-height: 1.05;}

	
	/*== Message ===================================================*/
	.gen,
	.inf,
	.cau,
	.err,
	.tip  {display:none;}
	/*== End Message ===============================================*/
	
}

/*== End Media =====================================================*/