/* CSS Document */
html
{
	background: url(../images/bg.gif) top left repeat;
}

body
{
	color: #000;
	font-family: Arial,Tahoma,Helvetica,sans-serif;
	font-size: 12px;
	margin: 0 auto;
	padding: 0;
}
img
{
	border: 0px;
	display: block;
}
a
{
	text-decoration: none;
}
.cleaner
{
	clear: both; /*height: 0px;*/
	margin: 0px;
	padding: 0px;
}
#wrapper
{
	margin: 0 auto;
	width: 940px;
	background: #fff;
}
.container_content
{
	width: 920px;
	margin: 0 auto;
	padding: 10px;
}
.left_content
{
	width: 668px;
	float: left;
}
.news_top
{
	border: 1px solid #CCCCCC;
	width: 646px;
	padding: 10px;
	margin-bottom: 10px;
}
.new_news
{
	width: 292px;
	float: left;
}

.new_news .image img
{
	width: 292px;
	padding-bottom: 8px;
}
.ss-image
{
	width: 292px;
	padding-bottom: 8px;

}
.ss-image IMG
{
	width: 130px;
		float:left;
		margin-right:5px;
		margin-bottom:5px;
		margin-top:8px
}

.new_news .title_news_main
{
	padding-bottom: 5px;
}
.new_news .title_news_main a
{
	font-size: 16px;
	color: #CC0000;
}
.new_news .title_news_main a:hover
{
	text-decoration: underline;
}
.time_update
{
	background: url(../images/ico_timeupdate.jpg) left no-repeat;
	padding: 0px 0px 8px 29px;
	color: #0066CC;
	font-size: 11px;
}
.short_content
{
	text-align: justify;
}
.list_news
{
	background: url(../images/bg_newnews.jpg) top left repeat-x;
	width: 300px;
	padding: 10px 10px 0px 10px;
	float: left;
	margin-left: 30px;
}
.list_news .tit_text
{
	font-size: 14px;
	font-weight: bold;
	color: #0066CC;
}
.list_news ul
{
	list-style: none;
	margin: 10px 0px;
	padding: 0;
}
.list_news ul li
{
	background: url(../images/dot_listnews.jpg) top left no-repeat;
	padding-left: 15px;
	padding-bottom: 5px;
	line-height: 1.5em;
}
.list_news ul li a
{
	color: #993300;
}
.list_news ul li a:hover
{
	font-weight: bold;
}
.service_image
{
	margin-bottom: 10px;
}
.pos_content
{
	margin-bottom: 10px;
}
.title_text .left_bg
{
	float: left;
	background: url(../images/left_bg_title.jpg) left top no-repeat;
	width: 19px;
	height: 28px;
}
.mid_bg
{
	background: url(../images/bg_title.jpg) top left repeat-x;
	width: 617px;
	height: 28px;
	float: left;
	text-transform: uppercase;
	padding-left: 7px;
	padding-top: 7px;
	color: #fff;
	font-weight: bold;
}
.right_bg
{
	background: url(../images/right_bg_title.jpg) right top no-repeat;
	width: 25px;
	height: 33px;
	float: left;
}
.corner_news
{
	width: 300px;
	float: left;
	padding-right: 15px;
}
.name_news a
{
	color: #FF0000;
	font-family: tahoma;
	font-weight: bold;
	font-size: 13px;
}
.name_news a:hover
{
	font-weight: 100;
}
.short_detail .image
{
	float: left;
}
.short_detail .image img
{
	width: 108px;
	padding: 0px 10px 0px 0px;
}
.short_detail .short_content
{
	float: left;
	width: 180px;
}
.list_other
{
	float: left;
	margin-left: 15px;
	width: 338px;
}
.other_news .top
{
	font-size: 12px;
	font-family: Tahoma;
	font-weight: bold;
	text-decoration: underline;
	color: #333333;
}
.other_news .bottom ul
{
	margin: 10px 0px 0px 12px;
	padding: 0px;
	color: #999999;
}
.other_news .bottom ul li
{
	line-height: 1.5em;
}

.other_news .bottom ul li a
{
	color: #CC0000;
}
.other_news .bottom ul li a:hover
{
	text-decoration: underline;
}
.other_news .bottom ul li span
{
	color: #666;
	font-size: 11px;
	padding-left: 5px;
}

