@charset "UTF-8";

/* base
----------------------------------------------- */
html{image-rendering:optimizeQuality;
	-ms-interpolation-mode:nearest-neighbor;
	font-size: 62.5%;/*1em:10px*/}

body{margin:0;
	padding:0 230px 0 0;
	text-align:left;
	background:#fff;
	font-size: 1.4em;/*14px*/
	font-family: Helvetica, Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%;/*iPhone fix*/}

html,body,main,section{/*height:100%;iPhone fix*/
	-webkit-overflow-scrolling: touch;}

*, *:before, *:after{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

/* IE8 */
article,aside,canvas,details,figcaption,figure,
header,footer,main,menu,nav,section,summary{
	margin:0;
	padding:0;
	display:block;}

table{font-size:inherit;
	border-collapse:collapse;
	border-spacing:0;}

img{border:0;
	line-height:1;
	vertical-align:bottom;}

a:link img,
a:visited img,
a:active img,
a:hover img{outline:none;
	overflow:hidden;}
	
strong{font-weight:bold;}
h1,h2,h3,h4{font-weight:normal;
	font-size: 100%;}
	
ruby{ruby-align:distribute-space;
	ruby-overhang:none;
	ruby-position:above;
	line-height:1.0;}
	
.justify{text-align:justify;
	text-justify:inter-ideograph;}

::selection{background:#000; color:#fff;}
::-moz-selection{background:#000; color:#fff;}

/* clearfix
----------------------------------------------- */
.clear{clear:both;
	margin:0;
	font-size:0;}

.clearfix:before,
.clearfix:after{content:""; display:table;}
.clearfix:after{clear:both;}
.clearfix{zoom:1;}

/* content
----------------------------------------------- */
#content{position: relative;
	background:url(image/content_back.png) 50% 0 fixed;
}

#content::before{width: 100%;
	height: 100%;
	content: "";
	z-index: -1;
	background: -moz-linear-gradient(top, rgba(101,203,236,1) 0%, rgba(246,179,137,1) 50%, rgba(250,231,157,1) 100%);
	background: -webkit-linear-gradient(top, rgba(101,203,236,1) 0%,rgba(246,179,137,1) 50%,rgba(250,231,157,1) 100%);
	background: linear-gradient(to bottom, rgba(101,203,236,1) 0%,rgba(246,179,137,1) 50%,rgba(250,231,157,1) 100%);
	position: absolute;
}

.contentR{width:29.28%;
	height: 100%;
	margin:0;
	padding:0;
	float:right;
	background: rgba(0,0,0,0.65);
	overflow:auto;
	overflow-x:hidden;}

.main{width:850px;
	margin:0 auto;
	padding:0;
	text-align:left;}

.maincon{margin:0 auto;
	padding:30px;
	background: rgba(255,255,255,0.85);
	border-radius: 5px;}

.mainL{width:47.5%;
	margin:0;
	padding:0;
	float:left;}

.mainR{width:47.5%;
	margin:0;
	padding:0;
	float:right;}

.mainT2L{width:64%;
	margin:0;
	padding:0;
	float:left;}

.mainTR{width:34%;
	margin:0;
	padding:0;
	float:right;}

.mainTL{width:34%;
	margin:0;
	padding:0;
	float:left;}

.mainT2R{width:64%;
	margin:0;
	padding:0;
	float:right;}

.pd{padding:15px 0;}
.mg{margin:15px 0;}

#footer{width:100%;
	margin:0 auto;
	padding:30px 30px 0;}

/* footer
----------------------------------------------- */
#footerB{width:100%; text-align: center;}

.footerbannars{margin-right: 30px;
	padding:0;
	vertical-align: top;
	display:inline-block;}

.fbslast{margin-right:0;}

#footersmall{margin:0;
	padding:15px 30px 30px 30px;
	text-align: center;}

#footersmall small{margin:0;
	font-size:70%;
	letter-spacing:0.06em;
	line-height:1.2;}


/* nav
----------------------------------------------- */
#navback{width:200px;
	top:0;
	right:0;
	z-index:10;
	position: fixed;}

#nav ul{margin:0;
	padding: 0 10px 0 0;
	font-size: 15px;
	line-height:1;
	letter-spacing:0;
	vertical-align: middle;
	font-weight: bold;
	text-shadow:0 0 1px rgba(0,0,0,0.2);
	list-style:none;}

