﻿/*----------------------------------------Common----------------------------------------*/
*{padding: 0;margin: 0;font-size: 10pt;font-family: Microsoft YaHei;list-style-type: none;font-weight: normal;border: none;}
a:hover,a:focus{text-decoration: none;color:inherit;}
a{text-decoration: none;outline: none;color: inherit;}
label{max-width: none;}
.lock-scroll{overflow: hidden;}
.left{float: left;}
.right{float: right;}
.clear:after {content: "";display: block;height: 0px;clear: both;visibility: hidden;}
.gotop{position: fixed;right: 24px;bottom: 100px;display: none;z-index:888;opacity: 0.5;}
.gotop:hover{opacity: 1;}
.zz{width: 100%;height: 100%;z-index:21;background-color: #020202;position: fixed;opacity: 0.70;display: none;}



/*----header----*/
.header{background: url(../../images/theme/gen_playground/pattern02.jpg);color:#c0325d;height: 150px;position: relative;}
.top .container{position: relative;z-index: 1;height: 84px;}
.top{background: url(../../images/theme/gen_playground/pattern02.jpg);
/*--position: relative;z-index: 2;height: 84px;padding: 0 15px;}---*/
	position: relative;z-index: 20;height: 84px;padding: 0 15px;}
.name span{display: flex;align-items: center;height: 84px;margin-left: 20px;font-weight: bold;font-size: 25px;}
.top .custom-img{background: url(../../images/theme/gen_animal/pic01.png) no-repeat; 
	position: absolute; width: 378px; height: 78px; right: 240px; top: 5px; display: none;}
.lang{line-height: 84px;color: #fff;}
.lang button:hover, .lang div.current button{color: #c0325d;background-color: #fff;}
.lang .hr{display: inline-block;width: 1px;background-color: #fff;height: 30px;margin-bottom: 1px;}
.login p{color:#fff;}
.phone_btn{display: none;position: absolute;right: 20px;top:20px;padding: 10px 12px 4px;border-radius: 8px;background: #f35190;}
.phone_btn span{display: block;width: 28px;height: 5px;background: #fff;margin-bottom: 6px;border-radius: 3px;}
.section{width:100%;height: 66px;line-height: 66px;position: absolute;top: 84px;padding: 0 15px;z-index: 1;}
#fl_list{display: flex;flex-flow: row wrap;margin-bottom: 0;height: 100%;min-height: px;}
.section .sec .secl_change{width: 11px;height: 66px;display: inline-block;color:#c0325d;font-weight: bold;}
.section ul .current, .section ul li:hover{background-color: #e6e6e3;}
.section li{list-style: none;float: left;text-align: center;position: absolute;color:#c0325d;}
.section .sec .sec-icon{left: 3px; top: -7px;}
.section .dropdown-menu{padding:0;color:#c0325d;background: #ffa8ca;}
#sec_right, #sec_left{cursor: pointer;float: left; width: 16px; height: 100%;}
/*#sec_left{background: url(../../images/theme/gen_playground/btn_back_1200.png) no-repeat center; background-size: contain;}*/
/*#sec_right:before, #sec_left:before{ content: unset; }*/
.fl_change{cursor: pointer;display: inline-block;width: 11px;color:#c0325d;}
#login_out,#login{cursor: pointer;}
.phone_nav{width: 100%;height: 100%;background-color: #ffa8ca;position: fixed;z-index: 998;top:-100%;overflow-y:auto;}
.phone_nav ul{margin-top: 66px;}
.phone_nav ul li{height: 54px;line-height: 54px;border-bottom: 1px dashed #fff;padding-left: 28px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.phone_nav ul li a{font-size: 14pt;color: #fff;display: block;}
.phone_lang{text-align: center;display: block !important;}



/*----------------------------------------banner----------------------------------------*/
#banner { min-height: 10px; }
.bnr_dot{width: 20px; height: 20px; margin-left: 21px;  border-radius:20px; background-color: #fff; border: 0px;outline: none;}
.carousel-indicators .active {width: 22px; height: 22px; margin-left: 20px; background-color: #B4E9ED;}

@media  screen and (max-width: 1024px) {
    #banner { min-height: 5px; }
}

@media only screen and (max-width: 768px) {
    /* For mobile phones: */
    .bnr_dot{width: 12px; height: 12px; margin-left: 13px; border-radius:12px;}
    .carousel-indicators .active {width: 13px; height: 13px; margin-left: 12px;}

    #banner { min-height: 0; }
}
.item{width: 100%;background-position: center center;background-repeat: no-repeat;background-size: contain;background-color: #e5e5e5;text-align: center;}
.item img{width: 100%;max-width: 1024px;}


/*----footer----*/
body .banner-top{display: block;position: absolute;background: url(../../images/theme/gen_playground/pattern05.png);
	background-position-y: center;width: 100%;height: 34px;z-index: 3;}
.footer{background: url(../../images/theme/gen_playground/pattern01.jpg);
	padding: 0 15px;padding-top: 10px;background-color: #c0325d;}
.sitemap{padding-top: 10px;}
.menu{margin:0 10px;float: left;text-align: left;width: 120px;margin-bottom: 10px;}
.menu a:first-child{font-weight: bold;text-decoration: none;}
.menu a{display:block;margin-bottom: 5px;transition: all 0.3s;text-decoration: underline;overflow: hidden;}
/*.cus-img.cimg-bleft { background: url(../../images/theme/gen_playground/pic02.png) no-repeat; background-position: center;
	float: left; width: 100%; height: 120px; display: block; margin-top: -120px;}
.cus-img.cimg-bright { background: url(../../images/theme/gen_playground/pic03.png) no-repeat;
	float: right; width: 288px; height: 120px; display: block; margin-top: -120px; margin-right: 200px;}*/
.cus-img.cimg-bcenter { background: url(../../images/theme/gen_playground/footer.png) repeat-x; background-position: center;
	float: left; width: 100%; height: 100px; display: ; margin-top: -100px; margin-left: -15px;}


/*----common----*/
.title img{vertical-align: middle;}
.top_logo{height: 100px;width: 100px;background-repeat: no-repeat;background-position: 50% 50%;margin-top: 10px;background-size: contain;}
.logining{width:450px;height:300px;position:fixed;margin:auto;left:0;right:0;top:0;bottom:0;background-color: #fff;z-index: 999;padding: 6px;border-radius: 8px;display: none;}
.logining form{background-color: #FFD0E2;height: 100%;width:100%;border-radius: 4px;color: #ff74aa;}
.logining .log_close{position: absolute;right: -45px;top: -15px;cursor: pointer;}
.logining .log_close img{width: 50%; height: 50%;}
.logining .isr{display: inline-block;}
.logining .isr img{width: 75%;}
.logining form label{text-align: right;width: 30%;font-size: 12.75pt;}
.logining form input[type=text],.logining form input[type=password]{height: 42.75px;width: 62%;padding: 4px;}
.logining form input[type=submit]{line-height: 30px;width: 153px;background-color: #ff74aa;color: #fff;
	box-shadow: #777 1px 1px 3px;font-size: 12.75pt;margin: 0 auto;display: block;margin-top: 15px;border-radius: 16px;}
.logining form input[type=submit]:hover{filter: opacity(0.7);}
.logining form input{border-radius: 4px;}

/*----------------------------------------数值表修改----------------------------------------*/
.menu>a:first-child{font-size: 12pt;color: #fff;}
.menu>a{font-size: 9.5pt;color: #fff;}

/*----------------------------------------End:数值表修改----------------------------------------*/





/*----------------------------------------Index----------------------------------------*/

/*----news----*/
.news{margin-top: 20px;margin-bottom: 84px;padding: 0 15px;}
.news_list {padding-left: 24px; width: 87%;}
.news_list p{margin: 0}
.news_list ul{margin-top: 48px;}
.news_list hr{height: 1px;border: none;border-top: 1px dashed #00b3f4;}
.news_list .news_detail{padding: 4px 21px;border-radius: 5px;background-color: #45ceff;color: #fff;text-align: center;font-size:12pt;}
.news_list .more{padding: 4px 21px;border-radius: 5px;background-color: #45ceff;color: #fff;text-align: center;font-size: 12pt;margin-top: 20px;}


/*----contact----*/
.contact{background: #fbe2ec;padding: 0 15px;padding-top: 27px;}
.contact .content{padding-left: 24px;width: 87%}
.contact .content p{margin-bottom: 24px;font-size: 12.5pt;color: #6b6b6b;}
.maps iframe{width: 100%; height: 433px;}

/*----common----*/
.img{height:90px;width: 90px;}
.ell{overflow:hidden;text-overflow:ellipsis;white-space: nowrap;display: block;}
/*----------------------------------------数值表修改----------------------------------------*/
.news_list span,.contact .content span{font-size: 16pt; font-weight: bold; color: #838383;margin-bottom: 32px;display: block;}
.news_list ul li{color: #6c6c6c;}

/*----------------------------------------End:数值表修改----------------------------------------*/


/*----------------------------------------Calendar----------------------------------------*/
.fc-today-button-css-list{width: 88px !important;background-color: #45ceff !important;border:none !important;color:#fff !important;font-size: 11pt;border-radius: 4px;text-align: center}/*今天按钮的css*/
.fc-prev-button-css-list{background-color:#45ceff !important;color:#fff !important;border-radius:32px;height:32px !important;width:32px !important}/*上一月按钮的css*/
.fc-next-button-css-list{background-color:#45ceff !important;color:#fff !important;border-radius:32px;height:32px !important;width:32px !important;margin-left: 0 !important;}/*下一月按钮的css*/
.fc-widget-header-css-list{background-color: #45ceff !important;border:none !important;}/*table的header的css*/
.fc-day-header-css-list{border:none !important;font-size:9pt;color: #000;height: 40px;line-height: 40px;}/*头部周期css*/
.fc-day-number-css-list{font-size: 10pt;}/*日期css字体大小*/
.fc-center h2{color:#000;font-size: 14pt;margin: 0 4.5rem !important;line-height: 32px;letter-spacing: 2pt;}/*中间标题css*/
.fc-sun,.fc-sat{color:#FF0000;}/*周末css*/
#calendar .fc-next-button:hover,#calendar .fc-prev-button:hover{background-color: #45ceff !important;color:#fff !important;border-radius:32px;height:32px !important;width:32px !important}
.fc-button-group .fc-button{color:#838383 !important;}
.fc-button-group .fc-state-hover,.fc-button-group .fc-state-active{color: #fff !important}
.fc-button-group .fc-button:hover{color: #fff !important;}
#calendar .fc-today-button:hover{background-color:#45ceff !important;color:#fff !important;}
.fc-button-group .fc-button,.fc-button-group .fc-button:hover{background-color: #45ceff !important;border-color: #45ceff !important}
#keyword{border-color: #45ceff !important;}
#cal_back{background-color: #45ceff;}
.fc-event-container span,.fc-list-item span{color:#000;}
.fc-list-item{border-top: 1px dashed #00b3f4;}
.fc-widget-header{background-color: #bfeeff !important;}




/*----------------------------------------Section----------------------------------------*/
.section-box button, #confirm_ok { 
	background-color: #45ceff; 
	border-color: #45ceff !important;}
.section-box button:hover, .section-box button.focus, .section-box button.focus:hover,
#confirm_ok:hover, #confirm_ok.focus, #confirm_ok.focus:hover { 
	background-color: #45ceff !important; 
	border-color: #45ceff !important; 
	color: #fff !important; box-shadow: none; outline: none !important;
}
.section-box .section-title span{color: #c0325d;}
.section-box button.btn, .second-bar button.btn{ 
	border-radius: 18px; color: #c0325d91; background-color: #45ceff; border-color: #fff;}
.news_list a.news_detail, .news_list a.more{ 
	border-radius: 18px; color: #D6D3D3; background-color: #45ceff; border: 1px solid #fff;}
.section-box button.btn:hover, .second-bar button.btn:hover, .news_list a.news_detail:hover, .news_list a.more:hover{
	filter: opacity(0.7);}

.container .section-box hr{border-top: 1px dashed #00b3f4;}

/* 二級目錄大屏模式下的導航 */
.left-bar button:hover, .left-bar button.focus, .left-bar button.focus:hover, 
.left-bar button.active, .left-bar button.active:hover { 
	color: #c0325d !important; 
}

/* 搜索框 */
/*.form-group { background-color: #c0325d; }*/
.form-group {width: 249px; height: 56px;}
.form-group #cal_search, .form-group span {background: url(../../images/theme/gen_playground/btn_search_1200.png) no-repeat center; background-size: contain; 
	width: 34px; height: 38px; float: right; margin: -38px 30px 0 0;}
.form-group .glyphicon-search:before{content: none;}
.form-control {border: 3px solid #45ceff; border-radius: 18px; margin: 10px 0 0 0;}
.form-group input { min-width: 220px; height: 34px; padding-right: 44px;}

/* 小屏模式下的路徑導航 */
.nav-mainpage:hover, .nav-onpage { color: #21959e; }

/* 文本 */
.reply-hr { border-top: 1px dashed #21959e !important; }
.reply-icon { color: #21959e; }

/* 分頁 */
.pager li>a:hover, .pager li.active>a { background-color: #c0325d; }


@media screen and (max-width: 768px){
	.header{height: 100%;}
	.login{display: block;margin-right: 72px;}
	.banner{width: inherit;}
	.banner_controller,.pc_lang,.sidebar,.name,.contact .img,.contact span,.news .img,.news_icon,.news_list span,.sitemap{display: none !important;}
	.section{visibility:hidden;}
	.news_list .content{margin-left: 0;}
	.news_list{padding: 0;width: 100%;}
	.phone_btn{display: block;}
	.contact .content p{width: 100%;}
	body .banner-top{z-index: -1;}
}
@media screen and (max-width: 767px){
	.logo{width: 100%;margin: 0;}
	.logining{width: 96%;min-height: 300px;min-width: 300px;}
	.top{height: 94px;}
	.top .custom-img{right: 200px;}
}