* {
  margin: 0;
  padding: 0;
}
strong {
  font-weight: normal!important
}

body {
  color: #333333;
  font-size: 0.8em;
  line-height: 140%;
}

body.contentpane,
body.mceContentBody {
  background: #FFFFFF;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
  color:#444
}

a:active {
  outline: none;
}

a:focus {
  -moz-outline-style: none;
}

fieldset a {
  font-weight: bold;
}

h1, h2, h3, h4, h6 {
  font-family: Arial, Helvetica, sans-serif, '微軟正黑體'!important
}

h1, h2, h3, h4, h5, h5, h6 {
  margin: 25px 0 15px 0;
}

h1,h2 {
  font-size:1.9em;
  line-height:1.3em;
  margin:0;
  font-weight:normal;
  color:black!important;
}

h2 {
  padding-bottom:19px;
  background:transparent url(../images/line-title.gif) left bottom repeat-x;
  margin: 0 0 15px 0;
}

h2 a {
  color:black!important
}

h3 {
  font-size:1.7em;
  line-height: 1.5em;
  margin: 25px 0 15px 0
}

h4 {
  font-size:1.4em;
  margin: 25px 0 15px 0;
}

h5 {
  font-size:1.2em;
  margin: 25px 0 15px 0;
}

h6 {
  font-size:1.2em;
  margin: 25px 0 15px 0;
  color:#215da9
}

.floatr{float:right;margin-left:20px}
.floatl{float:left;margin-right:20px}

/* IMAGES
----------------------------------------------------------- */

a img,
fieldset,
img {
  border: none;
}

.mosimage {
  padding: 0;
  border: 1px solid #333333;
  margin: 6px;
}

.mosimage img {
  padding: 0;
  margin: 0!important;
}

.mosimage_caption {
  background: #333333;
  border-top: 1px solid #333333;
  color: #FFFFFF;
  font-size: 8pt;
  margin-top: 2px;
  padding: 1px 2px;
}


/* FORM
----------------------------------------------------------- */

fieldset {
  border-bottom: 1px solid #EDEDED;
  padding-top: 7px;
  padding-bottom: 7px;
}

/*正式區沒有
#contact-form fieldset,
.registration fieldset {
	margin-bottom: 20px;
}*/

#form-login fieldset {
  border: none;
  padding-top: 0px;
}

#form-login p {
  padding-top: 0px;
}

#login br {
  display: none;
}

#login .button {
  margin-top: 8px;
  margin-bottom: 8px;
}

#login ul,
#form-login ul {
  padding-top: 8px;
  padding-bottom: 8px;
}

#login-form p {
  padding: 0px;
}

#modlgn_username,
#modlgn_passwd,
#username_vmlogin,
#password_vmlogin {
  width: 92%;
}

.inputbox,
.registration input,
.login input,
.contact-form input,
#jform_contact_message,
input {
  padding: 4px;
  background: #F7F7F7;
  -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.07) inset; 	/* FF3.5+ */
  -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.07) inset; 	/* Saf3.0+, Chrome */
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.07) inset; 	/* Opera 10.5, IE9, Chrome 10+ */
  /*正式區註解
  border: 1px solid #D8D8D8;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  */
}

#login-form fieldset {
  border: none;
}

/*正式區註解
#login-form input {
width:93%;
}*/

#login-form #modlgn-remember {
  width: auto;
  margin-bottom: 14px;
}

#login-form .button {
  width: auto;
}

/*正式區註解
.inputbox:hover,
.registration input:hover,
.login input:hover,
.contact-form input:hover,
#jform_contact_message:hover,
input:hover {
  border: solid 1px #BDBCBC;
}*/

select.inputbox {
  behavior: none;
}

label.invalid {
  color: #FF0000;
}

label.invalid {
  color: red;
}

.login label {
  display: block;
}

.invalid {
  border-color: #FF0000;
}

.invalid {
  border-color: red !important;
}

.tool-tip {
  float: left;
  background: #CCCCCC;
  border: 1px solid #333333;
  padding: 5px;
  color: #000000;
  max-width: 200px;
}

.tool-title {
  padding: 0;
  margin: 0;
  font-weight: bold;
  margin-top: -15px;
  padding-top: 15px;
  padding-bottom: 5px;
  color: #000000;
}

.tool-text {
  color: #000000;
  margin: 0;
}


