@charset "utf-8";
@import url("reset.css");
@import url("loading.css");
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> Main <<<------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

html { height:100% }
body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; -webkit-text-size-adjust:none; font-size:12px; overflow-y:scroll }
body, td, th { font-size:12px; font-family: Arial, "文泉驛正黑", "WenQuanYi Zen Hei", "儷黑 Pro", "Microsoft JhengHei", "新細明體", "PMingLiU", sans-serif; }
.iframe_ch { display:none }
.width100{ width:100%;}
.middle{ vertical-align:middle;}

/*a { text-decoration:none; color:#231815;}
a:hover { color:#666;}*/

/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> Common <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

#pager{ clear:both; width:100%; height:50px; line-height:50px; text-align:center; margin:20px auto; letter-spacing:1px;}

#options{ width:100%; text-align:center; margin:20px auto; letter-spacing:1px; color:#352E28;}
#options a{ color:#352E28; text-decoration:none;}
#options a:hover{ color:#5EAA00; }

.btn-1{display:inline-block; padding:5px 10px; background:#5eaa00; color:#FFF; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; cursor:hand; cursor:pointer; }
.btn-1:hover{ background:#48a300; -webkit-transition:.6s;-ms-transition:.6s;-moz-transition:.6s; }
.border-bottom{border-bottom:4px solid #D4D4D6;}

#wrapper{ width:100%; overflow:hidden;}
#header{ position:relative; width:1024px; height:110px; margin:0 auto; }
#header .logo{ position:absolute; top:10px; }
#header .toolbar{ position:absolute; bottom:10px; right:0; text-align:right; color:#4E4C4D; letter-spacing:1px; }
#header .toolbar img{ margin: 10px 0 0 8px;}
#header .toolbar img:hover{ box-shadow:4px 4px 8px -2px rgba(20%,20%,40%,0.2); }
#header .toolbar a{ color:#4E4C4D; text-decoration:none; }
#header .toolbar a:hover{ text-decoration:underline; }

#menubar{ width:100%; height:57px; background:url(../../images/menubar-bg.jpg) repeat-x; text-align:center; }
#menubar ul{ list-style:none; margin:0; padding:0; display:inline-block; text-align:left; }
#menubar ul li{ float:left; color:#FBFCFF; letter-spacing:1px; width:115px; padding:15px 0 0 5px; box-sizing: border-box; line-height:15px; }
#menubar ul li a{ color:#FBFCFF; text-decoration:none; }
#menubar ul li:before { content:url(../../images/menubar-line.png); float:left; padding-right:10px; }
#menubar .shadow{width:100%; height:4px; background:url(../../images/menubar-shadow.png) repeat-x;}

/*網站地圖*/
#sitemap{ height:50px; line-height:50px; color:#434344; letter-spacing:1px;}
#sitemap a{ color:#58585A; text-decoration:underline; }

#container{ width:100%; overflow:hidden; background:#F3F3F5;}
#container .main{ width:1024px; min-height:650px; margin:0 auto; padding:20px 0; position:relative;}
/*首頁兩區塊*/
#container .main-left{ float:left; width:670px; margin-top:30px; }
#container .main-right{ float:left; width:354px; margin-top:30px; }
/*內頁兩區塊*/
#container .contain-column-left{ float:left; width:360px; margin-top:30px; }
#container .contain-column-right{ float:left; width:664px; margin:30px 0; min-height: 350px;}
/*內頁一區塊*/
#container .contain-column{ float:left; width:100%; margin-top:30px; min-height:250px; }


#banner{ padding:0; height:300px; overflow:hidden; border:2px solid #fff; box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5);}
#banner ul{margin:0; padding:0; }

/*首頁頁籤*/
#tabs{ width:670px; border-bottom:4px solid #D4D4D6; position:relative;}
#tabs span{ display:inline-block; padding:8px 40px; background:#FDFDFD; border:1px solid #A0A0A2; border-right:0; cursor:pointer; cursor:hand; color:#7E7E7E; letter-spacing:1px; font-size:16px; font-weight:bold;}
#tabs span:hover{ background:#176903; color:#DDEFDF; -webkit-transition:.6s;-ms-transition:.6s;-moz-transition:.6s;}
#tabs .on{ display:inline-block; padding:8px 40px; background:#176903; border:1px solid #A0A0A2; border-right:0; cursor:pointer; cursor:hand; color:#DDEFDF; letter-spacing:1px; font-size:16px; font-weight:bold;}
#tabs .more{position:absolute; right:0; bottom:0; display:inline-block; padding:5px 10px; background:#5EAA00; color:#fff; cursor:pointer; cursor:hand;}
#tabs .more p{ font-size:10px; -webkit-transform:scale(0.83); letter-spacing:1px; }
#tabs .more:hover{ background:#176903; -webkit-transition:.6s;-ms-transition:.6s;-moz-transition:.6s;}

/*內頁頁籤*/
#contain-tabs{ width:100%; border-bottom:4px solid #D4D4D6; position:relative;}
#contain-tabs span{ display:inline-block; padding:8px 40px; background:#176903; color:#fff; letter-spacing:1px; font-size:16px; font-weight:bold;}

/*內頁列表*/
.contain-list{ width:100%; color:#352E28; font-size:13px; letter-spacing:1px; line-height:40px; border-bottom:1px dotted #7a7a7b; }
.contain-list a{ color:#352E28; text-decoration:none; }
.contain-list a:hover{ color:#7e7e7e;}

/*最新消息檔案列表*/
.files-list{ width:100%; color:#352E28; font-size:13px; letter-spacing:1px; line-height:20px; }
.files-list a{ color:#352E28; text-decoration:none; }
.files-list a:hover{ color:#7e7e7e;}

#footer{ width:100%; min-height:100px; clear:both;}
#footer-nav{ width:100%; background:#DAE1BF;  }/*margin-top:250px;*/
#footer-nav .wrap{ width:1024px; height:25px; line-height:25px; color:#2a2a2a; margin:0 auto; text-align:right; letter-spacing:1px; }
#footer-nav .wrap a{ color:#2a2a2a; text-decoration:none; }
#footer-nav .wrap a:hover{ text-decoration:underline; }
#footer-info{ width:100%; background:url(../../images/footer-bg.jpg) repeat-x;}
#footer-info .wrap{ width:1024px; height:82px; line-height:25px; color:#F5FFF1; margin:0 auto; letter-spacing:1px; padding-top:10px; }
#footer-info .list-1{width:220px;height:50px;float:right;padding-top: 5px;}
#footer-info .list-2{width:340px;height:50px;float:right;padding-top: 5px;}
#footer-info a{ color:#F5FFF1; text-decoration:none; }
#footer-copyright{ width:100%; background:#176903; }
#footer-copyright .wrap{ width:1024px; height:25px; line-height:25px; color:#D9E9C5; margin:0 auto; text-align:right; letter-spacing:1px; }
#footer-copyright a{ color:#D9E9C5; text-decoration:none;}
#footer-copyright a:hover{text-decoration:underline;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> Index <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

#index-news-list{ width:670px; min-height:200px; overflow:hidden; border-bottom:4px solid #D4D4D6; margin-bottom:30px; }
#index-news-list ul{ list-style:none; padding:0; margin:15px 0 0 0;}
#index-news-list ul li{ position:relative; border-bottom:1px dotted #7A7B7D; min-height:30px; line-height:22px; padding-left:20px; color:#2C2D28; letter-spacing:1px; padding-top:7px; }
#index-news-list ul li a{ color:#2C2D28; text-decoration:none; }
#index-news-list ul li a:hover{ color:#7e7e7e; }
#index-news-list ul li span{ position:absolute; right:0;}

#index-tibits-list{ width:670px; min-height:200px; overflow:hidden; border-bottom:4px solid #D4D4D6; margin:30px 0; }
#index-tibits-list .list_carousel { margin-left: 25px; width: 670px; color:#2E2925; }
#index-tibits-list .list_carousel ul { margin:0; padding:0; list-style: none; display: block; }
#index-tibits-list .list_carousel li { font-size: 12px; text-align: left;  width: 185px; height: 210px; padding: 0; margin:6px 10px; display: block; float: left;  }
#index-tibits-list .list_carousel li img {border:1px solid #DCDCDE; background:#FFF; box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.2); padding:5px; margin-bottom:10px;}
#index-tibits-list .list_carousel li a{ color:#2E2925; text-decoration:none; letter-spacing:1px; line-height:22px;}
#index-tibits-list .prev { float: left; margin-left: -20px; margin-top:-130px; }
#index-tibits-list .next { float: right; margin-right: 30px; margin-top:-130px; }

#index-advertise-list{ width:290px; min-height:200px; overflow:hidden; position:absolute; right:0; text-align:center; }
#index-advertise-list .title{ color:#176903; letter-spacing:1px; font-size:18px; line-height:25px; text-align:left; border-bottom:4px solid #D4D4D6; margin-bottom:10px;}
#index-advertise-list .title span{ font-size:13px; padding-left:10px; font-weight:normal;}
#index-advertise-list img{ box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.6); margin:10px 0; }

/*廣告輪播*/
.abgne-news-scroll ul, li { margin: 0; padding: 0; list-style: none; }
.abgne-news-scroll { width: 290px; height:480px; overflow: hidden; position: relative;}
.abgne-news-scroll ul { position: absolute; }
.abgne-news-scroll li {height: 75px; padding:10px;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> Introduction <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

#intro-menu{ width:225px; min-height:200px; overflow:hidden; position:absolute; left:0; text-align:center; border-bottom:4px solid #D4D4D6; }
#intro-menu .title{ color:#176903; letter-spacing:1px; font-size:18px; line-height:25px; text-align:left; border-bottom:4px solid #D4D4D6;}
#intro-menu .title span{ font-size:13px; padding-left:10px; font-weight:normal;}
#intro-menu .list{ height:43px; line-height:43px; letter-spacing:1px; font-size:13px; border-bottom:1px dotted #6B6B6B; text-align:left; padding-left:20px; background:url(../../images/intro-menu.png) no-repeat; background-position:205px 16px}
#intro-menu .list a{ color:#030303; text-decoration:none; }
#intro-menu .list a:hover{ color:#6C6C6C; text-decoration:underline;}

.news-contain{ padding-top:20px; color:#352E28; font-size:13px; letter-spacing:1px; line-height:32px; border-bottom:4px solid #D4D4D6; margin-bottom:50px;min-height: 250px;}
.news-contain img{ float:left; padding:10px;}

#intro-evaluate{ width:100%; overflow:hidden; padding:25px 0 25px 0; border-bottom:1px dotted #7a797a; box-sizing: border-box;}
.evaluate-title{ position:relative; font-size:16px; color:#176903; padding:50px 0 0 0;}


#intro-evaluate .list-left{ float:left; width:204px; }
#intro-evaluate .list-left img {border:1px solid #DCDCDE; background:#FFF; box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.2); padding:5px; margin-bottom:10px;}

#intro-evaluate .list-right{ float:left; width:420px; }
#intro-evaluate .list-title{ font-size:14px; font-weight:bold; letter-spacing:1px; color:#176903; line-height:30px;}
#intro-evaluate .list-title a{ color:#176903; text-decoration:none; }
#intro-evaluate .list-title a:hover{ text-decoration:underline; }
#intro-evaluate .list-date{ padding-left:13px; font-size:13px; letter-spacing:1px; line-height:25px; }
#intro-evaluate .list-date span{ color:#8c8c8c;}
#intro-evaluate .list-info{ padding-left:13px; padding-top:20px; font-size:13px; letter-spacing:1px; line-height:25px;}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> News <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/


#news-list{ width:100%; min-height:200px; overflow:hidden; border-bottom:4px solid #D4D4D6; margin-bottom:30px; }
#news-list ul{ list-style:none; padding:0; margin:15px 0 0 0;}
#news-list ul li{ position:relative; border-bottom:1px dotted #7A7B7D; min-height:30px; line-height:22px; padding-left:20px; color:#2C2D28; letter-spacing:1px; padding-top:7px; }
#news-list ul li a{ color:#2C2D28; text-decoration:none; }
#news-list ul li a:hover{ color:#7e7e7e;}
#news-list ul li span{ position:absolute; right:0;}

.news-detail-title{width:100%; height:40px; line-height:40px; border-bottom:4px solid #D4D4D6; font-size:15px; letter-spacing:1px; color:#362a24; }
.news-detail-content{ letter-spacing:1px; color:#362a24; line-height:25px; margin:20px 0; padding:0 0 20px 0; border-bottom:4px solid #D4D4D6; }


/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> Albums <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

#tibits-list{ width:100%; overflow:hidden; padding:25px 20px; border-bottom:1px dotted #7a797a; box-sizing: border-box;}
#tibits-list .list-left{ float:left; width:224px; }
#tibits-list .list-left img {border:1px solid #DCDCDE; background:#FFF; box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.2); padding:5px; margin-bottom:10px;}

#tibits-list .list-right{ float:left; width:760px; }
#tibits-list .list-title{ font-size:14px; font-weight:bold; letter-spacing:1px; color:#176903; line-height:30px;}
#tibits-list .list-title a{ color:#176903; text-decoration:none; }
#tibits-list .list-title a:hover{ text-decoration:underline; }
#tibits-list .list-date{ padding-left:13px; font-size:13px; letter-spacing:1px; line-height:25px; }
#tibits-list .list-date span{ color:#8c8c8c;}
#tibits-list .list-info{ padding-left:13px; padding-top:20px; font-size:13px; letter-spacing:1px; line-height:25px;}

#tibits-detail{ padding:20px 0;}
#tibits-detail .detail-title{ position:relative; font-size:16px; color:#176903;}
#tibits-detail .detail-title span{ position:absolute; right:0; font-size:13px; color:#5b5b5b; letter-spacing:1px;}
#tibits-detail .detail-info{ padding:20px 0 20px 40px; line-height:25px; letter-spacing:1px;}
#tibits-detail .detail-line{ border-bottom:1px dotted #5b5b5b;}
#tibits-detail .detail-album{ padding-top:20px; text-align:center;}
#tibits-detail .detail-album img {border:1px solid #DCDCDE; background:#FFF; box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.2); padding:5px; margin:10px;}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> teacher - 系主任 <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

#faculty-leader{ padding:20px 0; overflow:hidden;}
#faculty-leader .contain-left{ float:left;}
#faculty-leader .contain-left img {border:1px solid #DCDCDE; background:#FFF; box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.2); padding:5px; margin:10px;}

#faculty-leader .contain-right{ width:425px; min-height:250px; float:left; margin:10px 0px 10px 20px;}
#faculty-leader .leader-name{ color:#176903; font-size:18px; letter-spacing:1px; }
#faculty-leader .leader-name a{ color:#176903; text-decoration:none; }
#faculty-leader .leader-info{ border-bottom:1px dotted #000000; margin:10px 0; line-height:30px; color:#595959; letter-spacing:1px; font-size:13px;}
#faculty-leader .leader-info span{ background:#5eaa00; color:#FFF; margin-right:30px; display:inline-block; width:100px; height:30px; text-align:center; margin-bottom:5px; }

#faculty-leader .leader-title{ clear:both; color:#176903; font-size:16px; border:1px solid #176903; padding:6px;}
#faculty-leader .leader-content{ padding:10px 10px 40px 10px; letter-spacing:1px; line-height:30px; color:#595959;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> Loadaction <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.Loadaction_Box { position: fixed; left: 0px; top:0px; background-image:url(/images/action_bg.png); z-index:100000000 }
.Loadaction { position: fixed; padding-top:5px; width: 220px; height: 45px; left: 42%; top: 42%; background-image:url(/images/action_bg.png); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.Actionupload_Text { font-size:13px; color:#FFFFFF; height:20px; }

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> pagelink <<<--------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.cssa { font-family:Verdana; letter-spacing:1px; font-size:12px; padding-right:10px; padding-left:10px }
.cssb { font-family:Verdana; letter-spacing:1px; font-size:12px; padding-right:5px; padding-left:5px }
.cssc { padding-bottom:3px; letter-spacing:1px; font-size:12px; padding-left:10px; padding-right:10px; height:40px }
.cssd { font-family:Verdana; font-size:12px; letter-spacing:2px; height:10px; border:1px solid #FFFFFF }
a.pagelink_no:link { color: #003399; text-decoration: none; font-family:Verdana; font-size:12px; letter-spacing:1px; }
a.pagelink_no:visited { color: #003399; text-decoration: none; font-family:Verdana; font-size:12px; letter-spacing:1px }
a.pagelink_no:active { color: #003399; text-decoration: none; font-family:Verdana; font-size:12px; letter-spacing:1px }
a.pagelink_no:hover { color: #003399; text-decoration: underline; font-family:Verdana; font-size:12px; letter-spacing:1px }
a.pagelink:link { color: #333333; text-decoration: none; font-family:Verdana; font-size:12px; letter-spacing:1px; }
a.pagelink:visited { color: #333333; text-decoration: none; font-family:Verdana; font-size:12px; letter-spacing:1px }
a.pagelink:active { color: #333333; text-decoration: none; font-family:Verdana; font-size:12px; letter-spacing:1px }
a.pagelink:hover { color: #333333; text-decoration: underline; font-family:Verdana; font-size:12px; letter-spacing:1px }
a.pagelink_ch:link { color: #cc3300; text-decoration: none; font-family:Verdana; font-size:12px; letter-spacing:1px; font-weight:bold }
a.pagelink_ch:visited { color: #cc3300; text-decoration: none; font-family:Verdana; font-size:12px; letter-spacing:1px; font-weight:bold }
a.pagelink_ch:active { color: #cc3300; text-decoration: none; font-family:Verdana; font-size:12px; letter-spacing:1px; font-weight:bold }
a.pagelink_ch:hover { color: #cc3300; text-decoration: underline; font-family:Verdana; font-size:12px; letter-spacing:1px; font-weight:bold }