/* CSS Document */
@font-face {
  font-family: TrajanPro;
  src: url(images/TrajanPro.off);
}
body { margin:0; padding:0; font-family:"微軟正黑體"; font-size:15px; line-height:180%; color:#666;}
#gotop { display: none; position: fixed; right: 20px; bottom: 20px; padding: 10px 15px; cursor: pointer;}
#gotopBtn { display: none; position: fixed; right: 20px; bottom: 20px; padding: 70px 15px; cursor: pointer;}
#header{background-color:#424242; width:100%;}
.header a{ color:#FFF; font-size:13px; text-decoration:none;}
.header a:hover{ text-decoration:underline;}
.footer{ padding:0; margin:0; text-align:center; background-color:#282828; width:100%;}
img{ border:0;}
.center{ display:block; text-align:center; width:100%;}
a.linkk{ color:#005fc1; text-decoration:underline;}
a.linkk:hover{ text-decoration:none;}
.bookname{color:#006f9b; font-size:15px; line-height:140%;}
.booktext{font-size:13px; line-height:140%;}
.bookpic{ padding:3px; background-color:#FFF; border:1px solid #ccc;}
.bookpic:hover{ border:1px solid #005fc1;}
.bookprice{ color:#C00; font-size:16px;}

a.btn_car, a.btn_club{color:#FFF; border-radius:3px; display:block; width:80%; padding:1px 0; margin:5px auto; font-size:13px; font-weight:bold; text-decoration:none;}
a.btn_car:hover, a.btn_club:hover{ color:#FF0;}
a.btn_car{ background-color:#9fae3b;}
a.btn_club{ background-color:#c37426;}
.clear{ clear:both;}

#top-bar{
	 width:100%;
	 height:50px;
	 color:#FFF;
	 background:#ffffff;
	 position:fixed;
	 top:-65px;
	 filter:alpha(opacity=95);
	 -moz-opacity:0.95;
	 opacity: 0.95;
	 font-family: TrajanPro;
	 font-size:18px;
	 z-index:999999;
	 
	 /* CSS3 陰影*/
	-webkit-box-shadow: 0px 3px 10px #5c5c5c;
	-moz-box-shadow: 0px 3px 10px #5c5c5c;
	box-shadow: 0px 3px 10px #5c5c5c;
	 
}
#menu .logo{ float:left}
#menu{width:980px; margin:0 auto; line-height:50px;}
#menu .nav{ float:right;}
#menu .line{ color:#5a5a5a; margin:0 15px;}
#menu a{ color:#FFF; text-decoration:none;}
#menu a:hover{ color:#CCC;}

#kv{ background:url(berrybg_01.jpg) top center no-repeat;}
#kv_content{ width:1000px; height:674px; margin:0 auto;}

#leave{ background:top center no-repeat;}
#blockA_content{ width:989px; height:644px; margin:0 auto;}
.trans-fadeout{
-webkit-transition:all 0.5s linear;
-moz-transition:all 0.5s linear;
-ms-transition:all 0.5s linear;
-o-transition:all 0.5s linear;
transition:all 0.5s linear;
}
.image-fadeout{visibility:hidden; opacity:0;position:absolute; z-index:999}
.hover-fadeout:hover .image-fadeout{ visibility:visible; opacity:1; position:absolute;}

#lost{ background:url(berrybg_03.gif) top center no-repeat;}
#blockB_content{ width:1000px; height:auto; margin:0 auto;}

#love{ background:top center no-repeat;}
#blockC_content{ width:1000px; height:379px; margin:0 auto; padding-top:0px;}

#rely{ background:url(bg01.jpg) top center no-repeat;}
#blockD_content{ width:1032px; height:500px; margin:0 auto; padding:75px 0 0 350px; text-align:left; }

#standalone{ background:url(bg02.jpg) top center no-repeat;}
#blockE_content{ width:1032px; height:800px; margin:0 auto; padding:100px 0 0 350px; text-align:left; }

#aboutberry{ background:url(berrybg_07.jpg) top center no-repeat;}
#blockF_content{ width:1000px; height:869px; margin:0 auto;}



#nav{ width:1000px; margin:0; padding:0;}
.nav1{ background:url(menu_01a.jpg) no-repeat; display:inline-block; width:92px; height:85px; cursor:pointer; margin-left:50px;}
.nav1:hover{ background:url(menu_01b.jpg)}
.nav2{ background:url(menu_02a.jpg) no-repeat; display:inline-block; width:77px; height:85px; cursor:pointer;}
.nav2:hover{ background:url(menu_02b.jpg)}
.nav3{ background:url(menu_03a.jpg) no-repeat; display:inline-block; width:88px; height:85px; cursor:pointer;}
.nav3:hover{ background:url(menu_03b.jpg)}
.nav4{ background:url(menu_04a.jpg) no-repeat; display:inline-block; width:78px; height:85px; cursor:pointer;}
.nav4:hover{ background:url(menu_04b.jpg)}
.nav5{ background:url(menu_05a.jpg) no-repeat; display:inline-block; width:148px; height:85px; cursor:pointer;}
.nav5:hover{ background:url(menu_05b.jpg)}
.nav6{ background:url(menu_06a.png) no-repeat; display:inline-block; width:155px; height:85px; cursor:pointer;}
.nav6:hover{ background:url(menu_01b.jpg)}

.pic01{ background:url(pic_01a.jpg); width:330px; height:483px; display:inline-block;}
.pic01:hover{background:url(pic_01b.jpg);}
.pic02{ background:url(pic_02a.jpg); width:331px; height:483px; display:inline-block;}
.pic02:hover{background:url(pic_02b.jpg);}
.pic03{ background:url(pic_03a.jpg); width:328px; height:483px; display:inline-block;}
.pic03:hover{background:url(pic_03b.jpg);}
.pic01:hover, .pic02:hover, .pic03:hover{
-webkit-transition:all 0.5s ease-out;
-moz-transition:all 0.5s ease-outr;
-ms-transition:all 0.5s ease-out;
-o-transition:all 0.5s ease-out;
transition:all 0.5s ease-out;}

.social1{ background:url(berry_31.png) no-repeat; display:inline-block; width:628px; height:51px; cursor:pointer;}
.social1:hover{ background:url(berryc_31.png)}
.social2{ background:url(berry_32.png) no-repeat; display:inline-block; width:628px; height:51px; cursor:pointer;}
.social2:hover{ background:url(berryc_32.png)}
.social3{ background:url(berry_33.png) no-repeat; display:inline-block; width:628px; height:52px; cursor:pointer;}
.social3:hover{ background:url(berryc_33.png)}
.social4{ background:url(berry_34.png) no-repeat; display:inline-block; width:628px; height:51px; cursor:pointer;}
.social4:hover{ background:url(berryc_34.png)}

ul #love{ list-style:none; margin:0; padding:0;}
#love li{ margin:0 0px 0px 0px; float:left; list-style:none;}
.love01, .love02, .love03{ display:inline-block; width:315px; height:379px;}
.love01:hover, .love02:hover, .love03:hover{
	-webkit-transition:all 0.3s linear;
   -moz-transition:all 0.3s linear;
   -ms-transition:all 0.3s linear;
   -o-transition:all 0.3s linear;
   transition:all 0.3s linear;}
.love01{ background:url(youtube01a.jpg) no-repeat; cursor:pointer;}
.love01:hover{ background:url(youtube01b.jpg);}
.love02{ background:url(youtube02a.jpg) no-repeat; cursor:pointer;}
.love02:hover{ background:url(youtube02b.jpg)}
.love03{ background:url(youtube03a.jpg) no-repeat; cursor:pointer;}
.love03:hover{ background:url(youtube03b.jpg)}