@charset "UTF-8";

/* Basic Styles
----------------------------------------------------------- */


html{
    height:100%;
}
body {
	color: #333;
	-webkit-text-size-adjust: 100%;
	margin: 0px;
	padding:0px;
	font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	background-color:#e8e8e8;
	font-size:14px;
	line-height:2em;
}

ul,
li,
ol {
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-position: outside;
}


a,
a:visited {
	text-decoration: none;

}

/* 標準可変メディア*/
img,
object,
embed,
video {
	max-width: 100%;
	height: auto;
}
/* IE 6 では最大幅がサポートされていないため、デフォルトで幅 100% に設定される */
.ie6 img {
	width: 100%;
}

ul.normal{
	margin:0px;
	padding-left:15px;
}

ul.normal li{
	list-style-type:disc;
}



ol.article li{
	list-style:decimal;
	list-style-position:inside;
	border-bottom:dotted #aaaaaa 1px;
	margin-bottom:10px;
}


p{
	margin:0;
	padding:0;
}

.strong{
	padding:3px;
	 background-color:#FCF;
}

.imageBorder{
	border:1px solid #cccccc;
}

/* Clear fix
----------------------------------------------------------- */
/* For modern browsers */
.clearfix:before,
.clearfix:after,
#language:before,
#language:after,
.programBtn:before,
.programBtn:after,
.scheduleContainer:before,
.scheduleContainer:after,
.movieBox:before,
.movieBox:after
 {
    content:"";
    display:table;
}
 

.clearfix:after,
#language:after,
.programBtn:after,
.scheduleContainer:after,
.movieBox:after
{
    clear:both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.clearfix,
#language,
.programBtn,
.scheduleContainer,
.movieBox
{
    zoom:1;
}


/* Meun change
----------------------------------------------------------- */
.home #nav #menuBody li.mainNav_01 a,
.greetings #nav #menuBody li.mainNav_02 a,
.program #nav #menuBody li.mainNav_03 a,
.access #nav #menuBody li.mainNav_04 a,
.download #nav #menuBody li.mainNav_05 a,
.contact #nav #menuBody li.mainNav_06 a{
	background: #D72D8A;
	color: #ffffff;
	display:block;
	height:100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/*Layout
----------------------------------------------------------- */
#rootContainer {
	width: 960px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 0px;
	margin: 0 auto 0;
	height: 100%;
	background-color: #FFFFFF;
	background-image: url(../img/back.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

@media only screen and (max-width: 481px) {
#rootContainer{
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	padding-left: 1.82%;
	padding-right: 1.82%;
	background-image:none;
}
}

@media only screen and (max-width: 300px) {
#rootContainer{
	width: 290px;
	padding-left: 1%;
	padding-right: 1%;

}
}

/*header
----------------------------------------------------------- */
#header {
	width:100%;
	margin:0;
	margin-bottom: 15px;
	height: 230px;
	display: block;
	position:relative;
}

#header #titleDay{
	position:absolute;
	right:0px;
	top:75px;
	z-index:2;
	width:50%;
	text-align:right;
}

#header #language{
	font-size:12px;
	margin:0px;
	width:100%;
	position:absolute;
	top:20px;
	right:0px;
}

#header #language{
	display:block;
}
/*
.program #header #language{
	display:none;
}*/


#header #language #ja a,
#header #language #en a{
	display:block;
	padding: 2px 8px;
	float:right;
	margin:0 0 0 5px;
	background-color:#ffffff;
}

#header #language.japanese #ja a{
	background-color:#003894;
	color:#FFFFFF;
}

#header #language.english #en a{
	background-color:#003894;
	color:#FFFFFF;
}

@media only screen and (max-width: 481px) {
#header {
	height: 100%;
	margin-bottom: 0px;
}

#header #titleDay{
	right:5px;
	top:6px;
	width:45%;
}
#header #language{
	position:relative;
	top:0px;
	margin:5px 0;
}

