body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #000;
	background-image: url(../bg.gif);
	background-repeat: repeat-y;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	background-position: center;
}
.font1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #333;
}
.font1 A:link {color:#444444;text-decoration:underline}
.font1 A:visited {color:#444444;text-decoration:underline}
.font1 A:hover {color:#c30e27;text-decoration:none}
.font2 {
	font-size: 13px;
	line-height: 22px;
	color: #ee9c00;
}
.font2 A:link {color:#fff;text-decoration:underline}
.font2 A:visited {color:#fff;text-decoration:underline}
.font2 A:hover {color:#ee9c00;text-decoration:none}

/*編輯器統一樣式*/
.edit ul{
    padding-left: 15px;
    list-style-type: disc;
}
.edit ol{
    padding-left: 15px;
    list-style-type: decimal;
}
.edit h1{
    font-size: 36px;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0px;
    padding: 0px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
}
.edit h2{
    font-size: 24px;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0px;
    padding: 0px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
}
.edit h3{
    font-size: 18px;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0px;
    padding: 0px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
}
.edit h4{
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0px;
    padding: 0px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
}
.edit h5{
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0px;
    padding: 0px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
}
.edit strong{
    font-weight: bold;
}
.edit em{
    font-style: italic;
} 
.box-search {
	float: right;
	text-align: right;
	padding-top: 5px;
	padding-bottom: 4px;
	padding-right: 3%;
}

#wrap {
	width: 100%;
	height:100%;
}
.main {
	width: 1020px;
	margin-right: auto;
	margin-left: auto;
}
.accesskey {
	font-size: 12px;
	line-height: 18px;
	color: #666;
	text-decoration: none;
	float: left;
	width: 10px;
}
.accesskey A {color:#666;text-decoration:none}
.accesskey A:hover {color:#CCC;text-decoration:underline}
.accesskey1 {
	font-size: 12px;
	line-height: 15px;
	color: #666;
	text-decoration: none;
	float: left;
	height: 18px;
	width: 15px;
	text-align: center;
	padding-top: 7px;
}
.accesskey1 A {color:#666;text-decoration:none}
.accesskey1 A:hover {color:#CCC;text-decoration:underline}
#top {
	float: left;
	width: 1000px;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 45px;
	background-color: #000;
	position: relative;
	padding-bottom: 30px;
}
#top .logo {
	position: absolute;
	width: 50px;
	height: 50px;
	z-index: 10;
	left:-50px;
	top:45px;
	margin: 0px;
	padding: 0px;
}
#top h1 {
	width: 280px;
	height: 150px;
	margin: 0px;
	padding: 0px;
	float: left;
}
#top h1 a {
	display: block;
	width: 280px;
	height: 150px;
	text-indent: -9999px;
	overflow: hidden;
	background-image: url(../logo-name.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#isearch {
	float: right;
	width: 270px;
	height: 30px;
	border: 1px solid #464646;
	background-color: #292524;
	margin-bottom: 10px;
}
.isearch_l1 {
	float: left;
	width: 131px;
}
.isearch_l2 {
	float: left;
	width: 107px;
}
.isearch_r {
	float: right;
	width: 30px;
	height: 30px;
}
.inputtxt {
	font-size: 13px;
	line-height: 22px;
	color: #fff;
	border: 1px solid #292524;
	height: 22px;
	width: 99px;
	margin: 0px;
	padding-top: 1px;
	padding-right: 3px;
	padding-bottom: 5px;
	padding-left: 3px;
	background-color: #292524;
}
.selecttxt {
	font-size: 13px;
	line-height: 28px;
	color: #ccc;
	border: 1px solid #292524;
	height: 28px;
	width: 125px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 0px;
	padding-left: 2px;
	background-color: #292524;
}
.ipic {
	width: 100%;
	padding: 0px;
	margin: 0px;
	float: left;
}
#content {
	float: left;
	width: 1000px;
	padding-bottom: 35px;
	padding-right: 10px;
	padding-left: 10px;
	background-color: #000;
}
#navi {
	float: left;
	width: 430px;
	margin: 0;
	padding: 0;
	height: 150px;
	position: relative;
}
#ibanner {
	float: left;
	width: 100%;
	margin: 0;
	height: 350px;
	background-image: url(../banner-bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 2px;
	padding-left: 0;
	position: relative;
}
#icollection {
	float: left;
	width: 100%;
	margin-top: 20px;
}
.icollection-b1 {
	float: right;
	width: 220px;
}
.icollection-b1 .title {
	float: left;
	width: 100%;
}
.icollection-b1 .word {
	float: left;
	width: 100%;
	font-size: 13px;
	line-height: 20px;
	color: #CCC;
	margin-top: 12px;
}
.icollection-b1 .more {
	float: right;
	font-size: 13px;
	line-height: 20px;
	color: #CCC;
	margin-top: 13px;
	font-family: "Times New Roman", Times, serif;
	background-color: #2a2722;
	background-image: url(../icon1.png);
	background-repeat: no-repeat;
	background-position: 80px center;
	text-align: center;
	width: 90px;
	padding: 5px;
	margin-right: 10px;
}
.icollection-b1 .more A:link {color:#CCC;text-decoration:none}
.icollection-b1 .more A:visited {color:#CCC;text-decoration:none}
.icollection-b1 .more A:hover {color:#fff;text-decoration:none}
.iproducts {
	float: left;
	width: 770px;
}
.iproducts .iconleft {
	float: left;
	width: 31px;
	background-image: url(../icon3.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 30px;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 2;
}
.iproducts dl {
	float: left;
	width: 250px;
	display: block;
	padding: 0px;
	margin-top: 0px;
	margin-right: 4px;
	margin-bottom: 0px;
	margin-left: 0px;
	border: 1px solid #000;
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
	position: relative;
}
.iproducts dl:hover {
	float: left;
	width: 250px;
	display: block;
	padding: 0px;
	margin-top: 0px;
	margin-right: 4px;
	margin-bottom: 0px;
	margin-left: 0px;
	border: 1px solid #009e96;
	position: relative;
}
.iproducts dt {
	float: left;
	height: 170px;
	width: 250px;
	text-align : center;
	/* Firefox, Chrome */
      line-height : 170px;
	white-space : nowrap;

    /* IE */
      *font-size : 153px;  /* 200px * 0.9 = 180px */
      *font-family : Arial;
	display: block;
	padding: 0;
	margin: 0;
}
.iproducts dt :after {
  content : ".";
  font-size : 1px;
  margin-left : -1px;
  opacity : 0;
}
.iproducts dt img {
  vertical-align : middle;
}
.iproducts dt:hover {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter:alpha(opacity=70);
    opacity:0.7;
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}
.iproducts dd {
	float: left;
	width: 96%;
	margin: 0px;
	padding-top: 2px;
	padding-bottom: 1px;
	padding-right: 2%;
	padding-left: 2%;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 22px;
	color: #666;
}
.iproducts dd a {
	color:#fff;
	text-decoration: none;
}
.iproducts dd a:hover{
	text-decoration:none;
	color:#019e97;
}
.iproducts dl:hover .iprof a {
	color: #019e97;
}
#ivisit {
	float: left;
	width: 100%;
	margin-top: 30px;
	padding-top: 30px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #636363;
}
.ivisit-b1 {
	float: right;
	width: 220px;
}
.ivisit-b1 .title {
	float: left;
	width: 100%;
}
.ivisit-b1 .word {
	float: left;
	width: 100%;
	font-size: 13px;
	line-height: 20px;
	color: #CCC;
	margin-top: 20px;
}
.iad {
	float: left;
	width: auto;
	padding-right: 33px;
}
#footer {
	width: 1020px;
	overflow: hidden;
	float: left;
	padding-top: 18px;
	padding-bottom: 30px;
	background-color: #000;
	padding-right: 0px;
	padding-left: 0px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #666;
}
.footer_w1 {
	float: left;
	width: 580px;
	padding-left: 5px;
	padding-top: 7px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 22px;
	color: #fff;
}
.footer_w2 {
	float: left;
	width: 100%;
	color: #666;
}
.footer_w2 A:link {color:#666;text-decoration:none}
.footer_w2 A:visited {color:#666;text-decoration:none}
.footer_w2 A:hover {color:#a91b6f;text-decoration:none}
.footer_aplus {
	float: right;
	padding-top: 3px;
	width: 412px;
	text-align: right;
	vertical-align: top;
}
.footer_aplus span:first-child {
	float: left;
	padding-right: 3px;
	padding-left: 3px;
	padding-top: 0px;
}
.footer_aplus span {
	float: left;
	padding-right: 3px;
	padding-left: 3px;
	padding-top: 25px;
}
/*頁數樣式*/	
.pagenum {
	float: left;
	width: 100%;
	padding-top: 25px;
	padding-bottom: 10px;
	font-family: \5FAE\8EDF\6B63\9ED1\9AD4, \65B0\7D30\660E\9AD4, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 17px;
	text-align: center;
}
.pagenum A {
	PADDING-RIGHT: 7px;
	PADDING-LEFT: 7px;
	PADDING-BOTTOM: 5px;
	COLOR: #CCC;
	MARGIN-RIGHT: 10px;
	PADDING-TOP: 5px;
	TEXT-DECORATION: none;
	background: #FFF;
}
.pagenum A:hover {
	COLOR: #000;
	text-decoration: none;
	background-color: #E0E0E0;
	text-align: right;
}
.pagenum A:active {
	COLOR: #C00;
	background-color: #FFF;
}
.pagenum SPAN.current {
	PADDING-RIGHT: 7px;
	PADDING-LEFT: 7px;
	FONT-WEIGHT: bold;
	PADDING-BOTTOM: 5px;
	COLOR: #000;
	MARGIN-RIGHT: 10px;
	PADDING-TOP: 5px;
	background-color: #FFF;
}
.pagenum SPAN.disabled {
	PADDING-RIGHT: 7px;
	PADDING-LEFT: 7px;
	PADDING-BOTTOM: 5px;
	COLOR: #FFF;
	MARGIN-RIGHT: 10px;
	PADDING-TOP: 5px;
	background-color: #CCC;
}
.pagenum2 {
	float: left;
	width: 100%;
	padding-top: 25px;
	padding-bottom: 10px;
	font-family: \5FAE\8EDF\6B63\9ED1\9AD4, \65B0\7D30\660E\9AD4, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 17px;
	text-align: center;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #555;
	margin-top: 20px;
}
.pagenum2 A {
	PADDING-RIGHT: 10px;
	PADDING-LEFT: 10px;
	PADDING-BOTTOM: 5px;
	COLOR: #000;
	PADDING-TOP: 5px;
	TEXT-DECORATION: none;
	background-color: #FFF;
}
.pagenum2 A:hover {
	COLOR: #9a1565;
	text-decoration: none;
	background-color: #CCC;
}
.pagenum2 A:active {
	COLOR: #000;
	background-color: #CCC;
}