@media (min-width: 959px) and (max-width: 1200px) {
#wave::before {
	width: 800px;
	height: 800px;
}
#wave::after {
	width: 800px;
	height: 800px;
}
.index-service {
 font-size: 80%;
}
/*左字右圖-影音行銷*/
.index-service .left-txt {padding: 50px 50px 50px 50px;}
.index-service .right-txt {padding: 15px 50px 15px 50px;}
/*首頁-行銷趨勢*/
#index-blog .column .blog {
  width:calc(100% / 2);
}
/*尾部*/
footer {
 background-attachment: scroll;
 background-size: cover;
 background-position: center;
 padding:25px 25px;
}
footer .column:nth-child(6) h6 {
 padding-right:0;
}
}
@media (max-width: 959px) {

/*行動版左側選單_包住*/
#w {
	position: relative;
	overflow-x: hidden;
	overflow-y: hidden;
}
/*行動版上方*/
#w #pagebody {
	position: relative;
	left: 0;
	z-index: 99999;
}
#w #pagebody #toolbarnav {
	position: fixed;
	display: block;
	left: 0px;
	top: 0px;
	z-index: 9999;
	width: 100%;
	height: 60px;
	background:#fff;
 box-shadow: 0 8px 20px -8px rgba(0,0,0,0.1	);
}
#w #pagebody #toolbarnav #logo-mobile {
	position:absolute;
	left:50%;
	width: 180px;
	margin-left:-90px;
}
#w #pagebody #toolbarnav #menu-btn {
	width: 60px;
	height: 40px;
	margin: 8px;
	background: url(../images/menu.png) center center no-repeat #333;
	border: 0;
	text-indent: -999999px;
	position: absolute;
	top: 0;
	left: 0;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-border-radius: 3px;
	box-shadow: inset 0 1 1px #000;
	cursor:pointer;
}
#w #pagebody #content {
	display: block;
	height: 100%;
	z-index: 9999;
	padding-top:45px;
}
/*行動版左側選單_選單*/
#w #navmenu {
	background:#000;
	height: 100%;
	display: block;
	position: fixed;
	width: 200px;
	left: 0px;
	top: 0px;
	z-index: 0;
	overflow-x: hidden;
	overflow-y: auto;
	z-index:99999;
}
#w #navmenu header {
	display: block;
	height: 44px;
}
#w #navmenu header h2 {
	text-align: center;
	padding-top: 10px;
	color: #e6e8f2;
	font-weight: bold;
	font-size: 2.1em;
	text-shadow: 1px 1px 0px #313131;
}
/*連結*/
#w #navmenu ul {
	list-style: none;
}
#w #navmenu li {
	width: 100%;
	float: left;
}
#w #navmenu ul li a {
	display: block;
	color:#fff;
	font-size:1.1em;
}
#w #navmenu ul li a:visited {
	text-decoration:none;
}
#w #navmenu ul li a:hover {
	color:#FFF;
	text-decoration: none;
}
#w #navmenu ul li .qa_title:hover {
	background:#000;
}
/*連結下拉*/
#menu #qaContent li .qa_title{
	font-size: 0.95em;
	padding:10px;
	color: #fff;
	cursor: pointer;
	font-weight: normal;
	border-bottom:1px solid #232323;
	background: #000;
	text-align:left;
}
#menu #qaContent li .qa_title a {
	font-size: 0.95em;
}
#menu #qaContent li .qa_content li {
	font-size: 0.8em;
	border-bottom:none;
}
#menu #qaContent li .qa_content li a{
	display: block;
	font-size: 1.2em;
	line-height: 30px;
	padding: 5px 0 5px 10px;
	color: #000;
	background: #eee;
	text-align:left;	
}
/*統一設定*/
.container {
	width:96%;
	margin: 0 2%;
}
.container02 {
	width:100%;
}
.web {
	display:none;
}
.mobile {
	display:block;
}

/*網頁版上方*/
header {
	display:none;
}
nav {
	display:none;
}


