body{
font-family:'微軟正黑體','Helvetica Neue',sans-serif;
font-size: 18px;
line-height: 30px;
color: #333;	background-image: url(../images/page_bg.png);
	background-repeat: no-repeat;
	background-position: right top;
}
.cont{
	margin:5%;

	float:left;
width:90%;
padding:0px;
}
.cont h1{
	font-size:36px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0096ff;
	padding:20px 0;
	font-weight: normal;
}
.cont h2{
	font-size:24x;

	padding:20px 0;
	font-weight: normal;
}
.text{
float:left;
width:100%;

}
.text .pho{
float:left;
width:40%;
margin:20px;
}
.text .con{
float:left;
width:50%;
}
/*button*/

.learn-more{
  border: 1px solid #4fade8;
  border-radius: 5px;
  color: #4fade8;
  display: inline-block;
  font-size: 13px;
  font-weight: 700;
  margin-top: 10px;
  padding: 10px 50px;
  text-transform: uppercase;
  transition: all 0.3s linear 0s;
  background:rgba(255, 255, 255, 0.2);
}
.learn-more:hover{
  color: #fff;
  background-color: #36adf9;	text-decoration: none;
}
.table{
width:100%;
line-height:36px;
}
.table th{
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #36adf9;	padding:8px 12px;
}

.table td{
	padding:8px 12px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cfcfcf;
}
.table tr:hover{
  background-color: #ececec;
}
.mail{
width:100%;
margin:5% auto;
float:left;}
.mail_box{
	width:80%;
	border: 1px solid #36adf8;
	padding:20px;
margin:5px 10%;float:left;
}

.mail_box .img{
float:left;	width:10%;
}
.mail_box .txt{
float:left;	width:60%;
}
.mail_box:hover{
background:#f5f5f5;

}
.mail_box2{
	width:40%;
	border: 1px solid #36adf8;
	padding:20px;
margin:5px 10px;float:left;
}
.mail_box3{
	width:40%;
	border: 1px solid #36adf8;
	padding:20px;
margin:5px 10px;float:left;
}
.mail_box h1,.mail_box2 h1,.mail_box3 h1{
	color:#54b9fa;
	font-size: 24px;
	font-weight: normal;

}
.mail_box2 h2,.mail_box3 h2{
	font-size: 18px;	font-weight: normal;
}

.mail_box2 li,.mail_box3 li{
padding:0 10px;
list-style:none;
}

.ivs-SH-d {
    position: absolute;
    text-align: right;
    right: 100px;
    top: 30px;
}




@media screen and (min-width: 768px) and (max-width: 1200px) {
.text .pho img{
width:100%;
}
.text .pho{
float:left;
width:50%;
margin:20px;
}
.text .con{
float:left;
width:40%;
}

.cont{
margin:10% auto;
}

.qua01 {
    margin: 10% 5%;
  }

  .qua03 {
    margin: 10% 5%;
}

  .qua01-tab-td {
    padding: 0px 12px!important;
  }

}
@media screen and (min-width:320px) and (max-width:700px) {
	.mail_box .img{
		width:30%;
	}
	.mail_box .txt {
    width: 100%;
	}
	.mail_box,.mail_box2,.mail_box3 {
    width: 85%;
    margin: 5px 1%;
	}
	.text .con {
    width: 100%;
	}
	.text .pho {
    width: 100%;
		margin:0;
	}
	.text .pho img{
    width: 100%;
	}

	.ivs-SH-d {
    position: relative;
    text-align: left;
    right: 0;
    top: 0;
	}

	.table-responsive {
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
	}

	h2.ivs_h2 {
    margin-top: 75px;
	}


}
@media screen and (max-width:320px){
	.mail_box .img{
		width:30%;
	}
	.mail_box .txt {
    width: 100%;
	}
	.mail_box,.mail_box2,.mail_box3 {
    width: 85%;
    margin: 5px 0;
	}
}
@media screen and (max-width: 500px) {
	.table-responsive > .t.table{
		width: 190%;
	}
	.table-responsive > .t1.table{
		width: 400%;
	}
}

@media screen and (min-width: 1200px) and (max-width:1360px) {
.text .pho img{

    width: 90%;

}
.cont h1{
padding:0px;
}
}