@charset "UTF-8";

/* ---------------------------------------- UIPage ---------------------------------------- */
.UIPage.UILayout_1 {
    position: absolute;
    left: 487px;
    top: 180px;
    width: 50px;
    height: 50px;
}
#UIPage_2001.inactive {
    background-image: url("/consocks/simdata/20/images/page/01color_off.png?v=20200213153455");
}
#UIPage_2001.active {
    background-image: url("/consocks/simdata/20/images/page/01color_on.png?v=20200213153503");
}
.UIPage.UILayout_3 {
    position: absolute;
    left: 487px;
    top: 240px;
    width: 50px;
    height: 50px;
}
#UIPage_2003.inactive {
    background-image: url("/consocks/simdata/20/images/page/02mark_off.png?v=20200213153347");
}
#UIPage_2003.active {
    background-image: url("/consocks/simdata/20/images/page/02mark_on.png?v=20200213153356");
}
.UIPage.UILayout_5 {
    position: absolute;
    left: 487px;
    top: 340px;
    width: 50px;
    height: 50px;
}
#UIPage_2005.inactive {
    background-image: url("/consocks/simdata/20/images/page/03check_off.png?v=20200303162916");
}
#UIPage_2005.active {
    background-image: url("/consocks/simdata/20/images/page/03check_on.png?v=20200303162924");
}

/* ---------------------------------------- UIPageNode ---------------------------------------- */
.UIPageNode.UILayout_2 {
    position: absolute;
    left: 512px;
    top: 0px;
    width: 512px;
    height: 622px;
}
.UIPageNode.UILayout_4 {
    position: absolute;
    left: 512px;
    top: 0px;
    width: 512px;
    height: 622px;
}
.UIPageNode.UILayout_6 {
    position: absolute;
    left: 512px;
    top: 0px;
    width: 512px;
    height: 622px;
}

/* ---------------------------------------- UITab ---------------------------------------- */
.UITab.UILayout_101 {
    width: 460px;
    height: 40px;
}

/* ---------------------------------------- UITabNode ---------------------------------------- */
.UITabNode.UILayout_102 {
    width: 460px;
    margin-top: -10px;
}

/* ---------------------------------------- UIRow ---------------------------------------- */
.UIRow.UILayout_1001 {
    width: 450px;
    margin-top: 15px;
    margin-bottom: 5px;
    margin-left: 5px;
}

/* ---------------------------------------- UIRowNode ---------------------------------------- */
.UIRowNode.UILayout_1101 {
    width: 450px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
}
.UIRowNode.UILayout_1102 {
    width: 440px;
    height: 250px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
}

/* ---------------------------------------- UIRowNodeFilm ---------------------------------------- */

/* ---------------------------------------- UIRowNodeUpload ---------------------------------------- */

/* ---------------------------------------- UIRowNodeScrollPrev ---------------------------------------- */

/* ---------------------------------------- UIRowNodeScrollNext ---------------------------------------- */

