@charset "utf-8";
/* CSS Document */
@import url(//fonts.googleapis.com/earlyaccess/notosanstc.css);
/* ScrollBar 
::-webkit-scrollbar-track{ -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.0); background-color:rgba(0,0,0,0.0);}
::-webkit-scrollbar{ width:5px; height:0px; background-color:rgba(0,0,0,0.0);}
::-webkit-scrollbar-thumb{ border-radius:0px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #e9609b;}
*/
/*type*/
div,h1,h2,h3,h4,h5,h6{background-position:center center;position: relative; background-repeat: no-repeat;}
em{font-style: normal;}
.outline { 
  text-shadow: #e06067 0px 2px, #e06067 2px 0px, #e06067 -2px 0px, 
    #e06067 0px -2px, #e06067 -1.4px -1.4px, #e06067 1.4px 1.4px, 
    #e06067 1.4px -1.4px, #e06067 -1.4px 1.4px; 
}
@media (max-width:765px){
	.outline { 
  		text-shadow:none;
	}
}
/*layout*/
*{font-family: 'Noto Sans TC',Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";background-repeat:no-repeat;}
body,html{
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%;
	width:100%;	
	min-width:1366px;
	height:auto;
	background-size:1920px;
	margin:0 auto;
}
html{
	color:#666;
	overflow-x:hidden;
	background-image:url('../img/bg_02.jpg'); background-repeat:repeat;
}

body{
	width:100%;
	overflow:hidden;
	background-position:center 376px;
	background-size:1920px;
}
.outer{width:1366px;margin:0 auto;}
section{margin-top:-16px;}
#goTop{ display:block; opacity:0; width:40px; height:40px; line-height:40px; font-size:14px; text-align:center; font-weight:500; background-color:#594941; border-radius:100%; color:#FFF; position: fixed; z-index:99999; right:200px; bottom:30px; }
#goTop.fade{ opacity:1; }

@media (max-width:1366px){
	html{ overflow-x:scroll; }
}

@media (max-width:765px){
	body,html{ overflow-x:hidden; min-width:100%;}
	.outer{width:100%;overflow:visible;}
	#goTop{ right:4px; bottom:4px; }	
}

/*header*/
header{
	width:100%;
	height:70px;
	border-bottom:4px solid #eb6c76;
	font-size:0;
	z-index:999;
	position:fixed;
	background-color:rgba(255,240,230,0.80);
	color:#eb6c76;
	transition:all 0.5s ease;
}
#hamburger{ display:none; }
.bar{width: 1366px; margin:0 auto; font-size:20px;line-height:100%; text-align: center;}
.bar > a{ display: inline-block; position: absolute; z-index:8888; width: 51px; height: 51px; top:10px; overflow: hidden;text-indent:-999px; }
.btn_ro{background-image: url(../img/icon_ro.png); left:0; }
.btn_fb{background-image: url(../img/icon_fb.png); left:72px;}
.btn_baha{background-image: url(../img/icon_baha.png); left:144px;}
.link a{ display: inline-block; height:70px; line-height:70px; padding:0 40px; margin-right:-5px;}
.link a:hover{background-color: #eb6c76; color: #fff0e6;}
.fixedTop{top:0px;}
@media (max-width:765px){
	header{width:4rem; height:100vh; border:none; top:0; left:-4rem; background-color:rgba(255,240,230,0.9);}
	header.open{left:0rem;}
	#hamburger{display:block; position:absolute; width:1rem; height:1rem; right:-1.2rem; margin-left:0; top:0.2rem; cursor:pointer;}
	#hamburger span{ display:inline-block; width:100%; height:0.15rem;position:absolute;border-radius:0.1rem; left:0; background-color:#eb6c76; filter:drop-shadow( 0px 0.04rem 0px white ); }
	#hamburger span:nth-child(1){top:0;}
	#hamburger span:nth-child(2){top:0.4rem;}
	#hamburger span:nth-child(3){top:0.8rem;}
	#hamburger.move{left:50%; margin-left:-0.5rem;}
	#hamburger.move span:nth-child(1){ top:0.5rem; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
	#hamburger.move span:nth-child(2){ width:0;}
	#hamburger.move span:nth-child(3){ top: 0.5rem; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
	.bar{width:100%; height:100%; margin:0 auto; font-size:0.4rem; border:1px solid rgba(255,240,230,0.0);}
	.bar > a{ width:0.8rem; height:0.8rem; top:7.5rem; background-size:100%; }
	.btn_ro{ left:0.5rem; }
	.btn_fb{left:1.6rem;}
	.btn_baha{left:auto; right:0.5rem;}
	.link{margin-top:1.8rem;}
	.link a{ display:block; width:100%; text-align:center; height:1rem; line-height:1rem; padding:0; margin-right:0px; }
	.link a:hover{background-color: #eb6c76; color: #fff0e6;}
}

/*content_01*/
#homePage #content_01{width:100%; height:960px; overflow:hidden; box-sizing: border-box; background-image:url('../img/bg.jpg'); background-position:-8px top;}
#homePage #content_01 h1{ display:block; width:666px; height:316px; overflow:hidden; line-height:9999; background-image: url(../img/img_title.png); top:235px; margin: 0 auto 0 340px; z-index:0;}
#homePage #content_01 a.ro_logo{display: block; background-image:url(../img/RO_logo.png); width:130px; height:130px; position: absolute; left:538px; top:150px; background-size:100%; overflow:hidden; line-height:100; z-index:20;}
#homePage #content_01 a.logo{display: block; background-image:url(../img/ros_logo.png); width:132px; height:130px; position: absolute; left:688px; top:150px; background-size:100%; overflow:hidden; line-height:100; z-index:20;}
#homePage #content_01 .event_text{background-image: url(../img/img_txt.png); width:378px; height:167px;overflow: hidden;line-height:999; margin:0 auto 0 488px; top:260px;}
#homePage #content_01 .ch_01,#content_01 .ch_02,#content_01 .poring,.ch_04,.ch_05{position:absolute;background-size:100%;z-index: 0;}
#homePage #content_01 .poring{display:block; width:190px; height:159px; background-image:url('../img/poring.png'); background-size:100%; right:280px; top:105px;}
#homePage #content_01 .ch_01{display:block; width:550px; height:955px; background-image:url('../img/ch_01.png'); top:88px; left:-90px;}
#homePage #content_01 .ch_02{display:block; width:530px; height:919px; background-image:url('../img/ch_02.png'); top:120px; right:-50px;}
#homePage #content_01 .nav{width:100%;text-align:center;font-size:130px; margin:300px 0 0 0;}
#homePage #content_01 .nav a{display:inline-block; z-index:88; position:relative; vertical-align:text-top; width:230px; height:95px; background-size:100%; background-position:center; overflow:hidden; line-height:100; top:0; }
#homePage #content_01 .nav a.btn_01{background-image: url(../img/btn_01.png);}
#homePage #content_01 .nav a.btn_02{background-image: url(../img/btn_02.png);}
#homePage #content_01 .nav a.btn_03{background-image: url(../img/btn_03.png);}
#homePage #content_01 .nav a.btn_04{background-image: url(../img/btn_04.png);}
#homePage #content_01 .nav a:hover{filter:brightness(1.1);top:-5px;}
#homePage #content_01::after{display:block; content:''; width:100%; height:50px; background-image:url('../img/line.png');background-repeat:repeat-x; z-index:50; position:absolute; top:930px;}

@media (max-width:765px){
#homePage #content_01{height:auto; overflow:hidden; background-image:url('../img/m_bg.jpg'); background-position: center -0.1rem; background-size:100%;z-index:49;position: relative;}
#homePage #content_01 a.ro_logo{width:23%; height:2rem; left:26%; top:1.05rem; margin-left:0; background-size:100%;}
#homePage #content_01 a.logo{width:24%; height:2rem; left:52%; top:1.05rem; margin-left:0; background-size:100%;}
#homePage #content_01 h1{ position: relative; width:72%; height:4rem;background-size:100%; margin:0 auto; top:2.4rem; z-index:30;}
#homePage #content_01 .event_text{background-size:100%; width:48%; height:3.5rem; top:2rem; margin:0 auto;z-index:30;}
#homePage #content_01 .poring{display:none;}
#homePage #content_01 .ch_01{ width:67%; height:15rem; top:4.6rem; left:-1.8rem; background-position: center top;}
#homePage #content_01 .ch_02{width:62%; height:16rem; top:4.6rem; right:-1.6rem;background-position: center top;}
#homePage #content_01 .nav{width:68%;font-size:0.5rem; margin:1.8rem auto 1rem auto;}
#homePage #content_01 .nav a{width:45%; height:1.5rem; top:0; }
#homePage #content_01 .nav a:hover{filter:brightness(1.1);top:-0.05rem;}
#homePage #content_01::after{height:0.5rem; top:12.6rem;background-size:200%;}
}
/*content_02*/
#content_02{ background-image:url('../img/bg_02.jpg'); background-repeat:repeat-y; text-align:center;}
#content_02 h2{display:inline-block; width:1000px; height:80px; line-height:80px; margin-top:100px; color:#fff; letter-spacing:4px; border:8px solid #fef2f2;  border-radius:50px; background-color:#db5a6f; font-weight:500;}
#content_02 h2::after{display:block; height:34px; content:''; background-image:url('../img/img_triangle.png');background-repeat:no-repeat; background-position:center bottom; }
#content_02 h3{display:none;}
#content_02 .time{display:block; height:500px; margin:50px auto 0 auto; text-align:center;}
#content_02 .time > div{display:inline-block; width:297px; height:366px;overflow:hidden;text-indent:-300%;background-size:100%;}
#content_02 .time_01{background-size:100%; background-image:url('../img/date_01.png'); margin-right:30px;}
#content_02 .time_02{background-size:100%; background-image:url('../img/date_02.png'); margin-right:30px;}
#content_02 .time_03{background-size:100%; background-image:url('../img/date_03.png');}
#content_02 .ch_04{display:block; width:136px;height:142px;background-image:url('../img/ch_04.png');bottom:-80px; right:180px;}
@media (max-width:765px){
#content_02{position: relative; z-index:50;margin-top:-0.35rem;}
#content_02 h2{width:90%; height:1rem; line-height:1rem; margin-top:0.6rem; letter-spacing:0.02rem; border:0.1rem solid #fef2f2;  border-radius:1rem; font-size:0.38rem;}
#content_02 h2::after{width:0.5rem; height:1rem;background-size:100%;position: absolute;top:0.28rem;left:4rem;}
#content_02 h3{display:none;}
#content_02 .time{display:block; height:auto; margin:0.4rem auto 0 auto; font-size:0; }
#content_02 .time > div{width:45%; height:6rem;overflow:hidden;text-indent:-800%;background-size:100%;z-index:30;}
#content_02 .time_01{margin-right:0px;margin-left:2%;}
#content_02 .time_02{margin-right:0px;}
#content_02 .time_03{margin-top:0rem;margin-bottom:0.5rem;}
#content_02 .time > div.time_03{width:50%;height:6.7rem;}
#content_02 .ch_04{width:15%; right:1.6rem; z-index: 50; bottom:0.6em; -moz-transform:scaleX(-1); -webkit-transform:scaleX(-1);transform:scaleX(-1);/*IE*/filter:FlipH;}
}

/*content_03*/
#content_03{background-image:url('../img/bg_03.jpg'); background-repeat:repeat; color:rgba(255,255,255,0.9); font-size:14px; padding:0 0 60px 0; text-align: center;overflow:hidden;}
#content_03 h3{background-image:url('../img/title_01.png'); width:300px; height:97px; background-size:100%; display:block; overflow:hidden; line-height:100; margin:65px 0px 75px 200px;}
#content_03 div span{display:none;}
#content_03 .step_01,#content_03 .step_02{ display:block; width:680px; height:176px; margin-left:600px; text-align:justify; box-sizing:border-box;  font-size:18px; color:#fff; letter-spacing:2px;line-height:1.5;}
#content_03 .step_01{background-image:url('../img/step_01.png');padding:25px 70px 0 230px; margin-top:-160px; }
#content_03 .step_02{background-image:url('../img/step_02.png'); padding:10px 60px 0 415px; font-size:16px;}
#content_03 .step_note{background-color:#db5a6f; width:680px; box-sizing:border-box; border:4px solid #fff; border-radius:90px; margin:15px 0 15px 600px; padding:40px 70px; text-align:left; line-height:2; font-size:13px; }
#content_03 .step_note ul li{list-style:disc;list-style-position:outside; font-weight:400;margin-left:10px;}
#content_03 .step_note ul li a{background-color:#ffe27f; display:inline-block; height:20px; line-height:20px; vertical-align:text-bottom; margin-left:10px; color:#201c10; font-weight:500; border-radius:20px; padding:0 10px; }
#content_03 .step_note ul li em,#content_03 .step_02 a{color:#ffe27f;}
#content_03 .step_note ul li ol{margin-left:-35px;}
#content_03 .step_note ul li ol li{list-style:decimal;}
#content_03 .ch_05{background-image:url(../img/ch_05.png);width:550px;height:973px;top:145px;left:66px; background-position:center top;}
.item_01,.item_02{ display:block; overflow:hidden; position:absolute; width:75px; height:75px; font-size:12px; padding:5px 0 0 0; color:#fff; text-align:center;letter-spacing:0; top:45px; background-size:65%; background-color:#fff;}
.item_01{background-image: url('../img/item/item_02.png');left:230px;background-position:center 15px;}
.item_02{background-image: url('../img/item/item_01.png');left:325px;background-position:center 20px;}
.item_02 b,.item_01 b{background-color:#9492e7;display:block;font-weight:400;overflow:hidden;padding-top:5px;margin-top:-10px;}

@media (max-width:765px){
#content_03{font-size:0.4rem; padding:0 0 1.5rem 0;}
#content_03 h3{ width:50%; height:1.5rem; margin:5.4rem auto 0.2rem auto;z-index:50; margin:5.5rem 0 0.3rem 25%; }
#content_03 .step_01,#content_03 .step_02{ width:90%; height:2.8rem; margin-left:5%; font-size:0.3rem; background-size:100%;z-index:50; letter-spacing:1px;line-height:1.4;}
#content_03 .step_01{padding:0.2rem 0.7rem 0 3.2rem;margin-top:0; }
#content_03 .step_02{padding:0.25rem 0.7rem 0 3.2rem; font-size:0.3rem; letter-spacing:1px;}
#content_03 .step_note{width:90%; border:0.08rem solid #fff; border-radius:0.8rem; margin:0.1rem auto;z-index:50; padding:0.8rem 1rem 0.8rem 1.4rem; line-height:1.8; font-size:0.3rem;}
#content_03 .ch_05{background-image:url(../img/m_ch_05.png);background-size:100%;background-position:center top;width:75%;height:15rem;top:-4.5rem;left:1rem;opacity:0.95;}
.item_01,.item_02{display:none;}	
}
/*content_04*/
#content_04{padding:80px 0 100px 0;}
#content_04 h3{background-image:url('../img/title_02.png'); width:521px; height:113px;background-size:90%;margin:0 auto 40px auto;overflow:hidden;line-height:200;}
#content_04 .ch_07{display:block; z-index:50; width:256px; height:368px; background-image:url('../img/ch_07.png'); background-size:100%; margin:-8px auto 0 560px;}
.bouns_01,.bouns_02,.bouns_03,.bouns_04{display:block;vertical-align:top;background-size:100%;overflow:hidden;text-indent:-500%;}
.bouns_01,.bouns_02{width:397px;height:325px;position:absolute;}
.bouns_03,.bouns_04{width:1000px; position:relative; line-height:10000;}
.bouns_01{background-image:url('../img/bonus_01.png');top:200px;left:185px;}
.bouns_02{background-image:url('../img/bonus_02.png');top:200px;right:185px;}
.bouns_03{background-image:url('../img/bonus_03.png');height:496px;margin:0px auto; }
.bouns_04{background-image:url('../img/bonus_04.png');height:781px; margin:0px auto 50px auto;}
@media (max-width:765px){
#content_04{padding:1.5rem 0 1.2rem 0;}
#content_04 h3{ width:85%; height:2rem;background-size:100%;margin:0 auto 0.8rem auto;}
#content_04 .ch_07{ z-index:10; width:60%; height:9rem; background-image:url('../img/m_ch_07.png');  margin:16rem auto 0 15%;}
.bouns_01,.bouns_02{width:85%;height:8rem;z-index:50;}
.bouns_03,.bouns_04{width:85%;z-index:50;background-position:center top;}
.bouns_01{background-image:url('../img/m_bonus_01.png');left:7.5%; top:2.5rem;}
.bouns_02{background-image:url('../img/m_bonus_02.png');left:7.5%; top:10rem;}
.bouns_03{background-image:url('../img/m_bonus_03.png');height:11.5rem;margin:-3.5rem auto 0 auto;}
.bouns_04{background-image:url('../img/m_bonus_04.png');height:8rem;margin:-0.4rem auto 1.2rem auto;}
}
/*content_05*/
#content_05{background-image:url('../img/bg_03.jpg'); background-repeat:repeat; padding:60px 0 100px 0;}
#content_05 h3{background-image:url('../img/title_03.png');width:527px;height:126px;background-size:90%;margin:0 auto 40px auto;overflow:hidden;line-height:200;}
#content_05 ol{counter-reset:list; width:800px; font-size:14px; letter-spacing:1px; text-align:justify; background-color:#db5a6f; color:rgba(255,255,255,0.9); border-radius:90px; padding:70px 80px 70px 120px; border:6px solid #fff;margin:0 auto;}
#content_05 ol > li{list-style:none;line-height:1.5;margin:0 0 10px 0 ; width:75%;}
#content_05 ol > li > a,#content_05 ol > li > b{color:#ffe27f;font-weight:normal;}
#content_05 ol > li:first-child,#content_05 ol > li:nth-child(2),#content_05 ol > li:nth-child(3),#content_05 ol > li:nth-child(4),#content_05 ol > li:nth-child(5),#content_05 ol > li:nth-child(6),#content_05 ol > li:nth-child(7){width:100%;}
#content_05 ol > li::before{counter-increment:list; content: counter(list);display:inline-block; text-align:center;width:22px;height:22px;line-height:22px; border-radius:25px; background-color:#713536; color:#fff; vertical-align:middle;margin:0 10px 0 -33px;font-family:Arial, "sans-serif"; font-size:12px;}
#content_05 ol li ul li{font-size:14px;line-height:1.5;list-style:disc;margin-left:20px;color:#ffe27f;}
#content_05 .ch_06{ background-image:url(../img/ch_06.png);width:558px;height: 465px; position:absolute;z-index:10; right:-95px; top:640px;background-size:90%;}

a.notice{display:block;position:fixed;background-image:url(../img/btn_notice.png);width:73px;height:257px;right:-5px; top:200px;z-index:200;overflow: hidden;line-height:100;}
a.notice:hover{right:0;}
@media (max-width:765px){
#content_05{background-color:rgba(219,90,111,0.55);padding:1rem 0 2rem 0;}
#content_05 h3{width:85%; height:2rem;background-size:100%;margin:0 auto 0.8rem auto;}
#content_05 ol{width:85%; font-size:0.4rem; border-radius:0.8rem; box-sizing: border-box; padding:0.8rem 1rem 0.8rem 1.6rem; border:0.08rem solid #fff;}
#content_05 ol > li{margin:0 0 0.3rem 0 ; width:100%;}
#content_05 ol > li:first-child{text-align:left;word-break: break-all;}
#content_05 ol > li:first-child,#content_05 ol > li:nth-child(2){width:100%;}
#content_05 ol li ul li{font-size:0.3rem;}
#content_05 ol > li:last-child{margin-bottom:7.5rem;}
#content_05 .ch_06{ width:100%;height:9rem; position:absolute;z-index:10; right:-6%; top:inherit; bottom:-1rem; background-size:100%;}
a.notice{width:0.88rem; height:3.6rem; top:0.3rem; background-size:100%; right:0rem;background-position:0.1rem top;}
}
footer{background:#fff;margin-top:-15px;}
/*msg*/
.msg{display:block; height:1em; position:relative;margin:200px auto; width:80%;text-align: center;font-size:18px;}
@media (max-width:765px){
.msg{margin:4.5rem auto;font-size:0.4rem;}
}