body {
	background-image:url("./image/bg01.png")
}

.page{
	width: 100%;
	margin: 0 auto 0 auto;
	padding: 0px;
	/*border-radius: 30px 30px 30px 30px;*/
}

.icon-bar {
  background-color: white;
  display: block;
  height: 4px;
  margin: 0 auto 0px;
  width: 30px;
}

.container {
	
}

a.link2{
	color:#4E597F; 
	font-family: 'Microsoft JhengHei';
	font-weight:bold; 
	text-decoration: none;
}

a:hover.link2{
	color:#C3C3C3;
}

p{
	color: #4E597F;
	font-weight:bold;
	padding-top:35px;
	font-size:24px;
	font-family: 'Microsoft JhengHei';
}

hr.line {
	width:350px;
	border: 0; 
	height: 2px; 
	background-image: -webkit-linear-gradient(left, #f0f0f0, #4C536A, #f0f0f0);
	background-image: -moz-linear-gradient(left, #f0f0f0, #4C536A, #f0f0f0);
	background-image: -ms-linear-gradient(left, #f0f0f0, #4C536A, #f0f0f0);
	background-image: -o-linear-gradient(left, #f0f0f0, #4C536A, #f0f0f0);
}

p.title{
	color: #66B3FF;
	font-weight:bold;
	font-size:22px;
	text-align:left;
	background-color: ;
}

.hovereffect {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
  background: #EAEAEA;
}

.hovereffect .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  padding: 50px 20px;
}

.hovereffect img {
  display: block;
  position: relative;
  max-width: none;
  width: calc(100% + 20px);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(-10px,0,0);
  transform: translate3d(-10px,0,0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.hovereffect:hover img {
  opacity: 0.4;
  filter: alpha(opacity=40);
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

.hovereffect h2 {
  text-transform: uppercase;
  color: #3C4667;
  text-align: center;
  text-shadow: 2px 2px #C0C5D5;
  position: relative;
  font-size: 20px;
  overflow: hidden;
  padding: 0.5em 0;
  background-color: transparent;
  font-family: 'Bree Serif', serif , 'Microsoft JhengHei';
  font-weight:bold;
}

.hovereffect h2:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  text-shadow: 2px 2px #C0C5D5;
  background: #3C4667;
  content: '';
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform: translate3d(-100%,0,0);
  transform: translate3d(-100%,0,0);
}

.hovereffect:hover h2:after {
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

.hovereffect a, .hovereffect p {
  position: relative;
  top:-10px;
  color: #3C4667;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(100%,0,0);
  transform: translate3d(100%,0,0);
}

.hovereffect:hover a, .hovereffect:hover p {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}



.pic_ina{
    height:90px;
    width:30%;
    float:left;
}
.con_ina{
    height:100px;
    width:67%;
    margin-left:3%;
    float:left;
	font-family: 'Bree Serif', serif , 'Microsoft JhengHei';
	text-align: justify;
	text-justify:inter-ideograph;
	border: 0px solid gray;
}
.btn_inr{
    float:right;
	margin-top:30px;
}