/* ---------------------------------------- UICell ---------------------------------------- */
.UICell.UILayout_2000102 {
    position: relative;
    width: 200px;
    height: 132px;
    margin-top: 1px;
    margin-left: 1px;
}
.UICell_20000001.active {
    background-image: url("/consocks/images/cell/CellSocksColor_On.png?v=20200213160727");
}
.UICell_20000011.active {
    background-image: url("/consocks/images/cell/CellSocksColor_On.png?v=20200213160727");
}
.UICell.UILayout_2000302 {
    position: relative;
    width: 111px;
    height: 67px;
    margin-top: 1px;
    margin-left: 1px;
}
.UICell_20000021.active {
    background-image: url("/consocks/images/cell/CellMarkStyle_On.png?v=20190226204741");
}
.UICell_20000031.active {
    background-image: url("/consocks/images/cell/CellMarkStyle_On.png?v=20190226204741");
}
.UICell_20000041.active {
    background-image: url("/consocks/images/cell/CellMarkStyle_On.png?v=20190226204741");
}
.UICell_20000051.active {
    background-image: url("/consocks/images/cell/CellMarkStyle_On.png?v=20190226204741");
}
.UICell_20000061.active {
    background-image: url("/consocks/images/cell/CellMarkStyle_On.png?v=20190226204741");
}
.UICell_20000071.active {
    background-image: url("/consocks/images/cell/CellMarkStyle_On.png?v=20190226204741");
}
.UICell_20000081.active {
    background-image: url("/consocks/images/cell/CellMarkStyle_On.png?v=20190226204741");
}
.UICell_20000091.active {
    background-image: url("/consocks/images/cell/CellMarkStyle_On.png?v=20190226204741");
}
.UICell_20000101.active {
    background-image: url("/consocks/images/cell/CellMarkStyle_On.png?v=20190226204741");
}
.UICell_20000111.active {
    background-image: url("/consocks/images/cell/CellMarkStyle_On.png?v=20190226204741");
}
.UICell_20000121.active {
    background-image: url("/consocks/images/cell/CellMarkStyle_On.png?v=20190226204741");
}
.UICell_20000131.active {
    background-image: url("/consocks/images/cell/CellMarkStyle_On.png?v=20190226204741");
}
.UICell_20000141.active {
    background-image: url("/consocks/images/cell/CellMarkStyle_On.png?v=20190226204741");
}
.UICell_20000151.active {
    background-image: url("/consocks/images/cell/CellMarkStyle_On.png?v=20190226204741");
}
.UICell_20000161.active {
    background-image: url("/consocks/images/cell/CellMarkStyle_On.png?v=20190226204741");
}
.UICell_20000171.active {
    background-image: url("/consocks/images/cell/CellMarkStyle_On.png?v=20190226204741");
}
.UICell_20000181.active {
    background-image: url("/consocks/images/cell/CellMarkStyle_On.png?v=20190226204741");
}
.UICell_20000191.active {
    background-image: url("/consocks/images/cell/CellMarkStyle_On.png?v=20190226204741");
}
.UICell_20000201.active {
    background-image: url("/consocks/images/cell/CellMarkStyle_On.png?v=20190226204741");
}
.UICell_20000211.active {
    background-image: url("/consocks/images/cell/CellMarkStyle_On.png?v=20190226204741");
}
.UICell.UILayout_2000202 {
    position: relative;
    width: 111px;
    height: 67px;
    margin-top: 1px;
    margin-left: 1px;
}
.UICell_20000221.active {
    background-image: url("/consocks/images/cell/CellMarkFont_On.png?v=20190226204741");
}
.UICell_20000231.active {
    background-image: url("/consocks/images/cell/CellMarkFont_On.png?v=20190226204741");
}
.UICell_20000241.active {
    background-image: url("/consocks/images/cell/CellMarkFont_On.png?v=20190226204741");
}
.UICell_20000251.active {
    background-image: url("/consocks/images/cell/CellMarkFont_On.png?v=20190226204741");
}
.UICell.UILayout_2000402 {
    position: relative;
    width: 30px;
    height: 30px;
    margin-top: 1px;
    margin-left: 1px;
}
.UICell_20000261.active {
    background-image: url("/consocks/images/cell/CellMarkColor_On.png?v=20200213152025");
}
.UICell_20000271.active {
    background-image: url("/consocks/images/cell/CellMarkColor_On.png?v=20200213152025");
}
.UICell_20000281.active {
    background-image: url("/consocks/images/cell/CellMarkColor_On.png?v=20200213152025");
}
.UICell_20000291.active {
    background-image: url("/consocks/images/cell/CellMarkColor_On.png?v=20200213152025");
}
.UICell_20000301.active {
    background-image: url("/consocks/images/cell/CellMarkColor_On.png?v=20200213152025");
}
.UICell_20000311.active {
    background-image: url("/consocks/images/cell/CellMarkColor_On.png?v=20200213152025");
}
.UICell_20000321.active {
    background-image: url("/consocks/images/cell/CellMarkColor_On.png?v=20200213152025");
}
.UICell_20000331.active {
    background-image: url("/consocks/images/cell/CellMarkColor_On.png?v=20200213152025");
}
.UICell_20000341.active {
    background-image: url("/consocks/images/cell/CellMarkColor_On.png?v=20200213152025");
}
.UICell_20000351.active {
    background-image: url("/consocks/images/cell/CellMarkColor_On.png?v=20200213152025");
}
.UICell_20000361.active {
    background-image: url("/consocks/images/cell/CellMarkColor_On.png?v=20200213152025");
}
.UICell_20000371.active {
    background-image: url("/consocks/images/cell/CellMarkColor_On.png?v=20200213152025");
}
.UICell_20000381.active {
    background-image: url("/consocks/images/cell/CellMarkColor_On.png?v=20200213152025");
}
.UICell_20000391.active {
    background-image: url("/consocks/images/cell/CellMarkColor_On.png?v=20200213152025");
}
.UICell_20000401.active {
    background-image: url("/consocks/images/cell/CellMarkColor_On.png?v=20200213152025");
}
.UICell_20000411.active {
    background-image: url("/consocks/images/cell/CellMarkColor_On.png?v=20200213152025");
}
.UICell_20000421.active {
    background-image: url("/consocks/images/cell/CellMarkColor_On.png?v=20200213152025");
}

