@charset "utf-8";	
body { text-align: center; font-family:Helvetica; font-size: 12px; font-style: normal; line-height: normal; font-weight: normal; color: #4d4d4d;}

input[type="text"],
input[type="password"] { color: #595959; font-family:Helvetica; font-size: 12px; height: 22px; padding:1px 0 0 9px; margin: 0px; background-color: #f7f7f7; border: 1px solid #bfbfbf; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
select { color: #4d4d4d; font-family:Helvetica;	font-size: 14px; margin: 0;	padding:2px 2px 2px 8px; background-color: #FFF; border: 1px solid #D1D2D4; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
select option { padding-right: 12px;}
textarea { color: #4D4D4D; font:12px/24px Helvetica; padding:0 0 0 10px; background-color: #FFFFFF; border: 1px solid #E3E3E3; margin:0 auto; width: 498px; height: 79px; -moz-border-radius: 3px;	-webkit-border-radius: 3px;	border-radius: 3px;}

/*------------------ wrapper ------------------*/
.wrapper { text-align: left; margin-right: auto; margin-left: auto;}
.wrapper .header { width: 100%;	background-image: url("https://www.momoshop.com.tw/league/images/header_bg.png"); background-repeat: repeat-x; background-position: 0px 0px; height: 112px;}
.wrapper .header .header_content { height: 100%; width: 980px; margin-right: auto; margin-left: auto;}
.wrapper .header .header_content .top {	height: 28px;}
.wrapper .header .header_content .top a,
.wrapper .header .header_content .top a:visited,
.wrapper .header .header_content .top ul.right li div {	font:11px/28px Helvetica; color: #FFF; float: left; height: 28px;}
.wrapper .header .header_content .top a:hover {	text-decoration: underline;}
.wrapper .header .header_content .top a:active { color: #ffe048;}
.wrapper .header .header_content .top a span,
.wrapper .header .header_content .top ul.right li span{	font-size: 13px;}
.wrapper .header .header_content .top ul.left {	float: left;}
.wrapper .header .header_content .top ul.left li { float: left;}
.wrapper .header .header_content .top ul.left li a { padding-right: 20px; padding-left: 20px; background-image: url(https://www.momoshop.com.tw/league/images/header_left_line.png); background-repeat: no-repeat; background-position: 0px 0px;}
.wrapper .header .header_content .top ul.left li.line { background-image: url(https://www.momoshop.com.tw/league/images/header_left_line.png); background-repeat: no-repeat; background-position: right 0px;}
.wrapper .header .header_content .top ul.right { float: right;}
.wrapper .header .header_content .top ul.right li {	float: left; background-image: url(https://www.momoshop.com.tw/league/images/header_right_line.png); background-repeat: no-repeat; background-position: left center;	padding-right: 12px; padding-left: 13px;}
.wrapper .header .header_content .top ul.right li a { background-repeat: no-repeat;	background-position: left center;}
.wrapper .header .header_content .top .right a.register { background-image: url(https://www.momoshop.com.tw/league/images/register_icon.png); padding-left: 18px;}
.wrapper .header .header_content .top .right a.logout_icon { background-image: url(https://www.momoshop.com.tw/league/images/logout_icon.png); padding-left: 20px; line-height:30px;}
.wrapper .header .header_content .top .right a.qxa { background-image: url(https://www.momoshop.com.tw/league/images/q&a_icon.png);	padding-left: 13px;	font-size:12px;}
/*------------------logo_content------------------*/
.wrapper .header .header_content .logo_content h1 {	padding-top: 29px; float: left;}
.wrapper .header .header_content .logo_content h1 a { background:url(/league/images/logo.svg) no-repeat 0 0; height: 27px; width: 233px; display: block; text-indent: -9999px;}
.wrapper .header .header_content .logo_content h2 {	padding-top: 6px; float: right;	padding-right: 5px;}
.wrapper .header .header_content .logo_content h2 a { background: url(/league/images/momo_logo.svg) no-repeat 0 0; height: 73px;	width: 78px; display: block; text-indent: -9999px;}
/*------------------login_nav------------------*/
.wrapper .nav {	min-height: 5px; background-color: #ffdd33;}
.wrapper .nav ul.navUl { width:980px; margin:0 auto; height: 36px;}
.wrapper .nav ul.navUl li.navBtn { float:left; position:relative; background:url(https://www.momoshop.com.tw/league/images/nav_line.png); background-repeat: no-repeat; background-position: right center;}
.wrapper .nav ul.navUl li.navBtn a,
.wrapper .nav ul.navUl li.navBtn a:visited { display:block; padding:6px 20px; font:bold 14px/24px 微軟正黑體; color:#4d4d4d; }
.wrapper .nav ul.navUl li.navBtn.selected {	background:url(https://www.momoshop.com.tw/league/images/nav_hover.png) repeat; color:#d94194;}
.wrapper .nav ul.navUl li.navBtn ul { display:none; position:absolute; margin-left:-1px; width:150px; background-color: #FFF; border:1px solid #ffdd33; border-top:1px solid #FFF; z-index: 99; }
.wrapper .nav ul.navUl li.navBtn ul li a,
.wrapper .nav ul.navUl li.navBtn ul li a:visited { padding:5px 0 7px 33px; background:url(https://www.momoshop.com.tw/league/images/nav_li_icon.png) no-repeat; background-position:15px center; font:13px/22px Helvetica;}
.wrapper .nav ul.navUl li.navBtn ul li:hover { background-color:#ee70b4; color:#FFF}
.wrapper .nav ul.navUl li.navBtn ul li a:hover { background-image:url(https://www.momoshop.com.tw/league/images/nav_li_icon_hover.png); color:#FFF;}
/*------------------main------------------*/
.wrapper .main .main_content,
.wrapper .main_bottom {	width: 980px; margin-right: auto; margin-left: auto; overflow: hidden;}
.wrapper .main .main_content .left { float: left; width: 232px;}
.wrapper .main .main_content .right { float: left; width: 748px;}
.wrapper .main_bottom {	padding-top:15px;}
/*------------------main_bottom------------------*/
.wrapper .main_bottom .left { float: left; width: 231px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #dbdbdb;}
.wrapper .main_bottom .right { float:left; margin-left:18px; width:730px; } /** 20170324 改版調整 **/

.wrapper .footer { width: 960px; margin-right: auto; margin-left: auto; overflow: hidden; padding:24px 0 36px 20px;}
.wrapper .footer .left_img { float: left; margin-top: 1px;}
.wrapper .footer .left_img img{ width: 233px; height: 27px}
.wrapper .footer .right_text { float: left;	padding-left: 50px;}
.wrapper .footer .right_text p { color: #808080;}
.wrapper .footer .right_text p span{ color: #6e85a0; padding-left: 20px;}
.wrapper .footer .right_text p strong{ color: #ababab; font-weight: normal;	padding-top: 4px; display: block;}

/*------------------member------------------*/
.wrapper .main .left .member h2 { background-image: url(https://www.momoshop.com.tw/league/images/member_title.png); background-repeat: no-repeat; background-position: 0px 0px; height: 5px; width: 232px;}
.wrapper .main .left .member .content { width: 230px; border-bottom: 1px solid #f2d3e2; border-left: 1px solid #f2d3e2; border-right: 1px solid #f2d3e2; overflow: hidden; background-color: #ffebf5; height: 73px;}
/*------------------login_------------------*/
.wrapper .main .left .member .content.login_ .register_btn { background-image: url(https://www.momoshop.com.tw/league/images/register_btn.png); background-repeat: no-repeat; background-position: 0px 0px; display: block; height: 46px; width: 204px; text-indent: -9999px; margin-right: auto; margin-left: auto; margin-top: 13px;}
.wrapper .main .left .member .content.login_ .register_btn:hover { background-position: 0px -46px;}
/*------------------logout_------------------*/
.wrapper .main .left .member .content.logout_ { background-color: #FFFFFF; border-bottom: 1px solid #DBDBDB; border-left: 1px solid #DBDBDB; border-right: 1px solid #DBDBDB;}
.wrapper .main .left .member .content.logout_ p { padding:0 10px; font:15px/74px Helvetica; text-align:center; overflow:hidden}
.wrapper .main .left .member .content .btn,
.wrapper .main .left .member .content .btn:visited { background-image: url(https://www.momoshop.com.tw/league/images/login_btn.png); background-repeat: no-repeat; background-position: 0px 0px; height: 27px; width: 57px; color: #FFF; font-family:Helvetica; font-size: 12px; text-align: center; margin-left: 6px; display: block; cursor:pointer; border: 0 none; padding-bottom: 2px;}
.wrapper .main .left .member .content .btn:hover { background-position: left -27px;}
.wrapper .main .left .member .content .btn:active { color: #fff200;}
.wrapper .main .left .member .content.logout_ .btn { margin-right: auto; margin-left: auto;}
/*------------------qxa------------------*/
.wrapper .main .left .qxa h2{ background-image: url(https://www.momoshop.com.tw/league/images/q&a_title.png); background-repeat: no-repeat; background-position: 0px 0px; height: 38px; width: 232px; text-indent: -9999px;}
.wrapper .main .left .qxa .content{ width: 215px; border:1px solid #e3dbcc; border-width:0 1px 1px; padding:3px 0 6px 15px; overflow: hidden; background-color: #fcf7ed;} /** 20170324 改版調整 **/
.wrapper .main .left .qxa .content ul li { overflow: hidden; padding-top: 10px; padding-bottom: 9px; border-bottom:1px solid #ebdfd3; width: 200px; height: 15px;} /** 20170324 改版調整 **/
.wrapper .main .left .qxa .content ul li.no_line { border-bottom-width: 0px; border-bottom-style: none;}
.wrapper .main .left .qxa .content ul li div { background-image: url(https://www.momoshop.com.tw/league/images/q&a_li_icon.png); float: left; height: 14px; width: 18px; font-size: 11px; color: #808080; text-align: center; line-height: 15px;}
.wrapper .main .left .qxa .content ul li a,
.wrapper .main .left .qxa .content ul li a:visited { float: left; color: #595959; padding-left: 8px;}
.wrapper .main .left .qxa .content ul li a:hover { text-decoration: underline;}
.wrapper .main .left .qxa .content ul li a:active { color: #d94194;}
/*------------------recommend------------------*/
.wrapper .main .main_content .right .recommend { position:relative; background-color:#fafafa} /** 20170324 改版調整 **/
.wrapper .main .main_content .right .recommend .iwrapper{ position:relative; margin:0 auto; width:680px; overflow:hidden} /** 20170324 改版調整 **/
.wrapper .main .main_content .right .recommend ul { width: 9999px; overflow: hidden;}
.wrapper .main .main_content .right .recommend ul li { float:left; position:relative; padding:17px; width:80px;} /** 20170324 改版調整 **/
.wrapper .main .main_content .right .recommend ul li::before { position:absolute; left:0; top:24px; display:inline-block; width:1px; height:65px; background-color:#c6c6c6; content:""} /** 20170324 改版調整 **/
.wrapper .main .main_content .right .recommend ul li:first-child::before { display:none}
.wrapper .main .main_content .right .recommend ul li.no_line  { border-right-width: 0px; border-right-style: none; background-image: none;}
.wrapper .main .main_content .right .recommend ul li a { display:block; cursor:pointer} /** 20170324 改版調整 **/
.wrapper .main .main_content .right .recommend ul li a.img { display:block; height:80px; width:80px;} /** 20170324 改版調整 **/
.wrapper .main .main_content .right .recommend ul li a.img img { height: 100%; width: 100%;}
.wrapper .main .main_content .right .recommend ul li a.name,
.wrapper .main .main_content .right .recommend ul li a.name:visited { font-family:Helvetica; font-weight: bolder; color: #4c4c4c; text-align: center; display: block; padding-top: 7px; line-height: 16px;}
.wrapper .main .main_content .right .recommend ul li a.name:hover { text-decoration: underline;}
.wrapper .main .main_content .right .recommend ul li a.name:active { color: #d94194;}
.wrapper .main .main_content .right .recommend .arrow { position:absolute; top:49px; display:block; width:8px; height:15px; cursor:pointer} /** 20170324 改版調整 **/
.wrapper .main .main_content .right .recommend .forward { right: 20px; background-image: url(https://www.momoshop.com.tw/league/images/forward.png);}
.wrapper .main .main_content .right .recommend .forward:hover { background-position: 0 -15px;}
.wrapper .main .main_content .right .recommend .back { background-image: url(https://www.momoshop.com.tw/league/images/back.png); left: 20px;}
.wrapper .main .main_content .right .recommend .back:hover { background-position: 0 -15px;}
/*------------------banner------------------*/
.wrapper .main .main_content .right .banner { float: left; width: 560px;}
.banner .tabs li { float: left; height: 26px; cursor: pointer; background-color: #999999; width: 186px;}
/*------------------main_bottom------------------*/
.wrapper .main_bottom .left { display:block; width:232px } /** 20170324 改版調整 **/
.wrapper .main_bottom .left .leftBanner230 a { display:block; width:230px; height:176px} /** 20170324 改版調整 **/
.wrapper .main_bottom .left .leftBanner230 a img { height: 100%; width: 100%;} /** 20170324 改版調整 **/
.wrapper .main .main_content a.middle_ad { display:block; padding-top:15px; height:59px; width:980px; clear:both} /** 20170324 改版調整 **/
.wrapper .main .main_content a.middle_ad img{ width:100%; height:100%} /** 20170324 改版調整 **/
/*------------------rank------------------*/
.wrapper .main_bottom .right .rank { width: 186px; height: 651px; border: 1px solid #e3dad9; background-color: #f7f4f0; float: left; padding-bottom: 3px; position: relative; overflow: hidden;}
.wrapper .main_bottom .right .rank h2{ background-repeat: no-repeat; background-position: 0px 0px; height: 15px; text-indent: -9999px; margin-top: 16px; margin-bottom: 12px; margin-left: 15px;}
.wrapper .main_bottom .right .rank h2.h1{ background-image: url(https://www.momoshop.com.tw/league/images/rank_title_1.png?t=201406);}
.wrapper .main_bottom .right .rank h2.h2{ background-image: url(https://www.momoshop.com.tw/league/images/rank_title_2.png?t=201406);}
.wrapper .main_bottom .right .rank h2.h3{ background-image: url(https://www.momoshop.com.tw/league/images/rank_title_3.png?t=201406);}
.wrapper .main_bottom .right .rank ul.list { width: 9999px; height: 100%; position: absolute;}
.wrapper .main_bottom .right .rank ul.list li { float: left; width: 186px; height: 100%;}
.wrapper .main_bottom .right .rank ul.playerControl { position: absolute; right: 0px; top: 13px; background-color: #f7f4f0; padding-top: 5px; padding-bottom: 5px; padding-right: 10px;}
.wrapper .main_bottom .right .rank ul.playerControl li { float: left; cursor: pointer; background-image: url(https://www.momoshop.com.tw/league/images/rank_mark.png); background-repeat: no-repeat; background-position: 0px 0px; height: 12px; width: 11px; margin-left: 8px;}
.wrapper .main_bottom .right .rank ul.playerControl li.current { background-position: 0px -12px;}
.wrapper .main_bottom .right .rank ol { overflow: hidden;}
.wrapper .main_bottom .right .rank ol li { overflow: hidden;}

/*------------------rank picture------------------*/
.wrapper .main_bottom .right .rank ol li.picture a.left_img { float: left; height: 78px; width: 78px; border-top-width: 1px; border-right-width: 1px; border-top-style: solid; border-right-style: solid; border-top-color: #e3dad9; border-right-color: #e3dad9; position: relative;}
.wrapper .main_bottom .right .rank ol li.picture a.left_img div { background-image: url(https://www.momoshop.com.tw/league/images/rank_icon.png); background-repeat: no-repeat; background-position: 0px 0px; height: 36px; width: 36px; position: absolute; left: 0px; top: 0px; font-size: 15px; font-weight: bolder; color: #FFF;}
.wrapper .main_bottom .right .rank ol li.picture a.left_img div span{ padding-top: 3px; padding-left: 6px; display: block;}
.wrapper .main_bottom .right .rank ol li.picture a.left_img img{ height: 100%; width: 100%;}
.wrapper .main_bottom .right .rank ol li.picture .right_ { float: left; border-top:1px solid #ece6e3; width: 84px; padding:8px 13px 0 10px; height: 70px;}
.wrapper .main_bottom .right .rank ol li.picture .right_ a.name,
.wrapper .main_bottom .right .rank ol li.picture .right_ a.name:visited{ color: #666666; line-height: 16px; height: 31px; width: 84px; overflow: hidden; display: block;}
.wrapper .main_bottom .right .rank ol li.picture .right_ a.name:hover { text-decoration: underline;}
.wrapper .main_bottom .right .rank ol li.picture .right_ a.name:active { color: #d94194;}
.wrapper .main_bottom .right .rank ol li.picture .right_ strong { font-family: "Times New Roman"; font-size: 20px; color: #cc3a00; font-weight: normal; display: block; text-align: right; padding-top: 2px;}
/*------------------rank picture 蝚砌��� add line------------------*/
.wrapper .main_bottom .right .rank ol li.picture.line a.left_img,
.wrapper .main_bottom .right .rank ol li.picture.line .right_ ,
.wrapper .main_bottom .right .rank ol li.character { border-bottom:1px solid #ece6e3;}
/*------------------rank character------------------*/
.wrapper .main_bottom .right .rank ol li.character  { padding-top: 6px; padding-bottom: 4px;}
.wrapper .main_bottom .right .rank ol li.character.no_line  { border-bottom-width: 0px; border-bottom-style: none;}
.wrapper .main_bottom .right .rank ol .character div { float: left; font-size: 18px; font-weight: bolder; color: #b29c98; width: 29px;}
.wrapper .main_bottom .right .rank ol .character div span { display: block; text-align: center; padding-right: 3px;}

.wrapper .main_bottom .right .rank ol .character a,
.wrapper .main_bottom .right .rank ol .character a:visited { float: left; color: #666666; line-height: 22px; display: block; width: 144px; overflow: hidden; height: 22px; padding-right: 13px;}
.wrapper .main_bottom .right .rank ol .character a:hover { text-decoration: underline;}
.wrapper .main_bottom .right .rank ol .character a:active { color: #d94194;}
.wrapper .main_bottom .right .rank ol .character strong { font-family: "Times New Roman"; display: block; clear: both; font-size: 15px; color: #cc3a00; text-align: right; padding-right: 13px; font-weight: normal; position: relative; top: -2px;}
.wrapper .main_bottom .right .rank ol .character strong span{ font-size: 12px;}
/*------------------rank other character------------------*/
.wrapper .main_bottom .right .rank li.other ol .character strong { font-size: 16px;}
.wrapper .main_bottom .right .rank ol .character.three div span { color: #f0805b;}
.wrapper .main_bottom .right .rank ol .character.three a { font-weight: bold;}
.wrapper .main_bottom .right .rank li.other ol .character.three strong { font-size: 20px;}
/*------------------rank other 蝚砌�銝𢠃𢒰�删�------------------*/
.wrapper .main_bottom .right .rank ul li.other ol  { border-top: 1px solid #ECE6E3;}

/*------------------�刻㵽���------------------*/
.table tr td .recommend { height: 96px; width: 207px; background-repeat: no-repeat; background-position: 0px 0px; display: block; text-indent: -9999px;}
.table tr td .recommend:hover { background-position: left -96px;}
.table tr td .img { margin-top: 3px; margin-bottom: 3px; margin-left: 30px;}

/** 20170324 改版調整(右側大看板輪播) **/
.slide730 { position:relative; margin-left:18px; width:730px; height:370px; border-bottom:1px solid #CCCCCC; overflow:hidden}

.slide730 .slideMain img{
    width: 100%;
    object-fit: contain;
}

.slide730 .slideMain > div{
    padding-bottom: 20px;
}
/*
.slide730 .leftBtn,
.slide730 .rightBtn { display:inline-block; display:none; width:40px; height:52px; position:absolute; top:140px; cursor:pointer}
.slide730 .leftBtn { left:0px; background:url(img/leftarrow_h48.png) no-repeat center center;}
.slide730 .rightBtn { right:0px; background:url(img/rightarrow_h48.png) no-repeat center center;}
.slide730:hover .leftBtn,
.slide730:hover .rightBtn { display:inline-block}

.slide730 .TabMenu { position:absolute;bottom: 0;left:0px;background-color: #FFF;width: 100%;height:36px}
.slide730 .TabMenu ul { display:inline-block; margin:0; padding:0; width:100%; list-style:none}
.slide730 .TabMenu ul::before { position:absolute; right:0; top:0; display:inline-block; width:1px; height:36px; background-color:#ccc; content:""}
.slide730 .TabMenu ul li { float:left; position:relative; width:121px; height:36px}
.slide730 .TabMenu ul li::before { position:absolute; left:0; top:0; display:inline-block; width:1px; height:36px; background-color:#ccc; content:""}
.slide730 .TabMenu ul li:first-child { width:124px}
.slide730 .TabMenu ul li span { float:left;width: 100%;height:36px;overflow:hidden; font:13px/36px Helvetica;text-align:center; color:#7f7f7f;cursor: pointer;}
.slide730 .TabMenu ul li span:hover { filter:alpha(opacity=100);background-color:#EDEDED;}

.slide730 .TabContent { display:block; overflow:hidden}
.slide730 .TabContent .TabContentD {display:none}
.slide730 .TabContent .selected {display:block}
.slide730 .TabContent .TabContentD a { display:block}
.slide730 .TabContent .TabContentD a img { display:inline-block; width:730px; height:330px; border:0px; vertical-align:top}
*/
/** 20170324 改版調整(左側熱門快訊) **/
.speaker { width:230px; background-color:#F3F3F3; border:1px solid #cccccc; position: relative; overflow:hidden;}
.speaker h3 { margin:0px; padding:0px; width:100%; background-color:#888C97}
.speaker h3 img { border:0px; vertical-align:top}
.speaker #whoBuy { overflow: hidden; position: relative;}
.speaker #whoBuy .TabContent {overflow:hidden; position:relative}
.speaker #whoBuy .TabContent .TabContentD { display:block; padding:10px; border-top:1px dotted #cccccc;}
.speaker #whoBuy p { width:100%; height:40px; font:13px/20px Helvetica; color:#737373; overflow:hidden}
.speaker #whoBuy p a,
.speaker #whoBuy p a span:first-child {color:#737373}
.speaker #whoBuy p a span {color:#D62672}


/** 20170324 改版調整(商品列表) **/
.wrapper .main_bottom .right .listArea {width:100%; display:inline-block; position:relative}
.wrapper .main_bottom .right .listArea ul { display:inline-flex; flex-wrap:wrap; justify-content:flex-start; margin:0px; padding:0px; width:100%; list-style:none}
.wrapper .main_bottom .right .listArea ul li { text-align:center; padding:0 0 35px; position:relative}
.wrapper .main_bottom .right .listArea ul li:nth-child(3n+2) { padding:0 20px}
.wrapper .main_bottom .right .listArea ul li a { display:block; position:relative}
.wrapper .main_bottom .right .listArea ul li a .prdImg { width:228px; height:228px; border:1px solid #CCC; vertical-align:middle}
.wrapper .main_bottom .right .listArea ul li a .prdName { width:230px; height:37px; font:15px/18px Helvetica; color:#666666; text-align:left; margin:4px 0 0; padding:0px; overflow:hidden}
.wrapper .main_bottom .right .listArea ul li a .price { width:230px; height:30px; font:bold 13px/30px Helvetica; color:#00684d; text-align:center}
.wrapper .main_bottom .right .listArea ul li a .price b {font:24px/30px Century Gothic; margin:0px 0px 0px 2px}
.wrapper .main_bottom .right .listArea ul li .iconArea { display:flex; justify-content:space-between; width:230px; margin:1px auto 0px; color:#ff0053}
.wrapper .main_bottom .right .listArea ul li .iconArea .discount { width:135px; font:15px/22px Helvetica; text-align:left}
.wrapper .main_bottom .right .listArea ul li .iconArea .discount b { margin:0 2px; font:bold 34px/36px Helvetica; text-align:center}
.wrapper .main_bottom .right .listArea ul li .iconArea i { display:inline-block; width:93px; height:36px; background:url("/league/images/prdIcon.png") no-repeat; cursor:pointer }


/*快速推薦區塊*/
.transform {
    min-height: 353px;	
    border-top: 1px solid #DBDBDB;
    border-right: 1px solid #DBDBDB;
}
.transform  .transform_img {
    width: 691px;
    margin-right: auto;
    margin-left: auto;
    background-image: url(../images/transform.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    height: 65px;
    margin-top: 13px;
    margin-bottom: 14px;
}
.transform  .transform_box {
    margin-left: auto;
    margin-right: auto;
    width: 500px;
}

.transform  .h2_link {
    background-image: url("../images/link_icon.png");
    padding-left: 25px;
    background-position: 0 center;
    background-repeat: no-repeat;
    color: #262626;
    font-family: "微軟正黑體";
    font-size: 15px;
    font-weight: bolder;
    margin-bottom: 8px;
    padding-bottom: 2px;
}
.transform  .table_btn_ {
    padding-bottom: 20px;
    padding-top: 10px;
    text-align: center;
}
.transform  .table_btn_ div {
    background-image: url("../images/table_btn_left.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    display: inline-block;
    padding-left: 10px;
}
.transform  .table_btn, .transform  .table_btn:visited {
    background-image: url("../images/table_btn_right.png");
    background-position: right 0;
    background-repeat: no-repeat;
    border: 0 none;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-family: Arial,"新細明體";
    font-size: 12px;
    height: 27px;
    padding-bottom: 2px;
    padding-left: 4px;
    padding-right: 13px;
    text-align: center;
}

/* copy from 2015Base.css */

/** #bt_0_205_01_大看板 
#bt_0_205_01 .leftBtn,
#bt_0_205_01 .rightBtn { display:inline-block; display:none; width:40px; height:52px; position:absolute; top:140px; cursor:pointer}
#bt_0_205_01 .leftBtn { left:0px; background:url(//image.momoshop.com.tw/ecm/img/de/0/bt_0_205/leftarrow_h48.png) no-repeat center center;}
#bt_0_205_01 .rightBtn { right:0px; background:url(//image.momoshop.com.tw/ecm/img/de/0/bt_0_205/rightarrow_h48.png) no-repeat center center;}
#bt_0_205_01:hover .leftBtn,
#bt_0_205_01:hover .rightBtn { display:inline-block}
**/

/** #bt_0_240_01 20171012 首頁新大看板 **/
#bt_0_layout_b340 {position:absolute; top:0px; left:201px}
#bt_0_240_01 {width:730px; height:330px; overflow:hidden; border-bottom:1px solid #CCCCCC; position:relative}
#bt_0_240_01 .leftBtn,
#bt_0_240_01 .rightBtn { display:inline-block; display:none; width:40px; height:52px; position:absolute; top:140px; cursor:pointer}
#bt_0_240_01 .leftBtn { left:0px; background:url(//image.momoshop.com.tw/ecm/img/de/0/bt_0_205/leftarrow_h48.png) no-repeat center center;}
#bt_0_240_01 .rightBtn { right:0px; background:url(//image.momoshop.com.tw/ecm/img/de/0/bt_0_205/rightarrow_h48.png) no-repeat center center;}
#bt_0_240_01:hover .leftBtn,
#bt_0_240_01:hover .rightBtn { display:inline-block}
#bt_0_240_01 .TabMenu { position:absolute; bottom:0; margin:15px auto; width: 100%; height:15px; text-align:center}
#bt_0_240_01 .TabMenu ul { display:inline-block; margin:0; padding:0px; list-style:none; vertical-align:top}
#bt_0_240_01 .TabMenu ul li { float:left; margin:2px 5px; width:11px; height:11px; background-color:rgba(0,0,0,0.38); box-sizing:border-box; border:1px solid rgba(255,255,255,0.1); border-radius:50%}
#bt_0_240_01 .TabMenu ul li.selected { margin:0 5px; width:14px; height:14px; background-color:rgba(40,40,40,1); border-radius:50%; border:1px solid rgba(255,255,255,0.1)}
#bt_0_240_01 .TabMenu ul li span { float:left; width:0; height:0; overflow:hidden; font:13px/36px Helvetica; text-align:center; color:#7f7f7f; cursor:pointer}
#bt_0_240_01 .TabMenu ul li span:hover { filter:alpha(opacity=100);background-color:#EDEDED;}
#bt_0_240_01 .TabContent {display:inline-block; width:818px; height:370px; overflow:hidden}
#bt_0_240_01 .TabContent .TabContentD {display:none}
#bt_0_240_01 .TabContent .selected {display:block}
#bt_0_240_01 .TabContent .TabContentD a {float:left; width:730px; height:370px;}
#bt_0_240_01 .TabContent .TabContentD a img {display:inline-block; width:730px; height:330px; border:0px; vertical-align:top}

/** #bt_0_233_01_左_各類排行榜 **/
#bt_0_layout_b433 {float:left; width:202px; height:640px; background:transparent; margin:6px 12px 0px 0px; position:relative; top:131px}
#bt_0_233_01 {height:637px; background:#F3F3F3; border:1px solid #CCCCCC;}
#bt_0_233_01 h3 {margin:0px; padding:0px; height:38px; background-color:#878B96; color:#FFFFFF; text-align:left; position:relative}
#bt_0_233_01 h3 img {display:inline-block; width:200px; height:38px; border:0px; vertical-align:top;background-color:#878B96}
#bt_0_233_01 h3 .openchooseBtn {display:inline-block; width:50px; height:20px; padding:0px 15px 0px 5px; background:#FFFFFF url(//image.momoshop.com.tw/ecm/img/de/0/bt_0_233/bt_0_233_01_rankicon_open.png) no-repeat 57px 6px; font:12px/20px Helvetica; color:#6A6A6A; text-align:left; border-radius:2px; position:absolute; top:9px; right:10px; cursor: pointer}
#bt_0_233_01 h4 {margin:0px; padding:0px; height:35px; background-color:#E1E1E1; font:15px/35px Helvetica; color:#D62573; text-align:center; position:relative;}
#bt_0_233_01 .rankingList {float:left; margin:0px; padding:0px; width:200px; height:564px; display:inline-block; list-style:none; background:#F3F3F3; overflow:hidden}
#bt_0_233_01 .rankingList li {float:left; width:190px; height:73px; padding:20px 5px 2px 5px}
#bt_0_233_01 .rankingList li a {float:left; width:190px; height:75px; border-bottom:1px dotted #CCCCCC}
#bt_0_233_01 .rankingList li:first-child {height:69px; padding:20px 5px 0px 5px; background:url(//image.momoshop.com.tw/ecm/img/de/0/bt_0_233/bt_0_233_01_rankicon_title.png) no-repeat center top;}
#bt_0_233_01 .rankingList li:first-child a {height:75px; }
#bt_0_233_01 .rankingList li .rankIcon {float:left; display:inline-block; width:20px; height:26px; background:#3EA69F url(//image.momoshop.com.tw/ecm/img/de/0/bt_0_233/bt_0_233_01_icon_bg.png) no-repeat center bottom; font:bold 12px/22px Helvetica; color:#FFFFFF; text-align:center; margin-left:5px; }
#bt_0_233_01 .rankingList .top3 .rankIcon {background-color:#F4477F;} 
#bt_0_233_01 .rankingList li p {float:right; margin:0px; padding:0px; width:155px;}
#bt_0_233_01 .rankingList li p > span {display:block; width:155px; text-align:left; color:#696969; overflow:hidden}
#bt_0_233_01 .rankingList li p .prdName {height:32px; font:13px/16px Helvetica;}
#bt_0_233_01 .rankingList li p .prdPrice {font:bold 12px/26px Helvetica; height:26px; color:#d62672; }
#bt_0_233_01 .rankingList li p .prdPrice del {float:left; height:26px; font:13px/26px Helvetica; color:#666666; text-align:left; }
#bt_0_233_01 .rankingList li p .prdPrice b {float:right; font:20px/26px Century Gothic; margin:0px 10px 0px 0px; letter-spacing:-1px}
#bt_0_233_01 .rankingList li p .prdPrice b span{float:right; font:20px/26px Century Gothic; letter-spacing:-1px}
#bt_0_233_01 .rankingList li p .prdPrice b i {font:bold 12px/26px Helvetica; margin-right:2px}
#bt_0_233_01 .chooseBox { display:none; width:228px; height:auto; padding-bottom:15px; background:#E1E1E1; border:2px solid #F4477F; position:absolute; top:810px; }
#bt_0_233_01 .chooseBox .closechooseBtn {float:right; margin:10px 10px; width:20px; height:20px; background:#FEFEFF url(//image.momoshop.com.tw/ecm/img/de/0/bt_0_233/bt_0_233_01_close_icon.png) no-repeat center center; border-radius:3px; cursor:pointer}
#bt_0_233_01 .chooseBox p {margin:0px; padding:0px 0px 0px 5px; height:40px; font:13px/40px Helvetica; color:#666666;}
#bt_0_233_01 .chooseBox ul {margin:0px; padding:0px; width:200px; display:block; list-style:none }
#bt_0_233_01 .chooseBox ul li {float:left; margin:7px 0px 0px 5px; width:88px; height:30px; overflow:hidden; background:#FFFFFF; font:13px/30px Helvetica; color:#666666; text-align:center; border:1px solid #CCCCCC; border-bottom:2px solid #CCCCCC; border-radius:3px; cursor:pointer}
#bt_0_233_01 .chooseBox ul li.selected {background:#F3467E; color:#FFFFFF; border:1px solid #F3467E;border-bottom-width: 2px;}
#bt_0_233_01 .rankingList li a:hover .prdName {color:#d6266e}
#bt_0_233_01 .chooseBox ul .topTitle {display:block; width:150px; background:#e1e1e1; border-radius:0px; border:0px; text-align:left; color:#3EA69F}
#bt_0_233_01 .chooseBox ul .topTitle b {float:left; margin:3px 5px; width:26px; height:23px; font:bold 10px/20px Helvetical; color:#FFFFFF; text-align:center; background:transparent url(//image.momoshop.com.tw/ecm/img/de/0/bt_0_233/bt_0_233_01_topbox_title.png) no-repeat center center; }

/* 停機公告樣式 */
.announcement-bar {
    font-size: 12px;
    line-height: 1.5;
    font-family: "Microsoft JhengHei UI","SF Pro TC","SF Pro Text","SF Pro Icons","PingFang TC",Helvetica,Arial,sans-serif,"BlinkMacSystemFont","Segoe UI",Roboto,"Helvetica Neue",system-ui,-apple-system;
    padding: 0.5rem 1rem;
    background: #fffde1;
    color: #454545;
    margin: 0 0 1rem;
    border-bottom: 1px solid #ffae00;
    text-align: left;
}

.announcement-bar > a {
    color: #454545;
    text-decoration: none;
    max-width: 980px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 6px
}

.announcement-bar > a:hover {
    color: #ffae00;
}

.announcement-bar .announcement-date {
    color: #ffae00;
    font-weight: bold;
}

.announcement-bar .icon-notice {
    background: url(/league/images/notice.svg) no-repeat center center;
    background-size: 16px 16px;
    display: inline-block;
    width: 18px;
    height: 18px;
}



