@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Lato:100,400,900); /* font */
@import url(https://fonts.googleapis.com/css?family=Monda:400,700); /* font */

/* 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; }
a:hover { color:#777; text-decoration: none; 
    -o-transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition:  all .3s linear; /*連結淡入淡出*/
}

/*---------------------- 基礎設定 ----------------------*/
/*反白設定*/
::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:18px; line-height:1.1; color:#555; }
.input1:focus, .textarea:focus, .select:focus { border:1px solid #000; }

/*線(共用)*/
hr { height:1px; background:#CCC; }
.bold{font-weight:bold;color:rgba(20, 57, 109, 1);}

/*文字樣式(共用)*/
.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; }

/*跳標籤*/
.area_pro{position:relative}
.area_pro .area_abso{position:absolute;left:0;top:-100px;}
.area_pro .area_abso.about02{top:30px;}

/* 回頂端 */
#goTop {
	color: #14396d;
	text-align:center;
	position:fixed;
	z-index: 1;
	bottom:20px;
	right:20px;
	width: 80px;
	cursor:pointer;
	display:none;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 3rem;
	font-weight: 700;
}

#goTop p{font-size: 1.2rem;font-weight:400;letter-spacing: .1rem;}
@media (min-width: 769px) { 
	#goTop:hover p{margin-top: 15px;}
}

.linkBtn{background: #be0000;padding: 4px;color:#fff;border-radius:4px;display: inline-flex;gap: 4px;align-items: center;}
.linkBtn .fas{font-size:14px;}

/*標題*/
.mj-title{margin-bottom: 30px;padding: 0 15px; text-align:  center;}
.mj-title:after{content: '';display: block;width: 40px;height: 5px;margin: 20px auto 0;background: #14396d;}
/*產品編輯器標題*/
.self-editing-zone>.mj-title{margin-bottom: 30px;padding: 0 15px; text-align:  center;}
.self-editing-zone>.mj-title:after{content: '';display: block;width: 40px;height: 5px;margin: 20px auto 0;background: #14396d;}

/*-------------------------------*/
/*縮放*/
.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 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);}
.action4:hover{-webkit-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}

/*-------------------------------*/
/*漸變用*/
.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:3em 0; }
.container {  }
.mt50{margin-top:50px;}
.mt30{margin-top:30px;}
.mt80{margin-top:80px;}
.mt150{margin-top:150px;}

/*頁首*/
.header {  }
.header ul { list-style:none; padding:0; margin:0; }

