body{font-family: 'Microsoft YaHei';background: #ffffff;}
a{cursor: pointer;}

/*
common
*/
.logo, .top-menu a.menua, .section-title, .btn, .st-main a, .reward li, .reward-tips, .down a, .title-record,.title_b, .title-change, .close-btn, .lg_bottom a{height:0;overflow:hidden;text-indent:100%;white-space:nowrap;display:block;background-repeat: no-repeat;background-position: center;}
.vedio-btn img,.facebook-link img,.event_btn img,.banner_slogn img,.banner_logo img,.down-load img{width: 100%;}
.form-list-filter:after{ content: " "; clear: both;}

/*
top 
*/
.wrap-page{min-height: 900px;overflow: hidden;background: #ffffff;width: 100%;}
.main{width: 1000px; margin:0 auto;}
.head{height: 630px;}

.nav{height: 40px;line-height: 40px;background: url(../images/nav.jpg) no-repeat right center;position: fixed;right: 0;top: 0;width: 100%;z-index: 99;display: none;}
.nav-main{float: right; color: #cbb88c}
.login-inf{margin-right: 10px}
.sign-out,.sign-in{text-decoration: underline;color: #a89b9b;margin-right: 10px;}
.back_btn{width: 280px;height: 100px;background: url(../images/back.png) no-repeat center;position: absolute;top: 58px;right: 10px;}
.top_main{position: absolute;width: 1000px;height:100%;left: 50%;top:0;z-index: 99;margin-left: -500px;text-align: center;}
.index_top{width:100%;overflow:hidden;position:relative;height: 952px;}
.banner{background: url(../images/banner.jpg) center bottom no-repeat;height: 100%;background-size: cover;z-index: 1;position: relative;/* background-attachment: fixed; */}
.banner_main{position:relative;height: 100%;}

.down{width: 800px;height: 185px;padding: 20px 10px 0px 191px;position: absolute;bottom: 5%;left: 10%;}
.down ul{display:flex;margin: 7px;width: 390px;flex-wrap: wrap;}
.down ul li{margin: 4px;}
.down a{display:block;padding-top: 57px;width: 180px;background-size: 100%;}
.down{background-image: url(https://images.gamedreamer.com.tw/PMDESIGN/hw/20200101/images/bg-inf.png);}
.down .link-appstore{background-image: url(https://images.gamedreamer.com.tw/PMDESIGN/hw/20200101/images/down-appstore.png);}
.down .link-googleplay{background-image: url(https://images.gamedreamer.com.tw/PMDESIGN/hw/20200101/images/down-googleplay.png);}
.down .link-apk{background-image: url(https://images.gamedreamer.com.tw/PMDESIGN/hw/20200101/images/down-apk.png);}
.down .link-facebook{background-image: url(https://images.gamedreamer.com.tw/PMDESIGN/hw/20200101/images/facebook.png);}

/*
menu
*/
.subMenu{position: fixed;right: 32px;top: 486px;z-index: 999;margin-top: -150px;display: none;}
.inner{/* display: none; */}
.inner a{display: block;margin-right:-7px;width: 62px;padding-top: 70px;background-image: url(../images/right_menu.png);background-repeat: no-repeat;background-size: 60px;margin-top: 5px;}

.top-menu{width: 100%;height: 80px;position: fixed;right: 0;top: 0;background: rgb(255, 255, 255);z-index: 998;transition: all .5s ease;}
.top-menu ul{margin: 0 auto;width: 1058px;}
.top-menu ul li{text-align: center;float: left;margin: 26px 15px;}
.top-menu.fixed{background: rgba(255, 255, 255, 0.88);height: 60px;box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.28);}
.top-menu.fixed .top-logo{transform: scale(.7);top: -10px;}
.top-menu.fixed .btn-login{transform: scale(.7);top: -10px;right: -34px;}
.top-menu.fixed ul{transform: scale(.8);width: 1050px;}

.top-logo{position: absolute;left: 10px;}
.btn-login{width: 256px;padding-top: 80px;background-image: url(../images/btn-login.png);position: absolute;right: 0;}
.after-login{position:absolute;right: 10px;top: 21px;display:none;font-size: 15px;letter-spacing: 1px;}
.btn-quit{padding:10px;background: #ec5b7e;color: #fff;border-radius: 10px;font-size: 2px;letter-spacing: 3px;min-width: 66px;display: inline-block;text-align: center;margin-left: 10px;}
.top-menu.fixed .after-login{margin-top:-10px;right: 40px;}

/*
main
*/
.section_main{width: 1200px;margin: 0 auto;position: relative;z-index: 17;height: 960px;}
.section-title{padding-top: 140px;background-repeat: no-repeat;background-position: center;margin: 0px auto 0;}
.section{overflow:hidden}
.section1{position: relative;background: #fefefe url(../images/bg1.jpg) no-repeat center top;}
.section2{position: relative;background: #b9c7ec url(../images/bg2.jpg) no-repeat center top;}
.section3{position: relative;background: #ffffff url(../images/bg3.jpg) no-repeat center top;}
.section4{position: relative;overflow: hidden;background: #d5fbfe url(../images/bg4.jpg) no-repeat center top;/* background-attachment: fixed; */}
.section5{position: relative;background: #ffffff url(../images/bg5.jpg) no-repeat center top;}
.section6{position: relative;background: #ffffff url(../images/bg6.jpg) no-repeat center top;}
.section1 .section-title{background-image: url(../images/title-t1.png);margin-top: -210px;}
.section2 .section-title{background-image: url(../images/title-t2.png);margin-left: -85px;}
.section3 .section-title{background-image: url(../images/title-t3.png);margin: 25px auto;}
.section4 .section-title{background-image: url(../images/title-t4.png);z-index: 99;position: relative;margin: 0 auto;top: 56px;}
.section5 .section-title{background-image: url(../images/title-t5.png);z-index: 99;position: relative;top: 45px;}
.section6 .section-title{background-image: url(../images/title-t6.png);z-index: 99;position: relative;top: 45px;}
.section2 .section_main{height: 310px;}
.section3 .section_main{height: 1677px;}
.section5 .section_main{height: 1930px;}
.section6 .section_main{height: 800px;}
/*
section1
*/
.form-expression{float:right;position: relative;z-index: 2;}
.form-expression{width: 809px;height: 690px;background: url(../images/form-bg.png) center 200px no-repeat;padding-top: 250px;margin-top: 60px;}
.form-main{display: flex;margin-top: 40px;flex-wrap: wrap;padding: 10px 40px;overflow: hidden;height: 330px;}
.form-main li{text-align:center;width: 145px;}
.form-main li a{color: #ec5b7e;display: block;margin-bottom: 20px;}
.form-main li a span{color:#333}
.form-main li a i{width: 100px;height: 100px;display: block;background-position: center top;background-repeat: no-repeat;margin: 12px auto 0;}
.exp2 i,.exp3 i,.exp4 i,.exp5 i,.exp10 i,.exp8 i{transform:scale(.9)}
.exp1 i{margin-bottom: 6px!important;}
.form-main li a:after{content:' ';display: inline-block;width: 13px;height: 13px;background: #c7bbbd;border-radius: 100%;}
.form-main li.act a:after{background: #ec5b7e;}

.tips{width: 520px;margin:0 auto;text-align: center;}
.tips2{color: #e77494;font-size: 16px;letter-spacing: 2px;}
.tips-share{font-size:20px;width: 800px;margin-top: 60px;letter-spacing: 2px;}
.tips-rank{margin-top: 20px;color: #d63b5b;font-size: 17px;}
.submit{padding-top: 100px;background-image: url(../images/btn-submit.png);width: 310px;margin: 20px auto 5px;}
.btn-share{background-image:url(../images/btn-share.png);padding-top: 50px;display: inline-block;width: 170px;vertical-align: -17px;margin-left: 10px;display: none;}

.sp{position:absolute;width: 750px;height: 937px;left: -18%;bottom: 0;background-repeat: no-repeat;background-position: center;}
.sp1{background-image:url(../images/sp1.png);}


/*
section2
*/
.st2{color:#fff;width: 1000px;letter-spacing: 2px;font-size: 30px;text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.63);padding-top: 60px;}
.st-main{width: 810px;margin: 30px auto;}
.st-main a{padding-top: 75px;width: 250px;}
.st-main ul{display:flex}
.st-main ul li{margin:0 10px}
.btn-record{background-image: url(../images/btn-record.png);}
.btn-facebook{background-image: url(../images/btn-facebook.png);}
.btn-line{background-image: url(../images/btn-line.png);}

/*
section3
*/
.title3{padding-top: 716px;width: 390px;background: url(../images/title-t2.png) left top no-repeat;position:  absolute;right: -76px;z-index: 1;top: 190px;background-size: 100%;}
.tips-team{font-size:20px;width: 1000px;}
.tips-team b{color: #ec5b7e;font-size: 28px;margin: 0 10px;}
.form-team{border-bottom: 7px solid #646464;margin-top: 175px;margin-left: -46px;}
.form-team ul{display:flex}
.form-team ul li{width: 110px;margin: 0 10px;position: relative;height: 380px;}
.form-team ul li div{display:flex;justify-content: center;flex-wrap: wrap;align-content: center;position: absolute;bottom: 0;width: 100%;height: 15%;}
.votes{display:block;width: 100%;text-align: center;}
.votes i{ font-style:normal; margin-right:3px;}
.rank{display:block;width: 100%;text-align: center;}
.rolename{position:absolute;bottom: -35px;color: #d63b5b;font-size: 14px;letter-spacing: 2px;font-weight: bold;}
.exp-head{position:absolute;width: 100px;height: 88px;background: url(../images/expression/exp1.png) center top no-repeat;margin-top: -90px;}
.exp1 .exp-head{height: 80px;}
.form-team ul li .exp1{background: #e8bd68;}
.form-team ul li .exp2{background: #61a5f9;}
.form-team ul li .exp3{background: #7ec579;}
.form-team ul li .exp4{background: #e8a1ba;}
.form-team ul li .exp5{background: #c17cbe;}
.form-team ul li .exp6{background: #7389dc;}
.form-team ul li .exp7{background: #f3738f;}
.form-team ul li .exp8{background:#f39968}
.form-team ul li .exp9{background: #ff7575;}
.form-team ul li .exp10{background:#fabddf}
.onScreen .load-ready #rank1{height:100%}
.onScreen .load-ready #rank2{height:90%}
.onScreen .load-ready #rank3{height:80%}
.onScreen .load-ready #rank4{height:70%}
.onScreen .load-ready #rank5{height:60%}
.onScreen .load-ready #rank6{height:50%}
.onScreen .load-ready #rank7{height:40%}
.onScreen .load-ready #rank8{height:30%}
.onScreen .load-ready #rank9{height:20%}
.onScreen .load-ready #rank10{height: 17%;}
#rank1:after,#rank2:after,#rank3:after{content:" ";width: 100px;height: 56px;position: absolute;top: -120px;background-position: center top;background-repeat: no-repeat;}
#rank1:after{background-image: url(../images/gold.png);}
#rank2:after{background-image:url(../images/silver.png)}
#rank3:after{background-image:url(../images/copper.png)}

.section_tent{display:flex;flex-wrap: wrap;}

.vote{width: 48%;margin-top: 20px;}
.vote-menu{margin-top: 80px;}
.vote-menu ul{display:flex;flex-wrap: wrap;}
.vote-menu ul li{margin-bottom: 30px;margin-right: 10px;}
.vote-menu ul li a{width: 260px;padding-top: 78px;}
.vote-btn1{background-image:url(../images/btn-vote1.png)}
.vote-btn2{background-image:url(../images/btn-vote2.png)}
.vote-btn3{background-image:url(../images/btn-vote3.png)}
.vote-btn4{background-image:url(../images/btn-vote4.png)}

.note{margin-top:10px}
.note ul{overflow:hidden}
.note ul li{margin-bottom: 15px;padding-left: 26px;position: relative;line-height: 25px;}
.note ul li i{position:absolute;left: 0;top: 4px;font-style: normal;width: 18px;height: 18px;line-height: 18px;background: #fd827a;text-align: center;border-radius: 100%;color: #fff;font-size: 11px;}
.note1{padding-right: 70px;}
.note1 li:first-child{padding-left:0}

.rank-from{width: 51%;height: 567px;background-image: url(../images/rank-bg.png);background-repeat: no-repeat;background-position: center top;margin-top: 80px;}
.rank-header{padding-top: 107px;color: #f3eabe;}
.rank-header:after{content:' ';position:absolute;top: -50px;width: 100px;height: 88px;left: 265px;z-index: -1;}
.rank-from ol,.rank-from ul{margin-right: 20px;}
.rank-from ol{overflow:auto;height: 350px;margin-top: 5px;}
.rank-from li{display:flex;padding: 8px 5px 8px 26px;}
.rank-tent li:nth-child(1){color: #d88f33;}
.rank-tent li:nth-child(2){color: #865b26;}
.rank-tent li:nth-child(3){color: #a78280;}
.rank-from span{text-align:center}

.rank-from span:nth-child(1){width: 70px;}
.rank-from span:nth-child(2){flex: 1;}
.rank-from span:nth-child(3){width:100px}
.rank-from span:nth-child(4){width: 130px;}

.rank-from ul li{margin-right: 18px;height: 50px;line-height: 50px;}

.btn-change{background-image:url(../images/btn-change.png);padding-top: 80px;margin-top: 7px;}


/*
teaser
*/
.teaser{width: 809px;height: 690px;background: url(../images/form-bg.png) center 0px no-repeat;padding-top: 40px;margin: 135px auto 0;position: relative;z-index: 2;}
.teaser-list{background:#ed7290;width: 600px;height: 310px;margin: 0 auto;padding: 15px;overflow: auto;}
.teaser-list li{display:flex;margin-bottom: 15px;padding-bottom: 15px;border-bottom: 1px solid #d29393;}
.teaser-list .head-pic{width: 66px;height: 66px;display: block;background: #fff;border-radius: 100%;background-size: 118%;background-position: -5px 0px;}
.teaser-tent{margin-left:10px;display: flex;flex-wrap: wrap;justify-content: space-between;flex: 1;}
.teaser-tent .teaser-id{color:#ffdeae}
.teaser-tent .teaser-time{color: #fbc6d5;}
.teaser-tent .teaser-text{color: #fff;margin-top: 5px;width: 100%;}

.teaser-inpt{margin: 20px auto;width: 600px;}
.teaser-inpt textarea{width:100%;height: 87px;text-indent: 20px;padding-top: 10px;}

.btn-teaser{background-image: url(../images/btn-teaser.png);padding-top: 90px;width: 310px;margin-left: 10px;margin: 40px auto;}
.sp2{background-image:url(../images/sp2.png);height: 1180px;left: auto;right: -32%;bottom: -31%;}
.sp3{background-image:url(../images/sp3.png);left: -33%;height: 1400px;bottom: -40%;}

/*
*reward
*/
.reward{display:flex;margin-top: 90px;flex-wrap: wrap;justify-content: space-between;width: 1440px;margin-left: -150px;}
.reward-team{width: 640px;margin-left: 20px;margin-top: 5px;}
.reward-team li{padding-top: 300px;}
.reward-team li.team-first{background-image: url(../images/reward/team/t1.png);}
.reward-team li.team-second{background-image: url(../images/reward/team/t2.png);}
.reward-team li.team-third{background-image: url(../images/reward/team/t3.png);}
.reward-team li.team-fourth{background-image: url(../images/reward/team/t5.png);}
.reward-team li.team-fifth{background-image: url(../images/reward/team/t4.png);margin-top: -10px;}
.reward-personal{width: 640px;}
.reward-personal li{padding-top: 300px;}
.reward-personal li.personal-first{background-image: url(../images/reward/personal/p1.png);}
.reward-personal li.personal-second{background-image: url(../images/reward/personal/p2.png);}
.reward-personal li.personal-third{background-image: url(../images/reward/personal/p3.png);}
.reward-personal li.personal-fourth{background-image: url(../images/reward/personal/p4.png);}
.reward-personal li.personal-fifth{background-image: url(../images/reward/personal/p5.png);}
.reward-tips{background-image: url(../images/reward/reward-tips.png);padding-top: 70px;width: 100%;margin-top: 20px;}

.note-bottom{width: 800px;margin: 83px auto 0;}

/*
footer
*/
.footer{width:100%;padding-top:10px;height: 92px;position:relative;overflow:hidden;background-color:#222;z-index: 99;}
.foot{max-width: 1000px;height:100%;margin:0 auto;}
.foot span{color:#fff;font-family:Microsoft YAHEI;font-size:12px}
.fl{float:left;/* width:390px */}
.footer .fl img{float:left;margin-top: 5px;width: 115px;}
.fl span{float:right;margin-top:21px;margin-left: 10px;}
.fr{float:right;margin-top:8px;width:240px}
.footer .fr img{float:left;margin-top: 5px;width: 44px;margin-right: 6px;}
.fr span{width:190px;float:right}

/*
*pop
*/
.pop{position:fixed;width: 100%;height: 100%;z-index: 999;left: 0;top: 0;display: none;}
.pop-main{position:absolute;z-index: 999;left: 50%;top: 50%;width: 1040px;height: 594px;margin-top: -300px;margin-left: -520px;}
.mask{position:absolute;width: 100%;height: 100%;background: #fff;opacity: .9;z-index: 1;}
.pop-title{height: 168px;background-repeat: no-repeat;background-position: center bottom;margin-left: 70px;}
.form-number{background: url(../images/form-bg2.png) no-repeat center;width: 745px;height: 486px;margin: 0 auto;overflow: hidden;background-size: 100%;}
.form-number table{color: #ffffff;font-size: .28rem;margin-left: 70px;margin-top: 61px;width: 610px;}
.form-number table tr{height: 40px;line-height: 40px;border-bottom: 1px solid #505050;}
.form-number table tr th{background: #ca5555;width: 50%;text-align: center;font-size: 16px;}
.form-number table tr td{color: #333;border: 1px solid #ccc;text-align: center;font-size: 16px;background: #fff;}
.title-record{padding-top: 90px;background-image: url(../images/title-record.png);}
.title-change{padding-top: 90px;background-image: url(../images/title-change.png);}
.close-btn{padding-top:100px;width: 100px;background-image: url(../images/btn-close.png);position: absolute;right: 0;top: 0;}
.login-pop .close-btn{right:-100px}
.login-tips{position:absolute;left: 136px;top: 120px;color: #ec6d78;font-size: 17px;letter-spacing: 2px;/* display: none; */}

/*
login
*/
.login-pop{/* position: fixed; *//* width: 560px; *//* background: #fff; *//* margin-left: -280px; *//* margin-top: -250px; *//* left: 50%; *//* top: 50%; *//* z-index: 999; *//* box-shadow: 6px 6px 0px rgba(0, 0, 0, 0.43); *//* display: none; *//* border-radius: 7px; *//* overflow: hidden; */}
.login-pop .pop-main{background: url(../images/form-login.png) center top no-repeat;width: 682px;margin-left: -300px;height: 483px;padding: 56px 136px 100px;margin-top: -240px;}
.title_b{padding-top: 70px;display: block;}
.title_b{background-image:url(../images/title-login.png);background-position: center top;}
.form-server .title_b{background-image: url(../images/title-serve.png);}
.login-form{padding-top: 10px;}
.num_th_ip{background:none;}
.login-form>div{/* width: 430px; */margin: 15px auto;display: flex;}
.num_th_ip{height: 43px;line-height: 43px;font-size: 14px;outline: none;padding-left: 15px;background: #424242;border: 1px solid #424242;margin-left: -5px;width: 340px;color: #d8cc9f;}
.lg_b-t{background-size: 25px;}
.icon-b{display: inline-block;background: #ec6d78 url(http://images.gamedreamer.com.tw/PMDESIGN/gwpgtw/20170918/images/member-icon.png) no-repeat center;background-size: 19px;width: 71px;height: 43px;line-height: 43px;vertical-align: top;}
.icon-e{display: inline-block;background: #ec6d78 url(http://images.gamedreamer.com.tw/PMDESIGN/gwpgtw/20170918/images/lock-icon.png) no-repeat center;background-size: 17px;width: 70px;height: 43px;line-height: 45px;vertical-align: top;}
.lg_b-btn a{height: 60px;line-height: 60px;display: block;background: #ff8691;color: #ffffff;text-align: center;font-weight: bold;font-size: 20px;border-radius: 6px;letter-spacing: 8px;cursor: pointer;width: 100%;box-shadow: 0px 3px rgba(0, 0, 0, 0.12);margin: 0 auto;}
.facebook-link{display: inline-block;width: 40px;padding-top: 40px;background: url(http://images.gamedreamer.com.tw/PMDESIGN/sghk/20170801/images/facebook.png);margin: 10px;cursor: pointer;}
.line-link{    display: inline-block; width: 40px; padding-top: 40px; background: url(../images/line.png); margin: 10px; vertical-align: -25px; background-size: contain; border-radius: 7px; cursor: pointer;}
.login-form>div.lg_bottom{background: #ffffff;width: auto;padding-left: 80px;margin-bottom: 0;height: 70px;margin-top: 30px;}
.lg_bottom{vertical-align: top;}
.lg_bottom p{line-height: 72px;display: flex;padding-top: 4px;}
.icon-f{display: inline-block;background: #ec6d78 url(http://images.gamedreamer.com.tw/PMDESIGN/gwpgtw/20170918/images/yzm-icon.png) no-repeat center;background-size: 19px;width: 66px;height: 43px;line-height: 65px;vertical-align: top;}
.lg_b-m{position: relative;}
.yzm-a img{width: 102px;height: 43px;}
.yzm-a{position: absolute;right: 0;top: 0;cursor: pointer;}

.login{margin-right: 0px;margin-top: 4px;float: right;width: 532px;}
.login-btn{display: inline-block;width: 530px;height: 70px;line-height: 63px;background: #e03564;text-align: center;border-radius: 7px;font-size: 33px;color: #ffffff;border: 2px solid #803939;cursor: pointer;font-weight: bold;box-shadow: 2px 2px 0px #9a9a9a;letter-spacing: 6px;}

.quite{background: #ec2b2b;font-size: 14px;padding: 4px 14px;color: #fff;border-radius: 23px;margin-left: 10px;}

.pop-show{display: block;}


.server-tips{color:red;text-align: center;height: 45px;line-height: 35px;letter-spacing: 7px;}
.serveBox {display:flex;background: #ff6b8f;height: 50px;line-height: 50px;margin-bottom: 20px;/* border-radius: 7px; */border: 1px solid #fff;}
.serveBox>span{width: 135px;text-align: center;color: #fff;border-right: 1px solid #ff9ab2;margin-right: 20px;background: #bb4864;}
.serveBox li{color:#fff}
.serveBox select{width: 180px;height: 38px;font-size: 14px;/* color: #fff; */}
.binding{/* width:100px; */text-align: center;height: 55px;line-height: 55px;border-radius: 4px;background: #ec7476;font-size: 18px;color: #fff;box-shadow: 0px 3px 0px rgb(216, 91, 93);}


/*
*change
*/
.change-pop .pop-main{width: 809px;height: 690px;background: url(../images/form-bg.png) center 100px no-repeat;margin-left: -400px;margin-top: -356px;}
.change-pop .form-change ul{display: flex;margin-top: 40px;flex-wrap: wrap;padding: 10px 40px;overflow: hidden;height: 330px;}
.change-pop .form-main li{text-align:center;width: 145px;}
.change-pop .form-main li a{color: #ec5b7e;display: block;margin-bottom: 20px;}
.change-pop .form-main li a span{color:#333}
.change-pop .form-main li a i{width: 100px;height: 100px;display: block;background-image: url(../images/expression/exp1.png);background-position: center top;background-repeat: no-repeat;margin: 0 auto;}
.change-pop .form-main li a:after{content:' ';display: inline-block;width: 13px;height: 13px;background: #c7bbbd;border-radius: 100%;}
.change-pop .form-main li.act a:after{background: #ec5b7e;}


.form-main li a.exp1 i,.exp1 .exp-head,.rank-header.exp1:after,.teaser-list .exp1,.teaser-list .exp123,.rank-header.exp123:after{
    background-image: url(../images/expression/exp1.png);
}
.form-main li a.exp2 i,.exp2 .exp-head,.rank-header.exp2:after,.teaser-list .exp2,.teaser-list .exp133,.rank-header.exp133:after{
    background-image: url(../images/expression/exp2.png);
}
.form-main li a.exp3 i,.exp3 .exp-head,.rank-header.exp3:after,.teaser-list .exp3,.teaser-list .exp153,.rank-header.exp153:after{
    background-image: url(../images/expression/exp3.png);
}
.form-main li a.exp4 i,.exp4 .exp-head,.rank-header.exp4:after,.teaser-list .exp4,.teaser-list .exp163,.rank-header.exp163:after{
    background-image: url(../images/expression/exp4.png);
}
.form-main li a.exp5 i,.exp5 .exp-head,.rank-header.exp5:after,.teaser-list .exp5,.teaser-list .exp183,.rank-header.exp183:after{
    background-image: url(../images/expression/exp5.png);
}
.form-main li a.exp6 i,.exp6 .exp-head,.rank-header.exp6:after,.teaser-list .exp6,.teaser-list .exp193,.rank-header.exp193:after{
    background-image: url(../images/expression/exp6.png);
}
.form-main li a.exp7 i,.exp7 .exp-head,.rank-header.exp7:after,.teaser-list .exp7,.teaser-list .exp203,.rank-header.exp203:after{
    background-image: url(../images/expression/exp7.png);
}
.form-main li a.exp8 i,.exp8 .exp-head,.rank-header.exp8:after,.teaser-list .exp8,.teaser-list .exp213,.rank-header.exp213:after{
    background-image: url(../images/expression/exp8.png);
}
.form-main li a.exp9 i,.exp9 .exp-head,.rank-header.exp9:after,.teaser-list .exp9,.teaser-list .exp243,.rank-header.exp243:after{
    background-image: url(../images/expression/exp9.png);
}
.form-main li a.exp10 i,.exp10 .exp-head,.rank-header.exp1:after,.teaser-list .exp10,.teaser-list .exp253,.rank-header.exp253:after{
    background-image: url(../images/expression/exp10.png);
}

.after-login span{margin-left: 15px;}

@media (min-width:1367px) and (max-width:1700px){
    .index_top{height:830px}
}

@media (min-width:1367px) and (max-width:1600px){
    .index_top{height:760px}
}

@media  (min-width:1367px) and (max-width:1500px){

    .top-menu{background: rgba(255, 255, 255, 0.88);height: 60px;box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.28);}
	.top-menu .top-logo{transform: scale(.7);top: -10px;left: -30px;}
	.top-menu .btn-login{transform: scale(.7);top: -10px;right: -34px;}
	.top-menu ul{transform: scale(.8);width: 1050px;}
	.top-menu .after-login,.top-menu.fixed .after-login{margin-top:-10px;right: 5px;}

	.reward{transform:scale(.9);margin-top: 50px;}
	.section5 .section_main{height: 1790px;}

	.reward:before{left: calc(51% - 1px)!important;height: 94%!important;}
	.reward:after{left: calc(51% - 0px)!important;height: 94%!important;}
		
}

@media  (min-width:1024px) and (max-width:1400px){
		
	.top-menu{background: rgba(255, 255, 255, 0.88);height: 60px;box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.28);}
	.top-menu .top-logo{transform: scale(.7);top: -10px;left: -30px;}
	.top-menu .btn-login{transform: scale(.7);top: -10px;right: -34px;}
	.top-menu ul{transform: scale(.8);width: 1050px;}
	.top-menu .after-login,.top-menu.fixed .after-login{margin-top:-10px;right: 5px;}

    .index_top{height: 655px;}
	.down{/* margin-left: 300px; */}

	.reward{transform:scale(.85);margin-top: -20px;}
	.section5 .section_main{height:1700px}
    .reward:before{left: calc(51% - 1px)!important;height: 94%!important;}
	.reward:after{left: calc(51% - 0px)!important;height: 94%!important;}
}

@media  (min-width:1024px) and (max-width:1200px){
		
	.top-menu{background: rgba(255, 255, 255, 0.88);height: 60px;box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.28);}
	.top-menu .top-logo{transform: scale(.7);top: -10px;left: -30px;}
	.top-menu .btn-login{transform: scale(.7);top: -10px;right: -34px;}
	.top-menu ul{transform: scale(.8);width: 1050px;display: none;}
	.top-menu .after-login,.top-menu.fixed .after-login{margin-top:-10px;right: 5px;}

    .index_top{height: 840px;}
	.down{/* margin-left: 300px; */}

	.reward{transform: scale(.7);margin-top: -120px;margin-left: -231px;}
	.section5 .section_main{height: 1475px;}
    .reward:before{left: calc(51% - 1px)!important;height: 94%!important;}
	.reward:after{left: calc(51% - 0px)!important;height: 94%!important;}

    .section_main{width:1000px}
    .section3{background-size:cover}
    .section3 .section_main{height:auto;padding-bottom: 130px;}
    .sp1{left: -28%;}
    .vote-menu{margin-top:0; transform:scale(.8)}
    .form-team{transform: scale(.75);margin-left: -150px;}
    .rank-from{width: 632px;margin: 40px auto;}
    .vote{width:100%}
    .vote-menu ul li a{width: 240px;background-size: 100%;}
    .note1{margin: 0 auto;width: 800px;}


}

@media screen and (min-width:1024px){
	.act-pic,.act-news{float: right;}
	.down i:after{content: " ";position: absolute;width: 125px;height: 2px;background: #fff;box-shadow: 0px 2px 5px #c022ff;top: 18px;right: 6px;}
	.down:before{content:" ";position: absolute;left: 43px;width: 147px;height: 143px;background-image: url(https://images.gamedreamer.com.tw/PMDESIGN/hw/20200101/images/icon.png);background-position: center;background-repeat: no-repeat;}
	.down i{content:" ";position: absolute;width: 162px;height: 135px;background-image: url(https://images.gamedreamer.com.tw/PMDESIGN/hw/20200101//images/qrcode.png);right: 50px;top: 25px;}
    
    .top-menu a.menua{background-image:url(../images/nav.png);background-repeat:no-repeat;padding-top: 30px;width: 100px;}
    .top-menu a.menu_s1{background-position: 1px 0;}
    .top-menu a.menu_s2{background-position: -173px 0;}
    .top-menu a.menu_s3{background-position: -349px 0;}
    .top-menu a.menu_s4{background-position: -524px 0;}
    .top-menu a.menu_s5{background-position: -692px 0;}
    .top-menu a.home{background-position: -881px 0;}
    .top-menu a.facebook{background-position: -1069px 0;}
    .top-menu a.record{background-position: -1258px 0;}
    
    .reward:before{content:' ';position:absolute;width: 1px;height: 77%;left: calc(49% - 1px);background: #d5d29b;}
    .reward:after{content:' ';position:absolute;width: 1px;height: 75%;left: 49%;background: #fffee7;}

    .section2{background-attachment:fixed}
    .close-btn{transition:all .5s ease}
    .close-btn:hover{transform:rotate(180deg)}

}


@media screen and (max-width: 1023px){

	.section2{background-size: cover}

	.index_top{height: 1390px;}
	.banner{background-image: url(../images/mobil/mobile-bg1.jpg);}
	.section1{/* background-image: url(../images/mobil/mobile-bg2.jpg); */background-size: cover;}
	.top_main{top: auto;bottom: 0;height: auto;margin-left: -536px;}
	.banner_logo{margin-top: 0}
	.after-login{top: 15px;}
	.after-login,.btn-quit{font-size:20px}

    .down{background: rgba(255, 255, 255, 0.73);width: auto;padding: 0;height: auto;position: absolute;bottom: 0;width: 100%;padding: 23px 0;padding-bottom: 10px;}
    .down ul{width: 765px;margin: 0 auto;}
    .down ul li{margin: 1px 10px;}
    .down a{width: 300px;padding-top: 90px;background-size: 100%;margin-bottom: 20px;}

    
	.section_main{width: auto;overflow:  hidden;height: 1110px;}
	.section1 .section-title,.section2 .section-title,.pp1,.pp2,.form{float: none; margin: 0 auto}
	.section1 .section_main{height: 1341px;}
	.section1 .section-title{margin-top: -66%;position: absolute;background-image: url(../images/mobil/title1.png);padding-top: 350px;right: 0;width: 459px;}
	.form-expression{width:auto;/* margin: 0 10px; */margin-top: 49%;}
	.form-main{margin-top: -16px;padding: 0 10px;height: auto;}
	.form-main li a span{font-size: 24px;}
	.form-main li a:after{width:20px;height:20px}
	.tips{font-size: 18px;width: 600px;}
	.submit{margin-top: 60px;}
	.sp{top: -1%;left: -29%;background-size: 90%;z-index: 1;}
    
    .section2 .section_main{height:auto}
	.st-main,.st2{width:auto}
	.st-main{margin-bottom:40px}
	.st-main ul{flex-wrap:wrap;justify-content: center;}
	.st-main ul li:first-child{width:90%}
	.btn-record{margin: 0 auto 20px;}
	.st2{padding-top: 20px;font-size: 28px;font-weight: bold;}
    
    .section3{background-size:cover}
    .section3 .section_main{height: 2400px;}
	.tips-team{width: 720px;}
	.form-team{transform: scale(.58);margin-left: -275px;margin-top: 20px;}
	.btn-share{margin-top: 25px;transform: scale(1.3);margin-left: 0;}
	.tips-share{margin-top: -30px;font-size: 22px;position: relative;left: -7px;}
	.form-team ul li{height: 500px;}
	.form-team ul li div{font-size: 20px;line-height: 26px;}
	.votes{margin-bottom:5px}
	.rolename{font-size: 24px;letter-spacing: 0;}

	.vote{width: 600px;margin: 0 auto;position: relative;left: 14px;}
	.vote-menu ul li{margin-right: 39px;}
	.note1{padding-right: 20px;}
	.note ul li{font-size: 18px;line-height: 29px;}

	.rank-from{width: 608px;margin: 80px auto;}
	.rank-from ol, .rank-from ul{/* margin-right:0 */font-size: 18px;}
	.rank-from ul li{margin-right:0}

	.teaser{position:relative;z-index:2;margin-top: 330px;margin-left: -27px;}
	.section4 .section_main{height:1300px}
	.section4 .section-title{background-image:url(../images/mobil/title2.png);padding-top: 289px;right: -20%;top: 6%;}
	.sp3{top: 6%;left: -33%;background-size: 78%;}
	.sp2{top: -5%;/* right: -28%; */left: -31%;}
	.teaser-tent{font-size:18px}
	.teaser-inpt textarea{font-size:20px}

	.reward{width: auto;margin: 0;}
	.reward-team{margin: 50px auto;}
	.section5{background-size:cover}
	.section5 .section_main{height:auto}
	.reward-personal{margin:0 auto}
	.reward-tips{background-image:url(../images/mobil/reward-tips.png);padding-top: 210px;margin-bottom: 20px;}
    
    .section6{background-size:cover}
    .section6 .section_main{height:auto}
    .note-bottom{width:auto;margin: 100px 20px;}

    .login-pop .pop-main{margin-left: -340px;margin-top: -300px;}
    .login-pop .close-btn,.close-btn{top:auto;right: 50%;bottom: -100px;margin-right: -50px;}
    .change-pop .form-change ul{margin-top: 55px;}
    .login-form,.loginBox{transform:scale(1.2)}
    .login-form{padding-top: 31px;}
    .num_th_ip{font-size:18px}
    .login-form>div.lg_bottom{margin-top:15px;height: 65px;}
    .loginBox{margin-top:30px}
    .server-tips{font-size:18px}


}