article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section { display: block; }

* {-webkit-text-size-adjust: 100%;} 

html, body {height: 100%; color:#2b2b2b; cursor:default;margin:0;padding:0;}
a{ cursor:pointer; text-decoration:none; }
body{ background:#062640; background:url(../images/bg.jpg) repeat top center;  font-family:Verdana, Geneva, sans-serif; color:#fff; font-size:14px;}
p{ margin:10px 0;}
ul{}

ul.main-menu { list-style:none; float:right; width:600px; margin-top:25px;}
ul.main-menu li{ width:85px; float:right; }
ul.main-menu a {float:right; display:block; width:85px; height:45px;  text-align:center; color:#fff;}
ul.main-menu a span { list-style:none;  display:block; width:85px; height:28px;}
.ico_contact a span{ background:url(../images/ico_email.png) no-repeat bottom center; }
.ico_services a span{ background:url(../images/ico_services.png) no-repeat bottom center; }
.ico_about a span{ background:url(../images/ico_about.png) no-repeat bottom center;}
.ico_home a span{ background:url(../images/ico_home.png) no-repeat bottom center; }
.ico_extra_tab1 a span{ background:url(../images/ico_extra_tab1.png) no-repeat bottom center; }
.ico_extra_tab2 a span{ background:url(../images/ico_extra_tab2.png) no-repeat bottom center; }
.ico_extra_tab3 a span{ background:url(../images/ico_extra_tab3.png) no-repeat bottom center; }
ul.main-menu a:hover, ul.main-menu li.current a { color:#2eb9c6; }
ul.main-menu a:hover span, ul.main-menu li.current a span{ background-position:top center; }

#top_area{ display:block; width:974px; height:76px; padding:35px 25px 0 0; background:url(../images/top.png) no-repeat bottom center; color:#2cb7c4; font-size:14pt; font-weight:bold; text-align:right; }

#whole-page{ width:1000px; margin:0 auto; }
header{width:1000px; height:95px;}
header h1{ margin:0; padding:0; display:block;  width:309px; height:31px; padding:30px 0 0 20px; float:left;  }
#logo{ display:block;  width:309px; height:31px; background:url(../images/logo.png) no-repeat top center;  }
#content-start{ display:block; width:999px; min-height:359px; background: url(../images/bottom_01.png) no-repeat top center; padding-top:15px;  }
#content-start-bg{ background:#072a47;}
#content-end{ display:block; width:999px; height:127px; background:url(../images/bottom_02.png) no-repeat bottom center; margin-top:-55px;  }

#footer{ margin:-10px 0 20px 0; }
#footer li{ list-style:none; font-size:9pt; color:#EEE; }

.content_left{ float:left; width:476px;}
.content_right{ float:right; width:480px; padding:0px 20px 0 0;}


.about-us-bg{ position:absolute; margin:100px 0 0 0; z-index:3;}
.about-us-text{ position:absolute; margin:20px 0 0 30px;}


#inner_banner{position:absolute;height:280px;width:1000px;z-index:4; margin:30px 0 0 15px;}
#inner_banner a{float:left;position:absolute;height:280px; overflow:hidden; cursor:default;}
#inner_banner a img{border:none;}
#inner_banner a.show{z-index:500}
#inner_banner .caption{ cursor:default;z-index:600;color:#ffffff; height:52px;  
position:absolute;bottom:0; font-family: 'Marcellus SC','微軟正黑體', serif; margin-bottom:110px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#inner_banner .caption .content{ background:url(../images/inner_banner_bg.png) repeat-x; height:38px; padding:7px 30px 7px 20px;}
#inner_banner .caption .content h3{margin:0;padding:0;color:#FFF;font-size:30px; font-weight:normal;}
#inner_banner .caption .content h3 span{font-size:16px;}

#inner_banner a img { margin-top:0px;}

#cct{ width:450px; height:450px;   /*background:url(1.jpg) no-repeat 0 0;*/ }
#cct .csbb{ width:16px; height:16px; display:block; margin:1px; text-align:center; line-height:16px; float:left; font-size:16px;
color:#365e8f; font-family: "century gothic", Arial, Helvetica, sans-serif}
#msg{ display:block; width:400px;}

.skip{ color:#fff; display:block; font-weight:bold;}

.services_left{ margin:10px 0 0 22px;}
.imglist{ position: relative; display:block;}
.imglist img.img{ position:absolute;}