@charset "big5";



/* CSS Document */



@import url("reset.css");

@import url("layout.css");

@import url("general.css");

@import url("bbgo-sidebar.css");



/* Info Channel global setting */

a {

	text-decoration: none;

}



p {

  font-size: 12px;

}



ul.lh20 li {

	font-size: 12px;

	line-height: 20px;

}



#inner_wrapper {

  width: 990px;

  margin-top: 10px;

  overflow: auto;

  background: #ffe7e2;

}





/* 文字class格式 */

.black{color: #000000;line-height:22px;}

.gray{color: #666666;}

.bbgoorange{color:#ea5205;font-size:13px;}



.bbgopink{color:#e4007f;}



.bbgored{color:#bc0000;}



.babypink{color:#ff5a71;}

.green{color:#749044;}



.bbgoblue{

color:#00a4ef;}



.bbgoyellow{

padding:0 5px 0 0;

color:#fff100;

font-family: Arial, Helvetica, sans-serif;

font-size:30px;

}



.bbgoprice{

color:#e50044;

font-family: Arial, Helvetica, sans-serif;

font-size:20px;

font-weight:600;

line-height:18px;

}



.bbgoperple{color:#7b5e9e;}



.bbgomenu{

color:#e50044;

font-weight:700;

LINE-HEIGHT:30px;}



.productname{

color:#00a4ef;

font-size:15px;

font-weight:800;

}

.news{

color:#ff8a89;

font-size:16px;

font-weight:800;

}





.line-through{

 text-decoration:line-through;}

 

/* 邊框class格式 */

.rightbottom{

border-right:1px dashed #CCCCCC;  

border-bottom:1px dashed #CCCCCC; 

}



.bottom{border-bottom:1px dashed #CCCCCC;}



.top{border-top:1px dashed #CCCCCC;}

	

.right{	border-right:1px dashed #CCCCCC;}



.product_border{border:1px solid #cccccc;}



/* 其他class格式 */

.clear{

clear:both;

height:0;

font-size:1px;

line-height:0;}



.content_shop{  

	overflow: hidden;

	width:670px;

	background-image:url(../images/shop_back.gif);

	border-bottom:1px solid #ffc9c9;

	}

	

	.center660{

	width:660px;

	 margin:0 5px 5px 5px;}



.padding10{padding:6px 10px;}

/* 主頁 */

/* Main content - banner670200 */

#inner_wrapper #main_content .bbgo_top {

}



#inner_wrapper #main_content .bbgo_top .ad_banner {

  margin: 5px 0 0;

}



#inner_wrapper #main_content .bbgo_top .ad_news ul {

  height: 30px;

  margin: 0 0 0 5px;

  overflow: auto;

}



#inner_wrapper #main_content .bbgo_top .ad_news ul li {

  width: 310px;

  padding: 0 0 0 22px;

  font-size: 12px;

  font-family: '新細明體';

  line-height: 26px;

  float: left;

  background: url("../../img/bbgo/new.html") no-repeat 0 -4px;

}



/* Main content -banner160 */

#inner_wrapper #main_content #banner160{

	width: 160px;

	float: right;

	margin: 5px;}

	 

#inner_wrapper #main_content #banner160 li{

	display: block;

	margin-bottom: 5px;

}

	

/* Main content - product - START */

#box_left {

  width: 500px;

  float: left;

}



#product_sale {

  width: 500px;

  margin: 0 0 5px;

  position: relative;

  overflow: auto;

}



#product_sale div {

  width: 0px;

  overflow: hidden;

}



#product_sale div.activity {

  width: 500px;

  margin-top: 30px;

  padding-top: 10px;

	background: url(../images/product_menuback.gif) no-repeat 0 -30px;

}



#product_sale div h2 {

  position: absolute;

  top: 0px;

  left: 0px;

}



#product_sale div h2 a {

  width: 100px;

  height: 32px;

  overflow: hidden;

  text-align: center;

  display: block;

}



#product_sale div.activity h2 a {

  height: 40px;

}



