html,body{
height: 100%;
}
body{
	background: #fff;
}
.layui-container{width:100%;max-width:920px}
.header{padding-top: 2px;height: 90px;}
.header .logo a{color:#1c86d1;font-size:22px;line-height:55px;}
.header .menu {padding:5px 5px 0 0}
.header .menu span{display:none;text-align:right}
.header .menu span i{font-size:18px;line-height:35px;color:#1c86d1;cursor:pointer}
/* menu_back_color */
.nav{background-color:#B6437A;margin-bottom:20px;}
.nav .layui-nav{background-color:#B6437A;padding:0;height:40px;}
.nav .layui-nav li{line-height:40px;width:150px;text-align:center;}
.memu_line{width:3px !important;display: inline-block;line-height:40px !important;}
.memu_line:last-child{display: none;}
.nav .layui-nav li.active{background-color:##9139B6;}
.nav .layui-nav a{background-color:#B6437A;color:#fff;font-size:17px;font-weight:600;}
.nav .layui-nav a:hover {background-color:#B6437A;color:#F1DB88;font-size:17px;font-weight:600;}
.layui-nav .layui-nav-item a {padding:0 0px;line-height:40px;text-decoration: none;}
.layui-nav-child  {padding-top: 0px;padding-bottom: 0px;}
.layui-nav-child dd {margin:0 0;}



.breadcrumb{margin-top: 10px;padding: 5px;visibility: visible;}
.mainleft,.mainright{margin-top:30px;padding:5px;}
.article_list .item{
    margin-bottom:30px;
    border:1px dotted #eee;
    padding:5px;
}
.article_list .item:hover{
    border:1px solid #eee;
}
.article_list .item .title{
    overflow:hidden;
    text-overflow: ellipsis;
}
.article_list .item .title a{
    font-size:16px;
    font-weight:500;
}
.article_list .item .title a:hover{
    color:#1c86d1;
}
.article_list .item .content{
    overflow:hidden;
    text-overflow: ellipsis;
    margin:10px 0;
    text-indent:20px;
    color:#999;
}
.article_list .item .info{
    color:#333;
}
.page_content {
    word-break:break-all;
}
.page_content img{
    max-width:100%;
}
.article_content h1{
    word-break:break-all;
    text-align:center;
    font-size:18px;
}
.article_content .content{
    word-break:break-all;
}
.article_content .content img{
    max-width:100%;
}
.mainright .box{
    border:1px dotted #eee;
    padding:5px;
    margin-bottom:20px;
}
.mainright .box .title{
    font-size:16px;
    font-weight:500;
    margin-bottom:5px;
    color:#1c86d1;
}
.mainright .box li{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}
.mainright .box li.active a{
    color:#1c86d1;
}
.mainright .box li a{
    line-height:1.5;
}
.pagelist a{border: 1px solid #C9C9C9;background-color: #fff;color: #555;display: inline-block;height: 30px;line-height: 30px;padding: 0 10px;font-size: 12px;white-space: nowrap;text-align: center;border-radius: 2px;cursor: pointer;outline: 0;-webkit-appearance: none;-webkit-transition: all .3s;box-sizing: border-box;vertical-align: middle;font-style: inherit;font-weight: inherit;}
.pagelist a+a{margin-left:5px}
.pagelist a.active,.pagelist a:hover{background-color: #1c86d1;color:#fff;border: 1px solid #1c86d1;}
.footer{
    margin-top:120px;
    margin-bottom:30px;
    text-align:center;
}
/*New:begin*/
.m_ti{
color:#fff;
test-align:center;
padding:2px 10px 2px 10px;

background:#B6437A;
border-radius:10px;
}


.index-container{
	background: url(../images/bg_home.jpg) top  center;
	background-repeat:repeat-y;
    padding-top: 20px;
}


.card_container {
    width: 49%;
    border: 1px solid #b4447a;
    position: relative;
	float:left;
	min-height:110px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #FFF;
}

.card_label {
    position: absolute;
	top:-15px;
    height: 30px;
    line-height: 30px;
    width: 130px;
    margin: auto;
	left: 0; 
	right: 0;
    background-color: #b4447a;
    border: 1px solid #b4447a;
    color:#FFF;
    border-radius:10px;
	text-align:center;
}

.m_clear{
	height: 30px;
}

/*下邊三圖 */
.flex_content{
display: -webkit-flex;        
display: flex;
justify-content: space-between;       
max-width: 1300px;
margin:0 auto;
} 
.card_container_three {
    border: 1px solid #b4447a;
    position: relative;
	height:75px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #FFF;
	
	border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
}
.flex_content .card_container_three:nth-child(1){
	float:left;
	width:32%;
}
.flex_content .card_container_three:nth-child(2){
	width:32%;
}
.flex_content .card_container_three:nth-child(3){
	float:right;
	width:32%;
}

.card_label_top_round {
    position: absolute;
	top:-15px;
    height: 30px;
    line-height: 30px;
    width: 100%;
    margin: auto;
	left: 0; 
	right: 0;
    background-color: #b4447a;
    border: 1px solid #b4447a;
    color:#FFF;
    border-top-left-radius:10px;
    border-top-right-radius:10px;
	text-align:center;
}
.card_text{
	margin-top:20px;
}


/* 下邊logo區 */
.container_bottom{
    display: flex;
	align-items: flex-end;
	justify-content: space-between;
}

.container_bottom_item{
	background-color: #FFF;
	text-align:center;
	width:24%;
	padding-top: 10px;
	padding-bottom: 10px;
}
 
 .big_con{display:block;}  
 
 .layui-fixbar li{border-radius: 50%; }
 
 .label_area{text-align:right;font-weight:600;padding-right: 10px;}
 .label_title{line-height:37px; }
/*New:end*/





@media (max-width:767px ) {
  .logo_img{max-width:300px;}	
  .header .menu span{display:block;text-indent:5px}
  .header .menu span i{color:#b4447a;}
  .big_con{display:none;}  
  .nav{display:none;border:1px solid #eee;position:fixed;right:0;top:50px;z-index:999;background-color:#fff;padding:5px;}
  .nav .layui-nav{background-color:#b4447a}
  .nav .layui-nav .layui-nav-item{display:block}
  .nav .layui-nav li.active{background-color:#fff;color:#1c86d1}
  .nav .layui-nav a{color:#FFF;font-weight:500;font-size:17px;}
  .nav .layui-nav li.active a{color:#1c86d1}
  .nav .layui-nav li:hover a{color:#1c86d1;background-color:#fff;}	
  .memu_line{display: none !important;}

  .layui-nav  {border:solid 2px #D2868A;}

  
  
.card_container {
    width: 100%;
    border: 1px solid #b4447a;
    position: relative;
	float:left;
	min-height:110px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #FFF;
	margin-bottom:30px !important;
}

.card_label {
    position: absolute;
	top:-15px;
    height: 30px;
    line-height: 30px;
    width: 130px;
    margin: auto;
	left: 0; 
	right: 0;
    background-color: #b4447a;
    border: 1px solid #b4447a;
    color:#FFF;
    border-radius:10px;
	text-align:center;
}
.m_clear{
	display:none;
}

/*下邊三圖 */
.flex_content{
display: block;
max-width: 1300px;
margin:0 auto;
} 
.card_container_three {
    border: 1px solid #b4447a;
    position: relative;
	height:75px;
	padding-left: 5px;
	padding-right: 5px;
	border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
}
.flex_content .card_container_three:nth-child(1){
	float:left;
	width:48%;
}
.flex_content .card_container_three:nth-child(2){
	width:48%;
	float:right;
	
}
.flex_content .card_container_three:nth-child(3){
	float:left;
	width:48%;
	margin-top:30px;
}

.card_label_top_round {
    position: absolute;
	top:-15px;
    height: 30px;
    line-height: 30px;
    width: 100%;
    margin: auto;
	left: 0; 
	right: 0;
    background-color: #b4447a;
    border: 1px solid #b4447a;
    color:#FFF;
    border-top-left-radius:10px;
    border-top-right-radius:10px;
	text-align:center;
}
.card_text{
	margin-top:20px;
}


/* 下邊logo區 */
.container_bottom{
    display: flex;
    flex-wrap: wrap;
}

.container_bottom_item{
	background-color: #FFF;
	text-align:center;
	width:50%;
	padding-top: 10px;
	padding-bottom: 10px;
	flex:1;
	margin: 0 10px 10px 0; 
	width: calc((100% - 20px)/2); 
    min-width: calc((100% - 20px)/2); 
    max-width: calc((100% - 20px)/2); 

}
.container_bottom .container_bottom_item:nth-child(2n){
    margin-right: 0;
	float:right;
}

.layui-fixbar{display:none;}

 .label_area{text-align:left;font-weight:600;}
 .label_title{line-height:37px; }


}