﻿.top_box a select{cursor: pointer;}

caption{text-align:center!important;}
.nav_box .nav>li,.nav_box .nav .dropdown {
    position:unset;
}
.link-div{
    padding-top:20px;
    padding-bottom:60px;
}
.pc_box .nav_box>ul>li>a:hover{background-color:rgba(0,0,0,0);}
.pc_box .nav_box>ul>li>a:active{background-color:rgba(0,0,0,0);color:#ffc22a!important}
/*.pc_box .nav_box>ul>li>a:link{background-color:rgba(0,0,0,0);color:#ffc22a!important}*/
.pc_box .nav_box>ul>li>a{background-color:rgba(0,0,0,0);}
.pc_box .nav_box>ul>li:active{background-color:rgba(0,0,0,0);}
.pc_box .nav_box>ul>li:active{background-color:rgba(255,0,0,0);}
/*.pc_box .nav_box>ul>li:link{background-color:rgba(0,0,0,0);color:#ffc22a}*/
.pc_box .nav_box>ul>li{background-color:rgba(255,0,0,0);}
a:hover,a:active{text-decoration: none;color:#666666;}

.nav_color_a{color:#ffc22a !important;}
.nav_color_a1{color:#EFEFEF!important}
.qa_box_top dd:nth-child(1){display:none;}
.qa_box_top dd:nth-child(2){background-size:30px 30px}
.qa_box_top dd:nth-child(2) h2{font-size:24px!important;margin:0;font-weight:500;}
.qa_box_main dd:nth-child(1){display:none;}
.qa_box_top_dd_open{background-size:25px 25px!important;}

.mb_box .mb_top_box dl{
    margin-bottom:0px;
}
.mb_box dl{
    margin-bottom:0px;
}

<!-- custom styling for all icons -->
i.fas,
i.fab {
  border: 1px solid red;
}

<!-- custom styling for specific icons -->
.fa-fish {
  color: salmon;
}

.fa-frog {
  color: green;
}

.fa-user-ninja.vanished {
  opacity: 0.0;
}

.fa-facebook {
  color: rgb(59, 91, 152);
}
#backtotop {
    position: fixed;
    bottom: 30px;
    right: 20px;
    display: none;
    cursor: pointer;
    font-size: 50px;
    z-index: 9999;
}
#backtotop i{
    color:#666666;
    font-size:4rem;
}

#backtotop i:hover {
    color:#ffc22a; 
}

.pd_in_detail span{word-break:break-word;}
.banner_in dl a:last-child{padding-right:15px;}


.top_box .dropdown {
    position:relative;
}
.top_box .top_item:nth-child(1) button{
    border-style:none;
    background:none;
}
.top_box .top_item:nth-child(1) .dropdown-menu{
    max-height:500px;
    overflow-y:scroll;
    min-width:80px;
}
.top_box .top_item:nth-child(1) .dropdown-menu li a:hover{
    background-color:#ffc22a;
}


.footer .dropdown-menu>li>a{
    padding:3px 0px;
    color:#eee;
}
.footer .dropdown>a>span{
    display:none!important;
}
.footer .dropdown-menu>li>a:hover{

    background-color:rgba(0,0,0,0);
}

.footer .dropdown-menu{
    display:block!important;
    position:relative;
    
}
.footer_nav dd{margin-right:3%}
.solution_btn{display:block;}
.solution_btn{position:relative;width:85px;margin-left:12px;font-size:1.4rem;color:#ffc22a;}
.solution_btn:before{content: " ";width:4px;height:10px;position:absolute;left:-12px;top:50%;margin-top:-5px;background-image:url('../image/more_square.png');background-position:center center;background-size:4px 10pxpx;background-repeat:no-repeat;}
.solution_btn:after{content: " ";width:13px;height:12px;position:absolute;margin-left:10px;top:50%;margin-top:-6px;background-image:url('../image/more_arrow.png');background-position:center center;background-size:13px 12px;background-repeat:no-repeat;}
.solution_btn:hover{text-decoration:underline;}
.solution_box a:hover{border:solid 1px #ffc22a;transition:0.3s;}
.solution_box a:hover .solution_btn{text-decoration:underline;}
.solution_box a:hover img{transform:scale(1.15,1.15);transition:1s;}


.page_in_text ol{padding-left:15px;}
.page_in_text ol li{list-style-type:auto;}
.page_in_text ul{padding-left:15px;}
.page_in_text ul li{list-style-type:square;}


@media (min-width:1200px){
    .copy_box{
        width:fit-content;background-position:0px center;
    }

    .qa_box_top dd:nth-child(2){background-size:25px 25px}
    .float_all_panel{visibility:visible;position:fixed;filter:alpha(Opacity=95);-moz-opacity:0.95;opacity:0.95;right: 10px; bottom: 40%;z-index: 99;text-align:center}
    .float_all_panel a{margin-top:5px;background-color:#2e2e2e;padding:4px 2px;filter:alpha(Opacity=90);-moz-opacity:0.9;opacity:0.9;border-radius:4px;}
    .float_all_panel a i{font-size:3rem;color:white;}
    .float_all_panel a p{color:white;font-weight:500;}
}

@media (min-width:200px) and (max-width:1199px){
    #backtotop {
        position: fixed;
        bottom: 50px;
        right: 10px;
        display: none;
        cursor: pointer;
        z-index: 9999;
    }
    #backtotop i{
        color:#666666;
        font-size:3rem;
    }

    /*.mb_nav_overlay a{*/
        /*width:100%;*/
    /*}*/
    /*.mb_nav_overlay a select{*/
        /*margin:0 auto;*/
        /*width:auto!important;*/
        /*background:rgba(0,0,0,0.0);*/
        /*font-size:20px;*/
        /*color:white;*/
        /*text-align:right!important;*/
        /*-webkit-tap-highlight-color:transparent;*/
        /*-webkit-appearance:auto;*/
        /*[>direction:rtl;<]*/
    /*}*/

    .mb_nav_overlay .top_item{
        width:fit-content;
        font-size:1.6rem;
        color:#e3e3e3;
        margin:0 auto;
    }
    .mb_nav_overlay .top_item button{
        border-style:none;
        background:none;
    }
    .mb_nav_overlay .top_item .dropdown-menu li a:hover{
        background-color:#ffc22a;
    }
    .mb_nav_overlay .top_item .dropdown-menu{
        margin:0 auto;
        min-width:120px;
        max-height:300px;
        overflow:scroll;
        background:rgba(240,240,240,0.95);
    }
    .mb_nav_overlay .top_item .dropdown-menu a{
        margin:5px 0
    }
    .link-div{
        padding-top:10px;
        padding-bottom:40px;
    }

    .banner_in dl a:last-child{padding-right:15px;}
    .footer_nav dd{line-height:1.3}
    .footer_nav_head{margin-bottom:0px;}
    .nav_color_a1{color:#ffc22a !important;}
.mb_nav_color{background:#ffc22a !important;color:#090909 !important;}

    .bottom_bar{background:#242424;height:50px;}
    .float_all_panel{background:#242424;width:100%;height:46px;display:inline-block;visibility:visible;position:fixed;bottom: 0px; border: 10px;z-index: 9999;text-align:center;}
    .float_all_panel a{float:left;width:20%;margin-top:5px;padding:0px 0px;}
    .float_all_panel a i{font-size:2rem;color:white}
    .float_all_panel a p{color:white;font-weight:400;font-size:13px;}
}
