@charset "utf-8";


body {
  margin: 0px;
  padding: 0px;
  background: #FFFFFF;
  font-family: 'Noto Sans TC', sans-serif;
  font-size: 11pt;
  color: #000000;
	}
.header{
	width:100%;
	height: 80px;
	float:left;
	background-color: #dcdddd;
}
.footer{
	width:100%;
	height: 50px;
	text-align: center;
	background-color: #97d3d3;
	float:left;
	padding: 10px 0 0 0;
}
.banner-index{
	width:100%;
	height: 110px;
	float:left;
	background-image: url(../Images/banner.jpg);
	padding: 5px 0 5px 0;
}
.ch-wd{
	width:100%;
	float:left;	
	font-size: 22pt;
	color: #f8b62d;
	font-weight: bold;
}
.title-box{
	width:100%;
	height: 35px;
	float:left;	
	text-align: center;
	font-weight: bold;
	color: #FFFFFF;
}
.title-2{
	width:100%;
	height: 25px;
	float:left;	
	background-color: #604c3f;
	padding: 5px 0 0 0;
}
.list-all{
	width:100%;
	float:left;	
	border-bottom: 1px #786eaa dashed;
	padding: 10px 0 5px 0;
}
.list-1{
	width:100%;
	float:left;	
	font-weight: bold;
	font-size: 14pt;
}

.list-1 a:link {
	color: #6b48a3; 
	display: block; 
	}
.list-1 a:visited {
	color: #6b48a3; 
	display: block;
	}
.list-1 a:hover {
	color:  #7d73b4;
	display: block; 
	}
.banner-wd{
	width:100%;
	float:left;	
	text-align:center;
}
/*英語村*/
.top-logo img{
	width:100%;
	float:left;	
}
.top-pic img{
	width:100%;
	float:left;	
	border-radius:15px;
}
.photo-box{
	width:100%;
	float:left;	
}
.photo-box-three{
	width:100%;
	float:left;	
}

@media screen and (min-width: 1366px) {
.banner{
	width:100%;
	height: 110px;
	float:left;
	background-image: url(../Images/banner.jpg);
	padding: 5px 0 5px 0;
}
.logo{
    margin:15px 0 15px 15px; 
	float:left;	
}
.line-wd{
	width:6%;
	height: 5px;
	float:left;	
	background-color: #f8b62d;
    margin: 0 47% 0 47%;
}
.en-wd{
	width:100%;
	float:left;	
	color: #ffffff;
	font-size: 30pt;
    font-family: 'Caveat', cursive;
    font-family: 'EB Garamond', serif;
}
.right-box{
	width:40%;
	float:left;	
    margin: 1% 30% 2%  30%;
}
/*英語村*/
.top-box{
	width:90%;
	float:left;	
	padding: 2% 5% 2% 5%;
}
.top-logo{
	width:70%;
	float:left;	
	padding: 0 15% 0 15%;
}
.top-wd{
	width:48%;
	float:left;	
	font-weight: bold;
	margin: 0 2% 0 0;
}
.top-wd-en{
	float:left;	
	color: #40220f;
	font-size: 16pt;
	margin: 10px 0 0 0;
}
.top-wd-ch{
	float:left;	
	color: #171c61;
	font-size: 16pt;
	margin: 10px 0 0 0;
}
.top-pic{
	width:50%;
	float:left;	
}
.photo{
	width:33.33%;
	float:left;	
}
.photo img{
	width:100%;
	float:left;	
}
}
@media only screen and (min-width: 751px) and (max-width: 1365px) {
.banner{
	width:100%;
	height: 110px;
	float:left;
	background-image: url(../Images/banner.jpg);
	padding: 5px 0 5px 0;
}
.logo{
    margin:15px 0 15px 15px; 
	float:left;	
}
.line-wd{
	width:10%;
	height: 5px;
	float:left;	
	background-color: #f8b62d;
    margin: 0 45% 0 45%;
}
.en-wd{
	width:100%;
	float:left;	
	color: #ffffff;
	font-size: 30pt;
    font-family: 'Caveat', cursive;
    font-family: 'EB Garamond', serif;
}
.box{
	width:65%;
	float:left;	
}
.right-box{
	width:86%;
	float:left;	
    margin: 2% 7% 0  7%;
}
/*英語村*/
.top-box{
	width:90%;
	float:left;	
	padding: 2% 5% 2% 5%;
}
.top-logo{
	width:70%;
	float:left;	
	padding: 0 15% 0 15%;
}
.top-wd{
	width:48%;
	float:left;	
	font-weight: bold;
	margin: 0 2% 0 0;
}
.top-wd-en{
	float:left;	
	color: #40220f;
	font-size: 16pt;
	margin: 10px 0 0 0;
}
.top-wd-ch{
	float:left;	
	color: #171c61;
	font-size: 16pt;
	margin: 10px 0 0 0;
}
.top-pic{
	width:50%;
	float:left;	
}
.photo{
	width:33.33%;
	float:left;	
}
.photo img{
	width:100%;
	float:left;	
}
.box{
	width:90%;
	float:left;	
	margin: 3% 5% 50px 5%;
}
}
@media screen and (max-width: 750px){
.banner{
	width:100%;
	height: 110px;
	float:left;
	background-image: url(../Images/banner.jpg);
	padding: 5px 0 5px 0;
	display: none;
}
.logo{
	width:100%;
	float:left;	
	margin:15px 0 0 0; 
}
.logo img{
	margin:0px auto;
	align :center;
	display:block;
}	
.line-wd{
	width:24%;
	height: 5px;
	float:left;	
	background-color: #f8b62d;
    margin: 0 38% 0 38%;
}
.en-wd{
	width:100%;
	float:left;	
	color: #ffffff;
	font-size: 22pt;
    font-family: 'Caveat', cursive;
    font-family: 'EB Garamond', serif;
}
.box{
	width:90%;
	float:left;	
	margin: 3% 5% 0 5%;
}
.right-box{
	width:100%;
	float:left;	
	margin: 2% 0  0  0;
}

/*英語村*/
.top-box{
	width:96%;
	float:left;	
	padding: 2% 2% 2% 2%;
}
.top-logo{
	width:70%;
	float:left;	
	padding: 0 15% 0 15%;
}
.top-wd{
	width:100%;
	float:left;	
	font-weight: bold;
}
.top-wd-en{
	float:left;	
	color: #40220f;
	font-size: 13pt;
	margin: 10px 0 0 0;
}
.top-wd-ch{
	float:left;	
	color: #171c61;
	font-size: 13pt;
	margin: 10px 0 0 0;
}
.top-pic{
	width:100%;
	float:left;	
	margin: 10px 0 0 0;
}
.photo{
	width:96%;
	float:left;	
	padding: 2%;
}
.photo img{
	width:100%;
	float:left;	
	border-radius:15px;
}
}