/*首頁bammer波動*/
.wave-container {
 height: 100vh;
 width: 100%;
 background-image: url(../images/banner-m.jpg);
 background-position: top center;
 background-repeat: no-repeat;
}
#wave {
 display: none;
}
/*首頁banner標題*/
#word {
 width: 80%;
 padding-top: 30vh;
 margin:0 10%;
 font-size: 80%;
}
#word h2 {
 font-size: 1.5em;
 font-weight: 500;
 letter-spacing: 5px;
}
#word p {
 font-size: 1.3em;
 line-height: 1.8em;
}
#word b {
 line-height: 1.1em;
 font-weight: 100;
}
#word h4.en {
 line-height: 1.1em;
 padding-bottom: 15px;
}
/*首頁裝飾線條*/
.decoration-line {
 display: none;
}
/*首頁 網路行銷服務*/
#index-service-title {
 display: none;
}
#index-service-title h2 {
 font-size: 2em;
 text-align: left;
}
#index-service-title h4.en {
 font-size: 4em;
 margin-top: -15px;
 text-align: left;
}
.index-service {
 font-size: 80%;
}
.index-service h4 {
 font-size: 2.3em;
}
.index-service h5 {
 font-size: 1.2em;
 font-weight: 700;
}
/*六項服務單獨設定*/
.service-mouth {
 padding:0;
 background-attachment: scroll;
}
.service-mouth a {
 width: 100%;
 margin: auto;
 padding: 10%;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.service-forum {
 padding: 0;
}
.service-forum a {
 width: 100%;
 margin: auto;
 padding: 10%;
 display: block;
 background:rgba(205,61,67,0.6);
}
.service-community {
 padding: 0;
 background-attachment:scroll;
}
.service-community a {
 width: 100%;
 margin: auto;
 padding: 10%;
}
.service-info {
 padding: 0;
 background-size: cover;
 background-position: center;
}
.service-info a {
 width: 100%;
 margin: auto;
 padding: 10%;
}
.service-info .jump {
  display: none;
}
.service-threas {
 padding: 0 0 150px 0;
}
.service-threas a {
 width: 100%;
 margin: auto;
 padding: 10%;
}


/*左字右圖-影音行銷*/
.service-video {
 background-image: url(../images/service-video.jpg);
 background-size: cover;
 background-position: center;
}
.service-video .left-txt {
 position: static;
 width: 100%;
 height: auto;
 padding: 0;
}
.service-video .left-txt a {
 position: static;
 width: 100%;
 height: auto;
 padding: 10%;
 background-color:rgba(127,112,143,0.8);
 margin-top: 0;
 margin-left: 0;
}
.service-video .right-img {
 display: none;
}


/*左圖右字-廣編合作*/
.service-ad {
 background-color: #4b3a5e;
 background-image: url(../images/service-ad.jpg);
 background-size: cover;
 background-position: center;
 padding: 0;
}
.service-ad .right-txt {
 position: static;
 width: 100%;
 height: auto;
 padding: 0;
}
.service-ad .right-txt a {
 position: static;
 width: 100%;
 height: auto;
 padding: 10%;
 background-color:rgba(0,36,56,0.8);
 margin-top: 0;
 margin-left: 0;
}
.service-ad .left-img {
 display: none;
}


/*首頁-品牌行銷顧問*/
#index-marketing {
 background-attachment: scroll;
}
#index-marketing h3 {
 font-weight: 700;
 font-size: 2.3em;
 line-height: 1.3em;
}

/*首頁-自媒體+設計*/
#index-design .left {
 width: 100%;
 padding: 0 10%
}
#index-design .right {
 width: 100%;
}
#index-design h4 {
 font-weight: 700;
 font-size: 2.3em;
 line-height: 1.3em;
}
#index-design p {
 font-size: 1.1em;
 line-height: 2em;
 padding: 0 10%
}

/*首頁-行銷趨勢*/
#index-blog .column .blog {
	width: 96%;
	padding:2%;
}

