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

body {	-webkit-text-size-adjust:100%; margin:0; text-align:center; font-family:"微軟正黑體", sans-serif; font-size:15px; color:#222; line-height:22px; background:url(../images/bg.gif) }
img {	border:0; }

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

a { text-decoration:none; color:#222;
-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:#222; 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+ */}

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

.after-0:after { clear:both; display:block; content:""; height:0; text-indent:-99999px;}
.after-5:after { clear:both; display:block; content:""; height:5px; text-indent:-99999px;}
.after-10:after { clear:both; display:block; content:""; height:10px; text-indent:-99999px;}
.after-15:after { clear:both; display:block; content:""; height:15px; text-indent:-99999px;}
.after-20:after { clear:both; display:block; content:""; height:20px; text-indent:-99999px;}

#gotop { display: none; position: fixed; right:20px; bottom:20px; cursor: pointer; }
#gotop a { display:inline-block; width:30px; height:30px; border-radius:100%; padding-top:6px; color:#000; opacity:0.5;  filter: alpha(opacity=50); background:#fff;}
#gotop a:hover { color:#000; opacity:1;  filter: alpha(opacity=80);}


.banner { margin-bottom:0px; line-height:0;}
.owl-theme .owl-controls { position:absolute; width:100%; z-index:100; top:5px; text-align:right !important; padding-right:20px;}
.owl-buttons { display:none !important;}

.brand-title { line-height:0;}
.brand-bg { background:url(../images/brand-bg.png) no-repeat top left; height:308px; background-size:cover; text-align:center;}
.brand-bg li { display:inline-block; margin:0 5px;}

.link { text-align:center; padding:25px 0; border-bottom:2px solid #d6d6d7;}
.link li { width:calc(33.333% - 3px); padding-right:10px; vertical-align:top; display:inline-block;}
.link li:last-child { padding-right:0;}
.link li span { font-size:16px; display:block; text-align:left; padding-top:5px;}
.link li span b { color:#023f8f; font-size:22px;}
.link-pto { line-height:0; overflow:hidden; height:182px;}
.link-pto img {
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;}
.link-pto:hover img { opacity:0.6;  filter: alpha(opacity=60);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
transform: scale(1.1);}

.fix{ text-align: center;}
.fix:before{ display: inline-block; width: 0px; height: 100%; vertical-align: middle; content: ' ';}
.fix img,.fix p{ display: inline-block; max-width: 100%; max-height: 100%; vertical-align: middle; box-sizing: border-box;}