body{
font-size:12px;
color:#333333;
}


a:link {
	color: #333333;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #333333;
}
a:hover {
color: #da3355;
	text-decoration: none;
}
a:active {
	text-decoration: none;
}

#logo {
height:71px;
width:200px;
position:absolute;
}

#newspa {
width:200px;
height:39px;
margin-top:100px;
position:absolute;
}

#lefttitle {
width:135px;
height:35px;
padding:10px 5px 5px 60px;

}


#title {
	width:451px;
	height:30px;
	margin:10px 0px 0px 15px;
	position:absolute;
	

}

#content {
	width:640px;
	height:500px;
	margin:50px 0px 0px 15px;
	line-height:2;
	position:absolute;
	color:#333333;
	font-size:12px;


}


#quick {
	font-size:12px;
	height:15px;
	width:auto;
	margin:10px 30px 0px 0px;
	float:right;
	left: 231px;
}

#aboutlink {
height:15px;
width:100%;
padding-top:10px;
padding-bottom:10px;
border-bottom:1px dotted #cccccc;
font-size:12px;
color:#666666;

}

#bg {
background:url(images/bg.png) center  repeat-y;
margin-right:1px;
}

#bgdown {
background:url(images/index_41.png)  repeat-x;

}

#leftlink {
width:200px;
height:150px;
line-height:2;
font-size:12px;
}

#leftlink ul {
list-style:none;
margin:5px;
padding:0;


}

#leftlink li {
margin:0;
padding:0;
border-bottom:1px solid #cccccc;
background: url(images/list_marker_white.gif) left center no-repeat;
}

#leftlink a {
background:#ffffff url(images/list_marker_red.gif) left center no-repeat;
padding:7px 0 7px 10px;
display:block;
color:#333333;
text-decoratioin:none;
}

#leftlink a:hover {
color:#333333;
background-image:none;
background-color:transparent;
}

#leftdown {
width:200px;
height:58px;
margin-top:0px;
}

#leftcenter {
width:200px;
height:58px;
margin-top:0px;
position:absolute;
}


#leftcenter-1 {
	width:200px;
	height:58px;
	margin-top:80px;
	position:absolute;

}


#bottomtxt{

margin-left:15px;
line-height:1.3;

}

#sgif {
background:#efefef url(images/news-icon02.jpg) left center no-repeat ;
padding-left:30px;
padding-right:20px;
}

#read {
width:640px;
height:415px;
line-height:1.5;


}

#inleftread {
	margin-left:10px;
	margin-top:10px;
	height:390px;
	width:262px;
	position:absolute;
}

#inleftfullstar {
	margin-left:10px;
	margin-top:10px;
	height:390px;
	width:262px;
	position:absolute;
	background:#ffffff url(images/newsreport.jpg) center top no-repeat;
}

#inrightread {
	margin-left:280px;
	margin-top:10px;
	height:550px;
	width:360px;
	position:absolute;
	border-bottom:solid 1px  #cccccc;
	
}


/*------------------------------------------------------------------------------------------------------------
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */
.ui-tabs-nav, .ui-tabs-panel {
    font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
    font-size: 12px;
}
.ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 3px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0 0 0 2px;
    font-weight: bold;
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    float: left; /* fixes dir=ltr problem and other quirks IE */
    padding: 0 12px;
    background: url(jquery/blue.png) no-repeat;
}
.ui-tabs-nav a {
    margin: 5px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    background-position: 100% 0;
    text-decoration: none;
    white-space: nowrap; /* @ IE 6 */
    outline: 0; /* @ Firefox, prevent dotted border after click */    
}
.ui-tabs-nav a:link, .ui-tabs-nav a:visited {
    color: #fff;
}
.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
    background-position: 100% -23px;
}
.ui-tabs-nav a span {
    padding-top: 1px;
    padding-right: 0;
    height: 20px;
    background-position: 0 0;
    line-height: 20px;
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-top: 0;
    height: 27px;
    background-position: 0 -23px;
    line-height: 27px;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited,
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited {
    color: #000;
}
.ui-tabs-panel {
    border: 0px solid #0040aa; /*邊框線條*/
    padding: 3px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* auto clear @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}

#container{
	width:640px;
	height:155px;
	margin:0px 0px 0px 0px;
	line-height:1.5;
	position:absolute;
}

 /* 表單 */
#inquiry {
	width: 600px; /* 指定區塊寬度 */
	position:absolute;
	margin-left:20px;
	margin-top:20px;
}
#inquiry table {
	border-top: 1px solid #CCCCCC;
	border-bottom: none;
	border-left: none;
	border-right: none;
	font-size: 100%;
	width: 100%;
}
#inquiry td {
	border-top: none;
	border-bottom: 1px solid #CCCCCC;
	border-left: none;
	border-right: 1px solid #CCCCCC;
	padding: 10px;
}
#inquiry th {
	border-top: none;
	border-bottom: 1px solid #CCCCCC;
	border-left: 6px solid #CCCCCC;
	border-right: none;
	background-color: #F3F3F3;
	font-weight: normal;
	padding: 10px;	
	width: 200px;
}
#inquiry th.must {
	border-left-color: #cccccc;
	
}
#inquiry th em {
	font-style: normal;
	color: #FF0000;
	padding-left: 5px;
}
.text1,.text2,.text3,.text4 {
	border: 1px solid #CCCCCC;
	background-color: #F3F3F3;
	padding: 2px;
}
.text1 {
	width: 100px;
}
.text2 {
	width: 100px;
}
.text3 {
	width: 98%;
}
.text4 {
	width: 98%;
}

#inquiry select {
	border: 1px solid #CCCCCC;
	background-color: #F3F3F3;
}
#inquiry .submit {
	text-align: center;
	margin-top: 30px;
}
.text1:focus,.text2:focus,.text3:focus,.text4:focus {
	border-color: #7F9DB9; /* 指定游標移入欄位時的框線顏色 */
	background-color: #FFFFFF; /* 指定游標移入欄位時的欄位底色 */
}
/* 表單 */