

/* this is my custom CSS */
@charset "UTF-8";
/* CSS Document */


/************************************* all *************************************/


body{
    background-color:#000000;
    background-image:url(../img/gold_light.jpg);
    background-repeat:no-repeat;
    color:#dab57f;
    background-position:center top;
    font-family: "微軟正黑體","Helvetica Neue",Helvetica,Arial,sans-serif;
    min-width:1108px;
    /*如果有加上follow me*/
   /* min-width:1435px;*/
}



a:hover{
    text-decoration:none;
    color:#ffd495;
}



/************************************* placeholder 這顏色設定無效 *************************************/

.placeholder {  }


/************************************* 覆蓋bootstrap *************************************/



.container{
    
    width:978px !important;
    /*一定要加important不然ie8吃不到*/
    margin:0 auto;
    margin-bottom:40px;
    padding:0px;
  
}



.container870{
    width:870px;
    margin:0 auto;
}




.one_news_page .gold,
.gold{
    color:#dab57f;
}


.gold_bg{
    background-color: #776448;
    color: #ccc;
    padding: 5px;
    margin: 10px 0 10px 0;
}

.big{
    font-size: 21px;
    font-weight: normal;
}

.big_for_lastprize{
    font-size: 18px;
    font-weight: normal;
}


.black{
    color:#000000;
}


.grey{
    color:#dadada;
}




.deepgrey{
    color:#888888;
}


.form-control {
    /*color: #ffd495;*/
    color:#dadada;
    vertical-align: middle;
    background-color: #000;
    border: 1px solid #dab57f;
    border-radius: 4px;
}

.form-control:focus {
  border-color: #ffd495;
}

.form-control::-webkit-input-placeholder { 
    color: #666; 
}


button,
.btn{
    background-color:#dab57f;
    color:#070502;
}


.btn-default {
    background-color:#dab57f;
    border-color: #dab57f;
}





.btn_width100{
    width:100%;
}





button,
.btn:hover,
.btn:focus {
  color: #070502;
  background-color:#ffd495;
}



.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
border-color: #dab57f;
}




h1,h2,h3,h4,h5,a{
    color:#dab57f;
}

#menu a,
#menu_business a{
    color:#070502;
}


h1{
    font-weight:200;

}

h2{
    font-size:30px;
    font-weight:200;
            font-family: 'Roboto', sans-serif;
    font-weight: 300;
}



.dropdown:hover > .dropdown-menu {
    display: block;    
}


.dropdown-menu>li>a {
    /*padding: 3px 20px;*/
    
   /* line-height: 30px;*/
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  background-color: rgba(218,181,127,0.8);
}


.form-horizontal .control-label {
    /*
text-align: left;
    */
}



/*表格 變色*/

.table-striped>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th {
background-color: #222222;
}




/*表格 字體淺灰*/
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
    color:#d2d2d2;
    border-color:#333333;
}






/* 刪除一pixel白線 */
.table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>th, .table>caption+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>td, .table>thead:first-child>tr:first-child>td {
    font-weight:normal;
    border-top:1px solid;
    border-color:#333333;
     border-color:rgba(136,136,136,0.3);
    /*
    border-bottom:1px #dab57f solid;
    */
   
}



/* car */

.car_table>thead>tr>th, .car_table>tbody>tr>th, .car_table>tfoot>tr>th, .car_table>thead>tr>td, .car_table>tbody>tr>td, .car_table>tfoot>tr>td {
    border-color:#333333;
    border-color:rgba(136,136,136,0.3);
}







/*摺疊*/
.panel {
   
   background:none;
    border: none;
   -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0); 
   box-shadow: 0 1px 1px rgba(0,0,0,0); 
   
}

.panel-title {
    font-size: 14px;
}


.panel-default>.panel-heading {
    color:#dab57f;
    background:none;
  
    border-bottom: 1px solid #6c583c;
}

