
html,body{
	margin:0;padding:0;
	font-family:"Microsoft JhengHei", "微軟正黑體","Arial",Helvetica,sans-serif;
	font-size:15px;
}

@media(min-width:768px) and (max-width:992px){
	html,body{
		font-size:12.5px;
	}	
}

a, a:hover{
	text-decoration:none;
	color:#333;
}
.row, .container{
	margin:0px;
	padding:0px;
}
.navbar-links a:hover{
	text-decoration:none;
}

.col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1,
.col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, 
.col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1,
.col-xs-12, .col-xs-11, .col-xs-10, .col-xs-9, .col-xs-8, .col-xs-7, .col-xs-6, .col-xs-5, .col-xs-4, .col-xs-3, .col-xs-2, .col-xs-1{
	padding:0px;
}

.container{
	margin:auto;
}
.h1, .h2, .h3, h1, h2, h3{
	padding:0px;
	margin:0px;
}

/*header*/
.navbar-default{
	border:none;
	border-radius:0px;
    margin-bottom: 0px;
    background-color:#FFF;
}
.navbar {
	min-height: initial !important;
}
@media(min-width:768px){
	.navbar-default{
		height:200px;		
	}
}
#header_logo{
	height:50px;
	padding:0px;
}
@media(min-width:768px){
	#header_logo{
		height:150px;
	}
}

.navbar-header{
	text-align:center;
}
.container>.navbar-header{
	margin:0px;
}

.navbar-default .navbar-nav>li>a{
	color:#333;
	padding: 0px;
}

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{
	color:#777;
}

.navbar-toggle{
	float:left;
	margin-top:calc((50px - 35px) / 2 );
	margin-bottom:calc((50px - 35px) / 2 );
	margin-left: 10px;
}

.navbar-default .navbar-toggle:hover {
    background-color: #FFF;
}

.navbar-default .navbar-toggle{
	border-color:#777;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #555;
}

#navbar-collapse{
	float:none;
	width: 100%;
	margin:0px;
    padding: 0px;
  
}
.navbar-nav{
	margin:0px;
}

.navbar-nav.nav{
	width:100%;
	text-align:center;
}
.navbar-nav.nav li{
    /*border-bottom: 2px solid;*/
    width: 100%;
    background-position:center;
    background-repeat:no-repeat;
}

.navbar-nav.nav li a{
	color:#FFF;
	text-shadow: 1.5px 1.5px 1.5px #AAA;
	margin: 5px;
}

@media(min-width:768px){
	.navbar-nav.nav li a{
		color:#333;
		text-shadow: none;;
		margin: 0px;
	}

}
@media(min-width:768px){
	.navbar-nav.nav li{
	    width: calc( 100%  / 8);
	    border-bottom: 7px solid;
	    background:none !important;
	}
}
.navbar-nav.nav li:hover{
    opacity:0.9;
}
.navbar-nav.nav li:nth-child(1){
	border-color:#f28082;
	background-image:url('../images/m_menu_bg_1.png');
}
.navbar-nav.nav li:nth-child(2){
	border-color:#f9c84a;
	background-image:url('../images/m_menu_bg_2.png');
}
.navbar-nav.nav li:nth-child(3){
	border-color:#a6bf45 ;
	background-image:url('../images/m_menu_bg_3.png');
}
.navbar-nav.nav li:nth-child(4){
	border-color:#fde376;
	background-image:url('../images/m_menu_bg_4.png');
}
.navbar-nav.nav li:nth-child(5){
	border-color:#eda261;
	background-image:url('../images/m_menu_bg_5.png');
}
.navbar-nav.nav li:nth-child(6){
	border-color:#4fbfd8;
	background-image:url('../images/m_menu_bg_6.png');
}
.navbar-nav.nav li:nth-child(7){
	border-color:#53789c;
	background-image:url('../images/m_menu_bg_7.png');
}
.navbar-nav.nav li:nth-child(8){
	border-color:#abaffd;
	background-image:url('../images/m_menu_bg_8.png');
}

