body{
	margin: 0 auto;
	padding: 0 auto;
	font-family: "微軟正黑體", "Arial Narrow";
!important
 	background-color: #FFFFFF;
}

.container{
	width: 100%;
	min-width: 250px;
	max-width: 100%;
	margin: auto;
	text-align: center;
}
.cont2{
	width: 100%;
	min-width: 250px;
	max-width: 1080px;
	margin: auto;
	text-align: center;
	background-color: #FFFFFF;
}
#menu{
	background: rgba(0, 0, 0, 0.7);
	width: 100%;
	position: fixed;
}

#menu ul{
	margin: 0;l
}

ul#left{
	text-align: left;
	padding: 0;
}

ul#right{
	text-align: right;
	margin-top: -40px;
}

#menu #left li{
	display: inline-block;
	padding-top: 1%;
}

#menu #right li{
	display: inline-block;
	color: #FFF;
	font-size: 18px;
	margin: 1px;
	padding: 1%;
}
#menu #right li:hover{
	background-color: #6699FF;
	cursor: crosshair;
}
#main img{
	width: 100%;
	min-width: 250px;
}

.bar{
	width: 100%;
	background: #325EC8;
	padding: 0px;
	font-family: "微軟正黑體", "Arial";
	font-size: 30px;
	color: #FFF;
	text-align: center;
	
}

#summit img{
	display: inline-block;
	width: 95%;
	min-width: 250px;
	margin: 1%;
	margin-top:0;
	margin-bottom:0;
}

.speakcon{
	width: 90%;
	min-width: 250px;
	max-width: 960px;
	margin: 1% auto;
	text-align: center;
}

.speakertopic{
	font-size: 1.6em;
	padding: 1%;
	color: #FFF;
}

.speakerbox{
	width: 100%;
	background: #dbe0e4;
	color: #000;
	padding-top: 10px;
	padding-bottom: 0;
}
.speakerbox2{
	width: 100%;
	background: #dbe0e4;
	color: #000;
	padding-top: 10px;
	padding-bottom: 0;
}

.speakerbox img{
	display: inline-block;
}

.speakerbox2 img{
	display: inline-block;
}

.mainrd{
	width: 100%;
	min-width: 250px;
}

.sumrd{
	width: 100%;
	min-width: 250px;
	max-width: 470px;
}

.picrd{
	width: 100%;
	min-width: 250px;
	max-width: 357px;
}

.imgrd{
	width: 100%;
	min-width: 250px;
	max-width: 559px;
}

.inford{
	width: 100%;
	min-width: 250px;
}

.btnrd{
	width: 100%;
	min-width: 120px;
	max-width: 200px;
}

#footer{
	width: 100%;
	min-width:100px;
	background: rgba(0, 0, 0, 0);
	color: #FFF;
}

@media screen and (max-width:450px) {
	ul#right{ text-align: center; margin-top: 0;}
	ul#left { text-align: center;}
	#menu #left li{ margin:0; padding: 0;}
	#menu #right li{ margin:0; font-size:15px; font-weight: normal;  padding: 0;}
	.speakcon{ width: 98%;}
	.btnrd{	width: 100%; min-width: 100px; max-width: 120px;}
	#main{ padding-top: 0px;}
	#footer{ font-size:12px;}
}

@media screen and (max-width:670px) {
	body{width:100%;}
	ul#right{ text-align: center; margin-top: 0;padding: 0;}
	ul#left { text-align: center;}
	#menu #left li{ margin:0; padding: 0;}
	#menu #right li{ margin:0; font-size:15px; font-weight: normal;  padding: 0;}
	.speakcon{ width: 98%;}
	.btnrd{	width: 100%; min-width: 100px; max-width: 120px;}
	#main{ padding-top: 0px;}
	#footer{ font-size:12px;padding-left:0;padding-right:0;}
	#gmaps{ width:90%;}
	.container div img{ max-width:90%;}
	.bar{width: 100%;padding:0;}
	#summit{width:100%;}
}