/*首頁底部*/
#index-bottom {
 padding: 2%;
}
#index-bottom li {
 display: inline-block;
 margin: 25px 5px ;
 padding: 35px 5px 5px 5px ;
}
#index-bottom li br {
 display: block;
}

/*內頁共用-行銷*/
#bannerin {
 background-attachment: scroll;
}
#bannerin-word{
 width: 100%;
 height:80vh;
    left: 0;
    margin-left: 0;
}
#bannerin-word h1,#bannerin-other-word h1 {
 font-size: 4em;
}
#bannerin-word h1.threads {
 font-size: 2em;
}
#bannerin-word h4,#bannerin-other-word h4 {
  font-size: 1em;
}
#service .service a {
  width: 100%;
  margin: 0;
  padding: 0;
	background: none;
}
#service .service h4 {
 font-size: 2.3em;
}

/*網路行銷服務的口碑行銷-額外設定*/
#service .service-mouth {
 background-attachment: scroll;
}
#service > .service-video {
 background-attachment: scroll;
}



/*麵包屑*/
#sitemap {
	position: absolute;
	left: 10px;
	bottom: 20px;
}
#sitemap ul {
	text-align: left;
}
#sitemap li , #sitemap li a  {
	display: inline-block;
	font-size: 0.8em;
	color: #fff;
	padding: 0 3px;
}

/*--------------------------------口碑行銷--------------------------------*/
/*口碑行銷01*/
#service-mouth-01 {
 background-color: #bebf61;
 background-image: url(../images/service-mouth-01.png);
 background-position: left;
 background-repeat: no-repeat;
 font-size: 80%;
}
#service-mouth-01-img {display: none;}
#service-mouth-01-txt {
 top: 50%;
 left: 0;
 margin-top: -100px;
 text-align: center;
 width: 100%;
 text-shadow: 0 0 0.8em #7d927a;
 padding: 5%;
}
#service-mouth-01 h3 {
 font-size: 2.3em;
}
#service-mouth-01 h4 {
 font-size: 1.7em;
}
/*口碑行銷02*/
#service-mouth-02 {
 background-color: #000;
 background-image: url(../images/service-mouth-02.jpg);
 height: auto;
 color: #000;
 text-align: center;
}
#service-mouth-02 .right-txt h4 {
 font-size: 1.7em;
}
#service-mouth-02 .left-img {
 display: none;
}
#service-mouth-02 .right-txt {
 width: 100%; 
 height: 80vh;
 padding: 25% 10%;
}

/*口碑行銷03*/
#service-mouth-03 {
 height: auto;
 padding: 0 0 25px 0;
 background-attachment: scroll;
}
#service-mouth-03 h2 {
 font-size: 2.3em;
}
#service-mouth-03 li {
 width: 320px;
 height: 320px;
 position: static;
 padding: 50px;
 margin-top: -25px;
 margin-left: 0;
}
#service-mouth-03 li h4 {
 font-size: 2.1em;
}
#service-mouth-03 li:last-child h4 {
 font-size: 1.7em;
}
#service-mouth-03 li .word {
 position: static;
}
#service-mouth-03 li .word03 {
 position: static;
}
#service-mouth-03 br {
 display: none;
}

/*口碑行銷04*/
#service-mouth-04 .left-img {
 width: 100%;
}
#service-mouth-04 .right-txt {
 width: 100%;
 padding:25px 35px;
 margin-bottom: 25px;
}
#service-mouth-04 .left-txt {
 width: 100%;
 padding:25px 35px;
}
#service-mouth-04 .right-img {
 width: 100%;
}


