/* Forms */

img {border:0px;}
table {
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.8em;
}
table caption{
	font: 13px/1.6em Verdana,Lucida,Arial,Helvetica,KBC,sans-serif;
	padding:3px;
	background-image: url(../images/bar_bg2.gif);
}
textarea, input[type=text], input[type=password]  {
	margin: 0px;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.6em;
	color:#333333;
   background:#FFFFFF url(/images/css/text-bg.gif) repeat-x scroll 0 0;
	border:1px solid #B5B8C8;
	padding:1px 2px;
}
.bg-norepeat {
	background-position: top;
	background-repeat: no-repeat;
}


body a{
	color:#DB4E8F;
	text-decoration: none;
}

body a:hover{
	color:red;
	text-decoration: none;
}

form {
	margin: 0px;
}

.mySubmit {
	text-align: center;
	margin-top: 10px;
	font-size: 12px;
	padding-top: 1px;
}

.myTextbox{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 16px;
	color:#333333;
	border:1px solid #FFFFFF;
}

.btn01 {
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #666666;
	font-size: 12px;
	color: #FFFFFF;
	padding-top: 2px;
	background-color: #666666;
	padding-bottom: 1px;
	cursor:pointer;
	vertical-align:middle;
}

.subMenu {
	position: absolute;
	visibility: hidden;
	left: 22px;
}

.subMenu a{
	color: #DF00AD;
	text-decoration: none;
	display: block;
}

.subMenu a:hover{
	text-decoration: none;
	color: red;
}


/* News */

.news{
	padding: 5px;
	line-height: 1.8;
	background-repeat: no-repeat;
	background-position: bottom;
}

.news a{
	color:#666666;
	text-decoration: none;
}

.news a:hover{
	color:#FF6600;
	text-decoration: none;
}
.news ul{
	list-style-type: circle;
	padding: 0;
	margin: 0 0 0 15px;
}

.news li{
	margin: 0;
	padding: 0;
}


/* Content */
.indent {
	width:14px;
	vertical-align:top;
	text-align:right;
}
.line_height160 {
	line-height: 160%;
}
.content {
	font-size: 11pt;
	letter-spacing: 1px;
	line-height: 140%;
}
.path {
	font-size: 13px;
	line-height: 24px;
	color: #666666;
	text-align:left;
}

.path a{
	color: #666666;
	text-decoration: none;
}

.path a:hover{
	color: #DB4E8F;
	text-decoration: none;
}

.myLabel01 {
	font-size: 12px;
	text-align: center;
	height: 23px;
	margin-top:6px
}

.myLabel01 a{
    display:block;
	color:#3A6118;
	padding: 3px 0 1px 0;
	background-image: url(../images/common/btn01.gif);
}

.myLabel01 a:hover{
    display:block;
	color:#FFFFFF;
	background-image: url(../images/common/btn01-over.gif);
	text-decoration: none;

}

.myLabel02 {
	font-size: 12px;
	text-align: center;
	height: 21px;
}

.myLabel02 a{
    display:block;
	color:#3A6118;
	padding-top: 2px;
	background-image: url(../images/common/btn02.gif);
}

.myLabel02 a:hover{
    display:block;
	color:#FFFFFF;
	background-image: url(../images/common/btn02-over.gif);
	text-decoration: none;

}

.myLabel03 {
	font-size: 12px;
	text-align: center;
}

.myLabel03 a{
    display:block;
	color:#666666;
	padding-top: 2px;
	background-image: url(../images/common/btn03.gif);
}

.myLabel03 a:hover{
    display:block;
	color:#325900;
	background-image: url(../images/common/btn03-over.gif);
	text-decoration: none;

}

.titleName{
	margin: 8px 0 8px 0;
	background-color: #E7E7E7;
	font-size: 13px;
	color:#0059DF;
	padding: 2px 5px 0 0;
	font-family: Arial, Helvetica, sans-serif;
}

.summary{
	font-size: 12px;
	color:#7F7F7F;
	margin-bottom: 9px;
	font-family: Arial, Helvetica, sans-serif;
}

.summary a{
	color:#FF6600;
	text-decoration: none;
}

.summary ul{
	list-style-type: disc;
	padding: 0 0 0 15px;
	margin: 0 0 0 15px;
	color: #FF6600;
}

.summary li{
	margin: 0;
	padding: 0;
}

