@charset "utf-8";

/*** 內容範本 start ***/
.main-a----------------------------------------- {}

.main-a_01 { }
.main-a_01-1 { width: 30%; }
.main-a_01-2 { margin-bottom: 15px; }

.main-a_02 { border-radius:10px; background-color: #f0f0f0;  font-weight: bold; padding-top: 8px; padding-right: 8px; padding-bottom: 8px; padding-left: 15px; margin-bottom: 30px; }
.main-a_02-1 { border-radius:10px; background-color: #f0f0f0;  font-weight: bold; padding-top: 8px; padding-right: 8px; padding-bottom: 8px; padding-left: 15px; margin-bottom: 22px; float: left; }
.main-a_02-2 { border-radius:10px; background-color: #f0f0f0;  font-weight: bold; padding-top: 8px; padding-right: 8px; padding-bottom: 8px; padding-left: 15px; margin-bottom: 10px; float: left; width: 94%; }
.main-a_02-3 { border-radius:10px; background-color: #f0f0f0;  font-weight: bold; padding-top: 8px; padding-right: 8px; padding-bottom: 8px; padding-left: 15px; margin-bottom: 10px; }
.main-a_02-4 { border-radius:10px; background-color: #f0f0f0; font-weight: bold; padding-top: 8px; padding-right: 8px; padding-bottom: 8px; padding-left: 15px; margin-bottom: 22px; color: #000; }

.main-a_03 { line-height: 24px; color: #5c5c5c;  }
.main-a_04 { background-image: url(/userfiles/template/images/line.png); background-repeat: no-repeat; background-position: center center; height: 14px; padding-top: 30px; padding-bottom: 30px; width: 100%; }
.main-a_04-1 { height: 20px; }

.main-a_05 { float: left; margin-right: 20px; margin-bottom: 5px; max-width: 300px; width: 30%; }
.main-a_05-1 { float: left; margin-right: 15px; max-width: 200px; width: 50%; }
.main-a_05-2 { float: left; margin-right: 20px; max-width: 300px; width: 30%;}
.main-a_05-3 { float: right; margin-left: 20px;  max-width: 300px; width: 30%;}

.main-a_06 { float: left; width: 59%; }
.main-a_06-1 { float: right; width: 39%; }

.main-a_07 { float: left; width: 31%;  }
.main-a_07-1 { float: right; width: 32%; margin-right: 0px; }
.main-a_07-2 { float: left; width: 31%; margin-right: 3%; margin-left: 3%; }

.main-a_08 { text-align: center; padding-bottom: 20px; }
.main-a_09 { padding-top: 20px; padding-bottom: 20px; }
.main-a_10 {}
.main-a_10-1 { background-color: #d7d7d7; text-align: center; font-weight: bold;  }
.main-a_10-2 { background-color: #FFF; text-align: center;  color: #666; }

.main-a_11 { float: left; width: 95%; margin-bottom: 10px; background-image: url(/userfiles/template/images/icon-b-11.png); background-repeat: no-repeat; background-position: left center;  font-weight: bold; padding-left: 20px; padding-top: 10px; padding-bottom: 10px; }
.main-a_11-1 { float: left; margin-right: 15px; }
.main-a_11-2 { float: left;  font-weight: bold; padding-top: 30px; }

.main-a_12 { padding-bottom: 30px; }
.main-a_13 { margin-bottom: 20px; max-width: 1024px; width: 100%;}
.main-a_14 { float: left; width: 100%; }



/*** 表格 start ***/ 

.table----------------------------------------- {}
.table { float: left; width: 100%; }

.table_01{ width: 100%; background-color: #ffffff; border-collapse: collapse; margin-bottom: 20px; 
}

.table_01 a { font-weight: bold; color: #F60; }
.table_01 a:hover  { color: #FFF; background-color: #69C; }


.table_01 td, .table_01 th{
	padding: 5px;
}

.table_01 td{
	/*color: #666666;*/
	border: #ddd 1px solid;
}

.table_01 th{
	background-color: #317F93;
	//color:#ffffff;
	border: #ddd 1px solid;
	text-align: center;
}
.table_02{
   
}


.table_03 {  }



/*** 表格 end ***/ 





@media only screen and (max-width: 778px) {
  /*** 內容範本 start ***/
  .main-a_01 { }
  .main-a_01-1 { width: 30%; }
  .main-a_01-2 { margin-bottom: 15px; float: left; width: 100%; }

  .main-a_02 { border-radius:10px; background-color: #f0f0f0;  font-weight: bold; padding-top: 8px; padding-right: 8px; padding-bottom: 8px; padding-left: 15px; margin-bottom: 30px; }
  .main-a_02-1 { border-radius:10px; background-color: #f0f0f0;  font-weight: bold; padding-top: 8px; padding-right: 8px; padding-bottom: 8px; padding-left: 15px; margin-bottom: 22px; float: left; }
  .main-a_02-2 { border-radius:10px; background-color: #f0f0f0;  font-weight: bold; padding-top: 8px; padding-right: 8px; padding-bottom: 8px; padding-left: 15px; margin-bottom: 10px; float: left; width: 98%; }
  .main-a_02-3 { border-radius:10px; background-color: #f0f0f0;  font-weight: bold; padding-top: 8px; padding-right: 8px; padding-bottom: 8px; padding-left: 15px; margin-bottom: 10px; }
  .main-a_02-4 { border-radius:10px; background-color: #f0f0f0; font-weight: bold; padding-top: 8px; padding-right: 8px; padding-bottom: 8px; padding-left: 15px; margin-bottom: 22px; color: #000; }

  .main-a_03 { line-height: 24px; color: #5c5c5c;  }
  .main-a_04 { background-image: url(/userfiles/template/images/line.png); background-repeat: no-repeat; background-position: center center; height: 14px; padding-top: 30px; padding-bottom: 30px; width: 100%; }
  .main-a_04-1 { height: 20px; }

  .main-a_05 { float: left; margin-right: 20px; margin-bottom: 5px; width: 50%; }
  .main-a_05-1 { float: left; margin-right: 15px; width: 40%; }
  .main-a_05-2 { float: left; margin-right: 20px; width: 40%;}
  .main-a_05-3 { float: right; margin-left: 20px;  width: 40%;}

  .main-a_06 { float: left; width: 100%; }
  .main-a_06-1 { float: left; width: 100%; }

  .main-a_07 { float: left; width: 100%; }
  .main-a_07-1 { float: left; width: 100%; }
  .main-a_07-2 { float: left; width: 100%; margin-right: 0; margin-left: 0;}

  .main-a_08 { text-align: center; padding-bottom: 20px; }
  .main-a_09 { padding-top: 20px; padding-bottom: 20px; }
  .main-a_10 {}
  .main-a_10-1 { background-color: #d7d7d7; text-align: center; font-weight: bold;  }
  .main-a_10-2 { background-color: #FFF; text-align: center;  color: #666; }

  .main-a_11 { float: left; width: 95%; margin-bottom: 10px; background-image: url(/userfiles/template/images/icon-b-11.png); background-repeat: no-repeat; background-position: left center;  font-weight: bold; padding-left: 20px; padding-top: 10px; padding-bottom: 10px; }
  .main-a_11-1 { float: left; margin-right: 15px; }
  .main-a_11-2 { float: left;  font-weight: bold; padding-top: 30px; }

  .main-a_12 { padding-bottom: 30px; }
  .main-a_13 { margin-bottom: 20px; max-width: 1024px; width: 100%;}
  .main-a_14 { float: left; width: 100%; }


   
  /*** 表格 start ***/
 	.table_02{
	    
		background-color: transparent !important;  
	}
	.table_02, 
	.table_02 thead, 
	.table_02 tbody, 
	.table_02 th, 
	.table_02 td, 
	.table_02 tr { 
		display: block; 
	}

	/* Hide ap-.table_ headers (but not display: none;, for accessibility) */
	.table_02 thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	.table_02 tr { border: 1px solid #ccc; margin-bottom: 10px; background-color: #ffffff;}

	.table_02 td { 
		/* Behave  like a "row" */
		border: none !important;
		border-bottom: 1px solid #eee !important;  
		position: relative;
		padding-left: 5% !important; 
		white-space: normal;
		text-align:left;
	}



.table_03 { background-color: #317F93; color: #FFF; }

}