.panel-grid {
  zoom: 1;
}
.panel-grid:before {
  content: '';
  display: block;
}
.panel-grid:after {
  content: '';
  display: table;
  clear: both;
}
.panel-grid-cell {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 1em;
}
.panel-grid-cell .so-panel {
  zoom: 1;
}
.panel-grid-cell .so-panel:before {
  content: '';
  display: block;
}
.panel-grid-cell .so-panel:after {
  content: '';
  display: table;
  clear: both;
}
.panel-grid-cell .panel-last-child {
  margin-bottom: 0;
}
.panel-grid-cell .widget-title {
  margin-top: 0;
}
.panel-row-style {
  zoom: 1;
}
.panel-row-style:before {
  content: '';
  display: block;
}
.panel-row-style:after {
  content: '';
  display: table;
  clear: both;
}

/*
     FILE ARCHIVED ON 22:26:48 Mar 31, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 06:26:25 Jun 12, 2023.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 155.167
  exclusion.robots: 0.187
  exclusion.robots.policy: 0.175
  cdx.remote: 0.068
  esindex: 0.009
  LoadShardBlock: 126.058 (3)
  PetaboxLoader3.datanode: 62.075 (4)
  load_resource: 145.726
  PetaboxLoader3.resolve: 78.002
*/div.wpcf7 {
	margin: 0;
	padding: 0;
}

div.wpcf7-response-output {
	margin: 2em 0.5em 1em;
	padding: 0.2em 1em;
}

div.wpcf7 .screen-reader-response {
	position: absolute;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	width: 1px;
	margin: 0;
	padding: 0;
	border: 0;
}

div.wpcf7-mail-sent-ok {
	border: 2px solid #398f14;
}

div.wpcf7-mail-sent-ng {
	border: 2px solid #ff0000;
}

div.wpcf7-spam-blocked {
	border: 2px solid #ffa500;
}

div.wpcf7-validation-errors {
	border: 2px solid #f7e700;
}

.wpcf7-form-control-wrap {
	position: relative;
}

span.wpcf7-not-valid-tip {
	color: #f00;
	font-size: 1em;
	display: block;
}

.use-floating-validation-tip span.wpcf7-not-valid-tip {
	position: absolute;
	top: 20%;
	left: 20%;
	z-index: 100;
	border: 1px solid #ff0000;
	background: #fff;
	padding: .2em .8em;
}

span.wpcf7-list-item {
	margin-left: 0.5em;
}

.wpcf7-display-none {
	display: none;
}

div.wpcf7 img.ajax-loader {
	border: none;
	vertical-align: middle;
	margin-left: 4px;
}

div.wpcf7 div.ajax-error {
	display: none;
}

div.wpcf7 .placeheld {
	color: #888;
}

div.wpcf7 .wpcf7-recaptcha iframe {
	margin-bottom: 0;
}

div.wpcf7 input[type="file"] {
	cursor: pointer;
}

div.wpcf7 input[type="file"]:disabled {
	cursor: default;
}

/*
     FILE ARCHIVED ON 17:13:20 Apr 01, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 06:26:28 Jun 12, 2023.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 420.124
  exclusion.robots: 0.165
  exclusion.robots.policy: 0.152
  RedisCDXSource: 28.821
  esindex: 0.01
  LoadShardBlock: 374.019 (3)
  PetaboxLoader3.datanode: 350.076 (4)
  load_resource: 246.965
  PetaboxLoader3.resolve: 155.637
*//*-----------------------------------------------------------------------------

-	Revolution Slider 5.0 Default Style Settings -

Screen Stylesheet

version:   	5.0.0
date:      	18/03/15
author:		themepunch
email:     	info@themepunch.com
website:   	http://www.themepunch.com
-----------------------------------------------------------------------------*/


