.an-item {
							background-color: #C4B296;
							height: 1.5px;
							width: 0px;
							margin: 10px auto 0px;
						}
						
						body {
							font-family: 微軟正黑體, "Arial" !important;
						}
						
						.navbar {
							background: #2E4A61;
						}
						
						.plus {
							visibility: hidden;
							font-size: 10px;
						}
						
						.navbar-nav>li {
							margin-left: 1.3px;
							margin-right: 1.3px;
						}
						
						.nav_formobile {
							display: none!important;
						}
						
						.overlay-content {
							display: none!important;
							line-height: 18px;
						}
						
						.navbar {
							text-align: center;
						}
						
						.navbar>.navbar-header {
							margin-left: 25px;
							margin-top: 15px;
						}
						
						.navbar ul {
							margin-top: 17px;
							margin-left: 15px;
						}
						
						.navbar-center {
							display: inline-block;
							float: none;
							vertical-align: top
						}
						
						li {
							list-style-type: none;
						}
						
						li>a {
							color: #ffffff;
							padding: 10px 0px;
							text-decoration: none;
						}
						
						li>a:hover {
							background-color: rgba(255, 255, 255, 0);
							color: #fff;
							text-decoration: none;
						}
						
						.navbar .nav>li>a:visited {
							background-color: rgba(255, 255, 255, 0);
						}
						
						.navbar .nav>li>a:active {
							background-color: rgba(255, 255, 255, 0);
						}
						
						.navbar .nav>li>a:focus {
							background-color: rgba(255, 255, 255, 0);
						}
						
						.navbar .search {
							width: 150px;
							float: right;
							margin-top: 18px;
							margin-right: 25px;
							visibility: hidden;
						}
						
						.navbar .search input {
							width: 100px;
							border-radius: 15px;
							border: 1px #ffffff solid;
						}
						
						.navbar .search a {
							margin-left: 8px;
						}
						
						.menudeco {
							width: 1px;
							height: 13px;
							background: #ffffff;
							margin-top: 5px;
						}
						
						.menu_eword {
							font-size: 12px;
							color: #6d6d6e;
						}
						
						body {
							padding-top: 60px;
							background-image: url("../img/about-img/backgroundimg.svg") !important;
							background-repeat: repeat-y !important;
							background-size: contain !important;
						}
						
						.mobilebar_open {
							display: none;
						}
						/*  marketing  */
						
						.mk_header {
							padding-top: 60px;
							width: 85%;
							margin: 20px auto 25px;
						}
						
						.mk_header img {
							width: 25%;
						}
						
						.mk_header p {
							margin-left: 5px;
							margin-top: 10px;
							font-size: 14px;
							letter-spacing: 1px;
						}
						
						.mk_line {
							width: 85%;
							margin: 0 auto;
							background-color: #131313;
							height: 1px;
							margin-bottom: 50px;
						}
						
						.service {
							width: 82%;
							height: 420px;
							margin: 0 auto;
						}
						
						.service .marketing-01 {
							width: 33.33%;
							float: left;
							height: 210px;
							background-color: #242424;
						}
						
						.service .marketing-01bg {
							background: url('../img/marketing-img/marketing-01.png') center center;
							background-size: cover;
						}
						
						.service .marketing-02 {
							width: 33.33%;
							float: left;
							height: 210px;
							background-color: #343434;
						}
						
						.service .marketing-02bg {
							background: url('../img/marketing-img/marketing-02.png') center center;
							background-size: cover;
						}
						
						.service .marketing-03 {
							width: 33.33%;
							float: left;
							height: 210px;
						}
						
						.service .marketing-03bg {
							background: url('../img/marketing-img/marketing-03.png') center center;
							background-size: cover;
						}
						
						.service .marketing-04 {
							width: 33.33%;
							float: left;
							height: 210px;
							background-color: #343434;
						}
						
						.service .marketing-04bg {
							background: url('../img/marketing-img/marketing-04.png') center center;
							background-size: cover;
						}
						
						.service .marketing-05 {
							width: 33.33%;
							float: left;
							height: 210px;
						}
						
						.service .marketing-05bg {
							background: url('../img/marketing-img/marketing-05.png') center center;
							background-size: cover;
						}
						
						.service .marketing-06 {
							width: 33.33%;
							float: left;
							height: 210px;
							background-color: #242424;
						}
						
						.service .marketing-06bg {
							background: url('../img/marketing-img/marketing-06.png') center center;
							background-size: cover;
						}
						
						.service p {
							font-size: 18px;
							letter-spacing: 1px;
							color: #838383;
							margin-left: 30px;
							margin-top: 10%;
						}
						
						.service .marketing-01 img {
							width: 85%;
							margin-top: -20px;
							margin-left: 5px;
						}
						
						.service .marketing-02 img {
							width: 70%;
							margin-top: -18px;
							margin-left: 10px;
						}
						
						.service .marketing-03 img {
							width: 85%;
							margin-top: -20px;
							margin-left: 10px;
						}
						
						.service .marketing-04 img {
							width: 85%;
							margin-top: -25px;
							margin-left: 5px;
						}
						
						.service .marketing-05 img {
							width: 70%;
							margin-top: -20px;
							margin-left: 14px;
						}
						
						.service .marketing-06 img {
							width: 85%;
							margin-top: -22px;
							margin-left: 5px;
						}
						/*隱私權政策*/
						.privacy {
							color: #b9b9b9;

						}
						.privacy input {
							width: auto !important;
						}
						input.privacy {
							width: auto !important;
						}
						
						.modleformobile {
							display: none;
						}
						
						.modle {
							width: 100%;
							margin-top: 70px;
						}
						
						.modle img:nth-of-type(1) {
							display: block;
							margin: 0px auto 70px;
							width: 30%;
						}
						
						.modle img:nth-of-type(2) {
							width: 30%;
							display: block;
							margin-left: 35px;
							float: left;
						}
						
						.modle .leftside {
							display: block;
							width: 150px;
							text-align: center;
							float: left;
							margin-left: 325px;
							margin-top: 20px;
						}
						
						.modle .leftside p {
							width: 80px;
							display: inline-block;
							font-size: 13px;
							margin-bottom: 55px;
						}
						
						.modle .leftside p:nth-child(1) {
							margin-left: 110px;
						}
						
						.modle .leftside p:nth-child(2) {
							margin-left: 70px;
						}
						
						.modle .leftside p:nth-child(4) {
							margin-left: 70px;
						}
						
						.modle .leftside p:nth-child(5) {
							margin-left: 110px;
						}
						
						.modle .rightside {
							display: block;
							float: right;
							width: 210px;
							display: block;
							margin-right: 270px;
							margin-top: 35px;
						}
						
						.modle .rightside p:nth-child(odd) {
							font-weight: bolder;
							font-size: 15px;
						}
						
						.modle .rightside p:nth-child(even) {
							font-size: 12px;
							letter-spacing: 1px;
							margin-bottom: 37px;
						}
						
						.modle .rightside p:nth-child(3) {
							color: #C4B296;
						}
						
						.modle>.mk_line2 {
							clear: both;
							width: 65%;
							background-color: #131313;
							height: 1px;
							margin: 520px auto 55px;
						}
						
						.mk_under {
							margin-bottom: 150px;
						}
						
						.mk_under .mk_title {
							width: 48%;
							margin: 0 auto;
							text-align: left;
							line-height: 26px;
							letter-spacing: 1.5px;
						}
						
						.mk_under .mk_under_toolformobile {
							display: none;
						}
						
						.mk_under .mk_under_tool {
							width: 46%;
							margin: 50px 0 40px 376px;
						}
						
						.mk_under .mk_under_tool img {
							float: left;
							margin-right: 15px;
						}
						
						.mk_under .mk_under_tool p:nth-child(2) {
							font-weight: bolder;
							padding-top: 4px;
						}
						
						.mk_under .mk_under_tool p:nth-child(3) {
							font-weight: 400;
							letter-spacing: 1.7px;
							line-height: 25px;
							margin-top: 20px;
						}
						
						.mk_under .mk_under_service {
							width: 46%;
							margin: 50px 0 40px 376px;
						}
						
						.mk_under .mk_under_service img {
							float: left;
							margin-right: 15px;
						}
						
						.mk_under .mk_under_service p:nth-child(2) {
							font-weight: bolder;
							padding-top: 4px;
						}
						
						.mk_under .mk_under_service p:nth-child(3) {
							font-weight: 400;
							letter-spacing: 1.7px;
							line-height: 25px;
							margin-top: 20px;
						}
						/*  omp  */
						
						.design {
							/*margin-bottom: 50%;*/
						}
						
						.omp_header {
							padding-top: 60px;
							width: 85%;
							margin: 20px auto 0px;
						}
						
						.omp_header .rightside {
							width: 350px;
							float: right;
						}
						
						.omp_header .rightside img {
							float: right;
							margin-right: 10px;
							width: 250px;
						}
						
						.omp_header .rightside p {
							margin-left: 5px;
							margin-top: 5px;
							font-size: 14px;
							letter-spacing: 1px;
							float: right;
							width: 100px;
							text-align: center;
						}
						
						.omp_header .back {
							width: 90px;
							float: left;
							margin-top: 50px;
						}
						
						.omp_header .back img {
							width: 20px;
							float: left;
							display: block;
						}
						
						.omp_header .back p {
							width: 60px;
							float: right;
							display: inline-block;
							font-size: 14px;
							margin-left: 10px;
							font-style: italic;
						}
						
						.omp_header .back a {
							color: #5c5c5c;
						}
						
						.omp_header .back a:hover {
							color: #C4B296;
						}
						
						.mobilebar_open {
							display: none;
						}
						
						.omp_line {
							width: 85%;
							height: 1px;
							margin: 0 auto;
							background-color: #131313;
							clear: both;
						}
						
						.omp_line:nth-of-type(2) {
							width: 85%;
							height: 1px;
							margin: 0px auto;
							background-color: #131313;
							clear: both;
						}
						
						.omp {
							margin: 60px auto 100px;
							width: 90%;
						}
						
						.omp_img {
							width: 100%
						}
						
						.omp_img>img:nth-of-type(1) {
							width: 85%;
							height: auto;
							display: block;
							margin: 0px auto;
							z-index: -2;
							position: absolute;
						}
						
						.child_title {
							margin-left: 3%;
						}
						
						.child_title>p {
							font-size: 55px;
							color: #C4B296;
							font-weight: bolder;
							letter-spacing: 2px;
						}
						
						.omp .formobile {
							display: none;
						}
						
						.omptext {
							margin: 60% auto 0px;
							width: 100%;
						}
						
						.omp .omptext .leftside {
							width: 600px;
							float: left;
							margin-left: 55px;
						}
						
						.omp .omptext .leftside p:nth-child(1) {
							font-weight: bolder;
							font-size: 17px;
							letter-spacing: 2px;
							color: #C4B296;
						}
						
						.omp .omptext .leftside p:nth-child(2) {
							font-size: 15px;
							letter-spacing: 2.5px;
							line-height: 26px;
							text-align: justify;
						}
						
						.omp .omptext .rightside {
							float: right;
							width: 260px;
							background-color: #000000;
							margin-right: 71px;
						}
						
						.omp .omptext .rightside_ads {
							float: right;
							width: 310px;
							background-color: #000000;
							margin-right: 71px;
						}
						
						.rightside01 {
							height: 130px;
						}
						
						.star01 {
							margin-top: 40px;
						}
						
						.starline01 {
							margin-top: 45px;
						}
						
						.rightside05 {
							height: 110px;
						}
						
						.star05 {
							margin-top: 28px;
						}
						
						.starline05 {
							margin-top: 32px;
						}
						
						.star {
							float: left;
							color: #C4B296;
							font-weight: 500;
							width: 40px;
							margin-left: 28px;
						}
						
						.star>img {
							display: block;
							margin: 0 auto;
						}
						
						.star>p {
							text-align: center;
						}
						
						.starline {
							width: 1.2px;
							height: 40px;
							background-color: #C4B296;
							float: left;
							margin-left: 14px;
						}
						
						.omp .omptext .rightside .lefttext {
							float: right;
							color: #fff;
							font-size: 13px;
							width: 150px;
							line-height: 21px;
							margin-top: 12px;
						}
						
						.lefttext_ads {
							float: right;
							color: #fff;
							font-size: 13px;
							width: 200px;
							line-height: 21px;
							margin-top: 12px;
							margin-right: 10px;
						}
						
						.stories {
							width: 80%;
							margin: 0px auto;
						}
						
						.stories .successfulstories {
							width: 140px;
							height: 48px;
							background-color: #000000;
							font-size: 19px;
							font-weight: bolder;
							letter-spacing: 1.5px;
							color: #fff;
							letter-spacing: 5px;
						}
						
						.stories .successfulstories .SUCCESSFUL {
							float: left;
							width: 140px;
							text-align: center;
							border-bottom: 2px #C4B296 solid;
							margin-top: 10px;
						}
						
						.stories img {
							width: 100%;
							height: auto;
							display: block;
							margin: 70px auto 0;
						}
						
						.stories_under {
							width: 80%;
							margin: 40px auto 0px;
						}
						
						.stories_under .sperry_text {
							margin-top: 30px;
							margin-bottom: 150px;
							font-size: 14px;
							letter-spacing: 1.2px;
						}
						
						.stories_under .sperry_text li {
							margin-bottom: 8px;
							font-size: 15px;
							letter-spacing: 2px;
						}
						
						.stories_under .case {
							float: left;
							margin: 80px 0 110px;
						}
						
						.stories_under .case img {
							display: block;
							margin: 0 auto;
						}
						/*contact*/
						
						.contact {
							width: 33%;
							margin: 80px auto 140px;
						}
						
						.contact img {
							width: 70%;
							margin: 0 auto;
							display: block;
						}
						
						.contact p {
							letter-spacing: 1.4px;
							font-size: 15px;
							line-height: 25px;
							text-align: center;
							margin-top: 40px;
						}
						
						form {
							text-align: center;
							margin-top: 40px;
							width: 100%;
						}
						
						.contact form .text input {
							margin-top: 10px;
							padding: 10px 38px 10px 10px;
							border: 0.5px #F2F2F2 solid;
							background: #F2F2F2;
							width: 100%;
						}
						
						.text .dropdown_menu {
							margin-top: 10px;
							height: 40px;
							padding: 10px 38px 10px 10px;
							border: 0.5px #F2F2F2 solid;
							background: #F2F2F2;
							width: 100%;
						}
						
						.contact form .text input:nth-of-type(4) {
							padding: 20px 20px 150px 10px;
						}
						
						.contact form .submit {
							margin-top: 25px;
							width: 100%;
						}
						
						.contact form .submit .cpt {
							padding: 5px 10px;
							background: #F2F2F2;
							border: 0.5px #F2F2F2 solid;
							float: left;
							width: 102px;
						}
						
						.contact form .submit .mathimg {
							width: 100px;
							height: 32px;
							margin-left: 7px;
							float: left;
						}
						
						.contact form .submit .sendbtn {
							float: right;
							background: rgba(255, 255, 255, 0);
							border: none;
							border-bottom: solid;
							border-bottom-color: #C4B296;
							border-bottom-width: 2px;
							color: #131313;
							margin-top: 5px;
						}
						
						.line {
							width: 80%;
							height: 1px;
							margin: 0 auto;
							background-color: #131313;
							margin-bottom: 50px;
						}
						
						.map {
							width: 75%;
							margin: 0px auto 100px;
						}
						
						.map .leftside {
							float: left;
							width: 48%;
						}
						
						.map .leftside>iframe {
							display: block;
							margin: 0px auto;
						}
						
						.map .rightside {
							float: right;
							width: 48%;
						}
						
						.map .rightside>iframe {
							display: block;
							margin: 0px auto;
						}
						
						.kinfo,
						.tinfo {
							text-align: center;
							margin-top: 20px;
						}
						
						.map p {
							letter-spacing: 1.3px;
							font-size: 14px;
							line-height: 18px;
						}
						
						.siencom {
							margin: 0px auto 80px;
							width: 15%;
							text-align: center;
							font-size: 15px;
							line-height: 19px;
							letter-spacing: 1.3px;
							font-weight: normal;
						}
							/*104招聘*/
							.a4 {
								color: #2a5f87 !important;
								font-size: 20px !important;
								font-weight: 350px !important;
							}
							a.a4:visited {
								color: #2a5f87 !important;
							}
							h3.qjob {
								margin-top: 20px;
							}
							.a5 {
								color: #8a6d3b !important;
							}
						/*about-us*/
						
						.aboutnav>.container {
							width: 100%;
						}
						
						.aboutnav {
							width: 81.2%;
							margin: 100px auto 0px;
						}
						
						.about_us_header>.container {
							width: 100%;
							margin: 0px auto;
							padding: 0px;
						}
						
						.about_line {
							background-color: #4C4845;
							width: 81.2%;
							height: 1px;
							margin: 8px auto 0px;
						}
						
						.aboutnavformobile {
							display: none;
						}
						
						.aboutnav>div>div>ul {
							list-style-type: none;
							padding-left: 0px;
						}
						
						.aboutnav>div>div>ul>div {
							float: left;
							z-index: -1;
							position: absolute;
						}
						
						.aboutnav>div>div>ul>div>.parallelogram01 {
							width: 0;
							height: 0;
							border-top: 30px solid #040202;
							border-left: 100px solid #040202;
							border-right: 14px solid transparent;
							margin-right: -5px;
							float: left;
						}
						
						.parallelogram01_red {
							width: 0;
							height: 0;
							border-top: 30px solid #C4B296;
							border-left: 100px solid #C4B296;
							border-right: 14px solid transparent;
							margin-right: -5px;
							float: left;
						}
						
						.aboutnav>div>div>ul>div>.parallelogram02 {
							width: 100px;
							height: 30px;
							background: #040202;
							-webkit-transform: skew(-25deg);
							-moz-transform: skew(-25deg);
							-o-transform: skew(-25deg);
							transform: skew(-25deg);
							margin-right: -5px;
							float: left;
						}
						
						.parallelogram02_red {
							width: 100px;
							height: 30px;
							background: #C4B296;
							-webkit-transform: skew(-25deg);
							-moz-transform: skew(-25deg);
							-o-transform: skew(-25deg);
							transform: skew(-25deg);
							margin-right: -5px;
							float: left;
						}
						
						.aboutnav>div>div>ul>div>.parallelogram03 {
							width: 0;
							height: 0;
							border-bottom: 30px solid #040202;
							border-left: 14px solid transparent;
							border-right: 100px solid #040202;
							float: left;
						}
						
						.parallelogram03_red {
							width: 0;
							height: 0;
							border-bottom: 30px solid #C4B296;
							border-left: 14px solid transparent;
							border-right: 100px solid #C4B296;
							float: left;
						}
						
						.aboutnav>div>div>ul>li {
							width: 100px;
							height: 30px;
							text-align: center;
							line-height: 30px;
							float: left;
							margin-left: 5px;
						}
						
						.aboutnav>div>div>ul>li>a {
							color: white;
							font-weight: 700;
							text-decoration: none;
							letter-spacing: 0.5px;
						}
						
						.aboutnav>div>div>ul>li>.a_red:hover {
							color: #C4B296;
							cursor: pointer;
						}
						
						.aboutnavformobile>div>div>ul>li>.a_red:hover {
							color: #C4B296;
							cursor: pointer;
						}
						
						.about_us_header {
							width: 81.2%;
							margin: 0px auto;
						}
						
						.about_us_header .right_title {
							margin-top: 20px;
							margin-bottom: 40px;
							width: 20%;
							float: left;
						}
						
						.about_us_header .right_title .ABOUTUS_small {
							font-size: 16px;
							letter-spacing: 3px;
							font-weight: normal;
							margin-top: 4px;
						}
						
						.about_us_header .left_titleformobile {
							display: none;
						}
						
						.about_us_header .left_title {
							margin-top: 30px;
							width: 62%;
							float: right;
						}
						
						.about_us_header .left_title p {
							font-size: 14px;
							letter-spacing: 2px;
							font-weight: 350;
							line-height: 25px;
							text-align: justify;
						}
						
						.about_us_header .space-earth-h {
							width: 100%;
							height: 560px;
							display: block;
							clear: both;
						}
						
						.about_us_header .space-earth {
							background: url('../img/about-img/space-earth.png')center center;
							background-repeat: no-repeat;
							background-size: 100% auto;
						}
						
						.about_us_asideformobile {
							display: none;
						}
						
						.about_us_aside {
							width: 81.2%;
							margin: 0px auto;
						}
						
						.about_us_aside .black-and-white {
							width: 38%;
							height: auto;
							margin-top: 80px;
							float: left;
						}
						
						.about_us_aside .rightside {
							float: right;
							width: 50%;
							margin-top: -72px;
						}
						
						.FOUNDINKAOHSIUNG {
							width: 50%;
							margin-top: -120px;
							float: right;
						}
						
						.about_us_aside .rightside .FOUNDINKAOHSIUNG_content {
							margin-top: 150px;
						}
						
						.about_us_aside .rightside .FOUNDINKAOHSIUNG_content p {
							font-size: 16px;
							letter-spacing: 2.5px;
							font-weight: 350;
							line-height: 30px;
							text-align: justify;
						}
						
						.about_us_aside .rightside .ENTERPRISE_MISSION_title {
							float: left;
							margin-top: 40px;
							margin-bottom: 20px;
							width: 450px;
						}
						
						.about_us_aside .rightside .ENTERPRISE_MISSION_title .enterprise {
							width: 50%;
							float: left;
						}
						
						.about_us_aside .rightside .ENTERPRISE_MISSION_title .mission {
							width: 37%;
							float: left;
							margin-left: 10px;
							border-bottom: solid;
							border-bottom-color: #C4B296;
							border-bottom-width: 2px;
						}
						
						.about_us_aside .rightside .ENTERPRISE_MISSION_content {
							width: 365px;
							float: left;
							margin-left: 35px;
						}
						
						.about_us_aside .rightside .ENTERPRISE_MISSION_content p {
							font-size: 13px;
							letter-spacing: 1px;
							font-weight: 350;
							line-height: 21px;
						}
						
						.about_us_aside .rightside .NTERPRISE_MISSION_project {
							font-size: 13px;
							width: 455px;
							margin-top: 30px;
							float: left;
						}
						
						.about_us_aside .rightside .NTERPRISE_MISSION_project .project_title {
							background-color: #131313;
							width: 70px;
							height: 22px;
							color: #ffffff;
							text-align: center;
							line-height: 22px;
						}
						
						.about_us_aside .rightside .NTERPRISE_MISSION_project .project_content {
							margin-top: 10px;
							line-height: 22px;
							font-weight: 350;
						}
						
						.about_us_under {
							clear: both;
						}
						
						.about_us_under .space-earth-2 {
							background: url('../img/about-img/space-earth-2.png')center center;
							background-repeat: no-repeat;
							background-size: 100% auto;
							clear: both;
						}
						
						.about_us_under .space-earth-2-h {
							width: 90%;
							height: 385px;
							display: block;
							margin: 50px auto 0px;
						}
						
						.triangle-bottomleft {
							width: 0;
							height: 0;
							border-bottom: 344px solid #C4B296;
							border-right: 215px solid transparent;
							margin-left: -25px;
							padding-top: 64px;
						}
						
						.about_us_under .under_leftsideformobile {
							display: none;
						}
						
						.about_us_under .under_leftside {
							float: left;
							width: 30%;
							font-size: 13px;
							margin-left: 90px;
						}
						
						.about_us_under .under_leftside img {
							margin-top: -50px;
							width: 100%;
							margin-left: -8px;
						}
						
						.about_us_under .under_leftside .b2b {
							width: 315px;
							float: left;
						}
						
						.about_us_under .under_leftside .b2c {
							width: 173px;
							float: left;
							margin-top: -5px;
						}
						
						.about_us_under .under_leftside .color-red {
							color: #C4B296;
							width: 40px;
							float: right;
						}
						
						.about_us_under .under_rightsideformobile {
							display: none
						}
						
						.about_us_under .under_rightside {
							float: right;
							width: 43%;
							margin-top: 50px;
							margin-right: 70px;
							margin-bottom: 100px;
						}
						
						.about_us_under .under_rightside p {
							background-color: #131313;
							width: 60px;
							height: 22px;
							color: #ffffff;
							text-align: center;
							line-height: 22px;
						}
						
						.about_us_under .under_rightside ul {
							font-size: 13px;
							letter-spacing: 1px;
							font-weight: 350;
							line-height: 21px;
							text-align: justify;
						}
						
						.about_us_under .under_rightside .B2C {
							margin-top: 30px;
						}
						/*history*/
						
						.history_line {
							background-color: #4C4845;
							width: 81.2%;
							height: 1px;
							margin: 8px auto 0px;
						}
						
						.history_header {
							display: block;
						}
						
						.history_header img {
							width: 21%;
							margin-left: 130px;
							margin-top: 30px;
						}
						
						.history_leftside {
							width: 11%;
							float: left;
							margin-left: 300px;
							margin-top: 105px;
							margin-bottom: 130px;
						}
						
						.history_content,
						.team_content {
							width: 100%;
						}
						
						.talkbubble-2016 {
							width: 164px;
							height: 60px;
							background: #D3D3D3;
							position: relative;
							-moz-border-radius: 15px;
							-webkit-border-radius: 15px;
							border-radius: 15px;
							line-height: 60px;
						}
						
						.talkbubble-2016:before {
							content: "";
							position: absolute;
							left: 100%;
							top: 18px;
							width: 0;
							height: 0;
							border-top: 10px solid transparent;
							border-left: 18px solid #D3D3D3;
							border-bottom: 10px solid transparent;
						}
						
						.talkbubble-2013 {
							width: 164px;
							height: 323px;
							background: #D3D3D3;
							position: relative;
							-moz-border-radius: 15px;
							-webkit-border-radius: 15px;
							border-radius: 15px;
							margin-top: 20px;
						}
						
						.talkbubble-2013:before {
							content: "";
							position: absolute;
							left: 100%;
							top: 148px;
							width: 0;
							height: 0;
							border-top: 10px solid transparent;
							border-left: 18px solid #D3D3D3;
							border-bottom: 10px solid transparent;
						}
						
						.talkbubble-2013 .text-2013 {
							display: inline-block;
							width: 164px;
							margin-top: 130px;
						}
						
						.talkbubble-2009 {
							width: 164px;
							height: 60px;
							background: #D3D3D3;
							position: relative;
							-moz-border-radius: 15px;
							-webkit-border-radius: 15px;
							border-radius: 15px;
							margin-top: 95px;
							line-height: 60px;
						}
						
						.talkbubble-2009:before {
							content: "";
							position: absolute;
							left: 100%;
							top: 18px;
							width: 0;
							height: 0;
							border-top: 10px solid transparent;
							border-left: 18px solid #D3D3D3;
							border-bottom: 10px solid transparent;
						}
						
						.talkbubble-2008 {
							width: 164px;
							height: 60px;
							background: #D3D3D3;
							position: relative;
							-moz-border-radius: 15px;
							-webkit-border-radius: 15px;
							border-radius: 15px;
							margin-top: 8px;
							line-height: 60px;
						}
						
						.talkbubble-2008:before {
							content: "";
							position: absolute;
							left: 100%;
							top: 18px;
							width: 0;
							height: 0;
							border-top: 10px solid transparent;
							border-left: 18px solid #D3D3D3;
							border-bottom: 10px solid transparent;
						}
						
						.talkbubble-2007 {
							width: 164px;
							height: 60px;
							background: #D3D3D3;
							position: relative;
							-moz-border-radius: 15px;
							-webkit-border-radius: 15px;
							border-radius: 15px;
							margin-top: 8px;
							line-height: 60px;
						}
						
						.talkbubble-2007:before {
							content: "";
							position: absolute;
							left: 100%;
							top: 18px;
							width: 0;
							height: 0;
							border-top: 10px solid transparent;
							border-left: 18px solid #D3D3D3;
							border-bottom: 10px solid transparent;
						}
						
						.talkbubble-2007 .text-2007 {
							display: none;
						}
						
						.talkbubble-2006 {
							width: 164px;
							height: 60px;
							background: #D3D3D3;
							position: relative;
							-moz-border-radius: 15px;
							-webkit-border-radius: 15px;
							border-radius: 15px;
							margin-top: 8px;
							line-height: 60px;
						}
						
						.talkbubble-2006:before {
							content: "";
							position: absolute;
							left: 100%;
							top: 18px;
							width: 0;
							height: 0;
							border-top: 10px solid transparent;
							border-left: 18px solid #D3D3D3;
							border-bottom: 10px solid transparent;
						}
						
						.talkbubble-2003 {
							width: 164px;
							height: 203px;
							background: #D3D3D3;
							position: relative;
							-moz-border-radius: 15px;
							-webkit-border-radius: 15px;
							border-radius: 15px;
							margin-top: 55px;
							line-height: 203px;
						}
						
						.talkbubble-2003:before {
							content: "";
							position: absolute;
							left: 100%;
							top: 90px;
							width: 0;
							height: 0;
							border-top: 10px solid transparent;
							border-left: 18px solid #D3D3D3;
							border-bottom: 10px solid transparent;
						}
						
						.history_leftside p {
							color: #ffffff;
							font-size: 18px;
							text-align: center;
						}
						
						.history_middleside {
							width: 8%;
							margin-left: 40px;
							margin-top: 41px;
							float: left
						}
						
						.history_middleside img {
							width: 90px;
							display: block;
							margin: 0 auto 7.21px;
						}
						
						.history_doteline {
							width: 2%;
							float: left;
							margin-top: 60px;
							margin-left: 20px;
						}
						
						.history_doteline img {
							display: block;
							margin: 0 auto 0px;
						}
						
						.blackline {
							width: 1px;
							height: 60px;
							background: black;
							margin: 0 auto;
							display: block;
							text-align: center;
						}
						
						.redline {
							width: 1px;
							height: 60px;
							background: black;
							margin: 0 auto;
							display: block;
							text-align: center;
						}
						
						.history_rightside {
							width: 45%;
							float: left;
							margin-left: 32px;
							display: block;
							margin-top: 54px;
							text-align: justify
						}
						
						.history_rightside p {
							font-size: 16px;
							letter-spacing: 1.5px;
							font-weight: normal;
							margin-bottom: 48px;
						}
						/*team*/
						
						.team_line {
							background-color: #4C4845;
							width: 81.2%;
							height: 1px;
							margin: 8px auto 0px
						}
						
						.team_header .headerbg {
							background: url('../img/about-img/team-header.png')center center;
							background-repeat: no-repeat;
							background-size: 100% auto;
							float: left;
							position: absolute;
							z-index: -1;
						}
						
						.team_header .headerbgh {
							width: 50%;
							height: 430px;
							margin: 50px 0px 0px 130px;
						}
						
						.team_header .header-rightside {
							width: 40%;
							float: right;
							margin-top: 75px;
							margin-right: 180px;
							z-index: 0;
						}
						
						.team_header img {
							float: left;
							width: 60%;
						}
						
						.team_header .header-rightside .creativity_text {
							float: left;
						}
						
						.team_header .header-rightside .creativity_title {
							font-size: 18px;
							letter-spacing: 1px;
							font-weight: normal;
							margin-top: 10px;
						}
						
						.team_header .header-rightside .creativity_content {
							font-size: 16px;
							letter-spacing: 2px;
							font-weight: 350;
							line-height: 30px;
							margin-top: 15px;
							text-align: justify;
						}
						
						.team_underformobile {
							display: none;
						}
						
						.team_under .under_leftside {
							width: 31%;
							margin-top: 550px;
							margin-left: 170px;
							float: left;
						}
						
						.team_under .under_leftside img {
							width: 68%;
						}
						
						.team_under .under_leftside .office_title {
							font-size: 18px;
							letter-spacing: 1px;
							font-weight: normal;
							margin-top: 10px;
							margin-left: 15px;
						}
						
						.team_under .under_leftside p {
							margin-top: 30px;
							font-size: 16px;
							letter-spacing: 2px;
							font-weight: 350;
							line-height: 30px;
							margin-left: 15px;
							text-align: justify;
						}
						
						.team_under .under_rightside {
							width: 35%;
							float: right;
							margin-right: 180px;
							margin-top: 100px;
							margin-bottom: 110px;
						}
						
						.team_under .under_rightside .office_left {
							float: left;
							width: 48%;
							margin-right: 9px;
							margin-top: 90px;
						}
						
						.team_under .under_rightside .office_right {
							float: right;
							width: 48%;
							margin-left: 9px;
						}
						
						.team_under .under_rightside .triangle-topleft {
							width: 0;
							height: 0;
							border-top: 200px solid #C4B296;
							border-right: 150px solid transparent;
							margin-left: -20px;
							margin: -19px;
						}
						
						.team_under .under_rightside .team-office-01 {
							background: url('../img/about-img/team-office01.png')center center;
							background-repeat: no-repeat;
							background-size: 100% auto;
						}
						
						.team_under .under_rightside .team-office-01h {
							height: 326px;
							width: 100%;
							float: left;
							margin-bottom: 22px;
						}
						
						.team_under .under_rightside .team-office-02 {
							background: url('../img/about-img/team-office02.png')center center;
							background-repeat: no-repeat;
							background-size: 100% auto;
						}
						
						.team_under .under_rightside .team-office-02h {
							height: 326px;
							width: 100%;
							clear: both;
						}
						
						.team_under .under_rightside .team-office-03 {
							background: url('../img/about-img/team-office03.png')center center;
							background-repeat: no-repeat;
							background-size: 100% auto;
						}
						
						.team_under .under_rightside .team-office-03h {
							height: 152px;
							width: 100%;
							float: right;
							margin-bottom: 20px;
						}
						
						.team_under .under_rightside .team-office-04 {
							background: url('../img/about-img/team-office04.png')center center;
							background-repeat: no-repeat;
							background-size: 100% auto;
						}
						
						.team_under .under_rightside .team-office-04h {
							height: 326px;
							width: 100%;
							float: right;
							margin-bottom: 20px;
						}
						
						.team_under .under_rightside .team-office-05 {
							background: url('../img/about-img/team-office05.png')center center;
							background-repeat: no-repeat;
							background-size: 100% auto;
						}
						
						.team_under .under_rightside .team-office-05h {
							height: 156px;
							width: 100%;
							float: right;
						}
						
						.url {
							font-size: 11px;
						}
						
						.clear {
							clear: both;
						}
						
						.hidden-mb {
							display: none;
						}
						
						input,
						button,
						select,
						textarea {
							outline: none;
						}
						/*手機漢堡選單未展開*/
						
						.mobile_hb {
							margin-top: -20px;
						}
						/*產品頁面*/
						
						.PD_title {
							width: 100%;
							line-height: 40px;
							margin-bottom: 50px;
						}
						
						.PD_title_e {
							font-size: 42px;
							font-family: "Arial Black";
							color: #000;
							margin-top: 40px;
							font-weight: bold;
							color: #333;
						}
						
						.PD_line {
							height: 1px;
							margin: 0 auto;
							background-color: #131313;
							margin-bottom: 50px;
						}
						
						.pd_content {
							width: 80%;
							margin: 0 auto;
						}
						
						.pd_kind_list_3 {
							width: 33.33%;
							float: left;
							height: 210px;
							background-color: #000000;
						}
						
						.pd_kind_list_50 {
							width: 50%;
							float: left;
							height: 210px;
							background-color: #242424;
						}
						
						.pd_kind_in {
							padding: 40px;
							color: #aaaaaa;
						}
						
						.pd_kind_in:hover {
							color: #ffffff;
							cursor: pointer;
						}
						
						.pd_kind_in>p {
							margin: 2px 0px;
						}
						
						.pd_title {
							font-size: 30px;
							font-weight: 600;
						}
						
						.pd_kind_eword {
							font-size: 12px;
						}
						
						.pd_kind_cross {
							font-size: 33px;
							margin-top: 5px;
							line-height: 28px;
							font-weight: 600;
						}
						
						.pd_kind_cword:hover {
							color: #ebebeb;
							cursor: pointer;
						}
						
						.pd_text {
							padding: 80px 0 50px 0;
							line-height: 25px;
						}
						
						.pd_text_l,
						.pd_text_r {
							width: 50%;
							float: left;
						}
						
						.pd_text_img01 {
							width: 100%;
							background: url("../img/marketing-img/text-img.JPG") no-repeat center;
							background-size: cover;
							height: 300px;
						}
						
						.pd_text_img02 {
							width: 100%;
							background: url("../img/design-img/text-img.JPG") no-repeat center;
							background-size: cover;
							height: 300px;
						}
						
						.pd_text_img03 {
							width: 100%;
							background: url("../img/adv-img/text-img.JPG") no-repeat center;
							background-size: cover;
							height: 300px;
						}
						
						.pd_text_img04 {
							width: 100%;
							background: url("../img/ecom-img/text-img.JPG") no-repeat center;
							background-size: cover;
							height: 300px;
						}
						
						.pd_text_in {
							letter-spacing: 2px;
							margin-right: 20px;
							line-height: 25px;
							font-size: 14px;
							text-align: justify;
						}
						
						.pd_text_title {
							font-size: 20px;
							font-weight: bold;
							margin: 30px 0 5px 0;
							border-bottom: 3px solid #C4B296;
							width: 50px;
						}
						/*Marketing行銷服務*/
						
						.marketing_bg01 {
							background: url('../img/marketing-img/marketing-01.png') center center;
						}
						
						.marketing_bg02 {
							background: url('../img/marketing-img/marketing-02.png') center center;
						}
						
						.marketing_bg03 {
							background: url('../img/marketing-img/marketing-03.png') center center;
						}
						
						.marketing_bg04 {
							background: url('../img/marketing-img/marketing-04.png') center center;
						}
						
						.marketing_bg05 {
							background: url('../img/marketing-img/marketing-05.png') center center;
						}
						
						.marketing_bg06 {
							background: url('../img/marketing-img/marketing-06.png') center center;
						}
						
						.marketing_bg01,
						.marketing_bg02,
						.marketing_bg03,
						.marketing_bg04,
						.marketing_bg05,
						.marketing_bg06 {
							background-size: cover;
							height: 210px;
							-webkit-transition: .5s;
							opacity: 0.7;
						}
						
						.marketing_bg01:hover,
						.marketing_bg02:hover,
						.marketing_bg03:hover,
						.marketing_bg04:hover,
						.marketing_bg05:hover,
						.marketing_bg06:hover {
							opacity: 1;
							cursor: pointer;
						}
						/*Advertising媒體廣告*/
						
						.adv_bg01 {
							background: url('../img/adv-img/adv-01.JPG') center center;
						}
						
						.adv_bg02 {
							background: url('../img/adv-img/adv-02.JPG') center center;
						}
						
						.adv_bg01,
						.adv_bg02 {
							background-size: cover;
							height: 210px;
							-webkit-transition: .5s;
							opacity: 0.7;
						}
						
						.adv_bg01:hover,
						.adv_bg02:hover {
							opacity: 1;
							cursor: pointer;
						}
						/*DESIGN設計*/
						
						.design_bg01 {
							background: url('../img/design-img/design-01.JPG') center center;
						}
						
						.design_bg02 {
							background: url('../img/design-img/design-02.JPG') center center;
						}
						
						.design_bg03 {
							background: url('../img/design-img/design-03.JPG') center center;
						}
						
						.design_bg01,
						.design_bg02,
						.design_bg03 {
							background-size: cover;
							height: 210px;
							-webkit-transition: .5s;
							opacity: 0.7;
						}
						
						.design_bg01:hover,
						.design_bg02:hover,
						.design_bg03:hover {
							opacity: 1;
							cursor: pointer;
						}
						/*ecom電子商務*/
						
						.ecom_bg01 {
							background: url('../img/ecom-img/ecom01.jpg') center center;
						}
						
						.ecom_bg02 {
							background: url('../img/ecom-img/ecom02.jpg') center center;
						}
						
						.ecom_bg03 {
							background: url('../img/ecom-img/ecom03.jpg') center center;
						}
						
						.ecom_bg01,
						.ecom_bg02,
						.ecom_bg03 {
							background-size: cover;
							height: 210px;
							-webkit-transition: .5s;
							opacity: 0.7;
						}
						
						.ecom_bg01:hover,
						.ecom_bg02:hover,
						.ecom_bg03:hover {
							opacity: 1;
							cursor: pointer;
						}
						/*成功案例case*/
						
						.case_story_formaobile {
							display: none;
						}
						
						.case_title {
							width: 70%;
							margin: 50px auto 0;
						}
						
						.case_title>p {
							font-weight: bolder;
							font-size: 25px;
							letter-spacing: 1px;
						}
						
						.case_title_line {
							width: 100%;
							height: 1px;
							background-color: #131313;
							margin: 0 auto 20px;
						}
						
						.case_story {
							width: 70%;
							margin: 0 auto;
						}
						
						.story_left {
							width: 50%;
							float: left;
							text-align: justify;
						}
						
						.story_left>p:nth-of-type(1) {
							font-size: 16px;
							letter-spacing: 1.8px;
							margin-top: 40px;
						}
						
						.story_left>p {
							line-height: 26px;
							letter-spacing: 1.5px;
							font-size: 14px;
							text-align: justify;
						}
						
						.story_right {
							width: 50%;
							float: right;
						}
						
						.story_right>p {
							width: 100%;
							text-align: right;
							float: right;
							font-size: 23px;
							letter-spacing: 2.5px;
						}
						
						.story_right>img {
							float: right;
							margin-top: 100px;
							width: 85%;
							height: auto;
						}
						
						.case_way {
							width: 70%;
							margin: 80px auto 0px;
						}
						
						.case_way>p:nth-of-type(1) {
							font-size: 20px;
							font-weight: 500;
							letter-spacing: 3px;
							margin-left: 10px;
						}
						
						.case_triangle {
							width: 0;
							height: 0;
							border-bottom: 40px solid #C4B296;
							border-right: 40px solid transparent;
							margin-top: -40px;
						}
						
						.case_way>p {
							line-height: 26px;
							letter-spacing: 1.5px;
							font-size: 14px;
							margin-top: 50px;
						}
						
						.way_bg01 {
							margin-top: 60px;
							background-image: url("../img/case-img/case01_waybg.png");
							background-repeat: no-repeat;
							background-size: 100%;
							height: 300px;
						}
						
						.way_bg02 {
							margin-top: 60px;
							background-image: url("../img/case-img/case02_waybg.png");
							background-repeat: no-repeat;
							background-size: 100%;
							height: 300px;
						}
						
						.way_bg03 {
							margin-top: 60px;
							background-image: url("../img/case-img/case03_waybg.png");
							background-repeat: no-repeat;
							background-size: 100%;
							height: 300px;
						}
						
						.way_bg04 {
							margin-top: 60px;
							background-image: url("../img/case-img/case04_waybg.png");
							background-repeat: no-repeat;
							background-size: 100%;
							height: 300px;
						}
						
						.way_bg05 {
							margin-top: 60px;
							background-image: url("../img/case-img/case05_waybg.png");
							background-repeat: no-repeat;
							background-size: 100%;
							height: 300px;
						}
						
						.way_bg06 {
							margin-top: 60px;
							background-image: url("../img/case-img/case06_waybg.png");
							background-repeat: no-repeat;
							background-size: 100%;
							height: 300px;
						}
						
						.bg_triangle {
							width: 0;
							height: 0;
							border-bottom: 130px solid #C4B296;
							border-left: 130px solid transparent;
							float: right;
							margin-top: 23%;
						}
						
						.case_achi {
							width: 70%;
							margin: 0 auto 120px;
						}
						
						.achi {
							width: 230px;
							float: right;
						}
						
						.achi_item {
							width: 100%;
							margin-top: 70px;
						}
						
						.item_line {
							width: 100%;
							background-color: #C4B296;
							height: 2px;
							margin-bottom: 10px;
							clear: both;
						}
						
						.achi_item>p:nth-of-type(1) {
							font-size: 17px;
							float: left;
							letter-spacing: 1.5px;
						}
						
						.achi_item>p:nth-of-type(2) {
							font-size: 18px;
							float: right;
							letter-spacing: 3px;
						}
						
						.achi_item>p:nth-of-type(3) {
							line-height: 23px;
							letter-spacing: 1.5px;
							font-size: 14px;
						}
						
						.partner {
							width: 80%;
							margin: 40px auto 0px;
						}
						
						.pa_nav,
						.pa_title {
							width: 100%;
						}
						
						.pa_nav>h3 {
							float: left;
							color: #555555;
							width: 18%;
						}
						
						.filters_md,
						.filters_xs {
							display: none;
						}
						
						#filters {
							width: 80%;
							float: right;
							text-align: right;
							color: #b0b0b0;
							margin: 25px 0px 10px;
						}
						
						#filters a {
							color: #555555;
							margin-left: 0;
							margin-right: 0;
							text-decoration: none;
							transition: all .2s ease-out;
							font-size: 14px;
						}
						
						#filters a:hover,
						#filters a.active {
							color: #d37070;
						}
						
						.pa_title>p {
							clear: both;
							text-align: justify;
							font-size: 15px;
							letter-spacing: 2px;
							line-height: 28px;
						}
						
						.pa_line {
							width: 100%;
							height: 1px;
							background-color: #131313;
							clear: both;
							margin: 20px 0px;
						}
