html,body{ overflow-x:hidden; }

/* wrapperbox */
.wrapper_box{ overflow:hidden; background-size:cover; background-attachment: fixed; background: linear-gradient(to right, #c3e4f7 0%,#c3e4f7 50%,#c3e4f7 100%);}
.bg_2601, .bg_2601 .wrapper {
    background: linear-gradient(to right, #c3e4f7 0%, #c3e4f7 50%, #c3e4f7 0%);
    background-color: #c3e4f7;
}

/* wrapper01 */
.wrapper{ 
    max-width:900px; margin:0 auto; position:relative; 
    background: linear-gradient(to right, #c3e4f7 0%,#c3e4f7 50%,#c3e4f7 100%);
}
.wrapper *{ font-family:'Noto Sans TC',sans-serif;}

@media screen and (max-width: 900px) {
	.wrapper{ max-width:100%;}
}

.TitleWordBox {
    font-size: 60px;
    font-weight: 900;
    line-height: 1.6;
    color: #10326b;
    text-align: center;margin-block: 30px;
    position: relative;
    z-index: 1;
}
.TitleWordBox span {
    display: block;
}
.TitleWordBox span::before {
    content: attr(data-storke);
    position: absolute;
    color: #000;
    -webkit-text-stroke: 0.16em #fff;
    text-stroke: 0.16em #fff;
    z-index: -1;
}


/* 瞬潔乾爽系列-圖轉文 ======================================= */
.banners img{width: 100%;}
.Dis{position: relative;}
.Dis img{width: 100%;}

.Dis.tx01 .Pos01 {
    position: absolute;
    top: 59%;
    left: 12%;right: 0;
}
.Dis.tx01 .Pos01 span{
    display: block;position: relative;z-index: 0;
    font-size: 48px;
    font-weight: 900;
    color: #e2007c;
}
.Dis.tx01 .Pos01 span::before{
    content: attr(data-storke);
    position: absolute;
    color: #000;
    -webkit-text-stroke: 6px #fff;
    text-stroke: 6px #fff;
    z-index: -1;
    text-shadow: 3px 8px #9699c2, 4px 8px #9699c2, 5px 8px #9699c2, 6px 8px #9699c2, 7px 8px #9699c2, 8px 8px #9699c2, 2px 8px #9699c2, 1px 8px #9699c2, 0px 8px #9699c2;
}

.Dis.tx02 .Pos01,
.Dis.tx03 .Pos02,
.Dis.tx04 .Pos01,
.Dis.tx04 .Pos03{
    position: absolute;
    color: #e2007c;
    font-weight: 900;
    text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 5px 15px #006da3, 0 5px 15px #006da3, 0 5px 15px #006da3, 0 5px 15px #006da3, 0 5px 15px #006da3, 0 5px 15px #006da3;
}
.Dis.tx02 .Pos01{font-size: 52px;top: 7%;left:26%}
.Dis.tx03 .Pos01{
    position: absolute;
    color: #12348f;
    font-weight: 900;
    font-size: 54px;top: 8.5%;left: 29%;
    text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
.Dis.tx03 .Pos02{font-size: 52px;top: 28%;left: 30.5%;}
.Dis.tx04 .Pos01{font-size: 45px;top: 13.5%;left: 18%;}
.Dis.tx04 .Pos03{font-size: 45px;top: 62%;left: 19%;}

.Dis.tx01 .Note,
.Dis.tx04 .Note,
.Dis.tx06 .Note.Pos03{
    position: absolute;
    color: #12348f;
    line-height: 1.4;
}
.Dis.tx01 .Note{
    left: 12%;top: 72%;
    font-size: 26px;
    max-width: 312px;text-align: justify;
}
.Dis.tx04 .Note.Pos02{
    left: 18%;top: 24%;
    font-size: 28px;
}
.Dis.tx04 .Note.Pos04{
    left: 19%;top: 72.5%;
    font-size: 28px;
}
.Dis.tx06 .Note.Pos03{
    left: 0;right: 0;top: 36.5%;
    font-size: 26px;text-align: center;
}

/* .Dis.tx02 .Note span{
    display: block;position: relative;z-index: 0;
    text-align: center;
    font-size: 42px;
    font-weight: 900;
    color: #b66957;
}
.Dis.tx02 .Note span::before{
    content: attr(data-storke);
    position: absolute;
    color: #000;
    -webkit-text-stroke: 6px #fff;
    text-stroke: 6px #fff;
    z-index: -1;
    text-shadow: 0px 0px 10px #ff0000;
} */

/* .Dis.tx03 .Note span{
    display: block;position: relative;z-index: 0;
    font-size: 20px;
    font-weight: 900;
    color: #b66957;
}
.Dis.tx03 .Note span::before{
    content: attr(data-storke);
    position: absolute;
    color: #000;
    -webkit-text-stroke: 5px #fff;
    text-stroke: 5px #fff;
    z-index: -1;
    text-shadow: 0px 3px 5px #652e1f;
} */

/* .Dis.tx04 .Note{position: absolute;left: 40%;text-align: center;} */
/* .Dis.tx04 .Pos02{top: 25%;}
.Dis.tx04 .Pos03{top: 59%;} */

/* .Dis.tx04 .Note span{
    display: block;position: relative;z-index: 0;
    font-size: 29px;
    font-weight: 900;
    color: #7a4d29;
}
.Dis.tx04 .Note span::before{
    content: attr(data-storke);
    position: absolute;
    color: #000;
    -webkit-text-stroke: 5px #fff;
    text-stroke: 5px #fff;
    z-index: -1;
} */


.Dis.tx05 .Note{
    position: absolute;color: #04aadf;line-height: 1.3;font-size: 20px;font-size: 31px;font-weight: 500;max-width: 350px;
}
.Dis.tx05 .Note span{color: #e6027e;}
.Dis.tx05 .Note.Pos02{left: 44%;top: 25%;}
.Dis.tx05 .Note.Pos03{left: 17%;top: 49%;}
.Dis.tx05 .Note.Pos04{left: 49%;top: 81%;}

.Dis.tx05 .Pos01,
.Dis.tx06 .Pos01,
.Dis.tx06 .Note,
.Dis.tx08 .Note{position: absolute;}

.Dis.tx05 .Pos01{top: 3.5%;left: 0;right: 0;text-align: center;font-size: 60px;}
/* .Dis.tx05 .Pos01 span{font-size: 60px;} */
.Dis.tx06 .Pos01{top: 8.5%;left: 0;right: 0;text-align: center;font-size: 56px;}
/* .Dis.tx06 .Pos01 span{font-size: 56px;} */
.Dis.tx06 .Pos02{
	top:23%;left: 0;right: 0;text-align: center;
    color: #5e9623;font-size: 34px;
    font-weight: 600;
    text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}

.Dis.tx08 .Pos02{top:6%;left: 38%;}
.Dis.tx08 .Pos03{top: 34%;left: 38%;}
.Dis.tx08 .Note.Pos04{top:63.5%;left: 24%;}
.Dis.tx08 .Note.Pos05{top:63.5%;left: 63%;}

.Dis.tx05 .Pos01 span,
.Dis.tx06 .Pos01 span,
.Dis.tx08 .Note span{
    display: block;position: relative;z-index: 0;
    font-weight: 900;
}
.Dis.tx05 .Pos01 {
    position: absolute;
    left: 0;right: 0;text-align: center;
    color: #e6027e;
    font-weight: 900;
    text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 5px 15px #e6027e;
}
.Dis.tx06 .Pos01 {
    position: absolute;
    left: 0;right: 0;text-align: center;
    color: #013282;
    font-weight: 900;
    text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 5px 15px #013282;
}
/* .Dis.tx05 .Pos01 span{color: #e6027e;} */
/* .Dis.tx06 .Pos01 span, */
.Dis.tx08 .Note span{color: #013282;}


.Dis.tx08 .Note span{font-size: 49px;}

/* .Dis.tx05 .Pos01 span::before, */
/* .Dis.tx06 .Pos01 span::before, */
.Dis.tx08 .Note span::before{
    content: attr(data-storke);
    position: absolute;
    color: #000;
    -webkit-text-stroke: 0.15em #fff;
    text-stroke: 0.15em #fff;
    z-index: -1;
    text-shadow: 0 0 0.4em rgb(0 0 0 / 60%);
}
/* .Dis.tx05 .Pos01 span::after,
.Dis.tx06 .Pos01 span::after,
.Dis.tx08 .Note span::after{
    content: attr(data-storke);
    inset: 0;
    position: absolute;
    color: #000;
    -webkit-text-stroke: 16px #429de3;
    text-stroke: 16px #15519b;
    z-index: -2;
    text-shadow: 6px 8px 8px #000000;
} */

.Dis.tx08 .Pos04.Note span::before,
.Dis.tx08 .Pos05.Note span::before{
	-webkit-text-stroke: 0.15em #fff;
    text-stroke: 0.15em #fff;
}
/* .Dis.tx08 .Pos04.Note span::after{
	-webkit-text-stroke: 10px #dab56a;
    text-stroke: 10px #dab56a;
    text-shadow: 6px 8px 8px #000000;
}
.Dis.tx08 .Pos05.Note span::after{
	-webkit-text-stroke: 10px #51beef;
    text-stroke: 10px #51beef;
    text-shadow: 6px 8px 8px #000000;
} */

.Dis.tx08 .Note.Pos04-1{top: 68.5%;left: 16.5%;}
.Dis.tx08 .Note.Pos05-1{top: 68.5%;left: 62%;}
.Dis.tx08 .Note.Pos04-1 span,
.Dis.tx08 .Note.Pos05-1 span{
    font-size: 29px;font-style: italic;color: #fff;
}
.Dis.tx08 .Note.Pos04-1 span::before,
.Dis.tx08 .Note.Pos05-1 span::before {
    -webkit-text-stroke: 0.15em #013282;
    text-stroke: 0.15em #15519b;
}
/* .Dis.tx08 .Note.Pos04-1 span::after,.Dis.tx08 .Note.Pos05-1 span::after{content:none} */







.wrapper .pageBottom_2 {
    position: fixed;bottom: 0;left: 0;right: 0;
    z-index: 20;
    width: 100%;max-width: 900px;
    min-height: 44px;
    background: #235daa;
    border-radius: 10px 10px 0 0;
    padding: 25px 15px 0 15px;
    font-size: 0;text-align: center;margin: auto;
}


.cone .contentpro .cnewgrids {
    position: relative;
}
.cone .contentpro .cnewgrids .blue {
    background: #c2e3f6;
    padding: 25px;
}
.cone .contentpro .cnewgrids .blue .mvs {
    width: 100%;
    padding-bottom: 56%;
    position: relative;
}
.cone .contentpro .cnewgrids .blue .mvs iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 100%;
}




@media only screen and (max-device-width: 939px), only screen and (max-width: 939px) {
    .TitleWordBox{font-size: 7vw;}
    .Dis.tx01 .Pos01 span{font-size:5.2vw;}
    .Dis.tx01 .Note {
    font-size: 2.7vw;
    max-width: 295px;
    }
    .Dis.tx02 .Pos01 {font-size: 5.7vw;}
    .Dis.tx03 .Pos01 {font-size: 6vw;top: 8%;}
    .Dis.tx03 .Pos02 {font-size: 5.7vw;}
    .Dis.tx04 .Pos01,.Dis.tx04 .Pos03 {font-size: 5vw;}
    .Dis.tx04 .Note.Pos02,.Dis.tx04 .Note.Pos04 {font-size: 3.1vw;}
    .Dis.tx05 .Pos01 {font-size: 6.5vw;}
    /* .Dis.tx05 .Pos01 span {font-size: 6.5vw;} */
    .Dis.tx05 .Note {font-size: 3.3vw;}
    .Dis.tx06 .Pos01 {font-size: 6vw;}
    /* .Dis.tx06 .Pos01 span {font-size: 6vw;} */
    .Dis.tx06 .Pos02 {font-size: 3.7vw;}
    .Dis.tx06 .Note.Pos03 {font-size: 2.7vw;}
    .Dis.tx08 .Note span{font-size: 5.4vw;}
    .Dis.tx08 .Note.Pos04-1 span, .Dis.tx08 .Note.Pos05-1 span{font-size: 3.1vw;}
    /* .Dis.tx05 .Pos01 span::before, */
    /* .Dis.tx06 .Pos01 span::before, */
    .Dis.tx08 .Note span::before{text-shadow: 0 0 0.2em rgb(0 0 0 / 20%);}


	/* .Dis.tx02 .Pos02 span,
	.Dis.tx02 .Pos03 span{font-size: 4.5vw;}
	.Dis.tx02 .Pos02{top: 52%;}
	.Dis.tx02 .Pos03{top: 74%;}
	.Dis.tx02 .Pos02 span::before,
	.Dis.tx02 .Pos03 span::before{
		-webkit-text-stroke: 0.8vw #fff;
    	text-stroke: 0.8vw #fff;
	}
	

	.Dis.tx03 .Note span{font-size: 2.6vw;}
	.Dis.tx03 .Note span::before{-webkit-text-stroke: 0.5vw #fff;text-stroke: 0.5vw #fff;}
	
	.Dis.tx04 .Note span{font-size: 3.7vw;}
	.Dis.tx06 .Pos01 {font-size: 7vw;}
	.Dis.tx06 .Pos02{font-size: 3.6vw;} */
	
	
}