﻿@media print {
    .rwd_cont {
        display: none;
    }
}

body {         	
	background: #fff;
	font: 15px/1.5 "微軟正黑體", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #434343; 
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	margin: 0px;
	padding: 0px;
}
input{font-family:"微軟正黑體",sans-serif;}
a {text-decoration: none; color:#069;}
a:hover {color:#f60;}
a:focus{outline:3px solid #fc0 !important; z-index:2;}
a:visited {color:#959595;}
.cf:before,.cf:after {content: " "; display: table;}
.cf:after {clear: both;}
.cf {*zoom: 1;}
.CLR {clear: both;}
.PadinTop20 {padding-top: 20px !important;}
.PadinTop30 {padding-top: 30px !important;}
.FloatLeft {float: left;}
.FloatRight {float: right;}
.abs-tr{position:absolute; top:0; right:0;}
.abs-tl{position:absolute; top:0; left:0;}
.abs-br{ position:absolute; bottom:0; right:0;}
.body-bg{background:#f1f1f1;}
#container{
	width:1002px;
	margin:0 auto;
	background:#fff;
	box-shadow:0 0 5px #ccc;
	position:relative;
}
#header{position:relative; border-bottom:3px double #ddd; margin:0 21px;}
#top-Nav{position:absolute; top:10px; right:0; color:#707070; font-size:14px; vertical-align:middle; margin:0;}
#top-Nav a{color:#707070; margin:0 5px;}
#top-Nav a:hover{color:#ff7200;}
#logo{padding:30px 0;}
.logo{width:216px; height:42px; display:block; overflow:hidden; text-indent:-999px; background:url(../images/logo.png) no-repeat; }
#content{padding:20px 21px; position:relative;}
#sidebar{width:210px; float:left; position:relative;}
#main{width:730px; float:left; padding:20px; position:relative;}
#content .main-center{margin:0 auto; float:none; width:100%;}
#nav{position:absolute; right:0; bottom:15px;}
#nav li{float:left; position:relative;}
#nav li a{background-image:url(../images/bg-menu.png); height:25px; display:block; overflow:hidden; text-indent:-999px;}
.li-publish a{background-position:0 0; width:157px;}
.li-ebook a{background-position:-157px 0; width:112px;}
.li-whereBuy a{background-position:-269px 0; width:97px;}
.li-publish a:hover,.li-publish .current{background-position:0 -25px;}
.li-ebook a:hover,.li-ebook .current{background-position:-157px -25px;}
.li-whereBuy a:hover,.li-whereBuy .current{background-position:-269px -25px;}
#footer{clear:both; background:url(../images/bg_footer.gif) 0 -18px repeat-x #f5f5f5; position:relative; min-height:84px; font-size:.85em; border-top:1px solid #eee;}
#footer .menu{color:#545454; margin:0 0 0 -5px; font-size:10px; vertical-align:middle;}
#footer .menu a{margin:0 5px; color:#545454; font-size:13px;}
#footer .menu a:hover{color:#2FBAEA;}
.backtoTop{position:absolute; top:-10px; right:10px; z-index:5; background:url(../images/btn_backtoTop.png) no-repeat; width:57px; height:33px; overflow:hidden; display:block; text-indent:-999px;}
.aaa{position:absolute; bottom:0; right:20px;}
#footer .inner{padding:25px 20px 0 75px; position:relative; border-top:1px solid #fff;}
.copyright{font-weight:700;}
.counter{position:absolute; bottom:0; right:120px;}
.footer-logo{position:absolute; top:22px; left:25px; background:url(../images/icon_footerLogo.png) no-repeat; width:43px; height:43px; overflow:hidden; display:block; text-indent:-999px;}
.sitemap{ padding:1px; background:#fff; border:1px solid #ccc; display:block; margin:-1px 0 0;}
.sitemap .inner{ padding:20px; background:#eee;}
.Accessibility-detail{font-size:.85em;}
.Accessibility-detail .heading{padding:0 0 5px; color:#000;}
.Accessibility-detail p{padding:0 0 20px;}
.sitemap-heading{background:#09f; color:#fff; display:block; padding:5px 15px; font-weight:700; margin:0 0 10px; border-left:5px solid #2fbaea;}
.sitemap-heading:hover{background:#39f; color:#fff;}
.sitemap-list{display:block; width:100%;}
.sitemap-list li{position: relative; float:left; width:100%;}
.sitemap-sublist{padding:0 0 20px 20px;}
.sitemap-sublist li{position: relative; float:left; display:inline-block; width:250px; padding:6px 10px 6px 15px;}
.sitemap-sublist li a{display:block; color:#3a80c1;}
.sitemap-sublist li a:hover{color:#49a2f5; text-decoration:underline;}
.icon-dot{position:absolute; top:13px; left:0px; background:url(../images/icon_dot.png) no-repeat; width:9px; height:9px; display:block;}
.acc-key{position:absolute; top:0; left:0; z-index:5;}
.acc-key a{color:#fff; font-size:15px;}
.acc-key a:focus{color:#FF0; font-size:15px; border:3px solid #FF0;}
#LocalNavContainer .acc-key{top:-17px;}
#LocalNavContainer .acc-key a{color:#fff;}
#index-main .acc-key,#Main .acc-key{top:-17px;}
#index-main .acc-key a,#Main .acc-key a{color:#fff;}
.acc-key a:focus{outline:3px solid #ff0;}
#MainContainer {float: left; padding:0 0 20px 20px;}
#Main {width: 720px; position:relative;}
#Breadcrumbs {
    color: #B8B2AE;
    font-size:.85em;
    padding: 6px 0 7px;
	margin:-15px 0 10px;
}
#Breadcrumbs .HomeBTN {background: url(../images/Breadcrumbs_Home.gif) no-repeat left center; padding-left: 15px;}
#Breadcrumbs a {color: #959595;}
#Breadcrumbs a:hover {color: #f60;}
#Breadcrumbs .current {color: #f60;}
#LocalNavContainer {float: left; position:relative; width: 220px;}
#LocalNav {width: 220px;}
#LocalNav .LocalNavBG_Top,.side-banner-hd {
    background: url(../images/LocalNavAreaBG_Top.png) no-repeat center bottom;
    height: 5px;
}
#LocalNav .LocalNavAreaBG_BTM,.side-banner-ft {
    background: url(../images/LocalNavAreaBG_BTM.png) no-repeat center top;
    height: 7px;
}
#LocalNav .LocalNavBG_BodyContainer,.side-banner-bd {background: url(../images/LocalNavAreaBG_Body.png) repeat-y;}
#LocalNav .LocalNavBG_Body {margin: 0 auto; width: 212px;}
#LocalNav .LocalNavBG_Body .LocalNavGraphic{display:none;}
#LocalNav .LocalNavBG_Body .LocalNavTopic {
    background: url(../images/LocalNavTopicBG.jpg) repeat-x #f48c1b;
    color: #444;
    font-size:1.05em;
    font-weight: 700;
    padding:8px 10px;
}
#LocalNav .LocalNavBG_Body .LocalNavTopic a {color: #fff;}
#LocalNav .LocalNavBG_Body .LocalNavTopic a:hover {color: #ff0;}
#index-main{width:730px; float:right; position:relative;}
.index-main-top{padding:0 0 15px;}
.popular-tabs{border:1px solid #e0e0e0; border-top:0;}
.popular-menuWrap{border:1px solid #d9d9d9; border-top:0; border-bottom:0;}
.popular-tabs .tabs {
    height: 56px;
	overflow:hidden;
	background: url(../images/bg-popularTabsCurrent.png) 0 -5px repeat-x #fff;
}
.popular-topline {border:0; height:3px; background:#fb0; margin:0; padding:0;}
.popular-tabs .tabs li,.popular-menu li {
    float: left;
    font-size:1.05em;
    font-weight: 700;
    position: relative;
    white-space: nowrap;
}
.popular-tabs .tabs li a {
    color: #545454;
    display: block;
    padding:2px 0 0;
	height: 44px;
	width:242px;
	border-left:1px solid #d9d9d9;
	border-bottom:1px solid #d9d9d9;
	margin:0 0 0 -1px;
    background: url(../images/bg-popularTabs.png) repeat-x #ebebeb;
	text-align:center;
}
.popular-menu a {
    color: #545454;
    display: block;
    padding:7px 0 0;
	height: 47px;
	width:237px;
	border-left:1px solid #d9d9d9;
	border-bottom:1px solid #d9d9d9;
	margin:0 0 0 -1px;
    background: url(../images/bg-popularTabs.png) repeat-x;
	text-align:center;
}
.popular-tabs .tabs li a:hover,.popular-menu li a:hover {background: url(../images/bg-popularTabs.png) 0 25px repeat-x;}
.popular-tabs .tabs li .current, .popular-tabs .tabs li .current:hover,.popular-menu li .current,.popular-menu li .current:hover{
    background: url(../images/bg-popularTabsCurrent.png) repeat-x 0 -5px #fff;
    color: #333;
	border-bottom:0;
	width:244px;
}
.icon-popular-new,.icon-popular-follow,.icon-popular-want{width:50px; height:50px; display:inline-block; vertical-align:middle; margin:-4px 0 0 -25px;}
.icon-popular-new{background: url(../images/icon-popular-new.png); margin:-5px 0 0 -25px;}
.icon-popular-follow{background: url(../images/icon-popular-follow.png);}
.icon-popular-want{background: url(../images/icon-popular-want.png); margin:-4px 0 0;}
.current .icon-popular-new{background: url(../images/icon-popular-new.png) 0 -50px;}
.current .icon-popular-follow{background: url(../images/icon-popular-follow.png) 0 -50px;}
.current .icon-popular-want{background: url(../images/icon-popular-want.png) 0 -50px;}
.popular-tabs-shadow{background: url(../images/bg-popularTabsShadow.png); height:14px;}
.popular-tabs .pane{position:relative;}
.popular-tabs-list{
	padding:25px 0 30px 15px;
	position:relative;
	box-shadow:0px -50px 50px -50px #e5e5e5 inset;
}
.popular-tabs-list li{
	display: inline-block;
	display: -moz-inline-stack;
	vertical-align: top;
	zoom: 1;
	*display: inline;
}
#index-main .popular-tabs-list li{ width: 32%;}
.popular-list li{
	vertical-align: top;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	padding:15px 0;
	border-top:1px dotted #ccc;
}
.popular-list .post-item{margin:0 17px 0 0;}
.layout-listStyle .post-item{float:left; width:720px; min-height:90px; margin:0; position:relative;}
#Main .layout-listStyle .col-r {float: left; width: 620px;}
#Main .layout-listStyle .icon-row{padding:0 0 10px;}
#Main .layout-listStyle .text {padding:0 0 10px;}
#Main .layout-listStyle .post-item h4{width:100%;}
#Main .layout-listStyle .post-item .postItemTitle{width:100%;}

#Main .layout-listStyle li {border-top: 1px dotted #ddd; padding: 15px 0 5px; vertical-align: top;}
.popular-list li:before,.popular-list li:after {content: " "; display: table;}
.popular-list li:after {clear: both;}
.popular-list li {*zoom: 1;}
.post-item{float:left; width:220px; min-height:135px; margin:0 15px 5px 0; position:relative;}
.post-item h4{padding:0 0 8px; font-size:1.2em; width:130px \0;}
.postItemTitle{padding:0 0 8px; font-size:1.2em; width:130px; font-weight:bold}

.post-item .pic{
	width:60px;  
	padding:2px; 
	border:1px solid #dbdbdb;
	position:relative; 
	float:left; 
	margin:0 0 10px;
	box-shadow:0px 15px 10px -20px #000;
	overflow: hidden;
}
.post-item .pic img{max-width:100%; max-height:90px; display:block;}
.post-item .col-r{width:130px; float:left;}
.post-item .col-l{width:66px; float:left; margin:0 15px 0 0;}
.post-item .text{font-size:.9em; color:#545454; padding:0 0 20px; line-height:1.8em; font-weight:700;}
.post-item .text a{color:#545454;}
.post-item .text a:hover{color:#1F4F82;}
.post-item .price{color:#E83416; padding:0 .2em; font-weight:700; font-size:1.2em; font-family:arial;}
.post-item .rank{color:#fff; background: url(../images/bg-rank.png) no-repeat; width:25px; height:30px; padding:3px 0 0 7px; font-size:11px; font-weight:700; position:absolute; top:0; left:0; z-index:2;}
.popular-tabs-ft{position:absolute; bottom:-1px; right:-2px;}
.more-btn{background:url(../images/img-morebtn.png) no-repeat; color:#fff; font-size:0; width:35px; height:35px; overflow:hidden; letter-spacing:-999px; float:left;}
.more-btn:hover{opacity:.8; color:#fff;}
#LocalNavContainer .search-model{margin: 0 0 15px;}
#LocalNavContainer .search-model .hd{margin:5px 0;}
.search-model{
    float: right;
	position:relative;
	color:#333;
    width: 220px;
	line-height:1.5em;
    background:url(../images/bg-searchModel.png);
	min-height:250px;
	font-size:.85em;
	padding:0 0 20px;
	box-shadow:0px 15px 10px -20px #000;
}
.search-model .hd{margin:0 0 5px; display: block;;}
.search-model input,.search-model select{margin: 0 2px 5px;}
.search-model-hd {height: 5px;}
.search-model-ft {
    background:url(../images/bg-searchModel.png) left bottom no-repeat;
    height: 10px;
	position:absolute;
	bottom:0;
	left:0;
	width:220px;
}
.search-model-bd {padding:0 4px;}
.search-model-inner{padding:3px 0 0 10px;}
.search-model .field-m{width: 180px;}
.search-model input.field-m{width:175px;}
.field-s,.field-m {
	border:1px solid #ccc; 
	padding:2px; 
	vertical-align:middle; 
	font-size:13px;
	margin:0 .2em;
}
.search-model .field-s{width:50px;}
.search-model .row{padding:0 0 5px;}
.search-model label{padding:0 5px 0 0; vertical-align:middle;}
.icon-hotkey{background:url(../images/icon-hotkey.png); width:41px; height:21px; display:inline-block; overflow:hidden; text-indent:-999px; position:absolute; left:0; top:-2px;}
.hotkey{font-size:12px; color:#aaa; position:relative; padding:0 0 0 45px; line-height:140%;}
.hotkey a{color:#777; text-decoration:underline; padding:0 3px; white-space:nowrap;}
.hotkey a:hover{color:#ff7e00; text-decoration:none;}
.btn-row{padding:0 0 15px;}
.btn-search{
	background: url(../images/btn-search.png) repeat-x #f80; 
	padding:4px 0; 
	width:190px; 
	color:#fff; 
	display:block; 
	vertical-align:middle; 
	border:0; 
	cursor:pointer;
	border-top:1px solid #fff;
	border-bottom:1px solid #f70;
	border-radius:4px;
	font-weight:700;
	font-size:1.05em;
	text-shadow:0 1px 0 #f60;
}
.btn-search:hover{background: url(../images/btn-searchhover.png) repeat-x #f80; border-bottom:1px solid #fa0; text-shadow:0 1px 0 #f60;}
.popular-list{padding:0 0 20px; position:relative; margin:-1px 0 0;}
.pageControls{
	padding:8px 16px; 
	border:1px solid #e4e4e4; 
	border-bottom:1px solid #d5d5d5; 
	background: url(../images/bg-pageControls.png) left bottom repeat-x #fff; 
	position:relative; 
	line-height:1.8em;
	border-radius:5px 5px 0 0;
}
.pageControls .light{color:#f60; padding:0 3px;}
.pageControls .keyword{color:#06f;}
.pageControls .row{padding:0 0 .3em;}
.pageControls .field-m{width:150px; margin:0 .2em;}
.page-controls-submit,.changePages-btn {
	background:url(../images/bg-gradientLightGary.png) repeat-x #e4e4e4; 
	color:#333; 
	border:1px solid #ccc; 
	border-bottom:1px solid #aaa; 
	padding:2px 10px; 
	cursor:pointer;
	border-radius:4px; 
	vertical-align:middle;
	box-shadow:0 0 0 2px rgba(255,255,255,.5);
}
.keyword-search .page-controls-submit{background: url(../images/btn-search.png) repeat-x #f80; color:#fff; border:1px solid #f70; border-top:1px solid #fff;}
.totalPages{position:absolute; top:13px; left:15px;}
.changePages{position:absolute; top:13px; right:15px;}
.keyword-search select{border:1px solid #ccc; padding:2px; margin:0 0 0 .3em;}
.sort-control-wrap{position:absolute; top:8px; right:10px;}
.sort-control{ display:inline-block; *display:inline; *zoom:1; vertical-align:middle;}
.layout-list,.layout-grid{ width:30px; height:28px; float:left; overflow:hidden; text-indent:-999px; border:0; cursor:pointer; margin:0 0 0 -1px;}
.layout-list{background:url(../images/icon-layoutList.png);}
.layout-grid{background:url(../images/icon-layoutGrid.png);}
.sort-control .current {background-position: left bottom; cursor: auto;}
.popular-list .pagination_1 {
    display: block;
    margin:-1px 0 20px;
    text-align: center;
	background:url(../images/bg-pagination_1.png) repeat-x 0 -20px #fff;
	padding:15px 0;
	z-index:2;
	position:relative;
	border-top:1px solid #e5e5e5;
	box-shadow:0px 1px 0 #fff inset;
}
.popular-list .pagination_1 a {background:#fff; border: 1px solid #ddd; color: #333; padding:3px 6px;}
.pagination_1 {display: block; margin: 30px 0; text-align: center; position:relative;}
.pagination_1 a {background:#fff; border: 1px solid #ddd; color: #333; padding: 5px;}
.pagination_1 a:hover {background:#ff7b11; border: 1px solid #e67010; color: #fff;}
.pagination_1 a.disable {background:#fff; border: 1px solid #BFBFBF; color: #999;}
.pagination_1 a.disable:hover {background:#fff; border: 1px solid #BFBFBF; color: #999;}
.pagination_1 a.current {background:#ff7b11; border: 1px solid #e67010; color: #fff;}
.icon-row{
	padding:0 0 0 10px;
	display:inline-block;
	*display:inline;
	*zoom:1;
}
.icon-row a:hover{opacity:.7;}
.icon-buyOnline,.icon-onlinePreview{ width:32px; height:32px; float:left; overflow:hidden; text-indent:-999px; border:0; cursor:pointer; margin:0 5px 0 0;}
.icon-buyOnline{background:url(../images/icon-buyOnline.png);}
.icon-onlinePreview{background:url(../images/icon-onlinePreview.png);}
.sort-controls{
	padding:15px; 
	border-bottom:1px solid #ddd;
}
.sort-controls .field-m{width:150px; margin:0 5px 0 0; box-shadow:none;}
.pd-col-l{width:200px; float:left;}
.pd-col-r{width:500px; float:left; padding:0 0 20px 10px;}
.publish-detail-tabs{position:relative;}
.publish-detail-tabs #ShareNav{position: absolute; top:10px; right:0; font-size:13px; color:#777; z-index:10;}
.publish-detail-tabs #ShareNav img{vertical-align:middle;}
.share-hd{padding:0 5px 0 0; vertical-align:middle;}
.publish-detail-hd{padding:0 0 20px;}
.publish-detail-hd .heading{font-size:24px; color:#444; font-weight:700;}
.publish-detail-tabs .tabs {border-bottom: 1px solid #D9D9D9; position:relative; height:40px;}
.publish-detail-tabs .tabs li{
    float: left;
    font-size: 16px;
    font-weight: 700;
    position: relative;
}
.publish-detail-tabs .tabs li a {
    background: url(../images/bg-pdTabs.png) left bottom repeat-x #fff;
    border: 1px solid #D9D9D9;
    border-top:1px solid #D9D9D9;
    border-bottom:0;
    color: #666;
    display: block;
    height: 32px;
    padding: 7px 0 0;
    text-align: center;
    width: 100px;
	margin:0 0 0 -1px;
	font-size:15px;
	text-shadow:0 1px 0 #fff;
}
.publish-detail-tabs .tabs li .current,.publish-detail-tabs .tabs li .current:hover {
    background:#fff;
    color: #f60;
	height: 31px;
    padding:5px 0 2px;
	box-shadow:none;
	border-top: 3px solid #f60;
}
.pd-table-wrap{padding:10px 0 20px; color:#545454; font-size:1em;}
.publish-detail-tabs .pane{border:1px solid #ddd; border-top:0; margin: 0 0 0 -1px;}
.pd-info-table .hd{
	color:#6e6e6e; 
	padding:6px 5px; 
	border-bottom:1px dotted #ddd;
	box-shadow:0px 1px 0 #fff inset;
	text-align: right;
	position: relative;
}
.pd-info-table .hd:after{
	content: "|";
	color:#aaa; 
	padding:0 0 0 5px; 
	text-align: right;
}
.pd-info-table td{padding:6px 10px; border-bottom:1px dotted #ddd; color:#444;}
.pd-info-table tr:nth-child(2n) td,.pd-info-table tr:nth-child(2n) th{background:#f8f8f8;}
.pd-info{padding:10px 20px; line-height:160%;}
.pd-actions{
	padding:10px 15px; 
	background:#f5f5f5; 
	display:block; 
	*display:inline; 
	*zoom:1;
	border-top:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
	box-shadow:0px -15px 10px -20px #999 inset,0px 0 0 1px #fff inset;
}
.pd-actions:before,.pd-actions:after {content: " "; display: table;}
.pd-actions:after {clear: both;}
.pd-actions {*zoom: 1;}
.social-shares{padding:6px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; font-size:13px;}
.btn-buyOnline,.btn-onlinePreview{
	float:left;
    height: 42px;
    margin:0 6px 0 0;
    vertical-align: middle;
    width: 152px;
	overflow:hidden;
	text-indent:-999px;
}
.btn-buyOnline{background: url(../images/btn-buyOnline.png);}
.btn-onlinePreview{background: url(../images/btn-onlinePreview.png);}
.pd-actions a:hover{opacity:.7;}
.pd-pic-wrap{padding:0 0 20px;}
.pd-pic{
	border:1px solid #ccc; 
	padding:2px; 
	width:140px; 
	margin:0 auto; 
	position:relative;
	box-shadow:0px 15px 10px -18px #000;
}
.pd-pic img{max-width:140px;}
.pd-zoom{
	background: url(../images/icon-pd-zoom.png); 
	width:25px; 
	height:25px;
	overflow:hidden;
	text-indent:-999px;
	position:absolute;
	bottom:-1px;
	right:-1px;
}
.pd-zoom:hover{opacity:.7;}
.pd-similar{
	background: url(../images/bg-pd-similar.png) 0 -100px repeat-x; 
	width:145px; 
	height:160px;
	padding:5px 25px 10px;
	position:relative;
	border:1px solid #ddd;
	border-top:1px solid #f60;
	box-shadow:0px 1px 0 #fff inset;
	margin:0 0 10px;
}
.pd-similar-hd{padding:0 0 10px; font-weight:700; font-size: 15px;}
.pd-similar-bd a{
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:top;
}
.pd-similar-bd img{width:42px; height:60px; margin:0 10px 10px 0; box-shadow:0 0 0 1px #fff;}
.carousel-control{position:absolute; top:6px; right:24px;}
.carousel-control a{
	width:22px; 
	height:21px;
	overflow:hidden;
	text-indent:-999px;
	display:inline-block;
}
#ui-carousel-prev{background: url(../images/btn-smcarousel-prev.png) no-repeat; margin:0 -5px 0 0;}
#ui-carousel-next{background: url(../images/btn-smcarousel-next.png) no-repeat;}
.pd-similar-bd .ui-carousel {
	height: 145px;
	margin: 0;
	overflow: auto;
	padding: 0;
	position: relative;
	width:160px
}
.pd-similar-bd .ui-carousel > .wrapper {margin: 0; padding: 0; width:9999px;}
.pd-similar-bd .ui-carousel > .wrapper > * {
	border: 0;
	display: block;
	float: left;
	height: 145px;
	overflow: hidden;
	width: 160px;	
}
.pd-similar-bd #pages{display:none;}
.keyword-search-wrap{border-bottom:1px dotted #ccc; margin:0 0 1em;}
.keyword-search{padding:10px 0;}
.keyword-search .row{float:left; padding:0 0 0 10px;}
.keyword-search .row:first-child{float:left; padding:0;}
.keyword-search .field-m{width:200px; margin:0 5px 0 10px; box-shadow:none;}
.keyword-search .field-s{width:100px; margin:0 5px 0 0; box-shadow:none;}
.ebook-list-wrap{border:1px solid #ccc;	border-top:3px solid #f60;}
.ebook-list-wrap .page-controls-submit{box-shadow:none; margin:0;}
.ebook-list{margin:0 15px; border:1px solid #ccc; background:url(../images/bg-ebookList.png) #bfbfbf;}
.ebook-list-wrap .pageControls{background:none; border:0; padding:10px 15px; color:#000;}
.ebook-list-wrap .pagination_1{margin:1em 0;}
.ebook-list-wrap .pagination_1 a{padding:3px 5px;}
.ebook-list-wrap .totalPages {top: 0;}
.ebook-list-wrap .changePages {right: 15px; top: 0;}
.ebook-list .pic{padding:0; border:0;}
.ebook-list .post-item .heading{visibility:hidden;}
.ebook-list .post-item:hover .heading{visibility:visible;}
.ebook-list li {
	display:inline-block;
	*display:inline;
	*zoom:1;
	position:relative;
	float: left;
    *margin:0 0 15px;
}
.ebook-list .post-item {
    float: left;
    margin:15px 0 10px;
    min-height: 135px;
    position: relative;
    width:135px;
	padding:0;
	-moz-transition:all 0.3s ease-out;
	-webkit-transition:all 0.3s ease-out;
}
.ebook-list .post-item:hover {
	-moz-transform:translateY(-2px);
	-webkit-transform:translateY(-2px);
}
.ebook-list .post-item .pic:before{
    background:url(../images/bg-bookshadow.png) no-repeat center center ;
    top:0;
    left:0;
    content: "";
    position: absolute;
    width:100%;
    height:100%;
}
.ebook-list .heading {
	font-size:12px;
	color:#fff;
	background: rgba(0, 0, 0, .9);
	background:#000 \0;
	*background:#000;
    width:86px;
	position:absolute;
	bottom:0;
	left:50%;
	margin: 0 0 0 -53px;
	padding:5px 10px;
	line-height:130%;
	max-height:135px;
}
.ebook-list .post-item .pic {
	height:135px;
	margin:0 auto;
	width:90px;
	border-radius:0;
	padding: 0 18px;
    overflow:inherit;
    float:none;
}
.ebook-list .post-item .pic img{max-height:135px; max-width:90px; box-shadow:2px 2px 4px -3px #000;}
.ebook-list .heading .dl,.ebook-list .heading .dr {width:8px; height:6px; position:absolute; top:-6px;}
.ebook-list .heading .dl {left:0; background: url(../images/img-itemHeadingdl.png) no-repeat;}
.ebook-list .heading .dr {right:0; background: url(../images/img-itemHeadingdr.png) no-repeat;}
#Main_Fullwidth h1 {
    border-bottom: 3px solid #eee;
    color: #535353;
    font-size: 28px;
    font-weight: bold;
    line-height: 28px;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
#Main_Fullwidth h2 {
    border-bottom: 3px solid #eee;
    color: #535353;
    font-size: 28px;
    font-weight: bold;
    line-height: 28px;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
#Main_Fullwidth #Section_2 {margin-bottom: 20px;}
#Main_Fullwidth #Section_2 #ShareNav {float: right;}
#ContentsContainer {position: relative;}
.SiteMap_Section {margin-bottom:15px; clear:both;}
.SiteMap_Section .Title {
	background: #FF7E00;
	color: #ffffff;
	padding: 3px 15px 0;
	height: 39px;
	line-height: 39px;
	font-size: 17px;
	margin: 0 0 15px 0;
	border-radius: 3px;
}
.SiteMap_Section .Title a {color:#fff;}
.SiteMap_Section .Title a:hover {color: #fc9a31;}
.SiteMapList {
	width: 260px;
	margin: 0px 10px 20px 10px;
	background: #f5f4f4;
	padding: 15px;
	border-radius: 3px;
	display: inline-block;
	*float:left;
	vertical-align: top;
}
.SiteMapList h4 a {
	border-bottom: 1px dotted #e8e8e8;
	font-weight: bold;
	font-size: 15px;
	margin-bottom: 10px;
	margin-top: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	background: none;
	color: #444;
}
.SiteMapList h4 a:hover {color: #fc9a31;}
.SiteMapList li{position:relative; float:left; clear:both;}
.SiteMapList a {
	margin: 10px 0px;
	display: block;
	color: #666666;
	padding-left: 15px;
	background: url(../images/RoundIcon.png) no-repeat 0 8px;
}
.SiteMapList a:hover {color: #fc9a31;}
#Main h1 {
    border-bottom: 3px solid #EEEEEE;
    color: #535353;
    font-size: 28px;
    font-weight: bold;
    line-height: 28px;
    margin-bottom: 20px;
    padding-bottom: 10px;
}
#Main h2 {
    border-bottom: 3px solid #EEEEEE;
    color: #535353;
    font-size: 28px;
    font-weight: bold;
    line-height: 28px;
    margin-bottom: 20px;
    padding-bottom: 10px;
}
#Main #Section_2 {margin-bottom: 25px;}
#Main #Section_2 #ShareNav {float: right;}
#Main #Section_2 .BackToPrev a {
    background: url(../images/BackToPrev.png) no-repeat;
    color: #535353;
    display: inline-block;
    font-size: 15px;
    font-weight: 700;
    height: 22px;
    line-height: 22px;
    padding: 0 0 0 27px;
}
#MainAdOverView li {
    background: url(../images/MainAdShadow.jpg) no-repeat scroll center bottom #eee;
    clear: both;
    display: inline-block;
    overflow: hidden;
    padding-bottom: 45px;
}
#MainAdOverView li a {color: #535353; cursor: pointer;}
#MainAdOverView li:hover a {color: #FF7E00;}
#MainAdOverView li .Info {display: block; padding: 20px; width: 420px;}
#MainAdOverView li .Info .InfoDesc { font-size: 22px; line-height: 130%; margin-bottom: 15px;}
#MainAdOverView li .Info p {color: #989898;}
#MainAdOverView li .IMG img {display:block; width:500px;}
#MainAdSmallOverView {margin-right: -28px;}
#MainAdSmallOverView li {
    display: inline-block;
    *display:inline;
	*zoom:1;
    margin: 0 27px 27px 0;
    vertical-align: top;
    width: 212px;
}
#MainAdSmallOverView li a {background:#eee; color: #535353; display: inline-block; padding:10px;}
#MainAdSmallOverView li a:hover {color: #FF7E00;}
#MainAdSmallOverView li a .Info {display: block;}
#MainAdSmallOverView li a .Info .smallInfoDesc { font-size: 14px; line-height: 130%; margin-bottom:10px;}
#MainAdSmallOverView li a .IMG {margin-bottom: 10px;}
#MainAdSmallOverView li a .IMG img {display: block; width: 191px;}
.BackToTop_2 {
    background:#eee;
    border-radius:5px;
    display: block;
    height: 35px;
    margin: 15px 0;
    position: relative;
}
.BackToTop_2 a {
    background: url(../images/bullet_top.png) no-repeat 0 1px;
    color: #727171;
    font-size: 13px;
    margin: 4px 0 0 !important;
    padding: 0 0 0 15px;
    position: absolute;
    right: 15px;
    top: 5px;
	line-height:1;
}
.BackToTop_2 a:hover {color: #FF7200;}
.directory-wrap{position:relative; padding:0 0 20px;}
.directory-heading{font-size:1.05em; padding:5px 10px; background:#f80; color:#fff;}
.directory-table{font-size:1em;}
.directory-table th{background:#ddd; padding:5px 0 5px 10px; text-align:left; color:#666; font-weight: 700; font-size: .85em;}
.directory-table td{padding:5px 0 5px 10px; vertical-align:top; border-top:1px dotted #ddd; font-size: .9em;}
.directory-table tr:nth-child(2n) td{background:#eee;}
.directory-table .odd td{background:#eee;}
.FileDownBox {background: #e7e7e7; border: 1px solid #d2d2d2; padding: 5px 5px 5px 0px;	margin-bottom: 10px;}
.FileDownBox .FileDown {float:left; width:334px;}
.FileDownBox .FileType {float: left; margin: 0px 10px;}
.FileDownBox .Info {
	float: left;
	background: #ffffff;
	width: 267px;
	min-height: 50px;
	position: relative;	
}
.FileDown .FileName {max-width: 150px; margin: 5px;}
.FileDown .FileName a {color: #009ae9; font-weight: 700;}
.FileDown .FileName a:hover {color: #fcb631;}
.FileDown .FileSize {
	position: absolute;
	top: 10px;
	right: 10px;
	background: #f1f1f1;
	padding: 2px 10px;
	font-size: 13px;
	border-radius: 3px;
}
.PrintInput {
	background:#eee;
	clear: both;
	margin: 15px 0 0;
	padding: 15px;
	text-align: center;
}
.PrintInput a {
	border: 1px solid #222;
	background: #333;
	background: -webkit-gradient(linear, left top, left bottom, from(#666666), to(#333333));
	background: -webkit-linear-gradient(top, #666666, #333333);
	background: -moz-linear-gradient(top, #666666, #333333);
	background: -ms-linear-gradient(top, #666666, #333333);
	background: -o-linear-gradient(top, #666666, #333333);
	background-image: -ms-linear-gradient(top, #666666 0%, #333333 100%);
	padding: 3px 15px;
	box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0;
	color: #fff;
	font-weight: 400;
	text-decoration: none;
	vertical-align: middle;
}
.PrintInput a:hover {
	text-shadow: #222 0 1px 0;
	background: #222;
	background: -webkit-gradient(linear, left top, left bottom, from(#555555), to(#222222));
	background: -webkit-linear-gradient(top, #555555, #222222);
	background: -moz-linear-gradient(top, #555555, #222222);
	background: -ms-linear-gradient(top, #555555, #222222);
	background: -o-linear-gradient(top, #555555, #222222);
	background-image: -ms-linear-gradient(top, #555555 0%, #222222 100%);
}
.Form_Style_Container {
	border: 1px solid #fa0;
	border-top-width: 3px;
	background: url(../images/GreyGradient_002.jpg) repeat-x bottom;
}

.Form_Style_Container input[type=text],.Form_Style_Container .text_box{border:1px solid #ccc; padding:3px 5px;}
.Topic_Style02_noBlock {
	color: #f70;
	font-weight: 700;
	background: url(../images/Topic_Style02.png) no-repeat left center;
	padding-left: 18px;
	font-size: 15px;
	margin-bottom: 15px;
	display: inline-block;
}
.Form_Style_Container p {line-height: 180%;  margin: 0 0 20px;}
.InputBTN_3 {
	background:url(../images/bg-InputBTN_3.png) repeat-x #fa9320;
	box-shadow:inset 0px 1px 0px 0px #fce2c1;
	border-radius:3px;
	border:1px solid #eeb44f;
	display:inline-block;
	color:#fff;
	font-size: 105%;
	padding:3px 15px;
	margin: 0 5px;
	text-shadow:1px 1px 0px #cc9f52;
	cursor: pointer;
}
.InputBTN_3:hover {background:url(../images/bg-InputBTN_3hover.png) repeat-x #ffba69;}
.InputBTN_3:active {position:relative; top:1px;}
.padding20{padding:20px;}
.Padinleft20{padding-left:20px;}
.Align_Center {text-align:center;}
.mailsent p{color:#545454; padding:0 0 15px;}
.mailsent .error,.mailsent .completed{text-align:center;}
.mailsent .error-pic{background:url(../images/img-captchaError.jpg) center top no-repeat; height:180px;}
.mailsent .completed-pic-2{background:url(../images/mailsent.jpg) center top no-repeat; height:300px;}
.mailsent .error-title,.mailsent .completed-title{font-size:1.15em; margin:0 0 .5em;}
.BTN_Style03 {
	padding: 4px 15px;
	margin: 0 5px 0 0;
	background: #fff url(../images/gradient_grey_01.jpg) repeat-x bottom;
	border: 1px solid #dedede;
	border-radius: 3px;
	display: inline-block;
}
.BTN_Style03:hover {color: #fff; background: #f70;}
.store{
	margin:10px 10px 10px 0; 
	background:#fff; 
	padding:.6em 1em; 
	line-height:1.5em; 
	border-bottom:1px solid #ddd; 
	border:1px solid #ddd \0;
	border-left:3px solid #fa0;
	width:42%; 
	display:inline-block; 
	*display:inline; 
	*zoom:1;
	box-shadow: 0 1px 3px #ccc;
}
.store-title{color:#f60; font-size:1.2em; margin:0 0 .4em;}
.article .title{font-size:1.05em;}
.ebook-title{color:#333; font-size:1.5em; font-weight:400; margin:.5em 0; padding:0 0 0 .7em; position:relative;}
.ebook-title .icon{background:#fc0; width:8px; height:24px; position:absolute; top:6px; left:0;}
.BackToPrev {display: block; margin-bottom: 10px;}
.BackToPrev a {
	display: inline-block;
	padding: 0 0 0 27px;
	height: 22px;
	line-height: 22px;
	background: url(../images/BackToPrev.png) no-repeat;
	font-size: 15px;
	font-weight: 700;
	color: #535353;
}
.BackToPrev a:hover{color:#000;}
.icon-folder-mini,.icon-chart-mini{display:inline-block; *display:inline; *zoom:1; width:16px; height:16px; margin:0 .3em 0 0; vertical-align:middle;}
.icon-folder-mini{background:url(../images/icon-folder-mini.png) no-repeat;}
.icon-chart-mini{background:url(../images/icon-chart-mini.png) no-repeat;}
.gallery-mod{overflow:hidden; background:#fbfbfb; border:1px solid #ddd;}
.Form_Style01 .Form_IMG {float: left; margin-right: 20px;}
.Form_Style01 .Form_IMG img {
    background:#fff;
    border: 1px solid #eee;
    margin-bottom: 15px;
    padding: 3px;
    max-width: 270px;
    display: block;
    margin: 0 auto 1em;
}
.Form_Style01 .Form_IMG h2 {background:#F5F5F5; color:#626262; font-size:18px; padding: 10px;}
#FontSizeContainer{display:inline-block; *display:inline; *zoom:1; vertical-align: middle; margin:-3px 0 0; position: relative;}
#FontSizeContainer .Header{
	float:left;
	font-size:12px;
	color:#707070;
	text-decoration:none;
	margin:0 5px 0;
}
#FontSizeContainer .Icon{
	line-height:999px;
	width:15px;
	height:15px;
	float:left;
	overflow: hidden;
	margin:2px 0 0 3px;
	background-repeat:no-repeat;
	background-position:0 0;
}
#FontSizeContainer .Icon_L{background-image:url(../images/FontSize_L.jpg);}
#FontSizeContainer .Icon_M{background-image:url(../images/FontSize_M.jpg);}
#FontSizeContainer .Icon_S{background-image:url(../images/FontSize_S.jpg);}
#FontSizeContainer .Icon:hover,#FontSizeContainer .current{background-position:0 -15px;}
.pdetail-back{float:right;}
.pdetail-back a{
    background:url(../images/BackToPrev.png) no-repeat;
    color:#535353;
    display:inline-block;
    font-size:15px;
    font-weight:700;
    height:22px;
    line-height:22px;
    margin:0 0 20px;
    padding:0 0 0 27px;
}
.pdetail-back a:hover{color:#000;}
.More{
	width: 20px;
	height: 20px;
	display: block;
	background: #e5e5e5 url(../images/MainAdMore.jpg) no-repeat 0px 0px;
	border: 1px solid #b9b9b9;
	line-height:999px;
	-webkit-transition: all .3s ease;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	border-radius: 3px;
	overflow: hidden;
}
.More:hover,.More:active {background-position:20px 0;}
.ContentBoxContainer{width:724px; margin:0 auto;}
.ContentBox_top{
	width:724px;
	height:30px;
	display:block;
	background:url(../images/ContentBox_BGtop.jpg) no-repeat;
}
.ContentBox_btm{
	width:724px;
	height:30px;
	display:block;
	background:url(../images/ContentBox_BGbtm.jpg) no-repeat;
}
.ContentBox_md{
	background:url(../images/ContentBox_BGmd.jpg) repeat-y;
	display:inline-block;
	padding:0 20px;
	overflow:hidden;
}
.ContentBox_md .GraphicImg{display:block; float:left; width:230px; margin-right:20px;}
.ContentBox_md .GraphicImg img{width:230px;}
.ContentBox_md .LinksContainer{display:block; float:left; width:400px;}
.ContentBox_md .LinksContainer .List_BTN_Style3{width:400px;}
.List_BTN_Style3{width:725px;}
.List_BTN_Style3 ul{list-style-type:none !important; padding-left:0px !important;}
.List_BTN_Style3 li{margin:0 0px 10px 0;}
.List_BTN_Style3 li a{
	display:block;
	padding:5px 25px 5px 35px;
	border:1px solid #eee;
	background:url(../images/bg_article-lista.png) repeat-x #eee;
	border-radius:3px;
	line-height:160%;
	position:relative;
	font-size:100%;
	font-weight:400;
	color:#535353;
	text-decoration:none;
}
.List_BTN_Style3 .icon-arrow, .List_BTN_Style3 li a:hover{opacity:0.7;}
.List_BTN_Style3 li a:hover{color:#009ae9;}
.List_BTN_Style3 li a:visited{color:#392277;}
.List_BTN_Style3 li a .hd{font-weight:700; color:#69ab00; margin-right:10px;}
.List_BTN_Style3 .icon-arrow{width:15px; height:15px; display:inline-block; background-image:url(../images/Topic_Style02.png); background-position:no-repeat; position:absolute; top:8px; left:10px;}
.List_BTN_Style3 .icon-arrow2{width:8px; height:13px; display:inline-block; background-image:url(../images/ArrowIcon_3.png); background-position:no-repeat; position:absolute; top:10px; right:10px;}
.RedHighLight {font-weight: 700; color: #f00;}
.Result-Style .Content {text-align: center;}
.Result-Style .no-Result .img {background: url(../images/img-no-Result-2.png) center top no-repeat;	height: 300px;}
.Result-Style .Content .title {font-size: 1.15em; margin: 0 0 .5em;}
.Result-Style .Content p {font-size: 1.15em; margin: 0 0 .5em;}
.download-table-mod{background:#f0f0f0; border:1px solid #e0e0e0; border-bottom:1px solid #bbb; padding:3px; border-radius: 4px;}
.download-table-inner{padding:1px; background:#fff; border-bottom:1px solid #e0e0e0;}
.download-table-mod .hd{background:#e8ebdc; font-size:.85em; color:#333; padding:.6em 1em; border-top:1px solid #dbdfcd; border-bottom:1px solid #fa0; font-weight:700; text-align:left; text-shadow: 0 1px 0 #fff;}
.download-table-mod td{border-top:1px solid #ddd; padding:.6em 1em; font-size:.85em; box-shadow:0 1px 0 #fff inset;}
.download-table-mod .date,.download-table-mod .size{color:#666;}
.download-table-mod .format img{vertical-align:top; margin:0 .1em 0 0;}
.download-table-mod .format{color:#777; font-size:.8em; margin:0 .2em 0 0;}
.download-table-mod .odd td {background:#f5f5f5;}
.icon-folder-mini{display:inline-block; *display:inline; *zoom:1; width:16px; height:16px; margin:0 .3em 0 0; vertical-align:middle; background:url(../images/icon-folder-mini.png) no-repeat;}
.download-table-mod .format a,.download-table-mod .size a{ color: #444;}
.download-table-mod .format a:hover,.download-table-mod .size a:hover{color:#888;}
.status-results{padding:.5em 0 1em;}

#slides {
	position:relative;
	z-index:10;
	clear:both;
	width:500px;
	height:274px;
	float:left;
	border:1px solid #ddd;
	box-shadow:0px 15px 10px -17px #000;
}

.MoreWrap{position:absolute; bottom:5px; right:10px;}

/* 無障礙使用 */
.input-label {
	display:none;
}

.hyperlink-txt{
	display:none;	
}
/* end of 無障礙 */
a:focus {
    outline: 3px solid #0086d8;
}
.acc-key a:focus {
	outline: 3px solid #0086d8;
	border: 0 !important;
}
