@charset "utf-8";

/*紫-#4e0a71
  粉-#f90184
  灰-#c8c7c7
  紅-#a71616*/

body{
    font-family: Arial, "微軟正黑體", "Microsoft JhengHei", "LiHei Pro", "新細明體", "PMingLiu", sans-serif;
	background:#f3f3f3;
	font-size: 15px;
	line-height: 22px;
	color: #323232;
	word-break:break-all;
	width:100%;
}
.padding-0{
	padding:0;
}
.padding-r0{
	padding-right:0;
}
.margin-0{
	margin:0;
}
.margin-b30{
	margin-bottom:30px;
}
.margin-b20{
	margin-bottom:20px;
}
.margin-t10{
	margin-top:10px;
}
.margin-t30{
	margin-top:30px;
}
.margin-b10{
	margin-bottom:10px;
}
.p-relative{
	position:relative;
}
.p-absolute{
	position:absolute;
}
.dv-line{
	background:url(../img/dv_line.png) repeat-x;
	height:10px;
	margin-bottom:30px;
}
.text-small{
	font-size:13px;
}
.link-underline{
	text-decoration:underline;
}
.link-underline:hover{
	text-decoration:none;
}
.main-module{
	background-color:#fff;
	padding:20px;
}
.clear-l{
	clear:left;
}
.showhide{
	display:block;
}

/*------------ header ------------- */
.header {
	background:#fff;
	height:110px;
	border:none;
	margin-bottom:0;
}
.logo{
	margin:19px 0;
}
.logo a{
	background:url(../img/logo.png) no-repeat;
	width:311px;
	height:72px;
	background-size:100%;
	display:block;
}
.social-icon{
	margin-top:70px;
}
.social-icon ul{
	line-height:28px;
}
.social-icon a.icon{
	font-size:20px;
	margin-right:10px;
}
.social-icon a.member{
	font-size:13px;
	border-right:1px #323232 solid;
	padding:0 8px;
}
.social-icon a.member-in{
	color: #4e0a71;
}
.incolor{
	color:inherit;
}
.social-icon a:hover{
	color:#f90184;
	text-decoration:none;
}
.social-icon .btn:hover{
	color:#a71616;
}
.header .submenu > li > a{
	color:#4e0a71;
}
/*------------ 控制出現的div ------------- */
/* searchbox */
.search, .member, .sign{
	position:relative;
}
.search-box, .member-box, .sign-box{
	background:#fff;
	z-index:999;
	right:0;
	top:40px;
	padding:30px 20px;
}
.member-box{
	background:none;
	padding:0;
}
.search-box, .member-box-in, .member-box-forget, .sign-box{
	width:300px;
	border:1px #4d0e76 solid;
}
.member-box-in, .member-box-forget{
	background:#fff;
	padding:30px 20px;
}
.closebt{
	position:absolute;
	top:10px;
	right:10px;
	color:#4e0a71;
}
.style-form, .form-search, .style-form-half{
	height:28px;
	box-shadow:none;
	border-radius:0;
	border:1px #c8c7c7 solid;
	padding:0 10px;
}
.style-form{
	width:100%;
}
.style-form-half{
	width:60%;
}
.style-input{
	padding:0 13px;
}
.member-box-in h3 a, .member-box-forget h3 a{
	color:#555;
	text-decoration:underline;
	padding-top:5px;
}
.member-box-in .text-small, .member-box-forget .text-small, .sign-box .text-small{
	line-height:18px;
	display:block;
	padding:0 0 0 10px;
}
.member-box-in .share-fb:hover, .member-box-forget .share-fb:hover, .sign-box .share-fb:hover{
	border:#346da6 1px solid;
	color:#346da6;
	background-color:#fff;
}


/*------------ 控制的div結束 ------------- */