#product_sale .tag1 h2 a {

	background: url(../images/product_menuback01_a.gif) no-repeat 0 0;

}



#product_sale .tag2 h2 a,

#product_sale .tag3 h2 a,

#product_sale .tag4 h2 a {

	background: url(../images/product_menuback02_a.gif) no-repeat 0 0;

}



#product_sale .last_tag h2 a {

	background: url(../images/product_menuback03_a.gif) no-repeat 0 0;

}



#product_sale .tag1 h2 { left: 0px; }

#product_sale .tag2 h2 { left: 100px; }

#product_sale .tag3 h2 { left: 200px; }

#product_sale .tag4 h2 { left: 300px; }

#product_sale .tag5 h2 { left: 400px; }



#product_sale div h2 a span {

  line-height: 38px;

}



#product_sale div ul {

  width: 490px;

  overflow: auto;

  margin: 0;

  padding: 0 0 10px 10px;

  border-bottom: 1px solid #FFC9C9;

	background: url(../images/product_back.gif) repeat-y 0 0;

  display: none;

}



#product_sale div.activity ul {

  display: block;

}



#product_sale div ul li {

  float: left;

}



#product_sale div ul li.right {

	border-right: 1px dashed #CCCCCC;  

}



#product_sale div ul li.bottom {

	border-bottom: 1px dashed #CCCCCC; 

}



#product_sale div ul.item {

  width: 160px;

  height: 240px;

  margin: 0 0 5px;

  padding: 0px;

  overflow: visible;

  border: none;

  background-image: none;

}



#product_sale div ul.item li {

  width: 150px;

  margin: 0 auto;

  float: none;

  text-align: center;

  border: none;

  background-image: none;

}



#product_sale div ul.item li.pic {

  padding: 5px 0;

}



/* Left Box - ad-block */

#box_left div.ad_block {

	width: 500px;

	height: 140px;

  margin: 0 0 5px;

	background: url(../images/photoads_back.gif);

}



#box_left div.ad_banner {

  float: left;

  padding: 7px;

}



#box_left div.ad_news {

  width: 230px;

  margin: 7px 0 0;

}



#box_left div.ad_news ul {

  width: 230px;

}



#box_left div.ad_news ul li {

  margin: 0 0 0 25px;

  text-indent: -8px;

  list-style: url("../../img/bbgo/pink.html") outside;

}



/* Right Box */

#box_right {

  width: 160px;

  float: left;

  padding: 5px 0 0 8px;

}



#box_right .ad_block {

  margin: 0 0 5px;

}





 

/* product */

#content_shop #product{

	clear:both;

	text-align:center;

}

	

#content_shop #product ul{

	display:block;

	width:660px;

	margin-left:15px;

}



 #content_shop #product li{

 padding-top:5px;

	display:block;

	height:235px;

	width:160px;

	float:left;

	text-align:center;

	color: #666666;

}



#product li p{

	display:block;

	margin:0 auto;

	width:150px;

	}



/*page*/

#content_shop #page{

	height:30px;

	text-align:center;

	margin:0 auto;}



#content_shop #page li{

	display:inline;/*文字模式*/

	}

/*Main content - product - END*/



#header #ad_bbgo {

  width: 700px;

  height: 90px;

  float: left;

  margin: 10px 0 -10px 10px;

  overflow: auto;

}



#percentage{

margin:60px 0 5px;

width:620px;

height:12px;

border:1px solid #dedede;

background: url(../images/gift/percentage_back.html) no-repeat;

position:relative;

float:left;}



#percentage_gift{

	position: absolute;

	left: 466px;

	top: -55px;

	width: 86px;

	height: 72px;

}



/*Q點首頁 Login*/



#qindex_login{

	width:973px;

	height:260px;

	border:#f3afa1 solid 1px;

	margin:0 auto;

	margin-top:10px;

	}



