.design img {
    max-width:100%;
}
.design {font-family: '微軟正黑體';}
.design .img {
margin:0 auto;
text-align: center;
}
.design .block_full iframe {
transition: all .5s ease;
}
.design .block_full iframe:hover {
height:665px;
}
.design ul, .design li {
margin:0;
padding:0;
list-style:none;
}
.design .simg {
background-repeat:no-repeat;
min-height:300px;
background-size:cover;
}
.design .block_two {
display:flex;
width:100%;
}
.design .block_two.ai_center {
align-items:center;
}
.design .block_two .item{
width: calc(50% - 20px);
}
.design .block_two .item.left{
margin-right:20px;
text-align:left;
}
.design .block_two .item.right{
margin-left:20px;
text-align:left;
}
.design .block_two.bk1 {
padding: 60px 0;
}
.design .block_two.bk1 .item.left {
width: calc(35% - 20px);
display: flex;
justify-content: center;
flex-direction: column;
padding-left: 15%;
}
.design .block_two.bk1 .item.right{
width: calc(50% - 20px);
}
.design .block_two.bk2  {
padding: 20px 0;
}
.design .block_two.bk2 .item.left {
width: calc(70% - 20px);
}
.design .block_two.bk2 .item.right{
width: calc(30% - 20px);
display: flex;
justify-content: center;
flex-direction: column;
padding-left: 0%;
padding-right: 0%;
}
.design .block_full.bk3 {
}
.design .block_two.bk4  {
padding: 60px 0;
}
.design .block_two.bk4 .item.left {
width: calc(50% - 20px);
}
.design .block_two.bk4 .item.right{
width: calc(35% - 20px);
display: flex;
justify-content: center;
flex-direction: column;
text-align:right ;
padding-right: 15%;
}
.design .block_full.bk5 {
min-height:500px;
position:relative;
overflow: hidden;
}
.design .block_full.bk6 {
padding: 40px 0;
}
.design .block_full.bk7 {
padding: 30px 0;
}
.design .block_full.bk7 ul {
margin-top:30px;
display: flex;
justify-content: space-evenly;
}
.design .block_full.bk7 ul li{
width:calc(33% - 20px);
}
.design .block_full.bk8 {
padding: 30px 0;
}
.design .block_two_f {
width:100%;
}
.design .block_two_f .block_two {
max-width:1280px;
margin:0 auto;
}
.design .block_full_f {
width:100%;
}
.design .block_full_f .block_full {
max-width:1280px;
margin:0 auto;
}
.design .block_three_f {
width:100%;
}
.design .block_three_f .block_three {
max-width:1280px;
margin:0 auto;
}
.design .bg1 {
background-color:#f8f8f8;
}
.design .bg2 {
background-color:#ffffff;
}
.design .bg3 {
background-color:#c7c7c7;
}
.design .bg4 {
background-color:#fbfbfb;
}
.design .bg5 {
background-color:#7b7b7b;
}
.design .bg6 {
background-color:#000000;
}
.design .bi1 {
background-image: url(產品特色介紹.jpg);
background-size: cover;
background-position: center bottom;
background-repeat: no-repeat;
}
.design .ds_sp1 {
position: absolute;
height: 500px;
min-width:768px;
background-image: url(iphone13-protector.png);
background-repeat: no-repeat;
background-size: contain;
width: 100%;
background-size: contain;
background-position: top right;
margin-top: 50px;
left:-10%;
}
.design .ds_sp1 .sp1_1 {
position: absolute;
font-size: 15px;
color: #000;
font-weight:bold;
right: 548px;
top: 142px;
background-color: #ffffff80;
padding: 0px 4px;
}
.design .ds_sp1 .sp1_1:after {
content: '';
position: absolute;
border-bottom: 1px solid #fff;
width: 90px;
top: 19px;
display: block;
right: -100px;
transform: rotate(10deg);
}
.design .ds_sp1 .sp1_2 {
position: absolute;
font-size: 15px;
color: #000;
font-weight:bold;
right: 558px;
top: 178px;
background-color: #ffffff80;
padding: 0px 4px;
}
.design .ds_sp1 .sp1_2:after {
content: '';
position: absolute;
border-bottom: 1px solid #fff;
width: 90px;
top: 19px;
display: block;
right: -100px;
transform: rotate(10deg);
}
.design .ds_sp1 .sp1_3 {
position: absolute;
font-size: 15px;
color: #000;
font-weight:bold;
right: 570px;
top: 216px;
background-color: #ffffff80;
padding: 0px 4px;
}
.design .ds_sp1 .sp1_3:after {
content: '';
position: absolute;
border-bottom: 1px solid #fff;
width: 90px;
top: 19px;
display: block;
right: -100px;
transform: rotate(10deg);
}
.design .ds_sp1 .sp1_4 {
position: absolute;
font-size: 15px;
color: #000;
font-weight:bold;
right: 585px;
top: 256px;
background-color: #ffffff80;
padding: 0px 4px;
}
.design .ds_sp1 .sp1_4:after {
content: '';
position: absolute;
border-bottom: 1px solid #fff;
width: 90px;
top: 19px;
display: block;
right: -100px;
transform: rotate(10deg);
}
.design .ds_sp1 .sp1_5 {
position: absolute;
font-size: 15px;
color: #000;
font-weight:bold;
right: 609px;
top: 288px;
background-color: #ffffff80;
padding: 0px 4px;
}
.design .ds_sp1 .sp1_5:after {
content: '';
position: absolute;
border-bottom: 1px solid #fff;
width: 90px;
top: 19px;
display: block;
right: -100px;
transform: rotate(10deg);
}
.design .ds_sp2 {
position: absolute;
height: 800px;
min-width:600px;
background-image: url(index3/2.極致保護.png);
background-repeat: no-repeat;
background-size: contain;
width: 100%;
background-size: contain;
background-position: top center;
margin-top: -290px;
left:-5%;
z-index:-1;
}
.design .ds_sp3 {
position: absolute;
height: 600px;
min-width:600px;
background-image: url(index3/4.頂級質感1.png);
background-repeat: no-repeat;
background-size: contain;
width: 100%;
background-size: contain;
background-position: left center;
margin-top: -260px;
left:-10%;
z-index:-1;
}
.design .ds_sp4 {
position: absolute;
height: 800px;
min-width:600px;
background-image: url(index3/4.頂級質感2.png);
background-repeat: no-repeat;
background-size: contain;
width: 100%;
background-size: contain;
background-position: right center;
margin-top: -360px;
right:1%;
z-index:-1;
}
.design .ds_sp5 {
position: absolute;
height: 800px;
min-width:600px;
background-image: url(index4/2.極致保護.png);
background-repeat: no-repeat;
background-size: contain;
width: 100%;
background-size: contain;
background-position: bottom center;
left:-5%;
z-index:-1;
bottom:0;
}
.design .ds_sp6 {
position: absolute;
height: 650px;
min-width:600px;
background-image: url(index4/4.頂級質感1.png);
background-repeat: no-repeat;
background-size: contain;
width: 100%;
background-size: contain;
background-position: left center;
left:5%;
z-index:-1;
bottom:-140px;
}
.design .ds_sp7 {
position: absolute;
height: 600px;
min-width:600px;
background-image: url(index4/4.頂級質感2.png);
background-repeat: no-repeat;
background-size: contain;
width: 100%;
background-size: contain;
background-position: right bottom;
right:5%;
z-index:-1;
bottom:-160px;
}
.design .ds_talbe {
margin-top:30px;
}
.design .ds_table_row > li {
border-bottom:1px solid #666;
padding:15px 0;
}
.design .ds_table_row > li .ds_table_column{
display:flex;
display: flex;
align-items: center;
}
.design .ds_table_row > li .ds_table_column > li{
width:calc(25% - 20px);
;
color:#666;
font-size:15px;
line-height:140%;
text-align:center;
padding:0 10px;
}
.design .ds_table_row > li .ds_table_column > li:first-child {
color:#000;
font-size:17px;
font-weight:bold;
text-align:left;
display:flex;
align-items:center;
}
.design .ds_table_row > li .ds_table_column > li a {
color:#666;
}
/*自訂*/
.design .ds_title {
font-size:31px;
font-weight:bold;
line-height:140%;
color:#000;
}
.design .ds_subtitle {
font-size:21px;
line-height:140%;
color:#666;
}
.design .ds_content {
font-size:19px;
line-height:180%;
margin-top:20px;
color:#666;
}
.design .ds_content .ds_list {
font-size:15px;
line-height:140%;
margin-top:50px;
font-weight:bold;
color:#666;
display:flex;
}
.design .ds_content .ds_list img {
width:50px;
}
.design .ds_content .ds_list li {
padding:0 20px;
text-align: center;
}
.design .ds_content .ds_list .txt {
margin-top:10px;
}
.design .bk9 {
}
.design .bk9 .ds_list {
color:#666;
display:flex;
max-width: 1280px;
margin: 60px auto;
justify-content: center;
width: 100%;
}
.design .bk9 .ds_list img {
width:90px;
}
.design .bk9 .ds_list li {
padding:0 20px;
text-align: center;
min-width:160px;
}
.design .bk9 .ds_list .txt {
margin-top:20px;
font-size:19px;
line-height:140%;
font-weight:bold;
color:#cf9445;
}
.design .bk9 .ds_list .txt2 {
margin-top:10px;
font-size:13px;
line-height:140%;
font-weight:bold;
color:#666;
}
.design .bk3 .ds_title{
text-align: center;
padding:20px 0;
}
.design .bk5 .ds_title{
position: absolute;
left: 10%;
top: calc(20% - 31px);
}
.design .bk6 .ds_title{
color:#fff;
text-align:center;
}
.design .bk7 .ds_title{
text-align:center;
}
.design .bk8 .ds_title{
text-align:center;
}
.design .bk7 .ds_subtitle{
margin-top:10px;
text-align:center;
}
.design .bk7 ul li .txt{
margin-top:10px;
}
/*new*/
.design .bg7 {
background-color:#f8f8f8;
}
.design .bg8 {
background-image:url(index2/background2.jpg);
background-repeat:no-repeat;
background-position:center center;
}
.design .block_two_f.bk10 {
display:flex;
}
.design .block_two_f.bk10 .item{
width: calc(50% - 20px);
}
.design .block_two_f.bk10 .item.left{
margin-right:20px;
text-align:left;
}
.design .block_two_f.bk10 .item.right{
width: calc(30% - 20px);
padding:0 15% 0 5%;
margin-left:20px;
text-align:left;
}
.design .block_two_f.bk10 .item.right {
display:flex;
flex-direction: column;
justify-content:center;
}
.design .block_two_f.bk10 .ds_title {
color:#000;
font-size:45px;
font-weight:bold;
text-align:center;
}
.design .block_two_f.bk10 .ds_subtitle {
color:#193a62;
font-size:21px;
font-weight:bold;
text-align:center;
margin-top:30px;
}
.design .block_two_f.bk10 .ds_content {
color:#333333;
font-size:17px;
text-align:left;
margin-top:20px;
}
.design .ds_btnarea {
width:100%;
text-align:center;
margin-top:30px
}
.design .ds_btnarea a {
display: inline-block;
background-color:#fff;
text-decoration:none;
border:1px solid #00b7d8;
color:#00b7d8;
font-size:21px;
padding:8px 25px;
margin:0 20px 20px;
border-radius: 20px;
}

