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

* {
	margin: 0;
	padding: 0;
}

img {border: 0px;}


a {
text-decoration:none;
}


#all {
width:1035px;
margin: 0 auto; 
background:url(/images/images_new/backimges.jpg) repeat-y center top;

}

#primary {
width:985px;
margin: 0 auto;

}

#header {
width:985px;
margin: 0 auto;
}

#header_bl {
width:7px;
height:124px;
float:left;
/*margin-left:20px;*/
background:url(/images/images_new/head_back_l.gif);
}

#header_c {
width:970px;
float:left;
padding:0 ;
background: url(/images/images_new/head_back_c.gif) repeat-x top;
height:124px;
}

#header_be {
width:7px;
height:124px;
float:left;
background:url(/images/images_new/head_back_r.gif) repeat-x top;
}

#header_bar {
width:100%;
float:left;
border-top:3px solid #6f6f6f;
border-bottom:1px solid #ffffff;
background-color:#e5f0f9;
color:#a9a9a9;
font-size:12px;
}


#wrapper {
width:975px;
margin:0 auto;
float:left;
background-color:#f6fbff;
padding:8px 5px;
}

#website {
float:left;
width:40%;
padding-left:15px;

}
#website a{color:#515151;
text-decoration: none;
}

#website a:hover{
color:#a9a9a9;
text-decoration:underline;
}

#login {
float:right;
width:40%;
margin:0;
text-align:right;
}

#login a{
text-decoration:none;
color:#515151;
}

#login a:hover{
text-decoration: underline;
}

#search {
margin:0;
clear:both;
width:970px;
float:left;
background-color:#e5f0f9;
}

#logo{
width:177px;
float:left;
padding:5px 0 0 10px;
}

#keyword {
width:400px;
float:left;
margin:0 auto;
padding:20px 20px 0 50px;
font-size:13px;
}

#keyword p{
color:#000000;
text-align:left;
padding-right:20px;
}

#hello {
width:300px;
text-align:right;
float: right;
height:40px;
background:url(/images/images_new/hello.gif) no-repeat top right;
color:#6b8ca0;
padding-top:30px;
font-weight:bold;
font-size:13px;
}

#tool {
width:970px;
background-color:#e5f0f9;
float:left;
color:#a9a9a9;
font-size:13px;
display:inline;
}

#tool_2{
position: relative;
background-color:#e5f0f9;
width:970px;
height:22px;
}

#tool_cc {
clear:both;
position: absolute;
left:770px;
width:70px;
top:5px;
background:url(/images/images_new/icon_02.gif) no-repeat bottom right;
}

#tool_cc a {
vertical-align: text-top;
color:#a9a9a9;
text-decoration:none;
}

#tool_cc a:hover {
text-decoration:underline;
}

#tool_icon {
clear:both;
position:absolute;
left:850px;
width:120px;
height:22px;
background:url(/images/images_new/icon_01.gif) no-repeat bottom right;

}

#tool_icon a {
padding:4px 0 0 15px;
display:block;
}

#tool_icon a:hover {
text-decoration: underline;
}


#navigation {
width:140px;
float:left;
font-size:13px;
}

#n_manu {
background-color:#FFFFFF;
border:#b7bec2 1px solid;
padding:0 0 5px;
margin-top:8px;
}

#n_black {  /*選單*/
background:url(/images/images_new/icon_03.gif) repeat-x;
font-size:13px;
color:#5a5a5a;
font-weight:bold;
height:20px;
padding: 4px 0 0 4px;
margin:0;
width:134px;
}

.manu_up {
background-color:#edf4fa;
padding:3px 0 0;
margin:0 4px;
color:#0b69b4;
width:125px;
}

.manu_up ul{
background-color:#FFFFFF;
border:#c5c5c5 solid 1px;
}

.manu_up li{
padding:2px 0;
margin:0;
border-left:#5db9ee solid 4px;
border-bottom:#c5c5c5 solid 1px;
list-style-position: outside;
}

