body {

  background-color: white;

  font-family: Arial, Helvetica, sans-serif;

  color: #333;

  font-size: 12px;

  line-height: 20px;

}



h1 {

  margin: 5px 0px;

  font-size: 38px;

  line-height: 44px;

  font-weight: 700;

}

h2 {

  margin: 10px 0px;

  font-size: 32px;

  line-height: 36px;

  font-weight: 700;

}

h3 {

  margin: 20px 0px 10px;

  padding-left: 30px;

  background-color: rgba(0, 0, 0, 0);

  color: #4a4a4a;

  font-size: 24px;

  line-height: 30px;

  font-weight: 700;

}

h4 {

  margin: 10px 0px;

  font-size: 18px;

  line-height: 24px;

  font-weight: 700;

}

h5 {

  margin: 10px 0px;

  font-size: 14px;

  line-height: 20px;

  font-weight: 700;

}

h6 {

  margin: 10px 0px;

  font-size: 12px;

  line-height: 18px;

  font-weight: 700;

}

p {

  margin-bottom: 5px;

  padding-left: 0px;

  text-align: left;

}

.button {

  display: inline-block;

  margin-bottom: 25px;

  padding: 9px 21px;

  background-color: black;

  color: white;

  text-align: center;

  text-decoration: none;

}

.button:hover {

  background-color: #00a2ff;

}

.button.action {

  padding: 17px 28px;

  background-color: #09f;

  font-size: 16px;

}

.button:hover.action:hover {

  background-color: black;

}

.section {

  margin-top: 0px;

  margin-bottom: 1px;

  padding-top: 0px;

  padding-bottom: 0px;

}

.section.hero {

  background-color: rgba(0, 0, 0, 0);

}

.company {

  margin-top: 19px;

  margin-bottom: 19px;

  font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;

  color: white;

  font-size: 20px;

}

.nav-link {

  display: inline-block;

  padding: 20px 18px;

  border-left: 1px solid rgba(255, 255, 255, 0.4);

  background-color: black;

  color: white;

  text-decoration: none;

}

.nav-link:hover {

  background-color: #09f;

}

.nav-link.last {

  border-right: 1px solid rgba(255, 255, 255, 0.4);

}

.navigation-column {

  text-align: right;

}

.nav-section {

  margin-bottom: 100px;

  padding-left: 0px;

  background-color: rgba(0, 0, 0, 0);

}

.hero-image {

  width: 60%;

}

.hero-column {

  padding-top: 53px;

}

.footer {

  border-top: 0px solid rgba(0, 0, 0, 0.22);

  background-image: url(footerbg.png);

  background-repeat: repeat-x;

  background-color:#f2f2f2;

}

.footer-link {

  margin-right: 15px;

  text-decoration:none;

  color:#8b8b8b;

}

.special-row {

  border: 1px solid rgba(0, 0, 0, 0.09);

  background-color: #f2f2f2;

}

.email-column {

  padding-top: 40px;

  text-align: center;

}

.special-column {

  padding: 10px 15px;

}

.center {

  text-align: center;

}

.toplink {

  height: 20px;

}

.toplink_left {

  height: 30px;

}

.slidearea {

  direction: ltr;

}

.mainarea {

  padding-bottom: 25px;

}

.topheader {

  margin-right: 10px;

  color: #adadad;

  text-decoration:none;

}

.logo {

  margin-bottom: 10px;

}

.powerby {

     margin-top:20px;

     text-align:center;

     color:#9d9d9d;

}

.mainboard {

  height: auto;

  min-height:700px;

  margin-bottom: 20px;

  padding: 0px 0px 18px;

  border: 1px solid #e8e8e8;

  border-radius: 10px;

  background-color: #ffffff;

  box-shadow: black 0px 0px 11px -1px;

}

.board {

  margin-top: 144px;

  padding-left: 0px;

}

.leftboard01 {

  margin-top: 25px;

  padding-right: 0px;

  width:190px;

  height:258px;

  background-image: url(submenu_bg01.png);

  background-repeat: no-repeat;

  box-shadow: none;

  color: white;

}

