body {
    background-color: #efefef;
}

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

.clear-float {
    clear: both;
}

/***PC版***/
#content_pc {
    font-family: "微軟正黑體", "Microsoft JhengHei", Arial,  "蘋果儷中黑", "Apple LiGothic Medium", "儷黑 Pro", "LiHei Pro", sans-serif;
    width: 100%;
    /*height: 5492px;*/
    color:#FFFFFF;
    background-color: #000000;
}
#content_pc a{
    text-decoration: none;
}


/*共用*/
#content_pc .headerCon .color_y{
    color:#f2a400;
}
#content_pc .p1{
    font-size: 20px;
    line-height: 26px;
    letter-spacing: 2px;
    text-align: justify;
}
#content_pc h1{
    color:#FFFFFF;
    font-size: 25px;
    line-height: 50px;
}
#content_pc p{
    color:#FFFFFF;
    font-size: 18px;
    line-height: 25px;
}
#content_pc .font_size15{
    color:#FFFFFF;
    font-size: 15px;
}
#content_pc .contentCon .post_margin{
    margin-right: 20px;
    margin-left: 20px;
}
#content_m h1{
    color:#FFFFFF;
    font-size: 35px;
    line-height: 50px;
}
#content_m p{
    color:#FFFFFF;
    font-size: 30px;
    line-height: 40px;
}
#content_m .font_size15{
    color:#FFFFFF;
    font-size: 15px;
}
/*共用end*/


/* HeaderCon PC */
#content_pc .headerCon {
    width: 910px;
    position: relative;
    overflow: hidden;
    background: url("../images/pc/head_bg.jpg") no-repeat;
}
#content_pc .headerCon .head_bg{
    width: 910px;
    height: 500px;
}
#content_pc .headerCon .catchlogo{
    position: absolute;
    top:8px;
    left:24px;
    z-index: 100;
}
#content_pc .headerCon .catchman {
    position: absolute;
    top:-50px;
    left:0;
    width: 910px;
    height: 620px;
    background: url(../images/pc/header/catchman.png) no-repeat;
}
#content_pc .headerCon a{
    color:#FFFFFF;
}
#content_pc .headerCon .catchArticle {
    width: 320px;
    font-size: 18px;
    color: #981b09;
    text-align: justify;
    margin-left: 125px;
    text-shadow: 1px 1px 10px rgba(255%,255%,255%,1); 
    font-weight: bolder;
}
#content_pc .headerCon .out_sex{
    font-size: 20px;
    line-height: 30px;
    text-align: left;
    position: absolute;
    padding-right: 12px;
    top:230px;
    left: 30px;
    color:#FF0000;
    font-weight: bold;
    z-index: 100;
    text-shadow:  0px 0px 100px #FFFFFF;
}
#content_pc .headerCon .out_p1{
    font-size: 15px;
    line-height: 25px;
    position: absolute;
    text-decoration: underline;
    top:5px;
    right: 15px;
}
#content_pc .headerCon .out_p2{
    font-size: 15px;
    line-height: 30px;
    text-align: right;
    position: absolute;
    padding-right: 12px;
    top:290px;
    left: 30px;
    color:#ffffff;
    z-index: 100;
    text-shadow: 1px 1px 1px #000000;
}
#content_pc .headerCon .out_p3{
    font-size: 15px;
    line-height: 30px;
    text-align: right;
    position: absolute;
    padding-right: 12px;
    top:320px;
    left: 30px;
    color:#ffffff;
    z-index: 100;
    text-shadow: 1px 1px 1px #000000;
}
#content_pc .headerCon .out_p4{
    font-size: 15px;
    line-height: 30px;
    text-align: right;
    position: absolute;
    padding-right: 12px;
    top:350px;
    left: 30px;
    color:#ffffff;
    z-index: 100;
    text-shadow: 1px 1px 1px #000000;
} 
#content_pc .headerCon .start_btn{
    width: 160px;
    height: 100px;
    border-radius: 10px;
        -moz-border-radius:10px;
        -webkit-border-radius:10px;
    margin-bottom:100px;
    top:280px;
    left:200px;
    position: absolute;
}
#content_pc .headerCon .start_btn img:hover{
    animation:pulse .9s infinite alternate;
}
#content_pc .headerCon .word{
    top:450px;
    left:50px;
    position: absolute;
    font-size: 30px;
}
#content_pc .headerCon .word2{
    font-size: 20px;
    line-height: 30px;
}
#content_pc .headerCon .morebtn{
    width: 70px;
    height: 30px;
    font-size: 18px;
    background-color: #6b4900;
    line-height: 30px;
    text-align: center;
    display: block;
    clear: #FFFFFF;
    float: right;
    margin-left: 20px;
    cursor: pointer;
}
#content_pc .headerCon .morebtn3{
    width: 70px;
    height: 30px;
    font-size: 18px;
    background-color: #6b4900;
    line-height: 30px;
    text-align: center;
    display: block;
    clear: #FFFFFF;
    float: right;
    /*    position: absolute;
        left:470px;
        bottom:150px;*/
    cursor: pointer;
}
#content_pc .headerCon .more {
    padding: 0px 370px 0px 50px;
    height: 420px;
    color:#FFFFFF;
    font-size: 25px;
    line-height: 38px;
    letter-spacing: 0px;
    text-align: justify;
    background-color: #000000;
    z-index: 200px;
    position: relative;
}
#content_pc .headerCon .more_img {
    position: absolute;
    top:0px;
    right:0;
    width: 320px;
    height: 444px;
    background: url(../images/pc/header/moreman.png);
}

