<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.itopplus-background {

}
#unknown{
    margin-bottom: 120px;
}

/*เมนูข้างซ้อนกัน*/
#Component5e12e96e67d49b001a597276{
	position:relative;
  	z-index:1;
}

.navbar-default .navbar-nav&gt;li&gt;a {
    font-size: 18px;
}
.dropdown-menu&gt;li&gt;a {
    font-size: 16px;
    color: #2d2d2d!important;
}

.navbar-default .navbar-nav&gt;li&gt;a {
    padding-top: 15px;
    padding-bottom: 15px;
  	border-radius: 3px;
}
.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover {
    color: #fff;
    background-color: #fcb712;
}
.navbar-default .navbar-nav&gt;.active&gt;a,.navbar-default .navbar-nav&gt;.active&gt;a:focus,.navbar-default .navbar-nav&gt;.active&gt;a:hover,.navbar-default .navbar-nav&gt;li&gt;a:focus,.navbar-default .navbar-nav&gt;li&gt;a:hover {
    color: #fff;
    background-color: #fcb712;
}
.navbar-default .navbar-toggle {
    border-color: #fcb712;
}
.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover {
    background-color: #fcb712!important;
}
.navbar-default .navbar-nav&gt;.open&gt;a,.navbar-default .navbar-nav&gt;.open&gt;a:focus,.navbar-default .navbar-nav&gt;.open&gt;a:hover {
    background-color: #fcb712;
    color: #fff;
}
.nav .open&gt;a,.nav .open&gt;a:focus,.nav .open&gt;a:hover {
    background-color: #fcb712;
    border-color: transparent;
    color: #fff!important;
}
.dropdown-menu&gt;li&gt;a:focus,.dropdown-menu&gt;li&gt;a:hover {
    background-color: #fcb712!important;
    background-image: none;
    color: #fff!important;
}
@media (max-width:768px) {
    .navbar-default {
        background: #eee
    }
    .dropdown-menu&gt;li&gt;a {
        color: #000!important
    }
}

/*เมนูชิดขวา*/
/* Medium Devices, Desktops */
@media only screen and (min-width : 1024px) {
h1,.h1 { font-size: 2.250em;}
h2,.h2 { font-size: 1.875em;}
h3,.h3 { font-size: 1.500em;}
h4,.h4 { font-size: 1.125em;}
h5,.h5 { font-size: 0.875em;}
h6,.h6 { font-size: 0.750em;}
p { margin: 0 0 10px;}
.navbar .nav,
.navbar .nav &gt; li {
    float:none;
    display:inline-block;
    *display:inline; /* ie7 fix */
    *zoom:1; /* hasLayout ie7 trigger */
    vertical-align: top;
}
#main-navbar-collapse{
  text-align:right ;
}
.itopplus-menu {
    margin-top: 3%;
}
     ul.nav li.dropdown:hover &gt; ul.dropdown-menu {
	display: block;
	margin: 0;
}
    .itopplus-search-image-flex-container {
    margin: 25px!important;
}
	.itopplus-search-image-flex-item {
    margin: 11px!important;
    background-color: #fff!important;
     width: 170px!important;
}
      #menu5e12a4181e568d001974c071 .dropdown-menu {
    border: 0px solid rgba(0,0,0,.15)!important;
    background-color: transparent!important;
    box-shadow: 0 0 0 rgba(0,0,0,.175)!important;
}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1366px) {
h1,.h1 { font-size: 2.250em;}
h2,.h2 { font-size: 1.875em;}
h3,.h3 { font-size: 1.500em;}
h4,.h4 { font-size: 1.125em;}
h5,.h5 { font-size: 0.875em;}
h6,.h6 { font-size: 0.750em;}
p { margin: 0 0 10px;}
.navbar .nav,
.navbar .nav &gt; li {
    float:none;
    display:inline-block;
    *display:inline; /* ie7 fix */
    *zoom:1; /* hasLayout ie7 trigger */
    vertical-align: top;
}
#main-navbar-collapse{
  text-align:right ;
}
.itopplus-menu {
    margin-top: 3%;
}
     ul.nav li.dropdown:hover &gt; ul.dropdown-menu {
	display: block;
	margin: 0;
}
    .itopplus-search-image-flex-container {
    margin: 25px!important;
}
	.itopplus-search-image-flex-item {
    margin: 11px!important;
    background-color: #fff!important;
}
      #menu5e12a4181e568d001974c071 .dropdown-menu {
    border: 0px solid rgba(0,0,0,.15)!important;
    background-color: transparent!important;
    box-shadow: 0 0 0 rgba(0,0,0,.175)!important;
}
}




