@charset "utf-8";
@page {  
	width: 100%;
	size:210mm 297mm;  
	margin: 5mm;
	padding: 0;
	font-size: 9.5pt;
}
BODY, HTML{
	width:100%;
	height:100%;
	font-size:14px;
	font-family:"Corbel Bold", "微軟正黑體";
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-color:#e5e9ec;
	-webkit-text-size-adjust:none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	text-align:left;
	color:#545462;
	
}
IMG{
	border:0px;
}
input:focus,
select:focus,
textarea:focus,
button:focus {
	border:1px #767676 solid !important;
	outline: none;
}
input, select, textarea{
	font-family:Arial, "微軟正黑體";
	padding-left:10px;
	border:1px #dddddd solid;
	padding-right:10px;
	height:32px;
	line-height:32px;
	color:#676666;
	font-size:100%;
	-webkit-text-size-adjust:none;
	/*
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	*/
}
textarea{
	line-height:normal;
	padding-top:10px;
	padding-bottom:10px;
}
input[type=text],
input[type=password],
input[type=tel], 
textarea{
	-webkit-border-radius:5px;
	border-radius:5px;
	-moz-border-radius:5px;
}
select{
	padding-left:0px;
	padding-right:0px;	
	cursor:pointer;
}
input[type=button], input[type=submit]{
	border:0px;
	font-family:Arial, "微軟正黑體", "FontAwesome";
	font-size:13px;
	webkit-appearance:none;  
    -webkit-border-radius:3px;
	border-radius:3px;
	-moz-border-radius:3px;
	cursor:pointer;
	-webkit-text-size-adjust:none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
a {
	color:#FF9933;
	text-decoration:none;	
}
a:hover{
	color:#FF9933;
	text-decoration:underline;
}
a:focus{
	outline:1px #FF9933 solid;
}
.clear {
	clear:both !important;
	width:100% !important;
	height:1px !important;
	margin:0 0 0 0 !important;
	float:left !important;
}
.clear:after {
	visibility:hidden !important;
	display:block !important;
	font-size:0 !important;
	content:" ";
	clear:both !important;
	height:0px !important;
}

/*=======================================================================================================================*/
/*=======================================================================================================================*/


/*=======================================================================================================================*/
/*=======================================================================================================================*/

/*****************************************
mainContainer start
*****************************************/
#mainContainer{
	
	
	width:calc(100% - 40px);
	margin:0 0 0 0;
	padding:20px 20px 20px 20px;
	float:left;
}


#mainContainer .mainHead{
	width:calc(100% + 40px);
	height:40px;
	line-height:40px;
	margin-left:-20px;
	margin-right:-20px;
	margin-top:-20px;
	background-color:#FFFFFF;
	-webkit-box-shadow: 0px 9px 12px -4px rgba(194,194,194,1);
	-moz-box-shadow: 0px 9px 12px -4px rgba(194,194,194,1);
	box-shadow: 0px 9px 12px -4px rgba(194,194,194,1);
	position:fixed;
	z-index:999999;
}
#mainContainer .mainHead h1{
	font-size:130%;
	font-weight:bold;
	line-height:40px;
	padding-left:20px;
	margin:0 0 0 0;
}
#mainContainer .empty{
	height:30px;
	width:100%;
}


#mainContainer .mainBody{
	width:100%;	
}
#mainContainer .mainGrid{
	min-width:105px;
	width:105px;
	height:89px;
	/*width:calc(12% - 20px);*/
	float:left;
	padding:10px 5px 10px 5px;
	margin:20px 10px 10px 10px;
	border:#dddddd 1px solid;
	-webkit-border-radius:5px;
	border-radius:5px;
	-moz-border-radius:5px;
	text-align:center;
	font-size:90%;
	background-color:#FFFFFF;
	position:relative;
}
#mainContainer .mainGrid .imgWarpper{
	width:100%;
	height:61px;
	position:relative;
}
#mainContainer .mainGrid:hover{
	border:1px #1e91cf solid;
}
#mainContainer .mainGrid.selected{
	background-color:#f4f4f4;
	border:1px #1e91cf solid;
}

#mainContainer .mainGrid .imgWarpper img{
    top:0;
    bottom:0;
	left:0;
	right:0;
    margin:auto;
	position:absolute;
}

#mainContainer .mainGrid.selected img{
	filter: alpha(opacity=40);
	-moz-opacity: 0.4;
	opacity: 0.4;
}
#mainContainer .mainGrid .button{
	width:100%;
	margin-top:10px;
}

#mainContainer .mainGrid span.checkbox{
	color:#0090d9;
	font-size:150% !important;
	height:14px;
	float:left;
	margin-top:1px;
	cursor:pointer;
	background-color:#FFFFFF;
	width:15px;
}
#mainContainer .mainGrid label{
	float:left;
	margin-left:5px;
	margin-right:5px;
	width:calc(100% - 36px);
	text-align:left;
}
#mainContainer .mainGrid i{
	margin-top:4px;
	float:right;
	cursor:pointer;
	width:11px;
}
#mainContainer .mainGrid i:hover{
	color:#FF9933;
}
#mainContainer .mainGrid input[type=checkbox]{
	display:none;
	
}
/*****************************************
mainContainer end
*****************************************/

/*=======================================================================================================================*/
/*=======================================================================================================================*/