/*reset css*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
/**/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn, th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
pre{font-size: 1em ;}
a {text-decoration:none; outline:none; color:#000;}
a:hover {color:#000;}
br{letter-spacing: normal;}
:focus {outline: 0;}
.nivo-directionNav {display:none}
.nivo-nextNav {display:none !important;}
.nivo-prevNav {display:none !important;}
.nivo-controlNav {position:relative; z-index:100; margin-top:-50px;}
input {font-family:"Century Gothic","Microsoft JhengHei","PMingLiU"; font-family:\5FAE\8EDF\6B63\9ED1\9AD4,\65B0\7D30\660E\9AD4;}
.header
{
text-align: center;
}
.header
{
background: #777;
font-size: 16px;
font-weight: bold;
color: #fff;
line-height: 40px;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
height: 40px;
padding: 0 50px;
}
.header.fixed
{
position: fixed;
top: 0;
left: 0;
}
.header a
{
background: center center no-repeat transparent;
background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC );
display: block;
width: 40px;
height: 40px;
position: absolute;
top: 0;
left: 10px;
}
/*****************************/
body {overflow-x:hidden; background:#fff url(graphics/top.jpg) repeat-x top left; font-size:14px; color:#4c4240; font-family:"Century Gothic","Microsoft JhengHei","PMingLiU"; font-family:\5FAE\8EDF\6B63\9ED1\9AD4,\65B0\7D30\660E\9AD4;}
h1 {margin:0px 0 43px 0; color:#026c68; padding-left:20px; font-size:24px; background:url(graphics/h1.jpg) no-repeat top left;}
body#menu-9610 #menu-name h1 {display:none;}
h2 {margin:35px 0 20px 0; border:1px dashed #ddd; border-left:none; border-right:none; padding:10px; background:url(graphics/s-button.jpg) no-repeat center left; font-size:#666; font-size:20px; font-weight:bold; padding-left:15px;}
h3 {font-size:15px; font-weight:bold; color:#8a4115; margin-top:10px;}
h4 {background:#f4e7df;}
h4 span {min-width:200px; text-align:center; display:inline-block; background:#c87442; padding:3px 10px; margin-right:15px; color:#fff;}
#artboard {width:100%; float:left;}
#artboardbody {width:1104px; margin:0 auto;}
#artboardiner {width:1104px; float:left;}
aside {width:100%; float:left; background:#088a8c;}
.asidebody {width:1104px; margin:0 auto; background:url(graphics/memberbk.jpg) no-repeat bottom center;}
footer {width:100%; float:left; background:#585850; border-top:1px solid #bba617;}
.footbody {text-align:center; width:1104px; min-height:150px; padding-top:18px; margin:0 auto; background: url(graphics/footer.png) no-repeat top center;}
.footbody a {color:#fff;}
#hbox-645 .hbox-title {display:none;}
/*header*/
header {width:1104px; height:172px; float:left; background:url(graphics/header.jpg) no-repeat top center;}
a.logo {display:block; width:428px; padding-top:25px; height:90px; float:left;}
.header-right {width:280px; float:right;}
#search {width:198px; float:right; margin-top:46px; box-shadow: 0px 1px 5px #189d93; -webkit-box-shadow: 0px 1px 5px #189d93; -moz-box-shadow: 0px 1px 5px #189d93;}
input.textbox {width:151px; height:18px; float:left; background:#fff; border:none; border:#d2d2d4 solid 2px; border-left:none; border-right:none; font-family:"Century Gothic","Microsoft JhengHei","PMingLiU"; font-family:\5FAE\8EDF\6B63\9ED1\9AD4,\65B0\7D30\660E\9AD4;}
input.main-button {width:47px; height:22px; float:left; border:none; color:#fff; background:url(graphics/s-button.jpg) repeat-x left center; cursor:pointer; font-family:"Century Gothic","Microsoft JhengHei","PMingLiU"; font-family:\5FAE\8EDF\6B63\9ED1\9AD4,\65B0\7D30\660E\9AD4;}
ul.language {width:300px; margin-top:18px; text-align:right; float:right;}
ul.language li {display:inline; margin-left:15px;}
li a.wactive {font-weight:bold; color:#c98f2c;}
/*menu*/
#mainmenu {position:relative; top:-53px; z-index:10; width:100%; float:left;}
#mainmenu-body {}
#mainmenu ul {}
#mainmenu ul li {position: relative; display:inline; width:auto; float:left; text-align:center; background: url(graphics/menu.jpg) no-repeat left center;}
#mainmenu ul li#menu9570 {background:none;}
#mainmenu ul li a {text-decoration:none; color:#fff; width:auto; float:left; text-align:center; display:inline; font-size:16px; padding:18px 35px; text-shadow: 0px 0px 4px #333333;}
body.lg-1 #mainmenu ul li a {padding:18px 32px;}
#mainmenu ul li a:active {color:#a9f6ee;}
#mainmenu ul li a.activearrow {color:#a9f6ee;}
#mainmenu ul li a:hover {color:#a9f6ee;}
#mainmenu .mainend {display:none;}
#mainmenu .mainstart {display:none;}
#undermenu-body li.adminend {display:none;}
#mainmenu ul li#menu9570 {display:none;}
/* #mainmenu ul li#menu9571 {background:none;}*/
/*css for dropdown menu*/
#mainmenu ul li ul {margin:0; margin:0; position: absolute; display:none; left:0; top:52px; width:100%; text-align:center;}
#mainmenu ul li ul li {margin:0; margin:0; display:block; background:#1fabac; border-bottom:1px #75dce0 solid; width:180px; text-align:center;}
#mainmenu ul li ul li a {padding:0; margin:0; text-align:center; display:block; width:160px; padding:8px 10px; font-size:15px; color:#fff;}
body.lg-1 #mainmenu ul li ul li a {padding:0; margin:0; padding:8px; line-height:22px;}
#mainmenu ul li ul li:hover {}
#mainmenu ul li ul li a:hover {}
#mainmenu ul li ul li ul {left:180px; top:0px !important;}
#mainmenu ul li ul li ul li {margin:0; margin:0; background:#36c2c3; border-bottom:1px #289fa3 solid;}
#mainmenu ul li ul li ul li a {margin:0; margin:0;}
#mainmenu ul li ul li ul li a:hover{}
#mainmenu li.over ul,#mainmenu li.over ul li.over ul,#mainmenu li.over ul li.over ul li.over ul{display:block;}
#mainmenu li.over ul li ul,#mainmenu li.over ul li.over ul li ul{display:none;}
/**/
#main-content {width:100%; float:left; margin-top:-20px; padding:0px 0 33px 0; min-height:400px; line-height:23px;}
/*bottom-hbox*/
.hboxes {width:auto; float:left;}
#news {width:850px; margin:18px 0;}
#news .htitle {color:#fff; font-size:22px; font-weight:bold; width:236px; height:125px; padding:36px 0 0 0; text-align:center; float:left; background:url(graphics/newstitle.jpg) no-repeat top center;}
#news .htitle span {display:block; font-size:12px; margin-top:15px;}
#news a.morelink {display:block; margin:0 auto; width:134px; margin-top:20px; font-size:14px; color:#ffb590;}
#news .hbody {width:614px; float:left;}
#news .hbody a {color:#fff;}
#news .home-news-date {background:#2c6c6b; text-align:center; width:92px; padding:6px 0; color:#fff; margin:0 37px 4px 0; float:left; font-family:"Century Gothic","Microsoft JhengHei","PMingLiU"; font-family:\5FAE\8EDF\6B63\9ED1\9AD4,\65B0\7D30\660E\9AD4;}
#news .home-news-title {width:485px; padding:6px 0; margin:0 0px 4px 0; float:left;}
#news .home-news-title a:hover {color:#d3fffe;}
#ad {float:right; padding:6px 0;}
#ad img {margin:10px 0; display:block; box-shadow: 0px 1px 5px #08565a; -webkit-box-shadow: 0px 1px 5px #08565a; -moz-box-shadow: 0px 1px 5px #08565a;}
#logarea {width:750px; min-height:103px; float:left; background: url(graphics/memberbk.png) no-repeat bottom left;}
#logarea .htitle {color:#fff; font-size:22px; font-weight:bold; width:220px; padding:24px 0 0 0; text-align:center; float:left; background:url(graphics/line.png) no-repeat center center;}
#logarea .htitle span {display:block; font-size:12px; margin-top:15px;}
#logarea .hbody {margin-top:45px; color:#e2e2e2; width:530px; float:left;}
#logarea .hbody span {float:left; width:270px; height:22px; padding:0px 0 5px 30px; background:url(graphics/lock.jpg) no-repeat top left;}
#logarea .hbody a.ch-password {float:left; color:#b5fffe; width:83px; padding-left:27px; background:url(graphics/ar.jpg) no-repeat center left;}
#logarea .hbody a.logout {margin-top:-7px; float:left; color:#afffff; text-align:center; padding:7px 0; width:87px; background:url(graphics/button.jpg) repeat-x center left; -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.75);-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.75);box-shadow: 0 1px 5px rgba(0,0,0,0.75);}
/*footer*/
.footbody strong {color:#ffd9c9; font-size:20px; font-weight:bold; display:block; margin-bottom:15px;}
.footbody strong span {font-size:14px; margin-left:20px;}
ul.seinfo li {color:#bcfef6; font-size:15px; margin:0 15px 10px 15px; display:inline-block;}
ul.seinfo li.se02 {color:#fff; font-size:13px;}
.copyright {color:#bcbcbc; font-size:12px; margin:-10px 0 20px;}
/*index*/
body#index #main-content {width:100%; float:left; height:430px; margin-top:0px; padding:0px; min-height:400px; line-height:inherit;}
#flash-box {position:absolute; top:160px; left:0%; margin-left:0px !important; width:100%; float:left;}
#slider {width:100% !important; max-width:1102px; margin:0 auto; text-align:center; box-shadow:0px 0px 7px #333; -webkit-box-shadow:0px 0px 7px #333; -moz-box-shadow:0px 0px 7px #333;}
#slider img {width:100% !important; max-width:1102px; height:auto !important; border:1px solid #929290;}
.nivo-box {display:none !important;}
.nivo-slice {display:none !important;}
body#index aside {width:100%; float:left; background:#088a8c; padding-top:15px;}
#logarea {width:750px; float:left; background: url(graphics/memberbk.png) no-repeat bottom left;}
#logarea .hbody {margin-top:18px;}
#login ul {padding-left:20px; background: url(graphics/lock-1.jpg) no-repeat top left;}
#login ul li {display:inline; margin-right:10px;}
#login ul li input.username, #login ul li input.userpass {margin:0 3px; width:150px; border:1px solid #619d9e; background:#bfe3e3; padding:4px 2px;}
#login ul li input.submitbox {color:#afffff; border:none; cursor:pointer; text-align:center; padding:4px 0; width:80px; background: url(graphics/button.jpg) repeat-x center left; -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.75);-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.75);box-shadow: 0 1px 5px rgba(0,0,0,0.75);}
#login .loginLink {text-align:right; width:98%; margin-top:18px;}
#login .loginLink a {margin-left:33px; color:#d5d4da;}
#login a.loginbutton {padding-left:25px; background:url(graphics/ar.jpg) no-repeat top left;}
#login a.forgetpassword {padding-left:25px; background:url(graphics/forget.png) no-repeat center left;}
.lg-1 #login ul li input.username, #login ul li input.userpass {margin:0 3px; width:95px; border:1px solid #619d9e; background:#bfe3e3; padding:4px 2px;}
/**/
body#index #mainmenu ul li ul {top:40px;}
/* page - p list */
#news-list-top, #page-top {display:none;}
ul.listing-title {width:100%; float:left;}
ul.listing-title li {width:auto; float:left; text-align:center; padding:5px 0; font-weight:bold;}
ul.listing-title li.listing-subject {width:90%; background:#ddd;}
ul.listing-title li.listing-date {width:10%; background:#145b5c; color:#fff;}
ul.listing-title li.upc-author {width:10%; background:#145b5c; color:#fff;}
.news-list-content {width:100%; float:left;}
.news-list-content ul li {width:auto; float:left; border-bottom:1px dotted #666; text-align:center; padding:5px 0; background:#316b6c;}
.news-list-content ul li.upc-subject {width:84%; padding:5px 3%; text-align:left; background:none;}
.news-list-content li.upc-date {width:10%; background:#316b6c; color:#fff; border-bottom:1px dotted #ddd;}
body#menu-9577 #news-list #news-list-content {}
body#menu-9577 ul.listing-ul li {padding:5px 0; width:auto; float:left;}
body#menu-9577 .news-list-content li.upc-date {width:10%; background:#316b6c; color:#fff; border-bottom:1px dotted #ddd;}
body#menu-9577 .news-list-content ul li.upc-subject {width:74%; padding:5px 3%; text-align:left; background:none;}
body#menu-9577 .news-list-content ul li.upc-pdf {padding:0; width:10%; font-size:12px; background:none; border:none;}
body#menu-9577 .news-list-content ul li.upc-pdf ul li {padding:0; background:none;}
body#menu-9577 .news-list-content ul li.upc-pdf ul li a {display:block; padding:5px 0; color:#cf5d00;}
/*e-news*/
body#menu-9705 ul.listing-title li.listing-picture {display:none;}
body#menu-9705 .news-list-content ul.listing-ul {background:#fff; width:100%; float:left; border-bottom:1px dotted #979797;}
body#menu-9705 .news-list-content ul.listing-ul li {padding:5px 0; width:auto; float:left; background:none; border:none;}
body#menu-9705 .news-list-content ul li.upc-date {font-weight:bold; color:#333; width:10%;}
body#menu-9705 .news-list-content ul li.upc-subject {width:56%; padding:5px 3%; text-align:left;}
body#menu-9705 .news-list-content ul li.upc-picture {width:16%; background:none;}
body#menu-9705 .news-list-content ul li.upc-picture img {width:auto; height:100px;}
body#menu-9705 .news-list-content ul li.upc-pdf {padding:0; width:12%; text-align:right; font-size:12px;}
body#menu-9705 .news-list-content ul li.upc-pdf ul li a {display:block; padding:5px 0; color:#cf5d00;}
/*科教學術研討會論文彙編*/
body#menu-9704 #news-list #news-list-content {}
body#menu-9704 ul.listing-title li.listing-subject {width:85%; background:#ddd;}
body#menu-9704 ul.listing-title li.listing-author {width:15%; background:#145b5c; color:#fff;}
body#menu-9704 ul.listing-ul {width:100%; float:left; border-bottom:1px dotted #ddd;}
body#menu-9704 ul.listing-ul li {padding:5px 0; width:auto; float:left; border:none;}
body#menu-9704 .news-list-content li.upc-author {width:15%; background:#8de0e1; color:#666;}
body#menu-9704 .news-list-content ul li.upc-subject {width:65%; padding:5px 3%; text-align:left; background:none;}
body#menu-9704 .news-list-content ul li.upc-pdf {padding:0; width:14%; font-size:12px; background:none; border:none;}
body#menu-9704 .news-list-content ul li.upc-pdf ul li {padding:0; background:none;}
body#menu-9704 .news-list-content ul li.upc-pdf ul li a {display:block; padding:5px 0; color:#cf5d00;}
/*檔案下載*/
body#menu-9826 ul.listing-title li.listing-picture {display:none;}
body#menu-9826 .news-list-content ul.listing-ul {background:#fff; width:100%; float:left; border-bottom:1px dotted #979797;}
body#menu-9826 .news-list-content ul.listing-ul li {padding:5px 0; width:auto; float:left; background:none; border:none;}
body#menu-9826 .news-list-content ul li.upc-date {font-weight:bold; color:#333; width:10%;}
body#menu-9826 .news-list-content ul li.upc-subject {width:56%; padding:5px 3%; text-align:left;}
body#menu-9826 .news-list-content ul li.upc-picture {width:16%; background:none;}
body#menu-9826 .news-list-content ul li.upc-picture img {width:auto; height:100px;}
body#menu-9826 .news-list-content ul li.upc-pdf {padding:0; width:12%; text-align:right; font-size:12px;}
body#menu-9826 .news-list-content ul li.upc-pdf ul li a {display:block; padding:5px 0; color:#cf5d00;}
/*科學教育學刊 20211013*/
#menu-13890 #news-list {}
.expanded-title {display:none;}
ul.expanded-ul {width:calc(20% - 10px); /*float:left;*/ float:right; padding:0; margin:0 5px 10px; text-align:center;}
ul.expanded-ul li { width:100%; display:block;}
ul.expanded-ul li a {width:100%; display:block; background:#088A8C; padding:10px 0; color:#fff;}
ul.expanded-ul li a:hover {background:#20b2b2;}
/* page - p detail */
#news-content {width:100%; float:left;}
.post-title {border:1px solid #ddd; border-left:none; border-right:none; padding:5px 10px; font-size:16px; margin-bottom:10px;}
.post-date {text-align:center; background:#088a8c; width:10%; float:right; font-size:12px; color:#fff; }
.news-content {width:100%; float:left; min-height:400px; margin-bottom:15px;}
#gallery-imglist {width:98%; float:left; padding:1%; text-align:center; background:#eee;}
.imgbody {width:auto; display:inline-table; margin:0 10px;}
.imgbody img {padding:5px; background:#fff;}
.break-line {display:none;}
#file-list {width:100%; float:left; margin:15px 0;}
#file-list ul {width:300px; margin:0 auto; background:red;}
#file-list ul li {width:auto; float:left;}
#file-list ul li.file-title {width:65%;}
#file-list ul li.file-title a {display:block; padding-left:25px; width:auto; height:22px; background:url(graphics/download.png) no-repeat center left;}
#file-list ul li.file-title a:hover {text-decoration:underline;}
#file-list ul li.file-date {width:35%; text-align:right; color:#088a8c;}
#social-share {width:100%; float:left; margin-bottom:15px; text-align:center;}
#social-share ul li {display:inline-block; margin:0 2px;}
#social-share ul li a {float:left; width:29px; height:29px;}
#social-share ul li span {display:none;}
li.facebook {background:url(graphics/fb.png) no-repeat center left;}
li.plurk {background:url(graphics/pl.png) no-repeat center left;}
li.twitter {background:url(graphics/tr.png) no-repeat center left;}
#social-share ul li.plus {display:none;}
#social-share ul li.sina {display:none;}
.go-back {width:100%; float:left; text-align:center;}
.go-back a {background:#666; color:#fff; padding:10px;}
/*科學教育學刊 detail 20211013*/
#menu-13891 .listing-title, #menu-13891 #postingNotice {display:none;}
#menu-13891 .news-list-content {}
#menu-13891 ul.listing-ul {width:100%; float:left; margin-bottom:25px;}
#menu-13891 ul.listing-ul li {width:auto; float:left; background:none;}
#menu-13891 ul.listing-ul li.upc-subject {width:100%; margin:0 0 20px 0; border-bottom:1px dashed #ddd; padding:10px 0; color:#666; font-size:20px; font-weight:bold;}
#menu-13891 ul.listing-ul li.upc-picture {width:100px; margin-right:20px; border:none;}
#menu-13891 ul.listing-ul img {width:100%; height:auto;}
#menu-13891 ul.listing-ul li.upc-author, #menu-13891 ul.listing-ul li.upc-brief
{text-align:left; width:calc(100% - 240px); border:none;}
li.upc-author:before {content:'作者：';}
li.upc-brief:before {content:'關鍵字：';}
li.upc-brief a:before {content:'DOI：';}
li.upc-brief a {display:block; color:#088A8C;}
li.upc-brief a:hover {color:#20b2b2;}
.file-list ul li {border:none;}
#menu-13891 ul li.upc-pdf {width:100px; margin-left:20px; float:right; border:none;}
#menu-13891 ul li.upc-pdf ul li a {display:block; background:#cf5d00; line-height:18px; padding:10px; color:#fff;}
#menu-13891 ul li.upc-pdf ul li a:hover {border:1px solid #cf5d00; background:none; color:#cf5d00;}
/**/
.pageselection {width:100%; text-align:center; float:left; margin-top:25px;}
.pageselection ul li {display:inline; padding:0 6px;}
.pageselection ul li.page-word {display:none;}
.pageselection ul li:hover {background:#00a3a6; font-weight:bold;}
.pageselection ul li:hover a {color:#fff;}
li.activepage {background:#00a3a6; color:#fff; padding:0 6px; font-weight:bold;}
/*lightbox01*/
#grayBG1 {position:absolute; z-index:500; background:#000; top:0; left:0; opacity: 0.7; width:100%; height:100%;max-height:1500px;}
#LightBox1.box_content {z-index:750; width:60%; line-height:20px; padding:20px 20px 40px 20px; min-height:200px; background:#fff; color:#2d2d2d; text-align:center; position:absolute; left:50%; top:10%; margin-left:-32%;}
#LightBox1.box_content ul {margin-top:15px;}
#LightBox1.box_content ul li a {background:#c5c5c5; cursor:pointer; padding:6px 30px; font-weight:400; color:#2d2d2d;}
.box_content a {text-decoration:none;}
/*album-list*/
#album-list {width:100%; text-align:center; float:left;}
#album-list ul {display:inline-block; width:160px; padding:10px 0 0px 0; margin:0 12px 25px 12px; background:#eee; text-align:center; float:left;}
#album-list img {padding:4px; background:#f3f3f3; border:1px solid #ddd;}
ul li.album-list-date {margin-top:5px; font-size:12px; background:#1282ac; color:#fff;}
body#menu-9599 h1 {margin-bottom:20px;}
#albumdetail table {width:100%; float:left;}
#albumdetail table tr td {padding:0 0 10px 0; text-align:center;}
#albumdetail img {padding:6px; background:#f3f3f3; border:1px solid #ddd;}
/*login-bottom*/
.login {width:60%; margin:0 auto; text-align:center;}
.login-notice {background:#eee; padding:10px; text-align:center; margin-bottom:10px;}
.log01 {margin-top:25px;}
.log01 input {padding:3px; margin-bottom:4px; height:25px; background:#cff0eb; border:1px solid #ddd;}
.log01 input.userpass {margin-left:27px;}
.log02 {margin-top:5px;}
.log02 input.submitbox {border:none; background:#2d8578; font-size:16px; color:#fff; cursor:pointer; padding:8px 82px; border-radius:3px; text-shadow:0px 0px 5px #7d4a00;}
.login .loginLink {width:100%; text-align:center; margin-top:5px;}
.login .loginLink a {margin:0 15px; text-decoration:underline;}
.login a.loginbutton {padding-left:0px; background:none;}
.login a.forgetpassword {padding-left:0px; background:none;}
a.submitbox {
background:#088a8c;
-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.75);-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.75);
box-shadow: 0 1px 5px rgba(0,0,0,0.75);
color:#fff;text-align:center;
padding:10px 5px; width:140px;
margin:15px calc(50% - 75px); border-radius: 3px;
float:left; cursor:pointer;
}
/*txtCaptchaDiv 457*/
.mstxtCaptchaDiv {margin:10px 0;width:100%;float:left;}
.registerbody .mstxtCaptchaDiv {margin:10px 20% !important;width:60%;}
input#mstxtInput {background: #fff; border: 1px solid #b1b1b1;padding:5px 5px !important; width:calc(100% - 0px) !important;float:left;font-size:15px;border-radius:3px;}
.forgetpassword input#mstxtInput {background: #bfe3e3; border: 1px solid #b1b1b1;width:195px !important; margin:0px calc(50% - 97.5px) !important;border-radius:0px;}
.login input#mstxtInput {background: #bfe3e3; border: 1px solid #b1b1b1; width:calc(40% - 0px) !important;margin:0 30%;border-radius:0px;}
#txtCaptchaDiv {width:185px !important; margin:10px calc(50% - 92.5px) !important; border-radius:0 !important;float:left;}
/*forget*/
.messagebox {width:60%; margin:0 auto; text-align:center;}
span.messagebox_content {background:#eee; padding:10px; text-align:center; margin-bottom:10px;}
.forgetpassword {width:60%; margin:15px auto; text-align:center;}
.forgetpassword td {width:100%; float:left;}
.forgetpassword input.forgetbox {padding:3px; margin:3px 0; width:194px; margin-bottom:4px; height:25px; background:#cff0eb; border:1px solid #ddd;}
input.forgetsubmit {border:none; background:#2d8578; font-size:16px; color:#fff; cursor:pointer; padding:8px 82px; border-radius:3px; text-shadow:0px 0px 5px #7d4a00;}
.forgetsubmit {background:#2d8578; color:#fff;text-align:center; padding:10px 5px; width:140px; margin:0 calc(50% - 75px); border-radius: 3px; float:left; cursor:pointer; }
/*aboutus01*/
.aboutus01 {width:92%; color:#582a0f; margin-bottom:35px; font-size:15px; background:#fde8d7; line-height:26px; padding:2% 4%; -webkit-box-shadow:0 3px 10px 1px rgba(0,0,0,0.26); -moz-box-shadow: 0 3px 10px 1px rgba(0,0,0,0.26);box-shadow: 0 3px 10px 1px rgba(0,0,0,0.26); text-align:center;}
/*aboutus02*/
ol {margin-left:28px;}
ol li {list-style-type:cjk-ideographic;}
.lg-1 ol {margin-left:18px;}
.lg-1 ol li {list-style-type:decimal; margin-bottom:5px;}
.lg-1 ol li ul {margin:8px 0 0 15px;}
.lg-1 ol li ul li {}
/*aboutus03*/
.content03 h2 {margin:20px 0; width:100%; float:left;}
.ableft, .abright {width:48%; min-height:170px; margin:0 1%; float:left;}
.ableft h4, .abright h4 {width:100%; float:left;}
ul.aboutus03 {width:100%; text-align:center;}
ul.aboutus03 li {display:inline-block; margin:5px 15px;}
/*login*/
table.registerbody {width:80%; margin:0 auto; border:10px solid #ddd; border-left:none; border-right:none;}
table.registerbody tr {border-bottom:1px dotted #ddd;}
table.registerbody tr td {vertical-align:top; padding:12px 1%;}
table.registerbody tr td.res_cell1 {border-bottom:1px dotted #a0a0a0; text-align:right; width:18%; padding:5px 2%; background:#eee;}
select.res_textbox {border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; border:1px solid #b1b1b1; padding:5px 3px; width:30%;}
input.res_textbox {margin-right:5px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; border:1px solid #b1b1b1; padding:5px 3px; width:60%;}
textarea.res_textarea {border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; border:1px solid #b1b1b1; padding:5px 3px; min-height:200px; width:95%;}
.news-subscribe {display:none;}
td.res_cellbutton {text-align:right;}
td.res_cellbutton input {color:#afffff; border:none; cursor:pointer; text-align:center; padding:4px 0; width:87px; background:url(graphics/button.jpg) repeat center left; -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.75);-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.75);box-shadow: 0 1px 5px rgba(0,0,0,0.75);}
span.res_footword {display:block; text-align:right; width:80%; margin:15px auto 0 auto;}
.registerbody #tssend {
background:#088a8c;
-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.75);-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.75);
box-shadow: 0 1px 5px rgba(0,0,0,0.75);
color:#fff;text-align:center;
padding:10px 5px; width:140px;
margin:15px 0 15px 180px; border-radius: 3px;
float:left; cursor:pointer;
}
/*merx_userbutton*/
#merx_userbutton ul {width:100%; float:left; text-align:right; margin-bottom:15px; padding:5px 0;}
#merx_userbutton ul li {display:inline-block; width:auto; background:#7bd5d6; margin:0 2px; text-align:right; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}
#merx_userbutton ul li a {display:block; padding:3px 20px; }
#merx_userbutton .orderhist {display:none;}
#edit-person-info {width:100%; float:left;}
#edit-person-info h2 {width:100%; float:left;}
table.edituserbody {width:100%; float:left; border:10px solid #ddd; border-left:none; border-right:none;}
table.edituserbody tr {border-bottom:1px dotted #ddd;}
table.edituserbody tr td {vertical-align:top; padding:12px 1%;}
table.edituserbody td.res_cell1 {border-bottom:1px dotted #a0a0a0; text-align:right; width:25%; padding:5px 2%; background:#eee;}
table.edituserbody input {margin-right:5px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; border:1px solid #b1b1b1; padding:5px 3px; width:60% !important;}
table.edituserbody textarea {border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; border:1px solid #b1b1b1; padding:5px 3px; min-height:200px; width:95%;}
#tr-newsletter {display:none;}
.main-button-div {float:right; margin:10px 0; width:auto; text-align:center;}
.main-button-div input.main-button {color:#afffff; border:none; cursor:pointer; text-align:center; padding:3px 0; height:28px; width:87px; background:url(graphics/button.jpg) repeat center left; -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.75);-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.75);box-shadow: 0 1px 5px rgba(0,0,0,0.75);}
span.celledit {float:right; text-align:right; width:100%;}
/**/
.contact01 {width:48%; margin:0 1%; float:left;}
.contact01 ul li {padding-left:25px; margin-bottom:8px; background:url(graphics/action_go.jpg) no-repeat left top;}
/**/
.selection {width:100%; display:block; padding:15px 0; margin-bottom:25px; text-align:center; font-size:20px; color:#3f7815; background:#eaf2d0;}
ul.sin {margin:5px 0;}
ul.sin li {margin-left:28px; padding-left:5px; list-style-type:cjk-ideographic;}
ul.sin li ul {margin:5px 0;}
ul.sin li ul li {margin-left:20px; padding-left:5px; list-style-type:decimal;}
/*科教志工計劃*/
.plmenu-9600 h2 {width:100%; float:left;}
.plan {width:100%; text-align:center; font-size:36px; font-weight:bold; color:#b03d0a;text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1);}
ul.ul_plan {width:100%; text-align:center;}
ul.ul_plan li {padding:15px; width:20%; display:inline-table; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; background:#f4ebc2; border:3px solid #e8da9b; margin:7px 0.5%;}
ul.ul_plan li ul li {padding:0; width:100%; margin:0; border:none;}
ul.ul_plan li ul li span {font-size:18px; color:#7d2a09; font-weight:bold;}
.officer_a {width:100%; float:left; }
.officer_a ul {width:100%; float:left;}
.officer_a span {padding:0; margin:0; font-weight:bold;}
.officer_a li {width:25%; float:left;}
.officer_b {width:100%; float:left; }
.officer_b ul {width:100%; float:left;}
.officer_b span {padding:0; margin:0; font-weight:bold;}
.officer_b li {width:48%; min-height:100px; float:left;}
/**/
.ebmenu-9601 {width:100%; float:left; text-align:right; margin-bottom:15px;}
.ebmenu-9601 li {width:auto; float:right; background:#c5965f; color:#333; margin:0 2px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
.ebmenu-9601 li a {display:block; color:#fff; padding:6px 12px;}
.ebcont-9601 {width:100%; float:left;}
.ebcont-9601 h2 {margin:7px 0; border:none; padding:10px; background:#979797; color:#fff; font-size:18px; font-weight:400; border-left:5px solid #9d611a;}
.ebcont-9601 a {color:#066d47; text-decoration:underline;}
/**/
.selection span {margin-top:10px; display:block; line-height:18px; padding:0 28px; text-align:left; font-size:13px; color:#666;}
.bookmenu-9604 img {margin:0 0 15px 15px; box-shadow: 3px 3px 8px #929292; -webkit-box-shadow: 3px 3px 8px #929292; -moz-box-shadow: 3px 3px 8px #929292;}
ul.ul9604 {width:100%; float:left;}
ul.ul9604 li {width:48%; margin:0 1%; float:left;}
.ul9604-1 {width:100%; float:left;}
.ul9604-2 {width:100%; float:left;}
.ul9604-1 a {color:#066d47; text-decoration:underline;}
/**/
.tablemenu-9605 {}
.tablemenu-9605 h2 {margin-top:0;}
.nmember {width:100%; text-align:center;}
a.newmember {display:block; text-shadow:1px 2px 4px #666; margin:0px auto; width:30%; background:#d97a2e; background: linear-gradient(87deg, #7D3B14 0%, #DB7121 60%); background: -moz-linear-gradient(87deg, #7D3B14 0%, #DB7121 60%); background: -webkit-linear-gradient(87deg, #7D3B14 0%, #DB7121 60%); background: -o-linear-gradient(87deg, #7D3B14 0%, #DB7121 60%); padding:15px 35px; color:#fff; font-size:18px; font-weight:bold; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; box-shadow: 3px 3px 8px #929292; -webkit-box-shadow: 3px 3px 8px #929292; -moz-box-shadow: 3px 3px 8px #929292;}
.tablemenu-9605 tr td {vertical-align:middle;}
.tablemenu-9605 strong {font-weight:bold; color:#ab5b1b;}
.table2menu-9605 {width:100%; background:#efefef;}
.table2menu-9605 tr td {padding:5px 0.5%; border:1px solid #fff; vertical-align:middle !important;}
td.whitespac {width:24%; background:#fff;}
td.title01 {width:46%; background:#bf852a; color:#fff; font-size:15px;}
td.stitle01 {background:#f6ce8f;}
td.title02 {width:30%; background:#679a0d; color:#fff; font-size:15px;}
td.stitle02 {background:#c4e38d;}
td.htitle01 {background:#687ea2; color:#fff; font-size:15px;}
td.hstitle01 {background:#bbd0f4;}
td.htitle02 {background:#687ea2; color:#fff; font-size:15px;}
td.htitle03 {background:#687ea2; color:#fff; font-size:15px;}
.table2menu-9605 span {display:block; width:30px; margin:5px 0; font-size:10px; font-weight:bold; color:#333; background:#fabf93;}
ul.sin2 {margin-top:4px;}
ul.sin2 li {margin-left:20px; padding-left:5px; list-style-type:decimal;}
ul.sin3 li {margin-left:20px; list-style-type:disc; margin-bottom:5px;}
/*forums*/
#no-forum {text-align:center; color:#d58717; font-size:15px;}
.new-forum {text-align:center; margin-top:15px;}
.new-forum a {color:#afffff; border:none; cursor:pointer; text-align:center; padding:4px 15px; width:87px; background:url(graphics/button.jpg) repeat center left; -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.75);-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.75);box-shadow: 0 1px 5px rgba(0,0,0,0.75);}
/*forum-list*/
#forums {width:100%; float:left;}
#forum-list {width:100%; float:left;}
#forum-list ul.forum-header {width:100%; float:left; padding:10px 0;}
#forum-list ul li {width:auto; float:left; display:table; text-align:center;}
#forum-list ul li.fc-id {width:10%;}
#forum-list ul li.fh-subject {width:64%; padding:0 3%; text-align:left;}
#forum-list ul li.fc-subject {width:60%;}
#forum-list ul li.fh-original, #forum-list ul li.fc-origin {width:10%;}
#forum-list ul li.fh-stats, #forum-list ul li.fc-stats {width:10%;}
#forum-list ul li.fh-lastpost, #forum-list ul li.fc-lastpost {width:10%;}
#forum-list ul.odd, #forum-list ul.even {border-bottom:1px solid #ddd; width:100%; padding:10px 0; float:left; text-align:center;}
#forum-list ul.odd li, #forum-list ul.even li {}
#forum-list ul li.fc-id img {display:none;}
.fc-lastpost-date, .fc-origin {font-size:11px; line-height:22px;}
.forum-action-buttons {width:100%; float:left; text-align:right; margin-top:15px;}
.forum-action-buttons ul li {display:inline; margin:0 0 0 5px;}
.forum-action-buttons ul li a {background:#c07100; color:#fff; padding:5px 15px; border-radius:3px; text-shadow:0px 0px 5px #7d4a00;}
.forum-action-buttons ul li a:hover {background:#d9860f;}
/*forum detail*/
#top-forum-menu {width:100%; float:left; text-align:right;}
#top-forum-menu ul li {width:auto; padding:5px 15px; float:right;}
#bottom-forum-menu {width:100%; float:left;}
#bottom-forum-menu ul li {width:auto; padding:5px 15px; float:right;}
.forum-detail {border:#228d91 1px solid; width:100%; float:left; margin:5px 0;}
ul.forum-header {background:#228d91; float:left; width:100%; color:#fff; padding:5px 0;}
ul.forum-header li {width:auto; float:left; text-align:center;}
ul.forum-header li.forum-author {width:20%;}
ul.forum-header li.forum-title {width:80%;}
ul.forum-detail-content {width:100%; float:left;}
ul.forum-detail-content li {width:auto; float:left;}
ul.forum-detail-content li.postor-info {width:16%; padding:10px 2%; text-align:center;}
ul.forum-detail-content li.forum-content {width:79.9%; border-left:1px solid #70ced2;}
.postby-title {margin-top:15px;}
.postby-name {color:#786b4d;}
.postby-date {margin-top:30px;}
.postby-time {color:#786b4d; font-size:12px;}
.forum-main-content {width:98%; padding:10px 1%;/* border-bottom:#70ced2 1px solid;*/ min-height:200px;}
.forum-images {width:100%; float:right;}
.forum-images table {width:100%;}
.forum-images table td {vertical-align:top; text-align:center; width:30%; text-align:center;}
.forum-images ul {padding:0; margin:0; width:100%; margin:8px 0;}
.forum-images ul li {padding:0; margin:0; width:100%; float:left;}
.forum-images ul li.file-name span {font-size:13px;}
.forum-images img {border:5px solid #eee;}
.forum-files { border-top:#228d91 1px dotted; border-left:#228d91 1px solid; width:100%; float:right;}
.forum-files a {background:url(graphics/mu-download.jpg) no-repeat left; padding-left:50px;}
.forum-files a span {color:#15695a;}
.forum-admin-menu {width:100%; float:left; border-top:1px solid #70ced2;}
.forum-admin-menu ul {text-align:center; padding:5px 0;}
.forum-admin-menu ul li {width:auto; display:inline;}
.forum-admin-menu .post-edit {background:#223c91; text-align:center;}
.forum-admin-menu .post-edit a {color:#fff; padding:0 10px;}
.forum-admin-menu .post-delete {background:#777; text-align:center;}
.forum-admin-menu .post-delete a {color:#fff; padding:0 10px;}
.forum-admin-menu .post-close {display:none;}
/*edit*/
#ori-message {border-bottom:1px solid #eee; padding-bottom:20px; width:100%; margin-bottom:35px;}
.ori-message-title {font-weight:bold; font-size:16px; margin-bottom:5px;}
#editor-container input.editor-title-input {margin-right:5px; margin-bottom:5px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; border:1px solid #b1b1b1; padding:5px 3px; width:50%;}
.action-container {margin-top:5px;}
.action-container .submit-button {margin:0 5px; color:#afffff; border:none; cursor:pointer; text-align:center; padding:4px 15px; width:87px; background:url(graphics/button.jpg) repeat center left; -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.75);-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.75);box-shadow: 0 1px 5px rgba(0,0,0,0.75);}
.action-container a {color:#d58717; font-weight:bold;}
#forums span.celledit {color:#b81010; float:right; text-align:left; width:100%;}
table.moving-post {display:none;}
/*20160829*/
ul.forum-detail-content li.forum-content ul {padding-left:20px;}
ul.forum-detail-content li.forum-content ul li {width:79.9%;font-family:"Times New Roman" !important;}
/*
.forum-author {width:142px; float:left; text-align:center;}
.forum-title {width:480px; padding:0px 10px 6px 34px; background:url(graphics/list-9.jpg) no-repeat left top; float:left;}
.forum-id {display:none;}
.postor-info {width:16%; float:left; text-align:center; font-size:13px;}
/*.forum-addnew {list-style:none;float:left;margin:0px 0 0 495px;}
.forum-addnew a {color:#ec1b23;background:url(graphics/list-3.jpg) no-repeat left top;padding-left:20px;margin-right:20px;}
.forum-reply a {color:#827e0a;background:url(graphics/list-5.jpg) no-repeat left top;padding-left:20px;}
.forum-back {width:100%; float:left; list-style:none; text-align:right;}
.forum-back a {color:#555;}
.forum-reply {list-style:none;}
.forum-detail {width:100%; float:left; margin-top:-20px;}
ul.forum-header {padding:0; width:100%; float:left; background:#ddd; }
ul.forum-header li.forum-title {padding:5px 2%; width:86%; float:left;}
ul.forum-header li.forum-author {padding:5px 0; background:#106888; text-align:center; width:10%; color:#fff; float:right;}
.postby-title {wid}
.postby-name {}
.postby-date {}
.postby-time {}
*/
/*2018-03-02*/
.footspan{font-size: .6em; position: relative; top:-6px;}
/*800***************************************************************/
@media screen and (min-width: 800px) and (max-width: 1103px) {
h1 {margin:0px 0 23px 0; color:#026c68; padding-left:20px; font-size:24px; background:url(graphics/h1.jpg) no-repeat top left;}
#artboardbody {width:80%; margin:0 10%;}
#artboardiner {width:100%; float:left; background:url(graphics/header.png) no-repeat top left;}
.asidebody {width:100%; margin:0%; background:none;}
.footbody {text-align:center; width:100%; min-height:130px; padding-top:18px; margin:0 auto; background:url(graphics/footer.png) no-repeat top center;}
/*header*/
header {width:100%; height:172px; float:left; background:none;}
a.logo {display:block; width:90%; max-width:380px; padding-top:40px; height:auto; float:left;}
a.logo img {width:90%; max-width:380px; height:auto;}
.header-right {position:absolute; width:200px; right:10%; float:right;}
#search {width:150px; float:right; margin-top:46px; box-shadow: 0px 1px 5px #189d93; -webkit-box-shadow: 0px 1px 5px #189d93; -moz-box-shadow: 0px 1px 5px #189d93;}
input.textbox {width:103px; height:18px; float:left; background:#fff; border:none; border:#d2d2d4 solid 2px; border-left:none; border-right:none; font-family:"Century Gothic","Microsoft JhengHei","PMingLiU"; font-family:\5FAE\8EDF\6B63\9ED1\9AD4,\65B0\7D30\660E\9AD4;}
input.main-button {width:47px; height:22px; float:left; border:none; color:#fff; background:url(graphics/s-button.jpg) repeat-x left center; cursor:pointer; font-family:"Century Gothic","Microsoft JhengHei","PMingLiU"; font-family:\5FAE\8EDF\6B63\9ED1\9AD4,\65B0\7D30\660E\9AD4;}
ul.language {width:300px; margin-top:18px; text-align:right; float:right;}
ul.language li {display:inline; margin-left:10px;}
li a.wactive {font-weight:bold; color:#c98f2c;}
/*mainmenu*/
#mainmenu {margin:0; position:absolute; left:0; top:120px; width:100%;}
#mainmenu-body {width:100%; margin:0 auto; text-align:center;}
#mainmenu ul {}
#mainmenu ul li {position:relative; display:inline-block; width:auto; float:none;}
#mainmenu ul li a {width:auto; float:left; font-size:14px; padding:18px 14px !important;}
/*css for dropdown menu*/
#mainmenu ul li ul {left:0; top:50px; width:100%;}
#mainmenu ul li ul li {padding:0; margin:0; width:180px; float:left;}
#mainmenu ul li ul li a {width:150px; }
#mainmenu ul li ul li ul {position:relative; left:0; top:0px }
#mainmenu li.over ul li ul,#mainmenu li.over ul li.over ul li ul{display:block;}
/**/
#main-content {margin:0; padding:20px 0 20px 0; min-height:200px;}
/*bottom-hbox*/
.hboxes {width:100%; float:left;}
#news {width:80%; margin:18px 10% 0px 10%;}
#news .htitle {background:#9e8e03; width:15%; height:10%; padding:1%; margin-right:1%; box-shadow: 0px 1px 5px #08565a; -webkit-box-shadow: 0px 1px 5px #08565a; -moz-box-shadow: 0px 1px 5px #08565a;}
#news .htitle span {padding:0; margin:0; text-align:center; margin-top:5px;}
#news a.morelink {background:#b04c1a; width:100%; margin-top:5px; padding:5px 0; font-size:12px;}
#news .hbody {width:82%; float:left;}
#news .home-news-date {background:#2c6c6b; width:14%; padding:6px 1%; margin:0 1% 4px 0; float:left;}
#news .home-news-title {width:83%; padding:6px 0; margin:0 0px 4px 0; float:left;}
#ad {float:left; margin-bottom:10px; padding:6px 0; width:100%; text-align:center;}
#ad a {display:inline-block; width:auto;}
#ad img {margin:1%; width:100%; max-width:237px; height:auto;}
#logarea {width:80%; padding:0 10%; float:left; background:#2b9799; box-shadow: 0px 1px 5px #08565a; -webkit-box-shadow: 0px 1px 5px #08565a; -moz-box-shadow: 0px 1px 5px #08565a;}
#logarea .htitle {width:16%; padding:24px 2% 0 2%; background:none}
#logarea .htitle span {border-top:1px solid #fff; padding-top:10px;}
#logarea .hbody {margin-top:25px; color:#e2e2e2; width:80%; float:left;}
#logarea .hbody span {float:left; width:60%; margin-top:20px; padding-left:30px; background:url(graphics/lock.jpg) no-repeat center left;}
#logarea .hbody ul {width:20%; float:right;}
#logarea .hbody ul li {width:auto; margin-bottom:10px; float:right;}
#logarea .hbody a.ch-password {float:left; color:#b5fffe; width:60px; padding-left:27px; background:url(graphics/ar.jpg) no-repeat center left;}
#logarea .hbody a.logout {margin-top:0px; float:left; padding:7px 0; width:87px; background:url(graphics/button.jpg) repeat-x center left;}
/*index*/
.nivo-controlNav {position:relative; z-index:100; margin-top:-60px;}
#flash-box {position:relative; top:-10px; left:0%; margin-left:0px !important; width:100%; float:left;}
#slider {width:100% !important; max-width:auto; margin:0 auto; text-align:center;}
#flash-box img {width:100% !important; max-width:1102px; height:auto !important; border:1px solid #929290; box-shadow:0px 0px 7px #333; -webkit-box-shadow:0px 0px 7px #333; -moz-box-shadow:0px 0px 7px #333;}
body#index #main-content {width:100%; float:left; height:auto; min-height:100px; margin-top:0px; padding:0px; line-height:inherit;}
/**/
body#index aside {margin-top:-20px;}
/**/
#logarea .hbody#login ul {margin:0; padding:0; width:84%; padding-left:20px; background:url(graphics/lock-1.jpg) no-repeat top left;}
#logarea .hbody#login ul li {margin:0; padding:0; float:none; display:inline; margin-right:5px;}
#login ul li input.submitbox {color:#afffff; border:none; cursor:pointer; text-align:center; padding:4px 0; width:11.5%; background:url(graphics/button.jpg) repeat-x center left; -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.75);-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.75);box-shadow: 0 1px 5px rgba(0,0,0,0.75);}
.loginLink {text-align:center; width:50%; margin-top:18px; float:left;}
.loginLink a {margin-left:33px;}
a.loginbutton {padding-left:25px; background:url(graphics/ar.jpg) no-repeat top left;}
a.forgetpassword {padding-left:25px; background:url(graphics/forget.png) no-repeat center left;}
.lg-1 #login ul li input.username, #login ul li input.userpass {margin:0 1px; width:19.5%; border:1px solid #619d9e; background:#bfe3e3; padding:4px 2px;}
/* page - p */
ul.listing-title li.listing-subject {width:80%;}
ul.listing-title li.listing-date {width:20%;}
.news-list-content ul li.upc-subject {width:74%; padding:5px 3%;}
.news-list-content li.upc-date {width:20%;}
/*aboutus03*/
.ableft, .abright {width:48%; min-height:250px; margin:0 1%; float:left;}
/*e-news*/
body#menu-9705 ul.listing-title li.listing-subject {width:85%;}
body#menu-9705 ul.listing-title li.listing-date {width:15%;}
body#menu-9705 ul.listing-title li.listing-picture {display:none;}
body#menu-9705 .news-list-content ul.listing-ul {width:100%; float:left;}
body#menu-9705 .news-list-content ul.listing-ul li {padding:5px 0; width:auto; float:left;}
body#menu-9705 .news-list-content ul li.upc-date {font-weight:bold; color:#333; width:15%;}
body#menu-9705 .news-list-content ul li.upc-subject {width:45%; padding:5px 3%; text-align:left;}
body#menu-9705 .news-list-content ul li.upc-picture {width:20%;}
body#menu-9705 .news-list-content ul li.upc-pdf {width:14%; font-size:12px;}
body#menu-9705 .news-list-content ul li.upc-pdf ul li a { text-align:center; display:block; padding:5px 0;}
/*科教學術研討會論文彙編*/
body#menu-9704 #news-list #news-list-content {}
body#menu-9704 ul.listing-title li.listing-subject {width:85%; background:#ddd;}
body#menu-9704 ul.listing-title li.listing-author {width:15%; background:#145b5c; color:#fff;}
body#menu-9704 ul.listing-ul {width:100%; height:100%; float:left; border-bottom:1px dotted #ddd;}
body#menu-9704 ul.listing-ul li {padding:5px 0; width:auto; float:left; border:none;}
body#menu-9704 .news-list-content li.upc-author {width:15%; background:#8de0e1; color:#666;}
body#menu-9704 .news-list-content ul li.upc-subject {width:60%; padding:5px 3%; text-align:left; background:none;}
body#menu-9704 .news-list-content ul li.upc-pdf {padding:0; width:19%; font-size:12px; background:none; border:none;}
body#menu-9704 .news-list-content ul li.upc-pdf ul li {padding:0; background:none;}
body#menu-9704 .news-list-content ul li.upc-pdf ul li a {display:block; padding:5px 0; color:#cf5d00;}
/*forum detail*/
ul.forum-detail-content li.postor-info {width:16%; padding:10px 2%; text-align:center;}
ul.forum-detail-content li.forum-content {width:79.8%; border-left:1px solid #70ced2;}
.forum-images table td {vertical-align:top; text-align:center; width:29.5%; text-align:center;}
/*copyright*/
.copyright {color:#bcbcbc; font-size:12px; margin:5px 0 15px;}
}
/*320***************************************************************/
@media screen and (max-width: 799px) {
body {overflow-x:auto; background:#fff url(graphics/top-1.png) repeat-x top left;}
#artboardbody {width:100%; margin:0 auto;}
#artboardiner {width:100%; float:left;}
.asidebody {width:100%; margin:0%; background:none;}
.footbody {width:100%; min-height:130px; padding:18px 0 8px 0; background:url(graphics/footer.png) no-repeat top center;}
h1 {margin:0px 0 23px 0; color:#026c68; padding-left:20px; font-size:24px; background:url(graphics/h1.jpg) no-repeat top left;}
/*header*/
header {width:100%; height:116px; float:left;}
a.logo {position:relative; z-index:2; display:block; width:100%; padding-top:5px; height:auto; text-align:center; float:left;}
a.logo img {width:100%; max-width:290px; height:auto; text-align:center;}
.header-right {margin-top:6px; z-index:1; width:100%; text-align:center; float:right;}
#search {width:100%; float:left; margin-top:0px; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none;}
#search form {width:150px; margin:0 auto;}
input.textbox {width:103px; height:18px; float:left;}
input.main-button {width:47px; height:22px; float:left;}
ul.language {width:100%; margin-top:5px; text-align:center; float:left;}
ul.language li {display:inline; margin:0 5px;}
li a.wactive {font-weight:bold; color:#c98f2c;}
/*mainmenu*/
#mainmenu {display:none;}
/**/
#main-content {width:100%; float:left; margin-top:0px; padding:30px 0%; line-height:23px; min-height:100px;}
/*bottom-hbox*/
.hboxes {width:100%; float:left;}
#news {width:100%; margin:0px;}
#news .htitle {padding:0; margin:0; background:#9e8e03; width:100%; height:10%; padding:3% 0 0 0; margin-right:0%; margin-bottom:0px; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none;}
#news .htitle span {padding:0; margin:0; display:inline; text-align:center; margin-top:5px;}
#news a.morelink {background:#b04c1a; width:100%; margin-top:8px; padding:5px 0; font-size:16px;}
#news .hbody {width:100%; float:left;}
#news .home-news-date {background:#2c6c6b; width:100%; padding:6px 0%; margin:0 0% 4px 0; float:left;}
#news .home-news-title {width:100%; text-align:center; padding:6px 0; margin:0 0px 4px 0; float:left;}
#ad {float:left; margin-bottom:10px; padding:16px 0 6px 0; width:100%; text-align:center; border-top:1px solid #067576;}
#ad a {display:inline-block; width:auto;}
#ad img {margin:1%; width:100%; max-width:237px; height:auto;}
#logarea {width:100%; padding:0; float:left; background:#2b9799; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none;}
#logarea .htitle {padding:0; margin:0; width:100%; padding:6px 0; background:#9e8e03; border-bottom:none;}
#logarea .htitle span {padding:0; margin:0; display:inline;}
#logarea .hbody {padding:0; margin:0; color:#e2e2e2; width:95%; float:left;}
#logarea .hbody span {padding:0; margin:0; float:left; text-align:center; width:100%; margin-top:10px; background:none;}
#logarea .hbody ul {padding:0; margin:0; width:90%; float:none; text-align:center; margin:10px auto; background:none;}
#logarea .hbody ul li {padding:0; margin:0; width:100%; display:block; text-align:center; margin:0 15px 15px 0;}
#login .loginLink {text-align:center; width:98%; margin:10px 0;}
#login .loginLink a {margin:0px 10px; color:#d5d4da;}
#login a.loginbutton {padding-left:0px; background:none;}
#login a.forgetpassword {padding-left:0px; background:none;}
.lg-1 #login ul li input.username, #login ul li input.userpass {margin:1px 1px; width:100%; border:1px solid #619d9e; background:#bfe3e3; padding:2px 2px;}
/*footer*/
.footbody strong {color:#ffd9c9; font-size:16px; font-weight:bold; display:block; margin-bottom:25px;}
.footbody strong span {font-size:12px; margin-left:10px;}
ul.seinfo li {color:#bcfef6; font-size:14px; margin:0 15px 10px 15px; display:inline-block;}
ul.seinfo li.se02 {color:#fff; font-size:12px;}
.copyright {color:#bcbcbc; font-size:10px; margin-top:9px;}
/*index*/
.nivo-controlNav {display:none;}
#flash-box {position:relative; top:0px; left:0%; margin-left:0px !important; width:100%; float:left;}
#slider {width:100% !important; max-width:auto; margin:0 auto; text-align:center;}
#flash-box img {width:100% !important; max-width:auto; height:auto !important; border-left:none; border-right:none; box-shadow:0px 0px 7px #333; -webkit-box-shadow:0px 0px 7px #333; -moz-box-shadow:0px 0px 7px #333;}
body#index #main-content {width:100%; float:left; height:auto; margin:0px; padding:0px; line-height:inherit; min-height:100px}
/**/
body#index aside {margin-top:0px;}
/* page - p */
ul.listing-title {display:none;}
.news-list-content ul li.upc-subject {background:#eee; text-align:center; width:94%;}
.news-list-content li.upc-date {width:100%;}
/* page - p detail */
.post-date {width:30%;}
.news-content {width:100%; float:left; margin-bottom:15px;}
.news-content img {width:100% !important; height:auto;}
#gallery-imglist {width:98%; float:left; padding:1%; margin-bottom:15px; text-align:center; background:#eee;}
.imgbody {margin:0 1px;}
.imgbody img {padding:3px;}
#file-list {/*display:none;*/}
.go-back {width:100%; float:left; margin-top:5px; text-align:center;}
.go-back a {background:#666; color:#fff; padding:10px;}
/*e-news*/
body#menu-9705 ul.listing-title li.listing-picture {width:100%;}
body#menu-9705 .news-list-content ul.listing-ul {width:100%; float:left; border:none;}
body#menu-9705 .news-list-content ul.listing-ul li {padding:0;width:100%; text-align:center; float:left;}
body#menu-9705 .news-list-content ul li.upc-date {padding:5px 0; background:#145b5c; font-weight:bold; color:#fff; width:100%;}
body#menu-9705 .news-list-content ul li.upc-subject {width:100%;}
body#menu-9705 .news-list-content ul li.upc-picture {width:100%;}
body#menu-9705 .news-list-content ul li.upc-pdf {width:100%; font-size:12px;}
body#menu-9705 .news-list-content ul li.upc-pdf ul li a {display:block;}
/*科教學術研討會論文彙編*/
body#menu-9704 ul.listing-ul {width:100%; float:left; border:none; background:#ebebeb;}
body#menu-9704 ul.listing-ul li {padding:5px 0; width:100%; float:left; background:none; border:none;}
body#menu-9704 .news-list-content ul li.upc-subject {padding:0; text-align:center; width:100%; float:left;}
body#menu-9704 .news-list-content ul li.upc-author {padding:0; text-align:center; width:100%; color:#666;}
body#menu-9704 .news-list-content ul li.upc-pdf {padding:0; width:100%; font-size:12px; padding:0; background:none; border:none;}
body#menu-9704 .news-list-content ul li.upc-pdf ul li {padding:0; background:none;}
body#menu-9704 .news-list-content ul li.upc-pdf ul li a {display:block; padding:5px 0; color:#cf5d00;}
/*檔案下載*/
body#menu-9826 ul.listing-title li.listing-picture {width:100%;}
body#menu-9826 .news-list-content ul.listing-ul {width:100%; float:left; border:none;}
body#menu-9826 .news-list-content ul.listing-ul li {padding:0;width:100%; text-align:center; float:left;}
body#menu-9826 .news-list-content ul li.upc-date {padding:5px 0; background:#145b5c; font-weight:bold; color:#fff; width:100%;}
body#menu-9826 .news-list-content ul li.upc-subject {width:100%;}
body#menu-9826 .news-list-content ul li.upc-picture {width:100%;}
body#menu-9826 .news-list-content ul li.upc-pdf {width:100%; font-size:12px;}
body#menu-9826 .news-list-content ul li.upc-pdf ul li a {display:block;}
/*科學教育學刊 20211013*/
#menu-13890 #news-list {width:96%; margin:0 2%;}
ul.expanded-ul {width:calc(33.33% - 10px);}
/*科學教育學刊 detail 20211013*/
#menu-13891 ul.listing-ul li.upc-subject {text-align:left;}
#menu-13891 ul.listing-ul img {width:100%; height:auto;}
#menu-13891 ul.listing-ul li.upc-author, #menu-13891 ul.listing-ul li.upc-brief
{text-align:left; width:calc(100% - 120px);}
#menu-13891 ul li.upc-pdf {width:100%; text-align:center; padding:0; margin:0px; float:right;}
#menu-13891 ul li.upc-pdf .file-list ul li {float:right; width:170px;}
/*login*/
.login {width:90%; margin:0 auto; min-height:100px; text-align:center;}
/*
#logarea {width:750px; height:200px; float:left; border:none; background:none;}
#logarea .htitle {color:#fff; font-size:22px; font-weight:bold; width:100%; padding:24px 0 0 0; text-align:center; float:left; background:url(graphics/line.png) no-repeat center center;}
#logarea .htitle span {display:block; font-size:12px; margin-top:15px;}
#logarea .hbody {margin-top:45px; color:#e2e2e2; width:530px; float:left;}
#logarea .hbody span {float:left; width:270px; height:22px; padding:0px 0 5px 30px; background:url(graphics/lock.jpg) no-repeat top left;}
#logarea .hbody a.ch-password {float:left; color:#b5fffe; width:83px; padding-left:27px; background:url(graphics/ar.jpg) no-repeat center left;}
#logarea .hbody a.logout {margin-top:-7px; float:left; color:#afffff; text-align:center; padding:7px 0; width:87px; background:url(graphics/button.jpg) repeat-x center left; -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.75);-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.75);box-shadow: 0 1px 5px rgba(0,0,0,0.75);}
*/
/*txtCaptchaDiv 457*/
.registerbody .mstxtCaptchaDiv {margin:10px 0% !important;width:100%;}
.login input#mstxtInput {width:220px !important;margin:0 calc(50% - 110px);}
/*forget*/
.messagebox {width:90%; margin:0 auto; text-align:center;}
span.messagebox_content {background:none; padding:10px 0; text-align:center; margin-bottom:10px;}
/*aboutus03*/
.ableft, .abright {width:100%; min-height:200px; margin:0 0 25px 0; float:left;}
.content03 h2 {margin:20px 0; width:100%; float:left;}
.ableft h4, .abright h4 {width:100%; float:left;}
h4 span {min-width:150px;}
ul.aboutus03 {width:100%; text-align:center;}
ul.aboutus03 li {display:inline-block; margin:5px 15px;}
/*login*/
table.registerbody {width:100%; border:10px solid #ddd; border-left:none; border-right:none;}
table.registerbody tr {border-bottom:1px dotted #ddd;}
table.registerbody tr td {vertical-align:top; padding:12px 1%; text-align:center; width:98%; float:left;}
table.registerbody tr td.res_cell1 {border-bottom:1px dotted #a0a0a0; text-align:center; width:98%; padding:12px 1%; background:#eee;}
select.res_textbox {border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; border:1px solid #b1b1b1; padding:5px 3px; width:98%;}
table.registerbody input.res_textbox {margin-right:5px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; border:1px solid #b1b1b1; padding:5px 3px; width:98%;}
table.registerbody textarea.res_textarea {border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; border:1px solid #b1b1b1; padding:5px 3px; min-height:200px; width:98%;}
table.registerbody .news-subscribe {display:none;}
table.registerbody td.res_cellbutton {text-align:center;}
table.registerbody td.res_cellbutton input {color:#afffff; border:none; cursor:pointer; text-align:center; padding:4px 0; width:87px; background:url(graphics/button.jpg) repeat center left; -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.75);-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.75);box-shadow: 0 1px 5px rgba(0,0,0,0.75);}
table.registerbody span.res_footword {display:block; text-align:center; width:100%; margin:15px auto 0 auto;}
table.registerbody td.res_cellbuttonleft {display:none;}
.registerbody #tssend {margin:15px calc(50% - 75px);}
/*merx_userbutton*/
#merx_userbutton ul {text-align:center;}
table.edituserbody {width:100%; float:left; border:10px solid #ddd; border-left:none; border-right:none;}
table.edituserbody input {margin-right:5px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; border:1px solid #b1b1b1; padding:5px 3px; width:98% !important;}
table.edituserbody textarea {border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; border:1px solid #b1b1b1; padding:5px 3px; min-height:200px; width:98%;}
/**/
.contact01 {width:98%; margin:0 1%; float:left;}
.contact01 ul li {padding-left:25px; margin-bottom:8px; background:url(graphics/action_go.jpg) no-repeat left top;}
/*科教志工計劃*/
.plmenu-9600 h2 {width:100%; float:left;}
.plan {width:100%; line-height:46px; text-align:center; font-size:36px; font-weight:bold; color:#b03d0a;text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1);}
ul.ul_plan {width:100%; text-align:center;}
ul.ul_plan li {padding:10px; width:50%; display:inline-table; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; background:#f4ebc2; border:3px solid #e8da9b; margin:7px 0.5%;}
ul.ul_plan li ul li {padding:0; width:100%; margin:0; border:none;}
ul.ul_plan li ul li span {font-size:18px; color:#7d2a09; font-weight:bold;}
.officer_a {width:100%; float:left; }
.officer_a ul {width:100%; float:left;}
.officer_a span {padding:0; margin:0; font-weight:bold;}
.officer_a li {text-align:center; margin-bottom:15px; width:100%; float:left;}
.officer_b {width:100%; float:left; }
.officer_b ul {width:100%; float:left;}
.officer_b span {padding:0; margin:0; font-weight:bold;}
.officer_b li {width:100%; margin-bottom:15px; min-height:100px; float:left;}
/**/
ul.ul9604 li {width:100%; margin:0; float:left;}
/*入會申請及各項費用收費標準*/
.tablemenu-9605 tr td {width:100%; float:left; padding:10px 0;}
a.newmember {width:60%;}
ul.sin3 li {margin-left:0px; list-style-type:none; margin-bottom:15px;}
/*forums*/
#no-forum {text-align:center; color:#d58717; font-size:15px;}
.new-forum {text-align:center; margin-top:15px;}
.new-forum a {color:#afffff; border:none; cursor:pointer; text-align:center; padding:4px 15px; width:87px; background:url(graphics/button.jpg) repeat center left; -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.75);-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.75);box-shadow: 0 1px 5px rgba(0,0,0,0.75);}
/*forum detail*/
#top-forum-menu {width:100%; float:left; text-align:right;}
#top-forum-menu ul li {width:auto; padding:5px 0 5px 20px; float:right;}
#bottom-forum-menu {width:100%; float:left;}
#bottom-forum-menu ul li {width:auto; padding:5px 0 5px 20px; float:right;}
.forum-detail {border:#228d91 1px solid; width:99%; float:left; margin:5px 0;}
ul.forum-header {display:none;}
ul.forum-detail-content {width:100%; float:left;}
ul.forum-detail-content li {width:100%; float:left;}
ul.forum-detail-content li.postor-info {padding:0; margin:0; width:100%; float:left; color:#fff; text-align:center; background:#228d91;}
.postby-title {padding:0; margin:0; width:100%; float:left;}
.postby-name {color:#fff; }
.postby-date {margin-top:0px;}
.postby-time {color:#fff; font-size:12px;}
ul.forum-detail-content li.forum-content {padding:0; margin:0; width:98%; padding:0 1%; border-left:0;}
.forum-main-content {width:98%; padding:10px 1%; /*border-bottom:#70ced2 1px solid;*/min-height:200px;}
.forum-images table {padding:0; margin:0; width:100%; float:left;}
.forum-images table td {padding:0; margin:0; vertical-align:top; text-align:center; width:50%; float:left; text-align:center;}
.forum-images ul {padding:0; margin:0; width:98%; padding:10px 1%; text-align:center;}
.forum-images ul li {padding:0; margin:0; width:100%; float:left; text-align:center;}
.forum-images img {width:120px; height:auto; border:0; padding:0; margin:0;}
#forums td.celledit {display:none;}
#upload-container {display:none;}
/*list*/
#forums {width:100%; float:left;}
#forum-notice {text-align:center; color:#ca650c; margin:0 0 15px 0; font-size:15px; padding:5px 2%;}
#forum-list {width:100%; float:left;}
#forum-list ul.forum-header {width:100%; float:left; background:#ddd; padding:10px 0;}
#forum-list ul li {width:auto; float:left; display:table; text-align:center;}
#forum-list ul li.fh-id {display:none;}
#forum-list ul li.fc-id {width:10%; display:none;}
#forum-list ul li.fh-stats, #forum-list ul li.fc-stats {display:none; width:10%;}
#forum-list ul li.fh-lastpost, #forum-list ul li.fc-lastpost {display:none; width:10%;}
#forum-list ul li.fh-subject {width:60%; padding:0 5%; text-align:left;}
#forum-list ul li.fc-subject {width:70%; text-align:left;}
#forum-list ul li.fh-original, #forum-list ul li.fc-origin {width:30%;}
#forum-list ul.odd, #forum-list ul.even {border-bottom:1px solid #ddd; width:100%; padding:10px 0; float:left; text-align:center;}
#forum-list ul.odd li, #forum-list ul.even li {}
#forum-list ul li.fc-id img {display:none;}
.fc-lastpost-date, .fc-origin {font-size:11px; line-height:22px;}
.forum-action-buttons {width:100%; float:left; text-align:right; margin-top:15px;}
.forum-action-buttons ul li {display:inline; margin:0 0 0 5px;}
.forum-action-buttons ul li a {background:#c07100; color:#fff; padding:5px 15px; border-radius:3px; text-shadow:0px 0px 5px #7d4a00;}
.forum-action-buttons ul li a:hover {background:#d9860f;}
}