/*
Author: hua 2016
Version: 1.1
Text Domain: twentysixteen
*/

*{
	margin:0px;
	padding:0px;
}

img{
	max-width:100%;
	height:auto;
}
a{
	text-decoration:none;
	color: #e20040;
}
a:hover{
	text-decoration:none;
	color: #e20040;
}
body{
	font-family:'Microsoft JhengHei';
	font-size: 14px;
}
.clear{
	clear:both;
}

ul{
	list-style-type: none;
}
.container-box{
	max-width:1200px;
	margin:0 auto;
}



.banner-inner-box{
	max-width:1200px;
	margin:0 auto;
	
}

.content-box{
	background:url('images/bg_innerpage.png');
	min-height:485px;
	padding:5px;
}
.content-area{ 
	max-width: 1200px;
	margin: 0 auto;
	padding:5px;
	word-wrap: break-word;
}
.red-line{ 
	border-bottom:8px solid  #e20040; 
}
/*header*/
	
	.header{
		background-image:url('images/header_bj.png');
		background-position:center;
		background-repeat:no-repeat;
		height:127px;
	}

	
	.logo{
		padding: 25px 10px 0px 30px;
	}
	div.menu{
		
		width: 100%;
		margin: 0 auto;
	}

	
	
/*menu*/
.menu {
	background:#ffb71c;
}
.menu-area{
	padding-left: 25px;
}
.gl-menu {
	list-style-type: none;
	font-size: 18px;
	font-family:'Microsoft JhengHei';
}
.gl-menu li {
	float: left;
	list-style-type: none;
    text-align: center;
	position:relative;
	
	
}
.menu-txt-color{
	text-align:center;
	color:#e44815;
}

.gl-menu li:last-child{

}


.gl-menu li a {
	font-weight:normal;
	color:#FFF;
	display: inline-block;
	text-align: center;
	margin-left:0px;
	margin-right:0px;
	padding: 8px 25px ;
	width:100%;
	border-bottom: 3px solid #ffb71c ;
	-webkit-transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
	-moz-transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
	-o-transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
	transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
}

.gl-menu li a:hover {
	border-radius:2px;
	border-bottom: 3px solid #c67f00;

	
}

.gl-menu .li-hover a {
	background:#fff;
	color:#fd618b;
	border-top-left-radius:2px;
	border-top-right-radius:2px;
}




.gl-menu li .sub-menu {
	display: none;
	position: absolute;
	z-index: 999;
	background:#ffb71c;
	text-align:left;
	min-width:100px;
	border-top-right-radius:2px;
	border-bottom-left-radius:2px;
	border-bottom-right-radius:2px;
}
.gl-menu li .sub-menu li {
	float: none;
	margin-right:0px;
	padding-top:2px;
	padding-bottom:2px;
	min-width:122px;
	position:relative;
	text-align:left;
}



 .gl-menu li .sub-menu li .sub-menu {
	position: absolute;
	z-index: 999;
	top:0px;
	left:110px;
 }



.gl-menu .menu-item a:hover{
	text-decoration:none;
}
.gl-menu .sub-menu a:hover{
	text-decoration:underline;
	border-bottom: 3px solid #ffb71c;
	
}
.gl-menu  .sub-menu li a {
	font-weight: blod;
	
	text-align: left;
	margin-top:2px;
	margin-bottom:2px;
	padding-top:0px;
	padding-bottom:0px;
	white-space:nowrap;
}

.phone-menu-box{
	display:none;
}