#content_pc .headerCon .fbBtn {
    display: block;
    position: absolute;
    top: 25px;
    right:0px;
}
#content_pc .headerCon .lineBtn {
    display: block;
    position: absolute;
    top: 275px;
    left:50px;
}
/* HeaderCon PC End */

#content_pc .contentCon {
    width: 910px;
    padding: 0 50px;
    background: url("../images/pc/site_bg.jpg") no-repeat;
    position: relative;
}

/* B & D */
#content_pc .contentCon .bd{
    width: 840px;
    height: 1400px;
}
#content_pc .contentCon .bd .bd_t{
    width: 462px;
    height: 235px;
    font-size: 0;
    background: url("../images/pc/title1.png") no-repeat;
    background-position: 0px 115px;
}
#content_pc .contentCon .bd .post{
    width: 260px;
    height: 500px;
    margin-bottom: 50px;
    position: relative;
    float: left;
}
#content_pc .contentCon .bd_post .post img{
    width: 260px;
    height: 387px;
    box-shadow: 2px 2px 5px rgba(0%,0%,0%,0.5);
}
#content_pc .contentCon .bd_post .post h1{
    width: 275px;
    height: 50px;
    text-align: center;
    position: absolute;
    background:url(../images/pc/h1_bg.png) no-repeat;
    background-position: 0 5px;
    top:390px;
    left:-5px;
    font-weight: 100;
}
#content_pc .contentCon .bd_post .post p{
    position: absolute;
    top:450px;
}
/* B & D End */


/* D & S */
#content_pc .contentCon .ds{
    width: 840px;
    height: 1300px;

}
#content_pc .contentCon .ds .ds_t{
    width: 462px;
    height: 235px;
    font-size: 0;
    background: url("../images/pc/title2.png") no-repeat;
    background-position: 0px 115px;
}
#content_pc .contentCon .ds .post{
    width: 260px;
    height: 500px;
    margin-bottom: 50px;
    position: relative;
    float: left;
}
#content_pc .contentCon .ds_post .post img{
    width: 260px;
    height: 387px;
    box-shadow: 2px 2px 5px rgba(0%,0%,0%,0.5);
}
#content_pc .contentCon .ds_post .post h1{
    width: 275px;
    height: 50px;
    text-align: center;
    position: absolute;
    background:url(../images/pc/h1_bg.png) no-repeat;
    background-position: 0 5px;
    top:390px;
    left:-5px;
    font-weight: 100;
}
#content_pc .contentCon .ds_post .post p{
    position: absolute;
    top:450px;
}
/* D & S End */

