﻿/* Base */
body { margin:0; padding:0; }
body { background-color:#fff; font-size:12px;  font-family: Arial, Helvetica, sans-serif; color:#000; }
body { font-family: "微軟正黑體", Arial, Helvetica, sans-serif; }
a { text-decoration:none;color:#000; }
a:hover { text-decoration:underline; color:#000; cursor:pointer; }
a:active { outline:none; }
img { border:none; /*display:block;*/ }

/* Heading */
h1 { font-size:15px; display:inline; }
h2 { font-size:14px; display:inline; }
h3 { font-size:13px; display:inline; }
h4 { font-size:12px; display:inline; }
h5 { font-size:12px; display:inline; }

/* Paragraph */
p { margin:10px 0 0 0; }

/* Lists */
ul,ol { list-style:none; }
dt { display:block; }

/* Form */
select { font-size:12px; }
input { font-size:12px; }


/*****************************************/
/******** ALIGNMENTS  **********/
/*****************************************/
/* Directional and spacial */
.f-left, .left          { float:left; }
.f-right, .right        { float:right; }
.v-top                  { vertical-align:top; }
.v-middle               { vertical-align:middle !important; }
.v-bottom               { vertical-align:bottom; }
.a-left                 { text-align:left !important; }
.a-center               { text-align:center !important; }
.a-right                { text-align:right !important; }
.nm                     { margin:0 !important; }
.np                     { padding:0 !important; }
.no-display             { display:none; }
.no-show                { display:none; }
.nowrap, .nobr          { white-space:nowrap; }
.wrap                   { white-space:normal !important; }
.no-float               { float:none !important; }
.pointer                { cursor:pointer; }
/* Font */
.bold                   { font-weight:bold !important; }
.normal                 { font-weight:normal !important; }