.work_show{
	width: 100%;
	margin-top: 50px;
}
.work_showme{
	width: 95%;
	margin: 0px auto;
}
.works{
	width: 25%;
	height: 200px;
	float: left;
	margin-bottom: 50px;
}
.works img{
	-webkit-box-shadow: 4px 4px 5px #adadad;
	-moz-box-shadow: 4px 4px 5px #adadad;
	box-shadow: 4px 4px 5px #adadad;
	width: 85%;
	height: auto;
	margin: 0px auto;
	display: block;
}
.works_text{
	height: 30px;
	text-align: center;
	margin-top: 15px;
	font-size: 14px;
	letter-spacing: 1.5px;
	color: #818181;
}
.work_app{
	width: 10%;
}
.work_web{
	margin-top: 300px;
}
.work_app img{
	width: 70%;
}


/*課程頁面*/
.courses_l {
	width: 30%;
	float: left;
}
.courses_r {
	width: 70%;
	float: right;
}
.courses_title {
	font-size: 30px;
	padding-bottom: 15px;
	color: rgba(19, 69, 125,1);
}

.courses_content {
	padding-left: 30px;
}
.courses_time {
	font-size: 25px;

}
.courses_in {
	padding-top: 20px;
	font-size: 16px;
	color: rgba(63, 63, 63, 1);
	line-height: 30px;}