.navbar-nav.nav li a{
	text-align:center;
	padding:12px 0px;
}
@media(min-width:768px){
	.navbar-nav.nav li a{
		padding:15px 0px;
	}
}

@media(min-width:768px){
	.navbar-nav.nav li a{
		font-size: 10px;
	}
}
@media(min-width:992px){
	.navbar-nav.nav li a{
		font-size: 14px;
	}
}

.navbar-nav.boxDistribute:after{
	display:none;
} 

@media(min-width:768px){
	ul.navbar-nav.boxDistribute{
		width:100%;
		height: 45px;
		text-align: justify;
	}
	.navbar-nav.boxDistribute li{
		border:none;
	    display: inline-block;
	    float: none;
	    padding: 12px 0px;
	    line-height:20px;
	}
	.navbar-nav.boxDistribute:after{
		display:inline-block;
	} 

}

.navbar-links{
	height:45px;
	width:100%;
	text-align:center;
	float:none;
}
@media(min-width:768px){
	.navbar-links{
		height:45px;
		padding:0px;
		float:right;
		width: auto;
	}
}
.navbar-links img{
	margin-left:10px;
	cursor:pointer;
}

.navbar-links img:hover{
	opacity:0.9;
}


/*global*/




.home_activities_section{
	background-image: url(../images/activities_bg1.jpg);
	background-size: cover;
}


.aboutus_section{
	background-image: url(../images/aboutus_bg.jpg);
	background-size: cover;
}

.media_section{
	background-image: url(../images/media_bg.jpg);
	background-size: cover;
}

.contactus_section{
	background-image: url(../images/contactus_bg.jpg);
	background-size: cover;
}

.students_section{
	background-image: url(../images/students_bg.jpg);
	background-size: contain;
	background-size: 100%;
    background-position: top;
}
.highlight_section{
	background-image: url(../images/highlight_bg.jpg);
	background-size: cover;
}


.registernow_section{
	background-image: url(../images/registernow_bg.jpg);
	background-size: cover;
}

.activities_section{
	background-color:#fffde1;
}
.contentBg{
	position:absolute;
	top:0px;
	height:100%;
	padding:10px;
	width:100%;
}
@media(min-width:768px){
	.contentBg{
		padding:0px;
	}
}

.home_content_aboutus{
	width:100%;
}
@media(min-width:768px){
	.home_content_aboutus{
		width:50%;
		float:right; 
	}
}


.aboutus_content{
	width:100%;
}
@media(min-width:768px){
	.aboutus_content{
		width:50%;
		float:left; 
	}
}


.activitiesBgColor{
	background-color:#f7941d !important;
}
.activitiesTxtColor{
	color:#f7941d;
}

.activitiesBgColor2{
	background-color:#53789c !important;
}
.activitiesTxtColor2{
	color:#53789c;
}

.competitionBgColor{
	background-color:#a6bf45 !important;
}
.competitionTxtColor{
	color:#a6bf45;
}




.aboutusBgColor{
	background-color:#005952 !important;
}
.aboutusTxtColor{
	color:#005952;
}

.ceaButton{
	padding:6px;
	color:#FFF;
	font-weight:bold;
	background-color:#CCC;
	width: calc(100% - 20px);
	margin:0px 10px;
	text-align:center;
	border-radius:10px;
	-webkit-box-shadow: 0 8px 4px 0 #BBB;
	box-shadow: 0 8px 4px 0 #BBB;
	text-decoration:none;
}
@media(min-width:768px){
	.ceaButton{
		margin:0px;
		width:180px;
	}
}

.ceaButton:hover{
	color:#FFF;
	opacity:0.9;
} 

.ceaButton>div{
	padding:10px 25px;
	border-radius:10px;
	border: 1px dashed #FFF;
}

.h1Title{
	padding:20px 0px;
    font-weight: bold;
}


.ceaCardItemContainer{
	padding:5px 5px;
}
@media(min-width:768px){
	.ceaCardItemContainer{
		padding:0px;
	}
}




.ceaCardItem{
	padding:5px;
} 

.imgAsBg{
    padding-bottom: 100%;
    background-size: cover;
    background-position: top left;
}

