/*
Design by Metamorphosis Design
http://www.metamorphozis.com
Released for free under a Creative Commons Attribution 2.5 License
*/


/* Reset */
a, abbr, acronym, address, applet, article, aside, audio,
b, blockquote, big, body,
center, canvas, caption, cite, code, command,
datalist, dd, del, details, dfn, dl, div, dt, 
em, embed,
fieldset, figcaption, figure, font, footer, form, 
h1, h2, h3, h4, h5, h6, header, hgroup, html,
i, iframe, img, ins,
kbd, 
keygen,
label, legend, li, 
meter,
nav,
object, ol, output,
p, pre, progress,
q, 
s, samp, section, small, span, source, strike, strong, sub, sup,
table, tbody, tfoot, thead, th, tr, tdvideo, tt,
u, ul, 
var{
    background: transparent;
    border: 0 none;
        margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
    vertical-align: top; }

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
table, table td { 
	padding:0;
	border:none;
	border-collapse:collapse;
}
img {
	vertical-align:top; 
}
embed { 
	vertical-align:top;
}
* { border:none}
input, textarea{ outline:none !important}

/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Left & Right alignment */
.left {
	float:left;
}
.right {
	float:right;
}
.wrapper {
	width:100%;
	overflow:hidden;
	position:relative;
}
.box {
	overflow:hidden;
}
.clear {
	clear:both;
	width: 100%;
}
.relativePos{
	position:relative;
}
.last{
	background:none !important;
	border:none !important;
}
.pad_0{
	padding:0 !important;
}
/* Global properties ======================================================== */
body, html, .extra{
	height: 100%;
	width:100%;
	min-width:1000px;
	min-height:820px;
}
body {
	overflow:hidden;
	border:0;
	font-size:13px;
	font-family: '微軟正黑體';
	color:#fff;

}
/* Global Structure ============================================================= */
.extra{
	position:relative;
	overflow:hidden;
}
.main {
	position:relative;
	width:1000px;
	height:820px;
	margin: 0 auto;
}
.page_spinner {
	position:fixed;
	background: url(images/main_spinner.gif) 50% 50% no-repeat #121212;
	z-index:99;
	width:100%;
	height:100%;
	top:0;
	left:0
}
/* ============================= main layout ====================== */
a {
	color:#FFFF00;
	text-decoration:none;
	outline:none;
}
a:hover {
	color:#990033;
}
h1 {
	padding:0 0 50px 0;
	width:575px;
	text-align:center;
	margin:0 auto;
}
h1 #keywords_0{font-size:13px; font-weight:normal;}
h2 {
	font-size:19px;
	font-family: '微軟正黑體';
	color: #fff;
	padding-bottom: 25px;
}
h3 {
	color:#fff;
	padding-bottom:8px;
	font-weight:normal;
}
p {
	padding-bottom:22px;
	
}
.color1 {
	color:#5d5d5c;
}
/* ============================= header ====================== */
header{
	position:relative;
	width:100%;
	height:300px;
	z-index:10;
}
#logo {
text-align:center;
	position:relative;
	display:block;
	overflow: hidden;
	width:600px;
	padding: 75px 0 0 0;
	margin:0 auto;
    font-size: 33px;
	font-family: '微軟正黑體';
	text-decoration: none;
	text-shadow:2px 2px 2px #000;
}
/* ============================= menu ====================== */
.menu {
	position: relative;
	z-index:5;
}
#menu > li {
	position:absolute;
	top:0;
	left:0;
	width: 150px;
	height: 100px;

}
#menu > li a{
color:#fff;
	display:block;
	width: 150px;
	height:100%;
	text-align:center;
	text-decoration:none;
	text-transform:lowercase;
}
#menu > li a span{
	position:relative;
	left:-20px;
	top: 60px;
	text-shadow:2px 2px 2px #000;
	font-size: 21px;
	font-family: '微軟正黑體';
	z-index:5;
}
#menu > li a b{
text-shadow:1px 1px 1px #000;
	position:absolute;
	width:100%;
	height:100%;
	top:-25px;
	left:-25px;
}

.menu1
{
background: url(images/home.png) no-repeat 20px 0px;
}

.menu2
{
background: url(images/about.png) no-repeat 20px 0px;
}

.menu3
{
background: url(images/work.png) no-repeat 20px 0px;
}

.menu4
{
background: url(images/news.png) no-repeat 20px 0px;
}

.menu5
{
background: url(images/prices.png) no-repeat 20px 0px;
}

.menu6
{
background: url(images/mail.png) no-repeat 20px 0px;
}


/* ============================= content ====================== */
#content{
	position:relative;
}
#content > ul {
	position:relative;
	width:1000px;
	height:418px;
	margin-bottom:29px;
}
#content > ul > li {
	position:absolute;
	width:100%;
	height:100%;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
