@charset "utf-8";
    *{  padding:0; margin:0;}
    body{
	overflow: hidden;
	font: 100% Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif, "微軟正黑體";
	background-color: #000000;color: #FFFFFF;
    }
    a{	text-decoration: none;	color: inherit;}
    header {
        font-size: 16px;
        position: fixed;
        left: 0px;
        top: 0px;
        height: auto;
        max-height: 105px;
        width: 100%;
        z-index: 100;
    }
    header .logoBlock .logo {
        max-height: 35px;
    }
    header > div {
        height: 100%;
        display: flex;
        justify-content: space-around;
        align-items: center;
        align-content: center;
        flex-wrap: wrap;
        margin: 1% 2% 0 2%;
    }
    header .logoBlock {
        flex: 1;
        width: 85%;
    }
    .shareIcon{
        width: 30%;
        display: inline-block;
        text-align: right;
    }
    .shareIcon i {
        background-image: url(http://www.setn.com/images/shareIcon/social-icon2.png);
        background-repeat: no-repeat;
        display: inline-block;
        width: 40px;
        height: 40px;
        margin: 4px auto;
        border-radius: 3px;
        background-position-x: 0;
        -webkit-transition: none;
        transform: none;
    }
    .sprite-02-fb {
        background-position: 0 -40px;
    }

/*    youtube    */
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	top: -11px;
	height: 0;
	overflow: hidden;
	left: -1px;
}
.video-container iframe, .video-container object, .video-container embed {
position: absolute;
top: 0;left: 0;
width: 100%;
height: 100%;}

/*    插入背景圖片    */
    .p01,.p02,.p03,.p04,.p05,.p06,.p07,.p08,.p09,.p10,
    .p11,.p12,.p13,.p14,.p15,.p16,.p17,.p18,.p19,.p20,
    .p21{
	background-size: cover;
	background-repeat: no-repeat;
	height: 100vh;
	align-items: center;
	background-position: center center;
    }
    .p01{background-image:url();}
    .p03{background-image:url(../images/p03.jpg);}
    .p04{background-image:url(../images/p04.jpg);}
    .p06{background-image:url(../images/p06.jpg);}
    .p07{background-image:url(../images/p07.jpg);}
    .p08{background-image:url(../images/p08.jpg);}
    .p09{background-image:url(../images/p09.jpg);}
    .p10{background-image:url(../images/p10.jpg);}
    .p11{background-image:url(../images/p11.jpg);}
    .p12{background-image:url(../images/p12.jpg);}
    .p13{background-image:url(../images/p13.jpg);}
    .p14{background-image:url(../images/p14.jpg);}
    .p15{background-image:url(../images/p15.jpg);}
    .p16{background-image:url(../images/p16.jpg);}
    .p17{background-image:url(../images/p17.jpg);}
    .p18{background-image:url(../images/p18.jpg);}
    .p19{background-image:url(../images/p19.jpg);}
    .p20{background-image:url(../images/p20.jpg);}
    .p21{background-image:url(../images/p21.jpg);}

/*    插入導覽列     */
    .nav{
        position: fixed;
        top:50%;
        right:0px;
        cursor:pointer;
        z-index: 9999;
    }
    li{
        width:10px;
        height:10px; 
        margin: 10px;
        background-color: white;
        border-radius: 5px;
        box-shadow: 1px 1px 1px rgba(0,0,0,0.5) inset,-1px -1px 1px rgba(0,0,0,0.5) inset;
        list-style-type: none;
    }
    h1{
        font-size:60px;
        color:ghostwhite;
        text-shadow:0px 0px 15px black;
    }
    .video-grid-itemBs p{font-size: 2vmin;}

