/*** Base ***/
html { position: relative; min-height: 100%; }
a, .pointer { cursor: pointer; }
.clear { clear: both; }
.app-content {
  font-family: medium-content-serif-font,Georgia,Cambria,"Times New Roman",Times,serif;
  padding: 50px 0; 
  background-color: #e7efed; 
}
.container-lg { padding: 0 15px; }
#content {
  letter-spacing: .01rem;
  font-weight: 400;
  font-style: normal;
  line-height: 1.5;
  font-size: 16px;
  letter-spacing: -.003em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -moz-font-feature-settings: "liga" on;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { 
  font-family: medium-content-sans-serif-font,"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif;
  line-height: 1.4;
  letter-spacing: -.028em;
  text-shadow: 0px 0px 5px rgba(255,255,255,1.0);
}
#content .btn { font-size: 16px; }
#content .btn.btn-lg { font-size: 20px; }
#content .btn.btn-xs { font-size: 12px; }

.form-xs { margin: 0 -5px; }
.form-xs div { padding: 0 5px; }

.link-list a { font-size: 13px; margin: 0 10px 0 0; }


/*** Header ***/
#header { background-color: #00CD9E; }
#header .navbar-header { float: left; }
#header .navbar-nav>li { float: left; }
#header .navbar-nav>li>a { color: white; }
#header .navbar-brand { padding: 15px; color: white; font-size: 25px; }
#header .navbar-brand .logo { display: inline-block; width: 45px; margin: -18px 5px -15px 0; }
#header .search-form {}
#header .search-form .keyword { width: 300px; }
#header .nav-profile-avatar img { width: 40px; margin: 5px 0 0 0; }
#header .navbar-nav > .nav-profile-avatar > a { padding: 0px; display: inline; }
#header #notice-dropdown .dropdown-toggle { position: relative; font-size: 25px; color: white; padding-top: 12px; padding-bottom: 10px; }
#header #notice-dropdown .dropdown-toggle:hover { color: #2e6da4; }
#header #notice-dropdown .dropdown-toggle .badge { position: absolute; top: 10px; right: 4px; background-color: red; }
#header #notice-dropdown .dropdown-menu { width: 300px; }
#header .navbar-left { float: left; padding-left: 20px; }
#header .navbar-left .header-link a { font-size: 25px; color: white; padding-top: 12px; padding-bottom: 10px; }
#header #menu-dropdown .dropdown-menu>li>a { padding: 10px 20px; font-size: 18px; }
#header #menu-dropdown .dropdown-menu>li>a.menu-signout { font-size: 14px; }

@media (max-width: 767px) {
  #header .navbar-nav { margin: 0; }
  #header .navbar-nav.navbar-right { float: right; }
  #header .navbar-nav.navbar-right .signin-btn { padding-top: 3px; margin-right: -15px; }
  #header .navbar-brand { padding: 15px 0 15px 5px; }
  #header .dropdown-menu { position: fixed; top: 45px; right: 10px; left: auto; z-index: 1000; min-width: 160px; padding: 5px 0; margin: 2px 0 0; font-size: 14px; text-align: left; list-style: none; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0,0,0,.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); box-shadow: 0 6px 12px rgba(0,0,0,.175); }
  #header #menu-dropdown .dropdown-toggle { font-size: 25px; padding-top: 12px; margin-right: -15px; }
  #header .navbar-nav .open .dropdown-menu>li>a { padding: 5px 10px; }
  #header .navbar-nav .search-icon { font-size: 25px; }
  #header .navbar-nav .search-icon a { padding-left: 0; padding-right: 0; padding-top: 12px; }
  #header .navbar-form { padding: 7px 11px; margin-top: 0; margin-bottom: 0; margin-left: -20px; margin-right: -20px; }
  #header .search-form .keyword { width: 100%; }
}

/*** Footer ***/
#footer { border-top: solid 1px #e7e7e7; padding: 10px; margin: 50px 0; }

