@charset "utf-8";
header {
	width: 100%;
	height: 350px;
	background-image: url(img/pic_00001.jpg);
	background-size: cover;
	background-position: center bottom;
}
body {
	padding: 0px;
	margin: 0px;
}
#title {
    width: 400px;
    padding-top: 60px;
    float: right;
    padding-right: 100px;
}
#main {
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	width: 960px;
	height: 600px;
}




h1 {
	background-color: rgba(255,46,136,0.73);
	color: rgba(255,255,255,1.00);
	font-family: brush-script-std;
	font-size: 50px;
	text-align: center;
	font-weight: 400;
	line-height: 2em;

}
#title p {
	font-family: "微軟正黑體", Arial, Lato, sans-serif;
	color: #414040;
	text-align: justify;
	background-color: rgba(255,255,255,0.83);
	padding-top: 30px;
	padding-right: 30px;
	padding-bottom: 30px;
	padding-left: 30px;
	margin-top: -33px;
	font-size: 10pt;
}
.item {
    width: 30%;
    height: 300px;
    color: rgba(255,255,255,1.00);
    font-family: "微軟正黑體", "Arial Black", sans-serif;
    text-align: center;
    background-color: rgba(134,134,134,1.00);
    border-radius: 5px;
    display: table;
    background-image: url(img/87535.ngsversion.1467253980417.adapt.1900.1.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    float: left;
    margin: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.item2 {
	width: 30%;
	height: 300px;
	color: rgba(87,87,87,1.00);
	font-family: "微軟正黑體", "Arial Black", sans-serif;
	text-align: justify;
	border-radius: 5px;
	float: left;
	margin: 15px;
	background-color: rgba(227,227,227,1.00);
	font-size: 14px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding: 20px;
	box-sizing: border-box;
	line-height: 1.6em;
}
.item h2 {
	font-size: 18px;
	display: table-cell;
	vertical-align: middle;
}

@media (min-width:1024px){
.item {
    background-image: url(img/%E5%BC%95%E8%9B%87%E5%87%BA%E6%B4%9E.png);
}
.item2 {
    background-color: rgba(240,175,28,1.00);
    color: rgba(255,255,255,1.00);
}
#title h1 {
}



}

@media (max-width : 767px ){
.item2 {
    width: 95%;
    height: auto;
    background-color: rgba(129,200,249,1.00);
    color: rgba(253,250,250,1.00);
}
#title {
    padding-top: 32px;
    margin: 0px auto;
    float: none;
}

.item {
    width: 95%;
    background-image: url(img/%E8%B1%86%E8%94%BB%E5%B9%B4%E8%8F%AF.png);
}
#main {
    width: 100%;
}



}

@media (min-width:768px) and (max-width:1023px){
.item {
    width: 40%;
    background-image: url(img/%E5%B1%8B%E5%A6%82%E4%B8%83%E6%98%9F.png);
}
.item2 {
    width: 50%;
    background-color: rgba(190,138,233,1.00);
    color: rgba(254,254,254,1.00);
}
#main {
    width: 100%;
}



}