/* @override http://www.moko365.com/enterprise/wp-content/themes/theme1244/style.css */

@charset utf-8;
/*--
	Theme Name: WordPress Theme Number
	Theme URI: http://template-help.com/
	Description: A theme from Template-Help.com Collection
	Version: 3
	Author: Template_Help.com 
	Author URL: http://www.Template-Help.com/ 
--*/

html,body,div,span,object,iframe,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,var,fieldset,form,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video{
  margin:0;
  padding:0;
  vertical-align:baseline;
}
article,aside,dialog,figure,footer,header,hgroup,menu,nav,section,mark,audio,video {
  display:block;
}
textarea{
  font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
}
blockquote{
  quotes:none;
	border-left: 1px solid #CCCCCC;
	font-style: italic;
	margin-left: 2em;
}
q{
  quotes:none;
	font-style: italic;
}
blockquote:before,blockquote:after,q:before,q:after{
  content:'';content:none;
}
:focus{
  outline:none;
}

/* Baseline and common looks - Sets a vertical rhythm and styles the different elements.
 */
 
a {
	border: 0;
	text-decoration: underline;
	color: #9f9f9f;
}

	a:hover {
		text-decoration: none;
	}

	a img{
		border: 0;
	}

abbr,acronym{
  border-bottom:1px dotted;
  cursor:help;
  font-variant:small-caps;
}
address,cite,em,i{
  font-style:italic;
}
blockquote p{
  margin:0 1.5em 1.5em;
  padding:0.75em;
}
code,kbd,tt{
  font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
  line-height:1;
}
del{
  text-decoration:line-through;
}
dfn{
  border-bottom:1px dashed;
  font-style:italic;
}

dl {
	margin: 0;
	line-height: 22px;
	font-size: 15px;
}

	dl dt {
		font-weight: 700;
	}

	dl dd {
		margin: 0 0 1.5em 0;
	}

#hh1,#hh2,#hh3,#hh4,#hh5,h6{
  font-weight:700;
  padding:0;
}

#hh1 {
	margin: 0;
	padding: 0 0 14px 0;
	letter-spacing: -1px;
	line-height: 1.25em;
	font-size: 34px;
	font-weight: 400;
	color: #000d20;
}

	#hh1 a {
		text-decoration: none;
		color: #000d20;
	}
	
		#hh1 a:hover {
			color: #1b80cc;
		}
		
	#hh1 b {
		display: block;
		padding: 0 0 22px 0;
		font-weight: 400;
	}

#hh2 {
	margin: 0;
	padding: 0 0 14px 0;
	letter-spacing: -1px;
	line-height: 1.25em;
	font-size: 34px;
	font-weight: 400;
	color: #000d20;
}

	#hh2 a {
		text-decoration: none;
		color: #000d20 !important;
	}
	
		#hh2 a:hover {
			background: none !important;
			color: #1b80cc !important;
		}
	
#hh3 {
	margin: 0;
	padding: 0 0 14px 0;
	letter-spacing: -1px;
	line-height: 1.25em;
	font-size: 34px;
	font-weight: 400;
	color: #000d20;
}

	#hh3 a {
		text-decoration: none;
		color: #000d20;
	}
	
		#hh3 a:hover {
			color: #1b80cc;
		}
		
#hh4 {
	margin: 0;
	padding: 0 0 22px 0;
	line-height: 22px;
	font-size: 15px;
	color: #3f3f3f;
}

#hh5{
  font-size:0.8333em;
  margin:0 0 1em;
}

h6 {
	margin: 0;
	padding: 0 0 22px 0;
	line-height: 22px;
	font-size: 15px;
	color: #3f3f3f;
}

img{
  display:inline-block;
  vertical-align:text-bottom;
}
ins{
  text-decoration:overline;
}
mark {
  background-color:#ff9;
  color:#000;
  font-style:italic;
  font-weight:bold;
}
ol{
  list-style:outside decimal;
}

p {
	margin: 0;
	padding: 0 0 22px 0;
	line-height: 22px;
	font-size: 15px;
	font-weight: 300;
	color: #3f3f3f;
}

	p.extra {
		padding: 0 0 15px 0;
	}
	
	p.extra-1 {
		padding: 0 0 33px 0;
	}