@media only screen and (min-width : 1900px)  {
#upload5e130fff76533d0019ee58e80 .progress {
    width: 540%!important;
}
  #formdisplay5e130fff76533d0019ee58e8 #capcha0 {
    width: 104.4%!important;
}
  .Template-H-Icon {
    width: 10%;
}
  .weldinginter_img1 {
    width: 25%!important;
}
}



/* photo */

.picf {
  transition:0.5s;
}
.picf:hover{
  transform: translate(0px, -8px); 
  transition:0.5s;
}



/* Album  */



.fancybox-lock {
    overflow: auto;
}
.fancybox-margin {
   margin-right: 0px;
}
.fancybox-lock .fancybox-overlay {
   overflow: auto;
   overflow-y: hidden;
}



/*  jazz */
figure.effect-jazz figcaption::after {
    border-top: 0px solid transparent;
    border-bottom: 0px solid transparent;
}
figure.effect-jazz {
    background: transparent;
}

/*  steve */
figure.effect-steve {
    background: transparent;
}
figure.effect-steve h2, figure.effect-steve p {
    background: transparent;
    color: transparent;
}
figure.effect-steve h2:before {
    box-shadow: 0 1px 10px rgba(0,0,0,0.0);
}
figure.effect-steve:before, figure.effect-steve h2:before {
    background: transparent;
}
figure.effect-steve:before {
    box-shadow: 0 0 15px 0px rgba(0, 0, 0, 0.52);
}

/*  Layout */
.boderedlayoutClient {
    border-top: 0px dashed transparent;
    border-left: 0px dashed transparent;
    border-right: 0px dashed transparent;
    border-bottom: 0px dashed transparent;
}

/*  hvr */
.hvr-grow {
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    transition-duration: 0.3s;
    transition-property: transform;
}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
    transform: scale(1.05);
}

/*  bgpt */
.bgpt {
      transition: 0.3s;
}
.bgpt:hover{
     box-shadow: 0 0 10px rgba(160, 156, 156, 0.5);
}

/*  JazzByYing */
.JazzByYing-Position {
  	display: block;
 	overflow: hidden;
}
.JazzByYing {
	transition: 0.35s;
  	-webkit-transform: scale3d(1,1,1);
  	 transform: scale3d(1,1,1);
}
.JazzByYing:hover {
   -webkit-transform: scale3d(1.05,1.05,1);
 	transform: scale3d(1.05,1.05,1);
 	transition: 0.35s;
}

/*hvr-grow-rotate*/
.hvr-grow-rotate:hover, .hvr-grow-rotate:focus, .hvr-grow-rotate:active {
    -webkit-transform: scale(1.1) rotate(4deg);
    transform: scale(1.1) rotate(4deg);
}
.hvr-grow-rotate {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}
/*hvr-backward*/
.hvr-backward:hover, .hvr-backward:focus, .hvr-backward:active {
    -webkit-transform: translateX(-8px);
    transform: translateX(-8px);
}
.hvr-backward {
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}







/* เมนูข้าง */

.menuVertical .nav-pills&gt;li&gt;a {
    color: #2d2d2d;
    background-color: transparent;
    border-bottom: solid 1px #e7e7e7;
    padding: 15px 10px 15px 15px;
    font-size: 16px;
}
.menuVertical .nav&gt;li&gt;a:hover, .nav&gt;li&gt;a:focus {
    color: #fff;
    background-color: #fcb713;
    border-bottom: solid 1px #e7e7e7;
}
.menuVertical .nav-stacked&gt;li+li {
    border-bottom: solid 0px transparent;
}




/* class */

.weldinginter_topic1 {
    background-color: #fcb712;
    font-size: 26px;
    font-weight: 600;
    color: #fff;
    padding: 20px 20px 20px 20px;
    margin-top: 10px;
}
.weldinginter_topic2 {
    background-color: #404040;
    font-size: 26px;
    font-weight: 600;
    color: #fff;
    padding: 20px 20px 20px 20px;
    margin-top: 10px;
}
.weldinginter_topic3 {
    background-color: #fcb712;
    padding: 15px;
    color: #404040;
    font-weight: 600;
    font-size: 26px;
    text-align: center;
    border-left: solid 10px #404040;
    width: 30%;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 20px;
}

