@charset "utf-8";
div#gliderBox {padding:0;margin:0;float:left;width:495px;height:180px;}
div#gliderBoxContent {}
.glidecontentwrapper{position: relative; /* Do not change this value */width: 370px;height: 179px; /* Set height to be able to contain height of largest content shown*/border: none;overflow: hidden;float:right;}
/*
	Total wrapper width: 350px+5px+5px=360px
	Or width of wrapper div itself plus any left and right CSS border and padding
	Adjust related containers below according to comments
*/
.glidecontent{ /*style for each glide content DIV within wrapper.*/position: absolute; /* Do not change this value */padding: 10px;visibility: hidden;width: 355px;overflow:hidden;font-size: 14px; color:#630; font-weight:normal;line-height:19px;background:#EBDF8D url(../assets/longgraylineBg.png) bottom left repeat-x;}
.glidecontent p a{ text-decoration:none; color:brown;}
.glidecontent p a:hover{text-decoration:underline;}
/*
 Total glidecontent width: 330px+10px+10px=350px
	Or width of wrapper div itself (not counting wrapper border/padding)
*/

.cssbuttonstoggler{ /*style for DIV used to contain toggler links. */width: 124px;height:180px;border-right:1px dotted lightyellow;margin: 0;padding: 0;text-align: left; /*How to align pagination links: "left", "center", or "right"
background: white; /*always declare an explicit background color for fade effect to properly render in IE*/overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */background:#FFFFD7 url(../assets/longgraylineBg.png) bottom left repeat-x ;}

.cssbuttonstoggler a{ /*style for every navigational link within toggler */background:white;color:#384A02;display:block;border-bottom:1px dashed silver;font: normal 14px "微軟正黑體","新細明體", Verdana, Arial, Helvetica, sans-serif;; /* Change 12px as desired */line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */height: 23px; /* Height of button background height */text-decoration: none;color:#937833}

.cssbuttonstoggler a span{font-weight:bold; display: block;padding: 4px 5px 4px 13px; /*Set 9px below to match value of 'padding-left' value above*/}

.cssbuttonstoggler ul {padding:0;margin:0;width:124px;height:100%;list-style-type:none;margin:0;}
.cssbuttonstoggler li {width:124px;height:100%;display:inline;margin:0;}
.cssbuttonstoggler a.selected, .cssbuttonstoggler a:hover{ /*style for selected and hover page's toggler link. ".selected" class auto generated! */}

.cssbuttonstoggler a.selected span, .cssbuttonstoggler a:hover span{ /*style for selected and hover page's toggler link. ".selected" class auto generated! */color:lightyellow; background:#AC8D3C;}

.cssbuttonstoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
}

.cssbuttonstoggler a.prev, .glidecontenttoggler-2 a.next{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
}

.cssbuttonstoggler a.prev:hover, .glidecontenttoggler-2 a.next:hover{
}