@charset "utf-8";


/* ----- 全方位服務-主視覺 ----- */
#case-main {
	position: relative;
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(../images/case-main-bg.jpg);
	background-repeat: repeat-x;
	text-align: center;
	height: 425px;
}
#solution-3-main {
	position: relative;
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(../images/solution-3-main-bg.jpg);
	background-repeat: repeat-x;
	text-align: center;
	height: 425px;
}
#solution-4-main {
	position: relative;
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(../images/solution-4-main-bg.jpg);
	background-repeat: repeat-x;
	text-align: center;
	height: 425px;
}
#solution-7-main {
	position: relative;
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(../images/solution-7-main-bg.jpg);
	background-repeat: repeat-x;
	text-align: center;
	height: 425px;
}
.solution-7-main-bgL {
	position: relative;
	background-image: url(../images/solution-7-main-bgL.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#solution-9-main {
	position: relative;
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(../images/solution-9-main-bg.jpg);
	background-repeat: repeat-x;
	text-align: center;
	height: 425px;
}


/* ----- 框架 ----- */
#solution-content {
	position: relative;
	width: 954px;
	background-image: url(../images/service-pic-1.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	margin-top: 50px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#com-content {
	position: relative;
	width: 954px;
	margin-top: 50px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#com-content #primary {
	float: left;
	width: 638px;
}
#com-content #secondary {
	float: right;
	width: 280px;
	margin-bottom: 50px;
}
#com-content-tailSpace {
	position: relative;
	height: 40px;
	float: left;
	width: 100%;
}
#com-content-tailBack {
	position: relative;
	float: left;
	width: 100%;
}
#com-title {
	position: relative;
	float: left;
	height: 50px;
	width: 954px;
	margin-bottom: 50px;
}
#com-title h1 {
	float: left;
	font-size: 48px;
	font-weight: bold;
	color: #000;
	line-height: 48px;
}
#com-title h1 span {
	color: #339900;
	padding-left: 20px;
}
#com-title .location { 
	float:right;
}
#com-title .line { 
	clear: both; 
	padding: 10px 0 0 2px;
}
#com-context{
	clear: both;
	float: left;
	width: 954px;
}


/* ----- 全方位服務 ----- */
#solution {
	width: 100%;
}
#solution div.left-head {
	width: 638px;
	float: left;
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #4c4c4c;
	background-image: url(../images/solution-topline-Lbg.gif);
	background-repeat: no-repeat;
	background-position: center 1px;
	padding-top: 30px;
	padding-bottom: 30px;
	text-align: center;
}
#solution div.right-head {
	width: 280px;
	float: right;
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #4c4c4c;
	background-color: #f8f8f8;
	background-image: url(../images/solution-topline-Rbg.gif);
	background-repeat: no-repeat;
	background-position: center 1px;
	padding-bottom: 15px;
}
#solution div.left {
	width: 638px;
	float: left;
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #4c4c4c;
	background-image: url(../images/solution-topline-Lbg.gif);
	background-repeat: no-repeat;
	background-position: center 1px;
	padding-top: 48px;
	padding-bottom: 40px;
}
#solution div.right {
	width: 280px;
	float: right;
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #4c4c4c;
	background-color: #f8f8f8;
	background-image: url(../images/solution-topline-Rbg.gif);
	background-repeat: no-repeat;
	background-position: center 1px;
	padding-bottom: 27px;
}
#solution div.left .meat {
	padding-left: 10px;
	padding-right: 5px;
}

