﻿@import url("//fonts.googleapis.com/css?family=Righteous");
@import url("//fonts.googleapis.com/earlyaccess/notosanstc.css");
#tabMenu_egg>a{display:inline-block;vertical-align:top;margin-right:-10px;*vertical-align:auto;*zoom:1;*display:inline}
#eggPage .egg i,#tabMenu_egg,#eggPage .tabMenu_inner>a{position:relative}
#eggPage .egg h2>span,#eggPage .itemBox .item{text-align:center}
#eggPage{margin-left:auto;margin-right:auto}
#eggPage .egg i:after,#eggPage .egg h2>span:before,#tabMenu_egg:after,#eggPage .tabMenu_inner>a.on:before{content:'';display:block;position:absolute;transition:all .3s}
#eggPage .egg h2{font-family:"\5FAE\8F6F\96C5\9ED1", Verdana, arial}
#eggPage .egg h2+em,#eggPage .egg p,#eggPage h4,#tabMenu_egg{font-family:'Noto Sans TC', sans-serif}
#eggPage{width:678px;overflow:hidden}
#eggPage .egg{margin-top:20px;margin-bottom:20px;min-height:135px;border-bottom:1px solid rgba(128,128,128,0.2)}
#eggPage .egg:after{content:'';display:block;clear:both}
#eggPage .egg i{margin-right:40px;float:left;background-repeat:no-repeat;background-position:center;background-image:url('../img/egg_01.png?1485149643');width:100px;height:100px;border:4px solid transparent;border-image:linear-gradient(#88bbfd 0%,#4188dd 100%);border-image-slice:1;text-transform:uppercase;display:block;z-index:0}
#eggPage .egg h2{font-size:40px !important;margin-top:5px !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;font-weight:bold;line-height:1;background:-webkit-linear-gradient(top, #88bbfd 0%, #4188dd 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
#eggPage .egg h2+em{font-size:15px;font-style:normal;font-weight:600;color:#4188dd;background:-webkit-linear-gradient(top, #88bbfd 0%, #4188dd 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
#eggPage .egg h2>span{display:inline-block;font-size:20px;color:white;-webkit-background-clip:border-box;-webkit-text-fill-color:initial;background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg4YmJmZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzQxODhkZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');background-size:100%;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #88bbfd),color-stop(100%, #4188dd));background-image:-moz-linear-gradient(#88bbfd,#4188dd);background-image:-webkit-linear-gradient(#88bbfd,#4188dd);background-image:linear-gradient(#88bbfd,#4188dd);margin-left:10px;width:50px;height:50px;line-height:58px;vertical-align:middle;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;position:relative;margin-top:-8px;letter-spacing:-2px}
#eggPage .egg h2>span:before{content:'售價';font-size:12px;line-height:1;position:absolute;left:13px;top:6px;font-weight:normal;opacity:.6}
#eggPage .egg p{padding-top:5px;font-size:14px;margin:0;line-height:1.4;color:#888;letter-spacing:1px;font-weight:normal;float:right;width:530px;text-align:justify}
#eggPage h4{font-size:16px;color:#555;margin-bottom:10px}
#eggPage .table_01{width:100%;border-collapse:collapse;border:1px solid #d6d6d6;font-family:'Noto Sans TC', sans-serif;font-size:14px}
#eggPage .table_01 tr:nth-child(odd){background-color:#fbfbfb}
#eggPage .table_01 th{color:#777 !important;font-weight:normal}
#eggPage .table_01 td{border:1px solid #d6d6d6 !important;padding:6px 8px !important;font-weight:normal !important;height:auto !important;font-size:14px !important;color:#555 !important}
#eggPage .itemBox{font-size:0;padding-top:30px;padding-right:5px}
#eggPage .itemBox .item{width:100%;min-height:50px;border:1px solid rgba(128,128,128,0.3);margin-bottom:10px;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;background-image:url('../img/bg_2.jpg?1482805848');background-color:#f7f6f4;overflow:hidden}
#eggPage .itemBox .item img{background-position:center;background-repeat:no-repeat;background-image:url('../img/loading.gif?1480930901')}
#eggPage .itemBox .columns{padding-right:5px;-moz-column-count:2;-moz-column-gap:10px;column-count:2;column-gap:10px;overflow:hidden}
#eggPage .itemBox .columns>div{display:inline-block;padding-top:10px;padding-bottom:10px;margin:5px 5px 5px 0;column-break-inside:avoid;transition:opacity .4s ease-in-out;background-image:none}
#eggPage .itemBox .columns>div:nth-child(2n){margin-right:0}
#eggPage .itemBox .columns>div img{border:1px solid rgba(128,128,128,0.5);-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}
#subContainer .contents.notice #eggPage .table_01 td{text-align:inherit}
.txt-center{text-align:center !important}
.table_01 td:nth-child(2),.table_01 td:nth-child(3),.table_01 td:nth-child(4){text-align:center !important}
#tabMenu_egg{padding-top:15px;height:35px;z-index:0}
#tabMenu_egg:after{width:100%;height:1px;bottom:0;left:0;background-color:#C5C5C5;z-index:-1}
#tabMenu_egg>a{font-size:18px;text-decoration:none;color:#777;border-top:1px solid #C5C5C5;border-left:1px solid #C5C5C5;border-right:1px solid #C5C5C5;background-color:#F3F3F3;padding:0 25px;height:33px;line-height:33px;margin-right:-1px}
#tabMenu_egg>a:first-child{border-radius:8px 0 0 0}
#tabMenu_egg>a:last-child{border-radius:0 8px 0 0}
#tabMenu_egg>a.on{background-color:#fff;border-bottom:1px solid #fff}
.goEgg{color:black;font-size:16px;margin-top:10px;display:block;text-align:right;text-decoration:none;color:#777}
#eggPage #tabBox_egg section:nth-child(2) .egg i{background-image:url('../img/egg_02.png?1485149583')}
#eggPage .tabMenu_inner{margin-bottom:20px}
#eggPage .tabMenu_inner>a{font-size:15px;color:#666;text-decoration:none;display:inline-block;vertical-align:top;margin-right:-4px;background-color:rgba(128,128,128,0.1);padding:5px 15px;font-family:'Noto Sans TC', sans-serif;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;margin-right:2px;border:1px solid rgba(128,128,128,0.3);z-index:0}
#eggPage .tabMenu_inner>a.on{background-color:#ffb021;border-color:rgba(255,176,33,0.6);color:#fff}
#eggPage .tabMenu_inner>a.on:before{left:50%;top:28px;transform:translate(-50%) rotate(45deg);width:10px;height:10px;background-color:#ffb021;z-index:-1}
