html, body{	
	height:100%;
	width:100%;
	min-width:960px;		
}
a{	
	outline:none;
}

/*----------------transition-----------------*/

.nav_top li:before, .products_nav li:before, .event_review li, .btn_goTop, .btn_goTop span,
.navBtn span, .navBtn:before, .navBtn:after{	
	transition:all .4s;
	-moz-transition:all .4s;
	-webkit-transition:all .4s;
}

/*----------------Loading---------------------*/

.loadingWrap{
	top:0;
	left:0;
	z-index:2000;	
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	overflow:hidden;
	background-image:url(../images/loadingBg.jpg);
}
.loading_logo_1{
	position:absolute;
	width:303px;
	left:50%;
	margin-left:-285px;
	top:45%;
	margin-top:-21px;
}
.loading_logo_2{
	position:absolute;
	width:230px;
	left:50%;
	margin-left: 35px;
	top: 45%;
	margin-top: -50px;
}
.loadingBar{
	position: absolute;
	width: 600px;
	height: 10px;
	top: 53%;
	left: 50%;
	margin-left: -300px;
	border-radius:50px;
	background-color:transparent;
	box-shadow:rgba(0,0,0,.6) 2px 2px 8px inset;
	overflow:hidden;
}
.loadingBar span{
	position:absolute;
	border-radius:50px;
	display:block;
	left:0;
	top:0;
	height:10px;
	width:50%;
	background-color:rgba(0,167,228,.7);
	box-shadow:rgba(0,0,0,.5) 2px 2px 8px inset;
}
/*----------------head-----------------*/

header{
	position:absolute;
	width:100%;
	height: 80px;
	padding-top: 35px;
	z-index:98;	
}
.nav_top{
	width:960px;
	height:45px;	
	margin:0 auto;
}
.nav_top li{
	position:relative;
	float:left;
	width:180px;
	height:32px;
	padding-left:45px;		
}
.nav_top li:nth-child(2), .nav_top li:nth-child(4){	
	width:150px;
}
.nav_top li:nth-child(3){	
	width:138px;
}
.nav_top li:nth-child(6){
	display:none;
}
.nav_top li a{
	position:relative;
	width:136px;
	height:32px;	
	background-image:url(../images/nav.png);
	display:block;
}
.nav_top li:nth-child(1) a{
	background-position:0 0;
}
.nav_top li:nth-child(2) a{
	background-position:-136px 0;
	width:116px;
}
.nav_top li:nth-child(3) a{
	width:93px;
	background-position:-252px 0;
}
.nav_top li:nth-child(4) a{
	width:116px;
	background-position:-345px 0;
}
.nav_top li:nth-child(5) a{
	background-position:-458px 0;
}
.nav_top li:before{
	position:absolute;
	content:"";
	width:44px;
	height:46px;
	background-image:url(../images/nav_wheel.png);
	left: -2px;
	top: -9px;
}
.nav_top li:nth-child(1):hover a{
	background-position:0 -32px;
}
.nav_top li:nth-child(2):hover a{
	width:116px;
	background-position:-136px -32px;
}
.nav_top li:nth-child(3):hover a{
	width:93px;
	background-position:-252px -32px;
}
.nav_top li:nth-child(4):hover a{
	width:116px;
	background-position:-345px -32px;
}
.nav_top li:nth-child(5):hover a{
	background-position:-458px -32px;
}
.nav_top li:hover:before{	
	top:-15px;
	transform:rotate(360deg);
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-ms-transform:rotate(360deg);
}

/*----------------index-----------------*/

