@charset "utf-8";

/* CSS Document */

/*

 * @description: boogoo365 website main css.

 * @author: Yao/jingo123@163.com

 * @update: v1(2020-09-15 10:00)

 */





<!--



html {

  font-family: sans-serif;

  -ms-text-size-adjust: 100%;

  -webkit-text-size-adjust: 100%;

}



body {

	font: 12px/1.5 sans-serif,arial,'Hiragino Sans GB',\5b8b\4f53;

	/*background-color:#D3D1CF; */

	margin: 0;

	padding: 0;

	color: #000;

}



/* ~~ 元素/标签选择器 ~~ */

ul, ol, dl { /* 由于浏览器之间的差异，最佳做法是在列表中将填充和边距都设置为零。为了保持一致，您可以在此处指定需要的数值，也可以在列表所包含的列表项（LI、DT 和 DD）中指定需要的数值。请注意，除非编写一个更为具体的选择器，否则您在此处进行的设置将会层叠到 .nav 列表。 */

	padding: 0;

	margin: 0;

}

h1, h2, h3, h4, h5, h6, p {

	margin-top: 0;	 /* 删除上边距可以解决边距会超出其包含的 div 的问题。剩余的下边距可以使 div 与后面的任何元素保持一定距离。 */

	padding-right: 15px;

	padding-left: 15px; /* 向 div 内的元素侧边（而不是 div 自身）添加填充可避免使用任何方框模型数学。此外，也可将具有侧边填充的嵌套 div 用作替代方法。 */

}

a img { /* 此选择器将删除某些浏览器中显示在图像周围的默认蓝色边框（当该图像包含在链接中时） */

	border: none;

}



/* ~~ 站点链接的样式必须保持此顺序，包括用于创建悬停效果的选择器组在内。 ~~ */

a:link {

	color:#414958;

	text-decoration: none; /* 除非将链接设置成极为独特的外观样式，否则最好提供下划线，以便可从视觉上快速识别 */

}

a:visited {

	color: #4E5869;

	text-decoration: underline;

}

a:hover, a:active, a:focus { /* 此组选择器将为键盘导航者提供与鼠标使用者相同的悬停体验。 */

	text-decoration: none;

}



/* 主导航样式--开始 */

ul.main_nav{

		padding:0px;

		margin:0px;

		list-style-type: none;

		width:100%;

		/*background-color:#8bd400;*/

		/*background: #faa819 url("images/main_Nav_bg.png") repeat-x;

		/*float:left;*/

		overflow: hidden;/*可以使用overflow:hidden;技术让父元素包含浮动子元素*/

	}

 

	ul.main_nav li{

		display: inline;

		float: left;/*当元素浮动 将不再占据文档流中的任何位置 父列表实际上没有内容 就会收缩 从而隐藏列表背景*/

	    border-right: 2px solid #bbb;

	}

 

/* 除了最后一个选项(last-child) 其他的都添加分割线 */

   ul.main_nav li:last-child {

       border-right: none;

     }





	ul.main_nav a{

		display:block;

		width:60px;

		height: 40px;

		font-size: 14px;

		font-family: Verdana;

		font-weight: 600;

		/*color:#fff;*/

		padding:0 10px;/*每个按钮的宽度由锚文本的尺寸决定 所以不设置显示的宽度 而是在每个锚链接的左右设置一定的内边距*/

		line-height: 42px;

		text-decoration:none;

		/*background:url("../images/main_Nav_bg.png") repeat;*/

	    background:#F7F7F7;

	    border-bottom:2px solid #F7F7F7;

	}

 

	ul.main_nav.first a {

		background-image: none;/*去掉第一个链接不必要的分割线*/

	}

	ul.main_nav a:hover, a:focus{

		color:#8090AB;

		background:#EEEEEA;

		border-bottom:2px solid #FFB90F ;

	}



/* 主导航样式--结束 */

/* 信息提示 */

.tips {

	padding: 0px 0px;

	margin: 0px 5px 0 5px;

	height:40px;

	width:98%;

	border: 1px solid #F00;

	}