#qindex_login li{

float:left;

}



#qindex_login li a{

display:block;

height:260px;

text-indent:-9999px;

background-image:url(../images/bbgo-new/qindex-login.jpg);}



#qindex_login li.A a{

background-position:0px 0px;width:497px;

}

#qindex_login li.B a{

background-position:-497px 0px;width:474px;

}



#qindex_nav{

	clear:both;

	width:623px;

	margin:0 auto;

	margin-top:10px;

	overflow:hidden;}

	

#qindex_nav li{

	float:left;}

	

#qindex_nav li a{

	display:block;

	height:43px;

	text-indent:-9999px; 

	background-image:url(../images/bbgo-new/qindex-buttom.jpg);}

	

#qindex_nav li.buttom1 a{ background-position:0px 0px; width:170px;}

#qindex_nav li.buttom2 a{ background-position:-170px 0px; width:274px;}

#qindex_nav li.buttom3 a{ background-position:-444px 0px; width:179px;}

#qindex_nav li.buttom4 a{ background-position:-630px 0px; width:282px;}



#qindex_title_block{

	clear:both;

	width:956px;

	margin:0 auto;

	margin-top:10px;

	margin-bottom:10px;

	border-bottom:#ffc9c9 1px solid;}

	

#qindex_title{

	width:956px;

	height:60px;

	background-image:url(../images/bbgo-new/qindex-title1.jpg);

	text-indent:-9999px;}



	

#qindex_title_down{

	clear:both;

	width:956px;

	height:7px;

	background-image:url(../images/bbgo-new/qindex-title_down.jpg);}

	

	

#qindex_title_content{

	width:956px;

	background-image:url(../images/bbgo-new/qindex-title2.jpg);

	overflow:hidden;

  text-align:left;

}

	

#qindex_title_list_block{

	width:448px;

	margin:0px 40px 0px 25px;

	float:left;

	overflow:hidden;}	

	

#qindex_title_list{

	width:448px;

	overflow:hidden;}

	

#qindex_title_list ul.information{

	width:448px;}

	

#qindex_title_list ul.information li{

	float:left;

	width:448PX;

	background-image:url(../images/bbgo-new/qpoint.jpg);

	background-repeat:no-repeat;

	padding:0px 0px 0px 15px;

	font-size:15px;

	font-family: Arial, Helvetica, sans-serif, 新細明體;

	font-weight:bold;

	line-height:30px;

	color:#666666;}

	

#qindex_prize_block{

	width:448px;

	overflow:hidden;}

	

#qindex_prize_block2{

	float:left;

	width:132px;

	margin:10px 0px 0px 14px;

	overflow:hidden;}

	

#qindex_prize_pic{

	width:130px ;

	height:130px;

	border:#ffc2ca solid 1px;

	overflow:hidden;}

	

#qindex_prize_text{

	width:132px ;

	font-size:15px;

	font-family: Arial, Helvetica, sans-serif, 新細明體;

	font-weight:bold;

	text-align:center;

	line-height:30px;

	color:#666666;

	overflow:hidden;}

	

#qindex_prize_list_block{

	width:420px;

	overflow:hidden;

	background-color:#fff6e7;

	-webkit-border-radius: 10px;

	-moz-border-radius: 10px;

	border-radius: 10px;}

	

#qindex_prize_list_block2{

	width:398px;

	border:solid #ffe3ce 1px;

	margin:10px 10px 10px 10px;

	overflow:hidden;

	background-color:#ffffff;}

	

#qindex_prize_list_block3{

	width:398px;

	height:65px;

	margin-bottom:10px;

	background-image:url(../images/bbgo-new/qtitle-prize.jpg);

	overflow:hidden;}

	

#qindex_prize_list_text1{

	width:370px;

	margin:8px 0px 0px 28px;

	font-size:15px;

	font-family: Arial, Helvetica, sans-serif, 新細明體;

	font-weight:bold;

	line-height:30px;

	color:#ff7878;}

	

