html{
	overflow-x: hidden;
	overflow-y: scroll;
}
/*
html * {max-height:1000000px; }
*/
body{
	margin:0px;
	font-family: "Segoe UI", "Microsoft JhengHei", 微軟正黑體, "Microsoft Mhei", SimHei, Helvetica, Arial, sans-serif;
	position:relative;
	overflow-x:hidden;
	overflow-y:hidden;
}

/* all */
.common-padding2{
	padding-top:50px;
}

.rmenu{
	display:none;
	position:absolute;
	width:85%;
    z-index: 99999;
	top:0px;
	bottom:0px;
	background-color: #4D4D4D;
	transform: translateX(200%);
	-moz-transform: translateX(200%);
	-webkit-transform: translateX(200%);
	transition:all 0.3s ease-in-out;
}

.rmenu-shift{
	transform: translateX(17.7%);
	-moz-transform: translateX(17.7%);
	-webkit-transform: translateX(17.7%);
}

.rmenu-login{
	font-size:30px;
	padding-top:45px;
	padding-bottom:45px;
	padding-left:50px;
	color:#FFF;
	background:#7C0F2C;
	position:relative;
}

.rmenu-login-arrow{
	position:absolute;
	right:0px;
	top:0px;
	background:#ED1B48;
	width:137px;
	height:100%;
}

.rmenu-login-arrow-img{
	position:relative;
	top:50%;
	left:50%;
	transform:translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
}

.rmenu-sc{
	margin-left:30px;
}

.rmenu-lang a:link{
	color:#FFF;
	text-decoration:none;
}

.rmenu-lang a:visited{
	color:#FFF;
	text-decoration:none;
}

.rmenu-lang a:hover{
	opacity:0.7;
}

.rmenu-menu{
	padding-top:10px;
	font-size:28px;
	background-color: #A31332;
	padding-bottom:20px;
}

.rmenu-a:link{
	color:#FFF;
	text-decoration:none;
}

.rmenu-a:visited{
	color:#FFF;
	text-decoration:none;
}

.rmenu-a:hover{
	opacity:0.7;
}

.rmenu-active{
	background:#FFF;
}

.rmenu-a-active:link{
	color:#125E98;
	text-decoration:none;
}

.rmenu-a-active:visited{
	color:#125E98;
	text-decoration:none;
}

.rmenu-a-active:hover{
	opacity:0.7;
}

.rmenu-ul{
	margin:0px;
	padding:0px;
	list-style:none;
}

.rmenu-ul li{
	padding:10px 0px;
	padding-left:50px;
}

.rmenu-ul2{
	list-style:none;
	padding:0px;
	background:#7C0F2C;
	padding-top:19px;
	padding-bottom: 20px;
}

.rmenu-ul3{
	list-style:none;
	padding:0px;
	padding-left:50px;
	padding-top:10px;
	padding-bottom:95px;
	font-size:28px;
	margin-top: 0px;
}

.rmenu-ul3 li{
	padding-top: 10px;
    padding-bottom: 10px;
}

.submenu{
	list-style:none;
	padding:0px;
	padding-left:40px;
	display:none;
}

.submenu2{
	list-style:none;
	padding:0px;
	padding-left:60px;
	display:none;
}


.rmenu-tri{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 9px 12px 9px;
	border-color: transparent transparent #7c0f2c transparent;
	left:66px;
	position:relative;
}

.rmenu-submenu-container{
	display:none;
}

.rmenu-arrow{
	float:right;
	margin-top:10px;
	margin-right:20px;
	vertical-align:top;
}

.rmenu-div{
	width:calc(100% - 51px);
	vertical-align:top;
	display:inline-block;
}

.rmenu-img{
	cursor:pointer;
}

.mainContainer-shift{
	-moz-transform: translateX(-85%);
	-webkit-transform: translateX(-85%);
	transform: translateX(-85%);
}

.mainContainer{
	transition:all 0.3s ease-in-out;
}

.logo{
	margin-left:36px;
	display:inline-block;
	vertical-align:top;
}

.logo{
	display:none;
}

.rmenu-con{
	display:none;
}

.rmenu-img{
	vertical-align:top;
}

.common-wrapper{
	width:1400px;
	margin:0px auto;
}

.common-wrapper2{
	max-width:1400px;
	margin:0px auto;
}

.menu{
	background:#C51430;
	height:37px;
}

.menu-wrapper{
	height:100%;
}

.menu-container{
	float:left;
	height:100%;
	margin-left:20px;
}

.login-container{
	float:right;
	height:100%;
}

.google_class-container{
	float:right;
	height:100%;
}

.google_class-text{
	position:relative;
	top:50%;
	transform:translateY(-60%);
	-webkit-transform: translateY(-60%);
	margin-right:15px;
}

.google_class-text-a:link{
	color:#FFF;
	font-size:13px;
	text-decoration:none;
}

.google_class-text-a:visited{
	color:#FFF;
	font-size:13px;
	text-decoration:none;
}

.google_class-text-a:hover{
	opacity:0.7;
}

a:link{
	color:#7F7F7F;
	text-decoration:none;
}

a:visited{
	color:#7F7F7F;
	text-decoration:none;
}

a:hover{
	/* opacity:0.7; */
}

/* index.php */
.slider_mobile{
	display:none;
}
.slider1-title{
	padding-top:32px;
	padding-left:32px;
	padding-right:32px;
	padding-bottom:14px;
	font-weight:600;
	color:#393939;
	font-size:33px;
}

.slider1-msg{
	padding-left:32px;
	padding-right:32px;
	color:#7F7F7F;
	font-size:21.75px;
	padding-bottom:40px;
	padding-top:40px;
}

.slider1-tab{
	padding-left:32px;
	padding-right:32px;
	color:#C61331;
	font-size:26px;
	font-style:italic;
	text-align:right;
	padding-bottom:20px;
}

.banner{
	width:100%;
	background:#E8E3D6;
}

.bannerb{
	width:100%;
}

.banner-div{
	position:relative;
	width:100%;
	height:480px;
	background-position: center;
}

.bannerb-con{
	position:absolute;
	left:0;
	bottom:44px;
	width:100%;
}

.bannerb-box{
	width:477px;
	background:#FFF;
	position:relative;
	margin-left:10px;
}

.bannerb-title{
	padding-top:22px;
	padding-left:26px;
	padding-right:26px;
	color:#393939;
	font-weight:600;
	font-size:17px;
	padding-bottom:5px;
}

.bannerb-msg{
	font-size:15px;
	color:#7F7F7F;
	padding-left:26px;
	padding-right:26px;
	padding-bottom:30px;
}

.bannerb-pager{
	text-align:right;
	padding-right:20px;
}

.bannerb-pager span {
    font-family: arial;
	font-size: 30px;
	width: 6px;
	height: 16px;
    display: inline-block;
	color:#C71431;
	margin:0px 7px;
	cursor: pointer;
}

.bannerb-pager span.cycle-pager-active{
	opacity:0.7;
}

.bannerb-box2 .bannerb-title{
	font-size:33px;
	padding-left:50px;
	padding-right:50px;
	width:calc(100% - 100px);
}

.bannerb-box2 .bannerb-msg{
	font-size:29px;
	color:#7F7F7F;
	padding-left:50px;
	padding-right:50px;
	width:calc(100% - 100px);
}

.bannerb-box2 .bannerb-pager{
	text-align:center;
}

.bannerb-box2 .bannerb-pager span {
    font-family: arial;
	font-size: 70px;
	width: 6px;
	height: 16px;
    display: inline-block;
	color:#C71431;
	margin:0px 17px;
	cursor: pointer;
}

.bannerb-box2 .bannerb-pager span.cycle-pager-active{
	opacity:0.7;
}

.slider1-box{
	display:none;
	background:#FFF;
	margin-top:25px;
	width:100%;
	position:relative;

	-webkit-box-shadow: 0px 5px 14px 0px rgba(148,148,148,1);
	-moz-box-shadow: 0px 5px 14px 0px rgba(148,148,148,1);
	box-shadow: 0px 5px 14px 0px rgba(148,148,148,1);
}

.banner-img{
	width:100%;
	vertical-align:top;
}

