@charset "utf-8";

a:link,
a:visited,
a:active,
a:visited {
	color:#035d9c;
	text-decoration:none;
}

a:hover{
	color: #035d9c;
	text-decoration:none;
}
	
/* -- leftpane start -- */
#leftpane span.wcspic {
	background: url(/images/leftpane-service.png) no-repeat 0px 0px;
	border-bottom: 1px #dcdcdc solid;
	width: 210px;
	height: 100px;
	display: block;
}
/* -- leftpane end -- */

/* -- header start -- */

#wcs_picpanel{
	width:100%;
	margin:0px auto;
	top:0px;
	height:42px\9;
	
}
	
.pic-header2 {
	height: 230px;
}

#PicBox2 {
	width: 100%;
	height: 200px;
	position: absolute;
	margin-top: -25px;
	z-index: -999999999999999999999999999999;
	margin-top: -25px\9; /*all ie*/
	height: 255px\9; 
	+margin-top: -80px; /*ie7*/
}

.banner { 
	background-image: url(/views/wcs/images/banner.jpg);
	background-repeat: no-repeat;
	background-position: bottom center; 
	height: 200px;
	width: 920px;
	display: block;
	z-index: 0;
	margin: 0 auto;
	position: relative;
}

.banner span.b-title {
	text-align: center;
	text-shadow: 2px 2px 8px #fff;
	font-size: 28px;
	line-height: 26px;
	color: #000;
	position: absolute;
	top: 95px;
	left: 40px;
}

.banner span.b-title b {
	font-size: 18px;
}
/* -- header end -- */

/* -- main panel start -- */
#wcsmainpanel {
	width: 955px;
	margin: 0px auto;
	background-image: url(../../images/main-bg.jpg);
	background-repeat: no-repeat;
	background-position: center 0px;
}

#wcsmainpanel-in {
	margin: 0px auto;
	padding: 25px 35px 10px 35px;
	width: 850px;
	min-height: 550px;
	background-color: #fff;
	background-image: url(../../images/main-in-bg.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#wcsmainpanel-in-wide {
	margin: 0px auto;
	padding: 25px 35px 10px 35px;
	width: 1100px;
	min-height: 550px;
	background-color: #fff;
}

.wcs_abgne_tab_box {
	width: 920px;
	margin: 0 auto;
	margin-top: 135px\9; /*all ie*/ 
	+margin-top: 80px; /*ie7*/
}
/* -- main panel end -- */

/* -- index start -- */
.index-banner {
	position: relative; //
	background: url(/views/wcs/images/index.jpg) no-repeat;
	width: 645px;
	height: 798px;
	display: block;
}

#txgwslides {
	z-index: 100;
}

.txgwslides_container {
	width: 540px;
	overflow: hidden;
	position: relative;
	display: none;
}

.txgwslides_container div.slide {
	width: 540px;
	height: 325px;
	display: block;
}
/* -- index end -- */
.auto-pic {
	background-image: url(/views/wcs/images/top_bg-001.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}

#footer-wcs {
	width: 920px;
	margin: 0px auto 0px auto;
	padding: 110px 0px 10px 0px;
	height: 35px;
	background-image: url(../../images/copyright-bg.jpg);
	background-repeat: no-repeat;
	background-position: center 0px;
}

#footer-wcs div {
	width: 730px;
	padding: 0px 0px 0px 220px;
	color: #999;
	font-size: 12px;
}

.cnc_title {
	padding-bottom: 20px;
}

.item_active {
	text-decoration:none;
	display: block;
	width: 80px;
	float: left;
	padding: 2px 0px;
	background: url(../../images/arrow-02.png) no-repeat 0px 10px;
	padding: 7px 0px 0px 20px;
}

.item_active:hover {
	text-decoration:underline;
}

.item_unactive {
	color: #cc0000;
	display: block;
	width: 80px;
	float: left;
	padding: 2px 0px;
	background: url(../../images/arrow-06.png) no-repeat 0px 10px;
	padding: 7px 0px 0px 20px;
}

.ad_title {
	padding-bottom: 20px;
}

.cndiTitle {
	border-left: 0px solid #e3e5e5;
	margin-left: 1px;
}

.cndiTitle b {
	font-size: 15px;
	background-image: url(../../images/history-bg.jpg);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	color: #fff;
	height: 28px;
	width: 150px;
	display: block;
	padding: 2px 0px 10px 8px;
}

.vendorlist5 div {
	width: 112px;
	display: block;
	margin-top: 0px;
	margin-right: 0px;
	float: left;
	text-align: center;
}

.vendorlist4 div {
	width: 150px;
	display: block;
	margin-top: 0px;
	margin-right: 0px;
	float: left;
	text-align: center;
	text-decoration:none;
}

