@charset "utf-8";
/* CSS Document */
@import url(//fonts.googleapis.com/earlyaccess/notosanstc.css);
*{font-family: 'Noto Sans TC',Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";background-repeat:no-repeat;}
div,h1,section{background-repeat: no-repeat; background-size:100%;}
/*scroll bar*/
body::-webkit-scrollbar { width:5px; height:5px; background-color:#fff;}
body::-webkit-scrollbar-track {background-color:#fff;}
body::-webkit-scrollbar-thumb {background: #666;}
/*gotop*/
#goTop{ display:block; opacity:0; width:40px; height:40px; line-height:40px; font-size:14px; text-align:center; font-weight:500; background-color:#4b608c; border-radius:100%; color:#FFF; position: fixed; z-index:99999; right:200px; bottom:30px; }
#goTop.fade{ opacity:1; }
/*layout*/
body,html{ -ms-text-size-adjust:100%; font-size:14px; -webkit-text-size-adjust:100%; width:100%; min-width:1366px; height:auto; background-size:1920px; margin:0 auto; }
html{overflow-x:hidden;}
body{overflow:hidden;background-image:url(../img/BG.jpg);background-repeat:no-repeat;background-position:center 35px;}

@media (max-width:1366px){
	html{ overflow-x:scroll; }
}
@media (max-width:765px){
	body,html{ overflow-x:hidden; min-width:100%;}
	body{overflow:hidden;background-image:url(../img/mobile/BG.jpg);background-size:100%;background-position:center top; background-color:#020000;}
	#goTop{right:0.2rem;bottom:1.8rem;}
}
/*main*/
#homePage{width:1366px;margin:0 auto;position:relative;}
#homePage .logo a{display:block;background-image:url(../img/RO_logo.png); width:218px; height:141px;position:absolute;top:12px;}
#homePage h1{width:484px; height:248px; background-image: url(../img/title.png); overflow:hidden; line-height:99999; margin:20px auto 20px auto;}
#homePage .event_box > a,#homePage .logo a,#homePage ul li a{text-indent:-999px; overflow:hidden;}
#homePage > ul{ position:absolute; width:780px; height:157px; left:50%; margin-left:-390px; top:70px;}
#homePage > ul > li > a{width:151px; height:155px; display:inline-block;overflow:hidden;position:absolute; transform:scale(0.9);}
#homePage > ul > li > a:hover{transform:scale(0.95);}
#homePage .registered{background-image:url(../img/btn_register.png); left:0;}
#homePage .donwload{background-image:url(../img/btn_donowload.png); right:0;}
#homePage .ch_center{background-image:url(../img/ch.png); width:918px; height:584px;margin: 0 auto 88px auto;}
#homePage .ch_proing_01,#homePage .ch_proing_02,#homePage .ch_01,#homePage .ch_02{position:absolute;}
#homePage .ch_proing_01{background-image:url(../img/porling_01.png); width:133px; height:93px; top:270px; left:435px;}
#homePage .ch_proing_02{background-image:url(../img/porling_02.png); width:76px; height:70px; top:300px; right:445px;}
#homePage .ch_01{background-image: url(../img/ch_02.png); width:145px; height:188px;right:-120px; bottom:100px;}
#homePage .ch_02{background-image:url(../img/ch_03.png); width:180px; height:185px;left:-150px; bottom:90px;}
@media (max-width:765px){
	#homePage{width:100%;}
	#homePage .logo a{width:22%; background-size:100%; height:1.45rem; top:-0.3rem; left:0.2rem;}
	#homePage h1{width:56%;height:3rem; margin:0.5rem auto 0.2rem auto;}
	#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;}
	#homePage > ul > li > a{width:25%;  height:100%; line-height:1.5rem; transform:scale(1); text-indent:0; text-align:center;}
	#homePage > ul > li > a:hover{transform:scale(1);}
	#homePage .registered,#updatePage #homePage .registered{background-image:none; font-size:0.5rem; left:0.4rem; top:0.25rem; height:1rem; width:35%; background-color:#fff; color:#b4392c; border-radius:1.2rem; line-height:1rem; font-weight:600; }
	#homePage .donwload,#updatePage #homePage .donwload{background-image:none; right:3.2rem; font-size:0.45rem;}
	#homePage .ch_center{background-image:url(../img/mobile/ch.png); width:98%; height:6.5rem;margin: 0 auto 0 auto;}
	#homePage .ch_proing_01{width:1.2rem; height:1rem; top:3rem; left:2.5rem;}
	#homePage .ch_proing_02{width:0.8rem; height:1rem; top:3.2rem; right:2.8rem;}
	#homePage .ch_01{width:1.2rem; height:1.5rem;right:0.2rem; bottom:3.2rem;}
	#homePage .ch_02{width:1.1rem; height:1.3rem;left:0.3rem; bottom:3.3rem;}
}
/**link**/
.link{position:absolute; width:128px; height:110px; top:50px; right:45px; text-align:center;}
.link > a.link_billing{background-color:#b4392c; width:100%; display:inline-block; text-align:center;height:40px; line-height:40px; border-radius:40px; color:#fff; letter-spacing:2px; font-size:16px;}
.link > a.link_billing:hover{background-color:#b32121;}
.link > a.link_fb,.link > a.link_baha{width:50px; height:50px; background-size:100%; position:absolute; bottom:0; text-indent:-9999px;}
.link > a.link_fb{background-image:url(../img/icon_fb.png); left:10px;}
.link > a.link_baha{background-image:url(../img/icon_baha.png);right:10px;}
@media (max-width:765px){
	.link{width:2.1rem;height:1.8rem;top:-1rem;right:0.4rem;}
	.link > a.link_billing{position:fixed; bottom:0; z-index:9999; background-color:transparent; width:2.5rem; height:1.5rem; line-height:1.5rem; letter-spacing:0; font-size:0.45rem; right:0.5rem; border-radius:0;}
	.link > a.link_billing:hover{background-color:transparent; }
	.link > a.link_fb,.link > a.link_baha{width:0.95rem; height:0.95rem; background-size:100%;}
	.link > a.link_fb{background-image:url(../img/mobile/icon_fb.png); left:0;}
	.link > a.link_baha{background-image:url(../img/mobile/icon_baha.png);right:0;}
}
/**event**/
#homePage .event_box{background-image:url(../img/bg_btn.png); width:187px; height:619px; position:absolute; text-align:center; box-sizing:border-box; padding:14px 0;}
#homePage .event_box.box_01{top:190px; left:15px;}
#homePage .event_box.box_02{top:190px; right:15px;}
#homePage .event_box a{ display:inline-block; position:relative; width:153px; height:110px; background-repeat:no-repeat; overflow:hidden; margin:0 0 7px 0; transition:all 0.2s ease; -webkit-transition:all 0.2s ease;}
#homePage .event_box a:hover{filter:brightness(1.1); background-position:center 2px; }
#homePage .event_box a.soon:hover{filter:brightness(1.0); background-position:center center; }
#homePage .event_box a.soon::after{content:'敬請期待'; text-shadow: #fff 0px 2px, #fff 2px 0px, #fff -2px 0px, #fff 0px -2px, #fff -1.4px -1.4px, #fff 1.4px 1.4px, 
#fff 1.4px -1.4px, #fff -1.4px 1.4px;  display:block; opacity:0; position:absolute; width:100%; height:99.9%; line-height:110px; color:#172434; text-indent:0; left:0; top:0; background-color:rgba(112,176,255,0.85); border-radius:20px; font-size:16px; font-weight:500; letter-spacing: 2px; transition:all 0.5s ease;}
#homePage .event_box a.soon:hover::after{opacity:0.95;}
#homePage .event_box a.link01{background-image:url(../img/btn_01.png);}
#homePage .event_box a.link02{background-image:url(../img/btn_02.png);}
#homePage .event_box a.link03{background-image:url(../img/btn_03.png);}
#homePage .event_box a.link04{background-image:url(../img/btn_04.png);}
#homePage .event_box a.link05{background-image:url(../img/btn_05.png);}
#homePage .event_box a.link06{background-image:url(../img/btn_06.png);}
#homePage .event_box a.link07{background-image:url(../img/btn_07.png);}
#homePage .event_box a.link08{background-image:url(../img/btn_08.png);}
#homePage .event_box a.link09{background-image:url(../img/btn_09.png);}
#homePage .event_box a.link10{background-image:url(../img/btn_10.png);}
@media (max-width:765px){
	#homePage .event_box{position:relative; background-image:none; width:98%; height:3.82rem; padding:0;font-size:0;}
	#homePage .event_box.box_01{top:auto; left:1%; margin-top:-2.3rem;}
	#homePage .event_box.box_02{width:100%; top:0; right:auto; height:3rem;}
	#homePage .event_box a{background-size:100%; width:2.3rem; height:1.7rem; margin-right:0.15rem;margin-bottom:0.2rem;}
	#homePage .event_box a.soon::after{border-radius:0.2rem; font-size:0.35rem; line-height:1.7rem; text-shadow: #fff 0px 0.04rem, #fff 0.04rem 0px, #fff -0.04rem 0px, #fff 0px -0.04rem, #fff -0.04rem -0.04rem, #fff 0.04rem 0.04rem, 
#fff 0.04rem -0.04rem, #fff -0.04rem 0.04rem;}
	#homePage .event_box a.link01{background-image:url(../img/mobile/btn_01.png);}
	#homePage .event_box a.link02{background-image:url(../img/mobile/btn_02.png);}
	#homePage .event_box a.link03{background-image:url(../img/mobile/btn_03.png);margin-right:0;}
	#homePage .event_box a.link04{background-image:url(../img/mobile/btn_04.png);float:left;margin-left:1.3rem;}
	#homePage .event_box a.link05{background-image:url(../img/mobile/btn_05.png);float:left;}
	#homePage .event_box a.link06{background-image:url(../img/mobile/btn_06.png);position:absolute; top:-1.93rem; right:1.22rem;}
	#homePage .event_box a.link07{background-image:url(../img/mobile/btn_07.png);}
	#homePage .event_box a.link08{background-image:url(../img/mobile/btn_08.png);}
	#homePage .event_box a.link09{background-image:url(../img/mobile/btn_09.png);}
	#homePage .event_box a.link10{background-image:url(../img/mobile/btn_10.png);margin-right:0;}
}
/*footer*/
footer{background-color:#fff;}