@charset "utf-8";

body{ font-family:"微軟正黑體", "新細明體", "Calibri", "Arial"}

.container-fluid{ max-width:1600px;}

.footer{
	color:#fff;
	background-color:#0187d2;
	text-align:center;
	padding:24px 0;
}
.footer a{ color:#0FC;}

.share{margin:8px 0;}
.share img{margin:0 2px;}

.backtop{
	position:fixed;
	z-index:999;
	width:48px;
	height:48px;
	left:100%;
	top:100%;
	margin-top:-64px;
	margin-left:-64px;
	padding:5px;
	background-color:rgba(000,000,000,0.5);
	text-align:center;
	color:#fff;
	font-size:1.3rem;
	border-radius:4px;
	cursor:pointer;
	-webkit-transition: background 0.3s; /* Safari */ 
	transition: background 0.3s;
}
.backtop:hover{ background-color:#09f;}


.title_line{
	width:60px;
	height:4px;
	background-color:#0187d2;
	margin:30px auto;
}


.navbar{ padding:0px;}
.navbar-brand{ margin-left:15px;}
@media (min-width:768px){.navbar-brand{ margin-left:0;}}
.navbar-toggler{ margin:15px;}
.navbar-nav .nav-item .nav-link{ padding:15px;}
.navbar-nav .nav-item .nav-link:hover{ background-color:#999;}



.menu_header{ position:fixed; z-index:9000; top:0; left:0; width:240px; height:100%; background-color:#0187d2; -webkit-transition: margin 0.3s; /* Safari */ transition: margin 0.3s; overflow-y: auto;}

.menu_header img{ margin:12px 0;}

.menu_close{ left:100%; margin-left:0px;}
.menu_open{ left:100%; margin-left:-240px;}

.menu_header .container-fluid{ padding:0; position:relative; max-width:1600px;}


@media (min-width:992px){
	.menu_header{ position:fixed; width:100%; height:auto; background:#fff; border-top:30px solid #0187d2; overflow-y:visible; -moz-box-shadow:0 4px 15px -2px gray; -webkit-box-shadow:0 4px 15px -2px gray; box-shadow:0 4px 15px -2px gray;}
	.menu_open, .menu_close{ left:0; margin-left:0;}
	.menu_header .container-fluid{ padding:0 15px;}
}

.logo_big{ display:none}
.logo_big img{ -webkit-transition: all 0.3s; /* Safari */ transition: all 0.3s; width:280px; height:auto; margin-top:15px;}
@media (min-width:992px){
	.logo_big{ display: block; text-align:center;  float:left;}
	.logo_big img{ width:320px; margin-top:20px; margin-bottom:16px;}
}
@media (min-width:1200px){
	.logo_big img{ width:320px; margin-top:20px; margin-bottom:16px;}
}


.menu_ul{list-style:none; padding:0;}
.menu_ul li{ border-bottom:1px dotted #09f;}

.menu_ul li a{ color:#fff; display:block; font-size:1.1rem; -webkit-transition: background 0.3s; /* Safari */ transition: background 0.3s;  padding:15px;}
.menu_ul li a:hover, .menu_ul li a:focus{ text-decoration:none; background-color:#21ade5;}

.menu_ul li a span{ display:block; font-size:0.8rem;}


@media (min-width:992px){
	.menu_ul{ text-align:center; border-radius:4px; height:34px; float:right; margin-top:0px;}
	.menu_ul li{ float:left; border:none; position:relative;}
	.menu_ul li a{ color:#555; font-size:1rem; width:auto; text-align:center; padding:32px 10px 32px 10px;}
	.menu_ul li a:hover, .menu_ul li a:focus{ color:#21ade5; background-color:transparent;}
	.menu_ul .mobile_home{ display:none;}
}
@media (min-width:1200px){
	.menu_ul li a{ font-size:1.2rem; width:auto; text-align:center; padding:32px 20px;}
}


.mobile_hide{ background-color:#000; opacity:0; position:fixed; z-index:8999; top:0; left:0; width:100%; height:100%;}

.mobile_header{ background-color:#fff; position:fixed; z-index:8900; height:72px; width:100%; border-top:8px solid #0187d2; -moz-box-shadow:0 4px 15px -2px gray; -webkit-box-shadow:0 4px 15px -2px gray; box-shadow:0 4px 15px -2px gray;}

.mobile_header img{ margin:15px 0 0 15px;}

.iconbar{float:right; width:48px; height:36px; margin:15px 15px 0 15px; border:2px solid #525269; border-radius:4px; cursor:pointer; background-position:center; background-repeat:no-repeat;-webkit-transition: background 0.2s; /* For Safari 3.1 to 6.0 */ transition: background 0.2s;}

.iconbar_open{background-image:url(../images/iconbar.png);}
.iconbar_close{background-image:url(../images/iconbar2.png); border-color:#0187d2;}

.menu_title{ margin:3px 15px; padding-top:15px; padding-bottom:16px; color:#fff; font-family:Verdana, Geneva, sans-serif;}

@media (min-width:992px){
	.mobile_hide{ display:none;}
	.mobile_header{ display:none;}
	.iconbar_close{ display:none;}
	.menu_title{ display:none;}
}

.menu_ul .mobile_language{ color:#fff; margin:10px 15px; border:none;}
.menu_ul .mobile_language a{ display:inline-block; padding:10px 16px; font-size:0.9rem; border:1px solid #fff; border-radius:5px;}
.menu_ul .mobile_language a:hover,
.menu_ul .mobile_language a.active{ background-color:#fff; color:#2a2b83;}
@media (min-width:992px){
	.menu_ul .mobile_language{ display:none;}
}

.search_nav{ display:none;}
@media (min-width:992px){
	.search_nav{ position:absolute; padding:0; list-style:none; top:-29px; left:100%; width:400px; margin-left:-430px; text-align:right; display:block;}
	.search_nav li{ display:inline-block; font-size:0.8rem; margin-left:15px;}
	.search_nav li::after{ content:"│"; margin-left:15px; color:#fff;}
	.search_nav li:nth-child(3)::after{ display:none;}
	.search_nav li a{ color:#fff;}
	.search_nav li a:hover,
	.search_nav li a.active{ color:#fc0; text-decoration:none;}
}
@media (min-width:1200px){
	.search_nav{ margin-left:-445px;}
}

.menu_ul .sub_nav{ display:none;}


.menu_ul .sub_nav a {
    padding: 5px 30px;
    margin: 0;
    font-size: 1rem;
}

@media (min-width:992px){
	.menu_ul .sub_nav{ position:absolute; top:88px; -moz-box-shadow:0 4px 15px -2px gray; -webkit-box-shadow:0 4px 15px -2px gray; box-shadow:0 4px 15px -2px gray;}
	.menu_ul .sub_nav a{ background-image:none; padding:15px 15px; margin:0; border-top:0px dotted #ccc; background-color:#333; color:#ccc; width:200px; margin-left:0; font-size:0.9rem; text-align:left; }
	.menu_ul .sub_nav a:hover{background-color:#555; color:#fff; border-bottom:none;}
}
@media (min-width:1200px){
	.menu_ul .sub_nav{ position:absolute; top:88px; -moz-box-shadow:0 4px 15px -2px gray; -webkit-box-shadow:0 4px 15px -2px gray; box-shadow:0 4px 15px -2px gray;}
	.menu_ul .sub_nav a{ background-image:none; padding:15px 15px; margin:0; border-top:0px dotted #ccc; background-color:#333; color:#ccc; width:200px; margin-left:0; font-size:0.9rem; text-align:left; }
	.menu_ul .sub_nav a:hover{background-color:#555; color:#fff; border-bottom:none;}
}
@media (min-width:1600px){
	.menu_ul .sub_nav a{width:220px; margin-left:0; padding:15px 30px;}
}


.nav_about:hover .sub_nav_about,
	.nav_product:hover .sub_nav_product,
	.nav_solution:hover .sub_nav_solution,
	.nav_news:hover .sub_nav_news,
	.nav_contact:hover .sub_nav_contact{ display:block;}

.fadeInRight{
  -webkit-animation: fadeInRight 0.4s; /* Safari 4+ */
  -moz-animation:    fadeInRight 0.4s; /* Fx 5+ */
  -o-animation:      fadeInRight 0.4s; /* Opera 12+ */
  animation:         fadeInRight 0.4s; /* IE 10+, Fx 29+ */
}



.fadeInRight{
  -webkit-animation: fadeInRight 0.4s; /* Safari 4+ */
  -moz-animation:    fadeInRight 0.4s; /* Fx 5+ */
  -o-animation:      fadeInRight 0.4s; /* Opera 12+ */
  animation:         fadeInRight 0.4s; /* IE 10+, Fx 29+ */
}

.nav_divide{ display:none;}
@media (min-width:992px){
	.nav_divide{width:1rem; color:#555; margin-top:30px; display:inline-block;}
}
@media (min-width:1200px){
	.nav_divide{margin-top:30px;}
}




.top_blank{ height:72px;}
@media (min-width:992px){
	.top_blank{}
}


.view_lg{ display:none;}
@media (min-width:992px){
	.view_sm{ display:none;}
	.view_lg{ display:block;}
}






.prev-alt{ background-color:#0d3c84; color:#fff; position:absolute; z-index:555; cursor:pointer; top:50%; left:0%; padding:14px 15px 16px 15px; transform:translate(0,-50%); opacity:0.75;}
.prev-alt:hover{ opacity:1;}
.next-alt{ background-color:#0d3c84; color:#fff; position:absolute; z-index:555; cursor:pointer; top:50%; left:100%; padding:14px 15px 16px 15px; transform:translate(-100%,-50%); opacity:0.75;}
.next-alt:hover{ opacity:1;}




.top_block1{ padding:60px 0 0; color:#777;}

.top_about_title{ font-size:1.6rem; padding:15px; text-align:center; background-color:#0187d2; color:#fff; margin-bottom:15px;}
.top_about_text{ font-size:1.2rem; line-height:2.2rem;text-align: center;}
.top_about_pic{}


.top_about_more {
    text-align: center;
    margin-bottom: 30px;
	margin-top: 30px;
}
.top_about_more a {
    border: 1px solid #0187d2;
    color: #0187d2;
    font-size: 18px;
    padding: 10px 5%;
	text-decoration: none;
}
.top_about_more a:hover {
	border-color: transparent;
    background-color: #0187d2;
	color:#fff;
}





.top_contact_block{ padding:32px 0; background-color:#ededed;}

.top_contact_text{ text-align:center;}
@media (min-width:992px){ .top_contact_text{ text-align:left;}}
.top_contact_text ul{ list-style:none; padding:0; font-size:0.95rem; margin-top:10px; color:#555;}

.contact_text{ 
	padding:15px; 
	background:#ededed;
	color: #777;
}
@media (min-width:992px){
	.contact_text{ 
		padding:20px; 
		background:#ededed;
	}
}
.contact_block{
	padding-top: 60px;
	padding-bottom: 60px;
}
.page_content {
	padding-top:40px;
}
@media (min-width:768px){
	.contact_text{ 
		/*padding-top:10px;*/
	}
}
.contact_block form{ 
	color:#555;
}
.contact_block form .form-group textarea{
	border-radius:0; 
	padding:25px 20px; 
	background-color:#ededed;
}
.contact_block form .form-group input{ 
	border-radius:0; 
	padding:25px 20px; 
	background-color:#ededed;
}
.contact_block form .form-group button{ 
	background-color: #0187d2;
    border-color: #0187d2;
	color:#fff; 
	border-radius:0;
	padding:15px 0; 
	width:118px;
}
.contact_block form .form-group button:hover{
	background-color: #0187d2;
    border-color: #0187d2;
}
.contact_block form .form-group button[type="reset"]{
	background-color:#999; 
	border-color:#999; 
	color:#fff;
}









.top_block2{ padding:80px 0; color:#777; background-image:url(../images/top_bg2.jpg); background-position:center; background-size:cover;}

.top_title{ text-align:center; color:#555;}

.top_product_con{ margin:15px 0; position:relative;}
.top_product_con a{ position:absolute; top:0; left:0; width:100%; height:100%; padding-top:150px; text-align:center; background-color:rgba(255,255,255,0.4); opacity:0; -webkit-transition: all 0.2s; /* For Safari 3.1 to 6.0 */ transition: all 0.2s;}
.top_product_con a i{ height:64px; width:64px; background-color:#0187d2; border-radius:50%; color:#fff; font-size:2rem; padding-top:15px;}
.top_product_con a:hover{ opacity:1;}
.top_product_pic{ border-top:0px solid #0187d2; height:320px; background-position:center; background-size:cover;}
.top_product_text{ text-align:center; font-size:1.2rem; padding:15px; color:#fff;}



.top_block3{ color:#777;padding-top: 60px;padding-bottom: 60px; /*height: 560px;*/}
.top_block3 .container-fluid{ position:relative; height:100%;}

.top_news_text h4{ padding-left:42px;}
.top_news_text h1{margin-bottom:20px;  margin-top:-50px;}
.top_news_text h1 span{ font-size:5rem; color:#0eb4a2; }

.top_news_con{ border-bottom:1px solid #ccc; padding:25px 0 15px 0; position:relative;}
.top_news_con a{ position:absolute; width:100%; height:100%; top:0; left:0; opacity:0;}
.top_news_date{ font-size:0.8rem; float:left; padding:6px 10px; background-color:#0187d2; color:#fff; text-align:center; width:72px; height:72px; -webkit-transition: all 0.2s; /* For Safari 3.1 to 6.0 */ transition: all 0.2s;}
.top_news_date span{ display:block; font-size:2.6rem; line-height:2.6rem;}
.top_news_con:hover .top_news_date{ background-color:#21ade5;}

.top_news_con h5{ /*margin-left:84px;*/ padding-top:5px; font-size:1.5rem; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; -webkit-transition: all 0.2s; /* For Safari 3.1 to 6.0 */ transition: all 0.2s;}
.top_news_con p{ /*margin-left:84px;*/ white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; -webkit-transition: all 0.2s; /* For Safari 3.1 to 6.0 */ transition: all 0.2s;}

.top_news_con:hover h5{ color:#999;}
.top_news_con:hover p{ color:#999;}

.top_news_pic{ margin:0; background-position:center; background-size:cover;}

.top_news_more{margin-top:30px; text-align:center}
.top_news_more a{ padding:20px 40px; color:#fff; background-color:#0187d2; -webkit-transition: all 0.2s; /* For Safari 3.1 to 6.0 */ transition: all 0.2s;}
.top_news_more a i{ margin-right:10px;}

.top_news_more a:hover{ text-decoration:none; background-color:#21ade5;  color:#fff;}

@media (min-width:992px){
	.top_news_pic { position:absolute; top:136px; left:15px; width:480px; height:420px;}
	.top_news_text{ margin-left:520px;}
	.top_news_more{ margin-top:30px; text-align:left;}
	.top_news_more a{  color:#fff;}
	.top_block3{ height: 650px;}
}
@media (min-width:1400px){
	.top_news_pic { width:680px;}
	.top_news_text{ margin-left:720px;}
	
	.top_news_more{ left:720px;}
}






.top_block4{ padding:60px 0; color:#777; background-image:url(../images/top_bg4.jpg); background-position:center; background-size:cover;}
.top_block4 p{padding: 25px; background-color: #ededed;}
.top_tech_con{ height:350px; background-position:center; background-size:cover; position:relative;}
.top_tech_con a{ position:absolute; z-index:11; top:0; left:0; width:100%; height:100%; background-color:rgba(255,255,255,0.4); padding-top:220px; text-align:center; opacity:0; -webkit-transition: all 0.2s;  transition: all 0.2s;}
.top_tech_con a i{ height:64px; width:64px; background-color:#0187d2; border-radius:50%; color:#fff; font-size:2rem; padding-top:15px;}
.top_tech_con a:hover{ opacity:1;}
.top_tech_con h4{ position:absolute; top:100%; left:0; width:100%; height:80px; transform:translateY(-100%); background-color:rgba(000,135,210,0.5); color:#fff; margin:0; padding:25px 30px;}







.site_map{ display:none;}
@media (min-width:992px){.site_map{ display:block;}}
.site_map_con h5 a{color:#0187d2; font-size:1.1rem;}
.site_map_con ul{ list-style:none; padding:0; font-size:0.95rem;}
.site_map_con ul li a{color:#555;}
.site_map_con ul li a i {color: #0187d2;padding: 0 5px 0 0;}

.site_map_con h5 a:hover,
.site_map_con ul li a:hover{ color:#21ade5; text-decoration:none;}


.guide{ margin-top:32px; margin-bottom:32px;}
.guide a{ color:#fff; background-color:#0187d2; padding:12px 16px; -webkit-transition: all 0.2s; /* For Safari 3.1 to 6.0 */ transition: all 0.2s;}
.guide a:hover{ text-decoration:none; background-color:#21ade5; }
@media (min-width:768px){.guide{ display:none;}}



.page_bread{ background-color:#0187d2; margin:0; font-size:0.9rem; display:table; width:100%; position:relative;}
.page_bread .container-fluid{}
.page_bread .breadcrumb { background:none; float:right; text-align:left;   padding:15px 0 0 0;}
.page_bread .breadcrumb li{ border-radius:0; color:#fff;}
.page_bread .breadcrumb li::before{ color:#fff;}
.page_bread .breadcrumb a{ color:#fff;}
.page_bread .breadcrumb a:hover{color:#FC6; text-decoration:none;}

.page_banner{ background-position:center; background-size:cover; height:400px; position:relative;}
.page_banner h3{ text-align:center; position:absolute; top:50%; left:50%; transform:translate(-50%,0); color:#fff; text-shadow: 0px 0px 5px #000, 0px 0px 10px #333, 0px 0px 15px #555;}


.side_nav{ margin-bottom:60px;}
.side_nav_title{ padding:20px 15px; color:#fff; background-color:#0187d2;  background-position:center right; background-repeat:no-repeat;}
.side_nav ul{ padding:0; list-style:none;}
.side_nav ul h5{ padding:15px 0 0 10px;color: #6b6b6b;font-weight: bold;}
.side_nav ul li{border-bottom:1px solid #ccc;}
.side_nav ul li a{ padding:5px; color:#777; font-size:0.8rem; display:block;}
.side_nav ul li a:hover,.side_nav ul li a.active{ color:#0187d2; text-decoration:none;}

/*.side_nav ul li .side_nav_sub{ padding-bottom:15px;}
.side_nav ul li .side_nav_sub li{border-bottom:0px solid #ccc;}
.side_nav ul li .side_nav_sub li a{ padding:5px 15px 5px 30px; font-size:0.8rem;}*/

@media (min-width:992px){
	.side_nav ul li a{ padding:10px; color:#777; font-size:1rem; display:block;}
}





.md-100{
	text-align: center;
	padding: 300px 0;
	font-size: 30px;
	font-weight: bold;
}
.md-30{
	text-align: center;
	padding: 30px 0;
	font-size: 30px;
	font-weight: bold;
}

.all_box{
	padding-top:20px;
}

.all_block {
    padding: 80px 0;
    color: #777;
    line-height: 1.8rem;
    letter-spacing: 0.1rem;
    background-image: url(../images/all_bg.jpg);
    background-position: center;
    background-size: cover;
}
.mb20 {
    margin-bottom: 20px;
}
.img-100 {
    max-width: 100%;
    vertical-align: bottom;
}
@media (min-width: 1200px){
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
}
}
@media (min-width: 640px){
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
}
}
.page_about_service {
    text-align: center!important;
    padding: 15px 5px;
    margin: 10px 0;
    color: #fff;
}

.h4-title2 {
    position: relative;
    padding: 10px 0 10px 20px;
	background: #ebebeb;
}
.h4-title2:before {
    content: "";
    width: 6px;
    height: 100%;
    background-color: #417cb7;
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9;
}
.btn-info{
	padding: 12px;
}
/*===============================================
					產品介紹
===============================================*/
.product_block ul {
    list-style: none;
    margin: 0 0 30px 0;
    padding: 0;
}
.product_block ul li {
    /*padding: 0 10px;*/
}
.product_block ul li i{
    padding: 0 10px 0 0;
	color: #0187d2;
}
.img-list img{
	border: 1px solid #cbcbcb;
}
.product_detail{
	margin-bottom: 20px;
}
.product_detail p{
	text-align: center;
}


.product_block iframe, .news-wrap iframe {
    width: 100% !important;
    height: 300px !important;
    margin-top: 20px !important;
}
@media (min-width: 768px) {
    .product_block  iframe, .news-wrap iframe {
        height: 420px !important;
    }
}
@media (min-width: 992px) {
    .product_block  iframe, .news-wrap iframe {
        height: 520px !important;
    }
}
@media (min-width: 1200px) {
    .product_block  iframe, .news-wrap iframe {
        height: 520px !important;
    }
}
@media (min-width: 1600px) {
    .product_block  iframe, .news-wrap iframe {
        width: 100% !important;
        margin: 0 auto;
        height: 640px !important;
    }
}
@media (min-width: 1800px) {
    .product_block  iframe, .news-wrap iframe {
        width: 100% !important;
    }
}


/*===============================================
					關於我們
===============================================*/
.about_block ul {
    list-style: none;
    margin: 0 0 30px 0;
    padding: 0;
}
.about_block ul li {
    padding: 0 10px;
}
.about_block ul li i{
    padding: 0 10px 0 0;
	color: #0187d2;
}
.about_block h5{
	font-weight: bold;
	padding-bottom: 20px;
	color: #0187d2;
}



.table-2-col {
	border: 1px solid #ccc;
	border-top: 2px solid #93ceee;
}
.table-2-col span{
	color: #438a7b;
	font-weight: bold;
}
.table-2-col span i{
	padding: 0 10px 0 0;
}
.table-2-col .fz-C{
	font-size: 18px;
	padding:0;
    text-align: left;
}

.table-2-col [class^='col-'] {
	border-bottom: 1px solid #ccc
}

@media (max-width: 47.9375em) {
	.table-2-col [class^='col-'] {
		padding: 0 20px 15px;
		font-size: 0.9375rem;
		color: #333
	}
}

@media (min-width: 48em) {
	.table-2-col [class^='col-'] {
		padding: 10px 0
	}
}

@media (min-width: 87.5em) {
	.table-2-col [class^='col-'] {
		padding: 12px 0
	}
}

@media (min-width: 87.5em) {
	.table-2-col [class^='col-'] {
		padding: 15px 0
	}
}

.table-2-col [class^='col-']:nth-of-type(2n+1) {
	background-color: #0283cba6;
	border-bottom: 1px solid #ddd;
	border-left: none;
	font-weight: bold;
	
}

@media (max-width: 47.9375em) {
	.table-2-col [class^='col-']:nth-of-type(2n+1) {
		background-color: transparent;
		border-bottom: none;
		font-size: 1.125rem;
		padding: 15px 20px
	}
}

@media (min-width: 48em) {
	.table-2-col [class^='col-']:nth-of-type(2n+1) {
		text-align: center
	}
}

@media (min-width: 48em) {
	.table-2-col [class^='col-']:nth-of-type(2n+2) {
		padding-left: 2em
	}
}

@media (min-width: 48em) {
	.table-2-col [class^='col-']:nth-last-of-type(1),
	.table-2-col [class^='col-']:nth-last-of-type(2) {
		border-bottom: none
	}
}

@media (min-width: 48em) {
	.table-2-col {
		border-left: none
	}
}

@media (max-width: 47.9375em){
.teams-member {
    background: linear-gradient(to top, #fff, #efefef);
    border-top: 2px solid #93ceee;
}
}

.about_block  .about_img img{
	max-width:100%;
}
@media (min-width: 768px) {

	.table-2-col [class^='col-']:nth-of-type(2n+1) {
	color: #fff;
	
}
	.table-2-col .fz-C{
	font-size: 18px;
	padding:0 1em;
}
}
@media (min-width: 992px) {
    /*.about_block  .about_img img {
        max-width:80%;
    }*/
}
@media (min-width: 1200px) {
    /*.about_block  .about_img img {
        max-width:80%;
    }*/
	.table-2-col .fz-C{
	font-size: 18px;
	padding:0 2em;
}
}

.for_pc{display:none;}
.for_m{display:block;}
@media (min-width:768px){.for_pc{display:block;} .for_m{display:none;}}

/*===============================================
					服務
===============================================*/
.service_block{
	
}
.h2-title2 {
    color: #333;
	font-size: 32px;
	font-weight: bold;
	text-align: center;
	padding-bottom: 10px;
	padding-top: 30px;
}
.service_block .text_cont{
	padding-bottom: 20px;
	padding: 40px 20px;
	font-weight: bold;
	margin: 0 0 30px 0;
	background-color: #6dabcf;
	color: #fff;
	border-radius: 6px;
	font-size: 20px;
}
.service_box_2 {
	
}
.service-info-list{
	
}
.service_block img {
	width: 100%;
	vertical-align: bottom;
}
.service_block dl {
	width: 100%;
	padding: 10px;
}
.service_block dl dt {
	position: relative;
}
.service_block dl dt h3 {
	position: absolute;
	left: 3%;
	bottom: 10px;
	z-index: 9;
	display: inline-block;
	width: 94%;
	margin: 0 auto;
	padding: 10px;
	background-color: rgba(255,255,255,0.9);
	color: #083157;
	font-size: 20px;
	
}
.service_block dl dd {
	margin-top: 20px;
}

.service_block dl dd p i {
	color: #0187d2;
	padding: 0 10px 0 0;
}



/* 尺寸設定 */


/*@media (min-width: 768px) {
	.service_block .container {
		padding: 50px;
	}
	.service_block dl dt h3{
		font-size: 20px;
	}
	
	.service_block .text_cont {
    font-size: 22px;
}
}
@media (min-width: 992px) {
	.service_block dl {
		
	}
	


}

@media (min-width: 1200px) {
	.service_block dl dt h3{
		font-size: 24px;
	}
}

@media (min-width: 1600px) {
	
}*/

/*===============================================
					技術
===============================================*/
.tech_block{
	 
}
.tech_block img{
	max-width: 100%;
}
.tech_con {
	height: 350px;
	background-position: center;
	background-size: cover;
	position: relative;
}


.tech_con h4 {
	position: absolute;
    top: 65%;
    /* left: 10%; */
    width: 100%;
    height: 80px;
    transform: translateY(-100%);
    /* background-color: rgba(000, 135, 210, 0.5); */
    color: #fff;
    margin: 0;
    padding: 25px 50px;
	font-size: 30px;
}
.tech_con h4 i{
    padding: 0 10px 0 0;
}
.tech_con:hover h4{
    color: #1b5181;
}

.tech_list{
	padding:0 0 30px 0;
}
/*.tech_block strong{
	 font-weight: bold;
	font-size: 18px;
}*/

@media (min-width: 1600px){
	.tech_block strong {
		font-size: 1.2em;
	}
}

.page_tech_service {
    text-align: center!important;
    padding: 15px 5px;
    margin: 10px 0;
    color: #fff;
}

.top_tech_more a {
    padding: 5px 40px;
    color: #fff;
    background-color: #9f9f9fd1;
    text-decoration:none;
}
.top_tech_more a i{
    padding: 0 5px 0 0;
    
}
.top_tech_more a:hover {
    background-color: #8F8F8F;
}


.tech-info{
	padding:10px 0;
}


.spotList {
    margin: 0 -10px;
}
.spotList .item {
    background: #e3e3e3;
	margin:15px 0;
}
.spotList .Img {
    float: left;
    width: 350px;
}
.imh_opacity {
    background: #000;
    overflow: hidden;
}

.spotList .Img img {
    display: block;
    width: 100%;
}

.spotList .Txt {
    overflow: hidden;
    padding: 20px 30px;
    box-sizing: border-box;
}
.b-box {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.spotList .Txt p {
    margin-top: 10px;
    color: #555;
    /*max-height: 150px;*/
}


@media (max-width: 640px){

.spotList .Txt {
    padding: 10px;
}
	.spotList .Img {
    float: none;
     width: 100%;
}
}
@media (min-width: 992px){
	.spotList .Txt {
		padding: 5px 20px;
	}
	.spotList .Img {
    width: 350px;
}
}
@media (min-width: 1200px){
	.spotList .Txt {
		padding: 30px 30px;
	}
	.spotList .Img {
    width: 450px;
}
	.top_tech_more a {
		padding: 10px 40px;
	}
}
@media (min-width: 1400px){
	.spotList .Txt {
		padding: 60px 30px;
	}
}

.h4-title {
    position: relative;
    padding: 10px 0 10px 20px;
}
.h4-title:before {
    content: "";
    width: 6px;
    border-radius: 10px;
    height: 60%;
    background-color: #417cb7;
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9;
}


.tech_block .font_pad{
	padding: 20px;
	padding-bottom: 30px;
}
.tech_block .font_pad2{
	padding: 20px 0 10px;
}

.tech_block ul {
    list-style: none;
    margin: 0 0 30px 0;
    padding: 0;
}
.tech_block ul li {
    padding: 0;
}
.tech_block ul li i{
    padding: 0 10px 0 0;
	color: #0187d2;
}


.tech_block ul li samp{
	font-weight: bold;
	color: #0187d2;
	font-size: 18px;
}

.tech_box h2{	color: #fff; font-size: 18px;}
.tech_box h2 span{ display: inline-block; padding: 10px; color:#256487;;}
.tech_box{
	
}



/*========================================================
                           表格
=========================================================*/
.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}
.table-text {
    color: #D40101;
    text-align: right;
    /* margin-bottom: -30px; */
}
.table_box .page_title i{
	padding: 0 0 0 10px;
	color: #438a7b;
}
.table1 {
	border-collapse: collapse;
	text-align: left;
	margin: 0 0 20px 0;
	font-size: 0.9rem;
	border: 1px solid #c0bebe;
    line-height: 28px;
}
.table1 caption {
	color: #333;
	font-weight: bold;
}
.table1 tr:nth-of-type(2n+1) {
	background-color: #f9f9f9;
}
.table1 th {
	background: #0187d2;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    padding: 5px 10px !important;
    text-align: center;
    border-top: 0 !important;
    border-right: 1px solid #c0bebe;
    border-bottom: 1px solid #c0bebe;
}
.table1 td {
	padding: 2px 10px;
	border: 1px solid #c0bebe;
    vertical-align: middle;   
}

.table1 td:nth-of-type(1) {
    background-color: #f4fafe;
    vertical-align: middle;
    text-align: center;
}

.table1 td.c {
    background-color: #f4fafe;
    vertical-align: middle;
    text-align: center;
}

.table1 td img{
	width: 100%;
}

.table1 td .img_min{
	width: 40px;
	height: 40px;
	margin: 10px;
}

.table-center {
	text-align: center;
}

.table2 {
	border-collapse: collapse;
	text-align: left;
	margin: 0 0 20px 0;
	font-size: 0.9rem;
	border: 1px solid #c0bebe;
    line-height: 28px;
}
.table2 caption {
	color: #333;
	font-weight: bold;
}
.table2 tr:nth-of-type(2n+1) {
	background-color: #f9f9f9;
}
.table2 th {
	background: #0187d2;
	color: #fff;
	font-weight: bold;
	padding: 5px 10px !important;
	text-align: left;	
	border-top: 0 !important;
    border-right: 1px solid #c0bebe;
	border-bottom: 1px solid #c0bebe;
}
.table2 td {
	padding: 2px 10px;
	border: 1px solid #c0bebe;
    vertical-align: middle;
}
.table2 td.c {
    background-color: #f4fafe;
    vertical-align: middle;
    text-align: center;
}


.table3 {
	border-collapse: collapse;
	text-align: left;
	margin: 0 0 20px 0;
	font-size: 0.9rem;
	border: 1px solid #c0bebe;
    line-height: 28px;
}
.table3 caption {
	color: #333;
	font-weight: bold;
}
.table3 tr:nth-of-type(2n+1) {
}
.table3 th {
	background: #4f638f;
	color: #fff;
	font-weight: bold;
	padding: 5px 10px !important;
	text-align: left;	
	border-top: 0 !important;
    border-right: 1px solid #c0bebe;
	border-bottom: 1px solid #c0bebe;
}
.table3 td {
	padding: 2px 10px;
	border-right: 1px solid #dee2e6;
	border-top: 0;
    vertical-align: middle;
	text-align: center;
}
.table3 td.c {
    background-color: #f4fafe;
    vertical-align: middle;
    text-align: center;
	border-bottom: 1px solid #dee2e6;
    border-top: 1px solid #dee2e6;
}
.table3 td.b {
    background-color: #f9f9f9;;
    vertical-align: middle;
    text-align: center;
	border-bottom: 1px solid #dee2e6;
    border-top: 1px solid #dee2e6;
}
.table3 td i{
	display: block;
	color: #66AF33;
}
.table3 .line{
	border-bottom: 1px solid #dee2e6;
}
.table3 .line_s{
	border-bottom: 1px solid #dee2e6;
	border-top: 1px solid #dee2e6;
}

@media (min-width: 1200px){
.table-text {
		display: none;
}
}
@media (max-width: 1200px){
.table3 td {
	white-space:nowrap;
}
}


/*===============================================
					計算公式
===============================================*/

.transprot-icon {
    width: 100px;
    margin-bottom: .5em;
}
.tab-menu li{
	display:inline-block;
	margin:5px 5px;
	}
.tab-menu li.active a{
	background:#4f638f;
	padding:5px 25px;
}
.tab-menu a{
	display:block;
	padding:5px 25px;
	color:#fff;
	background:#2b3e43;
	border-radius:30px;
	text-decoration:none;
	font-size: 16px;
	white-space:nowrap;
	}
.tab-menu a,.tab-menu a:hover{
	-webkit-transition:.5s;
	transition:.5s;
	}
.tab-menu a:hover{
	background:#4f638f;;
	}
.tab-menu li{
	padding-left:0;
	}
.tab-menu li:before{
	display:none;
	}
.page-editor ul li {
    margin-bottom: 10px;
	list-style: none;
  padding: 0;
  /*margin: 0;*/
}

.h2-title {
    font-size: 1.2em;
    font-weight: bold;
    margin: 0 0 10px 0;
    text-align: left;
    color: #0078bd;
}
.h2-title:before {
    content: '';
    display: inline-block;
    width: 7px;
    height: 16px;
    margin-right: 8px;
    background-color: #0078bd;
}
@media (min-width: 1600px){
	.h2-title {
		font-size: 1.4em;
	}
}
.download-1 dl {
    overflow: hidden;
    padding-top: 15px;
    padding-bottom: 12px;
    border-bottom: 1px dashed #ddd;
    margin: 0;
}
.download-1 dl dt {
    float: left;
    margin-right: 10px;
}
.download-1 dl dd {
    margin: 0;
}
.download-1 dl dd h4 {
    font-size: 1.2em;
    font-weight: normal;
    margin: 0;
}
.download-1 dl dd p {
    color: #adadad;
    margin: 0;
}





/*===============================================
					最新消息
===============================================*/

.page_news_con {
	position: relative;
	color: #777;
	border-bottom: 1px solid #ccc;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

.page_news_pic {
	height: 320px;
	background-position: center;
	background-size: cover;
	border-radius: 15px;
}

.page_news_text h4 {
	color: #555;
	font-size: 20px;
}
.page_news_text p {
	 display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.page_news_date {
	margin: 10px 0;
}

.page_news_date span {
	margin-right: 5px;
}


.page_news_con .page_news_more a i {
	margin-right: 10px;
}

.page_news_con .page_news_more a{
	display: inline-block;
}



.page_news_more {
	margin-top: 30px;
	margin-bottom: 36px;
	text-align: right;
}

.page_news_more a {
	padding: 10px 50px;
	background-color: #0187d2;
	color: #fff;
	position: relative;
	-webkit-transition: all 0.2s;
	/* For Safari 3.1 to 6.0 */
	transition: all 0.2s;
}

.page_news_more a:hover {
	background-color: #3f9fd5;
	text-decoration: none;
}

@media (min-width:992px) {
	.page_news_text h4 {
		font-size: 1.6rem;
	}
	.page_news_more {
	margin-top: 60px;
	margin-bottom: 36px;
	text-align: right;
}
}


.badge-blue{
	color: #fff;
	background: #0187d2;
}


/*-------內頁--------*/
.page_title {
    padding-top: 18px;
    padding-bottom: 18px;
    margin-bottom: 18px;
    border-bottom: 1px solid #ccc;
    color: #555;
    font-size: 1.6rem;
}
.page_news_detail_content .news_detail_date{ 
	margin:15px 0;
}
.page_news_detail_content .news_detail_date .badge{
	margin-left:10px; 
	background-color:#0187d2;
}
.page_news_detail_content img{ 
	max-width:100%; 
	height:auto;
	padding: 10px 0;
}
.page_news_detail_content .text-right{
}
.back_btn{ 
	margin:30px 0;
	padding-top: 30px;
}
.back_btn a{ 
	padding:15px 40px; 
	background-color:#0187d2; 
	color:#fff; 
	-webkit-transition: all 0.2s; /* For Safari 3.1 to 6.0 */ 
	transition: all 0.2s;
}
.back_btn a:hover{ 
	background-color:#3f9fd5;
	text-decoration:none;
}

.news-wrap iframe, .page_news_detail_content iframe {
    width: 100% !important;
    height: 300px !important;
    margin-top: 20px !important;
}
@media (min-width: 768px) {
    .news-wrap iframe, .page_news_detail_content iframe {
        height: 420px !important;
    }
}
@media (min-width: 992px) {
    .news-wrap iframe, .page_news_detail_content iframe {
        height: 520px !important;
    }
}
@media (min-width: 1200px) {
    .news-wrap iframe, .page_news_detail_content iframe {
        height: 460px !important;
    }
}
@media (min-width: 1600px) {
    .news-wrap iframe, .page_news_detail_content iframe {
        width: 100% !important;
        margin: 0 auto;
        height: 640px !important;
    }
}
@media (min-width: 1800px) {
    .news-wrap iframe, .page_news_detail_content iframe {
        width: 100% !important;
    }
}

/*-------計算公式---------*/
.md-20{
	padding: 20px 10px;
    font-size: 30px;
    font-weight: bold;
}
.col-form-label{
	padding: 5px 0;
}
.form-group {
    margin: 0;
    padding: 5px 0;
}


.form-group_2 .btn{
	padding: 10px 30px;
}

.result-bottom {
    border-bottom: 2px dashed #adadad;
    padding-bottom: 80px;
    margin-bottom: 80px;
}


.tab_content h3{
	color: #0187d2;
    font-weight: bold;
    font-size: 20px;
}

.field_box{
	padding: 0 5px;
	margin: 0;
	display:inline;
}

.tab-wrap img{
	max-width: 100%;
	border: 1px solid #ced4da;
	margin: 30px 0;
}
.form-group{
	position: relative;
}
.form-group .t1{
    font-size: 16px;
}
.form-group .t1 span{
    padding-left: 20px;
    display: inline-block;
}
/*
.form-group span{
	 font-size: 16px;
	 position: absolute;
     left: 125px;
     top: 5px;
     z-index: 1;
}
*/
@media (min-width: 576px) {
	.form-group .t1{
		font-size: 16px;
	}
/*
	.form-group .t1 span{
		
	}
	.form-group span{
	 font-size: 16px;
	 position: absolute;
     left: 0px;
     top: 5px;
     z-index: 1;
}
*/
	.col-form-label{
		height: 55px;
	}
}

@media (min-width: 768px) {
	.form-group .t1{
		font-size: 16px;
	}
/*
	.form-group .t1 span{
		
	}
	.form-group span{
	 font-size: 16px;
	 position: absolute;
     left: 0px;
     top: 5px;
     z-index: 1;
}
*/
	.col-form-label{
		height: 55px;
	}
}

@media (min-width: 992px) {
	.form-group .t1{
		font-size: 16px;
	}
/*
	.form-group .t1 span{
		
	}
	.form-group span{
	 font-size: 16px;
	 position: absolute;
     left: 0px;
     top: 5px;
     z-index: 1;
}
*/
	.col-form-label{
		height: 55px;
	}
}


@media (min-width: 1200px) {
	.form-group .t1{
		font-size: 14px;
	}
/*
	.form-group .t1 span{
		padding-left: 24px;
	}
	.form-group span{
	 font-size: 16px;
	 position: absolute;
     left: 0px;
     top: 5px;
     z-index: 1;
}
*/
	.col-form-label{
		height: 55px;
	}
}

@media (min-width: 1400px) {
	.form-group .t1{
		font-size: 16px;
	}
/*
	.form-group .t1 span{
		padding-left: 20px;
	}
	.form-group span{
	 font-size: 16px;
	 position: absolute;
     left: 0px;
     top: 5px;
     z-index: 1;
}
*/
	.col-form-label{
		height: 55px;
	}
}
@media (min-width: 1600px) {
/*
	.form-group .t1 span{
		padding-left: 40px;
	}
	.form-group span {
	 font-size: 16px;
	 position: absolute;
     left: 0px;
     top: 5px;
     z-index: 1;
}
*/
}