/* ---BASE--------------------------------------------------*/

body {
    background-color:   #ffffff;
    margin:                   0;
    padding:                  0;
    color:                    #000;
}

a:link {
    text-decoration:    underline;
    color:              #02654a;
}

a:visited {
    text-decoration:    underline;
    color:              #666666;
}

a:hover {
    text-decoration:    underline;
    color:              #029d73;
}

a:active {
    text-decoration:    underline;
    color:              #01b080;
}

.px12 {
  font-size:          12px;
  line-height:        1.5;
}

.px12g {
  font-size:          12px;
  line-height:        1.5;
  color:              #336256;
}

.px12gb {
  font-size:          12px;
  font-weight:        bold;
  line-height:        1.5;
  color:              #336256;
}

.px14 {
  font-size:          14px;
  line-height:        1.5;
}

h2 {
  font-size:          12px;
  line-height:        1.5;
  color:              #105644;
  font-weight:        bold;
  margin:             0;
}

h3 {
  font-size:          14px;
  line-height:        1.5;
  color:              #960014;
  font-weight:        bold;
  margin:             0;
}

h4 {
  font-size:          14px;
  line-height:        1.5;
  color:              #105644;
  font-weight:        bold;
  margin:             0;
}

img {
  border:             none;
}

.top {
  vertical-align:     top;
}

.center {
  text-align:         center;
}

.right {
  text-align:         right;
}

.left {
  text-align:         left;
}

.t10 {
  margin-top:         10px;
}

.t20 {
  margin-top:         20px;
}

.u10 {
  margin-bottom:      10px;
}

.u20 {
  margin-bottom:      20px;
}

.le10 {
  margin-left:        10px;
}

.imgposi {
  vertical-align:     middle;
}

.cubeg {
  color:              #cccccc;
}

#header {
  border:             none;
  width:              700px;
}

#contbox {
  border:             none;
  width:              700px;
  margin:             0px 0px 20px 0px;
}

#leftcont {
  width:              140px;
  vertical-align:     top;
}

#topmaincont {
  width:              450px;
  text-align:         center;
  vertical-align:     top;
}

#rightcont {
  width:              110px;
  text-align:         left;
  vertical-align:     top;
}

#submaincont {
  width:              560px;
  vertical-align:     top;
  padding-left:       30px;
}

#leftcont {
  padding-top:        5px;
}

#topmaincont, #rightcont {
  padding-top:        15px;
}

#submaincont {
  padding-top:        8px;
}

.linkb {
  margin:             1px 0px 8px 0px;
}

#gotop {
  width:              695px;
  text-align:         right;
  padding:            3px 0px;
}

#footer {
  border-top:         3px solid #9fc238;
  border-collapse:    collapse;
  width:              700px;
  font-size:          10px;
  font-family:        Verdana, Helvetica, Arial, sans-serif;
  text-align:         center;
  padding:            3px 0px;
}


/* ---index_examinee----------------------------------------*/

#indexbox {
  border:             none;
  border-collapse:    collapse;
  width:              530px;
  margin:             20px 10px 0px 0px;
}

#indexj {
  width:              280px;
  vertical-align:     top;
  padding-right:      20px;
}

#indexh {
  width:              250px;
  vertical-align:     top;
}

#titleboxj {
  border:             none;
  border-collapse:    collapse;
  margin-bottom:      20px;
}

#titleboxj #markj {
  width:              20px;
  background-color:   #e00404;
}

#titleboxj #titlej, #titleboxh #titleh {
  width:              250px;
  background-color:   #245a4b;
  font-size:          12px;
  color:              #ffffff;
  letter-spacing:     1px;
  padding:            4px 0px 4px 10px;
}

#titleboxh {
  border:             none;
  border-collapse:    collapse;
  margin-bottom:      20px;
}

#titleboxh #markh {
  width:              20px;
  background-color:   #ffd200;
}

.listbox {
  border:             none;
  border-collapse:    collapse;
  width:              240px;
  font-size:          12px;
  line-height:        2.5;
  margin-left:        10px;
}


