/*Css Document */
 
/*消除不同浏覽器對HTML文本呈現的差異==========================================================================*/
/*1.在所有浏覽器中更正行高。
2.防止在iOS中更改方向後調整字體大小。*/
html{line-height: 1.15; /* 1 */-webkit-text-size-adjust: 100%; /* 2 */-ms-text-size-adjust: 100%;}
/*Sections(節)========================================================================== */
/*在所有浏覽器中删除邊距。*/
body{margin: 0;}
/*在IE中一致地渲染`main`元素。*/
main{display: block;}
/*更正`section`中`h1`元素的字體大小和邊距，
Chrome，Firefox和Safari中的“article”上下文。*/
h1{font-size: 2em;margin: 0.67em 0;}
/*Grouping content(分組內容)========================================================================== */
/*1.在Firefox中添加正確的框大小。
2.在Edge和IE中顯示溢出。*/
hr{box-sizing: content-box; /* 1 */height: 0; /* 1 */overflow: visible; /* 2 */}
/*1.在所有浏覽器中更正字體大小的繼承和縮放。
2.在所有浏覽器中更正奇數的“ em”字體大小。*/
pre{font-family: monospace, monospace; /* 1 */font-size: 1em; /* 2 */}
/* Text-level semantics(文本級語義)========================================================================== */
/*删除IE 10中活動鏈接上的灰色背景。*/
a {background-color: transparent;}
/*1.移除Chrome 57-中的底部邊框
2.在Chrome，Edge，IE，Opera和Safari中添加正確的文字修飾。*/
abbr[title]{border-bottom: none; /* 1 */text-decoration: underline; /* 2 */text-decoration: underline dotted; /* 2 */}
/*在Chrome，Edge和Safari中添加正確的字體粗細。*/
b,strong{font-weight: bolder;}
/*1.在所有浏覽器中更正字體大小的繼承和縮放。
2.在所有浏覽器中更正奇數的“ em”字體大小。*/
code,kbd,samp {font-family: monospace, monospace; /* 1 */font-size: 1em; /* 2 */}
/*在所有浏覽器中添加正確的字體大小。*/
small{font-size: 80%;}
/*防止`sub`和`sup`元素影響行的高度
所有浏覽器。*/
sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sub{bottom: -0.25em;}
sup{top: -0.5em;}
/* Embedded content(嵌入式內容)========================================================================== */
/*删除IE 10中鏈接內部圖像的邊框。*/
img{border-style: none;}
/* Forms(形式)========================================================================== */ 
/*1.在所有浏覽器中更改字體樣式。
2.在Firefox和Safari中删除邊距。*/
 button,input,optgroup,select,textarea{font-family: inherit; /* 1 */font-size: 100%; /* 1 */line-height: 1.15; /* 1 */margin: 0; /* 2 */}
/*顯示IE中的溢出。
1.在Edge中顯示溢出。*/
button,input {/* 1 */overflow: visible;}
/*删除Edge，Firefox和IE中文本轉換的繼承。
1.删除Firefox中文本轉換的繼承。*/
button,select { /* 1 */text-transform: none;}
/*糾正了無法在iOS和Safari中設置可點擊類型的樣式的問題。*/
button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance: button;}
/*在Firefox中删除內部邊框和填充。*/
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style: none;padding: 0;}
/*恢復以前的規則未設置的焦點樣式。*/
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline: 1px dotted ButtonText;}
/*更正Firefox中的填充。*/
fieldset{padding: 0.35em 0.75em 0.625em;}
/* 1.更正Edge和IE中的文字換行。
2.糾正IE中來自“ fieldset”元素的顏色繼承。
3.删除填充，使開發人員在歸零時不會被抓住
所有浏覽器中的`fieldset`元素。*/
legend {box-sizing: border-box; /* 1 */color: inherit; /* 2 */display: table; /* 1 */max-width: 100%; /* 1 */padding: 0; /* 3 */white-space: normal; /* 1 */}
/*在Chrome，Firefox和Opera中添加正確的垂直對齊方式。*/
progress{vertical-align: baseline;}
/*删除IE 10+中的默認垂直滾動條。*/
textarea{overflow: auto;}
/*1.在IE 10中添加正確的框大小。
2.删除IE 10中的填充。*/
[type="checkbox"],[type="radio"]{box-sizing: border-box; /* 1 */padding: 0; /* 2 */}
/*更正Chrome中遞增和遞減按钮的光標樣式。*/
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height: auto;}
/*1.糾正Chrome和Safari中的奇怪外觀。
2.在Safari中更正輪廓樣式。*/
[type="search"]{-webkit-appearance: textfield; /* 1 */outline-offset: -2px; /* 2 */}
/*在macOS上的Chrome和Safari中删除內部填充。*/
[type="search"]::-webkit-search-decoration{-webkit-appearance: none;}
/*1.糾正了無法在iOS和Safari中設置可點擊類型的樣式的問題。
2.在Safari中將字體屬性更改為`inherit`。*/
::-webkit-file-upload-button{-webkit-appearance: button; /* 1 */font: inherit; /* 2 */}
/* Interactive(互動)========================================================================== */
/*在Edge，IE 10+和Firefox中添加正確的顯示。*/ 
details{display: block;}
/*在所有浏覽器中添加正確的顯示。*/ 
summary{display: list-item;}
/* Misc(其他)========================================================================== */
/*在IE 10+中添加正確的顯示。*/
template{display: none;}
/*在IE 10中添加正確的顯示。*/
[hidden]{display: none;}

