@charset "utf-8";
/* CSS Document */
@media (min-width: 1024px) {
body .fat_box .fat, body .footer_box .footer {
	width: 1000px;
	margin: auto;
}
body .home_box .content{
    /* padding: 20px 25px 175px 25px; */
}
body .flexnav.opacity {
    opacity: 1;
}
}
@media (max-width: 1200px) {
body .center{
    padding: 0;
}
body .main .banner{
    padding: 0 10px 10px 0;
}
body .main .friend{
    padding: 0 0 50px 0;
}
body .main .banner .slick-prev{
    left: 10px;
}
}
@media (max-width: 999px) {
	body.in .center_box {
    padding: 0 20px 0 20px;
}
body .timely{
    border-radius: 0;
    /* margin-top: -106px; */
}
	body .top h1{
    /* left: 57px; */
    position: relative;
    display: inline-block;
    margin: auto;
}

body .top h2 {
    background-image: none !important;
}
body .top .top_box{
    /* background-image: url(../images/all/menubg.gif); */
    /* background-repeat: repeat-x; */
    /* background-position: bottom; */
    position: absolute;
}
body .top_box .top_link a,body .top_box .top_link {
    /* color: #fff; */
    position: relative !important;
    left: 0 !important;
}

body .top_box .top_link a:hover {
    /* color: #FFEB3B; */
}

body .top_box .top_link {
    /* top: 40px; */
    /* right: initial; */
    width: 100%;
    /* margin: 10px 0; */
    padding: 0 0 10px 0;
}
body .urgent_box .txt, body .urgent_box .txt a{
    /* color: #FFEB3B; */
}
body .top{
    height: 115px;
    /* background-image: url(../images/all/topbg.png); */
    border: none;
    background-position: bottom;
}
body .menu_box{
    top: 100px;
}

body #arrow_left,body #arrow_right{
    top: 242px;
}
body .footer_box .footer{
    padding: 20px 10px;
}
body.home .in-slide-content {
    /* top: 280px; */
}
body .menu_box nav{
    background-image: none;
    height: initial;
    /* top: 100px; */
}

body .main .banner{
    padding: 0 10px 36px 0;
}

body .main .friend {}
body .main .friend .box{
    /* padding: 0 20px 20px 20px; */
    height: 347px;
}

body .main .friend .box .tab_box .detail {
    height: 323px;
}
body .menu_box.smaller {
    position: relative;
    display: none;
}
body .menu_box nav ul{
    background-color: rgb(182, 213, 249);
    width: 100% !important;
    margin-top: -10px;
    /* padding-top: 35px; */
    /* background-image: url(../images/all/containerbg.gif); */
    /* background-image: url(../images/all/menubg01.gif); */
}
body .menu_box .flexnav li ul {
    margin-top: 0;
    padding: 0;
    /* background-image: url(../images/all/menubg02.gif) !important; */
    background-color: #ced6ee;
    border: none;
}

body .menu_box .flexnav li ul ul {
    background-color: #e1d6e5;
}

body .menu_box .flexnav li ul ul ul {
    background-color: #fbd6d7;
}
body .menu_box .flexnav li{
    padding: 0 !important;
    /* border-bottom: 1px #ffffff solid; */
}
body .menu_box .flexnav li a {
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    background-image: none;
    padding: 10px;
    color: #49678a;
    font-weight: normal;
}
body .menu_box .flexnav ul li .touch-button .navicon{
    background-image: url(../images/all/arrow_bottom.png) !important;
    text-indent: -9999px;
}
body .menu_box .flexnav .touch-button .navicon{
    right: 10px;
    color: #49678a;
}
body .container{
    /* margin-top: 444px; */
}

