@charset "utf-8";
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead {
    margin: 0;
    padding: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

body {
    line-height: 1;
}

ul {
    list-style: none;
}

ol {
    list-style-position: outside;
    margin: 0 0 0 1.5em;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

:focus {
    outline: 0;
}

ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

.inline {
    *display: inline;
}

html,
body {
    margin: 0;
    padding: 0;
}

body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #444;
    line-height: 1.5em;
}

img {
    border: 0;
}

h1,
h2,
h3 {
    margin: 0;
    padding: 0;
    font-weight: normal;
}

a {
    text-decoration: none;
    color: #666;
    outline: none;
    behavior: expression(this.onFocus=this.blur());
}

a:hover {
    color: #999;
    text-decoration: none;
}

.clear {
    clear: both;
}

input,
textarea {
    font-family: Arial, Helvetica, sans-serif;
}

header {
    display: none;
}

#header .container {
    *display: none;
}

.cf {
    *zoom: 1;
}

.cf:before,
.cf:after {
    display: table;
    line-height: 0;
    content: "";
}

.cf:after {
    clear: both;
}

#header,
#footer,
.stamp-item,
.hdbar,
.content,
.footer-menu,
.btn-row,
.main {
    *zoom: 1;
}

#header:after,
#footer:after,
.stamp-item:after,
.hdbar:after,
.content:after,
.footer-menu:after,
.btn-row:after,
.main:after {
    clear: both;
}

#header:before,
#header:after,
#footer:before,
#footer:after,
.stamp-item:before,
.stamp-item:after,
.hdbar:before,
.hdbar:after,
.content:before,
.content:after,
.footer-menu:before,
.footer-menu:after,
.btn-row:before,
.btn-row:after,
.main:before,
.main:after {
    display: table;
    line-height: 0;
    content: "";
    *display: inherit;
    *line-height: inherit;
    *content: inherit;
}

.header-icon {
    position: absolute;
    right: 38px;
    top: 60px;
}

.icon-IEupdate {
    background: url(../images/icon-IEupdate.png);
    width: 111px;
    height: 37px;
    display: block;
    overflow: hidden;
    text-indent: -999px;
}

.content {
    padding: 15px 0 0;
}

#container {
    margin: 0 auto;
    width: 100%;
    width: 928px \9;
    max-width: 928px;
}

#header {
    height: 130px;
    position: relative;
    background: url(../images/headerbg.jpg) no-repeat;
    z-index: 100;
}

.logo {
    position: absolute;
    top: 0;
    width: 305px;
    height: 111px;
}

.hdbar {
    position: absolute;
    top: 18px;
    right: 28px;
    color: #444;
    font-size: 12px;
}

.hdbar a {
    padding: 0 10px;
    color: #444;
    _padding: 0 8px;
    white-space: nowrap;
    border-left: 1px solid #444;
}

.hdbar a:first-child {
    border-left: 0;
}

.hdbar a:hover {
    color: #888;
}

.main {
    width: 760px;
    float: right;
    padding: 5px 0 0;
}

.index_main .left {
    float: left;
    width: 560px;
    background: url(../images/inBG.gif) repeat-y right;
    padding: 0 25px 0 10px;
    padding: 0 20px 0 10px \9;
}

.index_main .right {
    float: right;
    width: 170px;
}

.icon-StampRanking {
    background: url(../images/cttb01.gif);
}

.icon-sellingStamp {
    background: url(../images/cttb02.gif);
}

.icon-stampsOverview {
    background: url(../images/cttb14.gif);
}

.icon-customProcess {
    background: url(../images/cttb15.gif);
}

.icon-pricingDescription {
    background: url(../images/cttb16.gif);
}

.icon-uploadDescription {
    background: url(../images/cttb17.gif);
}

.icon-standardizedTerms {
    background: url(../images/cttb18.gif);
}

.icon-taipeiHotPost {
    background: url(../images/cttb05.gif);
}

.icon-taipeiAttractions {
    background: url(../images/cttb06.gif);
}

.icon-aboutUs {
    background: url(../images/cttb13.gif);
}

.icon-contactUs {
    background: url(../images/cttb07.gif);
}

.icon-toNewFriends {
    background: url(../images/cttb08.gif);
}

.icon-onlineShopping {
    background: url(../images/cttb09.gif);
}

.icon-bonusGift {
    background: url(../images/cttb03.gif);
}

.icon-bonusInquiry {
    background: url(../images/cttb04.gif);
}

.nav {
    position: absolute;
    top: 70px;
    right: 160px;
    z-index: 100;
}

.footer {
    position: absolute;
    bottom: 3px;
    font-size: 11px;
    color: #3f3f3f;
    text-align: center;
    width: 1000px;
    line-height: 1.2em;
}

.left_sidebar {
    width: 151px;
    float: left;
    overflow: hidden;
    position: relative;
    padding: 0 0 10px;
}

#leftmeunu {
    margin: 0;
    padding: 0;
    clear: both;
    position: relative;
    width: 151px \9;
}

#leftmeunu li {
    float: left;
    margin: 0 0 3px;
    background: url(../images/lmnbg.gif) left bottom no-repeat;
    padding: 0 0 2px;
    position: relative;
    width: 100%;
}

#leftmeunu li a {
    line-height: 1.2em;
    color: #7c7676;
    font-size: 12px;
    padding: 6px 13px;
    background: #ececec;
    border: 1px solid #ddd;
    border-bottom: none;
    display: block;
    font-weight: 700;
}

#leftmeunu li a:hover {
    background: #f5f5f5;
    text-decoration: none;
}

#footer {
    border: 1px solid #83b82d;
    font-size: 13px;
    line-height: 1.3em;
    color: #83b82d;
    margin: 10px 0;
    padding: 15px 20px 15px 80px;
    border-radius: 5px;
    position: relative;
}

.footer-left {
    float: left;
    width: 70%;
}

.footer-right {
    float: right;
    width: 25%;
    position: relative;
}

.footer-right img {
    vertical-align: top;
}

.footer-left a {
    white-space: nowrap;
    border-left: 1px solid #83B82D;
    padding: 0 3px;
}

.footer-left a:first-child {
    border-left: 0;
    padding: 0 3px 0 0;
}

.footer-left p {
    font-size: 11px;
}

#footer .counter {
    font-weight: 700;
    color: #B87E07;
    text-align: right;
    margin: -20px 0 0;
    white-space: nowrap;
}

.footer-menu {
    padding: 0 0 10px;
}

.img-footerLogo {
    width: 43px;
    height: 42px;
    line-height: 999px;
    overflow: hidden;
    display: block;
    position: absolute;
    top: 15px;
    left: 30px;
    background: url(../images/img-footerLogo.png) no-repeat;
}

.btmbar {
    border-top: 1px solid #e5e5e5;
    clear: both;
    margin: 10px 0 0;
    padding: 5px 25px 5px 0;
    text-align: right;
}

.btmbar a {
    color: #669336;
    font-size: 12px;
    font-weight: 700;
    line-height: 1em;
    padding: 8px 10px 8px 30px;
    text-transform: uppercase;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.btmbar a:hover {
    color: #87c04a;
}

.btmbar .top,
.btmbar .back,
.btmbar .home {
    background-position: 0 center;
    background-repeat: no-repeat;
}

.btmbar .top {
    background-image: url(../images/btmicon1.gif);
}

.btmbar .back {
    background-image: url(../images/btmicon2.gif);
}

.btmbar .home {
    background-image: url(../images/btmicon3.gif);
}

.btmbar .home {
    width: 128px;
    height: 32px;
    overflow: hidden;
    line-height: 999px;
    vertical-align: middle;
    background-image: url(../images/btmicon3.png);
    background-position: 0 0;
}

.acc {
    padding: 0 0 5px 0;
    position: relative;
}

.accordionButton {
    float: left;
    _float: none;
    background: url(../images/menu.gif) no-repeat;
    cursor: pointer;
    width: 151px;
    cursor: pointer;
    height: 29px;
    line-height: 9999px;
    overflow: hidden;
}

.accordionContent {
    float: left;
    _float: none;
    display: block;
    width: 100%;
}

.on {
    background: url(../images/menu_off.gif) no-repeat;
}

.accordionContent ul {
    margin: 0;
    float: left;
    width: 100%;
    background: url(../images/accbg.gif) no-repeat;
    padding: 31px 0 10px 10px;
    display: block;
}

.accordionContent li {
    float: left;
    margin-bottom: 4px;
    width: 46% \9;
}

.sitemap {
    padding: 15px 20px;
}

.sitemap li {
    position: relative;
    width: 32.6%;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
}

.sitemap .sitemap-item li {
    position: relative;
    width: 100%;
    display: block;
}

.sitemap-item {
    border: 1px solid #b5d18e;
    *border-top: 3px solid #b5d18e;
    border-radius: 15px;
    margin: 0 3px 10px;
    display: block;
    overflow: hidden;
}

.sitemap-item .hd {
    background: url(../images/stmaphd.gif) center top repeat-x;
    *background: none;
    font-weight: 700;
    color: #769d3f;
    padding: 15px 15px 5px;
    margin: -1px 0 0;
}

.sitemap-item .bd {
    padding: 0 15px 5px;
}

.sitemap-item .bd li a {
    display: block;
    border-top: 1px dotted #ccc;
    padding: 7px 0 7px 13px;
    background: url(../images/tticon2.gif) 3px 14px no-repeat;
}

.sitemap-item .bd li:first-child a {
    border-top: 0;
}

.sitemap-item .bd li a:hover {
    color: #769d3f;
    text-decoration: none;
    background-color: #feffc9;
}

.jqGSContainer {
    position: relative;
    width: 167px;
    float: left;
    padding: 0 0 0 10px;
}

.jqGSContainer .jqGSImgContainer ul {
    padding: 0;
    margin: 0;
    position: relative;
}

.jqGSContainer .jqGSImgContainer ul li {
    padding: 0;
    margin: 0;
    position: relative;
    margin-top: 0;
    margin-bottom: 0px;
    float: left;
}

.jqGSContainer .jqGSImgContainer ul li .jqGSLoader {
    width: 100%;
    height: 100%;
    position: absolute;
}

.jqGSContainer .jqGSImgContainer ul li img {
    ;
}

.jqGSContainer .jqGSImgContainer ul li .jqGSTitle {
    background: #000;
    position: absolute;
    right: 0px;
    top: 0px;
    padding: 3px;
    color: #fff;
    width: 300px;
}

.jqGSContainer .jqGSPagination {
    position: relative;
    width: 100%;
    height: 20px;
    padding: 1px 0;
}

.jqGSContainer .jqGSPagination ul {
    padding: 0;
    margin: 0;
    position: relative;
    float: right;
}

.jqGSContainer .jqGSPagination ul li {
    padding: 0;
    margin-right: 5px;
    float: left;
    padding-right: 1px;
    text-align: center;
    padding-bottom: 1px;
}

.jqGSContainer .jqGSPagination ul li a {
    padding: 2px 0px;
    background: url(../images/hotpic_bt1.gif) no-repeat center;
    text-decoration: none;
    display: block;
    width: 20px;
    font: 12px Verdana, Arial, Helvetica, sans-serif;
    color: #FFF;
}

.jqGSContainer .jqGSPagination ul li a.selected {
    background: url(../images/hotpic_bt.gif) no-repeat center;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}

.jqGSContainer .jqGSPagination ul li a:hover {
    background: url(../images/hotpic_bt.gif) no-repeat center;
    color: #FFF;
}


/************************************************************************************************************************************************************/

* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

img {
    max-width: 100%;
    vertical-align: middle;
}

.head {
    position: relative;
    z-index: 99;
    display: none;
}

.head .container {
    width: 100%;
}

.head > h1 {
    text-align: center;
}

.mobile-menu-link {
    display: none;
    float: right;
    text-decoration: none;
    padding: 19px 10px;
}

.mobile-menu {
    float: left;
    max-width: 100%;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.mobile-menu ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
    position: relative;
    display: inline-table;
}

.mobile-menu > li > ul.sub-menu {
    min-width: 10em;
    padding: 4px 0;
    background-color: #f4f4f4;
    border: 1px solid #CCC;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}

.mobile-menu ul:after {
    content: "";
    clear: both;
    display: block;
}

.mobile-menu ul li {
    padding: 0px;
}

.mobile-menu > ul > li {
    display: inline-block;
}

.mobile-menu ul li a {
    display: block;
    text-decoration: none;
    color: #444;
    font-size: 1.15em;
}

.mobile-menu ul li > a {
    padding: 12px 12px;
}

.mobile-menu ul ul {
    display: none;
    position: absolute;
    top: 100%;
    min-width: 160px;
    background-color: #f4f4f4;
    border: 1px solid #CCC;
    border: 1px solid rgba(0, 0, 0, 0.2);
}

.mobile-menu ul li:hover > ul {
    display: block;
}

.mobile-menu ul ul > li {
    position: relative;
}

.mobile-menu ul ul > li a {
    padding: 5px 15px 5px 10px;
    height: auto;
    background-color: #f4f4f4;
    -webkit-transition: background-color 0.2s ease-out;
    -moz-transition: background-color 0.2s ease-out;
    -ms-transition: background-color 0.2s ease-out;
    -o-transition: background-color 0.2s ease-out;
    transition: background-color 0.2s ease-out;
}

.mobile-menu ul ul > li a:hover {
    background-color: #92cb07;
    color: #fff;
}

.mobile-menu ul ul ul {
    position: absolute;
    left: 100%;
    top: 0;
}
#neednotice,
#cancelnotice {
    display: block;
    border-radius: 3px;
    padding: 5px 0;
    color: #fff;  
	text-align :center;
}

#neednotice {
    background: #dc463b; 
}

#cancelnotice {
    background: #b95952;
}

/*-首頁搜尋-*/
input.keyword.postalstamp_sear_input {
       width: 58%;
    margin: 10px 0 20px 0;
    height: 25px;
}
input.btn.postalstamp_sear_btn {
    border: 0;
    font-family: 微軟正黑體;
    height: 26px;
}
@media screen and (max-width: 927px) {
    a.mobile-menu-link {
        display: block;
        color: #fff;
        background: url(../images/bg-mobile-menu-link.png) no-repeat;
        width: 58px;
        height: 58px;
        overflow: hidden;
        text-indent: -999px;
    }
    .mobile-menu {
        clear: both;
        min-width: inherit;
        float: none;
    }
    .mobile-menu,
    .mobile-menu > ul ul {
        overflow: hidden;
        max-height: 0;
        background-color: #f4f4f4;
    }
    .mobile-menu > li > ul.sub-menu {
        padding: 0px;
        border: none;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding;
        background-clip: padding-box;
    }
    .mobile-menu.active,
    .mobile-menu > ul ul.active {
        max-height: 55em;
    }
    .mobile-menu ul {
        display: inline;
    }
    .mobile-menu > ul {
        border-top: 1px solid #aaa;
    }
    .mobile-menu li,
    .mobile-menu > ul > li {
        display: block;
    }
    .mobile-menu li a {
        color: #000;
        display: block;
        padding: 0.8em;
        border-bottom: 1px solid #aaa;
        position: relative;
    }
    .mobile-menu li.has-submenu > a:after {
        content: '+';
        position: absolute;
        top: 0;
        right: 0;
        display: block;
        font-size: 1.5em;
        padding: 12px;
    }
    .mobile-menu li.has-submenu > a.active:after {
        content: "-";
    }
    .mobile-menu ul ul > li a {
        background-color: #e4e4e4;
        padding: 12px 18px 12px 30px;
    }
    .mobile-menu ul ul,
    .mobile-menu ul ul ul {
        display: inherit;
        position: relative;
        left: auto;
        top: auto;
        box-shadow: none;
        border: none;
    }
}


/************************************************************************************************************************************************************/

.mobile-select-menu {
    display: none;
    padding: 5px 10px;
    background: #eee;
    margin: 0 0 10px;
    border-bottom: 1px solid #ccc;
    box-shadow: 0 1px 0 #fff inset;
}