#nav li{margin:0 0 26px 0;
	padding:0;}

#nav a{transition: color 0.3s; text-decoration:none;}
#nav a:link{color:#000;}
#nav a:visited{color:#000;}
#nav a:active{color:#e7380c;}
#nav a:hover{color:#e7380c;}

#nav .none,
#navsp .none{color: rgba(0,0,0,0.35);}

#nav .pl{color: #e7380c;
	display: inline-block;
	position: relative;}

#nav .pl::before{content: "";
	position: absolute;
	z-index: -1;
	left: 0;
	bottom: -5px;
	width: 100%;
	height: 3px;
	background: url(image/ufl.png) 0 0 repeat;}


/* Underline From Left */
.ufl{
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  /*overflow: hidden;*/
}
.ufl::before{
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: -6px;
  background: url(image/ufl.png) 0 0 repeat;
  height: 3px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.15s;
  transition-duration: 0.15s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.ufl:hover::before, .ufl:focus::before, .ufl:active::before{
  right: 0;
}

/* language
----------------------------------------------- */
#language{margin-bottom:1.5em;}

#language ul{margin:0;
	padding:0;
	text-align:right;}

#language li{margin:0;
	padding:0;
	height: 38px;
	vertical-align: middle;
	line-height:1;
	color:#fff;
	font-size: 12px;
	font-weight: bold;
	display:inline-block;
	list-style:none;}

#language li:nth-child(even){margin-left:1px;}

#language li a{padding:1em;
	height: 38px;
	color:#000;
	display: block;
	text-decoration:none;}

#language li a:hover{color:#fff; background:#e7380c;}
#language .laPL{padding:1em; color:#fff; background:#e7380c;}

/* navsp
----------------------------------------------- */
#navsp{text-align: center;
	position: relative;}

#navsp ul{margin:0;
	padding: 0;
	font-size: 15px;
	line-height:1;
	letter-spacing:0;
	vertical-align: middle;
	font-weight: bold;
	text-shadow:0 0 1px rgba(0,0,0,0.2);
	list-style:none;}

#navsp li{margin:0 0 26px 0;
	padding:0;}

#navsp a{text-decoration:none;}
#navsp a:link{color:#000;}
#navsp a:visited{color:#000;}
#navsp a:active{color:#e7380c;}
#navsp a:hover{color:#e7380c;}

#navsp_logo{margin:38px 1em;
	text-align: center;}

.closed{top:0;
	right:0;
	position: absolute;
	cursor: pointer;}


/* menu
----------------------------------------------- */
#menubtn{top:0;
	right:81px;
	margin:0;
	padding:0;
	width:38px;
	height:38px;
	position:fixed;
	z-index:1000;
	float:left;
	display:none;}
	
#menubtn a{margin:0;
	padding:0;
	width:38px;
	height:38px;
	display:block;
	background:url(image/menu.png) 0 50% no-repeat;
	cursor:pointer;}

/* countdown
----------------------------------------------- */
#countdown {width:100px;
	height: 100px;
	margin:0 auto 1em;
	padding:55px 0 0 0;
	background: url(image/countdown02.png) 0 0 no-repeat;
	background-size: cover;
	text-align: center;
	position: relative;}

#countdown p{font-size:32px;
	color: #fff;
	padding-right:0.4em;
	letter-spacing:0.01em;
	line-height:1;}

/* countdown en
----------------------------------------------- */
#countdown_en {width:100px;
	height: 100px;
	margin:0 auto 1em;
	padding:27px 0 0 0;
	background: url(image/countdown02_en.png) 0 0 no-repeat;
	background-size: cover;
	text-align: center;}

#countdown_en p{font-size:35px;
	color: #fff;
	letter-spacing:0.01em;
	line-height:1;}

/* open
----------------------------------------------- */
#open {width:100px;
	height: 100px;
	margin:0 auto 1em;
	padding:0;
	background: url(image/open.png) 0 0 no-repeat;
	background-size: cover;}

/* open en
----------------------------------------------- */
#open_en {width:100px;
	height: 100px;
	margin:0 auto 1em;
	padding:0;
	background: url(image/open_en.png) 0 0 no-repeat;
	background-size: cover;}

/* title
----------------------------------------------- */
#title{width: 100%;
	height: 100% !important;
	padding-top:56.25%;
	}
