/* iPhone 6 plus width */
@media screen and (max-width: 736px) {
	.header {
    height: 26vw;
    padding: 10px 10px 0px 15px;
  }
	.header a {
		float: left;
		width: 77%;
		max-width: 100%;
	}
	.header_banner{
		width: 100%;
		position: relative;
		height: 37%;
		max-width: 88%;
	}
	
	.menu_btn {
		background: url("../images/icon_menu.png") no-repeat;
		background-size: 100% auto;
		height: 11vw;
		width: 11vw;
		position: absolute;
		top: 22%;
		right: 4%;
		cursor: pointer;
		z-index: 300;
	}
	.m_menu_main {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    margin: 0px;
  }
	.m_menu ul {
    margin-top: 20vw;
  }
	.m_menu.hide {
			transform: translateX(50vw);
			-webkit-transform: translateX(50vw);
	}
	.m_menu .catBrowser-item {
    width: 100%;
    -webkit-transform: translate3d(0%,0,0);
    transform: translate3d(0%,0,0);
    list-style: none;
  }
	
	.m_menu.hide .catBrowser-item {
		-webkit-transform: translate3d(100%,0,0);
		transform: translate3d(100%,0,0);	
	}
	
	.m_menu .catBrowser-item > div {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
		padding-left: 4vw;
  }
	.m_menu .catBrowser-item div > span {
    font-size: 4.3vw;
    line-height: 3.1;
    font-weight: 700;
  }
	.catBrowser-label::before {
    height: 12.4vw;
    width: 6.4vw;
    margin-right: 8px;
  }
	
	.m_menu {
			-webkit-transition: transform 0.4s;
			transition: transform 0.4s;
			width: 36%;
			height: 100%;
			position: absolute;
			right: 0px;
			z-index: 300;
			transform: translateX(0vw);
			-webkit-transform: translateX(0vw);
			background-color: #FFD41D;
			overflow: auto;
	}
	
	.m_menu ul > ul {
    margin: 0px;
    margin-left: 12.8vw;
    margin-top: -1.2vw;
  }
	.m_menu ul > ul > li {
			text-align: left;
			color: #535353;
			line-height: 250%;
			font-size: 3.6vw;
			font-weight: 700;
			list-style: disc;
	}
	#main{
		min-width: 100%;
		padding: 0px;
	}
	
	#container{
		float: left;
	}
	#container .home_page_section:nth-child(1) {
		margin-top: 0px;
		height: auto;
	}
	
	#container .home_page_section:nth-child(1) .sub_sect{
	width: 100%;
  }
	#container .home_page_section:nth-child(1) .sect_1_1.sub_sect{
	height: 81vw;
  }
	#sider1.photo_sider .controlBtnGtp {
		bottom: 2.2vw;
		border-radius: 5px;
	}
	
	#sider1 .controlBtnGtp .controlBtnDot {
			border: 1.5vw solid #B3B3B3;
	}
	#sider1 .controlBtnGtp .controlBtnDot.curr {
		border: 1.5vw solid #4D4D4D;
	}
	.sect_1_2 .section_topic .list_topic_main{
		font-size:4.2vw;
	}
	.sect_1_2 .section_topic .read_more{
		font-size:3.3vw;
	}

	.sect_3_1,
	.sect_3_3 {
			width: 100%;
	}
	
	.sect_3_1 .ext_link_btn{
		width: 50%;
		float: left;
	}
	
	.sect_3_3 .ext_link_li{
		display: block;
	}
	
	.sect_3_3 .ext_link_li li{
		display: inline-block;
		margin: 1px 0px 1px 10px;
		width: 45%;
		padding-right: 0px;
	}
	
	.sect_3_3 .ext_link_li li:before{
		content: "• ";
	}
	
	.subPage-Sect-title, .subPage-title {
		font-size: 10px;
		padding: 3px 33px;
		width: 60%;
		display: block;
		position: relative;
		z-index: 2;
		padding-top: 10px;
	}
	
	.subPage-Sect-title{
    background-color: #26354a;
		color: #FFF;
    width: 100%;
    text-align: center;
    padding: 12px 30px;
    /*!  */
	}
	
	.back_menu_icon,
	.sub_menu_icon{
		position: absolute;
		cursor: pointer;
	}
	
	.back_menu_icon {
		height: 100%;
		width: 7vw;
		left: 6%;
		top: 0px;
    background: url("../images/icon_back_arrow.svg") no-repeat;
		background-size: 100% auto;
		background-position: center;
  }

	.sub_menu_icon {
		height: 100%;
		width: 6vw;
		right: 7%;
		top: 0px;
		transition: ease 0.5s all;
		background: url("../images/icon_menu_arrow.svg") no-repeat;
		background-size: 98% auto;
		background-position: center;
	}

	.sub_menu_icon.isUp {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
	}
	
	.subPage_menu ul {
			padding: 11px 0px;
			display: none;
	}
	
	.subPage-Sect-title h1 {
			font-size: 7vw;
	}
	
	.subPage-right-panel{
	 width: 100%;	
	 margin-left: 0px;
	 border: 0px;
	 padding: 5vw 5vw;
	}
	
	.subPageHeader{
		display: none;
	}
	.subPage_menu {
			position: absolute;
			right: 0px;
			z-index: 200;
			box-shadow: 1px 1px 8px RGBA(42, 42, 42, 0.56);
			margin-top: 10px;
			background-color: #26354a;
	}
	.subPage_menu li {
			font-size: 5vw;
		  list-style: none;
	}
	.subPage_menu li a{
		padding-right: 13px;
		width: 37vw;
	}
	.subPage_menu li a > li {
			padding: 5px 7px;
	}
	.width_66_100,.width_33_100{
		width: 100%;
	}
	
	.width_25_50 {
		width: 49%;
	}
	
	.width_33_33 {
		width: 32%;
	}
	
	.width_33_50,.width_50_50 {
		width: 49%;
	}

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

	.width_50_50 img{
		width: 100%;
		max-height: 100%;
		max-height: initial !important;
	}
	.grouping.photoGroup,
	.grouping.staffGroup {
			margin-top: -17px;
	}
	.tabMenu {
		height: 8.4vw;
		overflow-x: auto;
		overflow-y: hidden;
	}
	.tabMenu.facility{
		height: 13.4vw;
	}
	.tabMenuContainer {
		overflow-x: auto;
		overflow-y: hidden;
		/*padding-bottom: 5vw;*/
		white-space: nowrap;
	}
	.tabMenuContainer
	{
		background-color: #e85e00;
	}
	button.tagBtn,
	.tabBtn 
	{
		margin: 0px;
		padding: 5px 17px;
		cursor: pointer;
		white-space: nowrap;
		color: #FFF;
		font-weight: 800;
		font-size: 18px;
		display: inline-block;
		line-height: initial;
		background-color: #e85e00;
		border-right: 3px solid #ffdb43;
		height: 37px;
		vertical-align: middle;
	}
	.tagBtnGroup .hscroll_btn,
	.tabMenu .hscroll_btn{
		top: 1.2vw;
		height: 55%;
		width: 4vw;
		position: absolute;
		cursor: pointer;
		background-color: RGBA(0, 0, 0, 0);
		opacity: 0;
		margin: 0px 11px;
	}
	
	.photoGroup .hscroll_btn{
		height: 78%;
	}
	
	.facility .hscroll_btn{
		width: 7vw;
	}

	.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;
	}
	
	.tagBtnContainer {
			overflow-x: auto;
			overflow-y: hidden;
			padding-bottom: 30px;
			white-space: nowrap;
	}
	
	.tagBtnGroup {
    overflow-x: auto;
    overflow-y: hidden;
    height: 10vw;
    position: relative;
  }
	
	button.tagBtn,
	.tabBtn {
		font-size: 4vw;
		padding: 0vw 3vw;
		height: 5.8vw;
	}
	
	button.tagBtn {
		height: 7.8vw;
		padding: 0vw 3vw;
	}

	button.tagBtn {	
	 margin-top: 1.6vw;
	}
	.facility .tabMenuContainer {
		display: block;
		width: auto;
		background-color: transparent;
		padding-bottom: 30px;
		white-space: nowrap;
	}
	.facility .tabBtn{
		border: 0px;
		margin-right: 7px;
		width: auto;
		height: 9.4vw;
		padding: 0;
	} 
	
	.facility .lv_btn {
		padding: 2.2vw 7vw;
	}

	.facility .tabBtn p{
		display: block;
	}
	
	.selectSchDay_btn {
			float: none;
			width: 100%;
			max-width: 100%;
			max-width: initial;
			margin: 10px 0px;
			height: 20vw;
	}
	.selectSchDay_btn span div {
    display: inline-flex;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    font-size: 6.3vw;
  }
	.selectSchDay_Day {
		margin-left:  7vw;
	}
	.selectSchDay_wkDay {
    margin-bottom: 0px;
  }
	
	.selectSchDaySect h2, .selectClassSect h2 {
    text-align: center;
    margin-bottom: 10px;
	 font-size: 7vw;
  }
	.selectForm_btn, .selectClass_btn {
    width: 25.4vw;
    height: 25.4vw;
    max-width: 100%;
    max-width: initial;
    max-height: 100%;
    max-height: initial;
    font-size: 9vw;
    margin: 1.3vw;
  }
	.showHW_btn {
    font-size: 7.2vw;
    width: 100%;
  }
	.folder {
    height: 39vw;
		    width: 49%;
    max-width: 100%;
    max-width: initial;
  }
	.folder .album_title p {
    font-size: 2.8vw;
    margin-bottom: 0.2vw;
  }
	.folder .album_thumbnail {
    margin-bottom: 1.8vw;
  }
	.staffGroup .folder {
		height: 29vw;
	}
	.staffGroup .folder .staff_title p {
    font-size: 2.5vw;
    margin-bottom: 1.1vw;
  }
	.photoGroup .item {
    width: 46.3%;
    max-width: 100%;
    max-width: initial;
    height: 30vw;
    margin: 4px;
  }
	.popup-inner .playSlideShowBtn {
    height: 7vw;
    width: 7vw;
  }
	.footer{
		font-size: 3.2vw;
	}
	.contact_us {
    width: 100%;
  }
	.facility_img{
		margin-top:  -14px;
	}
	.facility_img .fac_img_container.currLevel{
		display: block;
	}
	.facility_img .fac_img_container p{
		font-size: 4.5vw; 
		margin-bottom: 1vw;
	}
	.facility_img .fac_img_container p:before{
		display: inline-block;
		content: "\A";
		background: url("../images/icon_cam.png") no-repeat bottom/100%;
		width: 6.4vw;
		height: 5vw;
		margin-right: 1.8vw;
	}
	.non-Mobile{
		display: none!important;
	}
	.mobile-only {
		display: block;
	}
}

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