@charset "utf-8";
/* CSS Document */

/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em,  q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography.css */
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {
	font-size:16px;
	line-height:18px;
	margin-bottom:0.5em;
	font-weight: bold;
	color: #363636;
	padding-left:15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #8a558d;
	background-image: url(../images/icon_s.png);
	background-repeat: no-repeat;
	background-position: left center;
}
h2 {
	font-size:1.8em;
	margin-bottom:0.75em;
	font-weight: bold;
	color: #9a6c43;
	font-weight: bold;
}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em 0;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#bc4443;}
a {color:#333333;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em; padding-left:5px;}
ul, ol {margin:0 1.5em 1.5em 2.5em;}
ol li{margin:0.5em 0em 0.5em 0em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 0px 4px 0px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.0em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}
/* forms.css */
/* A container should group all your columns. */
.container {width: 830px;margin: 0 auto;background-color: #e2e932;}
.bg{background-image: url(../images/bg.jpg);background-repeat: no-repeat;background-position: left top;width: 830px;}
/* Use this class on any div.span / container to see the grid. */
.showgrid { background: url(src/grid.png); }
/* Body margin for a sensile default look. */
body {margin:0;background-color:#c0c0c0;}
#mainpad{width:660px;margin: 0 auto;}
#header{width:660px; height:270px;}
#header_in{width:660px;}
#maincontent{background:url(../images/maincontentbg.gif) repeat-y left top;}
/*#maincontent{background-color: #f2f5ac; }*/ 
#logo{float:left;padding:20px 0px 0px 0px;}
#search{float:right;padding:20px 0px 0px 0px; margin:0;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;color: #5e8936;}
#search a,#search a:link,#search a:visited,#search a:active{color: #5e8936;text-decoration: none;}
#search a:hover{color: #5e8936;text-decoration: none;}
#ttop{height:57px;}
#nav{margin:0px;padding:0px;height:66px;}
#topbnr{margin:0px;padding:0px;height:227px;}
#topbnr_in{margin:0px;padding:0px;height:164px;}

/* Columns
-------------------------------------------------------------- */

/* Sets up basic grid floating and margin. */
div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24{float:left;margin-right: 10px;}

/* The last column in a row needs this class. */
div.last { margin-right: 0; }

/* Use these classes to set the width of a column. */
.span-L  { width: 150px;float:left;}
.span-R  { width: 510px;float:left;}
.span-A  { width: 660px;float:left;}
#footer  { width: 660px;}
.span-1  { width: 25px;}
.span-2  { width: 60px;}
.span-3  { width: 95px;}
.span-4  { width: 130px;}
.span-5  { width: 165px;}
.span-6  { width: 200px;}
.span-7  { width: 235px;}
.span-8  { width: 270px;}
.span-9  { width: 305px;}
.span-10 { width: 340px;}
.span-11 { width: 375px;}
.span-12 { width: 410px;}
.span-13 { width: 445px;}
.span-14 { width: 480px;}
.span-15 { width: 515px;}
.span-16 { width: 550px;}
.span-17 { width: 585px;}
.span-18 { width: 620px;}
.span-19 { width: 655px;}
.span-20 { width: 690px;}
.span-21 { width: 725px;}
.span-22 { width: 760px;}
.span-23 { width: 795px;}
.span-24, div.span-24 { width: 830px; margin: 0; }


/* Add these to a column to append empty cols. */
.append-1  { padding-right: 35px;}
.append-2  { padding-right: 70px;}
.append-3  { padding-right: 105px;}
.append-4  { padding-right: 140px;}
.append-5  { padding-right: 175px;}
.append-6  { padding-right: 210px;}
.append-7  { padding-right: 245px;}
.append-8  { padding-right: 280px;}
.append-9  { padding-right: 315px;}
.append-10 { padding-right: 350px;}
.append-11 { padding-right: 385px;}
.append-12 { padding-right: 420px;}
.append-13 { padding-right: 455px;}
.append-14 { padding-right: 490px;}
.append-15 { padding-right: 525px;}
.append-16 { padding-right: 560px;}
.append-17 { padding-right: 595px;}
.append-18 { padding-right: 630px;}
.append-19 { padding-right: 665px;}
.append-20 { padding-right: 700px;}
.append-21 { padding-right: 735px;}
.append-22 { padding-right: 770px;}
.append-23 { padding-right: 805px;}


/* Add these to a column to prepend empty cols. */
.prepend-1  { padding-left: 35px;}
.prepend-2  { padding-left: 70px;}
.prepend-3  { padding-left: 105px;}
.prepend-4  { padding-left: 140px;}
.prepend-5  { padding-left: 175px;}
.prepend-6  { padding-left: 210px;}
.prepend-7  { padding-left: 245px;}
.prepend-8  { padding-left: 280px;}
.prepend-9  { padding-left: 315px;}
.prepend-10 { padding-left: 350px;}
.prepend-11 { padding-left: 385px;}
.prepend-12 { padding-left: 420px;}
.prepend-13 { padding-left: 455px;}
.prepend-14 { padding-left: 490px;}
.prepend-15 { padding-left: 525px;}
.prepend-16 { padding-left: 560px;}
.prepend-17 { padding-left: 595px;}
.prepend-18 { padding-left: 630px;}
.prepend-19 { padding-left: 665px;}
.prepend-20 { padding-left: 700px;}
.prepend-21 { padding-left: 735px;}
.prepend-22 { padding-left: 770px;}
.prepend-23 { padding-left: 805px;}



/* Border on right hand side of a column. */
div.border {
  padding-right:4px;
  margin-right:5px;
  border-right: 1px solid #eee;
}

/* Border with more whitespace, spans one column. */
div.colborder {
  padding-right:23px;
  margin-right:20px;
  border-right: 1px solid #eee;
}

/* Use these classes on an element to push it into the 
   next column, or to pull it into the previous column.  */

.pull-1 { margin-left: -35px;}
.pull-2 { margin-left: -70px;}
.pull-3 { margin-left: -105px;}
.pull-4 { margin-left: -140px;}
.pull-5 { margin-left: -175px;}
.pull-6 { margin-left: -210px;}
.pull-7 { margin-left: -245px;}
.pull-8 { margin-left: -280px;}
.pull-9 { margin-left: -315px;}
.pull-10 { margin-left: -350px;}
.pull-11 { margin-left: -385px;}
.pull-12 { margin-left: -420px;}
.pull-13 { margin-left: -455px;}
.pull-14 { margin-left: -490px;}
.pull-15 { margin-left: -525px;}
.pull-16 { margin-left: -560px;}
.pull-17 { margin-left: -595px;}
.pull-18 { margin-left: -630px;}
.pull-19 { margin-left: -665px;}
.pull-20 { margin-left: -700px;}
.pull-21 { margin-left: -735px;}
.pull-22 { margin-left: -770px;}
.pull-23 { margin-left: -805px;}
.pull-24 { margin-left: -840px;}

.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24 {float:left;position:relative;}


.push-1 { margin: 0 -35px 1.5em 35px;}
.push-2 { margin: 0 -70px 1.5em 70px;}
.push-3 { margin: 0 -105px 1.5em 105px;}
.push-4 { margin: 0 -140px 1.5em 140px;}
.push-5 { margin: 0 -175px 1.5em 175px;}
.push-6 { margin: 0 -210px 1.5em 210px;}
.push-7 { margin: 0 -245px 1.5em 245px;}
.push-8 { margin: 0 -280px 1.5em 280px;}
.push-9 { margin: 0 -315px 1.5em 315px;}
.push-10 { margin: 0 -350px 1.5em 350px;}
.push-11 { margin: 0 -385px 1.5em 385px;}
.push-12 { margin: 0 -420px 1.5em 420px;}
.push-13 { margin: 0 -455px 1.5em 455px;}
.push-14 { margin: 0 -490px 1.5em 490px;}
.push-15 { margin: 0 -525px 1.5em 525px;}
.push-16 { margin: 0 -560px 1.5em 560px;}
.push-17 { margin: 0 -595px 1.5em 595px;}
.push-18 { margin: 0 -630px 1.5em 630px;}
.push-19 { margin: 0 -665px 1.5em 665px;}
.push-20 { margin: 0 -700px 1.5em 700px;}
.push-21 { margin: 0 -735px 1.5em 735px;}
.push-22 { margin: 0 -770px 1.5em 770px;}
.push-23 { margin: 0 -805px 1.5em 805px;}
.push-24 { margin: 0 -840px 1.5em 840px;}

.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24 {float:right;position:relative;}



/* Misc classes and elements
-------------------------------------------------------------- */

/* Use a .box to create a padded box inside a column.  */ 
.box { 
  padding: 1.5em; 
  margin-bottom: 1.5em; 
  background: #E5ECF9; 
}

/* Use this to create a horizontal ruler across a column. */
hr {
	color: #abba11;
	clear: both;
	float: none;
	width: 100%;
	height: .1em;
	margin: 0em 0em;
	border: none;
	background-color: #abba11;
}
hr.space {
  background: #fff;
  color: #fff;
}


/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after, .container:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix, .container {display: inline-block;}
* html .clearfix,
* html .container {height: 1%;}
.clearfix, .container {display: block;}

/* Regular clearing
   apply to column that should drop below previous ones. */

.clear { clear:both; }
/*左邊選單
-------------------------------------------------------------------------------*/
#leftnav{height:580px;}
.leftnavpad{padding:10px;}
.bnrimg{padding-bottom:5px;border:0px;}
/*右邊背景色
-------------------------------------------------------------------------------*/
/**/.rightbgcolor{background-color: #abba11;}
.rightbgcolor{background-color: #bac73a;}
/*路徑path
------------------------------------------------------------------------------*/
#path{font-size: 12px;line-height:18px;color: #FFFFFF;text-align:left;padding:10px 0px 5px 5px;font-family: Verdana, Arial, Helvetica, sans-serif;background-color: #abba11;height:20px;}
#path a,#path a:link,#path a:visited,#path a:active{color: #FFFFFF;text-decoration: none;}
#path a:hover{color: #FFFFFF;text-decoration: underline;}
.selcet_path{/*定住*/color: #FFFFFF;text-decoration: underline;font-family: Verdana, Arial, Helvetica, sans-serif;}
/*Footer
------------------------------------------------------------------------------*/
.fastclick{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;color: #5e8936;font-weight: bold;padding:10px 0px;margin:0px;}
.fastclick a,.fastclick a:link,.fastclick a:visited,.fastclick a:active{color: #5e8936;text-decoration: none;}
.fastclick a:hover{color: #5e8936;text-decoration: none;}
.copyright{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;color: #727171;}
/*tab
------------------------------------------------------------------------------*/
#tabpad{padding:10px;}
.SubTitle{height:28px;margin:0px;padding:0px;}
.SubTitle ul{list-style:none;margin-left:0px;margin-right:0px;}
.SubTitle li{display:inline;white-space:nowrap;}
.tabcontent{background-color: #d5dc88;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;color: #000000;margin:0px;padding:0px;	background-image: url(../images/hometabbg.jpg);background-repeat: no-repeat;background-position: right bottom;}
.foto{padding:3px;border: 1px solid #FFFFFF;border:0px;}
/*活動須知
------------------------------------------------------------------------------*/
#InfoMain{padding:10px 12px;}
#InfoPad{width:470px;margin-bottom:0px;}
#Infotopic{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;line-height: 18px;color: #000000;float:right;text-align:left;width:290px;}
/*#Infotopic a,#Infotopic a:link,#Infotopic a:visited,#Infotopic a:active{color: #000000;text-decoration: none;}
#Infotopic a:hover{color: #000000;text-decoration: underline;}*/
#Infopic{width:174px;float:left;margin:0px;padding:0px;margin-right:8px;}
.Infopicimg{border:0px;padding:3px;border: 1px solid #FFFFFF;}
.Infoword{padding:5px 0px 0px 10px;}
.Infotitle{padding:5px 0px;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 15px;font-weight: bold;color: #8a558d;}
.Boxmore{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;line-height: 18px;color: #8a558d;text-align:right;font-weight:bold;}
.Boxmore a, .Boxmore a:link,.Boxmore a:visited,.Boxmore a:active{color: #8a558d;text-decoration: underline;}
.Boxmore a:hover{color: #8a558d;text-decoration: none;}
/*homein
-------------------------------------------------------------------------------*/
#InfoPad_green{background-color: #bcc841;padding:10px 10px;}
#InfoPad_green2{background-color: #abba11;padding:10px 10px;}
#homeinpad{margin:10px;padding:0px;}
#homeinpic{width:101px;margin:0px;padding:0px;}
#homeinfo{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;line-height: 18px;color: #000000;text-align:left;}
.Date{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;padding:2px 0px;color: #434343;text-align:right;}
/*-----------------------↓左邊選單↓----------------------*/
/*左邊menu區 上方圖片*/
#sideImageE {
	font-family:Arial, Helvetica, sans-serif;font-size:13px;font-weight: bold;color:#ea6108;line-height:18px;
}

#sideImage {height:16px;padding:5px 3px;}
#sideImage img {border:none;}
/*左邊menu區*/
#SideBar {float:left;margin:0;padding:0;}
/*第一層*/
.navigation {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;}
.navigation ul {list-style: none;margin: 0;padding: 0; width:130px;}
.navigation li {border-bottom: 1px solid #b7ca7d;}
.navigation li a:link, .navigation li a:visited  {display: block;padding: 4px 5px 5px 15px;border-left: 0px solid #FFFFFF;color: #5e8936;font-weight: bold;text-decoration: none;}
.navigation li a:hover {color: #5e8936;font-weight: bold;background-image: url(../images/icon_r.png);background-repeat: no-repeat;background-position: left center;display: block;}
.navigation li a:focus {color: #5e8936;font-weight: bold;background-image: url(../images/icon_r.png);background-repeat: no-repeat;background-position: left center;text-decoration: none;}

/*第二層*/
.navigation2 {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;}
/*.navigation2 ul  {list-style: none;margin: 5px 10px 0px 5px;padding: 5px 10px 0px 10px;}*/
.navigation2 ul  {list-style: none; margin: 0px 0px 0px 10px;padding:0px;}
.navigation2 li {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;border-bottom: 1px solid #b7ca7d;}
.navigation2 li a:link, .navigation2 li a:visited  {display: block;padding: 5px 5px 5px 20px;border-left: 0px solid #FFFFFF;color: #5e8936;text-decoration: none;background-image: url(../images/navicon2_green.png);background-repeat: no-repeat;background-position: 10px center;display: block;}
.navigation2 li a:hover {color: #8a558d;background-image: url(../images/navicon2_o2.png);background-repeat: no-repeat;background-position: 10px center;display: block;}
/*-----------------------↑左邊選單↑----------------------*/
/*NEWS
--------------------------------------------------------------------------------------------------*/
#newsinpad{margin:0px;padding:0px;}
#newsInfoMain{padding:10px 12px;}
#newsInfoPad{width:470px;margin-bottom:5px;}
#newsInfotopic{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;line-height: 18px;color: #000000;/*float:right;*/text-align:left;/*width:290px;*/}
.newsInfopic{width:174px;float:left;margin:0px;padding:0px;margin-right:3px;margin-top:15px;background-color:#993300}
.newsInfopicimg{padding:3px; margin: 0; border: 1px solid #FFFFFF; }
.newsInfoword{padding:5px 5px 0px 5px;}
.newsInfotitle{padding:5px 0px;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 15px;font-weight: bold;color: #8a558d;}
.newstabcontent{background-color: #d5dc88;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;color: #000000;margin:0px;padding:0px;}
.newsBoxmore{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;line-height: 18px;color: #8a558d;text-align:right;font-weight:bold;}
.newsBoxmore a, .Boxmore a:link,.Boxmore a:visited,.Boxmore a:active{color: #8a558d;text-decoration: underline;}
.newsBoxmore a:hover{color: #8a558d;text-decoration: none;}
.newsDate{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;padding:2px 0px;color: #434343;text-align:right;}
/*.newsincontent{padding-left:15px;background-color: #d5dc88;padding-top:10px;padding-right:10px;padding-bottom:480px;}
*/
.newsincontent2{ margin:0;padding-left:15px;background-color: #d5dc88;padding-top:10px;padding-right:10px;padding-bottom:10px;}
.newsincontent{padding-left:15px;padding-top:10px;padding-right:10px;}
.newsincontent a, .newsincontent a:link,.newsincontent a:visited,.newsincontent a:active{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;}
.newsincontent a:hover{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;text-decoration: none;}

#Newsdate{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 13px;line-height: 24px;color: #333333;text-align:left;margin:10px 0px;}
#Newsdate ul { padding:0; margin:0; list-style:none; height:180px;}
#newswording{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 13px;line-height: 18px;color: #000000;padding:10px 5px 5px 5px;}
#btn_back{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;line-height: 24px;color: #1b1b1b;text-align:right; padding:5px;}
#btn_back a,#btn_back a:link,#btn_back a:visited,#btn_back a:active{color: #1b1b1b;text-decoration: underline;}
#btn_back a:hover{color: #1b1b1b;text-decoration: none;}

.pagebar_center{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;line-height: 18px;color: #1b1b1b;text-align:center;margin:20px 0px;}
.pagebar_center a,.pagebar_center a:link,.pagebar_center a:visited,.pagebar_center a:active{color: #1b1b1b;text-decoration: none;}
.pagebar_center a:hover{color: #1b1b1b;text-decoration: underline;}

/*表格
--------------------------------------------------------------------------------------------------*/
.datatable{margin:10px 0px; border-collapse:collapse;}
.datatable td{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #000000;
	text-align:left;
	padding:3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
}
.datatable th{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
	color: #FFFFFF;/*background-color: #8a558d;*/
	background-color: #7d7d7d;
	font-weight: normal;
	text-align:center;
	padding:5px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
}
.tdcolor1{/*background-color: #dbc3dc;*/background-color: #E2E2E2;}
.tdcolor2{/*background-color: #c6a7c8;*/background-color: #E2E2E2;}
.datatable td a,.datatable td a:link,.datatable td a:visited,.datatable td a:active{color: #8a558d;text-decoration: none;}
.datatable td a:hover{color: #8a558d;text-decoration: none;}

.subtitle_name{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 13px;line-height: 18px;color: #000000;}
.subdl{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 13px;color: #1b1b1b;}

/****************************************2009/11/11新增隱私權政策、聯絡表單等CSS****************************************/

/*隱私權政策
-------------------------------------------------------------------------------------------------------------------------------------*/
#privacywording{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;line-height: 18px;color: #000000;padding-top:10px;}
.privacytitle{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 13px;line-height: 18px;color: #FFFFFF;background-color: #669966;padding: 5px;}
#privacywording ul {list-style: none;margin: 0;padding: 5px 0px 5px 25px;}
#privacywording li {list-style-type:square;color: #000000;}
#privacywording li a:link, #privacywording li a:visited  {text-decoration: underline;}
#privacywording li a:hover {text-decoration: none;}
/*表單(單一窗口服務)
-------------------------------------------------------------------------------------------------------------------------------------*/
#formpad{padding-top:10px;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;line-height: 18px;color: #000000;}
.fbtnpad{margin:20px 0px;text-align:center;}
.Formwidth{}
.formlistpad{margin:10px 0px;}
.fixleft{width:100px;text-align:right;float:left;}
.formright{float:left;}
/*.formtitle{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 13px;line-height: 18px;color: #333;background-color: #cccccc;padding: 5px;}
*/
.formtitle{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 13px;line-height: 18px;color: #FFFFFF;background-color: #339933;padding: 5px;}

#formpad ul {list-style: none;margin: 0;padding: 5px 0px 5px 25px;}
#formpad li {list-style-type:square;color: #434343;}
#formpad li a:link, #formpad li a:visited  {text-decoration: underline;}
#formpad li a:hover {text-decoration: none;}
/*表單基本設定*/
fieldset {padding:1.4em;margin:10px;border:1px solid #339933;}
legend {font-weight:bold;font-size:15px;font-family: Verdana, Arial, Helvetica, sans-serif;line-height: 24px;color: #339933;}
.button{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;line-height: 18px;color: #666666;background-color: #FFFFFF;border: 1px solid #E2E2E2;}



/*-----------------------TabContainer----------------------*/
.ajax_tab_menu .ajax__tab_header /*整体按钮底样式*/
{
font-family:新細明體;
height:28px;
font-size:12px;
}

.ajax_tab_menu .ajax__tab_body /*资料区*/
{
font-family:新細明體;
font-size:12px;
border:0px solid #999999;
border-top:0;
/*background-color:#ffffff;*/}

.ajax_tab_menu .ajax__tab_tab /*预设样式*/
{
/*width:114px;*/
height:28px;
line-height:28px;
text-align:center;
margin-right:4px;
margin:0;
}
.ajax_tab_menu .ajax__tab_hover .ajax__tab_tab /*鼠标经过样式*/
{
/*width:85px;*/
height:28px;
color:#FFFFFF;
line-height:28px;
text-align:center;
}

.ajax_tab_menu .ajax__tab_active .ajax__tab_tab /*当前使用中样式*/
{
/*width:85px;*/
height:28px;
line-height:28px;
text-align:center;
color:#FFFFFF;
}


#ctl00_ContentPlaceHolder_Right_lbl_SubMenu { padding-left:20px; padding-bottom:20px; display:block;}
div.SiteMap {} /*網站地圖*/
.SiteMap table {
	height:18px;
	padding:0;
	margin:0;
}
.SiteMap tr {	
}
.SiteMap td {font-family:Arial, Helvetica, sans-serif; font-size:13px; height:15px;}
.PlayAreaADContainer {width:160px; height:90px; margin:5px 0px;}
.PlayAreaAD {width:140px;}
/*#HistoryNews table { border:none; border-collapse:collapse;}
#HistoryNews td { border-bottom:#eef294 1px solid; height:2em; border-left:none; border-right:none;}
#HistoryNews td a:hover { color:#FFFFFF; text-decoration:none;}
#HistoryNews tr:hover {background-color:#dde425;color:#FFFFFF;}
*/
tr.HistryPageList {border-bottom:#eef294 1px solid; border-collapse:collapse; height:2em; border-left:none; border-right:none;}
tr.HistryPageList a:hover { color:#FFFFFF; text-decoration:none;}
tr.HistryPageList:hover {background-color:#dde425;color:#FFFFFF;}
tr.GridViewPagerStyle{ text-align:center;}
tr.GridViewPagerStyle:hover {background-color:#BAC73A;}
tr.GridViewPagerStyle table {width:100px; margin-right:auto; margin-left:auto; border: #BAC73A 1px solid!important;}
tr.GridViewPagerStyle table td {text-align:center;}
tr.GridViewPagerStyle table td a:linked, tr.GridViewPagerStyle table td a:visited { color:#CCCCCC;}
tr.GridViewPagerStyle table td a:hover {text-decoration:none; border:#CCCCCC 1px solid;}

/* GridView Header  */
.gvHead
{
	font-weight:bold ;
	font-size: 9pt;
	text-decoration: none;
	color: #FFFFFF;
	/*background-image: url(./Images/gvHead.gif);*/
	background-color:#3b5998;
	height: 21px;
	white-space: nowrap;
	text-align: center;
}
/* GridView 單數row */
.gvRow
{
	background-color:#e6ebef;
	color:#003366;
	font-size:9pt;
	font-family:Arial;
	text-align:center;
	height:1.5em;
	font-weight:normal;
}

.gvRow td
{
	padding-right: 2px;
	padding-left: 2px;
} 

/* GridView 複數row */
.gvARow
{
	background-color:#F9F9FF;
	color:#0D1334;
	font-size:9pt;
	font-family:Arial;
	text-align:center;
	height:18px;
	font-weight:normal;
}

.gvARow td
{
	padding-right: 2px;
	padding-left: 2px;
}

/* GridView 滑鼠移動時的光棒 */
.gvRowOver
{
	background-color:#7b7ef2;
	color:#eef0fa;
	font-size:9pt;
	font-family:Arial;
	text-align:center;

}

/* GridView 被選取的Row */
.gvRowSel
{
	background-color:#ffe1ff;
	color:#C40000;
	font-size:9pt;
	font-family:Arial;
	font-weight:bold;
	text-align:center;
	padding:0px 10px;
}
.rowBtn
{
	font-size:8pt;
	color:#ffffff;
	width:40px;
	height:20px;
	border:outside 1px LightSteelBlue;
	font-weight:normal;
	background-color:RoyalBlue;
}

.rowBtnHover
{
	font-size:8pt;
	color:#0f2dff;
	width:40px;
	height:20px;
	cursor:pointer;
	border:solid 1px #0f2dff;
	font-weight:normal;
	background-color:#C9D1FC;
}
/* 文博會廠商介紹用 */
#SArea {width:95%; padding:0; margin:10px 0 0px 10px; height:30px; overflow:hidden;}
#ctl00_ContentPlaceHolder_Right_UpdatePanel2 {height:30px; padding:0; margin:0;}
#pc003 { width:95%; padding:0; margin:0px 0 10px 10px;}
div#pc003 table { border-collapse:collapse; border:0; background-color:#FFFFFF; padding-top:0; margin-top:0;}
div#pc003 th{ background-color:#808080; color:#FFFFFF; font-size:13px; height:30px; font-weight:normal; text-align:center;}
div#pc003 td {color:#000; font-size:12px;border-bottom:#CCCCCC 1px solid;border-left:#CCCCCC 1px solid;}
.sections { margin:0; padding:20px}
.Factory2 {width:100%;}
div.Factory ul { margin:0; padding:0;}
div.Factory li { display:block; height:110px;  margin:0; padding:0; }
div.Factory ul span { border:none; height:0px;}

div.Factory2 ul { margin:0; padding:0;}
div.Factory2 li { display:block; width:330px; height:100px;overflow:hidden; margin:0; padding:0; }
.List {border: none;}
.LastList{ border-bottom:#fff 1px solid !important;}

div.Factory2 ul span { border:none; height:0px;}

.FactoryFirst {float:left; width:210px;overflow:hidden; height:100px; margin:0;  padding:10px 0px 0px 5px;}
.FactoryFirst a { display:block; height:30px;margin-top:auto; margin-bottom:auto; color:#8a558d; text-decoration:none; }
.FactoryFirst a:hover { color:#8a558d;text-decoration:none; }
.FactoryLast2 {float:right;margin:0; padding:10px 10px 0 0px;/*border-left:#CCCCCC 1px solid;*/overflow:hidden; width:95px; height:100px;}

.GrayRow{ background:#e1e1e1;}
/*br { display:none;}*/
#Pic_box { float:left; padding:5px;}

#Pager { color:#333333; font-size:12px; text-align:center;}
#Pager a{ color:#333333; font-size:12px;}
#Pager a:hover{ color:#333333; font-size:12px;}