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

body{
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif, "新細明體";
	background:url(../images/topbg.jpg) top left repeat-x;
}
.pageoutline{
	width:930px;
	margin:0px auto;
}
.clear{
	clear:both;
}
img{
	border:none;
}
form{
	margin:0px;
	padding:0px;
}
.pagebody{
	padding:0px 0px 6px 0px;
	position:relative;
	/*overflow:hidden;*/
	width:100%;
}
.pagefoot{
	background:url(../images/pagefootbg.jpg) left top repeat-x;
	clear:both;
	margin-top:6px;
}
.pagefoot div{
	width:930px;
	margin:0px auto;
	padding:0px 0px 5px 10px;
}
.pagefoot div img{
	float:left;
	margin:5px 15px 0px 0px;
}
.pagefoot div p{
	padding:15px 0px 0px 0px;
	font-size:0.8em;
	line-height:1.35em;
	color:#333;
}
.disappear{
	display:none;
}
img{
	border:none;
}
.top{
	background:url(../images/topcbg.jpg) top left repeat-x;
	position:relative;
	height:145px;
}
.top h1{
	position:absolute;
	width:255px;
	height:70px;
	left:180px;
	top:45px;
}
.top h1 a{
	display:block;
	width:255px;
	height:70px;
	cursor:pointer;
}
.top .left{
	background:url(../images/logobg.jpg) top left no-repeat;
}
.top .right{
	background:url(../images/toprightbg.jpg) top right no-repeat;
	margin-left:185px;
	height:145px;
}
.toplinlks{
	text-align:right;
	padding:3px 15px 0px 0px;
	font-size:0.78em;
	line-height:1.5em;
}
.toplinlks span{
	color:#7DBEFF;
	padding:0px 6px;
	font-family:Arial, Helvetica, sans-serif;
}
.toplinlks a{
	color:#FFFFFF;
	text-decoration:none;
}
.toplinlks a:hover{
	color:#990000;
	text-decoration:underline;
}
.toplinlks img{
	cursor:pointer;
}
.searchdiv{
	margin:35px 0px 0px 265px;
	*margin:32px 0px 0px 265px;
}
.searchdiv img{
	vertical-align:-8px;
	_vertical-align:0px;
	cursor:pointer;	
}
.searchdiv input{
	*vertical-align:-5px;
	_vertical-align:0px;
	margin:0px 5px 0px 0px;
	width:208px;
	height:16px;
}
.searchdiv .select{
	*vertical-align:-5px;
	_vertical-align:0px;
	margin:0px 1px 0px 0px;
}
.searchdiv div{
	background:url(../images/bg1.jpg) 0px 0px no-repeat;
	*background:url(../images/bg1.jpg) 0px 1px no-repeat;
	padding:0px 0px 6px 25px;
	_padding:0px 0px 0px 25px;
	height:22px;
}
.searchdiv div label{
	font-size:0.83em;
	line-height:1.5em;
	height:22px;
	color:#FFF;
	padding-right:6px;
	_vertical-align:5px;
}

.path{
	background:url(../images/pathCenter.jpg) 0px 0px repeat-x;
	height:29px;
	position:absolute;
	bottom:-28px;
	left:140px;
	_bottom:-29px;
	_left:155px;
	width:auto;
	float:left;
}
.path .left{
	background:url(../images/pathLeft.jpg) 0px 0px no-repeat;
	margin:0px;
	padding-left:8px;
	height:29px;
	float:left;
}
.path .right{
	background:url(../images/pathRight.jpg) top right no-repeat;
	padding-right:10px;
	margin:0px;
	height:29px;
	float:left;
}
.path p{
	font-size:0.83em;
	line-height:1.5em;
	color:#000;
	margin:0px;
	padding:3px 0px 0px 16px;
	background:url(../images/icon1.gif) 0px 8px no-repeat;
	*background:url(../images/icon1.gif) 0px 7px no-repeat;
}
.path p a{
	color:#000;
	text-decoration:none;
}
.path p a:hover{
	color:#ff0000;
	text-decoration:none;
}
.path p span{
	padding:0px 5px;
	color:#888;
}
.remote{
	width:104px;
	display:block;
	float:left;
	background:url(../images/remoteFoot.jpg) left bottom no-repeat;
	padding-bottom:32px;
	margin:5px 0px 0px 18px;
}
.remote .head{
	background:url(../images/remoteHead.jpg) left top no-repeat;
	height:42px;
	margin:0px;
}
.remote .body{
	border-left:2px solid #dbdbdb;
	border-right:2px solid #dbdbdb;
}
.remote .body ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
.remote .body ul li{
	text-align:center;
	margin:0px;
	padding:0px 0px 5px;
	font-size:0px;
	line-height:0px;
}
.videodiv{
	float:left;
	display:block;
	width:403px;
	padding-left:15px;
	margin:35px 0px 0px 0px;
}

