*{
	color: #555;
	font: 13px/19px Verdana, Arial, "新細明體";
}
body {
	margin: 0px;
	padding: 0px;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
a img {
	border-style: none;
}
strong,a{
	color:#090 ;
}
.ContentIn a:hover {
	text-decoration: none;
}
.clear {
	clear: both;
}
.floatL {
	float: left;
}
.floatR {
	float: right;
}
table{ border-collapse:collapse; }
#top {
	background-image: url(../images/top_gray.jpg);
	background-repeat: repeat-x;
	height: 23px;
	width: 100%;
	position: relative;
	margin-right: auto;
	margin-left: auto;
}
.padB10 {
	margin-bottom: 10px;
}
.padL10 {
	margin-left: 10px;
}
.padR10 {
	margin-right: 10px;
}
#top a {
	display: block;
	float: right;
	height: 23px;
	text-indent: -5000px;
}
#layer_taiwan {
	width: 145px;
	left: 653px;
}
#layer_world {
	width: 134px;
	left: 748px;
}
#layer_family {
	width: 150px;
	left: 784px;
}
#layer_world img {
	border-style: none;
}
#top .layer_arr {
	position: absolute;
	top: 21px;
	border: 1px solid #adadad;
	background-color: #e7e7e7;
	z-index: 50;
	visibility: hidden;
}
#top .layer_arr ul {
	list-style-type: none;
	margin: 6px;
	background-color: #FFFFFF;
	padding: 0px;
	display: block;
	float: none;
}
#top .layer_arr a {
	color: #666;
	display: block;
	line-height: 13px;
	text-decoration: none;
	float: none;
	text-indent: 0px;
	height: 13px;
	padding: 3px 5px;
}
#top  .layer_arr a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #999;
	text-indent: 0px;
	height: 13px;
}
a#taiwan_look {
	background-image: url(../images/taiwan_look.jpg);
	width: 95px;
}
a#look_family {
	background-image: url(../images/look_family.jpg);
	width: 93px;
}

a#world_look {
	background-image: url(../images/world_look.jpg);
	width: 95px;
}
a#taiwan_look:hover {
	background-image: url(../images/taiwan_look_over.jpg);
	width: 95px;
}
a#look_family:hover {
	background-image: url(../images/look_family_over.jpg);
	width: 93px;
}

a#world_look:hover {
	background-image: url(../images/world_look_over.jpg);
	width: 95px;
}
#bodyAll {
	background-image: url(../images/footer_bg.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}
ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#mainContent {
	width: 936px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/papperBottom.jpg);
	padding-bottom: 8px;
	position: relative;
	background-repeat: no-repeat;
	background-position: bottom;
}
#webinfo {
	float: left;
	width: 100%;
}
#webinfo img {
	float: left;
}
.topMenu li {
	float: right;
}
.topMenu {
	float: right;
	width: 500px;
	margin-top: 25px;
}
.topMenu a {
	background-repeat: no-repeat;
	display: block;
	text-indent: -10000px;
	font-size: 0px;
	line-height: 0px;
}
.siteMap a {
	background-image: url(../images/siteMap.jpg);
	height: 16px;
	width: 65px;
}
.english a {
	background-image: url(../images/english.jpg);
	height: 16px;
	width: 58px;
}
.siteMap a:hover ,.english a:hover  {
	background-position: right;
	border-style: none;
}
.contactPhone {
	float: right;
	display: block;
	background: url(../images/contactUsPhone.jpg) no-repeat;
	height: 22px;
	width: 345px;
	text-indent: -10000px;
}
#menu li {
	float: left;
}
#menu a {
	background-repeat: no-repeat;
	display: block;
	height: 48px;
	text-indent: -10000px;
	font-size: 0px;
	line-height: 0px;
}
.submenuAp li {
	float: left;
}

.submenuAp a {
	text-decoration: none;
	display: block;
	padding: 3px 3px 3px 5px;
	background-color: #E6F4C4;
	border-right: 1px solid #68AC35;
	border-bottom: 1px solid #68AC35;
	border-left: 1px solid #68AC35;
	width: 104px;
	border-top-style: none;
}
.submenuAp a:hover {
	background-color: #FFC;
	color: #F90;
}
.submenuAp{
	position: absolute;
	width: 115px;
	background-repeat: no-repeat;
	background-position: center top;
	z-index: 100;
	top: 89px;
	margin: 0px;
	padding: 0px;
	visibility: hidden;
	}
