@charset "utf-8";
/* CSS Document */
@import url("reset.min.1.2.css");
html ,body{height:100%; }
body{margin:0; padding:0; background: #fff; font-family: '微軟正黑體','Maven Pro', 'Droid Sans','Myriad Pro', Helvetica, Verdana, Geneva, sans-serif; font-size:75%; color:#0c0b0b;}
body.inside{background:none;overflow-y:hidden;}
div{ font-size:1em;}
.clear{ height:0; clear:both; font-size:0em!important;}

/*像素比例尺*/.ruler{ height:18px; background:url(../images/ruler.png) no-repeat left top; position: fixed; top:0; right:0; bottom:0; left:0; z-index:9999;display:none;}

#btn_top{margin:0 0 0 310px; position:fixed; right:5%; bottom: 0; z-index:999; display:none;}
#btn_top:hover{cursor:pointer; bottom:1px;}

.all{width: 100%; background:url(../images/all.jpg)no-repeat center top; overflow:hidden; }

.all_s{width:100%; max-width:1000px; margin: 0 auto; /*position:absolute; left:0; top:0; z-index:1; behavior: url(iecss3.htc);*/}
.all_s img{ width:100%; height:auto;}

.container{width:100%; min-width:280px; max-width:1000px; margin:0 auto; padding:0; text-align:left; position:relative;}
:root .container{width:100%; min-width:280px; margin:0 auto; padding:0; text-align:left; position:relative;}
/*--top--*/
.top{width:100%; max-width: 1000px; margin:0 auto; padding:0; position:relative;  z-index:99;}
.top img{width: 100%; height: auto;}
.top_btn{width: 100%; max-width:600px; margin: 0 auto; position:relative;}
.btn_01,.btn_02{width:50%; float: left; position: relative; top:4em;}
.btn_01 img{width: 100%; height: auto;}
.btn_02 img{width: 100%; height: auto;}
.btn_01 a,.btn_02 a{display: block;}
.btn_01 a:hover,.btn_02 a:hover{position: relative; top: -2px; mix-blend-mode:hard-light;}
.btn_logo{width: 40%; max-width:239px; position: absolute; top:0; left: 30%; display: block; margin:0 auto;}
.btn_logo a:hover{position: relative; top: -2px;}
.btn_logo img{width: 100%; height: auto;}
.top_text {width:100%; max-width:600px; margin: 0 auto;padding-top:3em;}
.top_text img{width: 100%; height: auto;}


/*--活動辦法--*/
.act_note{width:70%; margin:0 auto; font-size: 1.2em; line-height:1.8em; /*position:relative; top: 2em; z-index:99;*/}
.act_note_tittle{font-size: 1.5em; color: chocolate;}


/*--明星主播top8-*/
.top8{width:100%; margin:10% 0 0 0; position:relative; }
.top8 .tittle .b{display: block;}
.top8 .tittle .s{display: none;}

.btn_other,.btn_top8{width:23.6%; /*max-width:236px;*/ display: block; position:absolute; right: 0; z-index:99;}
.btn_top8 a{width:100%; height:100%; background: url(../images/btn_top8.png); background-repeat:no-repeat; background-position: left top; background-size: 100% auto; display:block; }
.btn_other a{width:100%; height:100%; background: url(../images/btn_other.png); background-repeat:no-repeat; background-position: left top; background-size: 100% auto; display:block; }
.btn_other,.btn_top8 a:hover{background-position: left bottom; }
.btn_other img,.btn_top8 img{width: 100%; height: auto; }

.girl_block{width:100%; max-width:800px; margin:0 auto; position:relative;z-index:99;}
.girl_block ul{width:100%;/* position:relative;top: 5em;*/}
.girl_block ul.other{width:90%; margin: 0 auto; z-index:101; position: relative; }
.girl_block ul li{width: 25%; max-width:200px; float: left;}
.girl_block ul li img{width: 100%; height: auto;}
.girl_block ul.other li{width:20%;}


.girl{width:100%; position: relative;z-index:99;}
.girl_pic_s img{width: 100%; height: auto;}
.girl_pic_s_top1,.girl_pic_s_top2,.girl_pic_s_top3,.girl_pic_s_top4,.girl_pic_s_top5,.girl_pic_s_top6,.girl_pic_s_top7,.girl_pic_s_top8{width:100%; position:absolute;top: 0;}
.girl_pic_s_line{width:100%; position:absolute;top: 0;}
.girl_s_name{font-size: 1.5em; text-align:center; color: chocolate;}


.arrow_g{width:100%; margin:0 auto; position:absolute; left:0; top:0; z-index:100;}
.arrow_g ul{width:100%; position:relative;}
.arrow_g ul li{width:50%; max-width:66px;}
.arrow_g ul li img{width: 100%; height: auto;}
.arrow_g ul li.next{float:right; margin-right:-10px;}
.arrow_g ul li.next a{display: block; position: relative;}
.arrow_g ul li.next a:hover{position: relative;top:-2px; background-size:contain;}
.arrow_g ul li.back{float:left; margin-left:-10px;}
.arrow_g ul li.back a{display: block; position: relative;}
.arrow_g ul li.back a:hover{position: relative;top:-2px; background-size:contain;}
.arrow_g2 {display:none;}

/*--個人介紹-*/
.girl_info{width:100%; max-width:1000px; margin:0 auto; position:relative; z-index:99;}
.left{width: 50%; position:relative; display:inline-block; float:left;}
.girl_pic img{width: 100%; height: auto;}
.girl_pic_top1 {width:100%; position:absolute;top: 0;}


.girl_btn  {width:100%; height:auto; margin:0 auto; display:inline-block; position:relative;}

.btn_mv  {width:50%; margin: 0 auto; position:relative;}
.btn_mv a{width:100%; display: block;}
.btn_mv a:hover{position: relative; top: -2px; mix-blend-mode:hard-light;}
.btn_mv img{width: 100%; height: auto;}

.vote_text {font-size:1.5em;line-height: 2em; text-align:center; color:chocolate;}
.time {width: 100%; max-width:414px;margin: 0 auto;}
.time img{width: 100%; height: auto;}

.right{width: 50%; padding: 4em 0 1em 0; float: left; /*position:relative;top: 4em;*/}
.name{margin-top:50px; font-size: 1.8em; line-height:3.5em; color:chocolate; position:relative;}
.name_pic img{width: 100%; height: auto;}
.say{width: 100%;max-width:173px; }
.say img{width: 100%;height: auto;}
.txt{width:80%; padding: 0 0 0 2em; font-size: 1.4em; line-height:1.6em; /*position:relative; left:2em;*/text-align: justify;}
.txt_q{color: #9F2C2E; letter-spacing:5px;}
.txt_a{color: #292828;}

/*--主播魅力mv搶先看-*/
.mv_block{width:100%; max-width:1000px; margin:0 auto; position:relative; z-index:99;}

.mv_block .tittle .b{display: block;}
.mv_block .tittle .s{display: none;}

.mv{width:88%; margin: 0 auto;background-color:#010101;position:relative; padding: 1em; text-align:center;}
.mv img{width:100%;height: auto;}
.btn_play{width: 100%; max-width: 150px; position:absolute; top:50%; left:50%; z-index:500;}
.btn_play a{width:100%; margin: 0 auto; background: url(../images/btn_history_play.png);background-position: top left; position: relative; display: block;}
.btn_play a:hover{background-position: left bottom;}
.btn_play img{width:100%; height: auto;}

.arrow{width:100%; margin:0 auto; position:absolute;top:45%;z-index:100;}
.arrow ul{width:100%; position:relative;}
.arrow ul li{width: 50%; max-width:66px;}
.arrow ul li img{width: 100%; height: auto;}
.arrow ul li.next{float: right;}
.arrow ul li.next a{display: block; position: relative;}
.arrow ul li.next a:hover{position: relative;top:-2px; background-size:contain;}
.arrow ul li.back{float: left;}
.arrow ul li.back a{display: block; position: relative;}
.arrow ul li.back a:hover{position: relative;top:-2px; background-size:contain;}

.footer{width:100%; background:url(../images/fooder.png) no-repeat center top; background-position:center bottom; z-index:99;}
.footer_s img{width: 100%;height: auto;}
.footer_s {width:100%; max-width:1000px; position:absolute; left:0; top:0; z-index:1; behavior: url(iecss3.htc);}

.notes{width: 100%; max-width:1000px; margin:0 auto; position:relative;}
.notes img{width: 100%;height: auto;}
.notes .b{display: block;}
.notes .s{display: none;}

.cr{width: 100%; max-width:1000px; margin:0 auto; position:relative;}
.cr img{width: 100%;height: auto;}



@media screen and (max-width:1000px) {
	.all{width: 100%; background:url(../images/all_s.jpg)no-repeat center top; background-size: 100% auto;}
	/*.all_s img{ width:100%; height:auto; display:block; behavior: url(iecss3.htc);}*/
	
	.footer{ background-size: 200% auto;}
}

@media screen and (max-width:640px) {
	.left{width: 100%; float: none;}
	.right{width: 100%; padding:1em 0; float: none; top: 0;}
	.right .txt{width:90%; margin:0 auto;padding:0;}
	
	.girl_block{display: none;}
	.mv_block{width:100%;}
	.a_menu02 li.s_05{width:50%;}
	
	.act_con2 .tittle .b{display: none;}
    .act_con2 .tittle .s{display: block;}
	
	.top8 .tittle .b{display: none;}
	.top8 .tittle .s{display: block;}
	
	.mv_block .tittle .b{display: none;}
	.mv_block .tittle .s{display: block;}
	
	.notes .b{display: none;}
	.notes .s{display: block;}
	
	.btn_other,.btn_top8{width:40%;}

	.arrow_g2 {display:block;}

	.name{margin-top:inherit;}





}

@media screen and (max-width:480px) {
	.a_menu01{width:100%;}
	.a_menu02 li.s_03{width:90%; margin:0 auto; float: none;}
	.a_menu02 li.s_05{width:90%; margin:0 auto; float: none;}
	.red_bar  {width:90%; float:left; margin-left:1em; }
	.act_note{ width:90%;}

	.bar_update button{font-size:15px;}

}

@media screen and (max-width:400px) {
	.btn_logo{top:30%;}
}


/* banana style */
.youtube_img{width:80% !important; height:auto; }
.show{display:block;}
.none{display:none;}
.msg {width:100%; height:auto; font-size:18px; text-align:center; }