/* S & M */
#content_pc .contentCon .sm{
    width: 840px;
    height:1600px;
}
#content_pc .contentCon .sm .sm_t{
    width: 500px;
    height: 330px;
    font-size: 0;
    background: url("../images/pc/title3.png") no-repeat;
    background-position: 0px 150px;
}
#content_pc .contentCon .sm .post{
    width: 260px;
    height: 500px;
    margin-bottom: 50px;
    position: relative;
    float: left;
}
#content_pc .contentCon .sm_post .post img{
    width: 260px;
    height: 387px;
    box-shadow: 2px 2px 5px rgba(0%,0%,0%,0.5);
}
#content_pc .contentCon .sm_post .post h1{
    width: 275px;
    height: 50px;
    text-align: center;
    position: absolute;
    background:url(../images/pc/h1_bg.png) no-repeat;
    background-position: 0 5px;
    top:390px;
    left:-5px;
    font-weight: 100;
}
#content_pc .contentCon .sm_post .post p{
    position: absolute;
    top:450px;
}
/* S & M End */


#content_pc  .movieBtn {
    position: absolute;
    display: block;
    width: 300px;
    height: 100px;
    line-height: 200px;
    bottom:5px;
    left:130px;
}
#content_pc .movieBtn img:hover{
    animation:pulse .9s infinite alternate;
}
#content_pc  .free30Btn {
    position: absolute;
    display: block;
    width: 300px;
    height: 100px;
    line-height: 200px;
    bottom:5px;
    right:130px;
}
#content_pc .free30Btn img:hover{
    animation:pulse .9s infinite alternate;
}


/* PS */
#content_pc  .ps{
    width: 910px;
    padding:50px 0 50px 0px;
}
#content_pc  .ps .morebtn2{
    font-size: 30px;
    font-weight: 100;
    text-align: center;
    cursor: pointer;
}
#content_pc  .ps .more2{
    margin-left: 50px;
    margin-top: 20px;
    font-size: 15px;
    line-height: 24px;
    font-weight: 100;
}
/* PS END */










/******************************************/
/******************************************/
/******************************************/
/******************************************/
/***手機版***/
@media screen and (max-width: 640px) {
#content_m {
    font-family: "微軟正黑體", "Microsoft JhengHei", Arial,  "蘋果儷中黑", "Apple LiGothic Medium", "儷黑 Pro", "LiHei Pro", sans-serif;
    width: 100%;
    /*height: 5492px;*/
    color:#FFFFFF;
    background-color: #000000;
}
#content_m a{
    text-decoration: none;
}


/*共用*/
#content_m .headerCon .color_y{
    color:#f2a400;
}
#content_m .p1{
    font-size: 20px;
    line-height: 26px;
    letter-spacing: 2px;
    text-align: justify;
}
#content_m h1{
    color:#FFFFFF;
    font-size: 35px;
    line-height: 50px;
}
#content_m p{
    color:#FFFFFF;
    font-size: 27px;
    line-height: 36px;
    text-align: left;
}
#content_m .font_size15{
    color:#FFFFFF;
    font-size: 15px;
}
#content_m .contentCon .post_margin{
    margin-right: 24px;
}
/*共用end*/
#footer_mB p{
    color:#FFFFFF;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
}

/* HeaderCon m */
#content_m{
    width: 640px;

