@charset "utf-8";
    *{  padding:0; margin:0;}
        .owl_block {
            width: 100%;
            overflow: visible;
        }
        #html5-watermark{
            display: none!important;
        }
		#html5-elem-data-box{
			display: none!important;
		}
		#html5-next{
			display: none!important;
		}
		#html5-prev{
			display: none!important;
		}
		.html5-next-touch{
			display: none!important;
		}
		.html5-prev-touch{
			display: none!important;
		}
    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%;}

/*    插入背景圖片    */
    .p1,.p2,.p3,.p4,.p5,.p6,.p7,.p8,.p9,.p10,.p11,.p12,
    .p13{
	background-size: cover;
	background-repeat: no-repeat;
	height: 100%;
	align-items: center;
	background-position: center center;
    }
    .p2{background-image:url(../images/p2.jpg);}
    .p3{background-image:url(../images/p3.jpg);}
    .p4{background-image:url(../images/p4.jpg);}
    .p5{background-image:url(../images/p5.jpg);}
    .p7{background-image:url(../images/p7.jpg);}
    .p8{background-image:url(../images/p8.jpg);}
    .p9{background-image:url(../images/p9.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);}

/*    插入導覽列     */
    .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     */
.p2_txtarea,.p3_txtarea,.p4_txtarea,.p5_txtarea,.p7_txtarea,.p8_txtarea,
.p9_txtarea,.p10_txtarea,.p11_txtarea,.p12_txtarea {
	width: 85%;
	margin: 0 auto;
	justify-content: flex-end;
	display: flex;
}
.p6_txtarea{
	width: 100%;
	height: 100%;
	flex-direction: row;
	display: inline-flex;	
}
.p13_txtarea {
	width: 100%;
	height: 100%;
	justify-content: flex-end;
	flex-direction: column;
	display: inline-flex;
}
/*    section     */
.img_H{
	width: 500px;
}
.img_icon{
	width: 45px;
	margin-right: 15px;
}
h2{
	margin-bottom: 20px;	
}
h3{
	font-size: 1.8em;
	margin-bottom: 30px;
	margin-left: 10px;
	color: #FFECAA;
}
h4{
	font-size: 1em;
	font-weight: normal;
	margin-left: 2px;
	height: 60px;
	line-height: 1.4em;
}
.link_box{
	align-items: center;
	display: inline-flex;
	margin-bottom: 5px;
}
.link_box a{
	font-size: 1.5em;
}
.link_box a:hover,h3 a:hover{
	color: #FFC600;	
}

.p1_box{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}
.p2_box p,.p12_box p{
	font-size: 1.5em;
	letter-spacing: 0.1em;
	line-height: 1.5em;
	margin-left: 15px;
}
.p3_box,.p4_box,.p5_box,.p7_box,.p8_box,.p9_box,.p10_box,.p11_box,.p12_box,.p13_box{
	flex-direction: column;
	display: inline-flex;
}
.p6_box1{background-image: url(../images/m_p7.jpg);}
.p6_box2{background-image: url(../images/m_p8.jpg);}
.p6_box3{background-image: url(../images/m_p9.jpg);}
.p6_box1,.p6_box2,.p6_box3{
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: 130% auto;
}
.p6_box1,.p6_box2{
	width: 33.3%;
	height: 100%;
}
.p6_box3{
	width: 33.4%;
	height: 100%;
}
.p6_box1:hover .link_p_box1,
.p6_box2:hover .link_p_box2,
.p6_box3:hover .link_p_box3{
	background-color: rgba(0, 255, 245, 0.6);
	cursor: pointer
}
.link_p_box1,.link_p_box2,.link_p_box3{
	width: 100%;
	height: 100%;
}
.p13_box h3{
	font-weight: normal;
	color: #FFFFFF;
	font-size: 1.4em;
	letter-spacing: 0.2em;
	margin-bottom: 5%;
}
.section p13{
	height: 100%;
}
.p13_box{
	text-align: center;
}
.owl_box{
	width: 93%;
	margin: 0 auto;
}


