/* iPhone 6 plus width */
@media screen and (max-width: 736px) {
	#vcatBrowser {
		display: none
}
	.bg_help_Top,.bg_help_bottom,.header_banner{
		display: none
	}
	.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%;
	}

.player{
	width:40vw;
    height: 22.5vw;
}
#player{

    width: 75vw;
    height: 42.1875vw;
}
	.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(57vw);
		-webkit-transform: translateX(57vw);
	}
	.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: 9vw;
	}
	.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: 57%;
		height: 100%;
		position: absolute;
		right: 0px;
		z-index: 300;
		transform: translateX(0vw);
		-webkit-transform: translateX(0vw);
		background-color:rgb(55, 155, 123);
		overflow: auto;
	}

	.m_menu ul > li > ul {
		margin: 0px;
		margin-left: 17.8vw;
		margin-top: -1.2vw;
	}
	.m_menu ul > li > ul > li {
		text-align: left;
		color: #FFFFFF;
		line-height: 250%;
		font-size: 3.6vw;
		font-weight: 700;
    list-style: none;
	}
	#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;
	}
	div#news,div#whatisflip,div#newvideo{
		width: 90vw;
		margin: auto;
		max-width: 100%;
		margin-bottom:10px;
	}
	form.loginboxform{
		width: 100%;
		max-width: 100%;
		padding: 30px;
	}
	#sider1{

		width: 100%;
		max-width: 100%;
	}
	#sider1 .controlBtnGtp .controlBtnDot {
		border: 1.5vw solid rgb(0,52,0);
	}
	#sider1 .controlBtnGtp .controlBtnDot.curr {
		border: 1.5vw solid rgb(170,212,66);
	}
	.sect_1_2,.sect_1_1 {
	display: block;
	}
	.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: rgb(55, 155, 123);
		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: rgb(55,155,123);
	}
	.subPage_menu li {
		font-size: 3.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;
	}
}