Reset.css (detailed description) Detailed Description

Reset.css (detailed description) Detailed Description

@ Charset "UTF-8 ";
/*************************************** **************************************** */

/* Clear the internal and external margins */
Html, body, div, h1, h2, h3, h4, h5, h6, hr, p, blockquote, span, a, em,/* strucural elements structure element */
Dl, dt, dd, ul, ol, li,/* list elements list element */
Pre,/* text formatting elements text format element */
Fieldset, lengend, button, input, textarea, form,/* form elements form Element */
Table, tbody, tfoot, tr, th, td,/* table elements table element */
Img, strong, area, del, select {
Margin: 0;
Padding: 0;
}

/* Set the default font */
Body, button, input, select, textarea {font-family: "", Arial, Verdana, "microsoft yahei"; * line-height: 1.5; -ms-overflow-style: scrollbar; font-size: 12px ;}
H1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, em, strong {font-size: 1em; font-style: normal; font-weight: normal ;}
Article, aside, dialog, footer, header, section, nav, figure, menu {display: block ;}
Input: focus, textarea: focus {outline: none;}/* line at the border edge */
H1, h2, h3, h4, h5, h6 {font-size: 100% ;}

Address, cite, dfn, em, var {font-style: normal;}/* align italics */
/* Code, kbd, pre, samp, tt {font-family: "Courier New", Courier, monospace;} * // * uniform width font */
Small {font-size: 12px;}/* Chinese characters smaller than 12px are difficult to read and normalize small */

/* Reset the list element */

Ul, ol {list-style: none outside none ;}
Li {list-style: none ;}

A {text-decoration: none; outline: medium none ;}
A: active {text-decoration: none; list-style: none ;}

Sup {vertical-align: text-top ;}
Sub {vertical-align: text-bottom ;}
Button, input, select, textarea {font-size: 100%;}/* enables the form element to inherit the font size under ie */
Fieldset, img {border: medium none ;}

Input, select, button {vertical-align: middle; border: none ;}
Img {border: 0; display: block ;}
Em, address, I, cite {font-style: normal ;}

. Hidden {overflow: hidden ;}

. F_l {float: left; display: inline;}/* left floating * // * display: inline ---> fix the bilateral spacing bug in ie6 */
. F_r {float: right; display: inline;}/* right floating */

. Clear {clear: both;}/* clear floating 1 */

/* Clear floating 2 */
. Clearfloat {
Zoom: 1;
}
. Clearfloat: after {
Display: block;
Clear: both;
Content :"";
Visibility: hidden;
Height: 0;
}

. P_rel {position: relative;}/* relative location */
. P_abs {position: absolute;}/* absolute position */

. None {display: none}

/* Set the text size */
. Fs13 {font-size: 13px ;}
. Fs14 {font-size: 14px ;}
. Fs15 {font-size: 15px ;}
. Fs16 {font-size: 16px ;}
. Fs17 {font-size: 17px ;}
. Fs18 {font-size: 18px ;}
. Fs19 {font-size: 19px ;}
. Fs20 {font-size: 20px ;}
. Fs21 {font-size: 21px ;}
. Fs22 {font-size: 22px ;}
. Fs23 {font-size: 23px ;}
. Fs24 {font-size: 24px ;}

. Fbold {font-weight: bold;}/* bold */
. Width100 {width: 100%}
. M_center {margin: 0 auto;}/* horizontal center */

/* Top margin */
. Mt1 {margin-top: 1px ;}
. Mt2 {margin-top: 2px ;}
. Mt3 {margin-top: 3px ;}
. Mt4 {margin-top: 4px ;}
. Mt5 {margin-top: 5px ;}
. Mt6 {margin-top: 6px ;}
. Mt7 {margin-top: 7px ;}
. Mt8 {margin-top: 8px ;}
. Mt9 {margin-top: 9px ;}
. Mt10 {margin-top: 10px ;}
. Mt11 {margin-top: 11px ;}
. Mt12 {margin-top: 12px ;}
. Mt13 {margin-top: 13px ;}
. Mt14 {margin-top: 14px ;}
. Mt15 {margin-top: 15px ;}
. Mt16 {margin-top: 16px ;}
. Mt17 {margin-top: 17px ;}
. Mt18 {margin-top: 18px ;}
. Mt19 {margin-top: 19px ;}
. Mt20 {margin-top: 20px ;}
. Mt21 {margin-top: 21px ;}
. Mt22 {margin-top: 22px ;}
. Mt23 {margin-top: 23px ;}
. Mt24 {margin-top: 24px ;}
. Mt25 {margin-top: 25px ;}

