@charset "UTF-8";

body {
	margin-left:0px;
	margin-top: 0px;
	margin-right: 0px;
	font-size:13px;
	font-family:'微軟正黑體', '新細明體',sans-serif;
	color:#000;
	
}

img { border:0px;}

ul, li, div, img,a {
 margin:0;
 padding:0;
}

p {
 padding:0;
 margin:0 0 20px 0;
}

h3 {
 margin:0 0 20px 0;
 padding:0;
 font-size:20px;
}


img {
 vertical-align:bottom;
}

.right {
 float: right;
}

.left {
 float: left;
}

.clear {
 clear: both;
}

ul.dotted {
 list-style-image:url("/images/dot.jpg");
 margin-left:20px;
}
 


div#topmost {
 margin-bottom:5px;
}

ul#top-menu {
 list-style: none;
 text-align:right;
 margin:10px 0 5px 0; 
 font-size:15px;
}

ul#top-menu li {
 display:inline;
 border-right:1px solid #000;
 padding:0 15px;
}

ul#top-menu li.last {
 border:none;
 padding:0 0 0 15px;
}

ul#top-menu li a {
 text-decoration:none;
 color:#b8b8b8;
}

ul#top-menu li a:hover {
 text-decoration:underline;
}


p#hotline {
 text-align:right;
 font-size:15px;
 color:#b8b8b8;
 margin:10px 0 0 0;
 padding:0;
 line-height:26px;
 vertical-align:text-bottom;
}

p#tagline {
 text-align:right;
 font-size:10px;
 color:#ccc;
 margin:5px 0 0 0;
 padding:0;
 }
 
p#tagline a {
 color:#ccc;
 text-decoration:none;
}

.area-code {
 color:#333;
}

.tel-no {
	color: #093;
	font-size:26px;
	font-weight:bold;
	letter-spacing:1.5px;
}
 


ul#main-menu, ul#bottom-menu {
 list-style: none;
 margin:0;
 height:32px;
 padding:5px 0 0 0;
 width:980px;
 border-top:#aaa 1px solid;
}

ul#main-menu {
 border-bottom:#aaa 1px solid;
}

ul#main-menu li, ul#bottom-menu li {
 
 float:left;
 padding:0;
 margin:0;
}

ul#banner-services, ul#banner-clients {
 list-style: none;
}



#mainbannerleft{width:648px;height:314px;float:left;overflow:hidden;position:relative;border: 1px solid #EFEFEF;margin-top:20px;}
#mainbannerleft img {margin-top: -2px}
#mainbannerright{width:328px;float:right;overflow:hidden;position:relative;border: 1px solid #EFEFEF;margin-top:20px;}
#mainbannerright img {margin-top: -2px}


ul.tabs {
 float:left;
}

ul.tabs li {
 padding:0 0 2px 0;
 margin:0;
 height:50px;
 width:237px;
}



div.tab_container  {
 float:left;
}

div#four-tabs, div.tab_container, div.side_banner, div#seo-tabs,div#webdesign-tabs,div#eshop-tabs,div#email-tabs,div#email-t-tabs,div#graphic-tabs,div#our-client,div#about-us,div#contact-us {
 margin:20px 0;
}

.main_new_items{margin:10px 0; text-align:justify;float:left;clear:both;width:612px;}
.main_new_items p {margin:0 0 10px 0;padding:0;} 
.main_new_items_img{float:left;width:150px;}
.main_new_items_date{color:#9d9d9d; font-size:12px;float:right;}
.main_new_items_h{ color:#333; font-size:15px;float:left;font-weight:bold;}
.main_new_items_desc{float:left;width:462px; font-size:13px;}


#newsletter{background:url(/images/box2.jpg) top left no-repeat;}

#newsletter form#enquiry_form {
 padding-top:50px;
 padding-left:20px;
 font-size:20px;
 color:#333;
}
 


.contact-info-bg {
 height:100px;
 background:url(/images/contact-info-bg.png) no-repeat top left #c8c9cb;
 color: #67686a;
}

.contact-info-bg p {
 padding:0;
 margin:10px 0;
}


.contact-info-bg p.col1 {
 margin-left:5px;
}

.contact-info-bg p.col4 {
 margin-left:50px;
}

.contact-info-bg p.col2 {
 text-align:right;margin-right:50px;
}

.contact-info-bg p.col3 {
 margin-left:10px;
}



#big_banner {
 border-bottom:1px solid #000;
}

