@import url(https://fonts.googleapis.com/css?family=Oswald);
        #pic6{
            margin-top:1px;
        }
        .titlebar{
            font-size:1.6em;
            font-family: 'Oswald', sans-serif, '微軟正黑體', Microsoft JhengHei;
            font-family: 'Oswald', '微軟正黑體' !important;
            color:#000;
            text-align: center;
            padding:0.8% 0.8%;
            background-image: url("../images/line.png");
            background-position: top center;
            background-repeat: no-repeat;
        }

		#movie {
			width:1920px;
		}

		#movieA {
			width:1600px;
		}

        #optane{
            background-color: #000;
            background-image: url("../images/Optane_1920.jpg");
            background-position: center;
            background-repeat: no-repeat;
            min-height: 1296px;
            position: relative;
        }
        
        #optane .title{
            font-size:3em;
            color:#fff;
            text-shadow:0px 0px 30px #00C4A8;
            text-align: center;
            margin-top:100px;

        }

        #optane .optitle{
            font-size:120px;
        }

        #optane .text{
            margin-top:50%;
			width:48%;
        }

        #optane .img1{
			margin-top:40%;
		}

		.optane_MV {
			position: absolute;
			color: #fff;
			left: 54%;
			top: 67%;
			z-index: 10;
			display: block;
			box-shadow:hsla(177,100%,48%,1.00) -4px 4px 100px;
		}
		
		.MV {
			width: 560px;
			height: 315px;
		}

        #anti-sulfur{
            background-color: #000;
            background-image: url("../images/anti-sulfur_1920.jpg");
            background-position: top center;
            background-repeat: no-repeat;
            min-height: 1100px;
            position: relative;
        }

        #anti-sulfur .title{
            text-align: right;
            margin-top:12%;
            font-size:2.6em;
            text-shadow:1px 1px 10px #000;
            /*
            -webkit-mask-image: -webkit-gradient(linear, left top, right bottom, from(rgba(0,0,0,1)), color-stop(100%, rgba(0,0,0,0)), to(rgba(0,0,0,0)));
            */
        }

        #anti-sulfur .text{
            float:right;
            text-align: justify;
            width: 50%;
        }



/*
        #wtfast {
            background-color: #000;
            background-image: url("../images/mb_wtfast_1920.jpg");
            background-position: top center;
            background-repeat: no-repeat;
            min-height: 930px;
        }
*/ 

@media screen and (max-width: 1366px) {      
        #pic6{
            margin-top:1px;
        }

        .titlebar{
            padding:0.8% 0.8%;
            min-height: 100px;
        }

		#movieA {
			width:1200px;
		}

		#movie {
			width:1366px;
		}
		
        #optane{
            background-color: #000;
            background-image: url("../images/Optane_1920.jpg");
            background-position: 50% top;
            background-repeat: no-repeat;
            min-height: 1150px;
            position: relative;
        }

        #optane .text{
            margin-top:60%;
			width:48%;
        }

        #optane .img1{
			margin-top:50%;
			width:50%;
		}

		.optane_MV {
			position: absolute;
			color: #fff;
			left: 52%;
			top: 70%;
			z-index: 10;
			display: block;
			box-shadow:hsla(177,100%,48%,1.00) -4px 4px 100px;
		}
		
		.MV {
			width: 490px;
			height: 270px;
		}



}


@media screen and (max-width: 960px) {

        #pic6{
            margin-top:1px;
        }

		#movieA {
			width:800px;
		}
  
        .titlebar{
            font-size:1.4em;
            padding:0.6% 0.6%;
            background-image: url("../images/line_960.png");
            background-position: top center;
            background-repeat: no-repeat;
            min-height: 70px;
        }

		#movie {
			width:960px;
		}

        #optane{
            background-color: #000;
            background-image: url("../images/Optane_960.jpg");
            background-position: 50% top;
            background-repeat: no-repeat;
            min-height: 1060px;
            position: relative;
        }

        #optane .title{
            font-size:2em;
            color:#fff;
            text-shadow:0px 0px 30px #00C4A8;
            text-align: center;
            margin-top:0px;
        }

        #optane .optitle{
            margin-top:20px;
            font-size:80px;
        }
		
		#optane .img1{
			margin-top:50%;
			width:100%;
		}

		#optane .text{
			margin-top:65%;
			width:100%;
		}

		.optane_MV {
			position: absolute;
			color: #fff;
			left: 23%;
			top: 70%;
			z-index: 10;
			display: block;
			box-shadow:hsla(177,100%,48%,1.00) -4px 4px 100px;
		}
		
		.MV {
			width: 490px;
			height: 270px;
		}

        #anti-sulfur{
            background-color: #000;
            background-image: url("../images/anti-sulfur_960.jpg");
            background-position: top center;
            background-repeat: no-repeat;
            min-height: 1100px;
            position: relative;
        }

        #anti-sulfur .title{
            text-align:left;
            margin-top:70%;
            font-size:2.2em;
            text-shadow:1px 1px 10px #000;
        }

        #anti-sulfur .text{
            float:right;
            text-align: justify;
            width: 100%;
            margin-top:-4%;
        }


   
}


@media screen and (max-width: 640px) {      
        .titlebar{
            padding:1% 0.7%;
        }

		#movie {
			width:640px;
		}

		#movieA {
			width:600px;
		}

        #optane{
            min-height: 800px;
        }

         #optane .title{
            font-size:1.6em;
            color:#fff;
            text-shadow:0px 0px 30px #00C4A8;
            text-align: center;
            margin-top:30px;

        }

        #optane .optitle{
            margin-top:20px;
            font-size:60px;
        }

		#optane .img1{
			margin-top:120%;
			width:100%;
		}

		#optane .text{
			margin-top:130%;
			width:100%;
		}

		.optane_MV {
			position: absolute;
			color: #fff;
			left: 20%;
			top: 50%;
			z-index: 10;
			display: block;
			box-shadow:hsla(177,100%,48%,1.00) -4px 4px 50px;
		}
		
		.MV {
			width: 350px;
			height: 180px;
		}

         #anti-sulfur{
            background-color: #000;
            background-image: url("../images/anti-sulfur_640.jpg");
            background-position: top center;
            background-repeat: no-repeat;
            min-height:900px;
            position: relative;
        }

        #anti-sulfur .title{
            text-align:left;
            margin-top:110%;
            font-size:1em;
            text-shadow:1px 1px 10px #000;
        }

        #anti-sulfur .text{
            float:right;
            text-align: justify;
            width: 100%;
            margin-top:0%;
        }

}


@media screen and (max-width: 480px) { 
		#movie {
			width:400px;
		}

		#movieA {
			width:400px;
		}

        .titlebar{
            padding:2.2% 1%;
            font-size:1.2em;
        }
   
        #optane{
            min-height: 980px;
        }

         #optane .title{
            font-size:1.6em;
            color:#fff;
            text-shadow:0px 0px 30px #00C4A8;
            text-align: center;
            margin-top:30px;

        }

        #optane .optitle{
            margin-top:20px;
            font-size:60px;
        }

		#optane .img1{
			margin-top:100%;
			width:100%;
		}
		
		#optane .text{
			margin-top:120%;
			width:100%;
		}
   
		.optane_MV {
			position: absolute;
			color: #fff;
			left: 15%;
			top: 78%;
			z-index: 10;
			display: block;
			box-shadow:hsla(177,100%,48%,1.00) -4px 4px 50px;
		}
		
		.MV {
			width: 280px;
			height: 170px;
		}
            


 }