@charset "utf-8";
/* CSS Document */

/* Reset body padding and margins */

html { padding:0; margin:0;}



body { margin:0; padding:0; }
#header, #footer, #top-nav, #content, #content #contentbar, #content #sidebar { margin:0; padding:0;}

h1 { 
	font-family:Microsoft JhengHei;
	line-height: 50px;
	font-size: 50px;
	margin-top: 15px;
	margin-left: 20px;
	color: #cc1042;
}

img {
	border : 0 none;}
	
a { 
	color: #333333;
	text-decoration: none;
}

a:link{
	color: #333333;
	text-decoration: none;
}

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

a:visit{
	color: #333333;
	text-decoration: none;
}


#top {
	width:100%; margin:0 auto 0;positive:relative;height:140px;
	background-color:#FF0;
}

#wrapper{ width:100%; margin:0 auto 0;positive:relative;}



@media screen and (max-width: 1024px) { /* Specific to this particular image */
  img.bg {
    left: 50%;
    margin-left: -512px;   /* 50% */
  }
}

/* Homepage image container */
#home_container {
	display:inline-block;
	width: 328px;
	height:219px;

}
#home_space {
	display:inline-block;
	width: 328px;
	height:10px;

}

#home_container_text {
	background-color:rgba(0,0,0,0.7);
	margin:0 auto;
	padding:10px;
	position:relative;
	bottom:47px;
}

.home_container_content {
	font-family:Microsoft JhengHei;
	font-size: 16px;
	color: #FFFFFF;
	text-align:center;
}

/* Header */
header {
	float:left;
	width:100%;
	height:160px;
	background-color:#cc1042;
}

.header_inner {
	width: 1247px;
	margin: 0 auto;
}

.logo {
	float:left;
	margin-left:50px;
}

.topbanner {
	float : right;
}

.floatleft {
	float:left;
	padding-right: 20px;
}

.floatright {
	float:right;
	font-size: 16px;
}

.floatright_img {
	float:right;
	padding-left: 20px;
}

.floatcenter_img {
	 display: block;
    margin-left: auto;
    margin-right: auto }

nav {
	float:left;
	width:100%;
	height:52px;
	background-color:#494949;
}

.nav_inner {
	width: 996px;
	height:52px;
	line-height: 52px;
	margin: 0 auto;
	font-family:Microsoft JhengHei;
	font-size: 30px;
	color: #FFFFFF;
	text-align: right;
}

.navtitle {
	font-family:Microsoft JhengHei;
	font-size: 30px;
	color: #FFFFFF;
	text-align: right;
}


#content {
	width: 996px;
	height:195px;
	margin: 0 auto

	}

aside {
	float:left;
	width:227px;
}

aside ul {
    list-style-type: none;
    margin: 0;
    padding: 0;

}

aside li {
    list-style-type: none;
    margin: 0px;
	line-height: 36px;
	width: 227px;
	height: 36px;
	background-image: url("images/bg_menu.png");
	font-family:Microsoft JhengHei;
	font-size: 15px;
}

aside li a:link{
	color: #333333;
	text-decoration: none;
}

aside li a:hover{
	color: #cc1042;
	text-decoration: none;
}



.aside_content {
     margin-left: 15px;
}

article {
	float:left;
	width:769px;
	padding:0 40 0 40px;
}

#home_section{
	width:719px;
	padding:0px;
	margin: 0 auto;
}

article section{
	width:719px;
	background-color:#FFFFFF;
	padding:0px;
	margin: 0 auto;
}




.article_banner_home{
	width:719px;
	height:186px;
	padding: 0px;
	background-image: url("images/banner_home2.png");
}

.article_home{
	font-family:Microsoft JhengHei;
	font-size: 16px;
	line-height: 22px;
	text-align:justify;
	color:#494949;
	padding: 0px;
}

.article_banner{
	font-family:Microsoft JhengHei;
	font-size: 16px;
	line-height: 22px;
	text-align:justify;
	color:#494949;
	padding: 27px;
}

.article_quote{
	font-family:PMingLiU;
	font-size: 16px;
	line-height: 22px;
	color:#494949;
}

.article_banner ul {
    list-style-type: none;
    margin: 0;
    padding: 0;

}

.article_banner li {
    list-style-type: none;
    margin: 0px;
	line-height: 45px;
	width: 665px;
	height: 45px;
	background-image: url("images/section_bgline.png");
	font-family:Microsoft JhengHei;
	font-size: 16px;
}

.article_banner li a:link{
	color: #333333;
	text-decoration: none;
}

.article_banner li a:hover{
	color: #cc1042;
	text-decoration: none;
}


.article_banner_2_4 {
	font-family:Microsoft JhengHei;
	font-size: 16px;
	line-height: 22px;
	color:#494949;
	padding: 27px;
}