/* Right margin */
. Mr1 {margin-right: 1px ;}
. Mr2 {margin-right: 2px ;}
. Mr3 {margin-right: 3px ;}
. Mr4 {margin-right: 4px ;}
. Mr5 {margin-right: 5px ;}
. Mr6 {margin-right: 6px ;}
. Mr7 {margin-right: 7px ;}
. Mr8 {margin-right: 8px ;}
. Mr9 {margin-right: 9px ;}
. Mr10 {margin-right: 10px ;}
. Mr11 {margin-right: 11px ;}
. Mr12 {margin-right: 12px ;}
. Mr13 {margin-right: 13px ;}
. Mr14 {margin-right: 14px ;}
. Mr15 {margin-right: 15px ;}
. Mr16 {margin-right: 16px ;}
. Mr17 {margin-right: 17px ;}
. Mr18 {margin-right: 18px ;}
. Mr19 {margin-right: 19px ;}
. Mr20 {margin-right: 20px ;}

/* Bottom margin */
. Mb1 {margin-bottom: 1px ;}
. Mb2 {margin-bottom: 2px ;}
. Mb3 {margin-bottom: 3px ;}
. Mb4 {margin-bottom: 4px ;}
. Mb5 {margin-bottom: 5px ;}
. Mb6 {margin-bottom: 6px ;}
. Mb7 {margin-bottom: 7px ;}
. Mb8 {margin-bottom: 8px ;}
. Mb9 {margin-bottom: 9px ;}
. Mb10 {margin-bottom: 10px ;}
. Mb11 {margin-bottom: 11px ;}
. Mb12 {margin-bottom: 12px ;}
. Mb13 {margin-bottom: 13px ;}
. Mb14 {margin-bottom: 14px ;}
. Mb15 {margin-bottom: 15px ;}
. Mb16 {margin-bottom: 16px ;}
. Mb17 {margin-bottom: 17px ;}
. Mb18 {margin-bottom: 18px ;}
. Mb19 {margin-bottom: 19px ;}
. Mb20 {margin-bottom: 20px ;}

/* Left margin */
. Ml1 {margin-left: 1px ;}
. Ml2 {margin-left: 2px ;}
. Ml3 {margin-left: 3px ;}
. Ml4 {margin-left: 4px ;}
. Ml5 {margin-left: 5px ;}
. Ml6 {margin-left: 6px ;}
. Ml7 {margin-left: 7px ;}
. Ml8 {margin-left: 8px ;}
. Ml9 {margin-left: 9px ;}
. Ml10 {margin-left: 10px ;}
. Ml11 {margin-left: 11px ;}
. Ml12 {margin-left: 12px ;}
. Ml13 {margin-left: 13px ;}
. Ml14 {margin-left: 14px ;}
. Ml15 {margin-left: 15px ;}
. Ml16 {margin-left: 16px ;}
. Ml17 {margin-left: 17px ;}
. Ml18 {margin-left: 18px ;}
. Ml19 {margin-left: 19px ;}
. Ml20 {margin-left: 20px ;}

/* Left margin */

. Ml1 {margin-left: 1px ;}
. Ml2 {margin-left: 2px ;}
. Ml3 {margin-left: 3px ;}
. Ml4 {margin-left: 4px ;}
. Ml5 {margin-left: 5px ;}
. Ml6 {margin-left: 6px ;}
. Ml7 {margin-left: 7px ;}
. Ml8 {margin-left: 8px ;}
. Ml9 {margin-left: 9px ;}
. Ml10 {margin-left: 10px ;}
. Ml11 {margin-left: 11px ;}
. Ml12 {margin-left: 12px ;}
. Ml13 {margin-left: 13px ;}
. Ml14 {margin-left: 14px ;}
. Ml15 {margin-left: 15px ;}
. Ml16 {margin-left: 16px ;}
. Ml17 {margin-left: 17px ;}
. Ml18 {margin-left: 18px ;}
. Ml19 {margin-left: 19px ;}
. Ml20 {margin-left: 20px ;}