/*------------ menu ------------- */
.menubar{
	height:50px;
	border:none;
	background:url(../img/bg_menu.jpg) repeat-x;
	border-radius:0;
}
.menu{
	width:100%;
}
.menubar .menu > li > a{
	font-weight:bold;
	font-size:15px;
}
.menubar .menu > li{
	width:10%;
}
.menubar .menu > li > a:hover{
	background-color:#3c0a5c;
}
.menubar .menu > li.main-menu{
	background:url(../img/bg_main-menu.jpg) repeat-x;
	width:10%;
}
.menubar .menu > li.main-menu > a:hover, .menubar .menu > li.main-menu > a.active{
	background-color:#d31278;
}
.menubar .menu > li > a.active{
	background-color:#3c0a5c;
}

/*------------ scrolltoTop ------------- */
.scrolltoTop{
	background:url(../img/scrolltoTop.png) no-repeat;
	width:60px;
	height:60px;
	background-size:100%;
	display:block;
	position:fixed;
	bottom:20px;
	right:20px;
	background-position:0 0;
	display:none;
	z-index:999;
}
.scrolltoTop:hover{
	background-position:0 -60px;
}

/*------------ breadcrumb ------------- */
.breadcrumb-wrapper{
	background-color:#000;
}
.breadcrumb-wrapper a:hover{
	color:#fff;
}

/*------------ secondary ------------- */
.tag a{
	background:#c8c7c7;
	display:inline-block;
	padding:2px 10px;
	margin:10px 10px 0 0;
	color:#323232;
	font-size:14px;
}
.tag a:hover{
	background:#848484;
	color:#fff;
}
.title{
	margin:0 0 15px 0;
	color:#4e0a71;
}
.search-bar{
	margin-bottom:5px;
}
.form-search{
	border-right:none;
	width:158px;
}
.submit{
	padding:4px 12px;
	border-radius:0;
	background:#c8c7c7;
	border:none;
	color:#323232;
	font-size:14px;
}
.submit:hover{
	background:#848484;
	color:#fff;
}
.list-news li{
	border-bottom:1px #c8c7c7 solid;
	padding-bottom:8px;
}
.list-news li a, .side-column li a{
	color:#323232;
}
.list-news li a:hover, .side-column li a:hover{
	color:#4e0a71;
}
.list-news li h6{
	margin:0 0 5px 0;
	color:#f90184;
}
.qrcode{
	margin-right:13px;
}
.qrcode-right{
	padding:30px 0;
}
.side-column{
	padding-left:25px;
}
.side-column li{
	margin-bottom:5px;
}
.side-activity h6{
	color:#f90184;
	line-height:22px;
}
.side-activity h6 a{
	color:#f90184;
}
.side-activity h6 a:hover{
	color:#4e0a71;
}
.btn-half .btn{
	width:46%;
}
.side-activity p a{
	color:#868484;
}

/*------------ primary ------------- */

.topicbox {
	margin-right:2%;
	position: relative;
	overflow: hidden;
	width: 32%;
	height: 172px;
}
.topicbox .overlay {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #fff;
	opacity: 0.5;
	-webkit-transition: opacity 0.4s linear;
	-moz-transition: opacity 0.4s linear;
	-o-transition: opacity 0.4s linear;
	transition: opacity 0.4s linear;
}
.topicbox .aa img {
	-webkit-transition: width 0.4s linear, height 0.4s linear, -webkit-transform 0.4s linear;
	-moz-transition: width 0.4s linear, height 0.4s linear, -moz-transform 0.4s linear;
	-o-transition: width 0.4s linear, height 0.4s linear, -o-transform 0.4s linear;
	transition: width 0.4s linear, height 0.4s linear, transform 0.4s linear;
}
.topicbox:hover .aa img{
	width: 250px;
	height: 187px;
	-webkit-transform: translate(-10px, -7.5px);
	-moz-transform: translate(-10px, -7.5px);
	-o-transform: translate(-10px, -7.5px);
	transform: translate(-10px, -7.5px);
}
.topicbox:hover .overlay {
	opacity: 0;
}
/*.index-column, .index-column-img, .index-column-text{
	padding-left:0;
}*/
.index-column-text{
	/*padding-right:0;*/
}
.index-column-text h4{
	font-size:16px;
	color:#a71616;
	line-height:1.4;
	height:46px;
	overflow:hidden;
}
.index-column-text p{
	line-height:1.3;
	color:#323232;
	height:57px;
	overflow:hidden;
	margin-top:5px;
}
.index-column-text p span{
	font-size:13px;
	color:#868484;
}
.index-column-text a:hover p span{
	color:#a71616;
}