body.home .container {
    /* margin-top: 281px; */
}
body .urgent{background-color: transparent;padding: 15px 15px 15px 15px;text-align: center;/* background-image: url(../images/all/menubg.png); *//* background-position: 0 0; *//* background-repeat: repeat-x; */border-radius: 0;/* margin: -112px auto 0 auto; *//* display: none; */}

}
@media (max-width: 992px) {
body .main .banner.slick-dotted.slick-slider{
    padding: 0 20px;
}
body .urgent_box{
    padding: 40px 10px 0 10px;
    background-position: center 0;
    background-image: url(../images/index/urgent_title02.png);
}
body .urgent_box .pic{text-align: center;}
body .link_box{
    padding: 0;
    /* margin-bottom: 40px; */
    margin: 0 0 40px 0;
}
body .home_box .content .sub{
    padding: 0 15px 10px 15px;
}
body.home .bottomarea .wave{
    height: 85px;
    top: -85px;
}
body .ad_box{
    padding: 20px 10px;
}
body .footer_box .footer .link {
	float: left;
}
body .footer_box .footer .link .qrcode {
	float: left;
}
body .footer_box .footer .link .qrcode li {
	margin-left: 0;
	margin-right: 10px;
}
body .footer_box .footer .txt_link {
	margin-top: -55px;
	text-align: center;
	left: 0;
	position: relative;
}
body .event.pic .pic{
    height: 64%;
}
body .event.list{
    /* padding: 50px 15px 20px 15px; */
}

body .fat_box{
    display: none;
}
body .home_box .content {
    /* padding: 15px 25px 40px 25px; */
    /* margin: -150px auto 0 auto; */
}
body .home_box .content .pic_news .box{
    height: 350px;
}

body .content .detail.piclist .pic_news .box .pic {
    height: 79%;
}
body .footer_box .footer .right,body .footer_box .footer .left {
    float: none;
    width: 100%;
}
}
@media (max-width: 850px) {
body .menu_box .calendar {
	left: inherit;
	top: -85px;
	right: 10px;
}
body .menu_box .search_box {
	padding-left: 18px;
	top: -40px;
}
body .menu_box .search_box .subtitle {
	display: none;
}
}

@media (max-width: 767px) {
body #arrow_left,body #arrow_right{
    top: 270px;
}
body .menu_box .top_link .accesskey {
    top: -2px;
}
body .menu_box .search_box{
    top: 45px;
    padding-right: 60px;
}
body .content .detail .search_box .search01 .w02 {
    right: 15px;
}

body .content .detail .search_box .search02 .keyin {
    padding: 0 230px 0 70px;
}

body .home_box #pagecontent.large .search_box .search02 .keyin {
    padding: 0 267px 0 0px;
}

body .content .detail .search_box .search01 .icon {
    right: 60px;
}

body .content .detail .search_box .search01 .keyin {
    padding: 0 80px 0 70px;
}

body .home_box #pagecontent.large .search_box .search01 .keyin {
    padding: 0 80px 0 80px;
}
body .content .detail .list .title .num,
body .content .detail .list .title .date{
    display: none;
}

body .home_box .content .pic_news .box .pic{
    height: auto;
    display: block;
}

body .home_box .content .pic_news .box {
    height: auto;
}
body .menu_box .search_box input[type="text"]{
    background-color: #c7c7c7;
}
body .menu_box input[type="button"]{
    right: 7px;
}
body .menu_box .top_link {
    width: 100%;
    background-image: none;
    top: 8px;
    display: block !important;
}

body .menu_box.smaller .search_box {
    display: block !important;
}

body .home_box .main .gotop a{
    /* bottom: -10px; */
}
body.in .event.list li .right{
    padding: 0;
    margin: 5px 0 0 0;
}
body .event .subject{
    /* padding: 40px 0; */
}

}

@media (max-width: 530px) {

body .menu_box.smaller {
	top: 0;
}


body .menu_box .top_link{
    position: relative;
    text-align: center;
    width: auto;
    background-image: none;
    top: 5px;
}

body .fat_box {
	display: none;
}

body .content .detail .list .con .stitle {/* top: 10px; */}
body .content .detail .list .title .stitle {
    width: 100%;
}

}
 @media (max-width: 640px) {
body .footer_box .txt_link .center{
    text-align: center;
}
body .top_box .top_link .accesskey{
    position: static;
}
body .top h1 a{
    margin: auto;
}
body #maximage{
    /* top: 113px; */
}
body .menu_box #menu .main-menu{
    margin-top: -135px;
}
body .container {
    /* margin-top: 245px; */
}

body.home .container {
    /* margin-top: 333px; */
}
body .menu_box .menu-button{
    /* top: 57px; */
    /* display: block; */
    /* text-align: center; */
}
body .menu_box{
    /* top: -357px; */
}

