/* 會員+銀行 */
#menu .topleft{width:180px; float:left;}
#menu .topleft .box{width:180px; height:178px; float:left; padding:1px;}
#menu .topleft .title{width:175px; height:30px;text-align:center; color:#fff; line-height:30px; font-weight:bold; font-size:110%;}
#menu .topleft .ad{width:170px; height:138px; padding:5px; background:#fff; text-align:center;}
#menu .topleft .ad img{width:168px; height:138px;}
#menu .topleft .bankbox{background:#32b16c; margin-bottom:5px;}
#menu .topleft .memberbox{background:#8957a1;}

/* 中間廣告 */
#menu .topmid{width:740px; float:left; margin-left:5px; }
#menu .topmid .hotsale{width:730px; padding:5px; overflow:hidden;}
#menu .topmid .hotsale li{float: left;width: 85px;margin: 0;padding: 0 9px;border-right: 1px dotted #ddd;}
#menu .topmid .hotsale li:last-child{border-right: 1px dotted #fff;}
#menu .topmid .hotsale p{width: 80px;height: 80px;margin: 0 auto 5px;padding: 0;color:#266eb9;}
#menu .topmid .hotsale p img{width: 80px;height: 80px;}
#menu .topmid .hotsale h4{width: 80px;height: 18px;text-align: center; margin: 0 auto; padding: 0; overflow: hidden; line-height:18px;color:#266eb9; font-size:12px;font-family: Arial,"PMingLiU","MingLiU"; }
#menu .topmid .hotsale li:hover h4{ text-decoration:underline;}

#menu .topmid ul.marquee {
	/* required styles */
	display: block;	padding: 5px;	margin: 7px 0 5px 0;	list-style: none;	line-height: 1;	position: relative;	overflow: hidden; 
	/* optional styles for appearance */
	width: 730px;height: 26px; background:url(../images/topmid_marquee.png) no-repeat; /* height should be included to reserve visual space for the marquee */}
#menu .topmid ul.marquee li {
	/* required styles */
	position: absolute;	top: -999em;left: 0;display: block;	white-space: nowrap; /* keep all text on a single line */
	/* optional styles for appearance */	
	padding:10px 0px 0px 100px; font-size:16px; color:#266eb9; z-index:15;}
#menu .topmid ul.marquee li a{ color:#666;}


#menu .topmid ul.marquee_kuai3 {width: 730px;height: 26px;display: block;padding: 5px;margin: 7px 0 5px 0;
list-style: none;line-height: 1;position: relative;overflow: hidden;  background:url(../images/topmid_marquee_kuai3.png) no-repeat; /* height should be included to reserve visual space for the marquee */}
#menu .topmid ul.marquee_kuai3 li {position: absolute;
top: -999em;left: 0;display: block;
white-space: nowrap;padding:10px 0px 0px 105px; font-size:16px; color:#000; z-index:15;}
#menu .topmid ul.marquee_kuai3 li span{ color:#F00; font-weight:bold;}
#menu .topmid ul.marquee_kuai3 li a{ color:#00F;}
#menu .topmid ul.marquee_kuai3 .marquee_btn{ width:70px; height:20px; margin:1px 2px 2px 656px; padding:2px; background:#ff2000; color:#fff; border-radius: 10px; text-align:center; line-height:20px; font-size:14px;}
#menu .topmid ul.marquee_kuai3 .marquee_btn:hover{ background:#000; color:#fff;}


#menu .topmid .bigb{ width:740px; height:341px; margin-bottom:5px; position:relative;}
#menu .topmid .bigb .pic{ width:740px; height:308px;position:relative;overflow:hidden; padding-top:34px;}
#menu .topmid .bigb .pic img{ width:740px; height:308px;}
#menu .topmid .bigb .pic ul{width:740px;width:10000px;position:relative;left:0; }
#menu .topmid .bigb .pic ul li{width:740px;height:308px;float:left;position:relative;}

