/* CSS Document */
body {	margin:0; text-align:center; font-family:"BiauKai",Verdana; font-size:15px; color:#555555; background:#fff; line-height:20px;}
img {	border:0; }

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

a { text-decoration:none; color:#555555;
-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:red; 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, .menu-Box, .content-Box, .footer-Box, .copyright-Box { width:1000px; margin:0 auto; text-align:left; position:relative;}

.top { height:97px; background:#fff; overflow:hidden; }

.logo { float:left; padding:0px 0 0 7px;}
.phone { position:absolute; top:27px; right: 10px; background:url(../images/icon-phone.gif) no-repeat left; height:32px; padding-left:40px; color:#093c73; font-size:18px; padding-top:3px;}
.fb { position:absolute; top:27px; right:20px; display:none;}

.menu { background:#01245E; height:37px; clear:both;}
.menu li { float:left;}
.menu li a { color:#fff; font-size:18px; display:block; padding:7px 58px 0 58px; height:37px; border-left:1px solid #fff;}
.menu li a:hover { color:#fff; background:#ffa500;}
.menu li a:last-child { border-right:1px solid #fff;}

.content-Box { margin-top:8px;}
.content-Box:after { content:""; display:block; clear:both; text-indent:-99999px; padding-bottom:10px;}

.fb-page { float:right;}

#events-marquee{ clear:both; padding:20px 0; display:none;}
div#abgne_marquee:after { content:"最新消息"; font-size:18px; color:#082760; padding:0 20px 0 16px;font-weight:bold;}
div#abgne_marquee { height:30px; border:1px solid #ababab; position: relative; overflow: hidden;	/* 超出範圍的部份要隱藏 */  font-size:15px; padding-top:2px;}
div#abgne_marquee ul, div#abgne_marquee li { margin: 0; padding: 0; list-style: none; }
div#abgne_marquee ul { position: absolute; left: 100px;/* 往後推個 30px */ }
div#abgne_marquee ul li a { display: block; overflow: hidden;/* 超出範圍的部份要隱藏 */ height: 25px; line-height: 25px; text-decoration: none; color:#8f8f8f; font-size:15px; padding-top:3px; }
div#abgne_marquee ul li a:hover {color:red; text-decoration:underline}

.title01 { font-size:24px; color:#ec6f13; padding:10px 0 10px 15px;}
.title02 { font-size:24px; color:#082760; padding-bottom:28px;}
.title02 span { font-size:16px; color:red; display:inline-block; padding-left:10px;}

.pro-list { margin:20px 0;}
.pro-list:after { content:""; display:block; clear:both; text-indent:-99999px; padding-bottom:25px;}
.pro-list li { float:left; margin:0 8px 50px 8px; width:220px; position:relative; height:300px;}
.pto { text-align:center; position:relative; border-right:1px solid #cccccc;}
.pro-list li b { color:#525f85; font-size:18px; display:block; padding:10px 0;}
.pro-list li p { padding-bottom:8px; font-size:15px; line-height:16px;}

.icon-new { position:absolute; top:0; left:0; z-index:2;}

.btn-more { padding:0px 20px; color:#fff; background:#eb6f15; text-transform:uppercase; float:right; font-size:12px; position:absolute; bottom:0; right:0;}
.btn-more:hover { background:#ee1c25; color:#fff;}

.footer { background:#cdcdcd; padding:20px 0;}
.footer:after { content:""; display:block; clear:both; text-indent:-99999px; padding-bottom:25px;}

.footer-left-box { padding:45px 0 0 20px; width:510px; float:left;}
.footer-left-box ul { margin-left:40px;}
.footer-left-box ul li { display:inline-table; margin-right:55px;}
.footer-left-box ul li b { font-size:18px; display:block; padding-bottom:15px; font-weight:normal;}
.footer-left-box ul li b a { color:#222;}
.footer-left-box ul li b a:hover { color:red;}
.footer-left-box ul li span { line-height:22px; font-size:16px; display:block; padding-bottom:15px;}
.footer-left-box ul li span a { color:#636363;}
.footer-left-box ul li span a:hover { color:red;}

.footer-right-box { float:right; padding:20px 10px 0 0;}
.form-table { background:#fff; width:465px; padding:25px;
-webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);}
.form-table:after { content:""; display:block; clear:both; text-indent:-99999px; padding-bottom:5px;}
.form-table p { line-height: 34px; color: #333;}
.sp1 { color: #333; padding-left: 20px; margin-right: 18px; font-size:18px;}
.sp2 {  color: #333;  margin-right: 18px;  padding-left: 50px;  display: block;  float: left; font-size:18px;}
.sp3 {  display: block;  float: left;  line-height: 24px;}
.in1 { width: 312px; height: 20px; border: 1px solid #CCC; font-size:18px;}
.in3 { font-size:18px;}

.btn01 { padding:4px 20px; color:#fff; background:#1b479e; text-transform:uppercase; float:right; font-size:12px; border-width:0;}
.btn01:hover { background:#ee1c25; color:#fff;}

.copright { background:#fff; padding:20px 0;}
.copyright-Box { background:url(../images/logo.gif) 98% 0px no-repeat; color:#093c73; font-size:16px;background-size: contain;}
.copyright-Box a, .copyright-Box a:hover { color:#093c73;}

.red { color:red;}
.white { color:#fff;}

.qabox {margin: 10px 0;font-size: 1rem;}