@charset "utf-8";
/*---------------------- 基本設定----------------------*/
body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #444;
	background-repeat: repeat-y;
	background-position: center top;
	background-image: url(../images/all_bg.jpg);
	margin: 0px;
	background-color: #eaeaea;
}
a{ text-decoration:none; color: #666666}
a:hover{
	color: #0066FF;
}

/* ---------------------最外框 ------------------------ */
#WARPPER{
	width: 1000px;
	position:relative;
	margin: auto;
	overflow: hidden;
}
/* -------------------BANNER---------------------------*/
#INDEX_BANNER{

}

/* ---------------------頁首 ------------------------- */
#HEADER{}
#SEARCH {
	float: right;
	width: 300px;
	height: 30px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#BANNER {
	margin-top: 5px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
}
#LOGO {
	width: 216px;
	height: 60px;
	top: 38px;
	left: 2px;
	visibility: inherit;
	margin-bottom: 10px;
}

/* --------------------跑馬燈--------------------------*/
.pb {

}
#SCRO {
}
.bg11 {
	width: 450px;
	margin-top: 0px;
	margin-left: 10px;
}
.bg1 {
	background-image: url(../images/sound.gif);
	background-repeat: no-repeat;
	background-position: left;
	height: 0px;
	width: 110px;
	background-color: #FFFFFF;
	color: #006699;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.bg1 a{
	padding-left: 5px;
	color: #069;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
.bg2 {
	background-image: url(../images/hotleft_bg.jpg);
	background-repeat: no-repeat;
	background-position: left;
	height: 30px;
	width: 10px;
	padding-top: 3px;
}
.bg3 {
	background-image: url(../images/s_bg.jpg);
	background-repeat: repeat-x;
	background-position: left;
	height: 30px;
	padding-top: 0px;
	letter-spacing: 1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #CC3300;
	font-size: 13px;
	width: 350px;
}


/* --------------------頁千選單--------------------------*/
#TOP_NAV {
	display: block;
	margin-bottom: 3px;

}
#TOP_NAV ul{
	height: 28px;
	width: 995px;
	background-image: url(../images/ntbg.jpg);
	
}	
#TOP_NAV li{
	float: left;
	list-style-type: none;
	font-size: 14px;
}

#TOP_NAV .menu_link01 a{
	background-image: url(../images/nta.jpg);
	height: 13px;
	width: 142px;
	display: block;
	padding-top: 8px;
	padding-bottom: 7px;
}
#TOP_NAV .menu_link02 a{
	height: 18px;
	width: 142px;
	display: block;
	padding-top: 8px;
	padding-bottom: 7px;
	background-color: #FFFFFF;
	background-image: url(../images/ntop.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#TOP_NAV a{
	color: #666666;
	text-align: center;
	display: block;
}
#TOP_NAV a:hover{
	background-image: url(../images/ntop.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	color: #2D87BD;
}
#NAV_1 {
	padding: 0px;
	width: 755px;
	float: right;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
}

#NAV_1 ul{

}	
#NAV_1 li{
	display: block;
	margin: 0px;
	float: right;
	padding: 0px;
}
#NAV_1 .f1{
	background-image: url(../images/nta.jpg);
	height: 13px;
	width: 142px;
	display: block;
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-bottom: 10px;
}

#NAV_1 a{
	color: #797979;
	font-size: 13px;
	padding-left: 6px;
}
#NAV_1 a:hover{
	color: #2D87BD;
}

#NAV_2 {
	width: 280px;
	font-size: 13px;
	float: right;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0px;

}
#NAV_2 ul{

}	
#NAV_2 li{
	display: block;
	float: right;
	padding-right: 5px;
	padding-left: 5px;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;

}

#NAV_2 a{
	color: #666666;
}
#NAV_2 a:hover{
	color: #2D87BD;
}
#HOT {
	position:absolute;
	width:503px;
	height:19px;
	left: 206px;
	top: 70px;

}
#HOT ul{
}	
#HOT li{
	float: right;
	display: block;
}
#HOT .bg a{
	background-image: url(../images/s_bg.jpg);
	background-repeat: repeat-x;
	height: 20px;
	width: 380px;
	display: block;
	float: left;
	background-position: center top;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 5px;
	padding-left: 5px;
	color: #CC3300;
}
#HOT a{
	color: #666666;
}
#HOT a:hover{
	color: #2D87BD;
}
/* ---------------------------左區------------------------*/
#CONTENT_L{
	display: block;
	float: left;
	margin-left: 5px;
}
#BOX1{
	display: block;
	width: 222px;
	margin-top: 0px;
}
#BOX1 .pd{
	padding-right: 5px;
}
#BOX1_TITLE{
	background-image: url(../images/bar.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 24px;
	display: block;
	padding-right: 5px;
	padding-left: 12px;
	padding-top: 7px;
	width: 205px;
	margin-top: 1px;
	font-size: 105%;
	font-family: "微軟正黑體";
	font-weight: bold;
}
#BOX1_TITLE img{
	padding-left: 105px;
	padding-right: 2px;
}
#BOX1_MAIN{
}
#BOX1_MAIN ul{
	width: 222px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
	display: block;
	width: 220px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}
