/*字體尺寸*/

/*------------------------------*/

.fs-55{
  font-size: 55px!important;
}
.fs-20{
  font-size: 20px;
}
.fs-18{
  font-size: 18px;
}
.fs-16{
  font-size: 16px;
}
.fs-14{
  font-size: 14px;
}
.fs-13{
  font-size: 13px;
}
.fs-12{
  font-size: 12px;
}

/*水平置右*/
.h-right{
    text-align:right!important;
}

/*垂直置中*/
.v-center {
    vertical-align: middle;
}

/*垂直置下*/
.v-bottom {
    vertical-align: bottom!important;
}

/*垂直置上*/
.v-top {
    vertical-align: top;
}

/*超過範圍不顯示*/
.of-hidden{
   overflow: hidden;
}
/*自動給浮動區塊高度*/
.of-auto{
	overflow:auto;
}

/*---------------display---------------*/

/*顯示為區塊*/
.dis-b{
  display: block !important;
}

/*橫向排列*/
.dis-ib {
  display: inline-block;
  *display: inline;
  zoom: 1;
}

/*橫向浮動*/
.dis-if{
  display: inline-flex;
}

/*橫向排列inline*/
.dis-i{
  display: inline;
}

/*不顯示*/
.dis-no{
  display: none;
}

/*儲存格形式*/
.dis-tc{
  display: table-cell;
}

/*儲存格形式*/
.dis-t{
  display: table;
}

/*隱藏*/
.invisible {
  visibility: hidden;
}

/*居中*/
.center {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

/*---------------position---------------*/

/*絕對位置*/
.po-a{
   position: absolute;
}

.po-r{
   position: relative;
}

/*---------------float---------------*/

/*浮動-左*/
.float-left{
   float: left;
}
/*浮動-右*/
.float-right{
   float: right;
}

/*清除浮動*/
.clear-both{
	clear:both;
}

/*clear-fix*/
.clear-fix:before,.clear-fix:after {
      display:table;
      line-height:0;
      content:"";
   }
   .clear-fix:after {
      clear:both;
   }
   .clear-fix {
      *zoom: 1;
   }

/*---------------圓角---------------*/
.br2,.br2 img{border-radius: 2px;}
.br3,.br3 img{border-radius: 3px;}
.br5,.br5 img{border-radius: 5px;}
.br25,.br25 img{border-radius: 25px;}
.br50,.br50 img{border-radius: 50%;}

/*---------------邊框---------------*/
/*實線*/
.b{border-style:solid;}

.bt{border-top:solid;}
.br{border-right:solid;}
.bb{border-bottom:solid;}
.bl{border-left:solid;}

/*點點*/
.b-dot{border-style:dotted;}

.bt-dot{border-top:dotted;}
.br-dot{border-right:dotted;}
.bb-dot{border-bottom:dotted;}
.bl-dot{border-left:dotted;}

/*虛線*/
.b-dash{border-style:dashed;}

.bt-dash{border-top:dashed;}
.br-dash{border-right:dashed;}
.bb-dash{border-bottom:dashed;}
.bl-dash{border-left:dashed;}

/*粗細*/
.b0{border:none;}
.b1{border-width:1px;}
.b2{border-width:2px;}
.b3{border-width:3px;}
.b5{border-width:5px;}
.b10{border-width:10px;}


/*---------------粗體---------------*/
.fw-b , .fw-b a{
	font-weight:bold!important;
}

/*---------------非粗體---------------*/
.fw-n , .fw-n a{
	font-weight:normal !important;
}

/*強迫斷行*/
.word-wrap-b{
	word-wrap: break-word;
}


/*連結移除底線*/
.underline-no, .underline-no a{
text-decoration: none !important;
}


/*字數超過給...*/
.txt-dot{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/*a標籤多行文字垂直置中*/
.a-center:before{
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 100%;
}
.a-center p{
  display: inline-block;
  font-size:16px;
  vertical-align: middle;  
}


/*滑鼠樣式-手指*/
.cur-p{
  cursor: pointer;
}

/*小螢幕置中*/
@media (max-width: 991px) {
    .text-sm-center {
        text-align:center;
    }
}