.panel-title>a {
   
}


.panel-group .panel-heading+.panel-collapse .panel-body {
    border:none;
}

.panel-body {
   
    color:#dadada;
}


.panel-group .panel {
    margin-bottom: 1em;
    border-radius: 0px;
    overflow: hidden;
}





/* 次選單變瘦 */
.dropdown-menu {
    min-width: 100px;
}




.nav-tabs>li a{
    color: #dadada;
    background-color: #786446;
    border: 1px solid #786446;
    border-bottom-color: transparent;
   
}

.nav-tabs>li a:hover,
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
    color: #333;
    background-color: #dab57f;
    border: 1px solid #dab57f;
    border-bottom-color: transparent;
}


.nav-tabs>li.active>a, 
.nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
    color: #333;
    background-color: #dab57f;
    border: 1px solid #dab57f;
    border-bottom-color: transparent;
}





.nav-tabs {
    border-bottom: 1px solid #786446;
    margin-bottom:2em;
}





.nav-tabs>li>a {
    margin-right: 10px;
}


.radio,
.checkbox{
    color:#dadada;
}


label{
    color:#dadada;
}







/****************bs自帶框框 */
.modal-content {
    background-color: #333;
    border-radius: 0px;
}
.modal-header {
border:none;
}
    
.modal-footer {
border:none;
}

.close {
color: #fff;
    display:none;
}


.modal-content img{
    margin-bottom:1em;
    margin-top: 1em;
}

.star_modal .modal-dialog {
width: 850px;
margin: 30px auto;
}


.star_modal .modal-dialog p{
    color:#dadada;
    line-height: 25px;
    margin-bottom: 30px;
}


/*************************************header*************************************/
header{
    background-image:url(../img/header/header_bg.jpg);
    background-repeat:no-repeat;
    background-position:center top;
    height:163px;
    margin-bottom:40px;
}

header .container{
    width:978px;
    position:relative;
}


header .container .logo{
    position:absolute;
    top:16px;
    left:-3px;
}


header .container #menu,
header .container #menu_business{
    list-style-type:none;
    position:absolute;
    top:118px;
    padding-left:0px;
    margin-left:0px;
}

header .container #menu_business{
    right:0px;
}


header .container #menu>li,
header .container #menu_business>li{
  display:inline;
  padding-top:14px;
  padding-bottom:17px; 
  line-height:45px;
  margin-right:20px;
 
}

header .container #menu_business>li{
    margin-right:0px;
}



header .container #menu li ul{
    border:none;
    background-image:url(../img/header/submenu_bg.png);
    margin-top:-2px;
	margin-top:-4px;
    border-radius: 0px 0px 4px 4px;
}

header .container #menu li ul li a{
   
    padding-top:8px;
    padding-bottom:8px;
}  

header .container #menu li ul li a:hover{
   background-color: #dab57f;
   background-color: rgba(218,181,127,0.8);
}


header .container .right_menu{
   
    float:right;
    right:0px;
    margin-top:21px;
}

header .container .right_menu .group{
    display:inline;
    margin-right:15px;
    position:relative;
}
header .container .right_menu .lastgroup{
    margin-right:0px;
}

header .container .right_menu .group a p{
    display:inline;
    position:relative;
    top:1px;
}


header .container .right_menu .form-inline{
    position:absolute;
    right:0px;
    top:21px;
    margin-top:40px;
}


header .container .right_menu .form-inline button{
    margin-left:5px;
}



.social{
    font-size:15px;
    top:-4px;
    left:-7px;
}




   

/************************************* slides *************************************/
/************************************* 五張一列的產品 *************************************/
/*
    Load CSS before JavaScript
*/

/*
    Slides container
    Important:
    Set the width of your slides container
    Set to display none, prevents content flash
*/
#slides10,
#slides11,
#slides12,
#slides13,
#slides14,
#slides15,
#slides16,
#slides_musicbanner,
#slides6,
#slides5,
#slides4,
#slides3,
#slides2,
#slides{
    width:1008px;
    margin:0 auto;
    position:relative;
    margin-bottom:50px;
   
}

