@charset "utf-8";


html,body,div,span,applet,object,iframe,caption,del,dfn, em,font,img,ins,kbd,q,s,samp,small,strike,strong,tt,var,h1,h2,h3,h4,h5,h6,p,blockquote, pre,a,abbr,acronym,address,big,cite,code,dl,dt,dd,ol,ul,li,fieldset,form,label,legend{
vertical-align:baseline;font-size:100%;outline:0;padding:0;margin:0;border:0;}
ol,ul{list-style:none;}
img{vertical-align:bottom;}
table,tbody,tfoot,thead,tr,th,td{border-collapse:collapse;border-spacing:0;padding:0;margin:0;vertical-align:baseline;font-size:100%;outline:0;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}
:focus{outline:none;}
.CLEAR{width:100%;clear:both;line-height:0;height:0;overflow:hidden;font-size:1px;}
body{font:normal 14px/20px "新細明體";}
input,select,textarea{padding:0;margin:0;vertical-align:middle;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}

.pBG{
position:absolute;
z-index:1;
top:0;
left:0;}
.pCon{
position:relative;
z-index:5;}
.left{
float:left;}
.right{
float:right;}
.alt0{
position:absolute;
left:0;
top:0;}
.wh100{
width:100%;
height:100%;}
.aBody, .aItem,.sh{
overflow:hidden;}
.wrapIn{
width:110%;
overflow:hidden;}
.hide{
display:none;}
.vm{
vertical-align:middle;}
.tc{
text-align:center;}
.ofh{
width:100%;
overflow:hidden;}
.wc1{
width:990px;
margin:0 auto;}
.BG{
display:none;
z-index:70;
position:fixed;
left:0;
top:0;
width:100%;
height:100%;
overflow:hidden;
background-color:white;
opacity:0.7;
filter:alpha(opacity=70);}
.dot{
position:absolute;
left:50%;
top:50%;}
.DOT{
display:none;
z-index:75;}
.nc{
cursor:default;}
.w100{
width:100%;}

body, html{
height:100%;
background-color:black;
-webkit-text-size-adjust:none;}


.preloader{
position:absolute;
z-index:-1;
left:0;
top:0;
width:1px;
height:0px;
overflow:hidden;}

canvas{
background-color:orange;}

.img{
z-index:3;
left:50px;
top:50px;
width:80px;
border:1px dashed rgba(255,255,255,0.7)}
.img img{
width:100%;}
.img .imgBG{
cursor:move;
position:relative;
width:100%;
z-index:5;
background:url(../images/gif.gif);}
.img .imgBG img{
visibility:hidden;}
.img .alt0{
z-index:1;}
.img .rotate, .img .scale{
cursor:pointer;
position:absolute;
right:-25px;
z-index:10;}
.img .rotate{
top:-25px;
width:40px;
height:40px;
background:url(../images/rotate.png) no-repeat;}
.img .scale{
bottom:-25px;
width:39px;
height:38px;
background:url(../images/drag.png) no-repeat;}
.img .delete{
cursor:pointer;
position:absolute;
z-index:10;
left:-30px;
top:-30px;
width:42px;
height:42px;
background:url(../images/close.png) no-repeat;
background-size:100% auto;
}

.loading{
position:fixed;
z-index:10;
opacity:0.7;
background:white url(../images/loading-1.gif) center center no-repeat;}

.Box{
position:relative;
z-index:1;
margin:0 auto;
height:100%;
max-width:600px;}

.BG1{
background:url(../images/bg-1.jpg) center top no-repeat;
background-size:100% auto;}

.ai100 a, .ai100 img{
display:block;
width:100%;}

.shadow1{
-webkit-box-shadow:3px 3px 5px rgba(0,0,0,0.6);
-moz-box-shadow:3px 3px 5px rgba(0,0,0,0.6);
box-shadow:3px 3px 5px rgba(0,0,0,0.6);
}
.shadow2{
-webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.6);
-moz-box-shadow:0px 0px 5px rgba(0,0,0,0.6);
box-shadow:0px 0px 5px rgba(0,0,0,0.6);
}
.pageTop{
-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.6);
-moz-box-shadow:0 5px 10px rgba(0,0,0,0.6);
box-shadow:0 5px 10px rgba(0,0,0,0.6);
}
.pageFoot{
padding:30px 0;
background:url(../images/foot-re-1.png) left top repeat-x;
background-size:100% 100%;}

.pageBody{
min-height:400px;}

