/* ==reset.css================= */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img {
	border:0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal;
}
ol, ul {
	list-style:none;
}
caption, th {
	text-align:left;
}
/*h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}*/
q:before, q:after {
	content:'';
}
abbr, acronym {
	border:0;
}
iframe{scrollbar-3dlight-color: #000000;  
  scrollbar-darkshadow-color: #000000;
  }
/* ==reset.css================= */

*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;}
map *:focus {outline: 1;}
a{text-decoration:none;outline:0;/* for Firefox Google Chrome  */ behavior:expression(this.onFocus=this.blur()); /* for IE */}
img{border:0;vertical-align:middle;}
html{width: 100%;height: 100%;margin: 0 auto;font-family:Arial,Times New Roman,"微軟正黑體";-webkit-text-size-adjust:none;}

body{width: 100%;height: 100%;margin: 0 auto;background-image: url(../images/bodybg.jpg);background-repeat: repeat;background-position: center top;
top:200px;}
/*#wrap{width:100%;margin:0 auto;overflow:hidden;padding-top:56px;}*/

@media only screen and (min-width:992px) {body {font-size:18px;}}

/*nav*/
.clearfix:after {clear:both;display:block;visibility:hidden;height:0;content:"."}
.clearfix {zoom:1}

.fleft{float:left}
.fright{float:right}

