@charset "utf-8";



html,body { font:400 14px/21px "微軟正黑體","Microsoft Yahei",Helvetica,Arial,sans-serif; background:#fefefe; }
body { }

h1,h2,h3,h4,h5,h6 {font-weight: 400;}

a:hover { text-decoration:none !important; }

:not(.fa){font-family:"微軟正黑體","Microsoft Yahei",Helvetica,Arial,sans-serif; }

/*.mycontainer {max-width: 90%;}*/

footer {background: #1077d1; padding: 10px 0; color: #fff;}
footer a {color: #fff;}

#logo {margin: 20px 0;}
#logo img {max-height: 100px;}
.page-style3 .item .image img{width: 70%;}
.index-phone {font-size: 20px; color: #000; margin-top:35px;}
.index-phone i { color: #1077d1; font-size: 30px; margin-right: 10px; vertical-align: middle; }
.index-phone button{
	    font-size: 18px;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
    border-radius: .25rem;
    padding: .375rem .75rem;
	 margin-left: 15px; 
}
nav {background: #1077d1;}
#nav {margin-bottom: 0;}
#nav li {list-style: none;}
#nav li a {color: #fff; text-align: center; line-height: 50px; display: block;font-size: 16px;transition: all .5s; position: relative;}
/*#nav > li > a:before { position:absolute; left:50%; right:50%; content:''; top:0px; height:5px; background:#ec6739; transition:all .5s; }
#nav > li > a:after { position:absolute; right:50%; left:50%; content:''; top:0px; height:5px; background:#ec6739; transition:all .5s; }*/
#nav > li > a.top-a.active,#nav > li > a.top-a:hover { background: rgba(255,255,255,.2); color: #fff; }
/*#nav > li > a.top-a.active:before,#nav > li > a.top-a:hover:before { right:0; }
#nav > li > a.top-a.active:after,#nav > li > a.top-a:hover:after { left:0; }*/
#nav .uk-dropdown-blank {background: rgba(50,119,203,.7);}

.index-part2 { padding: 4% 0; }
.index-part2 .title {margin-bottom: 5%;}
.index-part2 .title b { display: inline-block;border-bottom: solid 2px #1077d1; padding-bottom: 10px;  }
.index-part2 .item { display: block; padding: 5%;}
.index-part2 .item .box {position: relative;}
.index-part2 .item .img { box-shadow: 0 0 30px #ccc; }
.index-part2 .item .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(54,117,202,.7); transition: all .5s; }
.index-part2 .item .p-title {position: absolute; left: 0; right: 0; text-align: center; top: 50%; font-size:24px; color: #fff; transform: translateY(-50%);transition: all .5s; font-weight: bold; }
.index-part2 .item:hover .bg,.index-part2 .item:hover .p-title { opacity: 0; }

.index-part3 {padding: 4% 0 2%; background: #f2f2f2;}
.index-part3 .p-title {margin-top:0;}
.index-part3 .p-title a { display: block; color: #000; background: #dedede; line-height: 40px; text-align: center; font-size: 18px; }

#page-banner {position: relative; background-size: cover; height: 250px; }
#page-banner .text-box {position: relative;}
#page-banner .title { color: #000; position: absolute; top: 50%; transform: translateY(-50%); }

.page_box {min-height: 800px; padding: 3% 0;font-size: 18px; line-height: 30px;}
.page_box .title {margin-bottom: 5%;}
.page_box .title span { display: inline-block; border-bottom: solid 2px #1176d0; padding-bottom: 20px;}

.page-style1 .item {margin-bottom: 40px;}
.page-style1 .title1 {color: #1176d0; font-size: 22px; }
.page-style1 .info1 {line-height: 30px; font-size: 18px; margin-top: 15px;}

.page-style3 .info { font-size: 18px; line-height: 30px;}
.page-style3 .item {margin: 4% 0 11%; position: relative; }
.page-style3 .box { position: absolute; right: 0; bottom: -10%; width: 50%; border: solid 1px #ccc; box-shadow: 0 0 30px #ccc; background: #fff; padding: 3%; box-sizing: border-box; }
.page-style3 .box .title1 {color:#1176d0; font-size: 20px; }
.page-style3 .box .des {font-size: 16px; line-height: 30px;}
.page-style3 .item:nth-child(odd) .image { text-align: right; }
.page-style3 .item:nth-child(odd) .box {left: 0; right: auto;}

.page-style4 .link-tabs a { display: block; padding: 0 10px; text-align: center; }
.page-style4 .link-tabs .title1 {background: #0061a0; color: #fff; line-height: 30px; font-size: 16px;}
.page-style4 .item {border: dashed 2px #1aa3cd; padding: 3%; margin-top: 4%; line-height: 30px; }
.page-style4 .item .title1 {color:#0061a0; font-weight: bold; }
.page-style4 .des img {vertical-align: sub;}

#mobile_bar { position: absolute; right: 0; top: 30px; }
#mobile_bar i {font-size: 30px; padding: 5px 10px; color: #fff; background: #3277cb; }

.uk-nav-sub li { margin-left: 15px; }
.uk-nav-sub li a {color: #999;}

.popup_box {
	overflow:hidden;
	position: fixed;
	left: 50%;
	top: 50%;
	width:800px;
	background: rgba(255,255,255,1);
	border: 7px solid #1077d1;
	margin-left: -437px;
	margin-top:-132px;
	min-height:200px;
	padding: 20px 30px 30px;
	z-index: 999999;
}
.popup_box .close-x{
	overflow:hidden;
	text-align:right;
}
.popup_box .close-x img{
	cursor:pointer;
}
.popup_box .spI{
	overflow:hidden;
	color:#1077d1;
	font-size: 36px;
	text-align:center;
	line-height: initial;
	margin: 20px 0 30px 0;
}
.popup_box .spI img{
	margin:0 10px 0 0;
}

.popup_box .spT{
	overflow:hidden;
	color: #222;
text-align:center;
	font-size: 20px;
}





@media screen and (min-width: 1367px) {
	/*.uk-container { max-width:80% !important; }*/
}

@media screen and (max-width: 1200px) {
}

@media screen and (max-width: 960px) {
	#logo {max-width: 80%;}
	.page-style3 .box {position: static; width: 100%; box-sizing: border-box;}
}

@media screen and (max-width: 768px) {
	/*.mytableyy1 td:first-child {display: none;}*/
	table td {display: block; width: 100% !important;}
	.contact_info td {padding: 5px 5px 0 !important;}
	.mybr {font-size: 0; display: block; height: 0; overflow: hidden;}
	.uk-flex {display: block;}
	.mylist1 {padding-left: 0;}
	
	.popup_box {
	overflow:hidden;
	position: fixed;
	left: 50%;
	top: 50%;
	width:600px;

	border: 7px solid #1077d1;
	margin-left: -337px;
	margin-top:-132px;
	min-height:200px;
	padding: 20px 30px 30px;
	z-index: 999999;
}

.popup_box .spI{
	font-size:24px;
}
	.popup_box .spT{
		font-size:18px;
	}
	
}

@media screen and (max-width: 767px) {
		.popup_box {
	overflow:hidden;
	position: fixed;
	left: 50%;
	top: 50%;
	width:300px;

	border: 5px solid #1077d1;
	margin-left: -170px;
	margin-top:-132px;
	min-height:200px;
	padding: 20px 15px 30px;
	z-index: 999999;
}

	
	.popup_box .spI{
	font-size:24px;
}
	.popup_box .spT{
		font-size:18px;
	}
	
}

@media screen and (max-width: 375px) {
		.popup_box {
	overflow:hidden;
	position: fixed;
	left: 50%;
	top: 50%;
	width:250px;

	border: 5px solid #1077d1;
	margin-left: -145px;
	margin-top:-130px;
	min-height:200px;
	padding: 20px 15px 30px;
	z-index: 999999;
}

	
}

@media screen and (min-width: 960px)  and (max-width: 1220px) {

}
@media screen and (max-width: 1220px) and (min-width: 960px)  {
}