/*-- slider -- */
.index-slider{
	background:#fff;
}
.slider b {
	font-weight:normal;
	color:#323232;
	text-decoration:underline;
	position:absolute;
	right:30px;
	bottom:0;
}
.slider a:hover b{
	color:#a71616;
}
.carousel-inner .slider .pull-right img{
	max-width:450px;
	height:auto;
	display:block;
}
.carousel-inner .slider .slider-intro{
	left:5%;
	top:0;
	right:0;
	color:#a71616;
	text-shadow:none;
	padding:15px 30px 15px 5px;
}
.carousel-inner .slider .slider-intro h3{
	padding-bottom:15px;
	border-bottom:1px #bfbfbf dashed;
	line-height:32px;
	max-height:69px;
	overflow:hidden;
	color:#a71616;
}
.carousel-inner .slider .slider-intro p{
	color:#323232;
	margin-top:15px;
	max-height:195px;
	overflow:hidden;
}
.carousel-control{
	width:inherit;
}
.carousel-control .slider-arrow{
	background:url(../img/slider-arrow.png) no-repeat;
	background-size:200%;
	width:30px;
	height:54px;
}
.carousel-control .slider-arrow-right, .carousel-control .slider-arrow-left{
	z-index:1;
}
.carousel-control .slider-arrow-left{
	background-position:0 0;
	margin-left:0;
	left:-4px;
}
.carousel-control .slider-arrow-right{
	background-position:-30px 0;
	margin-right:0;
	right:-4px;
}
.carousel-control .slider-arrow-left:hover{
	background-position:0 -54px;
}
.carousel-control .slider-arrow-right:hover{
	background-position:-30px -54px;
}

/*------------ fb-likebox ------------- */
.fb-likebox{
	background:#fff;
}
.fb-likebox-container{
	padding:30px 0;
}

/*------------ footer ------------- */
.footer{
	background-color:#4e0a71;
	color:#fff;
	height:140px;
}
.footer-logo{
	right:0;
	background:url(../img/bg_footer.jpg) no-repeat;
	width:540px;
	height:140px;
}
.footer-container{
	z-index:9;
}
.footer-container p{
	color:#b0afaf;
	font-size:12px;
}
.footer-container ul{
	display:inline-block;
	margin-bottom:0;
}
.footer-container li{
	float:left;
	padding:0 30px;
	border-right:1px #7d7d7d solid;
	margin-top:45px;
}
.footer-container li a{
	color:#fff;
}
.footer-container li a:hover{
	text-decoration:underline;
	color:#c8c7c7;
}
.footer-container li i{
	font-size:17px;
	margin-right:10px;
	color:#969696;
}


