body { font-size:16px; text-align: center; font-family: "Arial","微軟正黑體","Microsoft JhengHei", serif; background:url("./images/bg_body.jpg")fixed center center; }
html * { max-height: 9999999px; }

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

.top .topall { height:120px; width:100%; transition: top 0.3s; }
.top .topall .toplan { height:40px; padding:0px 120px; color:#ffffff; text-align:left; background:url("./images/toplan.png")no-repeat center center; background-size:100%; }
.top .topall .toplan .lan { padding: 9px 0px; line-height:21px; margin-left:30px; font-size:0.9rem; }

.top .topall .toplan .lan a:hover { color:#d9e480; }
.top .topall .toplan .active { border-bottom: 1px solid #ffffff; }
.top .topall .toplan .active a { color:#fff100; }

.top .topall .topmenu { height:80px; padding:10px 120px; text-align:left; width:100%; position: relative; background-color:rgba(255,255,255,0.8); }
.top .topall .topmenu .logo { position: absolute; left:120px; height:48px; margin:6px 0px; }
.top .topall .topmenu .menu { padding:18px 0px; float:right; }
.top .topall .topmenu .menu .topbtn { color:#262626; 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:#fff; }
.top .topall .topmenu .menu .btn_lan { right:80px; }
.top .topall .topmenu .menu .btn_lan.active { background-color:#fff; }
.top .topall .topmenu .menu a { text-decoration: none; }
.top .topall .topmenu .menu .submenu { color:#ffffff; padding-left:25px; }
.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 .submenu > a { color:#262626; }

.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 { background-color:#fff; color:#474747; font-size:0.9rem; padding:40px 0px; } 
.footer .pic .logo img { height:40px; margin:4px 0px; }
.footer .pic .icon { margin:8px 0px; display: inline-flex; }
.footer .pic .icon span { display:block; width:32px; height:32px; margin-left:5px; border-radius: 50px; background-color:#474747; color:#fff; padding:8px 0px; font-size:1rem; }
.footer .pic .icon .lineImg { background:url("./images/ico-line.png")no-repeat center center; background-size:16px; background-color:#474747; }
.footer .pic .icon span:hover { background-color:#00a0e9; color:#ffffff; }

.footer .fcont .point { color:#474747; text-decoration: none; }
.footer .fcont .point:hover { color:#00a0e9; 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:12px 0px; }
.footer .fcont .notice .tu { margin-left:15px; }
.footer .fcont .fl { margin:0px auto; width:60%; }
.footer .fcont .fr { width:40%; }

.totop { position: fixed; right: 2rem; bottom: 3rem; z-index: 1; height:64px; width:64px; background-color:#005083; color:#fff; border-radius: 50px; font-size:2rem; display: none; }
.totop:hover { background-color:#00a0e9; color:#fff; }

@media (max-width:1200px) {
    .top .topall .toplan .lan a { color:#262626; }
}

@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:#00a0e9; }
    .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:#00a0e9; }
    .top .topall .topmenu .menu .dp_menu { top:50px; right:0px; text-align:right; }
}

@media (max-width:991.98px) {
    .top .topall .toplan { padding:0px; }
    .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 #f0efe7; }
    .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 #f0efe7; line-height: 2rem; }
    .top .topall .navbarItems { position: absolute; left:0px; width:100%; background-color: #fff; padding:10px 0px; z-index:5; }
    .top .mask { position: fixed; 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:#00a0e9; }
    .top .topall .topmenu .menu .dp_menu ul { padding:0px; }
    .top .topall .topmenu .menu .dp_menu li { border-top:1px solid #00a0e9; 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 #00a0e9; }
    .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:80px; }
    .top .topall .topmenu .menu .btn_lan { right: 80px; }

    .top .topall .topmenu .logo { left:15px; height:40px; margin:10px; }
    

    .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; }
}