/*主選單*/
.top-menu{background: rgba(20, 57, 109, .8);text-align:  right;
	-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);
}
.top-menu ul{margin-left: auto;margin-right: auto;}
.top-menu li{display: inline-block;}
.top-menu li a{display: block;padding: 5px 10px;color: #fff;font-size: 1.2rem;}
.navbar .bottom{background: #fff;box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);}
.navbar .bottom .container{padding:0}
.navbar-brand>img{max-height: 100%}

.navbar-custom {margin-bottom: 0;text-transform: uppercase;padding:0;border: none;}
.navbar-custom .navbar-brand {height: 70px;font-weight: 700;padding-bottom: 5px;}
.navbar-custom .navbar-brand:focus {outline: 0;}
.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-custom a {}
.navbar-toggle{width: 60px;height: 50px;margin: 0 15px 0 0;border-radius:0;background: #ffd200;color:#14396d;}
.navbar-custom .navbar-toggle.in{background: #14396d;color: #fff;}
.navbar-custom .collapse.open{display: block!important}
.navbar-custom .nav li > a {
	position: relative;
    padding: 15px 10px;
    text-align: left;
    font-weight:700;
    color:#14396d;
    -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.pc {}
.navbar-custom .nav li > a.mb {display: none;}
.navbar-custom .nav li > a:after{
	content: '';
	position: absolute;
	left: 50%;
	bottom: 0;
	display:  block;
	width: 30px;
	height: 30px;
	margin: 0 0 0 -15px;
	background: url('../images/all/icon_wain2.png')no-repeat center/contain;
	opacity: 0;
	-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);	-o-animation: rotateZ360 7s  linear infinite;
	-webkit-animation: rotateZ360 7s  linear infinite;
	-moz-animation: rotateZ360 7s  linear infinite;
	animation: rotateZ360 7s  linear infinite;
}

.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
    max-height: 550px;
}
.navbar-custom .nav li>.dropdown-menu li > a:hover{background:#14396d;color: #fff;}
.navbar-custom .nav li>.dropdown-menu li > a:after{background:none;}
@-o-keyframes rotateZ360{
	0% { transform: rotateZ(0deg); }
	50% { transform: rotateZ(180deg); }
	100% { transform: rotateZ(360deg); }
}
@-webkit-keyframes rotateZ360{
	0% { transform: rotateZ(0deg); }
	50% { transform: rotateZ(180deg); }
	100% { transform: rotateZ(360deg); }
}
@-moz-keyframes rotateZ360{
	0% { transform: rotateZ(0deg); }
	50% { transform: rotateZ(180deg); }
	100% { transform: rotateZ(360deg); }
}
@keyframes rotateZ360 {
	0% { transform: rotateZ(0deg); }
	50% { transform: rotateZ(180deg); }
	100% { transform: rotateZ(360deg); }
}
.navbar-custom .nav li > a:hover:after, .navbar-custom .nav li.active > a:after{opacity: 1;bottom: -15px;}
.navbar-custom .nav li > a:hover, .navbar-custom .nav li > a:after {outline: 0;color: rgba(0,0,0,.8);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 {background-color: rgba(255,255,255,.3);}
.navbar-custom.top-nav-collapse {padding: 0;border-bottom: 1px solid rgba(255,255,255,.3);}
.navbar-custom.top-nav-collapse .top-menu{
	margin-top: -28px;
	-webkit-transform: scaleY(0);
	-ms-transform: scaleY(0);
	transform: scaleY(0);
	transform-origin:0 0;
}
.navbar-custom.top-nav-collapse .navbar-brand{height:50px}

@media(min-width:769px) {
	.header .navbar-nav{margin-top: 20px;float:  right;}
	.header .navbar-nav li{margin:0 0 0 20px}
	.header .top-nav-collapse .navbar-nav{margin-top: 0}
	.header .navbar-nav li .dropdown-menu li{margin:0px;}
}

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

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



/*聯絡我們*/
.word-info{text-align:left;}

.linfo-rform-map .leftbox{ width: 35%;float: left;margin-left: 5%;    margin-top: 18px;}
.linfo-rform-map .leftbox ul{ list-style:none;padding:0;}
.linfo-rform-map .leftbox i {  float: left;  width: 30px;  text-align: center;  line-height: 26px; color: #D43F3A;}
.linfo-rform-map h3.company {  margin: 0 0 1.5em 0;  position:relative; font-weight: bold;}
.linfo-rform-map h3.company:before { display: block; content: ''; height: 4px; background: #ffd200; position: absolute;left: 0;bottom: -0.5em;width: 3em;}
.linfo-rform-map .leftbox .cimg { margin-top: 3em;}

.linfo-rform-map .rightbox{ width: 50%;float: right;margin-right: 5%; margin-bottom: 2em;}
.linfo-rform-map .rightbox .page_form { padding:0; }
.linfo-rform-map .rightbox h3 { font-size:20px; }
.linfo-rform-map .rightbox h3 i{ float: left;  margin-right: 10px;}
.linfo-rform-map .rightbox form {  margin-top: 25px;}
.linfo-rform-map input, .linfo-rform-map textarea, .linfo-rform-map select.form-control{padding: 7px 6px;margin: 5px 0px 11px;max-width: 95%;width:100%; border-color: #ccc;}
.linfo-rform-map .col-md-6 input, .linfo-rform-map .col-md-6 select.form-control { width: 85%; }
.linfo-rform-map .input3 { width: 20%; }
.linfo-rform-map .page_form i {  padding-right: 7px;  color: #FFB338;}

.cimg img{max-width:100%;}
.linfo-rform-map .leftbox i.fab{float:inherit;font-size:21px;}
.linfo-rform-map .leftbox i.fab.fa-facebook-square{color:#036;}
.text-center.contact{margin-top:30px;}
.hire-word{text-align:center;}
.hire-banner img{max-width:100%;}
.hire-all-info{margin-top:50px;}
.hire-left-box, .hire-right-box{text-align:left;}
.hire-right-box a{color:#039;font-weight:bold;}
@media (max-width: 768px) { 
	.linfo-rform-map .leftbox{ width: 100%;float: none;margin-left: 0%;}
	.linfo-rform-map .rightbox{ width: 100%;float: none; border-top: 1px dashed #e0e0e0; }
	.linfo-rform-map .col-md-6 input, .linfo-rform-map .col-md-6 select.form-control{ width: 100%; }
	.linfo-rform-map .cimg { display:none;}
}
@media (max-width: 480px) { 
	.linfo-rform-map .page_form .flr {  float: none; display: block; text-align: center; margin-top: 1em;}
}


/*頁尾*/
.footer {position:  relative;background: rgba(20, 57, 109, 1);color: #fff;}
.footer a{color: #fff}
.footer a:hover{opacity: .8;}
.copyright{text-align: center;font-size: 1.4rem;}
.footer.home{padding: 5px 0;background: rgba(20, 57, 109, .7);-ms-transform: translate(0,-100%);-webkit-transform: translate(0,-100%);transform: translate(0,-100%);} 
/*按鈕*/
.btnWrap { margin:2em 0; text-align:center; }
.btn-style {
	position: relative;
	display: inline-block;
	padding: 15px 30px;
	color: #fff;
	background: #14396d;
	border: none;
	-webkit-transition: all 0.7s ease;
	transition: all 0.7s ease;
}
.btn-style:hover {
  background: transparent;
  color: #14396d;
}
.btn-style:hover:before,
.btn-style:hover:after {
  -webkit-transition: all 0.7s ease;
  transition: all 0.7s ease;
  width: 100%;
}
.btn-style:before,
.btn-style:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0px;
  width: 0px;
  height: 3px;
  background: #14396d;
  transition: all 0.4s ease;
}
.btn-style:after {
  top: inherit;
  left: inherit;
  bottom: 0;
  right: 0;
}
/*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;
	   }
}
/*卷軸樣式*/
.scrollbar-style::-webkit-scrollbar-track,
body::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #14396d;
}

.scrollbar-style::-webkit-scrollbar,
body::-webkit-scrollbar
{
    width: 8px;
    background-color: #14396d;
}

.scrollbar-style::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb
{
    background-color: #ffd200;
}

body::-webkit-scrollbar{width:8px;}

/*----banner---*/
.banner {height:400px}
.index_banner{position: relative;z-index: 1;}
.index_banner .bannerCarousel{position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: -1;}
.index_banner .bannerCarousel .fill:after{content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;background:rgba(0,0,0,.5);}
.bannerCarousel,
.bannerCarousel .slick-list,
.bannerCarousel .slick-track{width: 100%;height: 100%;}
.bannerCarousel .item{width: 100%;height: 100%;}
.bannerCarousel .fill {
	position: absolute;
	left: 0;right: 0;top: 0;bottom: 0;	
    
    background-position: center;
    background-size: cover;
}
.bannerCarousel .slick-active .fill{
/*	-o-animation: grow 15s  linear 10ms infinite;
	-webkit-animation: grow 15s  linear 10ms infinite;
	-moz-animation: grow 15s  linear 10ms infinite;
	animation: grow 15s  linear 10ms infinite;
*/
	-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);
	animation-direction:alternate;
}
@-o-keyframes grow{
  0% { transform:scale(1)}
  100% { transform:scale(1.2)}
}
@-webkit-keyframes grow{
  0% { transform:scale(1)}
  100% { transform:scale(1.2)}
}
@-moz-keyframes grow{
  0% { transform:scale(1)}
  100% { transform:scale(1.2)}
}
@keyframes grow{
  0% { transform:scale(1)}
  100% { transform:scale(1.2)}
}
.bannerCarousel .slick-prev,.bannerCarousel .slick-next{z-index: 1;}
.bannerCarousel .slick-prev{left: 10%;}
.bannerCarousel .slick-next{right: 10%;}
.bannerCarousel .slick-prev:before,.bannerCarousel .slick-next:before{}
.bannerCarousel .slick-prev:before{}
.bannerCarousel .slick-next:before{}
/*首頁*/
.sixteen{}
.sixteen .time{display: none}

.time_content{width: 100%;
	-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);

}
.index_about{position: relative;z-index: 1;padding: 100px 50px 0;clear: both;overflow: hidden}
.index_about:after{
	content:'';
	position:absolute;
	z-index:1;
	left:0;
	right:0;
	bottom:-1px;
	height:30px;
	background:url('../images/index/index_about_bottom.png')no-repeat center top/cover;

}
.index_about .object{
	position: relative;
	z-index: 1;
	display: inline-block;
	vertical-align: middle;
	width: 45%;
	max-width: 533px;
	margin-left:8%;
	
	-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);
}
.index_about .object .win_main,.index_bg .object .win_obj{}
.index_about .object .win_main{position:relative;z-index:2;}
.index_about .object .win_obj{
	position: absolute;
	top: 0;
	left: 0;
	transform: rotate(0);
	transform-origin: 65.2% 52.4%;
	animation-name: rotateZ;
	animation-duration: 15s;
	animation-timing-function:linear;
	animation-iteration-count: infinite;
	/*animation-direction:alternate; */
}
@-o-keyframes rotateZ{
	from { transform: rotateZ(0); }
	to { transform: rotateZ(-360deg); }
}
@-webkit-keyframes rotateZ{
	from { transform: rotateZ(0); }
	to { transform: rotateZ(-360deg); }
}
@-moz-keyframes rotateZ{
	from { transform: rotateZ(0); }
	to { transform: rotateZ(-360deg); }
}
@keyframes rotateZ {
	from { transform: rotateZ(0); }
	to { transform: rotateZ(-360deg); }
}
.index_about .summary{display:inline-block;vertical-align: middle;width: 45%;max-width: 590px;margin-left: 8%;padding:0 15px;color: #fff;}
.index_about .summary.pc{}
.index_about .summary.mb{display: none}
.index_about .summary .txt{font-size: 2.2rem}
.index_about .summary:before,
.index_about .summary:after{content: '';display: block;width: 40px;height: 5px;margin: 30px 0;background: #fff}
.index_about .summary:after{margin-right:0;margin-left:auto;width:80px}
.index-class{padding: 30px 0 50px}
.quickelements{position: relative;padding:100px 0 80px;background:#e8eef7;background: linear-gradient(139.18deg, rgba(21, 128, 214, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%), url(../images/banner/02.jpg) center top/ cover no-repeat;box-shadow: 0 0 15px rgba(0, 0, 0, 0.8);}
.quickelements.temp2{min-height: 40vw;/* background: #fff; */overflow: hidden;}
.quickelements.temp2 .container{
	position: absolute;
	z-index:1;
    bottom: 30px;
    left: 0;
    right:0;
}
.quickelements.temp2 .quick-link .quick-link-text{color:#fff}
.quickelements .main_bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    height: 120vw;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    -ms-transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
}

.quickelements .movie_data {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 0
}
.quickelements .quick-link{}
.quick-link .item{float: left;width: 33.333%;text-align: center}
.quick-link .quick-link-image{margin-bottom:15px}
.quick-link .quick-link-image img{margin-left: auto;margin-right: auto;}
.quick-link .quick-link-text{color:#14396d;font-size:2rem;font-weight:700}
.windmill-icon{position: absolute;left: 50%;top: -40px;margin-left: -40px;}
.windmill-icon img{
	/*-webkit-filter: brightness(100);*/
	width: 80px;
	height: auto;
	margin: 0 auto;
	-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);
	-o-animation: rotateZ360 10s  linear infinite;
	-webkit-animation: rotateZ360 10s  linear infinite;
	-moz-animation: rotateZ360 10s  linear infinite;
	animation: rotateZ360 10s  linear infinite;
}

/*關於我們*/
.word-all{
    margin: 0 auto;
    margin-top: 50px;
    padding: 15px;
    }
	
.people-info{background:#14396d;color:#fff;margin-top: -21px;padding:10px;text-align:  center;}
.people-info h2{font-size: 19px;font-weight:bold; padding: 10px;}
.people-info p{padding:5px;}
.people-info span{font-size:18px;}
.about-info{margin-top:50px;}
.people-img img{max-width:100%;}
.left-img-box img{max-width:100%;}
.word-right-box{    
    border-left: 5px #14396d solid;
    padding-left: 15px;
    margin-left: 5px;
	margin: 0px;}
.word-right-box-01{float:right;}	
.word-left-box01{
    border-left: 5px #14396d solid;
    padding-left: 15px;
    margin-left: 5px;
	margin: 0px;
	
	}	

.word-right-box h2{
    margin: 0;
    color: #153a6e;
    font-weight: bold;
	padding-bottom: 15px;
	}
.about-pic-01{float:right;}	
/*產品介紹*/
.down-mark{display:none;}
.product-banner{max-width: 470px; margin: 0 auto;padding: 10px 0px;}
.mj-title.pdt:after{background: #ffd200;}
.btn-style.pdt:before, .btn-style.pdt:after{background: #ffd200;}
.btn-style.pdt:hover, .active .btn-style.pdt{color: #ffd200;background: transparent;}
.active .btn-style.pdt:before, .active .btn-style.pdt:after { -webkit-transition: all 0.7s ease;transition: all 0.7s ease;width:100%;}
.product-word{padding-top:120px;color:#fff;}
.img-txt-cross .gridblock{ padding: 30px; }
.img-txt-cross .gridblock:nth-child(even) { background: #f3f3f3; }
.img-txt-cross .gridblock h2.tit{    
    border-bottom: 2px solid #153a6e;
    padding-bottom: 10px;
    color: #153a6e;
    font-weight: bold;}
.imgg { max-width:100%; display:block; margin:1em 0; }
.product-word p{text-align:center;font-size:18px; font-weight:bold;}
.pic.pdt{
    -o-transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;}
.pic.pdt:hover img{    opacity: .6;}	
.pic.pdt p{text-align:center;font-weight:bold;}
.navbar-nav li i.fas{margin-left:5px;}
.owl-carousel.case .owl-item  img{max-width:100%;width:inherit;margin:0 auto;}
.info-block.activity>p>.fas{margin-right:5px;color:#14396d;}
.activity-link>a{font-weight:bold;color:#03C;}
.activity-link>a>.fas{margin-right:5px;}

@media (max-width: 640px) { 
.img-txt-cross .gridblock .pic, .img-txt-cross .gridblock .info{ width:100%; float:inherit;}
}
	


/*實績案例*/
.project_class{clear: both;overflow: hidden;margin: 0 -10px 30px;}
.project_class .item{display: inline-block;width: 32.333%;padding: 10px;vertical-align:  top;}
.project_class .item:nth-child(3n+1){clear:both;}
.project_class .item .class_pic{height: 250px;overflow: hidden;}
.project_class .item .class_pic .pic{
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	-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);
}
.project_class .item:hover .class_pic .pic{
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
}
.project_class .item .summary{padding: 30px 30px 15px;background: #e8eef7;}
.project_class .item .summary .txt{
    color: #14396d;
    font-weight: 700;
}
.project_class .item .summary .txt:after{content: '';display: block;width: 20px;height: 1px;margin: 15px 0 15px;background: #14396d;}
.project_class .item .summary .sub{color: #777;font-style: initial;font-size: 1.4rem;}
.title-big{font-size:21px;font-weight:bold;color:rgba(20, 57, 109, 1);}
.case-swiper{background:rgba(20, 57, 109, 1);}
.owl-carousel.owl-loaded.case{margin:50px 0px;}
.info-name, .info-word{display:inline-block;vertical-align:  top;}
.info-block{margin-top:30px;display:  inline-block;width: 49%;}
.info-block.activity{margin-top:0px;width: 100%;}
.info-block.activity ul{ padding-left: 20px;}
.info-name{margin-right:10px;color: rgb(159, 159, 159);width: 130px;}
.info-word{font-weight:bold;width: calc(100% - 150px);}
.wrapper.case{padding:8em 0em;}
.link-zone{text-align:center;}
.link-zone a{color:#153a6e;}
.prev-link, .next-link{display:inline-block;padding:0px 25px;font-size: 17px; font-weight: bold;}
.prev-link .fas{margin-right:10px;}
.next-link .fas{margin-left:10px;}
/*格線*/
.grid-type {
    width: inherit;
    height: inherit;
    position: fixed;
    top: 0;
    bottom:0;
    right:0;
    left: 0;
    z-index: -1;
    padding-left: 20px;
    padding-right: 20px;
}
.grid-type .sections {
    display: table;
    width: 100%;
    height: 100%;
    margin-bottom: 70px;
    padding-left: 20px;
    padding-right: 20px;
}
.grid-type .sections .one {
    display: table-cell;
    vertical-align: top;
    width: 25%;
    height: 100%;
    border-right: 1px solid #e0e0e0;
}
.grid-type .sections .one:last-child{border-right: none;}
@media (max-width: 1630px) { 

}
@media (max-width: 1550px) { 
	/*首頁*/
	.index_about .object{margin-left: 0;}
	.index_about .summary{margin-left: 3%;}
}
@media (max-width: 1280px) { 
}

@media (max-width: 1050px) { 
	/*主選單*/
	.navbar-custom .navbar-brand {height:50px}
	.header .navbar-nav{margin-top:0}
	.navbar-custom .nav li > a{padding-top:20px;padding-bottom:10px}
	/*首頁*/
	.quickelements.temp2{min-height:500px}
	.quickelements .movie_data{width: 1500px!important;height: 844px!important;}
}

@media (max-width: 996px) { 
	/*首頁*/
	.index_about {padding-top:50px;}
	.index_about .object .win_main,
	.index_about .object .win_obj{max-width:100%}
	.index_about .summary{width:50%}
	.index_about .summary .txt{font-size:1.8rem}
	.index_about .summary:before,
	.index_about .summary:after{margin-top:15px;margin-bottom:20px;}
	.quickelements .movie_data{width: 1000px!important;height: 563px!important;}
	/*實績案例*/
	.project_class .item {width:49%}	
	.project_class .item .class_pic{height:180px}

}

@media (max-width: 768px) { 
	#goTop {width:100%;left:0;right:0;bottom:0;border-radius:0;border:0;border-top:1px solid #eee;background: #fff;font-size: 2rem;}
	/*----banner---*/
	.index_banner{overflow:hidden}
	/*頁尾*/
	.footer{padding:20px 15px 70px;}
	.footer.home .copyright{text-align: right}
	.copyright{text-align:left}
	
	/*主選單*/
	.navbar .bottom{z-index:999;background:rgba(255, 255, 255, .8);box-shadow:0 1px 10px rgba(0, 0, 0, 0.5)}
	.navbar-header{background:#fff}
	.navbar-custom .navbar-brand {height:45px;margin:0 10px}
	.navbar-custom .nav li > a{text-align:center}
	.navbar-custom .nav li > a.pc {display: none;}
	.navbar-custom .nav li > a.mb {display: block;}

	/*首頁*/
	.index_about{padding:130px 0 200px}
	.index_about .object{position:absolute;bottom:-50px;left:-100px;width:60%;}
	.index_about .summary{position:relative;z-index:2;width:calc(100% - 200px);margin-left:200px;text-shadow:0 0 10px #000}	
	.index_about .summary.pc{display:none}
	.index_about .summary.mb{display:block}
	
	.navbar-nav .open .dropdown-menu>li>a {line-height: 35px;color: rgba(20, 57, 109, 0.83);}
    .navbar-nav .open .dropdown-menu>li{padding: 5px 50px;}
	
	/*選單*/
	.navbar-custom .nav li > a:after{display:none;}
	.info-block{width:100%;}
	.info-block.activity{    margin-top: 30px;}
}
@media (max-width: 640px) { 

/*關於我們*/
.word-right-box, .word-left-box01{padding: 10%;border-left: none;}
.word-right-box-01{float:inherit;}
.about-pic-01{float:inherit;}
.word-left-box01{margin-top:30px;}
.about-zone.mt150{margin-top:50px;}
.word-right-box h2{font-size:24px;margin-bottom:10px;}
.word-all{padding:0px;}
.about-zone-top.col-md-12, .about-zone-bottom.col-md-12, .about-people-01.col-md-12, .about-people-02.col-md-12, .word-left-box.col-md-5, .word-right-box-01.col-md-5{padding:0px;}
.container.about{padding:0px;}
/*產品介紹*/
.product-word{padding-top:95px;}
.banner.p2{height:570px;}
.product-word p{font-size: 16px;padding: 15px;}
.mj-title.pdt{font-size:21px;}
/*實績案例*/
.project_class .item.case{width:100%;}
.project_class .item .class_pic.case{height:200px;}
.wrapper.case{padding: 1em 0em;}
.info-zone.mt50{margin-top:0px;}
.mj-title.case_detail{margin-bottom:0px;}
.caes-change.mt80{margin-top:50px;}
/*banner*/
.banner{height:200px;    background-size: 950px;}
/*下拉式選單*/
.navbar-custom .nav li > a{padding-bottom:15px;font-size: 18px;}
.navbar-custom .nav li > a:after{left: 32%; top: 23%;}

.img-txt-cross .gridblock h2.tit{font-size:24px;}
.img-txt-cross .gridblock{padding:0px;}
.row.gridblock.pdt-case{padding:30px;}
.project_class .item.pdt-case{width:100%;}
.project_class .item .class_pic.pdt-case{height:150px;}
.product-things.mt50{margin-top:0px;}
/*聯絡我們*/
.linfo-rform-map input, .linfo-rform-map textarea, .linfo-rform-map select.form-control{max-width:100%;}
.hire-all-info{margin-top:30px;}
/*背景線*/
.grid-type{display:none;}

/*箭頭*/
.down-mark{    
    text-align: center;
    font-size: 50px;
    font-weight: bold;
	max-width:1170px;
	margin:0 auto;
	position: relative;
    z-index: -1;
	color: #fff;
	display:block;
  }	

.down-mark .fa{
	  -webkit-animation-name: arrow;
          animation-name: arrow;
  -webkit-animation-duration: 1.75s;
          animation-duration: 1.75s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-direction: normal;
          animation-direction: normal;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;}
		  @-webkit-keyframes arrow {
  0% {
    opacity: 0;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  30% {
    opacity: 1;
  }
  70% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@keyframes arrow {
  0% {
    opacity: 0;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  30% {
    opacity: 1;
  }
  70% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}
}
@media (max-width: 580px) { 
	/*實績案例*/
	.project_class .item .class_pic{height:28vw}
	.project_class .item .summary{padding:15px}

}
@media (max-width: 480px) { 
	/*頁尾*/
	.copyright a{display: block;}
	/*首頁*/
	.index_about{padding-bottom: 200px;overflow:inherit;z-index:3;}
	.index_about:after{z-index:-1}
	.index_about .object{left:-80px}
	.index_about .summary{margin-left: 0;width:100%}
	.index-class{padding-bottom: 50px;}
	.quickelements{padding-top:50px;padding-bottom:50px;}
	.quick-link .item{width:100%;float:inherit;clear:both;overflow:hidden;text-align:left}
	.quick-link .quick-link-image{display:inline-block;vertical-align:middle}
	.quick-link .quick-link-image img{margin-left: auto;margin-right: auto;}
	.quick-link .quick-link-text{display:inline-block;vertical-align:middle;padding-left:10px}

	/*格線*/
	.grid-type .sections{padding: 0;border-left: 1px solid #e0e0e0;border-right: 1px solid #e0e0e0;}
	.grid-type .sections .one {width:33.33%}
	.grid-type .sections .one.pc{display:none}
}

@media (max-width: 420px) { 
	/*首頁*/
	.index_about .object{width: 90%;}
}

@media (max-width: 350px) { 

.prev-link, .next-link{padding:0px 15px;}
}