.prev{
    position:absolute;
    left:0;
    top:160px;
}

.next{
    position:absolute;
    right:0px;
    top:160px;
}

/* 在 /var/www/html/common/img/line 新增3張圖片，為官網首頁大標題的橫線，使用其中一條 recommonded_links.png edit by Bob Pao 2016/5/10 */
hgroup{
    margin-bottom:25px;
    text-align:center;
   
}
hgroup h2{
    margin-bottom:5px;
    padding-bottom:0px;
    background-image:url(../img/line/recommended_links.png);
    background-repeat:no-repeat;
    background-position:center center;
}
hgroup p{
    margin-top:0px;
    padding-top:0px;
}

.more{
    position:absolute;
    right:15px;
    top:42px;
}

.slides_container {
    width:870px;
    display:none;
    margin:0 auto;
   
}
/*
    Each slide
    Important:
    Set the width of your slides
    If height not specified height will be set by the slide content
    Set to display block
*/
.slides_container div.slide {
    width:870px;
    height:250px;
    display:block;
}

/*
    Set the size of your carousel items
*/
.item {
    float:left;
    width:150px;
    height:250px;
    margin:0;
    margin-right:30px
}

.last_item{
    margin-right:0px
}

.item .img_container{
    width:150px;
    height: 150px;
    text-align: center;
    line-height: 150px;
}

.item .img_container img{
    vertical-align:middle;
}


.item .title{
    margin-top: 5px;
    color:#dadada;
    margin-bottom:0px;
    width:150px;
    height:40px;
    overflow:hidden;
}
.item .price{
    color:#888888;
    height:40px;
    overflow:hidden;
}

/************************************* 頁碼 *************************************/

.pagination {
    padding:0;
    text-align:center;
}

.pagination li {
	display:inline-block;
	margin:0 4px;
}

.pagination li a {
	display:inline-block;
	width:13px;
	height:0;
	background-image:url(../img/pagination.png);
	overflow:hidden;
    padding-top:13px;
}

.pagination li.current a {
	background-position:0 -13px;
}


/************************************* 名家介紹 *************************************/

.star .slides_container div.slide {
    height:289px;
}

/*
    Set the size of your carousel items
*/
.star .item {
    height:269px;
}


.star .leftandright{
    width:870px;
}

.star .left{
    width:420px;
    float:left;
    border-top:3px solid #dab57f;
}

.star .left h3{
    line-height:1.5em;
}

.star .left p{
  
}


.star .right{
    width:420px;
    float:right;
}


.star .prev{

    top:110px;
}

.star .next{

    top:110px;
}







.start1000area{
    width:1000px;
    
}

.starbox{
  
    width:229px;
   
    
    padding: 20px;
    background-color: #222;
    background-repeat: no-repeat;
    color:#888888;
   

    float: left;
    margin-right: 20px;
    margin-bottom: 20px;

    
}

.starbox a{
    color:#888888;
}

.starbox a:hover{
    color:#dab57f;
}

.starbox .pic{
    /*width:100%;*/
    margin-bottom: 10px;
    border: 3px solid  #222;
}

.starbox a:hover .pic{
  
    border: 3px solid  #ffd495;
}

.starbox p{
    margin: 0px;
}
.starbox h4{
    margin: 0px;
    margin-bottom: 5px;
}

.starbox .starbox_grid{
    margin: 0; 
    border-bottom: 1px solid #333;
    padding-top: 5px;
    padding-bottom: 5px;
    
}


/************************************* slides6 大banner *************************************/
#slides6{
    width:1090px;
}

#slides6 .slides_container {
    width:978px;
    height:442px;
    
}


