@charset "utf-8";
/* CSS Document */

.news_search{ width:100%; background-color:#ffdae1; padding:10px 15px;box-sizing: border-box;color: #000; }
.n_dete{ display:inline-block; margin-right:10px}
.n_dete label{padding: 0 5px;}
.n_dete input{border-radius: 5px;border: none;color: #e86877;padding:5px 0 5px 10px;vertical-align: middle; }
.n_select{ display:inline-block;}
#bookdate:before{content:"\f073";font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit; padding:0 5px 0 0;}
.n_book{ vertical-align: middle;height: 30px;border-radius: 5px;border: none;color: #e86877;padding:0 0px 0 36px;margin-right:10px; font-size:16px;}
.n_search{display:inline-block; color:#fff; background:#e86877;border-radius: 5px; padding:6px 20px; vertical-align: middle; text-align:center; font-size:14px;}
.n_search i{vertical-align:initial; padding-right:5px}
.dete1{display:inline-block;}


/* ---列表--- */
.news_content {padding: 10px 0px; width:100%;margin-bottom: 50px;background-image:url(../images/page/about_bg.png); background-position:center;}
.content { border-bottom: 1px dashed #b4b4b4;padding: 8px 3px;font-size: 15px;display: block;}
.date {background-color:#ffb946;padding: 1px 15px;border-radius: 25px;color: #fff;display: inline-block; vertical-align: middle;}
.content:nth-child(even) .date{background-color: #45a9aa;}
.theme {display: inline-block;padding-left:10px;color: #777;font-weight: bold;vertical-align: middle;width: 87%;}
.content:hover {background-color: #fffaf3;opacity: 1;}

/* ---下載--- */
.download_content {padding: 10px 0px; width:100%;margin-bottom: 50px;background-image:url(../images/page/about_bg.png); background-position:center;}
.download_content .theme {display: inline-block; padding-left:10px;color: #777;font-weight: bold; width:85%;vertical-align: middle; font-size:16px;}
.download_content .content:after{content:"\f019";font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit; color:#ffb946; float:right;-webkit-transform: translateZ(0);
  transform: translateZ(0); }
.download_content .theme span{width:100%;display: inline-block;}

/* ---頁碼--- */
.page_list{ width:100% ; text-align:center; font-weight:bold; padding-top:30px;}
.arrow_out{ background-color:#eeeeee; padding:8px 13px; text-align:center; vertical-align:middle;border-radius:4px; margin-right:25px}
.arrow { background-color:#eeeeee; padding:8px 13px;text-align:center; vertical-align:middle;border-radius:4px; margin-left:25px}
.page{ background-color:#eeeeee; color:#666;padding:8px 13px; text-align:center; vertical-align:middle;border-radius:4px; margin-right:15px}
.page_list .page_enter{ background-color:#ffb946; color:#fff}
.page:nth-child(4n){margin-right:0;}
.arrow_out i{ color:#CCC;vertical-align: middle;padding-bottom: 2px;}
.arrow i{ color:#999;vertical-align: middle;padding-bottom: 2px;}
.arrow_out:hover,.arrow_out i:hover{opacity:1;}
.arrow:hover, .page:hover{ background-color:#ffb946; color:#fff}
.arrow:hover i{color:#fff;}
.page_list a{ background-color:#eeeeee; color:#666;padding:8px 13px; text-align:center; vertical-align:middle;border-radius:4px; margin-right:15px}
.page_list a:hover, .page:hover{ background-color:#ffca4f; color:#fff}

/* ---內容--- */ 
.info{ position:relative; width:100%;}

/* ---左邊--- */ 
.left{float: left;width:72%; margin-bottom:50px}
.newstitle{ width:100%; padding-bottom:10px;vertical-align:middle;box-sizing: border-box;}
.title{ padding-bottom:3px;display:inline-block; vertical-align:middle; font-size:20px; font-weight: bold; color:#333;width: 85%;}
.nw_dete{ display:inline-block; text-align: right;vertical-align:middle; border-left:1px #ccc solid; padding-left: 10px;}
.n_links{width: 100%;text-align: right;padding-top: 10px;}
.n_bnt2{display:inline-block; color:#fff; background-color:#ffb946;border-radius: 25px; padding:5px 15px; margin-right:8px}
.n_bnt2:before{content:"\f127";font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit; padding:0 5px 0 0;}
.n_bnt{display:inline-block; color:#fff; background-color:#4da7c4;border-radius: 25px; padding:5px 15px}
.n_bnt:before{content:"\f114";font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit; padding:0 5px 0 0;}
.news_info{ width:100%; margin-top:20px; margin-bottom:20px;}
.news_info p{ padding:10px 0}
.news_info img{ padding:10px 0 ; width:100%}
.n_l{ width:100%;border-bottom: 1px dashed #b4b4b4; padding-bottom:30px}
.n_more{ color:#fff;background-color:#ffb946;border-radius: 25px; padding:5px 15px; text-align:center; display:block}
.n_more:before{content:"\f141";font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit; padding:0 5px 0 0;}
.n_back{ width:100%;padding-top:30px;text-align: right;}
.back{color:#fff; background-color:#ccc;border-radius: 25px; padding:10px 15px; margin-right:8px}
.back:before{content:"\f112";font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit; padding:0 5px 0 0;}


/* ---右邊--- */
.news_right{ text-align: center;display: inline-block;width: 25%;float: right;}
.title_all {display: block; position: relative;width:100%;}
.titlen{border-right:1px solid #f6754d;  font-size:16px;border-left: 1px solid #f6754d; font-weight:bold; display:inline-block;}
.ch{color:#f6754d;padding:0 0 0 17px}
.en{ color:#ffb946;padding:0 17px}
.listall{border: 1px solid #ffb946;padding:10px; margin-top: 10px;border-radius: 5px;overflow:hidden; line-height:20px}
.n_content {border-bottom: 1px dashed #b4b4b4; padding:5px;display: block;}
.n_content:hover { background-color: #fffaf3;opacity: 1;}
.n_date{ color:#ffb946; font-weight:bold}
.n_theme{ color:#777;}
.n_content:last-child { border: none;}
.newslist{ padding-bottom:20px; width:100%;text-align: left;}
.saleslist{ padding-bottom:20px; width:100%;text-align: left;}
.sales img{width: 100%;position: absolute;top: 0px;left: 0px; right: 0px; bottom: 0px;margin: auto;}
.sales_o{border: 1px solid #ffb946;margin-top: 10px;border-radius: 5px;overflow: hidden; position: relative;}
.sales{ height: 120px; width:241px;}
.sales_o:hover{border: 1px solid #eb6877;}

.page_arrow{display: inline-block;float: right; font-size:20px;vertical-align: middle;}
.last_page, .next_page{ color:#ffb946;}
.last_page{padding-right: 20px;}
.page_arrow a:hover{color:#e86877;}

/* ---block03--- */
.block03{ width:100%;padding: 10px 0; margin-bottom: 50px;}
.block03 a:hover{opacity:1;}
.activity_all{ padding:10px 0; display:table; text-align: left;font-size: 0;width: 100%;}
.activity{ border:1px solid #ffb946;border-radius:5px; overflow:hidden }
.show{ width:300px; padding:10px; box-sizing: border-box; font-size:14px; height: 170px;}
.showimg{ background-color:#000;transition: .5s; width:100%;height:113px;overflow: hidden; position: relative;}
.showimg img{ width:100%; position: absolute; top: 0px; left: 0px;right: 0px;bottom: 0px;margin: auto;}
/*.activityteam:hover .showimg img{opacity:0.3;}*/
.showname{ font-size:18px; font-weight:bold; color:#000; height:50px}
.showname_o{ height:100px; overflow:hidden; font-size:16px; }
.activity_all a{ color:#777}
.hoverbg{display:inline-block;text-align: center;position: absolute;top: 10px;right: 0;left: 0;margin: 0 auto;width: 25px;height: 47px;}
.activityteam:hover .hoverbg img{opacity:1;}
.hoverbg img{margin-top: 30px;opacity:0;transition: .5s}
.show_all{position: relative;}
.showlink{ position:absolute;top:10px; right:8px;opacity:0; display:inline-block; z-index:99;transition: .5s}
.showlink a:hover{opacity:0.8;}
.activityteam:hover .showlink{opacity:1;}
.activityteam{ position:relative;display: inline-block; padding:0 0px 20px 0;width: 32%;margin-right: 19px;box-sizing: border-box; }
.activityteam:nth-child(3n) {margin-right:0px;}
.activityteam:last-child .showlink{right:10px;}
.showlink_m{ display:none}
.block03 .more{opacity:0.8}
.showlink:nth-child(3n){right: 20px;}

/* ---activity02--- */
.activity_info{ width:100%; margin-bottom:50px; position: relative;}
.seemore{height: 70px;bottom: 0;position: absolute;text-align: center;width:100%;background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.4) 20%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.4) 20%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.4) 20%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );padding-top: 30px;}
.btns{display: inline-block;margin: 0 auto;color:#ffb946;background-color:#fff;border-radius:10px; padding:5px 15px; text-align:center; display:block; border:2px solid #ffb946; cursor: pointer;width: 50%;}	
.btns:before{content:"\f141";font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit; padding:0 5px 0 0;}
.activity_info p{ padding:10px;}
.activity_info img{ width:100%; }
.ac_c{min-height: 450px;max-height: 920px;overflow: hidden;}

/* ---about--- */
.about{ width:100%; margin-bottom:50px; background-image:url(../images/page/about_bg.png); background-position: bottom; background-repeat: repeat-x}
.about_title{ color:#6abed9; font-size:20px; font-weight:bold;}
.about_title p{ color:#777; font-size:14px; font-weight:normal; padding-top:2px}
.about_info{ display:inline-block; width:55%; padding-top:20px}
.about_info p{ padding-bottom:10px;}
.about_info2{ display:inline-block; padding-top:20px; float:right}
.about_info3{ width:100%;padding-top:20px; }

/*----推薦商品----*/
.info2{ width:100%;position: relative;margin-bottom:80px; margin-top:30px;text-align: center;}
.best_content2 {width: 100%;display: inline-block;text-align:left;margin-bottom: 50px;}
.line{border-bottom: 1px dashed #b4b4b4; width:100%;text-align: center;}
.b_b{padding:20px 35px 20px 0px; display: inline-block;width:16%; text-align:center;box-sizing: border-box;vertical-align: top;}

.best_list{display:inline-block;}
.bestbook{ height:162px; width:116px;overflow: hidden; position: relative;}
.bestbook img{width: 100%;position: absolute;top: 0px;left: 0px; right: 0px; bottom: 0px;margin: auto;}
.bookname{ color:#777;text-align: left;padding: 5px 0 0 0;line-height:20px; height:40px;}
.best_list:hover .bookname{color:#4da7c4;}
.best_content a:hover{opacity: 1;}
.author, .price2{color:#434343;text-align: left; padding-bottom:1px;}
.price{padding-bottom:8px; color:#F00; text-align:left}
.title_all2 { padding:0 0px 10px 0px;text-align: center;}
.title2 {font-size: 16px;font-weight: bold;display: inline-block;color: #4da7c4;}

.morebutton, .mloading{ text-align:center;}
.moreList{ text-align:center; display:block; color:#4da7c4; width:150px; border:1px solid #4da7c4;border-radius:5px;}

@media screen and (max-width: 1024px) and (min-width: 768px){
.news_search {width: 95%;}
.news_content{width: 95%;}
.download_content{width: 95%;}
.download_content .theme {width:80%;}
.n_search{padding: 8px 20px;}
.n_search span{ display:none;}
.n_search i{padding-right:0px}

.left {float: none;width: 90%;}
.news_right {float: none;width: 90%; display:block; text-align:left;}
.newslist{width: 57%; display:inline-block; vertical-align:top;}
.saleslist{width: 40%; display:inline-block; vertical-align:top;float: right;}
/* ---block03--- */
.block03 .title_all{padding: 0 20px;box-sizing: border-box;}
.block03 .more{right:21px;}
.activity_all {padding: 20px 20px; width:95%}
.activityteam{width: 48%;padding: 0 0 30px 0;margin-right:0; }
.show {width: 88%;float: left;height: 160px;}

.activityteam:nth-child(2n){ float: right}
.showlink{ display:none}
.showlink_m{ display: block ; position: absolute;bottom:51px; right:3px;width: 43px;}
.showlink_m .showfb img{ padding:0 0 8px 0}

/* ---activity02--- */
.activity_info{ width:90%;}

.about{ width:90%}
.about_info{display:block;width: 100%;}
.about_info2{display:block;width: 100%;float: none; text-align:center}
.info2 {width: 95%;}
.b_b{width:19%}


.showname{line-height: 22px;}
.showname_o { height: 75px; overflow: hidden;line-height: 26px;}
}

@media screen and (max-width: 767px){
.news_search {width: 90%;}
.news_content{width: 90%;}
.download_content{width: 90%;}
.download_content .theme {width:58%}
.n_dete{ width:100%}
.n_search{padding: 8px 20px;}
.n_search span{ display:none;}
.n_search i{padding-right:0px}
.dete1 {display: inline-block;padding-bottom: 10px;}
.theme {width: 60%;}
.title{ width:100%}
.left {float: none;width: 90%;}
.news_right {float: none;width: 90%; display:block; text-align:left;}
.newslist{width: 100%; display:block; }
.saleslist{width:100%; display:block;}

.n_back{text-align: center;}
.back{width: 90%;display: block;text-align: center;}
/* ---block03--- */
.block03 {width: 90%;}
.activityteam{width: 100%;}
.showimg img{width:100%;}
.show {width: 88%;float: left;height: 160px;}
.activityteam{padding:0 0 30px 0 }
.showlink{ display:none}
.showlink_m{ display: block ; position: absolute;bottom:51px; right:3px;width: 43px;}
.showlink_m .showfb img{ padding:0 0 8px 0}
.about{ width:90%}
.about_info{display:block;width: 100%;}
.about_info2{display:block;width: 100%;float: none; text-align:center}
.about_info2 img{width: 100%;}
/* ---activity02--- */
.activity_info{ width:90%;}

.s1{ display:none}
.info2 {width: 95%;}
.b_b{width:49%}

.best_content2{ width:85%;}
.showname_o {height: 77px;line-height: 20px;}

}
@media screen and (max-width: 320px){
.theme {width: 54%;}
.download_content .theme {width: 100%;padding-top: 10px;}
.download_content .content:after{ display:none;}
.date{width: 80px;text-align: center; display:block; float:left;}
.s1{ display:none}

.best_content2{ width:90%}
}