.weldinginter_padding1 {
    padding: 20px 10px 20px 10px;
    border: solid 1px #e7e7e7;
}



.weldinginter_img1 {
    width: 30%;
    margin: 0 auto;
    margin-bottom: 10px;
}




.weldinginter_text1 {
    text-align: center;
    font-size: 16px;
}




/* shopcart */

.shopcart {
   -webkit-border-radius: 800px 800px 800px 800px;
    width: 100px!important;
    height: 100px!important;
    background-image: url(https://itp1.itopfile.com/ImageServer/itp_21092019uac9/50/0/violetbrashopz-z1008370294577.webp);
    background-color: #b1b2b6;
    background-position: 50% 50%;
     
}



.Template-H-pic {
    height: inherit!important;
    border: none;
    padding: 0px;
  border-radius:0px;
}
 .Template-H-innerPic {
    height: inherit!important;
}
.Template-H-frame {
    background: #fff;
    margin-bottom: 40px;
    border-radius: 0px;
    padding: 10px 0px 0px 0px;
    border: solid 1px #e7e7e7;
}
.Template-H-frame:hover {
    box-shadow: 0 0 10px #b5b5b5;
}
.Template-H-button {
    width: 100%;
    border: solid 1px #fcb712;
    background-color: #fcb712;
    border-radius: 0px;
   font-weight: 600;
}
#scrolltoshop5e12ef0c2150cc0019a1b38a,
#scrolltoshop5e12fa92d9f06e001a7b3f73,
#scrolltoshop5e12fb8b1e568d001974c64d,
#scrolltoshop5e12fbac027afe0019016266,
#scrolltoshop5e12fbd5060fab0019a3c414,
#scrolltoshop5e12fbf6060fab0019a3c419,
#scrolltoshop5e12fc1e060fab0019a3c41f,
#scrolltoshop5e12fc442150cc0019a1b442,
#scrolltoshop5e12fc6276533d0019ee5683,
#scrolltoshop5e12fc871e568d001974c674,
#scrolltoshop5e12fcadd9f06e001a7b3fa3,
#scrolltoshop5e12fccb1e568d001974c679,
#scrolltoshop5e12fce976533d0019ee568b,
#scrolltoshop5e12fd1bf30df1001ad69f75,
#scrolltoshop5e12fd4a76533d0019ee5698,
#scrolltoshop5e12fd70d9f06e001a7b3fbf,
#scrolltoshop5e12fd9e027afe001901629d,
#scrolltoshop5e12fdbc1e568d001974c6a6,
#scrolltoshop5e12fe16027afe00190162c3,
#scrolltoshop5e12fe7f027afe00190162d0 {
    margin: 0px -10px;
}



.Template-H-Name {
    font-size: 16px;
    height: 50px;
    padding: 0px 5px;
}
.priceNoPromotion {
    color: #ed3535;
    font-weight: bold;
    font-size: 16px;
}




.shopcart-Cate {
    font-size: 22px;
    padding: 10px 0px;
}
.Template-H-ProName {
    color: #fcb713;
}
.shopcartID-Head-Default, .shopcartID-Default, .shopcartName-Head-Default, .shopcartName-Default, 
.Template-H-PriceNormal, .Template-H-Quantity, .Template-H-Item, .shopcart-share, .shopcartDetail, .shopcartSize {
    font-family: Prompt,sans-serif;
}
.shopcartID-Default, .shopcartName-Head-Default, .shopcartlinePrice-Default, .shopcartName-Default {
    border-bottom: solid 0px transparent;
}
.shopcartID-Head-Default {
    border-bottom: solid 0px transparent;
    padding: 10px 0 0px 0;
}
.Template-H-Big {
    border: solid 0px transparent;
}
.Template-H-buttonDetail {
    border: solid 1px #fcb712;
    padding: 15px 0 10px 0;
    background-color: #fcb712;
    color: black;
    border-radius: 0px;
    font-weight: 600;
}
.input-sm {
    font-family: Prompt,sans-serif;
}


.shopcartRelated {
    font-size: 22px;
    color: #fcb712;
}