.manu_up a{
padding:0 10px;
color:#5e5e5e;
display:block;
width:100px !important;
text-decoration:none;
background:url(/images/images_new/icon_04.gif) left center no-repeat;
font-size:13px;
}

.manu_up a:hover{
background-image: none;
background-color: transparent;
color:#5e5e5e;
padding:0 10px;
background:url(/images/images_new/icon_05.gif) left center no-repeat;
}

.manu_down {
padding:3px 0 0;
color:#0b69b4;
width:125px;
margin:2px 4px 2px;
}

.manu_s {
padding:3px 0 0;
color:#000000;
width:125px;
margin:5px 4px;
background-color:#b6d7eb;
border:#c5c5c5 solid 1px;
font-size:13px;
overflow:hidden;
}

.manu_s a{
color:#0b69b4;
}

.manu_s a:hover{
color:#0b69b4;
text-decoration:underline;
}

.manu_s ul{
background-color:#ffffff;
border-top:#c5c5c5 dotted 1px;
color:#0b69b4;padding:2px;
}

.manu_s li{
color:#5e5e5e;
}

.rt01 {
color:#FFFFFF;
}

.rt02 {
color:#5db9ee;
font-size:13px;
}



/*-----中間內容start-----------*/
#content {
width:800px;
float:left;
padding:0 10px 0 15px;
}

#content_up {
width:800px;
height:250px;
float:left;

}

#choose{
width:565px;
float:left;
margin:1px;
display:inline;
border:1px solid #c5c5c5;
}

#choose li{
font-size:13px;
}

#advertising {
width:220px;
float:right;
margin-left:7px;
background-color:#FFFFFF;
border:1px solid #c5c5c5;
}

#content_down {
width:805px;
float:left;
clear:both;
margin:10px 0;
}

#field1 {
width:395px;
float:left;
margin:5px 10px 0 0;
font-size:13px;
}

.webmaster {
display:block;
background: url(/images/images_new/icon_08.gif) repeat-x center;
float:left;
width:100%;
height:24px;
font-size:13px;
color:#5a5a5a;
}

.webmaster img{margin-bottom:-6px
}


#m_1,#m_2 ,#m_3 ,#m_4  {
width:395px;
float:left;
border:#c5c5c5 solid 1px;
background-color:#FFFFFF;
padding:0;
margin-bottom:10px;
}


#field2 {
width:395px;
margin:5px 0px 0 0;
font-size: 13px;
float:right;
}

#d_1,#d_2,#d_3,#d_4,#d_5 {
width:394px;
float:right;
border:#c5c5c5 solid 1px;
background-color:#FFFFFF;
padding:0;
margin-bottom:10px;
}



#d_2 img{margin-bottom:-6px
}

#sm_1 {
float:left;
}


#ds_1,#ds_2,#ds_3,#ds_4,#ds_5,#ms_2,#ms_3,#ms_4{
clear:both;
}

/*-------藝文新聞------------*/
.tbc1_img {
width:160px;
height:auto;
overflow:hidden;
float:left;
margin:0;
padding:0;
background-color:#FFFFFF;
text-align:center;
}


.tbc1_img img {
width:auto;
height:160px;
overflow:hidden;
float:left;
margin:0;
padding:0;
background-color:#FFFFFF;
text-align:center;
}


.tbc1_ul {
width:200px;
float:left;
margin:2px 0 0 12px;
color:#000000;
padding:0;
}


.tbc1_lin {
width:99%;
float:left;
margin:0;
padding:5px 0 0 ;
display: inline-block;
font-size:13px;
color:#5a5a5a;
background-color:#F6FBFF;
overflow:hidden;

}

.tbc1_lin ul {
width:99%;
margin:10px 0 0 ;
padding:0;
border-top:#999999 dotted 1px;
}
.tbc1_lin li{
background:url(/images/images_new/layout.gif) center right no-repeat #ffffff;
}

.tbc1_lin a {
padding-left:5px;
text-decoration:none;
color:#5a5a5a;
width:90%;
display:block;
margin:2px auto 0;
overflow:hidden;
}

.tbc1_lin a:hover {
color:#5a5a5a;
text-decoration:underline;
}