#submenu1  {
	left: 124px;
	}
#submenu2  {
	left: 239px;
	}
#submenu3  {
	left: 354px;
	}
#submenu4  {
	left: 469px;
	}
#submenu5  {
	left: 584px;
	}
#submenu6  {
	right: 122px;
	}
#submenu7  {
	right: 7px;
	}
.submenuLinkTitle a{
	height: 39px;
	width: 115px;
	padding: 0px;
	text-indent: -8900px;
	background-position: center top;
	font-size: 0px;
	line-height: 0px;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
	overflow: hidden;
}
#submenu1 .submenuLinkTitle a{
	background-image: url(../images/menu2.jpg);
}
#submenu2 .submenuLinkTitle a{
	background-image: url(../images/menu3.jpg);
}
#submenu3 .submenuLinkTitle a{
	background-image: url(../images/menu4.jpg);
}
#submenu4 .submenuLinkTitle a{
	background-image: url(../images/menu5.jpg);
}
#submenu5 .submenuLinkTitle a{
	background-image: url(../images/menu6.jpg);
}
#submenu6 .submenuLinkTitle a{
	background-image: url(../images/menu7.jpg);
}
#submenu7 .submenuLinkTitle a{
	background-image: url(../images/menu8.jpg);
	width: 122px;
}

