@import url(https://fonts.googleapis.com/css?family=Oswald);
.right_item_cap{/*右區塊樣式，RWD設定*/
	margin-left:200px;
}
.right_item_xeon{/*右區塊樣式，RWD設定*/
	margin-left:290px;
}
.right_item_audio{/*右區塊樣式，RWD設定*/
	margin-left:220px;
}
.left_item_cap/*右區塊樣式，RWD設定*/

{/*左區塊樣式，RWD設定*/
	width:180px;
	}
.left_item_xeon/*右區塊樣式，RWD設定*/

{/*左區塊樣式，RWD設定*/
	width:270px;
	}
.left_item_audio/*右區塊樣式，RWD設定*/

{/*左區塊樣式，RWD設定*/
	width:200px;
	}
.g-title{
	font-family:'Roboto Condensed',Arial, Helvetica, sans-serif;
	font-size:400%;
	color:#FFD400;
	line-height:120%;
	font-weight:bold;
}
	
.g-padding{
	padding-top:40px;

}

.right_item_USB{/*右區塊樣式，RWD設定*/
	margin-left:420px;
}
.right_item_SSD{/*右區塊樣式，RWD設定*/
	margin-left:590px;
}

/*右區塊樣式，RWD設定*/

.left_item_USB{/*左區塊樣式，RWD設定*/
	width:400px;
	}
.left_item_SSD/*右區塊樣式，RWD設定*/

{/*左區塊樣式，RWD設定*/
	width:590px;
	}

.r_left{/*在RWD會統一清掉浮動，width:100%*/
	float:left;
	}
.title01{
	font-size:72px;
	line-height:90px;
	font-family: 'Oswald', sans-serif;
	color:#00B1FF;
	padding-bottom:2%;
}
.title01-3{
	font-size:60px;
	line-height:90px;
	font-family: 'Oswald', sans-serif;
	color:#00B1FF;
	padding-bottom:2%;
}
.title01-1{
	font-size:40px;
	font-family: 'Oswald', sans-serif;
	color:#00B1FF;
	padding-bottom:2%;
	vertical-align: super;
}
.title01-4{
	font-size:28px;
	font-family: 'Oswald', sans-serif;
	color:#00B1FF;
	padding-bottom:2%;
	vertical-align: super;
	line-height: 42px;
}
.title01-2{
	font-size:20px;
	font-family: 'Oswald', sans-serif;
	color:#00B1FF;
	padding-bottom:2%;
	vertical-align: super;
}
.title02{
	font-size:60px;
	line-height:70px;
	font-family: 'Oswald', sans-serif;color:#fff;
	padding-bottom:1%;
}

.title02-1{
	font-size:50px;
	line-height:60px;
	font-family: 'Oswald', sans-serif;color:#fff;
	padding-bottom:1%;
}

.title03{
	font-size:40px;
	line-height:50px;
	font-family: 'Oswald', sans-serif;color:#fff;
	padding-bottom:2%;
}
.title03-1{
	font-size:30px;
	line-height:50px;
	font-family: 'Oswald', sans-serif;
	color:#fff;
	padding-bottom:2%;
}




.marb_50{
	margin-bottom:50px;
}

/*在RWD會統一變成width:100%*/
.main{
	width:1240px;
	margin:0px auto;
}

.tab01{
	padding:1%;
	padding-left:2%;
	width:30%;
	background-color:#00B1FF;
	border-radius: 0px 10px 0px 0px;
	-webkit-border-radius: 0px 10px 0px 0px;
	-moz-border-radius: 0px 10px 0px 0px;
	font-size:20px;
	color:#000000;
	font-weight: bold;
	margin-top:1%;
	margin-bottom:2%;
}
.tab02{
 	width:45%;
}

.g-txt_style{
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:18px;
}

@media screen and (max-width: 1500px) {
.g-title, .g-txt_style, .g-txt_style-1, .g-title-2, .title01, .title02, title02-1{
	padding-left:2%;
	padding-right:2%;
}	

.tab01, tab02{
	margin-left:2%;
}



}

@media screen and (min-device-width: 751px) and (max-width:1250px) {

.main{
	width:100%;
	/*padding-left:1%;
	padding-right:1%;

	*/
	max-width:1240px;
	margin:0px auto;
}


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


.left_item{
	width:100%;
	}
.right_item{
	width:100%;
	}
.r_left,.r_right{
		float:none;
		width:100%;
	}
		
.right_item{
	margin:0px;
	}

.right_item_USB{
	margin:0px;
	}
.right_item_UD{
	margin:0px;
	}

.right_item_g{
	margin:0px;
	}

.g-title, .g-txt_style, .g-txt_style-1, .g-title-2,  .title01, .title02, .title02-1{
	padding-left:2%;
	padding-right:2%;
}
	.main{
		width:100%;
		padding:0px 10px;
		}
	.m_image{
		width:100%;
		padding:20px 0px;
		}
	.led_wh{
	width:100%;
}	
	
.title01{
	font-size:40px;
	line-height:50px;
	font-family: 'Oswald', sans-serif;color:#00B1FF;
	padding-bottom:2%;
}
.title01-1{
	font-size:20px;
	vertical-align:super;
}

.title02{
	font-size:30px;
	line-height:40px;
	font-family: 'Oswald', sans-serif;color:#fff;
	padding-bottom:1%;
}

.tab01, .tab02{
	margin-left:2%;
	margin-right:2%;
	width:90%;
}	
.app08{
	height:1400px;

}	
	
		
}