.right_content
{
	float: right;
	width: 231px;
}
.left_bg_frame
{
	float: left;
	background: url(../images/left_bg_title.jpg) left top no-repeat;
	width: 19px;
	height: 28px;
}
.mid_bg_frame
{
	background: url(../images/bg_title.jpg) top left repeat-x;
	width: 178px;
	height: 28px;
	float: left;
	text-transform: uppercase;
	padding-left: 7px;
	padding-top: 7px;
	color: #fff;
	font-weight: bold;
}
.right_bg_frame
{
	background: url(../images/right_bg_title.jpg) right top no-repeat;
	width: 25px;
	height: 33px;
	float: left;
}
.frame_left
{
	border: 1px solid #167dba;
	margin-bottom: 10px;
}
.content_frame
{
	padding: 10px;
}
.content_frame ul
{
	margin: 0px;
	padding: 0;
	list-style: none;
}
.content_frame ul li
{
	padding-bottom: 5px;
	padding-top: 5px;
	background: url(../images/dot_listservice.jpg) center left no-repeat;
	padding-left: 10px;
	border-bottom: 1px solid #CCCCCC;
}
.content_frame ul li a
{
	color: #666;
}
.content_frame ul li a:hover
{
	font-weight: bold;
}
.icon_link
{
	margin: 8px 0;
}
.project_pos
{
	width: 204px;
	text-align: center;
	padding-bottom: 5px;
}
.project_pos img
{
	width: 204px;
	padding-bottom: 8px;
	margin: 0 auto;
}
.online
{
	background: url(../images/ico_online.jpg) no-repeat scroll left center transparent;
	margin-bottom: 5px;
	padding-left: 26px;
}
.total_statistic
{
	background: url(../images/ico_total.jpg) no-repeat scroll left center transparent;
	padding-left: 25px;
}
.total_statistic span
{
	color: #0000FF;
	font-size: 15px;
	font-weight: bold;
	padding-left: 10px;
}
.online span
{
	color: #0000FF;
	font-size: 15px;
	font-weight: bold;
	padding-left: 10px;
}
.inner_footer
{
	text-align: center;
	line-height: 1.3em;
	padding: 10px;
	background: #0192db;
	color: #fff;
}
/********************* Sub Page *************************/
.content_main
{
	text-align: justify;
	font-family: tahoma;;
}
.sub_page_news .short_detail .short_content
{
	width: 540px;
}
.sub_page_news
{
	padding-bottom: 10px;
}
.name_artical
{
	font-size: 18px;
	font-weight: bold;
	color: #CC0000;
	font-family: tahoma;
}
.list_picture
{
	width: 600px;
	margin: 0 auto;
}
.pic_pos
{
	width: 190px;
	text-align: center;
	float: left;
	margin-left: 5px;
	margin-right: 5px;
	color: #0033CC;
	font-weight: bold;
	padding-bottom: 10px;
}
.pic_pos img
{
	border: 1px solid #CCCCCC;
	padding: 5px;
	width: 170px;
	height: 120px;
	margin-bottom: 5px;
}
.ss-formtablecontact
{
	border-bottom: #fff 1px solid;
	width: 99%;
}
.ss-fieldlabelContact
{
	padding-bottom: 10px;
	padding-top: 10px;
	border-collapse: collapse;
	border-top: #fff 1px solid;
	vertical-align: top;
	width: 220px;
}
.ss-fieldgroupheaderContact
{
	font-weight: bold;
	font-family: tahoma;
	font-size: 11px;
	padding-left: 20px;
	text-align: justify;
}
.ss-fieldvaluecolumncontact
{
	background-color: #e4e4e4;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
	border-collapse: collapse;
	border-top: #fff 1px solid;
	vertical-align: top;
	width: 360px;
	text-align: justify;
}
/*------------ light view ----------------*/
#lightview
{
	position: absolute;
	top: 50%;
	left: 50%;
	height: 150px;
	width: 150px;
	margin: -75px 0 0 -75px;
	padding: 0;
	text-align: left;
}

/* The container that holds everything */
.lv_Container
{
	position: relative;
	width: 100%;
	height: 100%;
	background: none;
	padding: 0;
	margin: 0;
}

.lv_Button
{
	cursor: pointer;
	text-decoration: none;
	border: none;
	background: none;
	margin: 0;
	padding: 0;
}

/* The buttons on the side when you view a gallery */
.lv_Sides
{
	position: absolute;
	top: 50%;
	left: 0;
	clear: both;
	width: 100%;
	padding: 0;
	margin: 0;
}
.lv_Sides *
{
	padding: 0;
	margin: 0;
}
.lv_Sides li
{
	list-style-type: none;
	position: relative;
}

.lv_PrevSide
{
	float: left;
}
.lv_NextSide
{
	float: right;
}
.lv_Sides .lv_Wrapper
{
	width: 100%;
	height: 100%;
	cursor: pointer;
}
.lv_Sides .lv_Button
{
	float: left;
	background: none;
}

