/* 重定义 */
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, p, em, blockquote, pre, fieldset, legend, form, input, textarea, marquee, button {margin: 0; padding: 0; outline: 0;}
fieldset, abbr, acronym, img {border: 0;}
address, caption, cite, code, dfn, em, th, var, i {font-weight: normal; font-style: normal;}
ul, ol {list-style: none;}
caption {text-align: left;}
q:before, q:after {content: "";}
b, strong {font-weight: bold;}
a {background-color: transparent; text-decoration: none; outline: none;}
a:active, a:hover {outline: 0;}

html {-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {display: block;}
audio, canvas, progress, video {display: inline-block; vertical-align: baseline;}
audio:not([controls]) {display: none; height: 0;}
[hidden], template {display: none;}
svg:not(:root) {overflow: hidden;}
button {border: none; cursor: pointer;}

/* 基本 */
body {font-family: Tahoma,新細明體,Helvetica,Arial,sans-serif;}
h1, h2, h3, h4, h5, h6 {display: block; font-weight: normal;}

/* 常规 */
.imgAuto {display: block; width: 100%;}
.show {display: block;}
.none {display: none;}

/* 浮动 */
.left {float: left; display: inline;}
.right {float: right; display: inline;}
.clear {clear:both; height:0; overflow:hidden;}
.clearfix:after {display:block; content:"."; height:0; clear:both; visibility:hidden;}
.clearfix{zoom:1;}

/* 图标 箭头 */
.arrow {display: inline-block; width: 0; height: 0; margin-left: 10px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid\9; border-right: 4px solid transparent; border-left: 4px solid transparent;}

/* 移动端 */
@media (min-width: 768px) {
h1 {font-size: 24px; line-height: 24px;}
h2 {font-size: 20px; line-height: 20px;}
h3 {font-size: 16px; line-height: 16px;}
h4 {font-size: 14px; line-height: 14px;}
}

/* PC端 */
@media (min-width: 1200px) {
h1 {font-size: 30px; line-height: 30px;}
h2 {font-size: 24px; line-height: 24px;}
h3 {font-size: 18px; line-height: 18px;}
h4 {font-size: 14px; line-height: 14px;}
}

/* 网格 */
.full, .row {width: 100%; margin: 0 auto; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
}

/* 全列 */
.qL1, .qL10, .qL11, .qL12, .qL2, .qL3, .qL4, .qL5, .qL6, .qL7, .qL8, .qL9 {float: left; position: relative; min-height: 1px;}
.qL12 {width: 100%;}
.qL11 {width: 91.66666667%;}
.qL10 {width: 83.33333333%;}
.qL9 {width: 75%;}
.qL8 {width: 66.66666667%;}
.qL7 {width: 58.33333333%;}
.qL6 {width: 50%;}
.qL5 {width: 41.66666667%;}
.qL4 {width: 33.33333333%;}
.qL3 {width: 25%;}
.qL2 {width: 16.66666667%;}
.qL1 {width: 8.33333333%;}

/* 移动端 */
@media (min-width: 768px) {
.row {width: 94%;}
.xL1, .xL10, .xL11, .xL12, .xL2, .xL3, .xL4, .xL5, .xL6, .xL7, .xL8, .xL9 {float: left; position: relative; min-height: 1px;}
.xL12 {width: 100%;}
.xL11 {width: 91.66666667%;}
.xL10 {width: 83.33333333%;}
.xL9 {width: 75%;}
.xL8 {width: 66.66666667%;}
.xL7 {width: 58.33333333%;}
.xL6 {width: 50%;}
.xL5 {width: 41.66666667%;}
.xL4 {width: 33.33333333%;}
.xL3 {width: 25%;}
.xL2 {width: 16.66666667%;}
.xL1 {width: 8.33333333%;}
}

/* PC端 */
@media (min-width: 1200px) {
.row {width: 1200px;}
.dL1, .dL10, .dL11, .dL12, .dL2, .dL3, .dL4, .dL5, .dL6, .dL7, .dL8, .dL9 {float: left; position: relative; min-height: 1px;}
.dL12 {width: 100%;}
.dL11 {width: 91.66666667%;}
.dL10 {width: 83.33333333%;}
.dL9 {width: 75%;}
.dL8 {width: 66.66666667%;}
.dL7 {width: 58.33333333%;}
.dL6 {width: 50%;}
.dL5 {width: 41.66666667%;}
.dL4 {width: 33.33333333%;}
.dL3 {width: 25%;}
.dL2 {width: 16.66666667%;}
.dL1 {width: 8.33333333%;}
}

/* 注意：用min-width时，小的放上面大的在下面，同理如果是用max-width那么就是大的在上面，小的在下面 */