.mobile-select-menu select {
    padding: 5px;
    display: block;
    width: 100%;
    border: 1px solid #aaa;
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

.index-tabs .hd {
    border-radius: 5px 5px 0 0;
    box-shadow: 0 10px 10px rgba(255, 255, 255, 0.2) inset;
    position: relative;
}

.stampNewsTitle {
    background-color: #4494e5;
    background: url(../images/bg-stampNews.png) no-repeat \9;
}

.stampHotTitle {
    background-color: #9b43e6;
    background: url(../images/bg-stampHot.png) no-repeat \9;
}

.stampSpecialsTitle {
    background-color: #de6839;
    background: url(../images/bg-stampSpecials.png) no-repeat \9;
}

.index-tabs .btn-more {
    overflow: hidden;
    display: block;
    text-indent: -999px;
    background: url(../images/btn-more.png) center center no-repeat;
    width: 50px;
    height: 30px;
}

.index-tabs {
    padding: 0 0 20px;
    position: relative;
}

.index-tabs .bd {
    border: 1px solid #ddd;
    border-top: 0;
    border-radius: 0 0 5px 5px;
}

.index-tabs .heading {
    overflow: hidden;
    display: block;
    text-indent: -999px;
    background-repeat: no-repeat;
    background-position: 5px center;
    height: 30px;
}

.img-stampNewsTitle {
    background-image: url(../images/img-stampNewsTitle.png);
}

.img-stampHotTitle {
    background-image: url(../images/img-stampHotTitle.png);
}

.img-stampSpecialsTitle {
    background-image: url(../images/img-stampSpecialsTitle.png);
}

.abs-tr {
    position: absolute;
    top: 0;
    right: 0;
}

.index-stamp-list {
    padding: 10px 5px;
    position: relative;
}

.index-stamp-list li {
    width: 33.3333%;
    float: left;
    list-style: none;
}

.index-stamp-list .pic {
    padding: 1px;
    text-align: center;
    max-width: 148px;
    margin: 0 auto;
}

.index-stamp-list .pic img {
    max-width: 91px;
}

.index-stamp-list .stamp-item {
    color: #566C79;
    line-height: 1.5em;
    padding: 0 10px 10px;
    min-height: 110px;
}

.index-stamp-list .stamp-item .row {
    padding: 0 0 5px;
    font-size: 12px;
}

.index-stamp-list .stamp-item .btn-row {
    padding: 5px 0;
}

.stamp-item-btn {
    background: url(../images/btn-stampitembtn.png);
    width: 102px;
    height: 22px;
    text-indent: -9999px;
    display: block;
    margin: 0 auto;
    overflow: hidden;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    text-align: center;
}

.stamp-item-btn:hover,
.stamp-item-btn:active {
    background-position: left bottom;
    color: #fff;
}

.stamp-item-title a {
    color: #2076AD;
    font-weight: 700;
}

.stamp-item-title span {
    float: left;
    background-color: #d9d9d9;
    padding: 3px;
    max-width: 120px;
    font-size: 12px;
    line-height: 1.4em;
}

.stamp-item-title .rank1,
.stamp-item-title .rank2,
.stamp-item-title .rank3 {
    width: 28px;
    height: 25px;
    background-repeat: no-repeat;
    background-color: #fff;
    background-position: left center;
    text-indent: -999px;
    overflow: hidden;
    float: left;
}

.rank1 {
    background-image: url(../images/stamp_nb1.gif);
}

.rank2 {
    background-image: url(../images/stamp_nb2.gif);
}

.rank3 {
    background-image: url(../images/stamp_nb3.gif);
}


/*********************************************************/

.index-events {
    padding: 0 0 20px;
}

.index-events .hd {
    padding: 0 0 10px;
}

.index-events .bd {
    padding: 0 0 10px 22px;
}

.index-events .heading {
    overflow: hidden;
    display: block;
    text-indent: -999px;
    background-repeat: no-repeat;
    background-position: 5px center;
    height: 30px;
}

.img-latestEventsTitle {
    background-image: url(../images/img-latestEventsTitle.png);
}

.index-events-list li {
    position: relative;
    *width: 410px;
    display: block;
    list-style: none;
    padding: 4px 100px 4px 25px;
    border: 1px solid #F1CA36;
    border-top: 0;
    border-right: 0;
    line-height: 1.5em;
    background-color: #f7f7f7;
}

.index-events-list li:first-child {
    border-top: 1px solid #F1CA36;
}

.index-events-list a {
    color: #475B2F;
}

.index-events-list a:hover {
    color: #960;
}

.index-events-list .date {
    position: absolute;
    right: 10px;
    top: 5px;
    background: url(../images/tn_list.gif) right center no-repeat;
    padding: 0 10px 0 0;
    display: block;
    color: #444;
    font-size: 13px;
}

.index-events-list .odd {
    background-color: #FBFCE8;
}

.index-events .icon-dot {
    overflow: hidden;
    display: block;
    text-indent: -999px;
    background: url(../images/icon-event-dot.png);
    width: 7px;
    height: 7px;
    position: absolute;
    left: 10px;
    top: 10px;
}

.icon-latest {
    overflow: hidden;
    display: block;
    text-indent: -999px;
    background: url(../images/icon-latest.gif);
    width: 22px;
    height: 31px;
    position: absolute;
    left: -23px;
    top: -1px;
}


/*********************************************************/

.img-orderDescription {
    text-indent: -9999px;
    height: 123px;
    overflow: hidden;
    margin: 4px 0 0 8px;
    display: block;
    background: url(../images/print_stamp.gif) no-repeat;
}

.img-orderDescription:hover,
.img-orderDescription:active {
    background-position: left bottom;
}

.index-relatedLinks {
    padding: 0 0 10px;
}

.index-relatedLinks .hd {
    padding: 0 0 10px;
}

.index-relatedLinks .heading {
    overflow: hidden;
    display: block;
    text-indent: -999px;
    background-repeat: no-repeat;
    background-position: 5px center;
    height: 35px;
}

.img-relatedLinksTitle {
    background-image: url(../images/img-relatedLinksTitle.png);
}

.index-link-list {
    padding: 0 0 0 15px;
}

.index-link-list li {
    padding: 0 0 6px;
    display: block;
}

.index-link-list a {
    display: block;
}

.index-quickGuide {
    padding: 0 0 10px;
}

.index-quickGuide .hd {
    padding: 0 0 10px;
}

.index-quickGuide .heading {
    overflow: hidden;
    display: block;
    text-indent: -999px;
    background-repeat: no-repeat;
    background-position: 5px center;
    height: 35px;
}

.img-quickGuideTitle {
    background-image: url(../images/img-quickGuideTitle.png);
}

.index-quickGuide .bd {
    clear: both;
    background: url(../images/fast_bg.gif) no-repeat center;
    height: 95px;
    padding: 8px 0 0 30px;
}

.index-quickGuide .row {
    padding: 0 0 8px;
}

.index-quickGuide .btn {
    text-indent: -999px;
    height: 19px;
    width: 90px;
    overflow: hidden;
    margin: 0;
    display: block;
    background: url(../images/fast_bt.png);
}

.index-quickGuide .btn:hover,
.index-quickGuide .btn:active {
    background-position: left bottom;
}

.index-fastTool {
    clear: both;
    padding: 0 0 5px;
}

.index-fastTool li {
    list-style-type: none;
    float: left;
}

.index-fastTool li a {
    float: left;
    text-indent: -9999px;
    height: 52px;
    width: 76px;
    overflow: hidden;
    margin: 0 0 0 6px;
}

.index-fastTool li a:hover,
.index-fastTool li a:active {
    background-position: left bottom;
}

.img-subscribe {
    background: url(../images/fast_toolbt1.gif);
}

.img-orderTracking {
    background: url(../images/fast_toolbt2.gif);
}

.index-fastMenu {
    clear: both;
    width: 100%;
    padding: 5px 0 20px 5px;
}

.index-fastMenu li {
    list-style-type: none;
    position: relative;
    display: block;
}

.index-fastMenu li span {
    text-indent: -999px;
    *float: left;
    width: 100%;
    height: 28px;
    overflow: hidden;
    margin: 0;
    display: block;
    background-repeat: no-repeat;
}

.img-addtoFavorites {
    background-image: url(../images/img-addtoFavorites.png);
}

.img-homepage {
    background-image: url(../images/img-homepage.png);
}

.img-newPostalIntroduction {
    background-image: url(../images/img-newPostalIntroduction.png);
}

.index-fastMenu li .img-homepage {
    height: 43px;
}

.stamp-list {
    padding: 10px 0 0 23px;
}

.red,
.use-description .use-note .red {
    color: #f00;
}

.blue {
    color: #177DFB;
}

.stamp-list li {
    width: 48%;
    width: 350px \9;
    *width: 350px;
    vertical-align: top;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.stamp-list li a {
    color: #6d9b23;
}

.stamp-list .stamp-item {
    position: relative;
    padding: 10px 10px 20px 105px;
    *width: 250px;
    min-height: 110px;
    display: block;
}

.stamp-list .directions {
    width: 100%;
    *width: 250px;
}

.stamp-list li .pic {
    float: left;
    width: 100px;
    position: absolute;
    top: 10px;
    left: 0;
}

.stamp-list h3 {
    font-weight: 700;
    padding: 0 0 5px;
}

.stamp-list .red {
    font-size: 13px;
}

.stamp-list .row {
    display: block;
    line-height: 1.5em;
    color: #555;
    font-size: 12px;
}

.stamp-list .btn-readDetails {
    background: url(../images/pdbtnbg.gif) no-repeat;
    line-height: 1em;
    margin: 10px 0 0;
    font-size: 12px;
    color: #555;
    padding: 6px 0 6px 35px;
    display: block;
}

.btn-readDetails:hover {
    color: #999;
}

.pagination {
    color: #444;
    clear: both;
    text-align: center;
    padding: 1em 0;
    position: relative;
    font-size: 13px;
}

.pagination select {
    margin: 0 3px;
    border: 1px solid #ccc;
    padding: 3px 5px;
}

.pagination span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding: 0 5px;
}

.btn-previous,
.btn-next {
    height: 25px;
    width: 86px;
    line-height: 999px;
    overflow: hidden;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
}

.btn-previous {
    background: url(../images/backbtn.png);
}

.btn-next {
    background: url(../images/nextbtn.png);
}

.layout-switcher {
    padding: 0 0 5px 25px;
    clear: both;
}

.layout-switcher li {
    float: left;
    margin: 0 13px 0 0;
}

.layout-switcher span {
    color: #2a5670;
    float: left;
    height: 16px;
    width: 71px;
    line-height: 999px;
    overflow: hidden;
    background-position: 0 0;
    background-repeat: no-repeat;
}

.img-picView {
    background-image: url(../images/mode_pic.gif);
}

.layout-switcher .img-picView {
    width: 82px;
}

.img-listView {
    background-image: url(../images/mode_list.gif);
}

.img-picView:hover,
.img-picView.current {
    background-position: 0 -16px;
}

.img-listView:hover,
.img-listView.current {
    background-position: 0 -16px;
}

.breadcrumbs {
    color: #626361;
    padding: 0 0 10px;
    clear: both;
    font-size: 13px;
}

.breadcrumbs a {
    color: #83b82d;
    text-decoration: underline;
    margin: 0 1px;
}

.breadcrumbs a:hover {
    text-decoration: none;
}

.marquee {
    position: relative;
    padding: 0 0 20px;
    display: none;
}

.marquee .hd {
    position: absolute;
    top: 1px;
    left: 0;
}

.marquee .bd {
    padding: 0 50px 0 85px;
    position: relative;
    max-width: 500px;
}

.marquee .heading {
    overflow: hidden;
    display: block;
    text-indent: -999px;
    background-repeat: no-repeat;
    height: 18px;
    width: 75px;
    background-image: url(../images/topnews.gif);
}

.marquee-list li {
    padding: 4px 0 4px 80px;
    position: relative;
    display: block;
    font-size: 13px;
}

.marquee-list .date {
    position: absolute;
    top: 4px;
    left: 0;
    color: #8E9363;
}

.marquee-list li a {
    max-width: 300px;
    overflow: hidden;
    white-space: nowrap;
    display: block;
    text-overflow: ellipsis;
    line-height: 1em;
}

.marquee .btn-row {
    position: absolute;
    top: 2px;
    right: 0;
}

.marquee .btn-more {
    overflow: hidden;
    display: block;
    text-indent: -999px;
    background: url(../images/btn-more.png) center center no-repeat #ccc;
    width: 44px;
    height: 16px;
    line-height: 1em;
}

.stamp-search {
    position: relative;
    padding: 10px 20px 20px;
}

.stamp-search .hd {
    position: absolute;
    top: 10px;
    left: 16px;
}

.stamp-search .bd {
    padding: 0 105px 0 75px;
    position: relative;
    *width: 100%;
}

.stamp-search .heading {
    overflow: hidden;
    display: block;
    text-indent: -999px;
    background-repeat: no-repeat;
    height: 24px;
    width: 70px;
    background-image: url(../images/srhtt.gif);
}

.stamp-search .btn-row {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    font-size: 13px;
}

.stamp-search .btn-row a {
    vertical-align: middle;
}

.stamp-search select {
    padding: 3px 5px;
    border: 1px solid #ddd;
    max-width: 300px;
}

.stamp-search .btn-submit {
    background: url(../images/tsrhicon.gif);
    width: 26px;
    height: 26px;
    overflow: hidden;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    *float: left;
    text-indent: -999px;
    vertical-align: middle;
}

.main-title {
    background-repeat: no-repeat;
    font-size: 16px;
    font-weight: 700;
    padding: 7px 15px;
    position: relative;
    display: block;
    line-height: 1em;
    border-radius: 5px;
    font-family: "微軟正黑體", arial, serif;
    min-height: 16px;
}

.bg-yellow {
    background-color: #ffdd41;
    color: #7c7979;
}

.bg-purple {
    background-color: #9060b9;
    color: #fff;
}

.bg-green {
    background-color: #81b62c;
    color: #fff;
}

.bg-chartreuse {
    background-color: #e8eb01;
    color: #444;
}

.stamp-detail {
    padding: 0 0 20px 20px;
}

.stamp-detail-main {
    position: relative;
    padding: 0 0 30px;
}

.stamp-detail-main .pic {
    border: 1px solid #ffdd41;
    width: 402px;
    float: left;
}

.stamp-detail-main .pic table {
    width: 100%;
}

.stamp-detail-main .pic img {
    display: block;
    padding: 1px;
    width: auto;
    max-width: 400px;
    width: 400px \9;
}

.stamp-detail-main .row {
    padding: 3px 0;
}

.stamp-detail .hd {
    color: #666;
}

.stamp-detail p {
    line-height: 1.5em;
}

.stamp-detail-main .btn-row {
    padding: 10px 0;
}

.stamp-detail-tool {
    padding: 5px 0;
}

.stamp-detail-tool a {
    color: #689F10;
    font-weight: 700;
}

.stamp-detailInfo {
    width: 250px;
    float: left;
    padding: 50px 0 0 50px;
    line-height: 1.3em;
}

.stamp-detailInfo .info-heading {
    color: #77520A;
    font-weight: 700;
}

.stamp-detailInfo .title {
    color: #C81010;
    font-weight: 700;
    padding: 3px 0;
}

.stamp-inventory {
    color: #1A7B43;
    font-weight: 700;
}

.btn-buy {
    background: url(../images/buynow.gif) no-repeat;
    overflow: hidden;
    display: block;
    text-indent: -999px;
    width: 86px;
    height: 25px;
    margin: 0 auto;
}

.btn-custom {
    background: url(../images/gocustom.jpg) no-repeat;
    overflow: hidden;
    display: block;
    text-indent: -999px;
    width: 167px;
    height: 47px;
    margin: 0;
}

.btn-backtoTop {
    background: url(../images/btmicon1.gif) 0 center no-repeat;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding: 5px 0 5px 28px;
    color: #87c04a;
    font-weight: 700;
    font-size: 13px;
    line-height: 1em;
}

.stamp-section {
    border-top: 1px dotted #999;
    color: #555;
    padding: 10px 0 20px;
}

.stamp-section .heading {
    font-weight: 700;
    color: #222;
    padding: 0 0 5px;
    font-family: "微軟正黑體", arial, serif;
}

.stamp-section .btn-row {
    padding: 15px 0 0;
}

.recommend {
    padding: 0 0 0 20px;
}

.recommend .heading {
    background: #FFF1B2;
    border-bottom: 1px solid #FFDD41;
    color: #777;
    font-size: 16px;
    font-weight: 700;
    padding: 5px 0 5px 15px;
    font-weight: 700;
    font-family: "微軟正黑體", arial, serif;
}

.recommend .stamp-list {
    padding: 10px;
}

.stamp-list-table td {
    border: 1px solid #a5c079;
    padding: 2px 5px;
}

.stamp-list-table th {
    background: #e9f9d0;
    border: 1px solid #a5c079;
    color: #689f10;
    padding: 2px 5px;
}

.stamp-list-table a {
    margin: 0 2px;
}

.stamp-list-table .center {
    text-align: center;
}

.stamp-list-table .inventory {
    padding: 2px 5px;
    border: 1px solid #a5c079;
    text-align: center;
    background: #fff;
}

.stamp-list-table .inventory a {
    color: #689F10;
}

.stamp-list-table .title {
    color: #444;
}

.stamp-list-table .title:hover {
    color: #666;
}

.stamp-list-table .pic img {
    max-width: 70px;
}

.stamp-advancedSearch {
    position: relative;
    margin: 5px 15px 10px;
}

.stamp-advancedSearch .hd {
    position: absolute;
    top: 0;
    left: 0;
}

.stamp-advancedSearch .heading {
    overflow: hidden;
    display: block;
    text-indent: -999px;
    background-repeat: no-repeat;
    height: 24px;
    width: 100px;
    background-image: url(../images/searchicon.gif);
}

.stamp-advancedSearch .bd {
    padding: 30px 0 0 10px;
    font-size: 13px;
}

.stamp-advancedSearch .row {
    padding: 0;
    width: 32%;
    *width: 234px;
    position: relative;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.stamp-advancedSearch .row .hd {
    position: relative;
    left: 0;
    top: 0;
    font-size: 11px;
    white-space: nowrap;
}

.stamp-advancedSearch input,
.stamp-advancedSearch select {
    border: 1px solid #cbcbcb;
    color: #6d6d6d;
    width: 62%;
    padding: 3px 5px;
}

.stamp-advancedSearch .btn-row {
    position: inherit;
    left: 0;
    top: 0;
    padding: 0 20px 0 0;
}

.stamp-advancedSearch .btn,
.order-search .btn,
.bonus-search .btn {
    border: none;
    width: 132px;
    height: 26px;
    margin: 5px auto;
    display: block;
    float: right;
    background: url(../images/searchbtn.gif);
    text-indent: -999px;
    *line-height: 999px;
    overflow: hidden;
    cursor: pointer;
    padding: 0;
}

.stamp-advancedSearch .btn:hover,
.pagesearchbtn:hover,
.order-search .btn:hover {
    background-position: left bottom;
}

.pagesearchbtn {
    border: none;
    width: 132px;
    height: 26px;
    margin: 5px auto;
    display: block;
    background: url(../images/searchbtn.gif);
    text-indent: -999px;
    overflow: hidden;
    cursor: pointer;
}

.page-tabs {
    margin: 0 15px 20px;
    border-radius: 10px;
}

.page-tabs .topborder {
    background: url(../images/pdboxtop2.gif) center top no-repeat;
    height: 11px;
    display: block;
    margin: -2px 0 0;
}

.page-tabs .hd {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.page-tabs .bd {
    border: 1px solid #ddd;
    border-top: 0;
    border-radius: 0 0 10px 10px;
}

.page-tabs .heading {
    overflow: hidden;
    display: block;
    text-indent: -999px;
    background-repeat: no-repeat;
    background-position: 5px center;
    height: 20px;
}

.img-stampRankingTitle {
    background-image: url(../images/img-stampRankingTitle.png);
}

.img-sellingStampTitle {
    background-image: url(../images/img-sellingStampTitle.png);
}

.img-specialStampsTitle {
    background-image: url(../images/img-specialStampsTitle.png);
}

.page-stamp-list {
    padding: 0 5px;
}

.page-stamp-list li {
    width: 33.3333%;
    width: 239px \9;
    float: left;
    list-style: none;
    position: relative;
}

.page-stamp-list .pic {
    position: absolute;
    top: 0;
    left: 0;
    width: 102px \9;
}

.page-stamp-list .pic img {
    max-width: 91px;
    max-height: 91px;
}

.page-stamp-list .stamp-item {
    color: #566C79;
    line-height: 1.3em;
    padding: 0 10px 10px 110px;
    min-height: 130px;
    position: relative;
    *width: 119px;
}

.page-stamp-list .stamp-item .btn-row {
    padding: 5px 0;
}

.page-stamp-list .stamp-item a {
    color: #2A5670;
    font-weight: 700;
}

.page-stamp-list .stamp-item .row {
    font-size: 11px;
}

.mobile-first {
    display: none;
}

.main-submenu {
    background: url(../images/ctttbbg.gif) repeat-x;
    padding: 0 8px 5px;
    margin: 0 4px 5px;
    clear: both;
}

.main-submenu ul {
    margin: 0;
    padding: 0;
}

.main-submenu li {
    float: left;
    position: relative;
    text-align: center;
}

.main-submenu .col-4 li {
    width: 25%;
}

.main-submenu .col-5 li {
    width: 20%;
}

.main-submenu .icon {
    float: left;
    text-indent: -9999px;
    overflow: hidden;
    margin: 4px 0;
    border-radius: 5px;
    font-size: 12px;
    cursor: pointer;
}

.main-submenu .col-4 .icon {
    height: 40px;
    width: 167px;
}

.main-submenu .col-5 .icon {
    height: 40px;
    width: 142px;
}

.main-submenu .icon:hover,
.main-submenu .current .icon {
    background-position: left bottom;
}

.main-submenu .current {
    color: #222;
    font-weight: 700;
}

.accordionContent li a {
    margin: 0 auto;
    display: block;
    width: 66px;
    text-align: center;
}

.accordionContent .icon {
    width: 66px;
    height: 64px;
    overflow: hidden;
    color: #5e7b13;
    text-shadow: 0 1px 0 #fff;
    text-indent: -999px;
    margin: 0 auto;
    display: block;
    background-repeat: no-repeat;
    background-position: center top;
    font-size: 12px;
    cursor: pointer;
}

.accordionContent .icon:hover {
    background-position: center bottom;
}

.icon-tool01 {
    background-image: url(../images/tool01.gif);
}

.icon-tool02 {
    background-image: url(../images/tool02.gif);
}

.icon-tool03 {
    background-image: url(../images/tool03.gif);
}

.icon-tool04 {
    background-image: url(../images/tool04.gif);
}

.member-main {
    padding: 20px;
}

.main-login {
    margin: 15px auto;
    display: block;
    font-size: 13px;
}

.main-login .col-l {
    width: 60%;
    float: left;
}

.main-login .col-r {
    width: 40%;
    float: right;
}

.main-loginBox {
    background: url(../images/bg-mainLoginBox.png) 10px 10px no-repeat;
    border: 1px solid #bdd69a;
    margin: 0 20px 10px 40px;
    border-top: 3px solid #a3c672;
    padding: 10px 10px 10px 100px;
    border-radius: 10px;
    box-shadow: 0 0 0 1px #fff inset;
}

.main-loginBox th {
    color: #907E03;
    font-weight: 400;
    text-align: right;
}

.main-loginBox th,
.main-loginBox td {
    padding: 5px 2px;
}

.main-loginBox td input {
    width: 100%;
    margin: 0;
}

.main-loginInputGroup {
    padding: 40px 0 0;
}

.main-loginInputGroup li {
    position: relative;
    display: block;
    padding: 5px 0;
}

.add-icon-x {
    color: #669900;
    background: url(../images/icon-x.png) 0 3px no-repeat;
    padding: 0 0 0 12px;
}

.add-icon-notice {
    color: #cc3300;
    background: url(../images/icon-notice.png) no-repeat;
    padding: 4px 0 4px 30px;
}

.main-login .row {
    padding: 0 0 6px;
}

.main-login .hd {
    padding: 0 3px 0 0;
}

.main-login td input {
    border: 1px solid #ccc;
    padding: 2px 5px;
    box-shadow: 0 2px 2px #bbb inset;
}

.main-login .btn {
    background: url(../images/loginbtn2.gif);
    width: 95px;
    height: 27px;
    margin: 0 auto;
    display: block;
    text-indent: -999px;
    *line-height: 999px;
    overflow: hidden;
    border: 0;
    cursor: pointer;
}

.main-login .btn-row {
    text-align: center;
    padding: 0 0 5px;
}

.btn-apply {
    background: url(../images/applybtn.gif);
    width: 139px;
    height: 27px;
    margin: 0;
    display: block;
    text-indent: -999px;
    overflow: hidden;
    border: 0;
}

.service-info {
    border-top: 1px dotted #ccc;
    padding: 15px 0 0;
}

.service-info p {
    padding: 0 0 1em;
}

.side-login .hd {
    padding: 0 0 10px;
    display: block;
}

.side-login .row .hd {
    padding: 0;
}

.side-login .heading {
    overflow: hidden;
    display: block;
    text-indent: -999px;
    background-repeat: no-repeat;
    background-position: 0 0;
    height: 42px;
}

.img-memberLoginTitle {
    background-image: url(../images/img-memberLoginTitle.png);
}

.side-login {
    background: #f3f3f3;
    color: #999;
    padding: 10px 10px 20px;
    border: 1px solid #ccc;
    font-size: 13px;
    margin: 10px 0;
    *width: 128px;
}

.side-login input {
    background: #999;
    display: block;
    color: #fff;
    border: none medium;
    padding: 2px 5px;
    font-size: 12px;
    width: 100%;
    *width: 118px;
}

.side-login .row {
    padding: 0 0 10px;
    clear: both;
    *width: 128px;
}

.side-login .row input {
    box-shadow: 0 3px 3px #555 inset;
}

.side-login .btn-row {
    padding: 0 0 10px;
}

.side-login .row p {
    color: #9b7007;
    line-height: 1.3em;
    font-size: 12px;
}

.side-login a {
    color: #ac6900;
}

.side-login a:hover {
    color: #b29464;
}

.side-login .btn {
    width: 57px;
    height: 16px;
    margin: 0;
    float: right;
    text-indent: -999px;
    overflow: hidden;
    border: 0;
}

.btn-login {
    background: url(../images/loginbtn.gif);
}

.btn-logout {
    background: url(../images/logoutbtn.gif);
}

.btn-forgotPassword,
.btn-newAccount {
    width: 65px;
    height: 21px;
    background-repeat: no-repeat;
    margin: 0;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    text-indent: -999px;
    *float: left;
    overflow: hidden;
    border: 0;
}

.btn-forgotPassword {
    background-image: url(../images/fgpw.gif);
    width: 60px;
}

.btn-newAccount {
    background-image: url(../images/dhaa.gif);
}

.side-member-list {
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.user-bar {
    clear: both;
}

.side-member-list li {
    float: left;
    margin-top: 1px;
    width: 100%;
    position: relative;
    font-size: 11px;
}

.side-member-list li a {
    color: #a99406;
    display: block;
    padding: 4px 0 4px 15px;
    border-top: 1px dashed #a99406;
    line-height: 1.5em;
    background: url(../images/mbnavlia.gif) 0 7px no-repeat;
}

.side-member-list li:first-child a {
    border-top: 0;
}

.side-member-list li a:hover {
    background: url(../images/mbnavliah.gif) 0 7px no-repeat #f8e76f;
    text-decoration: none;
}

.member-directions {
    background: url(../images/mbp1.gif) repeat-x scroll left bottom;
    color: #666;
    padding: 0 25px 15px;
    margin: 0 0 15px;
}

.member-directions p {
    padding: 0 0 5px;
}

.member-directions .note {
    color: #710101;
}

.btn-dataModify,
.btn-dataReset,
.btn-modifyConfirm,
.btn-confirmJoin {
    height: 28px;
    margin: 0 5px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    line-height: 999px;
    overflow: hidden;
    border: 0;
}

.btn-dataModify {
    background: url(../images/mdfbtn.gif);
    width: 117px;
}

.btn-dataReset {
    background: url(../images/mdfreset.gif);
    width: 85px;
}

.btn-modifyConfirm {
    background: url(../images/mdfok.gif);
    width: 85px;
}

.btn-confirmJoin {
    background: url(../images/mdjoin.gif);
    width: 141px;
}

.member-dataTable {
    padding: 0 40px;
    font-size: 13px;
}

.member-dataTable th,
.member-dataTable td {
    padding: 5px;
    text-align: left;
    vertical-align: top;
}

.member-dataTable th {
    white-space: nowrap;
    font-size: 12px;
    width: 20%;
}

.member-dataTable .icon-required {
    font-size: 1.5em;
    top: 5px;
}

.member-dataTable .btn-row {
    padding: 20px 0;
    text-align: center;
}

.member-dataTable input {
    border: 1px solid #ccc;
    padding: 3px 5px;
    vertical-align: middle;
}

.member-dataTable input[type="checkbox"],
.member-dataTable input[type="radio"] {
    border: 0;
    padding: 3px 5px;
    vertical-align: middle;
}

.member-dataTable select {
    border: 1px solid #ccc;
    padding: 3px 5px;
    vertical-align: middle;
}

.member-dataTable .hd {
    width: 100px;
    white-space: nowrap;
    position: relative;
    padding: 5px 5px 5px 20px;
    color: #333;
}

.member-dataTable .hd .icon-required {
    margin: 0 5px 0 -11px;
}

.member-dataTable .row {
    padding: 0 0 5px;
}

.icon-required {
    font-size: 1.2em;
    font-weight: 700;
    color: #dd4e00;
    position: relative;
    top: 5px;
}

.mycart-step {
    padding: 0 0 10px;
}

.mycart-step span {
    height: 58px;
    float: left;
    text-indent: -999px;
    overflow: hidden;
    width: 68px;
    margin: 0 0 5px;
}

.mycart-step .arrow {
    background: url(../images/step_arrow.gif) top right no-repeat;
    width: 20px;
    height: 58px;
    float: left;
}

.mycart-step .step1 {
    background: url(../images/img-mycartStep1.png);
    width: 78px;
}

.mycart-step .step2 {
    background: url(../images/img-mycartStep2.png);
}

.mycart-step .step3 {
    background: url(../images/img-mycartStep3.png);
    width: 90px;
}

.mycart-step .step4 {
    background: url(../images/img-mycartStep4.png);
    width: 75px;
}

.mycart-step .step5 {
    background: url(../images/img-mycartStep5.png);
    width: 112px;
}

.mycart-step .step6 {
    background: url(../images/img-mycartStep6.png);
    width: 112px;
}

.mycart-step .current {
    background-position: 0 58px;
}

.myCart {
    padding: 0 25px;
}

.myCart p {
    padding: 0 0 10px;
}

.cartList-table {
    color: #666;
    overflow-x: auto;
    margin: 0 0 10px;
}

.cartList-table table {
    min-width: 600px;
    background-color: #9CEBEB;
}

.cartList-table table table {
    min-width: inherit;
    width: 100%;
    transform: none !important;
}

.cartList-table a {
    font-weight: 700;
}

.cartList-table td,
.cartList-table th {
    border: 1px solid #fff;
    padding: 5px;
    font-weight: 400;
}

.cartList-table th {
    text-align: center;
}

.cartList-table input {
    border: 1px solid #ddd;
    padding: 3px 5px;
}

.cartList-table input.p_item_numbers {
    width: 50px;
    text-align: right;
}

.cartList-table input[type="checkbox"],
.cartList-table input[type="radio"] {
    border: 0;
    padding: 3px 5px;
}

.cartList-table .align-left {
    text-align: left;
}

.cartList-table .money {
    color: #06c;
    text-align: center;
}

.myCart .btn-row {
    padding: 10px 0;
}

.myCart .btn {
    height: 27px;
    margin: 0 5px 5px 0;
    *margin: 0 5px 5px 0;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    *float: left;
    text-indent: -999px;
    overflow: hidden;
    border: 0;
}

.btn-howtoUse {
    background: url(../images/usebtn.gif);
    width: 80px;
}

.btn-continueShopping {
    background: url(../images/gospbtn.gif);
    width: 158px;
}

.btn-emptyCart {
    background: url(../images/clearspcbtn.gif);
    width: 117px;
}

.btn-recalculated {
    background: url(../images/reccltbtn.gif);
    width: 99px;
}

.btn-checkout {
    background: url(../images/ckoutbtn.gif);
    width: 124px;
}

.btn-backExchange {
    background: url(../images/backbefbtn.gif);
    width: 140px;
}

.btn-exchange {
    background: url(../images/checkchangbtn.gif);
    width: 125px;
}

.page-directions {
    padding: 0 0 20px;
    clear: both;
}

.page-directions h4 {
    background: url(../images/icon002.gif) 0 center no-repeat;
    color: #6D652E;
    font-weight: 700;
    padding: 10px 0 10px 40px;
}

.page-directions p,
.page-directions ol {
    color: #6D652E;
    padding: 0 0 10px 40px;
}

.order-search {
    margin: 0 0 20px;
    border-radius: 10px;
    font-size: 12px;
}

.order-search .bd {
    padding: 5px 10px 10px;
    border: 1px solid #bdd69a;
    border-top: 0;
    border-radius: 0 0 10px 10px;
}

.order-search li {
    position: relative;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding: 0 5px 10px 0;
}

.order-search li input,
.order-search li select {
    padding: 3px 5px;
    border: 1px solid #ccc;
    min-width: 10%;
}

.order-search .topborder {
    background: url(../images/bg-orderSearch.png) center top no-repeat;
    display: block;
    height: 11px;
    margin: -2px 0 0;
}

.order-search p {
    color: #907E03;
    padding: 0 0 8px;
}

.order-table {
    padding: 0 0 10px;
    overflow-x: auto;
}

.order-table table {
    background: #fdf570;
    color: #4a2e11;
    font-size: 12px;
    border: 2px solid #85713a;
    text-align: center;
    min-width: 500px;
}

.order-table th,
.order-table td {
    padding: 6px;
    border: 1px solid #85713a;
}

.order-table .bg-purple th,
.order-table .bg-purple td {
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 6px;
    background: #A277C4;
}

.order-table .hd {
    color: #fff;
    background: #B79700;
    font-weight: bold;
    text-align: center;
}

.directions-box {
    margin: 0 0 10px;
    border-radius: 10px;
}

.directions-box .bd {
    padding: 5px 20px 10px;
    border: 1px solid #bdd69a;
    border-top: 0;
    border-radius: 0 0 10px 10px;
}

.directions-box .topborder {
    background: url(../images/bg-orderSearch.png) center top no-repeat;
    display: block;
    height: 11px;
    margin: -2px 0 0;
}

.directions-box p {
    color: #907E03;
    padding: 0 0 8px;
}

.forgotPassword {
    padding: 10px 0 0;
    background: url(../images/mbp1.gif) repeat-x left top;
}

.forgotPassword .inner {
    margin: 0 80px;
    padding: 10px 10px 10px 90px;
    background: url(../images/forgotpass.gif) no-repeat left center;
}

.forgotPassword th {
    width: 16%;
    color: #F7931D;
    text-align: right;
    white-space: nowrap;
}

.forgotPassword th,
.forgotPassword td {
    padding: 5px;
}

.forgotPassword input {
    border: 1px solid #ccc;
    padding: 3px 5px;
}

.forgotPassword .btn-row {
    padding: 5px 0 0 75px;
}

.icon-sequenceTop,
.icon-sequenceBtm {
    width: 18px;
    height: 15px;
    margin: 0 3px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    text-indent: -999px;
    overflow: hidden;
    border: 0;
}

.icon-sequenceTop {
    background: url(../images/bsup.gif);
}

.icon-sequenceBtm {
    background: url(../images/bsdown.gif);
}

.btn-addtoCart {
    width: 30px;
    height: 22px;
    margin: 0 3px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    line-height: 999px;
    overflow: hidden;
    border: 0;
    background: url(../images/btn-addtoCart.png);
    vertical-align: middle;
}

.alert {
    background-color: #FCF8E3;
    border: 1px solid #FAEBCC;
    color: #8A6D3B;
    border-radius: 4px;
    margin-bottom: 20px;
    padding: 15px;
}

.bonus-Points {
    color: #710101;
    padding: 0 5px;
}

.sender-info {
    padding: 10px 0;
}

.addressee-info,
.invoice-info,
.payment-info {
    border-bottom: 1px dotted #ccc;
    margin: 0 0 10px;
    padding: 0 0 10px;
}

.sender-info .heading,
.addressee-info .heading,
.invoice-info .heading,
.payment-info .heading,
.order-info .heading,
.order-status .heading {
    background-position: 0 center;
    background-repeat: no-repeat;
    display: block;
    height: 30px;
    overflow: hidden;
    text-indent: -999px;
}

.sender-info .heading {
    background-image: url(../images/tt022.gif);
}

.addressee-info .heading {
    background-image: url(../images/tt016.gif);
}

.invoice-info .heading {
    background-image: url(../images/tt017.gif);
}

.payment-info .heading {
    background-image: url(../images/tt018.gif);
}

.invoice-table th {
    font-weight: 400;
    text-align: right;
    width: 20%;
}

.invoice-table th input {
    vertical-align: middle;
}

.invoice-table td input {
    padding: 3px 5px;
    border: 1px solid #ccc;
    vertical-align: middle;
    margin: 0 0 5px 5px;
}

.payment-options {
    border-bottom: 1px dotted #ccc;
    margin: 0 0 10px;
    padding: 0 0 10px;
}

.payment-options ul {
    padding: 1em 0;
}

.payment-options p {
    color: #689F10;
}

.senderInfo-table th,
.senderInfo-table td,
.addresseeInfo-table th,
.addresseeInfo-table td,
.orderInfoInfo-table th,
.orderInfoInfo-table td {
    padding: 5px;
    vertical-align: top;
}

.senderInfo-table th,
.addresseeInfo-table th,
.orderInfoInfo-table th {
    text-align: right;
    font-weight: 400;
}

.senderInfo-directions {
    border-bottom: 1px dashed #689F10;
    color: #689F10;
    margin: 0 0 10px;
    padding: 10px 0;
}

.addresseeInfo-directions {
    color: #689F10;
    padding: 10px 0 0;
}

.senderInfo-directions label,
.addresseeInfo-directions label {
    color: #666;
}

.senderInfo-directions input,
.addresseeInfo-directions input {
    vertical-align: middle;
    margin: 0 5px 0 0;
}

.btn-updateProfile {
    width: 165px;
    height: 28px;
    margin: 0 10px 0 0;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    line-height: 999px;
    overflow: hidden;
    border: 0;
    background: url(../images/mdfbtn2.gif);
    vertical-align: middle;
}

.btn-nextStep {
    width: 116px;
    height: 27px;
    float: right;
    text-indent: -999px;
    overflow: hidden;
    border: 0;
    background: url(../images/nextbtn5.gif);
    vertical-align: middle;
}

.remainingPoints {
    color: #689F10;
    text-align: right;
}

.remainingPoints .highlight {
    padding: 0 5px;
    color: #826B00;
}

.completionStatus {
    border-bottom: 1px dashed #689F10;
    text-align: center;
    margin: 0 0 10px;
    padding: 10px 0;
}

.inventoryNumber {
    border: 1px dotted #85713A;
    padding: 5px;
    color: #888;
}

.inventoryNumber a {
    color: #06f;
    font-weight: 700;
}

.inventoryNumber a:hover {
    color: #0af;
}

.bonusSearch-wrap {
    padding: 0 25px;
}

.bonusSearch-wrap .hd {
    padding: 0 0 10px;
}

.img-bonusSearchTitle {
    background-position: 0 center;
    background-repeat: no-repeat;
    display: block;
    height: 30px;
    overflow: hidden;
    text-indent: -999px;
    background-image: url(../images/tt001.gif);
}

.bonus-search {
    margin: 0 0 20px;
    border-radius: 10px;
}

.bonus-search .bd {
    padding: 5px 10px 10px;
    border: 1px solid #b4adcc;
    border-top: 0;
    border-radius: 0 0 10px 10px;
}

.bonus-search li {
    position: relative;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding: 0 5px 10px 0;
}

.bonus-search li select {
    padding: 3px 5px;
    border: 1px solid #ccc;
    min-width: 10%;
}

.bonus-search .topborder {
    background: url(../images/bg-bonusSearch.png) center top no-repeat;
    display: block;
    height: 11px;
    margin: -2px 0 0;
}

.bonus-search p {
    color: #907E03;
    padding: 0 0 8px;
}

.bonus-search .btn-row {
    text-align: center;
}

.personalized-step {
    padding: 0 20px 15px;
}

.personalized-step span {
    height: 58px;
    float: left;
    text-indent: -999px;
    overflow: hidden;
    width: 72px;
    margin: 0 0 5px;
}

.personalized-step .arrow {
    background: url(../images/step_arrow.gif) top right no-repeat;
    width: 20px;
    height: 58px;
    float: left;
}

.personalized-step .step1 {
    background: url(../images/img-persStep1.png);
    width: 104px;
}

.personalized-step .step2 {
    background: url(../images/img-persStep2.png);
}

.personalized-step .step3 {
    background: url(../images/img-persStep3.png);
    width: 79px;
}

.personalized-step .step4 {
    background: url(../images/img-persStep4.png);
    width: 102px;
}

.personalized-step .step5 {
    background: url(../images/img-persStep5.png);
}

.personalized-step .current {
    background-position: 0 58px;
}

.pers-description {
    padding: 0 25px 20px;
}

.pers-description .row p {
    padding: 0 0 20px;
}

.pers-description h4 {
    color: #689F10;
    padding: 0 0 5px;
}

.pers-description .pull-left {
    width: 55%;
    *width: 53%;
}

.pers-description .pull-right {
    width: 45%;
}

.pers-description .pull-right p {
    font-size: 13px;
    padding: 0;
}

.pricetable {
    margin: 0 0 10px;
}

.pricetable th {
    background: #E9F9D0;
    border: 1px solid #A5C079;
    color: #689F10;
    font-weight: 700;
}

.pricetable td {
    border: 1px solid #A5C079;
    padding: 2px 5px;
}

.pricetable .odd td {
    background: #f8f8f8;
}

.pers-description a {
    color: #689F10;
    font-weight: 700;
}

.pers-description ul {
    margin: 0 0 1em;
}

.pers-description ol ul {
    margin: .5em 0 0;
}

.pers-description ol li {
    list-style: decimal outside;
    margin: 0 0 .5em 0;
}

.pers-description ul li {
    list-style: disc outside;
    margin: 0 0 .5em 1em;
}

.pers-description a:hover {
    color: #86b240;
}

.useInstructions {
    padding: 0 20px 20px;
}

.useInstructions-menu {
    position: relative;
    padding: 25px 0 10px 150px;
    margin: 0 0 15px;
    border-bottom: 1px solid #008CBD;
}

.useInstructions-menu .hd {
    position: absolute;
    top: 0;
    left: 0;
}

.useInstructions-menu .heading {
    background: url(../images/use_meun.gif) no-repeat -10px 0;
    display: block;
    overflow: hidden;
    text-indent: -999px;
    height: 59px;
    width: 162px;
}

.useInstructions-menu li {
    margin: 0 0 5px;
    position: relative;
    float: left;
    *float: none;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
}

.useInstructions-menu li a {
    padding: 3px 8px;
    background: #eee;
    margin: 0 5px 0 0;
    display: block;
    border: 1px solid #ddd;
    border-radius: 10px;
    font-size: 13px;
    box-shadow: 0 1px 1px #ddd inset;
}

.useInstructions-menu li .current {
    background: #eaf84c;
    border: 1px solid #eaf84c;
    color: #6a0;
    font-weight: 700;
    box-shadow: 0 0 0 1px #fff inset;
}

.use-description .section {
    padding: 5px 0;
    border-bottom: 1px dotted #ccc;
    margin: 0 0 10px;
}

.use-description .note {
    background: #fae6e6;
    border: 1px solid #EBCCD1;
    color: #A94442;
    padding: 1em;
    border-radius: 5px;
    margin: 0 0 1em;
}

.no-border {
    border: 0 !important;
}

.use-description .section p {
    padding: 0 0 10px;
}

.use-description .icon-required {
    padding: 0 5px 0 0;
}

.use-description .btn-row {
    padding: 10px 0 0;
    text-align: right;
}

.use-description .dot-title {
    background: url(../images/mbnavlia.gif) 0 5px no-repeat;
    padding: 0 0 5px 16px;
    color: #689F10;
    font-weight: 700;
}

.use-description .dot-sortTitle {
    background: url(../images/mbnavlia.gif) 0 5px no-repeat;
    padding: 0 0 5px 16px;
    font-weight: 400;
}

.use-description .pic {
    text-align: center;
    padding: 10px 0;
}

.use-description .pic img {
    border: 1px solid #3A3A3A;
}

.use-description .use-note,
.icon-use {
    background: url(../images/icon_explain.gif) 0 3px no-repeat;
    padding: 0 0 5px 25px;
}

.use-description .use-note a {
    color: #689F10;
}

.section-hd {
    background: url(../images/mbp1.gif) repeat-x left bottom;
    padding: 0 0 10px;
    margin: 0 0 10px;
}

.section-hd .heading {
    background: url(../images/icon002.gif) no-repeat;
    color: #689F10;
    font-weight: 700;
    padding: 5px 0 5px 35px;
}

.article {
    margin: 20px;
    border: 1px solid #ccc;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 0 5px #ccc;
}

.article-header {
    background: url(../images/paper_titleBg.jpg) no-repeat;
    padding: 50px 5px 15px 75px;
    position: relative;
    position: relative;
    border-bottom: 1px dotted #ccc;
    border-radius: 10px 0 0 0;
}

.article-title {
    color: #AB630E;
    font-size: 15px;
    font-weight: 700;
    padding: 0 0 5px;
}

.article .publish {
    color: #AF9B3D;
    font-size: 13px;
    position: absolute;
    top: 10px;
    right: 20px;
    line-height: 1.3em;
}

.article-content {
    padding: 15px 20px;
}

.article-content p {
    padding: 0 0 1em;
}

.btn-print {
    width: 102px;
    height: 25px;
    margin: 0 3px;
    *margin: 0 auto;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    *display: block;
    text-indent: -999px;
    overflow: hidden;
    border: 0;
    background: url(../images/Pprintbtn.gif);
    vertical-align: middle;
}

.article-control {
    padding: 10px 0 15px;
    border-top: 1px dotted #ccc;
    margin: 0 20px;
}

.article-control li {
    float: left;
    width: 50%;
}

.article-control li a {
    border: 1px solid #90c321;
    background: #f3f6e7;
    display: block;
    text-align: right;
    padding: 5px 10px;
    color: #746002;
    margin: 0 0 0 5px;
    border-radius: 10px;
}

.article-control li:first-child a {
    text-align: left;
    margin: 0 5px 0 0;
}

.article-control li span {
    color: #83B82D;
    font-weight: 400;
    background: url(../images/nextarrow.gif) right center no-repeat;
    padding: 0 10px 0 0;
    margin: 0 3px 0 0;
}

.article-control li a:hover {
    font-weight: 700;
}

.article .section-title {
    background: #eee;
    margin: 0 0 10px;
}

.article .section-title span {
    background: #fff;
    padding: 10px 5px 10px 0;
    font-weight: 700;
    font-size: 13px;
}

.article .section {
    padding: 10px 20px 20px;
}

.article img {
    max-width: 100%;
    max-height: 100%;
}

.article .btn-row {
    text-align: center;
    padding: 10px 0;
    border-top: 1px dotted #ccc;
}

.hotStampNews {
    padding: 0 25px 20px;
}

.hotStampNews .heading {
    background-position: -5px center;
    background-repeat: no-repeat;
    display: block;
    overflow: hidden;
    text-indent: -999px;
    background-image: url(../images/tt006.gif);
    height: 30px;
}

.news-list li {
    border-bottom: 1px solid #E5E5E5;
    position: relative;
    display: block;
    padding: 5px 100px 5px 20px;
}

.news-list li a {
    color: #555;
    display: block;
}

.news-list li a:hover {
    color: #888;
}

.news-list .icon {
    background: #90c321;
    display: block;
    height: 5px;
    left: 10px;
    position: absolute;
    top: 12px;
    width: 5px;
}

.news-list .date {
    color: #8E9363;
    display: block;
    font-size: 13px;
    padding: 0 10px 0 0;
    position: absolute;
    right: 5px;
    top: 5px;
}

.contact-directions {
    border-bottom: 1px dashed #689F10;
    color: #689F10;
    margin: 0 0 10px;
}

.contact-form {
    padding: 15px 25px;
}

.contact-form .heading {
    color: #222;
    font-weight: 700;
    padding: 0 0 5px;
    font-family: "微軟正黑體", arial, serif;
}

.contact-table {
    padding: 0 0 20px;
    border-bottom: 1px dashed #689F10;
    margin: 0 0 10px;
}

.contact-table th,
.contact-table td {
    padding: 5px;
    text-align: left;
    vertical-align: top;
}

.contact-table .btn-row {
    padding: 20px 0;
    text-align: center;
}

.contact-table input,
.contact-table textarea {
    border: 1px solid #ccc;
    padding: 3px 5px;
    vertical-align: middle;
}

.contact-table select {
    border: 1px solid #ccc;
    padding: 3px 5px;
    vertical-align: middle;
}

.contact-table .hd {
    width: 100px;
    position: relative;
    padding: 5px 5px 5px 20px;
    color: #333;
    font-weight: 400;
}

.contact-table .hd .icon-required {
    margin: 0 5px 0 -11px;
}

.contact-table .row {
    padding: 0 0 5px;
}

.input-depiction {
    padding: 0 0 0 10px;
    font-size: 13px;
}

.captcha {
    padding: 0 10px 10px 0;
    vertical-align: middle;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.btn-clear {
    width: 79px;
    height: 25px;
    margin: 0 3px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    line-height: 999px;
    overflow: hidden;
    border: 0;
    background: url(../images/clearbtn.png);
    vertical-align: middle;
}

.btn-submit {
    width: 79px;
    height: 25px;
    margin: 0 3px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    line-height: 999px;
    overflow: hidden;
    border: 0;
    background: url(../images/submitbtn.png);
    vertical-align: middle;
}

.contact-note {
    border: 1px solid #EBCCD1;
    color: #DD4E00;
    background: #fff0f0;
    border-radius: 4px;
    padding: 5px;
    margin: 0 20px;
    display: block;
    text-align: center;
}

.contact-info {
    padding: 0 0 20px;
}

.contact-info th {
    font-weight: 400;
    text-align: right;
    width: 60px;
    padding: 0 10px 0 0;
}

.contact-info a {
    color: #0af;
}

.center-banner {
    padding: 0 20px 10px;
    text-align: center;
}

.center-banner img {
    max-width: 100%;
}

.relatedLinks {
    padding: 20px 25px;
}

.relatedLinks .heading {
    background-position: -5px center;
    background-repeat: no-repeat;
    display: block;
    overflow: hidden;
    text-indent: -999px;
    background-image: url(../images/relatedLinksTitle.gif);
    height: 30px;
    margin: 0 0 5px;
}

.link-list {
    background: url(../images/banner_listBg.gif) no-repeat;
    padding: 20px 10px;
}

.link-list li {
    border-bottom: 1px solid #E5E5E5;
    position: relative;
    float: left;
    width: 25%;
    text-align: center;
}

.link-list img {
    max-width: 100%;
    height: auto;
    max-height: 100%;
    text-align: justify;
}

.taipei-attractions {
    margin: 0 20px 10px;
    position: relative;
}

.taipei-attractions .heading {
    background-position: 0 center;
    background-repeat: no-repeat;
    display: block;
    overflow: hidden;
    text-indent: -999px;
    background-image: url(../images/img-tpAttrTitle.gif);
    height: 30px;
    width: 80px;
    position: absolute;
    top: 0;
    left: 0;
}

.taipei-attractions .img-selectTitle {
    background-position: 0 center;
    background-repeat: no-repeat;
    overflow: hidden;
    text-indent: -999px;
    background-image: url(../images/img-selectTitle.gif);
    height: 30px;
    width: 60px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
}

.taipei-attractions select {
    border: 1px solid #ccc;
    padding: 3px 5px;
}

.taipei-attractions .title {
    background: url(../images/tticon.gif) no-repeat left center;
    color: #99AC01;
    margin: 0 0 10px;
    padding: 0 0 0 12px;
}

.taipei-attractions .hd {
    position: relative;
    margin: 0 0 10px;
    padding: 0 0 0 90px;
}

.taipei-attractions .bd {
    background: #FEFFE7;
    border-bottom: 1px solid #E5E5E5;
    border-top: 1px solid #E5E5E5;
    padding: 10px 0 55px 10px;
}

.taipei-attractions .pic {
    float: left;
    margin: 0 10px 20px;
    width: 40%;
    text-align: center;
}

.taipei-attractions img {
    border: 1px solid #ABBE13;
    max-width: 100%;
}

.taipei-attractions .directions {
    float: left;
    width: 55%;
    *width: 50%;
    padding: 0 10px;
    line-height: 1.8em;
    text-align: justify;
}

.taipei-attractions .btn-row {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.btn-PreviousStop,
.btn-nextStop {
    background-repeat: no-repeat;
    overflow: hidden;
    text-indent: -999px;
    width: 86px;
    height: 25px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
}

.btn-PreviousStop {
    background-image: url(../images/backbtn2.gif);
}

.btn-nextStop {
    background-image: url(../images/nextbtn2.gif);
}

.about-center {
    padding: 0 25px 20px;
}

.about-center .section {
    border-top: 1px dotted #999;
    color: #555;
    padding: 10px 0 20px;
}

.about-center .section:first-child {
    border-top: 0;
    padding: 0 0 20px;
}

.about-center .heading {
    color: #222;
    font-family: "微軟正黑體", arial, serif;
    font-weight: 700;
    padding: 0 0 5px;
}

.about-center p {
    padding: 0 0 15px;
}

.about-center .btn-row {
    padding: 10px 0 0;
    text-align: right;
}

.about-center .btn-backtoTop,
.faq .btn-backtoTop,
.use-description .btn-backtoTop,
.main-content .section .btn-backtoTop {
    overflow: hidden;
    text-indent: 999px;
    background: url(../images/topbtn.gif);
    width: 55px;
    height: 18px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    *float: right;
    vertical-align: middle;
    padding: 0;
}

.faq {
    padding: 0 20px 20px;
}

.faq .hd {
    padding: 0 0 5px;
}

.faq .heading {
    font-weight: 700;
    color: #222;
    font-family: "微軟正黑體", arial, serif;
}

.faq-list {
    padding: 0 0 20px;
    position: relative;
}

.faq-list li {
    position: relative;
    display: block;
    width: 100%;
}

.faq-list li a {
    background: url(../images/faqicon.gif) no-repeat 0 8px;
    border-bottom: 1px dashed #689F10;
    padding: 8px 0 8px 28px;
    color: #689F10;
    font-weight: 700;
    display: block;
}

.faq-list li a:hover {
    color: #82C615;
}

.faq-item {
    margin-bottom: 25px;
}

.faq-item .title {
    border: 1px solid #DD4E00;
    color: #DD4E00;
    padding: 3px 5px;
}

.faq-item .content {
    color: #5B5B5B;
    padding: 10px 25px;
}

.faq-item .btn-row {
    padding: 0 10px;
    text-align: right;
}

.faq-item .links {
    background: url(../images/fgpwicon.gif) no-repeat 0 12px;
    color: #689F10;
    font-weight: 700;
    padding: 10px 0 10px 25px;
}

.faq-item .links a {
    color: #689F10;
}

.faq-item .links a:hover {
    color: #82C615;
}

.member-consent {
    width: 93%;
    margin: 0 auto;
}

.member-consent .bd {
    border: 1px solid #ccc;
    height: 400px;
    overflow-x: hidden;
    overflow-y: scroll;
    padding: 10px;
    box-shadow: 2px 2px 2px #ddd inset;
}

.member-consent .btn-row {
    padding: 15px 0;
}

.btn-agree {
    background: url(../images/agreebtn.gif) no-repeat;
    width: 117px;
    height: 27px;
    line-height: 999px;
    overflow: hidden;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin: 0 0 .5em;
}

.btn-disagree {
    background: url(../images/disagreebtn.gif) no-repeat;
    width: 117px;
    height: 27px;
    line-height: 999px;
    overflow: hidden;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin: 0 0 .5em;
}

.newsletters {
    padding: 0 30px;
}

.newsletters .approved {
    background: url(../images/content/paper.gif) no-repeat;
    padding: 30px 20px 30px 100px;
    min-height: 110px;
}

.newsletters-directions {
    border-bottom: 1px dashed #689F10;
    color: #689F10;
    padding: 0 0 5px;
    margin: 0 0 10px;
}

.newsletters-form th {
    font-weight: 400;
    white-space: nowrap;
    width: 70px;
    text-align: right;
}

.newsletters .btn-row {
    padding: 15px 0 0 80px;
}

.newsletters-form th,
.newsletters-form td {
    padding: 5px;
    vertical-align: middle;
}

.newsletters-form input {
    border: 1px solid #ccc;
    padding: 3px 5px;
    vertical-align: middle;
}

.btn-unsubscribe {
    background: url(../images/cclbtn.gif) no-repeat;
    width: 84px;
    height: 27px;
    text-indent: -999px;
    overflow: hidden;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    *float: left;
    margin: 0 0 .5em;
    *margin: 0 .5em .5em 0;
}

.btn-subscription {
    background: url(../images/ssbtn.gif) no-repeat;
    width: 103px;
    height: 27px;
    text-indent: -999px;
    overflow: hidden;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    *float: left;
    margin: 0 0 .5em;
    *margin: 0 .5em .5em 0;
}

.btn-confirmationCheckout {
    background: url(../images/cftbaybtn.gif) no-repeat;
    width: 164px;
    height: 27px;
    text-indent: -999px;
    overflow: hidden;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    *float: left;
    margin: 0 0 .5em;
    *margin: 0 .5em .5em 0;
}

.btn-backHome {
    background: url(../images/backindexbtn.gif) no-repeat;
    width: 79px;
    height: 25px;
    text-indent: -999px;
    overflow: hidden;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    *float: left;
    margin: 0 0 .5em;
    *margin: 0 .5em .5em 0;
}

.relatedLinks li {
    position: relative;
    *position: static;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin: 0 5px;
    width: 47%;
    vertical-align: top;
}

.relatedLinks li a {
    background: url(../images/tticon2.gif) no-repeat 0 11px;
    color: #689F10;
    line-height: 1.3em;
    padding: 5px 0 5px 15px;
    display: block;
    font-weight: 700;
}

.relatedLinks li a:hover {
    color: #669336;
}

.forward {
    float: left;
    line-height: 1.5em;
    padding: 50px 0 0 50px;
    width: 300px;
    *width: 280px;
}

.forward .stamp-name {
    color: #77520A;
    border-bottom: 1px dotted #E0BB10;
    padding: 0 0 5px;
    margin: 0 0 5px;
    line-height: 1.6em;
}

.forward .stamp-name strong {
    color: #C81010;
    display: block;
    font-weight: 400;
}

.forward input,
.forward textarea {
    display: block;
    padding: 3px 5px;
    border: 1px solid #ccc;
    width: 100%;
    *width: 245px;
}

.forward .bd {
    border: 1px solid #d1d1d1;
    padding: 10px;
    background: #f2f2f2;
    border-radius: 10px;
}

.forward .heading {
    background-position: -5px center;
    background-repeat: no-repeat;
    display: block;
    overflow: hidden;
    text-indent: -999px;
    background-image: url(../images/share_title.gif);
    height: 30px;
}

.stamp-detail-main .forward .row {
    font-size: .85em;
}

.stamp-detail-main .forward .btn-row {
    text-align: center;
}

.main-content {
    padding: 15px 20px;
}

.main-content p {
    padding: 0 0 1em;
}

.main-content a {
    color: #689F10;
}

.main-content a:hover {
    color: #999;
}


/*.p-indent{text-indent:2em;}*/

.main-content .section {
    border-bottom: 1px dotted #CCCCCC;
    margin: 0 0 10px;
    padding: 5px 0;
}

.main-content .section:first-child {
    padding: 0 0 5px;
}

.main-content .dot-title {
    background: url(../images/tticon2.gif) no-repeat 0 8px;
    padding: 0 0 10px 12px;
    font-weight: 700;
}

.serviceCenter h3 {
    color: #689F10;
    font-weight: 700;
    padding: 0 0 5px;
}

.serviceCenter .red {
    color: #f00;
}

.serviceCenter .red:hover {
    color: #999;
}

.serviceCenter .note {
    color: #800000;
    font-size: .85em;
    display: block;
    padding: 5px 0;
    font-weight: 400;
}

.login-directions {
    width: 289px;
    margin: 0 auto 5px;
}

.orders-details {
    padding: 10px 15px;
    background: #ebebeb;
    border-radius: 10px;
    border: 1px solid #d2d2d2;
}

.orders-details .row {
    padding: 0 0 6px;
}

.orders-details-table {
    overflow-x: auto;
}

.orders-details-table th {
    background: #FFDD41;
    padding: 5px;
    border: 1px solid #999;
}

.orders-details-table td {
    background: #fff;
    padding: 5px;
    border: 1px solid #999;
    font-weight: 700;
}

.orders-contactInfo {
    padding: 20px 0;
}

.orders-contactInfo .hd {
    padding: 8px 0;
    border-top: 1px dotted #ccc;
    border-bottom: 1px dashed #689F10;
    color: #689F10;
    font-weight: 700;
}

.orders-contactInfo .bd {
    padding: 5px 0;
}

.cost li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    position: relative;
    padding: 0 2em 0 0;
    color: #826B00;
    font-weight: 700;
}

.send-info li {
    color: #A28500;
    display: block;
    position: relative;
    padding: 0 0 0 1.5em;
}

.btn-ordersPrint {
    width: 102px;
    height: 25px;
    margin: 0;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    *display: block;
    text-indent: -999px;
    overflow: hidden;
    border: 0;
    background: url(../images/printbtn.gif);
    vertical-align: middle;
}

.orders-details .btn-row {
    text-align: left;
    padding: 0 0 10px;
}

.icon-enlarge,
.icon-emailFriends,
.icon-buyNextTime {
    height: 36px;
    margin: 5px 0;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    text-indent: -999px;
    overflow: hidden;
    vertical-align: middle;
}

.icon-enlarge {
    width: 43px;
    background: url(../images/enlargeicon.gif);
}

.icon-emailFriends {
    width: 76px;
    background: url(../images/emailFriendsicon.gif);
}

.icon-buyNextTime {
    width: 71px;
    background: url(../images/buyNextTimeicon.gif);
}

.mobile-show {
    display: none !important;
}

.mobile-hidden {
    display: block;
}

.index-showHotProduct {
    background: url(../images/bg-showHotProduct.png) no-repeat #ffc80b;
    position: relative;
    *position: static;
    margin: 0 0 15px;
}

.index-showHotProduct .heading {
    overflow: hidden;
    display: block;
    text-indent: -999px;
    background-position: left center;
    background-repeat: no-repeat;
    height: 30px;
}

.img-hotProductTitle {
    background-image: url(../images/img-hotProductTitle.png);
}

.btn-popout {
    background: url(../images/icon-popout.png) no-repeat;
    width: 42px;
    height: 35px;
    text-indent: -999px;
    overflow: hidden;
    display: block;
}

.index-showHotProduct .pic {
    text-align: center;
}

.index-showHotProduct img {
    max-width: 167px;
    max-height: 119px;
}

.index-showHotProduct .abs-tr {
    top: 2px;
    right: 2px;
    *position: static;
    *margin: -155px 0 0;
    *float: right;
}

.tags {
    list-style: none outside none;
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 5px;
    left: 5px;
    *position: static;
    *margin: -20px 0 0 5px;
    *padding: 0 0 5px;
    *float: left;
}

.tags li {
    background-color: #ffa025;
    cursor: pointer;
    display: inline;
    float: left;
    margin-right: 6px;
}

.tags li a {
    color: #333;
    display: block;
    padding: 3px 5px;
    text-decoration: none;
    font-size: 12px;
    line-height: 1em;
}

.tags li.current {
    font-weight: 700;
    background: #c9182d;
    color: #fff;
}

.tags li.current a {
    color: #fff;
    outline: none;
}

.panes {
    padding: 8px 0 25px;
}

.stamp-custom {
    padding: 0 0 20px 20px;
}

.custom-content {
    padding: 1em 0;
}

.custom-directions {
    color: #907E03;
    line-height: 1.4em;
    padding: 0 10px 10px;
    border-bottom: 1px dotted #ccc;
}

.custom-directions .heading {
    display: block;
    height: 30px;
    overflow: hidden;
    text-indent: -999px;
    background: url(../images/tt024.gif) -7px 0 no-repeat;
}

.stamp-custom .row {
    padding: 10px 25px;
}

.stamp-custom .btn-row {
    border-top: 1px dotted #ccc;
    text-align: center;
    padding: 10px 0;
}

.upload-row {
    padding: 0 0 1em;
    line-height: 2em;
}

.btn-uploadImage {
    height: 18px;
    width: 76px;
    text-indent: -999px;
    overflow: hidden;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    background: url(../images/SpicBtn.gif);
    margin: .5em 0;
}

.custom-directions .icon-use {
    background-position: 0 0;
    font-weight: 700;
}

.stamp-custom .hd h3 {
    font-weight: 700;
    color: #900;
}

.stamp-custom .red {
    color: #900;
}

.stamp-custom .section ul li {
    list-style: disc outside;
    margin: 0 0 0 1em;
}

.stamp-custom .row input {
    border: 1px solid #ccc;
    padding: 3px 5px;
}

.custom-terms {
    padding: 0 0 20px 20px;
}

.custom-terms .hd {
    color: #907E03;
    line-height: 1.4em;
    padding: 0 10px 10px;
    margin: 0 0 10px;
    border-bottom: 1px dotted #ccc;
}

.custom-terms .heading {
    display: block;
    background: url(../images/icon-customHeading.png) no-repeat;
    padding: 0 0 10px 20px;
    font-weight: 700px;
    color: #222;
    font-weight: 700;
}

.custom-terms h4 {
    color: #689F10;
    padding: 0 0 5px;
}

.custom-terms .btn-row {
    padding: .5em 0;
}

.btn-cancel {
    height: 25px;
    width: 86px;
    text-indent: -999px;
    overflow: hidden;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    background: url(../images/CpsoBtn.gif);
}

.btn-order {
    height: 25px;
    width: 86px;
    text-indent: -999px;
    overflow: hidden;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    background: url(../images/WpsoBtn.gif);
}

.main-banner {
    padding: 10px 0;
    background: url(../images/main_picBG.gif) repeat-x left top;
}

.main-banner .pic {
    text-align: center;
    background: #eee;
}

.main-banner .pic img {
    text-align: center;
    width: 100%;
    max-width: 560px;
    max-height: 242px;
}

.main-banner .btn-row {
    padding: 5px 0 10px;
    background: url(../images/main_picBG.gif) repeat-x left bottom;
}

.main-banner .btn-more {
    width: 33px;
    height: 10px;
    float: right;
    text-indent: -999px;
    overflow: hidden;
    background: url(../images/pdmore.gif) center center no-repeat;
}

.ad-list {
    padding: 20px;
}

.ad-list li {
    position: relative;
    display: block;
    margin: 0 0 1em;
}

.ad-list li a {
    color: #6D9B23;
    font-weight: 700;
}

.ad-list .pic,
.ad-list .info {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.ad-list .pic {
    width: 55%;
    padding: 0 10px 0 0;
    vertical-align: top;
}

.ad-list .info {
    width: 40%;
}

.order-info-hd {
    border-bottom: 1px dotted #ccc;
    padding: 0 0 15px;
    margin: 0 0 10px;
    position: relative;
}

.order-info-hd .btn-row {
    position: absolute;
    top: 0;
    right: 0;
}

.order-info-hd .btn-row a {
    margin: 0 0 0 1em;
}

.orderNumber {
    color: #6D652E;
    font-size: 18px;
    font-weight: 700;
}

.order-info {
    border-bottom: 1px dotted #ccc;
    padding: 0 0 10px;
    margin: 0 0 10px;
    position: relative;
}

.img-orderInfoTitle {
    background-image: url(../images/tt019.gif);
}

.img-orderStatusTitle {
    background-image: url(../images/tt020.gif);
}

.order-status {
    border-bottom: 1px dotted #ccc;
    padding: 0 0 10px;
    margin: 0 0 10px;
    position: relative;
}

.status {
    background-position: 25px 0;
    background-repeat: no-repeat;
    color: #690;
    font-weight: 700;
    padding: 13px 0 13px 250px;
}

.status li {
    position: relative;
    padding: 0 0 5px;
    display: block;
}

.tt_1 {
    background-image: url(../images/order_detail_step1.gif);
}

.tt_2 {
    background-image: url(../images/order_detail_step2.gif);
}

.tt_3 {
    background-image: url(../images/order_detail_step3.gif);
}

.tt_4 {
    background-image: url(../images/order_detail_step4.gif);
}

.tt_5 {
    background-image: url(../images/order_detail_step5.gif);
}

.tt_6 {
    background-image: url(../images/order_detail_step6.gif);
}

.tt_7 {
    background-image: url(../images/order_detail_step7.gif);
    color: #D63C9F;
}

.tt_error {
    background-image: url(../images/order_detail_error.gif);
    color: #c00;
}

.orders-expenses {
    border-bottom: 1px dotted #ccc;
    padding: 10px 0;
    margin: 0 0 10px;
    position: relative;
}

.orders-expenses li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    color: #6D652E;
    position: relative;
    padding: 0 1em 0 0;
    vertical-align: top;
}

.btn-back {
    background: url(../images/bdtbtn.gif);
    width: 86px;
    height: 25px;
    overflow: hidden;
    text-indent: -999px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
}

.btn-addtoshopCart {
    background: url(../images/Pshopcarbtn.gif);
    width: 76px;
    height: 25px;
    overflow: hidden;
    text-indent: -999px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
}

.btn-viewMobile {
    padding: 5px 0;
    border: 1px solid #ccc;
    background: #f5f5f5;
    color: #0E97D0;
    border-radius: 5px;
    width: 120px;
    text-align: center;
    display: block;
    margin: 5px 0;
}

.bonus-box {
    margin: 0 15px 20px;
    border-radius: 10px;
}

.bonus-box .topborder {
    background: url(../images/pdboxtop3.gif) center top no-repeat;
    height: 11px;
    display: block;
    margin: -2px 0 0;
}

.bonus-box .hd {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.bonus-box .bd {
    border: 1px solid #ddd;
    border-top: 0;
    border-radius: 0 0 10px 10px;
    padding: 10px;
}

.bonus-select {
    padding: 0 0 10px 20px;
}

.bonus-select .icon {
    background: url(../images/icon-diamond.gif) no-repeat 0 center;
    padding: 0 0 0 18px;
}

.bonus-select li {
    float: left;
    width: 33%;
    position: relative;
    white-space: nowrap;
}

.bonus-list {
    padding: 0 5px;
}

.bonus-list li {
    width: 33.3333%;
    width: 239px \9;
    *width: 230px;
    float: left;
    list-style: none;
    position: relative;
}

.bonus-list .pic {
    position: absolute;
    top: 25px;
    left: 0;
    width: 102px \9;
}

.bonus-list .pic img {
    max-width: 91px;
    max-height: 91px;
}

.bonus-item .bonus-number {
    position: absolute;
    top: 0;
    left: 0;
    font-size: .9em;
    width: 100px;
    padding: 2px 5px;
    line-height: 1em;
    background: #E9D2FF;
    color: #564A4A;
}

.bonus-number .number {
    padding: 0 10px 0 5px;
}

.bonus-list .bonus-item {
    color: #566C79;
    line-height: 1.5em;
    padding: 25px 10px 10px 110px;
    min-height: 150px;
    position: relative;
    *width: 118px;
}

.bonus-list .bonus-item .btn-row {
    padding: 5px 0;
}

.bonus-list .bonus-item a {
    color: #5D1A98;
    font-weight: 700;
}

.bonus-list .bonus-item .row {
    font-size: .9em;
    color: #6C5679;
}

.bonus-item-btn {
    background: url(../images/btn-bonusitembtn.png);
    width: 102px;
    height: 22px;
    text-indent: -9999px;
    display: block;
    margin: 0 auto;
    overflow: hidden;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    text-align: center;
}

.bonus-item-btn:hover,
.bonus-item-btn:active {
    background-position: left bottom;
    color: #fff;
}

.premiums-detail {
    padding: 0 0 20px 20px;
}

.premiums-detail-main {
    position: relative;
    padding: 0 0 30px;
}

.premiums-hd {
    padding: 0 0 10px;
}

.premiums-hd .bonus-number {
    background: #E9D2FF;
    color: #564A4A;
    font-size: 0.9em;
    line-height: 1em;
    padding: 2px 5px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 90px;
    margin: 0 5px 0 0;
}

.premiums-title {
    color: #5D1A98;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.premiums-title h3 {
    font-weight: 700;
}

.premiums-detail-main .pic {
    width: 402px;
    float: left;
}

.premiums-detail-main .pic table {
    width: 100%;
}

.premiums-detail-main .pic img {
    display: block;
    padding: 1px;
    width: auto;
    max-width: 400px;
    width: 400px \9;
}

.premiums-detail-main .row {
    padding: 3px 0;
}

.premiums-detail .red {
    color: #c30;
}

.premiums-detail p {
    text-align: justify;
    line-height: 1.8em;
}

.premiums-detail-main .btn-row {
    padding: 10px 0;
}

.premiums-detailInfo {
    width: 330px;
    float: left;
    padding: 20px 0 0 20px;
    line-height: 1.5em;
}

.head-member {
    position: absolute;
    top: 0;
    right: 58px;
    font-size: 14px;
    font-weight: 700;
    text-shadow: 0 1px 0 #9fd608;
}

.head-member a {
    color: #486500;
    padding: 16px 12px;
    float: left;
}

.head-member a:active {
    color: #fff;
}

.tableMove {
    text-align: center;
    margin: .5em 0;
    display: none;
}

.btn-tableLeft,
.btn-tableRight {
    width: 50%;
    float: left;
    border: 1px solid #ccc;
    padding: 5px 0;
    background: #fff;
    font-weight: 700;
    font-size: 12px;
}

.btn-tableLeft {
    border-right: 0;
}

.btn-tableLeft:active,
.btn-tableRight:active {
    background: #ddd;
}

.MINI {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    width: 71px;
}


/*responsive*/

@media (max-width:927px) {
    body {
        line-height: 1.5em;
    }
    input.btn {
        -webkit-appearance: none;
    }
    header {
        display: block;
    }
    .header-icon {
        display: none;
    }
    #container {
        width: 100%;
    }
    #header {
        height: auto;
        background: url(../images/bg-mobile-header.png) repeat-x #92cb07;
    }
    .logo {
        position: absolute;
        top: 0;
        width: 100%;
        height: 58px;
        text-indent: -999px;
        overflow: hidden;
        border-bottom: 1px solid #81ba00;
        background: url(../images/img-mobile-logo.png) no-repeat;
    }
    .index_main .left,
    .index_main .right,
    .index_main {
        width: 100%;
        float: none;
        display: block;
        padding: 0;
        margin: 0;
    }
    .left_sidebar {
        overflow: initial;
        width: 24%;
        padding: 0 0 0 10px;
    }
    .main {
        width: 74%;
        overflow: initial;
        padding: 0 10px 0 0;
        float: right;
    }
    .index_main .left {
        padding: 0;
        background: none;
    }
    #footer {
        height: auto;
        border: 0;
        border-top: 3px solid #83b82d;
        background: none;
        padding: 10px;
        margin: 5px 0 0;
        border-radius: 0;
    }
    .accordionButton {
        width: 100%;
    }
    .accordionContent {
        background: #fffff1;
        border: 1px solid #9cc654;
        border-top: 0;
        border-radius: 0 0 5px 5px;
    }
    .accordionContent ul {
        background: none;
        padding: 0;
        height: auto;
        width: 100%;
    }
    .hdbar {
        position: relative;
        top: 0;
        right: 0;
        width: 100%;
        background: #f8f8f8;
        padding: 0;
        border-bottom: 1px solid #ddd;
        box-shadow: 0 1px #fff inset;
    }
    .hdbar a {
        padding: 6px 10px;
        border-left: 1px solid #ccc;
        box-shadow: 0 1px #fff inset;
        float: left;
    }
    .hdbar a:last-child {
        border-right: 1px solid #ccc;
    }
    .nav {
        display: none;
    }
    #leftmeunu li a {
        float: none;
        overflow: initial;
        width: auto;
        display: block;
        padding: 6px 10px;
        line-height: 1.3em;
    }
    #leftmeunu li {
        background: none;
    }
    .head {
        display: block;
    }
    .accordionContent li {
        width: 50%;
    }
    .accordionButton {
        background-image: url(../images/menu.png);
        background-color: #83b82d;
        background-repeat: no-repeat;
        background-position: 5px center;
    }
    .on {
        background-image: url(../images/menu_off.png);
    }
    .index-personalization {
        border: 1px solid #ddd;
        margin: 0 0 10px;
    }
    .img-orderDescription {
        margin: 0 auto;
        width: 172px;
    }
    .index-link-list li {
        float: left;
        width: 33.3333%;
        margin: 0 0 5px;
        text-align: center;
    }
    .index-link-list a {
        padding: 0 5px;
    }
    .index-quickGuide .bd {
        background: #E1E6DC;
        width: auto;
        margin: 0 10px;
        height: auto;
        padding: 10px;
        border-radius: 10px;
    }
    .index-quickGuide select {
        padding: 3px 5px;
        border: 1px solid #ddd;
        display: block;
        width: 100%;
    }
    .index-quickGuide .btn {
        text-indent: 0;
        height: auto;
        width: 40%;
        margin: 0 auto;
        text-align: center;
        background: none #ff0;
        font-weight: 700;
        border-radius: 10px;
    }
    .index-quickGuide .btn-row {
        padding: 5px 0 0;
    }
    .index-fastMenu {
        display: none;
    }
    .img-footerLogo {
        display: none;
    }
    .index-fastTool {
        padding: 10px;
        display: none;
    }
    .index-fastTool li {
        width: 50%;
    }
    .index-fastTool li a {
        float: none;
        text-indent: 0;
        height: auto;
        width: auto;
        margin: 0;
        background: #e19f00;
        text-align: center;
        margin: 0 2px;
        display: block;
        color: #fff;
        padding: 10px;
    }
    .stamp-list {
        padding: 0;
    }
    .stamp-list li {
        width: 48%;
    }
    .marquee {
        line-height: 1em;
    }
    .stamp-search {
        padding: 10px 0 20px;
    }
    .stamp-search .hd {
        left: 0;
    }
    .mobile-hidden {
        display: none;
    }
    .stamp-detail {
        padding: 0;
    }
    .premiums-detail {
        padding: 0 15px;
    }
    .recommend {
        padding: 0;
    }
    .stamp-detail-main .pic,
    .premiums-detail-main .pic {
        width: 50%;
    }
    .stamp-detailInfo,
    .premiums-detailInfo {
        padding: 0 0 0 20px;
        width: 45%;
    }
    .stamp-advancedSearch .row {
        padding: 0 0 5px;
        width: 100%;
    }
    .stamp-advancedSearch .btn-row {
        padding: 0;
    }
    .page-tabs .topborder {
        height: 3px;
        margin: 0;
    }
    .order-search .topborder {
        height: 3px;
        margin: 0;
    }
    .bonus-search .topborder {
        height: 3px;
        margin: 0;
    }
    .directions-box .topborder {
        height: 3px;
        margin: 0;
    }
    .bonus-box .topborder {
        height: 3px;
        margin: 0;
    }
    .page-tabs .heading {
        height: 30px;
    }
    .page-stamp-list li,
    .bonus-list li {
        width: 48%;
        float: none;
        display: inline-block;
        vertical-align: top;
    }
    .page-stamp-list .pic {
        top: 10px;
    }
    .page-stamp-list .stamp-item {
        padding: 10px 10px 10px 110px;
    }
    .stamp-advancedSearch .btn,
    .order-search .btn,
    .bonus-search .btn {
        float: none;
    }
    .stamp-advancedSearch .hd {
        width: 80px;
        display: inline-block;
    }
    .mobile-first {
        display: block;
    }
    .main-submenu {
        background: #eee;
        height: 100%;
        padding: 0 5px;
        margin: 0 4px 10px;
        box-shadow: 0 10px 10px -10px #333;
    }
    .main-submenu .col-4 .icon,
    .main-submenu .col-5 .icon {
        float: none;
        text-indent: 0;
        display: block;
        height: auto;
        width: 100%;
        overflow: hidden;
        margin: 4px auto;
        padding: 50px 0 0;
        background-repeat: no-repeat;
        background-position: center top;
        font-size: 11px;
        font-weight: 700;
        line-height: 1.3em;
    }
    .main-submenu .current .icon {
        background-position: center top;
        background-color: #b7de1b;
        box-shadow: 1px 2px 2px #999, 0 25px 25px rgba(255, 255, 255, .4) inset;
    }
    .icon-StampRanking {
        background-image: url(../images/icon-StampRanking.png);
    }
    .icon-sellingStamp {
        background-image: url(../images/icon-sellingStamp.png);
    }
    .icon-taipeiHotPost {
        background-image: url(../images/icon-taipeiHotPost.png);
    }
    .icon-taipeiAttractions {
        background-image: url(../images/icon-taipeiAttractions.png);
    }
    .icon-aboutUs {
        background-image: url(../images/icon-aboutUs.png);
    }
    .icon-contactUs {
        background-image: url(../images/icon-contactUs.png);
    }
    .icon-toNewFriends {
        background-image: url(../images/icon-toNewFriends.png);
    }
    .icon-onlineShopping {
        background-image: url(../images/icon-onlineShopping.png);
    }
    .icon-stampsOverview {
        background-image: url(../images/icon-stampsOverview.png);
    }
    .icon-customProcess {
        background-image: url(../images/icon-customProcess.png);
    }
    .icon-pricingDescription {
        background-image: url(../images/icon-pricingDescription.png);
    }
    .icon-uploadDescription {
        background-image: url(../images/icon-uploadDescription.png);
    }
    .icon-standardizedTerms {
        background-image: url(../images/icon-standardizedTerms.png);
    }
    .icon-bonusGift {
        background: url(../images/icon-bonusGift.png);
    }
    .icon-bonusInquiry {
        background: url(../images/icon-bonusInquiry.png);
    }
    .main-submenu .current .icon-toNewFriends,
    .main-submenu .current .icon-onlineShopping {
        background-color: #fcffb5;
    }
    .main-submenu .current .icon-taipeiHotPost,
    .main-submenu .current .icon-taipeiAttractions,
    .main-submenu .current .icon-aboutUs,
    .main-submenu .current .icon-contactUs,
    .main-submenu .current .icon-stampsOverview,
    .main-submenu .current .icon-customProcess,
    .main-submenu .current .icon-pricingDescription,
    .main-submenu .current .icon-uploadDescription,
    .main-submenu .current .icon-standardizedTerms,
    .main-submenu .current .icon-bonusGift,
    .main-submenu .current .icon-bonusInquiry {
        background-color: #fff000;
    }
    .side-login input {
        max-width: 150px;
    }
    .member-dataTable {
        padding: 0;
    }
    .member-dataTable .text-input {
        width: 100%;
        margin: 0 0 5px;
    }
    .member-main {
        padding: 20px 0;
    }
    .myCart {
        padding: 0;
    }
    .member-directions {
        padding: 0 0 15px;
    }
    .bonusSearch-wrap {
        padding: 0;
    }
    .pers-description {
        padding: 0 0 20px;
    }
    .pers-description .pull-left,
    .pers-description .pull-right {
        width: 100%;
        float: none;
    }
    .relatedLinks {
        padding: 0 15px 20px;
    }
    .link-list {
        background: none #eee;
        border: 1px solid #ccc;
        padding: 10px;
        border-radius: 10px;
        box-shadow: 0 0 5px #ccc inset;
    }
    .link-list img {
        max-width: 90%;
    }
    .sitemap {
        padding: 10px 20px;
    }
    .sitemap li {
        width: 32%;
    }
    .faq {
        padding: 0 0 20px;
    }
    .forward {
        padding: 0 0 0 20px;
        width: 50%;
    }
    .sitemap-item .hd {
        background: none;
        border-top: 3px solid #a4c874;
    }
    .main-login .col-l,
    .main-login .col-r {
        width: 100%;
        float: none;
    }
    .main-loginBox {
        margin: 0 50px;
    }
    .main-loginInputGroup {
        margin: 0 50px;
        padding: 5px 0 0;
    }
    .forgotPassword .inner {
        margin: 0 20px;
    }
    .stamp-search .bd {
        padding: 30px 0 0;
        float: none;
    }
    .stamp-search select {
        width: 100%;
    }
    .stamp-item-btn {
        background: #3a0;
        height: auto;
        text-indent: 0;
        line-height: 1.5em;
        display: block;
        border-radius: 15px;
        padding: 0 20px;
        border: 1px solid #3a0;
        text-shadow: 0 0 1px rgba(0, 0, 0, .5);
        box-shadow: 0 1px 0 rgba(255, 255, 255, .3) inset;
        white-space: nowrap;
    }
    .stamp-item-btn:active {
        background: #6a0;
        border: 1px solid #6a0;
    }
    .btn-buy {
        background: #f6bc1d;
        height: auto;
        text-indent: 0;
        line-height: 1.5em;
        display: block;
        border-radius: 15px;
        padding: 5px 20px;
        width: 100%;
        text-align: center;
        font-weight: 700;
        color: #785b0c;
        border: 1px solid #dfa914;
        text-shadow: 0 0 1px rgba(255, 255, 255, .8);
        box-shadow: 0 1px 0 rgba(255, 255, 255, .3) inset;
    }
    .btn-buy:hover,
    .btn-buy:active {
        color: #785b0c;
        background: #ffc933;
    }
    .btn-submit,
    .btn-subscription,
    .btn-modifyConfirm,
    .btn-confirmJoin,
    .btn-agree,
    .btn-order,
    .btn-uploadImage,
    .btn-addtoshopCart,
    .btn-submit:hover,
    .btn-subscription:hover,
    .btn-modifyConfirm:hover,
    .btn-confirmJoin:hover,
    .btn-agree:hover,
    .btn-order:hover,
    .btn-uploadImage:hover,
    .btn-addtoshopCart:hover {
        background: #83bf22;
        height: auto;
        text-indent: 0;
        line-height: 1.5em;
        border-radius: 15px;
        padding: 3px 20px;
        width: auto;
        text-align: center;
        font-weight: 700;
        color: #fff;
        border: 1px solid #83bf22;
        text-shadow: 0 0 1px rgba(0, 0, 0, .5);
        box-shadow: 0 1px 0 rgba(255, 255, 255, .3) inset;
        white-space: nowrap;
    }
    .btn-submit:active,
    .btn-subscription:active,
    .btn-modifyConfirm:active,
    .btn-confirmJoin:active,
    .btn-agree:active,
    .btn-order:active,
    .btn-uploadImage:active,
    .btn-addtoshopCart:active {
        color: #fff;
        background: #97d436;
    }
    .main-login .btn {
        background: #8b0;
        height: auto;
        text-indent: 0;
        line-height: 1.5em;
        border-radius: 15px;
        padding: 10px 0;
        width: 50%;
        text-align: center;
        font-weight: 700;
        color: #fff;
        border: 1px solid #8b0;
        text-shadow: 0 0 1px rgba(0, 0, 0, .5);
        box-shadow: 0 1px 0 rgba(255, 255, 255, .3) inset;
        white-space: nowrap;
    }
    .main-login .btn:active {
        color: #fff;
        background: #ab0;
    }
    .btn-unsubscribe,
    .btn-disagree,
    .btn-cancel,
    .btn-unsubscribe:hover,
    .btn-disagree:hover,
    .btn-cancel:hover {
        background: #ed4613;
        height: auto;
        text-indent: 0;
        line-height: 1.5em;
        border-radius: 15px;
        padding: 3px 20px;
        width: auto;
        text-align: center;
        font-weight: 700;
        color: #fff;
        border: 1px solid #ed4613;
        text-shadow: 0 0 1px rgba(0, 0, 0, .5);
        box-shadow: 0 1px 0 rgba(255, 255, 255, .3) inset;
        white-space: nowrap;
    }
    .btn-unsubscribe:active,
    .btn-dataReset:active,
    .btn-disagree:active,
    .btn-cancel:active {
        color: #fff;
        background: #ed4613;
    }
    .btn-dataModify,
    .btn-updateProfile {
        background: #d3a310;
        height: auto;
        text-indent: 0;
        line-height: 1.5em;
        border-radius: 15px;
        padding: 3px 20px;
        text-align: center;
        font-weight: 700;
        color: #fff;
        border: 1px solid #d3a310;
        text-shadow: 0 0 1px rgba(0, 0, 0, .5);
        box-shadow: 0 1px 0 rgba(255, 255, 255, .3) inset;
        white-space: nowrap;
    }
    .btn-dataModify:active {
        color: #fff;
        background: #fec015;
    }
    .btn-updateProfile {
        width: auto;
    }
    .btn-confirmationCheckout {
        background: #3a0;
        height: auto;
        text-indent: 0;
        line-height: 1.5em;
        border-radius: 15px;
        padding: 3px 20px;
        width: auto;
        text-align: center;
        font-weight: 700;
        color: #fff;
        border: 1px solid #3a0;
        text-shadow: 0 0 1px rgba(0, 0, 0, .5);
        box-shadow: 0 1px 0 rgba(255, 255, 255, .3) inset;
        white-space: nowrap;
    }
    .btn-confirmationCheckout:active {
        color: #fff;
        background: #6a0;
    }
    .forgotPassword .btn-submit {
        width: 40%;
    }
    .btn-nextStep {
        background: #8a0;
        height: auto;
        text-indent: 0;
        line-height: 1.5em;
        border-radius: 15px;
        padding: 3px 20px;
        text-align: center;
        font-weight: 700;
        color: #fff;
        border: 1px solid #8a0;
        text-shadow: 0 0 1px rgba(0, 0, 0, .5);
        box-shadow: 0 1px 0 rgba(255, 255, 255, .3) inset;
        white-space: nowrap;
    }
    .btn-nextStep:active {
        color: #fff;
        background: #8a0;
    }
    .member-main .orders-details .btn-row {
        text-align: left;
    }
    .btn-ordersPrint,
    .btn-checkout,
    .btn-exchange {
        background: #0af;
        height: auto;
        text-indent: 0;
        line-height: 1.5em;
        border-radius: 15px;
        padding: 3px 20px;
        text-align: center;
        font-weight: 700;
        color: #fff;
        border: 1px solid #08f;
        text-shadow: 0 0 1px rgba(0, 0, 0, .5);
        box-shadow: 0 1px 0 rgba(255, 255, 255, .3) inset;
        white-space: nowrap;
        width: auto;
    }
    .btn-ordersPrint:active,
    .btn-checkout:active,
    .btn-exchange:active {
        color: #fff;
        background: #0cf;
    }
    .btn-confirmationCheckout:active,
    .btn-updateProfile:active {
        color: #fff;
        background: #fec015;
    }
    .btn-apply {
        background: #fff;
        height: auto;
        text-indent: 0;
        line-height: 1.5em;
        border-radius: 15px;
        padding: 3px 20px;
        text-align: center;
        font-weight: 700;
        color: #08f;
        border: 1px solid #08f;
        text-shadow: 0;
        white-space: nowrap;
    }
    .btn-apply:active {
        color: #08f;
        background: #ebf6ff;
    }
    .myCart .btn {
        height: auto;
        text-indent: 0;
        line-height: 1.5em;
        border-radius: 15px;
        padding: 5px 20px;
        width: auto;
        text-align: center;
        font-weight: 700;
        white-space: nowrap;
        border: 1px solid #ccc;
        margin: 0 0 .5em;
    }
    .btn-checkout:hover {
        color: #fff;
    }
    .btn-previous,
    .btn-next,
    .btn-PreviousStop,
    .btn-nextStop,
    .btn-backHome,
    .btn-emptyCart,
    .btn-recalculated,
    .btn-continueShopping,
    .btn-backExchange,
    .btn-back {
        background: #eee;
        height: auto;
        text-indent: 0;
        line-height: 1.5em;
        border-radius: 15px;
        padding: 5px 20px;
        text-align: center;
        font-weight: 700;
        color: #555;
        border: 1px solid #ccc;
        text-shadow: none;
        box-shadow: 0 1px 0 rgba(255, 255, 255, .3) inset;
        white-space: nowrap;
        width: auto;
    }
    .btn-previous:active,
    .btn-next:active,
    .btn-PreviousStop:active,
    .btn-nextStop:active,
    .btn-backHome:active,
    .btn-emptyCart:active,
    .btn-recalculated:active,
    .btn-continueShopping:active,
    .btn-backExchange:active,
    .btn-back:active {
        color: #777;
        background: #f5f5f5;
    }
    .myCart .btn-howtoUse {
        background: #fff;
        color: #0af;
        border: 1px solid #0af;
    }
    .myCart .btn-checkout {
        border: 1px solid #08f;
    }
    .myCart .btn-checkout: {
        color: #fff;
    }
    .stamp-search .btn-submit,
    .stamp-advancedSearch .btn,
    .order-search .btn,
    .bonus-search .btn,
    .btn-dataModify,
    .btn-updateProfile,
    .btn-clear,
    .btn-dataReset,
    .stamp-search .btn-submit:hover,
    .stamp-advancedSearch .btn:hover,
    .order-search .btn:hover,
    .bonus-search .btn:hover,
    .btn-dataModify:hover,
    .btn-updateProfile:hover,
    .btn-clear:hover,
    .btn-dataReset:hover {
        background: none #999;
        border: 1px solid #888;
        box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
        text-shadow: none;
        padding: 0;
        width: auto;
        height: auto;
        text-indent: 0;
        line-height: 1.5em;
        display: inline-block;
        color: #fff;
        margin: 0 auto;
        border-radius: 20px;
        padding: 5px 20px;
        line-height: 1.3em;
        text-shadow: 0 0 1px rgba(0, 0, 0, .5);
    }
    .stamp-search .btn-submit,
    .stamp-advancedSearch .btn,
    .order-search .btn,
    .bonus-search .btn,
    .btn-dataModify,
    .btn-updateProfile {
        background: #999999;
        /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk5OTk5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2NjY2NjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, #999999 0%, #666666 100%);
        /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #999999), color-stop(100%, #666666));
        /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #999999 0%, #666666 100%);
        /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #999999 0%, #666666 100%);
        /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #999999 0%, #666666 100%);
        /* IE10+ */
        background: linear-gradient(to bottom, #999999 0%, #666666 100%);
        /* W3C */
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#666666', GradientType=0);
        /* IE6-8 */
    }
    .stamp-advancedSearch input.btn,
    .stamp-advancedSearch input.btn:hover {
        width: 50%;
    }
    .stamp-search .btn-submit:active,
    .stamp-advancedSearch .btn:active,
    .order-search .btn:active,
    .bonus-search .btn:active,
    .btn-dataModify:active,
    .btn-updateProfile:active,
    .btn-clear:active,
    .btn-dataReset:active {
        background: none #aaa;
        color: #fff;
    }
    .stamp-search .btn-submit {
        display: block;
        width: 40%;
    }
    .stamp-search .btn-row,
    .stamp-advancedSearch .btn-row {
        position: relative;
        padding: 5px 0;
        top: 0;
        display: block;
        text-align: center;
        border-bottom: 1px dotted #ccc;
    }
    .member-main .btn-row {
        text-align: center;
    }
    .page-stamp-list .stamp-item .stamp-item-btn {
        color: #fff;
        white-space: nowrap;
        padding: 2px 0;
    }
    .btn-forgotPassword,
    .btn-newAccount {
        width: 100%;
        padding: 0 0 0 15px;
        text-align: left;
        background: url(../images/icon-x.png) no-repeat 0 5px;
        height: auto;
        display: block;
        text-indent: 0;
    }
    .side-login .btn-forgotPassword,
    .side-login .btn-newAccount {
        color: #669900;
        line-height: 1.3em;
        margin: 0 0 5px;
    }
    .side-login .btn {
        background: #abbe13;
        color: #fff;
        padding: 5px 0;
        text-indent: 0;
        height: auto;
        text-align: center;
        width: 60%;
        float: none;
        display: block;
        margin: 0 auto;
        border-radius: 20px;
        font-weight: 700;
    }
    .side-login .btn:hover,
    .side-login .btn:active {
        color: #fff;
        background: #abbe13;
    }
    .order-table {
        padding: 10px 10px 15px;
        box-shadow: 0 0 5px #555 inset;
        background: #ddd;
        position: relative;
    }
    .cartList-table {
        padding: 10px 10px 15px;
        box-shadow: 0 0 5px #555 inset;
        background: #ddd;
        position: relative;
    }
    .forgotPassword input {
        width: 100%;
    }
    .member-consent .btn-agree,
    .member-consent .btn-agree:hover,
    .member-consent .btn-disagree,
    .member-consent .btn-disagree:hover {
        width: 48%;
    }
    .layout-switcher {
        padding: 0 0 10px;
    }
    .stamp-search select {
        max-width: 100%;
    }
    .btmbar a {
        font-size: 14px;
    }
    .tags li a {
        font-size: 15px;
    }
    .custom-terms {
        padding: 0 15px 20px;
    }
    .stamp-detail-main .pic img,
    .premiums-detail-main .pic img {
        width: 100%;
        max-width: 100%;
    }
    .main-banner {
        margin: -5px 0 0;
    }
    .main-banner .btn-row {
        padding: 5px 5px 10px;
    }
    .main-banner .btn-more {
        border: 1px solid #ccc;
        padding: 10px 25px;
    }
    .member-consent .bd {
        height: auto;
    }
    .order-status .mobile-first {
        display: none;
    }
    .bonus-select li {
        width: 50%;
    }
}
@media (max-width:927px) {
 /*-手機板搜尋-*/
    input.keyword.postalstamp_sear_input {
        display: none;
    }
    input.btn.postalstamp_sear_btn {
        display: none;
    }
    .keyword.postalstamp_sear_input.rwd {
        width: 81%;
        margin: 20px 2% 10px 2%;
        height: 32px;
        display: inline-block;
    }
    .btn.postalstamp_sear_btn.rwd {
        border: 0;
        font-family: 微軟正黑體;
        height: 32px;
        margin: 0 auto 20px auto;
        width: 85px;
        display: inline-block;
        font-weight: bold;
    }
     }
@media (max-width:767px) {
    .index-tabs .bd {
        border: 0;
        border-radius: 0;
    }
    .index-stamp-list {
        padding: 10px 0;
    }
    #footer p {
        line-height: 1.5em;
    }
    .stamp-list li {
        width: 100%;
        border-bottom: 1px dotted #ccc;
    }
    .stamp-list .stamp-item {
        padding: 10px 10px 10px 105px;
    }
    .stamp-detail-main .pic,
    .premiums-detail-main .pic {
        width: auto;
        float: none;
    }
    .stamp-detailInfo,
    .premiums-detailInfo {
        padding: 20px 0;
        width: auto;
        float: none;
        font-size: 1.5em;
    }
    .stamp-detailInfo .hd {
        font-size: .6em;
        display: block;
        border-bottom: 1px dotted #ccc;
    }
    .page-tabs {
        padding: 0 0 20px;
        border-radius: 5px;
        margin: 0 15px;
    }
    .page-tabs .bd {
        border: 0;
    }
    .page-stamp-list li,
    .bonus-list li {
        width: 100%;
        border-bottom: 1px dotted #ccc;
    }
    .bonus-list li {
        margin: 0 0 1em;
    }
    .page-stamp-list .stamp-item {
        padding: 10px 10px 10px 110px;
        min-height: 115px;
    }
    .page-stamp-list .pic img {
        max-width: 70px;
        max-height: 70px;
    }
    .page-stamp-list {
        padding: 0;
    }
    .accordionContent .icon {
        padding: 32px 0 0;
        text-indent: 0;
        height: auto;
    }
    .accordionContent .icon:hover {
        background-position: center top;
    }
    .icon-tool01 {
        background-image: url(../images/icon-tool01g.png);
    }
    .icon-tool02 {
        background-image: url(../images/icon-tool02g.png);
    }
    .icon-tool03 {
        background-image: url(../images/icon-tool03g.png);
    }
    .icon-tool04 {
        background-image: url(../images/icon-tool04g.png);
    }
    .stamp-item-btn {
        margin: 0 auto;
    }
    .footer-right {
        text-align: right;
    }
    .footer-right .row {
        padding: 0 0 5px;
    }
    .footer-right img {
        width: 30px;
        max-height: 20px;
    }
    .footer-right img:first-child {
        width: 20px;
        max-height: 20px;
    }
    .footer-right a img:first-child {
        width: 30px;
        max-height: 20px;
    }
    .footer-right .MINI {
        display: block;
        margin: 0 auto .5em;
    }
    .footer-right .MINI img {
        width: auto;
        max-height: 100%;
    }
    #footer .counter {
        margin: 0;
    }
    .side-login {
        padding: 0;
        border: 0;
        background: none;
    }
    .side-login .row {
        padding: 0 0 5px;
    }
    .side-login .heading {
        background: none;
        text-indent: 0;
        height: auto;
        font-weight: 700;
        font-size: 1.2em;
        color: #333;
        border-left: 5px solid #94a611;
        padding: 0 0 0 6px;
        line-height: 1em;
    }
    .side-login .row input {
        margin: 0;
        width: 96%;
        max-width: 100%;
    }
    .side-member-list li a {
        font-size: 13px;
    }
    .order-search span {
        display: block;
        margin: 0 0 5px;
        color: #000;
    }
    .order-search li {
        display: block;
        padding: 0 0 10px;
    }
    .form-control {
        width: 100%;
    }
    .pagination span {
        display: block;
        padding: 0 0 10px;
    }
    .cartList-table {
        margin: 0 0 10px;
    }
    .member-dataTable th,
    .member-dataTable td {
        padding: 0 0 5px;
    }
    .member-dataTable th {
        padding: 0 10px 5px 0;
        width: 20%;
    }
    .article {
        margin: 10px;
    }
    .article-control li a {
        text-align: left;
    }
    .article-control li span {
        display: block;
    }
    .article-header {
        padding: 50px 5px 15px 50px;
    }
    .article .publish {
        position: relative;
        top: 0;
        right: 0;
    }
    .article-control {
        margin: 0 10px;
    }
    .article-content {
        padding: 10px 20px;
    }
    .article .section {
        padding: 10px 10px 20px;
    }
    .article-header {
        background-position: -25px 0;
        padding: 40px 5px 15px 20px;
    }
    .article-title {
        color: #AB630E;
        font-size: 15px;
        font-weight: 700;
    }
    .hotStampNews {
        padding: 0 15px 20px;
    }
    .input-depiction {
        padding: 5px 0;
        display: block;
    }
    .contact-note {
        margin: 0;
        display: none;
    }
    .link-list li {
        width: 33.3333%;
        margin: 5px 0;
    }
    .taipei-attractions .pic {
        float: none;
        width: 100%;
        margin: 0 auto 20px;
        display: block;
    }
    .taipei-attractions .directions {
        float: none;
        width: 100%;
    }
    .taipei-attractions .hd {
        padding: 20px 0 0 0;
    }
    .taipei-attractions select {
        width: 100%;
        display: block;
        margin: 0 0 10px;
    }
    .taipei-attractions .btn-row {
        display: block;
        text-align: center;
    }
    .sitemap li {
        width: 48.96%;
    }
    .faq {
        padding: 0 10px 20px;
    }
    .faq-item .content {
        color: #5B5B5B;
        padding: 10px;
    }
    .useInstructions-menu {
        padding: 70px 0 10px;
    }
    .relatedLinks li {
        width: 100%;
        margin: 0;
    }
    .forward {
        float: none;
        padding: 10px;
        width: 100%;
    }
    .main-content {
        padding: 10px 15px;
    }
    .sitemap {
        padding: 10px;
    }
    .main-loginBox {
        margin: 0 20px;
        background-position: center 10px;
        padding: 120px 10px 10px;
    }
    .main-loginInputGroup {
        margin: 0 30px;
    }
    .forgotPassword .inner {
        margin: 0;
    }
    .stamp-detail-tool {
        padding: 10px;
        text-align: center;
        border: 5px solid #ddd;
        margin: 10px 0;
    }
    .forward .stamp-name {
        font-size: 1.2em;
    }
    .forward .stamp-name strong {
        font-weight: 700;
    }
    .index-stamp-list {
        padding: 0;
    }
    .index-stamp-list li {
        width: 100%;
        float: left;
        list-style: none;
    }
    .index-stamp-list .stamp-item .pic {
        padding: 1px;
        text-align: center;
        max-width: 148px;
        position: absolute;
        top: 10px;
        left: 0;
    }
    .index-stamp-list .stamp-item .pic img {
        max-width: 91px;
    }
    .index-stamp-list .stamp-item {
        color: #566C79;
        line-height: 1.5em;
        padding: 10px 0 45px 105px;
        border-bottom: 1px dotted #ddd;
        position: relative;
        display: block;
    }
    .stamp-item-title span {
        max-width: 220px;
    }
    .index-stamp-list .stamp-item .btn-row {
        position: absolute;
        bottom: 10px;
    }
    .stamp-item-title .rank1,
    .stamp-item-title .rank2,
    .stamp-item-title .rank3 {
        position: absolute;
        top: 77px;
        left: 67px;
        background-position: center;
        width: 23px;
        height: 23px;
        border-radius: 50%;
    }
    .stamp-item-title span {
        background-color: #fff;
        padding: 0;
    }
    .footer-left,
    .footer-right {
        float: none;
        width: 100%;
    }
    .footer-right {
        padding: 10px 0;
    }
    #footer {
        padding: 0;
        background: #484846;
    }
    #footer .counter {
        color: #B0ABA9;
    }
    .footer-left {
        margin: 0;
    }
    .footer-menu {
        padding: 0;
        border-bottom: 1px solid #666;
        background: #444;
    }
    .footer-left a {
        float: left;
        width: 50%;
        box-shadow: 0 1px rgba(0, 0, 0, .2) inset;
        padding: 10px 0;
        margin: 1px 0 -1px;
        border: 0;
        border-bottom: 1px solid #666;
        border-right: 1px solid #666;
        text-align: center;
        background: #444;
        color: #fff;
        font-size: 14px;
    }
    .footer-left a:nth-child(2n) {
        border-right: 0;
    }
    .footer-left a:first-child {
        padding: 10px 0;
    }
    #footer p {
        display: none;
    }
    .footer-right .row,
    #footer .counter {
        text-align: center;
    }
    .forgotPassword .btn-row {
        padding: 5px 0 0;
    }
    .order-table th {
        white-space: nowrap;
    }
    .order-info-hd .btn-row {
        position: relative;
        padding: 10px 0 0;
    }
    .order-info-hd .btn-row a {
        margin: 0 10px 0 0;
    }
    .cartList-table td,
    .cartList-table th {
        white-space: nowrap;
    }
    .bonus-select {
        padding: 0 0 10px 10px;
    }
    .bonus-select li {
        width: 100%;
        padding: 0 0 5px;
    }
    .tableMove {
        display: block;
    }
}