#BOX1_CONTENT{
	background-color: #FFF;
}
#BOX1_CONTENT ul{
}
#BOX1_CONTENT li{
}
#BOX1_TEXT {
	background-color: #FFF;
}
#BOX1_TEXT li{
	line-height: 24px;
	display: block;
	padding-right: 10px;
	padding-left: 10px;
	text-align: left;
}

/* ------------------------右區---------------------------- */
#CONTENT_R{
	width: 212px;
	display: block;
	float: right;
	margin-right: 15px;
	margin-top: 10px;
}
.pan_right{
	text-align: right;
	padding-right: 45px;
	padding-top: 5px;
	
}
.pan_right2{
	padding-right: 22px;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 0px;
}

.pan_right3{
	padding-bottom: 5px;

}

.pan_center{
	text-align: center;
	
}
.mg_bot{
	margin-bottom: 5px;
}
.vote_bg{
	background-image: url(../images/vote_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 30px;
	font-weight: bold;
	color: #0066CC;
	text-align: left;
	line-height: 27px;
	display: block;
	font-size: 15px;
	padding-left: 7px;
}
.vote_font{
	
	padding-right: 10px;
	padding-left: 10px;
	line-height: 160%;
}
.vote_btn{
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 20px;
}
#BOX2{
	display: block;
	width: 222px;
	margin-top: 10px;
	border: 1px solid #CCCCCC;
	text-align: center;
	padding-bottom: 10px;
	background-color: #FFF;
}
#BOX2 li{
	padding-top: 10px;

}
#BOX3{
	display: block;
	text-align: center;
	margin-top: 10px;
}

