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

/*Overall*/
body {font-family:Arial,PMingLiu,"新細明體",sans-serif;}
div#contents.reset {width:960px; margin-top:15px; font-size:13px;}
div#contents ul {list-style:none;}
div#contents a, div#contents a:link {color:#2F88D9; text-decoration:none;}
div#contents a:visited {color:#800080;}
div#contents a:hover {color:#BF0000; text-decoration:underline;}
.clearfix{display:block; display:inline-block; clear:both;}
.clearfix:after{content:""; clear:both; font-size:0; height:0; visibility:hidden; display:block;}
.rest iframe{margin-top:-20px; padding-top:-50px;}
iframe#if-info{margin-top:-15px;padding:0;}
div#contents.reset .toTop {margin: 10px 0; text-align: right;}
div#contents.reset .toTop a {padding: 0 0 2px 15px; background: url(http://c.tw.rakuten-static.com/front/common/img/icn_top_02.gif) no-repeat 0 3px; zoom:1;}
#tagLine, #tagLine strong{font-weight:normal;}
#topicPath h2{display:inline;font-weight:normal;}

/*content layout*/
div#bigheader{margin-bottom:15px; width:960px;}
div#main {float:left; width:690px; margin-right:10px; background:;}
div#sideBar {float:left; width:260px;}