#header #language #ja a,
#header #language #en a{
	padding: 1px 8px;;
	margin:0 0 0 8px;
}
}

/*main navigation
----------------------------------------------------------- */
#nav{
	height:50px; 
	width:100%;
	position: relative;
	border: 1px solid #cccccc;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	padding:0;
	margin:0 0 10px 0;
	background-color:#58A2DE;
	z-index:10;
}
	
#nav #menuBody{
	width:100%; 
	height:100%;
	padding:0;
	position: absolute; 
	z-index:10;
	text-align:center;
	font-weight:700;
	line-height:50px;
	border-right: 1px solid #ccc;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
	
#nav #menuBody li{
	width: 16.6666666%;
	float: left;
	border-right: 1px solid #ccc;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height:100%;
}

*+html #nav #menuBody li {/*IE7対応*/
	width: 16%;
}

#nav #menuBody li.end{
	border-right: none;
}

#nav #menuBody li a {
	display: block;
	color: #000;
	width:100%;
	height:100%;
	-webkit-transition: all .3s ease-in 0s;
	-moz-transition: all .3s ease-in 0s;
	transition: all .3s ease-in 0s;
	-ms-transition: all .3s ease-in 0s;
	-o-transition: all .3s ease-in 0s;

}

#nav #menuBody li.mainNav_01 a {
	-webkit-border-radius-topleft: 6px;
	-webkit-border-radius-bottomleft: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
}

#nav #menuBody li.mainNav_06 a {
	-webkit-border-radius-topright: 6px;
	-webkit-border-radius-bottomright: 6px;
	-moz-border-radius-topright: 6px;
	-moz-border-radius-bottomright: 6px;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
}

#nav #menuBody li a:hover{
	color: #FFFFFF;
	background-color: #D72D8A;

}
/*Drop down menu*/
#nav #menuBody li ul.dpdn{
	width:100%;
	height:0px; 
	overflow: hidden;
	position:relative;
}

#nav #menuBody li ul.dpdn li{
	width:100%;
	height:50px;
	background-color:#58A2DE;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

#nav #menuBody ul.dpdn li.end{
	border-top: none;
}

.program #nav li.mainNav_03 li a{
	background-color:#FFE8F0;
	color:#000000;
}

@media only screen and (max-width: 481px) {
#nav {
	border: none;
	background-color:transparent;
	height:100%;
}

#nav #menuBody {
	text-align:left;
	line-height:40px;
	height:100%;
	position: relative;
}

#nav #menuBody li,
#nav #menuBody li a{
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}


#nav #menuBody li {
	width:48%;
	margin: 0 0 5px 5px;
	background-color:#FFE8F0;
	border: 1px solid #cccccc;
}

#nav #menuBody li a{
	padding:0 0 0 5px;
}

#nav a.end{
 	border-right:1px solid #cccccc;
}

#nav ul.dpdn{
	display: none;
}
}

/*Middle contents
----------------------------------------------------------- */
#middleContainer{
	width:100%;
	padding:0px;
	margin:0 0 10px 0;
	position:relative;
}


/*Sub Contents
----------------------------------*/
#subContents {
	display: block;
	float: left;
	width: 25%;
	margin:0;
}

*+html #subContents{
		width: 23%;
}

#subContents .subContentsChild{
	width: 100%;
	margin:0 0 10px 0;
	padding: 10px;
}

#subContents .subContentsChild a:hover img{
	-webkit-opacity: 0.6;
	-moz-opacity: 0.6;
	opacity: 0.6;
	-ms-filter: "alpha( opacity=60)";
	filter: alpha( opacity=60);
}

#subContents .subMenu li {
	border-bottom: 1px  dotted #ccc;
	padding:13px 5px 10px 5px;
}


#subContents .subMenu li a:hover{
	color: #91C1E9;
}

#subContents ul li{
	font-size:0.8em;
	line-height:1.5em;
}

#subContents h1{
	font-size: 14px;
	margin:0px;
	padding:0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #58A2DE;
}

