@charset "utf-8";
@import '../common/reset.css';
@import '../common/core.css';
@import '../common/index.css';
@import '../common/media_query_common.css';
@import '../common/media_query_index.css';
/* CSS Document */

*{
	font-family: Microsoft JhengHei, Microsoft YaHei, Hiragino Sans GB, Arial, Helvetica, sans-serif !important;
}
.slide-item .lead {
	font-size: 1.667em;
	white-space: nowrap;
	/*  font-size: 1.1em; */
}
/* .slide-item .lead strong{
	 font-size: 1.933em;
} */
.slide-item .animate .lead span, .slide-item .animate .lead span {
    margin-left: 10px;
}
.slide-item .content p{
	margin-top: 30px;
	font-size: 1em;
}
.circular-wrap2.animate   p{
	padding-left: 30%;
}
.slide-item .content .txt-center{
	max-width: 550px;
}
.slide-item#item3 .lead strong span{
	margin-left: 0;
}
.event-wrap > div > div{
	padding: 15% 12%;
}
.slide-item#item3 .highlight-wrap .lead, .highlight-wrap > div p{
	font-size: 1em;
    line-height: 1.5em;
}
.slide-item#item5 .circular-wrap2.animate p {
    padding-right: 25%;
}
.highlight-wrap {
    margin-top: -1%;
}
#wrapper #top_wrap > div.main-nav-wrap ul li{
	height: auto;
}
#wrapper #top_wrap > div.main-nav-wrap ul li a{
	padding: 12px 38px;
	font-size: 1.125em;
	line-height: 1.6em;
	max-width: none;
}
#wrapper #top_wrap > div.main-nav-wrap ul li a:before{
	left: 38px;
}
#wrapper #top_wrap > div.main-nav-wrap ul li:hover a:before,
#wrapper #top_wrap > div.main-nav-wrap ul li a:hover:before,
#wrapper #top_wrap > div.main-nav-wrap ul li a.selected:before,
#wrapper #top_wrap > div.main-nav-wrap ul li a:focus:before{
	width: calc(100% - 76px);
}
.slide-item .lead strong:before{
	bottom: -16px;
}
.slide-item .content .event-wrap.animate p{
	margin-top: 30px;
}
 .lead .lead-icon,
 .icon-wrap .lead-icon{
	 left: -15%;
 }
/* #item5 .lead .lead-icon#icon9{
	left: -15%;
} */
.slide-item .content .txt-center .lead strong{
	padding-bottom: 10px;
}
.highlight-wrap > div .lead strong{
	margin-bottom: 32px;
	font-size: 2.834em;
}

#wrapper #reg-btn{
	background-image: url(/admission_overseas/images/zh/icon-floating.png);
}
#wrapper #reg-btn:hover,
#wrapper #reg-btn:focus{
	background-image: url(/admission_overseas/images/zh/icon-floating-hover.png);
}

@media screen and (min-width: 981px){
	.event-wrap > div {
		max-width: 390px;
	}
	#slide-txt p.lead{
		padding-bottom: 15px;
	}
	.slide-item .lead{
		padding-bottom: 0;
	}
}
@media screen and (min-width: 981px)  and (max-width: 1250px){
	.slide-item .lead{
		font-size: 1.3em;
	}
	.slide-item .content p{
		font-size: 0.889em;
		line-height: 1.75em;
	}
	.slide-item#item3 .highlight-wrap .lead, .highlight-wrap > div p {
		font-size: .89em;
		line-height: 1.748em;
	}
	.event-wrap > div > div{
		padding: 10%;
	}
	.slide-item .content p {
		margin-top: 20px;
	}
	.slide-item#item5 .circular-wrap1  p,
	.slide-item#item5 .circular-wrap2  p{
		margin-top: 25px;
	}
	#wrapper #top_wrap > div.main-nav-wrap ul li a {
		max-width: none;
		padding: 12px 28px;
	}
	#wrapper #top_wrap > div.main-nav-wrap ul li a:before{
		left: 28px !important;
	}
	#wrapper #top_wrap > div.main-nav-wrap ul li:hover a:before,
	#wrapper #top_wrap > div.main-nav-wrap ul li a:hover:before,
	#wrapper #top_wrap > div.main-nav-wrap ul li a.selected:before,
	#wrapper #top_wrap > div.main-nav-wrap ul li a:focus:before{
		width: calc((100% - 56px));
	}
	.highlight-wrap > div .lead strong{
		font-size: 2.833em;
	}
}
@media screen and (max-width: 980px) and (min-width: 768px){	
	.slide-item .lead{
		font-size: 1.4em;
	}
	.circular-wrap2.animate p {
		padding-left: 25%;
	}
	.circular-wrap2  .lead{
		margin-top: 30%;
	}
	.slide-item#item3 .lead strong img{
		width:24%;
	}
	.slide-item#item5 .circular-wrap2.animate  p{
		padding-left: 5%;
	}
	.slide-item#item3 .lead strong:before{
		bottom: -6px;
	}
	.highlight-wrap > div .lead strong{
		font-size: 2.706em;
	}
}
@media screen and (max-width: 784px){
	#wrapper.mobile .lead {
		font-size: 1.4em !important;
		line-height: 1.2em;
	}
	#wrapper.mobile .circular-wrap2  p{
		padding-left: 28%;
	}
	#wrapper.mobile #item3 .lead{
		text-align: center;
	}
	#wrapper.mobile .slide-item .content p{
		margin-top: 27px;
	}
	#wrapper.mobile .slide-item.animate .content .txt-center p{
		margin-top: 13px;
	}
	#wrapper.mobile .highlight-wrap > div .lead strong{
		font-size: 1.933em;
	}
	#wrapper.mobile #item3 .lead .lead-icon{
		left: -85% !important;
	}
	#wrapper.mobile .highlight-wrap > div .lead strong{
		margin-bottom: 28px;
	}
}