.pUpload{
padding:20px 0 0;}
.pUpload label{
cursor:pointer;
padding:20px 0;
display:block;
width:100%;}
.uploadBody{
margin:0 auto;
padding-bottom:20px;
width:300px;
background-color:red;}
.uploadBody .send{
display:block;
width:100%;
text-align:center;}
.uploadBody .send img{
width:50%;}
.Stage_ControllerBox_id img{
display:none;}
.Stage_ControllerBox_id label{
display:block;}

.pTop{
text-align:center;
position:relative;}
.pTop .title{
max-width:480px;
margin:0 auto;}
.pTop .close{
right:5px;
top:5px;
position:absolute;
display:inline-block;
width:40px;
height:40px;
background:url(../images/btn-close-1.gif);
background-size:100% auto;}

.ruleCont{
color:white;
margin:0 auto;
background-color:rgba(0,0,0,0.7);
width:280px;
padding:10px;}
.ruleCont .title{
text-align:center;
font-size:20px;
line-height:30px;
padding:0 0 10px;}
.ruleCont .scroll{
font-size:14px;
overflow:auto;
height:250px;}
.ruleCont .sub{
font-size:16px;
font-weight:700;}
.ruleCont .li1{
padding:5px 0 20px;}
.ruleCont .li1 li{
margin-left:25px;
list-style:outside disc;
padding:3px 0;}
.ruleCont .li2 li{
margin-left:25px;
list-style:outside decimal;
padding:3px 0;}
.ruleCont .warn{
color:red;}
.ruleCont .pri{
width:90%;}
.ruleCont .pri img{
width:100%;}

.stepStates{
padding:10px 0 0;}
.stepStates .steps, .stepStates .btnLogo, .stepStates .next{
min-height:10px;}
.stepStates .steps{
padding-top:3%;
float:left;
width:38%;}
.stepStates .btnLogo2{
text-align:center;
margin:0 auto;
width:24%;}
.stepStates .btnLogo{
text-align:center;
float:left;
width:24%;}
.stepStates .btnLogo span, .stepStates .btnLogo2 span{
display:block;
font-size:18px;
line-height:30px;
color:white;}
.stepStates .next{
float:right;
padding-top:1%;
text-align:right;
width:38%;}
.stepStates .next a{
padding-bottom:17%;}
.stepStates .next img, .stepStates .next a{
display:inline-block;
width:90%;}

.eachStep{
padding:20px 0 0;}

.pStep1{}
.imgSet{
position:relative;
width:300px;
height:300px;
margin:0 auto;
overflow:hidden;
background-color:orange;}
.setImg{
position:relative;
z-index:1;}
.imgDragBox{
opacity:0.5;
z-index:5;
background-position:center center;
background-repeat:no-repeat;}
.dragS{
background:url(../images/gif.gif);}
.dragH{
cursor:pointer;
background-image:url(../images/drag-h.png);}
.dragV{
cursor:pointer;
background-image:url(../images/drag-v.png);}

.iconSelector{
position:absolute;
z-index:50;
background-color:rgba(255,255,255,0.5);}
.iconSelector span{
float:left;
display:block;
width:90px;
padding:5px;}
.iconSelector a{
background-color:rgba(0,0,0,0.9);}
.iconSelector img{
width:100%;}

.imgText{
z-index:20;}

.chooseCity{
width:300px;
height:235px;
margin:0 auto;
overflow:auto;
border-top:2px solid #ff0000;
background-color:rgba(0,0,0,0.7);}
.chooseCity a{
padding:10px 0;
display:block;
color:white;
font-size:16px;
border-bottom:2px solid #404040;
text-decoration:none;}
.chooseCity img, .chooseCity span{
display:inline-block;
vertical-align:middle;}
.chooseCity img{
width:20px;
padding:0 15px}
.chooseCity .txt{
width:190px;}
.chooseCity .check, .formPage .icon{
width:30px;
height:30px;
background:url(../images/input-check-1.png) left bottom no-repeat;
background-size:100% auto;}
.chooseCity .ON .check{
background-position:left top;}
.chooseCity .ON {
color:red;
background-color:white;}

.imgOutput{
width:200px;
margin:0 auto;
padding-bottom:15px;}
.imgOutput img{
width:100%;}
.imgDes{
width:300px;
margin:0 auto;}
.imgDes textarea{
font-size:14px;
font-weight:700;
line-height:26px;
width:284px;
padding:5px;
height:100px;
border:3px solid #a0a0a0;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
background-color:white;}