#menu .topmid .bigb .leftbt{ width:25px; height:60px;position:absolute; top:150px; left:0px;}
#menu .topmid .bigb .rightbt{ width:25px; height:60px;position:absolute; top:150px; right:0px;}

#menu .topmid .bigb .bottombt{ width:740px; height:30px; top:0px; left:0px; position:absolute; z-index:1;}
#menu .topmid .bigb .bottombt li .link{ width:146px; height:30px;float:left;color:#666; overflow:hidden; font-size:15px; line-height:30px; text-align:center; padding:2px 1px;background: #ff0;display:block}
#menu .topmid .bigb .bottombt li span{ width:148px; height:6px; float:left; margin:0; padding:0; top:0;display:block; }
#menu .topmid .bigb .bottombt li .bgicon{ background:url(../images/bigb_link.png) no-repeat;}

#menu .topmid .bigb .bottombt li a .link{color:#666;display:block }

#menu .topmid .bigb .bottombt li .link02{ width:146px; height:30px;float:left;color:#666; overflow:hidden; font-size:15px; line-height:30px; text-align:center; padding:2px 1px;background: #666;border-left:1px dotted #CCC; }
#menu .topmid .bigb .bottombt li:first-child .link02{border-left:1px none #CCC; width:146px;}

#menu .topmid .bigb .bottombt li a .link02{ color:#fff; }
#menu .topmid .bigb .bottombt li .link02:hover{ background: #000;color:#FFF; overflow:hidden; font-size:15px; line-height:30px; text-align:center; text-decoration:none;}

#menu .topmid .bigb .bottombt li{ width:148px;height:34px;float:left;}

#menu .topmid .adevent{ width:740px; height:140px; margin-bottom:5px;}
#menu .topmid .adevent li{ width:180px; height:140px;margin-right:6.6px; float:left; display:block;}
#menu .topmid .adevent img{ width:180px; height:140px;}
#menu .topmid .adevent li:last-child{ margin-right:0px; text-align:right;}

#menu .topmid .smallb{ width:740px; height:101px; position:relative;}
#menu .topmid .smallb .pic{ width:740px; height:101px;}
#menu .topmid .smallb .pic img{ width:740px; height:101px;}
#menu .topmid .smallb .point{position:absolute; width:80px; height:16px; bottom:3px; right:5px; text-align:right; overflow:hidden;}
#menu .topmid .smallb .point img{padding:3px;opacity: 0.7;	filter: alpha(opacity=0.7);}

/* 福利整點news */
#menu .topright{width:214px; float:left;  margin-left:5px;}
#menu .topright .box{width:212px; height:244px; float:left; padding:1px;}
#menu .topright .title{width:210px; height:30px;text-align:center; color:#fff; line-height:30px; font-weight:bold; font-size:110%; position:relative;}
#menu .topright .title .more{width:40px; height:15px; position:absolute; top:10px; right:7px;opacity: 0;	filter: alpha(opacity=0); background:#FFF;}
#menu .topright .ad{width:202px; height:204px; padding:5px; background:#fff; position:relative;}
#menu .topright .ad .pic{width:202px; height:130px; text-align:center; margin-bottom:7px;}
#menu .topright .ad .pic img{width:130px; height:130px;}
#menu .topright .ad .text01{width:202px; text-align:left; margin-bottom:7px;overflow:hidden; float:left; color:#000;font-size:95%; display:inline-block; height:20px; line-height:20px;}
#menu .topright .ad:hover .text01{ text-decoration:underline;}
#menu .topright .ad .text02{width:202px; text-align:left; margin-bottom:7px;overflow:hidden; float:left; color:#000;font-size:85%; display:inline-block; height:14px; line-height:14px; color:#f00;}
#menu .topright .ad .text03{width:202px; text-align:left; margin-bottom:7px;overflow:hidden; float:left; color:#000;font-size:77%; display:inline-block; height:25px; }
#menu .topright .ad .text03 img{ padding-top:1.5%;}
#menu .topright .ad .but01{background: #de6299; width: 35px; height: 18px; line-height:18px;text-align: center; color: #FFF;border-radius: 10px;-moz-border-radius: 10px; -webkit-border-radius: 10px;display:block; position:absolute; bottom:5px; right:5px;font-size:77%;}
#menu .topright .ad .but02{background: #ffc800; width: 35px; height: 18px; line-height:18px;text-align: center; color: #FFF;border-radius: 10px;-moz-border-radius: 10px; -webkit-border-radius: 10px;display:block; position:absolute; bottom:5px; right:5px;font-size:77%;}