/*--------------------------------論壇行銷--------------------------------*/
/*論壇行銷01*/
#service-forum-01 {
 font-size: 80%;
}
#service-forum-01-txt {
 width: 100%;
 padding: 15px 25px;
 top: 50%;
 left: 0;
 margin-top: -200px;
 margin-left: 0;
 background-image:none;
}
#service-forum-01-txt h3 {
 font-size: 3em;
 font-weight: 900;
 color: #fc6a68;
 background:rgba(255,255,255,0.8);
 border: 5px solid #ff0000;
 padding: 35px 5px 10px 15px;
 line-height: 1.1em;
}
#service-forum-01-txt p {
 margin-top: 0;
 color: #fff;
 background:rgba(254,0,0,0.5);
 padding: 25px;
}
#service-forum-01-txt i {
 width: 60px;
 height: 60px;
 background-color: #F00000;
 position: absolute;
 top: -30px;
 left: 50%;
 margin-left: -30px;
 text-align: center;
 line-height: 60px;
}

/*論壇行銷02*/
#service-forum-02 {
 height: 100vh;
 padding-top: 40vh;
 position: static;
 font-size: 2.5em;
 background: url(../images/service-forum02.png);
 background-position: top center;
 background-repeat: no-repeat;
-moz-background-size:contain;
-webkit-background-size:contain;
-o-background-size:contain;
background-size:contain;
}
#service-forum-02 h3 {
 background-color: #fff;
}
#service-forum-02-img {
 display: none;
}

/*論壇行銷03*/
#service-forum-03 .colum {
 width: 100%;
 height: auto;
 padding: 25px;
}
#service-forum-03 .colum h4 {
 font-size: 1.5em;
 line-height: 1.1em;
}
#service-forum-03 .colum p {
 font-size: 1em;
} 

/*--------------------------------社群行銷--------------------------------*/
/*社群行銷01*/
#service-community-01 ul {
 text-align: center;
}
#service-community-01 li {
 display: inline-block;
 width: 40%;
}
/*社群行銷02*/
#service-community-02 {
 background-image: none;
 background-attachment: scroll;
}
#service-community-02 img {
 width: 100%;
}
#service-community-02 p {
  font-size: 1em;
}
#service-community-02 h2 {
  font-size: 2em;
}
#service-community-icon {
 width: 100px;
 height: 100px;
 padding-top: 10px;
}

/*社群行銷03*/
#service-community-03 h3 {
 font-size: 2em;
 font-weight: 900;
}
#service-community-03 .colum {
 width: 100%;
 height: auto;
 padding: 5% 3%;
 border: 1px solid #d1c0a5;
 margin-bottom: -1px;
 margin-right: -1px;
}
#service-community-03 .colum h4 {
 font-size: 1.1em;
 line-height: 1.1em;
 font-weight: 500;
 color: #81684c;
}
#service-community-03 .colum p {
 font-size: 1em;
} 
#service-community-03 .bg {
 height: 40vh;
}

/*--------------------------------內容行銷--------------------------------*/
/*內容行銷01*/
#service-info-01 {
	background-position: left;
	height: auto;
	position: static;
 background-attachment: scroll;
}
#service-info-01-txt {
 position: static;
 padding: 50px;
}
#service-info-01-txt h4 {
 font-size: 2em;
}
#service-info-01-txt h5 {
 font-size: 1em;
}

/*內容行銷02*/
#service-info-02 {
	background-image: none;
	height: auto;
	position: static;
}
#service-info-02 h2 {
 text-align: center;
 padding-top: 0;
 font-size: 2em;
}

/*內容行銷03*/
#service-info-03 {
	background-image: url(../images/service-info-03.jpg);
	-moz-background-size:cover;
  -webkit-background-size:cover;
  -o-background-size:cover;
  background-size:cover;
}
#service-info-03 .left {
  display: none;
}
#service-info-03 .right {
  width: 100%;
	padding: 25px 25px 25px 25px;
	text-align: left;
}
#service-info-03 .right h4 {
 font-size: 2.3em;
 line-height: 1.2em;
 display: inline;
}
#service-info-03 .right h5 {
 font-size: 1.4em;
 line-height: 1.3em;
 font-weight: 500;
 text-align: right;
 padding-top: 15px;
 display: inline;
}
#service-info-03 .right p {
 line-height: 0.8em;
 line-height: 1.8em;
 font-weight: 100;
}
#decoration-line-white {
 display: none;
}

