@charset "utf-8";
/* CSS Document */
.wapper{width:1050px; margin:0px auto;}
/****************************************
/*header
****************************************/
.header{width:100%; background:#fff;}
.header .breadcrumb{text-align:right; height:20px;}
.header .header_main{width:100%; position:relative;}
.header .logo_box{width:300px;}
.header .search_box{width:450px; padding-top:15px; }
.header .search_box .keyword_box{margin:5px 0px; padding:10px 0px; width:420px; height:10px; font-size:15px; line-height:1.5em; color:#333; overflow:hidden;}
.header .search_box .keyword_box ul{margin:0px; padding:0px;}
.header .search_box .keyword_box li{list-style:none; float:left; margin:0px 5px;}
.header .search_box .keyword_box a{color:#333; text-decoration:none;}
.header .search_box .keyword_box a:hover{color:#666; text-decoration:none;}

.header .login_box{width:250px; padding-top:15px;}
.header .login_box span{margin:0px 2px;}
.header .login_box .uid {text-align:right; margin:3px 0px; padding:5px;}
.header .login_box .uid a{font-size:17px; font-weight:bold; color:#4c4c4c; text-decoration:none; }



/****************************************
/*news_box
****************************************/
.container{width:100%; padding-bottom:10px; background:#ECECEC; position:relative;}
.container .nav_box{width:100%; margin:5px 0px;}
.container .news_box{padding:12px 15px; overflow:hidden; font-size:15px; color:#666;}
.container .news_box .newslist li{list-style:none; padding:0px 10px; display:block; clear:both; width:900px; }
.container .news_box .newslist li h1{color:#666; font-size:15px; color:#666; text-decoration:none; padding:0px; margin:0px;}
.container .news_box .newslist li a{color:#666; text-decoration:none;}

/****************************************
/*top_fluid
****************************************/
.container .top_fluid{width:100%;} 
.container .slider_box{position:relative; width:730px; height:350px; float:left;}
.container .Bslider_box{position:relative; width:1040px; height:225px; margin:0px auto 10px auto; }
.container .top_fluid .top_fluid_Lbox{float:right; width:300px; padding:0px 5px;}
.container .top_fluid .top_fluid_Lbox .keyword{margin-bottom:5px; }
.container .top_fluid .top_fluid_Lbox .keyword ul{margin:0px auto; width:300px; *width:300px !important;/*IE7*/ width:300px\9; /*IE8*/}
.container .top_fluid .top_fluid_Lbox .keyword li{float:left; padding:12px 0px; width:29%; font-size:17px; letter-spacing:.1em; margin:0px 5px 5px 4px; border:1px solid #cc6e2f; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:url(../images/btn/keyword01.jpg) repeat-x; text-align:center; }
.container .top_fluid .top_fluid_Lbox .keyword li:active {color:#333; text-decoration:none; background:#FD9417; -webkit-box-shadow: inset 3px 3px 5px 3px rgba(60, 60, 60, 0.5);
box-shadow: inset 3px 3px 5px 3px rgba(60, 60, 60, 0.5);}
.container .top_fluid .top_fluid_Lbox .keyword li:hover{background:url(../images/btn/keyword01_hover.jpg) repeat-x; }
.container .top_fluid .top_fluid_Lbox .keyword li a{color:#fff; text-decoration:none;}
.container .top_fluid .top_fluid_Lbox .keyword li.clearfix{display:block; clear:both; height:0px; border:0; float:none; width:100%; margin:0px; padding:0px; *margin-top:-20px !important; /*IE7*/}


/****************************************
/*main_fluid
****************************************/
.container .main_fluid{width:100%; margin:10px 0px;}
.container .main_fluid .titlebg{width:360px; height:33px; background:url(../images/bg/title_bg.png); margin-bottom:5px;}
.container .main_fluid .main_Lfluid{width:728px; float:left; position:relative; }
.container .main_fluid .main_Rfluid{width:300px; float:right; padding:0px 5px;}

/****************************************
/*main_fluid => theme_box
****************************************/
.main_Lfluid .theme_box{width:360px; position:relative;}
.main_Lfluid .theme_box .theme_list{width:340px; padding:0px 10px; background:#fff; border:1px solid #ccc; -webkit-box-shadow: 3px 2px 2px 2px rgba(204, 204, 204, 0.4);
box-shadow: 3px 2px 2px 2px rgba(204, 204, 204, 0.4); }
.main_Lfluid .theme_box .theme_list li{padding-bottom:5px; margin:5px 0px; border-bottom:1px solid #ccc; margin:5px 0px; }
.main_Lfluid .theme_box .theme_list li:hover{background:#EDEDED; color:#333;}
.main_Lfluid .theme_box .theme_img{width:120px; height:90px; overflow:hidden;}
.main_Lfluid .theme_box .theme_img img{width:120px; height:90px;}
.main_Lfluid .theme_box .theme_desc{width:210px;}
.main_Lfluid .theme_box .theme_desc a{color:#4F4F4F; text-decoration:none;}
.main_Lfluid .theme_box .theme_desc a:hover{color:#333; text-decoration:none;}
.main_Lfluid .theme_box .theme_desc .title{font-size:15px; display:block; font-weight:600; height:1.5em; letter-spacing:.1em; line-height:1.5em; overflow:hidden; margin:5px 0px; padding:0px;}
.main_Lfluid .theme_box .theme_desc .theme_txt{display:block; overflow:hidden; font-size:14px; color:#777; letter-spacing:.1em;  line-height:1.7em; height:50px;}
.main_Lfluid .theme_box .theme_desc .theme_txt:hover{color:#333;}
/****************************************
/*main_fluid => trip_box
****************************************/
.main_Lfluid .trip_box{width:360px; background:#fff; position:relative;}
.main_Lfluid .trip_box .trip_list{width:100%; padding:0px; margin:0px background:#fff; border:1px solid #ccc; -webkit-box-shadow: 3px 2px 2px 2px rgba(204, 204, 204, 0.4);
box-shadow: 3px 2px 2px 2px rgba(204, 204, 204, 0.4); }
.main_Lfluid .trip_box .trip_list li:hover{background:#EAEAEA;}
.main_Lfluid .trip_box .trip_list li a{color:#4F4F4F; text-decoration:none;}

.main_Lfluid .trip_box .trip_list li.large{width:100%; padding:5px 0px;}
.main_Lfluid .trip_box .trip_list li.large .trip_img{width:180px; height:140px; overflow:hidden;}
.main_Lfluid .trip_box .trip_list li.large .trip_img img{width:180px; height:140px;}
.main_Lfluid .trip_box .trip_list li.large .trip_desc{float:left; width:160px; padding-left:6px; text-align:justify; }
.main_Lfluid .trip_box .trip_list li.large .trip_desc .title{font-size:15px; text-align:center; display:block; font-weight:600; height:1.5em; letter-spacing:.1em; line-height:1.5em; overflow:hidden; margin:5px 0px;}
.main_Lfluid .trip_box .trip_list li.large .trip_desc .trip_txt{display:block; overflow:hidden; font-size:14px; color:#777; letter-spacing:.1em;  line-height:1.54em; height:105px;}
.main_Lfluid .trip_box .trip_list li.large .trip_desc .trip_txt:hover{color:#333;}

.main_Lfluid .trip_box .trip_list li.small{width:118px; border-top:1px solid #ccc; float:left;}
.main_Lfluid .trip_box .trip_list li.small .trip_img{width:100px; height:78px; overflow:hidden;  margin:12px auto;}
.main_Lfluid .trip_box .trip_list li.small .trip_img img{width:100px; height:78px;}
.main_Lfluid .trip_box .trip_list li.small .title{font-size:13px; text-align:center; display:block; font-weight:600; height:1.4em; letter-spacing:.1em; line-height:1.5em; overflow:hidden; margin:5px 0px; padding:0px;}
.main_Lfluid .trip_box .trip_list li.mid{border:0px; border-top:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; }
.main_Lfluid .trip_box .trip_list li.clearfix{display:block; clear:both; height:0px; float:none; width:100%;}

/****************************************
/*main_fluid => recipe_box
****************************************/
.main_Lfluid .recipe_box{width:360px; background:#fff; position:relative;}
.main_Lfluid .recipe_box .recipe_list{width:350px; padding:2px 5px; background:#fff; border:1px solid #ccc; -webkit-box-shadow: 3px 2px 2px 2px rgba(204, 204, 204, 0.4);
box-shadow: 3px 2px 2px 2px rgba(204, 204, 204, 0.4); }
.main_Lfluid .recipe_box .recipe_list li{width:100px; height:115px; float:left; padding:8px; }
.main_Lfluid .recipe_box .recipe_list li:hover{background:#e5e5e5;}
.main_Lfluid .recipe_box .recipe_list li a{color:#4F4F4F; text-decoration:none;}
.main_Lfluid .recipe_box .recipe_list li .recipe_img{width:96px; height:96px; overflow:hidden; margin:0px auto;}
.main_Lfluid .recipe_box .recipe_list li .title{text-align:center; font-size:13px; text-align:center; display:block; font-weight:600; height:1.4em; letter-spacing:.1em; line-height:1.5em; overflow:hidden; margin:5px 0px; padding:0px;}
.main_Lfluid .recipe_box .recipe_list li.clearfix{display:block; clear:both; height:0px; float:none; width:100%; border:0px;}

/****************************************
/*main_fluid => video_box
****************************************/
.main_Lfluid .video_box{width:360px; background:#fff; position:relative;}
.main_Lfluid .video_box .video_list{width:100%; padding:0px; background:#fff; border:1px solid #ccc; -webkit-box-shadow: 3px 2px 2px 2px rgba(204, 204, 204, 0.4);
box-shadow: 3px 2px 2px 2px rgba(204, 204, 204, 0.4); }
.main_Lfluid .video_box .video_list li{padding:5px 0px;}
.main_Lfluid .video_box .video_list li:hover{background:#e5e5e5;}
.main_Lfluid .video_box .video_list li a{color:#4F4F4F; text-decoration:none;}
.main_Lfluid .video_box .video_list li.large{width:100%; margin:5px 6px;}
.main_Lfluid .video_box .video_list li.large .trip_img{width:180px; height:120px; overflow:hidden; float:left;}
.main_Lfluid .video_box .video_list li.large .trip_img img{width:180px; height:120px; border:0px;}
.main_Lfluid .video_box .video_list li.large .trip_desc{float:left; width:160px; padding-left:6px; text-align:justify; }
.main_Lfluid .video_box .video_list li.large .trip_desc .title{font-size:15px; text-align:center; display:block; font-weight:600; height:1.5em; letter-spacing:.1em; line-height:1.5em; overflow:hidden; margin:5px 0px; padding:0px;}
.main_Lfluid .video_box .video_list li.large .trip_desc .trip_txt{height:87px; display:block; overflow:hidden; font-size:14px; color:#777; letter-spacing:.1em;  line-height:1.5em; }
.main_Lfluid .video_box .video_list li.large .trip_desc .trip_txt:hover{color:#333;}
.main_Lfluid .video_box .video_list li.small{width:118px; border-top:1px solid #ccc; float:left;}
.main_Lfluid .video_box .video_list li.small .video_img{width:100px; height:78px; overflow:hidden;  margin:5px auto;}
.main_Lfluid .video_box .video_list li.small .video_img img{width:100px; height:78px;}
.main_Lfluid .video_box .video_list li.small .title{font-size:13px; text-align:center; display:block; font-weight:600; height:1.4em; letter-spacing:.1em; line-height:1.5em; overflow:hidden; margin:5px 0px; padding:0px;}
.main_Lfluid .video_box .video_list li.small .num{font-size:1em; color:#666; height:1.4em; overflow:hidden; text-align:center;}
.main_Lfluid .video_box .video_list li.mid{border:0px; border-top:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; }
.main_Lfluid .video_box .video_list li.clearfix{display:block; clear:both; height:0px; float:none; width:100%;}



/****************************************
/*main_fluid => tab_box
****************************************/
.main_Lfluid .tab_box{width:728px; height:330px; border:1px solid #ccc; background:#fff; margin:10px 0px 0px 0px; -webkit-box-shadow: 3px 2px 2px 2px rgba(204, 204, 204, 0.4);
box-shadow: 3px 2px 2px 2px rgba(204, 204, 204, 0.4);}
.main_Lfluid .tab_box a{text-decoration:none;} 
.main_Lfluid .tab_box .tab_btn{width:728px; height:35px; background:url(../images/bg/tab_box.png) repeat-x; }
.main_Lfluid .tab_box .tab_btn li{float:left; width:180px; text-align:center; font-size:17px; font-weight:bold; letter-spacing:.1em;}
.main_Lfluid .tab_box .tab_btn li a {text-decoration:none; color:#fff; text-shadow: 2px 3px 2px #999; filter: dropshadow(color=#999, offx=2, offy=3); }
.main_Lfluid .tab_box .tab_pagination {}
.main_Lfluid .tab_box .tab_pagination ul{width:100%; background:#fff;}
.main_Lfluid .tab_box .tab_pagination li{width:23.5%; padding:10px 0 5px 0; margin:1% 0.5%; height:235px; float:left; border:1px solid #ccc;}
.main_Lfluid .tab_box .tab_pagination li.clearfix{ display:block; clear:both; height:0px; float:none; width:100%; border:0px;}
.main_Lfluid .tab_box .tab_pagination li:hover{background:#e5e5e5;}

.main_Lfluid .tab_box li .tabimg{width:160px; height:120px; margin:0px auto; overflow:hidden; }
.main_Lfluid .tab_box li .tabimg img{width:160px;}
.main_Lfluid .tab_box li .tabtitle{ font-size:15px; font-weight:bold; letter-spacing:.1em; height:1.5em; line-height:1.3em; margin:5px 0px; text-align:center;}
.main_Lfluid .tab_box li .tabtitle a{color:#990000;}
.main_Lfluid .tab_box li .tabdesc{padding:0px 5px; height:80px; letter-spacing:.1em; line-height:1.5em; overflow:hidden; font-size:13px;}
.main_Lfluid .tab_box li .tabdesc a{color:#666; padding:0px; margin:0px;  font-size:15px;}
.main_Lfluid .tab_box li .tabdesc.small {height:105px; line-height:1.4em; color:#333; margin-bottom:5px; font-size:15px;}


/****************************************
/*main_Rfluid => bookshop_box
****************************************/
.bookshop_box{width:300px; margin:0px auto; background-color:#fff; border:1px solid #e5e5e5; -webkit-box-shadow: 3px 2px 2px 2px rgba(204, 204, 204, 0.4); box-shadow: 3px 2px 2px 2px rgba(204, 204, 204, 0.4); position:relative;}
.bookshop_box h1{font-size:17px; font-weight:bold; padding:15px 10px 10px; letter-spacing:.1em; border-bottom:1px solid #ccc;}

.bookshop_list li{float:left; width:98px; height:120px; border-right:1px solid #ccc; padding-top:5px;}
.bookshop_list li:hover{-webkit-box-shadow:inset 3px 3px 3px 1px rgba(80, 80, 80, 0.4); box-shadow:inset 3px 3px 3px 1px rgba(80, 80, 80, 0.4);}
.bookshop_list li.clearfix{display:block; clear:both; height:0px; float:none; width:100%; border:0px;}
.bookshop_list li .bookshop_img{width:80px; height:115px; margin:0px auto;}
.bookshop_list li .bookshop_img img{height:115px;}

/****************************************
/*main_Rfluid => forum_box
****************************************/
.forum_box{width:300px; margin:5px auto 10px auto; background-color:#fff; border:1px solid #e5e5e5; -webkit-box-shadow: 3px 2px 2px 2px rgba(204, 204, 204, 0.4); box-shadow: 3px 2px 2px 2px rgba(204, 204, 204, 0.4); position:relative;}
.forum_box h1{font-size:17px; font-weight:bold; padding:15px 10px 10px; letter-spacing:.1em; border-bottom:1px solid #ccc;}
.forum_list ul{margin:0px auto; padding:0;}
.forum_list li{padding:5px; width:285px; height:1.5em; line-height:1.3em; overflow:hidden; font-weight:bold; /*IE7*/ *line-height:1.8em; }
.forum_list li h2{margin:0px; padding:0px;}
.forum_list li:hover{background:#e5e5e5; }
.forum_list li a{color:#666; text-decoration:none; margin-left:5px;}
.forum_list li a:hover{color:#E60012; }

/****************************************
/*main_Rfluid => fb_likebox
****************************************/
.fb_likebox{width:300px; margin:10px auto 0 auto; background:#fff;}
.fb_likebox li._43q7{float:left;}

/****************************************
/*main_Rfluid => fb_checkbox
****************************************/
.fb_checkbox{width:300px; height:130px; margin:0px auto 10px auto; background:#fff;}
.fb_checkbox img{border:0px;}


/****************************************
/*footer
****************************************/
.footer{width:100%; background:#fff;}
.footer .footer_leftbox{float:left; margin:50px 20px 10px 20px;}
.footer .footer_rightbox{float:right; margin:50px 0px 10px 0px;}
.footer .footer_rightbox .footer_list{float:left; margin:0px 10px; color:#666; line-height:2em; }
.footer .footer_rightbox .footer_list li{font-size:16px; font-weight:bold; margin:5px 0px;}
.footer .footer_rightbox .footer_list li h1{font-size:15px; font-weight:bold; margin:0px; padding:0px;}
.footer .footer_rightbox .footer_list li a{color:#666; text-decoration:none;}
.footer .footer_rightbox .footer_list li a:hover{color:#E60012;}
.footer .footer_rightbox .footer_list .sub_list{margin:5px 0 5px 5px;}
.footer .footer_rightbox .footer_list .sub_list li{font-size:14px; list-style:circle; margin-left:13px;}
.footer .footer_rightbox .footer_list .sub_list li a{color:#888; text-decoration:none;}
.footer .footer_rightbox .footer_list .sub_list li a:hover{color:#E60012;}

.footer .footer_bottombox{background:#de2a1b; padding:10px; color:#fff;}
.footer .footer_bottombox div{margin-left:30px;}
.footer .footer_bottombox a{color:#fff; font-size:13px; text-decoration:none;}
.footer .footer_bottombox li{float:left; margin:0px 10px;}


/****************************************
/*widget_promo
****************************************/
#widget_promo{width:1050px; margin:0px auto; background:#ECECEC;}
#widget_promo img{border:0px;}
#widget_promo .header{width:1050px; background:#fff; margin:0px auto; padding:20px 0px;}
#widget_promo .header .logo_box{width:150px;}
#widget_promo .header .header_main{width:100%; position:relative;}
#widget_promo .header .header_main .fb_likebutton{float:left; margin-left:30px;}
#widget_promo .header .header_bottom h1{float:left; color: #555; font-size:21px; margin-top:20px; padding:0px;}
#widget_promo .header .header_bottom .fb_facepile{float:right; margin-top:-20px;}

#widget_promo .widget_nav{width:100%; margin:0px 0px 30px 0px;}
#widget_promo .widget_nav .widget_breadcrumb{margin:0px auto; width:750px; text-align:center; font-weight:normal;}
#widget_promo .widget_nav .widget_breadcrumb{padding:8px 15px;  margin:0 auto; text-align:center; list-style:none; }
#widget_promo .widget_nav .widget_breadcrumb li{display:inline-block; float:left; font-size:14px; *float:right;  }
#widget_promo .widget_nav .widget_breadcrumb li .divider{padding:0 5px; color:#ccc; font-size:17px;}
#widget_promo .widget_nav .widget_breadcrumb .active{color:#999;}
#widget_promo .widget_nav .widget_breadcrumb a{text-decoration:none; color:#4c4c4c; font-weight:600; font-size:17px;}
#widget_promo .widget_nav .widget_breadcrumb a:hover{text-decoration:none; color:#fff;}

#widget_promo .widget_main{width:100%; margin:0px auto;}
#widget_promo .widget_main .leftbox{width:600px; float:left;} 
#widget_promo .widget_main .leftbox .leftbox_img{width:460px; margin-left:50px;}
#widget_promo .widget_main .leftbox .leftbox_bg{width:560px; height:400px; background:url(../images/widgets/promo_left_bg02.png) no-repeat; margin:0px auto; position:relative;}
#widget_promo .widget_main .leftbox .leftmian{float:left; width:300px;}
#widget_promo .widget_main .leftbox .leftmian .textarea_box{position:absolute; left:30px; bottom:50px; width:250px; height:270px;}
#widget_promo .widget_main .leftbox .leftmian .widget_script{width:250px; height:270px; }
#widget_promo .widget_main .leftbox .rightmian{float:right; width:250px;}
#widget_promo .widget_main .leftbox .rightmian .txt{width:210px; font-size:17px; line-height:1.5em; letter-spacing:.1em; color:#fff; margin-top:80px;}
#widget_promo .widget_main .leftbox .rightmian .txt h2{font-weight:600; margin:0px; padding:0px;}
#widget_promo .widget_main .leftbox .rightmian .copybutton{font-weight:600; margin-top:140px; padding:0px;}

#widget_promo .widget_main .rigthbox{width:440px; min-height:600px; float:right;} 
#widget_promo .widget_main .rigthbox .blog_success{width:430px; margin-top:120px;}