/* Top and bottom margins */
. Mtb1 {margin-top: 1px; margin-bottom: 1px ;}
. Mtb2 {margin-top: 2px; margin-bottom: 2px ;}
. Mtb3 {margin-top: 3px; margin-bottom: 3px ;}
. Mtb4 {margin-top: 4px; margin-bottom: 4px ;}
. Mtb5 {margin-top: 5px; margin-bottom: 5px ;}
. Mtb6 {margin-top: 6px; margin-bottom: 6px ;}
. Mtb7 {margin-top: 7px; margin-bottom: 7px ;}
. Mtb8 {margin-top: 8px; margin-bottom: 8px ;}
. Mtb9 {margin-top: 9px; margin-bottom: 9px ;}
. Mtb10 {margin-top: 10px; margin-bottom: 10px ;}
. Mtb11 {margin-top: 11px; margin-bottom: 11px ;}
. Mtb12 {margin-top: 12px; margin-bottom: 12px ;}
. Mtb13 {margin-top: 13px; margin-bottom: 13px ;}
. Mtb14 {margin-top: 14px; margin-bottom: 14px ;}
. Mtb15 {margin-top: 15px; margin-bottom: 15px ;}
. Mtf8 {margin-top: 16px; margin-bottom: 16px ;}
. Mtb17 {margin-top: 17px; margin-bottom: 17px ;}
. Mtb18 {margin-top: 18px; margin-bottom: 18px ;}
. Mtb19 {margin-top: 19px; margin-bottom: 19px ;}
. Mtb20 {margin-top: 20px; margin-bottom: 20px ;}

/* Left and right margins */
. Mr0 {margin-right: 0px ;}
. Mrl1 {margin-right: 1px; margin-left: 1px ;}
. Mrl2 {margin-right: 2px; margin-left: 2px ;}
. Mrl3 {margin-right: 3px; margin-left: 3px ;}
. Mrl4 {margin-right: 4px; margin-left: 4px ;}
. Mrl5 {margin-right: 5px; margin-left: 5px ;}
. Mrl6 {margin-right: 6px; margin-left: 6px ;}
. Mrl7 {margin-right: 7px; margin-left: 7px ;}
. Mrl8 {margin-right: 8px; margin-left: 8px ;}
. Mrd9{ margin-right: 9px; margin-left: 9px ;}
. Mrl10 {margin-right: 10px; margin-left: 10px ;}
. Mrl11 {margin-right: 11px; margin-left: 11px ;}
. Mrl12 {margin-right: 12px; margin-left: 12px ;}
. Mrl13 {margin-right: 13px; margin-left: 13px ;}
. Mrl14 {margin-right: 14px; margin-left: 14px ;}
. Mrl15 {margin-right: 15px; margin-left: 15px ;}
. Mrl16 {margin-right: 16px; margin-left: 16px ;}
. Mrl17 {margin-right: 17px; margin-left: 17px ;}
. Mrl18 {margin-right: 18px; margin-left: 18px ;}
. Mrl19 {margin-right: 19px; margin-left: 19px ;}
. Mrl20 {margin-right: 20px; margin-left: 20px ;}

/* Top, bottom, left, and right margins */
. Margin1 {margin: 1px ;}
. Margin2 {margin: 2px ;}
. Margin3 {margin: 3px ;}
. Margin4 {margin: 4px ;}
. Margin5 {margin: 5px ;}
. Margin6 {margin: 6px ;}
. Margin7 {margin: 7px ;}
. Margin8 {margin: 8px ;}
. Margin9 {margin: 9px ;}
. Margin10 {margin: 10px ;}
. Margin11 {margin: 11px ;}
. Margin12 {margin: 12px ;}
. Margin13 {margin: 13px ;}
. Margin14 {margin: 14px ;}
. Margin15 {margin: 15px ;}
. Margin16 {margin: 16px ;}
. Margin17 {margin: 17px ;}
. Margin18 {margin: 18px ;}
. Margin19 {margin: 19px ;}
. Margin20 {margin: 20px ;}

/* Top padding */
. Ptop1 {padding-top: 1px ;}
. Ptop2 {padding-top: 2px ;}
. Ptop3 {padding-top: 3px ;}
. Ptop4 {padding-top: 4px ;}
. Ptop5 {padding-top: 5px ;}
. Ptop6 {padding-top: 6px ;}
. Ptop7 {padding-top: 7px ;}
. Ptop8 {padding-top: 8px ;}
. Ptop9 {padding-top: 9px ;}
. Ptop10 {padding-top: 10px ;}
. Ptop11 {padding-top: 11px ;}
. Ptop12 {padding-top: 12px ;}
. Ptop13 {padding-top: 13px ;}
. Ptop14 {padding-top: 14px ;}
. Ptop15 {padding-top: 15px ;}
. Ptop16 {padding-top: 16px ;}
. Ptop17 {padding-top: 17px ;}
. Ptop18 {padding-top: 18px ;}
. Ptop19 {padding-top: 19px ;}
. Ptop20 {padding-top: 20px ;}