.design .ds_btnarea.color2 a{
color:#fef5be;
border-color:#fef5be;
background-color:transparent;
}
.design .bk11 .item.left {
display: flex;
justify-content: center;
flex-direction: column;
}
.design .bk11 .ds_list {
color:#666;
display:flex;
margin: 60px auto;
flex-wrap: wrap;
justify-content: center;
width: 100%;
}
.design .bk11 .ds_list img {
width:90px;
}
.design .bk11 .ds_list li {
padding:0 20px;
text-align: center;
min-width:160px;
margin:20px 0;
}
.design .bk11 .ds_list .txt {
margin-top:20px;
font-size:19px;
line-height:140%;
font-weight:bold;
color:#cf9445;
}
.design .bk11 .ds_list .txt2 {
margin-top:10px;
font-size:13px;
line-height:140%;
font-weight:bold;
color:#666;
}
.design .bk11 .ds_title {
color:#193a62;
}
.design .bk11 .ds_title .blue {
color:#3197ff}
.design .bk11 .ds_content{
font-size: 17px;
}
.design .block_full_f.bk5_2 {
min-height: 400px;
position: relative;
overflow: hidden;
padding-bottom: 300px;
}
.design .bk5_2 .ds_title{
text-align:center;
color:#193a62;
margin-top:60px;
}
.design .bk5_2 .ds_content{
text-align:left;
color:#333;
margin-top:40px;
}
.design .bk5_2 .ds_btnarea a {
background-color:#e9e9e9;
}
.design .bk5_2 .ds_sp1 {
margin-top: -20px;
left: -20%;
}
.design .block_full_f.bk5_3 {
min-height: 400px;
position: relative;
overflow: hidden;
padding-bottom: 260px;
}
.design .block_full_f .block_full{
width:calc(100% - 40px);
}
.design .bk5_3 .ds_title{
text-align:center;
color:#000;
margin-top:60px;
font-size:31px;
}
.design .bk5_3 .ds_content{
text-align:center;
color:#333;
margin-top:20px;
font-size:17px;
}
.design .bk5_3 .ds_btnarea a {
color: #d19245;
border: 1px solid #d19245;
background-color: transparent;
margin-top: 20px;
}
.design .block_full_f.bk5_4 {
min-height: 400px;
position: relative;
overflow: hidden;
padding-bottom: 200px;
}
.design .block_full_f .block_full{
width:calc(100% - 40px);
}
.design .bk5_4 .ds_title{
text-align:center;
color:#000;
margin-top:60px;
font-size:37px;
}
.design .bk5_4 .ds_content{
text-align:center;
color:#333;
margin-top:20px;
font-size:17px;
}
.design .bk5_4 .ds_content .ds_list{
justify-content: center;
margin-top:20px;
}
.design .bk5_4 .ds_btnarea a {
color: #d19245;
border: 1px solid #d19245;
background-color: transparent;
margin-top: 20px;
}
.design .block_full_f.bk5_5 {
min-height: 400px;
position: relative;
overflow: hidden;
padding-bottom: 20vw;
}
.design .block_full_f .block_full{
width:calc(100% - 40px);
}
.design .bk5_5 .ds_title{
text-align:center;
color:#000;
margin-top:60px;
font-size:31px;
}
.design .bk5_5 .ds_content{
text-align:center;
color:#333;
margin-top:20px;
font-size:17px;
}
.design .bk5_5 .ds_btnarea a {
color: #d19245;
border: 1px solid #d19245;
background-color: transparent;
margin-top: 20px;
}
.design .block_two.bk12  {
padding: 60px 0;
}
.design .block_two.bk12 .item.left {
width: calc(45% - 40px);
}
.design .block_two.bk12 .item.right{
width: calc(55% - 40px);
margin-left:60px;
display: flex;
justify-content: center;
flex-direction: column;
}
.design .block_two.bk12 .ds_title{
color:#193a62;
}
.design .block_two.bk12 .ds_content{
font-size:17px;
color:#333;
}
.design .block_two.bk13  {
padding: 0;
}
.design .block_two.bk13 .item.left {
width: calc(50%);
margin:0;
padding:0;
background-image:url(index4/1.螢幕保護貼困擾.jpg);
background-size:cover;
}
.design .block_two.bk13 .item.right{
width: calc(50% - 200px);
background-color:#333333;
background-image:url(index4/lightning.png);
margin:0;
padding:100px;
}
.design .block_two.bk13 .ds_title{
margin-top:50px;
color:#fff;
font-size: 42px;
}
.design .block_two.bk13 .ds_content{
margin-top:50px;
font-size:17px;
color:#fff;
}
.design .block_two.bk13 .ds_btnarea {
text-align: left;
}
.design .block_two.bk13 .ds_btnarea a {
color:#d19245;
border:1px solid #d19245;
background-color:transparent;
margin-top:60px;
}
.design .block_two.bk13 .ds_content li {
font-size:19px;
color:#fff;
line-height:140%;
margin-top: 20px;
}
.design .block_two.bk13 .ds_content li strong {
font-size:48px;
color:#d19245;
line-height:140%;
font-style:italic;
margin-right:15px;
margin-top:10px;
}
.design .block_two.bk13 .ds_list {
font-size:15px;
line-height:140%;
margin-top:0;
font-weight:bold;
color:#fff;
display:flex;
}
.design .block_two.bk13 .ds_list img {
width:60px;
}
.design .block_two.bk13 .ds_list li {
text-align: center;
}
.design .block_two.bk13 .ds_list li + li {
padding-left:50px;
}
.design .block_two.bk13 .ds_list .txt {
margin-top:10px;
}
.design .block_two.bk14  {
    padding: 60px 0;
}
.design .block_two.bk14 .item.left {
    width: calc(50%);
}
.design .block_two.bk14 .item.right{
    width: calc(40%);
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align:left ;
    padding:0 0 0 10%;
}

.design .block_two.bk14-new  {
    padding: 20px 0;
}
.design .block_two.bk14-new .item.text{
    padding: 20px;
}
.design .block_two.bk14-new .item.left {
    width: calc(50%);
}
.design .block_two.bk14-new .item.right{
    width: calc(50%);
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align:left ;
}

.design .block_two.bk15  {
padding: 60px 0;
background-image:url(index4/3.日本尖端技術.jpg);
height:680px;
background-position: right bottom;
background-repeat: no-repeat;
}
.design .block_two.bk15 .item.left {
width: calc(50%);
padding: 5% 0 0 20%;
}
.design .block_two.bk15 .item.right{
}
.design .block_two.bk15 .ds_title{
color:#656d9e;
font-size: 42px;
}
.design .block_two.bk15 .ds_content{
margin-top:40px;
font-size:17px;
color:#333;
font-weight:bold;
}
.design .block_full_f.bk16 {
padding:80px 0 80px;
}
.design .block_full_f.bk16 .title {
color:#000;
font-size: 43px;
font-weight: bold;
text-align: center;
line-height: 140%;
;
}
.design .block_full_f.bk16 .dis {
color:#5bade1;
font-size: 27px;
font-weight: bold;
text-align: center;
line-height: 140%;
}
.design .block_full_f.bk16 .threelist {
width:90%;
margin:40px auto 0;
display:flex;
justify-content: flex-start;
flex-wrap:wrap;
}
.design .block_full_f.bk16 .threelist .item{
width:calc(33% - 18px);
margin-left:18px;
margin-top:25px;
border: 1px solid #fff;
background-color: #fff;
box-shadow: 0 0 5px rgb(0 0 0 / 10%);
transition: all 0.2s;
}
.design .block_full_f.bk16 .threelist .item .item_content{
text-decoration:none;
display:flex;
align-items:center;
padding:15px 25px;
flex-direction: column;
}
.design .block_full_f.bk16 .threelist .item .icon {
max-width:100%;
width:80%;
}
.design .block_full_f.bk16 .threelist .item span {
display: block;
color:#000;
font-size:17px;
text-align: center;
line-height:140%;
}
.design .block_full_f.bk16 .threelist .item span.item_imgblock {
width: 100%;
margin-top: 20px;
transition: all 0.2s;
opacity: 0.8;
}
.design .block_full_f.bk16 .threelist .item span.item_title {
width: 100%;
margin-top: 20px;
font-weight: bold;
}
.design .block_full_f.bk16 .threelist .item span.item_subtitle {
width: 100%;
color:#aaa;
font-size:13px;
margin:5px 0 10px;
}
.design .block_full_f.bk16 .threelist .item span.item_price {
width: calc(100% - 40px);
color:#db2d29;
margin-top:10px;
border-top: 1px solid #eee;
padding: 10px;
margin: 0 10px;
font-weight: bold;
}
.design .block_full_f.bk16 .threelist .item:hover{
border: 1px solid #f5a640;
box-shadow: 0 0 5px rgb(0 0 0 / 10%);
}
.design .block_full_f.bk16 .threelist .item:hover span.item_imgblock {
transform: scale(1.05);
opacity: 1;
}
.design .block_two_f.bk17 {
    position: relative;
    background-image: url('/Upload/ckfinder/images/1_20251008100853_edit.jpg');
    background-position: center top;
    min-height: 936px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.design .block_two_f.bk17.bg2 {
    position:relative;
    background-image:url('/upload/article/活動範例頁/保護貼聖誕節案例/bk17bg2.png');
}
.design .block_two_f.bk18.bg2 {
   background-image:url(/upload/article/%E6%B4%BB%E5%8B%95%E7%AF%84%E4%BE%8B%E9%A0%81/%E4%BF%9D%E8%AD%B7%E8%B2%BC%E8%81%96%E8%AA%95%E7%AF%80%E6%A1%88%E4%BE%8B/background02.png);
}

.design .block_two_f.bk17 .spi_1{
position:absolute;
left:calc(55% - 450px);
top:60px;
}
.design .block_two_f.bk17 .spi_2{
position:absolute;
left:calc(55% - 250px);
top:310px;
}
.design .block_two_f.bk17 .spi_3{
position:absolute;
left:calc(55% - 350px);
top:560px }
.design .block_two_f.bk17 .right {
width:94%;
position:relative;
padding-left:55%;
}
.design .block_two_f.bk17 .ds_title {
font-size:43px;
line-height:120%;
color:#fef5be;
}
.design .block_two_f.bk17 .ds_subtitle {
font-size:23px;
line-height:160%;
color:#f09756;
margin-top:20px;
letter-spacing:1px;
}
.design .block_two_f.bk17 .ds_content {
font-size:19px;
line-height:160%;
color:#fff;
margin-top:30px;
letter-spacing:1px;
}
.design .block_two_f.bk18 {
position:relative;
background-image:url(img/background2.jpg);
background-position: center top;
min-height: 840px;
display: flex;
justify-content:flex-start;
align-items: center;
}
.design .block_two_f.bk18 .block_two{
align-items: center;
}
.design .block_two_f.bk18 .ds_list {
color:#666;
display:flex;
margin: 60px auto;
flex-wrap: wrap;
justify-content: center;
width: 100%;
}
.design .block_two_f.bk18 .ds_list img {
width:90px;
}
.design .block_two_f.bk18 .ds_list li {
padding:0 20px;
text-align: center;
min-width:160px;
margin:20px 0;
}
.design .block_two_f.bk18 .ds_list .txt {
margin-top:20px;
font-size:19px;
line-height:140%;
font-weight:bold;
color:#fef5be;
}
.design .block_two_f.bk18 .ds_list .txt2 {
margin-top:10px;
font-size:13px;
line-height:140%;
font-weight:bold;
color:#f09756;
}
.design .block_two_f.bk18 .ds_title {
font-size:43px;
line-height:120%;
color:#cffff4;
}
.design .block_two_f.bk18 .ds_subtitle {
font-size:23px;
line-height:160%;
color:#f09756;
margin-top:20px;
letter-spacing:1px;
}
.design .block_two_f.bk18 .ds_content {
font-size:19px;
line-height:160%;
color:#fff;
margin-top:30px;
letter-spacing:1px;
}
.design .block_three {
display:flex;
width:100%;
}
.design .block_three  {
padding: 80px 0;
}
.design .block_three .item{
width: calc(33% - 40px);
margin:0 20px;
display: flex;
justify-content: center;
align-items:center;
flex-direction: column;
}
.design .block_three img{
margin-bottom:40px;
}
.design .block_three .ds_title{
color:#193a62;
}
.design .block_three .ds_subtitle{
color:#00b7d8;
font-size: 17px;
font-weight: bold;
}
.design .block_three .ds_content{
font-size:17px;
color:#333;
}
.design .block_fixw {
display:flex;
width:100%;
flex-direction: column;
}
.design .block_fixw  {
padding: 60px 0;
}
.design .block_fixw .fw_icon_area {
width: 990px;
margin:0 auto;
display:flex;
justify-content:center;
border-top:2px solid #aaa;
padding:50px 0 40px;
}
.design .block_fixw .fw_share_area {
width: 990px;
margin:0 auto;
position:relative;
display: flex;
justify-content: center;
flex-wrap: nowrap;
}
.design .block_fixw .fw_share_area:before,.design .block_fixw .fw_share_area:after {
content: '';
position: relative;
width: 100%;
top: 30px;
height:0;
box-shadow: rgb(0 0 0 / 30%) 0px 1px 0px;
border-bottom: 1px solid rgba(33,33,33,.6);
}
.design .block_fixw .item{
position: relative;
background-image:url(index2/iconbackground.jpg);
width: 200px;
height: 200px;
margin:0 20px;
display: flex;
justify-content: center;
align-items:center;
flex-direction: column;
border: 1px solid #aaa;
border-radius: 10px;
}
.design .block_fixw .item:after{
border:1px solid #aaa;
height:calc(100% - 16px);
width:calc(100% - 16px);
position:absolute;
left:7px;
top:7px;
content:'';
border-radius:10px;
}
.design .block_fixw .item:nth-child(1){
background-position:top left;
}
.design .block_fixw .item:nth-child(2){
background-position:top right;
}
.design .block_fixw .item:nth-child(3){
background-position:bottom left;
}
.design .block_fixw .item:nth-child(4){
background-position:bottom right;
}
.design .block_fixw img{
margin-bottom:14px;
}
.design .block_fixw .ds_title{
color:#666;
font-size:23px;
}
.design .block_fixw a{
text-decoration:none;
color:#666;
}
.design .block_fixw .fw_list {
display:flex;
margin: 0 10px;
}
.design .block_fixw .fw_list a {
width: 60px;
margin: 0 5px;
}
.design .block_fixw .fw_dis_area {
margin-top: 15px;
text-align:center;
font-size:21px;
font-weight:bold;
line-height:140%;
}
@media screen and (max-width: 1440px){
.design .block_two_f.bk17 .right {
    width:94%;
    position:relative;
    padding-left:55%;
}
.design .block_two_f.bk18 .left {
    padding: 0 20px;
    width:calc(50% - 40px);
}
.design .block_two_f.bk18 .right {
}
}
@media screen and (max-width: 1280px){
.design .block_two_f.bk10 .item.right {
    width: calc(45% - 20px);
    padding: 0 0 0 5%;
}
.design .block_two.bk15 {
    background-position: 80%;
}
.design .block_two.bk15 .item.left {
    width: calc(50%);
    padding: 5% 0 0 10%;
}
.design .ds_sp3 {
    position: absolute;
    height: 400px;
    min-width:200px;
    background-size: contain;
    background-position: left bottom;
    margin-top: -160px;
    left:-10%;
    z-index:-1;
}
.design .ds_sp4 {
    position: absolute;
    height: 600px;
    min-width:300px;
    background-size: contain;
    background-position: right bottom;
    margin-top: -260px;
    right:1%;
    z-index:-1;
}
}
@media screen and (max-width: 1024px){
.design .bk9 .ds_list {
    flex-wrap: wrap;
    width:580px;
}
.design .bk9 .ds_list li{
    min-width: 190px;
    margin-top: 20px;
}
.design .block_two_f.bk10 {
    flex-wrap:wrap;
}
.design .block_two_f.bk10 .item.left{
    width: calc(100%);
    text-align: left;
    margin-right: 0;
}
.design .block_two_f.bk10 .item.right{
    width: calc(100%);
    padding: 0;
    margin: 30px 0;
}
.design .block_two_f.bk10 .ds_content {
    text-align: center;
}
.design .block_two.bk13 {
    flex-wrap:wrap;
}
.design .block_two.bk13 .item.left{
    width: calc(100%);
    min-height:400px;
    background-position: center bottom;
}
.design .block_two.bk13 .item.right{
    width: calc(100%);
    width: calc(100%);
    padding: 80px 40px;
    justify-content: center;
    text-align: center;
}
.design .block_two.bk13 .ds_list {
    justify-content:center;
}
.design .block_two.bk13 .ds_btnarea {
    text-align:center;
}
.design .block_two.bk11 {
    flex-wrap:wrap;
}
.design .bk11 .item.left {
    width: calc(100%);
    order:2;
    margin-right: 0;
    margin-bottom:30px;
}
.design .bk11 .item.right {
    width: calc(80%);
    margin:0 auto;
}
.design .block_two.bk11 .item.left {
    text-align:center;
}
.design .bk11 .ds_title {
    text-align:center;
}
.design .bk5_2 .ds_sp1 {
    margin-top: -80px;
    left: -0%;
}
.design .block_full_f.bk5_3 {
    min-height: 300px;
}
.design .block_fixw .fw_icon_area {
    width: 560px;
    flex-wrap: wrap;
    padding:10px 0 0 0;
}
.design .block_fixw .item {
    margin: 20px;
}
.design .block_fixw .fw_share_area {
    width: 560px;
}
.design .block_two.bk15 .item.left {
    width: calc(70%);
    padding: 5% 0 0 5%;
}
.design .block_two.bk14 .item.right{
    width: calc(46%);
    padding:0 2%;
}
.design .ds_sp3 {
    position: absolute;
    height: 400px;
    min-width:200px;
    background-size: contain;
    background-position: left bottom;
    margin-top: 120px;
    left:-10%;
    z-index:-1;
}
.design .ds_sp4 {
    position: absolute;
    height: 540px;
    min-width:300px;
    background-size: contain;
    background-position: right bottom;
    margin-top: 40px;
    right:1%;
    z-index:-1;
}
.design .block_full_f.bk5_4 {
    padding-bottom:480px;
}
.design .block_two_f.bk18 .ds_list li {
    padding: 0;
}
}
@media screen and (max-width: 768px){
.design .block_two {
    flex-wrap:wrap;
}
.design .block_two .item{
    width: calc(100%);
}
.design .block_two.bk1 .item.left{
    width: calc(100%);
    text-align:center;
    padding-left: 0;
}
.design .block_two.bk1 .item.right{
    width: calc(100%);
}
.design .block_two.bk2 .item.left{
    width: calc(100%);
}
.design .block_two.bk2 .item.right{
    width: calc(100%);
    text-align:center;
}
.design .block_two.bk4 .item.left{
    width: calc(100%);
}
.design .block_two.bk4 .item.right{
    width: calc(100%);
    text-align:center;
    padding-right:0;
}
.design .block_two .item.left{
    margin-right:0;
}
.design .block_two .item.right{
    margin-left:0;
    margin-top:20px;
}
.design iframe{
    width:100%;
}
.design .ds_talbe {
    overflow:auto}
.design .ds_table_row{
    min-width:768px;
}
.design .ds_table_row_content{
    overflow:auto;
    max-height:400px;
}
.design .ds_content .ds_list {
    justify-content:center;
    margin-top:20px;
}
.design .bk11 .item.right {
    width: calc(100%);
}
.design .block_two.bk12 .item.left{
    width: calc(100%);
    text-align: center;
}
.design .block_two.bk12 .item.right{
    width: calc(100%);
    text-align:center;
    padding-right:0;
    margin-left:0;
}
.design .block_full_f.bk5_3 {
    min-height: 200px;
}
.design .block_two.bk15 .item.left {
    width: calc(90%);
    padding: 5%;
}
.design .block_two.bk15 .ds_title{
    font-size: 32px;
}
.design .block_two.bk14 {
    flex-wrap:wrap;
}
.design .block_two.bk14 .item.left{
    width: calc(100%);
    text-align: center;
    margin: 0 auto;
}
.design .block_two.bk14 .item.right{
    width: calc(100%);
    padding: 0 10px;
    margin: 30px auto;
}
.design .block_two.bk14 .ds_title {
    text-align: center;
}
.design .block_two.bk14 .ds_content {
    text-align: center;
}
.design .block_two.bk14-new {
    flex-wrap:wrap;
    justify-content: space-between;
}
.design .block_two.bk14-new .item.img{
    padding:0 20px;
}
.design .block_two.bk14-new .item.left{
    width: calc(100%);
    margin: 0 auto;
}
.design .block_two.bk14-new .item.right{
    width: calc(100%);
    margin: 0px auto;
}
.design .block_two.bk14-new .ds_title {
    text-align: center;
}
.design .block_two.bk14-new .ds_content {
}
.design .block_full_f.bk16 .title {
    font-size:32px;
}
.design .block_full_f.bk16 .threelist .item{
    width: calc(80%);
    margin: 20px auto;
}
.design .block_two_f.bk17 {
    position: relative;
    background-image: url('/Upload/ckfinder/images/1_20251008101016_edit.jpg');
}
.design .block_two_f.bk17.bg2 {
    position:relative;
    background-image:url('/upload/article/活動範例頁/保護貼聖誕節案例/bk17bg2_768.png');
}
 .design .block_two_f.bk18.bg2 {
  background-image:url(/upload/article/%E6%B4%BB%E5%8B%95%E7%AF%84%E4%BE%8B%E9%A0%81/%E4%BF%9D%E8%AD%B7%E8%B2%BC%E8%81%96%E8%AA%95%E7%AF%80%E6%A1%88%E4%BE%8B/background76802.png);
 }
.design .block_two_f.bk17 .right{
    width: 90%;
    padding-left:0;
    margin: 0 auto;
    margin-top: 962px;
    margin-bottom: 100px;
}
.design .block_two_f.bk17 .spi_1{
    left:auto;
    top:60px;
    right:70px;
}
.design .block_two_f.bk17 .spi_2{
    left:auto;
    top:310px;
    right:0;
}
.design .block_two_f.bk17 .spi_3{
    left:auto;
    top:560px;
    right:0;
}
.design .block_two_f.bk18 {
    position:relative;
    background-image:url(img/background768002.jpg);
}
.design .block_two_f.bk18 .left {
    margin: 100px auto 0;
    width:calc(90%);
    padding:0;
}
.design .block_two_f.bk18 .right {
}
}
@media screen and (max-width: 600px){
.design .bk9 .ds_list {
    width:100%;
}
.design .bk9 .ds_list img {
    width: 80px;
}
.design .bk9 .ds_list li {
    width: 140px;
    min-width:100px;
}
.design .bk11 .ds_list img {
    width:80px;
}
.design .bk11 .ds_list li {
    width: 100px;
    min-width: 100px;
    margin: 20px 0 0 0;
}
.design .block_three  {
    flex-wrap:wrap;
    padding: 0 0;
}
.design .block_three .item{
    width: calc(100% - 40px);
    margin:60px 20px 0;
}
.design .block_fixw .fw_icon_area {
    width:96%;
    padding:10px 0;
}
.design .block_fixw .fw_share_area {
    width:96%;
}
.design .block_fixw .item {
    width:150px;
    height:150px;
    margin: 10px;
}
.design .block_fixw .item img {
    width:50%;
}
.design .block_two.bk13 .ds_title {
    font-size:34px;
}
.design .block_two.bk13 .ds_content li {
    font-size: 15px;
}
.design .block_two.bk13 .ds_content li strong {
    font-size: 39px;
}
}
@media screen and (max-width: 480px){
.design .block_full.bk7 ul {
    flex-wrap:wrap;
}
.design .block_full.bk7 ul li{
    width:calc(100% - 20px);
    margin-top:30px;
}
.design .block_full_f.bk16 .threelist .item{
    width: calc(100%);
    margin: 20px auto;
}
}
@media screen and (max-width: 375px){
.design .block_two_f.bk17 {
    position: relative;
    background-image: url('/Upload/ckfinder/images/1_20251008101008_edit.jpg');
}
.design .block_two_f.bk17.bg2 {
    position:relative;
    background-image:url('/upload/article/活動範例頁/保護貼聖誕節案例/bk17bg2_480.png');
}
.design .block_two_f.bk18.bg2 {
      background-image:url(/upload/article/%E6%B4%BB%E5%8B%95%E7%AF%84%E4%BE%8B%E9%A0%81/%E4%BF%9D%E8%AD%B7%E8%B2%BC%E8%81%96%E8%AA%95%E7%AF%80%E6%A1%88%E4%BE%8B/background3752.png);
}
.design .block_two_f.bk17 .spi_1{
    left:auto;
    top:0px;
    right:0;
}
.design .block_two_f.bk17 .spi_2{
    left:auto;
    top:250px;
    right:0;
    text-align: right;
}
.design .block_two_f.bk17 .spi_2 img{
    width:90% }
.design .block_two_f.bk17 .spi_3{
    left:0;
    top:410px;
    right:auto;
}
.design .block_two_f.bk17 .spi_3 img{
    width:80%;
}
.design .block_two_f.bk17 .right {
    margin-top:650px;
}
.design .block_two_f.bk17 .ds_title{
    font-size:31px;
}
.design .block_two_f.bk17 .ds_subtitle{
    font-size:17px;
}
.design .block_two_f.bk17 .ds_content{
    font-size:15px;
}
.design .block_two_f.bk18 {
    position:relative;
    background-image:url(img/background375002.jpg);
}
.design .block_two_f.bk18 .ds_title{
    font-size:31px;
}
.design .block_two_f.bk18 .ds_subtitle{
    font-size:17px;
}
.design .block_two_f.bk18 .ds_content{
    font-size:15px;
}
}

/* 全部 */
.slick-slider {display:none;}