@media screen and (min-width: 768px) and (max-width: 1160px) {
	
/* 範圍小於媒體本身大小時就變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%;
}
/* 版型最外層包裝------------------------------------*/
#wrapper {
	width: 100%;
	background-image: url();
}
#wrapper2 {
	width: 100%;
	background-image: url();
}
/* 版型頁眉-----------------------------------------*/
#header {
	width: 100%;
}
#banner {
	width: 100%;
}
#main {
	width: 100%;
}
#main .portfolio {
}
#main .portfolio .box {
	float: left;
	width: 15%;
	padding-left: 8px;
	padding-bottom: 10px;
}
#main .custom {
}
#page {
	width: 100%;
}
ul.pd li {
	width: 27%;
	display: inline-block; /*擁有inline不會換行的特性，還可以像block一樣設定width,height,background-image等值*/
	vertical-align: top;
    *display: inline; /*兼容IE6,IE7用*/
    *zoom: 1;
	border: 5px solid #FFFFFF;
	margin-right: 5px;
	margin-bottom: 10px;
	background-color: #FFFFFF;
	-webkit-box-shadow: 0px 0px 2px 2px hsla(0,0%,0%,0.39);
	box-shadow: 0px 0px 2px 2px hsla(0,0%,0%,0.39);
	margin-left: 5px;
}
#form_member_edit{
	width: 100%;
}

}