@font-face {
  font-family:'CenturyGothic';
  src:url('../fonts/ufontscomcenturygothic2.eot');
  src:url('../fonts/ufontscomcenturygothic2.eot?#iefix') format('embedded-opentype'), url('../fonts/ufontscomcenturygothic2.woff') format('woff'), url('../fonts/ufontscomcenturygothic2.ttf') format('truetype'), url('../fonts/ufontscomcenturygothic2.svg#ufontscomcenturygothic2') format('svg');
  font-weight:normal;
  font-style:normal;
}
@font-face {
  font-family:'DFPLiHei-Md';
  src:url('../fonts/dfplihei-md.eot');
  src:url('../fonts/dfplihei-md.eot?#iefix') format('embedded-opentype'), url('../fonts/dfplihei-md.woff') format('woff'), url('../fonts/dfplihei-md.ttf') format('truetype'), url('../fonts/dfplihei-md.svg#dfplihei-md') format('svg');
  font-weight:normal;
  font-style:normal;
}
.colorbox { cursor:pointer; }
.en .text1 {
  font-family:'CenturyGothic';
  font-size:13.73px;
  color:#252525 !important;
  font-weight:bold;
}
.en .text2 {
  color:#980b0e;
  font-size:14.58px;
  font-family:'CenturyGothic';
  font-weight:bold;
  margin-bottom:10px;
  text-transform:uppercase;
}
.zh-hant .text1 {
  font-family:"Microsoft JhengHei", "DFPLiHei-Md";
  font-size:13.73px;
  color:#252525 !important;
}
.zh-hant .text2 {
  color:#980b0e;
  font-size:18px;
  font-family:"Microsoft JhengHei", "DFPLiHei-Md";
  margin-bottom:10px;
  text-transform:uppercase;
  font-weight:bold;
}
.zh-hans .text1 {
  font-family:"Microsoft JhengHei";
  font-size:13.73px;
  color:#252525 !important;
}
.zh-hans .text2 {
  color:#980b0e;
  font-size:18px;
  font-family:"Microsoft JhengHei";
  margin-bottom:10px;
  text-transform:uppercase;
  font-weight:bold;
}
.text2 span { color:#b4b4b4; }
.button2 {
  width:128px;
  height:32px;
  line-height:32px;
  background:url(../images/general/button2.png) no-repeat;
  text-align:center;
  color:#000000 !important;
  display:block;
  border:1px solid #d0d0d0;
  border-bottom:0;
  font-weight:bold;
}
.button3 {
  width:64px;
  height:21px;
  line-height:21px;
  text-align:center;
  background:#efefef;
  border:1px solid #000000;
  color:#000000;
  cursor:pointer;
  margin-right:12px;
}
.frame1 {
  width:206px;
  height:289px;
  padding:12px;
  background:url(../images/general/frame1.png) no-repeat;
}
.frame2 {
  width:135px;
  height:135px;
  background:url(../images/general/frame2.png) no-repeat;
  padding:4px 7px 7px 4px;
}
.frame3 {
  display:block;
  border:3px solid #980b0e;
  padding:24px 35px;
  background:#ffffff;
}
.frame4 {
  border:3px solid #d0d0d0;
  padding:6px 18px;
  background:#f8f8f8;
  margin-bottom:12px;
}
.frame4 .title {
  color:#ff9600 !important;
  font-weight:bold;
}
.frame4 a { color:#575757 !important; }
.frame5 {
  border:3px solid #d0d0d0;
  background:#f8f8f8;
}
.frame5 .top {
  padding:0 18px;
  height:30px;
  line-height:30px;
  border-bottom:1px solid #d0d0d0;
}
.frame5 .top .title {
  color:#ff9600 !important;
  font-weight:bold;
}
.frame5 .bottom { padding:8px 18px; }
.frame5 .bottom .frame2 {
  float:left;
  margin-bottom:20px;
  margin-right:15px;
}
.center {
  width:993px;
  margin:0 auto;
  position:relative;
}
#header .top {
  position:relative;
  height:159px;
}
#header .top #logo {
  position:absolute;
  top:0;
  left:0;
  z-index:99;
}
#header .top .animate {
  position:absolute;
  top:0;
  left:0;
  display:none;
}
#header .top .frame1 { display:none; }
#header .top #lang {
  position:absolute;
  top:38px;
  right:10px;
  z-index:99;
}
#header .top #lang:hover >.frame { display:block; }
#header .top #lang >.frame {
  width:90px;
  height:80px;
  border:2px solid #980b0e;
  position:absolute;
  top:18px;
  right:0;
  background:#ffffff;
  display:none;
  text-align:center;
}
#header .top #lang >.frame ul { list-style:none; }
#header .top #lang >.frame ul li {
  padding:0 10px;
  line-height:26px;
  border-bottom:1px solid #980b0e;
}
#header .top #lang >.frame ul li a {
  color:#717171;
  font-weight:normal;
}
#header .top #lang >.frame ul li a.selected, #header .top #lang >.frame ul li a:hover {
  font-family:Verdana, "新細明體", Helvetica, Arial, sans-serif;
  color:#980b0e;
  font-weight:bold;
}
#header .top #lang >.frame ul li:last-child { border-bottom:0; }
#header .top #fb {
  position:absolute;
  top:63px;
  right:10px;
  z-index:98;
}
#header nav li {
  position:relative;
  height:40px;
  z-index:99;
}
#header nav li div { display:none; }
#header nav li:hover div {
  position:absolute;
  top:31px;
  left:0;
  background:#620204;
  width:136px;
  display:block;
}
#header nav li:hover div ul { list-style:none; }
#header nav li:hover div ul li {
  width:127px;
  min-height:18px;
  border-bottom:1px solid #490103;
  border-top:1px solid #945355;
  padding:8px 0 5px 0;
  padding-left:9px;
  text-indent:0;
  height:auto;
}
#header nav li:hover div ul li a {
  color:#ff9600;
  height:auto;
}
#header nav li:hover div ul li:first-child { border-top:0; }
#header nav li:hover div ul li:last-child { border-bottom:0; }
.en header nav ul { list-style:none; }
.en header nav ul li {
  float:left;
  text-indent:-9999px;
}
.en header nav ul li a {
  display:block;
  height:40px;
}
.en header nav ul li a#about {
  width:149px !important;
  background:url(../images/en/about.png) no-repeat;
}
.en header nav ul li a#about.selected, .en header nav ul li a#about:hover { background:url(../images/en/about1.png) no-repeat; }
.en header nav ul li a#service {
  width:149px;
  background:url(../images/en/service.png) no-repeat;
  margin-left:-10px;
}
.en header nav ul li a#service.selected, .en header nav ul li a#service:hover { background:url(../images/en/service1.png) no-repeat; }
.en header nav ul li a#resource {
  width:164px;
  background:url(../images/en/resource.png) no-repeat;
  margin-left:-10px;
}
.en header nav ul li a#resource.selected, .en header nav ul li a#resource:hover { background:url(../images/en/resource1.png) no-repeat; }
.en header nav ul li a#career {
  width:143px;
  background:url(../images/en/career.png) no-repeat;
  margin-left:-10px;
}
.en header nav ul li a#career.selected, .en header nav ul li a#career:hover { background:url(../images/en/career1.png) no-repeat; }
.en header nav ul li a#news {
  width:125px;
  background:url(../images/en/news.png) no-repeat;
  margin-left:-10px;
}
.en header nav ul li a#news.selected, .en header nav ul li a#news:hover { background:url(../images/en/news1.png) no-repeat; }
.en header nav ul li a#enquiry {
  width:149px;
  background:url(../images/en/enquiry.png) no-repeat;
  margin-left:-10px;
}
.en header nav ul li a#enquiry.selected, .en header nav ul li a#enquiry:hover { background:url(../images/en/enquiry1.png) no-repeat; }
.en header nav ul li a#contact {
  width:174px;
  background:url(../images/en/contact.png) no-repeat;
  margin-left:-10px;
}
.en header nav ul li a#contact.selected, .en header nav ul li a#contact:hover { background:url(../images/en/contact1.png) no-repeat; }
.zh-hant header nav ul { list-style:none; }
.zh-hant header nav ul li {
  float:left;
  text-indent:-9999px;
}
.zh-hant header nav ul li a {
  display:block;
  height:40px;
}
.zh-hant header nav ul li a#about {
  width:149px;
  background:url(../images/zh-hant/about.png) no-repeat;
}
.zh-hant header nav ul li a#about.selected, .zh-hant header nav ul li a#about:hover { background:url(../images/zh-hant/about1.png) no-repeat; }
.zh-hant header nav ul li a#service {
  width:147px;
  background:url(../images/zh-hant/service.png) no-repeat;
  margin-left:-10px;
}
.zh-hant header nav ul li a#service.selected, .zh-hant header nav ul li a#service:hover { background:url(../images/zh-hant/service1.png) no-repeat; }
.zh-hant header nav ul li a#resource {
  width:152px;
  background:url(../images/zh-hant/resource.png) no-repeat;
  margin-left:-10px;
}
.zh-hant header nav ul li a#resource.selected, .zh-hant header nav ul li a#resource:hover { background:url(../images/zh-hant/resource1.png) no-repeat; }
.zh-hant header nav ul li a#career {
  width:149px;
  background:url(../images/zh-hant/career.png) no-repeat;
  margin-left:-10px;
}
.zh-hant header nav ul li a#career.selected, .zh-hant header nav ul li a#career:hover { background:url(../images/zh-hant/career1.png) no-repeat; }
.zh-hant header nav ul li a#news {
  width:147px;
  background:url(../images/zh-hant/news.png) no-repeat;
  margin-left:-10px;
}
.zh-hant header nav ul li a#news.selected, .zh-hant header nav ul li a#news:hover { background:url(../images/zh-hant/news1.png) no-repeat; }
.zh-hant header nav ul li a#enquiry {
  width:148px;
  background:url(../images/zh-hant/enquiry.png) no-repeat;
  margin-left:-10px;
}
.zh-hant header nav ul li a#enquiry.selected, .zh-hant header nav ul li a#enquiry:hover { background:url(../images/zh-hant/enquiry1.png) no-repeat; }
.zh-hant header nav ul li a#contact {
  width:161px;
  background:url(../images/zh-hant/contact.png) no-repeat;
  margin-left:-10px;
}
.zh-hant header nav ul li a#contact.selected, .zh-hant header nav ul li a#contact:hover { background:url(../images/zh-hant/contact1.png) no-repeat; }
.zh-hans header nav ul { list-style:none; }
.zh-hans header nav ul li {
  float:left;
  text-indent:-9999px;
}
.zh-hans header nav ul li a {
  display:block;
  height:40px;
}
.zh-hans header nav ul li a#about {
  width:149px;
  background:url(../images/zh-hans/about.png) no-repeat;
}
.zh-hans header nav ul li a#about.selected, .zh-hans header nav ul li a#about:hover { background:url(../images/zh-hans/about1.png) no-repeat; }
.zh-hans header nav ul li a#service {
  width:147px;
  background:url(../images/zh-hans/service.png) no-repeat;
  margin-left:-10px;
}
.zh-hans header nav ul li a#service.selected, .zh-hans header nav ul li a#service:hover { background:url(../images/zh-hans/service1.png) no-repeat; }
.zh-hans header nav ul li a#resource {
  width:152px;
  background:url(../images/zh-hans/resource.png) no-repeat;
  margin-left:-10px;
}
.zh-hans header nav ul li a#resource.selected, .zh-hans header nav ul li a#resource:hover { background:url(../images/zh-hans/resource1.png) no-repeat; }
.zh-hans header nav ul li a#career {
  width:149px;
  background:url(../images/zh-hans/career.png) no-repeat;
  margin-left:-10px;
}
.zh-hans header nav ul li a#career.selected, .zh-hans header nav ul li a#career:hover { background:url(../images/zh-hans/career1.png) no-repeat; }
.zh-hans header nav ul li a#news {
  width:147px;
  background:url(../images/zh-hans/news.png) no-repeat;
  margin-left:-10px;
}
.zh-hans header nav ul li a#news.selected, .zh-hans header nav ul li a#news:hover { background:url(../images/zh-hans/news1.png) no-repeat; }
.zh-hans header nav ul li a#enquiry {
  width:148px;
  background:url(../images/zh-hans/enquiry.png) no-repeat;
  margin-left:-10px;
}
.zh-hans header nav ul li a#enquiry.selected, .zh-hans header nav ul li a#enquiry:hover { background:url(../images/zh-hans/enquiry1.png) no-repeat; }
.zh-hans header nav ul li a#contact {
  width:161px;
  background:url(../images/zh-hans/contact.png) no-repeat;
  margin-left:-10px;
}
.zh-hans header nav ul li a#contact.selected, .zh-hans header nav ul li a#contact:hover { background:url(../images/zh-hans/contact1.png) no-repeat; }
#footer-wrapper { padding:15px 0; }
#footer-wrapper >div {
  background:#292929;
  height:39px;
  padding:10px 15px 15px 15px;
  text-align:right;
  line-height:22px;
}
#footer-wrapper >div ul { list-style:none; }
#footer-wrapper >div ul li {
  padding:0 5px;
  float:right;
}
#footer-wrapper >div ul li a {
  color:#c4c4c4;
  font-size:10px;
}
#footer-wrapper >div #copyright {
  color:#6d6d6d;
  font-size:10px;
}
#footer-wrapper >div #copyright a {
  color:#6d6d6d;
  font-size:10px;
}
.content { margin-top:30px; }