@charset "utf-8";

/*** 內容範本 start ***/
.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_03 a:link, .main-a_03 a:visited, .main-a_03 a:active {
	line-height: 24px; 
	color: #5c5c5c;
}	
.main-a_03 a:hover {
	line-height: 24px; 
	color: #F90;
  }
.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%; }


/*-- div下方清空語法 --*/
.zbox:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.zbox {  display: inline-block;}
html[xmlns] .clearfix { display: block;}
* html .clearfix {  height: 1%;}

/*** 內容範本 end ***/

/*** table start ***/
.table01{
	width: 99.9%;
	background-color: #ffffff;
	border-collapse: collapse;
	margin-bottom: 20px;	
}

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

.table01 td{
	color: #666666;
	border: #ddd 1px solid;
}

.table01 th{
	background-color: #ECECFB;
	border: #ddd 1px solid;
	text-align: center;
}
.table02{
}
/*** table 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_03 a:link, .main-a_03 a:visited, .main-a_03 a:active {
	line-height: 24px; 
	color: #5c5c5c;
  }
  .main-a_03 a:hover {
	line-height: 24px; 
	color: #F90;
  }
  .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%; }

  /*-- div下方清空語法 --*/
  .zbox:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
  .zbox {  display: inline-block;}
  html[xmlns] .clearfix { display: block;}
  * html .clearfix {  height: 1%;}
   
  /*** 內容範本 end ***/
   
/*** table start ***/
.table02{
		background-color: transparent !important;  
	}
	.table02, 
	.table02 thead, 
	.table02 tbody, 
	.table02 th, 
	.table02 td, 
	.table02 tr { 
		display: block;
	}

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

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

	.table02 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 end ***/

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

}