body {
    color: #666;
    padding: 0;
    margin: 0;
    background: #f1f0ec;
}
ul, li {
    margin: 0;
    padding: 0;
    list-style: none;
}
#content {
    margin-top: 44px !important;
}
.landing-area .brand {
    min-height: 24px;
}
.editor .pure-g > div {
    box-sizing: border-box;
}

.editor_active_box {
    border: 2px solid #ff7495;
}
.node {
    position: relative;
}
.editor_form {
    display: none;
    color: #fff;
    padding: 38px 10px 10px 10px;
    border-radius: 5px;
    letter-spacing: normal;
    -moz-box-shadow:inset 0px 1px 0px 0px #858c94;
    -webkit-box-shadow:inset 0px 1px 0px 0px #858c94;
    box-shadow:inset 0px 1px 0px 0px #858c94;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #363b3e), color-stop(1, #363b3e) );
    background:-moz-linear-gradient( center top, #363b3e 5%, #363b3e 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#363b3e', endColorstr='#363b3e');
    background-color:#363b3e;
    -webkit-border-top-left-radius:6px;
    -moz-border-radius-topleft:6px;
    border-top-left-radius:6px;
    -webkit-border-top-right-radius:6px;
    -moz-border-radius-topright:6px;
    border-top-right-radius:6px;
    -webkit-border-bottom-right-radius:6px;
    -moz-border-radius-bottomright:6px;
    border-bottom-right-radius:6px;
    -webkit-border-bottom-left-radius:6px;
    -moz-border-radius-bottomleft:6px;
    border-bottom-left-radius:6px;
    text-indent:0;
    border:1px solid #1f2223;
    line-height: 25px;
    text-align: left;
    z-index: 9999;
}
.editor-form-descri {
    font-size: 13px;
    color: #bbb;
    line-height: 20px;
    padding-bottom: 10px;
}
.editor_form input[type="button"], #modal input[type="button"] {
    color: #fff;
    border-radius: 5px;
    padding: 5px 10px;
    letter-spacing: normal;
    -moz-box-shadow: inset 0px 1px 0px 0px #858c94;
    -webkit-box-shadow: inset 0px 1px 0px 0px #858c94;
    box-shadow: inset 0px 1px 0px 0px #858c94;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4b5155), color-stop(1, #4b5155) );
    background: -moz-linear-gradient( center top, #4b5155 5%, #4b5155 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4b5155', endColorstr='#4b5155');
    background-color: #4b5155;
    text-indent: 0;
    border: 1px solid #1f2223;
    font-family: 微軟正黑體;
    margin-top: 5px;
}
.editor_form input[type="text"], #modal input[type="text"] {
    border-radius: 5px;
    padding: 3px 6px;
    border: 1px solid #fff;
    font-family: 微軟正黑體;
    margin-bottom: 5px;
    background: #fff;
    width: 50%;
}
.editor_form textarea, #modal textarea {
    border-radius: 5px;
    padding: 3px 6px;
    border: 1px solid #fff;
    font-family: 微軟正黑體;
    margin-bottom: 5px;
    width: 90%;
    height: 150px;
}
.editor_form select, #modal select {
    font-size: 14px;
    color: #fff;
    border-radius: 5px;
    padding: 2px 5px;
    margin-bottom: 5px;
    letter-spacing: normal;
    background: #4b5155;
    text-indent: 0;
    border: 1px solid #858c94;
    font-family: 微軟正黑體;
}
.editor_form .selection {
    font-size: 14px;
    margin-left: 20px;
}
.fileinput-button {
    overflow: hidden;
    position: relative;
}
.fileupload-buttonbar .btn-success {
    color: #fff;
    border-radius: 5px;
    padding: 5px 10px;
    letter-spacing: normal;
    -moz-box-shadow: inset 0px 1px 0px 0px #858c94;
    -webkit-box-shadow: inset 0px 1px 0px 0px #858c94;
    box-shadow: inset 0px 1px 0px 0px #858c94;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4b5155), color-stop(1, #4b5155) );
    background: -moz-linear-gradient( center top, #4b5155 5%, #4b5155 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4b5155', endColorstr='#4b5155');
    background-color: #4b5155;
    text-indent: 0;
    border: 1px solid #1f2223 !important;
    font-family: 微軟正黑體;
    margin-top: 5px;
    font-size: 16px !important;
}
.fileupload-buttonbar .btn {
    -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857;
    margin-bottom: 10px;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}
.fileupload-buttonbar .btn {
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857;
    text-align: center;
    white-space: nowrap;
}
.fileupload-buttonbar .fileinput-button input {
    cursor: pointer;
    direction: ltr;
    font-size: 200px;
    margin: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
}
/*.fileinput-button span {
    color: #fff;
    border-radius: 5px;
    padding: 5px 10px;
    letter-spacing: normal;
    -moz-box-shadow: inset 0px 1px 0px 0px #858c94;
    -webkit-box-shadow: inset 0px 1px 0px 0px #858c94;
    box-shadow: inset 0px 1px 0px 0px #858c94;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4b5155), color-stop(1, #4b5155) );
    background: -moz-linear-gradient( center top, #4b5155 5%, #4b5155 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4b5155', endColorstr='#4b5155');
    background-color: #4b5155;
    text-indent: 0;
    border: 1px solid #1f2223;
    font-family: 微軟正黑體;
    margin-top: 5px;
}
.fileinput-button input {
    opacity: 1;
    position: relative;
    font-size: 16px;
    font-weight: normal;
    padding: 5px 0px;
}*/
.progress {
    background-color: #f5f5f5;
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    height: 20px;
    margin-bottom: 5px;
    overflow: hidden;
}
.progress.active .progress-bar, .progress-bar.active {
    animation: 2s linear 0s normal none infinite running progress-bar-stripes;
}
.progress-bar-success{
    background-color:#5cb85c;
    height: 20px;
    border-radius: 5px;
}
.progress-striped .progress-bar-success{
    background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
}
.progress-bar-info{
    background-color:#5bc0de;
}
.progress-striped .progress-bar-info{
    background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)
}
.progress-bar-warning{
    background-color:#f0ad4e;
}
.progress-striped .progress-bar-warning{
    background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
}
.editor_gallery_item {
    width: 45%;
    height: 270px;
    float: left;
    background: none repeat scroll 0 0 #494e51;
    border-radius: 5px;
    padding: 10px 10px;
    margin: 5px;
}
.editor_gallery_item img {
    max-height: 150px;
    max-width: 150px;
}
.gallery-s2 .editor_gallery_item {
    height: 340px !important;
}
.gallery-s2 .editor_gallery_item img {
    max-height: 100px;
    max-width: 100px;
}
.del-node {
    color: #f35325 !important;
    font-size: 13px;
    text-decoration: none;
}
#btn_cancel {
    color: #fff;
    border-radius: 5px;
    padding: 5px 10px;
    letter-spacing: normal;
    -moz-box-shadow: inset 0px 1px 0px 0px #858c94;
    -webkit-box-shadow: inset 0px 1px 0px 0px #858c94;
    box-shadow: inset 0px 1px 0px 0px #858c94;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4b5155), color-stop(1, #4b5155) );
    background: -moz-linear-gradient( center top, #4b5155 5%, #4b5155 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4b5155', endColorstr='#4b5155');
    background-color: #4b5155;
    text-indent: 0;
    border: 1px solid #1f2223;
    font-family: 微軟正黑體;
    margin-top: 5px;
}
.tool-icon {
    color: #fff;
    cursor: pointer;
    display: inline-block;
    border-radius: 5px;
    padding: 0px 5px;
    letter-spacing: normal;
    -moz-box-shadow: inset 0px 1px 0px 0px #858c94;
    -webkit-box-shadow: inset 0px 1px 0px 0px #858c94;
    box-shadow: inset 0px 1px 0px 0px #858c94;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4b5155), color-stop(1, #4b5155) );
    background: -moz-linear-gradient( center top, #4b5155 5%, #4b5155 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4b5155', endColorstr='#4b5155');
    background-color: #4b5155;
    text-indent: 0;
    border: 1px solid #1f2223;
    font-family: 微軟正黑體;
    margin-top: 5px;
    height: 22px;
}
.tool-icon img {
    margin-top: 2px;
}
.set-color {
    background: url("../images/tool-triangle1.png") no-repeat 17px 6px;
    padding-right: 10px;
}
.color-square {
    height: 15px;
    width: 15px;
    display: inline-block;
}
input[type="color"] {
    border-radius: 5px;
    padding: 2px 3px;
    letter-spacing: normal;
    -moz-box-shadow: inset 0px 1px 0px 0px #858c94;
    -webkit-box-shadow: inset 0px 1px 0px 0px #858c94;
    box-shadow: inset 0px 1px 0px 0px #858c94;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4b5155), color-stop(1, #4b5155) );
    background: -moz-linear-gradient( center top, #4b5155 5%, #4b5155 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4b5155', endColorstr='#4b5155');
    background-color: #4b5155;
    text-indent: 0;
    border: 1px solid #1f2223;
    font-family: 微軟正黑體;
    margin-top: 5px;
    height: 25px;
    width: 30px;
}
.form-ph {
    width: 500px;
}
.selection-wrap {
    background: #494e51;
    padding: 5px;
    padding: 5px 10px;
    border-radius: 5px;
}
.multi-value img {
    vertical-align: middle;
    margin-left: 5px;
}
.thankyou-setting {
    background: #494e51;
    padding: 5px;
    padding: 5px 10px;
    border-radius: 5px;
    margin-top: 10px;
}
#modal .sub-title {
    color: #ccc;
    font-size: 14px;
    display: block;
    margin-bottom: 5px;
    border-bottom: 1px solid #494e51;
}
#modal .sub-title a {
    color: #ccc;
    text-decoration: underline;
    margin-left: 5px;
}
#modal .drag-btn {
    float: right;
    cursor: move;
}
#modal .del-btn {
    float: right;
    cursor: pointer;
    margin-left: 5px;
}
.editor_controls {
    /*background: #4b5155;
    border: 1px solid #5f6367;*/
    cursor: move;
    padding: 5px;
    border-radius: 5px;
    letter-spacing: normal;
    display: none;
    position: absolute;
    right: 5px;
    top: 5px;
    height: 18px;
    -moz-box-shadow:inset 0px 1px 0px 0px #858c94;
    -webkit-box-shadow:inset 0px 1px 0px 0px #858c94;
    box-shadow:inset 0px 1px 0px 0px #858c94;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #363b3e), color-stop(1, #363b3e) );
    background:-moz-linear-gradient( center top, #363b3e 5%, #363b3e 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#363b3e', endColorstr='#363b3e');
    background-color:#363b3e;
    -webkit-border-top-left-radius:6px;
    -moz-border-radius-topleft:6px;
    border-top-left-radius:6px;
    -webkit-border-top-right-radius:6px;
    -moz-border-radius-topright:6px;
    border-top-right-radius:6px;
    -webkit-border-bottom-right-radius:6px;
    -moz-border-radius-bottomright:6px;
    border-bottom-right-radius:6px;
    -webkit-border-bottom-left-radius:6px;
    -moz-border-radius-bottomleft:6px;
    border-bottom-left-radius:6px;
    text-indent:0;
    border:1px solid #1f2223;
    z-index: 999;
}
.del_controls {
    display: none;
}
.del_controls {
    cursor: pointer;
    padding: 5px;
    border-radius: 5px;
    letter-spacing: normal;
    display: none;
    position: absolute;
    left: 5px;
    top: 5px;
    height: 30px;
    -moz-box-shadow:inset 0px 1px 0px 0px #858c94;
    -webkit-box-shadow:inset 0px 1px 0px 0px #858c94;
    box-shadow:inset 0px 1px 0px 0px #858c94;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #363b3e), color-stop(1, #363b3e) );
    background:-moz-linear-gradient( center top, #363b3e 5%, #363b3e 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#363b3e', endColorstr='#363b3e');
    background-color:#363b3e;
    -webkit-border-top-left-radius:6px;
    -moz-border-radius-topleft:6px;
    border-top-left-radius:6px;
    -webkit-border-top-right-radius:6px;
    -moz-border-radius-topright:6px;
    border-top-right-radius:6px;
    -webkit-border-bottom-right-radius:6px;
    -moz-border-radius-bottomright:6px;
    border-bottom-right-radius:6px;
    -webkit-border-bottom-left-radius:6px;
    -moz-border-radius-bottomleft:6px;
    border-bottom-left-radius:6px;
    text-indent:0;
    border:1px solid #1f2223;
    z-index: 999;
}
.blank {
    background: url("../images/drag_here.png") no-repeat center top;
    color: #999;
    font-size: 20px;
    padding: 200px 20px 20px 20px;
    text-align: center;
    border: 1px dashed #ddd;
}
.blank img {
    max-width: 100%;
}
.object_mask {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.object_mask_holder {
    position: relative;
    width: 100%;
    height: 100%;
}

/*變更背景*/
.background-tool-right-top a {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 999;
    text-decoration: none;
    color: #fff;
    border-radius: 5px;
    padding: 5px 10px;
    letter-spacing: normal;
    -moz-box-shadow: inset 0px 1px 0px 0px #858c94;
    -webkit-box-shadow: inset 0px 1px 0px 0px #858c94;
    box-shadow: inset 0px 1px 0px 0px #858c94;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4b5155), color-stop(1, #4b5155) );
    background: -moz-linear-gradient( center top, #4b5155 5%, #4b5155 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4b5155', endColorstr='#4b5155');
    background-color: #4b5155;
    text-indent: 0;
    border: 1px solid #1f2223;
    font-family: 微軟正黑體;
    margin-top: 5px;
}
.background-tool-right-bottom a {
    display: none;
}
.row:hover .background-tool-right-bottom a {
    display: block;
    position: absolute;
    bottom: 20px;
    right: 20px;
    z-index: 999;
    text-decoration: none;
    color: #fff;
    border-radius: 5px;
    padding: 5px 10px;
    letter-spacing: normal;
    -moz-box-shadow: inset 0px 1px 0px 0px #858c94;
    -webkit-box-shadow: inset 0px 1px 0px 0px #858c94;
    box-shadow: inset 0px 1px 0px 0px #858c94;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4b5155), color-stop(1, #4b5155) );
    background: -moz-linear-gradient( center top, #4b5155 5%, #4b5155 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4b5155', endColorstr='#4b5155');
    background-color: #4b5155;
    text-indent: 0;
    border: 1px solid #1f2223;
    font-family: 微軟正黑體;
    margin-top: 5px;
}

/*背景圖開關定位用*/
.row, .node {
    position: relative;
}

/*浮動視窗*/
#mask {
    top: 0;
    left: 0;
    position: absolute;
    z-index: 9000;
    background-color: #000;
    display: none;
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}
#modal {
    display: none;
    width: 300px;
    margin: 10px auto;
    text-align: left;
    z-index: 9999;
    position: absolute;
    color: #fff;
    padding: 10px;
    border-radius: 5px;
    letter-spacing: normal;
    -moz-box-shadow:inset 0px 1px 0px 0px #858c94;
    -webkit-box-shadow:inset 0px 1px 0px 0px #858c94;
    box-shadow:inset 0px 1px 0px 0px #858c94;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #363b3e), color-stop(1, #363b3e) );
    background:-moz-linear-gradient( center top, #363b3e 5%, #363b3e 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#363b3e', endColorstr='#363b3e');
    background-color:#363b3e;
    -webkit-border-top-left-radius:6px;
    -moz-border-radius-topleft:6px;
    border-top-left-radius:6px;
    -webkit-border-top-right-radius:6px;
    -moz-border-radius-topright:6px;
    border-top-right-radius:6px;
    -webkit-border-bottom-right-radius:6px;
    -moz-border-radius-bottomright:6px;
    border-bottom-right-radius:6px;
    -webkit-border-bottom-left-radius:6px;
    -moz-border-radius-bottomleft:6px;
    border-bottom-left-radius:6px;
    text-indent:0;
    border:1px solid #1f2223;
    line-height: 25px;
}
.editor_form .sub-title {
    color: #ccc;
    font-size: 14px;
    display: block;
    margin-bottom: 5px;
    border-bottom: 1px solid #494e51;
}
.editor_form .sub-title a {
    color: #ccc;
    text-decoration: underline;
    margin-left: 5px;
}
.editor_form .drag-btn {
    float: right;
    cursor: move;
}
.editor_form .del-btn {
    float: right;
    cursor: pointer;
    margin-left: 5px;
}
.editor_form_item {
    padding: 10px 0px;
    border-bottom: 1px solid #494e51;
}
#form_item_add {
    padding: 10px 0px;
    border-bottom: 1px solid #494e51;
}
#form_item_add a {
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    padding: 5px 10px;
    letter-spacing: normal;
    -moz-box-shadow: inset 0px 1px 0px 0px #858c94;
    -webkit-box-shadow: inset 0px 1px 0px 0px #858c94;
    box-shadow: inset 0px 1px 0px 0px #858c94;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4b5155), color-stop(1, #4b5155) );
    background: -moz-linear-gradient( center top, #4b5155 5%, #4b5155 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4b5155', endColorstr='#4b5155');
    background-color: #4b5155;
    text-indent: 0;
    border: 1px solid #1f2223;
    font-family: 微軟正黑體;
    margin-top: 5px;
}
.editor_schedule_item {
    padding: 10px 0px;
    border-bottom: 1px solid #494e51;
}
#schedule_item_add {
    padding: 10px 0px;
    border-bottom: 1px solid #494e51;
}
#schedule_item_add a {
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    padding: 5px 10px;
    letter-spacing: normal;
    -moz-box-shadow: inset 0px 1px 0px 0px #858c94;
    -webkit-box-shadow: inset 0px 1px 0px 0px #858c94;
    box-shadow: inset 0px 1px 0px 0px #858c94;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4b5155), color-stop(1, #4b5155) );
    background: -moz-linear-gradient( center top, #4b5155 5%, #4b5155 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4b5155', endColorstr='#4b5155');
    background-color: #4b5155;
    text-indent: 0;
    border: 1px solid #1f2223;
    font-family: 微軟正黑體;
    margin-top: 5px;
}
.gallery_item_add .add_video {
    float: left;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    padding: 5px 10px;
    letter-spacing: normal;
    -moz-box-shadow: inset 0px 1px 0px 0px #858c94;
    -webkit-box-shadow: inset 0px 1px 0px 0px #858c94;
    box-shadow: inset 0px 1px 0px 0px #858c94;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4b5155), color-stop(1, #4b5155) );
    background: -moz-linear-gradient( center top, #4b5155 5%, #4b5155 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4b5155', endColorstr='#4b5155');
    background-color: #4b5155;
    text-indent: 0;
    border: 1px solid #1f2223;
    font-family: 微軟正黑體;
    margin: 5px 5px 0px 0px;
}

/*工具列*/
#functions {
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(244,244,244,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(244,244,244,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(244,244,244,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(244,244,244,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(244,244,244,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(244,244,244,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */
    -webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.2);
    position: fixed;
    top:0px;
    left:0px;
    width: 100%;
    z-index: 8000;
    min-width: 1124px;
}
#functions #back {
    background: rgb(255,116,149); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,116,149,1) 0%, rgba(241,94,129,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,116,149,1)), color-stop(100%,rgba(241,94,129,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,116,149,1) 0%,rgba(241,94,129,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,116,149,1) 0%,rgba(241,94,129,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,116,149,1) 0%,rgba(241,94,129,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,116,149,1) 0%,rgba(241,94,129,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7495', endColorstr='#f15e81',GradientType=0 ); /* IE6-9 */
    float: left;
    padding: 10px 7px 5px;
    text-decoration: none;
    font-size: 17px;
    color: #666;
}
#functions .set_theme {
    padding: 13px 10px 10px 37px;
    text-decoration: none;
    font-size: 17px;
    color: #666;
    background: url("../images/set-theme1.png") no-repeat 10px 14px;
    border-right: 1px solid #ddd;
}
#functions .add_frame {
    padding: 13px 10px 10px 37px;
    text-decoration: none;
    font-size: 17px;
    color: #666;
    background: url("../images/add1.png") no-repeat 10px 15px;
    border-right: 1px solid #ddd;
}
#functions .add_combo {
    padding: 13px 10px 10px 37px;
    text-decoration: none;
    font-size: 17px;
    color: #666;
    background: url("../images/add1.png") no-repeat 10px 15px;
    border-right: 1px solid #ddd;
}
#functions .seo_set {
    padding: 13px 10px 10px 37px;
    text-decoration: none;
    font-size: 17px;
    color: #666;
    background: url("../images/seo1.png") no-repeat 10px 15px;
    border-right: 1px solid #ddd;
}
#functions .ab_test {
    padding: 13px 10px 10px 10px;
    text-decoration: none;
    font-size: 17px;
    color: #666;
    border-right: 1px solid #ddd;
}
#functions #save_page {
    background: rgb(255,116,149); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,116,149,1) 0%, rgba(241,94,129,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,116,149,1)), color-stop(100%,rgba(241,94,129,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,116,149,1) 0%,rgba(241,94,129,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,116,149,1) 0%,rgba(241,94,129,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,116,149,1) 0%,rgba(241,94,129,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,116,149,1) 0%,rgba(241,94,129,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7495', endColorstr='#f15e81',GradientType=0 ); /* IE6-9 */
    color: #fff;
    padding: 8px 32px;
    text-decoration: none;
    font-size: 20px;
    float: right;
    position: relative;
}
#save_page .save-time {
    display: none;
}
#save_page:hover .save-time {
    display: block;
    background: #333;
    font-size: 13px;
    width: 250px;
    padding: 7px;
    border-radius: 5px;
    text-align: center;
    position: absolute;
    right: 5px;
    top: 55px;
}
#save_page .triangle {
    display: none;
}
#save_page:hover .triangle {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 12.5px 12px 12.5px;
    border-color: transparent transparent #333333 transparent;
    position: absolute;
    right: 55px;
    top: 45px;
}
#system_msg {
    display: none;
    background: #ff7495;
    color: #fff;
    padding: 10px;
    border-radius: 5px;
    text-align: center;
    width: 200px;
    position: fixed;
    top: 60px;
    left: 40%;
    z-index: 99999;
}
#functions #preview {
    float: right;
    padding: 9px 10px 9px 33px;
    text-decoration: none;
    font-size: 17px;
    color: #666;
    background: url("../images/preview1.png") no-repeat 10px 13px;
    border-left: 1px solid #ddd;
}
#functions #save_template {
    float: right;
    padding: 9px 10px 10px;
    text-decoration: none;
    font-size: 17px;
    color: #666;
    border-left: 1px solid #ddd;
}
#functions #save_as_template {
    float: right;
    padding: 9px 10px 10px;
    text-decoration: none;
    font-size: 17px;
    color: #666;
    border-left: 1px solid #ddd;
}

