body a{
	
    transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
	
}
input[type="button"]{
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}

h1,h2,h3,h4,h5,h6{
	padding:0 0;
	margin:0 0;
}
p{
	padding:0 0;
	margin:0 0;
	font-size:12px;
}
ul{
	padding:0 0;
	margin:0 0;	
}
body{
	padding:0 0;
	margin:0 0; 
	font-family: 'Roboto Condensed', sans-serif;
	width:100%;
	background: url("../images/back1.jpg");
	border:0px solid #F00;
}
.header{
	padding: 1.2em 0;
	OVERFLOW-X: hidden;
}
.logo{
 margin: 0 auto;
 width: 50%;
 border:#000 0px solid;
}
.logo img {
  width: 100%;
  border:#FF0 0px solid;
}


.top-menu{
	margin:0PX auto;
	text-align: center;
	margin-top: 1.1em;
	border:0px solid #F00;
	width:100%;
}
.top-menu ul li{
	display: inline-block;
	  padding-top: 5px;
	  border:0px solid #00F;
	  color:#F00;
	  
	  
	
}
.top-menu ul li a{

  
  font-size:18px;
  margin: 0 3em;
  text-decoration: none;
  text-transform: uppercase;
  color:#333;
  font-weight: 550;/*粗體*/
  border:0px solid #F00;
  
}

.top-menu ul a:hover {

  background-size:100% 100%;
  min-height:35px;
  padding-top:5px;
  color:#069;
  border:0px solid #F00;
}
.top-menu ul li.active {
  
	background:url("../images/back3.png") no-repeat 0px -2px;
	background-size:100% 100%;
  min-height:35px;
  border:0px solid #F0F;
  color:#F00;
 
}
.banner {
  border-top-left-radius: 1em;/*邊框弧度*/
  border-top-right-radius: 1em;/*邊框弧度*/
  margin:0px auto 0px auto  ;
  text-align:center;
  background: #eee;
  padding: 35px 35px;
  width:90%;
  border-top: 1px solid #d4d4d4;
  border-left: 1px solid #d4d4d4;
  border-right: 1px solid #d4d4d4;
   text-align: center;
  -webkit-box-shadow: 0 8px 6px -6px black;
  -moz-box-shadow: 0 8px 6px -6px black;
  box-shadow: 0 10px 18px -6px rgb(245, 245, 245);
}
.banner-info {
	background: url("../images/back2.jpg") no-repeat;
	border:0px solid #F00;
	text-align: center;
	background-size: cover;
	padding: 2em 0;
	height:500px;
	overflow:scroll;overflow-x:hidden;
	

}
.banner-info h2 {
  font-size: 50px;
  color:#036;
  text-transform: uppercase;
  font-weight: 600;
}
.banner-info p {
	font-size: 3.5em;
	color: #033;
	margin-bottom: 0.5em;
	  padding: 0 1em;
}
a.button {
  font-size: 1.3em;
  text-transform: uppercase;
  background: #6b4848;
  padding: 0.5em 0em;
  color: #fff;
  text-decoration: none;
  border-radius: 28px;
  position: relative;
  display: block;
  width: 22%;
  margin: 0 auto;
  border-bottom: 1px solid #fff;
  border-top: 1px solid #000;
  -ms-border-radius: 28px;
 -o-border-radius: 28px;
 -webkit-border-radius: 28px;
 -moz-border-radius: 28px;
}
a.button:hover {
  background: #fff;
  color: #000;
 }
a.button span {
   width: 55px;
  height: 55px;
  position: absolute;
  background: url("../images/rightarrow.png") no-repeat;
  top: 15px;
  right: -9px;
  display: block;
}
a.button span:hover {
  top: 15px;
}
p.text {
  font-size: 1.5em;
  font-weight: 600;
  margin: 1em 0;
}
p.text a {
  font-size: 0.85em;
  font-weight: 400;
  color: #9e9e9e;
  text-decoration: none;
}
a.button1 {
  font-size: 1.3em;
  text-transform: uppercase;
  background: #f5f5f5;
  padding: 0.6em 1.5em;
  color: #9e9e9e;
  text-decoration: none;
  border-radius: 28px;
  -o-box-shadow: 0 8px 6px -6px black
  -webkit-box-shadow: 0 8px 6px -6px black;
  -moz-box-shadow: 0 8px 6px -6px black;
  box-shadow: 0 10px 18px -6px rgb(245, 245, 245);
    border-top: 1px solid#A39B9B;
    -ms-box-shadow: 0 8px 6px -6px black;
    -ms-border-radius: 28px;
 -o-border-radius: 28px;
 -webkit-border-radius: 28px;
 -moz-border-radius: 28px;
}
#text{
	
	width:100%;
	vertical-align:middle;
	border:0px solid #00F;
	}