#slides6 .slides_container div.slide {
    height:442px;
    width:978px;
}




#slides6 .prev{

    top:186px;
}

#slides6 .next{

    top:186px;
}

/************************************* slides_musicbanner *************************************/
#slides_musicbanner{
    width:978px;
    margin-top:-20px;
}

#slides_musicbanner .slides_container {
    width:978px;
    height:170px; 
}


#slides_musicbanner .slides_container div.slide {
    height:150px;
    width:978px;
}




#slides_musicbanner .prev{
    display:none;
}

#slides_musicbanner .next{

     display:none;
}


/*************************************ad*************************************/
.ad .leftandright{
    width:978px;
    margin:0 auto;
}

.ad .leftandright .left{
    float:left;
}

.ad .leftandright .right{
    float:right;
}
.ad .leftandright img{
    margin-bottom:21px;
}



/************************************* top *************************************/

.top{
    text-align:center;
    float:right;
    margin-bottom:-30px;
}
.top i,
.top p{
    
}




/************************************* footer *************************************/
footer{
    background-color:#000000;
    background-image:url(../img/footer/footer_bg.jpg);
    background-repeat:no-repeat;
    background-position:center top;
}

footer .container{
    padding:0;
    width:978px;
    position:relative;
    padding-top:40px;
    padding-bottom:40px;
    margin-bottom:0px;
}

footer ul{
    padding:0;
    margin:0;
    /*width:138px;*/
    width:114px;
    vertical-align:top;
    list-style-type:none;
    display:inline-block;
    margin-left:0px;
    margin-right:26px;
}

footer .last_ul{
    margin-right:0px;

}


footer ul .title{
    padding-bottom:10px;
    margin-bottom:10px;
    border-bottom:1px solid #dab57f;
}


footer ul li{
    margin-bottom:5px;
}

footer .group{
    display:inline;
    margin-right:25px;
}

footer .leftandright{
    margin-top:1em;
}


footer .left{
    float:left;
}

footer .right{
    float:right;
}
footer .left .copyright{
 
}



footer .right .social{
    
    float:right;
}


/************************************* center_title *************************************/
.center_title{
    text-align:center;
   
}

.center_title h1{
    margin-top:0;
    line-height:1.3em;
}


.map,
.map a{
    color:#957c57;
}
.map a:hover{
    color:#ffd495;
}

.center_title ul{
    font-size:14px; 
    padding:0;
    margin:0;
    margin-top:25px;
    text-align:center;
    border-top:1px solid #6c583c;
    border-bottom:1px solid #6c583c;
}

.center_title ul li{
    display:inline;
    margin:0 10px;
    line-height:45px;
}

.center_title ul .active a,
.center_title ul .active{
    color:#ffffff;
}


/************************************* album_list *************************************/
.album_list{
    width:900px;
    margin-left:54px;
}
.album_list .item{
    vertical-align:top;
    height:237px;
   
    display:inline-block;
    margin-bottom:30px;
}
.line{
    margin-top:25px;
    border-top:1px solid #6c583c;
    height:1px;
}

/************************************* one_album *************************************/
.one_album .map{
    margin-bottom:-40px;
}

.one_album .leftandright{
    padding:0;
    margin:0;
    width:978px;
    
}

.one_album .left{
    padding:0;
    margin:0;
    float:left;
    width:306px;
}

.one_album .left .littlecds{
    margin-top:20px;
    margin-bottom:20px;
}



.one_album .left .littlecds div{
    display:inline-block;
    text-align: center;
    width:66px;
    height:66px;
    vertical-align:top;
    margin-right:10px;
    margin-bottom:14px;
    line-height: 66px;
}

.one_album .left .littlecds div img{
    vertical-align: middle;
}




.one_album .left .littlecds .lastlittlecd{
    margin-right:0px;
}


.bigbtn {
    width:100%; 
    font-size:16px;
    line-height:30px;
}