/*內容行銷04*/
#service-info-04 .left-img {
 display: none;
}
#service-info-04 .right-txt {
 width: 100%;
 padding:25px 35px;
 margin-bottom: 25px;
}
#service-info-04 .left-txt {
 width: 100%;
 padding:25px 35px;
}
#service-info-04 .right-img {
 display: none;
}
#service-info-04 .colum h4 {
 font-size: 1.2em;
}
#service-info-04 .colum h3 {
 font-size: 1.7em;
}


/*--------------------------------影音行銷--------------------------------*/
/*影音行銷01*/
#service-video-01 {
	height: 100vh;
	padding: 25% 5%;
 background-attachment: scroll;
}
#service-video-01-txt {
	padding: 5%;
}
#service-video-01-txt h3 {
  font-size: 2em;
  font-weight: 800;
}

/*影音行銷02*/
#service-video-02 {
	height: auto;
	background-image: url(../images/service-video-02.jpg);
	background-position: center;
	background-position: top;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#kol {
  display: none;
}
#service-video-02 .right {
  float: right;
	width: 100%;
	padding: 10%;
  background:rgba(255,255,255,0.8);
}
#service-video-02 .right h4 {
 font-size: 2em;
}
#service-video-02 .right h5 {
 font-size: 1.2em;
}
/*影音行銷03*/
#service-video-03 {
	height: auto;
	padding: 10%;
 background-attachment: scroll;
}
#service-video-03-txt {
	padding: 25px 0;
}
#service-video-03-txt h2 {
 font-size: 2em;
}
#service-video-03-txt h3 {
 font-size: 1.2em;
}
#service-video-03-txt h4 {
  font-size: 1em;
}

/*--------------------------------廣編合作--------------------------------*/
/*廣編合作01*/
#service-ad-01 {
 height: auto;
 padding:25px; 
}
#service-ad-01 h2 {
 font-size: 2em;
}
#service-ad-01 h3 {
 font-size: 1em;
}
#service-ad-01 ul {
 text-align: center;
}
#service-ad-01 li {
 display: block;
 margin: 5px auto;
 width: 50%;
}
#service-ad-01 li img {
 width: 100%;
}

/*--------------------------------Threads行銷--------------------------------*/
/*脆行銷01*/
#service-threads-01 {
padding: 25px 25px 0 25px;
}
#service-threads-01-in {
 position: static;
 margin-top: 25px;
}
#service-threads-01 h2 {
font-size: 1.8em;
}
/*脆行銷02*/
#service-threads-02 {
 padding: 25px;
}
#service-threads-01 h2 span {
 position: relative;
 padding-left: 35px;
 display: inline-block;
}
#service-threads-01 h2 span::before {
 width: 35px;
 height: 35px;
 top: 5px;
}
#service-threads-01-arrow {
  width: 100%; 
  height: auto; 
  font-size: 1em;
  padding: 8px 15px;
  display: block;
}
#service-threads-01-arrow::after {
  content: '';
  position: absolute;
  right: 50%;
  top: 80px;
  margin-right: -20px;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #333;
}
#service-threads-01 #hand {
 position: static;
 padding-top: 50px;
}

/*脆行銷03*/
#service-threads-02 {
 min-height: auto;
 padding-bottom: 50px;
}
#service-threads-02 h2 {
 font-size: 2em;
}
#service-threads-02 ul {
 padding: 0 25px;
}
#service-threads-02-arrow {
  width: 100%; 
  height: auto; 
  font-size: 1em;
  padding: 8px 15px;
  display: block;
  margin-top: 25px;
}
#service-threads-02-arrow::after {
  display: none;
}

#service-threads-03 {
 padding: 25px;
}