.menu-ul{
	font-size:13px;
	margin:0px;
	padding:0px;
	position:relative;
	top:50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

/* all */

.menu-ul li{
	display:inline-block;
	margin-right:40px;
}

.menu-ul li:last-child{
	margin-right:0px;
}

.menu-a:link{
	color:#FFF;
	text-decoration:none;
}

.menu-a:visited{
	color:#FFF;
	text-decoration:none;
}

.menu-a:hover{
	opacity:0.7;
}

.button-submit{
	color:#FFF;
	background:#ED1B48;
	font-size:13px;
	width:62px;
	height:100%;
	text-shadow:none !important;
	border:none !important;
	box-shadow:none !important;
	cursor:pointer;
}

.button-submit:hover{
	opacity:0.7;
}

.login-form{
	height:100%;
}

.login-text{
	color:#FFF;
	font-size:13px;
	margin-right:15px;
}

.username{
	text-shadow:none !important;
	border:none !important;
	box-shadow:none !important;
	border-radius:10px;
	padding-left:10px;
	width:100px;
	margin-right:10px;
}

.password{
	text-shadow:none !important;
	border:none !important;
	box-shadow:none !important;
	border-radius:10px;
	padding-left:10px;
	width:100px;
	margin-right:10px;
}

.menu2-container{
	background:#FFF;
	height:85px;
	margin-top:-42px;
	position:relative;
	z-index:250;
	/* -webkit-box-sizing: content-box!important;
		-moz-box-sizing: content-box!important;
         box-sizing: content-box!important; */
	-webkit-box-shadow: 0px 5px 14px 0px rgba(148,148,148,0.3);
	-moz-box-shadow: 0px 5px 14px 0px rgba(148,148,148,0.3);
	box-shadow: 0px 5px 14px 0px rgba(148,148,148,0.3);
}

.menu2-body{
	position:relative;
	top:-43px;
	background:#D50D3C;

	background: rgba(214,13,60,1);
	background: -moz-linear-gradient(left, rgba(214,13,60,1) 0%, rgba(214,13,60,1) 50%, rgba(199,20,50,1) 56%, rgba(199,20,50,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(214,13,60,1)), color-stop(50%, rgba(214,13,60,1)), color-stop(56%, rgba(199,20,50,1)), color-stop(100%, rgba(199,20,50,1)));
	background: -webkit-linear-gradient(left, rgba(214,13,60,1) 0%, rgba(214,13,60,1) 50%, rgba(199,20,50,1) 56%, rgba(199,20,50,1) 100%);
	background: -o-linear-gradient(left, rgba(214,13,60,1) 0%, rgba(214,13,60,1) 50%, rgba(199,20,50,1) 56%, rgba(199,20,50,1) 100%);
	background: -ms-linear-gradient(left, rgba(214,13,60,1) 0%, rgba(214,13,60,1) 50%, rgba(199,20,50,1) 56%, rgba(199,20,50,1) 100%);
	background: linear-gradient(to right, rgba(214,13,60,1) 0%, rgba(214,13,60,1) 50%, rgba(199,20,50,1) 56%, rgba(199,20,50,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d60d3c', endColorstr='#c71432', GradientType=1 );
}

.school-logo{
	position:relative;
	top:50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	margin-left:17px;
	width: 25%;
}

.menu2-div-container{
	height:100%;
	float:right;
}

.menu2-div{
	display:inline-block;
	vertical-align:top;
	height:calc(100% - 20px);
	margin:10px 0px;
	margin-left:-4px;
	padding:0px 32px;
	border-left:1px dashed #ECECEC;
	border-bottom:10px solid rgba(199, 20, 49, 0);
	transition:all 0.2s ease-in-out;
	-webkit-box-sizing: content-box!important;
		-moz-box-sizing: content-box!important;
         box-sizing: content-box!important;
}

.menu2-div:first-child{
	margin-left:0px;
}

.menu2-div-active{
	border-bottom:10px solid #C71431;
	-webkit-box-sizing: content-box!important;
		-moz-box-sizing: content-box!important;
         box-sizing: content-box!important;
}

.menu2-text{
	position:relative;
	top:50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	color:#666666;
	font-size:15px;
	font-weight:300;
}

.menu2-text-active{
	color:#C71431;
}

.menu2-vline{
	position:absolute;
	width:1px;
	background:#FFF;
	top:3px;
	bottom:3px;
}

.menu2-item-list{
	padding-left:13px;
}

.menu2-item-list2{
	display:inline-block;
	vertical-align:top;
	padding-top:10px;
	width:230px;
	margin-right:10px;
	position:relative;

}

.menu2-item-list2:nth-child(2) {
	transition:left 1s ease-in-out;
	left:0px;
}

.menu2-item-list2:nth-child(3) {
	transition:left 1.2s ease-in-out;
	left:0px;
}

.menu2-item{
	margin-bottom:15px;
}

.menu2-menu-left{
	display:inline-block;
	vertical-align:top;
	/* padding-top:60px; */
	padding-bottom:30px;
	padding-right:20px;
	width:363px;
	white-space:normal;
	height:calc(100% - 80px);
	position: relative;
    top: 60px;
	-webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.menu2-menu-right{
	display:inline-block;
	vertical-align:top;
	width:1017px;
	margin-left:-4px;
	min-height:270px;
	background:#C71431;
	overflow-x: auto;
	scrollbar-width: thin;
}

.menu2-menu-mid{
	display:inline-block;
	margin-left:-5px;
	vertical-align:top;
	width:253px;
	padding-top:60px;
	padding-bottom:20px;
	white-space:normal;
}

@media screen and (min-width: 1451px) {
	.menu2-menu-right:has(> .menu2-menu-mid:nth-last-child(n+6)) > .menu2-menu-mid {
		width: 240px;
	}
}

.menu2-menu-mid:first-child{
	margin-left:0px;
}

.subsubmenu-container{
	display:inline-block;
	vertical-align:top;
	position:relative;
	top:-15px;
}

.subsubmenu-container2{
	display:none;
}

.menu2-menu-mid2{
	display:none;
	vertical-align:top;
	width:1500px;
	padding-top:60px;
	padding-bottom:20px;
	left:1000px;
	white-space:normal;
	background:#A21331;
	position:absolute;
	z-index:1;
	transition:all 0.7s ease-in-out;
}

.menu2-menu-title1{
	font-size:17px;
	font-weight:600;
	color:#FFF;
	padding-top:10px;
	padding-bottom:10px;
}

.menu2-menu-msg1{
}

.menu2-menu-msg2{
	font-size:17px;
	color:#FFF;
	font-weight:lighter;
}

.menu2-menu-pic{
	margin-left:20px;
	background:#FFF;
}

.menu2-menu-pic img:hover{
	opacity:0.7;
}

.menu2-menu-pic img{
	width:100%;
	vertical-align:top;
}

.menu2-menu-title{
	font-size:17px;
	font-weight:600;
	color:#FFF;
	padding-left:20px;
	padding-bottom:10px;
}

.menu2-menu-title:hover{
	opacity:0.7;
}

.menu2-menu-msg{
	font-size:17px;
	color:#FFF;
	padding-left:25px;
	font-weight:lighter;
	position:relative;
}

.menu2-text{
	cursor:pointer;
	transition:all 0.3s ease-in-out;
}

.menu2-text:hover{
	opacity:0.7;
}

.menu2-menu{
	color:#FFF;
	display:none;
	width:100%;
	white-space:nowrap;
}

.menu2-a:link{
	color:#FFF;
	text-decoration:none;
}

.menu2-a:visited{
	color:#FFF;
	text-decoration:none;
}

.menu2-a:hover{
	opacity:0.7;
}

.common-intro{
	background:#FFF;
	padding-top:58px;
	transition:all 0.3s ease-in-out;
}

.common-intro2{
	transition:all 0.3s ease-in-out;
}

.common-margin{
	margin-top:-43px;
}

.common-intro-expand{
	padding-top:15px;
}

.common-intro-nav{
	font-size:13px;
	text-align:right;
}

.common-intro-title{
	padding-top:20px;
    padding-bottom: 25px;
	text-align:center;
	font-size:45.44px;
	color:#C61331;
	font-weight:lighter;
}

.common-intro-button{
	color:#FFF;
	font-size:23px;
	font-weight:600;
	background:#C61330;
	width:240px;
	height:40px;
	border-radius:30px;
	text-align:center;
	margin:0px auto;
	margin-bottom:42px;
}

.common-intro-button:hover{
	opacity:0.7;
}

.common-intro-button-text{
	position:relative;
	top:3px;
}

.common-intro-msg{
	text-align:center;
	font-size:16px;
	color:#7F7F7F;
	width:1222px;
	margin:0px auto;
	padding-bottom:45px;
}

.common-content{
	background:#E8E3D6;
}

.common-intro-button-a:link{
	text-decoration:none;
}

.common-intro-button-a:visited{
	text-decoration:none;
}

.nav1{
	color:#7F7F7F;
}

.nav2{
	color:#C61331;
}

.common-title{
	 color: #C61331;
    font-size: 30px;
    font-weight: 600;
    padding-bottom: 30px;
}

.common-msg{
	color:#7F7F7F;
	font-size:16px;
	padding-bottom:50px;
	line-height:1.6;
}

.common-padding{
	/* padding-top:80px; */
	 padding-top: 24px;
	padding-bottom:105px;
}

.menu2-menu-div{
	position:relative;

}

.menu2-menu-div-down{
	top:50px;
	transition:all 0.3s ease-in-out;
}

.menu2-menu-div-shift{
	top:0px;
}

/* The_Incorporated_Management_Committee.php */
.The_Incorporated_Management_Committee{
	padding-top:60px;
	padding-bottom:70px;
}

.The_Incorporated_Management_Committee-left{
	padding-top:50px;
	display:inline-block;
	vertical-align:top;
	width:57%;
}

.The_Incorporated_Management_Committee-right{
	padding-top:50px;
	display:inline-block;
	vertical-align:top;
	margin-left:-5px;
	width:43%;
	position:relative;
}

.The_Incorporated_Management_Committee-title{
	font-size:45.44px;
	color:#C61331;
	font-weight:lighter;
	/* padding-left:35px;
	padding-right:35px; */
}

.The_Incorporated_Management_Committee-bottom{
	bottom:0px;
	position:absolute;
	width:100%;
	padding-left:35px;
	padding-right:35px;
}

.The_Incorporated_Management_Committee-small-title{
	color:#C61331;
	font-size:17px;
	padding-bottom:5px;
	padding-top:19px;
}

.The_Incorporated_Management_Committee-small-msg{
	color:#7F7F7F;
	font-size:17px;

}

.The_Incorporated_Management_Committee-img{
	vertical-align:top;
	width:100%;
}

/* Events.php */
.Events-drop_down{
	text-align:right;
	padding-top:60px;
	padding-bottom:10px;
	position:relative;
	z-index:2;
}

.Events-drop_down-text{
	display:inline-block;
	vertical-align:top;
	color:#666666;
	font-size:14px;
	padding:6px 0px;
	padding-right:10px;
}

.Events-drop_down-button{
	display:inline-block;
	vertical-align:top;
	cursor:pointer;
	position:relative;
}

.Events-drop_down-button:hover{
	/* opacity:0.7; */
}

.Events-drop_down-button-text{
	display:inline-block;
	vertical-align:top;
	border:1px solid #C61330;
	color:#666666;
	font-size:14px;
	background:#FFF;
	padding:6px 0px;
	padding-left:12px;
	padding-right:68px;
}

.Events-drop_down-arrow{
	display:inline-block;
	vertical-align:top;
	height:33px;
	width:33px;
	background:#C61330;
	right:0px;
	top:0px;
	position:absolute;
}

.Events-drop_down-arrow-img{
	vertical-align:top;
	width:100%;
}

.Events-drop_down-item-container{

	    position: absolute;
    top: 32px;
   /*  right: 0px; */
   /*  width: 226.16px; */
	background:#FFF;
	border:1px solid #C61330;
	display:none;
	-webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.Events-drop_down-item{
	font-size:14px;
	padding:6px 12px;
	text-align:left;
	cursor:pointer;
}

.Events-drop_down-item:hover{
	opacity:0.7;
}

.Events-drop_down-item-a:link{
	color:#666666;
	text-decoration:none;
}

.Events-drop_down-item-a:visited{
	color:#666666;
	text-decoration:none;
}

.Events-page{
	font-size:16px;
	font-weight:lighter;
	text-align:right;
	padding-top:26px;
	padding-bottom:108px;
}

.Events-page-a:link{
	color:#A31332;
	text-decoration:none;
}

.Events-page-a:visited{
	color:#A31332;
	text-decoration:none;
}

.Events-page-a:hover{
	opacity:0.7;
}

.Events-left{
	display:inline-block;
	vertical-align:top;
	width:455px;
}

.Events-right{
	display:inline-block;
	vertical-align:top;
	margin-left:-4px;
	padding-left:33px;
	padding-right:17px;
	width:calc(100% - 506px);
	position:relative;
}

.Events-plus-img{
	width:17px;
	float:right;
	padding-top:8px;
	padding-bottom:16px;
	position:absolute;
	bottom:10px;
	right:10px;
}

.Events-plus-img:hover{
	opacity:0.7;
}

.Events-img{
	vertical-align:top;
	width:100%;
}

.Events-box{
	background:#FFF;
	width:100%;
	margin-bottom:22px;
	display:flex;

	-webkit-box-shadow: 0px 5px 14px 0px rgba(148,148,148,0.3);
	-moz-box-shadow: 0px 5px 14px 0px rgba(148,148,148,0.3);
	box-shadow: 0px 5px 14px 0px rgba(148,148,148,0.3);
}

.Events-box:first-child {
	margin-bottom:48px;
}


.Events-title{
	color:#393939;
	font-size:23px;
	font-weight:600;
	padding-top:35px;
	padding-bottom:25px;
}

.Events-date{
	color:#C61331;
	font-size:13px;
	font-style:italic;
	padding-bottom:10px;
}

.Events-msg{
	color:#7F7F7F;
	font-size:16px;
	line-height:1.6;
}

.Events-clear{
	clear:both;
}

/* Events_detail.php */

.Events-detail{
	padding-top:100px;
	padding-bottom:110px;
}

.Events-detail-left{
	display:inline-block;
	vertical-align:top;
	width:493px;
}

.Events-detail-right{
	display:inline-block;
	vertical-align:top;
	margin-left:-5px;
	padding-left:55px;
	width:830px;
}

.Events-detail1-img{
	vertical-align:top;
	width:100%;
	margin-bottom:14px;
}

.Events-detail2-img{
	vertical-align:top;
	width:100%;
	margin-bottom:14px;
}

.Events-detail_small-pic{
	margin-right:6.5px;
	vertical-align:top;
	margin-bottom:14px;
	cursor:pointer;
	width:calc(20% - 8.9px);
}

.Events-detail_small-pic:nth-child(5n){
	margin-right:0px;
}

.Events-detail-title{
	color:#393939;
	font-size:23px;
	font-weight:600;
}

.Events-detail-date{
	color:#C61331;
	font-size:13px;
	font-style:italic;
	padding-bottom:30px;
}

.Events-detail-msg{
	font-size:16px;
	color:#7F7F7F;
}

.Events-detail-a:link{
	color:#92268E;
	text-decoration:none;
	word-break: break-all;
}

.Events-detail-a:visited{
	color:#92268E;
	text-decoration:none;
}

.Events-detail-a:hover{
	opacity:0.7;
}

/* Staff.php */

.Staff-form-row-main{
	/* display:flex;
	flex-wrap: wrap; */
	-webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.Staff-form-row:nth-child(odd){
	display:inline-block;
	width:50%;
}

.Staff-form-row:nth-child(even){
	display:inline-block;
	width:50%;
	margin-left:-5px;
}


.Staff-form-row-left{
	width:50%;
	display:inline-block;
	vertical-align:top;
}

.Staff-form-row-right{
	width:50%;
	margin-left:-10px;
	display:inline-block;
	vertical-align:top;
}

.Staff-form-col{
	display:inline-block;
	vertical-align:top;
	padding:18px;
	margin-left:-1px;
	color:#333333;
	-webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.Staff-form-col-1{
	width:calc(10% - 36px);
	height:44px;
	margin-left:-5px;
}

.Staff-form-col-2{
	width:calc(62% - 36px);
	height:44px;
	margin-left:-5px;
}

.Staff-form-col-3{
	width:calc(27% - 36px);
	font-family:'Microsoft JhengHei', sans-serif;
	height:44px;
	margin-left:-5px;
}

.Staff-form-col-4{
	width:calc(15% - 36px);
	height:44px;
	margin-left:-5px;
}

.va-m{
	position:relative;
	top:50%;
	-ms-transform: translateY(-50%); /* IE 9 */
    -webkit-transform: translateY(-50%); /* Chrome, Safari, Opera */
    transform: translateY(-50%);
	-webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
/* our_profile.php */
.our_profile{
	padding-top:80px;
	padding-bottom:105px;
}

.our_profile-img1{
	width:100%;
	vertical-align:top;
	margin-bottom:20px;
}

.our_profile-img2{
	width:100%;
	vertical-align:top;
	margin-bottom:20px;
}

.our_profile-img3{
	width:100%;
	vertical-align:top;
}

.our_profile-left{
	display:inline-block;
	vertical-align:top;
	width:calc(100% - 610px);
	padding-top:25px;
}

.our_profile-right{
	display:inline-block;
	vertical-align:top;
	width:605px;
}

.our_profile-title{
	color:#C61331;
	font-size:23px;
	font-weight:600;
	margin-bottom:15px;
}

.our_profile-msg{
	color:#7F7F7F;
	font-size:16px;
	margin-bottom:50px;
	line-height:1.6;
}

.Our_Profile-ol{
	margin:0px;
	padding-left:20px;
}

.Our_Profile-form{
	margin-bottom:50px;

}

.Our_Profile-form-row{
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display:flex;
	margin-top:-1px;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap; /* Safari 6.1+ */
}


.Our_Profile-form-row::after{
	content: '';
	width: 100%;
}

.Our_Profile-form-row-4 span{
	font-family:Wingdings;
}

.Our_Profile-form-col{
	/* border:1px solid #000; */
	padding:18px;
	margin-left:-1px;
	color:#333333;
	-webkit-box-sizing: content-box!important;
    -moz-box-sizing: content-box!important;
    box-sizing: content-box!important;
}

.Our_Profile-form-col-top{
	padding:18px;
	/* border-bottom:1px solid #000; */
}

.Our_Profile-form-col-bottom{
	padding:18px;
}

.Our_Profile-form-col-1{
	width:calc(25% - 37px);
}

.Our_Profile-form-col-2{
	width:calc(30% - 37px);
}

.Our_Profile-form-col-3{
	width:calc(25% - 37px);
}

.Our_Profile-form-col-4{
	width:calc(20% - 38px);
}

.Our_Profile-form-row-5 .Our_Profile-form-col-3{
	/* border-right:1px solid #E8E3D6; */
}

.Our_Profile-form-row-5 .Our_Profile-form-col-4{
	/* border-left:1px solid #E8E3D6; */
}

.Our_Profile-form-row-9 .Our_Profile-form-col-1{
	width:calc(100% - 43.5px);
}

.Our_Profile-form-row-12 .Our_Profile-form-col-1{
	width:calc(100% - 43.5px);
}

.Our_Profile-form-row-13 .Our_Profile-form-col{
	width:calc(12.5%);
	padding:0px;
}

.Our_Profile-form-row-13b{
	display:none;
}

.Our_Profile-form-row-14 .Our_Profile-form-col-1{
	width:calc(100% - 41.5px);
}

.Our_Profile-form-row-14b .Our_Profile-form-col-1{
	width:calc(5% - 37px);
}

.Our_Profile-form-row-14b .Our_Profile-form-col-2{
	width:calc(50% - 37px);
}

.Our_Profile-form-row-14b .Our_Profile-form-col-3{
	width:calc(7% - 37px);
}

.Our_Profile-form-row-14b .Our_Profile-form-col-4{
	width:calc(38% - 37px);
}

.Our_Profile-form-row-15 .Our_Profile-form-col-1{
	width:calc(28% - 37px);
}

.Our_Profile-form-row-15 .Our_Profile-form-col-2{
	width:calc(22% - 37px);
}

.Our_Profile-form-row-15 .Our_Profile-form-col-3{
	width:calc(30% - 37px);
}

.Our_Profile-form-row-15 .Our_Profile-form-col-4{
	width:calc(20% - 37px);
}

.Our_Profile-form-row-16 .Our_Profile-form-col-1{
	width:calc(100% - 43.5px);
}

.Our_Profile-form-row-20 .Our_Profile-form-col-1{
	width:calc(100% - 43.5px);
}

.Our_Profile-form-row-23b{
	display:none;
}

.Our_Profile-form-row-23b .Our_Profile-form-col-1{
	width:calc(50% - 11px);
}

.Our_Profile-form-row-23b .Our_Profile-form-col-2{
	width:calc(50% - 11px);
}

.Our_Profile-text-b-title {
    width: 100%;
    color: #656565;
    line-height: 32px;
    font-size: 24px;
    font-weight: 300;
    padding-bottom: 23px;
}

.bgcolor1{
	background:#F0EDE4;
}

.bgcolor2{
	background:#E6E0D3;
}

.red{
	color:#C61331;
}

.nobottom{
	padding-bottom:10px;
}

.notop{
	padding-top:0px;
}

/* Our_History.php */
.Our_History-blank1{
	height:60px;
}

.Our_History-line{
	background-image:url(../images/Our_History-line_bg.png);
}

.Our_History{
	/* padding-top:100px; */
	padding-bottom:115px;
}

.Our_History-time_line-container{
     height:130px;
    text-align:center;
}

.Our_History-time_line-circle-active{
	 /* transform:scale(1.3);
	 -webkit-transform:scale(1.3);
     background:#800000!important; */
}

.Our_History-time_line-container-inside{
    display:inline-block;
    vertical-align:top;
    width:calc(100% - 110px);
    overflow-x:hidden;
    white-space:nowrap;
    padding-top:15px;
    padding-bottom:15px;
}

.Our_History-time_line-circle{
	display:inline-block;
	vertical-align:top;
	width:100px;
	height:100px;
	background:#C71431;
	border-radius:50px;
	margin:0px 77px;
	cursor:pointer;
	position: absolute;
    top: -45px;
    right: -80px;
}

.Our_History-time_line-circle-active{
	/* transform:scale(1.3);
	background:rgb(128, 0, 0); */
}
.Our_History-time_line-circle-text{
	position:relative;
	top:50%;
	transform:translateY(-50%);
	color:#FFF;
	font-size:30px;
	font-weight:lighter;
	text-align:center;
    -webkit-transform: translateY(-50%);
}

.previous, .next{
	/* position:relative;
	top:50%;
	transform:translateY(-50%);
    -webkit-transform: translateY(-50%); */
	cursor:pointer;
	top: -100px;
	position:relative;
}
.previous{
	 padding-right: 20px;
}
.next{
	 padding-left: 20px;
}
.Our_History-overflow{
	overflow:hidden;
	width: 100%;
	/* min-height:580px; */
	white-space:nowrap;
}

.Our_History-item-container{
	display:inline-block;
	vertical-align:top;
	width:31%;
	white-space:normal;
	position:relative;
	top:50px;
}

.Our_History-item-container:first-child{
	margin-left:-3%;
}

.Our_History-item{
	width:83%;
	margin:0px auto;
	transition:all 0.4s ease-in-out;
}

.Our_History-item-active{
	/* transform:scale(1.1);
	-webkit-transform: scale(1.1); */
}

.Our_History-item-img{
	padding-bottom:38px;
	width:100%;
	vertical-align:top;
}

.Our_History-vline{
	display:inline-block;
	vertical-align:top;
	width:2px;
	height:160px;
	margin-top:5px;
	margin-right:13px;
	background:#C61331;
}

.Our_History-text{
	display:inline-block;
	vertical-align:top;
	width:calc(100% - 20px);
}

.Our_History-text-title{
	color:#C61331;
	font-size:25px;
	font-weight:bold;
	padding-bottom:12px;
}

.Our_History-text-msg{
	color:#7F7F7F;
	font-size:14.36px;
}

.Our_History-text-msg ul{
	margin:0px;
	padding-left:25px;
}

.Our_History-text-msg ul li{
	padding-bottom:10px;
}

/* School_Calendar.php */
.School_Calendar{
	padding-top:60px;
	padding-bottom:100px;
}

.School_Calendar-title{
	font-size:45px;
	font-weight:lighter;
	color:#C61331;
	margin-bottom:20px;
}

.School_Calendar-previous, .School_Calendar-next{
	padding-top:25px;
	vertical-align:top;
	cursor:pointer;
	display:none;
}

.School_Calendar-previous{
	padding-right:90px;
}

.School_Calendar-next{
	padding-left:90px;
}


.School_Calendar-month-container{
	display:inline-block;
	vertical-align:top;
	width:calc(100% - 235px);
	padding-bottom:23px;
}

.School_Calendar-month{
	display:inline-block;
	margin-right:30px;
	font-size:20px;
	color:#7F7F7F;
	font-weight:lighter;
}

.School_Calendar-drop_down{
	display:inline-block;
	vertical-align:top;
	text-align:right;
	position:relative;
}

.School_Calendar-drop_down-text{
	display:inline-block;
	vertical-align:top;
	color:#666666;
	font-size:14px;
	padding:6px 0px;
	padding-right:10px;
}

.School_Calendar-drop_down-button{
	display:inline-block;
	vertical-align:top;
	cursor:pointer;
	position:relative;
}

.School_Calendar-drop_down-button:hover{
	opacity:0.7;
}

.School_Calendar-drop_down-button-text{
	display:inline-block;
	vertical-align:top;
	border:1px solid #C61330;
	text-align:left;
	font-size:14px;
	width:148.16px;
	background:#FFF;
	padding:6px 0px;
	padding-left:12px;
	padding-right:68px;
}

.School_Calendar-drop_down-arrow{
	display:inline-block;
	vertical-align:top;
	height:33px;
	width:33px;
	background:#C61330;
	right:0px;
	top:0px;
	position:absolute;
}

.School_Calendar-drop_down-arrow-img{
	vertical-align:top;
	width:100%;
}

.School_Calendar-drop_down-item-container{
	position:absolute;
	top:32px;
	right:0px;
	width:228.16px;
	background:#FFF;
	border:1px solid #C61330;
	display:none;
	z-index:1;
}

.School_Calendar-drop_down-item{
	font-size:14px;
	padding:6px 12px;
	text-align:left;
	cursor:pointer;
}

.School_Calendar-drop_down-item:hover{
	opacity:0.7;
}

.School_Calendar-drop_down-item-a:link{
	color:#666666;
	text-decoration:none;
}

.School_Calendar-drop_down-item-a:visited{
	color:#666666;
	text-decoration:none;
}

.School_Calendar-table{
	display: table;
}

.School_Calendar-week{
	height:44px;
	background:#C61331;
}

.School_Calendar-week-text{
	display:inline-block;
	vertical-align:top;
	text-align:center;
	position:relative;
	top:50%;
	transform:translateY(-50%);
	-webkit-transform: translateY(-50%);
	color:#FFF;
	font-size:26.24px;
	margin-left:-5px;
	width:calc(100% / 7);
}

.School_Calendar-week-text:first-child{
	margin-left:0px;
}

.School_Calendar-week-con{
	margin-bottom:7px;
}

.School_Calendar-week-day-box{
	display:inline-block;
	vertical-align:top;
	/* margin-left:-4px;
	margin-right:8.04px; */
	padding:10px;
	/* width:calc(100% / 7 - 7px - 20px); */
	/* width:calc(100% / 7 - 7px - 20.05px); */

	width: calc(14.2% - 8.04px - 20px);
	margin: 0 5px;

	/* min-height:247px; */
	min-height: 150px;
	background:#FFF;
	position:relative;
}

.School_Calendar-week-con .School_Calendar-week-day-box:first-child{
	background:#9992E4;
	margin-left:0px;
}

.School_Calendar-week-con .School_Calendar-week-day-box:first-child .School_Calendar-week-day{
	color:#FFF;
}

.School_Calendar-week-con .School_Calendar-week-day-box:nth-child(7){
	background:#9992E4;
	margin-right:0px;
}

.School_Calendar-week-con .School_Calendar-week-day-box:nth-child(7) .School_Calendar-week-day{
	color:#FFF;
}

.School_Calendar-week-day{
	text-align:right;
	color:#666666;
	font-weight:600;
	font-size:22.49px;
	padding-top:10px;
	padding-bottom:20px;
}

.School_Calendar-week-bullet{
	display:inline-block;
	vertical-align:top;
	height:8px;
	width:8px;
	border-radius:15px;
	background:#000;
	transform:translateY(100%);
	-webkit-transform: translateY(100%);
	margin-right:5px;
}

.School_Calendar-week-remark{
	display:inline-block;
	vertical-align:top;
	width:calc(100% - 20px);
	font-size:16px;
	color:#4C4C4C;
	margin-bottom:20px;
}

.School_Calendar-guide-container{
	background:#D7D2C6;
	margin-top:22px;
	padding-left:28px;
	padding-right:28px;
	padding-bottom:18px;
}

.School_Calendar-guide{
	display:inline-block;
	vertical-align:top;
	margin:0px 55px;
	padding-top:18px;
}

.School_Calendar-guide-bullet{
	display:inline-block;
	vertical-align:top;
	height:11px;
	width:11px;
	border-radius:15px;
	background:#000;
	position:relative;
	top:50%;
	transform:translateY(50%);
	-webkit-transform: translateY(50%);
}

.School_Calendar-guide-text{
	margin-left:20px;
	color:#7F7F7F;
	font-size:17px;
	display:inline-block;
	vertical-align:top;
}

.School_Calendar-month-a:link{
	color:#666666;
	text-decoration:none;
}

.School_Calendar-month-a:visited{
	color:#666666;
	text-decoration:none;
}

.School_Calendar-month-a:hover{
	opacity:0.7;
}

.School_Calendar-month-a-active{
	color:#C61331!important;
}

.hidden{
	display:none;
}

.visibility{
	visibility:hidden;
}

.pink, .holiday{
	background: #FFCCE0!important;
}

.purple{
	background:#93278F;
}

.green{
	background:#35B787;
}

.orange{
	background:#F15A24;
}

.blue{
	background:#356FB8;
}

.grey{
	background:#666666;
}

/* index.php */
.banner-board{
	position:absolute;
	width:450px;
	color:#FFF;
	font-size: 45px;
	font-weight:300;
	bottom:80px;
	padding-top:25px;
	padding-bottom:25px;
	padding-left:45px;
	padding-right:45px;
	min-height:60px;
	line-height:1.2;
	letter-spacing: -0.25px;
}

.banner-board-left{
	left:calc((100% - 1400px)/2);
}

.banner-board-right{
	right:calc((100% - 1400px)/2);
}

.banner-board-purple{
	background:rgba(101, 45, 144, 0.9);
}

.banner-board-red{
	background:rgba(163, 19, 50, 0.9);
}

.banner-img-div{
	width:100%;
}

.banner-img-div-inside{
	position:relative;
}


.news{
	margin-top:-42px;
	background:#E8E3D6;
	padding-bottom:58px;
}

.news-container{
	display:inline-block;
	width:75.8%;
}

.news-title-container{
	padding-top:82px;
	padding-bottom:10px;

}

.news-title{
	color:#C61331;
	font-size:45.44px;
	font-weight:300;
	display:inline-block;
}

.news-page{
	float:right;
	margin-right:20px;
	margin-top:20px;
}

.news-pages2{
	display:none;
	text-align:center;
	float:none;
	margin-right:0px;
	margin-top:20px;
}

.news-button{
	display:none;
}

.previous2 {
    background-color: #5f5f5f;
    color: white!important;
	text-decoration: none;
    display: table-cell;
    padding: 8px 10px;
}

.next2 {
    background-color: #5f5f5f;
    color: white!important;
	text-decoration: none;
    display: table-cell;
    padding: 8px 10px;
}

.round {
    height: 100px;
    vertical-align: middle;
	opacity:.7;
    font-size: 50px;
}
.news-previous{
	cursor:pointer;
	position:absolute;
	top: 139px;
    left: 0px;
}

.news-next{
	cursor:pointer;
	position:absolute;
	top: 139px;
    right: 0px;
}

.news-circle{
	font-family: arial;
	font-size: 50px;
	width: 16px;
	height: 16px;
    display: inline-block;
	color:#AAA79F;
	margin:0px 7px;
	opacity:0.7;
	cursor: pointer;
}

.news-circle-active{
	color:#A31332;
}

.news-pages2 .news-circle{
	font-family: arial;
	font-size: 70px;
	width: 16px;
	height: 16px;
    display: inline-block;
	color:#A31332;
	margin:0px 15px;
	opacity:0.6;
	cursor: pointer;
}

.news-pages2 .news-circle-active{
	opacity:1;
}

.news-div{
	display:inline-block;
	vertical-align:top;
	margin-right:10px;
	width:31.5%;
	/* min-height:386px; */
	background:#FFF;
	cursor:pointer;
}

.nd{
	-webkit-box-shadow: 0px 5px 14px 0px rgba(148,148,148,1);
	-moz-box-shadow: 0px 5px 14px 0px rgba(148,148,148,1);
	box-shadow: 0px 5px 14px 0px rgba(148,148,148,1);
}

.news-img{
	vertical-align:top;
	width:100%;
}

.news-title-b{
	font-size:17px;
	color:#393939;
	font-weight:600;
	padding-top:15px;
	padding-bottom:15px;
	padding-left:14px;
	padding-right:14px;
	width:calc(100% - 28px);
}

.news-date{
	padding-left:14px;
	padding-right:14px;
	color:#A31332;
	font-style:italic;
	font-size:13px;
	width:calc(100% - 28px);
}

.news-msg{
	color:#7F7F7F;
	font-size:15px;
	margin-top:5px;
	margin-bottom:5px;
	padding-left:14px;
	padding-right:14px;
	width:calc(100% - 28px);
	/* height:68px; */
}

.news-plus-img{
	width:18px;
}

.news-plus{
	padding-left:14px;
	padding-right:14px;
	width:calc(100% - 28px);
	text-align:right;
	margin-bottom:10px;
}

.news-plus-img{
	cursor:pointer;
	vertical-align:top;
}

.quicklink{
	display:inline-block;
	vertical-align:top;
	margin-top:153px;
	width:23%;
	background:#FFF;
	color:#A31332;
}

.quicklink-title{
	margin-left:20px;
	margin-right:20px;
	padding-bottom:10px;
	padding-top:10px;
	border-bottom:1px solid #A31332;
	font-size:38px;
	font-weight:300;
}

.quicklink-item{
	margin-top:17px;
	padding-bottom:17px;
	margin-left:20px;
	margin-right:20px;
	border-bottom:1px dashed #E0E0E0;
	font-size:20px;
	font-weight:300;
}

.quicklink-item:last-child{
	border-bottom:0px dashed #E0E0E0;
}

.quicklink-item-a:link{
	color:#393939;
	text-decoration:none;
}

.quicklink-item-a:visited{
	color:#393939;
	text-decoration:none;
}

.quicklink-item-a:hover{
	opacity:0.7;
}

.anniversary{
	background:url(../images/school_img.png);
	height:550px;
}

.anniversary-logo-img{
	max-width:244px;
	width:100%;
}

.anniversary-box{
	padding-left:33%;
	width:60%;
	position:relative;
	top:50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

.anniversary-title{
	color:#BF9261;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight:200;
}

.anniversary-title-span1{
	font-size:170px;
}

.anniversary-title-span2{
	font-size:61px;
	position:relative;
	top:-90px;
}

.anniversary-title-span3{
	font-size:130px;
}

.anniversary-msg{
	color:#FFF;
	font-size:16px;
	line-height:1.6;
	margin-bottom:37px;
}

.anniversary-button1{
	width:222px;
	height:45px;
	background:#BF9362;
	border-radius:30px;
	display:inline-block;
	margin-right:30px;
	cursor:pointer;

}

.anniversary-button2{
	width:316px;
	height:45px;
	background:#BF9362;
	border-radius:30px;
	display:inline-block;
	margin-right:30px;
	cursor:pointer;
}

.anniversary-button1:hover{
	opacity:0.7;
}

.anniversary-button2:hover{
	opacity:0.7;
}

.anniversary-button-text{
	position:relative;
	top:50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	color:#FFF;
	text-align:center;
}

.anniversary-logo{
	display:none;
}

.bannerb-box2{
	display:none;
	background:#FFF;
}

/* Vision_&_Mission.php */
.vision_Mission{
	padding-top:80px;
	padding-bottom:105px;
}

/* School_Plan_&_Reports.php */
.School_Plan_Reports{
	padding-top:80px;
	padding-bottom:105px;
}

/* School_Magazine.php */
.School_Magazine{
	padding-top: 24px;
	padding-bottom:111px;
}

.School_Magazine-container{
	margin-left:4px;
}

.School_Magazine-box{
	display:inline-block;
	vertical-align:top;
	width:22%;
	margin-left:-4px;
	margin-right:4%;
	margin-bottom:60px;
	background:#FFF;

	-webkit-box-shadow: 0px 5px 14px 0px rgba(148,148,148,0.3);
	-moz-box-shadow: 0px 5px 14px 0px rgba(148,148,148,0.3);
	box-shadow: 0px 5px 14px 0px rgba(148,148,148,0.3);
}

.School_Magazine-box:nth-child(4n) {
	margin-right:0px;
}

.School_Magazine-box-inside{
	padding:18px;
}

.School_Magazine-img{
	width:100%;
	vertical-align:top;
}

.School_Magazine-desc{
	padding-top:14px;
	font-size:17px;
	color:#7F7F7F;
	font-weight:600;
}

.School-Magazine-page{
	font-size:16px;
	text-align:right;
}

.School-Magazine-page-a:link{
	text-decoration:none;
	color:#C61331;
}

.School-Magazine-page-a:visited{
	text-decoration:none;
	color:#C61331;
}

.School-Magazine-page-a:hover{
	opacity:0.7;
}

.School-Magazine-page-a-active{
	border-bottom:1px solid #C61331;
}

/* Photo_Gallery.php */
.Photo_Gallery{
	padding-top:105px;
	/* padding-bottom:115px; */
}

.Photo_Gallery-pic-div{
	display:inline-block;
	vertical-align:top;
	margin-left:-4px;
	margin-right:2%;
	margin-bottom:30px;
	width:23.5%;
	position:relative;
	cursor:pointer;
}

.Photo_Gallery-pic-div2{
	display:inline-block;
	vertical-align:top;
	margin-left:-4px;
	margin-right:2%;
	margin-bottom:30px;
	width:23.5%;
	position:relative;
	cursor:pointer;
}

.Photo_Gallery-pic-purple{
	opacity:0;
	position:absolute;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	background:rgba(71, 39, 125, 1);
	-webkit-transition: all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;
	opacity:1;
	background:rgba(71, 39, 125, 0.8);
}

.Photo_Gallery-pic-purple:hover{
	opacity:0;
	/* background:rgba(71, 39, 125, 0.8); */
}

.Photo_Gallery-pic-purple-active{
	opacity:1;
	background:rgba(71, 39, 125, 0.8);
}

.Photo_Gallery-pic-purple-text{
	color:#FFF;
	font-weight:600;
	font-size:1.5em;
	position:relative;
	top:50%;
	transform:translateY(-50%);
	-ms-transform: translateY(-50%); /* IE 9 */
    -webkit-transform: translateY(-50%); /* Chrome, Safari, Opera */
	text-align:center;
}


.Photo_Gallery-pic-div:nth-child(4n+1) {
	margin-right:0px;
}

.Photo_Gallery-pic-div2:nth-child(4n) {
	margin-right:0px;
}

.Photo_Gallery-pic-img{
	width:100%;
	vertical-align:top;
}

.Photo_Gallery-pic-hidden{
	display:none;
}

/* all */
.common-intro2-expand{
	padding-top:15px;
}

.notransition {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}

.tc{
	font-family: 'Microsoft JhengHei', sans-serif;
}

.footer{
	background:#C71431;
	height:52px;
}

.footer-copyright{
	color:#FFF;
	text-align:center;
	font-weight:300;
	font-size:14px;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

.copyright-br{
	display:none;
}

/* slider pager */
.cycle-pager {
    text-align: center;
	width: 100%;
	z-index: 500;
	position: absolute;
	bottom: 50px;
	overflow: hidden;
}

.cycle-slideshow img{
	vertical-align:top;
	width:100%;
}

.cycle-pager span {
    font-family: arial;
	font-size: 50px;
	width: 16px;
	height: 16px;
    display: inline-block;
	color:#A31332;
	margin:0px 7px;
	opacity:0.7;
	cursor: pointer;
}

.cycle-pager span.cycle-pager-active {
	color:#A31332;
	opacity:1;
}

.cycle-pager > * {
	cursor: pointer;
}

.cycle-prev{
	position:absolute;
	top:50%;
	left:0px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	z-index:800;
	cursor:pointer;
}

.cycle-next{
	position:absolute;
	top:50%;
	right:0px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	z-index:800;
	cursor:pointer;
}
#admission_link:link, #admission_link:visited{
	color:#000000 !important;
}
#admission_link:hover{
	text-decoration: underline;
}
#admission_detail{
	font-size:unset;
	font-family: 'Microsoft JhengHei';
}
#admission_detail .div_left{
	display: inline-block;
	width: 20%;
	padding: 0%;
	vertical-align: top;
}

#admission_detail .div_right{
	display: inline-block;
	width: 73%;
	padding: 0%;
	vertical-align: top;
}
#admission_detail .div_right.date{
	padding-top: 5px;
}

#admission_list{
	padding-left: 15px;
}
#admission_list li.num::marker {
  	list-style-type: decimal !important;
}
#admission_list li.disc::marker {
  	list-style-type: disc !important;
}
#admission_list li.star::marker {
  	content: "❖"; /* Your symbol here */
}
#admission_list li.arrow::marker {
  	content: "➢"; /* Your symbol here */
}
#admission_list li.circle::marker {
  	content: "◦"; /* Your symbol here */
}
#admission_list li {
	padding-left: 0.8em;
	color: #000000;
	font-family: 'Microsoft JhengHei';
}
#admission_list li u {
	color: #000000;
}
#admission_list li.circle{
	margin-left: 23px;
}
#admission_detail a:link,#admission_detail a:visited{
	color: blue !important;
}

