@charset utf-8;
/* CSS Document */
body{margin:0;padding:0;font-size:13px;line-height:1.6em;font-family:'ＭＳ Ｐゴシック', 'MS P Gothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, sans-serif, verdana, Arial, Tahoma, Helvetica, sans-serif;height:100%;width:100%;color:#555;}
html,body,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,img{margin:0;padding:0;-webkit-text-size-adjust:none;}
html{-webkit-text-size-adjust:none;}
ul,ul li,dl,dt,dd{list-style:none;}
ol{list-style-type:decimal;list-style-position:outside;}
img{border:0;vertical-align:middle;}
input,textarea,select{ font-family:'Segoe UI',Arial,Helvetica,sans-serif; outline:none; color:#666;}
input[type='checkbox']{ vertical-align:text-top;}
a,a:link{color:#444;text-decoration:none;}
a:hover{color:#F30;text-decoration:underline;}
a,area{blr:expression(this.onFocus=this.blur());}
/* for IE */:focus{-moz-outline-style:none;}
body{background:#c51732 url(body_bg.gif) no-repeat center 0;}

/*==== Share ====*/
.clr, .clear, .clearer{ clear:both; height:0; overflow:hidden;}
.clearFix{clear:both;font-size:0;height:0;line-height:0;}
.re{ position:relative;}
.fl{float:left;}
.fr{float:right;}
.ar{text-align:right}
.ac{text-align:center;}
.wrap{width:1000px;margin:0 auto;}
.mt5{margin-top:5px;}.mt10{margin-top:10px;}.mt15{margin-top:15px;}.mt60{margin-top:60px;}
.mr10{margin-right:10px;}

/*==== btn ====*/
.freebtn{display:block;background:#438e06;font-size:32px; text-align:center;width:240px;height:52px;line-height:52px;text-decoration:none !important;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;color:#fff !important;}
.freebtn:hover{background:#50ad04; text-decoration:none;}
.redbtn1{display:block;background:#c51732;font-size:32px; text-align:center;width:240px;height:52px;line-height:52px;text-decoration:none !important;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;color:#fff !important;}
.redbtn1:hover{background:#e01b3a; text-decoration:none;}
.subbtn{display:block;background:#438e06;font-size:14px; text-align:center;width:84px;height:30px;line-height:30px;text-decoration:none !important;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;color:#fff !important;}
.subbtn:hover{background:#50ad04; text-decoration:none;}
.redbtn2{display:block;background:#c51732;font-size:16px; text-align:center;width:130px;height:38px;line-height:38px;text-decoration:none !important;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;color:#fff !important;}
.redbtn2:hover{background:#e01b3a; text-decoration:none;}
.redbtn3{display:block;background:#c51732;font-size:24px; text-align:center;width:168px;height:42px;line-height:42px;text-decoration:none !important;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;color:#fff !important;}
.redbtn3:hover{background:#e01b3a; text-decoration:none;}
.redbtn4{display:block;background:#c51732;font-size:16px; text-align:center;width:116px;height:30px;line-height:30px;text-decoration:none !important;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;color:#fff !important;}
.redbtn4:hover{background:#e01b3a; text-decoration:none;}
.greenbtn4{display:block;background:#438e06;font-size:16px; text-align:center;width:116px;height:30px;line-height:30px;text-decoration:none !important;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;color:#fff !important;}
.greenbtn4:hover{background:#50ad04; text-decoration:none;}

/*==== top_banenr ====*/
.top_banner{background:url(banner_bg.jpg) no-repeat center 0;height:480px;}
.top_banner .wrap{height:400px;}
.top_banner .logo{float:left;padding:15px 0 0 10px;}
.top_banner .logo a{display:block;background:url(logo.png) no-repeat;width:224px;height:20px;text-indent:-9999px;}
.top_banner .share{float:right;width:300px;padding:15px 10px 0 0;}
.top_banner .menu{width:1032px;height:81px;margin:0 auto; background:url(nav_bg.png) no-repeat;}
.top_banner .menu.bg2{ background-position:0 -81px;}
.top_banner .menu li{float:left;display:block;}
.top_banner .menu li a{display:block;width:516px;height:70px; text-indent:-9999px;}

/*==== main ====*/
.main{ background:#fff; border-radius:0 0 15px 15px;width:940px;margin:0 auto;padding:0 30px 90px 30px;}
.main .top_txt{ line-height:1.8em;}
.main .title1{background:url(title1.png) no-repeat center 0;height:64px;margin-top:40px; text-indent:-9999px;}
.main .title2{background:url(title2.png) no-repeat center 0;height:58px;margin-top:40px; text-indent:-9999px;}
.main .title3{background:url(title3.png) no-repeat center 0;height:64px;margin-top:40px; text-indent:-9999px;}

.probox1{ background:url(bg1.gif) no-repeat;}
.probox1 .lbox{float:left;width:584px;height:368px;}
.probox1 .lbox .free{width:133px;height:104px; position:absolute;top:0;left:0;}
.probox1 .lbox .pic{float:left;width:208px;padding:50px 0 0 15px;}
.probox1 .lbox .pic .munbox{border:1px solid #abd8ba; background:#d1ecda;margin-top:15px;}
.probox1 .lbox .pic .munbox .t_txt{padding:10px; text-align:center;}
.probox1 .lbox .pic .munbox .t_txt span{display:block;font-size:23px;padding-top:5px;}
.probox1 .lbox .pic .munbox .b_txt{border-top:1px solid #abd8ba; text-align:center;padding:10px;}
.probox1 .lbox .text{float:left;width:300px;padding:45px 0 0 20px;}
.probox1 .lbox .text h3 a{ font-size:24px; font-weight:normal; line-height:1.2em;}
.probox1 .lbox .text h3 span{ font-size:18px;display:block;font-weight:normal;}
.probox1 .price{height:30px;padding:15px 0 10px 0; line-height:30px;}
.probox1 .iptbox{display:block;}
.probox1 .iptbox .iptstyle{border:1px solid #e1e1e1;width:222px;height:32px; line-height:32px; outline:none;color:#999; font-size:14px;padding:0 8px;}
.probox1 .rbox{float:left;width:326px;padding:50px 0 0 30px;}
.probox1 .rbox .off{width:144px;height:112px; position:absolute;top:10px;right:0;}
.probox1 .rbox h3 a{ font-size:24px; font-weight:normal; line-height:1.2em;}
.probox1 .rbox h3 span{ font-size:18px;display:block;font-weight:normal;}
.probox1 .note{float:left;width:584px;margin-top:25px;}
.probox1 .note strong{display:block; font-size:18px; line-height:1.5em;}
.probox1 .com{float:right;width:336px;margin-top:25px; font-size:14px; line-height:1.4em;}
.probox1 .com strong{ font-size:18px;}
.probox1 .iptbox .iptstyle2{border:1px solid #e1e1e1;width:222px;height:28px; line-height:28px; outline:none;color:#999; font-size:14px;padding:0 8px;}
.probox1 .iptbox .iptstyle3{border:1px solid #e1e1e1;width:178px;height:28px; line-height:28px; outline:none;color:#999; font-size:14px;padding:0 8px;}

.probox2{ background:#f2f2f2;}
.probox2 .box1{float:left;width:415px;}
.probox2 .box1 .pic{float:left;padding:50px 0 0 25px;}
.probox2 .box1 .text{float:left;width:230px;padding:50px 0 0 15px;}
.probox2 .box1 h3 a{ font-size:22px; font-weight:normal; line-height:1.2em;}
.probox2 .box1 h3 span{ font-size:18px;display:block;font-weight:normal;}
.probox2 .box2{ background:#e1e1e1;float:left;width:250px;height:250px;}
.probox2 .box2 .tit{ text-align:center; font-size:18px; line-height:50px;}
.probox2 .box2 .item{ position:absolute;width:240px;height:70px;padding:30px 0 0 30px;left:-10px; cursor:pointer;}
.probox2 .box2 .item .dot{ font-size:14px; background:url(dot.png) no-repeat; line-height:18px;padding-left:25px;}
.probox2 .box2 .item .price{height:18px;padding:5px 0 0 25px; line-height:18px;}
.probox2 .box2 .item.curr{background:#d1ecda;}
.probox2 .box2 .item.curr .dot{background-position:0 -18px;}
.probox2 .box3{float:left;width:235px;padding:45px 0 0 40px;}
.probox2 .box3 .btnk{margin-top:20px;width:168px;}

.probox3{margin-top:20px;}
.probox3 .item{width:440px;}
.probox3 .item .pic{float:left;width:120px; position:relative; text-align:right;}
.probox3 .item .pic .tips{ position:absolute;width:84px;height:84px;left:-5px;bottom:-30px;}
.probox3 .item .text{float:right;width:300px;}
.probox3 .item .text h3{font-size:20px;font-weight:normal;color:#444; cursor:pointer;line-height:1.2em;}
.probox3 .item .text h3 a{ font-size:20px; font-weight:normal; line-height:1.2em;}
.probox3 .item .text h3 span{ font-size:12px;display:block;font-weight:normal;}
.probox3 .item .text .btnk{float:left;width:116px;margin-top:10px;}

.popbox{width:880px; background:url(black_bg.png) repeat;color:#fff;padding:40px 30px; position:absolute;top:110px;left:30px; display:none;}
.popbox .close{ background:url(close.png) no-repeat;width:38px;height:38px;float:right; cursor:pointer;margin:-30px -20px 0 0;}
.popbox .pic{float:left;}
.popbox .text{float:left;width:380px;padding-left:30px;}
.popbox .text h3{ font-size:18px; line-height:50px;}

.totop {display: none;background: url(totop.png) no-repeat;position: fixed;z-index: 2;width: 50px;height: 50px;bottom: 30px;right: 20px;font-size: 16px;text-indent: -9999px;}

.footer{width:1000px;margin:0 auto;padding:40px 0;color:#fff; line-height:1.8em;}
.footer a{color:#fff;}

/*==== share ====*/
.s_menu{ position:fixed;top:200px; left:50%; margin-left:520px; background:url(s_menu_bg.png) no-repeat;width:113px;height:251px;}
.s_menu ul{padding-top:55px;}
.s_menu li{height:50px;padding-top:10px;text-align:center; font-size:16px; font-weight:bold;}
.s_menu li:hover,.s_menu li.curr{ background:#4b7e15;color:#fff;}
.s_menu li:hover a,.s_menu li.curr a{color:#fff;display:block;height:60px;text-decoration:none;}