/* ----- (s1 網站企劃) ----- */
#com-content #primary div.left {
	width: 100%;
	float: left;
	background-image: url(../images/solution-topline-Lbg.gif);
	background-repeat: no-repeat;
	background-position: center 0px;
	padding-top: 48px;
	padding-bottom: 40px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ddd;
}
#com-content #secondary div.right {
	width: 100%;
	float: right;
	background-color: #f8f8f8;
	padding-bottom: 27px;
}
#com-content #primary div.left .meat {
	padding-left: 10px;
	padding-right: 5px;
	background-repeat: no-repeat;
	background-position: right top;
}
#com-content #primary div.left .meat .s1txt {
	font-size: 16px;
	line-height: 26px;
	color: #666;
	padding-top: 18px;
}
#com-content #primary div.left .meat .s1txt  h1{
	font-size: 16px;
	line-height: 26px;
	color: #666;
	padding-top: 18px;
}
#com-content #primary div.left .meat .s1txt  h2{
	font-size: 16px;
	line-height: 26px;
	color: #666;
	padding-top: 18px;
}
#com-content #primary div.left .meat .s1txt span {
	color: #e83617;
}
.projcetBtn-1 a {
	display: block;
	width: 163px;
	height: 53px;
	background-image: url(../images/solution-1-btn-1.gif);
	overflow: hidden;
	text-indent: -9999px;
	margin-top: 20px;
}
.projcetBtn-1 a:hover {
	background-image: url(../images/solution-1-btn-1-on.gif);
}
.projcetBtn-3 a {
	display: block;
	width: 189px;
	height: 53px;
	background-image: url(../images/solution-1-btn-3.gif);
	overflow: hidden;
	text-indent: -9999px;
	float: right;
	margin-top: -55px;
}
.projcetBtn-3 a:hover {
	background-image: url(../images/solution-1-btn-3-on.gif);
}
.projcetBtn-6 a {
	display: block;
	width: 163px;
	height: 53px;
	background-image: url(../images/solution-1-btn-6.gif);
	overflow: hidden;
	text-indent: -9999px;
	margin-top: 20px;
}
.projcetBtn-6 a:hover {
	background-image: url(../images/solution-1-btn-6-on.gif);
}
#com-content #secondary div.right .title {
	width: 100%;
	height: 35px;
	background-color: #4c4c4c;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
#com-content #secondary div.right .title h4 {
	font-size: 17px;
	color: #FFF;
	margin-top: 6px;
	float: left;
	font-weight: bold;
	padding-left: 10px;
}
#com-content #secondary div.right .title .more a {
	display: block;
	width: 33px;
	height: 6px;
	background-image: url(../images/com-more-1.gif);
	overflow: hidden;
	text-indent: -9999px;
	float: right;
	margin-top: 15px;
	margin-right: 10px;
}
#com-content #secondary div.right .title .more a:hover {
	background-image: url(../images/com-more-1-on.gif);
}

/* ----- (s2 網站設計) ----- */
#solution div.left .meat .s2txt {
	float: right;
	width: 75%;
	}
#solution div.left .meat .s2txt h1 {
	font-size: 28px;
	font-weight: bold;
	color: #339900;
	line-height: 45px;
}

#solution div.left .meat .s2txt h2 {
	font-size: 28px;
	font-weight: bold;
	color: #454545;
}
#solution div.left .meat .s2txt h3 {
	font-size: 16px;
	line-height: 26px;
	color: #666;
	padding-top: 18px;
}
#solution div.left .meat .s2txt .time {
	font-size: 16px;
	line-height: 26px;
	color: #ff6600;
	padding-top: 18px;
	float: left;
}
#solution div.left .meat .s2txt .time span {
	font-size: 30px;
	font-weight: bolder;
}
#solution div.left .meat .s2pic {
	float: left;
	width: 25%;
}

/* ----- (s3 網站設計) ----- */
.s3-title {
	font-size: 18px;
	font-weight: bold;
	color: #000;
	line-height: 36px;
}
.s3-title span {
	font-family: "微软雅黑";
	font-size: 36px;
	padding-right: 10px;
}
.s3-listBlack {
	font-size: 16px;
	color: #000;
	text-align:justify;
	text-justify:distribute-all-lines;
	text-align-last:justify
}
.s3-listBlack  h2{
	font-size: 16px;
	color: #000;
	text-align:justify;
	text-justify:distribute-all-lines;
	text-align-last:justify
}
.s3-listgray {
	font-size: 16px;
	color: #666;
}
.s3-dotline {
	background-image: url(../images/com-dotline-3.gif);
	background-repeat: repeat-x;
	background-position: center;
	height: 15px;
}
.s3-btn {
	color: #fff;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	text-decoration: none;
	background-color: #e13722;
	font-size: 16px;
	font-weight: bold;
	text-shadow: 0px 1px 3px rgba(0,0,0,0.3);
	width: 190px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: 55px;
}