.imgAsBg.rounded{
	border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.ceaCardItem .image img{
	border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border: 1px solid #eee;
    border-bottom:none;
}
.ceaCardItem .content{
	background-color:#FFF;
	padding:20px;
	border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    min-height:120px;
}

.ceaCardItem .sectionName{
	color:#AAA;
	font-weight:bold;
}
.ceaCardItem .title{
	font-weight:bold;
	color:#555;
	margin-bottom:4px;
}

@media(max-width:767px){
	

	.ceaCardItem .title{
		display: -webkit-box;
		height: 84px;
		line-height: 21px;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	
	
}

.ceaCardItem .date{
	color:#AAA;
}

.ceaCardItem .album{
	color:#AAA;
	cursor:pointer; 
}
.ceaCardItem .album span{
    font-size: 20px;
    vertical-align: top;
}

.aboutusContainer{
	padding:0px 10px;
}
@media(min-width:768px){
	.aboutusContainer{
		padding:0px;
	}
}


.competitionContainer{
	padding:0px 10px;
}
@media(min-width:768px){
	.competitionContainer{
		padding:0px;
	}
}

.ceaListItem{
	margin-bottom:10px;
}

.ceaListItem .image img{
	border-top-left-radius:10px;
	border-top-right-radius:10px;
}

.ceaListItem {
	border-top-left-radius: 10px; 
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

@media(min-width:768px){
		
	.ceaListItem .image img{
		border-top-left-radius:10px;
		border-bottom-left-radius:10px;
		border-top-right-radius: 0px;
	}
		
	.ceaListItem {
		border-top-right-radius: 10px;
		border-bottom-right-radius: 10px;
		border-top-left-radius: 10px;
	    border-bottom-left-radius: 10px;
	}
}


.ceaListItem:nth-child(odd){
	background-color:#1cbbb4;
}
.ceaListItem:nth-child(even){
	background-color:#7accc8;
}
.ceaListItem .content{
	padding:25px 10px;
	min-height:150px;
	font-weight:bold;
}

@media(min-width:768px){
	.ceaListItem .content{
		padding:20px;
	}
}
@media(min-width:992px){
	.ceaListItem .content{
		padding:30px;
	}
}

.ceaListItem .title1{
	margin-bottom:20px;
	
}
.ceaListItem .title2{
	font-size:90%;
}
.ceaListItem .content .icon{
	width:24px;
	font-size:16px;
	display:inline-block;
    vertical-align: top;
}

.ceaListItem .content .iconDetail{
	width: calc(100% - 30px);
	display:inline-block;
	margin-bottom:8px;
}


.breadcrumbItem{
	padding:10px 10px;
	margin-bottom:10px;
}
@media(min-width:768px){
	.breadcrumbItem{
		padding:10px 0px;
	}	
}

.breadcrumbItem a{
	color:#555;
}


.mediaContainer{
	padding:0px 10px;
}
@media(min-width:768px){
	.mediaContainer{
		padding:0px;
	}
}

.contactusContainer{
	padding:10px 10px;
}
@media(min-width:768px){
	.contactusContainer{
		padding:0px 0px;
	}
}


.studentsContainer{
	padding:10px 10px;
}
@media(min-width:768px){
	.studentsContainer{
		padding:0px 0px;
	}
}




.mediaItem{
	margin-bottom:20px;
} 

@media(min-width:768px){
	.mediaItem{
		margin-bottom:40px;
	}
}

.mediaItem .image img{
	border-radius:10px;
}

.mediaItem .content{
	padding:10px 0px;;
}
@media(min-width:768px){
	.mediaItem .content{ 
		padding:20px 40px;
	}
}


.videoContainer{
	padding:0px 0px;	
}
@media(min-width:768px){
	.videoContainer{
		padding:0px 90px;	
	}	
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#footer{
	
	font-size:12px;
	background-color:#231f20;
	color:#FFF;
	padding:18px 0px;
	text-align:center;
}


@media(min-width:768px){
	.boxDistribute{
		text-align:justify;
	}
	.boxDistribute>*{
		display:inline-block;
		float:none;
	}
	.boxDistribute:after {
	    content: '';
	    width: 100%;
	    display: inline-block;
	    font-size: 0;
	    line-height: 0
	} 
	
}


.studentsYearList img{
	padding: 0px calc( (100% - 200px) / 2 );
	margin-bottom:10px;
}

@media(min-width:768px){
	
	.studentsYearList{
		width:750px;  
		margin:auto;
	}
	
	.studentsYearList img{
		padding:0px;
		margin-bottom:0px;
		max-width: 200px;
		width:100%;
	}
}

.ceaListItem.studentsItem:nth-child(4n+1), .ceaListItem.studentsItem:nth-child(4n+2){
	background-color:#fbaf5d;
	
}
.ceaListItem.studentsItem:nth-child(4n+3),.ceaListItem.studentsItem:nth-child(4n+4){
	background-color:#f68e56;
}

.ceaListItem.studentsItem .title1,.ceaListItem.studentsItem .title2{
		color:#FFF;
}

.ceaListItem.studentsItem .title1{
	font-size:140%;
}
.ceaListItem.studentsItem .title2{
	font-size:125%;
}


.ceaListItem.studentsItem .content .iconDetail{
	width: calc(100% - 70px);
	display:inline-block;
	margin-bottom:8px;
}
.ceaListItem.studentsItem .content .icon{
	width:50px;
	font-size:16px; 
	display:inline-block;
    vertical-align: top;
    margin-bottom:5px;
}

.ceaListItem.studentsItem .content .icon img{
	width:30px;
}

.ceaCardItem.competitionItem .content{
	border: 1px solid #eee;
	border-top:none;
}
.competitionDetailContainer{
	padding:5px;
	background-color:#f5f5f5;
}
.competitionDetail{
	padding:5px 5px;
}
@media(min-width:768px){
	.competitionDetailContainer{
		padding:0px;
	}
	.competitionDetail{
		padding:10px 10px;
	}
}

.competitionDetail>div{
	padding: 5px;
	border: 2px dashed #CCC; 
	border-radius:10px;
}


.competitionDetail .icon{
	display:inline-block;
	text-align:center;
    vertical-align:top;
	width:40px;
}
.competitionDetail .icon img{
	width:30px;
}
.competitionDetail .detail{
	width: calc(100% - 85px);
	display:inline-block;
	font-weight:bold;
	color:#58595b;
	font-size:22px;
}

.competitionDetail .detailDate{
	line-height:normal;
}
@media(min-width:768px){
	.competitionDetail>div{
		  padding: 10px 0px;
	}

	.competitionDetail .icon{
		width:60px;
		padding-top: 0px;
	}
	.competitionDetail .icon img{
		width:40px;
	}
	.competitionDetail .detail{
		font-size:16px;	
		width: calc(100% - 80px);
	}
	.competitionDetail .detailDate{
		line-height:45px;
	}	
}
@media(min-width:992px){
	.competitionDetail>div{
		  padding: 10px 0px;
	}

	.competitionDetail .icon{
		width:65px;
		padding-top: 0px; 
	}
	.competitionDetail .icon img{
		width:45px;
	}
	.competitionDetail .detail{
		font-size:18px;	
		width: calc(100% - 85px);
	}
	.competitionDetail .detailDate{
		line-height:50px;
	}	
}
@media(min-width:1200px){
	.competitionDetail>div{
		  padding: 10px 0px;
	}

	.competitionDetail .icon{
		width:80px;
		padding-top: 5px;
	}
	.competitionDetail .icon img{
		width:50px;
	}
	.competitionDetail .detail{
		font-size:22px;
		width: calc(100% - 100px);	
	}
	
	.competitionDetail .detailDate{
		line-height:62px;
	}	
}

.competitionDetail:nth-child(1)>div{
	border-color: #f28082;
}
.competitionDetail:nth-child(2)>div{
	border-color: #a6bf45;
}
.competitionDetail:nth-child(3)>div{
	border-color: #4fbfd8;
}

.competition_content{
	padding:10px;
}

.competition_applicationDetail{
	background-color:#F5F5F5;
	padding:10px;
}



.registerItemListContainer{
	padding:10px; 
	background:#f0f0f0;
}
.registernow_section{
	padding:10px;
}

@media(min-width:768px){
	.registernow_section{
		padding:0px;
	}
	.registerItemListContainer{
		padding:40px 20px; 
		
	}
}

#registerItemList th{
	text-align: center;
}

#registerItemList td.i_date,
#registerItemList td.i_download,
#registerItemList td.i_online_register{
	text-align: center;
}

#registerItemList td.i_download img,
#registerItemList td.i_online_register img{
	width:20px;
}
@media(min-width:768px){
	#registerItemList td.i_download img,
	#registerItemList td.i_online_register img{
		width:25px;
	}
}

