body{
    font-family: 微軟正黑體, sans-serif, Verdana, Geneva;!important;
}
.font-size12{
    font-size: 12pt;
}
.font-size11{
    font-size: 11pt;
}
.font-size10{
    font-size: 10pt;
}
.font-size9{
    font-size: 9pt;
}

.font-white{
    color: #FFF;
}
.font-gray{
    color:#9a9898;
}

.ccis-table {
    margin: 10px auto;
}
/*.bottom-bar {*/
/*    position: relative;*/
/*}*/

/*.font-family-footer{*/
/*    font-family: Verdana, Geneva, sans-serif,微軟正黑體;*/
/*}*/
.button-default-width{
    width: 180px;
}
.line{
    height: 15px;
}

/* 地圖樣式*/
@media only screen and (max-width : 480px)  {
    .style_map{
        height: 600px;
        min-width: 300px;
        /*width: calc(100% - 200px);*/
        width: auto;
        position: relative;
    }
    /* api 找公司號的快選框 */
    .style_map_list{
        min-width: 200px;
        /*float:left;*/
        display: none;
        max-height:inherit;
        max-width: inherit;
    }
    .company_map_list{
        overflow-y: auto;
        height: 230px;
        max-width: inherit;
    }
    .map_search{
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020;
    }

    .map_view_list{
        position: fixed;
        right: 10px;
        bottom: 10px;
        left: 10px;
        z-index: 1020;
    }
}

@media only screen and (min-width : 480px) and (max-width : 768px)  {
    .style_map{
        height: 300px;
        min-width: 300px;
        /*width: calc(100% - 200px);*/
        width: auto;
        position: relative;
    }
    /* api 找公司號的快選框 */
    .style_map_list{
        min-width: 200px;
        /*float:left;*/
        display: none;
        max-height:inherit;
        max-width: inherit;
    }
    .company_map_list{
        overflow-y: auto;
        height: 300px;
        max-width: inherit;
    }
}
@media only screen and (min-width : 768px){
    .style_map{
        height: 500px;
        min-width: 500px;
        /*width: calc(100% - 200px);*/
        width: auto;
        position: relative;
    }
    /* api 找公司號的快選框 */
    .style_map_list{
        min-width: 200px;
        /*float:left;*/
        display: none;
        max-height:inherit;
        max-width: inherit;
    }
    .company_map_list{
        overflow-y: auto;
        height: 450px;
        max-width: inherit;
    }
}


.company_card{
    border-width:3px;
    border-style:dashed;
    border-color:#FFAC55;
    /*padding:5px;*/
    /*margin: 5px;*/
}
.company_card.active{
    border-color: #396fc6;
}

.company_title{
    cursor: pointer;
    color: blue;
}

#cssmenu > ul > li.active.has-sub > ul> li > a.active{
    /*background: #efefef;*/
    display: block;
    color: #5c5b5b;
    font-size: 11pt;
    font-weight:bold;
    background:lightyellow;
}
.speed_status_lv4{
    background: #6610f2 linear-gradient(180deg,#7d34f4,#6610f2) repeat-x!important;
    color: #fff!important;
    /*color:#ffffff;*/
    /*background-color:#ff1d25;*/
    /*font-size:9pt;*/
    /*font-weight:bold;*/
    /*padding: 2px;*/
}
.speed_status_lv3{
    background: #f012be linear-gradient(180deg,#f236c8,#f012be) repeat-x!important;
    color: #fff!important;
    /*color:#ffffff;*/
    /*background-color:#f7931e;*/
    /*font-size:9pt;*/
    /*font-weight:bold;*/
    /*padding: 2px;*/
}
.speed_status_lv2{
    background: #e83e8c linear-gradient(180deg,#eb5b9d,#e83e8c) repeat-x!important;
    color: #fff!important;

    /*background-color:#0CF;*/
    /*font-size:9pt;*/
    /*font-weight:bold;*/
    /*padding: 2px;*/
}

.speed_status_lv1{
    background-color: #3d9970!important;
    color: #fff!important;
    /*font-size:9pt;*/
    /*font-weight:bold;*/
    /*padding: 2px;*/
}
.action_cls{
    border:1px #ff1d25 solid;
    color:#ff1d25;
    background-color:#ffffff;
    font-size:9pt;
    font-weight:bold;
    padding: 2px;
}


Button.myButton7{
    padding: 0px ;
}
Button.myButton7.loves{
    background: #FF8800;
}

.a_link{
    padding:3px;
    width:120px;
    cursor: pointer;
    color: blue;
}
.a_link.active{
    border-bottom:3px #37abd6 solid;
    cursor: auto;
    color: black;
}

