body { font-size:16px; text-align: center; font-family: "Book Antiqua"; }
html * { max-height: 9999999px; }

.BaseBD { position: relative; width:100%; }
.BaseImg { padding-top:56.25%; }
.BaseText { padding-top:28.125%; }
.BaseArea { position: absolute; top:0px; left:0px; bottom:0px; right:0px; overflow: hidden; }

.top .topall .nav-item a { color:#ffffff; text-decoration: none; cursor: pointer; }

.top .topall { top:-40px; height:120px; padding:0px 120px; width:100%; }
.top .topall .toplan { height:40px; color:#ffffff; text-align:left; padding:0px; }
.top .topall .toplan .lan { padding: 9px 0px; line-height:21px; margin-left:30px; font-size:0.9rem; }
.top .topall .toplan .ch { font-family:"微軟正黑體", "Microsoft JhengHei"; }
.top .topall .toplan .lan a:hover { color:#009ee7; }
.top .topall .toplan .active { border-bottom: 1px solid #ffffff; }

.top .topall .topmenu { height:80px; text-align:left; padding:10px 0px; width:100%; position: relative; }
.top .topall .topmenu .logo { position: absolute; left:0px; height:48px; margin:6px 0px; }
.top .topall .topmenu .menu { padding:18px 0px; float:right; }
.top .topall .topmenu .menu .topbtn { color:#ffffff; position: absolute; top:0px; width:80px; height:80px; border-radius: 0; z-index:10; }
.top .topall .topmenu .menu .btn_menu {  right:0px; }
.top .topall .topmenu .menu .btn_menu.active { background-color:#003051; }
.top .topall .topmenu .menu .btn_lan { right:80px; }
.top .topall .topmenu .menu .btn_lan.active { background-color:#003051; }
.top .topall .topmenu .menu a { text-decoration: none; }
.top .topall .topmenu .menu .submenu { color:#ffffff; padding-right:25px; font-weight:bold;  }
.top .topall .topmenu .menu .lastmenu { padding-right:0px; }
.top .topall .topmenu .menu .lastmenu .line { height:10px; border-left:1px solid #ffffff; display: inline-block; padding-right:28px; }
.top .topall .topmenu .menu .lastmenu .icon { display:none; }

.top .topall .topmenu .menu .dp_menu { display:none; position: absolute; background-color:transparent; min-width:3rem; padding:0px; }
.top .topall .topmenu .menu .dp_menu li { list-style-type: none; padding:10px 5px; }
.top .topall .topmenu .menu .dp_menu a { text-decoration: none; color:#ffffff; }

.footer { color:#ffffca; font-size:0.9rem; background:url("./images/bg_foot.png") repeat-x; background-size:cover; padding:40px 120px; }
.footer .pic .logo img { height:40px; margin:4px 0px; }
.footer .pic .icon { margin:8px 0px; }
.footer .pic .icon span { text-align:center; width:32px; height:32px; margin-left:5px; border-radius: 50px; background-color:#ffffca; color:#15293f; padding:8px 0px; font-size:1rem; }
.footer .pic .icon span:hover { background-color:#009ee7; color:#ffffff; }

.footer .fcont .point { border-bottom:1px solid #009ee7; color:#ffffca; text-decoration: none; }
.footer .fcont .point:hover { color:#009ee7; cursor: pointer; border-bottom: none; }

.footer .fcont .fci { width:15px; margin-right:10px; }
.footer .fcont table td { padding:4px 0px; }
.footer .fcont .notice,.copyright { padding:4px 0px; }
.footer .fcont .notice .tu { margin-left:15px; }
.footer .fcont .fl { margin:0px auto; width:60%; }
/* .footer .fcont .fl .tel a { color:#ffffff; } */
/* .footer .fcont .fr { width:40%; } */
/* .footer .fcont .fr .isun { font-size:0.8rem; font-family:"微軟正黑體", "Microsoft JhengHei"; } */

input[type="number"] { -moz-appearance: textfield; }
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin:0; }

.totop { position: fixed; right: 2rem; bottom: 3rem; z-index: 1; background: url("./images/img_top.png") no-repeat center center; background-size:cover; height:64px; width:64px; display: none; }
.totop:hover { background:url("./images/img_topb.png") no-repeat center center; background-size:cover; }

@media (max-width:1200px) {
    .top .topall { padding:0px 50px; }
    .footer { padding:40px 50px; }
}

@media (max-width:1199.98px) and (min-width:992px){
    .top .topall .topmenu .logo { height:36px; margin:12px 0px; }
}

@media (min-width:992px) {
    .top .topall .topmenu .menu .submenu > a { padding:32px 0px; }
    .top .topall .topmenu .menu .submenu > a:hover { background:url("./images/bg_btn.png") repeat-x center bottom; color:#c7eefd; }
    .top .topall .topmenu .navbar-nav > .nav-item:hover > .dp_menu { display:block; background-color: rgba(0,0,0,0.1); }
    .top .topall .topmenu .navbar-nav > .nav-item > .dp_menu a:hover { color:#009ee7; }
    .top .topall .topmenu .menu .dp_menu { top:50px; right:0px; text-align:right; }
}

@media (max-width:991.98px) {
    .top .topall { position: absolute; top:-40px; padding:0px; }
    .top .topall .topmenu { padding:0px; }
    .top .topall .topmenu .logo { left:40px; top:10px; }
    .top .topall .topmenu .menu { width:100%; padding:0px; position:relative; }
    .top .topall .topmenu .menu .pos { color:#fcfbe2; }
    .top .topall .topmenu .menu .submenu { display: block; text-transform: uppercase; margin:0px 30px; padding:20px 0px; border-bottom: 1px solid #00679c; }
    .top .topall .topmenu .menu .submenu a { display:block; width:100%; }
    .top .topall .topmenu .menu .lastmenu { padding:0px; }
    .top .topall .topmenu .menu .lastmenu > a { padding:20px 0px; }
    .top .topall .topmenu .menu .lastmenu .line { display: none; }
    .top .topall .topmenu .menu .lastmenu .icon { display:block; float:right; margin:4px 0px; margin-right:10px; }
    .top .topall .toplan .lan { display: block; text-transform: uppercase; margin:10px 30px; padding:0px; border-bottom: 1px solid #00679c; line-height: 2rem; }
    .top .topall .navbarItems { position: absolute; left:0px; width:100%; background-color: #003051; padding:10px 0px; z-index:1; }
    .top .mask { position: absolute; top:0px; background-color:rgba(0,0,0,0.5); width:100%; height:100vh; z-index:5; display:none; }
    .top .toplan .tl #navbarLan {  top:40px; padding-top:80px; }
    .top .topmenu .menu #navbarMenu { top:0px; padding-top:80px; padding-bottom:40px; height:100vh; overflow:auto; }
    .top .topall .navbarItems::-webkit-scrollbar { display:none; }
    .top .topall .topmenu .menu .dp_menu { position:static; }
    .top .topall .topmenu .menu .dpmenu.active { color:#009ee7; }
    .top .topall .topmenu .menu .dp_menu ul { padding:0px; }
    .top .topall .topmenu .menu .dp_menu li { border-top:1px solid #00679c; font-weight: normal; padding:20px 0px; padding-left:0px; }
    .top .topall .topmenu .menu .dp_menu li a { color:#fcfbe2; }
}

@media (min-width:768px){
    .footer .pic { height:48px; }
    .footer .fcont { margin-top:20px; }
    .footer .fcont .fr { text-align:right; }
}

@media (max-width:767.98px){
    .footer .fcont .fl,
    .footer .fcont .fr { width:100%; }
}

/* @media (min-width:576px) and (max-width:767.98px){
    .top .topall { background:transparent; }
    .top .topall .topmenu .logo { left:30px; top:25px; }
    .top .topall .topmenu { height:120px; background: url("./images/bg_menub.png") repeat-x; }

    .top .topall .topmenu .menu .topbtn { width:110px; height:110px; font-size:2rem; }
    .top .topall .topmenu .menu .btn_lan { right: 110px; }
    .top .topall .topmenu .menu .lastmenu .icon { margin:8px 0px; }

    .top .toplan .tl #navbarLan { padding:50px 0px; padding-top:152px; }
    .top .topmenu .mask { height:110px; }
    .top .topmenu .menu #navbarMenu { padding:50px 0px; padding-top:112px; }
    .top .toplan .tl #navbarLan { padding-top:120px; }
    
    .top .topall .toplan .lan { font-size:2.2rem; line-height: 3rem; }
    .top .topall .topmenu .menu .submenu { padding:30px 0px; font-size:2.5rem; }
    .top .topall .topmenu .menu .lastmenu { padding:0px; }
    .top .topall .topmenu .menu .dp_menu li { font-size:2rem; }

    .footer { font-size:1.6rem; line-height:40px; }
    .footer .container { max-width: 560px; }
    .footer .pic .logo img { height:60px; }
    .footer .pic .icon { margin-top:30px; }
    .footer .pic .icon span { width:64px; height:64px; font-size:2rem; padding:16px 0px; }
    .footer .fcont .fl { margin:50px 0px; }
    .footer .fcont .point { border-bottom:2px solid #009ee7; }
    .footer .fcont .fci { width:24px; margin-right:15px; }
    .pp,.tu,.copyright { font-size:1.4rem; }
    .footer .fcont .fr .isun { font-size:1.2rem; }

    .totop { width:100px; height:100px; }
} */

@media (max-width:767.98px){
    .top .topall .topmenu .menu .topbtn { width:60px; }
    .top .topall .topmenu .menu .btn_lan { right: 60px; }

    .top .topall .topmenu .logo { left:10px; height:28px; margin:16px 0px; }

    .footer { font-size:1rem; }
    .footer .container { max-width: 410px; }
    .footer .fcont .fl { margin:30px 0px; }
    .pp,.tu,.copyright { font-size:1rem; }

    .totop { right: 1rem; width:48px; height:48px; }

    .BaseText { padding-top:40%; }
}