#registerItemList th{
	padding:5px 5px;
}
@media(min-width:768px){
	#registerItemList th{
		padding:15px 25px;
	}	
}

#registerItemList td{
	border-bottom: 10px solid #FFF;
	padding:10px 10px;
}

@media(min-width:768px){
	#registerItemList td{
		padding:10px 20px;
	}	
}

#registerItemList tr:nth-child(4n+2) td{
	background-color:#4fbfd8;
}
#registerItemList tr:nth-child(4n+3) td{
	background-color:#f28082;
}
#registerItemList tr:nth-child(4n+4) td{
	background-color:#fbe376;
}
#registerItemList tr:nth-child(4n+1) td{
	background-color:#f9c84a;
}

#registerItemList tr:nth-child(4n+2) td.i_date,
#registerItemList tr:nth-child(4n+2) td.i_online_register{
	background-color:#71d8ef;
}
#registerItemList tr:nth-child(4n+3) td.i_date,
#registerItemList tr:nth-child(4n+3) td.i_online_register{
	background-color:#ffa8aa;
}
#registerItemList tr:nth-child(4n+4) td.i_date,
#registerItemList tr:nth-child(4n+4) td.i_online_register{
	background-color:#feeea7;
}
#registerItemList tr:nth-child(4n+1) td.i_date,
#registerItemList tr:nth-child(4n+1) td.i_online_register{
	background-color:#fed66f;
}


