body{margin:0;padding: 0;/*background-color: #FFF4F4;*/}
.full-width{width: 100%;}
.fixed-width{width: 910px;margin: auto; }


.pull-left { float: left; }
.pull-right { float: right; }
.clear-float { clear: both;}
.pull-center{ margin:0 30px;}
.pull-center2{ margin: 0 auto;}
.letter-spacing{  letter-spacing :2px;}
.letter-spacing2{  letter-spacing :2px;}
.ls_2{letter-spacing :-2px;}

/***PC版***/
#content_pc {
    font-family: "微軟正黑體", "Microsoft JhengHei", Arial,  "蘋果儷中黑", "Apple LiGothic Medium", "儷黑 Pro", "LiHei Pro", sans-serif;
    /*width: 992px;*/
    min-width: 910px;
    /*height: 4650px;*/
    color:#FFFFFF;
    /*background: url(../images/pc/site_bg.jpg) no-repeat;*/
    /*overflow: hidden;*/
}
#content_pc a{text-decoration: none;}
/*共用end*/


/* HeaderCon PC */
#content_pc .headerCon {width: 910px; height: 390px; position: relative;}
#content_pc .headerCon .catchlogo{ position: absolute;width: 510px;height: 200px; top:60px; right:56px;z-index: 9999;}
#content_pc .headerCon p{ position: absolute;width: 630px;height: 110px; top:270px; right:0px; font-size:17.5px; line-height: 28px;  z-index: 9999;}
#content_pc .headerCon .fbBtn { display: block; position: absolute; top: 15px; right:30px;z-index: 100;}
/* HeaderCon PC End */


/* contentCon PC */
#content_pc .contentCon { width: 910px; position: relative;text-align: center;}
#content_pc .contentCon .item01{ position: relative;}
#content_pc .contentCon .item02{ position: relative; padding-top: 20px;}
#content_pc .contentCon .item03{ position: relative; padding-top: 20px;}
#content_pc .contentCon .item04{ position: relative; padding-top: 20px; margin-bottom: 80px; }


