.fg_main, .fg_main *,.fg_main *:before,.fg_main *:after {box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; margin: 0; padding: 0; outline: none !important}
.fg_main::after {content: ''; display: block; clear: both;}
.fg_left_panel {float: right; width: 32%; min-height: 1px}
.fg_main_area {float: left; width: 68%; padding-right: 71px;}
.fg_main_inner {position: relative; background: #f0f0f0;}
.fb_main_back {display: block; width: 100%; height: auto;}
.fb_main_back img {display: block; width: 100%; height: 100%; max-width: 100%}
.fg_rular {margin: 0; padding: 0; position: relative;}
.fg_rular:after {content: ''; display: block; clear: both;}
.fg_rular > li {list-style: none; border: 1px solid #aaa}
.fg_rular_top {position: absolute; left: 50px; top: 5px; right: 15px; height: 34px;}
.fg_rular_top .fg_rular > li {width: 10%; float: left; height: 10px; margin-top: 24px; font-size: 12px; position: relative; border-right: none; border-top: none;}
.fg_rular_top .fg_rular > li span {display: block; margin-top: -20px; position: absolute; left: -50%; width: 100%; text-align: center;}
.fg_rular_top .fg_rular > li:last-child {width: 0; position: absolute; bottom: 0; right: 0; border-right: 1px solid #aaa}
.fg_rular_top .fg_rular > li:last-child span {left: auto; width: 20px; float: right; right: 0; margin-right: -10px;}
.fg_rular_let {position: absolute; left:5px; top: 50px; bottom: 15px; width: 34px;}
.fg_rular_let .fg_rular {height: 100%;}
.fg_rular_let .fg_rular > li {height: 10%; margin-left: 24px; font-size: 12px; position: relative; border-bottom: none; border-left: none;}
.fg_rular_let .fg_rular > li span {display: block; margin-left: -20px; margin-top: -7px; line-height: 10px; text-align: right; width: 16px;}
.fg_rular_let .fg_rular > li:last-child {height: 0; position: absolute; bottom: 0; right: 0; width: 10px; border-bottom: 1px solid #aaa}
.fg_rular_let .fg_rular > li:last-child span {margin-left: -23px; position: absolute; bottom: -4px; margin-top: 0;}
.fb_rular_unit {position: absolute; left: 15px; top: 15px; font-size: 11px;}
.fg_main_view {position: absolute; top: 50px; left: 50px; right: 15px; bottom: 15px; z-index: 9;}
.fg_img_view, .fg_img {position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.fg_img { transition:.3s; -webkit-transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; opacity: 0; background-position: center center;}
.fg_img.active {opacity: 1;}
.fg_left_group {padding: 15px 0; border-bottom: 1px solid #ddd;}
.fg_title {font-size: 18px; font-weight: 700; margin-bottom: 15px;}
.fg_layout_type > li {list-style: none; display: inline-block; vertical-align: top; margin-right: 5px;}
.fg_layout_type > li > a { display: block; border: 2px solid #aaa; padding: 4px; width: 54px;}
.fg_layout_type > li > a img {display: block; max-width: 100%}
.fg_layout_type > li.active > a {border-color: #b22335}
.fb_rotate_box {float: right;}
.fb_layout_box {float: left;}
.fg_data_box:after {content: ''; display: block; clear: both;}
.fg_data_title {color: #666; margin-bottom: 10px;}
.fg_rotate_action {width: 60px; height: 60px; background: #eee; cursor: pointer;}
.icon_rotate {width: 100%; height: 100%; display: block; background: url(rotate.png) center center no-repeat;}
.fg_img_center {background-repeat: no-repeat;}
#fabric-creator.artwork-import #fc-edit {
    display:block
   }
   #fc-upload {
    padding-bottom:30px
   }
   #fc-edit {
    display:none
   }
   #fc-edit .data-area {
    border-bottom:1px solid #d7d7d7;
    margin-bottom:20px
   }
   #fc-edit .fc-spacer {
    width:100%;
    display:block;
    height:20px
   }
   #fc-edit h2 {
    font-size:20px;
    display:block;
    letter-spacing:2px;
    position:relative;
    margin-bottom:0px;
    padding-bottom:15px;
    padding-top:20px;
    margin-top:-20px;
    cursor:pointer
   }
   #fc-edit h2 span {
    text-align:right;
    cursor:pointer;
    position:absolute;
    right:0px;
    top:18px;
    width:15px;
    text-align:center
   }
   #fc-edit h3 {
    font-size:16px;
    line-height:18px;
    margin:0px;
    color:#939598;
    letter-spacing:1px;
    padding-bottom:10px
   }
   #fc-edit .data-block {
    display:none;
    padding:10px 0 20px 0
   }
   #fc-edit #fc-rotate {
    background-color:#e1e1e1;
    display:block;
    line-height:23px;
    padding:5px 0;
    text-align:center;
    width:100%
   }
   #fc-edit #fc-rotate img {
    display:inline-block;
    vertical-align:middle
   }
   #fc-edit p.info {
    margin:0px
   }
   #fc-edit #author_commission {
    color:#939598;
    font-size:16px;
    padding-top:10px;
    display:none
   }
   #fc-arrangement ul#fc-option-layout {
    margin:0px 0 0px 0;
    padding:0px
   }
   #fc-arrangement ul#fc-option-layout li {
    list-style:none;
    display:inline-block;
    width:56px;
    height:56px;
    background-image:url(../img/layout-sprite.gif);
    background-position:left top;
    -webkit-background-size:240px 48px;
    background-size:240px 48px;
    border:4px solid #bcbdc0;
    margin-right:6px;
    margin-bottom:15px;
    -webkit-transition:all .1s ease-out;
    -o-transition:all .1s ease-out;
    transition:all .1s ease-out;
    cursor:pointer
   }
   #fc-arrangement ul#fc-option-layout li.selected {
    border-color:#00ab4b
   }
   #fc-arrangement ul#fc-option-layout .layout-tile {
    background-position:-48px top
   }
   #fc-arrangement ul#fc-option-layout .layout-mirror {
    background-position:-96px top
   }
   #fc-arrangement ul#fc-option-layout .layout-vert {
    background-position:-144px top
   }
   #fc-arrangement ul#fc-option-layout .layout-brick {
    background-position:-192px top
   }
   #fce-status .fc-thumbnail {
    padding-bottom:20px;
    float:left;
    position:relative
   }
   #fce-status .fc-thumbnail .fc-new {
    position:absolute;
    top:6px;
    right:6px;
    width:25px;
    height:25px;
    display:block;
    background-color:#FFF;
    border:1px solid #939492;
    border-radius:25px;
    color:#000;
    text-align:center;
    line-height:19px
   }
   #fce-status .fc-thumbnail .fc-new:hover {
    text-decoration:none
   }
   #fce-status .fc-ppi {
    float:right;
    width:65%;
    width:calc(100% - 150px);
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    border:3px solid #000;
    text-align:center;
    padding:7px;
    max-height:110px
   }
   #fce-status .fc-ppi h4 {
    font-size:28px;
    line-height:28px;
    margin:0px;
    padding-bottom:5px; font-weight: 700
   }
   #fce-status .fc-ppi p {
    font-size:16px;
    line-height:18px;
    margin:0px
   }
   #fce-status .fc-ppi.green {
    border-color:#00ab4b;
    color:#00ab4b
   }
   #fce-status .fc-ppi.orange {
    border-color:#b22335;
    color:#b22335
   }
   #fce-status .fc-ppi.red {
    border-color:#b22335;
    color:#b22335
   }
   #fc-price {
    border:3px solid #00ab4b;
    text-align:center;
    margin-top:28px;
    display:block;
    font-size:30px;
    line-height:35px;
    letter-spacing:1px;
    padding:12px 0 3px 0
   }
   #fc-price small {
    font-size:16px;
    vertical-align:baseline;
    display:inline-block
   }
   #tos .info {
    text-align:left;
    line-height:17px
   }
   #tos .info a {
    text-decoration:underline
   }
   #add_to_cart a {
    display:block;
    width:100%;
    font-size:24px;
    line-height:60px;
    background-color:#00ab4b;
    color:#FFF;
    text-align:center;
    margin:15px 0px
   }
   #add_to_cart a:hover {
    text-decoration:none
   }
   #add_to_cart a.processing {
    cursor:progress
   }
   #add_to_cart .loading {
    text-align:center;
    display:none
   }
   #fc-view .fc-row span {
    font-size:12px;
    color:gray
   }
   #fc-view #ajax_image_processing {
    position:absolute;
    width:100%;
    height:100%;
    background-color:rgba(255,255,255,0.5);
    background:rgba(255,255,255,0.5);
    left:0px;
    right:0px;
    top:0px;
    bottom:0px;
    z-index:100;
    visibiliti:0;
    opacity:0;
    -webkit-transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
    transition:all .3s ease-out;
    display:none
   }
   #fc-view #ajax_image_processing.visible {
    visibility:1;
    opacity:1;
    display:block
   }
   #fc-view #ajax_image_processing .loader {
    position:absolute;
    top:40%;
    top:calc(50% - 50px);
    margin:0 auto;
    font-size:10px;
    position:relative;
    text-indent:-9999em;
    border-top:1.1em solid rgba(183,183,183,0.2);
    border-right:1.1em solid rgba(183,183,183,0.2);
    border-bottom:1.1em solid rgba(183,183,183,0.2);
    border-left:1.1em solid #b7b7b7;
    -webkit-transform:translateZ(0);
    -ms-transform:translateZ(0);
    transform:translateZ(0);
    -webkit-animation:load8 1.1s infinite linear;
    -o-animation:load8 1.1s infinite linear;
    animation:load8 1.1s infinite linear;
    border-radius:50%;
    width:100px;
    height:100px
   }
   #fc-view #ajax_image_processing .loader:after {
    border-radius:50%;
    width:100px;
    height:100px
   }
   #fc-view .layer.image {
    opacity:0;
    -webkit-transition-delay:.2s;
    -o-transition-delay:.2s;
    transition-delay:.2s
   }
   #fc-view .layer.image.container-type-center {
    background-position:center center
   }
   #fc-view .layer.image.show {
    opacity:1;
    -webkit-transition-delay:0;
    -o-transition-delay:0;
    transition-delay:0;
    z-index:60
   }
   .clear {clear: both}
.fg_img_mirror, .fg_img_repeat {background-position: 0 0;}
.qty > span, .qty > .quantity {float: left}
.qty > span {padding-top: 10px;}
.qty .input-group {display: block; width: 200px;}
.qty .input-group .form-control {float: left; width: 75px; height: 38px; display: block;}
.qty .input-group .input-group-btn-vertical {display: block}
.qty {margin-bottom: 30px;}