@charset "utf-8";
/* CSS Document */

.page_title{
	position:relative;
	width:480px;
	height:78px;}

.page_title h1{
	display:block;
	width:328px;
	height:78px;
	background-image: url(../images/title_about.png);
	background-position:left top;
	background-repeat: no-repeat;
	text-indent:-9999px;}
	
/*===facebook===*/

.facebook{
	position:absolute;
	width:120px;
	height:24px;
	bottom:0px;
	right:0px;
	overflow:hidden;
	border:0px solid #F00;}
	
.facebook_link{
	float:left;
	width:24px;
	height:24px;
	margin-right:5px;
	border:0px solid #F00;}
	
.facebook a{
	display:block;
	width:24px;
	height:24px;}
	
.fb_good{
	width:80px;
	height:24px;
	float:left;
	margin-left:0px;
	margin-top:0px;
	border:0px solid #F00;}
	
/*===內文===*/

.article{
	width:520px;
	margin:5px auto;
	border-top:1px solid #7ecef4;
	border-bottom:1px solid #7ecef4;}
	
.article p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
	line-height:24px;
	text-indent:12px;}
	
.contact{
	float:right;
	width:300px;
	padding-top:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
	font-weight:bold;
	line-height:20px;}
	
/*===panel開關===*/

a.trigger {
	position:absolute;
	overflow:hidden;
	width:32px;
	height:43px;
	top:0px;
	right:0px;
	background: url(../images/close.png) no-repeat;
	background-position:left top;
	z-index:2100;
	zoom:1;
	outline:none;
}
a.trigger:hover {
	background-position:left bottom;
	}
a.active.trigger {
	display:block;
	background: url(../images/benner_about.png) no-repeat;
	background-position:left top;
	width:32px;
	height:125px;
	right:0px;
	top:0px;
	outline:none;
}

a.active.trigger:hover {
	background-image: url(../images/benner_about.png);
	background-position:left bottom;
	background-repeat:no-repeat;}

