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


*{
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
    -webkit-box-sizing:border-box;
	

	list-style:none;
}



body {
	margin:0;
	padding:0;
	font-family:'微軟正黑體',Arial, Helvetica, sans-serif;
	text-align: center;
	
}
table{
	max-width:1200px;
	text-align: center;}
.footer{
	color:#FFF;}
.footer a:link{
	text-decoration:none;
	color:#FFF;}
.footer a:visited{
	text-decoration:none;
	color:#FFF;}
.TOP-WEB a{
	text-decoration:none;
	color:#000000;}
.add {
	font-size: 16px;
	color: #FF9;
	background-color: #000;}
.add2 {
	font-size: 15px;
	color: #FFF;
	background-color: #000;}
.add3 {
	font-size: 20px;
	color: #FF3;
	text-decoration: blink;
	background-color: #000;}

.wrapper{
	width:100%;
	padding:2% 0;
	position:relative;}
.content{
	max-width:1200px;
	margin:0 auto;
	}	
.notice{
	width:270px;
	position:absolute;
	top:-17%;
	right:28%;
	z-index:10;}
.course{
	list-style:none;
	padding:0;
	margin:0;}
.course li{
	width:49%;
	display:inline-block;
	padding:1%;}
.course li img{
	max-width:500px;}

.content .flexslider{}
h3{
	color:#036EB8;
	font-size:32px;}	

a img{
	transition:.5s;}
a img:hover{
	transform:scale(0.95,0.95);}


/* ==刊頭== */

.head{
	width:100%;
    height:auto;
	background-color:#fff;
	  background-image:url("../images/b-02.png");
	background-attachment: fixed;
	position: relative;
	background-repeat: no-repeat;
	margin:0 auto;
	padding:0;
	text-align:center;
	}

.chance{padding:60px calc((100% - 1200px)/2);text-align: center;}


.chance ul{display: flex;margin:50px 0;}
.chance ul li{width: 30%;}
.chance ul img{width: 100%;}

.contentoutside{width:100%;
	background-color: #F2986E;
		background-attachment: fixed;
	position: relative;
	background-repeat: no-repeat;
	  background-image:url("../images/b-03.png");
}


.content{
	width:100%;
	max-width:1200px;
	margin:0 auto;
	padding:0;
	text-align:center;}

.bnt{	
	width:100%;	max-width:1200px;
  margin:0 auto;
	padding:0;
    font-family:'微軟正黑體', Arial, Helvetica, sans-serif;
	text-align:center;
    
}


.bnt li {width:33%;float: left;
	display:inline-block;
    margin:1% auto;
    padding:1% 1%;transition:0.5s;
	text-decoration:none;}

.bnt li:hover{
	transform:scale(0.95,0.95);}



/*圖片切換*/
.pic{
	width:100%;
	margin:0 auto;
	padding:0;
	
	text-align:center;}
	
.pic-m{
	width:0;
	height:0;
	overflow:hidden;}

.main02{text-align: center;width: 1100px;margin: 0 auto;}


.button_slide {
	width:80%;
  background-color:background: -webkit-linear-gradient(90deg, rgb(249, 241, 114), rgb(58, 188, 210));
background: linear-gradient(90deg, rgb(249, 241, 114), rgb(58, 188, 210));
;
  text-align:center;
  padding: 1%;
  display: inline-block;
  font-size:38px;
  letter-spacing: 1px;
  cursor: pointer;
  box-shadow: inset 0 0 0 0 #178EB6;
  -webkit-transition: ease-out 0.4s;
  -moz-transition: ease-out 0.4s;
  transition: ease-out 0.4s;
  border-radius:30px;
  font-weight:bold;
  margin:2% 1% 10% 1%;	font-family:'微軟正黑體',Arial, Helvetica, sans-serif;
	
}
.slide_right:hover {
  box-shadow: inset 400px 0 0 #178EB6;
  color:#000;
  
}
.slide_right a{  color:#000;
	display:block;
	text-decoration:none;
	}
/* 留單用 */
.Stay{ width:100%; height:auto; text-align:center; margin:1% auto; font-size:30px; color:#003399; max-width:980px; }

/*------------手機板---------------*/
@media screen and (max-width:767px){
.notice{
	width:135px;
	position:absolute;
	top:-10%;
	right:5%;
	z-index:10;}
.course li{
	width:96%;
	display:inline-block;
	padding:1%;
	margin:2%;}
.course li:nth-child(1),.course li:nth-child(2){
	width:96%;}
h3{
	font-size:24px;}	
	
.main02{width: 98%;}

/* ==刊頭== */

	
	
.bnt{	
	width:100%;	
  margin:0 auto;
	padding:0;
    font-family:'微軟正黑體', Arial, Helvetica, sans-serif;
	text-align:center;
    
}


.bnt li {width:80%;float: left;
	text-align:center;

    margin:1% 5%;
    padding:1% 2%;transition:0.5s;
	}

.bnt li:hover{
	transform:scale(0.95,0.95);}
/*圖片切換*/
.pic{
	width:0;
	height:0;
	overflow:hidden;}
.pic-m{
	overflow:visible;
	display:block;
	width:100%;
	height:auto;
	margin:0;}

.button_slide {
	width:80%;
  background-color:
background: -webkit-linear-gradient(90deg, rgb(249, 241, 114), rgb(58, 188, 210));
background: linear-gradient(90deg, rgb(249, 241, 114), rgb(58, 188, 210));
;
  text-align:center;
  padding: 1%;
  display: inline-block;
  font-size:32px;
  letter-spacing: 1px;
  cursor: pointer;
  box-shadow: inset 0 0 0 0 #178EB6;
  -webkit-transition: ease-out 0.4s;
  -moz-transition: ease-out 0.4s;
  transition: ease-out 0.4s;
  border-radius:30px;
  font-weight:bold;	font-family:'微軟正黑體',Arial, Helvetica, sans-serif;
  margin:2% 1% 8% 1% ;
	
}
.slide_right:hover {
  box-shadow: inset 400px 0 0 #097789;
  color:#000;
  
}
.slide_right a{  color:#000;
	display:block;
	text-decoration:none;
	}
/* 留單用 */
.Stay{ width:100%; height:auto; text-align:center; margin:1% auto; font-size:16px; color:#003399; max-width:100%; }
    
	}