/*Document : CSS樣式初始化 Description: CSS樣式表的初始化，全局樣式設置。*/
/* 全局CSS reset */
/* 頁面設置 */
/* 初始化標簽在所有浏覽器中的margin、padding值 */
html{ _background:url(about:blank);}
a,abbr,acronym,address,applet,area,article,aside,audio,b,base,basefont,bdi,bdo,big,blockquote,body,br,button,canvas,caption,center,cite,code,col,colgroup,command,datalist,dd,del,details,dfn,dialog,dir,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,frame,frameset,h1,h2,h3,h4,h5,h6,head,header,hr,html,i,iframe,img,input,ins,kbd,keygen,label,legend,li,link,main,map,mark,menu,menuitem,meta,meter,nav,noframes,noscript,object,ol,optgroup,option,output,p,param,pre,progress,q,rp,rt,ruby,s,samp,script,section,select,small,source,span,strike,strong,style,sub,summary,sup,table,tbody,td,textarea,tfoot,th,thead,time,title,tr,track,tt,u,ul,var,video,wbr{margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; outline-style:none;/*FF*/ }
header,footer,nav,section,figure,figcaption,form,aside,article,hgroup,main,div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dd,dt{display: block;}
/* 酌情修改 */
body{font-family:"microsoft yahei","微軟雅黑",simsun,"宋體",sans-serif; overflow-x: hidden;}
body,th,td,input,select,textarea,button{font-size:14px;line-height:1 ;} /* 重置頁面文字屬性 */
/* 短引用的內容可取值：''或"" */
blockquote:before, blockquote:after,q:before, q:after{content:'';content:none} /* 重置嵌套引用*/
/* 縮寫，圖片等無邊框 */
fieldset,img,abbr,acronym{border: 0 none;} /* 重置fieldset（表單分組）、圖片的邊框為0*/
img{vertical-align:top;} /* 圖片在當前行內的垂直位置 */
abbr,acronym{font-variant: normal;}
legend{color:#000;}
blockquote, q{quotes: none} /* 重置嵌套引用的引號類型 */
/* 清除特殊標記的字體和字號 */
address,caption,cite,code,dfn,em,strong,th,var{/*font-weight: normal; font-style: normal;*/} /* 重置樣式標簽的樣式 */
/* 上下標 統一上標和下標 */
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup{top:-0.5em; }
sub{bottom:-0.25em;}
/* 設置表格的邊框被合並為一個單一的邊框, 指定分隔邊框模型中單元格邊界之間的距離為0*/
/* 表格標題及內容居左顯示 */
caption{display:none;} /* 重置表格標題為隱藏 */
caption,th{text-align: left;}
/* 清除列表樣式 */
dl,ul,ol,menu,li{list-style:none} /* 重置類表前導符號為onne,menu在HTML5中有效 */
input,button,textarea,select,optgroup,option{font-family:inherit; font-size:inherit; font-style:inherit; font-weight:inherit;}/* 輸入控件字體 */
input,select,textarea,button{vertical-align:middle;outline:none;} /* 重置表單控件垂直居中*/
textarea{resize:none}
input[type="submit"]{cursor: pointer;}/* 鼠標樣式 */
button{border:0 none;background-color:transparent;cursor:pointer} /* 重置表單button按钮效果 */
input::-moz-focus-inner{border: 0; padding: 0;}
/* 標題元素樣式清除, 讓標題都自定義, 適應多個系統應用 */
h1,h2,h3,h4,h5,h6{/*font-size: 100%;*/font-weight: normal;}
/* 鏈接樣式，顏色根據實際需求修改 */
a:link {}/* 未訪問的鏈接 */
a:visited {}/* 已訪問的鏈接 */
a:hover {}/* 鼠標移動到鏈接上 */
a:active {}/* 選定的鏈接 */
del,ins,a{text-decoration:none;}
a:hover,a:active,a:focus{ text-decoration:none;} /* 取消a標簽點擊後的虛線框 */
a:active{star:expression(this.onFocus=this.blur());} /* 設置頁面文字等在拖動鼠標選中情況下的背景色與文字顏色 */
/*匹配元素中被用戶選中或處於高亮狀態的部分*/
::selection{}
::-moz-selection{}
a{outline: none;transition: color 0.2s ease 0s;}/*CSS3鏈接秒數緩沖效果2秒*/
/* 層板塊緩沖效果CSS3 transition: all 0.3s ease 0s;   */
/* 自定義樣式 */
.clearfix {zoom:1}
.clearfix:after {content: '\20'; display: block; clear: both;}/*清除浮動*/
.font-en{font-family:"Arial, Helvetica, sans-serif";}/*英文字體*/
.cursor{ cursor:pointer;}/*小手*/
.pr{position:relative}/*相對定位*/
.pa{position:absolute}/*絕對定位*/
.fl{ float:left;}/*左浮動*/
.fr{ float:right;}/*右浮動*/
.fl,.fr{/*display:inline;*/}/*浮動後，此元素會被顯示為內聯元素，元素前後沒有換行符*/
.text-hide{text-overflow: ellipsis; white-space: nowrap;overflow: hidden;}/*單行文本隱藏*/