/* 中間區 */
#CONTENT{
	margin-left: 240px;
	width: 520px;
	margin-right: 233px;
	display: block;
	margin-top: 10px;
	margin-bottom: 60px;
}
#CONTENT BANNER1{
	margin-bottom: 10px;
	background-color: #F00;
}
/* 訊息公吿*/
#CONTENT_BOX1{
}
#CONTENT_BOX1 .tabs{
	font-family: "微軟正黑體";
	font-size: 16px;
	font-weight: bold;
}
#CONTENT_BOX1 li{	
}
#CONTENT_BOX1 ul{
	background-color: #FFF;
}
.TBOX1 {
}
.TBOX1 li a:hover{
	color: #996666;
}
.TBOX1 .line{
	text-decoration:none;
	padding-top: 0px;
	padding-right: 4px;
	padding-bottom: 0px;
	padding-left: 2px;
	background-image: url(../images/line_x.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.TBOX1 .more{
	text-align: right;
	padding-right: 15px;
	padding-top: 5px;
}

/* -------------------------Flash專區------------------------- */
.divbox{ 
  height:300px;
  width:200px;
  background:#ffffff;
  border:solid 1px #ccc;
  float:left;
  margin-right:10px;
 }
 
.divOver{
 	background:#eff8fe;
	border:solid 1px #d2dce3;
	} 


/* ------------------------部落格---------------------------- */
#CONTENT_BOX2{
	margin-top: 5px;
}
#CONTENT_BOX2 .tabs{
	font-family: "微軟正黑體";
	font-size: 16px;
	font-weight: bold;
}
.BOX2_TBOX1{
}
.BOX2_TBOX1 .tall{
	background-image: url(../images/blog_bg1.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 100px;
	width: 520px;
}
.BOX2_TBOX1 .tall2{
	background-image: url(../images/blog_bg2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 100px;
	width: 520px;
	margin-top: 3px;
}
.BOX2_TBOX1 .tall3{
	background-image: url(../images/blog_bg3.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 100px;
	width: 520px;
	margin-top: 3px;
}
.BOX2_TBOX1 .tall4{
	background-image: url(../images/blog_bg4.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 100px;
	width: 520px;
	margin-top: 3px;
}
.BOX2_TBOX1 .t1{
	padding-left: 70px;
	padding-right: 0px;
	width: 76px;
}
.BOX2_TBOX1 .t2{
	padding-right: 15px;
	padding-left: 10px;
	padding-top: 15px;
	line-height: 24px;
}
.BOX2_TBOX1 .more{
	text-align: right;
	padding-right: 15px;
	padding-top: 0px;
}
.BOX2_TBOX1 ul{
}
.BOX2_TBOX1 li{
}
.BOX2_TBOX1 li a{
	font-weight: bold;
	color: #63a720;
	line-height: 18px;
}
.BOX2_TBOX1 li a:hover{
	color: #FF810F;
}
/*---------------------------論 壇&遊 戲------------------------*/
.BOX2_TBOX2{
}
.BOX2_TBOX2 .tall{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E7E7E7;
	margin-right: 7px;
	margin-left: 7px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;

}
.BOX2_TBOX2 .t1{
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 0px;
	padding-left: 0px;
	width: 100px;
}
.BOX2_TBOX2 .t2{
	padding-right: 0px;
	padding-left: 10px;
	padding-top: 5px;
	line-height: 24px;
	padding-bottom: 5px;
	font-family: Arial, Helvetica, sans-serif;
}
.BOX2_TBOX2 .more{
	text-align: right;
	padding-right: 15px;
	padding-top: 10px;
}
.BOX2_TBOX2 ul{
}
.BOX2_TBOX2 li{
}

.BOX2_TBOX2 .f1 {
	color: #367cd0;
	font-weight: bold;
}
.BOX2_TBOX2 .f1 a:link{
	color: #367cd0;
}
.BOX2_TBOX2 .f1 a:hover{
	color: #333;
}

.BOX2_TBOX2 .f2 {
	color: #367cd0;
}
.BOX2_TBOX2 .f2 a:link{
	color: #367cd0;
}
.BOX2_TBOX2 .f2 a:hover{
	color: #333;
}

.BOX2_TBOX2 .f3 {
	color: #5aa600;
}
.BOX2_TBOX2 .f3 a:link{
	color: #5aa600;
}
.BOX2_TBOX2 .f3 a:hover{
	color: #5aa600;
}
/*---------------------------影音專區------------------------ */
.BOX2_TBOX3 {
	height: 280px;
	display: block;
	margin: 0px;
	padding-top: 0px;
	padding-right:0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
ul.playlist {
	list-style: none;
	width: 130px;
	float: right;
	display: block;
	margin-right: 3px;
}
ul.playlist li {
	float: right;
	margin: 0px;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	list-style-image: none;
	list-style-type: none;
}
ul.playlist li a img {
	vertical-align: middle;
	margin: 2px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
 
.tv {

	padding: 5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}
.video {
	float: left;
	width: 310px;
	height: 260px;
	display: block;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

/*-------------------------?區----------------------*/
.BOX2_TBOX4 {
	padding: 10px;
}

/*----------------------相關連結--------------------*/


#CONTENT_BOX3{
	margin-top: 7px;
}

#mycarousel img{
	padding-top: 7px;
}


/*最外框設定*/
.jcarousel-skin-tango .jcarousel-container {
	width: 520px;
	text-align: center;
	background-image: url(../images/bar_bot3.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-top: 5px;
	padding-bottom: 10px;
	margin: 0px 0px 6px 0px;
}

/*顯示範圍設定*/
.jcarousel-skin-tango .jcarousel-clip-horizontal {
	width:  450px;
	margin: auto;
}

/*間距*/
.jcarousel-skin-tango .jcarousel-item {
	width: 150px;

}

 /*賤頭位置*/
.jcarousel-skin-tango .jcarousel-next-horizontal {
	position: absolute;
	top: 90px;
	right: 5px;
	width: 32px;
	height: 32px;
	cursor: pointer;
	background-color: transparent;
	background-image: url(../images/btn/next-horizontal.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {    cursor: default;
    background-position: -96px 0;
}

/*賤頭位置*/
.jcarousel-skin-tango .jcarousel-prev-horizontal {
	position: absolute;
	top: 90px;
	left: -5px;
	width: 32px;
	height: 32px;
	cursor: pointer;
	background-color: transparent;
	background-image: url(../images/btn/prev-horizontal.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}
/*------------------------頁尾-----------------------*/
#FOOTER{
	overflow:auto;
	overflow:hidden;
	background-image: url(../images/footer_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 127px;
	width: 1000px;
	font-size: 13px;
	margin-top: -58px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	display: block;
	clear: both;
}
#FOOTER ul{

}
#FOOTER li{
	list-style-type: none;
}
#FOOTER .bote_img{
	float: left;
	padding-top: 12px;
	padding-right: 20px;
	padding-left: 82px;
	text-align: left;
	display: block;
	margin-top: 5px;

}
#FOOTER .bote{
	float: left;
	padding-top: 8px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 0px;
	line-height: 20px;
	color: #0860a8;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	display: block;
	margin-top: 5px;

}
#FOOTER .bote2{
	color: #0860a8;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	display: block;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 5px;
	width: 120px;
	padding-top: 1px;
	float: right;
	margin-top: 12px;
}
#FOOTER .bote2 a{
	color: #0860a8;
	padding-left: 2px;
}


/*-------------------------中間區下圓角--------------------------*/
.content_bot_bg {
background-image:url("../images/bar_bot3.jpg");
background-position:center bottom;
background-repeat:no-repeat; 
padding-bottom:10px;
padding-top:5px;
text-align:center;
width:520px;
}


/*--------------------------文字顏色-----------------------------*/
.style1 {color: #0066CC}
.style2 {
	color: #999999;
	font-size: 12px;
	letter-spacing: 1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.style3 {
	color: #FF6600;
}