.home a {
	background-image: url(../images/menu1.jpg);
	width: 124px;
}
.news a {
	background-image: url(../images/menu2.jpg);
	width: 115px;
}
.about a {
	background-image: url(../images/menu3.jpg);
	width: 115px;
}
.service a {
	background-image: url(../images/menu4.jpg);
	width: 115px;
}
.portfolio a {
	background-image: url(../images/menu5.jpg);
	width: 115px;
}
.partner a {
	background-image: url(../images/menu6.jpg);
	width: 115px;
}
.join a {
	background-image: url(../images/menu7.jpg);
	width: 115px;
}
.contact a {
	background-image: url(../images/menu8.jpg);
	width: 122px;
}
.mainContentIn {
	width: 934px;
	background-color: #FFF;
	float: left;
	padding-bottom: 10px;
	border-right: 1px solid #E8E8E8;
	border-left: 1px solid #E8E8E8;
}
.home a:hover,.news a:hover,.about a:hover,.service a:hover,.portfolio a:hover,.partner a:hover,.join a:hover,.contact a:hover  {
	background-position: center;
}
#home .home a,#news .news a,#about .about a,#service .service a,#portfolio .portfolio a,#partner .partner a,#join .join a,#contact .contact a {
	background-position: right;
}
#about .mainGrapihc {
	background-image: url(../images/graphicAbout.jpg);
}
#news .mainGrapihc {
	background-image: url(../images/graphicPress.jpg);
}
#portfolio .mainGrapihc {
	background-image: url(../images/graphicPortfolio.jpg);
}
#contact .mainGrapihc {
	background-image: url(../images/graphicContact.jpg);
}
#sitemap .mainGrapihc {
	background-image: url(../images/graphicSitemap.jpg);
}
#join .mainGrapihc {
	background-image: url(../images/graphicJoinus.jpg);
}
#service .mainGrapihc {
	background-image: url(../images/graphicService.jpg);
}
#partner .mainGrapihc {
	background-image: url(../images/graphicPartner.jpg);
}
.mainGrapihc {
	height: 125px;
	width: 916px;
	display: inline-block;
	margin-left: 9px;
}
.submenu {
	width: 170px;
	position: absolute;
	left: 9px;
	top: 188px;
	padding-bottom: 7px;
	background: url(../images/SubmenuBt.jpg) no-repeat bottom;
}
.submenu .top {
	padding-top: 7px;
	background: url(../images/SubmenuTop.jpg) no-repeat top;
}
.submenu a {
	height: 26px;
	display: block;
	background-repeat: no-repeat;
	text-indent: -8000px;
	font-size: 0px;
	margin: 0px;
	padding: 0px;
}
.submenu a:hover {
	background-position: center;
}
.submenu .on a   {
	background-position: right;
}
.submenu .on a:hover {
	background-position: right;
}
.graySubmenu {
	padding-bottom: 7px;
	background: url(../images/GraySubmenuBt.jpg) no-repeat bottom;
	float: left;
	margin-top: 75px;
	margin-left: 9px;
	width: 170px;
	display: inline;
}
.graySubmenu .top {
	background-image: url(../images/GraySubmenuTop.jpg);
	padding-top: 7px;
	background-repeat: no-repeat;
	background-position: top;
}
.graySubmenu ul {
	background: url(../images/GraySubmenuBg.jpg) repeat-y;
}
.graySubmenu li {
	padding-left: 15px;
	padding-top: 2px;
	padding-bottom: 2px;
	background-image: url(../images/subMenutitleArrow.jpg);
	background-repeat: no-repeat;
	background-position: 7px 8px;
	width: 150px;
}
.graySubmenu a {
	color: #666;
	text-decoration: none;
	display: block;
	height: 100%;
	width: 100%;
}
.graySubmenu a:hover {
	color:#090 ;
	text-decoration: underline;
}
.graySubmenu .sub li {
	background-image: none;
	padding-left: 0px;
	padding-top: 1px;
	padding-bottom: 1px;
	text-indent: 10px;
}
.graySubmenu .sub {
	display: block;
	width: 150px;
	margin-left: -5px;
	margin-top: 4px;
	background: #FFF url(none);
	border-top: 1px solid #E1E1E1;
	border-bottom: 1px solid #E1E1E1;
}
.sub a:hover {
	background-color: #999;
	color: #FFF;
	text-decoration: none;
}
.Content {
	float: right;
	margin-top: 10px;
	width: 735px;
	margin-right: 10px;
	display: inline;
}
.Content .title {
	float: right;
	width: 100%;
	background-image: url(../images/line.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
.Content h3 {
	margin: 0px;
	height: 27px;
	display: block;
	float: left;
	text-indent: -8000px;
	width: 104px;
}
.path {
	float: right;
	margin-top: 2px;
	background-color: #fff798;
	padding: 2px 5px;
	text-align: right;
}
.path a {
	color: #060;
	text-decoration: none;
}
.path a:hover {
	text-decoration: underline;
}
.ContentIn {
	display: inline;
	float: left;
	width: 705px;
	margin-left: 15px;
	margin-top: 15px;
}
.ContentIn strong {
	font-weight: normal;
}
.ContentIn li {
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px dashed #CCC;
	text-align: justify;
}
.title1_1 {
	background: url(../images/title1_1.jpg);
}
.title1_2 {
	background: url(../images/title1_2.jpg);
}
.title1_3 {
	background: url(../images/title1_3.jpg);
}
.title1_4 {
	background: url(../images/title1_4.jpg);
}
.title1_5 {
	background: url(../images/title1_5.jpg);
}
.title2_1 {
	background: url(../images/title2_1.jpg);
}
h3.title2_2 {
	background: url(../images/title2_2.jpg);
	width: 124px;
}
h3.title2_3 {
	background: url(../images/title2_3.jpg);
	width: 124px;
}
.title3_1 {
	background: url(../images/title3_1.jpg);
}
.title3_2 {
	background: url(../images/title3_2.jpg);
}
.title3_3 {
	background: url(../images/title3_3.jpg);
}
.title3_4 {
	background: url(../images/title3_4.jpg);
}
.title3_5 {
	background: url(../images/title3_5.jpg);
}
.title4_1 {
	background: url(../images/title4_1.jpg);
}
.title4_2 {
	background: url(../images/title4_2.jpg);
}
.title5_1 {
	background: url(../images/title5_1.jpg);
}
.title5_2 {
	background: url(../images/title5_2.jpg);
}
.title5_3 {
	background: url(../images/title5_3.jpg);
}
.title6_1 {
	background: url(../images/title6_1.jpg);
}
.title6_2 {
	background: url(../images/title6_2.jpg);
}
.title6_3 {
	background: url(../images/title6_3.jpg);
}
.title7_1 {
	background: url(../images/title7_1.jpg);
}
.title7_2 {
	background: url(../images/title7_2.jpg);
}
.title8 {
	background-image: url(../images/title8.jpg);
}

.graySubmenu  .subMenutitle,.graySubmenu  .subMenutitle1,.graySubmenu .subMenutitle2,.graySubmenu .subMenutitle3,.graySubmenu .subMenutitle4,.graySubmenu .subMenutitle5,.graySubmenu .subMenutitle6,.graySubmenu .subMenutitle7{
	height: 17px;
	padding-bottom: 7px;
	text-indent: -8000px;
	background-repeat: no-repeat;
	border-bottom: 1px solid #DFDFDF;
	background-position: 5px 3px;
}
.graySubmenu .subMenutitle1{
	background-image: url(../images/subMenutitle1_1.jpg);
}
.graySubmenu .subMenutitle2{
	background-image: url(../images/subMenutitle1_2.jpg);
}
.graySubmenu .subMenutitle3{
	background-image: url(../images/subMenutitle1_3.jpg);
}
.graySubmenu .subMenutitle4{
	background-image: url(../images/subMenutitle1_4.jpg);
}
.graySubmenu .subMenutitle5{
	background-image: url(../images/subMenutitle1_5.jpg);
}
.graySubmenu .subMenutitle6 {
	background-image: url(../images/subMenutitle4_1.jpg);
}
.graySubmenu .subMenutitle7 {
	background-image: url(../images/subMenutitle7_1.jpg);
}
#subMenutitle2_2{
	background-image: url(../images/subMenutitle2_2.jpg);
}
#subMenutitle2_3{
	background-image: url(../images/subMenutitle2_3.jpg);
}
#subMenutitle2_4{
	background-image: url(../images/subMenutitle2_4.jpg);
}
#subMenutitle2_5{
	background-image: url(../images/subMenutitle2_5.jpg);
}
#subMenutitle3_1{
	background-image: url(../images/subMenutitle3_1.jpg);
}
#subMenutitle3_2{
	background-image: url(../images/subMenutitle3_2.jpg);
}
.about1 {
	background: url(../images/Submenu1_1.jpg);
}
.about2 {
	background: url(../images/Submenu1_2.jpg);
}
.about3 {
	background: url(../images/Submenu1_3.jpg);
}
.about4 {
	background: url(../images/Submenu1_4.jpg);
}
.about5 {
	background: url(../images/Submenu1_5.jpg);
}
.press1 {
	background: url(../images/Submenu2_1.jpg);
}
.press2 {
	background: url(../images/Submenu2_2.jpg);
}
.press3 {
	background: url(../images/Submenu2_3.jpg);
}
.service1 {
	background: url(../images/Submenu3_1.jpg);
}
.service2 {
	background: url(../images/Submenu3_2.jpg);
}
.service3 {
	background: url(../images/Submenu3_3.jpg);
}
.service4 {
	background: url(../images/Submenu3_4.jpg);
}
.service5 {
	background: url(../images/Submenu3_5.jpg);
}
.portfolio1 {
	background-image: url(../images/Submenu4_1.jpg);
}
.portfolio2 {
	background-image: url(../images/Submenu4_2.jpg);
}
.partner1 {
	background: url(../images/Submenu5_1.jpg);
}
.partner2 {
	background: url(../images/Submenu5_2.jpg);
}
.partner3 {
	background: url(../images/Submenu5_3.jpg);
}
.join1 {
	background: url(../images/Submenu6_1.jpg);
}
.join2 {
	background: url(../images/Submenu6_2.jpg);
}
.join3 {
	background: url(../images/Submenu6_3.jpg);
}
.pressList {
	width: 500px;
}
.newsContent td {
	border-top: 1px solid #CCC;
}
.pressList td ,.pressContentM td{
	padding: 3px;
}
.pressList tbody td{
	border: 1px solid #FFF;
}

