a:link {color:#FF0000}      /* unvisited link */
a:visited {color:#FF0000}  /* visited link */
a:hover {color:#ff9933 }  /* mouse over link */
a:active {color:#ff9933 }  /* selected link */

.noMargin {
	margin:0px;
}
#content {
	background-color:#ff9933;
	background-image:url(../image/mbackground.jpg);
	background-position:top;
	background-repeat:no-repeat;
	background-attachment:fixed;
	height:500px;
	vertical-align:top;
}
#banner{
	width:800px;
	height:229px;
	background-image:url(../image/Webbanner.jpg);
	background-repeat:no-repeat;
	background-position:top;
	background-color:#000;
	font-family:90% arial, 新細明體, mingliu;
}
#footer {
	background-color:#000000;
}
ol{
	list-style-type:lower-roman;
	list-style-image:none;
	padding-left:0px;
	margin-left:40px;
}
.subTitle{
	margin-left:20px;
	padding:0px 0px 0px 10px;
	list-style-position: outside;
	list-style-image:url(../image/listIcon.png);
	color:#006838;
	margin-top:10px;
}

.subTitle li {
	vertical-align:middle;
	line-height: 1.22em;
	padding-left:0px;
}
.transbox {
	margin:15px 20px;
	background-color: #F49834;
	filter: alpha(opacity=80);
	opacity:0.8;
	width:95%;
}
.transbox td {
	padding:15px 20px;
	text-align:justify;
	text-justify:inter-ideograph;
	font-family:Arial, Helvetica, sans-serif;
	color:#003;
}
ol {
	margin-top:5px;
}
/*main menu style */
div.button {
	border: 0 none;
	cursor: pointer;
	font-weight: bold;
	padding: 0 15px 0 0;
	text-align: center;
	height: 20px;
	line-height: 20px;
	width: auto;
}
div.button {
	background: transparent url( ../image/btn_right.png ) no-repeat scroll right top;
	clear: left;
	font-size: 12px;
}
.button span {
	display: block;
	padding: 0 0 0 15px;
	position: relative;
	white-space: nowrap;
	height: 20px;
	line-height: 20px;
}
div.button span {
	background: transparent url( ../image/btn_left.png) no-repeat scroll left top;
	color: #FFFFFF;
}
div.button:hover {
	background-position: 100% -20px;
}
div.button:hover span {
	background-position: 0% -20px;
}
.button::-moz-focus-inner {
 border: none;
}
.mainMenu {
	position:relative;
	top:190px;
	width:100%;
	padding:0;
	margin:0;
	list-style-type:none;
	z-index:1;
}
.mainMenu li {
	display:inline
}
.mainMenu a {
	float:left;
	/*width:6em;*/
	text-decoration:none;
	color:white;
	padding:0.2em 0.6em;
}

/*end main menu style */

/*content box */
.title{
	margin: 20px 135px 0px 135px;
    width: 60%;
    padding: 0px;
    text-align: left;
    color: #ffffff;
	font-weight:bold;
	font-size:26px;
}

.contentBox {
	/*background-image:url(../image/background.jpg);
	background-attachment:scroll;
	background-position:center;*/
    margin: 0px auto 20px auto;
    width: 60%;
    padding: 30px 20px 30px 30px;
    text-align: left;
    background-color: #ffffff;
    border: 3px solid #D7DF23;
	filter: alpha(opacity=80);
	opacity:0.8;
	color:#006838;
}
.contentBox p {
  padding:0;
  margin:1eft 0;
}

/*end content box */

/*button bg*/
div.buttonBG {
	border: 0 none;
	font-weight: bold;
	padding: 0 15px 0 0;
	text-align: center;
	height: 40px;
	line-height: 40px;
	width:100px;
	position:relative;
	top:20px;
	left:100px;
	z-index:99;
	
}

div.buttonBG {
	background: transparent url( ../image/mbtn_right.png ) no-repeat scroll right top;
	clear: left;
	font-size: 16px;
}

div.buttonBG .buttonSpan {
	background: transparent url( ../image/mbtn_left.png) no-repeat scroll left top;
	color: #ee0000;
	text-align: left;
}
.buttonBG .buttonSpan {
	display: block;
	padding: 0 0 0 15px;
	position: relative;
	white-space: nowrap;
	height: 40px;
	line-height: 40px;
}


/*end button bg*/

/*workshop button bg*/
div.workshopButtonBG {
	border: 0 none;
	font-weight: bold;
	padding: 0 15px 0 0;
	text-align: center;
	height: 40px;
	line-height: 40px;
	width:100px;
	position:relative;
	top:20px;
	left:20px;
	z-index:99;
	
}

div.workshopButtonBG {
	background: transparent url( ../image/mbtn_right.png ) no-repeat scroll right top;
	clear: left;
	font-size: 16px;
}

div.workshopButtonBG span {
	background: transparent url( ../image/mbtn_left.png) no-repeat scroll left top;
	color: #ee0000;
}
.workshopButtonBG span {
	display: block;
	padding: 0 0 0 15px;
	position: relative;
	white-space: nowrap;
	height: 40px;
	line-height: 40px;
}


/*end workshop button bg*/

/*workshop button bg _1*/
div.workshopButtonBG_1 {
	border: 0 none;
	font-weight: bold;
	padding: 0 15px 0 0;
	text-align: center;
	height: 40px;
	line-height: 40px;
	width:100px;
	position:relative;
	top:20px;
	left:20px;
	z-index:99;
	
}

div.workshopButtonBG_1 {
	background: transparent url( ../image/mbtn_right.png ) no-repeat scroll right top;
	clear: left;
	font-size: 16px;
}

div.workshopButtonBG_1 .buttonSpan {
	background: transparent url( ../image/mbtn_left.png) no-repeat scroll left top;
	color: #ee0000;
}
.workshopButtonBG_1 .buttonSpan {
	display: block;
	padding: 0 0 0 15px;
	position: relative;
	white-space: nowrap;
	height: 40px;
	line-height: 40px;
}


/*end workshop button bg _1*/

.sponser{
	display: inline-block;
	padding-right:10px;
}

.sponser{
	display: inline-block;
	padding-right:10px;
}

.sponserW{
	display: inline-block;
}


body {
	font-size:12px;
	font-family:arial, 新細明體, mingliu;
}
div#test {


    background-image:url(../image/background2.jpg);


    background-repeat: no-repeat;


    height: 300px;


    width: 380px;
	
	position:relative;
	top:-200px; left:50px;
	margin-bottom:-200px;

}

.workshopSponser{
	font-size:10px;
}


/*workshop box */
.title{
	margin: 20px 135px 0px 100px;
    width: 60%;
    padding: 0px;
    text-align: left;
    color: #ffffff;
	font-weight:bold;
	font-size:26px;
}

.workshopBox {
	/*background-image:url(../image/background.jpg);
	background-attachment:scroll;
	background-position:center;*/
    margin: 0px auto 10px auto;
    width: 90%;
    padding: 20px 10px 10px 10px;
    text-align: left;
    background-color: #ffffff;
    border: 3px solid #D7DF23;
	filter: alpha(opacity=80);
	opacity:0.8;
	color:#006838;
}
.workshopBox p {
  padding:0;
  margin:1eft 0;
}

div.onair{
	width:125px;
	position:relative;
	margin-bottom:-120px;
	padding-right:0px;
	margin-right:0px;
	top:-130px;
	left:430px;
}

/*end content box */