.m_img {
width:159px;
height:auto;
overflow:hidden;
float:left;
padding:0;
margin:10px 0 5px 0;
text-align:center;
}


.into {
  width:160px;
  height:200px;
  line-height:200px;
  overflow:hidden;
  +position:relative;
  text-align:center;
}

.into p {
  position:static;
  +position:absolute;
  top:50%;
  vertical-align:middle;
  }
  
.into img {
  position:static;
  +position:relative;
  top:-50%;left:-50%;
  vertical-align:middle;
  }


.m_word {
width:200px;
float:left;
margin:10px 0 0 7px;
display:inline;
overflow: hidden;
}

.mb_img {
width:158px;
height:auto;
overflow: hidden;
float:left;
padding:3px;
margin:10px 0 5px 0;
background-color:#FFFFFF;
border:1px solid #aeaeae;
}

.mb_img li{
display: block;
padding:5px 0;
width:99%;
}

.mb_img .blog_img{
text-align:center;
}


/*-------專題報導------------*/



#circle {
width:95%;
margin:0 auto;
display:block;
padding:10px;
}


/*-----中間內容end-----------*/


/*-----copyright start-----------*/
#footer {
width:985px;
margin:0 auto;
text-align:center;
float:left;
border-top:2px solid #b7bec2;
background-color:#ffffff;
}


#keyword_down {
width:885px;
margin:0 auto;
font-size:13px;
padding:8px 0;
background-color:#b7bec2;
border-bottom:2px solid #ffffff;
}

#keyword p{
color:#000000;
text-align:left;
padding-right:20px;
}

#copyright {
width:100%;
height:50px;
background-color:#6f6f6f;
}

#copyright_word {
float:left;
width:886px;
height:37px;
font-size:13px;
background-color:#b7bec2;
padding:8px 0 5px;
}

#copyright_word a{
color:#000000;
}
#copyright_word a:hover{
color:#000000;
text-decoration:underline;
}

#copyright_l {
width:50px;
height:50px;
float:left;
background: url(/images/images_new/copyright_l.gif) no-repeat top right #6f6f6f;
}

#copyright_r {
width:49px;
height:50px;
float: right;
background: url(/images/images_new/copyright_r.gif) no-repeat top left #6f6f6f;
}

#footer_line {
width:100%;
height:10px;
background-color:#6f6f6f;
}


/*-------右邊大塊免費下載區域---------------*/
.divDownload{
	text-align: center;
	padding-bottom: 7px;
	padding-top: 7px;
	width: 374px;
	overflow: hidden;
}


/*-------學習網start---------------*/

.movie {
width:88px;
float:left;
margin:10px 2px;
display: inline;
}

.movie li{
color:#5a5a5a;
font-size:12px;
clear: both;
}
.click {
display:inline;
float:left;
line-height:2;
font-size:11px;
}
.square01 {
background-color:#fafd00;
float:left;
width:5px;
height:12px;
margin:2px;
}

.square02 {
background-color:#ffde00;
float:left;
width:5px;
height:12px;
margin:2px;
}
.square03 {
background-color:#ffae00;
float:left;
width:5px;
height:12px;
margin:2px;
}
.square04 {
background-color:#ff7200;
float:left;
width:5px;
height:12px;
margin:2px;
}

.square05 {
background-color:#ff0000;
float:left;
width:5px;
height:12px;
margin:2px;
}

/*--------展售區start---------*/
#sell_r {
width:215px;
float:left;
height:auto;
font-size:14px;
margin:10px 5px 10px 8px;
display:inline;
overflow:hidden;
}

#sell_r em{
width:99%;
text-align:center;
background-color:#f2f2f2;
display:block;
margin:5px 0 0;
}

#sell_r img{
width:auto;
height:175px;
overflow:hidden;
}

#sell_l {
width:159px;
float:left;
margin:10px 0 10px;
}

#sell_l li{
margin: 5px 5px 0 0;
text-align:right;
width:159px;
text-align:center;
background-color:#f2f2f2;
height:auto;
overflow:hidden;

}

