@media (min-width: 959px) and (max-width: 1200px) {}

@media (max-width: 959px) {

	/*行動版左側選單_包住*/
	#w {
		position: relative;
		overflow-x: hidden;
		overflow-y: hidden;
	}

	/*行動版上方*/
	#w #pagebody {
		position: relative;
		left: 0;
		z-index: 99999;
	}

	#w #pagebody #toolbarnav {
		position: fixed;
		display: block;
		left: 0px;
		top: 0px;
		z-index: 9999;
		width: 100%;
		height: 60px;
		background: #fff;
		box-shadow: 0 8px 20px -8px rgba(0, 0, 0, 0.1);
	}

	#w #pagebody #toolbarnav #logo-mobile {
		position: absolute;
		left: 50%;
		width: 200px;
		margin-left: -100px;
	}

	#w #pagebody #toolbarnav #menu-btn {
		width: 60px;
		height: 40px;
		margin: 8px;
		background: url(../images/menu.png) center center no-repeat #6c6c6c;
		border: 0;
		text-indent: -999999px;
		position: absolute;
		top: 0;
		left: 0;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		-border-radius: 3px;
		box-shadow: inset 0 1 1px #000;
		cursor: pointer;
	}

	#w #pagebody #content {
		display: block;
		height: 100%;
		z-index: 9999;
		padding-top: 70px;
	}

	/*行動版左側選單_選單*/
	#w #navmenu {
		background: #6c6c6c;
		height: 100%;
		display: block;
		position: fixed;
		width: 200px;
		left: 0px;
		top: 0px;
		z-index: 0;
		overflow-x: hidden;
		overflow-y: auto;
		z-index: 99999;
	}

	#w #navmenu header {
		display: block;
		height: 44px;
	}

	#w #navmenu header h2 {
		text-align: center;
		padding-top: 10px;
		color: #e6e8f2;
		font-weight: bold;
		font-size: 2.1em;
		text-shadow: 1px 1px 0px #313131;
	}

	/*連結*/
	#w #navmenu ul {
		list-style: none;
	}

	#w #navmenu li {
		width: 100%;
		float: left;
	}

	#w #navmenu ul li a {
		display: block;
		color: #fff;
		font-size: 1.1em;
	}

	#w #navmenu ul li a:visited {
		text-decoration: none;
	}

	#w #navmenu ul li a:hover {
		color: #FFF;
		text-decoration: none;
	}

	#w #navmenu ul li .qa_title:hover {
		background: #000;
	}

	/*連結下拉*/
	#menu #qaContent li .qa_title {
		font-size: 0.95em;
		padding: 10px;
		color: #fff;
		cursor: pointer;
		font-weight: normal;
		border-bottom: 1px solid #fff;
		background: #6c6c6c;
		text-align: left;
	}

	#menu #qaContent li .qa_title a {
		font-size: 0.95em;
	}

	#menu #qaContent li .qa_content li {
		font-size: 0.8em;
		border-bottom: none;
	}

	#menu #qaContent li .qa_content li a {
		display: block;
		font-size: 1.2em;
		line-height: 30px;
		padding: 5px 0 5px 10px;
		color: #000;
		background: #eee;
		text-align: left;
	}

	/* 行動版快捷按鈕 */
	#mobile-sub-nav {
		display: flex;
		width: 100%;
		background-color: rgba(130, 125, 120, 1);
		border-top: 1px solid rgba(255, 255, 255, 0.2);
		margin-top: 60px;
	}

	#mobile-sub-nav .nav-item {
		flex: 1;
		text-align: center;
		padding: 12px 4px;
		color: #ffffff;
		text-decoration: none;
		font-size: 15px;
		font-weight: 500;
		box-sizing: border-box;
	}

	#mobile-sub-nav .nav-item:not(:last-child) {
		border-right: 1px solid rgba(255, 255, 255, 0.3);
	}

	#mobile-sub-nav .nav-item:active {
		background-color: #96632a;
	}


	/*統一設定*/
	.container {
		width: 96%;
		margin: 0 2%;
	}

	.container02 {
		width: 100%;
	}

	.web {
		display: none;
	}

	.mobile {
		display: block;
	}

	.addtop100p {
		padding-top: 0 !important;
	}

	.w30 {
		width: 100%;
	}

	.w40 {
		width: 100%;
	}

	.w50 {
		width: 100%;
	}

	.w60 {
		width: 100%;
	}

	/*網頁版上方*/
	header {
		display: none;
	}

	nav {
		display: none;
	}


	/*首頁*/
	#banner {
		height: auto;
		padding: 50px 0;
		-moz-background-size: cover;
		-webkit-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}

	#word {
		text-align: center;
		padding-top: 30px;
		padding-right: 0;
	}

	#word b {
		font-size: 0.8em;
		margin-bottom: 15px;
		letter-spacing: 5px;
	}

	#word h2 {
		font-size: 2em;
		margin-bottom: 15px;
	}

	#word h3 {
		font-size: 1em;
	}

	#word #phone a {
		display: block;
		width: 80%;
		margin: 15px auto;
	}

	/*首頁關於*/
	#index-about {
		margin: 10px 0;
	}

	#index-about .left {
		width: 100%;
	}

	#index-about .right {
		width: 98%;
		margin: 0 auto;
		padding-top: 25px;
		padding-bottom: 25px;
		color: #626262;
	}


	/*醫養結合*/
	#medical .left {
		float: left;
		width: 96%;
		margin-left: 2%;
	}

	#medical-bottom .left {
		float: left;
		width: 98%;
		margin-right: 1%;
		margin-left: 1%;
		margin-bottom: 5%;
	}

	#medical-bottom .left:nth-child(3) {
		margin-right: 1%;
	}


	/*首頁入住須知*/
	#index-qualified {
		background-blend-mode: multiply;
		text-align: left;
	}

	#index-fb {
		background-blend-mode: multiply;
	}

	#index-qualified h3,
	#index-fb h3 {
		font-size: 2em;
	}

	#index-qualified p,
	#index-fb p {
		font-size: 1.1em;
		line-height: 2em;
	}


	/*內頁共用*/
	h1.title,
	h2.title {
		margin-top: 0;
		font-size: 1.8em;
	}

	#bg-in {
		height: auto;
	}


	/*關於我們*/
	#about .left,
	#about .right {
		width: 100%;
		padding: 5px;
	}

	/*醫養結合*/
	#medical h3 {
		font-size: 1.8em;
		line-height: 1.2em;
		margin: 35px 0 10px 0;
	}

	#medical li {
		margin: 5px;
	}

	/*長照服務*/
	.service01 .left,
	.service01 .right,
	.service02 .left,
	.service02 .right,
	.service03 .left,
	.service03 .right {
		float: left;
		width: 100%;
		margin: 0;
	}

	/*入住須知*/
	#qualified .left {
		width: 100%;
	}

	#qualified .right {
		width: 100%;
	}

	#qualified h4 {
		line-height: 1.2em;
	}

	a.qualified-dowload {
		font-size: 1.1em;
	}

	/*優質環境*/
	#surroundings h3.title {
		text-align: center;
		margin-top: 50px;
	}

	#surroundings p {
		text-align: center;
	}

	#surroundings h4 {
		font-size: 1.2em;
	}

	.surroundings-two,
	.surroundings-four,
	.surroundings-three,
	.surroundings-one {
		margin-bottom: 25px;
	}

	.surroundings-two .left,
	.surroundings-four .left,
	.surroundings-three .left,
	.surroundings-one {
		width: 100%;
		margin: 0;
		padding: 25px;
	}

	/*預約諮詢*/
	#contact .left,
	#contact .right {
		padding: 25px;
		width: 100%;
	}

	/*尾部*/
	footer .column-left {
		float: none;
		width: 96%;
	}

	footer .column-right {
		float: none;
		width: 96%;
		padding: 25px;
	}

	#footernav02 li {
		font-size: 0.9em;
		padding-bottom: 3px;
	}

	#footerlogo {
		display: none;
	}
}

@media (min-width: 20px) and (max-width: 530px) {
	br {
		display: none;
	}
}