@charset "utf-8";

.about0 {
	float: left;
	height: auto;
	width: 730px;
	margin: 10px 0 8px 0;
	padding: 0 0 0 40px;
}
.about0_banner {
	float: left;
	height: 139px;
	width: 759px;
	margin: 10px 0;
	padding: 0 0 2px 0;
	background: url(../images/right_line.jpg) no-repeat 0 bottom;
}

.about0 .man {
	float: left;
	height: 180px;
	width: 130px;
	margin: 3px 3px 8px 3px;
}
.man_name{
	text-align: center;
	line-height: normal;
	margin: 6px 0 0 0;
}

.about0new {
	float: left;
	height: auto;
	width: 550px;
	margin-top: 10px;
	margin-bottom: 8px;
	margin-left: 30px;
}
.about0new .man {
	float: left;
	height: 415px;
	width: 125px;
	margin-left: 3px;
	margin-bottom: 8px;
}
/*淞揚介紹*/
.about1{
	float:left;
	width: 770px;
	height: auto;
	margin-top: 20px;
}
.about1 p{line-height:20px}
/*淞揚特色*/
.about2{
	float:left;
	width: 770px;
	height: auto;
	margin-top: 20px;
}
.about2 .title{
	float: left;
	width:760px;
	height: 24px;
	background: url(../images/right_line4.jpg) no-repeat 40px bottom;
	line-height: 24px;
	color: #CA0008;
}
.about2 .sub{
	float: left;
	width:720px;
	height: auto;
	line-height: 24px;
	padding-left: 40px;
}
.about2 .sub p{
	background: url(../images/icon_02.gif) no-repeat left center;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
}
.about2 .sub span{	padding-left:15px;}
.about2 .sub img{
	float: left;
	line-height: 24px;
	border: 1px solid #D5D5D5;
	padding:2px
}
/*淞揚團隊*/
.individual{
	float:left;
	width: 770px;
	height: 185px;
	*height: 176px;
	_height: 20px;
}
.individual .chan{
	width:150px;
	float:left;
	height:150px
}
.photo{
	height: 190px;
	width: 620px;
	margin:0px;
	padding:0px;
	float:left;
	text-align: center;
}
.photo img{	margin:0px;	padding:0px;}
.individual .slogan{
	height: 40px;
	width: 420px;
	font-size:18px;
	color:#C7000A;
	float:left;
	margin-top: 20px;
	margin-bottom: 0px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.individual .word{
	width: 400px;
	height:40px;
	font-size:12px;
	float:left;
	margin-top: 7px;
	margin-bottom: 15px;
	color:#666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 18px;
}
.individual .peo{
	width:400px;
	float:left;
	height:36px;
	margin-left: 10px;
}
.individual .position{
	float:left;
	margin-right:20px;
	margin-top:19px;
    *margin-top:22px;
	_margin-top:18px;
	height: auto;
}
.individual .name{
	width:100px;
	float:left;
	height:30px;
	font-size:26px;
	margin-top:5px;
	letter-spacing: 0.05em;
}
.portfolio{
	float:left;
	width: 770px;
	height: auto;
}
.portfolio .chan{
	width:150px;
	float:left;
	height:70px
}

/*幸福淞揚*/
.about4{
	float:left;
	width: 770px;
	height: auto;
	margin-top: 20px;
}
.about4 .photo{
	float:left;
	width:250px;
	height:auto;
	margin-left: 10px;
}
.about4 .photo img{
	float:left;
	width:100px;
	height:80px;
	margin:3px;
	background: url(../images/about5_bg.gif) no-repeat left top;
	padding: 8px;
	border: none;
}
.about4 .word{float:left;width:510px;height:auto;}
.about4 .word .con{
	float:left;
	width:510px;
	height:auto;
	padding-bottom: 15px;
	margin-bottom: 25px;
	border-bottom: 1px dotted #D5D5D5;
}
.about4 .word .con p{
	float:left;
	width:auto;
	height:auto;
	color: #838383;
	line-height: 20px;
}
.about4 .title_1{float:left;width:130px;height:50px;background: url(../images/about4_title.jpg) no-repeat 0px 0px;}
.about4 .title_2{float:left;width:130px;	height:50px;background: url(../images/about4_title.jpg) no-repeat 0px -50px;}
.about4 .title_3{float:left;width:130px;	height:50px;background: url(../images/about4_title.jpg) no-repeat 0px -100px;}
.about4 .title_4{float:left;width:130px;	height:50px;background: url(../images/about4_title.jpg) no-repeat 0px -150px;}
.about4 .title_5{float:left;width:130px;	height:50px;background: url(../images/about4_title.jpg) no-repeat 0px -200px;}
/*幸福淞揚內頁*/
.about4_view{
	float:left;
	width: 770px;
	height: auto;
	margin-top: 20px;
}
.about4_view .sphoto{
	float:left;
	width: 400px;
	height: auto;
}
.about4_view .sphoto img{
	float:left;
	width:60px;
	height:60px;
	margin:1px;
	padding: 8px;
	border: none;
	background-color: #EBEBEB;
}
.about4_view .photo{
	float:left;
	width: 770px;
	height: auto;
	margin-top: 20px;
}
.about4_view .photo img{
	float:left;
	width:100px;
	height:80px;
	margin:3px;
	background: url(../images/about5_bg.gif) no-repeat left top;
	padding: 8px;
	border: none;
}
.about4_view .word{
	float:left;
	width: 370px;
	height: auto;
}
.about4_view .word p{
	float:left;
	width: 350px;
	height: auto;
	margin-top: 5px;
	color: #C7000A;
	background: url(../images/icon_02.gif) no-repeat 0px 3px;
	padding-left: 12px;
	margin-bottom: 5px;
}
.about4_view .word span{
	width: 200px;
	height: auto;
	margin-top: 20px;
	color: #666666;
}
/*服務項目*/
#design{
	float:left;
	width: 770px;
    *width: 770px;	
	_width: 700px;
	height: auto;
	padding-bottom:20px;
}
#design #category{
	width:760px;
	*width:760px;
	_width:750px;
	border: 1px solid #E3E3E3;
	text-align: center;
	height:24px;
    *height:24px;	
	_height:20px;
	margin-top:10px;
	margin-bottom: 15px;
}
#design #category span{	text-align: left;color:#999;line-height:24px; font-size:12px;}

#design #banner{margin:0px;float:left;}

