@charset "UTF-8";
* { margin: 0; padding: 0; list-style: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

body { font: 0.9em/1.6 "微軟正黑體", "新細明體", "Arial Unicode MS"; color: #333; background: #efefef; letter-spacing: 0.1em; }

img { border: none; vertical-align: top; }

a { text-decoration: none; }

#wrapper { width: 1024px; text-align: left; background: #fff; margin: 0 auto; overflow: auto; }

body { background: #fffffd url('../images/bg.png?1442768397') repeat-x 0 0; }

#menu, #menu2, #content, #contentLogin, #contentLogout, p.subtitle, #primary .title, .query, #loginPage .title, footer { width: 100% !important; }

header { background-image: url('../images/header.jpg?1441609558'); background-image: url('../images/header.jpg?1441609558'); background-position: center; background-repeat: no-repeat; width: 1024px; height: 155px; }

#menu, #menu2 { height: 75px; background-color: #ffd076; padding-left: 15px; color: #547354; font-weight: bolder; }
#menu li, #menu2 li { float: left; }
#menu .front, #menu2 .front { font-size: 21px; padding-top: 20px; }
#menu .front:hover, #menu2 .front:hover { cursor: default; }
#menu .button1, #menu2 .button1 { background-image: url('../images/button1_.png?1441610347'); background-position: center; background-repeat: no-repeat; width: 140px; height: 33px; }
#menu .button1 a, #menu2 .button1 a { background-image: url('../images/button1.png?1441610309'); background-position: center; background-repeat: no-repeat; width: 140px; height: 33px; display: block; }
#menu .button1 a:hover, #menu2 .button1 a:hover { background: transparent; }
#menu .classroom, #menu2 .classroom { background-image: url('../images/classroom_.png?1441610081'); background-position: center; background-repeat: no-repeat; width: 237px; height: 75px; }
#menu .classroom a, #menu2 .classroom a { background-image: url('../images/classroom.png?1441609928'); background-position: center; background-repeat: no-repeat; width: 237px; height: 75px; display: block; }
#menu .classroom a:hover, #menu2 .classroom a:hover { background: transparent; }
#menu .equi, #menu2 .equi { background-image: url('../images/equi_.png?1441610104'); background-position: center; background-repeat: no-repeat; width: 237px; height: 75px; }
#menu .equi a, #menu2 .equi a { background-image: url('../images/equi.png?1441609895'); background-position: center; background-repeat: no-repeat; width: 237px; height: 75px; display: block; }
#menu .equi a:hover, #menu2 .equi a:hover { background: transparent; }
#menu .osce, #menu2 .osce { background-image: url('../images/osce_.png?1441610124'); background-position: center; background-repeat: no-repeat; width: 237px; height: 75px; }
#menu .osce a, #menu2 .osce a { background-image: url('../images/osce.png?1441609823'); background-position: center; background-repeat: no-repeat; width: 237px; height: 75px; display: block; }
#menu .osce a:hover, #menu2 .osce a:hover { background: transparent; }

#menu2 { height: 50px; }
#menu2 .front { font-size: 21px; padding-top: 10px; margin-left:25px;}
#menu2 #switch { font-size: 21px; background:#fff; padding: 10px 20px; background:#09C; height:50px; cursor:pointer; color:#fff;}

#content, #contentLogin, #contentLogout { background-image: url('../images/content.jpg?1442681477'); background-position: center; background-repeat: no-repeat; width: 1024px; height: 4px; min-height: 400px; height: auto; overflow: hidden; background-repeat: repeat-y; }

#contentLogin { position:relative; }
#contentLogout { background: #fff;}

p.subtitle { margin-top: 18px; color: #666; font-size: 19px; font-weight: bold; }

.btnCheckList { float: right; display: inline-block; background-image: url('../images/checkList_.png?1441611319'); background-position: center; background-repeat: no-repeat; width: 94px; height: 31px; }
.btnCheckList a { background-image: url('../images/checkList.png?1441611301'); background-position: center; background-repeat: no-repeat; width: 94px; height: 31px; display: block; }
.btnCheckList a:hover { background: transparent; }

#navSwitch{position:absolute; top:200px; z-index:999; display:none;}

nav { float: left; width: 219px; padding-bottom: 20px; }
nav li { width: 219px; background: url('../images/nav.jpg?1441610429') no-repeat 0 0; border-bottom: 1px solid #fff; line-height: 60px; }
nav li a { display: block; color: #fff; font-weight: bolder; font-size: 18px; text-align: center; }
nav li:hover { background: url('../images/nav.jpg?1441610429') no-repeat 0 0; }
nav li ul.subNav { display: none; }
nav li ul.subNav li { background: url('../images/subNav.jpg?1441611383') no-repeat 0 0; text-align: left; padding-left: 15px; line-height: 45px; }
nav li ul.subNav li:hover { background: url('../images/subNav_.jpg?1441611394'); }
nav li ul.subNav li:last-child { border-bottom: none; }

#primary { float: right; width: 100%; padding: 10px 20px; }

#contentLogin{ background:#FFF;}
#contentLogin #primary { width: 100%; }

#primary .title { font-size: 21px; font-weight: bold; color: #5ab5d0; background-image: url('../images/title.png?1441610379'); background-position: center; background-repeat: no-repeat; width: 30px; height: 26px; background-position: left center; line-height: 26px; padding-left: 35px; margin: 5px 0; }
#primary #main_conten li { float: left; width: 25%; text-align: center; border-right: 1px solid #ccc; padding: 0 10px;}
#primary #main_conten li:last-child { border-right: none; }
#primary #main_conten li p { font-size: 16px; color: #666; text-align: center; padding: 0 10px; }
#primary .main_conten2 li { float: left; width: 25%; text-align: center; border-right: 1px solid #ccc; padding: 0 10px;}
#primary .main_conten2 li:last-child { border-right: none; }
#primary .main_conten2 li p { font-size: 16px; color: #666; text-align: center; padding: 0 10px; }



.query th, .query td { padding: 5px; font-size: 16px; word-break:break-all;}

.query { margin: 10px 0; }
.query th { background: #b2d497; color: #475f2f; font-weight: 600; }
.query .lets { letter-spacing: 23px; }
.query td { background: #fff; word-break:break-all;}
.query a { text-decoration: underline; }

.submit { text-align: center; width: 200px; margin: 0 auto 10px; overflow: hidden; }
.submit .btnPrev { float: left; background-image: url('../images/btnPrev_.png?1441611150'); background-position: center; background-repeat: no-repeat; width: 94px; height: 31px; }
.submit .btnPrev a { background-image: url('../images/btnPrev.png?1441611082'); background-position: center; background-repeat: no-repeat; width: 94px; height: 31px; display: block; }
.submit .btnPrev a:hover { background: transparent; }
.submit .btnNext { float: right; background-image: url('../images/btnNext_.png?1441611161'); background-position: center; background-repeat: no-repeat; width: 94px; height: 31px; }
.submit .btnNext a { background-image: url('../images/btnNext.png?1441611097'); background-position: center; background-repeat: no-repeat; width: 94px; height: 31px; display: block; }
.submit .btnNext a:hover { background: transparent; }

#loginPage { position: relative; margin: 50px auto; width: 900px; height: 400px; font-size: 18px; font-weight: bold; background: url('../images/loginPage.png?1441611004') no-repeat center bottom; }
#loginPage .title { height: 47px; background: url('../images/notice.png?1441611036') no-repeat left top; }
#loginPage p { padding-left: 15px; margin-left: 15px; }
#loginPage ul { position: absolute; width: 370px; top: 175px; left: 284px; }
#loginPage ul li { margin-bottom: 33px; text-align: center; }

input[type="text"], { padding: 5px;  }
input[type="password"] { padding: 5px; width: 97%; border: none; }

input[type="button"] { padding: 3px 15px; }

footer { height: 50px; background-image: url('../images/footer.jpg?1442681855'); background-position: center; background-repeat: no-repeat; width: 2px; height: 42px; background-repeat: repeat-x; color: #494949; font-size: 13px; text-align: center; line-height: 15px; padding-top: 7px; }

/*# sourceMappingURL=style.css.map */