.indexWrap{
	background-color:#434343;
	width:100%;
	height:100%;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	overflow:hidden;
}
.index_gradient{
	position:absolute;
	z-index:5;
	width:100%;
	height:100%;	
	background-image:url(../images/indexBg_black.png);
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
}
.index_legal_R{
	position:absolute;
	background-image:url(../images/legal_R.png);
	bottom:20px;
	right:35px;
	width:105px;
	height:75px;
	z-index:6;
}
.index_legal_L{
	position:absolute;
	background-image:url(../images/legal_L.png);
	bottom:20px;
	left:35px;
	width:244px;
	height:14px;
	z-index:6;
}
.index_logo_skechers{
	position:absolute;
	width:419px;
	left:50%;
	margin-left: -350px;
	top: 160px;
	z-index:7;
}
.index_logo_onepiece{
	position:absolute;
	width:230px;
	left:50%;
	margin-left: 70px;
	top: 134px;
	z-index:7;
}
.indexWrap h1{
	width:1000px;
	position:absolute;
	z-index:8;
	left:50%;
	margin-left:-500px;
	top:200px;	
}
.index_scrollDown{
	display:block;
	width:47px;
	height:114px;
	position:absolute;
	background-image:url(../images/scrollDown.gif);
	left:50%;
	margin-left:-23px;
	bottom:60px;
	z-index:7;
}
.indexWrap main{
	position: absolute;
	width: 100%;
	height: 800px;
	z-index: 4;
	left: 0;
	top: 55%;
	margin-top: -400px;	
	overflow: hidden;
}
.indexWrap main li{
	float:left;
	position:relative;
	width:12.5%;
	height:850px;	
	overflow:hidden;
}
.index_texture{
	position:absolute;
	width:50%;
	left:0;	
	z-index:2;
}
.index_shoes{
	position:absolute;
	z-index: 3;
	width: 114%;
	top: 53%;
	left: -7%;	
}
.indexWrap main li .index_characters{
	position: absolute;
}
.indexWrap main li:nth-child(1) .index_characters{	
	width: 261%;	
	margin-top: -55%;
	margin-left: -50%;
	top: 50%;
}
.indexWrap main li:nth-child(2) .index_characters{	
    width: 180%;
    top: 50%;
    margin-left: -13%;
    margin-top: -55%;
}
.indexWrap main li:nth-child(3) .index_characters{	
	width: 285%;	
	margin-top: -50%;	
	margin-left: -73%;	
	top: 50%;
}
.indexWrap main li:nth-child(4) .index_characters{	
	width: 195%;
	margin-left: -11%;	
	margin-top: -60%;
    top: 50%;
}
.indexWrap main li:nth-child(5) .index_characters{	
	width: 230%;	
	margin-top: -57%;	
	margin-left: -33%;
	top: 50%;
}
.indexWrap main li:nth-child(6) .index_characters{	
	width: 255%;		
	margin-left: -45%;
	top:50%;
	margin-top: -70%;
}
.indexWrap main li:nth-child(7) .index_characters{	
	width: 260%;
	margin-top: -55%;
	margin-left: -42%;
	top: 50%;
}
.indexWrap main li:nth-child(8) .index_characters{	
	width: 180%;
	margin-top: -60%;
	margin-left: 4%;
	top: 50%;
}
.index_characters_gray{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	display:block;
}

/*----------------second-----------------*/

.secondWrap{
	position:relative;
	width:100%;
	height: 7850px;
	overflow:hidden;
	padding-top:280px;
}
.secondWrap_bg{
	position:absolute;
	width:1920px;
	height:8835px;
	top:0;
	left:50%;
	margin-left:-960px;
	z-index:0;
	background:#b49c76 url(../images/bg_main.jpg) no-repeat;
}

/*-------event--------*/