@media only screen and (max-width: 481px) {
#subContents {
	display: none;
}
}

/*Main contents
----------------------------------*/
#content {
	float:right;
	width: 73%;
	display: block;
	margin:0;		
}


@media only screen and (max-width: 481px) {
#content {
	width: 100%;		
}
}

#linkList{
	font-size:11px;
}

.contentsBox{
	background-color:#ffffff;
	padding:20px;
	margin:0;
	border: 1px solid #cccccc;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}


#content ul.news li {
	list-style-type: none;
	list-style-image: url(../img/list_head.png);
	margin: 0px 10px 5px 10px;
	padding: 0px 5px 5px 0px;
	background-image: url(../img/list_back.png);
	background-position: bottom;
	background-repeat: no-repeat;
}


/*content h
----------------------------------*/
#content h1,
#content h2,
#content h3 {
	margin:10px 0px 10px 0px;
}

#content h1 {
	background-color: #91C1E9;
	font-size: 18px;
	font-weight: bold;
	color: #000066;
	letter-spacing: 0px;
	border:none;
	text-decoration: none;
	padding: 8px 20px;
	margin: 10px 0px 10px 0px;
	background-image: url(../img/h_back_h1.jpg);
}

#content h2, #content_full h2 {
	font-size:15px;
	margin:15px 0px 10px 5px;
	padding: 3px 0 3px 10px;
	border-bottom-width: 1px;
	border-left-width: 8px;
	border-bottom: 1px dotted #999;
	border-left-style: solid;
	border-left-color: #000066;
	border-bottom-color: #000066;
	background-color:#DAEAF8;
	line-height:2.2em;
}
	
	
#content h3, #content_full h3 {
	font-s    ize:14px;
	margin:20px 0px 10px 8px;
	padding: 3px 0 3px 15px;
	border-bottom-width: 1px;
	border-bottom: 1px dotted #999;
	border-bottom-color:#91C1E9;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #91C1E9;
	
}

#content h4, #content_full h4 {
	font-size:14px;
	margin:10px 0px 5px 0px;
	padding: 3px 0 3px 10px;
	border-bottom-width: 1px;
	border-bottom: 1px dotted #666666;
	background-color:#FEEBDA;
}



/*content program
----------------------------------*/
/* Program H */
#content #invite h2,
#content #director h2,
#content #research h2,
#content #ex h2,
#content #exBigdata h3,
#content #exComputing h3,
#content #exMedia h3,
#content #exHuman h3,
#content #more h2,
#content h2.schedule
 {
	background-repeat: no-repeat;
	background-position: left top;
	border: none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-moz-background-size:cover;
	background-size:cover;
	padding:7px 15px;
	line-height:1em;
}

#content #invite h2 {background-image: url(../img/h_back_invite.jpg);color:#fff;}
#content #director h2 {background-image: url(../img/h_back_director.jpg);color:#fff;}
#content #research h2 {background-image: url(../img/h_back_research.jpg);color:#fff;}
#content #ex h2 {background-image: url(../img/h_back_ex.jpg);color:#fff;}
	#content #exBigdata h3 {background-image: url(../img/h_back_bigdata.jpg);color:#fff;}
	#content #exComputing h3 {background-image: url(../img/h_back_computing.jpg);color:#fff;}
	#content #exMedia h3 {background-image: url(../img/h_back_media.jpg);color:#fff;}
	#content #exHuman h3 {background-image: url(../img/h_back_human.jpg);color:#fff;}

#content #more h2 {background-image: url(../img/h_back_more.jpg);}

#content h2.schedule{
	color:#000066;
	background-image: url(../img/h_back_schedule_day.png);
	padding:15px 20px;
	margin:5px 0 5px 0;
}


/* program button */
#content .programBtn{
	position:relative;
	width:99%;
	margin:10px 0px 15px 5px;
	padding:12px 20px 12px 25px;
	background-image: url(../img/back_program.png);
	background-repeat: no-repeat;
	background-position: right top;
	border:1px #ccc solid;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow:hidden;
}

