﻿/*输入100%宽度-固定宽度,补充form-control右边加2个按钮*/
.form-control-auto {
    width: auto;
    display: inline;
}

/*日期样式*/
.form-control-date {
    background-image: url(/images/comm/icon_date.gif);
    /*background-position: right;*/
    background-position: calc(100% - 5px) 50%;
    background-repeat: no-repeat;
}

/*输入100%宽度-含选择,替代form-control_100p-30*/
.form-control-100p-select {
    width: -webkit-calc(100% - 25px) !important;
    width: -moz-calc(100% - 25px) !important;
    width: calc(100% - 25px) !important;
    display: inline;
}

/*输入100%宽度-含选择+清除选择,替代form-control_100p-60*/
.form-control-100p-selectclear {
    width: -webkit-calc(100% - 50px) !important;
    width: -moz-calc(100% - 50px) !important;
    width: calc(100% - 50px) !important;
    display: inline;
}

/*用於行內有form-control輸入框時，文字頂部對齊*/
.form-control-txt-mt{
    margin-top:5px;
}

/*弹性布局宽度固定(解决自动增长的宽度无法适应)*/
.flex-grow-1
{
    width:0px;
}

/*宽度*/
.w-14 {
    width: 14% !important;
}

.w-20 {
    width: 20% !important;
}

.w-32 {
    width: 32% !important;
}

.w-30 {
    width: 30% !important;
}

.w-35 {
    width: 35% !important;
}

.w-40 {
    width: 40% !important;
}

.w-45 {
    width: 45% !important;
}

.w-48 {
    width: 48% !important;
}

.w-60 {
    width: 60% !important;
}

.w-80 {
    width: 80% !important;
}

.w-90 {
    width: 90% !important;
}

.h-90 {
    height: 90% !important;
}

.mlx-n5 {
    margin-left:-5px;
}
.plx-5 {
    padding-left:5px;
}
.plx-10{
    padding-left:10px;
}

.mrx-n5 {
    margin-right:-5px;
}
.prx-5 {
    padding-right:5px;
}
.prx-10{
    padding-right:10px;
}

/*輪播樣式（bootstrap）*/
.carousel-indicators li {
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background-color: #666666;
    margin: 0px 5px;
}

.carousel-indicators .active {
    background-color: #ffffff;
}

.carousel-indicators li {
    background-color: #cccccc;
}

.carousel-indicators .active {
    background-color: #999999;
}

/*字大小*/
.small-ss
{
    font-size:60%;
    font-weight:400;
}

/*虚线*/
.hr-line-dotted {
    border: none;
    border-bottom: dotted 1px #6c757d;
}

.hr-line-dashed {
    border: none;
    border-bottom: dashed 1px #6c757d;
}

/*顏色*/
.text-orange {
    color: #fd7e14;
}

.bg-orange {
    background-color: #fd7e14;
}

/*灰色表單組的下拉按鈕*/
.btn-outline-input-group {
    border-color: #ced4da;
}

/*默認超鏈接*/
a {
    color: #0056b3;
    /*text-decoration: none;
    background-color: transparent;*/
}

    a:hover {
        color: #0056b3 !important;
        /*text-decoration: underline;*/
    }


/*圖標大小*/
.icon-1 {
    font-size: 10px;
}

.icon-2 {
    font-size: 15px;
}

.icon-3 {
    font-size: 20px;
}

.icon-4 {
    font-size: 25px;
}

.icon-5 {
    font-size: 30px;
}

.icon-6 {
    font-size: 35px;
}

.icon-7 {
    font-size: 40px;
}

.icon-8 {
    font-size: 45px;
}

.icon-9 {
    font-size: 50px;
}