.leftboard02 {

  margin-top: 25px;

  padding-right: 0px;

  width:190px;

  height:258px;

  background-image: url(submenu_bg02.png);

  background-repeat: no-repeat;

  box-shadow: none;

  color: white;

}

.leftboard03 {

  margin-top: 25px;

  padding-right: 0px;

  width:190px;

  height:258px;

  background-image: url(submenu_bg03.png);

  background-repeat: no-repeat;

  box-shadow: none;

  color: white;

}

.leftboard04 {

  margin-top: 25px;

  padding-right: 0px;

  width:190px;

  height:258px;

  background-image: url(submenu_bg04.png);

  background-repeat: no-repeat;

  box-shadow: none;

  color: white;

}

.leftboard05 {

  margin-top: 25px;

  padding-right: 0px;

  width:190px;

  height:458px;

  background-image: url(submenu_bg05.png);

  background-repeat: no-repeat;

  box-shadow: none;

  color: white;

}

.leftboard06 {

  margin-top: 25px;

  padding-right: 0px;

  width:190px;

  height:258px;

  background-image: url(submenu_bg06.png);

  background-repeat: no-repeat;

  box-shadow: none;

  color: white;

}

.rightboardbody {

  padding-right: 30px;

  padding-left: 30px;

  padding-bottom:10px;

}

.leftboardbody {

  font-family:微軟正黑體,arial;

  padding:30px 0px 30px 0px;

  background-color: transparent;

  line-height:34px;

  letter-spacing:2px;

  font-size:13px;

  font-color:#3c3c3c;

  font-weight:bold;



}



.subheader0101 {

  height:85px;

  margin:20px 10px 10px 0px;

  background-image: url(subheader0101.png);

  background-repeat: no-repeat;

}

.subheader0102 {

  height:203px;

  margin:20px 10px 10px 0px;

  background-image: url(subheader0102.png);

  background-repeat: no-repeat;

}

.subheader0103 {

  height:182px;

  margin:20px 10px 10px 0px;

  background-image: url(subheader0103.png);

  background-repeat: no-repeat;

}

.subheader0104 {

  height:132px;

  margin:20px 10px 10px 0px;

  background-image: url(subheader0104.png);

  background-repeat: no-repeat;

}

.subheader0201 {

  height:468px;

  margin:20px 10px 10px 0px;

  background-image: url(subheader0201.png);

  background-repeat: no-repeat;

}

.subheader0202 {

  height:203px;

  margin:20px 10px 10px 0px;

  background-image: url(subheader0202.png);

  background-repeat: no-repeat;

}

.subheader0203 {

  height:203px;

  margin:20px 10px 10px 0px;

  background-image: url(subheader0203.png);

  background-repeat: no-repeat;

}

.subheader0204 {

  height:203px;

  margin:20px 10px 10px 0px;

  background-image: url(subheader0204.png);

  background-repeat: no-repeat;

}

.subheader0401 {

  height:203px;

  margin:20px 10px 10px 0px;

  background-image: url(subheader0401.png);

  background-repeat: no-repeat;

}

.subheader0402 {

  height:203px;

  margin:20px 10px 10px 0px;

  background-image: url(subheader0402.png);

  background-repeat: no-repeat;

}

.subheader0403 {

  height:203px;

  margin:20px 10px 10px 0px;

  background-image: url(subheader0403.png);

  background-repeat: no-repeat;

}

.subheader0601 {

  height:203px;

  margin:20px 10px 10px 0px;

  background-image: url(subheader0601.png);

  background-repeat: no-repeat;

}

.menuitem {

  padding-left:20px;

  width:100%;

  float:left;

  cursor:pointer;

}

.menuitemon {

  padding-left:20px;

  padding-bottom:5px;

  width:182px;

  height:32px;

  color:#3c3c3c;

  background-image: url(submenuitem.png);

    background-repeat: no-repeat;

  float:left;

  cursor:pointer;

}





.quickmenu {

  margin-top: 55px;

  margin-right:15px;

  padding-left:10px;

  width:178px;

  height:245px;

  background-image: url(quickmenu.png);

  background-repeat: no-repeat;

  box-shadow: none;

  color: white;

}