/*    overflow: hidden;*/
}
#content_m .headerCon {
    width: 640px;
    position: relative;
    background: url("../images/mobile/head_bg.jpg") no-repeat;
}
#content_m .headerCon .head_bg{
    width: 640px;
    height: 500px;
}
#content_m .headerCon .catchlogo{
    position: absolute;
    top:30px;
    left:18px;
    z-index: 100;
}
#content_m .headerCon .catchman {
    position: absolute;
    top:-50px;
    left:0;
    width: 910px;
    height: 620px;
    background: url(../images/m/header/catchman.png);
}
#content_m .headerCon a{
    color:#FFFFFF;
}
#content_m .headerCon .catchArticle {
    width: 320px;
    font-size: 18px;
    color: #981b09;
    text-align: justify;
    margin-left: 125px;
    text-shadow: 1px 1px 10px rgba(255%,255%,255%,1); 
    font-weight: bolder;
}
#content_m .headerCon .out_sex{
    font-size: 15px;
    line-height: 30px;
    text-align: left;
    position: absolute;
    padding-right: 12px;
    top:415px;
    left:150px;
    color:#FF0000;
    font-weight: bold;
    z-index: 100;
    /*text-shadow:  0px 0px 0px #FFFFFF;*/
}
#content_m .headerCon .out_p1{
    font-size: 27px;
    line-height: 25px;
    position: absolute;
    text-decoration: underline;
    top:5px;
    right: 50px;
}
#content_m .headerCon .out_p2{
    font-size: 15px;
    line-height: 30px;
    text-align: right;
    position: absolute;
    padding-right: 12px;
    top:290px;
    right: 30px;
    color:#ffffff;
    z-index: 100;
}
#content_m .headerCon .out_p2_b{
    background-color: #000000;
    opacity: 0.5;
    height: 30px;
    width: 150px;
    position: absolute;
    top:290px;
    right: 30px;
}
#content_m .headerCon .out_p3{
    font-size: 15px;
    line-height: 30px;
    text-align: right;
    position: absolute;
    padding-right: 12px;
    top:335px;
    right: 30px;
    color:#ffffff;
    z-index: 100;
}
#content_m .headerCon .out_p3_b{
    background-color: #000000;
    opacity: 0.5;
    height: 30px;
    width: 190px;
    position: absolute;
    top:335px;
    right: 30px;
}
#content_m .headerCon .out_p4{
    font-size: 15px;
    line-height: 30px;
    text-align: right;
    position: absolute;
    padding-right: 12px;
    top:380px;
    right: 30px;
    color:#ffffff;
    z-index: 100;
}
#content_m .headerCon .out_p4_b{
    background-color: #000000;
    opacity: 0.5;
    height: 30px;
    width: 220px;
    position: absolute;
    top:380px;
    right: 30px;
}    
#content_m .headerCon .start_btn{
    width: 260px;
    height: 110px;
    border-radius: 10px;
        -moz-border-radius:10px;
        -webkit-border-radius:10px;
    margin-bottom:100px;
    top:280px;
    left:30px;
    position: absolute;
}
#content_m .headerCon .start_btn img:hover{
    animation:pulse .9s infinite alternate;
}
#content_m .headerCon .word{
    top:465px;
    left:30px;
    position: absolute;
    font-size: 30px;
}
#content_m .headerCon .word2{
    font-size: 35px;
    line-height: 45px;
    text-align: center;
    margin-top: 25px;
}
#content_m .headerCon .morebtn{
    width: 70px;
    height: 30px;
    font-size: 18px;
    background-color: #6b4900;
    line-height: 30px;
    text-align: center;
    display: block;
    clear: #FFFFFF;
    float: right;
    margin-left: 20px;
    cursor: pointer;
}
#content_m .headerCon .morebtn3{
    width: 70px;
    height: 30px;
    font-size: 18px;
    background-color: #6b4900;
    line-height: 30px;
    text-align: center;
    display: block;
    clear: #FFFFFF;
    margin-top: 10px;
    margin-right: 20px;
    float: right;
    cursor: pointer;
}
#content_m .headerCon .more {
    padding: 0px 30px 0px 30px;
    height: 500px;
    color:#FFFFFF;
    font-size: 30px;
    line-height: 50px;
    letter-spacing: 0px;
    text-align: justify;
    background-color: #000000;
    z-index: 200px;
    position: relative;

}
#content_m .headerCon .more_img {
    position: absolute;
    top:0px;
    right:0;
    width: 320px;
    height: 444px;
    background: url(../images/m/header/moreman.png);
}

#content_m .headerCon .fbBtn {
    display: block;
    position: absolute;
    top: 380px;
    left:30px;
}
#content_m .headerCon .lineBtn {
    display: block;
    position: absolute;
    top: 380px;
    left:90px;
}
/* HeaderCon m End */

#content_m .contentCon {
    width: 640px;
    padding: 0 30px;
    background: url("../images/mobile/site_bg.jpg") no-repeat;
    position: relative;
}