background: -moz-linear-gradient(left,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,1) 52%, rgba(0,0,0,0.65) 100%); 
background: -webkit-linear-gradient(left,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,1) 52%,rgba(0,0,0,0.65) 100%); 
background: linear-gradient(to right,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,1) 52%,rgba(0,0,0,0.65) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#a6000000',GradientType=1 ); 
}
.contPad{
	padding: 50px 30px 30px;
}
.imgIndent{
	float:left;
	padding: 0 20px 20px 0;
}
.padTop{
	padding-top: 0px;
}
.padBot{
	padding:0 0 10px 0;
}
#newsList{
	padding-top:16px;
}
#newsList li {
	overflow:hidden;
	padding-bottom:24px;
}
#newsList dt{
	display:block;
	float:left;
	height:58px;
	width:88px;
	padding-right:15px;
	text-align:center;
	font-size:12px;
	line-height:16px;
	font-weight:bold;
}
#newsList .plane1{
	color:#fff;
}
#newsList .plane2{
	color:#1d1d1c;

}
#newsList dt {
	font-size:26px;
	display:block;
	width: 100px;
	height: 100px;
}
#newsList dd {
	width:245px;
	padding-left: 10px;
	float:left;
}
#newsList dd p{
	padding-bottom:8px;
}
#imgList{
	margin-top:-15px;
}
#imgList li{
	position:relative;
	float:left;
	margin:15px 46px 5px 0;
}
#imgList span{
	top:0;
	position:absolute;
	width:100%;
	height:100%;

}
#postsList{
	overflow:hidden;
	margin:-6px 0 4px;
}
#postsList dt{
	color:#fff;
	padding-bottom:20px;
}
#postsList dt p{
	color:#fff;
	font-size:17px;
	font-weight:bold;
	padding-bottom:5px;
}
#postsList dd p{
	padding-top:8px;
}
.link{
	position:relative;
	left:-5px;
	color:#fff;
	text-decoration:none;
	padding:3px 5px;
}
.link:hover{
	color:#1d1d1c;
	background-color:#fff;
}
.listWithMarker li {
	text-indent:12px;
	height:24px;
	background:url(images/listMarker.png) 0 8px no-repeat;
}
.listWithMarker li a {
	color:#fff;
	text-decoration:none;
}
.listWithMarker li a:hover {
	color:#616161;
}
.google_map{
	margin-right:18px;
	float:left;
	border: 10px solid #232322;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px; 
    width: 300px;
    height: 220px;
    background: #232322;
}
.address {
	padding-top:22px;
	float:left;
	width:185px;
}
.address a{
	text-decoration:none;
	color:#fff;
}
.address a:hover{
	text-decoration:underline;
}
/* ============================= scroll ====================== */
.scroll {
	height:250px;
	
}
.shuttle {
	width:26px;
	height:135px;
	background:url(images/shuttle.png) 0 0 no-repeat;
}
.track{
	position:absolute;
	top:102px;
	left:944px;
	width:28px;
	height:255px;
	background:#000;
	 
}
/* ============================= footer ====================== */
footer {
	width:1000px;
	text-align:center;
	font-size:13px;
	color:#fff;
	font-weight:bold;
}
footer a{
	color:#ffffff;
	text-decoration:none;
}

/* ============================= forms ============================= */
#form1 {
}
#form1 input[type="text"],#form1 input[type="email"] {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; 
	background-color:#242424;
	padding:8px 0 9px 10px;
	width:172px;
	margin:0 4px 10px 0;
	box-shadow:none;
	
}
#form1 input[type="button"],#form1 input[type="reset"]{
background:#000000;
color:#fff;
padding:5px 10px;
font-size:15px;
-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#form1 textarea {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; 
	resize: none;
	background-color:#242424;
	padding:8px 0 9px 10px;
	width:362px;
	height:129px;
	margin:0;
	overflow:auto;

}


.btns a {
	display:inline-block;
	margin:3px 0 0 6px;
}
.btns a:hover {
	color:#5b5b5b;
}
/* Form defaults */
#form1 input,#form1 textarea {
	font-size:13px;
	font-family:'微軟正黑體';
	color:#ffffff;
}



/* Layout */
.col3, .col4, .col5, .col5_20, .col6, .col7, .col8, .col9, .col10 { float:left;}

.colIndent{
	padding-right:20px;
}

.col3{ 
	width:220px;
}
.col4{ 
	width:300px;
}
.col5{ 
	width:380px;
}
.col5_20{
	width:400px;
}
.col6{ 
	width:460px;
}
.col7{ 
	width:540px;
}
.col8{ 
	width:620px;
}
.col9{ 
	width:700px;
}
.col10{ 
	width:780px;
}

#logo{color:#ffffff;}

.box p
{
display: block;

}
.editinput{margin-top:10px;padding:8px;width:90%;height:50px;}
.editimg,.editorimg,.editbgimg{cursor:pointer;}
.editbgimg{ position:absolute;z-index:5}
hr{clear:both;}
.social{margin:0 3px;}
.social:hover{ position:relative;top:-5px;}