@charset "UTF-8";
/**
*
* @authors Your Name (you@example.org)
* @date    2016-12-10 16:57:22
* @version $Id$
*/

/*
purple #B1658B;
red #CA2420;
blue #326295;
orange #F89829;
*/

.innerkv{
	position: relative;
	display: block;
	width: 100%;

	aspect-ratio: 16 / 3.76;

	background: linear-gradient(to right, #059d44, #7dcd44);
}

.innerkv .headtitle{
	position: absolute;
	width: 100%;
	top: 50%;
	left: 0;

	font-size: 68px;
	font-weight: bold;
	color: #FFF;
	letter-spacing: 0;
}

.innerkv .headtitle.spec{
	width: 100%;
	top: 40%;
	text-align: left;
}

.innerkv .headtitle span.sub{
	display: inline-block;
	padding-left: 50px;

	font-size: 22px;
	font-weight: 300;
	color: #FFF;
	letter-spacing: 2px;
}

.innerkv .headtitle span.memo{
	display: inline-block;
	padding-left: 0;
	width: 100%;
	padding-top: 30px;

	font-size: 20px;
	font-weight: 300;
	color: #FFF;
	letter-spacing: 2px;
	text-align: left;
}

.contactkv{
	position: relative;
	display: block;
	width: 100%;

	aspect-ratio: 16 / 3;

	background: #FFF;
}

.contactkv .spindle{
	position: absolute;
	display: block;
	width: 100%;
	bottom: 0%;
}

.contactkv .spindle .shell{
	position: relative;
	display: block;
	width: 100%;
}

.contactkv .spindle::after{
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 40%;
	height: 100%;
	background: linear-gradient(to right, #059d44, #7dcd44);
	z-index: 1;
}

.contactkv .spindle .maintitle{
	position: relative;
	display: inline-block;
	width: 100%;
	top: 50%;
	left: 0;

	font-size: 68px;
	font-weight: bold;
	color: #000;
	letter-spacing: 0;
	line-height: 1;
	z-index: 2;
}

.contactkv .spindle .maintitle .baozi{
	position: relative;
	display: block;
	width: 100%;
}


.contactkv .spindle .maintitle .baozi span.sub{
	display: inline-block;
	padding-left: 50px;

	font-size: 22px;
	font-weight: 300;
	color: #000;
	letter-spacing: 2px;
}

.contactkv .spindle .maintitle .baozi .conversation{
	display: block;
	padding-left: 0;
	width: 100%;
	padding-top: 15px;

	font-size: 22px;
	font-weight: 400;
	color: #bda471;
	letter-spacing: 2px;
	text-align: left;
}

.contactkv .spindle .maintitle .baozi .socail{
	display: inline-block;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

.contactkv .spindle .maintitle .baozi .socail a{
	display: inline-block;
	width: 40px;
	margin-left: 10px;
}

section.innercontact{
	display: block;
	width: 100%;
}

section.innercontact .summary{
	text-align: right;
	padding-top: 60px;
	font-size: 18px;
	line-height: 1.5;
	color: #009c43;
}

section.innercontact .summary.spec{
	text-align: left;
}

section.innercontact .formblock{
	padding-top: 30px;
}

section.innercontact .formblock .formitem{
	position: relative;
	display: block;
	width: 100%;
	padding-bottom: 20px;
}

section.innercontact .formblock .formitem .title{
	display: block;
	width: 100%;
	padding-bottom: 5px;
	font-size: 22px;
	font-weight: bold;
	color: #262626;
	letter-spacing: 0;
}

section.innercontact .formblock .formitem .title span.must{
	display: inline-block;
	padding-left: 15px;
	font-size: 18px;
	color: #bda471;
}

section.innercontact .formblock .formitem input[type="text"]{
	width: 100%;
	padding: 10px;
	font-size: 22px;
	background: #c9c9c9;
	border: 0;
}

section.innercontact .formblock .formitem textarea{
	width: 100%;
	height: 300px;
	padding: 10px;
	font-size: 22px;
	background: #c9c9c9;
	border: 0;
}


/* select 本體 */
section.innercontact .formblock .formitem .select-wrap {
  position: relative;
  display: inline-block;
  width: 50%;
}

section.innercontact .formblock .formitem .select-wrap select {
	position: relative;
  width: 100%;
  padding: 10px 60px 10px 10px;
  font-size: 22px;
  color: #000;
  background: linear-gradient(#4ea357, #3f8f47);
  border: none;
  outline: none;
  appearance: none;       /* 移除原生箭頭 */
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
}

section.innercontact .formblock .formitem .select-wrap select option {
	color: #000;
}

/* 右側箭頭 */
section.innercontact .formblock .formitem .select-wrap::before {
  content: "";
  position: absolute;
  display: inline-block;

  width: 29px;
  height: 12px;

  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  background: url("../images/select_arrow.png");
	background-size: cover !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	z-index: 1;
	pointer-events: none; 
}


section.innercontact .formblock .formitem label.agreement{
	display: flex;
  position: relative;
  justify-content: center;
  margin-bottom: 12px;
  padding-top: 2px;
  line-height: 1.5;
  cursor: pointer;
  font-size: 15px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

  font-size: 22px;
  letter-spacing: 0;
  color: #262626;
}

section.innercontact .formblock .formitem label.agreement a{
	text-decoration: none;
	color: #262626;
}

section.innercontact .formblock .formitem label.agreement a:hover{
	color: #009c43;
	text-decoration: none;
}

section.innercontact .formblock .formitem label.agreement input[type='checkbox']{
	position: relative;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	width: 30px;
	height: 30px;
	margin-right: 15px;
	border: 1px solid #808080;
	cursor: pointer;
	background: #FFF;
}

section.innercontact .formblock .formitem label.agreement input[type='checkbox']:checked::after{
	content: "";
	display: inline-block;
	position: absolute;
	width: 20px;
	height: 20px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: #009c43;
}

section.innercontact .formdetail{
	display: inline-block;
	width: 100%;
	padding-top: 20px;
	text-align: center;
}

a.formbtn{
	display: inline-block;
	padding: 15px 60px;
	color: #FFF;
	font-size: 22px;
	letter-spacing: 0;
	background: #009c43;
	text-decoration: none;
	margin: 0 auto;
}

a.formbtn:hover{
	text-decoration: none;
	background: #bda471;
}

section.innercontact .location{
	display: flex;
	width: 100%;
	padding-top: 60px;
}

section.innercontact .location .item{
	display: inline-block;
	width: 33.333%;
	padding: 15px;
}

section.innercontact .location .item .branch{
	display: inline-block;
	width: 100%;
	padding-bottom: 10px;
	font-size: 24px;
	font-weight: bold;
	color: #009c43;
	letter-spacing: 0;
	text-align: left;
}

section.innercontact .location .item .branch a{
	display: flex;
	width: 100%;
	text-decoration: none;
	color: #009c43;
}

section.innercontact .location .item .branch img.icon{
	margin-left: 10px;
	width: 16px;
	height: auto;
}

section.innercontact .location .item span.address{
	display: inline-block;
	width: 100%;
	padding-top: 5px;
	padding-bottom: 10px;
	font-size: 22px;
	letter-spacing: 0;
}

section.innercontact .location .item span.tel{
	display: inline-block;
	width: 100%;
	font-size: 22px;
	letter-spacing: 0;
	line-height: 1.3;
	color: #009c43;
}

section.innercontact .joinus{
	position: relative;
	display: block;
	width: 100%;
	padding-top: 120px;
}

section.innercontact .joinus .spindle{
	position: relative;
	display: block;
	width: 100%;
	bottom: 0%;
}

section.innercontact .joinus .spindle .shell{
	position: relative;
	display: block;
	width: 100%;
}

section.innercontact .joinus .spindle::after{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 40%;
	height: 100%;
	background: linear-gradient(to right, #059d44, #7dcd44);
}

section.innercontact .joinus .spindle .maintitle{
	position: relative;
	display: inline-block;
	width: 100%;
	top: 50%;
	left: 0;

	font-size: 68px;
	font-weight: bold;
	color: #000;
	text-align: right;
	letter-spacing: 0;
	line-height: 1;
}

section.innercontact .joinus .spindle .maintitle .baozi{
	position: relative;
	display: block;
	width: 100%;
}

section.innercontact .joinus .spindle .maintitle .baozi span.sub{
	display: inline-block;
	padding-right: 50px;

	font-size: 22px;
	font-weight: 300;
	color: #000;
	letter-spacing: 2px;
}

section.innercontact .joinus .spindle .maintitle .baozi .conversation{
	display: block;
	padding-left: 0;
	width: 100%;
	padding-top: 15px;

	font-size: 22px;
	font-weight: 400;
	color: #bda471;
	letter-spacing: 2px;
	text-align: right;
}

section.innercontact .joinus .passion-title{
	display: block;
	width: 100%;
	padding-top: 60px;

	font-size: 26px;
	font-weight: bold;
	letter-spacing: 0;
	line-height: 1.5;
	color: #262626;
	text-align: center;
}

section.innercontact .joinus .passion-group{
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-top: 30px;
}

section.innercontact .joinus .passion-group .item{
	display: inline-block;
	width: calc(33% - 10px);
	padding: 20px;
	margin-bottom: 20px;
	color: #FFF;

	border-radius: 15px;
}

section.innercontact .joinus .passion-group .item.green{
	background: #009c44;
}

section.innercontact .joinus .passion-group .item.gray{
	background: #707476;
}

section.innercontact .joinus .passion-group .item.brown{
	background: #bda471;
}

section.innercontact .joinus .passion-group .item span.title{
	display: inline-block;
	width: 100%;
	padding-bottom: 10px;
	font-size: 22px;
	font-weight: bold;
	letter-spacing: 0;
	color: #FFF;
}

section.innercontact .joinus .passion-group .item .memo{
	display: inline-block;
	width: 100%;
	font-size: 18px;
	letter-spacing: 0;
	color: #FFF;
}

section.innercontact .joinus .advantages{
	position: relative;
	display: block;
	width: 100%;
	padding-top: 80px;
}

section.innercontact .joinus .advantages .item{
	position: absolute;
	opacity: 0;
}

section.innercontact .joinus .advantages .item.item-1{
	width: 30%;
	top: 10%;
	left: calc(50% - 35%);
	z-index: 5;
}

section.innercontact .joinus .advantages .item.item-2{
	width: 48%;
	top: 18%;
	left: calc(50% - 10%);
	z-index: 4;
}

section.innercontact .joinus .advantages .item.item-3{
	width: 45%;
	top: 32%;
	left: calc(50% - 50%);
	z-index: 2;
}

section.innercontact .joinus .advantages .item.item-4{
	width: 48%;
	top: 50%;
	left: calc(50% + 2%);
	z-index: 3;
}

section.innercontact .joinus .advantages .item.item-5{
	width: 45%;
	top: 70%;
	left: calc(50% - 38%);
	z-index: 1;
}

section.innercontact .joinus .advantages .item.goani{
   animation: goAni 1.2s ease-out forwards;
}

/* 依序延遲 */
section.innercontact .joinus .advantages .item.item-1 { animation-delay: 1s; }
section.innercontact .joinus .advantages .item.item-2 { animation-delay: 1.3s; }
section.innercontact .joinus .advantages .item.item-3 { animation-delay: 1.6s; }
section.innercontact .joinus .advantages .item.item-4 { animation-delay: 1.9s; }
section.innercontact .joinus .advantages .item.item-5 { animation-delay: 2.1s; }


@keyframes goAni {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

section.innercontact .joinus .contact-logo{
	display: block;
	width: 100%;
	padding-top: 30px;
}

section.innercontact .joinus .contact-logo img{
	display: block;
	width: 100%;
	max-width: 220px;
	margin: 0 auto;
}

section.innercontact .joinus .influence{
	display: block;
	width: 100%;
	padding-top: 60px;
	padding-bottom: 30px;
	text-align: center;

	font-size: 22px;
	letter-spacing: 0;
	color: #262626;
}

section.innercontact .joinus .joinbtn{
	display: block;
	width: 100%;
	text-align: center;
}

section.innercontact .joinus .joinbtn a{
	display: inline-block;
	padding: ;
}

section.innercontact .joinus .joinbtn a{
	display: inline-block;
	padding: 15px 60px;
	color: #FFF;
	font-size: 22px;
	letter-spacing: 0;
	background: #009c43;
	text-decoration: none;
	margin: 0 auto;
}

section.innercontact .joinus .joinbtn a:hover{
	text-decoration: none;
	background: #bda471;
}


section.innerbase{
	padding-top: 120px;
}

ul.clients-catagory{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	padding: 0;
	color: #009c43;
}

ul.clients-catagory li{
	position: relative;
	padding: 0 20px 0 0;
	list-style-type: none;
}

ul.clients-catagory li a{
	position: relative;
	display: inline-block;
	padding: 0 0 0 10px;
	font-size: 20px;
	letter-spacing: 0;
	color: #009c43;
	text-decoration: none;
}

ul.clients-catagory li a:hover, ul.clients-catagory li a.chs{
	font-weight: bold;
	color: #009c43;
	text-decoration: none;
}


ul.clients-catagory li a::before{
	content: "•";
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	color: #009c43;
}

.clients-gallery{
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	justify-content: flex-start;
	padding-top: 30px;
}

.clients-gallery .item{
	display: inline-block;
	width: calc(100% / 8);
	padding: 0 20px 20px 0;
}

.clients-gallery .item .cover{
	aspect-ratio: 1 / 1;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px;
	overflow: hidden; /* 防止圖片超出 */
	background: #f7f7f7; /* 可選，方便看框 */

	border-radius: 15px;
}

.clients-gallery .item .cover img{
  width: 100%;
  height: 100%;
  object-fit: contain; /* 保持比例，完全顯示 */
}

.case-gallery{
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	justify-content: flex-start;
	padding-top: 30px;
}

.case-gallery .item{
	display: inline-block;
	width: calc(100% / 3);
	padding: 0 25px 50px 0;
}

.case-gallery .item .cover{
	aspect-ratio: 16 / 9;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden; /* 防止圖片超出 */
	background: #f7f7f7; /* 可選，方便看框 */
}

.case-gallery .item .cover a{
	position: relative;
	display: inline-block;
	width: 100%;
	height: 100%;
}

.case-gallery .item .cover img{
  width: 100%;
  height: 100%;
  object-fit: cover; /* 保持比例，完全顯示 */
  transition: transform 0.3s ease;
}

.case-gallery .item .cover a:hover img{
	transform: scale(1.2);
	filter: brightness(1.05);
}

.case-gallery .item .cover a span.stereotype{
	position: absolute;
	display: inline-block;
	width: 100%;
	left: 0;
	top: 15px;

	padding: 5px 10px;

	font-size: 14px;
	letter-spacing: 1px;
	line-height: 1.2;
	color: #FFF;
	text-decoration: none;
	z-index: 1;
}

.case-gallery .item .cover a span.narration{
	position: absolute;
	display: inline-block;
	width: 100%;
	min-height: 55px;
	left: 0;
	bottom: 0;

	padding: 5px 10px;

	font-size: 18px;
	letter-spacing: 1px;
	line-height: 1.2;
	color: #FFF;
	text-decoration: none;
}

.case-gallery .item ul.tag{
	display: flex;
	flex-wrap: wrap;
	min-height: 48px;
	justify-content: flex-start;
	padding: 10px 0 5px 0;
	margin: 0;
}

.case-gallery .item ul.tag li{
	list-style-type: none;
	padding-right: 5px;
	margin-bottom: 5px;
}

.case-gallery .item ul.tag li span{
	display: inline-block;
	width: 100%;
	padding: 5px;
	font-size: 13px;
	letter-spacing: 0;

	background: #333;
	color: #FFF;
}

.case-gallery .item ul.tag li span.color-brown{
	background: #bda471;
}

.case-gallery .item ul.tag li span.color-green{
	background: #009c43;
}

.case-gallery .item ul.tag li span.color-lighgreen{
	background: #6fba2c;
}

.case-gallery .item ul.tag li span.color-black{
	background: #262626;
}

.case-gallery .item .title{
	display: inline-block;
	width: 100%;
}

.case-gallery .item .title a{
	display: inline-block;
	width: 100%;
	font-size: 18px;
	letter-spacing: 1px;
	line-height: 1.5;
	color: #262626;
	text-decoration: none;
}

.case-gallery .item .title a:hover{
	color: #009c43;
	text-decoration: none;
}

.case-gallery .item .date{
	display: inline-block;
	width: 100%;
	padding: 5px 0;
	font-size: 13px;
	letter-spacing: 0;
	text-align: right;
}


.inner_main{
	display: block;
	width: 100%;
}

.inner_main .root{
	display: block;
	width: 100%;
	padding-bottom: 5px;
}

.inner_main .root a{
	position: relative;
	display: inline-block;
	padding-left: 20px;
	font-size: 18px;
	color: #262626;

	text-decoration: none;
}

.inner_main .root a::before{
	content: "⟨";
	position: absolute;
	top: 50%;
	left: 0;

	font-size: 22px;
	letter-spacing: 0;

	transform: translateY(-50%);
}

.inner_main .root a:hover{
	color: #009c43;
	text-decoration: none;
}

.inner_main .title{
	display: block;
	width: 100%;
	text-align: center;
	padding-bottom: 30px;

	font-size: 26px;
	font-weight: bold;
	letter-spacing: 0;
	color: #009c43;

}

.inner_main .info{
	display: block;
	width: 100%;
}

.inner_main .info .cover{
	display: block;
	width: 100%;
	padding-bottom: 30px;
}

.inner_main .info .cover img{
	width: 100%;
}

.inner_main .info .detail{
	display: block;
	width: 100%;

	font-size: 18px;
	line-height: 1.5;
}

.inner_main .info .detail img{
	max-width: 100%;
}

ul.pager{
	display: flex;
	width: 100%;
	justify-content: center;

	padding: 20px 0;
	margin: 0;
}

ul.pager li{
	display: inline-block;
	padding: 0 5px;
	margin: 0;
	list-style-type: none;
}

ul.pager li a{
	
	display: flex;
	align-items: center;
	justify-content: center;

	aspect-ratio: 1 / 1;
	min-width: 40px;


	letter-spacing: 0;
	background: #FFF;
	border: 1px solid #009c43;
	color: #009c43;

	text-decoration: none;
}

ul.pager li a:hover, ul.pager li a.chs{
	color: #FFF;
	background: #009c43;
	border: 1px solid #009c43;
	
	text-decoration: none;
}

.news-detail{
	width: 100%;
	padding: 40px 30px 30px 30px;
	background: #FFF;
	line-height: 1.5;
	letter-spacing: 0;
	color: #262626;
	font-size: 16px;

	border: 3px solid #b4914b;
}

.news-detail img{
	max-width: 100%;
}

.mfp-content{
	width: 100px;
	max-width: 660px;
	margin: 30px auto;
}

section.iebemovie::before{
	content: "";
	position: absolute;
	display: inline-block;
	bottom: -60px;
	right: 0;
	width: 35%;
	aspect-ratio: 1 / 0.75; /* 寬 : 高 */

	background: #ebebeb;
}

.signboard{
	display: block;
	width: 100%;
	padding: 30px 10px;
	margin-bottom: 30px;
	font-size: 28px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 0;
	color: #FFF;

	background: linear-gradient(to left, #059d44, #7dcd44);
}

.partnership{
	position: relative;
	display: block;
	width: 100%;
	padding: 30px 80px;
}

.partnership .gallery{
	position: relative;
	display: block;
	width: 100%;

}

.partnership .gallery .group{
	position: relative;
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	justify-content: center;
}

.partnership .gallery .group .item{
	display: inline-block;
	width: calc(100% / 6);
	padding: 0 10px 20px 10px;
}

.partnership .gallery .group .item .cover{
	aspect-ratio: 1 / 1;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px;
	overflow: hidden; /* 防止圖片超出 */
	background: #f7f7f7; /* 可選，方便看框 */

	border-radius: 15px;
}

.partnership-gallery .group .item .cover img{
  width: 100%;
  height: 100%;
  object-fit: contain; /* 保持比例，完全顯示 */
}

.partnership a.arrow{
	position: absolute;
	width: 60px;
	top: 50%;
	transform: translateY(-50%);
}

.partnership a.arrow.toleft{
	display: inline-block;
	left: 0;
}

.partnership a.arrow.toright{
	display: inline-block;
	right: 0;
}

section.service{
	padding-top: 120px;
	margin-bottom: 0;
}

section.service .cube{
	position: relative;
	display: block;
	width: 100%;
}

section.service .cube{
	position: relative;
	display: block;
	width: 100%;
	padding-bottom: 120px;
}

section.service .cube .setzindex{
	position: relative;
	z-index: 2;
}

section.service .cube::before{
	content: "";
	position: absolute;
	width: 50%;
	top: 70%;
	transform: translateY(-50%);
	aspect-ratio: 16/2;

	background: #ebebeb;
	z-index: 1;
}

section.service .cube::after{
	content: "";
	position: absolute;
	width: 50%;
	top: 40%;
	right: 0;
	transform: translateY(-50%);
	aspect-ratio: 16/2;

	background: #ebebeb;
	z-index: 1;
}

section.service .cube .outlet{
	position: relative;
	display: block;
	width: 100%;
	aspect-ratio: 4 / 3.1;
}

section.service .cube .outlet .block{
	position: absolute;
	display: inline-block;
	z-index: 1;
}

section.service .cube .outlet .block.bk1{
	top: 0;
	left: calc(50% - 23%);
	width: 46%;

	animation: floatUpDown 2.5s ease-in-out infinite;
}

section.service .cube .outlet .block.bk2{
	top: 20.5%;
	left: 0;
	width: 44%;
	z-index: 2;

	animation: floatUpDown2 2.5s ease-in-out infinite;
}

section.service .cube .outlet .block.bk3{
	bottom: 0%;
	left: calc(50% - 21%);
	width: 47.5%;
	z-index: 4;

	animation: floatUpDown 2.5s ease-in-out infinite;
}

section.service .cube .outlet .block.bk4{
	top: 18%;
	right: 0;
	width: 46%;
	z-index: 3;

	animation: floatUpDown2 2.5s ease-in-out infinite;
}

@keyframes floatUpDown {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-15px); /* 往上浮 */
    }
    100% {
        transform: translateY(0);
    }
}

@keyframes floatUpDown2 {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(15px); /* 往下浮 */
    }
    100% {
        transform: translateY(0);
    }
}

section.service .cube .outlet .btn{
	position: absolute;
	display: inline-block;
	width: 15%;
	z-index: 5;
}

section.service .cube .outlet .btn.bt1{
	top: 0%;
	left: 34%;
}

section.service .cube .outlet .btn.bt2{
	top: 20%;
	left: 10%;
	width: 16.95%;
}

section.service .cube .outlet .btn.bt3{
	top: 74%;
	left: 28%;
}

section.service .cube .outlet .btn.bt4{
	top: 27%;
	left: 77%;
}


section.service .zone{
	position: relative;
	display: block;
	width: 100%;
}

section.service .zone.media{
	background: #009c43;
}

section.service .zone.digital{
	background: #63be45;
}

section.service .zone.marketing{
	background: #c1a269;
}

section.service .zone.ip{
	background: #989c9e;
}

section.service .zone .pool{
	position: relative;
	display: block;
	width: 100%;
	padding: 60px 0;
}

section.service .zone.marketing .pool{
	padding-bottom: 240px;
}

/*

section.service .zone .pool::before{
	content: "";
	position: absolute;
	bottom: 0;
	width: 50%;
	aspect-ratio: 1/1;
}

section.service .zone.media .pool::before{
	right: 0;

	background: url("../images/service_cube_1.png");
	background-size: 100% auto !important;
	background-repeat: no-repeat !important;
	background-position: center bottom !important;
}

section.service .zone.digital .pool::before{
	left: 0;

	background: url("../images/service_cube_2.png");
	background-size: 100% auto !important;
	background-repeat: no-repeat !important;
	background-position: center bottom !important;
}

section.service .zone.marketing .pool::before{
	right: 0;

	background: url("../images/service_cube_3.png");
	background-size: 100% auto !important;
	background-repeat: no-repeat !important;
	background-position: center bottom !important;
}

section.service .zone.ip .pool::before{
	left: 0;

	background: url("../images/service_cube_4.png");
	background-size: 100% auto !important;
	background-repeat: no-repeat !important;
	background-position: center bottom !important;
}
*/

section.service .zone .pool .subject{
	display: block;
	width: 100%;
	padding-bottom: 10px;
	color: #FFF;
}

section.service .zone.spec .pool .subject{
	text-align: right;
}

section.service .zone .pool .subject span.title{
	display: inline-block;
	font-size: 32px;
	font-weight: bold;
	letter-spacing: 0;
}

section.service .zone .pool .subject span.sub{
	display: inline-block;
	padding-left: 10px;
	font-size: 18px;
	letter-spacing: 0;
}

section.service .zone .pool .memo{
	display: inline-block;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 30px;
	font-size: 16px;
	line-height: 1.5;
	letter-spacing: 0;
	color: #FFF;
}


section.service .zone.spec .pool .memo{
	text-align: right;
}

section.service .zone .pool .group{
	display: block;
	width: 100%;
}

section.service .zone .pool .group .item{
	display: block;
	width: 100%;
	padding-top: 30px;
}

section.service .zone .pool .group .item a{
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: flex-start;
	text-decoration: none;
	letter-spacing: 0;
}

section.service .zone.spec .pool .group .item a{
	margin: 0 0 0 auto;
}

section.service .zone.media .pool .group .item a{
	width: 460px;
}

section.service .zone.digital .pool .group .item a{
	width: 266px;
}

section.service .zone.marketing .pool .group .item a{
	width: 470px;
}

section.service .zone.ip .pool .group .item a{
	width: 320px;
}

section.service .zone .pool .group .item a .icon{
	display: inline-block;
	width: 60px;
}

section.service .zone .pool .group .item a span.title{
	position: relative;
	display: inline-block;
	flex: 1;
	padding-left: 16px;
	padding-right: 40px;

	color: #FFF;

	font-size: 22px;
	font-weight: bold;
}

section.service .zone .pool .group .item a span.title::before{
	content: "";
	position: absolute;
	display: inline-block;
	width: 30px;
	aspect-ratio: 1/1;
	top: 50%;
	right: 0;
	transform: translateY(-50%);

	background: url("../images/service_cube_arrow_down.png");
	background-size: 100% auto !important;
	background-repeat: no-repeat !important;
	background-position: center center; !important;
}

section.service .zone .pool .group .item.chs a span.title::before{

	background: url("../images/service_cube_arrow_top.png");
}

section.service .zone .pool .group .item a span.title i{
	display: inline-block;
	padding-left: 10px;

	color: #FFF;

	font-size: 16px;
	font-style: normal;
	font-weight: bold;
}

section.service .zone .pool .cover{
	position: absolute;
	/*display: none;*/
	display: inline-block;
	bottom: 0;
	right: 0;
	width: 50%;
}

section.service .zone .pool .cover.spec{
	left: 0;
	right: auto;
}

section.service .zone .pool .group .item .receptacle{
	/*display: block;*/
	max-height: 0;
	font-size: 16px;
  opacity: 0;
  overflow: hidden;
  transition: max-height .4s ease, opacity .3s ease;
}

section.service .zone .pool .group .item.chs .receptacle {
  max-height: 999px;
  opacity: 1;
  letter-spacing: 1px;
}

section.service .zone .pool .group .item .receptacle-one{
	width: 100%;
}

section.service .zone .pool .group .item .receptacle-one ul{
	display: flex;
	flex-wrap: wrap;
	padding-left: 15px;
}

section.service .zone .pool .group .item .receptacle-one ul li{
	width: 50%;
	padding-bottom: 15px;
	line-height: 1.5;
	color: #FFF;
}

section.service .zone .pool .group .item .receptacle-one ul li:nth-child(odd){
	padding-right: 20px;
}


section.service .zone .pool .group .item .receptacle-one ul li span.detail{
	display: inline-block;
	width: 100%;
	padding-top: 6px;
	font-size: 14px;
}

section.service .zone .pool .group .item .receptacle-two{
	width: 266px;
	text-align: left;
	padding-top: 10px;
	margin: 0 0 0 auto;

	font-size: 16px;
	line-height: 1.5;
	color: #FFF;
	
}

section.service .zone .pool .group .item .receptacle-three{
	width: 100%;
	text-align: left;
	padding-top: 10px;
	margin: 0 0 0 auto;
	line-height: 1.5;
	color: #FFF;
}

section.service .zone .pool .group .item .receptacle-four{
	width: 342px;
	text-align: left;
	margin: 0 0 0 auto;
	line-height: 1.5;
	color: #FFF;
}

section.service .zone .pool .group .item .receptacle-four ul{
	display: flex;
	flex-wrap: wrap;
	padding-left: 15px;
}

section.service .zone .pool .group .item .receptacle-four ul li{
	width: 100%;
	padding-bottom: 15px;
	line-height: 1.5;
	letter-spacing: 1px;
	color: #FFF;
}


section.service .zone.chs .pool{
	padding-bottom: calc(50% + 60px);
}


/*大於等於1921*/
@media (min-width: 1921px) {
}


/*小於等於1920*/
@media (max-width: 1920px) {
}

/*小於等於1800*/
@media (max-width: 1800px) {
}

/*小於等於1600*/
@media (max-width: 1600px) {

	section.innerbase{
		padding-top: 100px;
		margin-bottom: 100px;
	}

	.innerkv .headtitle{
		font-size: 52px;
	}

	.innerkv .headtitle span.sub{
		padding-left: 30px;
		font-size: 20px;
	}

	.innerkv .headtitle span.memo{
		padding-top: 10px;
		font-size: 16px;
	}

	.unit-title span.outline{
		padding-top: 10px;
		font-size: 24px;
	}

	.unit-title .memo{
		padding-top: 5px;
		font-size: 20px;
	}

	ul.clients-catagory li a{
		font-size: 18px;
	}

	.clients-gallery .item{
		padding: 0 15px 15px 0;
	}

	.case-gallery .item .title a{
		font-size: 16px;
	}

	.case-gallery .item .cover a span.narration{
		padding: 3px 5px;
		font-size: 16px;
		min-height: 45px;
	}

	.case-gallery .item .cover a span.stereotype{
		top: 5px;
		padding: 3px 5px;
		font-size: 13px;
	}

	.signboard{
		font-size: 24px;
		padding: 20px 5px;
		margin-bottom: 20px;
	}

	.partnership{
		padding: 20px 60px;
	}

	.partnership a.arrow{
		width: 50px;
	}

	.contactkv .spindle .maintitle{
		font-size: 52px;
	}

	.contactkv .spindle .maintitle .baozi span.sub{
		padding-left: 30px;
		font-size: 20px;
	}

	.contactkv .spindle .maintitle .baozi .conversation{
		font-size: 20px;
	}

	section.innercontact .summary{
		font-size: 16px;
		line-height: 1.3;
	}

	section.innercontact .joinus .spindle .maintitle{
		font-size: 52px;
	}

	section.innercontact .joinus .spindle .maintitle .baozi span.sub{
		padding-right: 30px;
		font-size: 20px;
	}

	section.innercontact .joinus .spindle .maintitle .baozi .conversation{
		font-size: 20px;
	}

	section.innercontact .formblock .formitem .title{
		font-size: 20px;
	}

	section.innercontact .formblock .formitem label.agreement{
		font-size: 20px;
	}

	a.formbtn{
		padding: 15px 40px;
		font-size: 20px;
	}

	section.innercontact .joinus .joinbtn a{
		padding: 15px 40px;
		font-size: 20px;
	}

	section.innercontact .location .item .branch{
		font-size: 22px;
		padding-bottom: 5px;
	}

	section.innercontact .location .item span.address{
		font-size: 18px;
	}

	section.innercontact .location .item span.tel{
		font-size: 18px;
	}

	section.innercontact .joinus .passion-title{
		padding-top: 40px;
		font-size: 24px;
	}

	section.innercontact .joinus .passion-group{
		padding-top: 20px;
	}

	section.innercontact .joinus .passion-group .item span.title{
		font-size: 20px;
	}

	section.innercontact .joinus .passion-group .item .memo{
		font-size: 16px;
	}

	section.service .zone .pool .subject span.title{
		font-size: 28px;
	}

	section.service .zone .pool .subject span.sub{
		font-size: 16px;
	}

	section.service .zone .pool .memo{
		padding: 6px 0 20px 0;
		font-size: 16px;
	}

	section.service .zone .pool .group .item{
		padding-top: 20px;
	}

	section.service .zone .pool .group .item a .icon{
		width: 55px;
	}

	section.service .zone .pool .group .item a span.title{
		padding-left: 15px;
		padding-right: 30px;
		font-size: 20px;
	}

	section.service .zone .pool .group .item a span.title::before{
		width: 25px;
	}

	section.service .zone .pool .group .item a span.title i{
		font-size: 14px;
	}

	section.service .zone.media .pool .group .item a{
		width: 430px;
	}

	section.service .zone.digital .pool .group .item a{
		width: 240px;
	}

	section.service .zone.marketing .pool .group .item a{
		width: 420px;
	}

	section.service .zone.ip .pool .group .item a{
		width: 290px;
	}

	section.service .zone .pool .group .item .receptacle{
		font-size: 16px;
		letter-spacing: 0;
	}

	section.service .zone .pool .group .item .receptacle-two{
		width: 242px;
	}

	section.service .zone .pool .group .item .receptacle-four{
		width: 338px;
	}


}

/*小於等於1441*/
@media (max-width: 1441px) {
}

/*小於等於1280*/
@media (max-width: 1280px) {

	section.innerbase{
		padding-top: 70px;
		margin-bottom: 70px;
	}

	.innerkv .headtitle{
		font-size: 38px;
	}

	.innerkv .headtitle span.sub{
		padding-left: 20px;
		font-size: 18px;
	}

	.unit-title span.outline{
		font-size: 22px;
	}

	.unit-title .memo{
		font-size: 18px;
	}

	ul.clients-catagory li a{
		font-size: 16px;
	}

	.clients-gallery{
		padding-top: 15px;
	}

	.clients-gallery .item{
		width: calc(100% / 6);
	}

	.inner_main .root a{
		padding-left: 15px;
		font-size: 16px;
		letter-spacing: 0;
	}

	.inner_main .root a::before{
		font-size: 16px;
	}

	.inner_main .title{
		font-size: 22px;
		padding-bottom: 15px;
	}

	.inner_main .info .detail{
		font-size: 16px;
	}

	ul.pager li a{
		min-width: 30px;
		font-size: 14px;
	}

	.signboard{
		font-size: 22px;
		padding: 10px 5px;
	}

	.contactkv .spindle .maintitle{
		font-size: 38px;
	}

	.contactkv .spindle .maintitle .baozi span.sub{
		padding-left: 20px;
		font-size: 18px;
	}

	.contactkv .spindle .maintitle .baozi .conversation{
		font-size: 18px;
		padding-top: 10px;
	}

	section.innercontact .summary{
		font-size: 14px;
		letter-spacing: 0;
		padding-top: 20px;
	}

	section.innercontact .joinus .spindle .maintitle{
		font-size: 38px;
	}

	section.innercontact .joinus .spindle .maintitle .baozi span.sub{
		padding-right: 20px;
		font-size: 18px;
	}

	section.innercontact .joinus .spindle .maintitle .baozi .conversation{
		font-size: 18px;
		line-height: 1.5;
	}

	section.innercontact .formblock .formitem .title{
		font-size: 18px;
	}

	section.innercontact .formblock .formitem .select-wrap select{
		font-size: 18px;
	}

	section.innercontact .formblock .formitem input[type="text"]{
		font-size: 18px;
	}

	section.innercontact .formblock .formitem{
		padding-bottom: 15px;
	}

	section.innercontact .formblock .formitem label.agreement{
		font-size: 18px;
	}

	section.innercontact .formdetail{
		padding-top: 10px;
	}

	section.innercontact .joinus .influence{
		padding-top: 40px;
		padding-bottom: 15px;
		font-size: 18px;
	}

	section.innercontact .joinus .contact-logo img{
		max-width: 160px;
	}

	section.innercontact .joinus .passion-group .item{
		padding: 10px;
	}

	section.innercontact .joinus .passion-group .item span.title{
		font-size: 18px;
	}

	section.innercontact .joinus .passion-group .item .memo{
		font-size: 14px;
	}

	section.innercontact .location .item{
		padding: 5px;
	}

	section.innercontact .location .item .branch{
		font-size: 18px;
	}

	section.innercontact .location .item span.address{
		font-size: 16px;
	}

	section.innercontact .location .item span.tel{
		font-size: 16px;
	}

	section.innercontact .joinus .passion-title{
		font-size: 20px;
	}

	section.innercontact .location .item .branch img.icon{
		margin-left: 10px;
		margin-right: 10px;
	}

	section.service .zone .pool .subject span.title{
		font-size: 24px;
	}

	section.service .zone .pool .subject span.sub{
		font-size: 16px;
	}

	section.service .zone .pool .memo{
		padding: 0 0 10px 0;
		font-size: 14px;
	}

	section.service .zone .pool .group .item{
		padding-top: 15px;
	}

	section.service .zone .pool .group .item a .icon{
		width: 40px;
	}

	section.service .zone .pool .group .item a span.title{
		padding-left: 10px;
		padding-right: 25px;
		font-size: 18px;
	}

	section.service .zone .pool .group .item a span.title::before{
		width: 20px;
	}

	section.service .zone .pool .group .item.chs .receptacle{
		font-size: 14px;
	}

	section.service .zone .pool .group .item .receptacle-one ul li span.detail{
		padding-top: 4px;
		font-size: 13px;
	}

	section.service .zone.media .pool .group .item a{
		width: 360px;
	}

	section.service .zone.digital .pool .group .item a{
		width: 210px;
	}

	section.service .zone.marketing .pool .group .item a{
		width: 390px;
	}

	section.service .zone.ip .pool .group .item a{
		width: 250px;
	}

	section.service .zone .pool .group .item .receptacle-one ul li{
		padding-bottom: 10px;
	}

	section.service .zone .pool .group .item .receptacle-two{
		width: 214px;
	}

	section.service .zone .pool .group .item .receptacle-four{
		width: 302px;
	}

	section.service .zone .pool .group .item .receptacle-four ul li{
		padding-bottom: 10px;
	}

	section.service .zone.spec .pool .subject{
		display: flex;
		align-items: flex-start;
		justify-content: flex-end;
	}
}

/*小於等於1160*/
@media (max-width: 1160px) {

	
}

/*小於等於1024*/
/* pad default */
@media (max-width: 1024px) {
}

/*小於等於992*/
@media (max-width: 992px) {
}

/*小於等於960*/
@media (max-width: 960px) {

	.innerkv{
		aspect-ratio: 16/5;
	}

	.innerkv .headtitle{
		font-size: 32px;
	}

	.innerkv .headtitle span.sub{
		padding-left: 10px;
		font-size: 14px;
	}

	.contactkv{
		aspect-ratio: 16/4;
	}

	section.service .zone.media .pool, section.service .zone.chs .pool{
		padding: 60px 0 360px 0 !important;
	}

	section.service .zone.digital .pool, section.service .zone.chs .pool{
		padding: 60px 0 420px 0 !important;
	}


	section.service .zone.marketing .pool, section.service .zone.chs .pool{
		padding: 60px 0 380px 0 !important;
	}

	section.service .zone.ip .pool, section.service .zone.chs .pool{
		padding: 60px 0 360px 0 !important;
	}

	section.service .zone .pool .cover, section.service .zone .pool .cover.spec{
		right: 0;
		left: 50%;
		transform: translateX(-50%);
	}

	section.innercontact .joinus .advantages .item.item-1{
		width: 45%;
		top: 10%;
		left: 0;
		right: auto;
	}

	section.innercontact .joinus .advantages .item.item-2{
		width: 68%;
		top: 18%;
		left: auto;
		right: 0;
	}

	section.innercontact .joinus .advantages .item.item-3{
		width: 74%;
		top: 30%;
		left: 0;
		right: auto;
	}

	section.innercontact .joinus .advantages .item.item-4{
		width: 70%;
		top: 62%;
		left: auto;
		right: 0;
	}

	section.innercontact .joinus .advantages .item.item-5{
		width: 70%;
		top: 76%;
		left: 0;
		right: auto;
	}

}

/*小於等於768*/
@media (max-width: 768px) {

}

/*小於等於720*/
/*mobile*/
@media (max-width: 720px) {
}


/*小於等於575*/
/*mobile*/
@media (max-width: 575px) {
}

@media (max-width: 480px) {

	.unit-title span.outline{
		font-size: 20px;
	}

	.unit-title .memo{
		font-size: 16px;
	}

	.innerkv{
		aspect-ratio: 16/9;
	}

	.innerkv .headtitle{
		font-size: 26px;
	}

	.innerkv .headtitle.spec{
		font-size: 20px;
	}

	.innerkv .headtitle span.memo{
		font-size: 13px;
		padding-top: 5px;
	}

	.innerkv .headtitle span.sub{
		font-size: 12px;
	}

	.clients-gallery .item{
		padding: 0 10px 10px 0;
	}

	.clients-gallery .item .cover{
		padding: 5px;
		border-radius: 5px;
	}

	ul.clients-catagory{
		margin: 5px 0;
	}

	ul.clients-catagory li{
		padding: 0 10px 0 0;
	}

	ul.clients-catagory li a{
		padding-left: 8px;
		font-size: 13px;
	}

	.case-gallery{
		padding-top: 15px;
	}

	.case-gallery .item{
		width: calc(100% / 2);
		padding: 0 10px 20px 0;
	}

	.case-gallery .item ul.tag{
		padding: 5px 0 5px 0;
		min-height: 35px;
	}

	.case-gallery .item ul.tag li span{
		font-size: 11px;
	}

	.case-gallery .item .title a{
		font-size: 14px;
	}

	.case-gallery .item .cover a span.narration{
		font-size: 14px;
	}

	.news-detail{
		padding: 40px 15px 15px 15px;
		font-size: 14px;
	}

	.inner_main .root{
		padding-bottom: 10px;
	}

	.inner_main .title{
		font-size: 18px;
	}

	.inner_main .info .cover{
		padding-bottom: 15px;
	}

	.inner_main .info .detail{
		font-size: 14px;
	}

	ul.pager li{
		padding: 0 3px;
	}

	ul.pager li a{
		min-width: 30px;
		font-size: 13px;
	}

	section.iebemovie::before{
		bottom: -20px;
	}

	section.partnership{
		padding: 30px 0 0 0;
	}

	.signboard{
		font-size: 18px;
	}

	.partnership{
		padding: 10px 30px;
	}

	.partnership .gallery .group .item{
		width: calc(100% / 4);
		padding: 0 5px 10px 5px;
	}

	.partnership a.arrow{
		width: 25px;
	}

	.contactkv{
		aspect-ratio: 16 / 6;
	}

	.contactkv .spindle .maintitle{
		font-size: 26px;
	}

	.contactkv .spindle .maintitle .baozi span.sub{
		padding-left: 10px;
		font-size: 12px;
	}

	.contactkv .spindle .maintitle .baozi .conversation{
		font-size: 14px;
		padding-top: 5px;
		letter-spacing: 0;
	}

	section.innercontact .summary{
		font-size: 13px;
		padding-top: 10px;
	}

	.contactkv .spindle .maintitle .baozi .socail{
		padding-top: 5px;
	}

	.contactkv .spindle .maintitle .baozi .socail a{
		width: 30px;
		margin-left: 5px;
	}

	section.innercontact .joinus .spindle .maintitle{
		font-size: 26px;
	}

	section.innercontact .joinus .spindle .maintitle .baozi span.sub{
		font-size: 13px;
		padding-right: 5px;
		letter-spacing: 0;
	}

	section.innercontact .joinus .spindle .maintitle .baozi .conversation{
		font-size: 14px;
		padding-top: 5px;
		letter-spacing: 0;
	}

	section.innercontact .joinus .spindle::after{
		width: 15%;
	}

	section.innercontact .summary{
		padding-top: 40px;
		font-size: 14px;
		text-align: center;
	}

	section.innercontact .summary.spec{
		text-align: center;
	}

	section.innercontact .formblock .formitem .title{
		font-size: 16px;
	}

	section.innercontact .formblock .formitem .select-wrap select{
		font-size: 16px;
	}

	section.innercontact .formblock .formitem input[type="text"]{
		font-size: 16px;
	}

	section.innercontact .formblock .formitem .title span.must{
		font-size: 13px;
		padding-left: 5px;
	}

	section.innercontact .formblock .formitem label.agreement{
		font-size: 18px;
	}

	section.innercontact .formblock .formitem{
		padding-bottom: 10px;
	}

	section.innercontact .formdetail{
		padding-top: 5px;
	}

	a.formbtn{
		width: 60%;
		padding: 15px;
		font-size: 16px;
	}

	section.innercontact .joinus .influence{
		padding-top: 20px;
		padding-bottom: 10px;
		font-size: 16px;
	}

	section.innercontact .joinus .joinbtn a{
		width: 60%;
		padding: 15px;
		font-size: 16px;
	}

	section.innercontact .joinus .passion-group .item{
		width: 100%;
	}

	section.innercontact .joinus .contact-logo img{
		max-width: 140px;
	}

	section.innercontact .location{
		flex-wrap: wrap;
	}

	section.innercontact .location .item{
		width: 100%;
	}

	section.innercontact .location .item:nth-child(even){
		text-align: right;
	}

	section.innercontact .location .item:nth-child(even) .branch a{
		justify-content: flex-end;
	}

	section.service{
		padding-top: 60px;
	}

	section.service .cube{
		padding-bottom: 60px;
	}

	section.service .cube img.bg{
		width: 460px;
		margin: 0 calc(50% - 230px);
	}

	section.service .cube::after{
		top: 30%;
	}

	section.service .cube::before{
		top: 60%;
	}

	section.service .cube .outlet{
		aspect-ratio: 1 / 1;
	}

	section.service .cube .outlet .block.bk1{
		width: 60%;
		left: calc(50% - 30%);
	}

	section.service .cube .outlet .block.bk2{
		width: 55%;
		left: calc(50% - 62%);
	}

	section.service .cube .outlet .block.bk3{
		width: 62%;
		left: calc(50% - 30%);
	}

	section.service .cube .outlet .block.bk4{
		width: 61%;
		right: auto;
		left: calc(50% + 8%);
	}

	section.service .cube .outlet .btn{
		width: 30%;
	}

	section.service .cube .outlet .btn.bt1{
		top: 0%;
		left: 22%;
	}

	section.service .cube .outlet .btn.bt2{
		top: 26%;
		left: 0%;
		width: 34.8%;
	}

	section.service .cube .outlet .btn.bt3{
		top: 74%;
		left: 16%;
	}

	section.service .cube .outlet .btn.bt4{
		top: 30%;
		left: 73%;
	}

	section.service .zone .pool{
		padding: 40px 0;
	}

	section.service .zone .pool .subject span.title{
		font-size: 18px;
	}

	section.service .zone .pool .subject span.sub{
		font-size: 14px;
		line-height: 1.5;
	}

	section.service .zone .pool .memo{
		font-size: 13px;
	}

	section.service .zone .pool .group .item a .icon{
		width: 32px;
	}

	section.service .zone .pool .group .item a span.title{
		padding-left: 10px;
		padding-right: 20px;
		font-size: 14px;
	}

	section.service .zone .pool .group .item a span.title::before{
		width: 12px;
	}

	section.service .zone.media .pool .group .item a{
		width: 276px;
	}

	section.service .zone .pool .group .item.chs .receptacle{
		font-size: 11px;
	}

	section.service .zone .pool .group .item .receptacle-one ul li span.detail{
		font-size: 10px;
	}

	section.service .zone .pool .group .item a span.title i{
		font-size: 12px;
	}

	section.service .zone.digital .pool .group .item a{
		width: 150px;
	}

	section.service .zone.marketing .pool .group .item a{
		width: 316px;
	}

	section.service .zone.ip .pool .group .item a{
		width: 196px;
	}

	section.service .zone .pool .group .item .receptacle-two{
		width: 170px;
	}

	section.service .zone .pool .group .item .receptacle-four{
		width: 245px;
	}

	section.service .zone .pool .cover, section.service .zone .pool .cover.spec{
		width: 100%;
		left: 0;
		overflow-x: hidden;
	}

	section.service .zone .pool .cover img, section.service .zone .pool .cover.spec img{
		width: 100%;
	}
}

/*小於等於414*/
@media (max-width: 414px) {
}

/*小於等於380*/
@media (max-width: 380px) {
}	

/*小於等於350*/
@media (max-width: 350px) {
}