.vendorlist4 div:hover {
	text-decoration:underline;
}

/*table*/
table.vendortbl-list {
	width: 100%;
	border: 1px solid #eee;
	Border-collapse: collapse;
}

table.vendortbl-list th {
	border-collpase: collpase;
	padding: 5px 5px;
	text-align: left;
	font-weight: normal;
	color: #555;
	background-color: #cdcdcd;
	background-image: url(../../images/select-bg.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	border-bottom: 1px solid #999;
	border: 1px solid #eee;
	Border-collapse: collapse;
}

table.vendortbl-list td {
	padding: 10px 5px;
	border: 1px solid #eee;
	Border-collapse: collapse;
}

table.vendortbl-list td:last-child {
	background-image: none;
}

table.vendortbl-list th a {
	color: #cc0000;
}

table.vendortbl-list th a:hover {
	text-decoration: underline;
}

table.vendortbl-list td a {
	color: #0099cc;
	text-decoration: none;
}

table.vendortbl-list td a:hover {
	text-decoration: underline;
}

table.vendortbl-list th.TablTitle {
	color: #009acb;
	font-size: 13px;
	text-decoration: none;
	background-color: #cdcdcd;
	background-image: url(../../images/select-bg.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	border-bottom: 1px solid #999;
	border: 1px solid #eee;
	Border-collapse: collapse;
}

.programtitle h1 {
	font-size: 30px;
	line-height: 40px;
	font-weight: normal;
	color: #000000;
	margin-bottom: 20px;
}

.programtitle h1 span {
	font-size: 20px;
	color: #00479d;
	padding-left: 10px;
}

.divimg {
  background-color : #FFF;

  height : 110px;
  width : 110px;


  float : left;
  margin : 0px;
        

  text-align : center;

  /* Firefox, Chrome */
  line-height : 110px;
  white-space : nowrap;

  /* IE */
  *font-size : 99px;  /* 110px * 0.9 = 99px */
  *font-family : Arial;
}

.divimg:after {
  content : ".";
  font-size : 0;
  -webkit-text-size-adjust : none;
}

.divimg img {
  max-width: 100%; 
  height: auto;
  vertical-align : middle;
}

.vendor_img {
  max-width: 100%; 
  height: auto;
  vertical-align : middle;
}

img.displayed {
  display: block;
  margin-left: auto;
  margin-right: auto 
}

.divbg{
box-shadow:0px 0px 13px #000;
}

.box {
  box-shadow: 0px 0px 10px #999;
  -webkit-box-shadow: 0px 0px 10px #999;
  -moz-box-shadow: 0px 0px 10px #999;
}

#tabs-text{
	width:353px;
}
#tabs-text h3{
	background-image: url(../../images/index-news-bg.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	height:28px;
	color:#fff;
	padding:10px 0px 0px 20px;
}
#tabs-text ul{
	padding:5px 30px 0px 30px;
}
#tabs-text ul li{
	border-bottom:1px solid #e5e5e5;
	padding:6px 0px 6px 10px;
	background-image: url(../../images/icon-02.gif);
	background-repeat: no-repeat;
	background-position: left 10px;	
	text-decoration:none;
}
#tabs-text ul li:hover{
	text-decoration:underline;
}

#logo{
	float:left;
	z-index:999;
	position:relative;
	top:0px;
}

#mega-menu-1 {	
	z-index:999;	
	position:relative;	
	right:0px;
}

#mega-menu-1 li ul{
	margin:5px 0px 0px 0px;
	background: url(../../../images/select-bg.jpg) repeat-x;
	height:55px;
	width:120px;
	border:1px solid #fff;
	position:absolute;
	left:0;
	
	        /*ie7*/
	+margin-right:150px;
	z-index:999;
}

#mega-menu-2 {	
	z-index:999;	
	position:relative;	
}
.white-popup {
  position: relative;
  background: #FFF;
  padding: 0px;
  width: auto;
  max-width: 800px;
  margin: 20px auto;
}



.ui-datepicker { width: 17em; padding: .2em .2em 0; z-index:9999 !important; }

/* marquee start */
div#abgne_marquee {
	position: relative;
	overflow: hidden;	/* 超出範圍的部份要隱藏 */
	height: 25px;
	border: 1px solid #ccc;
}
div#abgne_marquee ul, div#abgne_marquee li {
	margin: 0;
	padding: 0;
	list-style: none;
}
div#abgne_marquee ul {
	position: relative;
}
div#abgne_marquee ul li a {
	display: block;
	overflow: hidden;	/* 超出範圍的部份要隱藏 */
	color:#bf1017;
	font-size:16px;
	height: 25px;
	line-height: 25px;
	text-decoration: none;
}
div#abgne_marquee ul li a:hover{
	color: #bf1017;
	text-decoration:none;
}
/* marquee end */