/*------------ column ------------- */
.carousel-option{
	bottom:0;
	right:5%;
	margin:0 0 5px 0;
}
.tab-name{
	width:20%;
	float:left;
}
.tab-member{
	width:28%;
}
.tab .tab-name a span{
	border-bottom:5px #4e0a71 solid;
	display:block;
	padding:15px 0;
	border-right:1px #ababab solid;
	background:#c8c7c7;
}
.tab .tab-name > a{
	display:block;
	font-size:16px;
	color:#323232;
	padding:6px 0;
}
.tab .tab-name > a:hover span{
	background:#4e0a71;
	color:#fff;
	font-size:18px;
	border-right:1px #4e0a71 solid;
}
.tab .tab-name a.on {
	background-image:url(../img/arrow01.png);
	background-repeat:no-repeat;
	background-position:center bottom;
}
.tab .tab-name a.on span{
	background:#4e0a71;
	color:#fff;
	font-size:18px;
	border-right:1px #4e0a71 solid;
}
.topic-index-eventbox, .columnbox{
	background:#fff;
}
.columnbox{
	border:3px #c8c7c7 solid;
	padding:15px 0;
	border-left:none;
	border-top:none;
}
.topic-index-eventbox{
	padding:0 0 15px 0;
	border-bottom:1px #c8c7c7 solid;
}
.date{
	color:#868484;
	right:5px;
	bottom:5px;
}
.column-type{
	padding:10px 20px;
	bottom:0;
	left:0;
	color:#fff;
	z-index:9;
}
.column-type-writer{
	left:15px;
}
.column-type-estate, .event-type-online, .event-type-online h5 span{
	background:#64b638;
}
.column-type-medical, .event-type-entity, .event-type-entity h5 span{
	background:#47a7e4;
}
.column-type-financial{
	background:#ff9c00;
}
.column-type-other{
	background:#a0a0a0;
}
.columnbox .info{
	height:100px;
}
.topic-index-eventbox .info{
	/*height:35px;*/
}
.topic-index-eventbox h4, .columnbox h4{
	color:#a71616;
	margin:0 0 8px 0;
	max-height:41px;
	overflow:hidden;
	line-height:1.2;
}
.topic-index-eventbox h5 small a, .columnbox h5 small a{
	color:#000000;
}
.topic-index-eventbox h5 small a:hover, .columnbox h5 small a:hover{
	color:#4e0a71;
	text-decoration:underline;
}
.columnbox-content .col-md-6 h5 span{
	color:#797979;
	margin-right:5px;
}
.columnbox-content p a{
	color:#323232;
}
.columnbox-content p a:hover{
	color:#000;
}
.banner-title-column, .banner-title-news, .banner-title-report{
	top:65px;
	right:16%;
	z-index:1;
	background:url(../img/banner-title.png) no-repeat;
	width:298px;
	height:64px;
}
.banner-title-column{
	background-position:0 0;
}
.banner-title-news{
	background-position:0 -64px;
}
.banner-title-report{
	background-position:0 -128px;
}
.article-share{
	text-align:right;
}

/*pagination*/
.page > li{
	text-align:center;
}
.page .number span{
	background:none;
	color:#323232;
	width:auto;
	height:auto;
}


/*------------ columndt ------------- */
.article-info{
	font-size:12px;
}
.article-info i{
	color:#999;
}
.article-info span{
	margin:0 10px;
}
.topicindex-share .btn{
	padding:7px 25px;
	display:block;
}
.topicindex-share .btn.share-fb, .share-gplus, .share-twitter, .btn.share-fb, .share-gplus, .share-twitter{
	color:#fff;
}
.share-fb{
	background-color:#346da6;
}
.share-fb:hover{
	background-color:#1f578e;
}
.share-gplus{
	background-color:#e3411f;
}
.share-gplus:hover{
	background-color:#bf2a0a;
}
.share-twitter{
	background-color:#1cb7eb;
}
.share-twitter:hover{
	background-color:#0095c7;
}
.post-image img{
	display:block;
	width:100%;
	max-width:570px;
	height:auto;
	margin:0 auto;
}
.html-editor{
	padding:0 10px;
	line-height:1.8;
}
.post-preview > a{
	display:block;
	width:49%;
	background-color:#c9c9c9;
	border:#9f9f9f 1px solid;
	padding:10px 15px;
	color:#323232;
	height:66px;
}
.post-preview > a:hover{
	background-color:#fff;
}