/* BUTTONS
----------------------------------------------------------- */

.button,
a.readon,
div.catItemReadMore,
.userItemReadMore,
div.catItemCommentsLink,
.userItemCommentsLink,
a.readmore-link,
a.comments-link,
div.itemCommentsForm form input#submitCommentButton,
.validate {
  padding: 6px;
  padding-top: 5px;
  margin-top: 14px;
  margin-bottom: 0px;
  font-weight: bold;
  border: none;
  color: #FFFFFF;
  text-decoration: none;
  font-size: 0.9em;
}

.login .button {
  margin-top: 14px;
  margin-bottom: 14px;
}

.button {
  margin: 0px;
  margin-top: 0px;
  margin-right: 8px;
  color: #ffffff;
  /*2012-12-06-nina-add*/
  font-size:1.2em;
}

.button:hover {
  border:0
}

.btn-primary,
.pager a {
  color: #FFFFFF !important;
}

.btn-primary:hover,
.pager a:hover {
  color: #FFFFFF !important;
}

.btn-primary:hover,
.button:hover,
.validate:hover,
.pager a:hover {
  background: #666666;
}

#submitCommentButton,
#contact-form .button {
  margin-bottom: 14px;
  margin-top: 14px;
}


a.readon,
div.catItemReadMore,
.userItemReadMore,
div.catItemCommentsLink,
.userItemCommentsLink,
a.readmore-link,
a.comments-link {
  padding-left: 10px;
  padding-right: 10px;
}


/* FONT CONTROLS
----------------------------------------------------------- */

#fontControls {
  float: right;
}

#fontControls a {
  color: #151515;
}

.decreaseSize {
  font-size: 12px;
}

.increaseSize {
  font-size: 19px;
}

.resetSize {
  font-size: 16px;
  margin-left: 5px;
  margin-right: 5px;
}


/* SCROLL TO TOP
----------------------------------------------------------- */

#s5_scrolltotop {
  height: 0;
  visibility: hidden;
}

.s5_scrolltotop {
  width: 30px;
  height: 30px;
  cursor: pointer;
  float: right;
  margin-right: 5px;
/*正式區註解
  margin-top: 6px;
*/
  background: transparent url(../images/s5_scroll_arrow.png) no-repeat;
}


/* BOTTOM MENU
----------------------------------------------------------- */

#s5_bottom_menu_wrap ul.menu a:hover {
  text-decoration: underline;
}

#s5_bottom_menu_wrap ul.menu li {
  padding-left: 10px;
  font-size: 1em;
  float: right;
}

#s5_bottom_menu_wrap {
  float: right;
}


/* COLUMN MENU
----------------------------------------------------------- */

.module_round_box ul.menu a {
  padding: 24px;
  padding-bottom: 6px;
  padding-top: 6px;
  display: block;
  background: url(../images/system/arrow.png) no-repeat left center;
  color: #333333;
  border-bottom: 1px dotted #D3D3D3;
}

.module_round_box ul.menu a:hover {
  text-decoration: underline;
}

.module_round_box ul.menu ul a:hover {
  text-decoration: underline;
}

.module_round_box ul.menu ul a {
  background: none;
  padding: 6px;
  padding-left: 10px;
  border-bottom: none;
  display: block;
}

.module_round_box ul.menu ul ul a {
  font-size: 0.9em;
  padding: 3px;
  padding-left: 20px;
  border-bottom: none;
  display: block;
  font-weight: normal;
}

.module_round_box ul.menu #current ul span {
  font-weight: normal;
}

.module_round_box ul.menu li {
  padding: 0px;
}

.module_round_box ul.menu li ul li {
  margin-left: 24px;
}

.module_round_box ul.menu img {
  display: none;
}


/* BODY ELEMENTS
----------------------------------------------------------- */
/*正式區註解
#s5_header_area_inner2,
#s5_component_wrap,
#s5_footer_area_inner2 {
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  background: #FFFFFF;
  border: solid 1px #C5C5C5;
  margin-bottom: 14px;
  margin-left: 7px;
  margin-right: 7px;
}
*/

#s5_component_wrap {
  padding: 20px;
  border-left: 1px solid #eee;
}

#s5_component_wrap h3 {
  margin-bottom: 8px;
}

#s5_footer_area1 {
  background:#282828;
  color: white;
  font-size: 11px;
  margin-top: 34px;
  padding:15px 0 60px
}

