@charset "UTF-8";
/* Body */
@font-face {
  font-family: DeltaJPFont;
  src: local(Heiti TC), local("Microsoft JhengHei");
  /* no unicode-range; default to all characters */
}

/* Latin characters 專用 */
@font-face {
  font-family: DeltaJPFont; /*  font-family */
  unicode-range: U+00-024F;  /* Latin, Latin1 Sup., Ext-A, Ext-B */
  src: local(Helvetica),     /* OS X preferred */
       local(Arial);         /* Other OS */
}

/* 注音符號專用 */
@font-face {
  font-family: DeltaJPFont;      /*  font-family */
  unicode-range: U+3100-312F;     /* Bopomofo */
  src: local(LiHei Pro),          /* OS X */
       local("Microsoft JhengHei"); /* Windows Vista+ */
}

/* 日文假名專用 */
@font-face {
  font-family: DeltaJPFont;            /*  font-family */
  unicode-range: U+3040-30FF;           /* Hiragana, Katakana */
  src: local(Hiragino Kaku Gothic Pro), /* OS X */
       local(Meiryo);                   /* Windows Vista+ */
}

body {
	font-family: DeltaJPFont, Meiryo, Arial, sans-serif;
	background-color: #DCDCDC;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-size: 1em;
	color: #000;
}
/* Container */
.container {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	height: 1000px;
	background-color: #FFFFFF;
}
.index_column {
	max-width: 100%;
}
.index_column h3 {
	text-align: left;
	font-size: 1.6em;
	color: #2A2A2A;
	padding-left: 5%;
}
.index_column p {
	color: #000;
	background-color: #FFFFFF;
}
.cards {
	width: 100%;
	height: auto;
	max-width: 400px;
	max-height: 200px;
	border: 1pt solid #CCCCCC;
}
.content_frame{
	border: 1px solid rgba(171,171,171,1.00);
	background-color:#FFFFFF;
	padding: 16px;
	max-width: 90%;
	text-align:left;
	margin:0px auto;
	text-align: justify;
	text-justify: inter-ideograph;
	margin-bottom: 20px;
}
.content_frame h3{
	font-size: 1.2em;
	color: #2A2A2A;
	padding-bottom: 16px;
	border-bottom: 1px solid #ababab;
}
.content_frame .data{
	font-size: 1em;
	color: #959595;
}
img {
    height: auto;
    max-width: 100%;
}
.contact{
	font-size: 13px;
}
.table {
	max-width: 50%;
}

/* Mobile */
@media (max-width: 320px) {
.text_column {
	width: 100%;
	text-align: justify;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.thumbnail {
	width: 100%;
}
.index_column {
	width: 100%;
	margin-top: 10px;
	padding-bottom: 20px;
}
.table {
	max-width: 100%;
}
}

/* Small Tablets */
@media (min-width: 321px)and (max-width: 767px) {
.text_column {
	width: 100%;
	text-align: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.thumbnail {
	width: 100%;
}
.index_column {
	width: 100%;
	margin-top: 10px;
	padding-bottom: 20px;
}
.thumbnail {
	width: 50%;
}
.table {
	max-width: 100%;
}
}

/* Small Desktops */
@media (min-width: 768px) and (max-width: 1096px) {
.text_column {
	width: 100%;
}
.thumbnail {
	width: 50%;
}
.text_column {
	width: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
}