body{ margin:0px; padding:0px; font-size:16px; line-height:24px; color:#333; font-family:"Noto Sans TC","Microsoft YaHei","system-ui"; background:#fff; letter-spacing:0.5px;}
ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px; font-weight:normal;}
ul,li{ list-style:none;}
img{border:0px; padding:0px;}
.pic{ text-align:center;}
.pic img{ border:0px; padding:0px; width:auto; max-width:100%; max-height:100%;}
.div_l img{border:0px; padding:0px; width:auto; max-width:100%; max-height:100%;}
a{ color:#333; text-decoration:none; transition: all 0.3s linear 0s;}
a:hover{ text-decoration:none; color:#5bab32;}
input,textarea,select{ font-size:16px; color:#333; font-family:"Noto Sans TC","Microsoft YaHei", "system-ui"; border:0;outline:none;}
.clear{ clear:both;font-size:0px; line-height:0px;}
.div_l{ float:left;}
.div_r{ float:right;}
.content{ width:100%; max-width:1280px; margin:0px auto; overflow:hidden;}
.ny_com{ width:100%; max-width:850px; margin:0px auto; overflow:hidden;}
.top4{margin-top:4px;}
.top20{margin-top:20px;}
.error{color: red;  display:block;}


/*----------------------public--------------------------*/
.popup_tsk{ width:100%; position:fixed; text-align:center; left:0%; top:40%; z-index:9; overflow:hidden; display:none;}
.popup_tsk p{ padding:6px 20px; display:inline-block; font-size:14px; color:#fff; background:#f79a23; border-radius:5px; -moz-border-radius:5px;}

.loading{ width:100%; height:100%; position:fixed; left:0px; top:0px; background:rgba(0, 0, 0, 0.1); z-index:9; -moz-user-select:none; -khtml-user-select: none; user-select:none; display:none;}
.loading_c{ width:110px; height:85px; padding-top:20px; position:fixed; left:50%; margin-left:-55px; top:45%; background:rgba(0, 0, 0, 0.5); border-radius:10px; -moz-border-radius:10px;}
.loading span{ width:100%; height:65px; text-align:center; text-indent:5px; color:#fff; display:block; background:url(../images/loading.gif) center bottom no-repeat;}
.loading span p{ color:#fff;}

.mobile_ico{ display:none;}
.head{ width:100%; line-height:55px; background:#666; position:fixed; left:0; top:0; z-index:2;}
.head .div_l a{ display:block; float:left; font-size:14px; color:#b5b5b5; margin-right:15px; letter-spacing:1px}
.head .div_l a:hover{ color:#fff; text-decoration:underline;}
.head .div_r a{ display:block; float:left; font-size:14px; color:#fff; margin:0 6px;}
.head .div_r .login{ padding-left:25px; background:url(../images/login_ico.png) 0 15px no-repeat; background-size:20px auto;}
.head .div_r .cart{ width:30px; margin:0 0 0 5px; height:55px; background:url(../images/cart_ico.png) left center no-repeat; background-size:20px auto; position:relative;}
.head .div_r .cart span{ padding:0 5px; height:18px; line-height:18px; font-size:12px; color:#000; display:block; background:#fdbe00; border:1px solid #fff; position:absolute; right:0; top:10px; border-radius:360px; -moz-border-radius:360px;}

.head_id{ font-size:0; line-height:0; background:#3d55cf; margin-top:55px;}

.top_bg{ height:80px;}
.top{ width:100%; z-index:9; background:#fff; padding:15px 0; line-height:33px; box-shadow:0 3px 8px #efefef; -webkit-box-shadow:0 3px 8px #efefef; -moz-box-shadow:0 3px 8px #efefef; position:relative;}
.top.hov{ position:fixed; left:0; top:55px;}
.top .logo{ float:left; margin-top:5px;}
.top .logo img{ height:35px;}
.top .logo a{ font-size:0; line-height:0; display:block;}
.top .menu{ float:left; margin:8px 0 0 30px;}
.top .menu a{ color:#666; margin:0 8px;}
.top .menu a:hover,.top .menu a.active{ color:#5bab32;}
.top .search{ padding:0 5px; float:right; border:1px solid #dde2e5; border-radius:5px; -moz-border-radius:5px;}
.top .search .search_ico{ width:35px; height:40px; display:block; float:left; background:url(../images/search_ico.png) center no-repeat; background-size:25px auto;}
.top .search .text{ width:210px; float:left; line-height:40px; font-size:16px;}
.m_menu_bg{ width:100%; height:100%; background:rgba(0, 0, 0, 0.7); position:fixed; left:-100%; top:0; z-index:999; transition: all 0.3s linear 0s;}
.footer_menu{ display:none;}

.position{ padding:35px 0 20px; color:#999; border-bottom:1px solid #e1e1e1;}
.position span{ margin:0 5px;}

.return_top{ width:30px; height:30px; display:none; position:fixed; right:10px; bottom:25%; background:rgba(255, 255, 255, 0.7); border:1px solid #ddd; border-radius:360px; -moz-border-radius:360px; z-index:9;}
.return_top.hov{ display:block;}
.return_top img{ width:100%;}

.paging{ padding:40px 0 70px; text-align:center; overflow:hidden;}
.paging li{ display:inline-block;}
.paging li a{ width:40px; height:40px; line-height:40px; display:block;}
.paging li a.hov{ color:#fff; background:#5bab32;}
.paging li.jt_ico_l{ background:url(../images/jt_ico_l.jpg) center no-repeat; transition: all 0.3s linear 0s;}
.paging li.jt_ico_r{ background:url(../images/jt_ico_r.jpg) center no-repeat; transition: all 0.3s linear 0s;}
.paging li.jt_ico_l:hover{ background:url(../images/jt_ico_l_hov.png) center no-repeat;}
.paging li.jt_ico_r:hover{ background:url(../images/jt_ico_r_hov.png) center no-repeat;}

.mobile_footer{ display:none;}
.footer{ padding:25px 0; background:#3e4851;}
.footer .div_r{ float:left;}
.footer .div_r .logo{ font-size:0; line-height:0; padding-bottom:15px;}
.footer .div_r .logo img{ height:47px;}
.footer .div_r p{ padding:2px 0; font-size:14px; color:#fff; letter-spacing:2px}
.footer .div_r span{ margin-left:20px;}
.footer .div_r .ico{ padding-top:10px; font-size:0; line-height:0;}
.footer .div_r .ico a{ display:block; float:left; margin-right:10px;}
.footer .div_r .ico img{ width:30px;}

.footer .div_l{ float:right; color:#fff;}
.footer .div_l dl{ float:left; margin-right:125px; padding-top:65px;}
.footer .div_l dd{ font-size:18px; padding-bottom:10px;}
.footer .div_l dt a{ font-size:14px; color:#f2f4f3; line-height:30px;}
.footer .div_l dt a:hover{ text-decoration:underline;}

.copyright{ padding:15px 0; font-size:14px; text-align:center;}

 
.ny_banner{ width:1280px; margin:0 auto; text-align:center; font-size:0; line-height:0; background:#f2f8ea;}
.ny_banner img{ width:100%;}
.ny_banner_mobile{ display:none;}

.hot_paper{ padding:20px 0 10px; border-bottom:2px solid #e1e1e1;}
.hot_paper li{ padding:5px 0;}
.hot_paper a{ display:block; padding-left:30px; background:url(../images/hot_paper_ico.png) left center no-repeat;}

.list_menu{ padding-top:25px; height:45px;}
.list_menu li{ float:left; margin:0 10px 10px 0;}
.list_menu li a{ padding:0 30px; line-height:40px; display:block; border:1px solid #e5e5e5; border-radius:5px; -moz-border-radius:5px;}
.list_menu li a:hover,.list_menu li.hov a{ color:#fff; background:#5bab32; border-color:#5bab32; text-decoration:none;}
.list_menu li.hov:hover a{ border-color:#41881c; background:#41881c;}

.list_com{}
.list_com li{ width:-moz-calc(25% - 70px); width:-webkit-calc(25% - 70px); width:calc(25% - 70px); float:left; text-align:center; margin:60px 93px 0 0; position:relative;}
.list_com li:nth-child(4n+0){ margin-right:0;}
.list_com li .book_hot{ padding:0 15px 0 10px; line-height:30px; position:absolute; left:0; top:0; background:url(../images/book_hot.png) right center no-repeat; border-radius:5px 0 0 5px; -moz-border-radius:5px 0 0 5px;}
.list_com li .pic{ font-size:0; line-height:0; width:250px; height:270px;}
.list_com li .text{ height: 180px;}
.list_com li .text a{ display:block; color:#333;}
.list_com li .bookmark{ padding:15px 0 5px; font-size:14px; line-height:18px; color:#f79a23;}
.list_com li .bookmark p{ height:18px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden; text-overflow:ellipsis;}
.list_com li .author{ color:#666; white-space: nowrap; overflow: hidden;text-overflow: ellipsis;  }
.list_com li h3{line-height:20px; font-size:16px; margin-bottom:10px; transition: all 0.3s linear 0s; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis;}
.list_com li:hover h3{ color:#5bab32; }
.list_com li .bottom{ padding-top:15px; font-size:18px; line-height:35px; overflow:hidden;}
.list_com li .bottom span{ float:left; color:#d22020; font-weight:bold;}
.list_com li .bottom span s{ font-weight:normal; font-size:12px; color:#797979; margin-right:10px; text-decoration:none;}
.list_com li .bottom .cart{ width:40px; height:35px; float:right; display:block; background:url(../images/list_cart.png) center;}
.list_com li .bottom .cart:hover{ background:url(../images/list_cart_hov.png);}
.list_com li .bottom .cart_hov{ width:40px; height:35px; float:right; display:block; background:url(../images/list_empty.png); cursor:auto;}

.list_com2 li .bottom span s{ margin-left:10px; font-size:14px; text-decoration:line-through;}

.list_com_row{}
.list_com_row li{ width:auto; float:none; overflow:hidden; margin:35px 0 0;}
.list_com_row li .pic{ float:left; margin:0 45px 0 15px;}
.list_com_row li .text{ width:620px; float:left; text-align:left;}
.list_com_row li .introduce{ padding-top:10px;}
.list_com_row li .bookmark{ font-size:16px;}
.list_com_row li .bookmark p{ height:auto;}
.list_com_row li h3{ font-size:18px; padding-bottom:20px;}
.list_com li .bottom{ padding-top:10px; }
.list_com_row li .author{ font-size:14px;}
.list_com_row li .author span{ margin-left:20px;}
.list_com_row li .bnt{ position:absolute; right:20px; top:0;}
.list_com_row li .bnt a{ width:200px; margin-top:10px; line-height:43px; text-indent:75px; border-radius:5px; -moz-border-radius:5px;}
.list_com_row li .bnt .bnt_cart{ border:1px solid #5bab32; background:url(../images/bnt_cart.png)#5bab32 45px center no-repeat; color:#fff;}
.list_com_row li .bnt .bnt_cart:hover{ border-color:#41881c; background:url(../images/bnt_cart.png)#41881c 45px center no-repeat;}
.list_com_row li .bnt .bnt_collect{ background:url(../images/bnt_collect.png) 45px center no-repeat; border:1px solid #f6aa47; color:#f6aa47;}
.list_com_row li .bnt .bnt_collect:hover{ background:url(../images/bnt_collect_hov.png)#f6aa47 45px center no-repeat; border-color:#f6aa47; color:#fff;}
.list_com_row li .bnt .bnt_no{ background:url(../images/bnt_no.png) 45px center no-repeat; border:1px solid #e1e1e1; color:#666; cursor:auto;}


/*-----暢銷排行-----*/
.list_hotsell{ padding-bottom:100px; overflow:hidden;}
.list_hotsell .book_ranking{ min-width:35px; padding:0 10px 0 5px; height:40px; line-height:40px; font-size:24px; font-weight:bold; color:#fff; font-style:italic; position:absolute; left:0; top:0; background:#b5b5b5; border-radius:360px; -moz-border-radius:360px;}

.hotsell_book{ width:1100px; margin:50px auto 0; position:relative;}
.hotsell_book li{ width:240px; margin-top:42px;}
.hotsell_book li .pic img{ width:100%;}
.hotsell_book li .bnt a{ margin-top:10px; line-height:43px; line-height:43px; text-indent:30px; border-radius:5px; -moz-border-radius:5px;}
.hotsell_book li .bnt .bnt_cart{ border:1px solid #5bab32; background:url(../images/bnt_cart.png)#5bab32 30% center no-repeat; color:#fff;}
.hotsell_book li .bnt .bnt_cart:hover{ border-color:#41881c; background:url(../images/bnt_cart.png)#41881c 30% center no-repeat;}
.hotsell_book li .bnt .bnt_no{ background:url(../images/bnt_no.png) 45px center no-repeat; border:1px solid #e1e1e1; color:#666; cursor:auto;}
.hotsell_book li.hotsell_book1{ width:280px; margin:0; position:absolute; left:368px; top:0;}
.hotsell_book li.hotsell_book3{ float:right;}
.hotsell_book .book_ranking{ width:67px; height:67px; line-height:67px; font-size:32px; font-weight:bold; color:#fff; position:absolute; left:-20px; top:-20px;}
.hotsell_book li.hotsell_book1 .book_ranking, .hotsell_book_list_row  li.hotsell_book1 .book_ranking{ background:url(../images/hotsell_book1.png) center no-repeat;}
.hotsell_book li.hotsell_book2 .book_ranking, .hotsell_book_list_row  li.hotsell_book2 .book_ranking{ background:url(../images/hotsell_book2.png) center no-repeat;}
.hotsell_book li.hotsell_book3 .book_ranking, .hotsell_book_list_row  li.hotsell_book3 .book_ranking{ background:url(../images/hotsell_book3.png) center no-repeat;}
.hotsell_book li.hotsell_book1 .pic{ width:auto; height:377px;}
.hotsell_book li.hotsell_book2 .pic{ height:335px;}
.hotsell_book li.hotsell_book3 .pic{ height:335px;}
.hotsell_book_list_row{ padding-top:40px;}
.hotsell_book_list_row li .bottom .cart{ display:none;}
.hotsell_book_list_row .book_ranking{ left:20px;}
.hotsell_book.list_com li .text {height:250px}


/*-----熱門新書-----*/
.main_books{ padding:25px 0; border-bottom:1px solid #e1e1e1;}
.main_books .title{ margin-bottom:30px; padding-bottom:12px; text-align:center; font-size:27px; line-height:55px; color:#000;letter-spacing:15px;background:url(../images/title_bg.jpg) center bottom no-repeat;}
.main_books .div_l{ width:380px; float:left; text-align:center;}
.main_books .div_l img{ max-width:220px;}
.main_books .div_r{ width:-moz-calc(100% - 380px); width:-webkit-calc(100% - 380px); width:calc(100% - 380px); float:left; padding-top:20px;}
.main_books .div_r .bookmark{ color:#f59a23;}
.main_books .div_r h3{ padding:12px 0 15px; font-size:24px; line-height:28px;}
.main_books .div_r .bottom{ padding-top:20px; line-height:40px;}
.main_books .div_r .bottom span{ font-weight:bold; color:#d22020; font-size:18px;}
.main_books .div_r .bottom s{ font-size:14px; color:#797979; font-weight:normal; margin-left:10px;}
.main_books .div_r .text a{ margin-left:3px;}
.main_books .div_r .cart{ display:inline-block; margin-left:35px; padding:0 20px; color:#fff; background:#5bab32; border-radius:5px; -moz-border-radius:5px;}
.main_books .div_r .cart:hover{ background:#41881c;}
.main_books .div_r .ico_cart{ text-indent:30px; background:url(../images/bnt_cart.png) #5bab32 20px center no-repeat;}
.main_books .div_r .ico_cart:hover{ text-indent:30px; background:url(../images/bnt_cart.png) #41881c 20px center no-repeat;}

.com_menu{ padding:20px 0; overflow:hidden;}
.com_menu .arrange{ float:right; line-height:42px;}
.com_menu .arrange p{ float:left;}
.com_menu .arrange a{ width:27px; height:42px; display:block; float:left; cursor:pointer;}
.com_menu .arrange .arrange_s{ background:url(../images/arrange_ico01.jpg) center no-repeat;}
.com_menu .arrange .arrange_s.hov{ background:url(../images/arrange_ico01_hov.jpg) center no-repeat;}
.com_menu .arrange .arrange_h{ background:url(../images/arrange_ico02.jpg) center no-repeat;}
.com_menu .arrange .arrange_h.hov{ background:url(../images/arrange_ico02_hov.jpg) center no-repeat;}

.com_menu .sort{ float:right; margin:0 20px;}
.com_menu .sort .sort_box{ padding:0 40px 0 20px; height:40px; line-height:40px; text-align:left; font-size:16px; border:1px solid #e1e1e1; border-radius:5px; -moz-border-radius:5px; appearance:none; -moz-appearance:none; -webkit-appearance:none; background:url(../images/exclusive_down_3.png) right center no-repeat;}
.com_menu .menu{ float:right; line-height:40px; border:1px solid #e1e1e1; border-radius:5px; -moz-border-radius:5px; overflow:hidden;}
.com_menu .menu a{ display:block; float:left; padding:0 20px; cursor:pointer;}
.com_menu .menu a:hover,.com_menu .menu a.hov{ background:#5bab32; color:#fff;}

.com_menu2_bg{ position:relative; overflow:visible;}
.com_menu2_bg .com_menu{ padding:0; position:absolute; right:0; top:-52px;}
.search_menu .com_menu{ top:20px;}

/*-----系列進行式-----*/
.bookcate{ padding-top:55px;}
.bookcate_l{ width:200px; padding:20px 20px 0; float:left; border:1px solid #ddd; border-radius:5px; -moz-border-radius:5px;}
.bookcate_l h3{ font-size:18px; font-weight:bold; padding:0 0 15px 30px; background:url(../images/bookcate_l.png) left 3px no-repeat; background-size:20px auto; border-bottom:1px solid #ddd;}
.bookcate_l dl{}
.bookcate_l dd{ position:relative;}
.bookcate_l dd a{ display:block; line-height:50px; border-bottom:1px solid #ddd;}
.bookcate_l dl:last-child dd a,.bookcate_l dl:last-child.hov{ border:0;}
.bookcate_l dd s{width:20px; height:20px; display:block; background:url(../images/ico_down.png) right center no-repeat; position:absolute; right:0; top:15px; -webkit-transform:rotate(-90deg); transform:rotate(-90deg);}
.bookcate_l dt{ padding-left:20px; display:none;}
.bookcate_l dt a{ font-size:14px; color:#666; line-height:40px; display:block; border-bottom:1px solid #ddd;}
.bookcate_l dt a:last-child{ border:0;}
.bookcate_l dt a:hover, .bookcate_l dt a.hov{ color:#5bab32;}
.bookcate_l dl.hov{ border-bottom:1px solid #ddd;}
.bookcate_l dl.hov dd s{ -webkit-transform:rotate(0deg); transform:rotate(0deg);}
.bookcate_l dl.hov dt{ display:block;}
.bookcate_l dl:last-child dd{ border:0;}



.bookcate_r{ width:980px; float:right;}
.bookcate_r_book{ overflow:hidden; border-bottom:1px solid #ddd; padding-bottom:50px; min-height: 300px;}
.bookcate_r_book .pic{ float:left;}
.bookcate_r_book .pic a{ padding:20px 30px; display:block; font-size:20px; line-height:0; border:1px solid #ddd; border-radius:5px; -moz-border-radius:5px;}
.bookcate_r_book .pic img{ width:245px;}
.bookcate_r_book .text{ width:600px; float:right;}
.bookcate_r_book .text a{ display:block; color:#333;}
.bookcate_r_book .bookmark{ padding:15px 0; font-size:14px; line-height:18px; color:#f79a23;}
.bookcate_r_book .bookmark p{ height:36px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis;}
.bookcate_r_book h3{ line-height:30px; font-size:24px; margin-bottom:20px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis;}
.bookcate_r_book .introduce{ display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis;}
.bookcate_r_book .bottom{ padding-top:25px; font-size:18px; line-height:40px; overflow:hidden;}
.bookcate_r_book .bottom span{ float:left; color:#d22020; font-weight:bold;}
.bookcate_r_book .bottom span s{ font-weight:normal; font-size:14px; color:#797979; margin-left:10px;}
.bookcate_r_book .bottom .cart{ display:inline-block; margin-left:35px; padding:0 20px; color:#fff; font-size:16px; background:#5bab32; border-radius:5px; -moz-border-radius:5px;}
.bookcate_r_book .bottom .cart:hover{ background:#41881c;}
.bookcate_r_book .bottom .ico_cart{ text-indent:30px; background:url(../images/bnt_cart.png) #5bab32 20px center no-repeat;}
.bookcate_r_book .bottom .ico_cart:hover{ text-indent:30px; background:url(../images/bnt_cart.png) #41881c 20px center no-repeat;}


.bookcate_r .list_com{ overflow:hidden; min-height: 200px;}
.bookcate_r .list_com li{ width:180px; margin-right:80px;}
.bookcate_r .list_com li:nth-child(4n+0){ margin-right:0px;}
.bookcate_r .list_com li .pic,.bookcate_r .list_com li .pic img{ width:180px; margin:0 auto;}
.bookcate_r .list_com li .pic{ height:250px;}
.bookcate_r .list_com li h3.short{height:44px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden; width: 180px;}
.bookcate_r .list_com li .author{ width: 180px; }


/*-----書籍分類-----*/
.bcbox{ padding-top:10px;}
.bcbox .list_com{ margin-top:-60px;min-height:640px;}
.bcbox .list_com_row{ margin-top:-35px;}
.bcbox .bookcate_r .list_com_row li{ width:auto; float:none; margin-right:0;}
.bcbox .bookcate_r .list_com_row li .pic{ width:200px; height:auto;}
.bcbox .bookcate_r .list_com_row li .pic img{ width:100%;}
.bcbox .bookcate_r .list_com_row li .text{ width:400px; margin-left:50px;}
.bcbox .bookcate_r .list_com_row li .text .bookmark{ padding-top:0;}
.bookcate2_com .bookcate_l{ margin-top:130px;}
.bookcate_l_m{ display:none;}
.bookcate2_com .com_menu{ padding:10px 0 75px;}
.bookcate_l.set_list dl.hov a{ color:#5bab32 }




/*-----搜尋結果-----*/
.search_div{ padding-top:20px; line-height:40px;}
.search_div .select_all{ display:block; float:left; cursor:pointer;}
.search_div .select_all .gx{ width:17px; height:17px; display:block; float:left; margin:12px 5px 0 0;}
.search_div .cart{ width:130px; display:block; float:left; margin:0 30px 0 20px; text-align:center; color:#fff; background:#5bab32; border-radius:5px; -moz-border-radius:5px;}
.search_div br{ display:none;}
.search_div .cart:hover{ background:#41881c;}
.search_div span{ margin:0 5px;}

.list_com li .check_box{ text-align:left;}
.list_com li .check_box .gx{ width:17px; height:17px;}
.list_com_row li .check_box{ width:65px; height:260px; float:left; position:relative;}
.list_com_row li .check_box .gx{ position:absolute; left:25px; top:50%; margin-top:-7px;}


/*-----書目下載-----*/
.download{ padding:40px 0 20px; border-bottom:1px solid #ddd;}
.download dl{ overflow:hidden;}
.download dd{ width:80px; float:left;}
.download dt{ width:-moz-calc(100% - 80px); width:-webkit-calc(100% - 80px); width:calc(100% - 80px); float:left;}
.download p{ float:left;}
.download a{ display:inline-block; margin-right:25px; padding-right:28px; background:url(../images/download_ico.jpg) right center no-repeat;}
.download2{ padding:18px 0; line-height:42px;}
.download2 .sort_box{ padding:0 5px; height:40px; line-height:40px; margin-right:5px; font-size:16px; border:1px solid #e1e1e1; border-radius:5px; -moz-border-radius:5px;}
.download2 .bnt{ float:right;}
.download2 .bnt .bnt_search{ transition: all 0.3s linear 0s; padding:0 30px; height:40px; line-height:40px; text-align:center; color:#fff; border:1px solid #5bab32; background:#5bab32; border-radius:5px; -moz-border-radius:5px; cursor:pointer;}
.download2 .bnt .bnt_search:hover{ border-color:#41881c; background:#41881c;}
.download2 .bnt .bnt_export{ transition: all 0.3s linear 0s; padding:0 30px; height:40px; line-height:40px; text-align:center; color:#5bab32; border:1px solid #5bab32; background:#fff; border-radius:5px; -moz-border-radius:5px; cursor:pointer;}
.download2 .bnt .bnt_export:hover{ border-color:#5bab32; background:#5bab32; color:#fff;}

.list_com li .book_new{ color:#fff;}


/*-----最新得獎好書-----*/
.award_search{ margin-top:-1px; padding-bottom:20px; border-bottom:1px solid #ddd; background:#fff;}
.award_search .sort_box{ width:103px; float:left; padding:0 35px 0 10px; height:40px; line-height:40px; margin-right:5px; font-size:16px; border:1px solid #e1e1e1; border-radius:5px; -moz-border-radius:5px; appearance:none; -moz-appearance:none; -webkit-appearance:none; background:url(../images/exclusive_down_3.png) right center no-repeat;}
.award_search .sort_box_sb{ width:230px;}
.award_search .text{ min-width:565px; text-indent:35px; padding:0 5px; height:38px; line-height:38px; font-size:16px; border:1px solid #e1e1e1; background:url(../images/award_ico.jpg) 8px center no-repeat; border-radius:5px; -moz-border-radius:5px;}
.award_search .text_sb{ min-width:305px;}
.award_search span{ float:left; line-height:40px; display:block; margin-right:4px;}

.award_search .bnt{ float:right;}
.award_search .bnt .bnt_search{ transition:all 0.3s linear 0s; padding:0 30px; height:40px; line-height:40px; text-align:center; color:#fff; border:1px solid #5bab32; background:#5bab32; border-radius:5px; -moz-border-radius:5px; cursor:pointer;}
.award_search .bnt .bnt_search:hover{ background:#41881c; border-color:#41881c;}
.award_search .bnt .bnt_export{ transition:all 0.3s linear 0s; padding:0 30px; height:40px; line-height:40px; text-align:center; color:#5bab32; border:1px solid #5bab32; background:#fff; border-radius:5px; -moz-border-radius:5px; cursor:pointer;}
.award_search .bnt .bnt_export:hover{ background:#5bab32; border-color:#5bab32; color:#fff;}

.com_menu .menu2{ float:left; border:0; border-radius:0px; -moz-border-radius:0px;}
.com_menu .menu2 a{ margin-right:10px; border-radius:5px; -moz-border-radius:5px; border:1px solid #ddd;}
.com_menu .menu2 a.hov{ border-color:#5bab32;}
.com_menu .menu2 a:hover{ border-color:#5bab32; background:#5bab32; color:#fff;}
.com_menu .menu2 a.hov:hover{ background:#41881c; border-color:#41881c;}

/*-----活動講座-----*/
.actdiv{}
.actdiv ul{ overflow:hidden; padding:40px 0 20px;}
.actdiv li{ float:left; margin-right:10px;}
.actdiv li a{ display:block; line-height:40px; padding:0 30px; border:1px solid #ddd; border-radius:5px; -moz-border-radius:5px;}
.actdiv li.hov a,.actdiv li a:hover{ background:#5bab32; border-color:#5bab32; color:#fff;}
.actdiv .box{}
.actdiv .box p{ float:left;}
.actdiv .box a{ float:left; padding-left:30px; margin-right:30px; color:#5bab32; background:url(../images/activity_ico3.jpg) left center no-repeat;}
.actdiv .box a:hover{ text-decoration:underline;}

.div_list{}
.div_list li{ width:-moz-calc(33.3% - 27px); width:-webkit-calc(33.3% - 27px); width:calc(33.3% - 27px); float:left; margin:50px 40px 0 0;}
.div_list li:nth-child(3n+0){ margin-right:0;}
.div_list li .pic{ font-size:0; line-height:0; margin-bottom:10px;}
.div_list li .pic img{ width:100%;}
.div_list li .box{ overflow:hidden; padding:2px 0; line-height:28px;}
.div_list li .box s{ float:left; margin-right:5px; line-height:0; font-size:0;}
.div_list li p{ margin:12px 0; font-size:18px; line-height:26px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis;}
.div_list li .label a{ display:block; color:#5bab32; margin-bottom:10px; padding-left:30px; background:url(../images/activity_ico3.jpg) left center no-repeat; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.div_list li span{ color:#999;}
.div_list li span.hov{ color:#f59a23;}
.div_list li .bnt{ width:220px; line-height:43px; display:block; margin-top:20px; text-align:center; color:#fff; border:1px solid #5bab32; background:#5bab32; border-radius:5px; -moz-border-radius:5px;}
.div_list li .bnt:hover{ background:#41881c;}
.div_list li .bnt_on,.div_list li .bnt_on:hover{ background:#fff; border:1px solid #ddd; color:#333;}


/*-----書籍主題活動頁-----*/
.event_bannner_bg{ max-width:1280px; margin:0 auto; padding:50px 0; text-align:center; background:#f2f8ea;}
.event_bannner{ padding:0 195px;}
.event_bannner h3{ font-size:16px;}
.event_bannner h2{ padding:20px 0; font-size:24px; line-height:30px; color:#5bab32; font-weight:bold;}
.event_bannner .text{ padding:35px 0;}
.event_bannner .text b{ color:#ff0000; font-size:24px; font-weight:normal;}
.event_bannner .text span{ color:#ff0000;}
.event_bannner .bnt_cart{ width:230px; margin:0 auto; line-height:55px;text-align:center; text-indent:40px; display:block; font-size:24px; color:#fff; background:url(../images/cart_ico.png) #5bab32 45px center no-repeat; background-size:28px auto; border-radius:5px; -moz-border-radius:5px;}
.event_bannner .bnt_cart:hover{ background:url(../images/cart_ico.png) #41881c 45px center no-repeat; background-size:28px auto;}

.event_com1{ border-bottom:1px solid #ddd; padding-bottom:60px; position:relative;}
.event_com .title{ margin-top:40px; padding-bottom:12px; text-align:center; font-size:27px; line-height:55px; color:#000;letter-spacing:15px;background:url(../images/title_bg.jpg) center bottom no-repeat;}

.event_com1 .com{ padding-top:60px; overflow:hidden;}
.event_com1 .com li{ width:50%; float:left;}
.event_com1 .com li:nth-child(4n+0){ margin-right:0;}
.event_com1 .com li .pic{ width:36%; float:left; margin:0 40px 0 70px; font-size:0; line-height:0;}
.event_com1 .com li .pic a{ display:block;}
.event_com1 .com li .pic img{ width:100%;}
.event_com1 .com li .text{ width:38%; float:left;}
.event_com1 .com li .text a{ display:block; color:#333;}
.event_com1 .com li h3{ line-height:20px; font-size:16px; padding:15px 0; transition: all 0.3s linear 0s;}
.event_com1 .com li:hover h3{ color:#5bab32;}
.event_com1 .com li .bookmark{ padding:15px 0 0; font-size:14px; line-height:18px; color:#f79a23;}
.event_com1 .com li .author{ color:#666;}
.event_com1 .com li .suitable{ color:#666; padding-bottom:20px; font-size:14px;}
.event_com1 .com li .bottom{ width:165px; padding-top:60px; line-height:35px; overflow:hidden;}
.event_com1 .com li .bottom span{ float:left; font-size:14px; color:#797979; margin-right:10px; text-decoration:none;}
.event_com1 .com li .bottom span b{font-size:18px; color:#d22020; font-weight:bold;}
.event_com1 .com li .bottom .cart{ width:40px; height:35px; float:right; display:block; background:url(../images/list_cart.png) center;}
.event_com1 .com li .bottom .cart:hover{ background:url(../images/list_cart_hov.png) center;}
.event_com1 .com li .bottom .cart_hov{ width:40px; height:35px; float:right; display:block; background:url(../images/list_empty.png); cursor:auto;}
.event_com1 .hd{ display:none;}

.event_com2{ padding:60px 0 50px;}
.event_com2 ul{ overflow:hidden;}
.event_com2 .div_l{ width:230px;}
.event_com2 .div_r{ width:310px; text-align:left; line-height:30px;}
.event_com2 .div_r p{ margin-bottom:35px;}
.event_com2 li{ width:230px; float:left; margin:0 38px; text-align:center;}
.event_com2 li .pic{ font-size:0; line-height:0; height:315px;}
.event_com9 li .pic{ height:330px;}
.event_com2 li .pic a{ display:block;}
.event_com2 li .text{}
.event_com2 li .text a{ display:block; color:#333;}
.event_com2 li h3{ line-height:20px; font-size:16px; margin:5px 0 15px; transition: all 0.3s linear 0s; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis;}
.event_com2 li:hover h3{ color:#5bab32;}
.event_com2 li .bookmark{ padding:15px 0 0; font-size:14px; line-height:18px; color:#f79a23;}
.event_com2 li .bookmark p{ height:20px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden; text-overflow:ellipsis;}
.event_com2 li .author{ color:#666;}
.event_com2 li .suitable{ color:#666; padding-bottom:20px; font-size:14px;}
.event_com2 li .bottom{ padding-top:10px; line-height:35px; overflow:hidden;}
.event_com2 li .bottom span{ float:left; font-size:14px; color:#797979; margin-right:10px; text-decoration:none;}
.event_com2 li .bottom span b{font-size:18px; color:#d22020; font-weight:bold;}
.event_com2 li .bottom .cart{ width:40px; height:35px; float:right; display:block; background:url(../images/list_cart.png) center;}
.event_com2 li .bottom .cart:hover{ background:url(../images/list_cart_hov.png) center;}
.event_com2 li .bottom .cart_hov{ width:40px; height:35px; float:right; display:block; background:url(../images/list_empty.png); cursor:auto;}

.event_com2 li.hov{ width:570px;}

.event_com3{ background:#717171; color:#fff; line-height:30px;}
.event_com3 p{ padding:60px 115px;}

.event_com4{ padding-bottom:25px;}
.event_com4 .com li{ width:auto; float:none;}
.event_com4 .com li .pic,.event_com4 .com li .text{ width:18%;}
.event_com4 .com li .div_l{ width:50%; float:left; margin-left:50px;}
.event_com4 .com li .div_l p{ margin-bottom:35px; line-height:30px;}

.event_com5{ padding:60px 0 60px 70px; overflow:hidden;}
.event_com5 .pic{ width:300px; float:left; line-height:0; font-size:0;}
.event_com5 .pic img{ width:100%;}
.event_com5 .text{ width:820px; float:right;}
.event_com5 .text p{ margin-bottom:35px; line-height:30px;}

.event_com6{ background:#717171; color:#fff; line-height:30px;}
.event_com6 .text{ padding:70px 180px;}
.event_com6 .text p{ padding:5px 0; padding-left:30px; background:url(../images/event_com6.png) left center no-repeat; background-size:20px auto;}

.event_com7 .com li h3{ padding-bottom:35px;}
.event_com7 .com li .bottom{ padding-top:35px;}

.event_com8{ border-bottom:1px solid #ddd;}
.event_com8 li{ width:325px; margin:0 20px 0 65px;}
.event_com8 li .pic{ height:465px;}
.event_com8 .hd{ display:none;}

.event_com10{ text-align:center;}
.event_com10 .pic{ font-size:0; line-height:0;}
.event_com10 .pic img{ width:100%;}
.event_com10 .text{ padding:20px 0 40px; font-size:18px;}

.event_com11{ padding:40px 0; background:#f5f5f5;}
.event_com11 .title{ font-size:18px; text-align:center;}
.event_com11 .com{ padding-top:30px;}
.event_com11 .com li{ width:-moz-calc(45% - 40px); width:-webkit-calc(45% - 40px); width:calc(45% - 40px); float:left; margin-left:40px; font-size:0; line-height:0;}
.event_com11 .com li img{ width:100%;}
.event_com11_js{ display:none;}


.event_com12 .com{ padding-left:11px;}
.event_com12 .com li{ width:-moz-calc(30% - 29px); width:-webkit-calc(30% - 29px); width:calc(30% - 29px); margin-left:29px;}

.event_com13{ padding-bottom:30px; margin-bottom:0;}
.event_com13 .com{ padding-left:20px;}
.event_com13 .com li{ width:-moz-calc(24% - 29px); width:-webkit-calc(24% - 29px); width:calc(24% - 29px); margin-left:20px; margin-bottom:20px;}


.event_com14{ width:1280px; margin:0px auto; position:relative; margin-bottom:50px;}
.event_com14 .bd{ margin:0px auto; position:relative; z-index:0;}
.event_com14 .bd li{ text-align:center;}
.event_com14 .bd li img{ width:100%;}
.event_com14 .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);/* 去掉链接触摸高亮 */}

.event_com14 .hd{ width:100%; height:1px; margin:0px auto;}
.event_com14 .hd ul{ width:100%; position:absolute; bottom:-30px; text-align:center;}
.event_com14 .hd li{ width:15px; height:15px; margin:0 1px; text-indent:10em; overflow:hidden; cursor:pointer; background:#d8d8d8; display:inline-block; border-radius:365px; -moz-border-radius:365px;}
.event_com14 .hd li.on{ background:#65a74f;}
.event_com14 .hd span{ width:30px; height:30px; position:absolute; top:50%; margin-top:-22px; cursor:pointer;}
.event_com14 .hd span img{ width:100%;}
.event_com14 .hd .prev{ left:20px;}
.event_com14 .hd .next{ right:20px;}
.event_com14_m{ display:none;}

.event_com15{ margin-bottom:30px;}
.event_com15 img{ width:100%;}
.event_com15 .text{ padding:45px 230px 60px; text-align:center;}
.event_com15 .text h3{ font-size:24px; line-height:30px; padding-bottom:15px;}
.event_com15 .text p{ line-height:30px;}


/*-----讀享生活-----*/
.reading1 .content{ overflow:visible; padding:40px 0 10px;}
.reading1 .pic{ width:-moz-calc(53% - 60px); width:-webkit-calc(53% - 60px); width:calc(53% - 60px); float:left; padding:20px; font-size:0; line-height:0; box-shadow:0 1px 5px #d8d8d8; -webkit-box-shadow:0 1px 5px #d8d8d8; -moz-box-shadow:0 1px 5px #d8d8d8;}
.reading1 .pic img{ width:100%;max-width:615px}
.reading1 .text{ width:47%; float:right;}
.reading1 .text h3{ font-size:24px; color:#4b7902; line-height:30px; padding-bottom:30px;}
.reading1 .text h3 a{color:#4b7902;}
.reading1 .text p{ padding-bottom:20px;}
.reading1 .text .bnt{ width:150px; line-height:40px; text-align:center; display:block; color:#fff; background:#5aaa31; border-radius:5px; -moz-border-radius:5px;}
.reading1 .text .bnt:hover{ background:#41881c;}

.reading2{}
.reading2 dl{ overflow:hidden; border-top:1px solid #ddd; margin-top:30px; padding-top:30px;}
.reading2 dd{ width:29%; float:left; font-size:0; line-height:0;}
.reading2 dd img{ width:100%; max-width:370px;}
.reading2 dt{ width:69%; float:right;}
.reading2 dt h3{ font-size:24px; color:#4b7902; line-height:30px; padding:10px 0 20px;}
.reading2 dt h3 a{color:#4b7902;}
.reading2 dt div{ color:#666;}
.reading2 dt span{ font-size:12px;}

.reading3 .title{ padding-bottom:12px; text-align:center; font-size:27px; line-height:55px; color:#000;letter-spacing:15px;background:url(../images/title_bg.jpg) center bottom no-repeat;}
.reading3 .com{ overflow:hidden; padding:45px 0;}
.reading3 .com li{ width:-moz-calc(25% - 15px); width:-webkit-calc(25% - 15px); width:calc(25% - 15px); float:left; margin:0 20px 5px 0; text-align:center;}
.reading3 .com li:nth-child(4n+0){ margin-right:0;}
.reading3 .com li .pic{ font-size:0; line-height:0;}
.reading3 .com li .pic img{ width:100%;max-width:305px;}
.reading3 .com li p{ line-height:55px;}
.reading3 .com li:hover p a{ color:#5bab32;}


/*-----書展套版-----*/
.fair_top{ padding:15px 0; background:#3e3417;}
.fair_top .logo{ font-size:0; line-height:0; float:left;}
.fair_top .search{ width:235px; margin:9px 15px 0 0; float:right; background:#564922; border:1px solid #9f9a8b; border-radius:45px; -moz-border-radius:45px;}
.fair_top .search .text{ width:195px; height:30px; float:left; color:#fff; text-indent:15px; line-height:30px; background:none;}
.fair_top .search .text::-webkit-input-placeholder{ color:#aba491;} 
.fair_top .search .bnt{ width:35px; height:30px; float:left; border:0; background:url(../images/ex_top_ico.jpg) center no-repeat; cursor:pointer;}
.fair_top .cart{ width:40px; height:40px; float:right; margin-top:5px; display:block; background:url(../images/cart_ico.png) left center no-repeat; background-size:25px auto;}
.fair_top .cart span{ float:right; min-width:15px; display:inline-block; text-align:center; color:#fff; font-size:14px; padding:0 5px; border-radius:365px; -moz-border-radius:365px; background:#F00;}

.footer2{ padding:40px 0 50px; background:#6b6144;}
.footer2 .div_l{ color:#f4eacd;}
.footer2 .div_l dl{ padding-top:0px;}
.footer2 .div_l dd{ padding-bottom:20px;}
.footer2 .div_l dt a{ color:#f4eacd;}
.footer2 .div_r p{ color:#f4eacd;}
.footer2 .div_r .ico a{ margin-right:5px;}

.fair_banner{ text-align:center; border-bottom:1px solid #ddd; padding-bottom:45px;}
.fair_banner .pic{ font-size:0; line-height:0;}
.fair_banner .pic img{ width:100%;}
.fair_banner h3{ font-size:24px; padding:40px 0 10px; line-height:30px;}
.fair_banner p{ color:#666;}


.fair_com{ padding-top:65px;}
.fair_com_l{ padding-top:5px;}

.fair_com_r{ width:990px; float:right;}
.fair_com_r .title{ font-size:24px; line-height:30px;}

.fair_com_r1{ border-bottom:1px solid #ddd; overflow:hidden;}
.fair_com_r1 .pic{ width:45%; font-size:0; line-height:0; float:left;}
.fair_com_r1 .pic img{ width:100%;}
.fair_com_r1 .text{ width:52%; float:right;}
.fair_com_r1 .text label{ padding-bottom:15px; display:block; font-size:14px; color:#f79a23;}
.fair_com_r1 .text h3{ font-size:24px; line-height:30px; padding-bottom:20px;}
.fair_com_r1:hover .text h3 a{ color:#198754;}
.fair_com_r1 .text span{ display:block;}
.fair_com_r1 .text em{ display:block; color:#666; font-style:normal;}
.fair_com_r1 .text b{ display:block; padding-top:20px; font-size:18px; color:#d22020;}
.fair_com_r1 .text .jg{ padding:10px 0 15px; font-size:20px; color:#d22020; font-weight:bold;}
.fair_com_r1 .text .jg s{ text-decoration:none; font-size:14px; color:#666; font-weight:normal;}
.fair_com_r1 .text .bnt{ overflow:hidden;}
.fair_com_r1 .text .bnt a{ width:135px; line-height:40px; float:left; display:block; text-align:center; color:#333; border:1px solid #ddd; border-radius:5px; -moz-border-radius:5px;}
.fair_com_r1 .text .bnt a.bnt_jj:hover{ color:#fff; background:#198754; border-color:#198754;}
.fair_com_r1 .text .bnt a.bnt_cart{ margin-left:10px; color:#fff; background:#198754; border-color:#198754;}
.fair_com_r1 .text .bnt a.bnt_cart:hover{ border-color:#086339; background:#086339;}
.fair_com_r1 .text p{ padding-top:20px;}

.fair_com_r2{ padding-bottom:20px;}
.fair_com_r2 .pic{ width:auto; float:none; padding-bottom:30px;}
.fair_com_r2 .text{ width:auto; float:none;}
.fair_com_r2 .text dl{ padding:10px 0;}
.fair_com_r2 .text dd{ font-size:18px; padding:10px 0;}
.fair_com_r2 .text dt{ padding-bottom:10px;}
.fair_com_r2 .text dl.red{ border-bottom:1px dashed #d6d6d6;}
.fair_com_r2 .text dl.red dd{ color:#ff0000;}
.fair_com_r2 .text dl.blue dd{ color:#198754;}

.fair_com_r3{ padding-top:45px; overflow:hidden;margin-bottom: 20px;}
.fair_com_r3 li{ width:245px; float:left; margin:0 42px; text-align:center;}
.fair_com_r3 .pic{ height:330px; font-size:0; line-height:0; margin-bottom:20px; text-align:center;}
.fair_com_r3 .pic img{ max-width:100%; max-height:100%;}
.fair_com_r3 .text{}
.fair_com_r3 .text label{ margin-bottom:5px; font-size:14px; line-height:20px; color:#f79a23; height:20px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden; text-overflow:ellipsis;}
.fair_com_r3 .text h3{ font-size:16px; line-height:24px; margin-bottom:15px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis;}
.fair_com_r3 li:hover h3 a{ color:#198754;}
.fair_com_r3 .text span{ display:block; color:#666;}
.fair_com_r3 .text em{ display:block; color:#666; font-style:normal;}
.fair_com_r3 .text .pbox{ padding-top:10px; font-size:14px;}
.fair_com_r3 .text b{ display:block; font-size:14px; color:#d22020; font-weight:normal;}
.fair_com_r3 .text .jg{ padding:2px 0; font-size:20px; color:#d22020; font-weight:bold;}
.fair_com_r3 .text .jg s{ text-decoration:none; font-size:14px; color:#666; font-weight:normal;}
.fair_com_r3 .text .jg i{ width:35px; display:inline-block; padding:3px 0; margin-right:2px; font-style:normal; font-size:16px; color:#333; background:#f8c131; border-radius:5px; -moz-border-radius:5px;}
.fair_com_r3 .text .bnt{ padding-top:20px; overflow:hidden;}
.fair_com_r3 .text .bnt a{ width:80px; line-height:40px; float:left; display:block; text-align:center; color:#333; border:1px solid #ddd; border-radius:5px; -moz-border-radius:5px;}
.fair_com_r3 .text .bnt a.bnt_jj:hover{ color:#fff; border-color:#198754; background:#198754;}
.fair_com_r3 .text .bnt a.bnt_cart{ width:150px; margin-left:10px; color:#fff; background:#198754; border-color:#198754;}
.fair_com_r3 .text .bnt a.bnt_cart:hover{ border-color:#086339; background:#086339;}
.fair_com_r3 .text p{ padding-top:10px; font-size:14px; color:#0096e0; line-height:20px; height:40px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis;}
.fair_com_r4 .text em{ padding-bottom:15px;}
.fair_com_r4 .text .bnt{ padding-top:15px;}

.fair_com_r .paging li.hov a{ background:#198754;}
.fair_com_r .paging li:hover a{ color:#198754;}
.fair_com_r .paging li.jt_ico_l:hover{ background:url(../images/jt_ico_l_hov2.png) center no-repeat;}
.fair_com_r .paging li.jt_ico_r:hover{ background:url(../images/jt_ico_r_hov2.png) center no-repeat;}


/*-----VIP會員直達方案-----*/
.vip_banner{ font-size:0; line-height:0; text-align:center;}
.vip_com1{ font-size:20px; padding:30px 0; text-indent:40px; line-height:30px; border-bottom:1px solid #ddd; background:url(../images/vip_com1.jpg) left center no-repeat;}

.vip_com2{ padding:30px 25px 20px;}
.vip_com2 h3{ font-size:24px; padding-bottom:15px;}
.vip_com2 p{ padding:2px 0;}


.vip_com3{ padding:30px 25px 0;}

.vip_titl{ font-size:24px; line-height:35px; padding-bottom:30px;}
.vip_titl span{ float:left; margin:2px 5px 0 0;}
.vip_cart_box{ width:100%; height:0px; position:fixed; bottom:50%; right:20px; z-index:9999;}
.vip_cart_box a{ float:right; display:block; line-height:0; font-size:0; padding:10px; background:#fff; box-shadow:0 0 8px #c1c1c1; -webkit-box-shadow:0 0 8px #c1c1c1; -moz-box-shadow:0 0 8px #c1c1c1; border-radius:365px; -moz-border-radius:365px;}


.vip_menu{ padding-bottom:5px;}
.vip_menu li{ float:left; padding-right:5px;}
.vip_menu a{ display:inline-block; line-height:40px; padding:0 30px; border:1px solid #ddd; margin-right:10px; border-radius:5px; -moz-border-radius:5px;}
.vip_menu a.hov,.vip_menu a:hover{ color:#fff; border-color:#5bab32; background:#5bab32;}
.vip_menu a.hov:hover{ border-color:#41881c; background:#41881c;}

.wrapper01 { width:100%; overflow:hidden; margin:0 auto;}
.wrapper01 a{ display:inline-block; line-height:40px; padding:0 20px; border:1px solid #ddd; margin-right:5px; border-radius:5px; -moz-border-radius:5px;}
.wrapper01  a.cur,.wrapper01 a:hover, .wrapper01 a.hov{ color:#fff; border-color:#5bab32; background:#5bab32;}

.vip_tip{ padding:30px 0;}
.vip_tip p{ padding:2px 0;}

.vip_com3 .com{ overflow:hidden;}
.vip_com3 .com li{ width:-moz-calc(20% - 36px); width:-webkit-calc(20% - 36px); width:calc(20% - 36px); float:left; margin:10px 45px 50px 0; text-align:center;}
.vip_com3 .com li:nth-child(5n+0){ margin-right:0;}
.vip_com3 .com .pic{ font-size:0; line-height:0; padding-bottom:20px; height:270px;}
.vip_com3 .com .text{}
.vip_com3 .com .text label{ margin-bottom:5px; font-size:14px; line-height:20px; color:#f79a23; height:20px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden; text-overflow:ellipsis;}
.vip_com3 .com .text h3{ font-size:16px; line-height:24px; margin-bottom:10px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis;}
.vip_com3 .com li:hover .text h3 a{ color:#41881c;}
.vip_com3 .com .text span{ display:block; color:#666;}
.vip_com3 .com .text em{ display:block; color:#666; font-style:normal;}
.vip_com3 .com .text b{ display:block; font-size:16px; padding:10px 0;}
.vip_com3 .com .text .bnt_cart{ display:block; text-align:center; text-indent:30px; line-height:40px; color:#fff; background:url(../images/bnt_cart.png) #5bab32 28% center no-repeat; border:1px solid #5bab32; border-radius:5px; -moz-border-radius:5px;}
.vip_com3 .com .text .bnt_cart:hover{ background:url(../images/bnt_cart.png)#41881c 28% center no-repeat; border-color:#41881c;}
.vip_com3 .com .text .bnt_no{ display:block; text-align:center; line-height:40px; color:#333; border:1px solid #ddd; border-radius:5px; -moz-border-radius:5px; background:#fff; cursor:auto;}

.vip_cart{}
.vip_cart_m{ display:none;}
.vip_cart thead{ line-height:45px; background:#cde6c1;}
.vip_cart thead th{ font-weight:normal;}
.vip_cart tbody{ text-align:center;}
.vip_cart tbody td{ padding:20px 0; border-bottom:1px solid #ddd;}
.vip_cart tbody td .red{ color:#F00;}
.vip_cart tbody td p{ padding-left:20px; text-align:left;}
.vip_cart tbody td .calc{}
.vip_cart tbody td .calc a{ width:35px; height:35px; line-height:32px; display:inline-block; text-align:center; font-size:20px; color:#333; font-weight:bold; border:1px solid #ddd; border-radius:365px; -moz-border-radius:365px;}
.vip_cart tbody td .calc .inputer{ width:30px; display:inline-block; text-align:center;}
.vip_cart tbody td.del{ cursor:pointer;}

.vip_js{ padding:40px 0; line-height:35px; text-align:right; border-bottom:1px solid #ddd;}
.vip_js span{ margin-right:18px;}
.vip_js span b{ color:#d31f20; margin-right:10px; font-size:18px;}
.vip_js span s{ font-size:14px; color:#666;}
.vip_js a{ width:145px; margin:0 2px; line-height:35px; display:inline-block; color:#fff; text-align:center; background:#5bab32; border-radius:5px; -moz-border-radius:5px;}
.vip_js a:hover{ background:#41881c;}


/*--------單書頁---------*/
.pack_book{ padding:60px 0 40px;}
.pack_book .content{ position:relative; overflow:visible;}
.pack_book .div_l{ width:33%; position:relative;}
.pack_book .div_l .bd{ font-size:0; line-height:0;}
.pack_book .div_l .bd li{ display:flex; align-items:center; justify-content:center;}

.pack_book .div_l img{ width:100%;}
.pack_book .div_l .pageState{ padding:0 15px; font-size:14px; color:#fff; border-radius:45px; -moz-border-radius:45px; position:absolute; right:10px; bottom:20px; background:#666;}
.pack_book .div_l .hd s{ width:30px; height:30px; display:block; cursor:pointer; position:absolute; top:50%; z-index:1;}
.pack_book .div_l .hd s.prev{ left:-35px;}
.pack_book .div_l .hd s.next{ right:-35px;}
.pack_book .div_l .hd s.prev.prevStop,.pack_book .div_l .hd s.next.nextStop{ display:none;}


.pack_book .div_r{ width:-moz-calc(67% - 370px); width:-webkit-calc(67% - 370px); width:calc(67% - 370px); float:left; margin-left:70px;}
.pack_book .div_r h4{ color:#f79a23; font-size:18px;}
.pack_book .div_r h1{ font-size:24px; line-height:30px; padding:10px 0;}
.pack_book .div_r h3{ color:#666;}
.pack_book .div_r .text{ padding-top:70px;}
.pack_book .div_r .text p{ padding:2px 0 2px 80px; position:relative;}
.pack_book .div_r .text p span{ width:80px; display:block; position:absolute; left:0; top:2px; color:#999; text-align:justify; -moz-text-align-last:justify;/* Firefox */text-align-last: justify; /* 标准语法 */-webkit-text-align-last:justify; /* Safari */text-justify:inter-word;/* 标准语法 */-ms-text-justify:inter-word;/* IE/Edge */}
.pack_book .div_r .text a{ text-decoration:underline;}

.pack_book .div_r .pbox{ padding-top:20px;}
.pack_book .div_r .pbox p span{ color:#333;}
.pack_book .div_r .pbox p b{ font-size:20px; color:#d31f20;}

.pack_book .div_r .book_act{ padding-top:30px;}
.pack_book .div_r .book_act h4{ padding-left:15px; margin-bottom:10px; color:#fff; font-size:18px; line-height:40px; background:#5bab32;}
.pack_book .div_r .book_act p{ padding:2px 0 2px 15px;}

.pack_book .div_r .keyword{ padding:15px 0 0 15px;}
.pack_book .div_r .keyword a{ color:#11b6ec; margin-right:15px;}
.pack_book .div_r .keyword a:hover{ text-decoration:underline;}
.pack_xx_book .div_r .keyword a{ color:#f79a23;}
.pack_xx_book .div_r .text{ padding-top:40px;}
.pack_xx_book .div_r .pbox{ padding-top:30px;}

.pack_book .pack_fd{ width:264px; position:absolute; right:0; top:0; z-index:1;}
.pack_book .pack_box{ padding:20px; border:2px solid #ddd; margin-bottom:20px;}
.pack_book .pack_box p span{ color:#d62e2f; margin:0 5px;}
.pack_book .pack_box .bnt{ padding-top:10px;}
.pack_book .pack_box .bnt a{ display:block; margin-top:10px; line-height:48px; text-indent:85px; border-radius:5px; -moz-border-radius:5px;}
.pack_book .pack_box .bnt .bnt_cart{ border:1px solid #5bab32; background:url(../images/bnt_cart.png)#5bab32 25% center no-repeat; color:#fff;}
.pack_book .pack_box .bnt .bnt_cart:hover{ border-color:#41881c; background:url(../images/bnt_cart.png)#41881c 25% center no-repeat;}
.pack_book .pack_box .bnt .bnt_collect{ background:url(../images/bnt_collect.png) 25% center no-repeat; border:1px solid #f6aa47; color:#f6aa47;}
.pack_book .pack_box .bnt .bnt_collect:hover{ background:url(../images/bnt_collect_hov.png)#f6aa47 25% center no-repeat; border-color:#f6aa47; color:#fff;}
.pack_book .pack_box .bnt .bnt_notice{ background:url(../images/bnt_notice.png) 25% center no-repeat; background-size:30px auto; border:1px solid #5bab32; color:#5bab32;}
.pack_book .pack_box .bnt .bnt_notice:hover{ background:url(../images/bnt_notice_hov.png) #5bab32 25% center no-repeat; background-size:30px auto; color:#fff;}
.pack_book .pack_box .bnt .bnt_no{ background:url(../images/bnt_no.png) 25% center no-repeat; border:1px solid #e1e1e1; color:#666; cursor:auto;}


.pack_book .pack_share{ text-align:center;}
.pack_book .pack_share a{ margin:0 5px;}

.pack_title{ height:55px; border-bottom:1px solid #ddd;}
.pack_title span{ display:inline-block; padding:0 10px; font-size:24px; color:#000; line-height:55px; margin-bottom:-1px; border-bottom:1px solid #5bab32;}

.default_height{ height:170px; overflow:hidden; position:relative;}
.default_height .white_bg{ width:100%; height:45px; background:url(../images/default_height_bg.png); position:absolute; left:0; bottom:-5px;}
.default_height.hov{ height:auto;}
.default_height.hov .white_bg{ display:none;}

.b_more_box{ padding-top:20px; margin-bottom:20px; text-align:center; cursor:pointer;}
.b_more_box span{ padding:0 20px; height:40px; display:inline-block; margin:0 auto; position:relative;}
.b_more_box span:hover{ color:#5bab32;}
.b_more_box span:after{ width:9px; height:5px; content:""; display:block; position:absolute; right:0; top:8px; background:url(../images/b_more_down.png);}
.b_more_box span:hover:after{ background:url(../images/b_more_down_hov.png);}
.b_more_box.hov span:after{ -webkit-transform:rotate(180deg); transform:rotate(180deg);}

.pack_com1{ border-bottom:1px solid #ddd; margin-bottom:20px;}
.pack_com1 .com{ margin:20px 10px 0;}
.pack_com1 .com li{ padding:5px 0;}
.pack_com1 .com li a{ padding-left:10px; display:block; position:relative; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.pack_com1 .com li a:after{ width:8px; height:8px; content:""; display:block; position:absolute; left:0; top:8px; background:#333; border-radius:365px; -moz-border-radius:365px;}
.pack_com1 .com li a:hover:after{ background:#5bab32;}


.pack_com2{ padding-top:40px;}
.pack_com2 .com{ padding:40px; overflow:hidden;}
.pack_com2 .com .pic{ width:245px; float:left;}
.pack_com2 .com .text{ width:890px; float:right;}
.pack_com2 .com .text h3{ font-size:24px; line-height:30px; padding:10px 0 30px;}
.pack_com2 .com .text p{ padding:10px 0;}

.pack_com3 .com{ padding:40px;}

.pack_com4 .com{ margin:60px 0; position:relative; overflow:hidden;}
.pack_com4 .bd{ margin-left:65px; float:left;}
.pack_com4 .bd li{ width:190px; float:left; margin:0 20px;}
.pack_com4 .bd li .pic{ font-size:0; line-height:0;}
.pack_com4 .bd li .pic img{ width:100%;}
.pack_com4 .bd li .text h3{ padding:10px 0;}
.pack_com4 .bd li .text h3 a{ font-size:18px; color:#666;}
.pack_com4 .bd li .text h3 a:hover{ color:#5bab32;}
.pack_com4 .bd li .text p{}
.pack_com4 .bd li .text p b{ color:#cf1f1f; font-size:18px; margin-right:10px;}
.pack_com4 .bd li .text p s{ color:#666;}

.pack_com4 .hd{ height:60px; float:right;}
.pack_com4 .hd ul{ display:none;}
.pack_com4 .hd span{ position:absolute; top:150px; cursor:pointer;}
.pack_com4 .hd span img{ width:40px;}
.pack_com4 .hd .prev{ left:0;}
.pack_com4 .hd .next{ right:0;}


/*--------書展內容介紹頁---------*/
.fair_menu{ padding-top:40px; border-top:1px solid #ddd; margin-top:20px; overflow:visible; text-align:center;}


/*--------團購服務---------*/
.ny_com{ padding:40px 0;}
.ny_title{ line-height:90px; font-size:48px; text-align:center;}
.middle .text{ padding:25px 0; line-height:30px;}
.privacy_bg .text{ padding-left:20px; padding-right:20px;}
.privacy_bg .text2{ border:1px solid #ddd; background:#f3feed; border-radius:5px; -moz-border-radius:5px;}




.middle .com{ border-top:1px solid #ddd;}
.middle .com dl{}
.middle .com dd{ border:1px solid #ddd; padding:15px 35px 15px 30px; text-indent:-13px; border-top:0; cursor:pointer; position:relative;}
.middle .com dd:after{ width:18px; height:18px; content:""; display:block; position:absolute; right:15px; top:20px; background:url(../images/middle_ico.png) no-repeat; background-size:17px auto;}
.middle .com dt{ padding:15px 20px 15px 55px; border:1px solid #ddd; border-top:0; display:none;}
.middle .com dl.hov dd,.middle .com dl dd:hover{ color:#5aaa31;}
.middle .com dl.hov dd:after{ -webkit-transform:rotate(90deg); transform:rotate(90deg);}
.middle .com dl.hov dt{ display:block;}
.middle .com td{ padding:15px 20px; border:1px solid #ddd; border-top:0;}
.middle .middle_nsjs dd{ color:#5aaa31;}
.middle .middle_nsjs dd:after{ display:none;}
.middle .middle_nsjs dt{ display:block;}

.middle .form_box{ padding-top:40px;}
.middle .form_box h3{ font-size:20px; font-weight:bold; line-height:25px;}
.middle .form_box .box{ padding-top:10px; overflow:hidden;}
.middle .form_box .box .div_l{ width:110px; text-align:right; line-height:40px;}
.middle .form_box .box .div_r{ width:-moz-calc(100% - 110px); width:-webkit-calc(100% - 110px);width:calc(100% - 110px);}
.middle .form_box .box span{ color:#F00;}
.middle .form_box .box s{ text-decoration:none; line-height:47px; float:left; margin-right:5px;}
.middle .form_box .box .input{ width:-moz-calc(100% - 22px); width:-webkit-calc(100% - 22px); width:calc(100% - 22px); line-height:38px; float:left; padding:0 10px; border:1px solid #ddd; border-radius:5px; -moz-border-radius:5px;}
.middle .form_box .box .input2{ height:100px; resize:none}
.middle .form_box .box .input3{ width:150px;}
.middle .form_box .box .input4{ width:50px;}
.middle .form_box .box .input5{ width:30px;}
.middle .form_box .box .box_c .input{ margin-right:10px; text-align:center;}
.middle .form_box .box img{ width:85px; height:45px; cursor:pointer;}
.middle .form_box .box .bnt{ width:230px; line-height:45px; display:block; margin:30px auto; color:#fff; text-align:center; background:#5bab32; border-radius:5px; -moz-border-radius:5px;}
.middle .form_box .box .bnt:hover{ background:#41881c;}
.middle .form_box .box .select1 .sitem{ min-width:110px; float:left; padding:0 5px 0 10px; margin-right:5px; display:block; height:40px; line-height:40px; font-size:16px; color:#333; border:1px solid #ddd; border-radius:5px; -moz-border-radius:5px; appearance:none;-moz-appearance:none;-webkit-appearance:none; background:url(../images/exclusive_down_2.png) right center no-repeat;}
.middle .form_box .select1 span{ float:left; line-height:40px; margin-right:10px;}


/*--------活動講座內容---------*/
.div_act_bg{ overflow:visible; position:relative;}
.div_act{ padding-right:300px; position:relative;}
.div_act_pic{ font-size:0; line-height:0;}
.div_act_pic img{ width:100%;}

.div_act_title{ padding:30px 0 15px; border-bottom:1px solid #ddd;}
.div_act_title h1{ padding-bottom:10px; font-size:24px; line-height:30px;}
.div_act_title a{ display:block; padding-left:30px; color:#ff7e00; background:url(../images/activity_c_title.jpg) left center no-repeat;}
.div_act_title a:hover{ text-decoration:underline;}

.div_act_box{ padding:40px 0 20px; border-bottom:1px dashed #ddd;}
.div_act_box p{ padding:10px 0 10px 35px; position:relative;}
.div_act_box p span{ width:24px; height:24px; display:block; position:absolute; left:0; top:50%; margin-top:-12px;}
.div_act_box p a{ color:#5bab32;}
.div_act_box p a:hover{ text-decoration:underline;}

.div_act_com{ padding:30px 0 60px;}

.div_act_fd_bg{ position:absolute; right:0; top:0;}
.div_act_fd_bg.hov{ position:fixed; left:0; top:110px; z-index:1;}
.div_act_fd_bg .content{ overflow:visible; position:relative;}
.div_act_fd{ width:225px; padding:20px; background:#fff; box-shadow:0 0 10px #e1e1e1; -webkit-box-shadow:0 0 10px #e1e1e1; -moz-box-shadow:0 0 10px #e1e1e1; position:absolute; right:0; top:30px; border-radius:10px; -moz-border-radius:10px; position:absolute; right:0; top:30px; z-index:1;}
.div_act_fd h3{ font-size:16px;}
.div_act_fd p{ font-size:14px; color:#666; padding:5px 0 15px;}
.div_act_fd a{ display:block; text-align:center; line-height:50px; color:#fff; background:#5bab32; border-radius:5px; -moz-border-radius:5px;}
.div_act_fd a:hover{ background:#41881c;}


/*--------數位影音---------*/
.digital_banner{ margin:25px 0 40px; padding-bottom:0;}
.digital_banner .hd span{ display:block;}
.digital_banner .hd ul{ display:none;}

.digital{}
.digital .title h1{ font-size:24px; line-height:32px; color:#4b7902;}
.digital .com{ padding:20px 0 40px;}
.digital .bnt{ text-align:center;}
.digital .bnt a{ margin-bottom:20px; padding:0 20px; display:inline-block; line-height:48px; text-align:center; text-indent:30px; border-radius:5px; -moz-border-radius:5px; border:1px solid #5bab32; background:url(../images/bnt_cart.png)#5bab32 20px center no-repeat; color:#fff;}
.digital .bnt a:hover{ border-color:#41881c; background:url(../images/bnt_cart.png)#41881c 20px center no-repeat;}

.digital_box{}
.digital_box .title{ padding:10px 0; line-height:40px; margin-bottom:20px; border-bottom:1px solid #ddd;}
.digital_box .title .sitem_box{ padding:0 10px; line-height:40px; height:40px; border:1px solid #e1e2e0; border-radius:5px; -moz-border-radius:5px;}

.digital_box .com{}
.digital_box .com li{ width:-moz-calc(25% - 19px); width:-webkit-calc(25% - 19px); width:calc(25% - 19px); float:left; margin:35px 25px 0 0;}
.digital_box .com li .pic{ font-size:0; line-height:0;}
.digital_box .com li .pic img{ width:100%;}
.digital_box .com li p{ padding-top:10px;}
.digital_box .com li:nth-child(4n+0){ margin-right:0;}
.digital_box .com li:hover p a{ color:#5bab32;}


/*--------報名講座---------*/
.div_bm{ padding-bottom:20px;}
.div_bm h1{ font-size:24px; line-height:30px; padding:20px 0 15px;}
.div_bm span{}
.div_bm .text{ padding:25px 0;}
.div_bm .text p{ padding:5px 0;}
.div_bm s{ text-decoration:none; color:#F00; border-bottom:1px solid #ddd; display:block; padding-bottom:15px;}

.div_box{}
.div_box_title{ margin-top:35px; border-bottom:2px solid #5bab32;}
.div_box_title span{ margin-right:5px; padding:0 20px; display:inline-block; color:#fff; line-height:40px; background:#5bab32; border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0;}

.div_box_com{ padding-top:15px;}
.div_box_com .box{ overflow:hidden; padding:5px 0;}
.div_box_com .box .div_l{width:130px; float:left; line-height:40px; text-align:right;}
.div_box_com .box .div_l span{ color:#F00;}
.div_box_com .box .div_bind{ line-height:0;}
.div_box_com .box .div_bind .div_bind_g{ float:left; height:30px; margin-top:5px; margin-right:15px;}
.div_box_com .box .div_bind .div_bind_box{ float:left;}
.div_box_com .box .div_bind .div_bind_img{ float:left; height:30px; margin-top:5px; border-radius:365px; -moz-border-radius:365px;}
.div_box_com .box .div_bind .div_bind_nc{ margin-left:5px; line-height:40px; float:left;}

.div_box_com .box .div_r{width:-moz-calc(100% - 135px); width:-webkit-calc(100% - 135px);width:calc(100% - 135px); }
.div_box_com .box .div_r .text{ width:230px; margin-right:5px; padding:0 10px; height:38px; line-height:38px; border:1px solid #ddd; border-radius:5px; -moz-border-radius:5px;}
.div_box_com .box .div_r .div_r_com{ line-height:40px; margin-bottom:2px;}
.div_box_com .box .div_r .text::placeholder { color:#999;}
.div_box_com .box .div_r.top10 {margin-top: 10px;}

.div_box_com .act_m{}
.div_box_com .act_m label{ display:block; padding:5px 0;}
.div_box_com .act_m label .radio_item{ width:16px; height:16px; float:left; margin:3px 10px 0 0;}
.div_box_com .act_m label a{ margin-left:20px; color:#5bab32;}
.div_box_com .act_m label a:hover{ text-decoration:underline;}

.div_box_com .form1_box{ border-bottom:1px solid #ddd; padding-bottom:20px; margin-bottom:20px;}
.div_box_com .form1_box:last-child{ border-bottom:0; margin-bottom:0;}
.div_box_com .radio_box{}
.div_box_com .radio_box label{ float:left; margin-right:30px; line-height:40px;}
.div_box_com .radio_box .radio_item{ width:16px; height:16px; float:left; margin:12px 5px 0 0;}
.div_box_com .select1 .sitem{ min-width:90px; float:left; padding:0 5px 0 10px; margin-right:5px; display:block; height:40px; line-height:40px; font-size:16px; color:#333; border:1px solid #ddd; border-radius:5px; -moz-border-radius:5px; appearance:none;-moz-appearance:none;-webkit-appearance:none; background:url(../images/exclusive_down_2.png) right center no-repeat;}
.div_box_com .box .div_r.select2 .text{ width:110px;}
.div_box_com .box .form_col .text{ width:455px;}
.div_box_com .box .form_col .text2{ height:88px; resize:none;}
.div_box_com .box .form_col .text3{ width:88px; float:left;}
.div_box_com .box .form_col .img{ height:40px; cursor:pointer;}
.div_box_com .form1_box .box .bnt{ padding-top:10px;}
.div_box_com .form1_box .box .bnt a{ width:180px; line-height:45px; color:#333; text-indent:2em; text-align:center; display:block; float:left; border-radius:5px; -moz-border-radius:5px;}
.div_box_com .form1_box .box .bnt .bnt_del{ border:1px solid #ddd; background:url(../images/ico_del.png) 22% center no-repeat;}
.div_box_com .form1_box .box .bnt .bnt_add{ border:1px solid #5bab32; background:url(../images/add_ico.png) 22% center no-repeat; color:#5bab32; margin-left:10px;}
.div_box_com .note label{ display:block; margin:50px 0 20px; padding-left:30px; position:relative;}
.div_box_com .note label .gx input[type='checkbox']{ width:16px; height:16px; float:left; position:absolute; left:0; top:2px;}
.div_box_com .note label .gx {width: 16px;height: 16px;float: left; position: absolute;left: 0;top: 2px;}
.div_box_com .note .vdcode{ overflow:hidden; padding-top:20px;}
.div_box_com .note .vdcode .text{ width:150px; float:left; padding:0 10px; height:38px; line-height:38px; border:1px solid #ddd; border-radius:5px; -moz-border-radius:5px;}
.div_box_com .note .vdcode .img{ height:40px; margin-left:10px; cursor:pointer;}
.div_box_com .note .bnt{ padding:50px 0 20px; text-align:center;}
.div_box_com .note .bnt a{ width:180px; margin:0 5px; display:inline-block; line-height:45px; color:#333; border-radius:5px; -moz-border-radius:5px;}
.div_box_com .note .bnt .btn_submit{ color:#fff; background:#5bab32; border:1px solid #5bab32;}
.div_box_com .note .bnt .btn_submit:hover{ background:#41881c; border-color:#41881c;}
.div_box_com .note .bnt .bnt_reset{ border:1px solid #ddd;}
.div_box_com .note .bnt .bnt_reset:hover{ color:#5bab32; border-color:#5bab32;}

.div_box_com .bnt{ padding:50px 0 20px; text-align:center;}
.div_box_com .bnt a{ width:180px; margin:0 5px; display:inline-block; line-height:45px; color:#333; border-radius:5px; -moz-border-radius:5px;}
.div_box_com .bnt .btn_submit{ color:#fff; background:#5bab32; border:1px solid #5bab32;}
.div_box_com .bnt .btn_submit:hover{ background:#41881c; border-color:#41881c;}
.div_box_com .bnt .btn_submit.grey{ color:#fff; background:#bbbdb9; border:1px solid #bbbdb9;}
.div_box_com .bnt .btn_submit.grey:hover{background:#bbbdb9; border:1px solid #bbbdb9;}

/*--------建立會員帳號---------*/
.div_box_com .box .div_r .text.text_jy{ background:#efefef;}
.div_box_com .box .div_r.email .bnt_yz{ width:95px; line-height:40px; display:inline-block; text-align:center; color:#fff; background:#5bab32; border-radius:5px; -moz-border-radius:5px;}
.div_box_com .box .div_r.email .bnt_yz:hover{ background:#41881c;}
.div_box_com .box .div_r.email p{ font-size:14px; color:#666; padding:5px 0 10px;}
.div_box_com .select1 span{ float:left; line-height:40px; margin-right:10px;}
.div_box_com .note1{ padding-top:20px;}
.div_box_com .note1 label{ margin:5px 0;}
.div_box_com .note1 label a{ color:#5bab32;}
.div_box_com .note1 .red{ margin-top:10px; padding-top:10px; border-top:1px solid #5bab32; font-size:13px; color:#666;}


/*--------會員登入---------*/
.div_box_com .login_box{ width:400px; margin:0 auto; padding-top:20px;}
.div_box_com .login_box .vdcode .text{ width:150px; float:left;}
.div_box_com .login_box .vdcode .img{ height:40px; cursor:pointer;}
.div_box_com .login_box .wjmm{ text-align:center;}
.div_box_com .login_box .wjmm a{ color:#5bab32;}
.div_box_com .login_box .wjmm a:hover{ text-decoration:underline;}
.div_box_com .login_box .wjmm span{ margin-left:20px;}
.div_box_com .login_box .login{ width:180px; margin:50px 0 10px; line-height:45px; display:block; color:#fff; text-align:center; background:#5bab32; border-radius:5px; -moz-border-radius:5px;}
.div_box_com .login_box .login:hover{ background:#41881c;}
.div_box_com .social_box{ padding:10px;}
.div_box_com .social_box a{ width:-moz-calc(25% - 10px); width:-webkit-calc(25% - 10px);width:calc(25% - 10px); line-height:40px; display:block; float:left; text-align:center; color:#fff; margin:0 5px; background:#333; border-radius:5px; -moz-border-radius:5px;}
.div_box_com .social_box .bnt1{ background:url(../images/social_box_ico1.png) #30c101 5px center no-repeat;}
.div_box_com .social_box .bnt2{ background:url(../images/social_box_ico2.png) #cc4a44 5px center no-repeat;}
.div_box_com .social_box .bnt3{ background:url(../images/social_box_ico3.png) #1a78f3 5px center no-repeat;}
.div_box_com .social_box .bnt4{ background:url(../images/social_box_ico4.png) #2a69a4 5px center no-repeat;}
.div_box_com .social_box .bnt1:hover{ background:url(../images/social_box_ico1.png) #279a01 5px center no-repeat;}
.div_box_com .social_box .bnt2:hover{ background:url(../images/social_box_ico2.png) #b53630 5px center no-repeat;}
.div_box_com .social_box .bnt3:hover{ background:url(../images/social_box_ico3.png) #0c5abf 5px center no-repeat;}
.div_box_com .social_box .bnt4:hover{ background:url(../images/social_box_ico4.png) #1a5388 5px center no-repeat;}


/*--------閲讀快訊---------*/
.reading{}
.reading li{ width:-moz-calc(50% - 25px); width:-webkit-calc(50% - 25px);width:calc(50% - 25px); float:left; margin-right:50px; border-bottom:1px dotted #ddd;}
.reading li:nth-child(2n+0){ margin-right:0;}
.reading li a{ height:55px; line-height:55px; padding-left:30px; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background:url(../images/news_ico.jpg) left center no-repeat;}
.reading li a:hover{ background:url(../images/news_ico_hov.jpg) left center no-repeat;}


/*--------讀享生活文章---------*/
.reading_content{}
.reading_content .title{ padding:20px 0; position:relative;}
.reading_content .title h1{ padding:30px 0; font-size:30px; line-height:45px;}
.reading_content .title .fx{ position:absolute; right:0; bottom:12px;}
.reading_content .title .fx img{ width:27px; margin:0 2px;}
.reading_content .com{ padding:20px 0 40px;}
.reading_content .book{ text-align:center;}
.reading_content .bnt{ border-bottom:1px solid #ddd; padding:55px 0 35px;}
.reading_content .bnt a{ width:235px; display:block; line-height:45px; margin:0 auto; text-align:center; border:1px solid #ddd; border-radius:5px; -moz-border-radius:5px;}
.reading_content .bnt a:hover{ background:#5bab32; color:#fff; border-color:#5bab32;}

.reading_commend{ padding-bottom:40px;}
.reading_commend .title{ padding:40px 0 12px; margin-bottom:20px; text-align:center; font-size:27px; line-height:55px; color:#000;letter-spacing:15px;background:url(../images/title_bg.jpg) center bottom no-repeat;}
.reading_commend dl{ border:0; border-bottom:1px solid #ddd; padding-bottom:30px; margin-top:0;}


/*--------會員專區---------*/
.member_box{ padding:40px 0;}
.member_box .mc_l{ width:200px; padding:0 20px; float:left; border:1px solid #ddd; border-radius:5px; -moz-border-radius:5px;}
.member_box .mc_l a{ line-height:50px; display:block; border-bottom:1px solid #ddd; position:relative;}
.member_box .mc_l a:after{ width:20px; height:20px; display:block; content:""; background:url(../images/ico_down.png) right center no-repeat; position:absolute; right:0; top:15px; -webkit-transform:rotate(-90deg); transform:rotate(-90deg);}
.member_box .mc_l li.hov a:after{ -webkit-transform:rotate(0deg); transform:rotate(0deg);}
.member_box .mc_l li.hov a{ color:#41881c;}

.mc_menu{ margin-bottom:40px; display:none;}
.mc_menu ul{ padding-bottom:30px; border:1px solid #ddd; border-radius:5px; -moz-border-radius:5px; overflow:hidden;}
.mc_menu li{ width:25%; float:left; text-align:center; margin-top:30px;}
.mc_menu li a{ display:block;}
.mc_menu li.hov a{ color:#5bab32;}
.mc_menu li span{ width:40px; height:40px; display:inline-block; background:url(../images/mc_l_ico.png) no-repeat;}
.mc_menu li.mc_menu2 span{ background-position:-41px 0px;}
.mc_menu li.mc_menu3 span{ background-position:-82px 0px;}
.mc_menu li.mc_menu4 span{ background-position:-123px 0px;}
.mc_menu li.mc_menu5 span{ background-position:-164px 0px;}
.mc_menu li.mc_menu6 span{ background-position:-205px 0px;}
.mc_menu li.mc_menu7 span{ background-position:-246px 0px;}
.mc_menu li.mc_menu8 span{ background-position:-287px 0px;}
.mc_menu li.mc_menu1:hover span,.mc_menu li.mc_menu1.hov span{ background-position:0 -41px;}
.mc_menu li.mc_menu2:hover span,.mc_menu li.mc_menu2.hov span{ background-position:-41px -41px;}
.mc_menu li.mc_menu3:hover span,.mc_menu li.mc_menu3.hov span{ background-position:-82px -41px;}
.mc_menu li.mc_menu4:hover span,.mc_menu li.mc_menu4.hov span{ background-position:-123px -41px;}
.mc_menu li.mc_menu5:hover span,.mc_menu li.mc_menu5.hov span{ background-position:-164px -41px;}
.mc_menu li.mc_menu6:hover span,.mc_menu li.mc_menu6.hov span{ background-position:-205px -41px;}
.mc_menu li.mc_menu7:hover span,.mc_menu li.mc_menu7.hov span{ background-position:-246px -41px;}
.mc_menu li.mc_menu8:hover span,.mc_menu li.mc_menu8.hov span{ background-position:-287px -41px;}
.bnt_logout{ margin-top:10px; display:block; line-height:45px; text-align:center; color:#5bab32; border:1px solid #5bab32; border-radius:5px; -moz-border-radius:5px;}

.mc_menu_pc{ width:240px; float:left;}
.mc_menu_pc ul{ border:1px solid #ddd; border-radius:5px; -moz-border-radius:5px; overflow:hidden;}
.mc_menu_pc li a{ display:block; line-height:60px; margin:0 20px; border-bottom:1px solid #ddd; background:url(../images/m_menu_ico.jpg) center right no-repeat;}
.mc_menu_pc li:last-child  a{ border-bottom:0;}
.mc_menu_pc li.hov a{ color:#5bab32;}

.mc_r{ width:990px; float:right;}
.mc_r1 p{ padding:2px 0;}
.mc_r2 .bg{ margin-top:20px; padding:20px; border:1px solid #ddd; background:#f3feed; border-radius:5px; -moz-border-radius:5px;}
.mc_r2 h2{ font-size:18px; font-weight:bold; padding-bottom:20px;}
.mc_r2 .box{ margin:5px 0; height:10px; background:#ddd; position:relative; border-radius:45px; -moz-border-radius:45px; overflow:hidden;}
.mc_r2 .box .box_hov{ height:10px; background:#5bab32; position:absolute; left:0; top:0;} 
.mc_r2 p{ font-size:14px;}
.mc_r2 p span{ float:right;}
.mc_r2 h3{ margin-top:15px; color:#eea620; font-size:19px; line-height:26px; padding-left:30px; background:url(../images/mc_r2.png) left top no-repeat;}
.mc_r2 h3 a{ color:#41881c;}
.mc_r2 h3 a:hover{ text-decoration:underline;}
.mc_r3 .ts_text{ padding-bottom:20px; color:#999;}
.mc_r4 .div_box_title{ margin-top:0;}
.mc_r4 h3{ font-size:18px; font-weight:bold; padding-top:30px;}
.mc_r4 .bottom_bnt{ padding:10px 0 20px;}
.mc_r4 .bottom_bnt a{ width:200px; margin:0 auto; display:block; line-height:40px; text-align:center; color:#fff; background:#df5d5b; border-radius:5px; -moz-border-radius:5px;}
.mc_r4 .bottom_bnt a:hover{ background:#c14644;}
.mc_r5{ padding-bottom:40px;}
.mc_r5 h1{ line-height:90px; text-align:center; font-size:48px;}
.mc_r5 .div_box_title{ margin-top:20px; overflow:hidden; border-bottom:0;}
.mc_r5 .div_box_title_js .mCSB_container{ border-bottom:2px solid #5bab32; margin-bottom:-2px !important;}
.mc_r5 .div_box_title_js .mCustomScrollBox{ border-bottom:2px solid #5bab32;}
.mc_r5 #mCSB_1_scrollbar_horizontal{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}
.mc_r5_qa #mCSB_1_scrollbar_horizontal{ filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}
.mc_r5_qa .div_box_title_js .mCSB_container{ padding-bottom:20px;}

.mc_r5 .div_box_title a{ display:block; margin-right:5px; float:left; color:#333; line-height:40px; padding:0 25px; background:#fff; border:1px solid #ddd; border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0;}
.mc_r5 .div_box_title a.hov,.mc_r5 .div_box_title a:hover{ color:#fff; background:#5bab32; border-color:#5bab32;}
.mc_r5 dl{ margin-top:10px;}
.mc_r5 dd{ padding:15px 15px 15px 50px; border:1px solid #eee; position:relative; cursor:pointer;}
.mc_r5 dd span{ display:block; height:24px; position:absolute; left:15px; top:50%; margin-top:-12px;}
.mc_r5 dt{ padding:15px 15px 15px 50px; border:1px solid #eee; border-top:0; display:none;}
.mc_r5 dl.hov dd,.mc_r5 dl dd:hover{ color:#5bab32;}
.mc_r5 dl.hov dt{ display:block;}

.mobile_table{ display:none;}
.my_table{ margin:20px 0; border:1px solid #eee; text-align:center;border-right:0;}
.my_table thead th{ line-height:45px; font-weight:normal; background:#cde6c1; border-right:1px solid #eee;}
.my_table thead .bnt_box{ text-align:left;}
.my_table thead th .bnt1{ margin-left:20px; margin-right:80px; padding-left:30px; background:url(../images/list_cart.png) left center no-repeat; background-size:33px auto;}
.my_table thead th .bnt2{ padding-left:25px; background:url(../images/ico_del.png) left center no-repeat;}
.my_table thead th label{ width:54px; display:block; margin:0 auto;}
.my_table thead th label .select_all_qx{ float:left; margin:13px 2px 0 0;}
.my_table .select_all_qx{ width:20px; height:20px;}
.my_table thead .mobile_com_r{ text-align:left;}

.my_table tbody td{ padding:20px 0; border-top:1px solid #eee; border-right:1px solid #eee;}
.my_table tbody td p{ padding:0 20px; text-align:left;}
.my_table tbody td .red{ color:#df5d5b;}
.my_table tbody td .cart_bnt{ margin:10px 20px 0; display:block; line-height:45px; color:#fff; background:#df5d5b; border-radius:5px; -moz-border-radius:5px;}
.my_table tbody td .cart_bnt:hover{ background:#c14644;}
.my_table tbody tr:nth-child(2n+0){ background:#fafff787;}
.my_table tbody .del{ cursor:pointer;}
.my_table tbody td .bnt{ margin:4px 20px; display:block; line-height:35px; border:1px solid #ddd; border-radius:5px; -moz-border-radius:5px; background:#fff;}
.my_table tbody td .bnt:hover{ border-color:#5bab32; background:#5bab32; color:#fff;}
.my_table tbody td .book{ padding:0 20px; overflow:hidden;}
.my_table tbody td .book .pic{ float:left; line-height:0; font-size:0;}
.my_table tbody td .book .pic img{ width:85px;}
.my_table tbody td .book .text{ width:-moz-calc(100% - 100px); width:-webkit-calc(100% - 100px);width:calc(100% - 100px); float:right; text-align:left;}
.my_table tbody td .book .text p{ padding:0; font-size:14px; line-height:20px; color:#f79a23;}
.my_table tbody td .book .text h3{ font-size:16px; line-height:22px; padding-bottom:10px;}
.my_table tbody td .book .text em{ font-style:normal; display:block; font-size:14px;}
.my_table tbody td .book .text em.lv{ color:#5bab32;}
.my_table tbody td em.red{ color:#ff0000; font-style:normal;}
.my_table tbody td .sitem{ width:70px; padding-left:25px; height:40px; line-height:40px; border:1px solid #ddd; border-radius:5px; -moz-border-radius:5px; appearance:none;-moz-appearance:none;-webkit-appearance:none; background:url(../images/exclusive_down_2.png) right center no-repeat;}

.my_table tbody td span{ color:#1ba751;}
.my_table tbody .bnt a{ display:block; padding-left:30px; margin:10px 0 10px 20px; text-align:left;}
.my_table tbody .bnt a.bnt1{ background:url(../images/ico_del.png) left center no-repeat;}
.my_table tbody .bnt a.bnt2{ background:url(../images/ico_ax.png) left center no-repeat;}
.my_table tbody .bnt a.bnt3{ background:url(../images/ico_lw.png) left center no-repeat; background-size:20px auto;}
.my_table tbody .bnt a.bnt1:hover{ color:#1ba751; background:url(../images/ico_del_lv.png) left center no-repeat;}
.my_table tbody .bnt a.bnt2:hover{ color:#1ba751; background:url(../images/ico_ax_lv.png) left center no-repeat;}
.my_table tbody .bnt a.bnt3:hover,.my_table tbody .bnt a.bnt3.hov{ color:#1ba751; background:url(../images/ico_lw_lv.png) left center no-repeat; background-size:20px auto;}
.mobile_com{ display:none;}

/*--------國外郵資查詢---------*/
.post_menu_bg{ width:100%;}
.post_menu_bg.hov{ position:fixed; left:0; top:95px; z-index:9;}
.post_menu{ width:940px; margin:0 auto; position:relative;}
.post_menu .com{ position:absolute; right:0; top:57px;}
.post_menu .com a{ width:25px; display:block; font-size:14px; color:#5bab30; text-align:center;}
.post_menu .com a:hover{ background:#5bab32; color:#fff;}

.post{ margin-top:20px; text-align:center; border:1px solid #ededef; border-bottom:0;}
.post:last-child{ margin-bottom:50px;}
.post h3{ line-height:60px; font-size:16px; background:#cde5c1;}
.post dl{ overflow:hidden; line-height:60px; border-bottom:1px solid #ededef;}
.post .com dl:nth-child(2n+0){ background:#fafff7;}
.post dd{ width:50%; float:left;}
.post dd s{ display:block; font-size:12px; color:#666; text-decoration:none;}
.post dt{ width:-moz-calc(25% - 1px); width:-webkit-calc(25% - 1px);width:calc(25% - 1px); float:left; border-left:1px solid #ededef;}
.post p{ line-height:45px; background:#cde5c1; border-bottom:1px solid #ededef;}
.post p a{ color:#1779e7;}
.post p a:hover{ text-decoration:underline;}
.post .title{ background:#cde5c1;}
.post .title h2{ line-height:50px; font-size:18px; background:#cde5c1; border-bottom:1px solid #fff;}
.post .title dt{ border-color:#fff;}
.post .com dt.blue{ color:#008cc7;}
.post .com dt.red{ color:#d31f20;}
.post .com span{ line-height:60px; color:#d31f20; display:block; border-bottom:1px solid #ededef;}
.post1{ margin-bottom:40px;}
.post1 dd{ text-align:right;}
.post1 dt{ text-align:left; text-indent:1em; color:#d31f20;}
.post2 dt{ width:49%;}
.post3 dd{ text-align:center; line-height:24px; padding-top:8px;}
.post3 dt{ width:49%;}


/*--------訂單資訊---------*/
.order_box1{ padding-top:30px;}
.order_box1 h3{ padding:10px 0; font-size:18px; font-weight:bold;}
.order_box1 p{ padding:5px 0;}
.order_box1 p span{ color:#ff7e00;}
.order_box1 h4{}

.order_box2{ margin-top:20px;}
.order_box2 .com{ overflow:hidden;}
.order_box2 ul{ margin-top:20px; padding-left:74px; height:120px;}
.order_box2 li{ width:170px; height:80px; float:left; border-top:2px solid #333; position:relative;}
.order_box2 li:nth-child(1):after{ width:50%; height:2px; display:block; content:""; background:#fff; position:absolute; left:0; top:-2px;}
.order_box2 li:last-child:after{ width:50%; height:2px; display:block; content:""; background:#fff; position:absolute; right:0; top:-2px;}
.order_box2 li span{ width:12px; height:12px; display:block; border:2px solid #333; background:#fff; border-radius:365px; -moz-border-radius:365px; position:absolute; left:50%; top:-8px; z-index:1;}
.order_box2 li span s{ width:6px; height:6px; margin:3px; display:block; background:#333; border-radius:365px; -moz-border-radius:365px;}
.order_box2 li p{ width:146px; line-height:55px; text-align:center; background:#ddf3d1; border:1px solid #ddd; position:absolute; left:50%; margin-left:-72px; bottom:0;}
.order_box2 li p:after{ width:6px; height:6px; display:block; content:""; background:#ddf3d1; border-top:1px solid #ddd; border-left:1px solid #ddd; position:absolute; left:76px; top:-4px; -webkit-transform:rotate(45deg); transform:rotate(45deg);}
.order_box2 li.hov{ border-color:#5bab32;}
.order_box2 li.hov span{ border-color:#5bab32;}
.order_box2 li.hov span s{ background:#5bab32;}
.order_box2 li.hov p{ background:#5bab32; color:#fff;}
.order_box2 li.hov p:after{ background:#5bab32; }
.order_box3{ padding-bottom:60px;}


/*--------購物清單---------*/
.cart_d1{ text-align:center;}
.cart_d1 ul{ margin:0 auto; display:inline-block; padding:70px 0 50px; overflow:hidden;}
.cart_d1 li{ width:230px; float:left; padding-bottom:25px; border-bottom:2px solid #333; position:relative;}
.cart_d1 li p{ line-height:30px;}
.cart_d1 li span{width:30px; line-height:30px; display:block; color:#fff; background:#333; border-radius:365px; -moz-border-radius:365px; position:absolute; left:50%; margin-left:-15px; bottom:-15px; z-index:1;}
.cart_d1 li:nth-child(1):after{ width:50%; height:2px; display:block; content:""; background:#fff; position:absolute; left:0; bottom:-2px;}
.cart_d1 li:last-child:after{ width:50%; height:2px; display:block; content:""; background:#fff; position:absolute; right:0; bottom:-2px;}
.cart_d1 li.hov{ border-color:#5bab32;}
.cart_d1 li.hov p{ color:#5bab32;}
.cart_d1 li.hov span{ background:#5bab32;}
.cart_d1 h3{font-size:22px;font-weight: bold;margin-bottom:30px;}
.cart_d2{ border:2px solid #5bab32; padding:20px; border-radius:5px; -moz-border-radius:5px;}
.cart_d2 p{ padding:2px 0;}

.cart_d3{ padding:80px 0 0;}
.cart_d3 .title{}
.cart_d3 .title a{ display:inline-block; padding:0 35px; line-height:40px; border:1px solid #e1e1e1; border-radius:5px; -moz-border-radius:5px;}
.cart_d3 .title a:hover,.cart_d3 .title a.hov{ color:#fff; background:#5bab32; border-color:#5bab32;}
.cart_d3 .title a.hov:hover{ border-color:#41881c; background:#41881c;}

.cart_d4{ padding:10px 0 30px; margin-bottom:10px; border-bottom:1px solid #ddd;}
.cart_d4 .box{ overflow:hidden;}
.cart_d4 p{ float:left; line-height:40px;}
.cart_d4 .text{ width:200px; height:38px; text-indent:10px; line-height:38px; float:left; margin:0 5px; border:1px solid #ddd; border-radius:5px; -moz-border-radius:5px;}
.cart_d4 .bnt{ width:100px; line-height:40px; display:inline-block; text-align:center; color:#333; border:1px solid #ddd; border-radius:5px; -moz-border-radius:5px; cursor:pointer;}
.cart_d4 .bnt:hover{ background:#5bab32; color:#fff; border-color:#5bab32;}
.cart_d4 label{ float:left; line-height:40px; display:inline-block;}
.cart_d4 label .dx{ width:16px; height:16px; float:left; margin:12px 5px 0 0;}
.cart_d4 a{ line-height:40px; color:#5bab32;}
.cart_d4 .com{}
.cart_d4 .com .box{ padding-top:10px;}
.cart_d4 .com h3{ font-size:18px; padding-top:20px;}
.cart_d4 .com .box{ padding-left:40px;}
.cart_d5 .com h4{ font-size:16px;}
.cart_d5 .com span{ display:block; font-size:14px; color:#5bab32;}
.cart_d6 .box label{ line-height:24px;}
.cart_d6 label .dx{ margin-top:4px;}
.cart_d7{ margin-top:50px;padding:30px 0; text-align:right; font-size:18px; color:#666;}
.cart_d7 p{ padding:2px 0;}
.cart_d7 span{ color:#cf5050; margin:0 5px;}
.cart_d7 h3{ padding:30px 0 25px; font-size:18px; font-weight:bold;}
.cart_d7 .bnt{}
.cart_d7 .bnt a{ display:inline-block; line-height:40px; font-size:16px; padding:0 30px; border:1px solid #ddd; border-radius:5px; -moz-border-radius:5px;}
.cart_d7 .bnt a:hover,.cart_d7 .bnt a.hov{ color:#fff; background:#5bab32; border:1px solid #5bab32;}
.cart_d7 .bnt a.hov:hover{ background:#41881c;}

.cart_d8{ padding:30px 0 40px; position:relative; border-bottom:1px solid #ddd;}
.cart_d8 .title{ border-bottom:1px solid #5bab32;}
.cart_d8 .title span{ color:#5bab32; line-height:40px; padding:0 20px; display:inline-block; border:1px solid #5bab32; border-bottom:0; border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0;}
.cart_d8 .ts{ padding:25px 0 30px;}
.cart_d8 .bd{ margin:0 40px; overflow:hidden;}
.cart_d8 .bd li{ width:210px; float:left; margin:0 15px;}
.cart_d8 .bd li .hot{ padding-left:25px; color:#F00; margin-bottom:5px; background:url(../images/ico_hot.png) left center no-repeat;}
.cart_d8 .bd li .pic{ height:220px; font-size:0; line-height:0; text-align:center;}
.cart_d8 .bd li .pic img{ width:80%;}
.cart_d8 .bd li .text{ padding:10px 0 15px;}
.cart_d8 .bd li .text h3{ line-height:20px; font-size:16px; padding-bottom:10px;}
.cart_d8 .bd li .text p{ font-size:14px; color:#666;}
.cart_d8 .bd li .text s{ margin-right:15px;}
.cart_d8 .bd li .text span{ font-size:18px; color:#F00; margin:0 5px;}
.cart_d8 .bd li .text em{ font-style:normal; color:#F00; margin:0 5px;}
.cart_d8 .bd li .bnt{ overflow:hidden;}
.cart_d8 .bd li .bnt .calc{ float:left;}
.cart_d8 .bd li .bnt .calc a{ width:30px; height:30px; line-height:30px; text-align:center; display:block; float:left; border:1px solid #eee; border-radius:365px; -moz-border-radius:365px;}
.cart_d8 .bd li .bnt .calc .inputer{ width:30px; line-height:30px; text-align:center; float:left;}
.cart_d8 .bd li .bnt .cart_bnt{ width:70px; float:right; margin-right:15px; line-height:35px; text-align:center; color:#fff; display:block; background:#5bab32; border-radius:5px; -moz-border-radius:5px;}
.cart_d8 .bd li .bnt .cart_bnt:hover{ background:#41881c;}
.cart_d8 .hd ul{ display:none;}
.cart_d8 .hd a{ position:absolute; top:50%; margin-top:-15px;}
.cart_d8 .hd a.next{ right:0;}
.cart_d8 .hd a.prev{ left:0;}
.cart_d9{ padding:20px 0 20px;}
.cart_d9 h3{ padding-bottom:10px; font-size:18px; font-weight:bold;}
.cart_d9 .com{ padding-left:35px;}
.cart_d9 .com p{ padding:4px 0;}
.cart_d9 .com p a{ color:#5bab32;}
.cart_d9 .com p a:hover{ text-decoration:underline;}
.cart_d10{ margin-top:10px; color:#999; border-top:1px solid #ddd; padding:30px 0 60px;}
.cart_d11{ margin-top:50px; margin-bottom:-10px; padding-bottom:12px; text-align:center; font-size:27px; line-height:55px; color:#000; letter-spacing:15px; background:url(../images/title_bg.jpg) center bottom no-repeat;}
.cart_d12{ padding:30px 0 40px; border-bottom:1px solid #ddd;}
.cart_d12 label{ display:block; padding-left:35px; position:relative; margin:10px 0;}
.cart_d12 .gx{ width:20px; height:20px; float:left; position:absolute; left:0; top:50%; margin-top:-10px;}

.cart_d13{ width:370px; margin:40px auto 40px; padding:20px 0; text-align:center; border:1px solid #ddd; background:#eef9e8; border-radius:5px; -moz-border-radius:5px;}
.cart_d13 h3{ font-size:18px; line-height:30px;}
.cart_d13 a{ margin-top:10px; display:inline-block; line-height:40px; color:#fff; padding:0 30px; background:#5bab32; border-radius:5px; -moz-border-radius:5px;}
.cart_d13 a:hover{ background:#41881c;}


.banner{ padding-bottom:60px;}
.banner .hd span{ margin-top:-55px; display:block;}
.banner .hd ul{ bottom:30px}
.banner_m{ display:none;}

.index_title{ border-bottom:1px solid #ddd; text-align:center; position:relative;}
.index_title:after{ width:225px; height:5px; content:""; display:block; background:#65a74f; position:absolute; left:50%; margin-left:-115px; bottom:-3px; border-radius:365px; -moz-border-radius:365px;}
.index_title span{ display:inline-block; text-indent:15px; line-height:55px; font-size:24px; letter-spacing:15px;}
.index_title .bnt_more{ float:right; display:block; padding-right:22px; color:#666; font-size:14px; margin-top:20px; background:url(../images/middle_ico.png) right center no-repeat; background-size:16px auto;}

.index_com1{ padding:0 0 40px;}
.index_com1 .com{ overflow:hidden; padding-top:50px;}
.index_com1 .com .bd li{ width:246px; margin-right:5px; float:left; overflow:hidden; border:1px solid #fff; border-radius:0 60px 0 0; -moz-border-radius:0 60px 0 0; border:1px solid #fff;}
.index_com1 .com .bd li:last-child{ margin-right:0;}
.index_com1 .com .bd li .hot h3{ padding-left:45px; font-size:18px; color:#4a8d34; line-height:94px;}
.index_com1 .com .bd li .pic{ padding:10px 35px; font-size:0; line-height:0; height:250px; text-align:center;}
.index_com1 .com .bd li .pic img{ width:auto; max-width:100%; max-height:100%;}
.index_com1 .com .bd li .text{ padding:0 35px 20px;}
.index_com1 .com .bd li .text h2{ font-size:16px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis;}
.index_com1 .com .bd li .text h3{ display:none;}
.index_com1 .com .bd li .text p{ padding-top:10px; overflow:hidden;}
.index_com1 .com .bd li .text p s{ float:left; color:#999; line-height:26px;}
.index_com1 .com .bd li .text p span{ float:right; color:#db597d;}
.index_com1 .com .bd li .text p span b{ font-size:20px; margin:0 5px; font-weight:normal;}
.index_com1 .com .bd li .text p span em{ font-style:normal; color:#666;}
.index_com1 .com .bd li .text h4{ font-size:14px; color:#4a8d34; font-style:normal; padding-bottom:4px;}
/*.index_com1 .com .bd li:hover{ border-color:#65a74f;}
.index_com1 .com .bd li:hover .hot{ background:#65a74f;}
.index_com1 .com .bd li:hover .hot h3{ color:#fff;}*/
.index_com1 .com .hd{ display:none;}
.index_com1 .com .bd li.hov{ width:266px; border-radius:0 60px 0 0; -moz-border-radius:0 60px 0 0; border:1px solid #65a74f;}
.index_com1 .com .bd li.hov .pic{ padding:20px 35px 0; height:265px;}
.index_com1 .com .bd li.hov .hot{ padding:15px 0; color:#fff; text-align:center; background:#65a74f; letter-spacing:3px;}
.index_com1 .com .bd li.hov .hot h3{ padding:0; line-height:40px; font-size:22px; color:#fff;}
.index_com1 .com .bd li.hov .hot p{ font-size:16px;}
.index_com1 .com .bd li.hov .text{ padding:0 35px 20px;}
.index_com1 .com .bd li.hov .text h4{ display:none;}

.index_com2{}
.index_com2 .index_title{ text-align:left;}
.index_com2 .index_title:after{ width:170px; left:0; margin-left:0;}
.index_com2 .div_l,.index_com2 .div_r{ width:48.5%;}
.index_com2 .div_l_row{ width:auto; float:none;}
.index_com2 .box .pic{ line-height:0; font-size:0; margin-top:30px; border:1px solid #ddd;}
.index_com2 .box .pic img{ width:100%;}
.index_com2 .box .text{ padding:20px 10px;}
.index_com2 .box .text h3 a{ height:50px; line-height:25px; margin-bottom:10px; display:block; font-size:20px; color:#65a74f; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis;}
.index_com2 .box .text span{ display:block; font-size:14px; padding:10px 0 10px; color:#505050;}
.index_com2 .box .text p{ color:#666; font-size:14px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; text-overflow:ellipsis;}
.index_com2 .box .text .bnt_detail{ font-size:14px; color:#666; display:inline-block; padding-right:20px; margin-top:20px; background:url(../images/middle_ico.png) right center no-repeat; background-size:16px auto;}
.index_com2 .box .text em{ font-size:14px; font-style:normal; display:block; padding:10px 0 10px;}
.index_com2 .box .text label{ font-size:14px; color:#666; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; text-overflow:ellipsis;}
.index_com2 .box .text .bnt_share{ font-size:14px; color:#666; display:inline-block; padding-right:22px; margin-top:15px; background:url(../images/bnt_share.png) right center no-repeat; background-size:16px auto;}

.index_com2 .box2{ background:#eff2f0; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.index_com3{ padding:50px 0 40px;}
.index_com3 img{ width:100%;}
.index_com4{ padding-bottom:40px; overflow:hidden;}
.index_com4 dd{ width:49%; float:left;}
.index_com4 dt{ width:49%; float:right;}
.index_com4 dd img,.index_com4 dt img{ width:100%;}
.index_com5{ padding-bottom:40px; overflow:hidden;}
.index_com5 dd{ width:49%; float:left;}
.index_com5 dt{ width:49%; float:right;}
.index_com5 dd img,.index_com5 dt img{ width:100%;}
.index_com5 dt a:nth-child(2){ margin-top:15px; display:block;}


.index_com6{}
.index_com6 .com{ padding:50px 0 30px; overflow:hidden;}
.index_com6 .com2{ padding-bottom:80px;}
.index_com6 .title{ width:200px; height:370px; float:left; text-align:center; background:url(../images/index_com6_titl31.jpg); border-radius:0 45px 0 0; -moz-border-radius:0 45px 0 0;}
.index_com6 .title h3{ padding-top:40px; line-height:70px; font-size:30px; color:#678666;}
.index_com6 .title a{ display:inline-block; line-height:30px; padding:0 40px 0 20px; color:#69a75c; background:url(../images/index_com6_a.jpg) #fff 75px center no-repeat; border-radius:45px; -moz-border-radius:45px;}
.index_com6 .com_js{ width:1045px; float:right; position:relative; overflow:hidden;}
.index_com6 .com_js .hd{ width:35px; height:35px; float:left;}
.index_com6 .com_js .hd span{ position:absolute; top:50%; margin-top:-17px; z-index:1;}
.index_com6 .com_js .hd span img{ width:30px; cursor:pointer;}
.index_com6 .com_js .hd .prev{ left:0;}
.index_com6 .com_js .hd .next{ right:0;}
.index_com6 .com_js .hd .prev.prevStop,.index_com6 .com_js .hd .next.nextStop{ display:none;}


.index_com6 .com_js .bd{ width:965px; float:left; overflow:hidden;}
.index_com6 .com_js .bd li{ width:185px; float:left; margin:0 30px;}
.index_com6 .com_js .bd li:hover .text h2 a{ color:#5bab32;}
.index_com6 .com_js .bd .pic{ font-size:0; line-height:0; height:270px; text-align:center;}
.index_com6 .com_js .bd .text{}
.index_com6 .com_js .bd .text h2{ font-size:16px; margin-top:10px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis;}
.index_com6 .com_js .bd .text h2 a{ color:#666;}
.index_com6 .com_js .bd .text p{ padding-top:10px; overflow:hidden;}
.index_com6 .com_js .bd .text p s{ float:left; color:#a7a7a7; line-height:26px;}
.index_com6 .com_js .bd .text p span{ float:right; color:#db597d;}
.index_com6 .com_js .bd .text p span b{ font-size:20px; margin:0 5px; font-weight:normal;}
.index_com6 .com_js .bd .text p span em{ font-style:normal; color:#666;}

.index_com6 .com2 .title{ background:url(../images/index_com6_titl32.jpg); border-radius:0 45px 0 0; -moz-border-radius:0 45px 0 0;}
.index_com6 .com2 .title h3{ color:#fff;}
.index_com6.digital .com_js .bd .pic{height:200px;}

.index_com7{ padding:20px 0; background:#eff2f0;}
.index_com7 .index_title{ width:400px; margin:0 auto;}
.index_com7 .index_title:after{ width:100px; left:50%; margin-left:-50px;}
.index_com7 .com_js{ width:auto; float:none;}
.index_com7 .com_js .bd{ width:1180px;}
.index_com7 .com_js .bd li{ width:185px; padding:70px 20px 20px; margin:0 5px; background:#fff; border-radius:10px; -moz-border-radius:10px; position:relative; overflow:hidden;}
.index_com7 .com_js .bd .hot{ padding:50px 25px 0 0; line-height:70px; text-indent:70px; font-size:43px; font-weight:bold; color:#fff; background:#c5c5c5; position:absolute; left:-60px; top:-60px; border-radius:360px; -moz-border-radius:360px;}
.index_com7 .com_js .bd .hot.red{ background:#ed7f9c;}
.index_com7 .com_js .hd{ width:50px;}

.index_com8{ padding:40px 0;}
.index_com8 .com{ padding:40px 0 20px; overflow:hidden;}
.index_com8 .com .div_l{ width:735px; position:relative;}
.index_com8 .com .div_l p{ font-size:0; line-height:0; border:1px solid #ddd;}
.index_com8 .com .div_l p img{ width:100%;}
.index_com8 .com .div_l a{ width:-moz-calc(100% - 30px); width:-webkit-calc(100% - 30px); width:calc(100% - 30px); display:block; line-height:30px; font-size:18px; color:#333; padding:10px 15px; background:rgba(246, 187, 33, 0.9); position:absolute; left:0; bottom:0;}
.index_com8 .com .div_l a:hover{ text-decoration:underline;}
.index_com8 .com .div_r{ width:520px;}
.index_com8 .com .div_r li{ line-height:30px; display:block; border-bottom:1px solid #ddd; padding:17px 0 17px 30px; background:url(../images/prev_h.jpg) center left no-repeat; background-size:23px auto;}
.index_com8 .com .div_r li a{ color:#666;}
.index_com8 .com .div_r li a:hover{ color:#65a74f;}
.index_com8 .bnt{ overflow:hidden;}
.index_com8 .bnt a{ float:right; display:block; padding-right:25px; background:url(../images/middle_ico.png) right center no-repeat;}

.index_com9{ padding-top:30px; background:#eff2f0;}
.index_com9 .index_title{ max-width:400px; margin:0 auto;}
.index_com9 .index_title:after{ width:100px; left:50%; margin-left:-50px;}
.index_com9 .com_js{ padding:40px 0 30px; position:relative; overflow:hidden;}
.index_com9 .com_js .hd{ width:35px; height:35px; float:left;}
.index_com9 .com_js .hd span{ position:absolute; top:50%; margin-top:-17px; cursor:pointer;}
.index_com9 .com_js .hd span img{ width:30px;}
.index_com9 .com_js .hd .prev{ left:0;}
.index_com9 .com_js .hd .next{ right:0;}
.index_com9 .com_js .hd .prev.prevStop,.index_com9 .com_js .hd .next.nextStop{ display:none;}
.index_com9 .com_js .bd{ float:left; margin-left:65px;}
.index_com9 .com_js .bd li{ width:240px; float:left; margin:0 15px;}
.index_com9 .com_js .bd li .pic{ font-size:0; line-height:0; border:1px solid #ddd; background:#fff;}
.index_com9 .com_js .bd li .pic img{ width:100%;}
.index_com9 .com_js .bd li p{ margin:10px 0; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis;}
.index_com9 .com_js .bd li p a{ color:#666;}
.index_com9 .com_js .bd li:hover p a{ color:#5bab32;}

.index_com10{ padding:30px 0 50px;}
.index_com10 .com_js{ width:auto; float:none;}
.index_com10 .com_js .bd{ width:1180px;}
.index_com10 .com_js .bd li{ width:335px; float:left; margin:0 35px;}
.index_com10 .com_js .bd li .bnt{ width:120px; margin-top:-4px; line-height:35px; color:#fff; text-align:center; display:block; float:right; background:#63a34d; border-radius:5px; -moz-border-radius:5px;}
.index_com10 .com_js .bd li .bnt:hover{ background:#4c8a37;}
.index_com10 .com_js .bd .text p span{ float:left; margin-left:10px;}


.index_com11{ padding:40px 0; background:#dde2e5;}
.index_com11 .index_title{ width:400px; margin:0 auto; border-color:#c0c5c8;}
.index_com11 .index_title:after{ width:100px; left:50%; margin-left:-50px;}
.index_com11 p{ width:500px; margin:0 auto; padding:30px 0; text-align:center;}
.index_com11 .box{ width:450px; margin:0 auto;}
.index_com11 .box .text{ width:295px; float:left; height:40px; line-height:40px; text-indent:10px; border:0; background:#fff; border-radius:5px; -moz-border-radius:5px;}
.index_com11 .box .bnt{ width:150px; float:right; height:40px; line-height:40px; color:#fff; text-align:center; border:0; background:#65a74f; border-radius:5px; -moz-border-radius:5px; cursor:pointer; transition: all 0.3s linear 0s;}
.index_com11 .box .bnt:hover{ background:#4c8a37;}


.limit_banner{ width:100%; max-width:1280px; margin:0 auto; text-align:center; line-height:0; font-size:0;}
.limit_banner img{ width:100%;}
.limit_com1{ padding:10px 0; background:#f5ffe6;}
.limit_com1 p{ margin:10px 0; font-size:18px; padding-left:25px; position:relative;}
.limit_com1 p span{ position:absolute; left:0; top:50%; margin-top:-12px; font-size:24px;}

.limit_title{ height:45px; margin-bottom:50px; border-bottom:2px solid #ad7155; text-align:center; position:relative;}
.limit_title .title_com{ line-height:50px; display:inline-block; margin:0 auto; padding:20px 40px; background:#fff;}
.limit_title .title_com h3{ float:left; font-size:30px; color:#97485b; border-radius:5px; -moz-border-radius:5px;}
.limit_title .title_com .box{ float:right; margin-left:10px;}
.limit_title .more{ padding-right:20px; position:absolute; right:10px; top:10px; background:url(../images/exclusive_down.png) right center no-repeat;}

.limit_com2{ padding:10px 0 55px;}
.limit_com2 .limit_title .title_com h3{ color:#fff; padding:0 20px; background:#97485b;}
.limit_com2 .limit_title .countdown{ margin-left:20px; float:left; color:#333;}
.limit_com2 .limit_title .countdown b{ font-weight:normal; float:left; line-height:30px; font-size:24px; margin-top:15px;}
.limit_com2 .limit_title .countdown em{ display:block; float:left; margin:0 5px 0 10px; padding:3px 2px; font-style:normal; background:linear-gradient(#18d4d4, #12a9a2); border-radius:4px; -moz-border-radius:4px; display:block;}
.limit_com2 .limit_title .countdown span{ display:block; padding:0 6px; height:40px; line-height:40px; font-size:30px; color:#fff; text-align:center; border:1px solid #fff; border-radius:4px; -moz-border-radius:4px; background:linear-gradient(#18d4d4, #12a9a2);}
.limit_com2 .limit_title .countdown i{ font-style:normal; float:left; font-size:15px; display:block; line-height:20px; margin-top:25px;}


.limit_com2 .com{ overflow:hidden; position:relative;}
.limit_com2 .com li{ width:-moz-calc(20% - 52px); width:-webkit-calc(20% - 52px); width:calc(20% - 52px); margin:0 5px; float:left; text-align:center; border:1px solid #fff; padding:20px 0; border-radius:20px; -moz-border-radius:20px; padding:20px;}
.limit_com2 .com li span{ width:85px; margin:0 auto; display:block; line-height:24px; font-size:14p; background:#e6e6e6;}
.limit_com2 .com li em{ display:block; font-style:normal; line-height:40px; font-size:20px; padding-bottom:10px;}
.limit_com2 .com li .pic{ font-size:0; line-height:0; margin-bottom:10px; height:280px;}
.limit_com2 .com li .pic img{ border-radius:10px; -moz-border-radius:10px; overflow:hidden;}
.limit_com2 .com li.hov a{ color:#fff;}
.limit_com2 .com li p{ margin:5px 0; font-size:18px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis;}
.limit_com2 .com li h3{ font-size:20px; margin:10px 0 12px;}
.limit_com2 .com li h3 b{ color:#eb1c24;}
.limit_com2 .com li s{ display:block;}
.limit_com2 .com li .bnt_cart{ display:none;}

.limit_com2 .com li.hov{ background:#659aa8; color:#fff; border-radius:20px; -moz-border-radius:20px;}
.limit_com2 .com li.hov span{ color:#333;}
.limit_com2 .com li.hov em{ color:#fffe03;}
.limit_com2 .com li.hov h3 b{ color:#fefd02;}
.limit_com2 .com li.hov .bnt_cart{ width:145px; margin:10px auto 0; color:#333; line-height:40px; display:block; background:#fff;}
.limit_com2 .com .hd{ width:100%; height:1px; position:absolute; left:10px; top:50%; display:none;}
.limit_com2 .com .hd span{ cursor:pointer;}
.limit_com2 .com .hd .next{ right:20px; position:absolute;}

.limit_com3{} 
.limit_com3 .com{ padding:10px 0 20px; overflow:hidden; position:relative;}
.limit_com3 .com .bd li{ overflow:hidden;}
.limit_com3 .com .bd li .pic{ width:50%; float:left; text-align:center;}
.limit_com3 .com .bd li .pic img{ width:auto;}
.limit_com3 .com .bd li .text{ width:50%; float:left;}
.limit_com3 .com .bd li .text h2{ margin-top:20px; font-size:30px; line-height:35px; margin-bottom:40px;}
.limit_com3 .com .bd li .text h3{ font-size:20px;}
.limit_com3 .com .bd li .text p{ padding:12px 0; font-size:20px;}
.limit_com3 .com .bd li .text p b{ color:#ee1b22;}
.limit_com3 .com .hd span{ position:absolute; top:50%; margin-top:-51px; cursor:pointer;}
.limit_com3 .com .hd .next{ right:0;}
.limit_com3 .com .hd .prev{ left:0;}


.limit_com4{ margin-bottom:40px; background:url(../images/exclusive_4_bg.jpg) repeat-x; border:2px solid #d0a281; border-radius:20px; -moz-border-radius:20px;}
.limit_com4 .limit_title{ margin:0px 30px; border-color:#4e3a2f;}
.limit_com4 .limit_title .title_com{ background:#d0a281;}
.limit_com4 .limit_title .title_com h3{ color:#000100;}
.limit_com4 .com{ margin:40px 100px 30px; position:relative;}
.limit_com4 .com .bd li{ width:215px; float:left; text-align:center; margin:0 28px;}
.limit_com4 .com .bd li .pic{ height:255px; padding:20px; line-height:0; font-size:0; background:#fff; border-radius:20px; -moz-border-radius:20px; display:flex; justify-content:center; align-items:center; }
.limit_com4 .com .bd li img{ width:100%; max-width:100%; max-height:100%;}
.limit_com4 .com .bd li h2{ font-size:18px; text-align:center; margin-bottom:20px;}
.limit_com4 .com .bd li h2 a{ color:#fff;}
.limit_com4 .com .bd li p{ padding:12px 0; font-size:20px;}
.limit_com4 .com .bd li p b{ color:#ee1b22;}
.limit_com4 .com .hd span{ position:absolute; top:50%; margin-top:-51px; cursor:pointer;}
.limit_com4 .com .hd .next{ right:-60px;}
.limit_com4 .com .hd .prev{ left:-60px;}


.limit_com5{ background:url(../images/exclusive_5_bg.jpg) repeat-x; border:2px solid #c7d3af;}
.limit_com5 .limit_title{ margin:0px 30px; border-color:#748155;}
.limit_com5 .limit_title .title_com{ background:#c7d3af;}
.limit_com5 .limit_title .title_com h3{ color:#3c4816;}
.limit_com5 .com{ margin:40px 20px 20px; overflow:hidden;}
.limit_com5 .com .bd li{ width:208px; margin:0 20px;}
.limit_com5 .com .bd li h4{ width:155px; margin:0 auto 30px; line-height:40px; font-size:18px; color:#fff; background:#808080; border-radius:5px; -moz-border-radius:5px; position:relative;}
.limit_com5 .com .bd li h4:after{ width:20px; height:10px; display:block; content:""; background:url(../images/exclusive_5_jt.jpg); position:absolute; left:50%; margin-left:-10px; bottom:-10px;}


.limit_com6{ font-size:0; line-height:0; text-align:center;}

.limit_com7{ padding:20px 0 30px; background:#f2ebd1;}
.limit_com7 .limit_title .title_com{ background:#f2ebd1;}
.limit_com7 .com{ padding:30px 0; background:#fff; overflow:hidden; border-radius:10px; -moz-border-radius:10px;}
.limit_com7 li{ width:33.3%; float:left; text-align:center; padding-bottom:30px;}
.limit_com7 li .pic a{ height:275px; display:flex; justify-content:center; align-items:center; }
.limit_com7 li .pic a img{ max-width:100%; max-height:100%;}
.limit_com7 li h3{ font-size:20px; padding:10px 5% 0px;}
.limit_com7 li p{ padding:12px 0; font-size:20px;}
.limit_com7 li p b{ color:#ee1b22;}


.limit_com8{ padding:20px 0 0; background:#fff;}
.limit_com8 .limit_title .title_com{ background:#fff;}
.limit_com8 li{ width:25%;}

.limit_com9{ font-size:0; line-height:0; margin-bottom:30px;}
.limit_com9 img{ width:100%;}
.limit_com10{ font-size:0; line-height:0; margin-bottom:30px;}
.limit_com10 img{ width:100%;}
.limit_com10 dd{ width:-moz-calc(50% - 15px); width:-webkit-calc(50% - 15px); width:calc(50% - 15px); float:left;}
.limit_com10 dt{ width:-moz-calc(50% - 15px); width:-webkit-calc(50% - 15px); width:calc(50% - 15px); float:right;}
.limit_com11{ font-size:0; line-height:0; margin-bottom:30px;}
.limit_com11 img{ width:100%;}
.limit_com11 dd{ width:-moz-calc(69% - 15px); width:-webkit-calc(69% - 15px); width:calc(69% - 15px); float:left;}
.limit_com11 dt{ width:-moz-calc(31% - 15px); width:-webkit-calc(31% - 15px); width:calc(31% - 15px); float:right;}
.limit_com11 dt a:nth-child(2n+0){ margin-top:30px; display:block;}
.limit_com10_m{ display:none;}


.privacy .text h3{ margin-bottom:20px;}
.privacy .text p{ margin-bottom:20px;}
.privacy .text ol li{ line-height:24px; list-style-type:decimal; list-style-position:inside; margin-bottom:1rem; padding-left:20px; text-indent:-20px;}
.privacy .text ul{ margin-top:10px; margin-bottom:10px;}
.privacy .text ul li{ line-height:24px; list-style-type:decimal; list-style-position:inside; padding-left:20px; text-indent:-20px; margin-bottom:5px; list-style-type:square; }
.privacy .text label{ margin:0 5px; color:#65a74f;}
.privacy .text span{ color:#65a74f;}
.privacy .text a{ text-decoration:underline; color:#65a74f;}
.privacy .text em{ font-style:normal; margin-right:5px; color:#f7b100;}
.ylib_about p{ text-indent:2em; margin-bottom:2em;}
.about h1{ font-size:24px; color:#65a74f;}
.about .div_text{ font-size:18px; margin-top:10px;}
.about .com_text{ padding-left:80px;}
.about .pic_01{ background:url(../images/yl_bg.jpg) left 10px no-repeat;}
.about .pic_02{ background:url(../images/ib_bg.jpg) left 10px no-repeat;}
.about .com_text h2{ font-weight:bold;}
.about .com_text p{ line-height:24px;}
.about h2{ font-size:18px; color:#65a74f;}
.about h3{ color:#f7b100;}
.intro .com{ border:0;}
.intro .com td{ border:0; border-bottom:1px dashed #b7b7b7; text-indent:-16px;}
.list_com_row_gx{ padding-top:37px;}


input,textarea,select{ font-size:14px !important;}
body,.index_com1 .com .bd li .text h2,.index_com6 .com_js .bd .text h2,.index_com8 .com .div_l a,.index_com2 .box .text p,.index_com2 .box .text .bnt_share,.index_com2 .box .text .bnt_detail,.index_title .bnt_more,.list_com li h3,.pack_com4 .bd li .text h3 a,.event_com2 li h3,.event_com1 .com li h3,.limit_com1 p,.limit_com2 .com li p,.limit_com4 .com .bd li h3,.limit_com7 li h3,.cart_d8 .bd li .text h3,.cart_d7,.vip_com3 .com .text h3,.fair_com_r3 .text h3{ line-height:22px !important; font-size:15px !important;}
.cart_d7 .bnt a,.index_com2 .box .text label,.index_com2 .box .text em,.index_com2 .box .text span{ font-size:15px;}









/*--------------文章页页面----------------*/
.article_pic{ padding-bottom:30px;}
.article_pic_l{ width:360px; float:left; overflow:hidden;}
.article_pic_l_c{ width:350px; overflow:hidden; height:420px; border:1px solid #a4a4a4;}
.article_pic_l_c ul{}
.article_pic_l_c li{ float:left; font-size:0px; line-height:0px; height:422px; text-align:center;}
.article_pic_l_c li img{ width:100%; height:100%;}
.article_pic_l_t{ margin-top:10px;}
.article_pic_l_t ul{}
.article_pic_l_t li{ width:25%; float:left; cursor:pointer; text-align:center; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;}
.article_pic_l_t li img{ width:70px; height:70px;}
.article_pic_l_t .on{filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}


.coupon_bg{ width:100%; height:100%; background:rgba(0, 0, 0, 0.7); position:fixed; left:0; top:0; z-index:999; display:none;}
.coupon{ margin:40px auto 0; max-width:1200px; padding:20px; background:#fff; border-radius:10px; -moz-border-radius:10px; position:relative;}
.coupon .title{ color:#666; padding-bottom:10px;}
.coupon .title span{ width:45px; text-align:center; height:45px; line-height:45px; display:block; font-size:24px; color:#fff; background:#333; border-radius:365px; -moz-border-radius:365px; position:absolute; right:-20px; top:-20px; cursor:pointer;}
.coupon .com th{ padding:8px 0; background:#d2e5c4; border-left:1px solid #eee;}
.coupon .com td{ text-align:center; padding:8px 0; border-bottom:1px solid #eee; border-left:1px solid #eee;}
.coupon .com td span{ color:#1ba751;}
.coupon .com td .sitem{ border:1px solid #eee; padding:5px; border-radius:5px; -moz-border-radius:5px;}
.coupon .com th:nth-child(1),.coupon .com td:nth-child(1){ border-left:0;}
.coupon .bnt{ text-align:right; padding-top:20px;}
.coupon .bnt a{ display:inline-block; line-height:35px; padding:0 30px; color:#fff; background:#5bab32; border-radius:5px; -moz-border-radius:5px;}
.coupon .bnt a:hover{ background:#41881c;}


.press_box{ display:none;}