/* main */
html { margin: 0; padding: 0; }
body { margin: 0; padding: 0; color: #3b5998; }
a { font-family: Tahoma; text-decoration: none; color: #3b5998; }
img { border: 0; }

/* form */
form { margin: 0; }
input,select,textarea { font-family: Tahoma; font-size: 11px; color: black; }

.btn_01 { background: url('../images/btn_01.gif'); color: white; border: 0; width: 33px; height: 23px; }
.btn_02 { background: url('../images/btn_02.gif'); color: white; border: 0; width: 50px; height: 23px; }
.btn_03 { background: url('../images/btn_03.gif'); color: white; border: 0; width: 60px; height: 23px; }

/* general */
.general { font-family: Tahoma; font-size: 11px; }
.general a { font-family: Tahoma; }
.general a:hover { text-decoration: underline; }

/* background */
.b_white { background: white; }
.b_black { background: black; }
.b_gray { background: #f1f1f2; }
.b_blue { background: #17c5ee; }
.b_navy { background: #3b5998; }
.b_main { background: #17c5ee url('../images/back_top.gif') repeat-x; }
.b_search { background: white url('../images/back_search.gif') no-repeat; }
.b_header { background: #bd59d4; }

/* font-size */
.fs_13 { font-size: 13px; }
.fs_21 { font-size: 21px; }

/* letter spacing */
.ls_m1 { letter-spacing: -1px; }

/* font-family */
.ff_arial { font-family: Arial; }

/* text-link */
.normal { font-weight: normal; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.none { text-decoration: none; }
.underline { text-decoration: underline; }

.c_white { color: white; }
.c_black { color: black; }
.c_blue { color: #0095d9; }
.c_navy { color: #3b5998; }
.c_gray { color: #c6c8ca; }

.l_white { color: white; }
.l_white a { color: white; }
.l_black { color: black; }
.l_black a { color: black; }
.l_blue { color: #0095d9; }
.l_blue a { color: #0095d9; }
.l_navy { color: #3b5998; }
.l_navy a { color: #3b5998; }

/* padding */
.p_0 { padding: 0; }

.p_1 { padding: 1px; }
.p_5 { padding: 5px; }
.p_10 { padding: 10px; }
.p_20 { padding: 20px; }

.pt_5 { padding-top: 5px; }
.pr_5 { padding-right: 5px; }
.pb_5 { padding-bottom: 5px; }
.pl_5 { padding-left: 5px; }

.pt_10 { padding-top: 10px; }
.pr_10 { padding-right: 10px; }
.pb_10 { padding-bottom: 10px; }
.pl_10 { padding-left: 10px; }

.pt_15 { padding-top: 15px; }
.pr_15 { padding-right: 15px; }
.pb_15 { padding-bottom: 15px; }
.pl_15 { padding-left: 15px; }

.pt_20 { padding-top: 20px; }
.pr_20 { padding-right: 20px; }
.pb_20 { padding-bottom: 20px; }
.pl_20 { padding-left: 20px; }

.pt_2 { padding-top: 2px; }
.pt_26 { padding-top: 26px; }
.pl_50 { padding-left: 50px; }
.p_5_0 { padding: 5px 0; }
.p_10_0 { padding: 10px 0; }
.p_0_10 { padding: 0 10px; }

.ps_1 { padding: 3px 13px 0 13px; }
.ps_2 { padding: 4px 0 4px 20px; }
.ps_3 { padding: 3px 0 3px 6px; }
.ps_4 { padding: 4px; }

/* margin */
.auto { margin-left: auto; margin-right: auto; }

.m_0 { margin: 0; }

.mt_5 { margin-top: 5px; }
.mr_5 { margin-right: 5px; }
.mb_5 { margin-bottom: 5px; }
.ml_5 { margin-left: 5px; }

.mt_10 { margin-top: 10px; }
.mr_10 { margin-right: 10px; }
.mb_10 { margin-bottom: 10px; }
.ml_10 { margin-left: 10px; }

.mt_20 { margin-top: 20px; }
.mr_20 { margin-right: 20px; }
.mb_20 { margin-bottom: 20px; }
.ml_20 { margin-left: 20px; }

.mt_7 { margin-top: 7px; }
.mt_50 { margin-top: 50px; }

.m_5_0 { margin: 5px 0; }
.m_10_0 { margin: 10px 0; }

/* text-align */
.t_left { text-align: left; }
.t_center { text-align: center; }
.t_right { text-align: right; }

/* border */
.br_avatar { border: 5px solid white; }
.br_form { border: 1px solid #95a5c6; }

/* seperator */
.s_hor { margin: 15px 10px; border-bottom: 1px dotted #949698; }
.s_hor2 { margin: 15px 0; border-bottom: 1px dotted #949698; }
.s_ver { margin-right: 14px; padding-right: 14px; border-right: 1px dotted #949698; }
.s_ver2 { margin: 0 14px; padding: 0 14px; border-left: 1px dotted #949698; border-right: 1px dotted #949698; }
.s_ver3 { margin-left: 14px; padding-left: 14px; border-left: 1px dotted #949698; }

/* h */
h1 { font-size: 25px; font-weight: normal; margin: 0; }

/* line-height */
.lh_16 { line-height: 16px; }
.lh_18 { line-height: 18px; }
.lh_20 { line-height: 20px; }
.lh_25 { line-height: 25px; }

/* div */
.left { float: left; }
.right { float: right; }
.hidden { overflow: hidden; }
.block { display: block; }
.top { vertical-align: top; }
.middle { vertical-align: middle; }

/* z-index */
z2 { z-index: 2; }

/* position */
.p_absolute { position: absolute; }
.p_relative { position: relative; }

/* width */
.w_general { width: 100%; }
.w_990 { width: 990px; }
.w_490 { width: 490px; }
.w_400 { width: 400px; }
.w_380 { width: 380px; }
.w_365 { width: 365px; }
.w_360 { width: 360px; }
.w_350 { width: 350px; }
.w_300 { width: 300px; }
.w_280 { width: 280px; }
.w_270 { width: 270px; }
.w_235 { width: 235px; }
.w_210 { width: 210px; }
.w_180 { width: 180px; }
.w_170 { width: 170px; }
.w_160 { width: 160px; }
.w_140 { width: 140px; }
.w_130 { width: 130px; }
.w_120 { width: 120px; }
.w_110 { width: 110px; }
.w_105 { width: 105px; }
.w_100 { width: 100px; }
.w_70 { width: 70px; }
.w_65 { width: 65px; }
.w_60 { width: 60px; }
.w_50 { width: 50px; }
.w_10 { width: 10px; }
.w_1 { width: 1px; }

/* height */
.h_general { height: 100%; }
.h_min600 { min-height: 600px; }
.h_600 { height: 600px; }
.h_210 { height: 210px; }
.h_110 { height: 110px; }
.h_100 { height: 100px; }
.h_80 { height: 80px; }
.h_75 { height: 75px; }
.h_23 { height: 23px; }
.h_18 { height: 18px; }
.h_1 { height: 1px; }

/* others */
.p1 { padding: 0 0 5px 0; margin: 0; }
.p2 { padding: 10px 0 0 0; margin: 0; }
.p3 { padding: 2px 0 0 0; margin: 0; }

.paging { font-weight: normal; }
.paging span { margin: 0 3px; }

.span_5 span { margin: 0 5px; }