#big_banner img {
 margin-bottom:20px;
}


div.subpage_tab_container {
 float:left;
 margin:20px 0;
 width:500px;
}

div.subpage_tab_container_ecard {
 float:left;
 margin:20px 0;
 width:760px;
}

ul.subpage_tabs li {
	display:block;
	width: 215px;
	height:27px;
	font-size:13pt;
	cursor:pointer;
    font-weight: bold;
	padding-top:13px;
	padding-left:3px;
	
}

ul.subpage_tabs li.active, ul.subpage_tabs li.hover {
 background:url(/images/tab_bg.png) no-repeat top left;
}

div.subpage_table_col1 {
 width:100px;
 float:left;
}

div.subpage_table_col1s {
 width:50px;
 float:left;
}

div.subpage_table_col1z {
 width:120px;
 float:left;
 padding-bottom:5px;
}

div.subpage_table_col2 {
 width:10px;
 text-align:center;
 float:left;
}

div.subpage_table_col3 {
 width:390px;
 float:left;
}


div.subpage_table_col3s {
 width:440px;
 float:left;
}

div.subpage_table_col3z {
 width:370px;
 float:left;
 padding-bottom:5px;
}

p.subhead {
 margin:0;
 padding:0;
 font-size:16px;
 font-weight:bold;
}

div#seo-tabs ul, div#seo_tab_area h3, div#seo_tab_area p.subhead {
 color:#000;
 /*color: #6c9318;*/
}

div#webdesign-tabs ul, div#webdesign_tab_area h3, div#webdesign_tab_area p.subhead {
 color:#000;
 /* color: #1a9eb2; */
}

div#eshop-tabs ul, div#eshop_tab_area h3, div#eshop_tab_area p.subhead {
 color:#000;
 /*color: #ff7800;*/
}

div#email-tabs ul, div#email_tab_area h3, div#email_tab_area p.subhead {
 color:#000;
 /*color: #ec146b;*/
}

div#email-t-tabs ul, div#email-t_tab_area h3, div#email-t_tab_area p.subhead {
 color:#000;
 /*color: #ddac28;*/
}

div#graphic-tabs ul, div#graphic_tab_area h3, div#graphic_tab_area p.subhead {
 color:#000;
 /*color: #0b1192*/
}

div.web-plan-container, div.email-template-container {
 float:left;
 width:166px;
 margin-bottom:20px;
}


div.web-plan {
 padding-top:10px;
 border-right:1px solid #fff;
 height:200px;
}
div.web-plan ul {
	list-style-type: disc;
	list-style-position:outside;
	margin-left:20px;
	color:#000
}
ul.web-plan li {
 margin-bottom:6px;
}
div.web-plan-1 {
	background-color: #E5E5E5;
}
span.web-plan-1-header {
	color:#000;
}

div.web-plan-2 {
	background-color: #E5E5E5;
}
span.web-plan-2-header {
	color:#000;
}

div.web-plan-3 {
	background-color: #E5E5E5;
}
span.web-plan-3-header {
	color:#000;
}

div#our-client {
 background:url(/images/contact_us_clients.jpg) top left no-repeat;
 padding-left:270px;
 width:450px;
}

div#about-us {
 background:url(/images/seo_aboutus.png) top left no-repeat;
 padding-left:270px;
 width:450px;
}


div.about-container {
 float:left;
 width:240px;
 margin:20px 0;
}

div.about-container p {
 font-size:24px;
 margin-bottom:5px;
}

