/*latest 2010-07-02 designed by 不惑仔 http://boohover.pixnet.net/blog*/
@import url(genernal.css);
@import url(genernal1.css);

/*fonts*/
#st4-1 li strong{font-weight:normal;}
#main .content .heading,#nav1 .heading{white-space:nowrap;}

/*colors*/
#main{background:url(../images/bg_sepa13.png) repeat-y right;}
#main .outer{ background:url(../images/bg_sepa11.png) no-repeat right top;}
#main .mid{background:url(../images/bg_sepa12.png) no-repeat right bottom; padding-right:1px;}
#main .content .heading,#nav1-1 .heading{background:url(../images/bg_heading11.png) no-repeat;}
#main .content .heading .outside,#nav1-1 .heading .outside{background:url(../images/bg_heading13.png) no-repeat right;}
#main .content h1,#nav1-1 .heading h2{color:rgb(20%,10%,10%);background:url(../images/bg_heading12.png) repeat-x; text-shadow:0 1px 0 white; line-height:26px;}
* html #main .content .heading,* html #nav1-1 .heading{background-image:url(../images/bg_heading11a.png);}
* html #main .content .heading .outside,* html #nav1-1 .heading .outside{background-image:url(../images/bg_heading13a.png);}

#st1-1 li{background:url(../images/bg_btn11.png) repeat-x;}
#st1-1 li a{color:#000077;}
#st1-1 li a:hover,#st1-1 li a:focus{color:rgb(40%,40%,40%);text-decoration:none;}

#st1-2 .boxTop1,#st1-2 .boxEnd1,#st1-2 .boxEnd2,#st1-2 .boxEnd3{position:absolute; z-index:9999; background-image:url(../images/home/boxedge_pr.png); background-repeat:no-repeat;}
#st1-2 .boxTop1,#st1-2 .boxEnd1{height:10px; width:600px; left:0;}
#st1-2 .boxEnd2,#st1-2 .boxEnd3{height:230px; width:10px; top:10px;}
#st1-2 .boxTop1{top:0;}
#st1-2 .boxEnd1{bottom:0; background-position:bottom;}
#st1-2 .boxEnd2{left:0; background-position:0 -10px;}
#st1-2 .boxEnd3{right:0; background-position:100% -10px;}
* html #st1-2 .boxTop1,* html #st1-2 .boxEnd1,* html #st1-2 .boxEnd2,* html #st1-2 .boxEnd3{background-image:none;}
* html #st1-2 .boxTop1{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.betaschool.com.tw/images/home/boxedge_pr_t.png");}
* html #st1-2 .boxEnd1{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.betaschool.com.tw/images/home/boxedge_pr_b.png");}
* html #st1-2 .boxEnd2{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.betaschool.com.tw/images/home/boxedge_pr_l.png");}
* html #st1-2 .boxEnd3{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.betaschool.com.tw/images/home/boxedge_pr_r.png");}

#st2 .mainSection .inside{background:url(../images/home/bg_marq11.png) repeat-x;}
#st2-1{background:url(../images/home/bg_marq12.png) repeat-x bottom;}
#st2-1 ul{background:#222;color:rgb(50%,100%,60%);}
#st3-1 li a span{background:white;border:1px solid rgb(80%,80%,80%);}
#st3-1 li a:hover span,#st3-1 li a:focus span{background:#222;}

#st4 .stInner,#st5 .stInner{border-bottom:1px solid rgb(80%,80%,90%);}
#st4 .mainSection{background:url(../images/home/bg_free1.png) right top no-repeat;}
* html #st4 .mainSection{background-attachment:fixed;}
*+html #st4 .mainSection{background-image:none;}

#st5-1 dt{background:url(../images/home/bg_news2.png) repeat-x;}
#st5-1 dt .inlineWrap{background:url(../images/ic011.png) no-repeat right;padding-right:20px;}
#st5-1 dt button{background:transparent none;border:none;}
#st5-1 dd{background:rgb(200,210,240) url(../images/home/bg_news1.png) no-repeat;}
#st5-1 dd button{background:transparent url(../images/ic_close1.png) no-repeat center;border:none;}

#nav1 li a:hover,#nav1 li a:focus{text-decoration:none;}
#nav1-1{border-bottom:1px solid rgb(60%,60%,75%);}
#nav1-1 li{background:url(../images/bg_btn11.png) repeat-x;}
#nav1-1 li a{color:#000077;line-height:35px;}
#nav1-1 li a:hover,#nav1-1 li a:focus{color:rgb(40%,40%,40%);}

#nav1-2 li,#nav1-3 li,#nav1-4 li,#nav1-5 li{background:url(../images/bg_btn21.png) no-repeat left;}
#nav1-2 li a,#nav1-3 li a,#nav1-4 li a,#nav1-5 li a{color:black; line-height:32px;}
#nav1-2 li a:hover,#nav1-3 li a:hover,#nav1-4 li a:hover,#nav1-5 li a:hover,#nav1-2 li a:focus,#nav1-3 li a:focus,#nav1-4 li a:focus,#nav1-5 li a:focus{color:#000099;}
* html #nav1-2 li,* html #nav1-3 li,* html #nav1-4 li,* html #nav1-5 li{background-image:none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.betaschool.com.tw/images/bg_btn21.png");zoom:1;}
* html #nav1-2 li a,* html #nav1-3 li a,* html #nav1-4 li a,* html #nav1-5 li a{position:relative;}

/*general layout*/

#main {margin-right: 18%;}
#main .st ul
{list-style: none;}

