﻿
/*item detail*/
#dt03_04line, #dt03_05_1 > div, #dt03_09M1, #dtNumMain > #dtNum02, #dt01_2_2, #dtDetailT1, .lf8Line {
    border: 1px solid #999999;
}

#idMain {
    margin: 80px 0 0 0;
    color: #666666;
}

#dvNav {
    margin-left: 250px;
    height: 50px;
}

#dt01 {
    width: 250px;
}

#dt01_1 {
    margin-bottom: 132px;
}

#dt01_1PointView, #dt01_1Photos {
    width: 208px;
}

#dt01_1Photos {
    width: 250px;
    height: 324px;
    margin-left: -8px;
}

#dtPhotos {
    width: 225px;
    min-height: 100px;
    height: auto;
}

#scrollM {
    position: relative;
    top: -321px;
    right: -230px;
}

#scroollBtn01, #scroollBtn02 {
    width: 20px;
    height: 20px;
    cursor: pointer;
    background: transparent url(images/c1.gif) no-repeat 4px 6px;
}

#scroollBtn02 {
    position: relative;
    top: 289px;
    background: transparent url(images/c2.gif) no-repeat 4px 6px;
}

/* Tiny Scrollbar */

#dt01_1Photos .viewport {
    width: 250px;
    height: 324px;
    overflow: hidden;
    position: relative;
}

#dt01_1Photos .overview {
    list-style: none;
    position: absolute;
    left: 0;
    top: 0;
    padding: 0;
    margin: 0;
}

#dt01_1Photos .scrollbar {
    background: transparent url(images/bg-scrollbar-track-y.png) no-repeat 0 0;
    position: relative;
    background-position: 0 0;
    float: right;
    width: 15px;
}

#dt01_1Photos .track {
    background: transparent url(images/bg-scrollbar-trackend-y.png) no-repeat 0 100%;
    height: 100%;
    width: 13px;
    position: relative;
    padding: 0 1px;
}

#dt01_1Photos .thumb {
    background: transparent url(images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%;
    height: 20px;
    width: 25px;
    cursor: pointer;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: -5px;
}

    #dt01_1Photos .thumb .end {
        background: transparent url(images/bg-scrollbar-thumb-y.png) no-repeat 50% 0;
        overflow: hidden;
        height: 5px;
        width: 25px;
    }

#dt01_1Photos .disable {
    display: none;
}

.noSelect {
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
}


#dt01_1PointView {
    background-color: #eee;
    padding: 2px 0 2px 10px;
    color: #000;
    font-size: 10px;
}

#dtPhotos > div, #dtPhotos img {
    height: 100px;
    width: 67px;
}

#dtPhotos > div {
    padding: 8px 0 0 8px;
    cursor: pointer;
}

#dt01_2_2 {
    margin: 0px 0 15px -8px;
    padding: 0 0 5px 8px;
    width: 242px;
    border-width: 0px 0px 1px 0px;
    position: relative;
}

    #dt01_2_2 img {
        position: relative;
        top: 3px;
        bottom: 0;
        left: 0;
        right: 0;
    }

#dtRecB1 {
    margin: 0 10px 0 23px;
}

#dtRecItems {
    overflow: hidden;
    height: 100px;
    width: 242px;
    position: relative;
}

#recI1 {
    position: relative;
    min-width: 100px;
    max-width: 10000px;
    width: 20000px;
}

    #recI1 > div, #recI1 img {
        width: 70px;
        height: 70px;
        padding-right: 9px;
    }

/*02*/
#imgMain {
    width: 400px;
    height: 600px;
}

#dt02 {
    width: 400px;
}

#dt03_02Name {
    color: #000000;
    letter-spacing: 1px;
    font-size: 1.1em;
}

#dt03 {
    width: 320px;
}

    #dt03 .itemOrigPrice {
        color: #7E7E7E;
        margin-bottom: 0px !important;
    }


    #dt03_01, #dt03 .itemOrigPrice {
        font-family: 微軟正黑體;
    }

