body {
	font-family: '微軟正黑體', Arial, sans-serif!important;
}
img {
	width: 100%;
}
.vce-search-form .vce-search-submit .fa.fa-search {
	top: -11px!important;
}
.header-top.stick {
	position: fixed;
}

#kvmain ul li a {
	display: block;
	width: 100%;
	height: 100%;
}

/* menu */
.cd-main-header {
	background-color: #213e98;
}.cd-main-header li a {
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	font-family: '微軟正黑體', Arial, sans-serif;
}
.cd-main-header li a:hover {
	color: #ff0;
}
.cd-header-buttons li:first-child {
	display: none;
}
.cd-header-buttons span,
.cd-header-buttons span::after,
.cd-header-buttons span::before {
	background-color: #fff;
}
.section-title {
	padding: 30px 0;
}
.section-title h2 {
	/* color: #213e98; */
	font-size: 30px;
	font-family: '微軟正黑體', Arial, sans-serif;
	padding: 15px 0;
	text-align: left;
	
}
.cd-pricing-list {
	margin: 0;
}
section.home {
	/* margin-top: 80px; */
}

/* timeline */
.cd-timeline-content {
	box-shadow: 0 3px 0 #596eaf;
}

.cd-timeline-content h6 {
	color: #213e98;
	font-size: 24px;
	font-family: '微軟正黑體', Arial, sans-serif;
	font-weight: bold;
	line-height: 1.6;
}
.cd-timeline-content h6 b {
	color: #e60012;
	font-size: 32px;
	font-weight: bold;
}
.cd-timeline-content .cd-date {
	opacity: 1;
}
.cd-timeline-img {
	background-color: #213e98;
}


#scroll-sale h2,
#scroll-helper h2,
#scroll-link h2 {
	background-color: #213e98;
	color: #fff;
	font-weight: bold;
	padding-left: 50px;
	position: relative;
}
#scroll-sale h2::after,
#scroll-helper h2::after,
#scroll-link h2::after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	margin-top: -2px;
	position: absolute;
	top: 100%;
	left: 95px;
	border-style: solid;
	border-width: 13.0px 7.5px 0 7.5px;
	border-color: #213e98 transparent transparent transparent;
}

.cd-pricing-list > li {
	padding: 0 5px;
}
.cd-pricing-list > li:first-child {
	padding: 0 10px 0 0;
}
.cd-pricing-list > li:last-child {
	padding: 0 0 0 10px;
}
.office-1 .box-1 .text-in {
	width: initial;
	margin: 0;
	padding: 0 20px;
}