/* The frames above and below the center, that hold the corners.
   It's recommended not to change anything here, a lot is done in
   javascript to build further upon this based on your settings.
*/
.lv_Frames
{
	width: 100%;
	height: 100%;
	position: relative;
	padding: 0;
	margin: 0;
}
.lv_Frames li
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.lv_Frame
{
	width: 100%;
	display: block;
}
.lv_Frame *
{
	padding: 0;
	margin: 0;
}
.lv_FrameTop
{
	position: absolute;
	left: 0;
	width: 100%;
	display: block;
}
.lv_FrameBottom
{
	position: relative;
	float: left;
	clear: both;
}

.lv_Liquid
{
	position: relative;
	float: left;
	width: 100%;
	overflow: hidden;
	clear: both;
}
.lv_Liquid .lv_Filler
{
	position: absolute;
	height: 100%;
	width: 2px;
	top: 0;
	left: 50%;
}

.lv_Half
{
	display: block;
	height: 100%;
	clear: both;
	line-height: 0px;
}
.lv_Half li
{
	list-style-type: none;
}
.lv_Corner
{
	float: left;
	position: relative;
}
.lv_CornerTr, .lv_CornerBr
{
	float: right;
}

.lv_Fill
{
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
}

.lv_Half .lv_CornerWrapper
{
	float: left;
	position: relative;
	width: 50%;
	height: 100%;
	overflow: hidden;
}
.lv_HalfRight .lv_CornerWrapper
{
	float: right;
}

.lv_Corner
{
	position: relative;
}
.lv_Corner canvas
{
	position: relative;
}
.lv_HalfLeft .lv_Corner
{
	float: left;
}
.lv_HalfRight .lv_Corner
{
	position: relative;
	float: right;
}