/*-----------------------其他內頁上方共用-背景---------------------------*/
#bannerin-other {
 /*height: 50vh;*/
 background-attachment: scroll;
}
#bannerin-other-word {
  width: 100%;
  top: 40%;
  left: 0;
  margin-left: 0;
}
#bannerin-other-word h1, #bannerin-other-word h2 {
 font-size: 2em;
}
.bannerin-marketing {
 height: 50vh!important;
}
.bannerin-service {
 height: 100vh!important;
}
.bannerin-blog {
 height: 20vh !important;
}
.bannerin-blog > #sitemap {
 display: none;
}
.bannerin-design {
 height: 20vh !important;
}


/*--------------------------------品牌行銷顧問--------------------------------*/
/*第一塊*/
#marketing {
 height: auto;
}
#marketing #happy-people {
  display: none;
}
#marketing #marketing-txt  {
	width: 100%;
	padding: 10% 5%;
  height: auto;
}
#marketing #marketing-txt h3 {
 font-size: 2.3em;
 line-height: 1em;
 margin-bottom: 10px;
 margin-top: 25px;
}
#marketing #marketing-txt h4 {
 line-height: 1em;
}
#marketing #marketing-txt p {
 line-height: 1em;
 line-height: 1.5em;
}
/*第二塊-六項能力*/
#marketing-ability .colum {
 float: left;
 width: 100%;
 padding: 3% 5% 3% 15%;;
 background-color:rgab(59,59,59,0.9);
 height: auto;
 background-attachment: scroll;
}
#marketing-ability .colum h4 {
 font-size: 1.7em;
}
#marketing-ability .colum h4 i {
 left: -50px;
}
/*第三塊-案例*/
#marketing-case {
padding-bottom: 50px;
}
#marketing-case h2 {
 font-size: 4em;
 line-height: 1.2em;
 margin-bottom: 15px;
}
#marketing-case p {
 color: #fff;
 font-size: 1.6em;
 margin: 0;
 line-height: 1.2em;
}
#marketing-case-img {
 padding: 5px;
 width: 100%;
 margin: 55px auto 5px auto;
}
#marketing-case-img img {
 width: 100%;
}
/*第四塊-就交給我們*/
#marketing-tous {
	height: auto;
	padding: 100px 0;
 background-attachment: scroll;
}
#marketing-tous h3 {
 font-size: 3em;
 line-height: 1.3em;
}
#marketing-tous p {
 font-size: 1em;
}
/*第五塊-服務流程-標題*/
#marketing-step #steptitle {
 position: static;
 padding: 0;
}
/*第五塊-服務流程-步驟*/
#marketing-step #step {
 float: right;
 width: 100%;
 padding: 25px;
 background-image: none;
 position: static;
background: linear-gradient(160deg, #90C43D 9%, #85CD7A 90%);
background: -moz-linear-gradient(160deg, #90C43D 9%, #85CD7A 90%);
background: -webkit-linear-gradient(160deg, #90C43D 9%, #85CD7A 90%);
background: -o-linear-gradient(160deg, #90C43D 9%, #85CD7A 90%);
}
#marketing-step #step .step b {
 margin-bottom: -20px;
}
#marketing-step #step .step h5 {
 line-height: 1.1em;
 font-size: 1.7em;
}
#index-bottom {
 background-attachment: scroll;
}
#index-bottom h4 {
 font-size: 2.3em;
 margin: 50px 0 0 0;
}

/*--------------------------行銷趨勢----------------------------*/
#blog .column {
	margin: 25px 0;
}
#blog .column .blog {
	width: 100%;
	padding: 25px;
}
#main {
 width: 100%;
 padding: 25px 0;
}