#s5_footer_area1 a{
  color: #4598E2;
  text-decoration: none;
}

#s5_footer_area_inner2 {
  font-size:1em;
  color:#ababab;
}

#s5_footer_area_inner2 li {
  float:left
}

#s5_footer_area_inner2 a {
  color:#ababab;
  margin-right:25px
}

#s5_footer_area_inner2 a:hover {
  color:white
}

#s5_footer {
  float: left;
}

#s5_shape5_logo {
  width: 82px;
  height: 25px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
  margin-bottom: 40px;
  background: url(../images/shape5_logo.png);
  cursor: pointer;
  display: block;
}

#s5_logo {
  float: left;
  cursor: pointer;
}

#s5_logo_module {
  float: left;
  padding-top: 2px;
}

#s5_banner {
  float:right;
  color: #77A1AF;
}

#s5_banner a {
  color: #999999;
}

#s5_banner .banneritem img {
  float: right;
}

#s5_banner .module_round_box_outer {
  float: right;
}

#s5_breadcrumb_fonts_wrap {
  padding:8px!important;
}

#s5_breadcrumb_wrap {
  float: left;
  color:#888;
}

#s5_breadcrumb_wrap img {
  display: none;
}

#s5_breadcrumb_wrap .pathway {
  margin-left: 5px;
  margin-right: 5px;
}

#s5_breadcrumb_wrap span {/*2012-12-06-nina-add*/
  font-weight:bold;
  color:#444;
  margin-left:5px;
}

#fontControls,
#s5_social_wrap1 {
  float: right;
}

#fontControls {
  margin-right: 15px;
}

#s5_loginreg {
  float: right;
  margin-right: 5px;
}

#s5_register {
  margin-left: 7px;
}

#s5_facebook {
  background: url(../images/facebook.png) no-repeat top left;
  height: 18px;
  width: 20px;
  cursor: pointer;
  margin-left: 7px;
  float: right;
}

#s5_google {
  background: url(../images/google.png) no-repeat top left;
  height: 18px;
  width: 20px;
  cursor: pointer;
  margin-left: 7px;
  float: right;
}

#s5_twitter {
  background: url(../images/twitter.png) no-repeat top left;
  height: 18px;
  width: 20px;
  cursor: pointer;
  margin-left: 7px;
  float: right;
}

#s5_linked_in {
  background: url(../images/linked_in.png) no-repeat top left;
  height: 18px;
  width: 20px;
  cursor: pointer;
  margin-left: 7px;
  float: right;
}

#s5_rss {
  background: url(../images/rss.png) no-repeat top left;
  height: 18px;
  width: 20px;
  cursor: pointer;
  margin-left: 7px;
  float: right;
}

#s5_menu_wrap {
letter-spacing:0;
/*padding: 3px;
background:#151515;
border-top:solid 1px #222222;
padding: 8px;2012-12-05-nina
border: 1px solid rgba(0, 0, 2, 0.8);
border-radius: 6px!important;
background: #363638 url(../images/menubar.png) 0 0 repeat-x;
box-shadow: inset 0 1px 0 rgba(253, 253, 255, 0.2),
 0 1px 1px rgba(0, 0, 2, 0.2);*/
}

#s5_search label,
#s5_search br,
#s5_search button {
  display: none;
}

#s5_search {
  float: right;
}

#s5_search input {
  color: #FFFFFF;
  background: #151515;
  -webkit-box-shadow: 0 0 18px 2px rgba(0, 0, 0, 0.5) inset;
  -moz-box-shadow: 0 0 18px 2px rgba(0, 0, 0, 0.5) inset;
  box-shadow: 0 0 18px 2px rgba(0, 0, 0, 0.5) inset;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  border: none;
  padding: 8px;
  padding-left: 14px;
  padding-right: 14px;
  margin-top: 12px;
  margin-right: 22px;
  font-size: 0.8em;
  width: 140px;
}


/* MODULE STYLES
----------------------------------------------------------- */

.module_round_box_outer {
  padding:5px
}

#s5_pos_middle_bottom_1 .module_round_box_outer + .module_round_box_outer {/*2012-12-05-nina-add*/
width:197%
}
#s5_pos_middle_bottom_1 .module_round_box_outer + .module_round_box_outer .module_round_box .s5_module_box_1 .s5_resize_middle_bottom s5_module_box_2{/*2012-12-05-nina-add*/
  min-height:170px!important
  height:170px!important
}