/* ---for examinee etc---------------------------------------*/

.exboxj01, .exboxj04 {
  border-collapse:    collapse;
  width:              530px;
  margin-top:         5px;
}

.exboxj02 {
  border-collapse:    collapse;
  width:              530px;
  font-size:          12px;
  line-height:        1.5;
  margin:             10px;
}

.exboxj01 #date, .exboxj02 #date, .exboxj04 #date {
  border:             none;
  font-size:          12px;
  font-family:        Verdana, Helvetica, Arial, sans-serif;
  text-align:         right;
  padding:            2px;
}

.meetingbox, .applibox, .areabox, .resultbox {
  width:              530px;
  border:             none;
  border-collapse:    collapse;
}

.result2box {
  width:              358px;
  border:             none;
  border-collapse:    collapse;
}

.meetingbox td {
  border:             1px solid #999999;
  border-collapse:    collapse;
  font-size:          12px;
  line-height:        1.3;
  padding:            3px;
}

.applibox td {
  border:             1px solid #999999;
  border-collapse:    collapse;
  font-size:          12px;
  line-height:        1.3;
  padding:            7px 4px;
}

.resultbox td {
  border:             1px solid #999999;
  border-collapse:    collapse;
  font-size:          12px;
  line-height:        1.3;
  padding:            5px 3px;
}

.result2box td {
  border:             1px solid #999999;
  border-collapse:    collapse;
  font-size:          12px;
  line-height:        1.3;
  padding:            5px 3px;
}

.areabox td {
  border:             1px solid #999999;
  border-collapse:    collapse;
  font-size:          12px;
  padding:            5px;
}

.meetingbox .item01, .applibox .item01 {
  background-color:   #fffced;
  color:              #105644;
  font-weight:        bold;
  text-align:         center;
}

.areabox .item01 {
  background-color:   #fffced;
  color:              #105644;
  font-weight:        bold;
  text-align:         center;
}

.meetingbox .item02, .applibox .item02, .areabox .item02 {
  text-align:         center;
}

.areabox .item03 {
  background-color:   #e8f9f2;
  text-align:         center;
}

.applibox .item04 {
  text-align:         left;
  vertical-align:     top;
}

.applibox .item05 {
  text-align:         left;
  vertical-align:     top;
  padding-left:       80px;
}

.resultbox .item01 {
  background-color:   #f5f5f4;
  color:              #105644;
  font-weight:        bold;
  text-align:         center;
}

.resultbox .item012 {
  width:              15%;
  background-color:   #f5f5f4;
  color:              #105644;
  font-weight:        bold;
  text-align:         center;
}

.resultbox .item02 {
  text-align:         center;
}

.resultbox .item03 {
  text-align:         right;
}

.resultbox .item04 {
  background-color:   #fffced;
  text-align:         center;
}

.resultbox .item05 {
  background-color:   #fffced;
  text-align:         right;
}

.resultbox .item06 {
  background-color:   #fffced;
  font-weight:        bold;
  text-align:         center;
}

.resultbox .item07 {
  background-color:   #fffced;
  font-weight:        bold;
  text-align:         right;
}

.result2box .item01 {
  background-color:   #f5f5f4;
  color:              #105644;
  font-weight:        bold;
  text-align:         center;
}

.result2box .item02 {
  text-align:         center;
}

.txtspace01 {
  margin-left:        30px;
}

.txtspace02 {
  margin-left:        42px;
}

.txtspace03 {
  margin-left:        28px;
}

.txtspace04 {
  margin-left:        60px;
}

.txtspace05 {
  margin-left:        81px;
}

.linebox {
  width:              528px;
  border-top:         1px dashed #999;
  margin:             30px 0px 10px 0px;
}

.topics, .event, .student, .graduate, .pta  {
  width:              520px;
  border:             none;
  border-collapse:    collapse;
  font-size:          12px;
  margin:             10px 0px 0px 10px;
}

.topics #date, .event #date, .student #date, .graduate #date, .pta #date {
  border:             none;
  font-size:          14px !important;
  color:              #105644;
  font-weight:        bold;
  line-height:        1.3;
  margin-bottom:      10px;
}