.formPage{
text-align:center;
color:white;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
margin:0 auto;
width:300px;
padding:10px;
background-color:#a0a0a0;}
.formPage .title{
font-size:16px;
line-height:30px;}
.formPage .input{
padding:10px 0;
font-size:18px;}
.formPage .name{
word-spacing:10px;
padding-right:5px;
display:inline-block;
width:90px;
text-align:right;}
.formPage .each{
padding:0 0 5px;}
.formPage .input input{
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
padding:0 5px;
border:0;
font-size:18px;
line-height:30px;
height:30px;
width:170px;}
.formPage .warn{
padding:10px 0 0;}
.formPage .icon, .formPage .warn img{
vertical-align:middle;}
.formPage .icon{
display:inline-block;}
.formPage .warn img{
width:260px;
padding-left:5px;}
.formPage .warn{
cursor:pointer;}
.formPage .ON .icon{
background-position:left top;}

.pPlayer .loader{
display:inline-block;
width:200px;
background:white url(../images/loading-1.gif) center center no-repeat;}
.playerImg{
width:200px;}
.playerTitle{
padding:5px 0;
line-height:36px;
font-size:26px;
text-align:center;}
.playerTitle span{
display:inline-block;
vertical-align:middle;
padding:0 5px;}
.playerTitle .name{
color:#ff0000;}
.playerTitle .city{
color:#9d9d9d;}
.playerDes{
padding:10px;
width:280px;
margin:0 auto;
color:white;
font-size:14px;
line-height:22px;
border-top:2px solid #7d7d7d;
border-bottom:2px solid #7d7d7d;}

.playerTool{
padding:10px 0;
margin:0 auto;
width:300px;}
.playerTool img, .playerTool span{
display:inline-block;
vertical-align:middle;}
.playerTool span.like{
display:none;}
.playerTool .like img{
width:40px;}
.playerTool .left1{
padding-top:7%;
width:38%;
height:20px;
overflow:hidden;}
.playerTool .left2{
width:62%;}
.playerTool .left2 a{
display:block;
width:100%;
color:white;
text-decoration:none;}
.playerTool .left2 .logo{
width:35%;}
.playerTool .left2 span{
padding-left:10px;}

.inBox{
height:100%;
background-position:center top;}

.mapTitle{
padding:20px 0;}

.mapTaiwan{
position:relative;}
.mapBG{
position:relative;
z-index:1;}
.mapBG .cover{
visibility:hidden;}
.mapBG .alt0, .mapBG .alt0 img{
width:100%;}
.mapTaiwan .rank{
position:absolute;
display:inline-block;
z-index:10;
top:0;
right:0;
width:33%;
margin-top:60%;}
.mapTaiwan .upload{
position:absolute;
display:inline-block;
z-index:10;
top:0;
right:0;
width:33%;
margin-top:69%;}
.mapTaiwan .btn{
z-index:5;}
.mapTaiwan .btn img{
width:100%;}
.mapTaiwan .btn a{
top:0;
position:absolute;
display:inline-block;
width:28%;}
.mapTaiwan .btn .f1{
left:23%;}
.mapTaiwan .btn .f2{
margin-top:26%;
left:7%;}
.mapTaiwan .btn .f3{
margin-top:53%;
left:5%;}
.mapTaiwan .btn .f4{
margin-top:32%;
left:70%;}
.mapTitle2{
padding:15px 0 0;}

.listSearch{
padding:20px 0 10px;
margin:0 auto;
width:300px;}
.listSearch input{
padding:0 10px;
font-size:18px;
line-height:30px;
width:245px;
border:0;
background-color:transparent;
border-bottom:2px solid white;}
.listSearch img{
padding-left:5px;
width:30px;
vertical-align:middle;}
.listBody{
border-top:2px solid red;
background-color:rgba(0,0,0,0.7);
margin:0 auto;
width:300px;
height:300px;
overflow:auto;}
.listBody span{
display:inline-block;
vertical-align:middle;}
.listBody a{
text-align:left;
padding:5px 0;
display:block;
color:white;
width:100%;
text-decoration:none;
border-bottom:2px solid #404040;}
.listBody a .num{
width:15%;
text-align:center;
line-height:30px;
font-size:18px;}
.listBody .pic{
width:15%;
background-color:white;}
.listBody .des{
padding-left:2%;
width:50%;}
.listBody .icon{
width:10%;}
.listBody .name{
font-size:16px;
line-height:24px;
display:block;
width:100%;}
.listBody a .txt{
color:#a0a0a0;}
.listBody .city{
width:60px;}

.nodata{
color:white;
font-size:30px;
line-height:290px;}

.log{
font-size:30px;
line-height:40px;
text-align:center;}

.edgeLoad-EDGE-4003497 {
visibility:hidden; }
.center-wrapper{
overflow:hidden;}

.showWarn{
z-index:15;}
.showWarn img{
width:100%;}