/* 扁平化按钮 */

.btn {

    background-color:#6495ed;

    border: none;

    color: white;

    font-family:Arial;

	height:36px;	

	width:85px;

    padding: 0px 0px;

    text-align: center;

    text-decoration: none;

    display: inline-block;

    font-size: 12px;

    margin: 0px 0px;

    cursor: pointer;

 

}



.btn:hover {

    background-color: #2579d1;

}







.btn2 {

    background-color:#6495ed;

    border: none;

    color: white;

    font-family:Arial;

	height:30px;	

	width:60px;

    padding: 0px 0px;

    text-align: center;

    text-decoration: none;

    display: inline-block;

    font-size: 12px;

    margin: 0px 0px;

    cursor: pointer;

 

}

.btn2:hover {

    background-color: #2579d1;

}







.errbox{



	border: 1px solid  #EEEEEA;

	

	}

.errbox h2{

            height: 40px;

            line-height: 40px;

            font-weight:900;

            font-size: 14px;

            color:#ff0000 ;

         	background-color: #EEEEEA; 

         	float: left;

	}





.okbox{



	border: 1px solid #EEEEEA;

	

	}

	.okbox .errbox p{

	

	padding: 0px 0px;

	margin: 10px 10px;



	}

.okbox h2{

	       height: 40px;

           line-height: 40px;

           font-weight:900;

           font-size: 14px;

           background-color: #EEEEEA;



   }

.mag-left{ margin-left:10px;}	

	



/* ~~ 此容器包含所有其它 div，并依百分比设定其宽度 ~~ */

.container {

	width: 960px;

	max-width: 1260px;/* 可能需要最大宽度，以防止此布局在大型显示器上过宽。这将使行长度更便于阅读。IE6 不遵循此声明。 */

	min-width: 780px;/* 可能需要最小宽度，以防止此布局过窄。这将使侧面列中的行长度更便于阅读。IE6 不遵循此声明。 */

	/*background-color: #FFF;*/

	margin: 0 auto; /* 侧边的自动值与宽度结合使用，可以将布局居中对齐。如果将 .container 宽度设置为 100%，则不需要此设置。 */

}



/* ~~ 标题未指定宽度。它将扩展到布局的完整宽度。标题包含一个图像占位符，该占位符应替换为您自己的链接徽标 ~~ */

.header {

    width:20%;
    float:left;
	height:90px;
	padding-top:11px;
	
	/*background-color: #6F7D94;*/

}



.mainnav{

	width:100%;

	background-color:#EEEEEA;

	}



/* ~~ 以下是此布局的列。 ~~ 



。



*/



.sidebar2 {

	float: right;

	width: 30%;

	padding-bottom: 10px;

	

}

.sidebar1 {

	float: right;

	width: 30%;

	background-color:#EEEEEA;

	padding-bottom: 10px;

		/*border:solid 1px #E7E7E7;*/

	

}



.welcome{ 



margin:0px 0px;

height:30px;

line-height:30px;

color:#FF3300;

background-color:#EEEEEA;



}



.webcalandar{





}







.content {

	padding: 10px 0;

	width: 70%;

	float: left;

}



/*文章等*/



.article {
    background-color: #F7F7F7;
	padding: 10px 0px 10px 10px;

}
.article h3 {

	padding: 0px 0px 10px 0px;
	border-bottom:dotted 1px #CCCCCC;

}
.article p {
	    font-size: 14px;
	    line-height: 200%;
		text-indent: 2em;
       word-break:keep-all;

	}







/* ~~ 此分组的选择器为 .content 区域中的列表提供了空间 ~~ */

.content ul, .content ol { 

	padding: 0 15px 15px 40px; /* 此填充反映上述标题和段落规则中的右填充。填充放置于下方可用于间隔列表中其它元素，置于左侧可用于创建缩进。您可以根据需要进行调整。 */

}



/* ~~ 导航列表样式（如果选择使用预先创建的 Spry 等弹出菜单，则可以删除此样式） ~~ */

