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

/**自定义样式**/
*{ margin: 0 ; padding: 0;}
html{ font-size:20px;}
body {
    font-family:"Microsoft JhengHei"/*微軟正黑*/ , "Helvetica Neue", Helvetica, 'SimHei', Arial, sans-serif;  color:#666; background: #ffffff;  /*font-family: "Microsoft YaHei"; 微軟雅黑*/
    font-size: 14px;
}
input, textarea, selet, option, button{outline: none;}
input[type="submit"], input[type="reset"], input[type="button"], button { -webkit-appearance: none; /*去掉苹果的默认UI来渲染按钮*/}
input:-webkit-autofill{ background: none;}

a{color: #090b17;text-decoration: none;  }
a:focus,a:hover{text-decoration: none; color:#3D5FA3;}
li{list-style: none;}



/*======框架样式重置初始化========*/
.h1,h1,.h2,h2,.h3,h3,.h4,h4,.h5,h5,.h6,h6{ margin: 0;}
.h20{ font-size:20px;}
.h28{ font-size:28px;}




/*-------------導航---------------*/
/*按鈕部分*/
.hamburger {vertical-align:middle;/*padding-right: 6px;*/ background:none;}
.hamburger,.hamburger:before,.hamburger .hamburger-bar,.hamburger:after {-webkit-transition:-webkit-transform .2s ease-in-out;-o-transition:-o-transform .2s ease-in-out;transition:transform .2s ease-in-out;}
.hamburger:before,.hamburger:after {content:"";}
.hamburger:before,.hamburger .hamburger-bar,.hamburger:after {display:block;width:1.4em;height:3px;margin:0;background:#fff;border-radius:1px;}
.navbar-default .hamburger .hamburger-bar,.navbar-default .hamburger:after {background:#fff;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{ background: none;}
.hamburger .hamburger-bar {margin:.2em 0;}
.hamburger-close:before {-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:5%;-ms-transform-origin:5%;-o-transform-origin:5%;transform-origin:5%; }
.hamburger-close .hamburger-bar {opacity:0;}
.hamburger-close:after {-webkit-transform:rotate(-48deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:5%;-ms-transform-origin:5%;-o-transform-origin:5%;transform-origin:5%;margin-top:3px;}
/*.hamburger-close.collapsed{padding-right: 10px;}*/
.hamburger-close.collapsed:before{-webkit-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0); }
.hamburger-close.collapsed .hamburger-bar {opacity:1;}
.hamburger-close.collapsed:after {-webkit-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);}

/**/
.header-box {margin-bottom:0px;-o-box-shadow:none;-ms-box-shadow:none;box-shadow:none;z-index:1601; border: none; border-radius: 0;background:#3D5FA3;}
/* 導航吸頂：sticky 設在 #site-header（body 的直接子層），佔據自身實際高度，內容（banner）依文件流排在其下方，任何寬度都不會被遮擋 */
#site-header{ position:-webkit-sticky; position:sticky; top:0; left:0; right:0; width:100%; z-index:1601; }

.header-box .navbar-logo {padding:0px;display:block; margin:0 40px 0 0; height:70px; width:140px;}
.header-box .navbar-logo img { height:70px; width:auto; }
.header-box .navbar-toggle {height:auto;margin-right:0;border:none;}

.header-box .nav>li{padding: 0; }
.header-box .nav>li>a{color:#fff;transition:color 0.5s;-webkit-transition:color 0.5s;transition:background 0.5s;-moz-transition:background 0.5s;-webkit-transition:background 0.5s;-o-transition:background 0.5s; line-height:70px;margin: 0; padding: 0; background: none; padding: 0 16px;}
.navbar-default .navbar-nav > .open > a,.navbar-default .navbar-nav > .open > a:hover,.navbar-default .navbar-nav > .open > a:focus { color: #fff; background: none; }
.header-box .nav>li>a:hover,.navbar-default .navbar-nav > .open:hover > a,.navbar-default .navbar-nav > li.active > a,.header-box .nav li a.active,header-box .dropdown.open>a,.header-box .nav li.active>a:hover,.header-box .nav li.active>a:active,.header-box .nav li>a:hover.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>.active>a:hover {color:#fff;  background: #3D5FA3;  -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s;  -o-transition: all 0.3s; transition: all 0.3s;}

/*及时查询*/
.header-box .nav>li.fast a{ background:none;}
.header-box .nav>li.fast a span{height: 36px;line-height: 36px; padding:0 20px;  border: solid 1px #fff; border-radius:2px; display:inline-block;}
.header-box .nav>li.fast:hover a{ background:none;}
.header-box .nav>li.fast:hover a span{ background:#fff; color: #333;}
/*WhatsApp*/
.header-box .nav>li.whatsapp a img{ width:24px; height:24px; vertical-align:-6px; margin-right:6px; }
.header-box .nav>li.whatsapp a:hover{ background:none; }
.header-box .nav>li.whatsapp a:hover img{ opacity:.8; }

/*英文導航文字較長：縮減字級與間距，避免換行*/
html[lang="en"] .header-box .nav>li>a{ padding: 0 8px; font-size: 13px; }
html[lang="en"] .header-box .nav>li.fast a span{ padding: 0 12px; }
html[lang="en"] .header-box .navbar-logo{ margin-right: 16px; }
html[lang="en"] .header-box .nav>li.whatsapp a img{ margin-right: 4px; }
@media only screen and (max-width:1200px){
    html[lang="en"] .header-box .nav>li a{ padding: 0 5px; }
    html[lang="en"] .header-box .nav>li.fast a span{ padding: 0 8px; }
}
/*窄視窗：導航改為摺疊選單（沿用行動版樣式），確保導航永遠不換行、不遮擋內容*/
@media only screen and (min-width:769px) and (max-width:1049px){
    .header-box .navbar-toggle{ display: block; margin-top: 20px; }
    .header-box .navbar-collapse{ width: 100%; margin: 0; padding: 0; position: absolute; top: 70px; left: 0; z-index: 2; background: #3D5FA3; border-top: none; }
    .header-box .navbar-collapse.collapse{ display: none !important; }
    .header-box .navbar-collapse.collapse.in{ display: block !important; }
    .header-box .nav{ width: 100%; clear: both; margin: 0; }
    .header-box .nav>li{ float: none; margin: 0; border-bottom: dotted 1px #eee; padding: 0 15px; }
    .header-box .nav>li:last-child{ border-bottom: none; }
    .header-box .navbar-collapse .nav>li>a{ line-height: 46px; margin: 0; padding: 0; background: none; font-size: 14px; }
    html[lang="en"] .header-box .navbar-collapse .nav>li>a{ line-height: 46px; margin: 0; padding: 0; background: none; font-size: 14px; }
    .header-box .nav>li.fast{ text-align: center; }
}



/*===========网站底部===================*/
.contactus_box{width: 100%; height: 380px;position: relative;}
.contactus_box-bg{width: 100%; height:100%;/* position:absolute; left: 0; top: 0; content:"";*/  background-color:#3D5FA3;  opacity:0.95;  filter: alpha(opacity=95); display: table;}
.contactus_box-bg .middle{ display: table-cell; vertical-align: middle;}
.contactus_box .jumbotron{ color: #fff;  background:none; text-align: center; margin-bottom:0; padding-top: 31px; }
.contactus_box .jumbotron h3{ height:40px; line-height:40px; }
.contactus_box .jumbotron p{ line-height:24px; margin:16px 0;  font-size: 16px; }
.contactus_box .jumbotron .tel strong{ font-size:28px; padding: 0 10px;  }
.contactus_box .jumbotron a.btn{ margin-top:20px;  display:inline-block; background:#fff; font-size:16px; color:#31373a;  line-height:44px; height:44px;width: 240px; text-align: center; padding: 0; border-radius:0;border: none; position: relative; -webkit-transition:all .5s ease;transition:all .5s ease;  }
.contactus_box .jumbotron a.btn span{ display:inline-block;line-height:44px; width:100%;position: absolute; z-index: 2;  left: 0; top: 0;  }
.contactus_box .jumbotron a.btn:before{content:""; width:0; height:100%; left: 0; top:0;  position: absolute;z-index:1; background:#31373a; -webkit-transition:all .5s ease;transition:all .5s ease;  }
.contactus_box .jumbotron a.btn i{ margin-right: 10px;font-size:18px; }
.contactus_box .jumbotron a.btn:hover{ color: #fff; }
.contactus_box .jumbotron a.btn:hover:before{ width: 100%;  }
/*底部導航*/
.footer-bg{ background: #293a45; width: 100%; overflow:hidden;}
.footer-bg .footer-content{ padding:80px 0;}
.footer-bg .footer-content .footer-nav li{ line-height:32px;}
.footer-bg .footer-content .footer-nav li a{color: #8a9399; -webkit-transition:all .5s ease; transition:all .5s ease;}
.footer-bg .footer-content .footer-nav li a i{ font-size:18px; margin-right: 12px; }
.footer-bg .footer-content .footer-nav li:hover a{ color:#ddd;}
.footer-bg .footer-content .Contact-mode li{ line-height:50px;color: #8a9399; -webkit-transition:all .5s ease; transition:all .5s ease;}
.footer-bg .footer-content .Contact-mode li i{ border: solid 1px #8a9399; width: 30px; height: 30px; border-radius: 30px; text-align: center; line-height: 30px; font-size:16px; margin-right: 12px;-webkit-transition:all .5s ease; transition:all .5s ease; }
.footer-bg .footer-content .Contact-mode li:first-child i{ font-size: 18px;}
.footer-bg .footer-content .Contact-mode li:hover{ color:#ddd;}
.footer-bg .footer-content .Contact-mode li:hover i{  border: solid 1px #bbb; color:#bbb;}



.footer-bg .Copyright{line-height:44px; height:44px; text-align: center;color:#b3b3b3;background:#22343f; }
.footer-bg .Copyright span{color:#8a9399;}
.footer-bg .Copyright span a{color:#8a9399; padding-left: 5px; }
.footer-bg .Copyright span a:hover{text-decoration: underline; }



@media only screen and (max-width:1200px){
    .header-box .container{width: 100%;}
    .header-box .nav>li a{ padding:0 7px; }
    .header-box .navbar-logo {display:block; width: 90px; margin-right: 20px;}
    .navbar>.container .navbar-brand{ margin-left: 0;}

    /*icon*/

}




@media only screen and (max-width:768px){
    /*======框架样式重置初始化========*/
    .h1,h1{font-size:1.4rem}
    .h2,h2{font-size:1rem}
    .h3,h3{font-size:.75rem}
    .h4,h4{font-size:.5rem}
    .h20{ font-size:.65rem;}
    .h28{ font-size:.85rem;}

    /*頭部導航*/
    #site-header{ position: static; }
    .header-box{ position: static;}
    .header-box .container{ margin: 0;}
    .header-box .navbar-logo {padding:0px;display:block; margin:0 10px 0 10px; width: 160px; height: 50px;}
    .header-box .navbar-logo img { height:50px; }
    .navbar>.container .navbar-brand{ margin-left:10px;}
    .header-box .navbar-collapse{width: 100%; margin: 0; padding:0;position: absolute; top:50px;  left: 0; z-index: 2; background: #3D5FA3; border-top:none; }
    .header-box .nav{width: 100%; clear: both; margin:0;  }
    .header-box .nav li{margin: 0; border-bottom: dotted 1px #eee; padding:0 15px;}
    .header-box .nav li:last-child{ border-bottom:none;}
    .header-box .navbar-collapse .nav>li>a{ line-height:46px;margin: 0; padding: 0; background: none; }
    .header-box .nav li a.active,header-box .dropdown.open>a,.header-box .nav li.active>a:hover,.header-box .nav li.active>a:active,.header-box .nav li>a:hover.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{ background:none;border-bottom: none; color: #fff;}
    .header-box .nav li.fast{ text-align: center;}


    /*底部*/
    .footer-bg .footer-content{ padding:0 15px;}
}