#qindex_prize_list_text2{

	width:370px;

	margin:0px 0px 0px 28px;

	font-size:15px;

	font-family: Arial, Helvetica, sans-serif, 新細明體;

	line-height:20px;

	color:#666666;}

	

/*Q點concent*/



#qconcent{

	width:670px;

	margin:5px 3px 5px 5px;

	float:left;

	overflow:hidden;}

	

#qconcent #left_title{

	width:670px;

	height:45px;

	overflow:hidden;}

	

#qconcent #left_content{

	width:670px;

	background-image:url(../images/bbgo-new/qtitle-background.jpg);

	margin:0 auto;

	overflow:hidden;

  }

	

#qconcent #left_down{

	width:670px;

	height:5px;

	background-image:url(../images/bbgo-new/qtitle-down.jpg);

	background-repeat:no-repeat;

	overflow:hidden;}

	

#qconcent #left_prize{

	width:640px;

	height:360px;

	border:solid 1px #cccccc;

	margin:0 auto;

	margin-top:10px;

	overflow:hidden;}

	

#qconcent #left_banner{

	width:670px;

	height:300px;

	margin:10px 0px 0px 5px;

	overflow:hidden;}	

	

#qconcent #left_rule{

	width:640px;

	margin:0 auto;

	margin-top:15px;

	overflow:hidden;}

	

#qconcent #left_rule2{

	width:640px;

	margin:0 auto;

	overflow:hidden;}

	

.first{

     height:30px;

	  width:640px;

	  overflow:hidden;

	  margin:0 auto;

}

.first:hover {

  /*height:auto*/

  cursor: pointer;

}

	

#qconcent #left_buttom{

	width:99px;

	height:36px;

	margin:0 auto;

	margin-bottom:10px;

	margin-top:10px;

	overflow:hidden}

	

#qconcent #left_timeline{

	width:640px;

	height:85px;

	margin:0 auto;

	margin-top:5px;

	margin-bottom:5px;

	text-align:center;

	background-image:url(../images/bbgo-new/qweek-timeline-background.jpg);

	overflow:hidden;}

	

#qconcent #left_timeline_text{

	width:300px;

	margin-left:10px;

	padding-left:15px;

	font-family:font-family: Arial, Helvetica, sans-serif, 新細明體;

	font-size:14px;

	font-weight:bold;

	text-align:20px;

	color:#f85858;

	background-image:url(../images/bbgo-new/qicon.jpg);

	background-repeat:no-repeat;

  }

	

#qconcent .left_timeline_text1{

	font-family:font-family: Arial, Helvetica, sans-serif, 新細明體;

	font-size:13px;

	color:#000000;}

	

#qconcent .left_timeline_text2{

	font-family:font-family: Arial, Helvetica, sans-serif, 新細明體;

	font-size:20px;

	color:#000000;}

	

#qconcent #left_winner{

	width:642px;

	height:211px;

	background-image:url(../images/bbgo-new/qwinner.jpg);

	background-repeat:no-repeat;

	margin:0 auto;

	margin-top:10px;

	margin-bottom:10px;

	overflow:hidden;}

	

#qconcent #left_winner_number{

	width:100px;

	font-family:font-family: Arial, Helvetica, sans-serif, 新細明體;

	font-size:15px;

	font-weight:bold;

	color:#0343fb;

	overflow:hidden;

	margin-top:130px;

	margin-left:350px;

}



/*body:nth-of-type(1) #qconcent #left_winner_number{ margin-left:450px; } /* Chrome、Safari支持 */



#qconcent #left_search{

	width:640px;

	height:50px;

	margin:0 auto;

	margin-top:5px;

	margin-bottom:5px;

	background-color:#ffe9ed;

	text-align:center;

	overflow:hidden;}

	