#qaContent ul.accordionPart {
    float: left;
}
#qaContent ul.accordionPart li {
    padding-bottom: 11px;
    margin-top: 9px;
}
#qaContent ul.accordionPart li .qa_title {
    cursor: pointer;
}
#qaContent ul.accordionPart li .qa_title_on {
}
#qaContent ul.accordionPart li .qa_content {
    background: #363b3e;
    -webkit-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.4);
    box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.4);
    color: #fff;
    position: absolute;
    top: 44px;
    left: 0px;
    width: 99%;
    padding: 10px;
}
#qaContent ul.accordionPart li .qa_content a {
    color: #fff;
    text-decoration: none;
}
#qaContent ul.accordionPart li .qa_content .active {
    border: 1px solid #ff7495;
}
#qaContent .landing-status-tag {
    background: #fd7192;
    border-radius: 3px;
    font-size: 14px;
    margin: 0px 5px 0px 10px;
    padding: 0px 5px;
    color: #fff;
    cursor: auto;
}
#qaContent .landing-status {
    font-size: 14px;
    color: #666;
    cursor: auto;
}
#qaContent .landing-status a {
    color: #888;
}

/*配色表*/
.color-set {
    background: #4b5155;
    border: 1px solid #5f6367;
    border-radius: 5px;
    float: left;
    height: 70px;
    overflow: hidden;
    margin: 5px 7px;
}
.color-set .color {
    display: inline-block;
    height: 70px;
    width: 20px;
}
.color-set .c1 {
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.color-set .c4 {
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

/*配色1*/
#color-set1 .c1 {
    background: #333;
}
#color-set1 .c2 {
    background: #fff;
}
#color-set1 .c3 {
    background: #4c393a;
}
#color-set1 .c4 {
    background: #f57d29;
}
/*配色2*/
#color-set2 .c1 {
    background: #333;
}
#color-set2 .c2 {
    background: #fff;
}
#color-set2 .c3 {
    background: #4c393a;
}
#color-set2 .c4 {
    background: #b54200;
}
/*配色3*/
#color-set3 .c1 {
    background: #59473e;
}
#color-set3 .c2 {
    background: #e16411;
}
#color-set3 .c3 {
    background: #59473e;
}
#color-set3 .c4 {
    background: #fcd254;
}
/*配色4*/
#color-set4 .c1 {
    background: #4c3a3a;
}
#color-set4 .c2 {
    background: #fff;
}
#color-set4 .c3 {
    background: #4c3a3a;
}
#color-set4 .c4 {
    background: #fcd254;
}
/*配色5*/
#color-set5 .c1 {
    background: #fff;
}
#color-set5 .c2 {
    background: #eee;
}
#color-set5 .c3 {
    background: #fff;
}
#color-set5 .c4 {
    background: #f10e84;
}
/*配色6*/
#color-set6 .c1 {
    background: #fff;
}
#color-set6 .c2 {
    background: #eee;
}
#color-set6 .c3 {
    background: #fff;
}
#color-set6 .c4 {
    background: #009289;
}
/*配色7*/
#color-set7 .c1 {
    background: #fff;
}
#color-set7 .c2 {
    background: #eee;
}
#color-set7 .c3 {
    background: #fff;
}
#color-set7 .c4 {
    background: #9eac00;
}
/*配色8*/
#color-set8 .c1 {
    background: #fff;
}
#color-set8 .c2 {
    background: #333;
}
#color-set8 .c3 {
    background: #fff;
}
#color-set8 .c4 {
    background: #d52255;
}
/*配色9*/
#color-set9 .c1 {
    background: #000;
}
#color-set9 .c2 {
    background: #fff;
}
#color-set9 .c3 {
    background: #eee;
}
#color-set9 .c4 {
    background: #9eac00;
}
/*配色10*/
#color-set10 .c1 {
    background: #61bec6;
}
#color-set10 .c2 {
    background: #fff;
}
#color-set10 .c3 {
    background: #eee;
}
#color-set10 .c4 {
    background: #3cadb7;
}
/*配色11*/
#color-set11 .c1 {
    background: #927a5e;
}
#color-set11 .c2 {
    background: #fff;
}
#color-set11 .c3 {
    background: #eee;
}
#color-set11 .c4 {
    background: #927a5e;
}

