.clear-both{zoom:1;}
.clear-both:before{content:""; display:table; clear:both;}
.clear-both:after{content:""; display:table; clear:both;}


/*display快速設置*/
/*.hide,[hide]{display:none;}*/
.block,[block]{display:block;}
.inline,[inline]{display:inline;}
.inline-block,[inline-block]{display:inline-block;*display:inline;zoom:1;vertical-align: top;}
.table,[table]{display:table;}
.table.max,[table][max]{width:100%;}
.table-cell,[table-cell]{display:table-cell;vertical-align:middle;}
.table-cell.min,[table-cell][min]{width:1px;}
/*超出隱藏*/
.over,[over]{overflow:hidden;}
/*圖片在div居中*/
.m-pic,[m-pic]{text-align:center;display:block;font-size:0;}
.m-pic:after,[m-pic]:after{display:inline-block;height:100%;vertical-align:middle;content:'';}
.m-pic img,[m-pic] img{vertical-align:middle;max-width:100%;max-height:100%;}
/*鼠標移過圖片放大*/
.b-pic,[b-pic]{overflow:hidden;}
.b-pic img,[b-pic] img{-webkit-transition:0.5s;-moz-transition:0.5s;transition:0.5s;-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1);}
.b-pic:hover img,[b-pic]:hover img{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1);}
.b-pic2,[b-pic2]{overflow:hidden;}
.b-pic2 img,[b-pic2] img{-webkit-transition:0.5s;-moz-transition:0.5s;transition:0.5s;-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1);}
.b-pic2:hover img,[b-pic2]:hover img{-webkit-transform:scale(1.06);-moz-transform:scale(1.06);transform:scale(1.06);}
/*圖片佔滿div*/
.i-pic,[i-pic]{overflow:hidden;font-size:0;}
.i-pic img,[i-pic] img{width:100%;min-height:100%;}
/*灰度*/
.gray,[gray]{-webkit-filter:grayscale(100%);filter:grayscale(100%);filter:gray;}
/*對齊方式*/
.text-left,[text-left]{text-align:left;}
.text-right,[text-right]{text-align:right;}
.text-center,[text-center]{text-align:center;}
/*當前行超出，顯示省略號*/
.text-over,[text-over]{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
/*幾行內超出，顯示省略號*/
.text-line,[text-line]{overflow:hidden;text-overflow:ellipsis;display:-webkit-box !important;/* autoprefixer: off */-webkit-box-orient:vertical;/* autoprefixer: on */-webkit-line-clamp:2;}
.text-line.line3,[text-line][line3]{-webkit-line-clamp:3;}
.text-line.line4,[text-line][line4]{-webkit-line-clamp:4;}
.text-line.line5,[text-line][line5]{-webkit-line-clamp:5;}
/*強行不換行*/
.nowrap,[nowrap]{white-space:nowrap;}
/*強行換行*/
.break,[break]{white-space:normal;word-break:break-all;}
/*垂直對齊方式*/
.v-middle,[v-middle]{vertical-align:middle;}
.v-top,[v-top]{vertical-align:top;}
.v-bottom,[v-bottom]{vertical-align:bottom;}
/*邊框盒子處理*/
.border-box,[border-box]{-moz-box-sizing:border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
/*css3變換時間300毫秒*/
.trans,[trans]{-webkit-transition:all 300ms ease 0s;transition:all 300ms ease 0s;outline:none;}
/*鼠標手型*/
.pointer,[pointer]{cursor:pointer !important;}
/*英文大寫*/
.upper,[upper]{text-transform:uppercase;}
/*英文小寫*/
.lower,[lower]{text-transform:lowercase;}
/*寬高100%*/
.maxh,[maxh]{height:100%;}
.maxw,[maxw]{width:100%;}
/*最多寬度設置*/
.cw1920{max-width: 1920px;margin: auto;}
.cw1600{max-width: 1600px;margin: auto;}
.cw1400{max-width: 1400px;margin: auto;}
.cw1200{max-width: 1200px;margin: auto;}