@media (min-width:480px) and (max-width:767px) {
    .accordionContent li {
        width: 50%;
    }
}
@media (max-width:620px) {
    .accordionContent li {
        width: 100%;
    }
    .pagination {
        color: #666;
    }
    .link-list li {
        width: 50%;
    }
    .sitemap li {
        width: 100%;
    }
    .sitemap-item {
        margin: 0 5px 10px;
    }
    .contact-table th,
    .contact-table td {
        display: block;
        padding: 0 0 5px;
    }
    .contact-table .hd {
        padding: 0 0 5px;
        width: 100%;
    }
    .contact-table .hd br {
        display: none;
    }
    .contact-table .hd .icon-required {
        margin: 0;
    }
    .senderInfo-table th,
    .addresseeInfo-table th,
    .invoice-table th {
        display: block;
        width: 100%;
        text-align: left;
        color: #888;
        font-weight: 700;
        font-size: .8em;
        padding: 5px 0 0;
        border-bottom: 1px dotted #ccc;
    }
    .senderInfo-table td,
    .addresseeInfo-table td,
    .invoice-table td {
        font-size: 1.5em;
        display: block;
        width: 100%;
        padding: 5px 0;
        line-height: 1.5em;
    }
    .stamp-list-table {
        border: 0;
    }
    .stamp-list-table .center {
        text-align: left;
    }
    .stamp-list-table tr td:first-child {
        padding: 10px 0 5px;
    }
    .stamp-list-table tr td:last-child {
        padding: 0 0 10px;
    }
    .stamp-list-table td {
        border: 0;
        padding: 0 0 5px;
        line-height: 1.5em;
    }
    .stamp-list-table tr:nth-child(2n) td {
        background: #eee;
    }
    .stamp-list-table br {
        display: none;
    }
    .stamp-list-table th {
        display: none;
    }
    .stamp-list-table td {
        display: block;
        text-align: left;
        padding: 5px 0 5px 90px;
        position: relative;
    }
    .stamp-list-table .title {
        font-weight: 700;
        color: #333;
    }
    .stamp-list-table .pic,
    .stamp-list-table .inventory {
        margin: 0 10px 0 90px;
    }
    .stamp-list-table td:before {
        font-size: 10px;
        color: #222;
        font-weight: 700;
        content: attr(data-th)":";
        display: inline-block;
        position: absolute;
        top: 5px;
        left: 5px;
    }
    .status {
        background-position: 0 0;
        padding: 45px 0 10px 50px;
    }
}

