@charset "utf-8";
/* CSS Document */

@media (max-width: 1200px) {
	body a.accesskey {
		display: none !important;
	}

	body .carousel.bbanner {
		margin-top: 115px;
	}

	body .top .toplink {
		text-align: center;
		padding: 10px 0;
	}

	body .top .center,body .menu .center {
		padding: 0;
	}

	div#menu {
		position: absolute;
		top: 40px;
	}

	body.in .life_box:nth-child(3) {
		border: none;
	}

	body.in .life_box:nth-child(4) {
		border-top: 1px #ccc solid;
		padding: 20px 0 0 0;
	}

	body.in .life_box:nth-child(5) {
		border-top: 1px #ccc solid;
	}

	body.in .china_box .date, body.in .china_box .txt {
		text-align: center;
	}

	body.in .link {
		background-image: none;
		height: auto;
	}

	body .fast_menu .cbp-spmenu-left {
		width: 45px;
		margin-top: 25%;
	}

	body .fast_menu button#showRight {
		background-image: url(../images/all/rightmenu_bt_open.png);
		right: 0;
	}

	body .fast_menu button#showRight.active {
		background-image: url(../images/all/rightmenu_bt_close.png);
		right: 113px;
	}

	body.home .container .center {
		padding: 0;
	}

	body.home .content {
		padding: 15px;
	}
}

@media (max-width: 1199px) {
	body .banner .slick-list {
		height: initial;
		overflow: hidden;
	}

	body.in .area01_box .news_list .title {
		height: 57px;
	}

	body.in .area01_box .news_list .title h3 {
		top: 18px;
	}
}

@media (max-width: 1024px) {
	body .fat_box {
		display: none;
	}

	body .fast_menu .cbp-spmenu-right .navbar-right li:nth-child(6) {
		display: none;
	}

	body.in .cbp-spmenu-right {
    /* height: 300px; */
		width: 60px;
		right: -60px;
	}

	body .cbp-spmenu-right {
		bottom: 10px;
		top: inherit;
		margin: inherit;
	}

	body.in .fast_menu .cbp-spmenu-right .navbar-right li a,body.in .fast_menu .cbp-spmenu-bottom .navbar-right li a {
		text-indent: -9999px;
		padding: 28px 0 10px 0;
		background-position: center;
	}

	body .fast_menu button#showRight {
		bottom: 10px;
	}

	body .fast_menu button#showRight.active {
		bottom: 10px;
		right: 60px;
	}

	body.home .fast_menu button#showRight.active {
		right: 113px;
	}

	body .fast_menu .cbp-spmenu-left {
		top: inherit;
		margin: inherit;
		bottom: 10px;
	}
}

@media (max-width: 992px) {
	body.in .container .area .title,body.in .container .area .box,body.in .container .area .more {
		line-height: inherit;
	}

	body.in .container .area .title {
		padding: 20px;
	}

	body.in .container .area .more {
/* padding: 35px 0; *//* margin: 0 0 50px 0; */
	}

	body.in .container .area .box {
		height: auto;
		padding: 5px 25px;
	}

	body .area.video .deck.d01 {
		left: 25%;
	}

	body .area.video .deck.d04 {
		left: 18%;
	}

	body .area.video .deck.d02 {
		right: 20%;
	}

	body.in .area.video .deck.d03 {
		right: 17%;
	}

	body .footer_box .foot {
		padding: 10px 0 25px 0;
	}

	body .footer_box .foot .left, body .footer_box .foot .right {
		width: 100%;
		float: none;
		text-align: center;
	}

	body .footer_box .foot .right ul {
		text-align: center;
	}

	body .footer_box .foot p.title {
		display: inline-block;
		margin: 20px 0 10px 0;
	}
}

@media (max-width: 900px) {
	
	body.in .life_info .icon {
		float: none;
	}

	body.in .calendar_box .txt p {
		text-align: center;
	}

	body .area .deck.d02 {
		left: 22%;
		top: 71px;
	}

	body .area .deck.d01 {
		left: 17%;
	}

	body .area .deck.d03 {
		right: 20%;
	}
}

@media (max-width:959px) {
	body .run {
		margin: 0 0 10px 0;
	}

	body .container {
		
	}

	body .top .toplink a.newtaipei {
		padding: 3px 25px 0px 25px;
	}

	body .top,body.home .top {
		text-align: center;
		height: auto;
	}

	body .top.smaller {
		position: relative;
	}

	body .top .ad_search {
		width: 40%;
		display: inline-block;
		padding: 0 0 0 35px;
	}

	body .top .top_search .ad_search .hot {
		top: 3px;
		padding: 0 90px 0 10px;
		width: 100%;
		text-align: left;
	}

	body .top .toplink a.newtaipei {
		position: absolute;
		right: 0;
		padding: 3px 25px 8px 25px;
		background-color: #3a3c6e;
		margin: -3px 0 0 0;
	}

	body .top .logo, body .top .top_search {
		position: relative;
		top: inherit;
		right: inherit;
		padding: 0 0 9px 0;
	}

	body .top .toplink {
/* padding: 10px 0; *//* text-align: center; */
		display: none;
	}

	body .top .logo {
		padding: 15px 45px 15px 45px;
		left: inherit;
		margin: 0;
	}
body .top .p400{
    left: inherit;
    right: 10px;
    top: 10px;
}
	body .top .top_search {
		padding: 0 15px 15px 15px;
		width: 100%;
		right: 0;
	}

	body .top .top_search input {
		float: left;
		width: 100%;
	}

	body .top .top_search label {
		width: 100%;
		float: left;
	}

	body .top .top_search p {
		top: 14px;
		left: 10px;
	}

	body .top .top_search input[type=submit] {
		top: 2px;
		right: 40px;
		float: none;
	}

	body .top .top_search .search {
		position: relative;
		width: 60%;
		padding: 0 70px 0 0;
	}

	body .top .top_search input[type=button] {
		right: 0;
		position: absolute;
	}

	body .top .top_search .search,body .top .ad_search {
		width: 100%;
	}

	body .top .ad_search {
		padding: 0;
		clear: both;
		margin: 5px 0 0 0;
		position: relative;
	}

	body .top .top_search input[type=submit] {
		right: 3px;
	}

	body .top .top_search label {
		width: 100%;
	}

	body .top .top_search .adv a {
		right: 0;
		top: 0;
	}

	body .top .top_search input {
		width: 100%;
	}

	body .top .top_search {
		margin: 0 0 25px 0;
	}
}