#content #exBigdata .programBtn,
#content #exComputing .programBtn,
#content #exMedia .programBtn,
#content #exHuman .programBtn{
	background-image: url(../img/back_program_ex.png);
}

*+html #content .programBtn{/*IE7対応*/
	width:93%;
}

@media only screen and (max-width: 481px) {
#content .programBtn{
	padding:5px 5px 3px 5px;
}
}

/* Link div*/
#content .programBtn .programBtnLink a,
#content_full #memberBox .memberBoxCont .memberLink a,
#content .scheduleContainer .scheduleTalk .programBtnLink a{
	display: block;
	position: absolute;
	left: 0px;
	top: 0;
	width: 100%;
	height: 100%;
	
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
	-ms-filter: "alpha( opacity=0)";
	filter: alpha( opacity=0);
	
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	z-index: 3;
	background-color:#ffffff;
}

#content .programBtn a:hover,
#content_full #memberBox .memberBoxCont .memberLink a:hover,
#content .scheduleContainer .scheduleTalk .programBtnLink a:hover{
	-webkit-opacity: 0.5;
	-moz-opacity: 0.5;
	opacity: 0.5;
	-ms-filter: "alpha( opacity=50)";
	filter: alpha( opacity=50 );
}

#content .programBtn .programBtnLink a img{
	position:absolute;
	top: 40%;
	right:5px;
}

#content_full #memberBox .memberBoxCont .memberLink a img{
	position:absolute;
	top: 40%;
	right:3px;
}

@media only screen and (max-width: 481px) {
	#content_full #memberBox .memberBoxCont .memberLink a img{
			top: 76%;
	}
}

/* program button end */


/* program button color */

/*invite*/
#content #invite .programBtn,
#content .scheduleContainer .scheduleTalk .invite .programText{
	background-color:#CFC5FC;
	color:#23008C;
}

#content #invite .programBtn a,
#content #invite .programBtn a:visited,
#content .scheduleContainer .scheduleTalk .invite .programText a,
#content .scheduleContainer .scheduleTalk .invite .programText a:visited{
	color:#23008C;
}

#content .scheduleContainer .scheduleTalk .invite .category{
	background-color:#23008C;
	color:#ffffff;
}
/*director*/
#content #director .programBtn,
#content .scheduleContainer .scheduleTalk .director .programText{
	background-color:#FFE9E8;
	color:#401000;
}

#content #director .programBtn a,
#content #director .programBtn a:visited,
#content .scheduleContainer .scheduleTalk .director .programText a,
#content .scheduleContainer .scheduleTalk .director .programText a:visited{
	color:#401000;
}

#content .scheduleContainer .scheduleTalk .director .category{
	background-color:#401000;
	color:#ffffff;
}

/*research*/
#content #research .programBtn,
#content .scheduleContainer .scheduleTalk .research .programText{
	background-color:#E4FDD9;
	color:#004020;
}

#content #research .programBtn a,
#content #research .programBtn a:visited,
#content .scheduleContainer .scheduleTalk .research .programText a,
#content .scheduleContainer .scheduleTalk .research .programText a:visited{
		color:#004020;
}

#content .scheduleContainer .scheduleTalk .research .category{
	background-color:#004020;
	color:#ffffff;
}

/*bigdata*/
#content #exBigdata .programBtn{
	background-color:#C9E6F5;
	color:#056095;
	height:100%;

}

#content #exBigdata .programBtn a,
#content #exBigdata .programBtn a:visited{
		color:#056095;
}


#content #exComputing .programBtn{
	background-color:#D2FFFA;
	color:#00ab96;
}


#content #exComputing .programBtn a,
#content #exComputing .programBtn a:visited{
	color:#005A4E;
}

#content #exMedia .programBtn{
	background-color:#FBE7B9;
	color:#856025;
}

#content #exMedia .programBtn a,
#content #exMedia .programBtn a:visited{
	color:#856025;
}

