@charset "utf-8";
/* CSS Document */
@import url(//fonts.googleapis.com/earlyaccess/notosanstc.css);
/*type*/
div,h1,h2,h3,h4,h5,h6{background-position:center center;position: relative; background-repeat: no-repeat;}
section h2{text-indent:-9999px;}
section h2::after,section h2::before{ position:absolute; width:83px; height:83px; content: ""; background-image:url('../img/title_img.png'); top:5px;}
section h2::after{left:10px;}
section h2::before{right:10px;}
em{font-style: normal;}
/*layout*/
*{font-family: 'Noto Sans TC',Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";background-repeat:no-repeat;}
a{overflow:hidden;text-indent:-9999px;}
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;}
@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;}
section{width:100%;}
section h2::after,section h2::before{ width:0.75rem; height:0.75rem; content: ""; background-size:100%; top:0.05rem;}
section h2::after{left:0.1rem;}
section h2::before{right:0.1rem;}
}
/*header*/
#menu{ display:block; width:100%; font-size:0; top:0;height:80px;position:fixed;background-color:rgba(61,19,20,0.9); z-index:100; color:#fff; text-align:center;line-height:80px;}
#menu a{display:inline-block; width:300px; line-height:80px; text-indent: 0; padding:0 20px; margin-right:0px;font-size:20px; font-weight:600;}
#menu a b{ width:auto; font-size:10px; border-radius:20px; margin-right:10px; display:inline-block; border:1px solid #fff; height:10px; line-height:10px; letter-spacing:2px; padding:5px 10px; vertical-align:middle;font-weight:400;}
#menu a:hover{background-color:rgba(0,0,0,1.0);}
#menu.after{display:none;}

@media (max-width:1024px){
  #menu a{width:28%; font-size:14px;}
}

@media (max-width:765px){
  #menu{height:1.5rem;}
  #menu a{font-size:0.3rem; width:auto; height:100%; padding:0; line-height:1.5; box-sizing:border-box; font-weight:500; width:auto; height:100%; vertical-align:top;}
  #menu a:nth-child(1),#menu a:nth-child(2){width:2.4rem; padding:0.28rem 0.5rem;}
  #menu a:nth-child(2){width:2.5rem;}
  #menu a:nth-child(3){ width:5rem; line-height:1.5rem;}
  #menu a b{display:none;}
  #menu a:hover{background-color:inherit;}
}