.tablehead td  {
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 12px;
	font-weight: normal;
	color: #FFF;
	background: url(../images/pressTitle.jpg) repeat-x;
	border-bottom: 1px solid #FFAD00;
	text-align: center;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}
.pressList a {
	color: #333;
	text-decoration: none;
}
.pressList tr.odd {
	background-color: #F0F0F0;
}
.pressList tr:hover ,.pressList tr.odd:hover{
	color:#090 ;
	background-color: #FF9;
}

.pressList a:hover {
	color: #F90;
	text-decoration: underline;
}
.page {
	float: left;
	width: 491px;
	margin-top: 10px;
	padding: 3px;
	border: 1px dashed #CCC;
}
.pageL {
	width: 698px;
}

.page a {
	float: left;
	text-decoration: none;
	border: 1px solid #FFF;
	padding-right: 5px;
	padding-left: 5px;
	margin-right: 1px;
	margin-left: 1px;
}
.page div {
	float: left;
	width: 100px;
}
.page span {
	color: #666;
	border: 1px solid #CCC;
	padding-right: 5px;
	padding-left: 5px;
	float: left;
	background-color: #E7E7E7;
}
.page a:hover {
	color: #F90;
	border: 1px solid #CCC;
}
.page a.bt {
	display: block;
	height: 19px;
	width: 49px;
	color: #666;
	padding: 0px;
	text-align: center;
	margin-right: 5px;
	margin-left: 5px;
	line-height: 19px;
	background: url(../images/pressPageBt.jpg) no-repeat;
	border-style: none;
}
.page a.bt:hover {
	background-position: right;
	color: #333;
	border-style: none;
}
.newsContent a:hover {
	text-decoration: none;
}
#news .graySubmenu ,#join .graySubmenu,#partner .graySubmenu{
	margin-top: 23px;
}
.blogL {
	float: left;
	width: 170px;
	margin-top: 23px;
	margin-left: 8px;
	display: inline;
}
.calendar {
	background-image: url(../images/GraySubmenuBg.jpg);
	background-repeat: repeat-y;
}
.calendar .top {
	background-image: url(../images/GraySubmenuTop.jpg);
	height: 7px;
	width: 170px;
	background-repeat: no-repeat;
}
.calendar .bottom {
	background-image: url(../images/GraySubmenuBt.jpg);
	height: 7px;
	background-repeat: no-repeat;
	background-position: bottom;
}
.month {
	margin: 4px;
	background-color: #FFF;
	border: 1px solid #DDD;
	text-align: center;
	color: #390;
	padding: 2px;
}
.days {
	margin-left: 7px;
	border: 1px solid #CCC;
}
.days th {
	font-weight: normal;
	background-color: #D7D7D7;
	padding-top: 2px;
	padding-bottom: 2px;
}
.days td {
	background-color: #FFF;
	text-align: center;
	width: 22px;
}
.days a {
	display: block;
	border: 1px solid #FFF;
	text-decoration: none;
}
.days a:hover {
	text-decoration: none;
	background-color: #E9FFBF;
	border: 1px solid ;
}
.days a:active {
	color: #FFF;
	background-color:#090 ;
	border: 1px solid ;
}
.days .preMonth {
	color: #999;
	background-color: #EBEBEB;
}
.days .preMonth a {
	color: #999;
	border: 1px solid #EBEBEB;
}
.days .preMonth a:hover {
	border: 1px solid #fff;
}
.days .preMonth a:active {
	color: #FFF;
	background-color: #999;
}
#news .blogL .graySubmenu{
	float: left;
	margin: 5px 0px 0px;
	display: block;
}
.blogL .graySubmenu li  {
	margin: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	color: #007EF1;
}
.blogL .graySubmenu a  {
	border-bottom: 1px dashed #CCC;
	padding-top: 2px;
	padding-bottom: 2px;
}
.blogL .graySubmenu a:hover {
	background-color: #FFF;
	text-decoration: none;
	color: #555;
}
.graySubmenu  .subMenutitle221,.graySubmenu  .subMenutitle222,.graySubmenu  .subMenutitleCate{
	height: 17px;
	padding-bottom: 7px;
	text-indent: -8000px;
	background-repeat: no-repeat;
	border-bottom: 1px solid #DFDFDF;
	background-position: 5px 0px;
}
.graySubmenu  .subMenutitle221{
	background-image: url(../images/subMenutitle2_2_1.jpg);
}
.graySubmenu  .subMenutitle222{
	background-image: url(../images/subMenutitle2_2_2.jpg);
}
.graySubmenu .subMenutitleCate{
	background-image: url(../images/subMenutitleCate.jpg);
}
.blogList h4 {
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 15px;
	color: #FFB01E;
	font-weight: bold;
	background-color: #F3F3F3;
	padding: 5px;
	display: block;
	width: 710px;
}
.blogList h4 a   {
	font-size: 15px;
	color: #FFB01E;
	text-decoration: none;
	font-weight: bold;
	display: block;
}
.blogList h4 a:hover  {
	text-decoration: underline;
}