.bigbtn .fa{
    font-size:19px;
}




.darkbtn {
    margin-bottom:10px;
    width:100%;
    background-color:#4c3f2c;
    color:#dab57f;
}

.lastdarkbtn {
    margin-bottom:0em;
}


.know{
    margin-top:-10px;
    margin-bottom:20px;
}


.txtarea{
    border-top:1px solid #333333;
    border-color:rgba(136,136,136,0.5);
    border-bottom:1px solid #333333;
    border-color:rgba(136,136,136,0.5);
    color:#d8d8d8;
    padding:10px 0 10px 0;
    line-height:25px;
    
}

.txtarea_continue{
    border-top:none;
   
}


table td{
    vertical-align:top;
}




.one_album .right{
    float:right;
    width:642px;
    line-height:25px;
}


.one_album .right h1{
    margin-top:0;
    margin-bottom:3px;
}

.one_album .right ul{
    list-style-position:outside;
    padding-left:25px;
    margin-bottom:0;
}
.one_album .right ul li{
    list-style-type:square;
}


.one_album .right h3{
    margin-top:30px;
}



.one_album .right  .one_song{
    color:#d8d8d8;
    position:relative;
    border-bottom:1px solid #333333;
    border-color:rgba(136,136,136,0.5); 
}


.one_album .right  .one_song_first{
    border-top:1px solid #333333;
    border-color:rgba(136,136,136,0.5); 
    height:1px;
}

.one_album .right .one_song .music_control{
    position:absolute;
    top:-2px;
}



.one_album .right  .one_song .number{
    position:absolute;
    left:40px;
}

.one_album .right  .one_song .name{
    margin:10px 0 10px 65px;
}
.one_album .right  .one_song .name span{
    color:#888888;
}


.brief{
    height:200px;
    overflow:hidden;
}

.final{
    margin-top:20px;
}

.one_album .right .star{
    margin-bottom:10px;
    /*float:right;*/
}


.one_album .right .star i{
   
    margin-right:0px;
}


.one_album_share_area{
    margin-top:1em;
}



.greybox{
    display:block;
    background-color:#222;
    padding:10px;
    display:inline-block;
    vertical-align:top;
    margin:0 10px 10px 0;
    width:100%;
}


.redprize{
    color:#d20000;
    font-size:16px;
}




/************************************* memorabilia *************************************/
.years{
    width:978px;
    margin-top:40px;
    background-image:url(../img/about/line.png);
    background-repeat:no-repeat;
    background-position:top center;
}

.years .left{
    width:474px;
    float:left;
}

.years .right{
    margin-top:150px;
    width:474px;
    float:right;
}

.one_year{
    text-align:left;
    margin-bottom:130px;
}

.one_year h1{
    font-family: "times new roman";
}


.one_year ol{
    padding-left:27px;
    text-align:left;
    color:#dadada;
}

.one_year p{
    color:#dadada;
}


.one_year ol li{
    margin-bottom:5px;
}



.margintop50{
    margin-top:220px;
}

.years_right_menu{
    position:absolute;
    position:fixed;
    right:20px;
    /*top:20px;*/
    bottom:20px;
}

.years_right_menu ul{
    background-color:#000000;
    width:50px;
    border:none;
    border:1px solid #dab57f;
    border-color:rgba(218,181,127,0.3);
    font-size:14px;
    text-align:center;
    padding:10px 0 10px 0;
}

.years_right_menu ul li{
    display:inherit;
    margin:0;
    padding:0;
    line-height:25px;
}

.for_years_right_menu_position{
    position:relative;
}



/************************************* news *************************************/


.one_news{
    border-bottom:1px solid #766d61;
    position:relative;
    
}

.greyline{
    border-bottom:1px solid #766d61;
}
.one_news .data{
    margin-left:100px;
    margin-bottom:0;
    line-height:40px;
    width:765px;
    height:40px;
    overflow:hidden;
}
.one_news a{
    color:#dadada;
}