@media only screen and (max-width: 1450px) {
	/* all */
	.common-wrapper{
		width:calc(100% - 50px);
		margin:0px auto;
	}

	.common-wrapper2{
		max-width:100%;
	}

	.Our_History-time_line-container-inside{
		width:777px;
	}

	.submenu-pic{
		width:174px;
	}

	.menu2-menu-left{
		/* padding-left:10px;
		padding-right:10px;
		width:174px; */
		display:none;
	}


	.menu2-menu-pic{
		margin-right:5px;
	}

	.menu2-menu-title{
	}

	.menu2-menu-msg{
		padding-left:10px;
	}

	.menu2-menu-right{
		/* width:calc(100% - 194px); */
		width:100%;
	}

	.menu2-menu-mid{
		width:25%;
	}

	.menu2-menu-right:has(> .menu2-menu-mid:nth-last-child(n+6)) > .menu2-menu-mid {
		width: 24%;
	}

	/* index.php */
	.banner-board-right{
		right:40px;
	}

	.banner-board-left{
		left:40px;
	}
}

@media only screen and (max-width: 1400px) {
	/* index.php */
	.slider1-wrapper{
		width: calc(100% - 100px);
		margin:0px auto;
	}

	.slider1-box{
		width:100%;
	}

	.slider1-title{
		font-size:25px;
		padding-left:25px;
		padding-right:25px;
		width:calc(100% - 50px);
	}

	.slider1-msg{
		font-size:20px;
		padding-left:25px;
		padding-right:25px;
		width:calc(100% - 50px);
	}

	.slider11-msg{
		font-size:20px;
		padding-left:25px;
		padding-right:25px;
		width:calc(100% - 50px);
		padding-top:40px;
		padding-bottom:40px;
	}

	.slider1-tab{
		font-size:19.5px;
		padding-left:25px;
		padding-right:25px;
		width:calc(100% - 50px);
	}
	.logo{
		width: 62%;
	}

	.logo-img{
		width:70%;
		vertical-align: middle;
	}
	.banner-board-right{
		right:60px;
	}
	.banner-board.bottom_right {
		bottom: 100px!important;
	}
	.banner-board.top_left {
		left: 60px!important;
	}
	.menu2-item-list2{
		width:calc((100% / 4));
	}
	.quicklink-item{
		padding-bottom: 10px;
	}
	.banner-board{
		font-size: 30px;
	}

	.anniversary-title-span1{
		font-size:90px;
	}

	.anniversary-title-span2{
		font-size:20px;
		position:relative;
		top:-50px;
	}

	.anniversary-title-span3{
		font-size:90px;
	}

	.anniversary-box{
		width:calc(100% - 488px);
		padding-left:438px;
	}

	.anniversary-button1{
		width:190px;
	}

	.anniversary-button2{
		width:250px;
	}

	.news-msg{
		height:auto;
	}

	.quicklink-title{
		font-size:30px;
	}

	.quicklink-item{
		font-size:18px;
	}

	.news-container{
		margin-left:0px;
		width:76.4%;
	}

	/* School_Calendar.php */
	.School_Calendar-week-day-box{
		/* margin-left:-5px; */
		/* width:calc(100% / 7 - 7px - 19.2px); */
	}

	.School_Calendar-week-remark{
		font-size:13px;
	}

	.School_Calendar-month{
		font-size:17px;
	}

	/* all */

	.common-intro-msg{
		width:100%;
	}

	.common-wrapper2{
		width:100%;
	}

	.common-title{
		padding-right:25px;
	}

	.common-msg{
		padding-right:25px;
	}

	/* our_profile.php */
	.our_profile-left{
		width:calc(100% - 585px);
	}

	.our_profile-title{
		padding-right:25px;
	}

	.our_profile-msg{
		padding-right:25px;
	}

	.our_profile-right{
		width:580px;
	}

	/* The_Incorporated_Management_Committee.php */
	.The_Incorporated_Management_Committee-title{
		font-size:30px;
	}

	/* Events_detail.php */
	.Events-detail-right{
		width:calc(100% - 538px);
		padding-left:30px;
	}
}