#content_pc .contentCon h2{position: relative; width: 530px; height: 115px; line-height: 115px; background:url(../images/pc/lbgtq_title.png) no-repeat; margin:15px auto; text-align: center; font-size: 0px; }
#content_pc .contentCon .item01 h2{ background-position: 0 0;}
#content_pc .contentCon .item02 h2{ background-position: 0 -115px;}
#content_pc .contentCon .item03 h2{ background-position: 0 -230px;}
#content_pc .contentCon .item04 h2{ background-position: 0 -345px;}
#content_pc .contentCon #AdBanners h2{ background-position: 0 -460px;}
#content_pc .contentCon p{color:#782b00; font-size: 18px; margin: auto; line-height: 30px;}

    ul{  display:block; position: relative; padding:17px 0 0 13px; width: 950px;}
    ul li{ float: left; width: 211px; height: 306px; border: 2px solid #e9c622; margin:0 16.5px 16px 0; overflow: hidden; position: relative; }
    ul li .move { position: absolute; font-size: 16px; line-height: 21px; color:#FFFFFF; font-weight: 100; background: rgba(0,0,0,0.8); padding: 12px 12px;  text-align: justify; position: absolute; bottom:-120px; height: 120px; overflow: hidden;-webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.3s ease 0s;  -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
    ul li:hover .move{ bottom:0; }
    ul li a{ position: relative; display: block; width: 100%; height:100%; background:#fa0; overflow: hidden;}
    ul li a:hover{ text-decoration:none;}
    ul li img { width: 100%; height:100%; }
    ul li h4{ font-size: 20px; line-height: 30px; height:30px; color:#e8cb21; font-weight: normal;}


#content_pc .contentCon .item03 ul{  display:block; position: relative; padding:17px 0 0 13px; width: 950px;}
#content_pc .contentCon .item03 ul li{ float: left; width: 440px; height: 290px; border: 2px solid #e9c622; margin:0 16.5px 16px 0; overflow: hidden; position: relative; }
#content_pc .contentCon .item03 ul li .move {width: 100%; position: absolute; font-size: 16px; line-height: 21px; color:#FFFFFF; font-weight: 100; background: rgba(0,0,0,0.8); padding: 12px 12px;  text-align: justify; position: absolute; bottom:-80px; height: 80px; overflow: hidden;-webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.3s ease 0s;  -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
#content_pc .contentCon .item03 ul li:hover .move{ bottom:0; }
#content_pc .contentCon .item03 ul li a{ position: relative; display: block; width: 100%; height:100%; background:#fa0; overflow: hidden;}
#content_pc .contentCon .item03 ul li a:hover{ text-decoration:none;}
#content_pc .contentCon .item03 ul li img { width: 100%; height:100%; }
#content_pc .contentCon .item03 ul li h4{ font-size: 20px; line-height: 30px; height:30px; color:#e8cb21; font-weight: normal;}




.ghost_out{position: absolute; width: 453px; height: 350px; left:-60px; top:0;}

/******************************************/
/******************************************/
/******************************************/
/******************************************/





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

#container_m{ background: url(../images/mobile/lbgtq_body_m.jpg) no-repeat; width: 640px; height: 100%; position: relative; display: block; float: none; font-weight: normal; overflow: hidden;}
   	#container_m .headerCon{ position: relative; width: 640px; /*height: 400px;*/ }
    #container_m .headerCon h1.catchlogo{ width: 640px; height: 240px; margin-bottom: 10px;}
   	#container_m .headerCon p{ width: 640px;/* height: 205px;*/ line-height: 30px; font-size: 19px; text-align: center; color:#000000;  }
    #container_m a.fb_share_m{ position: absolute; top:47px; right: 20px; }
    #container_m a.line_share{ position: absolute; top:108px; right: 20px; }


/*主要內容 #main_m */
#content_m{ width: 640px;  height: 100%; position: relative; color:#FFFFFF; padding: 20px 0 20px; font-weight: 100; }
#content_m a:hover{ text-decoration: none;}

#content_m .mct_area1{ width:600px; position: relative;}
#content_m .mct_area2{ width:600px; position: relative;}
#content_m .mct_area3{ width:600px; position: relative; margin: 20px auto 50px; }
#content_m .mct_area4{ width:600px; position: relative; margin: 100px auto;}

#content_m h2{position: relative; width: 600px; height: 115px; line-height: 115px; background:url(../images/mobile/lbgtq_title_m.png) no-repeat; margin:15px auto; text-align: center; font-size: 0px; }
#content_m .mct_area1 h2{ background-position: 0 0;}
#content_m .mct_area2 h2{ background-position: 0 -115px; margin-top: 50px;}
#content_m .mct_area3 h2{ background-position: 0 -230px; margin-top: 50px;}
#content_m .mct_area4 h2{ background-position: 0 -345px; margin-top: 50px;}
#content_m #AdBanners_m h2{ background-position: 0 -460px; margin-top: 50px;}
#content_m p{color:#782b00; font-size: 25px; margin: 0 auto 20px; line-height: 30px;}


#content_m .letter_sp{letter-spacing:-1px}
#content_m .post{ margin-bottom: 15px; width: 288px; height: 429px; border: 2px solid #e9c622;  position: relative;}
#content_m .post img,.post2 img { width: 100%; height: 100%; position: absolute; left: 0; top:0;}
#content_m .post h4,.post2 h4{ width: 100%; height: 50px; line-height: 50px; font-size: 27px; color:#FFFFFF; background: rgba(0,0,0,0.8); font-weight: 100; text-align: center; position: absolute; left: 0; bottom:0;}
#content_m .post a,.post2 a{ color:#666666; font-weight: 500; width: 100%; height: 100%;}

#content_m .post2{ margin-bottom: 15px; width: 596px; height: 396px; border: 2px solid #e9c622;  position: relative;}


}/*** 手機版 END ***/