/*sprite*/
div#bigheader,
div#bigheader h1,
div#bigheader .gift-info b,
#conference-times h2,
#conference-times ul li,
#conference-times #btn-area a.btn,
#ec-nav ul li a,
div#main #new-store,
div#main #new-store h2,
div#main .intro1 .store-info ul li,
div#main #faq,
div#main #faq h2,
div#main #faq ul li,
div#main #faq .needmore a.btn,
div#sideBar #sidemodule h2,
div#sideBar #sidemodule .ft,
div#sideBar #sidemodule .ft2,
div#opening #store-opening,
div#opening #store-opening h2,
div#opening #store-opening #newstore-sale .smodule,
div#opening #store-opening #newstore-sale .smodule .leftcul dd a.orderbtn,
div#relative,
div#relative h2,
div#relative #btn-area a.insbtn,
div#relative #btn-area a.isobtn,
div#newstore,
div#newstore h2,
div#newstore #newstore-list dl,
div#newstore #btn-area a.insbtn,
div#newstore #btn-area a.isobtn
/*div#sideBar #sidemodule*/
/*div#sideBar*/{background-image:url(http://c.tw.rakuten-static.com/front/www/img/ec/ui/sprite_ec.png);}

/*div#bigheader*/
div#bigheader{ background-position:left top; height:305px; background-repeat:no-repeat;}
div#bigheader .header-info{margin:0 0 0 240px; _margin:0 0 0 120px; padding:0; width:450px; overflow:hidden; float:left;}
div#bigheader h1{margin:0; padding:0; background-position:0 -305px; background-repeat:no-repeat; width:432px; height:48px; text-indent:-5000px;}
div#bigheader p{margin:0 0 8px 0; width:436px; font-size:12px; text-align:center; color:#000;}
div#bigheader p.btn-block{margin:0 0 20px 55px; width:333px; height:44px;}
div#bigheader p.btn-block:after {content:""; display:block;height:0;line-height:0;clear:both;visibility:hidden;}
div#bigheader a.btn-moredetails{margin-right:15px; width:144px; height:45px; float:left;}
div#bigheader a.btn-needsales{width:164px; height:45px; float:left;}
div#bigheader a.btn-moredetails span, div#bigheader a.btn-needsales span{display:none;}
div#bigheader #m-gift{ overflow:hidden;}
div#bigheader #m-gift a.giftlink{float:left; width:60px; height:60px; margin:0 10px; border:1px solid #666;}
div#bigheader #m-gift .gift-info{}
div#bigheader #m-gift .gift-info b{background-position:0 -360px; background-repeat:no-repeat; margin:0 0 2px 0; _margin:0; padding:2px; *padding-top:4px; _padding:4px 2px 0 2px; *line-height:180%; _line-height:200%; width:; height:19px; *height:22px !important; font-size:12px; font-weight:normal; color:#FFF;}
div#bigheader #m-gift .gift-info h2{margin:3px 0 0 0; _margin:0; font-size:15px; white-space:nowrap;}
div#bigheader #m-gift .gift-info span{font-size:12px; text-align:left; color:#666; width:350px;}

#conference-times{margin-left:8px; padding:20px 0 0 10px; width:230px; height:205px; float:left;}
#conference-times:after{content:""; clear:both; font-size:0; height:0; visibility:hidden; display:block;}
#conference-times h2{margin-bottom:8px; background-position:0 -385px; background-repeat:no-repeat; width:85px; height:21px; text-indent:-5000px;}
#conference-times ul{overflow:hidden}
#conference-times ul, #conference-times ul li, #conference-times ul li a, #conference-times ul li p{width:230px;}
#conference-times ul li{margin-bottom:7px; padding-left:16px; background-position:3px -406px; background-position:3px -409px\9; *background-position:3px -409px; _background-position:3px -408px; background-repeat:no-repeat;}
#conference-times ul li a{font-size:15px;}
#conference-times ul li p{margin:0; padding:0; text-align:left;}
#conference-times #btn-area{width:230px; text-align:center;}
#conference-times #btn-area a.btn{margin:0 auto; background-position:0 -499px; background-repeat:no-repeat; width:99px; height:35px; display:block;}
#conference-times #btn-area a.btn span{display:none;}

#ec-nav{margin:20px 0 0 0; display:bolck; width:950px; height:50px; float:left;}
#ec-nav:after {content:""; display:block;height:0;line-height:0;clear:both;visibility:hidden;}
#ec-nav ul{margin:0; padding:0; margin-bottom:-1px\9;}
#ec-nav ul li{display:block;float:left;}
#ec-nav ul li a:link,
#ec-nav ul li a:visited,
#ec-nav ul li a:hover,
#ec-nav ul li a:active{text-indent:-5000px;display:block;height:50px; background-color:#FFFFFF; }
#ec-nav ul li.n1 a{background-position:0 -549px; background-repeat:no-repeat;width:160px; height:50px; overflow:hidden;}
#ec-nav ul li.n2 a{background-position:-160px -549px; background-repeat:no-repeat;width:160px; height:50px; overflow:hidden;}
#ec-nav ul li.n3 a{background-position:-320px -549px; background-repeat:no-repeat;width:160px; height:50px; overflow:hidden;}
#ec-nav ul li.n4 a{background-position:-480px -549px; background-repeat:no-repeat;width:160px; height:50px; overflow:hidden;}

#news-now #ec-nav ul li.n1 a.news-now, #ec-nav ul li.n1 a.now, #ec-nav ul li.n1 a:hover{background-position:0 -601px; background-repeat:no-repeat; overflow:hidden;}
#opening-now #ec-nav ul li.n2 a.opening-now, #ec-nav ul li.n2 a.now, #ec-nav ul li.n2 a:hover{background-position:-160px -601px; background-repeat:no-repeat; overflow:hidden;}
#beststore #ec-nav ul li.n3 a.beststore, #beststore #ec-nav ul li.n3 a:hover, #ec-nav ul li.n3 a:hover{background-position:-320px -601px; background-repeat:no-repeat; overflow:hidden;}
#iwopenstore #ec-nav ul li.n4 a.iwopenstore, #iwopenstore #ec-nav ul li.n4 a:hover, #ec-nav ul li.n4 a:hover{background-position:-480px -601px; background-repeat:no-repeat; overflow:hidden;}


/*div#main*/
div#main{}

/*new store*/
div#main #new-store{background-position:0 -863px; background-repeat:no-repeat;}
div#main #new-store h2{width:690px; height:36px; background-position:0 -666px; background-repeat:no-repeat;}
div#main #new-store h2 span{text-indent:-5000px;float:left;}
div#main #new-store h2 a.more, div#main #new-store h2 a.more:link{padding:8px 15px; float:right; color:#FFF; font-weight:normal;}
div#main .intro1{padding:12px 16px; border-bottom:1px dotted #999; overflow:hidden; zoom:1;}
div#main .intro1 .store-info{width:313px; font-size:12px; line-height:180%; float:left;}
div#main .intro1 .s-left{margin-right:30px;}
div#main .intro1 .store-info h3{font-size:15px;}
div#main .intro1 .store-info p{ margin-bottom:8px; color:#666;}
div#main .intro1 .store-info p.boss{color:#333;}
div#main .intro1 .store-info ul{ padding:10px; background-color:#eee; width:293px; zoom:1}
div#main .intro1 .store-info ul li{ color:#CC0000; padding-left:16px; background-position:3px -408px; background-position:3px -409px\9; *background-position:3px -407px; _background-position:3px -408px; background-repeat:no-repeat;}
div#main .intro1 .store-info ul li a{margin-left:6px;}
div#main .intro1 .store-info ul.boss{padding:10px; overflow:hidden; zoom:1}
div#main .intro1 .store-info ul.boss li{padding:0; background-image:none; }
div#main .intro1 .store-info ul.boss li img{margin-right:7px; float:left; vertical-align:middle;}
div#main .intro1 .store-info ul.boss li p{margin:0; padding:0; width:230px; float:left; word-break:nomal;word-wrap:break-word;white-space:normal;}
div#main .last{border-bottom:none;}

/*faq*/
div#main #faq{background-position:0 -863px; background-repeat:no-repeat; line-height:180%;}
div#main #faq h2{width:690px; height:36px; background-position:0 -703px; background-repeat:no-repeat;}
div#main #faq h2 span{text-indent:-5000px;float:left;}
div#main #faq h2 a.more, div#main #faq h2 a.more:link{padding:8px 15px; float:right; color:#FFF; font-weight:normal;}
div#main #faq ul{margin-bottom:8px; padding:5px 0; _padding:5px 0 5px 5px; width:690px; _width:685px; overflow:hidden; zoom:1;}
div#main #faq ul li{margin:0 15px; _margin:0 20px 0 5px;color:#CC0000; padding:5px 0 5px 20px; padding:7px 0 4px 20px\9; *padding:6px 0 4px 20px; _padding:5px 0 5px 20px;border-bottom:1px dotted #999; background-position:10px -403px; background-position:8px -403px\9; *background-position:8px -403px; _background-position:9px -403px; background-repeat:no-repeat; float:left; width:295px; _width:295px;}
div#main #faq ul li a{margin-left:6px;}
div#main #faq .needmore{clear:both; }
div#main #faq .needmore p{padding-top:10px; width:550px; text-align:right; white-space:nowrap; float:left; vertical-align:middle;}
div#main #faq .needmore a.btn{margin:0 5px; background-position:-1000px 0; background-repeat:no-repeat; width:125px; height:42px; display:block; float:left;}
div#main #faq .needmore a.btn span{display:none;}

/*div#sideBar*/
div#sideBar{}

/*sidemodule*/
div#sideBar #sidemodule{margin-bottom:10px; background-image:url(http://c.tw.rakuten-static.com/front/www/img/ec/ui/sidemodule_bg.png); background-repeat:repeat-y; width:260px;}
div#sideBar #sidemodule h2.n-store{width:260px; height:38px; background-position:-1150px 0; background-repeat:no-repeat;text-indent:-5000px;}
div#sideBar #sidemodule h2.relative{width:260px; height:38px; background-position:-1150px -38px; background-repeat:no-repeat;text-indent:-5000px;}
div#sideBar #sidemodule .relative-info{padding:10px 8px 0 8px;word-wrap:break-word; word-break: break-all; background-image:url(http://c.tw.rakuten-static.com/front/www/img/ec/ui/sidemodule_bg.png); background-repeat:repeat-y;}
div#sideBar #sidemodule .relative-title{font-size:15px;}
div#sideBar #sidemodule .relative-info p{margin-top:8px; color:#666; line-height:150%;}
div#sideBar a.ad1{margin-bottom:10px;}
div#sideBar a.ad2{float:left;margin-right:10px;}
div#sideBar #sidemodule .n-info{width:250px; margin:0 5px; padding:10px 0; border-bottom:1px dotted #999;}
div#sideBar #sidemodule .n-info .sbanner{float:left; margin:0 5px 0 0;}
div#sideBar #sidemodule .ft{width:260px; height:30px; text-align:right; background-position:-1540px 0; background-repeat:no-repeat;}
div#sideBar #sidemodule .ft ul{margin:5px 0 0 0; *margin:7px 0 0 0; padding-right:10px; *padding-right:8px;}
div#sideBar #sidemodule .ft ul li{display:inline; color:#333;}
div#sideBar #sidemodule .ft2{width:260px; height:10px; font-size:1px; text-align:right; background-position:-1540px -20px; background-repeat:no-repeat;}


/*opening*/
div#contents table{margin-bottom:-4px;}/*fix 10 points*/
div#opening{}
div#opening #store-opening{background-position:-1830px 37px; background-repeat:no-repeat; overflow:hidden;}
div#opening #store-opening h2{margin-bottom:14px; width:960px; height:36px; background-position:0 -740px; background-repeat:no-repeat;}
div#opening #store-opening h2 span{text-indent:-5000px;float:left;}
div#opening #store-opening #banner{margin:27px 31px 113px 31px;}
div#opening #store-opening #newstore-sale{}
div#opening #store-opening #newstore-sale .smodule{float:left; margin:0 5px 10px 10px; _margin:0 4px 10px 5px; width:465px; height:320px; background-position:-2800px 0; background-repeat:no-repeat;}
div#opening #store-opening #newstore-sale .smodule .storelogo{float:left; margin:15px 25px 15px 30px;}
div#opening #store-opening #newstore-sale .smodule h3{float:left; margin:25px 0; font-size:15px;}
div#opening #store-opening #newstore-sale .smodule h3:after{content:""; display:block;height:0;line-height:0;clear:both;visibility:hidden;}
div#opening #store-opening #newstore-sale .smodule h3 a, div#opening #store-opening #newstore-sale .smodule h3 a:link{color:#993300;}
div#opening #store-opening #newstore-sale .smodule #sale-infoall{clear:both; padding:6px 8px 6px 11px; _padding:6px;}
div#opening #store-opening #newstore-sale .smodule .leftcul{float:left; width:280px;}
div#opening #store-opening #newstore-sale .smodule .leftcul dl{float:left; margin:0 4px; width:130px; font-size:12px;}
div#opening #store-opening #newstore-sale .smodule .leftcul dd span.price-sign{font-weight:bold; color:#CC0000;}
div#opening #store-opening #newstore-sale .smodule .leftcul dd span.price{font-size:22px; font-weight:bold; color:#CC0000;}
div#opening #store-opening #newstore-sale .smodule .leftcul dd a.orderbtn{margin-left:37px; width:55px; height:23px; display:block; text-align:center; line-height:180%; line-height:210%\9; *line-height:210%; _line-height:210%; background-position:0 -1777px; background-repeat:no-repeat; color:#333;}
div#opening #store-opening #newstore-sale .smodule .rightcul{float:left; width:160px;_margin-right:3px;}
div#opening #store-opening #newstore-sale .smodule .rightcul d1{font-size:12px; clear:both;}
div#opening #store-opening #newstore-sale .smodule .leftcul dd, div#opening #store-opening #newstore-sale .smodule .rightcul dd{font-size:12px;}
div#opening #store-opening #newstore-sale .smodule .rightcul dt{margin-right:10px; _margin-right:5px; float:left;}
div#opening #store-opening #newstore-sale .smodule .rightcul dd span.price-sign{font-weight:bold; color:#CC0000;}
div#opening #store-opening #newstore-sale .smodule .rightcul dd span.price{font-size:22px; font-weight:bold; color:#CC0000;}
div#opening #store-opening #newstore-sale .smodule .rightcul dd.order{margin-bottom:30px; text-align:right;}


/*relative*/
div#relative{background-position:-3300px 0; background-repeat:no-repeat; overflow:hidden;}
div#relative h2{margin-bottom:14px; width:960px; height:36px; background-position:0 -777px; background-repeat:no-repeat;}
div#relative h2 span{text-indent:-5000px;float:left;}
div#relative #relative-promo{margin:10px 10px 0 10px; padding:12px; width:906px; height:146px; border:1px dashed #999; background-color:#EEE;}
div#relative #relative-promo img{float:left; margin-right:12px; vertical-align:middle;}
div#relative #relative-promo h3{margin:25px 0 12px 0; font-size:15px; color:#333;}
div#relative #relative-promo p{margin-bottom:12px; font-size:12px; color:#666;}
div#relative #relative-list{margin:10px; padding:12px 0 0 0; width:930px; clear:both; border-bottom:1px dotted #999; overflow:hidden;}
div#relative #relative-list h3{margin-top:10px; padding:6px 8px 4px 8px; font-size:15px; background-color:#EEE;}
div#relative #relative-list ul.rlist{margin:0; padding:18px 0 15px 5px; border-top:1px dotted #999; overflow:hidden; zoom:1;}
div#relative #relative-list ul.rlist li{margin-right:30px; width:160px; float:left; overflow:hidden; text-align:center;}
div#relative #relative-list ul.rlist li.last{margin:0;}
div#relative #relative-list ul.rlist li img{margin:0 12px 8px 0; vertical-align:middle;}
div#relative #relative-list ul.rlist li h4{font-size:15px;}

div#relative #relative-list dl.left{float:left; margin:0; width:440px; *width:450px; _width:450px;}
div#relative #relative-list dl.right{float:right; margin:0; width:440px; *width:450px; _width:450px;}
div#relative #relative-list dt{float:left; margin-right:12px; vertical-align:middle;}
div#relative #relative-list dd h4{font-size:15px;}
div#relative #relative-list dd p{color:#666;}
div#relative #btn-area, div#newstore #btn-area{margin:0 auto; width:500px; text-align:center; clear:both;}
div#relative #btn-area p, div#newstore #btn-area p{margin:0 0 12px 0; color:#333; font-size:12px;}
div#relative #btn-area a.insbtn, div#newstore #btn-area a.insbtn{margin:0 20px 0 115px; width:122px; height:39px; background-position:0 -1690px; background-repeat:no-repeat; text-indent:-5000px; float:left; overflow:hidden;}
div#relative #btn-area a.isobtn, div#newstore #btn-area a.isobtn{width:138px; height:39px; background-position:0 -1735px; background-repeat:no-repeat; text-indent:-5000px; float:left; overflow:hidden;}
div#relative #btn-area:after, div#newstore #btn-area:after{content:""; display:block;height:0;line-height:0;clear:both;visibility:hidden;}


/*newstore*/
div#newstore{background-position:-3300px 0; background-repeat:no-repeat; overflow:hidden;}
div#newstore h2{margin-bottom:14px; width:960px; height:36px; background-position:0 -814px; background-repeat:no-repeat;}
div#newstore h2 span{text-indent:-5000px;float:left;}
div#newstore #newstore-promo{margin:10px 10px 0 14px; padding:6px 12px; width:906px; border:1px dashed #999; background-color:#EEE;}
div#newstore #newstore-promo h3{margin:0; font-size:15px; color:#333;}

div#newstore #newstore-list{margin:0 10px 10px 16px; padding:12px 0; width:930px; clear:both; overflow:hidden;}
div#newstore #newstore-list dl{float:left; margin:0 14px 15px 0px; width:222px; height:115px; background-position:-4280px 0; background-repeat:no-repeat; overflow:hidden; text-align:center;}
div#newstore #newstore-list dl.last{margin:0;}
div#newstore #newstore-list dt{margin-top:40px;}
div#newstore #newstore-list dd{font-size:12px;}