@media only screen and (max-width: 1023px) {
	.School_Calendar-week-con{
		margin:0px;
	}
	/* School_Calendar.php */
	.School_Calendar-title{
		text-align:center;
		font-size:53px;
		margin-bottom:44px;
	}

	.School_Calendar-previous, .School_Calendar-next{
		display:block;
	}

	.School_Calendar-month-container{
		display:none;
	}

	.School_Calendar-drop_down{
		width:405px;
		margin:0px auto;
		display:block;
		margin-bottom:60px;
	}

	.School_Calendar-drop_down-button-text{
		width:320px;
		font-size:28px;
		color:#666666;
	}

	.School_Calendar-drop_down-arrow{
		height:52px;
		width:52px;
	}

	.School_Calendar-drop_down-item-container{
		width:400px;
		top:51px;
	}

	.School_Calendar-drop_down-arrow-img{
		padding-top:5px;
	}

	.School_Calendar-drop_down-item{
		font-size:28px;
	}

	.School_Calendar-week{
		display:none;
	}

	.School_Calendar-week-day-box{
		width: 97%;
		margin-right:0px;
		margin-left:0px;
		/* min-height:140px; */
		min-height: 35px;
		/* margin-bottom:22px; */
		margin-bottom: 15px;
	}

	.School_Calendar-week-day{
		font-size:38px;
		text-align:left;
		width:62px;
		display:inline-block;
		vertical-align:top;
		padding-top:0px;
		padding-bottom:0px;
		position:absolute;
		top:0px;
		left:15px;
	}

	.School_Calendar-week-remark{
		font-size:29px;
		width:calc(100% - 140px);
		display:inline-block;
		vertical-align:top;
		padding-top:10px;
		position:relative;
		left:90px;
	}

	.School_Calendar-week-bullet{
		position:relative;
		left:90px;
		width:14px;
		height:14px;
		margin-right:28px;
		transform:translateY(180%);
		-webkit-transform: translateY(180%);
	}

	.School_Calendar-guide-container{
		/* display:none; */

	}
	.School_Calendar-guide{
		margin: 0px 10px;
		display: block;
	}
	/* School_Magazine.php */
	.School_Magazine-box{
		width:48%;
		margin-right:4%;
		margin-bottom:60px;
	}

	.School_Magazine-box:nth-child(4n) {
		margin-right:4%;
	}

	.School_Magazine-box:nth-child(2n) {
		margin-right:0%;
	}

	.School-Magazine-page{
		font-size:34px;
		text-align:center;
	}

	/* Staff.php */
	.Staff-form-row-left{
		width:100%;
	}

	.Staff-form-row-right{
		width:100%;
		margin-left:0px;
	}

	.Staff-form-col-1{
		text-align:right;
		width:calc(15% - 36px);

	}

	.Staff-form-col-2{
		width:calc(45% - 36px);

	}

	.Staff-form-col-3{
		width:calc(20% - 36px);

	}

	.Staff-form-col-4{
		width:calc(20% - 36px);

	}

	/* our_profile.php */
	.our_profile-img1{
		display:block;
		margin-bottom:70px;
	}

	.our_profile-img2{
		display:block;
		margin-bottom:40px;
	}

	.our_profile-left{
		width:100%;
		display:block;
	}

	.our_profile-right{
		width:100%;
		display:block;
	}

	.our_profile-title{
		font-size:53px;
		padding-right:0px;
	}

	.our_profile-msg{
		font-size:29px;
	}

	/* row1 */
	.Our_Profile-form-row-1 .Our_Profile-form-col-1{
		width:calc(50% - 37px);
	}

	.Our_Profile-form-row-1 .Our_Profile-form-col-2{
		width:calc(50% - 37px);
	}

	.Our_Profile-form-row-1 .Our_Profile-form-col-3{
		width:calc(50% - 37px);
		margin-top:-1px;
	}

	.Our_Profile-form-row-1 .Our_Profile-form-col-4{
		width:calc(50% - 37px);
		margin-top:-1px;
	}

	/* row2 */
	.Our_Profile-form-row-2 .Our_Profile-form-col-1{
		width:calc(50% - 37px);
	}

	.Our_Profile-form-row-2 .Our_Profile-form-col-2{
		width:calc(50% - 37px);
	}

	.Our_Profile-form-row-2 .Our_Profile-form-col-3{
		width:calc(50% - 37px);
		margin-top:-1px;
	}

	.Our_Profile-form-row-2 .Our_Profile-form-col-4{
		width:calc(50% - 37px);
		margin-top:-1px;
	}

	/* row3 */
	.Our_Profile-form-row-3 .Our_Profile-form-col-1{
		width:calc(50% - 37px);
	}

	.Our_Profile-form-row-3 .Our_Profile-form-col-2{
		width:calc(50% - 37px);
	}

	.Our_Profile-form-row-3 .Our_Profile-form-col-3{
		width:calc(50% - 37px);
		margin-top:-1px;
	}

	.Our_Profile-form-row-3 .Our_Profile-form-col-4{
		width:calc(50% - 37px);
		margin-top:-1px;
	}

	/* row4 */
	.Our_Profile-form-row-4 .Our_Profile-form-col-1{
		width:calc(50% - 37px);
	}

	.Our_Profile-form-row-4 .Our_Profile-form-col-2{
		width:calc(50% - 37px);
	}

	.Our_Profile-form-row-4 .Our_Profile-form-col-3{
		width:calc(50% - 37px);
		margin-top:-1px;
	}

	.Our_Profile-form-row-4 .Our_Profile-form-col-4{
		width:calc(50% - 37px);
		margin-top:-1px;
	}

	/* row5 */
	.Our_Profile-form-row-5 .Our_Profile-form-col-1{
		width:calc(50% - 37px);
	}

	.Our_Profile-form-row-5 .Our_Profile-form-col-2{
		width:calc(50% - 37px);
	}

	.Our_Profile-form-row-5 .Our_Profile-form-col-3{
		display:none;
	}

	.Our_Profile-form-row-5 .Our_Profile-form-col-4{
		display:none;
	}

	/* row6 */
	.Our_Profile-form-row-6 .Our_Profile-form-col-1{
		width:calc(50% - 37px);
	}

	.Our_Profile-form-row-6 .Our_Profile-form-col-2{
		width:calc(50% - 37px);
	}

	.Our_Profile-form-row-6 .Our_Profile-form-col-3{
		width:calc(50% - 37px);
		margin-top:-1px;
	}

	.Our_Profile-form-row-6 .Our_Profile-form-col-4{
		width:calc(50% - 37px);
		margin-top:-1px;
	}

	/* row7 */
	.Our_Profile-form-row-7 .Our_Profile-form-col-1{
		width:calc(50% - 37px);
	}

	.Our_Profile-form-row-7 .Our_Profile-form-col-2{
		width:calc(50% - 37px);
	}

	.Our_Profile-form-row-7 .Our_Profile-form-col-3{
		width:calc(50% - 37px);
		margin-top:-1px;
	}

	.Our_Profile-form-row-7 .Our_Profile-form-col-4{
		width:calc(50% - 37px);
		margin-top:-1px;
	}

	/* row8 */
	.Our_Profile-form-row-8 .Our_Profile-form-col-1{
		width:calc(50% - 37px);
	}

	.Our_Profile-form-row-8 .Our_Profile-form-col-2{
		width:calc(50% - 37px);
	}

	.Our_Profile-form-row-8 .Our_Profile-form-col-3{
		width:calc(50% - 37px);
		margin-top:-1px;
	}

	.Our_Profile-form-row-8 .Our_Profile-form-col-4{
		width:calc(50% - 37px);
		margin-top:-1px;
	}

	/* row10 */
	.Our_Profile-form-row-10 .Our_Profile-form-col-1{
		width:calc(50% - 37px);
	}

	.Our_Profile-form-row-10 .Our_Profile-form-col-2{
		width:calc(50% - 39px);
	}

	.Our_Profile-form-row-10 .Our_Profile-form-col-3{
		width:calc(50% - 37px);
		margin-top:-1px;
	}

	.Our_Profile-form-row-10 .Our_Profile-form-col-4{
		width:calc(50% - 39px);
		margin-top:-1px;
	}

	/* row11 */
	.Our_Profile-form-row-11 .Our_Profile-form-col-1{
		width:calc(50% - 37px);
	}

	.Our_Profile-form-row-11 .Our_Profile-form-col-2{
		width:calc(50% - 39px);
	}

	.Our_Profile-form-row-11 .Our_Profile-form-col-3{
		width:calc(50% - 37px);
		margin-top:-1px;
	}

	.Our_Profile-form-row-11 .Our_Profile-form-col-4{
		width:calc(50% - 39px);
		margin-top:-1px;
	}

	/* row37 */
	.Our_Profile-form-row-37 .Our_Profile-form-col-1{
		width:calc(50% - 37px);
	}

	.Our_Profile-form-row-37 .Our_Profile-form-col-2{
		width:calc(50% - 37px);
	}

	.Our_Profile-form-row-37 .Our_Profile-form-col-3{
		width:calc(50% - 37px);
		margin-top:-1px;
	}

	.Our_Profile-form-row-37 .Our_Profile-form-col-4{
		width:calc(50% - 37px);
		margin-top:-1px;
	}

	.Our_Profile-form-row-13b .Our_Profile-form-col{
		padding:0px;
	}

	.Our_Profile-form-row-13b .Our_Profile-form-col-1a{
		width:calc(50% - 1px);
		margin-top:-1px;
	}

	.Our_Profile-form-row-13b .Our_Profile-form-col-1b{
		width:calc(50% - 1px);
		margin-top:-1px;
	}

	/* row14 */
	.Our_Profile-form-row-14 .Our_Profile-form-col-1{
		width:100%;
	}

	.Our_Profile-form-row-14 .Our_Profile-form-col-2{
		width:100%;
		margin-top:-1px;
	}

	/* row14b */
	.Our_Profile-form-row-14b .Our_Profile-form-col-1{
		width:calc(50% - 37px);
	}

	.Our_Profile-form-row-14b .Our_Profile-form-col-2{
		width:calc(50% - 33px);
	}

	.Our_Profile-form-row-14b .Our_Profile-form-col-3{
		width:calc(50% - 37px);
		margin-top:-1px;
	}

	.Our_Profile-form-row-14b .Our_Profile-form-col-4{
		width:calc(50% - 41px);
		margin-top:-1px;
	}

	/* row14c */
	.Our_Profile-form-row-14c .Our_Profile-form-col-1{
		width:calc(50% - 37px);
	}

	.Our_Profile-form-row-14c .Our_Profile-form-col-2{
		width:calc(50% - 39px);
	}

	.Our_Profile-form-row-14c .Our_Profile-form-col-3{
		display:none;
	}

	.Our_Profile-form-row-14c .Our_Profile-form-col-4{
		display:none;
	}

	/* row14c */
	.Our_Profile-form-row-15 .Our_Profile-form-col-1{
		width:calc(50% - 37px);
	}

	.Our_Profile-form-row-15 .Our_Profile-form-col-2{
		width:calc(50% - 39px);
	}

	.Our_Profile-form-row-15 .Our_Profile-form-col-3{
		display:none;
	}

	.Our_Profile-form-row-15 .Our_Profile-form-col-4{
		display:none;
	}

	/* row16 */
	.Our_Profile-form-row-16 .Our_Profile-form-col-1{
		width:calc(100% - 39px);
	}

	/* row17 */
	.Our_Profile-form-row-17 .Our_Profile-form-col-1{
		width:calc(50% - 37px);
	}

	.Our_Profile-form-row-17 .Our_Profile-form-col-2{
		width:calc(50% - 37px);
	}

	.Our_Profile-form-row-17 .Our_Profile-form-col-3{
		width:calc(50% - 37px);
		margin-top:-1px;
	}

	.Our_Profile-form-row-17 .Our_Profile-form-col-4{
		width:calc(50% - 37px);
		margin-top:-1px;
	}

	/* row18 */
	.Our_Profile-form-row-18 .Our_Profile-form-col-1{
		width:calc(50% - 37px);
	}

	.Our_Profile-form-row-18 .Our_Profile-form-col-2{
		width:calc(50% - 37px);
	}

	.Our_Profile-form-row-18 .Our_Profile-form-col-3{
		width:calc(50% - 37px);
		margin-top:-1px;
	}

	.Our_Profile-form-row-18 .Our_Profile-form-col-4{
		width:calc(50% - 37px);
		margin-top:-1px;
	}

	/* row19 */
	.Our_Profile-form-row-19 .Our_Profile-form-col-1{
		width:calc(50% - 37px);
	}

	.Our_Profile-form-row-19 .Our_Profile-form-col-2{
		width:calc(50% - 37px);
	}

	.Our_Profile-form-row-19 .Our_Profile-form-col-3{
		width:calc(50% - 37px);
		margin-top:-1px;
	}

	.Our_Profile-form-row-19 .Our_Profile-form-col-4{
		width:calc(50% - 37px);
		margin-top:-1px;
	}

	/* row20 */
	.Our_Profile-form-row-20 .Our_Profile-form-col-1{
		width:calc(100% - 39px);
	}

	/* row21 */
	.Our_Profile-form-row-21 .Our_Profile-form-col-1{
		width:calc(50% - 37px);
	}

	.Our_Profile-form-row-21 .Our_Profile-form-col-2{
		width:calc(50% - 37px);
	}

	.Our_Profile-form-row-21 .Our_Profile-form-col-3{
		width:calc(50% - 37px);
		margin-top:-1px;
	}

	.Our_Profile-form-row-21 .Our_Profile-form-col-4{
		width:calc(50% - 37px);
		margin-top:-1px;
	}

	/* row23 */
	.Our_Profile-form-row-23 .Our_Profile-form-col{
		width:calc(25% - 37px);
	}

	.Our_Profile-form-row-24 .Our_Profile-form-col{
		width:calc(25% - 37px);
	}

	/* row23 */
	.Our_Profile-form-row-23b .Our_Profile-form-col{
		width:calc(100% - 43px);
	}

	.Our_Profile-form-row-23b .Our_Profile-form-col{
		width:calc(100% - 43px);
	}

	/* Staff.php */
	.Staff-form-row:nth-child(odd) {
		width:100%;
	}

	.Staff-form-row:nth-child(even) {
		width:100%;
		margin-left:0px;
	}
	/* all */
	.common-intro{
		margin-top:0px;
	}

	.common-intro-nav{
		display:none;
	}

	.common-intro-title{
		padding-top:0px;
		text-align:left;
		font-size:50px;
		line-height: 55px;
	}

	.common-intro-msg{
		padding-top:20px;
		text-align:left;
		font-size:29px;
		padding-bottom:90px;
	}

	.common-intro-button{
		margin-left:0px;
		margin-right:auto;
	}

	.common-title{
		font-size: 30px;
		padding-right:0px;
	}

	.common-msg{
		font-size:29px;
	}

	.menu{
		background:#FFF;
		height:auto;
		border-bottom:10px solid #C61531;
		height:106px;
	}

	.menu-container{
		display:none;
	}

	.login-container{
		display:none;
	}

	.google_class-container{
		display:none;
	}

	.rmenu-con{
		float:right;
		display:block;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		position: relative;
		top: 50%;
		margin-right:40px;
	}

	.logo{
		display:inline-block;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		position: relative;
		top: 50%;
	}

	.menu2-container{
		display:none;
	}

	.menu2{
		display:none;
	}

	/* index.php */
	.banner-board{
		display:none;
	}

	.news{
		margin-top:0px;
	}

	.news3 {
		display:none!important;
	}

	.news-title{
		font-size:57px;
	}

	.quicklink{
		display:block;
		width:100%;
		margin-top:50px;
	}

	.quicklink-title{
		font-size:57px;
	}

	.quicklink-item{
		font-size:29.64px;
	}

	.news-container{
		display:block;
		width:100%;
	}

	.news-div{
		width:calc(50% - 8px);
	}

	.news2{
		margin-right:0px;
	}

	.anniversary{
		background:url() #4F2C87;
		height:auto;
	}

	.anniversary-box{
		padding-left:50px;
		padding-right:50px;
		width:calc(100% - 100px);
		top:0px;
		transform:translateY(0%);
		padding-top:110px;
		padding-bottom:110px;
	}

	.anniversary-title{
		text-align:center;
		padding-bottom:10px;
	}

	.anniversary-msg{
		font-size:29px;
	}

	.anniversary-button1{
		display:block;
		margin:0px auto;
		margin-top:80px;
	}

	.anniversary-button2{
		display:none;
	}

	.anniversary-logo{
		display:block;
		text-align:center;
	}

	.anniversary-title-span1{
		font-size:115px;
	}

	.anniversary-title-span2{
		font-size:37px;
	}

	.anniversary-title-span3{
		font-size:86px;
	}

	.anniversary-button-text{
		font-size:28px;
	}

	.anniversary-button1{
		width:312px;
		height:60px;
	}

	.bannerb-box{
		display:none;
	}

	.bannerb-box2{
		display:block;
	}

	.cycle-pager span{
		font-size:55px;
		margin:0px 17px;
	}

	.bannerb-box2 .bannerb-pager span{
		font-size:55px;
		margin:0px 17px;
	}

	.news-pages2 .news-circle{
		font-size:55px;
	}

	.cycle-pager{
		bottom:0px;
	}

	.menu2-container{
		display:none;
	}

	.menu2-body{
		display:none;
	}

	.slider1-box{
		display:block;
	}

	.news-pages1{
		display:none;
	}

	.news-pages2{
		display:block;
	}

	.bannerb-pager{
		margin-bottom:30px;
	}

	/* all */
	.common-wrapper{
		width:calc(100% - 100px);
		margin:0px auto;
	}

	.footer{
		height:141px;
	}

	.footer-copyright{
		font-size:25px;
	}

	.copyright-br{
		display:block;
	}

	/* The_Incorporated_Management_Committee.php */
	.The_Incorporated_Management_Committee-left{
		width:100%;
		height:auto;
	}

	.The_Incorporated_Management_Committee-right{
		padding-top:30px;
		display:block;
		margin-left:0px;
		width:100%;
		height:auto;
	}

	.The_Incorporated_Management_Committee-title{
		font-size:73px;
		padding-left:0px;
		padding-right:0px;
		padding-bottom:58px;
	}

	.The_Incorporated_Management_Committee-bottom{
		bottom:0px;
		position:relative;
		width:100%;
		padding-left:0px;
		padding-bottom:0px;
	}

	.The_Incorporated_Management_Committee-small-title{
		font-size:29px;
		padding-top:50px;

	}

	.The_Incorporated_Management_Committee-small-msg{
		font-size:29px;

	}

	.The_Incorporated_Management_Committee-img{
		vertical-align:top;
		width:100%;
	}

	.The_Incorporated_Management_Committee{
		padding-bottom:135px;
	}

	/* Events.php */
	.Events-drop_down{
		text-align:left;
		padding-top:68px;
		padding-bottom:44px;
		-webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
	    text-align: center;
	}

	.Events-drop_down-text{
		font-size:30px;
		-webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
	}

	.Events-drop_down-button{
		width:calc(100% - 125px);
		-webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
	}

	.Events-drop_down-button-text{
		font-size:30px;
		width:calc(100% - 80px);
		-webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
	}

	.Events-drop_down-item{
		font-size:30px;
		-webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
	}

	.Events-drop_down-arrow{
		width:66px;
		right:-1px;
		-webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
	}

	.Events-box{
		display:block;
	}

	.Events-left{
		display:block;
		width:100%;
	}

	.Events-right{
		display:block;
		width:calc(100% - 50px);
		padding-left:25px;
		padding-right:25px;
		margin-left:0px;
	}

	.Events-plus-img{
		position:relative;
	}


	.Events-box{
		margin-bottom:53px;
	}

	.Events-title{
		font-size:33px;
	}

	.Events-date{
		font-size:26px;
	}

	.Events-msg{
		font-size:29px;
	}

	.Events-plus-img{
		width:32px;
	}

	.Events-drop_down-item-container{
		top:56px;
		width:calc(100% - 125px);
		/* right:2px; */
		-webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
	}

	.Events-page{
		font-size:34px;
		text-align:center;
	}

	/* Events_detail.php */
	.Events-detail-left{
		display:block;
		width:100%;
	}

	.Events-detail-right{
		display:block;
		width:100%;
		padding-left:0px;
	}

	.Events-detail_small-pic{
		margin-right:1%;
		width:calc(15.8% - 4px);
	}

	.Events-detail_small-pic:nth-child(5n) {
		margin-right: 1%;
	}

	.Events-detail_small-pic:nth-child(6n) {
		margin-right: 0px;
	}

	.Events-detail-right{
		margin-left:0px;
	}

	.Events-detail-title{
		padding-top:30px;
		font-size:43.7px;
		line-height:1.1;
		padding-bottom:10px;
	}

	.Events-detail-date{
		font-size:24.7px;
	}

	.Events-detail-msg{
		font-size:30.4px;
		padding-bottom:30px;
	}

	.back-button{
		font-size:30.4px;
	}

	/* Our_History.php */
	.Our_History-time_line-container-inside{
		width:259px;
	}
	/* Our_Profile.php */
	.Our_Profile-text-b-title{
		font-size:43px;
	}

	#admission_detail,.content_a_content1{
		font-size:unset !important;
	}
	#admission_detail .div_left{
		display: block;
		width: 100%;
		padding-left: 0%;
		padding-bottom: 10px;
	}

	#admission_detail .div_right{
		display: block;
		width: 100%;
		padding-top: 5px;
		padding-bottom: 40px;
		line-height:1.5em;
	}
	#admission_list li {
	    padding-left: 0.8em;
	    color: #000000;
	    font-family: 'Microsoft JhengHei';
	    line-height: 1.5em;
	}
}

