.breadcrumbs{opacity:0;}
.breadcrumbs{position:relative;z-index:10;overflow:hidden;margin-top:50px;text-transform:uppercase;font-weight:600;font-size:16px;line-height:1;}
.breadcrumbs *{display:inline-block;}
.breadcrumbs ul{overflow:hidden;margin:0 0 1.5em 1rem;padding:0;}
.breadcrumbs a{color:#888;}
.breadcrumbs li:last-child a{color:#333;}
.breadcrumbs ul>li{transition:all .5s ease;transform:translateY(120%);}
.breadcrumbs ul>li.show{transform:none;}
.breadcrumbs ul>li:last-child:after{content:none;}
.breadcrumbs .active{color:#333;}
.single-portfolio-slider-wrapper{opacity:0;position:fixed;top:calc(50vh + 52.5px);z-index:600;width:100%;margin-top:-105px;padding:0 50px;visibility:hidden;transition:1s ease;
	display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}
.single-portoflio-slider-nav{width:auto;height:105px;max-width:430px;background:rgba(250,204,22,.56);box-shadow:0 0 30px rgba(0,0,0,.4);opacity:.8;
	display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
.single-portoflio-slider-nav:hover .single-portfolio-text-wrapper{max-width:295px;transition-delay:0s;}
.single-portoflio-slider-nav:hover .single-portfolio-text-arrow span,.single-portoflio-slider-nav:hover .single-portfolio-text-project span{bottom:0;transition-delay:350ms;}
.next-portfolio{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;}
.next-portfolio .single-portfolio-text-wrapper{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;}
.next-portfolio .single-portfolio-arrow.prev-portfolio-arrow::before{transform:rotate(0);}
.next-portfolio .single-portfolio-text span{padding-left:30px;}
.prev-portfolio .single-portfolio-text span{padding-right:30px;}
.single-portfolio-text-wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;height:100%;max-width:105px;background-color:#facc16;transition:350ms ease;transition-delay:350ms;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
.single-portfolio-thumnail{height:105px;}
.single-portfolio-arrow{height:100%;text-align:center;}
.single-portfolio-arrow::before{display:block;width:105px;font-size:6.5px;line-height:105px;transition:350ms ease;transform-origin:center;}
.single-portfolio-arrow.prev-portfolio-arrow::before{transform:rotate(180deg);}
.single-portfolio-text{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;overflow:hidden;width:100%;height:100%;max-width:270px;transition:350ms ease;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
.single-portfolio-text-arrow,.single-portfolio-text-project{overflow:hidden;line-height:1;}
.single-portfolio-text-arrow span,.single-portfolio-text-project span{position:relative;bottom:-100%;transition:350ms ease;}
.single-portfolio-text-arrow{margin:0;height:40px;font-size:36px;font-family:"微軟正黑體","Helvetica Neue",Helvetica,Arial,sans-serif;}
.single-portfolio-text-project{margin:10px 0 0;height:16px;color:#fff;}
.single-portfolio-count{position:relative;bottom:141px;z-index:301;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:25px 0;border-radius:100px;background-color:#facc16;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around;}
.single-portfolio-count .portfolio-cat{margin-right:0;}
.single-portfolio-count .portfolio-cat:hover span::after{color:#fff;}
.single-portfolio-count .active-sp-count span{color:#fff;}
.single-portfolio-count .active-sp-count span small{color:#fff;}
.single-portfolio-count .active-sp-count span::after{color:#fff;}
.team-wrapper{position:relative;padding-bottom:200px;}
.t-second-row>div:nth-child(2){top:260px;}
.t-second-row>div:nth-child(3){top:70px;}
.t-second-row>div:nth-child(4){top:190px;}
.t-third-row>div:nth-child(2){top:-200px;left:306px;}
.t-third-row>div:nth-child(3){top:-300px;left:306px;}
.team-mid-row{position:relative;margin:150px 0;width:50%;}
.team-mid-row p{position:relative;z-index:99969999;margin:0;color:#333;font-size:60px;font-family:"微軟正黑體","Helvetica Neue",Helvetica,Arial,sans-serif;line-height:1.2;}
.team-mid-row.tmr-1{margin-left:25%;}
.team-mid-row.tmr-1 span{top:0;left:100px;}
.team-mid-row.tmr-2{margin-top:400px;}
.team-mid-row.tmr-2 span{top:-60px;left:-50px;}
.team-mid-row.tmr-2.first_team{margin-top:100px;}
.founder .team-member-container{width:50%;}
.t-third-row.founder>div:nth-child(2){left:0;}
.team-member-container{position:relative;z-index:10;float:left;padding:0 15px;width:25%;}
.team-member-container.dropped{opacity:.5;transition:all .4s ease;transform:scale(.8);}
.team-member-container.last-moved{z-index:101;}
.team-member-container.ui-draggable-dragging .team-member .write-text .outer-wrapper .inner-wrapper{transform:translateY(100%);}
.team-member-container.ui-draggable-dragging .team-member .member-thumb:after{width:100%;}
.team-member{position:relative;}
.team-member .member-thumb{position:relative;overflow:hidden;}
.team-member .member-thumb:after{position:absolute;top:0;left:0;display:block;width:0;height:100%;background-color:rgba(33,33,33,.5);content:'';transition:all .6s ease;}
@supports (mix-blend-mode:overlay){.team-member .member-thumb:after{background-color:#333;mix-blend-mode:overlay;}
}
.team-member img{display:block;}
.team-member .member-info-wrapp{position:absolute;margin:20px 0 0 10px;}
.team-member h3{margin:0;color:#333;font-weight:500;font-size:24px;font-family:"微軟正黑體","Helvetica Neue",Helvetica,Arial,sans-serif;line-height:1.5;}
.team-member p{display:none;}
.team-member .write-text .outer-wrapper .inner-wrapper{transition:all .6s cubic-bezier(.85,.1,.25,1);}
.team-member:hover .write-text .outer-wrapper .inner-wrapper{transform:none;}
.team-member:hover span .write-text .outer-wrapper .inner-wrapper{transition:all .6s cubic-bezier(.85,.1,.25,1) .2s;}
.team-member:hover .member-thumb:after{width:100%;}
.mix-blend-mode-no .team-member .member-thumb:after{background-color:transparent;mix-blend-mode:multiply;}
.content-indent ol{padding-bottom:30px;}
.seo-site .order-form-seo{display:block;}
.one-third-width{position:relative;width:calc((100% - 25px)/ 3);}
.one-third-width:not(:nth-child(2n+2)){margin-left:25px;}

.seo-form-wrapper .one-third-width{width:calc(100% / 3 - 25px);}
.seo-form-wrapper .one-third-width:not(:nth-child(3n+2)){margin-left:calc(75px / 2);}
.site-privacy h3{font-size:32px;}
.site-privacy h5{font-size:24px;}
.web-design-system{position:absolute!important;top:50px;right:0;width:50%;}
.web-design-system img{width:100%;}

.app_develop img{margin:10px auto;width:300px!important;}
.order-section-padding{padding-bottom:60px;}
.order-section-padding{padding-top:60px!important;}
.pricing_list .team-row{padding-bottom:300px;}
.pricing_list .bigletter{top:0;font-size:200px;}

.pricing{margin:0;padding-left:0;border:1px solid #f0f0f0;background:rgba(255,255,255,.6);color:#777;text-align:center;font-size:14px;}
.pricing img{display:block;margin:auto;width:32px;}
.pricing li:first-child,.pricing li:last-child{padding:20px 13px;}
.pricing li{padding:13px;}
.pricing li+li{border-top:1px solid #f0f0f0;}
.pricing big{font-weight:800;font-size:32px;}
.pricing h3{margin-bottom:0;font-size:36px;}
.pricing span{color:#999;font-weight:400;font-size:12px;}
.pricing li:nth-last-child(2){padding:30px 13px;}
.pricing a{margin:auto;padding:9px 24px;width:auto;outline:0;border:none;border-radius:50px;background:#aaa;color:#fff;font-weight:700;font-size:15px;opacity:1;transition:opacity .2s ease;}
.pricing a:hover{opacity:.9;}
.pricing a:active{box-shadow:inset 0 2px 2px rgba(0,0,0,.1);}

.p-green big,.p-green h3{color:#4c7737;}
.p-green a{background:#4c7737;}
.p-yel big,.p-yel h3{color:#ffbb42;}
.p-yel a{background:#ffbb42;}
.p-red big,.p-red h3{color:#e13c4c;}
.p-red a{background:#e13c4c;}
.p-blue big,.p-blue h3{color:#3f4bb8;}
.p-blue a{background:#3f4bb8;}
.special_price_list{margin-top:200px;}
.special_price_list .bigletter{left:-20px;z-index:-1;}
.special_price_list .section-content,.special_price_list ul{position:relative;width:75%;}
.special_price_list ul li{position:relative;float:left;margin-bottom:30px!important;padding-left:40px;width:33.33333%;color:#333;text-transform:uppercase;font-weight:500;font-size:18px;line-height:1;}
.special_price_list ul li:before{display:none!important;}
.special_price_list ul li:after{position:absolute;top:50%;left:15px;display:block;content:'+';line-height:1;transform:translateY(-50%);}
#price_director ul{margin:75px 0 -50px 25%;padding:0;}
#price_eshop ul{margin:75px 25% -50px 0;padding:0;}
#price_eshop .draggable-btn{position:absolute;top:180px;right:15px;}

.e_shop_price{top:initial!important;bottom:-10px;left:initial!important;font-size:62px!important;}



.home-webdevelopment>.container{position:relative;}
.home-webdevelopment>.container .bigletter{top:75px;left:0;z-index:99;}
#homegraphdesign>.container .bigletter{top:-75px;right:0;z-index:99;}
.home-webdevelopment .draggable-btn{position:absolute;top:180px;right:15px;transform:translateX(50%);}
.home-webdevelopment ul li:before{content:none;}
.home-webdevelopment .inner-wrapper{width:65%;}
.home-webdevelopment .section-content{width:70%;}
.home-graphicdesign{z-index:11;}
.home-graphicdesign>.container{position:relative;}
.home-graphicdesign>.bigletter{top:-10px;right:15%;color:#facc16;}
.home-graphicdesign>.container .section-image{margin-top:-100px;margin-bottom:-100px;padding-top:100px;padding-bottom:100px;}
.home-graphicdesign>.container .pic-overlay{position:relative;top:-400px;}
.home-graphicdesign .section-image{width:48%;}
.home-graphicdesign .section-content{position:absolute;top:40px;right:0;z-index:999999;width:calc(45% + 60px);}
.home-graphicdesign .draggable-btn{position:absolute;right:25%;bottom:0;transform:translate(50%,50%);}



/*媒体查询--------------------------------------------------------------*/
@media only screen and (max-width:2560px){
	.single-portfolio-slider-wrapper{position:relative;top:0;visibility:visible;margin-top:-1px;margin-bottom:-1px;padding:42px 0 12px;background-color:#fff;opacity:1;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
	.single-portoflio-slider-nav{height:80px;}
	.single-portfolio-thumnail{height:80px;}
	.single-portfolio-arrow::before{font-size:4.5px;line-height:80px;}
	.single-portfolio-text-arrow{height:20px;font-size:20px;}
	.single-portfolio-text-project{height:12px;font-size:12px;}
	.next-portfolio .single-portfolio-text p,.prev-portfolio .single-portfolio-text p{padding-right:20px;}
}
/*----------------------------------------------------------------------*/
@media only screen and (max-width:1900px){
	.team-mid-row p{font-size:80px;}
}
/*----------------------------------------------------------------------*/
@media only screen and (max-width:1650px){
	.home-webdevelopment ul li{font-size:18px;}
	.home-graphicdesign .draggable-btn{bottom:-80px;}
	.single-portfolio-count .portfolio-cat{bottom:0!important;}
	.team-wrapper{padding-bottom:250px;}
	.t-third-row>div:nth-child(2){left:232px;}
	.t-third-row>div:nth-child(3){left:232px;}
	.team-mid-row p{font-size:70px;}
}
/*----------------------------------------------------------------------*/
@media (max-width:1440px){
	.special_price_list .bigletter{left:10px;}
	.home-graphicdesign>.container .bigletter{right:0;z-index:9999;}
	.home-graphicdesign .draggable-btn{bottom:-20px;}
}
/*----------------------------------------------------------------------*/
@media (max-width:1024px){
	.pricing big{font-size:24px;}
	.pricing h3{font-size:28px;}
	.pricing a{font-size:14px;}
	.pricing li{font-size:12px;}
	#price_director ul,#price_eshop ul{margin:30px auto;}
	.special_price_list .section-content,.special_price_list ul{width:95%;}
	.special_price_list ul li{font-size:16px;}

}
/*----------------------------------------------------------------------*/
@media only screen and (max-width:991px){
	.one-third-width{width:100%;}
	.one-third-width:not(:nth-child(2n+2)){margin-left:0;}
	.seo-form-wrapper .one-third-width{width:100%;}
	.seo-form-wrapper .one-third-width:not(:nth-child(3n+2)){margin-left:0;}
}
/*----------------------------------------------------------------------*/
@media (max-width:768px){
	.home-webdevelopment .section-content,.home-webdevelopment ul{width:100%;}
	.home-webdevelopment ul{margin:40px 0 0;}
	.home-webdevelopment ul li{margin-bottom:25px;font-size:16px;}
	.home-webdevelopment ul li:nth-child(-n+6){margin-bottom:25px;}
	.home-webdevelopment .draggable-btn{position:relative;top:auto;right:auto;margin:0 0 0 auto;transform:none;}
	.home-graphicdesign>.container{display:-webkit-flex;display:-moz-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;}
	.home-graphicdesign>.container .bigletter{top:-71px;right:auto;left:-37px;}
	.home-graphicdesign .section-image{margin:-70px auto 0;-webkit-box-ordinal-group:2;-ms-flex-order:2;-webkit-order:2;order:2;}
	.home-graphicdesign .section-image.show{margin:40px auto 0;padding:0;}
	.home-graphicdesign .section-image.show img:not(.plx){content:url(../../images/home/web/dw.png);}
	.home-graphicdesign .section-image .pic-overlay{display:none;}
	.home-graphicdesign .section-content{position:relative;top:auto;right:auto;width:100%;transform:none;-webkit-box-ordinal-group:1;-ms-flex-order:1;-webkit-order:1;order:1;}
	.home-graphicdesign .draggable-btn{position:relative;right:auto;bottom:auto;margin:20px auto 0;width:60px;-webkit-transform:none;transform:none;-ms-transform:none;-webkit-box-ordinal-group:3;-ms-flex-order:3;-webkit-order:3;order:3;}
	.home-graphicdesign .container .bigletter{top:-55px;right:auto;left:unset;transform:translateX(0);}
	.home-graphicdesign .section-image{width:100%;}
	.breadcrumbs{margin-top:50px!important;}
	.breadcrumbs{margin-top:30px!important;margin-bottom:20px;line-height:1.5;}
	/*.single-portfolio-count .portfolio-cat{padding-left:15px;}*/
	.single-portfolio-count{position:static;bottom:auto;margin:0 auto 60px;width:100%;max-width:650px;border-radius:25px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
	.portfolio-cat{margin:5px 0;}
	.team-wrapper{padding-bottom:100px;}
	.content-indent ol{padding-bottom:20px;}
	.t-second-row>div:nth-child(2){top:0;}
	.t-second-row>div:nth-child(3){top:0;margin-top:30px;}
	.t-second-row>div:nth-child(4){top:0;margin-top:30px;}
	.t-third-row>div:nth-child(2){top:0;left:0;}
	.t-third-row>div:nth-child(3){top:0;left:0;margin-top:30px;}
	.team-mid-row.tmr-1 span{top:-40px;left:0;}
	.team-mid-row.tmr-2{margin-top:90px;margin-left:20%;}
	.team-mid-row.tmr-2 span{top:-40px;left:0;}
	.team-mid-row{margin:90px 0;}
	.team-mid-row p{font-size:30px;}
	.team-member-container{padding:0 7px;width:50%;}
	.team-member .member-info-wrapp{position:relative;margin:15px 0 0 10px;}
	.team-member img{width:100%;}
	.team-member h3{font-size:14px;}
	.team-member .job-position{display:block;margin-top:5px;font-size:12px;}
	.team-member .write-text .outer-wrapper .inner-wrapper{transform:none;}
	.team-member .member-thumb:after{content:none;}
	.team-member .job-position{white-space:nowrap;font-size:11px;}

	.home-webdevelopment>.container .bigletter{top:-100px;left:45px;}
	.home-webdevelopment ul li{float:none;margin-bottom:10px;padding-left:14vw;width:100%;font-size:14px;}
	.home-webdevelopment ul li::after{left:9vw;}
	.home-webdevelopment ul li:nth-child(-n+6){margin-bottom:10px;}
	.home-webdevelopment .section-content{position:static!important;width:100%!important;}
	.home-webdevelopment .draggable-btn{top:-50px;}

	.team-mid-row{width:80%;}
	.team-wrapper span.bigletter{font-size:160px;}
	.team-wrapper .bigletter{font-size:160px;}
	.team-wrapper p{font-size:80px;}

	.special_price_list{margin-top:40px;}
	.special_price_list .section-content,.special_price_list ul{width:100%!important;}
	.special_price_list p{margin-bottom:20px!important;font-size:18px!important;}
	.special_price_list ul{margin:40px 0 0!important;width:100%!important;}
	.special_price_list ul li{float:none!important;margin-bottom:18px!important;padding-left:5vw!important;width:100%!important;font-size:16px!important;}
	.special_price_list ul li:after{left:0!important;}
	.special_price_list .section-title{font-size:32px;line-height:40px;}
	.special_price_list .bigletter:not(.e_shop_price){top:-50px!important;left:42px!important;z-index:-1!important;}

	.web-design-system{margin:0 auto;width:80%;max-width:750px;}
	.web-design-system{position:static!important;top:0;}

	.pricing_list .team-row{padding-bottom:100px;}
	.pricing_list .team-mid-row p{font-size:42px;}
	.pricing_list .team-mid-row.tmr-1{margin-left:5%;}

	.pricing big{font-size:28px;}
	.pricing h3{font-size:24px;}

	#price_eshop{margin-top:50px;}
	#price_eshop .draggable-btn{top:0;}
	.e_shop_price{font-size:50px!important;}
}
/*----------------------------------------------------------------------*/
@media (max-width:568px){
	.home-webdevelopment .draggable-btn{top:200px;right:0;margin:0 0 0 auto!important;}
	.team-wrapper p{font-size:34px;}
	.pricing_list .team-member-container{margin-top:30px;}
	.e_shop_price{bottom:15px!important;font-size:24px!important;}
	.special_price_list .draggable-btn{margin-top:0!important;height:80px;}
	.pricing_list .team-member-container{margin-top:30px;}
	.team-member-container{width:100%;}
	.breadcrumbs{margin-bottom:0;}
	.breadcrumbs{margin-top:30px!important;}
	.single-portfolio-text-wrapper{max-width:60px;}
	.single-portfolio-arrow::before{width:60px;}
}


/*----------------------------------------------------------------------*/
@media (min-width:769px){
	.web-design>.container{display:flex;padding:0 100px;}
	.web-design .section-content,.web-design .section-image{display:inline-block;margin:0!important;width:50%;flex:1;}
	.web-design{display:flex;padding-bottom:80px;}
	.web-design>*{flex:1;}
	.home-graphicdesign>.container .bigletter{transform:translateX(0);-ms-transform:translateX(0);}
	.home-graphicdesign .section-content{width:calc(40% + 60px);}
	.home-webdevelopment .section-content{width:60%;}
}
/*----------------------------------------------------------------------*/
@media only screen and (min-width:1025px){
	.home-webdevelopment .draggable-btn{top:400px;right:200px;}
}
/*----------------------------------------------------------------------*/
@media (min-width:1360px){
	.team-wrapper span.bigletter{font-size:200px;}
}