/* CSS Document */
@import url(font-awesome/css/font-awesome.min.css);

body {	margin:0; text-align:center; font-family:"微軟正黑體", Arial,Helvetica,sans-serif; font-size:13px; color:#7a7a7a; line-height:23px; }
img {	border:0; }

/* Reset ================================================================================= */

a { text-decoration:none; color:#7a7a7a;
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s; }
a:hover {	color:#1c56d2; text-decoration:none; }

* { margin:0; padding:0; list-style:none;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */}

.top-Box, .header-Box, .banner-Box, .content-Box, .content2-Box, .footer-Box, .copyright-Box { max-width:1000px; margin:0 auto; text-align:left; position:relative;}

.top { min-height:89px; background:url(../images/top-bg.gif) repeat-x bottom #fff; border-top:2px solid #155082;}

.logo { float:left; margin:13px 0 0 15px;}
.top-right { float:right; padding:23px 14px 0 0;}

.language { padding-bottom:5px; text-align:right;}
.language a { display:inline-block; margin-left:10px; font-size:12px; color:#606060;}
.language a:hover { color:#155082;}
.language a:before { content:"+"; padding-right:2px; display:inline-block;}

ul.menu { }
ul.menu li { display:inline-block; text-transform:uppercase;}
ul.menu li a { padding-left:22px; color:#010101; font-size:13px;}
ul.menu li a.current{ color: #1c56d2 !important;}
ul.menu li a:hover { color:#1c56d2;}
.m_menu { display:none;}


.footer { background:#dedede; min-height:127px;}
.footer:after { content:""; display:block; clear:both; text-indent:-99999px; height:10px;}
.copyright { float:left; line-height:18px; color:#7a7a7a; font-size:12px; width:385px; padding-top:30px; margin-right:15px;}
.copyright span { color:#000000; padding-right:25px; font-weight:bold;}
.ce { float:left; width:163px; padding-top:0px;}



.content { background-image:url(../images/content-bg.jpg); background-size:cover; background-position:top center; color:#ffffff;}
.content b { font-family:Verdana, sans-serif; color:#b4eeda; font-size:24px; font-weight:normal; padding-bottom:10px; padding-top:22px; display:block;}
.index-about { padding:64px 24px;}
.index-about img { float:left; margin-right:28px;}
.index-about a { color:#fff;}
.index-about a:hover { color:#fff; text-decoration:underline;}

.content2 { background:#0098c7; color:#ffffff;}
.title01 { font-family:Verdana, sans-serif; font-size:20px; color:#ffffff; padding:25px 0; font-weight:bold;}
.index-news, .index-contact { min-width:498px; display:inline-table; height:250px; position:relative;}
.index-news { background:url(../images/index-news-bg.jpg) no-repeat right bottom; padding-left:26px;}
.index-news li { padding-bottom:2px;}
.index-news li b { display:inline-block; padding-right:10px; font-weight:normal; font-size:12px;}
.index-news li span { display:inline-block; font-size:15px;}
.index-news li span a { color:#fff;}
.index-news li span a:hover { color:#fff; text-decoration:underline;}
.index-news-btn { position:absolute; bottom:20px;}

.index-contact { background:url(../images/index-contact-bg.jpg) no-repeat left bottom; padding-right:20px; font-size:15px; line-height:24px; text-align:right; margin-left:-3px;}
.index-contact b { color:#ffea00;}
.index-contact a { color:#fff;}
.index-contact a:hover { color:#fff; text-decoration:underline;}


#goTop {
    position:fixed;
    z-index:90;
    right:30px;
    bottom:31px;
    display:none;
    width:40px;
    height:40px;
    color:#fff;
    background:rgba(0, 0, 0, .5);
    line-height:50px;
    border-radius:50%;
    transition:all 0.5s;
    text-align: center;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
}
#goTop:hover{
    background:rgb(0, 0, 0);
}
#goTop i {
    font-size: 32px;
}


@media only screen and (max-width: 960px) {
.top-Box, .header-Box, .banner-Box, .content-Box, .content2-Box, .footer-Box, .copyright-Box, .quick-link-Box { margin:0 10px;}

.top { padding-bottom:1px;}
.logo { float:none; text-align:center;}
.top-right { float:none; padding:0;}
.language { text-align:center;}

ul.menu{ display:none;}
.m_menu{ display:block; padding:0 10px; border-radius:6px; position:relative; height:35px; overflow:hidden; z-index:999; margin-bottom:10px;
background-image:linear-gradient(to bottom, #222, #6a6a6a);}
.m_menu.active{ background: -moz-linear-gradient(top,  #838383 0%, #272727 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#838383), color-stop(100%,#272727)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #838383 0%,#272727 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #838383 0%,#272727 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #838383 0%,#272727 100%); /* IE10+ */
background: linear-gradient(to bottom,  #838383 0%,#272727 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=0 );}
.m_menu a.main{ display:block; padding:0 0px; font-size:15px; color:#FFF; line-height:35px;}
.m_menu a.main i{ padding-right:10px; font-style:normal; font-family:FontAwesome;}
.m_menu ul.nav{ }
.m_menu ul.nav li{ clear:both; border-top:1px solid #999;}
.m_menu ul.nav li a{ height:35px; display:block; padding:5px 33px 0 20px; color:#fff; letter-spacing:1px; font-size:13px;}



.index-news, .index-contact { min-width:100%;}

.content2-Box { margin:0;}

}

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

}

@media only screen and (max-width: 570px) {
.copyright { float:none; line-height:18px; color:#7a7a7a; font-size:12px; width:100%; padding-top:30px; margin-right:0;}
.ce { float:none; text-align:center; display:block; width:100%;}

.index-about img { max-width:100%;}
}