@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;
}

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:#eb6c76; 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; right:-4rem; background-color:rgba(255,240,230,0.9);}
	header.open{right:0rem;}
	#hamburger{display:block; position:absolute; width:1rem; height:1rem; left:-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; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg);}
	#hamburger.move span:nth-child(2){ width:0;}
	#hamburger.move span:nth-child(3){ top: 0.5rem; transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
	.bar{width:100%; height:100%; margin:0 auto; font-size:0.4rem; border:1px solid rgba(255,240,230,0.80);}
	.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*/
#content_01{width:100%; height:853px; box-sizing: border-box; background-image:url('../img/bg_01.jpg'); background-position: center top;}
#content_01 h1{ display: block; width: 428px; height:466px; overflow:hidden; line-height:9999; background-image: url(../img/title.png);top: 120px;margin: 0 auto; z-index:99;}
#content_01 h1 a{display: block; background-image:url(../img/ro_logo.png); width:101px; height: 64px; position: absolute; left:160px; top:45px;}
.left_girl,.little_girl,.right_girl{position: absolute;z-index:0;}
.left_girl{background-image: url(../img/RO_girl.png);width: 603px;height:785px;left:-100px;top:125px; }
.right_girl{background-image: url(../img/IA_girl.png); width: 541px;height:839px; top:94px; right:-75px;}
.little_girl{background-image: url(../img/little_girl.png);width:161px;height:174px; top:100px; left:330px; }
#content_01 .event_text{background-image: url(../img/event_text.png); width: 435px;height: 130px;overflow: hidden;line-height: 999;margin:0px auto; top:140px;}
#content_01 .nav{background-image: url(../img/btn.png); width: 1136px;height:116px; margin:200px auto 0 auto; z-index:99}
#content_01 .nav .poli{display: inline-block; position: absolute; left: 50%; top: -25px; margin-left: -112.5px; width: 225px; height: 131px; background-image: url(../img/poli.png);}
#content_01 .nav a{display:inline-block; width:22%; height:100%; font-size:28px; font-weight: 500; font-style: normal; color: white;text-align:center;box-sizing:border-box;letter-spacing:3px;}
#content_01 .nav a:hover{filter:brightness(1.1);}
#content_01 .nav a:nth-child(2){line-height:120px; padding-left:45px;}
#content_01 .nav a:nth-child(3){line-height:120px; padding-right:30px;}
#content_01 .nav a:nth-child(4){font-size:26px; padding-left:70px; padding-top:26px; margin-left:95px;}
#content_01 .nav a:nth-child(4) em{font-size:16px;}
#content_01 .nav a:nth-child(5){font-size:20px; font-weight:600; line-height:1.5; padding-top:26px}
#content_01 .nav a:nth-child(5) em{font-size:18px;}

@media (max-width:765px){
	#content_01{height:auto; box-sizing: border-box;background-size:275%;background-position:center top;}
	#content_01 h1{ background-size:100%; width:50%;height:5.86rem;top:3.5rem;}
	#content_01 h1 a{width:1.2rem; height:0.8rem; position: absolute; left:38%; top:0.8rem; background-size:100%;}
	#content_01 .event_text{background-image: url(../img/m_event_text.png); background-size:100%; width:80%;height:4rem; top:3.2rem; z-index: 99;}
	.little_girl{background-image: url('../img/m_poli.png');background-size:100%;background-repeat:no-repeat;width:35%;height:3rem;left:32.5%; top:1rem;z-index:99;}
	.left_girl,.right_girl{background-size:100%;}
	.left_girl{width:70%;height:11.5rem; top:0.5rem;left:-20%;}
	.right_girl{width:62%;height:13rem; top:-0.1rem;right:-20%;}
	#content_01 .nav .poli{display:none;}
	#content_01 .nav{background-image:none; width:95%; height:2.5rem; margin:3.6rem auto -0.002rem auto; font-size:0;padding-left:4%; position:relative;}
	#content_01 .nav a{width:45%; background-image:url('../img/m_btn_bg.png'); background-size: 100%; height:1.2rem; font-size:0.4rem; }
	#content_01 .nav a:nth-child(2){line-height:1.1rem; padding-left:0; position:absolute; top:0; left:3.2%; }
	#content_01 .nav a:nth-child(3){line-height:1.1rem; padding-right:0; position:absolute; top:0; right:3.2%;}
	#content_01 .nav a:nth-child(4){line-height:1.1rem; font-size:0.4rem; position:absolute; padding-left:0; padding-top:0; margin-left:0; left:3.2%; bottom:0;}
	#content_01 .nav a:nth-child(4) br{display: none;}
	#content_01 .nav a:nth-child(4) em{font-size:0.3rem; font-weight:normal;margin-left:0.1rem;}
	#content_01 .nav a:nth-child(5){ font-size:0.3rem; padding-top:0.2rem; line-height:1.2; position:absolute; right:3.2%; bottom:0;  }
	#content_01 .nav a:nth-child(5) em{font-size:0.22rem; font-weight:normal;}
}