#dt03_03 {
    font-size: 1.1em;
}

#dt03 > div {
    margin: 0 0 8px 20px;
}

#dt03_01 {
    font-size: 1.7em;
}

#dt03_04 {
    color: #CCCCCC;
    font-size: 1.1em;
}

#dt03_04line, .lf8Line {
    border-width: 0px 0px 1px 0px;
    margin: 13px 0 18px 8px !important;
}

#dtDetailT1 {
    border-width: 0px 0px 0px 0px;
    padding: 0px 0 10px 0px !important;
}

#dtDetail3 {
    margin-top: 10px;
}

    #dtDetail3 > div {
        letter-spacing: 1px;
        margin-bottom: 4px;
    }

#dt03 > #dt03_05icons, #dt03 > #dt03_07CS {
    margin-bottom: 20px;
}

#dt03_05_1 > div {
    width: 35px;
    height: 35px;
    margin-right: 15px;
    margin-bottom: 15px;
    cursor: pointer;
}

    #dt03_05_1 > div > img {
        width: 35px;
        height: 35px;
    }

    #dt03_05_1 > div:hover, .iconClick {
        border-color: #333333 !important;
    }

#dt03_05_2 {
    margin-bottom: 3px;
    padding: 5px 0px 5px 0px;
}

#dt03 > #dt03_06Urls {
    margin-bottom: 0px;
    color: #000000;
}

    #dt03 > #dt03_06Urls > div {
        margin: 12px 12px 12px 0;
        cursor: pointer;
    }

#dtCSMain {
    margin-bottom: 15px;
}

#dtCSMain, #dtNumMain {
    padding: 3px 0 3px 0px;
    min-width: 110px;
}

#dtCS01, #dtNum01 {
    width: 48px;
}

#dtNum02 {
}

#dtNum03 {
    padding: 4px 0 0 8px;
}

#dtNumMain {
    margin: 8px 0;
}

#dtCS02 > div {
    padding: 4px 4px;
}

#dtCS01, #dtNum01 {
    color: #333333;
    padding-right: 8px;
    margin-bottom: 8px;
}

#dtCS02 > div /*sizes*/ {
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    font-size: 14px;
    margin: 0px 12px 2px 0px;
    border: 1px solid black;
    cursor: pointer;
}

    #dtCS02 > div:hover, .currSize {
        color: #FFFFFF;
        background-color: #000000;
    }

.sizeNothing {
    color: #CCCCCC;
}

    .sizeNothing:hover {
        color: #CCCCCC !important;
        background-color: #FFF !important;
    }

#dt03_08Btns {
    margin-top: 13px !important;
}

.btnCart {
    width: 156px;
    height: 40px;
    background-image: url(//www.life8-photo.com/icon/2016/button-4.jpg);
}

.btnCartReady {
    background-image: url(//www.life8-photo.com/icon/2016/button-1.jpg);
    cursor: pointer;
}

.btnCartPreOrder {
    background-image: url(//www.life8-photo.com/icon/2016/button-5.jpg);
    cursor: pointer;
}

#btnEmpty {
    width: 50px;
}

#btnNotify {
    width: 75px;
}

.btnCart:active {
    background-color: #666666;
}

#dt03_08Btns > .CartMessage {
    position: absolute;
    width: 155px;
    font-size: 12px;
    text-align: center;
    line-height: 24px;
    color:black;
}

#dt03_09M1 {
    border-width: 0px 0px 1px 0px;
    padding: 40px 0;
}

#dtDetailT1 > div {
    padding-right: 20px;
    letter-spacing: 1px;
    cursor: pointer;
    color: #000;
}

/*itemlist*/
.il2Size:link {
    color: #808080;
}

.dvliSize a {
    border: 0 none;
    font-weight: bold;
    margin: 0;
    padding: 1px 3px;
}

