.clearfix {
  *zoom:1;
  display:block;
}
.clearfix:after {
  content:".";
  display:block;
  height:0px;
  clear:both;
  visibility:hidden;
}
body {
  -webkit-text-size-adjust:none;
  background:url(../images/general/bg.png) #0a0a0a center top no-repeat;
  font-family:Helvetica, Arial, "LiHei Pro", "微軟正黑體", "Microsoft Jhenghei";
  color:#282828;
  font-size:11px;
}
body ::-webkit-selection {
  background:#fa7600;
  color:#282828;
}
body ::-moz-selection {
  background:#fa7600;
  color:#282828;
}
body ::-ms-selection {
  background:#fa7600;
  color:#282828;
}
body ::-o-selection {
  background:#fa7600;
  color:#282828;
}
body ::selection {
  background:#fa7600;
  color:#282828;
}
body a { color:#282828; }
body .editor {
  font-size:11px;
  color:;
}
input, textarea, select {
  font-family:Helvetica, Arial, "LiHei Pro", "微軟正黑體", "Microsoft Jhenghei";
  color:#282828;
  font-size:11px;
}
.warning_msg { color:red; }
.scrollpane { outline:0; }
.empty-element {
  line-height:0.8em !important;
  margin:0 !important;
}
.pager {
  position:absolute;
  right:48px;
  top:35px;
  width:31px;
  height:7px;
  *zoom:1;
  display:block;
}
.pager:after {
  content:".";
  display:block;
  height:0px;
  clear:both;
  visibility:hidden;
}
.pager .rel {
  display:block;
  width:7px;
  height:7px;
  background:url(../images/general/pager.png) left top no-repeat;
}
.pager .rel.prev {
  float:left;
  background-position:0 0;
}
.pager .rel.prev.on { background-position:0 -7px; }
.pager .rel.next {
  float:right;
  background-position:-24px 0;
}
.pager .rel.next.on { background-position:-24px -7px; }
.popup-page {
  overflow:auto;
  background:#ffffff;
}
#header {
  position:relative;
  width:100%;
  height:154px;
  background:url(../images/general/header-bg.png) center top no-repeat;
  *zoom:1;
  display:block;
}
#header > .inner {
  position:relative;
  width:751px;
  height:154px;
  margin:0 auto;
}
#header:after {
  content:".";
  display:block;
  height:0px;
  clear:both;
  visibility:hidden;
}
#header .logo { float:left; }
#header #top-aside {
  position:absolute;
  right:0;
  bottom:50px;
}
#header #top-aside .language {
  display:inline-block;
  *display:inline;
  *zoom:1;
  vertical-align:top;
  width:100px;
  text-align:right;
}
#header #top-aside .language li {
  list-style:none;
  display:inline-block;
  *display:inline;
  *zoom:1;
  vertical-align:top;
  margin-right:10px;
}
#header #top-aside .language li a { color:#ffffff; }
#header #top-aside .language li a.current { color:#fa7600; }
#header #top-aside .facebook {
  white-space:nowrap;
  overflow:hidden;
  text-indent:100%;
  text-indent:-9999px \9;
  *text-transform:capitalize;
  display:inline-block;
  *display:inline;
  *zoom:1;
  vertical-align:top;
  width:13px;
  height:13px;
  background:url(../images/general/facebook.png) left top no-repeat;
}
#banner {
  position:relative;
  z-index:2;
  height:290px;
  width:100%;
}
#banner .slideshow {
  width:100%;
  height:100%;
}
#banner .slideshow li {
  width:100%;
  height:100%;
  list-style:none;
  background:center top no-repeat;
}
.section-banner { min-height:280px; }
#content-container {
  position:relative;
  width:100%;
  background:url(../images/general/content-bg.png) #505050 center bottom repeat-x;
}
#content-container > .inner {
  width:100%;
  position:relative;
  background:url(../images/general/content-back-shadow.png) center top no-repeat;
  after:" ";
}
#content-container > .inner::after {
  content:"";
  display:block;
  width:100%;
  height:8px;
  position:absolute;
  z-index:2;
  left:0;
  top:0;
  background:url(../images/general/content-top-shadow.png) left top repeat-x;
}
#content-container > .inner .after {
  display:block;
  width:100%;
  height:8px;
  position:absolute;
  z-index:2;
  left:0;
  top:0;
  background:url(../images/general/content-top-shadow.png) left top repeat-x;
}
#content-container #content {
  position:relative;
  z-index:1;
  width:751px;
  margin:0 auto;
  min-height:400px;
  background:#ffffff;
}
#footer {
  position:relative;
  clear:both;
  height:149px;
  background:url(../images/general/footer-bg.png) center top repeat-x;
}
#footer > .inner {
  width:751px;
  height:149px;
  margin:0 auto;
}
#footer .info {
  float:left;
  margin-top:20px;
}
#footer .logos {
  float:right;
  margin-top:16px;
  text-align:right;
}
#footer .logos ul li {
  list-style:none;
  display:inline-block;
  *display:inline;
  *zoom:1;
  vertical-align:top;
  width:94px;
  height:32px;
  margin-left:4px;
  background:url(../images/general/logo-bg.png) left top no-repeat;
}
#footer .logos ul li > * { margin:3px 0 0 2px; }
#footer .logos a { display:block; }
#footer .logos a img { display:block; }
#footer #offical-link {
  white-space:nowrap;
  overflow:hidden;
  text-indent:100%;
  text-indent:-9999px \9;
  *text-transform:capitalize;
  display:block;
  width:94px;
  height:8px;
  margin-bottom:8px;
  background:url(../images/general/footer-offical-link.png) 0 0 no-repeat;
}
#footer #offical-link:hover { background-position:0 -8px; }
#footer #copyright {
  font-size:10px;
  font-family:Helvetica, Arial, "LiHei Pro", "微軟正黑體", "Microsoft Jhenghei";
  color:#313131;
}
#footer #copyright a { color:#313131; }
#footer #footer-nav {
  float:left;
  margin-bottom:5px;
  *zoom:1;
  display:block;
}
#footer #footer-nav:after {
  content:".";
  display:block;
  height:0px;
  clear:both;
  visibility:hidden;
}
#footer #footer-nav li {
  list-style:none;
  display:block;
  float:left;
  position:relative;
  margin-left:8px;
  padding-left:12px;
  font-size:12px;
  background:url(../images/general/footer-sep.png) left center no-repeat;
}
#footer #footer-nav li:first-child {
  margin-left:0;
  padding-left:0;
  background:none;
}
#footer #footer-nav li a { color:#282828; }
.form { position:relative; }
.form #form-header { padding-bottom:15px; }
.form #form-header h1 {
  margin-bottom:5px;
  color:#f47900;
  font-weight:bold;
  font-size:15px;
}
.form #form-header #form-note {
  color:#313131;
  font-weight:bold;
}
.form #form-header #form-note strong {
  color:#848484;
  font-weight:normal;
}
.form #form-content .error {
  background:#ffd0d0 !important;
  filter:none !important;
}
.form #form-content fieldset {
  *zoom:1;
  display:block;
}
.form #form-content fieldset:after {
  content:".";
  display:block;
  height:0px;
  clear:both;
  visibility:hidden;
}
.form #form-content fieldset .form-left {
  float:left;
  width:335px;
}
.form #form-content fieldset .form-right {
  float:right;
  width:335px;
}
.form #form-content ul li {
  display:inline-block;
  *display:inline;
  *zoom:1;
  vertical-align:top;
  width:350px;
  list-style:none;
  min-height:18px;
  margin-bottom:4px;
}
.form #form-content ul li .label, .form #form-content ul li .input, .form #form-content ul li .compulsory {
  display:inline-block;
  *display:inline;
  *zoom:1;
  vertical-align:top;
  font-size:12px;
}
.form #form-content ul li .label {
  width:100px;
  vertical-align:-1px;
  color:#282828;
}
.form #form-content ul li .input {
  width:220px;
  min-height:18px;
  line-height:18px;
}
.form #form-content ul li .input.textbox input {
  color:#282828;
  display:block;
  width:210px;
  padding:0 5px;
  height:18px;
  line-height:18px;
  border:0px #ffffff solid;
  background-color:#ffffff;
}
.form #form-content ul li .input.non-textbox { width:220px; }
.form #form-content ul li .input.non-textbox select {
  color:#282828;
  display:block;
  width:220px;
  height:18px;
  line-height:18px;
  border:0px #ffffff solid;
  background-color:#ffffff;
  cursor:pointer;
  -webkit-box-sizing:content-box;
  -moz-box-sizing:content-box;
  box-sizing:content-box;
}
.form #form-content ul li .input.non-textbox .option-item {
  display:inline-block;
  *display:inline;
  *zoom:1;
  vertical-align:top;
}
.form #form-content ul li .input.non-textbox input[type=radio] + label, .form #form-content ul li .input.non-textbox input[type=checkbox] + label {
  color:#fa7600;
  margin-right:10px;
}
.form #form-content ul li .input.non-textbox textarea {
  color:#282828;
  display:block;
  width:210px;
  padding:0 5px;
  height:82px;
  line-height:18px;
  border:0px #ffffff solid;
  background-color:#ffffff;
}
.form #form-content ul li .compulsory {
  color:#848484;
  margin-left:3px;
}
.form #form-buttons {
  margin-top:10px;
  text-align:center;
}
.form #form-buttons .form-button {
  display:inline-block;
  *display:inline;
  *zoom:1;
  vertical-align:top;
  padding:0;
  margin:0 8px;
  border:0;
  width:66px;
  height:18px;
  line-height:18px;
  font-size:11px;
  text-align:center;
  cursor:pointer;
  color:#535252;
  background-color:#b2b2b2;
  filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#cccccc, endColorstr=#989898);
  -ms-filter:'progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#cccccc, endColorstr=#989898)';
  background-image:-webkit-gradient(linear,left top,left bottom,from(#cccccc),to(#989898));
  background-image:-webkit-linear-gradient(top,#cccccc,#989898);
  background-image:-moz-linear-gradient(top,#cccccc,#989898);
  background-image:-o-linear-gradient(top,#cccccc,#989898);
  background-image:-ms-linear-gradient(top,#cccccc,#989898);
  background-image:linear-gradient(to bottom,#cccccc,#989898);
}
#popupbox {
  position:absolute;
  z-index:5000;
  left:0;
  top:0;
  width:100%;
  height:100%;
  visibility:hidden;
  opacity:0;
  -webkit-transition:.2s opacity;
  -moz-transition:.2s opacity;
  -ms-transition:.2s opacity;
  -o-transition:.2s opacity;
  transition:.2s opacity;
}
#popupbox.on {
  visibility:visible;
  opacity:1;
}
#popupbox .overlay {
  position:fixed;
  left:0;
  top:0;
  width:100%;
  height:100%;
  background:url(../images/general/semi-black.png) repeat;
  background:rgba(0,0,0,0.3);
  cursor:pointer;
}
#popupbox .inner {
  position:absolute;
  left:50%;
  top:180px;
  width:696px;
  height:409px;
  margin-left:-348px;
  background:url(../images/popupbox/bg.png) left top no-repeat;
}
#popupbox .inner .popupbox-close-button {
  position:absolute;
  right:-5px;
  top:-5px;
  width:32px;
  height:33px;
  cursor:pointer;
  background:url(../images/popupbox/close.png) left top no-repeat;
}
#popupbox .inner iframe {
  width:677px;
  height:391px;
  margin:9px 0 0 10px;
  border:0;
}
.error {
  background:#c6ecff !important;
  border:1px solid #7dc4e7 !important;
  filter:none !important;
}
word { white-space:normal !important; }