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

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

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

/*水平置右*/
.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;
}

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

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

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

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

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

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

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

/*居中*/
.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;
}

/*不要浮動*/
.float-no{
  float:none;
}

/*清除浮動*/
.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;
   }

/*---------------cursor---------------*/
.cur-pointer{
  cursor: pointer;
}

/*---------------transition---------------*/
.trans05,.trans05 a{
   transition:0.5s;
}
.trans03, .trans03 a{
   transition:0.3s;
}
.trans035,.trans035 a{
   transition:0.35s;
}
.trans02,.trans02 a{
   transition:0.2s;
}
.trans-bg{
   transition-property:background;
}

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

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

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

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

/*---------------透明度---------------*/
.op07,.hoverop07:hover{opacity:0.7;}
.op06,.hoverop06:hover{opacity:0.6;}

/*---------------編輯器-ckEditor//清單的margin-為縮排失效所寫---------------*/
.art-postcontent ol, .art-postcontent ul {
    margin: 2px 0 12px;
}
/*---------------表格//修正表格裡的p外距---------------*/
.art-postcontent td p,.art-postcontent th p {
    margin: 7px 0;
}
body.node-type-pages .art-article tr {
    border: 1px solid #E6DFD3;
}

/*---------------粗體---------------*/
.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;
}

/*固定寬高*/
.bbox{ 
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/*----------------字體標準----------------*/
h1, .h1 {
    font-size: 28px!important;
}
h2, .h2 {
    font-size: 25px!important;
}
h3, .h3 {
    font-size: 20px!important;
}
h4, .h4 {
    font-size: 18px!important;
}
h5, .h5 {
    font-size: 14px!important;
}
h6, .h6 {
    font-size: 13px!important;
}
p, body, input, select ,div {
    font-size: 16px;
}

.lh15{
  line-height:1.5;
}
.lh18{
  line-height:1.8;
}
/*連結移除底線*/
.underline-no, .underline-no a{
text-decoration: none !important;
}

/*清除ios預設樣式*/
input[type="button"], input[type="submit"], input[type="reset"] {
-webkit-appearance: none;
}

/*字數超過給...*/
.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;  
}
.a-center{
  text-align: center!important;
  display: inline-block;
}

.fs0{  
  font-size: 0px;
}

/*-----陰影-----*/
.shadow1 {
    box-shadow: 2px 2px 5px #06060612;
}