#registerItemList td.i_name{
	width:70%;
}
#registerItemList td.i_date,
#registerItemList td.i_download,
#registerItemList td.i_online_register{
	width:10%;
} 
@media(min-width:768px){
	#registerItemList td.i_name{
		width:64%;
	}
	#registerItemList td.i_date,
	#registerItemList td.i_download,
	#registerItemList td.i_online_register{
		width:12%;
	}

}




.photoItem{
	padding:5px;
}

.photoItem .image{
	width: 100%;
    overflow: hidden;
    height: 0px;
    padding-bottom: 100%;
}

.photoItem img{
	border-radius:10px;
}

.highlightPhotoItemContainer{
	background-color:#ddeba0;
	padding:10px;
	margin:10px;
	border-radius:10px;
}

@media(min-width:768px){
	.highlightPhotoItemContainer{
		background-color:#ddeba0;
		padding:15px;
		margin:0px;
		border-radius:10px;
	}

}

.highlightPhotoItemContainer>div{
	border:3px dashed #3cb878;
	border-radius:10px;
}

.fancybox-skin{
	border:3px dashed #3cb878 !important;
	background-color:transparent !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
	border-radius:10px;
	margin:10px !important;
}
.fancybox-wrap{
	
	background-color: #ddeba0 !important;
	border-radius: 10px;
} 

.fancybox-close {
    background-image: url(../images/icon_close_btn.png)!important;
    width: 30px!important;
    height: 30px!important;
    background-size: cover!important;
    background-position: center!important;
    background-repeat: no-repeat!important;
    top: -50px !important;
    right: -13px !important;
}


.fancybox-next span, .fancybox-prev span {
    
    width: 40px!important;
    height: 40px!important;
    background-size: 40px 40px!important;
    background-position: center!important;
    visibility: visible!important;
    background-repeat: no-repeat!important;
}

.fancybox-next span {
    background-image: url(../images/icon_arrow_right.png)!important;
    right: -30px!important;
}