.tab{
}
.tab.hide{
    display: none;
}
/* 購物車*/
.cart_fixed{
    /*background:#66CCCC;*/
    /*color:#FFFFFF;*/
    /*border-top:2px solid #336699;*/
    /*border-bottom:2px solid #336699;*/
    width:200px;
    position:fixed; /*固定位置定位*/
    top:15%; /*距離上方 0 像素*/
    left:calc(100% - 200px);
    z-index:1; /*重疊時會在其他元素之上*/
    text-align: center;
}
/* 上方導覽列 */
.report-blue {
    background: linear-gradient(to bottom,#02a5df,#025787);
}
/* 左側選單 */
[class*='sidebar-light-'] {
    background-color: #E1E1E4;
}
/* badge 恢復一般字體 */
.badge-normal {
    font-weight: normal;
    font-size: initial;
}
/* dropdown-menu 選單底色 */
.dropdown-menu {
    background: lightblue;
}


/*map icon*/
.map_icon_tooltip {
    background-color: #effaff;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.15);
    color: #5392f9;
    border-color: #5392f9;
    line-height: normal;
    border-radius: 10px;
    display: inline-block;
    padding: 2px 8px;
    position: absolute;
    left: 50%;
    bottom: 8px;
    white-space: nowrap;
    font-size: 14px;
    font-weight: 700;
    border: 1px solid;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: right;

}
.map_icon_tooltip_p{
    background-color: #effaff;
    /*box-shadow: 0 2px 2px 0 rgba(0,0,0,.15);*/
    color: #5392f9;
    /*border-color: #5392f9;*/
    line-height: normal;
    border-radius: 5px;
    display: inline-block;
    padding: 2px 8px;
    /*position: absolute;*/
    left: 50%;
    /*bottom: 0px;*/
    white-space: nowrap;
    font-size: 14px;
    font-weight: 700;
    /*border: 1px solid;*/
    /*-webkit-transform: translateX(-50%);*/
    /*transform: translateX(-50%);*/
    /*height: auto;*/
    /*width: auto;*/
}
.map_icon_tooltip:hover{
    background-color: #5392f9;
    color: #fff;
    border-color: #396fc6;
}
.map_icon_tooltip.active{
    background-color: #5392f9;
    color: #fff;
    border-color: #396fc6;
}
.map_over_y{
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 50px;
}

.map_icon_triangle {
    position:absolute;
    content:"";
    bottom:-20px;
    left:50%;
    transform:translateX(-50%);
    width: 0;
    height: 0;
    border-width:10px;
    border-style:solid;
    border-top-color: inherit;
    border-right-color: transparent ;
    border-bottom-color: transparent;
    border-left-color: transparent ;
}

.span_pop{
    cursor: pointer;
    /*background-color: #effaff;*/
    /*box-shadow: 0 2px 2px 0 rgba(0,0,0,.15);*/
    color: #5392f9;
}
.span_pop.active{
    /*box-shadow: 0 2px 2px 0 rgba(0,0,0,.15);*/
    color: red;
}
.span_pop:hover{
    /*box-shadow: 0 2px 2px 0 rgba(0,0,0,.15);*/
    color: red;
}

.label {
    margin-top: -1em;
}

/*.label div {*/
/*    min-width: 80px;*/
/*    position: relative;*/
/*    !*background-color: #1a202c;*!*/
/*    !*color: white;*!*/
/*    left: -50%;*/
/*    !*top: 10px;*!*/
/*    !*text-shadow: 0px 2px 1px rgba(255,255,255,0.85);*!*/
/*}*/
/*.label span{*/
/*    !*background-color: #1a202c;*!*/
/*}*/
/*.label span:hover {*/
/*    background-color: darkblue;*/
/*    !*text-shadow: 0px 2px 1px rgba(255,255,255,0.85);*!*/
/*}*/
.literal {
    background-color: orange;
    min-width: 10px;
    min-height: 10px;
}

.company_view_info{
    background-color: #FFF;
    z-index: 500;
    height: 150px;
    position:absolute;
    bottom:0px;
    left:0px;
    width: 98%;
    /*opacity:0.9;*/
    margin: 10px 10px 10px 10px;
    display: none;
}


/*goto top*/
#gotop {
    position:fixed;
    z-index:90;
    right:30px;
    bottom:31px;
    display:none;
    width:50px;
    height:50px;
    color:#fff;
    background:#33b5e5;
    line-height:50px;
    border-radius:50%;
    transition:all 0.5s;
    text-align: center;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
}
#gotop :hover{
    background:#0099CC;
}

#mbmcpebul_wrapper select {
    background-color: #98B7E4;
    /*background-image: url('wrapper_bg.png');*/
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top, #66CCFF 0%, #0099CC 100%);
    background-image: -webkit-linear-gradient(top, #66CCFF 0%, #0099CC 100%);
    background-image: -ms-linear-gradient(top, #66CCFF 0%, #0099CC 100%);
    background-image: linear-gradient(top, #66CCFF 0%, #0099CC 100%); color: #FFFFFF;
}

.brand-link .brand-image{
    margin-left:0rem;
    margin-right:0rem;
}

.checkbox-big{
    /* 勾選框大小*/
    width: 30px;
    height: 30px;
}

.plus_logo{
    background-image: url("../images/plus_logo.jpg");
}