#content #exHuman .programBtn{
	background-color:#FDE8FD;
	color:#750975;
}

#content #exHuman .programBtn a,
#content #exHuman .programBtn a:visited{
	color:#750975;
}



/* program button contents */
#content .programBtn .programPhoto{
	float:left;
	width:10%;
	margin:0 10px 0 0px;
}

#content .programBtn .programText{
	float:left;
	width:88%;
	
}

#content .programBtn .programExIcon{
	float:left;
	width:15%;
	margin:0 10px 0 0px;
}


#content .programBtn .programExText{
	float:left;
	width:80%;
}

#content .programBtn .title,
#content .scheduleContainer .scheduleTalk .programText .title{
	font-size:1.2em;
	font-weight:700;
}

#content .programBtn .subTitle,
#content .scheduleContainer .scheduleTalk .programText .subTitle,
#content .programBtn .day,
#content .programBtn .name,
#content .scheduleContainer .scheduleTalk .programText .name{
	font-size:1em;
}

#content .programBtn .day{
	border-bottom:1px #333333 solid;
}

#content .programBtn .name,
#content .scheduleContainer .scheduleTalk .programText .name{
	text-align:right;
}


@media only screen and (max-width: 481px) {
#content .programBtn .programPhoto,#content .programBtn .programExIcon{
	width:20%;
	
}
#content .programBtn .programText,#content .programBtn .programExText{
	width:70%;
}

#content .programBtn .title,
#content .scheduleContainer .scheduleTalk .programText .title{
	font-size:1.1em;
	margin:5px 0 5px 0;
	
}

#content .programBtn .subTitle,
#content .scheduleContainer .scheduleTalk .programText .subTitle,
#content .programBtn .day,
#content .programBtn .name,
#content .scheduleContainer .scheduleTalk .programText .name{
	font-size:0.9em;
}

}

/*Schedule*/
#content .scheduleContainer{
	position:relative;
	width:99%;
	height:100%;
	overflow:hidden;
	padding:5px;
}

#content .scheduleContainer .scheduleTalk{
	width:79%;
	float:left;
	height:100%;
}

#content .scheduleContainer .scheduleEx{
	width:20%;
	float:right;
	text-align:center;
	height:100%;
}

#content .scheduleContainer .scheduleTalk .header,
#content .scheduleContainer .scheduleEx .header
{
	font-weight:700;
	background-repeat: no-repeat;
	background-position: left top;
	padding:10px;
	margin:0 0 5px 0;
	line-height:1em;
	color:#fff;
}
#content .scheduleContainer .scheduleTalk .header{background-image: url(../img/h_back_talk_schedule.png);}
#content .scheduleContainer .scheduleEx .header{background-image: url(../img/h_back_ex_schedule.png);}

#content .scheduleContainer .scheduleTalk .entry,
#content .scheduleContainer .scheduleEx .entry{
	width: 100%;
	position: relative;
	overflow: hidden;
	/*-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;*/
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 0 5px 0;
}

#content .scheduleContainer .scheduleTalk .entry{
		border:1px #cccccc solid;
}

#content .scheduleContainer .scheduleEx .entry{
	padding:10px;
}

#content .scheduleContainer .scheduleTalk .scheduleTime{
	width:18%;
	float:left;
	height:100%;
	font-weight:700;
	padding:10px 0 0 5px;
	margin:0;
	font-size:0.9em;
}

#content .scheduleContainer .scheduleTalk .programText{
	width:80%;
	float:right;
	height:100%;
	padding:10px;
	margin:0;
	-webkit-border-radius-topright: 6px;
	-webkit-border-radius-bottomright: 6px;
	-moz-border-radius-topright: 6px;
	-moz-border-radius-bottomright: 6px;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-image: url(../img/back_program.png);
	background-repeat: no-repeat;
	background-position: right top;
}

*+html #content .scheduleContainer .scheduleTalk .programText{/*IE7対応*/
	width: 75%;
}


