@charset "utf-8";
* {
	margin:0;
	padding:0;
	
}

html {height:100%;}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-family:"微軟正黑體", "Microsoft JhengHei",Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#545454;
	height:100%;
}

/* slightly enhanced, universal clearfix hack */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

a:active
{
outline: none;
}

a:focus
{
-moz-outline-style: none;
outline: none;
}

a {
text-decoration:none;
}

.wrapper{
	width:980px;
	margin:0 auto;
	height:100%;
}

.nav{
	width:210px;
	margin-top:150px;
	float:left;

}

.nav ul{
	float: right;
	width:210px;
	margin-bottom:10px;
	margin-top:10px;
}

.nav ul li{
	text-align:right;

}

.nav a {
	color:#545454;
	margin-bottom:2px;
	font-weight:bold;
}

.nav a:hover {
	color:#000;
}

.content{
	width:750px;
	margin:0 auto;
	background: url(../images/bg_02.png) repeat-y top left;
	float:left;
	margin-left:20px;
	padding-bottom:30px;
	zheight:100%;
	min-height:100%;
}

.main{
	width:720px;
	margin:0 auto;
}

.main p{
	/*margin-left:10px;
	margin-right:10px;*/
	margin-bottom: 10px;
}

.h1{
	font-size:40px;
	text-align:center;
	font-weight:bold;
	margin-top:10px;
}

.p1{
	width:350px;
	float:left;
}

.p2{
	width:350px;
	float:left;
	/* Bill Modify at 20140224
	margin-top:45px;
	*/
	margin-top:8px;
	/* */
	margin-left:20px;
}

.about_logo{
	margin-left:5px;
	margin-top:20px;
}

.client_logo{
	width:700px;
	margin-left:5px;
}

.info{
	margin-top:30px;
}

.info li{
	text-align:right;
	margin-right:10px;
	font-weight:bold;
}

.Pic{
	margin-left:14px;
	margin-top:7px;
}
.Pic img{
	margin:3px;
}

.h2{
	font-size:38px;
	margin-left:16px;
	font-weight:bold;
	margin-top:10px;
}

.index {
	min-height:500px;
}

.img_blk1_left {
	width:537px;
	float:left;
}

.img_blk1_right {
	width:171px;
	float:right;
}

.insta1, .insta2 {
	margin-right:8px;
}

.insta1, .insta2, .insta3 {
	/*
	Bill Hidden at 20140206
	margin-top:8px;*/
}

.insta4, .insta5 {
	margin-bottom:10px;
}

.img_blk2_right {
	width:537px;
	float:right;
}

.img_blk2_left {
	width:171px;
	float:left;
}

.insta11, .insta12 {
	margin-left:8px;
}

.insta10, .insta11, .insta12 {
	margin-top:8px;
}

.insta7, .insta8 {
	margin-bottom:10px;
}

.insta1, .insta2, .insta3, .insta6, .insta9, .insta10, .insta11, .insta12 {
	margin-bottom:8px;
}

#fancybox-title-over a{
	color:#fff;
}

.img_blk1_left a, .img_blk2_right a {
	float:left;
	margin-top:12px;
}

.img_blk1_left .z1, .img_blk2_right .z1 {
	margin:12px 12px 0;
	display:block;
	width:171px;
	height:171px;
}

.img_blk1_right .z2, .img_blk2_left .z2 {
	margin:12px 0;
	display:block;
	width:171px;
	height:171px;
}

.contenthover p{
	color:#fff;
	ztext-align:center;
	zposition:relative;
	ztop:5%;
	padding:3px 5px ;
	font-size:11px;
	word-wrap:break-word;
}

.img_blk1, .img_blk2{
	padding-bottom:12px;
}
/*jimmy 20140212*/
    .text_content {
			background-color: #A9A9A9;
			padding: 20px 15px;
			width: 139px;
			height: 129px;
			color: #FFF;
			font-weight: bold;
			border: 1px solid #ccc;
			margin: 0 !important;
			position: relative;
			
			}


		.user_name {
			bottom: -5px;
			display: block;
			color:#FFF;
			margin-left:90px;
			margin-bottom:20px;
/*			margin-left: 25px;
			margin-top: -18px;*/
			position: absolute;
		}
		.text_content_user img {
		position: absolute;
		bottom: -5px;
		margin-bottom: 20px;
		padding-top: 4px;
		}
		.text_content_user2 {
			display:block;
			width:139px;
			color:#3FA7C6;
			font-weight:bold;
		/*	border-top:1px solid #ccc;*/
			margin-top:15px;
			padding-top:5px;
			
		}
		



/* alfred 20140127 */

.text_content {
	padding:30px 15px 20px;
	width:139px;
	height:119px;
	color:#FFF;
	border:1px solid #ccc;
	margin:0 !important;
	font-family: Futura, "Trebuchet MS", Arial, sans-serif;
	
	/* Bill add at 20140127 */ 
	position:relative;
	/* */
}


.text_content_user {
	display:block;
	width:139px;
	color:#3FA7C6;
	font-weight:bold;
/*	border-top:1px solid #ccc;*/
	margin-top:15px;
	padding-top:5px;
	font-family: Futura, "Trebuchet MS", Arial, sans-serif;
	
}

/* Bill add at 20140127 */ 
.text_content_user.tobottom {
	position:absolute;
	bottom:10px;
	left:13px;
	

/* */}
	
#data a {
	color:#545454;
}

.text_content_user img{
	padding-top:3px;
}

.contenthover h2 {
	font-weight:bold;
	/* Bill Modify at 20140226
	text-align:center;
	margin-bottom:8px;
	font-size:25px;
	*/
	text-align:left;
	padding-left:5px;
	font-size:22px;
	/* */
	display:block;
	color:#fff;
	padding-top:5px;
	
	
}

.contenthover h3 {
	font-weight:bold;
	/* Bill Modify at 20140226
	text-align:center;
	*/
	text-align:left;
	padding-left:5px;
	/* */
	display:block;
	color:#fff;
	padding-top:5px;
	margin-bottom:3px;
	font-size:15px;
}