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

body,div,ul,ol,li,h1,h2,h3,p{
	margin: 0;
	padding: 0;
}
h1,h2,h3,strong,em,address {
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
}
img {
	border: 0;
	vertical-align: bottom;
}
a {
	text-decoration: none;
}
a:link {
	color: #000000;
}
a:visited {
	color: #000000;
}
a:hover {
	color: #b6b5b5;
}
a:active {
	color: #000000;
}
body {
	font: 62.5% "新細明體", Osaka, "華康中黑體", sans-serif;
	color: #464646;
}
.clear:after {
	content: ".";
	display: block;
	height: 0;
	clear :both;
	visibility: hidden;
}
.clear {
	display: inline-table;
}
/* MacIE begin \*/
* html .clear {
	height: 1%;
}
.clear {
	display: block;
}
/* MacIE end */


/* Wrapper
-------------------------------------------------*/
#wrapper {
	text-align: center;
	background: url(../img/bg01.gif) repeat-x 
	left top;
}

/* Contents
-------------------------------------------------*/
#headCont,
#contents {
	width: 800px;
	margin: 0 auto;
	text-align: left;
}


/* #headCont 
-------------------------------------------------*/
#header {
	padding: 1.5em 0;
}
#header #pageTitle {
	float: left;
	padding: 0px 0 0 5px;
}

#header #gnavi {
	float: right;
	border-right: 1px solid #cccccc;
	font-size: 1.4em;
}
#header #gnavi ul li {
	float: left;
	border-left: 1px solid #cccccc;
	list-style-type: none;
}
#header #gnavi ul li a {
	display: block;
	padding: 5px 15px;
}
#mainVis .vis {
	float: left;
	padding: 0 0 0 0;
}
#mainVis .read {
	float: right;
	padding: 20px 43px 0 0;
}
#mainVis .Banner{
	padding: 10px 0 10px 0;
}
#mainVis h2 {
	text-align: center;
	padding: 10px 0 0 0;
}




/* #main 
-------------------------------------------------*/
#main {
	width: 800px;
	height: 420px;
	background: url(../img/bg03.gif) repeat left top;

	left: 0;
	padding: 20px 0 0;
	color: #ffffff;
	font-size: 0.8em;
	text-align: center;
	
	
}
#main .cont {
	width: 760px;
	padding:0 20px 0 20px;
	margin: 0 auto;
	text-align: center;	
}
#main .cont .roundTop {
	vertical-align: bottom;
}

#main .cont .heightLine {
	min-height:160px;
	height:350px;
	background:#ffffff;
}

#main .cont .roundBottom img {
	vertical-align: top;
}

#main h3 {
	margin: 0 0 5px;
}
#main p {
	color:#06C;
}
#main .colContents {
	padding:10px 15px 10px 15px;
	text-align:left;
	font-size:2em;
}

#main .colContents ul li {
	padding: 0 0 0 25px;
	background: url(../img/ic01.gif) no-repeat 0% 50%;
	list-style-type: none;
}

#main .colLL .colContents p {
	line-height:25px;
}
#main .colLL a {
	padding: 0 0 0.2em;
	background: url(../img/line01.gif) repeat-x left bottom;
	color:#06C;
}
#main .colLL a:link {
	color:#06C;
}
#main .colLL a:hover {
	color:#F63;
}

#main .svis {
	float: left;
}
#main .stxt {
	float: right;
}
#main .colAll {
	float: left;
	width: 760px;
	height:auto;
	padding: 0 0 0 0;
}
#main .colL {
	float: left;
	width: 502px;
	height:auto;
	padding: 0 0 0 0;
}
/*\*/
* html #main .colL {width: 502px;}	/* For Win IE */
/* */

#main .colL .svis img {
	float: left;
}
#main .colL .stxt {
	width: 85px;
}
	#main .colLL {
	float: left;
	width: 245px;
	
	}
	/*\*/
	* html #main .colLL {width: 245px;}	/* For Win IE */
	/* */

	#main .colLR {
		float: right;
		width: 245px;
	
		padding: 0 0 0 0;
	}
	/*\*/
	* html #main .colLR {width: 245px;}	/* For Win IE */
	/* */
