@import url("//fonts.googleapis.com/earlyaccess/notosanstc.css");
@import url("//fonts.googleapis.com/earlyaccess/cwtexming.css");

@font-face
{
	font-family: mySongFont;
	src: url('fonts/song/SourceHanSerifTW-Regular.woff2');
}


body {font-family: "Noto Sans TC";}
body, html {width:100vw; overflow-x:hidden;}


:root
{
	--msbt-primary-color: #A82125;
	--msbt-text-color: #666;
	--msbt-dark-color: #4C4A4A;
	--msbt-light-color: #E7E7E6;
	--msbt-megamenu-height: 360px;
}

::-webkit-scrollbar-track { -webkit-box-shadow : inset 0 0 6px rgba(0,0,0,0.3) ; background-color : var(--msbt-primary-color) ; }
::-webkit-scrollbar { width : 2px ; height : 2px ; background-color : #000; }
::-webkit-scrollbar-thumb { background-color : var(--msbt-text-color) ; }


/*div {border: 1px solid #333;}*/

/* !global! */
body  { font-size: 14px; }

a	{color:inherit;}
a:hover {color:var(--msbt-primary-color);}




.hidden {display:none;}
.no-margin {margin:0;padding:0;}
.no-wrap {white-space:nowrap;}
.max-width {width:100%;}
.cursor-pointer {cursor:pointer;}


.flex-container {display:flex;}
.vertical-align-helper { display: inline-block; height: 100%; vertical-align: middle;}


.flex-row  { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; }
.flex-col  { display: flex; flex-direction: column;}

.arrow-btn { width:100%; white-space:nowrap;}
.arrow-btn .arrow-btn-text { float:left;}
.arrow-btn .arrow-btn-addon { float:right;}

.flat-btn { background-color:var(--msbt-light-color); color:#000; border-radius:0;border:none;}
.flat-border-btn { background-color:transparent; color:#000; border-radius:0;border:1px solid black;}
.flat-msbt-btn,.flat-msbt-btn:hover, .flat-msbt-btn:focus { background-color:var(--msbt-primary-color); color:#FFF; border:1px solid gray;}

.flat-inquiry-next-btn,.flat-inquiry-next-btn:hover, .flat-inquiry-btn:focus { background-color:orange; color:#FFF;border:1px solid #DDD; float:right;margin:16px;width:104px;}

.msbt-checkbox .msbt-checkbox-flag:before { content: "\f096 ";  margin: 3px; font: normal normal normal 14px/1 FontAwesome;}
.msbt-checkbox.active .msbt-checkbox-flag:before {content:'\f046  '; font: normal normal normal 14px/1 FontAwesome; color:var(--msbt-primary-color);}

.colorBGSpan {border:1px solid #FFF; outline:1px solid #000; width: 16px; height:16px;display:inline-block;margin-right: 5px;vertical-align:sub;}
.btn-width-left {width: 100% text-align:left;}


/* bootstrap hack */
.row:before {content:none; !important}



/* !page! */

.page-mainMenu-container {height: 64px;overflow-y:hidden;margin-bottom: 24px;}
.page-mainMenu { list-style:none;margin:0;padding:0; background-color: var(--msbt-text-color); margin-bottom: 12px; white-space:nowrap; margin-bottom:20px; display:inline-block; overflow-y:hidden; overflow-x:auto; position:relative;}

.page-mainMenu-arrow {color:#FFF;  background-color: var(--msbt-text-color); }
.page-mainMenu-arrow-left {position:absolute; left:15px; top:0;height:64px;line-height:64px;}
.page-mainMenu-arrow-right {position:absolute; right:16px; top:0;height:64px; line-height:64px;}


.page-mainMenu-item { display:inline-block; margin:1px; padding-left:20px; padding-right:20px; line-height: 62px; height: 62px;}
.page-mainMenu-item h1 { display:inline-block; margin:1px; padding-left:20px; padding-right:20px; line-height: 62px; height: 62px; font-size:1em;padding:0;margin:0;}
.page-mainMenu-item.active {background-color:#FFF;}
.page-mainMenu-item.active {padding-left:25px;}
.page-mainMenu-item.active a { color: var(--msbt-text-color); }
.page-mainMenu-item a { color: #FFF; }

.page-mainMenu .page-mainMenu-item-seperator:first-child, .page-mainMenu .page-mainMenu-item-seperator:last-child,.page-mainMenu .page-mainMenu-item-seperator.active {display:none;margin:5px;}
.page-mainMenu-item-seperator { display:inline-block; margin:0px;padding:0px; height: 100%; color:white;}
.page-mainMenu-item.active + .page-mainMenu-item-seperator { display:none;}


.page-section {margin-bottom: 60px;}








/* !navbar! */
.navbar-row {position:relative; font-size: 14px; margin-bottom: 20px; font-weight: 500;}
.navbar-menu-list {list-style:none; padding:0;margin:0; position: absolute; bottom:0; right:0;}
.navbar-menu-list-item {float:left; padding-right:40px;line-height: 28px;}
.navbar-menu-list-item:last-child {padding-right:5px;}
.navbar-menu-list-item-shortcut {margin-left: 30px;}
.navbar-menu-list-item-shortcut-cart-amount { color:var(--msbt-primary-color); }
.navbar-row button {color:#000; padding:0;}

.navbar-dropdown-mainMenu { min-width: 300px; height:auto;font-size: 14px; padding:0;margin-top:30px;border-radius:none;}
.navbar-dropdown-mainMenu h3 { font-size: 14px; padding:5px; margin:0; border-bottom: 1px solid #CCC; display:block; padding:15px; }
.navbar-dropdown-mainMenu .navbar-menuItem-leaf a { display:block; padding: 15px; }
.navbar-dropdown-mainMenu h3.navbar-menuItem-level-1.navbar-menuItem-leaf { display:block; padding: 0px;}
.navbar-dropdown-mainMenu .navbar-menuItem-not-leaf h3 { display:block; padding: 15px;}
.navbar-dropdown-mainMenu .navbar-menuItem-not-leaf a {}
.navbar-dropdown-mainMenu div { border-bottom: 1px solid #CCC; margin-left:6px;margin:0;}
.navbar-menuItem-level-1 {background-color: #5a5657; padding:10px;}
.navbar-menuItem-level-1 a, .navbar-menuItem-level-1 a:hover, .navbar-menuItem-level-1 .fa {color:#FFF;}
.navbar-menuItem-level-2 a { margin-left: 18px; display:block;}
.navbar-menuItem-level-2:hover { background-color: #ededed;}
.navbar-menuItem-level-2 .ui-state-active a, .navbar-menuItem-level-2 .ui-state-active .fa, .navbar-menuItem-level-2:hover .fa { color: var(--msbt-primary-color); }
.navbar-menuItem-level-3:hover { }
.navbar-menuItem-level-3 a { margin-left: 36px;}

..navbar-menuItem-leaf {display:block; padding:10px;}

.navbar-breadcrumb-list { list-style: none; margin:0;padding:0; margin-bottom: 12px;}
.navbar-breadcrumb-list li { display: inline; font-weight: 100;}
.navbar-breadcrumb-list li + li:before { font: normal normal normal 14px/1 FontAwesome; content: '\f054'; color: #CCC; margin: 15px; font-size: 11px;}

.megamenu-container {z-index: 300;}

.search-dropdown .dropdown-menu
{
	border:none;
	background-color:transparent;
	padding-bottom:0;
	padding-top:10px;
	min-width: 200px;
}

.search-dropdown .dropdown-menu .form-group { margin-bottom:0; }


/* !megamenu! */
.megamenu-container { display:none; position:relative;}
.megamenu-row { position:absolute; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; height:var(--msbt-megamenu-height);background-color:#FFF;}
.megamenu:hover .megamenu-content { display: block; }

.megamenu-panel-main { background-color: var(--msbt-dark-color); color:#FFF; height:var(--msbt-megamenu-height); overflow-y:auto;overflow-x:hidden;}
.megamenu-panel-main a { color:#FFF;}
.megamenu-panel-sub { background-color: var(--msbt-light-color); color:#FFF; height:var(--msbt-megamenu-height);overflow-y:auto;overflow-x:hidden;}
.megamenu-panel-showcase { background-color: #FFF; height:var(--msbt-megamenu-height);overflow-y:auto;overflow-x:hidden; background-position:center;background-size:cover;background-repeat:no-repeat;opacity:1;position:relative;}
.megamenu-panel-showcase-top {position:absolute;left:0;right:0;top:0;bottom:0;background-position:center;background-size:cover;background-repeat:no-repeat;opacity:0;}



.megamenu-content {list-style:none;padding:0; font-weight: 100; line-height:28px; border-top: 5px solid var(--msbt-dark-color);}
.megamenu-content ul {list-style:none;padding:0; color: #000; font-weight: bolder;}
.megamenu-content ul .active a { color: var(--msbt-primary-color);}
.megamenu-content .megamenu-panel-main ul .active a { color: #FFF;}

.megamenu-mainItem {display:table;}




/* !header! */
.header-to-top { position:fixed; bottom: 20px; right: 10px; z-index:100; color:var(--msbt-light-color);padding:0;}


/* !footer! */
.footer-content-container{background-color: var(--msbt-dark-color); color:#FFF; font-weight: 100; padding-top: 20px; padding-bottom:40px; font-size: 13px;line-height: 28px; display:table; width:100%; padding-left: 10px; margin-top:40px;}
.footer-container a {color:#FFF;}
.footer-icon-menu {font-size: 16px;}
.footer-icon-menu img {height:40px; width:40px; margin: 5px;margin-left:0; margin-top:10px;}

.footer-section {margin-top: 16px;}
.footer-product-history-container {color: var(--msbt-primary-color); font-size: 11px; margin-top: 24px; margin-bottom: 24px;}
.footer-product-history-panel {border: 1px solid #999; height:140px; position:relative; padding-left: 40px; padding-right:40px;}
.footer-product-history-panel-left, .footer-product-history-panel-right {position:absolute;top:calc(50% - 14px);}
.footer-product-history-panel-left {left:0;}
.footer-product-history-panel-right {right:0;}
#footer-product-history-panel-slide {white-space:nowrap; overflow:hidden; width:100%;}
#footer-product-history-panel-slide a {white-space:nowrap; overflow:hidden; text-align:center;width:100px; display:inline-block;}
#footer-product-history-panel-slide a img {margin:5px;margin-top:10px; text-align:center;}
#footer-product-history-panel-slide a div {text-align:center;color:#000;overflow:hidden;text-overflow:ellipsis; width:100%;height:32px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal;}


/* !index! */
.index-section {margin-top:36px; vertical-align:top; color: var(--msbt-text-color); line-height: 24px;}
/*.index-section h1, .index-section h2 {color:#000; font-weight:600;}*/
.index-section .row {margin-bottom:18px;}

.index-section-title .subTitleContainer {font-size:30px;font-weight:600;display:inline-block;padding-bottom:14px;}
.index-section-title .subTitle { font-size:70%; vertical-align:middle; font-weight:600;}
.index-section-description { padding-top:4px;}
.index-h1 {font-size: 24px; margin-top: 0px;}
.index-h2 {font-size: 14px;font-weight:normal;color:var(--msbt-text-color);}
.index-section-title_title {font-size: 20px; margin-top: 0px;font-weight:600;margin-bottom:10px; color:black;}
.index-section-title_title.subTitle {font-size: 14px; color:#000;}

.index-color-block {float:left; margin:1%; width:120px;}
.index-color-block img {width:100px;}
.index-color-block-sm {width: 32px; height: 32px; display:inline-block;}

.index-function-image-row {width: 100%; height: 185px; overflow:hidden;}
.index-function-block {display:inline-block;margin:1%; min-width: 80px; vertical-align:top; height: 185px;}
.index-function-image-row img {width:100px;}


.index-section-inverse {margin-top:36px; vertical-align:top; color: #FFF; line-height: 24px; background-color: var(--msbt-text-color);}
.index-section-inverse h1, .index-section-inverse h2, .index-section-inverse a {color:#FFF; font-weight:600;}
.index-section-block-content { color:#bbcd79; }
.index-section-block-description { padding-top:10px; padding-bottom:60px;}
.index-section-block-inidcate-image-container {background-size: cover; min-height: 300px;}
.index-section-block-description.index-section-title span { font-size:60%;}



.index-section-ready { margin-top:24px;}
.index-section-ready .row { margin-top:24px;}
.index-section-ready a { color: var(--msbt-text-color);}
.index-section-ready img { height:100px;}
.index-section-ready-indicator {font-size: 16px;}






/* !slider!*/
.slider-carousel {width:100%; height: 508px;/*50vh*/}
@media (max-width: 768px) {
	.slider-carousel {width:100%; height:42vw; /*508px;*/ /*50vh*/}
}
.slider-carousel .item { background-repeat:no-repeat;background-size:cover;background-position:center; width:100%; height:100%;}
.slide-carousel .item a {width:100%; height: 100%; display:block;}
.slide-carousel-control.right, .slide-carousel-control.left {background-image: none;}


/* !product! */
.products-container {font-weight:normal;}
.products-container h2 {font-size: 18px; font-weight:bolder;}
.products-container img {width:100%;}
.products-container .arrow-btn {position:absolute;bottom:10px; width:90%;}
.products-container-row  { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap;}
.products-container-col  { display: flex; flex-direction: column; padding-bottom: 60px; min-height:400px;}

/* !productCategory! */
.productCategory-container {margin-bottom:42px;}
.productCategory-product-row {margin-bottom: 36px;}
.productCategory-product-row h2 {margin-bottom: 24px}


/* !product! */
.product-text {color: var(--msbt-text-color);}
.product-text-title {color: black; font-size: 18px; white-space:nowrap;}
.product-size-section .product-product-input { border: 1px solid black; width: 60px; margin: auto 5px auto 5px; text-align:center; font-size: 16px;}

.product-amount-section {margin-top:15px;}
.product-amount-section .product-product-input {border: 1px solid black; width: 80px; height: 40px;line-height:10px;margin: auto 10px auto 10px; text-align:center; font-size: 16px; color: var(--msbt-text-color);}

.product-tab-content {border-right: 1px solid var(--msbt-text-color); border-left: 1px solid var(--msbt-text-color); border-bottom: 1px solid var(--msbt-text-color);margin-top:-24px; padding: 24px; display:table; width:100%;}
.product-tab-content-title {font-size: 24px; font-weight: bolder; margin-bottom:10px;}
.product-tab-content-subTitle {margin-bottom: 48px;}


.product-article a { color: var(--msbt-primary-color);}


/* !mediaLibrary! */

.mediaLibrary-subMenu-title { padding:10px; height:40px; color:#FFF; background-color: var(--msbt-text-color); white-space:nowrap;}
.mediaLibrary-subMenu-title a { color:#FFF;}

.mediaLibraryShowRoomDiv { float: left; height:260px; margin:10px;}
.mediaLibraryShowRoomDiv img { height: 200px;}
.mediaLibraryShowRoomDiv div { padding:5px;}



#mediaLibraryShowRoom_1 {padding: 10px;}
#mediaLibraryShowRoom_1_Lightbox {width: 100%; height: 50vh; min-height:300px; background-repeat:no-repeat;background-position:center;background-size:contain;margin: 30px 0;position:relative;}
#mediaLibraryShowRoom_1_Lightbox_A {position:absolute; width: 100%; height:100%;background-repeat:no-repeat;background-position:center;background-size:contain}
.mediaLibraryShowRoom_1_controller {color:#CCC;cursor:pointer;}
.mediaLibraryShowRoom_1_controller:hover {color:#000;}
#mediaLibraryShowRoom_1_prev {position:absolute;left:0; top:50%; }
#mediaLibraryShowRoom_1_next {position:absolute;right:0; top:50%;}
#mediaLibraryShowRoom_1_thumbnailList {overflow:hidden; height: 60px; white-space:nowrap; background-color:#666;}

.mediaLibraryLightboxThumbnail
{ width: 80px; height: 45px; margin: 10px 0px;background-repeat:no-repeat; background-position:center;background-size:contain;display:inline-block; cursor:pointer; opacity:.2;}
.mediaLibraryLightboxThumbnail.active {opacity:1; transition: opacity 1s;}

.mediaLibrary-subMenu-accordion-container {border-bottom: 1px solid #FFF;}
.mediaLibrary-subMenu-accordion { border: 1px solid #CCC; }
.mediaLibrary-subMenu-accordion h3, .mediaLibrary-subMenu-accordion h2 { background-color: #CCC; font-size: 16px; margin:0;padding:0;padding-left:15px; height: 24px; line-height:24px;cursor:pointer;}

.mediaLibrary-subMenu-accordion-toggle-container {margin:10px;}
.mediaLibrary-subMenu-accordion-condition {margin: 5px; cursor:pointer;}
.mediaLibrary-subMenu-accordion-condition span { margin: 5px; padding;10px; cursor:pointer;}
.mediaLibrary-subMenu-accordion-condition span:hover { color: var(--msbt-primary-color);}
.mediaLibrary-subMenu-accordion-condition span:before { content: "\f096 ";  margin: 3px; font: normal normal normal 14px/1 FontAwesome;}
.mediaLibrary-subMenu-accordion-condition.active span:before {content:'\f046  '; font: normal normal normal 14px/1 FontAwesome; color:var(--msbt-primary-color);}


/* !product.detail!*/
#product-detail-image-showRoom { height: 50vh; width: 100%; background-position:center;background-repeat:no-repeat;background-size:contain; position:relative;}
#product-detail-image-showRoom-slide-container {height:120px; width:100%; position:relative;padding-left: 20px; padding-right:20px;overflow:hidden; white-space:nowrap;}
#product-detail-image-showRoom-slide {height:140px; width:100%; overflow-x:auto; overflow-y:hidden;white-space:nowrap;padding-right:20px;}
.product-detail-image-showRoom-prev, .product-detail-image-showRoom-next {color: var(--msbt-light-color); position:absolute; top:calc(50% - 20px); cursor:pointer;}
.product-detail-image-showRoom-prev {left:0;}
.product-detail-image-showRoom-next {right:0;}

.product-detail-image-showRoom-slide-thumbnail { margin: 5px; opacity:.2; cursor:pointer;}
.product-detail-image-showRoom-slide-thumbnail:hover, .product-detail-image-showRoom-slide-thumbnail.active { opacity:1; transition: 0.5s opacity;}

.product-detail-concurLevel-container {display:inline-block; white-space:nowrap;margin-left: 20px;}
.product-detail-concurLevelIcon {color: var(--msbt-light-color); font-size: 36px; }
.product-detail-concurLevelIcon.active {color: var(--msbt-text-color);}

.product-related-product-container {color: var(--msbt-primary-color); font-size: 11px; margin-top: 24px; margin-bottom: 24px;}
.product-related-product-panel {border: 1px solid #999; height:140px; position:relative; padding-left: 40px; padding-right:40px; vertical-align:top;}
.product-related-product-panel-left, .product-related-product-panel-right {position:absolute;top:calc(50% - 14px);}
.product-related-product-panel-left {left:0;}
.product-related-product-panel-right {right:0;}
#product-related-product-panel-slide {white-space:nowrap; overflow:hidden; width:100%;}
#product-related-product-panel-slide a {white-space:nowrap; overflow:hidden; text-align:center;width:100px; display:inline-block;}
#product-related-product-panel-slide a img {margin:5px; margin-top:10px; text-align:center;}
#product-related-product-panel-slide a div {text-align:center;color:#000;overflow:hidden;text-overflow:ellipsis; width:100%; height:32px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal;}

.product-detail-function-container {clear:both;display:table;}
.product-detail-function-container .product-detail-function-block {float:left; margin:10px; text-align:center; font-size:12px;}





/* !function.detail! */
.function-detail-container h2 {font-size: 18px;}
.function-detail-container h3 {font-size: 14px;}
.function-detail-container h4 {font-size: 14px;}
.function-detail-container img {width: 100%;}


/* !room.detail! */
.room-detail-container h2 {font-size: 18px;}
.room-detail-container h3 {font-size: 14px;}
.room-detail-container h4 {font-size: 14px;}
.room-detail-container img {width: 100%; height: 250px;}

/* !style.detail! */
.style-detail-container h2 {font-size: 18px;}
.style-detail-container h3 {font-size: 14px;}
.style-detail-container h4 {font-size: 14px;}
.style-detail-container img {width: 100%; height: 250px;}

/* !colorSet.detail! */
.colorSet-detail-container h2 {font-size: 18px;}
.colorSet-detail-container h3 {font-size: 14px;}
.colorSet-detail-container h4 {font-size: 14px;}
.colorSet-detail-container img {width: 100%;}
//.colorSet-detail-container img {max-height:250px;}
.colorSet-detail-container .products-container-col a {width:100%;overflow-x:hidden;}


/* !faq! */
.faq-title { cursor:pointer; display:table;}
.faq-title .faq-title-icon { color: var(--msbt-primary-color);}
.faq-title .faq-title-text { display:table-cell; vertical-align:middle;font-size:20px;color:var(--msbt-text-color);}
.faq-content {display:none; padding-left: 20px; padding-right: 40px;margin-bottom:40px;}
.faq-faqIcon { border: 1px solid var(--msbt-primary-color);color:var(--msbt-primary-color);width:40px; height:40px;display:inline-block;border-radius:20px;line-height:40px;text-align:center;font-size:30px;margin-right:10px;}
.faq-faqIcon:before {content: "?";}



/* !diy! */
.diy-section {margin-top: 40px;}
.diy-section h2 { font-size:20px;padding-bottom:10px;}
.diy-button-row .arrow-btn {margin-top: 10px; margin-bottom:10px;}
.diy-youtube-container {position: relative; width: 100%; height: 0; padding-bottom: 56.25%;}
.diy-youtube-video {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.diy-text-container {min-height: 300px; border: 1px solid var(--msbt-light-color); margin-bottom:20px;}



/* !discount! */
.discount-banner img { width: 100%;  }
.discount-section h2 {font-size: 20px;}


/* !contact! */
.contact-to-buy-row img { margin-bottom:20px; }
.contact-to-buy-row .col { margin-bottom:30px; }


/* !cart!*/
.cart-info-table { width: 100%; margin-top: 10px;}
.cart-info-table caption {font-size: 18px; color:#000;}
.cart-info-table th, .cart-info-table td {padding: 20px; border: 1px solid gray;}
.cart-info-table th {background-color: var(--msbt-light-color);}
.cart-1-remark {display:none;}
.cart-1-remark.active {display:block;}




/* !inquiry! */

/*
.inquiry-sample_container, .inquiry-inquiry_container {margin:0;border-left: 1px solid var(--msbt-dark-color);border-right: 1px solid var(--msbt-dark-color);display:table; width:100%;}
.inquiry-sample_title, .inquiry-inquiry_title
{ padding:10px; height:40px; color:#000; background-color: var(--msbt-light-color); white-space:nowrap; font-weight:bolder; clear:both; cursor:pointer;border-top:1px solid #FFF;}

.inquiry-sample_list {list-style:none;margin:0;}

.inquiry-sample_list li { float:left; margin: 10px; cursor:pointer;}
.inquiry-sample_list li img { width: 80px; height:80px; display:block;};
.inquiry-sample_productSKU_text span {margin: 5px; padding;10px; display:block;}

.inquiry-sample_productSKU_text span { margin: 5px; padding;10px; cursor:pointer; display:block;}
.inquiry-sample_productSKU_text span:hover { color: var(--msbt-primary-color);}
.inquiry-sample_productSKU_text span:before {content: "\f096"; margin: 3px; font: normal normal normal 14px/1 FontAwesome;}
.active .sample_productSKU_text span:before {content: "\f046"; font: normal normal normal 14px/1 FontAwesome; color:var(--msbt-primary-color);}

.sample-productCategory_display { float:right; margin-left: 60px;}
*/

/* -inquiry- */
.inquiry-inquiry_list {margin:0;padding:0;list-style:none;counter-reset: questionNumbers;}
.inquiry-inquiry_list > li {margin:10px;padding:0;border: 1px solid gray; clear:both; display:block;}
.inquiry-inquiry_list > li:before {background-color: var(--msbt-primary-color); color:#FFF; padding-left:10px; padding-right:10px; font-size: 16px; float:left; line-height:28px;height:28px;content: counter(questionNumbers); counter-increment: questionNumbers;}

.inquiry-question_title {background-color: #eee; height: 28px; line-height: 28px; white-space:nowrap; display:block;}
.inquiry-question_title:before {content: '\00a0\00a0\00a0';}
.inquiry-question_title .inquiry-question_answer {float:right;text-align:right; padding-right:10px; min-width: 300px; overflow: hidden; text-overflow:ellipsis;}

/* =========================================== */



.inquiry-banner img { width: 100%;  }
.inquiry-product-sub-container {border-bottom: 1px solid var(--msbt-dark-color);}
.inquiry-product-sample-container {border-left: 1px solid var(--msbt-dark-color);border-right: 1px solid var(--msbt-dark-color);border-bottom: 1px solid var(--msbt-dark-color);}
.inquiry-productSKU-sample-container {display:table;}
.inquiry-sample-button {float:right;padding:40px;}




.inquiry-product-inquiry-container {border-left: 1px solid var(--msbt-dark-color);border-right: 1px solid var(--msbt-dark-color);border-bottom: 1px solid var(--msbt-dark-color);}

.inquiry-inquiry_btnGroup {display:none;padding:20px;}
.add-to-inquiry-button {margin:20px; float:right;}
.inquiry-go-cart-btn {margin:20px;margin-right:0px;float:right;border:1px solid #DDD;}

.inquiry-product-inquiry-list {list-style:none; margin:0;padding:0px;}
.inquiry-product-inquiry-list li {border: 1px solid #EEE; padding:10px;}


.inquiry-inquiry-list {list-style:none; margin:0;padding:0px;}
.inquiry-inquiry-list li {border: 1px solid #EEE; padding:10px;}


.inquiry-product-inquiry-title
{ padding:10px; height:40px; color:#000; background-color: var(--msbt-light-color); white-space:nowrap; font-weight:bolder; clear:both; cursor:pointer;border-top:1px solid #FFF;}
.inquiry-display-inquiry { float:right; margin-left: 60px;}




.inquiry-productCategory-title { padding:10px; height:48px; color:#FFF; background-color: var(--msbt-text-color); white-space:nowrap; font-size: 20px;cursor:pointer;border-top: 1px solid #FFF;}
.inquiry-product-sample-title
{ padding:10px; height:40px; color:#000; background-color: var(--msbt-light-color); white-space:nowrap; font-weight:bolder; clear:both; cursor:pointer;border-top:1px solid #FFF;}

.inquiry-display-sample { float:right; margin-left: 60px;}



.inquiry-productSKU-sample-block { float:left; margin: 10px; cursor:pointer;}
.inquiry-productSKU-sample-block img { width: 80px; height:80px; display:block;};
.inquiry-poductSKU-sample-text span {margin: 5px; padding;10px; display:block;}

.inquiry-poductSKU-sample-text span { margin: 5px; padding;10px; cursor:pointer; display:block;}
.inquiry-poductSKU-sample-text span:hover { color: var(--msbt-primary-color);}
.inquiry-poductSKU-sample-text span:before {content: "\f096"; margin: 3px; font: normal normal normal 14px/1 FontAwesome;}
.active .inquiry-poductSKU-sample-text span:before {content: "\f046"; font: normal normal normal 14px/1 FontAwesome; color:var(--msbt-primary-color);}

.inquiry-flat-btn {background-color:transparent;border:1px solid black; border-radius:0;}




.question {border: 1px solid black; border: 1px solid gray; margin:10px; display:none}
.question .question-title		{background-color: #EEE; height: 28px; line-height: 28px;}
.question .question-prefix	{background-color: var(--msbt-primary-color); color:#FFF; padding-left: 10px; padding-right: 10px; margin-right: 10px;height:100%; display:inline-block; font-size: 16px;}
.question .question-content {background-color: #FFF; padding:10px;}
.question .image-selection  {display:inline-block; margin: 10px; width: 160px; text-align:center;}

.question .subQuestion-content {background-color: #EEE;}

.question .question-answer { float: right; margin-right: 10px;}

.inquiry-productSKU-inquiry-container .question:nth-child(1), .question.active {display:block;}


.image-selection img {cursor:pointer;}