.eventWrap{
	position:relative;
	width:960px;
	height:auto;
	margin:0 auto;	
}
.eventWrap h2{
	position: relative;
	width:90%;
	margin:0 auto;
	display:block;
	z-index:2;	
}
.event_photo {
    width: 100%;
    margin: -60px auto 0;
    position: relative;
    z-index: 1;
}
.event_btn{
	position:relative;
	width:100%;
	height:80px;
	margin:75px auto 95px;
}
.event_btn a{
	left:50%;
	background-position:top;
}
.event_btn a, .event_btn a span{
	width:370px;
	height:80px;
	position:absolute;
	top:0;
	display:block;	
}
.event_btn a.btn_instructions{
	margin-left:-411px;
}
.event_btn a.btn_instructions, .event_btn a.btn_instructions span{
	background-image:url(../images/btn_instructions.png);
}
.event_btn a.btn_join{
	margin-left:41px;
}
.event_btn a.btn_join, .event_btn a.btn_join span{
	background-image:url(../images/btn_join.png);
}
.event_btn a span{
	left:0;
	background-position:bottom;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;	
	transition: all 0.2s ease-out;
	opacity: 0;
	filter: alpha(opacity=0);	
}
.event_btn a:hover span{
	opacity: 1;
	filter: none;
	cursor: pointer;
}
.eventWrap h3{
	display:block;
	position:relative;
	width:239px;
	margin-bottom:60px;
}
.event_review{
	width:100%;
	margin:0 auto 80px;
}
.event_review li:hover{
	top:-8px;
	position:relative;	
}
.event_grading{
	width:100%;
	margin:0 auto;
	height:220px;	
}
.event_grading li{
	position:absolute;
	width:220px;
	left:40%;
	top:0;
}
.event_grading_1{
	z-index:6;	
	margin-left:-400px;	
	/*margin-left:auto;*/
}
.event_grading_2{
	z-index:5;
	margin-left: -245px;
	/*margin-left:auto;*/
}
.event_grading_3{
	z-index:4;
	margin-left: -90px;
	/*margin-left:auto;*/
}
.event_grading_4{
	z-index:3;
	margin-left: 65px;
	/*margin-left:auto;*/
}
.event_grading_5{
	z-index:2;
	margin-left:220px;
	/*margin-left:auto;*/
}
.event_grading_6{
	z-index:1;
	margin-left: 370px;
	/*margin-left:auto;*/
}
.event_text{
	position:relative;
	width:900px;
	margin:50px auto 60px;
}
.middle{	
	width:1100px;
	margin:0 auto 200px;
}

/*-------video--------*/

.videoWrap{
	position:relative;
	width:100%;
	height:auto;
	margin:0 auto;	
}
.videoMain{
	width:960px;
	height:auto;	
	margin:27px auto 0;	
}
.videoMain h2{
	position:relative;
	width:100%;	
	margin: 0 auto 30px;
}
.videoScreen{
	position:relative;
	width:100%;
	height:569px;	
	z-index:3;	
	background-image:url(../images/video_bg.png);
}
.video_shoes{
	position: absolute;	
	width: 350px;	
	top: -125px;	
	left: -190px;
	z-index:5;
}
#video{
	width:880px;
	height:500px;
	border-radius:8px;
	border:#000 6px solid;
	box-shadow:#000 0 0 21px inset;
	left:50%;
	top:50%;
	margin:-250px 0 0 -440px;
	position:absolute;
	z-index:3;
}
.video_border{
	position:absolute;
	width:2520px;
	height:58px;
	left:50%;
	top:50%;
	margin:-29px 0 0 -1260px;
	transform-origin:center center;
	-webkit-transform-origin:center center;
	-moz-transform-origin:center center;
	-ms-transform-origin:center center;
	z-index:1;
	background-image:url(../images/video_border.png);
}
.video_border_1{
	transform: rotate(-14deg);
	-webkit-transform: rotate(-14deg);
	-moz-transform: rotate(-14deg);
	-ms-transform: rotate(-14deg);
    margin: 35px 0 0 -1260px;
}
.video_border_2{
	transform: rotate(6deg);
	-webkit-transform: rotate(6deg);
	-moz-transform: rotate(6deg);;
	-ms-transform: rotate(6deg);
    margin: 86px 0 0 -1260px;
}


/*-------products--------*/

