@charset "UTF-8";/*縮圖瀏覽*/

.thumbnail { clear:both;margin:0 0 20px;}
/*-----------------------以 ul li 排*/
.thumbnail>ul { list-style: none;margin:0 0 0 5px;padding:10px 0;overflow:hidden;width:100%;line-height:100%;}
.thumbnail>ul>li { float:left;padding:9px 0 6px;margin:0 7px 14px;text-align:center;border:1px solid #d2d2d2;width:230px;height:250px;box-shadow:rgba(0, 0, 0, .1) 0 0 4px;}
.thumbnail li .image { display:block;margin:0 9px 5px;width:210px;}
.thumbnail li .image img { margin:0;padding:0;}
.thumbnail li p { width:210px;margin:5px 10px 3px;padding:0;text-align: left;line-height:150%;height:4.5em;overflow:hidden;}
.thumbnail li a { text-decoration:none;}
.thumbnail ul ul { list-style:none;margin:0 10px;padding:6px 0 0;border-top:1px dotted #bbb;text-align:left;font-size:.92em;line-height:110%;color:#888;}
.thumbnail ul ul li { margin:0;padding:0;}
.thumbnail ul ul li em { color:#333;}
.thumbnail ul ul li.date { margin-left:0;}
.thumbnail ul ul li.date em, .thumbnail ul ul li.count em { font-family:Arial, Helvetica, sans-serif;letter-spacing:0;}
/*------照片縮圖瀏覽*/
.thumbnail.photos li .image { height:140px;overflow:hidden;border:1px solid #aaa;}
.thumbnail.photos ul ul { position:relative;}
.thumbnail.photos ul ul li.date { position:absolute;left:0;}
.thumbnail.photos ul ul li.count { position:absolute;right:0;}
.thumbnail.photos li .image:hover { border:1px solid #000;}
.thumbnail.photos li .image img { min-width:210px;max-width:220px;max-height:315px;}
.thumbnail.photos ul ul li.date { margin-left:0;letter-spacing:0;font-family: Arial, Helvetica, sans-serifl;}
/*------影片縮圖瀏覽*/
.thumbnail.videos>ul>li { height:255px;position:relative;}
.thumbnail.videos li .image { width:212px;height:159px;border:none;overflow:hidden;}
.thumbnail.videos li p { height:3em;}
.thumbnail.videos li .image img {width:212px;}
.thumbnail.videos ul ul { overflow:hidden;}
.thumbnail.videos ul ul li.from { margin-bottom:5px;height:1.3em;overflow:hidden;}
.thumbnail.videos ul ul li.date { float:left;letter-spacing:0;font-family: Arial, Helvetica, sans-serifl;}
.thumbnail.videos ul ul li.count { float:right;}
.thumbnail.videos ul ul li.count em { font-weight:bold;}
.thumbnail.videos .play { position: absolute;top:66px;left:99px;}
/*------eBooks 電子書*/
.thumbnail.eBooks>ul>li { height:360px;position:relative;}
.thumbnail.eBooks li .image img { display:block;margin:0 auto;max-width:210px;max-height:210px;border:1px solid #aaa;box-shadow:rgba(0, 0, 0, .3) 0 0 5px;}
.thumbnail.eBooks li .image img:hover { border:1px solid #333;box-shadow:none;}
.thumbnail.eBooks li p { line-height:1.5em; max-height:3em; height:auto; text-align:center;}
.thumbnail.eBooks li p a { display: inline-block; margin:0 auto; text-align:left;}
.thumbnail.eBooks ul ul { position:absolute;left:0;bottom:3px;width:210px;}
.thumbnail.eBooks ul ul li { margin:0 0 4px;}
.thumbnail.eBooks ul ul li.from { text-indent:-5.5em;padding-left:5.5em;}
.thumbnail.eBooks ul ul li.date { font-family:inherit;}
.thumbnail.eBooks ul ul li.date em { font-family: Arial, Helvetica, sans-serifl;}
.thumbnail.eBooks li p.downloadPdf {height:auto; font-size:.92em;line-height:110%;margin:5px 10px 0; padding:0;}
.thumbnail.eBooks li p.downloadPdf a {display:inline-block; margin:0 auto; background:#e4f6fd url(../images/icon_download.png) no-repeat 13px 5px; padding:4px 12px 3px 26px; color:#009ce3; border-radius:10px;}
.thumbnail.eBooks li p.downloadPdf a:hover { background-color:#0096e3; background-position:13px -25px; color:#fff;}
/*------banners*/
.thumbnail.banners>ul>li { height:80px;padding:9px 0;}
.thumbnail.banners>ul>li .image { display:table;height:80px;margin:0 auto;display:block \9;}
.thumbnail.banners>ul>li .image a { display:table-cell;vertical-align:middle;display:block \9;}
.thumbnail.banners li img { display:block;margin:0 auto;max-width:210px;max-height:80px;}
/*--------------apps*/
.thumbnail.apps>ul>li { width:170px; height:240px; position:relative; border-color:#4c778d;}
.thumbnail.apps ul li .image {width:150px; margin:0 auto 6px; }
.thumbnail.apps li .image img { width:120px; height:120px;}
.thumbnail.apps ul li p {display:inline-block;width: auto;  margin:0 8px;}
.thumbnail.apps ul ul { overflow:hidden; margin:0; background:#4c778d url(../images/appDownload.png) no-repeat 8px 15px; position:absolute;left:0; right:0; bottom:0; height:36px; padding:8px 0 6px 42px;border-bottom-left-radius:4px;border-bottom-right-radius:4px; border:none;}
.thumbnail.apps ul ul li { float:left; width:36px; height:36px; margin:0 0 0 4px; padding:0; }
.thumbnail.apps ul ul li a {display:block;background:url(../images/appIcons.bmp) no-repeat 0 0;width:36px; height:36px;}
.thumbnail.apps ul ul li.sysIos a {}
.thumbnail.apps ul ul li.sysAndroid a {background-position:-40px 0;}
.thumbnail.apps ul ul li.sysWin a { background-position:-80px 0;}
/*------honor 榮譽榜*/
.thumbnail.honor>ul>li { height:320px; background:#f7f7f3;}
.thumbnail.honor li .image img { margin:0; padding:0;max-width:200px;max-height:200px; border:4px solid #fff; box-shadow:rgba(0,0,0,0.4) 0 1px 4px; border:1px solid #bbb \9;}
.thumbnail.honor li p { text-align:center; height:auto; width:auto; line-height:120%; color:#777;}
.thumbnail.honor li .image+p { font-size:1.15em; letter-spacing:4px;*line-height:135%;}
.thumbnail.honor li .image+p a { color:#222;}
.thumbnail.honor li .image+p a:hover { color:#000; text-decoration:underline;}