#sell_l img {
width:auto;
height:115px;
overflow:hidden;
margin-bottom:-6px;
}

#sales_list {
width:96%;
background-color: #e8e8e8;
margin:0 0 2px 3px;
padding:5px;
float:left;
}

#sales_list ul{
width:350px;
display:block;
margin:0 0 0 20px;

}

#sales_list li{
width:52px;
float:left;
text-align: center;
border:1px solid #ffffff;
margin:2px 3px 0 0;
}

#sales_list a{
color:#333333;
display:block;
}

#sales_list a:hover{
color:#ffffff;
background-color:#666666;
}


/*-------商店街和拍賣start--------*/

.list01 {
margin:0 auto;
width:370px;
padding:5px;
}

.list01 li {
width:120px;
float:left;
}

.bid_desc {
    position: relative;
	display: block;
	width: 110px;
	height:auto;
	margin:10px 0 0;
	border-bottom:3px #aeaeae solid;
	background-color:#f2f2f2;
	overflow: hidden;
}

.bid_desc img{
width:auto;
height:100px;
overflow: hidden;
display:block;
}

.bid_desc .cite {
	background: #111;
	filter:alpha(opacity=55);
	opacity:.55;
	color: #fff;
	font-size:12px;
	font-weight:bold;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 10px;
	padding: 10px 5px;
	border-top: 1px solid #999;
	margin:0;
	}


.bid_word {
color:#5a5a5a;
font-size:12px;
width:115px;
height:30px;
display:block;
overflow:hidden;
margin:5px 0 15px;
}

/*----shop----*/
#shop_new{
width:300px;
padding-left:50px;
}

#shop_new ul{
background-color:#F6FBFF;
margin:0;
padding:0;
}

#shop_new li{
width:250px;
float:left;
margin-top:5px;
display:block;
list-style:none;
border-bottom:1px #999999 dotted;
text-align:left;
}

#shop_new li em{
width:23px;
height:15px;
border:1px #999999 solid;
overflow:hidden;
margin-left:5px;
}

#shop_new li a{
width:23px;
color:#333333;
letter-spacing: 1px;
font-size:12px;
margin-left:10px;
}

#shop_new li img{
vertical-align: middle;
}



.list02 {
width:350px;

margin:0 auto;
clear:both;
padding:5px;
}

.shop {
float:left;
    position: relative;
	display: block;
	width: 200px;
	height:40px;
	margin:5px 0;
}

.shop img{
width:200px;
height:40px;
overflow: hidden;
display:block;
}

.shop .cite {
	background: #000000;
	filter:alpha(opacity=55);
	opacity:.55;
	color: #fff;
	font-size:12px
	font-weight:bold;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 5px;
	padding: 3px;
	border-top: 1px solid #999;
	border-right: 1px solid #999;
	margin:0;
	}
	
.shop_word {
color:#5a5a5a;
font-size:13px;
width:110px;
height:40px;
display:block;
overflow:hidden;
float:left;
margin-left: 5px;
}



.keyword02 {
width:99%;
color:#147FBC;
float:left;
font-size:13px;
text-align:center;
overflow:hidden;
background-color:#F6FBFF
}

.keyword02 a{color:#4cabe1;
}

.keyword02 a:hover{
text-decoration:underline;
}

.keyword03 {
width:98%;
color:#FF5900;
float:left;
font-size:13px;
text-align:center;
overflow:hidden;
background-color:#d1d1d1;
margin:0 0 2px 3px;
}

.keyword03 a{color:#FF2200;
}

.keyword03 a:hover{
text-decoration:underline;
}

/*--------tool-------------*/
.apply_for {
margin:10px;
float:left;
width:300px;
display:inline;
}

#artlib_mail {
padding:10px;
font-size:13px;
}
#artlib_mail a:hover{
text-decoration:underline;
}

#enter {
float:left;
text-align:center;
background-color: #EFEFEF;
border:1px #ffffff solid;
font-size:13px;
font-style:normal;
}
#enter a{
display:block;
padding:15px 10px;
width:80px;
}