.fancybox-prev span {
    background-image: url(../images/icon_arrow_left.png)!important;
   	left: -30px!important;
}



@media(min-width:768px){
	
	.fancybox-next span, .fancybox-prev span {
		width: 55px!important;
	    height: 55px!important;
	    background-size: 55px 55px!important;   
	}
	
	.fancybox-next span {
	    right: -82.5px!important;
	}
	
	.fancybox-prev span {
	    left: -82.5px!important;

	}
	
	
}

#registerFormContainer .form-control{
	border:none;
	height:40px;
}


#registerFormContainer .rowSet {
    margin-bottom: 20px;
}
@media(min-width:768px){
	#registerFormContainer .rowSet {
	    margin-bottom: 30px;
	}
} 

#registerFormContainer label{
	display:block;
}
@media(min-width:768px){
	#registerFormContainer label.tinyLabel{
		width:150px; 
	}
	
	#registerFormContainer label.shortLabel{
		width:50%; 
	}
	#registerFormContainer label.longLabel{
		width:90%; 
	}	
}


#registerFormContainer label .inputLabel{
	padding-left:10px;
	margin:5px 0px;
}

@media(min-width:768px){
	#registerFormContainer .section{
		text-align:center;
	}	
	#registerFormContainer .content{
		padding-left:40px;
	}	
}

#registerFormContainer .content>div{
	margin-bottom:10px;
}	

.formSection{
	padding: 10px 0px;
    width: 100%;
	background-color:#448ccb;
	display:block;
	border-radius:10px;
	color:#FFF;
	margin:auto;
	text-align:center;
	margin-bottom:10px;
}

.formSection.orange{
	background-color:#f26522;
}

.formSection.purple{
	background-color:#abaffd;
}

.formSection.green{
	background-color:#8dc63f;
}
.formSection.yellow{
	background-color:#f9c84a;
}

@media(min-width:768px){
	.formSection{
		display:inline-block;
	}	
}

#competitionOption{
	background-color:#fde376;
	border:none;
	border-radius:10px;
	height:40px;
}
@media(min-width:768px){
	#competitionOption{
		width:50%; 
	}	
}


.aboutusContent{
	line-height:2em;
}
@media(min-width:500px){
	.aboutusContent{
		line-height:3em;
	}	
}
@media(min-width:768px){
	.aboutusContent{
		line-height:2.5em;
	}	
}


select.form-control{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-repeat: no-repeat !important;
    background: url(../images/select_arrow.png);
    background-position: bottom right;
    background-color:#FFF;
    background-size: 40px 40px;
    overflow:hidden;
}
select.dob{
	margin-bottom:10px;
}

@media(min-width:768px){
	select.dob{
		display:inline-block;
		margin-right:20px;
		width:150px;
	}
}

#registerFormContainer #agreeTerms {
    display: inline-block;
    height: 20px;
    width: 20px;
    vertical-align: bottom;
}

a.aLink{
	color:#337ab7;
}
 
.studentDetail{
	margin:10px 0px;
	padding:10px 20px;
}

@media(min-width:768px){
	.studentDetail{
		margin:10px 0px;
		padding:10px 20px;
	}	
}

.studentDetail .detail{
	color:#FFF;
}

.studentToggle{
	cursor:pointer;
}

.studentToggle .iconToggle{
	position:absolute;
	right:10px;
	top:calc( 50% - 18px);
	width:36px;
	height:36px;
	background-image: url(../images/icon_arrow_right2.png);
	background-repeat:no-repeat;
	background-size:cover;
}
@media(min-width:768px){
	.studentToggle .iconToggle{
		right:10px;
		top:calc( 50% - 20px);
		width:40px;
		height:40px;
	}
}

@media(min-width:992px){
	.studentToggle .iconToggle{
		right:40px;
		top:calc( 50% - 24px);
		width:50px;
		height:50px;
	}
}
.studentToggle .iconToggle.active{
	background-image: url(../images/icon_arrow_down2.png);
}
.ceaListItem.studentDetail .title1{
	margin-bottom:10px;
}