.one_news a:hover{
    color:#dab57f;
}

.one_news .date{
    line-height:40px;
    position:absolute;
    top:0;  
}


/************************************* one_news txt_page 所有需要表格的文字頁面  *************************************/

.txt_page img{
    margin-bottom:20px;
}

.txt_page p{
    margin-bottom:2em;
    color:#dadada;
    line-height:25px;
}
.txt_page ul li,
.txt_page ol li{
    color:#dadada;
    line-height:25px;
}

.txt_page ol{
    margin-bottom:2em;
    padding-left:20px;
}

.txt_page ul{
   
    padding-left:20px;
}


.txt_page h4{
    /*color:#dadada;*/
}


.txt_page .form-control {
    color: #666;
    vertical-align: middle;
    background-color: #d8d8d8;
    border: 1px solid #d8d8d8;
    border-radius: 4px;
    
    
        
}

.txt_page .form-control button{
    border: none;
}


.txt_page .form-horizontal{
    color:#dadada;
    width:600px;
}


.ul_position_re{
    position:relative;
}

.ul_float_right{
    position:absolute;
    top:0;
    left:350px;
}



/* commercial_speech_activities */


/*
.txt_page h3 span{
    font-family: "times new roman", serif;
    font-style:italic;
    font-size:40px;
    margin-right:5px;
}

.txt_page .leftandright{
    width:100%;
    position:relative;
    border-top:1px solid;
    border-bottom:1px solid;
    padding:2em 0 2em 0;
}

.txt_page .leftandright .left{
    width:336px;
    
    float:left;
}
.txt_page .leftandright .right{
    width:504px;
    float:right;
}
.txt_page .leftandright p{
    margin-bottom:0px;
}
*/



/************************************* login *************************************/
.login_p{
    display:inline;
    margin-left:1em;
}
.login_p a{
    margin-right:1em;
}
.login_p a{
    text-decoration:underline;
}


.login_page .leftandright{
    
}

.login_page .leftandright .left{
    width:436px;
    border-right:1px solid #6c583c;
    float:left;
}
.login_page .leftandright .right{
    padding-left:19px;
    width:420px;
    float:right;
}


/************************************* faq *************************************/
.faq_page ul{
    padding-left:0;
}



/************************************* star2 名家介紹 *************************************/



.star2 .left{
    width:420px;
    float:left;
    border-top:3px solid #dab57f;
    border:none;
}

.star2 .right h3{
    line-height:1.5em;
}



.star2 .right{
    border-top:3px solid #dab57f;
    width:420px;
    float:right;
}



/************************************* search 搜尋 *************************************/

.search table{
    width:978px;
    margin:0 auto;
    table-layout:fixed ;
}


.search table td{
    vertical-align:middle;
}

.search table td{
    position:relative;
}

.search  table .music_control{
    position:absolute;
    top:10px;
}

.search  table td,
.search  table th{
    padding:5px 0 5px 0;
}



.search  table p {
    margin:5px 0 5px 0;
}




.search table .name span{
    color:#888888;
}



.search table .name{
    width:570px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    
}

.search table .artist{
    width:160px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:#dab57f;
}


.search table .album{
    width:160px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:#dab57f;
    
}


/************************************* car  *************************************/




.car_table tr{
    padding:10px 0 10px 0;
    
}




.car_table img {
margin-bottom: 0px;
}


.car_table .total{
    text-align: right;
    float:right;
  
    /*color:#dab57f;*/
    
}

.car_table p.total{
	margin-bottom:0px;
    
}


.car_table a{
    text-decoration:underline;
   
}


.car_table .two_btn .btn{
    margin-left:10px;
    float:right;
    margin-bottom:30px;
   
}



/************************************* .member_myaccount  *************************************/
.member_myaccount  .leftandright{
    width:870px;
    position: relative;
}


