@media screen and (min-width: 768px) and (max-width: 1200px) {
	
/* 範圍小於媒體本身大小時就變100% */
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
iframe{
	width: 100%;
}
html,body {
	overflow-x: hidden;
    position: fixed; /* 防止iphone版面被拖走*/
}
/* 版型最外層包裝------------------------------------*/
#wrapper {
	width: 100%;
	-webkit-box-shadow: 0 0 3px 3px hsla(0,0%,0%,0.40);
	box-shadow: 0 0 3px 3px hsla(0,0%,0%,0.40);
}
/* 版型頁眉-----------------------------------------*/
#header {
	width: 100%;
	background-position: 60px 0%;
	height: 100px;
    background-color: rgba(255,255,255,0.8);
}
#header_wrapper {
	position: fixed;
	z-index: 2;
	top: 0px;
	left: 0px;
	height: 100px;
}
#header .home {
    padding-right: 5%;
}  

#m_menu_nav {
	top: 100px;
}
#banner {
    width: 100%;
	margin-top: 100px;
  padding:0
}
/* 桌機選單 */
#header #menu {
	display: none;
}
/* 手機選單icon */
#header #m_menu_icon {
	display: block;
	background-position: center 30px;
	height: 70px;
}
#header .logo {
	margin-left: 60px;
}
#main {
	width: 100%;
}
.page {
	width: 100%;
}
#camera_wrap1 {
	display: none;
}
#camera_wrap2{
	display: inline;
}
#form_member_edit{
	width: 100%;
}
#main .portfolio {
    visibility: visible !important;
    animation-name: none;
}
#main .portfolio .photo {
	height: auto;
}

#main .portfolio img:hover {
	max-width: 101%;
	margin-left: auto;
	margin-top: auto;
	opacity: 1;
}
#main .news {
    visibility: visible !important;
     animation-name: none;
}
#main .custom {
    visibility: visible !important;
     animation-name: none;
}
#main .custom .content {
    padding-top: 13px;
}

#footer .copyright {
	width: 100%;
	height: 90px;
}
/* 所有選單最外層包裝 ---------*/
#links {
	width: 100%;
}
/* 選單塊最外層包裝 */
#links .menu {
	width: 100%;
}
#links .list a {
	width: 100%;
}
#links .class {
	width: 100%;
}
.sh_line {
	display: inline-block !important;
}
.but2 {
	cursor: pointer;
	background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(237,237,237,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 0%,rgba(237,237,237,1.00) 100%);
	color: #232323;
	font-size: 18px;
	width: 200px;
	height: 80px;
}
.but8 {
	width: 220px;
}

}