/*框架表*/
.frame-set {
    float: left;
    text-align: center;
    position: relative;
}
.frame-set .frame-img {
    background: #4b5155;
    border: 1px solid #5f6367;
    padding: 2px;
    border-radius: 10px;
    height: 70px;
    overflow: hidden;
    margin: 0px 5px;
}
.frame-set a {
    color: #d2d4d4;
    text-decoration: none;
}
.frame-set a .add {
    display: none;
}
.frame-set a:hover .add {
    display: block;
    background: #ff7495;
    color: #fff;
    position: absolute;
    bottom: 0px;
    left: 13px;
    border-radius: 5px;
    padding: 0px 28px;
}

/*元件表*/
.combo-set {
    float: left;
    text-align: center;
    position: relative;
}
.combo-set .combo-img {
    background: #4b5155;
    border: 1px solid #5f6367;
    padding: 2px;
    border-radius: 10px;
    height: 70px;
    overflow: hidden;
    margin: 0px 5px;
}
.combo-set a {
    color: #d2d4d4;
    text-decoration: none;
}
.combo-set a .add {
    display: none;
}
.combo-set a:hover .add {
    display: block;
    background: #ff7495;
    color: #fff;
    position: absolute;
    bottom: 0px;
    left: 13px;
    border-radius: 5px;
    padding: 0px 28px;
}