#menu .topright .ontimebox{background:#de6299; margin-bottom:5px;}
#menu .topright .outletbox{background:#ffc800; margin-bottom:5px;}
#menu .topright .newsbox{background:#5091cd;}
#menu .topright .newsbox li{border-bottom: 1px dotted #c2c2c2; font-size:85%; text-align:left; line-height:19px;color:#333; margin-bottom:3px; overflow:hidden; height:38px; width:100%;}
#menu .topright .newsbox li:last-child{border-bottom: 1px dotted #fff;}
#menu .topright .newsbox li a{ color:#333;}
#menu .topright .newsbox li a:hover{ text-decoration:underline; color:#333;}
#menu .topright .newsbox li p{ font-weight:bold; color:#5091cd;}


/* 右側新增201609 update 最惠買／官方翻新品／暢銷排行榜／最新消息*/
#menu .topright1609{width:214px; float:left;  margin-left:5px;}
#menu .topright1609 .box1609{width:212px; height:180px; float:left; padding:1px;}
#menu .topright1609 .title1609{width:210px; height:30px;text-align:center; color:#fff; line-height:30px; font-weight:bold; font-size:110%; position:relative;}
#menu .topright1609 .title1609 .more1609{width:40px; height:15px; position:absolute; top:10px; right:7px;opacity: 0;	filter: alpha(opacity=0); background:#FFF;}
#menu .topright1609 .ad1609{width:212px; height:150px; background:#fff; position:relative;}
#menu .topright1609 .ad1609 .pic1609{width:123px; height:123px;float:left; margin:8px 0px 0px 5px;}
#menu .topright1609 .ad1609 .pic1609 img{width:123px; height:123px;}