.courses_l div {
	width: 100%;
	background-size: cover;
	height: 200px;
}
.courses_img01 {background: url("../img/index-img/21270949_xl.jpg") no-repeat center;}
.courses_img02 {background: url("../img/design-img/text-img.JPG") no-repeat center;}
.courses_img03 {background: url("../img/index-img/about.png") no-repeat center;}
.courses_img04 {background: url("../img/index-img/37052612_xl.jpg") no-repeat center;}
.courses_img05 {background: url("../img/index-img/53811550_xl.jpg") no-repeat center;}
.courses_img06 {background: url("../img/index-img/30225446_xl.jpg") no-repeat center;}
.courses_img07 {background: url("../img/index-img/24524340_xl.jpg") no-repeat center;}
.courses_img08 {background: url("../img/index-img/67840022_xl.jpg") no-repeat center;}
.courses_list {
	padding: 5%;
	/*border-bottom: 1px dashed #999;*/
}
.courses_banner {
	margin-top: -100px;
}
.courses_topt {
    text-align: right;
    margin-right: 3rem;
}


.grayarea{
    background: #e6e6e6;width: 100%;
    padding: 10% 0 10% 5%;
    position: relative;
}
.goldtit{color: #c4b396; font-size: 20px;position: relative;}

.about-info {
    color: #333333;
    line-height: 25px;
    letter-spacing: 2px;
    margin-top: 10%;
    min-height: 300px; 
    font-size: 16px; 
}


.about-infobkg{
    position: relative;
    background: url(../img/design-img/Introduction.png)no-repeat;
    background-size: 45%;
    background-position: left bottom;}

.about-info .missonlist {
    font-size: 16px;
    color: #222222;
    letter-spacing: 5px;
}
span.missonlist:before {
    content: "■";
    color: #888888;
    margin-right: 5px;
}
.aboutimg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.about-info span {
    color: #333333;
    font-size: 22px;
    display: block;
    margin: 10px auto;
    font-weight: 800;
}

.about-info.abouttag .about-info-tit {
    color: #333333;
    font-size: 22px;
    font-weight: 800;
}
.goldtit:after {
    content: "";
    width: 50%;
    height: 2px;
    background: #c4b396;
    display: block;
    position: absolute;
    bottom: -20px;
    left: -16%;
}
.about-info.abouttag {
    min-height: 200px;
}
.about-info.abouttag span{    font-size: 16px;
}
.aboutimg {
    position: absolute;
    top: 0%;
}
span.misson-tit {
    color: #c4b396;
    background: #333333;
    display: inline-block;
    padding: 3px;
}
.peoplebkg{background: url(../img/design-img/aPDA0-unsplash.png)#e6e6e6 no-repeat;
   background-position: bottom;
background-size: cover;    margin-top: 3rem;}

.peoplebkg:before {
    content: "";
    background: rgba(255, 255, 255, 0.7);
    width: 600px;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    right: 6%;
    -webkit-clip-path: polygon(13% 0, 73% 0, 100% 100%, 37% 100%);
    clip-path: polygon(13% 0, 73% 0, 100% 100%, 37% 100%);
}

.citybkg{background: url(../img/design-img/sean-pollock-PhYq7.png)#e6e6e6 no-repeat;
   background-position: bottom;
background-size: cover;
   background-attachment: fixed;
}
.artic-bkg{
        padding: 10% 5% 5% 5%;
    background: url(../img/design-img/sean-pollock-PhYq7.png)#2e4a61 no-repeat;
   background-position: bottom;
background-size: cover;
   background-attachment: fixed;

}

.citybkg:before {
    content: "";
    background: rgba(255, 255, 255, 0.7);
    width: 600px;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 6%;
    -webkit-clip-path: polygon(13% 0, 73% 0, 100% 100%, 37% 100%);
    clip-path: polygon(13% 0, 73% 0, 100% 100%, 37% 100%);
}







/*footer*/
							.footer-mb-k a {
								color: rgba(227, 227, 227, 1);
							}
							.footer-mb-k {
								line-height: 1.3;
							}
/*感謝頁*/  .thankspage {
				width: 100%;
				margin: 0 auto;
				text-align: center;
				font-size: 25px;
			}
							/*RWD*/
						
						@media screen and (max-width: 1345px) {
							#filters {
								width: 100%;
								float: left;
								text-align: left;
							}
							.pa_nav>h3 {
								width: 100%;
							}
						}
						
						@media screen and (max-width: 1280px) {
							/* marketing	*/
							.modle img:nth-of-type(2) {
								margin-left: 50px;
							}
							.modle .leftside {
								margin-left: 250px;
							}
							.modle .rightside {
								margin-top: 20px;
								margin-right: 220px;
							}
							.modle .rightside p:nth-child(even) {
								margin-bottom: 31px;
							}
							.mk_under .mk_title {
								width: 54%;
							}
							.mk_under .mk_under_tool {
								width: 54%;
								margin: 50px 0 40px 295px;
							}
							.mk_under .mk_under_service {
								width: 46%;
								margin: 50px 0 40px 295px;
							}
							/*	about us	*/
							.about_us_header .space-earth-h {
								margin: 130px auto 0px;
								height: 480px;
							}
							.about_us_header .left_title {
								width: 55%;
							}
							.about_us_aside .rightside .ENTERPRISE_MISSION_title {
								margin-top: 45px;
							}
							/*	history	*/
							.history_header img {
								margin-left: 115px;
							}
							.history_leftside {
								width: 11%;
								margin-left: 190px;
								margin-top: 105px;
							}
							.history_middleside {
								width: 9%;
								margin-left: 65px;
								margin-top: 41px;
							}
							.talkbubble-2009 {
								margin-top: 96px;
							}
							/*	team	*/
							.team_header .header-rightside {
								width: 40%;
								margin-right: 140px;
							}
							.team_under .under_rightside {
								width: 40%;
								margin-right: 110px;
							}
							/*	contact	*/
							.contact {
								width: 38%;
								margin: 80px auto 140px;
							}
							.siencom {
								width: 20%;
							}
						}
						
						@media screen and (max-width: 1123px) {
							.team_header .headerbgh {
								height: 250px;
								margin-left: 70px;
							}
							.team_header .header-rightside {
								width: 42%;
								margin-right: 100px;
							}
							.team_under .under_leftside {
								margin-top: 20px;
								margin-left: 70px;
								width: 77%
							}
							.team_under .under_rightside {
								margin-right: 110px;
								margin-top: 60px;
							}
							.team_under .under_rightside .office_left {
								margin-right: 6px;
								width: 46%;
							}
							.team_under .under_rightside .office_right {
								margin-right: 6px;
								width: 46%;
							}
							.team_under .under_rightside .team-office-01h {
								height: 200px;
								margin-bottom: 22px;
							}
							.team_under .under_rightside .team-office-02h {
								height: 200px;
							}
							.team_under .under_rightside .team-office-03h {
								height: 95px;
								margin-bottom: 16px;
							}
							.team_under .under_rightside .team-office-04h {
								height: 200px;
								margin-bottom: 16px;
							}
							.team_under .under_rightside .team-office-05h {
								height: 95px;
							}
							/*omp*/
							.omp {
								margin-bottom: 0px;
							}
							.omp .omptext .leftside {
								width: 80%;
								margin: 0px auto;
								float: none;
							}
							.rightside_ads,
							.omp .omptext .rightside {
								margin: 40px 10% 70px 0px;
							}
							.map .rightside {
								width: 100%;
							}
							.map .leftside {
								width: 100%;
								margin-bottom: 50px;
							}
							.kinfo,
							.tinfo {
								margin-top: 40px;
							}
						}
						
						@media screen and (max-width: 1100px) {
							.hidden-xs {
								display: none;
							}
							.hidden-mb {
								display: block;
							}
							.pd_kind_cross {
								font-size: 32px;
							}
						}
						
						@media screen and (max-width: 1064px) {
							.pd_kind_cross {
								font-size: 30px;
							}
							.design{
								padding-bottom: 20px;
							}
						}
						
						@media screen and (max-width: 1040px) {
							.filters {
								display: none;
							}
							.filters_md {
								display: block;
								text-align: justify;
							}
						}
						
						@media screen and (max-width: 1024px) {
							/* contact	*/
							.contact form .text input {
								width: 390px;
							}
							.text .dropdown_menu {
								width: 390px;
							}
							.contact form .submit {
								width: 390px;
							}
							.map {
								width: 62%;
							}
							.siencom {
								width: 20%;
							}
							/* marketing	*/
							.mk_header img {
								width: 25%;
							}
							.service .marketing-01 {
								height: 180px;
							}
							.service .marketing-02 {
								height: 180px;
							}
							.service .marketing-03 {
								height: 180px;
							}
							.service .marketing-04 {
								height: 180px;
							}
							.service .marketing-05 {
								height: 180px;
							}
							.service .marketing-06 {
								height: 180px;
							}
							.service .marketing-01 img {
								width: 85%;
								margin-top: -20px;
								margin-left: 10px
							}
							.service .marketing-02 img {
								width: 70%;
								margin-top: -18px;
								margin-left: 15px;
							}
							.service .marketing-03 img {
								width: 85%;
								margin-top: -20px;
								margin-left: 15px;
							}
							.service .marketing-04 img {
								width: 85%;
								margin-top: -25px;
								margin-left: 10px;
							}
							.service .marketing-05 img {
								width: 70%;
								margin-top: -20px;
								margin-left: 20px;
							}
							.service .marketing-06 img {
								width: 85%;
								margin-top: -22px;
								margin-left: 10px;
							}
							.modle .leftside {
								margin-left: 160px;
								margin-top: 5px;
							}
							.modle .leftside p {
								margin-bottom: 40px;
							}
							.modle .rightside {
								margin-top: 15px;
								margin-right: 110px;
							}
							.modle .rightside p:nth-child(even) {
								margin-bottom: 15px;
							}
							.modle>.mk_line2 {
								margin-top: 450px;
							}
							.mk_under .mk_title {
								width: 65%;
							}
							.mk_under .mk_under_tool {
								margin: 50px 0 40px 180px;
								width: 64%;
							}
							.mk_under .mk_under_service {
								margin: 50px 0 40px 180px;
							}
							.modle>.mk_line2 {
								width: 75%;
							}
							/* aboutus	*/
							.about_us_header .space-earth-h {
								margin-top: 90px;
							}
							.about_us_aside .black-and-white {
								width: 35%;
							}
							.about_us_aside .rightside {
								width: 45%;
							}
							.FOUNDINKAOHSIUNG {
								margin-top: -140px;
							}
							.about_us_aside .rightside .FOUNDINKAOHSIUNG_content {
								margin-top: 145px;
								float: left;
							}
							.about_us_aside .rightside .ENTERPRISE_MISSION_title {
								margin-left: -260px;
								margin-top: 20px;
							}
							.about_us_aside .rightside .ENTERPRISE_MISSION_content {
								margin: 100px 0px 0px -440px;
							}
							.about_us_aside .rightside .NTERPRISE_MISSION_project {
								margin-left: -440px;
								margin-top: 200px;
							}
							.triangle-bottomleft {
								border-bottom: 300px solid #C4B296;
								border-right: 190px solid transparent;
								padding-top: 80px;
							}
							.about_us_under .under_leftside img {
								margin-top: -60px;
							}
							.about_us_under .under_rightside ul {
								line-height: 23px;
								font-size: 14px;
								letter-spacing: 2px;
							}
							.about_us_under .under_rightside {
								width: 45%;
								margin-bottom: 80px;
							}
							/*	team */
							.team_under .under_leftside p {
								line-height: 26px;
							}
							.team_under .under_rightside .office_left {
								margin-right: 9px;
							}
							.team_under .under_rightside .team-office-01h {
								height: 270px;
								margin-bottom: 24px;
							}
							.team_under .under_rightside .team-office-02h {
								height: 270px;
							}
							.team_under .under_rightside .office_right {
								margin-left: 7px;
							}
							.team_under .under_rightside .team-office-03h {
								height: 125px;
							}
							.team_under .under_rightside .team-office-04h {
								height: 270px;
							}
							.team_under .under_rightside .team-office-05h {
								height: 130px;
							}
							/*	history */
							.history_leftside {
								margin-left: 120px;
							}
							.history_middleside {
								margin-top: 43px;
								margin-left: 80px;
							}
							.history_middleside img {
								margin-bottom: 6.8px;
							}
							.history_rightside {
								width: 49%;
							}
							.history_rightside p {
								font-size: 15px;
								margin-bottom: 49px;
							}
							/*case成功案例*/
							.story_right>p {
								font-size: 22px;
							}
							.way_bg01,
							.way_bg02,
							.way_bg03,
							.way_bg04,
							.way_bg05,
							.way_bg06 {
								height: 230px;
							}
							.bg_triangle {
								margin-top: 21%;
							}
						}
						
						@media screen and (max-width: 1088px) {
							.history_rightside {
								width: 49%;
								margin-left: 20px;
							}
							.history_rightside p {
								font-size: 15px;
								margin-bottom: 49px;
							}
						}
						
						@media screen and (max-width: 991px) {
							/*partner*/
							#chessboard {
								height: 2600px;
							}
							/*	contact  */
							.contact form .text input,
							.text .dropdown_menu {
								width: 378px;
							}
							/*	aboutus  */
							.about_us_header .left_title {
								width: 55%;
								margin-right: 0px;
							}
							.aboutnav>.container {
								width: 100%;
							}
							.about_us_header .space-earth-h {
								width: 100%;
								height: 370px;
							}
							.about_us_under .space-earth-2-h {
								width: 100%;
								height: 300px;
								margin-top: 0px;
							}
							.triangle-bottomleft {
								border-bottom: 265px #C4B296;
								border-right: 170px solid transparent;
							}
							.about_us_under .under_leftside {
								margin-left: 0px;
							}
							.about_us_under .under_rightside {
								margin-top: 120px;
							}
							.FOUNDINKAOHSIUNG {
								margin-top: -100px;
							}
							.about_us_aside .rightside .FOUNDINKAOHSIUNG_content {
								margin-top: 135px;
							}
							/*	team */
							.team_header .headerbgh {
								height: 350px;
							}
							.team_header .header-rightside {
								width: 42%;
								margin-right: 90px;
							}
							.team_under .under_rightside {
								margin-right: 120px
							}
							.team_under .under_rightside .office_left {
								margin-right: 7px;
							}
							.team_under .under_rightside .team-office-01h {
								height: 260px;
								margin-bottom: 21px
							}
							.team_under .under_rightside .team-office-02h {
								height: 260px;
							}
							.team_under .under_leftside {
								margin-left: 100px;
								width: 32%;
								margin-top: 480px;
							}
							.team_under .under_rightside .team-office-03h {
								height: 115px;
								margin-bottom: 23px;
							}
							.team_under .under_rightside .team-office-04h {
								height: 260px;
								margin-bottom: 23px;
							}
							.team_under .under_rightside .team-office-05h {
								height: 120px;
							}
							/*	history */
							.history_header img {
								margin-left: 80px;
								width: 26%;
							}
							.history_leftside {
								margin-left: 80px;
							}
							.history_middleside {
								width: 110px;
								margin-left: 90px;
								margin-top: 42px;
							}
							.history_middleside img {
								margin-bottom: 7px;
							}
							.history_doteline {
								margin-left: 0px;
							}
							.history_rightside {
								width: 46%;
								margin-top: 55px;
								margin-right: 0px;
								margin-left: 20px;
							}
							.history_rightside p {
								font-size: 14px;
								margin-bottom: 50px;
							}
							.history_rightside p:nth-of-type(11) {
								margin-bottom: 31px;
							}
							/*case成功案例*/
							.story_right>p {
								font-size: 20px;
								font-weight: bold;
							}
							.story_left>p {
								font-size: 15px;
								letter-spacing: 2px;
								line-height: 28px;
							}
							.case_way>p {
								font-size: 15px;
								letter-spacing: 2px;
							}
						}
						
						@media only screen and (min-width: 944px) and (max-width:992px) {
							.history_rightside p:nth-of-type(11) {
								margin-bottom: 50px;
							}
						}
						
						@media only screen and (min-width: 916px) and (max-width:943px) {
							.navbar .search {
								display: none;
							}
						}
						
						@media only screen and (min-width: 768px) and (max-width:915px) {
							.mk_header .mobilebar_open {
								width: 8%;
								margin-right: 30px;
								float: right;
							}
							.navbar .search {
								display: none;
							}
							/*	contact */
							.contact {
								width: 48%;
							}
							.contact form .submit,
							.contact form .text input,
							.text .dropdown_menu {
								width: 100%;
							}
							.contact form .submit .mathimg {
								height: 34px;
							}
							.map {
								width: 75%;
							}
							.siencom {
								width: 25%;
							}
							/*	aboutus */
							.aboutnav>.container {
								width: 100%;
							}
							.about_us_header .space-earth-h {
								height: 350px;
								margin-top: 165%;
								margin-top: 165px;
							}
							.about_us_aside .rightside .FOUNDINKAOHSIUNG {
								margin-right: 6px;
							}
							.about_us_aside .rightside .FOUNDINKAOHSIUNG_content {
								width: 100%;
							}
							.about_us_under .space-earth-2-h {
								height: 250px;
								margin-top: 70px;
							}
							.triangle-bottomleft {
								border-bottom: 230px solid #C4B296;
								border-right: 153px solid transparent;
							}
							.about_us_under .under_leftside {
								margin-left: 40px;
							}
							.about_us_under .under_rightside {
								width: 100%;
								margin: 40px auto 100px;
							}
							.B2B {
								width: 46%;
								float: left;
							}
							.B2C {
								width: 46%;
								float: right;
							}
							.about_us_under .under_rightside .B2C {
								margin-top: 0px;
								margin-right: 20px;
							}
							.about_us_under .under_rightside p {
								margin-left: 25px;
							}
							/*	team  */
							.team_header .headerbgh {
								height: 250px;
								margin-left: 70px;
							}
							.team_header .header-rightside {
								width: 42%;
								margin-right: 100px;
							}
							.team_under .under_leftside {
								margin-top: 20px;
								margin-left: 70px;
								width: 77%
							}
							.team_under .under_leftside img {
								width: 40%;
							}
							.team_under .under_rightside {
								margin-right: 110px;
								margin-top: 60px;
							}
							.team_under .under_rightside .office_left {
								margin-right: 6px;
								width: 46%;
							}
							.team_under .under_rightside .office_right {
								margin-right: 6px;
								width: 46%;
							}
							.team_under .under_rightside .team-office-01h {
								height: 200px;
								margin-bottom: 22px;
							}
							.team_under .under_rightside .team-office-02h {
								height: 200px;
							}
							.team_under .under_rightside .team-office-03h {
								height: 95px;
								margin-bottom: 16px;
							}
							.team_under .under_rightside .team-office-04h {
								height: 200px;
								margin-bottom: 16px;
							}
							.team_under .under_rightside .team-office-05h {
								height: 95px;
							}
							/*case成功案例*/
							.mk_header {
								display: none;
							}
							.case_title {
								display: none;
							}
							.case_story {
								display: none;
							}
							.case_story_formaobile {
								display: block;
								width: 100%;
								margin: 50px auto;
							}
							.casetitle>p:nth-of-type(1) {
								font-size: 25px;
								letter-spacing: 3px;
							}
							.casetitle>p:nth-of-type(2) {
								font-size: 16px;
								letter-spacing: 1.5px;
								line-height: 23px;
							}
							.casetitle,
							.case_story_content {
								width: 70%;
								margin: 20px auto 0;
							}
							.case_story_content>p {
								font-size: 17px;
								letter-spacing: 2.5px;
								line-height: 28px;
								text-align: justify;
							}
							.case_story_content>p:nth-of-type(1) {
								font-size: 20px;
							}
							.case_story_content>img {
								margin-bottom: 20px;
								width: 70%;
							}
							.case_way>p {
								font-size: 17px;
								text-align: justify;
							}
							.bg_triangle {
								margin-top: 19.5%;
							}
							.way_bg01,
							.way_bg02,
							.way_bg03,
							.way_bg04,
							.way_bg05,
							.way_bg06 {
								height: 200px;
							}
						}
