@charset "utf-8";
/* CSS Document */
.cta-btn {
    float: right;
    padding-bottom: 0px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 28px;
}
.navbar.navbar-custom.navbar-fixed-top  {
	background: #fff;
}
.navbar-custom ul.nav li a {
	font-size: 13px;
	letter-spacing: 1px;
    color: #666;
	text-transform: uppercase;
	font-weight: 700;
	background: transparent;
}
#intro h1{
	line-height:1.5;
	font-size:45px; 
	color:#DEDEDE;
	font-family:DFT_MEVBDSG; 
	text-shadow: 0 1px 0 black, 0 -1px 0 black, 1px 0 0 black, -1px 0 0 black, -1px 1px 1px black, -1px 1px 1px black, -1px 2px 2px black; 
}
.intro_L{
	font-size:45px;
}
.intro_M{
	font-size:25px; 
	color:#FFF; 
	font-weight:900; 
	font-family:'微軟正黑體';
	text-shadow: 2px 2px 2px rgba(0,0,0,0.9); 
}
.intro_Line{
	color:#FFF; 
	letter-spacing:-8px; 
	font-size:36px;
}
.intro_S{
	font-size:18px; 
	line-height:1.5; 
	margin:0 80px; 
	text-align:left; 
	margin-top:30px;
	color:#FFF;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.9); 
	width:80%; 
	margin:0 auto;
}
.intro_bg{
	background-image:url(../img/rayhat.png); 
	background-repeat:no-repeat; 
	padding-bottom:20%; 
	background-position: center center; 
	min-width:761px; 
	margin:0 auto;

}
.btn-default {
    transition: background .3s ease-in-out;
}
.btn-default{
	background-color: #ffffff;
    border: 2px solid #9c27b0;
	color: #9c27b0 !important;
}
.btn-lg:hover {
    background-color: #9c27b0;
    border: 2px solid #9c27b0;
    color:#FFF !important;
}
#contact h1 { padding-bottom: 30px; }
#contact h1 span { border: solid 2px rgba(0,0,0,0.6); padding: 10px 15px; border-radius: 10px; }
#contact p { text-align: center; font-size: 18px; }

#contact .course, #contact .arrow{ float: left; margin: 2px;  }
.course { width:100%; height: auto; background: #FFF; border-radius: 10px; box-shadow: rgba(0,0,0,0.15) 0px 0px 8px 0px;  }
.course h2 { text-align: center; padding-bottom: 7px; font-weight: 600; font-size: 1.8em; }
.course ul { list-style: none; margin: 10px 10px 10px -58px; }
.course ul li { color: #FFF; padding: 6px;text-align:left;}

.arrow { width: 5%; min-height: 100px; text-align:left; font-size: 2em; padding-top: 50px;  }
.arrow_MOB { display: none; }
.Yellow ul li { background: rgb(14,21,58) 100%; color: #FFF; }
.Blue ul li { background: rgb(14,21,58) 100%;  }
.Orange ul li { background: rgb(14,21,58) 100%;  }

.course ul li:hover , #Content_C .course ul li:focus { background: #9c27b0; color: #FFF; transition: .10s linear;}
#contact a:hover { text-decoration:none !important;}
/* Team section css */
.team{
    color:#fff;
}

.team .single_team_content{
    margin-top:30px;
    transition: all .6s;
}


.team .single_team_content .single_team_img img{
    width:85%;
    transition: 0.6s;

}
.team .single_team_content .single_team_img{
    position: relative;

}
.team .single_team_content:hover .single_team_img img{
    transform: scale(1.05);


}
.team .single_team_content:hover .single_team_text_overlay{
    opacity: 1;
}
.team .single_team_content .single_team_text_overlay{
    position: absolute;
    left: 15%;
    top: 30%;
    background: rgba(255, 114, 0, 0.75);
    padding: 10px 20px;
    width:70%;
    opacity:0;
    transition: all 0.6s;
}
.team .single_team_content .single_team_text_overlay h4{
    margin-bottom: .0rem;
    display: inline-block;
}
.team .single_team_text_overlay .team_overlay_socail{
    margin-top:40px;
}
.team .single_team_content .single_team_text_overlay .team_overlay_socail a i{
    border:1px solid #fff;
    color:#fff;
    width:30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    display: inline-block;
    transition: all .6s;
}
.team .single_team_content .single_team_text_overlay .team_overlay_socail a:hover i{
    background: #fff;
    color:#ff7200;
}
/* 頁尾資訊*/
.footer-social{
	font-size:0.9em;
	letter-spacing:1px;
	color:#FFF;
	}
.footer-social ul{
	list-style-type:none;
	padding:0;
    }
.info{
	min-width:250px;
	display:block;
	margin-bottom:10px;
	}
.tel{
	float:left;
    }
.fax{
	float:left;
	padding-left:5%;
    }	
.copyright{
	font-size:0.8em;
	text-align:center;
	clear:both;
	color:#929292;
	}

/* 手機*/
@media (max-width:767px) {
	#intro h1{
	line-height:1.5;
	font-size:25px; 
	color:#FFF; 
	font-family:DFT_ZY7EFHMD; 
	text-shadow:1px 1px 0 #f96,-1px -1px 0 #f96,-1px -1px 0 #f96,  0 0 5px #fff, 0 0 40px #ff00de, 0 0 70px #ff00de;
    }
    .intro_L{
	font-size:30px;
    }
	.intro_M{
	font-size:25px; 
	color:#FFF; 
	font-weight:900; 
	font-family:'微軟正黑體';
	text-shadow: 2px 2px 2px rgba(0,0,0,0.9); 
    }
    .intro_Line{
	color:#FFF; 
	letter-spacing:-8px; 
	font-size:36px;
    }
.intro_S{
	font-size:18px; 
	line-height:1.5; 
	margin:0 80px; 
	text-align:left; 
	margin-top:30px;
	color:#FFF;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.9); 
	width:80%; 
	margin:0 auto;
}
	.intro_bg{
	background-image:url(../img/rayhat.png); 
	background-repeat:no-repeat; 
	padding-bottom:25%; 
	background-position: center center; 
	min-width:320px; 
	margin:0 auto;
    }
	.footer-social{
	letter-spacing:-0.5px;
	}
	.info{
	margin-top:5px;
	margin-bottom:23px;
	float:left;
	min-width:282px;
	}
	.copyright{
	text-align:left;
	padding:0 15px;
	text-align:justify;
	}
	
}
@media (max-width:480px) {
	/* 頁尾資訊*/
	.info{
	margin-top:0px;
	margin-bottom:10px;
	}
	.tel{
	width:100px;
	}
	
}