/*************** SCROLLBAR BASE CSS ***************/

html, body {
    height: 100%;
    width: 100%;
}

.wrapper {
    height: 100%;
	overflow: hidden;
    width: 100%;
}
.wrapper.scrollbar-dynamic {
    max-height: none;
}
.page-content {
	width: 100%;
	display: block;
	float: left;
}


/** Custom page styles **/

.content {
	width: 100%;
	display: block;
	float: left;
}

.content .demo img {
	max-width: 414px;
	width: 100%;
	height: auto;
}

.content .demo > div {
    max-height: 736px;/*調整內捲軸高度*/
    overflow: auto;
}
@media only screen and (max-width : 1440px){
	
.content .demo > div {
    max-height: 736px;
  }
}

@media only screen and (max-width : 1366px){

}
@media only screen and (max-width : 900px){
.content .demo > div {
    max-height: 736px;
  }
}
@media only screen and (max-width : 375px){
.content .demo > div {
    max-height: 667px;
  }
}
@media only screen and (max-width : 360px){
.content .demo > div {
    max-height: 640px;
  }
}
@media only screen and (max-width : 320px){
.content .demo > div {
    max-height: 568px;
  }
}
















.scroll-wrapper {
    overflow: hidden !important;
    padding: 0 !important;
    position: relative;
 }

.scroll-wrapper > .scroll-content {
	border: none !important;
	box-sizing: content-box !important;
	height: auto;
	left: 0;
	margin: 0;
	max-height: none;
	max-width: none !important;
	overflow-y: scroll !important;
    overflow-x: hidden;
	padding: 0;
	position: relative !important;
	top: 0;
	width: auto !important;
	z-index: 99;
}

.scroll-wrapper > .scroll-content::-webkit-scrollbar {
	height: 0;
	width: 0;
}

.scroll-element {
	display: none;
}
.scroll-element, .scroll-element div {
	box-sizing: content-box;
}

.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
	display: block;
}

.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
	cursor: default;
}

.scroll-textarea {
	border: 1px solid #cccccc;
	border-top-color: #999999;
}
.scroll-textarea > .scroll-content {
	overflow: hidden !important;
}
.scroll-textarea > .scroll-content > textarea {
	border: none !important;
	box-sizing: border-box;
	height: 100% !important;
	margin: 0;
	max-height: none !important;
	max-width: none !important;
	overflow: scroll !important;
	outline: none;
	padding: 2px;
	position: relative !important;
	top: 0;
	width: 100% !important;
}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
	height: 0;
	width: 0;
}

					   
					   
					   
					   
					   
					   
					 				   
					   
/*************** SIMPLE INNER SCROLLBAR ***************/

.scrollbar-inner > .scroll-element,
.scrollbar-inner > .scroll-element div
{
	border: none;
	margin: 0;
	padding: 0;
	position: absolute;
	z-index: 100;
	cursor: pointer;
}

.scrollbar-inner > .scroll-element div {
	display: block;
	height: 100%;
	left: 0;
	top: 0;
	width: 100%;
}

.scrollbar-inner > .scroll-element.scroll-x {
	bottom: 2px;
	height: 8px;
	left: 0;
	width: 100%;
}

.scrollbar-inner > .scroll-element.scroll-y {
	height: 100%;
	right: 0;
	top: 0;
	width: 8px;
	z-index: 100;
}

.scrollbar-inner > .scroll-element .scroll-element_outer {
	overflow: hidden;
}

.scrollbar-inner > .scroll-element .scroll-element_outer,
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
}

.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	filter: alpha(opacity=40);
	opacity: 0.4;
}

.scrollbar-inner > .scroll-element .scroll-element_track { background-color: #e0e0e0;display: none; }
.scrollbar-inner > .scroll-element .scroll-bar { background-color: #6d6d6d;display: none; }
.scrollbar-inner > .scroll-element:hover .scroll-bar { background-color: #919191; }
.scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; }


/* update scrollbar offset if both scrolls are visible */

.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -12px; }
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -12px; }


.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -12px; }
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -12px; }