/*** NoticeList ***/
.notice-list { padding: 5px 0; margin: 2px 0 0; font-size: 14px; text-align: left; list-style: none; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0,0,0,.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); box-shadow: 0 6px 12px rgba(0,0,0,.175); }
.notice-list .row { display: block; margin-left: 0px; margin-right: 0px; padding: 9px 10px; }
.notice-list .divider { margin: 0; height: 1px; overflow: hidden; background-color: #e5e5e5; }
.notice-list .fuser-avatar { padding-left: 0px; padding-right: 0px; }
.notice-list .notice-text { padding-left: 10px; padding-right: 5px; }

/*** MessageList ***/
.message-list .row { display: block; margin-left: 0px; margin-right: 0px; padding: 9px 10px; }
.message-list .divider { margin: 0; height: 1px; overflow: hidden; background-color: #e5e5e5; }
.message-list .fuser-avatar { padding-left: 0px; padding-right: 0px; }
.message-list .notice-text { padding-left: 10px; padding-right: 5px; }

/*** Loading ***/
.spinner { position: fixed !important; top: 60px; left: 48%; width: 80px; text-align: center; z-index: 1; }
.spinner > div { width: 20px; height: 20px; background-color: #aaa; border-radius: 100%; display: inline-block; -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both; animation: sk-bouncedelay 1.4s infinite ease-in-out both; }
.spinner.blocked { top: 0; left: 0; width: 100%; height: 100%; z-index: 10000; background-color: #000000; opacity: 0.5; }
.spinner.blocked > div { margin-top: 20%; }
.spinner .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; }
.spinner .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; }
@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}
@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}

/*** Common ***/
.square-responsive { padding-bottom: 100%; position:relative; }
.square-responsive img { position: absolute; }
.square-responsive .square-content { position: absolute; width: 100%; height: 100%; top: 50%; transform: translateY(-50%); display: block; max-width: 100%; }

.pager li { margin: 10px; }
.map-icon { width: 50px; margin: -20px 7px -5px -10px; }

