/* CSS Document */
@import url(/css/button.css);			/*GT平台按鈕*/
@import url(/css/item-box.css);			/*卡片網格樣式)*/
@import url(/include/i_GTrank.css);		/*排行榜共用樣式*/

/* =================全域設訂================= */
html,body {/*master.css有預設項目*/ -webkit-text-size-adjust:none;/*iPhone旋轉後 文字不要放大*/ /*background:url(../images/bg_repeat.jpg) center top repeat-y;*/ }

/*改變iphone電話號碼顏色樣式*/
/*a[href^=tel] { color:#0FF; }*/
body {background: #030 url(../images/bg.jpg) center top repeat;}
*{ margin:0; padding:0; box-sizing:border-box; text-decoration:none; }

/*外層框架*/
.wrapper { line-height:27px; font-size:16px; background:url(../images/headerBg.jpg) center top no-repeat; color:#FFF;/*全頁面文字顏色*/ }

/*容器基本框架*/
.container { width:950px; }


/* =================頁首設定================= */
/*天*/
.header { }
	.header__title { font-size:3em; color:#fff; font-weight:bold; text-align:center; padding-top:60px; margin:0 auto; }
	.header__title p { font-size: 0.5em; line-height:2em; }
.header > .container { position:relative; height:750px; }

/*logo*/
.header-logo {
	position: absolute;
	width: 204px;
	height: 144px;
	display: block;
	margin-top: 30px;
	margin-left: 857px;
	z-index: 99;
	background: url(../images/logo.png) no-repeat;
	left: -493px;
}
	.header-logo a { display:block; width:100%; height:100%; }

.header-motorcycle {
	position: absolute;
	display: block;
	width: 622px;
	height: 565px;
	background: url(../images/motorcycle.png);
	left:300px;
	top: 280px;
}

.header-slogan {
	position: absolute;
	display: block;
	width: 748px;
	height: 326px;
	background: url(../images/slogan.png);
	left: 220px;
	top: 50px;
	}


/*回到GT官網、滿貫官網按鈕*/
.header-btn { position:absolute; display:block; width:150px; height:50px; margin-top:42px; margin-left:555px; text-align:center; cursor:pointer;/* 滑鼠手指 */
	text-decoration:none; padding:6px 0; color:#000; font-weight:bold; font-size:108%; text-shadow:1px 1px 5px #FFF; border-radius:10px; 
	border:3px solid #FFF; box-shadow:1px 1px 10px #000;
	background: #fffc00; /* Old browsers */
	background: -moz-linear-gradient(top, #fffc00 0%, #ff6b02 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #fffc00 0%,#ff6b02 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #fffc00 0%,#ff6b02 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffc00', endColorstr='#ff6b02',GradientType=0 ); /* IE6-9 */
	}
	.header-btn a { display:block; width:100%; height:100%; }
	.header-btn:hover { text-decoration:none;
		background: #ff6b02; /* Old browsers */
		background: -moz-linear-gradient(top, #ff6b02 0%, #fffc00 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #ff6b02 0%,#fffc00 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #ff6b02 0%,#fffc00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6b02', endColorstr='#fffc00',GradientType=0 ); /* IE6-9 */
		}

/*兩排文字時的上下間距*/
.header-btn a span { display:inline-block; vertical-align:middle; line-height:17px; }




/* =================內容設定================= */
.content { /*background:url(../images/bg_bottom.jpg) center bottom no-repeat;*/ }
.content > .container{ padding-bottom:75px; }
	.container ol { margin-left:52px; margin-bottom:20px; }

/*h1 {預設隱藏}*/
/*h2 {未設保留}*/
/*h3_內容大標*/
.title-main{ padding:4px 10px; margin:22px 0 20px 0; /*font-size:120%; font-weight:bold;*/ }
.title-main img { display:block; margin:0 auto; padding:0; }

/*h4_內容小標*/
.title-sub { font-size:120%; color:#fff; display:inline-block; padding:5px 14px; margin:0 0 5px 0; font-weight:bold; border-radius:30px 0px 0px 30px;
	background: -moz-linear-gradient(left, rgba(158,0,1,1) 0%, rgba(158,0,1,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(158,0,1,1) 0%,rgba(158,0,1,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(158,0,1,1) 0%,rgba(158,0,1,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9e0001', endColorstr='#009e0001',GradientType=1 ); /* IE6-9 */
}
p img{ display:block; margin:0 auto; }

a.link { color:#FF0; text-decoration:underline; transition:all .3s; }
a.link:hover{ color:#F00; }

/*回到頁面頂部*/
.gotoheader { width:60%; margin:30px auto 0px auto; 
	background: -moz-linear-gradient(left, rgba(158,0,1,0) 0%, rgba(158,0,1,1) 50%, rgba(158,0,1,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(158,0,1,0) 0%,rgba(158,0,1,1) 50%,rgba(158,0,1,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(158,0,1,0) 0%,rgba(158,0,1,1) 50%,rgba(158,0,1,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009e0001', endColorstr='#009e0001',GradientType=1 ); /* IE6-9 */
	}
.gotoheader a { display:block; color:#fff; font-size:130%; font-weight:bold; line-height:34px; text-align:center; text-decoration:none;
	letter-spacing:2px;/*字中間間距*/ }
	.gotoheader a:hover { color:#FF0; }


/*卡片網格樣式(未設則使用預設項目)*/
/*/Action/css/item-box.css有預設項目*/
/*卡片背景色*/
.item {}
/*卡片文字列背景色*/
.item p{}
/*滿版用*/
.col-full {}

/*2等分*/
.col-half {}
/*3等分*/
.col-3 {}
/*4等分*/
.col-4 {}
/*5等分*/
.col-5 {}

/*表格設定*/
.table { word-break:break-all; border:5px solid #b40026; border-collapse:collapse; border-spacing:0; margin:20px 0; }
.table th { color:#fff; text-align:center; font-size:17px; font-weight:bold; padding:5px; border:1px #cccccc solid; }
.table td { color:#000; background:#fff; text-align:center; line-height:24px;  padding:5px; border:1px #cccccc solid; }

/*滿版*/
.table-full {/*master.css有預設項目*/ width:88%; margin:10px auto; }

/*table 2等分*/
.table-half {/*master.css有預設項目*/ width:55%; float:none; margin:10px auto; }

/*雙色表格*/
.table-striped tr:nth-child(odd) { /*master.css有預設項目*/ background:rgba(14,238,238,.8); }

/*表格樣式：改顏色在這邊*/
.table-head th { /*master.css有預設項目*/
	background: #ff0000; /* Old browsers */
	background: -moz-linear-gradient(top, #ff0000 0%, #64001c 79%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ff0000 0%,#64001c 79%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ff0000 0%,#64001c 79%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#64001c',GradientType=0 ); /* IE6-9 */
}

/*單獨變色*/
.table .td1 { background:#FFE8CC; }

.table-head th.sub-th { /*master.css有預設項目*/ background:#61adf4; color:#fff; }

.table img { display:block; margin:0 auto; }


/*條列式列表：備註事項或注意事項*/
.list { background:#560c0f; padding:30px 0; }
.list > .container{ padding:0px 40px 0px 40px; }
	.list ol li {  }
	.list li { margin:0 0 3px 0; }
	.list ol { margin-left:52px; }
.list li a { color:#FF0; text-decoration:underline; transition:all .4s; }
.list li a:hover{ color: #F0F; }


/* =================區塊樣式================= */	
/*.boxA { position:relative; margin:0 auto; }
	.boxA--size{ width:90%; padding:30px; margin:10px auto; line-height:26px; }
	.boxA--color{ background-color:#181818; border:2px solid #2c2c2c; }
	.boxA h3{ padding-left:10px; }
	.boxA p	{ font-size:95%;}*/

.boxA { position:relative; margin:0 auto; }
	.boxA--size{ width:100%; padding:10px; margin:0px auto 25px auto; text-align:center; }
	.boxA--color{ background-color:rgba(0,0,0,0.3); border:2px solid #c9242c; border-radius:15px; }
		

/*===================排行榜按鈕===================*/
.content__main__rankBtn { position:relative; width:50%; margin:15px auto 40px auto; }	
/*一排兩顆*/
.content__main__rankBtnB { position:relative; width:90%; margin:15px auto 40px auto; overflow:auto; }

.content__main__rankBtn a, .content__main__rankBtnB a { display:block; text-align:center; margin:0 auto; font-weight:bold; font-size:120%;
	cursor:pointer;/* 滑鼠手指 */ text-decoration:none; line-height:32px; border-radius:50px; color:#fff; border:2px solid #f20087; padding:10px 0;
	background: rgb(227,0,127); /* Old browsers */
	background: -moz-linear-gradient(top, #e3007f 0%, #55002f 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #e3007f 0%,#55002f 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #e3007f 0%,#55002f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3007f', endColorstr='#55002f',GradientType=0 ); /* IE6-9 */
	}

/*寬度控制*/
.content__main__rankBtn a { width:100%; height:100%; }
.content__main__rankBtnB a { width:31.5%; height:100%; float:left; margin:0 5px; }

.content__main__rankBtn a:hover, .content__main__rankBtnB a:hover { text-decoration:none;
	background: rgb(85,0,47); /* Old browsers */
	background: -moz-linear-gradient(top, #55002f 0%, #e3007f 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #55002f 0%,#e3007f 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #55002f 0%,#e3007f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55002f', endColorstr='#e3007f',GradientType=0 ); /* IE6-9 */
	}

/*兩排文字時的上下間距*/
.content__main__rankBtn a span, .content__main__rankBtnB a span { display:inline-block; vertical-align:middle; line-height:24px; letter-spacing:2px; }

/*圖片按鈕*/
.content__main__btnC { position:relative; width:100%; margin:0 auto; overflow:auto;display:flex; justify-content:center; flex-wrap: wrap;}
	.content__main__btnC > .activity_btn { width:24%; float:left; margin:7px 6px; text-align:center;}
	.activity_btn img { display:block; margin:0 auto; width:100%; }
	.activity_btn a img:hover { filter:brightness(120%); -webkit-filter:brightness(120%); /*調高圖片亮度；可以使用%的百分比控制、也可以使用0至1的數字控制*/ }

/*=============== 影片內容 =====================*/
.video-box{
   position: relative;
	width:65%; top: 47%;
	margin-left: 30%;
	right:0;
	z-index:9999;
	background-color:rgba(0, 0, 0, 0.91);
	border-radius: 6px;
	margin-bottom:20px;
	}
.video-container {}
.video-box p{ text-align:center; margin-bottom:5px;}
.video-box a{
	color: #6CF;
	border: 1px solid #6CF;
	border-radius: 4px;
	padding:3px 6px;
	}

.video-container {
    position: relative;
	border-radius: 6px;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
	margin:0 auto;
	width:95%;
	margin-bottom:10px;
}
.video-box p{ text-align:center; margin-bottom:10px;}
.video-box a{ padding:8px 6px}
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
}


/* =================RWD區塊顯示控制================= */
.RwdPcData		{ border:10px double #ff6600; background:url(/Action/images/DataPcTitle.png) right top no-repeat; }
.RwdMobileData	{ border:10px double #008080; background:url(/Action/images/DataMobileTitle.png) right top no-repeat; }
.RwdIngameData	{ border:10px double #3b5998; background:url(/Action/images/DataInGameTitle.png) right top no-repeat; }