@charset "UTF-8";
/* CSS Document */

/***RESET***/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: sans-serif;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
	font-family: Arial,Helvetica, heiti tc, SimHei, 微軟正黑體,Microsoft JhengHei,serif ;
	background-color:#efefef;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;  margin: 0;
    padding: 0;
}
a, a:hover, a:active{ color:#000; text-decoration:none;}

/***DEFAULT**/
html, body{ -webkit-text-size-adjust:none; -webkit-overflow-scrolling: touch; }
body {
	font: 12px/18px; font-family:Arial, Helvetica, sans-serif;
	padding: 0px; -webkit-text-size-adjust:none;     background: #FFFFFF;}

h1,h2,h3,h4,h5,h6,p{
	font: 12px/18px;
	font-family: Arial,Helvetica, heiti tc, SimHei, 微軟正黑體,Microsoft JhengHei,serif ;
	padding: 0px;
	margin: 0px;
}

h1{ float: left;}
h2{ }
h3{ }
h4{ }
h5{ }
h6{ }

p { color:#666666; font-size:12px; line-height: 18px;}

*:link, *:visited, *:hover, *:active, *:focus , * {
-o-transition: opacity .15s linear, background-color .15s linear, border-color .15s linear;
-webkit-transition: opacity .15s linear, background-color .15s linear, border-color .15s linear;
-moz-transition: opacity .15s linear, background-color .15s linear, border-color .15s linear;
transition: opacity .15s linear, background-color .15s linear, border-color .15s linear;}
a{	text-decoration: none; color:#000;}
a:hover{text-decoration: underline; color:#666;}
a img{ border: 0px;}
img{ border: 0px;}
blockquote{}
form{	padding: 0px;	margin: 0px;	}
ul,ol { margin: 0 0 0 0px; list-style:none; padding:0px;}
li{ margin:0px;}

input{}

.Clearfloat {
    clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
	/* Clearfix */
	.clearfix:before,
	.clearfix:after {
		content: " ";
		display: table;
	}
	.clearfix:after {
		clear: both;
	}
	.clearfix {
		*zoom: 1;
	}

/***共用CSS***/
#wrap{ width:100%; max-width: 910px; margin: 0 auto; background:url(../images/header_top.jpg) repeat-x top; }
.login{ float: right; margin-top: 10px;}
.login a{ color: #FFFFFF; float: left; border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; margin-left: -1px; font-size: 12px; padding: 0 5px;}
.login a:hover{ text-decoration: underline;}
.login_fb{ background:url(../images/icon_fb_w.gif) no-repeat 7px center; text-indent: 20px;}

/***PC版***/
#container_pc{ width:910px; margin: 0 auto;font-family: 微軟正黑體,Microsoft JhengHei,serif,Arial,Helvetica, heiti tc, SimHei ;}
#container_m{ display: none;}
#header_pc{ display:block; width: 910px; height: 53px; padding: 15px 25px;}
#content_pc{text-align: center; display:block;}
#footer_pcbg { border-top: 1px solid #b3b3b3; background-color:#EFEFEF;height: 113px; }
#footer_pc { color: #565454; padding: 20px 0px 10px; position: absolute; min-width:640px; width: 910px;}
.footer_links{  line-height: 21px; text-align: center; margin-bottom: 5px;}
.footer_links a{ color:#666666; font-size:12px; line-height: 18px;}
#footer_pc p a, #footer_m p a{ color: #1A6DB6; text-decoration: underline;}
.footer_links p{ margin-top: 8px;}
.fb-like{position:absolute;right:0px;top:-4px;}


/**會員獨享49元區**/
	#AdBanners{background: url(../images/pc/LUCKY2017_bodybg_m3.jpg) no-repeat; width: 100%; height:360px; padding:70px 0px 0px 0px; margin-top: 0px; background-size: 910px 360px; }
	#AdBanners h3{ }
		/*banner*/
		#Banners{ display: block; position: relative; width: 800px; margin: 0px auto 0px 30px;}
		#left, #right{ background:url(../images/arw.png) no-repeat; display:block; height: 39px; width: 37px; float:left; cursor: pointer; position: absolute; left:-10px; top: 90px;}
		#Banners #right{ background-position: -36px 0px; position: absolute; left: 820px; top: 90px; float:right;}
		.banner_In{ margin: 0 auto;overflow: hidden; position: relative; width: 100%; height: 218px; padding: 0px; left: 22px;}
		#Banners ul{ position: absolute; width: 2000px; }
		#Banners ul li{ float: left; width: 145px; height: 218px; position: relative; margin-right: 13px; }
		#Banners ul li img{ border: 1px solid #6f6f6f; width: 145px; height: 218px;}
		#Banners ul li :hover{ float: left; width: 143px; height: 216px; position: relative; border: 1px solid #e0c995;}
/*小叮嚀*/
	.note{width: 910px;margin: 0px auto;}
	#btn_note{height: 35px; display: block;  cursor: pointer; width:100%;background-image: url(../images/pc/LUCKY2017_littlemm01.jpg);}
	.note_box{width: 790px;margin: 0px auto;padding:30px 0px 30px 30px;display: none;font-size:15px;font-weight:normal;font-family: Arial,Helvetica, heiti tc, SimHei, 微軟正黑體,Microsoft JhengHei,serif;list-style-position: outside;}
	.note_box ul li{font-size: 13px;line-height: 20px;color:#000000;text-align:left;font-weight:normal;line-height:28px;list-style-position: outside;list-style-type: decimal;text-align:left}
	.note_box ul a{ color:#F33}






#content_pc .bot_btn{ position: absolute; left:0; top:1915px;}
#content_pc .bot_btn a{ transition:all 0.1s;    -ms-transition:all 0.1s;    -moz-transition:all 0.1s;    -webkit-transition:all 0.1s;    -o-transition:all 0.1s;}
#content_pc .bot_btn a:hover{ -webkit-transform: translate(0, -5px);	-moz-transform: translate(0, -5px);-o-transform: translate(0, -5px);transform: translate(0, -5px);}
#content_pc a.left_btn{ position: absolute; left:318px; top:50px; background:url(../images/mo/day30_btn_m.png); background-position: 0 0; width: 280px; height: 44px; }
#content_pc .bot_btn a img{width: 100%; height: 100%;}
#content_pc a.free50{ position: absolute; left:23px; top:50px; background:url(../images/mo/day30_btn_m.png); background-position: 0 0; width: 280px; height: 44px; }
#content_pc a.right_btn {  width: 280px; height: 44px; display: block; position: absolute; top:50px;  left:613px; transition:all 0.3s; -ms-transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s; }


    #content_pc .content-wrap .starbg{ width: 910px;height: 294px; margin: 30px 0 40px 0; padding-top: 38px; background: url(../images/pc/starbg.png)no-repeat 56px 0;}
	/*carousel*/
	#carousel{ display: block; position: relative; width: 777px; height: 237px; margin: 0px auto; background-color:#636363; padding: 16px 25px;}
	#a-left, #a-right{ background:url(../images/arw_a.png) no-repeat 0 0px; display:block; height: 55px; width: 25px; float:left; cursor: pointer; position: absolute; left:-24px; top: 95px;}
	#carousel #a-right{ background-position: -25px 0px; position: absolute; left: 776px; float:right;}
	.carouselIn{ margin: 0 auto;overflow: hidden; position: relative; width: 100%; height: 230px;}
	#carousel ul{ position: absolute; width: 2160px;}
	#carousel ul li{ float: left; width: 248px; height: 224px; position: relative; }
	#carousel ul li h4{ font-size: 16px; color: #fff447; text-align: center; margin-top: 8px;}
	#carousel ul li p{ font-size: 15px; color: #FFF; text-align: center; margin-top: 6px;}






/***手機版***/
/***手機版***/
/***手機版***/
@media screen and (max-width: 640px) {



body.noscroll{overflow-y:hidden ; width: 100%;}

.ndsadbn{ z-index:-1}
.noblockall{ display:none}

/**會員獨享49元區**/
#AdBanners_m{ padding-top: 60px; background-image: url(../images/mo/fcsmoive_mo.png); width: 100%; height:450px; }
/*#AdBanners_m h3{ display: block; background:url(../images/h3_ADbanner_title.png) no-repeat top center; width: 640px; height: 45px; margin-top: 15px;}*/
/*banner*/
#Banners_m{ display: block; position: relative; width: 640px; height: 400px; margin: 0 auto; overflow: hidden;}
#left_m, #right_m{ background:url(../images/arw.png) no-repeat 0 16px; display:block; width: 39px; height: 74px; float:left; cursor: pointer; position: absolute; left:40px; top:110px;}
#Banners_m #right_m{ background-position: -34px 0px; position: absolute; left:560px; top: 127px; float:right;}
.banner_In_m{ margin-left: 85px; auto;overflow: hidden; position:relative; width: 460px; height:323px; padding: 0px;}
#Banners_m ul{ position: absolute; width: 9999px; }
#Banners_m ul li{ float: left; width: 215px; height: 323px; position: relative;  margin-right: 15px;}
#Banners_m ul li img{ border: 1px solid #6f6f6f; width: 215px; height: 323px;}


/*小叮嚀*/
	.note_m{  margin: 0px auto;; text-align:left;}
	#btn_note_m{
	width: 100%;
	display: block;
	margin: 0px auto;
	cursor: pointer;
	background-image: url(../images/mo/littlemm_mo01.jpg);
	background-position: 0px -7020px;
	height: 60px;
}

    #content_m .starbg{ width: 640px;height: 324px; margin: 10px 0 5px 0; padding-top: 38px; background: url(../images/mo/starbg_m.png)no-repeat  0;}
	/*carousel*/
	#carousel_m{ display: block; position: relative; width: 540px; height: 239px; margin: 9px auto;background-color:#636363; padding: 16px 25px;}
	#b-left, #b-right{ background:url(../images/arw_a.png) no-repeat 0 0px; display:block; height: 55px; width: 25px; float:left; cursor: pointer; position: absolute; left:-24px; top: 95px;}
	#carousel_m #b-right{ background-position: -25px 0px; position: absolute; left: 539px; float:right;}
	.carouselIn_m{ margin: 0 auto;overflow: hidden; position: relative; width: 100%; height: 230px;}
	#carousel_m ul{ position: absolute; width: 2160px;}
	#carousel_m ul li{ float: left; width: 248px; height: 224px; position: relative; }
	#carousel_m ul li h4{ font-size: 16px; color: #fff447; text-align: center; margin-top: 8px;}
	#carousel_m ul li p{ font-size: 15px; color: #FFF; text-align: center; margin-top: 6px;}


#content_m .bot_btn{ width: 640px; height: 330px; position: relative; }
#content_m .bot_btn a{ display: block; float: left; line-height: 45px; font-weight: bold;text-decoration: none;    transition:all 0.1s;    -ms-transition:all 0.1s;    -moz-transition:all 0.1s;    -webkit-transition:all 0.1s;    -o-transition:all 0.1s;}
/*#content_m .bot_btn a:hover{ -webkit-transform: translate(0, -5px);	-moz-transform: translate(0, -5px);-o-transform: translate(0, -5px);transform: translate(0, -5px);}*/
#content_m .bot_btn a.left_btn{ position: absolute; left:110px; top:130px;  width: 387px; height: 60px;}
#content_m .bot_btn a.right_btn{ position: absolute; left:110px; top:210px; width: 387px; height: 60px;}
#content_m .bot_btn a.trifree { position: absolute; display:block;/* width:232px; height:50px; */ left:110px; top: 50px; transition:all 0.2s; -ms-transition:all 0.2s; -moz-transition:all 0.2s; -webkit-transition:all 0.2s; -o-transition:all 0.2s; }


	.note_box_m{ display: none;margin: 0px auto; width: 565px; padding:30px 0px 60px 0px}
	.note_box_m ul a{color:#F33}
	.note_box_m ul li{ list-style:decimal inside; font-size: 18px; line-height: 30px; padding-left: 18px; text-indent: -18px; color: #000000; font-weight:normal}
	/*A版footer*/
	.ftr_logos_m{ float: none; text-align: center; margin-bottom:15px;}
	.ftr_logos_m a{ margin-right: 20px;}
	#footer_m{ text-align:center; color: #565454;padding: 20px 0; border-top: 1px solid #b3b3b3; background-color: #EFEFEF; }
	#footer_m .footer_links a{ color:#666666; font-size:11px; padding:0 3px;}

	.footer_links{ text-align: center; }
	.fb-like{position:absolute;right:0px;top:-4px;}

	/**B版footer**/
	#footer_mB{ text-align:center; background-color: #EFEFEF;}
	#footer_mB .footer_links{ margin-bottom: 20px; background-color: #848484; margin-top: 0px; display: black; overflow: hidden;}
	#footer_mB .footer_links a{ color:#FFFFFF; font-size:12px; border-right: 1px solid #FFFFFF; width: 50%; padding: 10px 0px; display: inline-block; overflow: hidden; float: left; background-color: #848484; text-align:center;}
	#footer_mB .footer_links a:hover { text-decoration: none; background-color:#333;}
	#footer_mB p a{ color: #1A6DB6; text-decoration: underline; text-align: center;}
	#footer_mB .footer_links_b{ margin-bottom: 12px; text-align: center; font-size: 12px;}
	#footer_mB .footer_links_b a{ font-size:11px; text-align: center; padding: 0 3px; color: #666;}
	/*卷軸*/
.scrollup{ width:52px; height:52px; opacity:0.95; position:fixed; bottom:175px; right:10px; display:none; text-indent:-9999px; background: url(../images/btn_top1.png) no-repeat;}
.scrollup_1{ width:43px; height:43px; opacity:0.95; position:fixed; bottom:215px; right:10px; display:none; text-indent:-9999px; background: url(../images/btn_top2.png) no-repeat;}
	}