#enter a:hover{
float:left;
text-decoration:underline;
}

#to_show {
width:180px;
float:right;
font-style:normal;
}

.map {
text-align: center;
width:360px;
margin:0 auto;
}

.map a{
font-size:12px;
color:#5a5a5a;
text-align:left;
font-weight:bold;
margin:0 0 2px;
}

/*-----word style-----------*/
.ii_01{
color:#0b69b4;
font-weight:bold;
font-size:15px;
}/*標題字*/

.ii_02{
color:#0b69b4;
font-weight:bold;
text-align:right;
font-size:11px;
display:inline-block;
padding:0;
margin:0;
width:99%;
}

.ii_02 a{
color:#0b69b4;
}

.ii_02 a:hover{
text-decoration:underline;
}

.ii_03{
color:#5a5a5a;
font-size:13px;
display:block;
background-color:#ededed;
padding-top:5px;
margin:5px 0;
}


.m_word .ii_03 li {
border-bottom:#FFFFFF dotted 1px;
list-style-image:url(/images/images_new/icon_10.gif);
list-style-position:inside;
margin:0;
padding:0;
}

.m_word .ii_03 a {
color:#5a5a5a;
}

.ii_04{
color:#5a5a5a;
font-size:13px;
width:99%;
display:block;
/*background-color:#ededed;*/
padding:5px 0;
margin:0;
overflow:hidden;
}

.ii_05{
width:98%;
float:left;
color:#000000;
font-size:13px;
display:block;
background-color:#ffffff;
padding:5px;
margin:3px 0 0;
border-top:1px #aeaeae dotted;
clear:both;
}


.ii_05 li {
border-bottom:#ededed dotted 1px;
list-style-image:url(/images/images_new/icon_10.gif);
list-style-position:inside;
margin:0;
padding:0;
}

.ii_05 a {
color:#5a5a5a;
}

.ii_05 a:hover {
text-decoration:underline;
}

.ii_06 {/*每日之星使用內文*/
color:#5a5a5a;
font-size:13px;
display:block;
padding-bottom:5px;
width:99%;
}

.word_01 {
font-size:13px;
}

.word_02 {
color:#000000;
}

.word_03 {
color:#5a5a5a;
font-weight:bold;
line-height: 17px;
padding-top: 10px;
}


.m_word .ii_07{
color:#000000;
display:block;
background-color:#ffffff;
padding:5px;
margin:3px 0 0;
border-top:1px #aeaeae dotted;
clear:both;
font-size:13px;
}


.m_word .ii_07 li {
border-bottom:#ededed dotted 1px;
list-style-image:url(/images/images_new/icon_10.gif);
list-style-position:inside;
margin:0;
padding:0;
}

.m_word .ii_07 a {
color:#5a5a5a;
}

.m_word .ii_07 a:hover {
text-decoration:underline;
}


.ii_08 {
width:100%;
font-size:11px;
}

.ii_08 a{
color:#009DFF;
text-align: right;
}
.ii_08 a:hover{
text-decoration:underline;
}


.word_04 {
color:#FF5900;
}

.word_05 {
width:95%;
display:block;
text-align:right;
padding-top:5px;
float:left;
}
.word_05 a{
color: #186FA5;
font-size:11px;
}


/* 月曆
---------------------------------------------*/
#calendar {
    width: 90%;
	text-align: center;
	margin-top: 20px;
	display:inline-block;
	overflow:hidden;
}
#calendar table {
	font-size: 13px;
}
#calendar th,#calendar td {
	padding: 2px;
	text-align: center;
}
#calendar th {
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background: #E0E0E0 url(/images/images_new/th_bg.gif) left bottom repeat-x;
}
#calendar td {
	border-right: 1px solid #E0E0E0;
	border-bottom: 1px solid #E0E0E0;
	background: #FFFFFF url(/images/images_new/td_bg.gif) left bottom repeat-x
}
#calendar td a {
	display:inline-block;
	width: 100%;
	background-color: #009900;
	color: #FFFFFF;
	text-decoration: none;
}
#calendar td a:hover {
	background-color: #74CE70;
}