.glob
{
width:100%; 
height:100%; 
position:absolute; 
	
}

body
{
font-family:'微軟正黑體', sans-serif;
background: #188DC9; 
line-height:20px; 
min-width:1010px;
min-height:100%; 
position:absolute; 
width:100%; 
height:100%; 
overflow:hidden; 
}

/* Global Structure ========================================================= */
.main {margin:0px auto 0 auto; 	width: 1000px; z-index:2; height:740px; }
.page_spinner{ position:fixed; background:url(images/loader.gif) 50% 50% no-repeat #188DC9; z-index:99; width:100%; height:100%; top:0; left:0}
#glob{position:relative; overflow:hidden; z-index:1; }

/* layout =================================================================== */
.containerContent {
    z-index: 1;
    position: relative;
    padding: 20px;
	overflow: auto;
	height: 460px;
	width: 970px;
	font-size:13px;
	margin-top:10px;
}  
.col1{width: 100%; position: relative; float: left;}
.col2{width: 300px; position: relative; float: left;}
.col3{width: 270px; position: relative; float: left;}
.col4{width: 445px; position: relative; float: left;}
.col5{width: 370px; position: relative; float: left;}
.col6{width: 380px; position: relative; float: left;}
.col7{width: 540px; position: relative; float: left;}
.col8{width: 210px; position: relative; float: left;}
.col9{width: 920px; margin: 0 auto;}


/* Left & Right alignment */
.left { float:left; }
.right { float:right; }
.wrapper {width:100%; overflow:hidden; }


/* Layout 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;
    font-size: 100%;
    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 }


/* ============================= main layout ================================ */
a{ color:#FFFF00; text-decoration:none; outline:none; font-size: 13px; }
a:hover{ color:#FF0000; text-decoration:none;}
h1{float:left;}
h2{font-family: '微軟正黑體', sans-serif; color:#fff; font-size:20px; line-height: 20px; width:100%;margin-bottom:10px;  font-weight: normal;}
h3{color: #fff; font-size:13px; line-height: 20px; width:100%; padding-bottom: 20px; font-weight: 400;}
p{ font-size: 13px; color: #ffffff; line-height: 22px; }
.undLineOff{text-decoration:none; }
.textLowerCase{text-transform:lowercase}
.textUpperCase{text-transform:uppercase}
.center{ padding:0; width:100%; position: relative; }
.alignLeft{text-align:left; }
.alignCenter{text-align:center; }
.alignRight{text-align:right; }
/* ============================= header ===================================== */
.header{position:relative; z-index:1; display: inline-block; }
#logo
{
display:inline-block;  
width: 680px; 
height: 50px; 
padding-top:0;
font-family: '微軟正黑體', sans-serif; 
color:#fff; 
font-size: 30px;
font-weight: normal;
text-shadow: 2px 2px 2px #000;
}

#logo:hover{text-decoration:none; }
.logoHolder{ display:inline-block; position: relative; margin-top: 10px;}
.headerHolder{position: relative; width: 1000px; height: 200px; z-index: 3;  margin: 0 auto;text-align: center; }
.menu{position:relative; z-index:1; display: block; }
.menuHolder{ display:inline-block; position: relative; width: 100%; height: 69px; z-index: 3; left: 0; margin-top: 0; background: url(images/menu.png) no-repeat}
#menu2 {z-index:3; position:relative;}
#menu2 > li{float: left;  color: white;  text-align: center; height: 73px;display: inline-block; padding-top: 20px;}
#menu2 > li > a{font-family: '微軟正黑體', sans-serif; display: block; float: left; display: inline; height: 73px; font-size: 20px; padding-left: 60px;text-shadow: 2px 2px 2px #000;}
#menu2 > li > a:hover{text-decoration:none;}
#menu2 > li.active > a{text-decoration:none;}

.mText
{ 
line-height: 50px; 
color: #080808; 
font-size: 20px; 
position: absolute; 
padding: 11px 12px;
}

.mTextOver
{ 
line-height: 50px; 
color: #fff; 
font-size: 20px; 
position: relative; 
padding: 11px 12px; 
background:url(images/spritemore.png); 
top: -75px; left: 0;
padding-top: 5px;
}

._list1{position: relative;}
._list1 > li{display: block; position: relative;margin-bottom: 1px;}
._list1 > li >a{color: #f4d9cd; font-size: 10px; margin-left: 22px;}
.listMarker{background:url(images/extra3.png) 0 0 no-repeat; width: 11px; height: 12px; display: inline-block; position: absolute; left: 0;top: 4px;}
.listMarkerO{background:url(images/extra4.png) 0 0 no-repeat; width: 11px; height: 12px; display: inline-block; position: absolute; left: 0;top: 4px;}
.mymore{
color: #fff; 
font-size: 13px; 
background: url(images/readmore.png);
text-transform: uppercase; 
display:block; 
width: 83px; 
height: 30px;
padding-top: 14px;
padding-left: 28px;
}
.mymore:hover{text-decoration: none;}
.more2{font-family: '微軟正黑體', sans-serif; color: #fff; font-size: 15px; background:url(images/moreSprites2.png);padding: 9px 18px; line-height: 42px; position:absolute; bottom:50px;}
.more2:hover{text-decoration: none;}
/* ============================= content ====================== */
#content{position:relative;  z-index: 1; width: 100%;margin: 0 auto; display: block;padding-top: 0; }
#content > ul{width: 940px; height: 520px; z-index: 0;display: inline-block; }
#content > ul > li{width: 100%; display:block; position:absolute; height: 520px;}

.box{ width: 1000px;  overflow: hidden; position: relative; height: 520px;
padding: 0;
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 ); 

	}

.underline{text-decoration:underline; }
.space1{display:inline-block; width: 90px; }
#bgStretch {overflow:hidden; z-index:-1; }
#bgStretch img{background-color: #000;}
.padBot2{padding-bottom: 22px;}
.padBot3{padding-bottom: 22px;}
.padBot4{padding-bottom: 22px;}
.padBot5{padding-bottom: 41px;}
.padBot6{padding-bottom: 13px;color:#ffffff;}
.padBot6 img {max-width:100%; margin:8px;-moz-border-radius: 8px;
	-webkit-border-radius: 8px;	border-radius: 8px;}
.padBot7{padding-bottom: 2px;}
.padRight1{padding-right: 20px;}
.padRight2{padding-right: 30px;}
.padRight3{padding-right: 20px;}
.magBot1{margin-bottom: 22px;}
.magTop1{margin-top: 50px;}
._icon1{background: url(images/extra5.png) 0 0 no-repeat; width: 59px; height: 59px; display: inline-block;float: left;margin-right: 16px; font-family: '微軟正黑體', sans-serif; color:#fff; font-size: 30px;text-align: center;line-height: 58px;}
._fig2{width: 220px; float: left;}
._fig2 img{padding-bottom: 18px;}
._fig2 figcaption{display: block;}
._link2{font-size: 10px; color: #f4d9cd;}
.navHolder{ margin: 0 auto; width: 900px; display: inline-block; margin-bottom: 5px;}
.navGall{ position:absolute; bottom:0px;margin: 0 auto; width: 480px; padding-left: 340px;}
.navGall > ul{position: relative; white-space: nowrap;}
.navGall > ul >li{position: relative;  display: inline-block; background: url(images/extra1.png) 0 0 no-repeat; width: 20px; height: 19px;float: left;margin-right: 2px;}
.navGall > ul >li >a{
    display: inline-block;
    width: 20px;
    height: 19px;
}
._area{position: absolute; width: 100%; height: 100%; top: 0; z-index: 3;left: 0;display: block; background: url(images/extra6.png);}
.pointNav{position: relative;  display: inline-block; background: url(images/extra2.png) 0 0 no-repeat; width: 13px; height: 14px;margin: 3px 4px;}
.spinner_bg{position: fixed; width: 50px; height: 50px;   background: url("images/gallLoader.gif") 50% 50% no-repeat; z-index:10000; left: 0;top: 0;}
.sliderHolder {width: 800px; margin: 0 auto; overflow: hidden}
.overPlane{position: absolute; width: 105px; height: 63px; border: 1px solid #fff;}
#_slider{width: 800px; height: 320px; display: block; overflow: hidden;position: relative; margin: 0 auto;}
#_slider >.descr{width: 800px; height: 320px; display: block;position: absolute;}
.text1
{
font-size: 30px; 
color: #fff; 
font-family: '微軟正黑體', sans-serif;
width: 100%;
line-height: 100px;
display: block; 
left: 0px;
position: relative;
padding-left: 200px;
}

.text2
{
font-size: 20px; 
color: #080808; 
font-family: '微軟正黑體', sans-serif;
width: 100%;
line-height: 50px;
display: block; 
position: relative;
padding-left: 310px;
}

/* ============================= footer ====================== */
#bottom {
width:990px;
margin:0 auto;
color: #FFFFFF;
}

#bottom_bot {
color: #FFFFFF;
}

#bottom h1 { 
	color: #ffffff;
	font-family: '微軟正黑體', sans-serif; 
	font-size: 20px;
	font-weight: 100;
	float: none
			}

#b_col1 {
margin:20px 0;
	width: 253px;
	float: left;
	margin-left: 43px;
	height:200px;
	border-right:dotted 1px #eee;
	font-size:13px;
}
#b_col2 {
margin:20px 0;
	width: 253px;
	float: left;
	margin-left: 50px;
	height:200px;
	border-right:dotted 1px #eee;
	font-size:13px;
}
#b_col3 {
margin:20px 0;
	width: 253px;
	float: left;
	margin-left: 50px;
	text-align: left;
	height:200px;
	font-size:13px;

}


.box_us {
width: 244px;
background: url(images/box_us.gif) 0px bottom repeat-x;
font-size: 13px;
}

.box_us_l {
width: 27px;
float: left;
padding-top:3px;}

.box_us_r {
width: 217px;
color: #ffffff;
float: left;}

.lh
{color: #ffffff;}


.spis_bot {
	list-style:none;
	padding: 0px 0px 0px 34px;}

.spis_bot li {
	padding: 7px 0px 0px 18px;
	background: url(images/fish2.gif) 0px 12px no-repeat;
	}
	
.spis_bot a {
	color:#ffffff;
	text-decoration:none;
	font-weight: 100;
	display: block;
	font-weight:bold;}
.spis_bot a:hover {
	text-decoration: underline;
	}
	
.fu_i {
	padding: 0px 14px 0px 0px;
	vertical-align: middle ;
}

#b_col3 ul {
	list-style:none;
	padding: 0px 0px 0px 52px;}

#b_col3 li {
	padding: 8px 0px 2px 0px;
	background: none;
	}
	
#b_col3 li a {
	color:#FFFFFF;
	text-decoration: none;
	font-weight: bold;}
	
#b_col3 li a:hover {
	text-decoration: underline;
}


.footer{width: 100%; z-index: 2;  height: 335px; display: inline-block;}
.topBtn{position:relative; display:inline-block; cursor:pointer; }
.mainFooter { background:#000000;
filter: alpha(Opacity=85, Style=0);
	-moz-opacity: 0.85;
	opacity: 0.85;
	width:1000px;
	margin:0 auto 50px auto;
	padding-bottom:10px;
	
}


.textPrivacy{font-family:'微軟正黑體', sans-serif; font-size: 13px; color: #fff; position:relative; display:inline-block; }
.privHold{ line-height: 20px; position: relative; display: block; text-align: center;}

#ContactForm {
	padding:0; 
}


#ContactForm a {
font-size: 15px; 
	font-family: '微軟正黑體';
	position:relative; 
	z-index:1; 
}
#ContactForm a:hover {text-decoration:none;}
#ContactForm .input {
border:solid 1px #ccc;
margin:5px;
	width: 235px; 
	padding: 10px 10px; 
	color: #ffffff; 
	outline:none; 
	font-size: 13px; 
	font-family: '微軟正黑體'; 
	background: #fff; 
	border-radius: 5px;
    background: url(images/partBg.png);
}
#ContactForm textarea {
border:solid 1px #ccc;
margin:5px;
	overflow:auto; 
	margin:0; 
	width: 520px; 
	height: 147px; 
	background: #fff; 
	padding: 9px 10px; 
	color: #ffffff; 
	resize:none; 
	outline:none; 
	font-size: 13px; 
	font-family: '微軟正黑體'; 
	border-radius: 5px;
	text-transform: uppercase;
    background: url(images/partBg.png);
}
#ContactForm .block {
	display:inline-block; 
	position:relative; 
	width: 100%; 
	float: left; 
}
#ContactForm .magRight1{margin-right:16px;}
.formButtons{position:relative; float: right;  display: inline-block;}
.formBtn{display:inline-block;  position:relative;  }
/* ============================= end forms ============================= */
.editinput{margin-top:10px;padding:8px;width:99%;height:50px;}
.editimg,.editorimg,.editbgimg{cursor:pointer;}
hr{clear:both;}
.social{margin:5px; vertical-align:middle;}
.google_map {
	width: 380px;
	height: 200px;
	background: #FFF;
	border-radius: 8px;

}