/* ----- (s4 網站行銷) ----- */
#solution div.left .meat .s4txt {
	float: right;
	width: 76%;
}
#solution div.left .meat .s4txt h1 {
	font-size: 28px;
	font-weight: bold;
	color: #339900;
	line-height: 45px;
}
#solution div.left .meat .s4txt h1 span {
	font-size: 22px;
}
#solution div.left .meat .s4txt h2 {
	font-size: 28px;
	font-weight: bold;
	color: #454545;
}
#solution div.left .meat .s4txt h3 {
	font-size: 16px;
	line-height: 26px;
	color: #666;
	padding-top: 18px;
}
#solution div.left .meat .s4pic {
	float: left;
	width: 24%;
	margin-top: -40px;
}
#solution div.left .meat .service {
	float: left;
	clear: both;
	width: 100%;
	padding-top: 25px;
}
#solution div.left .meat .service .title {
	font-size: 20px;
	color: #16687c;
	font-weight: bold;
	clear: both;
	background-image: url(../images/solution-4-service-titleBg.gif);
	background-repeat: no-repeat;
	padding-left: 35px;
	padding-right: 20px;
	height: 36px;
	background-position: left;
	padding-top: 13px;
}
#solution div.left .meat .service .title-1 {
	font-size: 20px;
	color: #16687c;
	font-weight: bold;
	clear: both;
	background-image: url(../images/solution-4-service-titleBg-1.gif);
	background-repeat: no-repeat;
	padding-left: 35px;
	padding-right: 20px;
	height: 65px;
	background-position: left;
	padding-top: 13px;
	line-height: 26px;
}
#solution div.left .meat .service .ex {
	font-size: 16px;
	color: #ff6600;
	line-height: 26px;
}
#solution div.left .meat .service .ex span {
	font-size: 16px;
	color: #339900;
}
#solution div.left .meat .service .star {
	font-size: 16px;
	color: #666;
	line-height: 26px;
}
#solution div.left .meat .service .star h2{
	font-size: 16px;
	color: #666;
	line-height: 26px;
	display:inline;
}
#solution div.left .meat .service img {
	padding-top: 3px;
	padding-bottom: 12px;
}
#solution div.left .meat .ps {
	float: left;
	clear: both;
	width: 100%;
	font-size: 13px;
	color: #666;
	padding-bottom: 25px;
}
#solution div.left .meat .dotline
{
	background-image: url(../images/com-dotline-5.gif);
	background-repeat: repeat-x;
	width: 100%;
	float: left;
	margin-top: 40px;
	margin-bottom: 10px;
	height: 2px;
}
/* ----- (s5 無障礙網頁) ----- */
#solution div.left .meat .s5list .A h1 {
	display:inline;
}

/* ----- (s7 網站優化) ----- */
#solution div.left .meat .s7txt {
	float: right;
	width: 75%;
}
#solution div.left .meat .s7txt h1 {
	font-size: 35px;
	font-weight: bold;
	color: #339900;
	line-height: 45px;
}
#solution div.left .meat .s7txt h2 {
	font-size: 16px;
	line-height: 26px;
	color: #666;
	padding-top: 10px;
}
#solution div.left .meat .s7pic {
	float: left;
	width: 25%;
}