.member_myaccount  .leftandright .left{
    float:left;
    width:460px;   
}



.member_myaccount .leftandright .right{
    position: absolute;
    width:390px;
    right:0;
    
}




/*金革會員貴賓卡 ( 辦卡、續卡 ) 規則如下*/

.member_myaccount .jingo_card   table{
    background-color:#000;
    background-image: url(../img/black_bg_small.jpg);
    background-repeat:no-repeat;
    
}



.member_myaccount .jingo_card .table-striped>tbody>tr:nth-child(odd)>td,
.member_myaccount .jingo_card .table-striped>tbody>tr:nth-child(odd)>th {
    background: none;
    
}

.member_myaccount  .jingo_card .table>thead>tr>th{
    color:#dab57f;
    border:none;
}


.member_myaccount .jingo_card .table>tbody>tr>td{
   
}

.member_myaccount .jingo_card .table>tfoot>tr>td{
    /*color:#5e5e5e;*/
}







.member_myaccount .one_issue{
    margin-bottom:4em;
    border: none;
    border-top:none;
    border-bottom:1px solid #333333;
    border-color:rgba(136,136,136,0.5);
}




.member_myaccount  .one_issue .txtarea{
    border-top:1px solid #333333;
    border-bottom: none;
    border-color:rgba(136,136,136,0.5);
    padding: 10px 0 10px 0;
}

.member_myaccount  .one_issue p{
    margin-bottom:0em;
}



.howmuch{
    margin: 10px 0 10px 0;
    background-color: #333;
    width:100%;
    height:30px;
}


.howmuch .howmuch_now{
    background-color: #dab57f;
    width:30%;
    height:30px;
}






