@charset "utf-8";
/* CSS Document */

body, html { height:100%; }
body {
	font-family: 'Lato', '微軟正黑體', sans-serif;
	font-size: 16px;
	line-height:1.5;
	color: #333;
}
a{color:#000;text-decoration:none;cursor:pointer;}
a:hover{text-decoration:none;color:#777;-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear}
:focus{outline: none}
/*---------------------- 基礎設定 ----------------------*/
/*反白設定*/
::selection { background: #666; color: #FFF; }
::-moz-selection { background: #666; color: #FFF; }

/*元件(共用)*/
.input1, .textarea, .select { background: #FFF; border: 1px solid #CCC; font-family: 'Lato', '微軟正黑體', sans-serif; font-size:15px; line-height:1.1; color:#555; }
.input1:focus, .textarea:focus, .select:focus { border:1px solid #000; }
/*按鈕*/
.btn-style{display:inline-block;color: #0c7a9b;width:auto;padding:5px 30px;margin-bottom:30px;overflow:hidden;position:relative;transition:all 1s;background: transparent;border: solid 1px #0c7a9b;}
.btn-style:before{content:"→";position:absolute;left:48%;left:-100%;transition:all .5s}
.btn-style:active{background:#ccc;color:#000;top:2px;transition:all 1s}
.btn-style > span{display:inline-block;transition:all .5s}
.btn-style:hover{color:#fff;background: #0c7a9b;background: rgb(90,172,172);background: -moz-linear-gradient(-45deg, rgba(90,172,172,1) 0%, rgba(12,122,155,1) 100%);background: -webkit-linear-gradient(-45deg, rgba(90,172,172,1) 0%,rgba(12,122,155,1) 100%);background: linear-gradient(135deg, rgba(90,172,172,1) 0%,rgba(12,122,155,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5aacac', endColorstr='#0c7a9b',GradientType=1 );transition: all .3s;}
.btn-style:hover:before{left:48%;transition:all 1s}
.btn-style:hover > span{transform:translateX(300%);transition:all 1s}
/*線(共用)*/
hr { height:1px; background:#CCC; }

/*文字樣式(共用)*/
.white { color: #FFF; }
.gray { color:#999; }
.black { color:#000; }
.blue { color: #0097de; }
.red { color: #be0000; }
.green { color: #19a568; }
.orange { color: #FF6600; }
.yellow { color: #FFFF00; }
.purple { color:#6633CC; }
.brown { color:#6e453c; }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{font-size:2.4rem}
/* 回頂端 */
#goTop{z-index: 99;border:1px solid #CCC;color:#aaa;background:#FFF;text-align:center;position:fixed;bottom:20px;right:20px;width:50px;height:50px;line-height:50px;cursor:pointer;display:none;font-family:Verdana,Geneva,sans-serif;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;-webkit-box-shadow:#EEE 0 0 5px;-moz-box-shadow:#EEE 0 0 5px;box-shadow:#EEE 0 0 5px}
#goTop:hover{background:#999;color:#FFF}
/*-------------------------------*/
/*縮放*/
.action1{-webkit-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);-webkit-transition: all 3s cubic-bezier(0.165, 0.84, 0.44, 1);-moz-transition: all 3s cubic-bezier(0.165, 0.84, 0.44, 1);-o-transition: all 3s cubic-bezier(0.165, 0.84, 0.44, 1);-ms-transition: all 3s cubic-bezier(0.165, 0.84, 0.44, 1);transition: all 3s cubic-bezier(0.165, 0.84, 0.44, 1);}
.action1:hover{-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}

.action2{-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);-webkit-transition: all 3s cubic-bezier(0.165, 0.84, 0.44, 1);-moz-transition: all 3s cubic-bezier(0.165, 0.84, 0.44, 1);-o-transition: all 3s cubic-bezier(0.165, 0.84, 0.44, 1);-ms-transition: all 3s cubic-bezier(0.165, 0.84, 0.44, 1);transition: all 3s cubic-bezier(0.165, 0.84, 0.44, 1);}
.action2:hover{-webkit-transform: scale(0.95);-ms-transform: scale(0.95);transform: scale(0.95);}

.action3{-webkit-transform: scale(.95);-ms-transform: scale(.95);transform: scale(.95);-webkit-transition: all 3s cubic-bezier(0.165, 0.84, 0.44, 1);-moz-transition: all 3s cubic-bezier(0.165, 0.84, 0.44, 1);-o-transition: all 3s cubic-bezier(0.165, 0.84, 0.44, 1);-ms-transition: all 3s cubic-bezier(0.165, 0.84, 0.44, 1);transition: all 3s cubic-bezier(0.165, 0.84, 0.44, 1);}
.action3:hover{-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}

.action4{-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);-webkit-transition: all 3s cubic-bezier(0.165, 0.84, 0.44, 1);-moz-transition: all 3s cubic-bezier(0.165, 0.84, 0.44, 1);-o-transition: all 3s cubic-bezier(0.165, 0.84, 0.44, 1);-ms-transition: all 3s cubic-bezier(0.165, 0.84, 0.44, 1);transition: all 3s cubic-bezier(0.165, 0.84, 0.44, 1);}
.action4:hover{-webkit-transform: scale(1.08);-ms-transform: scale(1.08);transform: scale(1.08);}

/*-------------------------------*/
/*漸變用*/
.gradient-03s{-webkit-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);-moz-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);-o-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);-ms-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);}
.gradient-1s{-webkit-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);-moz-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);-o-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);-ms-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);}

/*---------------------- 頁面開始 ----------------------*/
/*全頁佈局*/
.wrapper {padding: 50px 0;}
.container {padding: 0 30px;}
@media (min-width: 1600px){
	.container {width: 1300px;}
}
/*頁首*/
.header {  }
.header ul {list-style:none;padding:0;margin:0;}

/*主選單*/
.navbar-custom{margin-bottom:0;border-bottom:1px solid rgba(0,0,0,.3);padding:10px 0}
.navbar-custom .container-fluid{padding-left:50px;padding-right:50px}
.navbar-custom .navbar-brand{font-weight:700;height:auto}
.navbar-custom .navbar-brand:focus{outline:0}
.navbar-brand>img{height:130px;max-width:100%;max-height:100%;transition:all .5s}
.navbar-custom .navbar-brand .navbar-toggle{padding:4px 6px;font-size:16px;color:#fff}
.navbar-custom .navbar-brand .navbar-toggle:focus,.navbar-custom .navbar-brand .navbar-toggle:active{outline:0}
.navbar-nav>li>a{padding-top:35px}
.navbar-nav>li>a i{margin-left:10px}
.navbar-custom .nav li > a{-webkit-transition:background .3s ease-in-out;-moz-transition:background .3s ease-in-out;transition:background .3s ease-in-out}
.navbar-custom .nav li > a:hover{outline:0;color:#0c7a9b;background-color:transparent}
.navbar-custom .nav li a:focus,.navbar-custom .nav li a:active{outline:0;background-color:transparent}
.navbar-custom .nav li.active{outline:0}
.navbar-custom .nav li.active > a{color:#5aacac;border-bottom:solid 1px #5aacac}
/* .navbar-custom .nav li.active > a:hover{color:#fff} */
.dropdown-menu{background:rgba(255,255,255,0.8)}
.dropdown-menu>li>a{padding:10px 15px}
.imggs.pc-logo{display:block}
.imggs.m-logo{display:none}


@media(min-width:768px) {
	.navbar-custom{padding: 0;border-bottom:0;letter-spacing:1px;-webkit-transition:background .5s ease-in-out,padding .5s ease-in-out;-moz-transition:background .5s ease-in-out,padding .5s ease-in-out;transition:background .5s ease-in-out,padding .5s ease-in-out;}
	.navbar-custom.top-nav-collapse{padding:0;border-bottom:1px solid rgba(255,255,255,.3);background:#fff;box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);}
	.navbar-custom.top-nav-collapse .navbar-brand{padding-top:5px;padding-bottom:5px;}
	.navbar-custom.top-nav-collapse .navbar-nav>li>a{padding-top:20px;padding-bottom: 20px;}
	.navbar-collapse.collapse{padding-top:10px;}
	.navbar-custom.top-nav-collapse .navbar-brand>img{height:70px}
}

.nav .open > a, 
.nav .open > a:hover,
.nav .open > a:focus { background:none; }


/*次選單*/
.submenu { }
.submenu li { }

/*頁尾*/
footer {position: relative;z-index: 2;padding:50px 50px 0;background: #f4f4f4;color:#fff;text-align:center;font-size:1.4rem;box-shadow: 0 0 50px rgba(0, 0, 0, .3);background: rgb(255,255,255); /* Old browsers */background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 40%, rgba(238,238,238,1) 100%); /* FF3.6-15 */background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 0%,rgba(245,245,245,1) 40%,rgba(238,238,238,1) 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(135deg, rgba(255,255,255,1) 0%,rgba(245,245,245,1) 40%,rgba(238,238,238,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
footer,footer a{color: rgba(0, 0, 0, 0.5);}
footer address{margin-bottom:0}
footer address h4{font-size: 1.8rem;margin-bottom: 15px;font-weight: 700;color: rgba(0, 0, 0, 0.6);}
footer address h4:after,.copyright:before{content:'';width: 80px;height:1px;background: rgba(0, 0, 0, 0.3);display:block;margin: 15px auto;}
.ft-language{list-style: none;margin: 0;padding: 0;}
.ft-language li{display: inline-block;width: 30px;height: 30px;line-height: 30px;font-size: 1.4rem;font-weight: 700;}
.ft-language li.on{background: #666;color: #fff}
.copyright{padding: 0 0 35px;font-size: 1rem;}
/*按鈕*/
.btnWrap { margin:2em 0; text-align:center; }

/*RWD編輯器表格(X捲軸)*/
.table-container table td {
	min-width: 100px;
	padding: 5px;
	border: 1px solid #ccc;
}
@media screen and (max-width: 768px) {
	.table-container { 
		width: 100%;
		overflow-y: auto;
		_overflow: auto;
		margin: 0 0 1em;
	   }
}

/*----banner---*/
.banner{position: relative;height: 20vw;}
.banner:before{content:'';position:absolute;left:0;right:0;top:0;height:50%;background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */}
.carousel{height:450px}
.carousel:hover .carousel-control{display:block}
.carousel .item,.carousel .item.active,.carousel .carousel-inner{height:100%}
.carousel .fill{width:100%;height:100%;background-position:center;background-size:cover}
.carousel .carousel-control{background:none;display:none}
.carousel-control .icon-prev::before,.carousel-control .icon-next::before{content:''}
.carousel-control .icon-prev,.carousel-control .icon-next{width:30px;height:60px;margin:-30px 0 0}
.carousel-control .icon-prev{background:url(../images/all/control-icon.png) 0 0 no-repeat}
.carousel-control .icon-next{background:url(../images/all/control-icon.png) -30px 0 no-repeat}

/*首頁*/
.mj-title{position:relative;margin:0 0 15px;font-size:3rem;font-weight:700;color:#0c7a9b;text-transform: capitalize;}
.mj-title:after{content:'';display:block;width:50px;height:3px;margin:15px 0 0;background:#0c7a9b;background:#5aacac;background:-moz-linear-gradient(-45deg,rgba(90,172,172,1) 0%,rgba(12,122,155,1) 100%);background:-webkit-linear-gradient(-45deg,rgba(90,172,172,1) 0%,rgba(12,122,155,1) 100%);background:linear-gradient(135deg,rgba(90,172,172,1) 0%,rgba(12,122,155,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5aacac',endColorstr='#0c7a9b',GradientType=1)}
.slogan-block{display:none}
.slogan-block .slogan-heading{margin:10px 0 15px;padding:0 30px;color:#0c7a9b;font-weight:700}
.slogan-block .desc{font-size:1.8rem;margin-bottom:0;padding:5px 30px;color:#fff;background:#0c7a9b}
.index-about{position:relative;z-index: 1;background:url(../images/index/bg-floor.png)no-repeat center bottom #fff;}
.index-about:before{content:'';position:absolute;z-index: -2;left:0;top:0;width:100%;height:50%;background:-moz-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);background:-webkit-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);background:linear-gradient(to bottom,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#00ffffff',GradientType=0);}
.index-about .summary{width:50%;padding:15px 0 0}
.index-about .summary *{position:relative;z-index:1}
.index-about .summary + img{position:absolute;z-index: -1;right:10%;bottom:0;width:50%;pointer-events: none}
.index-solution{clear:both;overflow:hidden}
.index-solution .mj{position:relative;width:100%;margin-bottom:30px}
.index-solution .mj h2{position:absolute;z-index:1;left:50%;bottom:50%;width:calc(50% - 100px);margin:0 50px;padding:30px 15px;text-align:center;background:rgba(255,255,255,0.3);color:#fff;text-shadow:0 0 3px #000;border:solid 1px #fff;border:double 4px #fff;-ms-transform:translate(0,50%);-webkit-transform:translate(0,50%);transform:translate(0,50%)}
.index-solution section:last-child .mj h2{left:0}
.index-solution .mj img{max-width:100%}
.blog-block{font-weight:100;margin:0 0 30px;width:100%}
.blog-block a{color:#333;border-radius:5px;box-shadow:#c5cace 0 4px 2px -2px;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition:all 3s cubic-bezier(0.165,0.84,0.44,1);-moz-transition:all 3s cubic-bezier(0.165,0.84,0.44,1);-o-transition:all 3s cubic-bezier(0.165,0.84,0.44,1);-ms-transition:all 3s cubic-bezier(0.165,0.84,0.44,1);transition:all 3s cubic-bezier(0.165,0.84,0.44,1)}
.blog-cover{position:relative;border-radius:5px 5px 0 0;height:20rem;background:url(../images/solution/adornment.png)no-repeat right bottom,#333}
.blog-body{position:relative;z-index:3;margin:0 auto;padding:15px;background:url(../images/solution/adornment.png)no-repeat right bottom,#f1f3f5}
.blog-title h1 a{font-weight:100;font-size:2.4rem}
.blog-title{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 75px;}
.blog-summary p{color:#4d4d4d}
.blog-block a{position:relative;overflow:hidden}
.blog-block :before,.blog-block :after{-webkit-transition:all .3s cubic-bezier(0.165,0.84,0.44,1);-moz-transition:all .3s cubic-bezier(0.165,0.84,0.44,1);-o-transition:all .3s cubic-bezier(0.165,0.84,0.44,1);-ms-transition:all .3s cubic-bezier(0.165,0.84,0.44,1);transition:all .3s cubic-bezier(0.165,0.84,0.44,1)}
.blog-block a:before,.blog-block a:after{content:"";position:absolute;z-index:2;top:0;bottom:0;left:0;right:0;background:#f1f3f5;opacity:.2;-webkit-transition:all .45s ease 0;transition:all .45s ease 0}
.blog-block a:before{-webkit-transform:skewY(30deg) translateY(60%);transform:skewY(30deg) translateY(60%)}
.blog-block:hover a:before{-webkit-transform:skewY(30deg) translateY(20%);transform:skewY(30deg) translateY(20%);-webkit-transition-delay:.05s;transition-delay:.05s}
.blog-block a:after{-webkit-transform:skewY(-30deg) translateY(50%);transform:skewY(-30deg) translateY(50%)}
.blog-block:hover a:after{-webkit-transform:skewY(-30deg) translateY(10%);transform:skewY(-30deg) translateY(10%)}
.blog-block a .blog-cover:before{content:"Learn More";opacity:0;position:absolute;z-index:3;left:50%;top:55%;letter-spacing:.3rem;border-bottom:solid 1px #fff;color:#fff;-ms-transform:translate(-50%,50px);-webkit-transform:translate(-50%,50px);transform:translate(-50%,50px);-webkit-transition:all 2s cubic-bezier(0.165,0.84,0.44,1);-moz-transition:all 2s cubic-bezier(0.165,0.84,0.44,1);-o-transition:all 2s cubic-bezier(0.165,0.84,0.44,1);-ms-transition:all 2s cubic-bezier(0.165,0.84,0.44,1);transition:all 2s cubic-bezier(0.165,0.84,0.44,1)}
.blog-block:hover a .blog-cover:before{opacity:1;-ms-transform:translate(-50%,0);-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}
.blog-block a .blog-header:before,.blog-block a .blog-header:after{content:"";position:absolute;z-index:1;top:0;bottom:0;left:0;right:0;background:#fff;box-shadow:0 0 20px rgba(0,0,0,0.1);opacity:.5;-webkit-transition:all .45s ease 0;transition:all .45s ease 0}
.blog-block a .blog-header:before{-webkit-transform:skewY(30deg) translateY(90%);transform:skewY(30deg) translateY(90%)}
.blog-block:hover a .blog-header:before{-webkit-transform:skewY(30deg) translateY(40%);transform:skewY(30deg) translateY(40%);-webkit-transition-delay:.15s;transition-delay:.15s}
.blog-block a .blog-header:after{-webkit-transform:skewY(-30deg) translateY(80%);transform:skewY(-30deg) translateY(80%)}
.blog-block:hover a .blog-header:after{-webkit-transform:skewY(-30deg) translateY(30%);transform:skewY(-30deg) translateY(30%);-webkit-transition-delay:.1s;transition-delay:.1s}
.blog-block:hover a:before,.blog-block:hover a:after{background:#fff}
.blog-block:hover a .blog-header:before,.blog-block:hover a .blog-header:after{background:#0c7a9b}
/*關於我們*/
.about_inner figcaption{letter-spacing: 1.5px;line-height: 29px;}
.about_inner01{position: relative;}
.about_inner01::before{position: absolute;content: '';background-color: #0c7a9b;z-index: -2;top: -60px;width: 30%;height: 500px;left: 0;}
.about_inner01::after{position: absolute;content: '';background-image: url(../images/about/01-bk.jpg);width: 100%;height: 100%;right: 0;bottom: -50px;z-index: -3;background-repeat: no-repeat;background-position: center bottom;opacity: .7;}
.about_inner01{margin-top: 50px;margin-bottom: 50px;}
.about_inner01 .img_box{position: relative;float: left;width: 450px;box-shadow: 8px 8px 15px -5px rgba(121, 121, 121, 0.6);}
.about_inner01 .img_box::before{position: absolute;content: '';background-color:#eee;top:-20px;left: -20px;z-index: -1; width: 100%;height: 100%;}
.about_inner01 .img_box::after{position: absolute;content: '';background-image: url(../images/about/01-1.png);width: 100%;height: 100%;background-size: contain;background-repeat: no-repeat; z-index: -2;top: -60px;left: -60px;}
.about_inner01 figcaption{float: right;width: calc(100% - 450px - 40px);margin-top: 20px;}
.about_inner02 .img_box{position: relative; display: inline-block;width: 450px;vertical-align: middle;box-shadow: -8px 8px 15px -5px rgba(121, 121, 121, 0.6);}
.about_inner02 .img_box::before{
	position: absolute;
	content: '';
	background-image: url(../images/about/02-1.png);
	width: 100%;
	height: 100%;
	background-size: contain;
	right: -50px;
	top: -50px;
	z-index: -1;
	background-repeat: no-repeat;
	background-position: center bottom;
}
.about_inner02 figcaption{display: inline-block;width: calc(100% - 450px - 10px);vertical-align: middle;padding-right: 40px;}
.about_inner02{position: relative;padding: 70px 0;}
.about_inner02 figcaption img{margin: 0 auto 10px;}
.about_inner02::before{position: absolute;content: '';width: 450px;height: 100%;background-color:#0c7a9b;right: 0;top: 0;z-index: -1;}
.about_inner02::after{position: absolute;content: '';width:100%;height: 60%;background-color: rgba(249, 249, 249, 0.8);z-index:-2;left:0;top:50%;transform:translateY(-50%);}
.about_inner03 figcaption{display: inline-block;vertical-align: bottom;margin-bottom: -25px;}
.about_inner03 .img_box{display: inline-block;vertical-align: bottom}
.about_inner03:nth-of-type(odd) .img_box{width:calc(100% - 400px - 10px);}
.about_inner03:nth-of-type(even) .img_box{width:calc(100% - 500px - 10px);}
.about_inner03 figure{position: relative;margin-bottom: 70px;}
.about_inner03 figure::before{position: absolute;content: '';width: 100%;height: 100%;background-color:#eee;z-index: -1;bottom: -50px;}
.about_inner03:nth-of-type(odd) figure::before{right:-40px}
.about_inner03:nth-of-type(even) figure::before{left:-40px}
.about_inner03:nth-of-type(odd) figcaption{margin-left:-50px;width:400px;}
.about_inner03:nth-of-type(even) figcaption{margin-right:-50px;width:500px;}
.about_inner03 figcaption h3 {position:relative; padding:8px 20px;color:#0c7a9b;font-size:20px;font-style: italic; letter-spacing:1px;background-color: #eee;display:inline-block;}
.about_inner03 figcaption h3::before{position: absolute;content: '';width: 100%;height:1px;background-color:#0c7a9b;bottom:0px;left:0px}
.about_inner03 figcaption p {background-color: #fff;padding: 20px;margin-bottom: 0;position:relative}
.about_inner03 figcaption p::before{position: absolute;content: '';width: 96%;height: 92%;border:2px solid #eee;left:50%;transform:translate(-50%,-50%);top:50%;}
.rwd_show{display: none!important;}

.circle_group{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-line-pack:center;align-content:center}
.circle_group .chart{position:relative;text-align:center;margin: 0 15px 15px;color:#0c7a9b;font-weight:700;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition:all .3s cubic-bezier(0.165,0.84,0.44,1);-moz-transition:all .3s cubic-bezier(0.165,0.84,0.44,1);-o-transition:all .3s cubic-bezier(0.165,0.84,0.44,1);-ms-transition:all .3s cubic-bezier(0.165,0.84,0.44,1);transition:all .3s cubic-bezier(0.165,0.84,0.44,1);}
.circle_group .chart:before,.circle_group .chart:after{content:'';-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:50%;position:absolute;top:-5px;bottom:-5px;left:-5px;right:-5px;z-index:-1;border:1px solid #0f8fac;border-color:transparent #0f8fac;-webkit-transition:all .3s linear;transition:all .3s linear}
.circle_group .percentage-light canvas{position:absolute;left:50%;top:50%;-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.circle_group .chart:hover{background:#ccc;color:#ffeb00;text-shadow:0 0 10px #000;box-shadow:0 0 15px rgba(0,0,0,0.3),0 0 15px rgba(0,0,0,0.5) inset;border-radius:100%;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.circle_group .chart:hover:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.circle_group .chart:hover:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}

.year-group{z-index:1;position:relative}
.each-event{padding:15px;margin: 0 auto 30px;width:180px;position:relative;border-radius:4px;box-sizing:border-box;font-size:2rem;transition:all .3s ease-in-out;text-align:center;}
.each-event .pic{position:relative;display:inline-block;height:150px;width:150px;background-color:#f2f2f2;border-radius:100%;overflow:hidden;border:4px solid #0c7a9b;-webkit-transition: all 3s cubic-bezier(0.165, 0.84, 0.44, 1);-moz-transition: all 3s cubic-bezier(0.165, 0.84, 0.44, 1);-o-transition: all 3s cubic-bezier(0.165, 0.84, 0.44, 1);-ms-transition: all 3s cubic-bezier(0.165, 0.84, 0.44, 1);transition: all 3s cubic-bezier(0.165, 0.84, 0.44, 1);}
.each-event:after{content:'';display: none;position:absolute;z-index:1;top:50%;width:12px;height:12px;border:solid 2px transparent;border-bottom-color:#0c7a9b;-ms-transform:rotate(-45deg) translate(0,-50%);-webkit-transform:rotate(-45deg) translate(0,-50%);transform:rotate(-45deg) translate(0,-50%)}
.each-event:nth-child(odd):after{left:-5px;border-right-color:#0c7a9b}
.each-event:nth-child(even):after{right:-5px;border-left-color:#0c7a9b;-ms-transform:rotate(45deg) translate(0,-50%);-webkit-transform:rotate(45deg) translate(0,-50%);transform:rotate(45deg) translate(0,-50%)}
.each-event .pic img{max-width:100%}
.each-event+.each-event:before{content:'';position:absolute;left:50%;bottom:100%;height:45px;width:2px;margin-left:-1px;background:#0c7a9b}
.each-year a:hover .pic{border: 4px solid #5aacac;}
.waves-group{position:relative;height:100%}
.waves canvas{display:none}
.bg-white2{position:relative;z-index:1;background:-moz-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(255,255,255,1) 88%,rgba(255,255,255,0) 100%);background:-webkit-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(255,255,255,1) 88%,rgba(255,255,255,0) 100%);background:linear-gradient(to bottom,rgba(255,255,255,1) 0%,rgba(255,255,255,1) 88%,rgba(255,255,255,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#00ffffff',GradientType=0);background:#fff;box-shadow:0 0 30px rgba(0,0,0,.3)}
.p2_1a{background:url(../images/solution/2_1advantage/bg.png)no-repeat center top}
	.waves{pointer-events:none;position:fixed;left:0;top:0;right:0;bottom:0;-webkit-filter:grayscale(.9)}
	.waves canvas{display:block;position:absolute;bottom:0}

@media screen and (min-width: 767px) {
	/*首頁*/
	.blog-area{margin-left:-15px;margin-right:-15px}
	.blog-block{float:left;width:calc(50% - 30px);margin-left:15px;margin-right:15px}
	.blog-block:nth-child(2n+1){clear:both}
	.blog-block a{display:block}
	.blog-block:hover a{box-shadow:#4d5053 0 4px 20px -2px;-webkit-transform:scale(1.03);-ms-transform:scale(1.03);transform:scale(1.03)}
	.each-event .event-description{position:absolute;right:100%;top:50%;width:170px;padding:15px;text-align:right;-ms-transform:translate(0,-50%);-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}
	.each-event:nth-child(even) .event-description{right:inherit;left:100%;text-align:left}
	.each-event:after{display: block;}
}
@media screen and (min-width: 999px) {
	/*首頁*/
	.blog-block{width:calc(33.333% - 30px)}
	.blog-block:nth-child(3n+1){clear:both}
	.blog-block:nth-child(2n+1){clear:inherit}
}
@media (max-width: 1350px) { 
	/*主選單*/
	.navbar-brand>img{height: 70px}
}
@media (max-width: 1280px) { 
	/*全頁佈局*/
	.container{width:100%}
	/*首頁*/
	.index-about .summary + img{width: 70%;right: 30px;}
}

@media (max-width: 996px) { 
	/*全頁佈局*/
	.wrapper{padding:15px 0}
	.container{padding:0 15px}
	.wrapper.p2_1a{padding-top: 50px;}
	/*主選單*/
	.navbar-custom{background:#fff}
	.navbar-custom .container-fluid{padding:0 15px}
	.navbar-custom .navbar-brand{height:50px;padding-top: 0;padding-bottom: 0;}
	.navbar-toggle{margin-bottom:0}
	/*首頁*/
	.slogan-block{display: block;}
	.index-solution{margin: 0 0 15px;padding: 30px 0 0;background: url(../images/index/solution1.png) no-repeat center/cover;}
	.index-solution .mj{/* margin-bottom: 60px; */}
	.index-about{padding:0 15px 150px}
	.index-about .summary{width:100%;padding-top: 0;}
	/*關於我們*/
	.about_inner01 {margin: 30px 0 50px;}
	.about_inner01 .img_box {width: 350px;}
	.about_inner01 figcaption {width: calc(100% - 350px - 40px);}
	.about_inner02 {padding: 30px 0 50px;}
	.about_inner02 .img_box {width: 350px;}
	.about_inner02 figcaption {width: calc(100% - 350px - 10px);padding-right: 20px;}
	.about_inner02::before {width: 20%;}
	.about_inner02 .img_box::before {right: -40px;top: -40px;}
	.about_inner03:nth-of-type(odd) figcaption {margin-left: 0;}
	.about_inner03:nth-of-type(even) figcaption {margin-right: 0;}
	.about_inner03 figure {padding-top: 60px;}
	.about_inner03 figcaption h3 {margin-top: 0;}
	.about_inner03 {margin-top: -50px;}
}

@media (max-width: 767px) { 
	.banner {margin-top: 73px;}
	/*主選單*/
	.navbar-nav>li>a{padding-top: 15px;}
	.navbar-nav .open .dropdown-menu>li>a{padding: 15px 30px;}
	.imggs.pc-logo{display: none;}
    .imggs.m-logo{display: block;}
    .navbar-custom .navbar-brand{width: 80%;}
	/*關於我們*/
	.about_inner01 .img_box {float: none;margin: 0 auto;}
	.about_inner01 figcaption {width: 100%;float: none;}
	.about_inner01::before {height: 50%;width: 80%;top: -30px;}
	.about_inner01 .img_box::before {top: -10px;left: -10px;}
	.about_inner01 .img_box::after {top: -30px;left: -40px;}
	.about_inner02 figcaption {display: block;width: 100%;padding-right: 0;}
	.about_inner02 .img_box {display: block;margin: 30px auto;}
	.about_inner02::before {width: 100%;height: 30%;top: auto;bottom: 0;}
	.about_inner03 {margin-top: -70px;}
	.about_inner03:nth-of-type(odd) .img_box {width: 100%;}
	.about_inner03:nth-of-type(odd) figcaption {width: 100%;}
	.about_inner03 figcaption {margin: -20px 0 0;padding: 0 20px;}
	.about_inner03 figcaption p::before {width: 98%;}
	.about_inner03:nth-of-type(odd) figure::before {right: 0;}
	.about_inner03:nth-of-type(even) .img_box {width: 100%;}
	.about_inner03:nth-of-type(even) figcaption {width: 100%;}
	.about_inner03 figure::before {height: 90%;}
	.about_inner03:nth-of-type(even) figcaption {width: 100%;}
	.about_inner03 figure::before {height: 90%;}
	.about_inner03:nth-of-type(even) figure::before {left: auto;}
	.about_inner03 figure {margin-bottom: 20px;}
	.rwd_show{display: block!important;}
	.rwd_none{display: none!important;}
	
}

@media (max-width: 640px) { 
	#goTop { width:100%; left:0; right:0; bottom:0; border-radius:0; border:0; border-top:1px solid #eee; }
	/*footer*/
	footer{padding-bottom:50px}
	/*首頁*/
	.index-about{}
	.index-about .summary + img{width: 90%;}
	.about_inner02 {
		padding: 0;
	}

}
@media (max-width: 480px) { 
	/*首頁*/
	.index-solution .mj h2{left: 30%;padding: 5px;font-size: 21px;width: 50%;}
	.index-solution section:last-child .mj h2{left: -35px;}
	/*關於我們*/
	.about_inner01::before {display: none;}
	.about_inner01 {margin: 0 0 30px;}
	.about_inner01 .img_box {width: 300px;}
	.about_inner02 {padding: 0 0 30px;}
	.about_inner02::before {display: none;}
	.about_inner03 figcaption {padding: 0 10px;margin: -30px 0 0;}
	.about_inner03 figcaption p {padding: 15px;}
	.about_inner03 figcaption p::before {height: 97%;}
	.circle_group .chart{margin-left:5px;margin-right:5px}

}

@media (max-width: 320px) { 

}