ul.nav {

	list-style: none; /* 这将删除列表标记 */

	border-top: 1px solid #666; /* 这将为链接创建上边框 – 使用下边框将所有其它项放置在 LI 中 */

	margin-bottom: 15px; /* 这将在下面内容的导航之间创建间距 */

}

ul.nav li {

	border-bottom: 1px solid #666; /* 这将创建按钮间隔 */

}

ul.nav a, ul.nav a:visited { /* 对这些选择器进行分组可确保链接即使在访问之后也能保持其按钮外观 */

	padding: 5px 5px 5px 15px;

	display: block; /* 这将为链接赋予块属性，使其填满包含它的整个 LI。这样，整个区域都可以响应鼠标单击操作。 */

	text-decoration: none;

	background-color: #8090AB;

	color: #000;

}

ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* 这将更改鼠标和键盘导航的背景和文本颜色 */

	background-color: #6F7D94;

	color: #FFF;

}



/* ~~ 注册表单 ~~ */



#regform {

	padding: 10px 0;

	

	

	}

#regform span{

	    color: #f12;

        font-size: 14px;

}





#regform input.txtInput{ 

	            width:240px;

                height:30px;

				margin: 0 0 10px 0px;

	            line-height:30px;

	        }	

#regform input.mInput{ 

	            width:150px;

                height:30px;

				margin: 0 0 10px 0px;

	            line-height:30px;

	        }

/* ~~ end注册表单 ~~ */



/* ~~ 登录表单 ~~ */



#logform {

	padding: 10px 0;

	

	

	}

#logform span{

	    color: #f12;

        font-size: 14px;

}





#logform input.txtInput{ 

	            width:240px;

                height:40px;

				margin: 0 0 10px 0px;

	            line-height:40px;

	        }	

#logform input.mInput{ 

	           vertical-align:middle;

	            width:138px;

                height:38px;

				margin: 0 0 10px 0px;

	            line-height:40px;

	        }



#logform img{ 

	           vertical-align:middle;

	           margin: 0 0 10px 0px;

	           line-height:40px;

	        }





/* ~~ end注册表单 ~~ */



/* ~~ 密码找回 ~~ */

      .content2

        {

            margin: 50px;

            border: 8px;

            width: auto;

            height: auto;

        }

        .title

        {

            height: 20px;

            width: auto;

        }

        .common

        {

            width: 20%;

            float: left;

            font-size: 16px; 

			

			color: Black;

            background-color: transparent; 

			padding-left:10px;

        }

        .selected

        {

            background-color: #EEEEEA;

        }

        .contentBody

        {

            width: auto;

            height: 100%;

        }

        .contendiv

        {

            padding: 20px;

            width: 97%;

            height: 100%;

            float: left;

            /*background-color: #EEE;*/

			border:solid 1px #EEEEEA;

        }

        .divHidden

        {

            display: none;

        }













/* ~~ 脚注 ~~ */

.footer {

	width:100%;

	padding: 10px 0;

	background-color: #EEEEEA;

	position: relative;/* 这可以使 IE6 hasLayout 以正确方式进行清除 */

	clear: both; /* 此清除属性强制 .container 了解列的结束位置以及包含列的位置 */

}



/* ~~ 其它浮动/清除类 ~~ */

.fltrt {  /* 此类可用于在页面中使元素向右浮动。浮动元素必须位于其在页面上的相邻元素之前。 */

	float: right;

	margin-left: 8px;

}

.fltlft { /* 此类可用于在页面中使元素向左浮动。浮动元素必须位于其在页面上的相邻元素之前。 */

	float: left;

	margin-right: 8px;

}

.clearfloat { /* 如果从 #container 中删除或移出了 #footer，则可以将此类放置在 <br /> 或空 div 中，作为 #container 内最后一个浮动 div 之后的最终元素 */

	clear:both;

	height:0;

	font-size: 1px;

	line-height: 0px;

}

/* 广告位置*/

.main_AD { 
  
   height:90px;
   width:80%;
   overflow:hidden;
}