html, body
{
	padding: 0;
	margin: 0;
}
body
{
	background-color: #fff;
	font-family: Verdana, Geneva, sans-serif, "微軟正黑體";
	font-size: 100%;
	line-height: 22px;
	color: #666;
	/* [disabled]position: relative; */
	-webkit-text-size-adjust: none;
}
body *
{
	/* [disabled]text-shadow: none; */
}

p
{
	margin: 0 0 10px 0;
}
a, a:link, a:active, a:visited, a:hover
{
	color: #555555;
	text-decoration: none;
}


.header,
.content,
.footer
{
	text-align: center;
}
.header
{
	background: #777;
	font-size: 100%;
	font-weight: bold;
	color: #fff;
	line-height: 40px;


	-moz-box-sizing: border-box;
	box-sizing: border-box;	
	width: 100%;
	height: 40px;
	padding: 0 50px;
}
.header.fixed
{
	position: fixed;
	top: 0;
	left: 0;
}
.footer.fixed
{
	position: fixed;
	bottom: 0;
	left: 0;
}
.header a
{
	background: center center no-repeat transparent;
	background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC );

	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 0;
	left: 10px;
}
.content
{
	padding: 150px 50px 50px 50px;
}

.wom{
	float: left;
	width: 80px;
	margin-top: 0.6em;
}
.wom img{
	width:100%;
	 border-radius: 66%;
	-webkit-border-radius: 66%;
	-o-border-radius: 66%;
	-ms-border-radius: 66%;
	-moz-border-radius: 66%;
	}
.wom-right{
	float: right;
	width: 70%;
	padding-top: 35px;
	padding-bottom: 35px;
}
.wom-right h4 {
	margin: 0 0 .5em;
	font-family: "微軟正黑體";
	font-size: 150%;
}
.wom-right h4 a{
	color: #000;
	text-decoration: none;
	font-family: Verdana, Geneva, sans-serif, "微軟正黑體";
	font-size: 35px;
}
.wom-right h4 a:hover{
	text-decoration:none;
	color: #F1B37E;
}
.wom-right p {
    color: #999;
    font-size: 1em;
    line-height: 1.8em;
}
.resp-tab-item{
	cursor: pointer;
	padding: 3px;
	display: inline-block;
	margin: 0 .5em;
	list-style: none;
	width: 26%;
	border-radius: 66%;
	-webkit-border-radius: 66%;
	-o-border-radius: 66%;
	-ms-border-radius: 66%;
	-moz-border-radius: 66%;
	border: 3px solid #fff;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.resp-tab-item img {
    border-radius: 66%;
	-webkit-border-radius: 66%;
	-o-border-radius: 66%;
	-ms-border-radius: 66%;
	-moz-border-radius: 66%;
	width:100%;
}
.resp-tab-item:hover {
    text-shadow: none;
    border-color: #F6DFCB;
}
.resp-tab-active{
	text-shadow: none;
	color:#fff;
}