@charset "utf-8";

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

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

.ff1 { font-family: BebasNeue-Bold; }
.ff2 { font-family: BebasNeue-Regular; }
.title_en {font-family: BebasNeue-Bold; font-size: 50px; line-height: 60px; margin-bottom: 0;color: #ec6739;}
.title_cn {position: relative;font-size: 18px; color: #000;margin: 5px 0 30px 0; padding-bottom: 8px;}
.title_cn:after { content: ''; position: absolute; bottom: 0; left: 0; width: 60px; height: 1px; background: #ec6739; }

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

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

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

header {padding: 0 0 0;}

footer {background: #2f2f2f; padding: 10px 0; color: #fff;}

#logo {margin: 15px 0 0;}

#nav {margin-bottom: 0;}
#nav li {list-style: none;}
#nav li a {color: #000; padding: 45px 20px 40px; display: block;font-size: 18px;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 {color:#fff; background: #e28c23; /*background: linear-gradient(to bottom,#ec6739, transparent);*/ }
/*#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; }*/

.index-part1 .item {position: relative;}
.index-part1 .item .box { position: absolute; right: 10%; top: 50%; margin-top: -80px;font-weight: bold; }
.index-part1 .item .box >div{padding: 30px; background: #ef7850; color: #fff;box-sizing: border-box;}
.index-part1 .item .box .title { font-weight: bold; color:#fff; text-shadow: 5px 5px 5px #333; font-size: 50px; letter-spacing: 5px;}
.index-part1 .item .box .info {width: 230px; margin-top: 30px;}
.index-part1 .item .box .more { font-weight: bold; position: absolute; right: 20px; bottom: 30px; border-radius: 20px; background: #4e4e4e; color: #fff; padding: 5px 30px; }

.index-part2 {padding:5% 0;}
.index-part2 .left-box {padding-right: 40px; position: relative;}
.index-part2 .left-box .more {position: absolute; bottom: 0; background: #fcb72c; color: #000; line-height: 35px;overflow: hidden;}
.index-part2 .left-box .more i {float:left;background: #444344; color: #fff; line-height: 35px; padding: 0 10px; font-size: 22px;}
.index-part2 .left-box .more span {padding: 0 20px;}

.index-part3{background: #f6f4ed; position: relative;padding: 4% 0 6%;}
.index-part3>div {position: relative; z-index: 10;}
.index-part3:before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background:url('../images/img1_1.png') no-repeat left bottom; }
.index-part3:after {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background:url('../images/img1.png') no-repeat right bottom; }
.index-part3 .list {}
.index-part3 .list .item {margin-top: 8%;}
.index-part3 .image {float: left;}
.index-part3 .right {margin-left: 138px;}

.index-part4 {padding:5% 0;}
.index-part4 .item { position:relative;  }
.index-part4 .item>a{display: block;}
.index-part4 .item .img {}
.index-part4 .item .info { /*position:absolute; bottom:0; left:0; right:0;*/ padding:10px 20px; }
/*.index-part4 .item .info:before { position:absolute; width:100%; height:100%; content:'';  bottom:0; left:0; right:0; background:linear-gradient(to top,#335470,#6d99c5); opacity:.9; }*/
.index-part4 .item .info * { color:#fff; position:relative; }
.index-part4 .item .info .title { margin-bottom:5px; }
.index-part4 .item .field1 { line-height: 21px; height: 84px; overflow: hidden; text-align: justify; }

.index-part4 .item0 .info {background:#da7327; }
.index-part4 .item1 .info {background:#c54444; }
.index-part4 .item2 .info {background:#3fc1a4; }
.index-part4 .item3 .info {background:#38b0d3; }
.index-part4 .item4 .info {background:#3f64c1; }
.index-part4 .item5 .info {background:#603ec0; }




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

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

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


}


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

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