/*
    Document   : global
    Created on : 2013/5/3, 下午 04:35:32
    Author     : yoching
    Description:
        Purpose of the stylesheet follows.
*/

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

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

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, 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, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    font: inherit;
    /*vertical-align: baseline;*/
    background: transparent;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    /*line-height: 1;
    font-size: 12px;*/
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}


/*
以下非重置處理
*/

/* 按鍵美化處理 */
.btn{
    display:inline-block;
    text-decoration:none;
    font-size:14px;
    font-weight:bold;
    color:#fff;
    color:rgba(255,255,255,1);
    padding:0.5em 1em;
    cursor: pointer;
}
.minbtn{
    display:inline-block;
    text-decoration:none;
    font-size:13px;
    font-weight:bold;
    color:#fff;
    color:rgba(255,255,255,1);
    padding:2px 4px;
    margin:8px 3px;
    cursor: pointer;
}
.solid{
    border-style:solid;
    border-width:1px;
    border-radius:4px;
    box-shadow:0 1px 1px rgba(255,255,255,0.5) inset;
}
.solid:hover{
    box-shadow:0 1px 1px rgba(255,255,255,0.5) inset,0 0 2px rgba(0,0,0,0.2);
    opacity:0.9;
}
.solid:active{
    box-shadow:0px 0px 6px 0px rgba(0,0,0,0.4) inset;
    opacity:1;
    color:rgba(255,255,255,0.5);
}
.red,.btncol_red{
    background:#da4d42;
    background:rgba(218,77,66,1);
    border-color:#a44f36;
    border-color:rgba(164,79,54,1);
}
.blue,.btncol_blue{
    background:#4297da;
    background:rgba(66,151,218,1);
    border-color:#3663a4;
    border-color:rgba(54,99,164,1);
}
.green,.btncol_green{
    background:#95da42;
    background:rgba(149,218,66,1);
    border-color:#61a436;
    border-color:rgba(97,164,54,1);
    color:#000;
}
.grey,.btncol_grey{
    background:#f2f2f2;
    background:rgba(0,0,0,0.05);
    border-color:#eee;
    border-color:rgba(0,0,0,0.05);
    color:#999;
    color:rgba(0,0,0,0.5);
}
.grey:active,.btncol_grey:active{
    box-shadow:0px 0px 6px 0px rgba(0,0,0,0.1) inset;
    opacity: 1;
    color:rgba(0,0,0,0.2);
}
.black,.btncol_black {
    background: #464646;
    background: rgba(70,70,70,1);
    border-color: #353535;
    border-color: rgba(53,53,53,1);
}
.yellow,.btncol_yellow {
    background: #ffba00;
    background: rgba(255,186,2,1);
    border-color: #ffab00;
    border-color: rgba(255,171,2,1);
}
.purple,.btncol_purple {
    background: #63468f;
    background: rgba(90,70,143,1);
    border-color: #583d7f;
    border-color: rgba(88,61,127,1);
}
.deepblue,.btncol_deepblue {
    background: #3f5b95;
    background: rgba(63,91,149,1);
    border-color: #364e7f;
    border-color: rgba(54,78,127,1);
}


/* 按鍵美化處理end*/


.hide,.selhide{
    display: none;
}
/*強制hide*/
.s_hide{
    display: none !important;
}

fieldset {
    padding:10px;
    margin:10px;
    /*width:270px;*/
    color:#333;
    border:#06c dashed 1px;
}



/*說明文字*/
.help_txt{
    color : #c00;
}

/*浮動div*/
.tip{
    position:absolute;
    border:1px solid #333;
    background:#f7f5d1;
    padding:5px;
    z-index: 9999;
    color:#333;
    display:none;
}

/*無邊框輸入*/
.input_nolink{
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-top-color: #000;
    border-right-color: #000;
    border-bottom-color: #000;
    border-left-color: #000;
    font-size: 16px;
    width: auto;
}


.tablestyle {
    line-height: 24px;
}



/*------------------------2014/06/11 吉米加入admin.css內容---------------------------*/
.remindmearrived {
    display:inline-block;
    text-decoration:none;
    cursor: pointer;
    background: #fff789;
    color: #000;
    padding: 10px 20px;
    -moz-box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5);
    -webkit-box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5);
    box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}

/* Basic jQuery Slider essential styles */

ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.bjqs-slide{position:absolute; display:none;}
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}
ul.bjqs-controls.v-centered li a{position:absolute;}
ul.bjqs-controls.v-centered li.bjqs-next a{right:0;}
ul.bjqs-controls.v-centered li.bjqs-prev a{left:0;}
ol.bjqs-markers{list-style: none; padding: 0; margin: 0; margin-top: -25px; position: relative; z-index: 999; width:100%;}
ol.bjqs-markers.h-centered{text-align: center;}
ol.bjqs-markers li{display:inline;}
ol.bjqs-markers li a{width:14px; height:14px; margin: 3px; display:inline-block; text-indent: -9999px; background: url(/images/slider-controls.png) no-repeat;}
ol.bjqs-markers li a:hover, 
ol.bjqs-markers li.active-marker a{background-position:0 -14px; }
p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}* html { font-size: 100%; }

html { font-size: 16px; line-height: 24px; }

html, body { min-width: 1210px; height: 100%; }