pre{
  font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
  margin:0 0 1.5em;
	border-left: 1px solid #CCCCCC;
	margin-left: 2em;
	padding-left: 2em;
}
sub{
  top:0.4em;
  font-size:0.85em;
  line-height:1;
  position:relative;
  vertical-align:baseline;
}
sup{
  font-size:0.85em;
  line-height:1;
  position:relative;
  bottom:0.5em;
  vertical-align:baseline;
}
strong,b{
  font-weight:700;
}
ul{
  list-style:outside disc;
}
ul,ol{
  margin:0 0 1.5em 1.5em;
  padding:0;
}
li ul{
  padding:0;
  margin:0 0 0 2em;
	list-style-position:outside;
	list-style-type:circle;
}
li ol {
  padding:0;
  margin:0 0 0 2em;
	list-style-position:outside;
}
table{
  border-collapse:collapse;
  border-spacing:0;
  margin:0 0 1.5em;
  padding:0;
	width:100%;
	border:none;
}
caption{
  font-style:italic;
  text-align:left;
}
tr.alt td{
  background:#eee;
}
td{
  border:0;
  padding:0.5em 1em;
  vertical-align:middle;
	border-bottom:1px solid #eee;
	line-height:1.5em;
}
th{
  font-weight:700;
  padding:0.5em 1em;
  vertical-align:middle;
	background:#eee;
	text-align:left;
}
button{
  -x-system-font: none;
  cursor:pointer;
  display:block;
  font-size:0.99em;
  height:2em;
  line-height:1.5em;
  margin:0.8em 0 0;
  padding:0 0.5em;
}
button::-moz-focus-inner {
  border: 0;
}
fieldset{
  border:0;
  margin:0 0 1.5em;
  position:relative;
  padding:1.5em 0 0;
}
fieldset fieldset{
  clear:both;
  margin:0 0 0.75em;
  padding:0 0 0 1.5em;
}
input{
  border:1px solid #ccc;
  border-bottom-color:#eee;
  border-right-color:#eee;
  font-size:1em;
  padding:.5em .3em;
  margin:0 0 0.75em;
}
input[type=file]{
  height:2.25em;
  font-size:1em;
  padding:0;
  border:0;
  border:1px solid #ccc !ie;
}
textarea{
  border:1px solid #ccc;
  border-bottom-color:#eee;
  border-right-color:#eee;
  margin:0;
  padding:.3em;
}
select{
  border:1px solid #ccc;
  border-bottom-color:#eee;
  border-right-color:#eee;
  font-size:1em;
  line-height:1.5em;
  margin-bottom:0.75em;
  padding:0.25em;
  height:2.25em;
}
optgroup {
  font-weight:700;
  font-style:normal;
  text-indent:0.2em;
}
optgroup + optgroup {
  margin-top:1em;
}
option{
  font-size:1em;
  height:1.5em;
  padding:0;
  text-indent:1em;
}
label{
  cursor:pointer;
  display:block;
  margin:0;
  padding:0;
}
label input{
  background:0;
  border:0;
  line-height:1.5em;
  margin:0 0.5em 0 0;
  padding:0;
  width:auto;
}
legend{
  font-size:1.1666em;
  font-weight:700;
  left:0;
  margin:0;
  padding:0;
}




/* General
---------------------------------------- */

html,
body {
	min-width: 960px;
}
	
body {
	background: #fff url(images/body.gif) repeat-x 0 -28px;
	position: relative;
	font: 100%/1.125em;
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
	color: #3f3f3f;
}

#main {
	font-size:.75em;
}

.container {
	position: relative;
	width: 924px;
	margin: 0 auto;
}




/* Header
---------------------------------------- */

#header {
	position: relative;
	height: 228px;
	z-index: 99;
}

/* Logo */

.logo {
	position: absolute;
	top: 108px;
	left: 0px;
}

	.logo h1,
	.logo h2 {
		font-size:3em;
		line-height:1.2em;
		margin-bottom:0;
	}
	
		.logo h1 a,
		.logo h2 a {
			text-decoration: none;
			color: #222;
		}
		
	.logo p {
		display: none;
	}



/* Header widget */

#widget-header {
	position: absolute;
	top: 35px;
	left: 799px;
}

	#widget-header h3 {
		display: none;
	}
	
	#widget-header ul {
		margin: 0;
		list-style: none;
	}
	
		#widget-header ul li {
			background: url(images/user-icon.png) no-repeat 0% 0%;
			padding: 0 0 0 35px;
			overflow: hidden;
			line-height: 26px;
			letter-spacing: -1px;
			font-size: 13px;
			font-weight: 600;
			text-transform: uppercase;
			color: #000d20;
		}
		
			#widget-header ul li a {
				text-decoration: none;
				color: #000d20;
			}
			
				#widget-header ul li a:hover {
					color: #1b80cc;
				}

/* Request a quote */
#widget_my_requestquotewidget {
	width:100%;
	overflow:hidden;
	margin-bottom:3em;
	}
	
	.box {
		background:#eee;
		border:1px solid #dbdbdb;
		padding:20px;
		margin-bottom:20px;
		overflow:hidden;
		zoom:1;
		}
	.box-button {
		float:right;
		background:#dbdbdb;
		font-size:21px;
		color:#fff;
		text-decoration:none;
		padding:10px;
		}
	.box-text {
		float:left;
		width:75%;
		}
	.button-outdent {
		
		}



/* Slider
---------------------------------------- */

#slider-wrapper {
	position: relative;
	height: 414px;
	overflow: hidden;
}

	#slider-wrapper .container {
		width: 922px;
		border: 1px solid #e8e8e8;
	}

#slider {
	background: url(images/loading.gif) no-repeat 50% 50%;
	position: relative;
	width: 615px;
	height: 414px;
	margin: -1px;
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
	display:block;
}


/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	display: none;
	width: 615px;
	height: 414px;
	margin: 0;
	padding: 0;
	border: 0;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 60;
}
/* The slices in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
}
/* Caption styles */

.nivo-caption {
	width: 250px;
	position: absolute;
	top: 29px;
	left: 645px;
	z-index: 89;
}

	.nivo-caption p {
		margin: 0;
		padding: 0;
		line-height: 22px;
		font-size: 15px;
		color: #3f3f3f;
	}
	
		.nivo-caption p strong {
			background: #fff;
			display: block;
			padding: 0 0 21px 0;
			line-height: 1.2em;
			letter-spacing: -1px;
			font-size: 36px;
			font-weight: 400;
			color: #000d20 !important;
		}
		
		.nivo-caption p b.link {
			padding: 28px 0 0 0;
		}