/* ----- (s9 關鍵字廣告) ----- */
#solution div.left .meat .s9title h1 {
	padding-bottom: 15px;
}
#solution div.left .meat .s9txt {
	float: right;
	width: 78%;
}
#solution div.left .meat .s9txt h1 {
	font-size: 16px;
	line-height: 26px;
	color: #666;
	display: inline;
}
#solution div.left .meat .s9txt h1 a {
	font-size: 16px;
	line-height: 26px;
	color: #666;
	display: inline;
}
#solution div.left .meat .s9txt h1 a:hover{
	font-size: 16px;
	line-height: 26px;
	color: #666;
	display: inline;
}
#solution div.left .meat .s9txt h2 {
	font-size: 16px;
	line-height: 26px;
	color: #666;
}
#solution div.left .meat .s9txt h2 a{
	font-size: 16px;
	line-height: 26px;
	color: #666;
	text-decoration: none;
}
#solution div.left .meat .s9txt h2 a:hover{
	font-size: 16px;
	line-height: 26px;
	color: #666;
	text-decoration: none;
}
#solution div.left .meat .s9txt h3 {
	font-size: 16px;
	line-height: 26px;
	color: #e83617;
	background-image: url(../images/com-icon-17.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position: 0px 5px;
}
#solution div.left .meat .s9txt h4 {
	font-size: 16px;
	line-height: 26px;
	color: #666;
	padding-left: 20px;
}
#solution div.left .meat .s9txt .stxt {
	font-size: 13px;
}
#solution div.left .meat .s9pic {
	float: left;
	width: 22%;
}
#solution div.left .meat .s9btn-1 a {
	display: block;
	width: 103px;
	height: 21px;
	background-image: url(../images/solution-9-btn-1.gif);
	overflow: hidden;
	text-indent: -9999px;
}
#solution div.left .meat .s9btn-1 a:hover {
	background-image: url(../images/solution-9-btn-1-on.gif);
}
/* ----- (s1~10 left meat End) ----- */

#solution div.right .title {
	width: 92%;
	margin-right: auto;
	margin-left: auto;
	height: 48px;
}
#solution div.right .title h4 {
	font-size: 17px;
	color: #333;
	margin-top: 12px;
	float: left;
	font-weight: bold;
}
#solution div.right .title .more a {
	display: block;
	width: 33px;
	height: 6px;
	background-image: url(../images/com-more-1.gif);
	overflow: hidden;
	text-indent: -9999px;
	float: right;
	margin-top: 20px;
}
#solution div.right .title .more a:hover {
	background-image: url(../images/com-more-1-on.gif);
}
#solution div.right .list ul, #com-content #secondary div.right .list ul {
	padding: 0px;
	width: 92%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#solution div.right .list ul li, #com-content #secondary div.right .list ul li {
	font-size: 15px;
	color: #666;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #ddd;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 20px;
	background-image: url(../images/com-icon-5.gif);
	background-repeat: no-repeat;
	background-position: left 15px;
}
#solution div.right .list ul li a, #com-content #secondary div.right .list ul li a {
	color: #666;
}
#solution div.right-head .title {
	width: 92%;
	margin-right: auto;
	margin-left: auto;
	height: 48px;
}
#solution div.right-head .title h4 {
	font-size: 17px;
	color: #333;
	margin-top: 12px;
	float: left;
	font-weight: bold;
}
#solution div.right-head .webID ul, #com-content #secondary div.right .webID ul {
	width: 92%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#solution div.right-head .webID ul li, #com-content #secondary div.right .webID ul li {
	font-size: 15px;
	color: #999;
	padding-top: 9px;
	padding-bottom: 9px;
	padding-left: 28px;
}
#solution div.right-head .webID ul li span, #com-content #secondary div.right .webID ul li span {
	font-weight: bold;
	padding-left: 5px;
}
#solution div.right-head .webID ul li.i1, #com-content #secondary div.right .webID ul li.i1 {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #ddd;
	background-image: url(../images/sloution-webid-icon-1.gif);
	background-repeat: no-repeat;
	background-position: left;
}
#solution div.right-head .webID ul li.i2, #com-content #secondary div.right .webID ul li.i2 {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #ddd;
	background-image: url(../images/sloution-webid-icon-2.gif);
	background-repeat: no-repeat;
	background-position: left;
}
#solution div.right-head .webID ul li.i3, #com-content #secondary div.right .webID ul li.i3 {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #ddd;
	background-image: url(../images/sloution-webid-icon-3.gif);
	background-repeat: no-repeat;
	background-position: left;
}
#solution div.right-head .webID ul li.i4, #com-content #secondary div.right .webID ul li.i4 {
	background-image: url(../images/sloution-webid-icon-4.gif);
	background-repeat: no-repeat;
	background-position: left;
}