/*副選單*/
.submenu {
    background: #1b1c1f;
    border-radius: 10px;
    padding: 10px;
    text-align: left;
    margin: 10px 15px 0px 5px;
    position: relative;
    display: block;
    min-width: 900px;
}
.submenu .sub-img {
    background: #33383b;
    border: 1px solid #3e4346;
    padding: 5px;
    border-radius: 10px;
    width: 100px;
    overflow: hidden;
    margin: 0px 5px;
}
.submenu .sub-a-wrap {
    /*height: 85px;
    overflow: auto;*/
}
.submenu a {
    color: #a1a6ab;
    font-size: 15px;
    text-decoration: none;
    height: 85px;
    display: inline-block;
    text-align: center;
    position: relative;
}
.submenu a .add {
    display: none;
}
.submenu a:hover .add {
    display: block;
    background: #ff7495;
    color: #fff;
    position: absolute;
    bottom: 1px;
    left: 20px;
    border-radius: 5px;
    padding: 0px 25px;
}
#sub1 .triangle {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 12.5px 10px 12.5px;
    border-color: transparent transparent #1b1c1f transparent;
    position: absolute;
    top: -10px;
    left: 35px;
}
#sub2 .triangle {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 12.5px 10px 12.5px;
    border-color: transparent transparent #1b1c1f transparent;
    position: absolute;
    top: -10px;
    left: 150px;
}
#sub3 .triangle {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 12.5px 10px 12.5px;
    border-color: transparent transparent #1b1c1f transparent;
    position: absolute;
    top: -10px;
    left: 262px;
}
#sub4 .triangle {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 12.5px 10px 12.5px;
    border-color: transparent transparent #1b1c1f transparent;
    position: absolute;
    top: -10px;
    left: 372px;
}
#sub5 .triangle {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 12.5px 10px 12.5px;
    border-color: transparent transparent #1b1c1f transparent;
    position: absolute;
    top: -10px;
    left: 482px;
}

