@charset "utf-8";
/* Common.css Document */
 *{*behavior:url(iefix/boxsizing.htc);}/**For ie7 fix【box-sizing:border-box】**/ 
body, div, h1, h2, h3, h4, h5, h6, blockquote, pre, dl, dt, dd, ol, ul, li, hr, fieldset, form, label, legend, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, summary, hgroup {
	margin: 0;
	padding: 0;
	border: 0;
}
html, body { height: 100%; }
html { min-height: 100%; }

.percent100 {
	width: 100%;
	height: 100%;
}
body {
	min-height: 100%;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-size-adjust: 100%;
}
::selection {
	text-shadow: none;
	background-color: highlight;
	color: highlighttext;
}
img { -ms-interpolation-mode: bicubic; }
 @-webkit-viewport {
width: device-width;
}
@-moz-viewport {
width: device-width;
}
@-ms-viewport {
width: device-width;
}
@-o-viewport {
width: device-width;
}
@viewport {
width: device-width;
}
.block { display: block; }
.flex {
	display: -webkit-flex;
	display: flex;
}
.none { display: none; }
.bg-Transparent {
	border-color: transparent;
	background-color: transparent;
}
.bg-FFF { background-color: #fff; }
/********
  color
********/
.color-fff { color: #fff; }
.color-888 { color: #888; }
.color-000{ color:#000;}
/***************
       position
*************/
.relative { position: relative; }
.absolute { position: absolute; }
.fixed { position: fixed; }
.margin-Auto { margin: 0 auto; }
.overflow-hidden { overflow: hidden; }
.overflow-scroll { overflow: scroll; }
.overflow-visinle { overflow: visible; }
.overflow-auto { overflow: auto; }
/****font-size****/
.bold{ font-weight:bold;}
.font-9 { font-size: 9px; }
.font-10 { font-size: 10px; }
.font-12 { font-size: 12px; }
.font-13 { font-size: 13px; }
.font-14 { font-size: 14px; }
.font-15 { font-size: 15px; }
.font-16 { font-size: 16px; }
.font-30 { font-size: 30px; }
/*******************
  float & clearfix
********************/
.float-l { float: left; }
.float-r { float: right; }
.float-none { float: none; }
.clear { clear: both; }
.clearfix {  *zoom: 1;
}
/*************
          box
****************/
.clearMargin { margin: 0; }
.clearPadding { padding: 0; }
.padding-10 { padding: 10px; }

/***padding-top***/
.padding-T3 { padding-top: 3px; }
.padding-T5 { padding-top: 5px; }
.padding-T10 { padding-top: 10px; }
.padding-T15 { padding-top: 15px; }
.padding-T20 { padding-top: 20px; }
.padding-T25 { padding-top: 25px; }

/***padding-top-bottom***/

.padding-TB5 {
	padding-top: 5px;
	padding-bottom: 5px;
}
.padding-TB15 {
	padding-top: 15px;
	padding-bottom: 15px;
}
.padding-TB10 {
	padding-top: 10px;
	padding-bottom: 10px;
}

/***padding-left***/
.padding-L15 { padding-left: 15px; }
.padding-L25 { padding-left: 25px; }
.padding-L35 { padding-left: 35px; }


/***padding-right***/
.padding-R5 { padding-right:5px; }
.padding-R10 { padding-right:10px; }
.padding-R15 { padding-right:15px; }
.padding-R20 { padding-right:20px; }

/***padding-left-right***/
.padding-LR10 {
	padding-left: 10px;
	padding-right: 10px;
}
.padding-LR18 {
	padding-left: 18px;
	padding-right: 18px;
}

/***padding-bottom***/
.padding-B5 { padding-bottom: 5px; }
.padding-B10 { padding-bottom: 10px; }
.padding-B15 { padding-bottom: 15px; }
.padding-B20 { padding-bottom: 20px; }
/***margin-top***/
.margin-T10 { margin-top: 10px; }
.margin-T22 { margin-top: 22px; }

/***margin-right***/
.margin-R3 { margin-right: 3px; }
.margin-R10 { margin-right: 10px; }
.margin-R15 { margin-right: 15px; }
.margin-R20 { margin-right: 20px; }

/***margin-bottom***/
.margin-B10 { margin-bottom: 10px; }
.margin-B15 { margin-bottom: 15px; }
.margin-B20 { margin-bottom: 20px; }
.margin-B30 { margin-bottom:30px; }

/*<!-text-indent--->*/
.text-indent-hide{ text-indent:-999em; font-size:0; visibility:hidden;}
.text-indent-2em{ text-indent:2em;}

/*<!--.last--NoBorder/NoMargin/NoPadding}-->*/

.last-NoBorder{ border:none!important;}






/*---col-common---*/
.col-common{}

.col-common-left{
float:left;
clear:left;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.col-common-right{}

.col-common p, .col-common-left h1, .col-common-right h1, .col-common-left h2, .col-common-right h2, .col-common-left h3, .col-common-right h3, .col-common-left h4, .col-common-right h4, .col-common-left h5, .col-common-right h5, .col-common-left h6, .col-common-right h6, .col-common-left p, .col-common-right p{
	margin:0 0 10px 0;
	}
	
.col-common-right:before,.col-common-right:after{content:" ";display:table;} .col-common-right:after{clear:both;} .col-common-right:before,.col-common-right:after{content:" ";display:table;} .col-common-right:after{clear:both;}


/****** media Query ******/
/*****

===== 大屏幕 =====                                  =====  小屏电脑和大屏幕之间的分辨率 =====                      
@media (min-width: 1200px) { }                                                      @media (min-width:992px) and (max-width:1199px) { }   


===== 平板电脑和小屏电脑之间的分辨率 =====          ===== 横向放置的手机和竖向放置的平板之间的分辨率 =====
@media (min-width: 768px) and (max-width: 991px) { }           @media (max-width: 767px) { }


===== 横向放置的智能手机及分辨率更小的设备 =====    ===== 智能手机 =====                  ===== 功能手机 =====
@media (max-width: 480px) { }                                                           @media (max-width: 320px) { }                        @media (max-width: 240px) { }

*****/