.menu{position:fixed;width:100%;z-index:100;-webkit-box-shadow:0px 0px 5px rgba(0, 0, 0, 0.5);box-shadow:0px 0px 5px rgba(0, 0, 0, 0.5);padding:15px;background-color:#fff;line-height:0}

.menu .logo {display:inline-block}
.menu .logo img {width:auto;height:30px}

.login_btn {/* background-color:#e4c707; */-webkit-transition:.2s ease;-o-transition:.2s ease;transition:.2s ease;/* border-radius:5px;border:2px solid #48342b; */display:inline-block;padding:8px}
.login_btn img {height:16px;width:auto}
/* .login_btn:hover {-webkit-box-shadow:0px 2px 6px rgba(0, 0, 0, 0.3);box-shadow:0px 2px 6px rgba(0, 0, 0, 0.3);-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)} */

#menu_icon {width:36px;height:28px;position:relative;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);margin-top:3px;margin-left:15px;cursor:pointer;display:block}
#menu_icon span {display:block;position:absolute;height:2px;border-radius:2px;width:100%;background:#48342b;opacity:1;left:0;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out}
#menu_icon span:first-child {top:0px;-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}
#menu_icon span:nth-child(2) {top:50%;margin-top:-1px}
#menu_icon span:nth-child(3) {bottom:0;-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom}
#menu_icon.open span:first-child {-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
#menu_icon.open span:nth-child(2) {width:0%;opacity:0}
#menu_icon.open span:nth-child(3) {-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}


@media only screen and (min-width:1170px) {#menu_icon {display:none}}

.main {max-width:1200px;margin-right:auto;margin-left:auto}
@media only screen and (min-width:768px) {.main {padding-left:20px;padding-right:20px}}

.group_anchor_menu {height:80px;margin:0 auto;}
.anchor_menu {position:relative;text-align:center;max-width:1160px;width:100%;margin:auto;z-index:100;display:none;position:fixed;top:52px; }
.anchor_menu .anchor {display:inline-block;margin-left:5px;margin-right:5px}
.anchor_menu .anchor img {width:auto}
/*.anchor_menu.fixed {position:fixed;top:53px}有問題先移除*/

@media only screen and (max-width:1169px) {	.group_anchor_menu {display:none}}
@media only screen and (min-width:1170px) {	.anchor_menu {display:block}}

.m_anchor_menu {text-align:center;padding:20px;display:block;position:fixed;top:54px;right:-100%;background:rgba(27,16,16,0.9) ;width:50%;z-index:50;height:100%;-webkit-transition:.8s ease;-o-transition:.8s ease;transition:.8s ease}
.m_anchor_menu .anchor {display:block;color:#333}
.m_anchor_menu .anchor img {height:60px;width:auto;margin:4px auto;}/*手機版選項高度*/
.m_anchor_menu.open {right:0}

@media only screen and (min-width:1170px) {.m_anchor_menu {display:none}}


/*版頭*/
.Wcont{width: 1200px;height: 1000px; text-align: center;margin: 0 auto;margin-top: 60px;position: relative;	z-index: 1;background-image:url(../images/Bnbg.png);background-repeat: no-repeat;background-position: top center;}

.Wcont_M{width: 100%;height: auto; text-align: center;margin: 0 auto;padding-top: 54px;position: relative;z-index: 1;display:none;}
.Wcont_M:after{	content: '';display: block;	clear: both;}
/*.topBn_M{position: absolute;width: 100%;height: auto;margin: 0 auto;z-index: 2;display:none;}*/
.Wcont_M img{width: 100%;height: auto;margin: 0 auto;}
@media only screen and (max-width:1025px){
	.Wcont,.topBn,.topBneat,.topBn2,.topBn2s1,.topBn2s2,.topBn2s3,.topBn2s4,.topBn2s5,.topBn2s6,.topBn3 ,.topBn4{display:none;}
	.Wcont_M,.topBn_M{display:block;}
}

.cont{	width: 1200px;	text-align: center;	margin: 0 auto;	padding-top: 50px;	position: relative;	z-index: 1;}
.cont2{	width: 1200px;	text-align: center;	margin: 0 auto;	position: relative;	overflow: hidden;/*clearboth沒作用,用這個才有效*/}
.topBn{position: absolute;width: 565px;	height: 257px;top: 20px;left: 321px;z-index: 2;}
.topBneat{position: absolute;width: 565px;height: 257px;top: 20px;left: 321px;z-index: 10;}
.topBn2{position: absolute;	width: 595px;height: 437px;	top: 320px;	left: 293px;z-index: 2;}
.topBn2s1{	position: absolute;	width: 595px;	height: 437px;	top: 330px;	left: 293px;	z-index: 2;}
.topBn2s2{	position: absolute;	width: 595px;	height: 437px;	top: 344px;	left: 293px;	z-index: 2;}
.topBn2s3{	position: absolute;	width: 437px;	height: 437px;	top: 311px;	left: 370px;	z-index: 2;}
.topBn2s4{	position: absolute;	width: 480px;	height: 343px;	top: 307px;	left: 406px;	z-index: 2;}
.topBn2s5{	position: absolute;	width: 406px;	height: 310px;	top: 409px;	left: 271px;	z-index: 2;}
.topBn2s6{	position: absolute;	width: 182px;	height: 207px;	top: 363px;	left: 590px;	z-index: 2;}

.topBn3{position: absolute;	width: 1024px;	height: 740px;	top: 257px;	left: 113px;	z-index: 2}
.topBn4{position: absolute; width: 308px; height: 530px;top: 395px;left: 875px;z-index: 2;}

.title{	position: absolute;	width: 858px;	height: 241px;	top: 48px;	left: 183px;z-index: 2;}
.ts1{position: absolute;width: 858px;height: 104px;	top: 304px;	left: 178px;z-index: 2;}
.ts2{position: absolute;width: 599px;height: 249px;	top: -61px;	left: 133px;z-index: 2;}
.ts3{position: absolute;width: 858px;height: 104px;	top: 130px;	left: 178px;z-index: 2;}
.ts4{position: absolute;width: 830px;height: 312px;	top: -76px;	left: 115px;z-index: 2;}
.ts5{position: absolute;width: 610px;height: 268px;	top: -129px;left: 143px;z-index: 2;}
.ts6{position: absolute;width: 728px;height: 163px; top: 612px; left: 221px;z-index: 2;}
.ts7{position: absolute;width: 904px;height: 145px;top: 1267px;left: 153px;z-index: 2;}
.ts8{position: absolute;width: 653px;height: 258px;top: -130px;left: 153px;z-index: 2;}
.ts9{position: absolute;width: 904px;height: 170px;top: 140px;left: 153px;z-index: 2;}

/*第一段內容*/
.Wcont2{width: 1200px;	height: 1250px;	text-align: center;	margin: 0 auto;	position: relative;	background-image:url(../images/blackbg2.png);background-repeat: no-repeat;background-position: top center;}
.Wcont2:after{content: '';	display: block;	clear: both;}
.W2pic{position: absolute;width: 1030px;height: 783px;top: 325px;left: 87px;z-index: 2;}
.W2pic2{position: absolute;width: 135px;height: 273px;top: 1025px;left: 730px;z-index: 0;}

.Wcont2_M{position: relative;width:96%;height:auto;margin: 0 auto 15px;background-color: rgba(30,27,27,0.7);padding: 4% 2%;display: none;}
.Wcont2_M:after{content: '';display: block;	clear: both;}
@media only screen and (max-width:1025px){
	.Wcont2{display:none;}
	.Wcont2_M{display:block;}
	.title_M{width: 100%;height: auto;	top: 10px;	left: 0;z-index: 2;margin: 0 auto;text-align: center;}
	.title_M img{width: 100%;height: auto;z-index: 2;}
	.ts1_M {width: 100%;height: auto;margin: 5% auto 3%;z-index: 2;}	
	.ts1_M img{max-width: 70%;height: auto;margin: 5% auto 3%;z-index: 2;}	

}


/*第二段內容*/
.Wcont3{width: 1200px;	height: 1100px;	text-align: center;	margin: 0 auto;	position: relative;	background-image:url(../images/blackbg3.png);background-repeat: no-repeat;background-position: top center;}
.Wcont3:after{content: '';display: block;	clear: both;}
.W3pic{position: absolute;width: 925px;height: 428px;top: 188px;left: 129px;z-index: 2;}
.W3pic2{position: absolute;width: 954px;height: 317px;top: 682px;left: 134px;z-index: 2;}

.Wcont3_M{position: relative;width:96%;height:auto;margin: 0 auto 15px;background-color: rgba(30,27,27,0.7);padding: 4% 2%;display: none;}
.Wcont3_M:after{content: '';display: block;	clear: both;}
@media only screen and (max-width:1025px){
	.Wcont3{display:none;}
	.Wcont3_M{display:block;}
	.W3pic_M{/*position: absolute;*/width: 100%;height: auto;top: 15px;left: 0;z-index: 2;margin: 0 auto;text-align: center;}
	.W3pic_M img{max-width: 100%;height: auto;z-index: 2;}/*用max-width可以控制大到100%，不能加absolute，無法移至center*/
	.W3pic2_M{/*position: absolute;*/width: 100%;height: auto;top: 15px;left: 0;z-index: 2;margin: 0 auto;text-align: center;}
	.W3pic2_M img{width: 50%;height: auto;z-index: 2;float: left;padding-top: 2%;}
}

/*第三段內容*/

.Wcont4{width: 1200px;	height: 900px;	text-align: center;	margin: 0 auto;	position: relative;	background-image:url(../images/blackbg4.png);background-repeat: no-repeat;background-position: top center;}
.Wcont4:after{content: '';display: block;	clear: both;}

.Wcont4_M{position: relative;width:96%;height:auto;margin: 0 auto 15px;background-color: rgba(30,27,27,0.7);padding: 4% 2%;display: none;}
.Wcont4_M:after{content: '';display: block;	clear: both;}
@media only screen and (max-width:1025px){
	.Wcont4{display:none;}
	.Wcont4_M{display:block;}	
	.W4pic_M{width: 100%;height: auto;left: 0;z-index: 2;margin: 0 auto;text-align: center;padding: 1% 0;}
	.W4pic_M img{max-width: 100%;height: auto;z-index: 2;}	
	}
.W4pic{position: absolute;width: 935px;height: 571px;top: 251px;left: 126px;z-index: 2;}



.Wcont5{width: 1200px;	height: 2050px;	text-align: center;	margin: 0 auto;	position: relative;	background-image:url(../images/blackbg5.png);background-repeat: no-repeat;background-position: top center;}
.Wcont5:after{	content: '';	display: block;	clear: both;}

.Wcont5_M{position: relative;width:96%;height:auto;margin: 0 auto 15px;background-color: rgba(30,27,27,0.7);padding: 4% 2%;display: none;}
.Wcont5_M:after{content: '';display: block;	clear: both;}
@media only screen and (max-width:1025px){
	.Wcont5{display:none;}
	.Wcont5_M{display:block;}
	.W5pic_M{width: 100%;height: auto;left: 0;z-index: 2;margin: 0 auto;text-align: center;padding: 1% 0;}
	.W5pic_M img{max-width: 100%;height: auto;padding: 3% 0; z-index: 2;}/*用max-width可以控制大到100%，不能加absolute，無法移至center*/
	.W5pic2_M{width: 100%;height: auto;top: 15px;left: 0;z-index: 2;margin: 0 auto;text-align: center;}
	.W5pic2_M img{width: 50%;height: auto;z-index: 2;float: left;padding-bottom: 2%;}
		
}
	
.W5pic{position: absolute;width: 900px;height: 385px;top: 192px;left: 169px;z-index: 2;}
.W5pic2{position: absolute;width: 926px;height: 450px;top: 770px;left: 143px;z-index: 2;}
.W5pic3{position: absolute;width: 941px;height: 452px;top: 1413px;left: 119px;z-index: 2;}


.Wcont6{width: 1200px;	height: 650px;	text-align: center;	margin: 0 auto;	position: relative;	background-image:url(../images/blackbg6.png);background-repeat: no-repeat;background-position: top center;}
.Wcont6:after{	content: '';	display: block;	clear: both;}

.Wcont6_M{position: relative;width:96%;height:auto;margin: 0 auto 15px;background-color: rgba(30,27,27,0.7);padding: 4% 2%;display: none;}
.Wcont6_M:after{content: '';display: block;	clear: both;}
@media only screen and (max-width:1025px){
	.Wcont6{display:none;}
	.Wcont6_M{display:block;}
	.W6pic_M{width: 100%;height: auto;left: 0;z-index: 2;margin: 0 auto;text-align: center;padding: 1% 0;}
	.W6pic_M img{max-width: 100%;height: auto;padding: 3% 0; z-index: 2;}
}
.W6pic{position: absolute;width: 900px;height: 271px;top: 330px;left: 169px;z-index: 2;}

.Wcont7{width: 1100px;	height: 400px;	margin: 0 auto;	padding: 20px; position: relative;color: #BCBABA;font-weight: bold;font-size: 1.1em;line-height: 1.5em;}
.Wcont7:after{	content: '';	display: block;	clear: both;}
.notice {  padding-top: 20px;padding-bottom: 20px; }
  .notice ol {padding-left: 20px;list-style-type:decimal; }
  .notice li {margin-bottom: 5px; }
.notice a:link,.notice a:visited,.notice a:hover,.notice a:active{text-decoration: none;color:#cc9999;}
@media only screen and (max-width:1025px){
	.Wcont7{width: 90%;	height: auto;	text-align: left;	margin: 0 auto;	position: static;}
	
	
	}


.point{	position: absolute;	top: 590px;}
.lineg{width: 99%;height: 9px;background-image:url("../images/lineg.png");background-repeat: repeat-X;background-position: center top;margin: 5% auto;float: left;}


/*#Menu {
	width:inherit;
	width:100%;
	height:50px;
	padding-top:2px;
	background-color:#ffd4d1;
	z-index:201;/*比pic高一層
	position:fixed;
	box-shadow:2px 2px 3px rgba(20%,20%,40%,0.5);
}*/
.buy {
	width:100px;
	height:auto;
	position:absolute;
	right:10px;
	bottom:150px;
	position:fixed;
	z-index: 99;
	}
.buy2 {
	width:120px;
	height:auto;
	position:absolute;
	right:5px;
	bottom:270px;
	position:fixed;
	z-index: 99;
	}
.return {
	width:100px;
	height:auto;
	position:absolute;
	right:10px;
	bottom:20px;
	position:fixed;
	z-index: 99;
	}
#backtotop{display:scroll;position: fixed;bottom: 30px;right: 30px;width: 80px;height: 80px;z-index: 10;cursor: pointer;transition: all .5s
   -webkit-transition: all .5s;-moz-transition: all .5s;}
#gobuy{display:scroll;position: fixed;bottom: 160px;right: 30px;width: 80px;height: 80px;z-index: 10;cursor: pointer;transition: all .5s
   -webkit-transition: all .5s;-moz-transition: all .5s;}
/*footer*/
.topbarW {font-family: Arial, Helvetica, sans-serif;font-size: 13px;color: #000;line-height:35px;}
.topbarPic {vertical-align: middle;}
.topbarW {font-family: Arial, Helvetica, sans-serif;font-size: 13px;color: #000;line-height:35px;}
.gridTop {vertical-align: top;}
.topLink:link .topLink:visited .topLink:active{
	font-family: Arial, Helvetica, sans-serif;font-size: 13px;font-weight: normal;color: #333;text-decoration: none;}
.topLink:hover {color: #999;text-decoration: none;}
 
/*版權css*/
.bottom {font-size: 13px;font-weight: bold;	color: #FFF;background-color:#f48b19;height: 35px;line-height: 35px;text-align: center;}
.bottom a:link{font-size: 13px;font-weight: bold;color: #FFF;text-decoration: none;}
.bottom a:hover{background-color: #666666;text-decoration: underline;}
.bottom a:visited{background-color: #666666;text-decoration: none;}
.footer01{font-size: 13px;font-weight: bold;color: #bd4d03;background-color: #fff;text-align: center;padding: 20px 0 10px 0;}
.footer02 .footer02 a:link{font-size: 13px;text-align: center;color: #000;line-height: 24px;background-color: #fff;text-decoration: none;}
.footer02 a:hover{text-decoration: underline;}
.footer02 a:visited{text-decoration: none;}

.bottom1 {	font-size: 13px;font-weight: bold;color: #FFF;background-color:#3e3d43;height: 35px;padding: 20px 0 10px 0;}
.footer011 {font-size: 13px;font-weight: bold;color: #fff;background-color: #3e3d43;padding: 20px 0 10px 0;}
.footer021 {font-size: 13px;text-align: center;color: #aaaaaa;line-height: 24px;background-color: #222127;}