@charset "utf-8";
@import url(menu2022.css); /*匯入目錄樣式*/
@import url(css/animate.css); /*匯入動作樣式*/
* {font-family:arial,'Microsoft JhengHei',sans-serif;}
body {margin:0; padding:0; font-family:arial,'微軟正黑體',sans-serif; font-size:16px; box-sizing: border-box;}
a { text-decoration:none; color:#0066cc; }
a:hover { color:#cc0000; }
img { border:0; vertical-align:bottom;}

/*網站入口*/
.portal { float:left;width:100%; margin-top:2em; margin-left:0.2em;}
.portal ul {width:100%;list-style:none; padding:0; margin:0;}
.portal li { float:left; width:31%; margin:0 1% 2% 1%; }

/*網站分流圖示*/
.portal_area { position: relative; z-index:0;}
.portal_area img { width:100%;}
.portal_region {
	position: absolute;
	width: 100%;
	/*height:6vh;*/
	/*background: rgba(100%,100%,100%,0.6);*/
	bottom: 0px;
	left: 0;
	z-index: 1;
}

.portal_lan {  float:left; width:50%; margin:0 25%;}
.portal_lanicon  { float:left;  width:50%; }
.portal_lanicon img { width:100%;}

/*上方背景區*/
/*#head_bg { width:100%;background-color:#fff ;}*/
#head_bg { 
	float:left;
	width:100%;
	background:url(images/TGS_bg_2c.jpg) top center no-repeat;
	background-size:cover; 
}
#head_bg_2b { 
	float:left;
	width:100%;
	background:url(images/TGS_bg_2b.jpg) top center no-repeat;
	background-size:cover; 
}
#top { width:90%; margin:0 auto;max-width:1280px;}
#header { width:100%; margin-top:4%;}
.logo { clear:both; text-align:left; margin-top:5em; margin-bottom:5em;}
.logo img {
	width:100%;
	max-width:550px;
}

.logo a img:hover{
	-webkit-animation: tada 1s;
	animation: tada 1s;
	/*animation-iteration-count:2;*/
}