.topics #txt, .event #txt, .student #txt, .graduate #txt, .pta #txt {
  line-height:        1.4;
  margin:             10px 0px;
}

.topics #back, .event #back, .student #back, .graduate #back, .pta #back {
  text-align:         right;
  margin:             10px;
}

.qatitle {
  width:              520px;
  border:             none;
  font-size:          14px;
  color:              #2e5a4f;
  font-weight:        bold;
  margin:             10px 0px 5px 0px;
}

.qabox {
  width:              520px;
  border:             none;
  margin:             10px 0px 15px 10px;
}

.qabox td {
  font-size:          12px;
  line-height:        1.4;
  padding:            5px;
}

.itemq {
  background-color:   #e9e5df;
  color:              #2e5a4f;
  font-weight:        bold;
}

.itema {
  padding-bottom:     20px !important;
}

.qacostbox01 {
  width:              380px;
  border:             none;
  margin:             10px 0px;
}

.qacostbox02 {
  border-top:         1px dashed #999;
  width:              380px;
  margin:             10px 0px;
}

.qacostbox01 td, .qacostbox02 td {
  font-size:          12px;
  padding:            2px;
}


/* ---guide-------------------------------------------------*/

.guideindexbox {
  border:             none;
  border-collapse:    collapse;
  width:              400px;
  font-size:          12px;
  line-height:        2.5;
  margin:             10px 0px 0px 30px;
}

.guidebox {
  border:             none;
  border-collapse:    collapse;
  width:              520px;
  margin:             5px 5px 0px 5px;
}

.guidebox td {
  font-size:          12px;
  line-height:        1.5;
  padding:            6px 0px;
}

.guideboxj03 {
  border:             none;
  border-collapse:    collapse;
  width:              530px;
  margin-top:         10px;
}

.guideboxj03 td {
  font-size:          12px;
  line-height:        1.5;
  padding:            8px 3px;
}

.guideboxj04 {
  border:             none;
  border-collapse:    collapse;
  width:              530px;
  margin-top:         20px;
}

.guideboxj04 .item01 {
  width:              275px;
  font-size:          12px;
  line-height:        1.5;
  vertical-align:     top;
  padding-right:      15px;
}

.guideboxj04 .item02 {
  width:              255px;
  font-size:          12px;
  line-height:        1.5;
  vertical-align:     top;
}

.guideboxj04 .item03 {
  width:              255px;
  text-align:         right;
  vertical-align:     bottom;
}

.guideboxj07 {
  border-collapse:    collapse;
  width:              530px;
  margin-top:         5px;
}

.guideboxj07 #date {
  border:             none;
  font-size:          12px;
  font-family:        Verdana, Helvetica, Arial, sans-serif;
  text-align:         right;
  padding:            2px;
}

.eventbox {
  width:              530px;
  border:             none;
  border-collapse:    collapse;
  table-layout:       fixed;
}

.eventbox td {
  border:             1px solid #999999;
  border-collapse:    collapse;
  font-size:          12px;
  padding:            3px;
}

.eventbox .title {
  background-color:   #fffced;
  color:              #105644;
  font-weight:        bold;
  text-align:         center;
}

.eventbox .item {
  line-height:        1.5;
  text-align:         left;
  vertical-align:     top;
}

.eventbox .pic {
  text-align:         right;
  margin-top:         10px;
}

.guideboxj08 {
  border:             none;
  border-collapse:    collapse;
  width:              530px;
  margin-top:         20px;
}

.guideboxj08 td {
  font-size:          12px;
  line-height:        1.7;
}

.guideboxj09 {
  border:             none;
  border-collapse:    collapse;
  margin:             30px 0px 0px 30px;
}

.guideboxj10 {
  border:             none;
  border-collapse:    collapse;
  margin:             30px 0px 0px 20px;
}

.guideboxh0201, .guideboxh0202, .guideboxh031 {
  border:             none;
  border-collapse:    collapse;
  width:              530px;
  margin:             15px 0px;
}