.text0{
	margin:auto;
	margin-bottom:10px;
	width:90%;
	height:auto;
	font-size:22px;
	color:#FF4500;
	border:0px solid #F00;
	line-height:40px;
	font-weight: 600;
	font-family: verdana, Times New Roman, 微軟正黑體;
	}
.text2{
	width:90%;
	text-align:left;
	height:auto;
	font-size:16px;
	line-height:30px;
	color:#333;
	border:0px solid #0F0;
	font-family: verdana, Times New Roman, 微軟正黑體;
	margin:auto;
	}
	
.text2  li{
	list-style-type: decimal;
	list-style-position: inside;
	text-align:left;
	width:98%;
	height:auto;
	font-size:16px;
	line-height:30px;
	color:#415E7D;
	border:0px solid #00F;
	font-family: verdana, Times New Roman, 微軟正黑體;
 	text-indent :-27px;
	padding-left:50px;
	}


	.text3{
	width:90%;
	text-align:left;
	height:auto;
	font-size:16px;
	line-height:30px;
	color:#415E7D;
	border:0px solid #0F0;
	font-family: verdana, Times New Roman, 微軟正黑體;
	margin:auto;
 	text-indent :-27px;
	padding-left:50px;
	}
	





@media(max-width:1024px){

.banner-info h1 {
  font-size: 6em;
}
.banner-info p {
  font-size: 2.8em;
}
a.button {
  font-size: 1.2em;
}
a.button span {
  right: -21px;
    top: 13px;
}
a.button span:hover {
  top: 13px;
}
p.text {
  font-size: 1.3em;
}
p.text a {
  font-size: 0.9em;
}
a.button1 {
  font-size: 1.2em;
}

p.text1 {
  font-size: 1.15em;
  margin-top: 1em;
}
}


/**頁尾字體**/
.footer-bottom p {
  width:100%;
 text-align:center;
  font-size: 14px;
  font-weight: 500;
  color: #4F4C4C;
  border:0px solid #F00;
  	font-family: verdana, Times New Roman, 微軟正黑體;
  
}
.footer-bottom a {
	font-size: 19px;
	color: #6b4848;
	font-weight: 400;
	text-transform: capitalize;
}


.footer-bottom a:hover {
	color: #d5d6d7;
}
.footer-bottom p a {
	margin: 0 6px 0 6px;
}

/*-- 頁尾位置 --*/
.portfolio-section {
	width:100%;
	border:0px solid #39F;
  margin-top: 2.8em;
  background: #eee;
  border-top: 1px solid #d4d4d4;
  border-left: 1px solid #d4d4d4;
  border-right: 1px solid #d4d4d4;
    padding: 10px 20px 5px 50px; 
   -o-box-shadow: 0 8px 6px -6px black
  -webkit-box-shadow: 0 8px 6px -6px black;
  -moz-box-shadow: 0 8px 6px -6px black;
  box-shadow: 0 10px 18px -6px rgb(245, 245, 245);
   -ms-box-shadow: 0 8px 6px -6px black;
   
}
#portfoliolist .portfolio {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
   width: 30.3%;
  display: none;
  float: left;
  overflow: hidden;
    margin: 1% 3% 0% 0;
}
.portfolio-wrapper {
	overflow:hidden;
	position: relative !important;
	cursor:pointer;
	margin:0em 0em;
	padding:0em 0em;
}

/*老師簡介*/


#profile_mainall1
{

  width:100%;
  height:auto;
  background:none;
  float:left;
  border:0px solid red;
  margin:0px;
}

#pro-pic/*照片*/
{
width:45%;
border:0px solid #ccc;
float: left; 
margin-right:10px;
margin-left:10px;
display: inline-block;
	position: relative;
}

#pro-pic img
{
vertical-align : middle;/*照片置中*/
text-align:right;
max-width:430px; max-height:430px; scale:expression((this.offsetWidth > this.offsetHeight)?(this.style.width = this.offsetWidth >= 430 ? "430px" : "auto"):(this.style.height = this.offsetHeight >= 430 ? "430px" : "auto")); display:inline !important;
}

.name
{
	font-family: verdana, Times New Roman, 微軟正黑體;
	font-weight:bold;
	float:left;
	font-size:20px;
	color:#000; 
	margin-top:10px;
	border:0px solid #F00;
	width:100%;
	vertical-align:bottom;
}