.nivo-html-caption {
    display:none;
}

/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:99;
	cursor:pointer;
}
.nivo-prevNav {
	left:15px;
}
.nivo-nextNav {
	right:15px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
	background: #f7f7f7;
	width: 286px;
	height: 62px;
	padding: 30px 0 0 21px;
	border: 1px solid #e8e8e8;
	border-right: none;
	border-bottom: none;
	position: absolute;
	top: 320px;
	right: -308px;
}

	.nivo-controlNav a {
		background: url(images/pagination.gif) no-repeat 0% 0%;
		display: inline-block !important;
		width: 0;
		height: 0;
		margin: 0 4px 0 0;
		padding: 30px 0 0 30px;
		overflow: hidden;
		position: relative;
		z-index: 99;
		cursor: pointer;
	}
	
		nivo-controlNav a img {
			display: none !important;
		}
	
		.nivo-controlNav a:hover {
			background-position: 0% -30px;
		}
	
		.nivo-controlNav a.active {
			background-position: 0% -30px;
		}

.nivo-directionNav {

	}
.nivo-directionNav a {
	position:absolute;
	display:block;
	width:36px;
	height:35px;
	text-indent:-9999px;
	border:0;
	top:50%;
	background:url(images/direction_nav.png) no-repeat 0 0;
}
a.nivo-nextNav {
	background-position:-36px 0;
}
a.nivo-nextNav:hover {
	background-position:-36px -35px;
	}
a.nivo-prevNav {
	background-position:0 0;
}
a.nivo-prevNav:hover {
	background-position:0 -35px;
	}

#slider .nivo-controlNav img {
	display:inline; /* Unhide the thumbnails */
	position:relative;
	margin-right:10px;
	width:120px;
	height:auto;
}









/* Navigations
---------------------------------------- */

/* Primary navigation */

nav.primary {
	background: url(images/menu-divider.gif) no-repeat 0% 0%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
}

/* Essential styles for dropdown menu */
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	background: url(images/sub-menu-bot.png) no-repeat 0% 100%;
	width:			286px; /* left offset of submenus need to match (see below) */
	padding: 0 0 0 0;
	position:		absolute;
	top:			-999em;
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			-5px;
	top:			69px; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			227px; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}


/* Our skin for dropdown menu */

.sf-menu {
	max-width: 780px;
	float: left;
}

.sf-menu a {
	font-weight: 200;
	text-decoration: none;
	color: #000d20;
}

.sf-menu li {
	background: url(images/menu-divider.gif) no-repeat 100% 0%;
	height: 69px;
	color: #000d20;
}

	.sf-menu li a {
		background: url(images/menu-act.jpg) no-repeat 0% -99px;
		float: left;
		width: 128px;
		height: 69px;
		margin: 0 0 0 -2px;
		overflow: hidden;
		letter-spacing: -1px;
		line-height: 74px;
		font-size: 16px;
		text-align: center;
		text-decoration: none;
		color: #000d20;
	}
	
		.sf-menu li:first-child a {
			margin: 0;
		}

.sf-menu li li {
	background: none;
	width: 236px;
	height: 60px;
	color: #000d20 !important;
}

	.sf-menu li li a {
		background: url(images/sub-menu.png) no-repeat 0% 0%;
		display: block;
		float: none;
		width: auto;
		height: 55px;
		margin: 0;
		padding: 0 9px 0 3px;
		overflow: hidden;
		letter-spacing: -1px;
		line-height: 60px;
		font-size: 18px;
		text-align: center;
		text-decoration: none;
		color: #000d20 !important;
	}

.sf-menu li li li {
	background: none;
	width: 236px;
	height: 60px;
	color: #000d20 !important;
}

	.sf-menu li li li a {
		background: url(images/sub-menu.png) no-repeat 0% 0%;
		display: block;
		float: none;
		width: auto;
		height: 60px;
		margin: 0;
		padding: 0 9px 0 3px;
		overflow: hidden;
		letter-spacing: -1px;
		line-height: 60px;
		font-size: 24px;
		text-align: center;
		text-decoration: none;
		color: #000d20 !important;
	}

.sf-menu li:hover a, .sf-menu li.sfHover a,
.sf-menu li a:focus, .sf-menu li a:hover, .sf-menu li a:active, .sf-menu > li.current-menu-item > a {
	background-position: 0% 0%;
	outline: 0;
	color: #fff;
}

.sf-menu li li:hover > a, .sf-menu li li.sfHover > a,
.sf-menu li li > a:focus, .sf-menu li li > a:hover, .sf-menu li li > a:active, .sf-menu li li.current-menu-item > a {
	background-position: 0% -61px;
	outline: 0;
	color: #fff !important;
}

.sf-menu li li li:hover a, .sf-menu li li li.sfHover a,
.sf-menu li li li a:focus, .sf-menu li li li a:hover, .sf-menu li li li a:active, .sf-menu li li li.current-menu-item > a {
	background-position: 0% -61px;
	outline: 0;
	color: #fff !important;
}