.guideboxh0201 td, .guideboxh031 td {
  font-size:          12px;
  line-height:        1.7;
}

.guideboxh0202 .itemtxt {
  font-size:          12px;
  line-height:        1.7;
  vertical-align:     top;
  padding:            0px 3px;
}

.guideboxh022 {
  border-collapse:    collapse;
  width:              530px;
  margin-top:         5px;
}

.guideboxh022 #date {
  border:             none;
  font-size:          12px;
  font-family:        Verdana, Helvetica, Arial, sans-serif;
  text-align:         right;
  padding:            2px;
}

.passbox {
  width:              530px;
  border:             none;
  border-collapse:    collapse;
}

.passbox td {
  border:             1px solid #999999;
  border-collapse:    collapse;
  font-size:          12px;
  padding:            4px;
}

.passbox .item01 {
  background-color:   #fffced;
  text-align:         left;
}

.passbox .item02 {
  text-align:         center;
}

.passbox .item03 {
  background-color:   #fffced;
  text-align:         center;
}

.passbox .item04 {
  text-align:         left;
}

.passbox .item05 {
  background-color:   #e8f9f2;
  text-align:         center;
}

.guideboxh033 {
  border:             none;
  border-collapse:    collapse;
  width:              530px;
  margin:             15px 0px;
}

.guideboxh033 .item01 {
  border:             none;
  border-collapse:    collapse;
  width:              342px;
  background-image:   url(images/curric_h03_02.gif);
  background-repeat:  no-repeat;
  font-size:          12px;
  line-height:        1.7;
  padding:            20px 20px 0px 20px;
}

.guideboxh033 .item02 {
  border:             none;
  border-collapse:    collapse;
  width:              342px;
  background-image:   url(images/curric_h03_04.gif);
  background-repeat:  no-repeat;
  font-size:          12px;
  line-height:        1.7;
  padding:            40px 20px 0px 20px;
}

.guideboxh041 {
  border:             none;
  border-collapse:    collapse;
  width:              520px;
  margin:             0px 5px;
}

.guideboxh041 td {
  font-size:          12px;
  line-height:        1.5;
}

.guideboxh042 {
  border:             none;
  border-collapse:    collapse;
  width:              520px;
  margin-top:         20px;
  margin:             20px 5px;
}

.guideboxh043 {
  border:             none;
  border-collapse:    collapse;
  width:              520px;
  margin-top:         20px;
  margin:             5px;
}

.guideboxh043 td {
  font-size:          12px;
  line-height:        1.7;
  padding:            5px;
}

.guideboxh044 {
  border:             none;
  border-collapse:    collapse;
  width:              520px;
  background-color:   #00a38c;
  font-size:          12px;
  color:              #ffffff;
  font-weight:        bold;
  text-align:         center;
  padding:            2px;
  margin:             15px 0px 10px 0px;
}

.guideboxh045{
  border:             none;
  border-collapse:    collapse;
  width:              520px;
  font-size:          12px;
  line-height:        1.7;
  padding:            5px;
}

.guideboxh081 {
  border:             none;
  border-collapse:    collapse;
  width:              530px;
  margin:             10px 0px;
}

.guideboxh081 td {
  font-size:          12px;
  line-height:        1.7;
  padding:            5px;
}

.guideboxh082 {
  border:             none;
  border-collapse:    collapse;
  width:              520px;
  margin:             10px 0px;
}

.guideboxh082 .item01 {
  padding:            2px 0px;
}

.guideboxh082 .item02 {
  font-size:          12px;
  line-height:        1.7;
  padding:            2px 0px 2px 8px;
}

#gotop02 {
  border-bottom:      1px solid #999;
  width:              530px;
  text-align:         right;
  padding:            15px 0px 3px 0px;
}


/* ---others------------------------------------------------*/

.contactbox01 {
  border:             none;
  border-collapse:    collapse;
  width:              400px;
  font-size:          12px;
  margin:             20px 40px;
}

.contactbox02 {
  border:             none;
  border-collapse:    collapse;
  width:              384px;
  font-size:          14px;
  margin:             20px 40px;
}

