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

	SUPERBOARD :: PRODUCT SKIN :: basic

**************************************************/
/* list */
.port-tab1{margin-bottom: 40px;}
.port-tab1 li{display: inline-block;width: 20%;border: 1px solid #ddd;margin: 0 -1px -1px 0;box-sizing: border-box;position: relative;z-index: 0;}
.port-tab1 li a{display: block;text-align: center;font-size: 15px;line-height: 45px;text-decoration: none;color: #000;}
.port-tab1 li.active{border-color: #f93b2b;z-index: 20;}
.port-tab1 li.active a{background: #f93b2b;color: #fff;}

.port-tab2{border-top: 2px solid #f93b2b;background: #f7f7f7;border-bottom: 1px solid #ddd;margin-bottom: 40px;text-align: center;padding: 20px 0;}
.port-tab2 li{display: inline-block;margin: 5px 10px;}
.port-tab2 li a{font-size: 14px;color: #000;}

.port-sort {border-top: 2px solid #333;border-bottom: 1px solid #ddd;background: #f4f5f5;padding: 10px 30px;}
.port-sort > li {display: inline-block;zoom: 1;*display: inline;vertical-align: middle;}
.port-sort > li:before {display: inline-block;zoom: 1;*display: inline;vertical-align: middle;content: '';width: 1px;height: 10px;background: #ddd;margin: 0 26px;}
.port-sort > li:first-child:before {display: none;}
.port-sort > li a {display: inline-block;zoom: 1;*display: inline;vertical-align: middle;font-size: 16px;color: #666666;letter-spacing: -0.02em;line-height: 33px;}
.port-sort > li.active a {color: #f93b2b;}

.port-list > li {border-bottom: 1px solid #333;padding: 25px 0;position: relative;min-height: 260px;}
.port-list > li:after {display: block;clear: both;content: '';}
.port-list > li .link {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 2;}
.port-list > li .tmb {float: left;width: 400px;height: 400px;line-height: 400px;font-family: empty;font-size: 0;text-align: center;position: relative;background-repeat: no-repeat;background-position: center center;background-size: contain;}
.sub106 .port-list > li .tmb {height: 420px;line-height: 420px;}
.port-list > li .tmb img {max-width: 100%;max-height: 100%;vertical-align: middle;}
.port-list > li .tmb img:not(.icon) {opacity: 0;}
.port-list > li .tmb .icon {position: absolute;bottom: 0;right: 0;}
.port-list > li .info {float: right;width: 840px;margin-top: 25px;}
.port-list > li .tit {display: block;font-size: 22px;color: #f93b2b;font-weight: 600;letter-spacing: -0.02em;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;max-width: 100%;}
.port-list > li .tit span {color: rgba(0,0,0,0.4);font-size: 18px;font-weight: 600;margin-left: 10px;}
.port-list > li .txt {display: block;margin-top: 32px;font-size: 16px;color: #666666;letter-spacing: -0.02em;overflow: hidden;line-height: 1.6em;max-height: 4.8em;}
.port-list > li .opt {display: block;margin-top: 20px;max-width: 90%;height: 50px;overflow: hidden;}
.port-list > li .opt > li {display: inline-block;vertical-align: middle;font-size: 15px;color: #888888;letter-spacing: -0.01em;line-height: 25px;}
.port-list > li .opt > li:after {display: inline-block;zoom: 1;*display: inline;vertical-align: middle;content: '';width: 1px;height: 10px;background: #ddd;margin: 0 12px;}
.port-list > li .opt > li:last-child:after {display: none;}
.port-list > li .tag {margin-top: 50px;}
.port-list > li .tag > li {display: inline-block;vertical-align: middle;font-size: 15px;color: #aaaaaa;letter-spacing: -0.01em;line-height: 25px;margin-right: 12px;}
.port-list > li .tag > li:before {display: inline-block;zoom: 1;*display: inline;vertical-align: middle;content: '#';font-size: 15px;color: #aaaaaa;letter-spacing: -0.01em;line-height: 25px;margin-top: -3px;margin-right: 1px;}

.port-no-data{margin: 50px 0;text-align: center;font-size: 14px;color: #999;background: #f7f7f7;padding: 40px 0;font-style: italic;}

/* view */
.port-view {border: 1px solid #ddd;position: relative;z-index: 2;}
.port-view:after {display: block;clear: both;content: '';}
.port-view > * {float: left;}
.port-view .lef {width: calc(100% - 480px);padding: 40px;}
.port-view .lef > * {float: left;width: 56%;}
.port-view .lef dl {width: 39%;margin-left: 5%;position: relative;}
.port-view .lef dl dt > * {display: block;margin: 10px 0;margin-right: 70px;}
.port-view .lef dl dt h4 {font-size: 22px;color: #f93b2b;font-weight: 600;letter-spacing: -.02em;line-height: 1.2em;}
.port-view .lef dl dt p {font-size: 16px;color: #666666;letter-spacing: -0.01em;line-height: 1.2em;}
.port-view .lef dl dd {margin-top: 20px;}
.port-view .rig {width: 400px;}
.port-view .rig:after {display: block;content: '';width: 399px;height: 100%;position: absolute;top: 0;z-index: -1;border-left: 1px solid #ddd;background: #f7f7f7;}
.port-view .rig dl {margin: 0 40px;margin-top: 18px;padding-top: 18px;border-top: 1px solid #ddd;}
.port-view .rig dl:first-child {margin-top: 40px;padding-top: 0;border-top: 0;}
.port-view .rig dl dt {font-size: 16px;color: #333333;font-weight: 500;letter-spacing: -0.02em;line-height: 1.2em;}
.port-view .rig dl dd {margin-top: 12px;color: #888888;letter-spacing: -0.01em;line-height: 22px;}
.port-view .rig dl dd p {color: #888888;letter-spacing: -0.01em;line-height: 22px;}
.port-view .bw {position: relative;background: #fff;}
.port-view .bw li {text-align: center;font-family: empty;font-size: 0;height: 420px;}
.port-view .bw li:before {display: inline-block;vertical-align: middle;content: '';width: 0;height: 100%;}
.port-view .bw li img {vertical-align: middle;max-width: 100%;max-height: 100%;}
.port-view .bw .bx-pager {position: absolute;bottom: 20px;left: 0;z-index: 60;width: 100%;text-align: center;}
.port-view .bw .bx-pager-item {display: inline-block;vertical-align: middle;margin: 3px;}
.port-view .bw .bx-pager-item a {display: block;width: 11px;height: 11px;background: #fff;border-radius: 6px;overflow: hidden;text-indent: -9999px;box-shadow: 0 0 3px rgba(0,0,0,0.12);}
.port-view .bw .bx-pager-item a.active {width: 30px;background: #f93b2b;}
.port-view .port-sns {position: absolute;top: 0;right: 0;}
.port-view .port-sns li {display: inline-block;vertical-align: top;margin-left: 5px;}
.port-view .port-sns a {display: block;}
.port-view .port-sns img {display: block;}
.port-view .opt {margin-top: 20px;}
.port-view .opt > li {font-size: 15px;color: #888888;letter-spacing: -0.01em;line-height: 25px;position: relative;padding-left: 130px;}
.port-view .opt > li:after {display: block;content: '';position: absolute;top: 10px;left: 0;width: 4px;height: 4px;background: #f93b2b;border-radius: 50%;}
.port-view .opt > li b {display: block;width: 88px;position: absolute;top: 0;left: 15px;font-size: 15px;color: #666666;font-weight: normal;letter-spacing: -0.01em;line-height: 25px;}
.port-view .opt > li b:after {display: block;content: '';position: absolute;top: 5px;right: 0;width: 1px;height: 15px;background: #ddd;}
.port-view .star {margin: 25px 0;}
.port-view .star:after {display: block;clear: both;content: '';}
.port-view .star > * {float: left;line-height: 22px;}
.port-view .star strong {font-size: 16px;color: #333333;font-weight: 500;letter-spacing: -0.01em;}
.port-view .star span {margin-left: 10px;font-size: 15px;color: #888888;letter-spacing: -0.01em;}
.port-view .star .icon {font-family: empty;font-size: 0;margin-left: 20px;}
.port-view .star .icon img {margin: -2px 1px 0;}
.port-view .btns {margin-top: 25px;}
.port-view .btns .sb-btn {border-radius: 5px;border-width: 2px;height: 40px;line-height: 36px;margin-right: 2px;text-decoration: none;}
.port-view .btns .sb-btn.type6 {background: #fff;border-color: #f93b2b;color: #f93b2b !important;}
.port-view .tag {margin: 20px 0;padding-left: 58px;position: relative;}
.port-view .tag:after {display: block;content: 'TAG';position: absolute;top: 0;left: 0;height: 20px;line-height: 20px;padding: 0 13px;background: #aaaaaa;border-radius: 10px;font-size: 13px;color: #fff;letter-spacing: -0.01em;}
.port-view .tag > li {display: inline-block;vertical-align: top;color: #aaaaaa;letter-spacing: -0.01em;line-height: 20px;}
.port-view .tag > li:after {display: inline-block;content: ', ';color: #aaaaaa;letter-spacing: -0.01em;line-height: 20px;}
.port-view .tag > li:last-child:after {display: none;}
.port-view .down {margin: 17px 0;}
.port-view .down:after {display: block;clear: both;content: '';}
.port-view .down a {float: left;width: 155px;text-align: center;height: 40px;line-height: 40px;border-radius: 5px;background: #444444;color: #fff;font-weight: 500;letter-spacing: -0.01em;text-decoration: none;margin: 3px 3px 0 0;}
.port-view .down a i {margin-left: 5px;}

.port-about {border-bottom: 1px solid #ddd;position: relative;padding-right: 460px;}
.port-about .lef hr {margin: 0;padding: 0;border: 0;display: block;height: 1px;background: #ddd;margin: 60px 0;}
.port-about .lef dl {margin: 60px 0;}
.port-about .lef dl dt {font-size: 20px;color: #333333;font-weight: 500;letter-spacing: -0.02em;line-height: 1.2em;}
.port-about .lef dl dd {margin-top: 25px;font-size: 16px;color: #888888;letter-spacing: -0.02em;line-height: 24px;word-break:keep-all !important; -ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto;}
.port-about .rig {position: absolute;top: 0;right: 0;width: 400px;height: calc(100% - 70px);padding-top: 70px;}
.port-about .rig dt {border: 1px solid #ddd;position: absolute;top: 0;left: 0;width: calc(100% - 80px);padding: 0 40px;background: #f7f7f7;height: 70px;line-height: 70px;font-size: 20px;color: #333333;font-weight: 500;letter-spacing: -0.02em;}
.port-about .rig dd {border: 1px solid #ddd;border-width: 0 1px;overflow-y: auto;height: 100%;}

.team-list {margin: 0 40px 40px;}
.team-list > li {padding: 48px 0;position: relative;padding-left: 100px;border-bottom: 1px solid #ddd;}
.team-list > li .link {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 2;}
.team-list > li .thm {position: absolute;top: 50%;left: 0;width: 80px;height: 80px;margin-top: -40px;border-radius: 50%;background-repeat: no-repeat;background-position: center center;-webkit-background-size: cover;background-size: cover;}
.team-list > li strong {display: block;font-size: 16px;color: #333333;font-weight: normal;letter-spacing: -0.02em;line-height: 1.2em;}
.team-list > li em {display: block;margin-top: 10px;color: #888888;font-weight: normal;letter-spacing: -0.02em;line-height: 1.2em;font-style: normal;}
.video-list {margin: -1%;}
.video-list > li {display: inline-block;vertical-align: top;margin: 1%;width: 31.33%;border: 1px solid #ddd;box-sizing: border-box;}
.video-list > li strong {display: block;text-align: center;background: #f7f7f7;font-size: 15px;color: #666;font-weight: normal;letter-spacing: -0.02em;height: 50px;line-height: 50px;padding: 0 15px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 100%;}
.photo-list {margin: -1%;}
.photo-list > li {display: inline-block;vertical-align: top;margin: 1%;width: 31.33%;border: 1px solid #ddd;box-sizing: border-box;}
.photo-list > li a {display: block;}
.photo-list > li img {width: 100%;display: block;}

.port-review {border: 10px solid #eeeeee;padding: 40px;}
.port-review > dt {position: relative;}
.port-review > dt:after {display: block;clear: both;content: '';}
.port-review > dt > * {float: left;line-height: 22px;}
.port-review > dt strong {font-size: 20px;color: #333333;font-weight: 500;letter-spacing: -0.02em;line-height: 1em;}
.port-review > dt .icon {font-family: empty;font-size: 0;margin-left: 20px;}
.port-review > dt .icon img {margin: -2px 1px 0;}
.port-review > dt b {margin-left: 3px;font-size: 18px;color: #333333;font-weight: 500;letter-spacing: -0.01em;}
.port-review > dt span {margin-left: 5px;font-size: 18px;color: #888888;letter-spacing: -0.01em;}
.port-review > dt .count {position: absolute;top: 0;right: 0;color: #888888;font-style: normal;letter-spacing: -0.01em;line-height: 1em;}
.port-review > dd {margin-top: 20px;}

.review-lsit > li {border-top: 1px solid #ddd;padding: 35px 0;position: relative;}
.review-lsit > li:last-child {padding-bottom: 0;}
.review-lsit .link {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 2;}
.review-lsit .info > * {display: inline-block;zoom: 1;*display: inline;vertical-align: middle;}
.review-lsit .info span {font-size: 15px;color: #999999;letter-spacing: -0.02em;}
.review-lsit .info .btns {margin-left: 40px;}
.review-lsit .info .btns a {margin-left: 15px;position: relative;font-size: 15px;color: #999999;}
.review-lsit .info .btns a:after {display: block;content: '';position: absolute;top: 50%;left: -7px;width: 1px;height: 12px;margin-top: -6px;background: #cccccc;}
.review-lsit .info .btns a:first-child:after {display: none;}
.review-lsit .txt {display: block;margin-top: 20px;font-size: 16px;color: #666666;letter-spacing: -0.02em;}
.review-lsit .po_rig {position: absolute;top: 50%;right: 0;z-index: 3;margin-top: -33px;}
.review-lsit .po_rig .btns {display: block;margin-bottom: 10px;text-align: center;}
.review-lsit .po_rig .btns a {display: inline-block;margin: 0 2px;}
.review-lsit .po_rig .btns a img.on {display: none;}
.review-lsit .po_rig .btns a img.off {display: block;}
.review-lsit .po_rig .btns a.active img.on {display: block;}
.review-lsit .po_rig .btns a.active img.off {display: none;}
.review-lsit .po_rig .star:after {display: block;clear: both;content: '';}
.review-lsit .po_rig .star > * {float: left;line-height: 22px;}
.review-lsit .po_rig .star .icon {font-family: empty;font-size: 0;line-height: 22px;}
.review-lsit .po_rig .star .icon img {margin: -2px 1px 0;}
.review-lsit .po_rig .star b {font-size: 18px;color: #333333;font-weight: 500;letter-spacing: -0.01em;line-height: 22px;}

@media screen and (max-width: 750px) {

    /* list */
    .port-tab1{margin-bottom: 20px;}
    .port-tab1 li{width: 33.33%;}
    .port-tab1 li a{font-size: 13px;line-height: 35px;}

    .port-tab2{margin-bottom: 20px;padding: 15px 0;}
    .port-tab2 li{margin: 5px 8px;}
    .port-tab2 li a{font-size: 13px;}

    .port-sort {border-top: 1px solid #333;padding: 10px;margin-bottom: 20px;}
    .port-sort > li:before {margin: 0 10px;}
    .port-sort > li a {font-size: 12px;line-height: 30px;}

    .port-list {margin: -1%;}
    .port-list > li {display: inline-block;zoom: 1;*display: inline;vertical-align: top;width: 48%;margin: 1%;padding: 0;min-height: auto;box-sizing: border-box;}
    .port-list > li .tmb {float: none;width: auto;height: auto;line-height: 0;border: 1px solid #ddd;}
    .port-list > li .tmb img {position: static;height: auto;width: 100%;max-width: 300px;}
    .port-list > li .tmb .icon {width: auto;max-width: 50% !important;}
    .port-list > li .info {float: none;width: auto;border: 1px solid #ddd;border-top: 0;padding: 10px;margin: 0;}
    .port-list > li .tit {font-size: 14px;}
    .port-list > li .tit span {font-size: 11px;margin-left: 5px;}
    .port-list > li .txt {margin-top: 10px;font-size: 13px;line-height: 1.4em;height: 4.2em;overflow: hidden;}
    .port-list > li .opt {margin-top: 10px;max-width: 100%;height: 40px;overflow: hidden;}
    .port-list > li .opt > li {font-size: 11px;line-height: 20px;}
    .port-list > li .opt > li:after {margin: 0 5px;}
    .port-list > li .tag {margin-top: 10px;height: 20px;overflow: hidden;}
    .port-list > li .tag > li {font-size: 11px;height: 20px;line-height: 20px;margin-left: 5px;margin-right: 0;}
    .port-list > li .tag > li:first-child {margin-left: 0;}
    .port-list > li .tag > li:before {font-size: 11px;}
    .sub106 .port-list > li .tmb {height: auto;line-height: 0;}

    .port-no-data{margin: 50px 0;font-size: 13px;padding: 20px 0;}

    /* view */
    .port-view > * {float: none;}
    .port-view .lef {width: auto;padding: 10px;}
    .port-view .lef > * {float: none;width: auto;}
    .port-view .lef dl {width: auto;margin: 20px 0 0;}
    .port-view .lef dl dt h4 {font-size: 14px;}
    .port-view .lef dl dt p {font-size: 12px;}
    .port-view .rig {width: auto;background: #f7f7f7;padding: 15px 0;}
    .port-view .rig:after {display: none;}
    .port-view .rig dl {margin: 0 10px;margin-top: 15px;padding-top: 15px;}
    .port-view .rig dl:first-child {margin-top: 0;padding-top: 0;}
    .port-view .rig dl dt {font-size: 14px;}
    .port-view .rig dl dd {margin-top: 5px;font-size: 11px;line-height: 1.6em;}
    .port-view .rig dl dd p {font-size: 12px;line-height: 1.6em;}
    .port-view .bw li {height: 220px;}
    .port-view .bw .bx-pager {bottom: 10px;}
    .port-view .port-sns li {margin-left: 8px;}
    .port-view .port-sns img {height: 28px;}
    .port-view .opt {margin-top: 15px;}
    .port-view .opt > li {margin: 5px 0;font-size: 12px;line-height: 20px;padding-left: 70px;}
    .port-view .opt > li:after {display: none;}
    .port-view .opt > li b {width: 70px;left: 0;font-size: 12px;color: #000;line-height: 20px;}
    .port-view .opt > li b:after {display: none;}
    .port-view .star {margin: 20px 0;}
    .port-view .star > * {line-height: 20px;}
    .port-view .star strong {font-size: 14px;}
    .port-view .star span {font-size: 12px;}
    .port-view .btns {margin-top: 20px;}
    .port-view .btns .sb-btn {border-radius: 0;border-width: 1px;height: 30px;line-height: 28px;font-size: 12px !important;padding: 0 5px !important;}
    .port-view .tag {padding-left: 40px;}
    .port-view .tag:after {padding: 0 5px;font-size: 11px;}
    .port-view .tag > li {font-size: 11px;}
    .port-view .tag > li:after {font-size: 11px;}
    .port-view .down {margin: 10px 0;}
    .port-view .down a {width: 100px;height: 30px;line-height: 30px;border-radius: 0;font-size: 11px;margin: 2px 2px 0 0;}

    .port-about {padding-right: 0;}
    .port-about.mt60 {margin-top: 30px !important;}
    .port-about .lef hr {margin: 30px 0;}
    .port-about .lef dl {margin: 30px 0;}
    .port-about .lef dl dt {font-size: 14px;}
    .port-about .lef dl dd {margin-top: 10px;font-size: 12px;line-height: 1.6em;}
    .port-about .rig {margin-top: 30px;position: relative;;width: auto;height: 260px;padding-top: 40px;margin-right: 0;}
    .port-about .rig dt {padding: 0 10px;height: 40px;line-height: 40px;font-size: 14px;width: calc(100% - 22px);}
    .port-about .rig dd {height: 100%;}

    .team-list {margin: 0 10px 10px;}
    .team-list > li {padding: 23px 0;padding-left: 80px;}
    .team-list > li .thm {width: 70px;height: 70px;margin-top: -35px;}
    .team-list > li strong {font-size: 14px;}
    .team-list > li em {font-size: 12px;margin-top: 10px;}
    .video-list > li {width: 48%;}
    .video-list > li strong {font-size: 12px;height: 40px;line-height: 40px;}
    .photo-list > li {width: 48%;}

    .port-review {border: 5px solid #eeeeee;padding: 10px;}
    .port-review > dt > * {line-height: 20px;}
    .port-review > dt strong {font-size: 14px;line-height: 20px;}
    .port-review > dt .icon {margin-left: 10px;}
    .port-review > dt .icon img {margin-top: -1px;}
    .port-review > dt b {font-size: 12px;}
    .port-review > dt span {font-size: 12px;}
    .port-review > dt .count {position: static;font-size: 12px;margin-top: 5px;}
    .port-review > dd {margin-top: 10px;}

    .review-lsit > li {padding: 10px 0;}
    .review-lsit .info {position: relative;padding-right: 50px;}
    .review-lsit .info span {font-size: 14px;line-height: 1.4em;}
    .review-lsit .info .btns {margin-left: 0;position: absolute;top: 0;right: 0;}
    .review-lsit .txt {margin-top: 10px;font-size: 12px;line-height: 1.6em;}
    .review-lsit .po_rig {position: relative;top: auto;margin-top: 10px;}
    .review-lsit .po_rig .btns {margin-bottom: 0;position: absolute;top: 0;right: 0;}
    .review-lsit .po_rig .btns a img {height: 30px;}
    .review-lsit .po_rig .star > * {line-height: 30px;}
    .review-lsit .po_rig .star .icon {line-height: 30px;}
    .review-lsit .po_rig .star .icon img {margin-top: -1px;}
    .review-lsit .po_rig .star b {font-size: 14px;line-height: 30px;margin-left: 5px;}

}



/* write */
.__form {height: 42px;line-height: 40px;box-sizing: border-box;border: 1px solid #ddd;padding-left: 10px;}
.prdt-write dl {border: 12px solid #eeeeee;position: relative;padding: 35px;}
.prdt-write dl dt {font-size: 20px;color: #333333;font-weight: 600;letter-spacing: -0.02em;line-height: 1em;}
.prdt-write dl dd {margin-top: 15px;}
.prdt-write legend {display: none;}
.prdt-write fieldset:after {display: block;clear: both;content: '';}
.prdt-write fieldset > * {float: left;width: calc(100% - 20px);}
.prdt-write fieldset > *.w50 {width: calc(50% - 20px);}
.prdt-write fieldset > *.ml5 {margin-left: 40px;}
.prdt-write .__form {width: 100%;border-radius: 5px;}
.prdt-write textarea {height: 136px;line-height: 1.4em;padding: 10px;}
.prdt-write fieldset ul li {padding-left: 100px;position: relative;margin-bottom: 5px;}
.prdt-write fieldset ul li:after {display: block;content: '';width: 4px;height: 4px;background: #f93b2b;border-radius: 50%;position: absolute;top: 18px;left: 0;}
.prdt-write fieldset ul li b {position: absolute;top: 0;left: 10px;font-size: 16px;color: #666666;font-weight: normal;letter-spacing: -0.01em;line-height: 43px;}
.prdt-write .stxt1 {line-height: 30px;}
.prdt-write .btnWrap > * {vertical-align: middle;}
.prdt-write .btn1 {padding: 0 10px;font-size: 12px;height: 25px;line-height: 25px;}

@media screen and (max-width: 1300px) {

    /* sb_board */
    .sb-btn.type1{height: 30px;line-height: 30px;padding: 0 5px!important;border-radius: 2px;}
    .sb-btn.type2{height: 30px;line-height: 30px;padding: 0 5px!important;border-radius: 2px;}
    .sb-btn.type6{height: 30px;line-height: 30px;padding: 0 5px!important;border-radius: 2px;}
    .sb-btn i {margin-right: 5px;font-size: 14px;}
    #sb-footer {margin-top: 20px;}
    #sb-footer .sb-btn {padding: 0 5px !important;width: auto;}

    /* list */
    .all_del {bottom: 10px;}
    .all_del .sb-btn {top: -30px;width: auto;padding: 0 5px !important;}

    .prdt-list > li {padding: 15px 0;}
    .prdt-list > li > * {display: block;}
    .prdt-list > li .chk {position: absolute;top: 15px;left: 0;z-index: 2;width: auto;margin-right: 0;}
    .prdt-list > li .tmb {width: 100%;padding-bottom: 64.7%;}
    .prdt-list > li .info {width: auto;padding: 10px 0;}
    .prdt-list > li .tit {font-size: 14px;}
    .prdt-list > li .opt {margin-top: 10px;}
    .prdt-list > li .opt > li {display: block;width: auto;padding-left: 10px;font-size: 12px;}
    .prdt-list > li .opt > li:after {width: 3px;height: 3px;margin-top: -1px;}
    .prdt-list > li .opt > li b {color: #000;}
    .prdt-list > li .btns {width: auto;}
    .prdt-list > li .btns .sb-btn {width: auto;padding: 0 5px !important;}

    .prdt-no-data{margin: 50px 0;font-size: 13px;padding: 20px 0;}

    /* view */
    .prdt-view{padding-bottom: 40px;}
    .prdt-view > *{float: none;}
    .prdt-view dt{padding-right: 0;width: auto;}
    .prdt-view dt .bigimg{text-align: center;}
    .prdt-view dt .bigimg img{max-height:500px;}
    .prdt-view dt .tmb-list{margin: -0.5%;margin-top: 10px;}

    .prdt-view dd{margin-top: 20px;padding-top: 10px;width: auto;}
    .prdt-view dd .head h4{font-size: 16px;line-height: 20px;font-weight: 300;}
    .prdt-view dd .opt > li{font-size: 13px;line-height: 20px;}
    .prdt-view dd .btns{margin-top: 20px;}

    /* write */
    .__form {height: 30px;line-height: 30px;padding-left: 5px;font-size: 11px;}
    .prdt-write dl {border: 5px solid #eeeeee;padding: 10px;}
    .prdt-write dl dt {font-size: 14px;}
    .prdt-write dl dd {margin-top: 5px;}
    .prdt-write fieldset > * {float: none;width: auto;}
    .prdt-write fieldset > *.w50 {width: auto;}
    .prdt-write fieldset > *.ml5 {margin-left: 0;margin-top: 10px;}
    .prdt-write .__form {border-radius: 0;}
    .prdt-write textarea {height: 60px;padding: 5px;}
    .prdt-write fieldset ul li {padding-left: 60px;}
    .prdt-write fieldset ul li:after {width: 2px;height: 2px;top: 15px;}
    .prdt-write fieldset ul li b {left: 5px;font-size: 11px;line-height: 30px;}
    .prdt-write .stxt1 {line-height: 2em;}

}