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

body {	margin:0; text-align:center; font-family:"Microsoft JhengHei",Verdana; font-size:14px; color:#363637; background:#fff; line-height:18px;}
img {	border:0;}

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

a { text-decoration:none; color:#363637;
-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:#086bb7; text-decoration:none; }

* { margin:0; padding:0; list-style:none; font-weight:normal;
-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, .banner-Box, .content-Box, .footer-Box, .copyright-Box { width:1000px; margin:0 auto; text-align:left; position:relative;}

.top { height:100px; border-bottom:1px solid #000; background:#fff;}
.logo { float:left;}
.language { position:absolute; top:25px; right:15px;}
.language a { display:inline-block; color:#717171; font-size:12px; padding-left:20px; position:relative;}
.language a:before { content:"."; position:absolute; top:-4px; margin-left:-7px;}
.language a:hover { color:#333;}
.menu ul { float:right; padding-right:15px; margin-top:60px;}
.menu ul li { float:left;}
.menu ul li a { display:block; font-size:16px; color:#363636; padding:0 0 0 25px; text-transform:uppercase;}
.menu ul li a:hover { color:#086bb7; padding-top:4px;}

.copyright { background:#000; padding:15px 0; color:#fff;}
.copyright-Box { text-align:center; }
.copyright-Box a { color:#fff;}



h1 { font-size:38px; font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif; padding-bottom:17px; line-height:42px; text-transform:uppercase;}
.banner { background:url(../images/index-banner-bg.gif) no-repeat top center; background-size:cover; padding:25px 0;}
.banner:after { display:block; clear:both; content:""; text-indent:-99999px;}
.banner-left { width:385px; float:left; padding-left:16px; line-height:22px;}
.banner-right { float:right; width:600px;}
.banner-right li { display:inline-table; margin-right:2px; width:191px; text-align:center;}
.banner-right li span { display:block; width:170px; margin:0 auto 10px auto;}
.banner-right li a { text-decoration:underline;}
.banner-right li a:hover { text-decoration:none;}

.content { background:url(../images/index-content-bg.jpg) no-repeat top center; background-size:cover;}
.content:after { display:block; clear:both; content:""; text-indent:-99999px;}
.content-left { float:left;}
.content-right { float:left; width:598px; color:#fff}
.content-right li { display:inline-table; margin-right:2px; width:191px; text-align:center; margin-top:15px;}
.content-right li span { display:block; width:170px; margin:0 auto 10px auto;}
.content-right li a { text-decoration:underline; color:#fff;}
.content-right li a:hover { text-decoration:none;}

.footer-Box { padding:23px 0; text-align:center;}
.line { border-bottom:1px solid #000; padding-top:10px; margin-bottom:25px; position:relative;}
.title01 { position:relative; margin:0 auto; background:#fff; padding:0 20px; text-transform:uppercase; font-size:20px; display:inline-block; top:22px; z-index:2;}