@charset "utf-8";
/* CSS Document */
body { background: #080860; background-image:url(../images/bg.jpg); background-attachment : fixed;  font-family:微軟正黑體,Arial;}  /* 背景固定 */
/*共通連結 */
a:link { color:#FFF;text-decoration:none; }
a:visited { color:#FFF;text-decoration:none; }

#wrapper{ width:100%; }
.fix { text-align:center; width:100%; height:100px;/*position:fixed;*/ z-index:99;  top:0px; background:#080860;   border-bottom: 5px groove #0511b3;}
.fixin { text-align:center; width:990px; /*position:fixed;*/ z-index:99;  top:0px;  left: 50%; margin-left: -495px; background:#080860;}
.fixon { position:fixed; }
.fixoff { position:absolute;}
.lg { margin:14px 0px;float:left; }
.Nav{float: right; width: 780px; padding:0; font:17px/130% 微軟正黑體,Arial; font-weight: bold;}
.jscarousal{width:100%px;height: 62px;background:#080860; margin:0 auto; padding:13px; position: relative;}
.jscarousal .jscarousal-left, .jscarousal .jscarousal-right{ float: left;	width:72px;height:62px;	background-color: #080860; color: #FFC;	position: relative;	top: 3px;	cursor: pointer;}
.jscarousal .jscarousal-left{	background-image: url(../images/left_arrow.png);background-repeat: no-repeat;background-position:left;}
.jscarousal .jscarousal-right{	background-image: url(../images/right_arrow.png);	background-repeat: no-repeat;background-position: right;}
.jscarousal-contents{width:600px;height:68px;float: left;	position: relative;	overflow: hidden;}
.jscarousal-contents > div{position: absolute;width: 100%;}
.jscarousal-contents > div > div{float: left;	margin-left:19px;margin-right:10px;}
.hidden{display: none;}  .visible{display: block;}
.thumbnail-active{ filter: alpha(opacity=100);opacity: 1.0;cursor: pointer;}
.thumbnail-inactive{ filter: alpha(opacity=62);	opacity: 0.62;	cursor: pointer; font-size:93%;}
.thumbnail-text{color: #FFF; font-weight: bold;	text-align: left;	display: block;padding: 7px 2px 7px 0px;font-size:134%;}

#bnr-wrap { width:100%; /*margin-top:100px;*/ height:511px; background:#080860;}
#bnr-wrap2 { width:100%; margin-top:100px; height:10px; background:#080860;}
/* banner-box */
.banner-box{min-width:1280px;height:409px;position:relative;overflow:hidden;}
.banner-box .bd{ width:100% !important;}
.banner-box .bd li .m-width {width:1280px;margin:0 auto;overflow:hidden;}
.banner-box .bd li{width:100% !important;height:409px;}
.banner-box .bd li a{display:block;background-size:auto;}
.banner-btn{width:1280px;position:absolute;top:150px;left:50%;margin-left:-640px;}
.banner-btn a{display:block;width:49px;height:104px;position:absolute;top:0;filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity:0.4;opacity:0.4;}
.banner-btn a.prev{left:20px;background:url(../images/foot.png) no-repeat 0 0;}
.banner-btn a.next{right:20px;background:url(../images/foot.png) no-repeat -49px 0;}
.banner-box .hd {position:absolute;top:234px;left:68px; }
.banner-box .hd ul li{width:12px;height:12px;border-radius :50%;text-indent:-9999px;margin-right:20px;background:#ccc;float:left;cursor:pointer;}
.banner-box .hd ul li.on{background:#DA324D;}


.loginok { width:940px ;margin:31px auto 10px;  padding:19px 0 19px ;background:url(../images/bg_main.png);}
.loginok p{ color:#FF3; padding:0 10px 20px; font-size:16.8px;}
.neck{ width:1280px ;height:31px; margin:25px auto 15px; overflow: hidden; }
.neck1{ width:650px ;float:left; margin: 0 ;}  /*第一欄*/
.btn-join{width:225px ;float:left; margin: 0; padding:3px 0 0 0; list-style:none; }  /*第二欄*/
.neck2{ width:280px ;float:right; margin: 0 ;}  /*第三欄*/
 /*btn_join*/
.btn-join li {float:left; padding-right: 10px; }
.btn-join li a{display:block; height:26px; }
.btn-join li a:hover{display:block;}
.btn-join li #btnBu{background:url(../images/btn_join.png);width:124px;}
.btn-join li #btnBu:hover {background-position:0 -26px;}

 /*Login form*/
.form1 { margin:0 34px;  text-align:left;color:#FFF; }
input[type="text"] ,textarea[type="textarea"] { border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; background :#FFF;border:1px solid  #555; height:26px; padding:0 6px; color:#444;}/* 輸入匡*/
input[type="text"]:hover, textarea[type="textarea"]:hover { border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px;background :#FFF; border-color:#333; }
input[type="text"]:focus ,textarea[type="textarea"]:focus { border:1px solid  #FFF;  background : #EEE; }
button { margin:0px; padding:0px; width:62px;height:27px;border:1px solid #999; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; background: url(../images/button.png);}
button:hover {	border-color:#3C7FB1; background: url(../images/button-hover.png);}
.mrgform {margin-right: 7px;	}
 /*search*/
#search_box { 	background:-moz-linear-gradient(top, #000, #999); background:-webkit-gradient(linear, 0 0, 0 100%, from(#000), to(#999)); padding:0px;width:175px;}
#search_box .wrapper {background:#FFF; border:1px solid #555; -moz-border-radius:2px;-webkit-border-radius:2px;	-moz-box-shadow:inset 0 2px 0px rgba(0,0,0,.3), 0 1px #F00 -webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.3), 0 1px #f00; height:28px;	padding-left:2px; 	position:relative;}
#search_box input, #search_box input:focus { border:none; color:#555; outline:none; font:14px 微軟正黑體, Arial; margin:2px 0; width:97px; }   /*key word 字色 margin-12-6-2*/
#search_box button {background:-moz-linear-gradient(top, #df7f7f, #772828);background:-webkit-gradient(linear, 0 0, 0 100%, from(#df7f7f), to(#772828));
border:1px solid #a73939;	-moz-border-radius:2px;	-webkit-border-radius:2px;	-moz-box-shadow:inset 1px -2px 0px #30F, inset 0 1px #30F 0 1px 1px rgba(0,0,0,4);
-webkit-box-shadow:inset 0 2px 2px #FFF, inset 0 0px #FFF, 0 2px 2px rgba(0,0,0,.4);
cursor:pointer;	position:absolute; right:0px; top:-2px; height:30px; width:49px;}

#page { width:1280px ;margin: 10px auto; overflow: hidden; =background:#900; }
#page h1{padding:5px 20px; font-size:19px; color:#F39; font-weight:200;}
#page1{ width:280px ;float:left; margin: 0 ;}  /*第1欄*/
#page2{ width:1000px ;float:right; margin: 0 ; font-size:0px}  /*第2欄*/
.pgo { display: inline-block; margin:0px; padding: 2px 8px; background: #C00; color:#FF0; text-decoration: none; }   /* 每次顯示10頁 */
.pgx { display: inline-block; margin:0px; padding: 2px 8px; border:1px dotted #500808; color: #F99; text-decoration: none; }
a:hover { text-decoration: none; color: #FFF;}
.pgt { margin-top:10px; padding: 5px 9px; color: #F90; }
#page2 a{ display: inline-block; margin:0px; padding: 2px 8px; border:1px dotted #500808; color: #F99; text-decoration: none; font-size:14px }
#page2 em{ display: inline-block; margin:0px; padding: 2px 8px; border:1px dotted #500808; color: #F99; text-decoration: none; font-size:14px;font-style: normal; }
.pagenow{ display: inline-block; margin:0px; padding: 2px 8px; background: #C00; color:#FF0; text-decoration: none; font-size:14px } 
.pagego, .pagebtn{display:none;}


#contents { width:990px ;margin: 0 auto; overflow: hidden;}
#contents table {width:100%; margin: 0 auto;  background:url(../images/bg_main.png);  }
#contents td { border:0px solid #F60; }

.joinok { width:940px ;margin:31px auto 10px;  padding: 19px ;background:url(../images/bg_main.png);}
.joinok h5{ font-size:23px;color:#FFF;  letter-spacing:3px; line-height:49px; }
.joinok p{ font-size:20px;color:#868686;  letter-spacing:3px; line-height:39px; }
.mark-y{margin: 0 14px; font-size:23px;color:#FC0; letter-spacing:3px;}
/* pay */
.pay{width:940px ; list-style:none; margin:14px auto 0; padding: 19px ;overflow: hidden; background:url(../images/bg_main.png); }
.pay img{ width:199px; height:75px;}
.pay li {margin:14px 26px 14px 0; width:199px; height:75px; padding:0; float:left;}
.pay h5{font-size:23px;color:#FFF;  letter-spacing:3px;}


/* ary */
.ary{ list-style:none; margin:14px; overflow: hidden; }
.ary_1{margin:0px  0  0 14px ; padding:0;}
.ary_2{margine:5px 0 ; padding:0; width: 293px; overflow: hidden;}
.ary_3{margine: 100px 0; padding: 5px 5px 0 5px; width: 293px; height: 31px; background: #000; color: #FFF; /*letter-spacing: 3px; font-size: 114%;*/}
.ary_1 img{ width:134px; height:190px; border-radius:6px;box-shadow:0px 1px 1px #555; border:3px solid #F39;}
.ary_1 li {margin: 0 25px 0px 1px; width:282px; height:210px; padding:5px ; float:left;}
.ary_1 li h2 {width:268px; height:31px; padding: 0 0 0 6px; background:url(../images/tp_topav.png);}
.ary_1 li h3 {width:268px; height:31px; padding: 0 0 0 6px; background:url(../images/tp_prdvd.png);}
.ary_1 li h4 { font-size:15px; margin:0; padding:0px 0 7px; line-height: 140%; color:#FFF;}
.ary_1 li h4 .photo {margin: 0 10px 0 0; float: left;}
.ary_1 li h5 {width:100%; height:2px; border-top: 2px dotted #C99;}
.ary_1 li p { font-size:14px; margin:0 0 10px; padding:3px 0 0; line-height: 140%;color:#999;}
.imgR {position:relative; left:-327px; }
/* array */
.array{ list-style:none; margin:14px auto 0; padding: 14px 0 5px;overflow: hidden; background:url(../images/bg_main.png); }
.array h1 { font-size:26px; color:#F39; margin:0 20px 5px; text-shadow: 1px 0px 1px #C66;}
.array img{ width:134px; height:190px; border-radius:6px;box-shadow:0px 1px 1px #555; border:3px solid #F39;}
.array li {margin:0 13px 10px 13px; width:282px; height:210px; padding:5px; float:left;}
.array li h4 { font-size:15px; margin:0; padding:0px 0 7px ; line-height: 140%; color:#FFF;}
.array li h4 .photo {margin: 0 10px 0 0; float: left;}
.array li h5 {width:100%; height:2px; border-top: 2px dotted #C99;}
.array li p { font-size:14px; margin:0 0 10px; padding:3px 0 0; line-height: 140%;color:#999;}


.play{ width:990px ; margin:5px auto; background:url(../images/bg_main.png);  overflow: hidden; }
.play1{ width:550px ; padding:20px 10px 0; float:left; margin: 0 ;}  /*第一欄*/
.play2{ width:400px ; padding:10px; float:right; margin: 0 ;}  /*第二欄*/
.play1 p{ padding:0 0 15px 0;}
.play2 h1{padding: 0 0 10px; font-size:31px; color:#F00; text-shadow: 1px 0px 1px #C66; }
.play2 h2{ font-size:31px; color:#F00; border-top: 1px dotted #F99; margin:15px 0;}   /*水平線*/
.play2 h5{ font-size:17px; color:#FFF; font-weight:200; padding:3px 0; }
.ans{ font-size:17px; color:#fec61a;}
.play2 p{ font-size:15px; color:#FFF;padding:3px 0; line-height:172%; }
.inputA { width:510px; overflow:hidden; font-size:12px; color: #fff}

.play_bt{width:241px ;float:left; margin: 0; padding:10px; list-style:none; }
.play_bt li a{display:block; height:85px; }
.play_bt li a:hover{display:block;}
.play_bt li #btnBu{background:url(../images/btn_play.png);width:221px;}
.play_bt li #btnBu:hover {background-position:0 -85px;}
.mrg {margin-right: 7px; }
.play_but{ padding:0; }   /*btn_下載及客服*/


.playing{ width:1050px ; margin:49px auto 14px; padding:10px;background:url(../images/bg_main.png);  overflow: hidden; }
.playing1{ width:680px ;height:400px;  float:left; margin: 0 auto;}  /*第一欄*/
.playing2{ width:568px ; padding:3px 15px 5px 5px; float:right;  list-style:none;  }  /*第二欄*/
.playing2 img{ width:135px; height:120px; border-radius:9px;}
.playing2 li {margin:0;width:135px; height:120px; padding:3px 4px 10px 3px;float:left;}
.play_block{ width: 1040px; margin:0px auto;}

/* member nav */
.loginok { width:995px ;margin:31px auto 10px;  padding:19px 15px 19px 15px ;background:url(../images/bg_main.png); color: #DF5C99;}
.loginok p{ color:#FF3; padding:0 10px 20px; font-size:16.8px;}
.loginok input {width: 250px; height: 30px; margin-bottom: 12px; padding-left: 12px; }
.loginok input[type="radio"] {width: 30px; height: 30px; margin-bottom: 12px; padding-left: 12px; }
.loginok .btn {list-style:none; margin:10px 0 0 3px; color:#000; font-size:14px; text-align:center;}
.loginok h5 a:link {color:#FFF; text-decoration:none; }
.loginok h5 a:visited {color:#FFF; text-decoration:none; }
.loginok h5 a:hover{color:#F39;}

.linkbtn{ list-style:none; margin:10px; font-size:16.8px; text-align:center;}
.linkbtn li {margin:0; padding:0;  float:left;}
.linkbtn li h4 {padding:0 5px 0 0; color:#FC1;}
.linkbtn li h6 {padding:0 31px 0 0; color:#F39;}
.linkbtn li p { border-right: 1px dotted #CCC; padding:0 14px;color:#FC1; }
.linkbtn li .yellow { border-right: 1px dotted #CCC; padding:0 14px;color:#FC1; }
.linkbtn li p a:link {color:#FFF; text-decoration:none; }
.linkbtn li p a:visited {color:#FFF; text-decoration:none; }
.linkbtn li p a:hover{color:#F39;}
.linkbtn li h5 { border-right: 0px solid #CCC; width:68px;}
.linkbtn li h5 a:link {color:#FFF; text-decoration:none; }
.linkbtn li h5 a:visited {color:#FFF; text-decoration:none; }
.linkbtn li h5 a:hover{color:#F39;}
.linkbtn li h2 {padding:0 5px 0 0; }
.linkbtn li h3 {padding:13px 31px 0 5px; color:#CCC; width:288px;text-align:left;}
.linkbtn li h3 a:link {color:#FFF; text-decoration:none; }
.linkbtn li h3 a:visited {color:#FFF; text-decoration:none; }
.linkbtn li h3 a:hover{color:#F39;}

.step{ color:#0CF; padding:0 10px 5px; font-size:19px;}
.paymsg{ background-color: #f00; color:#fff; width: 600px; padding:0 10px 5px; font-size:19px;}
.payitem{ color:#FFF; padding:0 10px 5px; font-size:19px;}
.payitem a:link {color:#FFF; text-decoration:none; }
.payitem a:visited {color:#FFF; text-decoration:none; }
.payitem a:hover{color:#F39;}
.month{ width:931px ; height:260px; background:url(../images/bg-month.png);}
.month h5{  color:#FFF; padding:0 10px 20px; font-size:22px; background:url(../images/bg-month.png);}

#payform {width:620px;margin:0 auto;font-family: 微軟正黑體,Arial; margin:0 ;color:#FFF; }
#payform table {border:1px solid #300; font-size:26px; width: 100%;}
#payform th {border-bottom:1px solid #300;background:#150101; padding:14px; filter:alpha(opacity=70);opacity:0.7;zoom:1; -moz-opacity:0.7; text-align:center; color:#999;}
#payform td {border-bottom:1px solid #300; background:#150101; padding:14px;  filter:alpha(opacity=70);opacity:0.7;zoom:1; -moz-opacity:0.7; text-align:center;}
.form5 { margin:0;  }
.form5 button, .form5 input[type="radio"] { margin:0; border:1px solid #CCC; height:35px; background: url(../images/bg-btn001.jpg);  border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; }
.form5 button h6, .form5 input[type="radio"] { font-weight:normal; color:#000;font-size:15px ; padding:5px; letter-spacing:3px;}
.form5 button:hover, .form5 input[type="radio"]:hover { border-color:#3C7FB1;  background: url(../images/bg-btn002.jpg);}

.blank{width:820px; height:13px; overflow: hidden; }

/* account */
.account{width: 970px;margin:30px auto 0;color: #727272;overflow: hidden;clear: both;}
.account_list{border: #303030 1px solid;width: 179px;color: #DF5C99;line-height: 35px;margin-bottom: 15px;padding-left: 20px;overflow: hidden;font-size: 13px;background: #0f0b06;}
.account_left{width: 218px;float: left;overflow: hidden;margin-right: 12px;}
.account_left a{color: #c5c5c5;text-decoration: none;}
.account_left a:hover{color: #ffd200;text-decoration: none;}
.account_right{width: 740px;float: left;overflow: hidden;color: #DF5C99;}
.account_right input{width: 250px;height: 30px;margin-bottom: 12px;padding-left: 12px;}
.hr1{border-top: 1px solid #0d0d0d;border-bottom: 1px solid #2b2b2b;/*width: 740px;*//*float: right;*/margin: 20px 0;height: 0px;}

#index_ad{width:1000px; margin:0px auto;}
.adblock{width:180px; height: 380px; float:left;}
.badblock{float:left;}
/*.badblock a{width:180px; margin-left: 12px; margin-right: 12px;}*/
.badblock img{width:180px; margin-left: 12px; margin-right: 12px;}
.jointext{float:left; display:block; width:640px; margin:0px 0px 0px 25px;}
.jointext a{width:630px; margin:0px 0px 0px 205px; color: #fff;}
/*footer */
#footer {width:100%; height:143px ;margin:0;  color:#b3acaf; border-top:3px groove #0511b3; overflow: hidden; }
#footerin {width:1153px; height:113px ;margin:0 auto;  clear: both;  }
#footer h1 { width:239px; float:left; text-align:right; padding:41px 0 18px;}
#footer h2 { float:right; margin:30px 20px 0 0;  font-weight:200; }
.footerp { float:right; margin:20px 10px 0 0; font-size:13px; width:850px; font-weight:200;  letter-spacing:3px;}
.btn{ list-style:none; margin:10px 0 0 -8px; color:#000; font-size:14px; text-align:center;}
.btn li {margin:0; padding:0; width:76px; float:left; }
.btn li p { border-right: 1px dotted #CCC; }
.btn li p a:link {color:#FFF; text-decoration:none; }
.btn li p a:visited {color:#FFF; text-decoration:none; }
.btn li p a:hover{color:#F39;}
.btn li h5 { border-right: 0px solid #CCC;}
.btn li h5 a:link {color:#FFF; text-decoration:none; }
.btn li h5 a:visited {color:#FFF; text-decoration:none; }
.btn li h5 a:hover{color:#F39;}

.blank2{width:100%; height:1px; overflow: hidden; =background:#6FC;}

.loginok{ width:990px ; margin:0 auto; background:url(../images/bg_main.png); overflow: hidden; }
.loginok h1{ width:100px ;padding:0; float:left;}
.loginok h2{ width:876px ; padding: 0 0 0 10px; float:right;}
.jmangood{ color:#FFF; font-size:17px; padding: 0 5px; }
.jman{ color:#FC0; font-size:17px;float:left; padding:2px 0 0 ;}
.jmansh{ float:right; }
.loginstar{ color:#FF9; font-size:15px;float:left; padding:2px 0 0 ; letter-spacing:1px;}
.btns{ list-style:none; margin:2px 0 0 -8px; color:#FFF; font-size:19px; text-align:center; float:left;}
.btns li {margin:0; padding:2px 0;  float:left; }
.btns li h6 {padding:0 10px;  border-right: 1px dotted #CCC; }
.btns li h6 a:link {color:#FFF; text-decoration:none; }
.btns li h6 a:visited {color:#FFF; text-decoration:none; }
.btns li h6 a:hover{color:#F39;}
.btns li h5 {padding:0 10px; border-right: 0px solid #CCC; }
.btns li h5 a:link {color:#FFF; text-decoration:none; }
.btns li h5 a:visited {color:#FFF; text-decoration:none; }
.btns li h5 a:hover{color:#F39;}