/*xianghongai@gmail.com*/
html, body { height: 100%; width: 100%; }
body { font-family: Tahoma,Arial,Roboto,'Droid Sans','Helvetica Neue','Droid Sans Fallback','Heiti SC','Hiragino Sans GB',Simsun,sans-self; }
img { vertical-align: middle; }
.clear { clear: both; }
*:focus { outline: 0 !important; }
.clearfix:before,
.clearfix:after,
.form-group:before,
.form-group:after,
.ui-page-wrap:before,
.ui-page-wrap:after,
.ui-page-container:before,
.ui-page-container:after,
.ui-page-footer:before,
.ui-page-footer:after,
.container-inner:before,
.container-inner:after { display: table; content: " "; }
.clearfix:after,
.form-group:after,
.ui-page-wrap:after,
.ui-page-container:after,
.ui-page-footer:after,
.container-inner:after { clear: both; overflow: hidden; }
.clearfix { *zoom: 1; }

.center-block { display: block; margin-right: auto; margin-left: auto; }
.pull-right { float: right !important; }
.pull-left { float: left !important; }
.hide { display: none !important; }
.show { display: block !important; }
.hidden { display: none !important; visibility: hidden !important; }
.img-responsive { display: block; width: 100% \9; height: auto; max-width: 100%; }
.line { width: 100%; height: 2px; margin: 10px 0; overflow: hidden; font-size: 0; }
.line-sm { height: 1px; }
.p-normal p { text-align: left; text-align: justify; -ms-text-justify: inter-ideograph; text-justify: inter-ideograph; font-size: 0.875em; line-height: 1.625em; /*font-family: SimSun, '宋体',serif;*/ }
.p-indent p { text-indent: 2em; }
.p-group p { margin-bottom: 12px; }

h1, .h1 { font-size: 40px; }
h2, .h2 { font-size: 30px; }
h3, .h3 { font-size: 24px; }
h4, .h4 { font-size: 18px; }
h5, .h5 { font-size: 14px; }
h6, .h6 { font-size: 12px; }

small, .small { font-size: 85%; }

h1 small, h2 small, h3 small,
h1 .small, h2 .small, h3 .small,
.h1 small, .h2 small, .h3 small,
.h1 .small, .h2 .small, .h3 .small { font-size: 65%; }

h4 small, h5 small, h6 small,
h4 .small, h5 .small, h6 .small,
.h4 small, .h5 small, .h6 small,
.h4 .small, .h5 .small, .h6 .small { font-size: 75%; }