#main .colR {
	float: right;
	width: 245px;
	padding: 0 0 0 0;
}
/*\*/
* html #main .colR {width: 245px;}	/* For Win IE */
/* */
#main .colR .stxt {
	float: left;
	width: 105px;
	padding: 0 0 0 5px;
}


/* mainContents
-------------------------------------------------*/
#mainContents {
	margin: 150px 0 0;
	text-align: center;
}
*:first-child+html #mainContents {
	margin: 175px 0 0;
}

#mainContents .info {
	width: 620px;
	margin: 0 auto;
	padding: 30px 0;
	background: url(../img/bg03.gif) repeat left top;
	text-align: center;
}
#mainContents .news,
#mainContents .about {
	width: 451px;
	margin: 0 auto;
	text-align: left;
}
#mainContents .info .cont h2 {
	padding: 0 0 9px;
	border-bottom: 1px solid #cccccc;
}
#mainContents .info .roundTop {
	vertical-align: bottom;
}
#mainContents .info .roundBottom img {
	vertical-align: top;
}
#mainContents .news {
	margin-bottom: 10px;
}
#mainContents .news .cont {
	padding: 5px 0 0 40px;
	font-size: 0.85em;
	background: url(../img/bg04.gif) no-repeat 50% 50% #ffffff;
}
#mainContents .news h2 {
	margin: 0 40px 20px 0;
}
#mainContents .news ul {
	margin: 0 0 0 20px;
}
#mainContents .news ul li {
	padding: 5px 0 5px 35px;
	background: url(../img/ic01.gif) no-repeat 
0% 50%;
	list-style-type: none;
}
#mainContents .news ul li a {
	padding: 0 0 0.2em;
	background: url(../img/line01.gif) 	
repeat-x left bottom
}
#mainContents .news .link {
	width: 370px;
	margin: 15px 0 0 0;
}
#mainContents .news .link span {
	display: none;
}
#mainContents .news .link a {
	display: block;
	width: 96px;
	height: 19px;
	margin: 0 0 0 auto;
}
#mainContents .news .link a:link,
#mainContents .news .link a:visited {
	background: url(../img/news_btn.gif) 
no-repeat left top;
}
#mainContents .news .link a:hover {
	background: url(../img/news_btn_o.gif)
 no-repeat right top;
}
#mainContents .news .link a:active {
	background: url(../img/news_btn_o.gif) 
no-repeat left top;
}
#mainContents .about {
	letter-spacing: 0.05em;
	line-height: 1.7em;
}
#mainContents .about .cont {
	padding: 5px 40px;
	background-color: #ffffff;
}
#mainContents .about h2 {
	margin: 0 0 10px 0;
}
#mainContents .about .pics {
	margin: 10px 0 0;
	text-align: center;
}
#mainContents .about .pics img {
	margin: 0 20px 0 0;
}
#mainContents .about .pics img.lt {
	margin: 0;
}
#mainContents .about .link {
	margin: 15px 0 0;
	text-align: right;
}
#mainContents .about .link span {
	display: none;
}
#mainContents .about .link a {
	display: block;
	width: 79px;
	height: 18px;
	margin: 0 0 0 auto;
}
#mainContents .about .link a:link,
#mainContents .about .link a:visited {
	background: url(../img/gift_btn.gif) 
no-repeat left top;
}
#mainContents .about .link a:hover,
#mainContents .about .link a:active {
	background: url(../img/gift_btn_o.gif) 	
no-repeat left top;
}






/* footCont
-------------------------------------------------*/
#footCont {
	background: url(../img/bg05.gif) left bottom repeat-x;
	text-align: center;
}


/* Fnavi
-------------------------------------------------*/
#fnavi {
	width: 80em;
	margin: 0 auto;
	padding: 25px 0 18px;
	font-size: 1em;
	background: url(../img/line02.gif) repeat-x left bottom;
}
#fnavi ul {
	float: right;
}
#fnavi ul li {
	float: left;
	padding-left: 0.5em;
	list-style-type: none;
}


/* Footer
-------------------------------------------------*/
#footer {
	width: 80em;
	margin: 0 auto;
	padding: 20px 0 100px;
	font-size: 1em;
}