.s5_mod_h3 {
  font-size: 1em;
}

#s5_columns_wrap, #s5_breadcrumb_fonts_wrap, 
#s5_top_row2_wrap .module_round_box, /*內頁主題圖*/
#s5_top_row3_wrap .module_round_box /*首頁下方三大區塊*/{
background:#FFFFFF;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
padding:0 13px 13px 13px;
box-shadow:0 0 0 1px rgba(0, 0, 2, 0.1), 0 1px 0 rgba(0, 0, 2, 0.15), 0 1px 1px rgba(0, 0, 2, 0.1);
margin: 5px 0;
}
#s5_columns_wrap{
padding:0 13px 0 0;
}

.module_round_box .s5_mod_h3 {
  margin: 0 -13px 13px -13px;
  padding: 10px 13px;
  border-radius: 6px 6px 0 0;
  background: #ddf2aa url(../images/module_box_header.png) 0 0 repeat-x;
  font-size: 18px;
  font-size: 16px \9;
  line-height: 18px;
  font-family: Arial, Helvetica, sans-serif "微軟正黑體";
  /*border-bottom: solid 1px #C5C5C5;
  background: #FAFAFA;
  background: -moz-linear-gradient(top, #FFFFFF 0%, #F9F9F9 100%); 	/* FF3.6+ 
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFFFFF), color-stop(100%, #F9F9F9)); 	/* Chrome,Safari4+ 
  background: -webkit-linear-gradient(top, #FFFFFF 0%, #F9F9F9 100%); 	/* Chrome10+,Safari5.1+ 
  background: -o-linear-gradient(top, #FFFFFF 0%, #F9F9F9 100%); 	/* Opera11.10+ 
  background: -ms-linear-gradient(top, #FFFFFF 0%, #F9F9F9 100%); 	/* IE10+ 
  background: linear-gradient(top, #FFFFFF 0%, #F9F9F9 100%); 	/* W3C 
  -moz-border-radius: 6px 6px 0px 0px;
  -webkit-border-radius: 6px 6px 0px 0px;
  border-radius: 6px 6px 0px 0px;
  padding-bottom: 11px;
  padding-left: 13px;
  padding-right: 13px;
  padding-top: 12px;
  margin-left: -20px;
  margin-top: -20px;
  margin-right: -20px;
  margin-bottom: 12px;*/
}

.module_round_box .s5_mod_h3 span.s5_h3_first {/*2012-12-05-nina-add*/
color:#444
}

.module_round_box-dark {
  background: #1A1A1A;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 3px;
  border: solid 1px #C5C5C5;
  padding: 20px;
  padding-bottom: 16px;
  color: #FFFFFF;
}

.module_round_box-dark a {
  color: #999999;
}

.module_round_box-dark .s5_h3_first {
  color: #999999;
}

.module_round_box-dark .s5_mod_h3 {
  color: #FFFFFF;
  border-bottom: solid 1px #0B0B0B;
  background: #141414;
  background: -moz-linear-gradient(top, #1A1A1A 0%, #121212 100%); 	/* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1A1A1A), color-stop(100%, #121212)); 	/* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #1A1A1A 0%, #121212 100%); 	/* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #1A1A1A 0%, #121212 100%); 	/* Opera11.10+ */
  background: -ms-linear-gradient(top, #1A1A1A 0%, #121212 100%); 	/* IE10+ */
  background: linear-gradient(top, #1A1A1A 0%, #121212 100%); 	/* W3C */
  -moz-border-radius: 6px 6px 0px 0px;
  -webkit-border-radius: 6px 6px 0px 0px;
  border-radius: 6px 6px 0px 0px;
  padding-bottom: 11px;
  padding-left: 13px;
  padding-right: 13px;
  padding-top: 12px;
  margin-left: -20px;
  margin-top: -20px;
  margin-right: -20px;
  margin-bottom: 12px;
}

.module_round_box-none {
  background: none;
}

.module_round_box-none .s5_mod_h3 {
  margin-bottom: 12px;
}

#s5_drop_down_inner .module_round_box_outer {
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 30px;
}

#s5_header_wrap .module_round_box_outer {
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 1px;
}

.pginline, #s5_footer_module .moduletable + .moduletable{display:none}	/*2013-04-03-nina-add*/