/*------------ member ------------- */
.form-member{
	box-shadow:none;
	border-radius:0;
	border:1px #c9c9c9 solid;
	background-color:#c9c9c9;
	color:#000;
}
.change-pw > div{
	border:#4e0a71 1px solid;
	background-color:#fff;
	padding:20px;
	bottom:10px;
	width:300px;
	z-index:999;
}
.input-btn-add{
	display:table-cell;
	width:1%;
}
.btn-photo{
	display:block;
	position:absolute;
	right:0;
	bottom:0;
	color:#bbb;
	padding:8px;
	background-color:rgba(0,0,0,.6);
	font-size:24px;
}
.btn-photo:hover{
	color:#fff;
	background-color:rgba(0,0,0,1);
}
.btn-photo .fa, .input-btn-add .fa{
	margin-right:0;
}
.memberbox{
	border:none;
	border-bottom:1px #c8c7c7 solid;
	padding-top:0;
}


/*------------ topic-index ------------- */
.full-img{
	width:static;
}
.full{
	width:100%;
}
.topic-banner{
	height:180px;
}
.topicindex-share a{
	margin-left:-5px;
	font-size:20px;
}
.recommend-box{
	border-left:1px #c8c7c7 solid;
	padding-left:30px;
}
.select-box p{
	height:35px;
	margin-bottom:0;
}
.content-box{
	border-bottom:1px #c8c7c7 solid;
}
.tab-content{
	background:#fff;
	padding:30px 30px 0 30px;
}
.tab-index-name{
	width:18.8%;
	margin-right:1.5%;
	float:left;
}
.tab-index .tab-index-name a span{
	display:block;
	padding:10px 0;
	background:#c8c7c7;
	margin-top:14px;
}
.tab-index .tab-index-name a.on span i, .tab-index .tab-index-name a.on:hover span i{
	font-size:18px;
	color:#4e0a71;
}
.tab-index .tab-index-name a span i{
	font-size:15px;
	color:#919292;
}
.tab-index .tab-index-name a:hover span i{
	color:#fff;
}
.tab-index .tab-index-name > a{
	display:block;
	font-size:16px;
	color:#323232;
}
.tab-index .tab-index-name > a:hover span{
	background:#4e0a71;
	color:#fff;
	font-size:18px;
}
.tab-index .tab-index-name a.on span{
	background:#fff;
	color:#4e0a71;
	font-size:18px;
	border-top:5px #4e0a71 solid;
	padding:15px 0;
	border-bottom:none;
	margin-top:0;
}
.tab-content .tabbox{
	width:32%;
	margin-right:2%;
	float:left;
}
.tab-content .tabbox-container{
	border-bottom:1px #c8c7c7 solid;
}
.introcontent{
	display:block;
	overflow:hidden;
}
.introcontent a{
	color:#fff;
}
.introcontent a:hover{
	color:#DFDFDF;
}
.introcontent div{ 
    background-color:#242424;
	opacity:0.9;
	position:absolute;
	width:100%;
	height:100%;
	padding:2px 10px 5px;
	box-sizing:border-box;
	color:#fff;
}
.introcontent div h3{
	height:65px;
}
.introcontent div h3 small{
	color:#fff;
	overflow:hidden;
}
.introcontent p{
	font-size:14px;
	overflow:hidden;
	color:#a5a4a4;
}
.slider-container{
	top: 0px;
	left: 0px;
	width: 750px;
	height: 340px;
	background: #fff;
	overflow: hidden;
}
.slider-img{
	left: 0px;
	top: 0px;
	width: 453px;
	height: 340px;
    overflow: hidden;
}
.slider-nav{
	width: 295px;
	height: 340px;
	right:0;
	top:0px;
}

/*------------ proclaimlist ------------- */
.proclaim{
	padding:4px 43px;
}
.proclaim-pic{
	height:218px;
}
.proclaim-btimg{
	padding:0;
}
.proclaim-btimg:hover{
	border:1px #f90184 solid;
}

