﻿body {
	font-family:Arial, Verdana, Helvetica, sans-serif;
	color:#666666;
	margin: 0px;
	padding: 0px;
	background-attachment: fixed;
	background-repeat: repeat-x;
	background-image: url(../images/back.gif);
}
img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
	padding: 0px;
}

#wrapper {
	width: 1002px;
	margin: 0px auto;
	overflow: hidden;
	position: relative;
	background-repeat: no-repeat;
	background-position: 0px top;
	background-image: url(../images/index_back.jpg);
}

#footerbg {
	width: 100%;
	overflow: hidden;
	position: relative;
	background-repeat: no-repeat;
	background-position: 0px bottom;
	background-image: url(../images/index_footer.gif);
}

#top {
	width: 100%;
	position: relative;
	height: 158px;

}

#toplogo {
	height: 140px;
	width: 241px;

}

#topsitemap {
	position: absolute;
	top: 29px;
	margin: 0px;
	padding: 0px;
	right: 300px;
	width: 300px;
}
#topsitemap  ul  {
	margin: 0px;
	padding: 0px;
}
#topsitemap li {
	margin: 0px;
	padding: 0px 10px 0px 0px;
	float: left;
	list-style-type: none;
}

#topsitemap a:link {
	color: #000000;
}
#topsitemap a:visited {
	color: #000000;
}
#topsitemap a:hover {
	color: #000000;
}

#topver {
	position: absolute;
	top: 32px;
	right: 27px;
	margin: 0px;
	padding: 0px;
}
#topver ul {
	margin: 0px;
	padding: 0px;
}
#topver li {
	margin: 0px;
	padding: 0px;
	float: left;
	list-style-type: none;
}

#topsearch {
	position: absolute;
	top: 27px;
	margin: 0px;
	padding: 0px;
	right: 20px;
}
#topsearch ul {
	margin: 0px;
	padding: 0px;
}
#topsearch li {
	margin: 0px;
	padding: 0px;
	float: left;
	list-style-type: none;
}


#topmenu {
	margin: 0px;
	padding: 0px;
	position: absolute;
	right: 0px;
	top: 71px;
	background: url(../images/index_11.gif) bottom;
	height: 69px;
}

#topmenu ul {
	margin: 0px;
	padding: 0px;

}

#topmenu li {
	margin: 0px;
	padding: 0px;
	float: left;
	list-style-type: none;
}

#topmenu li img {
	float: left;
}


#topimg {
	width: 1002px;
}

#main {
	width: 100%;
	position: relative;

}

#left {
	width: 255px;
	position: relative;
	float: left;
	padding-left: 28px;
	padding-top: 16px;
}

#left1 {
	width: 225px;
	position: relative;
	float: left;
	padding-left: 38px;
	padding-top: 16px;
}

#leftlineL {
	width: 7px;
	float: left;
	background-image: url(../images/homestyle_menuline.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 347px;
	background-color: #CCCCCC;
	margin-bottom: -2000px;
	padding-bottom: 2000px;
	display: block;
}

#center {
	width: 377px;
	position: relative;
	float: left;
	padding-left: 24px;
	padding-right: 24px;
}


#maincenter {
	width: 650px;
	position: relative;
	float: left;
	padding-left: 24px;
}

#maincenter1 {
	width: 665px;
	position: relative;
	float: left;
	padding-left: 26px;
}


#right {
	width: 271px;
	float: left;
	position: relative;
	padding-left: 0px;
	padding-top: 16px;
}

#right01 {
	width: 528px;
	position: relative;
	background-image: url(../images/newsbg.jpg);
	background-repeat: no-repeat;
	height: 342px;


}

#right02 {
	width: 100%;
	float: left;

}

#footer {
	width: 100%;
	height: 125px;
	position: relative;
	clear: both;
}
.footer_acc {
	width: 88px;
	position: absolute;
	right: 40px;
	bottom: 33px;
}

.footer_logo {
	width: 42px;
	position: absolute;
	bottom: 22px;
	left: 40px;
	height: 53px;
}

.footer_add {
	width: 50%;
	position: absolute;
	left: 100px;
	padding-left: 0px;
	bottom: 18px;
	color: #FFFFFF;
}
.footer_add  ul {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 30px;
}
.footer_add  li {
	list-style: url(../images/aqr-01.gif) none;
	padding-top: 2px;
	padding-bottom: 5px;
}
.footer_ver {
	width: 20%;
	padding-right: 30px;
	padding-top: 58px;
	position: absolute;
	right: 0px;
	top: 5px;
}
.footer_ver  ul {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 6px;
}
.footer_ver  li {
	list-style-type: none;
	list-style-image: none;
	float: left;

}
.footer_ver_li01 {
	padding-top: 5px;

}
.footer_ver_li02 {
	padding-top: 5px;
	padding-left: 2px;

}