#main .content .heading,#nav1-1 .heading{padding-left:14px; margin-left:4px;}
#main .content .heading .outside,#nav1-1 .heading .outside{padding-right:14px; display:inline-block;}
#main .content .heading,#nav1-1 .heading,{zoom:1;}
#main .content .heading .outside,#main .content .heading h1,#nav1-1 .heading .outside,#nav1-1 .heading h2,{display:inline; zoom:1;}

#st1 {
 position: relative;
 padding-left: 600px;
}
#st1,{zoom:1;}
#st1-1{line-height:1.1;}
#st1-1 li a{display:block;height:33px;overflow:hidden;padding-top:2px;padding-right:4px;padding-left:4px;}

#st1-2 {
 position: absolute;
 left: 0px;
 top: 0px;
}
#st1-2 ul {width:600px;overflow:auto;z-index:1;}
#st1-2 li a img {vertical-align: top;}


#st2 .mainSection .inside{padding-top:8px;}
#st2-1{padding-bottom:8px;}
#st2-1 ul{line-height:2.4;height:4.8em;overflow:auto;text-align:center;}
#st2-1 li{right:0;left:0;}
* html #st2-1 li{width:800px;}

#st3 .stInner{padding-top:12px; padding-bottom:12px;}
#st3-1 ul{text-align:center;}
#st3-1 li {display:inline-block;vertical-align:top;position:relative;width:116px;height:68px;overflow:hidden;padding-right:14px;padding-left:136px;margin-top:12px;text-align:justify;}
#st3-1 li a span{position:absolute;top:0;left:0;bottom:0;cursor:pointer;}
#st3-1 li a span img{vertical-align:top;width:128px;height:64px;padding:1px;}
#st3-1 li,{display:inline;zoom:1;}
#st3-1 li a:hover img,#st3-1 li a:focus img{position:relative;top:-2px;left:2px;}

#st4{width:44%;}
#st4 .mainSection{line-height:1.8;}
#st4-1,#st5-1 dl{height:18em; overflow:auto; }
#st4-1,#st5-1 dl,{height:18.1em;}
#st4-1 .date{display:inline-block;width:5em;text-align:right;padding-right:1em;}
#st4-1 .date,{display:inline;}
#st4-1 .toDetail{text-align:right;padding-right:2em;margin-top:0;margin-bottom:0;}

#st5{position:relative;}
* html #st5{zoom:1;}
#st5 .stInner{position:absolute;right:0;bottom:0;width:56%;}

#st5-1 dt{padding-right:1em; padding-left:1em;line-height:1.8;}
#st5-1 dt button{position:absolute;width:10px;height:10px;padding:0;cursor:pointer;}
#st5-1 dd{top:0; right:0; bottom:0; left:0; overflow:auto; margin:0; padding:1.4em 2em;line-height:1.6;}
#st5-1 dd button{position:absolute; right:2em; bottom:1em; padding:0; height:16px; width:16px;}
#st5-1 dd p{margin-top:0; margin-bottom:0;}
#st5-1 dd ol.accepted{width:28em;}
#st5-1 dd ol.accepted li{float:left; margin-left:2.5em; line-height:1.3;}
#st5-1 dd ul.exams li{background:url(../images/ic011.png) no-repeat left; padding-left:16px;}

#st6-1 li{display:inline; margin-left:2em;}

#nav1 {position:absolute;top:0px;right:0px;width:18%;margin-top:8px;}
/** html #nav1{right:-1px;}*/

#nav1 li a{display:block;}

#nav1-1 li{height:35px; overflow:hidden;}
#nav1-1 li a{padding-right:3px;padding-left:3px;}
#nav1-1 li .status{position:absolute;text-align:center;width:0;overflow:hidden; background:url(../images/bg_btn31.png) no-repeat center;}
#nav1-1 li a:hover .status,#nav1-1 li a:focus .status{right:99%;width:50px;line-height:20px;font-size:90%;color:#007;padding-bottom:4px;}
* html li a:hover{position:relative;}

#nav1-2{margin-top:3em;}
#nav1-2,#nav1-3,#nav1-4,#nav1-5{margin-bottom:1em;}
#nav1-2 .navBlock,#nav1-3 .navBlock,#nav1-4 .navBlock,#nav1-5 .navBlock{width:142px; position:relative; left:-10px;}
#nav1-2 li,#nav1-3 li,#nav1-4 li,#nav1-5 li{text-align:center; padding-right:12px; padding-left:16px;}
#nav1-2 li a,#nav1-3 li a,#nav1-4 li a,#nav1-5 li a{}


/*groups*/
#st1-2 ul{height:250px;}
#st1 .mainSection,#nav1-1 .mainSection{height:224px;overflow:hidden;}
#st1 .mainSection .inside,#nav1-1 .mainSection .inside{padding-top:14px;}
#st4 .heading,#st5 .heading{margin-bottom:8px;}
#st4 .mainSection,#st5 .mainSection dt{line-height:1.8;}

/*vanishing*/
#st2 .heading,#st4-1 .sepa,#nav1-1 li .status .sepa,#nav1-2 .heading,#nav1-3 .heading,#nav1-4 .heading,#nav1-5 .heading
{position:absolute;top:-99em;left:-999em;}

/*greeting*/
.billboard{text-align:center;font-size:4em;letter-spacing:0.75em;background:black;color:white;border:4px solid #fc0;font-family:"王漢宗中隸書繁","華康隸書體","文鼎中隸","標楷體";}