/* iPhone 6 plus width */
@media screen and (max-width: 736px) {
	.m_menu_main {
		width: 100%;
		height: 100%;
		overflow-x: hidden;
		position: absolute;
	}

	.m_menu {
		-webkit-transition:transform 0.4s;
		transition: transform 0.4s;
		width: 50%;
		height: 100%;
		position: absolute;
		right: 0px;
		z-index: 300;
		transform: translateX(0vw);
		-webkit-transform: translateX(0vw);
	}

	.m_menu.hide{
		transform: translateX(50vw);
		-webkit-transform: translateX(50vw);
	}

	.m_menu ul {
		margin-top: 20vw;
		margin-left: 3vw;
	}
	.m_menu ul>ul{
		margin: 0px;
		margin-top: -1px;
		font-weight: 800;
	}
	.m_menu ul>ul>li{
		text-align: left;
		color: #FFF;
		line-height: 11.5vw;
		font-size: 4vw;
		padding-left: 12.8vw;
	}

	.m_menu .catBrowser-item {
		width: 100%;
	}
	.m_menu .catBrowser-item div {
		width: 100%;
	}

	.m_menu .catBrowser-item > div {
		display: flex;
		display: -ms-flexbox;
		display: -webkit-flex;
	}

	.m_menu .catBrowser-item div > span {
		font-size: 4vw;
		line-height: 2.5;
		margin: 1vw 0px;
		/* margin-left: 5vw; */
		font-weight: 800;
	}

	.slogan{
		padding-top: 4.4vw;
		padding-bottom: 1.4vw;
		font-size: 3.5vw;
		background-size: 100% 108%;
	}
	
	.catBrowser-label:before{
		height: auto;
		width: 20px;
		margin-right: 10px;
	}

	.m_menu .catBrowser-item{
		-webkit-transform: translateX(0);
		transform: translateX(0);
		margin-top: -1px;
	}

	.m_menu.hide .catBrowser-item {
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
	}

	.header {
		/* background: url("../images/heading_bk_m.png") no-repeat;
		background-size: 100% 100%;
		background-position: right bottom; */
		position: relative;
	}

	.header img {
		width: 80vw;
	}
	
	.menu_btn {
		background: url("../images/icon_menu.png") no-repeat;
		background-size: 100% auto;
		height: 11vw;
		width: 11vw;
		position: absolute;
		top: 29%;
		right: 2%;
		cursor: pointer;
		z-index: 300;
	}

	#main{
		min-width: 100%;
		padding: 0px;
	}

	.non-Mobile{
		display: none!important;
	}

	.mobile-only {
		display: block;
	}

	.sect_1_2 {
		width: 100%;
		float: none;
	}

	.subPage-main{
		/*padding: 6px 0px;*/
		padding: 0px;
	}

	.subPage-title-slogan {
		color: #FFF;
		font-size: 3.5vw;
		margin: 1.3vw 4.2vw;
		max-width: 100%;
	}
	
	.subPage-title:before {
		display: none;
	}

	.cat_1 .subPage-Sect-title, .cat_1 .subPage-title   { background-color: #B70202;}
	.cat_2 .subPage-Sect-title, .cat_2 .subPage-title   { background-color: #ffa300;}
	.cat_3 .subPage-Sect-title, .cat_3 .subPage-title   { background-color: #a2c31e;}
	.cat_4 .subPage-Sect-title, .cat_4 .subPage-title   { background-color: #11c2e2;}
	.cat_5 .subPage-Sect-title, .cat_5 .subPage-title   { background-color: #eb1c79;}
	.cat_6 .subPage-Sect-title, .cat_6 .subPage-title   { background-color: #ea6a00;}

	#container .subPage-Sect-title,
	#container .subPage-title {
		width: 100%;
		padding: 10px 30px;
	}

	#container .subPage-Sect-title {
		text-align: center;
		padding: 12px 30px;
	}
	
	#container .subPage-title {
		z-index: 0;
	}

	.subPage-Sect-title h1, .subPage-title h1 {
		font-size: 5vw;
	}

	.subPage-Sect-title h1{
		font-size: 7vw;
	}

	.subPage-right-panel{
		padding: 0px;
	}

	.subPage-content {
		border: 0px;
		padding: 20px 6vw;
	}
	
	#container .home_page_section:nth-child(1){
		height: 63vw;
		overflow: hidden;
	}

	.home_page_list {
		width: 100%;
	}

	.home_page_section .sub_sect:first-child{
		padding-right: 0px;
	}

	.home_page_section .sub_sect:last-child{
		padding-left: 0px;
		margin-top: 7px;
	}

	.home_page_section .sect_1_2.sub_sect{
		margin-top: 0px;
	}
	.home_page_section{
	/* margin: 15px 0px;
	display: block; */
	overflow: auto;
	}

	.external_link {
			width: 100%;
			display: inline-block;
			padding: 5px 5px;
	}

	.external_link .is-link {
		width: 33.3%;
	}

	.fb_link{
		width: 100%;
		display: inline-block;
		text-align: left;
		padding: 0px 10px;
		margin-top: 20px;
	}
	
	.fb_iframe_widget {
		float: none;
		float: initial;
		padding: 0 auto;
	}

	.footer {
		margin: 0px;
		/* padding: 20px 0vw; */
		/* padding-top: 20px; */
		/* font-size: 3.5vw; */
		width: 100vw;
	}
	

	.footer .content > div.copyright{
		white-space: normal;
	}
	
	.footer .footer2 .copyright {
		word-break: keep-all;
	}

	.subPage-content h2 {
		font-size: 6vw;
		margin-bottom: 2vw;
	}
	.selectForm_btn, .selectClass_btn {
		font-size: 27px;
		max-width: 100%;
		max-height: 100%;
		padding: 5vw 0px;
	}

	.selectForm_btn {
		width: 24.8vw;
	}
	
	.selectClass_btn {
		width: 18.5vw;
	}
	
	.selectSchDay_btn {
		width: 82vw;
		padding: 3vw;
		max-width: 100%;
		max-height: 100%;
		margin: 1.7vw 0px;
		font-size: 5vw;
	}

	.hw_detail img{
		width: 100%;
	}

	.contact_us {
		width: 100%;
	}

	.subPage-content input{
		margin-bottom: 5vw;
	}

	.submit_btn{
		height: 10vw;
		padding: 0px 27px;
		font-size: 5vw;
	}
	
	.folder {
		/*height: 39vw;*/
	}
	.folder {
		width: 49%;
		max-width: 100%;
		max-width: initial;
	}
	.folder .album_thumbnail::before {
		font-size: 4.5vw;
		right: 1.4vw;
		top: 0.5vw;
	}
	.staffGroup .album_thumbnail:before {
		top: initial;
	}
	.folder .album_thumbnail {
		margin-bottom: 1.8vw;
	}
	.folder .album_title p {
		font-size: 14px;
	}
	.album_title {
		white-space: normal;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		height: 53px;
		overflow: hidden;
	}
	.staff_title {
		padding: 5px 1.2vw;
	}
	.folder .staff_title p {
		font-size: 2.7vw;
	}
	.photoGroup .item{
		width: 46.3%;
		max-width: 100%;
		max-width: initial;
		height: 30vw;
		margin:4px;
	}
	.width_33_100,.width_66_100{
		width: 100% !important;
	}
	
	.width_25_50 {
		width: 49% !important;
	}
	
	.width_33_33 {
		width: 32% !important;
	}
	
	.width_33_50 {
		width: 49% !important;
	}

	.width_33_50 img{
		width: 100% !important;
		max-height: 100%;
		max-height: initial !important;
	}

	.width_50_50 img{
		width: 100% !important;
		max-height: 100%;
		max-height: initial !important;
	}

	.yrrecordphoto {
		margin: -20px -6vw;
	}

	.tabMenu {
		height: 48px;
		overflow-x: auto;
		overflow-y: hidden;
	}
	
	.tabMenuContainer {
		overflow-x: auto;
		overflow-y: hidden;
		padding-bottom: 30px;
		white-space: nowrap;
	}
	
	.tagBtnGroup .hscroll_btn,
	.tabMenu .hscroll_btn{
		top: 0.8vw;
		height: 78%;
		width: 7vw;
		position: absolute;
		cursor: pointer;
		background-color: RGBA(0, 0, 0, 0);
		opacity: 0;
		margin: 0px 11px;
	}

	.tagBtnGroup .hscroll_btn.scrollL,
	.tabMenu .hscroll_btn.scrollL{
		left: -6px;
		background: url("../images/arrow_left.gif") no-repeat;
		background-size: 50% 90%;
		background-position: center left;
	}
	
	.tagBtnGroup .hscroll_btn.scrollR,
	.tabMenu .hscroll_btn.scrollR{
		right: -6px;
		background: url("../images/arrow_right.gif") no-repeat;
		background-size: 50% 90%;
		background-position: center right;
	}
	
	.tagBtnGroup .hscroll_btn:hover,
	.tabMenu .hscroll_btn:hover {
		opacity: 0.5;
	}
	
	.tagBtnGroup .hscroll_btn,
	.tabMenu .hscroll_btn{
		display: block;
	}
	
	.yrrecordphoto .tagBtnGroup,
	.tagBtnGroup {
    overflow-x: auto;
    overflow-y: hidden;
    height: 13vw;
    position: relative;
  }
	
	.tagBtnContainer {
			overflow-x: auto;
			overflow-y: hidden;
			padding-bottom: 30px;
			white-space: nowrap;
	}

	button.tagBtn,
	.tabBtn {
		font-size: 4vw;
	}

	button.tagBtn {	
	 margin-top: 1.6vw;
	}
	
	.popup-inner .playSlideShowBtn{
		height: 7vw;
		width: 7vw;
	}

	.yrrecordphoto .folder {
		height: 58vw;
	}

	#links_an_calendar{
		width: 100%;
	}
	
	#news_list{
		width: 100%;
		margin-bottom: 15px;
		margin-top: 150px;
	}
	
	#video{
		width: 100%;
	}

	.students_section {
		height: 100%;
		margin-bottom: -10%;
	}
	
	.students_bar {
		display: block;
		text-align: center;
		margin-top: 60px;
	}
	
	#students .icon {
		width: 40vw;
		position: absolute;
		top: 60%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	#students .students_campus_tv {
		width: 40vw;
		height: 30vw;
		/* background: #3FC6BE; */
		display: inline-block;
		position: relative;
		margin-right: 1vw;
	}
	
	#students .students_campus_album {
		width: 40vw;
		height: 30vw;
		/* background: #F6BB6D; */
		display: inline-block;
		position: relative;
		margin-right: 1vw;
	}
	
	#students .students_scouts {
		width: 40vw;
		height: 30vw;
		/* background: #FB807C; */
		display: inline-block;
		position: relative;
		margin-right: 1vw;
	}
	
	#students .students_chinese_history {
		width: 40vw;
		height: 30vw;
		/* background: #907CA1; */
		display: inline-block;
		position: relative;
		margin-right: 1vw;
	}
	
	#students .students_stem {
		width: 40vw;
		height: 30vw;
		/* background: #3C6787; */
		display: inline-block;
		position: relative;
		margin-right: 1vw;
	}

	#students .students_reading {
		width: 40vw;
		height: 30vw;
		/* background: #3C6787; */
		display: inline-block;
		position: relative;
	}
	  
	#students .students_section_title {
		width: 100%;
		height: 30%;
		/* background: #44A49D; */
		position: absolute;
		bottom: -10px;
		text-align: center;
		color: white;
		font-weight: 700;
		line-height: 280%;
		word-wrap: break-word; 
		font-size: 15px;
	}
	
	.classIcon {
		height: 4.5vw;
		width: 10vw;
		vertical-align: -2px;
	}
	
	.hw_detail p {
		font-size: 3.5vw;
		margin-bottom: 5vw;
  	}
  	.selectClass_btn:hover{
		background-color: #39b54a;
	}

	.temporary-hide {
		display: none;
	}

	.footer .footer1 {
		width: 100%;
		/* height: 17vh; */
		background: #C8DAC6;
		color: black;
		text-align: center;
		position: relative;
		font-size: 13px;
	}


	.footer .footer1 .footer1_info {
		width: 100%;
	}
	
	.footer .footer2 {
		width: 100%;
		/* height: 15vh; */
		background: #44A49D;
		color: white;
		text-align: center;
		position: relative;
	}

	.footer .footer2 .footer2_right {
		width: 100%;
		font-size: 13px;
	}

	.controlBtnGtp {
		bottom: -15px;
		left: 50%;
    	transform: translate(-50%, -50%);
	}

	.video-section {
		height: auto;
	}

	.news-list-div {
		/* margin-top: 27vh;  */
	}

	.contentNameTag{
		background-color: rgba(255, 255, 255, 0.8);
		position: absolute;
		left: 0;
		right: 0;
		bottom: 20px;
		margin: auto;
		height: 15%;
		/* min-width: 96%;
		max-width: 500px;
		min-height: 20%;
		max-height: 89px; */
	}
	
	.contentNameTag .name-tag-contents{
		background: #6DC3C1; 
		width: 22%;
		height: 100%;
		/* width: 155px; 
		height: 89px; */
	}
	
	.name-tag-contents .name-tag-img{
		padding: 12%;
		padding-top: 7%;
		width: 100%;
		/* width: 90px; 
		float: left; 
		padding: 21px 15px; */
	}
	
	.name-tag-contents .name-tag-title{
		float: left; 
		width: 55px; 
		color: white; 
		padding: 14px 0px;
		font-size: 20px;
		font-weight: bold;
		display: none;
	}
	
	.contentName{
		position: absolute;
		left: 0;
		right: 0;
		bottom: 18px;
		margin: auto;
		/* min-width: 96%;
		max-width: 500px;
		min-height: 20%;
		max-height: 300px; */
		z-index:10;
		white-space: nowrap;
		overflow: hidden;
	}
	
	.content-name{
		margin-top: 15px;
		/* margin-top: 25px; */
		text-align: center;
		color: #274F74;
		padding-left: 25%;
		font-size: 24px;
		height: 100%;
	}

	.link-div-teacher-title {
		position: absolute;
		left: 58%;
		top: 30%;
		color: white;
		font-size: 20px;
		font-weight: bold;
		text-align: center;
	}
	
	.link-div-intranet-title {
		position: absolute;
		left: 57%;
		top: 30%;
		color: white;
		font-size: 20px;
		font-weight: bold;
		text-align: center;
	}
	
	#news_list .list_detail{
		height: 90%;
		overflow-y: auto;
	}


	.fancybox-wrap.fancybox-desktop.fancybox-type-html.fancybox-opened{
		width: 90% !important;
		left: unset !important;
		margin-left:5% !important;
	}

	.fancybox-inner{
		width: unset!important;
	}

	.fancybox-inner div{
		width: unset!important;
	}
}
	

@media screen and (max-width: 400px) {
	.tabMenu {
		height: 10vw;
	}
	
}

@media screen and (min-width: 736px) and (max-width: 990px){
	/* #students .students_section_title {
		width: 100%;
		height: 20%;
		/* background: #44A49D;
		position: absolute;
		bottom: 0;
		text-align: center;
		color: white;
		font-weight: 700;
		line-height: 280%;
	} */
	#students .students_section_title {
		width: 100%;
		height: 45%;
		position: absolute;
		text-align: center;
		bottom: 0%;
		color: white;
		font-weight: 700;
		line-height: 320%;
	}
}