.page_num {
	text-align:center ;
	margin: 3px 0px;
	display:inline;
}
.page_num span{
	padding: 0px 4px;
	font-weight:bold ;
	color:#DA4C8E;
}
.page_num a{
	padding: 0px 4px;
	bordeR: 1px solid #AAA;
	margin: 0px 2px;
	color:#777;
	text-decoration: none;
}
.page_num a:hover{
	background:#DA4C8E;
	color:#fff;
	text-decoration: none;
}
.ch1{
	font-family:標楷體;
	font-weight: bold;
	font-size:24px;
	color:#DB4E8F;
	position:relative;
  top:-10px;
}

/* Table */

.table01{
	border: 1px solid #cccccc;
}

.td0L{
	color: #D75B00;
	background: #FFFF99;
	text-align:right;
}

.td1L{
	color: #D75B00;
	background: #FFFFB3;
	text-align:right;
}

.td0R{
	color: #D75B00;
	background: #E6E6E6;
}

.td1R{
	color: #D75B00;
	background: #F2F2F2;
}



/* Footer */

.footer{
	color:#6D6D6D;
}

.footer a{
	color:#0059DF;
}

.footer a:hover{
	color:#0059DF;
	text-decoration: underline;
}


/* Color */

.bold{
	font-weight: bold;
}

.black {
	color: #000000;
}

.white {
	color: #FFFFFF;
}


.yellow01 {
	color: #FFFC00;
}

.pink01 {
	color: #FFCAFF;
}

.pink02 {
	color: #EA4AA6;
}

.orange01 {
	color: #FF6600;
}

.green01 {
	color: #37D500;
}

.blue01 {
	color: #0059DF;
}


.brown01 {
	color: #D75B00;
}
.brown01 a{
	color: #D75B00;
}
.gray01 {
	color: #959595;
}

.gray02 {
	color: #CCCCCC;
}

.coffee01{
	color: #C07E00;
}

.green01 {
	color: #3F7910;
}

.green02 {
	color: #009900;
}

.red01 {
	color: #FF0000;
}


/* Text */
.price {
	font-family: "Arial Black", Arial;
	font-size: 22px;
	color: #FF0000;
}

.price a{
	color: #FF0000;
	text-decoration: none;
}

.price a:hover{
	color: #FF0000;
	text-decoration: underline;
}

.txt15 {
	font-size: 15px;
}

.head_text {
	font-size: 14px;
	color: blue;
}
.top_menu {
	font-size: 13px;
	font-weight: bold;
}

.txt13 {
	font-size: 13px;
}

.fontWeight {
	font-weight: normal;
}


/* Others */
.compName{
	padding-top: 7px;
	background-image: url(../images/competition/board02.gif);
	background-repeat: no-repeat;
}

.workBorder{
	border: 1px solid #D0D0D0;
}

.dotLine{
	border-bottom: 1px dotted #CFCFCF;
}

.dotLineTop{
	border-top: 1px dotted #CFCFCF;
}
.borderLine{
	border-bottom: 1px solid #D0D0D0;
}

.mySelect {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	border:1px solid #B8B8B8;
	color: #333333;
	line-height: 1.5em;
}


.txtLink a{
	text-decoration: none;
	color: #666666;
}

.txtLink a:hover{
	text-decoration: none;
	color:#DB4E8F;
}

.txtLink02 a{
	text-decoration: none;
	color: #0059DF;
}

.txtLink02 a:hover{
	text-decoration: none;
	color: #0099FF;
}

.txtLink03 a{
	text-decoration: none;
	color: #666666;
}

.txtLink03 a:hover{
	text-decoration: none;
	color: #00836C;
}
.txtLink04 {
	color: #FFFFFF;
}
.txtLink04 a{
	text-decoration: none;
	color: #FFFFFF;
}
.txtLink04 a:hover{
	text-decoration: none;
	color: yellow;
}
.txtLink05 a{
	text-decoration: none;
	color: #666666;
	padding:3px;
}

.txtLink05 a:hover{
	text-decoration: none;
	color: #00836C;
	background:#D9E1D9;
	padding:3px;
}

.txtLink04 a:hover{
	text-decoration: none;
	color: yellow;
}

.content_menu a{
	font-size: 12px;
	color: #595959;
	text-decoration: none;
	vertical-align: middle;
	display: block;
}

