@media screen and (max-width:1200px) {
	body{
		/*行動版內容向下位移(置頂選單高度)*/
		padding:60px 0 0 0;
	}
	.column_logo{
		position: fixed;
		top:0;
		width:100%;
		text-align:center;
		margin:0;
		height: 60px;
		background-color: var(--master_color);
		z-index: 999;
	}
	.column_logo img{
		margin: 5px 0 0 0;
		max-height: 50px;
	}
}

@media screen and (max-width:1200px) {
	.menu_column{
		position: fixed;
		z-index:900;
		width:70%;
		text-align:left;
		top:60px;
		background-color: #f2f2f2;
		left: -70%;
		overflow:hidden;
		overflow-y:auto;
		padding:0 0 60px 0;
		margin: 0;
		transition:right 0.3s;
		-webkit-transition:right 0.3s;
	}
	.menu_column .space{display: block; width: 100%; height: 180px;}
	.menu_column ul.nav li.m0{
		position: relative;
		display: block;
		width: 100%;
		border-bottom: 1px solid #ccc;

	}
	.menu_column ul.nav li.m0 .dropdown {
	  position: absolute;
	  right: 0px;
	  top: 0;
	  width: 48px;
	  height: 47px;
	  cursor: pointer;
	  background: #e6e6e6;
	  z-index: 2;
	}
	.menu_column ul.nav li.m0 .dropdown .icon_dropdown{
    background-image: url(../style/xz/icon_dropdown.svg);
    background-repeat: no-repeat;
	  width: 48px;
	  height: 100%;
    display: inline-block;
    margin: 0;
    transform: rotate(-90deg);
    transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in;
  }
	.menu_column ul.nav li.m0>a{
		display: inline-block;
		width: 100%;
		color: #333;
		padding: 10px 15px;
		min-height: 47px;
	}
	.menu_column ul.nav li.m0 a .title{
		height: unset;
		line-height: unset;
	}
	.menu_column ul.nav li.m0 .submenu{
		position: relative;
    z-index: unset;
    width: 100%;
    top: unset;
    left: unset;
    background: #fff;
    box-shadow: unset;
	}
	.menu_column ul.nav li.m0>a:hover,
	.menu_column ul.nav li.m0 .submenu .sub_class .title>a:hover {
	  background-color: #ddd;
	}
	/*submenu2*/
	.menu_column ul.nav li.m0 .submenu2{
		display:block;
		position:unset;
		z-index:99;
		width: 100%;
		background:#f2f2f2;
		box-shadow:unset;
	}
	.menu_column ul.nav li.m0 .submenu2 .sub_class .title>a::before{
		position: relative;
		top:2px;
		content: "└ ";
	}
	/*sns*/
	.menu_column .column_sns{
		width: 100%;
		display: block;
		padding: 10px;
	}
	.menu_column .column_sns a{
		text-decoration: unset;
	}
	.menu_column .column_sns a.box_icon_sns img{
		display: inline-block;
		width: 36px;
		height: 36px;
	}

	.menu_column ul.nav li.m0>a.box_top_link{
		display: block;
		width: 100%;
		font-size: 1.1em;
		color: #333;
		background-color: #f2f2f2;
		border: none;
		text-decoration: unset;
		margin: 0;
	}
	.menu_column ul.nav li.m0>a.box_top_link:hover{
		background-color: #ddd;
	}
	.menu_column ul.nav li.m0>.box_top_link.icon{
		background-repeat: no-repeat;
		background-size: 22px;
		background-position: 12px 12px;
		padding: 10px 15px 10px 34px;
		background-color: #f2f2f2;
		vertical-align: middle;
	}

	.menu_column ul.nav li.m0>a .counter::before{
		content: " (";
	}
	.menu_column ul.nav li.m0>a .counter::after{
		content: ")";
	}

	/*search*/
	.box_top_link.icon_search input[type='text']{
		font-size: 1em;
		width: calc(100% - 76px);
		max-width: 200px;
		height: 27px;
		vertical-align: middle;
		border-radius:5px;
		border: 1px solid #555;
	}
	.box_top_link.icon_search button{
		font-size: 1em;
		height: 27px;
		vertical-align: middle;
		border-radius:5px;
		border: 1px solid #555;
	}

	/*狀態*/
	.menu_column.clicked {
	  display: block;
	  transform: translateX(100%);
	  -webkit-transform: translateX(100%);
	  animation: slide .2s;
	  -webkit-animation: slide .2s
	}
	.menu_column.back {
	  display: block;
	  transform: translateX(0%);
	  -webkit-transform: translateX(0%);
	  animation: slideback .2s;
	  -webkit-animation: slideback .2s
	}
	@-webkit-keyframes slide {
	  0% {
	    -webkit-transform: translateX(0%)
	  }
	  to {
	    -webkit-transform: translateX(100%)
	  }
	}
	@-webkit-keyframes slideback {
	  0% {
	    -webkit-transform: translateX(100%)
	  }
	  to {
	    -webkit-transform: translateX(0%)
	  }
	}

}
/*****************************************************************************/
@media screen and (max-width:800px) {
	.footer .column{
		display: block;
		width:100%;
	}
	.footer .column .column_sns,
	.footer .column .info{
		text-align: center;
	}
}
/*****************************************************************************/
@media screen and (max-width:1200px) {
	.mobile_display{display: block;}
	.desktop_display{display: none;}
}
/*****************************************************************************/