div#contact-us-wrap {
 background:url(/images/contact_us2.png) top left repeat-x;
 margin-top:20px;
 margin-bottom:20px;
}

div#contact-us-wrap form {
 font-size:16px;
 color:#fff;
}



div#contact-us-wrap div#col1 {
 margin:20px 0 0 0;
 width:340px;
 padding-left:20px;
 float:left;
}

div#contact-us-wrap div#col2 {
 margin:20px 0 0 0;
 width:240px;
 float:left;
}

div#contact-us-wrap div#col3 {
 margin:20px 0 0 0;
 width:320px;
 float:left;
}

div#contact-us-wrap div#col4 {
 margin:20px 0 0 0;
 width:60px;
 float:left;
}

.contxt{border:1px solid #3399FF;padding:4px;font-size:16px;}
.contxt2{border:1px solid #ccc;padding:4px;font-size:16px;}

#clientnameInfo, #clientemailInfo, #phoneInfo {
 font-size:12px;
 padding:2px;
 background:#FFC400;
 color:#000;
 visibility:hidden;
}

#error {
 width:500px;
 margin:0 auto;
 background:#FFC400;
 padding:20px 0 10px 0;
}

#error2 {
 width:305px;
 background:#FFC400;
 padding:0;
 margin-bottom:10px;
}

#error p, #error2 p {
 text-align:center;
 font-size:16px;
}


label {
 float:left;
 width:70px;
}

.required {
 color:red;
}



div#map-panel {
 z-index:10;
 width:41px;
 position:absolute;
 margin-left:939px;
 margin-top:-320px;
 overflow:hidden;
}

div#map-image {
 width:381px;
 height:312px;
 overflow: hidden;
 white-space: nowrap;
}

img#map-icon {
 vertical-align:top;
 cursor:pointer;
}


ul#sitemap {
 list-style: none;
 margin:20px 0 20px 0;
 font-size:16px;
}

ul#sitemap li {
 width:945px;
 height:62px;
 padding:6px 0 0 15px;
 background:url(/images/subpage/sitemap-bg.png) bottom left no-repeat;
}

ul#sitemap li a {
 color: #0000FF;
}

ul#sitemap li ul.subitems {
 list-style: none;
 font-size:12px;
 margin-top:10px;
}

ul#sitemap li ul.subitems li {
 display:inline;
 margin-right:25px;
 background:none;
 color:#000;
}

p#footer-keywords {
 text-align:center;
 font-size: 10px;
 color: #aaa;
}

p#footer-keywords a {
 color: #aaa;
 text-decoration:none;
 }
 
 p#footer-keywords a:hover {
  text-decoration:underline;
 }

 
#main-menu-new { float: left; list-style:none; border-top:#aaa 1px solid; border-bottom:#aaa 1px solid; font-size:16px;overflow:visible;background-color:#008A3A;color:#fff;}
#main-menu-new li { float: left; position: relative; border-right:#eee 1px solid; z-index:50; }
#main-menu-new li.first {  }
#main-menu-new li.last { border-right:none;  }
#main-menu-new li a { display: block; padding: 8px 23px; line-height: 20px; text-decoration:none; color:#fff; font-weight:bolder; }
#main-menu-new  li.open a, #main-menu-new  li a:hover { background: #000; }
#main-menu-new li ul { display: none; list-style:none; position: absolute; top: 37px; left: 0; width:220px; background: #fff; font-size:16px;background: #000; }
#main-menu-new li:hover ul { display: block; }
#main-menu-new li ul li { float: none; }
#main-menu-new li ul li a { display: inline-block; font-weight:normal; padding:6px 10px;  }
#main-menu-new li ul li a:hover { background:#333; color:#eee; }
#main-menu-new li ul li a { display: block; }


/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}

.cf:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}

.e-card-list {
 list-style-type:none;
 margin:0;
 padding:0;
}

.e-card-list li {
 float:left;
 margin:0 10px 10px 0;
 padding:0;
}