@charset "utf-8";
/* CSS Document */
.s1{text-align: center;color: #000;overflow: auto;font-size:25pt; }
.s2{text-align: center;color: #FFF;overflow: auto;font-size:15pt; }
body{ background-color: #0f1226}

.bt {text-indent: -999px;overflow: hidden;cursor:pointer;}
.weap {width: 1000px;margin: 0 auto;position: relative;}
/********************************主外框********************************/

.box00 {width:100%;height: 1531px;background: url(../images/index_bg01.jpg) top no-repeat;}
.box01 {width: 100%;height: 1670px;background: url(../images/index_bg02.jpg)center top no-repeat;}
.box02 {width: 100%;height: 2283px;background: url(../images/index_bg03.jpg)center top no-repeat;}
.box03 {width:100%;height: 1760px;background: url(../images/index_bg04.jpg) top no-repeat;}
.box04 {width:100%;height: 1331px;background: url(../images/index_bg05.jpg) top no-repeat;}
/********************************滑動選單按鈕*******************************/
.bar_menu {width:100%;height:244px;background: url(../images/bt_bar.jpg) top center no-repeat;position: fixed;z-index: 101;}
.btn_bar01{width:500px;height:120px;position:relative;display: block;float: left;z-index: 300;  }
.btn_bar02{width:500px;height:120px;position: relative;display: block;float: left;z-index: 300; }
.btn_bar03{width:500px;height:120px;position: relative;display: block;float: left;z-index: 300; }
.btn_bar04{width:500px;height:120px;position: relative;display: block;float: left;z-index: 300; }


.bt_top{width: 123px;height: 127px;background: url(../images/bt_top.png) top center no-repeat;position: fixed;z-index: 300; float: right; right: 20px; bottom: 50px}
.bt_back{width: 123px;height: 127px;background: url(../images/bt_back.png) top center no-repeat;position: fixed;z-index: 300; float: right; right: 20px; bottom: 170px}
/********************************按鈕*******************************/
.bt_event{width: 269px;height: 288px;background: url(../images/bt_event.png) top center no-repeat;position:absolute;z-index: 100; float:left; margin: 650px 0 0 30px ; }

.bt_logo{width: 489px;height: 337px;position: absolute; margin: 250px 0 0 260px;z-index: 100;background: url(../images/bt_logo.png) top no-repeat;}

.bt_facebook{width:305px;height: 86px;position: absolute; margin: 1150px 0 0 115px;background: url(../images/bt_facebook.jpg) top no-repeat;}
.bt_check{width:647px;height: 186px;position: absolute; margin: 60px 0 0 180px;background: url(../images/bt_check.png) top no-repeat;}
/********************************告白******************************/
.bt_confess{width: 559px;height: 134px;position: absolute; margin: 640px 0 0 240px;background: url(../images/bt_confess.png) top no-repeat;}
.bt_more{width: 353px;height:130px;position: absolute; margin: 2120px 0 0 330px;background: url(../images/bt_more.jpg) top no-repeat;}

.list_confess{width: 850px;height: 1080px;margin: 1040px 0 0 75px;position: absolute;column-count: 1;  overflow: hidden;}
.list_confess02{width: 860px;margin: 460px 0 0 80px;position: absolute;column-count: 1;}


.box_confess{width: 850px;background: #080e24; box-sizing: border-box;border: 4px solid transparent; -webkit-border-image: url(i/icon_border.png) 2 2 stretch;border-image: url(../images/icon_border.png) 2 2 stretch;position: relative;margin-bottom:20px;padding-bottom: 40px;break-inside: avoid; display: block;}

.box_confess_height{height:340px;}
.box_confess_height p {display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;word-break: break-all;position: absolute;height: 200px;}

.box_confess h4{ background: #101c48;line-height: 60px;padding: 0 15px;font-size: 30px;color: #fffcba;font-weight: 400;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.box_confess p {margin:15px 20px 20px 20px;font-size:26px;line-height: 50px;color:#f0d37a;;padding-top:5px;word-break: break-all;}
.box_confess b {background:#bf1363;padding:5px 10px;border-radius: 5px;color: #fff;font-weight: 400;margin:5px 10px 0 0;}
.box_confess span {display: inline-block;margin-left:25px;color: #fff;font-size:25px;line-height: 20px;}
.box_confess span a {display: inline-block;width: 18px;height: 18px;background: url(../images/icon_like.png);float:left;cursor: pointer;margin-right:3px;}
.box_confess span a.dislike {background: url(i/icon_dislike.png);}

.box_confess .dolike {position: absolute;right: 10px;bottom: 10px;}
.box_confess span a { display: inline-block;width: 18px;height: 18px;background: url(../images/icon_like.png); float: left;cursor: pointer;margin-right: 3px;}


/********************************swiper 滑動輪播廣告 ******************************/
.swiper_box{top:540px;}
.swiper-pagination-wrapper{width:1000px; height:610px; margin:0 auto; position: relative;}
.swiper-pagination .swiper-pagination-bullet {width:268px !important;height: 234px !important;border-radius:0%!important;text-indent: -999px;overflow: hidden; margin: 0 0 60px 0!important}

.swiper-pagination1 .swiper-pagination-bullet:nth-child(1){background: url(../images/bt_dress01_r.png) no-repeat;opacity: 1}
.swiper-pagination1 .swiper-pagination-bullet-active:nth-child(1){background: url(../images/bt_dress01.png) no-repeat;}
.swiper-pagination1 .swiper-pagination-bullet:nth-child(2){background: url(../images/bt_dress02_r.png) no-repeat;opacity: 1}
.swiper-pagination1 .swiper-pagination-bullet-active:nth-child(2){background: url(../images/bt_dress02.png) no-repeat;}
.swiper-pagination1 .swiper-pagination-bullet:nth-child(3){background: url(../images/bt_dress03_r.png) no-repeat;opacity: 1}
.swiper-pagination1 .swiper-pagination-bullet-active:nth-child(3){background: url(../images/bt_dress03.png) no-repeat;}
.swiper-pagination1 .swiper-pagination-bullet:nth-child(4){background: url(../images/bt_dress04_r.png) no-repeat;opacity: 1}
.swiper-pagination1 .swiper-pagination-bullet-active:nth-child(4){background: url(../images/bt_dress04.png) no-repeat;}
 .swiper-pagination1 .swiper-pagination-bullet:nth-child(5){background: url(../images/bt_dress05_r.png) no-repeat;opacity: 1}
.swiper-pagination1 .swiper-pagination-bullet-active:nth-child(5){background: url(../images/bt_dress05.png) no-repeat;}
 .swiper-pagination1 .swiper-pagination-bullet:nth-child(6){background: url(../images/bt_dress06_r.png) no-repeat;opacity: 1}
.swiper-pagination1 .swiper-pagination-bullet-active:nth-child(6){background: url(../images/bt_dress06.png) no-repeat;}


.swiper-container { width:949px;height: 572px;margin:0 auto;position:relative;overflow: hidden;list-style: none;z-index: 1;border:#dcbe62  2px solid ;background-color: #000000}
.swiper-slide {text-align: center;font-size: 18px; padding-top: 2px}

/********************************vote 按鈕******************************/
.box_vote{height: 51px;top:240px; left:90px;position:absolute;z-index:10 }
.bt_like{width: 232px;height: 51px;position: absolute; margin:0px 0 0 0px;background: url(../images/bt_like.jpg) top no-repeat;}
.vote_number{width: 130px;height: 51px;position: absolute;margin: 5px 0 0 20px;float: left;z-index: 1;}

.box_vote ul{display: block;margin:0; padding:0;list-style: none;}
.box_vote li{float: left;width: 232px;height: 51px;position: relative;margin: 0px 20px 250px 20px ; list-style: none;}
.box_vote li a {display: block}

.box_vote02{height: 51px;top:540px; left:90px;position:absolute;z-index:10}
.box_vote02 ul{display: block;margin:0; padding:0;list-style: none;}
.box_vote02 li{float: left;width: 232px;height: 51px;position: relative;margin: 0px 20px 250px 20px ; list-style: none;}
.box_vote02 li a {display: block}
/********************************confess 頁面*****************************/
.confess_bg{width:100%;height: 1665px;background: url(../images/index02_bg.jpg) top no-repeat;}