.dvliSize {
    text-align: left;
}

.itemListMerName, .itemListMoney {
    text-align: left;
    padding: 0 0 0 10px;
}

.itemListMerNam a:hover, .itemListMerName {
    color: #73869A;
}

.itemListMerName {
    line-height: 25px;
    height: auto;
}

#dtFb {
    float: right;
    color: #808080;
    font-size: 14px;
    margin-top: 2px;
    margin-right: 84px;
}

    #dtFb img {
        position: relative;
        top: 0px;
        left: 5px;
    }

.itemListDiv {
    padding: 5% 3% !important;
    width: 260px !important;
    margin: 0 0 50px 0;
}

.dvliSize {
    margin: 5px 0px;
    border-bottom: 1px solid #999;
    padding: 8px;
    text-align: left;
}

.ilImg1 img {
    height: 260px;
    margin: 0 0 15px;
    padding-bottom: 6%;
    width: 260px;
}

.itemOrigPrice {
    text-decoration: line-through;
    color: #A0B8D4;
    padding-right: 10px;
}

.dvliSize a:hover {
    background: #000;
    color: rgb(240, 240, 240);
}

/*colorbox*/

/*----  SELECTbox ----  */
.sbHolder {
    background-color: #FFFFFF;
    border: solid 0px #515151;
    font-size: 12px;
    font-weight: normal;
    height: 25px;
    position: relative;
    width: 50px;
}

    .sbHolder:focus .sbSelector {
    }

.sbSelector {
    display: block;
    height: 25px;
    left: 0;
    line-height: 25px;
    outline: none;
    overflow: hidden;
    position: absolute;
    text-indent: 10px;
    top: 0;
    width: 100px;
}

    .sbSelector:link, .sbSelector:visited, .sbSelector:hover {
        color: #000001;
        outline: none;
        text-decoration: none;
    }

.sbToggle {
    background: url(images/select-icons.png) 0 -121px no-repeat;
    display: block;
    height: 20px;
    outline: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
}



.sbToggleOpen {
    background: url(images/select-icons.png) 0 -22px no-repeat;
}

.sbHolderDisabled {
    background-color: #3C3C3C;
    border: solid 1px #515151;
}

    .sbHolderDisabled .sbHolder {
    }

    .sbHolderDisabled .sbToggle {
    }

.sbOptions {
    background-color: #FFFFFE;
    border: solid 1px #515151;
    list-style: none;
    left: -1px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 30px;
    width: 55px;
    z-index: 1;
    overflow-y: auto;
}

    .sbOptions li { /*padding: 0 7px;*/
    }

    .sbOptions a {
        display: block;
        outline: none;
        padding: 4px 10px;
    }

        .sbOptions a:link, .sbOptions a:visited {
            text-decoration: none;
        }

        .liat a:link, .sbOptions a:visited {
            color: #000;
        }

        .sbOptions a:hover, .sbOptions a:focus, .sbOptions a.sbFocus {
            color: #FFFFFF;
            background-color: #000000;
        }

    .sbOptions li.last a {
        border-bottom: none;
    }

    .sbOptions .sbDisabled {
        border-bottom: dotted 1px #515151;
        color: #000000;
        display: block;
        padding: 7px 0 7px 3px;
    }

    .sbOptions .sbGroup {
        border-bottom: dotted 1px #515151;
        color: #000001;
        display: block;
        font-weight: bold;
        padding: 7px 0 7px 3px;
    }

    .sbOptions .sbSub {
        padding-left: 17px;
    }

.itemNothing a {
    color: #CCCCCC;
}


/*mscrollbar*/

.mCSB_container {
    margin-right: 30px;
    overflow: hidden;
    width: auto;
}

    .mCSB_container.mCS_no_scrollbar {
        margin-right: 0;
    }