#tabU {
	position: absolute;
	left: 280px;
	font-size: 75%;
	top: 50px;
}

#tabL {
	font-size: 75%;
	text-align: right;
	position: absolute;
	top: 0px;
	left: 30px;
}
#tabC {
	height: 15px;
	width: 15px;
	font-size: 75%;
	line-height: 2em;
	color: #666666;
	text-align: right;
	position: absolute;
	top: 0px;
	display: block;
	z-index: 5;
	overflow: hidden;
}

#tabCM {
	height: 15px;
	width: 650px;
	font-size: 75%;
	float: left;
	padding-left: 24px;
}

#tabCM1 {
	height: 15px;
	width: 665px;
	font-size: 75%;
	float: left;
	padding-left: 24px;
}

.butphoto3 {
	float: left;
	width: 100%;

}
.butphoto3  LI  IMG {
	MARGIN: 0px;
	padding: 0px;
	float: left;
}
.butphoto3  UL {
	MARGIN: 0px;
	padding: 0px;
}
.butphoto3  LI {
	FLOAT: left;
	MARGIN: 0px;
	LIST-STYLE-TYPE: none;
	padding: 0px;
}

.newsban {
	float: left;
	width: 80%;

}

.newsban1 {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 1;

}

.newslist {
	float: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	line-height: 160%;
	color: #ccccd5;
}

.newslist   ul {
	margin: 0px;
	padding: 0px;
}
.newslist   li{
	margin: 0px;
	list-style: none;
	background-image: url(../images/arr-02.gif);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 7px;
	padding-left: 22px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666683;
}

.newslist a:link {
	color: #ccccd5;
}
.newslist a:visited {
	color: #ccccd5;
}
.newslist a:hover {
	color: #ff5706;
}

.numico {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 78%;
	height: 15px;
}

.numico ul {
	margin: 0px;
/*	padding: 0px; */
	float: right;
	
}
.numico li{
	padding: 0px;
	float: left;
	list-style-type: none;
	height: 15px;
	width: 15px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 2px;
	background-color: #000000;
	text-align: center;
	font-weight: bold;
}

.numico .on1{
	color: #000000;
	background-color: #FF3300;
	display: block;
	height: 15px;
	width: 15px;
}

.numico a:link {
	color: #FFFFFF;
	background-color: #000000;
	display: block;
	height: 15px;
	width: 15px;
}
.numico a:visited {
	color: #FFFFFF;
	background-color: #000000;
	display: block;
	height: 15px;
	width: 15px;
}
.numico a:hover {
	color: #FFFFFF;
	background-color: #FF3300;
	display: block;
	height: 15px;
	width: 15px;
}

.moreico {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 44px;
	height: 15px;
}

.txtlink {
	float: left;
	width: 100%;
	margin: 0px;
	padding: 0px;
}

.txtlinkban {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 100%;
}

.txtsub {
	float: left;
	width: 290px;
	background-image: url(../images/newsico.gif);
	background-repeat: no-repeat;
	height: 32px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 7px;
	padding-left: 38px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #808080;
	margin-top: 12px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-weight: bold;
	color: #569a0e;
}

.txtconn {
	margin: 0px;
	float: left;
	width: 328px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
}

.imglinkban {
	margin: 0px;
	width: 203px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	float: left;
	text-align: center;
}

.imglinkban1 {
	margin: 0px;
	width: 185px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	float: left;
	text-align: center;
}

.txtlinkbody {
	background-repeat: no-repeat;
	background-position: 0px 0px;
	float: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 24px;
	margin: 0px;
	width: 100%;
}

.txtlinkbody1 {
	background-repeat: no-repeat;
	background-position: 0px 0px;
	float: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	margin: 0px;
	width: 100%;
}

.txtlinkbodyimg1 {
	background: url(../images/index_21.gif) no-repeat;
	height: 108px;
	width: 231px;

}

.txtlinkbodyimg2 {
	background: url(../images/index_24.gif) no-repeat;
	height: 104px;
	width: 231px;

}

.txtlinkbodyimg3 {
	background: url(../images/index_20.gif) no-repeat;
	height: 246px;
	width: 353px;

}

.txtlinkbodyimg4 {
	background: url(../images/member_02.gif) no-repeat;
	height: 108px;
	width: 205px;

}

.txtlinkbody a:link {
	color: #000000;
}
.txtlinkbody a:visited {
	color: #333333;
}
.txtlinkbody a:hover {
	color: #ff5706;
}

.newstab {
	height: 207px;
	width: 329px;
	margin: 0px;
	padding: 0px;
	float: left;
	overflow: hidden;

}


/* 表單 */

.formsty1 {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
	float: left;
	padding-bottom: 8px;
	padding-top: 10px;
}