/*** arrows **/
.sf-sub-indicator {
	display: none;
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url(images/shadow.png) no-repeat bottom right;
	padding: 0 18px 19px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}








/* Content
---------------------------------------- */

.primary_content_wrap {
	position: relative;
	padding: 0 0 42px 0;
	overflow: hidden;
	z-index: 1;
}

	.primary_content_wrap .container {
		width: 922px;
		border: 1px solid #e8e8e8;
	}
	
		body.home .primary_content_wrap .container {
			border-top: none;
		}
	
	.primary_content_wrap #indent {
		padding: 24px 25px 24px 30px;
	}
	
		.primary_content_wrap .col-1 {
			float: left;
			width: 246px;
			padding: 0 31px 0 0;
		}
		
		.primary_content_wrap .col-2 {
			float: left;
			width: 236px;
			padding: 0 41px 0 29px;
		}
		
		.primary_content_wrap .col-3 {
			float: left;
			width: 252px;
			padding: 0 0 0 30px;
		}
	
	.primary_content_wrap ul {
		margin: 0;
		padding: 0 0 30px 0;
		list-style: none;
		overflow: hidden;
	}
	
		.primary_content_wrap ul li {
			background: url(images/marker.gif) no-repeat 0% 13px;
			padding: 0 0 0 13px;
			line-height: 30px;
			font-size: 15px;
			color: #9f9f9f;
		}
		
			.primary_content_wrap ul li a {
				padding: 0 9px 0 2px;
				text-decoration: none;
				color: #9f9f9f;
			}
			
				.primary_content_wrap ul li a:hover {
					background: #02152e;
					color: #fff;
				}
	
#content {
	float: left;
	width: 544px;
	padding: 0 40px 0 0;
}





/* Comments
---------------------------------------- */

h3#comments {
	padding: 25px 0;
}
	
.commentlist {
	list-style: none;
	margin: 0;
	padding: 0;
}

	.commentlist ul {
		padding: 0 !important;
	}

	li.comment {
		background: none !important;
		padding: 0 !important;
	}

		li.comment .comment-body {
				padding: 10px 10px 25px 60px;
				position: relative;
				zoom: 1;
				background: #fafafa;
				border: 1px solid #eee;
				margin-bottom: 20px;
				}

		.comment-author {
			padding:.5em 0 1em 0;
			}

		.comment-meta {
			font-size:11px;
			color:#999;
			position:absolute;
			right:20px;
			top:15px;
		}
		
			.comment-meta a {
				text-decoration: underline !important;
				color: #02152e !important;
			}
			
				.comment-meta a:hover {
					background: none !important;
					text-decoration: none !important;
				}
		
			li.comment .avatar {
				float:none;
				margin:0;
				position:absolute;
				left:10px;
				top:10px;
				padding:1px;
				border:1px solid #dbdbdb;
				vertical-align:top;
				overflow:hidden;
				}
				li.comment .avatar {
					display:block;
					vertical-align:top;
					overflow:hidden;
					}
				
				.commentlist ul.children {
					margin:20px 0 0 30px;
					}
					.commentlist ul.children li.comment {
						
						}
				
				.reply {
					position: absolute;
					right: 20px;
					bottom: 15px;
					}
					.reply a {
						background: #e3e3e3 !important;
						display: inline-block !important;
						height: 24px !important;
						padding: 0 8px !important;
						line-height: 24px !important;
						font-size: 12px !important;
						text-decoration: none !important;
						color: #02152e !important;
						}
					.reply a:hover {
						background: #021936 !important;
						color: #fff !important;
						}
	
	.allowed_tags {
		background:#eee;
		padding:15px;
		font-size:11px;
		font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
		color:#666;
		}
		.allowed_tags strong {
			font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
			}
		#respond {
			padding:1em 0 0 0;
		}
		.cancel-comment-reply {
			
		}



/* Page
---------------------------------------- */
.page {
	
}
	#page-content {
		
	}
	#page-meta {
		
	}

.author-meta {
	margin-bottom:20px;
	overflow:hidden;
	width:100%;
	}
	.author-meta p.gravatar {
		margin:0;
		}



/* Post
---------------------------------------- */
.post {
	
}
	.postContent {
		
	}
	.post-excerpt {
		
	}


article.post {
	width: 100%;
	margin-bottom: 50px;
	overflow: hidden;
}

article.hentry {
	width: 100%;
	margin-bottom: 50px;
	overflow: hidden;
}

article.page {
	width: 100%;
	margin-bottom: 50px;
	overflow: hidden;
}

article.single-post {
	margin-bottom:30px;
	overflow:hidden;
	width:100%;
	}
	.featured-thumbnail {
		float:left;
	}
		.featured-thumbnail img {
			margin:5px 20px 10px 0;
			padding:7px;
			background:#fff;
			border:1px solid #dbdbdb;
			}
		.featured-thumbnail.small img {
			padding:4px;
			margin:3px 15px 0 0;
			}
			.pagination a {
				display:inline-block;
				padding:0 5px;
				background:#eee;
				}
				
	article footer {
		clear:both;
		}
	article.single-post footer {
		margin-top:20px;
		}
		
		
.post-meta {
	border-top:1px solid #dbdbdb;
	border-bottom:1px solid #dbdbdb;
	padding:.5em 0;
	width:100%;
	font-size:.92em;
	overflow:hidden;
	margin-bottom:1em;
}
.post-navigation {
	
}
p.gravatar {
	float:left;
	margin-right:20px;
	}