#content .scheduleContainer .scheduleTalk .programBtnLink a img{
	position:absolute;
	top: 40%;
	right:30px;
}

#content .scheduleContainer .scheduleTalk .category{
	font-weight:700;
	padding:0px 5px 0px 5px;
	/*width:60px;*/
}

@media only screen and (max-width: 481px) {
#content .scheduleContainer .scheduleTalk,
#content .scheduleContainer .scheduleEx,
#content .scheduleContainer .scheduleTalk .programText{
	float:none;
	width:100%;
}

#content .scheduleContainer .scheduleTalk {
	line-height:1.4em;
}

#content .scheduleContainer .scheduleTalk .scheduleTime{
	float:none;
	width:100%;
}

#content .scheduleContainer .scheduleEx{
	text-align:left;
}

#content .scheduleContainer .exTime{
	float:left;
}

#content .scheduleContainer .scheduleTalk .programText{
	-webkit-border-radius-topright: 0;
	-webkit-border-radius-bottomright: 6px;
	-webkit-border-radius-bottomleft: 6px;
	-moz-border-radius-topright:0;
	-moz-border-radius-bottomright: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
	-moz-box-sizing: border-box;
	border-bottom-left-radius: 6px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
}

/*director*/

#content #directorContainer #directorProfile{
	float:left;
	width:68%;
}

#content #directorContainer #directorPhoto{
	float:right;
	width:25%;
	text-align:right;
}

#content #directorPhoto img{
	border:1px solid #cccccc;
}

@media only screen and (max-width: 481px) {
#content #directorContainer{
	padding:0px;
}
#content #directorProfile,
#content #directorPhoto{
	float:none;
	width:100%;
}
}

#content .downloadBox{
	border-bottom:1px dotted #cccccc;

}

#content .downloadBox img{
	border:1px solid #cccccc;

}

/*content full
----------------------------------*/
#content_full {
	width: 100%;
	display: block;
	margin:0;		
}

/* program exhibiton,talk */
#content_full #exTitle{
	width:100%;
	overflow:hidden;
}

#content_full #exTitle #exTitleText {
	float:left;
	width: 80%;
	margin:5px 15px 5px 15px;
}

#content_full #exTitle #exTitleText h1{
	font-size:2em;
	margin:0 0 10px 0px;
	padding:0;
}

#content_full #exTitle #exTitleText .date {
	font-size:1.2em;
	margin:0 0 5px 0px;
	padding:0;
	text-decoration:underline;
}

#content_full #exTitle #exTitleText .sub {
	font-size:1.5em;
	line-height:1.1em;
	margin:0 0 20px 0px;
	padding:0;
}

#content_full #exTitle #exTitleText .name{
	line-height:1em;
	font-size:1.3em;
	
}


#content_full #exTitle #exTitleImage {
	float:right;
	width: 16%;
}

#content_full #exTitle #exTitleImage img,
#content_full.director #memberBox .memberPhoto img,
#content_full.research #memberBox .memberPhoto img,
#content .programBtn .programExIcon img{
	border:1px #cccccc solid;

}

@media only screen and (max-width: 481px) {
#content_full #exTitle #exTitleText {
	width: 90%;
	float:none;
	margin:0px 15px;
}

#content_full #exTitle #exTitleText .date {
	font-size:1em;
	margin:0;
}

#content_full #exTitle #exTitleText h1{
	font-size:1.3em;
	line-height:1.2em;
	margin:0 0 2px 0;
}

#content_full #exTitle #exTitleText .sub {
	font-size:1em;
	line-height:1em;
	margin:0 0 10px 2px;
}

#content_full #exTitle #exTitleText .name{
	font-size:1em;
	margin:0 0 5px 0;
}



#content_full #exTitle #exTitleImage {
	width: 100%;
	float:none;
	margin:0 0 0 10px;
}
}
/* exhibition member */
#content_full #memberBox{
	margin:5px;
	overflow:hidden;
}