/*------------ result ------------- */
.resultbox{
	background:#fff;
}
.resultbox-content{
	border-bottom:1px #c8c7c7;
}
.resultbox .info, .memberbox .info{
	height:63px;
}
.info h4 a, .columnbox h4 a{
	color:#a71616;
}
.info h4 a:hover, .columnbox h4 a:hover{
	color:#4e0a71;
}
.keyword, .search-result{
	color:#f90184;
}

/*------------ vote ------------- */
.vote-question{
	background:url(../img/question.png) no-repeat;
	padding:0 0 0 55px;
	border-bottom:#ccc 1px solid;
}
.vote-question h3{
	font-size:30px;
}
.vote-question h3, .vote-question p{
	margin:0 0 15px 0;
}
.vote-option{
	padding:0 0 0 55px;
	font-size:18px;
}
.vote-option .radio{
	margin:15px 0;
}
.history-vote > tbody > tr > td{
	vertical-align:middle;
	padding:15px;
}
.history-vote-detail{
	margin:-15px;
	padding:25px;
	background-color:#eee;
}

/*------------ event ------------- */
.carousel-module{
	padding:20px 20px;
	background-color:#fff;
}
.carousel-module .carousel-control{
	top:50%;
	margin-top:-27px;
}
.eventbox{
	height:313px;
}
.calendar-title .title{
	font-size:30px;
}
.calendar-title .title a i{
	margin:0 10px;
	font-size:18px;
}
.calendar-title .title span{
	font-size:16px;
}
.calendar-title .p-absolute{
	right:0;
	top:10px;
	font-size:18px;
}
.weekdays li, .days li{
	width:14.2%;
	float:left;
	border-right:#fff 1px solid;
	border-bottom:#fff 1px solid;
}
.weekdays li{
	background-color:#4e0a71;
	color:#fff;
	text-align:center;
	padding:4px 0;
}
.days li{
	background-color:#eee;
	height:200px;
	overflow:hidden;
}
.days a{
	display:block;
	height:100px;
	padding:5px;
	color:#000;
}
.days a.online{
	background-color:#fefae2;
}
.days a.activity{
	background-color:#E6ECFF;
}
.days .day-number{
	font-size:13px;
	padding:5px;
	display:block;
	line-height:1;
}
.days a .day-number{
	padding:0;
}
.days .day-activity, .days .day-type{
	padding:5px;
	display:block;
}
.days .day-type-activity, .days .day-type-online{
	padding:0;
	font-size:13px;
	color:#fff;
	display:block;
}
.days .day-type-activity{
	background-color:#658AFF;
}
.days .day-type-online{
	background-color:#FF8B4A;
}
.calendar-detail{
	position:fixed;
	width:446px;
	left:50%;
	top:50%;
	background-color:#fff;
	border:#4d0e76 1px solid;
	padding:15px;
	margin-left: -223px;
	margin-top:-150px;
}
.calendar-detail span.type{
	font-size:14px;
	color:#797979;
}
.calendar-detail .closebt{
	top:2px;
	right:2px;
}
.event-list{
	padding:5px 15px;
	color:#fff;
	text-align:left;
	height:175px;
	display:block;
}
.event-list a{
	color:#fff;
}
.event-list a:hover{
	text-decoration:underline;
}
/*.event-list:hover p{
	text-decoration:underline;
}*/
.event-list h5{
	background:url(../img/white_line.png) repeat-x left center;
}
.event-list h5 span{
	display:inline-block;
}
.event-label{
	display:inline-block;
	padding: 4px 35px;
	color:#fff;
}
.mask{
	background-color:#000;
	opacity:0.7;
	z-index:99;
	top:0;
	left:0;
	right:0;
	display:block;
	height:100%;
}
.event-end{
	display:block;
	color:#fff;
	top:45%;
	left:50%;
	z-index:999;
	margin-left:-27px;
	font-size:18px;
}