#profile_mainall2
{
  border:0px solid #000;
	width:52%;
	float:right;
	margin:0px auto; 
	text-align:left;
  line-height:2em;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}


.abgne_tab {/*老師右邊文字含頁籤*/
	border:0px solid #00F;
	clear: left;
	width:100%;
	float:right;
	text-align:left;
	
}
ul.tabs {
	margin:0px;
	height: 32px;
	font-size:16px;
	font-family: verdana, Times New Roman, 微軟正黑體;
	
}
ul.tabs li { /*頁籤字*/
	float: left;
	height: 31px;
	line-height: 31px;
	overflow: hidden;
	position: relative;
	font-size:16px;
	
	/* 讓 li 往下移來遮住 ul 的部份 border-bottom */
	border: 0px solid #999;
	border-left: none;
	font-family: verdana, Times New Roman, 微軟正黑體;
	
}
ul.tabs li a {
	display: block;
	padding: 0 20px;
	color: #000;
	border: 0px solid #FF0;
	text-decoration: none;
	font-family: verdana, Times New Roman, 微軟正黑體;
	
}
ul.tabs li a:hover {
	background: #ccc;
	font-weight:400;
}
ul.tabs li.active {
	background: #FFF;
	color:#033;
	filter:alpha(opacity=30);-moz-opacity:0.3;opacity:0.5; -khtml-opacity: 0.3;
	border-bottom: 0px solid #fff;
	font-family: verdana, Times New Roman, 微軟正黑體;
	
		}
ul.tabs li.active a:hover {
	background: #fff;
}

div.tab_container .tab_content {
	padding-top:10px;
	padding-left:20px;
	padding-right:10px;
	border:0px solid #F00;
}
.tab_content  p{
	list-style-type: decimal;
	list-style-position: inside;
	text-align:left;
	text-indent:-15px;
	width:100%;
	height:auto;
	font-size:16px;
	line-height:25px;
	color:#666;
	border:0px solid #00F;
	font-family: verdana, Times New Roman, 微軟正黑體;
	
 	
	}
.tab_content  li{
	list-style-type: decimal;
	list-style-position: inside;
	text-align:left;
	width:100%;
	height:auto;
	font-size:16px;
	line-height:25px;
	color:#666;
	border:0px solid #00F;
	font-family: verdana, Times New Roman, 微軟正黑體;
	word-wrap: break-word; word-break: normal; 
 	
	}



/*學生*/


#profile_mainall00
{
 border:0px solid blue;
 width:100%px;
 height:auto;
 margin-left:20px;
 margin-right:20px;
 margin-top:20px;
 float: left;
 color:#303030;
}

#profile_mainall3/*照片*/
{
width:25%;
padding-right:10px;
border:0px solid #ccc;
float: left; 
margin-right:5px;
margin-left:5px;
display: inline-block;
	position: relative;
}

#pro-pic2
{
  margin-bottom:10px;
  width:100%;
  height:200px;
  float:left;
  padding-left:20px;
  border:0px solid #F00;
text-align:right;
	
}


#pro-pic2 img
{
vertical-align : middle;/*照片置中*/
text-align:right;
max-width:175px; max-height:180px; scale:expression((this.offsetWidth > this.offsetHeight)?(this.style.width = this.offsetWidth >= 175 ? "175px" : "auto"):(this.style.height = this.offsetHeight >= 180 ? "180px" : "auto")); display:inline !important;
}

#profile_mainall4/*照片旁文字全部*/
{
 	border:0px solid #0F0;
	width:70%;
	float: left;
	text-align:left;
  line-height:2em;
  font-size:14px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}


.stud
{
	padding-top:5px;
	height:200px;
	float:left;
	vertical-align:top;
	width:100%;
	border:0px solid #00F;
	margin:0 auto;
  margin-bottom:10px;
}

.stud p
{
	line-height:25px;
	font-size:16px;
	border:0px solid #03C;
	color:#666;
	font-family: verdana, Times New Roman, 微軟正黑體;
}

#profile_mainall5
{
  width:100;
  background:none;
  float:left;
  text-align:left;
  border:1px solid #00F;
  margin:0px;
 
}
#pro-pic3
{
  padding-top:10px;
  width:auto;
  float:left;
  padding-left:20px;
  padding-right:20px;
  border:0px solid #F00;
  text-align:center;
}


#pro-pic3 img
{
vertical-align : middle;/*照片置中*/
max-width:175px; max-height:175px; scale:expression((this.offsetWidth > this.offsetHeight)?(this.style.width = this.offsetWidth >= 175 ? "175px" : "auto"):(this.style.height = this.offsetHeight >= 175 ? "175px" : "auto")); display:inline !important;
}