@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:100%;
		}

		#movieA {
			width:100%;
		}

        #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%;
        }
        #aorussli{

        }

        #qflashplud{

        }


        
        @keyframes colorrun{
        from{
            -webkit-filter:hue-rotate(0deg);
            -ms-filter:hue-rotate(0deg);
            filter:hue-rotate(0deg);
        }
        to  {
            -webkit-filter: hue-rotate(337deg);
            -ms-filter:hue-rotate(337deg);
            filter: hue-rotate(337deg);
        }
        }




        @keyframes colorrunup{
            0%{opacity: 0.4;}
            100%{opacity: 1;}
        }

        @-ms-keyframes colorrunup{
            0%{opacity: 0.4;}
            100%{opacity: 1;}
        }
        @-webkit-keyframes colorrunup{
            0%{opacity: 0.4;}
            100%{opacity: 1;}
        }
        
        @-o-keyframes colorrunup{
            0%{opacity: 0.4;}
            100%{opacity: 1;}
        }

        #digitalled-text{
             z-index:12;
             min-height: 1200px;
             margin-top:-64%;
             position: relative;
        }    

        #digitalled-text .digitalled-port{
            -webkit-animation: colorrun 1s infinite;
            -o-animation: colorrun 1s infinite;
            -ms-animation: colorrun 1s infinite;
            animation: colorrun 1s infinite;
        }
        #digitalled-text .frame .cell {
            width:68%;
            float: right;
        }
        #digitalled-text #ledimgport{
            width:auto;
        }




/*
        #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;
        }

        #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;
        }

        .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;
        }

        #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%;
        }

        #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) { 
        .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;
		}
            


 }