html {
	height:100%;
	min-height:100%;
	}

body {
	width:100%;
	height:100%;
	min-height:100%;
	font-family: "微軟正黑體", "Microsoft JhengHei", Arial !important;
	font-size:15px;
	color:#25c8aa;
	background:#181c63;
	overflow-x:hidden;
	/*overflow:hidden;*/
	background:#181c63 url(../img/bg.jpg) center top no-repeat;
	}

body.Y18 {
	background:#181c63 url(../img/bgY18.jpg) center top no-repeat;
	}


*, img, p , img a {
	margin:0;
	padding:0;
	border:none;
}



/* ---共用--- */

.mAll li a , .mAll li span , .addOne , .sentOut , .sentOut a  , .Logo a , .top /*, .lTitle , .lDate*/ , span.downloadWord a {
	display:block;
	}


	
.mAll li a , .sentOut a , .Logo a , span.downloadWord a   {
	width:100%;
	height:100%;
	}

.Logo a , h2 , h3 , .addOne , .sentOut a , .footer , h2.main  ,p.main , h3.main , h4.main , .top {
	text-indent:-9999px;
	}

span.clean {
	clear:both;
	}

dt, dd {
	float:left;
	}

ul li, ol li {
	list-style:none;
	}

	
.ra01 {
	-webkit-border-radius: 10px; /* Safari and Chrome */
	-moz-border-radius: 10px; /* Firefox 與 <img> 搭配時無效 */
	border-radius: 10px;  /* IE 6+ with IE-CSS3! YEAH! and Opera */
	}

.ra02 {
	-webkit-border-radius: 20px; /* Safari and Chrome */
	-moz-border-radius: 20px; /* Firefox 與 <img> 搭配時無效 */
	border-radius: 20px;  /* IE 6+ with IE-CSS3! YEAH! and Opera */
	}

.note01 {	
	width:10px;
	height:10px;
	color:#ff311b;
	font-size: 16px; 
	font-weight:bolder;	
	}


/*-------管理所有的title-------*/

h1, h2, h3, h4, h5, span.line , .mrule a , .textWrapper .tiAll , .mainP p { display:inline-block;}

h2.main , h3.main , h4.main , p.main , .go  , .go a , .mainP { position:absolute;}

h2 {
	width:240px;
	height:45px;
	background:url(../img/imgsAll.png) 0 -284px ;	
	}

h2.rule {
	width:240px;
	height:45px;
	background:url(../img/imgsAll.png) 0 -329px ;	
	}

h2.list {
	width:240px;
	height:45px;
	background:url(../img/imgsAll.png) -241px -284px ;
	}

h3 {
	display:block;
	width:115px;
	height:30px;
	margin:12px 0;
	background:url(../img/imgsAll.png) -241px -339px ;	
	}


h2.main {
	top:330px;
	left:190px;
	width:540px;
	height:73px;
	background:url(../img/imgsAll.png) 0px 0px no-repeat ;	
	}
h3.main {
	top:400px;
	left:190px;
	width:380px;
	height:30px;
	background:url(../img/imgsAll.png) 0px -82px no-repeat ;	
	}
h4.main {
	top:450px;
	left:190px;
	width:540px;
	height:50px;
	background:url(../img/imgsAll.png) 0px -120px no-repeat ;	
	}

h4.list {
	top:0px;
	left:0px;
	width:100%;
	height:55px;
	line-height:55px;
	padding:0 0 0 0px;
	font-size:20px;
	color:#f5b300;
	font-weight:bolder;
	background:none;
	}




p.main {
	top:505px;
	left:190px;
	width:380px;
	height:30px;
	background:url(../img/imgsAll.png) 0px -181px no-repeat ;	
	}


.mainP {
	top:560px;
	left:190px;
	width:260px;
	overflow:hidden;
	}

.mainP p {
	width:100%;
	padding:1px 0;	
	font-size:13px;
	color:#fff;
	background:url(../img/imgsAll.png) 240px -474px no-repeat ;	
	}

.mainP p +p {
	background:url(../img/imgsAll.png) 240px -496px no-repeat ;	
	}


.mainP p .name {
	float:left;
	}

.mainP p .price {
	float:right;
	padding-right:25px;
	}



.go {
	top:510px;
	left:100px;
	width:480px;
	height:39px;
	border-bottom:1px solid #FF0;
	}

.go a {
	display:block;
	top:15px;
	left:460px;
	width:120px;
	height:39px;
	background:url(../img/imgsAll.png) 0px -227px no-repeat ;	
	}