.formsty1 ul {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 160px;
}

.formsty1 li{
	margin: 0px;
	list-style: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 1px;
	padding-left: 0px;
}


.formsty2 {
	float: left;
	padding-bottom: 0px;
	padding-top: 6px;
}

.formsty2 ul {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 204px;
}
.formsty2 li{
	margin: 0px;
	list-style: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 1px;
	padding-left: 0px;
}

.formsty3 {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
	float: left;
	padding-bottom: 8px;
	padding-top: 10px;
}

.formsty3 ul {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 142px;
}

.formsty3 li{
	margin: 0px;
	list-style: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 1px;
	padding-left: 0px;
}

.formsty4 {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
	float: left;
	padding-bottom: 10px;
	padding-top: 20px;
	margin-bottom: 5px;
	width: 180px;
	text-align: center;
	height: 25px;
}

.formsty5 {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
	float: left;
	padding-bottom: 10px;
	padding-top: 20px;
	margin-bottom: 5px;
	width: 205px;
	text-align: center;
	height: 25px;
}

label{
	margin: 0px;
	padding: 0px;
	color: #333333;

}

.input-text{
	border:1px solid #9e9e9e;
	color:#666666;
}

.input-img{
	float: left;
	height: 43px;
	width: 43px;
	margin: 0px;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;

}

.input-img1{
	padding-left: 52px;
}

.input-img2{
	padding-left: 65px;
}


.photocont {
	float: left;
	width: 100%;
	padding-top: 15px;
}

.phototxt   {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	line-height: 175%;
	color: #CCCCD5;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;


}

.photoban1 {
	width: 120px;
	float: right;
	height: 140px;
	overflow: hidden;
	margin-left: 0px;
	padding-left: 5px;
}

