@charset "utf-8";

/* CSS Document */


@import url("reset.css");

body{font-family:Arial ,"微軟正黑體"; font-size:100%; margin:0; padding:0;}
a{color:#DF2629; text-decoration:none;}

input:focus , select:focus ,textarea:focus{outline:#ff7f17 solid 1px;}
button{outline:none;}
textarea{resize:none}
/*-TOP-*/

#top{ min-width:1000px; height:90px;}

#top .main{ width:1000px; height:90px; margin:0 auto; padding:0;}
#top .main h3{ float:left; width:30%; height:100px; overflow:hidden;}
#top .main h3 a{ display:block; float:left; width:50%; height:90px; background:url(../images/logo.jpg) no-repeat left center; background-size:auto 100%; text-indent:-9999px; margin-top:5px;}
#top .main h3 span{float:left; line-height:120px; color:#e94021; font-weight:normal; text-align:left; font-size:0.9em;}
#top .main .btn_function{float:right; width:65%; margin-top:5px;}
#top .main .btn_function .btn_search{float:right; width:200px; height:23px; border:#dcdcdc 2px solid; border-radius:0.3em; padding:2px 3px; margin:6px 0 0 5px;}
#top .main .btn_function .btn_search input{border:none; width:150px; margin:0 3px; vertical-align:middle; color:#6d7172;outline:none;}
#top .main .btn_function .btn_search .btn{border:none; width:25px; height:25px; background:url(../images/btn_search.jpg) no-repeat left top; text-indent:-9999px;}
#top .main .btn_function .btn_icon{float:right; width:130px; height:31px;}
#top .main .btn_function .btn_icon span{display:block; float:left; width:31px; height:31px; margin:5px;}
#top .main .btn_function .btn_icon span a{display:block; width:100%; height:31px; text-indent:-9999px;}
#top .main .btn_function .btn_icon .b_facebook a{background:url(../images/btn_function.png) no-repeat left top;}
#top .main .btn_function .btn_icon .b_line a{background:url(../images/btn_function.png) no-repeat -44px top;}
#top .main .btn_function .btn_icon .b_blog a{background:url(../images/btn_function.png) no-repeat -88px top;}
#top .main .btn_function .btn_icon .b_facebook:hover a{background:url(../images/btn_function.png) no-repeat left -34px;}
#top .main .btn_function .btn_icon .b_line:hover a{background:url(../images/btn_function.png) no-repeat -44px -34px;}
#top .main .btn_function .btn_icon .b_blog:hover a{background:url(../images/btn_function.png) no-repeat -88px -34px;}

#top .main .btn_function .btn{float:right; width:80%; height:20px; margin-top:1em;}
#top .main .btn_function .btn span{display:block; float:right; width:auto; height:20px; font-size:0.9em; color:#666; line-height:20px; margin-left:1.3em;}
#top .main .btn_function .btn span a{display:block; float:left; width:100%; height:20px;  color:#666; text-decoration:none; padding-left:23px;}

#top .main .btn_function .btn .b_01 a{background:url(../images/btn_cart.png) no-repeat left top; background-size: auto 100%;}
#top .main .btn_function .btn .b_02 a{background:url(../images/btn_member.png) no-repeat left top; background-size: auto 100%;}
#top .main .btn_function .btn .b_02 {border-right:1px dotted #999; padding-right:1.3em;}
#top .main .btn_function .btn  a:hover{color:#F05053;}

#top .main ul{ display:block; width:1000px; height:44px; float:left;background:url(../images/btn_menu.jpg) no-repeat left top;}
#top .main li{ float:left; width: calc(100%/7); height:44px; line-height:44px;}
#top .main li a{ display:block; float:left; width:100%; height:44px; text-align:center; text-decoration:none; color:#fff;}
#top .main li a:hover{color:#fff; background-color:#f26522; border-radius:0.5em;}

#top ul.sub{ display:none; position:absolute; width:190px; height:auto; margin:0;  border:#1491d1 solid 1px; border-top:none; left:0; z-index:99;}
#top ul.sub li a{ width:190px; height:auto; text-indent:0; text-align:center; font-size:12px; font-family:Arial; padding:5px 0; background:#fff; opacity:0.8; color:#333; text-decoration:none;}
#top ul.sub li a:hover{ background:#1491d1; color:#fff;}

#top dl a.fb{ display:block; width:30px; height:30px; position:absolute; right:20px; top:0; text-indent:-9999px; background:url(../images/facebook.jpg);}



/*-MID-*/

#mid{ min-width:1000px; min-height:570px; margin-top:50px;}
#mid .main{ width:1000px; margin:0 auto; padding:10px 0px;}
#mid .page{float:left; width:100%;margin-top:15px; }

/* 首頁 */
#mid .home{float:left; width:100%; margin-top:1em;}
/*banner*/
#mid .banner{ width:1000px; height:293px; background:#fff; position:relative;}
#mid .banner nav{ position:absolute;top:0;left:0;z-index:0; width:1000px; height:293px; margin:0px;}
#mid .banner ul{ display:block; width:1000px; height:293px; overflow:hidden; position:relative;}
#mid .banner ul li img{ width:1000px;}

#mid .home .hot_news, #mid .home .hot_events{float:left; width:46%; height:300px; margin:10px 2%;}
#mid .home .hot_news h1, #mid .home .hot_events h1, #mid .home .hot_products h1{float:left; width:100%; font-size:1.5em; height:40px; margin-bottom:10px; color:#e94021; border-bottom:1px dotted #999;}
#mid .home .hot_news h1 span, #mid .home .hot_events h1 span, #mid .home .hot_products h1 span{font-size:0.8em; padding-left:1em;}
#mid .home .hot_news h1 strong, #mid .home .hot_events h1 strong, #mid .home .hot_products h1 strong{float:right;width:5.5em; font-size:0.6em; font-weight:normal; line-height:45px; margin-right:0.5em;}
#mid .home .hot_news h1 strong a, #mid .home .hot_events h1 strong a, #mid .home .hot_products h1 strong a{color:#999999; text-decoration:none;}
#mid .home .hot_news h1 strong a:hover, #mid .home .hot_events h1 strong a:hover, #mid .home .hot_products h1 strong a:hover{color:#333333;}


#mid .home .hot_news h2{float:left; width:100%;font-size:0.875em; margin-bottom:7px;}
#mid .home .hot_news h2 span{display:block;float:left; width:125px; height:125px; background:url(../images/index_news_bg.jpg) no-repeat left top;}
#mid .home .hot_news h2 span img{width:101px; height:108px; margin:8px 0 0 11px;}
#mid .home .hot_news h2 .tit{float:left; width:190px;  color:#3894db; font-weight:bold; margin:5px;}
#mid .home .hot_news h2 .tit a{color:#000; font-weight:bold; text-decoration:none;}
#mid .home .hot_news h2 .tit a:hover{text-decoration: underline;}
#mid .home .hot_news h2 .detail{float:left; width:190px; height:60px; color:#696969; margin:5px; font-weight:normal; line-height:21px; overflow:hidden;}
#mid .home .hot_news p{float:left; width:93%; height:20px; background: url(../images/index_news_icon.jpg) no-repeat left center; font-size:0.875em; color:#696969; margin:5px; padding-left:7%; line-height:20px;}
#mid .home .hot_news p a{display:block; width:95%; height:20px;color:#696969; text-decoration:none;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden; }
#mid .home .hot_news p a:hover{text-decoration: underline;}
#mid .home .hot_news .btn_more{float:left; width:100%; margin:8px 0 0 0;}


#mid .home .hot_events h2{float:left; width:100%;font-size:0.875em; margin-bottom:7px;}
#mid .home .hot_events h2 span{display:block;float:left; width:125px; height:125px; background:url(../images/index_news_bg.jpg) no-repeat left top;}
#mid .home .hot_events h2 span img{width:101px; height:108px; margin:8px 0 0 11px;}
#mid .home .hot_events h2 .tit{float:left; width:190px;  color:#3894db; font-weight:bold; margin:5px;}
#mid .home .hot_events h2 .tit a{color:#3894db; font-weight:bold; text-decoration:none;}
#mid .home .hot_events h2 .tit a:hover{text-decoration: underline;}
#mid .home .hot_events h2 .detail{float:left; width:190px; height:60px; color:#696969; margin:5px; font-weight:normal; line-height:21px; overflow:hidden;}
#mid .home .hot_events p{float:left; width:93%; height:20px; background: url(../images/index_news_icon.jpg) no-repeat left center; font-size:0.875em; color:#696969; margin:5px; padding-left:7%; line-height:20px;text-overflow:ellipsis;}
#mid .home .hot_events p a{display:block; width:95%; height:20px;color:#696969; text-decoration:none;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden; }
#mid .home .hot_events p a:hover{text-decoration: underline;}
#mid .home .hot_events .btn_more{float:left; width:100%; margin:8px 0 0 0;}

#mid .home .hot_movie h2{float:left; width:100%; text-align:center;}
#mid .home .hot_movie h3{float:left; width:100%;}
#mid .home .hot_movie h3 select{width:100%; }


#mid .home .hot_products{float:left;width:665px; min-height:500px; margin:10px 0;}
#mid .home .hot_products h1 strong{float:right;width:5.5em; font-size:0.65em; font-weight:normal; }
#mid .home .hot_products h1 strong a{color:#999999; text-decoration:none;}
 
#mid .home .hot_products .list{float:left; width:204px; font-size:0.8125em; color:#898989; border:#e9e9e9 1px solid; text-align:center; margin:0 8px 15px 7px;}
#mid .home .hot_products .list .pic{float:left;width:200px; height:150px; margin:2px;}
#mid .home .hot_products .list .pic img{width:200px; height:150px;padding-top:2px;}
#mid .home .hot_products .list .name{float:left;width:96%; height:32px; margin:10px 2%; text-align:center; font-weight:bold;overflow:hidden;}
#mid .home .hot_products .list .buy{float:left;width:96%; height:35px; margin:2px 2%; text-align:center;}
#mid .home .hot_products .list .buy a{display:block;width:115px; height:30px;background:url(../images/btn_buynow.png) no-repeat left -30px;  text-indent:-9999px; border: none; margin:0 auto;}
#mid .home .hot_products .list .buy a:hover{background:url(../images/btn_buynow.png) no-repeat left top; }
#mid .home .hot_products .list .detail{float:left;width:195px; height:35px; margin:2px;}
#mid .home .hot_products .list .detail a{color:#898989; text-decoration:none;}
#mid .home .hot_products .list .detail a:hover{text-decoration: underline;}


#mid .home .ad_member{float:right; width:328px; margin:10px 0;}
#mid .home .ad_pic{float:right; width:328px;}
#mid .home .ad_pic img{margin:3px 0;}


#mid .main .banner1 nav ul li img{width:100%;}

/*left*/
#mid .left{ width:222px; float:left;}

#mid .left h3{ display:block; width:180px; height:63px; font-size:1.5em; color:#333; line-height:30px; padding:0 15px;}
#mid .left h3 strong{font-size:0.5em; margin-left:1em;}

/*left menu*/

#mid .left .leftMenu{ position:relative;}

#mid .left .leftMenu ul{ display:block; width:88%; margin:0px 0 30px 12%;}

#mid .left .leftMenu ul li{ position:relative; width:100%;background:url(../images/left_title_icon.png) no-repeat left bottom; padding-top:10px; padding-bottom:2px; border-bottom:#ff5051 1px solid;}

#mid .left .leftMenu ul li a{ display:block; font-size:0.95em; font-family:Arial; text-decoration:none; color:#5c5c5c; height:30px; line-height:30px; padding-left:30px;}

#mid .left .leftMenu ul li a:hover, #mid .left .leftMenu ul li a.active{ color:#000;}

#mid .left .leftMenu ul li.now > a{ color:#000 !important; font-weight:bold;}

#mid .left .leftMenu a.more{ display:block; position:absolute; right:0; top:0; height:30px; line-height:30px; font-size:12px; font-family:Arial; text-decoration:none; color:#1fa5e6;}

#mid .left .leftMenu a.more:hover{ color:#000;}

#mid .left .leftMenu p{float:left; width:90%; font-family:Arial; font-size:0.8125em; color:#9fa0a0;margin:8px 5%;}
#mid .left .leftMenu p a{color:#9fa0a0; text-decoration:none;}

#mid .left ul.leftSub{ display:none; width:130px; height:auto; margin:0; position:absolute; left:150px; top:0; padding:0; border:#1491d1 solid 1px; z-index:10;}

#mid .left ul.leftSub li{ width:130px;}

#mid .left ul.leftSub li a{ display:block; background:#1491d1; opacity:0.8; color:#fff; padding:0 10px;}

#mid .left ul.leftSub li a.active{ background:#1491d1; color:#fff;}

#mid .left ul.leftSub li a:hover{ background:#fff; color:#333;} 



/*search & newsletter*/

#mid .left .search, #mid .left .newsletter{ position:relative; height:95px; margin-top:10px; display:none;}

#mid .left .search p, #mid .left .newsletter p{ font-size:12px; color:#999; font-family:Arial; padding:10px 0;}

#mid .left .search input, #mid .left .newsletter input{ width:175px; height:20px; line-height:20px; padding:4px; padding-right:30px; border:#ccc solid 1px; font-family:Arial; color:#666; font-size:12px;}



#mid .left .search input.button, #mid .left .newsletter input.button{ display:block; position:absolute; width:30px; height:30px; text-indent:-9999px; right:0; bottom:0; border:none; cursor:pointer;}

#mid .left .search input.button{ background:url(../images/icon.png) 0 0;}

#mid .left .newsletter input.button{ background:url(../images/icon.png) -30px 0;}



/*right*/

#mid .right{ width:745px; float:right;}



#mid .right .all_title{float:left; width:96%; height:30px; font-size:1em; color:#d03c36; font-weight:bold; background:url(../images/icon.png) no-repeat -128px -2px;line-height:30px; padding-left:4%; margin:0 0 10px 0;}
.pagination{ display:block; height:22px !important; position:absolute; left:2px; top:-22px; z-index:99;}

.pagination li{ float:left; margin:0 1px;}

.pagination li a{ display:block; width:20px; height:20px; background:#bcb7a0; font-size:11px; text-align:center; line-height:20px; font-family:Arial; color:#fff; text-decoration:none; opacity:0.8;}

.pagination li.current a{ background:#116aae; text-shadow:#fff 0px 0px 6px;}



/*product*/

#mid .product{  margin-top:10px; position:relative;}

#mid .slide{ width:730px; height:160px; overflow:hidden; position:relative;}

#mid .slide ul{ display:block; height:160px; position:absolute; left:0; top:0;}

#mid .slide li{ display:block; width:233px; height:158px; float:left; margin-right:12px; border:#ddd solid 1px;}

#mid .slide li a{ display:block; width:225px; height:150px; margin:4px;}



#mid .product a.next, #mid .product a.prev{ display:none; position:absolute; top:65px; width:30px; height:30px; text-indent:-9999px; z-index:1;}

#mid .product a.next{ right:0; background:url(../images/arrow.png) right top no-repeat ;}

#mid .product a.next:hover{ background-position:right bottom;}

#mid .product a.prev{ left:0; background:url(../images/arrow.png) left top no-repeat ;}

#mid .product a.prev:hover{ background-position:left bottom;}



/*-FOOTER-*/

#footer{float:left; width:100%;margin:25px auto;}

#footer dl{ width:1000px; margin:0 auto; position:relative;}
#footer dt{ display:block; height:65px; line-height:60px; text-align:center; font-family:Arial; font-size:0.875em; color:#6f6f6f; }
#footer dt a{ color:#6f6f6f; text-decoration:none;}
#footer dt a:hover{ color:#a55c20;}

#footer dd{ display:block; height:30px; line-height:1.2em; text-align:center; font-family:Arial; font-size:13px; color:#6f6f6f; margin:8px 0;}
#footer dd .logo{float:left; width:20%; height:75px; text-align:center; padding:0 5%;}
#footer dd .logo img{width:60%; margin:0 auto;}
#footer dd .copyright{float:right; width:70%; height:75px; text-align:left;}
#footer dd .copyright p{margin:7px 0;}
#footer dd a{ color:#6f6f6f; text-decoration:none;}
#footer dd a:hover{text-decoration: underline;}