/* ---------------------------------------- UICellNode ---------------------------------------- */
.UICellNode.UILayout_2000101 {
    position: relative;
    width: 200px;
    height: 132px;
    margin-top: 1px;
    margin-left: -200px;
}
.UICellNode_20000001 {
    background-image: url("/consocks/images/cell/20000001_node.png?v=20200213114034");
}
.UICellNode_20000011 {
    background-image: url("/consocks/images/cell/20000011_node.png?v=20200213114042");
}
.UICellNode.UILayout_2000301 {
    position: relative;
    width: 111px;
    height: 67px;
    margin-top: 1px;
    margin-left: -111px;
}
.UICellNode_20000021 {
    background-image: url("/consocks/images/cell/20000021_node.png?v=20200228190508");
}
.UICellNode_20000031 {
    background-image: url("/consocks/images/cell/20000031_node.png?v=20200228190516");
}
.UICellNode_20000041 {
    background-image: url("/consocks/images/cell/20000041_node.png?v=20200304114129");
}
.UICellNode_20000051 {
    background-image: url("/consocks/images/cell/20000051_node.png?v=20200304114137");
}
.UICellNode_20000061 {
    background-image: url("/consocks/images/cell/20000061_node.png?v=20200304114144");
}
.UICellNode_20000071 {
    background-image: url("/consocks/images/cell/20000071_node.png?v=20200304114151");
}
.UICellNode_20000081 {
    background-image: url("/consocks/images/cell/20000081_node.png?v=20200304114158");
}
.UICellNode_20000091 {
    background-image: url("/consocks/images/cell/20000091_node.png?v=20200304114205");
}
.UICellNode_20000101 {
    background-image: url("/consocks/images/cell/20000101_node.png?v=20200304114257");
}
.UICellNode_20000111 {
    background-image: url("/consocks/images/cell/20000111_node.png?v=20200304114304");
}
.UICellNode_20000121 {
    background-image: url("/consocks/images/cell/20000121_node.png?v=20200304114311");
}
.UICellNode_20000131 {
    background-image: url("/consocks/images/cell/20000131_node.png?v=20200304114319");
}
.UICellNode_20000141 {
    background-image: url("/consocks/images/cell/20000141_node.png?v=20200304114326");
}
.UICellNode_20000151 {
    background-image: url("/consocks/images/cell/20000151_node.png?v=20200304114335");
}
.UICellNode_20000161 {
    background-image: url("/consocks/images/cell/20000161_node.png?v=20200304114212");
}
.UICellNode_20000171 {
    background-image: url("/consocks/images/cell/20000171_node.png?v=20200304114218");
}
.UICellNode_20000181 {
    background-image: url("/consocks/images/cell/20000181_node.png?v=20200304114226");
}
.UICellNode_20000191 {
    background-image: url("/consocks/images/cell/20000191_node.png?v=20200304114232");
}
.UICellNode_20000201 {
    background-image: url("/consocks/images/cell/20000201_node.png?v=20200304114239");
}
.UICellNode_20000211 {
    background-image: url("/consocks/images/cell/20000211_node.png?v=20200304114246");
}
.UICellNode.UILayout_2000201 {
    position: relative;
    width: 111px;
    height: 67px;
    margin-top: 1px;
    margin-left: -111px;
}
.UICellNode_20000221 {
    background-image: url("/consocks/images/cell/20000221_node.png?v=20190301211252");
}
.UICellNode_20000231 {
    background-image: url("/consocks/images/cell/20000231_node.png?v=20190301211252");
}
.UICellNode_20000241 {
    background-image: url("/consocks/images/cell/20000241_node.png?v=20200304111209");
}
.UICellNode_20000251 {
    background-image: url("/consocks/images/cell/20000251_node.png?v=20200304111228");
}
.UICellNode.UILayout_2000401 {
    position: relative;
    width: 30px;
    height: 30px;
    margin-top: 1px;
    margin-left: -30px;
}
.UICellNode_20000261 {
    background-image: url("/consocks/images/cell/20000261_node.png?v=20200213151432");
}
.UICellNode_20000271 {
    background-image: url("/consocks/images/cell/20000271_node.png?v=20200213151452");
}
.UICellNode_20000281 {
    background-image: url("/consocks/images/cell/20000281_node.png?v=20200213151503");
}
.UICellNode_20000291 {
    background-image: url("/consocks/images/cell/20000291_node.png?v=20200213151515");
}
.UICellNode_20000301 {
    background-image: url("/consocks/images/cell/20000301_node.png?v=20200213151533");
}
.UICellNode_20000311 {
    background-image: url("/consocks/images/cell/20000311_node.png?v=20200213151544");
}
.UICellNode_20000321 {
    background-image: url("/consocks/images/cell/20000321_node.png?v=20200213151555");
}
.UICellNode_20000331 {
    background-image: url("/consocks/images/cell/20000331_node.png?v=20200213151607");
}
.UICellNode_20000341 {
    background-image: url("/consocks/images/cell/20000341_node.png?v=20200213151618");
}
.UICellNode_20000351 {
    background-image: url("/consocks/images/cell/20000351_node.png?v=20200213151707");
}
.UICellNode_20000361 {
    background-image: url("/consocks/images/cell/20000361_node.png?v=20200213151717");
}
.UICellNode_20000371 {
    background-image: url("/consocks/images/cell/20000371_node.png?v=20200213151727");
}
.UICellNode_20000381 {
    background-image: url("/consocks/images/cell/20000381_node.png?v=20200213151738");
}
.UICellNode_20000391 {
    background-image: url("/consocks/images/cell/20000391_node.png?v=20200213151748");
}
.UICellNode_20000401 {
    background-image: url("/consocks/images/cell/20000401_node.png?v=20200213151759");
}
.UICellNode_20000411 {
    background-image: url("/consocks/images/cell/20000411_node.png?v=20200213151808");
}
.UICellNode_20000421 {
    background-image: url("/consocks/images/cell/20000421_node.png?v=20200213151818");
}