.policybox01 {
  border:             none;
  border-collapse:    collapse;
  width:              270px;
  font-size:          12px;
  line-height:        1.3;
  margin:             10px 5px 30px 250px;
}

#policytitle01 {
  font-size:          14px;
  font-weight:        bold;
  text-align:         center;
  margin:             0px 0px 30px 0px;
}

.policybox02 {
  border:             none;
  border-collapse:    collapse;
  width:              520px;
  margin:             10px 5px;
}

.policybox02 td {
  font-size:          12px;
  line-height:        1.7;
  padding:            5px 0px;
}

#policytitle02 {
  font-size:          12px;
  text-align:         center;
  margin:             10px 5px;
}

.accessbox01 {
  border:             1px solid #999;
  border-collapse:    collapse;
  width:              390px;
  text-align:         center;
  padding:            10px;
  margin:             20px 0px 0px 30px;
}

.accessbox02 {
  border:             none;
  border-collapse:    collapse;
  width:              450px;
  font-size:          12px;
  line-height:        1.5;
  margin:             20px 0px 0px 30px;
}

.accessbox03 {
  border:             none;
  border-collapse:    collapse;
  width:              450px;
  font-size:          12px;
  line-height:        1.5;
  margin:             10px 0px 0px 30px;
}

.sitemap {
  border:             none;
  border-collapse:    collapse;
  margin:             10px 0px 0px 20px;
}

.sitemap td{
  font-size:          12px;
  line-height:        1.8;
  padding:            0px 2px;
}

.certificate {
  border:             none;
  border-collapse:    collapse;
  width:              520px;
  margin:             10px 5px;
}

.certificate td{
  font-size:          12px;
  line-height:        1.5;
  padding:            2px;
}

.certificate .item01 {
  padding:            2px 0px 4px 20px !important;
}

.certificate .item02 {
  padding:            2px 0px 2px 18px !important;
}

.certificate .item03 {
  padding:            0px 0px 4px 30px !important;
}

.certificate .item04 {
  padding:            2px 0px 4px 14px !important;
}

.certificate .item05 {
  padding:            0px 0px 2px 38px !important;
}

.employ {
  border-collapse:    collapse;
  width:              530px;
  margin-top:         5px;
}

.employ #date {
  border:             none;
  font-size:          12px;
  font-family:        Verdana, Helvetica, Arial, sans-serif;
  text-align:         right;
  padding:            2px;
}

.employ #note {
  border:             none;
  width:              520px;
  font-size:          12px;
  line-height:        1.4;
  margin:             5px;
}

.employbox {
  width:              530px;
  border:             none;
  border-collapse:    collapse;
}

.employbox td {
  border:             1px solid #999999;
  border-collapse:    collapse;
  font-size:          12px;
  line-height:        1.3;
  vertical-align:     top;
  padding:            5px 3px;
}

.employbox .item01 {
  background-color:   #fffced;
  color:              #105644;
  font-weight:        bold;
  text-align:         left;
}

.employbox .item02 {
  text-align:         left;
}

#campusbox {
  width:              520px;
  text-align:         center;
  margin:             10px auto;
}

#ichibox {
  border:             none;
  border-collapse:    collapse;
  margin:             0 auto;
}

#ichibox td {
  padding:            3px;
}

#campusbox .title {
  border-bottom:      1px dashed #999999;
  font-size:          14px;
  font-weight:        bold;
  text-align:         left;
  letter-spacing:     1px;
  padding:            5px 0px;
  margin:             10px auto;
}

#campusbox .txt {
  border-bottom:      1px dashed #999999;
  font-size:          12px;
  line-height:        1.5;
  text-align:         left;
  padding:            10px 10px 18px 10px;
  margin:             0 auto;
}

.envibox {
  float:              right;
  border-bottom:      1px dashed #999999;
  border-collapse:    collapse;
  font-size:          12px;
  line-height:        1.5;
  text-align:         left;
  margin:             0 auto;
}

.envibox {
  padding:            10px 5px;
}

.envibox .enviimg {
  float:              right;
  padding-left:       6px;
}