@import url(https://fonts.googleapis.com/css?family=Oswald);
body{
			font-family: sans-serif, Microsoft JhengHei;
            /*Firefox hack*/
            background: #000;
            padding: 0;
            margin: 0;
            color: #fff;
            font-size:18px;
            line-height: 30px;
            font-family: 'Roboto Condensed', sans-serif, '微軟正黑體', Microsoft JhengHei;
            font-family: 'Roboto Condensed', '微軟正黑體' !important;
		}
		a{
			color:#fff;
		}

		.title2{
			background-image: url("/microsites/data/146/model_bg_line.png");
			background-position: center;
			background-repeat: no-repeat;
			color:#BFBFBF;			
			font-size:30px;
			line-height: 40px;
			text-align: center;
			text-shadow:0px 0px 30px #826aff;
			font-family: 'Oswald', sans-serif, Microsoft JhengHei;
			margin-top:4%;
			margin-bottom:2%;
			
		}
		.img-responsive {
          display: block;
          max-width: 100%;
          height: auto;
        }
        .note {
            font-weight: 300;
            font-size: 13px;
            line-height: 1.25em;
            text-indent: -0.4em;
            margin-top:4%;
            color: #bbb;
            text-align: left;
        }
		.sulfur{
			background-image: url("/microsites/data/146/anti_bg.jpg");
			background-position: top center;
			background-repeat: no-repeat;
			min-height:2600px;
		}
		.gaci{
			margin-top:3%;
			width:200px;
		}
		.conbox{
			width:70%;
			margin:0 auto;
			padding-left:4%;
		}
		
		#m3{
			margin-top:8%;
		}

		#m4-t{
			padding-left:8%;
		}
		.model_table{
			background-image: url("/microsites/data/146/model_bg.png");
			background-position: top center;
			background-size:cover;
			margin-top:4%;		
			/*background:#0b0239;*/
			color:#fff;
			width:60%;
		}
		
		

		.model_table p{
			padding-left:2%;
		}

		.model_table a{
			color:#fff;
			text-decoration: none;
			padding-left:2%;
			transition:all 0.1s linear;
		}

		.model_table a:hover{
			color:#fff;
		}
		.model_table td:hover a{
			background-color:#77629e;
			border-radius: 4px;
			padding:2% 2% 2% 2%;
		}

		.model_table tr:first-child td {
			background: #1f2756;
			border-right: none;
			border-left: none;
			
		}
		.table-chipset{
			background-color:#1f2756;
			text-align: center;
			
		}

		.model_table td {
			border-bottom: 2px solid #000;
			border-right: 2px solid #000;
			padding:10px;
			
		}

		.model_table tr:first-child tr:first-child {
			background: #fff;
			border-right: none;
			border-left: none;
			
		}


		/*first-left-top*/
		tr:first-child td:first-child{
		  border-top-left-radius: 10px;
		}
		/*first-left-bottom
		tr:last-child td:first-child{
		  border-bottom-left-radius: 10px;
		}*/
		/*last-right-top*/
		tr:first-child td:last-child{
		  border-top-right-radius: 10px;
		}
		/*last-right-bottom*/
		tr:last-child td:last-child{
		  border-bottom-right-radius: 10px;
		}

		footer{
			margin-top:2%;
			margin-bottom:2%;
			text-align: center;
			font-size:14px;
		}

		footer a{
			color:#fff;
		}
		
		footer a:hover{
			color:#fff;
		}

/*TOP*/
		#gotop{
			width:100px;
			background-color:rgba(51,51,51, 0.8);
			color:#FFFFFF;
			border-radius:10px;
			margin:10px;
			padding:10px;
			cursor:pointer;
			text-align:center;
			font-size:13px;
			bottom:46px;
			right:4%;
			position:fixed;	
			display:none;
			transition:all 0.3s linear;
		}

		#gotop:hover{
			background-color:#67519e;
		}


 @media screen and (max-width: 1366px) {
 	.sulfur{
			background-image: url("/microsites/data/146/anti_bg_1366.jpg");
			background-position: top center;
			background-repeat: no-repeat;
			min-height:2600px;
	}

	.conbox{
			width:90%;
			margin:0 auto;
			padding-left:0%;
	}
	.model_table{	
			width:80%;
	}	
 }		

 @media screen and (max-width: 960px) {
 	.sulfur{
			background-image: url("/microsites/data/146/anti_bg_960.jpg");
			background-position: top center;
			background-repeat: no-repeat;
			min-height:2600px;
	}
	#m4-t{
			padding-left:0%;
	}
	.gaci{
			margin-top:4%;
			width:200px;
	}
	.note {
            text-align: left;
            margin-left: 2%;
        }	
 }

 @media screen and (max-width: 640px) {
 	.sulfur{
			background-image: url("/microsites/data/146/anti_bg_640.jpg");
			background-position: top center;
			background-repeat: no-repeat;
			min-height:2600px;
	}
 	.model_table{
			width:90%;
		}
	.gaci{
			margin-top:6%;
			width:200px;
	}
	#m1{
		margin-top:60%;
	}		
 }