@media screen and (max-width: 900px){
	.courses_l {
		width: 100%;
		float: none;
	}
	.courses_r {
		width: 100%;
		float: none;
	}
	.courses_l div {
	height: 300px}

	.works{
		width: 50%;
		height: auto;
	}
	.work_app{
		width: 25%;
		height: 280px;
	}
	.courses_content {
		padding-left: 0;
		margin-top: 10px;
	}
	.courses_banner {
		margin-top: 15px;
	}


}
						@media only screen and (min-width: 600px) and (max-width:767px) {
							.about_us_header .space-earth-h {
								width: 100%;
								height: 280px;
								display: block;
								margin: 100px auto 0px;
								clear: both;
							}
							.about_us_asideformobile .FOUNDINKAOHSIUNG {
								margin-top: -150px;
							}
						}
						
						@media screen and (max-width: 600px) {
							.courses_topt {text-align: center;margin: 0 auto;}
							.design_l,
							.design_r {
								width: 100%;
							}
							.design_r div {
								width: 100%;
							}
							.about_us_header .space-earth-h {
								height: 180px;
								margin-top: 0px;
							}
							.about_us_asideformobile .FOUNDINKAOHSIUNG {
								margin-top: -140px;
							}
							.child_title>p {
								font-size: 40px;
							}
							.work_app{
								height: 200px;
							}
							.work_web{
								margin-top: 200px;
							}
						}