.article_banner_2_4 tbody tr:nth-child(odd) { 
	background: #eeeeee; }

.article_banner_2221 {
	font-family:Microsoft JhengHei;
	font-size: 16px;
	line-height: 22px;
	color:#494949;
	padding: 27px;
}

.article_banner_2221 tbody tr:nth-child(even) { 
	background: #eeeeee; }
	
.article_banner_2221 td,th {
  text-align: center;
}

.article_banner_nopadding{
	font-family:Microsoft JhengHei;
	font-size: 16px;
	line-height: 22px;
	color:#FFFFFF;
	background: #dfdfdf;
	padding: 0px;
}

.article_banner2_1{
	width:719px;
	height:255px;
	padding: 0px;
	background-image: url("images/banner_2_1b.png");
}

.article_banner2_2{
	width:719px;
	height:255px;
	padding: 0px;
	background-image: url("images/banner_2_2b.png");
}

.article_banner2_3{
	width:719px;
	height:255px;
	padding: 0px;
	background-image: url("images/banner_2_3b.png");
}

.article_banner_content{
	font-family:Microsoft JhengHei;
	font-size: 20px;
	line-height:28px;
	color:#333333;
	padding:80px;
	margin: 0 auto;
}

.article_banner_contenthome{
	font-family:Microsoft JhengHei;
	font-size: 20px;
	line-height:28px;
	color:#333333;
	padding:40px;
	margin: 0 auto;
	text-align:center;
}


.article_title{
	font-family:Microsoft JhengHei;
	font-size: 50px;
	line-height: 50px;
	text-align:justify;
	margin-top: 15px;
	margin-left: 20px;
	color:#cc1042;
}

.article_title_red{
	font-family:Microsoft JhengHei;
	font-size: 50px;
	line-height: 50px;
	margin-top: 15px;
	margin-left: 20px;
	color:#c02a2a;
}

.article_title2{
	font-family:Microsoft JhengHei;
	font-size: 14px;
	line-height: 30px;
	margin-top: 5px;
	margin-left: 20px;
	color:#494949;
}

.article_header{
	font-family:Microsoft JhengHei;
	font-size: 30px;
	line-height: 30px;
	text-align:justify;
	color:#cc1042;
}

.article_header_small{
	font-family:Microsoft JhengHei;
	font-size: 24px;
	text-align:justify;
	color:#cc1042;
}

.article_subheader{
	font-family:Microsoft JhengHei;
	font-size: 20px;
	line-height:45px;
	text-align:justify;
	width: 665px;
	height: 45px;
	background-image: url("images/section_bgline.png");
	color:#494949;
}

.article_content16grey{
	font-family:Microsoft JhengHei;
	font-size: 16px;
	line-height: 22px;
	text-align:justify;
	color:#494949;
}

.article_content16red{
	font-family:Microsoft JhengHei;
	font-size: 16px;
	line-height: 22px;
	color:#cc1042;
}

.article_content_18ptblue{
	font-family:Microsoft JhengHei;
	font-size: 18px;
	line-height: 28px;
	text-align:justify;
	color:#157fb0;
}

.article_content_18ptred{
	font-family:Microsoft JhengHei;
	font-size: 18px;
	line-height: 28px;
	text-align:justify;
	color:#c02a2a;
}


/* section
-----------------------------------------------------------------------------*/

.section_container {
  display: -webkit-flex;
  display: flex;
}
.initial {
  -webkit-flex: initial;
          flex: initial;
  width: 200px;
  min-width: 100px;
}
.none {
  -webkit-flex: none;
          flex: none;
  width: 200px;
}
.flex1 {
  -webkit-flex: 1;
          flex: 1;
}
.flex2 {
  -webkit-flex: 2;
          flex: 2;
}

/* Footer
-----------------------------------------------------------------------------*/
footer {
	clear:both;
	float:left;
	width:100%;
	height:277px;
	background-color:#666666;
	background-image: url("images/bg_footer.png");
}

.footer_inner {
	width: 996px;
	height:225px;
	margin: 0 auto;
}

.footer_inner2 {
	width: 996px;
	height:52px;
	margin: 0 auto;
}

.footer_content {
	width: 976px;
	font-family:Microsoft JhengHei;
	font-size: 12px;
	line-height: 18px;
	color: #FFFFFF;
	text-align: right;
}

/* 3 Colume
-----------------------------------------------------------------------------*/
#red-wrapper {
  float:right;
  width:700px;
  overflow:hidden;
  margin-right:20px;
}

.bigbox{
  width:33%;
  float:left;
}

.box {
  color: #FFFFFF;
  width: 200px;
  padding: 3px;
  margin: 3px auto;
}

.box p a{
	font-family:Microsoft JhengHei;
	font-size: 15px;
	line-height: 15px;
	color: #FFFFFF;
}

.box p a:link{
	color: #FFFFFF;
	text-decoration: none;
}

.box p a:hover{
	color: #FFFFFF;
	text-decoration: underline;
}

.box p a:visit{
	color: #FFFFFF;
	text-decoration: none;
}