.productsWrap{
	position:relative;
	width:100%;
	height:auto;
	margin:250px auto 0;	
}
.products_top{
	width:960px;
	height:auto;	
	margin:0 auto 0;
}
.products_top h2{
	width:100%;	
	margin:0 auto 20px;
}
.products_nav{
	width:1041px;
	height:192px;
	position:relative;
	left:50%;
	margin-left:-520px;
	background-image:url(../images/products_navBg.png);
	z-index:3;	
}
.products_nav ul{
	position:absolute;
	width:960px;
	height:116px;
	top:50%;
	left:50%;
	margin:-58px 0 0 -480px;
	background-color:#524e4e;
}
.products_nav li{
	width:120px;
	height:116px;
	position:relative;
	float:left;
	border:#000 3px solid;
	overflow:hidden;
}
.products_nav li:before{
	content:"";
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background-color:#000;
	opacity:0.7;
	z-index:5;
	pointer-events: none;
}
.products_nav li:hover:before,
.products_nav li.select:before{	
	opacity:0;	
}
.products_nav li a{
	position:absolute;
	display:block;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:1;	
}
.products_nav li:nth-child(1) a img {
    position:absolute;
    width: 360px;
    top: 0;
    left: -115px;
}
.products_nav li:nth-child(2) a img {
	position:absolute;
	width: 280px;	
	top: -14px;	
	left: -88px;  
}
.products_nav li:nth-child(3) a img {
    position:absolute;
    width: 360px;
    top: 0;
    left: -130px;
}
.products_nav li:nth-child(4) a img {
	position: absolute;	
	width: 271px;	
	top: -12px;	
	left: -64px;
}
.products_nav li:nth-child(5) a img {
    position:absolute;
	width: 340px;	
	top: -9px;	
	left: -101px;
}
.products_nav li:nth-child(6) a img {
    position:absolute;
	width: 388px;	
	top: -21px;	
	left: -125px;
}
.products_nav li:nth-child(7) a img {
    position:absolute;
	width: 410px;	
	top: 7px;	
	left: -133px;
}
.products_nav li:nth-child(8) a img {
    position:absolute;
	width: 250px;	
	top: -4px;	
	left: -45px;
}
.products_show{
	position:relative;
	width:1920px;
	height:766px;
	left:50%;
	margin-left:-960px;
	background-image:url(../images/productShow_bg.jpg);
	z-index:1;
	margin-top: 35px;
}
.productShow_cover{
	position:absolute;
	width:1920px;
	height:140px;
	left:50%;
	margin-left:-960px;
	top: -80px;
	background-image:url(../images/productShow_cover.png);
	z-index:5;	
}
.productShow_cover_reverse{	
	top:auto;
	bottom:-75px;
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	transform:rotate(180deg);
}
.productsShow_main{
	width:1920px;
	height:766px;
	position:absolute;
	left:50%;
	margin-left:-960px;
	z-index:3;
	overflow: hidden;	
}
.productsShow_all{
	position:absolute;
	width:1374px;
	height:766px;
	top:0;
	left:50%;
	margin-left:-687px;		
}
.productShow_cont{
	position:absolute;
	width:1374px;
	height:766px;
	top:0;
	left:50%;
	margin-left:-687px;	
	z-index:1;	
}
.productsShow_1 .productShow_cont{
	background-image:url(../images/productShow_blackbeard.png);
}
.productsShow_2 .productShow_cont{
	background-image:url(../images/productShow_marco.png);
}
.productsShow_3 .productShow_cont{
	background-image:url(../images/productShow_whitebeard.png);
}
.productsShow_4 .productShow_cont{
	background-image:url(../images/productShow_ace.png);
}
.productsShow_5 .productShow_cont{
	background-image:url(../images/productShow_luff.png);
}
.productsShow_6 .productShow_cont{
	background-image:url(../images/productShow_law.png);
}
.productsShow_7 .productShow_cont{
	background-image:url(../images/productShow_jinbe.png);
}
.productsShow_8 .productShow_cont{
	background-image:url(../images/productShow_hancock.png);
}
.productShow_shoes{
	position:absolute;
	z-index:5;	
}
.productsShow_1 .productShow_shoes{
	width:598px;	
	top: 90px;	
	left: 330px;	
}
.productsShow_1 .productShow_characters {
    position: absolute;
    width: 660px;
    top: 114px;
    left: -192px;
    z-index: 3;  
}
.productsShow_1 .productShow_name {
    position: absolute;
    width: 257px;
	height:70px;
	top: 637px;	
	left: 217px;
    z-index: 4; 
	background-image:url(../images/productShow_name_blackbeard.png); 
}
.productsShow_2 .productShow_shoes{
	width:608px;	
	top: 82px;	
	left: 314px;	
}
.productsShow_2 .productShow_characters {
    position: absolute;
	width: 410px;	
	top: 80px;	
	left: -25px;
    z-index: 3;  
}
.productsShow_2 .productShow_name {
    position: absolute;
    width: 156px;
	height:70px;
	top: 638px;	
	left: 215px;
    z-index: 4; 
	background-image:url(../images/productShow_name_marco.png); 
}
.productsShow_3 .productShow_shoes{
	width:675px;	
	top: 45px;	
	left: 267px;	
}
.productsShow_3 .productShow_characters {
	position: absolute;
	width: 846px;	
	top: 215px;	
	left: -315px;
    z-index: 3;  
}
.productsShow_3 .productShow_name {
    position: absolute;
    width: 269px;
	height:70px;
	top: 636px;	
	left: 215px;
    z-index: 4; 
	background-image:url(../images/productShow_name_whitebeard.png); 
}
.productsShow_4 .productShow_shoes{
	width: 576px;		
	top: 74px;	
	left: 305px;	
}
.productsShow_4 .productShow_characters {
	position: absolute;
	width: 549px;	
	top: 175px;	
	left: -120px;
    z-index: 3;  
}
.productsShow_4 .productShow_name {
    position: absolute;
	width: 304px;	
	height: 70px;	
	top: 670px;	
	left: 152px;
    z-index: 4; 
	background-image:url(../images/productShow_name_ace.png); 
}
.productsShow_5 .productShow_shoes{
	width: 593px;	
	top: 88px;	
	left: 313px;	
}
.productsShow_5 .productShow_characters {
	position: absolute;
	width: 693px;	
	top: 82px;	
	left: -210px;
    z-index: 3;  
}
.productsShow_5 .productShow_name {
    position: absolute;
	width:259px;	
	height: 70px;	
	top: 636px;	
	left: 215px;
    z-index: 4; 
	background-image:url(../images/productShow_name_luff.png); 
}
.productsShow_6 .productShow_shoes{
	width: 599px;	
	top: 65px;	
	left: 309px;	
}
.productsShow_6 .productShow_characters {
	position: absolute;
	width: 632px;	
	top: 58px;	
	left: -133px;
    z-index: 3;  
}
.productsShow_6 .productShow_name {
    position: absolute;
	width: 273px;
	height: 70px;	
	top: 646px;	
	left: 148px;
    z-index: 4; 
	background-image:url(../images/productShow_name_law.png); 
}
.productsShow_7 .productShow_shoes{
	width: 609px;		
	top: 65px;	
	left: 304px;	
}
.productsShow_7 .productShow_characters {
	position: absolute;
	width: 480px;	
	top: 158px;	
	left: -70px;
    z-index: 3;  
}
.productsShow_7 .productShow_name {
    position: absolute;
	width:152px;	
	height: 70px;	
	top: 646px;	
	left: 270px;
    z-index: 4; 
	background-image:url(../images/productShow_name_jinbe.png); 
}
.productsShow_8 .productShow_shoes{
	width: 651px;	
	top: 65px;	
	left: 263px;	
}
.productsShow_8 .productShow_characters {
	position: absolute;
	width: 402px;	
	top: 24px;	
	left: 15px;
    z-index: 3;  
}
.productsShow_8 .productShow_name {
    position: absolute;
	width:256px;	
	height: 70px;	
	top: 646px;	
	left: 165px;
    z-index: 4; 
	background-image:url(../images/productShow_name_hancock.png); 
}
.middle2{	
	width:1920px;
	left:50%;
	margin-left:-960px;
	margin-top:140px;
}