/*----------------------RWD響應式官網製作------------------------*/
#rwd-in {
	width: 100%;
	height: auto;
}
#rwd01 {
	display: none;
}
#rwd02 {
	display: none;
}
#rwd03 {
	display: none;
}
#rwd04 {
	display: none;
}
#rwd-mobile {
	display: block;
	width: 100%;
	position: static;
	margin-top: -40px;
}
#designcase {
	width: 80%;
	margin: 10px 10% 80px 10%;
	position: static;
}
#designcase-btn {
	position: absolute;
	left: 50%;
	margin-left: -130px;
	bottom: -22px;
}
#designcase-btn a {
	display: block;
	color: #fff;
	background: #b5d1ce;
	text-align: center;
	padding: 15px 25px;
	font-size: 1.5em;
	width: 260px;
	letter-spacing: 0.01em;
	transition: 0.3s;
}
#web-service h2 {
 font-size: 2.3em;
}
#seo-banner {
	background: #bad8db;
	height: auto;
	padding: 10px 10px 10px 10px;
}
h3.seo-title {
	font-size: 2.5em;
	font-weight: normal;
	margin: 15px 0;
	color: #515151;
	text-align: center;
}
#seo-description {
	width: 100%;
}
ul#seo-tool {
	text-align: center;
}
ul#seo-tool li {
 display: block;
 width: 100%;
}
ul#seo-tool br {
 display: block;
}
#winhand {
	display: none;
}
#web-service .service li {
 width: 100%;
 margin: 0 0 15px 0;
}
#web-service .service li .txt p {
 margin: 0 25px;
}
/*-------------------------------------網頁設計案例---------------------------*/
/*網頁設計列表*/
#design .element {
 float: left;
 width: calc(100% / 3);
 padding: 10px;
}
#design #design-title {
 float: left;
 width: 100%;
 padding: 15px 5px 5px 15px;
 margin-top: 0;
 text-align: center;
}
#design #options {
 display: none;
}
#sublink {
	width:100%;
	padding: 10px;
}
#sublink select {
	width:100%;
  border: 1px solid #bfbfbf;
	padding:8px;
	margin: 5px 0 0 0;
	font-size:1em;
  /*移除箭頭樣式*/
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
  /*改變右邊箭頭樣式*/
	background-image: url(../images/svg/arrowdown.svg);
	background-repeat: no-repeat;
  background-position: right 10px center;
}
#sublink select:focus , aside #sublink option:focus{
  outline: none;
}

/*----------------------------網頁設計內頁介紹--------------------------------*/
#design-detail {
 margin: 5px;
 padding: 0;
 box-shadow: none; 
}
#design-detail #case-img {
 width: 100%;
}
#design-detail #case-txt {
 width: 100%;
 padding: 25px;
 margin-right: 0;
 background: none;
}
#design-detail #case-txt h1 {
 font-size: 2em;
 margin-bottom: 25px;
}
#design-detail #case-txt h3 {
 border-bottom: 2px solid #d8e032;
 display: inline-block;
 padding: 5px;
 font-weight: 500;
}
#design-detail #case-txt ul#feature {
 font-size: 1em;
 color: #7c7d6f;
 margin-left: 5px;
 list-style-type: none;
}
#design-detail #case-link {
 width: 100%;
 padding: 0;
 margin-right: 0;
}
#design-detail #case-link a {
 width: 100%;
}



/*-------------------------------------聯絡我們-------------------------------*/
#contact {
 padding: 5% 3%;
}
#contact-in {
 padding: 15px;
 width: 100%;
}
#contact h1 {
 font-size: 1.7em;
 padding-top: 25px;
}
#contact h4 {
 font-size: 1em;
}
.bg-contact {
 background-attachment:scroll;
}


/*尾部*/
footer {
 background-attachment: scroll;
 background-size: cover;
 background-position: center;
 padding:1%;
}
footer .column {
 margin-bottom: 0;
}
footer .column:nth-child(6) h6 {
 padding-right:0;
 margin-top: 50px;
}
footer .column {
 width: 50%;
}
footer .column li {
  text-align: left;
	padding-left: 25px;
}
footer .column:nth-child(6) {
 width: 100%;
}

}

@media (min-width: 20px) and (max-width: 530px) {
#word h4.en {
 font-size: 3em;
}
#index-service-title h4.en {
 font-size: 3em;
}
br{
 display: none;
}
.textTitle .textDate br {
 display: block;
}
/*網頁設計列表*/
#design .element {
 float: left;
 width: calc(100% / 2);
 padding: 10px;
}
}