.ui.steps .step.active .title {
    color: #fcb713;
}
.ui.steps .step .title {
    font-family: Prompt,sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.5;
    margin-top: 5px;
}
.step1checkout {
    background-color: #fcb713;
    border: 5px solid #ffc844;
}
.btnCheckoutprevious {
    background-color: #fcb713;
    border-radius: 0px;
    padding: 10px 0 10px 0;
    font-weight: 500;
    font-size: 16px;
}
.step5checkout {
    background-color: #fcb713;
    border: 7px solid #ffc844;
}
.shopcart-paymentpage {
    font-size: 16px;
    color: white;
    background-color: #fcb714;
    border-radius: 0px;
    width: 25%;
    padding: 20px 10px 20px 10px;
}






/* from*/
#editor1, #editor2, #editor3, #editor4, #editor5, #editor6, #editor7, #editor8, #editor9, #editor10, 
#editor14, #editor15, #editor16, #editor17, #editor20, #editor21,  #editor22, #editor23, #editor25, #editor26, #editor27, #editor28, #editor30,
#editor31, #editor32, #editor33, #editor35, #editor37, #editor38, #editor39, #editor40, #editor41, #editor43, #editor44, #editor45, #editor47, #editor48, #editor49 {
    padding-bottom: 10px;
    color: #000;
    font-size: 16px;
    padding-top:10px;
}
#display8 input {
    width: 100%!important;
}
#editor12, #editor18 {
    font-size: 22px;
    margin: 0px 10px;
    color: #fcb714;
    font-weight: 600;
}
#editor19, #editor24, #editor29, #editor36, #editor42, #editor46 {
    font-size: 18px;
    margin: 0px 10px;
    color: #000000;
    font-weight: 600;
    margin-top: 2%;
}
#editor18 {
    margin-top: 4%;
}
#province13 label {
    font-weight: 400;
    color: #000;
    font-size: 16px;
}

/* ฟอร์ม Style */
#formdisplay5e130fff76533d0019ee58e8 .form-control {
    border: none;
    border: 1px solid #dadada;
    border-radius: 0px!important;
    -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
    box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
    background-color: transparent;
    padding: 20px;
    color: #333!important;
}
#formdisplay5e130fff76533d0019ee58e8 select.form-control {
    border: none;
    border: 1px solid #dadada;
    border-radius: 0px!important;
    -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
    box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
    background-color: transparent;
    padding: 0px 10px;
  	height: 50px;
    color: #333!important;
}
#formdisplay5e130fff76533d0019ee58e8 .form-control:focus {
   border: 1px solid #fcb714;
}
#formdisplay5e130fff76533d0019ee58e8 #capcha0 {
    margin-left: -0.7%;
    width: 105.9%;
    color: #000;
    font-size: 16px;
}


#formdisplay5e130fff76533d0019ee58e8 .btn-default {
    background-repeat: repeat-x;
    border-color: #0000;
    border-radius: 0px;
    box-shadow: 3px 6px 8px 2px rgb(179, 179, 179);
    padding: 8px 10px;
    font-size: 14px;
    border: 0px solid transparent;
    color: #fff;
    text-shadow: none;
    border-radius: 5px;
    background: linear-gradient(to right, #fcb714 0%, #fcb714 100%);
}
#formdisplay5e130fff76533d0019ee58e8 .btn-default:hover, 
#formdisplay5e130fff76533d0019ee58e8 .btn-default:focus {
    background-position: 0 0px;
    background: linear-gradient(to right, #6b6b6b 0%, #6b6b6b 100%);
}
/* ฟอร์ม Style */

/*ปุ่มเลือกไฟล์ */
#upload5e130fff76533d0019ee58e80 .btn-success span {
    font-size: 12px;
    font-weight: 500;
}
#upload5e130fff76533d0019ee58e80 .btn-success {
    color: #2e2f33;
    background-image: linear-gradient(to bottom,#f0f0f0 0,#e1e2e5 100%);
  	background-color: transparent;
    border-color: #ffffff00;
    box-shadow: none;
    padding: 5px 10px 5px 10px;
    border-radius: 5px;
    margin-top: -3px;
}
#upload5e130fff76533d0019ee58e80 .btn-success:hover {
    background-position: 0px;
    background: #fcb714;
    color: #fff;
}
#upload5e130fff76533d0019ee58e80 .progress {
    width: 369%;
}
/*ปุ่มเลือกไฟล์*/
/* from*/




/*from Contact*/
 
