* { font-family:"微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif, "新細明體"; }
body { min-width:1024px;}
#banner {width:100%; height:390px; background-position:center top; clear:both;}

/*=============////////top////////=============*/
#topBg { width:100%; height:100px; background-image:url(../../image/web/index/top_banner.jpg); background-position:center top;}
.top990 { width:990px; overflow:hidden; margin:0 auto;}

.topLeft { float:left; margin-top:20px; }
.topRight { float:right; font-size:15px;}

/*上方選項*/
.topMenu { color:#ffffff; margin-top:15px;}
.topMenu a { color:#ffffff;}
.topMenu a:hover { text-decoration:underline;}

/*搜尋*/
.search { overflow:hidden; float:right; margin-top:15px; width:180px;}
input.searText { width:120px; height:27px; float:left; padding-left:10px; line-height:27px;}
input.searBtn { width:31px; height:31px; float:left;}


/*登入/登出/歡迎*/
.login { display:block; width:60px; height:30px; background-color:#ffdaee; text-align:center; line-height:30px; color:#8a044d; border-radius:4px; float:right; margin-right:8px; margin-top:15px; font-size:14px;}
.login:hover { background-color:#8a044d; color:#ffffff;}
.welcome { float:right; margin-right:8px; color:#ffffff; margin-top:21px;}


/*=============////////menu////////=============*/
#menuBox { background-color:#8a044d; height:50px;}
/*第一層*/
.menu { width:990px; margin:0 auto; }
.menu li { float:left; height:50px; border-left:#670239 1px solid; border-right:#9e145f 1px solid; position:relative; z-index:10;}
.menu > li:first-child { background-image:url(../../image/web/index/line_purple_02.png); background-repeat:repeat-y;}
.menu > li:last-child { background-image:url(../../image/web/index/line_purple_01.png); background-repeat:repeat-y; background-position:right;}

.menu li a { display:block; width:108px; height:50px; line-height:50px; text-align:center; color:#ffffff; font-size:16px; font-weight:bold;}
.menu li a:hover { background-color:#912862;}
.menu li span { display:block; width:108px; height:50px; line-height:50px; text-align:center; color:#ffffff; font-size:15px;}
.menu li span:hover { background-color:#912862;}

/*觸發第二層*/
.menu > li > ul { visibility:hidden;}
.menu > li:hover > ul { visibility:visible;}
/*第二層*/
.menu li ul { position:absolute; top:48px; left:-44px; background-color:#8a044d; border-top:#670239 2px solid;}
.menu li ul li { border:0; background-image:none; float:none; height:auto; position:relative; border-bottom:#D59CC7 1px solid;}
.menu li ul li a { width:170px; margin:0 auto; background-color:#cb7ea8; height:auto; padding:10px 15px; line-height:1.4; text-align:left; font-size:14px;}
.menu li ul li a:hover { background-color:#B83D7C;}
.menu li ul li span { width:170px; margin:0 auto; background-color:#cb7ea8; height:auto; padding:10px 15px; line-height:1.4; text-align:left; font-size:14px;}
.menu li ul li span:hover { background-color:#B83D7C;}

/*觸發三層*/
.menu > li > ul > li > ul { visibility:hidden;}
.menu > li > ul > li:hover > ul { visibility:visible;}
/*第三層*/
.menu li ul li ul { position:absolute; top:0; left:200px; background-color:#8a044d; border-top:0;}
.menu li ul li ul li {}
.menu li ul li ul li a { background-color:#d389b1; }
.menu li ul li ul li span { background-color:#d389b1; }

/*觸發四層*/
.menu > li > ul > li > ul > li > ul { visibility:hidden;}
.menu > li > ul > li > ul > li:hover > ul { visibility:visible;}
/*第四層*/
.menu li ul li ul li ul{ position:absolute; top:0; left:200px; background-color:#8a044d; border-top:0;}
.menu li ul li ul li ul li{ border-bottom:#F1ACD7 1px solid;}
.menu li ul li ul li ul li a { background-color:#DA9BBD; }
.menu li ul li ul li ul li span { background-color:#DA9BBD; }


/*=============////////banner////////=============*/
.dot { overflow:hidden; display:table; margin:0 auto; padding-top:150px;}
.dot a { display:block; width:12px; height:12px; background-color:#ffffff; float:left; margin:0 2px; border-radius:12px;}
.dot a:hover { background-color:#8a044d;}


/*=============////////info////////=============*/
#infoBox { background-color:#f8f8f8; font-size:14px; padding:40px 0;}
.info { width:990px; margin:0 auto; overflow:hidden;}

.infoL { float:left; width:500px; overflow:hidden;}
.infoL a { display:block; float:left; color:#8a044d; margin-bottom:13px;}
.infoL a:hover { color:#C54A8D;}
.infoL span { display:block; float:left; color:#8a044d; margin-bottom:13px;}
.infoL span:hover { color:#C54A8D;}
.infoL p { float:left; margin:0 10px; color:#8a044d; margin-bottom:13px;}

.infoR { float:right; width:300px; background-image:url(../../image/web/index/line_gray.jpg); background-repeat:repeat-y; padding-left:40px;}
.infoR p { color:#7e7e7e; margin-bottom:8px;}
p.infoTitle { font-size:18px; color:#8a044d; margin-bottom:10px;}
.infoR a { color:#7e7e7e;}
.infoR a:hover { text-decoration:underline; }


/*=============////////footer////////=============*/
#footerBox { background-color:#8a044d; font-size:14px; color:#ffffff; text-align:center; line-height:1.6; padding:30px 0;}
#footerBox a { color:#ffffff; }
#footerBox a:hover { text-decoration:underline;}


/*=============////////content////////=============*/
#contentBox { overflow:hidden; }

.newsCalen { background-color:#f8f8f8; padding:20px 0 30px 0;}
.ncBox { width:990px; margin:0 auto; overflow:hidden;}
/*====最新消息====*/
.newsBox { overflow:hidden; float:left; width:738px;}
.news { display:block; width:auto; font-size:15px; margin:0 45px 10px 8px; float:none; border-bottom:1px dashed #aaa; padding:0 0 10px 0;}
.newsPic { width:230px; height:155px; background-color:#ffffff; position:relative; margin-bottom:8px; overflow:hidden; display:none;}
.newsPic img { position:absolute; top:0; bottom:0; left:0; right:0; margin:auto;}
.newsTime { color:#8a044d; margin-bottom:4px; }
.newsTitle { color:#6d6d6d; height:auto; overflow:hidden; }
.news:hover > .newsTitle { color:#C54A8D;}

/*more*/
.newsMore { display:block; overflow:hidden; margin-left:8px; margin-top:10px; float:left; border:#8a044d 1px solid; }
.newsMore p { float:left; font-size:13px; padding:6px 10px; color:#8a044d;}
.newsMore p:first-child { background-color:#8a044d; color:#ffffff;}
.newsMore:hover > p:first-child { background-color:#ab1566;} 

.moreBtnBox { width:100%; overflow:hidden;}

/*====日曆====*/
.calendarBox { overflow:hidden; float:right; font-size:14px;}

/*年*/
.year { width:238px; height:40px; background-color:#8a044d; color:#ffffff; overflow:hidden;}
.year p { float:left; width:158px; text-align:center; line-height:40px;}
.yearBtn { display:block; width:35px; height:35px; float:left; }
.yearBtn:hover { background-color:#B74380;}
.yearBtn img { margin-top:2px;}

/*星期*/
.week { overflow:hidden;}
.week p { float:left; width:34px; height:34px; color:#8a044d; line-height:34px; text-align:center;}

/*日*/
.date { overflow:hidden; width:238px }
.date p { width:33px; height:33px; float:left; text-align:center; line-height:33px; background-color:#ececec; color:#787878; 
border-bottom:#ffffff 1px solid; border-left:#ffffff 1px solid;}
.date p a { display:block; width:33px; height:33px; background-color:#8a044d; color:#ffffff;}
.date p a:hover { background-color:#B74380; }



.achievLink { width:990px; margin:0 auto; overflow:hidden; padding:40px 0;}
/*====成果回顧====*/
.achievement { overflow:hidden; padding-left:8px; float:left; width:740px;}
.achMainTitle { font-size:18px; font-weight:bold; color:#8a044d; position:relative; padding-left:32px; margin-bottom:28px;}
.achMainTitle:before { content:""; width:23px; height:26px; background-image:url(../../image/web/index/title_icon.png); position:absolute; top:-2px; left:0;}

.oneAch { display:block; overflow:hidden; width:350px; float:left; margin-right:20px; margin-bottom:36px;}
.achPic { float:left; width:120px; height:120px; position:relative; background-color:#f4f4f4;}
.achPic img { position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; width:100%; }

.achText { float:left; width:218px; margin-left:12px;}
.achTitle { font-size:17px; color:#434343; margin-bottom:10px; height:40px; overflow:hidden;}
.achNote { font-size:15px; color:#9b9b9b; height:39px; overflow:hidden;}
.oneAch:hover > .achText > .achTitle { color:#8a044d;}

/*more*/
.achMore { display:block; overflow:hidden; float:left; border:#8a044d 1px solid; }
.achMore p { float:left; font-size:13px; padding:6px 10px; color:#8a044d;}
.achMore p:first-child { background-color:#8a044d; color:#ffffff;}
.achMore:hover > p:first-child { background-color:#ab1566;} 

/*====連結====*/
.link { float:right;}
.link a { display:block; margin-bottom:12px;}

.film{margin-bottom:30px}
.film_title{font-size:14px;color:#000;width:230px;}


/*============1.3.1/lightbox_login============*/
.loginBox { width:500px; position:relative; margin:20px auto;}
.loginTitle { background-color:#b8618e; padding:15px 15px; color:#ffffff; font-size:16px;}
.loginBlock {border:#cccccc 1px solid;}
.number { color:#666; font-size:15px; margin:17px auto; width:302px;}

.input01 { width:200px; height:26px; border: #c6c6c6 1px solid; line-height:28px; padding-left:10px;}
.button01 { border:0; background-color:#941158; color:#ffffff; width:218px; height:40px; margin:0 auto; display:table; border-radius:4px; 
border-bottom:#972562 2px solid; margin-bottom:20px; cursor:pointer; font-size:15px;}
.button01:hover { background-color:#ab1566;}

.loginNote { font-size:14px; color:#C30; display:table; margin:0 auto 10px auto;}
.import { color:#C30;}