.go:hover {left:105px;}
	
.go:hover a {
	background:url(../img/imgsAll.png) -121px -227px no-repeat ;
	}

/*-------photoLoading-------*/

.photoLoadingBgL , .FBBgL {
	position:absolute;
	z-index: 999999999;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:110%;
	height:100%;
	background: rgba(23,40,113,0.8);

	}


.photoLoadingL , .FBL {
	position:fixed;
	z-index: 9999999999999;
	top:50%;
	left:50%;
	margin:-50px 0 0 -260px;
	width:522px;
	height:96px;
	background:url(../img/loading.gif) center top no-repeat;
	border:none;
	
	}



/*--------------*/



#out-wrapper01 {
	position:relative;
	width:100%;
	height:100%;
	
	}

/*-------Y18頁-------*/

.Y18_wrapper {
	position:relative;
	width:750px;
	height:535px;
	z-index:9999;
	top: 200px;
    left: 50%;
  	margin-left:-450px;
	}

.Y18_content {
	position:relative;
	width:100%;
	height:100%;	
	overflow:hidden;	
	}

.Y18_check {
	position:absolute;
	top:200px;
	width:250px;
	height:250px;
	background:url(../img/Y18_check.png) no-repeat;
	text-indent:-9999px;
	}

.Y18_check.yes {
	left:235px;
	background:url(../img/Y18_check.png) 0px 0px no-repeat; 
	}
.Y18_check.yes:hover {
	background:url(../img/Y18_check.png) 0px -250px no-repeat; 
	}
		
	
.Y18_check.no {
	right:50px;
	background:url(../img/Y18_check.png) -250px 0px no-repeat;
	 }

.Y18_check.no:hover  {
	background:url(../img/Y18_check.png) -250px -250px no-repeat;
	 }

/*-------menu_wrapper-------*/

#sxc_header_wrapper {
	position:relative;
	top:0;
	z-index:9999;}

#menu_wrapper {
	width:100%;
	height:97px;
	position:absolute;
	z-index:9998;
	top:0;
	left:0;
	right:0;
	background:url(../img/header_bg.png) top center no-repeat;
	
	}

.menu_wrapper {
	position:relative;
	width:1100px;
	height:97px;
	margin:0 auto;
	}

.Logo {
	position:absolute;
	top:0px;
	left:-35px;
	z-index:99999;
	width:525px;
	height:97px;
	background:none;
	background:url(../img/logo3.png)  0px 0px no-repeat;
	background-position: top left ;
	transition: background-position 0.5s ease;
	}

.Logo:hover {
	background-position: top right;
	transition: background-position 0.5s ease;
	}

.Logo a {
	background:url(../img/logo_primeBlue.png)  0px 0px no-repeat;
	}



.mAll {
	height:100%;
	float:right;
	}

.mAll li {
	height:100%;
	float:left;
	
	font-size:17px;
	font-weight:bolder;
	
	background:url(../img/menu_bg.png) 0px 0px;
	background-position: center bottom ;
	transition: background-position 0.8s ease;
	}

.mAll li:hover {
    background-position:center top ;
    transition: background-position 0.3s ease;	
}

.mAll li.active {
    background-position:center top ;
}

.mAll li a {
	line-height:97px;
	padding:0 12px;
	color:#14baea;
	text-decoration:none;
	background:url(../img/menu_borderBg.png) 0px 0px no-repeat;
	}