@media only screen and (max-width: 768px) {
	/* Photo_Gallery.php */
	.slider1-wrapper{
		width: calc(100% - 100px);
		margin:0px auto;
	}
	.slider1-box{
		width:100%;
	}

	.slider1-title{
		font-size:25px;
		padding-left:25px;
		padding-right:25px;
		width:calc(100% - 50px);
	}

	.slider1-msg{
		font-size:20px;
		padding-left:25px;
		padding-right:25px;
		width:calc(100% - 50px);
	}

	.slider11-msg{
		font-size:20px;
		padding-left:25px;
		padding-right:25px;
		width:calc(100% - 50px);
		padding-top:40px;
		padding-bottom:40px;
	}

	.slider1-tab{
		font-size:19.5px;
		padding-left:25px;
		padding-right:25px;
		width:calc(100% - 50px);
	}
	.Photo_Gallery-pic-div{
		margin-right:4%;
		width:48%;
	}
	.logo-img{
		width: 70%;
	}
	.Photo_Gallery-pic-div2{
		margin-right:4%;
		width:48%;
	}

	.Photo_Gallery-pic-purple-text{
		font-size:28px;
	}

	.Photo_Gallery-pic-div:nth-child(4n+1) {
		margin-right:2%;
	}

	.Photo_Gallery-pic-div:nth-child(2n+1) {
		margin-right:0%;
	}

	.Photo_Gallery-pic-div2:nth-child(4n) {
		margin-right:2%;
	}

	.Photo_Gallery-pic-div2:nth-child(2n) {
		margin-right:0%;
	}
}