/*content_01*/
.logo{position:absolute;left:0px; top:-40px; display:block; width:204px; height:146px; background-size:100%; background-image:url('../img/RO_logo.png');}
#rosPage .logo{background-image:url('../img/ros_logo.png');}
a.fb,a.baha{ position:absolute; display:block; top:-50px; width:60px; height:60px; border:3px solid #ffc97e; background-position:center center; background-color:#c34041; box-sizing: border-box;}
a.fb{background-image:url(../img/icon_fb.png); right:0px; }
a.baha{background-image:url(../img/icon_baha.png); right:70px; background-size:70%;}
#content_01{ position:relative; width:100%; text-align:center; background-image:url('../img/bg_01.jpg'); background-position: center top; margin-top:0; padding:68px 0 0 0;}
#content_01 h1{ display:inline-block; width:516px;height:256px;background-image:url(../img/title.png); overflow:hidden; text-indent:-300%;}
#content_01 .link{width:329px; height:49px;font-size:0;margin:35px auto 46px auto;}
#content_01 .link a{display:inline-block; background-image:url(../img/btns.png); width:50%; height:100%;}
#content_01 .link a:nth-child(1){background-position:left center;}
#content_01 .link a:nth-child(2){background-position:right center;}
#content_01 .link a:hover{ filter: brightness(1.1);}
.dog{width:483px;height:435px; z-index:10; background-image:url(../img/dog.png); margin-left:465px; }
.ch_01{ position:absolute; top:130px; left:145px; width:347px;height:663px;background-image:url(../img/ch_01.png);}
.ch_02{ position:absolute; top:200px; right:140px; z-index:2; width:386px; height:571px; background-image:url('../img/ch_02.png'); }
.flying{ position:absolute; z-index: 0; right:-10px; top:35px; width:279px;height:283px;background-image:url(../img/Flying.png); animation-duration:2s;animation-iteration-count: infinite;animation-name: fly; animation-timing-function: ease-in-out; }
.btn_ro,.btn_ros{width:303px;height:138px;position:absolute; filter:brightness(0.7); top:680px;background-size:100%;z-index: 20;}
.btn_ro{background-image:url('../img/btn_ro.png');left:150px;}
.btn_ros{background-image:url('../img/btn_ros.png'); right:150px;}
.nowpage,.btn_ros:hover,.btn_ro:hover{filter:brightness(1.0);}
@keyframes fly {
  0% {
    top:35px;
  }
  50% {
    top:45px;
  }
  100% {
    top:35px;
  }
}

@media (max-width:765px){
.logo{left:39.5%; top:0.3rem; width:21%; height:2rem;z-index:88;}
a.fb,a.baha{ top:0.3rem; width:1rem; height:1rem; border:0.05rem solid #ffc97e;}
a.fb{right:0.2rem; background-size:25%;}
a.baha{right:1.4rem; background-size:65%;}
#content_01{padding:0 0 0 0;background-image:url('../img/m_bg_01.jpg');background-size:100%;}
#content_01 h1{ width:65%; height:3.8rem; background-size:100%; margin-top:1.8rem;z-index:10;}
#content_01 .link{width:4.3rem; height:0.6rem; margin:0rem auto 1.2rem auto;z-index:88; }
#content_01 .link a{ width:49%; height:100%; background-image:none; text-indent:0; font-size:0.3rem; color:#fff; border:0.08rem solid #ffda92; text-align:center; line-height: 0.6rem; vertical-align:top;}
#content_01 .link a:nth-child(1){background-color:#de494d;border-radius:0.6rem 0 0 0.6rem;border-right:0;}
#content_01 .link a:nth-child(2){background-color:#663f34;border-radius:0 0.6rem 0.6rem 0; margin-left:-4%; border-left:none;}
#content_01 .link a:hover{ filter: brightness(1.1);}
.dog{ width:52%; height:5.5rem; background-position:center top; margin-left:25%; margin-top:3rem;  background-size:100%; background-image:url('../img/m_dog.png'); }
.ch_01{position:absolute; top:5.2rem; left:1%; width:44%; height:9rem; background-size:100%; z-index:2; }
.ch_02{position:absolute; top:6.2rem; right:1%; z-index:2; width:48%; height:8rem;  background-size:100%; }
.flying{ position:absolute; z-index: 0; right:65%; top:0.2rem; width:30%; height:3rem; transform:scaleX(-1); background-size:100%; opacity:0.5; }
@keyframes fly {
  0% {
    top:2px;
  }
  50% {
    top:12px;
  }
  100% {
    top:2px;
  }
}
.btn_ro,.btn_ros{width:40%;height:1.8rem; top:12.5rem;background-size:100%;z-index: 20;}
.btn_ro{left:3%;}
.btn_ros{right:3%;}
.nowpage{filter:brightness(1.0);}
}
/*content_02*/
#content_02,#content_03{ position:relative; text-align:center; width:100%; background-size:1920px;  background-attachment: fixed; background-image:url('../img/bg_02.jpg'); background-position:center top; background-color:#c94649; margin-top:-100px; border-top:8px solid #ffd98e; border-bottom:8px solid #ffd98e; padding-top:180px;}
#content_02 > div > span,#content_03 > div > span{ margin:0 auto ; font-size:16px; padding:10px 20px; color:#fff; background-color:#763c7a; border-radius:20px;}
#content_02 h2{background-image:url('../img/title_01.png'); width:940px; height:91px; background-size:595px; display:block; margin:60px auto;}
.event{width:900px; border:10px solid #9a2f30; color:#493c3f; margin:80px auto; padding:5px; background-color:#fff3d9; display:table;}
.event > li{display:table-cell;vertical-align:middle;text-align:justify; font-size:18px; font-weight:500; }
.event > li > em{ font-weight:800;}
.event > li:nth-child(1){ width:200px; height:150px; background-image:url('../img/money.png'); background-size:90%; background-position:center; background-color:#9a2f30; color:#fff; font-size:40px; box-sizing:border-box; padding:50px; font-weight:600; text-align:center;}
.event > li:nth-child(2){box-sizing:border-box; padding:20px; line-height:2;}
.event > li > ol > li{list-style:decimal-leading-zero; margin-left:-8px; line-height:1.5;}
.btn{width:900px; text-align:center;margin:100px auto 100px auto;}
.btn a{display:inline-block; height:97px; background-size:100%;cursor:pointer;}
.btn a:hover{-webkit-transform:scale(0.98);transform:scale(0.98);}
.btn_sign{width:413px; background-image:url('../img/login.png');}
.btn_signout{background-image:url('../img/logout.png');}
.btn_event{width:443px; background-image:url('../img/btn_event.png'); margin-left:20px;}

.box{ display:block; text-align: center; width:1000px; overflow:auto; padding:40px; margin:0 auto; border-radius:30px; background-color:#7d584b; font-size:0;}
.box > div{display:inline-block; vertical-align:top; margin:2px; box-sizing:border-box; padding:15px; background-color:#fff; width:190px; height:190px; border-radius:10px;}
.box > div > span{display:block; font-size:14px; color:#666;}
.box .pic{ width:88px; height:100px; display:block; margin:8px auto; background-size:70%; background-position:center;}
.box > div.today .pic,.box > div.get .pic{width:80px;height:80px; margin:0 auto;}
.item1 .pic{background-image:url('../img/item/item_03.jpg');}
.item2 .pic{background-image:url('../img/item/item_18.jpg');}
.item3 .pic{background-image:url('../img/item/item_12.jpg');}
.item4 .pic{background-image:url('../img/item/item_25.jpg');}
.item5 .pic{background-image:url('../img/item/item_05.jpg');}
.item6 .pic{background-image:url('../img/item/item_01.jpg');}
.item7 .pic{background-image:url('../img/item/item_14.jpg');}
.item8 .pic{background-image:url('../img/item/item_30.jpg');}
.item9 .pic{background-image:url('../img/item/item_33.jpg');}
.item10 .pic{background-image:url('../img/item/item_10.jpg');}
.item11 .pic{background-image:url('../img/item/item_29.jpg');}
.item12 .pic{background-image:url('../img/item/item_10.jpg');}
.item13 .pic{background-image:url('../img/item/item_04.jpg');}
.item14 .pic{background-image:url('../img/item/item_10.jpg');}
.item15 .pic{background-image:url('../img/item/item_32.jpg');}
#rosPage .item1 .pic{background-image:url('../img/item/item_26.jpg');}
#rosPage .item2 .pic{background-image:url('../img/item/item_22.jpg');}
#rosPage .item3 .pic{background-image:url('../img/item/item_13.jpg');}
#rosPage .item4 .pic{background-image:url('../img/item/item_15.jpg');}
#rosPage .item5 .pic{background-image:url('../img/item/item_20.jpg');}
#rosPage .item6 .pic{background-image:url('../img/item/item_21.jpg');}
#rosPage .item7 .pic{background-image:url('../img/item/item_ros_12.png');}
#rosPage .item8 .pic{background-image:url('../img/item/item_31.jpg');}
#rosPage .item9 .pic{background-image:url('../img/item/item_02.jpg');}
#rosPage .item10 .pic{background-image:url('../img/item/item_ros_15.png');}
#rosPage .item11 .pic{background-image:url('../img/item/item_09.jpg');}
#rosPage .item12 .pic{background-image:url('../img/item/item_11.jpg');}
#rosPage .item13 .pic{background-image:url('../img/item/item_17.jpg');}
#rosPage .item14 .pic{background-image:url('../img/item/item_11.jpg');}
#rosPage .item15 .pic{background-image:url('../img/item/item_24.jpg');}

.box > div > button{display:none;}
.box > div.today{border:3px solid #562859;}
.box > div.today > button,.box > div.get > button{ font-family: 'Noto Sans TC',Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; display:block; cursor:pointer; position:relative; width:100px; height:30px; margin:10px auto; border-radius:10px; color:#fff; background-color:#763c7a; border:1px solid #622e66; border-bottom:3px solid #622e66;}
.box > div.today > button::after,.box > div.get > button::after{content:"今日打卡";width:100%;height:100%;position:absolute;left:0; top:0; line-height:26px; font-size:14px; font-weight:300;}
.box > div.today > button:hover{margin:11px auto 0 auto; border-bottom:3px;}
.box > div.get{border:3px solid #333;}
.box > div.get::after{width:100%;height:100%; background-color:rgba(0,0,0,0.2); display:block; position:absolute; left:0; top:0; content:'';}
.box > div.get > button{background-color:#666;border:1px solid #333; border-bottom:3px solid #333; }
.box > div.get > button::after{content:"已領取";}

.bonus{width:1050px; padding:5px; margin:80px auto 40px auto; background-color:#fff3d9; border:8px solid #9a2f30;}
.bonus li{display:inline-block;vertical-align:top; font-size:16px; width:259px; height:270px; padding:20px 0; background-color:#fff;}
.bonus li:first-child{width:100%; height:30px; line-height:30px; margin-bottom:5px; background-color:#9a2f30; color:#fff; font-size:28px; letter-spacing:2px; font-weight:500;}
.bonus li div.item{width:127px;height:127px; margin:15px auto; background-size:100%;}
.bonus li span{font-size:26px; font-weight:600;}
.bonus li a.btn_bonus,.list a{ display:block; width:80px; height:40px; line-height:40px; text-indent:0; background-color:#9a2f30; color:#fff; border-radius:12px; margin:20px auto 0 auto; border:2px solid #87292a; border-bottom:4px solid  #87292a;}
.bonus li a.btn_bonus:hover{margin:22px auto 0;}
.bonus li a.over{background-color:#333; border:4px solid #353535; }
.bonus li a.over:hover{margin:20px auto;}
.day3{background-image:url(../img/item_01.png);}
.day6{background-image:url(../img/item_02.png);}
.day9{background-image:url(../img/item_03.png);}
.day13{background-image:url(../img/item_04.png);}
#rosPage .day3{background-image:url(../img/item_05.png);}
#rosPage .day9{background-image:url(../img/item_06.png);}
#rosPage .day13{background-image:url(../img/item_07.png);}

.tipR{width:100%; text-align:justify; background-color:#73373d; font-size:16px; margin:150px auto 0 auto; padding:60px 0 30px 0;}
.tipR ul,.notice{width:1040px; color:#ffe6e6; margin:0 auto 40px auto; font-weight:300;}
.tipR ul li,.notice li{margin-bottom:5px; text-align:justify; line-height:1.5; }
.tipR ul li b,.notice li b{font-size:24px; color:#fff3d9; font-weight:500;}
.tipR ul li ol li,.notice li ol li{list-style:decimal-leading-zero; margin-left:-15px;}
.tipR ul li ol li a{color:#ffe788;}
.ch_03{ position:absolute; top:600px; width:150px; height:169px; background-image:url(../img/bird.png);}
.ch_04{ position:absolute; width:250px; height:996px; background-size:100%; background-image:url(../img/ch_03.png); top:1800px; right:-50px; z-index: 88; }
#rosPage .ch_04{background-image:url(../img/p_01.png); right:150px; top:2200px; width:200px; height:200px; z-index:5;}
@media (max-width:765px){
#content_02,#content_03{ background-image:none; margin-top:-3rem; border-top:0.15rem solid #ffd98e; border-bottom:8px solid #ffd98e; padding-top:3rem;}
#content_02 > div > span,#content_03 > div > span{ font-size:0.3rem; padding:0.1rem 0.5rem; border-radius:0.4rem; letter-spacing:1px; }
#content_02 h2{ width:86%; height:0.9rem; background-size:65%; display:block; margin:0.8rem auto 1rem auto;}
.event{width:80%; border:0.15rem solid #9a2f30; margin:-0.1rem auto; padding:0.1rem;}
.event > li{display:block;font-size:0.3rem; font-weight:500; }
.event > li:nth-child(1){ width:100%; height:auto; font-size:0.5rem; background-size:100%; padding:0.33rem 0;}
.event > li:nth-child(2){padding:0.3rem 0.4rem; }
.event > li > ol > li{ margin-left:-0.25rem; line-height:1.5;}
.btn{width:88%; text-align:center;margin:0.8rem auto;}
.btn a{height:0.9rem; background-size:auto 100%;cursor:pointer;}
.btn_sign{width:4rem; }
.btn_event{width:4.1rem; margin-left:0;}

.box{ width:90%; overflow:auto; padding:0.4rem 0.2rem; border-radius:0.5rem; vertical-align:middle;}
.box > div{margin:1px; padding:0.5rem 0.35rem; width:2.8rem; height:3.5rem; border-radius:0.2rem;}
.box > div > span{font-size:0.3rem; }
.box > div > span.name{width:100%; height:2em; margin:0.1rem auto; }
.box > div.today,.box > div.get{padding:0.3rem 0.35rem;}
.box .pic{ width:60%; height:1.2rem; display:block; margin:0.2rem auto; background-size:65%;}
.box > div.today .pic,.box > div.get .pic{width:55%;height:1rem; margin:0 auto;}
.box > div.today > button,.box > div.get > button{  width:100%; height:0.6rem; margin:0.2rem auto; border-radius:0.5rem; }
.box > div.today > button::after,.box > div.get > button::after{ line-height:0.55rem; font-size:0.3rem;}

.bonus{width:88%; padding:0.1rem; margin:0.5rem auto 1rem auto; border:0.2rem solid #9a2f30;}
.bonus li{font-size:0.33rem; width:4.21rem; height:5.2rem; margin-bottom:0.2rem; padding:0.4rem 0; background-color:#fff; position:relative;}
.bonus li:first-child{height:0.4rem; line-height:0.4rem; margin-bottom:0.2rem; font-size:0.5rem; }
.bonus li:nth-child(4),.bonus li:nth-child(5){margin-bottom:0.1rem;}
.bonus li div.item{width:2rem;height:2.2rem; margin:0.2rem auto;}
.bonus li div.name{width:2.5rem;line-height:1.5;font-size:0.3rem;margin:0 auto;}
.bonus li:nth-child(3) div.name,#roPage .bonus li:nth-child(5) div.name{margin:0.5rem auto 0 auto;}
#rosPage .bonus li:nth-child(5) div.name,#roPage .bonus li:nth-child(2) div.name,#roPage .bonus li:nth-child(4) div.name{width:4rem;margin:0.5rem auto 0 auto;}
.bonus li span{font-size:0.5rem;}
.bonus li a.btn_bonus,.list a{ width:50%; height:0.8rem; line-height:0.8rem; border-radius:0.2rem; margin:0 auto; position:absolute; bottom:0.5rem; left:25%; }
.bonus li a.btn_bonus:hover{margin:0.4rem auto 0 auto;}
.bonus li a.over{background-color:#333; border:4px solid #353535; }
.bonus li a.over:hover{margin:0.4rem auto 0 auto;}

.tipR{width:100%; text-align:justify; background-color:#73373d; font-size:16px; margin:1rem auto 0 auto; padding:1.5rem 0rem;}
.tipR ul,.notice{width:80%; font-size:0.3rem; margin:-0.2rem auto 0.45rem auto; font-weight:400;}
.tipR ul li,.notice li{margin-bottom:0.2rem; text-indent:-0.2rem;  }
.tipR ul li b,.notice li b{font-size:0.5rem; padding-left:0.18rem; font-weight:600;}
.tipR ul li ol li,.notice li ol li{list-style:decimal-leading-zero; margin-left:-0.42rem;text-indent:0;}
.tipR ul li ol li a{color:#ffe788;}
.ch_03,.ch_04,.ch_05,.ch_06{ display:none;}

}


/*content_03*/
#content_03{margin:-5px auto 0 auto;padding-top:100px;}
#content_03 h2{background-image:url('../img/title_02.png'); width:1060px; height:91px; background-size:736px; display:block; margin:60px auto;}
#content_03 .event > li:nth-child(1){ background-size:70%; font-size:30px; line-height:1.3; box-sizing:border-box; padding:30px 20px 35px; letter-spacing:2px; vertical-align:text-top;}
#content_03 .event > li:nth-child(1) span{font-size:16px; font-weight:400; letter-spacing:4px; height:0px; margin-bottom:-12px; display:block; }
#content_03 .event > li:nth-child(2){line-height:1.5;}
#btn_vday {
    display: block;
    position: absolute;
    background-image: url('../img/btn_vday.png');
    width: 190px;
    height: 210px;
    top: -3760px;
    right: 200px;
    background-size: 100%;
    z-index: 100;
    filter: brightness(0.95);
    animation-duration: 0.95s;
    animation-iteration-count: infinite;
    animation-name: kira;
    animation-timing-function: ease-in-out;
}

    #btn_vday:hover {
        filter: brightness(1.0);
        animation: none;
    }

    #btn_vday.move_d {
        position: fixed;
        top: 200px;
        right: 10px;
        bottom: auto;
    }

@keyframes kira {
    0% {
        filter: brightness(0.95);
    }

    50% {
        filter: brightness(1.1);
    }

    100% {
        filter: brightness(0.95);
    }
}
@media (max-width:765px){
#content_03{margin:-0.4rem auto 0 auto;padding-top:0.8rem;}
#content_03 h2{width:94%; height:0.9rem; background-size:74%; display:block; margin:0.8rem auto;}
#content_03 .event >li:nth-child(1) br{display:none;}
#content_03 .event > li:nth-child(1){ width:100%; height:1rem; font-size:0.5rem; background-size:100%; padding: 0; line-height:1rem; letter-spacing:2px;}
#content_03 .event > li:nth-child(1) span{display:inline-block; margin-left:-0.25rem; margin-right:0.2rem;}
}
/*list*/
.list{width:900px; border:10px solid #9a2f30; color:#493c3f; margin:-60px auto 100px auto; padding:5px; background-color:#fff3d9; ;}
.list > h3{background-color: #9a2f30; display:block; margin-top:0;color:#fff; padding:10px 0;  font-size:28px; letter-spacing:2px; font-weight:500;}
.list ul{width:100%;margin-top:-25px;font-size:0;}
.list ul li{margin:2.5px;}
.list ul li:nth-child(odd),.list ul li:nth-child(even){display:inline-block;vertical-align:top; width:445px; font-size:16px; background-color:#fff;padding:10px 0;}
.list ul li:nth-child(odd){font-size:24px; font-weight:600;}
.list ul li:nth-child(1),.list ul li:nth-child(2){background-color:#ffedae;font-size:16px; font-weight:500;}
.list ul li:nth-child(3),#roPage .list ul li:nth-child(5){height:74px; line-height:74px;}
.list ul li span{width:100%;display:block;margin:10px auto;}
.list ul li span img{ width:40px; height:auto;vertical-align:middle; margin-right:10px;}
.list a{width:140px; margin:40px auto;}
.list a:hover{filter:brightness(1.2);}
.list.event2 ul li:nth-child(3),.list ul li:nth-child(7),.list ul li:nth-child(9){height:200px; line-height:200px;}
#rosPage .list.event2 ul li:nth-child(3){height:261px;line-height:261px;}
#rosPage .list ul li:nth-child(5),#rosPage .list ul li:nth-child(7),#rosPage .list ul li:nth-child(9){height:325px;line-height:325px;}

.list ul li:nth-child(5){height:264px; line-height: 264px;}
.note{color:#8d2f45;}
.example{background-color:#fff; margin-top:2.5px; padding:20px; text-align:justify; line-height:1.5;}
.example b{font-size:18px;}
.example ol{margin:2px 0 0 0;}
.example ol li{ margin:0 0 5px -12px;list-style:decimal-leading-zero;}
.ch_05{width:350px;height:563px;background-image:url(../img/ch_04.png); position: absolute; z-index:88; top:1050px; right:80px; background-size:100%;}
.ch_06{width:250px;height:726px;background-image:url(../img/ch_05.png); background-size:100%; position:absolute; z-index:10; top:2580px; right:50px;}
#rosPage .ch_06{background-image:url(../img/p_02.png); width:220px; top:900px; right:190px;}
@media (max-width:1024px){
  #btn_vday.move_d{width:150px;}
}

@media (max-width:765px){
.list{width:79%; border:0.2rem solid #9a2f30; margin:0.4rem auto 1.6rem auto; padding:0.1rem 0.1rem 2rem 0.1rem;}
.list > h3{padding:0.2rem 0;  font-size:0.4rem;}
.list ul{width:100%; margin-top:-0.35rem;}
.list ul li{margin:0.025rem;}
.list ul li:nth-child(odd),.list ul li:nth-child(even){display:inline-block;vertical-align:top; font-size:0.28rem; background-color:#fff; padding: 0;}
.list ul li:nth-child(odd){font-size:0.4rem; font-weight:600; width:28%;}
.list ul li:nth-child(even){height:1.5rem;line-height:1rem; width:70%;}
.list ul li:nth-child(1),.list ul li:nth-child(2){background-color:#ffedae;font-size:0.25rem; height:0.6rem;line-height:0.6rem; font-weight:500;}
.list ul li:nth-child(3),#roPage .list ul li:nth-child(5){height:1.5rem; line-height:1.5rem;}
.list ul li span img{ width:0.4rem; margin-right:0.15rem;}
.list a{width:40%; left:30%; margin:0 auto; font-size:0.4rem;}
.list a:hover{filter:brightness(1.2);}
.list.event2 ul li:nth-child(3),.list ul li:nth-child(7),.list ul li:nth-child(9){height:3.8rem; line-height:3.8rem;}
.list.event2 ul li:nth-child(4),.list.event2 ul li:nth-child(8),.list.event2 ul li:nth-child(10){height: 3.8rem;}
.list.event2 ul li:nth-child(5){height: 5.08rem;line-height: 5.08rem;}
.list.event2 ul li:nth-child(6){height:5.08rem;}

#rosPage .list.event2 ul li:nth-child(3){height:3.8rem;line-height:3.8rem;}
#rosPage .list ul li:nth-child(5),#rosPage .list ul li:nth-child(7),#rosPage .list ul li:nth-child(9){height:6.4rem;line-height:6.4rem;}
#rosPage .list ul li:nth-child(6),#rosPage .list ul li:nth-child(8),#rosPage .list ul li:nth-child(10){height:6.4rem;}
.list ul li:nth-child(5){height:264px; line-height: 264px;}
.example{ font-size:0.3rem; background-color:#fff; margin-top:0.05rem; margin-bottom: 0; padding:0.4rem; text-align:justify; line-height:1.5;}
.example b{font-size:18px;}
.example ol{margin:2px 0 0 0;}
.example ol li{ margin:0 0 5px -12px;list-style:decimal-leading-zero;}
#btn_vday{position:fixed; width:2.4rem; height:2.6rem; background-size:100%; top:4rem; right:0.2rem; bottom:auto;}
#btn_vday.move_d{top:auto; bottom:0.2rem; width:2.4rem;}

    footer {
        padding-bottom: 0.8rem;
    }

}