/* To position content correctly in the center with correct
   rounded corner display we need a few wrappers.
   This is to get it right on all browsers.
*/
.lv_Center
{
	position: relative;
	clear: both;
	height: 100%;
	overflow: hidden;
	background: none;
	padding: 0;
	margin: 0;
}
.lv_WrapUp
{
	position: absolute;
	left: 0;
	height: 100%;
	width: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
.lv_WrapDown
{
	position: relative;
	height: 100%;
	width: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
.lv_WrapCenter
{
	position: relative;
	padding: 0;
	margin: 0;
}

/* The loading indicator */
.lv_Loading
{
	position: absolute;
	top: 50%;
	left: 50%;
}
.lv_Loading .lv_Button
{
	float: left;
	height: 100%;
	width: 100%;
}

.lv_MediaWrapper
{
	position: relative;
	width: 100%;
	display: block;
	overflow: hidden;
	clear: both;
	padding: 0;
	margin: 0;
}
.lv_MediaWrapper img
{
	position: relative;
	float: left;
	padding: 0;
	margin: 0;
}

/* The overlays on top of images that toggle the previous/next buttons */
.lv_PrevNext
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
}
.lv_PrevNext *
{
	padding: 0;
	margin: 0;
}
.lv_PrevNext .lv_Button
{
	position: relative;
	height: 100%;
}
.lv_PrevButton
{
	float: left;
}
.lv_NextButton
{
	float: right;
}

/* The bar that holds title, caption, imagenumber, slideshow and closebutton */
.lv_MenuBar
{
	clear: both;
	position: relative;
	width: 100%;
	font: 11px Arial, Helvetica, sans-serif;
	color: #7a7a7a;
	padding: 0;
	margin: 0;
	text-align: left;
}
.lv_MenuBar *
{
	padding: 0;
	margin: 0;
}


.lv_Close
{
	position: relative;
	float: right;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

.lv_Data
{
	position: relative;
	float: left;
	padding-bottom: 3px;
	line-height: 13px;
	overflow: hidden;
}

/* simulates padding-left inside .lv_Data 
.lv_DataText div, .lv_ImgNumber div { margin-left: 3px; } */

.lv_Data li
{
	list-style-type: none;
	float: left;
	margin-top: 3px;
}
.lv_DataText
{
	width: 100%;
}
.lv_DataText .lv_Title
{
	font-weight: bold;
	margin-bottom: 2px;
}
.lv_DataText .lv_Caption
{
	clear: both;
}
.lv_Data .lv_ImgNumber
{
	color: #a7a7a7;
	margin-right: 5px;
	margin-top: 5px;
}

.lv_Data .lv_innerPrevNext, .lv_Data .lv_Slideshow
{
	position: relative;
	border-left: 1px solid #d7d7d7;
	padding: 0 5px;
	margin-top: 5px;
	vertical-align: middle;
}
.lv_Data .lv_Slideshow
{
	padding-right: 0px;
}

.lv_Data .lv_innerPrevNext .lv_Button, .lv_Data .lv_Slideshow .lv_Button
{
	/* play and stop */
	float: left;
	background-position: center left;
	background-repeat: no-repeat;
}

/* the boxes that hold media or external content */
.lv_contentTop, .lv_contentBottom
{
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	clear: both;
}

#lightview iframe
{
	float: left;
	border: 0;
	clear: both;
	padding: 0;
	margin: 0;
	background: none;
}

/* The container that hold buttons above the view, currently only topclose */
.lv_topButtons
{
	position: absolute;
	left: 0;
	width: 100%;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.lv_topcloseButtonImage
{
	cursor: pointer;
}


/* The error/warning/download message that will appear when
   a required plugin is not installed.
*/
#lightviewError p
{
	padding: 0 0 10px 0;
}
#lightviewError div
{
	padding: 6px;
	font: 11px Arial, Helvetica, sans-serif;
}
#lightviewError .message
{
	background: #fcb5b5;
	color: #dd1f1f;
	margin-bottom: 3px;
}
#lightviewError .type
{
	font-weight: bold;
}
#lightviewError .pluginspage
{
	background: #b5fcbd;
	color: #21be30;
}
#lightviewError a, #lightviewError a:hover, #lightviewError a:visited
{
	color: #21be30;
	text-decoration: none;
	background: none;
	font-weight: bold;
	border-bottom: 1px solid #7de689;
}
#lightviewError p
{
	margin-left: 0;
	padding: 0;
}

#lv_overlay
{
	position: absolute; /* Opera will use fixed */
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}

/* navbar
   Adds a bar below the view that takes over the default Controller
*/
#lightviewController
{
	position: fixed;
	bottom: 0;
	top: 0;
	left: 50%;
	margin: 0;
	padding: 0;
	color: #d2d2d2;
	font: 11px Arial, Helvetica, sans-serif;
}
* html body #lightviewController
{
	/* IE6 */
	position: absolute;
	top: auto;
	margin-top: expression( (-1 * this.offsetHeight / 2 + (document.documentElement ? document.documentElement.scrollTop : 0) + (Lightview.controllerOffset || 0)) +  'px' );
}
#lightviewController ul
{
	display: block;
	height: 100%;
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
}
.lv_controllerTop, .lv_controllerMiddle, .lv_controllerBottom
{
	list-style-type: none;
	float: left;
	display: block;
	position: relative;
	clear: both;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.lv_controllerCenter
{
	width: auto;
	float: left;
}
.lv_controllerCornerWrapper
{
	position: absolute;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
.lv_controllerCornerWrapperTopLeft, .lv_controllerCornerWrapperBottomLeft
{
	top: 0;
	left: -100%;
}
.lv_controllerCornerWrapperTopRight, .lv_controllerCornerWrapperBottomRight
{
	top: 0;
	left: 100%;
}

#lightviewController .lv_CornerWrapper
{
	width: 100%;
}
#lightviewController .lv_Corner
{
	float: left;
}
#lightviewController .lv_Corner
{
	float: right;
	position: relative;
}
#lightviewController .lv_CornerTr, #lightviewController .lv_CornerBr
{
	float: left;
}
.lv_controllerBetweenCorners
{
	position: relative;
	height: 100%;
	overflow: hidden;
}

.lv_controllerMiddle
{
	position: relative;
	height: 100%;
	float: left;
}
.lv_controllerCenter
{
	float: left;
	width: auto;
}
.lv_controllerCenter li
{
	list-style-type: none;
	float: left;
	display: inline;
	position: relative;
	clear: none;
}
.lv_controllerSetNumber
{
	float: left;
	text-align: center;
}

#lightviewController .lv_Button
{
	float: left;
	position: relative;
	height: 100%;
	clear: none;
}
.lv_controllerSetNumber
{
	position: relative;
	height: 100%;
	padding-right: 3px;
}
.lv_controllerPrev, .lv_controllerNext, .lv_controllerSlideshow, .lv_controllerClose
{
	float: left;
	position: relative;
	height: 100%;
	padding-left: 3px;
}

.lv_controllerPrev
{
	border-left: 1px solid #3c3c3c;
}
#lightviewController .lv_controllerNext
{
	padding-right: 3px;
	border-right: 1px solid #3c3c3c;
}

* html #lightview
{
	/* IE6 */
	position: absolute;
	margin-top: expression( (-1 * this.offsetHeight / 2 + (document.documentElement ? document.documentElement.scrollTop : 0) - (Lightview.controllerHeight || 0)) +  'px' );
}

/* Always cover 100% of the screen in IE6 */
html #lv_overlay
{
	position: absolute;
	height: expression(((window.Enumerable && window.Enumerable.max) ? [document.body.scrollHeight, document.documentElement.scrollHeight, document.body.offsetHeight, document.documentElement.clientHeight].max() : document.documentElement.scrollHeight) +  'px' );
	width: expression(((window.Enumerable && window.Enumerable.max) ? [document.body.scrollWidth, document.documentElement.scrollWidth, document.body.offsetWidth, document.documentElement.clientHeight].max() : document.documentElement.scrollWidth) +  'px' );
}