@charset "utf-8";
/* CSS Document */

html, body { font-family:'Lato', sans-serif, "Microsoft JhengHei"!important; font-size:100%; margin:0px; padding:0px;}

#contact_bg{ max-width:1280px; width:100%; margin: auto;}
.header_bg{ background:url(../images/header_bg.jpg) no-repeat center top #000226; position:relative; overflow:hidden; text-align:center;}
.version{ position:absolute; right:40px; 
    top:50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.version ul{ margin:0px; padding:0px;display: table;width: 100%;}
.version ul li{display: table-cell;vertical-align: middle;}
.version ul li:first-child{
    border-right:2px solid #FFF ;
}
.version ul li a:link, .version ul li a:visited{ color:#FFF; text-decoration:none; display:block; padding:0px 20px;font-size: 22px;}
.version ul li a:hover{ color:#FF0;}
/* .line_bg{ background:url(../images/line_bg.gif) no-repeat right 9px;} */

#main_bg{ background:url(../images/bg-top.jpg) repeat-x left top; border-top:4px solid #949494;}
.pro_area{ padding:50px; overflow:hidden; max-width:1160px; width:auto; margin:auto;}
.pro_area ul{ margin:0px; padding:0px; list-style:none;}
.pro_area ul li{ float:left; box-shadow:0px 0px 8px #7ea4cd; margin:20px 15px; text-align:center;}

.company_area{ background:url(../images/bg-bottom.jpg) repeat-x bottom left; overflow:hidden;}
.add_logo{ padding-bottom:10px;}
.company_text{ float:left; width:50%; padding:0px 0px 10px 60px; line-height:26px;}
.address{ float:right; width:40%; padding-right:20px; line-height:26px;}
.title{ color:#0034dd; font-size:24px; font-weight:bold; margin-bottom:15px;}
.address span{ padding-left:30px;}
.address a:link, .address a:visited{ color:#cf5d00; font-weight:bold; text-decoration:none;}
.address a:hover{ color:#00F; text-decoration:underline;}

.foot_bg{ background-color:#000638; text-align:center; color:#FFF; clear:both; border-top:1px solid #fff; line-height:38px;}