#content_full #memberBox .memberBoxCont,
#content_full #memberBox .talkerBoxCont{
	position:relative;
	margin:0 10px 10px 0;
	border:#cccccc 1px solid;
	overflow:hidden;
}

#content_full #memberBox .memberBoxCont{
	float:left;
	width: 23.5%;
	height:70px;
	background-color:#FFF4F9;
}

#content_full #memberBox .memberBoxCont.long{
	width: 30%;

}

#content_full #memberBox .talkerBoxCont{
	width: 100%;
	padding:10px;
	border: 1px solid #cccccc;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	
}

#content_full #memberBox .memberBoxCont .memberPhoto{
	float:left;
	width:27%;
}

#content_full #memberBox .memberBoxCont .memberText{
	float:right;
	width:72%;
	font-size:1em;
	line-height:1em;
	padding:8px 0px 0px 0px;

}

#content_full #memberBox .memberBoxCont.long .memberPhoto{
	float:left;
	width:20%;
}

#content_full #memberBox .memberBoxCont.long .memberText{
	float:right;
	width:79%;
	font-size:1em;
	line-height:1em;
	padding:8px 0px 0px 0px;

}


#content_full #memberBox .talkerBoxCont .memberPhoto{
	float:left;
	width:12%;
}

#content_full #memberBox .talkerBoxCont .memberText{
	float:right;
	width:84%;
	line-height:1.8em;
	padding:0 0 0 10px;
	margin:0;
}

#content_full #memberBox .talkerBoxCont .memberText .name{
	font-size:1.5em;
	padding:0 0 10px 0;
	border-bottom:1px dotted #cccccc;
}
#content_full #memberBox .memberText .belong{
	font-size:0.9em;
}

#content_full .talkText{
	padding:30px;
}

#content_full .talkTextSecond{
	padding:0 10px 20px 10px;
}


#content_full dl {
	overflow: hidden;
	zoom: 1;
}
#content_full dt {
	margin-bottom: 5px;
	padding-bottom: 5px;
	width: 150px;
	float: left;
	clear: both;
	font-weight: bold;
}

#content_full dd {
	margin-bottom: 5px;
	padding: 0 0 5px 120px;
	border-bottom: 1px dotted #eee
}

#content_full .photoBox{
	margin:0;
	padding:0;
}

#content_full .photoBox li{
	float:left;
	margin-right:8px;
	margin-top: 10px;
}

#content_full .photoBox li:last-child{
	margin-right:0px;
}


@media only screen and (max-width: 481px) {
#content_full #memberBox .memberBoxCont{
	font-size:1em;
	float: left;
	width: 45%;
	height:50px;
}

#content_full #memberBox .memberBoxCont.long{
	width: 99%;
	height:70px;

}

#content_full #memberBox .memberBoxCont .memberPhoto{
	width:25%;
}

#content_full #memberBox .memberBoxCont .memberText{
	width:73%;
	line-height:0.9em;
}

#content_full #memberBox .memberBoxCont.long .memberPhoto{
	width: 15%;

}

#content_full #memberBox .memberBoxCont.long .memberText{
	width:84%;
}

#content_full #memberBox .memberText .belong{
	font-size:0.8em;
}


#content_full #memberBox .talkerBoxCont .memberText,
#content_full #memberBox .talkerBoxCont .memberText .name{
	font-size:1em;
}
#content_full #memberBox .talkerBoxCont .memberText{
	width:80%;
}
#content_full .talkText{
	padding:10px;
}
}

/* Detail page Category title */
#content_full .categoryTitle{
	margin:0 0 15px 0;
	padding: 5px 5px 5px 10px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-weight:700;
	color:#FFF;
}

#content_full.invite .categoryTitle{
	background-image: url(../img/h_back_invite_l.jpg);
	background-color:#4DA6FF;
}

#content_full.director .categoryTitle{
	background-image: url(../img/h_back_director_l.jpg);
	background-color:#FF9999;
}

#content_full.research .categoryTitle{
	background-image: url(../img/h_back_research_l.jpg);
	background-color:#CFBFFF;
}