#qconcent #left_search_text1{

	margin-left:10px;

	padding-left:15px;

	font-family:font-family: Arial, Helvetica, sans-serif, 新細明體;

	font-size:15px;

	font-weight:bold;

	text-align:20px;

	color:#f85858;

	background-image:url(../images/bbgo-new/qicon.jpg);

	background-repeat:no-repeat;}

	

#qconcent #left_search_text2{

	width:80px;

	height:25px;

	margin-left:10px;

	padding-left:15px;

	font-family:font-family: Arial, Helvetica, sans-serif, 新細明體;

	font-size:15px;

	font-weight:bold;

	text-align:30px;

	color:#000000;}

	

#qconcent #left_search_text3{

	margin-left:10px;

	font-family:font-family: Arial, Helvetica, sans-serif, 新細明體;

	font-size:15px;

	font-weight:bold;

	text-align:20px;

	color:#f85858;}

 

#qconcent #left_list_block{

	width:640px;

	margin:0 auto;

	margin-top:10px;

	margin-bottom:10px;

	overflow:hidden;}

	

	#qconcent #left_list_text1{

	height:50px;

	margin:0 auto;

	margin-top:10px;

	padding-left:15px;

	font-family:font-family: Arial, Helvetica, sans-serif, 新細明體;

	font-size:15px;

	line-height:24px;

	color:#f85858;

	overflow:hidden;}

	

#qconcent .left_list_text2{

	width:640px;

	border:solid 1px #cccccc;

	font-family:font-family: Arial, Helvetica, sans-serif, 新細明體;

	font-size:15px;

	text-align:20px;

	color:#6a6a6a;

	overflow:hidden;}

	

#qconcent .left_list_text3{

	width:580px;

	border:solid 1px #cccccc;

	font-family:font-family: Arial, Helvetica, sans-serif, 新細明體;

	font-size:15px;

	text-align:20px;

	color:#6a6a6a;

	overflow:hidden;}

	

#qconcent #left_line{

	width:640px;

	margin:0 auto;

	margin-top:10px;

	margin-bottom:10px;

	overflow:hidden;}

	

/*我的Q點concent*/	

	

#qconcent #myq{

	width:640px;

	height:50px;

	margin:0 auto;

	margin-top:5px;

	margin-bottom:5px;

	font-family:font-family: Arial, Helvetica, sans-serif, 新細明體;

	font-size:13px;

	text-align:20px;

	color:#000000;

	overflow:hidden;}

	

#qconcent #myq strong.red{

	font-family:font-family: Arial, Helvetica, sans-serif, 新細明體;

	font-size:13px;

	font-weight:bold;

	text-align:20px;

	color:#e4007f;

	overflow:hidden;}

	

#qconcent #myq_buttom{

	width:340px;

	height:43px;

	margin:0 auto;}

	

#qconcent #myq_buttom ul{

	display:block;}



#qconcent #myq_buttom li{

	float:left;}



#qconcent #myq_buttom li a{

	display:block;

	height:43px;

	background-image:url(../images/bbgo-new/myq-buttom2.jpg);

	text-indent:-9999px;}

	

#qconcent #myq_buttom li.myq_b1 a{

	background-position:0px 0px;

	width:170px;}

	

#qconcent #myq_buttom li.myq_b2 a{

	background-position:-170px 0px;

	width:170px;}

	

#qconcent #myq_list_buttom{

	width:504px;

	height:31px;

	margin:0px 136px 0px 0px;

	}	

	

#qconcent #myq_list_buttom ul{

	display:block;}

	

#qconcent #myq_list_buttom li{

	float:left;}

	

#qconcent #myq_list_buttom li a{

	display:block;

	height:31px;

	background-image:url(../images/bbgo-new/myq-buttom1.jpg);

	text-indent:-9999px;}

	

#qconcent #myq_list_buttom li.listbuttom1 a{

	background-position:0px -31px;width:160px;}

	

