@charset "utf-8";



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

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

* {font-weight: 300;}

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

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

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

footer {background: #007c7c; padding: 10px 0; color: #fff;}

footer .box1 a { line-height: 12px; border-right: solid 1px #fff; color: #fff;  margin-right: 10px; padding-right: 10px; display: inline-block; }
footer .box1 a:last-child {border: none;}

#logo {margin: 20px 0;}

#lang-box {margin-top: 30px;}
#lang-box a { color: #000; }

nav {background: #007c7c;}
#nav {margin-bottom: 0; padding-left: 0;}
#nav li {list-style: none; position: relative;}
#nav li a {color: #fff; padding: 15px 0; text-align: center; display: block; 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: linear-gradient(to top, rgba(255,255,255,.7) , transparent); 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 ul {padding: 0;}
#nav li:hover .son-nav { display: block;  }
#nav .son-nav {position: absolute; top: 100%; left: 0; min-width: 100%; display: none; background:rgba(52,122,123,.5); }
#nav .son-nav li {padding: 0 20px; line-height: 25px;  }
#nav .son-nav li a {display: block; white-space: nowrap; color: #fff;}
#nav .son-nav li:hover {background: rgba(255,255,255,.2);}

.index-part2 {background:linear-gradient(to bottom, #c9f0f0 , transparent); padding: 2% 0; }
.index-part2 .title {color: #007c7c; }
.index-part2 .left-box ul {padding-left: 0;}
.index-part2 .left-box li { transition:all 0.5s ease; font-size: 16px; overflow: hidden; border-bottom: dashed 1px #999; padding-bottom: 8px; margin-bottom: 8px; list-style: none;}
.index-part2 .left-box li span {float: left; margin-right: 20px; display: block; transition:margin 1.5s ease;}
.index-part2 .left-box li a { color: #000; display: block;}
.index-part2 .left-box li:hover { color: #07d; font-weight: bold; cursor: pointer; }
.index-part2 .left-box li:hover span { margin-left:10px;  }
.index-part2 .right-box {font-size: 16px; line-height: 40px;}

header {height: 153px;}
footer {height: 41px; box-sizing: border-box; }


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

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

}

.visual{
    display: none;}
@media screen and (max-width: 1024px) {
    .uk-container{
        max-width: 100%;
        padding: 0 15px;
    }
    header{height: auto;}
    body {min-width: 100%; }
    #logo img{
        width: 100px;
    }
    .uk-grid-width-1-2>*{width: 100%;}
    .uk-grid{margin-left: 0;}
    .uk-grid>*{width: 100%;padding: 0;}
    .right_content{
        padding: 0 !important;
        margin-top: 30px;
    }
    .top-img{min-height: 172px !important;}
    .page-title{
        padding-top: 62px !important;
        font-size: 26px !important;
    }
    .contact_info td{
        padding: 0 !important;
    }
    .pignose-parallaxslider .slide-visual{
        width: 100% !important;
        height: 172px !important;
    }
    .pignose-parallaxslider .slide-visual img{
        height: 172px !important;
        width: 100%;
        margin-left: -2.1px;
    }
    #visual{display: none;}

    .visual{
        display: block;}
    footer {height: auto; }
    .uk-width-1-4{display: none;}
}


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

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