/*content_02*/
#content_02{ background-image:url(../img/bg_02.jpg);background-repeat:repeat;z-index:88;padding-top:165px;text-align: center;}
#content_02 .outer > h3{ width:750px; height:63px;  background-image:url('../img/title_01.png');background-repeat:no-repeat;overflow: hidden;line-height: 999;display:inline-block;}
#content_02 .time{display: inline-block;background-image: url(../img/box_01.png); width:1312px; height:547px;box-sizing: border-box;margin:-20px auto 101px auto;}
#content_02 .time h3{display: block; height:0px; overflow: hidden;}
.time_01,.time_02,.time_03{display: inline-block; width:246px;height: 311px; overflow: hidden;text-indent:-9999px;margin-top:95px;}
.time_01{background-image: url(../img/time_01.png);margin-left:50px;}
.time_02{background-image: url(../img/time_02.png); margin-left:20px;}
.time_03{background-image: url(../img/time_03.png); margin-left:20px;}
@media (max-width:765px){
	#content_02{padding-top:3.5rem;margin-top:-3rem;}
	#content_02 .outer{overflow:visible; height:auto;}
	#content_02 .outer > h3{ width:90%; height:1rem; background-size:100%;z-index: 888; margin:0 auto 3rem 0;}
	#content_02 .time{background-image:none; width:90%; height:auto;box-sizing: border-box;margin:-2.5rem auto 2.5rem auto; background-color: #f9bdbd; border-radius:0.4rem; border:0.1rem solid #f9ece4;}
	.time::before{ content: ''; display:block;position: absolute; width:40%; height:8rem; background-image: url('../img/m_boy.png');background-size:100%; background-repeat: no-repeat;top:1.3rem;left:-5%;}
	.time_01,.time_02,.time_03{background-size:100%; width:40%; height:5.2rem; margin-top:0; }
	.time::after{content: ''; position: absolute; display:block;background-size:100%; background-repeat: no-repeat; background-image: url('../img/m_f_poli.png'); width:25%;height:3rem; top:2.4rem; right:2%;}
	.time_01{ position: absolute; top:0.5rem;left:30%;margin-left:0;}
	.time_02{ margin-left:0;margin-top:3rem; margin-bottom:0.8rem; left:-21%;}
	.time_03{ margin-left:0;position:absolute;right:7%;top:5.3rem;}
}