/* Image styling */
.alignleft {
	float: left;
	margin: 0 20px 9px 0;
	}
	.alignleft-1 {
		float: left;
		margin: 7px 20px 0 0;
		}
.alignright {
	float:right;
	margin:0 0 10px 20px;
	padding:7px;
	background:#fff;
	border:1px solid #dbdbdb;
	}
.aligncenter {
	text-align:center;
	margin:0 auto;
	padding:7px;
	background:#fff;
	border:1px solid #dbdbdb;
	}
article .post-content img {
	max-width:710px;
	}




/* Older and newer navigation */
nav.oldernewer {
	width:100%;
	overflow:hidden;
	margin-bottom:1.5em;
}

	nav.oldernewer a {
		text-decoration: none;
		color: #02152e;
	}
	
		nav.oldernewer a:hover {
			text-decoration: underline;
		}

	.older {
		float:left;
	}
	.newer {
		float:right;
	}

.search {
	
}

.author-info {
	width:100%;
	overflow:hidden;
	margin-bottom:3em;
	padding-bottom:2em;
	border-bottom:1px solid #eee;
}
	.author-info .avatar {
		margin:0 20px 0 0;
		}
		.author-info .avatar img {
			float:left;
			background:#fff;
			padding:7px;
			border:1px solid #dbdbdb;
			}




/* Author
---------------------------------------- */
#post-author {
	overflow:hidden;
	border:1px solid #dbdbdb;
	padding:20px;
	margin-bottom:2em;
	}
#author-link {
	margin-top:1.5em;
	}
	#post-author .gravatar {
		margin:0 20px 0 0;
		}
	#post-author .gravatar img {
		background:#fff;
		border:1px solid #dbdbdb;
		padding:5px;
		}
#author-description {
	line-height: 22px;
	font-size: 15px;
	color: #3f3f3f;
}

/* Recent author posts */
#recent-author-posts {
	margin-bottom:3em;
}

/* Recent author comments */
#recent-author-comments {
	
}




/* 404
---------------------------------------- */

#error404 {
	padding: 30px 0 100px 0;
	text-align: center;
}

	.error404-num {
		font-size:250px;
		line-height:1.2em;
		color:#999;
	}
	
	#error404 hgroup {
		margin:0 0 2em 0;
	}
	
		#error404 hgroup h1 {
			font-size:3em;
			margin-bottom:.2em;
		}

	#error404 #searchform {
		margin: 0 auto;
	}




/* Portfolio
---------------------------------------- */
.latestwork {
	width:100%;
	overflow:hidden;
	list-style-type:none;
	padding:0;
	margin:0;
	}
	.latestwork li {
		float:left;
		margin-right:20px;
		}


/* Gallery */
.header-title {
	margin-bottom:2.5em;
	}
	.header-title h1 {
		margin-bottom:.1em;
		}
	.header-title .page-desc {
		font-size:.91em;
		color:#999;
		}

#gallery {
	
	}
	#gallery .portfolio {
		width: 100%;
		overflow: hidden;
		list-style-type: none;
		margin: 0;
		padding: 0;
		}
		#gallery .portfolio li {
			background: none !important;
			position: relative;
			float: left;
			width: 254px;
			padding: 0 49px 50px 0 !important;
			}
		#gallery .portfolio li.nomargin {
			padding-right:0 !important;
			}
			
			#gallery .portfolio li a.image-wrap {
				background: #fff url(images/loading.gif) 50% 50% no-repeat;
				display: block;
				position: relative;
				width: 250px;
				height: 150px;
				padding: 1px;
				overflow: hidden;
				border: 1px solid #eee;
				-webkit-transition: all .2s ease-in-out;
				-moz-transition: all .2s ease-in-out;
				-o-transition: all .2s ease-in-out;
			}
			
				#gallery .portfolio li a.image-wrap i {
					display: block;
					width: 250px;
					height: 150px;
					overflow: hidden;
				}
			
			#gallery .portfolio li a.image-wrap:hover {
				
				}
				#gallery .portfolio li a.image-wrap img {
					float:left;
					}
			
			#gallery .portfolio .folio-desc {
				margin-bottom: 0;
				padding: 20px 0 0 0;
			}
			
				#gallery .portfolio .folio-desc h4 {
					color: #000d20 !important;
					line-height:20px;
				}
				
					#gallery .portfolio .folio-desc h4 a {
						color: #000d20 !important;
					}
					
						#gallery .portfolio .folio-desc h4 a:hover {
							background: none !important;
							color: #2c3b50 !important;
						}
			
			.zoom-icon {
				display:block;
				position:absolute;
				left:1px;
				top:-152px;
				width:250px;
				height:150px;
				background:url(images/magnify.png) 50% 50% no-repeat;
				cursor:pointer;
				-webkit-transition: all .2s ease-in-out;
				-moz-transition: all .2s ease-in-out;
				-o-transition: all .2s ease-in-out;
				}
			#gallery .portfolio li a.image-wrap:hover .zoom-icon {
				top:1px;
				}






/* Sidebar
---------------------------------------- */