/*border*/
.b-a { border: 1px solid #dee5e7; }
.b-t { border-top: 1px solid #dee5e7; }
.b-r { border-right: 1px solid #dee5e7; }
.b-b { border-bottom: 1px solid #dee5e7; }
.b-l { border-left: 1px solid #dee5e7; }
.b-light { border-color: #edf1f2; }
.b-dark { border-color: #3a3f51; }
.b-black { border-color: #3a3f51; }
.b-primary { border-color: #7266ba; }
.b-success { border-color: #27c24c; }
.b-info { border-color: #23b7e5; }
.b-warning { border-color: #fad733; }
.b-danger { border-color: #f05050; }
.b-white { border-color: #fff; }
/*text*/
.text-3x { font-size: 3em; }
.text-2x { font-size: 2em; }
.text-lg { font-size: 20px; }
.text-md { font-size: 18px; }
.text-base { font-size: 14px; }
.text-sm { font-size: 13px; }
.text-xs { font-size: 12px; }
.font-normal { font-weight: normal; }
.font-thin { font-weight: 300; }
.font-bold { font-weight: 700; }


.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.text-justify { text-align: justify; }
.text-nowrap { white-space: nowrap; }
.text-lowercase { text-transform: lowercase; }
.text-uppercase { text-transform: uppercase; }
.text-capitalize { text-transform: capitalize; }
.text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; }
.text-ellipsis { display: block; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; }

.text-white { color: #fff; }
.text-darkgrey { color: #333; }
.text-mediumgrey { color: #666; }
.text-lightgrey { color: #999; }
.text-warning { color: #b70000; }
.text-lightseagreen { color: #7ee3cc; }


/*line-height*/
.l-h-2x { line-height: 2em; }
.l-h-lg { line-height: 1.625em; }
.l-h-md { line-height: 1.5em; }
.l-h-base { line-height: 1.375em; }
.l-h-sm { line-height: 1.25em; }


/*box model , position*/
.pos-rlt { position: relative; }
.pos-stc { position: static !important; }
.pos-abt { position: absolute; }
.pos-fix { position: fixed; }

.p { padding: 15px; }
.p-md { padding: 20px; }
.p-lg { padding: 30px; }
.p-xl { padding: 50px; }
.p-n { padding: 0 !important; }

.p-l-none { padding-left: 0 !important; }
.p-l-xs { padding-left: 5px; }
.p-l-sm { padding-left: 10px; }
.p-l { padding-left: 15px; }
.p-l-md { padding-left: 20px; }
.p-l-lg { padding-left: 30px; }
.p-l-xl { padding-left: 40px; }
.p-l-xxl { padding-left: 50px; }

.p-t-none { padding-top: 0 !important; }
.p-t-xxs { padding-top: 1px; }
.p-t-xs { padding-top: 5px; }
.p-t-sm { padding-top: 10px; }
.p-t { padding-top: 15px; }
.p-t-md { padding-top: 20px; }
.p-t-lg { padding-top: 30px; }
.p-t-xl { padding-top: 40px; }
.p-t-xxl { padding-top: 50px; }

.p-r-none { padding-right: 0 !important; }
.p-r-xxs { padding-right: 1px; }
.p-r-xs { padding-right: 5px; }
.p-r-sm { padding-right: 10px; }
.p-r { padding-right: 15px; }
.p-r-md { padding-right: 20px; }
.p-r-lg { padding-right: 30px; }
.p-r-xl { padding-right: 40px; }
.p-r-xxl { padding-right: 50px; }

.p-b-none { padding-bottom: 0 !important; }
.p-b-xxs { padding-bottom: 1px; }
.p-b-xs { padding-bottom: 5px; }
.p-b-sm { padding-bottom: 10px; }
.p-b { padding-bottom: 15px; }
.p-b-md { padding-bottom: 20px; }
.p-b-lg { padding-bottom: 30px; }
.p-b-xl { padding-bottom: 40px; }
.p-b-xxl { padding-bottom: 50px; }

.m { margin: 15px; }
.m-md { margin: 20px; }
.m-lg { margin: 30px; }
.m-xl { margin: 50px; }
.m-n { margin: 0 !important; }
.m-l-none { margin-left: 0 !important; }
.m-l-xs { margin-left: 5px; }
.m-l-sm { margin-left: 10px; }
.m-l { margin-left: 15px; }
.m-l-md { margin-left: 20px; }
.m-l-lg { margin-left: 30px; }
.m-l-xl { margin-left: 40px; }
.m-l-xxl { margin-left: 50px; }
.m-l-n-xxs { margin-left: -1px; }
.m-l-n-xs { margin-left: -5px; }
.m-l-n-sm { margin-left: -10px; }
.m-l-n { margin-left: -15px; }
.m-l-n-md { margin-left: -20px; }
.m-l-n-lg { margin-left: -30px; }
.m-l-n-xl { margin-left: -40px; }
.m-l-n-xxl { margin-left: -50px; }
.m-t-none { margin-top: 0 !important; }
.m-t-xxs { margin-top: 1px; }
.m-t-xs { margin-top: 5px; }
.m-t-sm { margin-top: 10px; }
.m-t { margin-top: 15px; }
.m-t-md { margin-top: 20px; }
.m-t-lg { margin-top: 30px; }
.m-t-xl { margin-top: 40px; }
.m-t-xxl { margin-top: 50px; }
.m-t-n-xxs { margin-top: -1px; }
.m-t-n-xs { margin-top: -5px; }
.m-t-n-sm { margin-top: -10px; }
.m-t-n { margin-top: -15px; }
.m-t-n-md { margin-top: -20px; }
.m-t-n-lg { margin-top: -30px; }
.m-t-n-xl { margin-top: -40px; }
.m-t-n-xxl { margin-top: -50px; }
.m-r-none { margin-right: 0 !important; }
.m-r-xxs { margin-right: 1px; }
.m-r-xs { margin-right: 5px; }
.m-r-sm { margin-right: 10px; }
.m-r { margin-right: 15px; }
.m-r-md { margin-right: 20px; }
.m-r-lg { margin-right: 30px; }
.m-r-xl { margin-right: 40px; }
.m-r-xxl { margin-right: 50px; }
.m-r-n-xxs { margin-right: -1px; }
.m-r-n-xs { margin-right: -5px; }
.m-r-n-sm { margin-right: -10px; }
.m-r-n { margin-right: -15px; }
.m-r-n-md { margin-right: -20px; }
.m-r-n-lg { margin-right: -30px; }
.m-r-n-xl { margin-right: -40px; }
.m-r-n-xxl { margin-right: -50px; }
.m-b-none { margin-bottom: 0 !important; }
.m-b-xxs { margin-bottom: 1px; }
.m-b-xs { margin-bottom: 5px; }
.m-b-sm { margin-bottom: 10px; }
.m-b { margin-bottom: 15px; }
.m-b-md { margin-bottom: 20px; }
.m-b-lg { margin-bottom: 30px; }
.m-b-xl { margin-bottom: 40px; }
.m-b-xxl { margin-bottom: 50px; }
.m-b-n-xxs { margin-bottom: -1px; }
.m-b-n-xs { margin-bottom: -5px; }
.m-b-n-sm { margin-bottom: -10px; }
.m-b-n { margin-bottom: -15px; }
.m-b-n-md { margin-bottom: -20px; }
.m-b-n-lg { margin-bottom: -30px; }
.m-b-n-xl { margin-bottom: -40px; }
.m-b-n-xxl { margin-bottom: -50px; }

/*color*/
a { color: #333; text-decoration: none; }
a:hover { color: #297dcc; text-decoration: underline; }

.bg-lightseagreen { color: #fff; background-color: #297dcc; }
.bg-vividblue { color: #fff; background-color: #134050; }
.bg-lightgrey { color: #666; background-color: #e5e5e5; }
.bg-blueashes { color: #fff; background-color: #1a3753; }
.bg-indigoblue { color: #999; background-color: #192028; }
.bg-darkblue { color: #fff; background-color: #020911; }
.bg-lightyellow { color: #666; background-color: #efeeea; }
.bg-darkgrey { color: #666; background-color: #cecece; }
.bg-white { color: #333; background-color: #fff; }

.bg-banner { background-repeat: no-repeat; background-position: top center; }
.bg-banner, .bg-banner a { color: #fff; }
.bg-banner-1 { background-image: url(../images/2015/banner-1.jpg); }
.bg-banner-2 { background-image: url(../images/2015/banner-2.jpg); }
.bg-banner-3 { background-image: url(../images/2015/banner-3.jpg); }
.bg-banner-4 { background-image: url(../images/2015/banner-4.jpg); }
.bg-banner-5 { background-image: url(../images/2015/banner-5.jpg);background-color:#052f48;background-position:bottom center;color:#ddd; }

.bg-vividblue a { color: #fff; }
.itemdetail a, .itemdetail a:hover { color: #297dcc; }
.bg-lightseagreen a { color: #fff; }
.bg-lightgrey a { color: #333; }

.headline p { color: #666; }


.has-error { border-color: #ed6260 !important; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 6px #ce8483 !important; }

.arrow { display: inline-block; font-size: 0; height: 0; line-height: 0; position: absolute; width: 0; }
.arrow-t { border-width: 0 6px 6px; border-color: transparent transparent #333; border-style: dashed dashed solid; }
.arrow-b { border-width: 6px 6px 0; border-color: #333 transparent transparent; border-style: solid dashed dashed; }
.arrow-l { border-width: 6px 6px 6px 0; border-color: transparent #333 transparent transparent; border-style: dashed solid dashed dashed; }
.arrow-r { border-width: 6px 0 6px 6px; border-color: transparent transparent transparent #333; border-style: dashed dashed dashed solid; }

.arrow-lb { border-width: 0 8px 8px 0; border-color: transparent transparent #297dcc; border-style: dashed dashed solid; }
.arrow-rt { border-width: 8px 0 0 8px; border-color: #297dcc transparent transparent; border-style: solid dashed dashed; }
.arrow-rb { border-width: 8px 8px 0 0; border-color: transparent #297dcc transparent transparent; border-style: dashed solid dashed dashed; }
.arrow-lt { border-width: 0 0 8px 8px; border-color: transparent transparent transparent #297dcc; border-style: dashed dashed dashed solid; }