/************************************* .activity  *************************************/
.activity_logo{
	margin-top:20px;
	margin-bottom:20px;
}
.activity_banner{
	height:509px;
	background-image:url(../img/activity/bannervvv.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	margin-bottom:40px;
	
}


.container .activity_menu{
	width:222px;
	float:left;
}


.container .activity_menu .one_activity_menu_box{
	margin-bottom:40px;
}

.container .activity_menu .one_activity_menu_box h3{
	text-align:left;
	margin-top:0px;
	/*
	border-bottom:1px solid #dab57f;
	padding-bottom:10px;
	*/
	
}

.container .activity_menu .one_activity_menu_box ul{
	margin-left:0px;
	padding-left:0px;
}
.container .activity_menu .one_activity_menu_box ul li{

	list-style-type:none;
	border-bottom:1px solid #dab57f;
	padding:10px 0 10px 0;
}

.container .activity_menu .one_activity_menu_box ul .one_activity_activity_box_first_li{
	border-top:1px solid #dab57f;
}

.container .activity_menu .one_activity_menu_box ul li a{
	color:#dadada;
}

.container .activity_menu .one_activity_menu_box ul li a:hover{
	color:#dab57f;
}


.container .activity_content{
	float:right;
	width:726px;
	color:#dadada;
	
}

.container .activity_content .message{	
	padding:20px;
	background-image:url(../img/activity/pattern2.jpg);
	position:relative;
	

}
.container .activity_content .message .date{
	position:absolute;
	right:20px;
	top:20px;
}
.container .activity_content .message span{
	margin:0 5px 0 5px;
	font-size:26px;
	color:#dab57f;
}


.container .activity_content .message .btn{
	width:inherit;
}


.container .activity_content .album_list{
	margin-top:30px;
	width:780px;
	margin-left:0px;
}

.container .activity_content .album_list .item{
    vertical-align:top;
    height:285px;
    display:inline-block;
    margin-bottom:30px;
	float:left;
	margin-right:42px;
}


.container .activity_content .album_list .item .selectbox{
	background-image:url(../img/activity/pattern2.jpg);
	padding:7px;
	margin-top:-5px;
	padding-left:10px;
}



.footer_for_activity{
    background-image:url(../img/footer/footer_bg_for_activity.jpg);
}


/*
.album_list{
    width:900px;
    margin-left:54px;
}
.album_list .item{
    vertical-align:top;
    height:237px;
   
    display:inline-block;
    margin-bottom:30px;
}

*/











.neddsomething{
   
    background-color: #111;
   background-image:url(../img/needsomething.jpg);
  
    
}






.licensing_playarea{
    margin-top: 0.5em;
    margin-bottom: 0;  
    margin-bottom: 0.2em;   
}

.licensing_playarea p{
    margin-right: 0.5em;
    display: inline;
}



.licensing_playarea img{
    margin-top: 0em;
    margin-right: 0.3em;
    margin-bottom: 0;
}


.money_enough_gift{
    position: relative;
    color: #d8d8d8;
    padding: 10px;
    margin-bottom: 10px;
    text-align: center;
    border-bottom: 1px solid #333333;
    border-top: 1px solid #333333;
    border-color: rgba(136,136,136,0.5);
}

.money_enough_gift .tag{
    position: absolute;
    right:-8px;
    top:-8px;
}

.money_enough_gift .main_pic{
    margin-bottom: 10px;
    margin-top: 2px;
}



.money_enough_gift p{
    text-align: left;
    margin-bottom: 0;
}





/************************************* .container870 .album_list *************************************/
.container870 .gift_list{
    width:900px;
    margin-left:0px;
    margin-top: 15px;
}



.container870 .gift_list .gift_item{
    vertical-align:top;
    display:inline-block;
    margin-bottom:30px;
    float:left;
    width:270px;
    margin:0;
    margin-right:30px;
}

.container870 .gift_list h4{
    margin-bottom: 10px;
    line-height: 1.5;
    height: 52px;
}

.container870 .gift_list .gift_item .img_container img{
    vertical-align:middle;
    margin-bottom: 0;  
}








.one_commercial{
    border: 1px solid #6c583c;
    padding: 15px;
    margin-bottom: 15px;
    
}

.one_commercial h3{
    margin-top: 0; 
}

.one_commercial .one_commercial_left{
    float: left;
    width:300px;
    text-align: center;
}

.one_commercial .one_commercial_left img{
    width:100%;
}



.one_commercial .one_commercial_right{
    float:right;
    width:630px;
}




/***************************   follow me ************************************/

/*

.follow_me{
   position: relative;
   width: 978px;
   margin: 0 auto;
   background-color: #ff0000;
   z-index: 9999;
   position:fixed;
}


.follow_me_left{
    position: absolute;
    top:203px;
    left:-180px;
    z-index: 9999;
}



.follow_me_right_close,
.follow_me_left_close{
    position: absolute;
    color: #666;
    bottom:0;
    left:0;
    background:#222;
    width:100%;
    height: 30px;
    line-height: 30px;
    margin-bottom: 0px;
    padding-left: 7px;
}


.follow_me_right{
    position: absolute;
    top:203px;
    right:-180px;
    z-index: 9999;
    
  
}
*/

.follow_me{
   
  
}

.follow_me_left{
    position:fixed;
    top:203px;
    left:15px;
    z-index: 999;
  top:15px;
}

.follow_me_right{
    position:fixed;
    top:203px;
    right:15px;
    
    z-index: 999;
    top:15px;
}

.follow_me_right_close,
.follow_me_left_close{
    position: absolute;
    color: #666;
    bottom:0;
    left:0;
    background:#222;
    width:100%;
    height: 30px;
    line-height: 30px;
    margin-bottom: 0px;
    padding-left: 7px;
}



.licensing_submenu{
    border-top: 1px solid #6c583c;
    border-bottom: 1px solid #6c583c;
    text-align: center;
    margin-bottom: 15px;
    line-height: 45px;
}

.licensing_submenu li{
    display: inline;
    margin: 0 10px;
}