/* Right padding */
. Pright1 {padding-right: 1px ;}
. Pright2 {padding-right: 2px ;}
. Pright3 {padding-right: 3px ;}
. Pright4 {padding-right: 4px ;}
. Pright5 {padding-right: 5px ;}
. Pright6 {padding-right: 6px ;}
. Pright7 {padding-right: 7px ;}
. Pright8 {padding-right: 8px ;}
. Pright9 {padding-right: 9px ;}
. Pright10 {padding-right: 10px ;}
. Pright11 {padding-right: 11px ;}
. Pright12 {padding-right: 12px ;}
. Pright13 {padding-right: 13px ;}
. Pright14 {padding-right: 14px ;}
. Pright15 {padding-right: 15px ;}
. Pright16 {padding-right: 16px ;}
. Pright17 {padding-right: 17px ;}
. Pright18 {padding-right: 18px ;}
. Pright19 {padding-right: 19px ;}
. Pright20 {padding-right: 20px ;}

/* Bottom padding */
. Pb1 {padding-bottom: 1px ;}
. PBS {padding-bottom: 2px ;}
. Pb3 {padding-bottom: 3px ;}
. Pb4 {padding-bottom: 4px ;}
. Pb5 {padding-bottom: 5px ;}
. Pb6 {padding-bottom: 6px ;}
. Pb7 {padding-bottom: 7px ;}
. Pb8 {padding-bottom: 8px ;}
. Pb9 {padding-bottom: 9px ;}
. Pb10 {padding-bottom: 10px ;}
. Pb11 {padding-bottom: 11px ;}
. Pb12 {padding-bottom: 12px ;}
. Pb13 {padding-bottom: 13px ;}
. Pb14 {padding-bottom: 14px ;}
. Pb15 {padding-bottom: 15px ;}
. Pb16 {padding-bottom: 16px ;}
. Pb17 {padding-bottom: 17px ;}
. Pb18 {padding-bottom: 18px ;}
. Pb19 {padding-bottom: 19px ;}
. Pb20 {padding-bottom: 20px ;}

/* Left padding */
. Pl1 {padding-left: 1px ;}
. Pl2 {padding-left: 2px ;}
. Pl3 {padding-left: 3px ;}
. Pl4 {padding-left: 4px ;}
. Pl5 {padding-left: 5px ;}
. Pl6 {padding-left: 6px ;}
. Pl7 {padding-left: 7px ;}
. Pl8 {padding-left: 8px ;}
. Pl9 {padding-left: 9px ;}
. Pl10 {padding-left: 10px ;}
. Pl11 {padding-left: 11px ;}
. Pl12 {padding-left: 12px ;}
. Pl13 {padding-left: 13px ;}
. Pl14 {padding-left: 14px ;}
. Pl15 {padding-left: 15px ;}
. Pl16 {padding-left: 16px ;}
. Pl17 {padding-left: 17px ;}
. Pl18 {padding-left: 18px ;}
. Pl19 {padding-left: 19px ;}
. Pl20 {padding-left: 20px ;}

/* Top and bottom margins */
. Ptb1 {padding-top: 1px; padding-bottom: 1px}
. Ptb2 {padding-top: 2px; padding-bottom: 2px}
. Ptb3 {padding-top: 2px; padding-bottom: 3px}
. Ptb4 {padding-top: 2px; padding-bottom: 4px}
. Ptb5 {padding-top: 5px; padding-bottom: 5px}
. Ptb6 {padding-top: 6px; padding-bottom: 6px}
. Ptb7 {padding-top: 7px; padding-bottom: 7px}
. Ptb8 {padding-top: 8px; padding-bottom: 8px}
. Ptb9 {padding-top: 9px; padding-bottom: 9px}
. Ptb10 {padding-top: 10px; padding-bottom: 10px}
. Ptb11 {padding-top: 11px; padding-bottom: 11px}
. Ptb12 {padding-top: 12px; padding-bottom: 12px}
. Ptb13 {padding-top: 13px; padding-bottom: 13px}
. Ptb14 {padding-top: 14px; padding-bottom: 14px}
. Ptb15 {padding-top: 15px; padding-bottom: 15px}
. Ptf8 {padding-top: 16px; padding-bottom: 16px}
. Ptb17 {padding-top: 17px; padding-bottom: 17px}
. Ptb18 {padding-top: 18px; padding-bottom: 18px}
. Ptb19 {padding-top: 19px; padding-bottom: 19px}
. Ptb20 {padding-top: 20px; padding-bottom: 20px ;}