/*服務項目內頁*/
.design_view{
	float:left;
	width: 755px;
	_width: 755px;
	height: auto;
	padding: 0;

	
	_padding: 0px;
	margin-top: 10px;
}
.design_view .photo{
	float:left;
	width: 560px;
	height: 400px;
	padding: 1px;
	border: 1px solid #CCCCCC;
}
.design_view .sphoto{
	float:left;
	width: 165px;
	height: 400px;
	margin: 0 0 0 10px;
}
.design_view .sphoto img{
	padding: 1px;
	border: 1px solid #ccc;
	width: 160px;
	height: 118px;
	margin-bottom: 6px;
	*margin-bottom: 2px;
	_margin-bottom: 2px;
}
.design_view .word{
	float:left;
	width:375px;
	height: 120px;
	margin-top: 15px;
}
.design_view .word .pp{	float:left;	width: 375px;height: auto;}
.design_view .word .pp .p1{
	float:left;
	width: 55px;
	height: 27px;
	color: #C8000B;
	background: url(../images/icon_02.gif) no-repeat 0px 2px;
	padding-left: 12px;
}
.design_view .word .pp span{
	float:left;
	width: 300px;
	height: auto;
	line-height: 16px;
}
.design_view .word a:link ,.design_view .word a:visited{color:#333333;text-decoration: none;}
.design_view .word a:hover ,.design_view .word a:active{color:#c8000b;text-decoration: none;}
.design_view .np{
	width:755px;
	float:left;
	height:18px;
	text-align: center;
	border: 0px solid #CCCCCC;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-bottom: 5px;
}
.design_view .np span{margin:0 10px 0 10px;color: #666666;}
/*招募理念*/
.recruit1{
	float:left;
	width: 770px;
	height: 470px;
	margin-top: 15px;
}
.recruit1 img{margin:0px;float:left;}
.recruit1 .txt{
	float:left;
	padding-left:10px;
	line-height:26px;
	width: 750px;
	height: auto;
	margin: 15px 0 0 0;
}
.recruit1 .txt span{color:#C8000B;}
.recruit1 .rec_bt{
	float:right;
	width: 100px;
	height: 28px;
	margin-top: 10px;
}
/*招募對象*/
.recruit2{
	float:left;
	width: 770px;
	height: auto;
	margin-top: 15px;
}
.recruit2 .category{
	width:760px;
	*width:760px;
	_width:750px;
	border: 1px solid #E3E3E3;
	text-align: center;
	height:24px;
    *height:24px;	
	_height:20px;
	margin-top:10px;
	margin-bottom: 15px;
	float: left;
}
.recruit2 .category span{	margin:30px; text-align: center;color:#C8000B;line-height:24px;}
.recruit2 .category a{color:#999999;text-decoration: none;}
.recruit2 .category a:link ,.design .category a:visited{color:#999999;text-decoration: none;}
.recruit2 .category a:hover ,.design .category a:active {color:#c8000b;text-decoration: none;}
.recruit2 .banner{	float:left;	margin: 0px 0 15px 0;}
.recruit2 p {
	line-height:20px;
	float:left;
	width: 750px;
	margin: 10px 0 0px 0;
}
.recruit2 .item {
	float:left;
	width: 750px;
	background: url(../images/right_line4.jpg) no-repeat left top;
	height: auto;
}
.recruit2 .item .name {
	float:left;
	width: 60px;
	height:30px;
	font-weight:bold;
	color:#C8000B;
	padding-top:10px
}
.recruit2 .item .sub {
	float:left;
	width: 690px;
	height:auto;
	padding-bottom: 20px;
}
.recruit2 .item .sub p{
	color:#C8000B;
	background: url(../images/icon_02.gif) no-repeat left center;
	padding-left: 12px;
	margin-top:7px;
	margin-bottom:0px;
	float:left;
	width:500px;
	letter-spacing: .1em;
}
.recruit2 .item .sub p.mon{
	color:#C8000B;
	padding: 0 0 0 20px;
	margin:7px 0 0 0;
	float:left;
	width:32px;
	letter-spacing: 0.1em;
	background: url(../images/icon_02.gif) no-repeat 8px center;
}
.recruit2 .item .sub ol{
	float:left;
	width: 505px;
	height:auto;
	padding: 0px 0 0 25px;
	line-height: 18px;
	margin: 3px 0 5px 0;
}
.recruit2 .item .sub li{
	float:left;
	width: 620px;
	height:auto;
	line-height: 18px;
}
.recruit2 .item .sub ol.list{
	float:left;
	width: 620px;
	height:auto;
	padding: 0px 0 0 10px;
	line-height: 18px;
	margin: 9px 0 5px 0;
}
.recruit2 .item .brttom{
	float:right;
	width: 100px;
	height:30px;
	margin-top:8px;
}
.gray_bg {
	float:left;
	width: 690px;
	height:auto;
	background-color: #f3f3f3;
	padding: 0 0 5px 0;
}
.gray_bg2 {
	float:left;
	width: 690px;
	height:auto;
	padding: 0 0 5px 0;
}
/*應徵流程*/
.recruit3{
	float:left;
	width: 770px;
	height: auto;
	margin-top: 15px;
}
.recruit3 .banner{
	float:left;
	background-image: url(../images/re3_bg.jpg);
	width: 739px;
	line-height: 18px;
	letter-spacing: 0.15em;
	height: 99px;
	padding-top: 45px;
	padding-left: 30px;
	color: #333333;
}
.recruit3 .re{	float:left;	width:597px;	height:384px;	margin-left:90px;margin-top:10px}
/*培育實績*/
.recruit4{
	float:left;
	width: 770px;
	height: auto;
	margin-top: 15px;
}
.recruit4 .banner{
	float:left;
	background-image: url(../images/re4_bg.jpg);
	width: 739px;
	line-height: 18px;
	letter-spacing: 0.1em;
	height: 79px;
	padding-top: 65px;
	padding-left: 30px;
	color: #333333;
}
.recruit4 .sub{
	float:left;
	width:770px;
	height:auto;
	margin-bottom: 10px;
}
.recruit4 .sub .pic{
	float:left;
	width:158px;
	height:187px;
	margin-top: 20px;
}
.man_job{
	margin: 10px 35px  0 10px;
	text-align: center;
}
.man_job2{
	margin: 3px 35px 0 10px;
	text-align: center;
}
.recruit4 .sub .s1{
	float:left;
	width:455px;
	height:24px;
	background: url(../images/icon_02.gif) left top no-repeat;
	color: #C7000A;
	font-size: 15px;
	padding-left: 13px;
	letter-spacing: 0.1em;
	font-weight: bold;
	margin-bottom: 0px;
	display: block;
	margin-top: 20px;
}
.recruit4 .sub .s2{
	float:right;
	width:140px;
	height:22px;
	text-align: right;
	padding-top: 2px;
	margin-bottom: 0px;
	display: block;
	margin-top: 20px;
}
.recruit4 .sub .s3{
	float:left;
	width:570px;
	height:auto;
	background-color: #EBEBEB;
	padding:15px 20px 15px 20px;
	line-height: 20px;
	color: #333333;
}
.recruit4 .sub .s3 p{
	float:left;
	width:570px;
	height:auto;
	margin:5px 0;
	line-height: 20px;
	color: #333333;
}
/*我要面試*/
.recruit5{
	float:left;
	width: 770px;
	height: auto;
	margin-top: 15px;
}
.recruit5 img{margin:0px;float:left;}
.recruit5 .background{
	float:left;
	width: 750px;
	height: 280px;
	padding-top:20px;
}
.recruit5 .con{	float:left;	width:530px;margin:20px 0 0 35px;}
.recruit5 .con .n1{
	float:left;
	width:525px;
	border-bottom: 1px solid #E8E8E8;
	margin: 0px;
	line-height: 28px;
}
.recruit5 .con span{
	float:left;
	width:75px;
	height: 28px;
	line-height: 30px;
	text-align: left;
	background-color: #E8E8E8;
	margin: 0 0 0 4px;
	padding-left: 25px;
}
.recruit5 .qa{
	float:left;
	width: 750px;
	height: auto;
	padding-top:20px;
}
.recruit5 .qa .sub{
	float:left;
	width: 530px;
	height: auto;
	padding-bottom:10px;
	margin-left: 35px;
	margin-top: 0px;
}
.recruit5 .qa .sub .faq{
	float:left;
	width: 530px;
	height: auto;
	padding-bottom:0px;
	line-height: 22px;
}
.recruit5 .qa .sub .faq p{
	float:left;
	width: 500px;
	background: url(../images/deash.jpg) left bottom no-repeat;
	padding: 0 0 4px 0;
	margin: 20px 0 0 15px;
	height: auto;
	text-indent: -25px;
	
}
.recruit5 .qa .sub .faq div{
	float:left;
	width: 510px;
	padding: 0 0 4px 0;
	margin: 20px 0 0 15px;
	height: auto;
	text-indent: -8px;
}
.recruit5 .qa .sub .faq .item{
	float:left;
	width: 500px;
}
.recruit5 .qa .sub .faq .nu{color:#c8000b;margin-right:5px}
.recruit5 input{height:14x;line-height:14px;margin-left:5px;margin-top:2px}
.recruit5 .name{width:110px}
.recruit5 .add{width:280px}
.recruit5 select{height:24px;line-height:20px;margin-left:5px;margin-top:2px}
.recruit5 textarea{height:80px;float:left;width:450px;margin-left:42px;*margin-left:42px;_margin-left:56px}
/*聯絡我們*/
.contact{
	float:left;
	width: 760px;
	height: auto;
}
.contact .banner{
	float:left;
	background-image: url(../images/contact.jpg);
	background-repeat: no-repeat;
	height: 100px;
	width: 716px;
	border: 1px solid #C5C5C5;
	padding-top: 15px;
	padding-left: 40px;
	line-height: 18px;
	letter-spacing: .15em;
	margin:20px 0 20px 0;
}
.contact .banner span{
	color:#C8000B;
	font-weight:bold;
	font-size: 13px;
	line-height: 26px;
}
.contact p{
	float:left;
	height: 115px;
	width: 756px;
	text-align: center;
	line-height: 24px;
	margin: 20px 0 0 0;
	display: block;
}
.contact p span{
	color:#C8000B;
	text-decoration: underline;
}
.contact .tab{
	height: auto;
	width: 720px;
	float: left;
	margin-left: 40px;
	_margin-left: 40px;
}
.contact .tab_sub{
	float:left;
	width:710px;
	height:28px;
	margin-left: 3px;
	vertical-align: middle;
	padding: 0 0 5px 0;
}
.contact .tab_sub span{
	float:left;
	width:120px;
	height:28px;
	background-color: #FFF;
	text-align: left;
	padding-right: 5px;
	line-height: 28px;
	margin-right: 5px;
}
.contact .tab_sub .mt{	margin-top:2px}
.contact .tab_sub2{
	float:left;
	width:710px;
	height:128px;
	margin-left: 3px;
	vertical-align: middle;
}
.contact .tab_sub2 span{
	float:left;
	width:120px;
	height:128px;
	background-color: #fff;
	text-align: left;
	padding-right: 5px;
	line-height: 28px;
	margin-right: 5px;
	color: #000;
}
.contact .tab_sub2 .mt{	margin-top:2px}
.contact textarea{width:450px;height:116px}
/*線上客服*/
.contact2{	float:left;	width: 770px;height: auto;}
.contact2 .banner{
	float:left;
	background-image: url(../images/contact2.jpg);
	background-repeat: no-repeat;
	height: 75px;
	width: 616px;
	border: 1px solid #e5e5e5;
	padding-top: 70px;
	padding-left: 140px;
	line-height: 18px;
	letter-spacing: 0.12em;
	margin-top:20px;
	margin-bottom: 10px;
}
.contact2 .item{
	float:left;
	height: 125px;
	width: 756px;
	border: 1px solid #e5e5e5;
	line-height: 18px;
	background: url(../images/contact2_bg.jpg) no-repeat right bottom;
	margin-bottom: 5px;
}
.contact2 .item .loading{
	float:left;
	height: 100%;
	width: 215px;
	text-align: center;
	background: url(../images/contact2_line.jpg) no-repeat right center;
}
.contact2 .item .txt{float:left;height: 100px;width: 540px;}
.contact2 .item .txt img{float:left;height:61px;width: 61px;margin: 30px 15px 0 30px;}
.contact2 .item .txt p{	height: 60px;width: 400px;margin-top:42px;float: left;}
.contact2 .item .txt p span{
	color:#C8000B;
	padding-left: 13px;
	background: url(../images/icon_02.gif) no-repeat left center;
	margin: 0px;
	float: left;
	letter-spacing: .1em;
	line-height: 26px;
}
/*最新消息*/
.news{
	float:left;
	width: 770px;
	height: auto;
	margin-top: 20px;
	background: url(../images/right_line.jpg) no-repeat left bottom;
	padding-bottom: 1px;
}
.news .ps{float:left;	width:600px;height: 24px;margin: 0px;}
.news .img {padding: 0px;}
.news table{
	color:#666;
	float: left;
	margin: 0 0 0 -2px;
}
.news table .f11{font-size:11px;}
.news table .line_rb{border-bottom: 1px solid #DDDDDD;	border-right: 1px solid #DDDDDD;padding-left: 5px;}
.news table .line_r{border-right: 1px solid #DDDDDD;padding-left: 5px;}
.news table .line_b{border-bottom: 1px solid #DDDDDD;}
.news table td {padding-top: 4px; padding-bottom: 4px;}
.news .lh {line-height: 20px;}
.news .out { border:1px solid #fff}
.news .over {background-color: #eff1f0;	cursor: hand;}
.news .down {background-color: #E7EBE9;}
.news a{color:#666}
.news a:link ,.news a:visited{color:#666;text-decoration: none;}
.news a:hover ,.news a:active {color: #C7000A;text-decoration: none;}
.news_link{
	text-align:center;
	float: left;
	width: 30%;
	margin-top: 10px;
}
.news_link .back{padding:0 20px}
.news_link .back a:link ,.news_link .back a:visited{color:#666;text-decoration: none;}
.news_link .back a:hover ,.news_link .back a:active {color: #C7000A;text-decoration: none;}

/*專業分工*/
.services1 {
	background-image: url(../images/services1.jpg);
	background-repeat: no-repeat;
	background-position: top;
	margin-top: 15px;
}
.servics1 .img {
	background-image: url(../images/services1.jpg);
	float: left;
	height: 122px;
	width: 741px;
	padding-left: 20px;
	line-height: 20px;
	color: #666666;
	margin-top: 15px;
}
.servics1 .sub {
	line-height: 24px;
	height: auto;
	width: 760px;
	padding-top: 50px;
}
.servics1 .line {
	background-image: url(../images/right_line.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	float: left;
	height: 2px;
	width: 760px;
}
/*設計流程*/
.services2{
	float:left;
	width: 770px;
	height: auto;
	margin-top: 15px;
}
.services2 .sub2 {
	float: left;
	height: auto;
	width: 665px;
	padding-top: 20px;
	padding-right: 40px;
	padding-bottom: 25px;
	padding-left: 65px;
	line-height: 24px;
}
.services2 .txt {
	float: left;
}
.services2 .title {
	float: left;
	color: #C8030A;
	background-image: url(../images/right_line4.jpg);
	background-repeat: no-repeat;
	background-position: 40px bottom;
	height: 24px;
	width: 760px;
	line-height: 24px;
}
.services2 .sub {
	float: left;
	height: auto;
	width: 750px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 20px;
	line-height: 24px;
}


.services2 img{margin:0px;float:left;}

.services2 .txt{
	float:left;
	padding-left:10px;
	line-height:26px;
	width: 750px;
	height: auto;
	margin: 15px 0 0 0;
}
.services2 .txt span{color:#C8000B;}
.services2 .rec_bt{
	float:right;
	width: 100px;
	height: 28px;
	margin-top: 10px;
}
.services2 .sub2 .gray {
	font-weight: bold;
	color: #666666;
}
.services2 .sub2 .gray2 {
	color: #999999;
}
.services2 .sub2 .red {
	line-height: 24px;
	color: #C8030A;
}
/*媒體Q&A*/
.services3 {
	float:left;
	width: 770px;
	height: auto;
	margin-top: 15px;
}
.services3 .sub2 {
	float: left;
	height: auto;
	width: 665px;
	padding-top: 20px;
	padding-right: 40px;
	padding-bottom: 25px;
	padding-left: 65px;
	line-height: 24px;
}
.services3 .sub2 .img4 {
	background-color: #FFFFFF;
	float: left;
	height: auto;
	width: 8px;
	list-style-type: disc;
	background-image: url(../images/services_02.jpg);
	background-repeat: no-repeat;
	background-position: top;
	margin-top: 8px;
	margin-right: 8px;
	margin-bottom: 8px;
	margin-left: 8px;
}
.services3 .sub2 p {
	float: left;
	height: auto;
	width: 645px;
	background: url(../images/services_02.jpg) no-repeat 5px 8px;
	padding-left: 20px;
	margin: 0px 0 5px 0;
}

.services3 .txt {float: left;}
.services3 .title {
	float: left;
	color: #C8030A;
	background: url(../images/right_line4.jpg) no-repeat 40px bottom;
	height: 24px;
	width: 760px;
	line-height: 24px;
}
.services3 .sub {
	float: left;
	height: auto;
	width: 750px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 20px;
	line-height: 24px;
}
.services3 .txt{
	float:left;
	padding-left:10px;
	line-height:26px;
	width: 750px;
	height: auto;
	margin: 15px 0 0 0;
}
.services3 .img {
	height: 142px;
	width: 626px;
	margin-left: 100px;
	float: left;
}
.services3 .img1 {
	height: 124px;
	width: 761px;
	background-image: url(../images/right_line.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	float: left;
	margin-bottom: 15px;
}


.services3 .txt span{color:#C8000B;}
.services3 .rec_bt{
	float:right;
	width: 100px;
	height: 28px;
	margin-top: 10px;
}
.services3 .sub2 .gray {font-weight: bold;color: #666666;}
.services3 .sub2 .gray2 {color: #999999;
}
.services3 .sub2 .red {
	line-height: 24px;
	color: #C8030A;
}


.services3 .img {
	float: left;
	height: 142px;
	width: 626px;
	background-image: url(../images/services3_01.jpg);
	margin-right: auto;
	margin-left: auto;
}
.services3 span {
	color: #C5000C;
}
/*數位常識*/
.services4 {
	float: left;
	height: auto;
	width: 800px;
	margin-top: 15px;
}
.services4 .img {
	background-image: url(../images/services4.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	height: 122px;
	width: 761px;
}
.services4 .line {
	background: url(../images/right_line.jpg) no-repeat left top;
	float: left;
	height: 2px;
	width: 760px;
}
.services4 .sub {
	float: left;
	height: auto;
	width: 665px;
	padding: 20px 40px 25px 65px;
	line-height: 24px;
}

.services4 .red {
	color: #C5000C;
}
.services4 .blue {
	color: #0000FF;
}


.services4 .sub p{
	float: left;
	height: auto;
	width: 645px;
	background: url(../images/services_02.jpg) no-repeat 5px 8px;
	padding-left: 20px;
	margin: 0px 0 5px 0;
	line-height: 25px;
}
.services4 .title {
	float: left;
	height: 24px;
	width: 760px;
	line-height: 24px;
	color: #BF0314;
	margin-bottom: 5px;
	background: url(../images/right_line4.jpg) no-repeat 40px bottom;
}
.services4_con{
	margin:20px 0 0 0px;
	width:100%;
	height:auto;
	float:left;
}
.services4 .title .a01 {
	background-image: url(../images/services4_02.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	float: left;
	height: 20px;
	width: 34px;
}
.services4 .sub .img2 {
	background-image: url(../images/services4_01.jpg);
	background-repeat: no-repeat;
	float: right;
	height: 335px;
	width: 263px;
	margin-top: 0px;
	margin-right: 20px;
}

.services4 .title .a02 {
	background-image: url(../images/services4_02.jpg);
	background-repeat: no-repeat;
	background-position: 0px -20px;
	float: left;
	height: 20px;
	width: 34px;
}
.services4 .title .a03 {
	background-image: url(../images/services4_02.jpg);
	background-repeat: no-repeat;
	background-position: 0px -40px;
	float: left;
	height: 20px;
	width: 34px;
}
.services4 .title .a04 {
	background-image: url(../images/services4_02.jpg);
	background-repeat: no-repeat;
	background-position: 0px -60px;
	float: left;
	height: 20px;
	width: 34px;
}
.services4 .title .a05 {
	background-image: url(../images/services4_02.jpg);
	background-repeat: no-repeat;
	background-position: 0px -80px;
	float: left;
	height: 20px;
	width: 34px;
}
.services4 .title .a06 {
	background-image: url(../images/services4_02.jpg);
	background-repeat: no-repeat;
	background-position: 0px -100px;
	float: left;
	height: 20px;
	width: 34px;
}
.services4 .title .a07 {
	background-image: url(../images/services4_02.jpg);
	background-repeat: no-repeat;
	background-position: 0px -120px;
	float: left;
	height: 20px;
	width: 34px;
}
.services4 .title .a08 {
	background-image: url(../images/services4_02.jpg);
	background-repeat: no-repeat;
	background-position: 0px -140px;
	float: left;
	height: 20px;
	width: 34px;
}
.services4 .title .a09 {
	background-image: url(../images/services4_02.jpg);
	background-repeat: no-repeat;
	background-position: 0px -160px;
	float: left;
	height: 20px;
	width: 34px;
}
.services4 .title .a10 {
	background-image: url(../images/services4_02.jpg);
	background-repeat: no-repeat;
	background-position: 0px -180px;
	float: left;
	height: 20px;
	width: 34px;
}
.services4 .title .a11 {
	background-image: url(../images/services4_02.jpg);
	background-repeat: no-repeat;
	background-position: 0px -200px;
	float: left;
	height: 20px;
	width: 34px;
}
.services4 .title .a12 {
	background-image: url(../images/services4_02.jpg);
	background-repeat: no-repeat;
	background-position: 0px -220px;
	float: left;
	height: 20px;
	width: 34px;
}

.services4_01 {
	float: left;
	width: 770px;
	height: auto;
	margin-top: 15px;
}
.services4_01 .img2 {
	float: left;
	width: 760px;
	margin:10px 0 0 0;
}
.services4_01 .img {
	background-image: url(../images/services4.jpg);
	float: left;
	height: 122px;
	width: 761px;
}


.services4_01 span {
	color: #CC0000;
}


.services4_01 .sub2 {
	float: left;
	height: auto;
	width: 770px;
}
.services4_01 .line {
	background-image: url(../images/right_line.jpg);
	float: left;
	height: 2px;
	width: 760px;
}
.services4_01 .img3 {
	float: left;
	height: 23px;
	width: 50px;
	background-image: url(../images/services4_002.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	margin-top: 15px;
}

.services4_01 .title {
	line-height: 24px;
	color: #CC3300;
	background-image: url(../images/right_line.jpg);
	background-repeat: no-repeat;
	background-position: 40px bottom;
	height: 24px;
	width: 760px;
	float: left;
	margin-top: 10px;
}
.services4_01 .sub2 {
	float: left;
	height: auto;
	width: 720px;
	padding-top: 10px;
	padding-left: 40px;
	line-height: 24px;
}
.services4_01 .sub2 p {
	line-height: 24px;
	background-image: url(../images/services_02.jpg);
	background-repeat: no-repeat;
	background-position: left 8px;
	height: auto;
	width: 600px;
	padding-left: 10px;
}
.services4_02 {
	float: left;
	height: auto;
	width: 770px;
	margin-top: 15px;
}
.services4_02 span {
	color: #CC0000;
}
.services4_02 .img {
	background-image: url(../images/services4.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 122px;
	width: 761px;
}
.services4_02 .line {
	background-image: url(../images/right_line.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	float: left;
	height: 2px;
	width: 760px;
}

.services4_02 .img3 {
	float: left;
	height: 23px;
	width: 50px;
	background-image: url(../images/services4_002.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	margin-top: 15px;
}
.services4_02 .sub2 {
	float: left;
	height: auto;
	width: 720px;
	padding-top: 15px;
	padding-left: 40px;
	line-height: 24px;
}
.services4_02 .title {
	line-height: 24px;
	color: #CC3300;
	background-image: url(../images/right_line.jpg);
	background-repeat: no-repeat;
	background-position: 40px bottom;
	height: 24px;
	width: 760px;
	float: left;
	margin-top: 10px;
}
.services4_02 .sub2 p {
	line-height: 24px;
	background-image: url(../images/services_02.jpg);
	background-repeat: no-repeat;
	background-position: left 8px;
	height: auto;
	width: 600px;
	padding-left: 10px;
}.services4_02 .sub3 {
	line-height: 24px;
	float: left;
	height: auto;
	width: 450px;
	padding-top: 15px;
	padding-left: 40px;
}
.services4_02 .img2 {
	float: left;
	height: 161px;
	width: 228px;
	padding-top: 10px;
	background-image: url(../images/services4_02_01.jpg);
	background-repeat: no-repeat;
	background-position: left 10px;
}
.services4_03 {
	float: left;
	height: auto;
	width: 770px;
	margin-top: 15px;
}
.services4_03 .sub2 {
	float: left;
	height: auto;
	width: 720px;
	padding-top: 15px;
	padding-left: 40px;
	line-height: 24px;
}
.services4_03 .sub2 p {
	line-height: 24px;
	background-image: url(../images/services_02.jpg);
	background-repeat: no-repeat;
	background-position: left 8px;
	height: auto;
	width: 600px;
	padding-left: 10px;
}.services4_03 .sub3 {
	line-height: 24px;
	float: left;
	height: auto;
	width: 450px;
	padding-top: 15px;
	padding-left: 40px;
}
.services4_03 .img2 {
	float: left;
	height: 170px;
	width: 228px;
	background-image: url(../images/services4_03_01.jpg);
	background-repeat: no-repeat;
	background-position: left;
	margin-top: 50px;
	margin-left: 30px;
}
.services4_03 span {
	color: #CC0000;
}
.services4_04 {
	float: left;
	height: auto;
	width: 770px;
	margin-top: 15px;
}
.services4_04 .img {
	background-image: url(../images/services4.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 122px;
	width: 761px;
}
.services4_04 .line {
	background-image: url(../images/right_line.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	float: left;
	height: 2px;
	width: 760px;
}

.services4_04 .img3 {
	float: left;
	height: 23px;
	width: 50px;
	background-image: url(../images/services4_002.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	margin-top: 15px;
}
.services4_04 .sub2 {
	float: left;
	height: auto;
	width: 730px;
	line-height: 24px;
	background-image: url(../images/services4_04_01.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 40px;
}
.services4_04 .title {
	line-height: 24px;
	color: #CC3300;
	background-image: url(../images/right_line.jpg);
	background-repeat: no-repeat;
	background-position: 40px bottom;
	height: 24px;
	width: 760px;
	float: left;
	margin-top: 10px;
}
.services4_04 .sub2 p {
	line-height: 24px;
	background-image: url(../images/services_02.jpg);
	background-repeat: no-repeat;
	background-position: left 8px;
	height: auto;
	width: 600px;
	padding-left: 10px;
}.services4_04 .sub3 {
	line-height: 24px;
	float: left;
	height: auto;
	width: 450px;
	padding-top: 15px;
	padding-left: 40px;
}
.services4_04 .img2 {
	float: left;
	height: 164px;
	width: 223px;
	background-image: url(../images/services4_03_01.jpg);
	background-repeat: no-repeat;
	background-position: left;
	margin-top: 50px 0 30px 0;
}
.services4_04 span {
	color: #CC0000;
}
.services4_04 .sub2 p {
	background-image: url(../images/services_02.jpg);
	background-repeat: no-repeat;
	background-position: 10px 8px;
	float: left;
	height: auto;
	width: 600px;
	line-height: 24px;
}
.services4_05 {
	float: left;
	height: auto;
	width: 770px;
	margin-top: 15px;
}
.services4_05 .img {
	background-image: url(../images/services4.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 122px;
	width: 761px;
}
.services4_05 .line {
	background-image: url(../images/right_line.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	float: left;
	height: 2px;
	width: 760px;
}

.services4_05 .img3 {
	float: left;
	height: 23px;
	width: 50px;
	background-image: url(../images/services4_002.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	margin-top: 15px;
}
.services4_05 .sub2 {
	float: left;
	height: auto;
	width: 730px;
	line-height: 24px;
	background-image: url(../images/services4_04_01.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 40px;
}
.services4_05 .title {
	line-height: 24px;
	color: #CC3300;
	background-image: url(../images/right_line.jpg);
	background-repeat: no-repeat;
	background-position: 40px bottom;
	height: 24px;
	width: 760px;
	float: left;
	margin-top: 10px;
}
.services4_05 .sub3 {
	line-height: 24px;
	float: left;
	height: auto;
	width: 720px;
	padding-top: 15px;
	padding-left: 40px;
}

.services4_05 .img2 {
	float: left;
	height: 164px;
	width: 223px;
	background-image: url(../images/services4_03_01.jpg);
	background-repeat: no-repeat;
	background-position: left;
	margin-top: 50px 0 30px 0;
}
.services4_05 span {color: #CC0000;}
.services4_05 .sub2 p {
	background-image: url(../images/services_02.jpg);
	background-repeat: no-repeat;
	background-position: left 8px;
	float: left;
	height: auto;
	width: 600px;
	padding-left: 10px;
}
.services4_06 {
	float: left;
	height: auto;
	width: 770px;
	margin-top: 15px;
}
.services4_06 .img {
	background-image: url(../images/services4.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 122px;
	width: 761px;
}
.services4_06 .line {
	background-image: url(../images/right_line.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	float: left;
	height: 2px;
	width: 760px;
}

.services4_06 .img3 {
	float: left;
	height: 23px;
	width: 50px;
	background-image: url(../images/services4_002.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	margin-top: 15px;
}
.services4_06 .sub2 {
	float: left;
	height: auto;
	width: 730px;
	line-height: 24px;
	background-image: url(../images/services4_04_01.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 40px;
}
.services4_06 .title {
	line-height: 24px;
	color: #CC3300;
	background-image: url(../images/right_line.jpg);
	background-repeat: no-repeat;
	background-position: 40px bottom;
	height: 24px;
	width: 760px;
	float: left;
	margin-top: 10px;
}
.services4_06 .sub3 {
	line-height: 24px;
	float: left;
	height: auto;
	width: 730px;
	padding-top: 15px;
	padding-left: 40px;
}
.services4_06 .img2 {
	float: left;
	height: 164px;
	width: 223px;
	background-image: url(../images/services4_03_01.jpg);
	background-repeat: no-repeat;
	background-position: left;
	margin-top: 50px 0 30px 0;
}
.services4_06 span {color: #CC0000;}
.services4_06 .sub2 p {
	background-image: url(../images/services_02.jpg);
	background-repeat: no-repeat;
	background-position: left 8px;
	float: left;
	height: auto;
	width: 600px;
	padding-left: 10px;
}
.services4_07 {float: left;	height: auto; width: 770px;	margin-top: 15px;}
.services4_07 .line {
	background-image: url(../images/right_line.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	float: left;
	height: 2px;
	width: 760px;
}

.services4_07 .img3 {
	float: left;
	height: 23px;
	width: 50px;
	background-image: url(../images/services4_002.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	margin-top: 15px;
}
.services4_07 .sub2 .img {
	background-image: url(../images/services4_07_01.jpg);
	background-repeat: no-repeat;
	height: 170px;
	width: 245px;
}
.services4_07 .img {
}

.services4_07 .sub2 {
	float: left;
	height: auto;
	width: 730px;
	line-height: 24px;
	padding-top: 15px;
	padding-bottom: 10px;
	padding-left: 40px;
}
.services4_07 .title {
	line-height: 24px;
	color: #CC3300;
	background-image: url(../images/right_line.jpg);
	background-repeat: no-repeat;
	background-position: 40px bottom;
	height: 24px;
	width: 760px;
	float: left;
	margin-top: 10px;
}
.services4_07 .sub3 {
	line-height: 24px;
	float: left;
	height: auto;
	width: 730px;
	padding-top: 15px;
	padding-left: 40px;
}
.services4_07 .img2 {
	float: left;
	height: 170px;
	width: 245px;
	background-image: url(../images/services4_07_01.jpg);
	background-repeat: no-repeat;
	background-position: left;
	margin: 15px 0 0 15px;
}
.services4_07 .sub5 {
	float: left;
	height: auto;
	width: 730px;
	margin-left: 40px;
	line-height: 24px;
}

.services4_07 .img {
	background-image: url(../images/services4.jpg);
	background-repeat: no-repeat;
	height: 122px;
	width: 761px;
	float: left;
}

.services4_07 span {color: #CC0000;}
.services4_07 .sub2 p {
	background-image: url(../images/services_02.jpg);
	background-repeat: no-repeat;
	background-position: left 8px;
	float: left;
	height: auto;
	width: 600px;
	padding-left: 10px;
}

.services4_07 .sub4 {
	float: left;
	height: auto;
	width: 400px;
	padding-left: 40px;
	line-height: 24px;
}
.services4_07 {	float: left; height: auto;	width: 770px;	margin-top: 15px;}
.services4_08 .line {
	background-image: url(../images/right_line.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	float: left;
	height: 2px;
	width: 760px;
}

.services4_08 .img3 {
	float: left;
	height: 23px;
	width: 50px;
	background-image: url(../images/services4_002.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	margin-top: 15px;
}
.services4_08 .sub2 {
	float: left;
	height: auto;
	width: 710px;
	line-height: 24px;
	padding-top: 20px;
	padding-bottom: 10px;
	padding-left: 60px;
}
.services4_08 .title {
	line-height: 24px;
	color: #CC3300;
	background-image: url(../images/right_line.jpg);
	background-repeat: no-repeat;
	background-position: 40px bottom;
	height: 24px;
	width: 760px;
	float: left;
	margin-top: 10px;
}
.services4_08 .sub3 {
	line-height: 24px;
	float: left;
	height: auto;
	width: 730px;
	padding-top: 15px;
	padding-left: 40px;
}
.services4_08 .img2 {
	float: left;
	height: 170px;
	width: 245px;
	background-image: url(../images/services4_07_01.jpg);
	background-repeat: no-repeat;
	background-position: left;
	margin: 15px 0 0 15px;
}


.services4_08 .img {
	background-image: url(../images/services4.jpg);
	background-repeat: no-repeat;
	height: 122px;
	width: 761px;
	float: left;
}


.services4_08 .sub4 {
	float: left;
	height: auto;
	width: 400px;
	padding-left: 40px;
	line-height: 24px;
}
.services4_09 {	float: left; height: auto;	width: 770px;	margin-top: 15px;
}
.services4_09 .line {
	background-image: url(../images/right_line.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	float: left;
	height: 2px;
	width: 760px;
}
.services4_09 .img3 {
	float: left;
	height: 23px;
	width: 50px;
	background-image: url(../images/services4_002.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	margin-top: 15px;
}
.services4_09 .sub2 {
	float: left;
	height: auto;
	width: 730px;
	line-height: 24px;
	padding-top: 15px;
	padding-bottom: 10px;
	padding-left: 40px;
}
.services4_09 .title {
	line-height: 24px;
	color: #CC3300;
	background-image: url(../images/right_line.jpg);
	background-repeat: no-repeat;
	background-position: 40px bottom;
	height: 24px;
	width: 760px;
	float: left;
	margin-top: 10px;
}
.services4_09 .sub3 {
	line-height: 24px;
	float: left;
	height: auto;
	width: 730px;
	padding-top: 15px;
	padding-left: 40px;
}
.services4_09 .img2 {
	float: left;
	height: 158px;
	width: 242px;
	background-image: url(../images/services4_09_01.jpg);
	background-repeat: no-repeat;
	background-position: left;
	margin: 15px 0 0 15px;
}
.services4_09 .sub5 {
	float: left;
	height: auto;
	width: 730px;
	margin-left: 40px;
	line-height: 24px;
}
.services4_09 .img {
	background-image: url(../images/services4.jpg);
	background-repeat: no-repeat;
	height: 122px;
	width: 761px;
	float: left;
}
.services4_09 span {color: #CC0000;}
.services4_09 .sub4 {
	float: left;
	height: auto;
	width: 400px;
	padding-left: 40px;
	line-height: 24px;
}
.services4_09 {	float: left; height: auto;	width: 770px;	margin-top: 15px;
}
.services4_10 .line {
	background-image: url(../images/right_line.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	float: left;
	height: 2px;
	width: 760px;
}

.services4_10 .img3 {
	float: left;
	height: 23px;
	width: 50px;
	background-image: url(../images/services4_002.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	margin-top: 15px;
}
.services4_10 .sub2 {
	float: left;
	height: auto;
	width: 730px;
	line-height: 24px;
	padding-top: 15px;
	padding-bottom: 10px;
	padding-left: 40px;
}
.services4_10 .title {
	line-height: 24px;
	color: #CC3300;
	background-image: url(../images/right_line.jpg);
	background-repeat: no-repeat;
	background-position: 40px bottom;
	height: 24px;
	width: 760px;
	float: left;
	margin-top: 10px;
}
.services4_10 .sub3 {
	line-height: 24px;
	float: left;
	height: auto;
	width: 730px;
	padding-left: 40px;
}
.services4_10 .img2 {
	float: left;
	height: 138px;
	width: 327px;
	background-image: url(../images/services4_10_01.jpg);
	background-repeat: no-repeat;
	background-position: left;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 15px;
}
.services4_10 .sub5 {
	float: left;
	height: auto;
	width: 730px;
	margin-left: 40px;
	line-height: 24px;
}
.services4_10 .img {
	background-image: url(../images/services4.jpg);
	background-repeat: no-repeat;
	height: 122px;
	width: 761px;
	float: left;
}
.services4_10 span {color: #CC0000;}
.services4_10 .sub4 {
	float: left;
	height: auto;
	width: 350px;
	padding-left: 40px;
	line-height: 24px;
}
.services4_11 {
	float: left;
	height: auto;
	width: 770px;
	margin-top: 15px;
}
.services4_11 .img {
	background: url(../images/services4.jpg) no-repeat;
	float: left;
	height: 122px;
	width: 761px;
}
.services4_11 .line {
	background: url(../images/right_line.jpg) no-repeat left bottom;
	float: left;
	height: 2px;
	width: 760px;
}

.services4_11 .img3 {
	float: left;
	height: 23px;
	width: 50px;
	background: url(../images/services4_002.jpg) no-repeat right top;
	margin-top: 15px;
}
.services4_11 .sub2 {
	float: left;
	height: auto;
	width: 730px;
	line-height: 24px;
	background: url(../images/services4_04_01.jpg) no-repeat bottom;
	padding: 15px 0 15px 40px;
}
.services4_11 .title {
	line-height: 24px;
	color: #CC3300;
	background: url(../images/right_line.jpg) no-repeat 40px bottom;
	height: 24px;
	width: 760px;
	float: left;
	margin-top: 10px;
}
.services4_11 .sub3 {
	line-height: 24px;
	float: left;
	height: auto;
	width: 450px;
	padding: 15px 0 0 40px;
}

.services4_11 .img2 {
	float: left;
	height: 164px;
	width: 223px;
	background-image: url(../images/services4_03_01.jpg) no-repeat left;
	margin-top: 50px 0 30px 0;
}
.services4_11 .sub4 {
	line-height: 24px;
	float: left;
	height: auto;
	width: 720px;
	padding: 15px 0 0 40px;
}

.services4_11 span {color: #CC0000;}
.services4_12 {	float: left; height: auto;	width: 770px;	margin-top: 15px;
}
.services4_12 .line {
	background-image: url(../images/right_line.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	float: left;
	height: 2px;
	width: 760px;
}

.services4_12 .img3 {
	float: left;
	height: 23px;
	width: 50px;
	background-image: url(../images/services4_002.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	margin-top: 15px;
}
.services4_12 .sub2 {
	float: left;
	height: auto;
	width: 730px;
	line-height: 24px;
	padding-top: 15px;
	padding-bottom: 10px;
	padding-left: 40px;
}
.services4_12 .title {
	line-height: 24px;
	color: #CC3300;
	background-image: url(../images/right_line.jpg);
	background-repeat: no-repeat;
	background-position: 40px bottom;
	height: 24px;
	width: 760px;
	float: left;
	margin-top: 10px;
}
.services4_12 .sub3 {
	line-height: 24px;
	float: left;
	height: auto;
	width: 730px;
	padding-top: 15px;
	padding-left: 40px;
}
.services4_12 .img2 {
	float: left;
	height: 203px;
	width: 172px;
	background-image: url(../images/services4_12_01.jpg);
	background-repeat: no-repeat;
	background-position: left;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 55px;
}
.services4_12 .sub5 {
	float: left;
	height: auto;
	width: 730px;
	margin-left: 40px;
	line-height: 24px;
}
.services4_12 .img {
	background-image: url(../images/services4.jpg);
	background-repeat: no-repeat;
	height: 122px;
	width: 761px;
	float: left;
}
.services4_12 span {color: #CC0000;}
.services4_12 .sub4 {
	float: left;
	height: auto;
	width: 470px;
	padding-left: 40px;
	line-height: 24px;
}
.services4_12 {	float: left; height: auto;	width: 770px;	margin-top: 15px;
}



/*topsub 共用*/
.topsub{float:left;width:770px;hieght:auto}
.topsub .img {
	background-image: url(../images/services4.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 122px;
	width: 761px;
}
.topsub .line {
	background-image: url(../images/right_line.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	float: left;
	height: 2px;
	width: 760px;
}
.topsub .sub {
	float: left;
	height: 24px;
	width: 100%;
	margin-top: 15px;
	margin-left: 0px;
	text-align: center;
	line-height: 2px;
	vertical-align: top;
}
.topsub .title {
	line-height: 24px;
	color: #CC3300;
	background-image: url(../images/right_line.jpg);
	background-repeat: no-repeat;
	background-position: 40px bottom;
	height: 24px;
	width: 760px;
	float: left;
	margin-top: 10px;
}

.map {
	float: left;
	height: auto;
	width: 770px;
	margin-top: 15px;
}
.map .img {
	background-image: url(../images/services4.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 122px;
	width: 761px;
}
.map .line {
	background-image: url(../images/right_line.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	height: 2px;
	width: 760px;
}.map .mapmenu {
	float: left;
	height: auto;
	width: 120px;
	margin-top: 40px;
	margin-left: 28px;
}
.map .mapmenu .title_a1 {
	background-color: #CC0000;
	float: left;
	height: 20px;
	width: 114px;
	color: #FFFFFF;
	font-size: 14px;
	text-align: center;
	vertical-align: middle;
	padding: 3px;
	line-height: 20px;
}

.map .mapmenu .list{width:120px;height: auto;float: left;}
.map .mapmenu .list a:link ,.map .mapmenu .list  a:visited{
	width:80px;
	height: 24px;
	color:#646464;
	float: left;
	margin: 0px;
	padding-left: 40px;
	line-height: 27px;
	text-decoration: none;
	cursor: hand;
	background-image: url(../images/menu_icon.jpg);
	background-repeat: no-repeat;
	background-position: 20px center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
.map .mapmenu .list a:hover ,.map .mapmenu .list  a:active {
	width:80px;
	height: 24px;
	color:#c8000b;
	float: left;
	margin: 0px;
	padding-left: 40px;
	border-bottom: 1px solid #ebebeb;
	line-height: 27px;
	text-decoration: none;
	cursor: hand;
	background-image: url(../images/menu_icon_or.jpg);
	background-repeat: no-repeat;
	background-position: 20px center;
	background-color: #F4F3F2;
}
.about4{
	float:left;
	width: 770px;
	height: auto;
	margin-top: 20px;
}
.about4 .title{
	float: left;
	width:760px;
	height: 24px;
	background: url(../images/right_line4.jpg) no-repeat 40px bottom;
	line-height: 24px;
	color: #CA0008;
	margin-top: 10px;
}
.about4 .a .sub span {
	color: #CC0000;
}

.about4 .sub{
	float: left;
	width:730px;
	height: auto;
	line-height: 24px;
	padding-left: 40px;
	margin: 20px 0 0 0;
}
.about4 .sub p{
	margin:0 0 0 35px;
	background: url(../images/icon_02.gif) no-repeat left center;
}
.about4 .sub span{	padding-left:15px;}
.about4 .sub img{
	float: left;
	line-height: 24px;
	padding:2px
}
.map{
	float:left;
	width: 770px;
	height: auto;
	margin-top: 15px;
}
.map img{margin:0px;float:left;}
.map .map_frame .meu{
	width:185px;
	height: auto;
	float: left;
	border-left: 1px solid #ebebeb;
	}
.map .meu p {
	color: #FFFFFF;
	font-size: 13px;
	padding-top: 43px;
	padding-right: 3.5px;
	padding-bottom: 2px;
	padding-left: 10px;
	margin: 0px;
	float: left;
}

.map .map_frame .meu .lst {
	width:150px;
	height: auto;
	float: left;
}
.lst a:link ,.lst a:visited{
	width:107px;
	height: 24px;
	color:#646464;
	float: left;
	margin: 0px;
	padding-left: 20px;
	border-bottom: 1px solid #ebebeb;
	line-height: 27px;
	text-decorat#sub ion: none;
	cursor: hand;
	background-image: url(../images/menu_icon.jpg);
	background-repeat: no-repeat;
	background-position: 0px center;
}
.lst  a:hover ,.lst a:active {
	color:#c8000b;
	border-bottom: 1px solid #ebebeb;
	line-height: 27px;
	text-decoration: none;
	cursor: hand;
	background-color: #F4F3F2;
}
.map .map_frame .meu {
	float: left;
	height: auto;
	width: 150px;
}
.services4_10 .sub3 a {
	color: #0000FF;
}
.services3 .sub2 a {
	color: #0000FF;
}
.about1 span {
	color: #CC0000;
}
.contact3 .sub {
	float: left;
	height: 300px;
	width: 535px;
	padding-left: 210px;
	background-image: url(../images/contact3_01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 30px;
	line-height: 24px;
}
.contact3 .banner p {
	float: left;
	height: auto;
	width: 400px;
	padding-top: 38px;
	padding-left: 205px;
	line-height: 20px;
}
.contact3 .banner span {
	color: #CC0000;
}
.contact3 .sub span {
	color: #CC0000;
}
.contact3 .banner {
	background-image: url(../images/contact3.jpg);
	float: left;
	height: 147px;
	width: 744px;
	margin: 20px 0 0 0;
}
.map .map_frame .meu .top {
	background-image: url(../images/top1.jpg);
	height: 61px;
	width: 150px;
	padding-top: 29px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-repeat: no-repeat;
	background-position: bottom;
	float: left;
}
.map .map_frame .meu .top2 {
	background-image: url(../images/top2.jpg);
	height: 61px;
	width: 150px;
	padding-top: 29px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-repeat: no-repeat;
	background-position: bottom;
	float: left;
}
.map .map_frame .meu .top3 {
	background-image: url(../images/top3.jpg);
	height: 61px;
	width: 150px;
	padding-top: 29px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-repeat: no-repeat;
	background-position: bottom;
	float: left;
}
.map .map_frame .meu .top4 {
	background-image: url(../images/top4.jpg);
	height: 61px;
	width: 150px;
	padding-top: 29px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-repeat: no-repeat;
	background-position: bottom;
	float: left;
}
.map .map_frame .meu .top5 {
	background-image: url(../images/top5.jpg);
	height: 61px;
	width: 150px;
	padding-top: 29px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-repeat: no-repeat;
	background-position: bottom;
	float: left;
}
.about1 .sub {
	float: left;
	height: auto;
	width: 470px;
	padding-left: 20px;
	_padding-left: 10px;
}
.about1 .sub2 {
	float: left;
	height: auto;
	width: 550px;
	line-height: 20px;
	padding-left: 20px;
}

.contact2 .msn {
	float: left;
	height: auto;
	width: 570px;
	margin: 25px 0 30px 105px;
	display: inline;
}
.contact2 .msn2 {
	float: left;
	height: auto;
	width: 665px;
	padding-left: 105px;
	line-height: 20px;
	margin: 15px 0 0 0;
}
.design .lengthen {
	float: none;
	width: 103px;
	position: absolute;
	background-color: #FBFBFD;
	border-bottom-width: 0.1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	top: 213px;
	color: #666666;
	left: 350px;
	border-right-width: 0.1px;
	border-right-style: solid;
	border-right-color: #ECE9D8;
}
.design .lengthen2 {
	float: none;
	width: 101px;
	position: absolute;
	background-color: #FBFBFD;
	border-bottom-width: 0.1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	top: 213px;
	color: #666666;
	left: 454px;
	border-right-width: 0.1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
}
.design .lengthen3 {
	float: none;
	width: 115px;
	position: absolute;
	background-color: #FBFBFD;
	border-bottom-width: 0.1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	top: 213px;
	color: #666666;
	left: 556px;
	border-right-width: 0.1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
}
.design .lengthen4 {
	float: none;
	width: 111px;
	position: absolute;
	background-color: #FBFBFD;
	border-bottom-width: 0.1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	top: 213px;
	color: #666666;
	left: 672px;
	border-right-width: 0.1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
}
.design .lengthen5 {
	float: none;
	width: 116px;
	position: absolute;
	background-color: #FBFBFD;
	border-bottom-width: 0.1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	top: 213px;
	color: #666666;
	left: 784px;
	border-right-width: 0.1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
}
.design .lengthen6 {
	float: none;
	width: 102px;
	position: absolute;
	background-color: #FBFBFD;
	border-bottom-width: 0.1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	top: 213px;
	color: #666666;
	left: 901px;
	border-right-width: 0.1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
}
.design .lengthen7 {
	float: none;
	width: 107px;
	position: absolute;
	background-color: #FBFBFD;
	border-bottom-width: 0.1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	top: 213px;
	color: #666666;
	left: 1004px;
	border-right-width: 0.1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
}
a.test:link,a.test:visited {
	float: left;
	width: 83px;
	color: #666666;
	padding-top: 3px;
	padding-left: 20px;
	text-decoration: none;
	padding-bottom: 2px;
}
a.test:hover,a.test:active  {
	float: left;
	width: 83px;
	color: #FFFFFF;
	padding-top: 3px;
	padding-left: 20px;
	text-decoration: none;
	padding-bottom: 2px;
	background-color:#CC0000;
}

a.test2:link,a.test2:visited {
	float: left;
	width: 81px;
	color: #666666;
	padding-top: 3px;
	padding-left: 20px;
	text-decoration: none;
	padding-bottom: 2px;
}
a.test2:hover,a.test2:active  {
	float: left;
	width: 81px;
	color: #FFFFFF;
	padding-top: 3px;
	padding-left: 20px;
	text-decoration: none;
	padding-bottom: 2px;
	background-color:#CC0000;
}
a.test3:link,a.test3:visited {
	float: left;
	width: 95px;
	color: #666666;
	padding-top: 3px;
	padding-left: 20px;
	text-decoration: none;
	padding-bottom: 2px;
}
a.test3:hover,a.test3:active  {
	float: left;
	width: 95px;
	color: #FFFFFF;
	padding-top: 3px;
	padding-left: 20px;
	text-decoration: none;
	padding-bottom: 2px;
	background-color:#CC0000;
}
a.test4:link,a.test4:visited {
	float: left;
	width: 91px;
	color: #666666;
	padding-top: 3px;
	padding-left: 20px;
	text-decoration: none;
	padding-bottom: 2px;
}
a.test4:hover,a.test4:active  {
	float: left;
	width: 91px;
	color: #FFFFFF;
	padding-top: 3px;
	padding-left: 20px;
	text-decoration: none;
	padding-bottom: 2px;
	background-color:#CC0000;
}
a.test5:link,a.test5:visited {
	float: left;
	width: 96px;
	color: #666666;
	padding-top: 3px;
	padding-left: 20px;
	text-decoration: none;
	padding-bottom: 2px;
}
a.test5:hover,a.test5:active  {
	float: left;
	width: 96px;
	color: #FFFFFF;

	padding-top: 3px;
	padding-left: 20px;
	text-decoration: none;
	padding-bottom: 2px;
	background-color:#CC0000;
}
a.test6:link,a.test6:visited {
	float: left;
	width: 82px;
	color: #666666;
	padding-top: 3px;
	padding-left: 20px;
	text-decoration: none;
	padding-bottom: 2px;
}
a.test6:hover,a.test6:active  {
	float: left;
	width: 82px;
	color: #FFFFFF;
	padding-top: 3px;
	padding-left: 20px;
	text-decoration: none;
	padding-bottom: 2px;
	background-color:#CC0000;
}
a.test7:link,a.test7:visited {
	float: left;
	width: 87px;
	color: #666666;
	padding-top: 3px;
	padding-left: 20px;
	text-decoration: none;
	padding-bottom: 2px;
}
a.test7:hover,a.test7:active  {
	float: left;
	width: 87px;
	color: #FFFFFF;
	padding-top: 3px;
	padding-left: 20px;
	text-decoration: none;
	padding-bottom: 2px;
	background-color:#CC0000;
}
.services4 table{
	float: left;
	height: auto;
	width: 650px;
	margin:5px 0 0 65px;
	_margin:5px 0 0 33px;
	border-collapse:collapse;
}
.services4 table td{
	line-height: 20px;
}
.reply{
	float:left;
	width: 450px;
	height: auto;
	margin: 10px 0 0 70px;
}
.reply_text1{
	float:left;
	width: 450px;
	height: auto;
	margin: 0 0 5px 0;
	background-color:#eceff5;
	padding: 5px;
}
.reply_text2{
	float:left;
	width: 450px;
	height: auto;
	margin: 0 0 5px 0;
	background-color:#eceff5;
}
.doodle{
	float:left;
	width: 440px;
	height: auto;
}
.doodle_text{
	float:left;
	width: 440px;
	height: auto;
}
.doodle_word1{
	float:left;
	width: 50px;
	height: auto;
	color:#ca0000;
	font-weight: bold;
	text-align: center;
}
.doodle_word2{
	float:left;
	width: 350px;
	height: auto;
	color:#242424;
}
.doodle_word3{
	float:left;
	width: 100px;
	height: auto;
	color:#777777;
}
.doodle_word4{
	float:left;
	width:50px;
	height: auto;
}
.doodle_word4 a{
	color:#3b5998;
	text-decoration: none;	
}
.doodle_word4 a:hover{
	color:#3b5998;
	text-decoration: underline;	
}
.doodle_input {
	float: left;
	height: auto;
	width: 350px;
	color: #CCCCCC;
}
/*加入會員*/
.jion_tab{
	float:left;
	width:120px;
	height:28px;
	background-color: #FFF;
	text-align: right;
	padding-right: 5px;
	line-height: 28px;
	margin-right: 5px;
}
/*加入會員*/
.contact .join{
	height: auto;
	width: 720px;
	float: left;
	margin-left: 40px;
	_margin-left: 40px;
}
.contact .join_sub{
	float:left;
	width:560px;
	height:28px;
	margin-left: 153px;
	vertical-align: middle;
	padding: 0 0 5px 0;
}
.contact .jion_sub2{
	float:left;
	width:710px;
	height:20px;
	margin-left: 3px;
	vertical-align: middle;
	text-align: center;
}
.jion_sub2 a{
	color:#ac2643;
	text-decoration: none;	
}
.jion_sub2 a:hover{
	text-decoration: underline;
}
.contact .join_sub3{
	float:left;
	width:560px;
	height:28px;
	margin-left: 100px;
	vertical-align: middle;
	padding: 0 0 5px 0;
}