/*------------ activity ------------- */
.activity-box{
	background-color:#fff;
	border:#4d0e76 1px solid;
	padding: 0 20px 10px;
}
.activity-box h4{
	background-color:#4d0e76;
	padding:15px 20px;
	margin:0 -20px 20px;
	color:#fff;
}

/*------------ video ------------- */
.btn-video{
	padding:15px;
	top:0;
	width:100%;
	height:100%;
	z-index:9;
	background-color:#000;
	opacity:0.5;
}
.btn-video:hover{
	opacity:0;
}

/*------------ kv-title ------------- */
.kv{
	width:970px;
	height:180px;
	margin:0 auto;
}
.kv-title{
	top:30px;
	
}

.link{
	text-decoration:underline;
}
.link:hover{
	color:#000;
}
.black{
	color:#000;
	font-weight:normal;
}
.gray{
	color:#777;
}
.light-gray{
	color:#ccc;
}
.white{
	color:#fff;
}
.red{
	color:#a71616;
}
.video{
}
.btn-site{
	font-size:15px;
	margin-left:10px;
	width:100%;
}

/*MQ*/

@media (max-width: 991px) {
	
.margin-b30{
	margin-bottom:20px;
}
	
/*-----------index------------*/
.showhide{
  display:none;
}
.menubar .menu > li > a{
	font-size:14px;
	padding:15px 8px;
}

.carousel-inner .slider .slider-intro{
	width:100%;
	left:0;
	padding:15px;
	position:static;
}
.carousel-inner .slider .slider-intro h3{
	border-bottom:none;
}
.carousel-inner .slider .pull-right img{
	max-width:100%;
	width:100%;
}
.slider .pull-right{
	width:100%;
}
.slider .pull-right a{
	display:block;
}
.slider b{
	right:5px;
	bottom:5px;
}
.form-search{
	width:668px;
}
.footer-logo{
	background:none;
}
.footer-container ul{
	margin-top:20px;
}
.footer-container li{
	float:none;
	margin:15px 0;
	border-right:none;
}
.index-column-text{
	padding-left:0;
}
.topicbox{
	width:30%;
	margin-right:5%;
	height:150px;
}
.topic-title01, .topic-title02, .topic-title03{
	width:80px !important;
	height:22px !important;
}
.topicbox .overlay{
	opacity:0.2;
}
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right{
	top:35%;
}

/*footer*/
.footer{
	height:auto;
}
.footer-container ul{
	margin-top:30px;
}
.footer-container ul.btsocial-phone{
	margin-top:0;
	top:10px;
	left:15px;
}
.footer-container ul.btsocial-phone li{
	padding:0;
	margin:5px 0 0;
}
.footer-container ul.btsocial-phone li a, .footer-container ul.btsocial-phone li a i{
	color:#f90184;
	font-size:18px;
}

/*-----------topic-index------------*/
.breadcrumb-wrapper{
	display:none;
}
.topic-banner{
	height:110px;
}
.kv-title{
	top:15px;
}
.kv-title img{
	width:65%;
}
.recommend-box{
	border-left:none;
	padding-left:0;
}
.index-column-text h4, .index-column-text p{
	height:auto;
	margin-bottom:0;
}
.tab-index-name{
	width:18%;
	margin-right:1%;
}
.table thead{
	position: absolute;
	top: -9999px;
	left: -9999px;
}
.table tr, .table td{
	display:block;
}
.table td{
	border: none;
	border-bottom: 1px solid #eee; 
	position: relative;
	padding-left: 50%; 
	white-space: normal;
	text-align:left;
	padding-left:85px !important;
}
.table td:before{
	position: absolute;
	top: 6px;
	left: 6px;
	width: 45%; 
	padding-right: 10px; 
	white-space: nowrap;
	text-align:left;
}
.table td:before{ content: attr(data-title); }
.tab-content .table td, .table > tbody > tr > td{
	border-bottom:none;
}
.tab-content .tabbox{
	width:48%;
	margin-right:4%;
}
.page .gopage{
	display:none;
}


/*-----------column------------*/
.carousel-inner{
	border-bottom:1px #ccc solid;
}
.banner-title-column, .banner-title-news, .banner-title-report{
	top:35px;
	left:10%;
	background-size:60%;
}
.banner-title-column{
	height:40px;
}
.banner-title-news{
	background-position:0 -38px;
	height:40px;
}
.banner-title-report{
	background-position:0 -78px;
}
.share-fb span, .share-gplus span, .share-twitter span{
	display:none;
}
.article-share{
	text-align:left;
	padding:10px 15px;
}
.article-share a{
	margin-right:5px;
	padding:4px 9px;
}
.article-share a i{
	margin-right:0;
}
.post-preview > a{
	width:100%;
	margin:10px 0;
	height:auto;
}
.pagination > li > span{
	margin-right:10px;
}
.pagination > li > a{
	margin-right:8px;
}

/*-----------event------------*/
.eventbox, .event-list{
	height:100%;
}
.weekdays li{
	display:none;
}
.days li{
	width:100%;
	height:initial;
	margin-bottom:10px;
}
.days a{
	display:inline-block;
	width:100%;
	height:100%;
}
.calendar-title .p-absolute{
	right:-10px;
	top:-25px;
}
.calendar-title .title{
	margin:15px 0 5px 0;
}
.calendar-detail{
	z-index:9999;
	width:90%;
	left:5%;
	top:2%;
	margin-left:0;
	margin-top:0;
}

/*-----------proclaim------------*/
.proclaim-pic{
	height:100%;
}

/*-----------vote------------*/
.vote-question{
	background:none;
	padding:0;
}
.vote-option{
	padding:0;
}

/*-----------member------------*/
.form-control{
	padding:6px 5px;
}


/*-----------member------------*/
.history-vote > tbody > tr > td{
	padding:10px;
}
.history-vote-detail{
	margin:0 0 0 -75px;
}

}