#solution div.right-head #case, #com-content #secondary div.right #case {
	clear: both;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 10px;
	width: 260px;
 }
#solution div.right-head #case #proList, #com-content #secondary div.right #case #proList {
	float: left;
	width: 130px;
	padding-top: 7px;
}
#solution div.right-head #case #proList #title, #com-content #secondary div.right #case #proList #title {
	font-size: 12px;
	color: #ff6600;
	padding-left: 7px;
}
#solution div.right-head #case #proList #title a, #com-content #secondary div.right #case #proList #title a {
	color: #666666;
	text-decoration: none;
	font-size: 15px;
	font-weight: bold;
}
#solution div.right-head #case #proList #title a:hover, #com-content #secondary div.right #case #proList #title a:hover {
	color: #e83617;
	text-decoration: underline;
}
#solution div.right-head #case #dotline , #com-content #secondary div.right #case #dotline {
	background-image: url(../images/com-dotline-3.gif);
	background-repeat: repeat-x;
	height: 20px;
	background-position: left center;
	width: 100%;
	clear: both;
 }

#solution div.right .banner {
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	width: 256px;
}
#solution div.right dl {
	padding: 0px;
	width: 92%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#solution div.right dt {
	font-size: 15px;
	color: #999999;
	padding-top: 7px;
	padding-bottom: 7px;
}
#solution div.right dd {
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 100px;
	font-size: 15px;
	color: #999999;
	margin-top: -30px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #ddd;
}
#solution div.left-endline {
	width: 638px;
	float: left;
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #4c4c4c;
	background-image: url(../images/solution-topline-Lbg.gif);
	background-repeat: no-repeat;
	background-position: center 1px;
	height: 40px;
}
#solution div.right-endline {
	width: 280px;
	float: right;
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #4c4c4c;
	background-image: url(../images/solution-topline-Rbg2.gif);
	background-repeat: no-repeat;
	background-position: center 1px;
	height: 40px;
}

/* ----- tableList ----- */
#pointTable {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-top: 18px;
	width: 100%;
	float: left;
	clear: both;
	background-color: #f5f5f5;
}
#LogoTable {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-top: 5px;
	width: 100%;
	float: left;
	clear: both;
	background-color: #f5f5f5;
}
#pointTable th {
	-webkit-border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-top-left-radius: 4px;
	-moz-border-bottom-left-radius: 4px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	font-size: 15px;
	color: #FFF;
	width: 116px;
}
#pointTable td, #LogoTable td {
	font-size: 15px;
	color: #666;
	line-height: 20px;
	text-align: center;
}
#pointTable td, #LogoTable td a {
	font-size: 13px;
	color: #333;
}
#pointTable td .green {
	font-size: 15px;
	color: #339900;
	line-height: 20px;
	text-align: left;
}
#pointTable td .sky {
	font-size: 15px;
	color: #0099cc;
	line-height: 20px;
	text-align: left;
}
#pointTable td .line, #LogoTable td .line {
	background-image: url(../images/com-dotline-4.gif);
	background-repeat: repeat-y;
	background-position: center center;
}


