.contentBase { background: url(../images/background_header.jpg) #fef3f0 top center no-repeat; }
.contentBase .header { height: 590px }

h1 img { display: none; }

.contentArea { padding-bottom: 5%; background: #ffadc6; }
h2 { margin-bottom:1%; font: bold 40px/1.2em "arial","微軟正黑體";text-align: center; color: #fef3f0; letter-spacing: 10px; }

.box2 { margin: 0 auto; width: 90%; max-width: 1440px; }
.box2 > div { display:  inline-block; position: relative; margin: 0 1% 1%; padding: 1%; width: 46%;min-height: 200px;
 letter-spacing: normal; background:#fef3f0; transition:.5s ; box-shadow: 20px 20px 20px #e47597; border-radius: 20px;}

.box2 > div:hover { transform: scale(1.05); box-shadow: 20px 20px 40px #e47597; border-radius: 0; }

.box2 > div::after { content: "下載DOWNLOAD" ; position: absolute; bottom: 0; left:0; padding: 1% 0; width: 100%;
font: 16px/1em "arial","微軟正黑體";text-align: center; color: #fef3f0; letter-spacing: 1px; background:#670284; }

.box2 div h3 { font: bold 26px/1.2em "arial","微軟正黑體";text-align: center; color: #ffadc6; letter-spacing:1.5px; transition:.5s  }
.box2 div:hover h3 { color:#670284  } 

.box2 div p {  font: 16px/1.6em "arial","微軟正黑體";text-align: left; color: #555; letter-spacing: 1px; }

.contentBox2 { margin-bottom: 5%; }
.contentBox2 > div { display: inline-block; }
.contentBox2 div.text { width: 70%; }
.contentBox2 div.pic { width: 30%; }
.contentBox2 div.pic img { width: 100%; }


@media only screen and (max-width: 1440px) {
.contentBase { background: #fef3f0 ; }	
.contentBase .header { margin: 0; height: auto; padding-left: 0; padding-right: 0; }	
h1 { width: 100%; }
h1 img { display: block; width: 100%; }
}

@media only screen and (max-width: 768px) {
.box2 > div { display:  block; position: relative; margin: 5% 0%; padding: 5% 5% 5% 5%; width: 100%; }

.contentBox2 > div { display: block; }
.contentBox2 div.text { width: 100%; }
.contentBox2 div.pic { margin-top: 5%; width: 100%; }
.contentBox2 div.pic img { width: 100%; }


}