.mCS_disabled > .mCustomScrollBox > .mCSB_container.mCS_no_scrollbar, .mCS_destroyed > .mCustomScrollBox > .mCSB_container.mCS_no_scrollbar {
    margin-right: 30px;
}

.mCustomScrollBox > .mCSB_scrollTools {
    height: 100%;
    right: 0;
    top: 0;
    width: 16px;
}

.mCSB_scrollTools .mCSB_draggerContainer {
    bottom: 0;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
    margin: 20px 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
    border-radius: 10px;
    height: 100%;
    margin: 0 auto;
    width: 2px;
}

.mCSB_scrollTools .mCSB_dragger {
    cursor: pointer;
    height: 30px;
    width: 100%;
}

    .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        border-radius: 10px;
        height: 100%;
        margin: 0 auto;
        text-align: center;
        width: 4px;
    }

.mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown {
    cursor: pointer;
    display: block;
    height: 20px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}

.mCSB_scrollTools .mCSB_buttonDown {
    margin-top: -40px;
    top: 100%;
}

.mCSB_horizontal > .mCSB_container {
    height: auto;
    margin-bottom: 30px;
    margin-right: 0;
    overflow: hidden;
}

    .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar {
        margin-bottom: 0;
    }

.mCS_disabled > .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar, .mCS_destroyed > .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar {
    margin-bottom: 30px;
    margin-right: 0;
}

.mCSB_horizontal.mCustomScrollBox > .mCSB_scrollTools {
    bottom: 0;
    height: 16px;
    left: 0;
    overflow: hidden;
    right: auto;
    top: auto;
    width: 100%;
}

.mCSB_horizontal > .mCSB_scrollTools a + .mCSB_draggerContainer {
    margin: 0 20px;
}

.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {
    border-radius: 10px;
    height: 2px;
    margin: 7px 0;
    width: 100%;
}

.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger {
    height: 100%;
    width: 30px;
}

    .mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        border-radius: 10px;
        height: 4px;
        margin: 6px auto;
        width: 100%;
    }

.mCSB_horizontal > .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_horizontal > .mCSB_scrollTools .mCSB_buttonRight {
    cursor: pointer;
    display: block;
    float: left;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 20px;
}

.mCSB_horizontal > .mCSB_scrollTools .mCSB_buttonRight {
    float: right;
    margin-left: -40px;
}

.mCustomScrollBox {
}

    .mCustomScrollBox > .mCSB_scrollTools {
        opacity: 0.75;
    }

    .mCustomScrollBox:hover > .mCSB_scrollTools {
        opacity: 1;
    }

.mCSB_scrollTools .mCSB_draggerRail {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4);
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.75);
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.85);
}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
}

.mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight {
    background-image: url("../mCSB_buttons.png");
    background-repeat: no-repeat;
    opacity: 0.4;
}

.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 0;
}

.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -20px;
}

.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -40px;
}

.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -56px;
}

    .mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover {
        opacity: 0.75;
    }

    .mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active {
        opacity: 0.9;
    }

.mCS-dark > .mCSB_scrollTools .mCSB_draggerRail {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.15);
}

.mCS-dark > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.75);
}

.mCS-dark > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.85);
}

.mCS-dark > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.9);
}

.mCS-dark > .mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0;
}

.mCS-dark > .mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px;
}

.mCS-dark > .mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px;
}

.mCS-dark > .mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px;
}

.mCS-light-2 > .mCSB_scrollTools .mCSB_draggerRail {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.1);
    border-radius: 1px;
    width: 4px;
}

.mCS-light-2 > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.75);
    border-radius: 1px;
    width: 4px;
}

.mCS-light-2.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0;
    width: 100%;
}

.mCS-light-2.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    height: 4px;
    margin: 6px auto;
    width: 100%;
}

.mCS-light-2 > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.85);
}

.mCS-light-2 > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-2 > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
}

.mCS-light-2 > .mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px 0;
}

