pc端web頁面樣式重置文件&& 常用全局樣式

/*==樣式重置==*/
@charset "utf-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
fieldset, img {    border:0;}
address, caption, cite, code, dfn, em, strong, th, var {
    font-style:normal;
    font-weight:normal;
}
ol, ul { list-style:none; }
caption, th { text-align:left; }
h1, h2, h3, h4, h5, h6 {
    font-size:200%;
    font-weight:normal;
}
:focus { outline: 0;}
a{ text-decoration:none;}
a:hover img{ border:none;}
/* == pubilc == */
/* clearfix  */
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {*zoom:1;}
.clearfix {display:block;}
/* margin and padding */
/* m-left-top-right-bottom  */
.mg5{ margin:5px}
.mg10{ margin:10px}
.mg15{ margin:15px}
.mg20{ margin:20px}
.mg25{ margin:25px}
.mg30{ margin:30px}
.mg35{ margin:35px}
.mg40{ margin:40px}
/* m-left  */
.mgl5{ margin-left:5px}
.mgl10{margin-left:10px;}
.mgl15{margin-left:15px}
.mgl20{margin-left:20px;}
.mgl25{margin-left:25px}
.mgl30{margin-left:30px;}
/* m-right  */
.mgr5{ margin-right:5px}
.mgr10{margin-right:10px;}
.mgr15{margin-right:15px;}
.mgr20{margin-right:20px;}
.mgr25{margin-right:25px;}
.mgr30{margin-right:30px;}
/* m-top  */
.mgt5{margin-top:5px;}
.mgt10{margin-top:10px;}
.mgt15{margin-top:15px;}
.mgt20{margin-top:20px;}
.mgt25{margin-top:25px;}
.mgt30{margin-top:30px;}
/* m-bottom  */
.mgb10{margin-bottom:10px;}
.mgb15{margin-bottom:15px;}
.mgb20{margin-bottom:20px;}
.mgb25{margin-bottom:25px;}
.mgb30{margin-bottom:30px;}
.mgb40{margin-bottom:40px;}
/* m-left-right  */
.mglr5{ margin-left:5px;margin-right:5px;}
.mglr10{margin-left:10px;margin-right:10px}
.mglr15{margin-left:15px;margin-right:15px}
.mglr20{margin-left:20px; margin-right:20px}
.mglr25{margin-left:25px; margin-right:25px;}
.mglr30{margin-left:30px;margin-right:30px}
/* m-top-bottom  */
.mgtb5{margin-top:5px; margin-bottom:5px}
.mgtb10{margin-top:10px; margin-bottom:10px}
.mgtb15{margin-top:15px; margin-bottom:15px}
.mgtb20{margin-top:20px; margin-bottom:20px}
.mgtb25{margin-top:25px; margin-bottom:25px}
.mgtb30{margin-top:30px; margin-bottom:30px}


/* p-left-top-right-bottom  */
.pd5{ padding:5px}
.pd10{ padding:10px}
.pd15{ padding:15px}
.pd20{ padding:20px}
.pd25{ padding:25px}
.pd30{ padding:30px}
.pd35{ padding:35px}
.pd40{ padding:40px}
/* p-left  */
.pdl5{padding-left:5px}
.pdl10{padding-left:10px;}
.pdl15{padding-left:15px}
.pdl20{padding-left:20px;}
.pdl25{padding-left:25px}
.pdl30{padding-left:30px;}
.pdl110{padding-left: 110px}
/* p-right  */
.pdr5{ padding-right:5px}
.pdr10{padding-right:10px;}
.pdr15{padding-right:15px;}
.pdr20{padding-right:20px;}
.pdr25{padding-right:25px;}
.pdr30{padding-right:30px;}
/* p-top  */
.pdt5{padding-top:5px;}
.pdt10{padding-top:10px;}
.pdt15{padding-top:15px;}
.pdt20{padding-top:20px;}
.pdt25{padding-top:25px;}
.pdt30{padding-top:30px;}
.pdt40{padding-top:40px;}
/* p-bottom  */
.pdb10{padding-bottom:10px;}
.pdb15{padding-bottom:15px;}
.pdb20{padding-bottom:20px;}
.pdb25{padding-bottom:25px;}
.pdb30{padding-bottom:30px;}
.pdb50{padding-bottom:50px;}
/* p-left-right  */
.pdlr5{ padding-left:5px;padding-right:5px;_padding-right:3px}
.pdlr6{ padding-left:6px; padding-right:6px;_padding-right:4px}
.pdlr78{ padding-left:7px; padding-right:8px;}
.pdlr10{padding-left:10px;padding-right:10px}
.pdlr15{padding-left:15px;padding-right:15px}
.pdlr20{padding-left:20px; padding-right:20px}
.pdlr25{padding-left:25px; padding-right:25px;}
.pdlr30{padding-left:30px;padding-right:30px}
.pdlr69{padding-left:6px; padding-right:9px}
/* p-top-bottom  */
.pdtb5{padding-top:5px; padding-bottom:5px}
.pdtb10{padding-top:10px; padding-bottom:10px}
.pdtb15{padding-top:15px; padding-bottom:15px}
.pdtb20{padding-top:20px; padding-bottom:20px}
.pdtb25{padding-top:25px; padding-bottom:25px}
.pdtb30{padding-top:30px; padding-bottom:30px}
.pdtb40{ padding-top:40px; padding-bottom:40px}

/* width */
.w1200{width:1200px;margin: 0 auto}
.w1000{width:1000px; margin:0 auto}
.w980{width:980px; margin: 0 auto}
.w960{width:960px; margin:0 auto;}
.w958{width:958px; margin:0 auto;}
.w775{width:775px;}
.w765{width:765px;}
.w190{width:190px;}
.w200{width:200px;}
.w500{width:500px;}
.w450{width:450px;}
.w300{width:300px;}
.w546{width:546px;}
.w496{width:496px;}
.w556{width:556px;}
.w210{width:210px;}
.w220{width:220px;}
.w200{width:200px;}
.w722{width:722px;}
.w720{width:720px;}
.w738{width:738px;}
.w150{width:150px;}
.w570{width:570px}
.w320{width:320px}
.w147{width:147px;}
.w744{width:744px;}
.w160{width:160px;}
.w820{width:820px}
.w660{width:660px}
.w758{width:758px;}
.w760{width:760px;}
.h132{ height:132px}
.w80{ width:80px;}
.w170{width:170px;}
.w785{width:785px;}
.h20{ height:20px}
.w768{width:768px;}
.w380{width:380px;}
.w790{width:790px;}