#sidebar {
	float: left;
	width: 253px;
	padding: 0 0 0 30px;
}

	.widget {
		margin-bottom:30px;
	}
	
		.widget ul {
			padding: 0 !important;
		}
			
	ul.children {
		margin:0 0 0 20px;
	}

/* Calendar */
#calendar_wrap {
	padding:0 10px 0 15px;
	}
	#wp-calendar {
		width:100%;
		}
		#wp-calendar caption {
			text-align:center;
			}
		#wp-calendar td {
			text-align:center;
			padding:6px 0;
			border:none;
			}
		#wp-calendar caption {
			font-size:16px;
			color:#000;
			font-weight:bold;
			padding:4px 0;
			margin-bottom:5px;
			}
		#wp-calendar thead th {
			padding:7px 0;
			font-size:15px;
			background:#fff;
			color:#000;
			text-align:center;
			}
		#wp-calendar #prev {
			text-align:left;
			}
		#wp-calendar #next {
			text-align:right;
			}


/* FAQ
---------------------------------------- */
.faq_list {
	
	}
	.faq_list dt {
		color:#666;
		position:relative;
		padding:0 0 5px 28px;
		font-size:15px;
		font-weight:normal;
		}
	.faq_list span.marker {
		display:block;
		position:absolute;
		left:0;
		top:0;
		font-size:15px;
		color:#333;
		font-weight:bold;
		}
	.faq_list dd {
		padding:0 0 0 28px;
		position:relative;
		margin-bottom:2em;
		color:#b2b2b2;
		}
		.faq_list dd .marker {
			top:3px;
			}



/* Custom widgets
---------------------------------------- */

/* Popular posts */
.popular-posts {
	list-style-type:none;
	padding:0;
	margin:0;
	}
	.popular-posts li {
		overflow:hidden;
		margin-bottom:1.5em;
		}
		.popular-posts li .post-thumb {
			float:left;
			margin-right:20px;
			width:100px;
			height:100px;
			overflow:hidden;
			}

/* Post Cycle */
.post_cycle {
	list-style-type:none;
	padding:0;
	margin:0;
	}
	.post_cycle li {
		border-bottom:1px solid #eee;
		padding:0 0 1.2em 0;
		margin:0 0 1.2em 0;
		}


/* Folio Cycle */
.folio_cycle {
	list-style-type:none;
	padding:0;
	margin:0;
	width:100%;
	overflow:hidden;
	}
	.folio_cycle li {
		float:left;
		width:100px;
		height:100px;
		margin:0 0 15px 10px;
		overflow:hidden;
		}


/* Testimonials */
.testimonials {
	list-style-type:none;
	padding:0;
	margin:0;
	}
	.testimonials li {
		background:#fff;
		padding:1.5em;
		margin-bottom:2em;
		margin-right:5px;
		box-shadow:0 0 3px rgba(0, 0, 0, .1);
		-moz-box-shadow:0 0 3px rgba(0, 0, 0, .1);
		-webkit-box-shadow:0 0 3px rgba(0, 0, 0, .1);
		}
		.testimonials li blockquote {
			border:none;
			background:url(images/quotes.png) no-repeat 0 0;
			margin:0;
			padding:0;
			}
			.testimonials li blockquote p {
				margin-bottom:.5em;
				}
		.testimonials li .name-testi {
			padding:0 0 0 2.2em;
			text-align:right;
			font-weight:bold;
			}
			.testimonials li .name-testi a {
				font-weight:normal;
				}










.line-ver-1 {
	background: url(images/line.gif) repeat-y 306px 0%;
}

.line-ver-2 {
	background: url(images/line.gif) repeat-y 613px 0%;
}

.link {
	display: block;
	width: 100%;
	overflow: hidden;
}

	.link a {
		background: url(images/link.jpg) no-repeat 0% 0% !important;
		float: left;
		width: 127px;
		height: 39px;
		line-height: 36px;
		overflow: hidden;
		letter-spacing: -1px;
		font-size: 18px;
		font-weight: 700;
		text-align: center;
		text-decoration: none;
		color: #02152e !important;
	}
	
		.link a:hover {
			background-position: 0% -39px !important;
			color: #fff !important;
		}

.link-1 {
	display: block;
	width: 100%;
	padding: 2px 0 0 0;
	overflow: hidden;
}

	.link-1 a {
		float: left !important;
		padding: 0 !important;
		line-height: 22px !important;
		font-size: 15px !important;
		text-decoration: none !important;
		color: #b4b3b3 !important;
	}
	
		.link-1 a:hover {
			background: none !important;
			color: #02152e !important;
		}

.link-2 {
	display: block;
	width: 100%;
	overflow: hidden;
}

	.link-2 a {
		float: right;
		margin: 0 14px 0 0;
		line-height: 22px;
		font-size: 15px;
		text-decoration: none;
		color: #9f9f9f;
	}
	
		.link-2 a:hover {
			color: #2c3b50;
		}

.excerpt {
	overflow: hidden;
}

.list-indent {
	padding: 0 0 45px 0 !important;
}

.picture {
	width: 100%;
	padding: 6px 0 22px 0;
	overflow: hidden;
}

	.picture img {
		float: left;
	}