/* B & D */
#content_m .contentCon .bd{
    width: 580px;
    height: 2280px;
}
#content_m .contentCon .bd .bd_t{
    width: 462px;
    height: 235px;
    font-size: 0;
    background: url("../images/mobile/title1.png") no-repeat;
    background-position: 0px 30px;
}
#content_m .contentCon .bd .post{
    width: 278px;
    height: 640px;
    position: relative;
    float: left;
}
#content_m .contentCon .bd_post .post img{
    width: 278px;
    height: 400px;
    box-shadow: 2px 2px 5px rgba(0%,0%,0%,0.5);
}
#content_m .contentCon .bd_post .post h1{
    width: 275px;
    height: 50px;
    text-align: center;
    position: absolute;
    background:url(../images/mobile/h1_bg.png) no-repeat;
    background-position: 0 5px;
    top:403px;
    left:-5px;
    font-weight: 100;
}
#content_m .contentCon .bd_post .post p{
    position: absolute;
    top:463px;
}
/* B & D End */


/* D & S */
#content_m .contentCon .ds{
    width: 580px;
    height: 1642px;
}
#content_m .contentCon .ds .ds_t{
    width: 462px;
    height: 235px;
    font-size: 0;
    background: url("../images/mobile/title2.png") no-repeat;
    background-position: 0px 0px;
}
#content_m .contentCon .ds .post{
    width: 278px;
    height: 640px;
    position: relative;
    float: left;
}
#content_m .contentCon .ds_post .post img{
    width: 278px;
    height: 400px;
    box-shadow: 2px 2px 5px rgba(0%,0%,0%,0.5);
}
#content_m .contentCon .ds_post .post h1{
    width: 275px;
    height: 50px;
    text-align: center;
    position: absolute;
    background:url(../images/mobile/h1_bg.png) no-repeat;
    background-position: 0 5px;
    top:403px;
    left:-5px;
    font-weight: 100;
}
#content_m .contentCon .ds_post .post p{
    position: absolute;
    top:463px;
}
/* D & S End */

/* S & M */
#content_m .contentCon .sm{
    width: 580px;
    height:2250px;
    /*height:1950px;*/
}
#content_m .contentCon .sm .sm_t{
    width: 462px;
    height: 235px;
    font-size: 0;
    background: url("../images/mobile/title3.png") no-repeat;
    background-position: 0px 0px;
}
#content_m .contentCon .sm .post{
    width: 278px;
    height: 640px;
    position: relative;
    float: left;
}
#content_m .contentCon .sm_post .post img{
    width: 278px;
    height: 400px;
    box-shadow: 2px 2px 5px rgba(0%,0%,0%,0.5);
}
#content_m .contentCon .sm_post .post h1{
    width: 275px;
    height: 50px;
    text-align: center;
    position: absolute;
    background:url(../images/mobile/h1_bg.png) no-repeat;
    background-position: 0 5px;
    top:403px;
    left:-5px;
    font-weight: 100;
}
#content_m .contentCon .sm_post .post p{
    position: absolute;
    top:463px;
}
/* S & M End */


#content_m  .movieBtn {
    position: absolute;
    display: block;
    width: 420px;
    height: 170px;
    line-height: 200px;
    bottom:10px;
    left:110px;
}
#content_m .movieBtn img:hover{
    animation:pulse .9s infinite alternate;
}
#content_m  .free30Btn {
    position: absolute;
    display: block;
    width: 420px;
    height: 170px;
    line-height: 200px;
    bottom:230px;
    left:110px;
}
#content_m .free30Btn img:hover{
    animation:pulse .9s infinite alternate;
}



/* PS */
#content_m  .ps{
    width: 640px;
    padding:50px 0 50px 0;
    background-color: #000000;
}
#content_m  .ps .morebtn2{
    font-size: 35px;
    font-weight: 100;
    text-align: center;
    cursor: pointer;
}
#content_m  .ps .more2{
    margin-left: 30px;
    margin-top: 20px;
    font-size: 27px;
    line-height: 35px;
    font-weight: 100;
    text-align: left;
}
/* PS END */