.mAll li a:hover , .mAll li.active a {
	color:#fff;}

.mAll li.m01 a {
	background:none;}

.m05 {
	position:relative;
	line-height:20px;
	width:140px;
	}


.mAll li.m05 a {
	padding:0 12px 0 45px;
	width:auto;}


.mAll li span.w00 {
	position:absolute;
	top:30px;
	left:10px;
	width:30px;
	height:30px;
	background:url(../img/imgsAll.png) -384px -181px no-repeat;
	
	}

.mAll li span.w01 {
	font-size:16px;
	line-height:18px;
	width:84px;
	padding-top:30px;	
	}

.mAll li span.w02 {
	font-size:12px;
	line-height:18px;
	width:84px;
	}

.mAll li.m05:hover span.w00 {
	background:url(../img/imgsAll.png) -414px -181px no-repeat;
	}


/*-------首頁-------*/


.wine01 , .wine02 , .GQ , .mainBox , .mainBike , .shine_01 , .shine_02 {
	position:absolute;
	z-index:9999;
	/*border:1px solid #69C;*/
	}

.wine01 {
	width:138px;
	height:438px;
	top:58px;
	left:50%;
	margin-left:-490px;
	z-index:9999;
	background:url(../img/wine01.png) 0px 0px no-repeat;
	}

.wine02 {
	width:116px;
	height:340px;
	top:85px;
	left:50%;
	margin-left:-590px;
	background:url(../img/wine02.png) 0px 0px no-repeat;
	}

.GQ {
	width:245px;
	height:284px;
	top:420px;
	left:50%;
	margin-left:-620px;
	z-index:10000;
	background:url(../img/GQ.png) 0px 0px no-repeat;
	
	
	}

.ro01 {
	transform:rotate(-15deg);
	-ms-transform:rotate(-15deg); 	/* IE 9 */
	-moz-transform:rotate(-15deg); 	/* Firefox */
	-webkit-transform:rotate(-15deg); /* Safari 和 Chrome */
	-o-transform:rotate(-15deg); 	/* Opera */
	
	box-shadow:-4px 8px 8px #000;
	box-shadow:-4px 8px 8px #000 inset;
	box-shadow:-4px 8px 8px #000;
	}

.mainBox {
	width:182px;
	height:386px;
	top:305px;
	left:50%;
	margin-left:190px;
	background:url(../img/box.png) 0px 0px no-repeat;
	}

.mainBike {
	width:398px;
	height:359px;
	top:305px;
	left:50%;
	margin-left:290px;
	background:url(../img/bike.png) 0px 0px no-repeat;
	z-index:9998;
	}

.shine_01 , .shine_02 {
	position:absolute;
	width:904px;
	height:189px;
	top: 120px;
  	left: 50%;
  	margin-left: -310px;
	z-index:1;
	}

.shine_01 {
	top: 110px;
	margin-left: -370px;
	background:url(../img/shine_01.png) 0px 0px no-repeat;
	}

	
.shine_02 {
	background:url(../img/shine_02.png) 0px 0px no-repeat;
	}


.shine_01 {
    -webkit-animation-duration: 4s;
    -webkit-animation-delay: 0s;
    -webkit-animation-iteration-count: infinite;
	
    -moz-animation-duration: 4s;
    -moz-animation-delay: 0s;
    -moz-animation-iteration-count: infinite;
	
    -ms-animation-duration: 4s;
    -ms-animation-delay: 0s;
    -ms-animation-iteration-count: infinite;
}


.shine_02 {
    -webkit-animation-duration: 5s;
    -webkit-animation-delay: 0s;
    -webkit-animation-iteration-count: infinite;
	
    -moz-animation-duration: 5s;
    -moz-animation-delay: 0s;
    -moz-animation-iteration-count: infinite;
	
    -ms-animation-duration: 5s;
    -ms-animation-delay: 0s;
    -ms-animation-iteration-count: infinite;
}

/*-------content-------*/


#content_wrapper {	
	position:absolute;
	top:0px;
	left:0;
	right:0;
	z-index:9;
	width:100%;
 	height:100%;
	
	}

.content {	
	position:relative;
	width:1100px;
	height:100%;	
	margin:0 auto;
	padding:320px 0 0 0;
	margin-bottom:-150px;
	overflow: hidden;
	}

.content.main {
	overflow:visible;
	padding:0px 0 0 0;}


.content.ruleC {
	overflow:visible;
	height:1800px;
	}

/*-------formList-------*/

.formList {
	font-size:17px;
	font-weight:bolder;
	}

.f01 {
	width:470px;
	float:left;
	border-right:1px dashed #25b7aa;
	}

.f02 {
	width:550px;
	float:right;
	position:relative;
	
	}

.formList td {
	padding:8px 0;
	}


input  , select {
	line-height:25px;
	border:1px solid #25b7aa;
	background:none;
	color:#25b7aa;
	margin:0 5px;
	font-size:13px;
	font-weight:normal;
	}

input {
	height:27px;}

select {height:27px; margin-top:-1px;}
select.way { width:122px;}
select.item { width:200px;}

input.s01 { 
	width:120px;
	padding:0 10px;
}

input.s02 { 
	width:270px;
	padding:0 10px;
	margin-top:5px;
}

input.s03 { 
	width:270px;
	padding:0 10px;
}

input.s04 { 
	width:90px;
	padding:0 0 0 10px;
}

.exam {
	font-size:15px;
	font-weight:normal;}


option {
	background:#1250a9;
	}

