/*
 article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
 audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
 audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}abbr[photo_title]{border-bottom:1px dotted}b,optgroup,strong{font-weight:700}dfn{font-style:italic}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;vertical-align:baseline}.glide--vertical .glide__bullets>*,td,th,tr{vertical-align:middle}sup{top:-.5em}sub{bottom:-.25em}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
 */

 button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}
 button{overflow:visible}
 button,select{text-transform:none}
 button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}
 button[disabled],html input[disabled]{cursor:default}
 button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}

  
 input{line-height:normal}
 
 input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}
 
 input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}

   
   
 .glide,.glide--slideshow .glide__wrapper,.glide__track{height:100%}
 
 input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
 

 fieldset{border:1px solid silver}
 legend{padding:0}
 textarea{resize:vertical}
 *,::after,::before{box-sizing:inherit}
 
     
 .glide{width:100%}
 
 .glide__wrapper{overflow:hidden}.glide__track{width:100%;list-style:none;backface-visibility:hidden;transform-style:preserve-3d;touch-action:pan-Y}
 
 .glide__track.dragging{cursor:grabbing;user-select:none}
 .glide__slide{width:100%;-webkit-tap-highlight-color:transparent}
 .glide__arrows{position:absolute}.glide__bullets{position:absolute;list-style:none}.glide--carousel 
 .glide__slide,.glide--slider .glide__slide{float:left;clear:none}
 .glide--slideshow .glide__slide{height:100%;position:absolute;top:0;left:0;z-index:-1;-webkit-transform-style:preserve-3d;-webkit-transform:translate3d(0,0,0)}.glide--slideshow .glide__slide.active{z-index:1}
 /*.glide--horizontal  */
 
 .glide__arrows{top:50%;width:92%;margin-left:4%;}
 .glide--vertical .glide__arrows{left:50%;height:88%;margin-top:6%;}
 .glide__arrow{cursor:pointer;position:absolute;z-index:2;color:#fff;text-transform:uppercase;font:11px Arial,sans-serif;padding:40px 50px;background-color:transparent;border:2px solid rgba(255,255,255,.5);border-radius:4px;transition:border .3s ease-in-out}
 
 .glide__arrow:hover{border-color:#fff}
 .glide--horizontal .glide__arrow{transform:translateY(-50%)}
 .glide--horizontal .glide__arrow.prev{left:0; background:rgba(0%, 0%, 0%, 0.6);}
 .glide--horizontal .glide__arrow.next{right:0; background:rgba(0%, 0%, 0%, 0.6);}
 .glide--vertical .glide__arrow{transform:translateX(-50%)}
 .glide--vertical .glide__arrow.prev{top:0}
 .glide--vertical .glide__arrow.next{bottom:0}
 .glide--horizontal .glide__bullets{bottom:8%;left:0;width:100%;height:12px;text-align:center}
 .glide--vertical .glide__bullets{top:50%;right:8%;width:12px;height:auto;transform:translateY(-50%)}.glide__bullets>*{display:inline-block;background-color:rgba(255,255,255,.5);width:12px;height:12px;padding:0;cursor:pointer;border-radius:50%;border:2px solid transparent;transition:all .3s ease-in-out}.glide--horizontal .glide__bullets>*{margin:0 5px}dl dd,ol,ul{margin:0}.glide__bullets>.active{background-color:#fff}.glide__bullets>:focus,.glide__bullets>:hover{border:2px solid #fff;background-color:rgba(255,255,255,.5)}.glide--slider .glide__arrow{opacity:1;transition:opacity 150ms ease}.glide--slider .glide__arrow.disabled{opacity:.33}
 
  /*
 .button,button,input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;-webkit-transition:all 150ms ease-in-out;-moz-transition:all 150ms ease-in-out;transition:all 150ms ease-in-out;overflow-wrap:break-word;word-wrap:break-word;word-break:break-all;background-color:#424242;border-radius:6px;border:none;color:#fff;cursor:pointer;display:inline-block;font-family:Karla,sans-serif;font-size:18px;font-weight:400;line-height:1;padding:.65em .75em .7em;text-align:center;text-decoration:none;user-select:none;vertical-align:middle;white-space:nowrap}
 .button.block,button.block,input,input[type=button].block,input[type=reset].block,input[type=submit].block,label,select{display:block}
 .button:focus,.button:hover,button:focus,button:hover,input[type=button]:focus,input[type=button]:hover,input[type=reset]:focus,input[type=reset]:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#1c1c1c;color:#fff}.button:disabled,button:disabled,input[type=button]:disabled,input[type=reset]:disabled,input[type=submit]:disabled{cursor:not-allowed;opacity:.5}.button.gray,button.gray,input[type=button].gray,input[type=reset].gray,input[type=submit].gray{background-color:#98a2a3;color:#fff}.button.gray:focus,.button.gray:hover,button.gray:focus,button.gray:hover,input[type=button].gray:focus,input[type=button].gray:hover,input[type=reset].gray:focus,input[type=reset].gray:hover,input[type=submit].gray:focus,input[type=submit].gray:hover{background-color:#7d8a8b}.button.lg,button.lg,input[type=button].lg,input[type=reset].lg,input[type=submit].lg{font-size:1.1em;padding:1.5em 2.25em}
 */
 
 
 @media screen and (max-width:568px){.button.lg,button.lg,input[type=button].lg,input[type=reset].lg,input[type=submit].lg{font-size:1em;padding:1em 1.5em}}.button.sm,button.sm,input[type=button].sm,input[type=reset].sm,input[type=submit].sm{font-size:.9em;padding:.6em .8em}
 
 
 .button.ghost,button.ghost,input[type=button].ghost,input[type=reset].ghost,input[type=submit].ghost{background-color:transparent;border:2px solid rgba(125,138,139,.75);color:#424242}
 
 .button.ghost.purple,.button.ghost:focus,.button.ghost:hover,button.ghost.purple,button.ghost:focus,button.ghost:hover,input[type=button].ghost.purple,input[type=button].ghost:focus,input[type=button].ghost:hover,input[type=reset].ghost.purple,input[type=reset].ghost:focus,input[type=reset].ghost:hover,input[type=submit].ghost.purple,input[type=submit].ghost:focus,input[type=submit].ghost:hover{border-color:#af7cc5;color:#9a59b5}.button.ghost.purple:focus,.button.ghost.purple:hover,button.ghost.purple:focus,button.ghost.purple:hover,input[type=button].ghost.purple:focus,input[type=button].ghost.purple:hover,input[type=reset].ghost.purple:focus,input[type=reset].ghost.purple:hover,input[type=submit].ghost.purple:focus,input[type=submit].ghost.purple:hover{border-color:#9a59b5;color:#703c86}
 
 .button.ghost.green,button.ghost.green,input[type=button].ghost.green,input[type=reset].ghost.green,input[type=submit].ghost.green{border-color:#4fcd92;color:#34b579}
 
 .button.ghost.green:focus,.button.ghost.green:hover,button.ghost.green:focus,button.ghost.green:hover,input[type=button].ghost.green:focus,input[type=button].ghost.green:hover,input[type=reset].ghost.green:focus,input[type=reset].ghost.green:hover,input[type=submit].ghost.green:focus,input[type=submit].ghost.green:hover{border-color:#34b579;color:#237a51}
 
 .button.link,button.link,input[type=button].link,input[type=reset].link,input[type=submit].link{background-color:transparent;border-color:transparent;color:#424242}
 
 .button.link:focus,.button.link:hover,button.link:focus,button.link:hover,input[type=button].link:focus,input[type=button].link:hover,input[type=reset].link:focus,input[type=reset].link:hover,input[type=submit].link:focus,input[type=submit].link:hover{color:#703c86}
 
 fieldset{background-color:#98a2a3;border:2px solid rgba(125,138,139,.75);margin:0 0 .75em;padding:1.5em}
 label{font-weight:600;margin-bottom:.375em}
 
 label.required::after{content:"*"}
 
 .benefits::after,.contribiute::after,.footer__wrapper::after,.header__wrapper::after,.nav::after,.page-docs .header::after,.section__row::after{content:"";clear:both}
 
label abbr{display:none}
input:not([type]),input[type=number],input[type=search],input[type=color],input[type=date],input[type=datetime],input[type=datetime-local],input[type=email],input[type=month],input[type=password],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],select[multiple=multiple],textarea{background-color:#fff;border:2px solid rgba(125,138,139,.75);border-radius:6px;box-shadow:inset 0 1px 3px rgba(0,0,0,.06);box-sizing:border-box;font-family:Karla,sans-serif;font-size:18px;margin-bottom:.75em;padding:.5em;transition:border-color;width:100%}
 
 .section__row{display:block}.section__row::after{display:table}
 
 
/* 
 .footer,.section+.section{}img,picture{margin:0;max-width:100%}pre{margin:9px 0 27px}pre.inline,pre.inline *{display:inline}blockquote{border-left:3px solid #fde08e;padding:9px 18px;margin-left:0}.color--red{color:#fd5353!important}.color--blue{color:#77a7fb!important}.color--orange{color:#fdb353!important}.color--green{color:#34b579!important}.color--yellow{color:#fbcb43!important}.color--dark-gray{color:#424242!important}.color--medium-gray{color:#7d8a8b!important}.color--light-gray{color:#eee!important}.section{padding-bottom:92px}.section+.section{padding-top:92px}.section__part{float:left;display:block;margin-right:2.35765%;width:100%}.section__part:last-child{margin-right:0}.section__part.narrow{float:left;display:block;margin-right:2.35765%;width:48.82117%;margin-left:25.58941%}.section__part.narrow:last-child{margin-right:0}
*/ 
 

 
 @media screen and (max-width:800px){.section__part.narrow{float:left;display:block;margin-right:2.35765%;width:65.88078%;margin-left:17.05961%}.section__part.narrow:last-child{margin-right:0}}
 .section__desc,.section__lead{text-align:center}
 .section__desc+.section__desc,.section__desc+.section__lead,.section__lead+.section__desc,.section__lead+.section__lead{margin-top:45px}
 
 
 @media screen and (max-width:768px){.section{padding-bottom:36px}.section+.section{padding-top:36px}.section__part.narrow{float:left;display:block;margin-right:2.35765%;width:82.94039%;margin-left:8.5298%}.section__part.narrow:last-child{margin-right:0}.section__lead h1{font-size:1.5em}
 
 .nav>*+*{margin-top:18px}}
 
 .section__desc h3{font-family:Karla,sans-serif;font-weight:400;color:#7d8a8b}.page-docs .header{max-width:960px;margin-left:auto;margin-right:auto}.page-docs .header::after{display:table}.header__wrapper{display:block;padding:45px 2.35765% 18px}.header__wrapper::after{display:table}
 
 /*.nav{display:block}*/
 
 .nav::after{display:table}.nav__logotype{float:left;display:block;margin-right:2.35765%;width:48.82117%}.nav__logotype:last-child{margin-right:0}
 
 
 @media screen and (max-width:768px){.nav__logotype{float:left;display:block;margin-right:2.35765%;width:100%;text-align:center}.nav__logotype:last-child{margin-right:0}}.nav__logotype img{height:46px;width:auto}.nav__menu{display:block;margin-right:2.35765%;width:48.82117%;float:right;text-align:right}.nav__menu:last-child{margin-right:0}
 
 
 
 @media screen and (max-width:768px){.nav__menu{display:none}}.nav__menu ul li{display:inline-block}.nav__menu ul li:last-child{margin-left:15px}.benefits,.contribiute,.footer__wrapper{margin-left:auto;max-width:960px}.benefits{margin-right:auto}.benefits::after{display:table}.benefits__item{float:left;display:block;margin-right:2.35765%;width:31.76157%;padding:2.35765%}.benefits__item:last-child{margin-right:0
 
 
 
 }@media screen and (max-width:768px){.benefits__item{float:left;display:block;margin-right:2.35765%;width:100%;text-align:center}.benefits__item:last-child{margin-right:0}}.benefits__icon{width:48px;height:auto;display:inline-block;margin-bottom:36px}.benefits__icon.bem{width:27px}.contribiute{margin-right:auto}.contribiute::after{display:table}.contribiute__content{float:left;display:block;margin-right:2.35765%;width:65.88078%;padding:2.35765%}.contribiute__content:last-child{margin-right:0}
 
 
 @media screen and (max-width:768px){.contribiute__content{float:left;display:block;margin-right:2.35765%;width:100%;text-align:center}.contribiute__content:last-child{margin-right:0}}.contribiute__buttons{float:left;display:block;margin-right:2.35765%;width:31.76157%;padding:2.35765%}.contribiute__buttons:last-child{margin-right:0}
 
 
 @media screen and (max-width:768px){.contribiute__buttons{float:left;display:block;margin-right:2.35765%;width:100%}.contribiute__buttons:last-child{margin-right:0}}.contribiute__buttons>*+*{margin-top:9px}.footer__wrapper{margin-right:auto}.footer__wrapper::after{display:table}.footer__copy,.footer__links{display:block;padding:2.35765%;float:left}.footer__copy{margin-right:2.35765%;width:48.82117%;line-height:1}.footer__copy:last-child{margin-right:0}
 
 
 @media screen and (max-width:768px){.footer__copy{float:left;display:block;margin-right:2.35765%;width:100%;text-align:center}.footer__copy:last-child{margin-right:0}}.footer__links{margin-right:2.35765%;width:48.82117%;text-align:right}.footer__links:last-child{margin-right:0}
 
 
 @media screen and (max-width:768px){.footer__links{float:left;display:block;margin-right:2.35765%;width:100%;text-align:center}.footer__links:last-child{margin-right:0}}.footer__links ul li{display:inline-block;margin-left:9px}.slider{background:url(../images/body-bg.png) top left repeat-x;background-size:auto 100%;margin-bottom:36px}.slider.is-loading:after{-moz-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear;content:"\f1ce";position:absolute;top:50%;left:50%;z-index:1;display:inline-block;font:2em FontAwesome;margin-left:-18px;margin-top:-18px}.slider__wrapper{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;padding:3vw 0}.slider__wrapper.is-hidden{opacity:0}.slider__wrapper.is-visible{opacity:1}

.slider__slide{-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%}
 
 .slider__slide.active{-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);-o-transform:scale(1.02);transform:scale(1.02)}

.slider__slide.pre{-webkit-transform:perspective(60em) rotateY(18deg);-moz-transform:perspective(60em) rotateY(18deg);-ms-transform:perspective(60em) rotateY(18deg);-o-transform:perspective(60em) rotateY(18deg);transform:perspective(60em) rotateY(18deg)}

.slider__slide.following{-webkit-transform:perspective(60em) rotateY(-18deg);-moz-transform:perspective(60em) rotateY(-18deg);-ms-transform:perspective(60em) rotateY(-18deg);-o-transform:perspective(60em) rotateY(-18deg);transform:perspective(60em) rotateY(-18deg)}

.slider__slide>.bg{width:100%;height:420px;height:54vh;border-radius:12px;outline:transparent solid 1px; }
 
 .slider__slide>.bg.i-1{background:url(../images/img2.jpg); background-repeat: no-repeat; background-size: cover; background-position: center top;}
 .slider__slide>.bg.i-2{background:url(../images/img1.jpg); background-repeat: no-repeat; background-size: cover; background-position: center top;}
 .slider__slide>.bg.i-3{background:url(../images/img3.jpg); background-repeat: no-repeat; background-size: cover; background-position: center top;}
 .slider__slide>.bg.i-4{background:url(../images/img4.jpg); background-repeat: no-repeat; background-size: cover; background-position: center top;}
 .slider__slide>.bg.i-5{background:url(../images/img5.jpg); background-repeat: no-repeat; background-size: cover; background-position: center top;}
 .slider__slide>.bg.i-6{ background-repeat: no-repeat; background-size: cover; background-position: center top;}
 .slider__slide>.bg.i-7{ background-repeat: no-repeat; background-size: cover; background-position: center top;}
 .slider__slide>.bg.i-8{ background-repeat: no-repeat; background-size: cover; background-position: center top;}
 .slider__slide>.bg.i-9{ background-repeat: no-repeat; background-size: cover; background-position: center top;}
 .slider__slide>.bg.i-10{ background-repeat: no-repeat; background-size: cover; background-position: center top;}
 .slider__slide>.bg.i-11{ background-repeat: no-repeat; background-size: cover; background-position: center top;}
 
 
 .slider__bullets{z-index:3}
 .glide--horizontal .slider__bullets{bottom:16%}
 .slider__bullets>*{width:16px;height:16px;padding:0}
 .slider__bullets>.active{background-color:#fff!important}
 .slider__bullets>:focus,.slider__bullets>:hover{border:2px solid #fff;background-color:rgba(255,255,255,.5)}
 .slider__arrow:focus,.slider__arrow:hover{background-color:transparent}
 .box{text-align:center;color:#fff;padding:54px 18px;font-size:2em;margin-left:15px;margin-right:15px;border-radius:6px}
 .docs{background-color:#f6f6f6;padding-top:92px;margin-top:18px;border-top:1px solid #eee}
 .docs__wrapper{max-width:960px;margin-left:auto;margin-right:auto}
 .docs__wrapper::after{clear:both;content:"";display:table}
 .docs__sidebar{float:left;display:block;margin-right:2.35765%;width:14.70196%;padding:2.35765%}
 .docs__sidebar:last-child{margin-right:0}
 
 
 
 
 
.slider__slide>.bg.i-1 img{
	width: 100%;
   /* height: 54vh; */
    border-radius: 12px;
    outline: transparent solid 1px;
	} 
 

.photo_title{ background:rgba(0%, 0%, 0%, 0.6);
width:100%; height:80px;
        position:absolute;
		left:0;
		bottom:0;
		z-index:999;
		border-bottom-left-radius:12px;
		border-bottom-right-radius:12px;
		font-family: 微軟正黑體; color:#ffffff;
		font-size:16px;
		}
 
 .photo_title p{
	margin-top:15px;
	margin-left:30px;
	overflow: hidden;
		}


 
 @media screen and (max-width:768px){
	 .docs__sidebar{display:none}}.docs__content{float:left;display:block;margin-right:2.35765%;width:82.94039%;padding:2.35765%}.docs__content:last-child{margin-right:0
	 
	 
	 
	 
	 }@media screen and (max-width:768px){.docs__content{float:left;display:block;margin-right:2.35765%;width:100%}.docs__content:last-child{margin-right:0}}.docs__content ul{list-style-type:disc;padding-left:1em}.up{position:fixed;bottom:36px;right:36px}
	 
	 
  @media screen and (max-width:768px){

/*修改照片寬度*/ 
.glide__track li{ width:180px!important; } 
 
  }