@charset "utf-8";
/* CSS Document */

@import url(reset.css);

h1{
	font-family:"微軟正黑體", "LiHei Pro", "新細明體", sans-serif;
	font-size:28px;
	text-align:center;
	padding:20px 0;
	border-bottom:1px solid #e1e1e1;}

.wrap{
	width:1160px;
	margin:0 auto;}

.telBox{
	padding:30px 0;
	background:#E4E4E4;
	box-shadow: inset 0 5px 10px #ccc;}

.telBox h2{
	font-family:"微軟正黑體", "LiHei Pro", "新細明體", sans-serif;
	font-size:18px;
	font-weight:normal;
	text-align:center;}

.telBox h2 a{
	color:#D74142;}
.telBox h2 a:hover{
	text-decoration:underline;}

.telBox h3{
	font-family:"微軟正黑體", "LiHei Pro", "新細明體", sans-serif;
	font-size:25px;
	font-weight:normal;
	text-align:center;}

.telBox .btn{
	margin-top:15px;
	text-align:center;}

.telBox .btn a{
	display:inline-block;
	padding:10px 20px;
	background:#D74142;
	font-family:"微軟正黑體", "LiHei Pro", "新細明體", sans-serif;
	font-size:14px;
	color:#FFF;
	border-radius:4px;}

.telBox .btn a:hover{
	background:#AF2829;}

.rwdList{
	background:#f1f1f1;
	border-bottom:1px solid #e1e1e1;}

.rwdList .wrap{
	padding:30px 0;}

.rwdList .wrap > h2{
	display: inline-block;
	font-family: "微軟正黑體", "LiHei Pro", "新細明體", sans-serif;
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 15px;
	text-align: center;
	background: #A8C242;
	color: #FFF;
	padding: 10px;
	border-radius: 0 10px 0 10px;}

.rwdList ul{}

.rwdList ul li{
	float:left;
	width:33.33%;
	padding:20px;
	box-sizing:border-box;}

.rwdList ul li h2{
	font-family:"微軟正黑體", "LiHei Pro", "新細明體", sans-serif;
	font-weight:normal;
	font-family:"微軟正黑體", "LiHei Pro", "新細明體", sans-serif;
	font-size:18px;}

.rwdList ul li h2 a{
	color:#217CA7;}

.rwdList ul li h2 a:hover{
	text-decoration:underline;}

ul.linkList{}

ul.linkList li{
	float:left;
	width:33.33%;
	font-family:Arial, Helvetica, sans-serif;
	padding:20px;
	font-size:13px;
	color:#999;
	box-sizing:border-box;}

ul.linkList li a{
	display:block;
	font-family:"微軟正黑體", "LiHei Pro", "新細明體", sans-serif;
	font-size:18px;
	color:#217CA7;}

ul.linkList li a:hover{
	text-decoration:underline;}

@media (max-width: 1160px){
	.wrap{
		width: 100%;}
}

@media (max-width: 767px){
	.rwdList ul li{
		float:none;
		width:100%;}
	
	ul.linkList li{
		float:none;
		width:100%;}
}