#menu .topright1609 .ad1609 .text1609_wrapper{width:81px; height:100%; float:right; margin:8px 1px 0px 1px; }
#menu .topright1609 .ad1609 .text1609_wrapper .text011609{width:100%; height:46px; text-align:left; margin-bottom:5px;overflow:hidden; float:right; color:#000;font-size:88%; display:inline-block; line-height:16px;}
#menu .topright1609 .ad1609 .text1609_wrapper:hover .text011609{ text-decoration:underline;}
#menu .topright1609 .ad1609 .text1609_wrapper .text021609{width:100%; height:35px; text-align:left; overflow:hidden; float:right; color:#000;font-size:80%; display:inline-block; line-height:14px; color:#f00;}/*修改*/
#menu .topright1609 .ad1609 .text1609_wrapper .text031609{width:100%;height:35px; text-align:right;overflow:hidden; float:right; color:#000;font-size:77%; display:inline-block;}/*修改*/
.priceRed{ color:#F00; font-size:135%; text-align:right; font-weight:bold;}
.priceRedsuper{ color:#F00; font-size:12px; text-align:right; font-weight:bold;}
.priceOrange{ color:#f90; font-size:135%; text-align:right; font-weight:bold;text-decoration:line-through}

#menu .topright1609 .ad1609 .text1609_wrapper .but011609{background: #ed8c00/*修改色碼*/;color: #FFF; width: 38px; height: 18px; line-height:18px;text-align: center; border-radius: 10px;-moz-border-radius: 10px; -webkit-border-radius: 10px;display:block;font-size:30%;float:right;}
#menu .topright1609 .ad1609 .text1609_wrapper .but021609{background: #0249a1; width: 35px; height: 18px; line-height:18px;text-align: center; color: #FFF;border-radius: 10px;-moz-border-radius: 10px; -webkit-border-radius: 10px;display:block; position:absolute; bottom:5px; right:5px;font-size:77%;}
#menu .topright1609 .ad1609 .text1609_wrapper .but031609{background: #c42634/*修改色碼*/; width: 35px; height: 18px; line-height:18px;text-align: center; color: #FFF/*修改色碼*/;border-radius: 10px;-moz-border-radius: 10px; -webkit-border-radius: 10px;display:block; position:absolute; bottom:5px; right:5px;font-size:77%;}/*修改色碼*/


#menu .topright1609 .ontimebox1609{background:#ed8c00/*修改色碼*/; margin-bottom:7px; margin-top:7px;}
#menu .topright1609 .outletbox1609{background:#0249a1; margin-bottom:7px;}
#menu .topright1609 .top10box1609{background:#c42634/*修改色碼*/; margin-bottom:7px;}
#menu .topright1609 .newsbox1609{background:#5090cd;}
#menu .topright1609 .newsbox1609 li{ width:95%;height:34px; border-bottom: 1px dotted #c2c2c2; font-size:80%; text-align:left; line-height:18px;color:#333; margin:0px 2px 3px 2px; overflow:hidden;}
#menu .topright1609 .newsbox1609 li:last-child{border-bottom: 1px dotted #fff;}
#menu .topright1609 .newsbox1609 li a{ color:#333;}
#menu .topright1609 .newsbox1609 li a:hover{ text-decoration:underline; color:#333;}
#menu .topright1609 .newsbox1609 li p{ font-weight:bold; color:#5091cd;}




/* 排行榜 */
#index1512 .prod{position:relative;top:25px;display:inline-block;height:300px; overflow:hidden;margin-bottom:10px; float:left; }
#index1512 .prod .prod_menu{text-align:left;}
#index1512 .prod .prod_menu a{color:#000;text-decoration:none;}
#index1512 .prod .prod_menu a:hover{text-decoration:none;}
#index1512 .prod .prod_menu ul li{width:168px;height:40px;display:inline-block; padding-left:1.2em;}
#index1512 .prod .prod_menu ul li a{width:100%;display:inline-block;}
#index1512 .prod .prod_menu .tab1{background:url('http://www.tkec.com.tw/images/prod_menu_new.png') no-repeat 0 22px;font-size:108%;}
#index1512 .prod .prod_menu .tab2{background:url('http://www.tkec.com.tw/images/prod_menu_good.png') no-repeat 0 122px;font-size:108%;}
#index1512 .prod .prod_menu .tab3{background:url('http://www.tkec.com.tw/images/prod_menu_limit.png') no-repeat 0 122px;font-size:108%;}
#index1512 .prod .prod_menu .tab4{background:url('http://www.tkec.com.tw/images/prod_menu_sale.png') no-repeat 0 122px;font-size:108%;}
#index1512 .prod .prod_menu .tab5{background:url('http://www.tkec.com.tw/images/prod_menu_prom.png') no-repeat 0 122px;font-size:108%;}
#index1512 .prod .prod_menu .tab6{background:url('http://www.tkec.com.tw/images/prod_menu_06.png') no-repeat 0 122px;font-size:108%;}
#index1512 .prod .prod_menu .tab7{background:url('http://www.tkec.com.tw/images/prod_menu_07.png') no-repeat 0 122px;font-size:108%;}
#index1512 .prod_content{border-top:2px solid #518bc7;margin-top:-15px;width: 1144px;position:relative; overflow:hidden;}
#index1512 .prod_content ul{position:relative;left:0px;width:30000px;margin:10px 0 0 16px;}
#index1512 .prod_content ul li{float:left;border-right:1px solid #ddd;width:178px;height:250px;padding:0 5px 0 5px;}
#index1512 .prod_content ul li:first-child{padding:0 5px 0 0;}
#index1512 .prod_content p{background: linear-gradient(to bottom, rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 );color:#fff;text-align:center;width:23px;border-radius:3px;font-size:85%;line-height:1.5;}
#index1512 .prod_content .hot{color:#f00;display:inline-block;text-align:center;width:100%;overflow: hidden;height: 16px;font-size:85%;}
#index1512 .prod_content .title{height:35px;}
#index1512 .prod_content .title a{color:#266eb9;text-decoration:none;padding:3px 0 0 0;width:90%;display:inline-block;text-align:center;height:35px;overflow: hidden;font-size:85%;}
#index1512 .prod_content .title a:hover{text-decoration:underline;}
#index1512 .prod_content .desc{color:#aaa;font-size:85%;padding:3px 0 0 10px;display:inline-block;text-align:center;width:90%;}
#index1512 .prod_content .price{font-size:77%;padding:0 0 0 0;display:inline-block;text-align:center;width:95%;margin-bottom: 10px;}
#index1512 .prod_content .price span{font-size:140%;color:#ff0000;}
#index1512 .prod_content .discount span{font-size:140%;color:#ff9900;}
#index1512 .prod_content .line{height:2px;border-top: 1px dashed #aaa;}
#index1512 .prod_content .ctrl{height:1px;}
#index1512 .prod_content .ctrl .left{cursor:pointer;position:absolute;top:110px;left:0;width:20px;z-index:9;}
#index1512 .prod_content .ctrl .right{cursor:pointer;position:absolute;top:110px;right:0;width:20px; z-index:9;}

/* 分類項 */
.itempro{position:relative; overflow:hidden; top:25px; margin:5px; float:left;}
.itempro li{ margin-bottom:15px; border:10px solid #f0f0f0; border-width:10px 0 0 10px;}
.itempro .bg01{ height:330px;background:#4fb2ff;}
.itempro .bg02{ height:330px;background:#ffde00;}
.itempro .bg03{ height:330px;background:#3ae2e5;}
.itempro .bg04{ height:330px;background:#f8931d;}
.itempro .bg05{ height:330px;background:#a6bf3f;}
.itempro .bg06{ height:330px;background:#e14b42;}
.itempro .bg07{ height:330px;background:#738cc2;}
.itempro .bg08{ height:330px;background:#f6976b;}

.itempro .leftbox{ width:165px; float:left; height:330px; text-align:center; }
.itempro .leftbox .boxup{ height:128px; margin-bottom:5px;}
.itempro .leftbox .boxup img{ height:128px; }
.itempro .leftbox .boxdown{ height:158px; text-align:left; color:#595959; margin:10px 10px 0 10px; overflow:hidden;  background:rgba(255, 255, 255, 0.8); }
.itempro .leftbox .boxdown p{ font-size:20px; line-height:38px; padding:0 10px;}
.itempro .leftbox .boxdown span{ font-size:13px; line-height:24px; display:block;font-family: Arial,"PMingLiU","MingLiU"; padding:0 10px;}
.itempro .leftbox .boxdown span:hover{ background:rgba(255, 255, 255, 1.0); }

.itempro .leftbox .boxdown span a{ color:#595959; text-decoration:none;}
.itempro .leftbox .boxdown span:hover a{ color:#595959; text-decoration:underline;}

.itempro .leftbox .boxbt {background:rgba(0, 0, 0, 0.5);-moz-border-radius:17px;-webkit-border-radius:17px;border-radius:17px;border:1px solid #1f2f47;display:inline-block;cursor:pointer;color:#fff;font-family:Arial;font-size:13px;padding:6px 13px;text-decoration:none;	width:80%;}
.itempro .leftbox .boxbt:hover {background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #415989), color-stop(1, #2e466e));background:-moz-linear-gradient(top, #415989 5%, #2e466e 100%);background:-webkit-linear-gradient(top, #415989 5%, #2e466e 100%);	background:-o-linear-gradient(top, #415989 5%, #2e466e 100%);background:-ms-linear-gradient(top, #415989 5%, #2e466e 100%);background:linear-gradient(to bottom, #415989 5%, #2e466e 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#415989', endColorstr='#2e466e',GradientType=0);background-color:#415989;}
.itempro .leftbox .boxbt:active {position:relative;	top:1px;}

.itempro .midbox{ width:300px;  float:left; height:330px;}
.itempro .midbox img{ width:300px;height:330px;}

.itempro .rightbox{ width:649px; margin:10px 0 0 5px; float:left; height:315px; background:#fff; padding:5px 0 0 5px;}
.itempro .rightbox .probox{ width:319px;padding:14px 0px 14px 4px; background:#fff; float:left; height:128px;border: 1px solid #CCC;    border-width: 0 1px 1px 0;}
.itempro .rightbox .probox .pic{ width:125px; height:130px; display:flex; float:left;}
.itempro .rightbox .probox .pic img{ width:125px; margin:auto;}
.itempro .rightbox .probox .text01{ width:155px; margin-left:10px; margin-bottom:5px ; float:left; height:40px; line-height:20px; overflow:hidden; float:left; color:#266eb9; font-size:16px; display:inline-block; }
.itempro .rightbox .probox .text01 a{ color:#266eb9; text-decoration:none;  }

.itempro .rightbox .probox:hover .text01 { text-decoration:underline;}
.itempro .rightbox .probox .text02{ width:155px; margin-left:10px;float:left; height:40px; line-height:22px; overflow:hidden; float:left;color:#F00; font-size:85%; display:inline-block;}
.itempro .rightbox .probox .text03{ width:185px; margin-left:5px; margin-top:20px ;float:left; height:30px; line-height:30px; overflow:hidden; float:left; color:#000;font-size:77%; display:inline-block;}
.itempro .rightbox .probox .text03 img{ padding-top:1.5%;}

.redtext{ color:#F00; font-size:160%;}
.goldtext{ color:#f90; font-size:160%;}

/* 加入fb粉絲-旁廣告 */
.fbrightad{float:right; background:#E8E8E8; border:1px solid #CCC; width:620px; height:214px; margin-left:20px; text-align:center; line-height:214px; font-size:36px;}
#index1512 .fb_page{position:relative;top:40px; float:left; }
#footer{position:relative;top:40px;}

#menu .topright1609 .outletbox02{background:#ffc53f; margin-bottom:7px;}
#menu .topright1609 .outletbox02 .but021609{background:#ffc53f !important; color:#000 !important;}


.footer_bar {
    background: #2A6DC4;
    background: rgba(42, 109, 196, 0.7);
    width: 100%;
    height: 207px;
    z-index: 999;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
}

    .footer_bar .contentBox {
        width: 1144px;
        height: 207px;
        position: absolute;
        top: 0;
        left: 0%;
        right: 0%;
        margin-left: auto;
        margin-right: auto;
    }

    .footer_bar .imgBox {
        background: url("../images/banner.png") no-repeat;
        content: '';
        max-width: 1144px;
        height: 207px;
        margin: 0 auto;
    }

    .footer_bar .closeBtn:after {
        content: 'x';
        font-size: 22px;
        border-radius: 50%;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: #545454;
        display: block;
        text-align: center;
        color: #fff;
        position: absolute;
        bottom: 160px;
        right: -40px;
        cursor: pointer;
    }

    .footer_bar .boxLink {
        width: 495px;
        height: 150px;
        display: inline-block;
        position: absolute;
        bottom: 20px;
        right: 10px;
    }

.rightBar {
    width: 124px;
    height: 322px;
    position: fixed;
    left: 50%;
    z-index: 1;
    margin: 540px 0px 0px 575px;
    display: none;
}

.showFooterBar i {
    display: inline-block;
    border-right: 1px solid;
    border-bottom: 1px solid;
    width: 15px;
    height: 15px;
    margin-left: 55px;
    cursor: pointer;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}