/* ---------------------------------------- UIOriginalMark ---------------------------------------- */

/* ---------------------------------------- UIOriginalMarkNode ---------------------------------------- */

/* ---------------------------------------- ViewMode ---------------------------------------- */
#UIViewMode_1 {
    position: absolute;
    left: 20px;
    top: 135px;
    width: 50px;
    height: 50px;
}
#UIViewMode_1.inactive {
    background-image: url("/consocks/images/viewMode/btnAll_off.png?v=20200304091938");
}
#UIViewMode_1.active {
    background-image: url("/consocks/images/viewMode/btnAll_on.png?v=20200304091946");
}
#UIViewMode_2 {
    position: absolute;
    left: 20px;
    top: 190px;
    width: 50px;
    height: 50px;
}
#UIViewMode_2.inactive {
    background-image: url("/consocks/images/viewMode/btnLeft_off.png?v=20200304091955");
}
#UIViewMode_2.active {
    background-image: url("/consocks/images/viewMode/btnLeft_on.png?v=20200304092004");
}

/* ---------------------------------------- ViewRotate ---------------------------------------- */
#UIViewRotate_1 {
    position: absolute;
    left: 20px;
    top: 495px;
    width: 50px;
    height: 50px;
}
#UIViewRotate_1 {
    background-image: url("/consocks/simdata/20/images/viewRotate/viewfront.png?v=20200213153532");
}
#UIViewRotate_2 {
    position: absolute;
    left: 20px;
    top: 550px;
    width: 50px;
    height: 50px;
}
#UIViewRotate_2 {
    background-image: url("/consocks/simdata/20/images/viewRotate/viewleft.png?v=20200213153559");
}