@media only screen and (max-width: 1024px) {
.video-container{display: none;}
.p1{background-image:url(../images/p1.jpg);}
	
/*    section     */
.img_H{
	width: 350px;
}	
.link_box a{
	font-size: 1.2em;
}		


}

@media only screen and (max-width: 900px) {
.p1{background-image:url(../images/m_p1.jpg);}
.p2{background-image:url(../images/m_p2.jpg);}
.p3{background-image:url(../images/m_p3.jpg);}
.p4{background-image:url(../images/m_p4.jpg);}
.p5{background-image:url(../images/m_p5.jpg);}
.p7{background-image:url(../images/m_p7.jpg);}
.p8{background-image:url(../images/m_p8.jpg);}
.p9{background-image:url(../images/m_p9.jpg);}
.p10{background-image:url(../images/m_p10.jpg);}
.p11{background-image:url(../images/m_p11.jpg);}
.p12{background-image:url(../images/m_p12.jpg);}
.p13{background-image:url(../images/m_p13.jpg);}
	
/*    txtarea    */
.p2_txtarea,.p3_txtarea,.p4_txtarea,.p5_txtarea,.p7_txtarea,.p8_txtarea,
.p9_txtarea,.p10_txtarea,.p11_txtarea,.p12_txtarea {
	width: 85%;
	justify-content: center;
	height: 100%;
	margin-top: 25%;
	text-align: center;		
}
.p13_txtarea {
	justify-content: space-between;
}
.p6_txtarea{
	flex-direction: column;
}
/*    section     */
.img_icon {
    width: 40px;
}
.link_box a{
	font-size: 1.5em;
}
.p6_box1{background-image: url(../images/p7.jpg);}
.p6_box2{background-image: url(../images/p8.jpg);}
.p6_box3{background-image: url(../images/p9.jpg);}
.p6_box1,.p6_box2,.p6_box3{
	background-position: left 25%;
	background-size: 155% auto;
}
.p6_box1{
	width: 100%;
	height: 34%;
}
.p6_box2,.p6_box3{
	width: 100%;
	height: 33%;
}
.p13_box{
	margin-top: 15%;
}
.p13_box h3{
	font-size: 1.3em;
	letter-spacing: 0.1em;
}
	
	
	
}
@media only screen and (max-width: 767px) {
.p1{background-image:url(../images/p1.jpg);}
.p2{background-image:url(../images/p2.jpg);}
.p3{background-image:url(../images/p3.jpg);}
.p4{background-image:url(../images/p4.jpg);}
.p5{background-image:url(../images/p5.jpg);}
.p7{background-image:url(../images/p7.jpg);}
.p8{background-image:url(../images/p8.jpg);}
.p9{background-image:url(../images/p9.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);}
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;
	}