/*-------bottom--------*/

.bottom{
	position:relative;
	width:960px;
	height:auto;
	margin:70px auto 0;	
}
.bottom h2{
	position:relative;
	width:100%;
	height:auto;
	margin:0 auto 0;	
}
.bottom main{
	position:relative;
	width:100%;
	height:auto;
	margin:-55px auto 0;	
}

/*---------------------------btn_goTop---------------------------*/

.btn_goTop{	
	position:fixed;
	width:48px;
	height:48px;
	border-radius:50%;
	background-color:#e72828;
	bottom:60px;
	left:50%;
	margin-left:575px;
	display:none;
	z-index:999;
}
.btn_goTop span{
	display:block;
	position:absolute;
	width:29px;
	height:18px;
	left:50%;
	top:50%;
	margin:-9px 0 0 -15px;
	background-image:url(../images/goTop.png);	
}
.btn_goTop:hover{	
	background-color:#00aaf9;	
}
.btn_goTop:hover.btn_goTop span{	
	margin:-12px 0 0 -15px;
}

/*---------------------------form---------------------------*/

.formWrap {
    width: 100%;
    height:100%;
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;	
	overflow-x:hidden;
	background-color:rgba(0,0,0,.9);
	font-family:"微軟正黑體", Arial, "Microsoft JhengHei UI Light";
}
.popup_formBg{	
	width:850px;
	height:auto;	
	position:relative;
	margin:50px auto;
	padding-bottom: 60px;
	padding-top:65px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fcf0d5+33,e4cb97+100 */
	background: #fcf0d5; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  #fcf0d5 33%, #e4cb97 100%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover,  #fcf0d5 33%,#e4cb97 100%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center,  #fcf0d5 33%,#e4cb97 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcf0d5', endColorstr='#e4cb97',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */	
	overflow: hidden;
}
.form_material{
	position:absolute;
	z-index:0;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	background-image: url(../images/form_material.png);
}
.form_material_2{	
	left: -285px;
	top: 200px;
}
.popup_formBg h2{
	position:relative;
	display:block;
	width:350px;
	margin:0 auto;	
}
.popup_close{	
	top:0;
	right:0;	
	z-index: 10;
	background-position:top;
}
.popup_close, .popup_close span{
	display:block;
	position:absolute;
	width:88px;
	height:97px;
	background-image: url(../images/popup_close.png);
}
.popup_close span{
	left:0;
	top:0;
	background-position:bottom;	
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;	
	transition: all 0.2s ease-out;
	opacity: 0;
	filter: alpha(opacity=0);	
}
.popup_close:hover span{
	opacity: 1;
	filter: none;
	cursor: pointer;
}
.form_main{
	position:relative;
	width:500px;
	height:auto;	
	margin:50px auto 0;
	padding-left: 20px;
    left: 20px;
}
.form_main>div{
	width:100%;
	height:50px;
	margin-bottom:28px;
	position:relative;
}
.form_main > div span {
    display: block;
    position: absolute;
    width: 105px;
    height: 40px;
    line-height: 40px;
    text-align: right;
    font-size: 20px;
    color: #000;
    font-weight: bolder;
    top: 3px;
    left: -125px;
}
.form_main input{
	width:480px;
	height:50px;
	border:#a57843 3px solid;
	background-color:rgba(0,0,0,.8);
	padding-left:22px;
	line-height:50px;
	color:#FFF;
	font-weight:bolder;
	font-size:18px;
	letter-spacing: 1px;
}
.form_account{
	width:495px !important;
}
.form_memberData{
	width:495px !important;
}
.form_account input{
	width: 150px;
	display: inline-block;
	margin-right: 11px;
	text-align:center;
	padding-left:0;
}
.form_memberData input{
	width: 233px;
	display: inline-block;
	margin-right: 11px;
	font-size: 17px;
}
.btn_add{
	top:7px;
	left:-57px;
	background-position:top;
}
.btn_delete{
	top:7px;
	right:-47px;	
	background-position:top;
}
.btn_add, .btn_delete, .btn_add span, .btn_delete span{
	display:block;
	position:absolute;
	width:37px !important;
	height:37px !important;
	background-image: url(../images/btn_add.png);	
}
.btn_delete, .btn_delete span{	
	background-image: url(../images/btn_delete.png);	
}
.btn_add span, .btn_delete span{
	left:0 !important;
	top:0 !important;
	background-position:bottom;	
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;	
	transition: all 0.2s ease-out;
	opacity: 0;
	filter: alpha(opacity=0);	
}
.btn_add:hover span, .btn_delete:hover span{
	opacity: 1;
	filter: none;
	cursor: pointer;	
}
.checkAgree{
	position:relative;
	width:100%;
	height: 37px !important;
}
input[type=checkbox]{
	left:-9999px;
	/*visibility: hidden;*/
	position: absolute;
}
input[type=checkbox]:checked+label .agree {
	background-position:-37px 0;
}
.agree {	
	display:block;
	width: 37px;
	height: 37px;
	background: url(../images/check.png) 0 0 ;
	top: 0 ;
	left:0;
	position:absolute;
	cursor:pointer;
	z-index:10;
}
.agreeText{
	position: absolute;
	top: 2px;
	left: 50px;	
	font-weight: bolder;
	font-size: 20px;
}
.agreeText a{
	color:#a57843;
	text-decoration:underline;
}
.agreeText a:hover{
	color:#674114;
}
.btn_ok {
	margin:0 auto;
	position:relative;
	background-position:top;
}
.btn_ok, .btn_ok span{
	display:block;
	width:370px;
	height:77px;
	background-image:url(../images/btn_ok.png);
}
.btn_ok span{
	position:absolute;
	left:0 ;
	top:0 ;
	background-position:bottom;	
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;	
	transition: all 0.2s ease-out;
	opacity: 0;
	filter: alpha(opacity=0);	
}
.btn_ok:hover span{
	opacity: 1;
	filter: none;
	cursor: pointer;	
}