/*選擇樣版*/
.vw-logo .logo-img {
    max-height: 60px;
    margin-left: 7%;
}
.vw-logo .logo-text {
    max-height: 60px;
}
#template-wrap {
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
    background: #fff;
    border-radius: 5px;
    width: 80%;
    margin: 0px auto;
    min-height: 400px;
    position: relative;
    text-align: center;
    padding: 30px 30px;
}
#template-wrap h1 {
    color: #333;
    font-weight: normal;
}
#template-wrap h2 {
    color: #666;
    font-size: 16px;
    font-weight: normal;
}
#template-list-wrap {
    margin-top: 10px;
}
.template-list {
    display: inline-block;
    width: 30%;
    margin: 10px;
}
.template-list img {
    width: 100%;
    border: 1px solid #ddd;
}
.template-list img:hover {
    border: 1px solid #ff7495;
}

/*footer*/
footer{
    text-align: center;
    font-size: 12px;
    padding-top: 10px;
}
footer li {
    display: inline;
    margin: 0px 3px;
}
footer div {
    font-size: 12px;
}
footer a, footer a:link, footer a:active, footer a:visited, footer a:hover{
    color: #ea5b7c;
    text-decoration: none;
}

/*進度bar*/
.fade {
    display: none;
}

/*同意服務條款*/
.headline-rule {
    text-align: center;
}