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

/*==========共同區===========================*/
*{ -webkit-box-sizing:border-box;
   -moz-box-sizing:border-box;
   -ms-box-sizing:border-box;
   box-sizing:border-box;
   outline: none;
   }
body{ margin:0;
      padding:0;
	  font-size:15px;
	  font-family:"微軟正黑體", Arial, Helvetica;
	  background-color: ;
	  }
h1,h2,h3,h4{ margin:0; padding:0;}
ul{ margin:0; padding:0; list-style:none;}
img{ border: 0;}

.wrapper{width: 1000px; margin: 20px auto 40px;}

.slideA .content div{ 
	height: 250px;
	padding: 40px;
	margin: 10px;
	background-color: #FFFFFF;
	font-size: 1.1em;
	line-height: 1.5;
}
.slideA .content h3{ font-size: 1.5em; color: #ff72bb;line-height: 1.2;}

.slideB .content div{
	height: 200px;
	padding: 30px;
	margin: 10px;
	background-color: #FFFFFF;
	font-size: 1.05em;
	line-height: 1.5;
}
.slideB .content h3{ color: #ff72bb; line-height: 1.2;}

.slideC{ padding: 10px; }
.slideC img{width: 100%;}

.rwd .content div{
	height: 250px;
    padding: 25px;
	margin: 10px;
	background-color: #FFFFFF;
	font-size: 1em;
	line-height: 1.5;
}
.rwd .content h3{ color: #ff72bb; font-size: 1.05em; line-height: 1.2;}



/*==========平板裝置==============================================================*/
@media ( max-width:768px ) {
.wrapper{width: 100%; margin: 20px auto 40px;}	
.slideB .content div{
	height: 230px;
	padding: 25px;
    }
.rwd .content div{
	height: 200px;
	padding: 20px;
	}	
	
}




/*==========行動裝置==============================================================*/
@media ( max-width:600px ){

.slideA{ width: 100%; }
.slideA .content div{ 
	height: 380px;
	padding: 25px;
	margin: 10px;
	background-color: #FFFFFF;
	font-size: 1em;
}
.slideA .content h3{ font-size: 1.3em; }	
.slideB{ width: 100%; }
.slideB .content div{ 
	height: 350px;
	padding: 20px;
	font-size: 1.05em;
    }
.slideA .content h3{ font-size: 1.2em; }		
.slideC{ width: 100%; }
.rwd{ width: 100%; }	
	
	}