@media (max-width: 768px) {
.header{
	height:80px;
}
.logo{
	margin:12px 15px;
}
.logo a{
	width:250px;
	height:58px;
}
.social-icon{
	margin:0 0 0 10px;
}
.social-icon a.icon, .social-icon a.icon i{
	margin-right:0;
}
.social-icon a.member, .social-icon a.member-in, .incolor{
	color:#fff;
}
.phone-log{
	position:absolute;
	top:90px;
	z-index:99;
	left:0;
}
.member-box, .sign-box{
	top:32px;
}
.member-box{
	left:5px;
	width:300px;
}
.sign-box{
	left:-65px;
}
/*menu*/
.menubar{
	position:relative;
	z-index:9;
}
.navbar-default .navbar-collapse{
	border:none;
}
.navbar-header{
	float:none;
}
.navbar-nav{
	margin:0;
}
.nav > li > a {
  padding:15px 8px;
}
.menubar .menu > li{
	width:50%;
	background:#5d1988;
	border-bottom: 1px #4E1076 solid;
	border-right: 1px #4E1076 solid;
	float:left;
}
.menubar .menu > li.main-menu{
	width:50%;
	background:#ff319e;
	border-bottom:1px #EA007C solid;
	border-right:1px #EA007C solid;
}
.menubar .menu > li > a{
	font-size:14px;
	text-align:left;
	padding-left:15px;
}

/*-----------topic-index------------*/
.full-img{
	width:100%;
}
.tab-content .tabbox{
	width:100%;
	margin-right:0;
}	
.tab-content .tabbox img{
	width:100%;
}
.slider-container{
	margin-left:-15px;
}

/*-----------member------------*/

	
}