@charset "utf-8";
/* CSS Document */
html,body{margin:0;height: 100%;}
body {height: 100%;width: 100%;margin: 0;padding: 0;}
body{font-size:100%;line-height: 1.5; font-family: "微軟正黑體", 'Century Gothic' ; color: #424242; position: relative; background-color: #fff;}
a:focus{outline:0;}
a{text-decoration:none; color: #333;}
a:hover{text-decoration:none; color: #000;}
img{border: 0 none; line-height:0; display: block;}
form {margin:0;	padding:0;}
ul, ul li {margin: 0;padding: 0;  list-style-type: none;}
dl, dt, dd {margin: 0;padding: 0;}
dl {height: 1%;}
button{border:0 none; cursor:pointer;padding: 0;margin: 0;background: transparent;}
.clearfix:before,.clearfix:after {content: "";display: table;height: 0;overflow: hidden;}
.clearfix:after {clear: both;}
.clearfix {	zoom: 1;}
h1,h2,h3,h6,p{margin:0;padding: 0;}


table img:first-child{ display: inline; }
table img:last-child{ display: block; }

/*-------------------------------------Globe------------------------------------------------*/
#rolltop{z-index: 1;}
.Wrapper{width: 1150px; margin:auto;}
.Header{ background: url(../images/header.jpg) no-repeat top center;position: relative; padding-top: 350px; margin-bottom: 50px;}
.LinkGo a{background: url(../images/LinkGo.png) no-repeat; width: 800px; height: 240px; text-indent: -9999px;display: block;margin: auto;  -webkit-animation:Link .8s infinite ;animation:Link .8s infinite ; }
.Contanter{background-color: #fd1217;}
@-webkit-keyframes Link {
	0% { transform: scale(1);  }
	50% { transform: scale(1.05); }
	100% { transform: scale(1); }
}
@keyframes Link {
	0% { transform: scale(1);  }
	50% { transform: scale(1.05); }
	100% { transform: scale(1); }
}
.LinkGroup{width: 1020px; margin:auto;}
.LinkGroup ul li{float: left;}
.LinkGroup ul li img{width: 100%; height: auto;}
.ActivityLink{margin-bottom: 15px;}
.ActivityLink ul li{margin-right: 1.45%;width: 32.3%;}
.ActivityLink ul li:last-child{margin-right: 0;}
.ActivityLink2 ul li{width: 33.33%;}
.ActivityLink3 ul li{width: 25%;}

#Block1{background-color: #fa805f;}
#Block1 .Square1,
#Block1 .Square2,
#Block1 .SmallTitle{background-color: #c4155f;}
#Block1 .SmallTitle:before {border-color:  #c4155f #c4155f  transparent transparent;}
#Block1 .SmallTitle:after {border-color: transparent transparent #c4155f #c4155f;}

#Block2{ background-color: #ff9e73; padding: 2% 0 3%;}
#Block2 .GB29_BOX{padding: 20px 0 0 0;}

#Block3{ background-color: #fd1217; }
#Block3 .Square1,
#Block3 .Square2,
#Block3 .SmallTitle{background-color: #ffb873;}
#Block3 .SmallTitle:before {    border-color:  #ffb873 #ffb873  transparent transparent;}
#Block3 .SmallTitle:after {    border-color: transparent transparent #ffb873 #ffb873;}
#Block3 .ThemeBlock{ background-color: #ff9e73; }
#Block3 .ThemeBlock:before{border-color:  #ff9e73 #ff9e73  transparent transparent;}
#Block3 .ThemeBlock:after {border-color: transparent transparent #ff9e73 #ff9e73;}

.Block{padding: 5% 0 3%; position: relative;}
#Block1:before{content: '';display: block;position: absolute;top: 0;left: 50%; margin: 0 0 0 -17px;
width: 0;
height: 0;
border-style: solid;
border-width: 35px 35px 0 35px;
border-color: #fd1216 transparent transparent transparent;
}
#Block3:before{content: '';display: block;position: absolute;top: 0;left: 50%; margin: 0 0 0 -17px;
width: 0;
height: 0;
border-style: solid;
border-width: 35px 35px 0 35px;
border-color: #ff9e73 transparent transparent transparent;
}
.Square1{height: 62px;width: 2px;transform: skew(46deg);display: inline-block;vertical-align: middle;}
.Square2{height: 62px;width: 7px;transform: skew(46deg);display: inline-block;vertical-align: middle;letter-spacing: -3px;position: relative;left: -5px;margin-right: 21px;}
.TitleBlock{font-size: 2.5rem;  text-align: center;position: relative;}
.SmallTitleBlock{ position: relative;z-index: 2; display: inline-block;top: -28px; }
.SmallTitle{ position: relative; display: inline-block; color: #fff;  top: 4px; height: 62px;}
.SmallTitle:before {content: '';display: block;position: absolute;top: 0;left: -62px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 62px 62px 0;
border-color: transparent #c4155e transparent transparent;
}
.SmallTitle:after {content: '';display: block;position: absolute;top: 0;right: -62px;
width: 0;
height: 0;
border-style: solid;
border-width: 62px 0 0 62px;
border-color: transparent  transparent transparent #c4155e;
}
.ThemePro{float: left; position: relative;bottom:33px;}
.ThemeBlock{ position: relative; color: #fff;  bottom: 6px; height: 72px; background-color: #521027; padding-left: 50px;  display: inline-block;padding-right: 270px;}
.ThemeBlock span{position: relative;top: 5px; float: left;}
.ThemeBlock:before{content: '';display: block;position: absolute;top: 0;left: -72px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 72px 72px 0;
border-color: transparent #521027 transparent transparent;

}
.ThemeBlock:after{content: '';display: block;position: absolute;top: 0;right: -72px;
width: 0;
height: 0;
border-style: solid;
border-width: 72px 0 0 72px;
border-color: transparent transparent transparent #521027;


}
small{font-size: 1rem;}
em{font-size: 1rem;font-style: normal;}
.Time{letter-spacing: 2px;}
.TimerBlock{position: absolute;right: 0;top: -18px;}
.TimerBlock{position: absolute;top: -16px; line-height: 1; background:url(../images/IconClock.png) no-repeat 0 25px; padding-left: 55px;    right: 50px; color: #fff;}

.GB29_BOX{ width:1150px; height: auto; margin:0 auto; overflow:hidden;}
.GB29_BOX h5{width:100%;font:bold 40px/90px "微軟正黑體"; color:#530f11; text-align:center; }
.GB29_BOX ul{ width:1140px; margin:0 auto;}
.GB29_BOX ul li{width:208px; float:left; margin:0px 5px 10px 5px;font-family:"微軟正黑體";padding: 5px 5px 5px 5px;background-color: #FFF; text-align:center; }
.GB29_BOX ul li p.IFR{ width:100%; margin:0 auto; margin-bottom:2px;text-align: center;position: relative;}
.GB29_BOX ul li p.IFR img{width:100%; height:auto;}
.GB29_BOX ul li p.TEBIAO{height:30px; margin:0 auto; border-top:1px solid #000; border-bottom:1px solid #000; font-size:19px; font-weight:bold; color:#424242; line-height:30px; margin-bottom:3px; letter-spacing:-1px; white-space:nowrap;overflow: hidden;}
.GB29_BOX ul li p.PNAME{ width:100%; height:36px; margin:0 auto; font-size:16px; line-height:18px; color:#424242; overflow:hidden;}
.GB29_BOX ul li p.JIAQIAN{ height:35px; font-family:"Century Gothic"; font-weight:bold;margin-top: 5px;}
.GB29_BOX ul li p.JIAQIAN span.AA{ font-size:14px;font-weight:normal; color:#424242; text-decoration:line-through; padding-right:3px;}
.GB29_BOX ul li p.JIAQIAN span.AA:before{ content:"$"; font-family:"Century Gothic"; font-weight:normal; font-size:14px; color:#424242;}
.GB29_BOX ul li p.JIAQIAN span.BB{ font-size:32px; line-height:30px; color:#ff0090;}
.GB29_BOX ul li p.JIAQIAN span.BB:before{ content:"$"; font-family:"Century Gothic";font-size:15px; color:#ff0090;}
.GB29_BOX ul li p.JIAQIAN span.CC{ font-size:15px; color:#ff0090; font-family:"微軟正黑體"; font-weight:bold;}
.GB29_BOX ul li p.LINGJUAN{ height:35px; font-family:"微軟正黑體"; font-size:14px;background-color:#ff3665;text-align: left; position: relative;padding-left:5px;letter-spacing: -1px;}
.GB29_BOX ul li p.LINGJUAN a{ display: inline-block; width:138px; height:35px;color:#FFF;}
.GB29_BOX ul li p.LINGJUAN span.MM{ font-family:"Century Gothic";color:#fffc00; font-size:32px; font-weight:bold; line-height:35px;}
.GB29_BOX ul li p.LINGJUAN span.MM:before{ content:"$"; font-size:15px;}
.GB29_BOX ul li p.LINGJUAN span.NN{ width:68px; height:33px; background-color:#FFF; border:solid 1px #ff3665; font:bold 17px/33px "微軟正黑體"; color:#ff3665;text-align:center; position:absolute; right:0; top:0; z-index:99;}
/*.GB29_BOX ul li p.LINGJUAN span.NN:after{ content: url('../images/clickgo.png');}*/
.GB29_BOX ul li p.QIANGGOU{  height:35px; background-color:#ff3665;text-align: center; }
.GB29_BOX ul li p.QIANGGOU span.NN{ font:bold 18px/35px "微軟正黑體"; color:#FFF;}
/*.GB29_BOX ul li p.QIANGGOU span.NN:after{ content: url('../images/clickgo2.png');}*/
.GB29_BOX ul li p.QIANGGOU span.NN i {display: inline-block;width: 12px;height: 12px;background-color: #ffffff;border-radius: 100%;position: relative;}
.GB29_BOX ul li p.QIANGGOU span.NN i:after {content: "";width: 0;height: 0;border-style: solid;border-width: 3px 0 3px 5px;border-color: transparent transparent transparent #ef6598;position: absolute;left: 50%;top: 50%;margin: -3px 0px 0 -2px;}
.GB29_BOX ul li p.LINGJUAN span.NN i{display: inline-block;width: 12px;height: 12px;background-color: #ff3665;border-radius: 100%;position: relative;}
.GB29_BOX ul li p.LINGJUAN span.NN i:after {content: "";width: 0;height: 0;border-style: solid;border-width: 3px 0 3px 5px;border-color: transparent transparent transparent #fff;position: absolute;left: 50%;top: 50%;margin: -3px 0px 0 -2px;}

#Block3 .GB29_BOX ul li{width: 23.2%; }
#Block3 .GB29_BOX ul li p.QIANGGOU{ background-color:#ff7a19; }

#Block3 .GB29_BOX ul li p.QIANGGOU span.NN i:after {border-color: transparent transparent transparent #ff7a19;}
#Block3 .GB29_BOX ul li p.LINGJUAN{ background: #ff7a19; }
#Block3 .GB29_BOX ul li p.LINGJUAN span.NN{ border:1px solid #ff7a19; color: #ff7a19; }
#Block3 .GB29_BOX ul li p.LINGJUAN span.NN i{ background: #ff7a19; }


/*.GB40_BOX h3{width:100%;height: 65px;text-align: center;font:bold 40px/50px "微軟正黑體"; color:#fff;}*/
.GB40_BOX ul{width:1140px;height: auto;margin: 0 auto;overflow: hidden;}
.GB40_BOX ul li{width:24.1%;margin: 0px 5px 10px 5px;text-align: center;background-color: #fff;float: left;overflow: hidden;}
.GB40_BOX ul li.GQBN {
	height: 475px;
	margin: 0px 5px 10px 5px;
	background-image: url(../images/guanqi-2.jpg);
	background-size: contain;
	overflow: hidden;
	background-position: center bottom;
	background-repeat: no-repeat;
}
.GB40_BOX ul:nth-child(2) li.GQBN{background-image: url('../images/guanqi-1.jpg');}
.GB40_BOX ul:nth-child(3) li.GQBN{background-image: url('../images/guanqi-4.jpg');}
.GB40_BOX ul:nth-child(4) li.GQBN{background-image: url('../images/guanqi-3.jpg');}

.GB40_BOX ul li.GQBN img{opacity: 0;}
.GB40_BOX ul li.GQBN a > p {opacity: 0;}
.GB40_BOX ul li>img{width: 100%;height: auto;}
.GB40_BOX ul li h6>img{width: 100%;height: auto;}
.GB40_BOX ul li p.TESE{height: 40px;background-color: #5648f0;font:bold 24px/40px "微軟正黑體"; color:#ffff00;white-space: nowrap;}
.GB40_BOX ul li p.PINMING{height: 45px;font:22px/26px "微軟正黑體"; color:#000;padding-top: 5px;}
.GB40_BOX ul li p.JIAGE{height: 55px;color: #ff1562;position: relative;}
/*.GB40_BOX ul li p.JIAGE span.TT1{display: block;text-decoration: line-through;color: #5a5b5d;font:12px/15px "Century Gothic";position: absolute;top: 7px;left: 35px;font-size: 100%;}*/
.GB40_BOX ul li p.JIAGE span.TT1{text-decoration: line-through;color: #5a5b5d;font:12px/15px "Century Gothic";font-size: 100%;}
.GB40_BOX ul li p.JIAGE span.TT2{font:bold 16px/55px "微軟正黑體";}
.GB40_BOX ul li p.JIAGE span.TT3{font:bold 30px/55px "Century Gothic";}
.GB40_BOX ul li p.JIAGE span.TT3:before{content: "$";font-size: 16px;}
.GB40_BOX ul li p.JIAGE span.TT4{font:bold 16px/55px "微軟正黑體";}
.GB40_BOX ul li p.QIANG{height: 55px;background-color: #ff1562; font:30px/55px "微軟正黑體";color: #fff;}

.Inline{ display: inline-block; }
.SliderBlock{ background-color: #1c1c1c;margin: 0 8px; }
.H3{float: left;margin:-30px 0 0 6px;}
#wrapper {position: relative;width: 950px;height: 444px;overflow: hidden;margin: 0 auto;}
#wrapper h2, #wrapper h3 {cursor: pointer;position: absolute;top: 130px;z-index: 5;}
#wrapper h2 {left: 890px;}
ul.pic {position: absolute;width: 9999px;}
ul.pic li {float: left;}

.footer{ color: #fff; text-align: center; margin-bottom: 3%;font-size: .7rem; }
.Web{display: block;}
.Mobile{display: none;}




@media screen and (max-width:768px){

	.Wrapper{width: 100%;}
	.Header{ background: url(../images/Splash.jpg) no-repeat top center;position: relative;  background-size: 100%;    padding-top: 32%;}
	.LinkGo a{width: 300px;height: 88px;background-size: 100%;}
	.ActivityLink ul li{margin:0 2% .5%;width: 96%;float: none;}
	.ActivityLink2 ul li{width: 96%;float: none; margin:0 2%;}
	.LinkGroup{width: 98%;}
	.ActivityLink3 {margin:2% auto ;width: 96%;}
	.ActivityLink3 ul li{width: 50%;}
	.TitleBlock{font-size: 1.2rem;}
	.Block{ padding:9% 0 2% ;}
	.Square1{display: none;}
	.Square2{display: none;}
	.SmallTitle{height: 30px;}
	.SmallTitle:after{    right: -30px;    border-width: 30px 0 0 30px;}
	.SmallTitle:before{    left: -30px;    border-width: 0 30px 30px 0;}
	.SmallTitleBlock{top: -17px;}
	.ThemeBlock{height: 37px; padding: 0 10px 0 20px;}
	.ThemeBlock:before{  left: -37px;    border-width: 0 37px 37px 0;}
	.ThemeBlock:after{ display: none;}
	.ThemeBlock span{float: none;}
	#Block1:before{margin: 0 0 0 -8px;    border-width: 17px 17px 0 17px;}
	#Block3:before{margin: 0 0 0 -8px;    border-width: 17px 17px 0 17px;}
	.H3{float: none; margin: 0;}
	.H3 img{height:auto; width: 100%;}
	#Block2 .GB29_BOX{padding: 0;}
	.ThemePro{display: none;}

	.Web{display: none;}
	.Mobile{display: block;}
	.TimerBlock{float: none;background: #ffb39f url(../images/IconClock_M.png) no-repeat 18% 15px /30px 30px;width: 85%;margin: auto;top: -6px;color: #521027;position: inherit; right: inherit;margin: auto;padding: 2%;}
	.TimerBlock em{font-size: .7rem;}


	.GB29_BOX{ width:100%; height: auto; margin:0 auto;overflow:hidden;padding-bottom:2.5%;}
	.GB29_BOX h5{width:100%;height:auto; text-align:center;font: bold 2em/2.2em "微軟正黑體"; color:#530f11;white-space:nowrap;}
	.GB29_BOX ul{ width:98%; height: auto; margin:0 auto;}
	.GB29_BOX ul li{width:44%; height: auto; float:left; margin:0% 1% 2% 1%; font-family:"微軟正黑體";padding:2% 2% 2% 2%;background-color: #FFF; text-align:center;}
	.GB29_BOX ul li.BBN{width: 98%;height: auto;padding:0px;}
	.GB29_BOX ul li.BBN img{width: 100%;height: auto;}
	.GB29_BOX ul li p.IFR{ width:100%; height:0; padding-bottom:100%; margin:0 auto; margin-bottom:2%; position:relative;}
	.GB29_BOX ul li p.IFR iframe{width: 100%;height:100%;position: absolute;top: 0;left: 0;}
	.GB29_BOX ul li p.IFR img{ width:100%; height: auto; margin:0 auto; }
	.GB29_BOX ul li p.TEBIAO{ width:100%; height: auto; margin:0 auto; border-top:1px solid #000; border-bottom:1px solid #000; font-size:0.95em; font-weight:bold; color:#424242; line-height:1.5em; margin-bottom:0.5%; letter-spacing:-1px; white-space:nowrap;overflow: hidden;}
	.GB29_BOX ul li p.PNAME{ width:100%; height:35px; margin:0 auto; font-size:0.9em; line-height:1.2em; color:#424242; white-space: pre-wrap; overflow:hidden;}
	.GB29_BOX ul li p.JIAQIAN{ height: auto; font-family:"Century Gothic"; font-weight:bold; white-space:nowrap;}
	.GB29_BOX ul li p.JIAQIAN span.AA{ font-size:0.83em; padding-right:1%;}
	/*.GB29_BOX ul li p.JIAQIAN span.AA:before{ content:"$"; font-family:"Century Gothic"; font-weight:normal; font-size:0.83em; color:#424242;}*/
	.GB29_BOX ul li p.JIAQIAN span.BB{ font-size:1.6em; line-height:1em; color:#ff0090; letter-spacing:-0.5px;}
	.GB29_BOX ul li p.JIAQIAN span.BB:before{ content:"$"; font-family:"Century Gothic";font-size:0.5em; color:#ff0090;}
	.GB29_BOX ul li p.JIAQIAN span.CC{ font-size:0.7em; color:#ff0090; font-family:"微軟正黑體"; font-weight:bold;}
	.GB29_BOX ul li p.LINGJUAN{ width:100%; height:38px;font-family:"微軟正黑體"; font-size:0.87em;letter-spacing:-0.04em;padding-left: 0; text-align: center;}
	.GB29_BOX ul li p.LINGJUAN a{ display: block; width:100%; height: auto; color:#FFF;}
	.GB29_BOX ul li p.LINGJUAN span.MM{ font-family:"Century Gothic";color:#fffc00; font-size:2em; font-weight:bold; line-height:38px;}
	.GB29_BOX ul li p.LINGJUAN span.MM:before{ content:"$"; font-size:0.5em;}
	.GB29_BOX ul li p.LINGJUAN span.NN{ display:none; width:30%; height:36px; background-color:#FFF; border:solid 1px #530f11; font:bold 1em/38px "微軟正黑體"; color:#530f11; text-align: center; position:absolute; right:0; top:0; z-index:99;}
	.GB29_BOX ul li p.QIANGGOU{ width:100%; height:38px; margin:0 auto;text-align: center;}
	.GB29_BOX ul li p.QIANGGOU span.NN{ font:bold 1.2em/38px "微軟正黑體"; color:#FFF;}
	#Block3 .GB29_BOX ul li{width: 44%;}

	.GB40_BOX{ width: 100%; }
	.GB40_BOX ul li{  width: 44%; }
	.GB40_BOX ul li.GQBN {width: 48%;height: auto;margin: 0% 1% 2% 1%;background-size: cover;overflow: hidden;background-position: center center;background-repeat: no-repeat;}
	.GB40_BOX{width:100%;height: auto;margin: 0 auto;padding-top:2.5%;}
	.GB40_BOX h3{width:100%;height: auto;text-align: center;font: bold 2em/2.2em "微軟正黑體"; color:#fff;white-space:nowrap;}
	.GB40_BOX ul{width:98%;height: auto;margin: 0 auto;overflow: hidden;}
	.GB40_BOX ul li{width:48%;height:auto;margin:0% 1% 2% 1%;;text-align: center;background-color: #fff;float: left;}
	/*.GB40_BOX ul li.GQBN{width: 98%;height: auto;margin: 0% 1% 2% 1%;background-image: url('../images/guanqi-1.jpg');background-size: cover;overflow: hidden;background-position: center bottom;}*/

	.GB40_BOX ul li.GQBN img{height: auto;}
	.GB40_BOX ul li h6{width:100%;height:auto;}
	.GB40_BOX ul li h6>img{width:100%;height:auto;}
	.GB40_BOX ul li p{overflow: hidden;}
	.GB40_BOX ul li p.TESE{width:100%;height:auto;font:bold 1.2em/1.8em "微軟正黑體";white-space: nowrap;}
	.GB40_BOX ul li p.PINMING{width:100%;height:43px;font:1.1em/1.2em "微軟正黑體";}
	.GB40_BOX ul li p.JIAGE{width:96%;height:55px;color: #d60002;position: relative;padding:0% 2%;white-space: nowrap;}
	.GB40_BOX ul li p.JIAGE span.TT1{display: block;text-decoration: line-through;color: #5a5b5d;font:0.8em/1em "Century Gothic";position: absolute;top:10%;left: 3%;font-size: 100%;}
	.GB40_BOX ul li p.JIAGE span.TT2{font:bold 1.1em/55px "微軟正黑體";}
	.GB40_BOX ul li p.JIAGE span.TT3{font:bold 2em/55px "Century Gothic";}
	.GB40_BOX ul li p.JIAGE span.TT3:before{content: "$";font-size: 19px;}
	.GB40_BOX ul li p.JIAGE span.TT4{font:bold 1.1em/55px "微軟正黑體";}
	.GB40_BOX ul li p.QIANG{width:100%;height:auto; font:1.2em/2em "微軟正黑體";color: #fff;}
	.SliderBlock{display: none;}








}