@media only screen and (min-width: 767px) and (max-width:768px){
	.work_web{
		margin-top: 500px;
	}
	.thumbnail{
		background-color: rgba(255, 255, 255, 0) !important;
	}
}
							
								

						@media only screen and (max-width: 768px) {
							body {
								padding-top: 0px;
								background-image: url(../img/about-img/mobile-backgroundimg.png);
								background-repeat: repeat-y;
								background-size: contain;
							}
							.navbar {
								display: none;
							}
							.ecom_bg01,
							.ecom_bg02,
							.ecom_bg03,
							.adv_bg01,
							.adv_bg02,
							.design_bg01,
							.design_bg02,
							.design_bg03,
							.marketing_bg01,
							.marketing_bg02,
							.marketing_bg03,
							.marketing_bg04,
							.marketing_bg05,
							.marketing_bg06 {
								opacity: 1;
							}
							.pd_kind_in {
								color: #f2f2f2;
							}
							.pd_kind_in:hover {
								color: #ffffff;
								cursor: pointer;
							}
							.pd_text_in {
								margin-right: 0px;
							}
							/*partner*/
							#filters {
								display: block;
							}
							#filters a {
								font-size: 16px;
								letter-spacing: 1px;
								line-height: 30px;
							}
							/* design */
							.design_content {
								text-align: left;
							}
							/*marketing*/
							.omp .omptext .rightside_ads {
								margin: 40px auto;
								float: none;
							}
							.mk_header {
								padding-top: 0px;
								width: 100%;
								margin: 0 auto;
							}
							.mk_header img {
								margin-top: 30px;
								width: 82%;
							}
							.mk_header .marketing_title {
								width: 82%;
								float: left;
								display: block;
								margin-left: 10px;
							}
							.mk_header .marketing_title p {
								margin-left: 7px;
								margin-top: 10px;
								font-size: 16px;
								letter-spacing: 2px;
							}
							.mk_header .mobilebar_open {
								display: block;
								width: 8%;
								margin-right: 30px;
								float: right;
							}
							/*	omp	*/
							.omp_header {
								padding-top: 4px;
								margin-top: 0px;
								margin-bottom: 0px;
								margin-right: 0px;
							}
							.omp_header .rightside {
								display: none
							}
							.omp_header .back {
								width: 150px;
								float: left;
								margin-top: 50px;
								margin-bottom: 2px;
							}
							.omp_header .back p {
								width: 60px;
								float: left;
								display: inline-block;
								font-size: 11px;
								margin-left: 10px;
							}
							.omp_header .mobilebar_open {
								display: block;
								width: 8%;
								margin-right: 30px;
								float: right;
								margin-top: 26px;
							}
							.omp_line {
								width: 85%;
								height: 1px;
								margin-bottom: 20px;
								background-color: #131313;
								float: right;
								clear: none;
							}
							.omp {
								margin-top: 140px;
							}
							.omp_img>.pc {
								width: 70%;
							}
							.omp .omptext {
								margin-bottom: 80px;
								width: 100%;
							}
							.omp .omptext .leftside {
								width: 80%;
								float: none;
								margin: 0 auto;
							}
							.omp .omptext .leftside p:nth-child(1) {
								font-weight: bolder;
								margin-bottom: 40px;
								font-size: 18px;
								letter-spacing: 1.2px;
							}
							.omp .omptext .leftside p:nth-child(2) {
								font-size: 16px;
								letter-spacing: 1.6px;
								line-height: 33px
							}
							.omp .omptext .rightside {
								float: none;
								margin: 60px auto 0px;
							}
							.omp .omptext .rightside .star {
								float: left;
								color: #C4B296;
								font-weight: 500;
								width: 40px;
								margin-top: 28px;
								margin-left: 28px;
							}
							.omp .omptext .rightside .star img {
								display: block;
								margin: 0 auto;
							}
							.omp .omptext .rightside .star p {
								text-align: center;
							}
							.omp .omptext .rightside .starline {
								width: 1.2px;
								height: 40px;
								background-color: #C4B296;
								float: left;
								margin-left: 14px;
								margin-top: 32px;
							}
							.omp .omptext .rightside .lefttext {
								float: right;
								color: #fff;
								font-size: 13px;
								width: 150px;
								line-height: 21px;
								margin-top: 12px;
							}
							.omp_line:nth-of-type(2) {
								width: 85%;
								height: 1px;
								margin: 0;
								background-color: #131313;
								float: left;
								clear: none;
							}
							.stories .successfulstories {
								width: 300px;
								height: 48px;
								background-color: #000000;
								font-size: 19px;
								font-weight: bolder;
								letter-spacing: 1.5px;
								color: #fff;
								margin-left: 0px;
							}
							.stories .pc {
								width: 100%;
								display: block;
								margin: 80px auto 0;
							}
							.stories_under .sperry_text {
								margin-top: 50px;
								font-size: 16px;
								letter-spacing: 1.7px;
								line-height: 32px;
							}
							.stories_under .case {
								width: 100%;
								margin: 60px auto 50px;
							}
							.stories_under .case img {
								display: block;
								width: 100%;
							}
							/**  training ***/

								.aboutimg {
								    position: unset;
								}
								.grayarea {
								    padding: 5%;
								}
								.citybkg:before{display: none;}
								.peoplebkg:before{display: none;}
								.PD_title_e.trainingtit{font-size: 30px;margin-top: 20px;}
								.about-infobkg{background-image: none;}
								.citybkg{background-attachment: unset;}
								.peoplebkg{background-attachment: unset;}

							/*	contact	*/
							.contact_mobilebar_open {
								display: block;
								width: 8%;
								margin-right: 30px;
								margin-top: 26px;
								margin-bottom: 30px;
								float: right;
							}
							.contact_mobilebar_open img {
								width: 100%
							}
							.contact {
								clear: both;
								width: 100%;
								margin: 50px auto 140px;
							}
							.contact img {
								margin: 0 auto;
								display: block;
								width: 70%;
							}
							.contact p {
								letter-spacing: 1.6px;
								font-size: 16px;
								line-height: 25px;
								text-align: center;
								margin: 20px auto;
								width: 85%;
							}
							.contact form .text input {
								margin: 15px auto 0px;
								padding: 8px 38px 10px 10px;
								border: 0.5px #F2F2F2 solid;
								background: #F2F2F2;
								width: 80%;
							}
							.contact form .text .dropdown_menu {
								height: 40px;
								background: #F2F2F2;
								line-height: 40px;
								text-align: center;
								margin: 15px auto 0px;
								width: 80%;
							}
							.contact form .text input:nth-of-type(4) {
								padding: 20px 80px 150px 10px;
							}
							.contact form .submit {
								margin: 25px auto 0px;
								width: 80%;
							}
							.contact form .submit .cpt {
								padding: 5px 10px;
								background: #F2F2F2;
								border: 0.5px #F2F2F2 solid;
								float: left;
								width: 102px;
								margin-left: 0px;
							}
							.contact form .submit .mathimg {
								width: 75px;
								height: 31px;
								margin-left: 7px;
								float: left;
							}
							.contact form .submit .sendbtn {
								float: right;
								background: rgba(255, 255, 255, 0);
								border: none;
								border-bottom: solid;
								border-bottom-color: #C4B296;
								border-bottom-width: 2px;
								color: #131313;
								margin-right: 0px;
								margin-top: 5px;
							}
							.line {
								width: 85%;
								height: 1px;
								margin: 0 auto;
								background-color: #131313;
								margin-bottom: 50px;
							}
							.map {
								width: 100%;
								margin: 60px auto 100px
							}
							.map img {
								width: 87vw;
								height: auto;
								margin: 0px auto 50px;
								display: block;
							}
							.map p {
								letter-spacing: 1.8px;
								font-size: 16px;
								line-height: 20px;
							}
							.siencom {
								margin: 0px auto 80px;
								width: 50%;
								text-align: center;
								font-size: 14px;
								line-height: 20px;
								letter-spacing: 1.6px;
								font-weight: normal;
							}
							/* design */
							.PD_title {
								margin: 20px;
								padding-top: 40px;
							}
							.PD_line {
								display: none;
							}
							/*	about-us	*/
							nav {
								display: none;
							}
							.aboutnav {
								display: none;
							}
							.aboutnav>.container {
								width: 100%;
							}
							.about_line {
								background-color: #4C4845;
								width: 58%;
								height: 1px;
								margin-top: 10px;
								float: left;
							}
							.aboutnavformobile {
								display: block;
								margin-top: 20px;
							}
							.aboutnavformobile>div>div>ul {
								list-style-type: none;
								padding-left: 0px;
							}
							.aboutnavformobile>div>div>ul>div {
								float: left;
								z-index: -1;
								position: absolute;
								margin-left: 10px;
							}
							.aboutnavformobile>div>div>ul>div>.parallelogram01 {
								width: 0;
								height: 0;
								border-top: 30px solid #040202;
								border-left: 100px solid #040202;
								border-right: 14px solid transparent;
								margin-right: -8px;
								float: left;
							}
							.aboutnavformobile>div>div>ul>div>.parallelogram03 {
								width: 0;
								height: 0;
								border-bottom: 30px solid #040202;
								border-left: 14px solid transparent;
								border-right: 100px solid #040202;
								float: left;
							}
							.aboutnavformobile .mobilebar_open {
								display: block;
								width: 8%;
								margin-right: 30px;
								float: right;
							}
							.aboutnavformobile>div>div>ul>li {
								width: 100px;
								height: 30px;
								text-align: center;
								line-height: 30px;
								float: left;
								margin-left: 15px;
							}
							.aboutnavformobile>div>div>ul>li>a {
								color: white;
								font-weight: 700;
								text-decoration: none;
								letter-spacing: 0.5px;
							}
							.about_us_header {
								clear: both;
							}
							.about_us_header .right_title {
								margin-top: 20px;
								width: 100%;
								float: left;
								margin-left: 20px;
							}
							.about_us_header .right_title img {
								width: 54%;
							}
							.about_us_header .right_title .ABOUTUS_small {
								font-size: 16px;
								letter-spacing: 3px;
								font-weight: normal;
								margin-top: 10px;
							}
							.about_us_header .left_title {
								display: none;
							}
							.about_us_header .left_titleformobile {
								display: block;
								width: 95%;
								float: right;
								margin-bottom: 40px;
							}
							.about_us_header .left_titleformobile p {
								font-size: 16px;
								letter-spacing: 2px;
								font-weight: 350;
								line-height: 35px;
							}
							.about_us_aside {
								display: none;
							}
							.about_us_asideformobile {
								display: block;
								margin: 0px auto;
								width: 81.2%;
							}
							.about_us_asideformobile .FOUNDINKAOHSIUNG_content {
								margin: 80px auto 65px;
							}
							.about_us_asideformobile .FOUNDINKAOHSIUNG_content p {
								font-size: 18px;
								letter-spacing: 4px;
								font-weight: 350;
								line-height: 32px;
								text-align: justify;
							}
							.about_us_asideformobile .black-and-white {
								width: 100%;
								height: auto;
								margin-bottom: 15px;
							}
							.about_us_asideformobile .black_city {
								background: url('../img/about-img/mobile-black-and-white-city.png')center center;
								background-repeat: no-repeat;
								background-size: 100% auto;
							}
							.about_us_asideformobile .black_city_h {
								height: 250px;
								width: 100%;
								float: right;
							}
							.about_us_asideformobile .ENTERPRISE_MISSION_title {
								width: 250px;
								margin-left: 30px;
								margin-top: 252px;
							}
							.about_us_asideformobile .ENTERPRISE_MISSION_title .leftline {
								height: 80px;
								background-color: #C4B296;
								width: 3px;
								float: left;
							}
							.about_us_asideformobile .ENTERPRISE_MISSION_title img {
								width: 91%;
								height: auto;
								float: right;
								margin-top: 10px;
								margin-left: 15px;
							}
							.about_us_asideformobile .ENTERPRISE_MISSION_content {
								width: 88%;
								margin: 450px 0px 0px 30px;
							}
							.about_us_asideformobile .ENTERPRISE_MISSION_content p {
								font-size: 16px;
								letter-spacing: 1.5px;
								font-weight: 350;
								line-height: 28px;
							}
							.about_us_asideformobile .ENTERPRISE_MISSION_content p:nth-of-type(3) {
								margin-left: 175px;
								margin-top: -10px
							}
							.about_us_asideformobile .ENTERPRISE_MISSION_content p:nth-of-type(4) {
								font-weight: 600;
							}
							.about_us_asideformobile .ENTERPRISE_MISSION_content p:nth-of-type(5) {
								margin-left: 175px;
								font-weight: 600;
								margin-top: -10px;
							}
							.about_us_asideformobile .NTERPRISE_MISSION_project {
								height: 300px;
								width: 88%;
								margin-left: 32px;
								margin-top: 30px;
								float: left;
							}
							.about_us_asideformobile .NTERPRISE_MISSION_project .project_title {
								background-color: #131313;
								width: 76px;
								height: 25px;
								color: #ffffff;
								text-align: center;
								line-height: 25px;
								font-size: 15px;
							}
							.about_us_asideformobile .NTERPRISE_MISSION_project .project_content {
								margin-top: 20px;
								margin-bottom: 20px;
								line-height: 30px;
								font-weight: 350;
								font-size: 16px;
								letter-spacing: 1.5px;
							}
							.about_us_under {
								clear: none;
							}
							.about_us_under .space-earth-2 {
								background: url('../img/about-img/mobile-space-earth-2.png')center center;
								background-repeat: no-repeat;
								background-size: 100% auto;
								clear: both;
							}
							.about_us_under .space-earth-2-h {
								width: 90%;
								height: 300px;
								display: block;
								margin: 50px 0px;
							}
							.triangle-bottomleft {
								display: none;
							}
							.about_us_under .under_leftsideformobile {
								display: block;
								font-size: 17px;
								letter-spacing: 2px;
								line-height: 28px;
							}
							.about_us_under .under_leftside {
								display: none
							}
							.about_us_under .under_leftsideformobile img {
								margin-top: -206px;
								margin-left: 5px;
								width: 60%;
							}
							.about_us_under .under_leftsideformobile .b2b {
								width: 340px;
								float: left;
								margin-top: -30px;
								margin-left: 20px;
							}
							.about_us_under .under_leftsideformobile .b2b p:nth-of-type(2) {
								width: 90px;
								float: left;
							}
							.about_us_under .under_leftsideformobile .b2c {
								width: 385px;
								float: left;
								margin-top: 0px;
								margin-left: 20px;
							}
							.about_us_under .under_leftsideformobile .b2c p {
								width: 208px;
								float: left;
							}
							.about_us_under .under_leftsideformobile .color-red {
								color: #EF4A4A;
								width: 67px;
								float: left;
							}
							.about_us_under .under_leftsideformobile .b2c .color-red-b2c {
								color: #EF4A4A;
								width: 67px;
								float: left;
							}
							.about_us_under .under_rightside {
								display: none;
							}
							.about_us_under .under_rightsideformobile {
								display: block;
								float: left;
								font-size: 16px;
								letter-spacing: 2.5px;
								line-height: 28px;
								margin-left: 20px;
								width: 90%;
								margin-top: 30px;
								margin-bottom: 100px;
							}
							.B2B,
							.B2C {
								float: none;
								width: 100%;
							}
							.about_us_under .under_rightsideformobile .B2B .title {
								width: 50px;
								background-color: #131313;
								font-weight: bold;
								color: #fff;
								text-align: center;
								margin-bottom: 40px;
							}
							.about_us_under .under_rightsideformobile .B2B .b2b_content p:nth-child(odd) {
								font-weight: bolder;
								font-size: 18px;
							}
							.about_us_under .under_rightsideformobile .B2B .b2b_content p:nth-child(even) {
								font-weight: 350;
							}
							.about_us_under .under_rightsideformobile .B2C .title {
								width: 50px;
								background-color: #131313;
								color: #fff;
								font-weight: bold;
								text-align: center;
								margin-bottom: 40px;
								margin-top: 40px;
							}
							.about_us_under .under_rightsideformobile .B2C .b2c_content p:nth-child(odd) {
								font-weight: bolder;
								font-size: 18px;
							}
							.about_us_under .under_rightsideformobile .B2C .b2c_content p:nth-child(even) {
								font-weight: 350;
							}
							/*	history	*/
							.aboutnav {
								display: none;
							}
							.history_line {
								background-color: #4C4845;
								width: 58%;
								height: 1px;
								margin-top: 10px;
								float: left;
							}
							.aboutnavformobile {
								display: block;
								margin-top: 20px;
							}
							.aboutnavformobile>div>div>ul {
								list-style-type: none;
								padding-left: 0px;
							}
							.aboutnavformobile>div>div>ul>div {
								float: left;
								z-index: -1;
								position: absolute;
								margin-left: 10px;
							}
							.aboutnavformobile>div>div>ul>div>.parallelogram01 {
								width: 0;
								height: 0;
								border-top: 30px solid #040202;
								border-left: 100px solid #040202;
								border-right: 14px solid transparent;
								margin-right: -8px;
								float: left;
							}
							.aboutnavformobile>div>div>ul>div>.parallelogram03 {
								width: 0;
								height: 0;
								border-bottom: 30px solid #040202;
								border-left: 14px solid transparent;
								border-right: 100px solid #040202;
								float: left;
							}
							.aboutnavformobile .mobilebar_open {
								display: block;
								width: 8%;
								margin-right: 30px;
								float: right;
							}
							.aboutnavformobile>div>div>ul>li {
								width: 100px;
								height: 30px;
								text-align: center;
								line-height: 30px;
								float: left;
								margin-left: 15px;
							}
							.aboutnavformobile>div>div>ul>li>a {
								color: white;
								font-weight: 700;
								text-decoration: none;
								letter-spacing: 0.5px;
							}
							.history_header {
								display: block;
							}
							.history_header img {
								width: 54%;
								margin-left: 20px;
								margin-top: 30px;
								margin-bottom: 50px;
							}
							.history_leftside {
								width: 10%;
								float: left;
								margin-left: 18px;
								margin-top: 100px;
								margin-bottom: 130px;
							}
							.talkbubble-2016 {
								width: 60px;
								height: 160px;
								background: #D3D3D3;
								position: relative;
								-moz-border-radius: 15px;
								-webkit-border-radius: 15px;
								border-radius: 15px;
								line-height: 20px;
							}
							.talkbubble-2016:before {
								content: "";
								position: absolute;
								left: 100%;
								top: 73px;
								width: 0;
								height: 0;
								border-top: 10px solid transparent;
								border-left: 18px solid #D3D3D3;
								border-bottom: 10px solid transparent;
							}
							.talkbubble-2016 .text-2016 {
								padding-top: 17px;
							}
							.talkbubble-2013 {
								width: 60px;
								height: 540px;
								background: #D3D3D3;
								position: relative;
								-moz-border-radius: 15px;
								-webkit-border-radius: 15px;
								border-radius: 15px;
								margin-top: 45px;
							}
							.talkbubble-2013:before {
								content: "";
								position: absolute;
								left: 100%;
								top: 260px;
								width: 0;
								height: 0;
								border-top: 10px solid transparent;
								border-left: 18px solid #D3D3D3;
								border-bottom: 10px solid transparent;
							}
							.talkbubble-2013 .text-2013 {
								display: inline-block;
								width: 30px;
								margin-top: 130px;
							}
							.talkbubble-2009 {
								width: 60px;
								height: 98px;
								background: #D3D3D3;
								position: relative;
								-moz-border-radius: 15px;
								-webkit-border-radius: 15px;
								border-radius: 15px;
								line-height: 20px;
								margin-top: 73px;
							}
							.talkbubble-2009:before {
								content: "";
								position: absolute;
								left: 100%;
								top: 39px;
								width: 0;
								height: 0;
								border-top: 10px solid transparent;
								border-left: 18px solid #D3D3D3;
								border-bottom: 10px solid transparent;
							}
							.talkbubble-2009 .text-2009 {
								padding-top: 8px;
							}
							.talkbubble-2008 {
								width: 60px;
								height: 98px;
								background: #D3D3D3;
								position: relative;
								-moz-border-radius: 15px;
								-webkit-border-radius: 15px;
								border-radius: 15px;
								line-height: 20px;
								margin-top: 14px;
							}
							.talkbubble-2008:before {
								content: "";
								position: absolute;
								left: 100%;
								top: 39px;
								width: 0;
								height: 0;
								border-top: 10px solid transparent;
								border-left: 18px solid #D3D3D3;
								border-bottom: 10px solid transparent;
							}
							.talkbubble-2008 .text-2008 {
								padding-top: 8px
							}
							.talkbubble-2007 {
								width: 60px;
								height: 98px;
								background: #D3D3D3;
								position: relative;
								-moz-border-radius: 15px;
								-webkit-border-radius: 15px;
								border-radius: 15px;
								margin-top: 14px;
								line-height: 20px;
							}
							.talkbubble-2007:before {
								content: "";
								position: absolute;
								left: 100%;
								top: 39px;
								width: 0;
								height: 0;
								border-top: 10px solid transparent;
								border-left: 18px solid #D3D3D3;
								border-bottom: 10px solid transparent;
							}
							.talkbubble-2007 .text-2007-pc {
								display: none;
							}
							.talkbubble-2007 .text-2007 {
								display: block;
								width: 60px;
								height: 70px;
								margin-left: -4px;
								padding-top: 8px;
							}
							.talkbubble-2007 .text-2007 p:nth-of-type(1) {
								width: 15px;
								float: left;
								margin-right: -2px;
							}
							.talkbubble-2007 .text-2007 p:nth-of-type(2) {
								width: 15px;
								float: left;
								margin-left: 7px;
							}
							.talkbubble-2006 {
								width: 60px;
								height: 98px;
								background: #D3D3D3;
								position: relative;
								-moz-border-radius: 15px;
								-webkit-border-radius: 15px;
								border-radius: 15px;
								margin-top: 14px;
								line-height: 20px
							}
							.talkbubble-2006:before {
								content: "";
								position: absolute;
								left: 100%;
								top: 39px;
								width: 0;
								height: 0;
								border-top: 10px solid transparent;
								border-left: 18px solid #D3D3D3;
								border-bottom: 10px solid transparent;
							}
							.talkbubble-2006 .text-2006 {
								padding-top: 8px;
							}
							.talkbubble-2003 {
								width: 60px;
								height: 350px;
								background: #D3D3D3;
								position: relative;
								-moz-border-radius: 15px;
								-webkit-border-radius: 15px;
								border-radius: 15px;
								margin-top: 55px;
								line-height: 25px;
							}
							.talkbubble-2003:before {
								content: "";
								position: absolute;
								left: 100%;
								top: 162px;
								width: 0;
								height: 0;
								border-top: 10px solid transparent;
								border-left: 18px solid #D3D3D3;
								border-bottom: 10px solid transparent;
							}
							.talkbubble-2003 .text-2003 {
								padding-top: 98px;
							}
							.history_leftside p {
								color: #ffffff;
								font-size: 18px;
								text-align: center;
								width: 30px;
								letter-spacing: 1px;
								margin-left: 15px;
								font-weight: 600;
							}
							.history_middleside {
								width: 21%;
								margin-left: 43px;
								margin-top: 46px;
								float: left;
								height: 100vh;
							}
							.history_middleside img {
								width: 100px;
								display: block;
								margin: 0 auto 42px;
							}
							.history_doteline {
								width: 2%;
								float: left;
								margin-top: 63px;
								margin-left: 22px;
							}
							.history_doteline img {
								display: block;
								margin: 0 auto 0px;
							}
							.blackline {
								width: 1px;
								height: 102px;
								background: black;
								margin: 0 auto;
								display: block;
								text-align: center;
							}
							.redline {
								width: 1px;
								height: 102px;
								background: black;
								margin: 0 auto;
								display: block;
								text-align: center;
							}
							.history_rightside {
								width: 38%;
								float: right;
								margin-left: 0px;
								margin-right: 6%;
								display: block;
								margin-top: 54px;
							}
							.history_rightside p {
								font-size: 16.2px;
								letter-spacing: 2.5px;
								font-weight: normal;
								margin-bottom: 0px;
							}
							.history_rightside .text_2017 {
								margin-bottom: 66px;
							}
							.history_rightside .text_2016 {
								margin-bottom: 43px;
							}
							.history_rightside .text_2015 {
								margin-bottom: 87px;
							}
							.history_rightside .text_2014 {
								margin-bottom: 67px;
							}
							.history_rightside .text_2013 {
								margin-bottom: 66px;
							}
							.history_rightside .text_2012 {
								margin-bottom: 68px;
							}
							.history_rightside .text_2011 {
								margin-bottom: 43px;
							}
							.history_rightside .text_2010 {
								margin-bottom: 43px;
							}
							.history_rightside .text_2009 {
								margin-bottom: 42px;
							}
							.history_rightside .text_2008 {
								margin-bottom: 42px;
							}
							.history_rightside .text_2007 {
								margin-bottom: 22px;
							}
							.history_rightside .text_2006 {
								margin-bottom: 65px;
							}
							.history_rightside .text_2005 {
								margin-bottom: 42px;
							}
							.history_rightside .text_2004 {
								margin-bottom: 43px;
							}
							.history_rightside .text_2003 {
								margin-bottom: 46px;
							}
							.history_rightside .text_2002 {
								margin-bottom: 100px;
							}
							.history_clear {
								clear: both;
							}
							/*	team	*/
							.aboutnav {
								display: none;
							}
							.team_line {
								background-color: #4C4845;
								width: 58%;
								height: 1px;
								margin-top: 10px;
								float: left;
							}
							.aboutnavformobile {
								display: block;
								margin-top: 20px;
							}
							.aboutnavformobile>div>div>ul {
								list-style-type: none;
								padding-left: 0px;
							}
							.aboutnavformobile>div>div>ul>div {
								float: left;
								z-index: -1;
								position: absolute;
								margin-left: 10px;
							}
							.aboutnavformobile>div>div>ul>div>.parallelogram01 {
								width: 0;
								height: 0;
								border-top: 30px solid #040202;
								border-left: 100px solid #040202;
								border-right: 14px solid transparent;
								margin-right: -8px;
								float: left;
							}
							.aboutnavformobile>div>div>ul>div>.parallelogram03 {
								width: 0;
								height: 0;
								border-bottom: 30px solid #040202;
								border-left: 14px solid transparent;
								border-right: 100px solid #040202;
								float: left
							}
							.aboutnavformobile .mobilebar_open {
								display: block;
								width: 8%;
								margin-right: 30px;
								float: right;
							}
							.aboutnavformobile>div>div>ul>li {
								width: 100px;
								height: 30px;
								text-align: center;
								line-height: 30px;
								float: left;
								margin-left: 15px;
							}
							.aboutnavformobile>div>div>ul>li>a {
								color: white;
								font-weight: 700;
								text-decoration: none;
								letter-spacing: 0.5px;
							}
							.team_header .headerbg {
								background: url('../img/about-img/team-header.png')center center;
								background-repeat: no-repeat;
								background-size: 120%;
								float: left;
								position: none;
								z-index: -1;
							}
							.team_header .headerbgh {
								width: 100%;
								height: 300px;
								margin: 50px auto;
							}
							.team_header .header-rightside {
								width: 90%;
								float: right;
								margin-top: 255px;
								margin-right: 0px;
								z-index: 0;
							}
							.team_header img {
								width: 85%;
								float: left;
								margin-top: -10px;
								margin-left: -15px;
							}
							.team_header .header-rightside .creativity_text {
								clear: both;
								margin: 0 auto;
							}
							.team_header .header-rightside .creativity_title {
								font-size: 17px;
								letter-spacing: 1px;
								font-weight: normal;
								margin-top: 10px;
							}
							.team_header .header-rightside .creativity_content {
								font-size: 15px;
								letter-spacing: 3px;
								font-weight: 350;
								line-height: 28px;
								margin-top: 40px;
								width: 90%;
							}
							.team_under {
								display: none;
							}
							.team_underformobile {
								margin-top: 780px;
								display: block;
							}
							.team_underformobile img:nth-of-type(1) {
								float: left;
							}
							.team_underformobile .office_title {
								width: 90%;
								margin-top: -180px;
								float: right;
								margin-right: 0px;
							}
							.team_underformobile .office_title img {
								margin-left: -16px;
								width: 70%;
							}
							.team_underformobile .office_title p {
								font-size: 17px;
								letter-spacing: 1px;
								font-weight: normal;
								width: 190px;
								margin-left: 1px;
							}
							.team_underformobile .office_content {
								clear: both;
								width: 80%;
								font-size: 15px;
								letter-spacing: 3px;
								font-weight: 350;
								line-height: 28px;
								margin: 0px auto;
							}
							.team_underformobile .office_middle {
								margin-bottom: 200px;
							}
							.team_underformobile .office_middle img:nth-of-type(1) {
								float: left;
								margin-top: 30px;
							}
							.team_underformobile .office_middle img:nth-of-type(2) {
								float: right;
								margin-top: -120px;
							}
							.team_underformobile .sofa {
								float: right;
								margin-top: 60px;
								margin-bottom: 150px;
							}
							.team_clear {
								clear: both;
							}
							/*產品*/
							.PD_content {
								width: 90%;
								margin: 0 auto;
								margin-top: 50x;
							}
							.PD_title_e {
								margin-top: 0px;
							}
							.team_content {
								margin-top: -800px;
							}
							/*case成功案例*/
							.case_title {
								display: none;
							}
							.case_story {
								display: none;
							}
							.casebar {
								margin-top: 20px;
							}
							.case_story_formaobile {
								display: block;
								width: 100%;
								margin: 50px auto;
							}
							.casetitle>p:nth-of-type(1) {
								font-size: 19px;
								letter-spacing: 1.5px;
								font-weight: bolder;
							}
							.casetitle>p:nth-of-type(2) {
								font-size: 16px;
								letter-spacing: 1.5px;
								line-height: 23px;
							}
							.casetitle,
							.case_story_content {
								width: 70%;
								margin: 20px auto 0;
							}
							.case_story_content>p {
								font-size: 17px;
								letter-spacing: 2.5px;
								line-height: 28px;
								text-align: justify;
							}
							.case_story_content>p:nth-of-type(1) {
								font-size: 20px;
							}
							.case_story_content>img {
								margin-bottom: 20px;
								width: 90%;
							}
							.way_bg01,
							.way_bg02,
							.way_bg03,
							.way_bg04,
							.way_bg05,
							.way_bg06 {
								height: 160px;
							}
							.case_way>p {
								font-size: 17px;
								text-align: justify;
							}
							.bg_triangle {
								border-bottom: 90px solid #C4B296;
								border-left: 90px solid transparent;
							}
							.bg_triangle {
								margin-top: 24.5%;
							}
							.pd_kind_list_3 {
								width: 100%;
								float: ;
							}
							.pd_kind_list_50 {
								width: 100%;
								float: ;
							}
							.pd_content {
								width: 100%;
							}
							.PD_title_e {
								font-family: "Arial";
							}
							.pd_text_l,
							.pd_text_r {
								width: 100%;
							}
							.pd_text {
								padding: 5%;
							}
							.pd_text_img01,
							.pd_text_img02,
							.pd_text_img03,
							.pd_text_img04 {
								margin: 30px 0;
							}
							/*768結尾*/
							@media only screen and (min-width: 750px) and (max-width:767px) {
								.history_rightside {
									width: 49%;
								}
								.history_rightside p {
									font-size: 15px;
								}
								.history_rightside .text_2017 {
									margin-bottom: 94px;
								}
								.history_rightside .text_2010,
								.history_rightside .text_2016 {
									margin-bottom: 92px;
								}
								.history_rightside .text_2014 {
									margin-bottom: 95px;
								}
								.history_rightside .text_2006,
								.history_rightside .text_2008,
								.history_rightside .text_2009,
								.history_rightside .text_2013 {
									margin-bottom: 90px;
								}
								.history_rightside .text_2003,
								.history_rightside .text_2004,
								.history_rightside .text_2005,
								.history_rightside .text_2012 {
									margin-bottom: 91px;
								}
								.history_rightside .text_2011 {
									margin-bottom: 70px;
								}
								.history_rightside .text_2007 {
									margin-bottom: 72px;
								}
								.history_leftside {
									margin-left: 8%;
								}
								.history_middleside {
									margin-left: 20px;
								}
								.history_doteline {
									margin-left: 1px;
								}

							}
							@media only screen and (min-width: 590px) and (max-width:750px) {
								.history_rightside .text_2017 {
									margin-bottom: 90px;
								}
								.history_rightside .text_2003,
								.history_rightside .text_2009,
								.history_rightside .text_2016 {
									margin-bottom: 69px;
								}
								.history_rightside .text_2013 {
									margin-bottom: 67px;
								}
								.history_rightside .text_2012 {
									margin-bottom: 87px;
								}
								.history_rightside .text_2011 {
									margin-bottom: 67px;
								}
								.history_rightside .text_2005,
								.history_rightside .text_2007,
								.history_rightside .text_2008,
								.history_rightside .text_2010 {
									margin-bottom: 65px;
								}
								.history_rightside .text_2007 {
									margin-bottom: 42px;
								}
								.history_rightside .text_2004 {
									margin-bottom: 66px;
								}
							}
							@media screen and (max-width: 705px) {
								.filters {
									display: none;
								}
								.filters_md {
									display: none;
								}
								.filters_xs {
									display: block;
									text-align: justify;
								}
							}
							@media only screen and (min-width: 492px) and (max-width:590px) {
								.history_rightside {
									width: 200px;
								}
								.history_rightside .text_2017 {
									margin-bottom: 70px;
								}
								.history_rightside .text_2012 {
									margin-bottom: 90px;
								}
								.history_rightside .text_2009 {
									margin-bottom: 66px;
								}
								.history_rightside .text_2008 {
									margin-bottom: 65px;
								}
								.history_rightside .text_2007 {
									margin-bottom: 43px;
								}
								.history_rightside .text_2004 {
									margin-bottom: 69px;
								}
								.history_rightside .text_2003 {
									margin-bottom: 65px;
								}
							}
							@media screen and (max-width: 490px) {
								.about_us_asideformobile .ENTERPRISE_MISSION_content p:nth-of-type(5),
								.about_us_asideformobile .ENTERPRISE_MISSION_content p:nth-of-type(3) {
									margin-left: 30%;
								}
								.work_app{
									width: 50%;
									height:310px;
									margin-top: 100px;
								}
								.design_carousel{
									margin-bottom: 0px;
								}
							}
							@media screen and (max-width: 375px) {
								.work_app{
									height: 250px;
								}
								/*	marketing */
								.PD_title_e {
									font-size: 32px;
								}
								.child_title>p {
									font-size: 35px;
									letter-spacing: 0px;
								}
								.mk_header .marketing_title {
									width: 80%;
								}
								.service .marketing-01 {
									height: 32vh;
								}
								.service .marketing-02 {
									height: 32vh;
								}
								.service .marketing-03 {
									height: 32vh;
								}
								.service .marketing-04 {
									height: 32vh;
								}
								.service .marketing-05 {
									height: 32vh;
								}
								.service .marketing-06 {
									height: 32vh;
								}
								.modleformobile .number {
									margin-top: 160px;
									margin-left: -2px;
								}
								.mk_under .mk_under_toolformobile {
									width: 74%;
								}
								.mk_under .mk_under_service {
									width: 40%;
								}
								.modleformobile img:nth-of-type(1) {
									margin: 0px 10px 0px 25px;
								}
								.omp_img>.pc {
									margin-top: -20px;
									margin-left: 0px;
								}
								/*	omp */
								.omp_header .mobilebar_open {
									margin-top: 26px;
								}
								/*	about us */
								.about_line {
									width: 61%;
								}
								.about_us_header .right_title {
									margin-left: 17px;
									margin-bottom: 0px;
								}
								.about_us_header .left_titleformobile {
									width: 97%;
									margin-top: 40px;
								}
								.about_us_asideformobile .ENTERPRISE_MISSION_title {
									margin-top: 239px;
								}
								.about_us_header .left_titleformobile p {
									letter-spacing: 1px;
								}
								.about_us_asideformobile .ENTERPRISE_MISSION_content p:nth-of-type(3),
								.about_us_asideformobile .ENTERPRISE_MISSION_content p:nth-of-type(5) {
									margin-left: 105px;
									width: 190px;
								}
								.about_us_header .space-earth-h {
									height: 150px;
								}
								.about_us_asideformobile .FOUNDINKAOHSIUNG {
									margin-top: -80px;
								}
								.about_us_asideformobile .FOUNDINKAOHSIUNG_content {
									margin-top: 40px;
								}
								/*	history */
								.history_line {
									width: 61%;
								}
								.history_leftside {
									margin-top: 95px;
									margin-left: 15px;
								}
								.talkbubble-2013 {
									margin-top: 35px;
								}
								.talkbubble-2009 {
									margin-top: 63px;
								}
								.talkbubble-2008,
								.talkbubble-2007,
								.talkbubble-2006 {
									margin-top: 9px;
								}
								.talkbubble-2003 {
									margin-top: 45px;
								}
								.history_doteline {
									margin-left: 14px;
								}
								.history_rightside .text_2015 {
									margin-bottom: 61px;
								}
								.history_rightside .text_2014 {
									margin-bottom: 39px;
								}
								.history_rightside .text_2013 {
									margin-bottom: 41px;
								}
								.history_rightside .text_2011 {
									margin-bottom: 18px;
								}
								.history_rightside .text_2012 {
									margin-bottom: 62px;
								}
								.history_rightside .text_2010 {
									margin-bottom: 41px;
								}
								.history_rightside .text_2009 {
									margin-bottom: 35px;
								}
								.history_rightside .text_2008 {
									margin-bottom: 37px;
								}
								.history_rightside .text_2007 {
									margin-bottom: 14px;
								}
								.history_rightside p:nth-of-type(7) {
									margin-bottom: 18px;
								}
								.history_rightside p:nth-of-type(11) {
									margin-bottom: 14px;
								}
								.history_rightside .text_2006 {
									margin-bottom: 42px;
								}
								.history_rightside .text_2005 {
									margin-bottom: 36px;
								}
								.history_rightside .text_2004 {
									margin-bottom: 38px;
								}
								.history_rightside .text_2003 {
									margin-bottom: 41px;
								}
								.blackline {
									height: 100px;
								}
								.redline {
									height: 98.5px;
								}
								.redline:nth-of-type(5) {
									height: 100px;
								}
								.blackline:nth-of-type(9) {
									height: 96px;
								}
								.blackline:nth-of-type(10) {
									height: 96px;
								}
								.blackline:nth-of-type(11) {
									height: 96px;
								}
								.blackline:nth-of-type(13) {
									height: 96px;
								}
								.blackline:nth-of-type(14) {
									height: 96px;
								}
								.history_middleside {
									margin-top: 47px;
								}
								.history_middleside img {
									width: 80px;
									margin-bottom: 52.5px;
								}
								/* team	*/
								.team_line {
									width: 61%;
								}
								.team_header img {
									margin-top: -22px;
								}
								/* contact	*/
								.contact form .submit .mathimg {
									height: 30px;
								}
								.map p {
									letter-spacing: 2px;
								}
								.map .leftside .tinfo>p:nth-of-type(2) {
									text-align: center;
									margin: 20px auto 0px;
									line-height: 25px;
								}
								.map .rightside .kinfo>p:nth-of-type(2) {
									text-align: center;
									margin: 20px auto 0px;
									line-height: 25px;
								}
								/*case成功案例*/
								.casetitle>p:nth-of-type(1) {
									font-size: 17px;
									letter-spacing: 1.4px;
								}
								.way_bg01,
								.way_bg02,
								.way_bg03,
								.way_bg04,
								.way_bg05,
								.way_bg06 {
									height: 90px;
								}
								.bg_triangle {
									display: none;
								}
								.achi {
									float: none;
									margin: 0 auto;
								}
								.case_story_content>p {
									letter-spacing: 3px;
									line-height: 30px;
								}
							}
							@media only screen and (max-width: 320px) {
								.PD_title_e {
									font-size: 30px;
								}
								/*contact*/
								.contact form .submit,
								.contact form .text .dropdown_menu,
								.contact form .text input {
									width: 85%;
								}
								.map .rightside .kinfo>p:nth-of-type(2),
								.map .leftside .tinfo>p:nth-of-type(2) {
									font-size: 13px;
								}
								.map {
									margin-bottom: 70px;
								}
								/*子頁*/
								.omp .omptext .rightside_ads {
									margin: 40px auto;
									float: none;
									width: auto;
								}
								.lefttext_ads {
									margin-right: 0px;
									width: 190px;
									font-size: 12px;
								}
								/*about*/
								.team_line,
								.about_line,
								.history_line {
									width: 72%;
								}
								.about_us_asideformobile .black_city_h {
									height: 190px;
								}
								.about_us_asideformobile .ENTERPRISE_MISSION_title {
									margin-top: 183px;
								}
								.about_us_asideformobile .ENTERPRISE_MISSION_title img {
									width: 80%;
									float: left;
								}
								.about_us_asideformobile .ENTERPRISE_MISSION_content {
									margin-left: 0px;
									margin-top: 350px;
								}
								.about_us_asideformobile .NTERPRISE_MISSION_project {
									margin-left: 0px;
								}
								.about_us_under {
									clear: both;
								}
								.about_us_under .under_leftsideformobile img {
									width: 68%;
									margin-top: -250px;
								}
								.about_us_under .under_leftsideformobile .b2b {
									width: 90%;
									margin-top: -60px;
								}
								/*team*/
								.team_header .header-rightside .creativity_content,
								.team_underformobile .office_content {
									font-size: 15px;
									line-height: 28px;
								}
								/*history*/
								.history_leftside {
									margin-left: 10px;
								}
								.history_doteline {
									margin-left: 20px;
								}
								.history_rightside {
									width: 40%;
									margin-right: 4px;
									margin-top: 56px;
								}
								.history_rightside p {
									font-size: 14px;
									letter-spacing: 2px;
								}
								.history_rightside .text_2017 {
									margin-bottom: 70px;
								}
								.history_rightside .text_2016 {
									margin-bottom: 51px;
								}
								.history_rightside .text_2015 {
									margin-bottom: 90px;
								}
								.history_rightside .text_2014 {
									margin-bottom: 68px;
								}
								.history_rightside .text_2006,
								.history_rightside .text_2013 {
									margin-bottom: 70px;
								}
								.history_rightside .text_2012 {
									margin-bottom: 68px;
								}
								.history_rightside p:nth-of-type(7) {
									margin-bottom: 49px;
								}
								.history_rightside .text_2003,
								.history_rightside .text_2010 {
									margin-bottom: 50px;
								}
								.history_rightside .text_2005,
								.history_rightside .text_2009 {
									margin-bottom: 45px;
								}
								.history_rightside .text_2008 {
									margin-bottom: 47px;
								}
								.history_rightside p:nth-of-type(11) {
									margin-bottom: 26px;
								}
								.history_rightside .text_2004 {
									margin-bottom: 46px;
								}
							}