/* ----- Button ----- */
.btn1, .btn2, .btn3, .btn4, .btn5, .btn6 {
	padding-top: 18px;
	float: right;
	font-size: 15px;
	font-weight: bold;
	text-shadow: 0px 1px 3px rgba(0,0,0,0.3);
	padding-right: 5px;
}
.btn1 a {
	color: #fff;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	text-decoration: none;
	background-image: url(../images/com-icon-15.gif);
	background-repeat: no-repeat;
	background-position: right center;
	background-color: #f8b300;
	padding-right: 23px;
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 7px;
}
.btn2 a {
	color: #fff;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	text-decoration: none;
	background-image: url(../images/com-icon-15.gif);
	background-repeat: no-repeat;
	background-position: right center;
	background-color: #f18e7f;
	padding-right: 23px;
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 7px;
}
.btn3 a {
	color: #fff;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	text-decoration: none;
	background-image: url(../images/com-icon-15.gif);
	background-repeat: no-repeat;
	background-position: right center;
	background-color: #bba5e2;
	padding-right: 23px;
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 7px;
}
.btn4 a {
	color: #fff;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	text-decoration: none;
	background-image: url(../images/com-icon-15.gif);
	background-repeat: no-repeat;
	background-position: right center;
	background-color: #c7d440;
	padding-right: 23px;
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 7px;
}
.btn5 a {
	color: #fff;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	text-decoration: none;
	background-image: url(../images/com-icon-15.gif);
	background-repeat: no-repeat;
	background-position: right center;
	background-color: #67ddec;
	padding-right: 23px;
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 7px;
}
.btn6 a {
	color: #fff;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	text-decoration: none;
	background-image: url(../images/com-icon-15.gif);
	background-repeat: no-repeat;
	background-position: right center;
	background-color: #f1bc7f;
	padding-right: 23px;
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 7px;
}
.btn1 a:hover {
	background-color: #784600;
	background-image: url(../images/com-icon-15.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
.btn2 a:hover {
	background-color: #78000a;
	background-image: url(../images/com-icon-15.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
.btn3 a:hover {
	background-color: #3c0078;
	background-image: url(../images/com-icon-15.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
.btn4 a:hover {
	background-color: #3c7800;
	background-image: url(../images/com-icon-15.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
.btn5 a:hover {
	background-color: #004c78;
	background-image: url(../images/com-icon-15.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
.btn6 a:hover {
	background-color: #c64f00;
	background-image: url(../images/com-icon-15.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

/* ----- 專業文件 ----- */
#Docu  {
	clear: both;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 10px;
	width: 270px;
 }
#Docu #List {
	float: left;
	width: 90px;
	padding-top: 7px;
	text-align: center;
}
#Docu #List .pic {
	width: 60%;
}
#Docu #List #title {
	font-size: 15px;
	color: #666;
	text-align: center;
	padding-top: 5px;
}
#Docu #List #title a {
	color: #666666;
	text-decoration: none;
}
#Docu #List #title a:hover {
	color: #e83617;
	text-decoration: underline;
}
#Docu #dotline {
	background-image: url(../images/com-dotline-3.gif);
	background-repeat: repeat-x;
	height: 20px;
	background-position: left center;
	width: 100%;
	clear: both;
 }
 
/* ----- 快速留言版 ----- */
.promoC {
	width: 88%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 0px;
}
.promoC .message {
	margin-top: 5px;
}
.promoC .tel {
	height: 63px;
	font-size: 13px;
	font-weight: bolder;
	color: #e83617;
	line-height: 20px;
	background-image: url(../images/work-promo-C-bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 20px;
	padding-left: 68px;
}

/* ----- 全方位服務-首頁 ----- */
.service-text-1 > span {
	font-size: 24px;
	line-height: 44px;
	font-weight: bold;
	color: #509600;
}
.service-text-1 > em {
	font-style:normal;
}
.service-text-1 > em a {
	display:inline-block;
	color: #fff;
	background:#e9581f;
	padding:3px 10px;
	box-sizing:border-box;	
}
.service-text-1 > article {
	font-size: 20px;
	line-height: 30px;
	font-weight: bold;
	color: #666666;	
}
.service-row-1 {
	margin: 35px 0 20px 0; 
	height: 140px;
}
.service-pic-1 a {
	background-image: url(../images/service-icon-1.gif);
	display: block;
	overflow: hidden;
	width: 173px;
	height: 140px;
	text-indent:-9999px;
	float:left;
	margin-right: 20px;
}
.service-pic-1 a:hover {
	background-image: url(../images/service-icon-1-on.gif);
	float: left;
}
.service-pic-2 a {
	background-image: url(../images/service-icon-2.gif);
	display: block;
	overflow: hidden;
	width: 173px;
	height: 140px;
	text-indent:-9999px;
	float:left;
	margin-right: 20px;
}
.service-pic-2 a:hover {
	background-image: url(../images/service-icon-2-on.gif);
	float: left;
}
.service-pic-3 a {
	background-image: url(../images/service-icon-3.gif);
	display: block;
	overflow: hidden;
	width: 173px;
	height: 140px;
	text-indent:-9999px;
	float:left;
	margin-right: 20px;
}
.service-pic-3 a:hover {
	background-image: url(../images/service-icon-3-on.gif);
	float: left;
}
.service-pic-4 a {
	background-image: url(../images/service-icon-4.gif);
	display: block;
	overflow: hidden;
	width: 173px;
	height: 140px;
	text-indent:-9999px;
	float:left;
	margin-right: 20px;
}
.service-pic-4 a:hover {
	background-image: url(../images/service-icon-4-on.gif);
	float: left;
}
.service-pic-5 a {
	background-image: url(../images/service-icon-5.gif);
	display: block;
	overflow: hidden;
	width: 173px;
	height: 140px;
	text-indent:-9999px;
	float:left;
}
.service-pic-5 a:hover {
	background-image: url(../images/service-icon-5-on.gif);
	float: left;
}
.service-row-2 { 
	height: 140px;
}
.service-pic-6 a {
	background-image: url(../images/service-icon-6.gif);
	display: block;
	overflow: hidden;
	width: 173px;
	height: 140px;
	text-indent:-9999px;
	float:left;
	margin-right: 20px;
}
.service-pic-6 a:hover {
	background-image: url(../images/service-icon-6-on.gif);
	float: left;
}
.service-pic-7 a {
	background-image: url(../images/service-icon-7.gif);
	display: block;
	overflow: hidden;
	width: 173px;
	height: 140px;
	text-indent:-9999px;
	float:left;
	margin-right: 20px;
}
.service-pic-7 a:hover {
	background-image: url(../images/service-icon-7-on.gif);
	float: left;
}
.service-pic-8 a {
	background-image: url(../images/service-icon-8.gif);
	display: block;
	overflow: hidden;
	width: 173px;
	height: 140px;
	text-indent:-9999px;
	float:left;
	margin-right: 20px;
}
.service-pic-8 a:hover {
	background-image: url(../images/service-icon-8-on.gif);
	float: left;
}
.service-pic-9 a {
	background-image: url(../images/service-icon-9.gif);
	display: block;
	overflow: hidden;
	width: 173px;
	height: 140px;
	text-indent:-9999px;
	float:left;
	margin-right: 20px;
}
.service-pic-9 a:hover {
	background-image: url(../images/service-icon-9-on.gif);
	float: left;
}
.service-pic-10 a {
	background-image: url(../images/service-icon-10.gif);
	display: block;
	overflow: hidden;
	width: 173px;
	height: 140px;
	text-indent:-9999px;
	float:left;
}
.service-pic-10 a:hover {
	background-image: url(../images/service-icon-10-on.gif);
	float: left;
}
.service-text-4
{
	clear: both;
	margin: 57px 0 35px 0;
	height: 225px;
}
.service-text-5
{
	clear: both;
	padding: 25px 0 0 0;
	height: 225px;
}
.service-text-2 {
	width: 430px;
	float: left;
	margin: 0px 32px 15px 10px;
}
.service-text-2 > img {
	display:block;
	margin:0 auto;
	padding-bottom: 15px;
}
.service-text-2 > span {
	font-size: 20px;
	line-height: 30px;
	font-weight: bold;
	color: #666666;
}
.service-text-2 > article {
	font-size: 15px;
	line-height: 24px;
	color: #666666;	
}
.service-text-3 {
	width: 430px;
	float: left;
	margin: 0px 10px 15px 35px;
}
.service-text-3 > img {
	display:block;
	margin:0 auto;
	padding-bottom: 15px;
}
.service-text-3 > span {
	font-size: 20px;
	line-height: 35px;
	font-weight: bold;
	color: #666666;
}
.service-text-3 > article {
	font-size: 15px;
	line-height: 24px;
	color: #666666;	
}

/* 網站代管-tab */
.webwidget_scroller_tab {
	font-size: 13px;
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
	width: 952px;
	float: left;
	clear: both;
	padding-top: 45px;
	padding-bottom: 45px;
}
.tabContainer {
	width: 100%;
	background: url(../images/solution-3-tab.gif) repeat-x bottom;
	overflow: hidden;
}
.tabContainer li {
	float: left;
	margin-right: 4px;
	background-image: url(../images/solution-3-tabOff_right.gif);
	background-repeat: no-repeat;
	background-position: right top;
	text-align: center;
}
.tabContainer li a {
	display: block!important;
	display: inline-block;
	background: url(../images/solution-3-tabOff_left.gif) no-repeat left top;
	padding-top: 0;
	padding-right: 50px;
	padding-bottom: 0;
	padding-left: 50px;
	text-align: center;
	height: 80px;
}
.webwidget_scroller_tab .tabHead {
	list-style-type: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.webwidget_scroller_tab .tabBody {
	height: 1000px;
	border-left: #dbdbdb solid 1px;
	border-right: #dbdbdb solid 1px;
	overflow: hidden;
	position: relative;
}
.webwidget_scroller_tab .tabBody ul, li {
	margin: 0px;
	list-style: none;
}
.webwidget_scroller_tab .tabBody ul {
	width: 1500px;
	position: absolute;
}
.webwidget_scroller_tab .tabBody ul li {
	float: left;
	width: 952px;
}
.webwidget_scroller_tab .tabHead li a {
	font-weight: bold;
	text-decoration: none;
	color: #0099FF;
}
.webwidget_scroller_tab .tabCot {
	float: left;
}
.webwidget_scroller_tab .tabCot p {
	margin: 0px;
	padding:5px;
}
.webwidget_scroller_tab .tabContainer li.currentBtn {
	background:url(../images/solution-3-tabOn_right.gif) no-repeat right top;
}
.webwidget_scroller_tab .tabContainer li.currentBtn a {
	height:81px;
	background:url(../images/solution-3-tabOn_left.gif) no-repeat left top;
	color:#434142;
}
.webwidget_scroller_tab .modA {
	margin:10px;
}
.webwidget_scroller_tab .modBody {
	border-left:#dbdbdb solid 1px;
	border-right:#dbdbdb solid 1px;
	background-color: white;
}
.webwidget_scroller_tab .modTop h3 {
	padding:0px;
	margin:0px;
	height:81px;
	background:url(../images/solution-3-modAT.gif) repeat-x left top;
	color:#2C6A78;
	font-size:12px;
	line-height:25px;
}
.modTop span.modATL, .modTop span.modATR {
	float:left;
	width:4px;
	height:81px;
	background:url(../images/solution-3-bg.gif) no-repeat left top;
	overflow:hidden;
}
.modTop span.modATR {
	float:right;
	background:url(../images/solution-3-bg.gif) no-repeat -4px top;
}
.modA #sideNav dd a:hover {
	background:url(../images/solution-3-bg.gif) no-repeat left -110px;
	color:#FFF;
	text-decoration:none;
}
.webwidget_scroller_tab .modBottom {
	width:100%;
	height:4px;
	background:url(../images/solution-3-modAB.gif) repeat-x left top;
	overflow:hidden;
}
.webwidget_scroller_tab .modBottom span.modABL, .modBottom span.modABR, .modTopB span.modATR, .modTopB span.modATL {
	float:left;
	width:4px;
	height:4px;
	background:url(../images/solution-3-bg.gif) no-repeat left -81px;
	overflow:hidden;
}
.webwidget_scroller_tab .modBottom span.modABR {
	float:right;
	background:url(../images/solution-3-bg.gif) no-repeat -4px -81px;
}