body.home .menu_box {
    /* top: -452px; */
}
body .menu_box nav{
    /* padding-top: 0; */
    margin-top': 40px;
	margin-top: -115px;
;;;/* margin-top: -50px; */;;;
}
body .menu_box nav ul{/* margin-top: 0; *//* padding-top: 169px; */}
body .main .banner .slick-slide .title {
	padding: 10px;
	font-size: 120%;
}
body .main .banner .slick-prev, body .main .banner .slick-next {
	bottom: -3px;
}
body .home_box .content .sub .pic_news .frame {
	width: 100%;
}
}
@media (max-width: 530px) {

body .top h1 a {
	margin: 0;
}
body .content .detail .search_box .search02 .w03 {
    position: relative;
    left: 0;
}

body #pagecontent.large .detail .search_box .search02 .w03 {
    left: 0;
}

body .content .detail .search_box .search02 .w02 {
    right: 27px;
}

body .home_box #pagecontent.large .search_box .search02 .w02 {
    right: 27px;
}

body .content .detail .search_box .search02 .icon {
    right: 61px;
}

body .home_box #pagecontent.large .search_box .search02 .icon {
    right: 61px;
}

body .content .detail .search_box .search02 .keyin {
    padding: 0 81px 0 70px;
}
body .home_box #pagecontent.large .search_box .search02 .keyin{
    padding: 0 81px 0 0px;
}
}
 @media (max-width: 480px) {
	 body.home .main{
    /* padding: 0; */
}
body .link_box .col-xs-4 {
	width: 50%;
}

body .main .banner .slick-slide .title {
	display: none;
}
body .main .banner .slick-prev, body .main .banner .slick-next {
	bottom: 36%;
}
body .main .banner .slick-prev {
	left: 0;
}
body .main .banner .slick-next {
	right: 0;
}
body .content .detail .page .num{
    display: none;
}
body .content .detail .search_box .keyword .w01,body .content .detail .search_box .w01{
    position: relative;
    margin: 5px 0;
}

body .content .detail .search_box {
    padding: 5px 10px 45px 10px;
}

body .content .detail .search_box .opt, body .home_box #pagecontent.large .search_box .opt {
    padding: 0;
}

body .content .detail .search_box .opt {
    padding: 0;
}

body .content .detail .search_box .search01 .keyin, body .content .detail .search_box .search02 .keyin,body .home_box #pagecontent.large .search_box .search01 .keyin {
    padding: 0 80px 0 0;
}

body .content .detail .search_box .search01 .icon,body .content .detail .search_box .search01 .w02 {
    top: 29px;
}
body .content .detail .search_box .keyword .keyin, body .home_box #pagecontent.large .search_box .keyword .keyin{
    padding: 0 0 0 0;
}

body .content #pagecontent.large .detail .search_box .keyword .button {
    top: 66px;
}
body .content .detail .search_box .keyword .button{
    top: 60px;
}
body .content .detail .search_box div{
    margin: 0 0 5px 0;
}
}
 @media (max-width: 450px) {
body .top h1{
    padding: 0 20px 0 53px;
}

body .top h1 img {
    width: 100%;
}
body .menu_box .menu-button img{
    width: 75%;
}

body .menu_box .menu-button {
    padding: 0;
    width: 40px;
    text-align: center;
    top: -92px;
    left: 5px;
}
body .footer_box .footer .link .icon01 {
	float: left;
}
body .footer_box .footer .link .icon01 li {
	margin-left: 0;
	margin-right: 5px;
}

body .home_box .content .sub .title {padding-bottom: 0;}
}
@media (max-width: 420px) {

body .main .life_info .col-xs-4 {
    width: 100%;
}
 }
 @media (max-width: 400px) {
body .home_box .content .opera li a{
    /* width: 30px; */
    /* height: 30px; */
    /* overflow: hidden; */
    /* text-indent: -9999px !important; */
    /* background-position: 50% !important; */
}

 }






@media (max-width: 480px) {
    /*------------------ 天氣/AQI/pm2.5 ------------------*/
.fast {
    /*display: none;*/
}
    }

@media (max-width: 975px) {
.fast.left {
    left: 0px;
}
.air {
    left: 0px;
}
}

@media (max-width: 768px) {
.air iframe {
    background: #fff !important;
}
.air {
    position: inherit;
    z-index: 6;
    top: 10px;
    text-align: center;
    margin-bottom:20px;
}
    
.fast.weather{
    position: inherit;
    margin-bottom:20px;
}
.fast.left {
    width: 250px;
    display: table;
    margin: auto;
    margin-bottom: 20px;
}
}