@import url("reset.css?v=1");
@import url("in_page.css?_=4"); 
@import url("buzzhand.css"); 

  
BODY{ background:url(../images/ads_bkere.jpg) repeat-y center; color:#e4ebf3; width:100%;}

.pointer { cursor:pointer; cursor:hand; }


.ae_qrcode { width: 96%; display:inline-block; text-align:left; background:#C3C3C3; height:145px; margin-bottom:5px; }
.ae_qrcode img {display:inline-block; margin: 5px 20px; vertical-align: middle;}
.ae_qrcode a { display:inline-block; color:#A7003F; vertical-align: middle;}
.ae_qrcode span {    display: inline-block;    vertical-align: middle;}

.line_business {width:300px;}
.line_business img {width:150px; float:left;}


.google_line_left { font-size:1em;  line-height:1.5em; background:#f8f8f8; color:#d0d0d0;text-align:left; padding-left:2em; }

.google_line_right { font-size:1em;  line-height:1.5em; background:#f8f8f8; color:#d0d0d0;text-align:right; padding-right:2em;}

/* ----- 最外框 ---------------------------------------------------------- */
#WRAPPER{ max-width:1200px; min-width:336px; font-family:微軟正黑體, Arial, Helvetica, sans-serif; background:#FFF; padding:0 0 10px 0; margin:0 auto;}
 


.top_up{  max-width:100%; min-width:300px; line-height:24px; font-family:Arial, Helvetica, sans-serif; font-size:14px; border-bottom:solid 1px #1c326c; text-align:left;
background: rgb(78,105,162); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(78,105,162,1) 0%, rgba(59,89,152,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(78,105,162,1)), color-stop(100%,rgba(59,89,152,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(78,105,162,1) 0%,rgba(59,89,152,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(78,105,162,1) 0%,rgba(59,89,152,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(78,105,162,1) 0%,rgba(59,89,152,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(78,105,162,1) 0%,rgba(59,89,152,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e69a2', endColorstr='#3b5998',GradientType=0 ); /* IE6-9 */
}



.logo{ display:inline-table; width:150px; height:32px; background:url(../images/logo_c.png) no-repeat; background:#; padding:3px 0; margin:0 0 0 5px; vertical-align:text-top;}

.fb_ho{ display:inline-table; width:32px; height:32px; background:url(../images/f_g.png) no-repeat top right; margin:0 0 0 0; vertical-align:text-top;}
.fb_ho:hover{ background-position:bottom left;}

.top_box{ line-height: 2em; display:inline-table; font-family:微軟正黑體, Arial, Helvetica, sans-serif; font-size:18px; vertical-align:text-top; position:relative;}

.top_box_l { max-width:100%; margin:0 0 0 5px; overflow:hidden;}
.top_box_l li{ width:5.2em; display:inline-table; margin:0 10px 0 0;}
.top_box_l li a{ display:block; text-decoration:none; color:#FFF; border-radius:8px; padding:0px 10px 0px 10px;}
.top_box_l li a:hover{ color:#FFf; box-shadow:inset 1px 1px 3px rgba(0,0,0,0.5); background:#2f477a;}




.opt_box{ display:none;}
.sel_bob{ display:none;}

.pop_nav{ display:none; z-index:9; width:90px; text-align:right; border:solid 1px #f5f5f5; border-top:none; border-radius:0 0 10px 10px; 
background:#FFF; padding:5px 25px 10px 25px; position:absolute; top:65px; right:36px; box-shadow:0px 2px 5px 1px rgba(0,0,0,0.5);}
.pop_nav li{ border-bottom:solid 1px #f5f5f5;}
.pop_nav li:last-child{ border-bottom:none;}
.pop_nav li a{ text-decoration:none; color:#838383;}
.pop_nav li a:hover{ color:#489aea;}



.top_box_r{ float:right;}
.top_box_r li{ margin:0 0 0 20px; float:right;}
.top_box_r li a{ text-decoration:none; color:#FFF;}
.top_box_r li a:hover{ color:#FF0;}





/* ----- 上條列 ---------------------------------------------------------- */
.top_bar{ max-width:1200px; min-width:300px; text-align:center; border-radius:0 0 30px 30px; background:#fff; margin:15px auto 0 auto;}
.top_nav{ display:inline-table; width:750px; height:90px; background:#666;}



/* ----- 路徑 ---------------------------------------------------------- */
//.sel_path{ width:100%; font-size:18px; border-bottom:solid 1px #e5e5e5; background:#fff; margin:0 0 0 0;}
//.sel_path ul{ margin:0 0 0 0;}
//.sel_path ul li{ display:inline-table; color:#999;}
//.sel_path ul li a{ text-decoration:none; color:#4195e9;}
//.sel_path ul li a:hover{ color:#CCC;}


/* ----- 路徑 ---------------------------------------------------------- */
.sel_box{ max-width:1200px; min-width:300px; font-family:微軟正黑體, Arial, Helvetica, sans-serif; border-bottom:solid 1px #e5e5e5; 
background:url(../images/sel_path_bkere.jpg); margin:0 auto 15px auto; position:relative;}

.sel_path{ line-height:40px; font-size:18px; text-shadow:1px 1px 0 #FFF; margin:0 0 0 20px;}
.sel_path li{ display:inline-table; color:#999;}
.sel_path li a{ text-decoration:none; color:#4195e9;}
.sel_path li a:hover{ color:#CCC;}

.sel_more{ display:none; position:absolute; top:10px; right:20px;}
.sel_more a{ text-decoration:none; color:#2b84e6;}
.sel_more a:hover{ color:#C00;}

.sel_line{ width:98%; height:1px; background:#dadada; border-bottom:solid 1px #fff; margin:0 auto;}

.path_insel{ width:100%; text-align:left; margin:15px 0 0 0;}
.path_insel li{ display:inline-table; font-size:15px; margin:0 8px 15px 20px;}
.path_insel li a{ text-decoration:none; text-shadow:1px 1px 0 #FFF; color:#999; padding:4px 15px;}
.path_insel li a:hover{ text-shadow:none; color:#fff; border-radius:20px; background:#2b84e6;}

.path_insel li a.new_sels{ text-shadow:none; color:#FFF; border-radius:20px; background:#999;}
.path_insel li a.new_sels:hover{ text-shadow:none; color:#fff; border-radius:20px; background:#2b84e6;}




/* ----- 排列資料 ---------------------------------------------------------- */
.main_data{ width:100%; text-align:center;}

.main_data li{  vertical-align: top; display:inline-table; width:336px; height:324px; border:solid 2px #fff; margin:0 3px 10px 3px; overflow:hidden;}
.main_data li:hover{ width:336px; height:300px; border:solid 2px #207ce5;}
 
.l_in_box{ border:1px solid #dadada; overflow: hidden;}
.l_in_box:hover{ border:1px solid #207ce5; }

.in_img{ height:222px;  overflow:hidden; position: relative;}
.in_img img {position: absolute; top: 0; bottom: 0; margin: auto; left: 0; right: 0; min-width: 100%; max-width: 100%; height:auto;}

.in_co_data{ text-align:left; font-family:微軟正黑體, Arial, Helvetica, sans-serif; padding:0 10px; margin:4px 0 0 0;}

.in_title{ height:2.5em; line-height:1.2em; font-size:1.2em; font-weight:100; overflow:hidden;}
.in_title a{ text-decoration:none; color:#838383;}
.in_title a:hover{ color:#489aea;}

.she_dobar{ width:100%; display:inline-block; font-size:15px; color:#90a4c9; margin:5px 0 5px 0;}


.she_pix{ display:inline-table; width:18px; height:18px; background:url(../images/she_box.jpg) no-repeat 0px 0px; margin:3px 2px 0 0; vertical-align:top;}
.fb_pop { display:inline-table; width:60px; height:15px; line-height:18px; font-weight:bold; color:#838383; vertical-align:middle;}
.d_day{ display:inline-table; color:#90a4c9; vertical-align:middle;}


/* ----- 底 -------------------------------------------------------------- */
.FOOD_BAR{ width:100%; max-width:1200px; min-width:300px; font-family:微軟正黑體, Arial, Helvetica, sans-serif; text-align:center; border-top:solid 2px #e4e4e4; background:#f3f3f3; margin:0 auto;}
.FOOD_BAR_BOX{ width:100%; background:; padding:20px 0; margin:0 auto;}

.FR_BL{ display:inline-block; max-width:490px; min-width:280px; color:#333; overflow:hidden; padding:0 0 0 10px;}
.FR_BL h1{ height:20px; font-size:18px; font-weight:100; color:#888; padding:0 0 0 10px;}
.FR_BL h2{ font-size:14px; font-weight:100; color:#888; padding:0 10px 0 10px; margin:-15px 0 0 0;}
.FR_BL h3{ display:block; max-width:90%; height:40px; line-height:40px; text-align:right; font-weight:100; text-shadow:1px 1px 3px #004696; 
border:solid 1px #FFF; border-radius:15px; background:#207ce5; color:#FFF; padding:0 10px 0 0; margin:10px 0 0 10px;
box-shadow:inset 1px 1px 3px 1px rgba(0,70,150,0.5);}




.FR_PIX{ display:inline-table; width:110px; height:90px; background:url(../images/3p_info.png) no-repeat center; margin:0 0 0 10px; vertical-align: text-top;}
.FR_LINE{ display:inline-table; width:1px; height:90px; background:#e2e2e2; vertical-align: text-top;}
.FR_BR{ display:inline-table; max-width:1000px; min-width:300px; line-height:20px; text-align:left; font-size:12px; color:#888; text-shadow:1px 1px 0 #FFF; padding:0 0 0 10px; overflow:hidden; vertical-align: text-top;}
.FR_BR span{ color:#4195e9;}



.FOOD{ max-width:1200px; min-width:300px; height:48px; line-height:48px; font-family:Arial, Helvetica, sans-serif; font-size:14px; text-align:center; border-top:solid 2px #1fb0e0;
background: rgb(73,155,234); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(73,155,234,1)), color-stop(100%,rgba(32,124,229,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(73,155,234,1) 0%,rgba(32,124,229,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(73,155,234,1) 0%,rgba(32,124,229,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(73,155,234,1) 0%,rgba(32,124,229,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(73,155,234,1) 0%,rgba(32,124,229,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#207ce5',GradientType=0 ); /* IE6-9 */
margin:0 auto;}
.FOOD a{ text-decoration:none;color:#004696; font-weight:normal;}
.FOOD a:hover{ text-decoration:underline; color:#fff;}





.food_txt{ max-width:1200px; min-width:300px; font-size:15px; text-align:center; color:#666; padding:15px 0 0 0; margin:0 auto;}

.food_txt_a{ width:95%; line-height:25px; font-size:12px; background:#fff; margin:0 auto 10px auto;}
.food_txt_a a{ color:#000;}
.food_txt_a a:hover{ color:#3CF;}

.food_txt_b{ width:90%; line-height:18px; font-size:15px; font-family:微軟正黑體, Arial, Helvetica, sans-serif; text-align:center; color:#FFF; border-top:solid 1px #1c326c;
background: rgb(78,105,162); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(78,105,162,1) 0%, rgba(59,89,152,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(78,105,162,1)), color-stop(100%,rgba(59,89,152,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(78,105,162,1) 0%,rgba(59,89,152,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(78,105,162,1) 0%,rgba(59,89,152,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(78,105,162,1) 0%,rgba(59,89,152,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(78,105,162,1) 0%,rgba(59,89,152,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e69a2', endColorstr='#3b5998',GradientType=0 ); /* IE6-9 */
padding:8px 15px; margin:0 auto;}
.food_txt_b a{ text-decoration:none; text-shadow:1px 1px 0 #036; color:#FFF;}
.food_txt_b a:hover{ text-shadow:-1px -1px #036; color:#0FF;}


.food_txt_c{ width:90%; line-height:15px; font-family:微軟正黑體, Arial, Helvetica, sans-serif; color:#3CF; margin:0 auto 10px auto;}
.food_txt_c a{ color:#F90;}
.food_txt_c a:hover{ color:#C00;}



/* ----- 區隔線 ---------------------------------------------------------- */
#PIX_10{ margin:0 auto; width:100%; height:10px; clear:both;}




.top_nav_pc { display:inline-table; width:750px; height:90px; background:#666; margin:0 0 0 0;}
.top_nav_mobile { display:inline-table; width:336px; height:280px; background:#666; margin:10px 0 0 0;}

 
.cates { margin-left:15px;}



.pagination{ max-width:100%;  height:70px; line-height:50px; background:#FFF; padding:10px 0;}
.pagination ul{ text-align:center;}
.pagination ul li{ display:inline-table; margin:0 3px;}
.pagination ul li a{ display:block; width:50px; height:50px; text-decoration:none; font-size:2.6em; font-weight:bold; color:#FFF; border-radius:50%;}
.pagination ul li a:hover{}

.nomo{}
.nomo a{ background:#CCC;}
.nomo a:hover{ background:#007ddb;}

.nomo_sel{}
.nomo_sel a{ background:#007ddb;}
.nomo_sel a:hover{ background:#007ddb;}

.pag_l{}
.pag_l a{ display:block; text-indent:-99999px; border:solid 3px #007ddb; background:url(../images/l_sel.jpg) no-repeat top right;}
.pag_l a:hover{ background-position:bottom left;}

.pag_r{}
.pag_r a{ display:block; text-indent:-99999px; border:solid 3px #007ddb; background:url(../images/r_sel.jpg) no-repeat top right;}
.pag_r a:hover{ background-position:bottom left;}

.not-active {
   pointer-events: none;
   cursor: default;
}








@media screen and (max-width: 1400px) {
        .if_wild {display:none;}
}

/* ----- 視窗寬度介於 900px ~ 1200px ---------------------------------------------------------- */
@media screen and (min-width: 900px) and (max-width: 1200px) {         

	.top_nav{ display:inline-table; width:750px; height:90px; background:#666; margin:20px 0 0 0;}
	.FR_LINE{ display:inline-table; width:1px; height:140px; background:#e2e2e2; vertical-align:text-top;}
	.FR_BR{ display:inline-table; max-width:600px; min-width:300px; line-height:20px; font-size:12px; color:#888; text-shadow:1px 1px 0 #FFF; 
	padding:0 0 0 15px; margin:0 0 0 0; overflow:hidden; vertical-align:text-top;}

}
 
 
/* ----- 視窗寬度介於 280px ~ 899px ---------------------------------------------------------- */
@media screen and (min-width: 280px) and (max-width: 899px) { 

        .sel_more{ display:block;}
        .path_insel {display:none;}

        .product_cates { display:none;}
        .top_up_block { display:none;}
        .pop_nav { display:none;}
        .top_nav { display:none;}
        .top_box_l li a{ width:60%; }
	.FR_BR{ display:inline-block; max-width:899px; min-width:300px; /*height:120px;*/ line-height:20px; font-size:12px; color:#888; text-shadow:1px 1px 0 #FFF; padding:0 15px 0 0; margin:20px 0 0 0; overflow:hidden;}

.main_data { width:99%; }
.main_data li{ display:inline-table; width:100%; height:324px; border:solid 2px #fff; margin:0 0 0 0; overflow:hidden;}
.main_data li:hover{ width:100%; height:324px; border:solid 2px #207ce5;}


.top_up_block { width:100%; height:50px; }
.top_up{ width:100%; position:relative; top:; z-index:88; min-width:300px; height:50px; line-height:50px; font-family:Arial, Helvetica, sans-serif; font-size:14px; text-align:center;
border-bottom:solid 3px #f1f1f1;
background: rgb(73,155,234); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(73,155,234,1)), color-stop(100%,rgba(32,124,229,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(73,155,234,1) 0%,rgba(32,124,229,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(73,155,234,1) 0%,rgba(32,124,229,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(73,155,234,1) 0%,rgba(32,124,229,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(73,155,234,1) 0%,rgba(32,124,229,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#207ce5',GradientType=0 ); /* IE6-9 */
margin:0 auto;}

.top_up:hover{ cursor:pointer; cursor:hand; background:#005cc3; }


.top_box{ width:50%; height:1000px; background:rgba(0,90,195,1); padding:0 0 0 0; font-family:微軟正黑體, Arial, Helvetica, sans-serif; position:absolute; top:2.5em; bottom:0; left:-73%;  
}

.left73 { left:-73%;  }

.top_up:hover .top_box{ left:0;  } 
.del_box:hover .top_box{ left:-70%;}


 

.top_box_l{ clear:both; max-width:100%; height:auto; font-family:微軟正黑體, Arial, Helvetica, sans-serif; font-size:26px; font-weight:bold;  margin:0 0 0 0; overflow:hidden; float:left;}
.top_box_l li{ text-align:left; margin:0; float:none;}
.top_box_l li a{ text-decoration:none; color:#FFF; border-radius:0 10px 10px 0; background:; padding-left:8%; }
.top_box_l li a:hover{ color:#FFf; background:#09F;}





.opt_box{ display:block; position:absolute; top:0; left:0;}
.sel_bob{ display:block; position:absolute; top:0; right:0;}


.logo{ display:inline-table; width:150px; height:30px; background:url(/images/logo.png) no-repeat; position:absolute; top:8px; left:15%;}

.top_nav{ display:none;}
.FR_LINE{ display:none;}
 
}