/*------------------------------------------------------------------------------*/
/*Autor: Ping */
/*------------------------------------------------------------------------------*/
body {
	background-color: #818181;	
}

.blog_login
{
	border: 1px solid;
	border-top-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	border-right-color: #999999;
	background-color: #EEEEEE;
	height:105px;
	width:183px;
}

.blog_upload td 
{
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
}


/*------------------------------------------------------------------------------*/
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #FFF68F;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}

/*------------------------------------------------------------------------------*/
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
/*Sample CSS used for the Virtual Pagination Demos. Modify/ remove as desired*/

.virtualpage, .virtualpage2, .virtualpage3{
/*hide the broken up pieces of contents until script is called. Remove if desired*/
display: none;
}

.paginationstyle{ /*Style for demo pagination divs*/
width: 250px;
text-align: center;
padding: 2px 0;
margin: 10px 0;
}

.paginationstyle select{ /*Style for demo pagination divs' select menu*/
border: 1px solid navy;
margin: 0 15px;
}

.paginationstyle a{ /*Pagination links style*/
padding: 0 5px;
text-decoration: none;
border: 1px solid #cdc9c9;
color: navy;
background-color: white;
}

.paginationstyle a:hover, .paginationstyle a.selected{
color: #000;
background-color: #FFE4E1;
}

.paginationstyle a.imglinks{ /*Pagination Image links style (class="imglinks") */
border: 0;
padding: 0;
}

.paginationstyle a.imglinks img{
vertical-align: bottom;
border: 0;
}

.paginationstyle a.imglinks a:hover{
background: none;
}

.paginationstyle .flatview a:hover, .paginationstyle .flatview a.selected{ /*Pagination div "flatview" links style*/
color: #000;
background-color: #FFE4E1;
}


/*------------------------------------------------------------------------------*/
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail_con{
position: relative;
z-index: 0;
}

.thumbnail_con:hover{
background-color: transparent;
z-index: 150;
}

.thumbnail_con span{ /*CSS for enlarged image*/
position: absolute;
background-color: #FFF68F;
padding: 5px;
left: -1000px;
top:100px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail_con span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail_con:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}


/*------------------------------------------------------------------------------*/

.style3_h3 {
		line-height: 3px;
}
.style2_2{font-size: 11px;
	color: #555555;
	font-family: Arial, Helvetica, sans-serif;
vertical-align:center;
}
.style3 {font-size: 12px;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;

	line-height: 20px;
}

.style3_2 {font-size: 12px;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
     align:top;
	/*line-height: 20px;*/
}


.style4 {	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
}

.style5 {font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 12px;}

.style6 {	color: #333333;
	font-weight: bold;
	line-height: 16px;
}

.style9 {font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 14px;}

.style10 {color: #CC0000}

.style7 {	font-size: 18px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.style9 {font-size: 12px; color: #333333; font-family: Arial, Helvetica, sans-serif; line-height: 20px; font-weight: bold; }

.style16 {color: #ff8255; font-size: 12px; }

.style19 {font-size: 12px; color: #666666; font-family: Arial, Helvetica, sans-serif; line-height: 20px; font-weight: bold; }

.style21 {
	color: #999999;
	font-size: 12px;
}

.style21r {
	color: #CC0000;
	font-size: 12px;
}

.style22 {
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #666666;
}

.style31 {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #336600; LINE-HEIGHT: 20px
}

.style34 {	font-size: 12px;
	line-height: 20px;
	color: #CC0000;
	font-weight: bold;
}

.style36 {font-size: 12px; color: #666666; line-height: 22px; }

.style37 {	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
	font-weight: bold;
}

.style38 {font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
	font-weight: bold;	
	}

.style40 {font-family: Arial, Helvetica, sans-serif; color: #eeeeee; font-size: 12px; }

.style41 {font-size: 11px;
	color: #666666;
	line-height: 22px;
}

.style42 {color: #845252}

.style44 {font-size: 12px;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 20px;
}

.style45 {color: #666666}

.style46 {font-size: 12px; color: #666666; font-family: Arial, Helvetica, sans-serif; line-height: 20px; font-weight: bold; }

.button {
	font-size: 11px;
	color: #333333;
	/*line-height: 20px;*/
	font-family: Arial, Helvetica, sans-serif;
}

.Table_login
{
	border:1px;
	border-color:#999900;
	border-bottom: 1px; 
}	


/*------------------------------------------------------------------------------*/
/*以下copy自arttime.css*/
/*------------------------------------------------------------------------------*/
/* 內文設定*/
.txt1 { font-size: 15px; line-height: 190%; }
.txt2 {	font-size: 13px;line-height: 140%; letter-spacing:1px;}

/* 圖說設定*/
.note1 { font-size: 12px; line-height: 183%;}
.note2 { font-size: 11px; line-height: 190%;}
.note3 { font-size: 10px; line-height: 190%;}

/* 顏色設定*/
.gray1, .gray1 a:link, .gray1 a:visited, .gray1 a:hover{ color:#333;}
.gray2, .gray2 a:link, .gray2 a:visited, .gray2 a:hover { color:#666}
.gray3{ color:#999;}
.green1{ color:#6bd701;}
.blu1 { color:#2265c1;}
.blu1 a:link, .blu1 a:visited{color: #2265c1; text-decoration:none;}
.blu1 a:hover{color: #2265c1; text-decoration:underline;}
.blu2{color:#0185ab;}
.blu2 a:link, .blu2 a:visited{color: #0185ab; text-decoration:none;}
.blu2 a:hover{color: #0185ab; text-decoration:underline;}
.org1 { color:#ee8b3a;}
.org1 a:link, .org1 a:visited{color: #ee8b3a; text-decoration:none;}
.org1 a:hover{color: #ee8b3a; text-decoration:underline;}
.red1 {color:#ab0606;}
.white, .white a:link, .white a:visited, .white a:hover { color:#fff;}

a:link, a:visited {color:#6f6f6f;text-decoration: none;}
a:hover {color:#6f6f6f;text-decoration: none;}