/*    txtarea     */
.p02_txtarea ,.p04_txtarea ,.p18_txtarea {
	width: 92%;
	margin: 0 auto;
	text-align: center;
}
.p03_txtarea,.p10_txtarea{
	width: 92%;
	height: 100%;
	justify-content: flex-end;
	align-items: center;
	display: flex;
}
.p05_txtarea{
	width: 100%;
	height: 100vh;
	flex-direction: row;
	display: inline-flex;
}
.p06_txtarea, .p07_txtarea, .p08_txtarea,
.p09_txtarea
{
	width: 92%;
	height: 100%;
	margin: 0 auto;
	justify-content:space-between;
	display: flex;
}
.p11_txtarea ,.p12_txtarea ,.p17_txtarea{
	width: 92%;
	height: 100%;
	margin-top: 15%;
	margin-left: 5%;
}
.p13_txtarea{
	width: 90%;
	height: 100%;
	margin: 0 auto;
	text-align: center;
	padding-top: 10%;
	padding-left: 5%;
}
.p14_txtarea ,.p15_txtarea{
	width: 90%;
	height: 100%;
	justify-content: flex-end;
	display: flex;
}
.p16_txtarea{
	width: 90%;
	height: 100%;
	align-items: flex-end;
	display: inline-flex;
}
.p19_txtarea{
	width: 90%;
	align-items:flex-end;
	flex-direction: column;
	display: flex;
	text-align: center;
}
.p20_txtarea{
	width: 95%;
	height: 100%;
	align-items: flex-end;
	justify-content: flex-end;
	display: flex;
	margin-bottom: 8%;
}
.p21_txtarea{
	width: 93%;
	height: 100%;
	justify-content: space-between;
	align-items: center;
	flex-direction: column;
	display: flex;
	margin: 0 auto;
	padding-top: 10%;
	text-align: center;
}
/*    section     */
.p01_box{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}
.p01_img{
	width: 100%;
	max-width: 500px;	
}
.p3_box{
	width: 40%;
}
.P3_box2{
	flex-direction: column;
	display: inline-flex;
}
.P3_link_box,.P6_link_box{
	align-items: center;
	display: inline-flex;
	margin-top: 10px;
}
.P3_link_box a:hover ,
.P6_link_box a:hover
{
	color: #FFB600;
}
.p5_box1 ,.p5_box2 ,.p5_box3 ,.p5_box4{
	width: 25%;
	height: 100vh;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.p5_box1{background-image:url(../images/p05_1.jpg)}
.p5_box2{background-image:url(../images/p05_2.jpg)}
.p5_box3{background-image:url(../images/p05_3.jpg)}
.p5_box4{background-image:url(../images/p05_4.jpg)}
.p5_box1:hover .p5_box_link ,
.p5_box2:hover .p5_box_link2 ,
.p5_box3:hover .p5_box_link ,
.p5_box4:hover .p5_box_link{
	background-color: rgba(250, 210, 0, 0.7);
	cursor: pointer
}
.p5_box_link p,.p5_box_link2 p{
	margin-bottom: 20%;	
}
.p5_box_link ,.p5_box_link2{
	width: 100%;
	height: 100vh;
	justify-content: center;
	align-items: flex-end;
	display: flex;
}
.p06_box1{
	width: 640px;
	height: 100%;
	display: flex;
	flex-direction:column;
	justify-content: center;
}
.p06_box2{
	width: 55%;
	align-items: flex-end;
	justify-content: flex-end;
	flex-direction: column;
	display: flex;
	margin-bottom: 5%;
	text-align: right;
}
.P6_link_box{
	margin-top: 30px;
}
.p14_box{
	width: 55%;
	margin-top: 5%;
}
.p16_box{
	width: 55%;
	margin-bottom: 5%;
	margin-left: 10%;
}
.p20_box{
	width: 60%;
}
.owl-theme{
	padding-bottom: 4%;	
}
.title{
	font-size: 3em;
	font-weight: bold;
}
.title2{
	font-size: 2em;
	font-weight: bold;
	margin-bottom: 30px;
}
.title3{
	font-size: 1.8em;
	font-weight: bold;
	margin-bottom: 20px;
}
.word ,.word2 ,.word3{
	font-size: 1.6em;
}
.word4{
	font-size: 1.2em;
}
.word_bK{
	color: #211B1B;
}
.word_Keywords{
	color: #FFFD00;
}
.word_name,.word_name2{
	font-size: 2em;
	border: 2px dotted #FFFFFF;
	width: 120px;
	text-align: center;
	margin-bottom: 10px;
	padding: 3px 0px;
}
.word_name{
	width: 130px;
}
.word_name2{
	width: 380px;
}
.word_left{
	text-align: left;	
}
.link_word{
	font-size: 1.2em;
}
.iconA{
	width: 30px;
	margin-right: 10px;
}
.img_play{
	width: 100%;
	margin-bottom: 20px;
}
.img_P14{
	width: 100%;
	margin-top: 10px;
}
.img_P14:hover{
	cursor: zoom-in;
}
.sound1{
	width: 640px;
	height: 360px;
}
.sound2{
	width: 300px;
	margin-left: 30px;
	margin-top: 0px;
	height: 50px;
	}

@media only screen and (max-width: 1024px) {
.video-container{display: none;}
.p01{background-image:url(../images/p01.jpg);}
.p14_txtarea ,.p15_txtarea{
	align-items:center;
}
.p5_box_link p,.p5_box_link2 p{margin-bottom: 35%;}
.p16_box{
	margin-bottom: 15%;
}
.word ,.word2 ,.word3{
	font-size: 1.3em;
}
.p06_box1{
	width: 480px;
}
.p06_box2{
	margin-bottom: 10%;
}
.owl-theme{
	padding-bottom: 0%;	
}
.img_play{
	width: 480px;
}
.img_P14{
	width: 100%;
}
.sound1{
	width: 480px;
	height: 270px;
}
}
@media only screen and (max-width: 1000px) {
.p01_txtarea {
	width: 90%;
}
.p03_txtarea,.p10_txtarea{
	align-items: flex-end;
}
.p05_txtarea{
	flex-direction: column;
}
.p06_txtarea, .p07_txtarea, .p08_txtarea,
.p09_txtarea{
	flex-direction: column-reverse;
}
.p11_txtarea, .p12_txtarea, .p17_txtarea{
	margin-top: 25%;
}
.p13_txtarea{
	width: 90%;
	margin-top: 20%;
	padding-left: 0%;
}
.p14_txtarea ,.p15_txtarea,.p20_txtarea{
	width: 100%;
	justify-content: center;
}
.p14_txtarea ,.p15_txtarea{
	align-items:flex-start;
}
.p18_txtarea{
	height: 100%;
	margin-top: 25%;
	}
.p19_txtarea{
	width: 100%;
	height: 100%;
	align-items: center;
	margin-top: 20%;
}
.p21_txtarea{
	width: 100%;
	padding-top: 20%;
}
.p01,.p02,.p03,.p04,.p05,.p06,.p07,.p08,.p09,
.p11,.p12,.p13,.p16,.p17,.p19,.p20{background-position: center 10%;}
.p10,.p14,.p15,.p18{background-position: center 50%;}
	
.p01{background-image:url(../images/mobile_p01.jpg);}
.p03{background-image:url(../images/mobile_p03.jpg);}
.p06{background-image:url(../images/mobile_p06.jpg);}
.p07{background-image:url(../images/mobile_p07.jpg);}
.p08{background-image:url(../images/mobile_p08.jpg);}
.p09{background-image:url(../images/mobile_p09.jpg);}
.p10{background-image:url(../images/mobile_p10.jpg);}
.p13{background-image:url(../images/mobile_p13.jpg);}
.p14{background-image:url(../images/mobile_p14.jpg);}
.p15{background-image:url(../images/mobile_p15.jpg);}
.p16{background-image:url(../images/mobile_p16.jpg);}
.p17{background-image:url(../images/mobile_p17.jpg);}
.p18{background-image:url(../images/mobile_p18.jpg);}
.p19{background-image:url(../images/mobile_p19.jpg);}
.p20{background-image:url(../images/mobile_p20.jpg);}
	
.p03{background-position: center 35%;}
.p06{background-position: center top;}
.p3_box{
	width: 90%;
	margin-bottom: 10%;
}
.p5_box1 ,.p5_box2 ,.p5_box3 {
	width: 100%;
	height: 23%;
}
.p5_box4{
	width: 100%;
	height: 31%;
}
.p5_box1{background-image:url(../images/p05_s1.jpg)}
.p5_box2{background-image:url(../images/p05_s2.jpg)}
.p5_box3{background-image:url(../images/p05_s3.jpg)}
.p5_box4{background-image:url(../images/p05_s4.jpg)}
.p5_box1:hover .p5_box_link ,
.p5_box2:hover .p5_box_link2 ,
.p5_box3:hover .p5_box_link ,
.p5_box4:hover .p5_box_link{
	background-color: rgba(250, 210, 0, 0.0);
}
.p5_box_link ,.p5_box_link2{
	width: 90%;
	height: 100%;
	align-items: center;
	}
.p5_box_link{
	justify-content: flex-start;
	margin-left: 10%;
	}
.p5_box_link2{
	justify-content: flex-end;
	}
.p5_box_link p,.p5_box_link2 p{margin-bottom: 0%;}
.p06_box1{
	width: 100%;
	height: 35%;
}
.p06_box2{
	width: 100%;
	height: 65%;
	align-items: flex-start;
	justify-content: flex-end;
	flex-direction: column;
	display: flex;
	margin-bottom: 20px;
	text-align: left;
}
.p06_box3{
	width: 100%;
	justify-content: space-between;
	align-items: flex-start;
	display: flex;
}
.p06_box4{
	margin-left: 20px;
}
.p14_box,.p15_box{
	width: 80%;
	margin-top: 15%;
}
.p16_box,.p20_box{
	width: auto;
}
.owl-theme{
	padding-bottom: 5%;	
}
.word4{
	font-size: 1em;
}
.img_play{
	width: 300px;
}
}
@media only screen and (max-width: 767px) {
header .logoBlock .logo {
    max-height: 30px;
	}

/*       */	
 #fp-nav{display: none;} 
	
#fp-nav ul li,
.fp-slidesNav ul li {
    width: 10px !important;
    height: 10px !important;
    margin: 5px !important;
}
.owl-carousel .owl-item {
	font-size: 1.6em !important;
	}
.p01,.p02,.p03,.p04,.p05,.p06,.p07,.p08,
.p09,.p10{background-position: center center;}
.p11,.p12,.p13,.p16,.p17,.p18,.p19,.p20{background-position: center 20%;}
.p15{background-position: right center;
	background-size: 120% auto;}
.p15{
	background-position: 20% center;
}
.p01{background-image:url(../images/p01.jpg);}
.p03{background-image:url(../images/p03.jpg);}
.p06{background-image:url(../images/p06.jpg);}
.p07{background-image:url(../images/p07.jpg);}
.p08{background-image:url(../images/p08.jpg);}
.p09{background-image:url(../images/p09.jpg);}
.p10{background-image:url(../images/p10.jpg);}
.p13{background-image:url(../images/p13.jpg);}
.p14{background-image:url(../images/p14.jpg);}
.p15{background-image:url(../images/p15.jpg);}
.p16{background-image:url(../images/p16.jpg);}
.p17{background-image:url(../images/p17.jpg);}
.p18{background-image:url(../images/p18.jpg);}
.p19{background-image:url(../images/p19.jpg);}
.p20{background-image:url(../images/p20.jpg);}
.p03_txtarea,.p10_txtarea{
	align-items: center;
}
.p10_txtarea{
	padding-left: 15%;
	}
.p05_txtarea{
	flex-direction: row;
}
.p11_txtarea, .p12_txtarea, .p17_txtarea{
	margin-top: 18%;
}
.p13_txtarea{
	width: 80%;
	margin-top: 0%;
	padding-left: 5%;
}
.p14_txtarea ,.p15_txtarea{
	width: 90%;
	justify-content: flex-end;
}
.p18_txtarea{
	margin-top: 10%;
	}
.p19_txtarea{
	width: 90%;
	align-items:flex-end;
	margin-top: 10%;
}
.p21_txtarea{
	padding-top: 10%;
}
.p01_img{
	max-width: 250px;	
	}
.p3_box{
	width: 60%;
	margin-bottom: 0%;
}
.P3_box2 {
    margin-top: 5px;
	}
.P3_link_box {
    margin-top: 2px;
	}
.p5_box1 ,.p5_box2 ,.p5_box3 ,.p5_box4{
	width: 25%;
	height: 100vh;
	background-position: center center;
}
.p5_box1{background-image:url(../images/p05_1.jpg)}
.p5_box2{background-image:url(../images/p05_2.jpg)}
.p5_box3{background-image:url(../images/p05_3.jpg)}
.p5_box4{background-image:url(../images/p05_4.jpg)}
.p5_box_link ,.p5_box_link2{
	width: 100%;
	height: 100vh;
	align-items: flex-end;
	}
.p5_box_link{
	justify-content: center;
	margin-left: 0%;
	}
.p5_box_link2{
	justify-content: center;
	}
.p5_box_link p,.p5_box_link2 p{margin-bottom: 35%;}
.p06_box1{
	height: 68%;
}
.p06_box2{
	height: 32%;
	margin-bottom: 10px;
}
.p06_box3{
	align-items: flex-end;
}
.p06_box4{
	align-items: flex-end;
	display: inline-flex;
	margin-bottom: 20px;
}
.P6_link_box {
	margin-right: 10px;
}
.p14_box{
	width: 62%;
	margin-top: 10%;
}
.p16_box{
	margin-bottom: 5%;
}
.owl-theme{
	padding-bottom: 0%;	
}
.title{
	font-size: 2em;
}
.title2{
	font-size: 1.5em;
	margin-bottom: 5px;
}
.title3{
	font-size: 1.1em;
	margin-bottom: 5px;
}
.word{
	font-size: 1.1em;
}
.word2,.word4{
	display: none;
}
.word3{
	font-size: 0.8em;
	}
.word_name{
	font-size: 1.3em;
	width: 90px;
	margin-bottom: 0px;
	}
.word_name2{
	font-size: 1.3em;
	width: 250px;
	margin-bottom: 0px;
	}
.link_word {
	font-size: 1.1em;
}
.iconA {
	width: 25px;
	}
.img_play{
    width: 240px;
}
.img_P14{
	width: 280px;
}
.sound1{
	width: 275px;
	height: 155px;
}
.sound2{
	margin-left: 30px;
	margin-top: 0px;
	height: 80px;
	}
}
@media only screen and (max-width: 480px) {
header .logoBlock .logo {
    max-height: 25px;
	}
.owl-carousel .owl-item {
	font-size: 2.2em !important;
	}
.p01,.p02,.p03,.p04,.p05,.p06,.p07,.p08,.p09,
.p10,.p11,.p12,.p13,.p15,.p16,.p17,.p18,.p19,
.p20{background-position: center 10%;}
	
.p01{background-image:url(../images/mobile_p01.jpg);}
.p03{background-image:url(../images/mobile_p03.jpg);}
.p06{background-image:url(../images/mobile_p06.jpg);}
.p07{background-image:url(../images/mobile_p07.jpg);}
.p08{background-image:url(../images/mobile_p08.jpg);}
.p09{background-image:url(../images/mobile_p09.jpg);}
.p10{background-image:url(../images/mobile_p10.jpg);}
.p13{background-image:url(../images/mobile_p13.jpg);}
.p14{background-image:url(../images/mobile_p14.jpg);}
.p15{background-image:url(../images/mobile_p15.jpg);}
.p16{background-image:url(../images/mobile_p16.jpg);}
.p17{background-image:url(../images/mobile_p17.jpg);}
.p18{background-image:url(../images/mobile_p18.jpg);}
.p19{background-image:url(../images/mobile_p19.jpg);}
.p20{background-image:url(../images/mobile_p20.jpg);}
.p03_txtarea,.p10_txtarea{
	align-items: flex-end;
	}
.p05_txtarea{
	flex-direction: column;
}
.p11_txtarea, .p12_txtarea, .p17_txtarea{
	margin-top: 35%;
}
.p13_txtarea{
	width: 90%;
	margin-top: 40%;
	padding-left: 0%;
}
.p14_txtarea ,.p15_txtarea{
	width: 100%;
	justify-content: center;
}
.p16_txtarea {
    width: 95%;
}
.p18_txtarea,.p19_txtarea{
	margin: 0 auto;
	margin-top: 40%;
	}
.p20_txtarea{
	width: 93%;
}
.p21_txtarea{
	padding-top: 30%;
}
.p01_img{
	max-width: 500px;	
	}
.p3_box,.p20_box{
	width: 90%;
	margin-bottom: 10%;
	}
.P3_link_box {
    margin-top: 5px;
	}
.p5_box1 ,.p5_box2 ,.p5_box3{
	width: 100%;
	height: 23%;
}
.p5_box4{
	width: 100%;
	height: 31%;
}
.p5_box1{background-image:url(../images/p05_s1.jpg)}
.p5_box2{background-image:url(../images/p05_s2.jpg)}
.p5_box3{background-image:url(../images/p05_s3.jpg)}
.p5_box4{background-image:url(../images/p05_s4.jpg)}
.p5_box1{
	background-position: 0% -10%;
}
.p5_box_link ,.p5_box_link2{
	width: 90%;
	height: 100%;
	align-items: center;
	}
.p5_box_link{
	justify-content: flex-start;
	margin-left: 10%;
	}
.p5_box_link2{
	justify-content: flex-end;
	}
.p5_box_link p ,.p5_box_link2 p{
	margin-bottom: 0%;	
}
.p06_box1{
	height: 51%;
}
.p06_box2{
	height: 49%;
}
.p06_box3 {
    flex-direction: column;
	align-items: flex-start;
}
.p06_box4 {
	margin-left: 0px;
	margin-bottom: 30px;
	}
.p14_box{
	width: 85%;
	margin-top: 25%;
}
.p16_box{
	margin-bottom: 15%;
	margin-left: 5%;
}
.owl-theme{
	padding-bottom: 5%;	
}
.title2{
	font-size: 1.2em;
	margin-bottom: 0px;
}
.link_word {
	font-size: 1em;
}
.word{
	font-size: 1em;
}
.word3{
	font-size: 1em;
	}
.img_play{
    width: 100%;
}
.img_P14{
	width: 100%;
}
.sound1{
	width: 330px;
	height: 186px;
}
.sound2{
	width: 250px;
	margin-left: 0px;
	margin-top: 0px;
	height: 50px;
	}
.item{
	font-size: 0.8em;
	}
}
@media only screen and (max-width: 320px) {
.p06_box1{
	height: 47%;
}
.p06_box2{
	height: 53%;
}
.title2{
	font-size: 1.3em;
}
.title3{
	font-size: 1.1em;
}
.word{
	font-size: 0.9em;
}
.link_word {
	font-size: 0.9em;
}
.sound1{
	width: 285px;
	height: 175px;
}
}