/* ---------------------------------------- FreeButton ---------------------------------------- */
#UIFreeButton_2001 {
    position: absolute;
    left: 487px;
    top: 20px;
    width: 50px;
    height: 50px;
}
#UIFreeButton_2001 {
    background-image: url("/consocks/simdata/20/images/otherButton/btnTop.png?v=20200213153319");
}
#UIFreeButton_2002 {
    position: absolute;
    left: 704px;
    top: 400px;
    width: 128px;
    height: 37px;
}
#UIFreeButton_2002 {
    background-image: url("/consocks/simdata/20/images/otherButton/btnSaveInfo.png?v=20180314161137");
}

/* ---------------------------------------- ShareButton ---------------------------------------- */
#UIShareButton_1 {
    position: absolute;
    left: 50px;
    top: 0px;
    width: 50px;
    height: 50px;
}
#UIShareButton_1 {
    background-image: url("/consocks/images/shareButton/1.png?v=20200319160729");
}
#UIShareButton_2 {
    position: absolute;
    left: 100px;
    top: 0px;
    width: 50px;
    height: 50px;
}
#UIShareButton_2 {
    background-image: url("/consocks/images/shareButton/2.png?v=20200319160711");
}
#UIShareButton_3 {
    position: absolute;
    left: 150px;
    top: 0px;
    width: 50px;
    height: 50px;
}
#UIShareButton_3 {
    background-image: url("/consocks/images/shareButton/3.png?v=20200319160736");
}
#UIShareButton_4 {
    position: absolute;
    left: 200px;
    top: 0px;
    width: 50px;
    height: 50px;
}
#UIShareButton_4 {
    background-image: url("/consocks/images/shareButton/4.png?v=20200319160744");
}

/* ---------------------------------------- HelpButton ---------------------------------------- */

/* ---------------------------------------- FreeDOM ---------------------------------------- */

/* ---------------------------------------- AutoChangeViewStyle ---------------------------------------- */
#ViewNodes.AutoChangeView_-1_-1 {
    transform: scale(0.6);
}

/* ---------------------------------------- ColorChangePreviewer ---------------------------------------- */