#qconcent #myq_list_buttom li.listbuttom2 a{

	background-position:-160px -31px;width:101px;}

	

#qconcent #myq_list_buttom li.listbuttom3 a{

	background-position:-261px -31px;width:123px;}

	

#qconcent #myq_list_buttom li.listbuttom4 a{

	background-position:-384px -31px;width:120px;}

	

	

#qconcent #myq_list_buttom li.listbuttom1 a:hover{

	background-position:0px 0px;width:160px;}

	

#qconcent #myq_list_buttom li.listbuttom2 a:hover{

	background-position:-160px -0px;width:101px;}

	

#qconcent #myq_list_buttom li.listbuttom3 a:hover{

	background-position:-261px -0px;width:123px;}

	

#qconcent #myq_list_buttom li.listbuttom4 a:hover{

	background-position:-384px -0px;width:120px;}

#qconcent #myq_list_buttom li.listbuttom1 a.activity{

	background-position:0px 0px;width:160px;

}

#qconcent #myq_list_buttom li.listbuttom2 a.activity{

	background-position:-160px -0px;width:101px;

}

#qconcent #myq_list_buttom li.listbuttom3 a.activity{

	background-position:-261px -0px;width:123px;

}

#qconcent #myq_list_buttom li.listbuttom4 a.activity{

  background-position:-384px -0px;width:120px;

}	

#qconcent #myq_list_page{

	width:640px;

	padding:20px 0px 10px 0px;

	margin:0 auto;

	text-align:center;

	overflow:hidden;}



/*Q點說明concent*/

			

#qconcent #more{

	width:460px;

	/*width:460px\9;*/

	width:635px\9;

	margin:0 auto;

	margin:0px 15px\9;

	padding:10px 0px 10px 175px;

	background-image:url(../images/bbgo-new/qquestion-background01.jpg);

	background-repeat:no-repeat;

	background-color:#feeff1;

	overflow:hidden;

	}

	

#qconcent #more .moretext01 a{

	font-family:font-family: Arial, Helvetica, sans-serif, 新細明體;

	font-size:14px;

	font-weight:bold;

	line-height:28px;

	color:#ff5757;}



#qconcent .qa_block{

	width:585px;

	margin:0 auto;

	margin:0px 15px\9;

	margin-top:10px;

	padding:45px 0px 0px 50px;

	background-image:url(../images/bbgo-new/qquestion-background02.jpg);

	background-repeat:no-repeat;

	text-align:left;

	}

	

#qconcent .qa_block .question{

	width:585;

	font-family:font-family: Arial, Helvetica, sans-serif, 新細明體;

	font-size:15px;

	font-weight:bold;

	line-height:22px;

	color:#ff5757;}

	

#qconcent .qa_block .anser{

	width:585;

	margin-top:10px;

	font-family:font-family: Arial, Helvetica, sans-serif, 新細明體;

	font-size:15px;

	line-height:22px;

	color:#666666;

}

	

#qconcent .qa_block .moretop{

	width:580;

	margin-top:10px;

	text-align:right;}

	

/*合作廠商concent*/



#qconcent #qfirm_buttom{

	width:99px;

	height:36px;

	margin:0 auto;

	margin-top:10px;

	margin-bottom:10px;}



#qconcent #qfirm_list{

	width:640px;

	margin:0 auto;}	

	

	#qconcent #qfirm_list .qfirm_text1{

	font-family:font-family: Arial, Helvetica, sans-serif, 新細明體;

	font-size:15px;

	font-weight:bold;

	line-height:28px;

	color:#ff5757;}

	

	#qconcent #qfirm_list .qfirm_text2{

	height:25px;

	font-family:font-family: Arial, Helvetica, sans-serif, 新細明體;

	font-size:15px;

	text-align:30px;

	color:#000000;}

	

	#qconcent .qexchange_table{

		width:640px;

		margin:0 auto;

		margin-top:10px;

		margin-bottom:10px;}