@charset "utf-8";

@font-face
{
    font-family: Oswald;
    src: url('/fonts/Oswald/Oswald-Bold.otf')
}

.mytitle1 {color: #009ada; margin-bottom: 40px; text-align: center;}
.mytitle2 {color: #009ada; margin-bottom: 30px;}

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

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

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

.mycontainer {max-width: 90%;}

footer {background: #1f4f7f; padding: 30px 0; color: #fff;}
footer a {color: #fff;}
#footer-nav {padding: 0;}
#footer-nav li {list-style: none; margin-left: 20px;}

header {padding: 20px 0; background: #fff;}

#logo {margin: 0 0 0;}

.page_style1 {margin-top:5%; margin-bottom: 5%; }

.banner-box {min-height: 350px; position: relative;}
.banner-box:after {position: absolute; content: ''; background: rgba(0,0,0,.5); left: 0; right: 0; top:0; bottom: 0; }
.banner-box .title { margin-bottom: 0; position: absolute; z-index: 2; left: 50%; top: 50%; transform: translate(-50%,-50%); color: #fff;}

#nav {margin:10px 20px 0 0;}
#nav li {list-style: none;}
#nav li a {color: #000; padding: 0 5px; margin: 0 15px; display: block;font-size: 16px;transition: all .5s; position: relative;}
#nav > li > a:before { position:absolute; left:50%; right:50%; content:''; bottom:-10px; height:3px; background:#4098d4; transition:all .5s; }
#nav > li > a:after { position:absolute; right:50%; left:50%; content:''; bottom:-10px; height:3px; background:#4098d4; transition:all .5s; }
#nav > li > a.top-a.active,#nav > li > a.top-a:hover { color: #4098d4; }
#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; }

#language-box {margin-top: 9px;}

.index-part1  {position: relative;}
.index-part1 .item .box { font-family: Oswald; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); font-size: 30px; color: #fff; text-shadow: 0 0 20px #000; line-height: 50px; font-weight: bold;  }

.index-part2 {padding: 5% 0;}
.index-part2 .a1 {color:#009ada; margin-bottom: 30px; font-size: 18px; }
.index-part2 .a2 {border-left: solid 3px #009ada; padding: 15px 0 15px 15px; line-height: 30px; }

.index-part3 {padding: 5% 0; background: #f8f8f8;}
.index-part3 .item > div {box-shadow: 0 0 30px 3px #ccc; border: solid 1px #cc;}
.index-part3 .item .box { padding:20px; }

.index-part4 {padding: 5% 0; }
.index-part4 .item > div { text-align: center;}
.index-part4 .item .p-title {font-size: 18px; font-weight: 500; margin: 10px 30px 20px; }
.index-part4 .item .p-image {padding: 30px 0;}
.index-part4 .item .p-a1 {margin:0 20px 30px; line-height: 25px;}

.index-part5 {padding: 5% 0;}
.index-part5 .item {text-align: center;}
.index-part5 .item img {max-width: 66.6%;}
.index-part5 .uk-slidenav {display: block !important;}
.index-part5 .uk-slidenav-previous {left: -30px !important;}
.index-part5 .uk-slidenav-next {right: -50px !important;}

.article-list .p-title a { word-break: break-all;overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical; }

.article-list .des {line-height: 25px; height: 50px;overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}

.page_box p,.page_box p * { font-size: 16px !important; }

#index-box > div {overflow: hidden;}

#mobile_bar {display: none; position: absolute; right: 15px; top: 20px;}
#mobile_bar .fa {font-size: 24px; color: #009ada; }
.fixed {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 9999;
}
.fixed a {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #1f4f7f;
    margin-bottom: 10px;
}
.fixed a i{color: #fff;}



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

@media screen and (max-width: 1220px) {
	.uk-container { max-width: 100%; }
}

@media screen and (max-width: 1100px) {
	.nav-wrap {display: none;}
	header {position: relative; padding: 10px 0; border-bottom: solid 1px #ccc; box-shadow: 0 0 30px #999;}
	#mobile_bar {display: block;}
	#language-box {position: absolute; right: 60px; top: 13px;}
	#language-box .text {display: none;}
	.index-part1 .item .box {font-size: 14px; line-height: 21px;}
	.uk-h1 {font-size: 26px;}
	.mytitle1 {margin-bottom: 20px;}
	.index-part5 .uk-slidenav-next {right: -30px !important;}
	.banner-box {min-height: 200px;}
	.contact_info td {display: table; padding: 5px 0 5px 0 !important; white-space:normal; width: 90% !important; box-sizing: border-box; }

	.uk-margin-large-top{margin-top: 30px !important} 
	.uk-margin-large-bottom {margin-bottom: 30px !important;}
	.contact_form { width: auto !important; }
}


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

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