/*    txtarea    */
.p2_txtarea,.p3_txtarea,.p4_txtarea,.p5_txtarea,.p7_txtarea,.p8_txtarea,
.p9_txtarea,.p10_txtarea,.p11_txtarea,.p12_txtarea {
	width: 90%;
	justify-content: flex-end;
	text-align: left;
	margin-top: 20%;
}
.p6_txtarea{
	flex-direction: row;
}
.p13_txtarea {
	justify-content: flex-end;
}
/*    section     */
h2{
	margin-bottom: 10px;	
}
h3{
	font-size: 1.5em;
	margin-bottom: 20px;
}
.img_H{
	width: 280px;
}
.img_icon{
	width: 30px;
	margin-right: 5px;
}
.p2_box p,.p12_box p{
	font-size: 1em;
	letter-spacing: 0.1em;
	line-height: 1.5em;
	margin-left: 25px;
}
.link_box a{
	font-size: 1em;
}
.p6_box1{background-image: url(../images/m_p7.jpg);}
.p6_box2{background-image: url(../images/m_p8.jpg);}
.p6_box3{background-image: url(../images/m_p9.jpg);}
.p6_box1,.p6_box2,.p6_box3{
	background-position: center bottom;
	background-size: 130% auto;
}
.p6_box1,.p6_box2{
	width: 33.3%;
	height: 100%;
}
.p6_box3{
	width: 33.4%;
	height: 100%;
}
.owl_box{
	width: 100%;
}
	
	
	
}
@media only screen and (max-width: 480px) {
.p1{background-image:url(../images/m_p1.jpg);}
.p2{background-image:url(../images/m_p2.jpg);}
.p3{background-image:url(../images/m_p3.jpg);}
.p4{background-image:url(../images/m_p4.jpg);}
.p5{background-image:url(../images/m_p5.jpg);}
.p7{background-image:url(../images/m_p7.jpg);}
.p8{background-image:url(../images/m_p8.jpg);}
.p9{background-image:url(../images/m_p9.jpg);}
.p10{background-image:url(../images/m_p10.jpg);}
.p11{background-image:url(../images/m_p11.jpg);}
.p12{background-image:url(../images/m_p12.jpg);}
.p13{background-image:url(../images/m_p13.jpg);}
header .logoBlock .logo {
    max-height: 25px;
	}
.owl-carousel .owl-item {
	font-size: 2.2em !important;
	}		
/*    txtarea    */	
.p2_txtarea,.p3_txtarea,.p4_txtarea,.p5_txtarea,.p7_txtarea,.p8_txtarea,
.p9_txtarea,.p10_txtarea,.p11_txtarea,.p12_txtarea{
	width: 95%;
	justify-content: center;
	height: 100%;
	margin-top: 45%;
	text-align: center;		
}
.p13_txtarea {
	justify-content: space-between;
}
.p6_txtarea{
	flex-direction: column;
}
/*    section     */
.img_icon {
    width: 27px;
}
h3 {
    margin-bottom: 10px;
}
h4{
	font-size: 0.9em;
	height: 40px;
	line-height: 1.2em;
}
.p2_box p,.p12_box p{
	margin-left: 0px;
}
.p6_box1{background-image: url(../images/p7.jpg);}
.p6_box2{background-image: url(../images/p8.jpg);}
.p6_box3{background-image: url(../images/p9.jpg);}
.p6_box1,.p6_box2,.p6_box3{
	background-position: left 25%;
	background-size: 155% auto;
}
.p6_box1{
	width: 100%;
	height: 34%;
}
.p6_box2,.p6_box3{
	width: 100%;
	height: 33%;
}
.p13_box{
	margin-top: 20%;
}
.p13_box h3{
	font-size: 0.9em;
	letter-spacing: 0em;
}
	

}	
@media only screen and (max-width: 320px) {
.link_box a {
    font-size: 0.8em;
}
.img_icon {
    width: 20px;
}
.p13_box h3{
	font-size: 0.9em;
	height: 0px;
}
}
@media only screen and (min-width: 565px) and (max-width: 700px) {
.p2_txtarea,.p3_txtarea,.p4_txtarea,.p5_txtarea,.p7_txtarea,.p8_txtarea,
.p9_txtarea,.p10_txtarea,.p11_txtarea,.p12_txtarea {
	margin-top: 8%;
}
.p13_txtarea {
	background-color: rgba(0,0,0,0.60);
}
.p13{
	background-size: 180% auto;
	background-position: center 10%;
}
.p6_txtarea {
    height: 99%;
}
.p2_box p, .p12_box p {
    line-height: 1.3em;
    margin-left: 10px;
}
.img_H {
    width: 250px;
}
.link_box {
    margin-bottom: 1px!important;
}
.img_icon {
    width: 20px;
    margin-right: 5px;
}
h2 {
    margin-bottom: 2px;
}
h3 {
    font-size: 1.2em;
    margin-bottom: 2px;
}
h4{
	height: 40px;
}
.p13_box {
	margin-top: 0%;
}
.p13_box h3{
	display: none;	
	}
}