@media (max-width:480px) {
    /*-手機板搜尋-*/
    input.keyword.postalstamp_sear_input {
        display: none;
    }
    input.btn.postalstamp_sear_btn {
        display: none;
    }
    .keyword.postalstamp_sear_input.rwd {
        width: 78%;
        margin: 20px 2% 10px 2%;
        height: 32px;
        display: inline-block;
    }
    .btn.postalstamp_sear_btn.rwd {
        border: 0;
        font-family: 微軟正黑體;
        height: 32px;
        margin: 0 auto 20px auto;
        width: 65px;
        display: inline-block;
        font-weight: bold;
    }
    body {
        min-width: 320px;
    }
    .pull-left,
    .pull-right {
        float: none;
    }
    .index_main .left {
        padding: 15px 0 0;
    }
    .acc {
        padding: 10px 10px 5px;
        background: #fffff1;
    }
    .accordionButton {
        box-shadow: 0 3px 3px #7a0 inset;
        display: none;
    }
    .accordionContent {
        float: none;
        background: #fff;
    }
    .accordionContent .icon {
        padding: 30px 0 2px;
        background-position: center 3px;
    }
    .accordionContent ul {
        padding: 0;
    }
    .accordionContent li {
        width: 25%;
        background: #ffe;
        margin: 0;
        border: 1px solid #bacd7f;
        border-bottom: 1px solid #ccc;
        box-shadow: -1px 1px rgba(255, 255, 255, .8) inset;
        border-right: 0;
        border-top: 0;
    }
    .accordionContent li:first-child {
        border-left: 0;
    }
    .accordionContent li a {
        width: 100%;
        display: block;
        float: none;
    }
    .accordionContent li:hover,
    .accordionContent li:active {
        background-position: center bottom;
    }
    .content {
        padding: 0;
    }
    .mobile-select-menu {
        display: block;
        padding: 5px 10px;
        background: #ddf0ec;
        margin: 0;
    }
    .mobile-select-menu select {
        border: 1px solid #bcccc8;
    }
    .left_sidebar,
    .main {
        padding: 0;
    }
    .left_sidebar,
    .index_main {
        width: 100%;
        float: none;
        display: block;
    }
    .left_sidebar {
        width: 100%;
    }
    .main {
        width: 100%;
        overflow: hidden;
    }
    .nav {
        width: 100%;
        position: initial;
    }
    .hdbar a {
        padding: 0 5px;
    }
    #leftmeunu {
        display: none;
    }
    .index-tabs {
        padding: 0 10px 15px;
    }
    .index-events-list {
        padding: 0 10px;
    }
    .hdbar {
        padding: 0 0;
    }
    .hdbar a {
        padding: 5px 0;
        width: 33%;
        text-align: center;
        float: left;
        margin: 0 0 -1px;
        border-bottom: 1px solid #ddd;
        border-left: 1px solid #ddd;
    }
    .footer-left {
        background: #eee;
    }
    .btmbar {
        text-align: center;
        padding: 5px 0 0;
    }
    .index-personalization {
        margin: 0 10px 10px;
    }
    .index-link-list {
        padding: 0;
    }
    .stamp-list {
        padding: 10px;
    }
    .breadcrumbs {
        padding: 10px;
    }
    .marquee {
        margin: 0 10px;
        padding: 0 0 10px;
    }
    .stamp-search {
        margin: 0 10px;
    }
    .pagination {
        margin: 0 10px 10px;
    }
    .stamp-section {
        margin: 15px 10px 0;
    }
    .recommend {
        margin: 0 10px;
        padding: 0;
    }
    .recommend .stamp-list {
        padding: 10px 0;
    }
    .stamp-detail-main .pic {
        margin: 0 10px;
    }
    .stamp-detailInfo {
        margin: 0 10px;
        padding: 20px 0 0;
    }
    .side-loginBox {
        display: none;
    }
    .side-login .row input {
        height: auto;
        margin: 0;
        padding: 5px;
        width: 100%;
    }
    .member-dataTable .hd {
        padding: 0 0 5px;
        width: 80px;
    }
    .member-main {
        padding: 10px 20px;
    }
    .page-directions {
        padding: 0;
    }
    .page-directions p,
    .page-directions ol {
        padding: 0 0 10px 20px;
    }
    .myCart .btn-row {
        text-align: center;
        padding: 1em 0 0;
    }
    .pers-description {
        padding: 0 15px 20px;
    }
    .article .publish span {
        display: block;
    }
    .contact-form {
        padding: 15px;
    }
    .main-login input {
        width: 80%;
        margin: 0 0 0 5px;
        padding: 5px;
    }
    .main-login .row {
        text-align: center;
    }
    .marquee {
        position: relative;
        padding: 10px 0;
    }
    .marquee .hd {
        top: 11px;
    }
    .member-consent {
        width: 100%;
    }
    .newsletters {
        padding: 0 10px;
    }
    .newsletters .text-input {
        width: 100%;
    }
    .contact-table input,
    .contact-table textarea {
        width: 100%;
    }
    .orders-details .btn-row {
        text-align: left;
        padding: 0 0 10px;
    }
    .cost li {
        display: block;
        padding: 0;
    }
    .main-loginBox {
        margin: 0;
    }
    .main-loginInputGroup {
        margin: 0 15px;
    }
    .member-dataTable th,
    .member-dataTable td {
        display: block;
    }
    .member-dataTable th {
        color: #999;
        width: 100%;
        padding: 0 0 5px;
    }
    .member-dataTable .small {
        font-size: 12px;
        display: block;
    }
    .member-dataTable td {
        border-bottom: 1px dotted #ccc;
        padding: 0 10px 10px;
        font-size: 1.5em;
        line-height: 1.5em;
    }
    .member-dataTable td label {
        font-size: 14px;
    }
    .order-table {
        margin: 0 -20px;
        overflow-x: scroll;
        position: relative;
    }
    .cartList-table {
        margin: 0 -20px;
        overflow-x: scroll;
        position: relative;
    }
    .forgotPassword .inner {
        padding: 110px 0 0;
        background-position: top center;
    }
    .directions-box br {
        display: none;
    }
    .main-submenu .col-4 li,
    .main-submenu .col-5 li {
        width: 100%;
    }
    .main-submenu .col-4 .icon,
    .main-submenu .col-5 .icon {
        width: 100%;
        padding: 15px 0 15px 55px;
        background-position: left top;
        font-size: 12px;
        text-align: left;
    }
    .mobile-show {
        display: block !important;
    }
    .mobile-hidden {
        display: none !important;
    }
    .index-events {
        padding: 0 0 10px;
    }
    .index-events .bd {
        padding: 0 0 10px;
    }
    .icon-latest {
        left: 0;
    }
    .footer-left a {
        width: 100%;
    }
    .footer-left a:nth-child(2n-1) {
        border-right: 0;
    }
    .hdbar {
        display: none;
    }
    .acc {
        display: block;
        padding: 0;
    }
    .accordionContent {
        border: 0;
    }
    .useInstructions-menu li {
        vertical-align: top;
        width: 100%;
        line-height: 1.2em;
    }
    .useInstructions-menu li a {
        padding: 5px;
        box-shadow: none;
    }
    .orders-details {
        margin: 0 -20px;
        padding: 10px 20px;
        border-radius: 0;
        border: 0;
        box-shadow: 0 0 5px #aaa;
    }
    .orders-contactInfo {
        padding: 10px 0 0;
    }
    .orders-contactInfo .hd {
        border-top: 0;
    }
    .send-info li {
        padding: 0;
    }
    .center {
        text-align: center;
    }
    .side-login {
        margin: 0;
    }
    .user-bar {
        padding: 10px 15px;
        border-radius: 0;
        background: #f5faef;
        margin: 0;
    }
    .user-bar .row {
        padding: 0 0 10px;
    }
    .user-bar .btn-row {
        padding: 0 0 10px;
    }
    .user-bar .row p {
        color: #9b7007;
        line-height: 1.3em;
    }
    .user-bar .side-member-list li a {
        font-size: 14px;
        background-position: 0 10px;
        color: #766700;
    }
    .user-bar .btn-logout {
        background: none #E1F1CC;
        border: 1px solid #afc278;
        margin: 0 auto;
        width: 40%;
        border-radius: 15px;
        padding: 2px 0;
        display: block;
        text-align: center;
        color: #5ca000;
    }
    .side-member-list {
        padding: 0 5px;
        background: #fff;
        border-radius: 5px;
        box-shadow: 0 0 5px #e1e5dc;
    }
    .index-link-list li {
        width: 100%;
    }
    .btn-custom {
        margin: 10px auto 0;
    }
    .btn-apply {
        width: 100%;
    }
    .main-title {
        border-radius: 0;
    }
    .newsletters .btn-row {
        padding: 15px 0;
        text-align: center;
    }
    .newsletters .approved {
        background: url(../images/content/paper.gif) no-repeat;
        padding: 10px 20px 10px 100px;
    }
    .layout-switcher {
        padding: 0 10px 5px;
    }
    .index-showHotProduct {
        margin: 0 10px 15px;
    }
    .stamp-advancedSearch .bd {
        padding: 30px 0 0 0;
    }
    .stamp-custom {
        padding: 10px 15px;
    }
    .custom-terms .btn-agree,
    .custom-terms .btn-disagree {
        width: 100%;
    }
    .btn-uploadImage {
        width: 100%;
        margin: 1em 0;
    }
    .ad-list {
        padding: 15px;
    }
    .ad-list .pic {
        width: 100%;
        padding: 0 0 10px;
    }
    .ad-list .info {
        width: 100%;
    }
    .myCart .btn {
        display: block;
    }
    .order-info-hd .btn-row a {
        margin: 0 0 10px;
        width: 100%;
    }
    .orders-expenses li {
        display: block;
    }
    .order-info-ft .pull-right {
        float: right;
    }
    .order-info-ft .pull-left {
        float: left;
    }
    .bonus-select {
        padding: 0 0 10px 15px;
    }
}
@media (max-width: 610px) {
.keyword.postalstamp_sear_input.rwd {
    width: 79%;
    margin: 20px 2% 10px 2%;
    height: 32px;
    display: inline-block;
}
}
@media (max-width: 540px) {
.keyword.postalstamp_sear_input.rwd {
    width: 77%;
    margin: 20px 2% 10px 2%;
    height: 32px;
    display: inline-block;
}
}
@media (max-width: 485px) {
.keyword.postalstamp_sear_input.rwd {
    width: 76%;
    margin: 20px 2% 10px 2%;
    height: 32px;
    display: inline-block;
}
}
@media (max-width: 410px) {
.keyword.postalstamp_sear_input.rwd {
    width: 75%;
}
    }
@media (max-width: 355px) {
.keyword.postalstamp_sear_input.rwd {
    width: 73%;
}
    }