@charset "utf-8";
/* CSS Document */
@import url(bootstrap/pingfang-font.css);

/**自定义样式**/
*{ margin: 0 ; padding: 0;}
html{ font-size:20px;}
body {
    font-family:"Microsoft JhengHei"/*微軟正黑*/ , "Helvetica Neue", Helvetica, 'SimHei', Arial, sans-serif;  color:#555; 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:#7bcbc1;}
li{list-style: none;}

/*body a{outline:none;blr:expression(this.onFocus=this.blur());}  去掉a标签点击后的虚线*/
/* ----- clear fix for floats ----- */
/* these styles instruct non-IE browsers to render container elements so that they fully enclose floats */
/* without this class applied, a float might hang over the bottom border of it's container */
.clearfix:after {content:"."; width:0; height:0; line-height:0; font-size:0; display:block; clear:both; visibility:hidden; overflow:hidden;margin:0;}
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */


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


.fr{ float: right;}
.fl{ float: left;}

/*---------颜色值---------*/
.color-bg-fe7200{background:#7bcbc1;}
.color-text-fe720{color:#7bcbc1;}
.color-text-333333{color:#333;}
.color-text-444444{color:#454545;}
.color-text-666666{color:#666;}
.color-text-7a7a7a{color:#7a7a7a;}
.color-text-999999{color:#999;}



/*-------------導航---------------*/
/*按鈕部分*/
.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:24px;height:3px;margin:0;background:#7bcbc1;border-radius:1px;}
.navbar-default .hamburger .hamburger-bar,.navbar-default .hamburger:after {background:#7bcbc1;}
.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:5px;}
/*.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:#fff;}
.header-box .dropdown-menu {left:50%;min-width:220px; white-space:nowrap; margin-left:0;background:rgba(0,0,0,0.3); -o-box-shadow:0 1px 2px rgba(190,190,190,0.1);-ms-box-shadow:0 1px 2px rgba(190,190,190,0.1);box-shadow:0 1px 2px rgba(190,190,190,0.1); text-align: center; transform:translateX(-50%);}
.header-box .dropdown-menu:before{ position:absolute; top:-6px;left:50%; opacity:.3; filter:Alpha(opacity=30); margin-left: -5px; content:""; width:0; height: 0; border-left: solid 6px transparent; border-right: solid 6px transparent; border-bottom: solid 6px #000;}

.header-box .navbar-logo {padding:0px;display:block; margin:15px 0; height:40px; width:140px;}
.header-box .navbar-logo img { max-width: 100%; max-height: 100%; object-fit: contain; }
.header-box .navbar-toggle {height:auto;margin-right:0;border:none;}

/* 居中导航 — 仅桌面端启用 flex 布局，移动端交由 Bootstrap collapse 控制显隐 */
.header-box .language { float:none !important; position:absolute; right:15px; }

/* logo 作为导航项 */
.header-box .nav>li.nav-logo-item { margin:0 30px; padding:0; }
.header-box .nav>li.nav-logo-item>a { padding:0; line-height:70px; display:flex; align-items:center; }
.header-box .nav>li.nav-logo-item>a:hover { background:none; }

/* 移动端隐藏导航中的logo，显示header里的logo */
.navbar-logo-mobile { display:block; }
@media (min-width: 768px) {
    .header-box .navbar-collapse-toolbar { display:flex !important; align-items:center; justify-content:center; }
    .header-box .navbar-nav-centered { float:none !important; display:flex !important; align-items:center; margin:0 auto; }
    .navbar-logo-mobile { display:none !important; }
    .nav-logo-item { display:list-item !important; }
}
@media (max-width: 767px) {
    .nav-logo-item { display:none !important; }
    .header-box .language { position:relative; right:auto; float:right !important; }
}

.header-box .nav>li{margin:0 19px; padding: 0; }
.header-box .nav>li>a{color:#444!important;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;}
/*.header-box .nav>li>a:before{ position:absolute; left:50%; top: 0; content: ""; width:0%; height: 2px;  background: #7bcbc1;    -webkit-transition: all .6s ease;*/
    /*transition: all .6s ease; }*/
.header-box .nav>li>a:hover {color:#7bcbc1!important;    -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s;  -o-transition: all 0.3s; transition: all 0.3s;}
.navbar-default .navbar-nav > .nav li.open a:before,.navbar-default .navbar-nav > .nav li:hover a:before{left:10%; top: 0; content: ""; width:80%;}
.header-box .nav>li:hover a:before{left:10%; top: 0; content: ""; width:80%;}
.navbar-default .navbar-nav > .open > a,.navbar-default .navbar-nav > .open > a:hover,.navbar-default .navbar-nav > .open > a:focus { color: #7bcbc1; background: none;  }
.header-box .nav li.dropdown { position: relative; }
.header-box .nav li .dropdown-menu{top: 70px !important; left: 50% !important; right: auto !important; margin-left: 0 !important; transform: translateX(-50%) !important; -webkit-transform: translateX(-50%) !important; -webkit-transition: all .6s ease; transition: all .6s ease;}
.header-box .nav li.open a:hover .dropdown-menu{}
.header-box .nav>li.open .dropdown-menu {display:block; border:none;}

.header-box .nav>li.open .dropdown-menu li a{padding:0; color: #fff; line-height:30px;}
.header-box .nav>li.open .dropdown-menu li a:hover{ color: #7bcbc1;}

.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover {background:none;}

/*中英文*/
.header-box .language{line-height: 70px; margin-right: 20px;}
.header-box .language a{ display: inline-block; font-size:14px; color: #464646; margin:0 10px; position: relative; color: #777;}
.header-box .language a:first-child{ margin-left: 0;}
.header-box .language a:last-child{ margin-right: 0;}
.header-box .language a:first-child::after{ position: absolute; right:-10px; top:30px; content:''; width: 1px; height:12px; background:#777;  }


/*社交圖標*/
.gam-icon{ margin-top:16px; margin-right: -5px; float: right; }
.gam-icon a{ display: inline-block;width: 28px; height: 28px; margin:5px;}
.gam-icon a:nth-child(1){ display: inline-block; background:url("../images/gam-icon.png") left 2px no-repeat;}
.gam-icon a:nth-child(2){ display: inline-block; background:url("../images/gam-icon.png") left -52px no-repeat;}
.gam-icon a:nth-child(3){ display: inline-block; background:url("../images/gam-icon.png") left -108px no-repeat;}
.gam-icon a:nth-child(4){ display: inline-block; background:url("../images/gam-icon.png") left -162px no-repeat;}


/*========首頁標題======*/

/*底部聯繫我們*/
.contact_us_box {
    background: #1e1e1e;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.contact_us_box::before {
    content: "";
    position: absolute;
    top: -80px; right: -80px;
    width: 320px; height: 320px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(120,203,194,0.12) 0%, transparent 70%);
    pointer-events: none;
}
.contact_us_inner {
    max-width: 1100px;
    margin: 0 auto;
    padding: 72px 40px;
    display: flex;
    align-items: flex-start;
    gap: 0;
}
.contact_us_info {
    flex: 1;
    padding-right: 60px;
}
.contact_us_label {
    font-size: 18px;
    letter-spacing: 0.05em;
    color: #78cbc2;
    margin-bottom: 28px;
    font-weight: 600;
}
.contact_us_items {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.contact_us_item {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    color: #c8c8c8;
    font-size: 14px;
    line-height: 1.6;
}
.contact_us_icon {
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    margin-top: 2px;
    color: #78cbc2;
}
.contact_us_icon svg {
    width: 100%;
    height: 100%;
}
.contact_us_item--hours .contact_us_text {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.hours_title {
    color: #e0e0e0;
    font-weight: 500;
    margin-bottom: 2px;
}
.hours_row {
    color: #a0a0a0;
    font-size: 13px;
}
.hours_closed {
    color: #787878;
}
.contact_us_divider {
    width: 1px;
    align-self: stretch;
    background: linear-gradient(to bottom, transparent, rgba(120,203,194,0.3) 30%, rgba(120,203,194,0.3) 70%, transparent);
    flex-shrink: 0;
}
.contact_us_cta {
    flex: 1;
    padding-left: 60px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.contact_us_desc {
    color: #888;
    font-size: 14px;
    line-height: 1.8;
    margin-bottom: 32px;
    margin-top: 0;
}
.contact_us_btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 14px 32px;
    background: transparent;
    border: 1px solid #78cbc2;
    color: #78cbc2;
    font-size: 13px;
    letter-spacing: 0.1em;
    text-decoration: none;
    transition: background 0.3s, color 0.3s;
    align-self: flex-start;
}
.contact_us_btn svg {
    width: 16px;
    height: 16px;
    transition: transform 0.3s;
}
.contact_us_btn:hover {
    background: #78cbc2;
    color: #1e1e1e;
    text-decoration: none;
}
.contact_us_btn:hover svg {
    transform: translateX(4px);
}

@media only screen and (max-width: 768px) {
    .contact_us_inner {
        flex-direction: column;
        padding: 48px 24px;
        gap: 40px;
    }
    .contact_us_info { padding-right: 0; }
    .contact_us_divider {
        width: 100%; height: 1px;
        background: linear-gradient(to right, transparent, rgba(120,203,194,0.3) 30%, rgba(120,203,194,0.3) 70%, transparent);
        align-self: auto;
    }
    .contact_us_cta { padding-left: 0; }
}

 /*底部*/
.footer-bg{ background:#313131; width: 100%; overflow: hidden;}
.footer-bg .footer-nav{padding:38px 0;}
.footer-bg .footer-nav .footer-muen{ display:flex; flex-wrap:nowrap; align-items:center; }
.footer-bg .footer-nav .footer-muen ul{ display:flex; flex-wrap:nowrap; align-items:center; margin:0; padding:0; list-style:none; }
.footer-bg .footer-nav .footer-muen li{ float:none; color:#b3b3b3; padding:0 24px; margin:0; border-right: solid 1px #b2b2b2; font-size: 16px; line-height:16px; white-space:nowrap; }
.footer-bg .footer-nav .footer-muen li:last-child{ border-right: none;}
.footer-bg .footer-nav .footer-muen li a{  color: #b2b2b2;}
.footer-bg .mail_box{  color: #b2b2b2; line-height:40px;}
.footer-bg .mail_box span{  color: #b2b2b2; background:url("../images/map.png") left center no-repeat; padding-left:25px;}
.footer-bg .mail_box span:last-child{ background:url("../images/mail.png") left center no-repeat; padding-left:25px; margin-left: 40px;}

.footer-bg .Copyright{ border-top: solid 1px #3e3d3d; color:#b3b3b3; }
.footer-bg .Copyright .container{ padding-top:32px; padding-bottom:32px; display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:0; }
.footer-bg .Copyright a{ color:#b3b3b3; transition:color .2s; }
.footer-bg .Copyright a:hover{ color:#fff; text-decoration:none; }
.footer-bg .Copyright .copyright-divider{ margin:0 12px; color:#555; }



@media only screen and (max-width:1000px){
    .header-box .container{width: 100%;}
    .header-box .nav>li{margin:0 12px; padding: 0; }
    .header-box .navbar-logo {display:block; margin:25px 10px 0 0;}
    .navbar>.container .navbar-brand{ margin-left: 0;}
    /*icon*/
    .gam-icon{ margin-top:16px; margin-right: -5px; }
    .gam-icon a{ display: inline-block;width: 28px; height: 28px; margin:2px;}
}




@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}
    .h16{ font-size:.55rem;}
    .h20{ font-size:.65rem;}
    .h22{ font-size:.7rem;}
    .h28{ font-size:.85rem;}

    /*頭部導航*/
    .header-box{ position: static; background: #fff;}
    .header-box .nav>li>a:before{ display: none;}
    .header-box .container{ margin: 0;}
    .header-box .navbar-logo {padding:0px;display:flex; align-items: center; margin:0 10px; width: 90px; height: 50px;}
    .navbar>.container .navbar-brand{ margin-left:10px; padding: 0; display: flex; align-items: center; height: 50px;}
    .header-box .navbar-collapse{width: 100%; margin: 0; padding:0;position: absolute; top:50px;  left: 0; z-index: 2; background: #fff; }
    .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 .nav li .dropdown-menu{ margin-left:0px; left:0 !important; right:auto !important; top:auto !important; position:relative !important; transform:none !important; -webkit-transform:none !important; box-shadow:none; background:transparent;}
    .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{border-bottom: none;}
    .header-box .dropdown-menu{ text-align: left;}
    .header-box .nav li ul li{ border-bottom:none;}
    .header-box .dropdown-menu:before{ display: none;}
    .header-box .dropdown.open>a{border-bottom: none;}
    .header-box .nav>li.open .dropdown-menu li a{padding:0; color: #444; line-height:30px; font-size: .5rem;}
    .header-box .nav>li.open .dropdown-menu li a:hover{ color: #7bcbc1;}

	/*中英文*/
	.header-box .language{margin: 10px 0; float:none; text-align: center; line-height: 36px;}
	.header-box .language a:first-child::after{ top:12px;}
	
    .gam-icon{ margin: 10px 0; float:none; text-align: center; }
    .gam-icon a{ display: inline-block;width: 28px; height: 28px; margin:2px;}


    /*底部*/
    .footer-bg{  }
    .footer-bg .footer-nav{padding: 1rem 0;}
    .footer-bg .footer-nav .footer-muen{ margin-top: .6rem; overflow: hidden;}
    .footer-bg .footer-nav .footer-muen li{ float: left; width: 33.33%; text-align: center; color:#99adbd;padding:0 .6rem; margin: 12px 0; line-height:16px;}
    .footer-bg .footer-nav .footer-muen li:nth-child(3n){ border-right: none;}
    .footer-bg  .Copyright .container{ padding-top:.7rem; padding-bottom:.5rem; flex-direction:column; gap:6px; }
    .footer-bg .Copyright .copyright-divider{ display:none; }

    .footer-bg .mail_box{width: 236px; margin:40px auto 0;}
    .footer-bg .mail_box span{ display: block;}
    .footer-bg .mail_box span:last-child{ margin-left: 0;}
	
}