.latestpost {
	width: 100%;
	padding: 2px 0 1px 1px !important;
	overflow: hidden;
}

	.latestpost li {
		background: none !important;
		width: 100% !important;
		padding: 0 0 23px 0 !important;
		overflow: hidden !important;
		line-height: 18px !important;
		vertical-align: top !important;
		font-size: 15px !important;
		color: #3f3f3f !important;
	}
	
		.latestpost li span {
			background: url(images/date-bg.jpg) no-repeat 0% 0%;
			float: left;
			width: 55px;
			height: 55px;
			margin: 4px 18px 0 0;
			overflow: hidden;
			line-height: 1.em;
			text-align: center;
			text-transform: uppercase;
		}
		
			.latestpost li span strong {
				display: block;
				margin: 0 0 -21px 0;
				padding: 9px 0 0 0;
				font-size: 24px;
				font-weight: 700;
				color: #fff;
			}
			
			.latestpost li span b {
				display: block;
				font-size: 14px;
				font-weight: 700;
				color: #fff;
			}

#partners {
	width: 100%;
	padding: 0 0 19px 0;
	overflow: hidden;
}

	#partners ul {
		width: 100%;
		margin: 0;
		padding: 0 0 35px 0;
		overflow: hidden;
		list-style: none;
	}
	
		#partners ul li {
			float: left;
			padding: 0 0 0 32px;
		}
		
			#partners ul li:first-child {
				padding: 0;
			}
			
		#partners ul li a {
			float: left;
			height: 56px;
			overflow: hidden;
		}
		
			#partners ul li a img {
				float: left;
			}
		
			#partners ul li a:hover img {
				margin: -56px 0 0 0;
			}

.partner {
	width: 100%;
	padding: 2px 0 1px 1px !important;
	overflow: hidden;
}

	.partner li {
		background: none !important;
		width: 100% !important;
		padding: 0 0 43px 0 !important;
		overflow: hidden !important;
		line-height: 18px !important;
		vertical-align: top !important;
		font-size: 15px !important;
		color: #3f3f3f !important;
	}
	
		.partner li i {
			float: left;
			width: 219px;
			height: 56px;
			margin: 4px 18px 0 0;
			overflow: hidden;
		}
		
			.partner li i img {
				float: left;
			}
			
				.partner li i a:hover {
					background: none !important;
				}
		
				.partner li i a:hover img {
					margin: -56px 0 0 0;
				}
			
		.partner li .link {
			padding: 22px 0 0 0;
		}

.post-content {
	width: 100%;
	line-height: 22px;
	font-size: 15px;
	overflow: hidden;
}

	.post-content .excerpt {
		overflow: visible;
	}
	
	.post-content .link {
		margin-top: 1.5em;
	}

.post-date {
	background: url(images/date-bg.jpg) no-repeat 0% 0%;
	float: left;
	width: 55px;
	height: 55px;
	margin: 4px 18px 0 0;
	overflow: hidden;
	line-height: 1.2em;
	text-align: center;
	text-transform: uppercase;
}

	.post-date strong {
		display: block;
		margin: 0 0 -2px 0;
		padding: 9px 0 0 0;
		font-size: 24px;
		font-weight: 700;
		color: #fff;
	}
	
	.post-date b {
		display: block;
		font-size: 15px;
		font-weight: 700;
		color: #fff;
	}

.columns {
	width: 100%;
	padding: 70px 0 10px 0;
	overflow: hidden;
}

.columns-1 {
	width: 100%;
	padding: 30px 0 20px 0;
	overflow: hidden;
}

.img {
	width: 100%;
	padding: 0 0 22px 0;
	overflow: hidden;
}

	.img img {
		float: left;
	}

.list {
	overflow: hidden;
	padding: 0 0 7px 0 !important;
}

	.list li {
		background: none !important;
		width: 100% !important;
		padding: 0 0 22px 0 !important;
		overflow: hidden !important;
		vertical-align: top !important;
		line-height: 22px !important;
		font-size: 15px !important;
	}
	
		.list li img {
			float: left;
			margin: 8px 20px 0 0 !important;
		}
		
		.list li strong {
			display: block;
			padding: 0 0 8px 0;
			color: #3f3f3f;
		}

.list-1 {
	width: 100%;
	padding: 0 !important;
	overflow: hidden;
}

	.list-1 li {
		background: none !important;
		float: left !important;
		width: 264px !important;
		padding: 0 0 22px 0 !important;
		line-height: 22px !important;
		font-size: 15px !important;
		color: #3f3f3f !important;
	}
	
	.list-1 li.even {
		padding: 0 22px 22px 0 !important;
	}
		
		.list-1 li a {
			background: #f4f5f6 !important;
			display: block !important;
			width: 244px !important;
			padding: 10px !important;
			overflow: hidden !important;
		}
		
			.list-1 li a:hover {
				background: #1e1e1e !important;
				color: #fff !important;
			}
		
			.list-1 li a span {
				display: block;
				width: 244px;
				height: 275px;
				margin: 0 0 12px 0;
				overflow: hidden;
			}
			
				.list-1 li a span img {
					float: left;
					cursor: pointer;
				}
				
			.list-1 li a strong {
				display: block;
				padding: 0 14px 0 14px;
				line-height: 1.2em;
				font-size: 18px;
				font-weight: normal;
				color: #000d20;
			}
			
				.list-1 li a:hover strong {
					color: #fff !important;
				}
			
			.list-1 li a em {
				display: block;
				padding: 0 0 0 14px;
				font-style: normal;
			}

