@charset "utf-8";
/* CSS Document */
body, div, ol, ul, li, h1, h2, h3, h4, h5, h6, form, input, textarea, p, blockquote, table, th, td {margin:0;padding:0;list-style:none}
img {border:0px;color:#FFF}
a {text-decoration:none}
body {text-align:center;font-family:Arial, "微軟正黑體";background:url(../images/top.jpg) top no-repeat #efefef;color:#044583}

.comm {width:1000px;margin:0 auto}
.header {height:150px;position:relative}
#logo {position:absolute;top:10px;left:20px}
#link {position:absolute;text-align:right;width:300px;top:10px;right:0;font-size:13px;font-weight:bold;letter-spacing:1px}
#link .home {float:right;line-height:30px;margin:0 5px}
#link .home a {color:#044583}
#link .home a:hover {color:#009fe8}
#link .lan a {float:right;width:20px;height:12px;background:#044583;color:#EEE;padding:8px 5px;margin:0 4px}
#link .lan a:hover {background:#009fe8;color:#FFF}
#link .btn a {margin-right:5px}
#link .log_box {float:right;font-size:13px;margin:6px 10px 0 0;clear:both}
#link .log_box a {color:#009fe8}
#link .log_box a:hover {color:#009fe8;text-decoration:underline}


/* menu */
#dropdown_nav {position:absolute;top:111px;left:0;width:1000px;padding:0;display:inline-block;list-style:none;font-size:14px;font-weight:bold;
/*-moz-box-shadow:inset 0px 0px 1px #fff;
-webkit-box-shadow:inset 0px 0px 1px #fff;
border:1px solid #ccc;
-moz-border-radius:5px;
-webkit-border-radius:5px;
background:#e2e2e2;
background:-moz-linear-gradient(#f3f3f3, #e2e2e2);
background:-webkit-gradient(linear, 0 0, 0 100%, from(#f3f3f3), to(#e2e2e2))*/}
#dropdown_nav li {padding:10px 0px 10px 0px;float:left;position:relative;display:inline-block}
#dropdown_nav li a {padding:3px 29px 3px 29px;color:#FFF;/*text-shadow:-1px 1px 0px #f6f6f6;-moz-box-shadow:inset 0px 0px 1px #fff;-webkit-box-shadow:inset 0px 0px 1px #fff;*/border-right:1px solid #7cbfff}
#dropdown_nav li a:hover {color:#EEE;/*background:#f9f9f9;background:-moz-linear-gradient(#f9f9f9, #e8e8e8);background:-webkit-gradient(linear, 0 0, 0 100%, from(#f9f9f9), to(#e8e8e8))*/}
#dropdown_nav li a:active {/*background:#e2e2e2;background:-moz-linear-gradient(#e2e2e2, #f3f3f3);background:-webkit-gradient(linear, 0 0, 0 100%, from(#e2e2e2), to(#f3f3f3))*/}
#dropdown_nav li a.first {border-left:1px solid #7cbfff;/*-moz-border-radius:5px 0px 0px 5px;-webkit-border-radius:5px 0px 0px 5px*/}
/* Sub-Nav styling */
#dropdown_nav .sub_nav {width:180px;padding:5px 0 0 0px;position:absolute;top:38px;left:0;border:1px solid #ccc;background:#eee;z-index:999}
#dropdown_nav .sub_nav li {width:180px;padding:0px}
#dropdown_nav .sub_nav li a {display:block;border-bottom:1px solid #ccc;color:#044583;padding:8px 24px 8px 24px;border-right:none;
background:-moz-linear-gradient(#f3f3f3, #eee);
background:-webkit-gradient(linear, 0 0, 0 100%, from(#f3f3f3), to(#eee))}
#dropdown_nav .sub_nav li a:hover {background:#f9f9f9;color:#009fe8;
background:-moz-linear-gradient(#f9f9f9, #e8e8e8);
background:-webkit-gradient(linear, 0 0, 0 100%, from(#f9f9f9), to(#e8e8e8))}
#dropdown_nav .sub_nav li a:active {background:#eee;
background:-moz-linear-gradient(#eee, #f3f3f3);
background:-webkit-gradient(linear, 0 0, 0 100%, from(#eee), to(#f3f3f3))}

/* banner */
.banner {width:1000px;margin:2px auto}
.slider {float:left;width:1000px;height:320px;position:relative;padding-bottom:20px}
.sliderContent {float:left;width:1000px;height:320px;clear:both;position:relative;overflow:hidden}
.sliderArrows a {display:block;text-indent:-9999px;outline:none;z-index:9;background-image:url(../images/prev_next.png);width:42px;height:42px;position:absolute;top:50%;margin-top:-34px}
.prev {background-position:0 0;left:0}
.prev:hover {background-position:0 -44px}
.next {right:0;background-position:-44px 0}
.next:hover {background-position:-44px -44px}
.sliderContent .item {position:absolute;width:1000px;height:320px;background:#fff}
.sliderBullets {position:absolute;bottom:0;left:50%;z-index:50;margin-left:-45px}
.sliderBullets a {display:block;float:left;text-indent:-9999px;outline:none;margin-left:5px;width:8px;height:9px;background:url(../images/bullets.png) no-repeat}
.sliderBullets .active {background-position:0 -11px}
.sliderContent a {outline:none}

.inx_left {float:left;width:178px;margin-top:15px;border:2px solid #32b2e2;padding:1px}
.inx_left>li {text-align:left;background:#32b2e2;font-size:15px;font-weight:bold;color:#FFF;padding:10px;border-bottom:1px solid #FFF}
.inx_left>li a {color:#FFF}
.inx_left>li a:hover {color:#FF0}
.inx_left>li.last {border-bottom:none}

.mid {float:left;width:540px;margin:15px 0 0 15px}
.inx_news {float:left;width:540px}
.inx_news>h6 {width:540px;height:32px}
.inx_news #in_01 {float:left;background:#f1f1f1;margin-top:10px;padding:0 10px 10px 10px}
.inx_news #in_01>li {float:left;width:520px;line-height:20px;letter-spacing:1px;border-bottom:1px solid #d6d6d6;margin-top:10px;padding-bottom:10px}
.inx_news #in_01>li>p {float:left;text-align:left;width:430px;font-size:13px;font-weight:bold;color:#0682de}
.inx_news #in_01>li>p a {color:#0682de}
.inx_news #in_01>li>p a:hover {color:#044583}
.inx_news #in_01>li>span {float:right;width:80px;font-size:12px;color:#666}
.inx_news #in_02 {float:left;width:145px;margin:17px}
.inx_news #in_02>p {width:145px;border:1px solid #CCC}
.inx_news #in_02>span {float:left;text-align:left;font-size:12px;font-weight:bold;color:#044583;letter-spacing:1px;line-height:20px}
.inx_news #in_02>span a {color:#666;text-decoration:underline}
.inx_news #in_02>span a:hover {color:#009fe8}
.inx_sent {float:left;width:530px;border:1px solid #dfdfdf;background:#FFF;padding:5px;margin-top:15px}
.inx_sent>h6 {width:530px;height:32px}
.inx_sent>li {float:left;text-align:left;width:510px;font-size:13px;font-weight:bold;color:#044583;padding:10px}
.inx_sent>li.active {color:#009fe8}

.inx_right {float:right;width:240px;margin-top:15px}
.login {float:left;width:230px;border:1px solid #dfdfdf;background:#FFF;padding:5px}
.login>form>li {float:left;margin:4px 0}
.login>form>li>p {float:left;text-align:right;width:60px;font-size:12px;font-weight:bold;color:#009fe8}
.login>form>li input {float:left;margin-left:10px}
.inx_btn {float:left;width:238px;margin-top:10px;margin-bottom:10px}
.inx_btn>p {float:left;margin-right:7px}

.footer_bg {height:75px;background:#0155a2;font-size:13px;clear:both;padding-top:15px;}
.footer{width:1000px;position: relative;margin:0 auto;}
.MANAGER{position: absolute;right: 0;bottom:0; }
.MANAGER>a{color:#bbb;text-decoration: underline;font-size: 13px;}

.left {float:left;width:180px;margin:15px 0 50px 0}
.leftmenu {float:left;width:178px;border:2px solid #32b2e2;padding:1px}
.leftmenu>h6 {background:#32b2e2;font-size:15px;color:#FFF;padding:10px}
.leftmenu>li {float:left;text-align:left;width:170px;font-size:12px;color:#333;border-bottom:1px solid #e4e4e4;padding:0 5px 8px 5px;margin:8px 0 0 0}
.leftmenu>li a {color:#333}
.leftmenu>li a:hover {color:#32b2e2}
.left_info {float:left;width:180px;background:#FFF;border:1px solid #dfdfdf;margin-top:10px;padding-bottom:10px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.left_info a {float:left;margin:5px 13px 5px 13px}

.right {float:right;width:800px;margin:15px 0 50px 0}
.title {float:left;text-align:left;background:url(../images/title.jpg) no-repeat;width:780px;height:36px;font-size:16px;font-weight:bold;color:#333;line-height:30px;letter-spacing:2px;padding:10px 0 10px 20px}
.content {float:left;width:780px;padding:10px;margin-top:10px}
.tab {float:left;width:800px;margin-top:10px}
.contact {float:left;width:800px;border:1px solid #CCC}
.contact li {float:left;width:800px;background:#FFF;border-bottom:1px solid #CCC}
.contact li #c_left {float:left;text-align:right;width:120px;background:#32b2e2;font-size:15px;font-weight:bold;color:#FFF;padding:10px}
.contact li input, .contact li textarea, .contact li select {float:left;margin:10px 0 0 10px}
.contact li span {float:left;font-size:15px;font-weight:bold;margin:10px 0 0 10px}

.news {float:left;width:800px;background:#f1f1f1}
.news>li {float:left;width:800px;border-bottom:1px solid #CCC;letter-spacing:1px;line-height:20px}
.news>li #n_pic {float:left;text-align:left;width:620px;font-size:13px;font-weight:bold;padding:10px}
.news>li #n_pic a {color:#044583}
.news>li #n_pic a:hover {color:#32b2e2}
.news>li #n_tit {float:right;width:100px;font-size:12px;color:#666;padding:10px}
.news>li #n_left {float:left;text-align:right;width:120px;font-size:15px;font-weight:bold;padding:10px}
.news>li #n_right {float:left;text-align:left;width:600px;font-size:13px;color:#666;padding:10px}
.news>li #n_text {float:left;padding:10px}

#n_text img{max-width:100%;height:auto !important;}

.links {float:left;width:800px}
.links>li {float:left;width:800px;border-bottom:1px solid #CCC;letter-spacing:1px;line-height:20px}
.links>li #name {float:left;text-align:left;width:380px;font-size:13px;font-weight:bold;padding:10px}
.links>li #name a {color:#666}
.links>li #name a:hover {color:#32b2e2}

.article {float:left;width:800px;padding-top:10px}
.article>li {float:left;width:145px;margin:10px 26px 10px 26px}
.article>li p {width:145px;border:1px solid #CCC}
.article>li span {float:left;text-align:left;font-size:12px;font-weight:bold;color:#044583;letter-spacing:1px;line-height:20px}
.article>li span a {color:#666;text-decoration:underline}
.article>li span a:hover {color:#009fe8}

.login_teacher {float:left;width:980px;padding:10px;margin:20px 0;background:#FFF;border:1px solid #DDD}
.login_01 {float:left;background:#0ab4bf;width:980px}
.login_01 li {float:left;margin:10px 0}
.login_01 li #log {float:left;text-align:right;width:100px;font-size:14px;color:#FFF}
.login_01 li input {float:left;margin-left:10px}
.login_02 {float:left;background:#F90;width:980px;margin-top:10px}
.login_02>p {float:left;width:142px;padding:10px;border-right:1px solid #FFF}
.login_02>p.last {border-right:none}
.login_02>p a {color:#FFF}
.login_02>p a:hover {color:#FFF;text-decoration:underline}
.login_03 {float:left;background:#099;width:980px;margin-top:10px}
.login_03>p {float:left;text-align:center;width:960px;font-size:24px;padding:10px;color:#FFF}
.login_03 #mon {background:#EEE;padding:5px}
.login_03 #mon a {color:#099}
.login_03 #mon a:hover {color:#099;text-decoration:underline}
.login_04 {float:left;width:980px;margin-top:1px}


/* page */
.pagination {float:left;width:800px;margin:20px 0 10px 0}
.page {display:inline-block;padding:2px 9px;margin-right:2px;border-radius:3px;border:solid 1px #c0c0c0;background:#e9e9e9;
box-shadow:inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
font-size:.875em;
font-weight:bold;
text-decoration:none;
color:#717171;
text-shadow:0px 1px 0px rgba(255,255,255, 1)}
.page:hover, .page.gradient:hover {
background:#fefefe;
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#f0f0f0));
background:-moz-linear-gradient(0% 0% 270deg,#FEFEFE, #f0f0f0)}
.page.active {
border:none;
background:#32b2e2;
box-shadow:inset 0px 0px 8px rgba(0,0,0, .2), 0px 1px 0px rgba(255,255,255, .8);
color:#f0f0f0;
text-shadow:0px 0px 3px rgba(0,0,0, .5)}
.page.gradient {
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8f8f8), to(#e9e9e9));
background:-moz-linear-gradient(0% 0% 270deg,#f8f8f8, #e9e9e9)}


/*表格*/
.td td{
padding:3px 5px;}