/* index */

   .content-index{
		background-image:url('images/bg.png');
		background-size:100%;
		position: relative;
	}
	.entry-header h1{ 
			color: #0d1431;  
	}
	.content-area.index{
		width: 100%;
		margin: 0 auto;
		
			
		padding: 25px;
		
	}

	.home_schools_list {
	    position: relative;
		padding-top:30px;
		padding-bottom:15px;
	}
	
	.home_schools_list .school-item-box{
		border: 10px solid #feb81c;
		border-radius:10px;
		font-size:16px;
		background:#fff;
		position:relative;
		
	}
	.school-item-box-title{
		position:absolute;
		top:-35px;
		left:-35px;
	}
	.school-item-box .txt-cn{
		padding-top:8px;
		text-align:center;
		color:#767676;
	}
	.school-item-box .txt-cn a{
		
		color:#767676;
	}
	.school-item-box .txt-en{
		text-align:center;
		color:#e0693f;
	}
	.school-item-box .txt-en a{
		color:#e0693f;
	}
	
	.school-item-box a:hover{
		text-decoration:underline;
	}
	
	
	.home_schools_list .school-item a {
	    text-align: center;}
	.home_schools_list .school-item a .school-item_title {
		position: absolute; width: 100%;border-top: 8px solid #fff;background: #fff;text-align: center;font-size: 22px;line-height: 24px;padding: 20px 0 30px 0;font-weight: bold;z-index: 10;
		}
	.home_schools_list .school-item a .school-item_more {position: absolute;left: 50%;margin-left: -35px;top: 57px;z-index: 10;width: 70px;height: 70px;-moz-border-radius: 35px;-webkit-border-radius: 35px;border-radius: 35px;text-align: center;font-size: 16px;line-height: 70px;color: #fff;font-weight: bold;}
	
	.home_schools_list .school-item a img {display: block;max-width: 100%; }
	
	
	
	.latest-news-box{
		min-height: 330px;
		width: 100%;
		margin: 0 auto;
		padding: 5px;
		border: 3px solid #ffb71c ;
		border-bottom-left-radius:5px;
		border-bottom-right-radius:5px;
	}	
	.latest-news-top{
		background:#ffb71c;
		border-top-left-radius:5px;
		border-top-right-radius:5px;
	}
	.latest-news-top span.title{padding-left:15px;color:#FFF;font-weight:bold; font-size:35px;}
	.latest-news-top span.title a{
		color:#fff;
	}
	.latest-news-top span.title a:hover{
		text-decoration: underline;
	}
	.latest-news-top span.title-news{float: left;color:#ec6e3e;font-weight:bold; font-size:35px;padding-left:10px;}
	.latest-news-top span.more{float: right;font-size: 16px;padding-top: 20px;color: #d70133;}
	.latest-news-main{margin: 0px 30px 0px 20px;font-size: 20px;color: #9a9a9a;padding-top:15px;}
	.latest-news-title{
		float: left;overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		width:350px;
	}
	.page-news-title{
		width:850px;
	}
	.latest-news-title a{color: #9a9a9a;}
	.latest-news-title a:hover{
		text-decoration:underline;
	}
	.latest-news-data{float: left;margin-right:25px;margin-left: 5px; }
	.dashed-line{padding-top:12px;border-bottom: 2px dashed #e8e8e8;}
	
	#mission_carousel {
	    background-image: url(images/pic_bg.png);
	    background-repeat: no-repeat;
	    background-position: center;
	    height: 415px;
	    max-width: 350px;
	    margin: 0 auto;
	}
	#mission_carousel .carousel-inner .item {padding: 18px 0 0 32px;}
	#mission_carousel a.left {left: -5px;}
	#mission_carousel a.right {right: 5px;}
	#mission_carousel .carousel-control.left {background-image: url(images/carousel_prev.png);background-position: center center;background-repeat: no-repeat;}
	#mission_carousel .carousel-control.right {background-image: url(images/carousel_next.png);background-position: center center;background-repeat: no-repeat;}
	.mission_caption.col-sm-5 {
		padding: 0 0 0 30px;
	}
	.index-footer-left-box{
		position:relative;
	}
	.index-footer-left-box .fram{
		position:absolute;
		top:0px;
		left:2%;
	}
	.index-footer-left-box .fram img{
		width:98%;
	}
	.index-footer-left-box .online-txt{
		text-align:center;
		padding:15px 0px;
		font-size:18px;
		font-weight:bold;
	}
	.index-footer-left-box .online-txt a{
		color:#ffb71c;
	}	
/* fooder*/
	
	footer{
		text-align: center;
		font-size: 18px; 
		background:#ffb71c;
		
	}
	.coryright{
		width: 100%;
		max-width: 1200px;
		margin: 0 auto;
		text-align: center;
		color: #FFF;
		padding-top:12px;
		padding-bottom:12px;
	}
	.coryright p{
		font-size:18px;
		margin:0px;
	}
	.fooder_colorimg{
		width: 100%;
		height:8px;
		background:#ffb71c;
		
	}
	
	.fooder_colorimg .fooder—width-01{
		float: left;
		width:11%;
		height:15px;	
	}
	.fooder_colorimg .fooder—width-02{
		float: left;
		width:16%;
		height:15px;	
	}
	.fooder_colorimg .fooder—width-03{
		float: left;
		width:30%;
		height:15px;	
	}
	.fooder_colorimg .color1{
		
		background-color:#0a1a33;
	}
	.fooder_colorimg .color2{
		background-color:#122b53;
	}
	.fooder_colorimg .color3{
		background-color:#2d548f;
	}
	.fooder_colorimg .color4{
		background-color:#f15d35;
	}
	.fooder_colorimg .color5{
		background-color:#f97a57;
	}
	.fooder_colorimg .color6{
		background-color:#ffa38a;
	}
	
	
	
/* youtobe  */
	.youtbe{
		height: 400px;
		margin: 0 auto;
		padding: 15px ;
		text-align: center;
	}
	.youtbe-title{
		height:15%;
		color: #e20040;
	}
	.paged{
	    text-align: center;
	    padding-top: 15px; 
	}
	.paged a{
	    padding:2px 5px;
	    margin: 0 2px;
	    border-radius: 2px;
	    border: 1px solid #e20040;
	}
	.paged a.active{
	    background-color: #ffe;
	}
	
	.paged .active {
		color:#122b53;
	}
	.youtube_movie{
		height:268px;
	}
	
	.link_menu{
		padding-top:10px;
	}
	.link_menu a{
		color:#333;
	}	

@media (max-width: 1920px){
	
}
@media (max-width: 1500px){
	.content-area{
		min-height:455px;
	}
}

@media (max-width: 1200px){

	.content-area.index{
		top: 0;
	}
	.home_schools_list {
		top: 0;
	}
	
	.mission_caption.col-sm-5 {
		padding:0;
	}
 
	.banner-inner-box{
		max-width:100%;
	}
}

@media (max-width: 1024px){
	.header{

	}


	.fooder_colorimg .fooder—width-01{
		height:12px;
	}
	.fooder_colorimg .fooder—width-02{
		height:12px;
	}
	.fooder_colorimg .fooder—width-03{
		height:12px;
	}
	.page-news-title{
		width:650px;
	}
	.youtube_movie{
		height:228px;
	}
}

@media (max-width: 1023px){
	/**
	手機導航顯示
	**/
	.navbar-toggle {
		background-color: #FFF;
		margin-right:20px;
		margin-top: 10px;
		margin-bottom: 10px;
		margin-left:20px;
		display:block;
		float:left;
		width:40px;
		padding:8px;
		position:absolute;
		top:25px;
		right:15px;
	}
	.navbar-toggle .icon-bar {
		display: block;
		width: 22px;
		height: 2px;
		border-radius: 1px;
	}
	.icon-bar {
		background-color: #ffb71c;
	}
	.navbar-toggle .phone-menu-txt{
		float:right;
		font-size:16px;
		color:#1aabff;
	}
	
	.gl-menu{
		display: none;
	}
	.menu-area{
		width:100%;
		display: none;
	}
	.cch-menu {
		display: none;
	}
	.current-menu-item {
		
	}

	.cch-mobile-menu {
		position: relative;
		z-index: 999;
		padding-bottom:25px;
		background:#ffb71c;
	}
	.cch-mobile-menu li {
		background-color:#ffb71c;
    	width: 100%;
    	line-height: 35px;
    	text-align: left;
    	
    	cursor: pointer;
		list-style-type: none;
		float:none;
	}
	.cch-mobile-menu a {
    	font-size: 1em;
    	font-weight: bold;
    	padding-left: 20px;
    	color: #ffffff;
    	width: 100%;
    	display: block;
		border-bottom: 1px dotted;
	}
	.mobile-menu-div {
	
		width: 100%;
		margin: 0 auto;
	}
	.mobile-menu-div-down {
		border-radius: 0px;
	}
	.mobile-menu-div-up {
		border-radius: 10px;
	}
	.cch-menu-icon {
		float: right;
		margin-right: 20px;
		cursor: pointer;
	}
	.cch-mobile-menu .menu-item-has-children > a::after {
		-moz-border-bottom-colors: none;
	    -moz-border-left-colors: none;
	    -moz-border-right-colors: none;
	    -moz-border-top-colors: none;
	    border-color: rgb(245, 245,245) transparent  transparent  transparent ;
	    border-image: none;
	    border-style: solid inset  inset  inset ;
	    border-width: 5px;
	    content: "";
	    display: block;
	    height: 0;
	    margin-right: 35px;
	    margin-top: 15px;
	    float: right;
	}
	.cch-mobile-menu .sub-menu {
		display: none;
	}
	.cch-mobile-menu .sub-menu li {
		
	}
	.temporary-div li {
		background-color: #B2E1FF;
    	width: 100%;
    	line-height: 35px;
    	text-align: left;
    	border-bottom: 1px solid white;
    	border-top: 1px solid white;
    	cursor: pointer;
	}
	.temporary-div li a {
    	font-size: 1em;
    	font-weight: bold;
    	margin-left: 20px;
    	color: black;
    	width: 100%;
    	display: block;
	}
	.temporary-div .menu-item-has-children > a::after {
		-moz-border-bottom-colors: none;
	    -moz-border-left-colors: none;
	    -moz-border-right-colors: none;
	    -moz-border-top-colors: none;
	    border-color: transparent transparent transparent rgb(242, 70, 136);
	    border-image: none;
	    border-style: inset inset inset solid;
	    border-width: 5px;
	    content: "";
	    display: block;
	    height: 0;
	    margin-right: 35px;
	    margin-top: 15px;
	    float: right;
	}
	.sub-menu{
		margin-left:0px;
	
		border-bottom-left-radius: 6px;
		border-bottom-right-radius: 6px;
		border-top-right-radius: 6px;
		padding-left:25px;
		margin-bottom:0px;
		
	}
	.phone-menu-box{
		display:block;
	}
	.mobile-menu-div {
		display:block;
		
	}
	.menu-txt{
		
		
	}
	.menu-txt-color{
		display:inline;
		padding-left:15px;
	}
	/**
	 手機樣式結束
	**/
	
	
}


@media (max-width: 768px){
	.header{
		
	}


	
	.mission_caption{
		width: 98%;		
		
		padding: 0;
	}
	.latest-news-box{
		width:100%;
		min-height:auto;
	}
	.row{
		margin-right:0px;
		margin-left:0px;
	}
	.page-news-title{
		width:450px;
	}
	.content-box{
		
		min-height:750px;
	}
	.school-item-box-title img{
		width:80%;
	}
	
	.youtube_movie{
		height:164px;
	}
	.index-footer-left-box{
		padding-top:12px;
		padding-bottom:12px;
	}
	
}
@media (max-width: 550px){
	
	.header{
		height:90px;
	}
	.logo{
		padding:25px 10px ;
	}
	/*phone*/
	.logo img{
		width:80%;
	}
	.navbar-toggle{
		top:20px;
		right:8px;
	}
	/*phone end*/
	.latest-news-title{
		width:100%;
	}
	.page-news-title{
		width:100%;
	}
	.latest-news-main{
		padding-bottom:5px;
	}
	


	.fooder_colorimg .fooder—width-01{
		height:8px;
	}
	.fooder_colorimg .fooder—width-02{
		height:8px;
	}
	.fooder_colorimg .fooder—width-03{
		height:8px;
	}
	.content-box{
		min-height:350px;
	}
	
	.home_schools_list .col-sm-4{
		margin-top:5px;
		margin-bottom:45px;
	}
	.youtube_movie{
		height:196px;
	}
}

@media (max-width:350px){
	#mission_carousel .carousel-inner .item {padding: 0 ;}
	#mission_carousel a.left {left: 0px;}
	#mission_carousel a.right {right: 0px;}
}



/*****Edit By chenghao*****/
.lang-btn {
  margin: 30px 0;
	background: #ffb71c;
	color: #fff;
}
button.btn.lang-btn:hover {
	color: #fff;
}
.lang-btn a {
  color: #fff;
}
@media (max-width: 768px) {
	.logo {
    padding: 10px 10px 0 0;
  }
  .lang-btn {
    margin: 5px 0;
  }
}
@media (max-width: 550px) {
  .logo {
    padding: 10px 10px;
  }
  .lang-btn {
    margin: 0px 0;
  }
}