/*content_03*/
#content_03{ color: #3d3d3d; height:1100px; text-align: center; background-image: url(../img/bg_03.jpg);background-repeat: repeat;}
#content_03 h3{ display: inline-block; background-image: url(../img/title_02.png); width: 393px; height:69px; overflow: hidden;line-height:99999; margin:72px 0 60px 0; }
.center_girl{background-image: url(../img/girl_02.png); width:321px;height:766px;margin:20px auto 0 auto;background-size:98%;}
.step_01,.step_02{display: block;  width:490px; height:728px; position: absolute; font-size:26px; line-height: 1.4; font-weight: 500; box-sizing: border-box;padding: 110px 50px 50px 50px; text-align: justify; top:240px; transform:scale(0.9)}
.step_01{background-image: url(../img/SET1.png); left:81px;}
.step_01 ul li{font-size:20px; font-weight:400; margin:40px 20px ;list-style:disc;color:#7d5b55;}
.step_01 ul li .important{background-color:yellow;}
.step_02{background-image: url(../img/SET2.png); right:81px;}
.step_02 .item_01{ background-image: url(../img/item_01.png); background-position: center top; width:245px;height:210px; margin:70px auto; padding-top:240px; font-size:22px; font-weight:500; color: #58a3e1;text-align: center;}
@media (max-width:765px){
	#content_03{height:15rem;}
	#content_03 .outer{overflow:visible;}
	#content_03 h3{background-size:100%;width:50%; height:1rem; top:0.98rem; left:18%; margin:0;z-index:88; }
	.center_girl{background-size:98%; width:40%; height:10rem; left:3%; top:-3rem; margin:0; z-index:0;}
	.step_01,.step_02{ width:47%; height:10rem; position: absolute; background-size:100%; background-position: center top; font-size:0.3rem; padding: 1.1rem 0.4rem 1.2rem 0.4rem; top:3rem; transform:scale(1); z-index:99;}
	.step_01{left:2%;}
	.step_01 ul li{font-size:0.26rem; margin:0.4rem 0.4rem;z-index:88;position: relative;}
	.step_02{right:2%;}
	.step_02 .item_01{width:90%; height:4rem; padding-top:3.8rem; font-size:0.3rem; z-index:88; background-size: 100%; margin:1rem auto;}
	.step_01::after,.step_02::after{content:''; display: inline-block; width:97.8%; height:5.3rem; background-color:white; position: absolute;left: 0; top:4.6rem;z-index: 0; -webkit-border-bottom-right-radius:0.2rem; -webkit-border-bottom-left-radius:0.2rem;-moz-border-radius-bottomright:0.2rem; -moz-border-radius-bottomleft:0.2rem; border-bottom-right-radius:0.2rem; border-bottom-left-radius:0.2rem;-webkit-filter: drop-shadow(12px 12px 7px rgba(235,108,118,0.6)); filter: drop-shadow(0px 5px 0px rgba(235,108,118,0.6)); border:0.05rem solid #f9ece4;border-top:none;}	
}

/*content_04*/
#content_04{
	background-image: url(../img/bg_02.jpg); background-repeat: repeat;text-align: center; padding-bottom:20px;
}
#content_04 h3{display: inline-block; background-image: url(../img/title_03.png); width: 1030px; height: 165px; overflow: hidden;line-height:9999;margin-top:72px;}
#content_04 .gift{ width:1102px; margin:10px auto 150px auto; padding:68px 10px 48px 10px; background-color: #f9bdbd; border:3px solid #f9ece4; border-radius:30px;}
.table_01,.table_02,.table_03{display: inline-block; width:898px; overflow: hidden; line-height:9999;}
.table_01{background-image: url(../img/table_01.png); height: 275px;}
.table_02{background-image: url(../img/table_02.png); height:335px;}
.table_03{background-image: url(../img/table_03.png); height:508px; }
.moster_01{background-image: url(../img/moster_01.png); width:237px; height:294px; position:absolute; right:80px; bottom:-200px; background-size:100%;}
@media (max-width: 765px){
	#content_04 .outer{overflow: visible;}
	#content_04 h3{ background-image: url(../img/m_title_03.png); background-size:100%; width:95%; height:2rem; margin-top:1rem;}
	#content_04 .gift{ width:100%; margin:-1.8rem auto 1.8rem auto; padding:0; background-color:transparent; border:none;}
	.table_01,.table_02,.table_03{ width:92%; background-size:100%;margin-bottom:-0.6rem; -webkit-filter: drop-shadow(12px 12px 7px rgba(235,108,118,0.6)); filter: drop-shadow(0px 5px 0px rgba(235,108,118,0.6));}
	.table_01{ height:2.7rem;}
	.table_02{ height:3.3rem;}
	.table_03{ height:5.4rem;}
	.moster_01{background-size:100%; width:30%; height:4rem; left:35%; bottom:auto; margin:-0.8rem 0 -1.6rem 0; position: relative;}
}
/*content_05*/
#content_05{background-image: url(../img/bg_03.jpg); background-repeat: repeat;text-align: center;}
#content_05 h3{ background-image: url(../img/title_05.png); width:1003px; height:247px; overflow: hidden; display: inline-block;line-height:999;margin:70px 0 0 0;}
#content_05 .event_list{display: inline-block; width:1000px; height:900px; background-color:#fff; margin-top:-5px; border:6px solid #f9ece4; text-align: justify; box-sizing: border-box; padding:50px 100px 0 100px; font-size:18px;line-height:1.5;}
.event_list{margin: 0px; padding: 0px;}
.event_list > li{margin-bottom: 20px; list-style: decimal-leading-zero; padding-left:5px;}
.event_list> li > ul {margin:10px 0px 10px 25px;}
.event_list> li > ul > li{list-style:disc; color: #7d5b55;}
.event_list b{border-bottom:4px solid yellow;}
.event_list i,.event_list a{ font-style: normal; color: #C83C3E;}
.event_list::after{ content:''; position: relative; margin-left:-210px; margin-bottom:70px; display: inline-block; width:1184px; height: 203px; background-image: url(../img/title_05_bottom.png); background-repeat: no-repeat;}
@media (max-width: 765px){
	#content_05{overflow:visible;}
	#content_05 h3{ background-image:url('../img/m_title_05.png'); background-size:100%; width:97%; height:4.8rem; margin:-1em 0 0 0.4rem;}
	#content_05 .event_list{ width:91.2%; height:auto;  margin-top:-0.9rem; margin-bottom:2rem; border:0.06rem solid #f9ece4; padding:0.8rem 10% 0 15%; font-size:0.5rem; 
		-webkit-border-bottom-right-radius:0.2rem; -webkit-border-bottom-left-radius:0.2rem;-moz-border-radius-bottomright:0.2rem; -moz-border-radius-bottomleft:0.2rem; border-bottom-right-radius:0.2rem; border-bottom-left-radius:0.2rem;-webkit-filter: drop-shadow(12px 12px 7px rgba(235,108,118,0.6)); filter: drop-shadow(0px 5px 0px rgba(235,108,118,0.6));}
	.event_list > li{margin-bottom:0.45rem; padding-left:0.04rem;}
	.event_list > li:nth-child(1){text-align:left;}
	.event_list> li > ul {margin:0.2rem 0px 0.2rem 0; font-size:0.4rem;}
	.event_list> li > ul > li:nth-child(2){margin-top:0.2rem;}
	.event_list b::after{content: ''; display:block; width:100%;height:0.2rem;}
	.event_list i,.event_list a{ font-style: normal; color: #C83C3E;}
	.event_list::after{ display:none;}
}

/*notice*/
#notice{background: #715754; color:#D4D4D4; font-size:14px; font-weight: normal; padding:40px 0px;}
#notice span{margin-left:185px; font-size:20px;font-weight:600; color:#EACC71;}
#notice .tip{list-style:decimal-leading-zero;width:800px; text-align: justify; margin-left:170px; }
#notice .tip li{margin-bottom:10px;line-height:1.5; padding-left:5px;}
#notice .moster_02{background-image: url(../img/moster_02.png);width:250px;height:369px; display: block; position: absolute; bottom:-30px; right:80px;}
@media (max-width:765px){
	#notice{ font-size:0.4rem;padding:1rem 0px;}
	#notice span{margin-left:5%; font-size:0.6rem;}
	#notice .tip{width:76%; text-align: justify; margin-left:5.2%; }
	#notice .tip li{margin-bottom:0.3rem; padding-left:0.05rem;}
	#notice .moster_02{display:none;}
}