/*** Link ***/
.out-link { color: #3c763d; text-decoration: none; }
.out-link:hover, .out-link:focus { text-decoration: none; }
.out-link.notext { margin: 0 10px; }
.out-link small { font-size: 85%; color: #3c763d; }
.out-link small.text-muted { color: #777; }
.out-link .glyphicon { margin-right: 5px; }


/*** Button ***/
.btn-icon { font-size: 170%; padding: 5px 10px 0px 10px; color: #333; background-color: rgba(255,255,255,0.5); }
.btn-link { color: #999999; }
.btn-link:hover, .btn-link:focus { text-decoration: none; }
.btn-delete { position: absolute; top: 2px; left: 50%; margin-left: -21px; }
.btn-bar { display: inline-block; width: 100%; color: white; font-size: 15px; font-weight: bold; text-decoration: none; }
.glowy { box-shadow: 0px 0px 6px #ff8d00; -webkit-box-shadow: 0px 0px 6px #ff8d00;  }

/*** Suggest Box ***/
.suggest-box { position: absolute; background-color: white; width: 340px; padding: 0 0 10px 0; border: 1px solid #ddd; border-radius: 4px; z-index: 1001; }
.suggest-box .row { cursor: pointer; margin: 5px; padding: 5px; display: flex; align-items: center; border-radius: 4px; border: solid 1px white; }
.suggest-box .row:hover { border: solid 1px; }
.suggest-box .row .photo img { width: 50px; background-image: url(/img/photo_bg_160.jpg); background-size: 100% 100%; }

@media (max-width: 767px) {
  .suggest-box { width: 97%; }
}

/*** Block ***/
.block { padding: 10px; }

/* Common dialog */
#common-dialog .message h3 { margin-top: 10px; margin-bottom: 30px; font-size: 140%; line-height: 150%; font-weight: 300; }
#common-dialog .buttons button { margin-right: 10px; padding-left: 15px; padding-right: 15px; }

/* Photo dialog */
.modal-header { padding: 10px 15px; }
.photo-dialog .modal-dialog { width: 70%; max-width: 850px; }
.photo-dialog .modal-dialog.modal-xl { width: 1100px; max-width: 95%; }
.photo-dialog .modal-dialog .modal-body { padding: 0; }
.photo-dialog .modal-dialog .modal-body .photo-dialog-img { width: 100%; height: auto; display: block; }
.photo-dialog .modal-dialog .modal-body .close { position: absolute; top: -15px; right: -15px; background-color: white; padding: 5px 7px; border-radius: 50%; }

@media (max-width: 767px) {
  .photo-dialog .modal-dialog { width: 94%; margin: 20px auto 0 auto; }
  .photo-dialog .modal-dialog .modal-body .close { top: -15px; right: -10px; padding: 4px 6px; }
}

/* Photo Carousel */
.carousel-indicators { bottom: 0; }
.carousel-indicators li { width: 11px; height: 11px; margin: 3px; }
.carousel-indicators .active { width: 12px; height: 12px; margin: 3px; }
.carousel-inner.watermark img { margin-bottom: -7%; }
#photo-dialog-carousel .photo-title { padding: 5px 10px; text-align: center; }
#photo-dialog-carousel .photo-title .text-title { font-size: 100%; }
#photo-dialog-carousel .btn-delete { display: none; }

@media (min-width: 767px) {
  #blog-photo-carousel .btn-delete { display: none; }
  #blog-photo-carousel:hover .btn-delete { display: block; }
}

/* Video List */
.video-list .video { position: relative; }
.video-list .video .btn-delete { display: none; }
.video-list .video:hover .btn-delete { display: block; }

@media (max-width: 767px) {
  .video-list .video .btn-delete { display: block; top: -10px; }
}

/* Map */
#map-dialog #map-canvas { width: 100%; height: 400px; }
#map-dialog .modal-body { padding: 0; }
#map-dialog .marker-info img { width: 100px; margin: 0 10px 0 0; }

/* Info */
/* .info .glyphicon { margin-right: 10px; } */

/* Editable */
.editable .plain .value { margin: 5px 10px; }
.editable .plain .edit-icon { color: #777; }
h1 .editable .plain .edit-icon { font-size: 20px; }

/* PhotoList */
.photo-list .thumbnail { border: none; padding: 0; }

/* WebList */
.web-list .web { height: 100px; overflow-y: hidden; margin: 0 0 15px 0; }

/* Ad */
.ad { width: 100%; margin-left: -5px; }
.ad.ad-footer { position: fixed; bottom: 0; left: 0; margin-left: 0; }
.ad .ad-content { display: block; margin: auto; }
.ad .ad-content.admax  { text-align: center; }
.ad .ad-content.local { border: solid 1px gray; padding: 5px; }
.biz-left .ad { margin-top: 15px; }
.biz-right .ad { margin-bottom: 15px; }
.profile-left .ad { margin-top: 15px; margin-bottom: 15px; }
.profile-right .ad { margin-top: 15px; margin-bottom: 15px; }

/* Video */
.block-center { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.video .video-title { height: 45px; overflow-y: hidden; }
.video .video-preview { position: relative; }
.video .video-preview .video-photo { margin: 0 auto 0 auto; }
.video .video-preview .video-play { width: 25%; opacity: 0.8; }
.video .video-preview:hover .video-play { opacity: 1.0; }
.video .video-preview.playing { background-color: black; }
.video .video-preview.playing .video-photo { opacity: 0; }
.video .video-preview.playing .video-play { opacity: 0; }
.video iframe:-webkit-full-screen { transform: none; }

/* Text & Font */
.text-header { 
  -webkit-font-smoothing: antialiased; -moz-font-feature-settings: 'kern'; -moz-osx-font-smoothing: grayscale; 
  font-family: medium-content-sans-serif-font,"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -.028em;
  text-transform: none;
  text-shadow: 0px 0px 5px rgba(255,255,255,1.0);  
}
h4.text-header { padding: 0 0 5px 15px; }
.text-title, .text-snippet { font-size: 15px; line-height: 1.5em; word-spacing: 0.1em; color: #555; -webkit-font-smoothing: antialiased; -moz-font-feature-settings: 'kern'; -moz-osx-font-smoothing: grayscale; }
.text-title { font-size: 17px; font-weight: 400; line-height: 1.4em; color: #0070c9; }
.text-title:visited, a:visited { color: #337ab7; }
.text-red { color: red; }
.text-red.text-danger { background-color: yellow; }

/* Others */
.action-buttons { text-align: center; margin: 10px 0 15px 0; }
.test { border: dotted 1px gray; }

/****************
 * Social
 ****************/
.share-btn { padding: 0; margin: 0 3px; color: #ffffff; font-size: 125%; text-shadow: -1px -1px 0 rgba(0,0,0,.5); box-shadow: inset 0 1px 1px -1px rgba(255,255,255,.3); }
.share-btn:hover, .share-btn:focus { border: solid 1px #ff8800; }
.share-btn img { width: 36px; }
.fb-btn { border-color: #29447e; background: #3b5998; background-image: -webkit-linear-gradient(top,#637bad,#29447e);  }
.tweet-btn { border-color: #55acee; background: #55acee; }
.pin-btn { border-color: #cb2027; background: #cb2027; }

.btn.btn-social { width: 250px; padding: 0px; text-align: left; border-color: rgba(0,0,0,0.2); color: #fff; background-color: #999; }
.btn.btn-social:hover { opacity: 0.95; }
.btn.btn-social img { width: 40px; margin: 0 20px 0 0; border-radius: 4px; }
.btn.btn-facebook {  background-color: #2d4373; }
.btn.btn-google { background-color: #d73d32; }

.signin-steam-btn { border: solid 1px #ccc; border-radius: 3px; }


/****************
 * Signin/Signup
 ****************/
#signin-dialog .modal-body { text-align: center; }
#signin-dialog .alert { margin: 0; font-size: 110% }
#signin-dialog .alert .glyphicon { margin-right: 5px; }
#signin-dialog .row { margin-bottom: 10px; }
#signin-dialog .row.link { text-align: left; }
#signin-dialog .row input { padding: 5px 15px 5px 15px; font-size: 13px; color: black; }
#signin-dialog .row button { padding: 6px 25px 6px 25px; margin-top: 10px; }
#signin-dialog.signin .row.text { margin-bottom: 30px; }
#signin-dialog.signin .row .btn { margin-bottom: 10px; }
#signin-dialog.signin .row.text.agree { font-size: 11px; margin: 50px 0 5px 0; color: #999; }
#signin-dialog.signin .row.text.terms { font-size: 11px; margin: 0 0 0 0; color: #999; }
#signin-dialog.signin .row.text.terms a { text-decoration: underline; }
#signin-dialog.signin .or { height: 1px; margin: 0 0 10px 0; background-color: #DADBD6; }
#signin-dialog.signin .or span { position: relative; display: inline-block; top: -10px; font-size: 11px; font-weight: normal; width: 30px; padding: 0 5px 0 5px; letter-spacing: 0.1em; background-color: #FFFFFF; font-family: "Graphik Web","Arial","Helvetica",sans-serif; }
#signin-dialog.signin input { width: 250px; display: inline-block; }
#signin-dialog.signin .signin-button { width: 250px; }
#signin-dialog.signin .forgot-link { color: #333; font-size: 12px;  width: 250px; display: inline-block; text-align: left; font-family: "Graphik Web","Arial","Helvetica",sans-serif; }
#signin-dialog.signup .row.text { text-align: left; padding-left: 40px; font-weight: normal; overflow: hidden; }
#signin-dialog.signup .row { margin: 10px 0; }
#signin-dialog.signup .avatar img { width: 100px; }
#signin-dialog.signup .last_name { padding: 0 5px 0 0; }
#signin-dialog.signup .first_name { padding: 0 0 0 5px; }
#signin-dialog.welcome .ok-btn { margin-top: 50px; }
#signin-dialog.forgot-password .send_password_via input { display: inline; }
#signin-dialog .row .error-message { word-wrap: break-word; }


/****************
 * Avatar
 ****************/
.avatar .avatar-img { position: relative; }
.avatar .avatar-img .review_count { position: absolute; bottom: -3px; right: -5px; }
 
/****************
 * Profile
 ****************/
#profile .add-photo { font-size: 20px; }
#profile .avatar { position: relative; }
#profile .avatar .add-photo { position: absolute; left: 0; bottom: 0; }
#profile .cover-photo { position: relative; width: 100%; height: 300px; background-image: url(/img/cover_default.jpg); background-size: 100% auto; background-position: 50% 50%; background-repeat: no-repeat; background-color: black; }
#profile .cover-photo .dark-layer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to top,rgba(0,0,0,.70) 0,rgba(0,0,0,.45) 25%,rgba(0,0,0,.05) 70%, rgba(0,0,0,0) 90%); }
#profile .cover-photo .upload-cover-button { position: absolute; top: 10px; left: 10px; }
#profile .profile-info { margin-top: -80px; }
#profile .profile-info .profile-name { color: white; font-size: 30px; margin: 40px 0 15px -10px; }
#profile .profile-info .profile-actions { margin: 0 -25px 10px 0; }
#profile .profile-info .profile-actions button { margin: 0 5px 0 0; }

@media (max-width: 767px) {
  #profile .cover-photo { height: 200px; background-size: auto 100%; }
  #profile .profile-info .profile-avatar { padding-left: 5px; padding-right: 0; margin: 30px 0 0 0; }
  #profile .profile-info .profile-name { font-size: 23px; margin: 48px 0 15px -10px; }
}

@media (min-width: 992px) {
  #profile .profile-info { margin-top: -100px; }
  #profile .profile-info .profile-name { margin: 60px 0 15px -10px; }
}

/****************
 * UserCollection
 ****************/
.user-collection .display_name { height: 32px; overflow-y: hidden; display: block; }

/****************
 * Search
 ****************/
.search-box .filters .btn-group { margin: 15px 15px 0 0; }

/****************
 * TargetCollection
 ****************/
.target-collection .results a { text-decoration: none; margin: 0 0 15px 0; display: inline-block; }
.target-collection .results .text-info { height: 83px; overflow-y: hidden; margin: 0 0 10px 0; }
.target-collection .results .description { font-size: 12px; }
.target-collection .results img { background-image: url(/img/photo_bg_320.jpg); background-size: 100% 100%; }

.biz-collection .results a { text-decoration: none; margin: 0 0 15px 0; display: inline-block; }
.biz-collection .results .text-info { height: 83px; overflow-y: hidden; margin: 0 0 10px 0; }
.biz-collection .results .description { font-size: 12px; }
.biz-collection .results img { background-image: url(/img/photo_bg_320.jpg); background-size: 100% 100%; }
 
/****************
 * Review / Rating
 ****************/
.star-rating { overflow-y: hidden; display: block; height: 23px; }
.stars { display: inline-block; width: 127px; height: 22px; background: url(/img/stars.png) no-repeat; background-position: -3px -345px; }
.stars.stars_0 { background-position: -3px -514px }
.stars.stars_1 { background-position: -3px -539px }
.stars.stars_1_half { background-position: -3px -564px }
.stars.stars_2 { background-position: -3px -589px }
.stars.stars_2_half { background-position: -3px -614px }
.stars.stars_3 { background-position: -3px -639px }
.stars.stars_3_half { background-position: -3px -664px }
.stars.stars_4 { background-position: -3px -689px }
.stars.stars_4_half { background-position: -3px -714px }
.stars.stars_5 { background-position: -3px -739px }
.stars.med { width: 106px; height: 18px; }
.stars.med.stars_0 { background-position: -3px -303px }
.stars.med.stars_1 { background-position: -3px -324px }
.stars.med.stars_1_half { background-position: -3px -345px }
.stars.med.stars_2 { background-position: -3px -366px }
.stars.med.stars_2_half { background-position: -3px -387px }
.stars.med.stars_3 { background-position: -3px -408px }
.stars.med.stars_3_half { background-position: -3px -429px }
.stars.med.stars_4 { background-position: -3px -450px }
.stars.med.stars_4_half { background-position: -3px -471px }
.stars.med.stars_5 { background-position: -3px -492px }
.post-review .stars { width: 140px; }
.post-review .col-xs-12 { margin: 5px; }
.post-review .rate { padding: 0; margin-bottom: 0; }
.post-review .rate li { display: inline; }
.post-review .rate li input { cursor: pointer; border: none; margin: 0; padding: 0; width: 27px; height: 22px; -moz-opacity: 0; opacity: 0; filter: alpha(opacity= 0); -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.avatar { display: block; }
.review .biz { border-bottom: solid 1px #eee; margin: 0 0 10px 0; padding: 0 0 10px 0; }
.review .biz .name { margin: 0 0 5px; }
.review .biz .photo { padding-right: 0; padding-left: 0; }
.review .biz .photo img { background: #ddd; }
.review .comment { margin: 5px 0 0 0; padding: 15px 0 15px 0; }
.review .photos .photo { padding: 0 10px 10px 0; }
.review .photos .photo img { margin-bottom: 0; border: none; padding: 0; }
.review .updated { margin: 0 10px 0 0; }
.review .action-buttons { clear: both; padding: 5px 0 0 0; }
.liked { background-color: #e6e6e6; color: orange; }
.liked:hover, .liked:focus { color: orange; }

/****************
 * Biz
 ****************/
#biz .biz-right { }
#biz .main-photo { position: relative; }
#biz .main-photo img { border: none; padding: 0; width: 100%; background-image: url(/img/photo_bg_640.jpg); background-size: 100% 100%; }
#biz .main-photo .add-photo { position: absolute; right: 7px; bottom: 7px; }
#biz .main-photo.empty .add-photo { right: 50%; bottom: 50%; margin: 0 -26px -26px 0; padding: 10px 15px 5px 15px; }
#biz .more-photo { margin-top: 25%; }
#biz .photo-box .photos img { border: none; padding: 0; }
#biz .price { padding-left: 0px; }


/****************
 * Topic
 ****************/
#topic .thumbnail { padding-top: 15px; padding-bottom: 15px; }

.more-div { margin-bottom: 5px; }
.more-div .show-less { height: 90px; overflow-y: hidden; }
.more-div .show-more { height: auto; }


/****************
 * Pattern
 ****************/
#pattern .tag-list { word-break: break-word; }
#pattern .tag-list small { padding: 3px 5px; cursor: pointer; }
#pattern .tag-list small:hover { border: solid 1px gray; border-radius: 5px; }
#pattern .tag-form input.input-sm { height: 24px; padding: 0px 5px; font-size: 11px; }
#pattern .carousel-control { background-image: none; }
.photo-dialog[data-shadow="0"] .carousel-control { background-image: none; }


/****************
 * table-list
 ****************/
.table-list { margin: 10px 0; font-size: 12px; overflow-x: auto; width: 100%; padding: 0 0 5px 0; }
.table-list table { background-color: white; }
.table-list thead { background-color: black; }
.table-list th { padding: 5px 15px; color: white; font-weight: bold; }
.table-list td { padding: 5px 15px; }
.table-list tbody tr { border-bottom: solid 1px gray; }
.table-list tbody tr:hover { background-color: lightyellow; }
.table-list a { margin: 0 5px; }
.table-list .td-actions.buy { background-color: #cafbca; }
.table-list .td-actions.sell { background-color: #f7d3d3; }
.allocating-list .table-list table { background-color: lightgray; }
.watchlist .table-list table { background-color: darkgray; }


/****************
 * Stock
 ****************/
.param-list { padding: 0 0 10px 15px; font-size: 12px; overflow-x: auto; width: 100%; }
.param-list table { background-color: white; }
.param-list thead { border-bottom: solid 1px gray; }
.param-list th { padding: 5px 10px; font-weight: normal; }
.param-list tbody { background-color: #cbe3f7; }
.param-list td { padding: 5px; }
.trade-list .row { background-color: white; font-size: 11px; border-bottom: solid 1px gray; padding: 5px; } 
.trade-list .head { margin-right: 0; margin-left: 0; }
.trade-list .trade.buy { background-color: #cafbca; } 
.trade-list .trade.sell { background-color: #f7d3d3; }
.trade-list .scroll-list { overflow-y: auto; height: 100px; }

 
/****************
 * Blog
 ****************/
#blog { padding-top: 20px; background-color: white; }
#blog .text-header { font-size: 36px; }
#blog .text-body { font-size: 20px; line-height: 1.58; }
#blog .text-body .credit { font-size: 14px; } 
#blog .text-body p { margin: 0 0 15px; }
#blog textarea.form-control { font-size: 15px; padding: 15px 20px; line-height: 25px; margin: 5px 0; }
.blog-list .blog { padding: 10px 15px 15px 15px; -webkit-box-shadow: 0 0 15px rgba(0,0,0,.175); box-shadow: 0 0 15px rgba(0,0,0,.175); }
.blog-list .blog .photo { margin: 5px auto 0 auto; background-color: lightblue; }

@media (max-width: 767px) {
  #blog .text-header { font-size: 33px; }
  #blog .text-body { font-size: 19px; }
  .blog-list .blog-wrapper { margin-left: -15px; margin-right: -15px; }
}


/****************
 * App-MakerHai
 ****************/
#app-makerhai.app-content { min-height: 100vh; background-color: black; background-image: url(/img/makerhai/universe1.jpg); background-size: 100% auto; background-position: 50% 0; background-repeat: repeat-y; }
#app-makerhai.app-content #header { display: none; }
#app-makerhai.app-content #content { color: white; width: 65%; margin: 0 auto; }
#app-makerhai footer #footer { display: none; }

@media (max-width: 767px) {
  #app-makerhai.app-content { background-size: auto 100%; }
  #app-makerhai.app-content #content { width: 90%; }
}

@media (max-width: 360px) {
  #app-makerhai.app-content { padding-top: 10px; }
  #app-makerhai .hidden-xxs { display: none; }
}
  
  
/****************
 * App-Blog
 ****************/
#app-blog {
  background-color: white;
}
#app-blog .container { max-width: 750px; }
#app-blog #content {
  line-height: 1.58;
  color: rgba(0,0,0,.84);
  font-size: 18px;
} 
#app-blog #header { /* background-color: rgba(60, 118, 61, 0.95); */ }
#app-blog #header .search-form, 
#app-blog #header .search-icon { display: none!important; }
#app-blog footer #footer { margin: 100px 0 -50px 0; }
#app-blog .site-title { font-size: 40px; text-align: center; line-height: 130%; }
#app-blog .site-subtitle { line-height: 140%; }
#app-blog .site-subtitle .quote { font-size: 30px; font-weight: bold; }
  
#app-blog .intro-video .video .video-preview .video-play { width: 15%; }
#app-blog .intro-video .video img { width: 100%; }
#app-blog .intro-video .video iframe { width: 100%; height: 100%; }

@media (max-width: 767px) {
  #app-blog #header .navbar-brand .logo { width: 40px  }
  #app-blog #header .navbar-brand .name { font-size: 22px; }
  #app-blog .intro-video { margin-left: -30px; margin-right: -30px; }
}

/****************
 * App-RageRunner
 ****************/
#app-ragerunner {
  background-color: white;
}
#app-ragerunner .container { max-width: 750px; }
#app-ragerunner #content {
  line-height: 1.58;
  color: rgba(0,0,0,.84);
  font-size: 18px;
} 
#app-ragerunner #header { background-color: rgba(60, 118, 61, 0.95); }
#app-ragerunner #header .search-form, 
#app-ragerunner #header .search-icon { display: none!important; }
#app-ragerunner footer #footer { margin: 100px 0 -50px 0; }
#app-ragerunner .site-title { font-size: 40px; text-align: center; line-height: 130%; }
#app-ragerunner .site-subtitle { line-height: 140%; }
#app-ragerunner .site-subtitle .quote { font-size: 30px; font-weight: bold; }
  
#app-ragerunner .intro-video .video .video-preview .video-play { width: 15%; }
#app-ragerunner .intro-video .video img { width: 100%; }
#app-ragerunner .intro-video .video iframe { width: 100%; height: 100%; }

@media (max-width: 767px) {
  #app-ragerunner #header .navbar-brand .logo { width: 40px  }
  #app-ragerunner #header .navbar-brand .name { font-size: 22px; }
  #app-ragerunner .intro-video { margin-left: -30px; margin-right: -30px; }
}


/****************
 * App-SenHong
 ****************/
#app-senhong.app-content { background-color: #f7e5ee; }
#app-senhong .container { max-width: 850px; }
#app-senhong #content {
  line-height: 1.58;
  color: rgba(0,0,0,.84);
  font-size: 18px;
} 
#app-senhong footer #footer { margin: 100px 0 -50px 0; }
#app-senhong .text-header {
  color: rgb(254,46,154);
  text-shadow: 0px 0px 5px rgba(255,255,255,1.0);
}
#app-senhong .btn-primary { background-color: #f95dab; border-color: #f95dab; }
#app-senhong #header .navbar-brand .logo { margin-right: 15px; }
#app-senhong .main-banner { width: 100%; height: 400px; background-image: url(/img/banner/leaf-mural-office-space_1296x.jpg); background-size: 100% auto; background-position: 50% 50%; background-repeat: no-repeat; margin: 0 0 0 0; padding: 20px; }
#app-senhong .new-blog-btn { position: fixed; bottom: 50px; right: 15px; }

@media (max-width: 767px) {
  #app-senhong .main-banner { width: 100%; height: 215px; background-image: url(/img/banner/leaf-mural-office-space_720x.jpg); background-size: 100% auto; background-position: 50% 50%; background-repeat: no-repeat; margin: 0 0 0 0; padding: 20px; }
}

/****************
 * App-SquareEgg
 ****************/
#app-squareegg .navbar-right { display: none; }
#app-squareegg #footer a { display: none; }