@media screen and (max-width: 1000px) {
body { background:#FFF;}
/*
.nav .menu{ width:12.4%;}
.nav .menu3{ width:16.6%;}
*/


.w100{width:100%;}

.foot{ width: 100%;}


/*************************toukou***********************************/
.page .toukou .mobile_mar .to_fe img{ width:auto; max-width:100%;}


}

@media screen and (max-width: 950px) {
.page .content{  margin-top:-30px;}
.page .cristmas .cri_goodsin .cbor_f40{border:8px solid transparent; border-right:30px solid #da0000; margin-left:-35px;}


/***********************************************special css start***********************************************/

.special .sp_tn1{ width:73%; padding:2% 2.5% 0 2.5%;} 
.special .sp_tn1 .st_text{ width:100%; } 
.special .sp_tn1 .st_ph{ position:inherit; bottom:0; right:0; width:100%;} 

}

@media screen and (max-width: 770px) {
.page .content{  margin-top:-25px;}
}

@media screen and (max-width: 750px) {
	


	
	
/***********************************************cristmas css start***********************************************/

.page .cristmas .cri_tbn{ width:50%; margin:1.5% 0 0 25%;}

.page .cristmas .con_l{ float:none;width:94.4%; margin:0 2.8%;}
.page .cristmas .con_r{ float:none;width:65.6%; margin:0 17.18%;}
.page .cristmas .con_r img{ max-width:25%; float:left;}

.page .cristmas .cri_text{min-height:50%; float:left; width:60%; margin-left:1.8%; position:static;}
.page .cristmas .cbor_f40{border:8px solid transparent; border-right:30px solid #da0000; margin-left:-40px;}
.page .cristmas .cri_goodsin .cbor_f40{border:8px solid transparent; border-right:30px solid #da0000; margin-left:-40px;}
.page .cristmas .cr_bn1{ text-align:center; font-size:20px;}


.page .cristmas .cri_tipc{ margin:3.8%  2.8% -2%  2.8%;}
.page .cristmas .cri_pt{display:block; width:20%; padding-right:1%;}
.page .cristmas .cri_tit{ font-size:18px;margin:2.5% 1.8% 1.5% 1.8%;}

.page .cristmas .cri_goodsin{ margin:0 2.8%; padding:0;}
.page .cristmas .cri_goodsin .cri_p{width:77.2%; margin:0 2.8% 0 21%;}
.page .cristmas .cri_goodsin .cri_l{ float:none;width:77.2%; margin:0 2.8% 0 21%;}
.page .cristmas .cri_goodsin .cri_l img{ max-width:45%; width:auto; margin:1.5% 1.5% 1.5% 0; border:2px solid #F00;}
.page .cristmas .cri_goodsin .other_ph1 img{ max-width:90%;}
.page .cristmas .cri_goodsin .cri_r{float:none;width:77.2%;margin:0 2.8% 0 20%;}
.page .cristmas .cri_goodsin .cri_r img{ max-width:35%; float:left;}
.page .cristmas .cri_goodsin .cri_text{ width:55%;min-height:60%; margin-top:5%; }

.page .cristmas .foot_text{ margin:3.5% 2.8% 2% 2.8%; }
.page .cristmas .foot_text .foot_tit{  font-size:20px;}



/***********************************************cristmas css end***********************************************/
	

}
@media screen and (max-width: 640px) {
html,body{ font-size:14px;}


/**************index********************/
.con_ad{ padding:0 2%;}

.sl_box{padding-top:72.4%; }
.sl_bor{position:absolute; top:0; left:0; width:97.7%; margin:1.2%;  overflow:hidden; background:#FFF;}

#pagenavi{ text-align:center; padding:5px;}


.main_tp{ padding:0 2%;}
.left_tp{ float:none; padding-top:1.5%; width:100%; padding-right:1%;}
.movie_con .moveinplya{margin-right:35px;}
.movie_con .moveinplya:last-child{margin-right:200px;}



.right_tp{ float:left; width:100%; padding-top:1.5%;}
.mob_book{ padding-top:21.8%;}
.mob_book .banclickt{margin-top:-3%; width:104%; padding-bottom:27.8%; background:url(../images/index/ban_clickt_sp.png) 0 0 no-repeat; background-size:100% auto;}
.mob_book .banclickt:hover{  background:url(../images/index/ban_clickt_sp.png) 0 0 no-repeat; background-size:100% auto;}
.mob_book .book_comtext{ font-size:1.15em;height:auto; }
.mob_book .ban_textbo{ font-size:1.15em;}
.mob_book .book_tit{ text-align:center; display:block; font-size:1.5em; line-height:110%; height:auto;}
.logo_lfc img{ padding-bottom:2.78%;}
.mob_twitter{margin-bottom:2.78%;}


.logotable{ width:100%; display:block; padding:2.5% 0;}
.logo_ltab{ display:block; padding:0 2%;}
.logo_ltab img{ float:none; width:100%; padding:1% 0;}
.logo_rtab{ display:none;}





/*****************index*****************/



.page .content{ position:relative; margin-top:-25px;}

.pc_hide{ display:block;}
.m_hide{ display:none;}
.new_tt .m_hide:first-child{ display:block; font-size:20px;}




.header{ background:none;}
.header .nav_click{ position:absolute; right:2.5%; top:3%; width:12%; height:17%;}
.header .logo{ position:absolute; top:38%; left:13.5%; width:68%; height:46%;}
.header .h_f{ position:absolute; top:52%; right:14%; width:10.5%; height:15%;}
.header .h_t{ position:absolute; top:52%; right:2.7%; width:10.5%; height:15%;}
.index .header .h_f{ top:41.5%;}
.index .header .h_t{ top:41.5%;}
.nav{ position:fixed; top:0; right:0; background:#464646; overflow-y:scroll; height:100%; width:0; z-index:999;}
.nav ul{ opacity:1;border-top:1px #FFF solid; padding-left: 10%;}
.nav ul li{ padding:10px 0;border:none;}
.nav ul li a{ display:inline-block; width:100%;  font-size:14px; font-weight:normal; color:#FFF; border:none;}
.nav .n_tit{ position:relative;}
.nav .n_tit a.icon{ position:absolute; top:0; right:0; width:20%; height:100%;}
.nav div{ padding:0; margin:0; border-bottom:1px #FFF solid;}

.nav .menu ul li i{ right:5px;}


.nav .menu1{ position:relative; left:auto; top:auto; width:100%; z-index:99; opacity:1;}
.nav .menu1 ul{ background:#464646;}
.nav .menu2{ position:relative; left:auto; top:auto; width:100%; z-index:99; opacity:1;}
.nav .menu2 ul{ background:#464646;}
.nav .menu3{ position:relative; left:auto; top:auto; width:100%; z-index:99; opacity:1;}
.nav .menu3 ul{ background:#464646;}
.nav .menu4{ position:relative; left:auto; top:auto; width:100%; z-index:99; opacity:1;}
.nav .menu4 ul{ background:#464646;}
.nav .menu5{ position:relative; left:auto; top:auto; width:100%; z-index:99; opacity:1;}
.nav .menu5 ul{ background:#464646;}
.nav .menu6{ position:relative; left:auto; top:auto; width:100%; z-index:99; opacity:1;}
.nav .menu6 ul{ background:#464646;}
.nav .menu7{ position:relative; left:auto; top:auto; width:100%; z-index:99; opacity:1;}
.nav .menu7 .menu_node{ border-bottom:0px;}
.nav .menu7 .menu_node ul{ background:#464646; padding-left: 10%;}
.nav .menu7 .menu_node ul.special{ position:relative; left:auto; top:auto; border-left:0px;}
.nav .menu8{ position:relative; left:auto; top:auto; width:100%; z-index:99; opacity:1;}
.nav .menu8 ul{ background:#464646;}
.footer ul{ width:100%; padding:0%; margin-bottom:4%;}
.footer ul li{ float:left; width:45%; margin:3.4% 0 0 3.4%;}
.footer ul li:nth-child(4n+0){ margin:3.4% 0 0 3.4%;}

/***********************************************index css start***********************************************/


.index .content .con_ad{ margin:-20% 0 0 0;}
.index .content .con_l{ float:none; width:100%!important; margin:0; padding:0;}
.index .content .con_m{ float:none; width:100%!important; margin:0; padding:0;}
.index .content .con_r{ float:none; width:100%!important; margin:0; padding:0;}

.index .content .con_ad .ad_l:hover{ background:none;}
.index .content .con_ad .ad_r:hover{ background:none;}
.index .content .mtfc2{ margin:0;}
.index .content .mtfc2 .con_r{margin-left:0%;}

.twit_pos{ margin:3.125% 6.25%; padding-bottom:3.125%;}

.foot{ width: 100%; padding: 0 0 5px 0;}
.foot .ic{ padding:0; font-size:10px; line-height:12px; font-weight:bold; color:#FFF; width:100%; text-align: center;}
.foot .logo1{ text-align:center; position: static;}
.foot .logo1 img{ width:auto;}
/***********************************************index css end***********************************************/


/***********************************************page css start***********************************************/
.page .content{margin-top:-10.5%;}
/*.page .news{margin-top:-10.5%;}*/
.page .content .con_l{float:none; width:94.4%; margin:0 2.8%;}

.page .content .con_l .new_tt h2{ font-size:20px;}
.page .content .con_l .new_tt .fl_title{ font-size:20px;}



/***********************************************into css start***********************************************/
.page .into .con_l .lin{ padding-left:0; padding-right: 0; }
.page .into .con_l .in_bof .in_cl{ float: none; width:100%;font-size:20px; }
.page .into .con_l .in_bof .in_pl{float: none; padding-top:30px; width:100%; text-align: center;}
.page .into .con_l .in_bof .in_p2{ font-size: 18px;}


.cha_tpls{font-size:1.625rem; line-height:120%; padding-bottom:1.8rem;}
.page .charater .con_l .into_bbn{ line-height:200%;padding-bottom:3.2rem; letter-spacing:-1px;}
.page .charater .con_l .into_bbn a{ display:inline-block;}
.page .charater .con_l .in_tl{ font-size:2rem;}


.page .charater .con_l .in_bof .in_bp{float:none; padding:5px 0% 0 0; width:100%;}
.page .charater .con_l .in_bof .in_bh{float:none; padding-top:1rem; padding-bottom:1.75rem;width:100%;font-size:1.25rem;line-height:137.5%;font-weight: 400;}
.page .charater .con_l .in_bof .in_bh h3{ padding-bottom:1rem; font-size:1.5rem;}
.page .charater .con_l .in_tfl{ font-size:1.625rem; padding:1.625rem 0 0.9rem 0;}



/***********************************************into css end***********************************************/



/***********************************************toukou css start***********************************************/
.page .toukou .top_ph {width:94.4%; margin:0 2.8%;}
.page .toukou .mobile_mar{ width:94.4%; margin:0 2.8%;}

.page .toukou .rebanlist{ text-align:center;}
.page .toukou .mobile_mar .rebanlist .re_btn{ float:none; display:inline-block;width:140px;}
.page .toukou .mobile_mar .rebanlist .re_btn a{padding:5px 0px; width:140px; text-align:center; }

.page .toukou .mobile_mar .to_conin{width:94.4%; margin:0 2.8%;}


/***********************************************toukou css end***********************************************/



/***********************************************cristmas css start***********************************************/
.page .newyear .mobile_mar{ width:94.4%; margin:0 2.8%;}
/***********************************************cristmas css end***********************************************/






/***********************************************special css start***********************************************/
.special .sp_text{ font-size:20px;} 
.special .sp_mbox{ padding:2.3% 0 1.5% 0;margin:0 3.125%;} 
.special .sp_tbox{ background:url(../images/special/tbox_bg.jpg) 0 0 repeat; font-size:18px; line-height:150%;}
.special .sp_tn1{ width:auto; padding:4% 4% 0 4%; margin:0 3.125%;} 

.special .sp_mbox .sp_title{ margin:0 3.125%;}

.special .sp_m2{ float:none; width:auto; margin:0 3.125%; }
.special .sp_m3{ float:none; width:auto; margin:0 3.125%;}

.special .sp_m2 .sp_tbox,
.special .sp_m3 .sp_tbox{ padding:4%; min-height:100px;}

.special .sp_m2 .sp_tbox img{ width:92%; padding:2% 4%;}
.special .sp_m3 .sp_tbox img{ width:60%; padding:2% 20%;}

.special .sp_m3 .sp_tbox .st_text{ width:100%; float:none;}
.special .sp_m3 .sp_tbox .st_ph{ width:100%; float:none;} 

.special .sp_m4{ width:92%; padding:4% 4% 0 4%;} 


/*--- 151021 ---*/
.special .sp_mbox .sp_tpl{ position:static; left:0; top:0; width:100%; padding-top:2.3%;}
.special .sp_mbox .sp_tpr{ margin-left:0%;}
.special .sp_mbox .sp_banlink{ margin:3.5% 0 0 0;}

.sp_flin{ float:none; width:100%; margin-right:0; min-height:30px; padding-bottom:10px; }
.sp_flin .sp_fcom{border:2px solid #ff9400;padding:4.8% 1.6%;}
.sp_flin .sp_fcom p{ padding-top:5px;}

.special .sp_mbox .sp_tpl2{ position:relative; z-index:99;width:100%; padding-top:0%; font-weight:400;}
.special .sp_mbox .sp_tpl2 p{ width:100%;}
.special .sp_mbox .sp_tph3{ margin-top:0%;}


/*--- 151121 ---*/
.book_com{ width:29.5%; text-align:left; padding-right:3.1%; float:left; padding-bottom:15px;}
.ye_color{ font-size:14px;}

.chis_fl{ float:none; width:100%;}
.chis_rl{ float:none;width:100%;}

.sp_pre .sp_intex{ width:100%; padding:10px 0 10px 0; }
.sp_pre .pri_ci{width:59%;}
.sp_pre .sco_01{ width:59%;position: static; }
.sp_pre .sco_02{ width:41.6%;position: absolute; left:60%; top:auto; bottom:0; margin-bottom:-7.5%;}

.spandtwo .sp_intex{ width:50%; padding:10px 0 3.25% 0; font-size:16px; font-weight:400; line-height:135%;}
.spandtwo .sco_01{ width:49%;position:absolute;  left:51%; top:19.3%; }
/*--- 151121 ---*/


/*--- 151221 ---*/
.cri_ptfoc{ margin-top:-3%;}
.cri_ptfoc .cribo_ioc{ float: none; font-weight:400; padding:0 5% 0 22.5%; width:auto;}
.cri_ptfoc .ban_buy{ float: none; width:auto; padding:0 5%; text-align:center;}
.bor_mod2{border:none; padding:18px 0; margin-top:0; }
.boin_mod2{ padding:0 0%;}
.crimtext{margin:5px 0 10px 8.3%;}
/*--- 151221 ---*/



/*--- 160121 ---*/
.crileftmob{ width:100%;}
.cribo_ioc1601{ position:static; width:100%; margin:0;}
.cribo_ioc1601 img{ max-width:70%;}

.spinfoline{ width:100%; }
.oldban{ padding:15px; margin-top:4.14%;  font-size:18px;}

/*--- 160121 ---*/



/*--- 160221 ---*/
.iph_t{ display:none;}
/*--- 160221 ---*/


/*--- 161214 ---*/
.fl_m1612{float:none; width:100%; padding:3% 0 0 0;}
.ri_m1612{float:none; width:100%;}


/*--- 161214 ---*/






/***********************************************special css end***********************************************/




/***********************************************dbsuper css start***********************************************/
.dbsuper .top_ph{ padding:0 2%;}
.dbs_text{ text-align:center; padding:2%; font-size:1.33em;}
.dbs_ban{ text-align:center; font-size:1.33em;}
.dbs_ht{font-size:2em; margin:0 2%; }
.mob_dbs{ margin:0 2% 0 2%; position:relative;}
.ph_left{ float:left; width:44.4%;}
.tt_right{ float:left; padding:0 0 0 2.8%;width:52.8%; font-size:1.16em; }
.tt_right h3{ font-size:1.28em; line-height:130%;}

.ban_block a{ font-size:1.5rem; line-height:105%; padding:5px 25px; }



.banner_mob{ position: static; width:100%; padding-top:2.7%;}
.clobh{ color:#e60000; font-size:16px;}
.ban_tab{ padding-top:3.08%; }
.ban_tab a.bann_01{width:45.4%; padding-right:2.5%; }
.ban_tab a.bann_02{width:52.1%; }



.mob_bantt{padding:1.5% 0 1.5% 0%; font-size:1.16em; margin:5% 2% 0 2%;}



.f_title{width:16.94%;top:0; left:-1px;}
.ban_tit{ font-size:1.175em; line-height:140%; color:#e60000;width:44.3%; padding-left:18.75%; }
.ban_tit b{ font-size:1.175em;}

.banntt_text{width:62.5%; padding:4.5% 0 4.54% 0;}

.ban_f01{padding-left:0%; width:100%;}
.ph_l01{ position:absolute; top:auto; bottom:0; right:0%; width:38.19%; margin:0;}


.mob_oldban{ margin:6% 2% 0 2%;}
.mob_oldban dl{ float:none; margin:0 0 4.17% 0; width:95%; padding:2.5%; background:#e6e6e6;}

.mob_oldban dl:nth-child(2n){ margin-left:0%;}

.mob_oldban dl dt{ float:left; margin-left:4.8%; width:29.1%;}
.mob_oldban dl dd{ float:left; width:66.1%; padding-top:3%;}
.mob_oldban dl dd b{ font-size:18px;font-size:1.28rem; line-height:133%; color:#e60000; }
.mob_oldban dl dd p{ font-size:14px;font-size:1.06rem; line-height:140%; padding-top:8%; font-weight:400; }

.ban_b01{ clear:both;  float:none; padding:4.2% 0 2.9% 0%;width:100%; }

.mob_bantt2{ margin:0 2%;}
.bant_box{ float:none; width:100%; margin-right:0; margin-bottom:4.2%;}
.tmf .tmf_ta img{ max-width:60%;}





/***********************************************dbsuper css end***********************************************/








.mo_hide{ display:none!important;}


}



@media screen and (max-width: 540px) {


/***********************************************into css start***********************************************/
.page .into .con_l .in_bof .in_bp{ width:25%;}
.page .into .con_l .in_bof .in_bh{ width:70%; }
.page .into .con_l .in_bof .in_cl{ float: none; width:100%;font-size:16px; }
.page .into .con_l .in_bof .in_p2{ font-size: 15px;}

.page .charater .con_l .in_bof .in_bp{width:100%;}
.page .charater .con_l .in_bof .in_bh{width:100%;}

}

@media screen and (max-width: 480px) {
html,body{ font-size:12px;}

/***********************************************into css start***********************************************/
.page .into .con_l .in_bof .in_bp{ width:26%;}
.page .into .con_l .in_bof .in_bh{ width:69%; }
.page .into .con_l .in_bof .in_cl{ float: none; width:100%;font-size:14px; }
.page .into .con_l .in_bof .in_p2{ font-size: 14px;}
.page .into .con_l .in_bof .read_more a{ padding:7px 50px;}

.page .charater .con_l .in_bof .in_bp{width:100%;}
.page .charater .con_l .in_bof .in_bh{width:100%;}


/***********************************************news css start***********************************************/
.page .content .con_l .new_tt .fl_box{ overflow:auto;}
.page .content .con_l .new_tt .fl_box dd{float:none; width:98%; padding:0 0% 1% 0;}
.page .content .con_l .new_tt .fl_box dt{float:none; width:96%; border:1px solid #000; padding:1%;}

.page .content .con_l .new_tt h2{ font-size:18px;}
.new_tt .m_hide:first-child{ font-size:18px;}
.page .content .con_l .new_tt .fl_title{ font-size:18px;padding:5px;}

/***********************************************cristmas css start***********************************************/
.page .cristmas .cri_tbn{ width:60%; margin:1.5% 0 0 20%;}
.page .cristmas .con_r{ float:none;width:94%; margin:0 1.8%;}
.page .cristmas .cbor_f40{border:6px solid transparent; border-right:25px solid #da0000; margin-left:-35px;}
.page .cristmas .cri_goodsin .cbor_f40{border:8px solid transparent; border-right:30px solid #da0000; margin-left:-40px;}
.page .cristmas .cri_phac2{ width:40%;padding: 0 1.5% 0 0;}
.page .cristmas .cri_goodsin .cri_text{ width:50%; margin-left:5%;}


}
@media screen and (max-width: 440px) {
html,body{ font-size:11px;}
/***********************************************into css start***********************************************/
.page .into .con_l .in_bof .in_bp{ width:27%;}
.page .into .con_l .in_bof .in_bh{ width:68%; }


.page .charater .con_l .in_bof .in_bp{width:100%;}
.page .charater .con_l .in_bof .in_bh{width:100%;}




/***********************************************cristmas css start***********************************************/
.page .cristmas .cri_tipc{ margin-bottom:0;}
.page .cristmas .con_bn{margin:3.5% 1.8%;}
.page .cristmas .cr_bn1{font-size:16px; margin-top:3.5%;}


/***********************************************toukou css start***********************************************/
.page .toukou .mobile_mar .to_conin .s_tit{ font-size:16px;}

}
@media screen and (max-width: 360px) {
.page .newyear .ny_fotxt{font-size:22px;}





}
@media screen and (max-width: 340px) {

/***********************************************into css start***********************************************/
.page .into .con_l .in_bof .in_bp{ width:30%;}
.page .into .con_l .in_bof .in_bh{ width:65%; }
.page .into .con_l .in_bof .buy_in{ padding: 5px 0}
.page .into .con_l .in_bof .in_p2{ font-size: 12px;}

.page .charater .con_l .in_bof .in_bp{width:100%;}
.page .charater .con_l .in_bof .in_bh{width:100%;}


}
@media screen and (max-width: 320px) {
html,body{ font-size:10px;}
	
.page .content .con_l .new_tt h2{ font-size:16px;}
.new_tt .m_hide:first-child{ font-size:16px;}
.page .content .con_l .new_tt .fl_title{ font-size:16px;}
	
/***********************************************cristmas css start***********************************************/
.page .cristmas .cri_tbn{ width:70%; margin:1.5% 0 0 15%;}
.page .cristmas .cr_bn1{font-size:14px; margin-top:3.5%;}
.page .cristmas .cri_tit{ font-size:16px;margin:5.5% 1.8% 1.5% 1.8%;}
.page .cristmas .cbor_f40{border:6px solid transparent; border-right:25px solid #da0000; margin-left:-35px;}
.page .cristmas .cri_goodsin .cbor_f40{border:8px solid transparent; border-right:25px solid #da0000; margin-left:-30px;}

/***********************************************special css start***********************************************/
.special .sp_text{ font-size:16px;} 
.special .sp_tbox{ font-size:16px;}


.page .toukou .mobile_mar .rebanlist .re_btn{ float:none; display:inline-block;}
.page .toukou .mobile_mar .rebanlist .re_btn a{ padding:5px 0px; width:140px; text-align:center; }


}