/* Left and Right padding */
. Prl1 {padding-left: 1px; padding-right: 1px ;}
. Prl2 {padding-left: 2px; padding-right: 2px ;}
. Prl3 {padding-left: 3px; padding-right: 3px ;}
. Prl4 {padding-left: 4px; padding-right: 4px ;}
. Prl5 {padding-left: 5px; padding-right: 5px ;}
. Prl6 {padding-left: 6px; padding-right: 6px ;}
. Prl7 {padding-left: 7px; padding-right: 7px ;}
. Prl8 {padding-left: 8px; padding-right: 8px ;}
. Prd9{ padding-left: 9px; padding-right: 9px ;}
. Prl10 {padding-left: 10px; padding-right: 10px ;}
. Prl11 {padding-left: 11px; padding-right: 11px ;}
. Prl12 {padding-left: 12px; padding-right: 12px ;}
. Prl13 {padding-left: 13px; padding-right: 13px ;}
. Prl14 {padding-left: 14px; padding-right: 14px ;}
. Prl15 {padding-left: 15px; padding-right: 15px ;}
. Prl16 {padding-left: 16px; padding-right: 16px ;}
. Prl17 {padding-left: 17px; padding-right: 17px ;}
. Prl18 {padding-left: 18px; padding-right: 18px ;}
. Prl19 {padding-left: 19px; padding-right: 19px ;}
. Prl20 {padding-left: 20px; padding-right: 20px ;}

/* Top, bottom, left, and right margins */
. Padding1 {padding: 1px ;}
. Padding2 {padding: 2px ;}
. Padding3 {padding: 3px ;}
. Padding4 {padding: 4px ;}
. Padding5 {padding: 5px ;}
. Padding6 {padding: 6px ;}
. Padding7 {padding: 7px ;}
. Padding8 {padding: 8px ;}
. Padding9 {padding: 9px ;}
. Padding10 {padding: 10px ;}
. Padding11 {padding: 11px ;}
. Padding12 {padding: 12px ;}
. Padding13 {padding: 13px ;}
. Padding14 {padding: 14px ;}
. Padding15 {padding: 15px ;}
. Padding16 {padding: 16px ;}
. Padding17 {padding: 17px ;}
. Padding18 {padding: 18px ;}
. Padding19 {padding: 19px ;}
. Padding20 {padding: 20px ;}

/* Vertical center */

. V12 {height: 12px; line-height: 12px ;}
. V13 {height: 13px; line-height: 13px ;}
. V14 {height: 14px; line-height: 14px ;}
. V15 {height: 15px; line-height: 15px ;}
. V16 {height: 16px; line-height: 16px ;}
. V17 {height: 17px; line-height: 17px ;}
. V18 {height: 18px; line-height: 18px ;}
. V19 {height: 19px; line-height: 19px ;}
. V20 {height: 20px; line-height: 20px ;}
. V21 {height: 21px; line-height: 21px ;}
. V22 {height: 22px; line-height: 22px ;}
. V23 {height: 23px; line-height: 23px ;}
. V24 {height: 24px; line-height: 24px ;}
. V25 {height: 25px; line-height: 25px ;}
. V26 {height: 26px; line-height: 26px ;}
. V27 {height: 27px; line-height: 27px ;}
. V28 {height: 28px; line-height: 28px ;}
. V29 {height: 29px; line-height: 29px ;}
. V30 {height: 30px; line-height: 30px ;}
. V31 {height: 31px; line-height: 31px ;}
. V32 {height: 32px; line-height: 32px ;}
. V33 {height: 33px; line-height: 33px ;}
. V34 {height: 34px; line-height: 34px ;}
. V35 {height: 35px; line-height: 35px ;}
. V36 {height: 36px; line-height: 36px ;}
. V37 {height: 37px; line-height: 37px ;}
. V38 {height: 38px; line-height: 38px ;}
. V39 {height: 39px; line-height: 39px ;}
. V40 {height: 40px; line-height: 40px ;}
. V41 {height: 41px; line-height: 41px ;}
. V42 {height: 42px; line-height: 42px ;}
. V43 {height: 43px; line-height: 43px ;}
. V44 {height: 44px; line-height: 44px ;}
. V45 {height: 45px; line-height: 45px ;}
. V46 {height: 46px; line-height: 46px ;}
. V47 {height: 47px; line-height: 47px ;}
. V48 {height: 48px; line-height: 48px ;}
. V49 {height: 49px; line-height: 49px ;}

/* Rounded corner */
. Borr1 {border-radius: 1px}
. Borr2 {border-radius: 2px}
. Borr3 {border-radius: 3px}
. Borr4 {border-radius: 4px}
. Borr5 {border-radius: 5px}
. Borr6 {border-radius: 6px}
. Borr7 {border-radius: 7px}
. Borr8 {border-radius: 8px}
. Borr9 {border-radius: 9px}
. Borr10 {border-radius: 10px}