/* ---------------------------------------- Others ---------------------------------------- */
 {
    position: absolute;
    left: 44px;
    top: 380px;
    width: 400px;
    height: 200px;
}
 {
    background-color: #FFFFFF;
}
#UIContainer {
    background-image: url("/consocks/simdata/20/images/background.png?v=20200213152839");
}
#UIContainerBusy {
    background-image: url("/consocks/simdata/20/images/busy.gif?v=20171011152832");
}
.UILoading {
    background-image: url("/consocks/simdata/20/images/busy.gif?v=20171011152832");
}
#UIOtherButton_1 {
    position: absolute;
    left: 20px;
    top: 20px;
    width: 50px;
    height: 50px;
}
#UIOtherButton_1 {
    background-image: url("/consocks/simdata/20/images/otherButton/screenshot.png?v=20200319154445");
}
#UIOtherButton_2 {
    position: absolute;
    left: 974px;
    top: 462px;
    width: 50px;
    height: 50px;
}
#UIOtherButton_2.inactive {
    background-image: url("/consocks/simdata/20/images/otherButton/2.png?v=0");
}
#UIOtherButton_2.active {
    background-image: url("/consocks/simdata/20/images/otherButton/2_active.png?v=0");
}
#UIOtherButtonNode_2 {
    background-image: url("/consocks/simdata/20/images/otherButton/2_node.png?v=0");
}
#UIOtherButton_3 {
    position: absolute;
    left: 20px;
    top: 75px;
    width: 50px;
    height: 50px;
}
#UIOtherButton_3.inactive {
    background-image: url("/consocks/simdata/20/images/otherButton/sharemenu.png?v=20200319154432");
}
#UIOtherButton_3.active {
    background-image: url("/consocks/simdata/20/images/otherButton/sharemenu_active.png?v=20200319154432");
}
#UIOtherButton_4 {
    position: absolute;
    left: 974px;
    top: 562px;
    width: 50px;
    height: 50px;
}
#UIOtherButton_4.inactive {
    background-image: url("/consocks/simdata/20/images/otherButton/4.png?v=0");
}
#UIOtherButton_4.active {
    background-image: url("/consocks/simdata/20/images/otherButton/4_active.png?v=0");
}
#UIOtherButton_5 {
    position: absolute;
    left: 704px;
    top: 450px;
    width: 128px;
    height: 37px;
}
#UIOtherButton_5 {
    background-image: url("/consocks/simdata/20/images/otherButton/btnOrder.png?v=20171109091826");
}
#UIOtherButton_14 {
    position: absolute;
    left: 0px;
    top: 622px;
    width: 150px;
    height: 50px;
}
#UIOtherButton_14 {
    background-image: url("/consocks/simdata/20/images/otherButton/14.png?v=0");
}
#UIOtherButton_15 {
    position: absolute;
    left: 237px;
    top: 305px;
    width: 50px;
    height: 50px;
}
#UIOtherButton_15 {
    background-image: url("/consocks/simdata/20/images/otherButton/15.png?v=0");
}
.UIAmountPriceMark.active::after {
    background-image: url("/consocks/simdata/20/images/amountViewNotice.png?v=0");
}
#OriginalMarkEditorTrim {
    background-image: url("/consocks/simdata/20/images/originalMarkEditor/trimBackground.png?v=0");
}
#OriginalMarkEditorTrimClose {
    background-image: url("/consocks/simdata/20/images/originalMarkEditor/close.png?v=0");
}
#OriginalMarkEditorTrimRotate0 {
    background-image: url("/consocks/simdata/20/images/originalMarkEditor/trimRotate0.png?v=0");
}
#OriginalMarkEditorTrimRotate1 {
    background-image: url("/consocks/simdata/20/images/originalMarkEditor/trimRotate1.png?v=0");
}
#OriginalMarkEditorTrimNext {
    background-image: url("/consocks/simdata/20/images/originalMarkEditor/next.png?v=0");
}
#OriginalMarkEditorClip {
    background-image: url("/consocks/simdata/20/images/originalMarkEditor/clipBackground.png?v=0");
}
#OriginalMarkEditorClipClose {
    background-image: url("/consocks/simdata/20/images/originalMarkEditor/close.png?v=0");
}
.OriginalMarkEditorClipCanvas {
    background-image: url("/consocks/simdata/20/images/originalMarkEditor/transparent.gif?v=0");
}
#OriginalMarkEditorColor {
    background-image: url("/consocks/simdata/20/images/originalMarkEditor/colorBackground.png?v=0");
}
#OriginalMarkEditorColorClose {
    background-image: url("/consocks/simdata/20/images/originalMarkEditor/close.png?v=0");
}
#OriginalMarkEditorColorNext {
    background-image: url("/consocks/simdata/20/images/originalMarkEditor/next.png?v=0");
}
#OriginalMarkEditorColorCanvas {
    background-image: url("/consocks/simdata/20/images/originalMarkEditor/transparent.gif?v=0");
}
.OriginalMarkEditorColorPaletteNode {
    background-image: url("/consocks/simdata/20/images/originalMarkEditor/colorButton.png?v=0");
}