@charset "utf-8"; /*reset*/ a,abbr,acronym,address,applet,article,aside,audio,b,blockquote,big,body,center,canvas,caption,cite,code,command,datalist,dd,del,details,dfn,dl,div,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,keygen,label,legend,li,meter,nav,object,ol,output,p,pre,progress,q,s,samp,section,small,span,source,strike,strong,sub,sup,table,tbody,tfoot,thead,th,tr,tdvideo,tt,u,ul,var{background:transparent;border:0 none;font-size:100%;margin:0;padding:0;border:0;outline:0;vertical-align:top}ol,ul{list-style:none}blockquote,q{quotes:none}table,table td{padding:0;border:none;border-collapse:collapse}img{vertical-align:top;-webkit-text-size-adjust:none;}embed{vertical-align:top}article,aside,audio,canvas,command,datalist,details,embed,figcaption,figure,footer,header,hgroup,keygen,meter,nav,output,progress,section,source,video{display:block}mark,rp,rt,ruby,summary,time{display:inline} /*********General*********/ body { margin:0px; font-size:13px; padding:0; font-family:"微軟正黑體";} a{ text-decoration:none;} a:hover { } .clear { clear:both;} .idxbg { background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511171613/https://enc.moe.edu.tw/images/topbg.jpg) top no-repeat #ededee; padding:0;position:relative; min-height:900px;} .idxWrap { width:1000px; margin:0 auto;} .header { position:relative; height:82px;} .logo a{ text-indent:-9999px; position: absolute; z-index:1px; left:-15px; background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511171613/https://enc.moe.edu.tw/images/logo.png) top no-repeat; display:block; width:420px; height:118px; } .toplink { background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511171613/https://enc.moe.edu.tw/images/t20.png) bottom no-repeat; position:absolute; top:0; right:100px; padding:0 20px; border-radius: 0 0 10px 10px;z-index:2; } .toplink li { float:left;} .toplink a { font-size:12px; color:#FFF; text-decoration:none; display:block; padding:5px 2px 5px 3px;} .toplink a:hover { background:#7f7f7f;} .search { position:absolute; bottom:10px; right:100px; height:30px;} .search span { font-size:15px; line-height:25px; color:#8d8d8d; font-weight:bolder;} .search input { font-size:13px; width:220px; padding:2px 2px; border:1px solid #CCC;} .search a { background:#7f7f7f; font-size:12px; padding:5px; color:#FFF; font-weight:bold; text-decoration:none; border-radius: 50px 50px 50px 50px;} .fb a{ background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511171613/https://enc.moe.edu.tw/images/fb.png) no-repeat; width:30px; height:30px; position:absolute; top:35px; right:50px; display:block; text-indent:-9999px;} .tw a{ background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511171613/https://enc.moe.edu.tw/images/twit.png) no-repeat; width:30px; height:30px; position:absolute; top:35px; right:13px; display:block; text-indent:-9999px;} .midwrap { position: relative; height:155px; } .nav{ width:870px; height:43px;} .sf-menu { width:810px; position:absolute; margin:0 0 0 120px; padding:0 0 0 60px; z-index:11; } .sf-menu li {float:left; width:111px; text-align:center; margin:0 0 0 1px; position:relative; } .sf-menu li a { background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511171613/https://enc.moe.edu.tw/images/nna.png) center no-repeat; -webkit-text-size-adjust:none; display:block; padding:12px 0px 11px 0px; font-size:14px; color: #FFF; font-weight:700; font-style:normal; text-decoration:none; position:relative;} .sf-menu li a:hover, .sf-menu li.sfHover a, .sf-menu li a.current { background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511171613/https://enc.moe.edu.tw/images/navbbg.png) bottom right no-repeat; color:#fffc00;} .sf-menu ul {display:none;} .sf-menu li:hover ul, .sf-menu li.sfHover ul { position:absolute; left:0; top:42px; padding:0; z-index:99;} .sf-menu ul li { padding:0px 10px; position:relative; text-align:left; border-bottom:1px solid #FFF; background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511171613/https://enc.moe.edu.tw/images/g1.png); } .sf-menu li ul li a{ display:block; width:150px; padding:3px 8px; } .sf-menu ul li.item {background: #CCC;} .menu-img {float:left; margin-right:19px; position:relative;} .sf-menu li:hover li a, .sf-menu li.sfHover li a { background:none; display:inline-block; font-size:13px; line-height:25px; color:#42210B; text-transform:uppercase; font-weight: normal; text-decoration:none; padding:1px 0 1px 0; position:relative; } .sf-menu li li a:hover, .sf-menu li li.sfHover a, .sf-menu li li.alt a, .sf-menu li li a.active {color: #C64000;} .sf-menu li ul li:hover { background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511171613/https://enc.moe.edu.tw/images/navbg.png); } .rl { background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511171613/https://enc.moe.edu.tw/images/navright.png) right no-repeat;} .aabb { background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511171613/https://enc.moe.edu.tw/images/aabg.png) no-repeat; width:248px; height:135px; position: absolute; top:13px; left:0px; z-index:5; } .abtn1 a{ background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511171613/https://enc.moe.edu.tw/images/cb_03.png) left bottom no-repeat; position:absolute; bottom:0px; left:8px; width:66px; height:94px; z-index:10; text-indent:-9999px; display:block;} .abtn2 a{ background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511171613/https://enc.moe.edu.tw/images/ab_03.png) left top no-repeat; position:absolute; top:5px; left:38px; width:87px; height:67px; z-index:10; text-indent:-9999px; display:block;} .abtn3 a{ background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511171613/https://enc.moe.edu.tw/images/ab_04.png) right top no-repeat; position:absolute; top:5px; right:36px; width:87px; height:67px; z-index:10; text-indent:-9999px; display:block;} .abtn4 a{ background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511171613/https://enc.moe.edu.tw/images/cb_05.png) right bottom no-repeat; position:absolute; bottom:0px; right:7px; width:66px; height:94px; z-index:10; text-indent:-9999px; display:block;} #abtn1 { background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511171613/https://enc.moe.edu.tw/images/c_03.png) left bottom no-repeat; position:absolute; bottom:0px; left:8px; width:66px; height:94px; z-index:10; text-indent:-9999px;} #abtn2 { background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511171613/https://enc.moe.edu.tw/images/a_03.png) left top no-repeat; position:absolute; top:5px; left:38px; width:87px; height:67px; z-index:10; text-indent:-9999px; visibility:hidden;} #abtn3 { background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511171613/https://enc.moe.edu.tw/images/a_04.png) right top no-repeat; position:absolute; top:5px; right:36px; width:87px; height:67px; z-index:10; text-indent:-9999px; visibility:hidden;} #abtn4 { background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511171613/https://enc.moe.edu.tw/images/c_05.png) right bottom no-repeat; position:absolute; bottom:0px; right:7px; width:66px; height:94px; z-index:10; text-indent:-9999px; visibility:hidden;} #ab1 { background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511171613/https://enc.moe.edu.tw/images/ac1.png) no-repeat; width:152px; height:87px; bottom:0px; left:50px; z-index:8; position:absolute; } #ab2 { background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511171613/https://enc.moe.edu.tw/images/ac2.png) no-repeat; width:152px; height:87px; bottom:0px; left:50px; z-index:8; position:absolute; visibility:hidden;} #ab3 { background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511171613/https://enc.moe.edu.tw/images/ac3.png) no-repeat; width:152px; height:87px; bottom:0px; left:50px; z-index:8; position:absolute; visibility:hidden;} #ab4 { background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511171613/https://enc.moe.edu.tw/images/ac4.png) no-repeat; width:152px; height:87px; bottom:0px; left:50px; z-index:8; position:absolute; visibility:hidden;} .midbtn {} .midbtn li { float:left; width:189px; background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511171613/https://enc.moe.edu.tw/images/t1.png) bottom no-repeat; } .midbtn li:hover { background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511171613/https://enc.moe.edu.tw/images/t1b.png) bottom no-repeat; } .midbtn li a{ display:block; text-indent:-9999px; height:46px;} .mbtn1 { background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511171613/https://enc.moe.edu.tw/images/m1.png) no-repeat center;} .mbtn2 { background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511171613/https://enc.moe.edu.tw/images/m1b.png) no-repeat center;} .mbtn3 { background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511171613/https://enc.moe.edu.tw/images/m2.png) no-repeat center;} .mbtn4 { background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511171613/https://enc.moe.edu.tw/images/m4.png) no-repeat center;} .mbtn5 { background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511171613/https://enc.moe.edu.tw/images/m3.png) no-repeat center;} .mbtn6 { background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511171613/https://enc.moe.edu.tw/images/m5.png) no-repeat center;} .content { position:relative; width:1000px; margin:15px auto 0 auto;} .cntleft { width:185px; margin:0 8px; } .cntmid { width:582px; margin:0 8px; } .cntright { width:185px; margin:0 5px; } .cfrom { width:100%; padding:0 0 0 0; margin:0 0 20px 0; background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511171613/https://enc.moe.edu.tw/images/t15.png) bottom no-repeat #FFF; border:0px solid #CCC; box-shadow:0px 0px 12px -2px #666; -webkit-border-radius: 13px; -moz-border-radius: 13px; border-radius: 13px 13px 13px 13px; position:relative; behavior: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511171613/https://enc.moe.edu.tw/css/iecss3.htc); z-index:2;} .cfrom2 { width:100%; padding:0 0 0 0; margin:0 0 8px 0; background:#FFF; position:relative; border:1px solid #CCC; box-shadow:0px 0px 12px -2px #666); -webkit-border-radius: 13px; -moz-border-radius: 13px; border-radius: 13px;} .cfromt13 { width:100%; padding:0 0 0 0; margin:0 0 8px 0; background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511171613/https://enc.moe.edu.tw/images/t13.png) top no-repeat; position:relative; box-shadow:0px 0px 12px -2px #666); -webkit-border-radius: 13px; -moz-border-radius: 13px; border-radius: 13px;} .cfromt14 { width:100%; padding:0 0 0 0; margin:0 0 8px 0; background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511171613/https://enc.moe.edu.tw/images/t14.png) top no-repeat; background-size:100%; position:relative; box-shadow:0px 0px 12px -2px #666; -webkit-border-radius: 13px; -moz-border-radius: 13px; -webkit-border-radius: 13px; -moz-border-radius: 13px; border-radius: 13px;} .cntfrom { width:100%; padding:0 0 0 0; margin:0 0 20px 0; border:1px solid #CCC; box-shadow:0px 0px 12px -2px #666; background: -moz-linear-gradient(top, rgba(241,241,241,1) 0%, rgba(226,226,226,1) 2%, rgba(255,255,255,1) 8%, rgba(255,255,255,1) 8%, rgba(255,255,255,1) 91%, rgba(237,233,237,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(241,241,241,1)), color-stop(2%,rgba(226,226,226,1)), color-stop(8%,rgba(255,255,255,1)), color-stop(8%,rgba(255,255,255,1)), color-stop(91%,rgba(255,255,255,1)), color-stop(100%,rgba(237,233,237,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(241,241,241,1) 0%,rgba(226,226,226,1) 2%,rgba(255,255,255,1) 8%,rgba(255,255,255,1) 8%,rgba(255,255,255,1) 91%,rgba(237,233,237,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(241,241,241,1) 0%,rgba(226,226,226,1) 2%,rgba(255,255,255,1) 8%,rgba(255,255,255,1) 8%,rgba(255,255,255,1) 91%,rgba(237,233,237,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(241,241,241,1) 0%,rgba(226,226,226,1) 2%,rgba(255,255,255,1) 8%,rgba(255,255,255,1) 8%,rgba(255,255,255,1) 91%,rgba(237,233,237,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(241,241,241,1) 0%,rgba(226,226,226,1) 2%,rgba(255,255,255,1) 8%,rgba(255,255,255,1) 8%,rgba(255,255,255,1) 91%,rgba(237,233,237,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#ede9ed',GradientType=0 ); /* IE6-9 */ -webkit-border-radius: 13px; -moz-border-radius: 13px; border-radius: 13px;} .cfromh1 { font-size:14px; text-decoration:none; display:block; background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511171613/https://enc.moe.edu.tw/images/icon.png) right no-repeat #480241; color:#FFF; padding:10px 10px 10px 20px; font-weight:bolder; border-radius: 13px 13px 0 0;} /* .cfrom h1 a{ background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511171613/https://enc.moe.edu.tw/images/t5.png) bottom no-repeat;} .cfrom h1:hover a{ background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511171613/https://enc.moe.edu.tw/images/t5b.png) bottom no-repeat;}*/ .cfromh1a{ font-size:14px; text-decoration:none; height:18px; width:155px; display:block; background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511171613/https://enc.moe.edu.tw/images/t5.png) top no-repeat #480241; color:#FFF; padding:10px 10px 10px 20px; } .cfromh1a:hover {background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511171613/https://enc.moe.edu.tw/images/t5b.png) #7f4d7a ; color:#FFF; color:#FFF; } .leftnav li a{ display:block; padding:10px 10px 10px 20px; font-size:13px; font-weight:bold; border-bottom:1px dashed #dbdbdb; color:#474747; text-decoration:none;} .leftnav li a:hover { color:#a22499; background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511171613/https://enc.moe.edu.tw/images/icon1.png) right no-repeat #F7F2D2;} .navb { color:#a22499; background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511171613/https://enc.moe.edu.tw/images/icon1.png) right no-repeat #F7F2D2;} .ec { display:block; text-indent:-9999px; background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511171613/https://enc.moe.edu.tw/images/ec.png) no-repeat center; width:100%; height:127px;} .ec:hover { background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511171613/https://enc.moe.edu.tw/images/ecb.png) no-repeat center; } .phone{ background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511171613/https://enc.moe.edu.tw/images/phonebg.png) top left no-repeat #e7e6e6; display:block; -webkit-border-radius: 13px; -moz-border-radius: 13px; border-radius: 13px;text-decoration:none; height:53px;} .phone:hover {} .phone:hover h2{ color:#F93; } .phone h2 { font-size:16px; color:#480241; padding:18px 5px 0px 65px;} .phone h3 { font-size:12px; color:#676767; padding:5px 5px 16px 65px;} .tabs { padding:8px; } .tab_con { border:1px solid #CCC; width:100%; margin: 0 auto; overflow:hidden; text-align:center;} .tab_con ul li { position:relative; height : 135px; width : 100%; text-align : center; line-height : 110px; white-space : nowrap; *font-size : 180px; *font-family : Arial; } .tab_con ul li:after { content : "."; font-size : 0; -webkit-text-size-adjust : none;} .tab_con ul li img { vertical-align : middle; height : 135px; width: auto; } .tab_con ul li p { position:absolute; width:100%; overflow:hidden; top:0px; margin:0 auto; padding:0px; } .control {padding:5px 0 0 0; width:100%; height:20px; text-align:left; } .control a{ font-size:14px; font-family:"Arial Black", Gadget, sans-serif; font-weight:bold; text-decoration:none; display:inline-block; width:20px; height:20px; background:#fff; color:#7b7b7b; border:1px solid #dddddd; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; text-align:center; padding:0 5px; } .control .now{ background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */ color:#3f033f; } .newfrom{ width:100%; padding:0 0 0 0; margin:0 0 20px 0; background:#FFF; clear: left; background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511171613/https://enc.moe.edu.tw/images/t12.png) top no-repeat #FFF; box-shadow:0px 0px 12px -2px rgba(20%,20%,40%,0.5); -webkit-border-radius: 13px; -moz-border-radius: 13px; border-radius: 13px;} .tab_content { padding:15px 0 0px 0;} ul.tabs li {float: left; height: 35px; top:0px; line-height: 35px; overflow:hidden; position: relative; margin:0 5px 0px 0; background:#a8a8a8; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px;} ul.tabs li a { font-size:14px; display: block; padding: 0 15px; color: #fff; text-decoration: none; } ul.tabs li a:hover { color:#FFF; background: #9b658e; /* Old browsers */ background: -moz-linear-gradient(top, #9b658e 0%, #7c356e 50%, #af6d9e 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9b658e), color-stop(50%,#7c356e), color-stop(100%,#af6d9e)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #9b658e 0%,#7c356e 50%,#af6d9e 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #9b658e 0%,#7c356e 50%,#af6d9e 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #9b658e 0%,#7c356e 50%,#af6d9e 100%); /* IE10+ */ background: linear-gradient(to bottom, #9b658e 0%,#7c356e 50%,#af6d9e 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9b658e', endColorstr='#af6d9e',GradientType=0 ); /* IE6-9 */} ul.tabs li.active { color:#FFF; background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511171613/https://enc.moe.edu.tw/images/t3.png) no-repeat bottom;} ul.tabs li.active a:hover {color:#FFF; background: #9b658e; /* Old browsers */ background: -moz-linear-gradient(top, #9b658e 0%, #7c356e 50%, #af6d9e 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9b658e), color-stop(50%,#7c356e), color-stop(100%,#af6d9e)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #9b658e 0%,#7c356e 50%,#af6d9e 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #9b658e 0%,#7c356e 50%,#af6d9e 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #9b658e 0%,#7c356e 50%,#af6d9e 100%); /* IE10+ */ background: linear-gradient(to bottom, #9b658e 0%,#7c356e 50%,#af6d9e 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9b658e', endColorstr='#af6d9e',GradientType=0 ); /* IE6-9 */} .newprd li { border-bottom: 1px dotted #d9d9d9; padding:5px 10px; } .newprd li a{ color:#333; font-size:13px; text-decoration:none;} .newprd li a p { float:left; color:#37abdd; padding:0 10px 0 15px;} .newprd li a h2{ margin:0 0 0 160px; line-height:20px;} .newprd li a:hover h2 { color:#636; text-decoration:underline;} .newprd li:hover { background:#F5F5F5;} .more { float:right; font-size:13px; width:100px; text-decoration:none; color:#eb8336; padding:8px; text-align:center; } .more:hover { color:#FC0; text-decoration:underline;} .more2 { font-size:13px; text-decoration:none; color:#eb8336; padding:8px;} .more2:hover { color:#FC0; text-decoration:underline;} .more1 { position:absolute; font-size:12px; width:100px; right:0px; top:10px; text-decoration:none; color:#eb8336; padding:8px; text-align:center; } .more1:hover { color:#FC0; text-decoration:underline;} .t1 { position:relative; font-size:17px; font-weight:bold; color:#480241; padding:15px 0 15px 35px; background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511171613/https://enc.moe.edu.tw/images/icon2.png) left no-repeat;} .t2 { position:relative; font-size:13px; font-weight:bold; color: #666; padding:15px 0 15px 35px; background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511171613/https://enc.moe.edu.tw/images/icon2.png) left no-repeat;} .t3 { position:relative; font-size:13px; font-weight:bold; color: #666; margin:0 0 0 20px; padding:25px 45px 15px 35px; background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511171613/https://enc.moe.edu.tw/images/icon2.png) left no-repeat;} .t4 { position:relative; font-size:15px; text-align:right;font-weight:bold; color: #F06; padding:15px 45px 15px 0; background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511171613/https://enc.moe.edu.tw/images/icon2.png) right no-repeat;} #lanrenzhijia { margin:0 auto; height: 240px; width: 100%; position: relative;} #lanrenzhijia .pre{ cursor:pointer; position:absolute; top:70px; color:#FFF; font-size:18px; width:25px; padding:25px 0; text-align:center; display: block; font-family:"Arial Black", Gadget, sans-serif; font-weight:bolder; background:#beb097; z-index:20; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px;} #lanrenzhijia a.pre:hover{ background:#f0e6e4; color:#985b93;} #lanrenzhijia .next{ cursor:pointer; position:absolute; top:70px; color:#FFF; right:0; font-size:18px; width:25px; padding:25px 0; text-align:center; display: block; font-family:"Arial Black", Gadget, sans-serif; font-weight:bolder; background:#beb097; z-index:20; -webkit-border-top-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-bottomleft: 10px; border-top-left-radius: 10px; border-bottom-left-radius: 10px;} #lanrenzhijia a.next:hover{ background:#f0e6e4; color:#985b93; } #lanrenzhijia #wai_box {height: 230px; width:530px; margin:0 auto; overflow: hidden; position: relative;} .lanrenzhijia_box h2 { } .lanrenzhijia_box ul li a {text-decoration:none;} .lanrenzhijia_box ul li a h2{ text-decoration:none; display:block; font-size: 13px; font-weight:bold; line-height: 25px;color: #525252; width:150px; overflow:hidden;} .lanrenzhijia_box ul li a:hover h2{ color:#aa8bb1; } #lanrenzhijia .lanrenzhijia_box{width: 2976px ;position: absolute; left: 0px; top: 0px;} #lanrenzhijia .lanrenzhijia_box a.img:hover{} #lanrenzhijia .lanrenzhijia_box .img{display: block;} #lanrenzhijia .lanrenzhijia_box ul {float: left;display: block; height: 230px; width: 530px;} #lanrenzhijia .lanrenzhijia_box li { float: left; position: relative; background:#aa8bb1; width:150px; height:80px; text-align:center; margin:0 2% 30px 2%; border:2px solid #aa8bb1;} #lanrenzhijia .lanrenzhijia_box li:hover {background:#e9d9e8; border:2px solid #e9d9e8;} #lanrenzhijia .lanrenzhijia_box li p { overflow:hidden; width:150px; height:80px;} #lanrenzhijia .lanrenzhijia_box li p img{ height:80px; } .comic { padding:10px;} .comic a{ text-decoration:none;} .comic a:hover img{ border:2px solid #FC0;} .comic a:hover h2{ color:#ad8fb3;} .comic h2{ background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511171613/https://enc.moe.edu.tw/images/icon3.png) left top no-repeat ; color:#480241; font-size:14px; font-weight:bold; padding:0px 10px 0px 19px; } .comic h3 { color:#480241; font-size:13px; } .comic img { display:block; width:155px; border:2px solid #ad8fb3; margin:15px auto 8px auto;} .video{ padding:10px;} .video a{ text-decoration:none; width:150px; display:block;} .video a:hover img{ border:2px solid #FC0;} .video a:hover h2{ color:#ad8fb3;} .video h2{ padding:5px; text-align: center; color:#480241; font-size:13px; } .video img { display:block; width:145px; border:2px solid #ad8fb3; margin:7px auto;} .downfrom { position:relative; width:96%; padding:15px 2%; margin:0 0 10px 0; background:#FFF; box-shadow:0px 0px 12px -2px rgba(20%,20%,40%,0.5);} .downfrom ul li { float: left; margin:0 1%;} .downfrom ul li img { width:140px; height:45px;} .footer { background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511171613/https://enc.moe.edu.tw/images/footer.jpg) repeat-x #9d9d9f; color:#FFF;padding:0px 0 10px 0; } .footer h6 {padding:0 0 20px 0; color:#999; text-align: center; width:1000px; margin:0 auto;} .footer h6 a{padding:0 0 20px 0; color:#999; text-align: center; width:1000px; margin:0 auto;} .footer h6 a:hover{ color: #96C} .footer h7 { display:block; width:990px; margin:0 auto; padding:0 0 0 10px; color:#FFF; font-size:12px; line-height:25px; text-align:left; } .footer h7 span { font-size:13px; line-height:25px;} /***內頁****/ .contright { width:775px; margin:0 0 20px 8px; background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511171613/https://enc.moe.edu.tw/images/midtopbg.png) top repeat-x #f8f6f8; } .cfromh1b { padding:10px 2px 0 2px; margin:0;} .cfromh1b a{ text-decoration:none; display:block; background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511171613/https://enc.moe.edu.tw/images/t18.png) left no-repeat; color:#FFF; padding:8px 8px 8px 30px; margin:0 5px; font-weight:bolder; border-radius: 15px 15px 15px 15px;} .cfromh1b a:hover {background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511171613/https://enc.moe.edu.tw/images/t19.png) left no-repeat ;} .levt{ padding:5px 15px;} .levt a{ text-decoration:none;} .levt a:hover img{ border:2px solid #FC0;} .levt a:hover h2{ color:#ad8fb3;} .levt h2{ padding:5px 5px 0 5px; text-align: center; color:#480241; font-size:13px; } .levt img { display:block; width:94%; border:2px solid #ad8fb3; margin:5px auto;} .midlink { position:relative; width:750px; background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511171613/https://enc.moe.edu.tw/images/icon5.png) no-repeat left;} .midlink p { padding:15px 15px 15px 45px; color:#7d7d7d; font-size:13px;} .midlink p a {color:#7d7d7d; font-size:13px;} .midlink p a:hover { color: #C69} .midlink p span { color:#e95b0a; } .cnttitle { border-bottom:1px solid #FFF; height:55px; position:relative; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.67) 67%, rgba(238,238,238,0.87) 87%, rgba(230,230,230,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(67%,rgba(255,255,255,0.67)), color-stop(87%,rgba(238,238,238,0.87)), color-stop(100%,rgba(230,230,230,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.67) 67%,rgba(238,238,238,0.87) 87%,rgba(230,230,230,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.67) 67%,rgba(238,238,238,0.87) 87%,rgba(230,230,230,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.67) 67%,rgba(238,238,238,0.87) 87%,rgba(230,230,230,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.67) 67%,rgba(238,238,238,0.87) 87%,rgba(230,230,230,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-9 */ } .cnttitle ul { padding:20px 35px 0 35px; } .cnttitle ul li { float:left; } .cnttitle ul li a{ display:block; text-decoration:none; -moz-box-shadow: 0 -1px 8px #CCC; -webkit-box-shadow: 0 -1px 8px #CCC; box-shadow: 0 -1px 8px #CCC; border-radius: 13px 13px 0 0; } .cntbtn { width:110px; font-size:14px; float:left; margin:5px 12px 0 0px; text-align:center; padding:7px 0px 5px 0px; background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511171613/https://enc.moe.edu.tw/images/t11.png) left top no-repeat; color: #960; } .cntbtn:hover { width:110px; margin:0 12px 0px 0px ;text-align:center; padding:10px 0px 8px 0px; color:#FFF; background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511171613/https://enc.moe.edu.tw/images/t10.png) left top no-repeat; } .cntbtnb { width:110px; font-size:14px; float:left; margin:0 12px 0px 0px ; text-align:center; padding:10px 0px 8px 0px; color:#FFF; background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511171613/https://enc.moe.edu.tw/images/t10.png) left top no-repeat; /* IE6-9 */-webkit-border-top-left-radius: 13px; } .cntbtn130 { width:130px; font-size:14px; float:left; margin:5px 12px 0 0px; text-align:center; padding:7px 0px 5px 0px; background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511171613/https://enc.moe.edu.tw/images/t11_130.png) left top no-repeat; color: #960; } .cntbtn130:hover { width:130px; margin:0 12px 0px 0px ;text-align:center; padding:10px 0px 8px 0px; color:#FFF; background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511171613/https://enc.moe.edu.tw/images/t10_130.png) left top no-repeat; } .cntbtn130b { width:130px; font-size:14px; float:left; margin:0 12px 0px 0px ; text-align:center; padding:10px 0px 8px 0px; color:#FFF; background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511171613/https://enc.moe.edu.tw/images/t10_130.png) left top no-repeat; /* IE6-9 */-webkit-border-top-left-radius: 13px; } .cntbtn185 { width:185px; font-size:14px; float:left; margin:5px 12px 0 0px; text-align:center; padding:7px 0px 5px 0px; background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511171613/https://enc.moe.edu.tw/images/t11_185.png) left top no-repeat; color: #960; } .cntbtn185:hover { width:185px; margin:0 12px 0px 0px ;text-align:center; padding:10px 0px 8px 0px; color:#FFF; background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511171613/https://enc.moe.edu.tw/images/t10_185.png) left top no-repeat; } .cntbtn185b { width:185px; font-size:14px; float:left; margin:0 12px 0px 0px ; text-align:center; padding:10px 0px 8px 0px; color:#FFF; background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511171613/https://enc.moe.edu.tw/images/t10_185.png) left top no-repeat; /* IE6-9 */-webkit-border-top-left-radius: 13px; } .cntwrap { position:relative; background: -moz-linear-gradient(top, rgba(234,229,234,1) 0%, rgba(245,243,245,0.65) 35%, rgba(255,255,255,0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(234,229,234,1)), color-stop(35%,rgba(245,243,245,0.65)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(234,229,234,1) 0%,rgba(245,243,245,0.65) 35%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(234,229,234,1) 0%,rgba(245,243,245,0.65) 35%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(234,229,234,1) 0%,rgba(245,243,245,0.65) 35%,rgba(255,255,255,0) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(234,229,234,1) 0%,rgba(245,243,245,0.65) 35%,rgba(255,255,255,0) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eae5ea', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */ } .new ul { padding:35px 3%; border-top:1px solid #efefef;} .new ul li { width:100%; border-bottom:1px solid #efefef; background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511171613/https://enc.moe.edu.tw/images/icon6.png) left top no-repeat; padding:3px 0;} .new ul li:hover { background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511171613/https://enc.moe.edu.tw/images/icon6.png) left top no-repeat #f0e8f0;} .new ul li a:hover p.newtd{ color: #633;} .new ul li a:hover p.newtd2{ color: #633;} .mly ul li a:hover p.mlytd{ color: #939} .law ul li a:hover p.lawtd{ color: #963} .ebook ul li a:hover p.lawtd{ color: #069} .mly ul { padding:20px 3%; border-top:1px solid #efefef;} .mly ul li { width:100%; position:relative; border-bottom:2px solid #FCC; padding:3px 0 3px 0; } .mly ul li:hover { border-bottom:2px solid #F99; } .mly ul li a:hover p.newtd2{ color: #633;} .mlyman { padding:0 0 0 58px;} .mlytd{ float:left; width:90%; padding:0px 0 8px 25px; color:#000000;} .mlyicon { position:absolute; width:55px; background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511171613/https://enc.moe.edu.tw/images/icon7.png) right no-repeat; height:55px; padding:8px 0 8px 35px; left:-10px;} .mlyicon1 { position:absolute; width:55px; background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511171613/https://enc.moe.edu.tw/images/icon8.png) right no-repeat; height:55px; top: -10px; left:-5px;} .mlytd1{ float:left; font-size:15px; width:80%; padding:8px 0 8px 50px; color:#633; font-weight:bold;} .mlycl { float:left; text-align:center; font-size:13px; padding:8px 5px 8px 15px; color:#393; } .mly1 ul { padding:35px 3% 0px 3%; border-bottom:3px solid #A78AB0; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 99%, rgba(255,255,255,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(99%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 99%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 99%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 99%,rgba(255,255,255,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 99%,rgba(255,255,255,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ } .mly1 ul li { width:100%; position:relative; } .newtd{ float:left; width:65%; padding:8px 0 8px 15px; color:#000000;} .newtd2{ float:left; width:55%; padding:8px 0 8px 15px; color:#000000;} .newday { width:12%; float:left; text-align: left; padding:8px 0 8px 35px; color:#37abdd;} .newday2 { width:12%; float:left; text-align: left; padding:8px 0 8px 25px; color:#37abdd;} .newcl { float:left; text-align:center; padding:8px 5px 8px 15px; color:#393; } .downbtn { font-size:12px; line-height:25px; float:right; text-align:right; margin:3px 0 0 0; padding:1px 11px 1px 11px; color:#FFF; background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511171613/https://enc.moe.edu.tw/images/T8.png) center no-repeat; } .downbtn:hover { color:#900; background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511171613/https://enc.moe.edu.tw/images/T8b.png) center no-repeat; } .lawbtn { font-size:12px; line-height:25px; float:right; text-align:right; margin:3px 0 0 0; padding:0px 15px 0px 15px; color:#FFF; box-shadow:0px 0px 12px -2px rgba(20%,20%,40%,0.5); border:1px solid #9B883E; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background:#B39739;/* Old browsers */ background: -moz-linear-gradient(top, rgba(243,226,199,1) 0%, rgba(193,158,103,1) 50%, rgba(182,141,76,1) 51%, rgba(233,212,179,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(243,226,199,1)), color-stop(50%,rgba(193,158,103,1)), color-stop(51%,rgba(182,141,76,1)), color-stop(100%,rgba(233,212,179,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(243,226,199,1) 0%,rgba(193,158,103,1) 50%,rgba(182,141,76,1) 51%,rgba(233,212,179,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(243,226,199,1) 0%,rgba(193,158,103,1) 50%,rgba(182,141,76,1) 51%,rgba(233,212,179,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(243,226,199,1) 0%,rgba(193,158,103,1) 50%,rgba(182,141,76,1) 51%,rgba(233,212,179,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(243,226,199,1) 0%,rgba(193,158,103,1) 50%,rgba(182,141,76,1) 51%,rgba(233,212,179,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3e2c7', endColorstr='#e9d4b3',GradientType=0 ); /* IE6-9 */} .lawbtn:hover { color:#900; border:1px solid #F90; background: rgb(252,234,187); /* Old browsers */ background: -moz-linear-gradient(top, rgba(252,234,187,1) 0%, rgba(252,205,77,1) 50%, rgba(248,181,0,1) 51%, rgba(251,223,147,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,234,187,1)), color-stop(50%,rgba(252,205,77,1)), color-stop(51%,rgba(248,181,0,1)), color-stop(100%,rgba(251,223,147,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 ); /* IE6-9 */ } .ebookbtn { font-size:12px; line-height:25px; float:right; text-align:right; margin:3px 0 0 0; padding:0px 15px 0px 15px; color:#FFF; box-shadow:0px 0px 12px -2px rgba(20%,20%,40%,0.5); border:1px solid #09C; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: rgb(183,222,237); /* Old browsers */ background: -moz-linear-gradient(top, rgba(183,222,237,1) 0%, rgba(113,206,239,1) 50%, rgba(33,180,226,1) 51%, rgba(183,222,237,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(183,222,237,1)), color-stop(50%,rgba(113,206,239,1)), color-stop(51%,rgba(33,180,226,1)), color-stop(100%,rgba(183,222,237,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(183,222,237,1) 0%,rgba(113,206,239,1) 50%,rgba(33,180,226,1) 51%,rgba(183,222,237,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(183,222,237,1) 0%,rgba(113,206,239,1) 50%,rgba(33,180,226,1) 51%,rgba(183,222,237,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(183,222,237,1) 0%,rgba(113,206,239,1) 50%,rgba(33,180,226,1) 51%,rgba(183,222,237,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(183,222,237,1) 0%,rgba(113,206,239,1) 50%,rgba(33,180,226,1) 51%,rgba(183,222,237,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7deed', endColorstr='#b7deed',GradientType=0 ); /* IE6-9 */} .ebookbtn:hover { color: #069; border:1px solid #C0ECEF; background: rgb(224,243,250); /* Old browsers */ background: -moz-linear-gradient(top, rgba(224,243,250,1) 0%, rgba(216,240,252,1) 50%, rgba(184,226,246,1) 51%, rgba(182,223,253,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(224,243,250,1)), color-stop(50%,rgba(216,240,252,1)), color-stop(51%,rgba(184,226,246,1)), color-stop(100%,rgba(182,223,253,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(224,243,250,1) 0%,rgba(216,240,252,1) 50%,rgba(184,226,246,1) 51%,rgba(182,223,253,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(224,243,250,1) 0%,rgba(216,240,252,1) 50%,rgba(184,226,246,1) 51%,rgba(182,223,253,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(224,243,250,1) 0%,rgba(216,240,252,1) 50%,rgba(184,226,246,1) 51%,rgba(182,223,253,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(224,243,250,1) 0%,rgba(216,240,252,1) 50%,rgba(184,226,246,1) 51%,rgba(182,223,253,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0f3fa', endColorstr='#b6dffd',GradientType=0 ); /* IE6-9 */} .spanfont {font-family:"Arial Black", Gadget, sans-serif; line-height:25px;} .new1 ul { padding:35px 3% 0px 3%; border-bottom:3px solid #A78AB0; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 99%, rgba(255,255,255,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(99%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 99%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 99%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 99%,rgba(255,255,255,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 99%,rgba(255,255,255,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ } .new1 ul li { width:100%; background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511171613/https://enc.moe.edu.tw/images/icon6.png) left top no-repeat;} .newtd1{ float:left; font-size:15px; width:80%; padding:8px 0 8px 35px; color:#633; font-weight:bold;} .newday1 { width:10%; float:left; text-align: right; padding:8px 0 8px 0; color:#37abdd;} .newinfo { padding:45px 40px; } .newinfo img { width:600px; height:auto; margin:10px;} .pagemid { padding:0 40px 20px 20px; } .page li { float:right; padding:2px 7px 2px 7px; margin:2px;} .pagelink { border: none;} .pagelink a { font-size:13px; line-height:25px; color: #8B2787; font-weight:bold; display:block; text-decoration:none;} .pagelink a:hover { color: #FFF;} .pagelink:hover { background:#8B2787; border: none;} .pagelink:hover a{ color:#fff;} .pagepre span {font-family:"Arial Black", Gadget, sans-serif; line-height:25px;} .pagepre {-webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; color:#FFF; padding:3px 0px 0px 0px; text-decoration:none; text-align:center; height:27px; width:86px; display:block;line-height:25px; box-shadow:0px 0px 12px -2px rgba(20%,20%,40%,0.5); background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511171613/https://enc.moe.edu.tw/images/t9.png) top no-repeat; background-size:100% 30px;} .pagepre:hover { color:#42210b; background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511171613/https://enc.moe.edu.tw/images/t9b.png) center no-repeat; background-size:100% 30px; } .pagepre1 {-webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; color:#FFF; padding:5px 15px 5px 15px; text-decoration:none; line-height:25px; box-shadow:0px 0px 12px -2px rgba(20%,20%,40%,0.5); border:1px solid #a588b7; background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511171613/https://enc.moe.edu.tw/images/bg3.jpg);} .pagepre1:hover { } .downline { border-top:3px solid #bda2ba; padding:25px; } .fbrigh { position:relative; width:100%; height:0px; margin: 0 auto; text-align:right;} .fbrigh p{ position: absolute; right:15px; top:15px;} /*faq*/ #basic-accordian { padding:25px 36px;} .faqtd { padding:0 0 0 35px;} .faqtitle { font-size:13px; margin:5px 0 5px 0; background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511171613/https://enc.moe.edu.tw/images/icon6.png) top left no-repeat; padding:10px 35px 10px 40px; cursor:pointer; } .faqright { text-align:left; color:#093; padding:0 0 8px 0;} .accordion_child{ padding:15px 30px 8px 35px; margin:0 0 0 0px; background:#EEE; line-height:25px; color: #000; font-size:13px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .accordion_headings { padding:0px 3px 0px 15px; cursor:pointer; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border:1px solid #DABFDD; } #basic-accordian .header_highlight{ color:#FFF; font-size:13px; font-weight:bold; border:0px solid #969; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511171613/https://enc.moe.edu.tw/images/t16.png); background: -moz-linear-gradient(top, rgba(189,162,186,1) 0%, rgba(161,124,157,1) 46%, rgba(132,84,127,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(189,162,186,1)), color-stop(46%,rgba(161,124,157,1)), color-stop(100%,rgba(132,84,127,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(189,162,186,1) 0%,rgba(161,124,157,1) 46%,rgba(132,84,127,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(189,162,186,1) 0%,rgba(161,124,157,1) 46%,rgba(132,84,127,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(189,162,186,1) 0%,rgba(161,124,157,1) 46%,rgba(132,84,127,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(189,162,186,1) 0%,rgba(161,124,157,1) 46%,rgba(132,84,127,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bda2ba', endColorstr='#84547f',GradientType=0 ); /* IE6-9 */} .lawicon { position:absolute; width:55px; background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511171613/https://enc.moe.edu.tw/images/icon9.png) right no-repeat; height:95px; padding:8px 0 8px 20px; left:10px; top:-10px;} .lawlink { display:block; float:right; text-align:right;} .law ul { padding:45px 3%; border-top:1px solid #efefef;} .law ul li { width:100%; position:relative; border-bottom:2px solid #DFD5B5; padding:3px 0 3px 0; } .ebook ul { padding:25px 3%; border-top:1px solid #efefef;} .ebook ul li { position:relative; border-bottom:2px solid #C2E8EF; padding:3px 0 3px 0; } .lawtd{ float:left; width:80%; padding:0px 0 0px 25px; color:#000000;} .phonetd { padding:45px; } .phonetd th { background:#9E91BC; font-size:13px; color:#FFF; text-align:center; padding:8px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } .phonetd td { color:#333; vertical-align:middle; border-bottom:1px solid #DBCDE5;} .phoneicon { background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511171613/https://enc.moe.edu.tw/images/icon3.png) left no-repeat; padding:6px 15px 6px 25px;} .phoneicon a { color: #939; text-decoration:none;} .phoneicon a:hover { color: #F63; text-decoration: underline;} .ph1 { width:400px; padding:45px 0 0 0px; float:left;} .ph1r { padding:45px 45px 0 0; } .phone1td { padding:0; } .phone1td th { background:#9E91BC; font-size:13px; color:#FFF; text-align:center; padding:5px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } .phone1td td { color:#333; vertical-align:middle; border-bottom:1px solid #DBCDE5;} #abgne-block {margin: 0 auto;width: 664px;/* 框架圖片的寬 */height:700px;/* 框架圖片的高 */position: relative; } #abgne-block a.prev, #abgne-block a.next {position: absolute;top: 200px;display: block;width: 56px;/* 左右鈕圖片的寬 */height: 53px;/* 左右鈕圖片的高 */text-indent: -9999px;} #abgne-block .prev {background: url('https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511171613/https://enc.moe.edu.tw/images/left.png') no-repeat;} #abgne-block .next {background: url('https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511171613/https://enc.moe.edu.tw/images/right.png') no-repeat;right: 0;} #abgne-block .slides {overflow: hidden;position: relative; top: 0px; left: 30px; width: 602px;/* 框架中間區塊的寬 */height: 450px;/* 框架中間區塊的高 */} #abgne-block .slides img{ width:602px;} #abgne-block .slides ul {position: absolute;width: 9990px;height: 700px;} #abgne-block .slides li { width: 604px;/* 框架中間區塊的寬*/height: 700px;float: left;} #abgne-block .slides li p{ margin:0 3px 0 0; font-size:15px; background:#5c234a; text-align:center; padding:5px 0px; color:#FFF;-webkit-border-top-left-radius: 20px; -webkit-border-top-right-radius: 20px; -moz-border-radius-topleft: 20px; -moz-border-radius-topright: 20px; border-top-left-radius: 20px; border-top-right-radius: 20px; } .eventp { margin:0 auto; font-size:15px; background:#5c234a; width:600px; text-align:center; padding:5px 0px; color:#FFF;-webkit-border-top-left-radius: 20px; -webkit-border-top-right-radius: 20px; -moz-border-radius-topleft: 20px; -moz-border-radius-topright: 20px; border-top-left-radius: 20px; border-top-right-radius: 20px; } .invt { padding:45px 0 0 10px;} .eventpic { padding:10px 0 0 35px;} .eventpic ul li { text-align:center; float:left; background:#FFF; width:110px; height:80px; padding:4px; margin:2% 1.5%; position:relative; border:1px solid #bca698; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px} .eventpic ul li img { opacity:1.0; filter:alpha(opacity=100);} .eventpic ul li img:hover { opacity:1.0; filter:alpha(opacity=100);} .eventpic ul li:hover { background:#bca698; } .eventpic ul li p { width:110px; overflow:hidden; height:80px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;} .eventpic ul li img { height:80px; width:auto; } /*********designer*********/ .deslist { padding:0 0 5px 0;} .deslist li { position:relative; width:50%; float:left; border-bottom:1px solid #ececec; padding:15px 0 15px 0;} .deslist li a{ color:#FFF; text-decoration:none;} .deslist li:hover { background:#ECE1EB; opacity:1.0; filter:alpha(opacity=100);} .deslist li:hover img{ opacity:1.0; filter:alpha(opacity=100);} .despic { float:left; width:100px; padding:0 3%; position:relative; } .despic p{ height:100px; width:100px; overflow:hidden; border:1px solid #CCC; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;} .despic img {opacity:0.7; height:100px; width:100%; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;} .despic img:hover { opacity:1.0; filter:alpha(opacity=100);} .desword { float:left; color:#626262; width:230px; } .desword h1 { font-size:13px; font-weight:bold; color: #39C;} .desword h2 { font-size:13px; padding:2px 0 2px 0; margin:0 0 5px 0; height:48px; overflow:hidden; } .desword h2 span{ color:#ff6600; } .desword h2 a{ color: #666;} .desword h2 a:hover{ text-decoration: underline; color: #033 ;} .event { padding:15px 25px;} .about { padding:35px 35px;} .about p { font-size:14px; color:#636; line-height:25px; padding:0 0 0 30px;} .about h1{ color:#906; font-size:15px; font-weight:bold;} .aboutimg { margin:0 30px 10px 0; padding:5px; border:2px solid #969; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;} .videopic { padding:10px 0 0 35px;} .videopic ul li{ text-align:center; float:left; width:160px; height:158px; margin:3% 1.5% 0px 1.5%; position:relative; overflow:hidden;} .videopic ul li div{ position:relative; background:#FFF; padding:4px; border:1px solid #bca698; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px} .videopic ul li img { opacity:1.0; filter:alpha(opacity=100);} .videopic ul li a:hover img{ opacity:1.0; filter:alpha(opacity=100);} .videopic ul li a:hover div{ background:#bca698; } .videopic ul li p { width:150px; overflow:hidden; height:110px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;} .videopic ul li span{ display:block; bottom:0; right:0; position:absolute; z-index:999; height:50px; height:88px; } .videopic ul li div p img { height:120px; width:auto; } .videopic ul li a h2 { font-size:13px; color:#636; background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511171613/https://enc.moe.edu.tw/images/icon3.png) left top no-repeat; text-align:left; margin:3px 0 0 0; padding:2px 0 0 20px; } .videopic ul li a { text-decoration:none;} .posterpic { padding:10px 0 0 35px;} .posterpic ul li{ text-align:center; float:left; width:160px; height:200px; margin:0% 1.5% 0px 1.5%; position:relative; overflow:hidden;} .posterpic ul li div{ position:relative; background:#FFF; padding:4px; border:1px solid #bca698; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px} .posterpic ul li img { opacity:1.0; filter:alpha(opacity=100);} .posterpic ul li a:hover img{ opacity:1.0; filter:alpha(opacity=100);} .posterpic ul li a:hover div{ background:#bca698; } .posterpic ul li p { width:150px; overflow:hidden; height:120px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;} .posterpic ul li span{ display:block; bottom:0; right:0; position:absolute; z-index:999; height:50px; height:88px; } .posterpic ul li div p img { width:150px; height:auto; } .posterpic ul li a h2 { font-size:13px; color:#636; background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511171613/https://enc.moe.edu.tw/images/icon3.png) left top no-repeat; text-align:left; margin:3px 0 0 0; padding:2px 0 0 20px; } .posterpic ul li a { text-decoration:none;} #overlayposter h3 img{ height:100px; margin:0 auto; border:3px solid #99C;} #overlayposter h3 { width:50%; margin:0 auto; text-align:center;} .abtd ifarme{ float:left; width:50%; } .abtd p { float:left; width:50%;} .caleicon { position:absolute; width:55px; background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511171613/https://enc.moe.edu.tw/images/icon11.png) right no-repeat; height:55px; padding:8px 0 8px 35px; left:-10px;} .midsearch { padding:20px;} .midsearch ul li{ border:1px solid #669; padding:20px 35px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .serach1 { border:1px solid #CCC; padding:0 0 15px 0; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background: #e5e5e5; /* Old browsers */ background: -moz-linear-gradient(top, #e5e5e5 1%, #ffffff 58%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#e5e5e5), color-stop(58%,#ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e5e5e5 1%,#ffffff 58%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e5e5e5 1%,#ffffff 58%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e5e5e5 1%,#ffffff 58%); /* IE10+ */ background: linear-gradient(to bottom, #e5e5e5 1%,#ffffff 58%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */} .line { width:93%; border:1px solid #CCC; margin:15px auto;} .black { font-size:15px; margin:0 0 0 35px;} .titleicon { margin:0 0 0 15px; font-family:"微軟正黑體";font-weight:bold; background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511171613/https://enc.moe.edu.tw/images/icon2.png) left no-repeat; padding: 10px 0 10px 20px; font-size:15px;} .calcl { float:left; text-align:center; font-size:13px; padding:0px 5px 8px 25px; color:#393; } .caltop { width:90%; margin:0px auto 0 auto; padding:10px; background: rgb(206,171,216); /* Old browsers */ background: -moz-linear-gradient(top, rgba(206,171,216,1) 0%, rgba(165,104,161,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(206,171,216,1)), color-stop(100%,rgba(165,104,161,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(206,171,216,1) 0%,rgba(165,104,161,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(206,171,216,1) 0%,rgba(165,104,161,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(206,171,216,1) 0%,rgba(165,104,161,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(206,171,216,1) 0%,rgba(165,104,161,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ceabd8', endColorstr='#a568a1',GradientType=0 ); /* IE6-9 */} .calprev a{ float:left; width:10%; text-align:center; display:block; color:#FFF; text-align:center;} .calmonth {float:left; width:80%; text-align:center; display:block; color:#FFF;} .calnext a{ float:right; width:10%; text-align:center; display:block; color:#FFF; text-align:center;} .calendar { background:#FFF; width:93%; margin:0 auto; padding:0 0 45px 0;} .calendar th { background:#EEDEF1; padding:3px; color:#636; border-bottom:2px solid #C9C; border:1px solid #C9C} .calendar td { border:1px solid #CCC; width:14%; height:90px; position: relative;} .calendar1 { background:#FFF; width:93%; margin:0 auto; padding:0 0 45px 0;} .calendar1 th { background:#EEDEF1; padding:3px; color:#636; border-bottom:2px solid #C9C; border:1px solid #C9C} .calendar1 td { border:1px solid #CCC; position: relative;} .monthday { position:absolute; width:25px; top:0; right:0; padding:5px 0; border-left:1px solid #CCC; border-bottom:1px solid #CCC; text-align:center; background:#F2EDF3; z-index:10;} .cltd { width:100%; position:relative; } .evtop { padding:30px 0 0 0;} .ev1 { border-top:5px solid #F36; background: #FFF0F8; padding:5px; margin:0 0 5px 0; color: #636; } .ev1 a{ font-size:12px; color: #636; text-decoration:none;} .ev1 a:hover { color:#F60; text-decoration:underline;} .ev2 { border-top:5px solid #6C3; background: #E8FAE7; padding:5px; margin:0 0 5px 0; color: #093; } .ev2 a{ font-size:12px; color: #093; text-decoration:none;} .ev2 a:hover { color:#F60; text-decoration:underline;} .ev3 { border-top:5px solid #09C; background: #E7F8F5; padding:5px; margin:0 0 5px 0; color: #069 } .ev3 a{ font-size:12px; color: #069; text-decoration:none;} .ev3 a:hover { color:#F60; text-decoration:underline;} .clicon { margin:0 28px 0 35px ; padding:5px 0 0 0; text-align:center;} .clicon div{ float:right; width:65px; margin:0 2px 5px 0 ; } .noday { background: #F0F0F0;} .daybg { } .rectd { width:91%; margin:0 auto;} .rectd td { padding:5px; border-bottom:1px solid #FFF; background:#ECE3EE} .rectd th { padding:5px; border:1px solid #FFF; background: #AE98BA; color:#FFF; text-align:right;} .rectd strong { color:#F30;} .red { color:#F30;} /*********overlaybox*********/ #overlogin, #overlaydown, #overlaylaw, #overlayposter{ position:absolute; z-index:99; visibility:hidden;} #overlay {} .overlay{ background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511171613/https://enc.moe.edu.tw/images/overlay.png); width:100%; height:100%; position:fixed; top:0px; bottom:0px; left:0px; right:0px; z-index:99; } .box{ font-size:15px; position:fixed; top:20%; left:20%; right:20%; width:360px; margin: 55px auto; padding:2% 3% 2% 3%; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -moz-box-shadow: 0 1px 5px #333; -webkit-box-shadow: 0 1px 5px #333; z-index:101; background: rgb(245,246,246); /* Old browsers */ background: -moz-linear-gradient(top, rgba(245,246,246,1) 0%, rgba(219,220,226,1) 8%, rgba(184,186,198,1) 26%, rgba(221,223,227,1) 84%, rgba(245,246,246,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(245,246,246,1)), color-stop(8%,rgba(219,220,226,1)), color-stop(26%,rgba(184,186,198,1)), color-stop(84%,rgba(221,223,227,1)), color-stop(100%,rgba(245,246,246,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(245,246,246,1) 0%,rgba(219,220,226,1) 8%,rgba(184,186,198,1) 26%,rgba(221,223,227,1) 84%,rgba(245,246,246,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(245,246,246,1) 0%,rgba(219,220,226,1) 8%,rgba(184,186,198,1) 26%,rgba(221,223,227,1) 84%,rgba(245,246,246,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(245,246,246,1) 0%,rgba(219,220,226,1) 8%,rgba(184,186,198,1) 26%,rgba(221,223,227,1) 84%,rgba(245,246,246,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(245,246,246,1) 0%,rgba(219,220,226,1) 8%,rgba(184,186,198,1) 26%,rgba(221,223,227,1) 84%,rgba(245,246,246,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f6f6', endColorstr='#f5f6f6',GradientType=0 ); /* IE6-9 */ } .box p { font-size:60px; color:#7F7F7F; padding:9% 5%;} .box h1 { font-size:15px; text-align:center; color: #666; padding:1%;} .box h2{ font-size:13px; line-height:18px; display:block; text-align:left; text-decoration:none; border-bottom:1px solid #FFF; color:#959595; background:#eeeeee; padding:3px 10px; margin:5px 0 0 0; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .box h3 { font-size:13px; padding:15px 0 0 0; color:#936; text-align:center;} .box h3 a{font-size:13px; text-decoration:underline; color:#936;} .box h3 a:hover { color:#F03; text-decoration:none;} .boxclose{ width:200px; height:200px; top:-100px; position:absolute; padding:0 38%; cursor:pointer; } .box input { background:#eeeeee; border:1px solid #eeeeee;} /*********content*********/ .but1 li{ float:left; width:46%;text-align:center; padding:2%; margin:5% 0 0 0;} .eventpic { padding:10px 0 0 35px;} .eventpic ul li { text-align:center; float:left; background:#FFF; width:110px; height:80px; padding:4px; margin:2% 1.5%; position:relative; border:1px solid #bca698; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px} .eventpic ul li img { opacity:1.0; filter:alpha(opacity=100);} .eventpic ul li img:hover { opacity:1.0; filter:alpha(opacity=100);} .eventpic ul li:hover { background:#bca698; } .eventpic ul li p { width:110px; overflow:hidden; height:80px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;} .eventpic ul li img { height:80px; width:auto; } /*sitemap*/ .sitemap { padding:35px 40px 15px 10px; width:190px; float: right;} .sitemap h3 {width:190px; font-family: "微軟正黑體"; color: #FFF; text-align: center; font-size: 14px; font-weight: bold; padding-bottom: 4px; padding-top:4px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511171613/https://enc.moe.edu.tw/images/t21.png) bottom; background: -moz-linear-gradient(top, rgba(206,171,216,1) 0%, rgba(165,104,161,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(206,171,216,1)), color-stop(100%,rgba(165,104,161,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(206,171,216,1) 0%,rgba(165,104,161,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(206,171,216,1) 0%,rgba(165,104,161,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(206,171,216,1) 0%,rgba(165,104,161,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(206,171,216,1) 0%,rgba(165,104,161,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ceabd8', endColorstr='#a568a1',GradientType=0 ); /* IE6-9 */ } .sitemap ul li {background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511171613/https://enc.moe.edu.tw/images/icon12.png) no-repeat left; border-bottom:1px solid #D4D4D4; margin:1px 8px; } .sitemap ul li a{ text-decoration:none; color: #333; padding:3px 3px 3px 15px; display:block;} .sitemap ul li a:hover{ text-decoration:none; color: #C60000;} .sitemap ul li:hover {background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511171613/https://enc.moe.edu.tw/images/icon12.png) no-repeat left #F1EDF1;} .cntcl { } .cntcl ul { padding:25px 20px 0 35px;} .cntcl ul li { float:left;} .cntcl ul li a{ display:block; text-decoration:none; box-shadow:0px -1px 15px -5px rgba(20%,20%,40%,0.5); } .cntclbtn {word-break: keep-all; 　　word-wrap: normal; font-size:14px; margin:0px 12px 5px 0px ; padding:5px 15px 5px 15px; border: 1px solid #99C; background: #FFF; color: #99C; -webkit-border-radius:20px; -moz-border-radius: 20px; border-radius: 20px; } .cntclbtn:hover { color:#FFF; background: rgb(194,155,190); /* Old browsers */ background: -moz-linear-gradient(top, rgba(194,155,190,1) 0%, rgba(160,88,154,1) 38%, rgba(160,88,154,1) 38%, rgba(143,54,136,1) 73%, rgba(128,25,120,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(194,155,190,1)), color-stop(38%,rgba(160,88,154,1)), color-stop(38%,rgba(160,88,154,1)), color-stop(73%,rgba(143,54,136,1)), color-stop(100%,rgba(128,25,120,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(194,155,190,1) 0%,rgba(160,88,154,1) 38%,rgba(160,88,154,1) 38%,rgba(143,54,136,1) 73%,rgba(128,25,120,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(194,155,190,1) 0%,rgba(160,88,154,1) 38%,rgba(160,88,154,1) 38%,rgba(143,54,136,1) 73%,rgba(128,25,120,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(194,155,190,1) 0%,rgba(160,88,154,1) 38%,rgba(160,88,154,1) 38%,rgba(143,54,136,1) 73%,rgba(128,25,120,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(194,155,190,1) 0%,rgba(160,88,154,1) 38%,rgba(160,88,154,1) 38%,rgba(143,54,136,1) 73%,rgba(128,25,120,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c29bbe', endColorstr='#801978',GradientType=0 ); /* IE6-9 */ } .cntclbtnb { font-size:14px; margin:0px 12px 5px 0px ; padding:5px 15px 5px 15px; color:#FFF; background: rgb(194,155,190); /* Old browsers */ background: -moz-linear-gradient(top, rgba(194,155,190,1) 0%, rgba(160,88,154,1) 38%, rgba(160,88,154,1) 38%, rgba(143,54,136,1) 73%, rgba(128,25,120,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(194,155,190,1)), color-stop(38%,rgba(160,88,154,1)), color-stop(38%,rgba(160,88,154,1)), color-stop(73%,rgba(143,54,136,1)), color-stop(100%,rgba(128,25,120,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(194,155,190,1) 0%,rgba(160,88,154,1) 38%,rgba(160,88,154,1) 38%,rgba(143,54,136,1) 73%,rgba(128,25,120,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(194,155,190,1) 0%,rgba(160,88,154,1) 38%,rgba(160,88,154,1) 38%,rgba(143,54,136,1) 73%,rgba(128,25,120,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(194,155,190,1) 0%,rgba(160,88,154,1) 38%,rgba(160,88,154,1) 38%,rgba(143,54,136,1) 73%,rgba(128,25,120,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(194,155,190,1) 0%,rgba(160,88,154,1) 38%,rgba(160,88,154,1) 38%,rgba(143,54,136,1) 73%,rgba(128,25,120,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c29bbe', endColorstr='#801978',GradientType=0 ); /* IE6-9 */ -webkit-border-radius:20px; -moz-border-radius: 20px; border-radius: 20px; } .ebookicon { position:absolute; width:55px; background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511171613/https://enc.moe.edu.tw/images/iconebook.png) right no-repeat; height:95px; padding:8px 0 8px 20px; left:10px; top:-10px;} /*********crative*********/ .crative { width:90%; margin:0 auto 20px auto; border:1px solid #CCC; padding:10px 0 10px 0; -webkit-border-radius:20px; -moz-border-radius: 20px; border-radius: 20px;} .crative li {} .crative li a{ color:#FFF; text-decoration:none;} .crative li:hover { background:#ECE1EB; opacity:1.0; filter:alpha(opacity=100);} .crative li:hover img{ opacity:1.0; filter:alpha(opacity=100);} .crapic { float:right; width:245px; padding:0 0; margin:0 10px 0 0 ; } .crapic p { width:245px; height:160px; overflow:hidden;} .crapic img {opacity:1.0; border:1px solid #CCC; width:100%; -webkit-border-radius:20px; -moz-border-radius: 20px; border-radius: 20px; } .crapic img:hover { opacity:1.0; filter:alpha(opacity=100);} .craword { color:#626262; padding:10px; } .craword h1 { background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511171613/https://enc.moe.edu.tw/images/icon3.png) left top no-repeat; padding:0 0 0 20px; font-size:15px; font-weight:bold; color: #39C;} .craword h2 { font-size:13px; padding:2px 0 0 10px; color: #096; } .craword h2 span{ color:#666; } .craword h3 { font-size:13px; padding:2px 0 0 20px; color:#666; } .craword h3 span{ font-weight:bold; } .yel { color:#F90;} .posterimg { margin:15px; float:left;} .posterimg img { height:200px; width:auto; margin:0 0 10px 0; border:2px solid #C69;} .posterimg span { background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511171613/https://enc.moe.edu.tw/images/icon12.png) left no-repeat; padding:0 0 0 10px;} .posterimg a { text-decoration:underline; color: #636;} .posterimg a:hover { text-decoration:underline; color: #C69;} .calleft th{ } .multipleColumn{ width:530px; } .multipleColumn .hd{ } .multipleColumn .hd ul{} .multipleColumn .hd ul li{ } .multipleColumn .hd ul li.on{ } .pre{ cursor:pointer; position:absolute; top:15px; left:0px; color:#FFF; font-size:18px; width:25px; padding:25px 0; text-align:center; display: block; font-family:"Arial Black", Gadget, sans-serif; font-weight:bolder; background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511171613/https://enc.moe.edu.tw/images/t6.png) no-repeat ;z-index:20; } .pre:hover{ background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511171613/https://enc.moe.edu.tw/images/t6b.png) no-repeat ; color:#985b93;} .next{ cursor:pointer; position:absolute; top:15px; color:#FFF; right:0; font-size:18px; width:25px; padding:25px 0; text-align:center; display: block; font-family:"Arial Black", Gadget, sans-serif; font-weight:bolder; background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511171613/https://enc.moe.edu.tw/images/t7.png) no-repeat ;z-index:20; -webkit-border-top-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-bottomleft: 10px; border-top-left-radius: 10px; border-bottom-left-radius: 10px;} .next:hover{background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511171613/https://enc.moe.edu.tw/images/t7b.png) no-repeat ; color:#985b93; } .multipleColumn .bd{ padding:0px 10px 20px 10px; overflow:hidden; } .multipleColumn .bd ul{ overflow:hidden; zoom:1; width:340px; float:left; _display:inline; } .multipleColumn .bd ul li{ margin:0 12px; float:left; _display:inline; overflow:hidden; text-align:center; } .multipleColumn .bd ul li .pic{ text-align:center; background: #96C; } .multipleColumn .bd ul li .pic img{ width:140px; height:90px; display:block; padding:2px; border:1px solid #ccc; } .multipleColumn .bd ul li .pic:hover{ background: #C9C } .multipleColumn .bd ul li .pic a:hover img{ border-color: #C9C } .multipleColumn .bd ul li .title{ line-height:24px; width:140px; height:25px; overflow:hidden; } .multipleColumn .bd ul li .title a{ color:#666; text-decoration:none;} .multipleColumn .bd ul li .title a:hover{ color: #969; text-decoration: underline;} .idxevent { width:580px; margin: 0 auto;} a img { border: none; } #abgne_fade_pic { position: relative; width: 565px; height: 180px; } #abgne_fade_pic img{ width:565px; height:150px; } #abgne_fade_pic p{ border: 1px solid #ccc;width:565px; height:150px; } .tabs img{ width:565px; height:150px; } .tabs p{ border: 1px solid #ccc;width:565px; height:150px; } #abgne_fade_pic a.ad { position: absolute; /* 讓圖片疊在一起 */ } #abgne_fade_pic .control { position: absolute; left: 10px; bottom: 10px; } #abgne_fade_pic .control a { display: inline-block; font-size:14px; font-family:"Arial Black", Gadget, sans-serif; font-weight:bold; text-decoration:none; display:inline-block; width:20px; height:20px; background:#fff; color:#7b7b7b; border:1px solid #dddddd; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; text-align:center; padding:0 5px; margin:0 5px 0 0; } #abgne_fade_pic .control a.on { background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */ color:#3f033f; } .repag { margin:25px 0 0 20px;} .pollbtn { font-size:12px; line-height:25px; text-align: center; margin:3px 0 0 0; padding:2px 10px; color:#FFF; box-shadow:0px 0px 12px -2px rgba(20%,20%,40%,0.5); border:1px solid #C33; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: #F33; /* Old browsers */ background: -moz-linear-gradient(top, rgba(239,197,202,1) 0%, rgba(210,75,90,1) 50%, rgba(186,39,55,1) 51%, rgba(241,142,153,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(239,197,202,1)), color-stop(50%,rgba(210,75,90,1)), color-stop(51%,rgba(186,39,55,1)), color-stop(100%,rgba(241,142,153,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(239,197,202,1) 0%,rgba(210,75,90,1) 50%,rgba(186,39,55,1) 51%,rgba(241,142,153,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(239,197,202,1) 0%,rgba(210,75,90,1) 50%,rgba(186,39,55,1) 51%,rgba(241,142,153,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(239,197,202,1) 0%,rgba(210,75,90,1) 50%,rgba(186,39,55,1) 51%,rgba(241,142,153,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(239,197,202,1) 0%,rgba(210,75,90,1) 50%,rgba(186,39,55,1) 51%,rgba(241,142,153,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efc5ca', endColorstr='#f18e99',GradientType=0 ); /* IE6-9 */} .pollbtn:hover { color:#900; border:1px solid #F90; background: rgb(252,234,187); /* Old browsers */ background: -moz-linear-gradient(top, rgba(252,234,187,1) 0%, rgba(252,205,77,1) 50%, rgba(248,181,0,1) 51%, rgba(251,223,147,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,234,187,1)), color-stop(50%,rgba(252,205,77,1)), color-stop(51%,rgba(248,181,0,1)), color-stop(100%,rgba(251,223,147,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 ); /* IE6-9 */ } .midsear { padding:20px 35px; border-bottom:3px solid #C9C; font-size:13px; line-height:28px; color:#636} .t5 { color: #393; padding:0 0 0 10px; } .t6 { color: #933; padding:0 0 0 10px; } .t7 { color: #F63; padding:0 0 0 10px; } .t8 { color: #990; padding:0 0 0 10px; } .pollpic { padding:0px 0 10px 35px; } .pollpic ul li{ text-align:center; float:left; width:160px; height:220px; margin:10px 1.5% 0px 1.5%; position:relative; } .pollpic ul li div{ position:relative; background:#FFF; padding:4px; border:1px solid #bca698; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px} .pollpic ul li img { opacity:1.0; filter:alpha(opacity=100);} .pollpic ul li a:hover img{ opacity:1.0; filter:alpha(opacity=100);} .pollpic ul li:hover div{ background:#bca698; } .pollpic ul li p { width:150px; overflow:hidden; height:110px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;} .pollpic ul li span{ display:block; bottom:0; right:0; position:absolute; z-index:999; height:50px; height:88px; } .pollpic ul li div p img { height:120px; width:auto; } .pollpic h2 { z-index:2; width:160px; position:absolute; top:-15px; left:0; font-size:13px; background:#7f4d7a; color:#FFF; text-align: center; margin:3px 0 0 0; padding:3px 0 3px 0px; -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; border-top-left-radius: 8px; border-top-right-radius: 8px;} .pollpic h3 { font-size:13px; color:#636; text-align: center; margin:3px 0 0 0; padding:5px;} .pollh3 { font-size:13px; color: #666; text-align:left; margin:3px 0 0 15px; padding:5px;} .pollpic ul li a { text-decoration:none;} .crapad { width:720px; margin:25px auto;} .crapad1 { width:720px; padding:10px 25px 0 25px ;} .pollimg { width:300px; border:5px solid #C9C;} .pollicon { margin:0 0 0 10px; font-family:"微軟正黑體";font-weight:bold; padding:15px 0 0px 0px; font-size:15px; color:#099} .linkicon { color:#F90; background:#FFF; padding:0px 8px; font-size:11px; position:absolute; right:0px; top:-10px;} .weblink { width:700px; margin: 0 auto;} .weblink td { border-bottom:1px solid #CCC; padding:15px 5px 5px 5px;} .weblink th { text-align:left; padding:15px 5px 5px 5px; vertical-align:middle; font-size:15px; border-bottom:1px solid #CCC; color:#636} .weblink td img { width:180px; height:50px;} .weblink a { color:#636} /*************for Index************/ .formwar { width:95%; padding:25px 20px;} .formwar h1 { text-align:center; font-size:15px; color:#BA83B8; font-weight:bolder; border-bottom:1px dotted #DBDBDB; padding:5px 20px } .line { } .table1{ background:#FCF1F4; border:1px solid #DBCDE5;} .table1 th { font-size:15px; padding:3px; font-weight:bolder; color:#716BAB;} .table1 td { font-size:13px; color:#333; padding:3px;} .table1 h2 { background:#9E91BC; border-bottom:1px solid #DBCDE5; font-size:13px; color:#FFF; text-align:center; padding:5px;} .table2 {background:#FCF1F4;} .table2 input, .table2 select { font-size:12px; padding:3px;} .table2 th { background:#9E91BC; border:1px solid #DBCDE5; font-size:15px; color:#FFF; text-align:center; padding:5px;} .table2 td { color:#333; padding:3px; vertical-align:middle; border:1px solid #DBCDE5;} .btn { margin:20px auto; color:#FFF; padding:5px; font-size:13px; width:20%; font-family:"微軟正黑體"; border:1px solid #CCC; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; cursor:pointer; box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5); background: #dcbbd8; /* Old browsers */ background: -moz-linear-gradient(top, #dcbbd8 1%, #dcbbd8 8%, #c392c0 23%, #ba85b9 50%, #aa6baa 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#dcbbd8), color-stop(8%,#dcbbd8), color-stop(23%,#c392c0), color-stop(50%,#ba85b9), color-stop(100%,#aa6baa)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #dcbbd8 1%,#dcbbd8 8%,#c392c0 23%,#ba85b9 50%,#aa6baa 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #dcbbd8 1%,#dcbbd8 8%,#c392c0 23%,#ba85b9 50%,#aa6baa 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #dcbbd8 1%,#dcbbd8 8%,#c392c0 23%,#ba85b9 50%,#aa6baa 100%); /* IE10+ */ background: linear-gradient(to bottom, #dcbbd8 1%,#dcbbd8 8%,#c392c0 23%,#ba85b9 50%,#aa6baa 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dcbbd8', endColorstr='#aa6baa',GradientType=0 ); /* IE6-9 */} .btn11 { color:#FFF; padding:3px 8px; font-size:12px; font-family:"微軟正黑體"; border:1px solid #CCC; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; cursor:pointer; background: #dcbbd8; /* Old browsers */ background: -moz-linear-gradient(top, #dcbbd8 1%, #dcbbd8 8%, #c392c0 23%, #ba85b9 50%, #aa6baa 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#dcbbd8), color-stop(8%,#dcbbd8), color-stop(23%,#c392c0), color-stop(50%,#ba85b9), color-stop(100%,#aa6baa)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #dcbbd8 1%,#dcbbd8 8%,#c392c0 23%,#ba85b9 50%,#aa6baa 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #dcbbd8 1%,#dcbbd8 8%,#c392c0 23%,#ba85b9 50%,#aa6baa 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #dcbbd8 1%,#dcbbd8 8%,#c392c0 23%,#ba85b9 50%,#aa6baa 100%); /* IE10+ */ background: linear-gradient(to bottom, #dcbbd8 1%,#dcbbd8 8%,#c392c0 23%,#ba85b9 50%,#aa6baa 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dcbbd8', endColorstr='#aa6baa',GradientType=0 ); /* IE6-9 */} .textarea80 { width:95%;} .textarea30 { width:30%;} .textarea20 { width:20%;} .textarea50 { width:50%;} .textarea10 { width:10%;} .textarea15 { width:15%;} .calen { background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511171613/https://enc.moe.edu.tw/images/calendar.gif) right no-repeat #FFF; border:1px solid #999; } .search22 { color:#C69; padding:3px;} .search24 a{ color: #633; padding:3px;} .search24 span { font-size:15px; color:#F36; font-weight:bold;} .comicpic { padding:0px 0 0 35px;} .comicpic ul li{ text-align:center; float:left; width:160px; height:260px; margin:3% 1.5% 0px 1.5%; position:relative; overflow:hidden;} .comicpic ul li div{ position:relative; background:#FFF; padding:4px; border:1px solid #bca698; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px} .comicpic ul li img { opacity:1.0; filter:alpha(opacity=100);} .comicpic ul li a:hover img{ opacity:1.0; filter:alpha(opacity=100);} .comicpic ul li a:hover div{ background:#bca698; } .comicpic ul li p { width:150px; overflow:hidden; height:210px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;} .comicpic ul li span{ display:block; bottom:0; right:0; position:absolute; z-index:999; height:50px; height:88px; } .comicpic ul li div p img { height:210px; width:auto; } .videopic ul li a h2 { font-size:13px; color:#636; background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511171613/https://enc.moe.edu.tw/images/icon3.png) left top no-repeat; text-align:left; margin:3px 0 0 0; padding:2px 0 0 20px; } .videopic ul li a { text-decoration:none;} .dwo { position:absolute; z-index:15; bottom:0; text-align:center; left:10px; width:101px; background:#7f4d7a; color:#FFF; -webkit-border-bottom-right-radius: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-radius-bottomright: 8px; -moz-border-radius-bottomleft: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px;} .ebooklist { padding:0 0 5px 0;} .ebooklist li { float:left;position:relative; width:50%; border-bottom:1px solid #ececec; padding:15px 0 15px 0;} .ebooklist li a{ color:#FFF; text-decoration:none;} .ebooklist li:hover { background:#ECE1EB; opacity:1.0; filter:alpha(opacity=100);} .ebooklist li:hover img{ opacity:1.0; filter:alpha(opacity=100);} .ebookword { float:left; color:#626262; width:230px;} .ebookword h1 { font-size:13px; font-weight:bold; color: #39C;} .ebookword h2 { font-size:13px; padding:2px 0 2px 0; margin:0 0 5px 0; height:48px; overflow:hidden; } .ebookword h2 span{ color:#ff6600; } .ebookword h2 a{ color: #666;} .ebookword h2 a:hover{ text-decoration: underline; color: #033 ;} .ov { text-indent:-9999px; height:0px;} .black1 { text-align:left; background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511171613/https://enc.moe.edu.tw/images/blacktop.png); width:733px; position:relative;} .black2 { text-align:left; background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511171613/https://enc.moe.edu.tw/images/blackdown.png) bottom no-repeat;min-height:500px; width:733px;} .qatd {padding:35px 0 25px 20px; } .qatd th { background:#855203; font-size:25px; text-align:center; color:#FFF; padding:8px; margin-left:42px; text-indent:-0px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } .qatd td { background:#855203; font-size:20px; text-align:left; color:#FFF; font-weight:bold; padding:8px 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } /*********fill*******/ .cbx { padding:70px 0 200px 0 ; margin:0 320px 0px 80px; } .cbx h3 {font-size:25px; color:#FFF; padding:5px; font-weight:normal; margin-left:42px; text-indent:-42px; } .cbx a{ color:#04717a; text-decoration:underline; } .cbx input[type="radio"] { position: absolute; z-index: -9999;} .cbx input[type="radio"] + label { display:inline-block; width:35px; height:35px; margin:0 0 0 0; vertical-align:middle; background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511171613/https://enc.moe.edu.tw/images/checkboxs.png) top no-repeat; cursor:pointer;} .cbx input[type="radio"] + label.active { display:inline-block; width:35px; height:35px; margin:0 0 0 0; vertical-align:middle; background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511171613/https://enc.moe.edu.tw/images/checkboxbs.png) top no-repeat; cursor:pointer;} .cbx input[type="checkbox"] { position: absolute; z-index: -9999; } .cbx input[type="checkbox"] + label { display:inline-block; width:35px; height:35px; margin:0 0 0 0; vertical-align:middle; background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511171613/https://enc.moe.edu.tw/images/checkboxs.png) top no-repeat; cursor:pointer;} .cbx input[type="checkbox"] + label.active { display:inline-block; width:35px; height:35px; margin:0 0 0 0; vertical-align:middle; background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511171613/https://enc.moe.edu.tw/images/checkboxbs.png) top no-repeat; cursor:pointer;} .ans h4{ position: absolute; font-size:25px; color:#FFF; font-weight: bolder; left:90px; bottom:140px;} .ans a {position: absolute; left:310px; bottom:135px; color:#FF6; border:2px solid #C93; background: #960; padding:5px 15px; font-size:20px; border-radius: 35px 35px 35px 35px;} .ans a:hover { background: #FC6; color:#960; border:2px solid #F90;} .title_a{display: block; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; } /* FILE ARCHIVED ON 17:16:13 五月 11, 2017 AND RETRIEVED FROM THE AN OPENWAYBACK INSTANCE ON 20:47:20 五月 12, 2026. JAVASCRIPT APPENDED BY OPENWAYBACK, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */