@charset "utf-8";

/*layout*/
#updatePage{overflow:hidden;background-image:url(../img/inner_BG.jpg); background-color:#090c11;}

@media (max-width:765px){
	body,html{ overflow-x:hidden; min-width:100%;}
	html{overflow-y:scroll;}
	body{overflow:hidden; background-image:url(../img/mobile/BG.jpg);background-size:100%;background-position:center top; background-color:#020000;}
	#updatePage{overflow:hidden;background-image:url(../img/mobile/BG.jpg); background-color:#000;}
}
/*main*/
#updatePage #homePage .logo a{width:162px; height:106px; background-size:100%; top:5px; z-index:999;}
#updatePage #homePage > h1{width:356px; height:182px; background-size:100%; margin:20px auto 0px auto;}
#updatePage #homePage > h2{overflow:hidden; z-index: 10; position:relative; width:313px; height:248px; background-image:url(../img/text_update.png); line-height:99999; margin:0 auto; background-size:100%;}
#updatePage #homePage #m_link,#m_RO_logo{display:none;}
#updatePage #homePage #RO_logo a{margin-top:-120px; margin-left:-28px;}
#updatePage #homePage > ul{ width:98px; height:198px; margin-left:0; left:30px; top:120px;}
#updatePage #homePage > ul > li > a{width:100px; height:100px; background-size:100%; z-index:999;}
#updatePage #homePage .registered{top:0;}
#updatePage #homePage .donwload{bottom:0;}
#updatePage #homePage .ch_center{background-image:url(../img/ch_inner.png); width:1000px; height:515px; position:absolute; left:176px; top:70px; z-index:0;}
#updatePage #homePage .ch_proing_01{ top:40px; left:375px; }
#updatePage #homePage .ch_proing_02{ top:50px; right:420px;}
#updatePage #homePage .ch_01{right:40px; bottom:auto; top:380px; z-index:10; transform:scale(0.8);}
#updatePage #homePage .ch_02{left:5px; bottom:auto;top:360px; z-index:10; transform:scale(0.7);}
@media (max-width:765px){
	#updatePage #homePage .logo a{width:22%; background-size:100%; height:1.45rem; top:-0.15rem; left:0.2rem;}
	#updatePage #homePage > h1{width:50%; height:2.5rem; margin:0.4rem auto;}
	#updatePage #homePage > h2{width:45%; height:3.8rem; background-image:url(../img/mobile/text_update.png);  margin:0 auto;}
	#updatePage #homePage #m_link,#m_RO_logo{display:block;}
	#updatePage #homePage #link,#RO_logo{display:none;}
	#updatePage #homePage > ul{ position:fixed; width:100%; height:1.5rem; background-color:rgba(180,57,44,0.95); left:0; margin-left:0; top:auto; bottom:0; z-index:999; color:#fff; font-size:0;}
	#updatePage #homePage .registered{top:0.25rem;}
	#updatePage #homePage .donwload{bottom:auto;width:2.2rem;}
	#updatePage #homePage .ch_center{background-image:url(../img/mobile/ch_update.png);width:90%;left:5%;top:2.5rem;}
	#updatePage #homePage .ch_01,#updatePage #homePage .ch_02,#updatePage #homePage .ch_proing_02{display:none;}
	#updatePage #homePage .ch_proing_01{ width:1.6rem; height:1.4rem; top:1.5rem; left:0.6rem; transform: scale(1.0);}
}
/**link**/
#updatePage .link{height:150px; top:10px; right:30px;}
.link > a.link_billing{margin-bottom:5px;}
@media (max-width:765px){
	#updatePage .link{height:2rem; top:-0.15rem; right:0.2rem; }
	#updatePage .link > a:nth-child(1){position:absolute; width:100%; background-color:#b4392c; height:0.75rem; line-height:0.75rem; border-radius:0.75rem;font-size:0.3rem;top:0;left:0;}
	#updatePage .link > a:nth-child(1),#updatePage .link > a:nth-child(3),#updatePage .link > a:nth-child(4){transform: scale(0.75);}
	#updatePage .link > a:nth-child(3){left:0.15rem;bottom:0.2rem;}
	#updatePage .link > a:nth-child(4){right:0.15rem;bottom:0.2rem;}
	.link > a.link_billing{margin-bottom:0;}
}

/**updatePage**/
#updat_content{ position:relative; width:1920px; margin:25px 0 0 -278px; background-image:url(../img/inner_content_top.jpg); padding:70px 0 0 0; color:#D4D4D4;}
#updat_content .tab{font-size:0; width:818px; height:145px; margin:0 auto; z-index:9999; position:relative;}
#updat_content .tab a{background-image:url(../img/tab_off.png);display:inline-block;height:145px;overflow:hidden;text-indent:-9999px; transition:all 0.1s ease;}
#updat_content .tab a:nth-child(1){width:160px;background-position:left top;}
#updat_content .tab a:nth-child(2){width:163px;background-position:-160px top;}
#updat_content .tab a:nth-child(3){width:166px;background-position:-323px top;}
#updat_content .tab a:nth-child(4){width:164px;background-position:-489px top;}
#updat_content .tab a:nth-child(5){width:164px;background-position:right top;}
#updat_content .tab a:hover{filter:brightness(1.2);}
#updat_content .tab a.now{background-image:url(../img/tab_on.png);}
#updat_content .tab_content{ position: relative; width:818px; margin:20px auto; font-size:16px; text-align:center;}
@media (max-width:765px){
	#updat_content{ width:100%; margin:0 auto; background-image:none; padding:0.4rem 0 0 0; }
	#updat_content .tab{width:90%;height:2rem;}
	#updat_content .tab a{background-size:507%;height:100%;}
	#updat_content .tab a:nth-child(1){width:1.788rem;background-position:0.02rem top;}
	#updat_content .tab a:nth-child(2){width:1.8rem;background-position:-1.8rem top;}
	#updat_content .tab a:nth-child(3){width:1.8rem;background-position:-3.6rem top;}
	#updat_content .tab a:nth-child(4){width:1.8rem;background-position:-5.44rem top;}
	#updat_content .tab a:nth-child(5){width:1.8rem;background-position:-7.27rem top;}
	#updat_content .tab_content{ width:90%; margin:-0.5rem auto 1rem; font-size:16px; text-align:center;}
}

/**content**/
.tab_content > section > ul,.inner_tab_content div ul{ display:block; position:relative; width:554px;font-size:0px;margin:50px auto 30px 40px;}
.tab_content > section > ul > li,.inner_tab_content div ul li{display:inline-block; font-size:16px; background-color:#2e2e2e; padding:20px 0;margin-bottom:2px; text-align:center;}
.tab_content > section > ul > li:nth-child(odd),.inner_tab_content div ul li:nth-child(odd){color:#ff7a79; width:150px; margin-right:2px;}
.tab_content > section > ul > li:nth-child(even),.inner_tab_content div ul li:nth-child(even){color:#B1B1B1; width:400px;}
.tab_content > section > p{color:#aa874b; width:550px;text-align: left;margin:0 0 0 40px; line-height:1.5;}
.tab_content > section > div.inGame,.inner_tab_content div.inGame{width:740px; background-color: #191919; padding-bottom:20px; color:#B1B1B1;border:5px solid #2a2a2a; margin:70px auto; }
.tab_content div.inGame,.inner_tab_content div.inGame{text-align:center;}
.tab_content div.inGame span,.inner_tab_content div.inGame span{display: block; width:90%; margin:20px auto 0 auto; line-height:1.5;text-align:left;}
.tab_content div.inGame em{color:#ff7a79; font-style: normal;}
.tab_content div.inGame > img,.inner_tab_content div.inGame > img{width:100%;border-bottom:5px solid #2a2a2a;}
.tab_content div.inGame > div{display: inline-block; width:18%; height:270px;  border:3px solid #2a2a2a; overflow: hidden; margin-top:20px; box-sizing: border-box;vertical-align:top;}
.tab_content div.inGame > div > span{ width:70%; margin:8px auto; font-size:14px; text-align:justify; text-indent:-11px; margin-left:18%;}
.tab_content .arrow{width:22px;height:22px;background-image:url(../img/arrow.png); margin:-50px auto 20px auto; }
/*t_01*/
.tab_content .t_01 .ch{background-image:url(../img/inner/t_01_ch_01.png); width:160px; height:268px;position:absolute; right:50px;top:0px;}
@media (max-width:765px){
	.tab_content .t_01 .ch{display:none;}
	.tab_content > section > ul,.inner_tab_content div ul{  width:100%; font-size:0px; margin:0.8rem auto;}
	.tab_content > section > ul > li,.inner_tab_content div ul li{font-size:0.3rem; padding:0.4rem 0;margin-bottom:0.04rem;}
	.tab_content > section > ul > li:nth-child(odd),.inner_tab_content div ul li:nth-child(odd){ width:2rem; margin-right:0.04rem;}
	.tab_content > section > ul > li:nth-child(even),.inner_tab_content div ul li:nth-child(even){width:6rem;}
	.tab_content > section > p{width:90%; margin:0 auto; font-size:0.35rem;}
	.tab_content > section > div.inGame,.inner_tab_content div.inGame{width:90%; padding-bottom:0.2rem; border:0.2rem solid #2a2a2a; margin:1rem auto; }
	.tab_content div.inGame span,.inner_tab_content div.inGame span{ margin:0.2rem auto 0 auto; font-size:0.35rem;}
	.tab_content div.inGame > div{width:3.5rem; height:6.5rem; margin-top:0.4rem; box-sizing:border-box;}
	.tab_content div.inGame > div:nth-child(5){margin-bottom:0.8rem;}
	.tab_content div.inGame > div > img{width:100%;}
	.tab_content div.inGame > div > span{ width:70%; margin:0.2rem auto; font-size:0.3rem;}
}
/*t_02*/
.tab_content .t_02 > ul,.inner_tab_content div ul{margin:50px auto 30px auto;}
.tab_content .tableBox{ display:block; width:750px; margin:0 auto 100px auto; }
.tab_content .tableBox table{display:none;}
.tab_content .tableBox.table_01{background-image:url(../img/inner/t2_tabe_01.jpg); height:500px;}
.tab_content .tableBox.table_02{background-image:url(../img/inner/t2_tabe_02.jpg); height:245px;}
.tab_content .tableBox.table_03{background-image:url(../img/inner/t2_tabe_03.jpg); height:388px;}
.tab_content .tableBox.table_04{background-image:url(../img/inner/t2_tabe_04.jpg); height:220px;}
.tab_content .tableBox.table_05{background-image:url(../img/inner/t2_tabe_05.jpg); height:369px;}
.tab_content .tableBox.table_06{background-image:url(../img/inner/t2_tabe_06.jpg); height:288px;}
.tab_content .tableBox.table_07{background-image:url(../img/inner/t2_tabe_07.jpg); height:288px;}
.tab_content .tableBox.table_08{background-image:url(../img/inner/t2_tabe_08.jpg); height:388px;}
.tab_content .tableBox.table_09{background-image:url(../img/inner/t2_tabe_09.jpg); height:573px; margin-bottom:100px;}
@media (max-width:765px){
	.tab_content .tableBox{ width:95%; margin:0 auto 1rem auto;}
	.tab_content .tableBox.table_01{height:5.8rem;}
	.tab_content .tableBox.table_02{height:2.8rem;}
	.tab_content .tableBox.table_03{height:4.5rem;}
	.tab_content .tableBox.table_04{height:2.5rem;}
	.tab_content .tableBox.table_05{height:4.3rem;}
	.tab_content .tableBox.table_06{height:2.5rem;}
	.tab_content .tableBox.table_07{height:2.5rem;}
	.tab_content .tableBox.table_08{height:4.5rem;}
	.tab_content .tableBox.table_09{height:6.5rem; margin-bottom:0;}
}

/*t_03*/
.inner_tab{border-bottom:3px solid #aa0000; margin:80px auto; font-size:0;}
.inner_tab br{display:none;}
.inner_tab > a{display:inline-block; font-size:18px; font-weight:600; padding:20px 30px; margin-right:4px; background-color:#242b54; color:#636886; border-radius:20px 20px 0 0;}
.inner_tab > a:hover{color:#8f97c2; background-color:#2f386e;}
.inner_tab > a.now{background-color:#aa0000; color:#fff;}
.t_03 .inGame.step{margin:0 auto;}
.t_03 .inGame.step img{border-bottom:none; margin-bottom:-22px;}
.t_03 .inGame.step p{display:none;}
@media (max-width:765px){
	.inner_tab{margin:0.8rem auto 0.5rem auto;}
	.inner_tab br{display:block;}
	.inner_tab > a{font-size:0.3rem; width:2rem; padding:0.2rem 0.4rem; border-radius:0.2rem 0.2rem 0 0;}
	.t_03 .inGame.step img{margin-bottom:-0.4rem;}
}
/*t_04*/
.tab_content .t_04 > h3,.tab_content .t_05 > h3{font-size:20px; font-weight:500; margin:50px auto -10px auto;}
.tab_content .t_04 > h2,.tab_content .t_05 > h2{font-size:32px; color:#ff7a79; margin:20px auto 50px auto;}
.tab_content ul.props{width:754px;margin:2px auto; display: table;}
.tab_content ul.props li{margin-right:2px; display:table-cell;}
.tab_content ul.props li:nth-child(1){width:120px;}
.tab_content ul.props li:nth-child(2){width:424px;}
.tab_content ul.props li:nth-child(3){width:200px;}
.tab_content ul.props.t_head{background-color:#2e2e2e; }
.tab_content ul.props.t_head li{color:#ababab;}
.tab_content ul.props.t_body{background-color:#fff; color:#ababab;}
.tab_content ul.props.t_body li{background-color:#fff; color:#828282; vertical-align:middle; line-height:1.5;font-size:14px;}
.tab_content ul.props.t_body li em{font-size:18px; font-weight:800; font-style:normal; color:#2e2e2e;}
.tab_content ul.props.t_body li:nth-child(2){text-align:left;box-sizing:border-box;padding:20px; border-left:2px solid #2e2e2e; border-right:2px solid #2e2e2e;}
@media (max-width:765px){
	.tab_content ul.props{width:90%; display: block;}
	.tab_content ul.props li{margin-right:2px; display:inline-block;}
	.tab_content ul.props li:nth-child(1){width:100%;}
	.tab_content ul.props li:nth-child(2){width:100%;}
	.tab_content ul.props li:nth-child(3){width:100%;}
	.tab_content ul.props.t_head{display:none;}
	.tab_content ul.props.t_body{background-color:rgba(0,0,0,0.00);margin:1rem auto;}
	.tab_content ul.props.t_body li{background-color:#fff; color:#828282; vertical-align:text-top; line-height:1.5;}
	.tab_content ul.props.t_body li em{ display: block; width:100%; text-align:center; margin:-5px auto;}
	.tab_content ul.props.t_body li:nth-child(2){padding:0.4rem 0.5rem; border-left:none; border-right:none;}
	.tab_content ul.props.t_body li:nth-child(3){background-color:#2e2e2e; color:#fff;}
	.tab_content ul.props.t_body li:nth-child(3)::before{content:'所需秀發茲榮譽之證數量 : ';}
}

/*t_05*/
.tab_content ul.card{width:750px; margin:1px auto;display:table;}
.tab_content ul.card li{height:210px;display: table-cell; vertical-align:middle;}
.tab_content ul.card li:nth-child(1){width:200px;}
.tab_content ul.card li:nth-child(2){width:468px;line-height:1.5; padding:20px 40px; text-align:left;border-left:1px solid #000;}
.tab_content ul.card li:nth-child(2) em{font-size:20px; color:#ff7a79;  font-style:normal; font-weight:600;}
@media (max-width:765px){
	.tab_content ul.card{width:90%;margin-bottom:1rem;display: block;}
	.tab_content ul.card > li > img{width:100px;}
	.tab_content ul.card li{height:auto; width:100%;display:block;border-left:none;}
	.tab_content ul.card li:nth-child(1){width:100%;}
	.tab_content ul.card li:nth-child(2){width:100%;box-sizing: border-box; padding:0.4rem; }
	.tab_content ul.card li:nth-child(2) em{display: block; width:100%; font-size:0.4rem; margin:-0.1rem auto -0.2rem auto; text-align: center;}
}
/*tip*/
.tip{text-align:center; margin:80px auto; font-size:20px; background-color:#ff7a79; width:750px; padding:10px 0; font-weight:600; }
@media (max-width:765px){
	.tip{width:85%; font-size:0.4rem;margin:2rem auto;}
}