.content_menu a:hover{
	color: #00836C;
	text-decoration: none;
}
.content_menu tr.cursor_row:hover{
	color: #00836C;
	text-decoration: none;
	background-color: #D9E1D9;
	padding-top: 1px;
}

.footer {
	color: #000000;
	letter-spacing: 1px;
}

.footer a{
	text-decoration: none;
	color: #000000;
}

.footer a:hover{
	text-decoration: none;
	color:#FFFFFF;
}

.cloud a{
	color: #666;
	text-decoration: none;
}

.cloud a:hover{
	color: #000000;
	text-decoration: none;
}
.box   { border:1px #999999 solid;padding:4px;}
.box2   { border:4px #999999 solid;padding:6px;}

ul#sidebar {
	margin: 0 0 8px 15px;
	padding: 5px;
	list-style-type: circle;
	text-align: left;
}
li#sidebar {
	margin:0;
	padding:0;
}
img.shadow {
	background: url(../images/shadow-1000x1000.gif) no-repeat right bottom;
	padding: 5px 10px 10px 5px;
}
.but {
	cursor:pointer;
	background-color: #fed;
}

.img-shadow {
margin: 0 0 0 0px ;
float:left;
background: url(../images/trans-shadow.png) no-repeat bottom right; /* Most major browsers other than IE supports transparent shadow. Newer release of IE should be able to support that. */
}

.img-shadow img {
display: block; /* IE won't do well without this */
position: relative; /* Make the shadow's position relative to its image */
padding: 5px; /* This creates a border around the image */
background-color: #fff; /* Background color of the border created by the padding */
border: 1px solid #cecece; /* A 1 pixel greyish border is applied to the white border created by the padding */
margin: -6px 6px 6px -6px; /* Offset the image by certain pixels to reveal the shadow, as the shadows are 6 pixels wide, offset it by that amount to get a perfect shadow */
}
.before_after1 {
max-width:70px;
max-height:90px;
}
.before_after2 {
max-width:50px;
max-height:70px;
}
.TRtitleName{
	background-color: #E7E7E7;
	font-size: 13px;
	color:#333333;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	height: 18px;
	border: 1px solid #cecece;
}
.Highlight{
	background-color: black;
	font-size: 13px;
	color:yellow;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	height: 18px;
	border: 1px solid #cecece;
}

.webmaster{
display: none;
}

#leftcolumn{
margin-left: 10px;
float:left;
width:160px;
height: 300px;
background-color: white;
padding: 5px;
padding-left: 8px;
border: 1px solid #cecece;
}

#rightcolumn{
float:left;
width:320px;
min-height: 300px;
background-color: white;
margin-left: 10px;
padding: 5px;
padding-bottom: 8px;
border: 1px solid #cecece;
}

* html #rightcolumn{ /*IE only style*/
height: 300px;
}

.language{
position : relative; top:-20px;}

.bgcolor01 {
	background-color: #FFFF99;
}
.img_middle
{vertical-align:middle}

.blink {
	color: yellow;
	padding:3px;
	background-color: #000;
}
.logo{
	font-family:標楷體;
	font-weight: bold;
	font-size:20px;
	color:#DB4E8F;
	position:relative;
  top:-15px;
}
.modalDiv{
	padding-top: 5px;
    width: 260px;
    height: 50px;
    background-color: #CCCCCC;
    position: absolute;
    top: 400px;
    left: 500px;
    display: block;
    z-index: 2;
}
.ad_table a {
	text-decoration: none;
	color: #555;
	padding-right:2px;
}
.ad_table tr.alt
{
	text-decoration: none;
	background-color:#FFFFE3;
	color: #666666;
	padding-right:2px;
}
.ul_desc {
	width:200px;
}
.ul_desc ul {
	font: 12px verdana, arial, sans-serif;
	list-style-type: disc;
	list-style-position:outside;
}

.ul_desc ul li {
	margin: 1px 4px 1px -10px;
	padding:4px;
	line-height: 1.6em;

}
.btn_ok a {
    background-color: #72A035;
    border-color: #B7D98A #5B7835 #5B7835 #B7D98A;
    border-left: 1px solid #B7D98A;
    border-style: solid;
    border-width: 1px;
    color: #FFFFFF;
    display: inline-block;
    font: 12px/1.6em Verdana,Lucida,Arial,Helvetica,KBC,sans-serif;
    height: 20px;
    padding: 2px 10px 0;
    text-decoration: none;
}
.forum {
	border-bottom:dashed 1px #ccc;
}