/* #title{width: 1245px; /*w1245+230 h770*/
	 /*margin: 0 auto;
	height:700px;
	position: relative;} */


/* titlelogo
----------------------------------------------- */
#titlelogo{width: 100%;
	position: relative;}

#tl01{padding: 30px;
	text-align: center;}

#titlecap{width: 100%;
	padding: 1em;
	text-align: center;
	background: #000;
	position: relative;}

#overlaytext{color: #fff;
	font-size: 79%;}


/* page header
----------------------------------------------- */
#pageheader{width:100%;
	/*height:300px;*/
	height: 100%;
	/*padding-top:28.125%;*/
	text-align:center;
	position:relative;}

.phbgt{background:url(image/phbgt.png) 50% 50% no-repeat;}
.phbgt_en{background:url(image/phbgt_en.png) 50% 50% no-repeat;}
.phbg01{background:url(image/body_back01.jpg) 50% 0 no-repeat;}
.phbg02{background:url(image/body_back03.jpg) 50% 0 no-repeat;}
.phbg03{background:url(image/body_back02.jpg) 50% 0 no-repeat;}
.phbg04{background:url(image/body_back04.jpg) 50% 0 no-repeat;}
.phbg05{background:url(image/phbg05.jpg) 50% 0 no-repeat;}
.phbg06{background:url(image/phbg06.jpg) 50% 0 no-repeat;}

.phbgt,.phbgt_en,.phbg01,.phbg02,.phbg03,.phbg04,.phbg05,.phbg06{-webkit-background-size:contain;-moz-background-size:contain;
-o-background-size: contain;background-size: contain;}

#phL{width:50%; padding-top:28.125%; float: left; position: relative;}
#phR{width:50%; padding-top:28.125%; float: right;}

#phL span{top:0;
	left:0;
	text-indent: -9999px;
	position: absolute;}

#pageheader_title{width: 100%;
	margin:0;
	padding:20px 0;
	text-align: center;
	background: #000;}

#pageheader_title h1{margin:0;
	padding:0;
	font-size: 143%;
	color: #fff;
	line-height: 1;
	position: relative;}

#pageheader_title h1::before{content: "";
	position: absolute;
	z-index: 2;
	left: 0;
	top: -20px;
	width: 100%;
	height: 3px;
	background: url(image/ufl.png) 0 0 repeat;}


/* home
----------------------------------------------- */
#home_topics{margin:0;
	padding:0 25px 0 0;
	height:230px;
	font-size:93%;
	overflow:auto;
	overflow-x:hidden;}

.ta_hometopics{width:100%;
	margin:0;
	border-collapse:collapse;}

.ta_hometopics td{padding:0.5em 1em;
	vertical-align:top;
	border-collapse:collapse;}
	