#content_full.bigdata .categoryTitle{
	background-image: url(../img/h_back_bigdata_l.jpg);
}

#content_full.computing .categoryTitle{
	background-image: url(../img/h_back_computing_l.jpg);
}

#content_full.media .categoryTitle{
	background-image: url(../img/h_back_media_l.jpg);
}

#content_full.human .categoryTitle{
	background-image: url(../img/h_back_human_l.jpg);
}



/* footer
----------------------------------------------------------- */
#footer {
	width: 100%;
	display: block;
}

#footer .copyright {
	margin:0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	padding:10px;
	text-align: right;
}

#footer #backTop a{
	float:right;
}

/* add
----------------------------------------------------------- */
.pad20{
	padding:20px;
}


.pad30{
	padding:30px;
}


.imageBox{
	display:block;
	padding:0px;
	margin:0px 0px 10px 0px;
	text-align:center;
}

.radiusBorder{
	border: 1px solid #cccccc;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.textBox{
	padding:20px;
}

.topMessage{
	padding:10px 0;
	margin:0 0 10px 0;
	border-bottom:dotted 1px #ccc;

}

/*--------*/
.movieBox{
	margin:0px 0px 10px 5px;
	padding:0px;
	width: 99%;
	background-color:#ffffff;
	border: 1px solid #CCCCCC;
}

.movieArchive{
	padding:5px;
	margin: 0px;
	width: 160px;
	float:left;
}

.movieTextArchive{
	padding:4px;
	margin: 0px;
	width: 710px;
	float:right;
}

.bus_button{
	width:240px;
	text-align:center;
	background-color:#FDC297;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #FEEBDA), color-stop(0.54, #e89979), color-stop(0.00, #D72D8A));
	background: -webkit-linear-gradient(top, #D72D8A 0%, #e89979 54%, #FEEBDA 100%);
	background: -moz-linear-gradient(top, #D72D8A 0%, #e89979 54%, #FEEBDA 100%);
	background: -o-linear-gradient(top, #D72D8A 0%, #e89979 54%, #FEEBDA 100%);
	background: -ms-linear-gradient(top, #D72D8A 0%, #e89979 54%, #FEEBDA 100%);
	background: linear-gradient(to bottom, #D72D8A 0%, #e89979 54%, #FEEBDA 100%);
}



a.bus_button,
a:visited.bus_button{
	color:#000;
}
a:hover.bus_button{
	color:#FEEBDA;
}

.link_button{
	float:left;
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0;
	border: none;
	box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.9), inset 0 1px 0 rgba(255, 255, 255, 0.4);
	border-radius: 10px;
	text-decoration: none;
	padding: 8px 20px;
	margin:10px;
	text-decoration:none;

}

.enq_notjoin{
	width:200px;
	text-align:center;
	background-color:#6DD900;
}

.enq_join{
	width:200px;
	text-align:center;
	background-color:#26C9FF;
}

a.enq_join,
a.enq_notjoin,
a:visited.enq_join,
a:visited.enq_notjoin{
	color:#000;
}
a:hover.enq_join,
a:hover.enq_notjoin{
	color:#FEEBDA;
}


#topPhoto li{
	float:left;
	width:155px;
	height:104px;
	border:#ccc 1px solid;
	margin:5px 5px 0 0;
	z-index:0;
	position:relative;
}
#topPhoto li img {
	width:155px;
	height:104px;
}


#topPhoto li img {
	-webkit-transition:0.2s ease-in-out;
	-moz-transition:0.2s ease-in-out;
	-ms-transition:0.2s ease-in-out;
	-o-transition:0.2s ease-in-out;
	transition:0.2s ease-in-out;
	cursor:pointer;
	z-index:0;
	position:relative;
}

#topPhoto li img:hover {
	-webkit-transform:scale(2,2);
	-moz-transform:scale(2,2);
	-ms-transform:scale(2,2);
	-o-transform:scale(2,2);
	transform:scale(2,2);

}