@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Lato:100,400,900); /* font */
@import url(https://fonts.googleapis.com/css?family=Monda:400,700); /* font */
@import url(https://fonts.googleapis.com/css?family=Righteous); /* 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; 
    -o-transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition:  all .3s linear; /*連結淡入淡出*/
	text-decoration: none;
}
a:visited, a:active, a:link, a:focus{ text-decoration:none; border:none; outline:none; /*background-color:inherit; background:inherit;*/}
/*---------------------- 基礎設定 ----------------------*/
/*反白設定
::selection { background: #666; color: #FFF; }
::-moz-selection { background: #666; color: #FFF; }
*/

/* CSS3 style  陰影圓角範例，可自行增減使用 */
.css-radius {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
} 
.css-shadow {
	-webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, .4);
	box-shadow: 0px 0px 6px rgba(0, 0, 0, .4);
}
.imgholder img{
	transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	
	transition:transform 0.5s ease-in-out, opacity 0.5s;
	-moz-transition:-moz-transform 0.5s ease-in-out, opacity 0.5s;
	-webkit-transition:-webkit-transform 0.5s ease-in-out, opacity 0.5s;
}
.imgholder:hover img{
	transform:scale(1.05, 1.05);
	-ms-transform:scale(1.05, 1.05);
	-moz-transform:scale(1.05, 1.05);
	-webkit-transform:scale(1.05, 1.05);
	-o-transform:scale(1.05, 1.05);
}
.rotation360 {
	transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;
}
.rotation360:hover {
	transform:rotate(360deg);
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-o-transform:rotate(360deg);
	-ms-transform:rotate(360deg);
}
.fadeout img {  filter:alpha(opacity=100); -moz-opacity:1; opacity: 1;
    -webkit-transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
    -ms-transition: opacity .5s ease-in-out;    
    transition: opacity .5s ease-in-out; }
.fadeout:hover img { filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; }



/*元件(共用)*/
.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; }