.quickmenuarea {

  margin-top:115px; 

  padding-left:0px;

}

.quickmenuitem {

  width:165px;

  height:28px;

  cursor:pointer;

}

.quickmenuitemon {

  width:165px;

  height:28px;

  background-image: url(quickmenuitem.png);

    background-repeat: no-repeat;

  cursor:pointer;

}



.leftboardheader {

  margin-right: 1px;

  padding-top: 20px;

  padding-bottom: 20px;

}

.subhomemenuheader {

  padding-left: 0px;

}

.rightboardheader {

  padding-top: 35px;

  padding-bottom: 25px;

}

.subhome {

  padding-left: 0px;

  background-color: rgba(0, 0, 0, 0);

}

.boardbody {

  padding-left: 0px;

}

.main {

  background-image: url(SubHomepage01.png);

  background-repeat: no-repeat;

}

.main01 {

  background-image: url(SubHomepage01.png);

  background-repeat: no-repeat;

}

.main02 {

  background-image: url(SubHomepage02.png);

  background-repeat: no-repeat;

}

.main03 {

  background-image: url(SubHomepage03.png);

  background-repeat: no-repeat;

}

.main04 {

  background-image: url(SubHomepage04.png);

  background-repeat: no-repeat;

}

.main05 {

  background-image: url(SubHomepage05.png);

  background-repeat: no-repeat;

}

.main06 {

  background-image: url(SubHomepage03.png);

  background-repeat: no-repeat;

}

.menulistheader {

  color: #11214d;

  font-size: 16px;

  font-weight: 700;

}

.rightboardheadertext {

  font-size: 20px;

  font-weight: 700;

  font-family:微軟正黑體, Arial;

}

@media (max-width: 991px) {

  .hero-column {

    padding-top: 0px;

  }

}

@media (max-width: 767px) {

  .button {

    margin-top: 4px;

    margin-bottom: 23px;

  }

  .section {

    text-align: center;

  }

  .company {

    text-align: center;

  }

  .nav-link {

    padding-top: 12px;

    padding-bottom: 12px;

  }

  .navigation-column {

    border-top: 1px solid rgba(255, 255, 255, 0.4);

    text-align: center;

  }

  .footer {

    padding-top:15px;

    text-align: center;

  }

  .email-column {

    padding-top: 0px;

  }

}

@media (max-width: 479px) {

  .nav-link {

    display: block;

    padding-top: 9px;

    padding-bottom: 9px;

    border-bottom: 1px solid rgba(255, 255, 255, 0.4);

    border-left-width: 0px;

  }

  .nav-link.last {

    border-right-width: 0px;

  }

  .navigation-column {

    padding-right: 0px;

    padding-left: 0px;

  }

}



#PhotoArea{

	margin-top:40px;

	width:100%;

	height:100px;

	text-align:center;

}

#photoblock{

	margin-top:0px;

	margin:0 auto;

	margin-left:150px;

	padding-top:10px;

	padding-bottom:10px;

	width:180px;

	height:80px;

	float:left;

	color:#fff;

	background-color: #6b6b6b;

	z-index:1001;

	-moz-opacity: 0.5;

	opacity:.50;

	filter: alpha(opacity=50);

	border-width:1px;border-color:#fff;border-style:solid; 

}

#photouploadarea{

	display:none;

	width:500px;

	height:200px;

	margin-top:0px;

	padding-top:40px;

	text-align:center;

	margin-left:5px;

	background-color:#e5e5e5;

	font-size:12px;

	font-family:微軟正黑體;

	color:#000;

	background-repeat:no-repeat;

	border-style:solid;

	border-width:1px;

	border-color:#c4c4c4;

}

.photouploadicon{

	padding-top:10px;

	padding-right:14px;

	padding-left:20px;

	width:34px;

	height:25px;

	background:url(camera.gif) no-repeat;

	margin:5px;

}

.photouploadicon A:link{

	display:block;

	width:34px;

	height:25px;

	background:url(camera.gif) no-repeat;

	cursor:hand;

}