/*---------------------------success---------------------------*/

.successWrap {
    width: 100%;
    height:100%;
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;	
	overflow-x:hidden;
	background-color:rgba(0,0,0,.9);
	font-family:"微軟正黑體", Arial, "Microsoft JhengHei UI Light";
}
.popup_successBg{	
	width:875px;
	height:791px;	
	position:relative;
	margin:50px auto;	
	background-image:url(../images/success_bg.png);
	padding-top: 160px;
}
.successWrap .popup_close {
    top: 30px;
    right: 20px; 
}
.successWrap h2{
	position:relative;
	display:block;
	width:350px;
	margin:0 auto;	
}
.success_cont{
	position:relative;
	width:450px;
	margin:80px auto 50px;
}
.popup_successBg .btn_ok, .popup_successBg .btn_ok span{
	display:block;
	width:330px;
	height:69px;
	background-image:url(../images/btn_return.png);
}
.success_cont span {
    position: absolute;
    font-weight: bolder;
    font-size: 22px;
    color: #000;
	top: 11px;
	left: 145px;
    letter-spacing: 1px;
    width: 135px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;   
    text-align: center;
}
.success_law{
	position: absolute;	
	width: 400px;	
	top: 7px;	
	left: -155px;	
	z-index: 0;
}

/*---------------------------info---------------------------*/