.blogList h4 .date {
	float: right;
	margin-right: 5px;
	margin-top: 3px;
}
.blogList li {
	line-height: 22px;
	float: left;
	width: 710px;
	border-bottom: 1px dashed #CCC;
}
.article {
	text-align: right;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	float: right;
	width: 710px;
}
a.continue {
	color: #FFB01E;
	background-image: url(../images/caseMorePlus.jpg);
	background-repeat: no-repeat;
	display: block;
	float: right;
	width: 60px;
	padding-left: 13px;
	background-position: 0px 5px;
}


.core {
	background:url(../images/SubGra1_2.jpg) no-repeat 0 10px;
	padding-left:105px;
	padding-right:40px;
	margin-left:10px
}
ul.year {
	margin-bottom: 10px;
	padding-bottom: 5px;
	background-repeat: no-repeat;
	background-position: 7px 8px;
	padding-left: 70px;
	margin-left: 10px;
	margin-right: 10px;
}
#y2010 {
	background-image: url(../images/2010.jpg);
}

#y2009 {
	background-image: url(../images/2009.jpg);
	background-color: #F6F6F6;
}
#y2008 {
	background-image: url(../images/2008.jpg);
}
#y2007 {
	background-image: url(../images/2007.jpg);
	background-color: #F6F6F6;
}
#y2006 {
	background-image: url(../images/2006.jpg);
}
#y2005 {
	background-image: url(../images/2005.jpg);
	background-color: #F6F6F6;
}
#y2004 {
	background-image: url(../images/2004.jpg);
}
.year li {
	background-image: url(../images/milestoneSpot.jpg);
	background-repeat: no-repeat;
	background-position: 5px 9px;
	padding-left: 15px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-bottom: 1px solid #F0F0F0;
}
.year strong {
	margin-right: 10px;
	font-weight: bold;
}
.year .media {
	color: #1A7BFD;
}
.year .website {
	color: #FF7408;
}
.vision {
	margin-top: 5px;
	margin-bottom: 20px;
	padding-left: 120px;
	background-image: url(../images/SubGra1_4_1.jpg);
	background-repeat: no-repeat;
	background-position: 0px 12px;
}
.vision li ,.associate li{
	border-bottom: 1px dashed #B4B4B4;
	padding-top: 8px;
	padding-bottom: 8px;
}
.vision a ,.associate a,.contactInfo a{
	color: #39F;
	text-decoration: underline;
}
.vision a:hover ,.associate a:hover,.contactInfo a:hover{
	color: #06F;
	text-decoration: none;
}
.associate {
	padding-left: 160px;
	background-image: url(../images/SubGra1_5.jpg);
	background-repeat: no-repeat;
	background-position: 0px 12px;
}
#portfolio .graySubmenu ,#contact .graySubmenu{
	margin-top: 0px;
}
#portfolio .page {
	width: 710px;
	margin-top: 3px;
}
.portfolioList strong {
	color: #000;
	display: block;
	margin-top: 5px;
}
.portfolioList {
	margin-top: 10px;
}
.portfolioList li {
	float: left;
	border-top: 1px dashed #CCC;
	padding-top: 15px;
	padding-bottom: 15px;
	margin: 0px;
	border-bottom-style: none;
}
.portfolioList .portR li {
	float: none;
	border-style: none;
	padding: 1px 0px 1px 15px;
	background-image: url(../images/milestoneSpot.jpg);
	background-repeat: no-repeat;
	background-position: 5px 7px;
}