@media only screen and (max-width: 750px) {
	/* index.php */
	.Our_History-time_line-circle{
		top: 0px;
		right: 0px;
		margin-right:0px;
	}
	.Our_History-item-container:first-child {
		margin-left: 0%;
	}
	.news-div-container{
		position:relative;
	}
	.previous, .next {
		display:none;
	}
	.news2{
		display:none!important;
	}
	.Our_History-overflow{
		max-width:none!important;
	}
	.news-div{
		width:100%;
	}

	.news-title-b{
		font-size:33px;
		padding-left:28px;
		padding-right:28px;
		width:calc(100% - 56px);
	}

	.news-date{
		font-size:26px;
		padding-left:28px;
		padding-right:28px;
		width:calc(100% - 56px);
	}

	.news-msg{
		font-size:29px;
		padding-left:28px;
		padding-right:28px;
		width:calc(100% - 56px);
	}

	.news-plus{
		margin-bottom:20px;
		padding-left:28px;
		padding-right:28px;
		width:calc(100% - 56px);
	}

	.news-plus-img{
		width:32px;
	}

	.anniversary-title-span1{
		font-size:48px;
	}

	.anniversary-title-span2{
		font-size:28px;
		top:-15px;
	}

	.anniversary-title-span3{
		font-size:38px;
	}

	.anniversary-msg{
		font-size:20px;
	}

	.anniversary-button-text{
		font-size:16px;
	}

	.anniversary-button1{
		width:222px;
		height:45px;
	}

	.anniversary-box{
		padding-left:28px;
		padding-right:28px;
		width:calc(100% - 56px);
	}

	.news-pages2{
		display:none;
	}

	.news-button{
		display:block;
	}

	/* School_Calendar.php */
	.School_Calendar-previous{
		padding-right:50px;
	}

	.School_Calendar-next{
		padding-left:50px;
	}

	/* Events.php */
	.Events-drop_down-button-text{
		font-size:20px;
	}

	.Events-drop_down-text{
		font-size:20px;
	}

	.Events-drop_down-arrow-img{
		height:41px;
	}

	.Events-drop_down-arrow{
		width:50px;
	}

	.Events-drop_down-button{
		width:calc(100% - 86px);
	}

	.Events-drop_down-item-container{
		    top: 41px;
		width:calc(100% - 86px);
		/* right:-1px; */
		-webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
	}

	.Events-drop_down-item{
		font-size:20px;
	}

	/* all */
	.logo{
		margin-left:20px;
	}

	.rmenu-con{
		margin-right:20px;
	}

	/* Photo_Gallery.php */
	.Photo_Gallery-pic-div{
		margin-right:4%;
		width:48%;
	}

	.Photo_Gallery-pic-div2{
		margin-right:4%;
		width:48%;
	}

	.Photo_Gallery-pic-purple-text{
		font-size: 1em;
	}

	.Photo_Gallery-pic-div:nth-child(4n+1) {
		margin-right:2%;
	}

	.Photo_Gallery-pic-div:nth-child(2n+1) {
		margin-right:0%;
	}

	.Photo_Gallery-pic-div2:nth-child(4n) {
		margin-right:2%;
	}

	.Photo_Gallery-pic-div2:nth-child(2n) {
		margin-right:0%;
	}

	/* Our_History.php */
	.Our_History-blank1{
		display:none;
	}

	.Our_History-line{
		display:none;
	}

	.Our_History-overflow{
		white-space:normal;
		overflow-x:initial;
		height:auto;
		padding-top: 50px;
	}

	.Our_History-item-container{
		top:0px;
		transform:translateY(0%);
		-webkit-transform: translateY(0%);
		width:100%;
	}

	.Our_History-item-active{
		/* transform:scale(1);
		-webkit-transform: scale(1); */
	}

	.Our_History-item{
		width:100%;
		transition:all 0s ease-in-out
	}

	.Our_History-vline{
		display:none;
	}

	.Our_History{
		padding-top:0px;
		padding-bottom:0px;
	}

	.Our_History-text{
		width:100%;
	}

	.Our_History-hline{
		height:1px;
		background:#C71431;
		width:100%;
		margin-top:26px;
		margin-bottom:67px;
	}

	.Our_History-text-title{
		font-size:54.3px;
	}

	.Our_History-text-msg{
		font-size:24px;
	}

	/* Our_Profile.php */

	/* row13 */
	.Our_Profile-form-row-13{
		display:none;
	}

	/* row13b */
	.Our_Profile-form-row-13b{
		display:flex;
		flex-wrap:wrap;
		margin-top:0px;
	}

	/* row23 */
	.Our_Profile-form-row-23, .Our_Profile-form-row-24{
		display:none;
	}

	/* row23b */
	.Our_Profile-form-row-23b{
		display:flex;
	}
}

