#Whole {
	background-color:silver
}

#WholeBody {
	max-width:960px ;
	margin: auto ;
	background: white ;
	min-height: 200px ;
}

#MastHead {
	max-width: 960px ;
	height: 50px ;
	position: inherit ;
}

#Logo {
	float: right ;
	padding-right: 10px ;
}

#LogoWhite {
	float: left ;
	padding-left: 10px ;
}

#Text {
	color: #7d1e5f ;
	font-size: 80px ;
	font-family:"Microsoft JhengHei Light" ;
	text-align: center ;
	width: 60% ;
	margin: auto ;
/*	margin-top: -100px ; */
	position: relative ;
	display: block ;
}

#Text1 {
	color: #7d1e5f ;
	font-size: 25px ;
	font-family:"Microsoft JhengHei Light" ;
	text-align: center ;
	width: 80% ;
	margin: auto ;
/*	margin-top: -100px ; */
	position: relative ;
	display: block ;
}

#THAT {
	color: #7d1e5f ;
	font-size: 80px ;
	font-family:"Microsoft JhengHei Light" ;
	text-align: center ;
	width: 60% ;
	margin: auto ;
	position: relative ;
	margin-top: -600px ;
}

#FlinVideo {
	margin-top: 0px ;
}

#FCV {
	margin-top: 0px ;
}

#Deliver {
	background: #7d1e5f ;
	background: #A4618F ;
	font-size: 80px ;
	font-family:"Microsoft JhengHei Light" ;
	text-align: center ;
	color: white ;
	position: relative ;
	top: 10px ;
}

#ArtInfo {
	width:960px ;
	height: 740px ;
	text-align: center ;
	margin-left: auto ;
}

#PurpleBox {
	margin-left: 5px ;
	width: 350px ;
	height: 350px ;
	color:#7d1e5f ;
	background:#7d1e5f ;
	text-align: center ;
	margin-top: 10px ;
}

#ArtName {
	color: white ;
	font: small-caption ;
	font-size: x-large ;
	top: 50px ;
	position: relative ;
	width:350px ;
	text-align:center ;
}

#BoxLine {
	top:100px ;
	width:100px ;
	height: 5px ;
	color:black ;
	background-color:black ;
	position: relative ;
	margin-left:125px ;
	margin-right:125px ;
}

#ArtText {
	top: 120px ;
	width: 250px ;
	color: silver ;
	position: relative ;
	margin-left:50px ;
	margin-right:50px ;
}

#GreyBox {
	color:black ;
	background:#ebebec ;
	width:350px ;
	height:350px ;
	top: auto ;
	margin-left: 5px ;
}

#GreyBox ul {
	margin-left:0em; 
	padding-left:2em; 
	margin-bottom:0.5em;
	list-style-type: square ;
}

#GreyBox ul li {
	margin-left:0.5em;
	padding-left:0.5em;
	list-style-position:outside;
	list-style-image:none;
	text-align:left;
}

#GreyBox ul ul {
	padding-top:1em;
}

#GreyBox ul ul li {
	margin-left:1.2em;
}

#GreyBox ul ul {
	padding-top:1em;
}

#GreyBox ul ul ul li {
	margin-left:3em;	
}

#ArtPics {
	position: absolute ;
	top: -175px ;
	width: 550px ;
	height: 550px ;
	margin: 380px ;
}

.column {
  float: left;
  width: 50%;
  padding: 15px;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media screen and (max-width:600px) {
  .column {
    width: 100%;
  }
}