.top_lang {float:left; margin-top:1.2em; margin-bottom:0.5em; font-size:1.25em; font-weight:bold; color:#fff;}
.top_lang a{ color:#fff;}
.top_lang2 { font-size:1.25em; font-weight:bold; color:#000; }
.top_lang2 a{ color:#000;}
.top_social { float:right; margin-top:1.2em; margin-bottom:0.5em;}
.top_social ul { list-style:none; padding:0; margin:0;}
.top_social li{ float:left;padding-right:0.65em;}
.top_social li img{ vertical-align:middle;}

.top_social li img:hover{
	-webkit-animation: jello 1s;
	animation: jello 1s;
}

/*首頁內容區*/
#canvas {width:95%; margin:0 auto; max-width:1280px;}

/*重要訊息文字*/
.improtant_msg{
	margin-left:5px;
	margin-right:5px;
	
	color:#FFF;
	font-size:27px;
	font-weight:bold;
	
	background-color:#EA3494;
	padding:20px 18px 15px 18px;
	border-top-left-radius:30px; /*左上角*/
	border-top-right-radius:30px; /*右上角*/
	border-bottom-right-radius:30px; /*右下角*/
	border-bottom-left-radius:0px; /*左下角*/
	overflow:hidden;
}
ul.important_marquee {
	/* required styles */
	display: block;
	padding: 0;
	margin: 0;
	list-style: none;
	/*line-height: 1;*/
	position: relative;
	overflow: hidden;
	
	/* optional styles for appearance */
	width: 100%;
	height: 30px;; /* height should be included to reserve visual space for the marquee */
}
ul.important_marquee li {
	/* required styles */
	position: absolute;
	top: -999em;
	left: 0;
	display: block;
	white-space: nowrap; /* keep all text on a single line */
}
.improtant_msg .icon {
	height:26px;
	margin-right:5px;
	margin-top:2px;
	vertical-align:top;
	display:inline;
}
.improtant_msg .txt {
	vertical-align:middle;	
	display:inline;
	line-height:30px;
}
.improtant_msg a {
	color:#FFF;
}
.improtant_msg a:hover {
	color:#FFC;
}

/*導覽ｂａｎｎｅｒ*/
.guide_banner { float:left;width:100%; margin-top:2em;}
.guide_banner ul {width:100%;list-style:none; padding:0; margin:0;}
.guide_banner li { float:left; width:31%; padding-left:2%;}
.guide_banner img {width:100%;}

/*中間內容區*/
.middle {float:left;width:100%; margin-top:2em;}


/* 首頁 區塊 */
.h_content {
	display:inline-flex;
	width:100%;
	margin-top:20px;
	margin-bottom:20px;
}
/* 首頁 右 區塊 */
.h_content_left {
	margin-left:5px;
	margin-right:15px;
	flex:2;	
}
/* 首頁 左 區塊 */
.h_content_right {
	margin-right:5px;
	margin-left:15px;
	flex:1;
}
/* Banner */
.h_banner_728x188 img{
	width:100%;
	border:none;
	margin-bottom:25px;
}
.h_banner_480x320 img{
	width:100%;
	border:none;
	margin-bottom:25px;
}

/* News */
.h_news_list{
	display:inline-flex;
	width:100%;
	margin-bottom:25px;
}
.h_news_list_left{
	flex:2;
	margin-right:15px;
	height:180px;
	overflow:hidden;
}
.h_news_list_left img{
	width:100%;
	display:block;
}
.h_news_list_right{
	flex:3;
}
.h_news_subject{
	font-size:1.1em;
	margin-bottom:10px;
}
.h_news_subject a{
	font-weight:bold;
	color:#000;
}
.h_news_content{
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	font-size:0.9em;
	/*height: 4em;*/
	/*word-break: break-all;*/
	/*word-wrap: break-word;*/
	color:#777;
}
.h_area_n_date{
	display:inline-flex;
	justify-content:space-between;
	width:100%;
	margin-bottom:10px;	
}
.h_area_n_date .area{
	display:block;
	background-color:#EA3494;
	color:#FFF;
	font-size:0.9em;
	font-weight:bold;
	padding:2px 10px;
}
.h_area_n_date .date{
	display:flex;
	color:#777;
	font-size:0.9em;
	align-items:flex-end;
}
.h_news_date_mobile {
	display:none;
	color:#777;
	font-size:0.9em;
}

.h_news_more{
	margin-bottom:20px;
	font-size:1.3em;
	font-weight:bold;
	text-align:center;
	border:1px solid #EA3494;
	padding-top:15px;
	padding-bottom:20px;
	cursor:pointer;
}
.h_news_more span {
	border-bottom:4px solid #EA3494;
}

/* 工具列 */
.h_tool_bar{
	width:100%;
	/*margin-bottom:20px;*/
	display:inline-flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.h_tool_bar .tool{
	margin-bottom:20px;
	position: relative;
	cursor:pointer;
}
.h_tool_bar .tool img{
	width:100%;
}
.h_tool_bar .tool .txt{
	width:100%;
	color:#FFF;
	padding:10px;
	font-size:1.2em;
	font-weight:bold;
	box-sizing: border-box;
	
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+50 */
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 45%, rgba(0,0,0,0.7) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 45%,rgba(0,0,0,0.7) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 45%,rgba(0,0,0,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */

	z-index:99;
	position:absolute;
	bottom:0;
}
.h_tool_bar .tool .arrow{
	font-weight:1000;
	float:right;
}
.h_tool_bar .f1{
	width:32.5%;
	background-color:#F5FFFF;
}
.h_tool_bar .f2{
	width:65%;
	background-color:#FFFFF5;
}

/* 內嵌 Youtube RWD */
.rwd-yt { 
	position: relative; 
	padding-bottom: 56.25%; 
	height: 0; 
	overflow: hidden; 
	max-width: 100%;
	margin-bottom:25px;
} 
.rwd-yt iframe, .rwd-yt object, .rwd-yt embed { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
}

/* 內嵌 Facebook RWD*/
.rwd-fb {
	text-align:center;
	margin-bottom:25px;
}

.h_banner_logo {
 	display:inline-flex;
	flex-wrap:wrap;
	justify-content:space-around;
	align-items:stretch;
	width:100%;
	/*margin-bottom:15px;*/
	background-color:#EEE;
	box-sizing: border-box;
	padding:10px;
}
.h_banner_logo_img{
	width:48%;
	background-color:#FFF;
	/*border:1px solid #EEE;*/
	box-sizing: border-box;
	padding:2px;
	margin-top:5px;
	margin-bottom:5px;
	display: flex;
    align-items: center;
    justify-content: space-around;
}
.h_banner_logo_img img{
	width:100%;
	vertical-align:middle;
}


.logo_banner ul {list-style:none; padding:0; margin:0; }
/*.logo_banner li {float:left; width:15.5%; padding-right:1.1%;}*/
.logo_banner li {float:left; width:15.5%; padding-left:0.6%; padding-right:0.5%;}
.logo_banner li img { width:100%;}

/*新聞區&FB*/
.news_area {float:left; width:64.7%; padding-right:1%; padding-left:0.8%;}
.news_area h1 { width:100%;display:block; text-align:center;font-size:1.75em; font-family:arial,'Microsoft YaHei'; font-weight:bold; letter-spacing:0.5em; color:#0D274C;}

/*新聞標籤區*/
.news_tabs { float:left; width:100%; margin-bottom:1em;}
#data2{ display:none; }
.tabs { float:left; display:block;font-size:1.25em;color:#7F8993; text-align:center; width:49%; cursor:pointer;}
.tabs_selected { font-weight:bold; color:#0D274C;}

/*新聞內容*/
.news_list { width:100%; float:left; }
.news_list ul { width:100%; list-style:none; padding:0; margin:0; }
.news_list li { border-bottom:#333 dashed 1px; height:3em; line-height:3em; }
.news_list a { display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.news_list li img {float:left;}
.news_txt { float:left; width:70%;}
.news_date {float:right; color:#333; font-size:0.9em; }
.news_more { float: right; margin-top:0.5em; color:#2357E9; font-size:1.15em; font-weight:bold;}

/*FB區*/
/*.fb_area { float:right; width:27%; background-color:#DCE6F2; border-radius:15px; padding:1em; }*/
.fb_area { float:left; width:30%; padding-right:1.3%; padding-left:1%; overflow:hidden;}

/*2C_C, 2C_E FB區*/
.fb_2c_c_area, .fb_2c_e_area { float:left; width:30%; padding-right:1.3%; padding-left:1%;  overflow:hidden;}


/*新聞區塊*/
.news_block { float:left;width:100%; margin-top:1em; }
.news_block ul {width:100%;list-style:none; padding:0; margin:0;}
.news_block li { float:left; width:31%; padding-right:1.3%; padding-left:1%; padding-bottom:2%;}
.news_block li a { display:block; }

/*新聞區塊-上方圖文*/
.news_mix {width:100%; }
.news_foto { height:180px; overflow:hidden; position: relative; z-index:-1;} 
.news_foto img {width:100%;}
.news_foto_region {
	position: absolute;
	width: 25%;
	/*height:6vh;*/
	background: rgba(0,0,0,0.6);
	top: 0px;
	left: 0em;
	text-align:center;
	z-index: 1;
}
.news_foto_region .txt{ padding:0.35em;color:#fff; font-size:0.8em; font-weight:bold; line-height:1.2em;}
.nnews_date {float:left; color:#333; font-size:0.8em; }

/*新聞區塊--新聞標題*/
.news_title {float:left; width:100%; font-weight:bold; height:4em;  overflow:hidden;}
.news_bullet  { display:none;}


/*活動區*/
.event {float:left; width:100%; margin-top:2em;}
.event ul {width:100%;list-style:none; padding:0; margin:0;}
.event li { float:left;width:49%;}

/*活動文字區*/
.event_area { position: relative; z-index:0;}
.event_area img { width:100%;}
.event_region {
	position: absolute;
	width: 100%;
	/*height:6vh;*/
	background: rgba(100%,100%,100%,0.6);
	bottom: 0px;
	left: 0;
	z-index: 1;
}
.event_region .txt{ padding:0.35em;color:#000; font-size:1.5em;font-family:arial,'Microsoft YaHei'; font-weight:bold; line-height:1.2em;}
.event_region a{ color:#000; font-weight:bold;}

/*TGS影音平台*/
.youtube { float:left; width:98%; margin-top:2em; color:#011144; padding-left:1%; padding-right:1%;}
.youtube_txt { float:left; width:42%; line-height:1.8em;}
.youtube_txt h1 {font-size:1.65em; font-weight:bold; font-family:arial,'Microsoft YaHei'; text-align:center;}
.youtube_txt h2 { font-size:1.25em; font-weight:bold; font-family:arial,'Microsoft YaHei'; text-align:center;}

.youtube_video {float:right; width:55%;}

/*2C_C, 2C_E 首頁YOUTUBE*/
.youtube_2c_c_area, .youtube_2c_e_area {float:left; width:64.7%; padding-right:1%; padding-left:0.8%;}


/*線上影音*/
.video { display:block; width:33%; float:left; text-align:center; }
.video_txt { display:block; width:98%; text-align:center; color:#CC3300; font-size:15px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.video_mv { display:block; width:98%; height:200px; text-align:center; padding-top:10px; padding-bottom:20px; }

/*logo 輪播區*/
.logo_banner { float:left; width:100%; margin-top:2em;}
.logo_banner ul {list-style:none; padding:0; margin:0; }
/*.logo_banner li {float:left; width:15.5%; padding-right:1.1%;}*/
.logo_banner li {float:left; width:15.5%; padding-left:0.6%; padding-right:0.5%;}
.logo_banner li img { width:100%;}

/*頁尾*/
#footer { float:left; width:100%;margin-top:1.5em; text-align:center; padding:0.5em 0; background-color:#555; color:#FFF; }
#footer span {
	padding-right:10px; padding-left:10px; white-space:nowrap;
}
#footer a { color:#FFF; }
.footer_social { margin-bottom:0.5em; text-align:center; }
.footer_social img{ vertical-align:middle; padding:0.4em; }
.footer_social img:hover{
	-webkit-animation: jello 1s;
	animation: jello 1s;
}

/*次頁*/
.content_area {float:left; width:100%; margin-top:1em;}
.content_head1 { float:left; width:100%; height:2.5em; line-height:2.3em; font-size:1.35em; font-weight:bold; color:#B20000; background:url(images/head_news.gif) no-repeat; text-indent:3em; border-bottom:#ccc solid 3px;}
.content_head2 { float:left; width:100%; height:2.5em; line-height:2.3em; font-size:1.35em; font-weight:bold; color:#B20000; background:url(images/head_normal.gif) no-repeat; text-indent:2.5em; border-bottom:#ccc solid 3px;}
.content { float:left; margin-left:2.5%;width:95%; margin-top:1em; line-height:1.8em;}

.content h1 {display:block; width:100%;font-size:1.85em; font-weight:bold; font-family:arial,'Microsoft YaHei'; text-align:center; color:#011144; line-height:1.5em;}
.content h2 { display:block; width:100%; margin:0.7em 0 0.5em;font-size:1.25em; font-weight:bold; font-family:arial,'Microsoft YaHei'; color:#FF8400;}
.content h2.h2blue { display:block; width:100%; margin:0.7em 0 0.5em;font-size:1.25em; font-weight:bold; font-family:arial,'Microsoft YaHei'; color:#0082C3;}
.content h3 {display:block; width:100%;font-size:1.2em; font-weight:bold; font-family:arial,'Microsoft YaHei'; text-align:center; color:#011144; line-height:1.5em;}
.content ul.list0 {margin:0;margin-left:-1.25em;  margin-top:-5px;}
.content ol.list {margin:0;margin-left:-1.25em;  margin-top:-5px;}
.content ol.list1 {margin:0;margin-left:-1em;  }
.content ol.list2 {list-style:none; margin-left:-1em;  margin-top:-10px; }

.txt_subhead {display:block; width:100%;font-size:1.5em; font-weight:bold; font-family:arial,'Microsoft YaHei'; text-align:center; color:#011144; line-height:1.5em; padding-bottom:0.65em;}

/*定義清單文字出現第二行時, 第一行凸排一個*/
.custom-list1 li { list-style: outside none none;margin-left:-1.5em;text-indent: -1em;}
/*定義清單文字出現第二行時, 第一行凸排一個半*/
.custom-list15 li { list-style: outside none none;margin-left:-1em;text-indent: -1.5em;}
/*定義清單文字出現第二行時, 第一行凸排二個字*/
.custom-list2 li { list-style: outside none none;margin-left:-0.5em;text-indent: -2em;}
/*定義清單文字出現第二行時, 第一行凸排三個字*/
.custom-list3 li { list-style: outside none none;margin-left:0;text-indent: -3em;}

/*定義出現第二層清單, 且要顯示數字排序時, 左邊靠齊位置及第一行凸排0.1em*/
.subcustom-list li { list-style: outside decimal;margin-left:-1.4em;text-indent: -0.1em;}
/*定義出現第二層清單, 且要顯示清單排序時, 左邊靠齊位置及第一行凸排0.1em*/
.subcustom-listu li { list-style: outside disc;margin-left:-1.4em;text-indent: -0.1em;}
/*定義出現第二層清單時, 左邊靠齊位置及第一行凸排0.8em*/
.subcustom-list1 li { list-style: outside none none;margin-left:-1.5em;text-indent: -0.8em;}
/*定義出現第三層清單時, 左邊靠齊位置及第一行凸排1.6em*/
.subcustom-list2 li { list-style: outside none none;margin-left:-1em;text-indent: -1.6em;}
/*定義出現第三層項目清單時, 左邊靠齊位置及第一行凸排1.6em*/
.subcustom-list2n li { list-style: outside disc;margin-left:-1.4em;text-indent: -0.2em;}
/*定義出現第三層數目清單時, 左邊靠齊位置及第一行凸排1.6em*/
.subcustom-list2no li { list-style: outside decimal;margin-left:-0.5em;text-indent: -0.2em;}
/*定義出現第四層清單時, 且要顯示無序排序時, 左邊靠齊位置及第一行凸排0.2em*/
.subcustom-list3 li { list-style: outside disc;margin-left:-1.4em;text-indent: -0.2em;}
.subcustom-list3n li { list-style: outside none none;margin-left:-1em;text-indent: -1.5em;}


/*次頁-新聞*/
.news_head { float:left; font-size:1.25em; font-weight:bold;padding:0.5em 0;  }
.news_date2 { float:right; font-size:1em;padding:0.5em 0;}
.news_content {float:left;width:100%; }
.news_content p {clear:both;}
.news_photo { margin:auto; margin-bottom:1.5em; width:64%; background-color:#555; padding:2px 2px 2px 2px;}/*圖片寬700px*/
.news_photo img { width:100%; }
.news_photo_txt { text-align:center; color:#FFF; padding-bottom:5px; }
.news_back {float:right;}

/*次頁-圖片*/
.content_photo { float:left;width:100%;}
.content_photo ul {margin:0; paddin:0; list-style:none; margin-left:-2%;}
.content_photo li {float:left; width:45.7%; padding-left:3%; padding-bottom:2%;}
.content_photo img {width:100%;}

.content_photo1 { text-align:center;}
.content_photo1 img {width:45.7%;padding-left:3%;}


.td-img img {width:100%;}

/*次頁-主視覺*/
.vision { width:90%; margin-left: auto; margin-right:auto;}
.vision-railing { float:left; width:50%;}
.vision-list { float:left;width:100%;  margin:0; padding:0; margin-top:1.5%;}
.vision-list li { float:left; list-style: none;width: 48%;  padding-right:2%; padding-bottom:2.5%;}
.vision-list li img {width:100%;}
/*.vision-list li img{transform:scale(1,1);transition: all 0.5s ease-out;}
.vision-list li img:hover{transform:scale(1.2,1.2); z-index:999;}*/

/*次頁-新聞稿下載*/
.dwnnews_list ul {width:100%;list-style:none; padding:0; margin:0;}
.dwnnews_list li { border-bottom:#333 dashed 1px;height:3em; line-height:3em; cursor:pointer; font-weight:bold; font-size:1.15em;display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.dwnnews_list li img {float:left; width:42px;}
.dwnnews_txt { float:left;}

/*次頁-媒體合作夥伴*/
.media_partnership { clear:both;float:left; margin:0 3%;width:94%;}
.media_partnership ul { width:100%;list-style:none; padding:0; margin:0; }
.media_partnership li { float:left; width:15%; margin-right:1.5%; margin-bottom:3%;}
.media_partnership li img { width:100%;}

/*次頁-Indie Game Ward評審*/
#jury { float:left;width:100%;}
#jury ul {width:95%;padding:0; margin:0;margin-left:3%;}
#jury li {float:left;display:inline-block;list-style:none; width:22%; padding-right:3%; margin-bottom:2em; }
.jury-area {width:100%;}
.jury-area img {width:100%;}
.jury-area p {padding:4px; margin:0; height:4.5em; line-height:1.4em;background-color:#487791;color:#FF9; font-weight:bold;}
.jury-area .txt { margin-bottom:2em; height:2em;line-height:1.2em;}

/*次頁-Indie Game Ward 得獎名嘽*/
.iga-winners { 
	width:100%;
	margin: 1.5em auto;
	}
.iga-winhead { 
	width:100%;
	box-sizing:border-box;
	line-height:2em; 
	color:#FF9; 
	font-size:1.2em;
	font-weight:bold; 
	background-color:#487791; 
	padding:2px 10px; 
	margin:2em 0 1em;
	}
.iga-winlist {
	display:flex;
	align-items:center;
	/*word-break: break-all;*/
}
.iga-winleft {
	flex-basis:35%;
	/*width:35%; */
	text-align:center;
}

.iga-winleft img {
	padding-top:5px;
	padding-bottom:5px;;
	vertical-align:middle;
}

.iga-winleft .game_pic img{
	width:100%;
}

.iga-winright { 
	margin-left:2.3em;
	flex-basis:61%;
	/*width:61%; */
	padding: 20px 10px; 
	border:#FC0 solid; 
	border-width:2px 0;
}

.list_partnership {
    columns: 300px auto; 
	font-weight:bold;
	font-size:1.1em;
	padding-left:20px;
	color:#555;
}
.list_partnership div{
	margin-top:5px;
	margin-bottom:15px;
}


/*次頁-桌遊樂園*/
.bg_area {float:left; width: 100%;margin-top: 1em;}
.bg_area ul { width: 100%;list-style: none;padding: 0;margin: 0;}
.bg_area li {float: left;width: 31%;padding-right: 1.3%;padding-left: 1%;padding-bottom: 2%;}
.bg_foto img  { width:100%;}

/*RWD, 崁入Youtube影音 */
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/*頁碼*/
.div_pages { clear:both; text-align:center; padding-top:20px; }
.div_pages * { color:#0066cc; font-size:18px; }

/*訂閱電子報*/
.newsletter_box{ width:80%; min-width:600px; margin:auto; }

/*會員相關*/
.m_table * {font-size:16px;}

.member_table { font-size: 16px; color:#333; border-color:#663300; width:90%; min-width:500px; }
.member_table td { border-color:#555555; }
.member_table .ttitle { background-color:#DDDDDD; }
.member_table .thead { background-color:#FFFFDD; width:150px; text-align:center; color:#663300; }
.member_tip { color:#666666; font-size:14px; }
.member_tip_h { color:#666666; width:90%; min-width:500px; margin:auto; font-size:14px; padding:10px 0px; }
.member_btn { text-align:center; padding-top:10px; padding-bottom:20px; }
/*.member_btn input { background-color:#FFFFCC; border:#663300 1px solid; color:#663300; height:30px; }*/
.member_step { text-align:center; font-size:22px; font-weight:bold; text-shadow:2px 2px #CCC; }
.member_step img { width:95%; max-width:700px; min-width:500px; }
.member_step .step_on { color:#F00; }
.member_step .step_off { color:#28F; }
.red { color:#FF0000; padding-right:2px; }
#mpic { border:#553300 1px solid; width:180px; height:50px; }

.member_login { font-size:16px; color:#0066CC; }
.member_login span { font-weight:bold; }
.member_login img { vertical-align:text-bottom; }

/*button style*/
.css_btn_class {
	cursor:pointer;
	font-size:16px;
	font-family:Arial;
	font-weight:bold;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #337fed;
	padding:5px 18px;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #3d94f6 5%, #1e62d0 100% );
	background:-ms-linear-gradient( top, #3d94f6 5%, #1e62d0 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #3d94f6), color-stop(100%, #1e62d0) );
	background-color:#3d94f6;
	color:#ffffff;
	display:inline-block;
	text-shadow:1px 1px 0px #1570cd;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #97c4fe;
 	-moz-box-shadow:inset 1px 1px 0px 0px #97c4fe;
 	box-shadow:inset 1px 1px 0px 0px #97c4fe;
}.css_btn_class:hover {
	background:-moz-linear-gradient( center top, #1e62d0 5%, #3d94f6 100% );
	background:-ms-linear-gradient( top, #1e62d0 5%, #3d94f6 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #1e62d0), color-stop(100%, #3d94f6) );
	background-color:#1e62d0;
	color:#ffffff;
}.css_btn_class:active {
	position:relative;
	top:1px;
}

/*介於651px～900px*/
@media screen and (min-width: 651px) and (max-width: 900px) {
.logo img {width:90%;}

.content_head2 { float:left; width:100%; height:2.5em; font-size:1.1em; font-weight:bold; color:#B20000; background:url(images/head_normal.gif) no-repeat; text-indent:2.8em; border-bottom:#ccc solid 3px;}

/*導覽ｂａｎｎｅｒ*/
.guide_banner { margin-left:-0.25em;}

/*新聞區&FB*/
.middle { margin-top:1.5em;}
.news_area {float:left; width:100%;}
.news_area h1 { font-size:1.6em;}

/*新聞標籤區塊*/
.tabs { float:left; display:block;font-size:1.15em;color:#7F8993; text-align:center; width:49%; cursor:pointer;}
.tabs1 { font-weight:bold; color:#0D274C;}

/*新聞內容*/
.news_list li { height:2.5em; line-height:2.5em; font-size:0.95em; }
.news_list a {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.news_list li img {float:left; width:26px;}
.news_txt { float:left; width:72%;}
.news_date { float:right; color:#333; font-size:0.8em; }
.news_more { float: right; margin-top:0.5em; color:#2357E9; font-size:1.1em; font-weight:bold;}

/*FB區塊*/
.fb_area { display:none;}

/*2C_C FB區*/
.fb_2c_c_area { display:none; }

/*新聞區塊*/
.news_block ul { margin-left:1%;} 
.news_block li { float:left; width:48%; padding-left:1%; padding-right:1%; padding-bottom:2%;}

/*TGS影音平台*/
.youtube_txt { line-height:1.6em;}
.youtube_txt h1 {font-size:1.4em;}
.youtube_txt h2 { font-size:1.15em; margin-top:0; }

/*2C_C 首頁YOUTUBE*/
.youtube_2c_c_area {float:left; width:100%;}

/*線上影音*/
.video { width:50%; }

/*次頁-新聞*/
.news_photo { margin:auto; margin-bottom:1em; width:90%}/*圖片寬700px*/

/*次頁-表格(圖片)寬度*/
.tb_w90 table { width:90%;}

/*次頁-媒體合作夥伴*/
.media_partnership li { float:left; width:23%; margin-right:1.5%; margin-bottom:3%;}

/*次頁-Indie Game Ward 得獎名嘽*/

.iga-winright { 
	margin-left:1em;
	}


}


/*小於650px*/
@media screen and (max-width: 650px) {
.logo img {width:90%; }
.logo { clear:both; text-align:left; margin-top:2em; margin-bottom:3em;}

.content_head2 { float:left; width:100%; height:2.5em; font-size:1.1em; font-weight:bold; color:#B20000; background:url(images/head_normal.gif) no-repeat; text-indent:0; padding-left:2.8em; border-bottom:#ccc solid 0px;}

#head_bg { 
	float:left;
	width:100%;
	background:url(images/TGS_bg_2c_s.jpg) top center no-repeat;
	background-size:cover; 
}
#head_bg_2b {
	float:left;
	width:100%;
	background:url(images/TGS_bg_2b_s.jpg) top center no-repeat;
	background-size:cover; 
}

/* 首頁 區塊 */
.h_content {
	flex-direction:column;
}
/* 首頁 右 區塊 */
.h_content_left {
	margin-left:5px;
	margin-right:5px;
}
/* 首頁 左 區塊 */
.h_content_right {
	margin-right:5px;
	margin-left:5px;
}

.h_news_list_left{
	flex:1;
	height:90px;
}
.h_news_list_left img{
	margin-top:5px;
}
.h_news_list_right{
	flex:2;
}
.h_area_n_date{
	display:none;
}
.h_news_subject{
	/*font-size:1.1em;*/
	margin-bottom:5px;
}
.h_news_content{
	display:none;
}
.h_news_date_mobile {
	display:block;
}
.h_news_more{
	
}
	
/*網站入口*/	
.portal { margin-left:1.4em;}
.portal li { float:left; width:85%; margin:0 7% 2% 0; }
	
/*導覽ｂａｎｎｅｒ*/
.guide_banner { margin-left:-0.5em;}
.guide_banner li { float:left; width:85%; padding-left:7%;padding-bottom:2%;}

/*新聞區&FB*/
.middle { margin-top:1em;}
.news_area {float:left; width:100%;}
.news_area h1 { font-size:1.6em;}

/*新聞標籤區塊*/
.tabs { float:left; display:block;font-size:1.1em;color:#7F8993; text-align:center; width:48%; cursor:pointer;}
.tabs1 { font-weight:bold; color:#0D274C;}

/*新聞內容*/
.news_list li { height:2.5em; line-height:2.5em; font-size:0.95em; }
.news_list a {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.news_list li img {float:left; width:26px;}
.news_txt { float:left; width:90%;}
.news_date {display:none; }
.news_more { float: right; margin-top:0.5em; color:#2357E9; font-size:1.1em; font-weight:bold;}

/* 工具列 */
.h_tool_bar{
	width:100%;
	margin-bottom:15px;
}
.h_tool_bar .tool{
	margin-bottom:10px;
	position: relative;
}

/*FB區塊*/
.fb_area { display:none;}

/*2C_C FB區*/
.fb_2c_c_area { display:none; }

/*新聞區塊*/
.news_block li { width:100%;border-bottom:#333 dashed 1px; height:3em; line-height:3em; ;}
.news_block li a { display:block;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }

/*新聞區塊-上方圖文*/
.news_mix { display:none;}

/*新聞區塊--新聞標題*/
.news_title {float:left; width:93%; font-weight:bold; line-height:3.8em;}
.news_bullet  { display:inline; float:left; width:7%; }
.news_bullet img {width:100%; vertical-align:middle;}

/*活動區*/
.event li { float:left;width:100%;}

/*TGS影音平台*/
.youtube_txt { float:left; width:100%; line-height:1.8em;}
.youtube_txt h1 {font-size:1.65em; }
.youtube_txt h2 { font-size:1.25em; }

.youtube_video {float:left; width:100%;}

/*2C_C 首頁YOUTUBE*/
.youtube_2c_c_area {float:left; width:100%;}

/*線上影音*/
.video { width:96%; padding-left:2%; }
/*.video_mv { height:300px; }*/

/*logo 輪播區*/
.logo_banner li {float:left; width:32%;}

/*頁尾*/
#footer { float:left; width:100%;margin-top:1.5em; text-align:center; font-size:0.9em; padding:0.5em 0; }
/*#footer img { width:15%;}*/

/*次頁*/
.table_txt {font-size:0.75em;}


/*次頁-新聞*/
.news_photo { margin:auto; margin-bottom:1em; width:90%; }/*圖片寬700px*/

/*次頁-內容*/
.content_photo ul {margin:0; paddin:0; list-style:none; margin-left:-2%;}
.content_photo li {float:left; width:90%; padding-left:3%;}
.content_photo img {width:100%;}

.content_photo1 img {width:90%;}

/*次頁-主視覺*/
.vision { float:left; width:90%; margin-left: auto; margin-right:auto;}
.vision-railing { float:left; width:100%;}
.vision-list ul { float:left;width:100%;  margin:0; padding:0;}
.vision-list li { float:left; list-style: none;width: 100%; padding-right:2%; padding-bottom:2%;}

/*次頁-桌遊樂園*/
.bg_area ul { margin-left:1%;}
.bg_area li {float: left;width: 93%;padding-right: 1%;padding-left: 1%;padding-bottom: 2%;}


/*次頁-媒體合作夥伴*/
.media_partnership { clear:both;float:left; margin:0 3%;width:94%;}
.media_partnership ul { width:100%;list-style:none; padding:0; margin:0; }
.media_partnership li { float:left; width:31%; margin-right:1.5%; margin-bottom:3%;}


/*次頁-Indie Game Ward評審*/
#jury ul {width:100%;padding:0; margin:0; margin-left:1.5%;}
#jury li {float:left;display:inline-block;list-style:none; width:45%; padding-right:5%; }

/*次頁-Indie Game Ward 得獎名嘽*/

.iga-winlist {
	flex-wrap:wrap;
	}

.iga-winleft {
	flex-basis:100%;
	}
.iga-winright { 
	margin:1.5em 0 0 0 ;
	flex-basis:100%;
	}


}