.infoWrap {
    width: 100%;
    height:100%;
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;	
	overflow-x:hidden;
	background-color:rgba(0,0,0,.9);
	font-family:"微軟正黑體", Arial, "Microsoft JhengHei UI Light";
}
.infoBg{	
	width:875px;
	height:auto;	
	position:relative;
	margin:50px auto;
}
.infoBg .popup_close {
    top: 25px;
    right: 30px;   
}
.info_a1, .info_a2{
	position:absolute;
	font-size:16px;
	text-decoration:underline;
	color:#2b67d4;
	font-weight:bold;
}
.info_a1{
	top: 1217px;
	right: 77px;
}
.info_a2{
	top: 1768px;
	right: 135px;
}
#infoTop_1{
	position:absolute;
	top: 65px;
	left: 105px;
}
#infoTop_2{	
    position:absolute;
	top: 765px;
	left: 105px;
}
/*----------------navBtn---------------------*/

.navSwitch.navBtn span{
	display:none;	
}
.navSwitch.navBtn:before{
	top:60px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	background-color:#FFF;
}
.navSwitch.navBtn:after{	
	bottom:30px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	background-color:#FFF;
}
.navBtn{
	position:fixed;
	display: block;
	width: 100px;
	height: 100px;
	right: 20px;
	top: 20px;	
	outline: none;
	z-index:98;
	display:none;
	background-color:#000;	
}
.navBtn span,
.navBtn:before,
.navBtn:after{
	position:absolute;	
	width:80px;
	height:10px;
	left:10px;	
	border-radius:10px;
	background-color:#FFF;
	transform-origin:center center;
	-moz-transform-origin:center center;
	-webkit-transform-origin:center center;	
}
.navBtn span{
	display:block;
	top:50%;
	margin-top: -5px;
	z-index:1;
}
.navBtn:before{
	content:"";
	z-index:2;
	top:20px;
}
.navBtn:after{
	content:"";
	z-index:3;
	bottom:20px;
}