.portL {
	float: left;
	width: 482px;
}
.portL img {
	float: left;
}
.portL p {
	float: left;
	margin: 0px;
	width: 230px;
	padding: 5px;
}
.portR {
	float: right;
	width: 215px;
}
.portR a.visit {
	line-height: 25px;
	background-image: url(../images/visitSiteBt.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 25px;
	width: 140px;
	color: #FFF;
	text-decoration: none;
	float: left;
	text-align: center;
	margin-top: 10px;
	font-size: 12px;
}
.portR a.visit:hover {
	background-position: right;
}
.portR h2 {
	font-size: 15px;
	color: #0066bd;
	margin: 0px;
	font-weight: bold;
}
.benefit {
	margin-top: 5px;
	margin-bottom: 5px;
}
.benefit ol {
	margin: 0px;
	padding: 0px 0px 0px 25px;
}
.benefit li {
	padding: 0px;
	border-style: none;
}
.benefit td{
	border: 1px solid #CCC;
	padding: 5px;
}
.benefitTitle td {
	color: #390;
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: #DFB;
	width: 150px;
}
.benefitList li {
	background-image: url(../images/contactArrow.jpg);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left: 18px;
	padding-top: 0px;
	padding-bottom: 0px;
	border-style: none;
}
.jobTitle td {
	color: #390;
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: #DFB;
}
a.joinUsBt {
	background-image: url(../images/joinUsBt.jpg);
	background-repeat: no-repeat;
	height: 28px;
	width: 124px;
	display: block;
	padding-left: 28px;
	text-decoration: none;
	color: #494949;
	line-height: 28px;
}
a.joinUsBt:hover {
	color: #FFF;
	background-position: right;
}
.login {
	background-image: url(../images/logoinBg.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 170px;
	width: 287px;
	padding-top: 50px;
	padding-left: 50px;
	margin-right: 10px;
	margin-left: 110px;
	display: inline;
}
.login input {
	border: 1px solid #CCC;
	height: 20px;
	width: 180px;
}
.login label {
	width: 230px;
	display: block;
	margin-bottom: 5px;
}
.login .otp {
	width: 180px;
	padding-left: 50px;
	padding-top: 10px;
}
.login .otp input {
	width: 175px;
}
a.loginBt {
	background-image: url(../images/logoinBt.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 28px;
	width: 75px;
	color: #0066bd;
	text-decoration: none;
	text-align: center;
	line-height: 28px;
	font-size: 15px;
	margin-top: 15px;
	margin-left: 100px;
}
a.loginBt:hover {
	color: #FFF;
	background-position: right;
}
.LoginNote {
	float: left;
	width: 460px;
	margin-left: 100px;
	padding-left: 30px;
	margin-top: 10px;
	display: inline;
}
.LoginNote li {
	font-size: 12px;
}
.HRBts {
	margin-top: 10px;
}
.HRBts a {
	display: block;
	height: 37px;
	text-indent: -8000px;
	float: left;
	margin-right: 5px;
	background-repeat: no-repeat;
	font-size: 0px;
	line-height: 0px;
}
.HRBts a:hover {
	background-position: right;
}

a.bt1111 {
	background-image: url(../images/1111.jpg);
	width: 111px;
}
a.bt104 {
	background-image: url(../images/104.jpg);
	width: 151px;
}
a.bt123 {
	background-image: url(../images/123.jpg);
	width: 155px;
}
.contact1 {
	background-image: url(../images/Submenu7_1.jpg);
}
.contact2 {
	background-image: url(../images/Submenu7_2.jpg);
}
a.phone1 ,a.phone2{
	background-image: url(../images/freepp_taipei.jpg);
	height: 55px;
	width: 131px;
	margin-top: 3px;
	text-indent: -8000px;
}
a.phone2 {
	background-image: url(../images/freepp_hsichu.jpg);
}
a.phone1:hover, a.phone2:hover {
	background-position: right;
}
.contactInfo img {
	float: left;
	padding: 2px;
	border: 1px solid #E4E4E4;
	margin-right: 10px;
}
.contactInfo li {
	float: left;
	padding-bottom: 10px;
	border-bottom: 1px dashed #CCC;
	width: 700px;
	padding-top: 10px;
}
.contactTable td {
	color:#090 ;
	border: 1px solid #CCC;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
.contactTable {
	width: 100%;
}
.contactTable .tdName {
	width: 60px;
	background-color: #E3F2CE;
	color: #666;
	padding-left: 25px;
	background-image: url(../images/contactArrow.jpg);
	background-repeat: no-repeat;
	background-position: 8px 10px;
	vertical-align: top;
}
.contactTable input ,.contactTable textarea{
	border: 1px solid #B5D28C;
}
.contactTable input {
	height: 20px;
}

.contactTable input:focus ,.contactTable textarea:focus{
	background-color: #FFFFC1;
}
a.confirm {
	background-image: url(../images/confirm.jpg);
	height: 31px;
	width: 71px;
	display: block;
	font-size: 15px;
	text-decoration: none;
	line-height: 31px;
	padding-left: 30px;
	color: #666;
	margin-top: 7px;
	float: left;
	margin-right: 5px;
}
a.confirm:hover {
	background-position: right;
	color: #FFF;
}
#sitemap .Content {
	float: right;
	width: 910px;
}
#sitemap .ContentIn {
	width: 875px;
	margin-left: 20px;
}

.sitemapList h2 {
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 13px;
	font-weight: normal;
	color: #36C;
	background-image: url(../images/newsArrow.jpg);
	background-repeat: no-repeat;
	background-position: 5px 7px;
	background-color: #E1F7FF;
	border-bottom: 1px solid #CCC;
	padding: 2px 2px 2px 20px;
}
.sitemapList a {
	color: #666;
}
.sitemapList a:hover {
	color: #36C;
}
.sitemapList li {
	float: left;
	width: 113px;
	border: 1px solid #CCC;
	margin-right: 10px;
	height: 150px;
}
.sitemapList .link li {
	background-image: url(../images/milestoneSpot.jpg);
	background-repeat: no-repeat;
	background-position: 10px 8px;
	width: 70px;
	border-style: none;
	padding: 2px 0px 2px 22px;
	height: 20px;
}
.areaList {
	float: left;
	width: 460px;
	margin-bottom: 10px;
}
.areaList li {
	background-image: url(../images/contactArrow.jpg);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left: 16px;
	padding-top: 0px;
	padding-bottom: 0px;
	border-style: none;
}
.serviceList {
	padding-left: 205px;
	background-image: url(../images/serviceList.jpg);
	background-repeat: no-repeat;
	background-position: 0px 5px;
}
.marketingList {
	padding-left: 130px;
	background-image: url(../images/service4.jpg);
	background-repeat: no-repeat;
	background-position: 3px 7px;
}

.eventList {
	padding-left: 150px;
	background-image: url(../images/eventList.jpg);
	background-repeat: no-repeat;
	float: left;
	background-position: 4px 6px;
}
.eventList ol li {
	padding: 0px;
	border-style: none;
}
.eventCycle {
	margin: 0px 0px 10px;
	padding: 0px;
	list-style-type: none;
	float: left;
	background-image: url(../images/eventCycle.gif);
	background-repeat: no-repeat;
	background-position: 5px 3px;
}
.eventCycle li {
	float: left;
	width: 116px;
	text-align: center;
	height: 80px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-style: none;
}
.eventCycle strong {
	color: #039;
}
.eventCycle ol  {
	margin: 0px;
	padding: 0px;
	width: 80px;
	list-style-type: none;
}
.eventCycle ol li {
	height: 20px;
	padding: 0px;
	border-style: none;
}
.partnerItemList,.partnerItemList2 {
	padding-left: 85px;
	background-image: url(../images/SubGra5_1.jpg);
	background-repeat: no-repeat;
	background-position: 0px 7px;
}
.partnerItemList2 {
	background-image: url(../images/SubGra5_2.jpg);
}
.plink {
	border-bottom: 1px dashed #CCC;
	float: left;
	width: 560px;
	display: block;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 140px;
	margin: 0px;
	background-image: url(../images/link1.jpg);
	background-repeat: no-repeat;
	background-position: 0px 6px;
}
.plink dt{
	display: none;
}
.plink dd  {
	height: 53px;
	width: 125px;
	float: left;
	border-style: none;
	margin: 0px 15px 0px 0px;
	padding: 0px;
}
#plink2 {
	background-image: url(../images/link2.jpg);
}
#plink3 {
	background-image: url(../images/link3.jpg);
}
#plink4 {
	background-image: url(../images/link4.jpg);
}
.ecomm  {
	padding-left: 430px;
	background-image: url(../images/ecommGraghic.jpg);
	background-repeat: no-repeat;
	height: 215px;
}
#footer {
	background:url(../images/simsixFooter.jpg) no-repeat left;
	width:831px;
	line-height:20px;
	color:#7a7a7a;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 105px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
#footer a:hover {
	color: #090;
	text-decoration: none;
}
#footer a {
	color: #70af34;
}
#footer .W3CXHTMLIcon {
	position: absolute;
	top: 10px;
	right: 110px;
}
#footer strong {
	font-weight: normal;
}

#footer .W3CCssIcon {
	position: absolute;
	top: 10px;
	right: 10px;
}