.f02 .rList {
	width:100%;
	margin-bottom:10px;
	/*border:1px solid #39F;*/
	}

.addOne {
	width:428px;
	height:42px;
	margin:0 0 20px 110px;
	background:url(../img/imgsAll.png) 0px -383px no-repeat;
	cursor:pointer;
	}

.addOne:hover {
		background:url(../img/imgsAll.png) 0px -426px no-repeat;}


.codef {
	
	position:relative;
	margin:50px 0 0 80px;
	/*border:1px solid #F66;*/
	}

.code {
	position:absolute;
	top:0px;
	left:240px;
	}

.codeRefresh a {
	position:absolute;
	top:35px;
	left:140px;
	font-size:12px;
	color:#fff;
	}

.sentOut {
	position:absolute;
	top:-20px;
	right:0px;
	width:88px;
	height:88px;
	background:url(../img/imgsAll.png) -447px -183px no-repeat;
	cursor:pointer;
	}


.sentOut:hover {
	background:url(../img/imgsAll.png) -447px -381px no-repeat;
	}


.Receipt_wine {
	position:absolute;
	top: 40px;
    left: -185px;
	width:196px;
	height:353px;
	background:url(../img/Receipt_wine.png)0 0  no-repeat;
	}

/*-------rule-------*/
.rule {
	display:inline-block;
	width:100%;
	margin-bottom:13px;
	}

.rule dt {
	padding:5px 13px;
	margin-right:25px;
	color:#fff;
	background:#25c8aa;
	}
	
.rule dd {
	color:#25c8aa;
	line-height:20px;
	}

.priceAll {
	width:970px;
	height:620px;
	background:url(../img/priceAll.png) center no-repeat;
	}

.date {
	width:450px;	
	float:left;
	
	}

.date+div {
	margin-left:25px;
	padding-left:30px;
	border-left:1px dotted #25c8aa;}


.date h3 {
	background:none;
	color:#f5b300;
	text-indent:0;
	margin:0;
	font-size:15px;
	height:20px;
	line-height:20px;
	
	}

.rule ol {
	padding-left:10px;}

.rule ol , .rule li {
	width:950px;
	list-style-type:decimal;}


.top {
	float:right;
	width:65px;
	height:65px;
	background:url(../img/imgsAll.png) -250px -215px no-repeat;
	}

.top:hover {
	width:65px;
	height:65px;
	background:url(../img/imgsAll.png) -317px -215px no-repeat;
	}

/*-------list-------*/
.noList {
	margin:20px 0;
	width:285px;
	height:43px;
	background:url(../img/imgsAll.png) -62px -480px no-repeat;}


.noList0 {
	position:relative;
	height:auto;
	overflow:hidden;
	padding:40px 0 0 0px;
	margin:-50px 0 120px 0;
	}

#tabsList li {
	float:left;
	background-color:#F99;
	}

/*獎項*/


.listBox {
	width:99px;
	height:210px;
	right:210px;
	top:100px;
	background:url(../img/box.png) no-repeat;	
	}

.listBike {
	width:275px;
	height:248px;
	right: 0px;
    top: 290px;
	background:url(../img/bike.png) no-repeat;	
	}

.listGq {
	width:135px;
	height:175px;
	right:160px;
	top:580px;
	background:url(../img/GQ.jpg) no-repeat;
	
	transform:rotate(15deg);
	-ms-transform:rotate(15deg); 
	-moz-transform:rotate(15deg); 
	-webkit-transform:rotate(15deg); 
	-o-transform:rotate(15deg);
	
	-moz-box-shadow:4px 4px 10px 1px #000;
    -webkit-box-shadow:4px 4px 10px 1px #000;
    box-shadow:4px 4px 10px 1px #000;
	}

.listBag {
	width:137px;
	height:135px;
	right:40px;
	top:-2px;
	background:url(../img/bag.png) no-repeat;	
	}
	
.listBag2 {
	width:104px;
	height:135px;
	right: 100px;
    top: 5px;
	background:url(../img/bag2.png) no-repeat;	
	}

.listBox  , .listBike , .listGq , .listBag , .listBag2 {
	position:absolute;
	z-index:9999;
	background-size:100%;
}

/*tabs*/

#tabsList div.tabWrapper {
	width:100%;
	height:10px;
	position:relative;
	}

#tabsList  > div > ul {
	position:absolute;
	top:-30px;
	left:250px;
	z-index:99999;
	width: 800px;
	height: 50px;
		}
				