.no-js #Component5e1304be2150cc0019a1b51b label {
    display: none!important;
}
.no-js #Component5e1304be2150cc0019a1b51b .col-md-6 {
    width: 100%;
    margin-left: auto;
    display: block;
    margin-right: auto;
    float: initial;
}

.no-js #Component5e1304be2150cc0019a1b51b .form-control {
    border: 1px solid #fff;
    border-radius: 0px!important;
    -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
    box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
    font-size: 14px!important;
    padding: 30px;
    background: #f1f1f1;
    color: #000;
}

.no-js #Component5e1304be2150cc0019a1b51b ::placeholder {
    color: #000!important;
  font-weight:300;
}

.no-js #Component5e1304be2150cc0019a1b51b .form-control:focus {
    border-color: #fcb713;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 0px 0px rgba(0,0,0,.075), 0 0 0px rgba(102, 175, 233, 0);
  color: #000!important;
}

.no-js #Component5e1304be2150cc0019a1b51b .btn {
    background-image: linear-gradient(to right, #fcb713 0%,#fcb713 100%);
    background-repeat: repeat-x;
    border-color: #0000;
    border-radius: 0px;
    padding: 10px 30px;
    font-size: 14px;
    border: 0px solid transparent;
    color: #fff;
}

.no-js #Component5e1304be2150cc0019a1b51b .btn-default:active {
background-color: #404040;
}

.no-js #Component5e1304be2150cc0019a1b51b .btn-default:hover,
.no-js #Component5e1304be2150cc0019a1b51b .btn-default:focus {
    background-position: 0 0px;
  background-color: #404040;
}

.form-group .label a {
    color: #000;
}


/*Hide Menu Phone*/

@media only screen and (min-width : 360px) {
.navbar-default .navbar-toggle {
    border-color: #66b2ff;
    border: none!important;
    background: none!important;

}
  
  .text-bar {
    color: #66b2ff!important;
    font-size: 0px!important;
}
}


@media only screen and (max-width: 768px) {
.navbar-default .navbar-brand {
padding: 11px;
}
  .no-js #Component5e1304be2150cc0019a1b51b .btn {
    margin-left: 0px;
    background-color: #fd0101;
}
  .no-js #Component5e1304be2150cc0019a1b51b .col-md-6 {
    width: 100%;
}
    .no-js #Component5e1304be2150cc0019a1b51b {
    padding:20px 0px 20px 0px;
}
   .itopplus-search-image-flex-container {
   width: 100%!important;
   display: inline-block!important;
}
	.itopplus-search-image-flex-item {
    background-color: #f6f8f8!important;
    display: inherit;
    width: 100%!important;
}

	.itopplus-search-shopcart-image {
    height: auto !important;
    overflow: hidden;
}  
	.itopplus-search-shopcart-image img{
 	 width: 100% !important;
  }
  	.search_text {
    text-align: center;
}
	.itopplus-search-shopcart-image {
    background: #f6f8f8;
}
 	.table-responsive {
    white-space: nowrap;
}
 	.itopplus-search-image-flex-item img {
    width: 100%!important;
}
#imagesControl5e12e57967d49b001a59724d {
    padding: 0px!important;
}
  .weldinginter_topic2 {
    font-size: 20px;
}
  .weldinginter_topic3 {
    font-size: 20px;
    width: 100%;
}
  #display2, #display4, #display6, #display8, #display14, #display16, #display20, #display22, #display25, #display27, #display30, #display32, #display37, #display39, #display43,
  #display44, #display47, #display48 {
    margin-right: -20px;
}
  #upload5e130fff76533d0019ee58e80 .progress {
    width: 145%;
}
  #formdisplay5e130fff76533d0019ee58e8 #capcha0 {
    width: 114.9%;
}
  #formdisplay5e130fff76533d0019ee58e8 .btn-default {
    margin-left: 20px;
}
}



@media only screen and (min-width : 320px) {
.navbar-default .navbar-toggle {
    border-color: #66b2ff;
    border: none!important;
    background: none!important;

}
  
  .text-bar {
    color: #66b2ff!important;
    font-size: 0px!important;
}
}

/*Hide Menu Phone*/ 




@media only screen and (max-width: 768px){
.row-fluid [class*=col-sm-5fix] {
  width: 50%!important;
  float:left!important;
}
}



.row.margin.Shopcart-Related-Main {
display: none;
}


.dropdown-menu&gt;li&gt;a {
background: #fff;
}

</pre></body></html>