body { font-family: "Helvetica Neue", Arial, Helvetica, "LiHei Pro", "Heiti TC", "Microsoft JhengHei", sans-serif; color: #333333; background: url(https://static.pirates.com.tw/images/site-bg.png) repeat; }

img { max-width: 100%; height: auto; }

a { color: #525252; text-decoration: none; }
a:hover { color: #c00101; }
a:active { color: #c00101; }
a:hover { text-decoration: underline; }

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

.text-center { text-align: center; }

.text-right { text-align: right; }

.float-left { float: left; }

.float-right { float: right; }

.inline { display: inline; }

.clearfix { *zoom: 1; }
.clearfix:after { content: ""; display: table; clear: both; }

hr { margin: 0; border: none; border-bottom: 1px solid #dddddd; }

.meb-wrap { *zoom: 1; max-width: 1115px; _width: 1115px; padding-left: 10px; padding-right: 10px; margin-left: auto; margin-right: auto; }
.meb-wrap:after { content: ""; display: table; clear: both; }

.meb-bar, .meb-bar-top { position: fixed; width: 100%; height: 30px; font-size: 14px; color: white; line-height: 30px; }
.meb-bar a, .meb-bar-top a { color: white; }
.meb-bar a:hover, .meb-bar-top a:hover { color: white; }
.meb-bar .meb-vline, .meb-bar-top .meb-vline { margin: 5px 10px; border-left: 1px solid black; border-right: 1px solid #704040; }

.meb-bar-top { top: -30px; }

.meb-bar { z-index: 2000; text-align: left; background: #400000; }

.meb-bar-top { z-index: 2002; text-align: right; }

.meb-bar-top-bk { position: relative; top: 30px; float: right; padding: 0 24px; background: #400000; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -ms-border-radius: 0 0 5px 5px; -o-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; }

.l-header { position: relative; z-index: 2001; height: 120px; background: url(https://static.pirates.com.tw/images/header-bg.png) top center no-repeat; }

.l-header-wrap { *zoom: 1; max-width: 1115px; _width: 1115px; padding-left: 10px; padding-right: 10px; margin-left: auto; margin-right: auto; }
.l-header-wrap:after { content: ""; display: table; clear: both; }

.hed-logo { height: 116px; width: 46.18834%; float: left; margin-right: 0.89686%; display: inline; text-indent: -119988px; overflow: hidden; text-align: left; background: url(https://static.pirates.com.tw/images/site-logo.png) no-repeat; }



.sch-input { width: 295px; height: 22px; padding: 5px; display: inline-block; border: none; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -webkit-box-shadow: inset 1px 1px 4px #d9d9d9; -moz-box-shadow: inset 1px 1px 4px #d9d9d9; box-shadow: inset 1px 1px 4px #d9d9d9; }

.sch-button { height: 31px; padding: 5px 20px; display: inline-block; color: white; border: none; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #663300), color-stop(100%, #400000)); background-image: -webkit-linear-gradient(top, #663300, #400000); background-image: -moz-linear-gradient(top, #663300, #400000); background-image: -o-linear-gradient(top, #663300, #400000); background-image: linear-gradient(top, #663300, #400000); -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }
.sch-button:hover { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #400000), color-stop(100%, #270000)); background-image: -webkit-linear-gradient(top, #400000, #270000); background-image: -moz-linear-gradient(top, #400000, #270000); background-image: -o-linear-gradient(top, #400000, #270000); background-image: linear-gradient(top, #400000, #270000); }

.l-wrap { min-height: 100%; }

.l-main { *zoom: 1; max-width: 1115px; _width: 1115px; padding-left: 10px; padding-right: 10px; margin-left: auto; margin-right: auto; margin: 10px auto; overflow: auto; padding-bottom: 450px; position: relative; }
.l-main:after { content: ""; display: table; clear: both; }


.l-row:after { content: ""; display: table; clear: both; }

.l-full-content { width: 100%; height: auto; margin-bottom: 10px; padding-top: 1px; background-color: white; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 1px 3px #d9d9d9; -moz-box-shadow: 0px 1px 3px #d9d9d9; box-shadow: 0px 1px 3px #d9d9d9; *zoom: 1; }
.l-full-content:after { content: ""; display: table; clear: both; }
.l-full-content.error { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #d90101; border: 3px solid #d90101; }
.l-full-content.error ul { margin: 24px; list-style-type: disc; }

p a { color: #0074b2; }
p a:hover { color: #0047b2; }

.l-footer { position: relative; z-index: 1000; height: 350px; margin-top: -350px; color: white; background: url(https://static.pirates.com.tw/images/footer-bg.png) repeat; }

.l-footer-wrap { *zoom: 1; max-width: 1115px; _width: 1115px; padding-left: 10px; padding-right: 10px; margin-left: auto; margin-right: auto; position: relative; }
.l-footer-wrap:after { content: ""; display: table; clear: both; }

.fot-con-box { width: 19.28251%; float: left; margin-right: 0.89686%; display: inline; margin-top: 15px; margin-bottom: 15px; }
.fot-con-box:nth-child(5n) { float: right; margin-right: 0; }

.fot-con-title { font-size: 18px; line-height: 24px; padding-bottom: 9px; margin: 9px 0; color: #e6e6e6; font-weight: normal; border-bottom: 1px solid #5e5e5e; }

.fon-con-list { font-size: 14px; line-height: 24px; margin: 0; padding: 0; list-style: none; }
.fon-con-list a { color: white; }

.fon-company { position: absolute; left: 0; right: 0; bottom: -24px; height: 70px; }

.fon-company-info { display: inline-block; padding: 10px 0 10px 90px; font-size: 14px; line-height: 24px; background: url(https://static.pirates.com.tw/images/footer-sprite.png) no-repeat; }

.fon-ship { width: 115px; height: 98px; position: absolute; top: -90px; right: 0; background: url(https://static.pirates.com.tw/images/footer-sprite.png) 0 -100px no-repeat; }

.fon-badge { position: absolute; top: -40px; left: 10px; }
.fon-badge img { display: inline-block; margin-right: 6px; }

.nav { width: 19.28251%; float: left; margin-right: 0.89686%; display: inline; height: 610px; margin-bottom: 10px; background-color: white; -webkit-box-shadow: 0px 1px 3px #d9d9d9; -moz-box-shadow: 0px 1px 3px #d9d9d9; box-shadow: 0px 1px 3px #d9d9d9; position: relative; overflow: visible; }

.nav-title { font-size: 16px; line-height: 24px; padding: 0 10px; color: #737373; background-color: #fafaf7; }

.nav-list { margin: 10px 0 10px 10px; padding: 0; list-style: none; line-height: 25px; }
.nav-list li { padding: 5px 10px; cursor: pointer; }
.nav-list li:hover { color: white; background: #d90101 url(https://static.pirates.com.tw/images/icon-nav-sprite.png) 175px -205px no-repeat; -webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; -ms-border-radius: 5px 0 0 5px; -o-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; }
.nav-list li:hover span { color: white; }
.nav-list li:hover a { text-decoration: none; }
.nav-list li.lv3-link { position: relative; margin-right: 10px; padding: 0; }
.nav-list li.lv3-link:hover { background: #e1d6be; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }
.nav-list li.lv3-link:hover span { color: white; }
.nav-list li.lv3-link:hover a { text-decoration: none; }
.nav-list li.lv3-link a { padding: 5px 10px; }
.nav-list li.lv3-link a:hover { color: #400000; }

.nav-detail { width: 903px; position: absolute; left: 210px; z-index: 1000; display: none; margin-top: -40px; background: white; border: 2px solid #d90101; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; -webkit-box-shadow: 0px 1px 3px #d9d9d9; -moz-box-shadow: 0px 1px 3px #d9d9d9; box-shadow: 0px 1px 3px #d9d9d9; }

.nav-detail-col { width: 30%; margin: 10px; display: inline-block; vertical-align: top; }
.nav-detail-col a { display: inline-block; margin: 5px 0; margin-right: 6px; padding-right: 6px; border-right: 1px solid #dddddd; font-size: 14px; line-height: 18px; }

.nav-detail-title { margin-bottom: 6px; margin-right: 20px; font-size: 18px; line-height: 36px; border-bottom: 2px solid #400000; color: #333333; }
/* 第二層連結的處理 */
.nav-detail-title a { margin-bottom: 6px; margin-right: 20px; font-size: 18px;  }

.nav-list-icon { width: 25px; height: 25px; float: left; margin-right: 5px; background: url(https://static.pirates.com.tw/images/icon-nav-sprite.png) no-repeat; }

.nav-list-item { height: 25px; display: inline-block; }

.header-index { display: inline-block; margin-right: 12px; }

.header-nav { position: relative; cursor: pointer; }
.header-nav:after { content: ""; position: absolute; top: 50%; right: -15px; margin-top: -2px; border: 5px solid transparent; border-top: 5px solid white; }

.header-nav-list { display: none; position: relative; width: 19.28251%; background: #730000; -webkit-font-smoothing: subpixel-antialiased; }
.header-nav-list li { margin: 0 12px; border-bottom: 1px dotted #400000; }
.header-nav-list li a { cursor: pointer; }
.header-nav-list .hed-nav-title { color: #e1d6be; }

.header-nav-list.on { display: block; }

.hed-nav-detail { width: 915px; position: absolute; left: 200px; margin-top: -43px; z-index: 1000; display: none; color: #400000; background: #8c0000; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; -webkit-box-shadow: 0px 1px 3px #404040; -moz-box-shadow: 0px 1px 3px #404040; box-shadow: 0px 1px 3px #404040; }
.hed-nav-detail .nav-detail-title { color: white; border-bottom: 2px solid #e1d6be; }

.hed-nav-s1:hover .c1, .hed-nav-s2:hover .c2, .hed-nav-s3:hover .c3, .hed-nav-s4:hover .c4, .hed-nav-s5:hover .c5, .hed-nav-s6:hover .c6, .hed-nav-s7:hover .c7 { display: block; }

.prt-title { width: 100%; float: right; margin-right: 0; *margin-left: -10px; display: inline; height: 70px; font-weight: bold; background: url(https://static.pirates.com.tw/images/item-title.png) no-repeat; }

.prt-title-name { float: left; margin: 27px 0 0 70px; font-size: 18px; line-height: 24px; color: #400000; }

.prt-title-more { float: right; margin: 27px 30px 0 0; font-size: 18px; line-height: 24px; }
.prt-title-more a { color: #400000; }

iframe .atg-box-f12, .atg-box-f12 { width: 19.28251%; float: left; margin-right: 0.89686%; display: inline; height: 610px; margin-bottom: 10px; background-color: white; -webkit-box-shadow: 0px 1px 3px #d9d9d9; -moz-box-shadow: 0px 1px 3px #d9d9d9; box-shadow: 0px 1px 3px #d9d9d9; }

iframe .atg-box-f22, .atg-box-f22 { width: 39.46188%; float: left; margin-right: 0.89686%; display: inline; height: 610px; margin-bottom: 10px; background-color: white; -webkit-box-shadow: 0px 1px 3px #d9d9d9; -moz-box-shadow: 0px 1px 3px #d9d9d9; box-shadow: 0px 1px 3px #d9d9d9; }

iframe .atg-box-f11, .atg-box-f11 { width: 19.28251%; float: left; margin-right: 0.89686%; display: inline; height: 300px; margin-bottom: 10px; background-color: white; -webkit-box-shadow: 0px 1px 3px #d9d9d9; -moz-box-shadow: 0px 1px 3px #d9d9d9; box-shadow: 0px 1px 3px #d9d9d9; }

iframe .atg-box-f21, .atg-box-f21 { width: 39.46188%; float: left; margin-right: 0.89686%; display: inline; height: 300px; margin-bottom: 10px; background-color: white; -webkit-box-shadow: 0px 1px 3px #d9d9d9; -moz-box-shadow: 0px 1px 3px #d9d9d9; box-shadow: 0px 1px 3px #d9d9d9; }

iframe .atg-box-f31, .atg-box-f31 { width: 59.64126%; float: left; margin-right: 0.89686%; display: inline; height: 300px; margin-bottom: 10px; background-color: white; -webkit-box-shadow: 0px 1px 3px #d9d9d9; -moz-box-shadow: 0px 1px 3px #d9d9d9; box-shadow: 0px 1px 3px #d9d9d9; }

iframe .atg-box-f41, .atg-box-f41 { width: 79.82063%; float: left; margin-right: 0.89686%; display: inline; height: 300px; margin-bottom: 10px; background-color: white; -webkit-box-shadow: 0px 1px 3px #d9d9d9; -moz-box-shadow: 0px 1px 3px #d9d9d9; box-shadow: 0px 1px 3px #d9d9d9; }

iframe .atg-box-l12, .atg-box-l12 { width: 19.28251%; float: right; margin-right: 0; *margin-left: -10px; display: inline; height: 610px; margin-bottom: 10px; background-color: white; -webkit-box-shadow: 0px 1px 3px #d9d9d9; -moz-box-shadow: 0px 1px 3px #d9d9d9; box-shadow: 0px 1px 3px #d9d9d9; }

iframe .atg-box-l22, .atg-box-l22 { width: 39.46188%; float: right; margin-right: 0; *margin-left: -10px; display: inline; height: 610px; margin-bottom: 10px; background-color: white; -webkit-box-shadow: 0px 1px 3px #d9d9d9; -moz-box-shadow: 0px 1px 3px #d9d9d9; box-shadow: 0px 1px 3px #d9d9d9; }

iframe .atg-box-l11, .atg-box-l11 { width: 19.28251%; float: right; margin-right: 0; *margin-left: -10px; display: inline; height: 300px; margin-bottom: 10px; background-color: white; -webkit-box-shadow: 0px 1px 3px #d9d9d9; -moz-box-shadow: 0px 1px 3px #d9d9d9; box-shadow: 0px 1px 3px #d9d9d9; }

iframe .atg-box-l21, .atg-box-l21 { width: 39.46188%; float: right; margin-right: 0; *margin-left: -10px; display: inline; height: 300px; margin-bottom: 10px; background-color: white; -webkit-box-shadow: 0px 1px 3px #d9d9d9; -moz-box-shadow: 0px 1px 3px #d9d9d9; box-shadow: 0px 1px 3px #d9d9d9; }

iframe .atg-box-l31, .atg-box-l31 { width: 59.64126%; float: right; margin-right: 0; *margin-left: -10px; display: inline; height: 300px; margin-bottom: 10px; background-color: white; -webkit-box-shadow: 0px 1px 3px #d9d9d9; -moz-box-shadow: 0px 1px 3px #d9d9d9; box-shadow: 0px 1px 3px #d9d9d9; }

iframe .atg-box-l41, .atg-box-l41 { width: 79.82063%; float: right; margin-right: 0; *margin-left: -10px; display: inline; height: 300px; margin-bottom: 10px; background-color: white; -webkit-box-shadow: 0px 1px 3px #d9d9d9; -moz-box-shadow: 0px 1px 3px #d9d9d9; box-shadow: 0px 1px 3px #d9d9d9; }

iframe .atg-box-l42, .atg-box-l42 { width: 79.82063%; float: right; margin-right: 0; *margin-left: -10px; display: inline; height: 610px; margin-bottom: 10px; background-color: white; -webkit-box-shadow: 0px 1px 3px #d9d9d9; -moz-box-shadow: 0px 1px 3px #d9d9d9; box-shadow: 0px 1px 3px #d9d9d9; }
iframe .atg-box-l42 img, .atg-box-l42 img { max-width: 100%; height: auto; }

iframe .atg-box-l51, .atg-box-l51 { width: 100%; float: right; margin-right: 0; *margin-left: -10px; display: inline; height: 300px; margin-bottom: 10px; background-color: white; -webkit-box-shadow: 0px 1px 3px #d9d9d9; -moz-box-shadow: 0px 1px 3px #d9d9d9; box-shadow: 0px 1px 3px #d9d9d9; }

.itm-box { position: relative; width: 19.28251%; float: left; margin-right: 0.89686%; display: inline; height: 300px; margin-bottom: 10px; background-color: white; -webkit-box-shadow: 0px 1px 3px #d9d9d9; -moz-box-shadow: 0px 1px 3px #d9d9d9; box-shadow: 0px 1px 3px #d9d9d9; }
.itm-box:hover { text-decoration: none; z-index: 10; }
.itm-box.itm-row-last { margin-right: 0; }
.itm-box:nth-child(5n) { margin-right: 0; }
.itm-box.control { height: auto; }
.itm-box .itm-box-inner { text-decoration: none; }

.itm-brand-box { position: relative; width: 19.28251%; float: left; margin-right: 0.89686%; display: inline; height: 300px; margin-bottom: 10px; background-color: white; -webkit-box-shadow: 0px 1px 3px #d9d9d9; -moz-box-shadow: 0px 1px 3px #d9d9d9; box-shadow: 0px 1px 3px #d9d9d9; }
.itm-brand-box:hover { text-decoration: none; z-index: 10; }
.itm-brand-box.itm-row-last { margin-right: 0; }
.itm-brand-box.control { height: auto; }
.itm-brand-box .itm-box-inner { text-decoration: none; }

.small-itm-box { float: left; width: 150px; margin: 10px 5px; }
.small-itm-box a { color: #525252 !important; }
.small-itm-box a:hover { color: #c00101 !important; }
.small-itm-box .itm-choice { margin: 6px; text-align: center; }

a.small-itm-box-wrap { display: block; text-decoration: none; }
a.small-itm-box-wrap .itm-box-image { display: block; width: 130px; margin: 10px auto; }
a.small-itm-box-wrap .itm-box-name { height: 56px; margin: 0 10px; font-size: 12px; }
a.small-itm-box-wrap .itm-box-price { margin: 0 10px; padding: 0; }

.itm-plus-word { float: left; color: #e1d6be; font-size: 120px; line-height: 240px; }

.itm-buymore { margin: 6px 0; text-align: center; vertical-align: bottom; }

.itm-box-wrap { position: absolute; width: 100%; height: 300px; background-color: white; }

.itm-box:hover .itm-box-wrap { min-height: 300px; height: auto; margin: -3px -3px 0 -3px; border: 3px solid #c00101; -webkit-box-shadow: 0px 0px 10px gray; -moz-box-shadow: 0px 0px 10px gray; box-shadow: 0px 0px 10px gray; }

.itm-box-wide { position: relative; width: 32.58427%; float: left; margin-right: 1.1236%; display: inline; height: 170px; margin-bottom: 10px; -webkit-box-shadow: 0px 1px 3px #d9d9d9; -moz-box-shadow: 0px 1px 3px #d9d9d9; box-shadow: 0px 1px 3px #d9d9d9; background-color: white; }
.itm-box-wide:hover { z-index: 10; text-decoration: none; border-color: #e1d6be; -webkit-box-shadow: 0px 0px 10px #e1d6be inset; -moz-box-shadow: 0px 0px 10px #e1d6be inset; box-shadow: 0px 0px 10px #e1d6be inset; }
.itm-box-wide:nth-child(3n), .itm-box-wide.itm-row-last { margin-right: 0; }

.itm-box-wide .itm-box-wrap { position: absolute; width: 100%; height: 170px; background: white; }

.itm-box-wide:hover .itm-box-wrap { min-height: 170px; height: auto; margin: -3px -3px 0 -3px; border: 3px solid #c00101; -webkit-box-shadow: 0px 0px 10px gray; -moz-box-shadow: 0px 0px 10px gray; box-shadow: 0px 0px 10px gray; }

.itm-box-image { display: block; max-width: 200px; max-height: 200px; width: 100%; height: auto; margin: 10px auto; }
.itm-box-wide .itm-box-image { float: left; width: 150px; }

.itm-box-info { float: left; width: 200px; }

.itm-box-name { height: 36px; margin: 0 10px; padding-top: 5px; overflow: hidden; font-size: 14px; line-height: 18px; border-top: 1px solid #dddddd; }
.itm-box-wide .itm-box-name { height: 50px; margin-top: 50px; overflow: hidden; font-size: 16px; line-height: 24px; border-top: none; }
.itm-box-wide:hover .itm-box-name { min-height: 50px; height: auto; color: #151515; overflow: visible; }
.itm-box-name.brand { height: 64px; }
.itm-box-name .brand-name { font-size: 18px; line-height: 32px; }

.itm-box:hover .itm-box-name { min-height: 36px; height: auto; color: #151515; overflow: visible; }

.itm-box-price { padding: 5px 10px; text-align: right; font-size: 24px; line-height: 24px; color: #d90101; }
.itm-box-price .itm-box-ori-price { float: left; margin-top: 4px; font-size: 14px; color: #a6a699; text-decoration: line-through; }
.itm-box-price .itm-box-price-unit { font-size: 14px; }
.itm-box-price .itm-box-price-original { float: left; font-size: 18px; line-height: 30px; color: #ddd;text-decoration: line-through; }
.itm-box-price .itm-box-price-original2 { float: left; font-size: 18px; line-height: 24px; color: #ddd;text-decoration: line-through;top: 4px;position: relative; }
.itm-box-price .itm-box-price-original3 { font-size: 12px; line-height: 24px; color: #ddd;text-decoration: line-through;top: 4px;position: relative; }
.itm-box-wide .itm-box-price { margin-top: 20px; }
.itm-box-discount {float: left;
display: block;
position: absolute;
/* top: 14px; */
/* left: 11px; */
background: red;
/* padding: 5px; */
color: white;
padding: 0 4px;
transform:rotate(45deg);
-ms-transform:rotate(45deg); /* IE 9 */
-webkit-transform:rotate(45deg); /* Opera, Chrome, and Safari */
}

.itm-state { width: 50px; height: 50px; position: absolute; z-index: 1; top: 0; right: 0; background: url(https://static.pirates.com.tw/images/item-state-sprite.png) no-repeat; }
.itm-state.s1 { background-position: -100px 0; z-index: 9999;}
.itm-state.s2 { background-position: -100px -50px; z-index: 9999;}
.itm-state.s3 { background-position: -100px -100px; z-index: 9999;}
.itm-state.s4 { background-position: -100px -150px; z-index: 9999;}
.itm-state.s5 { background-position: -100px -200px; z-index: 9999;}
.itm-state.s6 { background-position: -100px -250px; z-index: 9999;}
.itm-state.s7 { background-position: -100px -300px; z-index: 9999;}
.itm-state.s8 { background-position: -100px -350px; z-index: 9999;}
.itm-state.s9 { background-position: -100px -400px; z-index: 9999;}
.itm-state.b1 { width: 100px; height: 100px; background-position: 0 0; z-index: 9999;}
.itm-state.b2 { width: 100px; height: 100px; background-position: 0 -100px; z-index: 9999;}
.itm-state.b3 { width: 100px; height: 100px; background-position: 0 -200px; z-index: 9999;}
.itm-state.b4 { width: 100px; height: 100px; background-position: 0 -300px; z-index: 9999;}
.itm-state.b5 { width: 100px; height: 100px; background-position: 0 -400px; z-index: 9999;}
.itm-state.b6 { width: 100px; height: 100px; background-position: 0 -500px; z-index: 9999;}
.itm-state.b7 { width: 100px; height: 100px; background-position: 0 -600px; z-index: 9999;}
.itm-state.b8 { width: 100px; height: 100px; background-position: 0 -700px; z-index: 9999;}
.itm-state.b9 { width: 100px; height: 100px; background-position: 0 -800px; z-index: 9999;}

.itm-state-soldout { width: 205px; padding: 5px; position: absolute; top: 80px; color: white; text-align: center; background: rgba(0, 0, 0, 0.25); }
.itm-state-soldout .itm-state-soldout-title { margin: 0 50px; font-size: 18px; line-height: 24px; border-top: 1px solid #666666; }

.itm-state-soldout2 { width: 176px; padding: 5px; position: absolute; top: 80px; color: white; text-align: center; background: rgba(0, 0, 0, 0.25); }
.itm-state-soldout2 .itm-state-soldout-title { margin: 0 50px; font-size: 18px; line-height: 24px; border-top: 1px solid #666666; }

.itm-state-soldout3 { width: 130px; padding: 5px; position: absolute; top: 80px; color: white; text-align: center; background: rgba(0, 0, 0, 0.25); }
.itm-state-soldout3 .itm-state-soldout-title { margin: 0 50px; font-size: 18px; line-height: 24px; border-top: 1px solid #666666; }

.rec { width: 50px; position: fixed; z-index: 5000; text-align: center; margin-left: 1130px; font-size: 14px; line-height: 18px; }

.rec-name { padding: 5px; border-bottom: 1px solid #dddddd; }

.rec-list { margin: 0; padding: 0; list-style: none; }
.rec-list * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.rec-list li { height: 50px; margin: 5px 0; border: 1px solid #dddddd; }

.rec-backtop { display: block; color: #333333; border-top: 1px solid #dddddd; }
.rec-backtop .rec-arrow { width: 0; height: 0; margin: 0 auto 5px auto; border: 12px solid transparent; border-bottom: 12px solid #333333; }
.rec-backtop:hover { color: #c00101; text-decoration: none; }
.rec-backtop:hover .rec-arrow { border-bottom: 12px solid #c00101; }

.rec-buy-button { position: relative; width: 48px; padding-top: 36px; color: white; font-size: 12px; line-height: 18px; white-space: pre-line; background: #d90101 url(https://static.pirates.com.tw/images/rec-cart.png) 7px 5px no-repeat; border: none; cursor: pointer; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }
.rec-buy-button:hover { background: #f20101 url(https://static.pirates.com.tw/images/rec-cart.png) 7px 5px no-repeat; }

.bcb { width: 803px; float: left; margin-right: 0; *margin-left: -10px; display: inline; overflow: hidden; height: 30px; background-color: white; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 1px 3px #d9d9d9; -moz-box-shadow: 0px 1px 3px #d9d9d9; box-shadow: 0px 1px 3px #d9d9d9; }
.bcb a { padding-left: 10px; }

.bcb-level { font-size: 14px; line-height: 30px; vertical-align: top; }

.bcb-arrow { width: 20px; height: 30px; display: inline-block; background: url(https://static.pirates.com.tw/images/breadcrumb-arrow.png) no-repeat; }

.affix { position: fixed; top: 0; }

.dtl-titleblock.affix { top: 30px; width: 1115px; -webkit-box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.5); box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.5); }

.pay-affix.affix { z-index: 100; top: 30px; width: 1115px; background: white; -webkit-box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.5); box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.5); }

.nav-affix.affix { z-index: 100; top: 96px; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -ms-border-radius: 0 0 5px 5px; -o-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; }

.affix-bottom { position: absolute; }

.btn { padding: 5px 15px; border: none; color: #400000; font-size: 16px; line-height: 24px; background-color: #e1d6be; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e1d6be), color-stop(100%, #d9cbad)); background-image: -webkit-linear-gradient(top, #e1d6be, #d9cbad); background-image: -moz-linear-gradient(top, #e1d6be, #d9cbad); background-image: -o-linear-gradient(top, #e1d6be, #d9cbad); background-image: linear-gradient(top, #e1d6be, #d9cbad); -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 1px 2px gray; -moz-box-shadow: 0px 1px 2px gray; box-shadow: 0px 1px 2px gray; }
.btn:hover, .btn:active { background-color: #d1c09b; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d9cbad), color-stop(100%, #d1c09b)); background-image: -webkit-linear-gradient(top, #d9cbad, #d1c09b); background-image: -moz-linear-gradient(top, #d9cbad, #d1c09b); background-image: -o-linear-gradient(top, #d9cbad, #d1c09b); background-image: linear-gradient(top, #d9cbad, #d1c09b); }
.btn.primary { color: white; border-bottom: 1px solid #400000; background-color: #400000; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #663300), color-stop(100%, #400000)); background-image: -webkit-linear-gradient(top, #663300, #400000); background-image: -moz-linear-gradient(top, #663300, #400000); background-image: -o-linear-gradient(top, #663300, #400000); background-image: linear-gradient(top, #663300, #400000); }
.btn.primary:hover, .btn.primary:active { background-color: #270000; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #400000), color-stop(100%, #270000)); background-image: -webkit-linear-gradient(top, #400000, #270000); background-image: -moz-linear-gradient(top, #400000, #270000); background-image: -o-linear-gradient(top, #400000, #270000); background-image: linear-gradient(top, #400000, #270000); }
.btn.small { padding: 2px 7px; font-size: 14px; line-height: 24px; }
.btn.mini { padding: 0px 7px; font-size: 14px; line-height: 24px; }
.btn.block { display: block; }

form.btn-form { display: inline-block; }

form.btn-form + form.btn-form, .btn + .btn { margin-left: 10px; }

.btn-box { margin: 50px auto; text-align: center; }

.btn-box-small { margin: 10px auto; text-align: center; }

.btn-box-left { margin: 5px auto; text-align: left; }

.btn-box-right { margin: 5px auto; text-align: right; }

.btn-box-popup { text-align: right; }

.table { width: 100%; margin: 20px auto; border: 1px solid #dddddd; }
.table a { color: #0074b2; }
.table a:hover { color: #0047b2; }
.table a:active { color: #0047b2; }
.table th { padding: 5px; color: #663300; text-align: center; }
.table tr { border-bottom: 1px solid #dddddd; }
.table tr:nth-child(odd) { background-color: white; }
.table tr:nth-child(even) { background-color: #f9f7f2; }
.table td { padding: 5px; }

table.table-simple tr:nth-child(odd) { background-color: white; }
table.table-simple tr:nth-child(even) { background-color: white; }
table.table-simple td { border: 1px solid #dddddd; }

.ttg-product-img { width: 100px; padding: 10px; line-height: 0; border-right: 1px solid #dddddd; background-color: white; }

.ttg-product-name { max-width: 380px; padding: 5px 10px; text-align: left; }

.ttg-coinstate { width: 15%; }

.fom-row { margin: 5px 0; border-bottom: 1px dotted #dddddd; }
.fom-row.error { background-color: #ffe7e7; }
.fom-row a { color: #0074b2; }
.fom-row a:hover { color: #0047b2; }
.fom-row a:active { color: #0047b2; }

.fom-class { width: 17.17791%; float: left; margin-right: 1.22699%; display: inline; padding: 5px 0; text-align: right; font-size: 16px; line-height: 24px; }

.fom-data { width: 81.59509%; float: right; margin-right: 0; *margin-left: -10px; display: inline; padding: 5px 0; font-size: 16px; line-height: 24px; }

.fom-input { padding: 3px; border: 1px solid #5e5e5e; vertical-align: middle; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 1px 2px #dddddd inset; -moz-box-shadow: 0px 1px 2px #dddddd inset; box-shadow: 0px 1px 2px #dddddd inset; -webkit-transition: box-shadow 0.25s linear, border 0.25s linear; -moz-transition: box-shadow 0.25s linear, border 0.25s linear; -o-transition: box-shadow 0.25s linear, border 0.25s linear; transition: box-shadow 0.25s linear, border 0.25s linear; }
.fom-input.ssmall { width: 50px; }
.fom-input.small { width: 25%; }
.fom-input.medium { width: 40%; }
.fom-input.large { width: 75%; }

.fom-input:-moz-placeholder { font-size: 12px; }

.fom-input::-moz-placeholder { font-size: 12px; }

.fom-input:-ms-input-placeholder { font-size: 12px; }

.fom-input::-webkit-input-placeholder { font-size: 12px; }

.fom-input:focus { outline: none; border: 1px solid #c00101; -webkit-box-shadow: 0px 1px 2px #dddddd inset, 0px 0px 3px #c00101; -moz-box-shadow: 0px 1px 2px #dddddd inset, 0px 0px 3px #c00101; box-shadow: 0px 1px 2px #dddddd inset, 0px 0px 3px #c00101; }

.fom-radio { margin: 0 5px; }

.fom-textarea { display: block; width: 100%; }

.fom-error { margin-left: 10px; display: inline-block; color: #d90101; }

.fom-note { color: #cccccc; font-size: 10px; line-height: 18px; }

span.fom-note { margin-left: 10px; }

.fom-addr select + select { margin: 0 10px; }

.fom-data-checkbox { margin: 15px auto; text-align: center; }

input[type="checkbox"].chk-custom { width: 1px; height: 1px; margin: -1px; padding: 0; position: absolute; overflow: hidden; clip: rect(0 0 0 0); border: 0; }

input[type="checkbox"].chk-custom + label.chk-label { height: 48px; padding-left: 55px; display: inline-block; font-size: 24px; line-height: 48px; vertical-align: middle; cursor: pointer; background-repeat: no-repeat; background-position: 0 0; }

input[type="checkbox"].chk-custom:checked + label.chk-label { color: #c00101; background-position: 0 -48px; }

.chk-label { background-image: url(https://static.pirates.com.tw/images/checkbox-custom.png); }

.collapse { height: 300px; overflow-y: hidden; }

.in { margin-bottom: 24px; }

.collapsing { overflow-y: hidden; -webkit-transition: height 0.5s ease-in-out; -moz-transition: height 0.5s ease-in-out; -o-transition: height 0.5s ease-in-out; transition: height 0.5s ease-in-out; }

.collapse-toggle { position: absolute; bottom: -12px; width: 100%; height: 96px; margin-top: 24px; pointer-events: none; }
.collapse-toggle .collapse-toggle-button { position: absolute; left: 50%; bottom: 0; margin-left: -30px; padding: 3px 12px; text-decoration: none; pointer-events: auto; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -ms-border-radius: 5px 5px 0 0; -o-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; }
.collapse-toggle .collapse-toggle-button:hover { -webkit-transition: all ease-in; -webkit-transition-delay: 0.1s; -moz-transition: all ease-in 0.1s; -o-transition: all ease-in 0.1s; transition: all ease-in 0.1s; }
.in + .collapse-toggle { background-image: none; }

.collapse-content { *zoom: 1; }
.collapse-content:after { content: ""; display: table; clear: both; }

.tab li, .tab li.active { margin: 0; padding: 0 15px; display: inline-block; font-size: 14px; line-height: 28px; -webkit-border-radius: 3px 3px 0px 0px; -moz-border-radius: 3px 3px 0px 0px; -ms-border-radius: 3px 3px 0px 0px; -o-border-radius: 3px 3px 0px 0px; border-radius: 3px 3px 0px 0px; }

.tab { width: 100%; margin: 24px auto; border-bottom: 3px solid #400000; }
.tab.pill { border-bottom: none; }
.tab.pill li { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
.tab li { color: #400000; background-color: #e1d6be; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e1d6be), color-stop(100%, #d9cbad)); background-image: -webkit-linear-gradient(top, #e1d6be, #d9cbad); background-image: -moz-linear-gradient(top, #e1d6be, #d9cbad); background-image: -o-linear-gradient(top, #e1d6be, #d9cbad); background-image: linear-gradient(top, #e1d6be, #d9cbad); }
.tab li:hover, .tab li:active { background-color: #d1c09b; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d9cbad), color-stop(100%, #d1c09b)); background-image: -webkit-linear-gradient(top, #d9cbad, #d1c09b); background-image: -moz-linear-gradient(top, #d9cbad, #d1c09b); background-image: -o-linear-gradient(top, #d9cbad, #d1c09b); background-image: linear-gradient(top, #d9cbad, #d1c09b); }
.tab li a { color: #400000; }
.tab li.active { color: white; background-color: #400000; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #663300), color-stop(100%, #400000)); background-image: -webkit-linear-gradient(top, #663300, #400000); background-image: -moz-linear-gradient(top, #663300, #400000); background-image: -o-linear-gradient(top, #663300, #400000); background-image: linear-gradient(top, #663300, #400000); }
.tab li.active:hover, .tab li.active:active { background-color: #270000; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #400000), color-stop(100%, #270000)); background-image: -webkit-linear-gradient(top, #400000, #270000); background-image: -moz-linear-gradient(top, #400000, #270000); background-image: -o-linear-gradient(top, #400000, #270000); background-image: linear-gradient(top, #400000, #270000); }
.tab li.active a { color: white; }

.pill-panel { display: none; }
.pill-panel.active { display: block; }

ul.tabs-menu { margin-left: 0; }

.tag { display: inline-block; padding: 0 6px; font-size: 12px; line-height: 24px; color: white; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; background: #d90101; }

.fil { *zoom: 1; background: #fafaf7; }
.fil:after { content: ""; display: table; clear: both; }
.fil.submit-btn { padding: 5px; text-align: right; }

.fil-label { width: 12.55605%; height: 100%; float: left; font-size: 14px; line-height: 36px; }
.fil-label .fil-label-text { padding-left: 12px; }

.fil-option { position: relative; width: 86.54709%; float: right; background: white; border-bottom: 1px solid #dddddd; }
.fil-option .option-box { width: 92.5%; padding-left: 4px; font-size: 14px; }
.fil-option li { height: 36px; margin: 0; display: inline-block; }
.fil-option a { margin: 6px 0; padding: 0 12px; display: inline-block; font-size: 14px; line-height: 24px; cursor: pointer; }
.fil-option a:hover { color: #400000; text-decoration: none; background: #e1d6be; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px; }
.fil-option a.selected { color: white; text-decoration: none; background: #400000; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px; }
.fil-option.final { border-bottom: none; }

.more-btn { position: absolute; top: 0; right: 0; margin: 6px; padding: 0 6px; font-size: 12px; line-height: 24px; cursor: pointer; background: #e1d6be; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }

ul.sorting { display: inline-block; font-size: 0; }
ul.sorting li { display: inline-block; padding: 0 6px; font-size: 12px; line-height: 24px; background-color: white; border: 1px solid #e1d6be;cursor: pointer; }
ul.sorting li:hover { color: #d90101; }
ul.sorting li.active { color: white; background-color: #400000; }
ul.sorting li span.text { float: left;width: 50px; }

.sot { height: rhtyhm(1.5); float: right; color: #400000; font-size: 14px; line-height: 36px; }

.sot-text { padding: 0 7px 0 16px; }

.lyt-change { width: 23px; height: 23px; margin: -6px 2px; display: inline-block; }
.lyt-change.s1-on, .lyt-change.s1:hover { background: url(https://static.pirates.com.tw/images/button-layout.png) 0 0 no-repeat; }
.lyt-change.s2-on, .lyt-change.s2:hover { background: url(https://static.pirates.com.tw/images/button-layout.png) 0 -23px no-repeat; }
.lyt-change.s1 { background: url(https://static.pirates.com.tw/images/button-layout.png) 0 -46px no-repeat; }
.lyt-change.s2 { background: url(https://static.pirates.com.tw/images/button-layout.png) 0 -69px no-repeat; }

#plus_show, #del_show { margin: 0; padding: 0; border: none; background: transparent; }

.pag { float: left; height: 36px; }
.pag li { display: inline-block; font-size: 14px; line-height: 24px;cursor: pointer; }
.pag a { margin: 6px 0; padding: 0 8px; display: inline-block; background: #e1d6be; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; color: #400000; }
.pag a:hover, .pag a.inpage { color: white; text-decoration: none; background: #400000; }

.pag-index { float: left; height: 36px; padding: 0 12px; font-size: 14px; line-height: 36px; }

.text-content { width: 73.09417%; float: left; margin-right: 0.89686%; display: inline; margin-left: 13.45291%; margin-right: 13.45291%; margin-top: 24px; margin-bottom: 20px; }
.text-content h3 { line-height: 48px; border-bottom: 1px solid #e1d6be; }
.text-content h4 { color: #6c392c; }

#newqa_form { margin: 12px 0; }

.question-select { margin: 12px 0; }
.question-select input[type="radio"] { vertical-align: text-bottom; }

.pay { width: 86.54709%; float: left; margin-right: 0.89686%; display: inline; margin-left: 6.72646%; margin-right: 6.72646%; margin-top: 24px; margin-bottom: 20px; }

.pay.atm-info { width: 73.09417%; float: left; margin-right: 0.89686%; display: inline; margin-left: 13.45291%; margin-right: 13.45291%; }

.pay-step-flow { padding: 10px 0 5px 0; text-align: center; border: 3px solid #fafaf7; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }

.pay-step { width: 125px; height: 55px; margin-left: -20px; padding-left: 60px; display: inline-block; text-align: left; font-size: 18px; line-height: 51px; background: url(https://static.pirates.com.tw/images/payment-step.png) no-repeat; }
.pay-step:first-child { margin-left: 0; }
.pay-step.exec { background-position: 0 0; }
.pay-step.comp { background-position: 0 -55px; }
.pay-step.un-exec { background-position: 0 -110px; }
.pay-step.fail { background-position: 0 -165px; }

.pay-coin { width: 50px; }

.pay-moreitem { margin: 10px auto 20px auto; }

.dtl-moreitem .itm-box { height: auto; }
.dtl-moreitem .itm-box .pay-buymore-form { margin: 5px 20px 15px 20px; text-align: center; top: 20px; position: relative;}
.dtl-moreitem .itm-box .itm-box-image { width: auto; max-width: 70%; height: auto; display: block; margin: 20px auto; }
.pay-buymore-form { margin: 5px 20px 15px 20px; text-align: center; top: 20px; position: relative;}


.pay-subtitle { margin-top: 70px; font-size: 24px; line-height: 48px; border-bottom: 1px solid #dddddd; }

.pay-method { height: 35px; padding-left: 100px; display: inline-block; font-size: 18px; line-height: 36px; background: url(https://static.pirates.com.tw/images/payment-method2.jpg) no-repeat; }
.pay-method.cash { background-position: 0 0; }
.pay-method.credit { background-position: 0 -35px; }
.pay-method.unionpay { background-position: 0 -69px; }
.pay-method.atm { background-position: 0 -70px; }
.pay-method.webatm { background-position: 0 -105px; }
.pay-method.market { background-position: 0 -140px; }

.pay-method-note { height: 35px; margin-left: 10px; display: inline-block; font-size: 14px; line-height: 36px; }

.pay-note-list { margin-top: 0; padding-left: 20px; list-style-type: disc; }
.pay-note-list li { margin-bottom: 5px; }

.pay-confirm-arrow { width: 400px; height: 150px; margin: 70px auto 0 auto; text-align: center; font-size: 18px; line-height: 48px; background: url(https://static.pirates.com.tw/images/pay-confirm-arrow.png) no-repeat; }

.pay-rule-frame {
	margin-top: 20px;
	height: 300px;
	overflow-y: scroll;
	margin-bottom: 20px;
	color: #666;
}

.pay-rule-frame h3 {
	font-size: 18px;
	margin-bottom: 10px;
	color: black;
}

.pay-rule-frame ul {
	list-style: disc url(https://static.pirates.com.tw/images/list-star.png);
}

.pay-rule-frame li {
	margin-bottom: 10px;
}



.pay-triplex { display: none; }
.pay-triplex.on { display: block; }

.pay-eventlabel { padding: 0 5px; display: inline-block; color: white; font-size: 12px; line-height: 20px; background-color: #d90101; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }

.pay-eventtitle { font-size: 14px; line-height: 24px; }

.pay-coupon-link { padding-left: 30px; display: inline-block; font-size: 14px; line-height: 24px; background: url(https://static.pirates.com.tw/images/icon-sitem-sprite.png) no-repeat; }

.pay-coupon { max-width: 500px; margin: 40px auto; padding: 20px; position: relative; background: white; }

.pay-coupon-title { font-size: 18px; line-height: 24px; }

.pay-coupon-item { margin: 10px 0; color: #d90101; font-size: 18px; line-height: 24px; }

.pay-coupon-radio { margin: 10px 0; font-size: 14px; line-height: 24px; border-bottom: 1px solid #dddddd; }

.pay-bank-name, .pay-bank-account { font-size: 28px; line-height: 48px; }

.pay-deadline, .pay-atm-money { font-size: 18px; line-height: 24px; }

.sin { height: 650px; background: url(https://static.pirates.com.tw/images/signin-bg0.jpg) no-repeat; background-size: cover; }
.sin.captain { background: url(https://static.pirates.com.tw/images/signin-bg2.jpg) no-repeat; background-size: cover; }
.sin.partner { background: url(https://static.pirates.com.tw/images/signin-partner2.jpg) no-repeat; background-size: cover; }
.sin.sailor { background: url(https://static.pirates.com.tw/images/signin-bg1.jpg) no-repeat; background-size: cover; }
.sin.getpw { background: url(https://static.pirates.com.tw/images/getpw-bg.jpg) no-repeat; background-size: cover; }
.sin.signup { background: url(https://static.pirates.com.tw/images/signup-bg.jpg) no-repeat; background-size: cover; }
.sin.finish { background: url(https://static.pirates.com.tw/images/signup-finish.jpg) no-repeat; background-size: cover; }
.sin.error-page { background: url(https://static.pirates.com.tw/images/error-page.jpg) no-repeat; background-size: cover; }
.sin.construction { background: url(https://static.pirates.com.tw/images/construction.jpg) no-repeat; background-size: cover; }

.sin-box { width: 39.46188%; height: auto; margin-bottom: 10px; padding-top: 1px; background-color: white; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 1px 3px #d9d9d9; -moz-box-shadow: 0px 1px 3px #d9d9d9; box-shadow: 0px 1px 3px #d9d9d9; margin-left: 6.72646%; margin-top: 25px; padding-bottom: 10px; background: rgba(255, 255, 255, 0.95); *zoom: 1; }
.sin-box:after { content: ""; display: table; clear: both; }

.sin-avatar { width: 128px; height: 128px; margin: -25px auto 10px auto; background: url(https://static.pirates.com.tw/images/signin-avatar.png) no-repeat; }
.sin-avatar.forgot { background-position: 0 -128px; }
.sin-avatar.sailor { background-position: 0 -256px; }
.sin-avatar.signup { background-position: 0 -384px; }

.sin-title { margin: 0 auto 10px auto; font-size: 24px; line-height: 24px; text-align: center; }

.sin-form-box { margin: 6px auto; width: 65.90909%; float: left; margin-right: 2.27273%; display: inline; margin-left: 17.04545%; }
.sin-form-box p { margin: 0; text-align: left; }

.sin-input { width: 80%; margin-left: 10px; padding: 5px; }
.sin-input.captcha { width: 35%; }

.sin-captcha { width: 100px; height: 22px; margin-left: 10px; display: inline-block; vertical-align: middle; }

.sin-getpw-link { padding-left: 24px; }

.sup-box { width: 59.64126%; height: auto; margin-bottom: 10px; padding-top: 1px; background-color: white; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 1px 3px #d9d9d9; -moz-box-shadow: 0px 1px 3px #d9d9d9; box-shadow: 0px 1px 3px #d9d9d9; margin-left: 20.17937%; margin-right: 20.17937%; margin-top: 25px; padding-bottom: 10px; background: rgba(255, 255, 255, 0.95); *zoom: 1; }
.sup-box:after { content: ""; display: table; clear: both; }
.sup-box .fom-row { margin: 5px 50px; }
.sup-box .fom-class { width: 32.33083%; float: left; margin-right: 1.50376%; display: inline; }
.sup-box .fom-data { width: 66.16541%; float: right; margin-right: 0; *margin-left: -10px; display: inline; }

.sin-finish { width: 400px; margin: 100px auto; text-align: center; }
.sin-finish p { margin-bottom: 12px; }

.error-msg { width: 600px; margin: 100px auto; text-align: center; }
.error-msg p { font-size: 20px; margin-bottom: 12px; }

.sup-message, .sup-rule-frame { width: 77.44361%; float: left; margin-right: 1.50376%; display: inline; margin-left: 11.2782%; margin-bottom: 20px; font-size: 14px; line-height: 24px; }

.sup-rule-frame {
	margin-top: 20px;
	color:#666;
	width:600px;
	height:220px;
	overflow-y: scroll;
	margin-left:40px !important;
	margin-bottom: 0px !important;
}

.sup-rule-frame h3 {
	font-size: 18px;
	margin-bottom: 10px;
	color: black;
}

.sup-rule-frame ul {
	list-style: disc url(https://static.pirates.com.tw/images/list-star.png);
}

.sup-rule-frame li {
	margin-bottom: 10px;
}

.l-main.partner { position: absolute; top: 50%; left: 50%; width: 100%; margin-top: -350px; margin-left: -565px; padding: 0; }

.construction-note { width: 700px; margin: 72px auto; padding: 24px; color: #BF0000; font-size: 16px; line-height: 24px; text-align: center; background-color: rgba(255, 255, 255, 0.75); -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }
.construction-note h1 { font-size: 24px; line-height: 48px; }

.mem { width: 86.54709%; float: left; margin-right: 0.89686%; display: inline; margin-left: 6.72646%; margin-right: 6.72646%; margin-bottom: 20px; }

.mem.single-data { width: 73.09417%; float: left; margin-right: 0.89686%; display: inline; margin-left: 13.45291%; margin-right: 13.45291%; }

.mem-post { margin: 25px auto; padding: 5px 15px; position: relative; border-left: 3px solid #dddddd; }

.mem-post-date { margin-bottom: 5px; padding-bottom: 5px; color: #e1d6be; border-bottom: 1px solid #dddddd; }

.mem-subtitle { margin-top: 70px; font-size: 24px; line-height: 48px; border-bottom: 1px solid #dddddd; }
.mem-subtitle.first { margin-top: 20px; }

.mem-smalltitle { margin-top: 35px; font-size: 18px; line-height: 30px; border-bottom: 1px solid #dddddd; }

.mem-list { margin: 20px; list-style-type: disc; font-size: 14px; line-height: 24px; }

.mem-list2 .coins-rule h3{
	 margin-top: 70px; font-size: 24px; line-height: 48px; border-bottom: 1px solid #dddddd;
}

.mem-list2 ul {
	list-style: disc url(https://static.pirates.com.tw/images/list-star.png);
}

.mem-list2 li {
	margin-left: 50px;
	font-size: 16px;
	color: #666;
}


.mem-coin-state, .mem-list-state { margin: 20px; list-style-type: disc; font-size: 16px; line-height: 30px; }

.mem-order-table { margin-bottom: 5px; font-size: 14px; text-align: center; }

.mem-order-table-detail { display: none; margin: 5px 0; font-size: 14px; text-align: center; }
.mem-order-table-detail.detail-on { display: table; }

.mem-faq-inst-ans { margin: 10px auto; padding: 10px; background: #f9f7f2; }

.mem-faq-inst-qtn { margin: 10px auto; padding: 10px; background: #fff4f4; }

.mem-trackitem { margin: 10px auto 20px auto; }
.mem-trackitem .pag { float: none; margin: 12px auto; text-align: center; }
.mem-trackitem .pag a { background: #f1ece1; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }

.l-itemdetail-wrap { *zoom: 1; }
.l-itemdetail-wrap:after { content: ""; display: table; clear: both; }

.dtl-titleblock { height: 64px; z-index: 1003; -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.25); box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.25); }

.dtl-titlebar { padding: 6px 12px; overflow: hidden; *zoom: 1; color: #a60101; border: 3px solid #fafaf7; background: white; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }
.dtl-titlebar a.cm_experience { color: #d90101; text-decoration: none; }

.dtl-titleblock.is_stuck .dtl-titlebar { -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -ms-border-radius: 0 0 5px 5px; -o-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; }

.dtl-title .dtl-sn { font-size: 12px; line-height: 24px; color: #747465; }

.dtl-item-smallpic { float: left; width: 48px; height: 48px; margin-right: 12px; }

.dtl-title-review { width: auto; margin-top: 10px; float: right; text-align: left; font-size: 16px; line-height: 24px; }

.dtl-review-count { float: right; margin-left: 12px; font-size: 40px; line-height: 48px; }
.dtl-review-count .small-word { display: inline-block; margin-top: 6px; font-size: 14px; line-height: 18px; vertical-align: top; }

.dtl-review-star { width: 16px; height: 16px; display: inline-block; background: url(https://static.pirates.com.tw/images/review-star.png) no-repeat; }
.dtl-review-star.nostar { opacity: .25; }

.dtl-review-star-big { width: 28px; height: 28px; display: inline-block; background: url(https://static.pirates.com.tw/images/review-star-big.png) no-repeat; }
.dtl-review-star-big.nostar { opacity: .25; }

.dtl-item-main { margin: 24px; *zoom: 1; }
.dtl-item-main:after { content: ""; display: table; clear: both; }

.dtl-item-photo { width: 66.36771%; float: left; }
.dtl-item-photo .dtl-main-photo { position: relative; width: 670px; height: 545px; }
.dtl-item-photo .dtl-event-banner { width: 670px; margin: auto; margin-bottom: 24px; }

.dtl-item-info { width: 32.73543%; float: right; }
.dtl-item-info .dtl-item-smallpic { width: 150px; margin: 6px auto; -webkit-box-shadow: 0px 0px 10px #e1d6be; -moz-box-shadow: 0px 0px 10px #e1d6be; box-shadow: 0px 0px 10px #e1d6be; }
.dtl-item-info .dtl-item-highlight { overflow: hidden; padding-bottom: 12px; -webkit-transition: height 0.5s; -moz-transition: height 0.5s; -o-transition: height 0.5s; transition: height 0.5s; }
.dtl-item-info .dtl-item-highlight .hlt-title { color: #663300; font-weight: bold; font-size: 18px; line-height: 36px; }
.dtl-item-info .dtl-item-highlight p { font-size: 14px; line-height: 24px; }
.dtl-item-info .dtl-more-info { display: block; margin: 6px auto; color: #400000; font-size: 14px; text-align: left; border-top: 1px solid #e1d6be; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; cursor: pointer;text-align: right; }
.dtl-item-info .dtl-more-info:before { content: "▶"; }

.dtl-item-price { margin-bottom: 12px; margin-left: -12px; margin-right: -30px; padding: 12px; color: white; background: #cc0101; -webkit-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; -ms-border-radius: 0 5px 5px 0; -o-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5); box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5); }

.dtl-price-box.origin { font-size: 14px; line-height: 24px; color: #ffa7a7; }
.dtl-price-box.origin .value { text-decoration: line-through; }
.dtl-price-box.price { position: relative; font-size: 14px; line-height: 36px; }
.dtl-price-box.price .label { vertical-align: top; }
.dtl-price-box.price .value { font-size: 26px; line-height: 36px; }
.dtl-price-box.price .event { position: absolute; top: 33px; right: 0; display: inline-block; padding: 0 6px 0 6px; vertical-align: text-bottom; font-size: 11px; line-height: 18px; background: #fe5b5b; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; cursor: pointer; }
.dtl-price-box.price .event:after { content: ""; display: inline-block; vertical-align: bottom; border: 5px solid transparent; border-top: 5px solid white; }
.dtl-price-box.price .event-content { display: none; position: absolute; z-index: 10; /*top: 19px;*/ top: 60px;left: -300px; right: -3px; padding: 3px 0; font-size: 14px; line-height: 18px; background: #fe4242; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25); box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25); }
.dtl-price-box.price .event-content p { padding: 3px 12px; }
.dtl-price-box.price .event-content p.note { font-size: 12px; line-height: 18px; color: #e1d6be; }
.dtl-price-box.price .event-content a { color: white; }
.dtl-price-box.price .event-content ul { margin-left: 32px; }
.dtl-price-box.price .event:hover .event-content { display: block; }
.dtl-price-box.order { font-size: 14px; line-height: 24px; }
.dtl-price-box .label { display: inline-block; width: 24%; }
.dtl-price-box .value { display: inline-block; padding-left: 12px; }

.dtl-buy-info .buy-info { *zoom: 1; font-size: 14px; line-height: 30px; }
.dtl-buy-info .buy-info:after { content: ""; display: table; clear: both; }
.dtl-buy-info .installment-group { width: 300px; height: 26px; overflow: hidden; margin-top: -28px; margin-left: 72px; *zoom: 1; }
.dtl-buy-info .installment-group:after { content: ""; display: table; clear: both; }
.dtl-buy-info .installment-group.open { height: auto; overflow: auto; }
.dtl-buy-info .installments { float: left; margin-bottom: 2px; color: #d90101; font-size: 12px; line-height: 24px; background: #fafaf7; -webkit-box-shadow: 1px 1px 1px #cccccc; -moz-box-shadow: 1px 1px 1px #cccccc; box-shadow: 1px 1px 1px #cccccc; }
.dtl-buy-info .installments .ism-box { padding: 0 6px; border-right: 1px solid #dddddd; }
.dtl-buy-info .installments .ism-box:last-child { border-right: none; }

.dtl-item-select { overflow: hidden; *zoom: 1; font-size: 18px; line-height: 24px; }
.dtl-item-select .selector { position: relative; margin: 12px 0; }
.dtl-item-select .selector select { position: absolute; }

.dtl-buy-button { margin-top: 12px; margin-bottom: 12px; text-align: center; }
.dtl-buy-button.for-content { width: 80%; margin: 48px auto; }
.dtl-buy-button .buy-button { display: inline-block; width: 200px; padding: 10px 0; margin-right: 5px; text-align: center; border: none; cursor: pointer; font-size: 18px; line-height: 24px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }
.dtl-buy-button .buy-button.buy { color: white; padding: 10px 0 10px 36px; background: #d90101 url(https://static.pirates.com.tw/images/rec-cart.png) 25% 7px no-repeat; }
.dtl-buy-button .buy-button.buy:hover { background-color: #f20101; }
.dtl-buy-button .buy-button.cart { color: white; background: #fff; background: url(https://static.pirates.com.tw/images/addtocartoff.png);width: 235px;height: 254px;}
.dtl-buy-button .buy-button.cart:hover { background: #fff;background: url(https://static.pirates.com.tw/images/addtocarton.png);width: 235px;height: 254px; }
.dtl-buy-button .buy-button.wishlist { margin-top:20px;color: white; background: #fff; background: url(https://static.pirates.com.tw/images/addtowishlistoff2.png);width: 150px;height: 35px;}
.dtl-buy-button .buy-button.wishlist:hover { background: #fff;background: url(https://static.pirates.com.tw/images/addtowishliston2.png);width: 150px;height: 35px; }
.dtl-buy-button .buy-button.noticeme { margin-top:20px;color: white; background: #fff; background: url(https://static.pirates.com.tw/images/noticemeoff2.png);width: 102px;height: 95px;}
.dtl-buy-button .buy-button.noticeme:hover { background: #fff;background: url(https://static.pirates.com.tw/images/noticemeon2.png);width: 102px;height: 95px; }

.dtl-buy-button .buy-button.track { color: #400000; background: #e1d6be; }
.dtl-buy-button .buy-button.track:hover { background: #e9e1cf; }

.l-itemdetail-wrap ul { margin-left: 22px; font-size: 14px; line-height: 24px; list-style: disc url(https://static.pirates.com.tw/images/list-star.png); }

.l-itemdetail-wrap ul.tabs-menu { margin-left: 0; }

.dtl-other { margin-top: 12px; font-size: 14px; line-height: 24px; }
.dtl-other .share-item { float: right; }
.dtl-other .share-item .share-btn { display: inline-block; width: 20px; height: 20px; margin: -4px 4px; text-indent: -119988px; overflow: hidden; text-align: left; }
.dtl-other .share-item .share-btn.fb { background: url(https://static.pirates.com.tw/images/share-fb.png) no-repeat; }
.dtl-other .share-item .share-btn.plurk { background: url(https://static.pirates.com.tw/images/share-plurk.png) no-repeat; }
.dtl-other .share-item .share-btn.twitter { background: url(https://static.pirates.com.tw/images/share-twitter.png) no-repeat; }

.tab.dtl-other-choice { margin-top: 24px; margin-bottom: 0; }

.dtl-set-total { float: left; width: 250px; height: 220px; margin: 37px 20px 23px; }
.dtl-set-total .set-total-amount { vertical-align: middle; margin-top: 26px; margin-right: 12px; font-size: 18px; line-height: 48px; border-bottom: 1px solid #dddddd; }
.dtl-set-total .set-total-amount select { margin-left: 12px; vertical-align: text-top; }
.dtl-set-total .set-total-price { vertical-align: middle; color: #d90101; margin-right: 12px; margin-bottom: 12px; font-size: 18px; line-height: 48px; border-bottom: 1px solid #dddddd; }
.dtl-set-total .dtl-price-box.origin { padding: 6px 0; color: #333333; border-bottom: 1px solid #dddddd; }
.dtl-set-total .dtl-price-box.price { padding: 6px 0 3px; color: #d90101; border-bottom: 1px solid #dddddd; }
.dtl-set-total .dtl-price-box.order { padding: 6px 0; margin-bottom: 12px; border-bottom: 1px solid #dddddd; }

#buy-present { margin: 0 auto; }

.more-credit { cursor: pointer; }

.dtl-other-item { padding: 0 12px; }

.dtl-content { position: relative; }

.affix { position: fixed; top: 0; width: 215px; background: #fafaf7; }

.affix-bottom { position: absolute; }

.dtl-content-nav { position: absolute; top: 0; right: 0; width: 19.28251%; float: right; margin-right: 0; *margin-left: -10px; display: inline; height: 100%; padding: 0; overflow: hidden; background: #fafaf7; }
.dtl-content-nav .nav-title { font-size: 18px; line-height: 60px; color: #d90101; text-align: center; background: #eae7e0; }
.dtl-content-nav ul { margin-left: 0; list-style: none; }
.dtl-content-nav li, .dtl-content-nav a { height: 34px; font-size: 16px; line-height: 36px; color: #747465; }
.dtl-content-nav a { padding-left: 72px; }
.dtl-content-nav .info-count { position: relative; top: -2px; display: inline-block; padding: 0 5px; min-width: 10px; height: 20px; text-align: center; font-size: 12px; line-height: 20px; color: white; background: #d90101; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; }
.dtl-content-nav .active .info-count { color: #d90101; background: white; }
.dtl-content-nav li:hover, .dtl-content-nav a:hover { color: #d90101; }
.dtl-content-nav li.active, .dtl-content-nav li.active a { position: relative; color: white; font-weight: bold; background: #d90101; }
.dtl-content-nav li.active:before { content: ""; position: absolute; left: -34px; border: 17px solid transparent; border-right: 17px solid #d90101; }

.dtl-content-main { width: 73.09417%; float: left; margin-right: 0.89686%; display: inline; padding-left: 2.9148%; }
.dtl-content-main p, .dtl-content-main ul { margin: 0 48px; }
.dtl-content-main p {
	font-size: 18px;
	line-height: 30px;
	color: #666;
	margin-bottom: 35px;
}
.dtl-content-main a { color: #0074b2; }
.dtl-content-main img { display: block; margin: 12px 0; height: auto !important; }
.dtl-content-main h1 { margin: 20px; font-size: 32px; line-height: 48px; }
.dtl-content-main h2 { margin: 20px; font-size: 28px; line-height: 48px; }
.dtl-content-main h3 { margin: 20px; padding-left: 36px; background: url(https://static.pirates.com.tw/images/icon-content-header.png) no-repeat 0 12px; font-size: 24px; line-height: 48px; }
.dtl-content-main h4 { margin: 20px; font-size: 18px; line-height: 24px; }


.dtl-content-part { margin-bottom: 24px; padding: 24px; }

.dtl-content-part ul {
	margin-left: 22px;
    font-size: 16px;
    line-height: 26px;
    list-style:
        disc url(https://static.pirates.com.tw/images/list-star.png);
    padding-left: 26px;
    margin-top: 20px;
}

.dtl-content-part li {
	font-size: 18px;
    line-height: 26px;
    margin-bottom: 10px;
    margin-left: 20px;
}


.dtl-content-part ol {
	margin-left: 22px;
    font-size: 16px;
    line-height: 26px;
    list-style:
        disc url(https://static.pirates.com.tw/images/list-star.png);
    padding-left: 26px;
    margin-top: 20px;
}





h3.dtl-subtitle { margin: 12px 0; padding-left: 72px; font-size: 24px; line-height: 48px; border-bottom: 2px solid #400000; background: url(https://static.pirates.com.tw/images/item-content-title.png) no-repeat; }

.dtl-item360 { width: 670px; margin: 24px auto; }
.dtl-item360 .item360-note { font-size: 11px; line-height: 24px; color: #747465; }

.dtl-moreitem { margin: 10px auto 20px auto; }

.dtl-noreview p { margin: 24px 0; padding: 12px; font-size: 24px; line-height: 36px; font-weight: normal; text-align: center; color: #e1d6be; border: 1px solid #e1d6be; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }

.dtl-review-total { width:45%;float: left; margin-top: 36px; margin-bottom: 36px; font-size: 32px; line-height: 48px; }
.dtl-review-total .small-word { font-size: 16px; line-height: 24px; }

.dtl-review-score { float: right; width:50%; color: #d90101; margin: 10px 0; border-left: 1px solid #dddddd; }
.dtl-review-score ul { margin-left: 0; list-style: none; }
.dtl-review-score .count { display: inline-block; width: 30px; text-align: right; }
.dtl-review-score .countbar { display: inline-block; width: 100px; height: 12px; background: #ffdada; }
.dtl-review-score .countbar .value { height: 12px; background: #d90101; }

.dtl-review-user { border-top: 1px dashed #dddddd; margin-top: 24px; overflow: hidden; *zoom: 1; }
.dtl-review-user:first-child { margin-top: 0; }
.dtl-review-user + .dtl-review-user.reply { margin-top: 0; }
.dtl-review-user .user-identity { float: left; text-align: center; }
.dtl-review-user .user-identity .user-name { display: block; }
.dtl-review-user .user-identity .user-review-count { color: #747465; font-size: 14px; line-height: 24px; }
.dtl-review-user .user-identity .user-avatar { position: relative; display: block; width: 120px; height: 120px; margin: 20px 20px 6px 20px; background: url(https://static.pirates.com.tw/images/avatar-empty.jpg) no-repeat; }
.dtl-review-user .user-identity .user-avatar .ispirates { position: absolute; width: 120px; height: 120px; top: 0; left: 0; background: url(https://static.pirates.com.tw/images/isPirates.png) no-repeat; }
.dtl-review-user .user-comment { position: relative; margin: 20px 0 20px 160px; padding: 12px; border: 1px solid #e1d6be; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }
.dtl-review-user .user-comment:before { content: ""; position: absolute; top: 12px; left: -20px; border: 10px solid transparent; border-right: 10px solid #e1d6be; }
.dtl-review-user .user-comment .comment-title {
	margin-top: 12px;
	font-size: 22px;
	line-height: 30px;
}

.dtl-review-user .user-comment .comment-content {
	margin-top: 12px;
	font-size: 16px;
	line-height: 30px;
	color: #666;
	margin-bottom: 20px;
}

.comment-content p{
	margin: 0 !important;
	margin-top: 12px;
	font-size: 16px;
	line-height: 30px;
	color: #666;
	margin-bottom: 28px !important;
}


.dtl-review-user .user-comment .comment-time { margin-top: 24px; font-size: 14px; line-height: 24px; color: #cacac2; }
.dtl-review-user .user-comment .comment-time .helpful { float: right; font-size: 12px; line-height: 24px; }
.dtl-review-user .user-comment .comment-time .helpful .plus { display: inline-block; padding: 2px 10px; color: white; background: #e1d6be; border: none; -webkit-border-radius: 12px 0 0 12px; -moz-border-radius: 12px 0 0 12px; -ms-border-radius: 12px 0 0 12px; -o-border-radius: 12px 0 0 12px; border-radius: 12px 0 0 12px; }
.dtl-review-user .user-comment .comment-time .helpful .plus:hover { background: #d90101; }
.dtl-review-user .user-comment .comment-time .helpful .minus { display: inline-block; padding: 2px 10px; color: white; background: #e1d6be; border: none; -webkit-border-radius: 0 12px 12px 0; -moz-border-radius: 0 12px 12px 0; -ms-border-radius: 0 12px 12px 0; -o-border-radius: 0 12px 12px 0; border-radius: 0 12px 12px 0; }
.dtl-review-user .user-comment .comment-time .helpful .minus:hover { background: #d90101; }

.dtl-other-item.related .small-itm-box { width: 130px; border: 1px solid #f1ece1; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
.dtl-other-item.related .small-itm-box:hover { border-color: #D90101; /*border-color: #e1d6be;*/ }
.dtl-other-item.related .small-itm-box .itm-box-image { width: 110px; }

.dtl-review-user.reply, .dtl-faq-group.reply, .del-faq-a.reply { margin-left: 135px; }

.dtl-review-user.reply { border-top: none; }

.faq-set-q, .faq-set-a { *zoom: 1; }
.faq-set-q:after, .faq-set-a:after { content: ""; display: table; clear: both; }

.faq-wrap { *zoom: 1; position: relative; margin: 20px 0 20px 160px; padding: 12px; border: 1px solid #e1d6be; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }
.faq-wrap:after { content: ""; display: table; clear: both; }
.faq-wrap:before { content: ""; position: absolute; top: 12px; left: -20px; border: 10px solid transparent; border-right: 10px solid #e1d6be; }

.faq-wrap-official { margin: 25px 60px; }

.faq-seller { float: left; margin: 0 20px; font-size: 30px; line-height: 48px; color: #e1d6be; }

.faq-content { min-height: 48px; padding-left: 60px; font-size: 14px !important; line-height: 24px; }

.faq-icon-q { float: left; width: 48px; height: 48px; background: url(https://static.pirates.com.tw/images/icon-faq.png) 0 0 no-repeat; }

.faq-icon-a { float: left; width: 48px; height: 48px; background: url(https://static.pirates.com.tw/images/icon-faq.png) 0 -48px no-repeat; }

.faq-time { text-align: right; margin-top: 24px; padding-left: 60px; font-size: 14px; line-height: 24px; color: #cacac2; }

.faq-waiting { color: #d90101; padding: 0 12px; background-color: #ffdada; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }

.set-item-group { *zoom: 1; }
.set-item-group:after { content: ""; display: table; clear: both; }
.set-item-group .set-subtitle { margin: 12px; font-size: 24px; line-height: 48px; border-bottom: 1px solid #dddddd; }

.set-item { width: 49.4382%; float: left; margin-right: 1.1236%; display: inline; }
.set-item:nth-child(2n) { width: 49.4382%; float: right; margin-right: 0; *margin-left: -10px; display: inline; }
.set-item .set-item-wrap { min-height: 200px; margin: 12px; padding: 12px; border: 1px solid #e1d6be; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; *zoom: 1; }
.set-item .set-item-wrap:after { content: ""; display: table; clear: both; }
.set-item .set-item-image { width: 200px; height: auto; float: left; }
.set-item .set-item-info { width: 280px; float: left; margin-left: 12px; }
.set-item .set-item-title { font-size: 16px; line-height: 24px; }
.set-item .set-item-price { color: #d90101; font-size: 24px; line-height: 48px; font-weight: bold; }
.set-item .set-item-option { font-size: 14px; line-height: 24px; }
.set-item .set-item-option select { vertical-align: top; }

.set-total { margin: 12px; padding: 12px; text-align: center; border-top: 1px solid #dddddd; }
.set-total .set-total-option { display: inline-block; margin-right: 12px; font-size: 18px; line-height: 24px; }
.set-total .set-total-option select { vertical-align: top; }
.set-total .set-total-price { display: inline-block; color: #d90101; font-size: 18px; line-height: 24px; }

.review { width: 86.54709%; float: left; margin-right: 0.89686%; display: inline; margin-left: 6.72646%; margin-right: 6.72646%; margin-top: 24px; margin-bottom: 20px; }

.review-box { margin-top: 24px; margin-bottom: 96px; }

.review-item { margin-bottom: 24px; *zoom: 1; }
.review-item:after { content: ""; display: table; clear: both; }
.review-item .review-item-pic { float: left; width: 150px; height: 150px; border: 3px solid #e1d6be; -webkit-box-shadow: 0px 0px 15px rgba(225, 214, 190, 0.5); -moz-box-shadow: 0px 0px 15px rgba(225, 214, 190, 0.5); box-shadow: 0px 0px 15px rgba(225, 214, 190, 0.5); }
.review-item .review-item-info { float: right; width: 720px; margin-top: 24px; }
.review-item .review-item-info .item-title { color: #d90101; font-size: 24px; line-height: 36px; }
.review-item .review-item-info .review-star { margin-top: 12px; }

.rvuser:after { content: ""; display: table; clear: both; }
.rvuser:before { content: ""; position: absolute; top: -30px; left: 60px; border: 15px solid transparent; border-bottom: 15px solid #dddddd; }

.s-imp { color: #d90101; }

.s-active { color: green; }

.s-new { color: blue; }

.s-largefont { font-size: 24px; }

.s-smallfont { font-size: 14px; }

.s-contentlink { color: #0074b2; }
.s-contentlink:hover { color: #0047b2; }
.s-contentlink:active { color: #0047b2; }


/* 吉米加入 */

.l-row { margin-bottom: 10px; *zoom: 1; }

#cm_experience { width: 100%; height: 70px; }

.text-content h3 {
    font-size: 26px;
    line-height: 30px;
    margin-bottom: 30px;
    margin-top: 30px;
    color:#6c392c;
}

.text-content h4 {
    font-size: 20px;
    line-height: 36px;
    margin-bottom: 30px;
}

.text-content .blockquote {
    margin-left: 50px;
    margin-bottom: 50px;
}

.text-content ul {
    margin-left: 22px;
    font-size: 16px;
    line-height: 26px;
    list-style:
        disc url(https://static.pirates.com.tw/images/list-star.png);
    padding-left: 26px;
    margin-top: 20px;

}

.text-content li {

    font-size: 16px;
    line-height: 26px;
    margin-bottom: 10px;

}


.text-content .chief {
    float: left;
    margin-left: 80px;
    margin-right: 50px;
}


.rule p {
	line-height: 28px;
	margin-bottom: 35px;
	font-size: 16px;
	color: #666;
}


.atmzone {
background-color: #fcfc7c;
font-size: 18px;
line-height: 24px;
padding: 10px;
width: 640px;
margin: 20px auto;
text-align: left;
}

.atmbank {
margin-bottom: 10px;
font-size: 27px;
margin-top: 10px;
}

.atmaccount {
color: black;
font-size: 48px;
line-height: 56px;
font-weight: bold;
text-align: center;
margin-top: 10px;
margin: 20px 0 20px 0;
}


.atmamount {
color: blue;
font-size: 18px;
line-height: 24px;
float: right;
}

.atmdateline {
color: red;
font-size: 18px;
line-height: 24px;
float: left;
}

.atminfo {
font-size: 12px;
color: gray;
line-height: 18px;
overflow: visible;
}


table.imagetable {
	font-size:11px;
	color:#333333;
	border-width: 1px;
	border-color: #999999;
	border-collapse: collapse;
	width: 820px;
	margin-left: auto;
	margin-right: auto;
}

table.imagetable th {
	background: #e4e4e4 url('https://static.pirates.com.tw/images/cell-th.jpg');
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #999999;
	text-align: center;
	vertical-align:middle;
}
table.imagetable td {
	background: #ffffff url('https://static.pirates.com.tw/images/cell-td.jpg') ;
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #999999;
	text-align: center;
	vertical-align:middle;
}

table.imagetable a {
	text-decoration: none;
	color: blue;

}

table.imagetable a:hover {
	text-decoration: underline;
	color: purple;
}

table.imagetable a:visited{
	text-decoration: none;
	color: blue;
}





table.tableinfo {
	font-size:11px;
	color:#333333;
	border-width: 1px;
	border-color: #999999;
	border-collapse: collapse;
	width: 520px;
	margin-left: auto;
	margin-right: auto;
}


table.tableinfo p{
	line-height: 14px;
	font-size: 12px;
	margin: 0;
}



table.tableinfo th {
	background: #e4e4e4 ;
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #999999;
	text-align: center;
	vertical-align:middle;
}
table.tableinfo td {
	background: #ffffff  ;
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #999999;
	vertical-align:middle;
}

table.tableinfo a {
	text-decoration: none;
	color: blue;

}

table.tableinfo a:hover {
	text-decoration: underline;
	color: purple;
}

table.tableinfo a:visited{
	text-decoration: none;
	color: blue;
}


/* Classic Skin */

table#vsTable {
    position: relative;
    z-index: 2;
    border: none;
    border-bottom: 2px solid #303030;
    border-collapse: collapse;
    margin: 0 auto;
    border-right: 1px solid #c7c7c7;
    width: 100%;
    font-size: 16px;
    color: black;
}


table#vsTable a {
    font-size: 16px;
}

table#vsTable a:hover {
    font-size: 16px;
    color: red;
}


table#vsTable td {
    padding: 10px 0;
    border-bottom: 1px solid #e7e7e7;
    vertical-align: middle;
    text-align: center;
    background: #f7f7f7;
    color: #707070;
}

table#vsTable tr td div {
    text-align: center;
}

table#vsTable tr td div.yes, table#vsTable tr td div.no, table#vsTable tr td div.partial {
    height: 16px;
}

table#vsTable tr td.cat div, table#vsTable tr td.title div {
    height: auto;
    color: black;
    margin-right: 20px;
    text-align: right;
}

table#vsTable td.cat div {
    text-align: left;
    padding: 0 10px;
}

table#vsTable td.title {
    background: #303030;
    font-size: 16px;
    color: #f7f7f7;
    vertical-align: middle;
    text-align: center;
}

table#vsTable .cat {
    text-align: left;
    background: #eee;
    border-left: 1px solid #c7c7c7;
}

table#vsTable td.title.cat {
    background: none !important;
    border: none;
    border-bottom: 1px solid #c7c7c7;
    cursor: default !important;
}

table#vsTable td.title.cat div {
    display: none;
}

table#vsTable tr td.cat:hover {
    background: #fff;
}

table#vsTable tr td.title:hover {
    background: #404040;
}

table#vsTable tr td:hover {
    background: #fff;
}

table#vsTable div.yes {
    background: url(https://static.pirates.com.tw/images/yes.png) no-repeat center center;
}

table#vsTable div.no {
    background: url(https://static.pirates.com.tw/images/no.png) no-repeat center center;
}

table#vsTable div.partial {
    background: url(https://static.pirates.com.tw/images/partial.png) no-repeat center center;
}

table#vsTable .title .editable input {
    color: #fff;
}

table#vsTable .titleImage {
    padding: 0;
    margin: 0;
    border: none;
    width: 90%;
    float: none;
    height: auto;
}


/*吉米增加*/

.specname {
	font-size: 18px;
	line-height: 30px;
	color: #000;
}

.specdata {
	font-size: 18px;
	line-height: 30px;
	color: #666;
	margin: 0 5px;
}

.specdatas {
	font-size: 18px;
	line-height: 30px;
	color: #666;
	margin: 0 5px;
}


.spec ul{
	font-size: 18px;
	line-height: 30px;
	color: #000;
}

.spec li{
	line-height: 30px;
	margin-bottom: 5px;
}


.serviceinfo h6 {
	font-size: 18px;
	color: darkcyan;
	margin: 20px 0;
}

.serviceinfo p {
	font-size: 14px;
	line-height: 20px;
	color: #666;
}

.dtl-content-main .warrtext {
	color: #d90101;
	line-height: 30px;
	font-size: 18px;
}

.dtl-content-main .warrtext li{
	color: #d90101;
	line-height: 30px;
	font-size: 18px;
}

.comment-content img{
    max-width: 550px !important;
    height: auto !important;
    width: auto !important;
}

.table-service {
	width: 100%;
	margin: 20px auto;
	border: 1px
	solid #dddddd;
	font-size: 13px;
	line-height: 18px;
}
.table-service a { color: #0074b2; }
.table-service a:hover { color: #0047b2; }
.table-service a:active { color: #0047b2; }
.table-service th { padding: 5px; color: #663300; text-align: center; }
.table-service tr { border-bottom: 1px solid #dddddd; }
.table-service tr:nth-child(odd) { background-color: white; }
.table-service tr:nth-child(even) { background-color: #f9f7f2; }
.table-service td { padding: 5px; }
.table-service .content {
	height:18px;
	overflow:hidden;
}



.bullet ul {
    margin-left: 22px;
    font-size: 16px;
    line-height: 26px;
    list-style:
        disc url(https://static.pirates.com.tw/images/list-star.png);
    padding-left: 26px;
    margin-top: 20px;

}

.bullet li {

    font-size: 16px;
    line-height: 26px;
    margin-bottom: 10px;

}


.badge {
	width: 720px;
	height: 453px;
	background-image: url(http://static2.pirates.com.tw/files/images/captain-badge-lv2.png);
	display: block;
	margin: 0 auto;
}

.badge .left {
	width: 200px;
	position: relative;
	position: relative;
	left: 38px;
	top: 137px;
}


.badge .avatar {
	position: relative;
	float: left;
	left: 20px;
	z-index: 9999;
}

.badge .username {
	text-align: center;
	font-size: 30px;
	position: relative;
	top: 10px;
}

.badge .aka {
	position: relative;
	text-align: center;
	top: 10px;
	color: gray;
	font-size: 10px;
}


.badge .account {
	position: relative;
	text-align: center;
	top: 3px;
}


.badge .identity {
	position: relative;
	text-align: center;
	top: 3px;
	font-size: 20px;
	color: gray;
	font-family: "Arial Black";
}


.badge .right {
	/*float: right;
	position: relative;
	top: -110px;
	left: -306px;*/
	position: relative;
top: -110px;
left: 253px;
}

.badge .level {
	position: relative;
	text-align: left;
	font-size: 30px;
}

.badge .date {
	position: relative;
	text-align: left;
	top: 35px;
	color:red;
}

.badge .cono {
	position: relative;
	text-align: left;
	top: 80px;
	font-size: 20px;
}

.badge .company {
	position: relative;
	text-align: left;
	top: 58px;
	left: 193px;
	font-size: 20px;
}

.badge .address {
	position: absolute;
	text-align: left;
	top: 196px;
	font-size: 18px;
}

.badge .password {
	position: absolute;
	text-align: left;
	top: 225px;
	left: 193px;
}


.badge2 {
	width: 720px;
	height: 453px;
	background-image: url(http://static2.pirates.com.tw/files/images/pirates-badge-lv2.png);
	display: block;
	margin: 0 auto;
}

.badge2 .left {
	width: 200px;
	position: relative;
	position: relative;
	left: 38px;
	top: 137px;
}


.badge2 .avatar {
	position: relative;
	float: left;
	left: 20px;
	z-index: 9999;
}

.badge2 .username {
	text-align: center;
	font-size: 30px;
	position: relative;
	top: 10px;
}

.badge2 .aka {
	position: relative;
	text-align: center;
	top: 10px;
	color: gray;
	font-size: 10px;
}


.badge2 .account {
	position: relative;
	text-align: center;
	top: 3px;
}


.badge2 .identity {
	position: relative;
	text-align: center;
	top: 3px;
	font-size: 20px;
	color: gray;
	font-family: "Arial Black";
}


.badge2 .right {
	/*float: right;
	position: relative;
	top: -110px;
	left: -306px;*/
	position: relative;
top: -110px;
left: 253px;
}

.badge2 .level {
	position: relative;
	text-align: left;
	font-size: 30px;
}

.badge2 .date {
	position: relative;
	text-align: left;
	top: 35px;
	color:red;
}

.badge2 .cono {
	position: relative;
	text-align: left;
	top: 80px;
	font-size: 20px;
}

.badge2 .company {
	position: relative;
	text-align: left;
	top: 58px;
	left: 193px;
	font-size: 20px;
}

.badge2 .address {
	position: absolute;
	text-align: left;
	top: 196px;
	font-size: 18px;
}

.badge2 .password {
	position: absolute;
	text-align: left;
	top: 225px;
	left: 193px;
}

.dtl-title { width: 710px; float: left; font-size: 16px; line-height: 24px; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; font-weight: bold; }

.front-button {

	display: inline-block;
	text-decoration: none;
	font-weight: bold;
	color: rgba(255,255,255,1);
	padding: 2px 4px;
	margin: 8px 3px;
	cursor: pointer;
	border-style: solid;
	border-width: 1px;
	border-radius: 4px;
	box-shadow: 0 1px 1px rgba(255,255,255,0.5) inset;
	background: #4297da;
	border-color: #3663a4;
	font-size: 18px;
}

.front-button a{

	display: inline-block;
	text-decoration: none;
	font-weight: bold;
	padding: 2px 4px;
	margin: 8px 3px;
	cursor: pointer;
	border-style: solid;
	border-width: 1px;
	border-radius: 4px;
	box-shadow: 0 1px 1px rgba(255,255,255,0.5) inset;
	background: red;
	border-color: #3663a4;
	font-size: 18px;
}

.front-button a:hover {
	color: white;
}



.noreturn {
	font-size: 12px;
color: #ccc;
}


/* 吉米增加 EOF*/

.nav-detail-title-lv2 {
	margin-bottom: 6px;
	font-size: 18px;
	line-height: 36px;
	color: #333333;
	margin-top: 10px;
	margin-left: 20px;
}
/* 第二層連結的處理 */
.nav-detail-title-lv2 a {
	margin-bottom: 6px;
	font-size: 18px;
	background: url(https://static.pirates.com.tw/images/icon-content-header.png) no-repeat 0 0px;
	height: 30px;
	padding-left: 36px;
	padding-top: 5px;
	border-right: 0px !important;
}

.user-avatar img {
	width: 120px;
	height: 120px;
}

.rvuser { overflow: visible; position: relative; *zoom: 1;  -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px;margin-left: 180px; }

.hed-banner {
	float: right;
	position: relative;
	top: 33px;
	z-index: 999;
	/* left: 100px; 若要把帽子放在瀏覽記錄上*/
	left: 10px;
}

.hed-search { 
	width: 306px; 
	float: right; 
	margin-right: 0; 
	*margin-left: -10px; 
	display: inline; 
	text-align: right; 
	white-space: nowrap; 
	vertical-align: middle; 
	position: relative;
	/*top:128px; 若上面沒有最新購買心得的banner*/
	top:50px;
	right: -2px;
}

.text_green {
	color:green;
}

.text_red {
	color:red;
}

.content-vp img{
	max-width: 640px;
	height:auto;
	margin: 0 auto;
	display: block;

}

.content-vp ul {
	list-style: disc url(https://static.pirates.com.tw/images/list-star.png);
}

.badge-vp {
	width: 720px;
	height: 453px;
	background-image: url(https://static.pirates.com.tw/files/images/vp-badge.png);
	display: block;
	margin: 0 auto;
}

.badge-vp .name {
  font-size: 30px;
  position: relative;
  top: 174px;
  line-height: 30px;
  width: 550px;
  left: 82px;
  height: 68px;
  text-align: center;
}

/*.badge-vp .sn {
  font-size: 40px;
  position: relative;
  top: 230px;
  font-family: arialblack;
  color: white;
  text-align: center;
}*/

.badge-vp .sn {
  font-size: 40px;
  position: relative;
  top: 210px;
  font-family: arialblack;
  color: white;
  text-align: center;
  width: 550px;
  height: 90px;
  left: 86px;
  line-height: 40px;
  word-wrap:break-word;
}

.invoice {
	width: 800px;
	height: 449px;
	background-image: url(https://static.pirates.com.tw/images/taxrecieve2014-ss.jpg);
	font-size: 11px;
}


.invoice .year {
	position: relative;
	top:88px;
	left: 366px;	
}

.invoice .month {
	position: relative;
	top:64px;
	left: 417px;
}

.invoice .day {
	position: relative;
	top:40px;
	left: 462px;
}

.invoice .no {
	position: relative;
	top:41px;
	left: 166px;
}

.invoice .buyer {
	position: relative;
	top:33px;
	left: 166px;
	width: 194px;
	overflow: hidden;
	display: block;
	height: 20px;
}

.invoice .taxno {
	position: relative;
	top: -3px;
	left: 425px;
}

.invoice .check {
	position: relative;
	top: -23px;
	left: 650px;
}

.invoice .ono {
	position: relative;
	top: -33px;
	left: 650px;
}

.invoice .item {
	float: left;
	width: 240px;
height: 310px;
}


.invoice .item1name {
	position: relative;
	top: -13px;
	left: 100px;
	width: 240px;
	overflow: hidden;
	display: block;
	height: 20px;
}

.invoice .item1qty {
	position: relative;
	top: -33px;
	left: 375px;
	width: 70px;
}

.invoice .item1price {
	position: relative;
	top: -56px;
	left: 415px;
	width: 75px;
	text-align: center;
}

.invoice .item1total {
	position: relative;
	top: -81px;
	left: 491px;
	width: 100px;
	text-align: center;
}




.invoice .item2name {
	position: relative;
	top: -83px;
	left: 100px;
	width: 240px;
	overflow: hidden;
	display: block;
	height: 20px;
}

.invoice .item2qty {
	position: relative;
	top: -103px;
	left: 375px;
	width: 70px;
}

.invoice .item2price {
	position: relative;
	top: -126px;
	left: 415px;
	width: 75px;
	text-align: center;
}

.invoice .item2total {
	position: relative;
	top: -151px;
	left: 491px;
	width: 100px;
	text-align: center;
}


.invoice .item3name {
	position: relative;
	top: -153px;
	left: 100px;
	width: 240px;
	overflow: hidden;
	display: block;
	height: 20px;
}

.invoice .item3qty {
	position: relative;
	top: -173px;
	left: 375px;
	width: 70px;
}

.invoice .item3price {
	position: relative;
	top: -196px;
	left: 415px;
	width: 75px;
	text-align: center;
}

.invoice .item3total {
	position: relative;
	top: -221px;
	left: 491px;
	width: 100px;
	text-align: center;
}



.invoice .item4name {
	position: relative;
	top: -223px;
	left: 100px;
	width: 240px;
	overflow: hidden;
	display: block;
	height: 20px;
}

.invoice .item4qty {
	position: relative;
	top: -243px;
	left: 375px;
	width: 70px;
}

.invoice .item4price {
	position: relative;
	top: -266px;
	left: 415px;
	width: 75px;
	text-align: center;
}

.invoice .item4total {
	position: relative;
	top: -291px;
	left: 491px;
	width: 100px;
	text-align: center;
}


.invoice .item5name {
	position: relative;
	top: -293px;
	left: 100px;
	width: 240px;
	overflow: hidden;
	display: block;
	height: 20px;
}

.invoice .item5qty {
	position: relative;
	top: -313px;
	left: 375px;
	width: 70px;
}

.invoice .item5price {
	position: relative;
	top: -336px;
	left: 415px;
	width: 75px;
	text-align: center;
}

.invoice .item5total {
	position: relative;
	top: -361px;
	left: 491px;
	width: 100px;
	text-align: center;
}



.invoice .item6name {
	position: relative;
	top: -363px;
	left: 100px;
	width: 240px;
	overflow: hidden;
	display: block;
	height: 20px;
}

.invoice .item6qty {
	position: relative;
	top: -383px;
	left: 375px;
	width: 70px;
}

.invoice .item6price {
	position: relative;
	top: -406px;
	left: 415px;
	width: 75px;
	text-align: center;
}

.invoice .item6total {
	position: relative;
	top: -431px;
	left: 491px;
	width: 100px;
	text-align: center;
}

.invoice .comment {
	width: 170px;
	height: 94px;
	position: relative;
	top: -13px;
	left: 354px;
	line-height: 14px;
	overflow: hidden;
}

.invoice .saletotal {
	width: 100px;
	height: 20px;
	position: relative;
	top: 27px;
	left: 251px;
	line-height: 14px;
	overflow: hidden;
	text-align: center;
}

.invoice .taxkind {
	width: 80px;
	height: 20px;
	position: relative;
	top: 39px;
	line-height: 14px;
	overflow: hidden;
	text-align: center;
}


.invoice .taxkind-yes{
	left: -17px;
	width: 80px;
	height: 20px;
	position: relative;
	top: 39px;
	line-height: 14px;
	overflow: hidden;
	text-align: center;
}

.invoice .taxkind-zero{
	left: 76px;
	width: 80px;
	height: 20px;
	position: relative;
	top: 39px;
	line-height: 14px;
	overflow: hidden;
	text-align: center;
}

.invoice .taxkind-none{
	left: 164px;
	width: 80px;
	height: 20px;
	position: relative;
	top: 39px;
	line-height: 14px;
	overflow: hidden;
	text-align: center;
}


.invoice .tax {
	position: relative;
	left: 251px;
	top: 6px;
	width: 100px;
	height: 20px;
	float: left;
	text-align: center;
}

.invoice .total {
	position: relative;
	left: 151px;
	top: 31px;
	width: 100px;
	height: 20px;
	float: left;
	text-align: center;
}

.invoice .bigno {
	font-size: 14px;
}


.invoice .bigno .ch1 {
	position: relative;
	top: 54px;
	left: -254px;
}

.invoice .bigno .ch2 {
	position: relative;
	top: 30px;
	left: -7px;
}

.invoice .bigno .ch3 {
	position: relative;
	top: 6px;
	left: 44px;
}

.invoice .bigno .ch4 {
	position: relative;
	top: -18px;
	left: 94px;
}

.invoice .bigno .ch5 {
	position: relative;
	top: -42px;
	left: 144px;
}

.invoice .bigno .ch6 {
	position: relative;
	top: -66px;
	left: 194px;
}

.invoice .bigno .ch7 {
	position: relative;
	top: -90px;
	left: 244px;
}

.invoice .bigno .ch8 {
	position: relative;
	top: -114px;
	left: 294px;
}










.invoice .itemtable {
	position: relative;
	top: -10px;
	margin-left: 98px;
	width: 490px;
	height: 150px;
	line-height: 14px;
}



.invoice .itemtable .itemname {
	height: 20px;
	width: 250px;
	display: block;
	overflow: hidden;
	text-align: left;
}

.invoice .itemtable .itemqty {
	height: 20px;
	width: 70px;
	text-align: center;
}

.invoice .itemtable .itemprice {
	height: 20px;
	width: 75px;
	text-align: center;
}

.invoice .itemtable .itemtotal {
	height: 20px;
	width: 100px;
	text-align: center;
}

.invoice .itemtable tr{
	height: 14px;
	line-height: 14px
}

.invoice .itemtable td {
	height: 14px;
	line-height: 14px
}

.returnmark {
	position: relative;
top: -2px;
display: inline-block;
padding: 0 5px;
min-width: 10px;
height: 20px;
text-align: center;
font-size: 12px;
line-height: 20px;
color: white;
background: #d90101;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
}

.returnmarkdone {
	position: relative;
top: -2px;
display: inline-block;
padding: 0 5px;
min-width: 10px;
height: 20px;
text-align: center;
font-size: 12px;
line-height: 20px;
color: white;
background: green;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
}

.l_menu_a {
	color: #525252 !important;
}


.l_menu_a a:hover {
	color: blue !important;
}


.addtocart {
	border: 0;
	color: #fff;
	background-color: white;
	cursor: pointer;
}

.addtocart a:hover{
	border: 0;
	color: #fff;
	background-color: white;
	cursor: pointer;
	width: 250px;
	height: 250px;
}

.starinfo {
  background: gray;
  padding-right: 7px;
  border-radius: 10px;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 7px;
  color: white;
}

.starinfo1 {
  background: #ddd;
  padding-right: 7px;
  border-radius: 10px;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 7px;
  color: white;
  margin-right: 5px;
}

.starinfo2 {
  background: #ccc;
  padding-right: 7px;
  border-radius: 10px;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 7px;
  color: white;
  margin-right: 5px;
}

.starinfo3 {
  background: #bbb;
  padding-right: 7px;
  border-radius: 10px;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 7px;
  color: white;
  margin-right: 5px;
}

.starinfo4 {
  background: #aaa;
  padding-right: 7px;
  border-radius: 10px;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 7px;
  color: white;
  margin-right: 5px;
}

.starinfo5 {
  background: #888;
  padding-right: 7px;
  border-radius: 10px;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 7px;
  color: white;
  margin-right: 5px;
}


/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80); }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #cccccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #cccccc; }
    .mfp-preloader a:hover {
      color: white; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none; }
button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: white;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover, .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: white;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #cccccc;
  font-size: 12px;
  line-height: 18px; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before, .mfp-arrow:after,
  .mfp-arrow .mfp-b,
  .mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after,
  .mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before,
  .mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after,
  .mfp-arrow-left .mfp-a {
    border-right: 17px solid white;
    margin-left: 31px; }
  .mfp-arrow-left:before,
  .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after,
  .mfp-arrow-right .mfp-a {
    border-left: 17px solid white;
    margin-left: 39px; }
  .mfp-arrow-right:before,
  .mfp-arrow-right .mfp-b {
    border-left: 27px solid #3f3f3f; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: black; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444444; }
  .mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure {
    /* The shadow behind the image */ }
    .mfp-img-mobile .mfp-figure:after {
      top: 0;
      bottom: 0; }
    .mfp-img-mobile .mfp-figure small {
      display: inline;
      margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }
@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }

  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }

  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }

  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }
.mfp-ie7 .mfp-img {
  padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
  padding: 0; }
.mfp-ie7 .mfp-content {
  padding-top: 44px; }
.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0; }/*


   Magic Slideshow v1.1.29
   Copyright 2012 Magic Toolbox
   Buy a license: www.magictoolbox.com/magicslideshow/
   License agreement: http://www.magictoolbox.com/license/


*/

div.MagicSlideshow {
    /*border: 1px solid #636363;  邊框拿掉*/
    background: transparent;
    display: none; /* hides all images until Magic Slideshow is ready */
    /* width: 670px !important; */
    /* height: 525px !important; */
}

/* Styles for images */
img.MagicSlideshowImage {
    border: 0px;

}

/* Styles for images container */
div.MagicSlideshowImagesContainer {
	width: 670px;
	height: 445px;
}

div.MagicSlideshowImagesContainer img{
	width: 670px;
	height: 445px;
	max-width: 670px;
	max-height: 445px;
}

#imagecaption.MagicSlideshow {
    width: auto;
    height: auto;
}

#home890x300.MagicSlideshow {
    width: 890px !important;
    height: 300px !important;
    margin-bottom: 10px;
    max-width: 890px !important;
    max-height: 300px !important;
}

#home890x300  img{
    width: 890px !important;
    height: 300px !important;
    max-width: 890px !important;
    max-height: 300px !important;
}




/* Styles for thumbnails */
img.MagicSlideshowThumbnail {
    border: 2px solid #FAFAF7;
    margin: 1px;
    margin-right: 5px !important; /* 縮圖距離*/
    margin-left: 5px !important; /* 縮圖距離*/
}
img.MagicSlideshowThumbnail.highlight {
    position: relative;
    border: 2px solid #E1D6BE;
}
/*img.MagicSlideshowThumbnail.highlight:after {
    display: block;
    position: absolute;
    top: -10px;
    left: 40px;
    content: "";
    border: 5px solid transparent;
    border-bottom: 5px solid #E1D6BE;
}*/

/* Styles for thumbnails container */
div.MagicSlideshowThumbnailsContainer {
    padding: 0 1px;
    text-align: center;
}
div.MagicSlideshowThumbnailsContainerStyle {
    background: #FFFFFF;
    top:500px;
}

/* Styles for descriptions */
.MagicSlideshowDescription {
    line-height: 24px;
/*    background: #333333;
    color: #FFFFFF;
    padding: 3px !important;
    padding-left: 20px !important;*/
    background: #fff;
    color: #333;
    padding: 3px !important;
    
    text-align: center;

}

/* Styles for links if using text descriptions */
.MagicSlideshowDescription a {
    color: #CFCFCF;
}
.MagicSlideshowDescription a:visited {
    color: #ACACAC;
}
.MagicSlideshowDescription a:hover {
    color: #FFFFFF;
}

/* Style for loading box */
div.MagicSlideshowLoadingBox {
    background: #FFFFFF url('/images/magicslideshow/loader.gif') no-repeat 50% 2px;
    padding: 4px 4px 4px 4px !important;
    margin: 0px !important;
    line-height: 15px;
    color: #363636;
    border: 1px solid #696969;
    text-align: left;
}

/* Styles for arrows */
a.MagicSlideshowArrow {
    width: 66px;
    height: 66px;
    cursor: 'pointer';
    background: url('/images/magicslideshow/arrows06.png');
    padding: 0px !important;
    margin: 0px !important;
}
a.MagicSlideshowArrowTop {
    background-position: 66px 0;
}
a.MagicSlideshowArrowRight {
    background-position: 0 0;
}
a.MagicSlideshowArrowBottom {
    background-position: 66px 66px;
}
a.MagicSlideshowArrowLeft {
    background-position: 0 66px;
}/*


   Magic 360 JS v3.0.4 
   Copyright 2012 Magic Toolbox
   Buy a license: www.magictoolbox.com/magic360/
   License agreement: http://www.magictoolbox.com/license/


*/

.Magic360 {
    padding: 0 !important;
    outline: 0 !important;
    display: inline-block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.Magic360.desktop.zoom-in {
    cursor: url(https://static.pirates.com.tw/images/zoomin.cur), pointer;
}

.Magic360 img {
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

.Magic360 .progress {
    color:#000;
    background: rgba(255,255,255,0.4);
    width: 200px;
    border:1px solid #000; 
    border:1px solid rgba(0,0,0,0.5); 
    -webkit-border-radius: 6px; 
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    line-height:10pt;
    font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size:10pt;
    font-weight:bold;
    text-decoration:none;
    text-align: left;
}

.magic-for-ie5 .progress, .magic-for-ie6 .progress, .magic-for-ie7 .progress, .magic-for-ie8 .progress {
    background: transparent !important;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#5cffffff', EndColorStr='#5cffffff');
}

.Magic360 .progress > div { 
    padding:10px;
}

.Magic360 .progress > div > div { 
    overflow:hidden;
    padding:0;
    margin:8px 0 0 0;
    -webkit-border-radius: 6px; 
    -moz-border-radius: 6px;
    border-radius: 6px;
    
}
.Magic360 .progress .bar { 
    overflow: hidden;
    padding:0;
    background:#fff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#c5c5c5), to(#ffffff));
    background-image: -moz-linear-gradient(top,  #c5c5c5,  #ffffff);
    background-image: -o-linear-gradient(90deg,#c5c5c5 0%, #ffffff 100%);
    background-image: -ms-linear-gradient(90deg,#c5c5c5 0%, #ffffff 100%);
    background-image: linear-gradient(90deg,#c5c5c5 0%, #ffffff 100%);
    border:1px solid #ffffff; 
    border:1px solid rgba(255,255,255,0.6); 
    -webkit-border-radius: 6px; 
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.magic-for-ie5 .progress .bar, .magic-for-ie6 .progress .bar, .magic-for-ie7 .progress .bar
, .magic-for-ie8 .progress .bar, .magic-for-ie9 .progress .bar {
    background: transparent !important;
     filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#c5c5c5', endColorstr='#ffffff');
}
 
.Magic360 .progress .bar .state, .Magic360-progress-bar-state {
    height:16px;
    padding:0;
    background:#fff url('https://static.pirates.com.tw/images/progress.gif') top left repeat-x;
    border-right:1px solid rgba(255,255,255,0.8); 
}


.Magic360 .magnifier {
    -webkit-box-shadow: 0 0 10px #ccc;
    -moz-box-shadow: 0 0 10px #ccc;
    box-shadow: 0 0 10px #ccc;
    border-collapse: separate;
}
.Magic360.magic-for-ie6 .magnifier, .Magic360.magic-for-ie7 .magnifier, .Magic360.magic-for-ie8 .magnifier {
    border:  3px ridge #e7e7e7;
}
.Magic360.desktop .magnifier.inner {
    cursor: url(https://static.pirates.com.tw/images/zoomout.cur), pointer;
    margin-left: 0px !important; /* 吉米加上去，因為在金銀島會偏離左邊190px*/
}
.Magic360 .magnifier.circle, .Magic360 .magnifier.square{
    cursor: none;
}

.Magic360-button {
    background-color: transparent;
    background-repeat: no-repeat;
    border: 0;
    cursor: pointer;
    font-size: 0px;
    height: 60px;
    line-height: 0px;
    padding: 0;
    position: absolute;
    width: 60px;
}

.desktop .Magic360-button {
    height: 40px;
    width: 40px;
    opacity: 0.7;
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    -ms-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}
.desktop .Magic360-button:hover {
    opacity: 1.0 !important;
}

.Magic360.magic-for-ie6 .Magic360-button, .Magic360.magic-for-ie7 .Magic360-button, .Magic360.magic-for-ie8 .Magic360-button {
    filter: alpha(opacity=70);
}
.Magic360.magic-for-ie6 .Magic360-button:hover, .Magic360.magic-for-ie7 .Magic360-button:hover, .Magic360.magic-for-ie8 .Magic360-button:hover {
    filter: alpha(opacity=100) !important;
}

.Magic360-button.fullscreen {
    background-image: url(https://static.pirates.com.tw/images/buttons01.png);
    background-position: 0px 0px;
    top: 15px;
    right: 15px;
    z-index: 10;
}
.Magic360-fullscreen .Magic360-button.fullscreen {
    display: none;
}

.Magic360-button.fullscreen-exit {
    background-image: url(https://static.pirates.com.tw/images/buttons01.png);
    background-position: -60px 0px;
    right: 15px;
    top: 15px;
    z-index: 20;
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    .Magic360-button {
        height: 40px;
        width: 40px;
    }

    .Magic360-button.fullscreen {
        background-position: -120px 0px;
    }

    .Magic360-button.fullscreen-exit {
        background-position: -160px 0px;
    }
}

.Magic360.desktop .Magic360-button.fullscreen {
    background-position: -120px 0px;
}
.Magic360-fullscreen.desktop .Magic360-button.fullscreen-exit {
    background-position: -160px 0px;
}

.Magic360-fullscreen {
    background: #fff;
}
.Magic360-fullscreen:-webkit-full-screen {
    width: 100% !important;
    height: 100% !important;
    top: 0 !important;
    left: 0 !important;
}

.Magic360-fullscreen:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.Magic360-fullscreen .Magic360 {
    vertical-align: middle;
}

.Magic360-fullscreen .Magic360.desktop.zoom-in {
    cursor: pointer;
}

.Magic360-wait {
    background-image: url(https://static.pirates.com.tw/images/loader.gif);
    background-color: #fff;
    background-position: center;
    background-repeat: no-repeat;
    cursor: default;
    position: absolute;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    opacity: 0.6;
}
.magic-for-ie5 .Magic360-wait, .magic-for-ie6 .Magic360-wait, .magic-for-ie7 .Magic360-wait
, .magic-for-ie8 .Magic360-wait, .magic-for-ie9 .Magic360-wait {
    filter: alpha(opacity=60);
}

.Magic360-message {
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #AAAAAA;
    display: block;
    font-size: 10px;
    color: #000;
    overflow: hidden;
    padding: 6px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 33%;
    left: 33%;
    z-index: 100;

    -webkit-box-shadow: 0 0 10px #000;
    -moz-box-shadow: 0 0 10px #000;
    box-shadow: 0 0 10px #000;
    border-collapse: separate;

    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

.Magic360-fullscreen .Magic360-message {
    font-size: 18px;
    background-color: #000;
    border-color: #ccc;
    color: #fff;
    top: 15px;
}

.Magic360 .Magic360-hint {
    color: #333;
    opacity:0.6;
    font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 13pt;
    line-height: 13pt;

    display: inline-block;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    padding: 12px 0px;

    position: absolute;
    top: 50%;
    left: 50%;
    width: 174px;
    max-width: 90%;

    background-color: transparent;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#c5c5c5), to(#ffffff));
    background-image: -moz-linear-gradient(bottom,  #c5c5c5,  #ffffff);
    background-image: -o-linear-gradient(90deg,#c5c5c5 0%, #ffffff 100%);
    background-image: -ms-linear-gradient(90deg,#c5c5c5 0%, #ffffff 100%);
    background-image: linear-gradient(90deg,#c5c5c5 0%, #ffffff 100%);

    border:1px solid #000;
    border:1px solid rgba(0,0,0,0.4);

    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;

    -moz-box-shadow: 0px 0px 4px #222;
    -webkit-box-shadow: 0px 0px 4px #222;
    box-shadow: 0px 0px 4px #222;
}

.magic-for-ie5 .Magic360-hint, .magic-for-ie6 .Magic360-hint, .magic-for-ie7 .Magic360-hint
, .magic-for-ie8 .Magic360-hint, .magic-for-ie9 .Magic360-hint {
    background: #ffffff !important;
    filter: alpha(opacity=60);
    box-shadow: inset 0 -18px 10px rgba(0,0,0,0.12), 0 1px 0 rgba(255,255,255, 0.3), inset 0 1px 0 rgba(255,255,255, 0.3);
}

.Magic360 .Magic360-hint .hint-side, .Magic360-hint-side {
    background-image: url(https://static.pirates.com.tw/images/hint-01.png);
    background-color: transparent;
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    top: 0;
    height: 100%;
    width: 60px;
    padding: 0;
    max-width: 60px;
}

.Magic360 .Magic360-hint .hint-side.left {
    background-position: 0 50%;
    left: 5px;
}

.Magic360 .Magic360-hint .hint-side.right {
    background-position: -60px 50%;
    right: 5px;
}

.Magic360 .Magic360-hint .hint-text {
    width: 40%;
}

.magic-temporary-img img {
    max-height: none !important;
    max-width: none !important;
}/*! jQuery UI - v1.10.3 - 2013-05-03
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Helvetica%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=6px&bgColorHeader=cb842e&bgTextureHeader=glass&bgImgOpacityHeader=25&borderColorHeader=d49768&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=f4f0ec&bgTextureContent=inset_soft&bgImgOpacityContent=100&borderColorContent=e0cfc2&fcContent=1e1b1d&iconColorContent=c47a23&bgColorDefault=ede4d4&bgTextureDefault=glass&bgImgOpacityDefault=70&borderColorDefault=cdc3b7&fcDefault=3f3731&iconColorDefault=f08000&bgColorHover=f5f0e5&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=f5ad66&fcHover=a46313&iconColorHover=f08000&bgColorActive=f4f0ec&bgTextureActive=highlight_hard&bgImgOpacityActive=100&borderColorActive=e0cfc2&fcActive=b85700&iconColorActive=f35f07&bgColorHighlight=f5f5b5&bgTextureHighlight=highlight_hard&bgImgOpacityHighlight=75&borderColorHighlight=d9bb73&fcHighlight=060200&iconColorHighlight=cb672b&bgColorError=fee4bd&bgTextureError=highlight_hard&bgImgOpacityError=65&borderColorError=f8893f&fcError=592003&iconColorError=ff7519&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=75&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=75&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright 2013 jQuery Foundation and other contributors Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-clearfix {
	min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0);
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin-top: 2px;
	padding: .5em .5em .5em .7em;
	min-height: 0; /* support: IE7 */
}
.ui-accordion .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-noicons {
	padding-left: .7em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	position: absolute;
	left: .5em;
	top: 50%;
	margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
.ui-button {
	display: inline-block;
	position: relative;
	padding: 0;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	overflow: visible; /* removes extra width in IE */
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2.2em;
}
/* button elements seem to need a little more width */
button.ui-button-icon-only {
	width: 2.4em;
}
.ui-button-icons-only {
	width: 3.4em;
}
button.ui-button-icons-only {
	width: 3.7em;
}

/* button text element */
.ui-button .ui-button-text {
	display: block;
	line-height: normal;
}
.ui-button-text-only .ui-button-text {
	padding: .4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
	padding: .4em;
	text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 1em .4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 2.1em .4em 1em;
}
.ui-button-text-icons .ui-button-text {
	padding-left: 2.1em;
	padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
	padding: .4em 1em;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
	position: absolute;
	top: 50%;
	margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
	left: 50%;
	margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
	left: .5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
	right: .5em;
}

/* button sets */
.ui-buttonset {
	margin-right: 7px;
}
.ui-buttonset .ui-button {
	margin-left: 0;
	margin-right: -.3em;
}

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month-year {
	width: 100%;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 49%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}
.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 21px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-se {
	width: 12px;
	height: 12px;
	right: -5px;
	bottom: -5px;
	background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.ui-menu {
	list-style: none;
	padding: 2px;
	margin: 0;
	display: block;
	outline: none;
}
.ui-menu .ui-menu {
	margin-top: -3px;
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	padding: 0;
	width: 100%;
	/* support: IE10, see #8844 */
	list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}
.ui-menu .ui-menu-divider {
	margin: 5px -2px 5px -2px;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-menu-item a {
	text-decoration: none;
	display: block;
	padding: 2px .4em;
	line-height: 1.5;
	min-height: 0; /* support: IE7 */
	font-weight: normal;
}
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	margin: -1px;
}

.ui-menu .ui-state-disabled {
	font-weight: normal;
	margin: .4em 0 .2em;
	line-height: 1.5;
}
.ui-menu .ui-state-disabled a {
	cursor: default;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item a {
	position: relative;
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: .2em;
	left: .2em;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	position: static;
	float: right;
}
.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	background: url("/js/jquery/themes/humanity/images/animated-overlay.gif");
	height: 100%;
	filter: alpha(opacity=25);
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* For IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 22px;
}
.ui-spinner-button {
	width: 16px;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to overide default borders */
.ui-spinner a.ui-spinner-button {
	border-top: none;
	border-bottom: none;
	border-right: none;
}
/* vertical centre icon */
.ui-spinner .ui-icon {
	position: absolute;
	margin-top: -8px;
	top: 50%;
	left: 0;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}

/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
	/* need to fix icons sprite */
	background-position: -65px -16px;
}
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav li a {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
	cursor: text;
}
.ui-tabs .ui-tabs-nav li a, /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
}
body .ui-tooltip {
	border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Helvetica,Arial,sans-serif;
	font-size: 1.1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Helvetica,Arial,sans-serif;
	font-size: 1em;
}
.ui-widget-content {
	border: 1px solid #e0cfc2;
	background: #f4f0ec url(/js/jquery/themes/humanity/images/ui-bg_inset-soft_100_f4f0ec_1x100.png) 50% bottom repeat-x;
	color: #1e1b1d;
}
.ui-widget-content a {
	color: #1e1b1d;
}
.ui-widget-header {
	border: 1px solid #d49768;
	background: #cb842e url(/js/jquery/themes/humanity/images/ui-bg_glass_25_cb842e_1x400.png) 50% 50% repeat-x;
	color: #ffffff;
	font-weight: bold;
}
.ui-widget-header a {
	color: #ffffff;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 1px solid #cdc3b7;
	background: #ede4d4 url(/js/jquery/themes/humanity/images/ui-bg_glass_70_ede4d4_1x400.png) 50% 50% repeat-x;
	font-weight: normal;
	color: #3f3731;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #3f3731;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: 1px solid #f5ad66;
	background: #f5f0e5 url(/js/jquery/themes/humanity/images/ui-bg_glass_100_f5f0e5_1x400.png) 50% 50% repeat-x;
	font-weight: normal;
	color: #a46313;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
	color: #a46313;
	text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: 1px solid #e0cfc2;
	background: #f4f0ec url(/js/jquery/themes/humanity/images/ui-bg_highlight-hard_100_f4f0ec_1x100.png) 50% 50% repeat-x;
	font-weight: normal;
	color: #b85700;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #b85700;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #d9bb73;
	background: #f5f5b5 url(/js/jquery/themes/humanity/images/ui-bg_highlight-hard_75_f5f5b5_1x100.png) 50% top repeat-x;
	color: #060200;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #060200;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #f8893f;
	background: #fee4bd url(/js/jquery/themes/humanity/images/ui-bg_highlight-hard_65_fee4bd_1x100.png) 50% top repeat-x;
	color: #592003;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #592003;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #592003;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70);
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35);
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* For IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and /js/jquery/themes/humanity/images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url(/js/jquery/themes/humanity/images/ui-icons_c47a23_256x240.png);
}
.ui-widget-header .ui-icon {
	background-image: url(/js/jquery/themes/humanity/images/ui-icons_ffffff_256x240.png);
}
.ui-state-default .ui-icon {
	background-image: url(/js/jquery/themes/humanity/images/ui-icons_f08000_256x240.png);
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
	background-image: url(/js/jquery/themes/humanity/images/ui-icons_f08000_256x240.png);
}
.ui-state-active .ui-icon {
	background-image: url(/js/jquery/themes/humanity/images/ui-icons_f35f07_256x240.png);
}
.ui-state-highlight .ui-icon {
	background-image: url(/js/jquery/themes/humanity/images/ui-icons_cb672b_256x240.png);
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url(/js/jquery/themes/humanity/images/ui-icons_ff7519_256x240.png);
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 6px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 6px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 6px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 6px;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa url(/js/jquery/themes/humanity/images/ui-bg_flat_75_aaaaaa_40x100.png) 50% 50% repeat-x;
	opacity: .3;
	filter: Alpha(Opacity=30);
}
.ui-widget-shadow {
	margin: -8px 0 0 -8px;
	padding: 8px;
	background: #aaaaaa url(/js/jquery/themes/humanity/images/ui-bg_flat_75_aaaaaa_40x100.png) 50% 50% repeat-x;
	opacity: .3;
	filter: Alpha(Opacity=30);
	border-radius: 8px;
}
.jquery-msgbox
{
  background:url(/js/jquery/external/msgbox/images/background.png) repeat-x left bottom;
  padding-bottom:55px;
  font-style:normal; 
}

.jquery-msgbox-wrapper
{
  padding:20px 20px 20px 100px;
}

.jquery-msgbox-buttons
{
  padding:15px;
  text-align:right;
  position:absolute;
  bottom:0;
  right:0;
}

.jquery-msgbox-buttons button,
.jquery-msgbox-buttons input
{
  margin-left:10px;
  min-width:85px;
  padding:0 14px 2px;
  height:24px;
  cursor:pointer;
}

.jquery-msgbox-inputs
{
  margin-top:4px;
}

.jquery-msgbox-inputs input
{
  display:block;
  padding:3px 2px;
  border:1px solid #dddddd;
  margin:3px 0 6px 0;
  width:95%;
}

.jquery-msgbox-inputs select
{
  display:block;
  padding:3px 2px;
  border:1px solid #dddddd;
  margin:3px 0 6px 0;
  width:90%;
}

.jquery-msgbox-label
{
  font-weight:bold;
  font-size:11px;
}

.jquery-msgbox-alert
{
  background: url(/js/jquery/external/msgbox/images/alert.png) no-repeat 20px 20px;
}

.jquery-msgbox-info
{
  background: url(/js/jquery/external/msgbox/images/info.png) no-repeat 20px 20px;
}

.jquery-msgbox-error
{
  background: url(/js/jquery/external/msgbox/images/error.png) no-repeat 20px 20px;
}

.jquery-msgbox-prompt
{
  background: url(/js/jquery/external/msgbox/images/question.png) no-repeat 20px 20px;
}

.jquery-msgbox-confirm
{
  background: url(/js/jquery/external/msgbox/images/confirm.png) no-repeat 20px 20px;
}