.td_hometopics{border-bottom:#aaa 1px dotted;}

.td_hometopicshl{width:50px;
	border-bottom:#aaa 1px dotted;
	white-space:nowrap;}


/* Tokyo closed
----------------------------------------------- */
.exhclosed{background:#e7380c;}
.exhclosed h2, .exhclosed p{color:#fff;}
.exhclosed a:link{color:#fff; text-decoration:underline;}
.exhclosed a:visited{color:#fff; text-decoration:underline;}
.exhclosed a:active{color:#fff; text-decoration:none;}
.exhclosed a:hover{color:#fff; text-decoration:none;}


/* social
----------------------------------------------- */
#social{margin:0;
	padding:0;
	text-align:right;
	float: right;}

#social ul{margin:0;
	padding:0;
	vertical-align: middle;
	list-style:none;}
	
#social li{margin:0;
	padding:0 3px 0 0;
	display:inline;}

#social li:last-child{padding-right:3px;}

.fb_iframe_widget > span {vertical-align: baseline !important;}


/* twitter timeline
----------------------------------------------- */
#twtl iframe[id^='twitter-widget-']{
	width:100% !important;}


/* workssmall
----------------------------------------------- */
.workssmall{margin-bottom:2em;
	padding:0;}

.workssmall img{margin-right: 11px; float:left;}
.workssmall p{line-height:1.55;
	font-size: 70%;
	overflow: auto;}

/* ticket
----------------------------------------------- */
.ta_admit{margin:0;
	width:100%;
	border-collapse:collapse;}

.td_admit td{width:33%;
	border-bottom:#aaa 1px dotted;
	padding:0.25em 0.5em;
	text-align:center;}

.ta_admitD{margin:1em 0 2em;}
.ta_admitS{margin:1em 0 2em;}

td.td_admitD{text-align:left; border-bottom:#f08300 2px solid;}
td.td_admitS{text-align:left; border-bottom:#0082f0 2px solid;}

.td_admithlU{width:20%;
	border-bottom:#aaa 2px solid;
	padding:0 0.5em 1em;
	text-align:center;}

/* bannars
----------------------------------------------- */
#bannars{margin-top:30px;
	padding-top:20px;
	border-top:#000 1px solid;}

#bannars ul{margin:0;
	padding:0;
	text-align:center;}
	
#bannars li{margin:0;
	padding:0 5% 0 0;
	display:inline;}
	
#bannars li a{display:inherit;}
#bannars li:nth-child(even){padding-right: 0;}

#bannars img{max-width: 47.5%;
	height: auto;
	margin: 5px 0;}

#bannarsD{margin:10px 0 10px;
	padding:20px 0 20px;
	text-align: center;}

#bannarsD img{margin-bottom:0.5em;}

.seaproject{margin-bottom:0.5em;}

/* button
----------------------------------------------- */
.btn{margin:0.5em 0;
	padding:1em 2em;
	border: #e7380c 2px solid;
	color:#e7380c;
	font-size: 100%;
	line-height:1;
	text-align: center;
	text-decoration:none;
	display:block;
	position: relative;}

a.btn{transition: background 0.3s;}
a:link.btn{text-decoration:none;}
a:visited.btn{text-decoration:none;}
a:active.btn{color:#fff; background:#e7380c; border-color: #e7380c;}
a:hover.btn{color:#fff; background:#e7380c; border-color: #e7380c;}

.btn::before{top: 50%;
	right: 14px;
	width: 8px;
	height: 8px;
	content: "";
	margin-top: -6px;
	border-left:#e7380c 2px solid;
	border-bottom:#e7380c 2px solid;
	box-sizing: border-box;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	position: absolute;}

a:hover.btn::before{border-color: #fff;}
a:hover.btn::before{border-color: #fff;}


.btn2{margin:0.5em 0;
	padding:1em 2em;
	border: #0c8de7 2px solid;
	color:#0c8de7;
	font-size: 100%;
	line-height:1;
	text-align: center;
	text-decoration:none;
	display:block;
	position: relative;}

a.btn2{color:#0c8de7; transition: background 0.3s;}
a:link.btn2{color:#0c8de7; text-decoration:none;}
a:visited.btn2{color:#0c8de7; text-decoration:none;}
a:active.btn2{color:#fff; background:#0c8de7; border-color: #0c8de7;}
a:hover.btn2{color:#fff; background:#0c8de7; border-color: #0c8de7;}

.btn2::before{top: 50%;
	right: 14px;
	width: 8px;
	height: 8px;
	content: "";
	margin-top: -6px;
	border-left:#0c8de7 2px solid;
	border-bottom:#0c8de7 2px solid;
	box-sizing: border-box;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	position: absolute;}

a:hover.btn2::before{border-color: #fff;}
a:hover.btn2::before{border-color: #fff;}

/* outline
----------------------------------------------- */
.onlineticketT{text-align: center;}

.beyond2020{margin:2em 0 6px 0;}

/* section
----------------------------------------------- */
.sectiontab{position: relative;}

.exhtab{padding: 0.75em 1em;
	border:#000 2px solid;
	font-size: 100%;
	font-weight: bold;
	vertical-align: middle;
	text-align: center;
	border-radius: 0.35em;
	display: inline-block;}

.tab_nact{color: #000;
	background: #fff;}

.tab_mam{padding: 0.75em 1.2em;
	color: #fff;
	background: #000;}

.tab_others{color: #fff;
	background: #aaa;
	border:#aaa 2px solid;}

.extab_nact{margin-bottom:0.5em;}
.extab_mam{margin-bottom:0.5em;}

.extabL{padding: 0.75em 1.7em;}
.extabL2{padding: 0.75em 1.85em;}

.tabR_nact{margin:0 0 0 1em;
	float: right;}

.tabR_mam{margin:0 0 0 1em;
	float: right;}

.tab_art{color: #fff;
	background: #e70c88;
	border:#e70c88 2px solid;}

.tab_sea{color: #fff;
	background: #0c8de7;
	border:#0c8de7 2px solid;}

.tab_new{color: #fff;
	background: #e7380c;
	border:#e7380c 1px solid;
	border-radius: 0;}

.tabS{margin:0.25em;
	padding: 0.3em 0.5em 0.35em;
	font-weight: normal;
	line-height: 1;
	font-size: 79%;}

.tabS2{margin:-0.3em 0.5em 0 0;
	padding: 0.3em 0.5em;
	font-weight: normal;
	line-height: 1;
	font-size: 10px;}

.tabL{margin:1em 0 0 0;}

.h2sc{margin-top: 0.45em;
	font-size:136%;
	font-weight: bold;
	color:#e7380c;}

.sct{margin-top:2em;
	clear: both;}

.works{margin:0 0 1em 0; text-align: center;}
.workscap01{font-size:86%;}
.workscap02{font-size:72%;}


.ta_exhibitor{margin:0;
	width:100%;
	border-collapse:collapse;
	border-top:#000 5px solid;}

.ta_exhibitor td{border-bottom:#aaa 1px dotted;
	padding:0.25em 0.5em;}

.td_exhibitorL{width:50%; padding:0.25em 1em;}
.td_exhibitorC{width:25%;
	text-align: center;}
.td_exhibitorR{width:25%;
	text-align: center}

.ta_exhibitor .th{padding:0.5em; font-size:86%;}
.ta_exhibitor .thC{padding:0.5em; font-size:86%;text-align: center;}

.ta_exhibitorD{margin:1em 0 2em;}

.ws{white-space:nowrap;}
.wb{word-break: break-all;}


/* events
----------------------------------------------- */
.eventsL{width:72%;
	margin:0;
	padding:0;
	float:left;}

.eventsR{width:24%;
	margin:0;
	padding:0;
	float:right;}

.ta_event{width:100%;
	margin:1em 0 0 0;
	border-collapse:collapse;}

.ta_event td{padding:0.5em 0.5em;
	vertical-align:top;
	border-collapse:collapse;}

.td_eventL{width:15%;
	border-bottom:#aaa 1px dotted;
	white-space:nowrap;}
.td_eventR{border-bottom:#aaa 1px dotted;}

.ta_event p,.ta_event ul,.ta_event ol{font-size:86%;}

.wsn{white-space:normal;}

.ta_eventtab{width:100%;
	margin:1em 0 0 0;
	border-collapse:collapse;}

.ta_eventtab td{padding:1em 0.75em;
	border-collapse:collapse;}

.td_eventtabL{width: 5em;
	border-bottom:#aaa 1px dotted;
	text-align: center;
	vertical-align:top;
	white-space:nowrap;}

.td_eventtabR{vertical-align:middle;
	border-bottom:#aaa 1px dotted;}

.td_bn{border:none;}

.mgl3{margin-left:3.75em;}
.mgl3en{margin-left:3.75em;}

.ti6{margin-left:6.25em; text-indent: -6.25em;}
.ti6en{margin-left:7em; text-indent: -7em;}
.ti8{margin-left:7.75em; text-indent: -7.75em;}

.space1{width: 1em;display: inline-block;}

/* p,h,ul
----------------------------------------------- */
p{margin:0;
	padding:0;
	font-size:100%;/*14px*/
	color:#000;
	letter-spacing:0.05em;
	line-height:1.85;}

.fxxs{font-size:79%;}/*11px*/
.fxs{font-size:86%;}/*12px*/
.fs{font-size:93%;}/*13px*/
.fn{font-size:108%;}/*15px*/
.fl{font-size:124%;}/*17px*/
.fxl{font-size:136%;}/*19px*/

.alignL{text-align:left;}
.alignC{text-align:center;}
.alignR{text-align:right;}

.white{color:#fff;}
.red{color:#cc0000;}
.blue{color:#0082f0;}
.orange{color:#e7380c;}
.gray{color: #aaa;}
.gray2{color:#7f7f7f;}

.wsnr span{white-space:nowrap;
	display:inline-block;}

span.dash{margin:0 0.2em;
	letter-spacing:-0.1em;}

h2{margin:2.5em 0 0.25em;
	padding:0;
	font-size:136%;}

h3{margin:2.5em 0 0.25em;
	padding:0;
	font-size:129%;
	line-height:1.25;}

.h3event{margin:0.25em 0 1em;
	padding:0;
	font-size:129%;
	line-height:1.25;}

.hf{margin-top:0;}
.hmt1{margin-top:1em;}
.hmt2{margin-top:2em;}
.hmt3{margin-top:3em;}

.mgb1{margin-bottom:1em;}
.mgb2{margin-bottom:2em;}

h4{margin:0 0 0.1em;
	padding:0;
	font-size:108%;
	line-height:1.25;}

hr{margin:2em 0;
	padding:0;
	width:100%;
	height:2px;
	color:#000;
	background:#000;
	border:none;
	clear:both;}
	
.hrdot{border-top:#000 1px dotted;
	background: transparent;}
	
.main ul,
.main ol{margin:0;
	padding-left:17px;
	letter-spacing:0.05em;
	line-height:1.85;
	color:#000;}

.limg{margin: 1em 0 2em;}
.ulp{margin: 1em 0 0 0;
	line-height:1.45;}

ul.kome{margin:0;
	padding-left:1em;
	line-height:1.55;
	list-style:none;
	list-style-image:none;}

.kome li{text-indent:-1em;}

ul.extabVD{margin:0;
	padding:0;
	text-align: center;
	list-style:none;}
	
.extabVD li{margin:0 3px 0 0;
	padding:0;
	letter-spacing:0;
	line-height: 1;
	display:inline;}

.extabVD li:last-child{margin-right: 0;}

ul.ti{margin:0;
	padding:0;
	list-style:none;
	list-style-image:none;}
	
ul.pt4h{margin-left:4.5em;}
.pt4h li{text-indent:-4.5em;}

/*ul.workssmall{margin:0;
	padding-left:0;
	line-height:1.55;
	list-style:none;
	list-style-image:none;
	font-size: 10px;}

.workssmall li {padding-left:86px;
	min-height: 55px;}

li.works01{margin-bottom:2em; background:url(image/worksth_01.jpg) 0 0.25em no-repeat;}
li.works02{background:url(image/worksth_02.jpg) 0 0.25em no-repeat;}*/


/* events
----------------------------------------------- */
#calendar{margin:1em 0;
	padding: 0;
	text-align: left;}

#calendar ul{margin:0;
	padding:0;
	border-bottom: #e7380c 3px solid;}

#calendar li{margin:0;
	padding:0;
	width: 20%;
	vertical-align: middle;
	text-align: center;
	line-height:1;
	color:#fff;
	font-size: 14px;
	font-weight: bold;
	display:inline-block;
	list-style:none;}

/*#calendar li:nth-child(even){margin-left:1px;}*/

#calendar li a{padding:1em;
	color:#000;
	display: block;
	text-decoration:none;
	transition: background 0.2s;}

#calendar li a:hover{color:#fff; background:#e7380c;}
#calendar li.ui-tabs-active a{color:#fff;background:#e7380c;}


.eventslist{margin-bottom:2em;}

.eventslist ul{margin:0;
	padding:0;}

.eventslist li{padding:1em;
	list-style:none;
	border-bottom: #aaa 1px dotted;
	vertical-align: middle;
	position: relative;}

.eventslist a:link{color:#e7380c; text-decoration:none;}
.eventslist a:visited{color:#e7380c; text-decoration:none;}
.eventslist a:active{color:#e7380c; text-decoration:underline;}
.eventslist a:hover{color:#e7380c; text-decoration:underline;}

.calup{margin-top:1em;
	padding: 0;
	text-align: right;}

.calup a{margin:0;
	padding:0;
	width: 32px;
	height: 32px;
	vertical-align: middle;
	text-align: center;
	font-weight: bold;
	display:inline-block;
	background: #000;
	border-radius: 0.35em;
	text-indent: -9999px;
	position: relative;}

.calup a::before{top: 50%;
	left: 50%;
	width: 10px;
	height: 10px;
	content: "";
	margin-top: -3px;
	margin-left: -4.5px;
	border-left:#fff 3px solid;
	border-bottom:#fff 3px solid;
	box-sizing: border-box;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	position: absolute;}


#sym_photo{margin:2em 0 0 0;
	padding:0;}

.ts_photo{margin:2em 0 0;}

#sym_photo ul, .ts_photo ul{margin:0;
	padding:0;
	text-align: left;}

#sym_photo li, .ts_photo li{margin:0 0.5% 10px 0;
	padding:0;
	width: 16%;
	vertical-align: top;
	text-align: center;
	line-height:1;
	display:inline-block;
	list-style:none;}

#sym_photo p, .ts_photo p{margin-top: 0.5em; font-size:72%;
	line-height: 1.2;}


/* fbs_social
----------------------------------------------- */	
.fbs_social ul{margin:5px 0 0 0;
	padding: 0;
	line-height:1;
	vertical-align: middle;
	list-style:none;}

.fbs_social li{margin: 0 5px 0 0;
	padding:0;
	display: inline-block;}

.fbs_social li img{width: 30px;
	height: 30px;}

.fbs_social li:last-child{margin:0;}

/* outline_logo
----------------------------------------------- */	
.outlinelogo{margin-top:1em;
	padding:0;
	text-align:left;}

.outlinelogo ul{margin:0;
	padding:0;
	list-style:none;}
	
.outlinelogo li{margin:0 30px 0 0;
	padding:0;
	display:inline;}

.outlinelogo li:last-child{margin-right: 0;}

/* topics
----------------------------------------------- */
.topics_h2{margin: 0.45em 0 0 0;
	font-size:136%;
	font-weight: bold;
	color:#e7380c;}

.topics_h2b{margin: 2em 0 0 0;
	font-size:136%;
	font-weight: bold;
	color:#e7380c;}

.topics_h3{margin: 1em 0;
	font-size:100%;
	font-weight: bold;}

.topics_h3mgt3{margin:3em 0 1em 0;
	font-size:100%;
	font-weight: bold;}

.name{color:#e7380c;
	font-weight: bold;}

.date{margin:0 0 1em 0;
	padding:0;
	color:#aaa;
	line-height:1.25;
	font-size:86%;}

ul.topics_ul{margin:2.5em 0 2.5em 1.5em;
	line-height:1.25;}

.topics_hr{margin:3em 0;
	padding:0;
	width:100%;
	height:2px;
	color:#ddd;
	background:#ddd;
	border:none;
	clear:both;}

.topics_info{margin: 1em 0;
	padding: 1em;
	border:#ccc 1px solid;}

.youtube{width:100%;
	padding-top:56.25%;
	position:relative;}

.youtube iframe{top:0;
	right:0;
	width:100%;
	height:100%;
	position:absolute;}

/* nf
----------------------------------------------- */
.nf{margin:3em 0 0.5em;
	padding: 16px 0 0 90px ;
	vertical-align: middle;
	min-height: 54px;}

.nf_brunei{background: url(image/nf_brunei.png) 0 0 no-repeat; background-size:80px;}
.nf_cambodia{background: url(image/nf_cambodia.png) 0 0 no-repeat; background-size:80px;}
.nf_indonesia{margin-top:2em; background: url(image/nf_indonesia.png) 0 0 no-repeat; background-size:80px;}
.nf_laos{background: url(image/nf_laos.png) 0 0 no-repeat; background-size:80px;}
.nf_malaysia{background: url(image/nf_malaysia.png) 0 0 no-repeat; background-size:80px;}
.nf_myanmar{background: url(image/nf_myanmar.png) 0 0 no-repeat; background-size:80px;}
.nf_philippines{background: url(image/nf_philippines.png) 0 0 no-repeat; background-size:80px;}
.nf_singapore{background: url(image/nf_singapore.png) 0 0 no-repeat; background-size:80px;}
.nf_thailand{background: url(image/nf_thailand.png) 0 0 no-repeat; background-size:80px;}
.nf_vietnam{background: url(image/nf_vietnam.png) 0 0 no-repeat; background-size:80px;}

/* img
----------------------------------------------- */	
.counter{margin:0;
	padding:0;
	display:none;}

.main img,
#tl01 img,
#footer img,#navsp_logo img{
	max-width: 100%;
	height: auto;}

#tl01 img{width: 900px;}
.onlineticketT img{width: 300px;}

#works01 img,#works02 img,#works03 img,#works04 img,
#works05 img,#works06 img,#works07 img,#works08 img,#works09 img,
#hlp02 img, #hlp03 img, #hlp04 img, #hlp05 img, #hlp06 img, #hlp07 img, #hlp08 img, #hlp09 img{width: 375px;}

.goodsph img{height: 300px;}

/* span
----------------------------------------------- */	
#open span,#open_en span,
#menubtn span{
	/*\*/
	position:absolute;
	/**/
	text-indent:-10000px;
	width:0;
	height:0;
	display:none;
	left:0;
	top:0;}

/* google_conversion_frame
----------------------------------------------- */	
iframe[name="google_conversion_frame"]{position:absolute; top:0; left:0;}

/* link
----------------------------------------------- */
a{transition: color 0.3s;}
a:link{color:#e7380c; text-decoration:underline;}
a:visited{color:#e7380c; text-decoration:underline;}
a:active{color:#e7380c; text-decoration:none;}
a:hover{color:#e7380c; text-decoration:none;}

/* media queries
----------------------------------------------- */
.tbmbdisplay{display:none;}
.mbdisplay{display:none;}
br.brmb{display:none;}

@media only screen and (max-width:1475px){
	
	/*#title{width: 100%;
	padding-top:56.25%;
	height: auto;
	}*/
	
}

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


}

@media only screen and (max-width:1130px){
	.pcdisplay{display:none;}
	.tbmbdisplay{display:block;}
	
	br.brpc{display:none;}
	br.brtb{display:block;}
	
	body{padding:0;}
	#nav{display:none;}
	#menubtn{display:block;}
	#countdown,#countdown_en,#open,#open_en{display:none;}
	#tl01{padding: 40px 10px 10px;}
	
	.main{width:95%;}
	
	#language{margin-bottom:0;
		top:0;
		right:0;
		position: absolute;}
	
	#titlelogo .h1bg{padding-left:10px;}
	
	#bannars li,
	#bannars li:nth-child(even){padding-left: 2.5%; padding-right:2.5%;}
	#bannars img{max-width: 100%;}
	
	#social{text-align:left;}
	
}


@media only screen and (max-width:767px){
	.mainL,.mainT2L,.mainTL{width:100%;
		padding:0 0 1.5em 0;
		float:none;}
	
	.mainR,.mainTR,.mainT2R{width:100%;
		padding:1.5em 0 0 0;
		float:none;}
	
	.pdn{padding-top:0;}
	
	.homebannar img{width: 300px;}
		
	.footerbannars{margin:0 0 30px 0;
		padding:0;
		display: inherit;}

	.fbslast{margin:0;}
	
	.ta_hometopics p{font-size: 79%;}
	.ta_hometopics td{padding:0.5em;}
	
	.ta_admitS{margin:0 0 2em;}
	
	#phL{width: 100%;
		padding: 0;
		float:none;}
	
	#phR{width: 100%;
		padding-top: 56.25%;
		float:none;}
	
	.phbgt{height: 80px;
		background:url(image/phbgt.png) -25px 50% no-repeat;
		-webkit-background-size:contain;-moz-background-size:contain;
		-o-background-size: contain;background-size: contain;}
	
	.phbgt_en{height: 55px;
		background:url(image/phbgt_en.png) -50px 50% no-repeat;
		-webkit-background-size:contain;-moz-background-size:contain;
		-o-background-size: contain;background-size: contain;}
	
	.outlinelogo li{margin:0 0 30px 0;
		display: inherit;}
	
	.extabVD li{margin:0 0 3px 0;
		display: inherit;}
	
	.fbs_social li{margin: 0 10px 0 0;}
	.fbs_social li img{width: 35px;
		height: 35px;}
	
	#sym_photo li, .ts_photo li{width: 32%;}
	
	#calendar li{font-size: 12px;}
	
	.mgl3,.mgl3en{margin-left:0;}
	.ti6,.ti8,.ti6en{margin-left:0; text-indent: 0;}
	
}


@media only screen and (max-width:479px){
	.tbdisplay{display:none;}
	.mbdisplay{display:block;}
	
	br.brmb{display:block;}
	
	
	#phlelogo01{top:10px; left:10px;}
	#phlelogo01 img{max-width: 150px;}
	
	.ta_exhibitor p{font-size: 79%;}
	.ta_exhibitor .thC{padding:0.5em 0;}
	
	.exhtab{padding-top: 0.5em;
		padding-bottom: 0.5em;
		font-size: 79%;}
	
	#sym_photo li, .ts_photo li{width: 49%;}
	
	.eventsL{width:100%;
		margin:0 0 1.5em 0;
		float:none;}

	.eventsR{width:100%;
		margin:1.5em 0 0 0;
		float:none;}
	
	#calendar li{width: auto;}
	.calendaren li{font-size: 10px!important;}
	.calendaren li a{padding:1em 0.75em!important;}


}