.mCS-light-2 > .mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -20px;
}

.mCS-light-2 > .mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -40px;
}

.mCS-light-2 > .mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -56px;
}

.mCS-dark-2 > .mCSB_scrollTools .mCSB_draggerRail {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    width: 4px;
}

.mCS-dark-2 > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.75);
    border-radius: 1px;
    width: 4px;
}

.mCS-dark-2.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0;
    width: 100%;
}

.mCS-dark-2.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    height: 4px;
    margin: 6px auto;
    width: 100%;
}

.mCS-dark-2 > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.85);
}

.mCS-dark-2 > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-2 > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.9);
}

.mCS-dark-2 > .mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px 0;
}

.mCS-dark-2 > .mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -20px;
}

.mCS-dark-2 > .mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -40px;
}

.mCS-dark-2 > .mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -56px;
}

.mCS-light-thick > .mCSB_scrollTools .mCSB_draggerRail {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.1);
    border-radius: 2px;
    width: 4px;
}

.mCS-light-thick > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.75);
    border-radius: 2px;
    width: 6px;
}

.mCS-light-thick.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0;
    width: 100%;
}

.mCS-light-thick.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    height: 6px;
    margin: 5px auto;
    width: 100%;
}

.mCS-light-thick > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.85);
}

.mCS-light-thick > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-thick > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
}

.mCS-light-thick > .mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px 0;
}

.mCS-light-thick > .mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -20px;
}

.mCS-light-thick > .mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -40px;
}

.mCS-light-thick > .mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -56px;
}

.mCS-dark-thick > .mCSB_scrollTools .mCSB_draggerRail {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    width: 4px;
}

.mCS-dark-thick > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.75);
    border-radius: 2px;
    width: 6px;
}

.mCS-dark-thick.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0;
    width: 100%;
}

.mCS-dark-thick.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    height: 6px;
    margin: 5px auto;
    width: 100%;
}

.mCS-dark-thick > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.85);
}

.mCS-dark-thick > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thick > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.9);
}

.mCS-dark-thick > .mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px 0;
}

.mCS-dark-thick > .mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -20px;
}

.mCS-dark-thick > .mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -40px;
}

.mCS-dark-thick > .mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -56px;
}

.mCS-light-thin > .mCSB_scrollTools .mCSB_draggerRail {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.1);
}

.mCS-light-thin > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px;
}

.mCS-light-thin.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {
    width: 100%;
}

.mCS-light-thin.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    height: 2px;
    margin: 7px auto;
    width: 100%;
}

.mCS-dark-thin > .mCSB_scrollTools .mCSB_draggerRail {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.15);
}

.mCS-dark-thin > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.75);
    width: 2px;
}

.mCS-dark-thin.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {
    width: 100%;
}

.mCS-dark-thin.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    height: 2px;
    margin: 7px auto;
    width: 100%;
}

.mCS-dark-thin > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.85);
}

.mCS-dark-thin > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thin > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.9);
}

.mCS-dark-thin > .mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0;
}

.mCS-dark-thin > .mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px;
}

.mCS-dark-thin > .mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px;
}

.mCS-dark-thin > .mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px;
}

.content_1 > .mCustomScrollBox > .mCSB_scrollTools {
    height: 96%;
    top: 2%;
}

.content_2 .mCSB_scrollTools .mCSB_draggerRail {
    box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.1);
    width: 6px;
}

.content_2 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.4);
}

.content_2 .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5);
}

.content_2 .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .content_2 .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.6);
}

.content_3 > .mCustomScrollBox > .mCSB_scrollTools {
    height: 94%;
    top: 3%;
}

.content_3 .mCSB_scrollTools .mCSB_draggerRail {
    border-right: 1px dashed #0099CC;
    width: 0;
}

.content_3 .mCSB_scrollTools .mCSB_dragger {
    height: 11px;
}

    .content_3 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        background: none repeat scroll 0 0 #0099CC;
        border-radius: 11px;
        width: 11px;
    }