.videodiv h3{
	font-size:0.91em;
	line-height:1.5em;
	color:#36c;
	margin:0.5em 1em 0.5em 0.5em;
}
.videodiv h3 a{
	color:#36c;
	text-decoration:none;
}
.videodiv h3 a:hover{
	color:#ff0000;
	text-decoration:underline;
}
.videodiv h3 span{
	font-weight:normal;
	color:#666;
	padding:0px 0px 0px 10px;
}
.videodiv p{
	font-size:0.83em;
	line-height:1.35em;
	color:#454545;
	margin:0em 1em 0em 0.5em;
}

.tabdiv{
	display:block;
	float:left;
	margin:35px 0px 0px 0px;
	width:372px;
}
.tabdiv .left{
	background:url(../images/tagBoxLeft.jpg) left top no-repeat;
	padding-left:5px;
}
.tabdiv .right{
	background:url(../images/tagBoxRight.jpg) right top no-repeat;
	padding-right:6px;
}
.tab{
	background:url(../images/tagBoxHeadbg.jpg) left bottom repeat-x;
	height:28px;
}
.tab ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
.tab ul li{
	float:left;
	display:block;
	background:url(../images/tagLeft.jpg) left bottom no-repeat;
	padding-left:15px;
	margin-right:1px;
}
.tab ul li a{
	background:url(../images/tagRight.jpg) right bottom no-repeat;
	height:23px;
	display:block;
	float:left;
	padding:5px 15px 0px 0px;
	/*margin-left:15px;
	_margin-left:5px;*/
	font-size:0.91em;
	line-height:1.5em;
	color:#000000;
	text-decoration:none;
}
.tab ul li a:hover{
	color:#ff0000;
}
.tab ul li.current{
	float:left;
	display:block;
	background:url(../images/tag_c_Left.jpg) left bottom no-repeat;
	margin-right:1px;
	padding-left:15px;
}
.tab ul li.current a{
	background:url(../images/tag_c_Right.jpg) right bottom no-repeat;
	height:23px;
	display:block;
	float:left;
	padding:5px 15px 0px 0px;
	/*margin-left:15px;*/
	font-size:0.91em;
	line-height:1.5em;
	color:#039;
	text-decoration:none;
}
.tab ul li.current a:hover{
	color:#ff0000;
}
.tabdiv .body{
	padding:0.6em 0.85em;
	background:url(../images/tagBoxLeftLine.gif) left top no-repeat;
}
.more{
	text-align:right;
}
.one{
	overflow:hidden;
	margin-bottom:0.75em;
}
.one img{
	float:left;
	margin:0px 5px 0px 0px;
	padding:1px;
	border:2px solid #ccc;
}
.one h3{
	font-weight:bold;
	font-size:0.83em;
	line-height:1.5em;
	color:#36c;
	margin:0px;
}
.one h3 a{
	color:#36c;
	text-decoration:none;
}
.one h3 a:hover{
	color:#ff0000;
	text-decoration:underline;
}
.one div{
	margin:0px;
	color:#888;
	font-size:0.8em;
	line-height:1.4em;
}
.one div span{
	background-color:#999;
	padding:1px 2px 0px 2px;
	margin-right:2px;
	color:#fff;
	font-size:0.83em;
}
.one p{
	margin:0px;
	color:#555;
	font-size:0.8em;
	line-height:1.4em;
}
.one p a{
	color:#36c;
	text-decoration:none;
	font-size:0.83em;
}
.one p a:hover{
	color:#ff0000;
	text-decoration:underline;
}
.list{
	margin:36px 0px 0px 18px;
	float:left;
	display:block;
}
.videolist{
	width:176px;
	background:url(../images/videoListBg.jpg) left top no-repeat;
	text-align:center;
	float:left;
	display:block;
	margin:0px 18px 8px 0px;
	_margin:0px 12px 8px 0px;
	padding:0px;
}
.videolist img{
	cursor:pointer;
	margin:0px;
}
.videolist .vdo{
	margin:5px 0px 5px 0px;
	border:2px solid #FFFFFF;
	width:164px;
	height:121px;
}
.videolist .vdo img{
	width:164px;
	height:121px;
}
.videolist img.play{
	margin:-3px 0px 0px 0px;
}
.videolist p{
	margin:2px 0px 0px 0px;
	padding:0px;
	font-size:0.83em;
	line-height:1.35em;
}
.detail{
	padding-left:15px;
	margin:35px 0px 0px 0px;
	display:block;
	float:left;
	width:793px;
	_width:775px;
}
.detail .left{
	display:block;
	float:left;
	width:403px;
	margin-bottom:6px;
}
.detail .right{
	display:block;
	float:left;
	width:390px;
	_width:370px;
	margin-bottom:6px;
}
.video{
	width:389px;
	height:330px;
	background:url(../images/video.jpg) left top no-repeat;
	position:relative;
}
.video object{
	position:absolute;
	top:14px;
	left:18px;
	width:348px;
	height:298px;
}
.click{
	float:left;
	display:block;
	background:url(../images/clickNum.gif) left top no-repeat;
	padding-left:55px;
	margin-left:6px;
	margin-top:10px;
	height:20px;
	font-size:0.83em;
	line-height:1.25em;
	color:#555;
}
.cmd{
	float:left;
	display:block;
	background:url(../images/commendNum.gif) left top no-repeat;
	padding-left:78px;
	margin-left:10px;
	margin-top:10px;
	height:20px;
	font-size:0.83em;
	line-height:1.25em;
	color:#555;
}
.icons{
	float:right;
	padding-right:24px;
	margin-top:5px;
}
.icons img{
	margin-left:3px;
	cursor:pointer;
}
.imgbar{
	clear:both;
	background:url(../images/imgbar_bg.gif) left top repeat-x;
	position:relative;
	height:105px;
	width:790px;
	_width:770px;
}
.imgbarLeft{
	position:absolute;
	top:0px;
	left:0px;
	cursor:pointer;
}
.imgbarRight{
	position:absolute;
	top:0px;
	right:0px;
	cursor:pointer;
}
.imgdiv{
	position:absolute;
	left:55px;
	top:7px;
	width:680px;
	height:90px;
	overflow:hidden;
}
.imgdiv div{
	position:absolute;
	display:block;
	top:0px;
	overflow:hidden;
	width:100%;
	height:90px;
}
.imgdiv div img{
	margin:0px 8px;
	padding:0px;
	cursor:pointer;
	float:left;
}
.detail .right h2{
	font-size:0.91em;
	font-weight:bold;
	line-height:1.35em;
	color:#2C92C5;
	margin:0px 0px 3px 0px;
	padding-bottom:3px;
	background:url(../images/dot.gif) left bottom repeat-x;
}
.detail .right h2 span{
	/*float:left;
	display:block;*/
	float:none;
	display:inline;
	font-weight:normal;
	font-size:0.91em;
	line-height:1.35em;
	color:#666;
}
.detail .right h2 span.left{
	background:url(../images/bracketsLeft.gif) left top no-repeat;
	padding-left:10px;
}
.detail .right h2 span.right{
	background:url(../images/bracketsRight.gif) right top no-repeat;
	padding-right:10px;
	margin-right:8px;
}
.detail .right ul{
	margin:0px;
	padding:0px;
	background-color:#C0D8E4;
	padding:5px;
	list-style:none;
}
.detail .right ul li{
	font-size:0.8em;
	line-height:1.5em;
	border-bottom:1px solid #DFECF2;
	padding:3px 0px 1px 2px;
}
.detail .right ul li span{
	color:#3A5B6B;
	padding-right:8px;
}
.detail .right ul li a{
	margin-left:5px;
	color:#03f;
	text-decoration:underline;
}
.detail .right ul li a:hover{
	color:#ff0000;
	text-decoration:none;
}
.detail .right ul li img{
	vertical-align:-5px;
	margin-left:5px;
	cursor:pointer;
}
.detail .right p{
	font-size:0.83em;
	line-height:1.5em;
	color:#555;
	margin:8px 0px 5px 0px;
}