.adbody {
	background: url(../images/index_17.jpg) no-repeat;
	height: 293px;
	width: 528px;
	position: relative;
}
.admovie {
	position: absolute;
	left: 26px;
	top: 1px;
}
.admoviemenu {
	position: absolute;
	width: 475px;
	background: #494949;
	height: 24px;
	left: 26px;
	top: 245px;
	font: 75% Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

.admoviemenu  UL {
	MARGIN: 0px;
	padding: 0px;
}
.admoviemenu  LI {
	FLOAT: left;
	MARGIN: 0px;
	LIST-STYLE-TYPE: none;
	padding: 5px 20px 0px;
}
.admoviemenucolor {
	background: #9a0720;
	height: 19px;
}

.admoviemenu a:link {
	color: #FFFFFF;
}
.admoviemenu a:visited {
	color: #FFFFFF;
}
.admoviemenu a:hover {
	color: #FFFFFF;
}

/* 列表 */


.txtlist {
	float: left;
	width: 100%;

}

.banner {
	padding-bottom: 0px;
	float: left;
}

.banphoto {
	margin: 0px;
	padding: 0px;
	float: left;
}
.banmore {
	top: 0px;
	right: 0px;
	float: right;

}
.listtxt1 {
	float: left;
	padding-top: 7px;
	width: 100%;
	padding-bottom: 7px;
}
.listtxt1 ul {
	margin: 0px;
	padding: 0px;
}
.listtxt1 li{
	margin: 0px;
	list-style: none;
	background-image: url(../images/arr-01.gif);
	background-repeat: no-repeat;
	background-position: 5px 2px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 22px;
}

/* 列表 End */


/* 無廣告圖片 */
.noad1 {
	width: 205px;
	height: 54px;
	background-image: url(../images/other_01_demo.gif);
	background-repeat: no-repeat;
	position: relative;
	display:table;
	/*overflow:hidden;*/

}

.noad1 p {
		vertical-align:middle;
		display:table-cell;
		_position:absolute;
		_top:50%;
	
}


.noad1 span {
	text-align: center;
	/*border: 1px solid #ff6000;*/
	display: block;
		_position:relative;
		_top:-50%;

}

/* 垂直圖片排列 */
.butphoto2 {
	MARGIN: 0px 0px 0px 10px;
	_MARGIN: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	_padding: 0px 0px 0px 0px;
	width: 225px;
	position: relative;
	display: block;
}
.butphoto2 IMG {
	MARGIN: 0px;
	padding: 0px;
	border-width: 0px;
}
.butphoto2  UL {
	MARGIN: 0px;
	padding: 0px;
}
.butphoto2  LI {
	LIST-STYLE-TYPE: none;
	text-align: center;
	margin: 0px;
	padding: 1px 0px;
}
/* 垂直圖片排列 End */

/* 水平圖片排列 */
.butphoto3 {
	float: left;
	width: 100%;

}
.butphoto3  LI  IMG {
	MARGIN: 0px;
	padding: 0px;
	float: left;
}
.butphoto3  UL {
	MARGIN: 0px;
	padding: 0px;
}
.butphoto3  LI {
	FLOAT: left;
	MARGIN: 0px;
	LIST-STYLE-TYPE: none;
	padding: 0px;
}
/* 水平圖片排列 End */



/* 底圖 */

.bgimg1 {
	overflow: hidden;
	position: relative;
	background-image: url(../images/index_23.gif);
	background-repeat: repeat-y;
	overflow: hidden;
}

.bgimg1up {
	background-image: url(../images/index_18.gif);
	background-repeat: no-repeat;
	background-position: 0px top;
	overflow: hidden;
	position: relative;
}

.bgimg1down {
	background-image: url(../images/index_46.gif);
	background-repeat: no-repeat;
	background-position: 0px bottom;
	overflow: hidden;
	position: relative;
}

.content01 {
	position: relative;
	padding-top: 20px;
	padding-bottom: 25px;
	width: 253px;
	padding-left: 8px;
	text-align: center;
	display: block;
}


.bgimg2 {
	overflow: hidden;
	position: relative;
	background-image: url(../images/index_36.gif);
	background-repeat: repeat-y;
	overflow: hidden;
	width: 227px;
	display: inline-block;
}

.bgimg2up {
	background-image: url(../images/index_32.gif);
	background-repeat: no-repeat;
	background-position: 0px top;
	overflow: hidden;
	position: relative;
}

.bgimg2down {
	background-image: url(../images/index_45.gif);
	background-repeat: no-repeat;
	background-position: 0px bottom;
	overflow: hidden;
	position: relative;
}

.content02 {
	padding-top: 10px;
	padding-bottom: 10px;
	width: 100%;
	position: relative;
	text-align: center;
}

.gallery {
	width: 255px;
	position: relative;
}

.videoview {
	padding: 0;
	display: block;
	margin: 0;
	float: left;
}


/* 底圖 End */


/* Gallery */

.recent-photos {
	padding-top: 6px;
	float: left;
	position: relative;
	padding-bottom: 3px;

}

.prev {
	display: block;
	float: left;
	width: 14px;
	height: 50px;
		/*背景改由程式控制
	background: url(../images/videoarrL_out.gif) no-repeat;
*/
}

.next {
	display: block;
	float: left;
	width: 13px;
	height: 50px;
	/*背景改由程式控制
background: url(../images/videoarrR_out.gif) no-repeat right top;
*/
}

.prev span, .next span {
	display: none;
}

.prev a {
	display: block;
	float: left;
	width: 14px;
	height: 50px;
	background: url(../images/videoarrL_on.gif) no-repeat;
}


.next a {
	display: block;
	float: left;
	width: 13px;
	height: 50px;
	background: url(../images/videoarrR_on.gif) no-repeat right top;
}

.thumbstab {
	width: 228px;
	height: 80px;
	overflow: hidden;
	float: left;
}

.thumbs {
	float: left;
	width: 100%;
}

.thumbs span {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	display: block;
	text-align: center;
	padding-top: 2px;

}

.thumbs ul {
	MARGIN: 0px;
	padding: 0px;
}
.thumbs li {
	LIST-STYLE-TYPE: none;
	float: left;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 10px;
	display: block;
}

.thumbs img {
	display: block;

}

.over{
	margin-top: 4px;
	height: 50px;
	width: 50px;
	overflow: hidden;
	display: block;
	margin-right: 3px;
	margin-left: 3px;
}

.on{
	border: 2px solid #ff6000;
	height: 50px;
	width: 50px;
	overflow: hidden;
	display: block;
	margin-right: 1px;
	margin-left: 1px;
}


.formsize1 {
	height: 16px;
	width: 150px;
	border: 1px solid #A7A5A4;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	float: left;
	margin-top: 0px;
	margin-right: 2px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
}
/*.thumbs a:link {
	height: 50px;
	width: 50px;
	overflow: hidden;
	display: block;
}
.thumbs a:visited {
	height: 50px;
	width: 50px;
	overflow: hidden;
	display: block;
}
.thumbs a:hover {
	border: 2px solid #ff6000;
	display: block;
	height: 50px;
	width: 50px;
	overflow: hidden;
}*/


.photoboxtxt {
	width: 100%;
	float: left;
	padding-top: 5px;
	padding-bottom: 15px;
}

.photoboxtxt ul {
	margin: 0px;
	padding: 0px;
}
.photoboxtxt li {
	list-style-type: none;
	background-image: url(../images/arr-02.gif);
	background-repeat: no-repeat;
	background-position: 0px 11px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 22px;
	border-bottom: 1px dashed #C2C2C2;

}

.photoboxtxt a {
}

.photoboxtxt a:hover {
	text-decoration: underline;

}