.no-indent {
	margin: 0 !important;
	padding: 0 !important;
}

.info {
	width: 100%;
	overflow: hidden;
	line-height: 22px;
	font-size: 15px;
}

	.info small {
		float: right;
		padding: 0 10% 0 0;
		font-size: 15px;
	}

.indent-bot {
	padding: 0 0 50px 0 !important;
}

.map {
	width: 100%;
	height: 170px;
	overflow: hidden;
}























/* Footer
---------------------------------------- */

#footer {
	background: url(images/footer.gif) repeat-x 50% 0%;
	min-height: 171px;
	height: auto !important;
	height: 171px;
	overflow: hidden;
}

	#footer .indent {
		padding: 73px 0 20px 13px;
	}

	#footer p {
		line-height: 22px;
		font-size: 15px;
		color: #3f3f3f;
	}
		
		#footer p a {
			text-decoration: none;
			color: #3f3f3f;
		}
		
			#footer p a:hover {
				text-decoration: underline;
			}
			
		#footer p span a {
			color: #9f9f9f;
		}
	
	/* Footer navigation */
	
	nav.footer {
		float:right;
	}
	
		nav.footer ul {
			margin: 0;
			list-style: none;
			overflow: hidden;
		}
		
			nav.footer ul li {
				float: left;
				padding: 0 0 0 15px;
				line-height: 22px;
				font-size: 15px;
				color: #3f3f3f;
			}
			
				nav.footer ul li a {
					text-decoration: none;
					color: #3f3f3f;
				}
				
					nav.footer ul li a:hover {
						text-decoration: underline;
					}



/* Misc
---------------------------------------- */
.button {
	display:inline-block;
	padding:7px 15px;
	background:#000;
	color:#fff;
	text-decoration:none;
	}
	.button:hover {
		background:#999;
		}
.no-results {
	
}

.widget-area {
	
}

.hr {
	height:1px;
	background:#eee;
	overflow:hidden;
	font-size:0;
	line-height:0;
	margin:30px 0;
	}

/* Address */
.address {
	padding:0 0 0 10px;
	}
.address dt {
	margin-bottom:1.5em;
	}
.address dd {
	margin-bottom:0;
	width:100%;
	overflow:hidden;
	}
	.address dd span {
		float:left;
		width:100px;
		}



/* Forms
---------------------------------------- */

/* Form defaults */
input, select, textarea { 
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
	font-size:1em;
	vertical-align:middle;
	font-weight:normal;
}


/* Comment form */
#commentform {
	width: 100%;
	overflow: hidden;
	}
	
	#commentform p {
		padding: 0 !important;
	}
	
	#commentform p.field {
		margin-bottom:5px;
		}
		#commentform small {
			color:#8b8b8b;
			}
	#commentform input[type=text] {
		width:250px;
		padding:4px;
		}
	#commentform textarea {
		width:460px;
		height:150px;
		margin: 0 0 22px 0;
		padding:4px;
		overflow:auto;
		}
	#commentform #submit {
		background:#000;
		height:30px;
		line-height:30px;
		padding:0 10px;
		color:#fff;
		cursor:pointer;
		border:none;
		}
	#commentform #submit:hover {
		background:#bdbdbd;
		color:#000;
		}
	
	#commentform input[type=text]:hover,
	#commentform input[type=text]:focus,
	#commentform textarea:hover,
	#commentform textarea:focus {
		background:#f0f0f0;
		}





#top-search {
	position: absolute;
	top: 159px;
	right: 5px;
}

	#sidebar #searchform {
		background: url(images/search-input-1.png) no-repeat 0% 0%;
	}
	
	#sidebar #searchform input[type="text"] {
		width: 136px;
	}

#searchform {
	background: url(images/search-input.png) no-repeat 0% 0%;
	width: 328px;
	height: 41px;
	overflow: hidden;
}

	#searchform input[type="text"] {
		background: none;
		width: 214px;
		height: 17px;
		padding: 10px 10px 10px 10px;
		border: none;
		float: left;
		font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
		font-size: 15px;
		color: #3f3f3f;
	}
	
	#searchform input[type="submit"] {
		background: url(images/search-submit.png) no-repeat 0% 0%;
		width: 90px;
		height: 39px;
		margin: 0 0 0 4px;
		padding: 0;
		overflow: hidden;
		border: none;
		float: left;
		cursor: pointer;
		text-indent: -999px;
		font-size: 0;
	}



/* Fluid Columns */
.one_half{ width:48%; }
.one_third{ width:30.66%; }
.two_third{ width:65.33%; }
.one_fourth{ width:22%; }
.three_fourth{ width:74%; }
.one_fifth{ width:16.8%; }
.two_fifth{ width:37.6%; }
.three_fifth{ width:58.4%; }
.four_fifth{ width:67.2%; }
.one_sixth{ width:13.33%; }
.five_sixth{ width:82.67%; }
.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth{ position:relative; margin-right:4%; float:left; }
.last { margin-right:0 !important; clear:right; }


.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}

.wrapper { 
	width:100%;
	overflow:hidden;
}
.extra-wrap {
	overflow:hidden;
	}


/* Clear Floated Elements */
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/* Always remember to compress your live stylesheet and keep an uncompressed backup */