/*小視窗*/
.swbody{
	background:none;
}
.swoutlone{
	width:100%;
	min-width:600px;
	background:url(../images/swbg1.gif) left top repeat-x;
	padding:8px 0px 0px 0px;
}
.swoutlone .top{
	width:100%;
	background:url(../images/swbg2.gif) left bottom repeat-x;
	height:40px;
	padding-bottom:5px;
}
.swoutlone .top .left{
	float:left;
	background:none;
	height:40px;
	width:343px;
}
.swoutlone .top .left img{
	margin-left:5px;
}
.swoutlone .top .right{
	float:right;
	background:none;
	height:23px;
	margin:10px 0px 0px 0px;
	padding:0px;
}
.swbodyc{
	margin:0px auto;
	text-align:center;
	padding:5px 0px;
}
.swVideo{
	width:650px;
	margin:0px auto;
}
.swVideo .head{
	background:url(../images/swPlayHeadbg.gif) center top no-repeat;
	height:46px;
	width:100%;
	position:relative;
}
.swVideo .body{
	background:url(../images/swVideobg.jpg) left top no-repeat;
	height:555px;
	width:100%;
	position:relative;
}
.swVideo .body object{
	left:14px;
	top:8px;
	position:absolute;
	width:623px;
	height:533px;
}
.swVideo .head h2{
	position:absolute;
	font-size:0.91em;
	line-height:1.35em;
	text-align:left;
	/*margin:16px 0px 0px 78px;*/
	margin:0px;
	padding:0px;
	left:78px;
	top:16px;
	color:#FC3;
}
.swVideo .head h2 span{
	float:none;
	display:inline;
	font-weight:normal;
	font-size:0.91em;
	line-height:1.35em;
	color:#fff;
}
.swVideo .head h2 span.left{
	background:url(../images/bracketsLeft.gif) left top no-repeat;
	padding-left:10px;
}
.swVideo .head h2 span.right{
	background:url(../images/bracketsRight.gif) right top no-repeat;
	padding-right:10px;
	margin-right:8px;
}
.forwardDiv{
	background:url(../images/forwardbg.jpg) right bottom no-repeat;
	width:500px;
	margin:0px auto;
	padding:25px 0px 40px 0px;
	text-align:left;
}
.forwardDiv table{
	text-align:left;
	margin-bottom:0.65em;
}
.forwardDiv th{
	font-weight:normal;
	font-size:0.91em;
	line-height:1.5em;
	text-align:left;
	color:#333;
}
.forwardDiv td{
	padding:5px 3px;
}
.forwardDiv td input{
	width:220px;
}
.forwardDiv span{
	color:#c63;
	font-size:0.83em;
	line-height:1.5em;
	background:url(../images/icon2.gif) 0px 2px no-repeat;
	padding-left:20px;
}
ul.sitemap{
	margin:0em 0em 0.5em 1.5em;
	padding:0px;
	list-style:none;
}
ul.sitemap li{
	font-size:0.91em;
	line-height:1.5em;
	margin-bottom:0.5em;
	color:#333333;
}
ul.sitemap li a{
	color:#0066CC;
	text-decoration:none;
	padding-left:0.5em;
}
ul.sitemap li a:hover{
	color:#FF0000;
	text-decoration:underline;
}
.page{
	text-align:center;
	padding:6px 0px 3px 0px;
}
.page span{
	color:#c00;
	font-size:0.91em;
	padding:0px 5px;
}
.page a{
	color:#333;
	font-size:0.8em;
	text-decoration:none;
	padding:0px 5px;
}
.page a:hover{
	color:#ff0000;
	text-decoration:underline;
}
.page a.prev{
	background:url(../images/icn_left.gif) left 2px no-repeat;
	padding:0px 8px 0px 15px;
}
.page a.prev:hover{
	text-decoration:none;
}
.page a.next{
	background:url(../images/icn_right.gif) right 2px no-repeat;
	padding:0px 15px 0px 8px;
}
.page a.next:hover{
	text-decoration:none;
}