/*
Global setting
*/
html{font-size:15px;font-family:arial;}

a{text-decoration:none;color:#666666;}
a:hover{color:#2682ad;}
a.link{color:#AE293E;}
p{margin:0;}
.fontsize{font-size:15px}
.fontcolor{color:#000000}

.p_title{font-weight:bold; color:#ff711b;}
.p_content{color:#000000}
.textfield{font-size:12px;border:1px solid #8b8b8b; height:19px;margin:0;padding:0}
.dot_line{height:1px;background:url(../images/h_dot.gif) repeat-x top left;}

.ImageWrapper{border:1px solid #ddd;background:#ffffff;display:block}
.ImageWrapper img{margin:5px}
body{color:#000000;background:url(../images/spot.jpg) #e6e7e7;font-size:13px;font-family:arial;margin:0;}
.box{margin:3px;}
.inside_bg{ background:url(../images/inside_bg.gif)  100%  right  no-repeat; }
.red{color:#f00}
.purple{color:#FF00FF;}
.black{color:#000;}
/*
Common
*/

.align_left{text-align:left}
.align_right{text-align:right}
.align_center{text-align:center}
.align_top{vertical-align:top}
.align_bottom{vertical-align:bottom}
.align_middle{vertical-align:middle}
.black_border{border:1px solid black}
.float_left{float:left}
.float_right{float:right}
.float_none{float:none}
.clear_both{clear:both}
.noborder{border:none}
.bold{font-weight:bold}
.no_margin{margin:0}
.more{margin:5px}

/*
layout
*/

.MainWrapper{text-align:center;}
.container{margin:0 auto; width:960px;text-align:left; position:relative; background:#fff; border-left:1px solid #CCCCCC;border-bottom:1px solid #CCCCCC;border-right:1px solid #CCCCCC;background:url(../images/index_43.jpg) bottom left #fff repeat-x;}


.BtnStyle1{width:42px; height:20px;text-align:center;color:#333;vertical-align:middle;padding:1px  8px 2px 8px;}
a.BtnStyle1{background:url(../images/btn_bg_off.jpg) no-repeat;}
a:hover.BtnStyle1{background:url(../images/btn_bg_on.jpg) no-repeat;color:#2682ad;}



/* Banner */
.BannerWrapper{margin:0 0 0 0}



/* ListTable */
.ListTable{margin:5px 0;}
.ListTable .row_header{background:#2682ad;color:#fff;font-weight:bold; font-size:15px;}
.ListTable .row_content_1{background:#fff;}
.ListTable .row_content_2{background:#efefef}









/* Menu */
.MenuWrapper{}
.MenuWrapper .MenuList{}
.MenuWrapper .MenuList li{display:inline;margin:0 5px;}




/* Content */
.ContentWrapper{ margin:10px 30px 0 30px;}
.ContentWrapper .LeftColumn{width:265px;float:left;margin-right:20px;}
.ContentWrapper .CenterColumn{width:428px;float:left}
.ContentWrapper .LeftCenterColumn{width:713px;float:left;clear:left;}
.ContentWrapper .RightColumn{width:169px;float:right}
.ContentWrapper .SwapColumn{width:713px;float:left;clear:left;}
.LeftColumn ,.CenterColumn ,.RightColumn, .SwapColumn{}




/* Copyright */
.CopyrightWrapper{clear:both;float:none;}
.copyright{background:#50B74E;color:#fff;text-align:center;padding:5px 0;width:960px}
.copyright a{color:#fff;}
.copyright a:hover{color:#000000;}



/*
--------------------------------------------------Left
*/
.LeftColumn .login, .LeftColumn .assemble, .LeftColumn .icon{}


/* 
Login 
*/
.login .LoginBody{background:url(../images/login_03.jpg) bottom left no-repeat;border-left:1px solid #bbbbbb;border-right:1px solid #bbbbbb;border-bottom:1px solid #bbbbbb;height:113px}
.login .LoginBody .content{position:relative;left:20px;top:20px}
.login .LoginBody .textfield{width:100px;}
.login .LoginBody .txt_login{position:relative;left:36px}
.login .LoginBody .btn_login{position:relative;left:100px;top:5px;margin:0 0 40px 0;}



/* 
Service 
*/
.service .title{font-size:18px;color:#ce3c6b;font-weight:bold}
.service .title_t{font-size:18px;color:#ce3c6b;}
.service .content{}



/*
--------------------------------------------------Right
*/
.BlogBody, .NewsBody ,.DiscourseBody{margin:0 0 10px 0;}



/* 
News
*/
.news .NewsBody{}
.news .NewsBody .content{margin:5px}
.news .NewsBody .content .date_news{float:left;width:75px;color:#97c003;margin:5px 0 0 0;}
.news .NewsBody .content .title_news{float:left;width:230px;margin:5px 0;}
.news .NewsBody .textfield{width:100px;}


/* 
Discourse
*/
.discourse .DiscourseBody{}
.discourse .DiscourseBody .content{margin:5px}
.discourse .DiscourseBody .content .date_discourse{float:left;width:75px;color:#AE293E; font-weight:bold;margin:5px 0 0 0;padding:0 0 0 15px;background:url(../images/index_37.jpg) no-repeat  0px 2px;}
.discourse .DiscourseBody .content .title_discourse{float:left;width:230px;margin:5px 0;}
.discourse .DiscourseBody .textfield{width:100px;}


/*
IndexNews
*/

.IndexNewsFrame{width:265px;}
.IndexNewsFrame .FrameBody{height:210px;}
.IndexNewsFrame .FrameBody .FrameBodyLeft{width:20px;background:url(../images/index_14.jpg) repeat-y;height:100%;float:left}
.IndexNewsFrame .FrameBody .FrameBodyCenter{width:212px;background:url(../images/index_15.jpg) no-repeat top right;height:100%;float:left;margin:0 0 0 12px;}
.IndexNewsFrame .FrameBody .FrameBodyRight{width:21px;background:url(../images/index_16.jpg) repeat-y;height:100%;float:right;}
.IndexNewsFrame .FrameBody .FrameBodyCenter .date{color:#2682ad;font-weight:bold;}
.IndexNewsFrame .FrameBody .FrameBodyCenter .title{color:#666;margin:0 0 5px 0; }

/*
IndexPromote
*/

.IndexPromoteFrame{width:428px;}
.IndexPromoteFrame .FrameBody{}
.IndexPromoteFrame .FrameBody .FrameBodyLeft{background:url(../images/index_11.jpg) repeat-y;}
.IndexPromoteFrame .FrameBody .FrameBodyCenter{background:url(../images/IndexPromoteFrame_bg.jpg) repeat-x;}
.IndexPromoteFrame .FrameBody .FrameBodyRight{background:url(../images/index_13.jpg) repeat-y;}

/*
SwapFrame
*/

.SwapFrame{margin-top:10px}
.SwapFrame .FrameBody{}
.SwapFrame .FrameBody .MainContent{margin:5px;}







/*
--------------------------------------------------Center
*/

/* 
video
*/
.video .VideoHeader{color:#AE293E;font-weight:bold; font-size:18px; border-bottom:3px solid #6B6B6B}
.video .VideoBody{}
.video .VideoBody .content{margin:10px 0;}
.video .VideoBody .textfield{width:100px;}


/* 
ablum
*/
.ablum .AblumHeader{color:#AE293E;font-weight:bold; font-size:18px; border-bottom:3px solid #6B6B6B}
.ablum .AblumBody{}
.ablum .AblumBody .content{margin:10px 0;}
.ablum .AblumBody .textfield{width:100px;}


/*
Article
*/
.Article .title{font-size:16px; color:#2682ad; font-weight:bold;margin:0 0 5px 0;}
.Article .date{font-size:11px;color:#333;}
.Article .info span{color:#B02840;}
.Article .content{margin:10px 0;font-size:13px;}




/* 
MediaWrapper 
*/

.MediaWrapper{border:1px solid #B2B2B2; background:#F3F3F3;width:330px;padding:5px;}
.MediaWrapper .vie .video{margin:0 0 5px 0;}
.MediaWrapper .vie .audio{margin:0 0 5px 0;}
.MediaWrapper .vie .title{line-height:18px;margin:2px 0 5px 0;}
.MediaWrapper .thu a{background:#fff;border:1px solid ; width:50px;height:50px;overflow:hidden;margin:3px 6px;}
.MediaWrapper .thu a img{position:relative;center;left:-50%;}



/* 
Static Page 
*/

.staticPage{}
.staticPage .title{color:#B02840;font-weight:bold; font-size:15px;clear:both;float:none}
.staticPage .content{margin:0 0 20px 0}
.staticPage .pic{margin:2px 5px;}

/*
List Style 1
*/
.listStyle1{margin-top:0;}


/* Paging */
.PagingWrapper{}
.PagingWrapper .Paging{margin:10px 5px 2px 0;}
.PagingWrapper .Paging span{float:left;}
.PagingWrapper .Paging span a{display:block;padding:2px 5px; margin:2px}
.PagingWrapper .Paging span a.number{border:1px solid #dddddd;height:22px;width:20px;}
.PagingWrapper .Paging span a.number_on{border:1px solid #2682AD;height:22px;width:20px;}
.PagingWrapper .Paging span a:hover.number{background:#c8edff;border:1px solid #2682AD;}
.PagingWrapper .Paging span .prev,.Paging span .next,.Paging span .info{position:relative;top:5px; }




/* JS Menu */


#popitmenu{
position: absolute;
background-color: white;
border:1px solid #86C0E5;
font: normal 12px Verdana;
line-height: 18px;
z-index: 100;
visibility: hidden;
}

#popitmenu a{
text-decoration: none;
padding-left: 6px;
color: #86C0E5;
display: block;
}

#popitmenu a:hover{ /*hover background color*/
background-color: #86C0E5;
color:#fff
}