/* 一日券 */
.costco .tp-banner ul li {
	cursor: pointer;
}
.costco .office-text {
	padding-top: 50px;
}
.costco .office-text dl {
	display: inline-block;
	width: 100%;
	margin-bottom: 15px;
}
.costco .office-text dt,
.costco .office-text dd {
	float: left;
	font-size: 20px;
	font-family: '微軟正黑體', Arial, sans-serif;
	font-weight: bold;
	margin: 0 0 12px;
	padding: 5px 8px;
}
.costco .office-text dt {
	width: 102px;
	background-color: #213e98;
	border-radius: 8px;
	color:  #fff;
	clear: left;
	text-align: center;
}
.costco .office-text dd {
	color: #444;
	padding-left: 15px;
	width: calc(100% - 102px);
}
.costco .office-text dd.pd-l-a {
	width: 100%;
	clear: left;
	font-size: 16px;
	margin-bottom: 0px;
	padding-left: 35px;
	text-indent: -20px;
	word-break: break-all;
}
.costco .office-text dd a {
	color: #05a;
}
.costco .office-text p {
	text-align: center;
	padding: 15px 0 0;
}
.costco .office-text p strong {
	display: inline-block;
	border: 3px solid #fff;
	border-radius: 15px;
	box-shadow: 2px 2px 8px rgba(0, 0, 0, .45);
	color: #fff;
	font-size: 28px;
	font-family: '微軟正黑體', Arial, sans-serif;
	font-weight: bold;
	padding: 20px 0;
	background: -moz-linear-gradient(270deg, #FE2F33 0, #E6180C 100%);/* FF3.6+ */
	background: -webkit-gradient(linear, 270deg, color-stop(0, FE2F33), color-stop(100%, E6180C));/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(270deg, #FE2F33 0, #E6180C 100%);/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(270deg, #FE2F33 0, #E6180C 100%);/* Opera 11.10+ */
	background: -ms-linear-gradient(270deg, #FE2F33 0, #E6180C 100%);/* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1301FE', endColorstr='#F4F60C', GradientType='1'); /* for IE */
	background: linear-gradient(270deg, #FE2F33 0, #E6180C 100%);/* W3C */
	text-shadow: 0 0 6px rgba(0, 0, 0, .4);
	width: 65%;
}
.costco a:hover .office-text p strong {
	background-color: #fe2f33;
}
.costco .office-text p strong .fa {
	padding: 0;
}

.tide_main .container {
	max-width: initial;
}

/* blog */
.blog-box .section-title > h2 {
	color: #e64e27;
}
.blog-detail {
	padding: 15px;
	position: relative;
}
.blog-detail .img {
	border-radius: 10px 10px 0 0;
	overflow: hidden;
}

.blog-detail .info {
	border-radius: 0 0 10px 10px;
	background-color: #ff5d1d;
	padding: 15px 10px;
}
.blog-detail .info .name {
	border-bottom: 2px dotted rgba(255, 255, 255, .6);
	color: #fff;
	font-size: 20px;
	font-family: '微軟正黑體', Arial, sans-serif;
	font-weight: bold;
	padding: 0 0 8px;
	margin: 0 0 8px;
}


.blog-detail .info h2.title,
.blog-detail .info h2.title::after {
	height: 75px;
	max-height: 75px;
	background-color: transparent!important;
	font-size: 16px!important;
	font-family: '微軟正黑體', Arial, sans-serif;
	line-height: 1.6;
	margin: 0 0 15px;
	padding: 0 10px!important;
	text-align: left;
}
.blog-detail .info h2.title::after {
	display: none!important;
}

.blog-detail .link {
	color: #ff0;
	font-size: 15px;
	font-family: '微軟正黑體', Arial, sans-serif;
	font-weight: bold;
	text-align: right;
}

.pampers-main {
	background: url("../costcopg2016/pampers_bg.png") repeat-y center top scroll transparent;
	background-size: contain;
}
.pampers-main .section-title > h2 {
	color: #ac8100;
}
.pampers-main .blog-box .column {
	float: none;
}
.pampers-main .blog-box .container {
	max-width: 1000px;
}
.pampers-main .blog-detail {
	display: inline-block;
}
.pampers-main .blog-detail .img,
.pampers-main .blog-detail .info {
	float: left;
}
.pampers-main .blog-detail .img {
	width: 300px;
	/* min-height: initial; */
	border-radius: 10px;
	margin-right: 15px;

}
.pampers-main .blog-detail .img {
	border: 2px solid #d7b800;
}
.pampers-main .blog-detail .info {
	background-color: #fff;
	border: 2px solid #d7b800;
	border-radius: 10px;
	width: 535px;
	padding: 15px 15px;
}
.pampers-main .blog-detail .info .title {
	font-size: 20px;
	line-height: 1.6;
	margin: 0 0 15px;
	text-align: left;
}
.pampers-main .blog-detail a .info .title  {
	color: #d1aa00;
	font-family: '微軟正黑體', Arial, sans-serif;
	font-weight: bold;
}
.pampers-main .blog-detail a .info .txt {
	color: #07c3bc;
	background-color: transparent;
	line-height: 1.6;
	padding: 0 0 45px;
}
.pampers-main .blog-detail a .info .link  {
	color: #05a;
	font-size: 16px;
	font-family: '微軟正黑體', Arial, sans-serif;
	padding: 3px 0 0;
	text-align: right;
}
/* footer */
.footer-1 {
	background-color:  #213e98;
}
.footer-1 .container {
	max-width: initial;
}
.footer-1 h3, .footer-1 h6 {
	color: #fff;
	font-family: '微軟正黑體', Arial, sans-serif;
}
.footer-1 h6 p {
	color: rgba(255, 255, 255, .8);
	font-family: '微軟正黑體', Arial, sans-serif;
	font-size: 14px;
}
.footer-1 .icon-footer {
	color: #ff0;
}

/* mamaclub bottom */
.site-footer .widget a {
	display: block;
}
.site-footer .widget a:last-child {
	margin-top: 15px;
}


/* KV */
.tp-banner ul li.banner1 {
	background-image: url("../costcopg2016/1900x1000_1.jpg");
	background-position: center top;
	background-size: cover;
}
.tp-banner ul li.banner2 {
	background-image: url("../costcopg2016/1900x1000_2.jpg");
	background-position: center top;
	background-size: cover;
}
.tp-banner ul li.banner3 {
	background-image: url("../costcopg2016/1900x1000_3.jpg");
	background-position: center top;
	background-size: cover;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
	#header .container.header-main-area {
		display: none;
	}
	.tp-banner ul li.banner1{
  		background-size: cover;
  		background: url("../costcopg2016/768x1024_1.png") top center no-repeat;
  	}
  	.tp-banner ul li.banner2 {
		background-size: cover;
		background: url("../costcopg2016/768x1024_2.jpg") top center no-repeat;
	}
  	.tp-banner ul li.banner3 {
  		background-size: cover;
  		background: url("../costcopg2016/768x1024_3.jpg") top center no-repeat;
	}
  	/* section.home {
		margin-top: 50px;
	} */

	#scroll-sale h2, #scroll-helper h2, #scroll-link h2 {
		padding-left: 25px;
	}
	#scroll-sale h2::after, #scroll-helper h2::after, #scroll-link h2::after {
		left: 45px;
	}
	
	.cd-timeline-content h6 {
		font-size: 20px;
	}
	.cd-timeline-content h6 b {
		font-size: 26px;
	}

	.cd-pricing-list > li,
	.cd-pricing-list > li:first-child,
	.cd-pricing-list > li:last-child {
		padding: 0;
	}
	.cd-pricing-list > li {
		width: 100%;
	}

	.blog-detail .img {
		min-height: initial;
	}
	.pampers-main .blog-detail {
		display: block;
	}
	.pampers-main .blog-detail .img,
	.pampers-main .blog-detail .info {
		float: none;
		width: 100%;
	}
	.pampers-main .blog-detail .img {
		max-height: initial;
		margin: 0 0 15px;
	}
	.container .four.columns {
		width: 236px;
	}
}
@media only screen and (min-width: 414px) and (max-width: 767px) {
	#header .container.header-main-area {
		display: none;
	}
	.tp-banner ul li.banner1 {
		background-size: cover;
		background: url("../costcopg2016/414x736_1.png") top center no-repeat;
	}
	.tp-banner ul li.banner2 {
		background-size: cover;
		background: url("../costcopg2016/414x736_2.jpg") top center no-repeat;
	}
	.tp-banner ul li.banner3 {
		background-size: cover;
		background: url("../costcopg2016/414x736_3.jpg") top center no-repeat;
	}
	/* section.home {
		margin-top: 50px;
	} */

	#scroll-sale h2, #scroll-helper h2, #scroll-link h2 {
		padding-left: 25px;
		font-size: 20px;
	}
	#scroll-sale h2::after, #scroll-helper h2::after, #scroll-link h2::after {
		left: 45px;
	}
	
	.cd-timeline-content h6 {
		font-size: 20px;
	}
	.cd-timeline-content h6 b {
		font-size: 26px;
	}

	.cd-pricing-list > li,
	.cd-pricing-list > li:first-child,
	.cd-pricing-list > li:last-child {
		padding: 0;
	}
	
	.costco .office-text dd.pd-l-m {
		clear: left;
		width: 100%;
	}
	
	.blog-detail .img {
		min-height: initial;
	}

	.pampers-main .blog-detail {
		display: block;
	}
	.pampers-main .blog-detail .img,
	.pampers-main .blog-detail .info {
		float: none;
		width: 100%;
	}
	.pampers-main .blog-detail .img {
		max-height: initial;
		margin: 0 0 15px;
	}
}
@media screen and (max-width: 375px) {
	#header .container.header-main-area {
		display: none;
	}
	.tp-banner ul li.banner1 {
		background-size: cover;
		background: url("../costcopg2016/375x627_1.png") top center no-repeat;
	}
	.tp-banner ul li.banner2 {
		background-size: cover;
		background: url("../costcopg2016/375x627_2.jpg") top center no-repeat;
	}
	.tp-banner ul li.banner3 {
		background-size: cover;
		background: url("../costcopg2016/375x627_3.jpg") top center no-repeat;
	}
	/* section.home {
		margin-top: 50px;
	} */

	#scroll-sale h2, #scroll-helper h2, #scroll-link h2 {
		padding-left: 25px;
		font-size: 20px;
	}
	#scroll-sale h2::after, #scroll-helper h2::after, #scroll-link h2::after {
		left: 45px;
	}
	
	.cd-timeline-content h6 {
		font-size: 20px;
	}
	.cd-timeline-content h6 b {
		font-size: 26px;
	}

	.cd-pricing-list > li,
	.cd-pricing-list > li:first-child,
	.cd-pricing-list > li:last-child {
		padding: 0;
	}

	.costco .office-text dd.pd-l-m {
		clear: left;
		width: 100%;
	}
	
	.blog-detail .img {
		min-height: initial;
	}

	.pampers-main .blog-detail {
		display: block;
	}
	.pampers-main .blog-detail .img,
	.pampers-main .blog-detail .info {
		float: none;
		width: 100%;
	}
	.pampers-main .blog-detail .img {
		max-height: initial;
		margin: 0 0 15px;
	}
}
@media screen and (max-width: 320px) {
	#header .container.header-main-area {
		display: none;
	}
	.tp-banner ul li.banner1 {
		background-size: cover;
		background: url("../costcopg2016/320x568_1.png") top center no-repeat;
	}
	.tp-banner ul li.banner2 {
		background-size: cover;
		background: url("../costcopg2016/320x568_2.jpg") top center no-repeat;
	}
	.tp-banner ul li.banner3 {
		background-size: cover;
		background: url("../costcopg2016/320x568_3.jpg") top center no-repeat;
	}
	/* section.home {
		margin-top: 50px;
	} */
	#scroll-sale h2, #scroll-helper h2, #scroll-link h2 {
		padding-left: 25px;
		font-size: 20px;
	}
	#scroll-sale h2::after, #scroll-helper h2::after, #scroll-link h2::after {
		left: 45px;
	}

	.cd-timeline-content h6 {
		font-size: 20px;
	}
	.cd-timeline-content h6 b {
		font-size: 26px;
	}

	.cd-pricing-list > li,
	.cd-pricing-list > li:first-child,
	.cd-pricing-list > li:last-child {
		padding: 0;
	}

	.costco .office-text dd.pd-l-m {
		clear: left;
		width: 100%;
	}
	.costco .office-text dd.pd-l-a {
		padding-left: 40px;	
	}

	.blog-detail .img {
		min-height: initial;
	}

	.pampers-main .blog-detail {
		display: block;
	}
	.pampers-main .blog-detail .img,
	.pampers-main .blog-detail .info {
		float: none;
		width: 100%;
	}
	.pampers-main .blog-detail .img {
		max-height: initial;
		margin: 0 0 15px;
	}
}