@media (max-width: 850px) {
}

@media (max-width: 767px) {
	body .run {
		margin: 25px 0 10px 0;
	}

	body .carousel.bbanner {
		display: none;
	}

	body .container,body.home .container {
		margin-top: 0;
	}

	body.in .box.newslist .date {
		float: none;
		font-size: 80%;
	}

	body .footer_box .icon ul {
		display: inline-block;
	}

	body .footer_box .txt_link {
		padding: 30px 0 10px 0;
	}

	body .footer_box .txt_link .link {
		position: relative;
		right: inherit;
		text-align: center;
	}

	body .footer_box .foot .left {
		float: none;
		text-align: center;
		margin: 0;
	}

	body .footer_box .foot .left ul {
		display: inline-block;
		left: auto;
	}

	body .footer_box .foot .left ul li {
		float: left;
		margin: 0 6px;
	}

	body .footer_box .foot .right {
		float: none;
		top: 10px;
		text-align: center;
		padding: 0;
	}

	body .footer_box .foot .right ul {
		display: inline-block;
	}

	body .footer_box .icon {
		left: 0;
		text-align: center;
		width: 100%;
		right: 0;
	}

	body.home .carousel {
    /* height: 190px; */
	}

	body .area01 {
		margin-top: -19px;
	}
}

@media (max-width: 550px) {
}

@media (min-width: 530px) {
	body .fast_menu button#showBottom,body .cbp-spmenu-bottom {
		display: none;
	}

	body .fast_menu .cbp-spmenu-push {
		z-index: 9999;
		overflow: visible;
	}

	body .area .deck img {
		width: 83%;
	}
}

@media (max-width: 530px) {
	body .fast_menu button#showRight.active, body .fast_menu button#showRight, body .cbp-spmenu-right {
		display: none;
	}

	body .menu button.navbar-toggle {
		top: 33px;
	}

	body .menu button.navbar-toggle .icon-bar {
		background-color: #fff;
		margin: 6px 0;
	}

	body .fast_menu button#showRight.active {
	}

	body .cbp-spmenu-bottom ul {
		width: 100%;
	}

	body .cbp-spmenu-right {
		margin-top: 6px;
	}

	body .fast_menu .cbp-spmenu-left {
		margin: inherit;
		bottom: 0;
		width: 100%;
		top: inherit;
	}

	body .footer_box .foot {
		padding: 30px 0 70px 0;
	}

	body .fast_menu .cbp-spmenu-left a {
		width: 16.66666%;
		float: left;
	}

	body .fast_menu .cbp-spmenu-left a.top-click {
		display: block;
	}

	body.in .news {
		height: auto;
	}

	body .banner.slider .txt {
		display: none;
	}

	body .banner.slider .slick-dots {
		top: inherit;
		bottom: 4px;
		right: inherit;
		text-align: center;
	}

	body.home .carousel {
    /* height: 110px; */
	}

	body.home .container .center {
		top: 0;
	}

	body.home .content .plug {
		margin-top: 0;
	}
}

@media (max-width: 480px) {

	body.in .life_box {
		width: 100%;
		border-right: none;
		border-bottom: 1px #ccc solid;
	}

	body.in .life_box:nth-child(5) {
		border: none;
	}

	body.home .ap .page .fast span {
    /* padding: 5px 5px; */
		padding: 0 0 15px 0;
	}

	body.home .content .page ul {
		padding: 10px 0;
	}

	body.home .ap .unit {
		display: none;
	}
	body .top .p400{
    position: relative;
    right: inherit;
    top: 0;
    border:none;
}
}

@media (max-width: 450px) {
	body .footer_box .foot .left ul li {
		float: none;
	}
}

@media (max-width: 400px) {
	body.in .service li {
		width: 100%;
	}

	body.in .service li .txt {
		padding: 17% 22px!important;
	}

	body.home .content .plug .group {
		float: left;
	}

	body.home .content .plug li.size {
		display: none;
	}

	body.in .icon_box .icon {
		width: 100% !important;
    /* padding-top: 15px; */
    /* padding-right: 10px !important; */
	}
}

@media (max-width: 360px) {
	body.in .link li {
		width: 100%;
	}

	body.in .slick-slide img {
		width: 100%;
	}
}