/*線(共用)*/
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; }
/*頁碼*/
.pagination {  text-align: center;    font-size: 18px;}
.pagination li {    display: inline-block;    vertical-align: top;}
.pagination li a {    font-family: Arial;    display: block;    min-width: 28px;    height: 28px;    line-height: 24px;    padding: 0 5px;    text-align: center;    color: #666666;    margin: 0 5px;    font-weight: bold;    box-sizing: border-box;	border:none;
border-radius:0;}
.pagination li a:hover,
.pagination li.active a {	background-color:inherit;    color: #2d56d7;    border-bottom: 2px solid #2d56d7; }
.pagination li a.controls {    position:  relative;    color: #666666;}
.pagination li a.prev, .pagination li a.next{    border-bottom: none; }
.pagination li a:hover.prev, .pagination li a:hover.next{  border-bottom: 0px solid #2d56d7; border-radius:0;}

/* 回頂端 */
#goTop {color:#FFF;	position:fixed;	bottom:0px;	right:0px;	line-height:40px;	display:none;	z-index:9;    padding-top:65px;	     width: 160px;    height: 140px;    text-align: center;    cursor: pointer;    overflow: hidden;}
#goTop:after{ 	display: block;    content: '';    position: absolute;    z-index: 0;    bottom: 0;    right: 0;    width: 0;    height: 0;    border-color: transparent transparent #2d56d7 transparent;    border-style: solid solid solid solid;    border-width: 0 0 140px 160px;}	
#goTop span{ display: block;    position: relative;    margin: 0 auto 5px;    width: 2px;    height: 38px;    background-color: #FFF;}
#goTop div{    position: relative;    z-index: 1;    margin-left: 65px;    width: 100px;    font-weight: 700;}
#goTop span:before, #goTop span:after{    display: block;    content: '';    position: absolute;    width: 2px;    background-color: #FFF;}
#goTop span:before{    top: 4px;    left: -9px;    height: 13px;    -webkit-transform: rotate(45deg);    -moz-transform: rotate(45deg);    -ms-transform: rotate(45deg);    -o-transform: rotate(45deg);    transform: rotate(45deg);}
#goTop span:after{    top: -2px;    right: -7px;    height: 20px;    -webkit-transform: rotate(-45deg);    -moz-transform: rotate(-45deg);    -ms-transform: rotate(-45deg);    -o-transform: rotate(-45deg);    transform: rotate(-45deg);}
#goTop small{display: block; font-size:16px; line-height:1.2;}

/*---------------------- 頁面開始 ----------------------*/
/*全頁佈局*/
.wrapper { padding:3em 0; }
.container { }
.main {  margin-left: 230px;    padding: 0 0 2em 3em;    overflow: hidden;}

.imgg{max-width: 100%;    display: block;}
.imgg2{max-width: 100%;    display: block; margin-bottom:2em;}
.page-content .tx01{ margin-bottom:2em;}
.back{ text-align:center; margin:2em 0 1em 0;}
.back a{ font-size:20px;}
.back a .fa{ color:#2d56d7; font-size:24px; }

/*首頁*/
.pro_bg{ background-color:#3a3b44;}
.pro_all{ margin-top:-100px;}
.index_right{ float:right; width:40%;}

.owl-theme .owl-controls .owl-buttons .owl-next{ position: absolute;
    left: -40px;
    top: 50%;
    margin-top: -36px;
    width: 42px;
    height: 72px;
    text-indent: -9999px;
    background: url(../images/all/prev.png) left top no-repeat;  }
.owl-theme .owl-controls .owl-buttons .owl-prev{position: absolute;
    right: 14px;
    top: 50%;
    margin-top: -30px;
    width: 42px;
    height: 72px;
    text-indent: -9999px;
    background: url(../images/all/next.png) left top no-repeat;}

/*主選單*/
.navbar {	margin-bottom:0;	border-radius:0;	border:0;}
.navbar-default{     background-color: rgba(56,95,217,.8); /*background-color:#385fd9;*/ padding:16px 0;}
.navbar-default .navbar-nav>li>a{ color:#FFF; position:relative;}
.navbar-default .navbar-nav>li.active a, .navbar-default .navbar-nav>li.active a:hover{ background:inherit; background-color:inherit; color:#FFF; }
.navbar-default .navbar-nav>li.active a:after{    content: "";  width: 100%;   height: 1px;  background: #fff;    opacity: 1;
    transition: all 0.4s ease;    position: absolute;    top: 100%;    left: 0;}
.navbar-default .navbar-nav>li>a:after{    content: "";  width: 100%;   height: 1px;  background: #fff;    opacity: 0;
    transition: all 0.4s ease;    position: absolute;    top: 100%;    left: 0;}
.navbar-default .navbar-nav>li>a:hover{ color:#FFF;}
.navbar-default .navbar-nav>li>a:hover:after{ opacity: 1; }
	
.navbar-default .navbar-nav>li.f span{ display:block; width:6px; height:6px; background-color:#7290eb; margin:0 12px; border-radius: 3px; margin-top:22px;}
.map a{ position:absolute; right:0; top:0; display:block; width:82px; height:82px; line-height:82px; text-align:center; background-color:#666; font-size:30px; color:#FFF; }
.google_search{ position:absolute; right:83px; top:0; display:block; width:82px; height:82px; line-height:82px; text-align:center; background-color:#666;  color:#FFF; }
.navbar-nav{ float:none; text-align:center;}
.navbar-nav>li{ float:none; display:inline-block;}
.navbar-default .navbar-toggle, .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{     background-color: transparent;    border: inherit;     margin: 0;}
.navbar-toggle .icon_bar {    background-color: #66cc33;  width: 27px; height:2px;   margin: 0 0 6px 0; display: block;}
.google_search .btn-default{color: #FFF;   background-color:inherit;   border-color: inherit; border:none; font-size:30px;}
.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover
.btn-danger.active.focus, .btn-danger.active:focus, .btn-danger.active:hover, .btn-danger:active.focus, .btn-danger:active:focus, .btn-danger:active:hover, .btn-danger:hover, .btn-danger.focus, .btn-danger:focus{ background-color:inherit; border-color:inherit; color:#FFF;}
.search_all{ position:absolute; left:0; top:82px; width:100%; background-color: rgba(56,95,217,.8); text-align:center;}

.search_all .search_pro{ display:inline-block; width:90%; padding:6px;}
.search_all a.search_icon{ display:inline-block; text-align:center; width:5%; height:40px; line-height:40px; color:#FFF; background:#999;}
.navbar-nav>li.lang{ display:none;}

.navbar-brand{ float:none; position:absolute; left:20px; top:14px; height:inherit; padding:0;}
.top_logo{ position:relative; }
.top_logo .tc{ position:absolute; left:80px; top:8px; width:180px; color:#FFF; font-size:22px;}
.top_logo .eng{ position:absolute; left:80px; top:34px; width:180px; color:#FFF; font-family: 'Righteous', cursive; text-transform:uppercase;}

/*頁尾*/
.footer { background:#7bc576; color:#FFF; padding:15px 0 0 0; overflow:hidden; line-height:1.8;}
.footer a{ color:#FFF;}
.footer_bg{ background:url(../images/all/ft_bg.png) center top no-repeat;}
.ft_logo{ float:left; width:25%; margin-top:10px; text-align:center;}
.ft_tx{/* margin-left:30%;*/}
.ft_company{ padding:10px 0 0 0; margin-left:27%;}
.ft_company h3{ margin:0 0 5px 0; line-height:1.5; font-weight:bold; color:#FFF;}
.copyright{ border-top:1px solid #94e58f; padding:14px 0; font-size:12px; text-align:center;}
.logo_pos{ position:relative;}
.logo_pos .eng{   font-size:20px; font-weight:bold; letter-spacing:1px; text-transform:uppercase; color:#FFF; text-shadow: 2px 2px 3px #3c3c3c; font-family: 'Righteous', cursive;}

/*按鈕*/
.btnWrap { margin:2em 0; text-align:center; }
.btn_blue{ border-radius: 0; color:#fff; padding: 10px 30px;  background: #2d56d7;}
.btn_blue:hover{ background-color:#8ca2e9; color:#fff; text-shadow: 0 0 1px #333;}

/*banner*/
.banner { height:460px;  }
.carousel { height:760px;}
.carousel .carousel-inner .item {  transition-property: opacity; }
.carousel .carousel-inner .item,.carousel .carousel-inner .active.left,.carousel .carousel-inner .active.right {  opacity: 0.8; }
.carousel .carousel-inner .active,.carousel .carousel-inner .next.left,.carousel .carousel-inner .prev.right {  opacity: 1; }
.carousel-indicators { bottom:0; }
.carousel { max-width:100%;}
.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 { display:none; }
.carousel-control.left, .carousel-control.right{ background-image: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 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; }
.carousel-caption h2 { font-size:60px; color:#FFF; 	font-family: 'Righteous', cursive;  text-transform:uppercase;}
.carousel-caption h2.black{ color:#6e75b7; text-shadow: 3px 3px 4px #FFF;}
.carousel-caption .blue{ color:#6e75b7;  }
.carousel-caption .black2{ color:#333;}
.carousel-caption { text-align: left;  max-width: 500px; max-height: 300px; overflow:hidden;  padding: 1em;  top: 30%; left: 15%; text-shadow: none;}
.top_20{ top:25%;}
.carousel-caption .d_line{ display:block; width:100px; height:6px; margin-left:20px; -webkit-transform: translate(0px, 0px) rotate(0deg) skew(-30deg, 0deg) scale(1.2, 1); 
-moz-transform: translate(0px, 0px) rotate(0deg) skew(-30deg, 0deg) scale(1.2, 1); 
-o-transform: translate(0px, 0px) rotate(0deg) skew(-30deg, 0deg) scale(1.2, 1); 
-ms-transform: translate(0px, 0px) rotate(0deg) skew(-30deg, 0deg) scale(1.2, 1); 
transform: translate(0px, 0px) rotate(0deg) skew(-30deg, 0deg) scale(1.2, 1); background:#7bc576;}
.carousel-caption .slogan{ font-size:23px; margin-top:12px;}
.carousel .pic{    position: absolute;    z-index: 1;    right: 20%;    top: 10%;    max-width: 712px; width:100%;}
.carousel .pic img{ width:100%;}
.carousel .pic2{    position: absolute;    z-index: 1;    right:0%;    top: 0;    max-width: 860px; width:100%;}
.carousel .pic2 img{ width:100%;}
.carousel .carousel-inner .item a .link_btn{ display:block; max-width:300px; text-align:center; background:#7bc576; color:#FFF; padding:10px 20px; margin-top:10px; }
.carousel-add{ max-width:600px;}

/*左側選單*/
.sidebar{ float:left; width:220px; }
.sidebar ul{ list-style-type:none; margin:0; padding:0;}
.sidebar .choice_item>li{ border-bottom:1px solid #CCC; margin-bottom:0; }
.sidebar .choice_item>li>a{ display:block; color:#6e6e6e; font-size:18px; font-weight:bold; padding:12px 14px; text-decoration:none;}
.sidebar .choice_item>li>a:hover, .sidebar .choice_item>li.on>a{ background-color:#f2f2f2; color:#2d56d7; text-decoration:none;}
.sidebar .choice_item>li.open>a{ background-color:#f2f2f2; color:#2d56d7; text-decoration:none;}
.sidebar .choice_item li.panel{box-shadow:inherit; border-radius:0;}
.sidebar .choice_item>li>.panel{ position:inherit; width:100%; border:inherit; border-radius:0px; box-shadow:inherit; margin:0 0 12px 0; padding:12px 0; }
.sidebar .choice_item>li>.panel>li>a{ display:block; padding:6px 20px; color:#373737; overflow:hidden;}

.sidebar .choice_item>li>.panel>li>a:hover{ color:#000; background:inherit; }
.sidebar .choice_item>li.collapse{ position:inherit;}


.sidebar .choice_item>li.on>a.in:after{ display:block; content:""; content:"\f0da"; font-family:'FontAwesome'; float:right;}
.sidebar .choice_item>li.panel>a.collapsed:after{ display:block; content:""; content:"\f0d7"; font-family:'FontAwesome'; float:right;}
.sidebar .choice_item>li.panel>a:after{ display:block; content:""; content:"\f0da"; font-family:'FontAwesome'; float:right;}
.sidebar .choice_item>li.panel ul.collapse li.on a{ color:#2d56d7;}
.sidebar .choice_item li ul li a:hover{text-decoration:none; color:#2d56d7;}
.sidebar .choice_item>li.panel ul li{ padding:4px 14px; overflow:hidden;}

/*側邊搜尋*/
.sidebar_search{ background-color: #7bc576; padding: 20px; margin-bottom: 20px; border-radius: 5px;}
.left_search{ width:100%; border:1px #ccc solid; padding:5px 10px;}
.left_btn_search{ background-color: #dcdcdc; color: #39a032; display:block; margin-top:10px; text-align:center; padding:5px 0; }
.left_btn_search:hover{ background-color:#666; color:#fff;}
.left_searchTxt{ color:#fff; font-size:18px; margin-bottom:5px;}

/*產品*/
.box-info-hover .boxs {  margin-bottom: 2em; }
.box-info-hover .imgg { margin:0; }
.box-info-hover .list_img{ position:relative; background:#385fd9;overflow:hidden;  border: 8px solid #FFF;     border-radius: 10px 0 10px 0;    box-shadow: 1px 3px 3px rgba(56,95,217,0.1); }
.box-info-hover .list_img .imgBox:after{    content: "";    position: absolute;    top: 10px;    left: 10px;    bottom: 10px;    right: 10px;    border-radius: 10px 0 10px 0;    }
.box-info-hover .list_img .imgBox {	display:block;	position:relative;     width: 100%; }
.box-info-hover .list_img .imgBox img{ transition:all 0.3s linear;    margin: 0 auto; }
.box-info-hover .list_img .imgBox:before{ display:block;	content:"More";	padding:10px 20px;	font-size:13px;	color:#000; opacity:0; background:#FFF;	position:absolute;	left:50%;	margin-left:-37px;	top:50%;	margin-top:-80px;	z-index:99;	-webkit-transition:all 0.3s ease;	-moz-transition:all 0.3s ease;	-o-transition:all 0.3s ease;	transition:all 0.3s ease;}
.box-info-hover .list_img .imgBox:hover:before{	opacity:1;	margin-top:-20px;}
.box-info-hover .list_img .imgBox:hover img{	opacity:0.3;	transform:scale(1.05);}
.box-info-hover .list_txt h4 { font-weight: bold;  font-size: 18px; }
.box-info-hover .list_txt p {font-size: 14px;  color: #777;  height: 94px;   overflow: hidden;}
.box-info-hover .list_txt { text-align:center;   padding: 15px;}
.box-info-hover .listbtn .price {  float: left; font-size: 15px;  color: #000;}
.box-info-hover .listbtn .price b { font-size: 1.5em;  font-weight: 400;}
.box-info-hover .listbtn a {  float: right;  display: block;   background: #000;   padding: 5px 20px;   font-size: 13px;   color: #FFF;}
.box-info-hover .listbtn a:hover { background:#7d7d7d; }

.mjtitle{ text-align:center; color:#2d56d7; font-weight:bold; font-size:34px;}
.mjtitle_line{ position:relative; max-width:240px; margin:0 auto 2em auto; text-align:center;}
.mjtitle_line img{ width:60px; margin:0 auto; position: inherit; z-index: 3;}
.mjtitle_line:after{ position:absolute; content:''; width:100%; display:block; height:4px; background:#e4e4e4; top:18px; left:0; z-index:-1; border-radius: 6px; z-index: 2;}

.mjtitle2{ border-bottom:1px dashed #c6c6c6; padding:0 0 8px 0; margin:0 0 1em 0; font-size:24px;}
.mjtitle2 .fa{ color:#57ac27; margin-right:10px; font-size:30px;}

/*產品底層*/
.gallery-color-qa .pro_img{ float:right;width:90px;list-style-type:none; margin:0; padding:0;}
.gallery-color-qa .pro_img li{margin-bottom:10px; }
.gallery-color-qa .pro_img li img{ width:100%; border:1px solid #f2f2f2; padding:4px; box-sizing:border-box; overflow:hidden;}
.gallery-color-qa .big_img{ float:left;width:80%;max-width:600px;}
.gallery-color-qa .big_img img{ width:100%!important; max-width:100%!important; height:initial!important; }
.gallery-color-qa .pro_top{clear:both;overflow:hidden;width:100%;text-align:center;padding-top:20px;}
.gallery-color-qa .line_d{clear:both; max-width:1000px; position:relative;margin:2em auto;border-top:1px solid #CCC; }
.gallery-color-qa a .btn_down2 {display:block;position:absolute;left:50%;top:-15px;margin-left:-15px;padding-left:7px;width:30px;height:30px;line-height:30px;text-align:center;display:block;background:#fff;color:#999999;border:1px solid #ccc; }
.gallery-color-qa .introduction .brand{ display:inline-block;color:#FFF; background:#57ac27; border-radius: 10px 0 10px 0; padding:4px 8px; margin-bottom:6px;}
.gallery-color-qa .introduction h1{font-size:3rem;font-weight:bold;color:#333;padding:0 0 20px 0;margin:0px;}
.gallery-color-qa .m_line{padding:2em 0;border-top:1px solid #ccc;margin:0;}
.gallery-color-qa .qaContent ul.accordionPart {list-style:none;padding:0;}
.gallery-color-qa .qaContent ul.accordionPart li {border-bottom:solid 1px #e3e3e3;padding-bottom:12px;margin-top:12px;}
.gallery-color-qa .qaContent ul.accordionPart li .qa_title {cursor:pointer;font-size:1.3em;}
.gallery-color-qa .qaContent ul.accordionPart li .qa_title_on {text-decoration:underline;}
.gallery-color-qa .qaContent ul.accordionPart li .qa_content {margin:6px 0 0;padding-left:28px;color:#666;}

.pro_title{ background:#f2f2f2; border-bottom:2px solid #2d56d7; padding:6px 0; text-align:center; font-size:24px; color:#2d56d7; margin:30px 0; font-weight:bold;}
.download a{ display:inline-block; padding:6px 12px; background:#2d56d7; color:#FFF; font-size:16px; text-align:center;}
.download a .fa{ margin-right:10px;}

/*關於我們*/
.w80{ width:80%; margin:0 auto;}
.about_list{ text-align:center; margin-top:2em;}
.atout_icon{ width: 100px; height: 100px; margin: 0 auto; padding: 20px;}
.about_listTxt{ color:#60b031; font-size:18px; font-weight:bold;}
.about_bg{ background:url(../images/p1/bg.jpg) top center no-repeat #060f1e;}
.about_img{ background-image:url(../images/banner/img2.png); background-repeat:no-repeat; background-position:bottom right; background-size: auto 450px; padding: 4em 0;}
.mjtitle_line2{ text-align:center; }
.about_bg .mjtitle_line2{  opacity: .5;}
.certification{ border: 10px #7bc576 solid; display: inline-block; margin-top: 20px;}
.certification_txt{ font-size:18px; color:#333; margin-top:10px;}

/*沿革*/
.year-time-line .timelines {list-style:none;padding:0;margin:0;display:table;width:100%; background:url(../images/p1/line-times.jpg) 40px top repeat-y;}
.year-time-line .timelines li { display:table-row; }
.year-time-line .timelines li.fix { height:20px; }
.year-time-line .timelines li .xleft { display:table-cell; width:100px; }
.year-time-line .timelines li .xleft em { display:block; width:80px; height:80px; line-height:75px; background: #fff; border:3px solid #666;
										  text-align:center; border-radius:50%; font-size:18px; color:#666; font-style:normal; }
.year-time-line .timelines li .xright { display:table-cell; vertical-align:middle; background:#E4E4E4; min-height:80px; padding:10px 30px; 
										border-radius:3px; margin-bottom:20px;position:relative; }
.year-time-line .timelines li .xright .fa-caret-left { position:absolute; left:-9px; top:25px; color:#E4E4E4; font-size:30px; z-index:99; }
.year-time-line .timelines li:hover .xright { background:#2d56d7; color:#fff; }
.year-time-line .timelines li:hover .xleft em, .year-time-line .timelines li:hover .fa { border-color:#2d56d7; color:#2d56d7; }
.year-time_img{ width:100px;}

.about_grey{ background-image:url(../images/p1/bg2.jpg); background-repeat:no-repeat; background-position:left center;}
.about_serviceItem{ color: #333;}
.fa-check-square-o{ margin-right:8px; color:#77ba4a;}
.about_serviceList{ list-style-type:none; margin: 20px 0 0; padding:0;}
.about_serviceList li{ margin-bottom:10px;}
.about_target{ background-color: #60b031; color: #fff; padding: 5px 20px; display: inline-block; border-radius: 30px; font-weight: bold;}
.idea_txt{ width:150px; height:150px; border: 10px #eee solid; border-radius: 50%; text-align: center; margin: 0 auto; line-height: 130px; font-size: 24px; color: #2d56d7; position:relative; background-color: #fff; box-shadow: 0 0 15px #dadada;}
.idea_txt:after{ width:1em; height:1px; background-color:#7bc576; position: absolute; bottom: 35%; content: " "; left: 50%; transform: translateX(-50%);}
.idea_area{     margin-bottom: 2em;}
.bottom_style{border-bottom: 10px #c6c6c6 solid;}

/*聯絡我們*/
.title-icon-form .c_tit{  text-align:center; margin-bottom:1.5em;}
.title-icon-form .c_tit .fa {   border-radius: 100%;  border: 2px solid;  width: 50px;  height: 50px;  font-size: 2em;  text-align: center;  line-height: 47px;  margin-right: 10px; color:#7bc576;}
.title-icon-form .contact_form { width: 70%;  margin: 0 auto;  border-right: none;  float: inherit; border: 1px solid #e0e0e0;  padding: 1em; box-shadow: 0 0 20px #e6e6e6;}
.title-icon-form .col-md-12 , .title-icon-form .col-md-6 , .title-icon-form .col-md-4 { padding:0;}
.title-icon-form .page_form .input1,.title-icon-form .page_form select,
.title-icon-form .page_form textarea, .title-icon-form .page_form .input3 {  min-height: 34px; }
.title-icon-form .page_form .input1, .title-icon-form .page_form select, .title-icon-form .page_form textarea, .title-icon-form .page_form .input3 {
    border: 1px solid #eaeaea;   padding: 5px 10px;   background: #eaeaea;  line-height: 1.6;  color: #444444; width:95%;
    box-shadow: none;    margin-bottom: 15px;  border-radius: 2px;}
.title-icon-form .page_form.col-md-12 .input1 , .title-icon-form .page_form.col-md-12 .input2 { width:98%; }
.title-icon-form .page_form textarea, .title-icon-form .page_form .input3 { width:inherit; }
.title-icon-form .contact_form .page_form2 { clear:both; }
.map_area{ width:100%; line-height: 0; border: 10px rgba(45, 86, 215, 0.55) solid;}
.title-icon-form .page_form .input3{ text-align:center;}

/**設備**/
.justified-gallery > a > .caption, .justified-gallery > div > .caption{ display:block !important;     opacity: .8!important; }
.justified-gallery > a, .justified-gallery > div{ cursor: default;}

/*search*/
.search_box{ overflow:hidden;}
.btn_search{ float: left; font-size:24px; padding: 2px 15px;}
.form-keyword{ float:left; width:94%; padding:5px 10px; margin-right:10px;}
.search_txt{ font-weight: bold; color: #57ac27; margin-top: 20px;} 

/*共用*/
.img_style{ max-width:100%;}
.main_color{ color:#2d56d7;}
.m_t3{ margin-top:3em;}
.grey_bg{ background-color:#666;}
.white { color: #FFF; }

@media (max-width: 1680px) {
.about_img .container{ background-color:rgba(255,255,255,.85);     padding-top: 2em; padding-bottom: 2em;} 
.about_serviceItem{     background-color: rgba(255, 255, 255, 0.9); padding: 1em 15px; }
}
@media (max-width: 1200px) { 
.carousel-caption { max-height: 200px;  padding: 1em; }
.carousel-caption h2{ font-size:50px; margin-top:0; }
.navbar-nav {  text-align: right;  margin-right: 180px;}
.navbar-default .navbar-nav>li.f span{     margin: 0 5px;}
.title-icon-form .contact_form { width: 100%;}
.form-keyword{ width:92%; }
}
@media (max-width: 1024px) { 
.banner { height: 360px;}
}

@media (max-width: 996px) { 
/*選單*/
.navbar-default .navbar-nav>li.f span{ margin:0;}
.map a{  width:40px; height:82px; line-height:75px;  background-color:inherit; font-size:20px; }
.google_search{ right:41px; width:40px; height:82px; line-height:75px;  background-color:inherit;  }
.google_search .btn-default{ font-size:20px;}
/*.navbar-nav{ padding-left:160px;}*/
.navbar-nav { margin-right: 90px;}

/* 回頂端 */
#goTop {
    padding-top: 30px;
    width: 80px;
    height: 60px;
  }
#goTop:after {
    border-width: 0 0 60px 80px;/*高寬*/
  }
#goTop div {
    margin-left: 35px;
    width: 40px;
  }
#goTop small {
    display: none;
  }
#goTop span {
    margin-bottom: 0;
    height: 24px;
  }
#goTop span:before {
    left: -7px;
    height: 10px;
  }
#goTop span:after {
    right: -5px;
    height: 15px;
  }
  


}

@media (max-width: 991px){
.title-icon-form .page_form .input1{ width:100%;}
.title-icon-form .page_form.col-md-12 .input2{ width:100%;}
.form-keyword { width: 90%;}
}
@media (max-width: 960px){
.w80 {    width: 100%;}
.banner { height: 300px;}
}
@media (max-width: 860px) {
.navbar-default .navbar-nav>li a{ padding:15px 10px;}
}
@media (max-width: 768px) { 
.main {  margin: 0; padding: 1em 1em 2em 1em; }
/*左側*/
.sidebar .navbar-toggle{ display:block; border:1px solid #fff; background:#004ea2; color:#FFF; padding:10px 5px; width:100%; margin:0; -webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px; margin-bottom:20px;}
.sidebar{ float:none; width:inherit; }
/*top*/
.map{ display:none;}
.navbar-default{ padding:0;  background-color: rgba(56,95,217,1);}
.navbar-header{ padding:16px 0;}
.navbar-nav{ padding-left:0px;}
.navbar-nav>li{ display:block; max-width:300px; border-bottom:1px solid #8398e0; padding:0;  margin:0 auto;}
.navbar-nav>li:last-child{ border-bottom:none;}
.navbar-nav>li a{ font-size:26px; padding:20px 0;}
.navbar-default .navbar-nav>li>a:hover{background-color:#5c5c5c;}
.navbar-nav>li.f{ display:none;}
.navbar-nav{ margin:20px 0 20px 0; text-align: center;}
.navbar-default .navbar-nav>li>a:after{ display:none; }
.navbar-brand{ top:10px;}
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse { max-height: 360px;}
.navbar-nav>li.lang{ display:block;}
.google_search{ right:47px; width:40px; height:82px; line-height:65px; }
.search_all{ top:72px;background-color: rgba(56,95,217,1);}
.search_all .search_pro{  width:85%; }
.search_all a.search_icon{ width:15%; }
/*表尾*/
.footer{ padding:25px 0;}
.ft_logo{ float:none; text-align:center; width:100%;}
.ft_tx{ margin-left:0;}
.footer_bg{ background:url(../images/all/ft_bg.png) right top no-repeat;}
.ft_company{ margin-left:0; text-align:center;}

/*banner*/
.banner { height: 250px;}
.carousel{ margin-top:74px;}
.carousel-indicators { display:none; }
.carousel-caption{ background: rgba(0,0,0,.6); max-width:inherit; width:100%; min-height:260px; left:0; top:inherit; bottom:0;}
.carousel-caption h2{ font-size:40px;}
.carousel .pic{ right:inherit; left:0;  top:5%;  max-width: 600px; width:100%; margin:0 auto;}
.carousel .pic2{   max-width: inherit; width:100%;}
.carousel-caption h2.black{ color:#FFF; text-shadow:none;}
.carousel-caption .blue{ color:#FFF;  }

/*產品底層*/
.gallery-color-qa .big_img{float:inherit;margin:0 auto 20px auto;}
.gallery-color-qa .pro_img{float:inherit;clear:both;overflow:hidden;width:auto;}
.gallery-color-qa .pro_img li{float:left;width:20%;padding:5px;}

/*沿革*/
.year-time-line .timelines { display:inherit; background:none; }
.year-time-line .timelines li { display:inherit; }
.year-time-line .timelines li .xleft { display:inherit; width:auto; }
.year-time-line .timelines li .xleft em { width:auto; height:auto; line-height:inherit; border:0; text-align:left; border-radius:0; font-size: 1.3em;  font-weight: bold;}
.year-time-line .timelines li .xright { display:inherit; min-height:auto; margin-bottom:0; }
.year-time-line .timelines li .xright .fa-caret-left { display:none; }
.about_pro{ padding:1em;}
.about_serviceItem{ margin: 0 15px;}
.idea_area{ margin-bottom:0;}
.idea_area .col-xs-6{ margin-bottom:2em;}
.about_img { background-image: none;}

.form-keyword { width: 88%;}
.btn_search { padding: 2px 17px;}
}

@media (max-width: 640px) { 
.box-info-hover .boxs{ float:inherit; width:100%; }
.about_list .col-xs-3{ width:50%;}
.form-keyword { width: 87%;}
}
@media (max-width: 560px) { 
.form-keyword { width: 100%; margin-right: 0;}
.btn_search {  width: 100%; margin-top: 10px;}
}
@media (max-width: 480px) { 

}

@media (max-width: 420px) { 
.about_list .col-xs-3{ width:100%;}
.idea_txt { width: 130px; height: 130px; line-height:100px;}
}