/*---RESET---*/
/* html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, th
{ margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; }
body {
/* background-color:#FFC868;fbe7e6
background-image:"img-bg.png"; */
width:1024px;
overflow-y:scroll;
background-image:url(img-bg.jpg);
margin:0 auto;
font-family: 標楷體,細明體,新細明體;
}
ol { padding:0 0 0 2em; }
.wrap {width:1016px;position:absolute;}
.container {width:1008px;}
.header {width:1000px;margin-top:0px;padding-bottom:0px;
background-color:rgba(255,230,220,0.8);
/*background-color:rgb(255,240,230);*/
/* background: rgb(255,240,230); for non-css3 browsers */
/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgb(255,240,230)', endColorstr='rgb(200,200,230)'); for IE */
/*background: -webkit-gradient(linear, 0% 0%, 100% 100%, rgb(255,240,230) 80%, rgb(200,200,230) 80%); for webkit browsers */
/* background: -moz-linear-gradient(left, rgb(255,240,230), rgb(200,200,230)); for firefox 3.6+
background-image: linear-gradient(right, rgb(255,240,230) 6%, rgb(154,255,119) 53%, rgb(197,25,30) 77%);
background-image: -o-linear-gradient(right, rgb(255,240,230) 6%, rgb(154,255,119) 53%, rgb(197,25,30) 77%);
background-image: -moz-linear-gradient(right, rgb(255,240,230) 6%, rgb(154,255,119) 53%, rgb(197,25,30) 77%);
background-image: -webkit-linear-gradient(right, rgb(255,240,230) 0%, rgb(197,25,30) 80%);
background-image: -ms-linear-gradient(right, rgb(255,240,230) 6%, rgb(154,255,119) 53%, rgb(197,25,30) 77%);*/
}
.end {
width:1000px;
margin:0 auto;
padding-top:4px;
padding-bottom:10px;
background-color:rgb(255,230,220);
/*background-color:rgb(255,240,230);*/
text-align:center;}
.navigation {
/*position:absolute;top:150px;left:10px;*/
overflow:visible;
z-index:7;
width:800px;
text-align:center;
margin-top:-15px;
margin-left:10px;}
.content {width:1000px;
background-color:rgba(255,235,246,09);
/*background-color:rgb(255,235,246);*/
background-color:rgb(255,255,255)
}
.leftbar {width:120px;}
.rightMain {}
.top {
margin:0 auto;
width:720px;
/* text-align:center; */
padding-bottom:10px;
}
.top1{
position:absolute;top:5px;left:240px;
overflow:visible;
z-index:5;
}
.top2-1 {
position:absolute;top:65px;left:310px;
overflow:visible;
z-index:6;
}
.top2-2 {
position:absolute;top:165px;left:310px;
overflow:visible;
z-index:6;
}
.top2-3 {
position:absolute;top:30px;left:320px;
overflow:visible;
z-index:6;
}
.top3 {
position:absolute;top:-150px;left:780px;
overflow:visible;
z-index:0;
}
.main {
margin:0px 0px 10px 150px;
width:720px;
border-radius: 8px;
padding:12px;
line-height: 2em;
color: #000000;
font-weight:bold;
}
.register {
margin:0 auto;
width:980px;
background-color:#FFB858;
padding:10px;
}
.centerPlus2 {
font-size:1.8em;
text-align:center;
line-height:1.5em;
}
#campname{
font-size:2em;
line-height:1.5em;
}
.BoxNav {
border:1px solid silver;
display:inline-block;
margin:0 0.05em;
padding:0.25em 1.5em;
border-radius: 8px;
box-shadow:
5px 10px 2px rgba(100%,0%,0%,0.4),
10px -4px 2px rgba(0%,100%,0%,0.4),
15px 6px 2px rgba(0%,0%,100%,0.4);
z-index:9;
}
.BoxNav a:hover {
padding:0.1em;
border:4px solid #FF9898;
background-color:#FF9898;
border-top-color:#FE9898;
border-right-color:#FD9898;
border-left-color:#FC9898;
border-radius: 8px;
transform-origin:0;
transform:scaleX(1.2);
transform:scaleY(1.8);
}
.Title {
/* background:rgba(255,220,220,0.75);
margin:1em 0.5em;
border:4px solid #9FC868;
border:4px solid rgba(255,180,180,0.8);
border-radius: 0.5em 2em 0.5em 2em;
padding:0 0 0 1em;
box-shadow:
2px 2px 2px rgba(20%,20%,40%,0.6),
4px 4px 6px rgba(20%,20%,40%,0.4),
6px 6px 12px rgba(20%,20%,40%,0.4);
*/
font-size:1.2em;
background:rgba(255,220,220,0.75);
background:rgb(255,240,230);
color:#22992d;
margin:1em 0.5em;
padding:0 0 0 0.5em;
box-shadow:-8px 0px 0px rgba(210,20,20,0.9);
box-shadow:-8px 0px 0px rgb(210,20,20);
}
.afterTitle {
margin:0 2em;
}
.en{
font-family: Times New Roman;
}
.Title2 {
font-size:1.2em;
background:rgba(250,210,210,0.75);
background:rgb(255,240,230);
margin:1em 0.5em;
padding:0 0 0 0.5em;
box-shadow:-8px 0px 0px rgba(210,20,20,0.9);
box-shadow:-8px 0px 0px rgb(210,20,20);
}
.Title3 {
font-size:1.2em;
background:rgba(250,210,210,0.75);
background:rgb(255,240,230);
color:#6090b6;
margin:1em 0.5em;
padding:0 0 0 0.5em;
box-shadow:-8px 0px 0px rgba(210,20,20,0.9);
box-shadow:-8px 0px 0px rgb(210,20,20);
}
.BoxNavOut {background-color:#FFA858; display:inline;}
br.CLEAR { clear: both; height:0; font-size:1px; line-height:0; }
a img{ border-width:0}
a:hover img{ border-width:0}
a img.normal1 { width:70px; height:70px; }
a:hover img.normal1{width:0px; height:0px; }
a img.highlight1 { width:0px; height:0px; }
a:hover img.highlight1 {width:70px; height:70px; }
a img.normal2 { width:170px; height:70px; }
a:hover img.normal2{width:0px; height:0px; }
a img.highlight2 { width:0px; height:0px; }
a:hover img.highlight2 {width:170px; height:70px; }
a img.normal3 { width:110px; height:70px; }
a:hover img.normal3{width:0px; height:0px; }
a img.highlight3 { width:0px; height:0px; }
a:hover img.highlight3 {width:110px; height:70px; }
.tableContent tr td{
background-color:rgb(255,235,246);
line-height: 25px;
padding-left:7px;
}
.tableDate {
background-color:rgb(35,215,226);
}
a.link , a.link:visited{
color:blue;
text-decoration:none;
}