@charset "utf-8";
@import "SEOAdmin.css";
@import "/Portals/0/css/navi.css";
@import "/Portals/0/css/common.css";
@import "/Portals/0/css/ec.css";


/* ===========================================================
common
=========================================================== */

body, h1, h2, h3, h4, p, ul, dl, ol, li, dt, dd, div, h1, p, img {
	margin:0;
	padding:0;
	border:none;
	color:#333333;
	font-size:12px;
}

/* clearfix */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}

/* ---------------------------------------------------------
Ajax
--------------------------------------------------------- 
#__dnn_body{background:none;}*/

/* ---------------------------------------------------------
admin
--------------------------------------------------------- 
.ADMIN{padding:0;}*/


html			{height:100%;}
body			{height:100%; text-align:center;}

a,
a:link,
a:active,
a:visited		{color:#349fe1;text-decoration:underline;}
a:hover,
a:active,
a:focus			{color:#CCCCCC;text-decoration:none;}


/* ===========================================================
 skin
=========================================================== */
#skinAdmin{color:#333333; height:100%; min-height:100%; margin:0 auto; width:100%; text-align:left;}
#skin_index{color:#333333; height:100%; min-height:100%; margin:0 auto; width:100%; background: #111111; text-align:left;}
#skin2Column{color:#333333; height:100%; min-height:100%; margin:0 auto; width:100%; background: #111111; text-align:left;}
#skin1Column{color:#333333; height:100%; min-height:100%; margin:0 auto; width:100%; background: #111111; text-align:left;}

.seo_admin {width:100%; text-align:left;}

/* ===========================================================
 containerBody
=========================================================== */

#skin_index .containerBody	{clear:both; width:100%;padding:0; margin:0 auto; overflow:hidden; background:#111111;}
#skin2Column .containerBody	{clear:both; width:100%;padding:0; margin:0 auto; overflow:hidden; background:#FFFFFF;}
#skin1Column .containerBody	{clear:both; width:100%;padding:0; margin:0 auto; overflow:hidden; background:#FFFFFF;}


/* ===========================================================
 pageBody
=========================================================== */

#pageBody {clear:both; width:950px;margin:0 auto; padding:0;clear:both;}
#pageBody .BreadcrumbPane {width:950px; padding:0; margin:0 auto;}
#pageBody .BreadcrumbPane div {width:950px;clear:both;margin:0 auto ;padding:0 0 5px 0; text-align:right; font-size:11px; }
#pageBody .BreadcrumbPane div a {text-decoration:underline;margin:0;padding:0; text-align:right;}
#pageBody .BreadcrumbPane div a:link {text-decoration:underline;margin:0;padding:0;}
#pageBody .BreadcrumbPane div a:visited {text-decoration:underline;margin:0;padding:0;}
#pageBody .BreadcrumbPane div a:hover {color:#CCCCCC;text-decoration:none;margin:0;padding:0;;}

#pageBody .BottomPane {clear:both; margin:0 auto; padding:0; width:950px;}
#pageBody .PageTopPane {clear:both; margin:0 auto; padding:0; width:950px;}

#pageBody .PageTopPane .btn_pagetop {padding:0; margin:0;}
#pageBody .PageTopPane .btn_pagetop a:hover img {filter: alpha(opacity:80); opacity: 0.8;}



/* ===========================================================
skin_index
=========================================================== */
#skin_index #pageBody  {clear:both;margin:0 auto; padding:10px 0 0 0;  width:100%;}
#skin_index #pageBody .pageWrapper {clear:both; width:950px; margin:0 auto; padding:0;}

#skin_index #pageBody .pageWrapper .informationarea {width:950px; margin:0 auto; padding:0 0 30px 0;}
#skin_index #pageBody .pageWrapper .informationarea .information_bg {width:950px; margin:0; padding:0; background:url(images/infomation_bg.gif) repeat-y; overflow:hidden;}

#skin_index #pageBody .pageWrapper .informationarea .information_bg .ContentPane {margin:0; padding:0; width:470px; float:left;}
#skin_index #pageBody .pageWrapper .informationarea .information_bg .ContentSubPane {margin:0; padding:0; width:470px; float:right;}

#skin_index #pageBody .LinkPane {clear:both; margin:0 auto; padding:15px 0; width:950px;}

/*---headBody---*/
#skin_index #headBody {width:100%;margin: 0 auto ; padding:0; padding:0; background:#111111;}

#skin_index #headBody .HeadWrapper { clear:both; width:950px;margin:0 auto; padding:0 0 17px 0;}
#skin_index #headBody .HeadWrapper .Logo { float:left; width:400px; height:130px;margin:0;padding:30px 0 0 0; text-align:left;}
#skin_index #headBody .HeadWrapper .HeadPane { float:right; width:540px; height:130px;margin:0;padding:15px 0 0 0; text-align: right;}
#skin_index #headBody .HeadWrapper .hNavi { clear:both; width:950px; height:55px;margin:0;padding:0;}

#skin_index #headBody .TopPane_bg { clear:both;margin:0; padding:10px 0; width:100%; background:#292929;}
#skin_index #headBody .TopPane_bg .TopPane { clear:both;margin:0 auto; padding:0; width:950px;}


/* ===========================================================
skin2Column
===========================================================*/ 

#skin2Column #pageBody  {clear:both;margin:0 auto; padding:10px 0 0 0;  width:100%;}
#skin2Column #pageBody .pageWrapper {width:950px; margin:0 auto; padding:0;}
#skin2Column #pageBody .pageWrapper .SidePane { margin:0; padding:0 0 0 5px; float:left; width:230px;}
#skin2Column #pageBody .pageWrapper .ContentPane {float:right; margin:0; padding:0 0 0 0 ; width:700px;}


/*---headBody---*/
#skin2Column #headBody {width:100%;margin: 0 auto ; padding:0; padding:0; background:#111111;}

#skin2Column #headBody .HeadWrapper { clear:both; width:950px;margin:0 auto; padding:0 0 17px 0;}
#skin2Column #headBody .HeadWrapper .Logo { float:left; width:400px; height:130px;margin:0;padding:30px 0 0 0; text-align:left;}
#skin2Column #headBody .HeadWrapper .HeadPane { float:right; width:540px; height:130px;margin:0;padding:15px 0 0 0; text-align: right;}
#skin2Column #headBody .HeadWrapper .hNavi { clear:both; width:950px; height:55px;margin:0;padding:0;}


/* ===========================================================
skin1Column
===========================================================*/ 

#skin1Column #pageBody  {clear:both;margin:0 auto; padding:10px 0 0 0;  width:100%;}
#skin1Column #pageBody .pageWrapper {width:950px; margin:0 auto; padding:0;}
#skin1Column #pageBody .pageWrapper .ContentPane {margin:0; padding:0 0 0 0 ; width:100%;}


/*---headBody---*/
#skin1Column #headBody {width:100%;margin: 0 auto ; padding:0; padding:0; background:#111111;}

#skin1Column #headBody .HeadWrapper { clear:both; width:950px;margin:0 auto; padding:0 0 17px 0;}
#skin1Column #headBody .HeadWrapper .Logo { float:left; width:400px; height:130px;margin:0;padding:30px 0 0 0; text-align:left;}
#skin1Column #headBody .HeadWrapper .HeadPane { float:right; width:540px; height:130px;margin:0;padding:15px 0 0 0; text-align: right;}
#skin1Column #headBody .HeadWrapper .hNavi { clear:both; width:950px; height:55px;margin:0;padding:0;}




/* ===========================================================
skin3Column
===========================================================*/ 

#skin_ECindex #pageBody  {clear:both;margin:0 auto; padding:10px 0 0 0;  width:100%;}
#skin_ECindex #pageBody .pageWrapper {width:950px; margin:0 auto; padding:0;}
#skin_ECindex #pageBody .pageWrapper .SidePane { margin:0; padding:0 0 0 5px; float:left; width:230px;}
#skin_ECindex #pageBody .pageWrapper .contentWrapper {float:right; margin:0; padding:0; width:700px;}

#skin_ECindex #pageBody .pageWrapper .contentWrapper .ContentTopPane {clear:both; width:700px; padding:0; margin:0;}
#skin_ECindex #pageBody .pageWrapper .contentWrapper .ContentPane {float:left; margin:0; padding:0 0 0 0 ; width:500px;}
#skin_ECindex #pageBody .pageWrapper .contentWrapper .SubcontentPane {float:right; margin:0; padding:0 0 0 0 ; width:180px;}


/*---headBody---*/
#skin_ECindex #headBody {width:100%;margin: 0 auto ; padding:0; padding:0; background:#111111;}

#skin_ECindex #headBody .HeadWrapper { clear:both; width:950px;margin:0 auto; padding:0 0 17px 0;}
#skin_ECindex #headBody .HeadWrapper .Logo { float:left; width:400px; height:130px;margin:0;padding:30px 0 0 0; text-align:left;}
#skin_ECindex #headBody .HeadWrapper .HeadPane { float:right; width:540px; height:130px;margin:0;padding:15px 0 0 0; text-align: right;}
#skin_ECindex #headBody .HeadWrapper .hNavi { clear:both; width:950px; height:55px;margin:0;padding:0;}



/* ===========================================================
Admin
===========================================================*/ 

#skinAdmin #pageBody  {clear:both;margin:0 auto; padding:10px 0 0 0;  width:100%;}

#skinAdmin #pageBody .ContentPane { margin:0 auto; padding:15px 0; width:950px; background:#FFFFFF;}


/*---headBody---*/
#skinAdmin #headBody {width:100%;margin: 0 auto ; padding:0; background:#111111;}
#skinAdmin #headBody .HeadWrapper { clear:both; width:950px;margin:0 auto; padding:0; }
#skinAdmin #headBody .HeadWrapper .Logo { float:left; width:400px; height:130px;margin:0;padding:30px 0 0 0; text-align:left;}
#skinAdmin #headBody .HeadWrapper .HeadPane { float:right; width:540px; height:130px;margin:0;padding:30px 0 0 0; text-align: right;}
#skinAdmin #headBody .HeadWrapper .hNavi { clear:both; width:950px; height:55px;margin:0 0 17px 0;padding:0;}



/* ===========================================================
 footBody
=========================================================== */

#footBody { width:100%; clear:both; margin:0 auto; padding:0; background:#FFFFFF; }

#footBody .LinkPane_bg {clear:both; margin:0; padding:0; width:100%; background:#111111;}
#footBody .LinkPane_bg .LinkPane {clear:both; margin:0 auto; padding:15px 0; width:950px;}


#footBody .footWrapper{margin:0 auto; padding:0; width:100%;background:url(images/foot_bg.gif) repeat-x 0 0 #FFFFFF;height:200px;}
#footBody .footWrapper .Copyright{ clear:both; width:950px; margin:0 auto; padding:5px 0 0 0; text-align:right; font-size:10px; *font-size:75%; font-family:Arial, Helvetica, sans-serif;}
#footBody .footWrapper .footContent {margin:0 auto; padding:0; width:950px;}
#footBody .footWrapper .footContent .FootLeftPane{ float:left; margin:0; padding:20px 0 0 0; width:480px; height:130px;}
#footBody .footWrapper .footContent .FootRightPane{ float:right; margin:0; padding:20px 0 0 0; height:130px; width:450px;}



.information_box {padding:0 20px 15px 20px; margin:0 auto; width:430px;}


.information_box table#dnn_ctr431_Announcements_lstAnnouncements td div.item {padding:5px 0; margin:0; border-bottom:none; border-bottom:#CCCCCC solid 1px;}
.information_box table#dnn_ctr431_Announcements_lstAnnouncements td div.item span.date {font-size:12px; font-weight:bold; width:150px;}
.information_box table#dnn_ctr431_Announcements_lstAnnouncements td div.item span.title {font-size:12px;line-height:16px;}
.information_box table#dnn_ctr431_Announcements_lstAnnouncements td div.item span.title a:link {font-size:12px;text-decoration:none;}
.information_box table#dnn_ctr431_Announcements_lstAnnouncements td div.item span.title a:visited {font-size:12px;text-decoration:none;}
.information_box table#dnn_ctr431_Announcements_lstAnnouncements td div.item span.title a:hover {font-size:12px; text-decoration:none;}

.information_box table#dnn_ctr432_Announcements_lstAnnouncements {padding:0; margin:0; border-collapse: collapse; width:100%;}
.information_box table#dnn_ctr432_Announcements_lstAnnouncements td div.item {padding:5px 0; margin:0; border-bottom:none; border-bottom:#CCCCCC solid 1px;}
.information_box table#dnn_ctr432_Announcements_lstAnnouncements td div.item span.date {font-size:12px; font-weight:bold; width:150px;}
.information_box table#dnn_ctr432_Announcements_lstAnnouncements td div.item span.title {font-size:12px;line-height:16px;}
.information_box table#dnn_ctr432_Announcements_lstAnnouncements td div.item span.title a:link {font-size:12px;text-decoration:none;}
.information_box table#dnn_ctr432_Announcements_lstAnnouncements td div.item span.title a:visited {font-size:12px; text-decoration:none;}
.information_box table#dnn_ctr432_Announcements_lstAnnouncements td div.item span.title a:hover {font-size:12px; text-decoration:none;}


.onlineinfo_box {padding:0 20px 15px 0; margin:0 auto; width:95%;}
.onlineinfo_box table#dnn_ctr544_ViewHistories_lstHistories {padding:0; margin:0; border-collapse: collapse; width:100%;}
.onlineinfo_box table#dnn_ctr544_ViewHistories_lstHistories td div.item {padding:5px 0; margin:0; border-bottom:none; border-bottom:#CCCCCC solid 1px;}
.onlineinfo_box table#dnn_ctr544_ViewHistories_lstHistories td div.item span.date {font-size:12px; font-weight:bold; width:150px;}
.onlineinfo_box table#dnn_ctr544_ViewHistories_lstHistories td div.item span.item_title {font-size:12px; line-height:16px;}
.onlineinfo_box table#dnn_ctr544_ViewHistories_lstHistories td div.item span.item_title a:link {font-size:12px;text-decoration:none;}
.onlineinfo_box table#dnn_ctr544_ViewHistories_lstHistories td div.item span.item_title a:visited {font-size:12px;text-decoration:none;}
.onlineinfo_box table#dnn_ctr544_ViewHistories_lstHistories td div.item span.item_title a:hover {font-size:12px;text-decoration:none;}


.infomation_detail {width:660px; padding:10px; margin:0;}
.infomation_detail table {width:100%; padding:0; margin:0; border-collapse:collapse;}
.infomation_detail table td .head {padding:10px 0; margin:0; border-bottom: dotted #999999 1px; border-top: solid #999999 2px;width:100%;}
.infomation_detail table td .head .date {padding:0; margin:0; font-weight:bold;width:100%;}
.infomation_detail table td .head .infotitle {padding:5px 0 0 0; margin:0;font-size:16px;width:100%;}
.infomation_detail table td .Description {padding:15px; margin:0;}



.topics_box {padding:0 20px 15px 0; margin:0 auto; width:95%;}
.topics_box table {padding:0; margin:0; border-collapse: collapse; width:100%;}
.topics_box table td div.item {padding:5px 0; margin:0; border-bottom:none; border-bottom:#CCCCCC solid 1px;}
.topics_box table td div.item span.date {font-size:12px; font-weight:bold; padding:0 10px 0 0;}
.topics_box table td div.item span.item_title {font-size:12px; line-height:16px;}
.topics_box table td div.item span.item_title a:link {font-size:12px;text-decoration:none;}
.topics_box table td div.item span.item_title a:visited {font-size:12px;text-decoration:none;}
.topics_box table td div.item span.item_title a:hover {font-size:12px;text-decoration:none;}



.topics_detail {width:900px; padding:10px; margin:0;}
.topics_detail table {padding:0; margin:0 auto; border-collapse:collapse;}
.topics_detail table td .head {padding:10px 0; margin:0; border-bottom: dotted #999999 1px; border-top: solid #999999 2px;width:900px;}
.topics_detail table td .head .date {padding:0; margin:0; font-weight:bold;width:100%;}
.topics_detail table td .head .infotitle {padding:5px 0 0 0; margin:0;font-size:16px;width:100%;}
.topics_detail table td .Description {padding:15px; margin:0;}