.content_4 > .mCustomScrollBox > .mCSB_scrollTools {
    height: 94%;
    top: 3%;
}

.content_4 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: none repeat scroll 0 0 #D0B9A0;
    border-radius: 2px;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
    width: 8px;
}

.content_4 .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .content_4 .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background: none repeat scroll 0 0 #DFCDB9;
}

.content_4 .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .content_4 .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}

.content_5 > .mCustomScrollBox > .mCSB_scrollTools {
    margin: 0 1%;
    width: 98%;
}

.content_6 > .mCustomScrollBox > .mCSB_scrollTools {
    margin: 0 6%;
    width: 88%;
}

.content_8 .mCSB_scrollTools .mCSB_draggerRail {
    border-left: 1px solid rgba(0, 0, 0, 0.8);
    border-right: 1px solid rgba(255, 255, 255, 0.2);
    width: 0;
}


/*pairs*/
#pairMain {
    width: 100%;
    max-width: 1300px;
}

#pairM1 {
    margin-left: -26px;
}

    #pairM1 img {
        width: 300px;
        height: 450px;
    }

    #pairM1 > div {
        height: 500px;
        margin: 0 0px 20px 30px;
    }

.pairCt {
    position: relative;
    width: 100%;
    margin: 10px 0;
}

.itPageCtDv {
    position: relative;
    width: 304px;
    left: 550px;
}

#pairCt2 {
    margin-left: -47px;
}

    #pairCt2 > .itPageCtDv {
        width: 337px;
    }

.itPageCtDv > div {
    margin-left: 5px;
}

.page {
    cursor: pointer;
}

.none, .pCurr {
    color: #AAAAAA;
}

.pairItem > div {
    color: #AAAAAA;
    text-align: left;
    font-size: 10px;
    margin-bottom: 4px;
}

.pairItem {
    cursor: pointer;
}

.dvdMain {
    position: relative;
}

#dvdloading {
    position: relative;
    top: 320px;
    left: 220px;
}

.dvdimg img, .dvdmainimg, .dvdimg {
    width: 533px;
    height: 800px;
}

.dvdM1 {
    font-size: 12px;
    position: absolute;
    top: -856px;
    left: 551px;
    width: 250px;
    background-color: #EFEFEF;
    padding: 30px;
}

    .dvdM1 > div, .dvditems > div {
        margin-bottom: 5px;
    }

.dvditems > div {
    cursor: pointer;
}

.dvdM1 .lf8Line {
    margin: 13px 0px 18px -14px !important;
}

.dvdItemName {
    border: 1px solid #EFEFEF;
    width: 180px;
    margin-bottom: 10px;
    padding: 4px;
}

    .dvdItemName:hover {
        border: 1px solid #000000;
    }

.dvdItemPrice {
    width: 50px;
    padding: 4px 0;
    text-align: right;
}

.pcNumBar span {
    padding: 2px;
}

.pgV, .ctTop {
    color: #5FA4B3;
}

#dvdbtnMain, #dvdBtns {
    height: 56px;
}

#dvdBtns {
    position: relative;
    top: -20px;
    left: -20px;
    width: 575px;
}

    #dvdBtns > img {
        position: absolute;
        top: 0px;
        cursor: pointer;
    }

.dvdNext {
    margin-left: 327px;
}

#content > table {
}


@media all and (min-width: 102400px) {
    #content > table, #container {
        width: 100% !important;
    }

    #groupBarBox {
        margin-left: 30px;
    }
}

#dtM01 {
    width: 980px;
}

#idHtml {
    position: relative;
    text-align: center;
}

    #idHtml > .dvHtmlImage {
        position: relative;
        width: 100%;
    }

        #idHtml > .dvHtmlImage > .idHtmlImage {
            position: relative;
            width: 700px;
            margin-bottom: 20px;
        }