@font-face {
  font-family: 'revicons';
  src: url('/web/20220417232437im_/https://www.sbb.com.tw/wp-content/plugins/revslider/public/assets/fonts/revicons/revicons.eot?5510888');
  src: url('/web/20220417232437im_/https://www.sbb.com.tw/wp-content/plugins/revslider/public/assets/fonts/revicons/revicons.eot?5510888#iefix') format('embedded-opentype'),
       url('/web/20220417232437im_/https://www.sbb.com.tw/wp-content/plugins/revslider/public/assets/fonts/revicons/revicons.woff?5510888') format('woff'),
       url('/web/20220417232437im_/https://www.sbb.com.tw/wp-content/plugins/revslider/public/assets/fonts/revicons/revicons.ttf?5510888') format('truetype'),
       url('/web/20220417232437im_/https://www.sbb.com.tw/wp-content/plugins/revslider/public/assets/fonts/revicons/revicons.svg?5510888#revicons') format('svg');
  font-weight: normal;
  font-style: normal;
}

 [class^="revicon-"]:before, [class*=" revicon-"]:before {
  font-family: "revicons";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center; 

  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;

  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;

  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;

  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */

  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.revicon-search-1:before { content: '\e802'; } /* '' */
.revicon-pencil-1:before { content: '\e831'; } /* '' */
.revicon-picture-1:before { content: '\e803'; } /* '' */
.revicon-cancel:before { content: '\e80a'; } /* '' */
.revicon-info-circled:before { content: '\e80f'; } /* '' */
.revicon-trash:before { content: '\e801'; } /* '' */
.revicon-left-dir:before { content: '\e817'; } /* '' */
.revicon-right-dir:before { content: '\e818'; } /* '' */
.revicon-down-open:before { content: '\e83b'; } /* '' */
.revicon-left-open:before { content: '\e819'; } /* '' */
.revicon-right-open:before { content: '\e81a'; } /* '' */
.revicon-angle-left:before { content: '\e820'; } /* '' */
.revicon-angle-right:before { content: '\e81d'; } /* '' */
.revicon-left-big:before { content: '\e81f'; } /* '' */
.revicon-right-big:before { content: '\e81e'; } /* '' */
.revicon-magic:before { content: '\e807'; } /* '' */
.revicon-picture:before { content: '\e800'; } /* '' */
.revicon-export:before { content: '\e80b'; } /* '' */
.revicon-cog:before { content: '\e832'; } /* '' */
.revicon-login:before { content: '\e833'; } /* '' */
.revicon-logout:before { content: '\e834'; } /* '' */
.revicon-video:before { content: '\e805'; } /* '' */
.revicon-arrow-combo:before { content: '\e827'; } /* '' */
.revicon-left-open-1:before { content: '\e82a'; } /* '' */
.revicon-right-open-1:before { content: '\e82b'; } /* '' */
.revicon-left-open-mini:before { content: '\e822'; } /* '' */
.revicon-right-open-mini:before { content: '\e823'; } /* '' */
.revicon-left-open-big:before { content: '\e824'; } /* '' */
.revicon-right-open-big:before { content: '\e825'; } /* '' */
.revicon-left:before { content: '\e836'; } /* '' */
.revicon-right:before { content: '\e826'; } /* '' */
.revicon-ccw:before { content: '\e808'; } /* '' */
.revicon-arrows-ccw:before { content: '\e806'; } /* '' */
.revicon-palette:before { content: '\e829'; } /* '' */
.revicon-list-add:before { content: '\e80c'; } /* '' */
.revicon-doc:before { content: '\e809'; } /* '' */
.revicon-left-open-outline:before { content: '\e82e'; } /* '' */
.revicon-left-open-2:before { content: '\e82c'; } /* '' */
.revicon-right-open-outline:before { content: '\e82f'; } /* '' */
.revicon-right-open-2:before { content: '\e82d'; } /* '' */
.revicon-equalizer:before { content: '\e83a'; } /* '' */
.revicon-layers-alt:before { content: '\e804'; } /* '' */
.revicon-popup:before { content: '\e828'; } /* '' */

							

/******************************
	-	BASIC STYLES		-
******************************/

.rev_slider_wrapper{
	position:relative;
	z-index: 0;
}


.rev_slider{
	position:relative;
	overflow:visible;
}

.tp-overflow-hidden { overflow:hidden;}

.tp-simpleresponsive img,
.rev_slider img{
	max-width:none !important;
	-moz-transition: none 0;
	-webkit-transition: none 0;
	-o-transition: none 0;
	transition: none 0;
	margin:0px;
	padding:0px;
	border-width:0px;
	border:none;
}

.rev_slider .no-slides-text{
	font-weight:bold;
	text-align:center;
	padding-top:80px;
}

.rev_slider >ul,
.rev_slider_wrapper >ul,
.tp-revslider-mainul >li,
.rev_slider >ul >li,
.rev_slider >ul >li:before,
.tp-revslider-mainul >li:before,
.tp-simpleresponsive >ul,
.tp-simpleresponsive >ul >li,
.tp-simpleresponsive >ul >li:before,
.tp-revslider-mainul >li,
.tp-simpleresponsive >ul >li{
	list-style:none !important;
	position:absolute;	
	margin:0px !important;
	padding:0px !important;
	overflow-x: visible;
	overflow-y: visible;
	list-style-type: none !important;
	background-image:none;
	background-position:0px 0px;
	text-indent: 0em;
	top:0px;left:0px;
}


.tp-revslider-mainul >li,
.rev_slider >ul >li,
.rev_slider >ul >li:before,
.tp-revslider-mainul >li:before,
.tp-simpleresponsive >ul >li,
.tp-simpleresponsive >ul >li:before,
.tp-revslider-mainul >li,
.tp-simpleresponsive >ul >li { 
	visibility:hidden; 
}

.tp-revslider-slidesli,
.tp-revslider-mainul	{	
	padding:0 !important; 
	margin:0 !important; 
	list-style:none !important;
}

.rev_slider .tp-caption,
.rev_slider .caption 	{ 
	position:relative;  
	visibility:hidden; 
	white-space: nowrap;
	display: block;
}

	
/* CAROUSEL FUNCTIONS */
.tp-carousel-wrapper {
	cursor:url(/web/20220417232437im_/https://www.sbb.com.tw/wp-content/plugins/revslider/public/assets/css/openhand.cur), move;
}
.tp-carousel-wrapper.dragged {
	cursor:url(/web/20220417232437im_/https://www.sbb.com.tw/wp-content/plugins/revslider/public/assets/css/closedhand.cur), move;
}

/* ADDED FOR SLIDELINK MANAGEMENT */
.tp-caption {
	z-index:1
}

.tp_inner_padding {	
	box-sizing:border-box;	
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	max-height:none !important;	
}


.tp-caption {	
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;	
	position:absolute;
	-webkit-font-smoothing: antialiased !important;
}



.tp-forcenotvisible,
.tp-hide-revslider,
.tp-caption.tp-hidden-caption {	
	visibility:hidden !important; 
	display:none !important
}

.rev_slider embed,
.rev_slider iframe,
.rev_slider object,
.rev_slider video {
	max-width: none !important
}



/**********************************************
	-	FULLSCREEN AND FULLWIDHT CONTAINERS	-
**********************************************/
.rev_slider_wrapper	{	width:100%;}

.fullscreen-container {	
	position:relative;
	padding:0;
}


.fullwidthbanner-container{
	position:relative;
	padding:0;
	overflow:hidden;
}

.fullwidthbanner-container .fullwidthabanner{
	width:100%;
	position:relative;
}



/*********************************
	-	SPECIAL TP CAPTIONS -
**********************************/

.tp-static-layers				{	
	position:absolute; z-index:505; top:0px;left:0px}


.tp-caption .frontcorner		{
	width: 0;
	height: 0;
	border-left: 40px solid transparent;
	border-right: 0px solid transparent;
	border-top: 40px solid #00A8FF;
	position: absolute;left:-40px;top:0px;
}

.tp-caption .backcorner		{
	width: 0;
	height: 0;
	border-left: 0px solid transparent;
	border-right: 40px solid transparent;
	border-bottom: 40px solid #00A8FF;
	position: absolute;right:0px;top:0px;
}

.tp-caption .frontcornertop		{
	width: 0;
	height: 0;
	border-left: 40px solid transparent;
	border-right: 0px solid transparent;
	border-bottom: 40px solid #00A8FF;
	position: absolute;left:-40px;top:0px;
}

.tp-caption .backcornertop		{
	width: 0;
	height: 0;
	border-left: 0px solid transparent;
	border-right: 40px solid transparent;
	border-top: 40px solid #00A8FF;
	position: absolute;right:0px;top:0px;
}
									
.tp-layer-inner-rotation {	
	position: relative !important;
}		


/***********************************************
	-	SPECIAL ALTERNATIVE IMAGE SETTINGS	-
***********************************************/

img.tp-slider-alternative-image	{	
	width:100%; height:auto;
}


/******************************
	-	IE8 HACKS	-
*******************************/
.noFilterClass {
	filter:none !important;
}


/********************************
	-	FULLSCREEN VIDEO	-
*********************************/

.rs-background-video-layer 		{	position: absolute;top:0px;left:0px; width:100%;height:100%;visibility: hidden;z-index: 0;}

.tp-caption.coverscreenvideo	{	width:100%;height:100%;top:0px;left:0px;position:absolute;}
.caption.fullscreenvideo,
.tp-caption.fullscreenvideo		{	left:0px; top:0px; position:absolute;width:100%;height:100%}

.caption.fullscreenvideo iframe,
.caption.fullscreenvideo video,
.tp-caption.fullscreenvideo iframe,
.tp-caption.fullscreenvideo iframe video	{ width:100% !important; height:100% !important; display: none}

.fullcoveredvideo video,
.fullscreenvideo video				{	background: #000}

.fullcoveredvideo .tp-poster		{	background-position: center center;background-size: cover;width:100%;height:100%;top:0px;left:0px}


.videoisplaying .html5vid .tp-poster	{	display: none}

.tp-video-play-button					{	
	background:#000;
	background:rgba(0,0,0,0.3);										
	border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;
	position: absolute;
	top: 50%;
	left: 50%;										
	color: #FFF;
	z-index: 3;
	margin-top: -25px;
	margin-left: -25px;
	line-height: 50px !important;
	text-align: center;
	cursor: pointer;
	width: 50px;
	height:50px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;	
	display: inline-block;	
	vertical-align: top;
	z-index: 4;
	opacity: 0;
	-webkit-transition:opacity 300ms ease-out !important;
	-moz-transition:opacity 300ms ease-out !important;
	-o-transition:opacity 300ms ease-out !important;
	transition:opacity 300ms ease-out !important;				
}
.tp-caption .html5vid					{	width:100% !important; height:100% !important;}									
.tp-video-play-button i 				{	width:50px;height:50px; display:inline-block; text-align: center; vertical-align: top; line-height: 50px !important; font-size: 40px !important;}									
.tp-caption:hover .tp-video-play-button	{	opacity: 1;}
.tp-caption .tp-revstop					{	display:none; border-left:5px solid #fff !important; border-right:5px solid #fff !important;margin-top:15px !important;line-height: 20px !important;vertical-align: top; font-size:25px !important;}
.videoisplaying .revicon-right-dir		{	display:none}
.videoisplaying .tp-revstop				{	display:inline-block}

.videoisplaying  .tp-video-play-button			{	display:none}
.tp-caption:hover .tp-video-play-button 		{ 	display:block}

.fullcoveredvideo .tp-video-play-button			{	display:none !important}


.fullscreenvideo .fullscreenvideo video 		{	object-fit:contain !important;}

.fullscreenvideo .fullcoveredvideo video 		{	object-fit:cover !important;}

.tp-video-controls {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 5px;
	opacity: 0;
	-webkit-transition: opacity .3s;
	-moz-transition: opacity .3s;
	-o-transition: opacity .3s;
	-ms-transition: opacity .3s;
	transition: opacity .3s;
	background-image: linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%);
	background-image: -o-linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%);
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.13, rgb(0,0,0)),color-stop(1, rgb(50,50,50)));	
	display:table;max-width:100%; overflow:hidden;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
}

.tp-caption:hover .tp-video-controls {	opacity: .9;}

.tp-video-button {
	background: rgba(0,0,0,.5);
	border: 0;
	color: #EEE;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	cursor:pointer;
	line-height:12px;
	font-size:12px;
	color:#fff;
	padding:0px;
	margin:0px;
	outline: none;
	}
.tp-video-button:hover 				{	cursor: pointer;}


.tp-video-button-wrap,
.tp-video-seek-bar-wrap,
.tp-video-vol-bar-wrap 				{ 	padding:0px 5px;display:table-cell; }

.tp-video-seek-bar-wrap				{	width:80%}
.tp-video-vol-bar-wrap				{	width:20%}

.tp-volume-bar,
.tp-seek-bar						{	width:100%; cursor: pointer;  outline:none; line-height:12px;margin:0; padding:0;}


.rs-fullvideo-cover					{	width:100%;height:100%;top:0px;left:0px;position: absolute; background:transparent;z-index:5;}




/********************************
	-	DOTTED OVERLAYS	-
*********************************/
.tp-dottedoverlay						{	background-repeat:repeat;width:100%;height:100%;position:absolute;top:0px;left:0px;z-index:3}
.tp-dottedoverlay.twoxtwo				{	background:url(/web/20220417232437im_/https://www.sbb.com.tw/wp-content/plugins/revslider/public/assets/assets/gridtile.png)}
.tp-dottedoverlay.twoxtwowhite			{	background:url(/web/20220417232437im_/https://www.sbb.com.tw/wp-content/plugins/revslider/public/assets/assets/gridtile_white.png)}
.tp-dottedoverlay.threexthree			{	background:url(/web/20220417232437im_/https://www.sbb.com.tw/wp-content/plugins/revslider/public/assets/assets/gridtile_3x3.png)}
.tp-dottedoverlay.threexthreewhite		{	background:url(/web/20220417232437im_/https://www.sbb.com.tw/wp-content/plugins/revslider/public/assets/assets/gridtile_3x3_white.png)}


/******************************
	-	SHADOWS		-
******************************/

.tp-shadowcover	{	width:100%;height:100%;top:0px;left:0px;background: #fff;position: absolute; z-index: -1;}
.tp-shadow1 {
	-webkit-box-shadow: 0 10px 6px -6px rgba(0,0,0,0.8);
	   -moz-box-shadow: 0 10px 6px -6px rgba(0,0,0,0.8);
	        box-shadow: 0 10px 6px -6px rgba(0,0,0,0.8);
}

.tp-shadow2:before, .tp-shadow2:after,
.tp-shadow3:before, .tp-shadow4:after
{
  z-index: -2;
  position: absolute;
  content: "";
  bottom: 10px;
  left: 10px;
  width: 50%;
  top: 85%;
  max-width:300px;
  background: transparent;
  -webkit-box-shadow: 0 15px 10px rgba(0,0,0,0.8);
  -moz-box-shadow: 0 15px 10px rgba(0,0,0,0.8);
  box-shadow: 0 15px 10px rgba(0,0,0,0.8);
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}

.tp-shadow2:after,
.tp-shadow4:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}

.tp-shadow5
{
  	position:relative;       
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.tp-shadow5:before, .tp-shadow5:after
{
	content:"";
    position:absolute; 
    z-index:-2;
    -webkit-box-shadow:0 0 25px 0px rgba(0,0,0,0.6);
    -moz-box-shadow:0 0 25px 0px  rgba(0,0,0,0.6);
    box-shadow:0 0 25px 0px  rgba(0,0,0,0.6);
    top:30%;
    bottom:0;
    left:20px;
    right:20px;
    -moz-border-radius:100px / 20px;
    border-radius:100px / 20px;
}

/******************************
	-	BUTTONS	-
*******************************/

.tp-button{
	padding:6px 13px 5px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	height:30px;
	cursor:pointer;
	color:#fff !important; text-shadow:0px 1px 1px rgba(0, 0, 0, 0.6) !important; font-size:15px; line-height:45px !important;
	background:url(/web/20220417232437im_/https://www.sbb.com.tw/wp-content/plugins/revslider/public/assets/images/gradient/g30.png) repeat-x top; font-family: arial, sans-serif; font-weight: bold; letter-spacing: -1px;
	text-decoration:none;
}

.tp-button.big	{	color:#fff; text-shadow:0px 1px 1px rgba(0, 0, 0, 0.6); font-weight:bold; padding:9px 20px; font-size:19px;  line-height:57px !important; background:url(/web/20220417232437im_/https://www.sbb.com.tw/wp-content/plugins/revslider/public/assets/images/gradient/g40.png) repeat-x top}


.purchase:hover,
.tp-button:hover,
.tp-button.big:hover {	background-position:bottom, 15px 11px}

	
/*	BUTTON COLORS	*/

.tp-button.green, .tp-button:hover.green,
.purchase.green, .purchase:hover.green			{ background-color:#21a117; -webkit-box-shadow:  0px 3px 0px 0px #104d0b;        -moz-box-shadow:   0px 3px 0px 0px #104d0b;        box-shadow:   0px 3px 0px 0px #104d0b;  }

.tp-button.blue, .tp-button:hover.blue,
.purchase.blue, .purchase:hover.blue			{ background-color:#1d78cb; -webkit-box-shadow:  0px 3px 0px 0px #0f3e68;        -moz-box-shadow:   0px 3px 0px 0px #0f3e68;        box-shadow:   0px 3px 0px 0px #0f3e68}

.tp-button.red, .tp-button:hover.red,
.purchase.red, .purchase:hover.red				{ background-color:#cb1d1d; -webkit-box-shadow:  0px 3px 0px 0px #7c1212;        -moz-box-shadow:   0px 3px 0px 0px #7c1212;        box-shadow:   0px 3px 0px 0px #7c1212}

.tp-button.orange, .tp-button:hover.orange,
.purchase.orange, .purchase:hover.orange		{ background-color:#ff7700; -webkit-box-shadow:  0px 3px 0px 0px #a34c00;        -moz-box-shadow:   0px 3px 0px 0px #a34c00;        box-shadow:   0px 3px 0px 0px #a34c00}

.tp-button.darkgrey,.tp-button.grey,
.tp-button:hover.darkgrey,.tp-button:hover.grey,
.purchase.darkgrey, .purchase:hover.darkgrey	{ background-color:#555; -webkit-box-shadow:  0px 3px 0px 0px #222;        -moz-box-shadow:   0px 3px 0px 0px #222;        box-shadow:   0px 3px 0px 0px #222}

.tp-button.lightgrey, .tp-button:hover.lightgrey,
.purchase.lightgrey, .purchase:hover.lightgrey	{ background-color:#888; -webkit-box-shadow:  0px 3px 0px 0px #555;        -moz-box-shadow:   0px 3px 0px 0px #555;        box-shadow:   0px 3px 0px 0px #555}



/* TP BUTTONS DESKTOP SIZE */

.rev-btn,
.rev-btn:visited						{ 	outline:none !important; box-shadow:none !important; text-decoration: none !important; line-height: 44px; font-size: 17px; font-weight: 500; padding: 12px 35px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;  font-family: "Roboto", sans-serif;  cursor: pointer;}

.rev-btn.rev-uppercase,
.rev-btn.rev-uppercase:visited			{ 	text-transform: uppercase; letter-spacing: 1px; font-size: 15px; font-weight: 900; }

.rev-btn.rev-withicon i					{ 	font-size: 15px; font-weight: normal; position: relative; top: 0px; -webkit-transition: all 0.2s ease-out !important; -moz-transition: all 0.2s ease-out !important; -o-transition: all 0.2s ease-out !important; -ms-transition: all 0.2s ease-out !important; margin-left:10px !importan;}

.rev-btn.rev-hiddenicon i				{ 	font-size: 15px; font-weight: normal; position: relative; top: 0px; -webkit-transition: all 0.2s ease-out !important; -moz-transition: all 0.2s ease-out !important; -o-transition: all 0.2s ease-out !important; -ms-transition: all 0.2s ease-out !important; opacity: 0; margin-left:0px !important; width:0px !important;  }
.rev-btn.rev-hiddenicon:hover i			{   opacity: 1 !important; margin-left:10px !important; width:auto !important;}

/* REV BUTTONS MEDIUM */
.rev-btn.rev-medium,
.rev-btn.rev-medium:visited				{	 line-height: 36px; font-size: 14px; padding: 10px 30px; }

.rev-btn.rev-medium.rev-withicon i		{ 	font-size: 14px; top: 0px; }

.rev-btn.rev-medium.rev-hiddenicon i	{ 	font-size: 14px; top: 0px; }


/* REV BUTTONS SMALL */
.rev-btn.rev-small,
.rev-btn.rev-small:visited				{	line-height: 28px; font-size: 12px; padding: 7px 20px; }

.rev-btn.rev-small.rev-withicon i		{	font-size: 12px; top: 0px; }

.rev-btn.rev-small.rev-hiddenicon i		{ 	font-size: 12px; top: 0px; }


/* ROUNDING OPTIONS */
.rev-maxround 							{ 	-webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
.rev-minround 							{ 	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }	


/* BURGER BUTTON */
.rev-burger {
  position: relative;
  width: 60px;
  height: 60px;
  box-sizing: border-box;
  padding: 22px 0 0 14px;
  border-radius: 50%;
  border: 1px solid rgba(51,51,51,0.25);
  tap-highlight-color: transparent;
  cursor: pointer;
}
.rev-burger span {
  display: block;
  width: 30px;
  height: 3px;
  background: #333;
  transition: .7s;
  pointer-events: none;
  transform-style: flat !important;
}
.rev-burger span:nth-child(2) {
  margin: 3px 0;
}

#dialog_addbutton .rev-burger:hover :first-child,
.open .rev-burger :first-child,
.open.rev-burger :first-child {
  transform: translateY(6px) rotate(-45deg);
  -webkit-transform: translateY(6px) rotate(-45deg);
}
#dialog_addbutton .rev-burger:hover :nth-child(2),
.open .rev-burger :nth-child(2),
.open.rev-burger :nth-child(2) {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  opacity: 0;
}
#dialog_addbutton .rev-burger:hover :last-child,
.open .rev-burger :last-child,
.open.rev-burger :last-child {
  transform: translateY(-6px) rotate(-135deg);
  -webkit-transform: translateY(-6px) rotate(-135deg);
}

.rev-burger.revb-white {
  border: 2px solid rgba(255,255,255,0.2);
}
.rev-burger.revb-white span {
  background: #fff;
}
.rev-burger.revb-whitenoborder {
  border: 0;
}
.rev-burger.revb-whitenoborder span {
  background: #fff;
}
.rev-burger.revb-darknoborder {
  border: 0;
}
.rev-burger.revb-darknoborder span {
  background: #333;
}

.rev-burger.revb-whitefull {
  background: #fff;
  border:none;
}

.rev-burger.revb-whitefull span {
	background:#333;
}

.rev-burger.revb-darkfull {
  background: #333;
  border:none;
}

.rev-burger.revb-darkfull span {
	background:#fff;
}


/* SCROLL DOWN BUTTON */
@-webkit-keyframes rev-ani-mouse {
	0% { opacity: 1;top: 29%;}
	15% {opacity: 1;top: 50%;}
	50% { opacity: 0;top: 50%;}
	100% { opacity: 0;top: 29%;}
}
@-moz-keyframes rev-ani-mouse {
	0% {opacity: 1;top: 29%;}
	15% {opacity: 1;top: 50%;}
	50% {opacity: 0;top: 50%;}
	100% {opacity: 0;top: 29%;}
}
@keyframes rev-ani-mouse {
	0% {opacity: 1;top: 29%;}
	15% {opacity: 1;top: 50%;}
	50% {opacity: 0;top: 50%;}
	100% {opacity: 0;top: 29%;}
}
.rev-scroll-btn {
	display: inline-block;
	position: relative;
	left: 0;
	right: 0;
	text-align: center;
	cursor: pointer;
	width:35px;
	height:55px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 3px solid white;
	border-radius: 23px;
}
.rev-scroll-btn > * {
	display: inline-block;
	line-height: 18px;
	font-size: 13px;
	font-weight: normal;
	color: #7f8c8d;
	color: #ffffff;
	font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
	letter-spacing: 2px;
}
.rev-scroll-btn > *:hover,
.rev-scroll-btn > *:focus,
.rev-scroll-btn > *.active {
	color: #ffffff;
}
.rev-scroll-btn > *:hover,
.rev-scroll-btn > *:focus,
.rev-scroll-btn > *:active,
.rev-scroll-btn > *.active {
	opacity: 0.8;
	filter: alpha(opacity=80);
}

.rev-scroll-btn.revs-fullwhite  {
	background:#fff;
}

.rev-scroll-btn.revs-fullwhite span {
	background: #333;	
}

.rev-scroll-btn.revs-fulldark  {
	background:#333;
	border:none;
}

.rev-scroll-btn.revs-fulldark  span {
	background: #fff;	
}

.rev-scroll-btn span {
	position: absolute;
	display: block;
	top: 29%;
	left: 50%;
	width: 8px;
	height: 8px;
	margin: -4px 0 0 -4px;
	background: white;
	border-radius: 50%;
	-webkit-animation: rev-ani-mouse 2.5s linear infinite;
	-moz-animation: rev-ani-mouse 2.5s linear infinite;
	animation: rev-ani-mouse 2.5s linear infinite;
}

.rev-scroll-btn.revs-dark {
	border-color:#333;
}
.rev-scroll-btn.revs-dark span {
	background: #333;	
}

.rev-control-btn {
	position: relative;
	display: inline-block;
	z-index: 5;	
	color: #FFF;  
	font-size: 20px;
	line-height: 60px;
	font-weight: 400;
	font-style: normal;
	font-family: Raleway;	
	text-decoration: none;
	text-align: center;
	background-color: #000;	
	border-radius: 50px;	
	text-shadow: none;
	background-color: rgba(0, 0, 0, 0.50);
	width:60px;
	height:60px;
	box-sizing: border-box;
	cursor: pointer;
}

.rev-cbutton-dark-sr	{	
	border-radius: 3px;		
}

.rev-cbutton-light	{	
	color: #333;  	
	background-color: rgba(255,255,255, 0.75);	
}

.rev-cbutton-light-sr	{		
	color: #333;  	
	border-radius: 3;		
	background-color: rgba(255,255,255, 0.75);
}


.rev-sbutton {	
	line-height: 37px;	
	width:37px;
	height:37px;	
}

.rev-sbutton-blue	{	
	background-color: #3B5998
}
.rev-sbutton-lightblue	{	
	background-color: #00A0D1;
}
.rev-sbutton-red	{	
	background-color: #DD4B39;
}




/************************************
-	TP BANNER TIMER		-
*************************************/
.tp-bannertimer								{	visibility: hidden; width:100%; height:5px; /*background:url(/web/20220417232437im_/https://www.sbb.com.tw/wp-content/plugins/revslider/public/assets/assets/timer.png);*/ background: #fff; background: rgba(0,0,0,0.15); position:absolute; z-index:200; top:0px}
.tp-bannertimer.tp-bottom					{	top:auto; bottom:0px !important;height:5px}


/*********************************************
-	BASIC SETTINGS FOR THE BANNER	-
***********************************************/

 .tp-simpleresponsive img {
	-moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}

.tp-caption img {
	background: transparent;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
	zoom: 1;
}



/*  CAPTION SLIDELINK   **/
.caption.slidelink a div,
.tp-caption.slidelink a div {	width:3000px; height:1500px;  background:url(/web/20220417232437im_/https://www.sbb.com.tw/wp-content/plugins/revslider/public/assets/assets/coloredbg.png) repeat}
.tp-caption.slidelink a span{	background:url(/web/20220417232437im_/https://www.sbb.com.tw/wp-content/plugins/revslider/public/assets/assets/coloredbg.png) repeat}
.tp-shape {	width:100%;height:100%;}




/******************************
	-	LOADER FORMS	-
********************************/

.tp-loader 	{
	top:50%; left:50%;
	z-index:10000;
	position:absolute;
}

.tp-loader.spinner0 {
	width: 40px;
	height: 40px;
	background-color: #fff;
	background:url(/web/20220417232437im_/https://www.sbb.com.tw/wp-content/plugins/revslider/public/assets/assets/loader.gif) no-repeat center center;
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
	margin-top:-20px;
	margin-left:-20px;
	-webkit-animation: tp-rotateplane 1.2s infinite ease-in-out;
	animation: tp-rotateplane 1.2s infinite ease-in-out;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}


.tp-loader.spinner1 {
	width: 40px;
	height: 40px;
	background-color: #fff;
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
	margin-top:-20px;
	margin-left:-20px;
	-webkit-animation: tp-rotateplane 1.2s infinite ease-in-out;
	animation: tp-rotateplane 1.2s infinite ease-in-out;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}



.tp-loader.spinner5 	{	
	background:url(/web/20220417232437im_/https://www.sbb.com.tw/wp-content/plugins/revslider/public/assets/assets/loader.gif) no-repeat 10px 10px;
	background-color:#fff;
	margin:-22px -22px;
	width:44px;height:44px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}


@-webkit-keyframes tp-rotateplane {
  0% { -webkit-transform: perspective(120px) }
  50% { -webkit-transform: perspective(120px) rotateY(180deg) }
  100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}

@keyframes tp-rotateplane {
  0% { transform: perspective(120px) rotateX(0deg) rotateY(0deg);} 
  50% { transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);} 
  100% { transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);}
}


.tp-loader.spinner2 {
	width: 40px;
	height: 40px;
	margin-top:-20px;margin-left:-20px;
	background-color: #ff0000;
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
	border-radius: 100%;
	-webkit-animation: tp-scaleout 1.0s infinite ease-in-out;
	animation: tp-scaleout 1.0s infinite ease-in-out;
}

@-webkit-keyframes tp-scaleout {
  0% { -webkit-transform: scale(0.0) }
  100% {-webkit-transform: scale(1.0); opacity: 0;}
}

@keyframes tp-scaleout {
  0% {transform: scale(0.0);-webkit-transform: scale(0.0);} 
  100% {transform: scale(1.0);-webkit-transform: scale(1.0);opacity: 0;}
}


.tp-loader.spinner3 {
  margin: -9px 0px 0px -35px;
  width: 70px;
  text-align: center;
}

.tp-loader.spinner3 .bounce1,
.tp-loader.spinner3 .bounce2,
.tp-loader.spinner3 .bounce3 {
  width: 18px;
  height: 18px;
  background-color: #fff;
  box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: tp-bouncedelay 1.4s infinite ease-in-out;
  animation: tp-bouncedelay 1.4s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.tp-loader.spinner3 .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.tp-loader.spinner3 .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes tp-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0.0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes tp-bouncedelay {
  0%, 80%, 100% {transform: scale(0.0);} 
  40% {transform: scale(1.0);}
}




.tp-loader.spinner4 {
  margin: -20px 0px 0px -20px;
  width: 40px;
  height: 40px;
  text-align: center;
  -webkit-animation: tp-rotate 2.0s infinite linear;
  animation: tp-rotate 2.0s infinite linear;
}

.tp-loader.spinner4 .dot1,
.tp-loader.spinner4 .dot2 {
  width: 60%;
  height: 60%;
  display: inline-block;
  position: absolute;
  top: 0;
  background-color: #fff;
  border-radius: 100%;
  -webkit-animation: tp-bounce 2.0s infinite ease-in-out;
  animation: tp-bounce 2.0s infinite ease-in-out;
  box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
}

.tp-loader.spinner4 .dot2 {
  top: auto;
  bottom: 0px;
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes tp-rotate { 100% { -webkit-transform: rotate(360deg) }}
@keyframes tp-rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) }}

@-webkit-keyframes tp-bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes tp-bounce {
  0%, 100% {transform: scale(0.0);} 
  50% { transform: scale(1.0);}
}



/***********************************************
	-  STANDARD NAVIGATION SETTINGS 
***********************************************/


.tp-thumbs.navbar,
.tp-bullets.navbar,
.tp-tabs.navbar					{	border:none; min-height: 0; margin:0; border-radius: 0; -moz-border-radius:0; -webkit-border-radius:0;}

.tp-tabs,
.tp-thumbs,
.tp-bullets						{	position:absolute; display:block; z-index:1000; top:0px; left:0px;}

.tp-tab,
.tp-thumb 						{	cursor: pointer; position:absolute;opacity:0.5;  box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}

.tp-videoposter,
.tp-thumb-image,
.tp-tab-image					{	background-position: center center; background-size:cover;width:100%;height:100%; display:block; position:absolute;top:0px;left:0px;}

.tp-tab:hover,
.tp-tab.selected,
.tp-thumb:hover,
.tp-thumb.selected				{	opacity:1;}

.tp-tab-mask,
.tp-thumb-mask 					{	box-sizing:border-box !important; -webkit-box-sizing:border-box !important; -moz-box-sizing:border-box !important}

.tp-tabs,
.tp-thumbs						{	box-sizing:content-box !important; -webkit-box-sizing:content-box !important; -moz-box-sizing: content-box !important}

.tp-bullet 						{	width:15px;height:15px; position:absolute; background:#fff; background:rgba(255,255,255,0.3); cursor: pointer;}
.tp-bullet.selected,
.tp-bullet:hover				{	background:#fff;}

.tp-bannertimer					{	background:#000; background:rgba(0,0,0,0.15); height:5px;}


.tparrows						{	cursor:pointer; background:#000; background:rgba(0,0,0,0.5); width:40px;height:40px;position:absolute; display:block; z-index:100; }
.tparrows:hover 				{	background:#000;}
.tparrows:before				{	font-family: "revicons"; font-size:15px; color:#fff; display:block; line-height: 40px; text-align: center;}
.tparrows.tp-leftarrow:before	{	content: '\e824'; }
.tparrows.tp-rightarrow:before	{	content: '\e825'; }



/*******************
	- DEBUG MODE -
*******************/

.hglayerinfo				   {	  position: fixed;
  bottom: 0px;
  left: 0px;
  color: #FFF;
  font-size: 12px;
  line-height: 20px;
  font-weight: 600;
  background: rgba(0, 0, 0, 0.75);
  padding: 5px 10px;
  z-index: 2000;
  white-space: normal;}
.hginfo 					   { 	position:absolute;top:-2px;left:-2px;color:#e74c3c;font-size:12px;font-weight:600; background:#000;padding:2px 5px;}
.indebugmode .tp-caption:hover { 	border:1px dashed #c0392b !important;}
.helpgrid 					   { 	border:2px dashed #c0392b;position:absolute;top:0px;peft:0px;z-index:0 }


/*
     FILE ARCHIVED ON 23:24:37 Apr 17, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 06:26:30 Jun 12, 2023.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 309.738
  exclusion.robots: 0.155
  exclusion.robots.policy: 0.146
  RedisCDXSource: 14.688
  esindex: 0.007
  LoadShardBlock: 278.38 (3)
  PetaboxLoader3.datanode: 187.721 (5)
  load_resource: 91.318
  PetaboxLoader3.resolve: 26.197
  loaddict: 28.639
*/
@font-face {
  font-family: 'feature-background';
  src: url('/web/20220417232438im_/https://www.sbb.com.tw/wp-content/plugins/so-widgets-bundle/widgets/features/css/fonts/feature-background.eot');
  src: url('/web/20220417232438im_/https://www.sbb.com.tw/wp-content/plugins/so-widgets-bundle/widgets/features/css/fonts/feature-background.eot') format('embedded-opentype'), url('/web/20220417232438im_/https://www.sbb.com.tw/wp-content/plugins/so-widgets-bundle/widgets/features/css/fonts/feature-background.woff') format('woff'), url('/web/20220417232438im_/https://www.sbb.com.tw/wp-content/plugins/so-widgets-bundle/widgets/features/css/fonts/feature-background.ttf') format('truetype'), url('/web/20220417232438im_/https://www.sbb.com.tw/wp-content/plugins/so-widgets-bundle/widgets/features/css/fonts/feature-background.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
.sow-features-list {
  margin: 0 -25px;
  zoom: 1;
}
.sow-features-list:before {
  content: '';
  display: block;
}
.sow-features-list:after {
  content: '';
  display: table;
  clear: both;
}
.sow-features-list .sow-features-feature {
  text-align: center;
  float: left;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 25px;
  margin-bottom: 40px;
}
.sow-features-list .sow-features-feature .sow-icon-container {
  text-decoration: none;
}
.sow-features-list .sow-features-feature .sow-icon-container [class^="sow-icon-"],
.sow-features-list .sow-features-feature .sow-icon-container .sow-icon-image {
  text-decoration: none;
  display: block;
  color: #FFFFFF;
  width: 1em;
  height: 1em;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -0.5em;
  margin-left: -0.5em;
  background-size: contain;
}
.sow-features-list .sow-features-feature h5 {
  margin: 1em 0;
}
.sow-features-list .sow-features-feature h5 a {
  color: inherit;
  text-decoration: none;
}
.sow-features-list .sow-features-feature h5 a:hover {
  text-decoration: underline;
}
.sow-features-list .sow-features-feature p.sow-more-text a {
  font-weight: 500;
  color: inherit;
  text-decoration: none;
}
.sow-features-list .sow-features-feature p.sow-more-text a:hover {
  text-decoration: underline;
}
.sow-features-list .sow-features-feature p:last-child {
  margin-bottom: 0;
}
.sow-features-list .sow-features-feature.sow-features-feature-last-row {
  margin-bottom: 0;
}
.sow-features-list .sow-features-clear {
  clear: both;
}
@media (max-width: 520px) {
  .sow-features-list.sow-features-responsive .sow-features-feature {
    width: 100% !important;
    float: none;
    margin-bottom: 40px;
  }
  .sow-features-list.sow-features-responsive .sow-features-feature:last-child {
    margin-bottom: 0px;
  }
  .sow-features-list.sow-features-responsive .sow-features-clear {
    clear: none;
  }
}
.sow-features-list {
  /*
	The Container Icons
	*/
}
.sow-features-list .sow-icon-container {
  font-family: 'feature-background';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  font-size: 90px;
  position: relative;
  color: #404040;
}
.sow-features-list .sow-icon-container.sow-container-round:before {
  content: "\e600";
}
.sow-features-list .sow-icon-container.sow-container-sticker:before {
  content: "\e601";
}
.sow-features-list .sow-icon-container.sow-container-rounded-sticker:before {
  content: "\e602";
}
.sow-features-list .sow-icon-container.sow-container-square:before {
  content: "\e603";
}
.sow-features-list .sow-icon-container.sow-container-rounded-square:before {
  content: "\e604";
}
.sow-features-list .sow-icon-container.sow-container-rounded-hex:before {
  content: "\e605";
}
.sow-features-list .sow-icon-container.sow-container-octagon:before {
  content: "\e606";
}
.sow-features-list .sow-icon-container.sow-container-hex:before {
  content: "\e607";
}
.sow-features-list .sow-icon-container.sow-container-frame:before {
  content: "\e608";
}
.sow-features-list .sow-icon-container.sow-container-explode:before {
  content: "\e609";
}

/*
     FILE ARCHIVED ON 23:24:38 Apr 17, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 06:26:32 Jun 12, 2023.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 292.515
  exclusion.robots: 0.095
  exclusion.robots.policy: 0.088
  cdx.remote: 0.043
  esindex: 0.007
  LoadShardBlock: 258.677 (3)
  PetaboxLoader3.datanode: 224.921 (5)
  PetaboxLoader3.resolve: 104.824 (2)
  load_resource: 121.222
  loaddict: 78.288
*/.so-widget-sow-features-default-82f648eb1ef0 .sow-features-list .sow-features-feature .textwidget > h5 {
  font-size: 22px;
  color: #005ca2;
}
.so-widget-sow-features-default-82f648eb1ef0 .sow-features-list .sow-features-feature .textwidget > p {
  font-size: 16px;
  color: #000000;
}
/*
     FILE ARCHIVED ON 08:32:08 Apr 26, 2023 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 06:26:34 Jun 12, 2023.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 127.532
  exclusion.robots: 0.13
  exclusion.robots.policy: 0.12
  cdx.remote: 0.059
  esindex: 0.009
  LoadShardBlock: 97.686 (3)
  PetaboxLoader3.datanode: 98.605 (4)
  load_resource: 99.358
  PetaboxLoader3.resolve: 65.486
*/.so-widget-sow-image-default-1c389ca87c1a .sow-image-container {
  text-align: center;
}
.so-widget-sow-image-default-1c389ca87c1a .sow-image-container .so-widget-image {
  display: inline-block;
  max-width: 100%;
  
  height: auto;
}
/*
     FILE ARCHIVED ON 08:31:46 Apr 26, 2023 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 06:26:36 Jun 12, 2023.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 91.337
  exclusion.robots: 0.24
  exclusion.robots.policy: 0.224
  cdx.remote: 0.088
  esindex: 0.012
  LoadShardBlock: 61.659 (3)
  PetaboxLoader3.datanode: 71.751 (4)
  load_resource: 58.999
  PetaboxLoader3.resolve: 31.217
*/

/* `XHTML, HTML4, HTML5 Reset
----------------------------------------------------------------------------------------------------*/

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
dialog,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
font,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
hr,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
meter,
nav,
object,
ol,
output,
p,
pre,
progress,
q,
rp,
rt,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video,
xmp {
  border: 0;
  margin: 0;
  padding: 0;
  font-size: 100%;
}

html,
body {
  height: 100%;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
/*
  Override the default (display: inline) for
  browsers that do not recognize HTML5 tags.

  IE8 (and lower) requires a shiv:
  http://ejohn.org/blog/html5-shiv
*/
  display: block;
}

b,
strong {
/*
  Makes browsers agree.
  IE + Opera = font-weight: bold.
  Gecko + WebKit = font-weight: bolder.
*/
  font-weight: bold;
}

img {
  color: transparent;
  font-size: 0;
  vertical-align: middle;
/*
  For IE.
  http://css-tricks.com/ie-fix-bicubic-scaling-for-images
*/
  -ms-interpolation-mode: bicubic;
}

li {
/*
  For IE6 + IE7.
*/
  display: list-item;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

th,
td,
caption {
  font-weight: normal;
  vertical-align: top;
  text-align: left;
}

svg {
/*
  For IE9.
*/
  overflow: hidden;
}
/*
     FILE ARCHIVED ON 23:25:25 Apr 17, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 06:26:39 Jun 12, 2023.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 105.695
  exclusion.robots: 0.158
  exclusion.robots.policy: 0.146
  cdx.remote: 0.073
  esindex: 0.01
  LoadShardBlock: 77.088 (3)
  PetaboxLoader3.datanode: 93.641 (5)
  load_resource: 180.023
  PetaboxLoader3.resolve: 152.861
  loaddict: 13.781
*//* --------------------------------------------------------------
   typography.css
-------------------------------------------------------------- */
/* Default font settings.
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
html { font-size:100.00%; }
/* Headings
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #555; }
h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }
h1 img, h2 img, h3 img,
h4 img, h5 img, h6 img {
  margin: 0;
}
/* Text elements
-------------------------------------------------------------- */
p           { margin: 0 0 0.5em; }
/*
p           { margin: 0 0 [EM_MARGIN]em; }
*/
/* 
        These can be used to pull an image at the start of a paragraph, so 
        that the text flows around it (usage: <p><img class="left">Text</p>) 
*/
.left                   { float: left !important; }
p .left                 { margin: 0.5em 0.5em 0.5em 0; padding: 0; }
/*
p .left                 { margin: [EM_MARGIN]em [EM_MARGIN]em [EM_MARGIN]em 0; padding: 0; }
*/
.right                  { float: right; }
p .right                { margin: 0.5em 0 0.5em 0.5em; padding: 0; }
/*
p .right                { margin: [EM_MARGIN]em 0 [EM_MARGIN]em [EM_MARGIN]em; padding: 0; }
*/
a:focus,
a:hover     { color: #09f; }
a           { color: #06c; text-decoration: underline; }
blockquote  { margin: 0.5em; color: #666; font-style: italic; }
/*
blockquote  { margin: [EM_MARGIN]em; color: #666; font-style: italic; }
*/
strong,dfn      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }
abbr,
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 0.5em; font-style: italic; }
/*
address     { margin: 0 0 [EM_MARGIN]em; font-style: italic; }
*/
del         { color:#666; }
pre                             { margin: 0.5em 0; white-space: pre; }
/*
pre                             { margin: [EM_MARGIN]em 0; white-space: pre; }
*/
pre,code,tt {line-height: 1.5; }
/* Lists
-------------------------------------------------------------- */
li ul,
li ol       {  }
ul, ol      { margin: 0 0.5em 0.5em 0; padding-left: 0.5em; }
/*
ul, ol      { margin: 0 [EM_MARGIN]em [EM_MARGIN]em 0; padding-left: [EM_MARGIN]em; }
*/
ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }
dl          { margin: 0 0 [EM_MARGIN]em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: [EM_MARGIN]em;}
/* Tables
-------------------------------------------------------------- */
/* 
        Because of the need for padding on TH and TD, the vertical rhythm 
        on table cells has to be 27px, instead of the standard 18px or 36px 
        of other elements. 
*/ 
table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; }
thead th                { background: #c3d9ff; }
th,td,caption { padding: 4px 10px 4px 5px; }
/*
        You can zebra-stripe your tables in outdated browsers by adding 
        the class "even" to every other table row. 
*/
tbody tr:nth-child(even) td, 
tbody tr.even td  { 
        background: #e5ecf9; 
}
tfoot       { font-style: italic; }
caption     { background: #eee; }

/* Misc classes
-------------------------------------------------------------- */
.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }
.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }
.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }

/*
     FILE ARCHIVED ON 23:25:03 Apr 17, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 06:26:41 Jun 12, 2023.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 93.788
  exclusion.robots: 0.174
  exclusion.robots.policy: 0.161
  RedisCDXSource: 15.946
  esindex: 0.019
  LoadShardBlock: 61.003 (3)
  PetaboxLoader3.datanode: 85.823 (5)
  load_resource: 150.764
  PetaboxLoader3.resolve: 78.335
  loaddict: 44.445
*//*
Theme Name: Purple Play
Theme URI: http://www.sketchthemes.com/themes/
Description: Purple is a simple, minimal, responsive, easy to use, one click install, beautiful and Elegent WordPress Theme with Easy Custom Admin Options Created by SketchTheme.com. Using Sketch Mini theme options any one can easily customize this theme according to their need. You can use your own Logo, logo alt text, custom favicon, you can add social links, rss feed to homepage, you can use own copyright text, you can also insert analytics code etc. And all this information can be entered using Sketch Mini Theme Options Panel. You have to just set the content from the Sketch Mini Themes Options Panel and it'll be up ready to use.
Version: 1.0.0
Author: SketchThemes
Author URI: http://www.sketchthemes.com/
License: GNU General Public License v3.0
License URI: http://www.gnu.org/licenses/gpl.html
Tags: light, two-columns, custom-menu, sticky-post, translation-ready,  featured-image-header, featured-images, full-width-template, theme-options, threaded-comments, full-width-template
Text Domain : purpleplay;
------------------------------------------------------------- */

/*-- Clear Fix Css
-----------------------------*/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}
/*---------------------------*/
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, font, 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 {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
object, embed {
    max-width: 98%;
}
body {
	line-height: 1;
	background-color:#ffffff;
}
p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset, figure {
	font-weight: normal;
	margin-bottom: 20px;
}
ol{
	list-style: decimal outside none;
}
ul{
	list-style-type: disc;
}
li{
	margin-left: 30px;
}
blockquote {
    background-color: #D1CFCF;
    border-right: 3px solid #A9A9A9;
    font-size: 14px;
    font-style: italic;
    padding: 8px 5px 1px 20px;
	margin-right: 10px;
    quotes: none;
}
cite{
	font-weight: bold;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
th{
    background: #cccccc;; 
}
th,td{
    padding:3px 5px;
    border: 1px solid #cccccc; 
}
a,img {
	border: none;
	outline:none;
}
a {
    color: #353535;
    text-decoration: none;
}
/* =Global Elements
-------------------------------------------------------------- */
hr {
	background-color: #e7e7e7;
	border: 0;
	clear: both;
	height: 1px;
	margin-bottom: 18px;
}
/* Text elements */
p {
	margin-bottom: 18px;
	word-wrap: break-word;
}
ul {
	list-style: square;
	margin: 0 0 18px 0;
}
ol {
	list-style: decimal;
	margin: 0 0 18px 1.5em;
}
ol ol {
	list-style: upper-;
}
ol ol ol {
	list-style: lower-roman;
}
ol ol ol ol {
	list-style: lower-;
}
ul ul,
ol ol,
ul ol,
ol ul {
	margin-bottom: 0;
}
dl {
	margin: 0 0 24px 0;
}
dt {
	font-weight: bold;
}
dd {
	margin-bottom: 18px;
}
strong {
	font-weight: bold;
}
cite,
em,
i {
	font-style: italic;
}
big {
	font-size: 131.25%;
}
ins {
	background: #ffc;
	text-decoration: none;
}
blockquote {
	font-style: italic;
	padding: 0 3em;
}
blockquote cite,
blockquote em,
blockquote i {
	font-style: normal;
}
pre {
	background: #f7f7f7;
	color: #222;
	line-height: 18px;
	margin-bottom: 18px;
	padding: 1.5em;
}
abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
sup,
sub {
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
input[type="text"],
textarea {
	background: #f9f9f9;
	border: 1px solid #ccc;
	outline: none;
	padding: 2px;
	height: 30px;
}
textarea { height:182px;}
select{
	max-width: 100%;
}
a:hover {
	color:#504aa7;
}
/* Text meant only for screen readers */
.screen-reader-text {
	position: absolute;
	left: -9000px;
}
/* =@font-face
-------------------------------------------------------------- */
/* =Font-family
-------------------------------------------------------------- */
body{ font-family: 'Open Sans', sans-serif; color: #777; font-size: 15px; line-height: 25px;}
pre { font-family: "Courier 10 Pitch", Courier, monospace; overflow: auto; width: 100%; }
code { font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; }
#header-area img, #content img, .comment img, .widget img { height: auto; }
.float_right{float:right;}
.float_left{float:left;}
.image-wrapper{ line-height: 0; }
.image-wrapper img{ max-width: 100%; height: auto; }
.pp-slider .hvr-shutter-in-vertical span { color: #ffffff; font-size: 17px !important; }
.skt-section{ margin-top: 70px; }
.list-style-none {list-style-type: none; }
.text-center{text-align: center;}

/* =Common Area width style
-------------------------------------------------------------- */
.wrapper{ margin: 0 auto; }
#no-sidebar #content{}

/* =left-sidebar content style
-------------------------------------------------------------- */
#left-sidebar #sider-bar #primary,
#left-sidebar #sider-bar #secondary { padding-left: 0; }


/* search 
=======================================*/
.searchform { position: relative;     padding: 2px 0; }
.searchform  input[type="text"] { border:none; padding:1px 0 0 7px; color:#666; box-sizing:border-box; }
#sider-bar .searchform input[type="text"]{ border: 1px solid #CCCCCC; color: #666666; height: 40px; padding: 5px 0 5px 8px; width: 100%; }
.searchform input[type="submit"] { background-color: transparent; cursor: pointer; font-size: 0; height: 40px; position: absolute; right: 0; text-indent: -999999px; top: 9px; width: 40px; border: 0; z-index: 2; }
.search-icon i{ background-color: #504aa7; color: #fff; height: 40px; position: absolute; right: 0; top: 7px; text-align: center; width: 40px; line-height: 38px; z-index: 1;  -webkit-transition: all .3s ease;	-moz-transition: all .3s ease;	-o-transition: all .3s ease;	-ms-transition: all .3s ease; transition: all .3s linear 0s; }
#sider-bar .searchform input[type="submit"]{top: 7px;}

#footer .searchform input[type="submit"] {top: 2px; right: 12px; height: 30px; width: 32px; }
#footer .search-icon i{ height: 30px; right: 13px; top: 2px; width: 32px; line-height: 30px; z-index: 1;}

.error-search .searchform { background: none repeat scroll 0 0 #F7F7F8; border: 1px solid #DFDDDD; margin: 20px auto; position: relative; width: 400px; }
.error404 #content .searchform input[type="submit"], .error404 #content .search-icon i {top: 0; right: 0; height: 35px; width: 37px; border: 0 none; }
.error404 #content .searchform input[type="text"]{ background: none repeat scroll 0 0 #F8F8F8; border: 0 none; }


/* Header Navigation
============================================== */
#header {background-color: transparent; padding: 0; -webkit-transition: height 0.3s ease 0s, line-height 0.3s ease 0s; -moz-transition: height 0.3s ease 0s, line-height 0.3s ease 0s; -o-transition: height 0.3s ease 0s, line-height 0.3s ease 0s; transition: height 0.3s ease 0s, line-height 0.3s ease 0s; }
#header.skehead-headernav.skehead-headernav-shrink {position: fixed; -webkit-transition: height 0.3s ease 0s, line-height 0.3s ease 0s; -moz-transition: height 0.3s ease 0s, line-height 0.3s ease 0s; -o-transition: height 0.3s ease 0s, line-height 0.3s ease 0s; transition: height 0.3s ease 0s, line-height 0.3s ease 0s; -webkit-box-shadow: 0 -4px 6px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 -4px 6px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1); box-shadow: 0 -4px 6px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1); }
.skehead-headernav{ left: 0;top: 0; width: 100%; z-index: 999; }

#logo {-webkit-transition: height 0.3s ease 0s, line-height 0.3s ease 0s; -moz-transition: height 0.3s ease 0s, line-height 0.3s ease 0s; -o-transition: height 0.3s ease 0s, line-height 0.3s ease 0s; transition: height 0.3s ease 0s, line-height 0.3s ease 0s; position: relative; }
#logo .logo_inner { vertical-align:middle; }
#logo img{ max-width: 100%; }
#logo #site-title {  margin: 0;  font-size: 18px; word-wrap: break-word; }
#logo #site-title a { display: block; font-size: 30px; font-weight: 700; line-height: normal; text-decoration: none; }
#logo #site-description { font-size: 14px; line-height: 25px; font-weight: 400; }

#front-content-box {color: #262626; font-size: 14px; font-weight: 400; background-color: #f0f0f0; }
#skehead { padding: 20px 0 0 0;}
#skehead  .top-nav-menu{float:right;}
#skenav { background:none repeat scroll 0 0 transparent; display:block; margin-left:auto;  margin-right:auto; border:medium none;margin-top:0; }
#header.skehead-headernav.skehead-headernav-shrink #logo #site-description{display: none;}

#menu-main li.page_item.current_page_item > a, #menu-main li.current-menu-ancestor> a { border: 1px solid #353535; }
#menu-main>li:hover >a { border: 1px solid #353535; }
#menu-main > li {  padding-bottom: 20px; }
#menu-main>li>a { outline: 2px solid transparent; outline-offset: 3px; -webkit-transition: all .3s linear ease;	-moz-transition: all .3s linear ease;	-o-transition: all .3s linear ease;	-ms-transition: all .3s ease; transition: all .3s ease; border: 1px solid transparent; padding: 6px 22px; 
    font-size: 16px; }
#menu-main>li>a:hover { outline: 3px solid #504aa7; outline-offset: -3px; }
#menu-main .sub-menu a { border-bottom: 1px solid #353535; border-top: 1px solid #070808; }
#menu-icon{display: none;}
#skenav {background:none repeat scroll 0 0 transparent;  display:block;  margin-left:auto;  margin-right:auto;  border:medium none;  } 
#skehead .sub-menu { display: none; } 
#skenav .ske-menu, ul.menu {  font-size: 13px;  margin: 0px;  display:inline-block;  width:auto;  float:right;  }
#skenav .ske-menu ul.menu {  list-style: none;  margin: 0;  }
#skenav .ske-menu .menu li, ul.menu li {  float: left;  position: relative;  margin-left: 0px;  list-style: none outside none;  }
#skenav a {color: #333333; display: block; font-size: 13px; padding: 0 22px; text-decoration: none; text-transform: capitalize; transition: color 0.1s linear 0s, background 0.1s linear 0s; -webkit-transition: color 0.1s linear 0s, background 0.1s linear 0s;  	-moz-transition: color 0.1s linear 0s, background 0.1s linear 0s; -o-transition: color 0.1s linear 0s, background 0.1s linear 0s; } 

#skenav ul ul {  position: absolute;  top: 100%;  left: 0px;  float: left;  width: 200px;  z-index: 99999;  }
#skenav ul .sub-menu li ,#skenav ul ul li {  display: block; width:100%;  }
#skenav ul .children li:first-child,  #skenav ul .sub-menu li:first-child {  border-top: none;  }
#skenav ul ul ul.sub-menu,#skenav ul ul ul.children{  left: 100%;  top: 0px !important; border-top: 0 none;margin-top:0;  }
#skenav ul ul a { font-size: 13px;  padding: 10px 20px;  width: auto;  height: auto;  color: #FFFFFF;  }

#skenav ul li:hover{  z-index:999999999999;  }
* html #skenav ul li.current_page_item a, * html #skenav ul li.current-menu-ancestor a, * html #skenav ul li.current-menu-item a, * html #skenav ul li.current-menu-parent a, * html #skenav ul li a:hover {  color: #fff;  }

#skenav #mini-menu ul{ position: relative; top: 0; left: 0; float: none; width: auto; }

/* =#Slider
-------------------------------------------------------------- */
.slider-full { background: none repeat scroll 0 0 transparent; padding-top: 20px; height:462px; overflow: hidden; position: relative; }

/* =#front page
-------------------------------------------------------------- */
.box-container{ text-align: center; }
.box-title{ float: left; font-size: 20px; font-weight: normal; left: 16px; position: relative; top: 9px; width:80%; text-align: left; }
.box-img{ padding: 0; margin-top: 10px; }
.box-img > img { float: left; height: 40px; width: 40px;	 border-radius: 100px 100px 100px 100px; }
.box-text { padding: 5px 0; text-align: left; }
.readmorebtn a:before{ content: "\f105";   font-family: "FontAwesome"; font-size: 7px; padding-right: 3px; position: relative; top: -1px;}
.readmorebtn a{ display: block; float: left; }

/* Featrured Box Widget
------------------------------------------------------*/
.front-icon-wrap { margin: 0 auto; width: 100%; }
.front-icon-wrap span { background: none repeat scroll 0 0 transparent; display: block; font-size: 44px; line-height: 44px; margin-top: 28px; }
.front-img-wrap { margin: 0 auto 20px auto; width: 100%;  }
.front-img-wrap {background: none repeat scroll 0 0 #504aa7; border: 2px solid #fff; height: 120px; width: 120px; }
.front-img-wrap img { height: 120px; width: 120px; }
.box-title-center { font-size: 20px; font-weight: bold; padding: 10px 0 6px; line-height: 30px; }
.box-text-center { padding: 5px 0; line-height: 25px; font-size: 16px; color:black;}

/* Call to Action Section */
.callaction-opt { background: none repeat scroll 0 0 #81E4ED; height: 100%; left: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3; position: absolute; top: 0; width: 100%; }
.ctaction-btn a{ color: #fff;font-size: 18px; font-weight: bold; display: block; text-align: center; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; }
.ctaction-btn.span4{ text-align: center; }

/* meta box
------------------------------------------*/
.video-container iframe { width: 100%; }
.citation_post{ margin-bottom: 25px; position: relative; }

/**** Clients ****************/
#clients{ float:right }
#clients .clients-logo > ul { margin: 0; }
#clients .clients-logo ul li{ border: 1px solid #E8EBF1; float: left; height: 101px; list-style-type: none; margin: 0; width: 160px; }
#clients .clients-logo a { display: block; height: 80%; padding-top: 20px; position: relative; width: 100%; }
#clients .clients-logo img { display: block; margin: 0 auto; position: relative; -webkit-transition: all 400ms linear; -moz-transition: all 400ms linear; -o-transition: all 400ms linear; -ms-transition: all 400ms linear; transition: all 400ms linear; width: 100px; }
#clients .clients-logo img:hover {-webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); transform: scale(1.3); -webkit-transition: all 400ms linear; -moz-transition: all 400ms linear; -o-transition: all 400ms linear; transition: all 400ms linear; }


/****jcarousellite****************/
.latest-icon.titleimg:before { color: #504aa7; content: "\f0b1"; font-family: "FontAwesome"; font-size: 23px;  position: relative; top: 2px;}

.jCarouselLite-bg {position: relative; }
.jCarouselLite { margin: 0 auto; overflow: hidden; *position:relative; }
.jCarouselLite-bg #mycarousel{ margin:0px; overflow:hidden; }

.project-text-box { position: absolute; top: 100%; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; z-index: 9; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; color: #fff; width: 100%; font-size: 24px; text-transform: uppercase; }
.project_image .project-text-box a{ line-height: normal; color: #fff; margin-bottom: 10px; padding: 0 10px; }
.mask-effect:hover .project-text-box{ top: 55%; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
.project-text-border{width: 30%; display: block; height: 1px; background-color: rgba(194,194,194,0.3); margin: 10px auto 0 auto;}

.skt-slide-controls{position:absolute; top: -75px; width: 100% !important;}
.skt-slide-controls a{position:absolute;}
.skt-slide-controls a.skt-prev-slide{ color: #fff; cursor: pointer; font-size: 24px; height: 30px; line-height: 28px; padding-left: 10px; right: 45px; vertical-align: middle; width: 20px; } 
.skt-slide-controls a.skt-next-slide{ color: #fff; cursor: pointer; font-size: 24px; height: 30px; line-height: 28px; padding-left: 12px; right: 10px; vertical-align: middle; width: 18px; } 


#mycarousel .slider-portfolio div.orbit-wrapper{ }
#mycarousel .slider-portfolio .orbit-bullets li { height: 7px; margin: 0 0 0 5px; width: 7px !important; }


/* = front Testimonial
-------------------------------------------------------------- */
.front_testimonials{}
.front_testimonials h3 { font-size: 22px; }
.testimonial-top .section-heading {color: #fff; }
.front_testimonials h3 span.titleimg{ color: #504aa7; display: inline-block; font-size: 18px; height: 28px; margin-right: 16px; padding-left: 0; width: 28px; }
#content_row .front_testimonials ul{ list-style: none outside none; margin:0px; }
#quote_wrap > li { margin-left: 0; }
.testimonialWraper .testimonial { padding: 20px 0; position: relative; }
#quote_wrap .testimonialWraper .testimonial p {  font-size: 18px; font-style: italic; line-height: 1.5; position: relative; margin: 0; }
.testimonialWraper .testimonial p:before { content: open-quote; font-size: 72px; float: left; margin-right: 15px; display: block; float: left; margin-top: -24px; height: 30px; }
.testimonialWraper .testifier { float: left; }
.testimonialWraper .testifier p:first-child { font-size: 17px;  }
.testimonialWraper .testifier p { margin: 0 !important; font-size: 12px; line-height: 20px; }

/* =#Siderbars
-------------------------------------------------------------- */
#sider-bar #search{ float:none; }
#primary,
#secondary { overflow: hidden; padding-left: 25px; }
#secondary { clear: right; }

/* =skt-breadcrumb style
-------------------------------------------------------------- */
.skt-breadcrumb { text-align: right; }
.skt-breadcrumb a{color:#353535;display: inline-block;}
.skt-breadcrumb  .cont_nav_inner p { margin: 0; }
#content .skt-breadcrumb  .cont_nav_inner p { margin: 0; }
.skt-breadcrumb  span.brd_arr{ background: url("/web/20220417232755im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/images/ber-arrow.png") no-repeat scroll center center transparent; display: inline-block; height: 16px; position: relative; top: 4px; width: 20px;*display:inline;zoom:1; margin-left: 6px;} 	
.cont_nav_inner a{transition: all 300ms linear 0s; -webkit-transition: all 300ms linear 0s;	-moz-transition: all 300ms linear 0s;	-o-transition: all 300ms linear 0s;	-ms-transition: all 300ms linear 0s; }

/* =Content Structure style
-------------------------------------------------------------- */
.archive .skt-breadcrumb,.error404 .skt-breadcrumb,.search .skt-breadcrumb,.blog .skt-breadcrumb,.woocommerce .skt-breadcrumb{top:0px;}

@media screen and (-webkit-min-device-pixel-ratio:0){
	.page-template-template-sitemap-php .skt-breadcrumb{ top:0px; }
}


/* Content */
#content{ }
#content input,
#content textarea { color: #353535 ; font-size: 13px; line-height: 21px; border: 1px solid rgba(194,194,194,0.4); }
#content input:focus,
#content textarea:focus { border: 1px solid #504aa7;}
#content textarea {	width:500px; }
#content p, #content ul, #content ol, #content dd, #content pre, #content hr { margin-bottom: 24px; word-wrap: break-word; }
#content ul ul, #content ol ol, #content ul ol, #content ol ul { margin-bottom: 0; }
#content pre, #content kbd, #content tt, #content var { font-size: 15px; line-height: 21px; }
#content code { font-size: 13px; }
#content dt, #content th { color: #777; }
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 { color: #005ca2; line-height: 1.5em; margin: 0 0 10px 0; } /*這行可以修改title的顏色 */
#content table { border: 1px solid #e7e7e7; margin: 0 -1px 24px 0; text-align: left; width: 100%; }
#content tr th, #content thead th { color: #888; font-size: 12px; font-weight: bold; line-height: 18px; padding: 9px 24px; }
#content tr td { border-top: 1px solid #e7e7e7; padding: 6px 24px; }
#content tr.odd td { background: #f2f7fc; }
#content .post { padding:0px 0 0; }
.post-tags { margin: 20px 0 7px; padding: 3px 10px 3px 0; }
.post-tags a { text-decoration: none; }
.post-tags a:hover { color: #111111; }
.sticky { margin-left: -20px; margin-right: -20px; padding: 18px 20px; }
.single .hentry { margin: 0 0 36px 0; }
.pagetitle-wrap { border-bottom: 1px solid #DFE1E5; padding-bottom: 14px; margin:13px 0 38px;  }
.page-title { color: #000; font-size: 21px; font-weight: bold; }
.page-title span { color: #000; font-size: 16px; font-weight: normal; font-weight: bold;text-transform: capitalize; }
.page-title a, .page-title a:visited { color: #000; text-decoration: none; }
.page-title a:active, .page-title a:hover { color: #000; }
#content .entry-title { color: #000; font-size: 24px; font-weight:normal; line-height: 32px; }
#content .type-post .entry p { margin: 0; }

/*******post meta ************/
.post .entry{ margin-bottom: 30px;}
.page .entry{ margin-top: 0;}
.entry-title a { text-decoration: none; }
.entry-title a:active, .entry-title a:hover { color: #504aa7; }
.entry-meta { color: #888; font-size: 12px; }
.category-name > a { display: inline-block; }
.entry-meta abbr, .entry-utility abbr { border: none; }
.entry-meta abbr:hover, .entry-utility abbr:hover { border-bottom: 1px dotted #666; }
.entry-content { clear: both; padding: 12px 0 0 0; }
#content .entry-summary p:last-child { margin-bottom: 12px; }
.entry-content fieldset { border: 1px solid #e7e7e7; margin: 0 0 24px 0; padding: 24px; }
.entry-content fieldset legend { background: #fff; color: #000; font-weight: bold; padding: 0 24px; }
.entry-content input { margin: 0 0 24px 0; }
.entry-content input.file, .entry-content input.button { margin-right: 24px; }
.entry-content label { color: #888; font-size: 12px; }
.entry-content select { margin: 0 0 24px 0; }
.entry-content sup, .entry-content sub { font-size: 10px; }
.entry-content blockquote.left { float: left; margin-left: 0; margin-right: 24px; text-align: right; width: 33%; }
.entry-content blockquote.right { float: right; margin-left: 24px; margin-right: 0; text-align: left; width: 33%; }
.page-link { color: #000; font-weight: bold; margin: 0 0 22px 0; word-spacing: 0.5em; }
.page-link a{ background: #f1f1f1; color: #333; font-weight: normal; padding: 0.5em 0.75em; text-decoration: none; }
.home .sticky .page-link a { background: #d9e8f7; }
body.page .edit-link { clear: both; display: block; }
#entry-author-info { background: #f2f7fc; border-top: 4px solid #000; clear: both; font-size: 14px; line-height: 20px; margin: 24px 0; overflow: hidden; padding: 18px 20px; }
#entry-author-info #author-avatar { background: #fff; border: 1px solid #e7e7e7; float: left; height: 60px; margin: 0 -104px 0 0; padding: 11px; }
#entry-author-info #author-description { float: left; margin: 0 0 0 104px; }
#entry-author-info h2 { color: #000; font-size: 100%; font-weight: bold; margin-bottom: 0; }
.author-name:before { color: #898989; content: "\f007"; font-family: 'FontAwesome'; font-size: 16px; margin-right: 8px; }
.author-name {padding-bottom: 9px; padding-right: 21px; }
.date-time:before { color: #898989; content: "\f073"; font-family: 'FontAwesome'; font-size: 16px; margin-right: 8px; }
.date-time{ padding-bottom: 5px; margin-left: 25px; padding-right: 21px; }

.entry-utility { clear: both; font-size: 12px; line-height: 18px; }
.entry-meta a,
.entry-utility a { color: #000; }
.entry-meta a:hover,
.entry-utility a:hover { color: #000; }
#content .video-player { padding: 0; }
.post-image { margin-bottom: 25px; position: relative; }
#content  .post-image img{max-width:100%}

.blog-heading-wrap {border-left: 5px solid #504aa7; padding-left: 15px; margin-bottom: 30px; }
.continue .hvr-shutter-in-vertical {margin: 30px 0 0 3px; }


/* =Mobile Safari ( iPad, iPhone and iPod Touch )
-------------------------------------------------------------- */
pre { 	-webkit-text-size-adjust: 140%; }
code { 	-webkit-text-size-adjust: 160%; }
#site-description { -webkit-text-size-adjust: none; }

/* About page
-----------------------------------------*/
.page-template-template-about-page-php .post .entry{margin-bottom:0px;}

/* Flikr Widget
----------------------------------------------*/
.widget-container.flickrimg li:before { content: "";}
.widget-container.flickrimg li {float: left;border:3px solid #e2e2e2;margin:3px 2px;padding:2px; height: 65px;width:65px; -webkit-transition: all .5s linear 0s;	-moz-transition: all .5s linear 0s;	-o-transition: all .5s linear 0s;	-ms-transition: all .5s linear 0s; transition: all .5s linear 0s; }
.widget-container.flickrimg li:hover{border:3px solid #30B7FF; -webkit-transition: all .5s linear 0s;	-moz-transition: all .5s linear 0s;	-o-transition: all .5s linear 0s;	-ms-transition: all .5s linear 0s;  transition: all .5s linear 0s; }
.widget-container.flickrimg img { width:65px; }
.widget-container.flickrimg a {   padding: 0; }
#footer .widget-container > ul.flickrimgs { margin-right: 0; }

/* latest portfolio Widget
----------------------------------------------*/
.widget-container .skt-portfolio-widget li { background-color: #fff; outline: 2px solid #504aa7; outline-offset: 1px; border: 0; float: left; height:65px; width:65px; margin: 0 12px 20px 0; padding:2px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease;	-o-transition: all .3s ease;	-ms-transition: all .3s ease; transition: all .3s ease; }
.widget-container .skt-portfolio-widget li:hover{  background-color: transparent; outline: 3px solid #fff; outline-offset: -8px;  -webkit-transition: all .3s ease;	-moz-transition: all .3s ease;	-o-transition: all .3s ease;	-ms-transition: all .3s ease; transition: all .3s linear 0s;  }
.widget-container .skt-portfolio-widget li:before{content:"";}
.widget-container .skt-portfolio-widget li a{padding:0px;  line-height: 0;}
.widget-container .skt-portfolio-widget li a img {height: 65px; width: 65px; }
.widget-container .skt-portfolio-widget{padding-left: 5px;}
.widget-container.skelatestportfoliowidget{padding-left: 5px;}
.widget-container .orbit-bullets{display: none;}

/* Multistream widget
---------------------------------------------------*/
.widget-container.sktmultisocialstream {padding-left: 5px;}
.widget-container.sktmultisocialstream li:before { content: "";}
.widget-container.sktmultisocialstream li { background-color: #fff; float: left;  outline: 2px solid #504aa7; outline-offset: 1px;  border: 0; padding:2px; height: 65px; width:65px;  margin: 0 12px 20px 0; -webkit-transition: all .3s ease;	-moz-transition: all .3s ease;	-o-transition: all .3s ease;	-ms-transition: all .3s ease; transition: all .3s linear 0s; }
.widget-container.sktmultisocialstream li:hover{ background-color: transparent; outline: 3px solid #fff; outline-offset: -8px; -webkit-transition: all .3s linear ease;	-moz-transition: all .3s linear ease;	-o-transition: all .3s linear ease;	-ms-transition: all .3s ease; transition: all .3s ease; }
.widget-container.sktmultisocialstream img {width:65px;height:65px;}
.widget-container.sktmultisocialstream a {  line-height: 0;  padding: 0;}
#footer .widget-container > ul.sktmultisocialstream {margin-right: 0;}

/* Social icon Widget
------------------------------------------------*/
.widget-container .follow-icons li{font-family: 'FontAwesome';float:left;background:none;border: none !important; padding:0px;margin-right: 10px; margin-bottom:16px; }
.widget-container .follow-icons li a {padding: 0; display: block; width: 30px; height: 30px; text-align: center; line-height: 30px; border: 1px solid #fff; }
.widget-container.sktfollowcontact li:before{content: none;}
.widget-container.sktfollowcontact li{margin: 0;}

/* Youtube and Vimeo
------------------------------------------------*/
.widget-container iframe{max-width: 100%;}

/* Follow Us
------------------------------------------------*/
.social li a{-webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -o-transition: all 1s ease 0s;	transition: all 1s ease 0s;}
.social li a:hover:before{color: #fff;}
.follow-icons {padding-left: 4px; }
.linkedin-icon a:hover{background-color: #0077b5; box-shadow: 0 0 0 3px #0077b5;}
.facebook-icon a:hover{background-color: #3b5998; box-shadow: 0 0 0 3px #3b5998;}
.twitter-icon a:hover{background-color: #55acee; box-shadow: 0 0 0 3px #55acee;}
.flickr-icon a:hover{background-color: #ff0084; box-shadow: 0 0 0 3px #ff0084;}
.gplusicon-icon a:hover{background-color: #dd4b39; box-shadow: 0 0 0 3px #dd4b39;}
.skype-icon a:hover{background-color: #00aff0; box-shadow: 0 0 0 3px #00aff0;}
.youtube-icon a:hover{background-color: #cd201f; box-shadow: 0 0 0 3px #cd201f;}
.wordpresse-icon a:hover{background-color: #21759b; box-shadow: 0 0 0 3px #21759b;}
.dribble-icon a:hover{background-color: #444444; box-shadow: 0 0 0 3px #444444;}
.pinterest-icon a:hover{background-color: #cc2127; box-shadow: 0 0 0 3px #cc2127;}
.vimeo-icon a:hover{background-color: #162221; box-shadow: 0 0 0 3px #162221;}
.deviantart-icon a:hover{background-color: #05cc47; box-shadow: 0 0 0 3px #05cc47;}
.tumblr-icon a:hover{background-color: #35465c; box-shadow: 0 0 0 3px #35465c;}
.stumbleupon-icon a:hover{background-color: #eb4924; box-shadow: 0 0 0 3px #eb4924;}
.picasa-icon a:before{ content: ""; display: block; width: 30px; height: 30px; background: url('/web/20220417232755im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/images/picasa.png'); }
.friendfeed-icon a:hover{background-color: #f4b400; box-shadow: 0 0 0 3px #f4b400;}
.slideshare-icon a:hover{background-color: #0079B5; box-shadow: 0 0 0 3px #0079B5;}
.behance-icon a:hover{background-color: #1769ff; box-shadow: 0 0 0 3px #1769ff;}
.github-icon a:hover{background-color: #333333; box-shadow: 0 0 0 3px #333333;}
.reddit-icon a:hover{background-color: #ff4500; box-shadow: 0 0 0 3px #ff4500;}
.foursquare-icon a:hover{background-color: #f94877; box-shadow: 0 0 0 3px #f94877;}
.digg-icon a:hover{background-color: #000000; box-shadow: 0 0 0 3px #000000;}
.delicious-icon a:hover{background-color: #3399ff; box-shadow: 0 0 0 3px #3399ff;}

#footer-area .follow-icons a:hover{color: #fff;}

/*woocommerce
-------------------------------------------*/
.woocommerce-checkout #content textarea{width:100%;}
.shop-template h1.page-title {  display: none;}

/* team member
---------------------------------------------*/
.team-container { margin-bottom: 0; position: relative; margin-top: 30px; }
.teammember-wrap canvas, .teammember-wrap > img {border-radius: 50% 50% 50% 50%;z-index: 1;-webkit-border-radius: 50%;  -moz-border-radius: 50%;}
.teammember-wrap { position: relative;border: 3px solid #EEEEEE; border-radius: 50% 50% 50% 50%;    display: inline-block; height: 180px; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -o-transition: all 1s ease 0s;  transition: all 1s ease 0s; } 
.member-avatar { margin: 0 auto; position: relative; line-height: 0; width: 270px; overflow: hidden; }
.member-avatar .member-data{line-height: normal; color: #fff;}
.member-name {    font-size: 17px; font-weight: bold; margin-top: 10px; }
.member-position { color: #fff; font-size: 13px; margin: 0 0 15px 0; line-height: normal; }
.teamsocial, #content .teamsocial { display: inline-block; margin: 0 auto; }
.teamsocial li { float: left; font-family: "FontAwesome"; font-size: 20px; height: 38px; line-height: 38px; list-style-type: none; margin: 0 3px; width: 38px; }
.teamsocial li a { display: block; background-color: #000; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -o-transition: all 1s ease 0s;  transition: all 1s ease 0s; }
.teamsocial li span:before { color: #fff; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s; }
.teamsocial a:hover,.member-name a:hover{color: #fff;}
.team-fb:before {content: "\f09a"; }
.team-tw:before { content: "\f099"; }
.team-drb:before { content: "\f17d"; }
.member-data { border: 2px solid #fff; bottom: 3px; -webkit-box-shadow: 0 0 0 3px #504aa7; -moz-box-shadow: 0 0 0 3px #504aa7; box-shadow: 0 0 0 3px #504aa7; left: 3px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0;
	padding: 50px 15px 10px; position: absolute; right: 3px; top: 3px; -webkit-transition: all 1s ease-out 0; -moz-transition: all 1s ease-out 0; -o-transition: all 1s ease-out 0; transition: all 1s ease-out 0s; z-index: -1; }
.team-container:hover .member-data{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; z-index: 1; }
.member-overlay, .member-name a{color: #fff;}
.member-text { font-size: 17px; line-height: 28px; }
.teamsocial a:hover{ background-color: #fff;}
.row-member.row-fluid .span3{ width: 270px;}
.member-overlay {padding: 30px 10px; font-size: 17px; height: 0; left: 3px; line-height: 28px; right: 3px; position: absolute; overflow: hidden; top: 3px; -webkit-box-shadow: 0 0 0 3px transparent; -moz-box-shadow: 0 0 0 3px transparent; box-shadow: 0 0 0 3px transparent; border: 2px solid transparent; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }
.member-text {font-size: 17px; line-height: 28px; position: absolute; bottom: 3px; left: 3px; right: 3px; height: 0; -webkit-box-shadow: 0 3px 3px 3px transparent; -moz-box-shadow: 0 3px 3px 3px transparent; box-shadow: 0 3px 3px 3px transparent; border: 2px solid transparent; }
.member-text, .member-overlay {-webkit-transition: all 500ms cubic-bezier(0.68, -0.55, 0.27, 1.55); -moz-transition: all 500ms cubic-bezier(0.68, -0.55, 0.27, 1.55); -o-transition: all 500ms cubic-bezier(0.68, -0.55, 0.27, 1.55); transition: all 500ms cubic-bezier(0.68, -0.55, 0.27, 1.55); }
.member-avatar:hover .member-overlay {-webkit-box-shadow: 0 -3px 3px 3px #504aa7; -moz-box-shadow: 0 -3px 3px 3px #504aa7; box-shadow: 0 -3px 3px 3px #504aa7; border: 2px solid #fff; height: 65%; border-bottom: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
.member-avatar:hover .member-text {-webkit-box-shadow: 0 3px 3px 3px #504aa7; -moz-box-shadow: 0 3px 3px 3px #504aa7; box-shadow: 0 3px 3px 3px #504aa7; border: 2px solid #fff; background-color: #504aa7; border-top: 0; height: 35%; z-index: 2; }
.memberimg {outline: 1px solid rgba(0,0,0,0.1); outline-offset: -2px; }

/* sitemap 
-----------------------------------------*/
#site_map .title { color: #000000; font-size: 19px; font-weight: bold; margin-bottom: 10px; }
.sitemap-first.sitemap-rows { float: left; width: 48%; }
.sitemap-second.sitemap-rows { float: left; margin-left: 15px; width: 48%; }
#site_map li { list-style-type: none; margin-left: 0; display: block; }
#site_map li:before { content: "\f105"; font-family: 'FontAwesome'; font-size: 7px; padding-right: 4px; position: relative; top: -2px; }
#site_map li:hover:before { color: #504aa7;}
#site_map li a{ display:inline-block; }

/* =Portfolio style
-------------------------------------------------------------- */
.page-template-template-project-page-php #content .post{padding:0px;}
.project_image { display: inline-block; overflow: hidden;  position: relative; max-width: 100%; }
#work .skin-bg{background: none;}
#work #container-isotop {margin: 0; }
.link-box{ display: block; height: 42px; position: absolute; top:-400px; width:100%; z-index: 99; text-align: center; margin-top: -20px; }
.link-post{ cursor: pointer; display: block; float: left; height: 53px; margin-right: 10px;  -moz-transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s; position: absolute; left:33%; width: 53px; }
.link-post:hover{ border-radius: 50px 50px 50px 50px;  -moz-transition: all 1s ease 0s; /* Firefox 4 */ -webkit-transition: all 1s ease 0s; /* Safari and Chrome */ -o-transition: all 1s ease 0s; transition: all 1s ease 0s; /* Opera */ }
.link-post a:before { background-color: #333333; border: 3px solid transparent; border-radius: 3px 3px 3px 3px; color: #FFFFFF; content: "\f0c1"; font-family: 'FontAwesome'; font-size: 19px; left: 1px; padding: 15px; position: relative; transition: all 1s ease 0s;-moz-transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; }
.link-post a:hover:before { border: 3px solid #FFFFFF; transition: all 1s ease 0s;-moz-transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; }
.jCarouselLite-bg .link-post a:before{}
.link-post a { display: block; height: 100%; width: 100%; }
.zoom-img{ cursor: pointer; display: block; float: left; height: 53px; margin-left: 10px; transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; /* Firefox 4 */ -webkit-transition: all 1s ease 0s; /* Safari and Chrome */ -o-transition: all 1s ease 0s; /* Opera */ position: absolute; right:33%; width: 53px; }
.zoom-img:hover{ border-radius: 50px 50px 50px 50px; transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; /* Firefox 4 */ -webkit-transition: all 1s ease 0s; /* Safari and Chrome */ -o-transition: all 1s ease 0s; /* Opera */ }
.zoom-img a:before { background-color: #333333; border: 3px solid transparent; border-radius: 3px 3px 3px 3px; color: #FFFFFF; content: "\f00e"; font-family: 'FontAwesome'; font-size: 19px; left: 0; padding: 15px; position: relative; transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; /* Firefox 4 */ -webkit-transition: all 1s ease 0s; /* Safari and Chrome */ -o-transition: all 1s ease 0s; /* Opera */ }
.zoom-img a:hover:before { border: 3px solid #FFFFFF; transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; -o-transition: all 1s ease 0s;}
.video-container .zoom-img a:before {    content: "\f16a";}
.jCarouselLite-bg .zoom-img a:before{  }
.zoom-img a { display: block; height: 100%; width: 100%; }

.project_image .link-box a {width: 40px; height: 40px; padding: 0; text-align: center; display: inline-block; margin: 0 10px; }
.link-box i {line-height: 40px;}


/* =Footer Style
-------------------------------------------------------------- */
#footer-area{ background: none repeat scroll 0 0 #E8EBF1; border-top: 1px solid #D9D9D9; padding-top: 30px; margin-top: 78px; }
#footer { margin-bottom: 0; }
.footerborder{ border-top: 2px groove #A09D9D; }
#footer-area .bottom_wrapper { padding-bottom: 10px; padding-top: 20px; font-size: 13px; }
#footer-area .bottom_wrapper .owner { float: right; line-height: 20px; text-align: right; }
#copyright a { text-decoration:none; font-weight:normal; }
#footer-bottom a{ transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; /* Firefox 4 */ -webkit-transition: all .3s ease 0s; /* Safari and Chrome */ -o-transition: all .3s ease 0s; /* Opera */}

/* Structure the footer widget area */
#foot-sidebar { margin-bottom: 15px; }
#footer-widget-area { overflow: hidden; }

/*#footer-widget-area .widget-area { float: left; margin-left: 8px; }
*/#footer-widget-area  #first { margin-left: 0; }
#footer-widget-area #s{margin: 0; padding: 1px 0 0 7px;}

#footer .widget-container > ul{ margin-right: 40px; }
#footer .widget-area a:active,
#footer .widget-area a:hover { text-decoration: none; }
#foot-sidebar .widget-container ul li{ margin-left:0px; list-style-type: none;box-shadow: none;}
.widget-container ul.menu li{width: 100%;}
.widget-container img{max-width: 100%;}
.widget-container{overflow: hidden;}
#foot-sidebar .menu ul li.current_page_item a{ background: none ; border-top: none; }
#foot-sidebar .menu ul li.current-menu-ancestor > a,
#foot-sidebar .menu ul li.current-menu-parent > a { background: none ; border-top: none; }
#foot-sidebar .menu ul li a:hover{ background: none ; border-top: none; }
#foot-sidebar .menu ul li.item_hover > a{ background: none ; border-top: none;}

#footer-area{background-color: #222; color: #f9f9f9; }
#footer-bottom{background-color: #000;}
#footer-area .widget-title{ color: #fff; font-size: 18px; font-weight: 600; text-transform: uppercase; }
#footer-area .title-border{ padding-bottom: 15px; }
#footer-area a{color: #eee;}
#footer-area #wp-calendar a{color: #333;}

a#backtop:before{color: #FFFFFF; content: "\f106"; display: block; font-family: 'FontAwesome'; font-size: 18px; margin-top: 10px; text-align: center;}
a#backtop { background:none no-repeat scroll 0 0 #504aa7; border-radius: 45px 45px 45px 45px; bottom: 15px; height: 38px; position: fixed; right: 15px; text-decoration: none; width: 38px; z-index: 9999; }


/* =Asides
-------------------------------------------------------------- */
.home #content .category-asides p { font-size: 13px; line-height: 20px; margin-bottom: 10px; margin-top: 0; }
.home .hentry.category-asides { padding: 0; }
.home #content .category-asides .entry-content { padding-top: 0; }
/* =Gallery listing
-------------------------------------------------------------- */
.category-gallery .size-thumbnail img { border: 10px solid #f1f1f1; margin-bottom: 0; }
.category-gallery .gallery-thumb { float: left; margin-right: 20px; margin-top: -4px; }
.home #content .category-gallery .entry-utility { padding-top: 4px; }
.attachment-gallery-wrap .gallery{ display: none; }
.zoombox > img { float: left; }
/* =Attachment pages
-------------------------------------------------------------- */
.attachment .entry-content .entry-caption { font-size: 140%; margin-top: 24px; }
.attachment .entry-content .nav-previous a:before { content: "\f177 "; }
.attachment .entry-content .nav-next a:after { content: "\f178 "; }
/* = prettyPhoto
---------------------------------------------------------------*/
.post-image span { background: url("/web/20220417232755im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/images/zoom-bg.png") repeat scroll center center #504aa7; left: 0; top:0; bottom: 0; right: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; position: absolute; z-index: 10; }
.lightbox  span { background:url("/web/20220417232755im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/images/zoom-bg.png") repeat scroll center center #504aa7; height: 138px; left: 5px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; position: absolute; top: 6px; width: 96%; z-index: 10; }

/* =Images
-------------------------------------------------------------- */
#content img { margin: 0; height: auto; }
#content .attachment img { max-width: 900px; }
#content .alignleft,
#content img.alignleft { display: inline; float: left; margin-right: 24px; margin-top: 4px; }
#content .alignright,
#content img.alignright { display: inline; float: right; margin-left: 24px; margin-top: 4px; }
#content .aligncenter,
#content img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }
#content img.alignleft,
#content img.alignright,
#content img.aligncenter { margin-bottom: 12px; }
#content .wp-caption { background: none repeat scroll 0 0 #EAEAEA; border-radius: 5px 5px 5px 5px; line-height: 18px; margin-bottom: 20px; max-width: 100%; text-align: center; }
#content .wp-caption img { max-width: 95%; padding: 2.5% 2.5% 0; }
#content .wp-caption p.wp-caption-text { color: #888; font-size: 12px; font-style: italic; margin: 0; padding: 0.9em 0; }
#content .wp-smiley { margin: 0; }
#content .gallery .gallery-caption { color: #888; font-size: 12px; margin: 0 0 12px; }
#content .gallery dl { margin: 0; }
#content .gallery br+br { display: none; }
#content .attachment img { display: block; margin: 0 auto; }

/* =Navigation
-------------------------------------------------------------- */
.navigation { color:#888888; font-size:14px; font-weight:bold; line-height:18px; overflow:hidden; }
.navigation a:link,
.navigation a:visited { color: #000; text-decoration: none; }
.navigation a:active,
.navigation a:hover { color: #000; }
.nav-previous { float: left; width: 50%; }
.nav-next { float: right; text-align: right; width: 50%; }
#nav-above { margin: 0 0 18px 0; }
#nav-above { display: none; }
.paged #nav-above,
.single #nav-above { display: block; }
#nav-below { margin: -18px 0 0 0; }


/* =Comments
-------------------------------------------------------------- */
.comment-box-top {background: url("/web/20220417232755im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/images/comment-box-top.jpg") no-repeat scroll 0 0 transparent;height: 6px;width: 612px; }
.comment-box-mid {background: url("/web/20220417232755im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/images/comment-box-mid.jpg") repeat-y scroll 0 0 transparent;width: 612px;padding: 20px 0 0 25px; }
.comment-box-btm {background: url("/web/20220417232755im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/images/comment-box-btm.jpg") no-repeat scroll 0 0 transparent;height: 6px;width: 612px; }
.leavereply {margin-bottom: 20px;  }
.note { font-size: 10px;  }
#comments {clear: both;  }
#comments .navigation {padding: 0 0 18px 0;  }
h3#comments-title, h3#reply-title {color: #333;font-size: 20px; font-weight: 300; margin-bottom: 0; }
h3#comments-title {padding: 24px 0;  }
.commentlist {list-style: none;  margin: 0;  }
.commentlist li {margin: 0 0 0 25px;  }
.commentlist p { margin: 5px 0;  }
.commentlist li.comment {line-height: 24px;  margin: 0 0 10px 0;  position: relative;  }
.commentlist li:last-child { margin-bottom: 0;  }
#comments .comment-body ul, #comments .comment-body ol {  margin-bottom: 18px;  }
#comments .comment-body p:last-child {  margin-bottom: 6px;  }
#comments .comment-body blockquote p:last-child {  margin-bottom: 24px;  }
.commentlist ol {  list-style: decimal;  }
#content .commentlist .avatar {  height: 77px;  left: -100px;  margin-right: 5px;  position: absolute;  top: 4px;  width: 77px; -webkit-transition: all .3s ease;	-moz-transition: all .3s ease;	-o-transition: all .3s ease;	-ms-transition: all .3s ease; transition: all .3s linear 0s; }
#content .commentlist .avatar:hover{ outline: 3px solid #fff; outline-offset: -8px; }
.comment-author {   position: relative;  }
.comment-author cite {  color: #000;  font-style: normal;  font-weight: 400;  }
.comment-author .says {  font-style: italic;  }
.comment-meta {  font-size: 12px;  margin: 0 0 18px 0;  }
.comment-meta a{  text-decoration: none;  }

.commentlist .bypostauthor {}
.reply {  font-size: 12px;  padding: 0 0 10px;  position: absolute;  right: 0;  top: 10px;  }
.comment-reply-link{ color: #fff; padding: 3px 22px; }
.commentlist .children {  list-style: none;  margin: 0;  }
.commentlist .children li {  background: url("/web/20220417232755im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/images/corner-arrow.png") no-repeat scroll left 0 transparent;  padding-left: 45px;  }
.comment-body {  border-bottom: 1px dotted #EEEEEE;  margin-bottom: 10px;  padding:12px 0 12px 100px;  }
.comment-edit-link {  display: none;  }
.nopassword, .nocomments {  display: none;  }
#comments .pingback {  border-bottom: 1px solid #e7e7e7;  margin-bottom: 18px;  padding-bottom: 18px;  }
.commentlist li.comment+li.pingback {  margin-top: -6px;  }
#comments .pingback p {  color: #888;  display: block;  font-size: 12px;  line-height: 18px;  margin: 0;  }
#comments .pingback .url {  font-size: 13px;  font-style: italic;  }


/* Comments form */
input[type=submit] { color: #333; }
#content #respond { color: #000000; margin-bottom: 0; overflow: hidden; padding: 10px 0; position: relative }
#content.full-width-page #respond form{width: 70%;}

#comments{ 	color:#000000; font-size:20px; margin-bottom:0; padding:10px 0; }
.commentmetadata a{ text-decoration:none; }
.skepost-meta a{ display: inline-block; }
#respond p { margin-bottom: 1.8em; }
#respond .comment-notes { margin-bottom: 1em; }
.form-allowed-tags { line-height: 1em; }
.children #respond { margin: 0 48px 0 0; }
h3#reply-title { margin: 0; }
#comments-list #respond { margin: 0 0 18px 0; }
#comments-list ul #respond { margin: 0; }
#cancel-comment-reply-link { font-size: 12px; font-weight: normal; line-height: 18px; }
#respond .required { font-weight: bold; }
#respond label { color: #888; font-size: 12px; display: block; }
#respond input { margin: 0 0 9px;     width: 100%; box-sizing: border-box; padding: 5px 15px; height: 40px; }
#respond textarea { width: 100%; box-sizing: border-box; }
#respond .form-allowed-tags { color: #888; font-size: 12px; line-height: 18px; }
#respond .form-allowed-tags code { font-size: 11px; }
#respond .form-submit { margin: 12px 0; }
#respond .form-submit input { background: none repeat scroll 0 0 #504aa7; border: 1px solid #504aa7;  color: #fff; font-family: open sans; font-size: 16px; font-weight: bold; padding: 8px; width: auto; cursor: pointer; }
.hvr-shutter-in-vertical.skt-hvr-submit{padding: 0px 13px; }
.skt-hvr-submit input[type="submit"] {background-color: transparent !important; box-shadow: none !important; border-color: transparent !important; padding: 0 !important; margin: 0 !important; }

/* =Widget Areas
-------------------------------------------------------------- */
.widget-area ul { list-style: none; margin-left: 0; }
.widget-area ul ul { list-style: square outside none; margin-left:0px; }
.widget-container li:before { content: "\f105"; float: left;   font-family: "FontAwesome"; font-size: 8px; line-height: 25px; }
.widget-container li{ border-bottom: 1px solid rgba(192, 192, 192, 0.29); list-style-type: none; margin: 0; padding: 6px 0 6px 0; }
#footer-widget-area .widget-container li{ border-bottom: 1px solid #333; }
#footer-widget-area .widget-container li ul li { border-bottom: 0; }
.widget-container li a { display: block; padding-left: 12px; text-transform: capitalize; }
.widget-container.widget_categories li a, .widget-container.widget_archive li a{display: inline-block;}
.widget-container .menu ul li{ display: block; float: none; margin: 0; position: relative; }
.widget-container .menu ul li a{ display: inline; font-weight: normal; line-height: 18px;font-size: 12px; }
.widget-container .menu ul li.current_page_item a{ background: none ; border-top: none; }
.widget-container .menu ul li.current-menu-ancestor > a,
.widget-container .menu ul li.current-menu-parent > a { background: none ; border-top: none; }
.widget-container .menu ul li a:hover{ background: none ; border-top: none; }
.widget-container .menu ul li.item_hover > a{ background: none ; border-top: none;}
.widget-container li ul li{ border:none;}
.widget-container li:hover{ color: #504aa7 ; }
.widget_tag_cloud a { background: none repeat scroll 0 0 #2D2D2D; color: #FFFFFF; display: inline-block; font-size: 12px !important; margin-bottom: 5px; padding: 6px 10px; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s linear 0s; }
.widget_tag_cloud a:hover { background: none repeat scroll 0 0 #aaf0ff; color: #fff; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s linear 0s; }
.widget_search label { display: none; }
.widget-container { margin: 0 0 40px 0; }
.widget-title {
    font-weight: normal;
    margin-bottom: 5px;
    border-bottom: 2px solid #005ca2;
}
.title-border { border-bottom: 2px solid #504aa7; bottom: -2px; display: inline-block; height: 100%; padding-bottom: 5px; position: relative; }
.section-heading .title-border{padding-bottom: 15px;}
.entry-title .title-border{ word-wrap: break-word; }
.widget-area a:active,
.widget-area a:hover { text-decoration: none; }
.widget-area .entry-meta { font-size: 11px; }
#wp_tag_cloud div { line-height: 1.6em; }
#wp-calendar { width: 100%; }
#wp-calendar caption { color: #525252; font-size: 14px; font-weight:normal; padding-bottom: 4px; text-align: left; }
#wp-calendar thead { font-size: 11px; }
#wp-calendar thead th { font-weight:normal }
#wp-calendar tbody { color: #aaa; }
#wp-calendar tbody td { background: #f5f5f5; border: 1px solid #CCCCCC; padding: 3px 0 2px; text-align: center; }
#wp-calendar tbody .pad { background: none repeat scroll 0 0 #FFFFFF; }
#wp-calendar tfoot #next { text-align: right; }
.widget_rss a.rsswidget { color: #000; }
.widget_rss .widget-title img { width: 11px; height: 11px; }
.recentcomments:before { margin-right: 8px; -webkit-transition: all 0.4s linear; -moz-transition: all 400ms linear; -o-transition: all 400ms linear; -ms-transition: all 400ms linear; transition: all 400ms linear; }
.recentcomments:hover:before { margin-right: 13px; }

/******** twitter widget ***********/
.timeline.var-chromeless{width: 232px;}
/********* search sidebar **********/
#search{ float:right; height:55px; }
#search input[type="text"]{ -moz-box-shadow:1px 1px 1px rgba(0, 0, 0, 0.1) inset; background:none repeat scroll 0 0 #545454; border:0 solid #CCCCCC; padding:3px; color:#D7D7D7; float:left; margin-right:10px; }
#search input[type="submit"] { background-color:#393939; border:0 none; color:#D7D7D7; height:20px; width:60px; }
/*********Contact 7 widget**************/
#sider-bar .fill{ height:22px; margin-bottom: 34px; margin-top: 20px; font-size: 22px; }
#sider-bar span.wpcf7-not-valid-tip{ display: none !important; }

#sider-bar form .wpcf7-form-control.wpcf7-not-valid{ border: 1px solid red; }
.wpcf7-quiz-label {display: block;}

input[type="text"], input[type="email"],input[type="password"], input[type="url"], input[type="tel"], input[type="number"], input[type="file"], textarea { box-sizing: border-box; }

#sider-bar form input[type="text"],#sider-bar form input[type="email"],
#sider-bar form input[type="url"],#sider-bar form input[type="tel"],
#sider-bar form input[type="number"],#sider-bar form input[type="range"],
#sider-bar form input[type="date"],#sider-bar form input[type="file"]
{ background: none repeat scroll 0 0 transparent; border: 1px solid rgba(194,194,194,0.4); height: 30px; padding: 4px; margin: 5px 0 0; width: 95%; }
#sider-bar form select, #sider-bar select
{ background: none repeat scroll 0 0 transparent; border: 1px solid rgba(194,194,194,0.4); height: 30px; padding: 4px; margin: 5px 0 0; width: 95%; }

#sider-bar form input[type="text"]:focus,#sider-bar form input[type="email"]:focus,
#sider-bar form input[type="url"]:focus,#sider-bar form input[type="tel"]:focus,
#sider-bar form input[type="number"]:focus,#sider-bar form input[type="range"]:focus,
#sider-bar form input[type="date"]:focus,#sider-bar form input[type="file"]:focus
{ border: 1px solid #504aa7;}
#sider-bar form textarea{ background: none repeat scroll 0 0 transparent; border: 1px solid rgba(194,194,194,0.4); height: 182px; padding: 4px; margin-top: 5px; width: 95%; }
#sider-bar form textarea:focus{ border: 1px solid #504aa7;}
#sider-bar form input[type="submit"].wpcf7-submit{ background-color: #504aa7; background-image: linear-gradient(to top, #504aa7, #60CEDE 15%, #72DAE6 50%, #81E4ED); border: 1px solid #504aa7; border-radius: 8px 8px 8px 8px; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2), 0 2px 1px rgba(255, 255, 255, 0.1) inset; color: #000000; cursor: pointer; float: left; font-family: open sans; font-size: 20px; font-weight: bolder; height: 49px; margin: 0; padding-bottom: 7px;
padding-left: 46px;padding-right: 15px;}
#sider-bar div.wpcf7-validation-errors{ margin-top: 43px;}

#footer-widget-area .fill{ height:22px; margin-bottom: 34px; margin-top: 20px; font-size: 22px; }
#footer-widget-area span.wpcf7-not-valid-tip{ display: none !important; }

#footer-widget-area form .wpcf7-form-control.wpcf7-not-valid{ border: 1px solid red; }
.wpcf7-quiz-label {display: block;}
#footer-widget-area form input[type="text"],#footer-widget-area form input[type="email"],
#footer-widget-area form input[type="url"],#footer-widget-area form input[type="tel"],
#footer-widget-area form input[type="number"],#footer-widget-area form input[type="range"],
#footer-widget-area form input[type="date"],#footer-widget-area form input[type="file"] { background: none repeat scroll 0 0 transparent; border: 1px solid rgba(194,194,194,0.4); height: 30px; padding: 4px; margin: 5px 0 0; width: 95%; }
#footer-widget-area form select, #footer-widget-area select { background: none repeat scroll 0 0 #eee; border: 1px solid rgba(194,194,194,0.4); height: 30px; padding: 4px; margin: 5px 0 0; width: 95%; }

#footer-widget-area form input[type="text"]:focus,#footer-widget-area form input[type="email"]:focus,
#footer-widget-area form input[type="url"]:focus,#footer-widget-area form input[type="tel"]:focus,
#footer-widget-area form input[type="number"]:focus,#footer-widget-area form input[type="range"]:focus,
#footer-widget-area form input[type="date"]:focus,#footer-widget-area form input[type="file"]:focus { border: 1px solid #504aa7;}
#footer-widget-area form textarea{ background: none repeat scroll 0 0 transparent; border: 1px solid rgba(194,194,194,0.4); height: 182px; padding: 4px; margin-top: 5px; width: 95%; }
#footer-widget-area form textarea:focus{ border: 1px solid #504aa7;}
#footer-widget-area form input[type="submit"].wpcf7-submit{ background-color: #504aa7; background-image: linear-gradient(to top, #504aa7, #60CEDE 15%, #72DAE6 50%, #81E4ED); border: 1px solid #504aa7; border-radius: 8px 8px 8px 8px; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2), 0 2px 1px rgba(255, 255, 255, 0.1) inset; color: #000000; cursor: pointer; float: left; font-family: open sans; font-size: 20px; font-weight: bolder; height: 49px; margin: 0; padding-bottom: 7px; padding-left: 46px;padding-right: 15px;}
#footer-widget-area div.wpcf7-validation-errors{ margin-top: 43px;}


/*****************Paginate*****************/
/* =Contact Page
-------------------------------------------------------------- */
#content #contact-page{font-size:13px; position:relative;}
.page-template-contact-page-php #content  .post{ border:none;}
#content .contact-left .input{ margin-bottom: 15px; width: 480px; }
#content .contact-left .textarea{ clear:both; margin-bottom: 15px; }
#content .mapwrap{ position:relative; border: 1px solid #81E4ED; }
.map-opt { background: none repeat scroll 0 0 #81E4ED; height: 295px; left: 0; opacity: 0.3; -ms-filter: "progid:DXImageTransform.Microsoft.(Opacity=30)"; filter:(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; position: absolute; top: 0; width: 100%; }
#content #map{ border: 5px solid #FFFFFF; height: 190px; overflow: hidden; position: relative; width: 290px; }
#content .mapwrap span { display: block; font-weight: bold; margin-bottom: 16px; margin-left: 11px; margin-top: 16px; position: relative; }
.add-title { color: #000000; font-size: 15px; font-weight: bold; margin-bottom: 10px; text-transform: uppercase; }
.contact-add { color:#363636; }
#content .contact-left .fill{ height:22px; margin-bottom: 34px; margin-top: 20px; font-size: 22px; }
.contact-left span.wpcf7-not-valid-tip{ display: none !important; }
#content .contact-left form .wpcf7-form-control.wpcf7-not-valid{ border: 1px solid red; }
.wpcf7-quiz-label {display: block;}
#content .contact-left form input[type="text"],#content .contact-left form input[type="email"],
#content .contact-left form input[type="url"],#content .contact-left form input[type="tel"],
#content .contact-left form input[type="number"],#content .contact-left form input[type="range"],
#content .contact-left form input[type="date"],#content .contact-left form input[type="file"] { background: #ffffff none repeat scroll 0 0; border: 1px solid #e1e1e1; box-sizing: border-box; font-family: "Open Sans",sans-serif; font-size: 14px; font-weight: 300; height: 44px; margin: 5px 0 0; padding: 5px 15px; width: 100%; outline: 0; }
#content .contact-left form select { background: none repeat scroll 0 0 transparent; border: 1px solid rgba(194,194,194,0.4); height: 30px; padding: 4px; margin: 5px 0 0; width: 482px; }
#content .contact-left form input[type="text"]:focus,#content .contact-left form input[type="email"]:focus,

#content .contact-left form input[type="url"]:focus,#content .contact-left form input[type="tel"]:focus,
#content .contact-left form input[type="number"]:focus,#content .contact-left form input[type="range"]:focus,
#content .contact-left form input[type="date"]:focus,#content .contact-left form input[type="file"]:focus { border: 1px solid #504aa7; outline: 0; }
#content .contact-left form textarea{background: #ffffff none repeat scroll 0 0; border: 1px solid #e1e1e1; box-sizing: border-box; font-family: "Open Sans",sans-serif; font-size: 14px; font-weight: 300; height: 182px; margin-bottom: 0; margin-top: 4px; padding: 5px 15px; width: 100%; }
.contact-add .coninfo {color: #747474; display: inline-block; font-size: 14px; font-weight: 400; letter-spacing: 0.2px; line-height: normal; margin-left: 40px; }
.contact-add .fa {display: inline-block; font-size: 22px; height: 45px; line-height: 47px; text-align: center; width: 45px; word-spacing: -5px; background-color: #504aa7; color: #fff; vertical-align: top; }
.contact-add strong {display: block; font-size: 18px; font-weight: 600; line-height: 16px; margin-bottom: 15px; }
.contact-add li {display: inline-block; list-style: outside none none; margin: 0 0 14px; padding: 5px 0; }

#content .contact-left form textarea:focus{ border: 1px solid #504aa7;}
#content #contactform  p{  margin-bottom: 0; }
.sub-icon-opt:before { color: #FFFFFF; content: "\f0a9"; font-family: 'FontAwesome'; font-size: 24px; }
.sub-icon-opt { height: 24px; left: 13px; position: relative; top: 36px; width: 24px; }
#content .contact-left form input[type="submit"]{ background-color: #504aa7; background-image: linear-gradient(to top, #504aa7, #60CEDE 15%, #72DAE6 50%, #81E4ED); border: 1px solid #504aa7; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2), 0 2px 1px rgba(255, 255, 255, 0.1) inset; color: #fff; cursor: pointer; float: left; font-family: open sans; font-size: 20px; font-weight: bolder; margin: 0; padding: 8px 22px; }
#content .contact-left div.wpcf7-validation-errors{ margin-top: 43px;}
.feature_image { border: 1px solid #CCCCCC; box-shadow: 0 5px 5px -3px #222222; }

/* Contact Us Map
---------------------------------------*/
.fullwidthmap { position: relative; margin-top: 50px; overflow: hidden; clear: both; width: 100%; }
.gmap-overlay{position: absolute; top: 0; bottom: -2px; left: 0; right: 0; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
#map-overlay-btn{  font-size: 25px; height: 40px; line-height: 40px; padding: 0; position: absolute; right: 15px; text-align: center; top: 10px; width: 40px; z-index: 2; }
/* contact template second
-------------------------------------*/
#content .fullwidthmap #map { border: 0; width: 100%; height: 400px; max-width: 100%;}
.fullwidthmap span.con-txt { display: block; font-size: 18px; font-weight: bold; margin-bottom: 8px; }
/* nCONTACT */
.page-template-template-contact-page #footer-area, .page-template-template-contact-page #container{  margin-top: -1px; }
.page-template-template-contact-page #container{padding-bottom: 0;}
.contact-left .heading-sep, .contact-left .section-heading { text-align: left; }
.contact-left .heading-sep-block { margin: 0 8px 0 0 !important }



/*-- Gallery page
----------------------------------------------*/
.attachment-gallery-wrap { float: left; margin: 0; }
.attachment-gallery-wrap li { float: left; list-style: none outside none; margin: 0 9px 15px; padding: 2px; position: relative; }
.feature_image span { background: url("/web/20220417232755im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/images/zoom-bg.png") repeat scroll center center #504aa7; height: 166px; left: 2px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; position: absolute; width: 212px; z-index: 10; } .slider-link-box .over-color { background: #504aa7;}
.attachment-gallery-wrap li a { display: block; }


/*-- pagenavi
----------------------------------------------*/
.pagenavi { float: left; padding: 0; width: auto; }
.pagenavi a,
.pagenavi span.current,
.pagenavi .single_page,
.pagenavi span.pages { color: #000; display: block; float: left; font-size: 16px; height: 35px; line-height: 35px; margin: 0 5px 0 0; padding: 0; text-align: center; text-decoration: none; vertical-align: middle; width: 35px; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; }
.pagenavi a:hover, 
 span.current:hover { background: none repeat scroll 0 0 #000000; color: #fff; cursor: pointer; text-decoration: none; }
.pagenavi span.pages { padding: 0 10px; width: auto; }
.pagenavi span.current { background: none repeat scroll 0 0 #000000; color: #fff; }
.pagenavi span.expand { float: left; margin: 0 5px 0 0; color: #000000; line-height: 28px; }
.pagenavi .first, .pagenavi .last { }
.pagenavi .single_page { }


/*
---------------------*/
.short-code { background: none repeat scroll 0 0 #EEEEEE; border: 1px solid #DDDDDD; display: inline-block; padding: 7px;color: #666666;width:95%;word-wrap: break-word; }.short-code b,.short-code strong { color: #000000; }

/* FRONT PAGE SECTIONS
---------------------*/
#feature { margin-top: 30px; }
.front-icon-wrap{margin-bottom: 20px; position: relative;}
.widget-container.mid-box{ padding: 40px 25px 0 25px; margin: 0; }
.front-icon-wrap .fa {color: #fff; font-size: 60px; line-height: 100px; position: absolute; left: 50%; width: 70px; margin-left: -35px; top: 10px; }
.element {display: inline-block; background-color: #504aa7; height: 120px; width: 120px; border:2px solid #fff; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-box-shadow: 0 0 0 3px #504aa7; -moz-box-shadow:   0 0 0 3px #504aa7; box-shadow: 0 0 0 3px #504aa7; }
.box-img:hover .element{-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.featured-img { outline: 3px solid #504aa7; outline-offset: 3px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
.box-img:hover .featured-img{outline-offset:-6px; outline: 3px solid #fff;}
#work .heading-sep { margin-bottom: 10px; }
.isotope-item { line-height: 0; }

/* FRONT TESTIMONIAL STYLE*/
#front-testimonial { position: relative; background-attachment: fixed; background-repeat: no-repeat; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; overflow: hidden; width: 100%; box-shadow: 0 -2px 3px -1px rgba(0, 0, 0, 0.06) inset; margin-top: 78px; }
.testimonial-content{color: #fff; font-size: 20px; line-height: 30px; margin: 35px 5px 25px 5px;}
.testimonial-author{ color: #fff; font-size: 20px; font-weight: 600; line-height: 30px; }
.testimonial-title{margin-bottom: 5px;}
.testimonial-container { padding: 60px 0 40px 0; position:relative; z-index: 1; }
.testimonial-overlay{position: absolute;top: 0;left: 0;bottom:0; right: 0;}
.cta-text,.testimonial-job,.testimonial-link,.testimonial-heading .section-heading {color: #fff; }
.testimonial-job,.testimonial-link{font-size: 16px; }
.testimonial-link{-webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; }
.testimonial-skin-border{ outline: 3px solid #504aa7; outline-offset: 3px; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; margin: 6px; }
.testimonial-skin-border:hover{ outline-offset: -6px; outline: 3px solid #fff; }
.testimonial-image {line-height: 0; }

/*testimonial + portfolio image fileter animation duration */
.project_image img{-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; max-width: 100%; }
.project_image:hover img{-webkit-filter: grayscale(1); filter: grayscale(1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }

/* FRONT OUR CLIENTS STYLE*/
.purpleplay-top p{margin-bottom: 0; }
#client-logos{list-style-type: none }
.owl-carousel .owl-wrapper{padding-top: 0 !important; }
.item.about-list {border: 1px solid rgb(241, 241, 241); display: table-cell; height: 124px; line-height: 0; text-align: center; vertical-align: middle; width: 270px; background: rgba(0, 0, 0, 0) none repeat scroll 0 0; }

.purpleplay-client {display: table-cell; height: 125px; line-height: 0; text-align: center; vertical-align: middle; width: 270px; background-color: rgb(241,241,241); }
.project_image a,.project_slide a,.item a{display: block; line-height: 0; }
.client-logo-img{ max-width: 270px; height: auto; }
#client-logos{width: 1200px; margin: 0 auto; }
.rev_slider_install_err{background-color: #81E4ED; padding: 10px 0; }

/*contact form style*/
#cstatus{	display: none;}
form#contactform .sending-mail,form.contactmailusform .sending-mail{ background: url("/web/20220417232755im_/https://www.sbb.com.tw/wp-content/themes/images/preloader.gif") no-repeat scroll 0 17px transparent;display: block;  float: left; height: 37px;margin-left: 15px;padding-left: 25px;padding-top: 15px;}
form#contactform .mail-sent{ background-color: rgba(0, 0, 0, 0.7); border: 1px solid #000000;color: #FFFFFF; display: inline-block;  float: left; height: 45px;left: 0; margin: -50px auto 0;padding: 28px;position: absolute; right: 0;  text-align: center;   top: 50%;    width: 165px;}
form.contactmailusform .mail-sent{ background-color: rgba(0, 0, 0, 0.7); border: 1px solid #000000;color: #FFFFFF; display: inline-block;  float: left; height: 45px;left: 0; margin: -234px auto 0;padding: 28px;position: absolute; right: 0;  text-align: center;   top: auto;    width: 165px;}

.tp-bannertimer{z-index: 20 !important;}
.section-heading { font-size: 30px; font-weight: 600; line-height: 40px; text-align: center; }

#cta { padding: 50px 0 30px 0; margin-top: 78px; }
.cta-text { font-size: 17px; font-weight: 600; letter-spacing: 1px; line-height: 24px; word-spacing: 3px; }

.breadcrumb-wrap {margin-bottom: 95px; border-bottom: 1px solid #d3d3d3; }
.breadcrumb-overlay{background-color: rgba(0,0,0,0.5); padding: 140px 0 10px 0;  }
.font-effect-3d-float {text-shadow: 0 0.032em 0 #b0b0b0, 0 0.15em 0.11em rgba(0,0,0,0.15), 0 0.25em 0.021em rgba(0,0,0,0.1), 0 0.32em 0.32em rgba(0,0,0,0.1); }

/*About Team*/
.row-member .team-container:nth-child(4n+1) { margin-left: 0; }
.c-hamburger {-moz-appearance: none; border: medium none; box-shadow: none; cursor: pointer; display: block; font-size: 0; height: 40px; margin: 0; overflow: hidden; padding: 0; position: relative; text-indent: -9999px; -webkit-transition: background 0.3s ease 0s; -moz-transition: background 0.3s ease 0s; -o-transition: background 0.3s ease 0s; transition: background 0.3s ease 0s; width: 40px; }
.c-hamburger:focus {outline: 0 none; }
.c-hamburger span {background: none repeat scroll 0 0 #fff; display: block; height: 4px; left: 5px; position: absolute; right: 5px; top: 18px; }
.c-hamburger span::after, .c-hamburger span::before {background-color: #fff; content: ""; display: block; height: 4px; left: 0; position: absolute; width: 100%; }
.c-hamburger--htla.is-active span::after, .c-hamburger--htla.is-active span::before, .c-hamburger--htra.is-active span::after, .c-hamburger--htra.is-active span::before {width: 40px; height: 40px; }
.c-hamburger span::before {top: -11px; }
.c-hamburger span::after {bottom: -11px; }
.c-hamburger--htx {background-color: #ff3264; }
.c-hamburger--htx span {-webkit-transition: background 0s ease 0.3s; -moz-transition: background 0s ease 0.3s; -o-transition: background 0s ease 0.3s; transition: background 0s ease 0.3s; }
.c-hamburger--htx span::after, .c-hamburger--htx span::before {-webkit-transition-delay: 0.3s, 0s; -moz-transition-delay: 0.3s, 0s; -o-transition-delay: 0.3s, 0s; transition-delay: 0.3s, 0s; -webkit-transition-duration: 0.3s, 0.3s; -moz-transition-duration: 0.3s, 0.3s; -o-transition-duration: 0.3s, 0.3s; transition-duration: 0.3s, 0.3s; }
.c-hamburger--htx span::before {-webkit-transition-property: top, transform; -moz-transition-property: top, transform; -o-transition-property: top, transform; transition-property: top, transform; }
.c-hamburger--htx span::after {-webkit-transition-property: bottom, transform; -moz-transition-property: bottom, transform; -o-transition-property: bottom, transform; transition-property: bottom, transform; }
.c-hamburger--htx.is-active {background-color: #cb0032; }
.c-hamburger--htx.is-active span {background: none repeat scroll 0 0 rgba(0, 0, 0, 0); }
.c-hamburger--htx.is-active span::before {top: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.c-hamburger--htx.is-active span::after {bottom: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.c-hamburger--htx.is-active span::after, .c-hamburger--htx.is-active span::before {-webkit-transition-delay: 0s, 0.3s; -moz-transition-delay: 0s, 0.3s; -o-transition-delay: 0s, 0.3s; transition-delay: 0s, 0.3s; }


[class^="hvr-"] {
  margin: .5em;
  padding: 10px 24px;
  cursor: pointer;
  background: #7462D8;
  text-decoration: none;
  color: #fff;
  /* Prevent highlight colour when element is tapped */
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
/* Shutter In Vertical */
.hvr-shutter-in-vertical {display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; border: 1px solid #fff; position: relative; background: #7462D8; -webkit-box-shadow: 0 0 0 3px #7462D8; box-shadow: 0 0 0 3px #7462D8; -webkit-transition-property: color; -moz-transition-property: color; -o-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
.hvr-shutter-in-vertical:before {content: ""; position: absolute; z-index: -1; top: -1px; bottom: -1px; left: -1px; right: -1px; background-color: #504aa7; border: 1px solid #fff; -webkit-box-shadow: 0 0 0 3px #504aa7; -moz-box-shadow: 0 0 0 3px #504aa7; box-shadow: 0 0 0 3px #504aa7; -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 50%; -moz-transform-origin: 50%; -ms-transform-origin: 50%; -o-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; -moz-transition-property: transform; -o-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; }
.hvr-shutter-in-vertical:hover, .hvr-shutter-in-vertical:focus, .hvr-shutter-in-vertical:active {color: white; }
.hvr-shutter-in-vertical.selected:before,.hvr-shutter-in-vertical:hover:before, .hvr-shutter-in-vertical:focus:before, .hvr-shutter-in-vertical:active:before {-webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); transform: scaleY(0); border-color: transparent; }

.widget-container a.hvr-shutter-in-vertical {margin-left: 0; margin-right: 1em; }

#content .contact-left form .hvr-shutter-in-vertical input[type="submit"]{background-color: transparent;box-shadow: none; border-color: transparent;}
#content .contact-left form .hvr-shutter-in-vertical{ padding: 0 0 0 13px;}

.mask-effect{overflow: hidden; position: relative; text-align: center; line-height: 0;}
.mask-effect .mask {position: absolute; overflow: hidden; top: 0; left: 0; bottom: 0; right: 0; z-index: 2; border:0px solid rgba(0,0,0,0.7); box-sizing:border-box; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }
.mask-effect .info-prev { display: inline-block; text-decoration: none; padding: 0; width: 40px; height: 40px; z-index: 3; position: absolute; top: 50%; left: 50%; right: 50%; bottom: 50%; color: #fff; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transform:scale(0,0); -moz-transform:scale(0,0); -ms-transform:scale(0,0); -o-transform:scale(0,0); transform:scale(0,0); -webkit-transition: transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out; -moz-transition: transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out; -o-transition: transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out; transition: transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out; margin: -20px; }
.mask-effect:hover .mask {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; border-top: 200px solid rgba(0,0,0,0.7); border-bottom: 200px solid rgba(0,0,0,0.7); }
.mask-effect:hover .info-prev, .info-prev i {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transform: scale(1,1); -moz-transform: scale(1,1); -ms-transform: scale(1,1); -o-transform: scale(1,1); transform: scale(1,1); -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -o-transition-delay: 0.3s; transition-delay: 0.3s; }
.info-prev i{ line-height: 42px; }


/* Shutter In Vertical */
#skenav .sub-menu a, #skenav  #menu-icon a {vertical-align: middle; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; background: #7462D8; -webkit-transition-property: color; -moz-transition-property: color; -o-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; }
#skenav .sub-menu a:before, #skenav  #menu-icon a:before {content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: #262626; -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 50%; -moz-transform-origin: 50%; -ms-transform-origin: 50%; -o-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; -moz-transition-property: transform; -o-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; }
#skenav .sub-menu a:hover, #skenav .sub-menu a:focus, #skenav .sub-menu a:active, #skenav  #menu-icon a:hover, #skenav  #menu-icon a:focus, #skenav  #menu-icon a:active {color: white; }
#skenav .sub-menu a:hover:before, #skenav .sub-menu a:focus:before, #skenav .sub-menu a:active:before, #skenav  #menu-icon a:hover:before, #skenav  #menu-icon a:focus:before, #skenav  #menu-icon a:active:before {-webkit-transform: scaleY(0); -moz-transform: scaleY(0); -o-transform: scaleY(0); transform: scaleY(0); border-color: transparent; }

/* -- Theme Heading seperator three star
-------------------------------------------*/
.page-template-template-blog .heading-sep, .archive .heading-sep, .blog .heading-sep, .category .heading-sep, .tag .heading-sep { margin-bottom: 70px; }
.our-team-member .heading-sep, .blog .our-team-member .heading-sep { margin-bottom: 0; }
.blog .testimonial-top .heading-sep, .blog  #front-clients .heading-sep { margin-bottom: 30px; }
.heading-sep{ overflow: hidden; text-align: center; margin-bottom: 30px; }
.heading-sep-block{ display: inline-block; margin: 0 8px !important; list-style-type: none !important; }
.heading-sep-block li { width: 9px !important; height: 9px; background-color: #504aa7; float:left; padding: 0!important; margin: 0 5px 0 5px !important; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); border: none; }
.heading-sep-line { height: 0; border-bottom: 1px solid rgba(194, 194, 194, 0.29); width: 100%; width: 30%; display: inline-block; position: relative; top: -4px; }
.widget-container .heading-sep{ text-align: left;margin-bottom: 20px !important; }
.widget-container .heading-sep-block li:before{ content: none; }
.widget-container .heading-sep-block li { width: 0 !important; height: 0; margin: 0 5px !important;  border: 3px solid #504aa7; outline: 0; }
#footer .widget-container .heading-sep-block li { border: 3px solid #fff; }
.widget-container .heading-sep-line{ top: -2px; }
.widget-container .heading-sep-block{ margin: 0 3px 0 0 !important; }
.testimonial-top .heading-sep-block li { background-color: #fff; }


/* EDITOR CONTENT CSS */
#front-content-box .container-fluid { padding: 0; }
.purple-editor-left { float: left; width: 35%; padding-left: 185px; padding-top: 30px; }
.purple-editor-right { float: right; height: auto; width: 50%; }
.editor-image { max-width: 100%; height: auto; }
.front-editor-wrapper { width: 95%; }
.purple-editor-left h2 { font-size: 35px; letter-spacing: -2px; font-weight: 600; line-height: 40px; }


/*********NOTIFICATION BAR*********/
#notificationbar { width: 100%; display: none; top: 0; position: fixed; left: 0; height: auto; z-index: 9999; }
.wrapper-notifi { width: 95%; position: relative; left: 0; padding: 5px 0; height: auto; }
.notifi-color { color: #fff;  }
.notification-content { text-align: center; }
.notification-close {float: right; color: #fff; position: relative; background-color: #03D570; margin: 0; height: 45px; width: 45px; padding: 0; text-align: center; line-height: 45px !important; font-size: 30px !important; z-index: 9; }
.notification-close:hover { cursor: pointer; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; }
.noti-push { display: none; }

/* conatct 7 */
div.wpcf7 img.ajax-loader{position: relative; right: -25px; top: 4px; }


@media only screen and (min-width : 1025px) and (max-width : 1199px) {

}

/**************** iPads **************/
@media only screen and (min-width: 767px) and (max-width: 1024px) {
	 h1.post_title.single { width:505px; }
	.content-bar .post .post_content img.postimg { max-width:93%; }
	.content-bar img { max-width:498px; height:auto; }
	.box-container { margin: 0 18px; }
	.font-icon-first, .font-icon-second, .font-icon-third, .font-icon-fourth { float: right; left: -52px;  position: relative;}
	.box-img { margin-bottom: 10px;  margin-top: 10px;  padding: 0;}
	.box-title { right: auto;text-align: center;  left: auto; width: 100%;}
	.one_half, .one_third, .two_third, .one_fourth, .three_fourth{margin-right:0px;}
	.box-text { text-align: center;}
	.readmorebtn {  margin-left: 0;  text-align: center;}
	.readmorebtn a {  float: none;}
	.readmorebtn a:before {top:-1px;}
	.front-img-wrap img{position: relative; right:auto;}
	.jCarouselLite { margin: 0 auto; width: 91% !important; }
	.jCarouselLite ul li { width: 152px !important; }
	
	.skt-slide-controls a.skt-next-slide {top: -242px; right: -53px;}
	.skt-slide-controls a.skt-prev-slide {top: -242px; right: -25px;}

	.ctaction-btn { padding:8px 0; }
	.ctaction-btn a { font-size: 16px; }

	#content .wp-caption { width: 499px !important; }
	#content .wp-caption img { width: 484px; }
	.attachment-gallery-wrap li{ margin: 0 13px 15px; }
	
	/* Front Page
	------------------------------------------------------*/
	.front-icon-wrap span { margin-left: 0; }

	/* Contact
	--------------------------------------------*/
	#content .contact-left form input[type="text"],#content .contact-left form input[type="email"],#content .contact-left form input[type="url"],#content .contact-left form input[type="tel"],
	#content .contact-left form input[type="number"],#content .contact-left form input[type="range"],
	#content .contact-left form input[type="date"],#content .contact-left form input[type="file"]{ width: 436px; max-width: 100%; }
	#content .contact-left form select { width: 447px; max-width: 100%; }
	#content .contact-left form textarea{  width: 446px; max-width: 100%; }
	#content #map { width: 242px; }

	/* Entry
	-----------------------------------*/
	.author-name{ padding-right: 6px;}
	.date-time{ margin-left: 12px; padding-right: 8px;}
	.comment{margin-left: 12px;}

	#footer-widget-area .twitter-timeline{min-width:165px !important;max-width:85% !important;}

	/* navigation
	-------------------------------------*/
	#skehead{padding: 20px 0;}
	#skenav a{color: #fff;}	
	#menu-main{display: none;}
	#menu-icon { display: block; position: relative; }
	#mini-menu { background-color: #1D1E1E; border-radius: 0 0 5px 5px; display: none; right: 0; list-style-type: none; margin: 0; position: absolute; top: 60px; width: 747px; z-index: 99999;  max-height: 300px; overflow-y: scroll; }

	#skenav .sub-menu a, #skenav #menu-icon a{background: transparent;}
	#close-menu{background: url("/web/20220417232755im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/images/navibottomimg.png") no-repeat scroll center; display: block;height: 19px; cursor: pointer;}
	ul#mini-menu li { list-style-type: none; margin-left: 0; }
	ul#mini-menu li ul.sub-menu{margin:0px;}
	ul#mini-menu li a{ border-bottom: 1px solid #353535; border-top: 1px solid #070808;line-height: 28px; padding: 5px 5px 5px 20px; margin: 0; }
	ul#mini-menu li a:hover { background: none repeat scroll 0 0 #141515; color: #fff;}
	#mini-menu li.current_page_item > a{color: #fff;}
	.menu_wrapper { border-radius: 5px; padding: 4px 0; }
	a.sf-with-ul:after {content: '\f107'; font-family: fontawesome; position: absolute; right: 15px; }
	
	/*Team Member*/
	#team .row-member.row-fluid { margin: 0 auto; width: 570px; }
	#team .row-member.row-fluid .span3:nth-child(2n+1){margin-left: 0;}
	#team .row-member.row-fluid .span3{margin-left: 30px;}

	.row-member.row-fluid { margin: 0 auto; width: 570px; }
	.row-member.row-fluid .span3:nth-child(2n+1){margin-left: 0;}
	.row-member.row-fluid .span3{margin-left: 30px;}

	/*Client Logos*/
	#client-logos{width: 590px;position: relative; left: 15px;}

	/*Contact Page*/
	.row-fluid .span8.contact-editor-txt{width: 59.812%; }
	.row-fluid .span4.contact-address-txt{width: 37.6239%; }
	.contact-add .coninfo{margin-left: 20px;}
	
	/*Front Editor Content*/
	.front-editor-wrapper{ width: auto; }
	.purple-editor-left{ float: none; width: 617px; margin: 0 auto 30px auto; padding: 30px 65px 0; text-align: center; }
	.purple-editor-right{ float: none; width: auto; }
	
	/*Front Portfolio*/
	#work .heading-sep{margin-bottom: 30px;}
}

/* Landscape */
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
	
	
}

/****************max-width: 767px**************/
@media only screen and (max-width: 766px) {
 	#header{margin-bottom:0px;}
	#left-section { text-align:center; margin: 40px 0 21px 0; }
	#top-head .right-section{float:none;}
	#top-head .left-section { float: left; text-align: center; }
	#top-head .right-section{margin-top:0px;}
	#menu li { float:none !important; }
	#left-section { text-align:center; }
	.box-container{ padding-left: 0; margin-left :0px; }
	.box-text { padding: 5px 0; text-align: center; }
	.readmorebtn { margin-left: 212px; }
	.slider-full { height: 460px; }
	.jCarouselLite { margin: 0 auto; width: 81% !important; height: 130px; }
	.jCarouselLite ul li { cursor: pointer; display: table-cell; margin: 0 5px 0 10px; vertical-align: middle; width: 170px !important; }
	#mycarousel .skt-slide a > img { float: left; height: 128px; width: 171px; }
	.skt-slide-controls a.skt-prev-slide{right: auto;top: -77px;}
	.skt-slide-controls a.skt-next-slide{left: 437px;top: -76px;right: auto;}

	.sidebar { padding-left:0; padding-top:40px; max-width:100%; }
	.content-bar .post .post_content img.postimg { max-width:93%; }
	h1.post_title.single { width:471px; text-align:center; }
	.content-bar img { max-width:470px; height:auto; }
	#clients .clients-logo > ul {margin: 0;width: 69%;}
	.ctaction-btn{width: 93% !important;margin-top: 9px;}
	#container-isotop{margin-left: 90px;}
	.skt-breadcrumb {float: none;position: absolute;right: 0;text-align: center;top: 44px; }

	/* navigation
	-------------------------------------*/
	#logo{width: 84%;}
	#skehead .top-nav-menu.span8{width: 15%;}
	#skenav .sub-menu a, #skenav #menu-icon a{background: transparent;}
	#skehead{padding: 20px 0;}
	#skenav a{color: #fff;}	
	#menu-main{display: none;}
	#menu-icon { display: block; position: relative; }
	#mini-menu { background-color: #1D1E1E; border-radius: 0 0 5px 5px; display: none; right: 0; list-style-type: none; margin: 0; position: absolute; top: 60px; width: 480px; z-index: 99999;  max-height: 260px; overflow-y: scroll; }

	#close-menu{background: url("/web/20220417232755im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/images/navibottomimg.png") no-repeat scroll center; display: block;height: 19px; cursor: pointer;}
	ul#mini-menu li { list-style-type: none; margin-left: 0; }
	ul#mini-menu li ul.sub-menu{margin:0px;}
	ul#mini-menu li a{ border-bottom: 1px solid #353535; border-top: 1px solid #070808;line-height: 28px; padding: 5px 5px 5px 20px; margin: 0; }
	ul#mini-menu li a:hover { background: none repeat scroll 0 0 #141515; color: #fff;}
	#mini-menu li.current_page_item > a{color: #fff;}
	.menu_wrapper { border-radius: 5px; padding: 4px 0; }
	a.sf-with-ul:after {content: '\f107'; font-family: fontawesome; position: absolute; right: 15px; }

	/* entry
	-----------------------------------*/
	.author-name{ border-bottom: medium none; }
	.page-title{ padding-bottom: 8px; text-align: center;}
	.skt-breadcrumb{float:none;  text-align: center;}
	/* sidebar
	------------------------------------------*/
	.post-image img { width: 462px; }
	#content .wp-caption { width: 462px !important; }
	#content .wp-caption img { width: 451px; }
	#content .contact-left form textarea{ background: none repeat scroll 0 0 transparent; width: 444px; }
	#content .contact-left form input[type="text"],#content .contact-left form input[type="email"],#content .contact-left form input[type="url"],#content .contact-left form input[type="tel"],
	#content .contact-left form input[type="number"],#content .contact-left form input[type="range"],
	#content .contact-left form input[type="date"],#content .contact-left form input[type="file"]{ width:435px;}
	#content .contact-left form select{width: 446px; }
	#content .mapwrap { margin-top: 15px; }
	#content #map { width: 415px; }

	.preview.attachment-gallery-wrap { float: none; margin: 0 auto !important; width: 475px; }
	/* Footer 
	-----------------------------------------*/
	/*#footer .widget-title{ text-align:center;}*/
	#copyright { text-align: center; }
	#footer-area .bottom_wrapper .owner { float: right; line-height: 20px; text-align: center; }
	/*Front Editor Content*/
	.front-editor-wrapper{ width: 95%; margin: 0 auto; }
	.purple-editor-left{ float: none; width: 100%; margin: 0 auto 20px auto; padding: 30px 0 0 0; text-align: center; }
	.purple-editor-right{ float: none; width: auto; }


}

@media only screen and (min-width : 481px) and (max-width : 766px) {
	#client-logos{width: 290px; }
	.row-fluid .span3.team-container{margin-top: 30px;}
	#container-isotop{margin: 30px auto 0 auto !important; }
	.project_image img, #container-isotop .project_box{width: 290px;height: 290px;}
	#mini-menu { background-color: #1D1E1E; border-radius: 0 0 5px 5px; display: none; right: 0; list-style-type: none; margin: 0; position: absolute; top: 60px; max-height: 260px; overflow-y: scroll; width: 290px; }
	a.sf-with-ul:after {content: '\f107'; font-family: fontawesome; position: absolute; right: 15px; }
}

/****************max-width: 480px**************/
@media only screen and (max-width: 480px) {
	#header{margin-bottom:0px;}
	#top-head .left-section{padding-top:0px;}
	#top-head .right-section{float:none;}
	#content textarea { width: 246px; }

	.box-text { padding: 5px 0; text-align: center; }
	.box-title{ left: auto;text-align: center;width: 100%;margin: 9px 0 7px; top: auto;}
	.readmorebtn { margin-left: 119px; }

	.clients-logo { padding-left: 37px; }

	.sidebar { padding-left:0; padding-top:40px; max-width:100%; }
	.content-bar .post .post_content img.postimg { max-width:93%; }
	h1.post_title.single { width:292px; text-align:center; }
	.content-bar img { max-width:292px; height:auto; }

	.jCarouselLite-bg{ padding: 4px 0;}

	.skt-slide-controls a.skt-prev-slide{ position: absolute; left: 0;top: -75px;}
    .skt-slide-controls a.skt-next-slide{left: 262px;;position: absolute; top: -75px;}
	.box-container{ padding-left: 0; margin-left :0px; }
	#clients .clients-logo > ul {margin: 0;width: 99%;}

	.ctaction-btn{width:75% !important;margin-top: 9px;}
	.ctaction-btn{ margin-top: 6px;padding-left: 5px;}
	.ctaction-btn.span3 { margin: 11px 34px; padding: 10px 0 10px 13px; width: 200px; }

	.clients-logo{padding-left:0px;}
	#clients{margin-top: 16px;}
	#clients .clients-logo ul li{width:138px;background: none no-repeat scroll 0 0 transparent;}
	.front_clients h2,.front_testimonials h3, .testimonialWraper .testimonial { text-align: center;}

	.testimonialWraper .testifier { float: none;   text-align: center; }

	/* entry  
	----------------------------------------*/
	#content {}
	#content .post {  clear: both;  padding: 0;}
	.pagetitle-wrap{padding-bottom:39px;}
	.page-title{ padding-bottom: 8px; text-align: center;}
	.skt-breadcrumb{float:none;  text-align: center;}
	.entry-meta, .entry-utility {  clear: both; float: none;}
	.author-name, .comment, .date-time { border-bottom: medium none; float: none; margin: 0; padding: 0; display: block; }
	
	/* sidebar
	------------------------------------------*/
	#siderbar{}
	#sider-bar{padding-right:13px;}
	#primary, #secondary{padding-left:0px}
	
		/*= Navigation Menu
	-------------------------------------------*/
	#header-area .header-nav-full{ height: 150px;}

	#logo #site-title a {margin-top: 0;}
	#logo{width: 84%;}
	#skehead .top-nav-menu.span8{width: 15%;}

	#skenav .sub-menu a, #skenav #menu-icon a{background: transparent;}
	#mini-menu { display:none; }
	#menu-icon{ display: block; width: auto; height: 67%; position: relative; }
	#menu-icon.close { background-position: 30px 15px; }
	#menu-icon.open { background-position: 30px 15px; }
	#mini-menu { background-color: #1D1E1E; border-radius: 0 0 5px 5px; display: none; right: 0; list-style-type: none; margin: 0; position: absolute; top: 60px; width: 290px; max-height: 260px; overflow-y: scroll;  }

	#skenav a{color: #fff;}
	ul#mini-menu li { list-style-type: none; margin-left: 0; }	
	ul#mini-menu li a:hover { background: none repeat scroll 0 0 #141515; }
	ul#mini-menu li ul.sub-menu{margin:0px;}
	ul#mini-menu li ul li a:hover { background: none repeat scroll 0 0 #141515; }
	#mini-menu li.current_page_item > a{color: #fff;}
	a.sf-with-ul:after {content: '\f107'; font-family: fontawesome; position: absolute; right: 15px; }

	#copyright { text-align: center; }
	#footer-area .bottom_wrapper .owner { float: right; line-height: 20px; text-align: center; }
	.post-image img { width: 100%; }
	#content .wp-caption { width: 274px !important; }
	#content .wp-caption img { width: 264px; }
	.preview.attachment-gallery-wrap { float: none; margin: 0 auto !important; padding-left: 28px; width: 265px; }
	
	.skt-breadcrumb{position: inherit;}

	/* Center Front Box content
	---------------------------------------*/
	.front-icon-wrap span {   margin-left: 0; }

	/* About
	---------------------------------------*/
	.team-container{ margin-left: 0; padding: 0; }
	
	/* contact page
	---------------------------------------*/
	#content .contact-left .input { 	margin-bottom: 0; 	width: 170px; }
	#content .contact-left form input[type="text"],#content .contact-left form input[type="email"],#content .contact-left form input[type="url"],#content .contact-left form input[type="tel"],
	#content .contact-left form input[type="number"],#content .contact-left form input[type="range"],
	#content .contact-left form input[type="date"],#content .contact-left form input[type="file"]{  width: 100%; max-width: 290px; background:none; }
	#content .contact-left form select{ width: 98%; max-width: 290px; }
	#content .contact-left form textarea { background: none repeat scroll 0 0 transparent; height: 80px; vertical-align: top; width: 100%; max-width: 290px; }
	#content .mapwrap { margin-top: 15px; }
	#content #map { width: 230px; }

	/* Footer 
	-----------------------------------------*/
	#footer-widget-area #first,#footer-widget-area #second,#footer-widget-area #third,#footer-widget-area #fourth{ margin-left: 0;}
	#footer .widget-container > ul{margin-right: 0; }

	/* nMiscleneous */
	.section-heading{text-align: center;}
	.row-member.row-fluid .span3 {width: 270px; margin: 0 auto 30px auto !important; float: none; }
	.row-member.row-fluid .span3:last-child{margin-bottom: 0 !important;}

	.row-fluid .ctaction-btn.span4 {float: none; margin: 0 auto; }
	.row-fluid .ctaction-text.span8{float: none; text-align: center;}

	#client-logos{width: 290px; }
	.purpleplay-client{ width: 290px; margin: 0; }

	#container-isotop{margin: 30px auto 0 auto !important; }
	.isotope-item{ margin: 0 0 30px 0 !important; width: 290px; height: 290px; }
	.project_image img{height: 290px;}

	.zoom-img,.link-post{width: 45px; height: 45px; }
	.zoom-img a:before,.link-post a:before{padding: 10px;}

	/*Front Editor Content*/
	.front-editor-wrapper{ width: 290px ; margin: 0 auto; }
	.purple-editor-left{ float: none; width: 100%; margin: 0 auto 20px auto; padding: 30px 0 0 0; text-align: center; }
	.purple-editor-right{ float: none; width: auto; }

	/*Contact Page*/
	.contact-add .coninfo{margin-left: 20px;}

}
/*
     FILE ARCHIVED ON 23:27:55 Apr 17, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 06:26:43 Jun 12, 2023.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 354.681
  exclusion.robots: 0.158
  exclusion.robots.policy: 0.147
  cdx.remote: 0.076
  esindex: 0.012
  LoadShardBlock: 306.513 (3)
  PetaboxLoader3.datanode: 359.414 (5)
  load_resource: 120.003
  PetaboxLoader3.resolve: 31.975
  loaddict: 37.541
*//*!
* Bootstrap Responsive v2.3.2
*
* Copyright 2013 Twitter, Inc
* Licensed under the Apache License v2.0
* http://www.apache.org/licenses/LICENSE-2.0
*
* Designed and built with all the love in the world by @mdo and @fat.
*/
.clearfix:before,
.clearfix:after {
    display: table;
	line-height: 0;
	content: "";
}
.clearfix:after {
	clear: both;
}
.container {
	margin-left: auto;
	margin-right: auto;
}
.container:before, .container:after {
	content: "";
	display: table;
	line-height: 0;
}
.container:after {
	clear: both;
}
.container-fluid {
	padding-left: 20px;
	padding-right: 20px;
}
.container-fluid:before, .container-fluid:after {
	content: "";
	display: table;
	line-height: 0;
}
.container-fluid:after {
	clear: both;
}
.hide-text {
	font-size:0px;
	line-height:0px;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0;
}
.input-block-level {
	display: block;
	width: 100%;
	min-height: 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
@-ms-viewport {
	width: device-width;
}
.hidden {
	display: none;
	visibility: hidden;
}
.visible-phone {
	display: none !important;
}
.visible-tablet {
	display: none !important;
}
.hidden-desktop {
	display: none !important;
}
.visible-desktop {
	display: inherit !important;
}
.visible-print {
	display: none !important;
}


@media (min-width: 768px) and (max-width: 979px) {
	.hidden-desktop {
		display: inherit !important;
	}
	.visible-desktop {
		display: none !important ;
	}
	.visible-tablet {
		display: inherit !important;
	}
	.hidden-tablet {
		display: none !important;
	}
}
@media (max-width: 767px) {
	.hidden-desktop {
		display: inherit !important;
	}
	.visible-desktop {
		display: none !important;
	}
	.visible-phone {
		display: inherit !important;
	}
	.hidden-phone {
		display: none !important;
	}
	.flexslider {
		min-height:347px;
	}
	.flex-control-nav {
		display:none;
	}
}

@media print {
	.visible-print {
		display: inherit !important;
	}
	.hidden-print {
		display: none !important;
	}

	body { background: none !important; }
	#wrapper { clear: both !important; display: block !important; float: none !important; position: relative !important; }
	#header { border-bottom: 2pt solid #000; padding-bottom: 18pt; }
	#colophon { border-top: 2pt solid #000; }
	#site-title,
	#site-description { float: none; line-height: 1.4em; margin: 0; padding: 0; }
	#site-title { font-size: 13pt; }
	.entry-content { font-size: 14pt; line-height: 1.6em; }
	.entry-title { font-size: 21pt; }
	#access,
	#branding img,
	#respond, .comment-edit-link, .edit-link, .navigation, .page-link, .widget-area { display: none !important; }
	#container, #header, #footer { margin: 0; width: 100%; }
	#content, .one-column #content { margin: 24pt 0 0; width: 100%; }
	.wp-caption p { font-size: 11pt; }
	#copyright, #site-generator { float: none; width: auto; }
	#colophon { width: auto; }
	img#wpstats { display: none; }
	#site-generator a { margin: 0; padding: 0; }
	#entry-author-info { border: 1px solid #e7e7e7; }
	#main { display: inline; }
	.home .sticky { border: none; }

}

/* Media screen */
@media handheld, only screen and (min-width: 1024px) {
	.menu-icon{ display:none; }
	.mini-menu{ display:none !important; }
}

@media (min-width: 1200px) {

	.row {
		margin-left: -30px;
	}
	.row:before,
	.row:after {
		display: table;
		line-height: 0;
		content: "";
	}
	.row:after {
		clear: both;
	}
	[class*="span"] {
		float: left;
		min-height: 1px;
		margin-left: 30px;
	}
	.container,
	.navbar-static-top .container,
	.navbar-fixed-top .container,
	.navbar-fixed-bottom .container {
		width: 1170px;
	}
	.span12 {
		width: 1170px;
	}
	.span11 {
		width: 1070px;
	}
	.span10 {
		width: 970px;
	}
	.span9 {
		width: 870px;
	}
	.span8 {
		width: 770px;
	}
	.span7 {
		width: 670px;
	}
	.span6 {
		width: 570px;
	}
	.span5 {
		width: 470px;
	}
	.span4 {
		width: 370px;
	}
	.span3 {
		width: 270px;
	}
	.span2 {
		width: 170px;
	}
	.span1 {
		width: 70px;
	}
	.offset12 {
		margin-left: 1230px;
	}
	.offset11 {
		margin-left: 1130px;
	}
	.offset10 {
		margin-left: 1030px;
	}
	.offset9 {
		margin-left: 930px;
	}
	.offset8 {
		margin-left: 830px;
	}
	.offset7 {
		margin-left: 730px;
	}
	.offset6 {
		margin-left: 630px;
	}
	.offset5 {
		margin-left: 530px;
	}
	.offset4 {
		margin-left: 430px;
	}
	.offset3 {
		margin-left: 330px;
	}
	.offset2 {
		margin-left: 230px;
	}
	.offset1 {
		margin-left: 130px;
	}
	.row-fluid {
		width: 100%;
	}
	.row-fluid:before,
	.row-fluid:after {
		display: table;
		line-height: 0;
		content: "";
	}
	.row-fluid:after {
		clear: both;
	}
	.row-fluid [class*="span"] {
		display: block;
		float: left;
		width: 100%;
		min-height: 30px;
		margin-left: 2.564102564102564%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.row-fluid [class*="span"]:first-child {
		margin-left: 0;
	}
	.row-fluid .controls-row [class*="span"] + [class*="span"] {
		margin-left: 2.564102564102564%;
	}
	.row-fluid .span12 {
		width: 100%;
	}
	.row-fluid .span11 {
		width: 91.45299145299145%;
	}
	.row-fluid .span10 {
		width: 82.90598290598291%;
	}
	.row-fluid .span9 {
		width: 74.35897435897436%;
	}
	.row-fluid .span8 {
		width: 65.81196581196582%;
	}
	.row-fluid .span7 {
		width: 57.26495726495726%;
	}
	.row-fluid .span6 {
		width: 48.717948717948715%;
	}
	.row-fluid .span5 {
		width: 40.17094017094017%;
	}
	.row-fluid .span4 {
		width: 31.623931623931625%;
	}
	.row-fluid .span3 {
		width: 23.076923076923077%;
	}
	.row-fluid .span2 {
		width: 14.52991452991453%;
	}
	.row-fluid .span1 {
		width: 5.982905982905983%;
	}
	.row-fluid .offset12 {
		margin-left: 105.12820512820512%;
	}
	.row-fluid .offset12:first-child {
		margin-left: 102.56410256410257%;
	}
	.row-fluid .offset11 {
		margin-left: 96.58119658119658%;
	}
	.row-fluid .offset11:first-child {
		margin-left: 94.01709401709402%;
	}
	.row-fluid .offset10 {
		margin-left: 88.03418803418803%;
	}
	.row-fluid .offset10:first-child {
		margin-left: 85.47008547008548%;
	}
	.row-fluid .offset9 {
		margin-left: 79.48717948717949%;
	}
	.row-fluid .offset9:first-child {
		margin-left: 76.92307692307693%;
	}
	.row-fluid .offset8 {
		margin-left: 70.94017094017094%;
	}
	.row-fluid .offset8:first-child {
		margin-left: 68.37606837606839%;
	}
	.row-fluid .offset7 {
		margin-left: 62.393162393162385%;
	}
	.row-fluid .offset7:first-child {
		margin-left: 59.82905982905982%;
	}
	.row-fluid .offset6 {
		margin-left: 53.84615384615384%;
	}
	.row-fluid .offset6:first-child {
		margin-left: 51.28205128205128%;
	}
	.row-fluid .offset5 {
		margin-left: 45.299145299145295%;
	}
	.row-fluid .offset5:first-child {
		margin-left: 42.73504273504273%;
	}
	.row-fluid .offset4 {
		margin-left: 36.75213675213675%;
	}
	.row-fluid .offset4:first-child {
		margin-left: 34.18803418803419%;
	}
	.row-fluid .offset3 {
		margin-left: 28.205128205128204%;
	}
	.row-fluid .offset3:first-child {
		margin-left: 25.641025641025642%;
	}
	.row-fluid .offset2 {
		margin-left: 19.65811965811966%;
	}
	.row-fluid .offset2:first-child {
		margin-left: 17.094017094017094%;
	}
	.row-fluid .offset1 {
		margin-left: 11.11111111111111%;
	}
	.row-fluid .offset1:first-child {
		margin-left: 8.547008547008547%;
	}
	input,
	textarea,.uneditable-input {
		margin-left: 0;
	}
	.controls-row [class*="span"] + [class*="span"] {
		margin-left: 30px;
	}
	input.span12,
	textarea.span12,.uneditable-input.span12 {
		width: 1156px;
	}
	input.span11,
	textarea.span11,.uneditable-input.span11 {
		width: 1056px;
	}
	input.span10,
	textarea.span10,.uneditable-input.span10 {
		width: 956px;
	}
	input.span9,
	textarea.span9,.uneditable-input.span9 {
		width: 856px;
	}
	input.span8,
	textarea.span8,.uneditable-input.span8 {
		width: 756px;
	}
	input.span7,
	textarea.span7,.uneditable-input.span7 {
		width: 656px;
	}
	input.span6,
	textarea.span6,.uneditable-input.span6 {
		width: 556px;
	}
	input.span5,
	textarea.span5,.uneditable-input.span5 {
		width: 456px;
	}
	input.span4,
	textarea.span4,.uneditable-input.span4 {
		width: 356px;
	}
	input.span3,
	textarea.span3,.uneditable-input.span3 {
		width: 256px;
	}
	input.span2,
	textarea.span2,.uneditable-input.span2 {
		width: 156px;
	}
	input.span1,
	textarea.span1,.uneditable-input.span1 {
		width: 56px;
	}
	.thumbnails {
		margin-left: -30px;
	}
	.thumbnails > li {
		margin-left: 30px;
	}
	.row-fluid .thumbnails {
		margin-left: 0;
	}
}


@media (min-width: 768px) and (max-width: 979px) {

	.row {
		margin-left: -20px;
	}
	.row:before,
	.row:after {
		display: table;
		line-height: 0;
		content: "";
	}
	.row:after {
		clear: both;
	}
	[class*="span"] {
		float: left;
		min-height: 1px;
		margin-left: 20px;
	}
	.container,
	.navbar-static-top .container,
	.navbar-fixed-top .container,
	.navbar-fixed-bottom .container {
		width: 724px;
	}
	.span12 {
		width: 724px;
	}
	.span11 {
		width: 662px;
	}
	.span10 {
		width: 600px;
	}
	.span9 {
		width: 538px;
	}
	.span8 {
		width: 476px;
	}
	.span7 {
		width: 414px;
	}
	.span6 {
		width: 352px;
	}
	.span5 {
		width: 290px;
	}
	.span4 {
		width: 228px;
	}
	.span3 {
		width: 166px;
	}
	.span2 {
		width: 104px;
	}
	.span1 {
		width: 42px;
	}
	.offset12 {
		margin-left: 764px;
	}
	.offset11 {
		margin-left: 702px;
	}
	.offset10 {
		margin-left: 640px;
	}
	.offset9 {
		margin-left: 578px;
	}
	.offset8 {
		margin-left: 516px;
	}
	.offset7 {
		margin-left: 454px;
	}
	.offset6 {
		margin-left: 392px;
	}
	.offset5 {
		margin-left: 330px;
	}
	.offset4 {
		margin-left: 268px;
	}
	.offset3 {
		margin-left: 206px;
	}
	.offset2 {
		margin-left: 144px;
	}
	.offset1 {
		margin-left: 82px;
	}
	.row-fluid {
		width: 100%;
	}
	.row-fluid:before,
	.row-fluid:after {
		display: table;
		line-height: 0;
		content: "";
	}
	.row-fluid:after {
		clear: both;
	}
	.row-fluid [class*="span"] {
		display: block;
		float: left;
		width: 100%;
		min-height: 30px;
		margin-left: 2.7624309392265194%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.row-fluid [class*="span"]:first-child {
		margin-left: 0;
	}
	.row-fluid .controls-row [class*="span"] + [class*="span"] {
		margin-left: 2.7624309392265194%;
	}
	.row-fluid .span12 {
		width: 100%;
	}
	.row-fluid .span11 {
		width: 91.43646408839778%;
	}
	.row-fluid .span10 {
		width: 82.87292817679558%;
	}
	.row-fluid .span9 {
		width: 74.30939226519337%;
	}
	.row-fluid .span8 {
		width: 65.74585635359117%;
	}
	.row-fluid .span7 {
		width: 57.18232044198895%;
	}
	.row-fluid .span6 {
		width: 48.61878453038674%;
	}
	.row-fluid .span5 {
		width: 40.05524861878453%;
	}
	.row-fluid .span4 {
		width: 31.491712707182323%;
	}
	.row-fluid .span3 {
		width: 22.92817679558011%;;
	}
	.row-fluid .span2 {
		width: 14.3646408839779%;
	}
	.row-fluid .span1 {
		width: 5.801104972375691%;
	}
	.row-fluid .offset12 {
		margin-left: 105.52486187845304%;
	}
	.row-fluid .offset12:first-child {
		margin-left: 102.76243093922652%;
	}
	.row-fluid .offset11 {
		margin-left: 96.96132596685082%;
	}
	.row-fluid .offset11:first-child {
		margin-left: 94.1988950276243%;
	}
	.row-fluid .offset10 {
		margin-left: 88.39779005524862%;
	}
	.row-fluid .offset10:first-child {
		margin-left: 85.6353591160221%;
	}
	.row-fluid .offset9 {
		margin-left: 79.8342541436464%;
	}
	.row-fluid .offset9:first-child {
		margin-left: 77.07182320441989%;
	}
	.row-fluid .offset8 {
		margin-left: 71.2707182320442%;
	}
	.row-fluid .offset8:first-child {
		margin-left: 68.50828729281768%;
	}
	.row-fluid .offset7 {
		margin-left: 62.70718232044199%;
	}
	.row-fluid .offset7:first-child {
		margin-left: 59.94475138121547%;
	}
	.row-fluid .offset6 {
		margin-left: 54.14364640883978%;
	}
	.row-fluid .offset6:first-child {
		margin-left: 51.38121546961326%;
	}
	.row-fluid .offset5 {
		margin-left: 45.58011049723757%;
	}
	.row-fluid .offset5:first-child {
		margin-left: 42.81767955801105%;
	}
	.row-fluid .offset4 {
		margin-left: 37.01657458563536%;
	}
	.row-fluid .offset4:first-child {
		margin-left: 34.25414364640884%;
	}
	.row-fluid .offset3 {
		margin-left: 28.45303867403315%;
	}
	.row-fluid .offset3:first-child {
		margin-left: 25.69060773480663%;
	}
	.row-fluid .offset2 {
		margin-left: 19.88950276243094%;
	}
	.row-fluid .offset2:first-child {
		margin-left: 17.12707182320442%;
	}
	.row-fluid .offset1 {
		margin-left: 11.32596685082873%;
	}
	.row-fluid .offset1:first-child {
		margin-left: 8.56353591160221%;
	}
	input,
	textarea,.uneditable-input {
		margin-left: 0;
	}
	.controls-row [class*="span"] + [class*="span"] {
		margin-left: 20px;
	}
	input.span12,
	textarea.span12,.uneditable-input.span12 {
		width: 710px;
	}
	input.span11,
	textarea.span11,.uneditable-input.span11 {
		width: 648px;
	}
	input.span10,
	textarea.span10,.uneditable-input.span10 {
		width: 586px;
	}
	input.span9,
	textarea.span9,.uneditable-input.span9 {
		width: 524px;
	}
	input.span8,
	textarea.span8,.uneditable-input.span8 {
		width: 462px;
	}
	input.span7,
	textarea.span7,.uneditable-input.span7 {
		width: 400px;
	}
	input.span6,
	textarea.span6,.uneditable-input.span6 {
		width: 338px;
	}
	input.span5,
	textarea.span5,.uneditable-input.span5 {
		width: 276px;
	}
	input.span4,
	textarea.span4,.uneditable-input.span4 {
		width: 214px;
	}
	input.span3,
	textarea.span3,.uneditable-input.span3 {
		width: 152px;
	}
	input.span2,
	textarea.span2,.uneditable-input.span2 {
		width: 90px;
	}
	input.span1,
	textarea.span1,.uneditable-input.span1 {
		width: 28px;
	}
}

@media only screen and (min-width : 200px) and (max-width : 1199px) {

	.row-fluid {
		width: 100%;
	}
	.row-fluid:before,
	.row-fluid:after {
		display: table;
		line-height: 0;
		content: "";
	}
	.row-fluid:after {
		clear: both;
	}
	.row-fluid [class*="span"] {
		display: block;
		float: left;
		width: 100%;
		min-height: 30px;
		margin-left: 2.564102564102564%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.row-fluid [class*="span"]:first-child {
		margin-left: 0;
	}
	.row-fluid .controls-row [class*="span"] + [class*="span"] {
		margin-left: 2.564102564102564%;
	}
	.row-fluid .span12 {
		width: 100%;
	}
	.row-fluid .span11 {
		width: 91.45299145299145%;
	}
	.row-fluid .span10 {
		width: 82.90598290598291%;
	}
	.row-fluid .span9 {
		width: 74.35897435897436%;
	}
	.row-fluid .span8 {
		width: 65.81196581196582%;
	}
	.row-fluid .span7 {
		width: 57.26495726495726%;
	}
	.row-fluid .span6 {
		width: 48.717948717948715%;
	}
	.row-fluid .span5 {
		width: 40.17094017094017%;
	}
	.row-fluid .span4 {
		width: 31.623931623931625%;
	}
	.row-fluid .span3 {
		width: 23.076923076923077%;
	}
	.row-fluid .span2 {
		width: 14.52991452991453%;
	}
	.row-fluid .span1 {
		width: 5.982905982905983%;
	}
}

@media only screen and (min-width : 1025px) and (max-width : 1199px) {
	.container,
	.navbar-static-top .container,
	.navbar-fixed-top .container,
	.navbar-fixed-bottom .container {
		width: 1005px;
	}
	
}


@media only screen and (min-width : 767px) and (max-width : 1024px) {
	.container,
	.navbar-static-top .container,
	.navbar-fixed-top .container,
	.navbar-fixed-bottom .container {
		width: 747px;
	}
}



@media only screen and (min-width : 500px) and (max-width : 766px) {

	.container,
	.navbar-static-top .container,
	.navbar-fixed-top .container,
	.navbar-fixed-bottom .container {
		width: 480px;
	}
	.span2,.span2,.span3,.span4,.span5,.span6,.span7,.span8,.span9,.span10,.span11,.span12,
	.row-fluid .span1,.row-fluid .span2,.row-fluid .span3,.row-fluid .span4,.row-fluid .span5,.row-fluid .span6,.row-fluid .span7,
	.row-fluid .span8,.row-fluid .span9,.row-fluid .span10,.row-fluid .span11,.row-fluid .span12  {
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		margin:0;
	}
	
}

@media only screen and (min-width : 310px) and (max-width : 499px) {
	.container,
	.navbar-static-top .container,
	.navbar-fixed-top .container,
	.navbar-fixed-bottom .container {
		width: 290px;
	}
	.span2,.span2,.span3,.span4,.span5,.span6,.span7,.span8,.span9,.span10,.span11,.span12,
	.row-fluid .span1,.row-fluid .span2,.row-fluid .span3,.row-fluid .span4,.row-fluid .span5,.row-fluid .span6,.row-fluid .span7,
	.row-fluid .span8,.row-fluid .span9,.row-fluid .span10,.row-fluid .span11,.row-fluid .span12  {
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		margin:0;
	}
	
}

@media screen and (min-device-width: 767px) and (max-device-width: 1024px) {


}

@media screen and (min-device-width: 320px) and (max-device-width: 1024px) {
	input, textarea {
		-webkit-appearance: none;
		border-radius: 0;
	}

}
/*
     FILE ARCHIVED ON 01:58:37 Apr 18, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 06:26:46 Jun 12, 2023.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 117.635
  exclusion.robots: 0.159
  exclusion.robots.policy: 0.147
  RedisCDXSource: 0.624
  esindex: 0.01
  LoadShardBlock: 93.079 (3)
  PetaboxLoader3.datanode: 72.228 (5)
  load_resource: 73.738
  PetaboxLoader3.resolve: 28.169
  loaddict: 26.286
*//*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
margin: 0;
padding: 0;
list-style: none;
}
.sf-menu li {
position: relative;
}
.sf-menu ul {
position: absolute;
display: none;
top: 100%;
left: 0;
z-index: 99;
}
.sf-menu > li {
float: left;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
display: block;
}
.sf-menu a {
display: block;
position: relative;
}
.sf-menu ul ul {
top: 0;
left: 100%;
}
/*** DEMO SKIN ***/
.sf-menu {
float: left;
margin-bottom: 1em;
}
.sf-menu ul {
box-shadow: 2px 2px 6px rgba(0,0,0,.2);
min-width: 12em; /* allow long menu items to determine submenu width */
}
.sf-menu a {
border-left: 1px solid #fff;
border-top: 1px solid #dFeEFF; /* fallback colour must use full shorthand */
border-top: 1px solid rgba(255,255,255,.5);
padding: .75em 1em;
text-decoration: none;
}
.sf-menu a {
color: #13a;
}
.sf-menu li {
background: #BDD2FF;
white-space: nowrap; /* no need for Supersubs plugin */
-webkit-transition: background .2s;
transition: background .2s;
}
.sf-menu ul li {
background: #AABDE6;
}
.sf-menu ul ul li {
background: #9AAEDB;
}
.sf-menu li:hover,
.sf-menu li.sfHover {
background: #CFDEFF;
/* only transition out, not in */
-webkit-transition: none;
transition: none;
}
/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul {
padding-right: 2.5em;
}
/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after {
content: '';
position: absolute;
top: 55%;
right: 0em;
margin-top: -3px;
height: 0;
width: 0;
color:transparent;
/* order of following 3 rules important for fallbacks to work */
/*border: 5px solid transparent;*/
border-top-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
border-top-color: rgba(255,255,255,.5);
}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
border-top-color: white; /* IE8 fallback colour */
color:transparent;
}
/* styling for right-facing arrows */
.sf-arrows ul .sf-with-ul:after {
margin-top: -5px;
margin-right: -3px;
border-color: transparent;
border: 5px solid transparent;
border-left-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
border-left-color: rgba(255,255,255,.5);
right: 1em;
top: 50%;
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
border-left-color: white;
}
.instaapp-mob-menu{  box-shadow: 0 2px 3px -2px rgba(0, 0, 0, 0.5);background: none repeat scroll 0 0 #FFFFFF !important;left: 0 !important; margin-right: -3% !important; position: absolute !important; top: 60px; width: 100% !important; z-index: 999 !important;} 
.instaapp-mob-menu li{width:100% !important;margin: 0;}
.instaapp-mob-menu li a{line-height: 36px !important; padding: 0 5px 0 1.6% !important;}
.instaapp-mob-menu .sub-menu{ position:relative !important;	left:0 !important;}
.sktmenu-toggle:before{ color: #fff; content: "\f0c9";}
.sktmenu-toggle{background-color: #D6D6D6;	cursor: pointer;	float: right;	font-family: "FontAwesome";	font-size: 21px;	font-style: normal;	font-weight: normal;	height: 35px;	line-height: 37px;	margin-top: 18px;	right: -6px;	text-align: center;	vertical-align: middle;	width: 35px;}
#header.skehead-headernav-shrink .sktmenu-toggle { margin-top:10px; }
#header.skehead-headernav-shrink .instaapp-mob-menu {top:56px;}
.instaapp-mob-menu li.menu-item-has-children > a{
background-image:url('/web/20220417232359im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/images/ch-arr.png');
background-repeat:no-repeat;
background-position: 98% center;
-webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;
}
#skenav.purpleplay-menu {position: static !important;}
#skenav ul.instaapp-mob-menu ul {width:100%;border:0;position:relative;margin:0;}
#skenav ul.instaapp-mob-menu ul li a{padding-left:30px !important;-moz-box-sizing:border-box;box-sizing:border-box;}
#skenav ul.instaapp-mob-menu ul ul li a{padding-left:60px !important;-moz-box-sizing:border-box;box-sizing:border-box;}
#skenav ul.instaapp-mob-menu .children li:first-child, #skenav ul.instaapp-mob-menu .sub-menu li:first-child {border-top:1px solid rgba(0, 0, 0, 0.15);}
.instaapp-mob-menu {background: none repeat scroll 0 0 #262626 !important;}
#skenav ul.instaapp-mob-menu, ul.instaapp-mob-menu {margin:0;}
#skenav .instaapp-mob-menu, ul.instaapp-mob-menu {margin:0;}
#skenav .instaapp-mob-menu .sf-with-ul .fa-caret-down:before, .instaapp-mob-menu li a span.fa-caret-down:before {display: none;}
#header.skehead-headernav.skehead-headernav-shrink ul.instaapp-mob-menu {margin:0;}
#skenav ul.instaapp-mob-menu a {font-size: 15px;padding: 7px 12px;border:0;border-radius: 0;margin: 0 !important;}
#header.skehead-headernav.skehead-headernav-shrink #skenav ul.instaapp-mob-menu li a {padding: 4px 12px;}
#skenav ul.instaapp-mob-menu > li:last-child a{margin-right: 7px;}
#header.skehead-headernav.skehead-headernav-shrink ul.instaapp-mob-menu ul{margin-top: 0; }
.page-template-template-front-page-php #skenav .instaapp-mob-menu, .page-template-template-front-page-php ul.instaapp-mob-menu {margin-top: 0;}
#skenav ul.instaapp-mob-menu ul li:last-child, #skenav ul.instaapp-mob-menu ul li:last-child a {border-radius: 0;}
#skenav ul.instaapp-mob-menu .children li:first-child, #skenav ul.instaapp-mob-menu .sub-menu li:first-child {border-top: 0;}
#skenav .instaapp-mob-menu li:hover > a, #skenav .instaapp-mob-menu li.page_item.current_page_item > a, #skenav .instaapp-mob-menu li.current_page_ancestor > a {border: 0;color: #262626;}

#skenav ul.instaapp-mob-menu li:hover > ul{
display: block;
}
/*
     FILE ARCHIVED ON 23:23:59 Apr 17, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 06:26:48 Jun 12, 2023.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 194.972
  exclusion.robots: 0.119
  exclusion.robots.policy: 0.109
  cdx.remote: 0.049
  esindex: 0.008
  LoadShardBlock: 126.286 (3)
  PetaboxLoader3.datanode: 145.232 (5)
  load_resource: 298.43
  PetaboxLoader3.resolve: 243.642
  loaddict: 41.56
*/div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px}
div.pp_default .pp_top .pp_left{background:url(/web/20220417232722im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/images/prettyPhoto/default/sprite.png) -78px -93px no-repeat}
div.pp_default .pp_top .pp_middle{background:url(/web/20220417232722im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/images/prettyPhoto/default/sprite_x.png) top left repeat-x}
div.pp_default .pp_top .pp_right{background:url(/web/20220417232722im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/images/prettyPhoto/default/sprite.png) -112px -93px no-repeat}
div.pp_default .pp_content .ppt{color:#f8f8f8}
div.pp_default .pp_content_container .pp_left{background:url(/web/20220417232722im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;padding-left:13px}
div.pp_default .pp_content_container .pp_right{background:url(/web/20220417232722im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/images/prettyPhoto/default/sprite_y.png) top right repeat-y;padding-right:13px}
div.pp_default .pp_next:hover{background:url(/web/20220417232722im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/images/prettyPhoto/default/sprite_next.png) center right no-repeat;cursor:pointer}
div.pp_default .pp_previous:hover{background:url(/web/20220417232722im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/images/prettyPhoto/default/sprite_prev.png) center left no-repeat;cursor:pointer}
div.pp_default .pp_expand{background:url(/web/20220417232722im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;cursor:pointer;width:28px;height:28px}
div.pp_default .pp_expand:hover{background:url(/web/20220417232722im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;cursor:pointer}
div.pp_default .pp_contract{background:url(/web/20220417232722im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;cursor:pointer;width:28px;height:28px}
div.pp_default .pp_contract:hover{background:url(/web/20220417232722im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;cursor:pointer}
div.pp_default .pp_close{width:30px;height:30px;background:url(/web/20220417232722im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;cursor:pointer}
div.pp_default .pp_gallery ul li a{background:url(/web/20220417232722im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;border:1px solid #aaa}
div.pp_default .pp_social{margin-top:7px}
div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{position:static;left:auto}
div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(/web/20220417232722im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/images/prettyPhoto/default/sprite.png) -51px 1px no-repeat;height:30px;width:30px}
div.pp_default .pp_nav .pp_pause{background-position:-51px -29px}
div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(/web/20220417232722im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;height:20px;width:20px;margin:4px 0 0}
div.pp_default a.pp_arrow_next{left:52px;background-position:-82px -3px}
div.pp_default .pp_content_container .pp_details{margin-top:5px}
div.pp_default .pp_nav{clear:none;height:30px;width:110px;position:relative}
div.pp_default .pp_nav .currentTextHolder{font-family:Georgia;font-style:italic;color:#999;font-size:11px;left:75px;line-height:25px;position:absolute;top:2px;margin:0;padding:0 0 0 10px}
div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7}
div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0}
div.pp_default .pp_bottom .pp_left{background:url(/web/20220417232722im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/images/prettyPhoto/default/sprite.png) -78px -127px no-repeat}
div.pp_default .pp_bottom .pp_middle{background:url(/web/20220417232722im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/images/prettyPhoto/default/sprite_x.png) bottom left repeat-x}
div.pp_default .pp_bottom .pp_right{background:url(/web/20220417232722im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/images/prettyPhoto/default/sprite.png) -112px -127px no-repeat}
div.pp_default .pp_loaderIcon{background:url(/web/20220417232722im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/images/prettyPhoto/default/loader.gif) center center no-repeat}
div.light_rounded .pp_top .pp_left{background:url(/web/20220417232722im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat}
div.light_rounded .pp_top .pp_right{background:url(/web/20220417232722im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat}
div.light_rounded .pp_next:hover{background:url(/web/20220417232722im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor:pointer}
div.light_rounded .pp_previous:hover{background:url(/web/20220417232722im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}
div.light_rounded .pp_expand{background:url(/web/20220417232722im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.light_rounded .pp_expand:hover{background:url(/web/20220417232722im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.light_rounded .pp_contract{background:url(/web/20220417232722im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.light_rounded .pp_contract:hover{background:url(/web/20220417232722im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.light_rounded .pp_close{width:75px;height:22px;background:url(/web/20220417232722im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.light_rounded .pp_nav .pp_play{background:url(/web/20220417232722im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.light_rounded .pp_nav .pp_pause{background:url(/web/20220417232722im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.light_rounded .pp_arrow_previous{background:url(/web/20220417232722im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat}
div.light_rounded .pp_arrow_next{background:url(/web/20220417232722im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat}
div.light_rounded .pp_bottom .pp_left{background:url(/web/20220417232722im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat}
div.light_rounded .pp_bottom .pp_right{background:url(/web/20220417232722im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat}
div.dark_rounded .pp_top .pp_left{background:url(/web/20220417232722im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat}
div.dark_rounded .pp_top .pp_right{background:url(/web/20220417232722im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat}
div.dark_rounded .pp_content_container .pp_left{background:url(/web/20220417232722im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y}
div.dark_rounded .pp_content_container .pp_right{background:url(/web/20220417232722im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y}
div.dark_rounded .pp_next:hover{background:url(/web/20220417232722im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer}
div.dark_rounded .pp_previous:hover{background:url(/web/20220417232722im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}
div.dark_rounded .pp_expand{background:url(/web/20220417232722im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.dark_rounded .pp_expand:hover{background:url(/web/20220417232722im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.dark_rounded .pp_contract{background:url(/web/20220417232722im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.dark_rounded .pp_contract:hover{background:url(/web/20220417232722im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.dark_rounded .pp_close{width:75px;height:22px;background:url(/web/20220417232722im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.dark_rounded .pp_description{margin-right:85px;color:#fff}
div.dark_rounded .pp_nav .pp_play{background:url(/web/20220417232722im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.dark_rounded .pp_nav .pp_pause{background:url(/web/20220417232722im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.dark_rounded .pp_arrow_previous{background:url(/web/20220417232722im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat}
div.dark_rounded .pp_arrow_next{background:url(/web/20220417232722im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat}
div.dark_rounded .pp_bottom .pp_left{background:url(/web/20220417232722im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat}
div.dark_rounded .pp_bottom .pp_right{background:url(/web/20220417232722im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat}
div.dark_rounded .pp_loaderIcon{background:url(/web/20220417232722im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat}
div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background:#000}
div.dark_square .pp_description{color:#fff;margin:0 85px 0 0}
div.dark_square .pp_loaderIcon{background:url(/web/20220417232722im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/images/prettyPhoto/dark_square/loader.gif) center center no-repeat}
div.dark_square .pp_expand{background:url(/web/20220417232722im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.dark_square .pp_expand:hover{background:url(/web/20220417232722im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.dark_square .pp_contract{background:url(/web/20220417232722im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.dark_square .pp_contract:hover{background:url(/web/20220417232722im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.dark_square .pp_close{width:75px;height:22px;background:url(/web/20220417232722im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.dark_square .pp_nav{clear:none}
div.dark_square .pp_nav .pp_play{background:url(/web/20220417232722im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.dark_square .pp_nav .pp_pause{background:url(/web/20220417232722im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.dark_square .pp_arrow_previous{background:url(/web/20220417232722im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat}
div.dark_square .pp_arrow_next{background:url(/web/20220417232722im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat}
div.dark_square .pp_next:hover{background:url(/web/20220417232722im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor:pointer}
div.dark_square .pp_previous:hover{background:url(/web/20220417232722im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer}
div.light_square .pp_expand{background:url(/web/20220417232722im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.light_square .pp_expand:hover{background:url(/web/20220417232722im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.light_square .pp_contract{background:url(/web/20220417232722im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.light_square .pp_contract:hover{background:url(/web/20220417232722im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.light_square .pp_close{width:75px;height:22px;background:url(/web/20220417232722im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.light_square .pp_nav .pp_play{background:url(/web/20220417232722im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.light_square .pp_nav .pp_pause{background:url(/web/20220417232722im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.light_square .pp_arrow_previous{background:url(/web/20220417232722im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat}
div.light_square .pp_arrow_next{background:url(/web/20220417232722im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat}
div.light_square .pp_next:hover{background:url(/web/20220417232722im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/images/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor:pointer}
div.light_square .pp_previous:hover{background:url(/web/20220417232722im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor:pointer}
div.facebook .pp_top .pp_left{background:url(/web/20220417232722im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat}
div.facebook .pp_top .pp_middle{background:url(/web/20220417232722im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x}
div.facebook .pp_top .pp_right{background:url(/web/20220417232722im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat}
div.facebook .pp_content_container .pp_left{background:url(/web/20220417232722im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y}
div.facebook .pp_content_container .pp_right{background:url(/web/20220417232722im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y}
div.facebook .pp_expand{background:url(/web/20220417232722im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.facebook .pp_expand:hover{background:url(/web/20220417232722im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.facebook .pp_contract{background:url(/web/20220417232722im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.facebook .pp_contract:hover{background:url(/web/20220417232722im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.facebook .pp_close{width:22px;height:22px;background:url(/web/20220417232722im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.facebook .pp_description{margin:0 37px 0 0}
div.facebook .pp_loaderIcon{background:url(/web/20220417232722im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/images/prettyPhoto/facebook/loader.gif) center center no-repeat}
div.facebook .pp_arrow_previous{background:url(/web/20220417232722im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px}
div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default}
div.facebook .pp_arrow_next{background:url(/web/20220417232722im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px}
div.facebook .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default}
div.facebook .pp_nav{margin-top:0}
div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px}
div.facebook .pp_nav .pp_play{background:url(/web/20220417232722im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px}
div.facebook .pp_nav .pp_pause{background:url(/web/20220417232722im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px}
div.facebook .pp_next:hover{background:url(/web/20220417232722im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/images/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor:pointer}
div.facebook .pp_previous:hover{background:url(/web/20220417232722im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor:pointer}
div.facebook .pp_bottom .pp_left{background:url(/web/20220417232722im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat}
div.facebook .pp_bottom .pp_middle{background:url(/web/20220417232722im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x}
div.facebook .pp_bottom .pp_right{background:url(/web/20220417232722im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat}
div.pp_pic_holder a:focus{outline:none}
div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500}
div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000}
.pp_content{height:40px;min-width:40px}
* html .pp_content{width:40px}
.pp_content_container{position:relative;text-align:left;width:100%}
.pp_content_container .pp_left{padding-left:20px}
.pp_content_container .pp_right{padding-right:20px}
.pp_content_container .pp_details{float:left;margin:10px 0 2px}
.pp_description{display:none;margin:0}
.pp_social{float:left;margin:0}
.pp_social .facebook{float:left;margin-left:5px;width:110px;overflow:hidden}
.pp_social .twitter{float:left}
.pp_nav{clear:right;float:left;margin:3px 10px 0 0}
.pp_nav p{float:left;white-space:nowrap;margin:2px 4px}
.pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px}
a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px}
.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000}
.pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000}
.pp_gallery div{float:left;overflow:hidden;position:relative}
.pp_gallery ul{float:left;height:35px;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0}
.pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden}
.pp_gallery ul a img{border:0}
.pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0}
.pp_gallery li.default a{background:url(/web/20220417232722im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px}
.pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important}
a.pp_next{background:url(/web/20220417232722im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%}
a.pp_previous{background:url(/web/20220417232722im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%}
a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000}
a.pp_close{position:absolute;right:0;top:0;display:block;line-height:22px;text-indent:-10000px}
.pp_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px}
#pp_full_res{line-height:1!important}
#pp_full_res .pp_inline{text-align:left}
#pp_full_res .pp_inline p{margin:0 0 15px}
div.ppt{color:#fff;display:none;font-size:17px;z-index:9999;margin:0 0 5px 15px}
div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff}
div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000}
div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff}
div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative}
div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:#fff}
div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px}
div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important}
div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default}
div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default}
div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url(/web/20220417232722im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/images/prettyPhoto/light_rounded/loader.gif) center center no-repeat}
div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url(/web/20220417232722im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat}
div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4}
div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff}
.pp_top,.pp_bottom{height:20px;position:relative}
* html .pp_top,* html .pp_bottom{padding:0 20px}
.pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px}
.pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px}
* html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static}
.pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px}
.pp_fade,.pp_gallery li.default a img{display:none}
/*
     FILE ARCHIVED ON 23:27:22 Apr 17, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 06:26:51 Jun 12, 2023.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 140.347
  exclusion.robots: 0.133
  exclusion.robots.policy: 0.12
  cdx.remote: 0.064
  esindex: 0.01
  LoadShardBlock: 114.362 (3)
  PetaboxLoader3.datanode: 195.895 (5)
  load_resource: 108.112
  loaddict: 35.45
*//* CSS for jQuery Orbit Plugin 1.3.0
* www.ZURB.com/playground
* Copyright 2010, ZURB
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
/* PUT IN YOUR SLIDER ID AND SIZE TO MAKE LOAD BEAUTIFULLY
   ================================================== */
#featuredslider,#featuredfullslider { background: #fff url('/web/20220417232425im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/css/orbit/loading.gif') no-repeat center center;overflow: hidden; }
.slider-attach { margin-bottom: 25px;}
.image-gallery-slider{width: 0px;height: 0px;}
.slider-portfolio {width: 370px; max-width: 100%; }
.skt-slide{margin: 0 10px 0 10px;}
.default-slider-image {   width: 100%;}
/* CONTAINER
   ================================================== */
div.orbit-wrapper { position: relative; }
div.orbit { position: relative;   overflow: hidden }
div.orbit.with-bullets {   margin-bottom: 40px;}
.image-gallery-slider.orbit.with-bullets {  margin-bottom: 0;}
div.orbit>img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

div.orbit>a {border: none; position: absolute; top: 0; left: 0; line-height: 0; display: none; }
.orbit>div {position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/* Note: If your slider only uses content or anchors, you're going to want to put the width and height declarations on the ".orbit>div" and "div.orbit>a" tags in addition to just the .orbit-wrapper */
/* TIMER
   ================================================== */
div.timer {width: 40px; height: 40px; overflow: hidden; position: absolute; top: 10px; right: 10px; opacity: .6; cursor: pointer; z-index: 11; }
.slider-attach .timer {z-index: -99;}
span.rotator {display: block; width: 40px; height: 40px; position: absolute; top: 0; left: -20px; background: url(/web/20220417232425im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/css/orbit/rotator-black.png) no-repeat; z-index: 3; }
span.mask {display: block; width: 20px; height: 40px; position: absolute; top: 0; right: 0; z-index: 2; overflow: hidden; }
span.rotator.move {left: 0 }
span.mask.move {width: 40px; left: 0; background: url(/web/20220417232425im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/css/orbit/timer-black.png) repeat 0 0; }
span.pause {display: block; width: 40px; height: 40px; position: absolute; top: 0; left: 0; background: url(/web/20220417232425im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/css/orbit/pause-black.png) no-repeat; z-index: 4; opacity: 0; }
span.pause.active {background: url(/web/20220417232425im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/css/orbit/pause-black.png) no-repeat 0 -40px }
div.timer:hover span.pause,span.pause.active {opacity: 1 }
/* CAPTIONS
   ================================================== */
.orbit-caption {display: none;  }
#slider .title {font-size: 23px; font-weight: normal; padding-bottom: 10px; text-transform: capitalize; }
#slider .title a {color: #FFFFFF; font-family: Droid Serif; line-height:18px; }
.orbit-caption .entry{margin-bottom:0px;}
.orbit-caption .getbtn a{ color: #504aa7;}
.orbit-wrapper .orbit-caption {background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; bottom: 21px; color: #FFFFFF; font-size: 13px; height: 147px; left: 20px; max-height: 147px; overflow:hidden; padding:26px 25px; position: absolute; width: 34%; z-index: 9;}

/* DIRECTIONAL NAV
   ================================================== */
div.slider-nav { display: block }
div.slider-nav span {cursor: pointer;  height: 99px;  position: absolute;  text-indent: -9999px;   width: 36px;   z-index: 9; }
div.slider-nav span.right { background: url("/web/20220417232425im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/css/orbit/right-arrow-hover.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0.5);-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";  left: 469px; top: 194px;transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; }
.slider-attach .slider-nav .right {  right: 0; top: 50%; left: auto; margin-top: -50px; }
div.slider-nav span.left { background: url("/web/20220417232425im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/css/orbit/left-arrow-hover.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0.5);-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";  left: 469px; top: 294px;transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s;}
.slider-attach .slider-nav .left { left: 0;  top: 50%; margin-top: -50px; }
div.slider-nav span.left:hover{ background: url("/web/20220417232425im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/css/orbit/left-arrow-hover.png") no-repeat scroll right center #504aa7; opacity:.5; -ms-filter: "progid:DXImageTransform.Microsoft.(Opacity=50)"; filter:(opacity=70);   -moz-opacity: 0.5; -khtml-opacity: 0.5;transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s;}
div.slider-nav span.right:hover { background: url("/web/20220417232425im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/css/orbit/right-arrow-hover.png") no-repeat scroll left center #504aa7;opacity:.5;-ms-filter: "progid:DXImageTransform.Microsoft.(Opacity=50)"; filter:(opacity=70);   -moz-opacity: 0.5; -khtml-opacity: 0.5;transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s;}
div.slider-nav span:hover{width: 50px; }

/* Fullwidth slider
----------------------------------------------*/
.page-template-template-fullwidthslider-php div.slider-nav span.right { left: auto; right: 0; top: 40%;}
.page-template-template-fullwidthslider-php div.slider-nav span.left { left: 0;  top: 40%;}
.page-template-template-fullwidthslider-php #featuredfullslider img {  height: 100%;}
.page-template-template-fullwidthslider-php #featuredslider img {  height: 100%;}
.page-template-template-fullwidthslider-php .slider-full{padding-top:0px; height:auto;}
.page-template-template-fullwidthslider-php div.orbit.with-bullets{ margin-bottom: 0px;}
.page-template-template-fullwidthslider-php .orbit-wrapper.fluid .orbit-bullets{ bottom: 5px;}
.page-template-template-fullwidthslider-php  .orbit-wrapper .orbit-caption{background:none; height: 86px;}
.page-template-template-fullwidthslider-php #slider .title{ background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";  display: inline;  float: left;  font-size: 20px; line-height: 35px; margin-bottom: 5px;  padding: 3px 10px;}
.page-template-template-fullwidthslider-php .orbit-caption .entry{ background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";  float: left;  font-size: 13px;   padding: 10px;}

/* BULLET NAV
   ================================================== */
.orbit-bullets {position: absolute; z-index: 10; list-style: none; bottom: -50px; left: 50%;   margin-left: -50px; padding: 0; }
.orbit-bullets li {float: left; margin-left: 5px; cursor: pointer; color: #999; text-indent: -9999px; background: none repeat scroll 0 0 #FDFDFD; border: 1px solid;  display: block; width: 8px; height: 8px; overflow: hidden; position: relative;top:1px; }
.slider-attach .orbit-bullets li {height: 10px; width: 10px; top:0; border:none; }
.slider-portfolio .orbit-bullets li {margin: 0 0 0 5px; height: 7px; width: 7px; top:0; border:none; }
.orbit-bullets li.active {  background: none repeat scroll 0 0 #222222;border: 3px solid #000000; height: 5px; opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.(Opacity=50)"; filter:(opacity=50);   -moz-opacity: 0.5; -khtml-opacity: 0.5; top: 0; width: 5px;}
.slider-attach .orbit-bullets li.active {height: 10px; width: 10px; top:0; border:none; }    
.slider-portfolio .orbit-bullets li.active {height: 10px; width: 10px; top:0; border:none; }
.orbit-bullets li.has-thumb {background: none; width: 100px; height: 75px; } 
.orbit-bullets li.active.has-thumb {background-position: 0 0; border-top: 2px solid #000; }
/* FLUID LAYOUT
   ================================================== */
.orbit-wrapper.fluid .orbit .fluid-placeholder {visibility: hidden; position: static; display: block; width: 100%; }
.orbit-wrapper.fluid .orbit, .orbit-wrapper.fluid {  width: 100% !important; }
#featuredslider{  height: 600px  !important; overflow:hidden;}
#featuredfullslider{  height: 600px  !important; overflow:hidden;}

.orbit-wrapper.fluid .orbit-bullets {position: absolute; z-index: 10; list-style: none; bottom: -50px; left: 50%; margin-left: -50px; padding: 0; }
.slider-attach .orbit-wrapper.fluid .orbit-bullets {bottom: -20px; }
/*** portfolio slider
-----------------------------------------*/
#container-isotop .slider-portfolio { display: inline-block; }
.slider-portfolio .timer {  z-index: -99; }
#content .slider-portfolio .orbit-wrapper.fluid .orbit-bullets {  bottom: 6px;margin-bottom: 0; }
.slider-portfolio .orbit.with-bullets{margin-bottom:0px;}

.sider-link-box { height: 100%; position: absolute; width: 100%;top:0px; }
/*  Media screen 
--------------------------------------------------------*/
@media handheld, only screen and (min-width: 1024px) {
}
/****************max-width: 960px**************/
@media only screen and (min-width: 768px) and (max-width: 960px) {
  div.slider-nav span.left{background: url("/web/20220417232425im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/css/orbit/left-arrow-hover.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0.5);  left: 321px;  top: 294px;}
  div.slider-nav span.right { background: url("/web/20220417232425im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/css/orbit/right-arrow-hover.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0.5); right: 379px; top: 194px;}
}
/****************max-width: 767px**************/
@media only screen and (max-width: 767px) {
  .slider-full {height: 345px;}
  #featuredslider{height: 294px !important;}
  #featuredfullslider{height: 294px !important;}
  div.slider-nav span.left{left: 231px;  top: 174px;}
    div.slider-nav span.right {right: 203px; top: 74px;}
  .orbit-caption .entry{height:89px;overflow:hidden;}
}
/****************max-width: 480px**************/
@media only screen and (max-width: 480px) {
.slider-full { height: 200px; }
 #featuredslider{ height:153px !important;}
 #featuredfullslider{height:153px !important;}
  div.slider-nav span{  top: 20%; }
  div.slider-nav span.right {background: url("/web/20220417232425im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/css/orbit/right-arrow-hover.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0.5); right: 0;top: 31px;}
  div.slider-nav span.left { background: url("/web/20220417232425im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/css/orbit/left-arrow-hover.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0.5);  left: 0;  top: 31px; }
  .page-template-template-fullwidthslider-php .slider-full {padding-top: 0; }
  .page-template-template-fullwidthslider-php div.slider-nav span.right { right: 0;   top: 20%;}
  .page-template-template-fullwidthslider-php div.slider-nav span.left { left: 0;  top: 20%;}
  .orbit-caption{ display:none !important; }
}
/*
     FILE ARCHIVED ON 23:24:25 Apr 17, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 06:26:53 Jun 12, 2023.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 88.722
  exclusion.robots: 0.191
  exclusion.robots.policy: 0.178
  cdx.remote: 0.078
  esindex: 0.01
  LoadShardBlock: 59.858 (3)
  PetaboxLoader3.datanode: 106.23 (5)
  PetaboxLoader3.resolve: 49.361 (2)
  load_resource: 110.238
  loaddict: 57.958
*//* Custom Classes
------------------------------------------------------------ */
#content .project_wrap dd { margin-bottom: 2px; }
#content #isofilters {  margin-bottom: 0; margin-left: 0; text-align: center;}
.group:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; }
.maingroup { padding: 0 0 15px 0; }
* html .group { zoom: 1; } /* IE6 */
*:first-child+html .group { zoom: 1; } /* IE7 */
/* Filter */
dl { margin-bottom: 10px; color: #000; }
dt { margin-right: 5px; }
.filter li {  display: inline-block; list-style-type: none;  margin: 0 0 0 2px;line-height: 30px;}
.filter a { padding:6px 15px; text-decoration: none; }
.filter a:hover  { color:#fff !important}
.filter li .selected { color: #fff !important;}

/* Portfolio Items */
.video-link-box { height: 100%; position: relative; width: 100%; }
.video-link-box a { background: url("/web/20230426083216im_/http://www.sbb.com.tw/wp-content/themes/purpleplay/images/jp_play.png") no-repeat scroll 0 0 transparent; display: block; height: 54px; left: 34%; opacity: 0.7; position: absolute; top: 36%; transition: opacity 0.5s ease-in-out 0s; width: 80px; }
.video-link-box a:hover {opacity:1;}
/* Portfolio 3-col Items */
#container-isotop {margin-top: 38px; }
#isofilters .hvr-shutter-in-vertical:before { border: 0 none; }
.isotope-item { float: left; margin: 20px 0.854701% 0 0.8547009%; }
.isotope-item img {  display: inline-block; float: left; }
/*.project_box{line-height: 0;}*/

/**** Isotope filtering ****/
.isotope-item { z-index: 2; }
.isotope-hidden.isotope-item { pointer-events: none; z-index: 1; }
.isotope-item { z-index: 2; }
.isotope-hidden.isotope-item { pointer-events: none; z-index: 1; }
.isotope,
.isotope .isotope-item { /* change duration value to whatever you like */ -webkit-transition-duration: 0.8s;  -moz-transition-duration: 0.8s; 	  transition-duration: 0.8s; }
.isotope { -webkit-transition-property: height, width;  -moz-transition-property: height, width; 	  transition-property: height, width; }
.isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity;  -moz-transition-property:    -moz-transform, opacity; 	  transition-property:         transform, opacity; }
.portfolio-overlay{
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.4);
    opacity: 0;
-webkit-transition-duration: 0.8s;  -moz-transition-duration: 0.8s; 	  transition-duration: 0.8s;    
}
.project_box:hover .portfolio-overlay{opacity: 1;}

@media only screen and (min-width: 767px) and (max-width: 1024px) { 
	/************portfolio****************/
	.isotope-item{margin: 0 3px 3px 0;}
}

@media only screen and (min-width: 480px) and (max-width: 766px) {
	.project_image { margin: 0 auto; position: relative; }
	.project_title { float: left; margin: 12px 0 0; text-align: center; width: 100%; }
}

@media only screen and (max-width: 480px) {
#container-isotop {  margin-left: 33px;  }
} 
/*
     FILE ARCHIVED ON 08:32:16 Apr 26, 2023 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 06:26:55 Jun 12, 2023.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 328.455
  exclusion.robots: 0.114
  exclusion.robots.policy: 0.104
  cdx.remote: 0.054
  esindex: 0.009
  LoadShardBlock: 288.032 (3)
  PetaboxLoader3.datanode: 66.22 (4)
  PetaboxLoader3.resolve: 254.21 (3)
  load_resource: 101.459
*//*Owl Transition CSS*/
.owl-origin{-webkit-perspective:1200px;-webkit-perspective-origin-x:50%;-webkit-perspective-origin-y:50%;-moz-perspective:1200px;-moz-perspective-origin-x:50%;-moz-perspective-origin-y:50%;perspective:1200px}
.owl-fade-out{z-index:10;-webkit-animation:fadeOut .7s both ease;-moz-animation:fadeOut .7s both ease;animation:fadeOut .7s both ease}
.owl-fade-in{-webkit-animation:fadeIn .7s both ease;-moz-animation:fadeIn .7s both ease;animation:fadeIn .7s both ease}
.owl-backSlide-out{-webkit-animation:backSlideOut 1s both ease;-moz-animation:backSlideOut 1s both ease;animation:backSlideOut 1s both ease}
.owl-backSlide-in{-webkit-animation:backSlideIn 1s both ease;-moz-animation:backSlideIn 1s both ease;animation:backSlideIn 1s both ease}
.owl-goDown-out{-webkit-animation:scaleToFade .7s ease both;-moz-animation:scaleToFade .7s ease both;animation:scaleToFade .7s ease both}
.owl-goDown-in{-webkit-animation:goDown .6s ease both;-moz-animation:goDown .6s ease both;animation:goDown .6s ease both}
.owl-fadeUp-in{-webkit-animation:scaleUpFrom .5s ease both;-moz-animation:scaleUpFrom .5s ease both;animation:scaleUpFrom .5s ease both}
.owl-fadeUp-out{-webkit-animation:scaleUpTo .5s ease both;-moz-animation:scaleUpTo .5s ease both;animation:scaleUpTo .5s ease both}
@-webkit-keyframes empty {
0%{opacity:1}
}
@-moz-keyframes empty {
0%{opacity:1}
}
@keyframes empty {
0%{opacity:1}
}
@-webkit-keyframes fadeIn {
0%{opacity:0}
100%{opacity:1}
}
@-moz-keyframes fadeIn {
0%{opacity:0}
100%{opacity:1}
}
@keyframes fadeIn {
0%{opacity:0}
100%{opacity:1}
}
@-webkit-keyframes fadeOut {
0%{opacity:1}
100%{opacity:0}
}
@-moz-keyframes fadeOut {
0%{opacity:1}
100%{opacity:0}
}
@keyframes fadeOut {
0%{opacity:1}
100%{opacity:0}
}
@-webkit-keyframes backSlideOut {
25%{opacity:.5;-webkit-transform:translateZ(-500px)}
75%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(-200%)}
100%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(-200%)}
}
@-moz-keyframes backSlideOut {
25%{opacity:.5;-moz-transform:translateZ(-500px)}
75%{opacity:.5;-moz-transform:translateZ(-500px) translateX(-200%)}
100%{opacity:.5;-moz-transform:translateZ(-500px) translateX(-200%)}
}
@keyframes backSlideOut {
25%{opacity:.5;transform:translateZ(-500px)}
75%{opacity:.5;transform:translateZ(-500px) translateX(-200%)}
100%{opacity:.5;transform:translateZ(-500px) translateX(-200%)}
}
@-webkit-keyframes backSlideIn {
0%,25%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(200%)}
75%{opacity:.5;-webkit-transform:translateZ(-500px)}
100%{opacity:1;-webkit-transform:translateZ(0) translateX(0)}
}
@-moz-keyframes backSlideIn {
0%,25%{opacity:.5;-moz-transform:translateZ(-500px) translateX(200%)}
75%{opacity:.5;-moz-transform:translateZ(-500px)}
100%{opacity:1;-moz-transform:translateZ(0) translateX(0)}
}
@keyframes backSlideIn {
0%,25%{opacity:.5;transform:translateZ(-500px) translateX(200%)}
75%{opacity:.5;transform:translateZ(-500px)}
100%{opacity:1;transform:translateZ(0) translateX(0)}
}
@-webkit-keyframes scaleToFade {
to{opacity:0;-webkit-transform:scale(.8)}
}
@-moz-keyframes scaleToFade {
to{opacity:0;-moz-transform:scale(.8)}
}
@keyframes scaleToFade {
to{opacity:0;transform:scale(.8)}
}
@-webkit-keyframes goDown {
from{-webkit-transform:translateY(-100%)}
}
@-moz-keyframes goDown {
from{-moz-transform:translateY(-100%)}
}
@keyframes goDown {
from{transform:translateY(-100%)}
}
@-webkit-keyframes scaleUpFrom {
from{opacity:0;-webkit-transform:scale(1.5)}
}
@-moz-keyframes scaleUpFrom {
from{opacity:0;-moz-transform:scale(1.5)}
}
@keyframes scaleUpFrom {
from{opacity:0;transform:scale(1.5)}
}
@-webkit-keyframes scaleUpTo {
to{opacity:0;-webkit-transform:scale(1.5)}
}
@-moz-keyframes scaleUpTo {
to{opacity:0;-moz-transform:scale(1.5)}
}
@keyframes scaleUpTo {
to{opacity:0;transform:scale(1.5)}
}

/*Owl Carosel CSS*/
.owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.owl-carousel{margin: 0 auto;display:none;position:relative;width:100%;-ms-touch-action:pan-y}
.owl-carousel .owl-wrapper{display:none;position:relative;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);padding-top:15px}
#full-review-box .owl-carousel .owl-wrapper{padding-top:0}
.owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}
.owl-carousel .owl-item{float:left}
.owl-controls .owl-page,.owl-controls .owl-buttons div{cursor:pointer}
.owl-controls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
.grabbing { cursor: move; }
.owl-carousel .owl-wrapper,.owl-carousel .owl-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}


/*Owl Theme CSS*/
.owl-theme .owl-controls{margin-top:41px;text-align:center}
.owl-theme .owl-controls .owl-buttons div{display:inline-block;*display:inline;margin:5px;padding:3px 10px;font-size:12px;zoom:1}
.owl-theme .owl-controls.clickable .owl-buttons div:hover{filter:Alpha(Opacity=100);opacity:1;text-decoration:none}
.owl-theme .owl-controls .owl-page{display:inline-block;zoom:1;*display:inline;-webkit-transition:all .3s linear 0;-moz-transition:all .3s linear 0;-o-transition:all .3s linear 0;transition:all .3s linear 0;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.owl-theme .owl-controls .owl-page span{display:block;margin:5px;filter:Alpha(Opacity=50);opacity:.5;#-webkit-border-radius:20px;#-moz-border-radius:20px;#border-radius:20px;#background:#869791}
.owl-theme .owl-controls .owl-page.active span{color:#fff}
.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{filter:Alpha(Opacity=100);opacity:1}
.owl-theme .owl-controls .owl-page span.owl-numbers{height:auto;width:auto;color:#FFF;padding:2px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}
.owl-item.loading{min-height:325px;background:url(/web/20230426083147im_/http://www.sbb.com.tw/wp-content/themes/purpleplay/images/AjaxLoader.gif) no-repeat center center}

#latest-news.owl-theme .owl-controls{margin-top:20px;text-align:left;}
#latest-news.owl-theme .owl-controls .owl-buttons div{margin:5px 0 0;padding:3px 2px 0 0}
#latest-news .owl-prev:before{background-color:#41bb99;border-radius:2px;content:"\f053";color:#fff;cursor:pointer;font-family:'FontAwesome';font-size:20px;margin-right:3px;padding:5px 10px 5px 8px}
#latest-news .owl-next:before{background-color:#41bb99;border-radius:2px;content:"\f054";color:#fff;cursor:pointer;font-family:'FontAwesome';font-size:20px;padding:5px 8px 5px 10px}
#latest-news .owl-prev:before,#latest-news .owl-next:before{-webkit-transition:all .3s linear 0;-moz-transition:all .3s linear 0;-o-transition:all .3s linear 0;transition:all .3s linear 0}

.testimonials.owl-theme .owl-controls .owl-page,
.project_image .owl-controls .owl-page{
	margin-right: 10px; width: 10px; height: 10px; background-color: #504aa7;
}
.testimonials.owl-theme .owl-controls .owl-page{background-color: #fff;}
.testimonials.owl-theme .owl-controls{margin-top: 23px;}

.owl-carousel:hover{ cursor: col-resize;}

#front-gallery-slider .owl-controls{display: none !important;}

#mycarousel > .owl-controls { display: none !important; }
.project_image .owl-item{line-height: 0;}
.project_image .owl-controls{margin: 0; position: absolute; bottom: 0; width: 100%; max-width: 370px;}

.testimonials.owl-theme .owl-controls .owl-page, .project_image .owl-controls .owl-page {
	background-color: #fff;
}
/*
     FILE ARCHIVED ON 08:31:47 Apr 26, 2023 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 06:27:45 Jun 12, 2023.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 72.78
  exclusion.robots: 0.116
  exclusion.robots.policy: 0.107
  cdx.remote: 0.059
  esindex: 0.008
  LoadShardBlock: 47.754 (3)
  PetaboxLoader3.datanode: 81.25 (4)
  load_resource: 136.272
  PetaboxLoader3.resolve: 55.674
*//* ===========================================
------- SKETCHTHEMES [SHORTCODES] ------------
============================================ */

/*--------------- GOOGLE FONT ------------*/
@import url(https://web.archive.org/web/20220417232425cs_/http://fonts.googleapis.com/css?family=Open+Sans:400,300);

/*-------------- CLEARFIX STYLE ----------*/
.clearfix:after {  content: ".";  display: block;  clear: both;  visibility: hidden;  line-height: 0;  height: 0;  } 
.clearfix {  display: inline-block;}
html .clearfix {	display: block;}
* html .clearfix {	height: 1%;}
.page-container.clearfix > h3 {font-size: 22px;}
blockquote.skt-quote a{color:#fff;text-decoration: none;}

/*-- SKETCH COLUMNS STYLE
------------------------------------------*/
.one_half, .one_third, .two_third, .one_fourth , .three_fourth { float:left; margin-right: 4%; position: relative;margin-bottom: 2%; }
.one_half h3, .one_third h3, .two_third h3, .one_fourth h3, .three_fourth h3{ font-size:19px;}
.one_half { width: 48%; }
.one_third { width: 30.66%; }
.two_third { width:65.32%; }
.one_fourth { width:22%; }
.three_fourth { width:74%; }
.last { clear: right; margin-right: 0 !important;}

/*-- SKETCH BUTTON STYLE
------------------------------------------*/
a.large-button, a.small-button, a.medium-button { border: 1px solid #fff; cursor: pointer; display: inline-block; font-family: 'Open Sans',sans-serif; line-height: 26px; transition: all 0.2s linear 0s; -webkit-transition:all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s; -ms-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; }
a.large-button:hover, a.small-button:hover,a.medium-button:hover { border: 1px solid #fff; position: relative; text-shadow: none;  transition: all 0.2s linear 0s; -webkit-transition:all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s; -ms-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; }
a.small-button {font-size: 10px;font-weight: bold !important;margin: 0 5px 8px 0;padding: 2px 8px;}
a.medium-button {font-size: 13px;font-weight: bold !important;margin: 0 5px 8px 0;padding: 9px 11px;}
a.large-button {font-size: 20px;font-weight: normal !important;margin: 8px 6px 8px 0;padding: 10px 24px;}


/*-- SKETCH TOOLTIP STYLE
------------------------------------------*/
.tooltip{cursor:pointer;}
.tooltip a{ text-decoration: underline;}

/*-- SKETCH QUOTE STYLE
------------------------------------------*/
.skt-quote { background: url("/web/20220417232425im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/SketchBoard/functions/shortcodes/images/quote.png") no-repeat scroll 10px 10px #F54336; border: 0 none; color: #F7F7F7; font-size: 17px; font-weight: 300; margin: 0 0 20px; padding: 23px 15px 10px 55px; word-spacing: 1px;border-radius: 2px; }
.quoteauthor{ font-family: 'Open Sans', sans-serif;font-weight: 600;display: block;text-align: right; margin: 5px 7px 5px 0;}
.quoteauthor > a {  color: #000000;  padding: 0 5px;  text-decoration: underline;  } 

/*-- SKETCH DROPCAPS STYLE
------------------------------------------*/
.skt-dropcaps.normal{}
.skt-dropcaps.circle{width: 44px;  border-radius: 100% 100% 100% 100%;	line-height: 48px; margin: 0 15px 10px 0; padding:6px;  overflow: hidden; text-align: center;	display: block;   float: left;}
.skt-dropcaps.square{  width: 44px; line-height: 48px;  margin: 0 15px 10px 0;  padding: 6px; overflow: hidden;  text-align: center;  display: block;  float: left;  } 
.skt-dropcaps.square-round-corner{  width: 44px; line-height: 48px;  margin: 0 15px 10px 0;  padding: 6px; overflow: hidden;  text-align: center;  display: block;  float: left;  border-radius: 6px;}

/*-- SKETCH BOXES STYLE
------------------------------------------*/
.skt-warningbox{background:none no-repeat scroll 0 0px #D1CFCF;border:1px solid #FF796D;}
.boximg{ float: left;height: 39px;margin-right: 12px !important;margin-top: 5px !important;width: 40px;}
.warningimg{background: url("/web/20220417232425im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/SketchBoard/functions/shortcodes/images/warningimg.png") no-repeat scroll 0 0 transparent;} 
.downloadimg{background: url("/web/20220417232425im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/SketchBoard/functions/shortcodes/images/downloadimg.png") no-repeat scroll 0 0 transparent;} 
.infoimg{background: url("/web/20220417232425im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/SketchBoard/functions/shortcodes/images/infoimg.png") no-repeat scroll 0 0 transparent;} 
.normalimg{background: url("/web/20220417232425im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/SketchBoard/functions/shortcodes/images/normalimg.png") no-repeat scroll 0 0 transparent;} 
.notifyimg{background: url("/web/20220417232425im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/SketchBoard/functions/shortcodes/images/notifyimg.png") no-repeat scroll 0 0 transparent;} 
.noficationtext{padding:20px 29px 17px 20px;font-size: 13px;text-shadow: 1px 1px 1px #FFFFFF;}

/*-- SKETCH CUSTOM_LIST STYLE
------------------------------------------*/
.custom_list li {padding: 1px 1px 1px 21px; list-style-type: none;}
.custom_list li ul{margin:0;}
.custom_list li:before{font-family: 'FontAwesome';   padding-right: 5px;}
.custom_list.asterisk-icon li:before { content:"\f069";}
.custom_list.ban-icon li:before { content:"\f05e";  }
.custom_list.book-icon li:before { content:"\f02d";  }
.custom_list.bookmark-icon li:before { content:"\f02e"; }
.custom_list.certificate-icon li:before { content:"\f0a3";  }
.custom_list.check-icon li:before { content:"\f00c";  }
.custom_list.gear-icon li:before { content:"\f013";  }
.custom_list.comments-icon li:before { content:"\f0e6";  }
.custom_list.download-icon li:before { content:"\f019";  }
.custom_list.edit-icon li:before { content:"\f044";  }
.custom_list.envelope-icon li:before { content:"\f0e0";  }
.custom_list.exclamation-icon li:before { content:"\f12a";}
.custom_list.external-link-icon li:before { content:"\f08e";  }
.custom_list.folder-open-icon li:before { content:"\f07c";  }
.custom_list.info-icon li:before { content:"\f129";  }
.custom_list.mail-forward-icon li:before { content:"\f064"; }
.custom_list.map-marker-icon li:before { content:"\f041"; }
.custom_list.music-icon li:before { content:"\f001";  }
.custom_list.pencil-icon li:before { content:"\f040"; }
.custom_list.phone-icon li:before { content:"\f095"; }
.custom_list.plus-icon li:before { content:"\f067"; }
.custom_list.refresh-icon li:before { content:"\f021";}
.custom_list.star-icon li:before { content:"\f005";}
.custom_list.tags-icon li:before { content:"\f02c"; }
.custom_list.link-icon li:before { content:"\f0c1";}
.custom_list.paperclip-icon li:before { content:"\f0c6";}
.custom_list.angle-right-icon li:before { content:"\f105";}
.custom_list.warning-icon li:before { content:"\f071";}

/*-- SKETCH PRICING TABLE STYLE
------------------------------------------*/
.skt_price_table {display: inline-block; margin: 0 0 35px; padding: 0; position: relative; width: 100%; margin-top:30px;} 
.skt_price_table.price_featured{transform: scale(1.1, 1.1);-webkit-transform: scale(1.07, 1.07); -moz-transform: scale(1.07, 1.07); -o-transform: scale(1.07, 1.07); -ms-transform: scale(1.07, 1.07); box-shadow: 0 0 10px 0 #C0C0C0;}
.skt_price_table.price_featured .price_table_inner ul li, .skt_price_table .price_table_inner .price_button {border-color:#D5D5D5}
.skt_price_table .price_table_inner { overflow: hidden; text-align: center; } 
.skt_price_table .active_best_price { background-color: #333; border-radius: 50%; color: #FFFFFF; height: 60px; margin-right: -25px; margin-top: -28px; position: absolute; right: 0; text-align: center; top: 0; width: 60px;box-shadow: 0 0 10px 0 #C0C0C0;} 	
.skt_price_table .active_best_price p { background-position: center 33px; background-repeat: no-repeat;line-height: 59px; text-transform: uppercase; }
.skt_price_table .price_table_inner ul { list-style: none outside none; margin: 0; } 
.skt_price_table .price_table_inner ul ul li:nth-child(2n+1) { background-color: #F0F0F0; } 
.skt_price_table .price_table_inner ul ul li:nth-child(2n) { background-color: #fafafa; } 
.skt_price_table .price_table_inner ul li {  font-size: 12px;color: #444; margin: 0; padding: 12px 25px; text-align: center; border-left: 1px solid #E1E1E1;border-right: 1px solid #E1E1E1;} 
.skt_price_table .price_table_inner ul li.prices { background-color: #FDFDFD; padding: 20px 25px; } 
.skt_price_table .price_table_inner ul li.table_title {border:0;background-color: #E1E1E1; color: #fff;font-family: 'Open Sans', sans-serif;font-weight: 600;font-size: 19px;line-height: 20px; padding: 30px 25px;} 	
.skt_price_table .price_in_table { text-align: center; } 
.skt_price_table .price_in_table .value { color: #F54325; display: inline-block; font-size: 14px; font-weight: 600; line-height: 18px; margin: 8px 0 0; vertical-align: top;} 	
.skt_price_table .price_in_table .price { color: #333; display: inline-block;font-family: 'Open Sans', sans-serif;font-weight: 600;font-size: 40px; line-height: 45px; vertical-align: middle; } 
.skt_price_table .price_in_table .mark { color: #000000; font-size: 13px;font-family: 'Open Sans', sans-serif;font-weight: 600;line-height: 13px; margin-top: 14px; vertical-align: bottom;font-weight:400;} 
.skt_price_table .price_table_inner .price_button {border-bottom: 1px solid #E1E1E1; background-color: #FDFDFD; padding-bottom: 16px; padding-top: 16px; } 
.skt_price_table .price_table_inner .price_button a { background:none repeat scroll 0 0 rgba(0, 0, 0, 0); border: 1px solid #F54336; cursor: pointer; display: inline-block;font-family: 'Open Sans', sans-serif;font-weight: 700;font-size: 12px;letter-spacing: 1px; margin-bottom: 0; padding: 5px 25px; position: relative;transition: all 0.3s linear 0s;-webkit-transition: all 0.3s linear 0s;-moz-transition: all 0.3s linear 0s;-o-transition: all 0.3s linear 0s;} 
.skt_price_table .price_table_inner .price_button a:hover{color:#fff;}
.skt_price_table .price_table_inner ul li.sktprccont {padding:0;  border: 0 none;}

/*-- SKETCH GOOGLEMAP STYLE
------------------------------------------*/
.map-shortcode iframe { width: 100%;}

/*-- SKETCH TAB STYLE
------------------------------------------*/

/*-- SKETCH HORIZINTAL TABBER 
------------------------------------------*/
.ske_tab_h{overflow:hidden;}
.ske_tab_h ul.ske_tabs { margin: 0 !important; padding: 0;list-style: none;border-bottom:1px solid #DDDDDD;} 
.ske_tab_h ul.ske_tabs li {   border-top: 3px solid rgba(0, 0, 0, 0);float: left;  margin-bottom: 0px; margin-left: 0; padding: 0;line-height: 31px; margin-bottom: -1px; overflow: hidden; position: relative; } 
.ske_tab_h ul.ske_tabs li a {color: #111111; text-decoration: none;  cursor: pointer; display: block; line-height: 34px;  padding: 0 20px; position: relative;  width: auto;outline: none;} 
.ske_tab_h ul.ske_tabs li a:hover {} 	
.ske_tab_h  ul.ske_tabs li.active {  margin-bottom: -1px; background: none repeat scroll 0 0 #fff; border-top-color: #63B1BE;border-bottom: 0 none; color: #686868;border-top: 3px solid #00A6FF;  padding-top: 0;   position: relative;} 
.ske_tab_h  ul.ske_tabs li.active a{color: #353535;border:1px solid #DDDDDD;border-top:none; border-bottom:none;}
.ske_tab_h  .ske_tab_container { background: none repeat scroll 0 0 #fff;display: block;  list-style: none outside none;  margin: 0 0 20px; padding: 20px;color:#777777;border:1px solid #DDDDDD;	border-top:none; } 
.ske_tab_h  .ske_tab_content { position:relative;}

/*-- SKETCH VERTICAL TABBER 
------------------------------------------*/
.ske_tab_v{overflow:hidden;}
.ske_tab_v ul.ske_tabs { left: 1px;position:relative; margin: 0; padding: 0; float: left; list-style: none;border-right:1px solid #DDDDDD; width: 20%; } 
.ske_tab_v ul.ske_tabs li {  border-left: 3px solid rgba(0, 0, 0, 0);margin-left: 0;margin-bottom: -1px; padding: 0;line-height: 31px; margin-right: -1px; overflow: hidden; position: relative; } 
.ske_tab_v ul.ske_tabs li a { color: #111111;text-decoration: none;  cursor: pointer; display: block; line-height: 34px;  padding: 0 20px; position: relative;  width: auto;outline: none;} 
.ske_tab_v ul.ske_tabs li a:hover { } 	
.ske_tab_v  ul.ske_tabs li.active{ background: none repeat scroll 0 0 #ffffff; border-left-color: #63B1BE;border-bottom: 0 none; color: #686868;border-left: 3px solid #00A6FF;  padding-top: 0;   position: relative;}
.ske_tab_v  ul.ske_tabs li.active a{color:#353535;border:1px solid #DDDDDD;border-left:none; border-right:none;}
.ske_tab_v  .ske_tab_container { float: left; width:76.3%; background: none repeat scroll 0 0 #FFFFFF;display: block;  list-style: none outside none;  margin: 0 0 20px; padding: 20px;color:#353535;border:1px solid #DDDDDD;	overflow:hidden;min-height: 93px;} 
.ske_tab_v  .ske_tab_content {position:relative;}

/*-- SKETCH TOGGLE STYLE
------------------------------------------*/
.sketch_container,.sketch_container1{width:400px;border:1px solid #ddd;padding:1px;margin:30px;}
 h3.ske_tog_title{  background: url("/web/20220417232425im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/SketchBoard/functions/shortcodes/images/plus.png") no-repeat scroll 99% center #FBFBFB;border-color: #DDDDDD; border-style: solid; border-width: 1px; color: #666;cursor: pointer;font-size: 14px;font-family: 'Open Sans', sans-serif;font-weight: 600;padding: 8px 40px 8px 12px;margin: 0 !important;}
 h3.ske_tog_title.active{background:url("/web/20220417232425im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/SketchBoard/functions/shortcodes/images/minus.png") no-repeat scroll 99% center #FFFFFF;border-bottom:0 none;}
div.ske_tog_content{border: 1px solid #DDDDDD;border-top:none; color:#666;  background: none repeat scroll 0 0 #FFFFFF; color: #666666; padding: 0 12px 12px; text-align: justify;} 	
	
/*-- SKETCH ACCORDIAN STYLEDIV.SKE_ACC_SET
------------------------------------------*/
.sketch_container2{width:486px;}
div.ske_acc_title{background: url("/web/20220417232425im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/SketchBoard/functions/shortcodes/images/plus.png") no-repeat scroll 99% center #FBFBFB;border-bottom: 1px solid #FFFFFF;color: #666666;cursor: pointer;font-size: 14px;font-family: 'Open Sans', sans-serif;font-weight: 600;padding: 8px 40px 8px 12px;} 
div.ske_acc_title.active{background:url("/web/20220417232425im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/SketchBoard/functions/shortcodes/images/minus.png") no-repeat scroll 99% center #FFFFFF; }
div.ske_acc_set{border: 1px solid #DDDDDD;margin-bottom: 10px;}
div.ske_acc_content{background: none repeat scroll 0 0 #FFFFFF;color: #666666;display: none;padding: 0 12px 12px;text-align: justify; }
.page-container iframe { max-width:100%; overflow: hidden;}

/*-- SKETCH HIGHLIGHTED STYLE
------------------------------------------*/
.highlighted{ padding: 1px 5px 2px}

/*-- SKETCH HORIZOTAL_BREAK STYLE
------------------------------------------*/
#content .horizotal_break{ margin: 5px 0;position:relative;}
.horizotal_break #back-to-top{ display: block; padding: 0 0 0 5px;  position: absolute;  right: 0;  top: -21px;}

/*-- SKETCH LIGHTBOX STYLE
--------------------------------------------*/
.lightbox{ position:relative;float:left;  margin: 5px 21px; }
#content .lightbox img {background-color: #FFFFFF;border: 1px solid #D7D4D4;padding: 5px;text-align: center;height:138px;width:250px;}

/* Share Shortcode */
.sketch_sharebar { margin:15px 5px 15px 0;}
/* Notifications */
.notification { border-style: solid;border-width: 1px;clear: both;display: block;font-size: 12px;font-weight: 200;line-height: 23px;margin-bottom: 10px;min-height: 40px;padding: 15px;position: relative;word-spacing: 1px; } 
.icon {  position: absolute;  background-image: url("/web/20220417232425im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/SketchBoard/functions/shortcodes/images/notification.png");  background-repeat: no-repeat;  height: 15px;  top: 16px  } 
.canhide { min-height: 20px;padding: 10px 10px 10px 40px;}
/* Bold Text */
.notification span {  font-weight: 500;  margin-right: 10px  } 
/* Notification Close Button */
 .notification .close-notification {  position: absolute;  width: 5px;  height: 6px;  top: 20px;  right: 17px;  cursor: pointer;  background-image: url("/web/20220417232425im_/https://www.sbb.com.tw/wp-content/themes/purpleplay/SketchBoard/functions/shortcodes/images/closes.png");  background-repeat: no-repeat  } 
/* Success */
.success { background-color: #C8E185; border-color: #ACCC5D;color: #70892B;} 
.success .icon {  width: 14px;  left: 16px;  background-position: 0 -15px  }
.success .close-notification {  background-position: 0 -6px  }
/* Fail */
.fail {   background-color: #F2DEDE; border-color: #EED3D7;color: #B94A48;} 
.fail .icon {  width: 13px;  left: 16px;  background-position: 0 0  }
.fail .close-notification {  background-position: 0 0  }
/* Information */
.info {  background-color: #8aced6; border-color: #69c0ca; color: #3d8d98; } 
.info .icon {  width: 6px;  left: 19px;  background-position: 0 -30px  } 
.info .close-notification {  background-position: 0 -12px  }
/* Warning */
.warning {  border-color:#f9b516;  color: #c2721b;  background-color: #fbb160;  }
.warning .icon {  width: 14px;  left: 16px;  top: 13px;  background-position: 0 -45px  }
.warning .close-notification {  background-position: 0 -18px  }
/* Edit */
.edit {  border-color: #e9c95f;  color: #ae8500;  background-color: #f3dc8f;  }
.edit .icon {  width: 13px;  left: 16px;  top: 13px;  background-position: 0 -60px  }
.edit .close-notification {  background-position: 0 -18px  }
/* Lock */
.lock {  border-color: #CCC;  color: #666;  background-color: #e8e8e8; }
.lock .icon {  width: 11px;  left: 17px;  top: 13px;  background-position: 0 -75px  }
.lock .close-notification {  background-position: 0 -24px  }
/* Tip */
.tip {  border-color:#e6b96f;  color: #b1802f;  background-color: #f5dcb2; }
.tip .icon {  width: 9px;  left: 18px;  top: 12px;  background-position: 0 -90px  }
.tip .close-notification {  background-position: 0 -30px  }
/* Download */
.download {  border-color:#3178c0;  color: #0c4fa3;  background-color: #6dacea; }
.download .icon {  width: 10px;  left: 18px;  background-position: 0 -105px  }
.download .close-notification {  background-position: 0 -36px  }
/* Chat */
.chat {  border-color:#5d902f;  color: #366f11;  background-color: #89bc5a; }
.chat .icon {  width: 14px;  left: 16px;  background-position: 0 -120px; top:17px;  }
.chat .close-notification {  background-position: 0 -42px  }
/* Task */
.task {  border-color: #71502b;  color: #432c12;  background-color: #92724e; }
.task .icon {  width: 14px;  left: 16px;  top: 16px;  background-position: 0 -135px  }
.task .close-notification { background-position: 0 -48px  }
/* View source */
.short-code {  background: none repeat scroll 0 0 #F5F5F5; border: 1px solid #DDDDDD; color: #666666; display: inline-block; margin-top: 11px; padding: 7px; text-align: left; word-wrap: break-word;box-sizing:border-box; -moz-box-sizing:border-box; word-wrap: break-word; } 
.short-code .short-code-color{color:#2980b9;}
.head-space{margin-bottom:40px;}

#viewsource1 h3.ske_tog_title,#viewsource2 h3.ske_tog_title,#viewsource3 h3.ske_tog_title,#viewsource4 h3.ske_tog_title,#viewsource5 h3.ske_tog_title,#viewsource6 h3.ske_tog_title,#viewsource7 h3.ske_tog_title,#viewsource8 h3.ske_tog_title,#viewsource9 h3.ske_tog_title,#viewsource10 h3.ske_tog_title,#viewsource11 h3.ske_tog_title,#viewsource12 h3.ske_tog_title,#viewsource13 h3.ske_tog_title,#viewsource14 h3.ske_tog_title,#viewsource15 h3.ske_tog_title,#viewsource16 h3.ske_tog_title,#viewsource17 h3.ske_tog_title,#viewsource18 h3.ske_tog_title,#viewsource19 h3.ske_tog_title,#viewsource20 h3.ske_tog_title,#viewsource21 h3.ske_tog_title,#viewsource22 h3.ske_tog_title,#viewsource23 h3.ske_tog_title,#viewsource24 h3.ske_tog_title,#viewsource25 h3.ske_tog_title,#viewsource26 h3.ske_tog_title,#viewsource27 h3.ske_tog_title,#viewsource28 h3.ske_tog_title,#viewsource29 h3.ske_tog_title
,#viewsource30 h3.ske_tog_title,#viewsource31 h3.ske_tog_title,#viewsource32 h3.ske_tog_title,#viewsource33 h3.ske_tog_title,#viewsource34 h3.ske_tog_title,#viewsource35 h3.ske_tog_title,#viewsource36 h3.ske_tog_title,#viewsource37 h3.ske_tog_title,#viewsource38 h3.ske_tog_title,#viewsource39 h3.ske_tog_title,#viewsource40 h3.ske_tog_title,#viewsource41 h3.ske_tog_title,#viewsource42 h3.ske_tog_title,#viewsource43 h3.ske_tog_title,#viewsource44 h3.ske_tog_title,#viewsource66 h3.ske_tog_title,#viewsource67 h3.ske_tog_title,#viewsource70 h3.ske_tog_title{   
background-color: rgba(0, 0, 0, 0); border: 1px dotted #E1E1E1; color: #666666; font-family: 'Open Sans', sans-serif;font-size: 12px; font-weight: 300; line-height: 26px; padding: 5px 8px; width: 122px;margin-bottom: -1px !important;} 	 
#viewsource1 div.ske_tog_content,#viewsource2 div.ske_tog_content,#viewsource3 div.ske_tog_content,#viewsource4 div.ske_tog_content,#viewsource5 div.ske_tog_content,#viewsource6 div.ske_tog_content,#viewsource7 div.ske_tog_content,#viewsource8 div.ske_tog_content,#viewsource9  div.ske_tog_content,#viewsource10 div.ske_tog_content,#viewsource11 div.ske_tog_content,#viewsource12 div.ske_tog_content,#viewsource13 div.ske_tog_content,#viewsource14 div.ske_tog_content,#viewsource15 div.ske_tog_content,#viewsource16 div.ske_tog_content,#viewsource17 div.ske_tog_content,#viewsource18 div.ske_tog_content,#viewsource19 div.ske_tog_content,#viewsource20 div.ske_tog_content,#viewsource21 div.ske_tog_content,#viewsource22 div.ske_tog_content,#viewsource23 div.ske_tog_content,#viewsource24 div.ske_tog_content,#viewsource25 div.ske_tog_content,#viewsource26 div.ske_tog_content,#viewsource27 div.ske_tog_content,#viewsource28 div.ske_tog_content,#viewsource29 div.ske_tog_content,#viewsource30 div.ske_tog_content,#viewsource31 div.ske_tog_content,#viewsource32 div.ske_tog_content,#viewsource33 div.ske_tog_content,#viewsource34 div.ske_tog_content,#viewsource35 div.ske_tog_content,#viewsource36 div.ske_tog_content,#viewsource37 div.ske_tog_content,#viewsource38 div.ske_tog_content,#viewsource39 div.ske_tog_content,#viewsource40 div.ske_tog_content,#viewsource41 div.ske_tog_content,#viewsource42 div.ske_tog_content,#viewsource43 div.ske_tog_content,#viewsource44 div.ske_tog_content,#viewsource66 div.ske_tog_content,#viewsource67 div.ske_tog_content,#viewsource70 div.ske_tog_content{
border: 1px dotted #E1E1E1;box-sizing:border-box;-moz-box-sizing:border-box;  width: -moz-fit-content; }
.subheading{font-size: 19px !important;font-weight: 400;}

/*-- SKETCH SHORTCODES @MEDIA QUERIES
------------------------------------------*/
/*
 max-width: 960px
*/
@media only screen and (min-width: 768px) and (max-width:1024px) {
	.page-container iframe { max-width:99.66%; }
	.one_half, .one_third, .two_third, .one_fourth , .three_fourth { float:none; width: 99.66%;}
}
/*
 max-width: 767px
*/
@media only screen and (max-width: 767px) {
	.ske_tab_v ul.ske_tabs li{  margin-left: 0; }
	.ske_tab_h ul.ske_tabs li a{ padding: 0 6px;}
	.ske_tab_v .ske_tab_container{ width: 63%;}
	.ske_tab_h ul.ske_tabs li{ margin-left: 0; }
	.one_half, .one_third, .two_third, .one_fourth , .three_fourth { float:none; width: 99.66%;}
	.ske_tab_v ul.ske_tabs li a{ padding: 0 8px;}
}
/*
 max-width: 480px
*/
@media only screen and (max-width: 480px) {
	.lightbox { margin: 0 18px 18px 15px;}
	.ske_tab_v ul.ske_tabs li{  margin-left: 0; }
	.ske_tab_h ul.ske_tabs li a{ padding: 0 6px;}
	.ske_tab_v .ske_tab_container{ width: 63%;}
	.ske_tab_h ul.ske_tabs li{ margin-left: 0; }
	.one_half, .one_third, .two_third, .one_fourth , .three_fourth { float:none; width: 99.66%;}
	.ske_tab_v ul.ske_tabs li a{ padding: 0 8px;}
}
/*
     FILE ARCHIVED ON 23:24:25 Apr 17, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 06:27:47 Jun 12, 2023.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 80.834
  exclusion.robots: 0.172
  exclusion.robots.policy: 0.161
  RedisCDXSource: 1.351
  esindex: 0.008
  LoadShardBlock: 60.467 (3)
  PetaboxLoader3.datanode: 99.784 (5)
  load_resource: 92.59
  PetaboxLoader3.resolve: 35.211
  loaddict: 41.027
*//* TipTip CSS - Version 1.2 */
#tiptip_holder {  display: none;  position: absolute;  top: 0;  left: 0;  z-index: 99999;  }
#tiptip_holder.tip_top {  padding-bottom: 5px;  }
#tiptip_holder.tip_bottom {  padding-top: 2px;  }
#tiptip_holder.tip_right {  padding-left: 5px;  }
#tiptip_holder.tip_left {  padding-right: 5px;  }
#tiptip_content {  background-color: #333;border-radius: 1px;box-shadow: none;color: #FFFFFF;font-size: 13px;font-weight: 400;line-height: 20px;padding: 4px 8px; -webkit-border-radius:1px;  -moz-border-radius: 1px; }
#tiptip_arrow, #tiptip_arrow_inner {  border-color: rgba(0, 0, 0, 0);border-style: solid;border-width: 6px;height: 0;position: absolute;width: 0;}
#tiptip_holder.tip_top #tiptip_arrow {  border-top-color: #fff;  border-top-color: rgba(255,255,255,0.35);  }
#tiptip_holder.tip_bottom #tiptip_arrow {   }
#tiptip_holder.tip_right #tiptip_arrow {  border-right-color: #fff;  border-right-color: rgba(255,255,255,0.35);  }
#tiptip_holder.tip_left #tiptip_arrow {  border-left-color: #fff;  border-left-color: rgba(255,255,255,0.35);  }
#tiptip_holder.tip_top #tiptip_arrow_inner {  margin-top: -7px;  margin-left: -6px;  border-top-color: rgb(25,25,25);  border-top-color: rgba(25,25,25,0.92);  }
#tiptip_holder.tip_bottom #tiptip_arrow_inner {  margin-top: -5px;  margin-left: -6px;  border-bottom-color: #333;  }
#tiptip_holder.tip_right #tiptip_arrow_inner {  margin-top: -6px;  margin-left: -5px;  border-right-color: rgb(25,25,25);  border-right-color: rgba(25,25,25,0.92);  }
#tiptip_holder.tip_left #tiptip_arrow_inner {  margin-top: -6px;  margin-left: -7px;  border-left-color: rgb(25,25,25);  border-left-color: rgba(25,25,25,0.92);  }
/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {	
	#tiptip_content { padding: 4px 8px 5px 8px; background-color: rgba(45,45,45,0.88);}
	#tiptip_holder.tip_bottom #tiptip_arrow_inner { border-bottom-color: rgba(45,45,45,0.88); }
	#tiptip_holder.tip_top #tiptip_arrow_inner { border-top-color: rgba(20,20,20,0.92); }
}
/*
     FILE ARCHIVED ON 23:25:02 Apr 17, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 06:27:52 Jun 12, 2023.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 834.506
  exclusion.robots: 0.101
  exclusion.robots.policy: 0.093
  cdx.remote: 0.049
  esindex: 0.008
  LoadShardBlock: 805.189 (3)
  PetaboxLoader3.datanode: 123.03 (5)
  PetaboxLoader3.resolve: 717.819 (2)
  load_resource: 94.639
  loaddict: 22.484
*/