.ui-tabs-hide {display:none;}

#tabsList a , .productcheck01 a {
	display:block;
	width:100%;
	height:100%;}

#tabsList li {
	position:relative;
	float:left;
	height:39px;
	width:330px;
	text-indent:0px;	
	}

#tabsList li a {
	text-decoration:none;
	}

#tabsList li .lTitle {
	color:#171c61;
	background:#25b7aa;
	padding:8px 18px;
	-webkit-border-radius: 15px 0 0 15px; 
	-moz-border-radius: 15px 0 0 15px; 
	border-radius: 15px 0 0 15px; 
	font-weight:bolder;
	}

#tabsList li .lDate {
	margin-left:-5px;
	color:#25b7aa;
	background:none;
	padding:7px 18px;
	border:1px solid #25b7aa;
	-webkit-border-radius:0 15px 15px 0; 
	-moz-border-radius:0 15px 15px 0; 
	border-radius:0 15px 15px 0;
	font-weight:bolder;	
	}

#tabsList li.t01 {
	background:none;
	}

#tabsList li.t02 {
	background:none;
	}



#tabsList li.t01.ui-tabs-selected.ui-state-active .lTitle , #tabsList li.t02.ui-tabs-selected.ui-state-active .lTitle ,
#tabsList li.t01.ui-state-hover .lTitle , #tabsList li.t02.ui-state-hover .lTitle,
#tabsList li.t01.ui-tabs-selected.ui-state-active .lDate , #tabsList li.t02.ui-tabs-selected.ui-state-active .lDate,
#tabsList li.t01.ui-state-hover .lDate , #tabsList li.t02.ui-state-hover .lDate
 {color:#fff;}



/*內容開始設定*/
#tabsList #tabsList-1, #tabsList #tabsList-2, #tabsList #tabsList-3 {
	position:relative;
	width:100%;
	height:650px!important;
	padding:0 0 0 0px;
	}

span.price001 , span.price002 , span.price003 , span.price004 , span.price005 {
	display:inline-block;
	width:90px;
	height:55px;	
	}

span.price001 {
	background:url(../img/imgsAll.png) 0px -550px no-repeat ;	
	}

span.price002 {
	background:url(../img/imgsAll.png) -90px -550px no-repeat ;	
	}

span.price003 {
	background:url(../img/imgsAll.png) -180px -550px no-repeat ;	
	}
	
span.price004 {
	background:url(../img/imgsAll.png) -270px -550px no-repeat ;	
	}

span.price005 {
	background:url(../img/imgsAll.png) -360px -550px no-repeat ;	
	}

span.money {
	font-size:15px;
	color:#25ddaa;
	padding:0 5px;
	}

span.amount {
	font-size:15px;
	color:#fff;
	}
	
span.downloadWord {
	display:inline-block;
	width:160px;
	height:29px;
	margin: 5px 0 -7px 5px;
	background:url(../img/downloadWord.gif) 0px 0px no-repeat ;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	}

span.downloadWord:hover {
	margin: 5px 0 -7px 7px;}

.t01_list01 , .t01_list02 , .t01_list03 , .t01_list04 , .t01_list05 , .t02_list01 , .t02_list02 , .t02_list03 , .t02_list04 , .t02_list05 {
	position:relative;
	float:left;
	width:100%;
	height:auto;
	margin:20px 0 40px;
	overflow:hidden;
	}

.t01_list04 , .t02_list04 , .t01_list05 , .t02_list05 {
	margin: -20px 0 40px;
    padding: 40px 0 0 0;
	
	}

table.tList {
	float:left;
	margin:12px 10px;
	width:245px;
	border:1px solid #1f7cbd;
	border-collapse:collapse;
	}


table.tList td {
	border:1px solid #1f7cbd;}


table.tList td {
	height:36px;
	line-height:36px;
	text-align:center;
	
	}


table.tList thead td {
	background:#1f7cbd;
	color:#fff;
	}

table.tList thead td {
	border:1px solid #16bdc4;}





/*-------footer-------*/


.footer_wrapper  {
	position:fixed;
	bottom:35px;
	z-index:99999;
	width:100%;
	background:url(../img/footerY18Bg.png) bottom center  no-repeat;
}



.footer {
	width:990px;
	height:70px;
	margin:0 auto;	
	}
	

#sxc_footer_wrapper  {
	position:fixed;
	z-index:99999;
	bottom:0;
	left:0;
	right:0;
	}



/*--------------------------*/