@media only screen and (max-width: 500px) {
	/* all */
	.previous, .next {
		display:none;
	}
	.common-wrapper1{
		display:none;
	}
	.slider_mobile{
		display:block;
	}
	.slider1{
		display:none;
	}
	.news-previous{
	cursor:pointer;
	position:absolute;
	top: 100px;
    left: 0px;
	}

	.news-next{
		cursor:pointer;
		position:absolute;
		top: 100px;
		right: 0px;
	}
	.School_Calendar-week-con{
		margin:0px;
	}

	.p_more{
		width : 180px;
	}
	.common-intro-title{
		padding-top:0px;
		text-align:left;
		font-size: 30px;
		padding-bottom: 15px;
		line-height: 35px;
	}

	.common-intro-msg{
		padding-top:20px;
		text-align:left;
		font-size:16px;
		padding-bottom:90px;
	}

	.common-content{
		padding-top:38px;
		padding-bottom:50px;
	}

	.common-wrapper{
		width:calc(100% - 50px);
		margin:0px auto;
	}
	.slider1-wrapper{
		width:calc(100% - 50px);
		margin:0px auto;
	}

	/* School_Calendar.php */
	.School_Calendar-title{
		font-size:35px;
	}

	.School_Calendar-previous{
		/* padding-right: 10px;
		padding-top: 10px; */
		/* width: 3%; */
		width: 30%;
		padding:0px;
		display: block;
	}

	.School_Calendar-next{
	/* 	padding-left:10px;
		padding-top:10px; */
		/* width: 3%; */
		 width: 30%;
		 padding:0px;
		     display: block;
	}

	.School_Calendar-week-day{
		font-size:22.49px;
	}

	.School_Calendar-week-remark{
		width:calc(100% - 100px);
		font-size:18.74px;
		padding-top:4px;
		left:50px;
	}

	.School_Calendar-week-bullet{
		width:8px;
		height:8px;
		transform:translateY(180%);
		-webkit-transform: translateY(180%);
		left:50px;
	}

	.School_Calendar-week-day-box{
		width:calc(100% - 20px);
	}


	.School_Calendar-drop_down{
		width:199px;
		margin-bottom:30px;
	}

	.School_Calendar-drop_down-button-text{
		width:145px;
		font-size:12px;
		padding-right:40px;
	}

	.School_Calendar-drop_down-arrow{
		height:31px;
		width:31px;
	}

	.School_Calendar-drop_down-item-container{
		width:197px;
		top:30px;
	}

	.School_Calendar-drop_down-arrow-img{
		padding-top:2px;
	}

	.School_Calendar-drop_down-item{
		font-size:12px;
	}

	/* School_Magazine.php */
	.School_Magazine-box{
		width:100%;
		margin-right:0px!important;
		margin-bottom:60px;
	}

	.School-Magazine-page{
		font-size:16px;
		text-align:center;
	}

	/* Staff.php */

	.Staff-form-col-1{
		text-align:left;
		width:calc(100% - 36px);
	}

	.Staff-form-col-2{
		width:calc(100% - 36px);
	}

	.Staff-form-col-3{
		width:calc(1000% - 36px);
	}

	.Staff-form-col-4{
		width:calc(1000% - 36px);
	}
	/* .our_profile.php */
	.our_profile-img1{
		display:block;
		margin-bottom:20px;
	}

	.our_profile-img2{
		display:block;
		margin-bottom:20px;
	}

	.our_profile-left{
		width:100%;
		display:block;
	}

	.our_profile-right{
		width:100%;
		display:block;
	}

	.our_profile-title{
		font-size:23px;
	}

	.our_profile-msg{
		font-size:16px;
		margin-bottom:30px;
	}

	/* all */
	.common-title{
		font-size:23px;
	}

	.common-msg{
		font-size:16px;
		padding-bottom:30px;
	}

	.logo{
		width:72%;
	}

	.logo-img{
		width:100%;
		vertical-align: middle;
	}

	.rmenu-con{
		width: 6%;
		margin-top: 1px;
	}

	.rmenu-img{
		width:100%;
	}

	.common-intro-msg{
		padding-bottom:40px;
	}

	/* index.php */

	.quicklink-item{
		font-size:20px;
	}

	.slider1-box{
		width:100%;
	}

	.slider1-title{
		font-size:25px;
		padding-left:25px;
		padding-right:25px;
		width:calc(100% - 50px);
	}

	.slider1-msg{
		font-size:20px;
		padding-left:25px;
		padding-right:25px;
		width:calc(100% - 50px);
	}

	.slider11-msg{
		font-size:20px;
		padding-left:25px;
		padding-right:25px;
		width:calc(100% - 50px);
		padding-top:40px;
		padding-bottom:40px;
	}

	.slider1-tab{
		font-size:19.5px;
		padding-left:25px;
		padding-right:25px;
		width:calc(100% - 50px);
	}

	.news-container{
		width:100%;
	}

	.news-title{
		font-size:30px;
	}

	.news-title-b{
		font-size:20px;
		padding-left:25px;
		padding-right:25px;
		width:calc(100% - 50px);
	}

	.news-date{
		font-size:15px;
		padding-left:25px;
		padding-right:25px;
		width:calc(100% - 50px);
	}

	.news-msg{
		font-size:15px;
		padding-left:25px;
		padding-right:25px;
		width:calc(100% - 50px);
	}

	.news-plus-img{
		width:18px;
	}

	.news-pages2 .news-circle{
		font-size:40px;
		margin:0px 3px;
	}

	.quicklink{
		width:100%;
	}

	.quicklink-title{
		font-size:30px;
	}

	.cycle-pager span{
		font-size: 40px;
		margin: 0px 7px;
	}

	.bannerb-box2 .bannerb-title{
		padding-left:25px;
		padding-right:25px;
		width:calc(100% - 50px);
		font-size:17px;
		padding-bottom:10px;
	}

	.bannerb-box2 .bannerb-msg{
		padding-left:25px;
		padding-right:25px;
		width:calc(100% - 50px);
		font-size:15px;
		padding-bottom:10px;
	}

	.bannerb-box2 .bannerb-pager span{
		font-size: 40px;
		margin: 0px 7px;
	}

	/* The_Incorporated_Management_Committee.php */

	.The_Incorporated_Management_Committee-title{
		font-size:45.44px;
	}

	.The_Incorporated_Management_Committee-small-title{
		font-size:17px;
	}

	.The_Incorporated_Management_Committee-small-msg{
		font-size:17px;
	}

	/* Events.php */
	.Events-drop_down-button-text{
		font-size:12px;
	}

	.Events-drop_down{
		padding-top:0px;
		padding-bottom:20px;
	}

	.Events-drop_down-text{
		font-size:14px;
		display:block;
		width:100%;
		text-align:left;
	}

	.Events-drop_down-arrow-img{
		height:30px;
	}

	.Events-drop_down-arrow{
		width:35px;
		height:30px;
	}

	.Events-drop_down-button{
		display:block;
		width:100%;
		margin-left:0px;
	}

	.Events-drop_down-item-container{
		    top: 61px;
			width: 100%;
			/* right: -2px; */
		-webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
	}

	.Events-drop_down-item{
		font-size:14px;
	}

	.Events-title{
		font-size:23px;
	}

	.Events-date{
		font-size:13px;
	}

	.Events-msg{
		font-size:16px;
	}

	.Events-plus-img{
		width:17px;
	}

	.Events-page{
		font-size:16px;
		padding-top:0px;
		padding-bottom:0px;
	}

	/* Events.php */
	.Events-detail-title{
		padding-top:30px;
		font-size:23px;
		line-height:1.1;
		padding-bottom:10px;
	}

	.Events-detail-date{
		font-size:13px;
	}

	.Events-detail-msg{
		font-size:16px;
		padding-bottom:30px;
	}

	.back-button{
		font-size:16px;
	}

	/* Photo_Gallery.php */
	.Photo_Gallery-pic-div{
		margin-right:0%;
		width:100%;
	}

	.Photo_Gallery-pic-div2{
		margin-right:0%;
		width:100%;
	}

	.Photo_Gallery-pic-purple-text{
		font-size: 1em;
	}

	.Photo_Gallery-pic-div:nth-child(4n+1) {
		margin-right:0%;
	}

	.Photo_Gallery-pic-div2:nth-child(4n) {
		margin-right:0%;
	}

	/* Our_History.php */
	.Our_History-text-title{
		font-size:31.42px;
	}

	.Our_History-text-msg{
		font-size:14.36px;
	}

	/* Our_Profile.php */
	.Our_Profile-text-b-title{
		font-size:24px;
	}
	/* all */

	.rmenu-login{
		font-size:15px;
		padding-left:30px;
		padding-top:20px;
		padding-bottom:20px;
	}

	.rmenu-login-arrow{
		width:64px;
	}

	.rmenu-login-arrow-img{
		width:50%;
	}

	.rmenu-menu{
		font-size:18px;
	}

	.rmenu-ul3{
		font-size:18px;
		padding-left:30px;
	}

	.rmenu-ul li{
		padding-left:30px;
	}


	.submenu li{
		padding-left:15px;
	}

	.submenu2{
		padding-left:30px;
	}

	.footer-copyright{
		font-size:14px;
	}

	.footer{
		height:70px;
	}

	.Staff-form-col-1 {
		text-align: right;
		width: calc(15% - 36px);
	}

	.Staff-form-col-1 .va-m{
		/* display:none; */
	}
	.Staff-form-col{
		padding-bottom: 0px;
		padding-top: 0px;
	}
	.Staff-form-col-2 {
		width: calc(70% - 36px);
	}
	.Staff-form-col-3{
		height:30px;
	}
	.Staff-form-row{
		padding-bottom:10px;
		padding-top:10px;
	}
	.common-padding2{
		padding-top:0px;
	}
	.common-intro-button-a2{
		text-align:center;
		margin:auto;
	}
	.cycle-pager{
		display:none;
	}
	.cycle-next{
	   width: 6%;
	}
	.cycle-prev{
	   width: 6%;
	}
	.rmenu-login-arrow-img{
		  width: 40%;
	}
	.rmenu-login-arrow {
		width: 50px;
	}
	.menu{
		height:70px;
	}
	.logo-img {
		    width: 100%;
	}
}

.impact_stories_detail_title1 {
    width: 100%;
    color: #C61331;
    padding-top: 45px;
    padding-bottom: 10px;
    line-height: 45px;
    font-size: 35px;
    letter-spacing: -1px;
}

.impact_stories_detail_title2 {
    width: 100%;
    color: #C61331;
    line-height: 32px;
    font-size: 24px;
    font-weight: 500;
    /* margin-top: -10px; */
    padding-bottom: 5px;
}

.content_a_content1{
	width: 100%;
    color: #333333;
    padding-bottom: 30px;
    line-height: 27px;
    font-size: 16px;
}

li.content_a_content1{
    padding-bottom: 10px;
}


.staff-row-container{
  padding: 22px 18px;
  color:#333;
}

.staff-row-container:nth-child(2n-1){
    background-color:#F0EDE4;
}

.staff-field-left {
    display:inline-block;
    margin-left:5%;
    margin-right:5%;
    width:25%;
    vertical-align:top;
}

.staff-field-right {
    display:inline-block;
    width:60%;
    margin-left:-5px;
    vertical-align:middle;
}