@charset "utf-8";

/*========================================================
  Name: Common
  Designer: Rongstar
  Website: http://www.ofcms.com
  Data: 2012-01
========================================================*/

/* 公共
 ----------------------------------*/
.margin-auto { margin: auto; }
.float-left { float: left; }
.float-right { float: right; }
.clear-both { clear: both; }
.clear-left { clear: left; }
.clear-right { clear: right; }
.clear-float { overflow: hidden; } /* 此方法不用额外增加标签 */
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.vertical-top { vertical-align: top; }
.vertical-middle{ vertical-align: middle; }
.vertical-bottom { vertical-align: bottom; }

/* 字体颜色 (Color)
 -------------------------------------------------------------------- */
.color-red { color: #F00; }
.color-red-dark { color: #C00; }
.color-blue { color: #039; }

/* 内距 (Padding, Padding-Max)
 -------------------------------------------------------------------- */
.padding, .padding-all, .padding-top, 
.padding-lt, .padding-rt, .padding-tb,
.padding-ltr, .padding-trb, padding-tlb { padding-top: 10px; }
.padding, .padding-all, .padding-bottom,
.padding-lb, .padding-rb, .padding-tb,
.padding-lbr, .padding-trb, padding-tlb { padding-bottom: 10px; }
.padding, .padding-all, .padding-right,
.padding-rt, .padding-rb, .padding-lr,
.padding-ltr, .padding-lbr, .padding-trb { padding-right: 10px; }
.padding, .padding-all, .padding-left,
.padding-lt, .padding-lb, .padding-lr,
.padding-ltr, .padding-lbr, .padding-tlb { padding-left: 10px; }

.padding-max, .padding-all-max, .padding-top-max, 
.padding-lt-max, .padding-rt-max, .padding-tb-max,
.padding-ltr-max, .padding-trb-max, padding-tlb-max { padding-top: 5%; }
.padding-max, .padding-all-max, .padding-bottom-max,
.padding-lb-max, .padding-rb-max, .padding-tb-max,
.padding-lbr-max, .padding-trb-max, padding-tlb-max { padding-bottom: 5%; }
.padding-max, .padding-all-max, .padding-right-max,
.padding-rt-max, .padding-rb-max, .padding-lr-max,
.padding-ltr-max, .padding-lbr-max, .padding-trb-max { padding-right: 5%; }
.padding-max, .padding-all-max, .padding-left-max,
.padding-lt-max, .padding-lb-max, .padding-lr-max,
.padding-ltr-max, .padding-lbr-max, .padding-tlb-max { padding-left: 5%; }

/* 外距 (Margin, Margin-Max)
 -------------------------------------------------------------------- */
.margin, .margin-all, .margin-top, 
.margin-lt, .margin-rt, .margin-tb,
.margin-ltr, .margin-trb, margin-tlb { margin-top: 10px; }
.margin, .margin-all, .margin-bottom,
.margin-lb, .margin-rb, .margin-tb,
.margin-lbr, .margin-trb, margin-tlb { margin-bottom: 10px; }
.margin, .margin-all, .margin-right,
.margin-rt, .margin-rb, .margin-lr,
.margin-ltr, .margin-lbr, .margin-trb { margin-right: 10px; }
.margin, .margin-all, .margin-left,
.margin-lt, .margin-lb, .margin-lr,
.margin-ltr, .margin-lbr, .margin-tlb { margin-left: 10px; }

.margin-max, .margin-all-max, .margin-top-max, 
.margin-lt-max, .margin-rt-max, .margin-tb-max,
.margin-ltr-max, .margin-trb-max, margin-tlb-max { margin-top: 5%; }
.margin-max, .margin-all-max, .margin-bottom-max,
.margin-lb-max, .margin-rb-max, .margin-tb-max,
.margin-lbr-max, .margin-trb-max, margin-tlb-max { margin-bottom: 5%; }
.margin-max, .margin-all-max, .margin-right-max,
.margin-rt-max, .margin-rb-max, .margin-lr-max,
.margin-ltr-max, .margin-lbr-max, .margin-trb-max { margin-right: 5%; }
.margin-max, .margin-all-max, .margin-left-max,
.margin-lt-max, .margin-lb-max, .margin-lr-max,
.margin-ltr-max, .margin-lbr-max, .margin-tlb-max { margin-left: 5%; }

/* 边框 (Border) & 圆角边框 (BorderRadius, BorderRadius-Max)
 -------------------------------------------------------------------- */
.border-radius, .border-radius-all,
.border-radius-lt, .border-radius-rt,
.border-radius-ltr, .border-radius-trb, .border-radius-tlb,
.border-radius-max, .border-radius-all-max,
.border-radius-lt-max, .border-radius-rt-max,
.border-radius-ltr-max, .border-radius-trb-max, .border-radius-tlb-max,
.border, .border-all, .border-top,
.border-lt, .border-rt, .border-tb,
.border-ltr, .border-trb, .border-tlb { border-top: 1px solid #CCC; }

.border-radius, .border-radius-all,
.border-radius-lb, .border-radius-rb,
.border-radius-lbr, .border-radius-trb, .border-radius-tlb,
.border-radius-max, .border-radius-all-max,
.border-radius-lb-max, .border-radius-rb-max,
.border-radius-lbr-max, .border-radius-trb-max, .border-radius-tlb-max,
.border, .border-all, .border-bottom,
.border-lb, .border-rb, .border-tb,
.border-lbr, .border-trb, .border-tlb { border-bottom: 1px solid #CCC; }

.border-radius, .border-radius-all,
.border-radius-rt, .border-radius-rb,
.border-radius-ltr, .border-radius-trb, .border-radius-lbr,
.border-radius-max, .border-radius-all-max,
.border-radius-rt-max, .border-radius-rb-max,
.border-radius-ltr-max, .border-radius-trb-max, .border-radius-lbr-max,
.border, .border-all, .border-right,
.border-rt, .border-rb, .border-lr,
.border-ltr, .border-trb, .border-lbr  { border-right: 1px solid #CCC; }

.border-radius, .border-radius-all,
.border-radius-lt, .border-radius-lb,
.border-radius-ltr, .border-radius-tlb, .border-radius-lbr,
.border-radius-max, .border-radius-all-max,
.border-radius-lt-max, .border-radius-lb-max,
.border-radius-ltr-max, .border-radius-tlb-max, .border-radius-lbr-max,
.border, .border-all, .border-left,
.border-lt, .border-lb, .border-lr,
.border-ltr, .border-tlb, .border-lbr { border-left: 1px solid #CCC; }

.border-color-dark-black { }
.border-color-dark-red { }
.border-color-dark-orange { }
.border-color-dark-yellow { }
.border-color-dark-green { border-color: #9C9; }
.border-color-dark-olive { }
.border-color-dark-blue { border-color: #06F; }
.border-color-dark-purple { border-color: #C19EE0; }
.border-color-light-white { }
.border-color-light-silver { border-color: #CCC; }
.border-color-light-waterblue { border-color: #78D3E0; }
.border-color-light-watergreen { border-color: #CBE4CB; }
.border-color-light-teawhite { border-color: #C2E79E; }
.border-color-light-warmwhite { border-color: #E7CF9E; }
.border-color-light-pinkwhite { border-color: #EFB1B5; }
.border-color-light-pinkpurple { border-color: #ECB0DE; }
.border-color-light-violet { border-color: #B8C0E9; }

/* 圆角 (Radius) & 圆角边框 (BorderRadius, BorderRadius-Max)
 -------------------------------------------------------------------- */
.border-radius, .border-radius-all, .border-radius-lt,
.border-radius-ltr, .border-radius-tlb,
.radius, .radius-all, .radius-lt,
.radius-ltr, .radius-tlb { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -khtml-border-top-left-radius: 5px; border-top-left-radius: 5px; }
.border-radius, .border-radius-all, .border-radius-rt,
.border-radius-ltr, .border-radius-trb,
.radius, .radius-all, .radius-rt,
.radius-ltr, .radius-trb { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -khtml-border-top-right-radius: 5px; border-top-right-radius: 5px; }
.border-radius, .border-radius-all, .border-radius-lb,
.border-radius-lbr, .border-radius-tlb,
.radius, .radius-all, .radius-lb,
.radius-lbr, .radius-tlb { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -khtml-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; }
.border-radius, .border-radius-all, .border-radius-rb,
.border-radius-lbr, .border-radius-trb,
.radius, .radius-all, .radius-br,
.radius-lbr, .radius-trb { -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -khtml-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }

.border-radius-max, .border-radius-all-max, .border-radius-lt-max,
.border-radius-ltr-max, .border-radius-tlb-max,
.radius-max, .radius-all-max, .radius-lt-max,
.radius-ltr-max, .radius-tlb-max { -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; -khtml-border-top-left-radius: 10px; border-top-left-radius: 10px; }
.border-radius-max, .border-radius-all-max, .border-radius-rt-max,
.border-radius-ltr-max, .border-radius-trb-max,
.radius-max, .radius-all-max, .radius-rt-max,
.radius-ltr-max, .radius-trb-max { -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; -khtml-border-top-right-radius: 10px; border-top-right-radius: 10x; }
.border-radius-max, .border-radius-all-max, .border-radius-lb-max,
.border-radius-lbr-max, .border-radius-tlb-max,
.radius-max, .radius-all-max, .radius-lb-max,
.radius-lbr-max, .radius-tlb-max { -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; -khtml-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px; }
.border-radius-max, .border-radius-all-max, .border-radius-rb-max,
.border-radius-lbr-max, .border-radius-trb-max,
.radius-max, .radius-all-max, .radius-br-max,
.radius-lbr-max, .radius-trb-max { -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; -khtml-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px; }

/* 圆角 (BackgroundColor), 圆角 (BackgroundImage)
 -------------------------------------------------------------------- */
.bg-color-dark-black { }
.bg-color-dark-red { }
.bg-color-dark-orange { }
.bg-color-dark-yellow { }
.bg-color-dark-green { background-color: #9C9; }
.bg-color-dark-olive { }
.bg-color-dark-blue { background-color: #9CF; }
.bg-color-dark-purple { background-color: #C19EE0; }
.bg-color-light-white { background-color: #FFF; }
.bg-color-light-silver { background-color: #CCC; }
.bg-color-light-waterblue { background-color: #F7FBFF; }
.bg-color-light-watergreen { background-color: #CBE4CB; }
.bg-color-light-teawhite { background-color: #C2E79E; }
.bg-color-light-warmwhite { background-color: #E7CF9E; }
.bg-color-light-pinkwhite { background-color: #EFB1B5; }
.bg-color-light-pinkpurple { background-color: #ECB0DE; }
.bg-color-light-violet { background-color: #B8C0E9; }

.bg-image { background: url(../images/c-bg-images.jpg) repeat-x; }
.bg-image-dark-black { background-position: 0 0; } /* 0 ~ -80px; */
.bg-image-dark-red { background-position: 0 -360px; } /* -360 ~ -440px; */
.bg-image-dark-orange { }
.bg-image-dark-yellow { }
.bg-image-dark-green { background-position: 0 -240px; } /* -240 ~ -320px; */
.bg-image-dark-olive { background-position: 0 -600px; } /* -600 ~ -680px; */
.bg-image-dark-blue { background-position: 0 -120px; color: #003399; } /* -120 ~ -200px; */
.bg-image-dark-purple { background-position: 0 -480px; } /* -480 ~ -560px; */
.bg-image-light-white { }
.bg-image-light-silver { background-position: 0 -720px; color: #666; } /* -720 ~ -760px; */
.bg-image-light-waterblue { background-position: 0 -800px; color: #1C818C; } /* -800 ~ -840px; */
.bg-image-light-watergreen { background-position: 0 -880px; color: #278947; } /* -880 ~ -920px; */
.bg-image-light-teawhite { background-position: 0 -960px; color: #466D23; } /* -960 ~ -1000px; */
.bg-image-light-warmwhite { background-position: 0 -1040px; color: #796122; } /* -1040 ~ -1080px; */
.bg-image-light-pinkwhite { background-position: 0 -1120px; color: #783029; } /* -1120 ~ -1160px; */
.bg-image-light-pinkpurple { background-position: 0 -1200px; color: #7B2668; } /* -1200 ~ -1240px; */
.bg-image-light-violet { background-position: 0 -1360px; color: #2D3F93; } /* -1360 ~ -1400px; */

/* Icons
 -------------------------------------------------------------------- */
.icon { width: 16px; height: 16px; background: url(../images/c-icons.gif) no-repeat; float: left; }
.icon-point-black { background-position: 0 0; }
.icon-point-red { background-position: -112px -0; }
.icon-point-orange { background-position: -96px -0; }
.icon-point-yellow { background-position: -80px 0; }
.icon-point-green { background-position: -64px 0; }
.icon-point-olive { background-position: -32px 0; }
.icon-point-blue { background-position: -48px 0; }
.icon-point-purple { background-position: -16px 0; }

.icon-arrow-line-es { background-position: 0 -16px; }
.icon-arrow-line-s { background-position: -16px -16px; }
.icon-arrow-line-ws { background-position: -32px -16px; }
.icon-arrow-line-w { background-position: -48px -16px; }
.icon-arrow-line-wn { background-position: -64px -16px; }
.icon-arrow-line-n { background-position: -80px -16px; }
.icon-arrow-line-en { background-position: -96px -16px; }
.icon-arrow-line-e { background-position: -112px -16px; }

.icon-arrow-fill-es { background-position: 0 -32px; }
.icon-arrow-fill-s { background-position: -16px -32px; }
.icon-arrow-fill-ws { background-position: -32px -32px; }
.icon-arrow-fill-w { background-position: -48px -32px; }
.icon-arrow-fill-wn { background-position: -64px -32px; }
.icon-arrow-fill-n { background-position: -80px -32px; }
.icon-arrow-fill-en { background-position: -96px -32px; }
.icon-arrow-fill-e { background-position: -112px -32px; }

.icon-attachment { background-position: 0 -48px; }
.icon-hot { background-position: 0 -64px; width: 32px; }